鸿蒙生态应用开发学习路线图

第一站：开发热身

第1步：Web 页面布局

HTML

HTML元素和属性；HTML表单和图形处理；HTML媒体和最佳实践

CSS

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, 高清图片；移动端设备适配最佳实践

第2步：JavaScript 语言

原生JavaScript交互功能开发

基本语法；流程控制语句；函数与数组；String与Date；BOM与DOM；拖拽效果；客户端存储（cookie存储、WebStorage)；正则表达式；Ajax；面向对象基础；运动与游戏开发；数据结构与算法

面向对象进阶与ES应用

Promise；async/await语法；try/catch语法；原型链；构造函数；执行上下文栈与执行上下文；作用域链；闭包；this；ES5-ES12；设计模式

JSON 数据交换格式

JSON 语法规则；JSON5 的使用

第 3 步：TypeScript 语言

基础入门

TypeScript 介绍；TypeScript 入门；常用类型；类型缩小；函数；对象类型；类型操纵类；模块

高级进阶

变量声明；类型推断；枚举；公共类型；Symbols；类型兼容性；迭代器和生成器；装饰器；JSX；混入；三斜线指令；模块；模块解析；命名空间；命名空间与模块；声明合并

第 4 步：Node.js

前端工程化与模块化

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

高级进阶

Node.js 服务端开发；Node 基础入门；Express 框架基础；中间件开发；MVC开发模式；基于Express的后端路由；MongoDB数据库的基本使用；MySQL数据库的基本使用；基于Token的登录状态保持；Node.js的EventLoop；文件上传（单文件/多文件）；模板引擎；静态资源加载；服务端渲染页面

第 5 步：构建工具

Webpack

基础入门 为什么需要Webpack；小试 Webpack；自动引入资源；搭建开发环境；资源模块；管理资源；使用 babel-loader；代码分离；缓存；懒加载；拆分开发环境和生产环境

高级进阶 提高开发效率，完善团队开发规范；模块与依赖；扩展功能；多页面应用；Tree shaking；渐进式网络应用程序 PWA；shimming 预置依赖；创建 library；模块联邦；提升构建性能

Vite

为什么选用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案例）；后端集成

第二站：开发入门

第 1 步：走进鸿蒙应用开发

1、携手打造全场景鸿蒙生态

2、HarmonyOS 应用开发技术新进展

3、ArkTS 语言和演进

4、ArkUI 开发框架，打造精致UI交互体验

5、ArkUI 跨平台方案

6、高性能应用探索之旅

7、HarmonyOS 端云开放能力

8、文件存储与数据管理

9、HarmonyOS 畅联，自由分享

10、HarmonyOS 网络应用开发

第 2 步：通关HarmonyOS应用开发者基础认证

1、使用 DevEco Studio 高效开发

2、构建第一个 ArkTS 应用

3、ArkTS 开发语言

4、应用程序框架

5、使用常用组件构建页面

6、动画基础应用

7、HTTP数据请求

8、应用数据管理

9、给应用添加通知和提醒

10、应用服务上架

11、三方库的基本使用

12、HarmonyOS 云开发简介

第 3 步：深入学习 ArkTS 语言

1、ArkTS 在 TS 上基本语法能力扩展

2、ArkTS 在 TS 上状态管理能力扩展

3、ArkTS 在 TS 上渲染控制能力扩展

4、ArkTS 语言常用的基础能力

5、ArkTS 语言并发能力

6、ArkTS 语言 XML/URL/URI 解析构造等能力

7、ArkTS 语言进程信息获取和操作能力

8、ArkTS 线性和非线性容器

第 4 步：Stage 模型开发

1、应用模型概述

2、应用/组件级配置

3、UIAbility 组件

4、ExtensionAbility 组件

5、AbilityStage 组件容器

6、应用上下文 Context

7、信息传递载体 Want

8、任务管理模型

9、后台任务管理

10、进程模型

11、线程模型

12、Ability开发案例

第 5 步：UI 开发案例集

1、视频APP开发

2、电子相册案例

3、构建多种样式弹窗

4、简易计算器

5、抽奖轮盘应用

6、像素转换案例

7、二级联动案例

8、目标管理案例

9、布局案例大合集

10、可刷新的排行榜

11、动效、专场动画与自定义下拉刷新动画

12、Web组件之 Cookie 常见操作

13、Swiper 与 Slider 案例

14、List 组件案例

第 6 步：设备与交互开发

1、设备管理

2、公共事件与通知

3、窗口管理

4、多媒体开发

5、电话服务

第 7 步：网络连接与数据文件管理

1、网络管理

2、IPC与RPC通信

3、用户首选项

4、关系型数据库（RelationalStore）

5、分布式数据对象

6、文件管理

7、网络连接与数据库案例

第三站：开发进阶

第 1 步：WebView 适配开发

1、Web 组件和 WebView 概念介绍

2、Web 组件的基本使用

3、WebView 的基本使用

4、案例开发：Web 组件抽奖

第 2 步：Native 适配开发

1、Native API 基本知识

2、Native API 开发流程

3、Native API 典型开发场景

4、Native API 代码集成

第 3 步：常用三方库的使用

1、三方库介绍 HAR

2、三方库中心仓与包管理工具

3、三方库开发移植和发布

4、应用开发中使用 ohpm 管理开源三方库

5、一个例子：@ohos/axios：网络请求库

6、在三方库中心仓查找更多的三方库

第 4 步：一次开发，多端部署

1、定义和目标

2、界面级一多开发

3、功能级一多开发

4、工程级一多开发

5、购物应用案例

6、音乐专辑案例

第 5 步：端云一体化开发

1、端云一体化工程简介和概览

2、工程创建及配置

3、端云一体化组件集成

4、云函数开发及使用

5、云数据库开发及使用

6、云存储入门指南

7、一键式部署云工程

第 6 步：低代码开发

1、低代码的定义

2、DevEco 低代码关键能力和特性介绍

3、DevEco 低代码技术原理

4、端侧组件支持自适应布局

5、丰富的行业模板和组件

6、DevEco 低代码开发元服务流程和案例

第 7 步：元服务：打造卡片外显、服务直达的新体验

1、元服务概览和案例分享

2、元服务初体验

3、基于 AGC 模板开发元服务

4、元服务上架指南

第 8 步：ArkUI-X 构建跨平台应用

1、项目介绍与关键特性

2、技术架构与演进路线

3、ArkUI-X 快速入门

4、购物车示例应用（API 10）

5、健康饮食示例应用（API 10）

第 9 步：通关HarmonyOS应用开发者高级认证

1、HarmonyOS 系统特征介绍

2、HarmonyOS 应用架构介绍

3、准备工作

4、应用开发知识域

5、闭源库集成指导

6、三方库使用

7、HarmonyOS 上架

第四站：项目实战

第 1 步：WebView 适配开发

1、鸿蒙项目工程架构分析

2、项目需求分析

第 2 步：鸿蒙手机端APP功能开发

1、首页框架搭建

2、网络请求组件开发

3、证件照分类页框架搭建

4、登录组件开发

5、制作证件照框架搭建

6、从相册选择：切换背景、美颜与换装

7、相机拍摄

8、裁剪证件照

9、证件照换底

第 3 步：项目测试

1、HarmonyOS应用测试服务平台概览

2、DevEco Stutio 调试与单元测试

3、DevEco Tesing 上架预测试

第 4 步：项目应用上架

1、创建项目

2、创建 HarmonyOS 应用

3、编译打包HarmonyOS 项目