HTML元素和屬性；HTML表單和圖形處理；HTML媒體和最佳實踐

CSS基本語法與選擇器；CSS背景、文本、邊框、輪廓與顏色；CSS列表、表單與表格樣式；CSS樣式層疊與繼承；CSS盒模型、定位、浮動和顯示屬性；CSS漸變、陰影與濾鏡；CSS變換、過渡與動畫； Web字體與多列布局

VSCode及插件；PhotoShop的使用和圖片整合；markman、pxcook工具使用；藍湖、sketch與axure工具使用

BFC、IFC、GFC、FFC等概念；Flex彈性布局；網格布局；媒體查詢；viewport、rem、vw、dpr與ppi

PC端網站布局規范；PC端管理系統布局規范；流式布局（100%布局）；等比縮放布局（rem布局）；響應式布局；移動端reset, 1px border, 高清圖片；移動端設備適配最佳實踐

基本語法；流程控制語句；函數與數組；String與Date；BOM與DOM；拖拽效果；客戶端存儲（cookie存儲、WebStorage)；正則表達式；Ajax；面向對象基礎；運動與游戲開發；數據結構與算法

Promise；async/await語法；try/catch語法；原型鏈；構造函數；執行上下文棧與執行上下文；作用域鏈；閉包；this；ES5-ES12；設計模式

JSON 語法規則；JSON5 的使用

TypeScript 介紹；TypeScript 入門；常用類型；類型縮??；函數；對象類型；類型操縱 類；模塊

變量聲明；類型推斷；枚舉；公共類型；Symbols；類型兼容性；迭代器和生成器；裝飾器；JSX；混入；三斜線指令；模塊；模塊解析；命名空間；命名空間與模塊；聲明合并

Linux 常用命令；Less/Sass；NPM；Git 的使用；AMD/CMD/UMD；ES6模塊化

Node.js 服務端開發；Node 基礎入門；Express 框架基礎；中間件開發；MVC開發模式；基于Express的后端路由；MongoDB數據庫的基本使用；MySQL數據庫的基本使用；基于Token的登錄狀態保持；Node.js的EventLoop；文件上傳（單文件/多文件）；模板引擎；靜態資源加載；服務端渲染頁面

基礎入門 為什么需要Webpack；小試 Webpack；自動引入資源；搭建開發環境；資源模塊；管理資源；使用 babel-loader；代碼分離；緩存；懶加載；拆分開發環境和生產環境

高級進階 提高開發效率，完善團隊開發規范；模塊與依賴；擴展功能；多頁面應用；Tree shaking；漸進式網絡應用程序 PWA；shimming 預置依賴；創建 library；模塊聯邦；提升構建性能

為什么選用Vite；搭建Vite開發環境；創建第一個Vite項目；NPM依賴解析和預構建（依賴預構建簡介、esbuild、緩存）；模塊熱重載（常用框架集成、HMR-API）；Vite+TypeScript；Vite中的Vue和JSX（使用Vite創建Vue2項目、Vite支持Vue3使用JSX）；在Vite中使用CSS；Vite靜態資源引用；Vite中使用WebWorker；Vite中引入WebAssembly；Vite中導入JSON及Glob導入；Vite中集成ESLint；構建生產版本；環境變量和模式；騰訊云Webify項目部署；服務端渲染SSR（Vue3案例、React案例）；后端集成