Evolved Web Apps with SAPUI5

Join this free online course to learn how to create enterprise-grade Web apps using SAPUI5, the flexible and comprehensive UI framework from SAP. The course is aimed at intermediate to advanced developers but is also suitable for ambitious UI5 beginners.

This course was retired in October, 2023.

Self-paced since June 19, 2019
Language: English
Subtitles (auto-generated): Deutsch, English, Français, Español

Course information

Retired

This course was retired in October, 2023.

Course Summary

The JavaScript UI framework SAPUI5 with its open-source variant OpenUI5 is well-known for its feature-rich controls and the award-winning SAP Fiori user experience. SAP experts from the UI5 development teams will explain the key concepts you need to develop professional Web apps and guide you through the course.*

We start with a quick catch up on the UI5 basics and our evolved best practices as well as new tools. Then we dig into more advanced scenarios and concepts step by step. You’ll not only sharpen your UI5 development skills, but also explore additional options to increase your developer productivity with SAPUI5.

Challenge yourself with the hands-on coding exercises for each course unit. Learn and deepen your understanding by implementing realistic Web app scenarios in SAP Web IDE (SAP Web IDE has been replaced by SAP Business Application Studio). For local development environments, the new UI5 tooling as well as the Karma test runner are explained as well.

Key highlights of the course:

  • Evolved best practices and recommendations for app developers
  • New SAPUI5 innovations (drag&drop, OData V4, XML composites)
  • Developer productivity tools and features in SAP Web IDE
  • Optimizing apps with the UI5 tooling
  • Configuring apps for SAP Fiori elements and SAP Fiori launchpad
  • Adapting apps with SAPUI5 flexibility

Join us on this exciting five-week journey and enroll today!

*The key concepts shown in this course apply to both, SAPUI5 and OpenUI5. OpenUI5 is the open-source version of SAPUI5 and includes all main features. Some specialized UI controls and additional scenarios shown towards the end of the course are exclusive to SAPUI5.

Here is what some participants are saying about the course:

  • "I want to say a Great Thanks to all of you. The course was excellent, very good exercises accompanied with the solutions and for the challenging part of exercises, so someone can easy follow and study, the whole course without gaps. Very nice material, covering the most basic and important needs of the market... " Read the original post

  • "I truly enjoyed every bit of the course. well structured and well presented. also the duration of videos was good, they were not too long. i quite liked the idea of using different presenters for the different topics, it makes it interesting ..." Read the original post"

  • "For the SAPUI5 experts team ! Thank you very much for the course! in my opinion it was perfect, i am a begginer in UI5 and now i have conditions to continue improving my knowlege in this area. The content was good and the time to conclude the exercises was appropriate. I look forward for the next course with new features and complexity ..." Read the original post

Course Characteristics

  • Starting from: May 8, 2019, 09:00 UTC. (What does this mean?)
  • Duration: 4 weeks (5-7 hours per week)
  • Final exam: June 5, 2019, 09:00 UTC – June 13, 2019, 09:00 UTC
  • There will be bonus content and the forum will remain open until June 19, 2019.
  • Course language: English
  • How is an openSAP course structured?

Course Content

Week 1: Get Ready!
Week 2: (Re-)Discover SAPUI5 Essentials
Week 3: Accelerate Your App Development
Week 4: Finish with Quality and Style
Final Exam Week
Week 5/6: Simplify, Integrate, and Adapt (These bonus lectures are not required for the final exam)

Target Audience

  • Web developers
  • Mobile developers
  • IT professionals

Course Requirements

  • Basic SAPUI5 development knowledge (for example, by attending the openSAP course “Developing Web Apps with SAPUI5”)
  • Web development skills (HTML, CSS, JavaScript)

Development Systems

All described systems are free of charge.

Changes to Hands-on Systems

Dear Learners,
Some of the hands-on exercises for this openSAP course were designed to be used with SAP Cloud Platform Neo trial accounts. These accounts are no longer actively supported and as of November 2020 it is not possible to create new ones. Please note that the exercises may not work when using an SAP Cloud Platform multi-cloud trial account.

Further Learning

FurtherLearningFor further learning, we recommend that you check out the SAP Leonardo learning journey.

UI5 Team

Course contents

  • Course content no longer available

  • Week 1:

    Get Ready!
  • Week 2:

    (Re-)Discover SAPUI5 Essentials
  • Week 3:

    Accelerate Your App Development
  • Week 4:

    Finish with Quality and Style
  • Final Exam:

    Good Luck!
  • Week 5 & 6:

    Simplify, Integrate, and Adapt
  • I Like, I Wish:

    We Love Your Feedback … And Want More

Enroll me for this course

The course is free. Just register for an account on openSAP and take the course!
Enroll me now

Learners

Current
Today
33,632
Course End
Jun 19, 2019
18,585
Course Start
May 08, 2019
13,945

Rating

This course was rated with 4.4 stars in average from 1353 votes.

Certificate Requirements

  • Gain a Record of Achievement by earning at least 50% of the maximum number of points from all graded assignments.
  • Gain a Confirmation of Participation by completing at least 50% of the course material.

Find out more in the certificate guidelines.

This course is offered by

Jay Bhargav Barbhaiya

Jay Barbhaiya is a UI5 developer at SAP with a strong focus on UI5 table controls.

Jay was drawn to computer programming through his enthusiasm for computer and mobile gaming. Today, his focus is mainly on Web development technologies and UI5.

https://people.sap.com/barbhaiya.jay

Tereza Chobanova

Tereza Chobanova is an experienced JavaScript developer with a passion for programming. She is currently doing a master's degree focused on technology entrepreneurship and innovations. Tereza likes reading about new technologies and developing her professional skills.

https://people.sap.com/tereza_mch#overview

Annette Frei

Annette Frei is a UI5 developer and a convinced UI5 evangelist. Her constant goal is a meaningful and relevant user experience and she has a soft spot for creative solutions.

Prior to this, Annette spent several years in SAP internal and external process consulting and reporting with SAP BW, BusinessObjects and S/4HANA.

https://people.sap.com/annette.frei#overview

Michael Graf

Michael Graf is a product owner at SAP and an OpenUI5 enthusiast. He loves getting in touch with the community and evangelizing technology. Michael started developing Web pages back in the 90s and has enjoyed working with Web technologies and UIs ever since. He is an expert in creating responsive Web apps with SAPUI5 and has developed many custom controls.

You can follow him on Twitter.
Or visit him on github, SCN,homepage

Arnd vom Hofe

Arnd vom Hofe is a UI5 developer at SAP with a strong focus on evangelizing UI5.

Arnd discovered the art of programming on pocket calculators, legacy home computers, and games consoles. Today, his focus is mainly on Web development technologies and UI5.

https://people.sap.com/a.vh

Mariana Naboka

Mariana is the product owner of the annotation-related tools for SAP Fiori elements applications including 

  • XML Annotation LSP extension for SAP Fiori Tools (Visual Studio Code and SAP Business Application Studio) 
  • Annotation LSP module for CAP CDS (Visual Studio Code, SAP Business Application Studio) 
  • Annotation Modeler extension (SAP Web IDE) 

Mariana's background includes the factsheet modeler plugin (SAP Web IDE), SAPUI5 controls, such as micro charts and tiles and manufacturing solutions since she joined SAP in 2009.

Follow Mariana on SAP Community.

Benedikt Schoelch

Benedikt Schölch is a scrum master and developer for the UI5 Core and Runtime team at SAP. 

Benedikt works on fundamental UI5 topics and strives to evolve UI5 together with the Core team, making it ready for future requirements, leveraging the latest browser features and technologies, and at the same time keeping everything stable.

https://people.sap.com/benedikt.schoelch

Martin Steinhauser

Martin Steinhauser is a product owner for the SAP Fiori elements list report floorplan. He has worked for over 15 years in different technology fields. Formerly in ABAP back-end development, for the last 5 years Martin has been working with UI technology. 

Martin is inspired by technology and loves building freestyle and SAP Fiori elements apps to improve processes and solve problems.

https://people.sap.com/martin.steinhauser

Sylvia Strack

Sylvia Strack is a developer for SAP Fiori launchpad.

Prior to working in the SAPUI5 environment, Sylvia was a Java developer focusing on Web applications. Her passion is agile software engineering principles and she loves exchanging ideas with others on these topics.

https://people.sap.com/sylvia.strack 

Christian Voshage

Christian Voshage is a product owner in the SAPUI5 flexibility area. He started his career at SAP in application development using SAPUI5 and later joined the SAPUI5 development team itself.

Christian’s focus is on the sap.ui.fl library as well as the development of demand and cloud solutions needed for the flexibility features.

https://people.sap.com/christian.voshage#overview

Sebastian Wennemers

Sebastian Wennemers is a development architect for SAPUI5 flexibility functionality with a history in ABAP and Java development.

For 8 years, he has been enabling people from end users to developers to get the best out of existing SAPUI5 apps. They can build and adapt apps with easy-to-use tooling in a lifecycle-stable and modification-free way, so that the apps fit best to their processes and needs.

https://people.sap.com/sebastian.wennemers

Margot Wollny

Margot Wollny is a product manager for the UI5 team, focusing on rollout material and communication around UI5. Prior to this, she spent many years in various consulting roles at SAP, assisting customers in their SAP CRM and other development projects.

Margot stands up for the developers’ interests and loves to work with the community to make UI5 one of the best JS frameworks ever.

https://people.sap.com/margot.wollny