SAPUI5 and SAP Fiori Training

Basic Foundation for UI5

Lesson 1: HTML

·       Creating our first web page
·       Line breaks, paragraphs and headers
·       Bold, italics and comments
·       Lists
·       Linking to another page
·       Images
·       Directory structures
·       New audio tag, New video tag
·       Table
·       Forms, Get/Post method, action

Lesson 2: Cascade Style sheet

·       External style sheet
·       Font properties
·       CSS comments
·       Box model, padding, border, margin, padding
·       Classes
·       Div and Span
·       Working with colors
·       Background images
·       ID's, child selectors, pseudo classes
·       Styling links, styling lists
·       Rounded corners
·       Linear gradient
·       Float and clear
·       New tags for the layout

Lesson 3: DOM

·       Document Object Model
·       Relating HTML Elements

Lesson 4: JavaScript

·       Introduction to JavaScript
·       Statements and Comments
·       Finding Errors
·       Variables, Data Types
·       Operators
·       Strings
·       Events
·       Functions, Functions with Parameters
·       Functional with Multiple Parameters
·       Variable scope
·       Arrays
·       Statements if, else, nesting if, Complex Conditions, switch
·       While loop, for loop
·       Objects, properties and methods
·       Referencing elements in JavaScript
·       Changing an image source
·       Forms, form values
·       Form validation text boxes, and passwords
·       Radio buttons, Check Boxes
·       Creating HTML Element
·       Modifying HTML Elements
·       Appending HTML Elements
·       Deleting HTML Elements
·       Regular Expressions
·       Object oriented Javascript
·       Prototype in Javascript
·       Javascript Literals
·       Javascript Objects, properties, and functions
 

Lesson 5: jQuery

·       Selectors
·       Events
·       DOM Manipulation

SAP UI5 Framework and Controls

Lesson 6: SAPUI5

·       Installing SAPUI5

     a)       SAPUI5 Tools
b)      Versioning of SAPUI5
c)       Upgrading jQuery for SAPUI5
d)      Documentation

SAP Fiori Introduction and App Development

Lesson 7: SAP Fiori

·       Master Detail view in SAPUI5 Mobile
·       Master Detail view in SAPUI5 Desktop
·       Routing in Components
·       sap.m.Table
·       sap.m.app API
·       sap.m.List API
·       sap.m.Icontabbar API
·       Fragments

Object Oriented Programming in ABAP

Lesson 8: Object Oriented Programming in ABAP

•      What is Object and class?
•      Why to define a class?
•      Components of class
•      Attributes - Instance, static, constant
•      Methods- instance, static
•      Role of Attributes & Methods in OOPs programming
•      Defining class in class builder
•      Accessing Attributes in a method
•      Instantiation of object in report program
•      Visibility - Public, Private, Protected
•      Method parameters - importing, exporting, changing, returning
•      Relationship between objects
•      Association
•      Aggregation
•      Composition
•      Realization
•     Generalization
•      Interface
•      Abstract class
•      Type casting
•      Widening Casting
•      Narrow Casting

SAP Netweaver Gateway Using OData Service

Lesson 9: SAP Netweaver Gateway

•   Introduction NetWeaver Gateway
•   NetWeaver Gateway Usage
•   Gateway Architecture overview
•   Technical Components involved
•   Introduction to REST
•   Introduction to OData
•   OData advantages
•   Introduction to OData formats JSON and XML
•   Overview of Structure of an OData Service
•   Overview of Service Document
•   Overview of Service Metadata Document

OData Operations

Lesson 10: OData Operations

•   Create
•   Read
•   Update
•   Delete
•   OData Query Options
•   Filtering and Projecting ($filter and $select)
•   Sorting ($orderby)
•   Client-Side Paging ($top, $skip, and $inlinecount)
•   Counting ($count)
•   Inlining ($expand)
•   Formatting ($format)