SAP Fiori & SAPUI5 Training
Build and deploy the modern SAP user experience: SAPUI5 development with MVC, OData consumption, Fiori elements and annotations, the Launchpad with catalogs, groups and spaces, roles and security, extensibility, and deployment on ABAP and on BTP.
SAP Fiori training teaches you to build, configure and deploy Fiori applications for SAP S/4HANA. You learn SAPUI5 development with the MVC pattern, controls, routing and data binding, OData model consumption, Fiori elements with CDS annotations, Launchpad configuration with catalogs, groups, spaces and pages, roles and authorisation, app extensibility, and deployment to both the ABAP platform and SAP BTP. It maps to the SAP Certified Associate Fiori Application Developer exam.
Who this course is for
Prerequisite: Basic HTML, CSS and JavaScript knowledge is strongly recommended. No ABAP required, although familiarity helps for the back-end modules.
What makes this different
You configure, not just watch
From the first session you are in a live SAP practice system doing the configuration yourself, with IMG paths, master data and test transactions. That is what makes it stick.
Taught on the current release
No ECC-era screenshots pretending to be current. Everything is shown on S/4HANA and the current cloud releases, including Fiori where the classic GUI screen has been replaced.
One consultant for the whole batch
One working SAP consultant teaches the full course, no rotation, so the configuration story stays consistent from first session to go-live simulation.
Support continues to the offer
Resume rewriting for SAP roles, mock interviews on real implementation scenarios, and referrals. Support does not stop when the last class ends.
Curriculum
8 modules and 3 projects, updated to the current release. Every module maps to real SAP Fiori work and expands into its full topic list, practised on a live developer instance.
SAP Fiori & SAPUI5 Training module list: 8 modules, what each one covers, and how many topics it expands into. Full topic lists are in the accordions below.
| # | Module | What you configure | Topics |
|---|---|---|---|
| 01 | Fiori foundations and the UX strategy | Understand what Fiori is as a design system and as an architecture before writing any code. | 8 |
| 02 | SAPUI5 fundamentals | Learn the framework properly, because most Fiori problems are SAPUI5 problems. | 8 |
| 03 | Routing, navigation and app structure | Build a real multi-page app rather than a single screen demo. | 8 |
| 04 | OData and back-end integration | Connect the front end to real SAP data, and know what to do when the service misbehaves. | 8 |
| 05 | Fiori elements and annotations | Deliver apps faster by describing them in annotations instead of writing UI code. | 8 |
| 06 | Launchpad, catalogs and roles | Configure how users actually reach the apps, which is the part that most projects underestimate. | 8 |
| 07 | Extensibility and adaptation | Change standard apps without forking them, keeping upgrades manageable. | 8 |
| 08 | Deployment, testing and operations | Ship the app and keep it running, including the parts that only appear in production. | 8 |
1Fiori foundations and the UX strategy
Understand what Fiori is as a design system and as an architecture before writing any code.
- Fiori design principles and the UX vision
- App types: transactional, analytical, factsheet
- Fiori elements versus freestyle SAPUI5
- The Fiori architecture on S/4HANA
- Embedded versus hub deployment of the front-end server
- SAP Fiori apps reference library
- SAP Fiori for Web and the current design language
- Where the classic GUI still fits
2SAPUI5 fundamentals
Learn the framework properly, because most Fiori problems are SAPUI5 problems.
- Bootstrapping and the SAPUI5 runtime
- MVC: views, controllers and models
- XML views and control hierarchy
- Common controls and the sap.m library
- Data binding: property, aggregation, expression
- JSON, resource and OData models
- Formatters, types and validation
- Fragments, dialogs and reuse
3Routing, navigation and app structure
Build a real multi-page app rather than a single screen demo.
- Component-based app structure and manifest.json
- Routing configuration and route matching
- Navigation between views and passing parameters
- Master detail patterns and the flexible column layout
- Busy indicators, messages and error handling
- Internationalisation with i18n
- Device adaptation and responsive design
- Fiori launchpad intent-based navigation
4OData and back-end integration
Connect the front end to real SAP data, and know what to do when the service misbehaves.
- OData v2 and v4 differences that matter in practice
- Reading, creating, updating and deleting
- Filtering, sorting, paging and expand
- Batch requests and deferred groups
- Mock server and local testing
- CORS, destinations and the app router
- Gateway service troubleshooting
- Performance patterns for large data sets
5Fiori elements and annotations
Deliver apps faster by describing them in annotations instead of writing UI code.
- Fiori elements floorplans: list report, object page, overview page
- Annotation-driven UI explained
- UI annotations in CDS views
- Selection fields, line items and facets
- Value help and text arrangement
- Actions, determinations and draft behaviour
- Extending a Fiori elements app with custom sections
- When to choose elements over freestyle
6Launchpad, catalogs and roles
Configure how users actually reach the apps, which is the part that most projects underestimate.
- Launchpad architecture and the app descriptor
- Semantic objects, actions and target mappings
- Catalogs, groups, spaces and pages
- Role design with PFCG for Fiori
- Business roles and business catalogs in S/4HANA
- Rapid activation of Fiori content
- Launchpad theming with UI theme designer
- Troubleshooting a tile that does not appear
7Extensibility and adaptation
Change standard apps without forking them, keeping upgrades manageable.
- Key user adaptation in the browser
- Adaptation projects in Business Application Studio
- Controller extensions and view modifications
- Extension points in Fiori elements
- Custom fields and logic with in-app extensibility
- Side-by-side extensibility on BTP
- Versioning and transporting adaptations
- Testing extensions against a new release
8Deployment, testing and operations
Ship the app and keep it running, including the parts that only appear in production.
- Deploying to the ABAP repository (BSP application)
- Deploying to SAP BTP with the app router
- Build tooling: UI5 tooling and CI basics
- Unit testing with QUnit and OPA5
- Browser debugging and the UI5 diagnostics tool
- Performance: bundling, caching and the index
- Monitoring usage and adoption
- Support handover and documentation
What you'll be able to do
Real projects you'll build
Interview-ready scenarios on a live instance, not toy demos.
Freestyle SAPUI5 master detail app
Build a full master detail application against an OData service with routing, filtering, create and edit dialogs, i18n and proper error handling.
Fiori elements list report and object page
Annotate a CDS view stack to generate a list report and object page with value help, actions and draft handling, then add one custom section.
Launchpad rollout
Configure catalogs, groups, spaces and a business role so a named user gets exactly the right tiles, then troubleshoot a deliberately broken target mapping.
Certification and hands-on
Every session runs in a live SAP practice system, so you configure and test rather than watch. The course maps to C_FIORD_2404, SAP Certified Associate, SAP Fiori Application Developer, and finishes with an IT Canvass certificate plus a certification roadmap. IT Canvass does not issue the official SAP credential.
SAP certification is role-based and delivered through SAP Learning. Most exams sit at Associate level (implementation or development consultant for a specific solution), with Specialist exams for narrower scopes and Professional exams for architects and experienced consultants. Exams are booked through SAP Certification Hub or as a single exam; SAP re-versions exams with each release, so always confirm the current code before booking.
Certification facts. Vendor figures change, so confirm against the official SAP catalogue before booking.
| Exam code | C_FIORD_2404 |
|---|---|
| Credential | SAP Certified Associate, SAP Fiori Application Developer |
| Issued by | SAP SE (not by IT Canvass) |
| Exam duration | 180 minutes |
| Exam cost | US$560 single exam, or included in a SAP Learning Hub subscription |
| Prerequisite | No formal prerequisite. SAP recommends hands-on project exposure before the exam. |
| What IT Canvass issues | An IT Canvass course completion certificate and a certification roadmap |
Tools and transactions you will actually use
The screens and apps you will have open every day in this role. You practise in each of them during the course.
The cloud development environment for UI5 and adaptation projects, used for most new Fiori work.
Local development, live reload and mock data so you can build without waiting for a back-end service.
The Ctrl+Shift+Alt+S support tool, network inspection and binding inspection, where Fiori debugging really happens.
Catalog, group and role configuration, the bridge between a working app and a user who can see it.
Testing OData services directly, to prove whether a problem is front end or back end.
The catalogue of standard apps and their prerequisites, used constantly during S/4HANA UX planning.
Your SAP Fiori career roadmap
Five stages on the SAP development track, with indicative 2026 bands.
Salary snapshot: SAP Fiori / UI5 Developer
Indicative ranges aggregated from public salary data. Actual pay varies by location, employer and experience.
A day in the life of a SAP Fiori / UI5 Developer
What the job is really like once you are in it, so you know what you are training for.
Who hires SAP people
Fiori demand tracks S/4HANA adoption. Developers who can do both freestyle UI5 and Fiori elements with CDS annotations are notably scarcer than pure JavaScript developers, and are paid accordingly.
Employer types and named companies are shown as examples of where this skill is used.
How IT Canvass compares
Against a typical training provider, this SAP Fiori course is taught on the current SAP release rather than recycled ECC material, gives you hands-on time in a live practice system from the first session, and keeps one working consultant for the whole batch instead of rotating trainers. Every module is mapped to the C_FIORD_2404 scope, sessions are recorded with lifetime access, and job support (resume rewriting for SAP roles, mock interviews and referrals) is included in one transparent fee. Most providers still teach screen-by-screen navigation with no configuration practice, and bill system access, support and recordings as add-ons.
Fees and training modes
Choose how you want to learn SAP Fiori. No-cost EMI available on all modes.
Interactive live batches, weekday or weekend, with the full cohort and lifetime recordings.
Private one-on-one coaching at your pace, whether you need interview-ready fast or hands-on help with your current project.
Learn on your own time with recorded sessions, labs and Q&A doubt support.
Train your team on SAP Fiori
Tailored curriculum, flexible scheduling, a dedicated SAP consultant, and progress reporting for your managers. Delivered live online or on-site for cohorts of any size, with practice-system access for every learner.
Your trainer
Arjun, SAP Solution Architect, 14+ years
I still deliver S/4HANA implementations and rollouts for manufacturing and retail clients, so I teach from the configuration decisions and cutover problems that are live this quarter, not from a slide deck. In class I show the IMG path, the master data behind it, and the test transaction that proves it works.
Trainer profile placeholder. Final trainer name, bio and credentials to be confirmed.
Learner reviews
I came from front-end web development. The OData and annotation modules bridged the gap to SAP faster than I expected.
Fiori elements finally made sense once annotations were taught from the CDS side. I now build in a fraction of the time.
The Launchpad and roles module is the one nobody teaches properly. It is also the one every project needs.
Fees, batches and policies
The questions people actually ask before enrolling, answered plainly.
What is the total fee and what does it include?
What are the batch timings, and do they work outside India?
What happens if I miss a session?
How long do I keep access to the recordings?
Is there a refund if the course is not right for me?
Is the certificate issued by SAP?
Frequently asked questions
Do I need to know JavaScript?
Do I need ABAP for Fiori?
Fiori elements or freestyle UI5, which should I learn?
Is the Launchpad part of this course?
Which certification does this prepare me for?
Do I get a system to build on?
Free SAP Fiori tutorials to read first
Start with these free lessons, then bring your questions to class.