SAP Fiori和UI5的初学者导航

你是UI5和Fiori的新手?来对地方了。

对我来说,今年是不得不“跟上时代”去提升自己ABAP世界以外的技术技能的困难的一年。幸运的是,有很多可免费获得的信息和课程可以帮你实现这个跳跃。不要等着别人送你去训练——自己花时间提高技能!

(译者注:原作者使用了大量的“great”作为形容词,我根据情景翻译为“好”、“优秀”、“很好”等,尽管如此,我还是感觉到了自己用词上的贫乏,有些地方可能无法尽达其意)

学习web技术技能

  了解UI5的基础部分HTML, CSS, Javascript和JQuery是个好主意,有助于你理解自定义的UI5应用的基本特性。如果你对它们不熟悉的话, Codecademycodeschool有一系列好的课程,可以帮助你理解这些技术的语法和特性。我建议你按以下路径学习:

  • HTML & CSS(七小时)
  • Javascript(十小时)
  • jQuery(三小时)

  (不喜欢英文的话,天朝也有不少类似网站,比如慕课网——译者注)

  一旦你理解了这些语言的机制,我建议你建立一个个人网站来向你的潜在雇主展示你的技能。也许可以是一个你自己的简历网站?

知道如何使用浏览器调试工具

  如果你花过很多时间在SAP的优秀的ABAP调试器上面,你会想要了解下可以使用的美妙的浏览器调试工具。我稍微偏好谷歌Chrome浏览器开发者工具,尽管如此这不会影响到你探索下面中的任何一个,如果你工作的环境有多个浏览器的话:

  离开浏览器调试工具,我会活不下去的!

(译者注:Firebug现已融合为火狐浏览器开发者工具的一部分)

理解RESTful APIs的工作原理

  如果你不熟悉RESTful APIs的基础,这个页面有不错的综述和教程。

上手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相关主题的各方面快速提高。Fiori, UI5, WebIDE,基础设施,应用设计和商业举措:

阅读UI5开发者工具包中的“Get Started”

  在我的整个UI5之旅中,很多时候在我使用谷歌搜索前,UI5开发者工具包便解答了我的疑问。如果你是一个新人,我会通过“Get Started”部分从草稿建立一个app。你将会发现随着过程的进行,你会开始参考各种不同的、对于你来说是第一次接触的陌生章节,如果你能坚持下,它们最终都会变得清楚明白。

理解Axure的线框模型

我离不开的参考

  一旦你建立了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

转载请注明

时间: 2024-10-04 21:40:01

SAP Fiori和UI5的初学者导航的相关文章

浅谈SAP Fiori的设计美感与发展历程

公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[Fiori系列]浅谈SAP Fiori的设计美感与发展历程 前言部分 大家可以关注我的公众号,公众号里的排版更好,阅读更舒适. 正文部分 最近一段时间比较忙,有很多读者的消息没有及时回复,公众号里消息回复有时长限制,而且超过时间就不能回复了,大家也可以选择在文章末尾留言,这样就不会有时间限制. 我在之前的文章推送里写了关于SAP Fiori的文

《SAP FIORI开发入门》课程上线

经过将近三个月的不懈努力,终于上线了本人的第一个网络在线教育课程<SAP FIORI 开发入门>.这其中,包含了本人的大量的心血.课程从一个基础层面,系统的阐述了 SAP FIORI 应用开发的各种技巧.通过这个课程的学习,我可以很自信的说:不管你之前的基础如何,只要你认真学习了,做了相应的练习,直接加入正式的项目是没有任何问题的.本课程原价28元,但是从现在开始25天内购买,价格是8.8元.并且只要购买了课程,就可以加入作者为这么课程开设的微信群,有任何课程内的技术问题都可以向作者提问.课程

SAP Fiori应用的三种部署方式

封面图片来自Google搜索,关键字: Fiori Deployment 方式1 On premise环境下以BSP应用作为Fiori应用部署和运行的载体 典型的例子是SAP CRM这几个Fiori应用: 在Google上搜索关键字Fiori Architecture, 能找到这样一张图片,其中CRM和S/4 HANA的Fiori应用都以BSP应用的方式运行在下图我标注了红色方框的ABAP前台服务器上. 以CRM的My lead应用为例,在Chrome的development tool里能找到其

揭开SAP Fiori编程模型规范里注解的神秘面纱 - @OData.publish

今天是2020年2月1日鼠年大年初八,这是Jerry鼠年的第8篇文章,也是汪子熙公众号总共第207篇原创文章. Jerry的前一篇文章 揭开SAP Fiori编程模型规范里注解的神秘面纱 - @ObjectModel.readOnly工作原理解析,给大家分享了@ObjectModel.readOnly这个注解对应的Fiori UI和ABAP后台的工作原理. 今天我们继续研究另一个注解@OData.publish. 在SAP官网的ABAP Programming Model for SAP Fio

一步步把SAP GUI的事务码配置到SAP Fiori Launchpad里

今天是2020年1月31日鼠年大年初七,这是Jerry鼠年的第7篇文章,也是汪子熙公众号总共第206篇原创文章. Jerry之前的文章 为什么SAP GUI里的传统事务码能通过Fiori Launchpad启动 介绍了SAP GUI的事务码能够运行在SAP Fiori Launchpad里的原理,今天我们就来实际动手做一做,将SE80配置到SAP Fiori里并在浏览器里使用它. Jerry上高中时,正是暴雪公司发布即时战略神作<星际争霸>的时候,当时课堂上,下课后,教室里,操场上,同学们几乎

SAP Fiori 2.0中文版系列视频教程(中文首发)

前言 SAP Fiori是SAP前端UI产品唯一移动开发框架, 同样也是SAP公司在跨产品线上对用户界面进行改进的一个重要举措,随着SAP S/4HANA逐步成为企业的神经枢纽和现代化数字的核心,SAP Fiori 2.0 也必将成为SAP S/4HANA产品系列中用户体验上最大的革新,更是趋势所在,无论是一名资深的咨询顾问,还是前端开发人员,了解和学习SAP Fiori的开发以及咨询工作,势在必行! 鉴于目前国内市场,SAP Fiori的技术文档非常少见,更没有相关视频教程以供参考,本人从事了

[置顶] SAP Fiori 2.0中文版系列视频教程(中文首发)

前言 SAP Fiori是SAP前端UI产品唯一移动开发框架, 同样也是SAP公司在跨产品线上对用户界面进行改进的一个重要举措,随着SAP S/4HANA逐步成为企业的神经枢纽和现代化数字的核心,SAP Fiori 2.0 也必将成为SAP S/4HANA产品系列中用户体验上最大的革新,更是趋势所在,无论是一名资深的咨询顾问,还是前端开发人员,了解和学习SAP Fiori的开发以及咨询工作,势在必行! 鉴于目前国内市场,SAP Fiori的技术文档非常少见,更没有相关视频教程以供参考,本人从事了

从OData Service到SAPUI5一站式开发指南(SAP FIORI全栈开发)

前言 今年可以说是SAP FIORI达到了井喷式的发展,越来越多的人开始关注的SAP FIORI的动向,作为SAP开发的自身爱好者,前言技术的分享这,我从2013年开始涉足SAP FIORI 领域,并开发了众多的FIORI应用,今天给大家分享一下,传统的SAP FIORI开发我们通常要做哪些步骤. 后台数据库 对于传统的ECC系统, 之前做过很多都是Any DB, 其实前端(SAPUI5应用)不管如何更改,如何维护,最终的归宿都在SE11创建的数据库表中,所以我们需要对数据库表的创建和维护有一个

SAP Fiori应用Footerbar区域按钮的高亮显示逻辑

如果您够细心,您或许会发现有的SAP Fiori应用的footerbar区域内的按钮有高亮显示,有的则没有. 如何自己分析这两种按钮的实现原理? 还是借助Chrome Development Tool.更多Chrome development tool的使用技巧,参考我的博客 Chrome Development Tool tips used in my daily work 使用network tab可以观察到实现高亮实现的CSS class: 记下这个css class的名称sapMBtnE