Đề cương khóa học

Phát triển ứng dụng front-end hiện đại

  • Tổng quan và sự tương đồng của React, Angular, Vue.js
  • Kết xuất khai báo
  • Các thành phần - định nghĩa các thẻ HTML tùy chỉnh
  • Sử dụng create-react-app để khởi tạo một dự án React

Modern JavaScript

  • Phát triển bằng node.js và npm
  • Các phiên bản JavaScript
  • Làm việc với các mô-đun
  • Các hàm và hàm mũi tên
  • Các lớp
  • Lập trình hàm trong JavaScript (map, filter, ...)

TypeScript

  • Gõ tĩnh so với gõ động
  • Khai báo kiểu của biến, hàm và lớp
  • Các kiểu dữ liệu cơ bản
  • Bộ giá trị, đối tượng
  • Giao diện
  • Tổng quát

React ngôn ngữ mẫu

  • Ngôn ngữ mẫu dựa trên JavaScript: JSX
  • Đặt thuộc tính phần tử
  • Lặp lại các phần tử
  • if / else
  • Sự kiện
  • Các lớp và kiểu dáng CSS

Quản lý trạng thái trong React

  • Đặt và thay đổi trạng thái ứng dụng
  • Sử dụng hook trạng tháisetState
  • Lưu trữ nội dung của các phần tử đầu vào trong trạng thái

Các thành phần: Khối xây dựng của các ứng dụng web hiện đại

  • Định nghĩa các thẻ HTML tùy chỉnh trong React
  • Trạng thái, props & sự kiện
  • Lưu lượng dữ liệu giữa các thành phần
  • Các thành phần hàm và các thành phần lớp
  • Sử dụng hooks trong các thành phần hàm
  • Các sự kiện vòng đời của thành phần (mount, update, unmount)
  • Bao gồm các thành phần được xác định trước từ một thư viện

Quản lý trạng thái với Redux

  • Redux cơ bản: quản lý trạng thái với các hàm thuần túy, reducers và dữ liệu bất biến
  • Sử dụng hook reducer trong React
  • Tích hợp Redux vào một ứng dụng React
  • Các thành phần trình bày và các thành phần container
  • Hệ sinh thái Redux
  • Xử lý các sự kiện không đồng bộ với Thunk
  • Lấy dữ liệu từ REST API

Công cụ phát triển và kiểm thử

  • Công cụ phát triển React
  • Công cụ phát triển Redux
  • Kiểm thử JavaScript với Jest
  • Kiểm thử reducers
  • Kiểm thử các thành phần React

React Router

  • Định tuyến phía máy khách
  • Hiển thị các chế độ xem khác nhau dựa trên tuyến đường trình duyệt hiện tại

Phát triển ứng dụng với React

  • Tổng quan ngắn gọn về React Native
  • Tạo một ứng dụng di động và máy tính để bàn có thể cài đặt với Progressive Web Apps
  • So sánh Progressive Web Apps và ứng dụng gốc

Requirements

  • HTML kiến thức cơ bản
  • kinh nghiệm với JavaScript
 21 Hours

Number of participants


Price per participant

Testimonials (7)

Provisional Upcoming Courses (Require 5+ participants)

Related Categories