Đề 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ái và setState
- 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
Testimonials (7)
The details amout, way of explaning and the calm and confidence the trainer is inspiring.
Cosmin Ghergheles - Ness
Course - React, Redux and TypeScript
It covered the basic components
Valentin
Course - React, Redux and TypeScript
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Course - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Course - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Course - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Course - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.