本套课程来自Vue出一个电商网站,从0基础开始，完整学会Vue.js 开发流程，。本课程为繁体版，介意慎拍。本套课程将会手把手从零开始教大家学习VUE开发，到使用Vue Cli (或不使用) 都可以完成一个互动网页作品

课程目录

• 01 介紹
• 000 开篇词
• 001 本課程特色
• 002 課程說明
• 003 六角學院線上社團.html
• 02 基礎 Vue.js 概述
• 004 課程資源連結.html
• 005 Vue 開發環境介紹
• 006 應用程式建立
• 007 雙向綁定的資料
• 008 MVVM 的概念
• 009 v-bind 動態屬性指令
• 010 v-for 動態產生多筆資料於畫面上
• 011 使用 v-on 來操作頁面行為
• 012 預先定義資料狀態的重要性
• 013 透過修飾符，讓 v-on 操作更簡單
• 014 v-class 動態切換 className
• 015 computed 運算功能
• 016 Vue 表單與資料的綁定
• 017 元件基礎概念
• 03 製作一個 Todo List 來小試身手吧
• 018 這個範例要練習什麼!_
• 019 套用版型及建立代辦事項列表的資料
• 020 刪除陣列上的特定資料
• 021 製作頁籤分類的功能
• 022 雙擊修改資料內容
• 023 刪除項目補充說明
• 024 換你來試試看，完成這份作業吧
• 025 實戰體驗 – Tode List 的資源連結.html
• 04 進階模板語法介紹
• 026 模板資料細節說明
• 027 動態切換 ClassName 及 Style 多種方法
• 028 v-for 與其使用細節
• 029 v-if 與其使用細節
• 030 Computed 與 Watch
• 031 表單細節操作
• 032 v-on 的頁面操作細節
• 033 Template 章節作業說明
• 034 章節作業模板.html
• 05 Vue 的生命週期
• 035 實際運行範例
• 036 Vue 生命週期的簡報說明
• 06 Vue.js 元件
• 037 元件概念介紹
• 038 使用 x-template 建立元件
• 039 使用 function return 建構資料格式
• 040 props 基本觀念
• 041 props 使用上的注意事項
• 042 props 型別及預設值
• 043 emit 向外層傳遞事件
• 044 元件插槽
• 045 使用 is 動態切換元件
• 046 元件 章節作業說明
• 07 JavaScript ES6
• 047 使用 let 與 const 宣告變數
• 048 展開與其餘參數
• 049 解構
• 050 縮寫
• 051 箭頭函式與傳統函式
• 052 字串模板 Template String
• 053 常用陣列方法 (上)
• 054 常用陣列方法 (下)
• 课程说明与解压密码.txt
• 08 Vue 常用 API
• 055 使用 Extend 避免重複造輪子
• 056 Filter 自訂畫面資料呈現格式
• 057 無法寫入的資料，用 set 搞定他
• 058 Mixin 混合其它的元件內容
• 059 使用 Directive 開發自己的互動 UI
• 060 Directive 細節說明
• 061 Vue-Bootstrap.txt
• 061 使用外部載入的套件
• 09 Vue Cli 的建置與運作原理
• 062 為什麼要學 Vue Cli
• 063 Vue Cli 2.x 與 Vue Cli 3.x 課程說明.html
• 064 如何使用 Vue Cli
• 065 Vue Cli 安裝相關資源.html
• 066 Vue Cli 所產生的資料夾結構說明
• 067 Webpack 腳本介紹 及 自定義環境變數
• 068 安裝套件在 Vue Webpack 中
• 10 Vue Router
• 069 使用 Vue Router 及配置路由文件
• 070 新增路由路徑及連結
• 071 製作巢狀路由頁面
• 072 使用動態路由切換頁面 Ajax 結果
• 073 命名路由，同一個路徑載入兩個頁面元件
• 074 Vue Router 參數設定
• 075 自定義切換路由方法
• 11 Vue 出一個電商網站
• 076 課程架構及流程說明
• 077 課程 API 文件及路徑.html
• 078 註冊課程專屬練習 API
• 079 API 常見問題解決方式.html
• 080 啟用一個 Vue Cli 並且 引用帶入專屬 API
• 081 Bootstrap-Dashboard-.txt
• 081 引用 Bootstrap 套件，並客製化樣式
• 082 Bootstrap-.txt
• 082 製作登入介面
• 083 登入 API 補充說明.html
• 084 登入 API 補充說明 (跨域)
• 085 Vue-Router-.txt
• 085 Vue-Router-Meta.txt
• 085 驗證登入及 Vue Router 的配置
• 086 Bootstrap-Dashboard-.txt
• 086 套用 Bootstrap Dashboard 版型
• 087 製作產品列表
• 088 Vue 中運用 Bootstrap 及 jQuery
• 089 產品的新增修改
• 090 Form-Data-.txt
• 090 串接上傳檔案 API
• 091 Vue-Loading-Overlay.txt
• 091 增加使用者體驗 – 讀取中效果製作
• 092 增加使用者體驗 – 錯誤的訊息回饋
• 093 產品列表的分頁邏輯
• 094 套用價格的 Filter 技巧
• 095 中場休息說明，準備進入下半場囉
• 096 Dashboard 新增模擬購物頁面 – 新增卡片式產品列表
• 097 取得單一產品
• 098 選購產品及加入購物車
• 099 刪除購物車品項及新增優惠碼
• 100 Vee-Validate-.txt
• 100 Vue-Vee-Validate-.txt
• 100 _建立訂單及表單驗證技巧
• 101 結帳頁面製作
• 102 最終作業說明
• 103 shoppingCartTemplate
• 103 最終作業文件.html
• 12 Vue Cli 3.0
• 104 3.0 與 2.0 的差異說明及特色
• 105 Vue-CLI3-.txt
• 105 安裝運行 Vue Cli 3.0
• 106 資料夾結構說明
• 107 -.txt
• 107 環境變數的設定
• 108 使用 GUI 介面創建專案
• 109 GUI 設定及 CLI 插件安裝說明
• 110 Vue cli 2.x 範例專案.html
• 111 CLI 2.0 專案搬移到 3.0 實際演練
• 112 6 分鐘，使用 Vue Cli 快速創建原型
• 课程说明.txt
• 13 Vuex 管理大型網站資料狀態
• 113 Vuex 是什麼？
• 114 Vuex 課程資源.html
• 115 使用課程範例，並新增一個 Store 管理網站資料狀態
• 116 Actions 及 Mutation 改變資料狀態
• 117 Vuex 的嚴謹模式，從中學習正確方式撰寫 Vuex
• 118 使用 Actions 取得遠端資料
• 119 Payload 傳遞物件參數
• 120 Vuex 中的 Getters 及 mapGetters, mapActions
• 121 模組化資料運用
• 14 線上問答會實戰內容
• 122 第一週：高雄旅遊網版型及相關資源.html
• 123 第一週：將 JavaScript 課程中的作業 _高雄旅遊網_ 改用 Vue.js 製作
• 124 第二週：THE F2E 線上直播相關資源.html
• 125 第二週：Json-Server 運行說明
• 126 第二週：THE F2E 線上直播 Todo List 介紹(上)
• 127 第二週：THE F2E 線上直播 Todo List 介紹(下)
• 128 補充介紹：Vue 是什麼
• 129 補充介紹：業務邏輯與畫面邏輯分離 – 使用 jQuery 與 Vue 做比較
• 130 補充介紹：主流框架之比較