├─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
