Vue JS Crash Course

Dive into a comprehensive crash course on Vue.js (v3) fundamentals through hands-on projects. Begin with a User Generator mini-project using CDN, then progress to Vue CLI setup, component creation, and state management. Explore key concepts like props, events, dynamic classes, and form handling. Learn to build for production, set up a JSON server, refactor for backend integration, and implement routing. Create a Task Tracker application and a Random User Generator while mastering Vue.js essentials. Access additional resources, including GitHub repositories and CodePen examples, to further enhance your learning experience.

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.