SAP Fiori/ UI5 Bootcamp Recorded Sessions
Digital Product
13Sales

SAP UI5 / SAP Fiori Custom Development

Module 1: Introduction & Setup

  • What is SAPUI5 & Fiori? Overview and architecture
  • Understanding MVC (Model-View-Controller) in SAPUI5
  • Installing development tools
  • SAP Web IDE / BAS (Business Application Studio)
  • Local development with Visual Studio Code and UI5 CLI
  • Setting up your first SAPUI5 project


Module 2: Core Concepts

  • Understanding Views and Controllers
  • XML, JSON, and JS Views
  • Data binding (Property, Aggregation, Element binding)
  • Models: JSONModel, ODataModel, ResourceModel
  • Event handling and life cycle


Module 3: Controls & UI Components

  • Standard UI5 controls: Text, Input, Button, Table, List
  • Layouts: VBox, HBox, Grid, FlexBox
  • Custom controls and fragments
  • Dialogs, popovers, and message boxes
  • Icons and formatting


Module 4: Routing & Navigation

  • Single-page vs. multi-page apps
  • Router configuration and manifest.json
  • Hash-based navigation and deep linking
  • Passing data between views


Module 5: Data Services & OData

  • Introduction to OData protocol
  • Connecting to back-end services
  • Consuming OData services in SAPUI5
  • Filtering, sorting, and pagination
  • Batch operations and updates


Module 6: Advanced Topics

  • Custom formatters and helpers
  • Component-based development & reuse
  • Fiori design guidelines and Fiori Launchpad
  • Using fragments for modular UI
  • Theming and customizing UI5 applications

Module 7: Testing & Debugging

  • Debugging SAPUI5 apps in browser
  • Unit testing with QUnit
  • Best practices for performance optimization


Module 8: Build & Deployment

  • Building apps with UI5 Tooling / UI5 CLI
  • Deploying to SAP NetWeaver, ABAP Repository, or SAP BTP


NOTE : Access to code is not available !

$35$57