1 day, 6 hours
5/5
With the SAP UI5 training course at Zx Academy, you can master the topics like Application Programming in SAP UI5, Modularization and resource handling for SAP UI5, SAP UI5 developer studio, Data binding in SAPUI5, MVC architecture of SAP UI5, Optimizing UI5 applications, etc. So, why delay? Accelerate your career to the next level with Zx Academy's SAP UI5 training course.
Upcoming Demo's
February 12 |
Sold Out Timings - 07:00 AM to 10:00 AM (IST) AND 08:30 PM to 11:30 PM (IST) |
February 14 |
Filling Fast Timings - 07:00 AM to 10:00 AM (IST) AND 08:30 PM to 11:30 PM (IST) |
February 16 |
Timings - 07:00 AM to 10:00 AM (IST) AND 08:30 PM to 11:30 PM (IST) |
February 17 |
Timings - 07:00 AM to 10:00 AM (IST) AND 08:30 PM to 11:30 PM (IST) |
February 18 |
Timings - 07:00 AM to 10:00 AM (IST) AND 08:30 PM to 11:30 PM (IST) |
Course Overview
Zx Academy offering SAP UI5 Training, UI5 is an open-source project which SAP SE maintains. It is known to be a JavaScript application designed to build a cross-platform business. The SAPUI5 is completely based on jQuery, JavaScript, and LESS. It is highly useful in application development. The SAPUI5 helps to improve responsive web applications both with dynamic and static content (Server-side). Candidates with practice and knowledge of UI5 will be able to develop cloud applications for mobile and desktop devices.
Zx Academy's program helps create mobile applications by using the SAP UI5 framework. This training program at Zx Academy is very helpful for developers looking forward to ensuring their knowledge in the SAP-enabled mobile frameworks. SAP UI5 is a one-stop-shop toolkit. It comprises everything you require to develop web applications while leaving flexibility to extend.
The objective of SAP UI5 training is to insight the students on all the aspects of the UI5 that prove to be very helpful in creating the simple UI5 application. It is extensible with the JAVAscript based on the HTML5 browser that can render the library for business applications. Besides, the SAPUI5 course curriculum insights the students on resource handler in Abap & JAVA, Test Suite (HTML, Javascript files), Core (JavaScript files), Control libraries (JavaScript, CSS, and image files), and other design-time essentials.
Highlights of Zx Academy Training:
- 24/7 Support throughout the training period
- Live online classes
- Training under industry experts
- Free study material
- Flexible timings to all our students
What will you learn in SAP UI5 training?
After completion of training, you will learn:
- Creation of Simple UI5 Application
- Javascript Programming - Introduction
- HTML Programming - Introduction
- CSS Programming - Introduction
- Using Controls from more than one library file
- UI5 Application Project Folder Structure
- Optimization Techniques - Fragments
- Troubleshooting and Application Trace
Who should take this SAP UI5 training?
This course is suited for:
- Beginners aspiring to work in the SAP field
- Application Developers
- Web developers
- Solution Consultants
- UX Designers
- Mobile Application Developers
What are the prerequisites for taking SAP UI5 training?
The prerequisites for taking:
- Basic Programming skills
- Basic understanding of SAP
Why should you go for SAP UI5 training?
SAP UI5 training at Zx Academy is a well-configured course where the candidate will explore various features of SAP user interface for the HTML 5 like MVC Architecture, JavaScript toolkit, Used for Business Applications, Support for Data transfer, etc. Enroll for the SAP UI5 course at Zx Academy, learn from the experts about the powerful techniques and concepts, and master SAPUI5. Also, you will be given practical knowledge to learn the topics better and clear the SAP UI5 certification exam easily.
Salary as per market
According to Glassdoor, the average salary of an SAP UI5 developer is $81,000 per annum.
Curriculum – SAP UI5
- Previous technologies before SAPUI5.
- Disadvantages of previous technologies.
- Advantages of Sapui5 and how it overcomes the disadvantages of previous technologies.
- Architecture of SAP UI5 (MVC).
- Understanding each layer of the MVC model.
- Landscape of SAPUI5 Fiori applications.
- Clear understanding on End to End Data flow in SAPUi5/Fiori apps.
- What is SAP Fiori?
- Difference between Ui5 and Fiori Applications.
- Overview of SAP Cloud platform
- Advantages of SAP WEB IDE
- Creating an Account in HANA cloud.
- Accessing the WEB IDE from Hana cloud platform.
- Creating a Sample project using WEBIDE
- Detail explanation on each file and folder in the project
- Creating the Project
- Understanding index.html,bootstrap,shell, Component.js and manifest.json files in depth.
- Understanding the Base view and View container.
- Detail explanation on Routing
- Creating Two views for the navigation
- Configuring the Routes and Targets for the views in manifest.json
- Navigate from one page to another using URL Pattern
- Navigation from one view to another view using buttons.
- Exercise on Creating sample views and understanding the complete flow with navigation between the pages.
- Creating a view
- Understanding the view’s Controller
- Understanding the Controller’s Hook methods
- Exercise on Creating a sample view and Implementing controller methods
- Working with different properties of basic UI elements like Text, Label, Input, Button etc.
- Clear explanation on various properties and their purpose as per real time projects.
- Changing the UI element behavior at runtime
- Exercise for enable disable input fields at runtime
- Exercise to hide UI elements at runtime.
- Exercise for setting dynamic text etc.
- What is a Layout
- Various Layouts in SAPUI5
- Working with Simple form layout , Matrix layout , Grid Layouts
- Working with HBOX, VBOX, Flexbox
- Working with Panel , Icon tab bar
- Working with Object Header
- Displaying the form using 2 column and 4 columns design.
- Exercise on Creating a Form Using various layouts
- Types of Validation
- Exercise on Mandatory data validation
- Exercise on valid data validation (like.. email, phone number , pin code)
- Exercise on Showing red color input field and error messages.
- Various types of Messages in SAP UI5
- Showing ERROR, SUCCESS, WARNING Messages
- Exercise on Showing various messages in SAP UI5
- JSON Model
- OData Model
- Resource Model
- Working with all Models and understanding when to use which model.
- Understanding the Binding Concept
- Various types of Binding
- Property Binding
- Aggregation Binding
- Element Binding
- Exercise on Binding the UI elements with bothJSON and ODataModels
- Different ways of passing data from one view to other
- Passing the data using json Model
- Passing data using Model + binding concept
- Passing data using Router with parameter
- Passing data using element binding concept
- Exercise on Passing data from one view to other in all these ways
- Overview on different Categories of UI elements like (simple, value holders , complex , layouts, dialog etc ..)
- Working with drop downs, combo box, multi combo box
- Working with radio buttons, checkbox and value help (F4 help)
- Working with Tables and List UI elements
- Practical Exercise on all these UI elements
- Introduction to Fragments for reusable scenarios
- Using Fragments for Popup dialogs using dialog UI element
- Implementing F4 help functionality using Fragments
- Exercise on PopupDialogs
- Installing HANA cloud connector to connect WEBIDE to SAP gateway system
- Configuration of HCC to point to gateway system
- Creating Hana cloud platform destination
- Establishing connection from WEBIDE to SAP Gateway system.
- Creating ODATA Model to connect to ODATA service created in the back end
- Consuming ODATA service to get the real back end data and perform CRUD operations from SAPUI5 Application .
- Repeating all the UI elements with real back end data using ODATA Model like dropdown, combobox, multicombobox, radio buttons, List , Table etc.
- Property binding, Aggregation binding and Element binding using ODATA Model
- Implementing F4 help functionality using real back end data using ODATA Model
- Exercise on all these concepts practically with real time examples.
- Uploading the file using File upload UI element from sapui5
- Download the file using ODATA service.
- Column chart
- Bar chart
- Pie chart
- line chart
- Practical exercise on all the charts
- Creating i18n folder
- Maintaining property bundles for various languages
- Binding the text values using the i18n resource model
- Creating a separate property for to maintain text of each language
- Making the application to support for multiple languages
- Creating a SAPUI5 application
- Creating 4 views for performing CRUD operations
- Navigation between the views
- Reading the back-end data into the Table in SAPUI5
- Implementing all CRUD operations in the project
- Deploying the application to Gateway server.
- Configure this application to fiori launch pad.
- Previous technologies before SAPUI5.
- Disadvantages of previous technologies.
- Advantages of Sapui5 and how it overcomes the disadvantages of previous technologies.
- Architecture of SAP UI5 (MVC).
- Understanding each layer of the MVC model.
- Landscape of SAPUI5 Fiori applications.
- Clear understanding on End to End Data flow in SAPUi5/Fiori apps.
- What is SAP Fiori?
- Difference between Ui5 and Fiori Applications.
- Overview of SAP Cloud platform
- Advantages of SAP WEB IDE
- Creating an Account in HANA cloud.
- Accessing the WEB IDE from Hana cloud platform.
- Creating a Sample project using WEBIDE
- Detail explanation on each file and folder in the project
- Creating the Project
- Understanding index.html,bootstrap,shell, Component.js and manifest.json files in depth.
- Understanding the Base view and View container.
- Detail explanation on Routing
- Creating Two views for the navigation
- Configuring the Routes and Targets for the views in manifest.json
- Navigate from one page to another using URL Pattern
- Navigation from one view to another view using buttons.
- Exercise on Creating sample views and understanding the complete flow with navigation between the pages.
- Creating a view
- Understanding the view’s Controller
- Understanding the Controller’s Hook methods
- Exercise on Creating a sample view and Implementing controller methods
- Working with different properties of basic UI elements like Text, Label, Input, Button etc.
- Clear explanation on various properties and their purpose as per real time projects.
- Changing the UI element behavior at runtime
- Exercise for enable disable input fields at runtime
- Exercise to hide UI elements at runtime.
- Exercise for setting dynamic text etc.
- What is a Layout
- Various Layouts in SAPUI5
- Working with Simple form layout , Matrix layout , Grid Layouts
- Working with HBOX, VBOX, Flexbox
- Working with Panel , Icon tab bar
- Working with Object Header
- Displaying the form using 2 column and 4 columns design.
- Exercise on Creating a Form Using various layouts
- Types of Validation
- Exercise on Mandatory data validation
- Exercise on valid data validation (like.. email, phone number , pin code)
- Exercise on Showing red color input field and error messages.
- Various types of Messages in SAP UI5
- Showing ERROR, SUCCESS, WARNING Messages
- Exercise on Showing various messages in SAP UI5
- JSON Model
- OData Model
- Resource Model
- Working with all Models and understanding when to use which model.
- Understanding the Binding Concept
- Various types of Binding
- Property Binding
- Aggregation Binding
- Element Binding
- Exercise on Binding the UI elements with bothJSON and ODataModels
- Different ways of passing data from one view to other
- Passing the data using json Model
- Passing data using Model + binding concept
- Passing data using Router with parameter
- Passing data using element binding concept
- Exercise on Passing data from one view to other in all these ways
- Overview on different Categories of UI elements like (simple, value holders , complex , layouts, dialog etc ..)
- Working with drop downs, combo box, multi combo box
- Working with radio buttons, checkbox and value help (F4 help)
- Working with Tables and List UI elements
- Practical Exercise on all these UI elements
- Introduction to Fragments for reusable scenarios
- Using Fragments for Popup dialogs using dialog UI element
- Implementing F4 help functionality using Fragments
- Exercise on PopupDialogs
- Installing HANA cloud connector to connect WEBIDE to SAP gateway system
- Configuration of HCC to point to gateway system
- Creating Hana cloud platform destination
- Establishing connection from WEBIDE to SAP Gateway system.
- Creating ODATA Model to connect to ODATA service created in the back end
- Consuming ODATA service to get the real back end data and perform CRUD operations from SAPUI5 Application .
- Repeating all the UI elements with real back end data using ODATA Model like dropdown, combobox, multicombobox, radio buttons, List , Table etc.
- Property binding, Aggregation binding and Element binding using ODATA Model
- Implementing F4 help functionality using real back end data using ODATA Model
- Exercise on all these concepts practically with real time examples.
- Uploading the file using File upload UI element from sapui5
- Download the file using ODATA service.
- Column chart
- Bar chart
- Pie chart
- line chart
- Practical exercise on all the charts
- Creating i18n folder
- Maintaining property bundles for various languages
- Binding the text values using the i18n resource model
- Creating a separate property for to maintain text of each language
- Making the application to support for multiple languages
- Creating a SAPUI5 application
- Creating 4 views for performing CRUD operations
- Navigation between the views
- Reading the back-end data into the Table in SAPUI5
- Implementing all CRUD operations in the project
- Deploying the application to Gateway server.
- Configure this application to fiori launch pad.
