Web Directions Code 2021

Global, OnlineSeptember 17 & 24 2021

Progressive Web Apps and the future of the Web Platform

About Code

Progressive Web Apps (PWAs) first saw the light of day at Code 2015, when Alex Russell, their originator, first outlined the then weeks old concept.

Since 2015, the Web platform has increased in sophistication, with new capabilities and APIs. Web Apps are increasingly closer to being first class citizens on platforms like Android and even iOS.

Code focusses on developing these apps, and the Web platform as a whole. We'll cover browser APIs, as well as patterns and best practices for developing sophisticated web applications.

Who's it for?

Whether you call yourself a coder, a programmer a developer or engineer, if your job is to build and deliver robust, fast, secure, engaging web experiences, Code is for you.

Code is for front end engineers: JavaScript, Fullstack and Web developers, engineering leads, engineering managers, devops experts, CTOs.

Real World Knowledge

Now in its 10th year, Code is carefully curated by John Allsopp, whose deep knowledge of the Web over two decades as a developer, author and speaker ensures a program of genuine relevance and value.

Our program routinely features members of the W3C's Technical Architecture Group, ECMA TC39 (the JavaScript standards committee) and others shaping the foundations of the Web. Past speakers have included Alex Russell (inventor of Progressive Web Apps), Nicole Sullivan (OOCSS), Rachel Nabors, Barbara Bermes, Domenic Denicola and many more).

speakers and audience
  • 12+ Transformational speakers
  • 8+ Hours of content
  • 2 Deep sessions
  • 1 Extraordinary Conference

Web Directions Conffab

Over 600 presentations from 450 world leading experts at 32 conferences…and counting

All for $19.95 per month.

Or, get access to all our online events throughout the year as part of a Conffab Premium membership, for just $59.95 per month.

Register Now Learn More

Re-imagined as remote-only

In response to the unique challenges of COVID-19 we transformed our conferences into remote-first events. But we wanted to go beyond what most online events delvier.

Building on the extensive work we've done with our conference presentation platform Conffab, Code re-imagined from the ground up the conference experience, not just port the traditional conference to the Web.

With a focus on highly engaging, expertly filmed and edited, screen-oriented presentations, alongside spaces to connect, communicate and keep in touch with everything around the conference, you'll be immersed as if you were there–maybe even more so.

How is Code held?

Most online conferences run just like in-person conferences–one or two jam-packed days, of live streamed presentation. But with so many folks working remotely, and spending so much of their day in front of a screen we felt it was imperative to rethink this, and do something differently.

Code takes place over 2 consecutive Fridays in September. It will run for 3 and a half hours each session (with a bit of downtime built-in). Plus will run it 3 times so wherever you are in the world, you can participate along with your peers, from the comfort of your own home (or maybe office).

Extraordinary speakers

We're assembling a world–class lineup of experts for you. Here's our first batch, with more to come!

Covering

  • PWAs
  • temporal
  • AR
  • VR
  • WebAR
  • WebVR
  • immersive web
  • web components
  • web app installation
  • Neural Networks
  • WebNN
  • AI
  • PWAs and App Stores
  • File System API
  • professional ethics
  • Project Fugu
  • Speech API
  • Speech Synthesis
  • Speech Recognition

Featuring

Hemanth HM

Hemanth HM Member Of Technical Staff PayPal

The State of PWAs

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.

Read More

Brian Kardell

Brian Kardell Developer Advocate Igalia

The Evolution of the Web and OffscreenCanvas

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

Read More

Ujjwal Sharma

Ujjwal Sharma Compilers Hacker Igalia

How to outsmart time: Building futuristic JavaScript applications using Temporal

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.

Read More

Thomas Steiner

Thomas Steiner Developer Relations Engineer Google

The 2021 edition of dealing with files on the Web

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!

Read More

Ben Taylor

Ben Taylor Full-Stack Developer Explosion

Practical uses for Web Components

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.

Read More

Ningxin Hu

Ningxin Hu Principal Engineer Intel

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

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.

Read More

Ada Rose Cannon

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

The State of Augmented Reality in the Web Platform

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.

Read More

Alex Russell

Alex Russell Partner Program Manager Microsoft Edge

PWAs & Project Fugu: Closing The Relevance Gap

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.

Read More

Léonie Watson

Léonie Watson Director and co-founder Tetralogical

Conversational interfaces in the browser

Conversational interactions are everywhere - in our homes, our cars, and on all our devices, but do we have the capability to design and build conversational interfaces in the browser?

The answer is yes; sort of. The pieces of the puzzle are all there, but how well do they fit together and how much can we actually do today?

Read More

Diego González

Diego González Program Manager Microsoft Edge

Desktop PWAs. About time.

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.

Read More

Penny McLachlan

Penny McLachlan Product Manager Chrome Web Platform, Google

Web app installs: Why, when, how

One of the promises 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

Read More

Maximiliano Firtman

Maximiliano Firtman mobile+web developer

Publishing a PWA to App Stores

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.

Read More

Eva PenzeyMoog

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

Safety, Justice, Compassion: Shifting the Tech Paradigm

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.

Read More

Attend your way

Attend Code online, or as part a membership to our comprehensive conference platform, Conffab.

Conffab features hundreds of conference videos from our conferences, and other great conferences around the world.

Conffab Premium

  • Code conference

  • all 2021 online conferences live

  • all 2021 conference videos

  • Conffab presentation library

  • $595 annually
  • $59.95 monthly

Code+

  • Code conference

  • Code conference videos

  • Conffab presentation library

  •  

  • $395 Standard

Code classic

  • Code conference

  • Code conference videos

  •  
  •  
  • $295 Standard

Code Conference
September 2021

  • 2 in-depth sessions
  • 8+ hours of content
  • World Leading experts
  • Hallway Track
tick to indicate this is included tick to indicate this is included tick to indicate this is included

Code Conference Videos

All the Code conference presentations, captioned, transcribed and more

tick to indicate this is included tick to indicate this is included tick to indicate this is included

Conffab Presentation Library

1 year access to our growing library of hundreds of conference presentation videos from world leading conferences

tick to indicate this is included tick to indicate this is included

All 2021 online Web Directions conferences

Access to all 5 planned online Web Directions conferences in 2021–50+ hours of content.

tick to indicate this is included

Find the conference pass for you

Attend your way

Attend Code online, or as part a membership to our comprehensive conference platform, Conffab.

Conffab features hundreds of conference videos from our conferences, and other great conferences around the world.

Conffab Premium

  • Code conference

  • all 2021 online conferences live

  • all 2021 conference videos

  • Conffab presentation library

  • $595 annually
  • $59 monthly

Conffab Premium

Code+

  • Code conference

  • Code conference videos

  • Conffab presentation library

  •  

  • $395 Standard

Register Code+

Code classic

  • Code conference

  • Code conference videos

  •  
  •  
  • $295 Standard

Register Code Classic

Our other great 2021 conferences

Web Directions hover 2022

The conference CSS deserves

Online, globallyMarch 2022

Learn More

Web Directions lazy load 2022

a conference on front end performance

Online, globallyMay 2022

Learn More

Web Directions global scope 2022

a conference all about JavaScript

Online, globallyJune 2022

Learn More

Web Directions Code 2021

a conference on progressive web apps and web platform

Online, globallySept 17 & 24 2021

Learn More

Web Directions aaa 2021

accessibility engineering for front end developers

Online, globallyOct/Nov 2021

Learn More

Web Directions Safe 2021

privacy, security, identity for front end developers

Online, globallyDecember 2021

Learn More

Partners

We work closely with our partners and their technologies to deliver world leading online conferences.

Contact us for more on how we work can work with you to help you be even more awesome.

Key Partners

Platform.sh logo
Twilio logo
Lookahead Search logo
w3c logo
REA logo
Auth0 logo

Keep up to date with Announcements

Want to know when our program drops, and tickets go on sale ? Let us know below and we'll email you when the program is announced. And why not follow us on Twitter?

Praise for past Web Directions events

Phil Whitehouse
Web Directions is the must-attend event of the year for anyone serious about web development.

Phil Whitehouse,
Innovation Lead DigitasLBi

Ethan Marcotte
I’ve been admiring the Web Directions events for years, and was honored to be part… What a fantastic event!

Ethan Marcotte,
inventor "responsive Web design"

Dave Greiner
Out of any conference, Web Directions is far and away our favourite

Dave Greiner,
founder Campaign Monitor

About Us

Co-founded and now run by John Allsopp, Web Directions has for over 15 years brought together leading developers, engineers, visual, IxD, UX and product designers, Art and Creative Directors, product managers indeed everyone involved in producing web and digital products to learn from one another, and the World's leading experts across this vast field.

We spend our lives thinking about what comes next, keeping up with trends in technology, practices and processes, and filtering the hype, to make sure you don't miss trends that matter, and don't waste time on hype that doesn't.

We promise attending one of our events will leave you significantly better versed in the challenges you face day to day, and in solutions for addressing them.

Due to the COVID-19 pandemic, we're switching things up a bit for 2020, 2021 (and beyond). We're delivering 6 highly focussed front end development conferences online.

We hope our annual extravaganza, Web Directions Summit will take place in Sydney as soon as it is practicable.

vignettes from our events, social, speakers and more. Includes Hannah Donovan skylarking.

John Allsopp

John Allsopp has been working on the Web for nearly 30 years. He's been responsible for innovative developer tools such as Style Master, X-Ray and many more. He's spoken at numerous conferences around the World and delivered dozens of workshops in that time as well.

His writing includes two books, including Developing With Web Standards and countless articles and tutorials in print and online publications.

His "A Dao of Web Design" published in 2000 is cited by Ethan Marcotte as a key influence in the development of Responsive Web Design, who's acclaimed article in 2010 begins by quoting John in detail, and by Jeremy Keith as "a manifesto for anyone working on the Web".

Code of Conduct

For over a decade, we've worked hard to create inclusive, fun, inspring and safe events for the Web Industry.

As part of our commitment to these values, we've adopted a code of conduct for all involved: ourselves, our speakers, our partners and our audience.

If you have any concern or feedback, please don't hesitate to contact us.