Web Directions Code 2023

MelbourneJune 8th & 9th 2023

Australia's conference for JavaScript Developers and Front End Engineers

Code '23 is over

But that doesn't mean you can't benefit from this and other of our past and upcoming events. The videos are available on Conffab, our streaming service for conference presentations. Sign up and you'll get immediate access.

And why not check out all the front end focussed events we have planned for 2024, covering performance, JavaScript, web platform APIs, Accessibility, security, and more, from the perspective of front end development.

About Code

Code is our long running conference for front end and full stack engineers. Now across 2 big tracks, we cover the "front of the front end" and the "back of the front end"–the technologies (JavaScript, the React ecosystem, CSS, browser APIs), and practices (privacy, security, performance, platform engineering and operations, and more) that underpin today's web sites and app.

Who's it for?

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

If you build and deliver web sites and apps, Code is for you.

Real World Knowledge

Routinely featuring the folks developing key standards and practices, from the W3C, TC39, IETF, browser developers, and others shaping the the way we build for the Web today.

Past speakers include a "who's who" of the Web, such as Alex Russell (PWAs), Nicole Sullivan (OOCSS), Rachel Nabors, Domenic Denicola and many more).

speakers and audience
  • 500+ passionate attendees
  • 28 Transformational speakers
  • 2 days
  • 2 tracks

2 Big tracks

The frontend engineering landscape has become ever more sophisticated, and is increasingly specialised. In response we now have two tracks at Code. One focusses on "the front of the frontend", and the second, "the back of the frontend".

Of course developers will often not fall neatly into one camp or the other, and so attendees can move between tracks–plus everything is recorded for you to catchup afterwards.

Front of the Frontend

Focussed on the user experience of the code we're developing, the front of the front end track includes CSS, browser APIs and JavaScript, design systems, accessibility and more.

Back of the Frontend

Focussed on platform engineering, and covering the React ecosystem, performance, security, devops and more.

Extraordinary speakers

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


  • PWAs
  • performance
  • security
  • platform engineering
  • JavaScript
  • CSS
  • JavaScript Engines
  • Core Web Vitals
  • Web Assembly
  • islands
  • browser internals
  • incident management
  • edge architectures
  • debugging
  • WebBluetooth
  • WebNN
  • Web GPU
  • WebAuthn
  • Compute Pressure
  • container queries
  • browser APIs
  • micro frontends
  • micro services
  • machine learning
  • ES Modules
  • Import Maps
  • HTTP Imports
  • LLMs and coding
  • PWAs and App Stores
  • Project Fugu
  • more…


Kenneth Rohde Christiansen

Kenneth Rohde Christiansen Intel Corporation Principal Engineer and Web Platform Architect

Beyond the web of today

At Intel we work on the forefront of innovation as our hardware roadmaps are defined years ahead of release. This means that we need to make sure that the web platform takes advantage of new hardware capabilities as they are released or shortly after. This ranges from enabling new form factors to taking advantage of hardware accelerators.

In this talk we will discuss some of the new innovations that Intel is bringing to the web, such as WebNN, which enables access to fast neural network and machine learning capabilities; Web GPU and Compute Pressure, a new API enabling better user experience and bringing adaptive compute capabilities to the client, just like adaptive streaming has improved streaming use-cases by adapting to live network conditions.

Read More

Divya Mohan

Divya Mohan SUSE Senior Technical Evangelist

Beyond the browser: toward a more declarative future with WebAssembly

Since its announcement in 2015 and the MVP release in 2017, WebAssembly as a framework has come a long way. Originally conceptualised to solve the plethora of problems associated with bringing more languages to the frontend, the WebAssembly movement has gained momentum and how! With applications that go beyond the browser, the Component Model is the direction that the Wasm ecosystem is moving in. What does this mean for us mortals? A more declarative approach while building software, better reusability & portability of the software thus developed, and of course, the ability to bring more languages to the web. In this talk, the speaker will delve into the WebAssembly framework & the component model proposal for by discussing the motivations for their existence. With the help of analogies, the speaker will guide the audience through the various nuts and bolts of the proposal in detail. At the end of the session, the speaker aims to arm the audience with a working knowledge of the component model and resources to pursue further research and get involved in the Wasm community, should they wish to.

Read More

Anirudh Sharma

Anirudh Sharma Delhi Technological University Junior

Mastering the JavaScript Engine: A Deep Dive into the V8

Do you write JavaScript but are unsure of how it is executed under the hood? Are you interested in knowing more amazing stuff about the V8 JavaScript engine? Attend this talk to get an in-depth overview of the JavaScript engine and learn how this knowledge can help you as a developer to write more optimized JavaScript code. You will learn how exactly your high-level code is converted to bytecode and then to the optimized machine code with the magic of the V8 engine.

Read More

Hila Fish

Hila Fish Senior DevOps Engineer

Incident Management - Talk the Talk, Walk the Walk

Incident management can be challenging and throw you curveballs with unexpected issues, resulting in data loss, downtimes, and overall money & hours of sleep going to waste, BUT! There are practical things you could do to make it a smoother process and handle it better.

Remember when we were at school, and people said - "Actively listening in class guarantees 50% prep for the upcoming test"? The same goes for being proactive at work in ways that will instantly prepare you to manage incidents better (at night or in general).

In this talk, I'll cover the proactive ways you could take and incorporate into your day-to-day routine, in order to prepare you for a smoother and more efficient incident management process.

I will also show the best practices I've finalized over the years that helped me get a clear vision of how to manage production incidents in the quickest & efficient way possible. Embracing the tips I'll give you will guarantee you'll not only talk the talk but also walk the walk when it comes to incident management.

Read More

Nishu Goel

Nishu Goel epilot GmbH Software Engineer

Breaking up long tasks

Certain tasks on a user interaction can be blocking, giving the user a broken experience, and resulting in a low INP metric score.

Some ways to optimise the INP value of your page could be:

- keeping tasks small and dedicated to what they should do. - using Chrome’s scheduler API to schedule tasks for browser - yield important tasks to the main thread

The talk dives deeper into ways of improving the potential next CWV, "Interaction to Next paint" of a page

Read More

Serg Hospodarets

Serg Hospodarets Executive VP Global Engineering Finalsite

Front-End Platform Engineering

We are switching from the era of Front-End DevOps to a Platform Engineering- to create company-specific platform to develop and deliver their products.

It goes through the stages of a Design System creation, integrated in a UI Framework (React, Vue, Angular…), and building an abstraction level on top of Cloud providers (AWS, Azure etc.) and tooling (K8S, Terraform..), and CI/CD pipelines (GitLab, Github) + observability and security enablement, to move the cognitive load from the product delivery teams.

Picking the right tooling, foster the culture, solution and approaches is complex, but there is a common set of patterns and tools, so this talk is to describe both the reasons why Platform Engineering is a must, and to demo which tools and approaches will help you in this journey.

Read More

Mark Zeman

Mark Zeman Founder SpeedCurve

Pushing Pixels

Often when building websites, our units of measure are “pages”. It’s time to get more granular! Not every pixel on a page has the same importance. Content elements need deliberate prioritisation rather than trying to make the whole page fast. Let’s pull the idea of a “page” apart and explore a design and development pipeline that focuses on islands of content. How do we design, build and monitor the performance of our content islands?

Read More

Alexander Karan

Alexander Karan CTO ClimateClever

Falling off the Edge: Practical Uses for Edge Computing

Unlock the full potential of edge computing with this session. We'll dive deep into what edge computing is, how it works, and how it can enhance the software you build.

Learn about new runtimes and frameworks like Deno and Fresh that can take advantage of edge computing. See how easy it is to deploy to the edge and understand what it means to deploy your code as close as possible to your users and the benefits it brings.

The session will give you real-world examples and uses cases of edge computing so you can apply it to your work. We'll also cover the limitations of the edge and when it may not be the best fit for your project.

You will walk away from this session with the knowledge and skills to get the most out of edge computing.

Read More

Josh Goldberg

Josh Goldberg Open Source Developer

Static Analysis: Shockingly Useful! ⚡️

Wouldn’t you love to automatically zap code bugs before releasing to production? How about before your code even gets run? Static analysis tools scrutinize your code as you write it - giving you blazing fast feedback at development time. We’re going to go into how that works, why it’s useful, and -best of all- how to enable the best configurations for ESLint, TypeScript, and their associated tooling in your app.

We'll cover the tooling differences between formatters, linters, and type checkers, along with how to appropriately set up each of those tools for local development and CI/builds. We'll briefly skirt around the deep configuration rabbit holes one can joyously fall into when setting up ESLint plugins, then find ourselves using ESLint and TypeScript as documentation sources and to educate developers on general and team-specific best practices. This talk will have you detecting bugs, bad practices, and code smells at lightning speed! ⚡️

Read More

Simon Hildebrandt

Simon Hildebrandt Team Lead Equinox Ventures

Wait, my browser can do Bluetooth?!

Browsers are becoming the new operating system for the applications we use on a daily basis, but hardware access has always been a barrier. Now, with direct access to the local Bluetooth stack, talking to local embedded devices just became radically easier.

Read More

Lachlan Hunt

Lachlan Hunt Senior Developer Atlassian

Taking advantage of AI to help you write code

In this session, we'll explore how AI tools can help developers write better code. We'll cover various ways in which these tools can be used to generate code, improve skills, and debug errors. We'll also discuss their benefits, including time-saving and overall improvement of coding abilities. Moreover, we'll examine their limitations and provide tips on using them effectively. Whether you're a seasoned developer or just starting out, this session will offer valuable insights into how AI can assist you in writing better code and honing your coding skills.

Read More

Jake Lane

Jake Lane Senior Software Engineer Atlassian

Evolving code at scale

When you first start building a web application, it's easy to write code and pull in the dependencies you need. What happens in 5 years (or 5 weeks) when the industry has decided what once was a super useful library is causing enterprise computers to become fire hazards?

In this talk, we'll cover how we can modernise our code to the new dependencies we want, build tools and processes to migrate to new code, and avoid breaking things without moving too slowly.

Read More

Trung Vo

Trung Vo Staff Software Engineer Ascenda

CSS Container Queries: Reshaping the Way We Approach Responsive Web Design

The rise of component-based architecture has brought new challenges to web developers, including the need for more granular control over layouts within individual components. While media queries have been a cornerstone of responsive web design for over a decade, they fall short when it comes to solving layout issues at the component level. Enter CSS container queries, a new tool that allows developers to style components based on their available space within a containing element. With container queries, we can use the same component everywhere, but it's restyling itself to fit best within the UI where it lives.

In this talk, we will explore the capabilities of container queries and how they can be used to achieve complex layouts without the need for heavy scripting or ResizeObserver hacks. We will cover the different container types, including inline-size and size, and showcase real-world examples of container queries in action with flexbox and grid.

Read More

Phil Nash

Phil Nash Developer Advocate Sonar

The top 5 JavaScript issues in all our codebases

We all try to write the best code we can, but sometimes things slip through the cracks. With a look at the data from scans of thousands of projects, we can tell what the most common issues are in the codebases of all JavaScript developers.

In this talk we’ll take a look at those top issues that plague JavaScript projects around the world, we'll see why they are issues, and finally how to spot and avoid those common errors, issues or anti patterns. By the end of the talk you’ll feel more confident in your codebase and maybe have a few things to fix.

Read More

Luke Denton

Luke Denton Principal Frontend Software Engineer Aligent

Perceived Performance

What is perceived performance? It can’t really be measured, it’s a perception, it’s a feeling of performance. In the context of a website, perception is reality.

If a website feels fast to a user, then it is fast. In this talk, we’re going to explore some patterns and techniques that we use in our day-to-day, working on large scale ecommerce websites, ensuring our client’s customers have the best experience possible, which leads to happier customers and higher conversions.

Read More

Aliaksei Kuncevic

Aliaksei Kuncevic Director and Google Developer Expert Angular Consulting

Deep Dive into Push-based Front-end Architectures

Push-based front-end is a modern approach to web development that is gaining traction in the industry. Unlike traditional front-end development where the browser makes requests to the server for data, push-based front-end enables the server to proactively push data to the browser as it becomes available. This approach provides several benefits including faster data delivery, reduced network traffic, and improved user experience. In this talk Aliaksei will walk you through the the push-based systems and how to approach that using modern front-end frameworks and libraries

Read More

Milica Mihajlija

Milica Mihajlija Technical Writer Google

Our future without passwords

Picture the future. What do you see? Flying cars? Vacations in space? How about…not needing to remember passwords anymore? Well, welcome to that future (the no passwords one, not the flying cars).

Passkeys are here to make our digital lives easier and more secure–they cannot be reused, don't leak in server breaches, and protect users from phishing attacks. I’ll take you on a journey through our future where you can log in to a site or an app by unlocking your phone and show you how authentication systems with passkeys work.

Read More

James Cave & Chris Lienert

James Cave &Chris Lienert Principal Consultants Cognizant Servian


If you go by media releases, security breaches don't happen that often. In practice, there are many incidents that no one ever hears about and sooner or later it's going to happen to you. What happens when you get hacked? We'll go through different scenarios and discuss what you can do about it.

Read More

Kaif Ahsan

Kaif Ahsan Product Security Engineer Atlassian

Attacking the front-end: Modern-day client side security

We’ve come a long way since the early days of client-side security when injection attacks like XSS and SQLi were rampant. Modern frameworks come with a lot of out-of-the-box protections. But with the frameworks, the attackers have also evolved. In this talk, Kaif Ahsan, a Product Security Engineer at Atlassian, will share the most common ways modern web applications are hacked. Many of which he regularly comes across at work.

We will various techniques and examples of exploiting modern web applications like React, Angular. Through practical examples, code samples and much the developers will understand how the attacks happen and their impact. Furthermore, we will be exploring various best practices to tackle these vulnerabilities and build secure web apps.

Read More

Erin Zimmer

Erin Zimmer Software Engineer Cash App

But what about normal flow?

When people talk about CSS layouts these days, it’s all about flex and grid. And, don’t get me wrong, flex and grid are pretty cool. But normal flow is still the default layout on the web, so that's what most of your app is probably using.

And given that normal flow is so fundamental, it's important to have a good understanding of how it works. But how it works can be a little counter-intuitive. Why, for instance, can we easily centre a thing horizontally, but not vertically?

Let's have a look at the mental model behind normal flow, what kind of things it's good for, and when some of the newer, shinier features might be a better choice.

Read More

Deepak Verma

Deepak Verma Principal Consultant Bilue

How microservice architecture can benefit from Async API

In distributed architecture each service have their own context and boundaries defined by the team owning the service. Maintaining these specification and aligning them is a nightmare on long run. AsyncApi solve the problem by providing a specification to your asynchronous applications in a machine-readable format and tooling

Read More

Shabnam Mohammadian and Ehsan Gazar

Shabnam Mohammadian & Ehsan Gazar Technical Leads Mecca

Micro FrontEnd Architecture at Scale

Mecca's Engineering will be presenting its approach to solving the scalability and performance of frontend apps for over 30 frontend engineers by using a strategy called Micro FrontEnd

Read More

Katie Bell

Katie Bell Co-founder SplootCode

WebAssembly - a hands-on guide for frontend devs

WebAssembly is building in hype and capability, but only a select few web apps are actually using it. For some kinds of apps, WebAssembly has a huge impact on performance, but for the rest of us it can end up being added complexity. However, there's one unexpected place that WebAssembly is making its mark: Development tools.

Even for projects with no need for WebAssembly, it's worth learning about it, how it works, and how it can supercharge local development and collaboration.

Read More

Remus Mate

Remus Mate Senior Software Engineer SEEK

The State of ES Modules

While Node.js has implemented the CommonJS spec from the very beginning, it was never part of the ECMAScript standard. Modules were standardised in ECMAScript 2015 but adoption has been slow because Node.js, browsers, bundlers (and a little language called TypeScript) all had to agree on the implementation.

Where are we now? Let’s find out!

Read More

Omar Mashaal

Omar Mashaal Digital Engineeer Exhibitionist

Import Maps, ESM & HTTP Imports

Browsers have recently implemented import maps, which, in addition to ESM, allow you to both write and ship the same code, while still allowing incredibly powerful user experiences and complex interfaces.

Read More

Dave Berner

Dave Berner Co-founder Kinde

Don’t believe the hype!

We’ve all been guilty of it, a new technology comes along and you’re desperate to try it out. Before you know it, you’ve installed a bunch of dependencies, completed a brilliant “refactor” and shipped to prod. What you didn’t realise through all the high-fives and back-slapping with your team, is you’ve inadvertently shipped an extra 10mb of JS to the end user!

It’s not a new term but Hype Driven Development is more prevalent in the JavaScript ecosystem than ever. By the end of this talk you’ll see we may not need to JavaScript all the things and sometimes boring can be better…

Read More

Find the conference pass for you

There's also great bonuses for teams attending together–for you and your organisation.

Choose your ticket

Special Pricing

Freelancers, juniors and not for profits save–see below for details

Team Offers

There's great bonuses for you and your organisation when you attend as a team


  • $1695 early bird ends May 26th
  • $1795 late bird
  • Register


  • $1495 early bird ends May 26th
  • $1595 late bird
  • Register


Web Directions Code livestream access
June 8 & 9

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

Web Directions Code in person
June 8 & 9

tick to indicate this is included tick to indicate this is included cross to indicate this is not included

Web Directions Code on demand videos

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

12 month Conffab Streaming access

tick to indicate this is included cross to indicate this is not included tick to indicate this is included

Special Pricing

We know it's valuable to attend, to learn from our experts, and make connections in the industry. So, to make our events as affordable as possible, we have special pricing for a range of attendees.


If you're a contractor, freelance, consultant, independent–whatever you might call yourself, get a gold ticket for just $995. Choose the 'Code Gold junior/freelance/not for profit' ticket when you register.



To encourage employers to send their juniors to help develop their capabilities, get a gold ticket for any junior developer for just $995. Choose the 'Code Gold junior/freelance/not for profit' ticket when you register.


Not for profits

As a not for profit, get a gold ticket for just $995. Choose the 'Code Gold junior/freelance/not for profit' ticket when you register.


Bring the whole team

Over the years we've had many many teams attend our conferences together–treating it like an offsite, with amazing speakers, coffee, and more. Some come back year after year (well, they did until Covid). And now we're returning, bigger and better than ever, we're keen to make it really worth your while to attend together.

So here's a range of bonuses for groups of 10 or more from the same organisation.

bonuses for your team

Great team offers for you and your team when you attend together. The more that attend, the more you get

Teams of 10 or more

Teams of 20 or more

Teams of 40 or more

Ticket Upgrades

All the team gets upgraded from Silver to Gold tickets, giving everyone a year's 'Pro' access to our streaming platform, Conffab.

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

Awareness Level Partnership

Let attendees know what a great place for their next role your company is.

cross to indicate this is not included tick to indicate this is included tick to indicate this is included

Presence Level Partnership

Meet potential employees face to face in your own space at the event.

cross to indicate this is not included cross to indicate this is not included tick to indicate this is included

Register your team

Keep up to date with Announcements

Want to keep in the know about Code '23? Let us know below and we'll email you when the program is announced and tickets go on sale. And why not follow us on Twitter?

Web Directions Conffab

Stream and download nearly 1,000 presentations from hundreds of world leading experts at 45 conferences…and counting

With free and paid levels, keep up to date with all that's happening in our industry at your own pace.

Subscribe Now Learn More


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
speedcurve logo
REA logo
Auspost logo

Community Partners

React Melburne logo
MelbJS logo
melbournecss logo
neurodiversity academy logo

Our venue

Code '23 returns to Melbourne bigger than ever, and with a brand new venue: The Melbourne Convention and Exhibition Centre, to accomodate our two big tracks and 500+ attendees.

Getting there:

Right on Southbank, the centre is easily accessible by public transport and has plenty of onsite parking if that's what you need. For our of towners, it's a short walk from the Melbourne CBD.


Coming from out of town? There's plenty of nearby options!

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 nearly 20 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.

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.