下一節: 淘宝PC端布局分析与布局框架实现 01617 次播放

5 秒后自动播放下一节
  重新觀看

前端基礎到實戰(HTML5+CSS3+ES6+NPM)

介紹 >
章節課件
第1章開學第一課

開發環境: vscode / chrome / phpEnv -1

17分鐘43秒

開發環境: vscode / chrome / phpEnv -2

19分鐘30秒

Markdown常用文法演示

21分鐘41秒

HTTP, URL的基本知識01

16分鐘46秒

HTTP, URL的基本知識02

26分鐘48秒
第2章細說html基礎

回顧開學第一課的重點 01

18分鐘53秒

回顧開學第一課的重點 02

17分鐘59秒

元素,標籤和屬性

19分鐘06秒

html文檔結構,顯示方式與元素類型 01

19分鐘51秒

html文檔結構,顯示方式與元素類型 02

19分鐘50秒

頁面三寶與Emmet語法實戰 01

17分鐘48秒

頁面三寶與Emmet語法實戰 02

19分鐘59秒
第3章細說HTML5必知標籤-1

html四大屬性類型

14分鐘42秒

html常用元素標籤: 佈局類

22分鐘01秒

html常用標籤: 圖像,連結,列表

24分鐘38秒

細說表格與常用屬性

25分鐘11秒

細說表單-<form>標籤與屬性

23分鐘30秒
第4章細說表單控件

常用表單控制項 1-1

19分鐘54秒

常用表單控制項 1-2

20分鐘23秒

常用表單控制項 1-3

20分鐘35秒

常用表單控制項 2-1

18分鐘40秒

常用表單控制項 2-2

18分鐘48秒

常用表單控制項 2-3

13分鐘50秒
第5章其它標籤與CSS基礎

媒體標籤與<iframe>框架元素01

19分鐘30秒

媒體標籤與<iframe>框架元素02

22分鐘36秒

CSS樣式來源與優先權 01

25分鐘24秒

CSS樣式來源與優先權 02

24分鐘40秒

CSS基本選擇器:標籤與屬性

16分鐘54秒
第6章細說選擇器權重與偽類選擇器

上下文選擇器新說

20分鐘06秒

細說選擇器權重(重點) 01

18分鐘41秒

細說選擇器權重(重點) 02

23分鐘23秒

細說偽類結構選擇器 01

16分鐘55秒

細說偽類結構選擇器 02

19分鐘35秒
第7章偽類實戰與盒子模型

狀態偽類原理與實戰案例 01

18分鐘21秒

狀態偽原理與實戰案例 02

18分鐘40秒

狀態偽類原理與實戰案例 03

17分鐘55秒

盒模型與核心屬性精講 01

22分鐘57秒

盒模型與核心屬性精講 02

24分鐘38秒
第8章CSS常用單位與表格樣式

CSS常用單位:px,em,rem

20分鐘03秒

CSS常用單位:px,em,rem 02

20分鐘10秒

CSS常用單位:px,em,rem 03

21分鐘11秒

CSS常用單位:px,em,rem 04

15分鐘08秒

CSS視窗單位: VW,VH與注意事項 01

17分鐘55秒

CSS視窗單位: VW,VH與注意事項 02

14分鐘22秒
第9章字體圖示,媒體查詢與定位

字體圖示 01

18分鐘17秒

字體圖示 02

19分鐘37秒

媒體查詢 01

15分鐘08秒

媒體查詢 02

13分鐘30秒

定位:相對,絕對,固定的原理與實現 01

25分鐘36秒

定位:相對,絕對,固定的原理與實現 02

23分鐘50秒
第10章定位實戰與Flex佈局屬性詳解

定位實戰(模態框) 01

13分鐘28秒

定位實戰(模態框) 02

20分鐘52秒

flex佈局常用屬性詳解 01

23分鐘04秒

flex佈局常用屬性詳解 02

19分鐘45秒

flex佈局常用屬性詳解 03

23分鐘36秒
第11章flex實戰與Grid佈局常用屬性

flex實戰之經典導航設計 01

20分鐘30秒

flex實戰之經典導航設計 02

12分鐘41秒

Grid之顯式網格與項目屬性 01

08分鐘31秒

Grid之顯式網格與項目屬性 02

18分鐘57秒

grid項目排列規則與隱含網格

12分鐘30秒

grid之項目對齊

21分鐘43秒

grid之行列間隙

07分鐘57秒
第12章移動端佈局原理與實戰

行動端佈局必知術語與實作原理 01

23分鐘18秒

行動端佈局必知術語與實作原理 02

21分鐘40秒

行動端佈局必知術語與實作原理 03

23分鐘31秒

淘寶行動端首頁: 頁首佈局 01

19分鐘39秒

淘寶行動端首頁: 頁首佈局 02

14分鐘48秒

行動端整體佈局解決方案(補錄)

06分鐘13秒
第13章淘寶行動端與PC端佈局

行動端頁尾,導覽與主體部分 01

19分鐘55秒

行動端頁尾,導覽與主體部分 02

19分鐘09秒

行動端頁尾,導覽與主體部分 03

23分鐘27秒

淘寶PC端佈局分析與版面框架實現 01

22分鐘09秒

淘寶PC端佈局分析與版面框架實現 02

19分鐘01秒

淘寶PC端佈局分析與版面框架實現 03

18分鐘17秒

淘寶PC端佈局分析與版面框架實現 04

12分鐘53秒
第14章JavaScript前世今生與程式碼成員

JS前世今生,前端發展史與命名規範 01

20分鐘52秒

JS前世今生,前端發展史與命名規範 02

19分鐘55秒

JS前世今生,前端發展史與命名規範 03

18分鐘05秒

細說控制台,變數,常數與函數型別 01

20分鐘44秒

細說控制台,變數,常數與函數型別 02

19分鐘32秒

細說控制台,變數,常數與函數型別 03

20分鐘19秒
第15章細說資料型別與流程控制

細說資料類型與應用場景 01

23分鐘13秒

細說資料類型與應用場景 02

21分鐘00秒

細說資料類型與應用場景 03

22分鐘40秒

作用域,物件字面量簡化與分支結構大全 01

20分鐘33秒

作用域,物件字面量簡化與分支結構大全 02

21分鐘15秒
第16章循環,模板函數,解構與訪問器

細說循環與函數參數與返回值 01

19分鐘17秒

細說循環與函數參數與返回值 02

18分鐘38秒

細說循環與函數參數與返回值 03

18分鐘26秒

模板函數,解構與存取器屬性 01

18分鐘14秒

模板函數,解構與存取器屬性 02

23分鐘57秒

模板函數,解構與存取器屬性 03

20分鐘28秒
第17章類別與物件,字串與陣列常用API大全

細說建構子與類別class 01

16分鐘39秒

細說建構子與類別class 02

14分鐘39秒

細說建構子與類別class 03

17分鐘13秒

字串,陣列常用API 01

20分鐘34秒

字串,陣列常用API 02

20分鐘24秒

字串,陣列常用API 03

21分鐘49秒
第18章常用DOM操作

陣列的增刪操作常用API

23分鐘27秒

瀏覽器的JS與如何取得DOM元素 01

14分鐘48秒

瀏覽器的JS與如何取得DOM元素 02

13分鐘30秒

表單元素的取得與DOM樹的遍歷 01

23分鐘39秒

表單元素的取得與DOM樹的遍歷 02

22分鐘56秒
第19章DOM增刪改API與實戰

DOM增刪改常用API大全 01

19分鐘56秒

DOM增刪改常用API大全 02

19分鐘17秒

DOM增刪改常用API大全 03

14分鐘56秒

DOM實戰之todoList留言板 01

16分鐘24秒

DOM實戰之todoList留言板 02

14分鐘35秒

dataset物件與CSS計算樣式

20分鐘07秒
第20章細說事件與事件對象

classList操作元素class

13分鐘20秒

常用的事件新增與刪除 01

17分鐘07秒

常用的事件新增與刪除 02

17分鐘07秒

事件冒泡,事件委託與表單事件 01

24分鐘53秒

事件冒泡,事件委託與表單事件 02

26分鐘03秒
第21章細說模組應用場景與模組化選項卡實戰

細說模組導出/導出常用語法與使用場景 01

17分鐘57秒

細說模組導出/導出常用語法與使用場景 02

20分鐘04秒

細說模組導出/導出常用語法與使用場景 03

16分鐘21秒

實戰之:經典選項卡 ( 全程使用模組實現) 重要 01

21分鐘21秒

實戰之:經典選項卡 ( 全程使用模組實現) 重要 02

16分鐘06秒

實戰之:經典選項卡 ( 全程使用模組實現) 重要 03

26分鐘22秒
第22章經典輪播圖實戰與JSON

經典輪播圖實戰(模組版/重點) 01

20分鐘42秒

經典輪播圖實戰(模組版/重點) 02

20分鐘21秒

經典輪播圖實戰(模組版/重點) 03

19分鐘32秒

經典輪播圖實戰(模組版/重點) 04

21分鐘39秒

JSON與常用 API

19分鐘30秒
第23章購物車實戰與跨域請求實戰

購物車實戰(模組/多功能) 01

22分鐘17秒

購物車實戰(模組/多功能) 02

23分鐘46秒

購物車實戰(模組/多功能) 03

24分鐘14秒

跨域請求解決方案(以JSONP為例) 01

20分鐘42秒

跨域請求解決方案(以JSONP為例) 02

22分鐘11秒
第24章非同步程式設計與fetch API

非同步原理與傳統的XHR 01

21分鐘05秒

非同步原理與傳統的XHR 02

23分鐘01秒

非同步原理與傳統的XHR 03

20分鐘03秒

fetch 與 async,await, CPS等 01

20分鐘11秒

fetch 與 async,await, CPS等 02

20分鐘06秒
第25章Node.js基礎與NPM

fetch 常用案例簡介 01

18分鐘11秒

fetch 常用案例簡介 02

17分鐘39秒

node常用模組與NPM常用指令簡介 01

22分鐘44秒

node常用模組與NPM常用指令簡介 02

25分鐘44秒

node常用模組與NPM常用指令簡介 03

23分鐘25秒
第26章Vue術語與常用指令

Vue簡介與引用方式 01

16分鐘45秒

Vue簡介與引用方式 02

18分鐘14秒

Vue簡介與引用方式 03

17分鐘18秒

vue常用術語與指示簡介 01

18分鐘20秒

vue常用術語與指示簡介 02

17分鐘52秒

vue常用術語與指示簡介 03

20分鐘19秒
第27章列表與條件渲染,計算/偵聽屬性等

事件/事件修飾符/列表渲染指令 01

18分鐘56秒

事件/事件修飾符/清單渲染指令 02

17分鐘37秒

事件/事件修飾符/清單渲染指令 03

21分鐘23秒

條件渲染與鍵盤修飾符todolist

25分鐘55秒
第28章計算屬性與組件和組件通信

計算屬性,偵聽器屬性原理與實戰 01

17分鐘26秒

計算屬性,偵聽器屬性原理與實戰 02

22分鐘02秒

計算屬性,偵聽器屬性原理與實戰 03

14分鐘23秒

組件的定義以及組件之間通訊原理 01

16分鐘25秒

組件的定義以及組件之間通訊原理 02

15分鐘46秒

組件的定義以及組件之間通訊原理 03

17分鐘15秒
第29章前端複習與總結

html 知識點總結 01

15分鐘23秒

html 知識點總結 02

19分鐘28秒

html 知識點總結 03

19分鐘01秒

css與js知識點總結 01

24分鐘57秒

css與js知識點總結 02

25分鐘30秒
  • 取消回覆傳送
  • 取消發佈筆記傳送