SAP UI5 & Fiori

Course details

SAP UI5 AND FIORI Course Syllabus

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

• Before you Start
• ·       Naming Conventions for Control and Application Development
  ·       Browser and Platform Matrixes
  ·       Compatibility Rules
  ·       Experimental Flag
  ·       Security Information for SAPUI5
  ·       Getting Started with SAPUI5
  ·       Concepts
  ·       Application Best Practice
  ·       Initializing and Loading SAPUI5
  SAPUI5 in HTML Pages
  ·       Models and Data Binding
  ·       Building the UI
  ·       Structuring SAPUI5 Applications
  ·       Translating SAPUI5 Applications
  ·       
  Application Upgrades
              g)       Supportability
  ·       Building Mobile Applications with SAPUI5
  ·       Containers
  ·       Troubleshooting
  ·       Testing in SAPUI5
  ·       Developing Content for SAPUI5
  ·       WEB-IDE

 
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
·       
·        API
·        API
·        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)
 
  Updated on 28 July, 2020