第一階段
HTML + CSS核心
- HTML常用標簽
- 盒模型
- CSS選擇器集群
- 偽元素/偽類
- 浮動/定位
- CSS3動畫
- CSS3過渡
- CC3漸變
- 經典布局方案
- 2d/3d變換
第二階段
JavaScript核心 + 高級
- 變量/內存
- 數據類型
- 條件語句
- 循環語句
- 函數/對象/數組
- DOM/BOM對象
- 閉包/原型/作用域
- 事件完整解析
- 線程/進程
- JavaScript繼承模式
- JavaScript算法
- JavaScript設計模式
- 棧/隊列
- 高級函數/函數柯里化
第三階段
jQuery框架 + Less + BootStrap
- jQuery發展史
- jQuery優缺點
- Less語法特點
- Less同Stylus,Sass區別
- BootStrap框架語法
- BootStrap組件應用
- jQuery設計模式
- jQueryAPI
- Less優缺點
- Less封裝
- BootStrap響應式原理
- BootStrap柵格系統源碼分析
第四階段
NodeJs + 工程化
- ECMAScript6新特性
- JavaScript異步編程
- Promise深入剖析
- Promise源碼實現
- git/npm
- axios/axios源碼
- Node基礎/Node搭建服務器
- Express/Koa/EJS
- mongoose/Mongoose
- 原生Ajax/跨域解決方案
- sha1、MD5加密
- CMD/AMD/CommonJS/ES6(模塊化)
第五階段
Vue技術棧 + webApp + 項目部署
- Vue核心基礎
- Vue指令/表達式/實例
- Vue組件通信
- Vue生命周期詳解
- Vue-router路由
- Vuex狀態管理
- Vue雙向數據綁定原理
- Vue數據劫持原理
- Vue性能優化(Diff算法/路由懶加載)
- Linux常用命令
- Nginx反向代理
- 阿里云項目部署
第六階段
React技術棧 + 工程化高級
- React核心基礎
- ReactJSX語法
- React組件
- React組件通信
- React-router-dom路由
- Redux
- Redux源碼分析
- Redux源碼分析
- webpackHMR(熱膜替換)
- webpack懶加載/預加載
- webpack源碼分析
- 自定義webpack
第七階段
小程序技術棧 +
服務器端框架
- 小程序核心語法
- 小程序路由
- 小程序生命周期
- 小程序WXML語法(遍歷，條件判斷等)
- 自定義組件
- 自定義模板
- 小程序分享
- 小程序分包
- 小程序支付流程
- Mpvue框架
- UniApp框架
- Koa/jwt/RESTFUL