HARMONYOS · FRONTEND · AGENT

把鸿蒙生态、前端工程与 AI Agent 连成一条实战线。

这里不追泛泛的技术热点,而是围绕 ArkTS / ArkUI 应用开发、Django + MySQL 数据链路、Nginx 部署和智能体交互,沉淀可复现的学习路线。

📱 HarmonyOS / ArkUI 🎨 前端工程 🗄️ MySQL 🚀 Nginx 部署 🤖 AI Agent

能力矩阵

我的端云一体化技术栈

技术文章 →

鸿蒙生态

ArkTS、ArkUI、Stage 模型、系统能力与多设备适配。

ArkTSArkUIStage 模型DevEco Studio

前端工程

TypeScript、组件化、状态管理、性能与可访问性。

TypeScript组件设计性能优化Web 安全

数据与后端

Django ORM、MySQL 建模、接口鉴权与数据备份。

DjangoMySQLREST API备份恢复

部署运维

Linux、Nginx、Gunicorn、HTTPS、日志与发布回滚。

LinuxNginxHTTPSCI/CD

AI Agent

RAG、工具调用、SSE 流式交互与评测护栏。

AgentRAGSSE评测

07 个阶段

鸿蒙 × 前端 × Agent 学习路线

开发工具 →
  1. 01

    搭建 DevEco Studio 工程基线

    完成 SDK、模拟器、签名与项目结构初始化,能独立跑通第一个 HarmonyOS 应用。

    • 理解 Stage 模型目录
    • 跑通预览器和模拟器
    • 整理工程规范
    阅读阶段笔记 →
  2. 02

    掌握 ArkTS 与 ArkUI 声明式 UI

    用组件、状态、样式与布局表达页面,而不是只复制模板代码。

    • 解释 @State 与数据流
    • 拆一个复杂页面组件
    • 封装一个业务组件
    阅读阶段笔记 →
  3. 03

    理解应用生命周期与系统能力

    掌握 Ability、路由、权限、通知与设备适配,知道应用何时启动、休眠与恢复。

    • 画出页面路由图
    • 完成一次权限流程
    • 记录生命周期日志
    阶段笔记整理中
  4. 04

    连接前端与后端数据链路

    用 HTTP、JSON、鉴权与缓存,把 ArkUI 页面接到 Django / MySQL 接口。

    • 设计接口契约
    • 处理加载与失败态
    • 统一错误提示
    阅读阶段笔记 →
  5. 05

    把 AI 助手装进端侧界面

    在鸿蒙应用中接入 SSE 流式问答、工具调用结果与来源引用,做好超时与降级。

    • 渲染流式气泡
    • 展示引用来源
    • 处理断网重试
    阅读阶段笔记 →
  6. 06

    完成 Linux + Nginx 部署闭环

    把接口、静态资源、HTTPS、日志与回滚纳入一条可重复执行的发布流程。

    • 写部署检查表
    • 配置 Nginx 代理
    • 演练一次回滚
    阅读阶段笔记 →
  7. 07

    发布、评测与迭代

    完成签名打包、真机测试、用户反馈与 AI 质量评测,让作品持续迭代。

    • 生成发布包
    • 建立 20 个回归问题
    • 复盘一次真实反馈
    阅读阶段笔记 →

练手项目

能放进作品集的四个方向

进入作品集 →
可实践

学习记录 App

ArkUI 记录学习任务,Django + MySQL 保存进度,形成端云一体小项目。

#ArkTS#Django#MySQL
可实践

AI 问答移动客户端

把本站问答助手迁移为鸿蒙客户端,重点练习 SSE、状态切换与错误降级。

#ArkUI#SSE#Agent
可实践

部署实验台

用 Nginx 管理静态资源与 /api 接口,记录日志、缓存、超时与回滚实验。

#Linux#Nginx#部署
可实践

前端组件库

沉淀鸿蒙端与 Web 端都能复用的设计语言、表单校验和空状态组件。

#组件化#TypeScript#ArkUI
全部文章 →

常用开发入口

下载中心 →
Linux 可获取

DevEco Studio · Linux

HarmonyOS 应用开发 IDE 官方下载入口,适合作为鸿蒙学习路线的第一步。

前往获取 →
macOS 可获取

DevEco Studio · macOS

HarmonyOS 应用开发 IDE 官方下载入口,适合作为鸿蒙学习路线的第一步。

前往获取 →
Windows 可获取

DevEco Studio · Windows

HarmonyOS 应用开发 IDE 官方下载入口,适合作为鸿蒙学习路线的第一步。

前往获取 →
Web 可获取

HarmonyOS 开发者文档

官方文档入口,覆盖 ArkTS、ArkUI、Stage 模型、系统能力与发布流程。

前往获取 →
跨平台 可获取

Visual Studio Code

轻量代码编辑器,适合编写前端、Python、Markdown 与配置文件。

前往获取 →
跨平台 可获取

Nginx 官方下载

学习反向代理、静态资源分发与 SSE 代理配置的官方入口。

前往获取 →