March 20, 2019

Revision 380: Chrome-Devtools-Extension-Entwicklung

1 hour 12 minutes

Eine Rarität! Das komplette Podcast-Kernteam vereint in einer Revision. Keine ganz so große Rarität: der Löwenanteil der Sprechzeit entfällt auf Peter, der einen Einblick in die Entwicklung einer Chrome-Devtools-Extension gibt.

Unser Sponsor

Diese Folge wird gesponsert von Flagbit aus Karlsruhe. Flagbit konzipiert, entwickelt und optimiert Online Shops für seine Kunden und sucht insbesondere Frontend Developer mit Angular und TypeScript Skills für die Entwicklung von (PWA) Storefronts.

Mehr dazu erfahrt ihr unter flagbit.de/karriere/jobs.

Schaunotizen

[00:02:40] Chrome-Devtools-Development

Für Warhol, ein Joint Venture von Peter und Hans, entsteht eine Browser-Extension, von deren Entwicklung Peter lang und breit berichtet. Zu den Herausforderungen zählt die Verteilung der einzelnen Extension-Bauteile über viele verschiedene Browsing Contexts, die Verwendung von TypeScript (@types/chrome hilft) und die nicht besonders strukturierte API-Dokumentation (für Extensions allgemein und für Devtools im Besonderen), in deren Angesicht Stack Overflow Gold wert ist.

[01:09:02] Keine Schaunotizen

Mask Compositing: The Crash Course

Die CSS-Magierin Ana Tudor führt in die Geheimnisse von Mask Composition ein.

Cache-Control for Civilians

Cache-Control Header so erklärt, dass man es auch als Nicht-Performance-Nerd versteht.

@pika/web

JavaScript-Pakete ohne Buildprozesse und sonstigen Overhead im Browser benutzen! Ganz wie früher!

Baldower

Aus der Rubrik „Shameless Plug“: die Musik von Tobi Lessnow

...more