Skip to main content

SAP UI5 / Fiori Developer Training

Technology SAP Fiori SAP NetWeaver Gateway SAP UI5

An SAP training firm brings in Mindset to deliver a week of SAP UI5 and Fiori development instruction

SAP training company Delivered 2016

Mindset delivered a full five-day SAP UI5 and Fiori development course, taking a room of ABAP developers from Gateway and OData basics to working UI5 applications.

By the numbers

  • 5 days

    Full instructor-led course delivered

  • 2 modules

    Gateway and OData plus SAP UI5 / Fiori

Before

ABAP developers, no Fiori experience

  • Developer participants were experienced with ABAP but had not yet worked with Gateway, OData, or SAP UI5.
  • The training firm had the program but needed a qualified Fiori instructor to deliver it.
  • No working front-end application experience in the SAP context.

After

Full SAP front-end stack covered

  • Participants completed hands-on instruction on Gateway, OData, UI5, Fiori Launchpad, and Web IDE.
  • Each developer left with a working sample application and a reference manual.
  • Practical Fiori development skills ready to apply on live SAP projects.

Why this matters

Mindset as a subject-matter instructor: demonstrating SAP Fiori depth by teaching it to a room of experienced developers through a complete, hands-on curriculum.

The challenge

A Minnesota-based SAP training firm had a course to run: five days of hands-on SAP UI5 and Fiori development for its clients' developers. The audience was familiar with ABAP but had not yet worked with the modern SAP front-end stack. Gateway services, OData modeling, and UI5 application architecture were all new territory.

The firm had the curriculum, the facility, and the client relationships. What it needed was an instructor with deep, practical SAP Fiori expertise who could take developers through the material at the right level and make sure they left with something they could actually use.

What we did

Mindset delivered the five-day instructor-led course at the training firm's facility in the Midwest. The curriculum ran in two main phases. The first day and a half covered SAP NetWeaver Gateway: REST and OData fundamentals, modeling and implementing OData services, read, query, update, create, and delete operations, RFC and BOR integration, BEx and Easy Query, service composition, and advanced metadata.

The remaining three days focused on SAP UI5: Fiori platform architecture, the Fiori Launchpad, MVC structure, OData binding, UI5 controls and components, Web IDE project setup, XML views, JavaScript application logic, extending standard apps, theming, and hybrid app toolkit basics including HANA Cloud Platform mobile services. Where possible, developers worked from their own systems to build a small sample application they could take back to their teams. Each student received a reference manual for continued use after the course.

The outcomes

The developer participants completed the full curriculum with a working sample application and reference materials in hand. The course covered the full SAP front-end stack from the service layer to the UI, giving ABAP developers a practical foundation for building and extending SAP Fiori applications.

If we built this today

Concept · not delivered scope

Teaching Fiori where Joule now lives.

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.

The week we taught ABAP developers to build OData services and live UI5 apps is the same skill set teams now apply with Joule riding inside the launchpad and the build tools.

The data product

Cloud ERP Intelligence

Provides the governed S/4HANA data products a Fiori app binds to, so a custom UI5 build draws on consistent, semantically described business data rather than a raw OData feed alone. It is the trustworthy ground under any agent reasoning about the model.

Data product on SAP Business Data Cloud

The Joule agent

Knowledge Graph Navigator

Reads the SAP Knowledge Graph and the OData service metadata behind a Fiori app, then proposes the data model, entity bindings, and CDS views a developer would otherwise hand-wire. It grounds new builds in real S/4HANA business semantics instead of guesswork.

SAP Fiori, SAP UI5, SAP Gateway / OData, SAP Knowledge Graph · PROPOSE · Time from blank project to a working, data-bound Fiori app

The Fiori app

SAP Build Code with Joule (Joule in the dev workspace)

The modern successor to the Web IDE flow we taught, where Joule scaffolds UI5 views, controllers, and OData bindings from a plain-language prompt. A developer reviews and adjusts every generated piece before it ships.

Joule embedded in the SAP Build dev workspace

We would mine the real screen flows in SAP Signavio first, map the app and integration landscape in SAP LeanIX, and let MIND accelerators carry the old Gateway and UI5 patterns forward into the Joule era.

The Joule Agent Factory Process intelligence

What we built

  • Complete Gateway and OData foundation delivered

    SAP NetWeaver Gateway instruction

    Full day-and-a-half module covering OData service design, modeling, and implementation, including RFC/BOR integration, BEx and Easy Query, service composition, and advanced metadata.

  • Full UI5 development curriculum delivered to ABAP developers

    SAP UI5 and Fiori development instruction

    Three-day module covering Fiori architecture, Launchpad, MVC, OData data binding, UI5 controls and components, Web IDE workflow, XML views, JavaScript logic, app extension, and theming.

  • Every participant left with a working application

    Hands-on sample application

    Participants built a working UI5 application during the course, using their own systems where possible, reinforcing the concepts through real development.

  • Lasting reference delivered to each participant

    Developer reference manual

    Each student received a course reference manual covering the full curriculum for continued use back at their organization.