SAP Fiori和UI5的初學者導航

你是UI5和Fiori的新手？來對地方了。html

對我來講，今年是不得不「跟上時代」去提高本身ABAP世界之外的技術技能的困難的一年。幸運的是，有不少可免費得到的信息和課程能夠幫你實現這個跳躍。不要等着別人送你去訓練——本身花時間提升技能！git

學習web技術技能

　　瞭解UI5的基礎部分HTML, CSS, Javascript和JQuery是個好主意，有助於你理解自定義的UI5應用的基本特性。若是你對它們不熟悉的話， codecademy 和 codeschool有一系列好的課程，能夠幫助你理解這些技術的語法和特性。我建議你按如下路徑學習：github

• HTML & CSS（七小時）
• Javascript（十小時）
• jQuery（三小時）

　　（不喜歡英文的話，天朝也有很多相似網站，好比慕課網——譯者注）web

　　一旦你理解了這些語言的機制，我建議你創建一個我的網站來向你的潛在僱主展現你的技能。也許能夠是一個你本身的簡歷網站？chrome

瞭解如何使用瀏覽器調試工具

　　若是你花過不少時間在SAP的優秀的ABAP調試器上面，你會想要了解下可使用的美妙的瀏覽器調試工具。我稍微偏好谷歌Chrome瀏覽器開發者工具，儘管如此，這不會影響到你探索下面中的任何一個，若是你工做的環境有多個瀏覽器的話：api

• Google Chrome Dev Tools (press F12 in Chrome)
• Firebug for Firefox
• Safari Developer Tools
• Internet Explorer F12 Developer Tools

　　離開瀏覽器調試工具，我會活不下去的！瀏覽器

（譯者注：Firebug現已逐漸集成到火狐瀏覽器開發者工具中）app

理解RESTful APIs的工做原理

　　若是你不熟悉RESTful APIs的基礎，這個頁面有不錯的綜述和教程。ide

上手OData

1. OData是一種RESTFul協議，它的主頁裏有一些很值得閱讀的信息。
2. 我建議從下載並安裝Chrome擴展Postman上手OData。
3. 一旦你有了Postman，你就能夠學基本OData教程了。
4. 等你作完了這些，能夠上SCN找一些有關如何在 SAP Netweaver Gateway system上構建這些的相關指導。

學習git, github, gist和jsbin

• Git是一個很好的開源代碼庫，全部SAP開發者都須要把它列在學習列表中。
• CodeSchool有一些優秀的免費的交互課程，你能夠從它們開始。

1. Try Git
2. Git Real
3. Git Real 2

　　若是你真的把UI5學得不錯，感受有時間回饋社區而且在Github或者JSBin分享你的例子。DJ Adams有篇有關github和gists的好文章：幫咱們幫你——分享你的代碼。工具

學習SAP Fiori和UI5

　　下面的SAP課程很是好，將會讓你在Fiori相關主題的各方面快速提升：

• 使用UI5開發Web Apps
• SAP Fiori UX的介紹
• 移動解決方案開發的介紹
• 在雲端建立你本身的SAP Fiori App
• 由用戶體驗創造商業價值
  

閱讀UI5開發者工具包中的「Get Started」

　　在個人整個UI5之旅中，不少時候在使用谷歌搜索前，UI5開發者工具包便解答了個人疑問。若是你是一個新人，能夠經過「Get Started」部分從草稿創建一個app。你將發現隨着過程的進行，本身會開始參考各類不一樣的、對於你來講是全新的陌生章節，若是能堅持住，你會理解它們。

理解Axure的線框模型

• 注意，Axure不是免費的。儘管如此，若是你有些時間用來學習這個工具的話，來下載實驗版本而且完成它提供的免費課程。
• SAP也有指定的Fiori設計模板for AXure——看看它。
• 若是你想要一些略微簡單的能夠長期使用的東西，我推薦SAP Fiori Prototyping kit (Components).

重要的參考

　　一旦你創建了UI5方面的自信，能夠把如下頁面存書籤，以方便參考！

• Fiori Design Guidelines - 在如何設計UI5應用的最佳實踐方面，這是個人聖經。 我不是一個通過訓練的設計者、也不是那些已經在網頁設計領域研究了這些指導方針多年的專家。有關設計UI5應用的好資源。
• Experience SAP – SAP的用戶體驗社區網站，一個教育本身如何設計的好地方。
• Fiori Application Library - 一個參考技術設置的好網站，也能夠藉此觀察什麼樣的Fiori應用對你的用戶來講是可用的。
• Fiori Demo - 一個快速瞭解Fiori應用演示例子的好網站。
• W3schools - 當你精通了HTML, CSS, Javascript, jQuery——有些時候你須要一個參考去看什麼是可行的、或者如何實現某些東西。
  
• UI5 Developer Toolkit - UI5開發聖經，每訪問一次，我都會提升一次！

　　愉快地學習吧，若是你有任何好的資源要分享，請不要拘束，添加在下面的評論裏面。

本文地址：http://www.cnblogs.com/hhelibeb/p/5810449.html

英文原文：A beginner’s guide to skilling up for SAP Fiori and UI5

轉載請註明

2018.03.22更新，也能夠參考：All Things SAP Fiori

如名所示，該頁面整合了有關Fiori的不少重要內容，包含Accessibility，SAP Fiori Cloud，Configuration，Extensibility，Developing Custom Apps等子主題，能夠做爲參考。

此外SAP出版的圖書 SAP Fiori Implementation and Development 也是很好的資料