Chương 1: Giới thiệu về dự án - Full Stack Developer

• Giới thiệu về dự án Monday sẽ hoàn thành trong chương trình học
• Khám phá quy trình phát triển full stack: Từ thiết kế UI/UX đến triển khai và bảo trì
• Tìm hiểu các công nghệ sẽ được sử dụng trong khóa học: ReactJS, NestJS, MySQL, Docker, và hơn thế nữa
• Phân tích mục tiêu và yêu cầu kỹ thuật của dự án, cách thức xây dựng và triển khai dự án Monday giả lập
• Mục tiêu học tập: Trở thành nhà phát triển full stack có khả năng xử lý mọi khía cạnh của một ứng dụng web
• Hướng dẫn cài đặt và cấu hình Google Remote để hỗ trợ quá trình học tập từ xa, cho phép bạn kết nối và hợp tác hiệu quả hơn với giảng viên và bạn học
• Giới thiệu và cài đặt Node.js - nền tảng chính cho phát triển server-side, đi kèm các bài hướng dẫn chi tiết để cấu hình môi trường phát triển

Chương 2: Hướng dẫn cài đặt và cấu hình môi trường Phát triển

• Thiết lập thư mục dự án cho Frontend và Backend để đảm bảo quản lý dự án một cách hiệu quả.
• Frontend:
  • Axios: Hướng dẫn cài đặt và cấu hình cho giao tiếp API.
  • Formik và Yup: Cài đặt và sử dụng để xử lý và validate form.
  • Redux Toolkit: Thiết lập trạng thái quản lý hiệu quả cho ứng dụng React.
  • Tailwind CSS và SASS: Cài đặt và tích hợp các công cụ này để tối ưu hóa quy trình phát triển CSS.
  • React Router DOM: Thiết lập định tuyến trong ứng dụng React.
  • Ant Design (antd): Sử dụng thư viện component để tăng tốc phát triển giao diện người dùng.
• Backend:
  • NestJS: Cài đặt và cấu hình framework cho phát triển server-side.
  • MySQL: Thiết lập cơ sở dữ liệu và tích hợp với NestJS.
  • TypeORM: Sử dụng ORM để tương tác dễ dàng hơn với cơ sở dữ liệu.
  • NestJS Config: Quản lý cấu hình ứng dụng trong môi trường NestJS.
  • Swagger: Tích hợp để tạo tài liệu API tự động và hiệu quả.
• Các chương này sẽ bao gồm các bài trắc nghiệm và câu hỏi run code để luyện tập và kiểm tra kiến thức đã học.

Chương 3: Ôn tập về React trước khi vào dự án

• Ôn lại các khái niệm cơ bản của React, bao gồm JSX, Components, Props, và State.
• Tìm hiểu lại về Component Lifecycle và các Hooks quan trọng như useState, useEffect, và useContext.
• Phân tích cách quản lý trạng thái trong các ứng dụng React lớn hơn, nhấn mạnh vào việc sử dụng các thư viện như Redux hoặc Context API.
• Thực hành lập trình với một bài tập Todolist cục bộ:
  • Hướng dẫn từng bước để thiết kế và phát triển Todolist sử dụng React.
  • Cách sử dụng Hooks để xử lý logic ứng dụng (thêm, xóa, và cập nhật công việc).
  • Tích hợp các công nghệ như Local Storage để lưu trữ dữ liệu trên máy của người dùng.
• Củng cố kiến thức và kỹ năng lập trình React qua các bài tập và thử thách thực hành.

Chương 4: Ôn tập về NestJS trước khi vào dự án

• Giới thiệu lại về cấu trúc và các thành phần cơ bản của NestJS, như Controllers, Providers, và Modules.
• Ôn tập về Dependency Injection và các kỹ thuật xây dựng dịch vụ trong NestJS.
• Phân tích cách tạo và quản lý Routes, cũng như xử lý các yêu cầu HTTP thông qua Controllers.
• Thực hành lập trình với một bài tập viết RESTful API cho Todolist:
  • Hướng dẫn từng bước để xây dựng RESTful API sử dụng NestJS.
  • Cài đặt các route cơ bản cho Todolist: tạo công việc mới, hiển thị danh sách công việc, cập nhật thông tin công việc, và xóa công việc.
  • Giới thiệu về cách sử dụng TypeORM cho việc tương tác với cơ sở dữ liệu.
  • Cách xử lý lỗi và validation trong NestJS để đảm bảo dữ liệu nhập vào là hợp lệ.
• Củng cố kiến thức và kỹ năng lập trình backend qua các bài tập và thử thách thực hành.

Chương 5: Phân tích và xây dựng CSDL cho Monday

• Giới thiệu về lý thuyết cơ sở dữ liệu và tầm quan trọng của việc thiết kế CSDL chính xác cho các ứng dụng web.
• Tìm hiểu và phân tích ERD (Entity-Relationship Diagram):
  • Hướng dẫn cách vẽ sơ đồ ERD, giải thích các thành phần như Entity, Relationship và Attributes.
  • Phân tích mối quan hệ giữa các thực thể trong ứng dụng Monday.
• Học cách thiết kế Class Diagram:
  • Khái niệm về Class Diagram và cách nó hỗ trợ trong việc thiết kế cơ sở dữ liệu và xây dựng ứng dụng.
  • Các bước thiết kế một Class Diagram chi tiết cho dự án Monday.
• Thực hành tạo cơ sở dữ liệu:
  • Các bước tạo cơ sở dữ liệu dựa trên các sơ đồ ERD và Class Diagram đã phân tích và thiết kế.
  • Sử dụng MySQL hoặc một hệ quản trị cơ sở dữ liệu khác để thiết lập cơ sở dữ liệu thực tế.
  • Giới thiệu về các công cụ hỗ trợ thiết kế CSDL như MySQL Workbench, ER/Studio, hoặc Microsoft SQL Server Management Studio.
• Củng cố kiến thức qua các bài tập và thử thách thực hành về thiết kế và tạo CSDL.

Chương 6: Xây dựng các màn hình đăng ký cho Monday

• Giới thiệu về các màn hình giao diện người dùng và tầm quan trọng của chúng trong việc cung cấp trải nghiệm người dùng mượt mà và hấp dẫn.
• Xây dựng giao diện và chức năng cho các màn hình sau:
  • Màn hình Đăng ký: Thiết kế một giao diện đăng ký thân thiện với người dùng, kết hợp validation để đảm bảo tính chính xác của thông tin nhập vào.
  • Màn hình Đăng nhập: Xây dựng giao diện đăng nhập an toàn và tiện lợi, tích hợp các phương thức xác thực hiện đại.
  • Màn hình Lấy thông tin người dùng: Tạo giao diện cho phép người dùng cập nhật và quản lý thông tin cá nhân của họ.
  • Màn hình Khảo sát thông tin: Phát triển một màn hình khảo sát để thu thập dữ liệu từ người dùng về cách họ sử dụng ứng dụng.
  • Màn hình Tạo bảng, Task, Cột và Loại View: Thiết kế các màn hình cho phép người dùng tạo và quản lý nhiệm vụ, bảng và cột trong ứng dụng, cũng như chọn các loại view khác nhau.
• Sử dụng các công nghệ như React, Redux Toolkit, Tailwind CSS và Ant Design để tạo ra các giao diện đẹp mắt và hiệu quả.
• Tích hợp các thư viện đã được cài đặt trong chương 2 như Axios, Formik, Yup, và React Router DOM để hỗ trợ xử lý giao diện, tăng cường tính năng và dễ dàng quản lý trạng thái ứng dụng.
• Kết hợp các bài học từ chương trước để tạo ra một hệ thống giao diện người dùng hoàn chỉnh và tích hợp, đảm bảo tính thẩm mỹ và tính năng của ứng dụng.
• Phát triển các bài tập và thử thách để học viên thực hành kỹ năng của mình, củng cố kiến thức và sự hiểu biết về phát triển front-end.