SAPUI5
SAPUI5 is a JavaScript framework and UI library that helps developers create cross-platform enterprise-ready web applications in an efficient way. It features more than 500 UI controls aligned with the latest SAP Fiori design guidelines and comes with built-in support for data binding, routing, message handling, and more.
You can now create SAPUI5 adaptation projects in Visual Studio Code (VS Code), allowing for offline development. This functionality is currently experimental and may evolve. Some restrictions apply compared to using adaptation projects in BAS. However, projects created in VS Code can still be used in productive scenarios.
The highly sought-after UI5 walkthrough is now available in TypeScript. The tutorial has been completely revised to help beginners fully grasp the potential of the UI5 framework. We've also made it available on GitHub for collaborative improvements. Let's create the best entry point into the world of UI5 together!
Wouter Lemaire's blog post outlines the process of uploading attachments in a UI5 app connected to a CAP backend. He emphasizes the importance of configuring UI5 and CAP by creating entries for each file. Using a Book entity and an Attachment entity in a CAP project, he offers a step-by-step example of creating a Book with an attachment.
The latest enhancement to UI5 Tooling's UI5 Builder introduces the Output Style feature, which allows developers to have more control over their project's build output. This feature enables a more efficient and organized build output by omitting the project namespace and the "resources" directory, resulting in a flat build.
Wouter Lemaire explores the complexities of managing legacy apps, emphasising the significant breakthrough of extending these applications in BAS. With a comprehensive approach, he presents a detailed and easy-to-follow guide, accompanied by practical suggestions, for enhancing SAP Fiori apps in BAS.
SAPUI5 in a Nutshell
SAPUI5 is an HTML5 framework for creating cross-platform, enterprise-grade web applications in an efficient way. What started as a small project is now one of the most successful technologies ever invented by SAP. Click on the video to learn more about the value of SAPUI5.
Explore the SAPUI5 road map and find out about the current and future features in the SAPUI5 framework, SAP Fiori elements and the SAP Business Application Studio.
Rise Your Skills
Improve or refresh your skills by the different types of learning material.
Tutorials:
- UI5 Walkthrough (JavaScript | TypeScript)
- Developing Apps with SAPUI5
- Create a Web Frontend with SAPUI5
- Learn App Development in UI5 with TypeScript
- List with selected video tutorials from the community
SAP Press:
- SAPUI5 - The Comprehensive Guide
- Clean SAPUI5 - A Style Guide for Developers
- SAP Fiori and SAPUI5 - Debugging the User Interface
- Testing SAPUI5 Applications
Learning Journeys:
Podcast:
Desire on more?
The SAPUI5 Demo Kit is the central place to understand and learn SAPUI5. It contains the official documentation, the API Reference, as well as code samples for many UI controls plus demo apps to demonstrate their use.
Try It Out
Interested in SAPUI5 but no access to an SAP system? That is why we open sourced major parts of our UI framework as OpenUI5.
You can download latest versions from the OpenUI5 homepage or the individual libraries from npm.
Don't feel like downloading? Then you can bootstrap OpenUI5 from our CDN with high performance and no setup needed.