Learn the fundamentals of Vue JS (v3) through a project-based crash course. The course covers Vue CLI setup, component creation, event handling, data manipulation, routing, and production deployment. The teaching method includes hands-on projects and code-along sessions. This course is intended for beginners looking to quickly grasp Vue JS concepts and start building interactive web applications.
Overview
Syllabus
- Intro & Slides.
- User Generator Mini Project (CDN).
- Vue CLI Setup.
- Files, Dev Server & Cleanup.
- Global Styles.
- Header Component.
- Component Props.
- Button Component.
- Events.
- Task Data & created() Method.
- Tasks Component & v-for Loop.
- Single Task Component.
- Dynamic Classes.
- Emit Events (Delete Task).
- Toggle Reminder.
- AddTask Component & v-model.
- Toggle Form & Template Conditionals.
- Building For Production.
- JSON-Server Setup.
- Refactoring to Use The Backend.
- Implementing the Router.
- Restrict a Component to a Route.
Taught by
Traversy Media
