- Instructor: tomedu
CHƯƠNG TRÌNH DẠY LẬP TRÌNH REACT (FRONT-END)
Một chương trình đặc biệt dành cho những bạn có niềm đam mê với công nghệ hiện đại. Như các bạn đã biết, React ngày ngày đã trở nên phổ biến những tính năng linh hoạt và đơn giản với hơn 13,8 triệu developer và hơn 950 triệu trang web đang sử dụng. Nhiều dấu hiệu đang cho rằng React sẽ là tương lai của phát triển Web.
Nắm bắt xu hướng hiện nay, TomEdu đã xây dựng một chương trình học hoàn toàn mới về LẬP TRÌNH REACT THỰC HÀNH. Nhằm hướng đến mục tiêu, giúp cho các IT tương lai chuẩn bị tốt cho mình những kiến thức và trải nghiệm thực tế thông qua khóa học. Chương trình sẽ gồm 10 buổi học với những nội dung trọng điểm nhất, thực tế nhất. Dưới sự truyền đạt của giảng viên với 10 năm kinh nghiệm trong lĩnh vực IT và công nghệ, chắc chắn các bạn sẽ có những kiến thức và kỹ năng tốt nhất.
Nội dung chương trình:
Ngày 1:
React là gì ? Ưu điểm
Cài đặt node
Các câu lệnh cơ bản trong terminal
Sơ bộ về ES6
Tạo dự án React đầu tiên
Cấu trúc của dự án React (tạo bằng CRA)
Xây dựng 1 component đầu tiên
Nạp css cho component
Tạo event cho component
Lồng 2 component
State của component là gì ?
Props trong component là gì ?
Gửi data thông qua props
Tính toàn vẹn của props
Ngày 2:
Render giao diện theo điều kiện
Vòng đời của component
+ didmount
+ didupdate
+ willunmount
+ shouldupdatecomponent
React hooks là gì ? Ưu điểm ? Các lưu ý cần tránh.
Hiệu ứng cơ bản của hooks component
useRef (react class, react hook)
Khi nào component render (paint lại) ? Phụ thuộc vào sự kiện hay thuộc tính nào ?
Exercises: (3 bài)
Ngày 3:
High order component (HOC)
Kiến trúc Flux
Sự ra đời của Redux
MVC Model trên React
Redux là gì ?
Thiết lập redux-saga
Tạo event lắng nghe sự kiện gọi đến watcher
Tải dữ liệu bằng redux-saga
Lưu dữ liệu vào store reducer
Nạp dữ liệu vào component từ store reducer
Exercise: (3 bài)
Ngày 4
Render dữ liệu dạng list và lưu ý
Render children component
Tải dữ liệu từ backend trên React
Gửi dữ liệu cập nhật xuống backend
Tự động hóa tải dữ liệu khi component render
Tự động tải dữ liệu khi có dữ liệu thay đổi
Tự động hóa tải dữ liệu sau 1 khoảng thời gian
Exercise: (3 bài)
Ngày 5
Tối ưu tốc độ cho React (Class, hook)
+ shouldudpatecomponent
+ React.memo
Tìm hiểu vè Context API
Cách viết custom hooks
Hiệu ứng nâng cao của hook: useContext, useReducer
Exercise: (3 bài)
Ngày 6:
– Toàn tập về router trên React
– Sử dụng cookies trên React
– Bảo mật router trên React
– Giới thiệu về JWT Authentication
– Giữ data luôn tồn tại bằng Redux-persist
– Những ứng dụng dùng redux-persist
– Bảo mật router đăng nhập bằng JWT
Exercise: (3 bài)
Ngày 7:
– Sử dụng typescript để type checking dữ liệu trên React
– Xây dựng chức năng tùy chỉnh thông tin bài viết trong diễn đàn
– Tối ưu sử dụng watcher trong saga theo hành động
– Tìm hiểu về window event, custom event
– Tìm hiểu về Callback props
Exercise: (3 bài)
Ngày 8:
– Tìm hiểu về giao tiếp thời gian thực và đa hướng giữa react và backend
– Xây dựng ứng dụng chat cơ bản
Exercise: (3 bài)
Ngày 9,10:
– Present project assignment
Đăng ký tham gia chương trình ngay hôm nay để nhận được nhiều ưu đãi!
