Khóa Học Lập Trình React Từ Cơ Bản Đến Nâng Cao
Khóa học lập trình React cung cấp các kiến thức cơ bản và nâng cao như: Hooks, Redux, Router, RTK Query ,… Rèn luyện kỹ năng với hơn 100 bài tập thực hành và tự làm dự án thực tế ngay trong buổi học.
- Hiệu quả: quy trình cụ thể giúp kiến thức trở thành kỹ năng phản xạ của học viên.
- Tận tâm: đội ngũ giảng viên luôn đồng hành, sát cánh, và có mặt hỗ trợ kịp thời khi bạn gặp khó khăn.
- Tiết kiệm: Tiết kiệm học phí hơn 50%.
- 395 học viên tốt nghiệp
- Thời lượng: 3 tháng
- Hình thức: Hybrid
- Học phí: 3.000.000
Tại Sao Bạn Nên Chọn Học Tại LetDiv
Giáo Án Phù Hợp Với Nhu Cầu Tuyển Dụng
Dễ dàng trúng tuyển phỏng vấn khi xin việc
Lộ Trình Nhanh Chóng
Nắm vững React chỉ trong 3 tháng
80% Thời Gian Thực Hành
Giảng viên cầm tay chỉ việc cho đến khi làm đúng 100%
Hỗ Trợ 1-1 Trong Vòng 15 Phút
Mentor giải đáp mọi thắc mắc trong vòng 15 phút
Học Lại Không Giới Hạn
Đóng học phí 1 lần và học không giới hạn
Hỗ Trợ Việc Làm
Hỗ trợ giới thiệu hồ sơ sau khi tốt nghiệp
Đối Tượng Học
- Có đam mê thiết kế, lập trình web.
- Tự học React nhưng mà vẫn chưa cảm thấy tự tin.
- Cảm thấy khó hiểu với các kiến thức như: Hooks, Redux,…
- Muốn tìm hiểu một trong những Framework Frontend mạnh nhất hiện nay.
- Học viên có định hướng trở thành lập trình viên Frontend hoặc Fullstack.
Bạn Sẽ Học Được Gì?
- Xây dựng dự án quy mô doanh nghiệp bằng React và triển khai lên cloud ngay trong buổi học.
- Cách tối ưu performance và khả năng kế thừa, mở rộng.
- Các chức năng mới nhất của React như Hooks, Suspense, React Lazy,…
- Sử dụng thành thạo hệ sinh thái trong React từ zero.
- Sử dụng Redux, Redux Thunk và Redux RTK Query.
- Quản lý state một cách hiệu quả.
- Làm thế nào để làm việc với các lập trình viên trong team hiệu quả.
- Các Design Pattern phổ biến của React.
- Học cách viết CSS trong JS với Styled-components.
- Routing với React Router v6.
Thống Kê Khóa Học
300+
Học viên đã hoàn thành khóa học
90%
Học viên hài lòng với chương trình đào tạo
100+
Bài tập ứng dụng thực tế
Chính Sách Hoàn Tiền Im Lặng
Trong vòng 15 ngày, kể từ thời điểm đăng ký chính thức, nếu bạn không hài lòng về chất lượng đào tạo, LetDiv sẽ hoàn tiền 100% ngay trong ngày.
LetDiv cam kết sẽ không làm phiền, thuyết phục bạn quay lại học tiếp chương trình. Mọi thứ sẽ diễn ra trong im lặng.
Nội dung khóa học
Khái Niệm Nền Tảng
- Tại sao nên sử dụng React.
- Tìm hiểu cơ chế Imperative và Declarative.
- Cấu trúc Component.
React Cơ Bản
- Cài đặt môi trường.
- Giới thiệu cấu trúc folder của React.
- Tìm hiểu App component.
- Khai báo một component.
- Tìm hiểu JSX.
- Hiển thị array trong react.
- Refs, fragment.
- Truy vấn dữ liệu từ máy chủ.
- Kỹ thuật phân chia component chuyên nghiệp.
- State và Props nâng cao.
- Render có điều kiện.
- Các lifecycle methods của component.
- Ứng dụng làm project danh sách sản phẩm.
React Hooks
- Giới thiệu react hooks.
- useState() hook.
- useEffect() hook.
- Thiết lập lifecycle methods bằng useEffect().
- Tự tạo hook (Custom hook).
React Router 6.x
- Cài đặt thư viện react router 6.x.
- Cấu hình router cho dự án.
- Sử dụng createBrowserRouter() để thiết lập đường dẫn.
- Xử lý hiển thị trang báo lỗi (Errors).
- Thiết lập template với nested routes.
- Tạo và truy vấn parameters.
- Active link styling.
- Index routes.
- Quản lý history stack
Redux Cơ Bản
- Tổng quản Redux.
- Kiến thức nền tảng.
- Thuật ngữ trong Redux.
- Các nguyên lý cần nắm vững khi làm việc với Redux.
- Cài đặt thư viện Redux và thiết lập cấu trúc dự án.
- Thiết lập store, actions, store, selectors.
- Tìm hiểu Middleware.
- Debug với Redux DevTools.
- Sử dụng thư viện react-redux để tích hợp Redux vào UI.
- Đọc dữ liệu từ Redux state bằng useSelector().
- Dispatching actions.
- Kỹ thuật tối ưu useSelector()
Redux Nâng Cao
- Xử lý logic bất đồng bộ bằng Redux Thunk.
- Truy vấn dữ liệu từ máy chủ.
- Các patterns phổ biến trong Redux.
- Hạn chế số lần re-render bằng thư viện reselect.
- Normalized state
Redux Toolkit
- Cài đặt thư viện @reduxjs/toolkit.
- Thiết lập store.
- Tối ưu packages trong dự án.
- Thiết lập các slice.
- Immutable updates với Immer.
- Thiết lập Thunks.
- Normalizing State.
Redux Toolkit: RTK Query Cơ Bản
- Giới thiệu RTK Query.
- Cơ chế RTK Query Caching.
- Cấu hình RTK Query vào trong dự án.
- Hiển thị danh sách dữ liệu từ máy chủ.
- Sort dữ liệu.
- Hiển thị dữ liệu chi tiết từ máy chủ.
- Thêm mới dữ liệu vào hệ thống máy chủ.
- Refreshing cached data.
Redux Toolkit: RTK Query Nâng Cao
- Cập nhật dữ liệu có sẵn trong hệ thống máy chủ.
- Cơ chế cache dữ liệu của RTK Query.
- Quản lý danh sách dữ liệu (fetch, select, inject).
- Thao tác với dữ liệu trả về (transform, normalize, select,…).
- Cơ chế cache nâng cao.
- Tìm hiểu phương pháp optimistic update
Styled Component
- Giới thiệu thư viện styled-component.
- Cài đặt thư viện styled-component.
- Khai báo styled component.
- Thao tác với props.
- Kế thừa trong styled component.
- Các lưu ý khi sử dụng styled component.
- Thao tác pseudo-element, pseudo-class, và nesting selectors.
- Css helper
Tối Ưu Ứng Dụng React
- Kỹ thuật lazy load.
- Suspense component.
- React.memo().
- Sử dụng React DevTools để đo lường hiệu suất.
- useCallback() hook.
- useMemo() hook.
- React Profiler.
Project Cuối Môn
- Giảng viên hướng dẫn lựa chọn đề tài.
- Sử dụng phần mềm draw.io để phác họa dự án.
- Mô tả các chức năng cần làm.
- Thực hiện project với sự hỗ trợ của giảng viên trong 2 tháng.
- Upload ứng dụng lên máy chủ.
- Giảng viên đánh giá dự án.
- 395 học viên tốt nghiệp
- Thời lượng: 3 tháng
- Hình thức: Hybrid
- Học phí: 3.000.000
Login
0 Bình luận