以下是我在 SAP 成都研究院工作 15 年依据本人工作中积攒的教训，总结出的 Fiori 学习路线指南，纯属个人观点，不代表 SAP 公司。
- 什么是 SAP Fiori，什么是 SAP UI5，二者的关系如何。Fiori 1.0，2.0 和 3.0 的演进：介绍 SAP Fiori 和 SAP UI5 这两个初学者容易混同概念的区别和分割，介绍 Fiori 和 UI5 的倒退历史，前世今生。
- 从一个 Hello World 利用开始接触 SAP UI5：通过一个 Hello World 级别的 SAP UI5 利用，理解其组成部分。
- SAP UI5 利用的加载和疏导过程剖析：将前一单元 Hello World UI5 利用的 url 粘贴到浏览器地址栏里回车，背地产生了什么？
- SAP UI5 控件学习：SAP UI5 蕴含一个宏大的实用于企业级前端利用的控件库。通过一个简略的例子，学习 SAP UI5 控件的组成部分和利用场合。
- SAP UI5 XML 视图学习：SAP UI5 反对 JavaScript 视图和 XML 视图。然而简直所有 SAP 规范产品都抉择了 XML 视图而不是 JavaScript 视图。背地的起因是什么？
- SAP UI5 控制器学习：SAP UI5 MVC 框架中的 C – Controller 的深刻学习。
- SAP UI5 Module 学习：很多编程语言和技术框架都有 Module(模块)的概念。SAP UI5 也不例外，援用 Module 须要解决的畛域问题是什么？
- SAP UI5 JSON 模型学习：SAP UI5 利用反对 JSON，Resource 和 OData 三大数据模型。咱们先从较简略较容易了解的 JSON 模型动手。
- SAP UI5 多语言反对(internationalization)：从 SAP UI5 Resource 模型学习其反对 internationalization 的原理。
- SAP UI5 Component 学习：要想将 SAP UI5 利用配置到 Fiori Launchpad 里成为一个 tile，像 SAP 规范产品 UI 一样的形式被拜访，Component 必不可少。
- 什么是 SAP UI5 利用描述符：另一个将 SAP UI5 利用配置到 Fiori Launchpad 不可或缺的组件。
- SAP UI5 里的 CSS 解决：SAP UI5 规范和自定义的 CSS 解决机制学习。
- SAP UI5 的嵌入视图，对话框和 fragment：实现 SAP UI5 视图层可重用性的利器。
- SAP UI5 的数据绑定(一)：数据绑定是前端框架中的重头戏，也是开发人员学习的重点和难点。
- SAP UI5 的数据绑定(二)：SAP UI5 数据绑定的一些高级内容，绑定模式，复合绑定，绑定表达式等概念的学习。
- SAP UI5 的格局器，filter，Sort 和 Group 操作
- SAP UI5 OData 模型：UI5 + OData 是包含 S/4HANA 这一 SAP 旗舰级产品里前端开发的规范探讨，OData 模型的重要性显而易见。
- SAP UI5 开发中的跨域问题：跨域问题是前端开发人员永远无奈回避的一个问题。本单元介绍 SAP UI5 提供了哪些能够解决跨域问题的解决方案。
- SAP UI5 的 Mock 服务器 – 本地开发的一个利器，能够隔离同后端实在 OData 服务的依赖。
- SAP UI5 的 QUnit 和 OPA – SAP 官网的 UI5 单元测试和集成测试工具介绍。
- SAP UI5 路由设计 (一) – 路由(routing) 是前端开发框架中另一个重要的知识点。
- SAP UI5 路由设计(二)
- SAP UI5 自定义控件开发 – SAP UI5 弱小的 Extensibility 体现之一，就是对自定义控件的反对。
- 如何把 SAP UI5 部署到 ABAP 服务器 – S/4HANA 里的 Fiori 利用，实质就是 SAP UI5 部署在 ABAP 服务器的。本单元学习如何将本地开发的 SAP UI5 利用部署到 ABAP 服务器上。
- 如何把 SAP UI5 部署到 SAP BTP 平台 – SAP UI5 和 SAP 云平台的密切接触。
- SAP UI5 利用的谬误排查(Chrome 开发者工具 + UI5 inspector) – 工欲善其事，必先利其器。摸索 Chrome 开发者工具自身提供的弱小性能。
- SAP UI5 利用的谬误排查(SAP UI5 自带的诊断工具) – 学习 SAP UI5 自带的问题诊断工具。
- SAP UI5 利用的本地构建 – 揭开 component-preload.js 的神秘面纱。
- 如何应用 SAP UI5 调用本机摄像头实现条形码扫描性能 – SAP UI5 应用 JavaScript 调用本机硬件的一个理论例子。
- 将 SAP UI5 利用构建成 Cordova 混合利用 – SAP UI5 挪动开发初探。
- SAP UI5 本地 Launchpad 的开发 – 如何本地开发一个仿 S/4HANA 应用的 Fiori Launchpad.
- SAP UI5 输出校验机制的实现 – 规范校验机制和自定义校验机制的学习。
- 待续
从 Jerry 这个教程能够循序渐进的学习这些内容。
一套适宜 SAP UI5 开发人员循序渐进的学习教程