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

January 14, 2018 Revision 325: Die Web Audio API
Dieses Mal hatten wir Jan Krutisch zu Gast, der mit uns einen Ausflug in die Welt der Synthesizer und Audioeffekte unternahm. Thema war nämlich die Web Audio API, mit der Jan das Glück hat, sich immer wieder beschäftigen zu dürfen, etwa in Form des liv3c0ders oder der Novation Circuit Components.
Schaunotizen
[00:02:53] Die Web Audio API
Wir lernen, dass die Web Audio API einem Fließband-System ähnelt: Gespeist wird es aus einer Ton-Quelle (MP3 oder Oszillator), die im Folgenden durch beliebige viele angestöpselte Modifikator-Stationen verändert wird, bevor das Resultat dann ausgegeben wird. Im einfachsten Fall kommt dabei Kunst heraus, im besten Fall ein Produkt für den Musikbereich, wie Ableton Learning Music oder Loop Drop. Folgende verlinkenswerte Stichworte fielen im Verlauf unseres Gesprächs:
Die Web Midi API: Dank Ihr lassen sich angeschlossene Keyboards & Co zum Steuern der Web Audio API nutzen
Tone.js: Ein Framework zur Audio-Erzeugung, das auf Web Audio API aufsetzt
Little Bits Korg Synth Kit: Ein Baukastensystem, mit dem sich schnell die Grundlagen von Synthesizern lernen lassen
Paul Adenot: Elements of Dance Music – JSConf.Asia 2015: Welche musikalischen Muster gibt es, die in Web Audio angewandt zu gefälliger Musik führen?
Chrome Developers: Web Audio (Part 1 und Part 2): Web Audio Tutorial von Chris Wilson
A Tale of Two Clocks – Scheduling Web Audio with Precision: Wie Web Audio seine eigene Systemuhrzeit hat
Die Web Audio Slack Gruppe: Wer sich über die Web Audio API austauschen möchte ist hier richtig
57 min
December 31, 2017 Revision 324: PHP
Anselm, Hans, Stefan und Schepp haben sich heute Hans-Christian Otto eingeladen, um über das oft missverstandene und viel Spott ausgesetztem PHP zu reden.
Schaunotizen
[00:02:39] PHP
„Ich bin ja eigentlich PHP Entwickler“ ist der Running Gag von Christian bei JavaScript Konferenzen1. Sorgt für Lacher, ist aber durchaus ernst gemeint. Nutzen ja auch viele. Sehr viele. Wir reden über die großen Vorteile, Vorurteile, Nachteile und Nachwehen diverser Versionen, Syntaxen, APIs und Frameworks von PHP. Zu Sprache kommen Symfony, Laravel (samt Laracasts), OPCache, HHVM, PHP7 und Phar. Auch hochexperimentelles ☢️ wie ReactPHP kommt zur Sprache.
Wer schöneres PHP schreiben will, schaut sich den PHP Mess Detector, den Qafoo Blog, das PHP Design Patterns Buch und vor allem die PSRs an.
1 Umgekehrt funktioniert „Ich bin ja eigentlich JavaScript Entwickler“ bei PHP Konferenzen auch.
[01:07:00] Keine Schaunotizen
24 Accessibility
A11Y Advent(s)kalender. Yay!
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 9 min
December 31, 2017 Revision 324: PHP
Anselm, Hans, Stefan und Schepp haben sich heute Hans-Christian Otto eingeladen, um über das oft missverstandene und viel Spott ausgesetztem PHP zu reden.
Schaunotizen
[00:02:39] PHP
„Ich bin ja eigentlich PHP Entwickler“ ist der Running Gag von Christian bei JavaScript Konferenzen1. Sorgt für Lacher, ist aber durchaus ernst gemeint. Nutzen ja auch viele. Sehr viele. Wir reden über die großen Vorteile, Vorurteile, Nachteile und Nachwehen diverser Versionen, Syntaxen, APIs und Frameworks von PHP. Zu Sprache kommen Symfony, Laravel (samt Laracasts), OPCache, HHVM, PHP7 und Phar. Auch hochexperimentelles wie ReactPHP kommt zur Sprache.
Wer schöneres PHP schreiben will, schaut sich den PHP Mess Detector, den Qafoo Blog, das PHP Design Patterns Buch und vor allem die PSRs an.
1 Umgekehrt funktioniert „Ich bin ja eigentlich JavaScript Entwickler“ bei PHP Konferenzen auch.
[01:07:00] Keine Schaunotizen
24 Accessibility
A11Y Advent(s)kalender. Yay!
1 hr 9 min
December 26, 2017 Iteration 323: (Asynchrone) Iteratoren
Hans und Peter sprachen diesmal über SmartSteckdosen mit Wifi, den Spritverbrauch von 4er-BMW und YouPorn. Aufgezeichnet haben Sie aber nur die Diskussion über (asynchrone) Iteratoren in modernem JS.
Schaunotizen
[00:00:14] (Asynchrone) Iteratoren in JavaScript
Das Iterator-Protokoll sorgt dafür, dass allerlei unterschiedliche JS-Objekte wie Maps, Sets, Arrays, Arguments und jQuery-Objekten mit Standard-Sprachkonstrukten wie for-of-Schleifen funktionieren. Schlüsseltechnologie für das Iterator-Protokoll sind Symbols, die String-basierte Protokolle wie __proto__ ersetzen. Das Iterator-Protokoll ist auch die Basis für Asynchrone Funktionen. Die vergleichsweise neue async/await-Syntax macht das direkte Arbeiten mit Callbacks und Promises überflüssig. Neu geplant ist jetzt das Proposal für asynchrone Iteration für z.B. die Arbeit mit Streams. Teil des Proposals ist das neue for-await-of-Statement speziell für asynchrone Iteratoren. Das Propsal ist im ECMAScript-Standardisierungs-Prozess auf Stage 3 angekommen und wird auch bereits von einem Babel-Plugin unterstützt.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
30 min
December 26, 2017 Iteration 323: (Asynchrone) Iteratoren
Hans und Peter sprachen diesmal über SmartSteckdosen mit Wifi, den Spritverbrauch von 4er-BMW und YouPorn. Aufgezeichnet haben Sie aber nur die Diskussion über (asynchrone) Iteratoren in modernem JS.
Schaunotizen
[00:00:14] (Asynchrone) Iteratoren in JavaScript
Das Iterator-Protokoll sorgt dafür, dass allerlei unterschiedliche JS-Objekte wie Maps, Sets, Arrays, Arguments und jQuery-Objekten mit Standard-Sprachkonstrukten wie for-of-Schleifen funktionieren. Schlüsseltechnologie für das Iterator-Protokoll sind Symbols, die String-basierte Protokolle wie __proto__ ersetzen. Das Iterator-Protokoll ist auch die Basis für Asynchrone Funktionen. Die vergleichsweise neue async/await-Syntax macht das direkte Arbeiten mit Callbacks und Promises überflüssig. Neu geplant ist jetzt das Proposal für asynchrone Iteration für z.B. die Arbeit mit Streams. Teil des Proposals ist das neue for-await-of-Statement speziell für asynchrone Iteratoren. Das Propsal ist im ECMAScript-Standardisierungs-Prozess auf Stage 3 angekommen und wird auch bereits von einem Babel-Plugin unterstützt.
30 min
December 11, 2017 Revision 322: Colloq
Linz, München, Köln, Lissabon, Hongkong. Der wohl verteilteste Working Draft bis heute dreht sich um Dinge die entstehen, wenn man gemeinsam an einem Ort ist. So haben Holger Bartel, Tobias Tom und unser hauseigener Anselm eines schönen Tages in Düsseldorf beschlossen, die Event Plattform Colloq ins Leben zu rufen. Wir lauschen der Motivation und lernen aus den Erfahrungen.
Schaunotizen
[00:00:00] Colloq
Wir erfahren von unserem internationalen Trio warum es etwas wie Colloq braucht, wie man ein solches Projekt ins Leben ruft und wie man sich von Datenfriedhöfen à la Lanyrd unterscheiden will. Dahinter stecken ein ausgeklügeltes Geschäftsmodell, viel Planung und ein unpopulärer, dafür wohl viel effizienterer Technologie-Stack aus PHP, eigenen Frameworks und ganz React-freiem JavaScript Code. Gehostet auf Digital Ocean und gecached bis dorthinaus präsentiert sich nicht nur eine gut bedienbare, sondern vor allem entscheidend flotte Plattform, die auch für Meetups taugt. Wie macht man das mit dem Zeitinvestment? Wir erfahren es in einer Projekt-Retrospektive.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
48 min
December 11, 2017 Revision 322: Colloq
Linz, München, Köln, Lissabon, Hongkong. Der wohl verteilteste Working Draft bis heute dreht sich um Dinge die entstehen, wenn man gemeinsam an einem Ort ist. So haben Holger Bartel, Tobias Tom und unser hauseigener Anselm eines schönen Tages in Düsseldorf beschlossen, die Event Plattform Colloq ins Leben zu rufen. Wir lauschen der Motivation und lernen aus den Erfahrungen.
Schaunotizen
[00:00:00] Colloq
Wir erfahren von unserem internationalen Trio warum es etwas wie Colloq braucht, wie man ein solches Projekt ins Leben ruft und wie man sich von Datenfriedhöfen à la Lanyrd unterscheiden will. Dahinter stecken ein ausgeklügeltes Geschäftsmodell, viel Planung und ein unpopulärer, dafür wohl viel effizienterer Technologie-Stack aus PHP, eigenen Frameworks und ganz React-freiem JavaScript Code. Gehostet auf Digital Ocean und gecached bis dorthinaus präsentiert sich nicht nur eine gut bedienbare, sondern vor allem entscheidend flotte Plattform, die auch für Meetups taugt. Wie macht man das mit dem Zeitinvestment? Wir erfahren es in einer Projekt-Retrospektive.
48 min
December 10, 2017 Revision 321: HTTP/2 Server Push
Im Duett über die Tücken der modernen HTTP/2 Server. Mit Anselm und Stefan
[00:00:15] News
Colloq
Anselms Projekt zur Verbesserung der Event-Aufbereitung ist endlich da! Tolles Service für Teilnehmer und Gastgeber
Firefox Quantum
Der neue Firefox ist komplett anders unter der Haube, und dann auch noch sauschnell. Toller Rewrite der in die Jahre gekommenen Browserengine.
Schaunotizen
[00:04:50] HTTP/2 push is tougher than I thought
Jake Archibald kramt einen alten Artikel hoch und macht nochmal darauf aufmerksam, dass im HTTP/2 Land nicht alles heile ist. Anselm und Stefan teilen Erfahrungen und erläutern, warum es nicht mehr die Silberkugel für jedes Problem gibt. Außerdem erwähnen wir die beliebten HTTP/2 Server wie Caddy Server und die sehr fortgeschrittene Implementierung in Node.js
[00:30:12] Keine Schaunotizen
ComLink
Wrapper rund um postMessage() macht Kommunizieren einfacher.
Luxon
Das neue Moment.js mit fescher und moderner API.
Accessible React Apps
Macht eure React Apps barrierefrei. Der Artikel gibt Grundlagentipps und zeigt Tools.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
33 min
December 10, 2017 Revision 321: HTTP/2 Server Push
Im Duett über die Tücken der modernen HTTP/2 Server. Mit Anselm und Stefan
[00:00:15] News
Colloq
Anselms Projekt zur Verbesserung der Event-Aufbereitung ist endlich da! Tolles Service für Teilnehmer und Gastgeber
Firefox Quantum
Der neue Firefox ist komplett anders unter der Haube, und dann auch noch sauschnell. Toller Rewrite der in die Jahre gekommenen Browserengine.
Schaunotizen
[00:04:50] HTTP/2 push is tougher than I thought
Jake Archibald kramt einen alten Artikel hoch und macht nochmal darauf aufmerksam, dass im HTTP/2 Land nicht alles heile ist. Anselm und Stefan teilen Erfahrungen und erläutern, warum es nicht mehr die Silberkugel für jedes Problem gibt. Außerdem erwähnen wir die beliebten HTTP/2 Server wie Caddy Server und die sehr fortgeschrittene Implementierung in Node.js
[00:30:12] Keine Schaunotizen
ComLink
Wrapper rund um postMessage() macht Kommunizieren einfacher.
Luxon
Das neue Moment.js mit fescher und moderner API.
Accessible React Apps
Macht eure React Apps barrierefrei. Der Artikel gibt Grundlagentipps und zeigt Tools.
33 min
December 02, 2017Revision 320: API- und Load-Testing in der Cloud
Dieses mal hatten wir Lars Wolff von Stormforger zu Gast. Stormforger ist ein API- und Load-Testing-Tool, das uns auffiel, weil sich die Testszenarien per JavaScript beschreiben lassen. Darüber wollten wir mehr wissen…
Schaunotizen
[00:02:40] API- und Load-Testing mit Stormforger
Im Laufe unseres Gesprächs fielen diverse Dinge und Themen, die wir verlinken wollten, und Lars hat später noch ein paar mehr dazugepackt. Hier sind sie:
Methoden für Performance Testing
Warum eigentlich die Cloud testen?
Performancetesting 101
[Video] StormForger HTTP Archive Converter
[TALK, VIDEO] How to get started testing RESTful APIs and GraphQL
[TALK, Panel Video, Sketchnote] Last- und Performancetests in der Cloud
perf-tooling.today
highscalability.com
[01:00:01] Keine Schaunotizen
Cologne Web Performance Optimization Group
Das eine Meetup in Köln, in das Lars involviert ist…
AWS Cologne
…und das andere.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 2 min