Vue.js Tutorial - Beginner to Front-End Developer

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.

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