SAP Fiori 的學習路線指南
以下是我在 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 這個教程可以循序漸進的學習這些內容。