top of page

SAP Fiori and UI5 — Modern UX Development

Every SAP S/4HANA user interacts through Fiori. Someone has to build it.

SAPUI5 and SAP Fiori development — OData binding, Fiori design guidelines, and a complete Fiori application built on SAP Business Application Studio.

SAP Fiori and UI5 Modern UX Development course — SAPUI5 and Fiori design training

01

Course Overview

Build the experience that millions of SAP users see.

This course takes you from web development foundations to building role-based Fiori applications on SAP Business Application Studio—through SAPUI5, OData binding, and Fiori design guidelines applied to a real, complete application.

You won't just follow tutorials. You'll design, build, and deploy a Fiori app that meets SAP design standards.

At ITLearnner, we focus on clarity, structure, and confidence. Every session brings you closer to the SAP Fiori Developer certification—and the roles it opens.

SAP Fiori and UI5 — Modern UX Development

14

Total Sessions

Foundation

Level

1.5 hrs

Per Session

Hands-on Activity

02

Course Objectives:

03

Learning Outcomes:

By the end, you can.
  1. Build SAPUI5 applications using the MVC architecture pattern
  2. Consume OData services and bind data to UI controls
  3. Apply Fiori design guidelines to create compliant, role-based applications
  4. Deploy Fiori applications to the Fiori Launchpad
  5. Prepare for the SAP Certified Development Associate — SAP Fiori exam

05

Target Audience

06

Pre-requisites

What you need.
  • Basic HTML, CSS, and JavaScript knowledge
  • Familiarity with SAP concepts is helpful but not required
  • Access to SAP Business Application Studio (free trial available)

Curriculum

01
Fiori Design Principles and BAS Setup

SAP Fiori design language, BAS configuration, and your first SAPUI5 application

02
SAPUI5 Architecture and MVC

The Model-View-Controller architecture that every SAP Fiori application is built on

03
Views, Models, and Controllers

XML views, JSON models, and the controller logic that binds them together

04
OData Service Consumption

Connect Fiori apps to SAP backend data via OData services and bindings

05
Routing and Navigation

Multi-page Fiori app navigation with the UI5 router and hash-based URL patterns

06
Deploying to Fiori Launchpad

Package, deploy, and configure a Fiori application on the SAP Fiori Launchpad

07
Fiori Developer Certification Prep

SAP Certified Development Associate — Fiori Application Developer exam alignment and practice

Career Relevance

Fiori is SAP's UX platform for S/4HANA and BTP. As enterprises modernise, Fiori developers are consistently among the most requested profiles in SAP hiring.

  • SAP Fiori Developer — The front-end specialist role in every S/4HANA implementation
  • SAPUI5 Developer — UI development in the enterprise SAP ecosystem
  • SAP Full-Stack Developer — Front-end Fiori plus back-end ABAP
  • SAP UX Consultant — Design and deliver Fiori experiences at enterprise scale
  • SAP BTP Developer — The cloud extension path beyond Fiori on-premise

SAPUI5, MVC architecture, OData services, Fiori Launchpad, SAP Business Application Studio, Fiori design guidelines

SAP modernisation is accelerating. Fiori developers are leading it.

Frequently asked questions

1

Who is this course designed for?

This course is designed for developers who want to build SAP Fiori applications, professionals targeting SAP UX development roles, and anyone with basic HTML, CSS, and JavaScript knowledge who wants to work in the SAP front-end ecosystem.

2

What prior experience do I need?

Basic HTML, CSS, and JavaScript knowledge. SAP familiarity is helpful but not required. SAP Business Application Studio is available via a free BTP trial.

3

What will I be able to do by the end?

You will be able to build SAPUI5 applications using MVC architecture, consume OData services, apply Fiori design guidelines, deploy applications to the Fiori Launchpad, and prepare for the SAP Certified Fiori Developer exam.

4

How are the sessions structured?

Seven modules, 1.5 hours per session, 14 sessions over seven weeks. All development is done in SAP Business Application Studio.

5

What is EngagePro?

SAPUI5 control library references, OData binding patterns, and Fiori design guidelines per session. Each task involves building a real Fiori application component on BAS. Aiden O'Brien reviews every submission with code commentary and a UX quality score.

Learning Approaches

We recognize that everyone learns differently, so we offer flexible learning formats to fit your needs:

One-on-One Training
  • Personalized, instructor-led coaching tailored to your learning speed.

  • Best for career-specific coaching or specialized training needs.

Small Batch Classes (2-5 learners)
  • Interactive, discussion-based learning in small groups.

  • Encourages collaboration, teamwork, and peer-to-peer engagement.

Enrol Now

Your content has been submitted

20250529_0050_Tech-Savvy Engineer Portrait_simple_compose_01jwcmsd77fde9w45mfg9zfhwv.png

Join Us Today

Welcome to ITLearnner, your gateway to a world of online education! We make it simple to register for our courses, helping you navigate through various categories to find the perfect match for your learning goals.

 

When signing up, we'll ask where you learned about us and if you have any references, making the process smooth and tailored to your needs.

 

Join us today and unlock your potential in the digital realm!

bottom of page