Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

React JS and Redux Bootcamp - Master React Web Development

React JS và Redux Bootcamp - Làm chủ Phát triển Web với React

React JS và Redux Bootcamp - Làm chủ Phát triển Web với React

Học React.js và Redux đúng cách. Đi sâu vào cốt lõi React, xây dựng 5 ứng dụng, và trở thành một React web developer.

4.6
(447 đánh giá)
2,720 học viên
Giảng viên
David Joseph Katz
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
22.5 giờ video
174 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Cách khởi tạo ứng dụng React trong chưa đầy một phút với create-react-app.
Cách xây dựng dự án React từ đầu mà không dùng create-react-app.
Vị trí của React trong bức tranh tổng thể về phát triển web.
Transpiling và bundling ứng dụng React.
Các phương pháp hay nhất hiện đại trong phát triển React và Redux.
Cách sử dụng API để tạo ra các ứng dụng độc đáo và thú vị.
Redux ở mức độ sâu hơn. Cách mỗi tầng của ứng dụng Redux thực sự kết nối với nhau.
Lý do lỗi phát sinh, cách sửa lỗi đúng đắn, và tại sao một số giải pháp lại tối ưu hơn những giải pháp khác.
Triển khai (deployment) ứng dụng React.
Cả những kiến thức cốt lõi về backend, và cách tạo API backend.

Yêu cầu

Quen thuộc với JavaScript.
Quen thuộc với command line là một lợi thế.

Đối tượng phù hợp

Các giảng viên/người đào tạo đang tìm kiếm một bootcamp React và Redux thực hành cho chương trình giảng dạy của họ.
Những người đang tìm kiếm kỹ năng phát triển web phù hợp để bắt đầu sự nghiệp.
Những người muốn xây dựng ứng dụng React và Redux đúng cách, bằng cách suy nghĩ về code ở mức độ sâu hơn.
Các lập trình viên JavaScript muốn tiến lên bước tiếp theo và học React.
Các nhà phát triển web backend muốn bổ sung kỹ năng frontend.

Nội dung khóa học

16 phần • 174 bài giảng
1 Bạn Sẽ Nhận Được Gì Từ Khóa Học Này
2 Tổng quan 7 phút về Phát triển Web và React
3 [QUAN TRỌNG] Kho lưu trữ khóa học và Cài đặt Phần mềm
4 Tùy chọn cho Windows: Cài đặt Windows Subsystem for Linux và VSCode
1 Tổng quan Phần | Ứng dụng React Đầu tiên
2 Thiết lập Ứng dụng Portfolio - Đã chỉnh sửa
3 Chạy Ứng dụng React và Cấu trúc Dự án React - Đã chỉnh sửa
4 ReactDOM, Elements và JSX - Đã chỉnh sửa
5 Một React Component - Đã chỉnh sửa
6 Classes - Tổng quan
7 Classes, Kế thừa và Xem xét Kỹ hơn về Component
8 State
9 SetState
10 Một Quy tắc React: Không Bao giờ Trực tiếp Sửa đổi State
11 Class Properties và Initializers
12 Component 2: Projects
13 Props và Project Component
14 Thử thách: Social Profiles Component
15 Code: Social Profiles Component
16 Hoàn thiện với những phần Styling dễ dàng
17 Tóm tắt Phần
1 Tổng quan Phần
2 React từ Đầu - Đã chỉnh sửa
3 Biên dịch, Bundling và Xem xét Kỹ hơn về JSX - Đã chỉnh sửa
4 Tái cấu trúc Portfolio để sử dụng Parcel - Đã chỉnh sửa
5 Ôn tập về Sự Cần thiết của Bundlers và Transpilers
6 DOM và Virtual DOM của React
7 Tóm tắt Phần
1 Xem trước Phần
2 Lifecycle Methods và componentDidMount
3 ComponentWillUnmount
4 [Tùy chọn] Title Fade
5 Stateless Functional Components
6 [Tùy chọn] Tổng quan về HTTP
7 Fetch và một Jokes Component
8 Thử thách và Code: Thêm Mười Câu Chuyện cười
9 Fetch Bên dưới: Promises
10 React Router - Đã chỉnh sửa
11 Header Component - Đã chỉnh sửa
12 Higher Order Components - Đã chỉnh sửa
13 Tóm tắt Phần
1 Xem trước Phần và Dự án
2 Thiết lập Music Master và Mẫu Ứng dụng React của Riêng bạn - Đã chỉnh sửa
3 Theo dõi Đầu vào Người dùng trong State
4 Thử thách và Code: Tìm kiếm Top Tracks của Nghệ sĩ
5 Thử thách và Code: Artist Component
6 Tracks Component
7 Search Component và Lifting State Up trong Callback Props
8 Hoàn thiện Styling
9 Đưa Music Master vào Portfolio - Đã chỉnh sửa
10 Tóm tắt Phần
1 Ôn tập React Cốt lõi
2 React Cốt lõi - Bảng Thuật ngữ Chính
1 Xem trước Phần và Dự án
2 Tổng quan về Redux
3 Thiết lập Evens or Odds và Redux Store - Đã chỉnh sửa
4 Reducers - Đã chỉnh sửa
5 Actions - Đã chỉnh sửa
6 Action Creators - Đã chỉnh sửa
7 Cập nhật Root Reducer và Spread Operator - Đã chỉnh sửa
8 Tách các Lớp Redux - Đã chỉnh sửa
9 Kết nối React Components với Redux - Đã chỉnh sửa
10 Giao diện Người dùng dựa trên Redux
11 Map Dispatch to Props
12 Thử thách và Code: Hướng dẫn Tương tác
13 Fetch Deck of Cards
14 Lưu ý: deckofcardsapi đã cập nhật chính sách CORS của họ
15 CORS và Same Origin Policy
16 Async Actions
17 Redux Middleware - Đã chỉnh sửa
18 Xử lý Các Trường hợp Fetch
19 Tách và Kết hợp Reducers | Đã chỉnh sửa
20 DrawCard Component
21 Thử thách và Code: Luồng Redux Draw Card
22 Thử thách và Code: Card Component
23 Thử thách và Code: Logic Redux và Component Đoán | Đã chỉnh sửa
24 Theo dõi Các Lần Đoán Đúng
25 Ghi lại Lần Đoán Đúng và Local Storage
26 Đưa Evens or Odds vào Portfolio | Đã chỉnh sửa
27 Tóm tắt Phần
1 Xem trước Phần và Dự án
2 Publish/Subscribe với Redux
3 Thiết lập Ứng dụng Reaction
4 Khám phá PubNub
5 PubSub Class và Kết nối Redux
6 Luồng Redux Messages
7 Publish Message Component
8 React Context
9 Redux Devtools
10 Thử thách và Code: Message Board Component
11 Thử thách và Code: Username trong Redux
12 Username trong Messages
13 CreateReaction Component
14 Reactions Redux Flow
15 Publish Reaction
16 MessageReactions Component
17 Đưa Reaction vào Portfolio
18 Tóm tắt Phần
1 Ôn tập Redux
2 Redux - Bảng Thuật ngữ Chính
1 Tổng quan Phần
2 Thiết lập Ứng dụng News và Express Server
3 GET Stories và Nodemon
4 Express Middleware và CORS
5 Yêu cầu một API bên trong một API
6 Error Handler
7 Top Story Items
8 Spotlight: Deck of Cards và Spotify Wrapper APIs
9 Thiết lập News React Client và Phục vụ Ứng dụng React với Express
10 Thử thách và Code: Fetch và Hiển thị Stories
11 Tóm tắt Phần
1 Tổng quan Phần
2 Hướng dẫn Github
3 Triển khai Heroku
4 Tóm tắt Phần
1 Xem trước Dự án Một
2 Thiết lập Dự án Một | Đã chỉnh sửa
3 Hook Đầu tiên: useState | Đã chỉnh sửa
4 useEffect
5 Thử thách và Code: Stories Component với UseEffect | Đã chỉnh sửa
6 Xây dựng Custom Hook: useFetch
7 [Tùy chọn] Function Keyword vs Arrow Functions
1 Xem trước Phần - Bên dưới Hooks
2 React Runtime và Cách React Áp dụng Hooks
3 UseState Bên dưới
4 Tasks Component Phần 1: Nhiều hooks useState
5 Tasks Component Phần 2
6 Thứ tự của UseState
7 Local Storage cho Tasks
8 Hooks với một Interval
9 Effects với Cleanup
10 Dynamic Delay và Increment
11 Thử thách và Code: Matrix Component
12 Xây dựng Custom Hook: useDynamicTransition
1 Lý do của Hooks
1 Console, Operators và Variables
2 Booleans và Conditionals
3 Cú pháp - Dấu chấm phẩy và Chú thích
4 Undefined và Primitives
5 Mảng (Arrays)
6 Đối tượng (Objects)
7 Vòng lặp và Lặp (Loops và Iteration)
8 Hàm (Functions) - Declarations vs. Expressions
9 Arrow Functions
10 Phương thức (Methods) và Từ khóa `this`
11 Thêm về `this` và Function Expressions vs. Arrow functions
12 Câu hỏi Phỏng vấn | Từ khóa `this`
13 Callbacks
14 Câu hỏi Phỏng vấn | Callbacks
15 Ngôn ngữ Động và Các Kiểu (Types)
16 Hầu hết Mọi thứ là một Đối tượng
17 So sánh Bằng và Ép kiểu (Equality và Type Coercion)
18 Truthy và Falsy
19 Null vs. Undefined
20 Chuyển đổi Kiểu Tường minh (Explicit Type Conversion)
21 Câu hỏi Phỏng vấn | Các Kiểu JavaScript
22 Let, Const và Mutability
23 Let, Const, Var và Phạm vi (Scope)
24 Var và Function Hoisting
25 Câu hỏi Phỏng vấn | Scope và Hoisting
26 Template Literals và Toán tử Ba ngôi (Ternary Operators)
27 Property Shorthand và Destructuring Assignment
28 Phương thức Đối tượng (Object methods)
29 Cú pháp Spread (Spread Syntax)
30 Object.is, Tham chiếu và Sao chép Nông (References và Shallow Clone)
31 JSON.parse, JSON.stringify và một Nỗ lực Sao chép Sâu (Deep Cloning)
32 CloneDeep Tùy chỉnh và Lodash
33 Câu hỏi phỏng vấn | Sao chép một đối tượng
34 Closures
35 Hàm Factory
36 Hàm Bậc Cao
37 Câu hỏi phỏng vấn | Closures, Hàm Bậc Cao và Callback
1 Chúc mừng và Lời kết
2 Nội dung thưởng thêm!

Giới thiệu khóa học

Master React and Redux with Real-World Projects and Modern Best Practices

Let me show you why this course is one of the strongest learning investments you can make to master React and Redux - whether you’re an individual developer or selecting training for a team.

Whether you're an individual looking to level up or a company selecting training for your development team, this course will provide the clarity, depth, and real-world experience needed to confidently build scalable front-end applications with React.


Why This Course Exists

When I taught myself web development, I learned from tutorials, docs, Stack Overflow threads, and GitHub projects. The journey was exciting - but unnecessarily time-consuming.

Most tutorials showed me what code to type, but not why it fixed the problem, nor how the underlying system actually worked. I had to connect the dots alone.

Years later, as a full-stack software engineer at companies like Zendesk and Upstart, I’ve taken the best of what I learned in the industry and the feedback from more than 320,000 students across 200 countries, to design the kind of course I wish I had at the start:

A course that teaches what to do, why it works, and how it works behind the scenes - so your understanding is long-lasting and transferable to real-world development.


This brings us to:


The Why Behind the Syntax

Modern React development requires more than just syntax knowledge. It requires an understanding of how and why React works, the ability to think in components, and real practice building interactive interfaces.

This course goes beyond surface-level tutorials. You will:

  • Build multiple real applications step-by-step

  • Learn React the right way, with clarity and intuition behind each concept

  • Dive into the React engine - understand how React applications execute

  • Master Redux from fundamentals to professional patterns

  • Strengthen your JavaScript skills as you learn to reason about React code

  • Develop confident, production-ready front-end engineering habits

This training is designed as both a complete learning path for new React developers and a refresher + upskilling program for teams transitioning to modern, component-driven development.


Who Is This Course For

  • Engineering teams and companies adopting or standardizing React. Structured, project-based learning suitable for onboarding, internal training programs, and junior-to-mid level developer upskilling

  • Current or aspiring React developers. Develop a strong, grounded understanding of core concepts and patterns used across professional React codebases

  • Front-end and full-stack developers. Learn how to build scalable interfaces and integrate React into modern web applications

  • Developers transitioning from other frameworks. Gain a clear mental model for the React ecosystem and learn how to “think in React”

  • Beginners with JavaScript fundamentals. Start from the basics and grow into building full applications with confidence.


What Students Are Saying

“Excellent course! David does a great job of not only teaching React but also takes the time to go through the underlying reasoning of React. His style and content are very engaging, and his ability to demystify things other teachers gloss over makes this course #1 in my book.”
- B.C.

“I should say that this is one of the best ReactJS courses. The teaching style is concise and right to the point. Exactly what I needed. This course features many real-life projects; also, it could be used as a good reference and guide for when you need a quick reminder of the concepts.”
- S.H.

“A great, entertaining course - a knowledgeable and engaging instructor. Though I’ve a fair amount of experience with React and Redux, I took this course to ‘fill in a few blanks’ and those blanks were filled and more! Some new tricks learnt and old tricks brushed up on and revised. Fully recommended.”
- T.M.


Again, what You Will Learn

This course is structured to guide you from fundamentals to advanced concepts through practical projects, clear explanations, and hands-on development:

You will:

  • Start coding React from the very first section - no time wasted

  • Build multiple relevant, portfolio-ready applications

  • Understand the role of React in the web ecosystem and how it connects to the browser

  • Learn Redux step-by-step with a breakdown of how each part works and why it exists

  • Develop professional front-end engineering habits and debugging skills

  • Work with real APIs, multi-user functionality, and backend integration

  • Deploy your applications so you can share your work publicly

The goal is not only to get you building apps - but to ensure you understand the why and how, so you can keep building long after you complete this course.


A Course Built for Growth

Whether you are:

  • choosing a curriculum to train your engineering team,

  • building your first professional React application, or

  • strengthening your existing React and Redux skills,

this course provides a clear, structured, and motivating learning experience supported by real projects, modern best practices, and highly rated instruction.

The first few sections are free to preview. Even if you only complete that portion, you will walk away with a full React application and valuable, transferable lessons.

If you're ready to learn React and Redux efficiently, deeply, and in a way that sticks - this course is designed for you.

I look forward to seeing you inside.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Redux
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊