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
- Course Overview 

What this course is about

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 Studiothrough 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 certificationand the roles it opens.

Learning Objective : 

By the end of this course, you will be able to

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
- Who this course is for:

Target Audience

Who this course is for

Target audience

For SAP and front-end professionals ready to stop working in traditional SAP interfaces and start building the modern UX every enterprise is moving to.
  • SAP developers moving from classic SAP UX to Fiori-based development who need hands-on SAPUI5 and OData binding on a real system not a demo tenant.
  • Front-end developers entering the SAP ecosystem who want to leverage existing web skills to move into high-demand, well-paid SAP Fiori roles.
  • IT professionals targeting SAP UI developer or Fiori consultant positions who need a complete, deployable application in their portfolio before the interview.

If you see yourself in one of these, this course is built for you.

What you need

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)

SAP Fiori and UI5 Modern UX Development

21 Hrs

Duration

1.5 hrs

Sessions

Online, Live

Delivery

Curriculum

01

Fiori Design Principles and BAS Setup

Learn the SAP Fiori design language and SAP Business Application Studio setup and apply them to configure your development environment and build your first SAPUI5 application that follows Fiori design standards.

02

SAPUI5 Architecture and MVC

Learn SAPUI5 MVC architecture how models, views, and controllers interact within a Fiori application and apply that understanding to wire up your first XML view, JSON model, and controller logic.

03

Views, Models, and Controllers

Learn XML view composition, SAPUI5 controls and layout containers, and data binding patterns and apply them to build multi-control views with list, form, and detail layouts for your Fiori application.

04

OData Service Consumption

Learn OData service consumption in SAPUI5 the OData model, entity sets, CRUD operations, and error handling and apply them to connect your Fiori application to a real SAP backend via OData.

05

Routing and Navigation

Learn SAPUI5 routing and navigation the UI5 router, hash-based URL patterns, and parameter passing between views and apply them to build a multi-page Fiori application with proper navigation.

06

Deploying to Fiori Launchpad

Learn how to deploy a Fiori application to the Fiori Launchpad packaging, transport, tile configuration, and user role assignment and apply them to make your application accessible to business users.

07

Fiori Developer Certification Prep

Learn the SAP Certified Development Associate Fiori Application Developer exam structure and apply that preparation through practice questions aligned to the exam blueprint, reviewed with the mentor.

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.

6

What tools do I need?

A laptop and access to SAP Business Application Studio via a free BTP trial account.

7

Will I receive a certificate?

Yes the ITLearnner SAP Fiori course completion certificate, aligned to the SAP Certified Development Associate SAP Fiori Application Developer exam.

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