Latest Articles

 | Christian Liebel

Article Series Overview, Web Components & Architecture Canvas & Input Copy & Paste Images Accessing Files & File Handler Dark Mode Support Summary ⬅ Web Components I decided to use Web Components for all UI components within the Paint remake. Apart from the basic Web Component…

Read article
 | Christian Liebel

Read article
 | Christian Liebel

Article Series Overview, Web Components & Architecture Canvas & Input Copy & Paste Images Accessing Files & File Handler Dark Mode Support ⬅ Summary Desktop operating systems originally worked with a dark-on-light color scheme. In the meantime, most operating systems have added…

Read article
 | Christian Liebel

Article Series Overview, Web Components & Architecture Canvas & Input Copy & Paste Images Accessing Files & File Handler ⬅ Dark Mode Support Summary Paint is a traditional productivity app using a file-based workflow: Typically, you create a new drawing within the application and…

Read article
 | Christian Liebel

Article Series Overview, Web Components & Architecture Canvas & Input Copy & Paste Images ⬅ Accessing Files & File Handler Dark Mode Support Summary In the previous part of this series, I showed how you can use the HTML element to implement the drawing area. In order to copy…

Read article
 | Christian Liebel

Article Series Overview, Web Components & Architecture Canvas & Input ⬅ Copy & Paste Images Accessing Files & File Handler Dark Mode Support Summary Canvas: A Bitmap for the Web First, you need an element to draw on. Fortunately, the web provides a element for this purpose. It…

Read article
 | Christian Liebel

Article Series Overview, Web Components & Architecture ⬅ Canvas & Input Copy & Paste Images Accessing Files & File Handler Dark Mode Support Summary New Possibilities: An Overview of the Project Everyone knows and loves the good old Microsoft Paint. This app is a productivity app…

Read article
 | Christian Liebel

In his webinar on March 10th 2021, Christian Liebel uncovered Angular’s most important optimization options (Zone.js, Change Detection, and Service Workers) so that you can ignite the turbo for your Angular app! Recording of the Angular Performance Webinar Agenda: Run performance…

Read article
 | Christian Liebel

In the previous parts of this article series, we learned that Apple does not support the standardized web-based push mechanisms, and there is no sign of a possible timeline for implementation. Therefore we have to look at additional ways to bring the users' attention back to our…

Read article
 | Christian Liebel

Christian hat in seinem Webinar am 18. September 2020 über Progressive Web Apps die Offline-Fähigkeit in den Mittelpunkt gerückt - denn: zentrale Eigenschaft jeder Progressive Web App (PWA) ist die Verbindungsunabhängigkeit. Dank dem Service Worker funktioniert die App auch dann…

Read article
 | Christian Liebel

The third part of the PWA push notification series will take a closer look at the HTTP Web Push protocol. If you want to learn more about the Notifications API or the Push API, check out the first two parts. Article Series Notifications API Push API HTTP Web Push ⬅ Additional…

Read article
 | Christian Liebel

Traditionally, when developers wanted to distribute their web-based apps through app stores like Google Play, there was only one option: Apache Cordova. In the meantime, Progressive Web Apps (PWA) have arrived. The life of a PWA starts in the browser, and users can choose to…

Read article
 | Christian Liebel

Recording des Angular-Webinars Inhalte: Templating und Data Binding Benutzerdefinierte Steuerelemente Datenhaltung Dependency Injection Reaktive Programmierung Debugging Links: Code Sample: Angular-Beispie Code Sample: WPF-Beispiel Kostenloses Ebook "Angular für XAML…

Read article
 | Christian Liebel

Mit Project Fugu mischen Google, Microsoft und Intel die Welt der webbasierten Anwendungsentwicklung gründlich auf. Fähigkeiten, die bisher nur nativen Anwendungen oder über Wrapper-Ansätze wie Apache Cordova oder GitHub Electron zugänglich waren, sollen ihren Weg in den Browser…

Read article
 | Christian Liebel

This part of our article series on PWA push notifications focuses on the Push API that deals with creating push subscriptions and receiving push messages. If you want to learn more about web-based notifications in general, check out the first part of our series on the…

Read article
 | Christian Liebel

For sure, Progressive Web Apps (PWA) are one of the hottest topics on the web today. A PWA should feel like a real app, including the ability to show push notifications. In this blog series, you will learn how to implement push messaging in your PWA or website using the Push API…

Read article

My Recent Conference Talks

Talk
WeAreDevelopers JavaScript Congress 2021
Project Fugu: Progressive Web Apps, Superpowered
Workshop
International JavaScript Conference Munich 2021
PWA Workshop: From 0 to MS Paint with Project Fugu (Hands-on)
Talk
International JavaScript Conference Munich 2021
Fugu Update 2021: What’s in it for PWA developers?
Webinar
Thinktecture Webinar - Progressive Web Apps jenseits von Mobile: Desktop-PWAs mit Fugu
Progressive Web Apps jenseits von Mobile: Desktop-PWAs mit Fugu
Half Day Workshop
JavaScript Days 2021
Angular meets Project Fugu: Produktivitäts-PWAs auf Desktopniveau (Hands-on)
Half Day Workshop
JavaScript Days 2021
Progressive Web Apps für Einsteiger – Hands on!
Workshop
BASTA! Hybrid 2021
PWA-Workshop: Progressive Web Apps und Project Fugu – das nächste Level für Cross-Platform-Apps
Talk
BASTA! Hybrid 2021
Electron, Capacitor, PWA – was, wann, wie & warum?
Talk
BASTA! Hybrid 2021
Produktivitäts-PWAs mit Angular auf Desktopniveau
Talk
BASTA! Hybrid 2021
Angular Unit Testing mit Jest
Webinar
Thinktecture Webinar – Angular-Performance: So zünden Sie den Turbo
Angular-Performance: So zünden Sie den Turbo
Talk
Developer Week '21
Project Fugu: So erobern Produktivitätsanwendungen jetzt auch das Web
Webinar
Thinktecture Webinar – Unit-Testing in Angular mit Jest
Thinktecture Webinar – Unit-Testing in Angular mit Jest
Talk
DevDays Europe 2021
Project Fugu: Progressive Web Apps, Superpowered
Webinar
Thinktecture Webinar – Electron, Capacitor, PWA - was, wann, wie & warum?
Electron, Capacitor, PWA - was, wann, wie & warum?
Talk
Web Developer Conference ’21
Produktivitäts-PWAs auf Desktop-Niveau mit Project Fugu
Workshop
International JavaScript Conference London 2021
JavaScript Fullstack Day: Project Fugu
Talk
International JavaScript Conference London 2021
Implementing Productivity Apps With Angular And Fugu APIs
Half Day Workshop
Angular Days Spring 2021
Angular meets Project Fugu: Produktivitäts-PWAs auf Desktopniveau (Hands-on)
Half Day Workshop
Angular Days Spring 2021
Progressive Web Apps – Hands on!
Webinar
Thinktecture Webinar – Angular Performance: Your App at the Speed of Light
Angular Performance: Your App at the Speed of Light
Webinar
Thinktecture Webinar – Storybook: Best Practices mit Angular März 2021
Storybook: Best Practices mit Angular
Workshop
BASTA! Spring 2021
Progressive Web Apps und Project Fugu: Das nächste Level für Cross-Platform-Apps
Talk
Frontend Hub - Implementing Productivity Apps with Angular and Fugu APIs
Implementing Productivity Apps with Angular and Fugu APIs
Talk
BASTA! Spring 2021
Superkräfte für Produktivitäts-PWAs – Project Fugu
Webinar
Thinktecture Webinar – Angular Unit Testing mit Jest Februar 2021
Unit-Testing in Angular mit Jest
Webinar
Thinktecture Webinar – Angular Performance Dezember 2020
Angular-Performance: So zünden Sie den Turbo
Workshop
.NET Developer Conference 2020
Tausche .NET gegen Web: Desktop-Apps als PWA entwickeln
Talk
International JavaScript Conference Munich 2020
Project Fugu: Progressive Web Apps, Superpowered
Talk
International JavaScript Conference Munich 2020
Implementing Productivity Apps with Angular and Fugu APIs
Half Day Workshop
MobileTech Conference & Summit 2020
PWA-Bootcamp: von 0 auf MS Paint (hands-on)
Talk
Codecamp Online Gathering, The One With Frontend
Project Fugu: Progressive Web Apps, Taken to The Next Level
Workshop
International JavaScript Conference Munich 2020
PWA Workshop: Progressive Web Apps, Superpowered
Half Day Workshop
Angular Days Berlin 2020
Angular-Performance: So zünden Sie den Turbo
Half Day Workshop
Angular Days Berlin 2020
Progressive Web Apps mit Angular: Das Web wird nativ(er)
Workshop
BASTA! Hybrid 2020
Hands-on-Workshop: Progressive Web Apps für moderne Cross-Plattform-Lösungen
Talk
BASTA! Hybrid 2020
Electron, Cordova, PWA – was, wann, wie und warum
Talk
BASTA! Hybrid 2020
Progressive Web Apps mit Angular: Tipps für Fortgeschrittene
Webinar
Thinktecture Webinar - PWA Deep Dive Offline September 2020
PWA Deep Dive: Offlineanwendungen im Griff [Webinar]
Talk
International JavaScript Conference London 2020 Online Edition
Project Fugu: Progressive Web Apps, Superpowered
Half Day Workshop
Angular Days München 2020
Angular-Performance: So zünden Sie den Turbo
Talk
International JavaScript Conference London 2020 Online Edition
Web Components: An Overview
Half Day Workshop
Angular Days München 2020
Progressive Web Apps mit Angular: Das Web wird nativ(er)
Webinar
Thinktecture Webinar - Electron, Cordova & PWA - was, wann, wie & warum?
Electron, Cordova & PWA - was, wann, wie & warum?
Talk
DWX Home 2020
Angular für XAML-Entwickler
Webinar
Thinktecture Webinar Angular für XAML-Entwickler
Angular für XAML-Entwickler
Webinar
Thinktecture Webinar PWA Deep Dive
PWA Deep Dive: Offlineanwendungen im Griff
Talk
dev days online
Web Components als Frameworkersatz – das Frontend-Experiment
Workshop
BASTA! 2020 Spring
Progressive Web Apps für moderne Cross-Plattform-Lösungen
Talk
BASTA! 2020 Spring
Electron, Cordova, PWA – was, wann, wie und warum?
Talk
BASTA! 2020 Spring
Progressive Web-Apps mit Angular: Tipps für Fortgeschrittene
Talk
heise MacDev 2019
Progressive Web Apps: Cross-Plattform-Apps über iOS und macOS hinaus
Workshop
.NET Developer Conference 2019
Progressive Web Apps für .NET-Entwickler: Frontend der Zukunft
Talk
GDG DevFest Karlsruhe 2019
Angular Performance: Your App at the Speed of Light
Talk
GDG DevFest Karlsruhe 2019
PWA Update 2019: Modern Web APIs for even better Progressive Web Apps
Talk
International JavaScript Conference Autumn 2019
Advanced Progressive Web Apps: Push notifications under control
Talk
Codecamp Timisoara
Angular Performance: Your App at the Speed of Light
Keynote
Web Developer Conference 2019
The Web in 2020: wohin sich das Web bewegt
Workshop
Angular Days Herbst 2019
Angular-Performance: So zünden Sie den Turbo
Workshop
Angular Days Herbst 2019
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen Anwendung
Workshop
BASTA! 2019
Hands-on Workshop: Progressive Web Apps für moderne Cross-Plattform-Lösungen
Talk
BASTA! 2019
Electron, Cordova, PWA – was, wann, wie und warum
Talk
BASTA! 2019
PWA Deep Dive: Offlineanwendungen im Griff
Talk
NG-DE 2019
Angular Performance: Your App at the Speed of Light
Talk
Developer Week 2019
PWA-Update: Neue Webschnittstellen für noch bessere Progressive Web Apps
Talk
Developer Week 2019
Web-Payments neu gedacht: Abrechnen mit der Payment Request API
Workshop
Dutch PHP Conference 2019
Progressive Web Apps for PHP Developers in action!
Talk
.NET Day Switzerland 2019
Progressive Web Apps for .NET Developers: An Overview
Talk
International JavaScript Conference Spring 2019
Advanced Progressive Web Apps: Push notifications under control
Talk
dotnet Cologne 2019
PWA-Update: Neue Webschnittstellen für noch bessere Progressive Web Apps
Talk
.NET Day Franken 2019
PWA Deep-Dive: Offline-Anwendungen im Griff
Workshop
.NET Day Franken 2019
Frontend der Zukunft: Progressive Web Apps für .NET-Entwickler
Workshop
MobileTech Conference & Summit 2019
Progressive Web-Apps mit Angular: hands-on
Workshop
Angular Days Spring 2019
Progressive Web Apps mit Angular: Das Web wird nativ(er)
Workshop
BASTA! 2019 Spring
Hands-on Workshop: Progressive Web Apps für moderne Cross-Plattform-Lösungen
Talk
BASTA! 2019 Spring
Real-World Angular: Erfahrungen aus (fast) vier Jahren Projektgeschäft
Talk
BASTA! 2019 Spring
PWA Deep Dive: Offlineanwendungen im Griff
Talk
BASTA! 2018
WebAssembly und Blazor - Wie .NET jetzt auch den Browser erobert?