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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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 Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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 Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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 großartige 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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/