Course Introduction
Watch this video to checkout the details and the benefits you get from this training.

Start your career in SAP UI5 & Fiori (Basics to Advanced)
The SAP UI5 & Fiori (Basics to Advanced) course provides a comprehensive learning journey through the world of SAP User Interface (UI) technologies and Fiori design principles. Starting with the foundational concepts of SAP UI5, you will gradually advance to mastering the intricacies of creating sophisticated applications using Fiori's modern and intuitive design.
You will learn to,
- Understand the fundamentals of SAP UI5 and Fiori and their significance in modern SAP applications.
- Learn the basics of HTML5, CSS3, and JavaScript for building interactive and responsive user interfaces.
- Explore the architecture and components of SAP UI5, including controls, models, and data binding.
- Gain proficiency in designing and developing user-friendly Fiori apps that follow SAP's design principles.
-
Master the concept of MVC (Model-View-Controller) architecture and its implementation in SAP UI5 applications.


Meet Your Instructor
- Accomplished SAP UI5 & Fiori Trainer with a strong commitment to enhancing user experience through comprehensive training.
- Proficient in delivering end-to-end training programs that encompass UI5 and Fiori development from fundamental concepts to advanced strategies.
- Expertise in simplifying intricate technical subjects and facilitating effective learning experiences for participants.
- In-depth understanding of UI5 and Fiori best practices, enabling trainees to design and develop intuitive and responsive applications.
- Proven ability to adapt training methodologies to cater to diverse learning styles and skill levels.
- Extensive practical experience in UI5 and Fiori application development, offering real-world insights and examples during training.
- Dedicated to staying updated with the latest UI5 and Fiori trends, ensuring that training content remains relevant and aligned with industry advancements.
- Strong interpersonal and communication skills, fostering an engaging and collaborative learning environment.
- Committed to helping participants build a solid foundation in UI5 and Fiori, equipping them with the tools to excel in their roles.
Course Curriculum
- Session Video - SAP Fiori Introduction & App development (Introduction & creating app from template) (111:30)
- Session Video - SAP Fiori Introduction & App development (Creating Basic UI5 apps and Element Binding) (121:28)
- Session Video - SAP Fiori Introduction & App Development (JSON Model binding) (147:09)
- Session Video - SAP Fiori Introduction & App Development (Routing & Navigation) (154:16)
- Session Video - SAP Fiori Intro & App development (OData Service binding to Template-based UI5 App) (98:59)
- Session Video - SAP Fiori Introduction & App development (Routing & Navigation) (158:04)
- Lab Activity - SAP Fiori Introduction _ App Development
- Quiz
- Session Video - Introduction to OOPS ABAP & Introduction to OData Services & CRUD (167:13)
- Session Video - Introduction to OData Services & CRUD (152:12)
- Session Video - Introduction to OData Services & CRUD, Configure Catalog & Groups in SAP FIORI PORTAL (86:32)
- Lab Activity - Introduction to OOPS Services _ CRUD
- Quiz
- Assessment - 1. Introduction to HTML
- Assessment - 2. Cascade Style Sheet
- Assessment - 3. DOM
- Assessment - 4. Javascript
- Assessment - 5. JQuery
- Assessment - 6. Installation of SAPUI5
- Assessment - 7. Developing applications using SAPUI5
- Assessment - 8. SAP Fiori Introduction & App development
- Assessment - 9. Introduction to OOPS ABAP
- Assessment - 10. Introduction to OData Services & CRUD
- Assessment - 11. Additional Topics (ABAP CDS views & GIT Hub)
- Assignment - 1. Introduction to HTML
- Assignment - 2. Cascade Style Sheet
- Assignment - 3. DOM
- Assignment - 4. Javascript
- Assignment - 5. JQuery
- Assignment - 6. Installation of SAPUI5
- Assignment - 7. Developing applications using SAPUI5
- Assignment - 8. SAP Fiori Introduction & App development
- Assignment - 9. Introduction to OOPS ABAP
- Assignment - 10. Introduction to OData Services & CRUD
- Assignment - 11. Additional Topics (ABAP CDS views & GIT Hub)
- Lab Activity - HTML - Topic 1. HTML Basics
- Lab Activity - HTML - Topic 2. HTML Text
- Lab Activity - HTML - Topic 3. HTML Links
- Lab Activity - HTML - Topic 4. HTML Pages
- Lab Activity - HTML - Topic 5. HTML Tables
- Lab Activity - HTML - Topic 6. HTML Lists
- Lab Activity - HTML - Topic 7. HTML Forms
- Lab Activity - HTML - Topic 8. HTML Styles
- Lab Activity - HTML - Topic 9. HTML iFrame
- Lab Activity - HTML - Topic 10. HTML Scripts
- Lab Activity - HTML - Topic 11. HTML5 New Input Types
- Lab Activity - HTML - Topic 12. HTML5 Canvas
- Lab Activity - HTML - Topic 13. HTML5 SVG
- Lab Activity - HTML - Topic 14. HTML5 Audio
- Lab Activity - HTML - Topic 15. HTML5 Video
- Lab Activity - HTML - Topic 16. HTML5 Web Storage
- Lab Activity - HTML - Topic 17. HTML5 Web Workers
- Lab Activity - HTML - Topic 18. HTML5 Geolocation
- Lab Activity - CSS - Topic 19. CSS Text
- Lab Activity - CSS - Topic 20. CSS Fonts
- Lab Activity - CSS - Topic 21. CSS Links
- Lab Activity - CSS - Topic 22. CSS Lists
- Lab Activity - CSS - Topic 23. CSS Tables
- Lab Activity - CSS - Topic 24. CSS Background
- Lab Activity - CSS - Topic 25. CSS Units
- Lab Activity - CSS - Topic 26. CSS Dimension
- Lab Activity - CSS - Topic 27. CSS Alignment
- Lab Activity - CSS - Topic 28. CSS Positioning
- Lab Activity - CSS - Topic 29. CSS Display
- Lab Activity - CSS - Topic 30. CSS Border and Outlines
- Lab Activity - CSS - Topic 31. CSS Margin and Padding
- Lab Activity - CSS - Topic 32. CSS Opacity
- Lab Activity - CSS - Topic 33. CSS Generated Content
- Lab Activity - CSS - Topic 34. CSS Pseudo-classes
- Lab Activity - CSS - Topic 35. CSS Pseudo-elements
- Lab Activity - CSS - Topic 36. CSS3 Gradients
- Lab Activity - CSS - Topic 37. CSS3 Drop Shadows
- Lab Activity - CSS - Topic 38. CSS3 2D Transforms
- Lab Activity - CSS - Topic 39. CSS3 3D Transforms
- Lab Activity - CSS - Topic 40. CSS3 Transitions
- Lab Activity - CSS - Topic 41. CSS3 Animations
- Lab Activity - CSS - Topic 42. CSS3 Multi-column Layouts
- Lab Activity - DOM - Topic 43. Using getElementById Method
- Lab Activity - DOM - Topic 44. Changing the value of the input field
- Lab Activity - DOM - Topic 45. Changing the value of the image_s src attribute
- Lab Activity - DOM - Topic 46. Using the eventListener
- Lab Activity - DOM - Topic 47. Changing the font size
- Lab Activity - JavaScript - Topic 48. JavaScript Basic
- Lab Activity - JavaScript - Topic 49. JavaScript Generating Output
- Lab Activity - JavaScript - Topic 50. JavaScript Data Types
- Lab Activity - JavaScript - Topic 51. JavaScript Operators
- Lab Activity - JavaScript - Topic 52. JavaScript Events
- Lab Activity - JavaScript - Topic 53. JavaScript Strings
- Lab Activity - JavaScript - Topic 54. JavaScript Numbers
- Lab Activity - JavaScript - Topic 55. JavaScript If...Else and Switch Statements
- Lab Activity - JavaScript - Topic 56. JavaScript Arrays
- Lab Activity - JavaScript - Topic 57. JavaScript Sorting Arrays
- Lab Activity - JavaScript - Topic 58. JavaScript Functions
- Lab Activity - JavaScript - Topic 59. JavaScript Loops
- Lab Activity - JavaScript - Topic 60. JavaScript Objects
- Lab Activity - JavaScript - Topic 61. JavaScript DOM Selectors
- Lab Activity - JavaScript - Topic 62. JavaScript DOM Styling
- Lab Activity - JavaScript - Topic 63. JavaScript DOM Get Set Attributes
- Lab Activity - JavaScript - Topic 64. JavaScript DOM Manipulation
- Lab Activity - JavaScript - Topic 65. JavaScript DOM Navigation
- Lab Activity - JavaScript - Topic 66. JavaScript Window
- Lab Activity - JavaScript - Topic 67. JavaScript Window Location
- Lab Activity - JavaScript - Topic 68. JavaScript Dialog Boxes
- Lab Activity - JavaScript - Topic 69. JavaScript Timer
- Lab Activity - JavaScript - Topic 70. JavaScript Date and Time
- Lab Activity - JavaScript - Topic 71. JavaScript Math Operations
- Lab Activity - JavaScript - Topic 72. JavaScript Type Conversions
- Lab Activity - JavaScript - Topic 73. JavaScript Event Listeners
- Lab Activity - JavaScript - Topic 74. JavaScript Event Propagation
- Lab Activity - JavaScript - Topic 75. JavaScript Borrowing Methods
- Lab Activity - JavaScript - Topic 76. JavaScript Hoisting
- Lab Activity - JavaScript - Topic 77. JavaScript Strict Mode
- Lab Activity - JavaScript - Topic 78. JavaScript JSON Parsing
- Lab Activity - JavaScript - Topic 79. JavaScript ES6 Features
- Lab Activity - jQuery - Topic 80. jQuery Basic
- Lab Activity - jQuery - Topic 81. jQuery Selectors
- Lab Activity - jQuery - Topic 82. jQuery Events
- Lab Activity - jQuery - Topic 83. jQuery Show and Hide Effects
- Lab Activity - jQuery - Topic 84. jQuery Fading Effects
- Lab Activity - jQuery - Topic 85. jQuery Sliding Effects
- Lab Activity - jQuery - Topic 86. jQuery Animation Effects
- Lab Activity - jQuery - Topic 87. jQuery Chaining
- Lab Activity - jQuery - Topic 88. jQuery Callback
- Lab Activity - jQuery - Topic 89. jQuery Get & Set Contents
- Lab Activity - jQuery - Topic 90. jQuery Insert Content
- Lab Activity - jQuery - Topic 91. jQuery Remove Elements & Attribute
- Lab Activity - jQuery - Topic 92. jQuery Add and Remove CSS Classes
- Lab Activity - jQuery - Topic 93. jQuery Get and Set CSS Properties
- Lab Activity - jQuery - Topic 94. jQuery Dimensions
- Lab Activity - jQuery - Topic 95. jQuery Traversing
- Lab Activity - jQuery - Topic 96. jQuery Filtering
- Lab Activity - jQuery - Topic 97. jQuery Ajax
- Lab Activity - jQuery - Topic 98. jQuery No-Conflict Mode
- Lab Activity - Installation of SAPUI5 - Topic 99. Installation Steps
- Lab Activity - Developing Applications using SAPUI5 - Topic 100. Create Parent and Child Application
- Lab Activity - Developing Applications using SAPUI5 - Topic 101. Deploy Your First SAPUI5 Fiori App
- Lab Activity - Developing Applications using SAPUI5 - Topic 102. Set Up the SAP
- Lab Activity - Developing Applications using SAPUI5 - Topic 103. Debug Your SAPUI5 App with SAP Business Application Studio
- Lab Activity - Developing Applications using SAPUI5 - Topic 104. Create Parent and Child Application
- Lab Activity - Developing Applications using SAPUI5 - Topic 105. Deploy Your First SAPUI5 Fiori App
- Lab Activity - Developing Applications using SAPUI5 - Topic 106. Creating an SAP Business Application Studio dev Space for SAP Fiori Apps
- Lab Activity - Developing Applications using SAPUI5 - Topic 107. Set Up the SAP
- Assessment - HTML
- Assessment - DOM
- Assessment - Developing applications with SAP UI5
- Assessment - Cascade Style Sheet
- Assessment - Additional Topics
- Assessment - Installing SAPUI5
- Assessment - Introduction to OData Services and CRUD
- Assessment - Introduction to OOPS ABAP
- Assessment - JavaScript
- Assessment - JQuery
- Assessment - SAP FIORI Introduction _ App development
- Assignment - HTML
- Assignment - Cascade Style Sheet
- Assignment - DOM
- Assignment - JavaScript
- Assignment - JQuery
- Assignment - Installing SAPUI5
- Assignment - Developing applications with SAP UI5
- Assignment - SAP FIORI Introduction - App development
- Assignment - Introduction to OOPS ABAP
- Assignment - Introduction to OData Services and CRUD
- Hands-on Assignment - Additional Topics (ABAP CDS View _ GTS Hub)
- Hands-on Assignment - CSS
- Hands-on Assignment - Developing Applications using UI5
- Hands-on Assignment - DOM
- Hands-on Assignment - HTML
- Hands-on Assignment - Installation of SAPUI5
- Hands-on Assignment - Introduction to OData _ CRUD
- Hands-on Assignment - Introduction to OOPS ABAP
- Hands-on Assignment - JavaScript
- Hands-on Assignment - JQuery
- Hands-on Assignment - SAP Fiori Introduction _ App Development
- Configuration Guide - Exercise Manual – Fork your own playground
- Configuration Guide - Implementation Guide for Fiori Application for RFM Solutions by Utopia for S/4HANA
- Configuration Guide - Translations in SAPUI5 Application
- Configuration Guide - UX205 – New Features of SAPUI5 That You Absolutely Have to Know About
- Capstone Project - SAP UI5 and Fiori (Basic to Advanced) - Fiori Application for Supplier Management
- Capstone Project - SAP UI5 and Fiori (Basic to Advanced) - Fiori Application for Field Service Management
- Capstone Project - SAP UI5 and Fiori (Basic to Advanced) - Fiori Application for Vehicle Fleet Management
- Capstone Project - SAP UI5 and Fiori (Basic to Advanced) - Sustainable Supply Chain Monitoring Portal
- Capstone Project - 1. Custom Freestyle Fiori App with CDS and OData
- Capstone Project - 2. Field Service Management Fiori App
- Capstone Project - 3. Supplier Management Fiori App
- Capstone Project - 4. Sustainable Supply Chain Monitoring Portal
- Capstone Project - 5. Vehicle Fleet Management Fiori Dashboard

SAP Server Access Request
Reach out to us at [email protected] if you need SAP server access after the course purchase
Got Questions?
Frequently Asked Questions
When does the course start and finish?
The course is entirely self-paced. You decide when you start and when you finish.
How long do I have access to the course?
That depends on the type of Subscription you bought - Monthly or Yearly. After enrolling, you have unlimited access to this course and materials across any devices you own.
What do I get after I signup?
After you signup and make the payment, you will have full access to the course which includes,
1. Session Videos (these videos are from actual live sessions from the past)
2. Assignments
3. Assessments
4. Lab documents
5. Other pdfs (configuration documents, eBooks, pdfs, interview and certification FAQs)
How do I get access to practice on the Server?
Reach out to your Support team and send an email to [email protected] and they will send you the details and the monthly cost for the Server (if available)
Are the videos or materials downloadable?
No, they are not. But you have unlimited access to view them from any device and on this platform depending on your Subscription type. Everything on this platform is the intellectual property of ZaranTech
How soon after I enroll and make payment would get access to the course?
Immediately
What if I have doubts, whom do I ask?
These are pre-recorded videos from the actual Live Training program. Most of the doubts were cleared in the session videos itself. But if you still have any questions, please raise a ticket, and our support team will help you https://zarantech.freshdesk.com/support/tickets/new
What if I have an issue accessing the course?
You can Raise a ticket by clicking the link below and selecting the appropriate ticket - https://zarantech.freshdesk.com/support/tickets/new
How will I get my course completion certificate?
Once you have successfully completed the training and the Final Quiz/Assessment, you can avail of your
Certificate of Completion from ZaranTech which you can then showcase on LinkedIn and other Social Media portals
Do you provide Instructor-led Live training for Individuals?
Yes, we do. Email us at [email protected] and we will send you all the details
How we deliver Live training (video) - https://bit.ly/How-we-deliver-training
Do you provide Corporate/group training?
Yes, we do. We have trained more than 200 SAP customers with over 4000 participants in the USA, Canada, Europe, Asia, and South America. We offer corporate training for all SAP modules.
Course Catalog - https://bit.ly/SAP-course-catalog
How we Deliver Corporate Training (video) - https://bit.ly/sap-corp-training
How do I get certified in SAP?
SAP certification (https://training.sap.com/certification/) validates that you possess fundamental knowledge and verified skills.
List of Valid and soon to Expire SAP certifications - https://training.sap.com/certification/validity
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 7 days and we will give you a full refund.
What is your Refund Policy and Terms of Use?
To know more about canceling the enrollment, refund, and rescheduling policy, visit:
Refund and Rescheduling Policy – https://www.zarantech.com/Refund-policy/
Terms of Service – https://www.zarantech.com/terms-of-use/
What other Resources do you provide?
YouTube (Free Videos) - https://www.youtube.com/@zarantechdotcom
LinkedIn (Free materials) - https://www.linkedin.com/showcase/sap-learner-community/
Quora (Ask any Questions) - https://saplearnercommunity.quora.com/
SAP Corporate Course Catalog - https://bit.ly/SAP-course-catalog
What other official Resources from SAP?
Official SAP Training -https://training.sap.com/
Official SAP Certification Programs - https://training.sap.com/certification/
OpenSAP (Open Online Courses (MOOCs) for SAP learning) - https://open.sap.com/