SAP UI5 & FIORI ONLINE TRAINING

SAP UI5 & FIORI COURSE DETAILS

Basic Foundation for UI5

 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

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

DOM

  • Document Object Model
  • Relating HTML Elements

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

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

 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

  • 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)

jQuery

  • Selectors
  • Events
  • DOM Manipulation

SAP UI5 Framework and Controls

SAPUI5

  • Installing SAPUI5
  • SAPUI5 Tools
  • Versioning of SAPUI5
  • Upgrading jQuery for SAPUI5
  • Documentation
  • 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
  • Create Your First SAPUI5 Application
  • Create Your First Mobile SAPUI5 Application
  • Develop Your First Application using SAPUI5 Tools
  • Testing SAPUI5 Applications
  • Concepts
  • Model View Controller (MVC)
  • Resource Handling
  • Libraries
  • SAPUI5 Components
  • Fragments
  • Application Best Practice
  • Preparing
  • Building
  • Application Best Practice
  • Preparing
  • Building
  • Initializing and Loading SAPUI5
  • Bootstrapping: Loading and Initializing SAPUI5 in HTML Pages
  • Initialization Process
  • Configuration of the SAPUI5 Runtime
  • Models and Data Binding
  • Data Binding: Getting Started
  • Models and Data Binding in Applications
  • Binding Types
  • Using the Data Binding Type System
  • Calculated Fields for Data Binding
  • Using Data Binding for Data Export
  • Property Metadata Binding
  • Building the UI
  • Instantiating Views
  • Implementing XML Views
  • Handling Events in JSON Views
  • Typed Views and Controllers
  • File Names and Locations (View and Controller)
  • View Cloning
  • Support for Unique IDs
  • Fragments
  • HTML Templating in SAPUI5
  • Navigation
  • Working with Controls in SAPUI5
  • Declarative Support
  • Structuring SAPUI5 Applications
  • Modularization and Resource Handling
  • SAPUI5 Components
  • Translating SAPUI5 Applications
  • Identifying the Language Code / Locale
  • Resource Bundles
  • Use of Localized Texts in Applications
  • Support Translation
  • Component.js
  • Example: Component Configuration
  • Controller Extension
  • Controller Replacement
  • I18n Resource Text Customization
  • Limitations
  • Caveats Regarding Stability Across Application Upgrades
  • Supportability
  • Building Mobile Applications with SAPUI5
  • Handling Navigation and Lifecycle Events
  • Adapting to Platform and Form Factors
  • Working with Lists and Tables
  • Triggering Phone, SMS and E-Mail
  • Scrolling in SAPUI5 Mobile
  • Running SAPUI5 Mobile Apps in Hybrid Web Containers
  • Using Images in Mobile Applications
  • Message Handling
  • Mobile Events
  • Performance Behavior
  • Building Charts with SAP VIZ
  • Troubleshooting
  • Debugging
  • Logging and Tracing
  • Troubleshooting: Common Issues
  • Browser Debugging for ABAP Developers
  • SAPUI5 Diagnostics
  • SAPUI5 Mobile Diagnostics
  • Testing in SAPUI5
  • Developing Content for SAPUI5
  • Development Conventions and Guidelines
  • WEB-IDE
  • Create a new SAPUI5 application
  • Development process overview
  • Development environment overview
  • Building SAP Fiori-like UIs with SAPUI5
  • Deploy to SAPUI5 ABAP Repository

SAP Fiori Introduction and App Development

  • 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

CERTIFICATION  DETAILS:

C_FIORDEV_20

SAP Certified Development Associate – SAP Fiori Application Developer

WhatsApp chat