SAP Fiori & UI5 for ABAP Engineers 

Course & Training

Two to three days of hands-on introduction to SAPUI5 and Fiori – from ABAP, OData and CDS to production-ready SAP web applications on S/4HANA and SAP BTP.

This workshop targets ABAP developers who want to build modern SAP web user interfaces with SAPUI5 and the Fiori Design System. Together we develop a realistic Fiori application end to end – from ABAP backend with CDS and OData to deployment, operation and extension on SAP S/4HANA and SAP BTP.

In-House Course:

We are happy to conduct tailored courses for your team - on-site, remotely or in our course rooms.

Request In-House Course

   

Content:


In this workshop we incrementally build a realistic SAP Fiori application as typically used in modern S/4HANA and SAP BTP projects. Topics include:

– SAPUI5 Fundamentals:
... - Architecture principles (MVC, components, manifest)
... - XML views, controllers, models
... - Core UI5 controls, layouts, tables and forms
... - Data binding, formatters and validations

– Fiori Design System & UX:
... - Fiori design guidelines and best practices
... - Fiori Launchpad (spaces, pages, tiles)
... - Responsive design, accessibility and theming

– Backend Integration & Data Models:
... - CDS views (interface and consumption views)
... - OData services V2/V4 and annotations
... - Integration with SAP Gateway and S/4HANA
... - Conceptual introduction to ABAP RAP

– SAP BTP & Side-by-Side Extensions:
... - Overview of SAP Business Technology Platform (BTP)
... - Side-by-side architectures in SAP landscapes
... - HTML5 Applications Repository
... - Destinations, connectivity and Cloud Connector
... - Security concepts: authentication, authorization, XSUAA (conceptual)

– Navigation & App Structure:
... - Routing, targets and deep links
... - Cross-app navigation in the Fiori Launchpad
... - Integration of on-premise and cloud applications

– Advanced Practical Topics:
... - Message handling, busy indicators, error handling
... - Internationalization (i18n)
... - Performance basics and best practices
... - Clean code and maintainability in UI5 projects

– Testing, Operations & Deployment:
... - Unit and integration testing with QUnit and OPA5
... - Transport, deployment and operation
... - ABAP repository (on-prem / S/4HANA)
... - SAP BTP (HTML5 apps, CI/CD basics)

Strong hands-on focus: all topics are implemented and discussed directly in the system.


Disclaimer: The actual course content may vary from the above, depending on the trainer, implementation, duration and constellation of participants.

Whether we call it training, course, workshop or seminar, we want to pick up participants at their point and equip them with the necessary practical knowledge so that they can apply the technology directly after the training and deepen it independently.

Goal:

Participants build practical know-how for developing SAPUI5/Fiori applications. After the workshop they can implement Fiori apps both in classic S/4HANA environments and as side-by-side extensions on SAP BTP.


Duration:

 2 Days (Is individually adapted for in-house courses.)


Form:

Interactive workshop with a balanced mix of conceptual explanations, live coding, best practices and collaborative hands-on exercises from real project contexts.


Target Audience:

ABAP developers and SAP engineers with ECC or S/4HANA experience who want to build modern SAP web frontends and take first steps towards SAP BTP.


Requirements:

- Solid ABAP knowledge
- Basic understanding of SAP data models
- First exposure to OData or CDS is helpful
- HTML/CSS/JavaScript basics are beneficial


Preparation:

After registration, participants receive a questionnaire and technical setup instructions. Depending on the course, a suitable SAP system landscape (S/4HANA on-premise or SAP BTP) is provided.

Request In-House Course:

In-House Kurs Anfragen

Waitinglist for public course:

Sign up for the waiting list for more public course dates. Once we have enough people on the waiting list, we will determine a date that suits everyone as much as possible and schedule a new session. If you want to participate directly with two colleagues, we can even plan a public course specifically for you.

Waiting List Request

(If you already have 3 or more participants, we will discuss your preferred date directly with you and announce the course.)

More about SAPUI5 / Fiori



SAPUI5 is SAP’s HTML5-based UI framework for building modern, responsive web applications. It forms the technical foundation of SAP Fiori, SAP’s design system and UX concept for role-based, consistent and user-friendly applications – both on-premise and on SAP BTP.




History


OpenUI5 started in 2010 as an open-source project and became the basis of SAPUI5 in 2013. In the same year, SAP introduced Fiori as its UX strategy for SAP S/4HANA.


With the SAP Business Technology Platform (BTP), SAPUI5 became a key technology for side-by-side extensions and cloud-native SAP applications.


Today, SAPUI5 is the standard for SAP web UIs across S/4HANA, SAP BTP, SuccessFactors and other SAP products.