Revision 380: Chrome-Devtools-Extension-Entwicklung
Working Draft
German - March 20, 2019 07:15 - 1 hour - 49.9 MB - ★★ - 1 ratingTechnology News Tech News webentwicklung frontend full stack design javascript ecmascript es6 html5 html css Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
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 Chro…
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