Vue.JS

Vue.js is an awesome JavaScript Framework for building Frontend Applications! VueJS mixes the Best of Angular + React!.

500+ Students Enrolled
4.4 Rating (325) Ratings

What You'll Learn

  • Learn Build amazing Vue.js Applications - all the Way from Small and Simple Ones up to Large Enterprise-level.
  • Learn Leverage Vue.js in both Multi- and Single-Page-Applications (MPAs and SPAs).
  • Learn Understand the Theory behind Vue.js and use it in Real Projects.
  • Learn Understand all Vue concepts from beginner to advanced.
  • Learn Setup VueJS environment with development tools including Webpack.
  • Learn Build three real world applications using Vue.js utilising every Vue feature.

Course Content

  • Vue is a JavaScript framework for building user interfaces. Its core part is focused mainly on the view layer and it is very easy to understand.
  • Simple Example
  • HTML template
  • JavaScript
  • Hello World in Vue 2 (The JSX way)
  • Handling User Input
  • What are components and how to define components?
  • Local registration of components
  • Inline registration
  • Data registration in components
  • Events
  • Remarks
  • Data vs Computed Properties
  • Computed properties vs watch
  • Computed Setters
  • Using computed setters for v-model
  • Syntax
  • Remarks
  • Overview
  • v-if ,v-else,v-show,v-if / v-else,v-show
  • Introduction
  • Remarks
  • Examples
  • v-model on a counter component
  • Syntax
  • Parameters
  • Examples
  • Basics
  • Syntax
  • Parameters
  • Examples
  • Two-way Filters
  • Basic
  • Examples
  • Text
  • Raw HTML
  • Attributes
  • Filters
  • Remarks

  • Simple Dynamic Components Example

  • Javascript
  • HTML

  • Pages Navigation with keep-alive

  • Javascript
  • HTML
  • CSS
  • Snippet
  • Introduction
  • Syntax
  • Remarks
  • Examples
  • eventBus
  • Events syntax
  • When should I use events ?
  • The example above can be improved !
  • How to deal with deprecation of $dispatch and $broadcast? (bus event pattern)
  • Hooks for Vue 1.x
  • init
  • created
  • beforeCompile
  • compiled
  • ready
  • attached
  • detached
  • beforeDestroy
  • destroyed
  • Using in an Instance
  • Common Pitfalls: Accessing DOM from the `ready()` hook
  • Basic Usage
  • HTML
  • Script
  • Only render HTML items
  • Pig countdown list
  • Iteration over an object
  • Examples
  • Global Mixin
  • Custom Option Merge Strategies
  • Basics
  • Option Merging
  • Introduction
  • Examples
  • Event Modifiers
  • Key Modifiers
  • Input Modifiers
  • Introduction
  • Syntax
  • Parameters
  • Remarks
  • Examples
  • Simple logger
  • Parameters
  • Remarks
  • Examples
  • Usage of functions to polyfill (ex: find)
  • Remarks
  • camelCase kebab-case
  • Examples
  • Passing Data from parent to child with props
  • Dynamic Props
  • JS
  • HTML
  • Result
  • Passing Props While Using Vue JSX
  • ParentComponent.js
  • ChildComponent.js:
  • Remarks
  • Examples
  • Using Single Slots
  • What are slots?
  • Using Named Slots
  • Using Slots in Vue JSX with 'babel-plugin-transform-vue-jsx'
  • Introduction
  • Examples
  • Using Vue.$set
  • Using Array.prototype.splice
  • For nested array
  • Array of objects containing arrays
  • Introduction
  • Examples
  • WRONG! Using "this" in a callback inside a Vue method
  • WRONG! Using "this" inside a promise
  • RIGHT! Use a closure to capture "this"
  • RIGHT! Use bin
  • RIGHT! Use an arrow function
  • WRONG! Using an arrow function to define a method that refers to "this"
  • RIGHT! Define methods with the typical function syntax
  • Introduction
  • Examples
  • Sample .vue component file
  • Examples
  • How to use Vua-Redux
  • Initializ
  • Introduction
  • Syntax
  • Examples
  • Basic Routing
  • Introduction
  • Examples
  • What is Vuex?
  • Why use Vuex?
  • How to install Vuex?
  • Auto dismissible notifications
  • Examples
  • How it works
  • Credits
Web Development

  This Course includes

  Tutorials

  Articles, Videos

  Full Time Lectures

  Real Scenarios

  Project Work

  Certification of Completion

Related Courses