目標是為學習者提供構建和開發(fā)各種網(wǎng)站和應用程序所需的獨特技能。該課程的畢業(yè)生將能夠使用 CSS、Flexbox 和 CSS Grid 構建響應式網(wǎng)站，使用 JavaScript 和 HTML 開發(fā)交互式網(wǎng)站和 UI（用戶界面）應用程序，并使用 JavaScript 或者框架（例如Vu**js）將 Web 應用程序連接到后端服務器數(shù)據(jù)。學生還將建立使用 Webpack 自動構建和部署應用程序的能力。

實驗班 — 網(wǎng)頁布局

知識點分布

1，HTML

1.**ml基礎語法 | 2.排版標簽 | 3.路徑 | 4.多媒體標簽 | 5.鏈接標簽 | 6.列表標簽 | 7.表格標簽 | 8.表單標簽 | 9.布局標簽 | 10.語義化標簽 | 11.字符實體

2，CSS

1.選擇器 | 2.外觀樣式 | 3.文字 | 4.背景 | 5.標準流 | 6.三大特性 | 7.盒子模型 | 8.偽元素 | 9.浮動 | 10.偽類 | 11.定位 | 12.圓角樣式 | 13.陰影樣式 | 14.透明 | 15.過渡

進階班 — 移動WEB

知識點分布

1，CSS高級特效

1.字體圖標 | 2.2D轉換 | 3.3D轉換 | 4.動畫

2，移動適配

1.*em、vm、vh | 2.**ex布局模型 | 3.**ss基礎語法 | 4.視口 | 5.分辨率 | 6.二倍圖 | 7.移動適配 | 8.媒體查詢

3，響應式

1.媒體查詢 | 2.b****trap框架 | 3.柵格系統(tǒng) | 4.組件 | 4.響應式網(wǎng)頁布局

進階班 — JavaScript

知識點分布

1，JavaScript基礎

1.變量 | 2.數(shù)據(jù)類型 | 3.運算符 | 4.分支結構語句 | 5.循環(huán)結構語句 | 6.數(shù)組 | 7.函數(shù) | 8.對象 | 9.內(nèi)置對象

2，WebAPI

1.*OM | 2.間歇函數(shù)、延遲函數(shù) | 3.事件 | 4.高階函數(shù) | 5.環(huán)境對象 | 6.節(jié)點操作 | 7.*OM | 8.****ow對象 | 9.本地存儲 | 10.自定義屬性 | 11.正則表達式

3，JavaScript高級

1.字面量 | 2.構造函數(shù) | 3.面向對象 | 4.原型 | 5.箭頭函數(shù) | 6.嚴格模式 | 7.閉包

4，JQuery

1.選擇器 | 2.節(jié)點方法 | 3.動畫 | 4.動畫隊列 | 5.事件 | 6.事件委托 | 7.鏈式操作 | 8.插件 | 9.插件機制

5，Ajax

1.客戶端與服務器 | 2.***os | 3.接口 | 4.**rm表單 | 5.攔截器 | 6.******ta | 7.文件上傳 | 8.防抖 | 9.節(jié)流 | 10.跨域

6，Git

1.安裝和配置 | 2.本地操作的常用命令 | 3.分支與常用命令 | 4.遠程倉庫的使用

進階班 — 框架前置課

知識點分布

1，No***js基礎

1.*****js和瀏覽器的區(qū)別 | 2.環(huán)境安裝 | 3.終端重用命令 | 4.在No***js中執(zhí)行js代碼 | 5.FS模塊 | 6.**th模塊

2，模塊化

1.模塊化的基本概念 | 2.******JS | 3.模塊的分類 | 4.模塊作用域

3，NPM

1.包的概念 | 2.*pm | 3.配置管理文件 | 4.全局包 | 5.項目包 | 6.*pm命令 | 7.模塊加載

4，Express

1.安裝和配置 | 2.處理GET請求 | 3.處理POST請求 | 4.獲取參數(shù) | 5.處理跨域 | 6.中間件 | 7.**ST API | 8.j******rver

5，EventLoop

1.*S6模塊化 | 2.*****se | 3.a*******ait | 4.E****Loop | 5.宏任務 | 6.微任務

6，webpack

1.工程化開發(fā)的概念 | 2.基本配置 | 3.d*****rver | 4.h**************ugin | 5.常用loder | 6.***el

進階班 — Vu**js

知識點分布

1，Vue基礎

1.**VM | 2.*PA | 3.*ue調(diào)試工具 | 4.虛擬DOM | 5.**ff算法 | 6.指令系統(tǒng) | 7.*****el原理 | 8.數(shù)據(jù)選項 | 9.生命周期 | 10.樣式穿透 | 11.動態(tài)樣式 | 12.插槽 | 13.組件系統(tǒng) | 14.組件通信 | 15.自定義指令 | 16**ef | 17.動態(tài)組件 | 18.$nextTick | 19.自定義事件 | 20.計算屬性 | 21.偵聽器 | 22.組件庫 | 23.組件封裝 | 24.路由系統(tǒng) | 25.導航守衛(wèi) | 26******li | 27.工程化基礎 | 28****os | 29.********tors

2，Vu**.0高級

1.**te | 2.選項API | 3.組合API | 4.***up | 5.生命周期 | 6.******ve | 7.***ef | 8.****fs | 9.******ed | 10.組件通信 | 11.依賴注入 | 12**ef邊界

進階班 — Re****js

知識點分布

1，React基礎

1.*SX | 2.組件系統(tǒng) | 3.虛擬DOM | 4.生命周期 | 5.無狀態(tài)組件 | 6.有狀態(tài)組件 | 7.組件通信 | 8.c***********-app | 9.路由 | 10.插值 | 11****te

2，Hooks

1.******te | 2.u****fect | 3.****ef | 4.u*****text

3，Redux

1.狀態(tài)管理流程 | 2.****on | 3.******ch | 4.***re | 5.*****er | 6.中間件 | 7.c**********cers | 8.r******edux | 9.開發(fā)調(diào)試工具

4，TypeScript

1.基礎類型 | 2.聯(lián)合類型 | 3.字面量類型 | 4.類型推斷 | 5.類型斷言 | 6.泛型 | 7.類型聲明 | 8.ts整合hooks、redux、路由

5，小程序

1.跨平臺開發(fā) | 2.微信登錄 | 3.微信支付 | 4.下拉刷新/上拉加載 | 5.數(shù)據(jù)緩存

進階班 — 前端工程化

知識點分布

1，Webpack核心

1.基本配置 | 2.作用與原理 | 3.過程配置 | 4.工程化常見工具及工作原理 | 5.性能優(yōu)化 | 6.多頁應用

2，腳手架工具

1.*****li | 2.c***********-app | 3.a******-cli | 4.*LI原理

3，git flow全流程

1.提交 | 2.子模塊 | 3.分支管理 | 4.重置回退 | 5.多人協(xié)同git工作流 | 6.*it常見分支管理命令

進階班 — 前端服務化

知識點分布

1，Koa/egg

1.理解EGG功能 | 2.使用EGG完成項目 | 3.*oa核心設計思想 | 4.*oa中間件編寫

2，NoSQL

1.***is核心概念及使用 | 2.***is在項目中的運用 | 3.*****DB的概念及使用 | 4.*****DB在項目中的運用

3，性能監(jiān)控

1.服務端日志收集 | 2.接入第三方監(jiān)控平臺 | 3.服務端錯誤預警 | 4.分析用戶行為 | 5.建立用戶畫像

4，SSR

1.*SR概念及原理 | 2.*SR環(huán)境搭建 | 3.優(yōu)化 | 4.*****js