
Covers all the basics required to be thorough with SAPUI5( FIORI ) web application development, its debugging
What you'll learn
- SAPUI5/FIORI/UI5 web application development
- UI5
- FIORI
- SAPUI5
Requirements
- No Prerequisites , Knowledge in any programming language( ideally in JavaScript ) is desired but not required .
Description
Topics which are covered in this course with respect to SAPUI5 technology are covered in-depth , also with the help of debugging in internet developer tools to make you better understand what is happening inside framework , under the hood. So that when you work in real time , when you encounter any dumps or when you do not remember methods to be used in application programming, you can find these methods using chrome developer tools and use those methods in code- without the strain of memorizing them.Also another way of finding methods/functions is going to standard sapui5 SDK. we have given the references of standard SDK through out the course , so that you will be self sufficient - foundations of SAPUI5 are well laid , that you do not depend on anyone else to help you when you are stuck.
Basics to Learn SAPUI5 Application development are HTML, CSS, JavaScript. These are only covered to the extent students need to follow this course.
if you need to master SAPUI5 , you need to master JavaScript as well. Please refer any JavaScript course for in-depth details of JavaScript. Contents of this course are only relevant to SAPUI5 but at same time have given basic details of JavaScript wherever required.
***Please turn on sub titles ***
***Play videos with 1.25X speed, based on your convenience***
To help better understand standard SAP Recommended coding practices for SAPUI5.
This lecture series contain two courses , of which this is first course in which all the foundation of SAPUI5 application development are very well covered.
In second course I will cover Application development using ODATA Service URLs in project.
- All the basics of SAPUI5, all theoretical concepts are very well covered and incorporated into our examples
- Debugging to minute level and finding methods/functions to be used in source code.
- Google chrome developer toolkit is shown in almost every example - making sure that students understands how to work in real time when he/she encounters errors and also to find out functions on his own without needing any external help
- Standard SAPUI5 SDK references are given wherever required, so that you will be self sufficient to not depend on anyone else to resolve your programming issues.
- Setting Up WEB IDE for development
- Global variables in Applications- how not to use them in applications
- Private Object members
- Naming conventions- Hungarian Notation
- Bootstrapping
- SAPUI5 SDK Walkthrough- libraries and classes of framework, inheritance of classes , version management, finding out tutorial resources, tooling
- Compatibility view of browser
- Handling special characters in application
- Finding out framework resources in chrome developer tools,
- Observing control classes in debugging
- Various ways of setting properties for controls - Using Constructor and methods
- Identifying controls in HTML DOM Elements in Internet Developer tools
- observing properties associated with event handler methods in debugging
- Difference between addAggregation and setAggregation , addAssociation and set Association
- Adding CSS Styles to Controls
- Inherited methods, typed methods of controls, Layout Controls, Grid Layout responsiveness, Span property of Grid Layout, LayoutData property in controls
- Model, View, Controller, MVC Pattern, one way binding, two way binding, JSON Model, Binding, Absolute Path, Relative path
- Simple binding, Complex binding, aggregation binding
- Converting non MVC Pattern applications to MVC Pattern using JS Views, Namespace- Jquery.sap.registerModulePath, AMD Syntax-sap.ui.define,sap.ui.require. Synchronous Module load - jquery.sap.declare, jquery.sap.require, use strict mode, Usage of global variable-bad example
- Converting Javascript views into XML Views, advantages of using XML Views,XML Namespacing
- Handling ID's in XML Views
- Creating Component File
- Adding Shell around Component
- Component metadata - RootView and Config Properties
- Routing - Hash based navigation, configuring routes
- Application Descriptor(manifest.json)
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate company) in Germany and other countries. All other product and service names mentioned are the trademarks of their respective companies.
Who this course is for:
- Anyone who is interested to move into SAP Web application development, SAP Developers, SAP Solution Architects, SAPUI5 Developers