Udemy線上課程 Vue 3 實戰影音課程 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)
過去我們推出了 Vue.js 課程,其中的助教服務、電商 API、作品開發引導等服務大受好評!因此再次推出「Vue 3 實戰影音課程」不但包含過去的優點,更加再次升級!
課程中提供客製化電商 API,學員們可以依據自己 需求新增資料內容,讓你模擬經營屬於自己的咖啡店、桌遊服務、藝術品各項服務都不是問題~。
本次的課程內容包含:必要的 JavaScript 知識,帶你掌握學習前的實戰核心知識大量的線上助教,回覆每個課程上的問題完整 Vue 3 的課程介紹,從基礎 Vue API 到 Cli、Router 均有涵蓋五組以上的實戰情境,不只教你 Vue.js,更教你如何應用超過 16 小時的影音課程內容額外 30 隻 API,帶你完成獨立作品超過 4000 人的線上 Discord 群組,讓學習不再孤單一人邀請您加入六角學院一同掌握 Vue 3,並完成屬於你自己的獨立作品吧~
01 - 介紹
001 六角學院 線上社團.html
02 - 課前章節 - JS 必備觀念
002 JS 額外補充資源.html
003 課程環境.mp4
004 課程相關資源.html
005 JS 常見縮寫.mp4
006 This 的運作.mp4
007 箭頭函式.mp4
008 關注點分離概念說明.mp4
009 關注點分離實作概念.mp4
010 傳參考特性.mp4
011 Promise 非同步觀念.mp4
012 使用 Axios 串接 API.mp4
013 在瀏覽器上運行 ES 模組.mp4
014 現行的 ES 模組使用技巧.mp4
03 - 快速入門 Vue.js:商品後臺管理介面
015 MVVM 概念介紹.mp4
016 Vue.js 起手式.mp4
017 起手常見結構.mp4
018 雙向綁定的技巧.mp4
019 將資料加入於 Vue Data.mp4
020 簡單語法呈現大量資料於畫面上.mp4
021 編輯你的資料狀態.mp4
022 基礎章節作業:完成新增、編輯商品項目.mp4
023 Codepen 樣板及服務連結.html
04 - 指令語法全介紹|操作畫面超容易
024 指令觀念介紹.mp4
025 綁定內容於畫面上 v-text.mp4
026 多筆資料渲染 v-for.mp4
027 條件判斷 v-if.mp4
028 HTML 屬性綁定 v-bind.mp4
029 HTML 樣式綁定.mp4
030 資料雙向綁定 v-model.mp4
031 v-model 修飾符.mp4
032 事件觸發 v-on.mp4
033 v-on 修飾符.mp4
034 v-on DOM 事件處理技巧.mp4
035 指令章節作業.mp4
036 指令章節作業 - 簡單版.mp4
037 指令章節作業 - 簡單版實作示範.mp4
05 - Options API:方法、運算、監聽、生命週期
038 Options API 概述.mp4
039 Methods 方法.mp4
040 Computed 運算基礎運用.mp4
041 Computed 運算之 Getter, Setter.mp4
042 Watch 監聽.mp4
043 生命週期詳解.mp4
044 Options API 章節作業.mp4
06 - 元件
045 元件介紹.mp4
046 註冊元件的手法.mp4
047 元件樣板製作.mp4
048 Props 向內層元件傳遞資料狀態.mp4
049 元件型別驗證.mp4
050 Emit 向外層傳遞事件.mp4
051 Emits 驗證.mp4
052 Slot 插巢.mp4
053 Slot Props 插巢傳遞資料狀態.mp4
054 Mitt 跨元件資料傳遞(Event Bus).mp4
055 元件章節作業.mp4
07 - 進階 API
056 進階章節說明.mp4
057 操作 DOM 元素技巧 refs.mp4
058 自訂元件生成位置 teleport.mp4
059 跨層級資料傳遞 provide.mp4
060 元件直接加入 v-model.mp4
061 混合元件方法 mixins.mp4
062 擴展元件方法 extend.mp4
063 自訂義指令 directive.mp4
064 擴充插件 plugins.mp4
065 表單驗證套件 vee-validation.mp4
066 進階 API 章節延伸資源.html
08 - Vue Cli,整合性工具開發好容易
067 Vue Cli 介紹.mp4
068 Vue Cli 章節資源.html
069 安裝 Vue Cli 環境.mp4
070 Vue Cli 環境中的檔案說明.mp4
071 指令太麻煩,來試試看 GUI 吧.mp4
072 如何在 Cli 環境中加入 Vue 元件.mp4
073 Cli 中引入外部套件.mp4
074 Vue Cli 中 VeeValidate 範例程式碼.html
075 Vue Cli 中環境變數基礎觀念.mp4
076 Vue Cli 編譯設定檔.mp4
077 Github Pages 教學連結.html
09 - Vue Router
078 本章節以後 “發問的重要說明”.html
079 Vue Router 簡介.mp4
080 Vue Router 相關資源.html
081 在一般網頁中引入 Vue Router.mp4
082 Vue Cli 中使用 Vue Router 開發.mp4
083 中場:為目前專案加入樣式.mp4
084 巢狀路由.mp4
085 一個元件插入多個視圖 - 具名視圖.mp4
086 透過參數決定路由內容 - 動態路由.mp4
087 動態路由搭配 Props.mp4
088 路由方法介紹.mp4
089 預設路徑以及重新導向.mp4
090 路由設定選項.mp4
10 - 最終挑戰
091 最終作業課程介紹.mp4
092 課程 API 文件及相關資源.html
093 申請課程 API.mp4
094 常見 API 問題解決方式.html
095 匯入 Bootstrap 並調整版型.mp4
096 製作登入頁面.mp4
097 登入與 Cookie.mp4
098 Cookie 存取的語法.html
099 確認是否維持登入狀態.mp4
100 調整巢狀路由並且加入 Navbar.mp4
101 加入產品列表.mp4
102 增加 Bootstrap Modal.mp4
103 透過彈出視窗新增品項.mp4
104 產品資料更新.mp4
105 透過 API 上傳圖片.mp4
106 使用 mixin 整合相同程式碼.mp4
107 加入讀取的視覺效果.mp4
108 加入錯誤的訊息回饋.mp4
109 加入分頁切換.mp4
110 套用全域的千分號.mp4
111 中場加速.mp4
112 用戶端產品列表.mp4
113 用戶端加入購物車.mp4
114 用戶端加入 Bootstrap Icon.mp4
115 用戶端更新購物車數量品項.mp4
116 用戶端套用優惠券.mp4
117 用戶端建立訂單.mp4
118 用戶端結帳流程.mp4
119 最終作業說明.mp4
120 作業製作說明.html
11 - Composition API
121 Composition 章節提醒.html
122 什麼是 Composition API.mp4
123 雙向綁定機制 Proxy.mp4
124 使用 setup 取代 Options API.mp4
125 使用 reactive 定義資料.mp4
126 使用 ref 定義資料.mp4
127 reactive 與 ref 如何選擇.mp4
128 Composition 中的方法定義.mp4
129 在 Composition API 中運用 Options API 的方法.mp4
130 setup 中的 Props.mp4
131 在 composition 中運用 emit 技巧.mp4
132 ref 取得 _refs 的 DOM 物件.mp4
133 Provider 與 Inject 的方法導入.mp4
134 在 Composition 中運用 Watch 方法.mp4
135 Watch 與 Computed 的結合體,WatchEffect.mp4
136 最終練習,Composition Kata.mp4
137 Composition 課程延伸章節資源.html
12 - Pinia 狀態管理工具
138 Pinia 簡介.mp4
139 Pinia 課程資源.html
140 Pinia 與 Options API.mp4
141 在 Composition API 中使用 Pinia.mp4
142 Pinia 實戰範例:範例專案介紹.mp4
143 Pinia 實戰範例:快速導入 Pinia Store.mp4
144 Pinia 實戰範例:跨元件狀態.mp4
145 Pinia 實戰範例:加入購物車等功能.mp4
146 Pinia 實戰範例:統一的狀態管理.mp4
147 Pinia 小結.mp4
13 - Bonus lecture
148 Bonus Lecture.html
|
|