Đề cương khóa học
Phát triển các ứng dụng front-end hiện đại
- Tổng quan và sự tương đồng giữa React, Angular, Vue.js
- Hình ảnh khai báo (Declarative rendering)
- Components - Định nghĩa các thẻ HTML tùy chỉnh
- Sử dụng create-react-app để khởi tạo dự án React
JavaScript hiện đại
- Phát triển sử dụng node.js và npm
- Các phiên bản JavaScript
- Làm việc với module
- Hàm và arrow functions
- Lớp (Classes)
- Lập trình hàm trong JavaScript (map, filter, ...)
TypeScript
- Khoá loại tĩnh so với động (Static vs dynamic typing)
- Khai báo kiểu cho biến, hàm và lớp
- Các kiểu dữ liệu cơ bản
- Tuples, đối tượng
- Giao diện (Interfaces)
- Generics
Ngôn ngữ template của React
- Ngôn ngữ template dựa trên JavaScript: JSX
- Cài đặt thuộc tính cho phần tử
- Lặp phần tử
- If / else
- Sự kiện
- Lớp CSS và kiểu (styles)
Quản lý trạng thái trong React
- Đặt và thay đổi trạng thái ứng dụng
- Sử dụng state hook và setState
- Thu thập nội dung của các phần tử nhập liệu vào trạng thái
Components: 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
- State, props & events
- Dòng chảy dữ liệu giữa các component
- Function components và Class components
- Sử dụng hooks trong function components
- Các sự kiện vòng đời của component (mount, update, unmount)
- Nạp các component có sẵn từ thư viện
Quản lý trạng thái với Redux
- Nền tảng Redux: quản lý trạng thái với hàm thuần, reducers và dữ liệu bất biến
- Sử dụng reducer hook trong React
- Tích hợp Redux vào ứng dụng React
- Components trình bày (presentational) và container
- Hệ sinh thái Redux
- Xử lý sự kiện bất đồ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 (React developer tools)
- Công cụ phát triển Redux (Redux developer tools)
- Kiểm thử JavaScript với Jest
- Kiểm thử reducers
- Kiểm thử các component React
React Router
- Định tuyến phía client
- Hiển thị các giao diện khác nhau dựa trên route 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 ứng dụng mobile và desktop có thể cài đặt bằng Progressive Web Apps
- So sánh Progressive Web Apps và ứng dụng native
Yêu cầu
- Nền tảng HTML
- Kinh nghiệm làm việc với JavaScript
Đánh giá (7)
Thật sự rất tốt khi cuối cùng đã có được sự hiểu biết vững chắc về một số khái niệm cốt lõi trong React, đặc biệt là các phần như state và hooks. Łukasz đã đưa ra những giải thích rất rõ ràng về những khái niệm này và sẵn lòng thử nghiệm với các ví dụ thực hành để giúp làm rõ hơn những câu hỏi mà chúng tôi còn băn khoăn.
Hayden Pike - Powerlink Queensland
Khóa học - React, Redux and TypeScript
Dịch thuật bằng máy
Chi tiết, cách giải thích và sự bình tĩnh, tự tin mà người hướng dẫn truyền cảm hứng.
Cosmin Ghergheles - Ness
Khóa học - React, Redux and TypeScript
Dịch thuật bằng máy
Nó đề cập đến các thành phần cơ bản
Valentin
Khóa học - React, Redux and TypeScript
Dịch thuật bằng máy
Sự nhiệt tình của Lukasz.
Eloise Phelps - Dunelm
Khóa học - React, Redux and TypeScript
Dịch thuật bằng máy
Luke đã nỗ lực rất tốt để hỗ trợ từng người khi họ gặp khó khăn trong việc chạy mã. Luke cực kỳ thân thiện và hòa đồng với các học viên tham gia khóa học.
Jonathan Grout - Dunelm
Khóa học - React, Redux and TypeScript
Dịch thuật bằng máy
Sự tương tác của giảng viên với tất cả học viên rất tốt, mọi người đều nhận được sự hỗ trợ ở một số giai đoạn của khóa học. Đó là trải nghiệm tuyệt vời, đặc biệt đối với những người chưa quen thuộc với chủ đề này.
Tayyab Ejaz Mushtaq - Dunelm
Khóa học - React, Redux and TypeScript
Dịch thuật bằng máy
Tôi thích cảm giác được làm việc trong một môi trường an toàn và không bị áp lực khi chia sẻ màn hình cũng như những khó khăn của mình với người hướng dẫn hoặc nhóm.
Wanda Hawkins-Kavanagh - Dunelm
Khóa học - React, Redux and TypeScript
Dịch thuật bằng máy
