Speaker

Sascha Lehmann

Sascha Lehmann

Thinktecture AG, Developer Consultant

Thinktecture AG, Developer Consultant

Bühl, Germany

Actions

For Sascha Lehmann, it was already evident with his first PC in which direction the journey was going. Through desktop and backend development in the .NET environment, he found his true passion over the years, web development. As an expert in Angular and the UI/UX environment, he helps customers with their daily challenges and projects at Thinktecture AG in Karlsruhe. Of course, he doesn't keep his knowledge to himself but passes it on to others with a lot of dedication so they can share his passion for web development.

Für Sascha Lehmann (@derLehmann_S) war mit seinem ersten PC schon klar, in welche Richtung die Reise geht.
Durch Desktop- und Backend-Entwicklung im .NET-Umfeld fand er über die Jahre hinweg zu seiner wahren Leidenschaft, der Webentwicklung. Als Experte im Angular und im UI/UX Umfeld hilft er bei der Thinktecture AG in Karlsruhe tagtäglich Kunden bei ihren Herausforderungen und Vorhaben. Sein Wissen behält er natürlich nicht für sich, sondern gibt es mit viel Hingabe an andere weiter, um auch auf sie den Funken der Leidenschaft für Webentwicklung überspringen zu lassen.

Area of Expertise

  • Information & Communications Technology

Topics

  • Angular
  • Web Components
  • UI/UX
  • Design Systems
  • Frontend Architecture
  • Animations

View Transition API and Scroll-Driven Animations: Gamechanger for hybrid app-development

Thanks to the rapid development of web APIs (keyword project Fugu), the gap between Progressive Web Apps (PWA), hybrid development approaches, and native apps could be closed more and more. However, when it comes to animations, native apps have always been one step ahead, thanks to the availability of native animation APIs. Until now, complex animations such as container transforms were practically impossible to implement in web apps without immense effort. Thanks to the new View Transition API and Scroll-Driven Animations, this gap can now be closed. The best thing is that everything is done almost exclusively using CSS.

Write once, use anywhere: Framework agnostic Design Systems with Web Components

There are plenty of them out there. No, we're not talking about front-end frameworks but ready-made component libraries such as "Angular Material," "Ionic," "MUI," "TUI," "MudBlazor," and many more. They all try to simplify our lives as developers and provide us with reusable components. Depending on the library, they are framework-dependent or independent, sometimes better, sometimes worse for customization.

This is why it is not uncommon for companies to create their libraries according to their needs in the enterprise environment. If different front-end frameworks or CMS systems are also to be operated with them, there is no way around them—Web Components.

In this session, Sascha Lehmann from Thinktecture will show you how you can build highly customizable and lightweight web components with the help of "Lit," what pitfalls you need to watch out for when architecting the library, how you can learn from established libraries and how you can achieve the highest possible compatibility by using the APIs that the browser gives us.

View-Transition-API: Gamechanger for hybrid app-development

Due to the rapidly advancing development of web APIs (highlighting the Fugu project), the gap between Progressive Web Apps (PWA), hybrid development approaches, and native apps has been progressively narrowing. Even visually, they are hardly distinguishable from native apps.
However, when it comes to animations, native apps have always had an edge due to the availability of native animation APIs. Complex animations, such as container transforms, were practically challenging to achieve in web apps without significant effort.
That's right. They WERE.
This gap can be closed thanks to the new View Transition API and Scroll-Driven Animations. And the best part is that it is almost entirely through CSS.
Intrigued? Sascha Lehmann from Thinktecture will provide an overview of these new APIs, how to effectively implement them in your project, and their limitations.

View Transition API und Scroll-Driven Animations: Gamechanger für die hybride App-Entwicklung

Durch die rasend schnelle Weiterentwicklung von Web-APIs (Stichwort Projekt Fugu) konnte die Lücke, die zwischen Progressive Web Apps (PWA) oder hybriden Entwicklungsansätzen und den nativen Apps bestand, mehr und mehr geschlossen werden. Auch visuell sind sie kaum noch von nativen Apps unterscheidbar. Jedoch wenn es um das Thema Animationen geht, waren native Apps durch die Verfügbarkeit nativer Animations-APIs immer einen Schritt voraus. Komplexe Animationen wie Container Transforms waren bisher ohne immensen Aufwand in Web-Apps praktisch nicht zu realisieren.
Richtig. Sie WAREN es.
Auch diese Lücke kann nun dank der neuen View Transition API und der Scroll-Driven Animations geschlossen werden. Und das beste daran: Alles fast ausschließlich per CSS.
Neugierig geworden? Dann gibt ihnen Sascha Lehmann von Thinktecture einen Überblick über die neuen APIs, wie Sie sie effektiv in ihrem Projekt einsetzen und wo ihre Grenzen liegen.

WeAreDevelopers World Congress 2024 Sessionize Event

July 2024 Berlin, Germany

Developer Week '24 Sessionize Event

July 2024 Nürnberg, Germany

Sascha Lehmann

Thinktecture AG, Developer Consultant

Bühl, Germany

Actions

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top