KHAI GIẢNG LỘ TRÌNH HỌC JAVASCRIPT TỚI REACTJS TỪ CƠ BẢN ĐẾN ĐI LÀM
  • Khai giảng: 3/3/2023
  • Lịch học: Tối 2,6 từ 7h – 9h tối
  • Thời gian: 2 tháng
  • Học phí: 3.600.000 đ  
  • Ưu đãi nhóm/ctv: 150.000đ / bạn được giới thiệu
  • Cơ sở 1: Tòa Fodacon, 14 Trần phú, Hà Đông, Hà Nội
  • Cơ sở 2: Tòa số 22, 190 Nguyễn Trãi, Thanh Xuân, Hà Nội
  • Hoặc ở xa học qua zoom hoặc video online sẵn tại JMaster.io cùng mentor hỗ trợ

Đây là kiến thức JavaScript Frontend tối thiểu cần nắm để đi làm. Hoàn thiện các project đầu ra phỏng vấn công ty.

  • 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)

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

BÀI VIẾT LIÊN QUANXEM THÊM