Tinohost 
Vultr 
StableHost 
HawkHost 
Học React js và Redux: tạo ứng dụng với Node JS + React JS
Một khóa học rất hay nữa vừa mới được công bố tại fedu, đó là khóa học React js và Redux. Vậy hôm nay chúng ta cùng xem trong khóa học có những gì nhé. Trước tiên chúng ta cùng tìm hiểu một số khái niệm quan trọng mà bạn cần phải biết.
React JS là gì?
Khi bạn tìm đến khóa học này rồi thì mình tin là bạn đã quá hiểu nó là gì rồi phải không nào? Nhưng nếu bạn chưa biết thì mình xin giải thích một cách đơn giản như sau:
React JS là một thư viện được viết bằng ngôn ngữ Javascript, nó dùng để xây dựng giao diện người dùng (user interface - UI). Nói một cách khác thì nó dùng để xây dựng giao diện phía ngoài của người dùng. Vì là một thư viện JS dùng tạo UI nên bản thân nó không thể kết nối lên server, vì vậy bạn phải kết hợp một ngôn ngữ khác như:
- Server side language: PHP, ÁSP, NodeJS ...
- Database: MySQL, SQL Server ...
- HTML - CSS
Nếu bạn là người mới tìm hiểu thì mình khuyên bạn nên học React JS vì nó được tạo ra với tiêu chí Learn One Write Everywhere. Bạn sẽ học tư duy, học ngôn ngữ và áp dụng vào cả một trong hai lĩnh vực đó mà web và mobile. Còn nếu bạn là một người chưa biết gì về Javascript? Lúc này bạn nên tìm hiểu nó trước khi bắt đầu học React JS.
Redux là gì?
Có React rồi tại sao lại học thêm Redux. Thực ra Redux là một thư viện Javascript dùng để tạo ra lớp quản lý trạng thái của ứng dụng, dựa trên nền tảng của Fux do Facebook sáng tạo, vì vậy Redux thường là một đôi không thể thiếu đối với ReactJS và React Native. Ngoài ra bạn cũng có thể sử dụng Redux với các framework khác như Angular, Backbone, Ember ...
Để dễ hình dung thì mình đưa ra một ví dụ khá đơn giản. Giả sử bạn đang lướt web tại freetuts.net, sau một khoảng thời gian bạn đi từ trang này tới trang khác thì mỗi trang như vậy ta gọi là trạng thái. Vậy việc quản lý trạng thái ở đây có lợi gì? Tiêu chí của React JS đó là tạo ra một ứng dụng Single page, mọi thứ đều sử dụng các control của ứng dụng cung cấp, vì vậy việc quản lý trạng thái trở nên khó khăn hơn rất nhiều, nhất là đối với các ứng dụng mobile.
Khóa học có những gì?
Giống như tiêu đề, khóa học sẽ học về React JS và Redux, đương nhiên bạn sẽ được giới thiệu thêm một số thành phần liên quản khác. Tóm lại nội dung gồm các chủ đề chính như sau:
React JS: Học các kiến thức React từ căn bản, học các component, hệ thống router, load dữ liệu JSON, tối ưu SEO ....
Redux: Học kiến thức Redux từ căn bản, kết hợp Redux với Firebase.
Xây dựng ứng dụng: Áp dụng các kiến thức để xây dựng một ứng dụng hoàn chỉnh với các chức năng thêm xóa sửa, kết hợp với các hệ thống database khác như MySQL, Firebase, PostgreSQL. Ngoài ra ứng dụng sẽ được kết hợp với NodeJs
Giới thiệu
| Khóa học | React js |
| Hình thức học | Online |
| Học phí | 130,000đ |
| Link khóa học | fedu.vn |
Nội dung khóa học
Sau đây là danh sách các chương mà bạn sẽ được học trong khóa này. Lưu ý là mỗi chương được chia thành nhiều phần nhỏ nữa nhé.
- 1: Mục đầu tiên
- 2: Giới thiệu - cài đặt - và chạy chương trình React JS đầu tiên
- 3: Khái niệm và 4 cách định nghĩa component trong React JS
- 4: Khái niệm và cách truyền thông tin qua Props trong Component
- 5: Thực hành JSX và hàm
- 6: Thực hành kiến thức Component qua bài tập chuyển đổi giao diện từ bootstrap 4 sang React JS
- 7: Hai cách viết tương tác trong React JS
- 8: Khái niệm State - thao tác với state
- 9: Thay đổi state và sử dụng thuộc tính Default Value
- 10: Học về LifeCycle của React Component
- 11: Học về React Router và thực hành tạo giao diện
- 12: Chuyển đổi từ giao diện thành React Component
- 13: Tích hợp React Router để thao tác không cần load lại trang
- 14: Tạo dữ liệu và load dữ liệu Json trong React JS
- 15: Ánh xạ dữ liệu vào Component và tạo đường dẫn SEO
- 16: Cách truyền tham số thông qua URL và nhận dữ liệu từ tham số truyền vào
- 17: Hoàn thiện chức năng tin liên quan cho demo
- 18: Cách gửi nhận dữ liệu bằng Form trong React JS
- 19: Project thiết kế backend với dữ liệu LocalStorage
- 20: Thiết kế UX và cắt HTML CSS
- 21: Tạo Project React và chuyển đổi từ giao diện HTML sang React
- 22: Xử lý các tương tác cơ bản
- 23: Thực hành kết nối các component cha con và component ngang cấp
- 24: Tạo dữ liệu cho project và đẩy dữ liệu ra giao diện
- 25: Logic các bước làm và cách lập trình chức năng tìm kiếm
- 26: Lập trình chức năng thêm mới thành viên bằng React JS
- 27: Hoàn thiện chức năng thêm mới bằng cách tự sinh ID khi tạo mới dữ liệu
- 28: Phân tích logic thực hiện chức năng sửa thông tin
- 29: Tạo Form sửa dữ liệu và load nội dung khi được kích hoạt
- 30: Hoàn thiện chức năng sửa thông tin thành viên
- 31: Lập trình chức năng xóa thông tin thành viên
- 32: Dữ liệu hóa ứng dụng với LocalStorage
- 33: Cách đóng gói ứng dụng và chạy ứng dụng trên Xamp server
- 34: Cách đồng bộ code, download code, chạy code và quản lý bằng Github
- 35: Bắt đầu với Redux - what & why
- 36: Phân tích cấu trúc một ứng dụng Redux
- 37: Thực hành với Redux và hàm Subscribe
- 38: Tạo ứng dụng kết hợp React - Redux
- 39: Cách sử dụng hàm MapDispatchToProps
- 40: Giới thiệu Project mới với Redux và Firebase
- 41: Học cách sử dụng Firebase trong 30 phút
- 42: Thực hành thêm sửa xóa dữ liệu Firebase từ React JS
- 43: Cài đặt redux - khởi tạo store - khởi tạo reducer
- 44: Thực hành kết nối Store và Component hoàn thiện chức năng thêm mới dữ liệu vào Firebase
- 45: Chức năng in dữ liệu ra danh sách
- 46: Thực hành kết nối App và NoteItem với Redux Store
- 47: Chức năng sửa dữ liệu
- 48: Chức năng xoá dữ liệu
- 49: Xử lý điều hướng sử dụng Store
- 50: Tuỳ biến tiêu đề theo chức năng
- 51: Lập trình phần hiển thị thông báo cho các thao tác chức năng
- 52: Tổng kết
- 53: Cài đặt và tạo cơ sở dữ liệu PostgreSQL
- 54: Khởi tạo project
- 55: Kết nối Node js và PostgreSql
- 56: Phân tích logic của một ứng dụng
- 57: Dựng frontend bằng React js
- 58: Giao tiếp dữ liệu từ Node js sang React JS
- 59: Giao tiếp dữ liệu từ React js sang Node JS
- 60: Tổng kết ứng dụng
- => Xem thêm tại đây
Lưu ý: Bạn phải đăng ký và thanh toán tại freetuts, nếu đăng ký trực tiếp ở fedu bạn sẽ không được hưởng giá ưu đãi này.
ĐĂNG KÝ KHÓA HỌC
###########################
Khóa combo
- Combo 2 khóa học NodeJS và ReactJS + Redux (225,000đ)
- Combo 12 khóa học Full-stack: Bước đầu để trở thành Fullstack Developer (986,000đ)
- Combo 7 khóa học frontend online: HTML, JS, jQuery, Bootstrap, Sass .. (540,000đ)
- Khóa học PHP MVC (Codeigniter) từ căn bản đến nâng cao (158,000đ)
Khóa riêng lẻ
- Thiết kế hiệu ứng với Javascript và illustrator (195,000đ)
- Thực hành thiết kế database với MySQL qua bài tập (130,000đ)
- Khóa học HTML & CSS cơ bản (65,000đ)
- Khóa học Angular JS (1x) kết hợp với PHP và MySQL (130,000đ)
- Học Github dành cho lập trình và thiết kế website (130,000đ)
- Khóa học cắt CSS từ file PSD với SASS (130,000đ)
- Khóa học Typescript với ES6 hướng đối tượng (130,000đ)
- Khóa học lập trình jQuery từ căn bản đến nâng cao (130,000đ)
- Lập trình web PHP/MySQL theo mô hình MVC phần 2 (130,000đ)
- Học làm web bán hàng Wordpress cho người không chuyên (130,000đ)
- Khóa học lập trình theme WordPress tạo website hoàn chỉnh (130,000đ)
- Khóa học Front-end với Bootstrap4, jQuery, HTML5 & CSS3 (130,000đ)
- Học React js và Redux: tạo ứng dụng với Node JS + React JS (130,000đ)
- Khóa học NodeJS - kết hợp MongoDB, Mongoose, và PostgreSQL (130,000đ)
- Lập trình Frontend nâng cao qua project thực tế (130,000đ)
- Lập trình web PHP/MySQL theo mô hình MVC phần 1 (130,000đ)
- Khóa học Javascript từ đầu (130,000đ)
