Udemy

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

立即報名
  • 175 名學生
  • 更新於 5/2020
4.4
(47 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
5 小時 6 分鐘
教學語言
英語
授課導師
RapidDev Pro
評分
4.4
(47 個評分)
6次瀏覽

課程簡介

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

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

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

課程章節

  • 7 個章節
  • 62 堂課
  • 第 1 章 Introduction
  • 第 2 章 Installation & Tools Used
  • 第 3 章 Modern Javascript Basics
  • 第 4 章 Vue Js Basics
  • 第 5 章 Creating Real World App With Vue CLI 3
  • 第 6 章 Vuex State Management and Vue Router
  • 第 7 章 SOURCE CODE

課程內容

  • Learn how to communicate between parent-child components using Props and Events
  • Vue JS Concepts 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

評價

  • S
    Sangeet More
    4.5

    A really great and thorough course to learn Vue 2 along with Vuex and Vue Router

  • J
    Jim Moriya
    5.0

    Very good, practical and useful, so far!

  • B
    Bill Jenner
    5.0

    Extremely useful beginner material. No fluff, most important topics are covered and explained well.

  • A
    Ahmed Altayeb
    5.0

    it is clear and informative

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意