
Introduction to the course and the author.
Explore the evolution of SAP user interfaces from early graphical UIs to SAP Fiori, highlighting open standards, web-based JavaScript apps, and the design principles of simplicity and responsiveness.
Explore SAP Fiori principles and app types, from role-based, simple, and delightful design to tiles-based home screens, with transactional, analytical, and a 360-degree view of a business object.
Explore the SAP Fiori architecture for ABAPers, comparing transactional, fractured, and analytical apps. See how front-end, back-end, dispatcher, and reverse proxy interact with data services and a gateway service.
Explore how SAPUI5 enables building enterprise UIs with model–view–controller architecture, reusable libraries, views, controllers, models, fragments, and internationalization. Learn to structure apps with a manifest, routing, and launchpad integration.
Learn the OData architectural style for SAP Fiori, including entity types with keys, resource navigation, and standard operations like get, create, update, delete, and function imports.
The gateway service architecture features a two-part design—an application-independent hub and a back-end framework—and describes two deployment options, including an embedded deployment.
Explains how to model and implement a gateway service with service builder, including creating entities, complex types, properties, and function imports, and deploying via a service catalog in SAP Fiori.
Compare a Fiori app with a Web Dynpro application to reveal differences in server-delivered content, browser data calls, and component-driven architecture for ABAPers.
Compare WebIDE with ABAP Workbench to distinguish server versus client execution, server deployment, and browser breakpoints. The talk contrasts compiling, strict syntax checks, data handling, and transport as a similarity.
Explore debugging and deployment of a JavaScript app with chrome developer tools, network inspection, and breakpoints, plus using chrome extensions and the UFA inspector to track loading and error logs.
Explore how to use browser developer tools and SAP Fiori debugging techniques to inspect app structure, monitor network calls, view sources, and debug with unified or split files.
Debug a UI5 app by tracing button presses (approve, reject, forward) from view to controller, inspecting button pressed handlers and confirmation dialogs, highlighting client-side risks requiring backend validation.
Learn how to debug gateway by using breakpoints, trace service calls, inspect entity sets and details, and use Chrome developer tools and backend logs to diagnose issues and performance.
Gather requirements and prototype a transactional app using PowerPoint stencils or open source build tools, collect feedback, publish prototypes, then design an audit model to define backend entities and operations.
Explore SAP Fiori extension concepts for ABAPers, including file extensions, user interface and data service replacements, hooks, label changes, and back-end business logic enhancements.
Learn how to extend a SAP Fiori UI5 app by using extensibility points, creating extension projects, and customizing views, fields, and controllers to add or hide information.
Extend the gateway service by creating and registering a new property, replace the standard service, and verify the updated property is reflected in the app and data model.
Explore sap fiori launchpad administration, detailing catalogs, groups, and tiles, including static, dynamic, and news tiles, and how target mapping and semantic objects control access. Master launchpad access control.
If you are an ABAPer wanting to get into the Fiori bandwagon, it is not late yet. There are so many tutorials and documents available on Fiori, UI5, Gateway. But you might be wondering where to start from. You might be wondering how vast and deep this Fiori jungle is. This course aims exactly to address that need. Being an ABAPer you might get lost in the jargons involved. This course aims to teach them keeping your ABAP background in mind.
This course is not another "How to build a Fiori app?" course. Rather this aims to give you an overview of concepts and tools involved, so that you can decide where to start your learning from. Author also plans to come up with more courses, in the Fiori space and the current course will be the stepping stone for them.
So start your journey today. What are you waiting for?
[UI5, SAPUI5, OPENUI5, Fiori, ABAP, SAP]