Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Vue.js Tutorial - Beginner to Front-End Developer

Envato Tuts+ via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner course teaches Vue 3 for front-end application development, progressing from components, data binding, and events to forms, reactive data, Vue Router, and the Composition API. Learners build dynamic applications while practicing data loading, validation, filtering, and CRUD functionality.

Syllabus

1.1 Introduction
2.1 Getting Started With Vue
2.2 Using Loops to Generate Content
2.3 Binding Data to Attributes
2.4 Setting Up Events
2.5 Binding CSS Classes I
2.6 Using Computed Properties
2.7 Binding CSS Classes II
2.8 Introducing Components
2.9 Understanding Data Flow
3.1 Getting Started With the Vue CLI
3.2 Starting a Project From Scratch
3.3 Applying CSS to Components
4.1 Using the created Lifecycle Event to Load Data
4.2 Working With Unset Props
4.3 Deciding When to Load Data
4.4 Working With Forms
4.5 Validating Forms
4.6 Updating and Filtering Data
4.7 Using Watchers
5.1 Creating Custom Events
5.2 Writing a Global Event Bus
6.1 Introducing Vue Router
6.2 Using Route Params
6.3 Loading Data for Views
6.4 Watching Params to Reload Data
6.5 Using the Router's Active Class
6.6 Nesting Routes
7.1 Introducing the Composition API
7.2 Providing and Injecting Dependencies Into Components
7.3 Accessing Props and Router Functions
7.4 Binding Data and Working Wth Forms
7.5 Defining Computed and Watched Values
7.6 Implementing the Delete Functionality
8.1 Conclusion

Taught by

Envato Tuts+

Reviews

5.0 rating, based on 1 Class Central review

Start your review of Vue.js Tutorial - Beginner to Front-End Developer

  • Well, I have to admit that I only managed to complete this course on my second try. It took me a book and even setting up a small simple personal web project to understand what Vue.js is and how it works before I was able to complete this course. It…

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.