鴻蒙生態(tài)應用開發(fā)學習路線圖

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

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

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

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

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

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

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

JSON 語法規(guī)則；JSON5 的使用

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

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

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

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

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

高級進階 提高開發(fā)效率，完善團隊開發(fā)規(guī)范；模塊與依賴；擴展功能；多頁面應用；Tree shaking；漸進式網(wǎng)絡應用程序 PWA；shimming 預置依賴；創(chuàng)建 library；模塊聯(lián)邦；提升構建性能

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