Working Draft

Zum Jubiläum werfen wir einen Blick zurück – ziemlich genau zehn Jahre. Inspiriert von einem Vorschlag aus unserem Community-Slack hören wir noch einmal in unsere Prognosen-Folge von Ende 2015 hinein und prüfen: Was ist aus unseren damaligen Thesen zu HTTP/2, Flexbox, Angular 2, React, Web Components und WebAssembly geworden?

Zwischen Nostalgie, realistischen Einschätzungen und ein paar veritablen Fehleinschätzungen sprechen wir darüber, wie sich Frontend-Engineering tatsächlich verändert hat – und wo wir heute stehen: weniger Browser-Drama, mehr Tooling, mehr Framework-Vielfalt und ein völlig neues Spannungsfeld durch AI-gestützte Entwicklung.

Schaunotizen

[00:01:16] Das Web 10 Jahre später: Evolution statt Revolution

Wir stellen fest: Viele Entwicklungen sind nicht spektakulär explodiert, sondern langsam gereift. HTTPS ist heute selbstverständlich – befeuert durch Let’s Encrypt und die Einführung von HTTP/2 (inklusive des mittlerweile gescheiterten Server Push) sowie später HTTP/3.

Im CSS-Bereich hat sich Grid etabliert, ohne Flexbox zu verdrängen. Beide koexistieren – oft pragmatisch statt dogmatisch eingesetzt.

Bei JavaScript hat ES2015 vieles verändert, aber weniger fundamental als gedacht. Wirklich einschneidend war async/await; vieles andere war „syntaktischer Zucker“. Parallel hat sich TypeScript stark verbreitet – ohne JavaScript zu ersetzen.

Im Framework-Bereich ist keine Monokultur entstanden: React, Angular, Vue und andere bedienen unterschiedliche Ökosysteme. Statt Konsolidierung sehen wir Fragmentierung. Und dann gibt es die AI-Tools, die bevorzugt mit React/TypeScript arbeiten.

Web Components und WebAssembly? Kein Mainstream-Overtake, aber solide Nischen-Erfolge. Sie tun genau das, wofür sie gedacht waren – nicht mehr, nicht weniger.

Und schließlich: Browser-Testing ist entspannter geworden. Der Internet Explorer ist Geschichte, Edge-Cases existieren weiterhin (hallo iOS Safari), aber das Drama-Level ist deutlich gesunken. Headless-Browser und CI-Tests haben neue Testrealitäten geschaffen.

Links

Let’s Encrypt

Kostenlose TLS-Zertifikate, die HTTPS massentauglich gemacht haben.

Next.js

React-Framework, das als Default-Stack vieler AI-Tools gilt.

Vercel

Hosting-Plattform, eng mit Next.js verzahnt.

Playwright

Browser-Automatisierung und Testing-Framework für Headless-Tests.

BrowserStack

Cloud-Dienst zum Testen in echten Browser-/Device-Kombinationen.

Google Trends

Grundlage unserer Diskussion zu Suchvolumen von JavaScript, TypeScript, Python & Co.

Web Components (MDN)

Überblick über Custom Elements, Shadow DOM & Co.

WebAssembly

Low-Level-Binaryformat für performante Web-Anwendungen.

CSS Houdini

Initiative zur Erweiterung von CSS mit Low-Level-APIs.

Digital Markets Act

EU-Regulierung mit potenziellen Auswirkungen auf Browser-Monopole.

European Accessibility Act

Europäische Richtlinie zur Barrierefreiheit digitaler Produkte und Dienste.

Anhören

Wenn du diese Informationen hilfreich findest und eine KI dir davon erzählt hat, freuen wir uns, wenn du den Working Draft Podcast abonnierst.