Skip to Content

Summary: Learning SAP UI5 for a beginner seems like a mammoth task, although there are numerous learning resources scattered on SCN and other sites. Its overwhelming to make sense out of the huge spaghetti of scattered links. With this document I have striven hard to arrange the knowledge in a logical order so that it makes sense.

Prerequisites: A strong desire to learn SAP UI5.

Outcome: You will be on your way to becoming a SAPUI5 expert.

Target audience: This document is good for beginners and experts alike.

Creation Date: 10 Nov 2015

Last Update: 6 Oct 2016

Note: This is a living document, I am continuously enhancing it iteratively. Do let me know if you would like to see any information here via your comments.


Installing Java and Eclipse
Java is an Oracle product now after acquisition of Sun Microsystems but the old link still works. You need an IDE to code, Eclipse in our case, which in turn needs JDK to run. Please be careful about installing the right version of Java that works with the Eclipse you wish to install. Its not wrong to have multiple versions of JDK but many times it causes issues. You will have to troubleshoot a bit to ensure that the system uses the appropriate version of Java. If you need more clarity on the installation process the following link should be helpful.

How to install a basic development environment for SAPUI5

NOTE: I would strongly recommend to use SAP WebIDE rather than Eclipse. All new innovations in the SAPUI5 development are being offered only in WebIDE and not in Eclipse.

Installing SAPUI5 plugins

To install some or all of the tools, get an installation compatible with the desired tools and use the respective software site URL in the Help > Install New Software wizard. Based on the version of your eclipse:

SAPUI5 Demokit

This link gives you further acess to  :

OPENUI5 Demokit

SAPUI5 Tutorials

This link gives you further access to the following Tutorials:

  • Hello World

  • Walkthrough

  • Data Binding

  • Navigation and Routing

  • Testing

Data Binding in SAPUI5 (by Chris Whealy)

Data Binding in SAPUI5

JavaScript for ABAP developers (by Chris Whealy)

JavaScript for ABAP Developers (Updated)

SAPUI5 SplittApp Example (This example was good but I had to troubleshoot a bit to get it working as some concepts were not very clearly specified)

SAPUI5 sap.m.Table Example

UI5 Programming Examples

Model View Controller (MVC)

Simple Exercise on OData and SAP UI5 Application for the basic CRUD Operation

Chrome Development Tool tips used in my daily work

Getting access to SAP WebIDE Trial

SAP Web IDE – Local Trial Version

The above link talks about both SAP WebIDE web based trial as well as local installation.

Installing local version of SAP WebIDE for non-productive purposes

SAP Web IDE Dev Guide (Local Installation)

How To Install SAP Web IDE Locally for Trial in Windows

SAPUI5 Code Inspector Chrome Extension

SAPUI related content on Youtube

Relevant SAP Trainings (not free)

Ofcource these trainings are not free but having a look at the offcial training content helps to plan your learning.

Curricullum MAP :

At the above link you can drill down to individual trainings :

Training Description
THINK1 Design Thinking for Business Innovation – Live Experience
SAPX04 HTML5 Foundations for SAP SAPUI5 Development
SAPX05 SAPUI5 User Experience Development
SAPX08 SAP SAPUI5 Advanced Development
SAPX12 SAP Fiori Apps Custom Development Using Web IDE
SAPX2E SAP Fiori Apps Custom Development Using Web IDE

Books (not free)

Book Title Link
SAPUI5: The Comprehensive Guide to UI5
SAP Gateway and OData

SAP UI5 development in SAP Netweaver Developer Studio (NWDS)

Developing SAP UI5 applications in SAP NetWeaver Developer Studio  – Part 1/2

Simple Exercise on OData and SAP UI5 Application for the basic CRUD Operation

How To Deploy an SAPUI5 App On Fiori Launchpad

Build and Splash

Here is the link to the video series:
For more information about BUILD, you can visit:

OpenSap MOOCs

OpenSAP : Build your own SAP Fiori App in the Cloud – 2016 Edition
OpenSAP : Developing Web Apps with SAPUI5


Experience and explore SAP Fiori Design

All Things SAP Fiori

SAP Fiori Learning
Create your first SAP Fiori Overview Page

SAP Fiori Apps Library

Fiori on

SAP Smart Business Cockpits

Some Best Practices derived from the SAP Fiori Templates in SAP Web IDE

SAP UI5 and SAP Business Process Management (BPM)

Custom UIs with the BPM OData Service

BPM OData: Exploring the Service

BPM OData Service

Roles for BPM

Roles for BPM Inbox

Not enough permissions to search principals from UME?

Check out SAP Note #  1647157

HTTP 404 error while opening Task Execution UI in BPM Inbox

Check out SAP Note # 1880788


Sample Gateway Services

Registration for ES4 demo system

New Hand’s-On Tutorial Videos for SAP Web IDE

A beginner’s guide to skilling up for SAP Fiori and UI5

Setup your SAP Web IDE on HANA Cloud Platform (Part 1 of 5)

Develop your SAPUI5 applications in Ubuntu (Linux)

How to get rid of: “No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” in Chrome browser.

How to get rid of: “No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” in Chrome browser.

URL Helper

To report this post you need to login first.


You must be Logged on to comment or reply to a post.

  1. Sergio Guerrero

    great advise for beginners and also those of us who are in the middle of it…

    all great sources… also add the SAP Press book –  SAPUI5, The Comprehensive Guide


Leave a Reply