Learn SAPUI5 Online With 2019 Update PDF

12/11/2019 Learn SAPUI5 Online With 2019 Update
🚀 Frontend and Backend Mastery Programs O er - Live!

(https://www.ui5cn.com/pages/o er-page)
UI5CN (https://www.ui5cn.com) Search
All Content My Dashboard (/enrollments)

Learning Path (http://path.ui5cn.com)
Blog (http://www.blog.ui5cn.com/)
Offer Page (/pages/offer-page)
Refer and Earn (https://www.ui5cn.com/pages/refer-and-earn)
Fayaz P
My Account (/account)
Support (mailto:connect@ui5cn.com)
Sign Out (/users/sign_out)
SAPUI5 Professional Development 2019

Learn SAPUI5 in Details and Step-by-Step With 2019 Update | 25+ hrs Course With in Depth Details
on Concepts and Hands-On
Taught by Ajay Nayak
5.0 | 3 Reviews
7:22
Resume (/courses/take/sapui5-professional-development-2019/lessons/6659234-understanding-sapui5
 223 Videos  1 Multimedia  2 Texts  33 Disqus  4 Downloads  25.0 hrs 30 Days Money Back
Lifetime Access  Earn Completion Certi cate
Key Highlights of Course

https://www.ui5cn.com/courses/sapui5-professional-development-2019/ 1/33
• Full Stack Web IDE App Bootstrap, ComponentJS and Manifest
• Databinding, UI5 Components, Routing and Nav
• Top 40 Components/Elements Commonly Used
• Full Stack SAP® Web IDE Features and New App Components
• Data Integration and Integration Scenario
• Visualization Library and Analytical Components/Elements
• Build UI5 App and Deploy
What we Cover in this Course
Section 1 - SAPUI5 Basics, App Structuring, Bootstrap and Internal Library Implementation
In this section, we have covered

• UI5 Simple App Web IDE
• App Structure
• Bootstrap
• ComponentJS
• Manifest.json, neoapp.json
• Deep-Dive into UI5 Library Execution in Bootstrap

Section 2 - Manifest, Data Models, Binding, Basic Components, Routing and MVC With Internal Library
Implementation
In this section, have covering
• Model - Deep-dive into Data Model and Types
• Binding - Simple, Aggregation and Factory Functions
• Formatter and Conditional Operator in Binding
• Routes - Simple and Advanced Routing
• XML Namespace and Rendering
• Life Cycle Hooks in Controller
Section 3 - Deep Dive into UI5 Components, Controls and Functionalities
In this section, we will cover
• Layout and Containers(Covered in 3.1)
• Display Components
• Action Components
• Fragments, UI Components, Popups and More
• Smart Table, Tile, List and More Aggregation Elements
• Proper Use of API Reference and Deep Dive

Section 4 - Data Visualization, Analytics, Integration and API's With UI5
In this section, we will cover
• Data Analytics and Graph Components
• Integration With Gateway and S/4 HANA® Systems
• Authorization Concept
• Building Apps for Production

Who should take this course and why
• Highly recommended to SAP® Developers, Consultant, Senior Consultant and Architect to increase productivity and
staying relevant in the market
• SAP® Solution Architect, Analyst, Senior Analyst and Manager can understand deployment and Architectural insides

So Join this Must Have Course for Learning UI5

Development 2019
Ajay Nayak
Lead Instructor and CTO at UI5CN
Ajay Nayak is Lead Instructor and Co-Founder of UI5CN and has more than 8 years of experience with online video-
based learning. Previously he has worked with some of the reputed names like SAP®, Capgemini®, Skybuffer and
Statoil® as a developer, consultant, architect and Subject matter experts respectively.
According to him, learning should be interactive and engaging. And keeping an element of fun in it, can make even
dif cult concept simple to understand.
Resume (/courses/take/sapui5-professional-development-2019/lessons/6659234-understanding-sapui5-app-
Curriculum
Section 1 - Codes and Samples
Codes Used in Section 1 

(/courses/take/sapui5-professional-development-2019/downloads/8615094-codes-used-in-section-1)
Hide Content
Section 1.1 - SAPUI5 Basics, App Structuring, Bootstrap and Internal Library Implementation
53:25
Introduction to SAPUI5 Professional Development Free Preview 

(/courses/take/sapui5-professional-development-2019/lessons/6659381-introduction-to-sapui5-professional-
development)
Getting Started with Simple SAPUI5 App in Full Stack Web IDE Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/6659027-getting-started-with-simple-sapui5-app-in-full-
stack-web-ide)
Understanding SAPUI5 App Structure - Namespace and Root View Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/6659234-understanding-sapui5-app-structure-
namespace-and-root-view)
Understanding SAPUI5 App Structure - App Rendering and AMD sap.ui.de ne pattern in Component.js
Free Preview

(/courses/take/sapui5-professional-development-2019/lessons/6659716-understanding-sapui5-app-structure-app-
rendering-and-amd-sap-ui-de ne-pattern-in-component-js)
Understanding SAPUI5 App Structure - Component.js and Loading of Manifest 

(/courses/take/sapui5-professional-development-2019/lessons/6659437-understanding-sapui5-app-structure-
component-js-and-loading-of-manifest)
Understanding SAPUI5 App Structure - Overview Structure of App in Diagram 

(/courses/take/sapui5-professional-development-2019/lessons/6659491-understanding-sapui5-app-structure-overview-
structure-of-app-in-diagram)
Ask Your Questions 

(/courses/take/sapui5-professional-development-2019/disqus/6647256-ask-your-questions)
Hide Content
44:37
Understanding Bootstrap - Run Con guration and Lib Loading Script 

(/courses/take/sapui5-professional-development-2019/lessons/6682981-understanding-bootstrap-run-con guration-
and-lib-loading-script)
Understanding Bootstrap - Resource Folder, Lib Version and Debugging Lib Resource Files 
(/courses/take/sapui5-professional-development-2019/lessons/6682983-understanding-bootstrap-resource-folder-lib-
version-and-debugging-lib-resource- les)
Understanding Bootstrap - OpenUI5 vs SAPUI5, Roles of UI5 Core, Loader and Component Support 
(/courses/take/sapui5-professional-development-2019/lessons/6682989-understanding-bootstrap-openui5-vs-sapui5-
roles-of-ui5-core-loader-and-component-support)
Understanding Bootstrap - Simple Example to See Data Properties in HTML5 Code and Component Container 
(/courses/take/sapui5-professional-development-2019/lessons/6683003-understanding-bootstrap-simple-example-to-
see-data-properties-in-html5-code-and-component-container)
Understanding Bootstrap - Functionality of Data Properties in Bootstrap Script Code - Part 1 

(/courses/take/sapui5-professional-development-2019/lessons/6683078-understanding-bootstrap-functionality-of-data-
properties-in-bootstrap-script-code-part-1)
Understanding Bootstrap - Functionality of Data Properties in Bootstrap Script Code - Part 2 

(/courses/take/sapui5-professional-development-2019/lessons/6683080-understanding-bootstrap-functionality-of-data-
properties-in-bootstrap-script-code-part-2)

Hide Content
24:43
Advanced Understanding Bootstrap - Debugging ComponentSupport-dbg.js when Component Container is


Created
(/courses/take/sapui5-professional-development-2019/lessons/6683091-advanced-understanding-bootstrap-debugging-
componentsupport-dbg-js-when-component-container-is-created)
Advanced Understanding Bootstrap - Debugging UIComponent-dbg.js and Component-dbg.js 

(/courses/take/sapui5-professional-development-2019/lessons/6692392-advanced-understanding-bootstrap-debugging-
uicomponent-dbg-js-and-component-dbg-js)
Advanced Understanding Bootstrap - Load of Manifest Data in Debugging in mSettings 

(/courses/take/sapui5-professional-development-2019/lessons/6692394-advanced-understanding-bootstrap-load-of-
manifest-data-in-debugging-in-msettings)
Advanced Understanding Bootstrap - Component.js Debugging and Summary of the Steps 
(/courses/take/sapui5-professional-development-2019/lessons/6692397-advanced-understanding-bootstrap-
component-js-debugging-and-summary-of-the-steps)

Hide Content
22:51
Understanding Flow of Bootstrap in UI5 App - neo-app.json, Manifest and Component JS 

(/courses/take/sapui5-professional-development-2019/lessons/6692464-understanding- ow-of-bootstrap-in-ui5-app-
neo-app-json-manifest-and-component-js)
Understanding Flow of Bootstrap in UI5 App - Manifest, Model , Route Con g and Component JS 
manifest-model-route-con g-and-component-js)
Understanding Flow of Bootstrap in UI5 App - Manifest, Instantiation of View-Controller and Data Binding 
manifest-instantiation-of-view-controller-and-data-binding)

Hide Content

Hide Content
Section 2.1 - Manifest, Data Models, Binding, Basic Components, Routing and MVC With Internal Library
Implementation
33:00
Understanding Model - AMD Pattern Of Model.js And Data.json Overview Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/6786319-understanding-model-amd-pattern-of-model-js-
and-data-json-overview)
Understanding Model - Using Data.json And Pass In Manifest.json Free Preview 

(/courses/take/sapui5-professional-development-2019/lessons/6786322-understanding-model-using-data-json-and-
pass-in-manifest-json)
Understanding Model - Using Data.js And Inject It In Component.js And Controller As Dependency 
(/courses/take/sapui5-professional-development-2019/lessons/6786327-understanding-model-using-data-js-and-inject-
it-in-component-js-and-controller-as-dependency)
Understanding Model - Debugging Model Injected To Controller And Binding Mode 

(/courses/take/sapui5-professional-development-2019/lessons/6786334-understanding-model-debugging-model-
injected-to-controller-and-binding-mode)
Understanding Model - Using Url To Extract Data And Bind In View 

(/courses/take/sapui5-professional-development-2019/lessons/6786340-understanding-model-using-url-to-extract-data-
and-bind-in-view)

Hide Content
Implementation
26:22
Data Model Advanced: Understanding sap.ui.model.json.JSONModel Implementation 

(/courses/take/sapui5-professional-development-2019/lessons/6825398-data-model-advanced-understanding-sap-ui-
model-json-jsonmodel-implementation)
Data Model Advanced- Understanding Implementation Of Model.Js, Common Public Methods And Loaddata 
(/courses/take/sapui5-professional-development-2019/lessons/6825405-data-model-advanced-understanding-
implementation-of-model-js-common-public-methods-and-loaddata)
Data Model Advanced- When Setdata And Loaddata Is Invoked And How It Is Implementation - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/6825408-data-model-advanced-when-setdata-and-
loaddata-is-invoked-and-how-it-is-implementation-part-1)
Data Model Advanced- When Setdata And Loaddata Is Invoked And How It Is Implementation - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/6825415-data-model-advanced-when-setdata-and-
loaddata-is-invoked-and-how-it-is-implementation-part-2)

Hide Content
Implementation
23:37
Understanding Model - Async Load Of Data From Url And Common Issues - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/6825420-understanding-model-async-load-of-data-from-
url-and-common-issues-part-1)
Understanding Model - Async Load Of Data From Url And Common Issues - Part 2

(/courses/take/sapui5-professional-development-2019/lessons/6825520-understanding-model-async-load-of-data-from-
url-and-common-issues-part-2)
Using Formatter In View To Change Data Representation 

(/courses/take/sapui5-professional-development-2019/lessons/6825523-using-formatter-in-view-to-change-data-
representation)
Passing Multiple Parameter To Formatter Function And Expression Binding 

(/courses/take/sapui5-professional-development-2019/lessons/6825529-passing-multiple-parameter-to-formatter-
function-and-expression-binding)

Hide Content
Implementation
23:46
Understanding Aggregation Binding - Simple List And Standard List Item Without Aggregation 
(/courses/take/sapui5-professional-development-2019/lessons/6825536-understanding-aggregation-binding-simple-list-
and-standard-list-item-without-aggregation)
Understanding Aggregation Binding - Using Item Aggregation With Standard List Item 
(/courses/take/sapui5-professional-development-2019/lessons/6825548-understanding-aggregation-binding-using-
item-aggregation-with-standard-list-item)
Understanding Aggregation Binding - Using Item Aggregation With Object List Item - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/6825567-understanding-aggregation-binding-using-
item-aggregation-with-object-list-item-part-1)
Understanding Aggregation Binding - Using Item Aggregation With Object List Item - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/6825571-understanding-aggregation-binding-using-item-
aggregation-with-object-list-item-part-2)

Hide Content
Implementation
13:16
Understanding Factory Function in Aggregation Binding to Control Which Element to Render - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/6825689-understanding-factory-function-in-aggregation-
binding-to-control-which-element-to-render-part-1)
Understanding Factory Function In Aggregation Binding To Control Which Element To Render - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/6825694-understanding-factory-function-in-aggregation-
binding-to-control-which-element-to-render-part-2)

Hide Content
Implementation
45:31
Understanding Routing- A Simple Navigation Routing Between Views - Part 1 

(/courses/take/sapui5-professional-development-2019/lessons/6825743-understanding-routing-a-simple-navigation-
routing-between-views-part-1)
Understanding Routing- A Simple Navigation Routing Between Views - Part 2 

(/courses/take/sapui5-professional-development-2019/lessons/6825756-understanding-routing-a-simple-navigation-
routing-between-views-part-2)
Understanding Routing- Using History And Navigating Back 

(/courses/take/sapui5-professional-development-2019/lessons/6825871-understanding-routing-using-history-and-
navigating-back)
Understanding Routing- Understanding Structure Of Router History Hash And Logic Behind 
(/courses/take/sapui5-professional-development-2019/lessons/6825878-understanding-routing-understanding-
structure-of-router-history-hash-and-logic-behind)
Understanding Routing With Binded Data Index, Adding First Page and Placing List Using Product API's 
(/courses/take/sapui5-professional-development-2019/lessons/6873148-understanding-routing-with-binded-data-index-
adding- rst-page-and-placing-list-using-product-api-s)
Extracting The List Element Which Is Clicked And De ning Second Page Route With Data 
(/courses/take/sapui5-professional-development-2019/lessons/6873212-extracting-the-list-element-which-is-clicked-and-
de ning-second-page-route-with-data)

Hide Content
Implementation
43:26
Implementing Second Page Route Attached Matched And Implementing Bind Element With Data Path - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/6873559-implementing-second-page-route-attached-
matched-and-implementing-bind-element-with-data-path-part-1)
Implementing Second Page Route Attached Matched And Implementing Bind Element With Data Path - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/6873563-implementing-second-page-route-attached-
matched-and-implementing-bind-element-with-data-path-part-2)
Using Product Id in Route to Instead of Product Index and Solving CROS Issue with Northwind 
(/courses/take/sapui5-professional-development-2019/lessons/6873564-using-product-id-in-route-to-instead-of-
product-index-and-solving-cros-issue-with-northwind)
Binding Data of Product from Manifest.json to Entire App and Changing Binding Path for Route With Id 
(/courses/take/sapui5-professional-development-2019/lessons/6873571-binding-data-of-product-from-manifest-json-to-
entire-app-and-changing-binding-path-for-route-with-id)
Changing The Route Call And Making The Code Proper As Per Product Id Based Index Routing 
(/courses/take/sapui5-professional-development-2019/lessons/6873578-changing-the-route-call-and-making-the-code-
proper-as-per-product-id-based-index-routing)
Understanding the use of dataRequested and dataReceived in our bindElement 

(/courses/take/sapui5-professional-development-2019/lessons/6873596-understanding-the-use-of-datarequested-and-
datareceived-in-our-bindelement)

Hide Content
Implementation
39:31
Advanced Routing With Query Parameters - Overview of usecase and Creating Detail Product View 
(/courses/take/sapui5-professional-development-2019/lessons/6894169-advanced-routing-with-query-parameters-
overview-of-usecase-and-creating-detail-product-view)
Advanced Routing With Query Parameters - Getting Object Passed in Routes, Debugging Errors and Adding

Key to TabFilter
getting-object-passed-in-routes-debugging-errors-and-adding-key-to-tab lter)
Advanced Routing With Query Parameters - Adding Keys to Navigate Between IconTabFilter in View and

Controller
adding-keys-to-navigate-between-icontab lter-in-view-and-controller)
Advanced Routing With Query Parameters - Calling Routes With Query Parameters 
calling-routes-with-query-parameters)
Implementing a Page Not Found Route and Overview of Lazy Loading 

(/courses/take/sapui5-professional-development-2019/lessons/6894210-implementing-a-page-not-found-route-and-
overview-of-lazy-loading)

Hide Content
Implementation
19:24
Implementing Lazy Loading in Routing - Implementing Event Listener function 

(/courses/take/sapui5-professional-development-2019/lessons/6894212-implementing-lazy-loading-in-routing-
implementing-event-listener-function)
Implementing Lazy Loading in Routing - Adding Route Target in Manifest, Debugging and Fixing Error 
(/courses/take/sapui5-professional-development-2019/lessons/6894218-implementing-lazy-loading-in-routing-adding-
route-target-in-manifest-debugging-and- xing-error)

Hide Content
Implementation
27:35
Understanding MVC Structure - Overview and Lifecycle Hooks in Controller 

(/courses/take/sapui5-professional-development-2019/lessons/6873623-understanding-mvc-structure-overview-and-
lifecycle-hooks-in-controller)
Understanding MVC Structure - Process of XML Rendering in Theory and Debugging Lifecycle Hooks 
(/courses/take/sapui5-professional-development-2019/lessons/6873628-understanding-mvc-structure-process-of-xml-
rendering-in-theory-and-debugging-lifecycle-hooks)
Understanding MVC Structure - Controller Lifecycle Hook Debugging and Best Practices 
(/courses/take/sapui5-professional-development-2019/lessons/6873645-understanding-mvc-structure-controller-
lifecycle-hook-debugging-and-best-practices)
Understanding MVC Structure - Continue of Best Practices, Binding Model Data to View or App or Individual

Element(s)
(/courses/take/sapui5-professional-development-2019/lessons/6873653-understanding-mvc-structure-continue-of-best-
practices-binding-model-data-to-view-or-app-or-individual-element-s)

Hide Content
Implementation
25:02
Advanced Understanding of XML View Rendering - Overview and Debugging in XMLView-dbg.js 

(/courses/take/sapui5-professional-development-2019/lessons/6873674-advanced-understanding-of-xml-view-
rendering-overview-and-debugging-in-xmlview-dbg-js)
Advanced Understanding of XML View Rendering - Debugging XMLView-dbg.js, Button-dbg.js and


ButtonRenderer-dbg.js
(/courses/take/sapui5-professional-development-2019/lessons/6873679-advanced-understanding-of-xml-view-
rendering-debugging-xmlview-dbg-js-button-dbg-js-and-buttonrenderer-dbg-js)
Advanced Understanding of Lifecycle Hooks in UI5 - Debugging onInit, onBeforeRendering, onAfterRendering


and more
(/courses/take/sapui5-professional-development-2019/lessons/6873682-advanced-understanding-of-lifecycle-hooks-in-
ui5-debugging-oninit-onbeforerendering-onafterrendering-and-more)

Hide Content
Implementation
09:31
Understanding Namespace in XML View and Seeing Simple sap.f example with Grid List - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/6873717-understanding-namespace-in-xml-view-and-
seeing-simple-sap-f-example-with-grid-list-part-1)
Understanding Namespace in XML View and Seeing Simple sap.f example with Grid List - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/6873742-understanding-namespace-in-xml-view-and-
seeing-simple-sap-f-example-with-grid-list-part-2)

Hide Content

Hide Content
Section 3.1 - Deep Dive into UI5 Components Part 1 - For Layouts and Containers
42:06
Starting With Containers - Overview of Layout and Containers Free Preview 

(/courses/take/sapui5-professional-development-2019/lessons/7001037-starting-with-containers-overview-of-layout-and-
containers)
Layout and Containers - Split App, creating Master and Detail Page 
(/courses/take/sapui5-professional-development-2019/lessons/7001050-layout-and-containers-split-app-creating-
master-and-detail-page)
Layout and Containers - Split App, Navigation and Event Listener functionalities Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/7001070-layout-and-containers-split-app-navigation-and-
event-listener-functionalities)
Layout and Containers - Split App Debugging Error of Navigation and Event Listener - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/7001079-layout-and-containers-split-app-debugging-
error-of-navigation-and-event-listener-part-1)
Layout and Containers - Split App Debugging Error of Navigation and Event Listener - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/7001128-layout-and-containers-split-app-debugging-
error-of-navigation-and-event-listener-part-2)
Overview of Layout and Containers and Different Types of Layout We are Going to Cover Next 
(/courses/take/sapui5-professional-development-2019/lessons/7002949-overview-of-layout-and-containers-and-
different-types-of-layout-we-are-going-to-cover-next)

Hide Content
Section 3.2 - Deep Dive into UI5 Components - For Layouts and Containers
31:08
Layout Simple - Hbox And Vbox: Theory And Code With Tiles 
(/courses/take/sapui5-professional-development-2019/lessons/7002970-layout-simple-hbox-and-vbox-theory-and-code-
with-tiles)
Layout Simple - Tool Page: Seeing Tool Page In Action And Adding It To App 
(/courses/take/sapui5-professional-development-2019/lessons/7003020-layout-simple-tool-page-seeing-tool-page-in-
action-and-adding-it-to-app)
Layout Simple - Tool Page: Tool Page Debugging and Enabling Other Properties 
(/courses/take/sapui5-professional-development-2019/lessons/7003036-layout-simple-tool-page-tool-page-debugging-
and-enabling-other-properties)
Layout Simple - Tool Page: Adding Left Navigation And Event Listener Of Navigation 
(/courses/take/sapui5-professional-development-2019/lessons/7003042-layout-simple-tool-page-adding-left-navigation-
and-event-listener-of-navigation)
Layout Simple - Tool Page: Left Navigation Expand And Collapse Event Listener 
(/courses/take/sapui5-professional-development-2019/lessons/7003046-layout-simple-tool-page-left-navigation-expand-
and-collapse-event-listener)

Hide Content
Section 3.3 - Deep Dive into UI5 Components Part 1 - For Layouts and Containers
21:01
Understanding Layout - Basics Of Grid System And 12 Spans Layout 

(/courses/take/sapui5-professional-development-2019/lessons/7003050-understanding-layout-basics-of-grid-system-
and-12-spans-layout)
Understanding Layout - Basics Of Grid System And Demo With XL3, L3, M6 And S12 Grid Example 
(/courses/take/sapui5-professional-development-2019/lessons/7003051-understanding-layout-basics-of-grid-system-
and-demo-with-xl3-l3-m6-and-s12-grid-example)
Understanding Layout - Using Grid With Image Inside and Experimenting with a Different Span Value 
(/courses/take/sapui5-professional-development-2019/lessons/7003060-understanding-layout-using-grid-with-image-
inside-and-experimenting-with-a-different-span-value)

Hide Content
135:30
Understanding Complex Layout - Basic Layout for App, Starting With Block Layout 
(/courses/take/sapui5-professional-development-2019/lessons/7095548-understanding-complex-layout-basic-layout-for-
app-starting-with-block-layout)
Understanding Complex Layout - Multiple Block Layout and Adding more components inside it 
(/courses/take/sapui5-professional-development-2019/lessons/7095632-understanding-complex-layout-multiple-block-
layout-and-adding-more-components-inside-it)
Understanding Complex Layout - CSS Grid Layout Basic Understanding and Starting With Basic Example

Free Preview
(/courses/take/sapui5-professional-development-2019/lessons/7095999-understanding-complex-layout-css-grid-layout-
basic-understanding-and-starting-with-basic-example)
Understanding Complex Layout - CSS Grid Layout Debugging and Understanding more about fr 
(/courses/take/sapui5-professional-development-2019/lessons/7096288-understanding-complex-layout-css-grid-layout-
debugging-and-understanding-more-about-fr)
Understanding Complex Layout - Nested CSS Grid Layout, Grid Column and When to use CSS Grid Layout 
(/courses/take/sapui5-professional-development-2019/lessons/7097314-understanding-complex-layout-nested-css-grid-
layout-grid-column-and-when-to-use-css-grid-layout)
Understanding Complex Layout - Simple Form With an Input 

(/courses/take/sapui5-professional-development-2019/lessons/7133550-understanding-complex-layout-simple-form-
with-an-input)
Understanding Complex Layout - Form Responsiveness In XL, L, M And S And Hierarchy Of Aggregation 
(/courses/take/sapui5-professional-development-2019/lessons/7133556-understanding-complex-layout-form-
responsiveness-in-xl-l-m-and-s-and-hierarchy-of-aggregation)
Understanding Complex Layout - Form Responsiveness, Fields And Elements 

(/courses/take/sapui5-professional-development-2019/lessons/7133580-understanding-complex-layout-form-
responsiveness- elds-and-elements)
Understanding Complex Layout - Form Responsive Grid Layout Columns and Labels - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/7153776-understanding-complex-layout-form-responsive-
grid-layout-columns-and-labels-part-1)
Understanding Complex Layout - Form Responsive Grid Layout Columns And Labels - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/7153778-understanding-complex-layout-form-responsive-
grid-layout-columns-and-labels-part-2)
Understanding Complex Layout - Form Toggle Between Change And Display Screen - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/7153856-understanding-complex-layout-form-toggle-
between-change-and-display-screen-part-1)
Understanding Complex Layout - Object Page Layout Overview, Where to Use it and Examples 
(/courses/take/sapui5-professional-development-2019/lessons/7166504-understanding-complex-layout-object-page-
layout-overview-where-to-use-it-and-examples)
Understanding Complex Layout - Object Page Layout Aggregations 

(/courses/take/sapui5-professional-development-2019/lessons/7166508-understanding-complex-layout-object-page-
layout-aggregations)
Understanding Complex Layout - Adding a Simple Object Page Layout With Header Title And Action 
(/courses/take/sapui5-professional-development-2019/lessons/7167094-understanding-complex-layout-adding-a-
simple-object-page-layout-with-header-title-and-action)
Understanding Complex Layout - Adding a Simple Object Page Layout With Header Content and Sections 
(/courses/take/sapui5-professional-development-2019/lessons/7176826-understanding-complex-layout-adding-a-simple-
object-page-layout-with-header-content-and-sections)
Understanding Complex Layout - Adding Sections, Debugging Code And Footer 

(/courses/take/sapui5-professional-development-2019/lessons/7176834-understanding-complex-layout-adding-sections-
debugging-code-and-footer)

Hide Content
12:10
Advanced AMD - Making Reusable XML Code Using AMD With Object Page Layout - Part 1 Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/7176835-advanced-amd-making-reusable-xml-code-
using-amd-with-object-page-layout-part-1)
Advanced AMD - Making Reusable XML Code Using AMD With Object Page Layout - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/7176836-advanced-amd-making-reusable-xml-code-
using-amd-with-object-page-layout-part-2)

Hide Content
93:48
Understanding Containers - Starting With sap.m.IBar Interface and Implementation of it 

(/courses/take/sapui5-professional-development-2019/lessons/7198119-understanding-containers-starting-with-sap-m-
ibar-interface-and-implementation-of-it)
Understanding Containers - Custom Header and SubHeader for sap.m.Page 

(/courses/take/sapui5-professional-development-2019/lessons/7198308-understanding-containers-custom-header-and-
subheader-for-sap-m-page)
Understanding Containers - Bar, Toolbar and Overview Toolbar, it's Aggregations and Responsiveness - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/7198839-understanding-containers-bar-toolbar-and-
overview-toolbar-it-s-aggregations-and-responsiveness-part-1)
Understanding Containers - Bar, Toolbar and Overview Toolbar, it's Aggregations and Responsiveness - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/7198842-understanding-containers-bar-toolbar-and-
overview-toolbar-it-s-aggregations-and-responsiveness-part-2)
Understanding Containers - Icon Tab Bar Overview of Feature and Creating a Simple Icon Tab Bar 
(/courses/take/sapui5-professional-development-2019/lessons/7266816-understanding-containers-icon-tab-bar-
overview-of-feature-and-creating-a-simple-icon-tab-bar)
Understanding Containers - Tab Containers Overview of Feature, Simple Tab Container and Event Listeners -

Part 1
(/courses/take/sapui5-professional-development-2019/lessons/7266820-understanding-containers-tab-containers-
overview-of-feature-simple-tab-container-and-event-listeners-part-1)
Understanding Containers - Tab Containers Overview of Feature, Simple Tab Container and Event Listeners -

Part 2
(/courses/take/sapui5-professional-development-2019/lessons/7266829-understanding-containers-tab-containers-
overview-of-feature-simple-tab-container-and-event-listeners-part-2)
Understanding Containers - Quick View Cards Overview, Functionality and Where we can use it 
(/courses/take/sapui5-professional-development-2019/lessons/7266899-understanding-containers-quick-view-cards-
overview-functionality-and-where-we-can-use-it)
Understanding Containers - Starting with Basic Quick View Cards, Seeing Aggregation and Properties 
(/courses/take/sapui5-professional-development-2019/lessons/7266915-understanding-containers-starting-with-basic-
quick-view-cards-seeing-aggregation-and-properties)
Understanding Containers - Quick View Cards, Aggregation, Properties and Data Binding 
(/courses/take/sapui5-professional-development-2019/lessons/7267101-understanding-containers-quick-view-cards-
aggregation-properties-and-data-binding)
Understanding Containers - Data we are Going to Bind to Quick View and Running the Code 
(/courses/take/sapui5-professional-development-2019/lessons/7267119-understanding-containers-data-we-are-going-to-
bind-to-quick-view-and-running-the-code)
Understanding Containers - Navigation Back Functionality, Enabling and Disabling Button 

(/courses/take/sapui5-professional-development-2019/lessons/7267147-understanding-containers-navigation-back-
functionality-enabling-and-disabling-button)
Understanding Containers - Carousal Basic, Usage, CSS Properties and Aggregation 

(/courses/take/sapui5-professional-development-2019/lessons/7267339-understanding-containers-carousal-basic-usage-
css-properties-and-aggregation)

Hide Content
Section 3.7 - Deep Dive into UI5 Components - Actions With Buttons, Breadcrumbs, Links, Menu, Fragment, Pull
to Refresh, File Uploader and More
91:31
Understanding Simple Actions - What we will cover, Starting With Creating an App With Routes for examples
Free Preview

(/courses/take/sapui5-professional-development-2019/lessons/7387478-understanding-simple-actions-what-we-will-
cover-starting-with-creating-an-app-with-routes-for-examples)
Understanding Simple Actions - Completing the Routes For Next Page 

(/courses/take/sapui5-professional-development-2019/lessons/7387480-understanding-simple-actions-completing-the-
routes-for-next-page)
Understanding Simple Actions - Seeing Different Types of Sap.m.Button and Properties Associated With
Buttons

(/courses/take/sapui5-professional-development-2019/lessons/7387481-understanding-simple-actions-seeing-different-
types-of-sap-m-button-and-properties-associated-with-buttons)
Understanding Simple Actions - Breadcrumbs Usage and How to Include it in UI5 App 
(/courses/take/sapui5-professional-development-2019/lessons/7387495-understanding-simple-actions-breadcrumbs-
usage-and-how-to-include-it-in-ui5-app)
Understanding Simple Actions - Breadcrumbs Usage and How to Add and Remove Links from it 
(/courses/take/sapui5-professional-development-2019/lessons/7387500-understanding-simple-actions-breadcrumbs-
usage-and-how-to-add-and-remove-links-from-it)
Understanding Simple Actions - Links and Different Types of Link Properties 

(/courses/take/sapui5-professional-development-2019/lessons/7387505-understanding-simple-actions-links-and-
different-types-of-link-properties)
Understanding Simple Actions - Menu, Adding Fragment With Menu and Adding Routes to App for Different

Examples
(/courses/take/sapui5-professional-development-2019/lessons/7387508-understanding-simple-actions-menu-adding-
fragment-with-menu-and-adding-routes-to-app-for-different-examples)
Understanding Simple Actions - Adjusting Position of Where the Fragment Opens With Menu 
(/courses/take/sapui5-professional-development-2019/lessons/7387512-understanding-simple-actions-adjusting-
position-of-where-the-fragment-opens-with-menu)
Understanding Simple Actions - Other Properties and Aggregation of Menu 

(/courses/take/sapui5-professional-development-2019/lessons/7387514-understanding-simple-actions-other-properties-
and-aggregation-of-menu)
Understanding Simple Actions - URL Helpers of Call, SMS, Email and Redirect 
(/courses/take/sapui5-professional-development-2019/lessons/7387517-understanding-simple-actions-url-helpers-of-
call-sms-email-and-redirect)
Understanding Simple Actions - Use of Action Sheet Within a Fragment and Event Listener - Part 1 
(/courses/take/sapui5-professional-development-2019/lessons/7387518-understanding-simple-actions-use-of-action-
sheet-within-a-fragment-and-event-listener-part-1)
Understanding Simple Actions - Use of Action Sheet Within a Fragment and Event Listener - Part 2 
(/courses/take/sapui5-professional-development-2019/lessons/7387520-understanding-simple-actions-use-of-action-
sheet-within-a-fragment-and-event-listener-part-2)
NodeJS Code for File Uploader Middleware 

(/courses/take/sapui5-professional-development-2019/texts/7418202-nodejs-code-for- le-uploader-middleware)

Hide Content
Section 3.8 - Deep Dive into UI5 Components - Actions With Buttons, Breadcrumbs, Links, Menu, Fragment, Pull
to Refresh, File Uploader and More
88:30
Understanding Complex Actions - Overview, Architecture of File Uploader and Starting With Pull to Refresh

Free Preview
(/courses/take/sapui5-professional-development-2019/lessons/7483632-understanding-complex-actions-overview-
architecture-of- le-uploader-and-starting-with-pull-to-refresh)
Understanding Complex Actions - Pull to Refresh, Example of attachRequestCompleted Event and Injecting this 
(/courses/take/sapui5-professional-development-2019/lessons/7483637-understanding-complex-actions-pull-to-refresh-
example-of-attachrequestcompleted-event-and-injecting-this)
Understanding Complex Actions - Pull to Refresh and Model Operation to Add One Data Element 
(/courses/take/sapui5-professional-development-2019/lessons/7483642-understanding-complex-actions-pull-to-refresh-
and-model-operation-to-add-one-data-element)
Understanding Complex Actions - File Uploader Basic and NPM http-server for local server 
(/courses/take/sapui5-professional-development-2019/lessons/7483666-understanding-complex-actions- le-uploader-
basic-and-npm-http-server-for-local-server)
Understanding Complex Actions - Node JS Middleware to Upload File and Store in Local Machine and Upload

API Call
(/courses/take/sapui5-professional-development-2019/lessons/7483671-understanding-complex-actions-node-js-
middleware-to-upload- le-and-store-in-local-machine-and-upload-api-call)
Understanding Complex Actions - File Uploader Internal UI5 Code of Form Submit and Debugging UI5 Library 
(/courses/take/sapui5-professional-development-2019/lessons/7483680-understanding-complex-actions- le-uploader-
internal-ui5-code-of-form-submit-and-debugging-ui5-library)
Understanding Complex Actions - Upload Collection Overview, Usage and Using it in Our UI5 Project 
(/courses/take/sapui5-professional-development-2019/lessons/7484155-understanding-complex-actions-upload-
collection-overview-usage-and-using-it-in-our-ui5-project)
Understanding Complex Actions - Debugging Upload Collection and Implementing Upload Functionality 
(/courses/take/sapui5-professional-development-2019/lessons/7484166-understanding-complex-actions-debugging-
upload-collection-and-implementing-upload-functionality)
Understanding Complex Actions - Debugging Internal Implementation of Upload Collection 

(/courses/take/sapui5-professional-development-2019/lessons/7484188-understanding-complex-actions-debugging-
internal-implementation-of-upload-collection)
Understanding Complex Actions - Using UI5 Debugging Library to Run App Locally and Starting NodeJS

Middleware for File Upload
(/courses/take/sapui5-professional-development-2019/lessons/7484250-understanding-complex-actions-using-ui5-
debugging-library-to-run-app-locally-and-starting-nodejs-middleware-for- le-upload)
Understanding Complex Actions - Uploading Files with Upload Collection and Debugging UI5 Library With

*dbg.js Library
(/courses/take/sapui5-professional-development-2019/lessons/7484642-understanding-complex-actions-uploading-
les-with-upload-collection-and-debugging-ui5-library-with-dbg-js-library)
Understanding Complex Actions - Sending form Submit, Seeing Uploaded les in NodeJS Server and Summary

of Actions
(/courses/take/sapui5-professional-development-2019/lessons/7485125-understanding-complex-actions-sending-form-
submit-seeing-uploaded- les-in-nodejs-server-and-summary-of-actions)

Hide Content
Section 3.9 - UI5 Aggregation Components - List, Tables, Drag-Drop Table, Smart Table, Tiles and More
81:11
Understanding List - What we are Going to Cover, List Basics, StandardListItem and Type in StandardListItem

Free Preview
(/courses/take/sapui5-professional-development-2019/lessons/7602598-understanding-list-what-we-are-going-to-cover-
list-basics-standardlistitem-and-type-in-standardlistitem)
Understanding List - Aggregation in StandardListItem and Common Data Binding Mistakes Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/7602602-understanding-list-aggregation-in-
standardlistitem-and-common-data-binding-mistakes)
Understanding List - ObjectListItem and ValueState Free Preview 

(/courses/take/sapui5-professional-development-2019/lessons/7602603-understanding-list-objectlistitem-and-
valuestate)
Understanding List - Attribute Aggregation with ObjectAttributes 

(/courses/take/sapui5-professional-development-2019/lessons/7602619-understanding-list-attribute-aggregation-with-
objectattributes)
Understanding List - FirstStatus, SecondStatus Aggregation with ObjectStatus and Use Console for Extracting

Status
(/courses/take/sapui5-professional-development-2019/lessons/7602620-understanding-list- rststatus-secondstatus-
aggregation-with-objectstatus-and-use-console-for-extracting-status)
Understanding List - Formatter, Passing Two Values in Formatter Functions - Part 1 

(/courses/take/sapui5-professional-development-2019/lessons/7602625-understanding-list-formatter-passing-two-
values-in-formatter-functions-part-1)
Understanding List - Formatter, Passing Two Values in Formatter Functions - Part 2 

(/courses/take/sapui5-professional-development-2019/lessons/7602629-understanding-list-formatter-passing-two-
values-in-formatter-functions-part-2)
Understanding List - Multiselect, Multiselect Event and Accessing the Selected List Items 
(/courses/take/sapui5-professional-development-2019/lessons/7654303-understanding-list-multiselect-multiselect-
event-and-accessing-the-selected-list-items)
Understanding List - Filters in Data Models and Different Operators of Filters 

(/courses/take/sapui5-professional-development-2019/lessons/7654773-understanding-list- lters-in-data-models-and-
different-operators-of- lters)
Understanding List - Use of Filters With Search Event 

(/courses/take/sapui5-professional-development-2019/lessons/7654781-understanding-list-use-of- lters-with-search-
event)

Hide Content
28:20
Understanding Table - Overview of sap.m.Table and a Basic Table with ColumListItem 

(/courses/take/sapui5-professional-development-2019/lessons/7654806-understanding-table-overview-of-sap-m-table-
and-a-basic-table-with-columlistitem)
Understanding Table - Making Data Appear With Aggregation Binding 

(/courses/take/sapui5-professional-development-2019/lessons/7654822-understanding-table-making-data-appear-with-
aggregation-binding)
Understanding Table - Additional Properties of Text Alignment, Cell Width, Header and More 
(/courses/take/sapui5-professional-development-2019/lessons/7654872-understanding-table-additional-properties-of-
text-alignment-cell-width-header-and-more)

Hide Content
65:39
Understanding Drag and Drop - Basics Feature Usage, Rank Calculation and Corner Cases 
(/courses/take/sapui5-professional-development-2019/lessons/7704828-understanding-drag-and-drop-basics-feature-
usage-rank-calculation-and-corner-cases)
Understanding Drag and Drop - Starting With Two Basic Tables and Rank Calculations 
(/courses/take/sapui5-professional-development-2019/lessons/7704838-understanding-drag-and-drop-starting-with-
two-basic-tables-and-rank-calculations)
Understanding Drag and Drop - Filter in Aggregation Binding for Rank for Table 1 to Show Data and Table 2 to

Show no Data
(/courses/take/sapui5-professional-development-2019/lessons/7704862-understanding-drag-and-drop- lter-in-
aggregation-binding-for-rank-for-table-1-to-show-data-and-table-2-to-show-no-data)
Understanding Drag and Drop - Adding Drag and Drop Con g, Properties of Drag and Drop and Event Listener 
(/courses/take/sapui5-professional-development-2019/lessons/7705153-understanding-drag-and-drop-adding-drag-and-
drop-con g-properties-of-drag-and-drop-and-event-listener)
Understanding Drag and Drop - Take the draggedControl, droppedControl, Rank Change and Data in Table 2 to

Show
(/courses/take/sapui5-professional-development-2019/lessons/7705157-understanding-drag-and-drop-take-the-
draggedcontrol-droppedcontrol-rank-change-and-data-in-table-2-to-show)
Understanding Drag and Drop - Starting Logic and Code for Rank Calculation 
(/courses/take/sapui5-professional-development-2019/lessons/7705161-understanding-drag-and-drop-starting-logic-
and-code-for-rank-calculation)
Understanding Drag and Drop - Starting Logic and Code for Rank Calculation 
(/courses/take/sapui5-professional-development-2019/lessons/7705160-understanding-drag-and-drop-starting-logic-
and-code-for-rank-calculation)
Understanding Drag and Drop - Finishing of Rank Calculation Code and Assignment 
(/courses/take/sapui5-professional-development-2019/lessons/7705166-understanding-drag-and-drop- nishing-of-rank-
calculation-code-and-assignment)
Assignment Solution For Drag and Drop 

(/courses/take/sapui5-professional-development-2019/texts/7716222-assignment-solution-for-drag-and-drop)

Hide Content
39:32
Understanding Smart Tables - Basics Parts Required for Smart Tables and How They Come Together 
(/courses/take/sapui5-professional-development-2019/lessons/7717506-understanding-smart-tables-basics-parts-
required-for-smart-tables-and-how-they-come-together)
Understanding Smart Tables - Creating MockServer with Metadata and JSON data 
(/courses/take/sapui5-professional-development-2019/lessons/7717508-understanding-smart-tables-creating-
mockserver-with-metadata-and-json-data)
Understanding Smart Tables - Getting Data from MockServer and Binding it to oDataModel 
(/courses/take/sapui5-professional-development-2019/lessons/7717527-understanding-smart-tables-getting-data-from-
mockserver-and-binding-it-to-odatamodel)
Understanding Smart Tables - Basic Properties for Smart Tables and Rendering a Simple Smart Table

(/courses/take/sapui5-professional-development-2019/lessons/7718123-understanding-smart-tables-basic-properties-for-
smart-tables-and-rendering-a-simple-smart-table)
Understanding Smart Tables - Feature of Downloading Data in XLS Format and Smart FilterBar 
(/courses/take/sapui5-professional-development-2019/lessons/7728591-understanding-smart-tables-feature-of-
downloading-data-in-xls-format-and-smart- lterbar)
Understanding Smart Tables - Adding Smart Filter Bar into the Smart Table and Variant Management 
(/courses/take/sapui5-professional-development-2019/lessons/7728593-understanding-smart-tables-adding-smart-
lter-bar-into-the-smart-table-and-variant-management)

Hide Content
35:53
Understanding Tiles - Basic, Usage, Types of Tiles in UI5 and Starting with Standard Tiles(Deprecated as of v1.5) 
(/courses/take/sapui5-professional-development-2019/lessons/7745516-understanding-tiles-basic-usage-types-of-tiles-
in-ui5-and-starting-with-standard-tiles-deprecated-as-of-v1-5)
Understanding Tiles - Aggregation in Tiles With Standard Tiles(Deprecated as of v1.5) and Starting With Numeric

Tiles
(/courses/take/sapui5-professional-development-2019/lessons/7745524-understanding-tiles-aggregation-in-tiles-with-
standard-tiles-deprecated-as-of-v1-5-and-starting-with-numeric-tiles)
Understanding Tiles - Numeric Tiles, Numeric Content, Event in Numeric Tiles and Extracting Values from oEvt 
(/courses/take/sapui5-professional-development-2019/lessons/7745527-understanding-tiles-numeric-tiles-numeric-
content-event-in-numeric-tiles-and-extracting-values-from-oevt)
Understanding Tiles - Image Tiles and Event in Image Tiles to Extract Values from oEvt 
(/courses/take/sapui5-professional-development-2019/lessons/7745543-understanding-tiles-image-tiles-and-event-in-
image-tiles-to-extract-values-from-oevt)
Understanding Tiles - Generic Tiles, Aggregation of Generic Tiles, Customizing TileContent, Making it Responsive

and Event Listener
(/courses/take/sapui5-professional-development-2019/lessons/7745545-understanding-tiles-generic-tiles-aggregation-
of-generic-tiles-customizing-tilecontent-making-it-responsive-and-event-listener)

Hide Content

Hide Content
Section 4.1 - Data Viz Lib, Column Chart, Bar Chart, Time Series Graph, Bubble Chart(Multi Dimension Data),
Network Graph and More
117:02
Understanding Viz in UI5 : Basics, Overview, Alternative Options and Components in a Simple VizFrame

Graph(Bar Chart) Free Preview
(/courses/take/sapui5-professional-development-2019/lessons/7865781-understanding-viz-in-ui5-basics-overview-
alternative-options-and-components-in-a-simple-vizframe-graph-bar-chart)
Understanding Viz in UI5 : Starting With Development and Adding VizFrame to the Project Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/7865784-understanding-viz-in-ui5-starting-with-
development-and-adding-vizframe-to-the-project)
Understanding Viz in UI5 : Adding dataset, FlattenedDataset, Dimensions and Measures 

(/courses/take/sapui5-professional-development-2019/lessons/7865803-understanding-viz-in-ui5-adding-dataset-
atteneddataset-dimensions-and-measures)
Understanding Viz in UI5 : Adding Feeds, Debugging Code and Getting Output of Stacked Bar Chart 
(/courses/take/sapui5-professional-development-2019/lessons/7865806-understanding-viz-in-ui5-adding-feeds-
debugging-code-and-getting-output-of-stacked-bar-chart)
Understanding Viz in UI5 : Placing VizFrame inside ChartContainer for Zoom In/Out Feature 
(/courses/take/sapui5-professional-development-2019/lessons/7867278-understanding-viz-in-ui5-placing-vizframe-
inside-chartcontainer-for-zoom-in-out-feature)
Understanding Viz in UI5 : Two Ways to Change Chart Title and Chart Properties With Controller Code and Data

Model
(/courses/take/sapui5-professional-development-2019/lessons/7867413-understanding-viz-in-ui5-two-ways-to-change-
chart-title-and-chart-properties-with-controller-code-and-data-model)
Understanding Viz in UI5 : Using Bubble Chart for Multidimensional Data Representation 
(/courses/take/sapui5-professional-development-2019/lessons/7867714-understanding-viz-in-ui5-using-bubble-chart-
for-multidimensional-data-representation)
Understanding Viz in UI5 : Line Chart and Bar Chart With Time Series Data 
(/courses/take/sapui5-professional-development-2019/lessons/7916402-understanding-viz-in-ui5-line-chart-and-bar-
chart-with-time-series-data)
Understanding Viz in UI5 : Starting with Network Graph, Basic Usage of Graph and Examples from Computer

Science - Theory
(/courses/take/sapui5-professional-development-2019/lessons/7917080-understanding-viz-in-ui5-starting-with-network-
graph-basic-usage-of-graph-and-examples-from-computer-science-theory)
Understanding Viz in UI5 : Network Graph Example in UI5, Library of Network Graph and It's Aggregations 
(/courses/take/sapui5-professional-development-2019/lessons/7917082-understanding-viz-in-ui5-network-graph-
example-in-ui5-library-of-network-graph-and-it-s-aggregations)
Understanding Viz in UI5 : Creating a Simple Network Graph in Web IDE With Two Nodes and One Line 
(/courses/take/sapui5-professional-development-2019/lessons/7917085-understanding-viz-in-ui5-creating-a-simple-
network-graph-in-web-ide-with-two-nodes-and-one-line)
Understanding Viz in UI5 : Fixing Height CSS Issue and Adding Attributes to Nodes in Network Graph 
(/courses/take/sapui5-professional-development-2019/lessons/7957340-understanding-viz-in-ui5- xing-height-css-
issue-and-adding-attributes-to-nodes-in-network-graph)
Understanding Viz in UI5 : Adding Forced Directed Layout in Network Graph and Fixing Template Shareability

Error
(/courses/take/sapui5-professional-development-2019/lessons/7957342-understanding-viz-in-ui5-adding-forced-
directed-layout-in-network-graph-and- xing-template-shareability-error)
Understanding Viz in UI5 : Changing From Default Shape and Adding Groups in Network Graph 
(/courses/take/sapui5-professional-development-2019/lessons/7957343-understanding-viz-in-ui5-changing-from-
default-shape-and-adding-groups-in-network-graph)
Understanding Viz in UI5 : Change Color of Nodes and Lines With Statuses in Network Graph 
(/courses/take/sapui5-professional-development-2019/lessons/7957348-understanding-viz-in-ui5-change-color-of-
nodes-and-lines-with-statuses-in-network-graph)

Hide Content
Section 4.2 - Integration, Deployment, Annotation and More
76:16
Understanding Deployment With UI5 : What we are going to Cover in this Section Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/7995283-understanding-deployment-with-ui5-what-we-
are-going-to-cover-in-this-section)
Understanding Deployment With UI5 : System Setup and Destination Setup for Gateway System Free Preview 
(/courses/take/sapui5-professional-development-2019/lessons/7995286-understanding-deployment-with-ui5-system-
setup-and-destination-setup-for-gateway-system)
Understanding Deployment With UI5 : Destination Setup for Gateway System and Activating Services in

Gateway
(/courses/take/sapui5-professional-development-2019/lessons/7995287-understanding-deployment-with-ui5-
destination-setup-for-gateway-system-and-activating-services-in-gateway)
Understanding Deployment With UI5 : Activating Services in Gateway, Understanding Structure and Usage of

Basic Services
(/courses/take/sapui5-professional-development-2019/lessons/7995497-understanding-deployment-with-ui5-activating-
services-in-gateway-understanding-structure-and-usage-of-basic-services)
Understanding Deployment With UI5 : Deploying the App to Gateway System and UI5 Application Version

Mismatch With System UI5 Version
(/courses/take/sapui5-professional-development-2019/lessons/7995295-understanding-deployment-with-ui5-deploying-
the-app-to-gateway-system-and-ui5-application-version-mismatch-with-system-ui5-version)
Understanding Deployment With UI5 : UI5 Application Version Mismatch With System UI5 Version and Fixing

the Issue
(/courses/take/sapui5-professional-development-2019/lessons/7995297-understanding-deployment-with-ui5-ui5-
application-version-mismatch-with-system-ui5-version-and- xing-the-issue)
Understanding Deployment With UI5 : Deploying App in SAP® Cloud Platform and Version Management 
(/courses/take/sapui5-professional-development-2019/lessons/8007903-understanding-deployment-with-ui5-deploying-
app-in-sap-cloud-platform-and-version-management)
Understanding Deployment With UI5 : Downloading Build Project From SCP and Checking Component-

preload.json
(/courses/take/sapui5-professional-development-2019/lessons/8007917-understanding-deployment-with-ui5-
downloading-build-project-from-scp-and-checking-component-preload-json)
Understanding Deployment With UI5 : SCP Deployed App Version Management 

(/courses/take/sapui5-professional-development-2019/lessons/8007919-understanding-deployment-with-ui5-scp-
deployed-app-version-management)
Understanding Deployment With UI5 : Adding Deployed App into FLP Portal Fiori® Launchpad in SCP 
(/courses/take/sapui5-professional-development-2019/lessons/8007921-understanding-deployment-with-ui5-adding-
deployed-app-into- p-portal- ori-launchpad-in-scp)

Hide Content
Section 4.3 - Integration, Deployment, Annotation and More
55:07
Integration With oData Model : System Setup and Adding Destination 

(/courses/take/sapui5-professional-development-2019/lessons/8034475-integration-with-odata-model-system-setup-
and-adding-destination)
Integration With oData Model : Project Structure, neo-app.json, manifest.json and oData Model 
(/courses/take/sapui5-professional-development-2019/lessons/8034476-integration-with-odata-model-project-structure-
neo-app-json-manifest-json-and-odata-model)
Integration With oData Model : Understanding oData Model, Read Operation and Callback 
(/courses/take/sapui5-professional-development-2019/lessons/8034479-integration-with-odata-model-understanding-
odata-model-read-operation-and-callback)
Integration With oData Model : oData Create Operation and Verify With Read Callback 
(/courses/take/sapui5-professional-development-2019/lessons/8034837-integration-with-odata-model-odata-create-
operation-and-verify-with-read-callback)
Integration With oData Model : Basic of Annotation and Usage 

(/courses/take/sapui5-professional-development-2019/lessons/8038097-integration-with-odata-model-basic-of-
annotation-and-usage)
Integration With oData Model : Going through Sample App, Binding of Data and metadata.xml Content 
(/courses/take/sapui5-professional-development-2019/lessons/8038152-integration-with-odata-model-going-through-
sample-app-binding-of-data-and-metadata-xml-content)
Integration With oData Model : Adding Annotation to metadata.xml, using ValueList, Adding Record and

Collection
(/courses/take/sapui5-professional-development-2019/lessons/8038165-integration-with-odata-model-adding-
annotation-to-metadata-xml-using-valuelist-adding-record-and-collection)
Integration With oData Model : Adding Parameters for ValueList with Respect to API Reference and Testing Our

Code
(/courses/take/sapui5-professional-development-2019/lessons/8039523-integration-with-odata-model-adding-
parameters-for-valuelist-with-respect-to-api-reference-and-testing-our-code)
Integration With oData Model : Summary of the Section 

(/courses/take/sapui5-professional-development-2019/lessons/8039564-integration-with-odata-model-summary-of-the-
section)

Hide Content
Bonus Section 4.4 - Using Web IDE(Personal Version) Integration to On-Premise Fiori Launchpad and Git
Integration
63:04
SAP® Web IDE End-End What we are going to do in this Section 

(/courses/take/sapui5-professional-development-2019/lessons/7996955-sap-web-ide-end-end-what-we-are-going-to-do-
in-this-section)
Setting up Personal Version of Web IDE 

(/courses/take/sapui5-professional-development-2019/lessons/7996958-setting-up-personal-version-of-web-ide)
Creating a Basic App Using Web IDE Template and Backend Services 
(/courses/take/sapui5-professional-development-2019/lessons/7996962-creating-a-basic-app-using-web-ide-template-
and-backend-services)
Deploying the App into SAP® System and Executing the App from it 
(/courses/take/sapui5-professional-development-2019/lessons/7996966-deploying-the-app-into-sap-system-and-
executing-the-app-from-it)
Deploying the App to Fiori® Launchpad 

(/courses/take/sapui5-professional-development-2019/lessons/7996968-deploying-the-app-to- ori-launchpad)
Deploying a Basic UI5 App into Github - Basic of Git Setting 

(/courses/take/sapui5-professional-development-2019/lessons/7996973-deploying-a-basic-ui5-app-into-github-basic-of-
git-setting)

Hide Content
Bonus Section 4.5 - UI5 Compression, Automation Task Runner, Gulp Starter Kit and Load Speed Improvement
82:18
Introduction - Compression, Speed Improvement and Task Automation for UI5 Application 
(/courses/take/sapui5-professional-development-2019/multimedia/8143501-introduction-compression-speed-
improvement-and-task-automation-for-ui5-application)
Understanding Async and Dependencies 

(/courses/take/sapui5-professional-development-2019/lessons/8143540-understanding-async-and-dependencies)
Understanding Dependencies and Task Runners 

(/courses/take/sapui5-professional-development-2019/lessons/8143568-understanding-dependencies-and-task-runners)
Understanding Continuous Deployment , Overview of Babel, Gulp and Gulp Preload 
(/courses/take/sapui5-professional-development-2019/lessons/8143574-understanding-continuous-deployment-
overview-of-babel-gulp-and-gulp-preload)
Understanding Gulp UI5 Preload Lib and Seeing Overview Code 

(/courses/take/sapui5-professional-development-2019/lessons/8143591-understanding-gulp-ui5-preload-lib-and-seeing-
overview-code)
Understanding UI5 Gulp Starter KIT Package.json 

(/courses/take/sapui5-professional-development-2019/lessons/8143619-understanding-ui5-gulp-starter-kit-package-json)
Understanding index.hbs Files and Yarn Build 

(/courses/take/sapui5-professional-development-2019/lessons/8143625-understanding-index-hbs- les-and-yarn-build)
Executing Yarn Build and Executing the Default App 

(/courses/take/sapui5-professional-development-2019/lessons/8143643-executing-yarn-build-and-executing-the-default-
app)
Understanding What Will Change After Build and Execute the UI5 Default App 
(/courses/take/sapui5-professional-development-2019/lessons/8143652-understanding-what-will-change-after-build-
and-execute-the-ui5-default-app)
Examining Network Waterfall Diagram for Load Sequence 

(/courses/take/sapui5-professional-development-2019/lessons/8143656-examining-network-waterfall-diagram-for-load-
sequence)
Making our CORE App Async by Adding Preload and Promises 

(/courses/take/sapui5-professional-development-2019/lessons/8143658-making-our-core-app-async-by-adding-preload-
and-promises)
Preparing Path UI5 App for Preload and Compression - Structure and index.hbs 
(/courses/take/sapui5-professional-development-2019/lessons/8143676-preparing-path-ui5-app-for-preload-and-
compression-structure-and-index-hbs)
Changing Package.json and Building Project With Yarn 

(/courses/take/sapui5-professional-development-2019/lessons/8143683-changing-package-json-and-building-project-
with-yarn)
Debugging the Project and Finding Cause of Failure 

(/courses/take/sapui5-professional-development-2019/lessons/8143686-debugging-the-project-and- nding-cause-of-
failure)
Fixing the Error, Successfully Building Path UI5 App and Sharing Deployment Structure 
(/courses/take/sapui5-professional-development-2019/lessons/8143692- xing-the-error-successfully-building-path-ui5-
app-and-sharing-deployment-structure)
Hide Content
Resume (/courses/take/sapui5-professional-development-2019/lessons/6659234-understanding-sapui5-app-
Frequently Asked Questions

Why should I get enrolled in the course?
UI5CN courses are created by world class instructors and subject matter experts(SME). Normally, paid courses
are more than 7 hours long with a deep dive into technology while covering full- edged project(s).
UI5CN content design and user experience team keeps a check thus ensuring world class contents. The
content is designed such that students are able to work on technologies after having a hands-on exposure to
them and aquire professional techniques after completing the courses. Respective UI5CN instructors also
help users with any question or doubt regarding the course or coding exercise.
In-case user still feels that UI5CN team could have done a better job, there is a policy of refund within 30 days
of purchase.
How does UI5CN provide assurance that I will learn the technology and be able to work on it?
Why to go for UI5CN courses when I can get plenty of other courses on the same topic which might be
cheaper or free as well?
Will I be certi ed after completing the course?
Will UI5CN Instructor help me if I come across some questions while learning the topic?
Can I download the video and watch it of ine?
What is the duration of completion of the courses?
Reviews (3)
Great Course
by Jochen Heym
Very in detail coverage of all relevant topics. Its very helpful to have just one teacher so everything is much more
structured than openS**
Good Course
by Chris James
It was a really good course, I enjoyed it, and learned many new things. I explored new things and gained extra
knowledge. Thank you!!!
Sap Ui5 2019

by rahul kumar
comprehensive and highly organised course, Best course for UI5 aspirants.

Learn SAPUI5 Online With 2019 Update PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Learn SAPUI5 Online With 2019 Update PDF

Uploaded by

Copyright:

Available Formats

12/11/2019 Learn SAPUI5 Online With 2019 Update

🚀 Frontend and Backend Mastery Programs O er - Live!

UI5CN (https://www.ui5cn.com) Search

All Content My Dashboard (/enrollments)

SAPUI5 Professional Development 2019

Lifetime Access  Earn Completion Certi cate

Key Highlights of Course

• Full Stack Web IDE App Bootstrap, ComponentJS and Manifest

• Databinding, UI5 Components, Routing and Nav

• Top 40 Components/Elements Commonly Used

• Data Integration and Integration Scenario

• Visualization Library and Analytical Components/Elements

• Build UI5 App and Deploy

What we Cover in this Course

In this section, we have covered

• Deep-Dive into UI5 Library Execution in Bootstrap

In this section, have covering

• Model - Deep-dive into Data Model and Types

• Binding - Simple, Aggregation and Factory Functions

• Formatter and Conditional Operator in Binding

• Routes - Simple and Advanced Routing

• XML Namespace and Rendering

• Life Cycle Hooks in Controller

Section 3 - Deep Dive into UI5 Components, Controls and Functionalities

In this section, we will cover

• Layout and Containers(Covered in 3.1)

• Fragments, UI Components, Popups and More

• Smart Table, Tile, List and More Aggregation Elements

• Proper Use of API Reference and Deep Dive

Section 4 - Data Visualization, Analytics, Integration and API's With UI5

In this section, we will cover

• Data Analytics and Graph Components

• Integration With Gateway and S/4 HANA® Systems

• Building Apps for Production

Who should take this course and why

So Join this Must Have Course for Learning UI5

Section 1 - Codes and Samples

Codes Used in Section 1 

Introduction to SAPUI5 Professional Development Free Preview 

Understanding SAPUI5 App Structure - Component.js and Loading of Manifest 

Understanding SAPUI5 App Structure - Overview Structure of App in Diagram 

Ask Your Questions 

Understanding Bootstrap - Run Con guration and Lib Loading Script 

Understanding Bootstrap - Functionality of Data Properties in Bootstrap Script Code - Part 1 

Understanding Bootstrap - Functionality of Data Properties in Bootstrap Script Code - Part 2 

Ask Your Questions 

Advanced Understanding Bootstrap - Debugging ComponentSupport-dbg.js when Component Container is

Advanced Understanding Bootstrap - Debugging UIComponent-dbg.js and Component-dbg.js 

Advanced Understanding Bootstrap - Load of Manifest Data in Debugging in mSettings 

Advanced Understanding Bootstrap - Component.js Debugging and Summary of the Steps 

Ask Your Questions 

Understanding Flow of Bootstrap in UI5 App - neo-app.json, Manifest and Component JS 

Ask Your Questions 

Section 2 - Codes and Samples

Codes Used in Section 2 

Understanding Model - Using Data.json And Pass In Manifest.json Free Preview 

Understanding Model - Debugging Model Injected To Controller And Binding Mode 

Understanding Model - Using Url To Extract Data And Bind In View 

Ask Your Questions 

Data Model Advanced: Understanding sap.ui.model.json.JSONModel Implementation 

Ask Your Questions 

Using Formatter In View To Change Data Representation 

Passing Multiple Parameter To Formatter Function And Expression Binding 