Download
Introduction to Vue.js 3 Course houses the workshop materials for an “Introduction to Vue.js” course created by Sarah Drasner, originally delivered on Frontend Masters. The content covers essential Vue.js concepts such as directives, data rendering, methods, watchers, computed properties, components, slots, and the Composition API (for Vue 3), complemented with example code and exercises. Since the course was updated for Vue 3, the repo includes directories for both Vue 2 and Vue 3 resources, enabling learners to explore both versions depending on their work context. Also included are build setups (Vue CLI, Nuxt) and additional sections on animation and advanced topics like custom directives, making it a full learning path rather than just a quick tutorial. The README lists slide sets, exercise folders, solution folders and recommended tooling so that learners can clone the repo and follow along in their own time.
Features
- Full workshop materials covering Vue.js basics and advanced topics (components, slots, Composition API)
- Separate resource folders for Vue 2 and Vue 3 so developers working on either version are supported
- Exercise folders and solution folders to enable hands-on practice and self-study
- Build examples using Vue CLI and Nuxt to show real-world application structure
- Slide decks and interactive materials for workshop use or self-paced learning
- Open-license (Creative Commons) materials that learners can reuse or fork for their own workshops
Project Samples
