Course Outline

Tailored Solutions Await

SAP Fiori UX and App Development Training Course

Rating

9/10

Duration

4 Days

Course Overview

This course is for developers, designers, and SAP professionals who want to build clean, user-friendly interfaces using SAP Fiori. You’ll dive into the Fiori design principles that power SAP’s modern UX and learn how to develop responsive, role-based apps using SAPUI5, OData services, and the Fiori Elements framework. From design to deployment, this course walks you through creating apps that users actually enjoy using—while staying aligned with SAP’s best practices.

Format of Training

  • Hands-on Fiori app development labs
  • SAPUI5 coding exercises and layout design practice
  • Live walkthroughs of OData integration and Fiori Elements
  • Real-world UI/UX design reviews for enterprise scenarios

Course Objectives

  1. Understand the SAP Fiori design system and UX guidelines
  2. Develop responsive and role-based Fiori apps using SAPUI5
  3. Integrate backend data through OData and Gateway services
  4. Use Fiori Elements for faster development and consistency
  5. Apply clean design patterns and reusable components
  6. Customize standard Fiori applications for specific business needs
  7. Support deployment and configuration of apps within SAP Launchpad

Prerequisites

Course Outline


Day 1: Foundations of Fiori and UX Design Principles

Session 1: Introduction to SAP Fiori

  • Evolution from SAP GUI to Fiori UX

  • Fiori design principles: role-based, adaptive, coherent, simple, delightful

Session 2: Fiori Launchpad and App Types

  • SAP Fiori Launchpad overview and role configuration

  • Differences between transactional, analytical, and fact sheet apps

Day 2: SAPUI5 and Frontend Development
Session 1: Building Fiori Apps with SAPUI5

  • Project structure, XML views, controllers, and bindings

  • Working with models, events, and reusable components

Session 2: Styling and Layout Best Practices

  • Fiori controls, responsive grids, and themes

  • UI patterns and consistency guidelines

Day 3: Backend Integration and OData
Session 1: Connecting Fiori Apps to SAP Backend

  • OData architecture and consumption in SAPUI5

  • CRUD operations and custom service integration

Session 2: Fiori Elements and Smart Controls

  • Introduction to annotations and metadata-driven UIs

  • Faster development using templates and standardization

Day 4: Extending, Testing, and Deployment
Session 1: Extending Standard Fiori Apps

  • Customizing existing Fiori apps without modifying core code

  • Extension points, fragments, and controller hooks

Session 2: Testing, Packaging, and Launchpad Deployment

  • Debugging tools, best practices, and app testing

  • Transporting apps to Fiori Launchpad and managing roles

Bespoke Option

We are open to customizing this program to align with your specific learning objectives. If your team has particular goals or areas they wish to focus on, we would be happy to tailor the course outline to meet those needs and ensure the program supports the achievement of your desired outcomes.

Further Learning Opportunities

SAP Business Process Integration

This course is ideal for professionals who want to understand how core business processes run across SAP modules

SAP Fiori UX and App Development

This course is for developers, designers, and SAP professionals who want to build clean, user-friendly interfaces using SAP Fiori.

CommVault Core Fundamentals (v11) Training Course

An immersive, certificate‑aligned training designed for new Commvault administrators.

CommVault Implementation & Maintenance (CIM) Training Course

This technical, instructor-led course is intended for backup and system administrators tasked with the deployment, configuration, and ongoing support of Commvault environments.

SAP Fiori UX and App Development Training Course

Course Name: SAP Fiori UX and App Development Training Course

Request More Information