第十八期_前端開發

• 第1章 1220-開學第一課:開發環境
• 1-1 軟體下載與編輯器安裝01
• 1-2 軟體下載與編輯器安裝02
• 1-3 vscode常用插件與markdown語法01
• 1-4 vscode常用插件與markdown語法02
• 1-5 html文檔結構與檢視方式01
• 1-6 html文檔結構與檢視方式02
• 第2章 1221-開發環境配置與HTML常用標籤
• 2-1 開學第一課: 開發環境配置(精華版)01
• 2-2 開學第一課: 開發環境配置(精華版)02
• 2-3 Ement語法/屬性/佈局元素01
• 2-4 Ement語法/屬性/佈局元素02
• 2-5 Ement語法/屬性/佈局元素03
• 第3章 1222 - html常用標籤介紹
• 3-1 圖片,連結,列表,表格等01
• 3-2 圖片,連結,列表,表格等02
• 3-3 表單,內嵌框架與多媒體元素01
• 3-4 表單,內嵌框架與多媒體元素02
• 3-5 表單,內嵌框架與多媒體元素03
• 第4章 1223-CSS樣式來源與選擇器
• 4-1 css元素樣式來源分析01
• 4-2 css元素樣式來源分析02
• 4-3 css基本選擇器,上下文選擇器與權重(重點)01
• 4-4 css基本選擇器,上下文選擇器與權重(重點)02
• 4-5 css基本選擇器,上下文選擇器與權重(重點)03
• 第5章 1224-細說偽類,盒子模型,響應式佈局
• 5-1 細說偽類選擇器(重點)01
• 5-2 細說偽類選擇器(重點)02
• 5-3 細說偽類選擇器(重點)03
• 5-4 字體圖示,盒子模型,常用版面單位01
• 5-5 字體圖示,盒子模型,常用版面單位02
• 5-6 字體圖示,盒子模型,常用版面單位03
• 5-7 grid佈局欣賞(擴展)
• 第6章 1227-媒體查詢,定位與flex,grid
• 6-1 媒體查詢與表格常用樣式實例01
• 6-2 媒體查詢與表格常用樣式實例02
• 6-3 定位與實戰01
• 6-4 定位與實戰02
• 6-5 flex容器與項目常用屬性01
• 6-6 flex容器與項目常用屬性02
• 第7章 1228-行動裝置佈局原理與Grid佈局
• 7-1 行動端佈局解決方案: rem + vw01
• 7-2 行動端佈局解決方案: rem + vw02
• 7-3 行動端佈局解決方案: rem + vw03
• 7-4 細說Grid佈局原理與實戰01
• 7-5 細說Grid佈局原理與實戰02
• 7-6 細說Grid佈局原理與實戰03
• 第8章 1229-JavaScript高效開發環境與程式設計基礎
• 8-1 JS學習環境與程式中的成員分析01
• 8-2 JS學習環境與程式中的成員分析02
• 8-3 JS學習環境與程式中的成員分析03
• 8-4 細說作用域與常數,標識符命名規範01
• 8-5 細說作用域與常數,標識符命名規範02
• 第9章 1230-細說函數,資料型
• 9-1 附加課程: 手寫柵格佈局元件與實戰(Grid版)（01）
• 9-2 附加課程: 手寫柵格佈局元件與實戰(Grid版)（02）
• 9-3 細說函數與資料型態01
• 9-4 細說函數與資料型態02
• 9-5 細說函數與資料型態03
• 9-6 細說函數與資料型態04
• 9-7 細說函數與資料型態05
• 第10章 1231- 流程控制,函數參數與範本字面量
• 10-1 細說流程控制之分支與循環01
• 10-2 細說流程控制之分支與循環02
• 10-3 細說流程控制之分支與循環03
• 10-4 細說函數參數與返回值
• 10-5 對象字面量的簡化方案
• 10-6 模板字面量與模板函數
• 第11章 0104-閉包/類別與物件/解構/瀏覽器的JS
• 11-1 閉包/訪問器屬性01
• 11-2 閉包/訪問器屬性02
• 11-3 類別與物件/解構賦值01
• 11-4 類別與物件/解構賦值02
• 11-5 js引入與獲取DOM元素的方法
• 第12章 0105-dom實戰與事件
• 12-1 dom常用操作與dom實戰01
• 12-2 dom常用操作與dom實戰02
• 12-3 dom常用操作與dom實戰03
• 12-4 dom常用操作與dom實戰04
• 12-5 dataset,classList,事件新增與派發01
• 12-6 dataset,classList,事件新增與派發02
• 第13章 0106-JS運作機制與字串,陣列常用API
• 13-1 JS表單事件與運行機制:單執行緒+事件循環與實例示範01
• 13-2 JS表單事件與運行機制:單執行緒+事件循環與實例示範02
• 13-3 JS表單事件與運行機制:單執行緒+事件循環與實例示範03
• 13-4 字串與陣列常用API實例示範01
• 13-5 字串與陣列常用API實例示範02
• 第14章 0107-JS經典實戰
• 14-1 選項卡與購物車01
• 14-2 選項卡與購物車02
• 14-3 選項卡與購物車03
• 14-4 事件訂閱與發布,輪播圖與懶加載實戰01
• 14-5 事件訂閱與發布,輪播圖與懶加載實戰02
• 第15章 0110-JSON與Promise和模組常識
• 15-1 JSON與Promise,fetch,async,await操作01
• 15-2 JSON與Promise,fetch,async,await操作02
• 15-3 JSON與Promise,fetch,async,await操作03
• 15-4 JSON與Promise,fetch,async,await操作04
• 15-5 模組常識
• 第16章 0111- 線上相簿管理器實戰與Node基礎
• 16-1 DOM實戰: 線上相簿管理器
• 16-2 Node基礎知識與npm套件管理常用操作01
• 16-3 Node基礎與npm套件管理常用操作02
• 16-4 Node基礎知識與npm套件管理常用操作03
• 第17章 0112-node運作原理與常用模組介紹
• 17-1 node運行原理01
• 17-2 node運行原理02
• 17-3 node常用模組簡介01
• 17-4 node常用模組簡介02
• 17-5 node常用模組簡介03
• 第18章 0113- Vue原理與常用指令
• 18-1 vue常用術語與常用指令1-01
• 18-2 vue常用術語與常用指令1-02
• 18-3 vue常用術語與常用指令1-03
• 第19章 0114 - 事件,列表渲染與元件通信
• 19-1 事件與條件,列表渲染01
• 19-2 事件與條件,列表渲染02
• 19-3 計算屬性與偵聽器01
• 19-4 計算屬性與偵聽器02
• 19-5 全域元件與元件之間的通信
• 19-6 Git常用操作快速上手