|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/hoidanit-react-basic-ultimate/
课程评论：没有评论
**React Ultimate - React.js Cơ Bản Từ Z Đến A Cho Beginners** Khóa học này cung cấp một nền tảng toàn diện về React.js, phiên bản 18 & 19, xoay quanh kiến trúc Client-Side Rendering (CSR). **Nội dung chính:** * **Tư duy React:** Trang bị cho học viên cách tiếp cận React đúng đắn với vai trò là một thư viện UI. * **Kiến thức cốt lõi:** Đi sâu vào cách xây dựng UI bằng Component, quản lý Render/Re-render với Props và State (kết hợp `useState` hook). * **Điều hướng và gọi API:** Học cách sử dụng `react-router-dom` để điều hướng trang và `useEffect` để tương tác với backend. * **Chia sẻ dữ liệu và quản lý trạng thái:** Khám phá Context API để chia sẻ dữ liệu giữa các component và mô hình Stateless (sử dụng `access_token`). * **Thiết kế giao diện chuyên nghiệp:** Sử dụng Ant Design (antd) để xây dựng giao diện đẹp mắt và tối ưu trải nghiệm người dùng (UI - UX). * **Tối ưu hiệu suất:** Tìm hiểu cách tối ưu hóa việc re-render với Uncontrolled Component. **Công nghệ và yêu cầu:** * Khóa học sử dụng React 18 & 19. * Học viên cần có kiến thức nền tảng về HTML, CSS và cú pháp Javascript. * Backend (Nestjs) và Database (MongoDB) được cung cấp sẵn và không cần sửa đổi trong khóa học này. Học viên sẽ sử dụng MongoDB Atlas cho database online miễn phí. **Triển khai dự án:** Kết thúc khóa học, học viên sẽ triển khai dự án hoàn chỉnh với: * Frontend: Vercel * Backend: Render * Database: MongoDB Atlas **Tài liệu bổ sung:** Toàn bộ mã nguồn của khóa học (full project) sẽ được cung cấp, đi kèm với từng video hướng dẫn.
1. Công nghệ sử dụngReact version 18 & 19React là thư viện với cơ chế CSR - client side rendering Các kiến thức trọng tâm:Phân biệt các phong cách code/sử dụng React trong thực tếHọc React với đúng tư duy ban đầu của React - React là library UICác kiến thức về React (cốt lõi nhất):Tư duy thiết kế UI với React (sử dụng Component)Render/Re-render giao diện với Props và State (useState hook)Điều hướng trang với React-router-domSử dụng useEffect để gọi API backendSử dụng Context API để sharing data giữa các componentSử dụng mô hình Stateless (với access_token)Sử dụng Ant Design (antd) để làm giao diện chuyên nghiệp (UI - UX)Tối ưu hóa re-render với Uncontrolled ComponentBackend (Nestjs) được mình cung cấp sẵn. Chỉ sử dụng và không sửa đổi. (không học code backend trong khóa học này). Database MongoDB sử dụng online (miễn phí) với MongoDB Atlas2. Học viên nào có thể học ?Học viên cần trang bị các kiến thức sau trước khi theo học: HTML, CSS và cú pháp của JavascriptSource code cả khóa học (full project) được cung cấp (cũng như cung cấp theo từng video hướng dẫn)3. Triển khai dự ánĐến cuối khóa học, dự án được triển khai:Frontend triển khai với VercelBackend triển khai với RenderDatabase triển khai với MongoDB Atlas
