2024年(nian)可能會是鴻蒙最火(huo)爆的(de)一年(nian)，鴻蒙人才的(de)緊(jin)缺(que)，讓不少(shao)(shao)開發者都心動，最近收(shou)到不少(shao)(shao)伙伴的(de)私信想了(le)解鴻蒙的(de)學習線(xian)路(lu)，特(te)意整理了(le)下。喜歡的(de)可以加個收(shou)藏(zang)。
千鋒鴻蒙(meng)學(xue)習路線分為四(si)部分：
01第一站：開發熱身
開發熱身總共有(you)5步，以下是步驟(zou)詳(xiang)解：
第1步：Web 頁面布局
HTML：HTML元素和(he)屬性;HTML表單和(he)圖形(xing)處理;HTML媒體和(he)最佳實踐(jian)
CSS：CSS基本語(yu)法與(yu)(yu)選(xuan)擇器;CSS背景、文(wen)本、邊框、輪廓與(yu)(yu)顏色;CSS列表、表單(dan)與(yu)(yu)表格樣(yang)式;CSS樣(yang)式層(ceng)疊(die)與(yu)(yu)繼(ji)承;CSS盒(he)模型、定位、浮動(dong)和顯示屬性(xing);CSS漸變(bian)、陰影與(yu)(yu)濾鏡(jing);CSS變(bian)換、過渡與(yu)(yu)動(dong)畫(hua); Web字體與(yu)(yu)多(duo)列布局
頁面制作工具：VSCode及插件;PhotoShop的使用和圖(tu)片(pian)整合(he);markman、pxcook工具使用;藍湖(hu)、sketch與axure工具使用
布(bu)局(ju)技術：BFC、IFC、GFC、FFC等(deng)概念(nian);Flex彈性布(bu)局(ju);網格布(bu)局(ju);媒體(ti)查詢;viewport、rem、vw、dpr與(yu)ppi
布(bu)局(ju)(ju)規范與方案(an)：PC端網站布(bu)局(ju)(ju)規范;PC端管理系統(tong)布(bu)局(ju)(ju)規范;流式布(bu)局(ju)(ju)(100%布(bu)局(ju)(ju));等比(bi)縮放(fang)布(bu)局(ju)(ju)(rem布(bu)局(ju)(ju));響應式布(bu)局(ju)(ju);移動端reset, 1px border, 高清圖片;移動端設備適配最佳(jia)實踐.
第2步(bu)：JavaScript 語言
原生JavaScript交互功能開發(fa)：基本語法;流程控制語句;函數(shu)與數(shu)組;String與Date;BOM與DOM;拖拽效果(guo);客(ke)戶端存儲(chu)(cookie存儲(chu)、WebStorage);正則表達式;Ajax;面向對象(xiang)基礎;運(yun)動與游戲開發(fa);數(shu)據結構與算法。
面向對(dui)象(xiang)進階與(yu)ES應用：Promise;async/await語法;try/catch語法;原型(xing)鏈;構造函數;執行上下(xia)文(wen)棧與(yu)執行上下(xia)文(wen);作用域(yu)鏈;閉包;this;ES5-ES12;設計模式。
JSON 數據(ju)交(jiao)換格式：JSON 語法規則;JSON5 的使用
第 3 步：TypeScript 語言
基礎入門：TypeScript 介(jie)紹;TypeScript 入門;常用類(lei)型(xing);類(lei)型(xing)縮小;函數(shu);對象(xiang)類(lei)型(xing);類(lei)型(xing)操縱類(lei);模塊。
高級進階：變(bian)量聲(sheng)明;類型推(tui)斷;枚舉;公共類型;Symbols;類型兼容性;迭代器(qi)(qi)和生成器(qi)(qi);裝飾器(qi)(qi);JSX;混入;三(san)斜線指令;模(mo)塊(kuai);模(mo)塊(kuai)解析;命(ming)名空(kong)間(jian);命(ming)名空(kong)間(jian)與(yu)模(mo)塊(kuai);聲(sheng)明合(he)并。
第 4 步：Node.js
前(qian)端工程化與(yu)模塊化：Linux 常用命令(ling);Less/Sass;NPM;Git 的使(shi)用;AMD/CMD/UMD;ES6模塊化
高級進階：Node.js 服務端(duan)開(kai)發;Node 基(ji)礎(chu)入(ru)門;Express 框架基(ji)礎(chu);中間件開(kai)發;MVC開(kai)發模(mo)式;基(ji)于Express的(de)(de)后端(duan)路由;MongoDB數(shu)據庫(ku)的(de)(de)基(ji)本(ben)(ben)使(shi)用(yong);MySQL數(shu)據庫(ku)的(de)(de)基(ji)本(ben)(ben)使(shi)用(yong);基(ji)于Token的(de)(de)登錄狀態保持;Node.js的(de)(de)EventLoop;文(wen)件上傳(chuan)(單文(wen)件/多文(wen)件);模(mo)板引擎(qing);靜態資源(yuan)加載;服務端(duan)渲(xuan)染頁面
第 5 步：構建工具
Webpack:
基礎(chu)入(ru)門：為什么需(xu)要Webpack;小試 Webpack;自動引入(ru)資(zi)源(yuan);搭(da)建開(kai)發環境(jing);資(zi)源(yuan)模(mo)塊;管理資(zi)源(yuan);使(shi)用 babel-loader;代碼分(fen)離;緩存;懶(lan)加載;拆分(fen)開(kai)發環境(jing)和(he)生產(chan)環境(jing)。
高級進(jin)階：提(ti)高開發效(xiao)率，完善團(tuan)隊開發規范;模(mo)塊與依賴(lai);擴展功能;多(duo)頁(ye)面(mian)應(ying)用;Tree shaking;漸進(jin)式網絡(luo)應(ying)用程序 PWA;shimming 預置依賴(lai);創建 library;模(mo)塊聯邦(bang);提(ti)升構建性(xing)能。
vite：為(wei)什么(me)選(xuan)用(yong)(yong)Vite;搭(da)建(jian)Vite開發環境;創(chuang)建(jian)第一個Vite項(xiang)目(mu)(mu);NPM依賴解(jie)析和預構(gou)建(jian)(依賴預構(gou)建(jian)簡(jian)介、esbuild、緩存(cun));模塊熱重載(常用(yong)(yong)框架(jia)集成(cheng)(cheng)、HMR-API);Vite+TypeScript;Vite中(zhong)的(de)Vue和JSX(使用(yong)(yong)Vite創(chuang)建(jian)Vue2項(xiang)目(mu)(mu)、Vite支持Vue3使用(yong)(yong)JSX);在Vite中(zhong)使用(yong)(yong)CSS;Vite靜(jing)態資源(yuan)引用(yong)(yong);Vite中(zhong)使用(yong)(yong)WebWorker;Vite中(zhong)引入(ru)WebAssembly;Vite中(zhong)導(dao)(dao)入(ru)JSON及Glob導(dao)(dao)入(ru);Vite中(zhong)集成(cheng)(cheng)ESLint;構(gou)建(jian)生產版(ban)本;環境變量(liang)和模式(shi);騰訊云Webify項(xiang)目(mu)(mu)部署;服(fu)務端(duan)渲染(ran)SSR(Vue3案例(li)、React案例(li));后端(duan)集成(cheng)(cheng)。
02第二站：開發入門
第二站總共分7步(bu)，涉及鴻蒙應用開發及arkts語言等，以下是詳細步(bu)驟：
第 1 步：走進鴻蒙應用開發(fa)
分為10個部分，以下是(shi)具體：
1、攜手打造全場景鴻(hong)蒙生態
2、HarmonyOS 應用開發技術新進展
3、ArkTS 語言和演進
4、ArkUI 開發框架(jia)，打造精致(zhi)UI交互體驗
5、ArkUI 跨平臺方案(an)
6、高性能應(ying)用探索(suo)之旅(lv)
7、HarmonyOS 端云(yun)開放能力
8、文件存儲與數據管理(li)
9、HarmonyOS 暢聯，自由分(fen)享
10、HarmonyOS 網絡(luo)應用開發
第(di) 2 步：通(tong)關HarmonyOS應用開發者(zhe)基礎(chu)認證
第二步涉及12個部(bu)分，以下是具體：
1、使用 DevEco Studio 高效開發
2、構建第一個 ArkTS 應用
3、ArkTS 開發語(yu)言
4、應用程序框架
5、使用常用組件構建頁面
6、動畫基礎應用
7、HTTP數(shu)據請求
8、應用數據管理
9、給應用添加(jia)通知(zhi)和提(ti)醒
10、應用服務上架
11、三方(fang)庫的基本使(shi)用
12、HarmonyOS 云開發簡介
第3步(bu)：深入學習 ArkTS 語言
第三步涉及8個部分(fen)，以下(xia)是具體(ti)：
1、ArkTS 在 TS 上基本語法能(neng)力擴(kuo)展
2、ArkTS 在 TS 上狀(zhuang)態(tai)管理能力擴展
3、ArkTS 在 TS 上渲染(ran)控(kong)制能力(li)擴(kuo)展
4、ArkTS 語言常用(yong)的基礎能力
5、ArkTS 語(yu)言并(bing)發能力
6、ArkTS 語言 XML/URL/URI 解析構(gou)造(zao)等能力
7、ArkTS 語(yu)言進程信(xin)息獲(huo)取和操作能力
8、ArkTS 線性和非線性容器
第4步：Stage 模型開發(fa)
第四步有12個部分，以(yi)下是具體(ti)：
1、應用模型概述
2、應用/組件級配置
3、UIAbility 組件(jian)
4、ExtensionAbility 組件
5、AbilityStage 組件容器
6、應(ying)用上下文 Context
7、信息傳(chuan)遞載體 Want
8、任務管理模型
9、后臺任務管理
10、進程模型
11、線程模型
12、Ability開發案例
第5步：UI 開(kai)發(fa)案例集(ji)
第五(wu)步涉及14個部分，以下是具體：
1、視頻APP開發
2、電子相冊案例
3、構建多種樣式彈(dan)窗
4、簡易計算器
5、抽獎輪盤應用
6、像素轉換案例
7、二級聯動案例
8、目標管理案例
9、布局案例大合集
10、可刷新的排行榜
11、動效、專(zhuan)場動畫(hua)與自定義下拉刷新(xin)動畫(hua)
12、Web組件之 Cookie 常見操作
13、Swiper 與 Slider 案例
14、List 組件案例
第6步：設備(bei)與交互開發
第六步涉及5個部分，以下是具體：
1、設備管理
2、公共事件與通知
3、窗口管理
4、多媒體開發
5、電話服務
第7步：網絡(luo)連(lian)接與數據文件管理
第七步涉及(ji)7個部分，以下是(shi)具體：
1、網絡管理
2、IPC與RPC通(tong)信
3、用戶首選項
4、關系(xi)型數據庫(ku)(RelationalStore)
5、分布式數據對象
6、文件管理
7、網絡連接(jie)與數(shu)據庫案例
03第三站：進階開發
第三站(zhan)進(jin)階開(kai)發總共分為9步，以下是具體(ti)：
第 1 步：WebView 適配開發
1、Web 組件和 WebView 概(gai)念介(jie)紹
2、Web 組件的基本使(shi)用
3、WebView 的基本使用
4、案例開發：Web 組件抽(chou)獎(jiang)
第 2 步：Native 適配開(kai)發
1、Native API 基本知識
2、Native API 開(kai)發流程
3、Native API 典型(xing)開發場景
4、Native API 代碼(ma)集(ji)成(cheng)
第 3 步(bu)：常用三方庫的使(shi)用
1、三方庫介紹 HAR
2、三方(fang)庫中心倉(cang)與包管理工具
3、三方(fang)庫開發移(yi)植(zhi)和發布
4、應用開(kai)發(fa)中使(shi)用 ohpm 管理開(kai)源三方庫
5、一個(ge)例子：@ohos/axios：網絡請求庫
6、在(zai)三方(fang)庫中心(xin)倉查找更多的(de)三方(fang)庫
第 4 步：一次開發，多端部署(shu)
1、定義和目標
2、界面級一多開發
3、功能級一多開發
4、工程級一多開發
5、購物應用案例
6、音樂專輯案例
第 5 步：端云一體化(hua)開發
1、端云一(yi)體化工(gong)程簡(jian)介和概覽
2、工程創建及配置
3、端云一體化組件集成
4、云函數開發及使(shi)用
5、云(yun)數據庫(ku)開發(fa)及使用
6、云存儲入門指南
7、一鍵式部署云工程
第 6 步(bu)：低代碼開(kai)發
1、低代碼的定義
2、DevEco 低代碼關鍵能力(li)和特性(xing)介紹
3、DevEco 低代(dai)碼(ma)技術原理
4、端(duan)側組件支持自適應(ying)布局
5、豐富的行(xing)業模(mo)板和組(zu)件(jian)
6、DevEco 低代碼開發元服務流程和案例
第 7 步(bu)：元服務(wu)：打造卡片外(wai)顯、服務(wu)直達的新體驗
1、元務概覽(lan)和案例(li)分享(xiang)
2、元服務初體驗
3、基于 AGC 模板(ban)開(kai)發元服務
4、元服務上架指南
第 8 步：ArkUI-X 構建跨平臺應用
1、項(xiang)目(mu)介(jie)紹與關鍵特性
2、技術架構與演進(jin)路線
3、ArkUI-X 快(kuai)速入門
4、購物(wu)車示例(li)應用(API 10)
5、健(jian)康飲食示(shi)例應用(API 10)
第 9 步：通關HarmonyOS應用(yong)開發者高(gao)級認證
1、HarmonyOS 系統特征介紹(shao)
2、HarmonyOS 應用(yong)架構介紹(shao)
3、準備工作
4、應用開發知識域
5、閉源庫集成指導
6、三方庫使用
7、HarmonyOS 上(shang)架
04第四站：項目實戰
本階段共四(si)步，以下是具體(ti)：
第 1 步：WebView 適(shi)配開發
1、鴻蒙項(xiang)目工程架構分析
2、項目需求分析
第 2 步：鴻蒙手機端APP功(gong)能開發
1、首頁框架搭建
2、網(wang)絡請(qing)求組件開發
3、證(zheng)件照分類頁框架搭(da)建
4、登錄組件開發
5、制作(zuo)證件(jian)照框架搭建
6、從相冊選擇：切換背景(jing)、美顏(yan)與換裝
7、相機拍攝
8、裁剪證件照
9、證件照換底
10、搜索功能
11、支付組件開發
12、“我的”頁面(mian)開發
第 3 步(bu)：項目測(ce)試
1、HarmonyOS應用(yong)測試服(fu)務平臺概覽
2、DevEco Stutio 調(diao)試與單元測試
3、DevEco Tesing 上架預測試(shi)
第 4 步：項(xiang)目應(ying)用上架
1、創建項目
2、創建 HarmonyOS 應用(yong)
3、編譯打包HarmonyOS 項(xiang)目
4、上架(jia) HarmonyOS 應用
