Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Vite: The Complete Developer's Guide
Rating: 4.0 out of 5(611 ratings)
2,501 students

Vite: The Complete Developer's Guide

This course will show you everything you need to be able to build web applications in Vite
Last updated 3/2023
English

What you'll learn

  • Build a web application in Vite using Typescript and React
  • Create and configure a new Vite application in any frontend framework
  • Be able to make an informed choice between Webpack and Vite
  • Understand the architecture and fundamentals of Vite

Course content

6 sections19 lectures1h 27m total length
  • Course Overview2:06
  • What You Need3:08
  • What is Vite?2:34
  • Vite vs Webpack2:52
  • Test Your Knowledge

Requirements

  • Comfortable running terminal commands and using npm
  • Familiarity with Typescript
  • Familiarity with React
  • Basic understanding of CSS

Description

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.

Who this course is for:

  • Frontend web developers who are interested in using Vite to build modern web applications in React