Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNews Technology Education How To Tech News

Working Draft episodes

November 05, 2017 Revision 315: React Lizenzänderung, abortable fetch
Stefan und Anselm behandeln im Duett zwei News und schmücken Sie zum vollen Thema aus.
Schaunotizen
[00:00:30] React Lizenzänderung
Die toxische BSD+Patents Lizenz, wie ist sie entstanden, was sind die Probleme, und warum ändert Facebook jetzt alles. Wir erklären und n00ben in der großen Open Source Lizenzwelt herum.
[00:19:44] Abortable fetch
Stell dir vor du machst eine fesche API und jeder ist so „Prima, wie mach ich das jetzt wieder weg?“. Fetch-calls kann man im Firefox und bald auch in Edge und Chrome wieder abbrechen. Damit wird die schöne, neue Promise-basierte API zum vollwertigen XHR Ersatz.
[00:26:45] Keine Schaunotizen
The Miracle of Generators
Toller Talk von Bodil Stokke zum Thema ES Generatoren auf der Frontendconf.
Script’18
Stefans JavaScript Konferenz geht in die nächste Runde. Das Line-Up inkludiert Leute wie Simona Cotin, Phil Hawksworth, Charlie Gerard und den Vue.js Erfinder Evan You.
31 min
October 20, 2017 Revision 314: DDD, CQRS und WTF
Gast Golo Roden (Twitter, Github, Webseite) erleuchtet in dieser Revision Hans und Peter in Sachen Domain Driven Design sowie Command and Query Responsibility Seggregation. Aufgrund technischer Schwierigkeiten bei der Aufnahme, gibt es diesmal nur unseren Gast in hoher Audioqualität.
Schaunotizen
[00:01:21] DDD, CQRS, WTF
DDD (Domain Driven Design) ist ein Pattern zum Übersetzen von fachlichen Anforderungen in Software und versteht sich als Gegenentwurf zu CRUD. Anhand des Beispiels einer Urlaubsantragsverwaltung erklärt Golo, wie DDD funktioniert. Mit dem Label CQRS wird die Verteilung der Architektur auf zwei Datenbanken(eine für den Store, eine für denormalisierte View-Daten) beschrieben. Unterschiedliche Datenbanksysteme kommen für unterschiedliche Anforderungen (z.B. Postgres oder Apache Kafka als Event Store, MongoDB für Snapshots) zum Einsatz. Golo hat mit Wolkenkit auch ein eigenes Dual License-DDD-Framework (Docs, Slack).
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
56 min
October 19, 2017 Revision 314: DDD, CQRS und WTF
Gast Golo Roden (Twitter, Github, Webseite) erleuchtet in dieser Revision Hans und Peter in Sachen Domain Driven Design sowie Command and Query Responsibility Seggregation. Aufgrund technischer Schwierigkeiten bei der Aufnahme, gibt es diesmal nur unseren Gast in hoher Audioqualität.
Schaunotizen
[00:01:21] DDD, CQRS, WTF
DDD (Domain Driven Design) ist ein Pattern zum Übersetzen von fachlichen Anforderungen in Software und versteht sich als Gegenentwurf zu CRUD. Anhand des Beispiels einer Urlaubsantragsverwaltung erklärt Golo, wie DDD funktioniert. Mit dem Label CQRS wird die Verteilung der Architektur auf zwei Datenbanken(eine für den Store, eine für denormalisierte View-Daten) beschrieben. Unterschiedliche Datenbanksysteme kommen für unterschiedliche Anforderungen (z.B. Postgres oder Apache Kafka als Event Store, MongoDB für Snapshots) zum Einsatz. Golo hat mit Wolkenkit auch ein eigenes Dual License-DDD-Framework (Docs, Slack).
56 min
October 13, 2017 Revision 313: Origin Trials
In dieser eher kurz geratenen Episode schauen Hans und Schepp sich das recht neue Konzept der Origin Trials an.
[00:00:16] News
Yarn 1.0
Yarn 1.0 ist raus und bietet neuerdings Workspaces.
Schaunotizen
[00:00:40] Origin Trials
Mit den Origin Trials setzt (zunächst) das Chrome-Team eine Idee um, über die wir vor zwei Jahren in einer Folge mit Jacob Rossi sprachen. Das Problem, das die Origin Trials lösen wollen, ist dass es für Browserhersteller bislang schwierig war, neue Features in der Breite zu testen, ohne dass Entwickler sie in ihrer unfertigen Form aufgreifen und damit Fakten für die Zukunft schaffen. Der Trend geht ja schon einige Zeit weg von vendor-prefixten Vorabversionen hin zu einem Feature-Flag-System. Das Problem am Feature-Flag-System ist jedoch, dass nur die Entwickler selbst etwas testen können, sie das Feature aber nicht an ihren Usern testen können. Das geht nun mit den Origin Trials. Bei diesen beantragt ein Seitenbesitzer, dass für die Besucher seiner Domain ein bestimmtes, derzeit verfügbares Vorab-Feature im Browser für eine begrenzte Zeit freigeschaltet wird. Das Feature kann also in der Breite getestet werden,
ohne sich dauerhaft festzusetzen.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
20 min
October 13, 2017 Revision 313: Origin Trials
In dieser eher kurz geratenen Episode schauen Hans und Schepp sich das recht neue Konzept der Origin Trials an.
[00:00:16] News
Yarn 1.0
Yarn 1.0 ist raus und bietet neuerdings Workspaces.
Schaunotizen
[00:00:40] Origin Trials
Mit den Origin Trials setzt (zunächst) das Chrome-Team eine Idee um, über die wir vor zwei Jahren in einer Folge mit Jacob Rossi sprachen. Das Problem, das die Origin Trials lösen wollen, ist dass es für Browserhersteller bislang schwierig war, neue Features in der Breite zu testen, ohne dass Entwickler sie in ihrer unfertigen Form aufgreifen und damit Fakten für die Zukunft schaffen. Der Trend geht ja schon einige Zeit weg von vendor-prefixten Vorabversionen hin zu einem Feature-Flag-System. Das Problem am Feature-Flag-System ist jedoch, dass nur die Entwickler selbst etwas testen können, sie das Feature aber nicht an ihren Usern testen können. Das geht nun mit den Origin Trials. Bei diesen beantragt ein Seitenbesitzer, dass für die Besucher seiner Domain ein bestimmtes, derzeit verfügbares Vorab-Feature im Browser für eine begrenzte Zeit freigeschaltet wird. Das Feature kann also in der Breite getestet werden,
ohne sich dauerhaft festzusetzen.
20 min
September 15, 2017 Revision 312: Zusammenarbeit von Designern und Entwicklern
Hans und Peter durften diesmal David Hellmann und Justin Schueler auf der Podcast-Gästeliste begrüßen, mit denen sie über die ewig komplizierte Zusammenarbeit von Designern und Entwicklern sprachen.
Schaunotizen
[00:01:29] Designer sind vom Mars, Entwickler von der Venus
Unter dem Groben Thema „Zusammenarbeit von Devs und Designern“ geht es rund um alle denkbaren Probleme und Vorgehensweisen, vom althergebrachten Photoshop-in-CSS-übersetzen bis hin zu agiler Entwicklung mit Design und Konzeption. Als empfehlenswerte Software-Tools empfehlen unsere Gäste natürlich Sketch, Zeplin, Invision und Abstract. Am Ende sprechen wir auch kurz über den Kampf gegen Strukturen und etablierte, alte Prozesse, den jeder geneigte Freund der agilen Methoden nur zu gut kennt.
[00:55:20] Keine Schaunotizen
webdevs – der Podcast
Im webdevs Podcast wird in lockerer Runde über verschiedenste Themen aus Design und Development geschnackt.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
58 min
September 15, 2017 Revision 312: Zusammenarbeit von Designern und Entwicklern
Hans und Peter durften diesmal David Hellmann und Justin Schueler auf der Podcast-Gästeliste begrüßen, mit denen sie über die ewig komplizierte Zusammenarbeit von Designern und Entwicklern sprachen.
Schaunotizen
[00:01:29] Designer sind vom Mars, Entwickler von der Venus
Unter dem Groben Thema „Zusammenarbeit von Devs und Designern“ geht es rund um alle denkbaren Probleme und Vorgehensweisen, vom althergebrachten Photoshop-in-CSS-übersetzen bis hin zu agiler Entwicklung mit Design und Konzeption. Als empfehlenswerte Software-Tools empfehlen unsere Gäste natürlich Sketch, Zeplin, Invision und Abstract. Am Ende sprechen wir auch kurz über den Kampf gegen Strukturen und etablierte, alte Prozesse, den jeder geneigte Freund der agilen Methoden nur zu gut kennt.
[00:55:20] Keine Schaunotizen
webdevs – der Podcast
Im webdevs Podcast wird in lockerer Runde über verschiedenste Themen aus Design und Development geschnackt.
58 min
September 13, 2017 Revision 311: CSS-Klassen und Binär-ASTs
Stefan und Peter befassten sich diese Woche mit Theorie und Praxis von CSS-Klassen-Benennung und warfen einen Blick auf das geplante binäre JS-AST-Format.
Schaunotizen
[00:00:09] CSS Utility Classes and „Separation of Concerns“
Adam Wathan illustriert in einem Blogpost seine Reise durch diverse CSS-Klassen-Benennungs-Paradigmen und wir sind mit an Bord. In Phase 1 steht der Traum der „semantischen Klassen“ im Vordergrund (illustriert durch den guten alten CSS Zen Garden), Phase 2 dreht sich um BEM und die Behandlung von Klassen als CSS-HTML-Bridge und in Phase 3 endet der Autor bei allen Ernstes bei Atomic CSS. Wir halten uns mit Kritik an den diversen besonders extremistischen Paradigmen nicht zurück. Peter mag BEM (mit Ausnahmen), Stefan steht auf Scalable CSS mit Harry Roberts mit Inverted Triangle (ITCSS).
[00:35:44] Towards a JavaScript Binary AST
In aller Kürze werfen wir einem Blick auf das kommende binäre AST-Format (AST = Abstract Syntax Tree, vgl. Esprima) für JavaScript. Dieser verspricht besseres Minifying und vor allem schnelleres Parsing.
[00:57:16] Keine Schaunotizen
Font-size: An Unexpectedly Complex CSS Property
Ein kleiner Blick in den sehr tiefen Abgrund, den die CSS-Eigenschaft font-size darstellt.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr
September 13, 2017 Revision 311: CSS-Klassen und Binär-ASTs
Stefan und Peter befassten sich diese Woche mit Theorie und Praxis von CSS-Klassen-Benennung und warfen einen Blick auf das geplante binäre JS-AST-Format.
Schaunotizen
[00:00:09] CSS Utility Classes and „Separation of Concerns“
Adam Wathan illustriert in einem Blogpost seine Reise durch diverse CSS-Klassen-Benennungs-Paradigmen und wir sind mit an Bord. In Phase 1 steht der Traum der „semantischen Klassen“ im Vordergrund (illustriert durch den guten alten CSS Zen Garden), Phase 2 dreht sich um BEM und die Behandlung von Klassen als CSS-HTML-Bridge und in Phase 3 endet der Autor bei allen Ernstes bei Atomic CSS. Wir halten uns mit Kritik an den diversen besonders extremistischen Paradigmen nicht zurück. Peter mag BEM (mit Ausnahmen), Stefan steht auf Scalable CSS mit Harry Roberts mit Inverted Triangle (ITCSS).
[00:35:44] Towards a JavaScript Binary AST
In aller Kürze werfen wir einem Blick auf das kommende binäre AST-Format (AST = Abstract Syntax Tree, vgl. Esprima) für JavaScript. Dieser verspricht besseres Minifying und vor allem schnelleres Parsing.
[00:57:16] Keine Schaunotizen
Font-size: An Unexpectedly Complex CSS Property
Ein kleiner Blick in den sehr tiefen Abgrund, den die CSS-Eigenschaft font-size darstellt.
1 hr
September 08, 2017Revision 310: Service Worker – Bericht aus der Praxis
Weil Schepp sich in letzter Zeit auch mit Service Workern beschäftigt hat, und weil sowohl Microsoft als auch Apple an ihnen arbeiten, ließen Hans und Anselm sich von ihm ein paar Erfahrungen aus der Praxis berichten.
Schaunotizen
[00:00:14] Service Worker
Schepp berichtete, wir es Service Worker in erster Linie zur Steigerung der Ladezeiten, wie auch zur Offlinifizierung einsetzt. Nicht ohne sich dabei in einem asynchronen Script-Dschungel zu verstricken, dem man am besten mit async/await-Konstrukten entgegentritt. Hilfreich beim Einarbeiten in das Thema sind verschiedene Online-Tutorials, Howtos und Tools, als da wären:
Das Service Worker Cookbook
Lighthouse (auch als CLI, mit mehr Freiheiten)
sonar
PWA Builder
Die Service Worker Toolbox und ihre verschiedenen Cache-Strategien
Alexander Pope: ServiceWorkers Outbreak: index-sw-9a4c43b4b47781ca619eaaf5ac1db.js | JSConf EU 2017
[00:31:07] Keine Schaunotizen
You’re Offline
Max Böck beschäftigt sich als einer von wenigen mit der Frage, wie eine UI reagieren sollte, wenn man offline geht.
How many users resize their browser?
Zitat: „TL;DR: 2-3% of users resize their browser, and you should care.“
Performance and Resilience: Stress-Testing Third Parties
Harry Roberts erklärt, wie man die Auswirkungen von 3rd Party Scripten auf die eigene Webseite analysiert und quantifiziert, und wie man die eigene Seite gegen Ausfälle bei externen Anbietern abhärtet.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
36 min