JSUnconf 2019
2019-04-13..2019-04-14
Hamburg, Germany
JSUnconf ·
[JSUnconf 2016, JSUnconf 2017, JSUnconf 2018, JSUnconf 2019]
who it's for
frontend developers, JavaScript developers, UX engineers, web performance engineers, full stack developers, tooling engineers, community organizers
topics
TensorFlow.js for UX; animation concept and practice; dancemat.js interactive controls; CSS-in-JS tradeoffs; browser devtools performance debugging; DNS over HTTPS; clear small-scale architecture; functional programming in JavaScript; music performance software in JavaScript; MITM proxy backend mocking; Node-RED flow based programming; tracing complex frontend processes
| title | author | length |
|---|---|---|
| Advanced UX with tensorflow.js | Oliver Zeigermann | 29m |
A live browser demo uses tensorflow.js to train an RNN (options: GRU or LSTM) on mouse sequences and predict which button will be clicked next, highlighting it… | ||
| The algorithmic beauty of plants | Anna Melzer | 23m |
Shows that plant forms come from simple rewrite rules: Lindenmayer systems with an axiom and simultaneous productions, translated via turtle graphics into… | ||
| Embrace your project: Animation with concept | Kerstin Puigmarti Concha | 23m |
Claims that animation reduces cognitive load and clarifies orientation by mapping real movements to UI changes, and that animation needs a concept not… | ||
| Just go for it: The story of dancemat.js | Ramón Huidobro | 18m |
Claims a working DIY DDR pad built with Bare Conductive paint, a Raspberry Pi Zero plus Pi Cap, StepMania and Node.js that the computer sees as a USB keyboard… | ||
| CSS in JS: Is it worth the hype | Kathrin Holzmann | 31m |
Styled-components inlines critical CSS to avoid render blocking but Webpack can produce the same effect; a test with four button variants measures 3.4s vs 3.5s… | ||
| Hands on performance debugging with the browser in devtools | Alex Lakatos | 29m |
Devtools troubleshooting focuses on measurable fixes: use the Network, Performance, Memory tabs to find a 500 ms JavaScript request, 91 requests totaling 3.5… | ||
| DOH! Wait, what? DNS over https? | Ole Michaelis | 27m |
Shows a working DoH proxy that sends DNS queries over HTTPS to public resolvers such as Google Public DNS and demonstrates which browsers (Chrome, Firefox)… | ||
| Clear Architecture in the small | Peter Crona | 26m |
Argues that extracting a pure model from UI yields tiny, testable business logic and shows a working Snake game wired to both a React browser view and a… | ||
| An introduction to functional programming | Gerta Xhepi | 12m |
Claims that pure functions plus map/filter/reduce replace manual loops and reduce bugs, demonstrates immutability with Object.freeze and disciplined… | ||
| How I built my own music performance software in JavaScript | Jan Krutisch | 31m |
Built a JavaScript performance tool that drives an Ableton Push controller end to end: reads pads via web MIDI, renders the push display from a canvas… | ||
| Devconnect: Building a mentoring community | Stefanie Steppel | 04m |
Project F connect runs meetups and regular coding sessions, organizing 3–5 people teams with mentors, mentees and a team coach. It exists as a two‑year passion… | ||
| Mocking your backend with a MITM proxy | Dave Brotherstone | 03m |
A local MITM proxy that runs as an NPM install module creates a self-signed certificate and automatically trusts it for Chrome and Safari, edits the hosts… | ||
| 1.5º-Lifestyle: Reduce your carbon footprint | Kateryna Gorokhova | 04m |
Uses an online personal CO2 calculator and finds 12 tons per year, with 6 tons from flights; cites a target of 1–1.1 ton per person by 2050. Recommends… | ||
| Node RED, an introduction to flow based programming | Julia Biro | 06m |
-- no description -- | ||
| Tracing Complex Frontend Processes | Johannes Lamberts | 04m |
A small Vue plugin records causal call chains and injects a proxy so code traces show what triggered each async request and why a state change happened. Demo… | ||
| Re-Thinking Borders | Katrin Kampfrath | 06m |
Shows a CSS technique that treats borders as multiple composable surfaces instead of a single stroke, using repeating-linear-gradient and layered… | ||
| JavaScript and npm and what now | Jan Kretisch | 06m |
NPM Inc is a VC-funded company that can plausibly stop serving millions of packages overnight, with a concrete incident where an added dependency contained… | ||
| Two soft skills to save time and therefore money | Hannes Diercks | 05m |
Claims two concrete habits cut wasted time: start with I’m proposing to… (for example propose “Can you do today at 11:00?” instead of asking when) and always… | ||
| nothing matches | ||