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

本套课程来自vipc6.com.jpg

更多课程：VIPC6.COM.url

课程说明与解压密码.txt

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 _建立訂單及表單驗證技巧.mp4

100 Vee-Validate-.txt

100 Vue-Vee-Validate-.txt

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