Create Amazing Vue Apps with Javascript

Course Curriculum

Chapter 1: 00 Vue Overview

Lecture 1: 01 What Is Vue

Lecture 2: 02 What You'll Learn

Lecture 3: 03 Vue Alternatives

Lecture 4: 04 How To Use Vue

Lecture 5: 05 Build View Apps On The Web

Lecture 6: Source Code

Chapter 2: (Prerequisites) Learn HTML, CSS and JavaScript

Lecture 1: 01. Course Requirements

Lecture 2: 02. HTML, CSS and JavaScript crash course

Lecture 3: 03. Adding in Functions

Lecture 4: 04. Scaling functions

Lecture 5: 05. Changing the Text in JavaScript

Lecture 6: 06. Variables

Lecture 7: 07. Arrays

Lecture 8: 08. Objects

Lecture 9: 09. Variable Scope

Lecture 10: 10. Adding user input text

Lecture 11: 11. Calling Functions

Lecture 12: 12. If Statements

Lecture 13: 13. Else if and Else Statements

Lecture 14: 14. Changing the style with JavaScript

Lecture 15: 15. Thanks for watching here is a fantastic deal for you!

Chapter 3: 01 Application and Components

Lecture 1: 01 Make A Vue App Instance

Lecture 2: 02 Start Rendering With The Root Component

Lecture 3: 03 Component Properties

Lecture 4: 04 Add Code At Lifecycle Stages

Lecture 5: Source Code

Chapter 4: 02 DOM Interaction with Vue

Lecture 1: 01 Build Your First Vue.js App

Lecture 2: 02 Build A Timer (render Data To The DOM)

Lecture 3: 03 Build Reactive Behavior With A Directive

Lecture 4: 04 Enable User Interaction With Vue.js

Lecture 5: 05 Enable User Input With Vue

Lecture 6: 06 Hide Or Show With Conditionals

Lecture 7: 07 Build A List With Vue

Lecture 8: Source Code

Chapter 5: 03 Data and Methods

Lecture 1: 01 Interpolate Text And HTML

Lecture 2: 02 Data Properties

Lecture 3: 03 Methods

Lecture 4: 04 Debounce With Lodash

Lecture 5: Source Code

Chapter 6: 04 Build Loops With Vue

Lecture 1: 01 Loop Through A Range

Lecture 2: 02 Loop Through Array

Lecture 3: 03 Loop Through Array With Index

Lecture 4: 04 Loop Through Object

Lecture 5: 05 Loop Through Object And Key

Lecture 6: 06 Loop Through Object Key And Index

Lecture 7: Source Code

Chapter 7: 05 Build A Form With Vue

Lecture 1: 01 Build An Input Field

Lecture 2: 02 Build A Textarea

Lecture 3: 03 Build A Dropdown Menu

Lecture 4: 04 Build Checkboxes

Lecture 5: 05 Build Radio Buttons

Lecture 6: Source Code

Chapter 8: 06 Build with Components

Lecture 1: 01 Build A Component

Lecture 2: 02 Reuse A Component

Lecture 3: 03 Use Component Props

Lecture 4: 04 Emit An Event

Lecture 5: 05 Build A Slot

Lecture 6: 06 Build A Dynamic Component

Lecture 7: 07 Build A Dynamic Component With Binding

Lecture 8: Source Code

Chapter 9: 06b Build A Landing Page With Vue

Lecture 1: 01 Set Up The Vue Data

Lecture 2: 02 Connect The HTML

Lecture 3: 03 Build Components

Lecture 4: 04 Style The Landing Page

Lecture 5: Source Code

Chapter 10: 07 Build With Custom Directives

Lecture 1: 01 Build A Custom Directive

Lecture 2: 02 Build A Custom Directive With Arguments

Lecture 3: 03 Build Dynamic Arguments

Lecture 4: 04 Build Dynamic Arguments And Dynamic Binding

Lecture 5: Source Code

Chapter 11: 08 Build An Interactive To Do List

Lecture 1: 01 Set Up An Interactive To Do List

Lecture 2: 02 Add A New Task

Lecture 3: 03 Connect The DOM

Lecture 4: Source Code

Chapter 12: 09 Build A Database Website With Vue

Lecture 1: 01 Set Up Data

Lecture 2: 02 Build A Database Component

Lecture 3: 03 Add Helper Vue Methods

Lecture 4: 04 Build A Table

Lecture 5: 05 Connect The DOM

Lecture 6: 06 Style The Website

Lecture 7: Source Code