Working Draft Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer
-
- Tecnología
Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen. Mal mit, mal ohne Gast begeben wir uns in die Tiefen von HTML, CSS, JavaScript oder auch Frameworks wie React, Vue und Angular. Wir diskutieren über gute UX, Web Performance und Barrierefreiheit, sowie ab und an auch über Browser und Webstandards.
Supported uns bei Patreon: https://patreon.com/workingdraft
-
Revision 620: Peak TypeScript
Es ist mal wieder Zeit für (angeblich) TypeScript und (tatsächlich) sehr viele
andere Themen mit Stefan und Peter!
UNSER SPONSOR
Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die
Decke gehen, deine Seite bleibt immer rasend schnell.
mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und
Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur,
benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server
selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs
kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen
Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade
beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine
Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet
bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting.
Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein
erstes Projekt!
SCHAUNOTIZEN
[00:02:16] PEAK TYPESCRIPT
Zum Start erzählen wir uns semi-frustrierende Geschichten aus der
TypeScript-Praxis und diskutieren, ob TypeScript überhaupt bei der
Fehlervermeidung hilft – und wenn nicht, wozu es sonst gut sein könnte. Das
Ausbleiben von Revolutionen in neuen TypeScript-Releases lässt uns vermuten,
dass wir Peak TypeScript erreicht haben. Wir quatschen ein wenig über Rust, Web
Assembly, TypeScript-Externalitäten (z.B. Bugs in Non-TS-Projekten) und machen
am Ende noch einen Speedrun durch die Feature-Listen von TS 5.3, 5.4 und 5.5 -
Revision 619: Svelte Next
In dieser Episode hat sich Schepp mit Svelte Core Team Member Simon Holthausen
(LinkedIn / Mastodon / Twitter) zusammengesetzt, um über die kommende Version
von Svelte zu sprechen: Svelte 5! Leider hatte Simon während der Aufnahme einen
Frosch im Hals 🐸, aber er hat sich tapfer durchgebissen.
UNSER SPONSOR
Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die
Decke gehen, deine Seite bleibt immer rasend schnell.
mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und
Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur,
benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server
selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs
kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen
Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade
beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine
Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet
bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting.
Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein
erstes Projekt!
SCHAUNOTIZEN
[00:01:50] SVELTE 5
Wir starten mit einer Einführung, was Svelte eigentlich ist und wie es sich von
anderen Frameworks unterscheidet. Simon erklärt uns, was Svelte so besonders
macht und warum es sich von anderen beliebten Frameworks abhebt. Anschließend
gehen wir auf den Anlass für das neue Major Release ein. Simon erläutert, warum
es Zeit für Svelte 5 wurde und welche Probleme in Version 4 die Entwickler zum
Handeln bewegt haben.
Die wichtigste Änderung ist das neue Konzept der Runes. Simon gibt uns eine
Einführung in diese Neuerung und erklärt den Unterschied zu den bereits
bekannten Syntaxen und auch zu Signals. Dies hilft uns zu verstehen, wie Runes
das Arbeiten mit Svelte 5 beeinflussen werden.
Wir reden ebenfalls über die neuen Snippets und erfahren, wie diese das Arbeiten
mit Svelte 5 noch einfacher und effizienter machen. Ein weiteres Thema ist die
überarbeitete Template-Syntax für Events. Simon erläutert, warum diese Änderung
notwendig war und welche Vorteile sie mit sich bringt.
Abschließend sprechen wir über den Upgrade-Pfad von Version 4 zu Version 5.
Simon erklärt, wie der Upgrade-Prozess abläuft und welche Stolpersteine zu
beachten sind. Zum Schluss sprechen wir darüber, was das Core-Team nach dem
großen Release plant. Wird direkt an neuen Features gearbeitet oder ist erst
einmal Urlaub angesagt? -
Revision 618: Internationalisierung – Teil 2
Herzlich willkommen zum zweiten Teil unserer Mini-Serie zur
Internationalisierung. In dieser Folge tauchen wir gemeinsam mit Schepp tiefer
in die Herausforderungen und Best Practices ein, die mit der Anpassung von
digitalen Produkten für unterschiedliche Märkte und Kulturen verbunden sind.
In dieser Folge bauen wir auf der Revision 613, dem ersten Teil, auf und
beleuchten weitere vielfältige Aspekte, die bei der Internationalisierung
berücksichtigt werden müssen, beispielsweise, wenns um Währungen oder die
Uhrzeit geht.
SCHAUNOTIZEN
[00:01:30]
Wir starten mit Use-Cases und Problemen aus der Community in die
Internationalisierung.
Danach geht’s weiter mit weiteren Themen:
* Telefone: Verschiedene Vorwahlnummern und Formate.
* Datum und Zeit: Unterschiedliche Datums- und Uhrzeitformate, Sommer- und
Winterzeit.
* Geld: Verschiedene Währungen und Untereinheiten.
* Einheiten: Unterschiedliche Maßeinheiten (z.B. metrisches System vs.
imperiales System).
* Kultur: Kulturelle Gepflogenheiten (z.B. Glücks- und Unglückszahlen, Farben).
Danke an den Schepp, dass du uns die Themen näher gebracht hast. -
Revision 617: Die CODE – eine Hochschule wie man sie sich wünscht
In diese Revision haben wir Thomas „Tom“ Bachem aus Berlin zu Gast. Tom ist
Unternehmer, Softwareentwickler, Angel-Investor, und vor allem Gründer der
innovativen Tech-Hochschule CODE. Und um die geht es in dieser Folge auch.
UNSER SPONSOR
Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet
Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über
80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig
unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative
Weiterbildungsangebote zu schaffen.
Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und
Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker,
Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale
Angular.DE, ReactJS.DE und VueJS.DE.
Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich
Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid
ihr bei Workshops.DE genau richtig.
SCHAUNOTIZEN
[00:02:20] CODE BERLIN
„CODE“ steht als Akronym für „Curiosity Driven Education“ – dem Lernkonzept
hinter der Hochschule. Gegründet hat Tom sie, weil er selbst so eine Art Ansatz
in seiner Jugend vermisst hat. Wir diskutieren über individualisierte
Lernansätze, kollaboratives projektbasiertes Lernen und die Bedeutung von
Inspiration und Peer-Learning in der Tech-Branche. Wir sprechen über die starke
Networking-Kultur, die an der CODE forciert und gepflegt wird, über die
zahlreich von ehemaligen CODE-Student*innen gegründeten Startups und über die
breite Unterstützung der Projekts CODE durch deutsche Unternehmer. -
Revision 616: Signals 2 – Reactive Boogaloo
Irgendein Spezialexperte dachte sich, dass ein Proposal für die Standardisierung
von Signals Grund genug sei, einen Nachfolger von Revision 572 aufzunehmen. Hört
euch gern an, wie der Spezialexperte zusammen mit Stefan und Gast Bernhard Mayr
(Mastodon, Twitter) zum zweiten Mal erfolglos versucht, den Signals-Hype zu
verstehen.
SCHAUNOTIZEN
[00:01:12] SIGNAAAAAALS!
Das Signals-Proposal lädt zu Vergleichen mit dem (eingeschlafenen) Proposal für
Standard-Observables ein. Wie bei Signals gibt es reichlich JS-Implementierungen
(RxJS, Bacon.js) und nicht wirklich einen offensichtlich erkennbaren Drang nach
der einen Standard-Lösung. Wir spekulieren dennoch über Alternativen zu (und
besseren Wegen für) Standard-Signals (z.B. ein Standard-Event-Target als Schritt
0), über die Motivation (offizielle Angaben hierzu sind eher dünn), Perspektiven
der Weiterentwicklung von JavaScript allgemein und den Zustand des
ECMAScript-Standards und des größeren JS-Ökosystems. -
Revision 615: Glücksrad gone off the Track
Mit Gast Hans-Christian Otto (Chef bei Suora und Tröter bei
@muhdiekuh@ruhr.social) starteten Schepp und Peter einen Glücksrad-Versuch.
UNSER SPONSOR
Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet
Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über
80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig
unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative
Weiterbildungsangebote zu schaffen.
Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und
Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker,
Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale
Angular.DE, ReactJS.DE und VueJS.DE.
Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich
Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid
ihr bei Workshops.DE genau richtig.
SCHAUNOTIZEN
[00:11:13] POPOVER UND DIE WEITERENTWICKLUNG DER WEB-PLATTFORM ALLGEMEIN
Über das Popover-Attribut nebst der kompletten Popover-API und das verwandte
-Element entspann sich eine Diskussion über Polyfills (u.A. für die
Popover-API) und die Weiterentwicklung der Webplattform allgemein. Von
Turbolinks über View Transitions bis zu ExtJS und TailwindCSS und ts-reset
mäandern wird und glauben, auf Abschweif-Rekordkurs zu sein …
[01:04:38] CHARACTER CLASS ESCAPES
Peter glaubt, endlich mal ungestört über reguläre Ausdrücke und speziell das
v-Flag und seine Implikationen für Unicode Character Class Escapes referieren zu
dürfen, doch wir bleiben nur kurz beim Thema. magic-regexp, ein Proposal für den
x-Mode sowie eine Empfehlung für Regexr passen noch in den Relevanzkorrididor,
doch das lässt sich über die Folgethemen nur bedingt sagen. Unter anderen
sprechen wir über:
* den PHP-Package-Manager Composer
* TurbineCSS, ein altes Projekt von Schepp und Peter
* die Programmiersprache MUMPS
* die ähnlich elegante Programmiersprache Go
* Optionale Tags im Google HTML-Guide
* Peters Artikel zu MutationObserver-Performance
* Intersection Observers
* das scrollmargin-Feature des Intersection Observer
* die checkVisibility-API
* Lazy Loading in seinen diversen Facetten