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 !