Readme.md

SAP Ui / Ux :

Ui5 development basic foundation

Pre-requisite VSCode or BAS should be installed and active.

• Exercise 1-Basic
• Exercise 2-HTML5
• Exercise 3-CSS
• Exercise 4-JS basic
• Exercise 5-JS deep dive
• Exercise 6-JQuery
• Exercise 7-SAP Ui5 Framework
• Exercise 8-Ui5 Control Hierarchy
• Exercise 9-Ui5 Control Hierarchy - 2
• Exercise 10-XML Views
• Exercise 11-Model Basics
• Exercise 12-Json Model Property Binding
• Exercise 13-Expression Binding XML Model
• Exercise 14-Table control
• Exercise 15-Element Binding
• Exercise 16-Formatters
• Exercise 17-Fiori Like app
• Exercise 18-List Control
• Exercise 19-Manifest JSON
• Exercise 20-Filters on List model
• Exercise 21-Router Basics
• Exercise 22-Route matched Handlers
• Exercise 23-Icon Tab bar
• Exercise 24-Fragments
• Exercise 25-Fragments Deep dive
• Exercise 26-Fiori Deployments
• Exercise 27-Odata GET
• Exercise 28-Create A Gateway Project
• Exercise 29-Implementing GET
• Exercise 30-implementing CRUD
• Exercise 31-Function Import and Images
• Exercise 32-Connectivity
• Exercise 33-Fiori Project Connect Odata
• Exercise 34-GET and Connect
• Exercise 35-POST, PATCH, GET and DELETE from Fiori
• Exercise 36-WebIde and Git integration
• Exercise 37-Deploy app to launchpad
• Exercise 38-Fiori Elements Basics ~~~~ (WORK IN PROGRESS)

Other Essential Topics

• Exercise 39-Deep Entity handling OData service (You tube video links)
• Exercise 40-Using Flexible Column Layout (Complete Reference app!)
• ~ Order Browser (Planned)
• ~ Smart Table (Planned)
• ~ Analytical Chart (Planned)
• ~ Data Card page (Planned)
• ~ Gantt Chart (Planned)

Important Topics

Debug
Show live preview --(or)-- Execution
Bindings
Models
Fragments
Custom formatter ~ stock status
Custom formatter ~ Epoch-date-to-UTC-date
Orders Total in the Title
Synchronous Functions ~~ async, await, promise, setTimeout

VALIDATOR WEBPAGES

CSS lint ----- JS lint ---- Json lint ---- Yaml lint

3rd party Json - Api links for testing

https://jsonplaceholder.typicode.com/albums
https://jsonplaceholder.typicode.com/comments
https://jsonplaceholder.typicode.com/posts
https://jsonplaceholder.typicode.com/users
https://jsonplaceholder.typicode.com/todos
https://jsonplaceholder.typicode.com/photos

SAP Fiori App library and SDK link

All SAP Fiori apps reference library provided by SAP

SAP Sample Fiori SDK screen elements documentation

Other links for further learning

ORIGINAL BLOG : https://github.com/sonmezfurkan/UI5_from_scratch

FORKED FROM ORIGINAL : https://github.com/Octavius-Dante/UI5_from_scratch

YOUTUBE-1 : https://www.youtube.com/playlist?list=PLP_7HQeZf7LKjQU-aEvJLeg6xsWiiuX-j

YOUTUBE-2 : https://www.youtube.com/playlist?list=PLlZBMkVFeev52nPXdQYNDfUUw1RhGUGwu

Data generation in SAP on-prem system

Use T-Code sepm_dg standard data generator program for EPM data model