HTML, CSS, Boostrap, JS cơ bản, Jquery, Project: Xây dựng sản phẩm giao diện trang chủ hoàn thiện

   1. Giới thiệu về khóa học
   2. HTML cơ bản
   3. CSS cơ bản
   4. Mini Project: Xây dựng giao diện trang web tĩnh: Phân chia bố cục, tạo các thành phần Menu, Banner, tạo giao diện trang chủ VTI, giao diện trang quản trị, …
   5. Tìm hiểu Boostrap
   6. Mini Project: Sử dụng Boostrap xây dựng giao diện trang web tĩnh TMĐT(eShopping)
   7. Java Script cơ bản
   8. Thư viện Jquery
   9. Thao tác với DOM sử dụng JavaScript, Jquerry.
   10. Tìm hiểu và vận dụng Responsive khi thiết kế Web
   11. Làm việc cùng Web Storage (Local Storage, Session Storage)

Các khái niệm nâng cao trong Js: Destructuring, Template String, Arror Function, HOF, Reduce, Curring Function, xử lý bất đồng bộ trong JS, … Áp dụng kiến thức đã học vào các tính năng khi làm việc thực tế.

    1. Lưu trữ dữ liệu: Array, Map, Set, …
    2. Phân biệt Var Let Count.
    3. Destructuring, Template String, ... Operator
    4. Các cách viết hàm: Nomal, Arror
    5. Tìm hiểu Higher Order Function, Reduce Function, Curring Function
    6. Callback Hell
    7. Sử dụng Ajax thao tác dữ liệu API(Sử dụng Mock API hoặc API được cung cấp sẵn)
    8. Xử lý bất đồng bộ cùng Promise, Asyn Await trong JS
    9. Project: Sử dụng Boostrap, js, jquery, Ajax xây dựng giao diện Web TMĐT(eShopping)

Mở rộng: Type Scirpt
Kiểu dữ liệu, các toán tử hay sử dụng, các câu lệnh điều khiển rẽ nhánh, vòng lặp, làm việc với OOP trong TypeScript.

Component, JSX, ReactTrap, Props, State, Truyền dữ liệu giữa các Component, lifeCycle, Hook cơ bản

   1. Giới thiệu tổng quan, tư tưởng sử dụng trong ReactJS(Component, Truyền dữ liệu, Reuse Code)
   2. Tạo ứng dụng ReactJS sử dụng Create React App
   3. Tìm hểu về JSX, Babel
   4. Xây dựng Component: class component, function component
   5. Sử dụng Boostrap trong ReactJS
   6. Sử dụng các thư viện mở rộng của React: ReactTrap, MaterialUI, Ant Design
   7. Project: Sử dụng React xây dựng giao diện nâng cao
   8. Tìm hiểu về: State
   9. Làm việc với Form trong React, xử lý các Event
  10. Truyền dữ liệu qua lại giữa các component: Prop, Callback Function
   11. Tìm hiểu Lifce Cycle Class Component
   12. Xử lý định tuyến trong ứng dụng cùng thư viện React Router v6
  13. Tìm hiểu các Hook cơ bản: useState(), UseEffect()
   14. Làm quen với các thư viện xử lý API: Axios, Fetch.
   15. Project: Tiếp tục xây dựng project nâng cao

Redux, Redux Toolkit, Formik, Yup, Material UI, Hook nâng cao, Deploy ứng dụng, tiếp tục hoàn thiện Project ở học phần trước, tích hợp Redux

   1. Tìm hiểu thư viện Redux Core
   2. Tìm hiểu, tích hợp Redux React vào Project
   3. Cài đặt công cụ Redux Dev Tool để làm việc cùng Redux
   4. Tìm hiểu về Midware trong Redux: Thunk, Saga
   5. Xử lý Form với thư viện mở rộng Formik
   6. Validate dữ liệu cùng Yup
   7. Tìm hiểu nâng cao về Hook: UseMemo(), UseReducer(), UserCallBack(), …
   8. Khai báo PropType trong component
   9. Sử dụng Redux Toolkit khi phát triển ứng dụng
   10. Project: Sử dụng Redux Toolkit , tích hợp Formik, Yup để Validate form nhập liệu
   11. Hướng dẫn Deploy ứng dụng lên Server, Cloud
   12. Unit Test với Enzyme

Làm quen với Agile & Scrum trong dự án Kỹ năng làm việc nhóm trong Project

   1. Tìm hiểu về các quy trình trong phát triển phần mềm(Agile & Scrum)
   2. Hướng dẫn nâng cao về Git, Git Hub
   3. Ôn tập lại kiến thức đã học
   4. Project: Định hướng học viên lựa chọn project để làm sau khi kết thúc khóa học hoặc phát triển mở rộng Project đang làm, phát triển thêm các tính năng: SignUp, Login, Menu, Home, Admin, …
   5. Kiểm tra phỏng vấn cuối khóa học, phân loại học viên.