Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

React + TypeScript: Essential Training

React + TypeScript: Khóa Học Cần Thiết

React + TypeScript: Khóa Học Cần Thiết

Phát Triển Web Hiện Đại: Làm Chủ Components, Form, Điều Hướng và Tích Hợp API với React và TypeScript

4.4
(83 đánh giá)
282 học viên
Giảng viên
Glenn Raya
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 399.000đ -87%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
8.5 giờ video
91 bài giảng
3 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 28/05/2026

Bạn sẽ học được gì

Nền Tảng Của React Với TypeScript
Tạo giao diện người dùng web hiện đại, tương thích và các ứng dụng web sử dụng React
Quản lý state trong React
Phản hồi hoặc gửi yêu cầu tới API back-end trong React
Phản hồi các sự kiện DOM trong React
Học cách sử dụng TypeScript trong một dự án React
Tạo và quản lý các component React
Sử dụng TailwindCSS Để Tạo Kiểu
Xây dựng ứng dụng web thực tế, sẵn sàng đưa vào sản xuất
Định nghĩa kiểu dữ liệu với TypeScript
Tạo và tương tác với form trong React
Xác thực form trong React
Xử lý lỗi và gỡ lỗi
Sử dụng thư viện NPM bên thứ ba để mở rộng chức năng của ứng dụng
Lưu trữ dữ liệu trong bộ nhớ local của trình duyệt
Triển khai ứng dụng React lên môi trường sản xuất (Vercel)
Triển khai ứng dụng React lên môi trường sản xuất (Máy chủ VPS tự quản lý)
Tạo Ứng Dụng Trang Đơn (SPA) trong React
Tạo Đường Dẫn Ứng Dụng Sử Dụng React Router

Yêu cầu

Khóa học này yêu cầu học viên có kiến thức cơ bản về HTML, CSS và JavaScript
Có kiến thức về TypeScript là một lợi thế, nhưng KHÔNG bắt buộc
Có kết nối internet ổn định để tạo dự án React mới và cài đặt các gói bên thứ ba
Máy tính Mac hoặc Windows (Laptop hoặc Desktop)

Đối tượng phù hợp

Khóa học này dành cho người mới bắt đầu trong lĩnh vực front-end, mong muốn học React như thư viện/framework JavaScript ưa thích của họ
Học viên muốn học cách tận dụng TypeScript trong các ứng dụng React
Dành cho người học mong muốn nhanh chóng nắm vững các nguyên lý cốt lõi của React, với mục tiêu bắt đầu phát triển ứng dụng React chỉ trong vài giờ học
Một nhà phát triển ReactJS mới bắt đầu muốn sử dụng TypeScript để giảm thiểu lỗi trong codebase

Nội dung khóa học

10 phần • 91 bài giảng
1 Chào mừng
2 Điều kiện tiên quyết
1 React là gì?
2 Thiết lập môi trường phát triển
3 Tạo ứng dụng React đầu tiên của bạn
4 Tổng quan về cấu trúc dự án
5 React Hoạt Động Như Thế Nào
1 Giới thiệu
2 Tạo Một React Component
3 React Fragments
4 Hiển thị danh sách dữ liệu
5 Hiển thị có điều kiện
6 Xử lý sự kiện DOM
7 Làm Việc Với Component State
8 Truyền dữ liệu qua Props
9 Truyền hàm qua Props
10 Sự khác biệt giữa Props và State
11 Truyền Children Cho Một Component
12 Giới thiệu về React Dev Tools
13 Props tùy chọn và thiết lập giá trị mặc định cho Props
14 Bài tập: Xây dựng Banner Cảnh báo - Dự án khởi đầu
15 Bài tập: Xây dựng Banner Cảnh báo - Lời giải!
1 Giới thiệu
2 Tạo kiểu với CSS thuần và tổ chức Stylesheets
3 Khắc phục xung đột kiểu với CSS Modules
4 Áp dụng Inline CSS
5 Styled Components trong React
6 Sử dụng CSS Frameworks
7 React Icons và Các Tài Nguyên Khác
8 Bài tập - Tạo kiểu cho Thẻ (Cards)
1 Giới thiệu
2 Hiểu về State Hook
3 Cấu trúc State
4 Pure Components
5 React Strict Mode
6 Làm việc với State - Cập nhật Object
7 Bài viết: Toán tử Spread trong JavaScript
8 Làm việc với State - Cập nhật Object Lồng Nhau
9 Làm việc với State - Cập nhật Array
10 Làm việc với State - Cập nhật Array of Objects
11 Chia sẻ State với các Component khác
12 Trích xuất Interface Props
13 Sử dụng Immer Để Đơn Giản Hóa Cập Nhật State
14 Bài tập - Cập nhật Object, Object Lồng Nhau, Array
1 Giới thiệu
2 Xây dựng Form và Xử lý Gửi Form
3 Truy cập các trường nhập liệu của Form
4 Sử dụng State Hook để Xử lý Các Trường Nhập Liệu
5 Xây dựng Form Nhanh Chóng Sử Dụng React Hook Form
6 Xác thực dữ liệu nhập trong Form
7 Xác thực dựa trên Schema Sử Dụng Zod
8 Kích hoạt các điều khiển Form khi đã xác thực
9 Bài tập - Xác thực Form Đăng nhập
1 Xem trước - Ứng Dụng Nhật Ký
2 Dựng khung ứng dụng, Thiết lập TailwindCSS Auto-Class Sorting
3 Xây dựng Tab Component (DaisyUI Tab Component)
4 Xây dựng Form Thêm Mục Nhật Ký Sử Dụng DaisyUI Components
5 Thêm xác thực đầu vào cho Form Nhật Ký
6 Lưu Mục Nhật Ký vào LocalStorage
7 Hiển thị Hộp thoại Thành công Sau Khi Đăng (Publish)
8 Hiển thị các Mục Nhật Ký dưới dạng Lưới
9 Cải thiện Trải nghiệm Người dùng Danh sách Nhật ký và Sử dụng Phông chữ Tùy chỉnh
10 Xem Mục Nhật Ký - Phần 1
11 Xem Mục Nhật Ký - Phần 2
12 Xóa Mục Nhật Ký
1 Giới thiệu
2 Cài đặt và Thiết lập React Router
3 Xây dựng Điều hướng Router
4 Tham số Đường dẫn
5 Quản lý Document Head, Title và Meta Tags
6 Sử dụng React Helmet Cho Document Head
1 Giới thiệu
2 Hiểu về Effect Hook
3 Các Dependency của useEffect
4 Dọn dẹp useEffect
5 Lấy Dữ Liệu Từ API Từ Xa
6 Hiểu về HTTP Requests
7 Xử lý lỗi
8 Async và Await
9 Hủy Một HTTP Request
10 Hiển thị Trình tải Trang
11 Xóa Dữ liệu với HTTP DELETE Request
12 Tạo Dữ liệu với POST Request
13 Cập nhật Dữ liệu với PATCH Request
14 Tạo Một API Client Có Thể Tái Sử Dụng
15 Tạo Một User Service
16 Tạo Một Global HTTP Service
17 Tạo Một Custom Hook Để Lấy Dữ Liệu
1 Giới thiệu
2 Triển khai lên Vercel
3 Triển khai lên Máy chủ VPS Với Triển khai Tự động qua Github Actions

Giới thiệu khóa học

ReactJS + TypeScript: Essential Training is your beginner-friendly entrance into the exciting world of web development, specifically tailored to make learning React with TypeScript approachable and fun. This course is crafted to guide beginners through the essentials of building dynamic web applications, ensuring a gentle learning curve without overwhelming technical jargon.

Starting with React, the heart of this course, you'll dive into creating components—the fundamental elements that bring your web applications to life. We place a strong emphasis on practical skills, such as managing component states, which is crucial for creating responsive and interactive user experiences. You'll also master the art of building forms in React, a vital skill for gathering user input and feedback.

Navigation within your application won't be a mystery for long; with React Router, you'll effortlessly add navigation and routing capabilities, significantly enhancing the user experience. Connecting your application to backend APIs will open up a new world of possibilities, allowing your applications to interact with external data and services.

Deploying your application might seem daunting, but we'll walk you through the process step-by-step, ensuring you're ready to launch your project with confidence. When it comes to TypeScript, we introduce its fundamentals in a straightforward, easy-to-understand manner, highlighting how it can make your development process more efficient and your applications more reliable.

By the end of this course, you'll have a solid foundation in React with TypeScript, equipped with the skills to embark on your development projects. ReactJS + TypeScript: Essential Training is not just a course; it's your first step into a broader world of web development, ready to open doors to endless possibilities.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Typescript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊