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

Module 1: SAP S4HANA FIORI UI5 App Development

Topic 1: SAP S4HANA FIORI UI5 Introduction

1) SAP UI5 framework

2) Eclipse setup, WebIDE Setup and installation

Topic 2: HTML5

1) Basics of HTML5 , Web Page Creation etc.

2) Lists, Tables, Images, DOM, Audio/Video Tags etc.

Topic 3: Cascading Style Sheet (CSS)

1) Basics of CSS

2) Types of CSS Styling (Inline, Internal, External Style Sheet)

3) Font Properties

4) Box Model, Padding, Border, Margin, Padding

5) Classes, Div, Span, Colors, Images.

6) ID's, Child Selectors, Pseudo Classes

7) Styling, Gradient, Float and Clear etc.

Topic 4: Java Script (JS) /JSON

1) Introduction

2) Variables, Data Types

3) Operators

4) Events

5) Functions & Parameters

6) Scope of Variable

7) Arrays

8) Conditional Statements if, else, nesting if, switch

9) Loop

10) Objects, properties and methods

11) Forms, Validation Text Boxes, eg. user and passwords

12) Radio Buttons, Check Boxes

13) Introduction to Regular Expressions

Topic 5: jQuery (jq)

1) External JS Libraries like jQuery

2) Query Functions, Actions and Methods

3) Selectors and Events

4) DOM Manipulation

Topic 6: SAP UI5 framework and Controls

1) Installing SAPUI5

2) Getting Started with SAPUI5 - Create Your First SAPUI5 Application

3) Concepts of Model View Controller (MVC), Resource Handling, Libraries, SAPUI5 Components, Fragments

4) Application Best Practice

5) Initializing and Loading SAPUI5- Bootstrapping, Initialization Process, SAPUI5 Runtime

6) Models and Data Binding

Topic 7: Building the UI

1) Views - XML and JS Views (JSON views- not used)

2) Fragments

3) Navigation

4) Working with Controls in SAPUI5

5) Translating SAPUI5 Applications

6) Component.js

7) I18n

8) Working with Lists and Tables

9) Troubleshooting and Debugging

10) WEB-IDE - Building SAP Fiori-like App, Deploy to SAPUI5 ABAP Repository

Topic 8: SAP Fiori Like App

1) UX and UI

2) Worklist App

3) Master Details App

4) UI Controls

5) List, List Operations, Selection Modes and Events

6) Input Fields – Validations, Value/Suggestion help.

7) Tokens, Dropdowns Combo Box, Multi Combo Box

8) Tables and Column

9) Responsive Table

10) Scaffolding Template

11) Custom Controls

12) Search Field and LIVE Search

13) Master Details- Split App

14) Router and Routing Configuration

15) Manifest. Json Neo-App.json Component.js, Google Map Integration.

16) Using Fiori WebIDE Templates to Create Apps

Module 2: SAP S4HANA OData Backend Development

OData (NetWeaver Gateway)

Topic 1: Introduction NetWeaver Gateway

Topic 2: Gateway Architecture Overview

Topic 3: Introduction to REST

Topic 4: Introduction to OData

Topic 5: Introduction to OData Formats JSON and XML

Topic 6: Structure of an OData Service

Topic 7: Overview of Service Document and Service Metadata Document

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

Topic 9: Service Generation

Topic 10: MPC, DPC, MPC_EXT and DPC_EXT

Topic 11: Association and Navigation

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

Topic 13: $expand, $format.

Topic 14: Introduction to SAP Cloud Platform

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

Topic 16: WebIDE Full-stack Introduction

1) Fiori Development features of WebIDE Full-stack

2) Multiple workspaces

3) Features for of Full Stack

4) Introduction to Layout Editor

Topic 17: SAP Fiori WebIDE Extensions Pane

Topic 18: Extend Standard Fiori App

Topic 19: Extend Standard OData Services

Module 3: SAP S4HANA FIORI Launch Pad & Security & Administration

Topic 1: SAP S4HANA & FIORI Introduction

Topic 2: Introduction to SAP Cloud Platform

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

Topic 4: WebIDE Full Stack Introduction

1) Fiori Development features of WebIDE Full Stack

2) Multiple Workspaces

3) Features for of FullStack

4) Introduction to Layout editor

5) Visual UI representation using Storyboard

Topic 5: UX Designing

1) Using SAP Fiori Design Guidelines

2) Prototyping using build.me

Topic 6: Gateway Architecture

Topic 7: Fiori Frontend and Backend System

Topic 8: Enablement of Gateway, System aliases and RFC Connections

Topic 9: Activation of Standard OData Services

Topic 10: Debug Fiori App

Topic 11: SAP Fiori App Reference

Topic 12: Introduction to SAP Fiori Launchpad

Topic 13: Troubleshooting and Launchpad Debugging

Topic 14: Introduction to Catalogs, Groups

Topic 15: Translating Launchpad content

Topic 16: Cache concepts

Topic 17: Adding custom Apps, standard tcodes, WDAs to Launchpad

Topic 18: SAP Fiori Theme Designer

Topic 19: PFCG Roles

Topic 20: Create Roles for Launchpad User and Business Users