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

第一站:开发热身

第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 项目