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.
Installing Java and Eclipse
http://www.eclipse.org/downloads/
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 it 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
Installing SAPUI5 plugins
https://tools.hana.ondemand.com/
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:
- For Eclipse Mars (4.5), use https://tools.hana.ondemand.com/mars
- For Eclipse Luna (4.4), use https://tools.hana.ondemand.com/luna
SAPUI5 Demokit
https://openui5beta.hana.ondemand.com/
SAPUI5 Tutorials
https://openui5beta.hana.ondemand.com/#docs/guide/8b49fc198bf04b2d9800fc37fecbb218.html
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)
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)
http://www.saplearners.com/sap-m-splitapp-demo-application-in-sapui5/
SAPUI5 sap.m.Table Example
http://www.saplearners.com/table-sap-m-table-in-sapui5/
SAPUI5 Icons Explorer
https://openui5.hana.ondemand.com/iconExplorer.html
SAPUI5 UI Elements Explorer
https://sapui5.hana.ondemand.com/explored.html
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
https://chrome.google.com/webstore/detail/ui5-inspector/bebecogbafbighhaildooiibipcnbngo
OPENUI5 Youtube Channel
https://www.youtube.com/user/openui5videos
SAPUI5 Youtube Playlist (by Abhishek Saha)
https://www.youtube.com/playlist?list=PL-xVzXm_I8mDXLVTZtNyz1EboIxqwcQ2I
Miscellaneous
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.