├─01 介紹

　　│ 001 本課程特色.mp4

　　│ 002 課程說明.mp4

　　│ 003 六角學院線上社團.html

　　│

　　├─02 基礎 Vue.js 概述

　　│ 004 課程資源連結.html

　　│ 005 Vue 開發環境介紹.mp4

　　│ 006 應用程式建立.mp4

　　│ 007 雙向綁定的資料.mp4

　　│ 008 MVVM 的概念.mp4

　　│ 009 v-bind 動態屬性指令.mp4

　　│ 010 v-for 動態產生多筆資料於畫面上.mp4

　　│ 011 使用 v-on 來操作頁面行為.mp4

　　│ 012 預先定義資料狀態的重要性.mp4

　　│ 013 透過修飾符，讓 v-on 操作更簡單.mp4

　　│ 014 v-class 動態切換 className.mp4

　　│ 015 computed 運算功能.mp4

　　│ 016 Vue 表單與資料的綁定.mp4

　　│ 017 元件基礎概念.mp4

　　│

　　├─03 製作一個 Todo List 來小試身手吧

　　│ 018 這個範例要練習什麼!_.mp4

　　│ 019 套用版型及建立代辦事項列表的資料.mp4

　　│ 020 刪除陣列上的特定資料.mp4

　　│ 021 製作頁籤分類的功能.mp4

　　│ 022 雙擊修改資料內容.mp4

　　│ 023 刪除項目補充說明.mp4

　　│ 024 換你來試試看，完成這份作業吧.mp4

　　│ 025 實戰體驗 - Tode List 的資源連結.html

　　│

　　├─04 進階模板語法介紹

　　│ 026 模板資料細節說明.mp4

　　│ 027 動態切換 ClassName 及 Style 多種方法.mp4

　　│ 028 v-for 與其使用細節.mp4

　　│ 029 v-if 與其使用細節.mp4

　　│ 030 Computed 與 Watch.mp4

　　│ 031 表單細節操作.mp4

　　│ 032 v-on 的頁面操作細節.mp4

　　│ 033 Template 章節作業說明.mp4

　　│ 034 章節作業模板.html

　　│

　　├─05 Vue 的生命週期

　　│ 035 實際運行範例.mp4

　　│ 036 Vue 生命週期的簡報說明.mp4

　　│

　　├─06 Vue.js 元件

　　│ 037 元件概念介紹.mp4

　　│ 038 使用 x-template 建立元件.mp4

　　│ 039 使用 function return 建構資料格式.mp4

　　│ 040 props 基本觀念.mp4

　　│ 041 props 使用上的注意事項.mp4

　　│ 042 props 型別及預設值.mp4

　　│ 043 emit 向外層傳遞事件.mp4

　　│ 044 元件插槽.mp4

　　│ 045 使用 is 動態切換元件.mp4

　　│ 046 元件 章節作業說明.mp4

　　│

　　├─07 JavaScript ES6

　　│ 047 使用 let 與 const 宣告變數.mp4

　　│ 048 展開與其餘參數.mp4

　　│ 049 解構.mp4

　　│ 050 縮寫.mp4

　　│ 051 箭頭函式與傳統函式.mp4

　　│ 052 字串模板 Template String.mp4

　　│ 053 常用陣列方法 (上).mp4

　　│ 054 常用陣列方法 (下).mp4

　　│

　　├─08 Vue 常用 API

　　│ 055 使用 Extend 避免重複造輪子.mp4

　　│ 056 Filter 自訂畫面資料呈現格式.mp4

　　│ 057 無法寫入的資料，用 set 搞定他.mp4

　　│ 058 Mixin 混合其它的元件內容.mp4

　　│ 059 使用 Directive 開發自己的互動 UI.mp4

　　│ 060 Directive 細節說明.mp4

　　│ 061 Vue-Bootstrap.txt

　　│ 061 使用外部載入的套件.mp4

　　│

　　├─09 Vue Cli 的建置與運作原理

　　│ 062 為什麼要學 Vue Cli.mp4

　　│ 063 Vue Cli 2.x 與 Vue Cli 3.x 課程說明.html

　　│ 064 如何使用 Vue Cli.mp4

　　│ 065 Vue Cli 安裝相關資源.html

　　│ 066 Vue Cli 所產生的資料夾結構說明.mp4

　　│ 067 Webpack 腳本介紹 及 自定義環境變數.mp4

　　│ 068 安裝套件在 Vue Webpack 中.mp4

　　│

　　├─10 Vue Router

　　│ 069 使用 Vue Router 及配置路由文件.mp4

　　│ 070 新增路由路徑及連結.mp4

　　│ 071 製作巢狀路由頁面.mp4

　　│ 072 使用動態路由切換頁面 Ajax 結果.mp4

　　│ 073 命名路由，同一個路徑載入兩個頁面元件.mp4

　　│ 074 Vue Router 參數設定.mp4

　　│ 075 自定義切換路由方法.mp4

　　│

　　├─11 Vue 出一個電商網站

　　│ 076 課程架構及流程說明.mp4

　　│ 077 課程 API 文件及路徑.html

　　│ 078 註冊課程專屬練習 API.mp4

　　│ 079 API 常見問題解決方式.html

　　│ 080 啟用一個 Vue Cli 並且 引用帶入專屬 API.mp4

　　│ 081 Bootstrap-Dashboard-.txt

　　│ 081 引用 Bootstrap 套件，並客製化樣式.mp4

　　│ 082 Bootstrap-.txt

　　│ 082 製作登入介面.mp4

　　│ 083 登入 API補充說明.html

　　│ 084 登入 API 補充說明 (跨域).mp4

　　│ 085 Vue-Router-.txt

　　│ 085 Vue-Router-Meta.txt

　　│ 085 驗證登入及 Vue Router 的配置.mp4

　　│ 086 Bootstrap-Dashboard-.txt

　　│ 086 套用 Bootstrap Dashboard 版型.mp4

　　│ 087 製作產品列表.mp4

　　│ 088 Vue 中運用 Bootstrap 及 jQuery.mp4

　　│ 089 產品的新增修改.mp4

　　│ 090 Form-Data-.txt

　　│ 090 串接上傳檔案 API.mp4

　　│ 091 Vue-Loading-Overlay.txt

　　│ 091 增加使用者體驗 - 讀取中效果製作.mp4

　　│ 092 增加使用者體驗 - 錯誤的訊息回饋.mp4

　　│ 093 產品列表的分頁邏輯.mp4

　　│ 094 套用價格的 Filter 技巧.mp4

　　│ 095 中場休息說明，準備進入下半場囉.mp4

　　│ 096 Dashboard 新增模擬購物頁面 - 新增卡片式產品列表.mp4

　　│ 097 取得單一產品.mp4

　　│ 098 選購產品及加入購物車.mp4

　　│ 099 刪除購物車品項及新增優惠碼.mp4

　　│ 100 Vee-Validate-.txt

　　│ 100 Vue-Vee-Validate-.txt

　　│ 100 _建立訂單及表單驗證技巧.mp4

　　│ 101 結帳頁面製作.mp4

　　│ 102 最終作業說明.mp4

　　│ 103 shoppingCartTemplate.zip

　　│ 103 最終作業文件.html

　　│

　　├─12 Vue Cli 3.0

　　│ 104 3.0 與 2.0 的差異說明及特色.mp4

　　│ 105 Vue-CLI3-.txt

　　│ 105 安裝運行 Vue Cli 3.0.mp4

　　│ 106 資料夾結構說明.mp4

　　│ 107 -.txt

　　│ 107 環境變數的設定.mp4

　　│ 108 使用 GUI 介面創建專案.mp4

　　│ 109 GUI 設定及 CLI 插件安裝說明.mp4

　　│ 110 Vue cli 2.x 範例專案.html

　　│ 111 CLI 2.0 專案搬移到 3.0 實際演練.mp4

　　│ 112 6 分鐘，使用 Vue Cli 快速創建原型.mp4

　　│

　　├─13 Vuex 管理大型網站資料狀態

　　│ 113 Vuex 是什麼?.mp4

　　│ 114 Vuex 課程資源.html

　　│ 115 使用課程範例，並新增一個 Store 管理網站資料狀態.mp4

　　│ 116 Actions 及 Mutation 改變資料狀態.mp4

　　│ 117 Vuex 的嚴謹模式，從中學習正確方式撰寫 Vuex.mp4

　　│ 118 使用 Actions 取得遠端資料.mp4

　　│ 119 Payload 傳遞物件參數.mp4

　　│ 120 Vuex 中的 Getters 及 mapGetters, mapActions.mp4

　　│ 121 模組化資料運用.mp4

　　│

　　└─14 線上問答會實戰內容

　　122 第一週：高雄旅遊網版型及相關資源.html

　　123 第一週：將 JavaScript 課程中的作業 _高雄旅遊網_ 改用 Vue.js 製作.mp4

　　124 第二週：THE F2E 線上直播相關資源.html

　　125 第二週：Json-Server 運行說明.mp4

　　126 第二週：THE F2E 線上直播 Todo List 介紹(上).mp4

　　127 第二週：THE F2E 線上直播 Todo List 介紹(下).mp4

　　128 補充介紹：Vue 是什麼.mp4

　　129 補充介紹：業務邏輯與畫面邏輯分離 - 使用 jQuery 與 Vue 做比較.mp4

　　130 補充介紹：主流框架之比較.mp4