HiSKIO For Business

單元 1 - 課程前言

單元 1 - 課程準備

單元 2 - 取代 var 的 let 與 const

單元 3 - 簡捷快速的縮寫 shorthands

單元 4 - 便利的取出元素：解構賦值

單元 5 - 更強的字串：字串模板與多行字串

單元 6 - 不只更簡短：箭頭函式

單元 7 - 片尾彩蛋：ES5、ES6、ES2017!? 到底是些什麼東西？

單元 1 - 關於 Vue

單元 2 - Hello World!

單元 3 - 相對於「命令式」的「宣告式」渲染

單元 4 - if else: 流程控制與迴圈

單元 5 - 處理使用者輸入

單元 6 - 實作: 老梗才是好梗，「Todo List」

單元 7 - 片尾彩蛋: Vue/React/Angular，我該上哪部攻城車？（看出笑點了嗎？因為我們是前端攻城師，哈哈哈...）

單元 1 - 用雙括號語法，插入動態的數值或文字

單元 2 - v-bind、v-on 指令

單元 3 - 簡短的縮寫

單元 4 - 雙向綁定的 v-model

單元 1 - 創建 Vue 實例

單元 2 - 元素 (el) 、掛載 ($mount)、模板 (template)

單元 3 - 狀態 (data)

單元 4 - 方法 (methods)

單元 5 - 計算屬性 (computed)

單元 6 - 偵聽器 (watch)

單元 7 - 生命週期

單元 8 - 實作：「密碼強度檢查」

單元 9 - 片尾彩蛋：你聽過 Single source of truth 嗎?

單元 1 - 綁定資料為一個元素的 class

單元 2 - 綁定資料為一個元素的 style

單元 1 - v-if

單元 2 - v-else

單元 3 - v-else-if

單元 4 - v-show

單元 1 - 用 v-for 把陣列轉換為一組元素

單元 2 - 用 v-for 把一個物件轉換為一組元素

單元 3 - 修改陣列或物件的注意事項

單元 4 - 列表的過濾與排序

單元 5 - 用 v-for 來渲染

單元 6 - 實作：從 JSON 資料渲染課程列表

單元 7 - 片尾彩蛋：每個人都認識一個 Jason，卻不是每個人都認識 JSON

單元 1 - 處理事件的兩種方式

單元 2 - 偵聽滑鼠事件

單元 3 - 偵聽圖片的 load 事件

單元 4 - 偵聽按鍵事件

單元 5 - 有的吃甜何必吃苦？便利的修飾符語法糖

單元 1 - 文字輸入：text input 與 textarea

單元 2 - 打勾按鈕：checkbox

單元 3 - 圓點按鈕：radio

單元 4 - 下拉選單：select 與 option

單元 5 - 檔案上傳與圖片預覽

單元 6 - 再來顆語法糖吧，修飾符！

單元 7 - 實作：你有後台我也有後台，來寫個「後台上稿」吧

單元 1 - Vue 組件的註冊與使用

單元 2 - DOM 模板解析注意事項

單元 3 - data 必須是函數

單元 4 - 合體！組件組合！

單元 5 - 話不要說死，組件也別寫死。動態組件

單元 6 - 看不見但依舊存在的 keep-alive

單元 7 - 組件姓名學

單元 8 - 實作：結合 axios 製作「會員登入」

單元 9 - 片尾彩蛋：影音不同步很困擾，那 JS 的非同步是什麼? 談談 callback 與 promise

單元 1 - 上層傳來的 Prop

單元 2 - 動態綁定 Prop

單元 3 - 單向數據流

單元 4 - Prop 驗證

單元 1 - 使用 v-on 綁定自訂事件

單元 2 - 給組件綁定原生事件

單元 3 - .sync 修飾符

單元 4 - 自訂組件的 v-model

單元 5 - 跨組件的溝通

單元 6 - 實作：你一定寫過的「鄉鎮市區下拉選單」之 Vue 版

單元 1 - 關於 vue-cli

單元 2 - 編輯器設定

單元 3 - import 與 export

單元 4 - vue-cli

單元 5 - script、template、style 都在同一個檔案裡：單一檔案組件

單元 6 - 解決 CSS 困境的 scoped style

單元 7 - 實作：老梗值得一寫再寫，「Todo List 改」

單元 1 - 關於 vue-router

單元 2 - 基本設置

單元 3 - 動態比對

單元 4 - 巢狀結構

單元 5 - 具名路由與具名視圖

單元 6 - 轉址與別名

單元 7 - 組件的 props

單元 8 - History 模式

單元 9 - 實作：SPA 水療會館 SPA（看出笑點了嗎？SPA 跟 SPA，哈哈哈...）

單元 1 - 關於 vuex

單元 2 - 引入 vuex

單元 3 - 注入組件的 $store

單元 4 - 存放狀態的 State

單元 5 - 變更狀態的 Mutations

單元 6 - 取得狀態的 Getters

單元 7 - 發出指令的 Actions

單元 8 - 模組劃分: Modules

單元 9 - 專案結構

單元 10 - 表單處理

單元 11 - 實作：幫 HiSKIO 寫一個購物車（HiSKIO要買的話給你們 99 折優惠）

單元 1 - 不要輸隔壁棚! 我們也來寫井字遊戲!

單元 2 - 找資料要快狠準：搜尋與過濾

單元 3 - 那個數字能不能跳一點，大器一點：跳動數字

單元 4 - 站在巨人的肩膀上：Facebook Connect

單元 5 - 分頁固然好，無限更加潮：無限捲動

單元 6 - 片尾彩蛋：建立 FB App

單元 7 - 範例檔案

單元 1 - 簡論 Vue 的 SEO

單元 2 - Prerender

單元 3 - Server Side Rendering: Nuxt