Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn Vue.js - The Progressive JavaScript Framework
Introduction to Vue.js
Introduction (2:29)
Installing via NPM and CLI (11:06)
Installing & Making use of the Standalone version (1:54)
Code Download
Fundamentals of Vue - Exploring Directives, Templates & More...
Components (3:19)
Creating Components in CLI based project (4:32)
Rendering HTML content in components (1:19)
Binding Element Attributes (1:20)
Using Vue Developer Tool (2:44)
Conditionals and Loops (2:47)
Handling User Input (2:41)
Handling Key Events (2:42)
Applying classes and styles using Vue (3:22)
The Show & Else Directives (1:37)
Introducing Properties (3:01)
Vue Life Cycle (2:36)
Implementing Life Cycle events (1:17)
Using JavaScript Expressions (1:32)
Filters, Shorthands & Modifiers (5:23)
Computed Properties (2:50)
Difference between Computed Properties & Methods (2:56)
Watchers in Vue (2:30)
Computed Properties vs Watchers (3:51)
Getter & Setter in Computed Properties (3:03)
Displaying Filtered/Sorted Data (3:09)
Form Input Bindings
Introduction to Form Binding - v-model directive (2:45)
Value Binding (5:49)
Modifiers (2:03)
Exploring Properties
Brief Overview of Properties (1:38)
Dynamic Properties (2:02)
Literal Vs Dynamic (1:54)
One way data flow (1:58)
Property Validation (3:19)
Custom Events
v-on - establishing communication between parent and child component (1:47)
v-on - establishing communication between parent and child component - Demo (4:42)
Form Component Custom Events - v-model (4:41)
Non Parent - Child communication (3:03)
Exploring Components
Content Distribution Slot - Single Slot (5:21)
Content Distribution Slot - Scoped Slot (3:10)
Content Distribution Slot - Named Slot (3:05)
Dynamic Components (3:18)
Child-Component-Refs (2:47)
inline-template & x-template (3:38)
Static Components - v-once (1:13)
Async Components (5:06)
Transition Effects
Transitioning Single Element/Components (4:14)
Understanding Transition Classes (2:54)
CSS Transition (1:55)
CSS Animations (1:47)
Using Transitions and Animations Together (1:31)
javascript-hooks (3:06)
Transitioning Between Elements (1:54)
Transitioning Between Components (1:25)
New Lecture
Project - Todo Application using Vue.js & Vuex
Introduction (0:24)
Setting up our Todo Project (2:48)
Introduction to Vuex Store (3:01)
Completing our Store (4:19)
Creating Get Todo Component (3:59)
Registering our Component (0:57)
Creating Current Todo Component (3:48)
Creating our Completed Todo Component (2:53)
Code Download
Understanding Routing in Vue.js
Understanding how Routing works in Vue (5:43)
Conclusion & Code Download
Code Download - Vue Fundamentals (0:33)
v-on - establishing communication between parent and child component - Demo
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock