Đối tượng của khóa học này:

• Những bạn muốn trở thành lập trình viên Frontend
• Những sinh viên mới ra trường, hoặc người chuyển ngành muốn có kinh nghiệm thực tế, hoặc project để apply CV

Khoá học này cung cấp một phương pháp thực hành cho những người muốn trở thành nhà phát triển frontend. Qua các dự án thực hành, người tham gia sẽ đối mặt với các tình huống thực tế, học các kỹ thuật giải quyết vấn đề từ cơ bản đến nâng cao. Cụ thể, khóa học tập trung vào phát triển web sử dụng các công nghệ frontend tiên tiến như: TypeScript, ReactJS 18, Next.js 14, Material UI, Redux Toolkit, Next Auth, Yup, CI-CD, tối ưu SEO, Redux thunks, SocketIo, React Query, Firebase, Storybook, Jest ... Đặc biệt sau khi kết thúc khóa học , mấy bạn sẽ biết được cách tìm ra nguyên nhân của lỗi và biết cách research để giải quyết vấn đề

Ngoài ra, người tham gia sẽ có được hiểu biết cơ bản về phát triển REST API với NodeJS, Express, MongoDB, và các công cụ khác. Dưới đây là các tính năng chính của dự án trong khóa học này:

1.Quản trị hệ thống:

• Quản trị người dùng - User Management
• Quản trị nhóm vai trò
• Phân quyền cho user - Thanh menu, page,...

2.Quản trị sản phẩm (CMS):

• Quản lý danh mục sản phẩm
• Quản lý sản phẩm
• Quản trị bình luận

3.Quản lý đơn hàng (CMS):

• Quản lý đánh giá của sản phẩm
• Quản lý đơn hàng

4.Cài đăt Settings (CMS):

• Quản lý phương thức thanh toán
• Quản lý phương thức giao hàng
• Quản lý danh sách thành phố

5.Người dùng - Trang chủ - User (Landing page):

• Đăng nhập, Đăng ký
• Đăng nhập, Đăng ký với Next-Auth
• Quên mật khẩu
• Thay đổi mật khẩu
• Đăng xuất
• Tài khoản của tôi
• Đơn hàng của tôi
• Đánh giá sản phẩm
• Nhận thông báo (firebase cloud messenger)
• Sản phẩm của tôi

+ Sản phẩm đã xem

+ Sản phẩm đã thích

6.Products(Landing page) :

• Phân trang sản phẩm
• Bộ lọc filter theo loại sản phẩm, đánh giá, vị trí, giá tiền
• Tìm kiếm sản phẩm
• Thanh toán
• Thích, bỏ thích sản phẩm
• Push notification (firebase)
• Bình luận sản phẩm (SocketIo)
• Tích hợp chatbotAI
• Đánh giá sản phẩm

7.Dashboard

• Thống kê người
• Thống kê danh thu
• Thống kê sản phẩm

Tóm tắt nội dung khoá học

1. Ôn Tập Kiến Thức JavaScript

Mục đích: Ôn tập và củng cố các kiến thức quan trọng về JavaScript.

2. Ôn Tập Kiến Thức ReactJS

Mục đích: Tìm hiểu ReactJS, một thư viện JavaScript mạnh mẽ giúp xây dựng giao diện người dùng hiệu quả và linh hoạt.

3. Ôn Tập Kiến Thức TypeScript 

TypeScript, ngôn ngữ lập trình nâng cao từ JavaScript, sẽ được giới thiệu và ôn tập để giúp bạn viết mã rõ ràng và dễ bảo trì hơn.

4. TìmHiểu NextJS 14 (App Router)

NextJS 14 là phiên bản mới nhất với nhiều cải tiến. Chúng ta sẽ khám phá App Router và cách nó cải thiện trải nghiệm phát triển web.

5. Xây Dựng Dự Án Blog với App Router (FE & BE)

Học cách xây dựng một blog từ đầu với cả phần frontend và backend, sử dụng App Router của NextJS 14.

6. Triển Khai CI/CD Cho Dự Án

Hiểu cách thiết lập quy trình tích hợp liên tục (CI) và triển khai liên tục (CD) để đảm bảo dự án của bạn luôn hoạt động mượt mà.

7. Xây Dựng Dự Án Ecommerce với NextJS (Page Router) - NodeJS Express MongoDb

Xây dựng một trang thương mại điện tử hoàn chỉnh với NextJS, sử dụng Page Router, NodeJS Express và MongoDB.

8. Tích Hợp Next Auth Trong NextJS - API (NodeJS)

Học cách tích hợp Next Auth để quản lý xác thực người dùng trong các ứng dụng NextJS.

9. Tìm Hiểu Redux Toolkit, Mui, Redux Thunk, Yup,… Áp Dụng Vào Dự Án

Khám phá các công cụ và thư viện quan trọng như Redux Toolkit, Material-UI (Mui), Redux Thunk và Yup, và cách áp dụng chúng vào dự án của bạn.

10. Lý Thuyết SSR Với Page Router

Hiểu lý thuyết về Server-Side Rendering (SSR) và cách áp dụng nó với Page Router trong NextJS.

11. Deploy Website

Học cách triển khai website lên các dịch vụ hosting và cloud để sản phẩm của bạn có thể đến tay người dùng một cách nhanh chóng.

12. Tìm Hiểu Socket IO và Áp Dụng Vào Dự Án (Bình Luận Realtime)

Tích hợp Socket IO để tạo các tính năng realtime như bình luận trực tiếp trong dự án của bạn.

13. Tìm Hiểu Firebase và Áp Dụng Vào Dự Án (Push Notification)

Khám phá Firebase và cách sử dụng nó để gửi thông báo đẩy (push notification) trong ứng dụng web của bạn.

14. Tích Hợp Chatbot AI Vào Dự Án

Mục đích: Hiểu được cách sử dụng và tích hợp bên thứ 3 bằng tài liệu của nó như thế nào.

15. SEO Website

Mục đích: Hiểu các kỹ thuật SEO để tối ưu hóa website của bạn, giúp nó xuất hiện cao trên các công cụ tìm kiếm.

16.Tìm Hiểu React Query V5 và Áp Dụng Vào Dự Án

Mục đích: Hiểu được và nắm vững React Query (quản lý servers state).

17. Clean Code, Improve Performance Code

Mục đích: Giúp mọi người biết cách code sao cho clean, improve performance giúp tăng chất lượng code cũng như sản phẩm.

18. Hướng Dẫn Convert Toàn Bộ Dự Án Từ Page Router -> App Router

Học cách chuyển đổi một dự án từ Page Router sang App Router một cách mượt mà và hiệu quả. Mục đích: Giúp mọi người hiểu được cả 2 app router và page router nó khác như nào, biết được cách upgrade version một dự án.

19. Tìm Hiểu Storybook và Áp Dụng Vào Dự Ánx

Tìm hiểu Storybook, một công cụ mạnh mẽ giúp phát triển và kiểm thử các component React một cách độc lập.

20. Tìm Hiểu Testing Với Jest và Áp Dụng Vào Dự Án

Hiểu cách sử dụng Jest để viết và thực hiện các bài kiểm thử cho ứng dụng của bạn, đảm bảo chất lượng và độ tin cậy của mã nguồn.