JSConf Mexico 2020 Virtual Edition
2020-11-02..2020-11-04
-- online --
who it's for
frontend developers, web developers, React developers, performance engineers, accessibility engineers, devtools engineers, machine learning engineers
topics
machine learning with JavaScript; deployed math; async JavaScript; web performance hacking; beginner to expert web performance; WebAssembly adoption; micro frontends architecture; migrating from JavaScript to React; React application challenges; CSS debugging with DevTools; web accessibility practices; web threading and workers
| title | author | length |
|---|---|---|
| Ode to the Decade++ | Eva Ferreira | 31m |
A retrospective comparing web development before-and-after key advances over the past decade, using a concrete example of a simple landing page that now… | ||
| Ode to the decade++ | Eva Ferreira | 31m |
Lists concrete wins and concrete failures: CSS gains like Flexbox and Grid and ES6 arrow functions remove old hacks; fetch and picture land in 95% browser… | ||
| Machine Learning Principles, with JavaScript? | Francisco Sevilla | 37m |
Demonstrates end-to-end machine learning workflows implemented in JavaScript using TensorFlow.js in both browser and Node: importing prebuilt models… | ||
| Machine Learning Principles, with JavaScript? | Francisco Sevilla | 37m |
JavaScript runs real machine learning via tensorflow.js and can train models in the browser or on a server; examples include an image classifier (car vs plane… | ||
| Your emotions are not an anti-pattern | Jenn Creighton | 27m |
Claim: emotions are decision-making assets not bugs, backed by the somatic marker hypothesis from the Elliot case showing impaired choices when feelings… | ||
| Your Emotions Are Not an Anti-Pattern | Jenn Creighton | 27m |
Argues that emotions are useful decision data rather than bugs and presents the Elliot case study showing how loss of feeling impairs choice. Recommends… | ||
| Deployed Math | Brenda Berenice Ramos Hernández | 11m |
Explores using recursion in JavaScript to express mathematical induction and combinatorics, with concrete code for factorial (e.g., 5! = 120) and string… | ||
| Deployed math | Brenda Berenice Ramos Hernández | 11m |
Claims that recursion is a direct application of mathematical induction and demonstrates it by implementing a factorial function that terminates at the base… | ||
| A Powerful Introduction to Machine Learning with Js | Oliver Alejandro López | 34m |
Shows how to run pre-trained models entirely in the browser using TensorFlow.js with WebGL GPU acceleration and manual memory disposal. Demonstrates MobileNet… | ||
| A Powerful Introduction to Machine Learning with Js | Oliver Alejandro López | 34m |
Demos show client-side training and real time webcam inference using Tensorflow.js, with a KNN-style classifier built on top of MobileNet and an object… | ||
| DevTools, the CSS advocate in your browse | Chen Hui Jing | 43m |
DevTools demos show exact behaviors: grid and flex overlays reveal content-based sizes (min-content, max-content), a working Firefox flexbox inspector… | ||
| DevTools, the CSS Advocate in Your Browser | Chen Hui Jing | 43m |
Shows browser DevTools for inspecting CSS layout math: Firefox’s Flexbox inspector reveals flex-basis, flex-grow and how free space is split (example: 2:1… | ||
| Async JS | Nacho Sainz | 23m |
Covers how JavaScript’s single call stack works with browser APIs and the event loop, explaining microtask vs macrotask ordering (promises run before timers)… | ||
| Async JS | Nacho Sainz | 23m |
Explains how callbacks, promises, generators and async/await map to the JS runtime and shows working code with setTimeout, fetch and Promise.resolve to… | ||
| Hacking Web Performance | Maximiliano Firtman | 31m |
Provides concrete web performance fixes and measured impacts: reduce median Time To Interactive (currently ~9.3s) toward targets like LCP ≤2.5s and FID ≈100ms… | ||
| Hacking Web Performance | Maximiliano Firtman | 31m |
Core Web Vitals targets are concrete: LCP ≤ 2.5 s at the 75th percentile, FID ≤ 100 ms and CLS ≤ 0.1, yet global median time-to-interactive sits near 9.3 s… | ||
| Why WebAssembly | Miguel Useche | 16m |
WebAssembly lets non-JavaScript code (C/C++/Rust) run in the browser at near-native speed by compiling through LLVM/Emscripten or wasm toolchains and… | ||
| Why WebAssembly | Miguel Useche | 16m |
Explains that WebAssembly runs compiled binaries in browsers alongside JavaScript, showing a workflow: compile Rust or C/C++ via LLVM toolchains into a .wasm… | ||
| Starting a thread: pin the right questions | Dora Makszy | 12m |
A practical mentoring recipe emerges: pick tools (uses React), pin very specific questions, and force beginners to write the minimal math first on paper; the… | ||
| Starting a Thread: Pin the Right Questions | Dora Makszy | 12m |
Mentors guide beginners by turning vague ideas into concrete, refinable questions and a step-by-step plan that becomes a list of math functions and a working… | ||
| React Is Hard but Not for the Reasons You Think | Sara Vieira | 34m |
A live-coding session builds a small React app in CodeSandbox that fetches the 30 worst IMDb movies, manages global state with Overmind, adds a like button… | ||
| React is hard but not why you may think | Sara Vieira | 37m |
Claim: React itself is manageable but integrating many libraries is what trips people up. Demonstrates a small app that fetches 30 “worst movies” via GraphQL… | ||
| Micro Frontends, how to evolve to an extensible frontend | Benjamín Martínez | 29m |
Claims that micro frontends let teams ship and fix small parts independently, demonstrated with a tiny todo app split into editor, list and a shell, wired via… | ||
| Micro Frontends, or How to Evolve to an Extensible Frontend | Benjamín Martínez | 29m |
Argues for splitting a web frontend into independent microfrontends mapped to business subdomains and demonstrates using iframes to compose a todo app into… | ||
| Accessibility — What Do You Eat That With? | Marjorie Figueroa | 27m |
An automated audit of roughly one million web pages found that automated tools detect only about 25% of accessibility issues, with an average of 56.6 errors… | ||
| Accessibility, what do you eat that with? | Marjorie Figueroa | 27m |
Explains which concrete problems to fix and how to test them: use semantic HTML, correct heading order, sensible tabindex and keyboard focus, preserve visible… | ||
| From beginner to expert in web performance | Tracy Lee | 16m |
Shows concrete steps to get realistic Lighthouse numbers: open production in incognito, set device to moto g4, throttle to 3g and 4x slowdown, disable cache… | ||
| From Beginner to Expert in Web Performance | Tracy Lee | 16m |
Covers practical web performance tuning using Lighthouse and DevTools: run audits in incognito with 3G throttling, 4x CPU slowdown, cache disabled, and record… | ||
| From JavaScript to React | Leonidas Esteban | 30m |
Recreates a minimal React implementation in plain JavaScript that runs in the browser without JSX, using an index.js plus react.js and dom.js that mirror parts… | ||
| From JavaScript to React | Leonidas Esteban | 32m |
Claims that React is just JavaScript and then builds a tiny React: a three‑file react.js / reactElement.js / index.js repo that implements createElement, a DOM… | ||
| nothing matches | ||