Để kết quả học tốt nhất, trước khi bắt đầu khóa học FullStack bạn cần có kiến thức về Spring & Hibernate, bạn có thể tham khảo tại đây: https://titv.vn/courses-page/spring-and-hibernate-framwork/
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
6
08. Thực hành React - tạo các Component mới và chèn bảng
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 - 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 (Hibernate JPA)
4
44. Back-end: Chuẩn bị cơ sở dữ liệu
5
45. Back-end: Cấu hình các JPA Repository
6
46. Back-end: Cấu hình và thử nghiệm REST API
7
47. Back-end: Cấu hình cho phép hoặc chặn các phương thức
8
48. Front-end: Khởi tạo dự án
9
49. Front-end: Cấu hình Bootstrap và CSS
10
50. Front-end: Xây dựng Navbar
11
51. Front-end: Xây dựng Footer
12
52. Front-end: Xây dựng Home Page
13
53. Front-end: Xây dựng List Product
14
54. Back-end: Cấu hình CORS
15
55. Front-end : Xây dựng trang danh sách sản phẩm
16
56. Front-end: Xây dựng trang danh sách sản phẩm - phần 2
17
57. Front-end: Tái sử dụng các function trong API - xây dựng Carousel
18
58. Front-end: Phân trang
19
59. Fullstack: Xây dựng chức năng tìm kiếm theo tên sách
20
60. Fullstack: Các điều hướng Route và ứng dụng
21
61. Front-end: Xây dựng trang xem chi tiết sản phẩm
22
62. Front-end: Xây dựng trang xem chi tiết sản phẩm - phần 2
23
63. Front-end: Xây dựng trang xem chi tiết sản phẩm - phần review và định dạng số
24
64. Front-end: Xây dựng trang xem chi tiết sản phẩm - phần số lượng đặt hàng
25
65. Back-end: Xây dựng tính năng đăng ký tài khoản
26
66. Front-end: Xây dựng tính năng đăng ký tài khoản - phần 1
27
67. Front-end: Xây dựng tính năng đăng ký tài khoản - phần 2
28
68. Back-end: Cấu hình Spring Security
29
69. Back-end: Tạo nhóm endpoints
30
70. Back-end: Mã hóa mật khẩu người dùng
31
71. Back-end: Gửi email kích hoạt tài khoản người dùng mới
32
72. Fullstack: Kích hoạt tài khoản người dùng mới
34
74. Fullstack: Tạo JWT Service cho Back end và xây dựng chức năng đăng nhập
35
75. Fullstack: Xây dựng filter để kiểm tra JWT Token và thêm sách mới với quyền Admin
36
76. Fullstack: Kiểm tra quyền truy cập tại Front-end
37
77. Fullstack: Cách upload file theo dạng base64
Tham khảo dự án từ các bạn
1
Dự án Website Fullstack bán sách - Tác giả: Phạm Ngọc Viễn Đông - học viên Khóa 1