SAP S4HANA FIORI UI5 OData 1909 Training | SAP S4HANA FIORI UI5 OData 1909 Online Training

 SAP S4HANA FIORI UI5 OData 1809 Training | SAP S4HANA FIORI UI5 OData 1809 Online Training

Section1 : SAP S4HANA FIORI UI5 App Development

1) SAP S4HANA FIORI UI5 Introduction

• SAP UI5 framework
• Eclipse setup, WebIDE Setup and installation

2) HTML5

• Basics of HTML5 , Web Page Creation etc.
• Lists, Tables, Images, DOM, Audio/Video Tags etc.

3) Cascading Style Sheet (CSS)

• Basics of CSS
• Types of CSS Styling (Inline, Internal, External Style Sheet)
• Font Properties
• Box Model, Padding, Border, Margin, Padding
• Classes , Div ,Span, Colors, Images.
• ID's, Child Selectors, Pseudo Classes
• Styling , Gradient, Float and Clear etc

4) Java Script (JS) /JSON

• Introduction
• Variables, Data Types
• Operators
• Events
• Functions & Parameters
• Scope of Variable
• Arrays
• Conditional Statements if, else, nesting if, switch
• Loop
• Objects, properties and methods
• Forms, Validation Text Boxes, eg. user and passwords
• Radio Buttons, Check Boxes
• Introduction to Regular Expressions

5) jQuery (jq)

• External JS Libraries like jQuery
• Query Functions, Actions and Methods
• Selectors and Events
• DOM Manipulation 

6) SAP UI5 framework and Controls

• Installing SAPUI5
• Getting Started with SAPUI5 - Create Your First SAPUI5 Application
• Concepts of Model View Controller (MVC), Resource Handling , Libraries, SAPUI5 Components, Fragments
• Application Best Practice
• Initializing and Loading SAPUI5- Bootstrapping, Initialization Process, SAPUI5 Runtime
• Models and Data Binding

7) Building the UI

• Views - XML and JS Views (JSON views- not used)
• Fragments
• Navigation
• Working with Controls in SAPUI5
• Translating SAPUI5 Applications
• Component.js
• I18n
• Working with Lists and Tables
• Troubleshooting and Debugging
• WEB-IDE - Building SAP Fiori-like App, Deploy to SAPUI5 ABAP Repository

8) SAP Fiori Like App

• UX and UI
• Worklist App
• Master Details App
• UI Controls
• List , List Operations, Selection Modes and Events
• Input Fields – Validations, Value/Suggestion help.
• Tokens, Dropdowns Combo Box, Multi Combo Box
• Tables and Column
• Responsive Table
• Scaffolding Template
• Custom Controls
• Search Field and LIVE Search
• Master Details- Split App
• Router and Routing Configuration
• Manifest.json Neo-App.json Component.js , Google Map Integration.
• Using Fiori WebIDE Templates to Create Apps
   

Section2 : SAP S4HANA oData Backend Development

OData (NetWeaver Gateway)

1) Introduction NetWeaver Gateway

2) Gateway Architecture Overview

3) Introduction to REST

4) Introduction to OData

5) Introduction to OData Formats JSON and XML

6) Structure of an OData Service

7) Overview of Service Document and Service Metadata Document

8) Perform CRUD (Create, Read, Update, Delete) with OData

9) Service Generation

10) MPC , DPC , MPC_EXT and DPC_EXT

11) Association and Navigation

12) OData Queries - $filter and $select , $orderby, client-Side Paging -($top, $skip, and $inlinecount), $count

13) $expand, $format.

14) Introduction to SAP Cloud Platform

15) Connecting Backend to SAP WebIDE Fullstack in SCP - HCC/SCC (Cloud Connector)

16) WebIDE Full-stack Introduction

• Fiori Development features of WebIDE Full-stack
• Multiple workspaces
• Features for of FullStack
• Introduction to Layout Editor

17) SAP Fiori WebIDE Extensions Pane

18) Extend Standard Fiori App

19) Extend Standard OData Services

Section3 : SAP S4HANA FIORI Launch Pad & Security & Administration

1) SAP S4HANA & FIORI Introduction

2) Introduction to SAP Cloud Platform

3) Connecting Backend to SAP WebIDE Fullstack in SCP - HCC/SCC (Cloud Connector)

4) WebIDE Full Stack Introduction

• Fiori Development features of WebIDE Full Stack
• Multiple Workspaces
• Features for of FullStack
• Introduction to Layout editor
• Visual UI representation using Storyboard

5) UX Designing

• Using SAP Fiori Design Guidelines
• Prototyping using build.me

6) Gateway Architecture

7) Fiori Frontend and Backend System

8) Enablement of Gateway, System aliases and RFC Connections

9) Activation of Standard OData Services

10) Debug Fiori App

11) SAP Fiori App Reference

12) Introduction to SAP Fiori Launchpad

13) Troubleshooting and Launchpad Debugging

14) Introduction to Catalogs, Groups

15) Translating Launchpad content

16) Cache concepts

17) Adding custom Apps, standard tcodes, WDAs to Launchpad

18) SAP Fiori Theme Designer

19) PFCG Roles

20) Create Roles for Launchpad User and Business Users