鸿蒙是移动端底层操作系统，为开源项目，目标是面向全场景、全连接、全智能时代，基于开源的方式，搭建一个智能终端设备操作系统的框架和平台，促进万物互联产业的繁荣发展。

鸿蒙采用分层设计，从下向上依次为：内核层、系统服务层、框架层和应用层。按照“系统 > 子系统 > 组件”的系统功能展开。

前端注重于应用层。前端开发学习的核心点就在于对 FA 中 UI 层面的开发工作。UI 部分（FA）支持多种开发模式，不限于JavaScript ，Java等。

创建工程项目

在 DevEco Studio 菜单栏，点击Tools > SDK Manager 配置对应的 SDK 版本。

进入到 src/main/js/default/pages/index 页面，打开 view -> Tool Windows -> Previewer 进行预览。

进入 Tools -> Devices Manager 看到模拟器管理页面，这一步必须要实名认证的华为账号进行登录后，即可选择对应的设备，然后启动设备。

启动设备后，再次点击 绿色运行按钮，即可在仿真设备上运行该项目。

JS FA 应用的 JS 模块 (entry/src/main/js/module) 的典型开发目录结构如下：

应用资源可通过绝对路径或相对路径的方式进行访问，本开发框架中绝对路径以 "/" 开头，相对路径以 "./" 或 "../"。

公共代码文件和资源文件推荐放在 common 下。

如果代码文件A和文件B位于同一目录，则代码文件B引用资源文件时可使用相对路径，也可使用绝对路径。

如果代码文件A和文件B位于不同目录，则代码文件B引用资源文件时必须使用绝对路径。因为Webpack打包时，代码文件B的目录会发生变化。

onCreate：在应用生成时被调用的生命周期函数。

onDestory：在应用销毁时被调用的生命周期函数。

组件是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。

组件可以到官方文档中查阅

使用 xx组件应当创建 pages.xx 文件夹，包含 xx.hml、xx.js、xx.css 三个文件。