UI5ers live #14: Outlook 22, UI5 TS Flexible Column Layout Generator, UI5 TS Tutorial @ui5videos
UI5ers live #14: Outlook 22, UI5 TS Flexible Column Layout Generator, UI5 TS Tutorial  @ui5videos
Uploaded February 2022 | Updated September 2026, 2 weeks ago
#UI5erslive is back on the scene to keep you updated on current projects in and around #UI5. This time we start with Stefan Beck, who will give you an insight into the major milestones for UI5 he has set for 2022. Next up, we’re really happy to have a contribution from the #UI5Community again. Wouter Lemaire has dealt a lot with #TypeScript in UI5 lately and has used it for several projects already. This gave him the idea to create a flexible column layout template for #EasyUI5 to kick-start UI5 projects with TypeScript. In this episode, he will showcase this template to you. In addition, Peter Muessig and Andreas Kunz will talk about a tutorial for TypeScript in UI5 that they created.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Video Chapters:

00:00 Welcome

01:51 OpenUI5/SAPUI5 Goals for 2022
09:19 #UI5WebComponents Goals for 2022
11:09 Codeline Removal in UI5 CDN Offering
12:11 Test Tools Strategy Towards Open Standards

14:16 Q/A: What´s the goal with #WebComponents inside UI5? Will the standard controls be replaced or side by side?

18:30 Background: UI5 TypeScript App Generator for Flexible Column Layout
20:26 Demo: Run UI5 TypeScript App Generator for Flexible Column Layout (generator-ui5-ts-app-fcl)
24:36 Tip: Troubleshoot Issues During Installing Dependencies for the Easy-UI5 Generator
25:21 Demo: Flexible Column Layout App Generated by generator-ui5-ts-app-fcl
27:12 Walkthrough the Code Generated by #generator-ui5-ts-app-fcl

34:00 Q/A: Any plans for Easy-UI5 to enable custom templates from other GitHub repos (e.g. templates containing custom control libraries)?
34:57 Q/A: Is it possible to use TypeScript and classic JavaScript at the same time?

36:04 Background: UI5 TypeScript Tutorial
36:42 Introduction to the UI5 TypeScript Tutorial

40:26 Q/A: Is it possible to use "await" command in UI5 with TS

42:00 Final Words

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Resources:
Blog post Removing outdated UI5 versions from UI5 CDN: blogs.sap.com/2021/01/26/removing-outdated-ui5-versions-from-ui5-cdn
UI5 announcement mailing list info page: listserv.sap.com/mailman/listinfo/ui5.announce
Blog post Use wdio and wdi5 for testing ui5 apps: blogs.sap.com/2021/11/29/use-wdio-and-wdi5-for-testing-ui5-apps
wdi5 project: github.com/js-soft/wdi5
Video wdi5 - cross-platform test framework for hybrid UI5 apps: youtube.com/watch?v=VPKscX7Ap2E

UI5 TypeScript Generator for Flexible Column Layout: github.com/ui5-community/generator-ui5-ts-app-fcl

TypeScript Tutorial: github.com/SAP-samples/ui5-typescript-tutorial
Central Entry Point for TypeSript in UI5: sap.github.io/ui5-typescript
UI5 Task for Transpiling: npmjs.com/package/ui5-task-transpile

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Music: klinik FX
UI5ers live #14: Outlook 22, UI5 TS Flexible Column Layout Generator, UI5 TS TutorialUI5ers live #11: Barcode Scanner, Asynchronous LoadingUI5ers live #10: Placeholder Concept, UI5 Web Components ControlsUI5con 2023: UI5 Integration Cards in ActionUI5con 2023: MockServer for OData v4 ApplicationsUI5ers live #26: odata2ts, UI5 Web Components and TypeScriptUI5ers live #33:  10 Years of OpenUI5UI5con@SAP Bangalore 2018 – UI5 with Akamai, Introduction to Content Delivery Network CDNUI5ers live #22: UI5 Journey Recorder, UI5 Cache Buster Task for Standalone AppsWhats New in the Models Area?UI5ers live #39:  A Deep Dive into Tooling ExtensionsUI5con@SAP 2019: UI5 Web Components and Vue
UI5 |

UI5ers live #14: Outlook '22, UI5 TS Flexible Column Layout Generator, UI5 TS Tutorial

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER