Home / Courses / SAP UI5 Fiori Online Training

SAP UI5-FIORI Certification Training

One of the top providers of online IT training worldwide is VISWA Online Trainings. To assist beginners and working professionals in achieving their career objectives and taking advantage of our best services, We provide a wide range of courses and online training.

Reviews 4.9 (4.6k+)
Rated 4.7 out of 5

Learners : 1080

Duration :  25 Days

About Course

SAP UI5 & Fiori Course Overview

Our SAP UI5 & Fiori Online Training is designed to equip learners with the skills needed to develop modern, responsive, and user-friendly SAP UI5 applications. This course covers everything from understanding Fiori design principles to building advanced SAPUI5 applications, custom controls, and OData services. Whether you are a developer, functional consultant, or SAP UI5 professional, this training will help you create intuitive user experiences and streamline enterprise processes using SAP UI5 Fiori and SAPUI5.

Who Can Enroll:

  • SAP UI5 ABAP Developers transitioning to SAPUI5 & Fiori
  • Frontend Developers working on enterprise applications
  • SAP UI5 Functional Consultants involved in UI customization
  • IT Professionals implementing SAP UI5 Fiori applications
  • UX Designers interested in SAP UI5 enterprise UI

Course Benefits:

Gain hands-on experience in SAPUI5 application development
Learn to build responsive SAP UI5 Fiori apps following best practices
Understand OData services integration, MVC architecture, and custom controls
Master SAP UI5 Fiori Launchpad configuration and deployment
Enhance career opportunities as a SAP UI5 & Fiori Developer or SAP Frontend Consultant

Key Topics Covered:

  • Introduction to SAP Fiori and UI5 Architecture
  • SAPUI5 controls, layouts, and models (JSON, XML, OData)
  • Data binding, routing, and component-based development
  • Custom controls, libraries, and fragments
  • Fiori Elements & Smart Controls
  • OData services creation and integration with SAP UI5 Gateway
  • Fiori Launchpad configuration and role-based access
  • Best practices for performance optimization, UI design, and responsive layouts

SAP UI5-FIORI Training Course Syllabus

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

Cascade Style sheet
  • External style sheet
  • Font properties
  • CSS comments
  • Box model, padding, border, margin, padding
  • Classes
  • Working with colors
  • Background images
  • ID’s, child selectors, pseudo-classes
  • Styling links, styling lists

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
  • Radio buttons, Check Boxes
  • Creating HTML Element
  • Modifying HTML Elements
  • Regular Expressions
  • Prototype in Javascript
  • Javascript Literals
  • Javascript Objects, properties, and functions

JQuery
  • Selectors
  • Events
  • DOM Manipulation

SAP UI5
  • Installing SAPUI5
  • SAPUI5 Tools
  • Documentation
  • Before you Start
  • MVC Architecture
  • Naming Conventions for Control and Application Development
  • Browser and Platform Matrixes
  • Compatibility Rules
  • 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
  • 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
  • Building the UI
  • Instantiating Views
  • Implementing XML 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
  • 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
  • Building Mobile Applications with SAPUI5
  • Handling Navigation and Lifecycle Events
  • Working with Lists and Tables
  • Triggering Phone, SMS and E-Mail
  • Scrolling in SAPUI5 Mobile
  • Using Images in Mobile Applications
  • Message Handling
  • Troubleshooting
  • Debugging
  • Logging and Tracing
  • Troubleshooting: Common Issues
  • Browser Debugging for ABAP Developers
  • Testing in SAPUI5
  • Developing Content for SAPUI5
  • Development Conventions and Guidelines
  • Introduction to Fiori Elements
  • WEB-IDE / BAS
  • Create a new SAPUI5 application
  • Development process overview
  • Development environment overview
  • Deploy to SAPUI5 ABAP Repository

SAP Fiori Introduction and App Development
  • SAP UI5-FIORI

SAP Fiori
  • Master Detail view
  • Routing
  • sap.m.Table
  • sap.m.app API
  • sap.m.List API
  • sap.m.Icontabbar API
  • Fragments
  • Extension of Fiori Apps

SAP UI5
  • Exception Handling
  • Exception Sub-process
SAP Fiori Administration
  • Rapid Fiori Content Activation
  • Theme Design
  • Building Catalogs & Groups
  • Assigning Catalogs & groups to Roles
  • Assigning Roles to users
  • Setting up the Fiori Launchpad

SAP Netweaver Gateway
  • Introduction NetWeaver Gateway
  • NetWeaver Gateway Usage
  • Gateway Architecture overview
  • Technical Components Involved
  • Introduction to REST
  • Introduction to OData
SAP UI5-FIORI Course Key Features

Course completion certificate

SAP UI5-FIORI Training - Upcoming Batches

Coming Soon

AM IST

Weekday

Coming Soon

AM IST

Weekday

Coming Soon

PM IST

Weekend

Coming Soon

PM IST

Weekend

Don't find suitable time ?

Request More Information

CHOOSE YOUR OWN COMFORTABLE LEARNING EXPERIENCE

Live Virtual Training

PREFERRED

Self-Paced Learning

Corporate Training

FOR BUSINESS

SAP UI5-FIORI Online Training FAQ'S

What is SAP Fiori?

SAP Fiori is a design system and user experience (UX) approach for SAP applications. It provides role-based, responsive, and easy-to-use apps across devices.

What is SAPUI5?

SAPUI5 is a JavaScript-based UI framework used to build responsive web applications. It provides libraries for HTML5, CSS, and JavaScript to create SAP Fiori apps.

What is the difference between SAP Fiori and SAPUI5?
  • SAP Fiori: A UX design concept and set of ready-to-use applications.
  • SAPUI5: The technical framework used to develop Fiori apps.
What is an OData service in SAP Fiori?

OData (Open Data Protocol) services are used in SAP Fiori to connect front-end apps with SAP backend systems, enabling real-time data exchange.

What are SAP Fiori Launchpad and its key features?

The SAP Fiori Launchpad is the entry point for all Fiori apps. Key features include:

  • Role-based access
  • Tiles & groups
  • Personalization
  • Navigation & search
  • Integration with backend systems

Reviews

More Courses You Might Like

No posts found!