Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

React JS - Mastering Redux

React JS - Thành thạo Redux

React JS - Thành thạo Redux

Xây dựng ứng dụng React JS và Redux trong mơ của bạn! Học JavaScript, ES6, APIs và Phát triển Ứng dụng Web Toàn diện với ReactJS!

4.4
(2,571 đánh giá)
17,070 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
21.0 giờ video
161 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
#Frontend Development #Javascript #React #Redux

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

Xây dựng toàn bộ ứng dụng ReactJS và Redux từ đầu.
Phát triển ứng dụng xử lý APIs và các yêu cầu web.
Hiểu cách phát triển ứng dụng Redux với actions, reducers và Redux store.
Tạo Ứng dụng Web sử dụng các kỹ thuật redux nâng cao như actions bất đồng bộ và redux middleware.
Sử dụng ES6 và các kỹ thuật JavaScript nâng cao để viết code hiệu quả hơn.
Sử dụng animation để tạo Giao diện và Trải nghiệm Người dùng hấp dẫn.
Thêm các thư viện bên ngoài vào dự án React như react-bootstrap, react-router-dom và hơn thế nữa.
Xây dựng ứng dụng đa trang với các route và liên kết động.

Yêu cầu

Học viên đã có chút kinh nghiệm về JavaScript sẽ cảm thấy thoải mái nhất.

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

Học viên lý tưởng là người đã biết một chút JS, HTML và CSS, nhưng mong muốn học một framework phát triển web mới để nâng cao đáng kể kỹ năng của mình.
Phù hợp với mọi cấp độ lập trình. Tuy nhiên, khóa học này không dạy lập trình từ con số 0, nên người mới hoàn toàn có thể thấy tốc độ hơi nhanh.
Các nhà phát triển và kỹ sư có kinh nghiệm sẽ thấy khóa học này hoàn hảo để ôn tập về ReactJS, Redux và phát triển web.
Bất kỳ ai muốn thêm ReactJS và Redux vào CV và bộ kỹ năng của mình đều nên tham gia khóa học này!

Nội dung khóa học

13 phần • 161 bài giảng
1 Giới thiệu Giảng viên
2 Cài đặt Công cụ React
3 Cài đặt Trình soạn thảo Code
4 Mã nguồn cho Khóa học
5 Lưu ý cuối cùng trước khi bắt đầu
1 React, Components & JSX
2 State, Props & Các phương thức Vòng đời
1 Xem trước AgeTeller
2 Thiết lập AgeTeller
3 Tạo một Component App
4 Tạo một Component Form
5 Triển khai State
6 Xây dựng một Component Stats
7 Thêm Styling và Animation
8 Tổng quan Phần | AgeTeller
1 Redux - Công thức 3 Bước
2 Tổng quan Phần | Hiểu về Redux
1 Xem trước SuperSquad
2 Thiết lập SuperSquad
3 Reducer Đầu tiên
4 Store
5 Action Đầu tiên
6 Thêm Reducer Thứ hai
7 Ánh xạ State sang Props trong CharacterList
8 Ánh xạ Dispatch sang Props
9 Tạo kiểu cho Ứng dụng
10 Tạo Danh sách Anh hùng
11 Action Thứ hai
12 Xây dựng Component Squad Stats
13 Tổng quan Phần | SuperSquad
1 Xem trước RecipeFinder
2 Thiết lập RecipeFinder
3 Tạo Form để Tìm kiếm Công thức
4 Giờ giải lao Code | Các yêu cầu Web
5 Truy cập API
6 Fetch dữ liệu từ API
7 Lưu trữ Công thức
8 Xây dựng Danh sách Công thức
9 Tạo các Mục Công thức
10 Lưu trữ Công thức Yêu thích
11 Đánh dấu sao các Mục Công thức
12 Xây dựng Danh sách Công thức Yêu thích
13 Định tuyến Danh sách Công thức
14 Tổng quan Phần | RecipeFinder
1 Xem trước MemeGenerator
2 Thiết lập MemeGenerator
3 Lấy quyền truy cập API
4 Fetch Meme một cách Bất đồng bộ
5 Áp dụng Thunk Middleware
6 Liệt kê Meme
7 Tạo các Mục Meme
8 Tạo hiệu ứng động cho các Mục Meme
9 Tạo Form Meme Tùy chỉnh
10 Reduce và Đăng Meme Cá nhân
11 Thiết lập Action Đăng Meme
12 Xây dựng Danh sách Meme Cá nhân
13 Tổng quan Phần | MemeGenerator
1 Xem trước Dự án Một
2 Thiết lập Dự án Một | Phiên bản sửa đổi
3 Hook đầu tiên: useState | Phiên bản sửa đổi
4 useEffect
5 Thử thách và Code: Component Stories với UseEffect | Phiên bản sửa đổi
6 Xây dựng Hook Tùy chỉnh: useFetch
7 [Tùy chọn] Từ khóa Function so với Hàm Mũi tên
1 Xem trước Phần - Bên trong Hooks
2 React Runtime và Cách React Áp dụng Hooks
3 UseState Bên trong
4 Component Tasks Phần 1: Nhiều hooks useState
5 Component Tasks Phần 2
6 Thứ tự của UseState
7 Local Storage cho Tasks
8 Hooks với một Khoảng thời gian
9 Effects với Dọn dẹp
10 Độ trễ và Tăng dần Động
11 Thử thách và Code: Component Matrix
12 Xây dựng Hook Tùy chỉnh: useDynamicTransition
1 Lý do của Hooks
2 Xem trước Dự án Hai
3 Tổng quan Mẫu Reducer
4 Thiết lập Ứng dụng Reaction
5 State của Reactions Reducer
6 UseReducer cho Tasks | Phần 1
7 UseReducer cho Tasks | Phần 2
8 Component PublishMessage
9 Thử thách và Code: Component MessageBoard
10 UseContext và một Hook Context Tùy chỉnh
11 Kiến trúc PubSub và Reducer
12 Khám phá PubNub
13 Kết nối Hàm PubSub và Reducer
14 Thiết lập Tên người dùng
15 Component CreateReaction
16 Luồng của Reactions Reducer
17 Đăng Reactions
18 Component MessageReactions
1 Nguyên lý cơ bản React và Components Client vs. Server Chi tiết
2 Bắt đầu Dự án Next.js và React
3 Liên kết đến các Trang với Next/Link | Grid Item
4 Tạo kiểu với Tailwind CSS
5 Fonts Next.js và Thiết kế Đáp ứng
6 Thiết lập Trang Connect
7 Components Client của Next.js
8 Server Actions của Next.js (get-followers)
9 React 18 useTransition và Tạo Form Liên hệ
10 Cấu trúc Layout Next.js, Loading.js và Components Toàn cục
11 Các Segments Động của Next.js và generateStaticParams | record/[id]
12 generateMetadata của Next.js | record/[id]/page.js
13 React Suspense và React lazy | Embed
14 not-found của Next.js và Các nhóm Route
15 Các Segments Động Lồng nhau | record/[id]/[content]
16 Component Breadcrumbs và useSelectedLayoutSegments của Next.js | nav-title
1 Console, Các toán tử và Biến
2 Booleans và Câu điều kiện
3 Cú pháp - Dấu chấm phẩy và Chú thích
4 Undefined và Các kiểu nguyên thủy
5 Mảng
6 Đối tượng
7 Vòng lặp và Lặp
8 Hàm - Khai báo so với Biểu thức
9 Hàm Mũi tên
10 Phương thức và Từ khóa `this`
11 Thêm về `this` và Hàm Biểu thức so với Hàm mũi tên
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
16 Hầu hết mọi thứ đều là Đối tượng
17 So sánh bằng và Ép kiểu
18 Truthy và Falsy
19 Null so với Undefined
20 Chuyển đổi kiểu Tường minh
21 Câu hỏi Phỏng vấn | Các kiểu JavaScript
22 Let, Const và Khả năng thay đổi
23 Let, Const, Var và Phạm vi
24 Var và Hoisting của Hàm
25 Câu hỏi Phỏng vấn | Phạm vi và Hoisting
26 Template Literals và Toán tử Ba ngôi
27 Tốc ký Thuộc tính và Phép gán Phân rã
28 Các phương thức Đối tượng
29 Cú pháp Spread
30 Object.is, Tham chiếu và Sao chép Nông
31 JSON.parse, JSON.stringify và Một nỗ lực Sao chép Sâu
32 Sao chép Tùy chỉnh và Lodash CloneDeep
33 Câu hỏi Phỏng vấn | Sao chép một Đối tượng
34 Closures
35 Function Factories
36 Higher Order Functions
37 Câu hỏi Phỏng vấn | Closures, Higher-Order Functions và Callbacks
38 Tổng quan Redux [Xem trước Redux Bootcamp]
39 Lập trình Hướng đối tượng
40 Hàm tạo
41 Lớp
42 Nguyên mẫu và Kế thừa dựa trên Nguyên mẫu
43 Object Prototype, .__proto__ và Chuỗi nguyên mẫu
44 Câu hỏi Phỏng vấn | Kế thừa dựa trên Nguyên mẫu
45 Code Bất đồng bộ với SetTimeout
46 Fetch và Promise
47 Promise từ Đầu
48 JavaScript Engine và Runtime
49 Await và Async
50 Câu hỏi Phỏng vấn | JavaScript Bất đồng bộ
1 Lời kết & Nội dung Thưởng

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

Updated for 2023! React, React Redux, React Hooks, In-depth JavaScript, resume-worthy projects, and more!

You will become an in-demand software engineer by taking this course on React JS and Redux. As one of the most popular pairs of frameworks, learning React and Redux is a must. Simply put, learning React will open doors and jobs for you.

This project-based course will have you coding right away. By building four carefully thought-out example applications, you will sharpen your skills in modern web development.

* First, learn the essentials of ReactJS by going through the main concepts.

* Then build your first React application to get familiar with the essentials.

* Create your first Redux application to learn how to pair this elegant and complex framework with React.

* Next, build an application that uses an API along with routing for multiple pages.

* Finally, build an additional app that works with another API and has more advanced redux mechanics.

You’ll not only learn React and Redux, but get comfortable with popular libraries like react-bootstrap, react-router-dom, and more. Plus, you’ll find a secret recipe to Redux that boils it down to three simple steps!

*****

[2023 Update]

Also, this course contains optional content in Nextjs, React 18, and In-Depth JavaScript. Continue your learning React journey beyond hooks, here in this course!

Nextjs and React 18 are the modern ways to make a React application. In this course, you will also build a production-level Nextjs and React 18 project. During the Nextjs and React 18 project section, you will:

  • Go more into depth with server and client components.

  • Learn Nextjs server actions.

  • Explore the React 18 useTransition hook.

  • Expand upon Nextjs fundamentals, and create a shared layout structure.

  • Create dynamic segments with Nextjs and learn generateStaticParams.

  • Explore React Suspense and React lazy.

  • Dive deeper into advanced Nextjs hooks like useSelectedLayoutSegments, and useSearchParams.

  • Explore the React 18 useDeferredValue hook.

  • Learn how to deploy a Nextjs application.

Then follow with a bounty of In-Depth JavaScript content. During the In-Depth JavaScript section, you will find videos on:

* The Console, Operators, and Variables, Arrays, Objects.

* Functions - Declarations vs. Expressions, and Arrow Functions

* Methods and the `this` Keyword

* Callbacks

* A Dynamic Language and Types - "Almost Everything is an Object"

* Equality and Type Coercion

* Let, Const, Mutability, Var, and Scope

* Interview Question | Scope and Hoisting

* Template Literals and Ternary Operators

* The Property Shorthand and Destructuring Assignment

* JSON parse, JSON stringify, Custom and Lodash CloneDeep

* Closures

* Function Factories, and Higher Order Functions

* Prototypes and the Prototype-Based Inheritance, Object Prototype, __proto__, and the prototype chain

* Asynchronous Code with SetTimeout

* Fetch and Promise from Scratch

* JavaScript Engine and Runtime

* Await and Async


*****



So what are you waiting for? Take the dive into React and Redux. Let’s get started coding!

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 Javascript
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Redux
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊