Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Vue | Vue Js Web Development Course with Real Vuejs Projects
Installing With Vue.js in CDN
Installing with CDN-1 (2:53)
Installing with CDN-2 (2:44)
Introduction to Vue.js
What is this package.json (1:52)
Vue.js with CLI (2:40)
Using Classes in Vue.js (2:20)
Style First Look (1:09)
Variables (1:51)
Quiz
Vue.js DOM Operations
What is this template? (1:18)
File structure in vue.js (2:33)
What is this Script? (1:59)
What is this Style? (2:01)
String Interpolation (2:02)
Attribute Binding (4:18)
What Is Directive (1:43)
Event Handling (2:35)
Get Event Data (1:45)
Sending Parameters to Events (1:25)
Event Modifier (5:18)
How to Write JavaScript Inside a Template (2:03)
Two Way Data Binding (2:02)
Quiz
Vue.js Directives
v-text (0:44)
v-html (1:57)
v-once (2:01)
v-show (2:59)
5-v-if & v-else & v-else-if (3:41)
v-for (2:36)
v-model (0:53)
v-on (1:22)
v-pre (1:37)
Quiz
Style In Vue.js
Inline Style (2:09)
Dynamic Class (4:58)
Quiz
Lists & Conditional Statements
Rendering List (1:15)
Using Conditional Expressions in Lists (1:43)
Sending Data in List to Functions (1:01)
Deleting an Item From a List (1:27)
Object Rendering (1:25)
Quiz
Component Creation and Props
More Component (2:28)
Component (4:25)
Global Component (3:24)
Data Transfer With Props (4:35)
Props Validation 1 (3:17)
Props Validation 2 (5:59)
Props Validation 3 (4:30)
Custom Title (3:45)
Using Props in Functions (5:05)
Ensure Data Flow From Down to Up (4:48)
Sending Data With Provide Inject Method (2:57)
Component(Example Application) (12:08)
Quiz
Slot
Named Slot (4:06)
Slot (6:50)
Named Slot Example (4:03)
Quiz
Dynamic Component
Keep Alive (2:24)
Dynamic Components (9:21)
Activated & Deactivated (2:36)
Quiz
Teleport
Teleport (4:42)
Vue.js LifeCycles
beforeCreate & created (2:06)
What is This LifeCycles (1:59)
beforeMount & mounted (3:23)
beforeUpdate & updated (3:59)
beforeUnmount & unmounted (3:19)
Quiz
Refs & Computed & Watch
Multiple Refs (2:18)
Ref (2:53)
Computed (5:06)
Watch (3:16)
Quiz
Application_TodoApp
Project Presentation (0:56)
Template Structure Creation and Styling (10:47)
Creating Button Functions (6:18)
Finishing the Project (4:40)
Working with Form Elements
Textarea & Button (2:09)
Inputs (3:56)
Select (1:57)
Checkbox & Radio (4:01)
Custom File Input (3:17)
User Input Bind (1:58)
Dynamic Select Option (4:56)
Dynamic Checkbox Bind (3:00)
File Bind & Dynamic Radio Bind (6:10)
Form Submit (2:14)
Let's Bind v-model to Our Own Component (2:48)
Simple Form Validation (5:37)
Dynamic Input Bind (5:21)
Quiz
Vue.js Async Component
Async Component (8:24)
Mixin
What is this mixin? (2:56)
Let's Create a mixin. (3:19)
Global Mixin (1:12)
Quiz
$nextTick
nextTick (4:24)
HTTP Operations
Fetch With Get Request (2:26)
Creating a List Design (3:54)
Component Creation (5:01)
Render a List (5:16)
Loading (4:37)
Error (3:58)
Post Creation (10:00)
Delete Post (4:28)
Axios (4:50)
Quiz
Application_NasaPhoto
App Introduction and API Key (0:42)
WelcomeScreen & API key (4:53)
WelcomeScreen & API key 2 (3:14)
Show WelcomeScreen (1:21)
Input (4:03)
List (5:01)
Loading (3:09)
Rendering & Styling Cards (9:10)
Final Look at The Project (0:44)
Routing
Routing (3:50)
Plugin (1:11)
Creating a Router (1:38)
router-link & router-view (2:39)
Router Link Active Class (1:01)
Router View Grid Example (2:12)
Routing With Code (1:54)
Params & Route Sensitive (3:33)
Query & Params (3:57)
notFound Page (2:25)
Route Parameter Checks (2:49)
Nested Routers (7:21)
Named Router View (6:24)
Redirect & Alias (3:59)
Scroll Behavior (5:36)
Adding, Deleting and Listing Dynamic Routers (3:28)
Lazy Load Routers (2:21)
Router Meta (1:08)
Router Meta Example (2:02)
Router Guard (6:19)
Global Router Guard (3:44)
Let's Create a Router Layout (9:18)
Quiz
Composition API
Setup & Ref (6:33)
Composition API (2:36)
Reactive (5:50)
isRef & isReactive & toRef (3:58)
Component Defination (1:17)
Props (3:50)
Emits (1:46)
Refs (1:26)
Computed (2:11)
Watch (3:16)
Custom Directive (0:58)
Hooks (3:16)
More Custom Hooks (4:39)
LifeCycles Hooks (1:39)
Vue Router (8:49)
Quiz
Shopping-App
App Introduction & Fake Store API (0:57)
Project Setup (4:06)
Header (4:09)
HomeView (6:38)
ShopContext (8:32)
Product Card (7:11)
ProductDetailView (5:56)
Category Fetch & Product Fetch (8:34)
Specific Data Fetch (9:05)
Shopping Card (6:13)
router-link & router-view
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock