Uploaded June 2024 | Updated September 2026, 2 weeks ago
UI5 applications are rarely standalone applications without external dependencies. Libraries, controls, components, or external third-party libraries are utilized. Along with the use of TypeScript, middleware, or other custom steps, the development environment quickly becomes complex and cluttered. When backend development with CAP is also involved, it becomes difficult to manage all dependencies and to have a good development environment.
Fortunately, a lot has happened in this area over the last year, making development easier for developers. New open-source tools have emerged that simply support developers in managing dependencies easily and quickly and in developing libraries/components/UI5 apps.
In this talk, we will introduce the latest tools and technologies that simplify and accelerate the development of UI5 applications.
Using a realistic scenario, we will show the setup of a project with UI5 apps libraries and a CAP backend, and how developers are supported in this process.
Speaker:
Marian Zeis (IT Consulting Marian Zeis)
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome and Intro
00:50 Seamless Integration: Crafting the Perfect UI5 Development Environment
31:25 Q&A
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
Slides:
github.com/marianfoo/ui5con24-dev-env
github.com/marianfoo#seamless-integration-crafting-the-perfect-ui5-development-environment
Find more info here: openui5.org/ui5con/germany2024
UI5 applications are rarely standalone applications without external dependencies. Libraries, controls, components, or external third-party libraries are utilized. Along with the use of TypeScript, middleware, or other custom steps, the development environment quickly becomes complex and cluttered. When backend development with CAP is also involved, it becomes difficult to manage all dependencies and to have a good development environment.
Fortunately, a lot has happened in this area over the last year, making development easier for developers. New open-source tools have emerged that simply support developers in managing dependencies easily and quickly and in developing libraries/components/UI5 apps.
In this talk, we will introduce the latest tools and technologies that simplify and accelerate the development of UI5 applications.
Using a realistic scenario, we will show the setup of a project with UI5 apps libraries and a CAP backend, and how developers are supported in this process.
Speaker:
Marian Zeis (IT Consulting Marian Zeis)
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome and Intro
00:50 Seamless Integration: Crafting the Perfect UI5 Development Environment
31:25 Q&A
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
Slides:
github.com/marianfoo/ui5con24-dev-env
github.com/marianfoo#seamless-integration-crafting-the-perfect-ui5-development-environment
Find more info here: openui5.org/ui5con/germany2024









, and Tobias Sorn, from the UI5 development team.
Now that it was officially announced that wdi5 becomes the legitimate successor of UIVeri5, we want to talk with Volker about what is currently happening in the project and the roadmap planning for #wdi5.
Tobias is in charge of two new features or rather changes in the #UI5 framework, which were delivered with UI5 version 1.99. The first one concerns the parsing of numbers and its change to strict parsing. Tobias will tell you what this means and how this affects your UI5 app. As his second topic, Tobias will introduce the new configuration option to set timezones.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:51 #UI5conONAIR2022 (https://openui5.org/ui5con/germany2022/)
03:53 The State of JS Survey (https://2021.stateofjs.com/en-US/libraries/front-end-frameworks)
04:56 Introduction to wdi5
06:00 Demo: Sample test with wdi5
08:16 Debugging wdi5 tests at runtime and run your app in a test-driven development mode
09:02 Demo: Debugging wdi5 tests at runtime
10:32 Demo: Run wdi5 in a test-driven development mode
11:37 The way forward for wdi5
12:49 wdi5 compared to UIVeri5
13:50 Number and Dates (https://openui5.hana.ondemand.com/entity/sap.ui.core.mvc.XMLView/sample/sap.ui.core.sample.ViewTemplate.types)
14:18 Number Parsing: Decimal Separator Issue when switching between locales or languages (https://en.wikipedia.org/wiki/Decimal_separator)
15:05 Changes in Behavior in Number Parsing as of UI5 1.99 (and 1.96.6)
21:44 New (experimental) feature as of UI5 1.99: Set Timezone (https://openui5.hana.ondemand.com/api/sap.ui.core.Configuration#methods/setTimezone)
25:00 New (experimental) OData Type as of UI5 1.99: Date Time with Timezone
26:15 Demo: #getDateTimeWithTimezoneInstance() (https://openui5.hana.ondemand.com/api/sap.ui.core.format.DateFormat#methods/sap.ui.core.format.DateFormat.getDateTimeWithTimezoneInstance + https://openui5.hana.ondemand.com/api/sap.ui.core.format.DateFormat.DateTimeWithTimezone)
28:21 Referring to #SAPUI5 Long-Term Support Versions on CDN without Specifying a Concret Patch Level
33:51 New Feature in #Easy-UI5 Generator 3.3.0
34:33 npm init wrapper for Easy-UI5 (https://blogs.sap.com/2022/03/10/easy-ui5-getting-started-even-easier/)
35:52 Demo: Using option npm init with Easy-UI5
36:35 Demo: Using option easy-ui5 binary
36:52 Demo: Using option npx with Easy-UI5
38:01 Final Words
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
wdi5 Documentation: https://js-soft.github.io/wdi5/#/
wdi5 Roadmap: https://github.com/orgs/js-soft/projects/1/views/4
SAPUI5 Version Overview: https://ui5.sap.com/versionoverview.html
Blog Post about Patch-Level Independing Bootstrap: https://blogs.sap.com/2022/04/14/sapui5-patch-level-independent-bootstrap/
npm-init wrapper for Easy-UI5: https://www.npmjs.com/package/create-easy-ui5
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX UI5ers live #16: wdi5, Strict Number Parsing, Set Timezone, Evergreen URL, Easy-UI5](https://i.ytimg.com/vi/iZ5P2BfkWo0/mqdefault.jpg)
