【F053】六角学院Vue出一个电商网站视频教程

内容介绍：
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 環境變數的設定.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 補充介紹：主流框架之比較.mp401 介紹
     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

百度网盘下载地址：