SlideShare a Scribd company logo
1 of 19
Stefan Beck, Peter Muessig
June 16th, 2021
UI5con ON AIR - Keynote Day 1
Connecting Innovations
UI5 Framework
Programming Model
Rendering & Controls
Core
UI5 Tooling
Modular
UI5 Evolution: "Learn, Explore and Connect Innovations"
UI5 Framework
Programming Model
Rendering & Controls
Core
UI5 Tooling
Modular
jQuery
Async
Loading &
APIs
Component
Loading &
Lifecycle
IE11
De-support
UI5 Evolution: "Learn, Explore and Connect Innovations"
UI5 Framework
Programming Model
Rendering & Controls
Core
UI5 Tooling
Modular
jQuery
Async
Loading &
APIs
Component
Loading &
Lifecycle
IE11
De-support
Semantic
Rendering
CSS
Variables
Async
Parameters
API
UI5 Web
Components
UI5 Evolution: "Learn, Explore and Connect Innovations"
UI5 Framework
Programming Model
Rendering & Controls
Core
UI5 Tooling
Modular
jQuery
Async
Loading &
APIs
Component
Loading &
Lifecycle
IE11
De-support
Semantic
Rendering
CSS
Variables
Async
Parameters
API
UI5 Web
Components
TypeScript ES6+
UI5 Web
Components
Retrofit
Metadata
Driven UI
UI5 Evolution: "Learn, Explore and Connect Innovations"
UI5 Framework
Programming Model
Rendering & Controls
Core
UI5 Tooling
Modular
jQuery
Async
Loading &
APIs
Component
Loading &
Lifecycle
IE11
De-support
Semantic
Rendering
CSS
Variables
Async
Parameters
API
UI5 Web
Components
TypeScript ES6+
UI5 Web
Components
Retrofit
Metadata
Driven UI
Adoption
Extensibility
Ecosystem
Scaffolding
UI5 Evolution: "Learn, Explore and Connect Innovations"
UI5 Framework
Programming Model
Rendering & Controls
Core
UI5 Tooling
Modular
jQuery
Async
Loading &
APIs
Component
Loading &
Lifecycle
IE11
De-support
Semantic
Rendering
CSS
Variables
Async
Parameters
API
UI5 Web
Components
TypeScript ES6+
UI5 Web
Components
Retrofit
Metadata
Driven UI
Adoption
Extensibility
Ecosystem
Scaffolding
UI5 Evolution: "Learn, Explore and Connect Innovations"
UI5
UI5 Evolution: Connecting Innovations
easy-ui5
# Demo Time
> npm start
UI5 Web Components: Ready For Productive Usage!
UI5 Web Components: Ready For Productive Usage!
UI5 Framework
The Next Big Milestones
Programming Model
Rendering & Controls
Modular Core
UI5 Tooling
UI5 Framework
The Next Big Milestones
Programming Model
Rendering & Controls
Modular Core
UI5 Tooling
Adoption
Extensibility
Ecosystem
Scaffolding
UI5 Framework
The Next Big Milestones
Programming Model
Rendering & Controls
Modular Core
UI5 Tooling
Strict CSP
Compliance
Semantic Rendering
Deprecate Legacy
APIs
Adoption
Extensibility
Ecosystem
Scaffolding
UI5 Framework
The Next Big Milestones
Programming Model
Rendering & Controls
Modular Core
UI5 Tooling
Bootstrapping
Common CSS
Minimalistic Core
Strict CSP
Compliance
Semantic Rendering
Deprecate Legacy
APIs
Adoption
Extensibility
Ecosystem
Scaffolding
The Next Big Milestones
More Fun
More Speed
No Compromise
The Next Big Milestones
More Fun
More Speed
No Compromise
Stefan Beck
Chief Product Owner, UI5
stefan.beck@sap.com
@StefanBeck3
Peter Muessig
Chief Development Architect, UI5
peter.muessig@sap.com
@pmuessig
Thank You.

More Related Content

Similar to UI5con 2021 - Keynote

Beginner's Guide to Angular 2.0
Beginner's Guide to Angular 2.0Beginner's Guide to Angular 2.0
Beginner's Guide to Angular 2.0All Things Open
 
Angularjs frameworks for web development.pdf
Angularjs frameworks for web development.pdfAngularjs frameworks for web development.pdf
Angularjs frameworks for web development.pdfWPWeb Infotech
 
Continuous Delivery for Mobile R&D
Continuous Delivery for Mobile R&DContinuous Delivery for Mobile R&D
Continuous Delivery for Mobile R&DAnton Weiss
 
UI5con 2018: UI5 Evolution - The Core Changes
UI5con 2018: UI5 Evolution - The Core ChangesUI5con 2018: UI5 Evolution - The Core Changes
UI5con 2018: UI5 Evolution - The Core ChangesAndreas_Ecker
 
Angular.js Talk at the November Meetup of the BerlinJS User Group
Angular.js Talk at the November Meetup of the BerlinJS User GroupAngular.js Talk at the November Meetup of the BerlinJS User Group
Angular.js Talk at the November Meetup of the BerlinJS User GroupManuel Kießling
 
Microsoft silverlight : top 10 features
Microsoft silverlight : top 10 features Microsoft silverlight : top 10 features
Microsoft silverlight : top 10 features Diya Singh
 
PPT on Angular 2 Development Tutorial
PPT on Angular 2 Development TutorialPPT on Angular 2 Development Tutorial
PPT on Angular 2 Development TutorialPaddy Lock
 
Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Shelly Megan
 
Wds leanengineering-141103233017-conversion-gate02
Wds leanengineering-141103233017-conversion-gate02Wds leanengineering-141103233017-conversion-gate02
Wds leanengineering-141103233017-conversion-gate02Shivam Prajapati
 
Connecting Capella to IBM ELM platform (IBM Jazz)
Connecting Capella to IBM ELM platform (IBM Jazz)Connecting Capella to IBM ELM platform (IBM Jazz)
Connecting Capella to IBM ELM platform (IBM Jazz)Obeo
 
Top 8 angular js framework for web development
Top 8 angular js framework for web developmentTop 8 angular js framework for web development
Top 8 angular js framework for web developmentMobMaxime
 
Backbone web apps - design & architecture
Backbone web apps  - design & architectureBackbone web apps  - design & architecture
Backbone web apps - design & architectureOren Farhi
 
Backbone.js Architecture Example - Echoes Media Player (Hebrew)
Backbone.js Architecture Example - Echoes Media Player (Hebrew)Backbone.js Architecture Example - Echoes Media Player (Hebrew)
Backbone.js Architecture Example - Echoes Media Player (Hebrew)Yifat Kanfi
 
What You Need to Know About AngularJS Development Tools in 2024.pdf
What You Need to Know About AngularJS Development Tools in 2024.pdfWhat You Need to Know About AngularJS Development Tools in 2024.pdf
What You Need to Know About AngularJS Development Tools in 2024.pdfJPLoft Solutions
 

Similar to UI5con 2021 - Keynote (20)

Mylyn
MylynMylyn
Mylyn
 
Beginner's Guide to Angular 2.0
Beginner's Guide to Angular 2.0Beginner's Guide to Angular 2.0
Beginner's Guide to Angular 2.0
 
Angularjs frameworks for web development.pdf
Angularjs frameworks for web development.pdfAngularjs frameworks for web development.pdf
Angularjs frameworks for web development.pdf
 
Continuous Delivery for Mobile R&D
Continuous Delivery for Mobile R&DContinuous Delivery for Mobile R&D
Continuous Delivery for Mobile R&D
 
UI5con 2018: UI5 Evolution - The Core Changes
UI5con 2018: UI5 Evolution - The Core ChangesUI5con 2018: UI5 Evolution - The Core Changes
UI5con 2018: UI5 Evolution - The Core Changes
 
Angular.js Talk at the November Meetup of the BerlinJS User Group
Angular.js Talk at the November Meetup of the BerlinJS User GroupAngular.js Talk at the November Meetup of the BerlinJS User Group
Angular.js Talk at the November Meetup of the BerlinJS User Group
 
Microsoft silverlight : top 10 features
Microsoft silverlight : top 10 features Microsoft silverlight : top 10 features
Microsoft silverlight : top 10 features
 
PPT on Angular 2 Development Tutorial
PPT on Angular 2 Development TutorialPPT on Angular 2 Development Tutorial
PPT on Angular 2 Development Tutorial
 
Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!
 
Wds leanengineering-141103233017-conversion-gate02
Wds leanengineering-141103233017-conversion-gate02Wds leanengineering-141103233017-conversion-gate02
Wds leanengineering-141103233017-conversion-gate02
 
Connecting Capella to IBM ELM platform (IBM Jazz)
Connecting Capella to IBM ELM platform (IBM Jazz)Connecting Capella to IBM ELM platform (IBM Jazz)
Connecting Capella to IBM ELM platform (IBM Jazz)
 
Top 8 angular js framework for web development
Top 8 angular js framework for web developmentTop 8 angular js framework for web development
Top 8 angular js framework for web development
 
Backbone web apps - design & architecture
Backbone web apps  - design & architectureBackbone web apps  - design & architecture
Backbone web apps - design & architecture
 
Backbone.js Architecture Example - Echoes Media Player (Hebrew)
Backbone.js Architecture Example - Echoes Media Player (Hebrew)Backbone.js Architecture Example - Echoes Media Player (Hebrew)
Backbone.js Architecture Example - Echoes Media Player (Hebrew)
 
Ionic framework
Ionic frameworkIonic framework
Ionic framework
 
What You Need to Know About AngularJS Development Tools in 2024.pdf
What You Need to Know About AngularJS Development Tools in 2024.pdfWhat You Need to Know About AngularJS Development Tools in 2024.pdf
What You Need to Know About AngularJS Development Tools in 2024.pdf
 
Angular
AngularAngular
Angular
 
angular
angularangular
angular
 
angular content
angular contentangular content
angular content
 
angular
angularangular
angular
 

More from Peter Muessig

UI5 Tooling & Ecosystem
UI5 Tooling & EcosystemUI5 Tooling & Ecosystem
UI5 Tooling & EcosystemPeter Muessig
 
UI5 Tooling - Open and Extensible
UI5 Tooling - Open and ExtensibleUI5 Tooling - Open and Extensible
UI5 Tooling - Open and ExtensiblePeter Muessig
 
UI5 Overview for ROOT
UI5 Overview for ROOTUI5 Overview for ROOT
UI5 Overview for ROOTPeter Muessig
 
UI5con 2017 - UI5 Components - More Performance...
UI5con 2017 - UI5 Components - More Performance...UI5con 2017 - UI5 Components - More Performance...
UI5con 2017 - UI5 Components - More Performance...Peter Muessig
 
UI5con 2017 - UI5 Evolution
UI5con 2017 - UI5 EvolutionUI5con 2017 - UI5 Evolution
UI5con 2017 - UI5 EvolutionPeter Muessig
 
SAPUI5/OpenUI5 - Continuous Integration
SAPUI5/OpenUI5 - Continuous IntegrationSAPUI5/OpenUI5 - Continuous Integration
SAPUI5/OpenUI5 - Continuous IntegrationPeter Muessig
 

More from Peter Muessig (6)

UI5 Tooling & Ecosystem
UI5 Tooling & EcosystemUI5 Tooling & Ecosystem
UI5 Tooling & Ecosystem
 
UI5 Tooling - Open and Extensible
UI5 Tooling - Open and ExtensibleUI5 Tooling - Open and Extensible
UI5 Tooling - Open and Extensible
 
UI5 Overview for ROOT
UI5 Overview for ROOTUI5 Overview for ROOT
UI5 Overview for ROOT
 
UI5con 2017 - UI5 Components - More Performance...
UI5con 2017 - UI5 Components - More Performance...UI5con 2017 - UI5 Components - More Performance...
UI5con 2017 - UI5 Components - More Performance...
 
UI5con 2017 - UI5 Evolution
UI5con 2017 - UI5 EvolutionUI5con 2017 - UI5 Evolution
UI5con 2017 - UI5 Evolution
 
SAPUI5/OpenUI5 - Continuous Integration
SAPUI5/OpenUI5 - Continuous IntegrationSAPUI5/OpenUI5 - Continuous Integration
SAPUI5/OpenUI5 - Continuous Integration
 

Recently uploaded

Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmSujith Sukumaran
 
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataBradBedford3
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin
 
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaReact Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaHanief Utama
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...MyIntelliSource, Inc.
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...soniya singh
 
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...OnePlan Solutions
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityNeo4j
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ
 
Folding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesFolding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesPhilip Schwarz
 
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxKnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxTier1 app
 
Cloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEECloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEEVICTOR MAESTRE RAMIREZ
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software DevelopersVinodh Ram
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...gurkirankumar98700
 
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024StefanoLambiase
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)OPEN KNOWLEDGE GmbH
 
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfGOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfAlina Yurenko
 
software engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxsoftware engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxnada99848
 

Recently uploaded (20)

Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalm
 
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
 
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaReact Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief Utama
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
 
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered Sustainability
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStack
 
Folding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesFolding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a series
 
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort ServiceHot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service
 
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptxKnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
KnowAPIs-UnknownPerf-jaxMainz-2024 (1).pptx
 
Cloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEECloud Data Center Network Construction - IEEE
Cloud Data Center Network Construction - IEEE
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software Developers
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
 
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
Dealing with Cultural Dispersion — Stefano Lambiase — ICSE-SEIS 2024
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)
 
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfGOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
 
software engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxsoftware engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptx
 

UI5con 2021 - Keynote

  • 1. Stefan Beck, Peter Muessig June 16th, 2021 UI5con ON AIR - Keynote Day 1 Connecting Innovations
  • 2.
  • 3. UI5 Framework Programming Model Rendering & Controls Core UI5 Tooling Modular UI5 Evolution: "Learn, Explore and Connect Innovations"
  • 4. UI5 Framework Programming Model Rendering & Controls Core UI5 Tooling Modular jQuery Async Loading & APIs Component Loading & Lifecycle IE11 De-support UI5 Evolution: "Learn, Explore and Connect Innovations"
  • 5. UI5 Framework Programming Model Rendering & Controls Core UI5 Tooling Modular jQuery Async Loading & APIs Component Loading & Lifecycle IE11 De-support Semantic Rendering CSS Variables Async Parameters API UI5 Web Components UI5 Evolution: "Learn, Explore and Connect Innovations"
  • 6. UI5 Framework Programming Model Rendering & Controls Core UI5 Tooling Modular jQuery Async Loading & APIs Component Loading & Lifecycle IE11 De-support Semantic Rendering CSS Variables Async Parameters API UI5 Web Components TypeScript ES6+ UI5 Web Components Retrofit Metadata Driven UI UI5 Evolution: "Learn, Explore and Connect Innovations"
  • 7. UI5 Framework Programming Model Rendering & Controls Core UI5 Tooling Modular jQuery Async Loading & APIs Component Loading & Lifecycle IE11 De-support Semantic Rendering CSS Variables Async Parameters API UI5 Web Components TypeScript ES6+ UI5 Web Components Retrofit Metadata Driven UI Adoption Extensibility Ecosystem Scaffolding UI5 Evolution: "Learn, Explore and Connect Innovations"
  • 8. UI5 Framework Programming Model Rendering & Controls Core UI5 Tooling Modular jQuery Async Loading & APIs Component Loading & Lifecycle IE11 De-support Semantic Rendering CSS Variables Async Parameters API UI5 Web Components TypeScript ES6+ UI5 Web Components Retrofit Metadata Driven UI Adoption Extensibility Ecosystem Scaffolding UI5 Evolution: "Learn, Explore and Connect Innovations"
  • 9. UI5 UI5 Evolution: Connecting Innovations easy-ui5 # Demo Time > npm start
  • 10. UI5 Web Components: Ready For Productive Usage!
  • 11. UI5 Web Components: Ready For Productive Usage!
  • 12.
  • 13. UI5 Framework The Next Big Milestones Programming Model Rendering & Controls Modular Core UI5 Tooling
  • 14. UI5 Framework The Next Big Milestones Programming Model Rendering & Controls Modular Core UI5 Tooling Adoption Extensibility Ecosystem Scaffolding
  • 15. UI5 Framework The Next Big Milestones Programming Model Rendering & Controls Modular Core UI5 Tooling Strict CSP Compliance Semantic Rendering Deprecate Legacy APIs Adoption Extensibility Ecosystem Scaffolding
  • 16. UI5 Framework The Next Big Milestones Programming Model Rendering & Controls Modular Core UI5 Tooling Bootstrapping Common CSS Minimalistic Core Strict CSP Compliance Semantic Rendering Deprecate Legacy APIs Adoption Extensibility Ecosystem Scaffolding
  • 17. The Next Big Milestones More Fun More Speed No Compromise
  • 18. The Next Big Milestones More Fun More Speed No Compromise
  • 19. Stefan Beck Chief Product Owner, UI5 stefan.beck@sap.com @StefanBeck3 Peter Muessig Chief Development Architect, UI5 peter.muessig@sap.com @pmuessig Thank You.