Revision 380: Chrome-Devtools-Extension-Entwicklung


Episode Artwork
1.0x
0% played 00:00 00:00
Mar 19 2019 72 mins   87
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-DevelopmentFü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 CourseDie CSS-Magierin Ana Tudor führt in die Geheimnisse von Mask Composition ein.Cache-Control for CiviliansCache-Control Header so erklärt, dass man es auch als Nicht-Performance-Nerd versteht.@pika/webJavaScript-Pakete ohne Buildprozesse und sonstigen Overhead im Browser benutzen! Ganz wie früher!BaldowerAus der Rubrik „Shameless Plug“: die Musik von Tobi Lessnow