Mô tả

Một khóa học với mục tiêu giúp các bạn mới bắt đầu có thể "thực hành" kiến thức đã học về React để làm một cái gì đấy mang tính thực tế cao hơn.

I. Trọng tâm của khóa học

1. 100% code sử dụng TypeScript. Giúp code nhanh hơn và hạn chế bug so với JavaScript (version cũ), đồng thời đáp ứng nhu cầu tuyển dụng của công ty.
2. Đây là dự án thực hành (project cuối khóa) sử dụng React với TypeScript
3. Nếu như rằng, bạn đi học trung tâm, luôn có dự án thực hành/thực chiến cuối khóa học, thì đây chính là cơ hội để cho bạn được “thực hành” một dự án với React sử dụng công cụ TypeScript
4. Backend dự án này sẽ được cung cấp sẵn (bạn không cần viết backend), chỉ dùng và không sửa đổi.
5. Backend này đảm bảo yêu cầu trong thực tế, ví dụ như cơ chế JWT - JSON Web Token (access token, refresh token…)
6. Khóa học này chính là thời gian cho bạn chuyển hóa kiến thức, có thể kể đến như kiến thức React, React Router và việc kết hợp render giao diện với dữ liệu lấy từ API backend.
7. Sử dụng Ant Design để tiết kiệm thời gian CSS và viết Component React.
8. Áp dụng Pro Component (Ant Design Pro), phục vụ đắc lực cho giao diện Admin
9. Hướng dẫn tích hợp thêm các công cụ với tính thực tế cao, như thanh toán với ví VNPAY và đăng nhập nhanh sử dụng Google

II. Công nghệ sử dụng

Dự án thực hành: Website bán sách có tích hợp hình thức thanh toán (VNPAY)

Frontend:

• React 18, React Router 6 sử dụng với TypeScript
• Cấu hình dự án React sử dụng React Vite (mô hình CSR - client side rendering) với TypeScript từ số 0
• Design giao diện với Antd (Ant Design) kết hợp với Pro Component (Ant Design Pro) giúp thiết kế giao diện nhanh hơn và tiết kiệm thời gian CSS.

Backend (chính): Nestjs được cung cấp sẵn, chỉ dùng và không sửa đổi.

Backend (phụ): được cung cấp code backend mẫu (có thể sửa đổi) hướng dẫn tích hợp ví VNPay dùng để thanh toán qua tài khoản ngân hàng.

Lưu ý: không học code backend trong khóa học này, bạn không cần code logic backend, backend được cung cấp sẵn, chỉ việc sử dụng (có giải thích logic để tích hợp với Frontend)

Database : MongoDB dùng miễn phí với MongoDB Atlas

III. Học viên nào có thể học ?

Khóa học này là khóa học thứ 3 trong lộ trình React của Hỏi Dân IT, sau khi bạn đã học xong khóa học React Ultimate (React cơ bản) và khóa học React Pro Typescript Portfolio

Vì vậy, học viên cần trang bị các kiến thức sau trước khi theo học:

Yêu cầu 1: Biết React.js làm website sử dụng Typescript (yêu cầu cơ bản/beginners)

- Nếu bạn chưa biết gì về React.js làm website, tham khảo khóa học React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners

- Nếu bạn chưa biết code React.js với TypeScript, tham khảo khóa học React Pro TypeScript - Thực Hành Dự Án Portfolio

Yêu cầu 2: Biết sử dụng Git để quản lý mã nguồn (yêu cầu cơ bản/beginners)

Kiến thức về Git sẽ giúp bạn 2 việc quan trọng:

• Có khả năng backup code của chính bạn, tránh trường hợp máy tính bị hư hỏng, dẫn tới mất code. Ngoài ra, khi cần mình support, bạn có thể gửi project cho mình
• Bạn có khả năng sử dụng code mà khóa học cung cấp

Lưu ý:

Source code cả khóa học (full project) được cung cấp (cũng như cung cấp theo từng video hướng dẫn).

Chỉ cần bạn thực hành và code, 100% sẽ có được thành quả như video demo.

Phát hiện bug => report sẽ được fix và update khóa học ngay lập tức.