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 也是很好的资料