- June 8th
Beyond the web of today
Kenneth Rohde Christiansen, Principal Engineer and Web Platform Architect Intel Corporation
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.
Breaking up long tasks
Nishu Goel, Software Engineer epilot GmbH
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
Micro FrontEnd Architecture at Scale
Shabnam Mohammadian & Ehsan Gazar, Technical Leads Mecca
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
Luke Denton, Principal Frontend Software Engineer Aligent
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.
How microservice architecture can benefit from Async API
Deepak Verma, Principal Consultant Bilue
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
Anirudh Sharma, Junior Delhi Technological University
Evolving code at scale
Jake Lane, Senior Software Engineer Atlassian
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.
Phil Nash, Developer Advocate Sonar
Incident Management - Talk the Talk, Walk the Walk
Hila Fish, Senior DevOps Engineer Wix
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.
The State of ES Modules
Remus Mate, Senior Software Engineer SEEK
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!
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.
Import Maps, ESM & HTTP Imports
Omar Mashaal, Digital Engineeer Exhibitionist
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.
Attacking the front-end: Modern-day client side security
Kaif Ahsan, Product Security Engineer Atlassian
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.
Don’t believe the hype!
Dave Berner, Co-founder Kinde
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!
- June 9th
Front-End Platform Engineering
Serg Hospodarets, Executive VP Global Engineering Finalsite
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.
Taking advantage of AI to help you write code
Lachlan Hunt, Senior Developer Atlassian
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.
Mark Zeman, Founder SpeedCurve
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?
Wait, my browser can do Bluetooth?!
Simon Hildebrandt, Team Lead Equinox Ventures
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.
Falling off the Edge: Practical Uses for Edge Computing
Alexander Karan, CTO ClimateClever
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.
Our future without passwords
Milica Mihajlija, Technical Writer Google
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.
Deep Dive into Push-based Front-end Architectures
Aliaksei Kuncevic, Director and Google Developer Expert Angular Consulting
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
CSS Container Queries: Reshaping the Way We Approach Responsive Web Design
Trung Vo, Staff Software Engineer Ascenda
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.
WebAssembly - a hands-on guide for frontend devs
Katie Bell, Co-founder SplootCode
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.
But what about normal flow?
Erin Zimmer Software Engineer Cash App
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.
Beyond the browser: toward a more declarative future with WebAssembly
Divya Mohan, Senior Technical Evangelist SUSE
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.
Functional Cascading Style Sheets
Craig Sharkie, Principal Experience Developer
In Functional Programming you use functions to compose sustainable code, and employ processes to support that code.
In Functional Style Sheets we embrace that sustainability and change our process to align with Functional principles.
We'll uncover that as CSS advances we need fewer changes to evolve our code to being a first class citizen in your programming arsenal.
Static Analysis: Shockingly Useful! ⚡️
Josh Goldberg, Open Source Developer
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! ⚡️
closing panel–The direction of the Web
Web Directions Code speakers
Where is the Web headed the next few years? What technologies, architectures and patterns should we be focussing on? Bring your questions for key speakers, and a special guest who'll bring us up to speed with the direction the web platform is headed.
Find the conference pass for you
There's also great bonuses for teams attending together–for you and your organisation.
Choose your ticket
Freelancers, juniors and not for profits save–see below for details
There's great bonuses for you and your organisation when you attend as a team
Web Directions Code livestream access
Web Directions Code in person
Web Directions Code on demand videos
12 month Conffab Streaming access
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.
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.
Praise for past Web Directions events
Web Directions is the must-attend event of the year for anyone serious about web development.
Innovation Lead DigitasLBi
I’ve been admiring the Web Directions events for years, and was honored to be part… What a fantastic event!
inventor "responsive Web design"
Out of any conference, Web Directions is far and away our favourite
founder Campaign Monitor
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.
And, our annual extravaganza, Web Directions Summit returns to Sydney in October 2023, bigger and better than ever.
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.