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

Vite: The Complete Developer's Guide

Vite: Hướng Dẫn Toàn Diện Cho Nhà Phát Triển

Vite: Hướng Dẫn Toàn Diện Cho Nhà Phát Triển

Khóa học này sẽ hướng dẫn bạn mọi thứ cần thiết để xây dựng ứng dụng web bằng Vite

4.3
(587 đánh giá)
2,410 học viên
Giảng viên
James Charlesworth
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
10.000đ 349.000đ -97%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
1.5 giờ video
19 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: 30/05/2026

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

Xây dựng một ứng dụng web trong Vite sử dụng Typescript và React
Tạo và cấu hình một ứng dụng Vite mới với bất kỳ frontend framework nào
Biết cách lựa chọn sáng suốt giữa Webpack và Vite
Hiểu kiến trúc và nguyên lý cốt lõi của Vite

Yêu cầu

Thành thạo chạy lệnh terminal và sử dụng npm
Quen thuộc với Typescript
Quen thuộc với React
Hiểu biết cơ bản về CSS

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

Các nhà phát triển web frontend muốn sử dụng Vite để xây dựng ứng dụng web hiện đại với React

Nội dung khóa học

6 phần • 19 bài giảng
1 Tổng quan khóa học
2 Những gì bạn cần
3 Vite là gì?
4 Vite so với Webpack
1 Tạo một dự án Vite mới
2 Tổng quan dự án mới
3 Cấu hình Vite
4 Thực hành phát triển và HMR
5 Hỗ trợ Framework
1 Sử dụng Tài nguyên Tĩnh
2 Tạo Nhiều Route
3 Import Nâng cao
1 Sử dụng Tính năng CSS Hiện đại trong Vite
2 Thêm Nesting với PostCSS
1 Build cho Môi trường Production
2 Xuất bản lên Netlify
3 Biến Môi trường
1 Sử dụng & Tạo Plugin
2 Tổng kết khóa học

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

Vite is a fast and efficient JavaScript framework that has been designed to enhance the developer experience. This video course is a complete guide to Vite and will teach you how to use this powerful tool to create and deploy fast, responsive, and dynamic web applications.


In this course, you will learn how to use Vite to configure your project, import static assets, create dynamic imports, and add multiple routes.  You will also add styles to your app using native CSS modules, CSS variables, and the postcss nesting plugin for more legible selectors. Lastly, you will learn how to build your application for production and publish it as a static website to Netlify.

This course is designed for developers who want to learn how to use Vite to speed up their development experience. It is suitable for beginners who have some knowledge of TypeScript, CSS, and React. This course is also suitable for experienced developers who want to learn how to use Vite to create and deploy fast, responsive, and dynamic web applications.


Although you will be using React for the majority of this course, we will also touch on how to use Vite for both VueJS and Svelte applications.


Alongside instructional course videos you will also find fun quizzes to test your understanding of Vite as you progress through this course.

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 Build Tools
Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Javascript
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 😊