Vue.js Crash Course 2024

By Traversy Media | Free Course on YouTube

4.1

(0 ratings)

0 students enrolled

Q

Created by Qasrawii Academy

Last updated 3/2026 EN Beginner 462 min total

What you'll learn

Vue.js crash course by Brad Traversy covering components, directives, lifecycle methods, events, Composition API, and building a job listing application.

Course Content

7 sections • 66 lessons • 462m total length

Getting Started

10 lessons

Vue JS 3 Tutorial - 1 - Introduction Preview

6:00

Vue JS 3 Tutorial - 2 - Hello World Preview

9:00

Vue JS 3 Tutorial - 3 - Project Structure Preview

8:00

Vue JS 3 Tutorial - 4 - Single File Components

7:00

Vue JS 3 Tutorial - 5 - Binding Text

7:00

Vue JS 3 Tutorial - 6 - Binding HTML

4:00

Vue JS 3 Tutorial - 7 - Binding to Attributes

4:00

Vue JS 3 Tutorial - 8 - Binding Classes

11:00

Vue JS 3 Tutorial - 9 - Binding Styles

9:00

Vue JS 3 Tutorial - 10 - v-bind Shorthand

2:00

Fundamentals

10 lessons

Vue JS 3 Tutorial - 11 - Conditional Rendering (Part 1)

8:00

Vue JS 3 Tutorial - 12 - Conditional Rendering (Part 2)

4:00

Vue JS 3 Tutorial - 13 - List Rendering

13:00

Vue JS 3 Tutorial - 14 - Lists and Keys

6:00

Vue JS 3 Tutorial - 15 - Conditional List Rendering

4:00

Vue JS 3 Tutorial - 16 - Methods

7:00

Vue JS 3 Tutorial - 17 - Event Handling (Part 1)

7:00

Vue JS 3 Tutorial - 18 - Event Handling (Part 2)

6:00

Vue JS 3 Tutorial - 19 - Form Handling (Part 1)

14:00

Vue JS 3 Tutorial - 20 - Form Handling (Part 2)

11:00

Core Concepts

10 lessons

Vue JS 3 Tutorial - 21 - Modifiers

9:00

Vue JS 3 Tutorial - 22 - Bonus Directives

4:00

Vue JS 3 Tutoial - 23 - Computed Properties

8:00

Vue JS 3 Tutorial - 24 - Computed Properties vs Methods

5:00

Vue JS 3 Tutorial - 25 - Computed Properties and v-for

4:00

Vue JS 3 Tutorial - 26 - Computed Setter

5:00

Vue JS 3 Tutorial - 27 - Watchers

9:00

Vue JS 3 Tutorial - 28 - Immediate and Deep Watchers

9:00

Vue JS 3 Tutorial - 29 - Components

9:00

Vue JS 3 Tutorial - 30 - Component Props

7:00

Intermediate Topics

10 lessons

Vue JS 3 Tutorial - 31 - Prop Types and Validations

9:00

Vue JS 3 Tutorial - 32 - Non Prop Attributes

5:00

Vue JS 3 Tutorial - 33 - Provide and Inject

9:00

Vue JS 3 Tutorial - 34 - Component Events

9:00

Vue JS 3 Tutorial - 35 - Validating Emitted Events

5:00

Vue JS 3 Tutorial - 36 - Components and v-model

7:00

Vue JS 3 Tutorial - 37 - Slots

7:00

Vue JS 3 Tutorial - 38 - Named Slots

6:00

Vue JS 3 Tutorial - 39 - Slots Props

8:00

Vue JS 3 Tutorial - 40 - Component Styles

8:00

Advanced Concepts

10 lessons

Vue JS 3 Tutorial - 41 - Dynamic Components

7:00

Vue JS 3 Tutorial - 42 - Keeping Dynamic Components Alive

3:00

Vue JS 3 Tutorial - 43 - Teleport Component

10:00

Vue JS 3 Tutorial - 44 - HTTP and Vue

3:00

Vue JS 3 Tutorial - 45 - HTTP GET Request

8:00

Vue JS 3 Tutorial - 46 - HTTP POST Request

7:00

Vue JS 3 Tutorial - 47 - Lifecycle Hooks

12:00

Vue JS 3 Tutorial - 48 - GET Request on Page Load

2:00

Vue JS 3 Tutorial - 49 - Template Refs

6:00

Vue JS 3 Tutorial - 50 - Reusability with Mixins

9:00

Projects & Practice

10 lessons

Vue JS 3 Tutorial - 51 - Composition API

4:00

Vue JS 3 Tutorial - 52 - Replacing data with ref

7:00

Vue JS 3 Tutorial - 53 - Replacing data with reactive

8:00

Vue JS 3 Tutorial - 54 - Reactivity and toRefs

9:00

Vue JS 3 Tutorial - 55 - Replacing methods

6:00

Vue JS 3 Tutorial - 56 - v-model and Composition API

5:00

Vue JS 3 Tutorial - 57 - Replacing Computed Properties

7:00

Vue JS 3 Tutorial - 58 - Replacing Watchers (Part 1)

8:00

Vue JS 3 Tutorial - 59 - Replacing Watchers (Part 2)

10:00

Vue JS 3 Tutorial - 60 - Replacing Provide/Inject

11:00

Deep Dive

6 lessons

Vue JS 3 Tutorial - 61 - Replacing Lifecycle Hooks

3:00

Vue JS 3 Tutorial - 62 - Template Refs and Composition API

4:00

Vue JS 3 Tutorial - 63 - Props and Composition API

6:00

Vue JS 3 Tutorial - 64 - Custom Events and Composition API

5:00

Vue JS 3 Tutorial - 65 - Reusability with Composition API

9:00

Vue JS 3 Tutorial - 66 - Deploying Vue Applications

4:00

Description

Vue.js crash course by Brad Traversy covering components, directives, lifecycle methods, events, Composition API, and building a job listing application.

Original course by Traversy Media. Curated and organized for optimal learning on Qasrawii LMS.

Requirements

A computer with internet access
Willingness to learn

Student Reviews

No reviews yet. Be the first to share your experience!

Preview this course

Free Open Access

This course includes:

66 lessons

462 minutes of content

Beginner level

EN

Full lifetime access

Certificate of completion