Custom App Development using SAPUI5 

(35 hours course)

 

Overview :

 

SAP UI Development Toolkit for HTML5 (SAPUI5) is a user interface technology that is used to build and adapt client applications based on SAP NetWeaver Gateway. The SAPUI5 runtime is a client-side HTML5 rendering library with a large set of RIA-like standard and extension controls based on JavaScript (JS), and a lightweight programming model.

 

PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. Building applications for each device–iPhone, Android, Windows Mobile and more–requires different frameworks and languages. PhoneGap solves this by using standardsbased web technologies to bridge web applications and mobile devices. Since PhoneGap apps are standards compliant, they’re future-proofed to work with browsers as they evolve. 

​

Pre-requisites :

​

i. Basic Development Skills

​

Course Content :

​

1. SAPUI5 Overview

2. SAPUI5 latest version setup on Eclipse locally

3. SAPUI5 latest version setup on WEBIDE on cloud

4. Basics of HTML5, JavaScript, CSS, Jquery, Ajax

5. Programming Applications Overview

6. Creating a SAPUI5 Project

7. Concept of index.html in SAPUI5

8. Model – View – Controller Concept in SAPUI5

9. Static Databinding in SAPUI5

10. Oneway, Twoway and One-Time Binding of controls with SAPUI5 models

11. Complex/Expression binding using different techniques

12. Dynamic Databinding with live ODATA services using different techniques

13. CRUD operations on ODATA services  using different techniques

14. CRUD Batch Processing on ODATA services.

15. Component.js and Routing in SAPUI5

16. Resource Handling / Localization

17. Understanding lifecycle/hook methods in Controller

18. Designing of SAPUI5 views using multiple development paradigm

19. Sorting and Filtering of data in SAPUI5

20. Fuzzy logic oriented search in SAPUI5

21. Designing a responsive table in SAPUI5

22. Creating Custom Fiori lookalike Launchpad using SAPUI5

23. Understanding fragments and concept of reusability

24. Mater Detail split view concept in SAPUI5

25. Developing Custom Fiori lookalike app from scratch using above SAPUI5 concepts

26. Demonstration of  Custom Fiori lookalike app following Fiori Design Guidelines

27. Base Controller concept in SAPUI5

28. Custom Control in SAPUI5

29. Deployment of Custom SAPUI5 app on SAP Netweaver Gateway through ABAP Team Provider in Eclipse.

30. Deployment of Custom SAPUI5 app on SAP Netweaver Gateway through WEBIDE.

31. Phonegap/Cordova Introduction and setup

32. Practical Demonstration of Phonegap/Cordova