RuhrJS 2017
who it's for
frontend developers, web engineers, performance engineers, mobile web developers, community managers, engineering managers
topics
custom elements and shadow DOM; Web Animations API with canvas; CSS Grid Layout practical usage; compositor layers and translate3d; IntersectionObserver for lazy loading; immutable persistent data structures; ClojureScript with Figwheel REPL; reinforcement learning in browser; WebVR stereoscopic rendering; Ionic and Cordova cross-platform apps; calendar localization and internationalization
| title | author | length |
|---|---|---|
| Web Components: It's all rainbows and unicorns! Is it? | Sara Harkousse | 24m |
Argues that web components are useful but not magical and gives concrete results: evaluates the four specs — template, HTML imports, custom elements, shadow… | ||
| Animate the Web with Ember.js | Jessica Jordan | 23m |
Claim: Ember.js plus open web standards let developers build frame‑by‑frame cartoons that are interactive and reusable. Demonstrates drawing a raccoon from a… | ||
| about reinventing the wheel | Szabolcs Szabolcsi-Toth | 29m |
First Node.js service embeds monitoring and it causes pain: an error-report push loops and kills the service, so move ops out of the app. Use Prometheus… | ||
| Watch your back, Browser! You're being observed | Stefan Judis | 29m |
Demonstrates concrete wins: replacing scroll handlers and boundingClientRect cuts CPU and raises animation from ~31fps to ~59fps using IntersectionObserver for… | ||
| How to make your user sick in 60 seconds | Michaela Lehr | 31m |
Covers concrete steps and tools: use the WebVR API (getVRDisplays requestPresent submitFrame) and libraries like ReactVR or A‑Frame to render stereoscopic… | ||
| Immutable data structures for functional JS | Anjana Vakil | 33m |
Argues that persistent immutable structures replace costly full-copy updates with bitmap vector trie style trees that share nodes so updates copy only the… | ||
| Start Using CSS Grid Layout Today | Rachel Andrew | 30m |
2017 puts CSS Grid Layout into browsers and the talk demonstrates practical, working examples: a redesign built on a twelve‑column grid, images layered across… | ||
| An adequate intro to ClojureScript | Lisa Passing | 29m |
ClojureScript compiles to JavaScript and brings Lisp syntax plus persistent immutable data structures; the talk shows a Leiningen template, Figwheel-powered… | ||
| Reinforcement Learning in the Browser | Lian Li | 29m |
Prototype Alpha2048 runs entirely in the browser, starts with synaptic then moves to reinforceJS, and plays the 4x4 2048 game (new tiles 90% 2, 10% 4)… | ||
| What is Community Engineering? | Kim Crayton | 24m |
Defines community engineering as an intentional, operational plan to fix three false assumptions: “They know who we are”, “They know what we do”, “They will… | ||
| Mobile (web) apps using Ionic | Aaron Czichon | 28m |
Claim is that a single web codebase builds apps for iOS Android Windows PWA and Desktop using Cordova and Angular with the Ionic CLI, Ionic components and… | ||
| Life of a pixel: A visual explanation of rendering performance | Martin Splitt | 39m |
Explains how HTML/CSS turn into pixels and gives concrete rules: translate3d forces a compositor layer so moving UI avoids costly repainting, devtools paint… | ||
| Death by a thousand paper cuts | Alexandra Leisse | 30m |
Argues that UI bloat comes from early technical and design choices and shows concrete fixes: migrating legacy systems like CFEngine into interfaces… | ||
| Calendar / Kalender / Tawqīm (aka, the fun of locali[zs]ation) | Paul Verbeek-Mast | 28m |
A Booking.com calendar component supporting 42 languages is examined, including concrete internationalization engineering issues and fixes rather than general… | ||
| Sharing is Caring… At Scale! | Sarah Saltrick Meyer | 31m |
A concrete account of building a shared front-end library at BuzzFeed: a package-based buzz blocks system published to NPM, local development wired through… | ||
| nothing matches | ||