Khóa học Fullstack Web với JavaScript

ReactJS (60 giờ)

• 1 - Tổng quan về ReactJS
  • Giới thiệu ReactJS
  • Cài đặt công cụ và thiết lập môi trường
  • Tạo ứng dụng Hello world đầu tiên
  • Tạo components cơ bản

  Lab: Xây dựng giao diện cho trang Home, Category, Detail

• 2 - Các khái niệm cốt lõi của ReactJS
  • Components lồng nhau
  • Hiểu rõ về State và Lifecycle
  • Tạo và thay đổi State trong component
  • Xử lý sự kiện trong React

  Lab: Xây dựng chức năng cho trang Category (filter, sort)

• 3 - React Hook và Lab xây dựng components cho project
  • Giới thiệu React Hook

  Lab: Xây dựng và hoàn thiện chức năng cho các trang Home, Category, Detail

• 4 - React Router
  • Giới thiệu React Router
  • Sử dụng HOC
  • Lazy-loading với React Router
  • React Form
  • Auth workflow

  Lab: Áp dụng React Router và hoàn thiện trang Home, Category, Detail. Xây dựng Form và chức năng Login/Logout, Register

• 5 - Sử dụng Redux để quản lý trạng thái
  • Giới thiệu Redux
  • Ba quy tắc chính của Redux
  • Redux Data Flow

  Lab: Ứng dụng Redux cho các trang Home, Category, Detail, Login, Register, Cart.

• 6 - Sử dụng Redux để quản lý trạng thái (tt)
  • Middleware Redux
  • Redux-thunk

  Lab: Ứng dụng Redux cho các trang Home, Category, Detail, Login, Register, Cart.

• 7 - Sử dụng APIs lấy dữ liệu phía Server
  • Lập trình bất đồng bộ với JS
  • Gọi Rest API
  • Xử lý PWA
  • Tích hợp gọi API để lấy dữ liệu và đưa vào trang web.

  Lab: Hoàn thiện đồ án cuối khóa: Trang Home, Category Detail

• 8 - Unit testing với Jest framework
  • Giới thiệu Jest
  • Các bộ so khớp (assert functions)
  • Cài đặt và thực thi các test case
  • React Component snapshot testing với Jest
  • Lab: Tạo unit tests để test các đối tượng: hàm, redux actions, reducers, và component snapshots
• 9 - Agile/Scrum và hoàn thiện final project
  • Phương pháp Agile/Scrum
  • Lab: Hoàn thiện đồ án cuối khóa: Trang Home, Category Detail, Login, Register, Cart, Checkout, Manage orders,…
• 10 - Soft skills và hoàn thiện final project
  • Soft skills: Problem solving, Team work, Communication
  • Lab: Hoàn thiện đồ án cuối khóa: Trang Home, Category Detail, Login, Register, Cart, Checkout, Manage orders,…
• 11 - Triển khai final project
  • Customizing create-react-app
  • create-react-app eject
  • Hương dẫn Gitlab CI/CD:
    • Building React.js app in Gitlab CI/CD
  • Triển khai ứng dụng trên Netlify.com
• 12 - Báo cáo final project và phỏng vấn thử
  • Báo cáo đồ án
  • Hướng dẫn hoàn thiện CV và Mock interview

NodeJS (30 giờ)

• 1 - Giới thiệu về NodeJS và ES7

  Giới thiệu về Node.js

  • Node.js là gì và tại sao nên học Node.js?
  • Ứng dụng của Node.js?
  • Hệ sinh thái của Node.js.
  • Cách thiết lập Node.js

  Tầm quan trọng của JavaScript

  • Giới thiệu lại các khái niệm quan trọng của JS
  • Tính cần thiết của ES6-7.
  • Phiên bản ECMAScript và Node.js
  • Công cụ hỗ trợ lập trình JS (Linter)
• 2 - NodeJS với ứng dụng CLI
  • Chạy ứng dụng Node.js với terminal (giao diện dòng lệnh, console)
  • Node package manager (npm) and Node.js module system
  • Node.js core packages
  • Xử lý yêu cầu API cho ứng dụng Node.js
  • Xử lý files trong ứng dụng Node.js
  • Xử lý Arguments và Environment
• 3 - Kiểm thử và cấu hình ứng dụng Node.js
  • Xuất kết quả ra console
  • Giới thiệu về Unit Testing
  • Unit test với Mocha
  • Cách kiểm tra và gỡ lỗi ứng dụng Node.js
  • Cách tạo cấu hình ứng dụng Node.js
  • Tích hợp liên tục với Gitlab CI
• 4 - Express.js Framework
  •  Tạo server HTTP đơn giản với Node.js
  • Giới thiệu về Express.js
  • Render phản hồi HTML bằng chuỗi mẫu
• 5 - API Server
  • Tạo các điểm cuối API Restful
  • Sử dụng Postman để kiểm tra API
• 6 - MongoDB và NoSQL
  • Giới thiệu về MongoDB và cách thiết lập MongoDB cục bộ.
  • Khái niệm NoSQL, so sánh NoSQL với SQL DBMS – Sử dụng Mongoose để quản lý lược đồ và thao tác dữ liệu MongoDB
• 7 - NodeJS và MongoDB
  • Render HTML bằng cách sử dụng template mẫu và dữ liệu từ MongoDB
  • Tạo các điểm cuối API cho cơ sở dữ liệu MongoDB CRUD
• 8 - Triển khai ứng dụng Node.js và Final Project

  a) Triển khai ứng dụng Node.js
  -Tạo các account mLab và Heroku để triển khai ứng dụng Node.js

  – Tích hợp liên tục ứng dụng Node.js với Gitlab CI

  – Triển khai ứng dụng Node.js cho Heroku

  b) Dự án cuối cùng

  * Yêu cầu:

  – Phải sử dụng Express.js để tạo server HTTP

  – Phải sử dụng MongoDB để lưu trữ dữ liệu

  – Phải có các bài unit test để kiểm tra logic ứng dụng

  -Phải minh họa database CRUD bằng cách sử dụng API Restful

  * Đặc biệt:

  – Các trang web được tạo mẫu để xem dữ liệu MongoDB (blog, lưu trữ, việc cần làm …)

  – Các trang web được hiển thị bằng AJAX để xem dữ liệu MongoDB

  – Dashboard quản trị đơn giản, CRUD dữ liệu MongoDB