image


Introduction


At the start of September 2018, some cool guys also joined our team, they are fresh from University and they are really hungry to learn how to design and develop amazing web apps with SAPUI5.


That’s why I’ve started to collects internally on the web some links in order to create “The perfect journey to become a SAPUI5 Ninja Developer”.


I’ve also started to write down some exercise (from easy to hard) in order to test what they’ve learned but I will share those in a second blog post as soon I’ve finished them.


Presentation


Hi everyone,
I'm Emanuele Ricci, a full-stack developer based in Lucca (a beautiful little city in Tuscany, Italy).


Since the last three years, I work full-time for Techedge Group, a big worldwide consultant company that is a partner with SAP. I usually work in projects related with SAPUI5, SCP, HANA and in my free time, I love to create content around the technology I use at work and in my personal projects outside SAP. Lately, I'm a little bit experimenting with Android after the release of SAP Fiori SDK for Android/iOS.


During my three-year career in the SAP environment, I've earned some achievements like:



From now on I've decided to also post on Habr all the content I'm writing for the SAP community so keep an eye on my blog posts if you're interested in the topic ;)
You can also reach me out here:



Where do I start to follow “The perfect journey to become a SAPUI5 Ninja Developer”


SAPUI5 is an MVC (Model-View-Controller) web framework developed by SAP to create amazing enterprise-grade web applications.


OpenUI5 is the open-source version of SAPUI5. To be precise, SAPUI5 just extends OpenUI5 adding some additional UI-Control like Viz (chart) and FilterBar but at the end of the day, you can do pretty much everything just with OpenUI5.


Documentations and useful links


  • Documentation: various documentation about different topics. The first step you should do is to follow the whole Walkthrough that will show you how to create a SAPUI5 application from A to Z.
  • Open Courses SAP: here you will find a ton of free courses made by SAP developers on many topics. For SAPUI5 development I would suggest you Developing Web Apps with SAPUI5.
  • API Reference: here you will find useful information about models, controls with details about their properties, events, methods, aggregations and which class they are extending
  • Samples: they are fundamental to see in actions every UI control. For each control, it will show you some real use-case scenario and how to configure them to have the same results. Clicking on the top-right icon of the example will allow you to access the source code of the example
  • Build.me: it’s a service developed by SAP that offers a complete set of cloud?based tools to design and build your enterprise app, from low-fidelity to high-fidelity prototype
  • SAP Cloud Platform Trial (for developer): is an open platform-as-a-service (PaaS) that delivers in-memory capabilities, core platform services, and unique microservices for building and extending intelligent, mobile-enabled cloud applications. You can register a free trial account on https://account.hanatrial.ondemand.com/
  • SCN: SAP community network, it’s the main community site where you can find Blog posts and QA made by SAP developers, mentors or users (think about it like StackOverflow).
  • OpenUI5 Slack: this is our unofficial Slack channel where you can discuss talk about SAPUI5 and other topics like WebIDE, HANA, custom controls and so on. Here you will also find SAP core developers to directly talk to.
  • OpenUI5 GitHub repo: this is the official GitHub repository of OpenUI5 (in the SAP repo you will also find other interesting projects like the new build tool or sample applications)
  • OpenUI5.org: this is the official OpenUI5 application site
  • UI5Con: this is the main event about OpenUI5 (2017/2018) where you can find all the talks/hands-on session made with links to the slides, videos, and examples.
  • UI5Lab: this site is made by community members for community members ;) This is where we develop and share new custom libraries and controls to teach newcomers.

At this point, you should have enough content to start with ;)


For every problem, suggestion or doubt don’t hesitate to write me a PM!

Комментарии (2)


  1. Sirion
    17.01.2019 13:10

    Hi, Emanuele! Welcome to Habr. Glad to see you here.

    Frankly, I don't know much about SAP. So I want to ask:

    1. Is OpenUI5 a general purpose UI framework, or it's designed to work with SAP ecosystem?
    2. Could I see some kind of comparison between OpenUI5 and mainstream frameworks?


    1. StErMi Автор
      17.01.2019 13:27
      +1

      Hi Sirion, happy to be here ;)
      SAP has many many faces that touch a lot of different technologies. If you want to keep a look at all the services available on SCP (SAP Cloud Platform) you can take a look at the Capabilities page. It has evolved a lot since '80s ;)

      To answer to your questions:

      1. OpenUI5 is the open source version of SAPUI5 (the latter has priority support and a couple of pre-made controls not yet in the open source version). UI5 is a general purpose framework similar to Vue/ReactJS/Angular. SAPUI5 is the perfect choice if you're working on SAP envoirnment for two main reason: SAP use a lot of OData to talk between backend-to-backend and frontend-to-backend and it's natively supported by UI5. The second reason is that UI5 offers a lot of pre-made UI controls that speed up your app-building and allows you to easily extend them or create new one from scatch. Using that framework allows you to easily comply to the SAP Fiori Design Pattern.
      2. Compared to other frameworks is still a little bit behind (in term of performance) but it's improving a lot and they're (core team) investing really a huge amount of resources. It's still a must if you need to develop in a SAP ecosystem for the reasons above