SAP UI5

Course Duration: 35 Sessions

Demo Sessions:
1. Introduction to UI5
2. Architecture of UI5
3. Overview presentation of UI5 Screen
JavaScript:
1. Introduction
2. Basic Syntax
a. JS Statements
b. JS Comments
c. JS Variables
d. JS Data types
3. Operators
4. Conditional Statements
5. Control break statements
6. String Operations
7. Function
8. Events
9. Object
10. Object Map
11. Arrays
12. Array processing
13. Enumerations

JQuery(Optional):
1.
2.
3.
4.
5.
6.
7.

Introduction to jQuery
Basics of jQuery
Syntax
JQuery selectors
JQuery Events
JQuery Call back
JQuery effects

UI5:
1.
2.
3.
4.
5.
6.

A Simple Hello world app

Bootstrap configuration- Loading and initializing UI Controls
Demo Kit- API usage explanation
Control development basics
A Simple Form with basic controls
Enhancing the form with validation and Navigation
a. Shell Control
b. Message Handling
c. Navigation between views using Shell Control
7. A Simple application with views
a. Controller
b. View
c. Hook up methods
8. Modules and Local resources
9. Views and Different types of View development
a. JS View
b. XML View
c. JSON View
d. HTML View
10. Icon Usage
11. Models
a. JSON Model
b. XML Model
c. Resource Model
d. ODATA Model
e. Diff between client side model and Server side model
12. Binding
a. Binding Mode
i. One way binding
ii. Two Way binding
iii. One time binding
b. Binding Types
i. Property binding
ii. Aggregation binding
iii. Element binding
iv. Expression binding
c. Binding Paths
i. Absolute binding path
ii. Relative binding path
iii. Parts binding
iv. Accessing path in Models

13. Data Types

14. Factory Function
15. Formatters
16. Grouper function
17. Internationalization of texts
18. Internationalization of texts with parameter
19. Event delegate, Registering jQuery event
20. Creating a Custom control
21. Layout
a. Matrix Layout
b. Horizontal Layout
c. Vertical Layout
d. Flex Layout
e. Grid Layout
22. Styles
a. Modifying existing styles for control
b. Adding custom styles
c. Dynamically adding styles
23. Handling Media (Image and PDF)
24. Personalization
25. Fragments:
a. JS Fragments
b. XML Fragments
c. HTML Fragments
d. Delegate Class
e. Fragment delegate pattern
f. Fragment call back
26. ODATA Operations
a. Sorting
b. Filtering
c. Filtering with And/ Or conditions
27. Mobile Application
a. Device Adaptations
28. Deploy UI5 Application in the gateway system
29. Debugging Tools
30. Routing:
a. Routing and Navigation
b. Routing with parameters
c. Routing and History

SAP Netweaver Gateway:

1.
2.
3.
4.
5.
6.
7.

Introduction to SAP Netweaver Gateway

Gateway Architecture
Introduction to REST API
REST API Methods
Pre-Requisites for SAP Netweaver Gateway
Gateway Configuration
OData Query operation:
a. Filter
b. Query
c. Expand
d. Select
e. Orderby
f. Top
g. Skip
h. Count
8. OData Modelling:
a. Entity Types
b. Complex Types
c. Associations
d. Entity Sets
9. ODATA Service Implementation
a. Creating a Project
b. Modelling
c. Service Implementation
d. Run time Artefacts
i. Data Provider Class
ii. Model Provider Class
10. Function Imports
11. Navigation
12. Creating OData service based on BOR/RFC
13. Integration with SAP UI5:
a. Consuming OData service in SAP UI5
b. CRUD Operation in OData Service
c. Read and Query operation
d. Merge
e. Performance optimization

SAP Fiori:
1. Introduction to SAP Fiori
2. Understanding SAPs UX Design (New, Renew and Enable)
3. Types of SAP Fiori Apps
4. SAP Fiori Launchpad
5. Enable SAP Fiori Launchpad(FLP)
6. Configurations
7. SAP Fiori Launchpad Designer
8. Target Mapping
9. Intent based Navigation
10. Groups and Catalogs
11. Theme Designer
12. SAP Web IDE Tool( previously known as River RDE)
13. Layout Editor
14. Component based Fiori Apps
15. Implementation of Standard SAP Fiori Apps
16. Fiori Like Apps using SAP Web IDE
17. SAP Fiori Mobile Client