Learn how to build an SAPUI5 freestyle application using pro-code tools on SAP Business Technology Platform. Uncover how to use TypeScript, together with the latest tools and the best practices from SAP. Get hands-on experience, ask questions, and complete exercises at your own pace.
For attendees of SAP TechEd 2023 Virtual (free registration required), a video recording of our introduction jump-start session is available here (but it is not needed to do the exercises).
The requirements to follow the exercises in this repository are:
- Get a free trial account on SAP BTP; see this tutorial.
- Set Up SAP Business Application Studio for development; see this tutorial.
- Be excited about the power of SAP technologies to make your developer life easier.
Completing the following exercises will guide you through developing web applications using the SAPUI5 framework and TypeScript.
Exercise 0 - Getting Started
Exercise 1 - Project Setup Using Business Application Studio (browse solution code)
Exercise 2 - Add First Content (browse solution code)
Exercise 3 - Show Sensor Content (browse solution code)
Exercise 4 - Introduce Localization (browse solution code)
Exercise 5 - Improve Visualization (browse solution code)
Exercise 6 - Filtering With the IconTabBar (browse solution code)
Exercise 7 - Fragment Containing a Dialog (browse solution code)
Exercise 8 - Second View with Navigation (browse solution code)
Exercise 9 - Card with Sensor Details (browse solution code)
Exercise 10 - Deployment to SAP BTP - Cloud Foundry runtime
Start with exercise 0 here.
You can not only access the resulting code after each exercise by following the links above, but also import it to SAP Business Application Studio. Instructions how to do this can be found here.
Please read CONTRIBUTING.md to understand the contribution guidelines.
Please read the SAP Open Source Code of Conduct.
Live Q&A for the content in this repository is available during the actual time of the online session on November 2nd (18:00 to 18:25 GMT) for which this content has been designed.
Afterwards, when doing the exercises during the next days and weeks, you may ask for support via New issue on the Issues tab. Make sure to describe the problem as completely and precisely as possible in this case and provide answers to the questions in the issue template. Experience shows that most issues stem from typos or copy&paste errors (e.g. missing parts, wrong insertion point, replacing too much or too little of the existing content), so please re-check by comparing with the solution code of the respective exercise before reporting. This gets you back on track much faster in most cases.
Stay in touch with the community by choosing your favourite channel.
UI5:
- Landing page: OpenUI5 Website
- Podcasts series: UI5 Newscast
- Blog posts: UI5ers Buzz
- X / Twitter: @openui5
- Slack: Get Access to OpenUI5 Slack Workspace
SAP Open Source:
- Landing page: Run better together with open source
- Podcasts series: The Open Source Way
- Blog posts: open source on SAP Community
- X / Twitter: @sapopensource
In case you're interested in advanced topics after completing all the above exercises, here are some additional tutorials to deepen your knowledge in application development leveraging UI5:
SAP Blog about the Flexible Programming Model
CAP & UI5 development in an example application
UI5 and TypeScript
Copyright (c) 2023 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the LICENSE file.