Học React: khóa học tương tác miễn phí
Thành thạo React bằng cách viết component thật ngay từ bài học đầu tiên: JSX, props, state và sự kiện, rồi tiếp tục với Next.js: định tuyến theo hệ thống tệp, layout, server component, lấy dữ liệu và server action. Mọi thứ chạy trên trình duyệt, có gợi ý AI khi bạn bị kẹt, và bạn nhận chứng nhận miễn phí khi học xong.
3,332+ người học đã tham gia
89 bài học78 thử thách164 câu hỏi trắc nghiệm
- Phù hợp cho người mới
Trợ giúp lập trình bằng AI
Bài học tương tác thực hành
Có thuyết minh âm thanh cho mọi bài học
Bài trắc nghiệm để kiểm tra kiến thức
Giấy chứng nhận hoàn thành miễn phí
Đề cương
Phần 1
Kiến thức cơ bản
Bắt đầu phầnBắt đầuHọc cách xây dựng giao diện người dùng bằng React: từ component đầu tiên đến ứng dụng nhỏ hoạt động hoàn chỉnh, với component, JSX, props, state và sự kiện.Làm quen với React
5 bài học513Biểu thức JSX
5 bài học58Thành phần
5 bài học48Props
6 bài học510Trạng thái và sự kiện
6 bài học59Biểu mẫu và đầu vào
5 bài học47Điều kiện và danh sách
6 bài học510Dự án: Thẻ hồ sơ
4 bài học4Phần 2
Kiến thức thiết yếu về Next.jsTrang riêng
Bắt đầu phầnBắt đầuChuyển từ component React sang ứng dụng thực tế: định tuyến theo hệ thống tệp, bố cục, component phía máy chủ và phía máy khách, lấy dữ liệu, server action và một dự án Next.js hoàn chỉnh.Vì sao dùng Next.js
4 bài học39Định tuyến và liên kết
6 bài học516Bố cục và siêu dữ liệu
6 bài học515Máy chủ và client
6 bài học515Dữ liệu trên máy chủ
6 bài học516Server Actions
5 bài học413Điều hướng phía máy khách
5 bài học515Dự án: Coddy Eats
9 bài học9
Học qua thực hành
Viết code thật, truy vấn cơ sở dữ liệu, xây dựng trang web và làm chủ prompt AI. Các bài học tương tác bao quát mọi kỹ năng mà lập trình viên hiện đại cần.
Xây dựng streak
Học đều đặn và nhìn tiến độ của bạn lớn dần! Theo dõi thói quen code mỗi ngày, bảo vệ streak bằng ngày đóng băng và nhận phần thưởng khi học mỗi ngày.
12 ngày streak
Quay lại ngày mai để giữ streak!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Gấp đôi hoặc mất hết
Ngày 5/7
Đóng băng streak
2 left
Code ở mọi nơi
Mang hành trình lập trình theo bên mình! Không cài đặt, không tải về: chỉ cần mở ra và bắt đầu code. Có trên iOS, Android và Web với đánh giá 4,9 sao.
Bạn không đơn độc
Thi đấu trên bảng xếp hạng toàn cầu, mời bạn bè để nhận phần thưởng và cùng nhau ăn mừng thành công. Học code cùng bạn bè vui hơn nhiều!
1
2
3
Vùng thăng hạngMọi cách để học
Đọc, nghe, tự kiểm tra, hỏi AI hoặc tra cứu bất cứ điều gì bạn đã học. Mỗi bài học phù hợp với trình độ của bạn.
Biến là một vùng chứa có tên, lưu một giá trị mà bạn có thể dùng lại sau trong chương trình.
Trong Python, bạn tạo biến bằng cách viết tên, dấu bằng, rồi giá trị muốn lưu.
Giá trị có thể thay đổi theo thời gian. Gán lại tên đó chỉ đơn giản là trỏ nó tới một giá trị mới.
Nhận chứng nhận
Nhận chứng nhận cho mỗi khóa học bạn hoàn thành. Thêm vào hồ sơ LinkedIn và CV để cho nhà tuyển dụng thấy kỹ năng lập trình của bạn.
Giấy chứng nhận hoàn thànhPython cơ bản
Thêm vào LinkedInVì sao nên học React với Coddy
- Viết JSX ngay trên trình duyệt từ bài học đầu tiên. Không cần cài Node, không cần create-react-app, không phải thiết lập build: bài học nào cũng cho bạn code component thật để sửa và chạy.
- Chương trình học kết thúc bằng ứng dụng thật: component, props, state, sự kiện và hook trong phần Nền tảng, rồi một phần Next.js đầy đủ: định tuyến, layout, server component và client component, lấy dữ liệu và server action.
- Gợi ý AI đọc chính code của bạn. Khi một component không hiển thị hay state không cập nhật, bạn nhận được gợi ý chỉ đúng vào lỗi mà không làm lộ lời giải.
- Chứng nhận React miễn phí khi học xong, một điểm cộng lớn cho các vị trí frontend, nơi React vẫn là thư viện giao diện được tuyển dụng nhiều nhất.
Câu hỏi thường gặp về học React
React là gì?
React là thư viện JavaScript để xây dựng giao diện người dùng từ các component, những hàm nhỏ có thể tái sử dụng và trả về markup. Được tạo ra tại Meta, React vận hành một phần rất lớn của web hiện đại, từ Facebook, Instagram đến sản phẩm của hàng triệu startup, và luôn là kỹ năng frontend được tuyển dụng nhiều nhất trong các tin tuyển dụng.
Có cần biết JavaScript trước khi học React không?
Bạn nên nắm vững JavaScript cơ bản: biến, hàm, mảng và đối tượng. Khóa học giới thiệu các mẫu JavaScript mà React hay dùng (arrow function, destructuring, map) khi chúng xuất hiện, nên bạn không cần là chuyên gia. Nếu bạn hoàn toàn mới với lập trình, hãy học hành trình JavaScript trước.
React có khó học không?
Các ý tưởng cốt lõi như component, JSX, props rất nhanh thấm vì chúng gắn với những thứ bạn đã biết: hàm và HTML. State, effect và luồng dữ liệu cần luyện tập nhiều hơn, vì vậy bài học nào ở đây cũng cho bạn viết và chạy code component thật thay vì chỉ đọc về nó.
React và Next.js khác nhau thế nào?
React là thư viện giao diện: component, state, hiển thị. Next.js là framework xây dựng trên React, bổ sung những gì ứng dụng thật cần: định tuyến theo hệ thống tệp, layout, render phía máy chủ, lấy dữ liệu và server action. Khóa học dạy nền tảng React trước, rồi một phần Next.js riêng đưa bạn từ component đến một ứng dụng hoàn chỉnh.
Có thể học React online miễn phí không?
Có. Khóa học React tương tác hoàn toàn miễn phí: bài học thực hành, thử thách lập trình có phản hồi tức thì, gợi ý có AI hỗ trợ và bài trắc nghiệm. Mọi thứ chạy trên trình duyệt, nên không cần cài đặt gì và bạn có thể bắt đầu ngay.
Học xong khóa React có nhận được chứng nhận không?
Có. Hoàn thành khóa học, bạn nhận giấy chứng nhận hoàn thành miễn phí để thêm vào LinkedIn hoặc CV. Đi kèm với các component và ứng dụng bạn xây dựng trong quá trình học, đây là minh chứng giá trị cho kỹ năng React và Next.js thực tế.
