Working Draft

Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNewsTechnologyEducationHow ToTech News
Download on the App Store

Working Draft episodes

  • Revision 186: RESTful API Design

    Hans, Schepp und Stefan erzählen diesmal von ihren Erfahrungen in der Zusammenarbeit zwischen Backend und Frontend Entwicklern bei Schnittstellendefinitionen.

    [00:00:16] News
    YUI
    Yahoo stellt die Entwicklung des in die Jahre gekommenen YUI Frameworks ein. Bei der künftigen Technologiewahl durchaus zu berücksichtigen.
    Schaunotizen
    [00:01:06] Schnittstellendesign
    Schepp und Stefan resümieren über ein paar Tools für Entwickler, die sich für das reibungslose Schnittstellendesign eignen, und werfen mit Apiary die neue Offenbarung für kollaborative API Definitionen in den Raum, das wir an dieser Stelle noch einmal jedem ans Herz legen wollen. Zusätzlich spricht man über das „perfekte Lehrbuchprojekt“: Saubere Definitionen, Mock-Objekte, Unit Tests und Co. So wie es halt sein soll. Weiters auf der Empfehlungs-Liste: Fat Free PHP Framework und Postman. REST in peace!
    [00:32:55] Keine Schaunotizen
    Regex Editoren
    Debuggex und Regex 101 sind zwei Regex Testing Tools, die gut visualisieren wie euer regulärer Ausdruck funktioniert.
    perf.fail
    Von den Performance Gurus zur Schau gestellte Fehltritte, die durchaus zu vermeiden gewesen wären. Gutes Lehrmaterial.
    P5.js
    Schöne Visualisierungen mit angenehmer API? P5.js macht das.

    Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

    37 min
  • Revision 186: RESTful API Design
    Hans, Schepp und Stefan erzählen diesmal von ihren Erfahrungen in der Zusammenarbeit zwischen Backend und Frontend Entwicklern bei Schnittstellendefinitionen.
    [00:00:16] News
    YUI
    Yahoo stellt die Entwicklung des in die Jahre gekommenen YUI Frameworks ein. Bei der künftigen Technologiewahl durchaus zu berücksichtigen.
    Schaunotizen
    [00:01:06] Schnittstellendesign
    Schepp und Stefan resümieren über ein paar Tools für Entwickler, die sich für das reibungslose Schnittstellendesign eignen, und werfen mit Apiary die neue Offenbarung für kollaborative API Definitionen in den Raum, das wir an dieser Stelle noch einmal jedem ans Herz legen wollen. Zusätzlich spricht man über das „perfekte Lehrbuchprojekt“: Saubere Definitionen, Mock-Objekte, Unit Tests und Co. So wie es halt sein soll. Weiters auf der Empfehlungs-Liste: Fat Free PHP Framework und Postman. REST in peace!
    [00:32:55] Keine Schaunotizen
    Regex Editoren
    Debuggex und Regex 101 sind zwei Regex Testing Tools, die gut visualisieren wie euer regulärer Ausdruck funktioniert.
    perf.fail
    Von den Performance Gurus zur Schau gestellte Fehltritte, die durchaus zu vermeiden gewesen wären. Gutes Lehrmaterial.
    P5.js
    Schöne Visualisierungen mit angenehmer API? P5.js macht das.
    37 min
  • Revision 185: JS Debuggingstrategien & Network Information API

    Die aktuelle Folge in (fast) vollständiger Besetzung mit einer Diskussion zum Thema JavaScript Debugging und zur neuen Netzwerk Analyse API.

    [00:00:30] News
    Sass 3.4 is Released
    Sass 3.4 ist draußen mit einigen Kleinigkeiten. Beim Upgrade ist auf die Kompatibilität zu alten Versionen zu achten.
    Schaunotizen
    [00:00:50] JavaScript Fehlerbehebungstrategien
    Peter startete eine Umfrage per Twitter, wie Developer JavaScript Fehler analysieren. Wir diskutieren die beiden Ansätze.
    Hans benutzt in erster Linie console.log, weil ihm das Debugging zu umständlich ist, und vielleicht auch weil er keine Übung hat. Wenn er ganz viel Details braucht, dann greift er zum Debugger. Im Verhältnis: eine Verteilung von 80% console.log vs. 20% Debugger.
    Meist wird zum Debugger gegriffen, wenn man herausfinden will, wo eine Veränderung ursprünglich herkommt. Wenn man nur Werte analysieren will, nimmt man üblicherweise die Konsole.
    Ein Tipp kommt von Peter. Er nutzt console.log als bool’schen Wert für einen bedingten Breakpoint im Debugger, um sich Werte ausgeben zu lassen, ohne wirklich console.log in den JavaScript-Code zu schreiben. Außerdem hat er den Eindruck, dass der Debugger nicht angenehm zu bedienen ist, und er ist manchmal zu punktuell und zu detailliert. Manchmal will man eher weniger tief und in der Breite Code analysieren.
    Stefan nutzt gerne die Debugger-eigene Konsole.
    [00:17:17] HTML5: Network Information API – Tuts+ Code Tutorial
    Stefan meint, über die API kann eine Webseite entscheiden, wie „fett“ sie daherkommen will. Peter weißt aber darauf hin, dass die gelieferten Infos, respektive die Folgerungen daraus ganz schön daneben liegen können. Peter fragt sich also, warum entwickeln Google und Co. so eine unbrauchbare API? Schepp meint der Usecase könnte in ChromeOS liegen (vgl. W3C Use Cases). Anselm meint, man kann vielleicht auf bestimmte, „sichere“ Abfragen, also z.B. die Abfrage nach „Cellular“, gehen kann. Peter sieht die einzige brauchbare Umsetzung von soetwas in der Art wie Youtube es tut. Anselm liest folgende von der Spec genannten Use Cases vor: Die BBC-Seite warnt bei „Cellular“ den Benutzer vor dem Start vor hohen Kosten. Ein weiterer Use Case: der Firefox Marketplace bietet nur dann eine SMS-basierte Authentifizierung an, wenn beim Endgerät „Cellular“ entdeckt wird. Anselm sieht den Vorteil gegenüber dem Youtube-Verfahren darin, dass die API viel leichter einzubinden und abzufragen ist. Peter meint weiterhin, die API sei nicht zu gebrauchen.
    [00:40:57] Keine Schaunotizen
    grunt-split-images
    CSS in verschiedene Dateien verteilen, die zum einen Layout, zum anderen Stylingbilder betreffen. Letztere lässt sich dann praktisch per Lazy Loading nachladen.
    Building markdown-based developer docs
    Markdown-basierte Dokumentation im Code, die sich automatisiert auslesen lässt.
    Let’s build a browser engine!
    Ein Tutorial, das beschreibt, wie man eine eigene Browser Engine bauen kann.
    How to secure your site in an afternoon
    SSL für die eigene Website in nur wenigen Schritten.

    Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

    46 min
  • Revision 185: JS Debuggingstrategien & Network Information API
    Die aktuelle Folge in (fast) vollständiger Besetzung mit einer Diskussion zum Thema JavaScript Debugging und zur neuen Netzwerk Analyse API.
    [00:00:30] News
    Sass 3.4 is Released
    Sass 3.4 ist draußen mit einigen Kleinigkeiten. Beim Upgrade ist auf die Kompatibilität zu alten Versionen zu achten.
    Schaunotizen
    [00:00:50] JavaScript Fehlerbehebungstrategien
    Peter startete eine Umfrage per Twitter, wie Developer JavaScript Fehler analysieren. Wir diskutieren die beiden Ansätze.
    Hans benutzt in erster Linie console.log, weil ihm das Debugging zu umständlich ist, und vielleicht auch weil er keine Übung hat. Wenn er ganz viel Details braucht, dann greift er zum Debugger. Im Verhältnis: eine Verteilung von 80% console.log vs. 20% Debugger.
    Meist wird zum Debugger gegriffen, wenn man herausfinden will, wo eine Veränderung ursprünglich herkommt. Wenn man nur Werte analysieren will, nimmt man üblicherweise die Konsole.
    Ein Tipp kommt von Peter. Er nutzt console.log als bool’schen Wert für einen bedingten Breakpoint im Debugger, um sich Werte ausgeben zu lassen, ohne wirklich console.log in den JavaScript-Code zu schreiben. Außerdem hat er den Eindruck, dass der Debugger nicht angenehm zu bedienen ist, und er ist manchmal zu punktuell und zu detailliert. Manchmal will man eher weniger tief und in der Breite Code analysieren.
    Stefan nutzt gerne die Debugger-eigene Konsole.
    [00:17:17] HTML5: Network Information API – Tuts+ Code Tutorial
    Stefan meint, über die API kann eine Webseite entscheiden, wie „fett“ sie daherkommen will. Peter weißt aber darauf hin, dass die gelieferten Infos, respektive die Folgerungen daraus ganz schön daneben liegen können. Peter fragt sich also, warum entwickeln Google und Co. so eine unbrauchbare API? Schepp meint der Usecase könnte in ChromeOS liegen (vgl. W3C Use Cases). Anselm meint, man kann vielleicht auf bestimmte, „sichere“ Abfragen, also z.B. die Abfrage nach „Cellular“, gehen kann. Peter sieht die einzige brauchbare Umsetzung von soetwas in der Art wie Youtube es tut. Anselm liest folgende von der Spec genannten Use Cases vor: Die BBC-Seite warnt bei „Cellular“ den Benutzer vor dem Start vor hohen Kosten. Ein weiterer Use Case: der Firefox Marketplace bietet nur dann eine SMS-basierte Authentifizierung an, wenn beim Endgerät „Cellular“ entdeckt wird. Anselm sieht den Vorteil gegenüber dem Youtube-Verfahren darin, dass die API viel leichter einzubinden und abzufragen ist. Peter meint weiterhin, die API sei nicht zu gebrauchen.
    [00:40:57] Keine Schaunotizen
    grunt-split-images
    CSS in verschiedene Dateien verteilen, die zum einen Layout, zum anderen Stylingbilder betreffen. Letztere lässt sich dann praktisch per Lazy Loading nachladen.
    Building markdown-based developer docs
    Markdown-basierte Dokumentation im Code, die sich automatisiert auslesen lässt.
    Let’s build a browser engine!
    Ein Tutorial, das beschreibt, wie man eine eigene Browser Engine bauen kann.
    How to secure your site in an afternoon
    SSL für die eigene Website in nur wenigen Schritten.
    46 min
  • Revision 184: Web Components Type Extension und Rework.css

    Zwei Stühle, drei Meinungen: Beschaulich kleine Runde mit angenehmen Fortbildungsfaktor.

    Schaunotizen
    [00:00:17] Rework.css
    Stefan hat sich näher mit dem Rework.css Framework beschäftigt, einer Node.js Bibliothek die CSS Manipulationen erlaubt, und unter anderem den Grundstein für Projekte wie das auf die Nase gefallene Myth oder Styl legt. Auch Nicolas Ghallagers SUIT Framework bekommt dadurch eine Zwischensprache. Wir erklären, dass man durch die plugingestützte Architektur sich schnell ein ganz passables Tool stricken kann um sich — nicht unähnlich zum Autoprefixer — bei etlichen Standardaufgaben die Drecksarbeit erledigen zu lassen. Zaubern wird man aber dennoch nicht können.
    [00:23:44] Why Web Components are ready for production
    Web Components sind ja im Moment der letzte Schrei, doch wenn man sich die Kompatibilitätstabelle ansieht, schaut es abseits der Blink-Umgebungen — von generellem Commitment abgesehen — eher düster aus. TJ Van Toll meint allerdings, dass man gewisse Bereiche aus dem Gebiet der Web Components auch schon heute verwenden kann. Peter nimmt diesen Artikel zum Anlass um über seine jüngsten Recherchen zum Thema Type Extensions zu referieren, die mittlereile auch von Github im Live Environment eingesetzt werden.
    [00:50:15] Keine Schaunotizen
    Tablesaw
    Das dreckige Dutzend an Responsive Tables Techniken, vereint in einer knackigen JavaScript Library von der Filament Group.

    Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

    53 min
  • Revision 184: Web Components Type Extension und Rework.css
    Zwei Stühle, drei Meinungen: Beschaulich kleine Runde mit angenehmen Fortbildungsfaktor.
    Schaunotizen
    [00:00:17] Rework.css
    Stefan hat sich näher mit dem Rework.css Framework beschäftigt, einer Node.js Bibliothek die CSS Manipulationen erlaubt, und unter anderem den Grundstein für Projekte wie das auf die Nase gefallene Myth oder Styl legt. Auch Nicolas Ghallagers SUIT Framework bekommt dadurch eine Zwischensprache. Wir erklären, dass man durch die plugingestützte Architektur sich schnell ein ganz passables Tool stricken kann um sich — nicht unähnlich zum Autoprefixer — bei etlichen Standardaufgaben die Drecksarbeit erledigen zu lassen. Zaubern wird man aber dennoch nicht können.
    [00:23:44] Why Web Components are ready for production
    Web Components sind ja im Moment der letzte Schrei, doch wenn man sich die Kompatibilitätstabelle ansieht, schaut es abseits der Blink-Umgebungen — von generellem Commitment abgesehen — eher düster aus. TJ Van Toll meint allerdings, dass man gewisse Bereiche aus dem Gebiet der Web Components auch schon heute verwenden kann. Peter nimmt diesen Artikel zum Anlass um über seine jüngsten Recherchen zum Thema Type Extensions zu referieren, die mittlereile auch von Github im Live Environment eingesetzt werden.
    [00:50:15] Keine Schaunotizen
    Tablesaw
    Das dreckige Dutzend an Responsive Tables Techniken, vereint in einer knackigen JavaScript Library von der Filament Group.
    53 min
  • Revision 183: Web Manifest Spec und Links

    Schepp und Peter zogen mit Heldenmut in die Schlacht gegen das Sommerloch. Aber ob das alleine reicht?

    Schaunotizen
    [00:00:16] The Web Manifest specification
    Der HTML5 Doctor verbreitet die Kunde kündet von der Web Manifest specification, einem Entwurf für ein Webapp-Metadaten-Format. Peter findet es gut, Schepp ist eher gedämpft begeistert. Wir reden über installierbare Webapps, Service Workers, App Cache, humans.txt und Open Web Platform Daily Digest.
    [00:28:38] Keine Schaunotizen
    Markov Chains
    Markow-Ketten bunt und animiert erklärt.
    Understanding SVG Coordinate Systems & Transformations
    Epische dreiteilige SVG-Artikelserie aus der Feder Sara Soueidans.

    Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

    31 min
  • Revision 183: Web Manifest Spec und Links
    Schepp und Peter zogen mit Heldenmut in die Schlacht gegen das Sommerloch. Aber ob das alleine reicht?
    Schaunotizen
    [00:00:16] The Web Manifest specification
    Der HTML5 Doctor verbreitet die Kunde kündet von der Web Manifest specification, einem Entwurf für ein Webapp-Metadaten-Format. Peter findet es gut, Schepp ist eher gedämpft begeistert. Wir reden über installierbare Webapps, Service Workers, App Cache, humans.txt und Open Web Platform Daily Digest.
    [00:28:38] Keine Schaunotizen
    Markov Chains
    Markow-Ketten bunt und animiert erklärt.
    Understanding SVG Coordinate Systems & Transformations
    Epische dreiteilige SVG-Artikelserie aus der Feder Sara Soueidans.
    31 min
  • Revision 182: Agile Methoden, responsive Bilder und noch eine Verlosung

    Wer bei uns einen guten Kommentar abgibt ist dann auch gleich mal Gast im Podcast. So geschehen mit David Hasenbeck, der noch einiges an Feedback zu Revision 174 in petto hatte.

    Schaunotizen
    [00:00:23] Agile Methoden
    David erklärt mit vier Jahren Scrum-Master Erfahrung, was es nun eigentlich mit dieser mittlerweile zum Usus gewordenen Projektmanagement-Strategie auf sich hat. Er reduziert das Prinzip auf zwei ganz grundlegende Regeln, erzählt von den verschiedenen Rollen und deren Aufgaben und gibt vor allem Klarheit, warum es in Ordnung ist, sich das System für den eigenen Use Case zurechtzubiegen. Schepp und Stefan streuen noch Kanban als Planungsalternative ein, das gewisse Ähnlichkeiten besitzt, aber doch ganz anders funktionieren kann.
    [00:34:00] Responsive Images sind da!
    Jubelt und jauchzet! Es ist soweit! Die ersten Implementierungen für Responsive Images sind in den Blink-Browsern gelandet. Und Firefox zieht nach. Mit Ende Oktober erwartet man sich in der RICG eine entsprechend großflächige Abdeckung. Und doch war es ein harter Weg, den vor allem Host Anselm mitbestritten hat. Peter und Anselm erzählen vom Weg zur Spezifikation, die mittlerweile abgesegnet und implementiert ist, und was es mit picture-Element, sizes und srcset auf sich hat. Lektüre dazu: Anselms Präsentation von der WWNRW und der umfangreiche Artikel bei Opera. Guter Polyfill: Picturefill.
    [01:14:07] Keine Schaunotizen
    tracking.js
    Face-Tracking und andere Bildverarbeitungsalgorithmen im Browser? tracking.js macht’s möglich.
    CSS Triggers
    Paul Lewis recherchiert, welche CSS Properties einen Repaint auslösen.
    Zwei Tickets für die Coldfront
    Wir verlosen zwei Karten für die Coldfront Conference in Dänemark.

    Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

    1 hr 19 min
  • Revision 182: Agile Methoden, responsive Bilder und noch eine Verlosung
    Wer bei uns einen guten Kommentar abgibt ist dann auch gleich mal Gast im Podcast. So geschehen mit David Hasenbeck, der noch einiges an Feedback zu Revision 174 in petto hatte.
    Schaunotizen
    [00:00:23] Agile Methoden
    David erklärt mit vier Jahren Scrum-Master Erfahrung, was es nun eigentlich mit dieser mittlerweile zum Usus gewordenen Projektmanagement-Strategie auf sich hat. Er reduziert das Prinzip auf zwei ganz grundlegende Regeln, erzählt von den verschiedenen Rollen und deren Aufgaben und gibt vor allem Klarheit, warum es in Ordnung ist, sich das System für den eigenen Use Case zurechtzubiegen. Schepp und Stefan streuen noch Kanban als Planungsalternative ein, das gewisse Ähnlichkeiten besitzt, aber doch ganz anders funktionieren kann.
    [00:34:00] Responsive Images sind da!
    Jubelt und jauchzet! Es ist soweit! Die ersten Implementierungen für Responsive Images sind in den Blink-Browsern gelandet. Und Firefox zieht nach. Mit Ende Oktober erwartet man sich in der RICG eine entsprechend großflächige Abdeckung. Und doch war es ein harter Weg, den vor allem Host Anselm mitbestritten hat. Peter und Anselm erzählen vom Weg zur Spezifikation, die mittlerweile abgesegnet und implementiert ist, und was es mit picture-Element, sizes und srcset auf sich hat. Lektüre dazu: Anselms Präsentation von der WWNRW und der umfangreiche Artikel bei Opera. Guter Polyfill: Picturefill.
    [01:14:07] Keine Schaunotizen
    tracking.js
    Face-Tracking und andere Bildverarbeitungsalgorithmen im Browser? tracking.js macht’s möglich.
    CSS Triggers
    Paul Lewis recherchiert, welche CSS Properties einen Repaint auslösen.
    Zwei Tickets für die Coldfront
    Wir verlosen zwei Karten für die Coldfront Conference in Dänemark.
    1 hr 19 min

About Working Draft

From the publisher's feed

Working Draft ist der deutschsprachige Podcast für Frontend-Entwicklung, Webdesign und UI Engineering.

More shows like Working Draft

Bits und so by Undsoversum GmbH

Bits und so

26 Listeners

Freak Show by Metaebene Personal Media - Tim Pritlove

Freak Show

9 Listeners

AstroGeo - Geschichten aus Astronomie und Geologie by Karl Urban und Franziska Konitzer

AstroGeo - Geschichten aus Astronomie und Geologie

3 Listeners

Geschichten aus der Geschichte by Richard Hemmer und Daniel Meßner

Geschichten aus der Geschichte

177 Listeners

c’t uplink - der IT-Podcast aus Nerdistan by c’t Magazin

c’t uplink - der IT-Podcast aus Nerdistan

9 Listeners

Stay Forever - Retrogames & Technik by Stay Forever Team

Stay Forever - Retrogames & Technik

34 Listeners

Logbuch:Netzpolitik by Metaebene Personal Media - Tim Pritlove

Logbuch:Netzpolitik

5 Listeners

programmier.bar – der Podcast für App- und Webentwicklung by programmier.bar

programmier.bar – der Podcast für App- und Webentwicklung

0 Listeners

Podcasts von Tichys Einblick by Tichys Einblick

Podcasts von Tichys Einblick

21 Listeners

eat.READ.sleep. Der Podcast, der das Lesen feiert. by NDR

eat.READ.sleep. Der Podcast, der das Lesen feiert.

24 Listeners

Finanzen ganz einfach - von Saidi, Sophie & Emil by Finanztip

Finanzen ganz einfach - von Saidi, Sophie & Emil

8 Listeners

Lanz + Precht by ZDF, Markus Lanz & Richard David Precht

Lanz + Precht

325 Listeners

{ungeskriptet} - Der Meinungsfreiheit verpflichtet. by Ben Berndt

{ungeskriptet} - Der Meinungsfreiheit verpflichtet.

45 Listeners

KI-Update – ein heise-Podcast by Isabel Grünewald, heise online

KI-Update – ein heise-Podcast

9 Listeners

Engineering Kiosk by Wolfgang Gassler, Andy Grunwald

Engineering Kiosk

0 Listeners