Mục tiêu lộ trình

Xây UI theo component và quản lý state trong React

Làm app đa nền tảng với React Native

Tối ưu trải nghiệm và hiệu năng ở mức phù hợp

Hoàn thiện sản phẩm có thể demo/triển khai, đưa vào portfolio

3 level trong khóa

Nhấn vào từng level để xem chi tiết nội dung và sản phẩm đầu ra.

Chi tiết level

DễKết quả: UI component + state

🎯 Mục tiêu khóa học

Nắm vững nền tảng React: JSX, Component, Props, State, cơ chế re-render
Biết cách tách – ghép UI theo component để dễ mở rộng, dễ tái sử dụng
Thành thạo các kỹ năng UI cơ bản trong React: event, form input, render danh sách, điều kiện hiển thị
Rèn tư duy “build theo từng bước”: từ layout → component → tương tác → hoàn thiện trải nghiệm
Hình thành thói quen code gọn gàng: đặt tên, tách file, tổ chức thư mục, tránh lặp

⚙️ Giai đoạn 1: Lý thuyết (Buổi 1–8)

Buổi	Tên buổi học	Nội dung chính
1	Làm quen React	JSX, cấu trúc project
2	Component cơ bản	Props, tái sử dụng
3	State	useState, re-render
4	Event	Click, input
5	List rendering	map(), key
6	Conditional render	if / ternary
7	Tách component	Clean code
8	Ôn tập + mini practice	Build mini UI
9	Lên ý tưởng	Chọn project
10	Thiết kế UI	Layout component
11	Build UI (P1)	Tách component, dựng layout, tạo dữ liệu mẫu
12	Build UI (P2)	Làm tương tác: event, input, render list, conditional
13	Hoàn thiện	Logic + UX
14	Demo	Tổng kết + review code + định hướng học tiếp