Vue.js 2: Zero to Hero, Vuex Store, Vue CLI 3-Complete Guide (Udemy.com)

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.

The state, the source of truth that drives our app.
The view, a declarative mapping of the state.
The actions, the possible ways the state could change in reaction to user inputs from the view.


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 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