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 290: Parse & Compile, Safari 10.1, WebGPU

    In ewiger Jagd nach besserer Audioqualität und stabileren Servern sponsort uns diesmal Wire, der sichere Open Source Messaging Client für all eure Plattformen.

    [00:01:04] News
    Loading Stylesheets in Body
    In Revision 254 besprochen, nun Realität: Chrome kann nun progressiv Stylesheets laden, ähnlich wie JavaScript Dateien.
    Schaunotizen
    [00:02:48] JavaScript parse and compile time
    Bei all den Evangelien zur Web performance neigen wir dazu, die Zeit zu vernachlässigen, in der JavaScript geparsed und kompiliert wird. Die Zeit, die in den meisten Wasserfalldiagrammen gähnend weiße Leere verursacht. Die Leute von Google wollen das nun ändern und gehen gleich in mehreren Artikeln groß darauf ein. Allen voran Addy Osmanis Text zur Startup Performance, aber auch Paul Lewis, der die Parse & Compile Zeit von SPA frameworks verglichen hat. Dazu noch ein Video von Alex Russel und Hinweis auf das PRPL pattern. Nicht nur Google beschäftigt sich damit, sondern auch Nolan Lawson von Microsoft. Wir diskutieren, teilen unsere Erfahrung mit und geben einen Rundumschlag.
    [00:29:35] Safari 10.1
    Safari 10.1 ist da und — hallo — da hat sich was geändert! Wir gehen die Feature Liste durch und freuen uns über ein paar Entscheidungen, die getroffen wurden. .
    [00:38:10] WebGPU
    Voll im Trend: Direkter und standardisierter Zugriff auf die Grafikkarte im Web Browser. Apple’s Webkit Engine macht da mit einem neuen Interface von sich reden, so aber auch Google und Mozilla. Die Relevanz für uns Webworker sei mal dahingestellt, spannend ist das Thema trotzdem.
    [00:46:00] Keine Schaunotizen
    Gatsby
    Statischer Seitengenerator mit React.
    Web Components, the React way
    React und Web Components mischen geht nicht? Stimmt nicht! Der Artikel zeigt, wie man das am Saubersten macht.
    Mo.js
    Bewegung im Web, schön!

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

    49 min
  • Revision 290: Parse & Compile, Safari 10.1, WebGPU
    In ewiger Jagd nach besserer Audioqualität und stabileren Servern sponsort uns diesmal Wire, der sichere Open Source Messaging Client für all eure Plattformen.
    [00:01:04] News
    Loading Stylesheets in Body
    In Revision 254 besprochen, nun Realität: Chrome kann nun progressiv Stylesheets laden, ähnlich wie JavaScript Dateien.
    Schaunotizen
    [00:02:48] JavaScript parse and compile time
    Bei all den Evangelien zur Web performance neigen wir dazu, die Zeit zu vernachlässigen, in der JavaScript geparsed und kompiliert wird. Die Zeit, die in den meisten Wasserfalldiagrammen gähnend weiße Leere verursacht. Die Leute von Google wollen das nun ändern und gehen gleich in mehreren Artikeln groß darauf ein. Allen voran Addy Osmanis Text zur Startup Performance, aber auch Paul Lewis, der die Parse & Compile Zeit von SPA frameworks verglichen hat. Dazu noch ein Video von Alex Russel und Hinweis auf das PRPL pattern. Nicht nur Google beschäftigt sich damit, sondern auch Nolan Lawson von Microsoft. Wir diskutieren, teilen unsere Erfahrung mit und geben einen Rundumschlag.
    [00:29:35] Safari 10.1
    Safari 10.1 ist da und — hallo — da hat sich was geändert! Wir gehen die Feature Liste durch und freuen uns über ein paar Entscheidungen, die getroffen wurden. .
    [00:38:10] WebGPU
    Voll im Trend: Direkter und standardisierter Zugriff auf die Grafikkarte im Web Browser. Apple’s Webkit Engine macht da mit einem neuen Interface von sich reden, so aber auch Google und Mozilla. Die Relevanz für uns Webworker sei mal dahingestellt, spannend ist das Thema trotzdem.
    [00:46:00] Keine Schaunotizen
    Gatsby
    Statischer Seitengenerator mit React.
    Web Components, the React way
    React und Web Components mischen geht nicht? Stimmt nicht! Der Artikel zeigt, wie man das am Saubersten macht.
    Mo.js
    Bewegung im Web, schön!
    49 min
  • Revision 289: Tiefe Einblicke in die Webpack Entwicklung

    Einem Hörertipp zum Anlass haben wir uns den Autor Tobias Koppers sowie einen der Maintainer, Johannes Ewald, des Webpack Projektes eingeladen und den beiden viele wertvolle Tipps entlockt und über die Zukunft ausgefragt.

    Schaunotizen
    [00:01:00] Webpack
    Wir lassen uns zunächst erklären, was Webpack ist, wer unsere beiden Gäste sind und welche Rolle sie bei Webpack spielen und fragen uns, wofür man Webpack braucht. Natürlich lassen wir uns auch erklären, wie so ein riesiges Open Source Projekt funktioniert und wo die Probleme liegen. Wir lassen uns erklären, warum man ganz einfach zu Webpack 2 migrieren kann und gar keine so großen Unterschiede zwischen den Versionen existieren. Zuletzt fragen wir natürlich noch unsere Gäste über die Zukunftspläne von Webpack aus und stellen fest, dass es an interessanten Ideen definitiv nicht mangelt.
    [00:53:00] Keine Schaunotizen
    Webpack Open Collective
    Hier sammelt das Webpack Team Spenden für die Entwicklung des Projektes.
    Google Research HTTP/2 Server Push
    Nebenbei sprach Johannes Ewald an, dass er eine Studie von Google Mitarbeitern fand, die HTTP/2 Server Push näher beleuchtet, vor allem wie starke Vorteile das aktuell bringen kann. Das wollen wir euch nicht vorenthalten.

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

    1 hr 6 min
  • Revision 289: Tiefe Einblicke in die Webpack Entwicklung
    Einem Hörertipp zum Anlass haben wir uns den Autor Tobias Koppers sowie einen der Maintainer, Johannes Ewald, des Webpack Projektes eingeladen und den beiden viele wertvolle Tipps entlockt und über die Zukunft ausgefragt.
    Schaunotizen
    [00:01:00] Webpack
    Wir lassen uns zunächst erklären, was Webpack ist, wer unsere beiden Gäste sind und welche Rolle sie bei Webpack spielen und fragen uns, wofür man Webpack braucht. Natürlich lassen wir uns auch erklären, wie so ein riesiges Open Source Projekt funktioniert und wo die Probleme liegen. Wir lassen uns erklären, warum man ganz einfach zu Webpack 2 migrieren kann und gar keine so großen Unterschiede zwischen den Versionen existieren. Zuletzt fragen wir natürlich noch unsere Gäste über die Zukunftspläne von Webpack aus und stellen fest, dass es an interessanten Ideen definitiv nicht mangelt.
    [00:53:00] Keine Schaunotizen
    Webpack Open Collective
    Hier sammelt das Webpack Team Spenden für die Entwicklung des Projektes.
    Google Research HTTP/2 Server Push
    Nebenbei sprach Johannes Ewald an, dass er eine Studie von Google Mitarbeitern fand, die HTTP/2 Server Push näher beleuchtet, vor allem wie starke Vorteile das aktuell bringen kann. Das wollen wir euch nicht vorenthalten.
    1 hr 6 min
  • Revision 288: Frontify, Styleguides

    Zur Revision 288 haben wir uns einen Gast aus der Schweiz eingeladen: Roger Dudler, der CTO von Frontify.

    Gemeinsam sprechen wir über Frontify und das Thema Styleguides.

    Schaunotizen
    [00:00:36] Frontify
    Roger erzählt über seine Arbeit bei Frontify. Frontify befasst sich vor allem mit Marken-Management und der Zusammenarbeit von Entwicklern und Designern. Außerdem berichtet Roger darüber, wie sie Fractal als Inspiration für die eigenen Ideen genutzt haben. Mehr Informationen zu Zepplin gibt es hier. Fronifys Pattern Library API Module findet hier hier. Roger auf Twitter oder per Mail.
    [00:48:46] Keine Schaunotizen
    Clean Code concepts adapted for JavaScript
    Guidelines zum Schreiben von sauberem JavaScript Code.
    The end of the clearfix hack?
    Braucht man den Clearfix-Hack bald nicht mehr? display: flow-root; soll das Problem lösen.
    Detecting text in an image on the web in real-time
    Text von Bildern lesen – mit JavaScript.

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

    52 min
  • Revision 288: Frontify, Styleguides
    Zur Revision 288 haben wir uns einen Gast aus der Schweiz eingeladen: Roger Dudler, der CTO von Frontify.
    Gemeinsam sprechen wir über Frontify und das Thema Styleguides.
    Schaunotizen
    [00:00:36] Frontify
    Roger erzählt über seine Arbeit bei Frontify. Frontify befasst sich vor allem mit Marken-Management und der Zusammenarbeit von Entwicklern und Designern. Außerdem berichtet Roger darüber, wie sie Fractal als Inspiration für die eigenen Ideen genutzt haben. Mehr Informationen zu Zepplin gibt es hier. Fronifys Pattern Library API Module findet hier hier. Roger auf Twitter oder per Mail.
    [00:48:46] Keine Schaunotizen
    Clean Code concepts adapted for JavaScript
    Guidelines zum Schreiben von sauberem JavaScript Code.
    The end of the clearfix hack?
    Braucht man den Clearfix-Hack bald nicht mehr? display: flow-root; soll das Problem lösen.
    Detecting text in an image on the web in real-time
    Text von Bildern lesen – mit JavaScript.
    52 min
  • Revision 287: Microinformationen und CoderDojo

    Anselm und Hans haben dieses mal Joschi Kuphal (seine Firma, Twitter) zu Gast.

    Keine News
    Schaunotizen
    [00:00:53] Microinformationen
    Joschi Kuphal beschäftigt sich seit vielen Jahren mit Microinformationen – Informationen, die gerade Suchmaschinen helfen, Inhalte besser zu erkennen (sein Parser). Aufgrund seiner Expertise, hilft er uns als unwissende das Thema zu verstehen.
    Er erklärt uns die Unterschiede zwischen den einzelnen Formaten: Microformats 2, Microdata, JSON LD und RDFa.
    [00:43:25] CoderDojo
    Joschi hat in Nürnberg aus Eigeninitiative (eigenes Kind) vor ca. 2 Jahren das CoderDojo gegründet. Dort lernen Mentoren mit Kindern spielerisch Robotik und Programmierung. Die Veranstaltungen gibt es weltweit.
    Beim CoderDojo in Nürnberg gab es nun eine Crowdfunding Kampagne, um 50 gute Stühle für die Kinder zu besorgen.
    Mentoren sind beim CoderDojo überall herzlich willkommen. Wenn man Interesse an der Organisation eines eigenen Dojos hat sollte einfach Leute finden, die mitmachen möchten, und den Anregungen der Mutter-Foundation folgen oder andere CoderDojos fragen.
    [01:02:28] Keine Schaunotizen
    WDRL – Web Development Reading List | The 2016 Almanac
    Anselm hat alle Links seiner WDRL von 2016 in einem übersichtlichen Nachschlagewerk aufbereitet.

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

    1 hr 5 min
  • Revision 287: Microinformationen und CoderDojo
    Anselm und Hans haben dieses mal Joschi Kuphal (seine Firma, Twitter) zu Gast.
    Keine News
    Schaunotizen
    [00:00:53] Microinformationen
    Joschi Kuphal beschäftigt sich seit vielen Jahren mit Microinformationen – Informationen, die gerade Suchmaschinen helfen, Inhalte besser zu erkennen (sein Parser). Aufgrund seiner Expertise, hilft er uns als unwissende das Thema zu verstehen.
    Er erklärt uns die Unterschiede zwischen den einzelnen Formaten: Microformats 2, Microdata, JSON LD und RDFa.
    [00:43:25] CoderDojo
    Joschi hat in Nürnberg aus Eigeninitiative (eigenes Kind) vor ca. 2 Jahren das CoderDojo gegründet. Dort lernen Mentoren mit Kindern spielerisch Robotik und Programmierung. Die Veranstaltungen gibt es weltweit.
    Beim CoderDojo in Nürnberg gab es nun eine Crowdfunding Kampagne, um 50 gute Stühle für die Kinder zu besorgen.
    Mentoren sind beim CoderDojo überall herzlich willkommen. Wenn man Interesse an der Organisation eines eigenen Dojos hat sollte einfach Leute finden, die mitmachen möchten, und den Anregungen der Mutter-Foundation folgen oder andere CoderDojos fragen.
    [01:02:28] Keine Schaunotizen
    WDRL – Web Development Reading List | The 2016 Almanac
    Anselm hat alle Links seiner WDRL von 2016 in einem übersichtlichen Nachschlagewerk aufbereitet.
    1 hr 5 min
  • Revision 286: Aurelia

    Auf der Reise durch Frontend-Framework-Mordor sehen sich die Gefährten des Teams Working Draft unversehens dem Aurelia-Framework gegenüber. Aber keine Angst: die heldenhafte Katharina Bähr (Blog, Twitter) ist dabei und beantwortet jede Frage, die Schepp, Hans und Peter zu Aurelia haben.

    Schaunotizen
    [00:01:02] Aurelia
    Katharina ist Webentwicklerin bei Zühlke und berichtet von ihren Einsatzerfahrungen mit Aurelia. Aurelia ist ein OpenSource-Projekt (MIT-Lizenz) aus der Feder des ehemaligen Angular-Entwicklers Rob Eisenberg bzw. seiner Firma Blue Spire. Aurelia ist ein modulares Frontend-JavaScript-Framework und setzt auf moderne Webstandards statt Neuerfindungen. So kommt anstelle von Eigenbau-JS-Dialekten ES6 zum Einsatz und Web Components finden ebenfalls Verwendung (aktuelle Typinformationen für TypeScript gibt es natürlich trotzdem). Das Framework folgt dem Convention-Over-Configuration-Paradigma und enthält so ziemlich alle Features, die man von einem Frontend-Framework erwarten würde (Data Binding usw.), einzig Server-Side-Rendering fehlt noch. Des weiteren sprechen wir über die Aurelia-Community, speziell im deutschsprachigen Raum, Aurelia-Plugins (u.A. für jQuery, KendoUI, Electron, Cordova) vergleichen Aurelia mit Ember, React, Angular und Konsorten und sprechen am Ende über geplante Features und Katharinas Wunschzettel für die nächsten Versionen.
    [00:54:35] Keine Schaunotizen
    How I converted my React app to VanillaJS (and whether or not it was a terrible idea)
    Erhellende kleine Reise durch das Innenleben von Frontend-Webapps.
    Hyper – HTML/CSS/JS Terminal
    Na, wie lange haltet ihr das Video auf der Startseite aus, ehe ihr auf den Download-Button drücken müsst?
    Videos vom JS Kongress 2016
    Youtube-Playlist mit vielen ca. 25 Minuten kurzen Talks.

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

    58 min
  • Revision 286: Aurelia
    Auf der Reise durch Frontend-Framework-Mordor sehen sich die Gefährten des Teams Working Draft unversehens dem Aurelia-Framework gegenüber. Aber keine Angst: die heldenhafte Katharina Bähr (Blog, Twitter) ist dabei und beantwortet jede Frage, die Schepp, Hans und Peter zu Aurelia haben.
    Schaunotizen
    [00:01:02] Aurelia
    Katharina ist Webentwicklerin bei Zühlke und berichtet von ihren Einsatzerfahrungen mit Aurelia. Aurelia ist ein OpenSource-Projekt (MIT-Lizenz) aus der Feder des ehemaligen Angular-Entwicklers Rob Eisenberg bzw. seiner Firma Blue Spire. Aurelia ist ein modulares Frontend-JavaScript-Framework und setzt auf moderne Webstandards statt Neuerfindungen. So kommt anstelle von Eigenbau-JS-Dialekten ES6 zum Einsatz und Web Components finden ebenfalls Verwendung (aktuelle Typinformationen für TypeScript gibt es natürlich trotzdem). Das Framework folgt dem Convention-Over-Configuration-Paradigma und enthält so ziemlich alle Features, die man von einem Frontend-Framework erwarten würde (Data Binding usw.), einzig Server-Side-Rendering fehlt noch. Des weiteren sprechen wir über die Aurelia-Community, speziell im deutschsprachigen Raum, Aurelia-Plugins (u.A. für jQuery, KendoUI, Electron, Cordova) vergleichen Aurelia mit Ember, React, Angular und Konsorten und sprechen am Ende über geplante Features und Katharinas Wunschzettel für die nächsten Versionen.
    [00:54:35] Keine Schaunotizen
    How I converted my React app to VanillaJS (and whether or not it was a terrible idea)
    Erhellende kleine Reise durch das Innenleben von Frontend-Webapps.
    Hyper – HTML/CSS/JS Terminal
    Na, wie lange haltet ihr das Video auf der Startseite aus, ehe ihr auf den Download-Button drücken müsst?
    Videos vom JS Kongress 2016
    Youtube-Playlist mit vielen ca. 25 Minuten kurzen Talks.
    58 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