Vue.JS the complete guide 2020

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Learn Vue.js 2 from scratch with Vuex State management library and Build Awesome Real World Application with Vue JS

What is Vue.js?

Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications

What is Vuex?

Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue’s official dev tools extension to provide advanced features such as zero-config time-travel debugging and state snapshot export/import.


Advantages of Vue Js Framework:

♦ Approachable

Already know HTML, CSS, and JavaScript? Read the guide and start building things in no time!

♦ Versatile

An incrementally adoptable ecosystem that scales between a library and a full-featured framework.

♦ Performant

20KB min+gzip Runtime, Blazing Fast Virtual DOM, Minimal Optimization Efforts

You will learn the following things in the course:

♦ Build a Real-World Application with Vue jS and Vuex state management library.

♦ Learn Vue.JS 2 concepts such as directives, methods, computed properties, two-way data binding, conditional rendering, dynamic classes, props, events, filters, life cycle hooks, and much more.

♦ Learn to create Single-Page-Application (SPA) with Vue Routing

♦ Learn how to communicate between parent-child components using Props and Events.

♦ Understand Vuex State management library concepts such as Actions, Mutations, Getters, State.

♦ Learn how to architect user interface into re-usable components.

♦ Understand all lifecycle hooks provided by the Vue Js.

♦ Learn mapAction, mapState and mapGetters in Vuex.

♦ Learn to manage Environment variables in various modes such as development and production.

♦ Form validation in Vue.JS

♦ Learn about Mixins in Vue.JS.

♦ Integrate bootstrap-vue library to create awesome UI in Vue JS.

♦ and more

Who this course is for:

  1. Javascript lovers who want to learn Vue JS from scratch
Show More

What Will You Learn?

  • Learn how to communicate between parent-child components using Props and Events
  • Vue JS Concepts such as directives, methods, computed properties, two way data binding, conditional rendering, dynamic classes, props, events, filters, life cycle hooks
  • Vuex State management library concepts such as Actions, Mutations, Getters, State
  • Build Real World App with Vue JS
  • Vue Js Framework from scratch
  • Build Vue Js in Production mode
  • Learn mapAction, mapState and mapGetters in Vuex
  • Form Validation in Vue JS
  • Create awesome UI with bootstrap-vue library
  • Learn how to solve complex Props and Events flow between components with the help of Vuex library
  • Master every concepts of Vue JS Framework
  • Build scalable apps with state management

Course Content

Vue JS 2

  • Introduction
    00:00
  • The Vue Instance
    00:00
  • Data & Methods
    00:00
  • Data Binding
    00:00
  • Events
    00:00
  • Event Modifiers
    00:00
  • Keyboard Events
    00:00
  • Two-Way Data Binding
    00:00
  • Computed Properties
    00:00
  • Dynamic CSS Classes
    00:00
  • Conditionals
    00:00
  • Looping with v-for
    00:00
  • Simple Punchbag Game
    00:00
  • Multiple Vue Instances
    00:00
  • Intro to Components
    00:00
  • Refs
    00:00
  • The Vue CLI
    00:00
  • Vue Files & The Root Component
    00:00
  • Nesting Components
    00:00
  • Component CSS (scoped)
    00:00
  • Nesting Components Examples
    00:00
  • Props
    00:00
  • Primitive vs Reference Types
    00:00
  • Events (child to parent)
    00:00
  • The Event Bus
    00:00
  • Life-cycle Hooks
    00:00
  • Slots
    00:00
  • Dynamic Components
    00:00
  • Input Binding (Creating a blog, part 1)
    00:00
  • Checkbox Binding
    00:00
  • Select Box Binding
    00:00
  • HTTP Requests
    00:00
  • GET Requests
    00:00
  • Custom Directives
    00:00
  • Filters
    00:00
  • Custom Search Filter
    00:00
  • Registering Things Locally
    00:00
  • Mixins
    00:00
  • Setting up Routing
    00:00
  • Hash vs History (Routing)
    00:00
  • Adding Router Links
    00:00
  • Route Parameters
    00:00
  • Posting to Firebase
    00:00
  • Retrieving Posts from Firebase
    00:00

Student Ratings & Reviews

No Review Yet
No Review Yet