SAP UI5/FIORI ONLINE TRAINING

SAPUI5/FIORI Introduction

Introduction to SAPUI5/FIORI

• Overview of designing Proto Types in SAP Fiori
• Project structure of SAP UI5/Fiori Application
• Architecture of SAPUI5
• Overview of the MVC model
• Fiori Design Principles
• Overview of End-to-End Data flow
• Overview of OData Service

Introduction to SAP Fiori

• What is SAP Fiori? Compatibility of Fiori
• Fiori Architecture
• Fiori Launchpad and Application Types
• Creating Extension project for a standard Fiori Application
• View Modification
• View Extension
• Controller Extension
• Exercise on Simple Fiori Application Customization

Introduction to SAP WEBIDE & Eclipse

• Creating an account in HANA Trial
• Features of WEBIDE
• Eclipse setup and Development tool
• Creating a sample single view application in Eclipse
• Creating Simple Application in WEBIDE
• Consuming OData services in WEBIDE
• Creating a Split App Application in WEBIDE
• Installing Personal WEB IDE

JavaScript, HTML & XML

• Introduction to JavaScript, HTML, and XML
• Exercises on HTML and XML syntax
• Statements and Comments
• Finding Errors
• Variables, Scope of Variables, Data Types
• Functions, Functions with Parameters
• Functions with Multiple Parameters
• Statements: if, else, nesting if, complex conditions, switch
• Loops: while loop, for loop
• Strings, String Methods
• Arrays, Array Methods
• Objects, Properties, and Methods
• Referencing elements in JavaScript

Introduction to Fiori Elements

• Creating Object Page Application with Fiori Elements
• Creating Work list Application with Fiori Elements

Introduction to View & Controllers

• Creating a view
• Understanding the view’s Controller
• Understanding the Controller’s Hook methods
• Exercise on creating a sample view and implementing controller methods

Working with Various Properties of Basic UI Elements

• Working with different properties of basic UI elements
• Dynamically changing the properties of UI elements
• Exercise on dynamically changing the properties of UI elements

Different Kinds of Models

• JSON Model
• OData Model
• XML Model
• Resource Model
• Sample exercise on different models

Binding

• Types of different Bindings
• Understanding the Binding Concept
• Binding UI elements with models
• Exercise on binding UI elements with models

Navigation between Pages

• Overview of navigation
• Introduction to sap.m.App
• Adding pages to the App
• Exercise on navigation between the pages

Introduction to Different Layouts

• What is a Layout
• Various Layouts in SAP UI5
• Working with Simple form layout, Block layout, Grid Layouts, Object Page Layout, Dynamic Page Layout
• Exercise on creating a form using various layouts

Validating User Input

• Types of Validation
• Exercise on mandatory data validation
• Exercise on valid data and time validation for input fields
• Exercise on showing red color input fields and error messages

Message Handling

• Various types of messages in SAP UI5
• Showing Error, Success, Warning, Information messages
• Exercise on showing various messages in SAP UI5

Passing Data from One View to Another

• Different ways of passing data from one view to another
• Exercise on passing data from one view to another

Playing with Different UI Elements

• Overview on different categories of UI elements like simple, value holders, complex, layouts, dialog, etc.
• Reading data and setting data to the UI elements
• Exercise on working with various UI elements

Split App Application

• What is Split App
• Creating a Split App Application by consuming OData service
• Creating multi-flow pattern application

Working with Popup Dialogs

• Creating a popup dialog, F4 Help, and Search Helps
• Exercise on messages and dialogs

Charts and Smart Controls

• Creating a sample application using VIZ and Gantt Charts library
• Exercise on other chart controls
• Creating a sample application with smart controls

Real-Time Scenarios

• Designing the Proto Types in SAP Fiori
• OData Annotation Modular
• Creating a Dashboard Application in SAP UI5
• Consuming OData Services based on requirement
• Value Help Dialog, Suggestions, and Search Helps in different use cases
• Sample example of M Table, UI Table, and Analytical Table in different use cases
• Displaying PDF in UI5 Application
• Sending email and Gmail from UI5 Application
• Using Smart Controls in UI5 Application
• Launchpad Configuration and Theme Designing
• Different types of model data to a single control
• Real-time functional & technical documents
• Adding custom CSS styles to custom and standard applications
• Support project tickets
• Configuring the standard Fiori Application

SAP NetWeaver Gateway

• Introduction to SAP NetWeaver Gateway
• Overview of OData and REST Protocols in SAP NetWeaver Gateway
• Structure of OData Service & Activating SAP NetWeaver Gateway
• Connecting SAP Gateway to Backend System
• Model your first OData services
• Implement and Register OData services
• Testing OData services in REST
• Developing Header and Line item data in OData service
• Association and Navigation concept in OData services
• Update and Create data in Backend using OData service
• Build OData services using RFC and BAPI in SAP NetWeaver Gateway
• How to install OData Modeler in SAP UI5
• Function Import in SAP OData services
• Creating OData Model using OData Modeler
• OData Query options in SAP NetWeaver Gateway
• $Filter, $Order, $Top & $Skip, $InlineCount, $SkipToken and $Expand query options in SAP OData services
• Deep Insert & ETAG in SAP NetWeaver Gateway
• Using Search Help in SAP NetWeaver Gateway
• Important T-codes in SAP NetWeaver Gateway
• How to consume External OData & HANA XS OData services in SAP NetWeaver Gateway
• Creating ABAP CDS views in SAP NetWeaver Gateway
• ABAP CDS View using Mapping Editor in SEGW

This SAPUI5/Fiori training content is brought to you by Trailevate Solution, ensuring thorough guidance on SAP Fiori development and configuration.