NT$2,200
【課程通知】Let's Vue! 前端開發入門到實戰
感恩老師!讚嘆老師!
【Let's Vue! 前端開發入門到實戰】課程時間異動通知
【Let's Vue! 前端開發入門到實戰】課程時間異動通知
最新討論
課程資訊
【課程通知】Let's Vue! 前端開發入門到實戰
適合對象
1~3年前端工程師
1~3年全端工程師
網頁設計師
SOHO
想轉職的人
你可以學到
這門課讓您
能夠獨立建構 Vue.js 開發環境
能夠開發獨自的元件庫
具備 Ajax 基礎介接能力
能撰寫出內容管理網站後台之介面
課程介紹
坊間自學Vue.js,皆為照本宣科的一步步踏實學習,但距離業界實戰仍是有很大一段距離,能有業界老師來帶領,方能快速打破迷思,讓前端開發功力穩定成長。
程式碼一定要自己Keyin出來一遍!坊間教學為了強化教學內容的豐富性,讓初學者誤以為買到便宜又大碗的課程,最後的學習成效還是無法學以致用。本課程您會看到老師親自Keyin給您看,一步一步帶著您引導實作完成,同樣一個功能案例,在不同的章節都會由淺入深的實際使用,以利讓您融會貫通。
前端學無止境,資訊技術需要不斷的學習與累績實作經驗,跟Nat老師一起學習Vue.js,能把您過去所寫的麵條式的jQuery/JS程式,淬鍊成寫法簡潔、更好維護之程式碼。此外,加上Vue的雙向綁定特性,更容易寫出 UX 更好的介面,讓您今後開發的網站能夠更為提升使用者經驗,就此開始擁有好"薪"情。
三大框架之一的Vue.js,集結了 React.js 及 Angular.js 的優點,提升前端工程師開發的體驗。本課程將透過一系列的教學幫助學員建立從基礎開發環境建置到Vue.js的介面開發及實作能力。
1. Vue 環境建置
2. Vue.js 及 WorkFlow 簡介
3. 資料登錄及更新
4. 表單輸入及事件操作
5. 資料監聽及客製化
6. 元件製作
7. Ajax
8. Vuex 狀態管理
9. VueRouter SPA操作
點選上方『課程內容』有更詳細的課程介紹
若還有其他問題,可至『課前提問』與老師討論喔!
學習前基本能力
學習前準備
課程資訊
關於講師
Nat
【前端技術】
1. HTML5 + CSS3
2. Javascript
3. Vue.js
4. Webpack
【後端技術】
1. 作業系統:Windows Server / CentOS
2. 程式設計:PHP, Laravel, VBA
3. 資料庫:MySQL, MariaDB, MongoDB
4. Web Server:Nginx, Apache
5. 佈署:Docker, Ansible, Shell Script
開發環境需求
Mac 開發環境建置
Windows 開發環境建置
Javascript 套件管理 - package.json
套件管理工具 - NPM 簡介
套件管理工具 - NPM 基礎操作
套件管理工具 - YARN
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取得子元件
元件的客製化區域
HTTP 及 Restful API 簡介
XHR 與 Ajax
Javascript 異步處理 - Promise
使用 jQuery 實作 AJAX
使用 axios 實作 AJAX
Fetch 與 Request
Javascript 異步處理 - async/await
Vuex 基礎概念
Vuex 基本操作 (state)
Vuex - 產品資料處理 ( gatters )
Vuex - 商品總價計算 (mutations 與 actions)
Vuex 模組化
SPA 介紹與基礎實作
VueRouter 概念及操作
Babel 介紹
Webpack 基礎結構
Webpack - rule 及 loader
Webpack - devtool 及 devServer
圖片處理基礎 - FileReader 與 DataURL
圖片繪製 - canvas
圖片自動縮放
學習附件
購買此課程後,才能使用留言功能
目前尚無任何討論主題
成為第一個發問的人!在問答中找到學習的捷徑。關於講師
Nat
【前端技術】
1. HTML5 + CSS3
2. Javascript
3. Vue.js
4. Webpack
【後端技術】
1. 作業系統:Windows Server / CentOS
2. 程式設計:PHP, Laravel, VBA
3. 資料庫:MySQL, MariaDB, MongoDB
4. Web Server:Nginx, Apache
5. 佈署:Docker, Ansible, Shell Script