JSConf.Asia 2018
2018-01-25..2018-01-27
Singapore, Singapore
[JSConf.Asia 2013, JSConf.Asia 2014, JSConf.Asia 2015, JSConf.Asia 2016, JSConf.Asia 2018, JSConf.Asia 2019]
who it's for
frontend developers, web engineers, accessibility engineers, UX designers, JavaScript developers, performance engineers, platform engineers
topics
CSS blend modes and filters; CSS Grid layout techniques; web typography and variable fonts; web accessibility testing and NVDA; WebVR with A-Frame; augmented reality on the web (AR.js); microfrontend migration patterns; Serverless Node.js on OpenWhisk; JavaScript on microcontrollers; WebAssembly in the browser; HTTP/2 for web performance; React and Redux architecture
| title | author | length |
|---|---|---|
| CSS Blend Modes, Because... | Una Kravets | 30m |
Shows concrete techniques: apply CSS blend modes and filters plus SVG FEColorMatrix to recreate duotone and Instagram‑style filters, simplify things like… | ||
| Performing Dynamic Analysis of JS Apps | Inian Parameshwaran | 22m |
Ever wondered how many times the ads in your website are using document.write? Or if you were writing to the DOM from untrusted sources? Such questions can be… | ||
| Write Perfect Code with Standard and ESLint | Feross Aboukhadijeh | 25m |
Clear, actionable claims: use Standard or ESLint to catch real bugs now, not just style debates. Concrete tooling: Standard CLI with 200+ pre-configured rules… | ||
| Be a No-Mouse Ninja: How People with Visual Impairment use Websites | Giang Nguyen, GrabDickson Tan | 14m |
Live demo uses NVDA screen reader to search Google and read MDN pages with keystrokes and audible rate changes, showing how headings and landmarks drive… | ||
| data sketch|es: a year of exotic data visualizations | Shirley Wu, Nadieh Bremer | 30m |
A year of monthly projects documents exact claims and hard lessons: scraping YouTube with youtube-dl and captions then running face detection via Google Vision… | ||
| Micro Frontend: a microservice architecture from your frontend web apps | Wilson Mendes | 25m |
A concrete migration path from a monolith to micro frontends: migrate page by page using a strangler pattern and a reverse proxy, extract UI into atomic… | ||
| Serverless Apps with Node.JS in OpenWhisk and Adobe I/O Runtime | Shazron Abdullah | 15m |
Shows Apache OpenWhisk and Adobe I/O Runtime running real Node.js functions: local QuickStart via make spins up nginx Kafka docker and the rest, deploys with… | ||
| Honey, I Shrunk the Scripts! — the secret life of JS on microcontrollers | István Szmozsánszky "Flaki" | 36m |
Concrete claims, tools, numbers and demos: Johnny-Five + Firmata runs Node code off-board while commands stream to microcontrollers; Espruino runs source… | ||
| Evolving DBS Frontend | Tony Sebastian | 11m |
DBS builds an internal frontend called Falcon that standardizes app layout, enforces semantic versioned UI libraries, and ships React and Redux with… | ||
| When East meets West: web typography and how it can inspire modern layouts | Chen Hui Jing | 30m |
Argues that the web now supports real typesetting: uses @font-face, Unicode ranges, variable fonts and OpenType features to handle massive glyph sets (Chinese… | ||
| My Node.js process is on fire | Matteo Collina | 13m |
Black Friday traffic forces autoscaling to four times the servers and the bill spikes to 4× cost so the aim becomes a measurable goal: reproduce the spike, run… | ||
| Enabling New Web Experiences | David Bryant | 30m |
Mozilla demonstrates production use of Rust by extracting Servo components into Firefox Quantum to speed layout and parallelize rendering, shows WebAssembly… | ||
| WebVR with A-Frame - Getting started | Martin Splitt | 03h 26m |
Workshop shows how to build a working WebVR app with A-Frame + Glitch + glTF, loading a 360 photo from a Ricoh Theta S as a 360 sky texture, importing models… | ||
| Enliven UX with React/Redux | Gurudath Reddy | 02h 51m |
Workshop builds a working chat app using React/Redux with sockets and a REST endpoint, implements optimistic UI for immediate message feedback, and wires… | ||
| CSS Grid is the new black | Chen Hui Jing | 02h 55m |
Workshop shows how CSS Grid replaces hacks by proving exact claims: grids can lay out a responsive dashboard, an image gallery and a diagonal header using… | ||
| Ethereum and Javascript - what's the big deal? | Dave Appleton, Raman Shalupau | 03h 23m |
Walks through Solidity, deploys a small exchange-rate contract, and wires a front end with web3.js so a browser can call functions, sign transactions and pay… | ||
| Coding Blindly: Intro to Web A11Y | Giang Nguyen | 02h 47m |
Workshop-style audit and demo that shows how accessibility actually gets done: live screen‑reader walkthroughs using VoiceOver and NVDA, coding and debugging… | ||
| Creative Data Visualizations with SVG and D3.js | Shirley Wu, Nadieh Bremer | 02h 17m |
Workshop teaches how to draw SVG paths and C (cubic bezier), then uses d3 selection data‑binding enter append and enter‑update‑exit to turn movie records into… | ||
| PUSHing web app performance with HTTP/2 | Inian Parameshwaran, Sebastiaan Deckers | 03h 16m |
Hands-on coverage of HTTP/2’s real effects: use nghttp2/h2load to show HTTP/2 serves many concurrent streams with far higher throughput (demo sends ~10,000… | ||
| Virtual Reality in your browser | Martin Splitt | 29m |
WebVR / WebXR actually exposes headset pose and controllers while WebGL renders the graphics; browsers already ship support (Firefox 55, Chrome for Android 59… | ||
| In the loop | Jake Archibald | 35m |
Explains how the browser actually orders work: tasks (queued by setTimeout or events), microtasks can starve rendering (promises run in a microtask queue… | ||
| How To Do Augmented Reality On The Web — The AR.js Open-Source Project | Jerome Etienne | 26m |
WebAR is practical: AR.js is an open-source, pure-web stack using WebGL/WebRTC and integrates with A-Frame/three.js/Babylon, reporting to ARKit and ARCore when… | ||
| Jolly JS Journeys | Tim Holman | 23m |
Builds four demos (JavaScript canvas HTML5) to prove the DVD logo corner problem is math not magic: uses lowest common multiple (45 moves example), finds times… | ||
| Smells in React apps | Thai Pangsakulyanont | 30m |
Describes concrete smells found in a 2‑year React + Redux codebase with 900 components and ~20 engineers, showing information leaks and low cohesion with code… | ||
| Accessibility and You | Sareh Heidari | 31m |
Shows concrete results and workflows: BBC News runs lab studies with 36 participants, 18 with cognitive disabilities, and compares typefaces (the new BBC font… | ||
| Automating User Journey Testing Is A Piece Of Cake | Shi Ling Tai | 04m |
Claims that Uilicious makes automating user-journey testing trivial by recording readable steps that are decoupled from selectors and runnable on Chrome… | ||
| Boarding The Choo Train | Yoshua Wuyts | 05m |
Yoshua introduces Choo: Lightning Talks are 5 minute segments during which interested members of the audience can take the stage and present on a topic dear to… | ||
| For The Love Of Web Assembly | Phoomparin Mano | 06m |
A working demo shows a small React app wired to WebAssembly via the react-rust starter kit hosted on GitHub, with Rust compiled to wasm and loaded like a JS… | ||
| CSS Pranks | Tim Holman | 04m |
A small browser extension injects site CSS systemwide after Chrome deprecates its custom CSS file so a prank can apply to any visited page. Demonstrated… | ||
| JavaScript Pranks | Feross Aboukhadijeh | 06m |
A demo site called The Annoying Site Dot Com assembles real browser tricks and shows they work: it logs you out via image GETs, hijacks opener to navigate the… | ||
| Using SVG Circles For Charting | Chris Lienert | 05m |
Builds circular progress indicators with plain SVG and CSS using stroke widths and stroke-dasharray math, not JavaScript, and demonstrates live edits. Uses… | ||
| What writing about frontend dev taught me about communicating with the world | Zell Liew | 16m |
A developer recounts how a small blog grows into books and courses and helps 40,000 developers a month, and uses that experience to make three concrete claims… | ||
| Storytelling with Performance Observers | Irina Shestak | 22m |
Shows how to use the Performance API and PerformanceObserver to collect marks and measures from a Node server using require('perf_hooks'), demonstrating… | ||
| If you're going out of San Francisco, be sure to wear Web Standards in your hair | Bruce Lawson | 49m |
A concrete claim: Wix’s styler.ball is a build‑time CSS‑for‑components preprocessor that compiles to static cross‑browser CSS, adds pseudo elements and rule… | ||
| nothing matches | ||