An error occurred while loading the video player, or it takes a long time to initialize. You can try clearing your browser cache. Please try again later and contact the helpdesk if the problem persists.

Join this free online course to learn how to develop your own SAP Fiori elements apps and extend an SAP S/4HANA app.

The course Developing and Extending SAP Fiori Elements Apps has moved and is now available on the SAP Learning site. The openSAP platform will be discontinued at the end of July 2024.

There is also additional learning material related to the topic of this course available on the SAP Learning site I Learning Journey Developing an SAP Fiori Elements App Based on a CAP OData V4 Service.

Self-paced since July 14, 2021
Language: English
Subtitles (auto-generated): Deutsch, English, Français, Español

Course information

Course Summary

While SAP provides a broad set of solutions for many business scenarios, most organizations also need additional apps to meet their unique requirements.

In the first part of this course, you’ll learn how to build SAP Fiori apps using the same technologies and tools that SAP uses for SAP Fiori app development for SAP S/4HANA: SAP Fiori elements, SAP Fiori tools, and SAPUI5. We’ll start with an OData service (if you don’t know what that is, you’ll learn) and build an SAP Fiori elements app from the ground up. We’ll generate the app to start the process, configure it without coding, enhance it with annotations, and extend it with custom SAPUI5 code.

In the second part, you’ll learn how to extend a standard SAP Fiori app to meet your specific needs using SAPUI5 flexibility.

This is a hands-on course for developers. We recommend you practice using the examples and perform the exercises to gain the maximum benefit from the course.

Here is what some participants are saying about the course:

  • " This is one of the best openSAP courses I have ever attended. The content was helpful but the exercises really made the course shine. They were comprehensive and detailed… I came into the course with only a high level picture of ABAP RAP and Fiori Elements but now I have a MUCH better idea and feel very confident.. " Read the original post

  • " Thank you so much for providing this course very useful and gives much confidence on Fiori elements.." Read the original post

  • "I liked the structure of the course very much. I really appreciated the exercises and have given them a lot of time. I also liked that technical difficulties were solved rather quick." Read the original post

  • "Thank you all for this great course. In our workday, We'd always read SAP's Documentation and we've almost found everything there. But, this course goes beyond with hands-on demonstration. You showed us exercises in two main IDEs : BAS and VSCode - this was fantastic. I think, as a developer, this was the perfect choice for this course." Read the original post

  • "It is a very nice course even for a beginner like me and has given a great overview of almost all the fiori related concepts. One more thing I liked was that we could apply almost all the concepts practically through the course exercises. Great & Keep up the good work :)" Read the original post

Course Characteristics

Course Content

Week 1: Introducing SAP Fiori Elements
Week 2: Building Your First SAP Fiori Elements App
Week 3: Using More SAP Fiori Elements Capabilities
Week 4: Extending a Standard SAP Fiori App
Week 5: Final Exam

Target Audience

  • Application Developers
  • Application and Technology Consultants
  • Application Architects
  • Business Analysts with development experience
  • Anyone else interested in SAP Fiori Development

Course Requirements

Basic experience with software development

About Further Content Experts

Oliver Graeff

pict Oliver Graeff

Oliver Graeff is a product manager for SAP user interfaces, focusing on SAPUI5 and related technologies. Oliver represents SAPUI5 in the SAP Community and works closely with the development teams.

Follow him on SAP Community or on Twitter 

Raz Korn

pict Raz Korn

Raz Korn is a product manager in the SAP Cloud Platform Development Experience team, focusing on SAP Business Application Studio and SAP Web IDE.

Raz has over 20 years of experience in product management, driving go-to-market and customer activities and working in close contact with the development teams on the feedback.

You can follow him on SAP Community or on Twitter 

Course contents

  • Week 1:

    Introducing SAP Fiori Elements
  • Week 2:

    Building Your First SAP Fiori Elements App
  • Week 3:

    Using More SAP Fiori Elements Capabilities
  • Week 4:

    Extending a Standard SAP Fiori App
  • I Like, I Wish:

    We Love Your Feedback … And Want More
  • Final Exam:

    Good Luck!

Enroll me for this course

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


Course End
Jul 14, 2021
Course Start
Jun 08, 2021


This course was rated with 4.51 stars in average from 2147 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

Peter Spielvogel

Peter Spielvogel leads product marketing for SAP UX Engineering. He helps customers adopt the SAP Fiori user experience, works with SAP partners to expand their UX practices, blogs on UX topics, and speaks frequently at SAP conferences.

Peter is the SAP point of contact for ASUG on the user experience topic. He is also the co-author of three books.

Follow Peter on SAP Community

Stefanie Hager

Stefanie Hager is chief product expert for SAP Fiori elements and SAP Fiori tools. She often speaks at SAP events and engages with customers and partners to support their UX transformation. Stefanie joined SAP in 2004 and has held various leadership positions in cloud development and product management.

Stefanie is also responsible for the SAP Fiori Makers program, with the mission to enable our customers to adopt the SAP Fiori user experience based on real-life use cases.

Ashley Tung

Ashley Tung is the area product owner for SAP Fiori tools, focusing on making SAP Fiori app development as straightforward as possible.

Ashley’s background includes working as a software developer and a solution architect.

Marcel Waechter

Marcel is Co-Inventor of SAP Fiori elements and Co-Lead-Architect of SAP Fiori elements floorplans for OData v4.

Marcel joined SAP 1999 and had various positions as developer and architect from backend to UI.

Follow Marcel on SAP Community.

Stefan Engelhardt

Stefan is Co-Inventor of SAP Fiori elements and Cross-functional Architect for SAP Fiori elements.

Stefan joined SAP in 2010 and held several technical roles as developer and architect.

Follow Stefan on LinkedIn.

Sushant Priyadarshi

Sushant is a Product Owner with SAP Fiori tools and has worked on several development projects at SAP since 2011.

Follow Sushant on LinkedIn.

Klaus Keller

Klaus Keller is lead architect for SAP Fiori tools. He has held several technical roles since he joined SAP in 2006.

Follow Klaus on LinkedIn.

Ian Quigley

Ian Quigley is product owner for application generator related tools in SAP Fiori elements. He has worked on several product development teams since he joined SAP in 2013.

Ian has 20 years of web development experience in a variety of industries.

Follow Ian on LinkedIn.

Rohit Chaudhary

Rohit is a Developer for SAP Fiori elements. His current focus is on Overview Page floorplan.

He has been working with SAP on various projects since 2013.

Follow Rohit on SAP Community or on LinkedIn.

Santosh Shankar

Santosh Shankar is an architect in SAP Fiori elements and is currently focusing on Analytical List Page floor plan. He joined SAP in 2018.

Santosh has 12 years of expertise in working with web applications and UI technologies.

Follow Santosh on SAP Community or on LinkedIn.

Mikhail Benderskiy

Mikhail is the area product owner for SAPUI5 Flexibility and is currently focusing on various UI extensibility topics. Mikhail’s background includes full-stack web development as well as various UI-related technical roles since he joined SAP in 2014.

Follow Mikhail on SAP Community

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.

Aleksandr Suvorov

Aleksandr is a developer in SAPUI5 Flexibility area responsible for back-end implementation of flexibility topics and ui5 manifest.

Aleksandr has 15 years full-stack development experience and is working on java/javascript services since he joined SAP in 2017.

Dominik Stork

Dominik is a product owner in the SAPUI5 flexibility area and is driving the key user persona and its capabilities.

He has been working for 8 years as a full-stack developer with various SAP technologies at an SAP partner company before joining SAP in 2018.

Follow Dominik on LinkedIn

Hristo Tsolev

Hristo is a product owner in the SAPUI5 Flexibility area and is driving the Adaptation Project plugin for SAP WebIDE and SAP Business Application Studio.

Hristo has 10 years of full-stack development experience and has been working for 2 years as product owner since joining SAP in 2019.