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

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

学习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

转载请注明

 

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

  1. UI5-Fiori初学者导航

    正文 你是UI5和Fiori的新手?来对地方了. 对我来说,今年是不得不“跟上时代”去提升自己ABAP世界以外的技术技能的困难的一年.幸运的是,有很多可免费获得的信息和课程可以帮你实现这个跳跃.不要等 ...

  2. SAPUI5 freestyle vs SAP Fiori Elements —— 两种开发SAP UI5 Apps的方式对比

    概述 目前SAPUI5 SDK 提供了两种方式来开发一个SAPUI5 App.一种方式是传统的SAPUI5开发方式,一种是利用SAP Fiori Elements通过模板快速构建应用的方式. 本文简单 ...

  3. 【Fiori系列】浅谈SAP Fiori的设计美感与发展历程

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[Fiori系列]浅谈SAP Fiori的设计美 ...

  4. SAP Fiori应用的三种部署方式

    封面图片来自Google搜索,关键字: Fiori Deployment 方式1 On premise环境下以BSP应用作为Fiori应用部署和运行的载体 在SAP成都labs我曾经担任过CRM这几个 ...

  5. SAP Fiori + Vue = ?

    2017年3月28日,我到国内一个SAP CRM客户那里,同他们的架构师关于二次开发的UI框架选择SAP UI5还是Vue进行了一番探讨.回到SAP研究院之后,我把这个问题扔到了公司的微信群里,引起了 ...

  6. 雪妖现世:给SAP Fiori Launchpad增添雪花纷飞的效果

    1995年7月,台湾大宇公司发布了一款国产单机角色扮演游戏神作:<仙剑奇侠传1>,所谓"一包烟,一杯茶",就能在电脑面前坐一整天. 这么经典的游戏Jerry当然已经通关 ...

  7. SAP Fiori Client

    iPhone资源->iPhone商务软件 SAP Fiori Client 固件要求:需要 iOS 9.0 或更高版本.与 iPhone.iPad 和 iPod touch 兼容. 利用适用于 ...

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

    如果您够细心,您或许会发现有的SAP Fiori应用的footerbar区域内的按钮有高亮显示,有的则没有. 如何自己分析这两种按钮的实现原理? 还是借助Chrome Development Tool ...

  9. 【Fiori系列】为什么SAP Fiori活的如此精致

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[Fiori系列]为什么SAP Fiori活的如 ...

随机推荐

  1. Sql Server系列:游标

    1. 游标简介 游标是一种处理数据的方法,主要用于存储过程.触发器和Transact-SQL脚本中.SELECT语句返回的是一个结果集,游标能够从包含多条数据记录的结果集中每次提取一条记录. 游标的特 ...

  2. Vue.js学习笔记(4)

    分享一段将 json数组数据以  csv格式导出的代码: html: <button class="btn btn-danger" @click='exportData'&g ...

  3. 【开源】OSharp3.0框架解说系列(6.2):操作日志与数据日志

    OSharp是什么? OSharp是个快速开发框架,但不是一个大而全的包罗万象的框架,严格的说,OSharp中什么都没有实现.与其他大而全的框架最大的不同点,就是OSharp只做抽象封装,不做实现.依 ...

  4. 基于表的数据字典构造MySQL建表语句

    表的数据字典格式如下: 如果手动写MySQL建表语句,确认麻烦,还不能保证书写一定正确. 写了个Perl脚本,可快速构造MySQL脚本语句. 脚本如下: #!/usr/bin/perl use str ...

  5. Linux快速配置集群ssh互信

    之前在<记录一则Linux SSH的互信配置过程>.<Vertica 7.1安装最佳实践(RHEL6.4)>中,都分别提到了配置ssh互信的方法,本文在此基础上进一步整理配置s ...

  6. 多个Activity相互调用和Intent

    MainActivity.java和OtherActivity.java的相互调用 首先MainActivity.java是Android程序自带的,新建一个类OtherActiviy extends ...

  7. C++作用域

    作用域通常和变量捆绑在一起,限定了变量可用范围,同时也规定了变量的生命周期:何时创建.何时销毁.作用域通常分为:全局作用域和局部作用域. 全局作用域(全局变量) 在所用函数体外部定义的变量就是全局变量 ...

  8. RabbitMQ原理与相关操作(二)

    接着 上篇随笔 增加几个概念: RabbitMQ是一个在AMQP(高级消息队列协议)标准基础上完整的,可服用的企业消息系统. AMQP模型的功能组件图(上图摘自 Sophia_tj 的 第2章 AMQ ...

  9. 常用查找数据结构及算法(Python实现)

    目录 一.基本概念 二.无序表查找 三.有序表查找 3.1 二分查找(Binary Search) 3.2 插值查找 3.3 斐波那契查找 四.线性索引查找 4.1 稠密索引 4.2 分块索引 4.3 ...

  10. CSS基础知识汇总

    前言 原文连接:http://www.cnblogs.com/wanghzh/p/5805678.html 在此基础上又做了大量的扩充 CSS简介 CSS是Cascading Style Sheets ...