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

Learn the fundamentals of Vue 3 in this comprehensive 4-hour tutorial. Start with building simple Vue components and progress to mastering core features like data binding, props, events, and computed properties. Explore practical projects using the Vue CLI, forms, watchers, and custom events. Dive into key concepts such as the Vue router and the Composition API. By the end, gain confidence in using Vue.js for front-end development projects. Cover topics including loops, attribute binding, CSS classes, lifecycle events, form validation, data filtering, custom events, route parameters, nested routes, and implementing CRUD functionality. Note that while the course uses vue-cli, current recommendations suggest using create-vue with Vite for new Vue projects.

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.