Course · Training · Workshop
SAP Fiori & UI5 for ABAP Engineers
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.
Trainers
What participants say
These customers booked courses in the same topic cluster.More customers →
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.
The actual course content may differ from the above depending on the trainer, delivery, duration and the composition of participants.
Request this course in-house
Request a public date
No suitable public date? Register without obligation — once there is enough interest we schedule a new public date and let you know first.
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.Further resources:
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.