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
Ask ChatGPT
Set ChatGPT API key
Find your Secret API key in your ChatGPT User settings and paste it here to connect ChatGPT with your Tutor LMS website.