React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners from Udemy

1. Công nghệ sử dụng

React version 18 & 19

React 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 UI
Cá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-dom
Sử dụng useEffect để gọi API backend
Sử dụng Context API để sharing data giữa các component
Sử 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 Component

Backend (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 Atlas

2. 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: Triển khai dự án

Đến cuối khóa học, dự án được triển khai:

Frontend triển khai với Vercel
Backend triển khai với Render
Database triển khai với MongoDB Atlas

What's inside

Learning objectives

Học đi đôi với "thực hành", xây dựng đam mê về lập trình với react
Tự tin làm chủ, nắm vững những kiến thức cơ bản, cốt lõi nhất của react
Có được tư duy lập trình với react, biết cách "search google" khi gặp lỗi

Hiểu và làm chủ react, xây dưng được các sản phẩm website thực tế phục vụ mục đích học tập và đi làm
Hiểu rõ lịch sử phát triển của react và công nghệ sử dụng với react
Cập nhật kiến thức mới nhất với react 18 và react 19

Học đi đôi với "thực hành", xây dựng đam mê về lập trình với react
Tự tin làm chủ, nắm vững những kiến thức cơ bản, cốt lõi nhất của react
Có được tư duy lập trình với react, biết cách "search google" khi gặp lỗi
Hiểu và làm chủ react, xây dưng được các sản phẩm website thực tế phục vụ mục đích học tập và đi làm
Hiểu rõ lịch sử phát triển của react và công nghệ sử dụng với react
Cập nhật kiến thức mới nhất với react 18 và react 19

Syllabus

Chapter 1: Bắt buộc xem

#1. Hướng dẫn sử dụng khóa học này hiệu quả

#2. Tài liệu của khóa học

#3. Demo kết quả đạt được

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Dành cho đối tượng học viên có kiến thức cơ bản về lập trình (triển khai dự án), muốn tìm hiểu chuyên sâu về React

Học viên sẽ có thể làm chủ những kiến thức cơ bản, cốt lõi nhất của React

Giúp học viên có được tư duy lập trình với React, biết cách tìm kiếm tài liệu khi gặp lỗi

Học viên có thể xây dựng được các sản phẩm website thực tế phục vụ mục đích học tập và đi làm

Cung cấp kiến thức cập nhật nhất với React 18 và React 19

Reviews summary

React cơ bản: nền tảng & thực chiến

Theo học viên, khóa học này cung cấp một nền tảng vững chắc về React cho người mới bắt đầu, tập trung vào tư duy thiết kế UI với Component và các kiến thức cốt lõi như Props, State, Hooks. Sinh viên đặc biệt đánh giá cao các dự án thực hành sát với thực tế và khả năng triển khai ứng dụng lên hosting. Giảng viên được khen ngợi về cách truyền đạt dễ hiểu và sự tận tâm, cập nhật nội dung liên tục, đặc biệt là với React 18/19. Tuy nhiên, một số ý kiến cho rằng phần backend chỉ được cung cấp sẵn và Ant Design chưa được khai thác sâu, đồng thời có mong muốn về thêm bài tập nâng cao cho người đã có chút nền tảng.

Phù hợp cho người mới, nhưng có thể chậm với người có nền tảng.

"Khóa học phù hợp cho người hoàn toàn mới. Đối với tôi, người đã có chút kinh nghiệm với JS, thì một số phần quá cơ bản và chậm."

"Tôi mong muốn có thêm các bài tập nâng cao hoặc case study phức tạp hơn."

"Tôi cảm thấy khóa học này không phù hợp với người chưa biết gì về lập trình."

Các vấn đề kỹ thuật đã được giảng viên khắc phục theo thời gian.

"Giảng viên cập nhật liên tục các kiến thức mới về React 18/19..."

"Tôi thấy chất lượng âm thanh đôi khi không tốt và có vẻ một số thư viện trong bài giảng đã cũ."

"Tôi nhận thấy có sự cải thiện đáng kể về chất lượng bài giảng trong các phần gần đây."

Giảng viên nhiệt tình, giải đáp nhanh và cập nhật nội dung.

"Giảng viên cập nhật liên tục các kiến thức mới về React 18/19 và trả lời câu hỏi rất nhanh trên diễn đàn."

"Giảng viên có cách truyền đạt rất dễ hiểu, không bị nhàm chán. Các ví dụ thực tế và demo được chuẩn bị kỹ lưỡng."

"Giảng viên rất nhiệt tình và tận tâm."

Cung cấp bài tập và dự án thực hành sát với thực tế.

"Dự án thực hành rất sát với thực tế giúp tôi áp dụng kiến thức ngay lập tức."

"Các bài tập và dự án giúp tôi củng cố kiến thức."

"Tôi học được rất nhiều từ khóa học này, đặc biệt là cách triển khai dự án lên Vercel và Render."

Giúp người học làm chủ kiến thức React cơ bản một cách rõ ràng.

"Khóa học rất hay và dễ hiểu cho người mới bắt đầu. Giảng viên giải thích cặn kẽ từng phần..."

"Là một người mới, tôi thấy khóa học cung cấp một nền tảng vững chắc về React."

"Tôi thấy khóa học này đi đúng trọng tâm, giải thích tư duy React rất tốt."

"Giảng viên có cách truyền đạt rất dễ hiểu, không bị nhàm chán."

Phần backend và Ant Design chưa được khai thác chuyên sâu.

"Phần backend NestJS chỉ được cung cấp sẵn mà không được hướng dẫn chi tiết, điều này hơi khó khăn nếu muốn tùy chỉnh sâu hơn."

"Phần Ant Design chưa được khai thác sâu, chỉ dừng lại ở mức sử dụng cơ bản."

"Tôi thấy nội dung tổng thể cũng chưa thực sự đi sâu, chỉ dừng lại ở mức tổng quan."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners with these activities:

Tạo danh sách các tài nguyên học tập về React

Show steps

Tạo danh sách tài nguyên giúp bạn dễ dàng truy cập và tham khảo thông tin khi học React.

Browse courses on Video

Show steps

Tìm kiếm tài nguyên học tập về React trên các nền tảng trực tuyến.
Đánh giá và lựa chọn các tài nguyên chất lượng.
Sắp xếp và phân loại các tài nguyên theo chủ đề hoặc mục đích.

Viết lại kiến thức đã học mỗi ngày

Show steps

Viết lại kiến thức đã học giúp bạn nhớ lâu hơn và ôn tập hiệu quả hơn.

Show steps

Liệt kê các kiến thức chính đã học trong ngày.
Viết lại kiến thức theo cách hiểu của bạn.
Ôn lại những gì đã viết vào cuối ngày.

Tìm thêm video hướng dẫn về React

Show steps

Xem video hướng dẫn giúp bạn hiểu sâu hơn về các khái niệm và cách áp dụng React vào thực tế.

Browse courses on React Native

Show steps

Tìm kiếm video hướng dẫn trên YouTube hoặc các nền tảng khác.
Chọn video phù hợp với trình độ và nhu cầu của bạn.
Xem video và ghi chép những kiến thức quan trọng.
Áp dụng những gì đã học vào dự án thực hành của bạn.

Two other activities

Expand to see all activities and additional details

Show all five activities

Tham gia nhóm học tập

Show steps

Học nhóm giúp bạn củng cố kiến thức, mở rộng hiểu biết và tăng động lực học tập.

Show steps

Tìm kiếm hoặc tạo nhóm học tập với những người có cùng mục tiêu.
Đặt mục tiêu và lịch học nhóm cụ thể.
Chuẩn bị nội dung trước mỗi buổi học nhóm.
Tham gia thảo luận, chia sẻ kiến thức và hỗ trợ nhau.

Giải bài tập thực hành

Show steps

Giải bài tập giúp bạn củng cố kiến thức, rèn luyện kỹ năng và chuẩn bị tốt hơn cho các bài kiểm tra.

Browse courses on Routing

Show steps

Tìm kiếm hoặc mua sách bài tập hoặc tài liệu trực tuyến.
Chọn bài tập phù hợp với trình độ của bạn.
Giải bài tập một cách cẩn thận và đầy đủ.
Kiểm tra lại đáp án và học hỏi từ những sai lầm của bạn.

Career center

Learners who complete React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.

React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners

What's inside

Learning objectives

Syllabus

Traffic lights

Save this course

Reviews summary

React cơ bản: nền tảng & thực chiến

Activities

Career center

Reading list

Share

Similar courses