Skip to main content

SAP Fiori Developer Training

Automotive SAP Fiori SAP UI5 SAP Web IDE

Building an in-house Fiori development practice at a global automotive manufacturer

A global automotive manufacturer Delivered 2018

Mindset put two developer-trainers on-site for a week to give the carmaker's front-end and back-end teams the hands-on Fiori skills they needed to build their own applications.

By the numbers

  • 5 days

    On-site Fiori developer training delivered

  • 2

    Developer-trainers covering front-end and back-end

Before

Fiori capability gap

  • Front-end and back-end developers with no prior Fiori, UI5, or Web IDE experience.
  • No internal capability to build or maintain Fiori applications on their own.
  • A need for structured, hands-on training rather than off-the-shelf SAP courses.

After

In-house Fiori practice launched

  • Developers trained hands-on across UI5, JavaScript, OData back-end, Web IDE, and Design Thinking.
  • A five-day on-site curriculum completed with reference material for continued use.
  • Internal capability in place to build Fiori applications without external dependency.

Why this matters

A focused, practical training investment to build real Fiori development capability in-house, rather than relying on outside vendors to build every application.

The challenge

The manufacturer ran a major North American assembly plant and wanted to stand up its own internal Fiori application development practice. The challenge was capability, not ambition. Its front-end and back-end developers had not worked with SAP Fiori, UI5, or the Web IDE before and needed structured, practical training to start building on their own.

Sending people to generic SAP courses would not cut it. The team needed curriculum designed around real Fiori development work, with time to practice the full stack from UI5 and JavaScript through integrated back-end OData development and workflow.

What we did

Mindset designed and delivered a five-day on-site Fiori developer curriculum at the manufacturer's plant, structured as a three-day block followed by a two-day block over two weeks, with pre-work the week before.

Two Mindset developer-trainers staffed the engagement, one full-stack with a back-end focus and one full-stack with a front-end focus. The curriculum covered the SAP UX strategy and Fiori architecture, Design Thinking methods, Web IDE and tooling setup, UI5 and JavaScript fundamentals, integrated front-end and back-end development, building out from a story backlog and MVP, and an overview of SAP innovation topics including Leonardo.

The paired-trainer format meant developers got both ends of the stack covered in real time, with hands-on exercises throughout rather than lecture-only sessions.

The outcomes

The manufacturer's development team completed the curriculum with the foundational Fiori skills to support an internal Fiori application development practice. Developers got hands-on experience across UI5, JavaScript, Web IDE, OData back-end development, and the Design Thinking process that feeds a Fiori project from the start.

The engagement was a deliberate choice to build internal capability rather than outsource Fiori work. The curriculum, exercises, and project setup artifacts left the team with reference material they could continue using after Mindset's trainers departed.

If we built this today

Concept · not delivered scope

Train the people, then the agents.

This is a forward-looking concept, not the scope we delivered on this engagement. It is the build we would reach for now, grounded in SAP that ships today.

This team wanted to build and own its Fiori practice in-house instead of outsourcing the apps, and today that same goal runs through SAP Build, where developers and a build co-pilot ship custom apps together.

The data product

SAP Knowledge Graph

Governed business semantics over the manufacturer's S/4HANA data, so the agent suggests real entities and relationships instead of guessing field names. It grounds every generated app and service in meaning the team can trust.

Governed semantic layer in the SAP Business AI platform

The Joule agent

Joule Studio Developer Co-pilot

Reads the developer's UI5 project, the OData services, and the SAP Knowledge Graph, then drafts Fiori page scaffolds, controller logic, and annotations grounded in the real S/4HANA data model. A coined name for a design-time build assistant, paired with our own Knowledge Graph Navigator agent for service discovery.

SAP Build, SAP BTP, SAP Fiori, SAP UI5, SAP Knowledge Graph · PROPOSE · Time from story backlog to a working Fiori app, plus developer ramp time

The Fiori app

SAP Build (with embedded Joule)

The build environment where Fiori apps get assembled with Joule drafting layouts and logic alongside the developer. This is the platform successor to Web IDE, not a single S/4HANA transaction app, so we name the environment honestly rather than a Fiori app that does not fit enablement work.

Joule built into the SAP Build design canvas

We would mine the current app and process landscape in SAP Signavio first, map the custom-app estate in SAP LeanIX, and let MIND accelerators carry the older UI5 patterns to the new build model.

The Joule Agent Factory Process intelligence

What we built

  • 5 training days across 2 weeks, delivered on-site

    On-site Fiori developer curriculum

    A five-day structured training program covering SAP UX strategy, Fiori architecture, UI5 and JavaScript, Web IDE, integrated front-end and back-end development, Design Thinking, and SAP Leonardo innovation topics.

  • 2 developer-trainers covering front-end and back-end

    Paired trainer delivery

    Two Mindset developer-trainers on-site simultaneously, one with a back-end focus and one with a front-end focus, covering the full development stack in real time.

  • Exercises across the full Fiori development lifecycle

    Hands-on development exercises

    Practical exercises throughout each day, including building out from a story backlog and MVP, to give developers working experience rather than lecture-only exposure.

  • Design Thinking phases embedded in developer training

    Design Thinking integration

    Curriculum included Design Thinking methods (understand, observe, ideate, prototype) to connect the UX process with technical Fiori delivery.