Khóa học ReactJS và NextJS 
  • Hình thức: Ngồi tại lớp, xem video bài giảng và trao đổi cùng mentors theo buổi
  • Lịch học: Ngày Thứ 3.5.7 từ tối 7.30 – 9 PM
  • Thời gian: 3 tháng
  • Học phí: 4.500.000 đ
  • ĐC: Tòa Fodacon, 14 Trần phú, Hà Đông, Hà Nội

Hoàn thiện các project và yêu cầu công việc được giao.

  • Project 1: Quản lý CRUD bài viết, danh mục với Async/Await, Axios với REST API
  • Project 2: Một trang web tin tức gồm quản trị admin và client (ReactJs, MUI, Axios, JWT, Security, Router, Validation, Redux, Context)
  • Project 3: Một trang theo yêu cầu template MUI.
  • Project 4: Một trang về nextJS cho client

LIÊN HỆ NGAY:


YÊU CẦU KHÓA HỌC

  • Đã từng code backend Web, hiểu khái niệm OOP

NỘI DUNG KHÓA HỌC

Javascript là ngôn ngữ top 1 sử dụng rất là nhiều trong xử lý giao diện website và viết code backend sử dụng node.js như một cuộc cách mạng trong javascript. Hiện nay javascript còn được sử dụng để viết các ứng dụng app di động đa nền tảng iOS, Android qua React, Flutter,… Javascript cũng là nền tảng để code lên Typescript.

React ra đời và phát triển bởi Facebook được chia làm thư viện React JS dùng cho làm website và React Native Framework dùng làm app di động đa nền tảng. React sử dụng Javascript để code. React chia theo các component và sử dụng props và state để truyền tải nội dung trong và giữa các component đó linh động.

Trong khóa học này chúng ta sẽ học từ Javascript cơ bản lên nâng cao và thao tác với cơ chế AJAX làm việc với backend cho việc truy vấn dư liệu thông qua xử lý HTML DOM hoàn toàn bằng JS. Sau đó, chúng ta áp dụng React JS để phân chia và thiết kế lại cấu trúc website hoàn toàn bằng React và API.

Mục tiêu khóa học:

  • Hiểu cấu trúc code Javascript và vận dụng trong HTML DOM
  • Sử được cách gọi API bằng Axios với Javascript
  • Sử dụng React Js viết trang quản trị và client website
  • Thực hành tạo ra một website quản trị tin tức bằng React JS và app quản trị chức năng tương tự website.

Phần I: Javascript cơ bản

  • Biến, hàm, câu điều kiện, vòng lặp, đối tượng, try catch

Phần II: Javascript nâng cao & HTML DOM

  • Class, Callback, Closure, Module, Import/Export, Promise, Async/Await
  • Array ES6, this & binding, constructor & properties
  • HTML DOM, Event Listener
  • JS BOM, localstorage, cookie
  • Thực hành project 1: CRUD HTML DOM giao diện Thành viên

Phần III: API Call backend

  • AJAX, JSON
  • Fetch API & Axios
  • File Upload
  • Thực hành project 1: gọi api API CRUD giao diện danh mục bài viết

Phần IV: React JS 

  • Component design (Function)
  • State & Props
  • React Form, Upload file
  • React Hook (hàm hook) xử lý lifecycle trong component
  • React Router điều hướng website
  • React Context để quản lý bảo mật, theme
  • Thực hành project 2: Quản trị bài viết. Phân chia cấu trúc FE theo React JS Component, Kết nối API bằng Axios.

Phần IV: React Redux

  • Redux quản lý state chung toàn bộ ứng dụng
  • Giới thiệu thư viện MUI, React Hook Form
  • Thực hành project 2: Quản trị bài viết. Áp dụng Redux gọi API, MUI cho giao diện đẹp hơn và Validation dữ liệu.

Phần VI: Triển khai

  • Triển khai ứng dụng react js lên Github Page, Vercel