SAPUI5

Module 1: Introduction to SAPUI5

• Overview of SAPUI5 framework
• SAPUI5 vs. OpenUI5
• SAPUI5 architecture: Core, libraries, controls
• Development tools: Business Application Studio, VS Code
• SAPUI5 application lifecycle

Module 2: MVC Architecture

• Model-View-Controller pattern in SAPUI5
• XML views and JavaScript views
• Controllers and lifecycle hooks
• Routing and navigation
• Component-based application structure

Module 3: Data Binding

• Binding types: Property, element, aggregation
• JSON model, OData model, XML model
• Two-way and one-way binding
• Expression binding
• Custom formatters and types

Module 4: SAPUI5 Controls

• Basic controls: Button, input, text
• Container controls: Panel, VBox, HBox, grid
• Table controls: sap.m.Table, sap.ui.table.Table
• Form controls
• Custom control development

Module 5: OData Integration

• OData V2 model in SAPUI5
• OData V4 model features
• CRUD operations with OData
• Batch requests
• OData model metadata and annotations

Module 6: Routing and Navigation

• Router configuration
• Route patterns and parameters
• Navigation between views
• Deep linking
• Hash-based navigation

Module 7: Fragments and Dialogs

• XML fragments creation
• Dialog and popup management
• Value help dialogs
• Message popover
• Reusable fragment patterns

Module 8: Fiori Elements and Annotations

• Fiori Elements with SAPUI5
• OData annotations for UI generation
• Annotation-driven development
• Custom sections in Fiori Elements
• Manifest configuration

Module 9: SAPUI5 Theming

• Less and CSS variables
• SAP theming parameters
• Custom theme development
• Theme designer tool
• Accessibility and contrast themes

Module 10: Testing in SAPUI5

• QUnit unit testing
• OPA5 integration testing
• Test recorder
• wdi5 end-to-end testing
• Test coverage and CI integration

Module 11: Performance Optimization

• Lazy loading of views
• Asynchronous loading
• Component preloading
• Bundle optimization
• Memory management in SAPUI5

Module 12: Real-Time Projects and Case Studies

• Custom SAPUI5 procurement app
• Dashboard with OData and charts
• End-to-end SAPUI5 development cycle
• Certification and interview preparation

Experience in the Industry Gain knowledge from experts with hands-on SAPUI5 project experience in custom Fiori app development and enterprise UX.

Backgrounds at the Top Prominent corporations such as HCL, TCS, SAP Labs, and Accenture employ our SAPUI5 trainers.

Clear & Effective Teaching Excellent communication and real-world examples simplify complex JavaScript framework concepts and OData integration.

Hands-On Learning Focus Students apply skills using live SAP Business Application Studio with real SAPUI5 custom app development projects.

Up-to-Date Knowledge Trainers stay current with latest SAPUI5 versions, Fiori Elements, BTP deployment, and modern web development practices.