Learn Vue.js - The Progressive JavaScript Framework
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Vue.js - The Progressive JavaScript Framework to your Wishlist.

Add to Wishlist

Learn Vue.js - The Progressive JavaScript Framework

Vue.js from the ground up
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Last updated 3/2017
English
Curiosity Sale
Current price: $10 Original price: $80 Discount: 88% off
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 3 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Understand the fundamentals of Vue.js
  • Create Web Applications using Vue Framework
View Curriculum
Requirements
  • HTML
  • CSS
  • Basics of JavaScript
Description

This course covers the latest Vue.js version 2.0 from the ground up. 

We learn the fundamentals of Vue first and then dive into project development to put things that we have learned into practice.

This course also covers Vuex which is Centralized State Management for Vue.js and we show how we can make use of it in our web applications by developing a project from scratch 

Apart from that we also dive into the advanced topics like transitioning,animations working with components and much more.

So what are you waiting for join-in and let's start learning Vue.js

Who is the target audience?
  • Web Developers
  • Web Designers
  • Programmers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
64 Lectures
03:04:06
+
Introduction to Vue.js
4 Lectures 15:30

Introduction to Vue.js Fraemwork

Preview 02:29

Installing and working with Vue.js Standalone version

Preview 01:54

Installing Code Editor For Vue and Installing Vue.js via NPM and CLI

Preview 11:06

Download code for this section

Code Download
00:01
+
Fundamentals of Vue - Exploring Directives, Templates & More...
21 Lectures 58:32

Creating Components using standalone version

Preview 03:19

Creating Component in CLI based project

Preview 04:32

Rendering HTML content in components

Rendering HTML content in components
01:19

Binding element attribute

Binding Element Attributes
01:20

Using Vue Developer Tools

Using Vue Developer Tool
02:44

Learning about Conditionals and Loops

Conditionals and Loops
02:47

Handling User Input

Handling User Input
02:41

Handling Key Events

Handling Key Events
02:42

Applying classes and style using Vue

Applying classes and styles using Vue
03:22

The show & else directives

The Show & Else Directives
01:38

Exploring properties in Vue.js

Introducing Properties
03:01

Understanding Vue LifeCycke

Vue Life Cycle
02:36

Life Cycle events in action

Implementing Life Cycle events
01:17

Using javascript expressions

Using JavaScript Expressions
01:32

Filters, Shorthands & Modifiers

Filters, Shorthands & Modifiers
05:23

Computed Properties

Computed Properties
02:50

Difference between Computed Properties & Methods

Difference between Computed Properties & Methods
02:56

Watchers in Vue.js

Watchers in Vue
02:30

Computed Properties vs Watchers

Computed Properties vs Watchers
03:51

Getter & Setter in Computed Properties

Getter & Setter in Computed Properties
03:03

Displaying Filtered/Sorted Data

Displaying Filtered/Sorted Data
03:09
+
Form Input Bindings
3 Lectures 10:37

Introduction to Form Binding - v-model directive

Introduction to Form Binding - v-model directive
02:45

Value Binding

Value Binding
05:49

Modifiers in Vue.js

Modifiers
02:03
+
Exploring Properties
5 Lectures 10:51

Overview of Properties

Brief Overview of Properties
01:38

Dynamic Properties

Dynamic Properties
02:02

Literal vs Dynamic

Literal Vs Dynamic
01:54

This is a theory only lecture - In this we discuss what is one way data flow in properties

One way data flow
01:58

Property Validation

Property Validation
03:19
+
Custom Events
4 Lectures 14:13

This is a theory only lecture

v-on - establishing communication between parent and child component
01:47

v-on - establishing communication between parent and child component - Demo

v-on - establishing communication between parent and child component - Demo
04:42

Form Component Custom Events

Form Component Custom Events - v-model
04:41

Non Parent - Child Communication

Non Parent - Child communication
03:03
+
Exploring Components
8 Lectures 27:39

Content Distribution Slot - Single Slot

Content Distribution Slot - Single Slot
05:21

Content Distribution Slot - Named Slot

Content Distribution Slot - Named Slot
03:05

Content Distribution Slot - Scoped Slot

Content Distribution Slot - Scoped Slot
03:10

Dynamic Components

Dynamic Components
03:18

Child Component Refs

Child-Component-Refs
02:47

Inline Template & X-template

inline-template & x-template
03:38

Exploring v-once

Static Components - v-once
01:14

Async Components

Async Components
05:06
+
Transition Effects
8 Lectures 18:47

Transitioning Single Element/Components

Transitioning Single Element/Components
04:15

Understanding Transition Classes

Understanding Transition Classes
02:54

CSS Transition

CSS Transition
01:55

CSS Animations
01:47

Using Transitions and Animations Together
01:31

JavaScript Hooks

javascript-hooks
03:06

Transitioning Between Elements

Transitioning Between Elements
01:54

Transitioning Between Components

Transitioning Between Components
01:25
+
Project - Todo Application using Vue.js & Vuex
9 Lectures 22:10

Todo Application introduction

Introduction
00:24

Setting up our Todo Project

Setting up our Todo Project
02:48

Introduction to Vuex Store

Introduction to Vuex Store
03:01

Completing our Store

Completing our Store
04:19

Creating Get Todo Component

Creating Get Todo Component
03:59

Registering our Component

Registering our Component
00:57

Creating Current Todo Component

Creating Current Todo Component
03:48

Creating our Completed Todo Component

Creating our Completed Todo Component
02:53

Download code for this section

Code Download
00:01
+
Understanding Routing in Vue.js
1 Lecture 05:43

Understanding how Routing works in Vue

Understanding how Routing works in Vue
05:43
+
Conclusion & Code Download
1 Lecture 00:03

Code Download - Vue Fundamentals

Code Download - Vue Fundamentals
00:03
About the Instructor
SkillBakery Studio
3.6 Average rating
385 Reviews
4,176 Students
18 Courses
Start Learning Today...

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.