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

實(shí)驗(yàn)班 — 網(wǎng)頁(yè)布局

知識(shí)點(diǎn)分布

1，HTML

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

2，CSS

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

進(jìn)階班 — 移動(dòng)WEB

知識(shí)點(diǎn)分布

1，CSS高級(jí)特效

1.字體圖標(biāo) | 2.2D轉(zhuǎn)換 | 3.3D轉(zhuǎn)換 | 4.動(dòng)畫

2，移動(dòng)適配

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

3，響應(yīng)式

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

進(jìn)階班 — JavaScript

知識(shí)點(diǎn)分布

1，JavaScript基礎(chǔ)

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

2，WebAPI

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

3，JavaScript高級(jí)

1.字面量 | 2.構(gòu)造函數(shù) | 3.面向?qū)ο?| 4.原型 | 5.箭頭函數(shù) | 6.嚴(yán)格模式 | 7.閉包

4，JQuery

1.選擇器 | 2.節(jié)點(diǎn)方法 | 3.動(dòng)畫 | 4.動(dòng)畫隊(duì)列 | 5.事件 | 6.事件委托 | 7.鏈?zhǔn)讲僮?| 8.插件 | 9.插件機(jī)制

5，Ajax

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

6，Git

1.安裝和配置 | 2.本地操作的常用命令 | 3.分支與常用命令 | 4.遠(yuǎn)程倉(cāng)庫(kù)的使用

進(jìn)階班 — 框架前置課

知識(shí)點(diǎn)分布

1，No***js基礎(chǔ)

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.項(xiàng)目包 | 6.*pm命令 | 7.模塊加載

4，Express

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

5，EventLoop

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

6，webpack

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

進(jìn)階班 — Vu**js

知識(shí)點(diǎn)分布

1，Vue基礎(chǔ)

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

2，Vu**.0高級(jí)

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

進(jìn)階班 — Re****js

知識(shí)點(diǎn)分布

1，React基礎(chǔ)

1.*SX | 2.組件系統(tǒng) | 3.虛擬DOM | 4.生命周期 | 5.無(wú)狀態(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.基礎(chǔ)類型 | 2.聯(lián)合類型 | 3.字面量類型 | 4.類型推斷 | 5.類型斷言 | 6.泛型 | 7.類型聲明 | 8.ts整合hooks、redux、路由

5，小程序

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

進(jìn)階班 — 前端工程化

知識(shí)點(diǎn)分布

1，Webpack核心

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

2，腳手架工具

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

3，git flow全流程

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

進(jìn)階班 — 前端服務(wù)化

知識(shí)點(diǎn)分布

1，Koa/egg

1.理解EGG功能 | 2.使用EGG完成項(xiàng)目 | 3.*oa核心設(shè)計(jì)思想 | 4.*oa中間件編寫

2，NoSQL

1.***is核心概念及使用 | 2.***is在項(xiàng)目中的運(yùn)用 | 3.*****DB的概念及使用 | 4.*****DB在項(xiàng)目中的運(yùn)用

3，性能監(jiān)控

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

4，SSR

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