• phone icon +44 7459 302492 email message icon info@uplatz.com
  • Register
0- - 0
Job Meter = High

SAPUI5 and SAP Fiori Training

40 Hours
Online Instructor-led Training
USD 1399 (USD 2800)
Save 50% Offer ends on 31-Dec-2023
SAPUI5 and SAP Fiori Training course and certification
38 Learners

About this Course
SAPUI5 is a JavaScript UI library comprised of a feature rich foundation and a large quantity of UI controls and SAPUI5 examples organized like a library. The features include an effective engine for updating and creating HTML that defines the controls, models and data binding for varying data sources, a foundation for the Model-View-Controller concept, automatic loading of language resources, and a foundation for HTML templates and declarative UI construction. In essence, SAPUI5 is HTML5-based development toolkit and encourages one consistent user experience. The apps built using SAPUI5 are responsive across browsers and devices – they run on smartphones, tablets, and desktops. The UI controls automatically adapt themselves to the capabilities of each device. To do this, SAPUI5 provides robust development concepts to create apps with consumer-grade, browser-based business applications. In a nutshell, UI5 is a client UI technology based on JavaScript, CSS and HTML5. Servers come into play for deploying your applications, storing the SAPUI5 libraries, and connecting to a database. Depending on the environment in which you are using SAPUI5, the libraries and your applications are stored for instance on SAP HANA Cloud Platform or another application server. The favored means to access business data for your application is by using the oData model.
SAP Fiori is a set of applications (or apps) written by SAP to address the most broadly and frequently used SAP functions, such as workflow approvals, information lookups, and self-service tasks. They provide simple and easy-to-use access across desktops, tablets, and smartphones.
SAP Fiori is a platform that provides for porting of applications on mobile devices and is founded on SAP's technology platform which is called NetWeaver. For SAP customers this unique product is made available without any additional costs. This enables SAP partners to leverage the numerous advantages of SAP Fiori. SAP Fiori makes for a superior user experience for SAP software and consists of up to hundreds of applications that are known to be intuitive. SAP Fiori provides simple access across smartphones, desktops, and tablets. It is an impressive initiative from SAP to provide a quicker and highly responsive user interface. It employs cutting-edge design principles for delivering simple and responsive experiences which are personalized and across different devices from mobile phones to tablets and desktops. Its effort is centered on supplying a user interface across varying devices. There is a lot of potential for Fiori since it resolves the core problems SAP users have today.


Uplatz offers this comprehensive and intense SAPUI5 and SAP Fiori training with online instructor-led classes. Our training focuses on enhancing your skills on important concepts of SAPUI5 and FIORI. This SAPUI5 and Fiori training and certification program gives you a solid understanding of the key topics covered on both SAPUI5 and Fiori. In addition to boosting your income potential, getting certified in SAPUI5 and Fiori demonstrates your knowledge of the skills necessary to be an effective SAP professional. The certification validates your ability to produce reliable, high-quality results with increased efficiency and consistency thus opening up a plethora of career opportunities.


Objectives of SAPUI5 and Fiori Training

  • Understand SAP Fiori system landscape architectures and its core functionality
  • All fundamentals including HTML5, CSS, JS, JQuery, DOM
  • End to end MVC to develop UI5 Applications from Scratch
  • End to end development of Fiori App using Eclipse and WebIDE
  • Development of OData services using netweaver gateway
  • Understand different aspects of SAP UX technology
  • Take informed decisions in a UI5 project
  • Know what are the opportunities that will come by learning the new UX technology
  • Work as SAPUI5 professional consultants
  • Make existing SAPUI5 Apps better with responsive and more UX centric development
  • Understand all the concepts related to SAPUI5 / OpenUI5 web app development


SAPUI5 and SAP Fiori Training

Course Details & Curriculum

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

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


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



SAP Certified Technology Associate (C_SAPXIMP_20)


·     Minimum two years of IT experience or at least a year of SAP experience in the USA

·     At least two years SAP implementation experience or have attended at least 15 days of relevant training in SAP


Exam Details

·     Associate Level Certification

·     Exam price is $500

·     Exam duration - 180 minutes

·     Exam questions - 80 questions

·     Passing score - 59%



SAP Certified Development Associate (C_FIORDEV_20)


·     There are no such pre-requisites to enrol for this certification


Exam Details

·     Associate Level Certification

·     Exam duration - 180 minutes

·     Exam questions - 80 questions

·     Passing score – 61%



SAP Certified Technology Associate - SAP Fiori System Administration (C_FIORADM_21)


·       There are no such pre-requisites to register for this exam


Exam Details

  • Exam Level - Associate
  • Exam Duration - 180 Minutes
  • Exam Questions - 80 Questions
  • Passing Score - 65%



Didn't find what you are looking for?  Contact Us