Name: 第二期_大前端線上班
Uploaded: 2022-11-22T10:06:02+8:00
Duration: 5730 min 29 s
Description: 本期仍是業界大咖直播教學，面向0基礎學員， 或後端轉大前端學員。課程設計分為四個階段， 共50個學習日，在原來的HTML5+CSS3+JS+Vue3+Vant專案基礎上。又新增了目前最火熱的Vue3+Vite+TS+ElementPlus，完成商城前端、商城後台管理系統、小程式、APP等多端開發。詳詢微信：phpcn01（月月老師）

第二期_大前端線上班

第1章階段一：Web開發基礎（HTML+CSS+JavaScript）
展開收起

第1節 HTML常用標籤01
時長： 20 minutes 43 seconds

第2節 HTML常用標籤02
時長： 18 minutes 45 seconds

第3節 HTML常用標籤03
時長： 14 minutes 31 seconds

第4節 HTML列表、連結、多媒體01
時長： 23 minutes 24 seconds

第5節 HTML列表、連結、多媒體02
時長： 22 minutes 50 seconds

第6節表單、表格標籤01
時長： 26 minutes 19 seconds

第7節表單、表格標籤02
時長： 23 minutes 48 seconds

第8節前端開發介紹及markdown基本使用
時長： 27 minutes 55 seconds

第9節 CSS介紹、選擇器上01
時長： 19 minutes 01 seconds

第10節 CSS介紹、選擇器上02
時長： 18 minutes 21 seconds

第11節 CSS介紹、選擇器上03
時長： 16 minutes 14 seconds

第12節選擇器下01
時長： 24 minutes 31 seconds

第13節選擇器下02
時長： 28 minutes 20 seconds

第14節 CSS字體屬性、文字屬性01
時長： 19 minutes 16 seconds

第15節 CSS字體屬性、文字屬性02
時長： 22 minutes 10 seconds

第16節 CSS字體屬性、文字屬性03
時長： 15 minutes 08 seconds

第17節背景、尺寸、列表、定位01
時長： 23 minutes 57 seconds

第18節背景、尺寸、列表、定位02
時長： 22 minutes 27 seconds

第19節盒模型、伸縮盒01
時長： 18 minutes 17 seconds

第20節盒模型、伸縮盒02
時長： 19 minutes 34 seconds

第21節盒模型、伸縮盒03
時長： 16 minutes 17 seconds

第22節定位、浮動01
時長： 26 minutes 50 seconds

第23節定位、浮動02
時長： 27 minutes 41 seconds

第24節 CSS3新增屬性、動畫投影片01
時長： 20 minutes 14 seconds

第25節 CSS3新增屬性、動畫投影片02
時長： 21 minutes 20 seconds

第26節 CSS3新增屬性、動畫投影片03
時長： 19 minutes 17 seconds

第27節佈局架構檔、頭部佈局01
時長： 18 minutes 02 seconds

第28節佈局架構檔、頭部佈局02
時長： 19 minutes 34 seconds

第29節公共頭部佈局實現01
時長： 17 minutes 11 seconds

第30節公共頭部佈局實現02
時長： 17 minutes 34 seconds

第31節公共頭部佈局實現03
時長： 17 minutes 41 seconds

第32節首頁內容版面01
時長： 19 minutes 27 seconds

第33節首頁內容版面02
時長： 18 minutes 06 seconds

第34節首頁內容版面03
時長： 19 minutes 15 seconds

第35節商品詳情頁版面01
時長： 19 minutes 29 seconds

第36節商品詳情頁版面02
時長： 21 minutes 17 seconds

第37節商品詳情頁版面03
時長： 14 minutes 03 seconds

第38節商品詳情頁版面04
時長： 22 minutes 20 seconds

第39節商品詳情頁版面05
時長： 23 minutes 27 seconds

第40節購物車頁面及訂單頁面01
時長： 17 minutes 58 seconds

第41節購物車頁面及訂單頁面02
時長： 18 minutes 38 seconds

第42節購物車頁面及訂單頁面03
時長： 20 minutes 13 seconds

第43節訂單頁面、響應式佈局01
時長： 24 minutes 16 seconds

第44節訂單頁面、響應式佈局02
時長： 24 minutes 57 seconds

第45節響應式佈局基礎樣式及網站頭部01
時長： 19 minutes 53 seconds

第46節響應式佈局基礎樣式及網站頭部02
時長： 16 minutes 09 seconds

第47節響應式版面基礎樣式及網站頭部03
時長： 19 minutes 05 seconds

第48節首頁響應式版面01
時長： 22 minutes 03 seconds

第49節首頁響應式版面02
時長： 23 minutes 06 seconds

第50節 JS介紹、引入方式、語句、輸出等01
時長： 19 minutes 16 seconds

第51節 JS介紹、引入方式、語句、輸出等02
時長： 21 minutes 24 seconds

第52節 JS介紹、引入方式、語句、輸出等03
時長： 19 minutes 12 seconds

第53節運算符01
時長： 16 minutes 51 seconds

第54節運算符02
時長： 20 minutes 27 seconds

第55節運算符03
時長： 10 minutes 15 seconds

第56節流程控制、函數01
時長： 21 minutes 13 seconds

第57節流程控制、函數02
時長： 21 minutes 18 seconds

第58節流程控制、函數03
時長： 18 minutes 08 seconds

第59節函數、物件01
時長： 17 minutes 59 seconds

第60節函數、物件02
時長： 15 minutes 30 seconds

第61節函數、物件03
時長： 14 minutes 13 seconds

第62節物件及數組聲明使用01
時長： 22 minutes 50 seconds

第63節物件及數組聲明使用02
時長： 17 minutes 42 seconds

第64節物件及數組聲明使用03
時長： 19 minutes 24 seconds

第65節系統對象01
時長： 18 minutes 13 seconds

第66節系統物件02
時長： 18 minutes 22 seconds

第67節系統對象03
時長： 11 minutes 25 seconds

第68節事件、window物件01
時長： 20 minutes 46 seconds

第69節事件、window物件02
時長： 22 minutes 05 seconds

第70節事件、window物件03
時長： 22 minutes 10 seconds
第2章階段一：Web開發基礎（BOM/DOM+Ajax）
展開收起

第1節 BOM01
時長： 15 minutes 42 seconds

第2節 BOM02
時長： 19 minutes 13 seconds

第3節 BOM03
時長： 12 minutes 36 seconds

第4節 DOM、取得文檔物件集合01
時長： 18 minutes 13 seconds

第5節 DOM、取得文檔物件集合02
時長： 18 minutes 29 seconds

第6節 DOM、取得文檔物件集合03
時長： 13 minutes 34 seconds

第7節內容操作、屬性操作、樣式操作等01
時長： 18 minutes 26 seconds

第8節內容操作、屬性操作、樣式操作等02
時長： 18 minutes 23 seconds

第9節內容操作、屬性操作、樣式操作等03
時長： 18 minutes 24 seconds

第10節 HTML元素轉JS物件、認識節點01
時長： 16 minutes 00 seconds

第11節 HTML元素轉JS物件、認識節點02
時長： 19 minutes 58 seconds

第12節 HTML元素轉JS物件、認識節點03
時長： 15 minutes 03 seconds

第13節位置、動畫01
時長： 20 minutes 11 seconds

第14節位置、動畫02
時長： 17 minutes 45 seconds

第15節位置、動畫03
時長： 20 minutes 09 seconds

第16節事件對象01
時長： 17 minutes 30 seconds

第17節事件物件02
時長： 16 minutes 52 seconds

第18節事件對象03
時長： 19 minutes 13 seconds

第19節表單事件、動畫封裝01
時長： 16 minutes 40 seconds

第20節表單事件、動畫封裝02
時長： 24 minutes 06 seconds

第21節表單事件、動畫封裝03
時長： 13 minutes 10 seconds

第22節 ajax介紹、get方式請求01
時長： 22 minutes 17 seconds

第23節 ajax介紹、get方式請求02
時長： 21 minutes 36 seconds

第24節 ajax介紹、get方式請求03
時長： 22 minutes 13 seconds

第25節 ajax下專案安裝、twig基本文法介紹01
時長： 20 minutes 22 seconds

第26節 ajax下專案安裝、twig基本文法介紹02
時長： 20 minutes 55 seconds
第3章 Web前端實戰（EWShop前台PC整套範本二次開發）
展開收起

第1節首頁、使用者登入、註冊驗證上01
時長： 20 minutes 07 seconds

第2節首頁、使用者登入、註冊驗證上02
時長： 20 minutes 25 seconds

第3節首頁、使用者登入、註冊驗證上03
時長： 23 minutes 36 seconds

第4節首頁導覽、投影片01
時長： 23 minutes 31 seconds

第5節首頁導覽、投影片02
時長： 23 minutes 25 seconds

第6節首頁資料、清單頁資料01
時長： 20 minutes 48 seconds

第7節首頁資料、清單頁資料02
時長： 18 minutes 57 seconds

第8節首頁資料、清單頁資料03
時長： 18 minutes 02 seconds

第9節商品列表、商品詳情01
時長： 18 minutes 24 seconds

第10節商品列表、商品詳情02
時長： 17 minutes 11 seconds

第11節商品列表、商品詳情03
時長： 16 minutes 07 seconds

第12節商品詳情頁(新增購物車、新增收藏)01
時長： 17 minutes 48 seconds

第13節商品詳情頁(新增購物車、新增收藏)02
時長： 17 minutes 18 seconds

第14節商品詳情頁(新增購物車、新增收藏)03
時長： 18 minutes 40 seconds

第15節商品詳情(評論)01
時長： 17 minutes 20 seconds

第16節商品詳情(評論)02
時長： 17 minutes 11 seconds

第17節商品詳情(評論)03
時長： 15 minutes 06 seconds

第18節商品評論、購物車01
時長： 17 minutes 15 seconds

第19節商品評論、購物車02
時長： 18 minutes 25 seconds

第20節商品評論、購物車03
時長： 17 minutes 03 seconds

第21節購物車結束01
時長： 19 minutes 17 seconds

第22節購物車結束02
時長： 17 minutes 55 seconds

第23節購物車結束03
時長： 17 minutes 48 seconds
第4章階段二：Web工程化開發（Node+NPM+Webpack）
展開收起

第1節課程介紹01
時長： 20 minutes 33 seconds

第2節課程介紹02
時長： 20 minutes 05 seconds

第3節課程介紹03
時長： 18 minutes 58 seconds

第4節 ES6基礎01
時長： 20 minutes 45 seconds

第5節 ES6基礎02
時長： 21 minutes 35 seconds

第6節 ES6基礎03
時長： 19 minutes 48 seconds

第7節 ES6應用-中01
時長： 21 minutes 51 seconds

第8節 ES6應用-中02
時長： 19 minutes 41 seconds

第9節 ES6應用-中03
時長： 19 minutes 40 seconds

第10節 ES6應用-下01
時長： 21 minutes 18 seconds

第11節 ES6應用-下02
時長： 21 minutes 00 seconds

第12節 ES6應用-下03
時長： 21 minutes 13 seconds

第13節 node.js01
時長： 19 minutes 50 seconds

第14節 node.js02
時長： 18 minutes 02 seconds

第15節 node.js03
時長： 19 minutes 48 seconds

第16節 NPM01
時長： 19 minutes 16 seconds

第17節 NPM02
時長： 21 minutes 54 seconds

第18節 NPM03
時長： 21 minutes 01 seconds

第19節 webpack工具（上）01
時長： 20 minutes 35 seconds

第20節 webpack工具（上）02
時長： 20 minutes 21 seconds

第21節 webpack工具（上）03
時長： 18 minutes 25 seconds

第22節 Webpack工具（中）01
時長： 21 minutes 01 seconds

第23節 Webpack工具（中）02
時長： 17 minutes 16 seconds

第24節 Webpack工具（中）03
時長： 16 minutes 26 seconds
第5章階段二：Web工程化開發（ES6+axios）
展開收起

第1節 Webpack（下）01
時長： 21 minutes 38 seconds

第2節 Webpack（下）02
時長： 19 minutes 17 seconds

第3節 Webpack（下）03
時長： 23 minutes 25 seconds

第4節 Axios學前準備01
時長： 20 minutes 20 seconds

第5節 Axios學前準備02
時長： 20 minutes 26 seconds

第6節 Axios學前準備03
時長： 14 minutes 04 seconds

第7節 Axios應用01
時長： 17 minutes 26 seconds

第8節 Axios應用02
時長： 18 minutes 36 seconds

第9節 Axios應用03
時長： 18 minutes 17 seconds
第6章階段三：Web前端高階框架（Vue3基礎）
展開收起

第1節 Vue初體驗01
時長： 21 minutes 52 seconds

第2節 Vue初體驗02
時長： 20 minutes 26 seconds

第3節 Vue初體驗03
時長： 18 minutes 46 seconds

第4節 Vue鷹架安裝與目錄結構01
時長： 16 minutes 10 seconds

第5節 Vue鷹架安裝與目錄結構02
時長： 20 minutes 59 seconds

第6節 Vue鷹架安裝與目錄結構03
時長： 18 minutes 13 seconds

第7節 Vue的工作原理01
時長： 20 minutes 10 seconds

第8節 Vue的工作原理02
時長： 20 minutes 59 seconds

第9節 Vue的工作原理03
時長： 17 minutes 53 seconds

第10節 Vue模板語法（一）01
時長： 20 minutes 44 seconds

第11節 Vue模板語法（一）02
時長： 21 minutes 33 seconds

第12節 Vue模板語法（一）03
時長： 19 minutes 41 seconds

第13節 Vue模板語法（二）01
時長： 18 minutes 19 seconds

第14節 Vue模板語法（二）02
時長： 20 minutes 41 seconds

第15節 Vue模板語法（二）03
時長： 15 minutes 00 seconds

第16節 Vue模板語法（三）01
時長： 20 minutes 17 seconds

第17節 Vue模板語法（三）02
時長： 19 minutes 46 seconds

第18節 Vue模板語法（三）03
時長： 22 minutes 24 seconds

第19節 Vue組件開發（1）01
時長： 18 minutes 03 seconds

第20節 Vue組件開發（1）02
時長： 17 minutes 40 seconds

第21節 Vue組件開發（1）03
時長： 19 minutes 28 seconds

第22節組件化思想01
時長： 18 minutes 45 seconds

第23節組件化思想02
時長： 18 minutes 52 seconds

第24節組件化思想03
時長： 18 minutes 17 seconds

第25節組件之間傳遞資料01
時長： 21 minutes 58 seconds

第26節組件之間傳遞資料02
時長： 20 minutes 29 seconds

第27節組件之間傳遞資料03
時長： 21 minutes 31 seconds

第28節 Vue組件生命週期01
時長： 21 minutes 44 seconds

第29節 Vue組件生命週期02
時長： 19 minutes 29 seconds

第30節 Vue組件生命週期03
時長： 19 minutes 34 seconds

第31節認識路由01
時長： 18 minutes 28 seconds

第32節認識路由02
時長： 18 minutes 52 seconds

第33節認識路由03
時長： 19 minutes 17 seconds

第34節 Vue路由（一）01
時長： 21 minutes 00 seconds

第35節 Vue路由（一）02
時長： 17 minutes 24 seconds

第36節 Vue路由（一）03
時長： 18 minutes 48 seconds

第37節 Vue路由（二）01
時長： 19 minutes 00 seconds

第38節 Vue路由（二）02
時長： 17 minutes 09 seconds

第39節 Vue路由（二）03
時長： 17 minutes 54 seconds

第40節狀態管理（上）01
時長： 18 minutes 36 seconds

第41節狀態管理（上）02
時長： 23 minutes 12 seconds

第42節狀態管理（上）03
時長： 15 minutes 48 seconds

第43節狀態管理（下）01
時長： 18 minutes 10 seconds

第44節狀態管理（下）02
時長： 19 minutes 33 seconds

第45節狀態管理（下）03
時長： 19 minutes 13 seconds

第46節組合式API（一）01
時長： 20 minutes 22 seconds

第47節組合式API（一）02
時長： 20 minutes 55 seconds

第48節組合式API（一）03
時長： 20 minutes 08 seconds

第49節組合式API（二）01
時長： 18 minutes 01 seconds

第50節組合式API（二）02
時長： 20 minutes 21 seconds

第51節組合式API（二）03
時長： 16 minutes 43 seconds

第52節組合式API（三）01
時長： 19 minutes 04 seconds

第53節組合式API（三）02
時長： 19 minutes 10 seconds

第54節組合式API（三）03
時長： 15 minutes 06 seconds

第55節組合式API（四）01
時長： 22 minutes 01 seconds

第56節組合式API（四）02
時長： 19 minutes 27 seconds

第57節組合式API（四）03
時長： 21 minutes 39 seconds
第7章 Vue3實戰（EWShop行動端模板開發）
展開收起

第1節項目初始化（一）01
時長： 18 minutes 16 seconds

第2節項目初始化（一）02
時長： 18 minutes 36 seconds

第3節項目初始化（一）03
時長： 22 minutes 25 seconds

第4節項目初始化（二）01
時長： 20 minutes 52 seconds

第5節項目初始化（二）02
時長： 21 minutes 22 seconds

第6節項目初始化（二）03
時長： 16 minutes 54 seconds

第7節開發導航條組件01
時長： 20 minutes 12 seconds

第8節開發導航條組件02
時長： 24 minutes 37 seconds

第9節開發導航條組件03
時長： 17 minutes 12 seconds

第10節通用組件開發01
時長： 19 minutes 35 seconds

第11節通用元件開發02
時長： 22 minutes 09 seconds

第12節通用元件開發03
時長： 18 minutes 25 seconds

第13節首頁選項卡和商品展示01
時長： 20 minutes 27 seconds

第14節首頁選項卡和商品展示02
時長： 23 minutes 05 seconds

第15節首頁選項卡和商品展示03
時長： 16 minutes 19 seconds

第16節上拉加載更多01
時長： 21 minutes 44 seconds

第17節上拉加載更多02
時長： 18 minutes 40 seconds

第18節上拉加載更多03
時長： 19 minutes 18 seconds

第19節首頁功能完善01
時長： 19 minutes 49 seconds

第20節首頁功能完善02
時長： 19 minutes 32 seconds

第21節首頁功能完善03
時長： 23 minutes 08 seconds

第22節安裝和使用元件庫01
時長： 19 minutes 08 seconds

第23節安裝與使用元件庫02
時長： 20 minutes 09 seconds

第24節安裝與使用元件庫03
時長： 16 minutes 50 seconds

第25節商品分類（上）01
時長： 20 minutes 20 seconds

第26節商品分類（上）02
時長： 19 minutes 58 seconds

第27節商品分類（上）03
時長： 19 minutes 11 seconds

第28節商品分類（下）01
時長： 17 minutes 54 seconds

第29節商品分類（下）02
時長： 24 minutes 40 seconds

第30節商品分類（下）03
時長： 15 minutes 42 seconds

第31節分類及詳情01
時長： 22 minutes 00 seconds

第32節分類及詳情02
時長： 25 minutes 06 seconds

第33節分類及詳情03
時長： 19 minutes 20 seconds

第34節登入和註冊01
時長： 17 minutes 29 seconds

第35節登入和註冊02
時長： 20 minutes 58 seconds

第36節登入和註冊03
時長： 18 minutes 04 seconds

第37節登入流程細化和專案安裝上線01
時長： 22 minutes 30 seconds

第38節登入流程細化和專案安裝上線02
時長： 18 minutes 18 seconds

第39節登入流程細化和專案安裝上線03
時長： 22 minutes 08 seconds

第40節專案其他流程01
時長： 17 minutes 56 seconds

第41節專案其他流程02
時長： 16 minutes 50 seconds

第42節專案其他流程03
時長： 17 minutes 07 seconds
第8章階段四：EWShop管理平台（TypeScript+新版Vite鷹架）
展開收起

第1節專案流程介紹01
時長： 21 minutes 13 seconds

第2節專案流程介紹02
時長： 23 minutes 14 seconds

第3節程式碼規格和初始化項目01
時長： 19 minutes 55 seconds

第4節程式碼規格和初始化項目02
時長： 20 minutes 24 seconds

第5節程式碼規格和初始化項目03
時長： 18 minutes 46 seconds

第6節項目初始化（下）01
時長： 17 minutes 28 seconds

第7節項目初始化（下）02
時長： 15 minutes 53 seconds

第8節項目初始化（下）03
時長： 14 minutes 44 seconds

第9節 api與登入邏輯01
時長： 20 minutes 30 seconds

第10節 api與登入邏輯02
時長： 20 minutes 30 seconds

第11節 api與登入邏輯03
時長： 18 minutes 33 seconds

第12節完成登入邏輯01
時長： 22 minutes 47 seconds

第13節完成登入邏輯02
時長： 22 minutes 36 seconds

第14節路由和Layout 01
時長： 18 minutes 05 seconds

第15節路由和Layout 02
時長： 19 minutes 13 seconds

第16節完成Layout01
時長： 18 minutes 13 seconds

第17節完成Layout02
時長： 18 minutes 40 seconds

第18節完成Layout03
時長： 12 minutes 32 seconds

第19節完成側邊欄和使用者清單頁面01
時長： 19 minutes 12 seconds

第20節完成側邊欄和使用者清單頁面02
時長： 20 minutes 12 seconds

第21節完成側邊欄和使用者清單頁面03
時長： 19 minutes 53 seconds

第22節完成使用者清單01
時長： 16 minutes 48 seconds

第23節完成使用者清單02
時長： 15 minutes 37 seconds

第24節完成使用者清單03
時長： 18 minutes 10 seconds

第25節完成用戶新增01
時長： 18 minutes 58 seconds

第26節完成用戶新增02
時長： 20 minutes 13 seconds

第27節完成用戶新增03
時長： 16 minutes 08 seconds

第28節完成使用者編輯和新增01
時長： 16 minutes 05 seconds

第29節完成使用者編輯和新增02
時長： 16 minutes 51 seconds

第30節完成使用者編輯和新增03
時長： 15 minutes 41 seconds

第31節完成圖片上傳01
時長： 17 minutes 39 seconds

第32節完成圖片上傳02
時長： 19 minutes 31 seconds

第33節完成圖片上傳03
時長： 15 minutes 41 seconds

第34節圖片上傳封裝與富文本01
時長： 20 minutes 40 seconds

第35節圖片上傳封裝與富文本02
時長： 17 minutes 09 seconds

第36節圖片上傳封裝與富文本03
時長： 08 minutes 42 seconds

第37節富文本封裝01
時長： 18 minutes 20 seconds

第38節富文本封裝02
時長： 18 minutes 43 seconds

第39節基於伺服器和OSS部署01
時長： 15 minutes 06 seconds

第40節基於伺服器和OSS部署02
時長： 15 minutes 16 seconds

第41節基於伺服器和OSS部署03
時長： 15 minutes 28 seconds

第42節基於Serverless部署01
時長： 22 minutes 40 seconds

第43節基於Serverless部署02
時長： 21 minutes 40 seconds

第44節代碼審查01
時長： 21 minutes 31 seconds

第45節代碼審查02
時長： 23 minutes 53 seconds