Install Nothing: App UIs With Native Browser APIs

This talk is confirmed. The time of the talk will be announced soon.

The recording will be published after editing. Multipass and Full ticket holders have early access.

You might not need as much JS as you think to accomplish common UI patterns with these new native browser APIs. Dive into new and future CSS, HTML and JS APIs that make our code leaner and faster to ship.

browser api

Scott Tolinski

Video transcription, chapters and summary will be available later.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Pushing the Limits of Video Encoding in Browsers With WebCodecs

JSNation 2023

25 min

Pushing the Limits of Video Encoding in Browsers With WebCodecs

Top Content

Akash Hamirwasia

Razorpay, India

High quality video encoding in browsers have traditionally been slow, low-quality and did not allow much customisation. This is because browsers never had a native way to encode videos leveraging hardware acceleration. In this talk, I’ll be going over the secrets of creating high-quality videos in-browsers efficiently with the power of WebCodecs and WebAssembly. From video containers to muxing, audio and beyond, this talk will give you everything you need to render your videos in browsers today!

video javascript browser api webassembly standards

Visualising Front-End Performance Bottlenecks

React Summit 2020

34 min

Visualising Front-End Performance Bottlenecks

Richie McColl

DAZN

There are many ways to measure web performance, but the most important thing is to measure what actually matters to users. This talk is about how to measure, analyze and fix slow running JavaScript code using browser APIs.

performance devtools browser api

WebHID API: Control Everything via USB

JSNation 2022

23 min

WebHID API: Control Everything via USB

Nikita Dubko

Lead Frontend Developer and CSS Evangelist

Operational System allows controlling different devices using Human Interface Device protocol for a long time. With WebHID API you can do the same right from the browser. Let’s talk about the protocol features and limitations. We’ll try to connect some devices to the laptop and control them with JavaScript.

browser api innovation

MIDI in the Browser... Let's Rock the Web!

JSNation 2022

28 min

MIDI in the Browser... Let's Rock the Web!

Jean-Philippe Côté

Professor @ Collège Édouard-Montpetit

If you own an electronic music instrument made in the last 3 decades, it most likely supports the MIDI protocol. What if I told you that it is possible to interact with your keytar or drum machine directly from your beloved browser? You would go crazy, right? Well, prepare to do so…With built-in support in Chrome, Firefox and Opera, this possibility is now a reality. This talk will introduce the audience to the Web MIDI API and to my own WEBMIDI.js library so you can get rockin' fast.Web devs, man your synths!

browser api audio web apps

Web Push Notifications Done Right

JSNation 2023

11 min

Web Push Notifications Done Right

Maxim Salnikov

Microsoft, Norway

Finally, Web Push API is available in all major browsers and platforms. It's a feature that can take your users' experience to the next level or... ruin it! In my session, after a tech intro about how Web Push works, we'll explore implementing smart permission request dialogues, various types of notifications themselves, and communicating with your app for more sophisticated scenarios - all done right, with the best possible UX.

browser api web standards

Service Workers: How to Run a Man-in-the-middle Attack on Your Own Site for Fun and Profit

JSNation Live 2021

34 min

Service Workers: How to Run a Man-in-the-middle Attack on Your Own Site for Fun and Profit

Chris Ferdinandi

The Vanilla JS Guy

Service workers bring amazing new capabilities to the web. They make fully offline web apps possible, improve performance, and bring more resilience and stability to any site. In this talk, you'll learn how these man-in-the-middle attacks on your own site work, different approaches you can use, and how they might replace many of our current best practices.

performance browser api

Workshops on related topic

Writing Universal Modules for Deno, Node and the Browser

Node Congress 2022

57 min

Writing Universal Modules for Deno, Node and the Browser

Workshop

Luca Casonato

This workshop will walk you through writing a module in TypeScript that can be consumed users of Deno, Node and the browsers. I will explain how to set up formatting, linting and testing in Deno, and then how to publish your module to deno.land/x and npm. We’ll start out with a quick introduction to what Deno is.

browser api typescript node.js deno