
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:
- Javascript lovers who want to learn Vue JS from scratch
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