Phần 1. Giới thiệu và chuẩn bị môi trường
1
01. Tổng quan về khóa học
2
02. Thực hành - chuẩn bị công cụ lập trình
Phần 2. React JS
1
03. Giới thiệu tổng quan về React JS
2
04. Thực hành React - tạo ứng dụng React
3
05. Cấu trúc cây thư mục của một dự án React
4
06. Thực hành React - Hello World
5
07. Thực hành React - hiển thị danh sách học viên và thêm Bootstrap vào dự án
6
08. Thực hành React - tạo React Component mới và chèn vào bảng danh sách sinh viên
7
09. Thực hành React - cách chèn biểu thức JavaScript vào JSX
8
10. Thực hành React - cách truyền dữ liệu động tới các thành phần React
9
11. Thực hành React - sử dụng mảng và duyệt mảng
10
12. Thực hành React - tách React Components
11
13. Thực hành React - xử lý sự kiện onClick - thêm sinh viên mới
12
14. Thực hành React - giới thiệu về React State
13
15. Thực hành React - thêm sinh viên sử dụng React State
14
16. Thực hành React - xây dựng form nhập liệu và xử lý sự kiện thêm sinh viên
15
17. Thực hành React - cách làm việc với React Keys - xóa sinh viên
16
18. Thực hành React - sử dụng câu lệnh điều kiện để render components
Phần 3. TypeScript
1
20. Giới thiệu TypeScript
2
21. Thực hành TypeScript - cách biên dịch TypeScript sang JavaScript
3
22. Thực hành TypeScript - kiểu dữ liệu và khai báo biến
4
23. Thực hành TypeScript - vòng lặp và mảng
5
24. Thực hành TypeScript - xây dựng các Class
6
25. Thực hành TypeScript - xây dựng các phương thức getter và setter
7
26. Thực hành TypeScript - cấu hình file tsconfig,json
8
27. Thực hành TypeScript - xây dựng constructor với tham số thuộc tính
9
28. Thực hành TypeScript - module
10
29. Thực hành TypeScript - kế thừa
11
30. Thực hành TypeScript - abstract class - lớp trừ tượng
12
31. Thực hành TypeScript - interface
Phần 4. Kết hợp TypeScript và React JS
1
32. Thực hành TypeScript & React - tạo dự án React sử dụng TypeScript
2
33. Thực hành TypeScript & React - dự án quản lý công việc
3
34. Chuyển đổi dự án React từ JXS sang TSX
Phần 5. Phân tích dự án
1
35. Phân tích dự án - yêu cầu dự án website bán sách
2
36. Phân tích dự án - các sơ đồ cần có trong dự án, cài đặt Start UML
3
37. Phân tích dự án - phân tích các tác vụ và vẽ sơ đô usecase
4
38. Phân tích dự án - phân tích các hành động và vẽ sơ đồ activity
5
39. Phân tích dự án - sơ đồ cơ dữ liệu quan hệ
6
40. Phân tích dự án - sơ đồ lớp
Phần 6. Dự án Full-stack: Web Bán Sách
1
41. Back-end: Khởi tạo dự án
2
42. Back-end: Xây dựng các class
3
43. Back-end: Ánh xạ các thực thể sang cơ sở dữ liệu (dùng Hibernate JPA)