<p>Anselm und Hans haben dieses mal <a href="https://jkphl.is/">Joschi Kuphal</a> (<a href="https://tollwerk.de/">seine Firma</a>, <a href="https://twitter.com/jkphl">Twitter</a>) zu Gast.</p>
<h3>Keine News</h3>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:53] Microinformationen</dt>
<dd>
Joschi Kuphal beschäftigt sich seit vielen Jahren mit Microinformationen &#8211; Informationen, die gerade Suchmaschinen helfen, Inhalte besser zu erkennen (<a href="https://micrometa.jkphl.is">sein Parser</a>). Aufgrund seiner Expertise, hilft er <a href="http://workingdraft.de/262/">uns als unwissende</a> das Thema zu verstehen.<br />
Er erklärt uns die Unterschiede zwischen den einzelnen Formaten: <a href="http://microformats.org/wiki/microformats2">Microformats 2</a>, <a href="https://www.w3.org/TR/microdata/">Microdata</a>, <a href="http://json-ld.org/">JSON LD</a> und <a href="http://rdfa.info/">RDFa</a>.
</dd>
<dt>[00:43:25] CoderDojo</dt>
<dd>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.<br />
Beim CoderDojo in Nürnberg gab es nun eine <a href="https://coderdojo-nbg.org/take-a-seat.html">Crowdfunding Kampagne</a>, um 50 gute Stühle für die Kinder zu besorgen.<br />
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 <a href="https://coderdojo.com/">Mutter-Foundation</a> folgen oder andere CoderDojos fragen.</dd>
</dl>
<h3>[01:02:28] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://wdrl.info/almanac/2016">WDRL – Web Development Reading List | The 2016 Almanac</a></dt>
<dd>Anselm hat alle Links seiner WDRL von 2016 in einem übersichtlichen Nachschlagewerk aufbereitet.</dd>
</dl>


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 Microin…

Working Draft

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.

Revision 287: Microinformationen und CoderDojo

<p>Auf der Reise durch Frontend-Framework-Mordor sehen sich die Gefährten des Teams Working Draft unversehens dem <a href="http://aurelia.io/">Aurelia-Framework</a> gegenüber. Aber keine Angst: die heldenhafte <strong>Katharina Bähr</strong> (<a href="http://kabaehr.de/">Blog</a>, <a href="https://twitter.com/kabaehr?lang=en">Twitter</a>) ist dabei und beantwortet jede Frage, die Schepp, Hans und Peter zu Aurelia haben.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:02] <a href="http://aurelia.io/">Aurelia</a></dt>
<dd>Katharina ist Webentwicklerin bei <a href="https://www.zuehlke.com">Zühlke</a> und berichtet von ihren Einsatzerfahrungen mit Aurelia. Aurelia ist ein OpenSource-Projekt (MIT-Lizenz) aus der Feder des <a href="http://eisenbergeffect.bluespire.com/leaving-angular/">ehemaligen</a> Angular-Entwicklers <a href="http://eisenbergeffect.bluespire.com/">Rob Eisenberg</a> bzw. seiner Firma <a href="http://bluespire.com/">Blue Spire</a>. 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 <a href="https://github.com/aurelia/typings">Typinformationen für TypeScript</a> 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.</dd>
</dl>
<h3>[00:54:35] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://hackernoon.com/how-i-converted-my-react-app-to-vanillajs-and-whether-or-not-it-was-a-terrible-idea-4b14b1b2faff#.atydg6mjy">How I converted my React app to VanillaJS (and whether or not it was a terrible idea)</a></dt>
<dd>Erhellende kleine Reise durch das Innenleben von Frontend-Webapps.</dd>
<dt><a href="https://hyper.is/">Hyper &#8211; HTML/CSS/JS Terminal</a></dt>
<dd>Na, wie lange haltet ihr das Video auf der Startseite aus, ehe ihr auf den Download-Button drücken müsst?</dd>
<dt><a href="https://www.youtube.com/playlist?list=PL8ajgHZ7PoCtMSlPCt2TTRyI6dRN3vPCf">Videos vom JS Kongress 2016</a></dt>
<dd>Youtube-Playlist mit vielen ca. 25 Minuten kurzen Talks.</dd>
</dl>


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, Twit…

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.

Revision 286: Aurelia

<p>Zum Jahresende haben sich Hans, Anselm, Schepp und Stefan niemand geringeren als <a href="https://twitter.com/smashingmag">Vitaly Friedman</a> vom Smashing Magazine eingeladen, um<br />
ausgiebig über aktuelle Trends, Vitalys Werdegang und natürlich das Smashing Magazine zu plaudern.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:24] <a href="https://smashingmagazine.com">Vitaly Friedman</a></dt>
<dd>
Vitaly erzählt uns von seinem Werdegang: Aufgewachsen in Weißrussland kommt er zur Jahrtausendwende nach Deutschland und bringt sich im Autodidakt die nötigen Dinge fürs Web Design bei (und schwört immer noch auf Adobe Imagestyler). Nach einigen Projekten landet er bei Doktor Web und schließlich beim Smashing Magazine.
</dd>
<dt>[00:18:50] <a href="https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/">Web Performance</a> und <a href="https://www.smashingmagazine.com/taking-pattern-libraries-next-level/">Style Guides</a></dt>
<dd>
Vitaly ist auch als Consultant unterwegs und berät weltweit Firmen zu UX und Technikthemen. Aktuell beschäftigt er sich sehr stark mit Web Performance (siehe oben) und <a href="https://www.smashingmagazine.com/taking-pattern-libraries-next-level/">Pattern Libraries</a>. Wir plaudern über aktuelle Technologien und Tools zu diesen Themen, und sind sehr begeistert von <a href="http://airbnb.design/airshots-discovering-a-workflow-for-app-screenshots/">Air/Shots</a>, HTTP/2 und <a href="https://zeplin.io/">Zeplin</a>.
</dd>
<dt>[00:49:52] Des Frequent Flyers Geldspartipps.</dt>
<dd>
Vitaly fliegt viel. Sehr, sehr viel. Viele Reisen bedeuten auch viele kleine Optimierungsmöglichkeiten, wie man das maximale aus einem minimalen Flugbudget bekommt.
</dd>
<dt>[01:12:54] <a href="https://www.smashingmagazine.com/2016/08/behind-the-scenes-what-it-takes-to-publish-a-smashing-article/">Schreiben für das Smashing Magazine</a></dt>
<dd>
Das Smashing Magazine hat sich von einer Top-Ten-Listen-Seite zu einem der renommiertesten Web Magazine gemausert. Dazu gehört eine unglaublich genaue Qualitätskontrolle und auch viel Ausmusterung des Contents. Vitaly erzählt über den Review Prozess, Stefan steuert seine eigenen Erfahrungen bei.
</dd>
</dl>


Zum Jahresende haben sich Hans, Anselm, Schepp und Stefan niemand geringeren als
Vitaly Friedman vom Smashing Magazine eingeladen, um
ausgiebig über aktuelle Trends, Vitalys Werdegang und natürlich da…

Zum Jahresende haben sich Hans, Anselm, Schepp und Stefan niemand geringeren als
Vitaly Friedman vom Smashing Magazine eingeladen, um
ausgiebig über aktuelle Trends, Vitalys Werdegang und natürlich das Smashing
Magazine zu plaudern.


SCHAUNOTIZEN

[00:01:24] VITALY FRIEDMAN

Vitaly erzählt uns von seinem Werdegang: Aufgewachsen in Weißrussland kommt er
zur Jahrtausendwende nach Deutschland und bringt sich im Autodidakt die nötigen
Dinge fürs Web Design bei (und schwört immer noch auf Adobe Imagestyler). Nach
einigen Projekten landet er bei Doktor Web und schließlich beim Smashing
Magazine.

[00:18:50] WEB PERFORMANCE UND STYLE GUIDES

Vitaly ist auch als Consultant unterwegs und berät weltweit Firmen zu UX und
Technikthemen. Aktuell beschäftigt er sich sehr stark mit Web Performance (siehe
oben) und Pattern Libraries. Wir plaudern über aktuelle Technologien und Tools
zu diesen Themen, und sind sehr begeistert von Air/Shots, HTTP/2 und Zeplin.

[00:49:52] DES FREQUENT FLYERS GELDSPARTIPPS.

Vitaly fliegt viel. Sehr, sehr viel. Viele Reisen bedeuten auch viele kleine
Optimierungsmöglichkeiten, wie man das maximale aus einem minimalen Flugbudget
bekommt.

[01:12:54] SCHREIBEN FÜR DAS SMASHING MAGAZINE

Das Smashing Magazine hat sich von einer Top-Ten-Listen-Seite zu einem der
renommiertesten Web Magazine gemausert. Dazu gehört eine unglaublich genaue
Qualitätskontrolle und auch viel Ausmusterung des Contents. Vitaly erzählt über
den Review Prozess, Stefan steuert seine eigenen Erfahrungen bei.

Revision 285: Plausch mit Vitaly Friedman

<p>Vor ziemlich genau <a href="http://workingdraft.de/246/">einem Jahr</a> telefonierten Rodney und Schepp sich zusammen, und starteten den Versuch einer Technologie-Prognose für das nachfolgende Jahr: Welche brandneuen Technologien, Frameworks, Tools und Methodiken würden 2016 Fahrt aufnehmen? Heute blicken wir zu dritt zurück auf diese Folge und schauen, was davon eingetreten ist. Soviel lässt sich sagen: Wir lagen bei mindestens so vielen Vermutungen richtig, wie wir auch falsch lagen. Ganz am Ende wagen wir sogar noch einen vorsichtigen Ausblick auf 2017.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:14] Der Jahr-2016-Progonosen-Check</dt>
<dd>Folgende URLs passierten im Verlauf der Diskussion unsere Browser-Adresszeilen:</p>
<ul>
<li><a href="https://jakearchibald.github.io/isserviceworkerready/">Is Service Worker ready yet?</a></li>
<li><a href="https://trends.builtwith.com/ssl/SSL-by-Default">Sites using SSL by Default</a></li>
<li><a href="https://trends.builtwith.com/docinfo/HTTP2">Sites using HTTP/2</a></li>
<li><a href="https://en.wikipedia.org/wiki/HTTP/2#Software_and_services_supporting_HTTP.2F2">Software and Services supporting HTTP/2</a></li>
<li><a href="http://meyerweb.com/eric/thoughts/2016/01/15/subgrids-considered-essential/">Subgrids considered essential</a></li>
</ul>
</dd>
</dl>


Vor ziemlich genau einem Jahr telefonierten Rodney und Schepp sich zusammen, und
starteten den Versuch einer Technologie-Prognose für das nachfolgende Jahr:
Welche brandneuen Technologien, Frameworks,…

Vor ziemlich genau einem Jahr telefonierten Rodney und Schepp sich zusammen, und
starteten den Versuch einer Technologie-Prognose für das nachfolgende Jahr:
Welche brandneuen Technologien, Frameworks, Tools und Methodiken würden 2016
Fahrt aufnehmen? Heute blicken wir zu dritt zurück auf diese Folge und schauen,
was davon eingetreten ist. Soviel lässt sich sagen: Wir lagen bei mindestens so
vielen Vermutungen richtig, wie wir auch falsch lagen. Ganz am Ende wagen wir
sogar noch einen vorsichtigen Ausblick auf 2017.


SCHAUNOTIZEN

[00:00:14] DER JAHR-2016-PROGONOSEN-CHECK

Folgende URLs passierten im Verlauf der Diskussion unsere Browser-Adresszeilen:



 * Is Service Worker ready yet?
 * Sites using SSL by Default
 * Sites using HTTP/2
 * Software and Services supporting HTTP/2
 * Subgrids considered essential

Revision 284: Rückblick und Ausblick

<p>Zur Revision 283 des Working Draft durften wir wieder einmal zwei Gäste empfangen. Mit dabei waren <a href="http://christoph-rumpel.com/">Christoph Rumpel</a>, den ihr bereits aus der <a href="http://workingdraft.de/147/">Revisionen 147</a> kennt, und <a href="https://github.com/codebryo">Roman Kuba</a>, der noch nicht dabei war. Geballte Österreichische Power im Haus!</p>
<p>Die beiden brachten jeweils ein Thema mit, das wir ausführlich diskutieren konnten.</p>
<h3>Keine News</h3>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:25] <a href="https://vuejs.org/">vue.js</a></dt>
<dd>Der neue Rising Star am JavaScript-Framework-Himmel ist ohne Zweifel vue.js. Roman klärt uns auf, was <a href="https://blog.codeship.com/consider-vuejs-next-web-project/">das Framework so toll macht</a> und wie er darauf kam. Wir diskutieren Unterschiede und Parallelen zu den bekannten Frameworks Angular.js und React.js. Für alle Interessierten bietet der <a href="https://vuejsfeed.com/">Vue.js Feed</a> alle News. Den erwähnten <a href="https://laracasts.com/series/learning-vue-step-by-step">Laracast findet ihr hier</a>.</dd>
<dt>[00:41:07] Chatbots</dt>
<dd>Auch auf dem aufsteigenden Ast befinden sich Chatbots. Die kleinen Helferchen stehen uns in Form von Siri und &#8222;OK Google&#8220; ständig zur Verfügung. Allerdings verbirgt sich dahinter so viel mehr. Christoph hat sich mit dem Thema ausführlicher beschäftigt und berichtet unter anderem von der <a href="https://liechtenecker.at/die-chatbotconf-2016/">ersten Chatbot-Conference</a> und <a href="https://liechtenecker.at/tools/nela/">Gehversuche mit Chatbots in seiner Agentur</a>.</dd>
</dl>
<h3>[01:10:47] Keine Schaunotizen</h3>
<dl>
<dt><a href="http://www.fullstackradio.com/50">Fullstack Radio &#8211; Vue.js</a></dt>
<dd>Ein weiterer Podcast zum Thema Vue.js.</dd>
<dt><a href="http://m.me/nelabot">NELA Chatbot</a></dt>
<dd>Der erste Chatbot, den Christophs Agentur Liechtenecker entwickelte.</dd>
</dl>


Zur Revision 283 des Working Draft durften wir wieder einmal zwei Gäste
empfangen. Mit dabei waren Christoph Rumpel, den ihr bereits aus der Revisionen
147 kennt, und Roman Kuba, der noch nicht dabei …

Zur Revision 283 des Working Draft durften wir wieder einmal zwei Gäste
empfangen. Mit dabei waren Christoph Rumpel, den ihr bereits aus der Revisionen
147 kennt, und Roman Kuba, der noch nicht dabei war. Geballte Österreichische
Power im Haus!

Die beiden brachten jeweils ein Thema mit, das wir ausführlich diskutieren
konnten.


KEINE NEWS


SCHAUNOTIZEN

[00:01:25] VUE.JS

Der neue Rising Star am JavaScript-Framework-Himmel ist ohne Zweifel vue.js.
Roman klärt uns auf, was das Framework so toll macht und wie er darauf kam. Wir
diskutieren Unterschiede und Parallelen zu den bekannten Frameworks Angular.js
und React.js. Für alle Interessierten bietet der Vue.js Feed alle News. Den
erwähnten Laracast findet ihr hier.

[00:41:07] CHATBOTS

Auch auf dem aufsteigenden Ast befinden sich Chatbots. Die kleinen Helferchen
stehen uns in Form von Siri und „OK Google“ ständig zur Verfügung. Allerdings
verbirgt sich dahinter so viel mehr. Christoph hat sich mit dem Thema
ausführlicher beschäftigt und berichtet unter anderem von der ersten
Chatbot-Conference und Gehversuche mit Chatbots in seiner Agentur.


[01:10:47] KEINE SCHAUNOTIZEN

FULLSTACK RADIO – VUE.JS

Ein weiterer Podcast zum Thema Vue.js.

NELA CHATBOT

Der erste Chatbot, den Christophs Agentur Liechtenecker entwickelte.

Revision 283: vue.js und Chatbots

<p>
Ein weiteres Mal widmen wir uns Googles <a href="https://www.ampproject.org/">AMP</a>. Um nach der <a href="http://workingdraft.de/251/">Revision mit dem AMP-Projektleiter</a> auch mal die Nutzerperspektive kennen zu lernen, luden wir uns <a href="https://twitter.com/tobiasblock">Tobias Block</a> aus Düsseldorf ein, der sich als Mobile-Frontend-Developer für <a href="http://www.rp-online.de/">RP-Online</a> verdingt und uns Einblicke aus der täglichen AMP-Praxis gab.
</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:20] AMP aus Anwenderperspektive</dt>
<dd>Nach einem kurzen AMP-Überblick kommen wir zum Kernfeature von AMP: eine komplexen Webseite eines großen Unternehmens ist mit AMP einfach schnell zu machen. Wir sprechen unter anderem über AMP und Werbung, Erträge, Links, Pageviews mit AMP, vergleichen AMP mit normalen mobilen Webseiten, spekulieren über finstere Machenschaften auf Seiten von Google, Features und noch offene Wünsche und wie sich AMP als Werkzeug auf Ganze-Firma-Skala betrachten lässt.</dd>
</dl>


Ein weiteres Mal widmen wir uns Googles AMP. Um nach der Revision mit dem
AMP-Projektleiter auch mal die Nutzerperspektive kennen zu lernen, luden wir uns
Tobias Block aus Düsseldorf ein, der sich als…

Ein weiteres Mal widmen wir uns Googles AMP. Um nach der Revision mit dem
AMP-Projektleiter auch mal die Nutzerperspektive kennen zu lernen, luden wir uns
Tobias Block aus Düsseldorf ein, der sich als Mobile-Frontend-Developer für
RP-Online verdingt und uns Einblicke aus der täglichen AMP-Praxis gab.


SCHAUNOTIZEN

[00:01:20] AMP AUS ANWENDERPERSPEKTIVE

Nach einem kurzen AMP-Überblick kommen wir zum Kernfeature von AMP: eine
komplexen Webseite eines großen Unternehmens ist mit AMP einfach schnell zu
machen. Wir sprechen unter anderem über AMP und Werbung, Erträge, Links,
Pageviews mit AMP, vergleichen AMP mit normalen mobilen Webseiten, spekulieren
über finstere Machenschaften auf Seiten von Google, Features und noch offene
Wünsche und wie sich AMP als Werkzeug auf Ganze-Firma-Skala betrachten lässt.

Revision 282: AMP aus Anwenderperspektive

<p>Stefan hat sich heute <a href="https://twitter.com/nikgraf">Nik Graf</a> und <a href="https://twitter.com/mxstbr">Max Stoiber</a> vom <a href="http://www.meetup.com/de-DE/Vienna-ReactJS-Meetup/">React Vienna</a> Meetup eingeladen um die diesjährige <a href="https://reactiveconf.com/">Reactive Conf</a> und den aktuellen State of React zu besprechen. Viel Spaß!</p>
<h3>[00:00:18] News</h3>
<dl>
<dt><a href="https://reactiveconf.com/">Node.js 7.0 Release</a></dt>
<dd>Node 7 ist draußen und zu 98% ES2015 kompatibel.</dd>
</dl>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:40] The State of React</dt>
<dd>Wir plaudern ausgiebig über die Tage vor und während der Reactive Conference. Beginnend beim letzten React Vienna Meetup bis hin zu den großen Ankündigungen und die kommenden Projekte. Um unseren anhaltenden Bewusstsseinstrom zu verfolgen gibt es hier eine Linkliste mit den wichtigsten Beiträgen:</p>
<ul>
<li><a href="https://github.com/zeit/next.js">Next.js</a></li>
<li><a href="https://github.com/jordwalke/vimbox">Vimbox</a></li>
<li><a href="https://www.cypress.io/">Cypress</a></li>
<li><a href="https://flowtype.org/">Flowtype</a></li>
<li><a href="http://elm-lang.org/">Elm</a></li>
<li><a href="https://github.com/terezka/elm-plot">Elm Plot</a></li>
<li><a href="https://facebook.github.io/reason/">Reason</a></li>
<li><a href="https://www.youtube.com/watch?v=zyLpvEyv7l0">A life on the command line</a></li>
<li><a href="http://graphql.org/">Graph QL</a></li>
<li><a href="https://facebook.github.io/relay/">Relay</a></li>
</ul>
</dd>
</dl>


Stefan hat sich heute Nik Graf und Max Stoiber vom React Vienna Meetup
eingeladen um die diesjährige Reactive Conf und den aktuellen State of React zu
besprechen. Viel Spaß!


[00:00:18] NEWS

NODE.JS…

Stefan hat sich heute Nik Graf und Max Stoiber vom React Vienna Meetup
eingeladen um die diesjährige Reactive Conf und den aktuellen State of React zu
besprechen. Viel Spaß!


[00:00:18] NEWS

NODE.JS 7.0 RELEASE

Node 7 ist draußen und zu 98% ES2015 kompatibel.


SCHAUNOTIZEN

[00:00:40] THE STATE OF REACT

Wir plaudern ausgiebig über die Tage vor und während der Reactive Conference.
Beginnend beim letzten React Vienna Meetup bis hin zu den großen Ankündigungen
und die kommenden Projekte. Um unseren anhaltenden Bewusstsseinstrom zu
verfolgen gibt es hier eine Linkliste mit den wichtigsten Beiträgen:



 * Next.js
 * Vimbox
 * Cypress
 * Flowtype
 * Elm
 * Elm Plot
 * Reason
 * A life on the command line
 * Graph QL
 * Relay

Revision 281: State of React

<p>Hans, Stefan und Schepp besprechen heute den kürzlich veröffentlichten Paketmanager Yarn und die &#8222;Styled Components&#8220; CSS Lösung für React.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:51] <a href="https://code.facebook.com/posts/1840075619545360">Yarn</a></dt>
<dd>
  Yarn schickt sich an als neuer Paket-Manager für NPM und Bower die ultimative Lösung für den Web-Entwickler von heute zu sein, der sowohl am Front-End als auch bei Node die bestmöglichen Ergebnisser erzielt: Schnell, stabil, sicher. Und mit einem Lockfile der sichere Garant auf allen Plattformen zu jeder Zeit einen bestimmten Status herstellen zu können. Mit Facebook, Google und <a href="http://yehudakatz.com/2016/10/11/im-excited-to-work-on-yarn-the-new-js-package-manager-2/">Yehuda Katz</a> an Bord ist die Hersteller-Runde ziemlich prominent besetzt und Garant für langfristigen Fortbestand.<br />
  Wir haben Yarn getestet und sind ein wenig in die Tiefen vorgedrungen: Wie arbeitet das Lockfile und der daraus resultierende Dependency Tree? Wie <a href="https://shift.infinite.red/npm-vs-yarn-cheat-sheet-8755b092e5cc#.q739apzbs">unterscheidet er sich von NPM</a>, und im Speziellen vom <a href="https://medium.com/@boennemann/avoid-yarn-for-packages-and-fully-enjoy-its-benefits-for-application-development-8bdd4deb33cf#.24pfiyfmj">shrinkwrap feature</a> der NPM CLI? Wie funktioniert das Zusammenspiel mit Bower und NPM über Yarn? <a href="https://bower.io/blog/2016/using-bower-with-yarn/">Funktioniert es überhaupt</a>? Wir klären auf!
</dd>
<dt>[00:30:39] <a href="https://styled-components.com/">Styled Components</a></dt>
<dd>
  Max Stoiber und Glenn Maddern veröffentlichen mit Styled Components die Mutter der React Styling Lösungen. Das ganze ist schick, verwendet tatsächlich Stylesheets und hat mit eingebauten CSS Modulen auch echt sauberen Output. Wir erinnern uns an den Weg dorthin (im JavaScript gerenderte Style Attribute, würgs) und befinden die jetzige Lösung für elegant und sehr nutzbar!
</dd>
</dl>
<h3>[00:45:04] Keine Schaunotizen</h3>
<dl>
<dt><a href="http://hugogiraudel.com/2016/10/13/css-hide-and-seek/">CSS Hide and Seek</a></dt>
<dd>Der ultimative, kampferprobte Screenreader-Only Hack. 2016 Edition.</dd>
<dt><a href="https://slack.engineering/taking-php-seriously-cf7a60065329#.8yt03af6j">Taking PHP seriously</a></dt>
<dd>PHP. Du vielgenutztes Ziel aller Programmier-Spöttereien. Wie schaffst du es nur von so vielen großen Firmen so gewinnbringend eingesetzt zu werden. Ein Slack Entwickler deckt auf.</dd>
</dl>


Hans, Stefan und Schepp besprechen heute den kürzlich veröffentlichten
Paketmanager Yarn und die „Styled Components“ CSS Lösung für React.


SCHAUNOTIZEN

[00:01:51] YARN

Yarn schickt sich an als neu…

Hans, Stefan und Schepp besprechen heute den kürzlich veröffentlichten
Paketmanager Yarn und die „Styled Components“ CSS Lösung für React.


SCHAUNOTIZEN

[00:01:51] YARN

Yarn schickt sich an als neuer Paket-Manager für NPM und Bower die ultimative
Lösung für den Web-Entwickler von heute zu sein, der sowohl am Front-End als
auch bei Node die bestmöglichen Ergebnisser erzielt: Schnell, stabil, sicher.
Und mit einem Lockfile der sichere Garant auf allen Plattformen zu jeder Zeit
einen bestimmten Status herstellen zu können. Mit Facebook, Google und Yehuda
Katz an Bord ist die Hersteller-Runde ziemlich prominent besetzt und Garant für
langfristigen Fortbestand.
Wir haben Yarn getestet und sind ein wenig in die Tiefen vorgedrungen: Wie
arbeitet das Lockfile und der daraus resultierende Dependency Tree? Wie
unterscheidet er sich von NPM, und im Speziellen vom shrinkwrap feature der NPM
CLI? Wie funktioniert das Zusammenspiel mit Bower und NPM über Yarn?
Funktioniert es überhaupt? Wir klären auf!

[00:30:39] STYLED COMPONENTS

Max Stoiber und Glenn Maddern veröffentlichen mit Styled Components die Mutter
der React Styling Lösungen. Das ganze ist schick, verwendet tatsächlich
Stylesheets und hat mit eingebauten CSS Modulen auch echt sauberen Output. Wir
erinnern uns an den Weg dorthin (im JavaScript gerenderte Style Attribute,
würgs) und befinden die jetzige Lösung für elegant und sehr nutzbar!


[00:45:04] KEINE SCHAUNOTIZEN

CSS HIDE AND SEEK

Der ultimative, kampferprobte Screenreader-Only Hack. 2016 Edition.

TAKING PHP SERIOUSLY

PHP. Du vielgenutztes Ziel aller Programmier-Spöttereien. Wie schaffst du es nur
von so vielen großen Firmen so gewinnbringend eingesetzt zu werden. Ein Slack
Entwickler deckt auf.

Revision 280: Yarn und Styled Components

<p>Hans und Anselm plaudern mal aus dem Nähkästchen: Warum Hans drei Monate nichts tat, und Anselm einfach mal vier Wochen in den Urlaub fährt. Über Versuche als Selbstständige vom Beruf abzuschalten, aber auch warum wir uns in Deutschland glücklich schätzen können als Arbeitnehmer. Wir freuen uns über eure Kommentare, Erfahrungen und Tipps hierzu.</p>
<h3>[00:00:00] News</h3>
<dl>
<dt><a href="https://angularjs.blogspot.de/2016/09/angular2-final.html">Angular 2</a></dt>
<dd>Viel wahrscheinlich bereits bekannt, ist nun seit dem 15. September Angular 2 als stabile Version verfügbar und kann von euch in neuen Projekten eingesetzt werden.</dd>
</dl>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:06] Abstand und Urlaub</dt>
<dd>Das Hauptthema heute dreht sich rund um Urlaub und Auszeiten. Anselm hat hierzu auch <a href="https://helloanselm.com/notes/vacation-time-off/">zwei</a> kleine <a href="https://helloanselm.com/2016/enough-vacation-time/">Artikel</a> verfasst, die ein bisschen mehr Kontext geben und wir möchten an dieser Stelle auch nochmal auf die großartige <a href="https://m.signalvnoise.com/employee-benefits-at-basecamp-d2d46fd06c58#.54tqtydam">Vacation Policy von der Firma Basecamp</a> hinweisen, die Arbeitgebern eine Inspiration sein möge. Zuletzt gibt es Dank der <a href="">Geek Mental Health Week</a> dieses Jahr <a href="https://marcjenkins.co.uk/on-burning-out/">noch</a> <a href="https://auth0.com/blog/managing-tech-job-stress-when-9-5-is-unrealistic/">einige</a> <a href="https://medium.com/@ProjectDavis/combatting-stress-and-worry-with-cbt-9b318b39376d#.ksynnfd2m">weitere</a> <a href="http://www.kitation.co.uk/2016/10/03/theres-no-timesheet-for-panic-attacks.html">Artikel</a> <a href="https://www.sarahgebauer.com/update-2016-workaholism-the-other-side/">zum</a> <a href="https://hankchizljaw.io/blog/burnout">Thema</a> Arbeitszeit-, und Freitzeitmanagement.</dd>
</dl>
<h3>[00:42:15] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/">Feature Queries mit <code>@supports</code></a></dt>
<dd>Zwar sind Feature Queries mittlerweile nicht mehr ganz neu, aber wir finden, dass sie viel zu wenig genutzt werden. Ein guter Einstiegsartikel.</dd>
<dt><a href="https://github.com/nolanlawson/optimize-js">optimize-js</a></dt>
<dd>Dieses nützliche kleine Tool wrapped immediately-invoked functions oder likely-to-be-invoked functions in parentheses.</dd>
<dt><a href="https://hyperform.js.org/">Hyperform</a></dt>
<dd>Hyperform bietet endlich eine schlanke, benutzbare Formularvalidierung, die so browsernah wie möglich funktioniert, aber auch erweiterbar ist.</dd>
</dl>


Hans und Anselm plaudern mal aus dem Nähkästchen: Warum Hans drei Monate nichts
tat, und Anselm einfach mal vier Wochen in den Urlaub fährt. Über Versuche als
Selbstständige vom Beruf abzuschalten, ab…

Hans und Anselm plaudern mal aus dem Nähkästchen: Warum Hans drei Monate nichts
tat, und Anselm einfach mal vier Wochen in den Urlaub fährt. Über Versuche als
Selbstständige vom Beruf abzuschalten, aber auch warum wir uns in Deutschland
glücklich schätzen können als Arbeitnehmer. Wir freuen uns über eure Kommentare,
Erfahrungen und Tipps hierzu.


[00:00:00] NEWS

ANGULAR 2

Viel wahrscheinlich bereits bekannt, ist nun seit dem 15. September Angular 2
als stabile Version verfügbar und kann von euch in neuen Projekten eingesetzt
werden.


SCHAUNOTIZEN

[00:01:06] ABSTAND UND URLAUB

Das Hauptthema heute dreht sich rund um Urlaub und Auszeiten. Anselm hat hierzu
auch zwei kleine Artikel verfasst, die ein bisschen mehr Kontext geben und wir
möchten an dieser Stelle auch nochmal auf die großartige Vacation Policy von der
Firma Basecamp hinweisen, die Arbeitgebern eine Inspiration sein möge. Zuletzt
gibt es Dank der Geek Mental Health Week dieses Jahr noch einige weitere Artikel
zum Thema Arbeitszeit-, und Freitzeitmanagement.


[00:42:15] KEINE SCHAUNOTIZEN

FEATURE QUERIES MIT @SUPPORTS

Zwar sind Feature Queries mittlerweile nicht mehr ganz neu, aber wir finden,
dass sie viel zu wenig genutzt werden. Ein guter Einstiegsartikel.

OPTIMIZE-JS

Dieses nützliche kleine Tool wrapped immediately-invoked functions oder
likely-to-be-invoked functions in parentheses.

HYPERFORM

Hyperform bietet endlich eine schlanke, benutzbare Formularvalidierung, die so
browsernah wie möglich funktioniert, aber auch erweiterbar ist.

Revision 279: Abstand und Urlaub

<p>Während die anderen Kollegen allesamt geschlossen dem Tag der Deutschen Einheit gedachten &#8211; allen voran sicherlich Stefan :) &#8211; setzte Schepp sich mit <a href="https://marcthiele.com/">Marc Thiele</a> zusammen, dem Macher der <a href="https://beyondtellerrand.com/">beyond tellerrands</a> als auch des <a href="http://twumble.com/">Twumble-Podcasts</a>, und wir sprachen über alles Mögliche, vor allem aber über… </p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:12] … Nicht-Tellerrandiges</dt>
<dd>Denn bei Marc hat sich seit seinem letzten Besuch bei uns viel Neues ergeben. Wir redeten über sein Engagement beim Smashing Magazine und darüber, wie es sich immer auszahlt, auf sein Bauchgefühl zu hören. Auch ging es darum, wie man seine Sprecherkarriere starten kann, und wie Marc sich Gedanken macht, wie man Newcomer fördern kann. Natürlich sprachen wir auch über den Konferenzzirkus insgesamt, welche Konferenzen funktionieren, welche nicht, und welche man besucht haben sollte.</dd>
</dl>
<h3>[01:18:55] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://beyondtellerrand.com/events/berlin-2016/workshops">Bonfortionöse beyond tellerrand Workshops in Berlin!</a></dt>
<dd>am 7. und 10. November 2016 zu den Themen &#8222;Performance&#8220;, &#8222;Research&#8220; und &#8222;Letterpress&#8220;.</dd>
<dt><a href="https://beyondtellerrand.com/events/duesseldorf-2017/workshops">Exquisite beyond tellerrand Workshops in Düsseldorf!</a></dt>
<dd>am 14. und 17. Mai 2017 zu den Themen &#8222;Zeichnen Lernen&#8220; und &#8222;Animation&#8220;.</dd>
<dt><a href="https://accessibility-club.org/">Und zwei großartige Accessibility Clubs!</a></dt>
<dd>Und schließlich legen wir Euch nahe, zu einem der kommenden Accessibility Clubs in Berlin oder Nürnberg zu gehen, bei denen Karl Groves zu Gast sein wird.</dd>
</dl>


Während die anderen Kollegen allesamt geschlossen dem Tag der Deutschen Einheit
gedachten – allen voran sicherlich Stefan :) – setzte Schepp sich mit Marc
Thiele zusammen, dem Macher der beyond teller…

Während die anderen Kollegen allesamt geschlossen dem Tag der Deutschen Einheit
gedachten – allen voran sicherlich Stefan :) – setzte Schepp sich mit Marc
Thiele zusammen, dem Macher der beyond tellerrands als auch des
Twumble-Podcasts, und wir sprachen über alles Mögliche, vor allem aber über…


SCHAUNOTIZEN

[00:00:12] … NICHT-TELLERRANDIGES

Denn bei Marc hat sich seit seinem letzten Besuch bei uns viel Neues ergeben.
Wir redeten über sein Engagement beim Smashing Magazine und darüber, wie es sich
immer auszahlt, auf sein Bauchgefühl zu hören. Auch ging es darum, wie man seine
Sprecherkarriere starten kann, und wie Marc sich Gedanken macht, wie man
Newcomer fördern kann. Natürlich sprachen wir auch über den Konferenzzirkus
insgesamt, welche Konferenzen funktionieren, welche nicht, und welche man
besucht haben sollte.


[01:18:55] KEINE SCHAUNOTIZEN

BONFORTIONÖSE BEYOND TELLERRAND WORKSHOPS IN BERLIN!

am 7. und 10. November 2016 zu den Themen „Performance“, „Research“ und
„Letterpress“.

EXQUISITE BEYOND TELLERRAND WORKSHOPS IN DÜSSELDORF!

am 14. und 17. Mai 2017 zu den Themen „Zeichnen Lernen“ und „Animation“.

UND ZWEI GROSSARTIGE ACCESSIBILITY CLUBS!

Und schließlich legen wir Euch nahe, zu einem der kommenden Accessibility Clubs
in Berlin oder Nürnberg zu gehen, bei denen Karl Groves zu Gast sein wird.

Revision 278: Beyond beyond tellerrand

<p>Rodney, Schepp und Stefan widmen sich heute inoffiziellen und halbgar implementierten Standards um einen Ausblick in eine erstaunliche Zukunft zu bekommen, die jetzt schon zum Greifen nah ist.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:15] <a href="http://a11y-api.github.io/a11y-api/spec/">Accessibility Object Model</a></dt>
<dd>Das AOM erlaubt Lese- und Schreibzugriff auf Accessibility-Daten im Browser. Damit können Applikationen den Status verändern, Tools entsprechende Dinge auswerten, man kann sogar einen Screenreader in JavaScript damit bauen. Das ganze gibt&#8217;s halt noch nicht, hat aber zumindest alle wichtigen Browserhersteller an Bord. Selbsternannter Accessibility-Halbwissender Rodney Rehm erklärt uns die Details.</dd>
<dt>[00:12:27] <a href="https://medium.com/dev-channel/the-case-for-custom-elements-part-1-65d807b4b439#.ng6adh7i3">The Case for Custom Elements</a></dt>
<dd>Rob Dodson von Google erklärt wie Custom Elements schon jetzt, ganz ohne der vollständigen Web Components Implementierung und fragwürdiger Browserunterstützung eine sinnvolle Ergänzung im Werkzeuggürtel des Webworkers sind. Kapselung von Daten, Wiederverwendbarkeit weit über JavaScript Frameworks hinaus sind nur ein kleiner Bestandteil. Wir analysieren, vergleichen mit dem Status von Polymer, zerbrechen uns den Kopf zum Shadow DOM und finden&#8217;s richtig gut, was man jetzt schon anstellen kann damit. Großes Plus: Mal so schnell alle Benefits von React mit nativen Schnittstellen und einer kleinen 4K API zum DOM-Diffen. Ja warum denn nicht?</dd>
</dl>
<h3>[00:34:00] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://www.filamentgroup.com/lab/type-number.html">I wanted to type a number</a></dt>
<dd>Nummernkeyboards, jede Menge davon. Und wie man sie alle richtig, gut und weiterführend einsetzt.</dd>
<dt><a href="https://medium.com/mozilla-tech/experimental-htc-vive-support-in-firefox-nightly-3ab9eeb5dfd9#.z9e3kvsjp">HTC Vive Support in Firefox Nightly</a></dt>
<dd>Virtual Reality und Co sind interessant für dich? Dann hat der Firefox Nightly was in petto um herumzuspielen. Höchst experimentell, aber das wollen wir ja so in dieser Revision.</dd>
<dt><a href="https://scriptconf.org">Script&#8217;17 Ticketverkauf</a></dt>
<dd>Stefans JavaScript Event im Jänner hat mit dem Ticketverkauf begonnen. Die Early Birds gibt&#8217;s um 120 Euro (und sind fast alle weg), die Standard-Tickets um 150 Euro inkl. Steuern. Line-up Ankündigung folgt Mitte September.</dd>
</dl>


Rodney, Schepp und Stefan widmen sich heute inoffiziellen und halbgar
implementierten Standards um einen Ausblick in eine erstaunliche Zukunft zu
bekommen, die jetzt schon zum Greifen nah ist.


SCHAU…

Rodney, Schepp und Stefan widmen sich heute inoffiziellen und halbgar
implementierten Standards um einen Ausblick in eine erstaunliche Zukunft zu
bekommen, die jetzt schon zum Greifen nah ist.


SCHAUNOTIZEN

[00:00:15] ACCESSIBILITY OBJECT MODEL

Das AOM erlaubt Lese- und Schreibzugriff auf Accessibility-Daten im Browser.
Damit können Applikationen den Status verändern, Tools entsprechende Dinge
auswerten, man kann sogar einen Screenreader in JavaScript damit bauen. Das
ganze gibt’s halt noch nicht, hat aber zumindest alle wichtigen
Browserhersteller an Bord. Selbsternannter Accessibility-Halbwissender Rodney
Rehm erklärt uns die Details.

[00:12:27] THE CASE FOR CUSTOM ELEMENTS

Rob Dodson von Google erklärt wie Custom Elements schon jetzt, ganz ohne der
vollständigen Web Components Implementierung und fragwürdiger
Browserunterstützung eine sinnvolle Ergänzung im Werkzeuggürtel des Webworkers
sind. Kapselung von Daten, Wiederverwendbarkeit weit über JavaScript Frameworks
hinaus sind nur ein kleiner Bestandteil. Wir analysieren, vergleichen mit dem
Status von Polymer, zerbrechen uns den Kopf zum Shadow DOM und finden’s richtig
gut, was man jetzt schon anstellen kann damit. Großes Plus: Mal so schnell alle
Benefits von React mit nativen Schnittstellen und einer kleinen 4K API zum
DOM-Diffen. Ja warum denn nicht?


[00:34:00] KEINE SCHAUNOTIZEN

I WANTED TO TYPE A NUMBER

Nummernkeyboards, jede Menge davon. Und wie man sie alle richtig, gut und
weiterführend einsetzt.

HTC VIVE SUPPORT IN FIREFOX NIGHTLY

Virtual Reality und Co sind interessant für dich? Dann hat der Firefox Nightly
was in petto um herumzuspielen. Höchst experimentell, aber das wollen wir ja so
in dieser Revision.

SCRIPT’17 TICKETVERKAUF

Stefans JavaScript Event im Jänner hat mit dem Ticketverkauf begonnen. Die Early
Birds gibt’s um 120 Euro (und sind fast alle weg), die Standard-Tickets um 150
Euro inkl. Steuern. Line-up Ankündigung folgt Mitte September.

Revision 277: Accessibility Object Model und Custom Elements

<p>Hans und Peter lieferten sich eine epische Debatte rund um JavaScript, speziell Module und Dependencies. Am Ende schütteln beide auch noch mal kurz den Kopf über eher originelle Vorschläge zum Thema CSS.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:13] JavaScript-Module&nbsp;&ndash; Klein, groß, mittel?</dt>
<dd>Angestoßen von dem Aufpoppen des <a href="https://plainjs.com/">Vanilla-JavaScript-Repositories PlainJS</a> (von früher schon bekannt: das in die gleiche Kerbe schlagende <a href="http://microjs.com/">Microjs</a>) diskutieren wir ein paar Frontend-JavaScript-Grundsatzfragen. Peter springt wie immer dem designierten Prügelknaben jQuery bei, verweist auf den weniger bloatigen <a href="https://blog.jquery.com/2016/06/09/jquery-3-0-final-released/">3.0-Build ohne OldIE-Support</a> und verweist darauf, dass es für Normalsterbliche annhährend unmöglich ist, etwas wie jQuerys <code>text()</code>-Methode nachzubauen (denn <a href="http://perfectionkills.com/the-poor-misunderstood-innerText/">innerText ist super-kompliziert</a>). Hans hingegen führt sein <a href="http://drublic.github.io/css-modal/">CSS Modal</a> an Beleg dafür an, dass es nicht immer jQuery sein muss. Unabhängig von jQuery wollen beide nicht auf <a href="https://lodash.com/">Lodash</a> verzichten, obwohl da das bloat-Problem im Prinzip fortbesteht. Große Hoffnungen werden an diverse Methoden zur Dead Code Elmimination gerichtet (z.B. per <a href="http://rollupjs.org/">Rollup</a> oder <a href="https://www.npmjs.com/package/babel-plugin-dead-code-elimination">Babel-Plugin</a>). So könnten große Libraries neben kleinen Libraries (denen wir in Form von <a href="https://github.com/juliangruber/isarray/blob/master/index.js">isArray</a> und <a href="https://github.com/stevemao/left-pad/blob/master/index.js">left-pad</a>, vgl. <a href="http://blog.npmjs.org/post/141577284765/kik-left-pad-and-npm">Left-Pad-Gate</a> unterschiedlich viel Respekt zollen) weiter bestehen und verwendet werden, obwohl auch diese <a href="https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/">ihre ganz eigenen Probleme haben</a>. Am Ende diskutieren wir über den Weg der Zukunft: kleine Module? Große Module mit Erweiterungs-APIs? Web Components?</dd>
<dt>[00:55:53] <a href="http://www.heydonworks.com/article/on-writing-less-damn-code">Writing Less Damn Code</a></dt>
<dd><a href="https://twitter.com/heydonworks">Heydon Pickering</a> schlägt vor, wir mögen doch bitte weniger CSS schreiben, damit unsere Codebases besser werden mögen. Wir sind da äußerst skeptisch, und sind nicht sicher, ob die Zahl der Zeilen ein so relevanter Qualitätsindikator ist. Komponentenbasiertes CSS wie <a href="http://getbem.com/introduction/">BEM</a> scheint durchaus geeignet, CSS für die heutige Zeit zu fit zu machen, führt aber naturgmäß zu mehr Code.</dd>
</dl>
<h3>[01:06:33] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://github.com/google/closure-compiler-js">google/closure-compiler-js</a></dt>
<dd>JS-API für Googles Closure Complier, Gulp-Task inklusive.</dd>
<dt><a href="https://medium.com/@urish/start-building-with-web-bluetooth-and-progressive-web-apps-6534835959a6#.bpwe16hrk">Start Building with Web Bluetooth and Progressive Web Apps</a></dt>
<dd>Kleines Tutorial zu Web Bluetooth.</dd>
</dl>


Hans und Peter lieferten sich eine epische Debatte rund um JavaScript, speziell
Module und Dependencies. Am Ende schütteln beide auch noch mal kurz den Kopf
über eher originelle Vorschläge zum Thema C…

Hans und Peter lieferten sich eine epische Debatte rund um JavaScript, speziell
Module und Dependencies. Am Ende schütteln beide auch noch mal kurz den Kopf
über eher originelle Vorschläge zum Thema CSS.


SCHAUNOTIZEN

[00:00:13] JAVASCRIPT-MODULE – KLEIN, GROSS, MITTEL?

Angestoßen von dem Aufpoppen des Vanilla-JavaScript-Repositories PlainJS (von
früher schon bekannt: das in die gleiche Kerbe schlagende Microjs) diskutieren
wir ein paar Frontend-JavaScript-Grundsatzfragen. Peter springt wie immer dem
designierten Prügelknaben jQuery bei, verweist auf den weniger bloatigen
3.0-Build ohne OldIE-Support und verweist darauf, dass es für Normalsterbliche
annhährend unmöglich ist, etwas wie jQuerys text()-Methode nachzubauen (denn
innerText ist super-kompliziert). Hans hingegen führt sein CSS Modal an Beleg
dafür an, dass es nicht immer jQuery sein muss. Unabhängig von jQuery wollen
beide nicht auf Lodash verzichten, obwohl da das bloat-Problem im Prinzip
fortbesteht. Große Hoffnungen werden an diverse Methoden zur Dead Code
Elmimination gerichtet (z.B. per Rollup oder Babel-Plugin). So könnten große
Libraries neben kleinen Libraries (denen wir in Form von isArray und left-pad,
vgl. Left-Pad-Gate unterschiedlich viel Respekt zollen) weiter bestehen und
verwendet werden, obwohl auch diese ihre ganz eigenen Probleme haben. Am Ende
diskutieren wir über den Weg der Zukunft: kleine Module? Große Module mit
Erweiterungs-APIs? Web Components?

[00:55:53] WRITING LESS DAMN CODE

Heydon Pickering schlägt vor, wir mögen doch bitte weniger CSS schreiben, damit
unsere Codebases besser werden mögen. Wir sind da äußerst skeptisch, und sind
nicht sicher, ob die Zahl der Zeilen ein so relevanter Qualitätsindikator ist.
Komponentenbasiertes CSS wie BEM scheint durchaus geeignet, CSS für die heutige
Zeit zu fit zu machen, führt aber naturgmäß zu mehr Code.


[01:06:33] KEINE SCHAUNOTIZEN

GOOGLE/CLOSURE-COMPILER-JS

JS-API für Googles Closure Complier, Gulp-Task inklusive.

START BUILDING WITH WEB BLUETOOTH AND PROGRESSIVE WEB APPS

Kleines Tutorial zu Web Bluetooth.

Revision 276: Große Module, kleine Module? Viel Code, wenig Code?

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen

PODLIST

Working Draft

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen.

Neue Episoden

Revision 287: Microinformationen und CoderDojo

Working Draft

Revision 286: Aurelia

Working Draft

Revision 285: Plausch mit Vitaly Friedman

Working Draft

Revision 284: Rückblick und Ausblick

Working Draft

Revision 283: vue.js und Chatbots

Working Draft

Revision 282: AMP aus Anwenderperspektive

Working Draft

Revision 281: State of React

Working Draft

Revision 280: Yarn und Styled Components

Working Draft

Revision 279: Abstand und Urlaub

Working Draft

Revision 278: Beyond beyond tellerrand

Working Draft

Revision 277: Accessibility Object Model und Custom Elements

Working Draft

Revision 276: Große Module, kleine Module? Viel Code, wenig Code?

Working Draft