HomeCoursesJump Start with Vue 3

Updated 27 Aug

AI-powered learning

Save

Jump Start with Vue 3

Name: Jump Start with Vue 3
Price: 59 USD
Author: SitePoint

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

Created by SitePoint

What's included

48 lessons across 9 modules
6 quizzes with instant feedback
2 projects in preconfigured environments
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

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

48 Lessons1 Project6 Quizzes

Vue 3 Overview

Get familiar with Vue.js fundamentals, its component-based architecture, and the advancements in Vue 3.

Introduction to the Course

Vue.js: The Basics

Unpack the core of Vue 3's fundamentals, templates, directives, methods, and a simple to-do app.

Vue 3 Fundamentals: Setup, Instances, and Reactive Data

Templates and Dynamic Interpolations

Template Syntax: Directives

Methods and Computed Properties

Quiz: Vue Basics

Challenge: Create a Simple To-Do List App

Components

8 Lessons

Work your way through Vue 3 components, lifecycle methods, props, slots, and event handling.

The Composition API

6 Lessons

Enhance your skills in mastering Vue 3's Composition API with practical state management and reactivity.

Routing

6 Lessons

Take a closer look at routing enhancements in Vue, including dynamic routes, navigation, and navigation guards.

State Management

6 Lessons

Follow the process of managing state in Vue applications using Vuex for consistency and efficiency.

Nuxt.js

6 Lessons

Master Nuxt.js for efficient server-side rendering, routing, and blog application development.

Staff Navigator App

Project

Wrapping Up

Get familiar with Vue 3 essentials and start your first real project confidently.

Concluding Remarks

Appendix

8 Lessons

Walk through installation and configuration processes in Vue, Nuxt, Vuex, and Vue Router.

Authentication With Vue.js Using Auth0

Project

Premium

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE 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.

Learn more about SitePoint

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

Course

Hands-on Vue.js: Build a fully functional SPA

Gain insights into developing intermediate-level SPAs with Vue.js. Learn about directives, renderers, user input handlers and components. Delve into creating a functional SPA with backend interaction.

8 h 30 m

beginner

Course

Advanced VueJS: Build Better Applications Efficiently

Gain insights into advanced VueJS features like lifecycle hooks, event handling, and custom plugins while building complex applications with Vuex. Delve into internationalization and reusable code libraries.

17 h

intermediate

Course

Testing Vue.js Components with Jest

Gain insights into testing Vue.js applications using Jest. Delve into creating unit tests and build intricate tests for Vue components to ensure your app functions flawlessly.

7 h

advanced

Course

JavaScript in Practice: Getting Started

Delve into practical JavaScript skills, from basic concepts to integration with HTML/CSS, and discover its history and evolution in software development through hands-on exercises.

6 h

beginner

Course

JavaScript Promises

Gain insights into JavaScript Promises to handle asynchronous events, chain multiple promises, utilize built-in methods, and master async functions with await expressions for efficient event handling.

12 h

intermediate

Course

Vue - The Road to Enterprise

Gain insights into advanced practices for Vue. Discover migration techniques to Vue 3, project configuration, API layer creation, performance optimization, security, and testing best practices.

40 h

intermediate

Course

Hands-on Vue.js: Build a fully functional SPA

beginner

8 hour 30 min

Course

Advanced VueJS: Build Better Applications Efficiently

intermediate

17 hour

Course

Testing Vue.js Components with Jest