UI5-Fiori初学者导航
正文
你是UI5和Fiori的新手?来对地方了。
对我来说,今年是不得不“跟上时代”去提升自己ABAP世界以外的技术技能的困难的一年。幸运的是,有很多可免费获得的信息和课程可以帮你实现这个跳跃。不要等着别人送你去训练——自己花时间提高技能!
学习web技术技能
了解UI5的基础部分HTML, CSS, Javascript和JQuery是个好主意,有助于你理解自定义的UI5应用的基本特性。如果你对它们不熟悉的话, codecademy 和 codeschool有一系列好的课程,可以帮助你理解这些技术的语法和特性。我建议你按以下路径学习:
- HTML & CSS(七小时)
- Javascript(十小时)
- jQuery(三小时)
(不喜欢英文的话,天朝也有不少类似网站,比如慕课网——译者注)
一旦你理解了这些语言的机制,我建议你建立一个个人网站来向你的潜在雇主展示你的技能。也许可以是一个你自己的简历网站?
了解如何使用浏览器调试工具
如果你花过很多时间在SAP的优秀的ABAP调试器上面,你会想要了解下可以使用的美妙的浏览器调试工具。我稍微偏好谷歌Chrome浏览器开发者工具,尽管如此,这不会影响到你探索下面中的任何一个,如果你工作的环境有多个浏览器的话:
- Google Chrome Dev Tools (press F12 in Chrome)
- Firebug for Firefox
- Safari Developer Tools
- Internet Explorer F12 Developer Tools
离开浏览器调试工具,我会活不下去的!
(译者注:Firebug现已逐渐集成到火狐浏览器开发者工具中)
理解RESTful APIs的工作原理
如果你不熟悉RESTful APIs的基础,这个页面有不错的综述和教程。
上手OData
- OData是一种RESTFul协议,它的主页里有一些很值得阅读的信息。
- 我建议从下载并安装Chrome扩展Postman上手OData。
- 一旦你有了Postman,你就可以学基本OData教程了。
- 等你做完了这些,可以上SCN找一些有关如何在 SAP Netweaver Gateway system上构建这些的相关指导。
学习git, github, gist和jsbin
- Git是一个很好的开源代码库,所有SAP开发者都需要把它列在学习列表中。
- CodeSchool有一些优秀的免费的交互课程,你可以从它们开始。
如果你真的把UI5学得不错,感觉有时间回馈社区并且在Github或者JSBin分享你的例子。DJ Adams有篇有关github和gists的好文章:帮我们帮你——分享你的代码。
学习SAP Fiori和UI5
下面的SAP课程非常好,将会让你在Fiori相关主题的各方面快速提高:
阅读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
UI5-Fiori初学者导航的更多相关文章
- SAP Fiori和UI5的初学者导航
你是UI5和Fiori的新手?来对地方了. 对我来说,今年是不得不“跟上时代”去提升自己ABAP世界以外的技术技能的困难的一年.幸运的是,有很多可免费获得的信息和课程可以帮你实现这个跳跃.不要等着别人 ...
- UI5-培训篇-Fiori培训
1.学习网站: SAPUI5学习地址: https://blog.csdn.net/stone0823/article/category/6650292/1? SAPUI5文档: https://sa ...
- OPEN(SAP) UI5 学习入门系列之二: 最佳实践练习(下)
上期我们完成了一个简单的主从页面,但是页面是静态的,不能交互,功能也很简单,只有一个销售订单的列表. 我们今天就一鼓作气把代码全都写完,由于本次的代码量较大,所以只对重点代码部分进行讲解. 具体每个文 ...
- 这不是我想要的ABAP开发者
原文在此: These Aren’t the Developers You’re Looking for 在吃饼干的过程中偶然看到这篇文章,立刻被UC化的标题吸引到了. 全文读完,感觉作者还是有点刻薄 ...
- SAP 前端技术的演化史简介
Jerry之前曾经写过一篇微信公众号文章,题目叫<> 关注我的公号"汪子熙"后,在历史菜单"前端开发相关"里即可找到这篇文章: 该文章简单回顾了SA ...
- Windows Phone 8初学者开发—第18部分:在页面间导航
原文 Windows Phone 8初学者开发—第18部分:在页面间导航 原文地址: http://channel9.msdn.com/Series/Windows-Phone-8-Developm ...
- NHibernate初学者指南系列文章导航
NHibernate初学者指南系列文章导航 前面的话 经过三个多周的时间,终于将这个系列完成了,谢谢大家的关注和支持,有很多不足之处还望大家包涵. 本系列参考的书籍为NHibernate 3 Be ...
- UI5-学习篇-18-云端UI5应用部署到Fiori Launchpad
UI5应用发布SCP 选择UI5应用项目,右键 Deploy - Deploy to SAP Cloud Platform 输入云平台子账号,项目名称,应用名称,如下图所示: 点击Open the r ...
- Fiori Fundamentals和SAP UI5 Web Components
这周有位同事邀请我给团队讲一讲SAP技术的演进历史,所以我准备了下面几个主题来介绍. 其中SAP的技术回顾和演进,我的思路就是从前后台两方面分别介绍. 我画了一张非常简单的图: 去年5月我写过一篇文章 ...
随机推荐
- springmvc学习(五)
这次主要是记录一下 springmvc 关于异常处理 和 拦截的回顾 关于springmvc 异常处理:springmvc 提供了 HandlerExceptionResolver 异常处理解析接 ...
- 杂项:TMT(数字媒体产业)
ylbtech-杂项:TMT(数字媒体产业) TMT(Technology,Media,Telecom),是科技.媒体和通信三个英文单词的缩写的第一个字头,整合在一起.含义实际是未来(互联网)科技.媒 ...
- [转][html5]网页横屏
@@media screen and (orientation:portrait){ body{ transform: rotate(90deg); } } 将以上 CSS 加入网页,可以发现手机上查 ...
- springboot+dubbo+tomcat部署出错问题
刚用springboot+dubbo有点不熟悉,部署的时候出现了问题 1 The APR based Apache Tomcat Native library which allows optimal ...
- 管理MariaDB
查看当前用户信息 MariaDB [aa]> select user(); 查看所有存储用户信息 MariaDB [aa]> desc mysql.user; MariaDB [aa]&g ...
- String MVC @RequestParam(required=false) int XXX 参数为空报错解决方法
今天在用@RequestParam(required=false) int XXX 取参数的时候,当参数没有的时候Spring默认赋值为空.而此时使用基本类型int,所以报错,建议使用包装类 Inte ...
- JDK1.6 Java.lang.Null.Pointer.Exception
先来看一下JDK1.6的API: NullPointerException (Java Platform SE 6) public class NullPointerException extends ...
- linux下新建(mkdir)、删除(rmdir)文件夹
mkdir: 该命令:mkdir ./folder2/folder3 ./当前文件下下一级目录 rmdir:移除文件夹
- Python多进程vs多线程
多任务的两种方式:多进程和多线程. 如果用多进程实现Master-Worker,主进程就是Master,其他进程就是Worker. 如果用多线程实现Master-Worker,主线程就是Master, ...
- linux 批量替换
sed -i "s/新内容/原内容/g" `ls *.html` sed -i "s/新内容/原内容/g/g" `ls *.php` sed -i " ...