Gain insights into Vue 3’s enhanced reactivity and Composition API. Explore fundamental concepts, components, routing, and TypeScript integration to craft scalable, maintainable web applications.
4.8
48 Lessons
2 Projects
16h
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- An understanding of Vue instance, template syntax, interpolations, methods, computed properties, and directives
- Proficiency in using Vue components, custom components, component options, and component lifecycle
- Working knowledge of routes, navigation, and navigation guards in Vue
- Proficiency in Vuex state management: state, getters, mutations, and actions
- Hands-on experience with Nuxt.js like Nuxt component options, assets, store, middleware, and plugins
Learning Roadmap
2.
Vue.js: The Basics
Vue.js: The Basics
Unpack the core of Vue 3's fundamentals, templates, directives, methods, and a simple to-do app.
3.
Components
Components
8 Lessons
8 Lessons
Work your way through Vue 3 components, lifecycle methods, props, slots, and event handling.
4.
The Composition API
The Composition API
6 Lessons
6 Lessons
Enhance your skills in mastering Vue 3's Composition API with practical state management and reactivity.
5.
Routing
Routing
6 Lessons
6 Lessons
Take a closer look at routing enhancements in Vue, including dynamic routes, navigation, and navigation guards.
6.
State Management
State Management
6 Lessons
6 Lessons
Follow the process of managing state in Vue applications using Vuex for consistency and efficiency.
7.
Nuxt.js
Nuxt.js
6 Lessons
6 Lessons
Master Nuxt.js for efficient server-side rendering, routing, and blog application development.
9.
Appendix
Appendix
8 Lessons
8 Lessons
Walk through installation and configuration processes in Vue, Nuxt, Vuex, and Vue Router.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
Vue 3 brings forth an improved reactivity system, introduces the Composition API for organizing component logic in a modular fashion, enhances performance with a fresh virtual DOM and offers enhanced TypeScript integration. These enhancements position Vue 3 as an appealing option for constructing contemporary, scalable, and easily maintainable web applications.
In this course, you’ll cover the fundamental concepts of Vue 3. You’ll start with learning the fundamentals of Vue.js, such as Vue instance, template syntax, interpolations, methods, computed properties and directives. Next, you’ll learn how to use the Vue components, custom components, component options, component lifecycle, prop validation, and named and scoped slots. You’ll also learn how to use routes, navigation and navigation guards in Vue.
After taking this course, you’ll have a solid understanding of Vue and you’ll be able to create more scalable, maintainable, and testable Vue-based applications that can handle complex states and data.
ABOUT THE AUTHOR
SitePoint
Become a better developer. Build a better web. Teaching web development and design since 1999. Trusted by millions every month.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
