Code ’21

Each day takes place three times, and you may attend any or all.

Day 1

  • September 17
  • 11:00am–3:00pm AEST (GMT+10:00)
  • 12:00pm–4:00pm BST (GMT+1:00)
  • 1:00pm–5:00pm EDT (GMT-5:00)
  • Program time today approximately 4 hours 15 minutes.

The State of PWAs

Hemanth HM, Member Of Technical Staff PayPal

In 2020 PWAs turned 5. So in that milestone year, what’s the reality of PWA developer adoption? Hemanth HM, author of the chapter on PWAs in the most recent Web Almanac, a comprehensive report on the state of the web, backed by real data from HTTP archive, and trusted web experts, dives into real world adoption of the technologies underpinning PWAs, to see just how in reality PWAs are being deployed.

The Evolution of the Web and OffscreenCanvas

Brian Kardell, Developer Advocate Igalia

A walk through how the web and web standards advance and evolve, driven through a look at canvas and new APIs like OffscreenCavas and Custom Paint

The 2021 edition of dealing with files on the Web

Thomas Steiner, Developer Relations Engineer Google

The file input element and the download attribute on anchor elements used to be the primary way for working with files on the Web. Not anymore! In this presentation, I will show modern ways of dealing with files in the browser and how they integrate with the clipboard, drag and drop, and your operating system’s file explorer. You will also learn that not all files are created equal! This will be a pre-recorded “live”-coding session, so expect no slides, no coding glitches; just pure edutainment!

Practical uses for Web Components

Ben Taylor, Full-Stack Developer Explosion

Web Components can feel like a bad fit for a JavaScript tech stack. If you’ve got a legacy codebase, you might be thinking about switching costs. Or you’re already running a modern stack and don’t see a need for them. But this shouldn’t be an either/or, you can have both!

Web Components work great as isolated improvements to your codebase. Their API is neat and tidy and doesn’t require a “big switch”. In this talk I’ll give an overview of Web Components and explore examples of how you can use Web Components practically in any codebase.

What could you do with a neural network in your browser?

Ningxin Hu, Principal Engineer Intel

Neural Networks are an approach to machine learning (specifically Deep Learning) that are now widely used from supercomputers to your smartphone (via APIs like CireML in iOS and Neural Networks API on Android). The Web Neural Network API (WebNN) in development at the W3C aims to bring Neural Networks natively to the browser, and with them solutions to a range of common use cases including Face Recognition, Facial Feature Detection, image captioning, and much more. And best of all you can start exploring it today with the WebNN polyfill.

In this presentation Ningxin Hu, one of the editors of the WebNN specification, takes us through its features and aims, and how we can get started using WebNN right now.

The State of Augmented Reality in the Web Platform

Ada Rose Cannon, Developer Advocate, co-chair Samsung Internet, W3C Immersive Web Groups

The WebXR API can be used to make VR and AR capable websites this talk will introduce some of the newer augmented reality features and how to use them.

Day 2

  • September 24
  • 11:00am–3:00pm AEST (GMT+10:00)
  • 12:00pm–4:00pm BST (GMT+1:00)
  • 1:00pm–5:00pm EDT (GMT-5:00)
  • Program time today approximately 4 hours 15 minutes.

PWAs & Project Fugu: Closing The Relevance Gap

Alex Russell, Partner Program Manager Microsoft Edge

Chromium’s Project Fugu is an open collaboration to push the capabilities of the web platform forward through standards. When combined with Progressive Web Apps, we’re approaching a point where whole classes of applications that were previously exclusive to native apps are coming to market on the web. This talk digs into the what, but also the why, of this huge expansion of power for web developers.

Conversational APIs

Léonie Watson, Director and co-founder Tetralogical


Desktop PWAs. About time.

Diego González, Program Manager Microsoft Edge

It’s 2021. Long gone are the times where a PWA was only a shortcut in a user’s home screen. PWAs play nicely with desktop environments. It’s about time. The presentation goes through cutting edge features and APIs that allow a PWA to integrate seamlessly with a desktop OS. To demo this, we go through a purpose built PWA that utilizes existing and experimental features that can provide a delightful UX, all powered by the web platform.

Web app installs: Why, when, how

Penny McLachlan, Product Manager Chrome Web Platform, Google

One of the promoses of PWAs is installability-but how can developers best ensure users install their PWA, and manage the installation process? In this presentation Penny McLachlan will cover

  • What the ‘install capability’ unlocks for users
  • use cases that are typically suitable for installed web apps, and why & how not to annoy users by forcing them to install
  • When to ask the user to install for common use cases (and when not to!)
  • Patterns to use to promote installable web apps without being annoying
  • How to trigger the install prompt and measure interactions

Publishing a PWA to App Stores

Maximiliano Firtman, mobile+web developer

Today, Google Play Store, Apple App Store, and Microsoft Store accept Progressive Web Apps. It’s common to create PWAs these days with different toolchains, but how to publish it to the App Stores after they are on the web? Join me in the journey of taking a PWA for browsers and making everything available for stores.

Today Progressive Web Apps can be installed on every desktop and mobile operating system from the browser, but app store availability is also possible thanks to a couple of different official (and non-official) solutions such as Trusted Web Activities for Android, or PWAs for Microsoft Store. In this talk, we will go through the process of creating PWA Launchers for iOS, iPadOS, Android, and Windows. We’ll discuss the responsibility of Service Workers when working with PWA launchers, and how JavaScript can extend the Web Platform calling native APIs when a PWA launcher is involved with real-world examples of what’s possible.

For enterprise developers, we’ll analyze how we can distribute PWAs for iOS through Mobile Configuration files, and PWAs for Android through the Android Enterprise Console and a new feature known as a Managed Google Play iframe. Finally, we’ll discuss the idea of PWAs on the Apple App Store, what’s possible and what’s not with current guidelines and technologies available such as WKWebView and App-Bounded Domains available since iOS 14.

How to outsmart time: Building futuristic JavaScript applications using Temporal

Ujjwal Sharma, Compilers Hacker Igalia

For close to 25 years now, JavaScript developers have suffered at the hands of time: the Date object. We have tried all sorts of solutions from using popular libraries like Moment.js all the way to handling dates and times on the backend.

Last year, I told you all about Temporal, a work-in-progress JavaScript proposal/initiative that I have been working on that aims to fix the situation by adding a date-time API to JavaScript that is truly futuristic.

Now it’s time to show “time” who is boss. With the Temporal API stable at Stage 3 and the polyfill ready for production use, let me show you how to harness the power of this delightful API in order to build powerful JavaScript applications that handle dates and times like we always wished we could. We shall also discuss the orthogonal features being worked on in the JavaScript Intl API and find out how these play along with each other and come together to form a comprehensive set of APIs that allow us to build state of the art date and time components in our applications.

Safety, Justice, Compassion: Shifting the Tech Paradigm

Eva PenzeyMoog, Principal Designer, Author 8th Light, Design for Safety

What do we really mean when we talk about “ethics” in tech? What are we actually aiming for, and what specifically can we all do to get there? It’s not enough to point out existing issues with racist, sexist tech, products that are easily weaponized for abuse, or harmful tech workplaces – we need intentional strategies for creating a tech industry that is truly ethical.

This talk breaks down the call for “ethical tech” into the need for both our tech industry and the products we create to be focused on safety, justice, and compassion. This talk focuses on how we can transform tech in terms of the industry and the products it makes to prioritize those things, drawing on historical case studies of other movements that shifted paradigms from unethical to ethical.