tutor4dev

คอร์สอบรม, บทความ และ คลิปวีดีโอ การพัฒนาเว็บแอพพลิเคชั่น

หลักสูตร Vue.js, VueRx และ Vuex Fundamental

  • ระยะเวลาของหลักสูตร: 3 วัน (21 ชั่วโมง) หรือ 4 วัน (28 ชั่วโมง)
  • รูปแบบการอบรม: In-house Training ณ.องค์กร หรือ หน่วยงาน ของผู้อบรม
  • ติดต่อขอใบเสนอราคา: LINE ID @tutor4dev, โทร. 081-572-2129

tutor4dev-line-at

Prerequisite

  • พื้นฐานการเขียนโปรแกรมภาษา HTML
  • พื้นฐานการเขียนโปรแกรมภาษา JavaScript

เนื้อหาของหลักสูตร

Overview

  • แนวคิดเรื่อง Declarative Rendering และ Component Based Application
  • Vue.js Overview
  • ใช้งาน ECMAScript 2018
  • การเขียน Vue.js Application โดยใช้ CDN Library
  • การเขียน Vue Instance
  • ใช้งาน @vue/cli
  • ใช้งาน vue-devtools Chrome's Extension
  • การเขียน Vue Single File Component
  • ใช้งาน Vue Directive

State Management

  • แนวคิดเรื่อง Reactive Programming
  • การจัดการ State และ ใช้งาน data()
  • การเขียน Event Handler และ ใช้งาน methods
  • การทำ Attribute Binding และ computed

Dynamic CSS และ Style

  • การทำ Dynamic CSS และ Inline JSCSS (JavaScript CSS)
  • ใช้งาน vue-styled-components

Form

  • การจัดการ Form State
  • ใช้งาน v-model
  • การทำ Form Validation โดยใช้ vee-validate

Nested Component

  • ใช้งาน props และ การทำ props Validation
  • การทำ Event Bus
  • ใช้งาน <slot>

Single Page Application และ vue-router

  • ใช้งาน vue-router
  • การทำ Named Route และ Named View
  • การทำ Programmatic Navigation
  • การทำ Nested Route
  • การทำ Redirect and Alias
  • การเขียน vue-router Guard

ReSTful CRUD Application

  • ใช้งาน async และ await
  • ใช้งาน json-server
  • การเขียน XMLHttpRequest และ ใช้งาน axios
  • การทำ Pagination
  • การเขียน Full-text Search โดยใช้ debounce()

Application State Management และ Vuex

  • การเขียน store, state และ getters
  • การใช้ $store.state และ $store.getters
  • การใช้ mapState() และ mapGetters()
  • การเขียน mutions
  • การใช้ $store.commit()
  • การใช้ mapMutations()
  • การเขียน actions
  • การใช้ $store.dispatch()
  • การใช้ mapActions()
  • การทำ Modularized store

Reactive Programming และ vue-rx

  • RxJS Overview
  • การเขียน Observable
  • การเขียน subscriptions()
  • ใช้งาน RxJS Operators
  • ใช้งาน v-stream

Authentication

  • การทำ Subscription กับ Firebase
  • การทำ Authentication กับ Firebase
  • การทำ Token Based Authentication โดยใช้ JSON Web Token ร่วมกับ Express.js
  • การทำ Persisten state โดยใช้ sessionStorage และ localStorage

Intermediate Topics

  • ใช้งาน Lifecycle Methods
  • ใช้งาน Mixin และ Vue.extend()
  • การทำ jquery Plugins Integration
  • การเขียน Vue Functional Component และ ใช้งาน render()
  • การทำ Route-based Code Splitting และ ใช้งาน import()
  • การทำ webpack Customization
  • ใช้งาน webpack's SplitChunksPlugin

Deployment

  • การทำ Production Build
  • การทำ Production Deployment

ติดต่อขอใบเสนอราคา

tutor4dev-line-at

LINE ID @tutor4dev, โทร. 081-572-2129