知名線上課程 Let’s Vue! 前端開發入門到實戰(含教材) 講師:Nat 影音教學 中文發音 繁體中文版(DVD版)
如果Angular或React對你來說太複雜,操作起來不夠靈活,那你真應該來學習超易上手的Vue!2018年Vue.js於Github的星星數完美展現它的熱門度;想成為前端工程師的您,快跟著長期深更在資訊領域的Nat老師,投入Vue.js的保證值回票價!
Vue 環境建置
開發環境需求
Mac 開發環境建置
Windows 開發環境建置
Javascript 套件管理 - package.json
套件管理工具 - NPM 簡介
套件管理工具 - NPM 基礎操作
套件管理工具 - YARN
Vue.js 及 WorkFlow 簡介
MVX 及 Flux 基礎概念
Vue.js 特性及生命週期
Vue.js 起手式 - Hello world!
Vue.js 基本操作
資料登錄及更新
文字資料的綁定與更新1 - 計數器
文字資料的綁定與更新2 - 樣式切換 (v-bind)
文字資料的綁定與更新3 - 圓形大小切換 (v-model)
陣列資料的綁定 - 網站輪播圖
陣列資料的綁定與更新 - 清單項目增減
$el 及 $ref 操作
表單輸入及事件操作
表單輸入雙向綁定 - 基礎表單元件
事件處理1 - v-on 基礎說明
事件處理2 - 計數器 (v-on:click)
事件處理3 - 檔案上傳 (v-on:change)
事件處理4 - 樣式切換 (v-on:mouseover/mouseleave)
修飾子1 - 事件修飾子
修飾子2 - 鍵盤事件(v-on:keyup)與按鍵修飾子
表單綜合操作1 - 聯絡我們表單
表單綜合操作2 - 會員資料申請表單
資料監聽及客製化
自定義組合變數 - computed
資料監聽變化及自動化處理1 - watch基本語法
資料監聽變化及自動化處理2 - 商品總價計算
資料監聽變化及自動化處理3 - 子從類別切換
字串過濾處理 - filter
異步更新DOM - nextTick
元件製作
Vue CLI 操作
建立及使用元件
元件間的資料傳遞1 - 父層傳子層
元件間的資料傳遞2 - 子層傳父層 $emit
元件間的資料傳遞3 - 取得vue主體的資料
元件間的資料傳遞4 - 透過$ref取得子元件
元件的客製化區域
Ajax
HTTP 及 Restful API 簡介
XHR 與 Ajax
Javascript 異步處理 - Promise
使用 jQuery 實作 AJAX
使用 axios 實作 AJAX
Fetch 與 Request
Javascript 異步處理 - async/await
Vuex 狀態管理
Vuex 基礎概念
Vuex 基本操作 (state)
Vuex - 產品資料處理 ( gatters )
Vuex - 商品總價計算 (mutations 與 actions)
Vuex 模組化
Vue SPA
SPA 介紹與基礎實作
VueRouter 概念及操作
Babel 介紹
Webpack 基礎結構
Webpack - rule 及 loader
Webpack - devtool 及 devServer
【課程Bonus】自動縮放圖片
圖片處理基礎 - FileReader 與 DataURL
圖片繪製 - canvas
圖片自動縮放
|
|