Revision 152: JSPerf, Open Source, Gulp, Funktionales episode artwork

EPISODE · Jan 8, 2014 · 1H 19M

Revision 152: JSPerf, Open Source, Gulp, Funktionales

from Working Draft · host Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer

Nach vielen Revisionen mit Rumpfbesatzung und Themenmangel geht es diemal wieder voll zur Sache: Schepp, Rodney, Stefan und Peter erklären ranten und mäandern durch die diesmal durchaus vorhandenen Th…

Episode metadata supplied by the publisher feed · Published Jan 8, 2014

Embed this episode

Nach vielen Revisionen mit Rumpfbesatzung und Themenmangel geht es diemal wieder voll zur Sache: Schepp, Rodney, Stefan und Peter erklären ranten und mäandern durch die diesmal durchaus vorhandenen Themen der vergangenen Woche. Außerdem führen wir versuchsweise eine neue Rubrik ein: beim Tipp der Woche werden wir (un)regemäßig Kleinst-Tipps für den Weballtag absondern, die uns im Laufe der letzten sieben Tage über den Weg gelaufen sind. Außerdem neu aus Github: Workingdraft-Metadata! [00:00:12] NEWS AUTOPREFIXER 1.0 Jetzt mit Source Maps! WORKINGDRAFT METADATA Alle Daten zu allen Episoden von Working Draft auf Github. Gehet hin und hacket! SCHAUNOTIZEN [00:00:34] STOP JSPERF ABUSE Wir reden über einen Rant, der einen unsauberen JSPerf-Vergleich von jQuerys .addClass() mit nativer classList (MDN) zum Thema hat. Rodney zürnt über die classList-API und berichtet von seinen eigenen JSPerf-Erfahrungen. Performance-Pontifex Schepp ordnet das Thema etwas ein: Man sollte kein JSPerf-Nazi werden, da Rendering und CSS die eigentlichen Problemfelder sind und der Browser automatisch JS optimiert, was im Falle von Chrome auch bequem nachvollzogen werden kann. [00:16:30] UPGRADING TO ISCROLL 5 Rodney hatte großen Spaß am Versuch, Version 5 von iScroll (einer Library für Scrollerei auf Mobilgeräten) zu benutzen und lässt uns alle daran teilhaben. Breaking Changes beim Wechsel von 4 auf 5 sind laut Semantic Versioning zwar möglich, werden aber zum Ärgernis wenn sie nicht dokumentiert sind. So fordern wir Changelog und Migration Guide für alle Open-Source-Projekte, denn das reduziert nicht nur Nutzerfrust, sondern sorgt auch dafür, dass Autoren von Software weniger Supportanfragen bearbeiten müssen – Rod spricht aus Erfahrung. [00:39:42] GULP UND FUNKTIONALE PROGRAMMIERUNG Gulp ist ein Buildsystem wie Grunt, allerdings streambasiert (siehe Slides). Ein Wechsel scheint dann sinnvoll, wenn man großen gruntinduzierten Leidensdruck verspürt, was bei Peter noch nicht der Fall ist, bei Rodney hingegen schon ein Gruntfile-Vergleich ergibt, dass Rod den mit Abstand längsten hat, was mit Streams weniger unübersichtlich wäre. Dem Stream-Prinzip gegenüber sind wir grundsätzlich alle sehr positiv eingestellt; Pipes und die daran andockende Unix-Philosophie sind was feines. Über Pipes kommen wir zum Thema Promises und funktionale Programmierung, das Peter mit etwas Fabuliererei über Bacon.js abschließt. [01:14:47] KEINE SCHAUNOTIZEN POSTCSS Tool zum Parsen und Manipulieren von CSS. POLYFILL.JS Das Tool für euren nächsten CSS-Polyfill. JS TEST – CODE COVERAGE Drei Artikel erklären wie ihr die Coverage eurer JS-Tests ermitteln könnt. [01:18:54] TIPP DER WOCHE CHROME DEVTOOLS Stefan hat herausgefunden: die Suche im Elements-Panel (STRG/CMF+F) akzeptiert auch CSS-Selektoren (und XPath).

Distinct summary based on available episode metadata or transcript content.

NOW PLAYING

Revision 152: JSPerf, Open Source, Gulp, Funktionales

0:00 1:19:50

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

Frequently Asked Questions

How long is this episode of Working Draft?

This episode is 1 hour and 19 minutes long.

When was this Working Draft episode published?

This episode was published on January 8, 2014.

Can I download this Working Draft episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!