Web Directions Conffab
Stream and download nearly 1,000 presentations from hundreds of world leading experts at 50 conferences…and counting
With free and paid levels, keep up to date with all that's happening in our industry at your own pace.
A world leading conference for the people building the Web
Web Directions Developer Summit covers cutting edge technologies and practices current in front end engineering–from the back, to the front, of the front end and is created for
Here's everything you need to now to get the most from Dev Summit on the day.
Dev Summit takes place at the Guthrie Theartre, UTS Sydney.
Dev Summit takes place Wednesday and Thursday, 27th and 28th November 2024. Registration from 8am. Sessions from 9am.
Presentations finish at 5pm. Join us from 5-6:30pm Wednesday 27th for our happy hour and a half.
Any issues in person or on the stream–email us [email protected], we're standing by.
You're right, Developer Summit will be focussed on front end engineering. But we're not neglecting the wonderful product, design, content and "big thinker" audience. Dev Summit is accompanied by a one day ideas driven conference Web Directions Next.
Imagine a super concentrated day of our most engaging keynotes and talks. Opportunities to connect meaningfully with others who get excited about this stuff as much as you do.
That's Next, which will help you chart what's next in product, design and strategy.
After a decade dominated by frameworks and the Single Page App architecture, a new era in front end architecture may be emerging.
Driven by web platform capabilities–some long standing like Web Components, some new and emerging like View Transitions and Speculative Loading, will we see simpler, more performant web sites?
And what else should you be paying attention to in the front end landscape? From React Compiler and Server Rendering, to new CSS features (so many features) and so much more, we've got you covered.
over two dozen sessions covering modern front end development
Maria Farrell and Robin Berjon’s viral article, We Need to Rewild the Internet, set the stage for a whole new policy conversation about internet and web decentralisation in the US and Europe. But what does internet rewilding mean for technologists?
Chokepoints and tech monocultures create global digital fragility, as the Microsoft/Crowdstrike debacle showed all too well, but we have alternatives. We can make different, more resilient choices.
This informative and inspiring keynote works through Web layers, languages, organisations, technologies and applications to show that when it comes to regenerating a decent online habitat for us all to live and flourishing, ecologists have figured a lot of it out already.
A deep-dive into CSS container queries.
How did container queries go from ‘impossible’ to ‘shipping’ after so many years? How do we use them, and what hidden powers do they have? What are CSS containers, and what queries can they respond to? Let’s find out!
The largest companies in the world are making the transition to web components. A LOT is changing with the features surrounding web components and it can be dizzying to keep up. In this talk, Scott will dig into the technologies behind web components, discuss the many ways they're are being used on the web today, and what's ahead as well.
Google's Web AI libraries and models reached over 1 billion downloads in the past 2 years - if you are a web developer and not yet using Web AI - you are missing out. Learn what's new with the state of Web AI at Google and discover Gen AI models you can run entirely client-side in the browser, along with new tooling and APIs for your company's next web app. We'll cover key updates from Chrome, TensorFlow.js, MediaPipe Web, Core ML, Visual Blocks - a new low code framework you can use to prototype faster on your team, and beyond.
When Remix was first released in 2020, its goal was to provide framework-level features on top of React Router, simplifying server-side rendering, data fetching, state management and build tooling. Now, with the release of React Router v7, the entirety of Remix is getting merged back upstream into React Router. This is a huge step up for the React community since React Router powers roughly half of all React downloads. In this talk we'll take a look into how this happened and what this means for the future of React frameworks.
In this talk, we dive into the often underestimated power of HTML in shaping and improving the performance of our applications and websites. With the complexities of modern web development, performance often gets pushed to the back burner. But it doesn't have to! We'll look at how we can integrate performance into the earliest stages of development and lay a solid foundation for more performant applications.
Whether you’ve been writing HTML for 20 years or 2 years, you’ll leave this session with an understanding of how to leverage features such as resource hints and priority hints, explore the power of preload techniques and delve into strategies for improving image performance, minimizing the cumulative layout shift, and optimizing rendering efficiency.
We’ll do this all by using a technology we are already using day to day, but with a better understanding of how to leverage it more effectively! The end result will be an improved user experience and increased loading efficiency for your projects.
Digital money has taken on a rather bad reputation of late, but what if the transfer money could be as frictionless, and inexpensive as the exchange of information enabled by the internet? Just as TCP/IP transformed the way information was exchanged, and drove the cost of that transfer inexorably lower, the interledger protocol, a W3C standard, aims to do that for payments and the transfer of value.
Already connecting traditionally unbanked communities into the world’s financial systems, the protocol opens opportunities for new business models and value exchange.
How might it transform what we do online and in the physical world?
JavaScript is garbage collected, but we can still get memory leaks. This session walks through what is and what isn’t collectable by the garbage collector. We also cover some easy fixes to ensure you don’t hold on to memory you don’t need anymore. Finally, we look at modern weak data structures that library authors can utilise to simplify internal memory management.
Elements that 'popover' the contents of a page–dialog boxes, tooltips, modals, menus, and notifications have always been a lot of work to get right. But with the new HTML popover element it's got a whole lot easier.
Learn all about what they offer and how to use them in this session.
Signals, are reactive primitives for managing application state, increasingly found in programming languages and JavaScript frameworks.
In this session Lex Kuncevic covers their basic concepts and shows how they offer advantages over traditional state management and other reactive methods. We'll see practical examples demonstrating how Signals can simplify your code, improve performance, and how platforms like YouTube are already leveraging their power at scale.
And we’ll explore TC39’s efforts to standardise these concepts in ECMAScript, aiming for a more consistent experience across different frameworks and discover how frameworks like Angular, Solid, and Svelte use Signals, and learn how to apply these tools in your own projects.
In this talk Alex will share the creative engineering that has gone into enabling a powerful and delightful feeling automatic scrolling experience when dragging cards around in Trello.
The most talked-about news in the React community this year is probably the React Compiler. Everyone is looking forward to being saved from the re-render plague and never having to write useCallback/useMemo again.
But are we truly there yet? Can the React Compiler actually achieve those things? Do we need to do anything other than turning it on and enjoying a re-render-free life? I ran it on a few real-world apps to find the answer. Want to see the results?
In this talk, we’ll take a look at what the React Compiler is, what problems it solves, and how it performs on simple code examples and real-world applications.
Reusing components leads to visual consistency, higher quality code and faster development yet it's so tempting to building from scratch. Explore the benefits and decisions to increase component reusability at ABC.
The whole world is excited about generative AI, but how do we start to build with it? Do we need to learn linear algebra, machine learning, or even python?
It turns out that our existing knowledge and skills are still very much in demand. There are some terms and tools you need to understand, but it's not as big a jump as you think.
This talk is a roadmap for understanding GenAI as a developer and how to start building with it, from interacting with large language models to rendering output to the browser and everything you need to know in between.
After duplicating enough React components, the pragmatic programmer decided to take matters into their own hands and started a React component library. What started as a noble venture is met with glares, budget constraints, maintenance challenges, and any number of other issues.
“The UI component library iceberg” takes us through the process of decision making involved in the early days of building a UI component library. We'll consider the reasons to build your own library, and maintaining and growing one, involving metrics tracking, developer advocacy, maintenance and more.
We'll uncover the hidden dangers like design systems, scalability challenges, and maintenance pitfalls lurking beneath the surface and provide practical strategies for steering clear of them.
In this talk we’ll break down keyword, semantic, vector and hybrid search approaches, exploring how each method works, their advantages and disadvantages, and practical use cases.
The talk will break down what can be overly complex concepts into practical takeaways for our everyday work as JavaScript developers. By the end of the session you’ll have a better understanding of when and how to use different search techniques to optimize your user experience. Most importantly you will also learn how as a JavaScript developer we use can use these search techniques using open source tooling and libraries including some powerful search engines written in TS/JS.
In the world of Micro-Frontends, managing states, sharing components, and handling libraries across multiple frontend applications can be a daunting task. This session will dive deep into the challenges and solutions for effective state, component, and library sharing and management in a Micro-Frontend architecture. Drawing from real-world experiences and best practices, we'll explore strategies for maintaining a consistent state across federated applications, ensuring seamless communication and data synchronization. Additionally, we'll consider techniques for sharing reusable components and libraries, enabling code reuse and fostering a more efficient development process.
By the end of this session, attendees will walk away with actionable strategies to effectively manage state, components, and libraries in their Micro-Frontend applications.
We started a brand new AI team with 14 engineers that have never touched AI before! We started madly learning about AI, LLMs, top-k, temperature, ALL THESE NEW WORDS!
After 6 months, we’ve learned so much, we’re productive and it feels like we’re building something special.
I’ll describe how we quickly became productive, tips to give a large team focus, methodical thinking and some examples how we’re really all just problem solvers.
The audience will get a taste of what it’s like to start prompt engineering for the first time, how backwards it feels and how we can do better.
In this talk, we will explore the latest and most interesting CSS advancements coming to browsers, including parent selectors (:has), container queries and view transitions. These tools allow for more responsive design, simpler selectors, and better organisation of your CSS code.
Throughout the talk, you’ll see engaging examples that will help you pick up tips and best practices for incorporating these techniques into your work, as well as a little inspiration for what’s to come!
Web app performance is a constant battle as more and more complex apps become the norm. But all too frequently, we fall victim to silicon valley marketing that sells everything except actually making your app faster.
In this session, we look at how we can approach latency management has a hierarchy of strategies, each less effective than the last, creating a complete plan to build the most performant web apps possible.
View transitions can significantly reduce cognitive load, offering users a smoother and more intuitive experience compared to static, abrupt changes. We'll explore the technical implementation of both same-document and cross-document view transitions, through many real world examples. We’ll also focus on best practices for ensuring accessibility and enhancing usability, leading to an overall improved experience.
Generating mazes might not be something you do a lot in your typical front-end job. Some might call it a waste of time. Why bother if you’re not a game developer? Who needs that kind of thing?
Sure, it might not be essential, but it’s a lot of fun.
Building mazes also presents interesting real-world challenges. How do we deal with random numbers if we’re creating pure functions? How do we implement a repetitive algorithm without using loops? How do we work effectively with immutable data structures? And most importantly, can we have some fun while we’re at it?
Speculation can be risky business, but it's worth taking risks for the rewards! With speculative loading, we can predict the future to guess what our users are going to do next, and preload resources to give them a speedier, smoother experience.
We'll discuss when you should and shouldn't use speculative loading, and how to choose what to preload. We'll explore what you can do right now across browsers to speed up your page loads and navigations, and take a look at Chrome's new Speculation Rules API and when to use it.
As the momentum of web development swings back towards the server, streaming is becoming increasingly popular. Specifically, out-of-order streaming with features like React Suspense — one of the magical powers behind Server Components.
Let's build our very own (simplified) version to explore how it works, what problems we are trying to solve, and what this future of web development looks like.
Dependency injection is a common software pattern, with clear benefits, including easier testing, and better reusability of code. While there are React dependency-injection libraries available, React doesn't provide a native implementation of this pattern. It does, however, provide useContext, which can be used to gain many of the benefits of dependency injection. Today, we're going to take a look at why you might want to use dependency injection, how you can go about doing it with useContext, and what the pros and cons are of this approach vs using a library.
It’s crucial for everyone to feel a sense of belonging when interacting with our products. That’s why inclusive design must be an ongoing part of our process. Disability isn’t merely a personal health condition; it’s a mismatch between our products and how users seek to interact with them. Designing with inclusivity in mind benefits not only those with permanent disabilities but also those with temporary or situational limitations. In some cases, inclusive designs go on to become an integral part of daily life.
In this discussion, we’ll explore inclusive designs that have transcended disability boundaries, innovative devices reshaping our interactions with computers, and perhaps even showcase a live demo
Are you tired of building internal capability platforms that no one uses? How about spending money on internal platforms that never get used because they don’t help your teams solve the problems they were built to solve?
Learn how to transform your internal capability platforms into assets that drive real business impact and that work FOR your teams.
Bec Monfries and Simon Wardan from Terem will explore the power of a product-led approach to boost adoption, streamline workflows, and make data-driven decisions. Discover how to build capabilities that will revolutionise your developer experience, provide essential framework and architecture changes and accelerate your productivity. Join us to unlock the full potential of your internal tools and empower your organization.
It's easy to get excited about new frameworks and technologies. At least until we need to have those conversations with stakeholders outside of the Engineering team.
How can we make the case for complex and expensive changes that take engineers away from delivering new features for customers immediately? And how can Engineering gain more influence in organisations generally?
In this talk you will learn:
- Why engineers need to speak 'business'.
- What business stakeholders care about (beyond just revenue).
- How to build and defend the case for big engineering projects.
On November 29th the day after Dev Summit we've got two very rare workshops on very timely topics by world leading experts.
New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the :has() selector, subgrid, nesting, and so much more. It’s an exciting time, but the list can also feel overwhelming.
Do I really need grids if I already know flexbox? What problem do layers actually solve? Should I rewrite my styles with each feature release, or stick with the tools that I know?
Join Miriam for a deep dive into what makes the language work, and how we can harness its power to develop resilient and delightful experiences that hold up across browsers, languages, and device interfaces.
If you're like me, you've been hearing a lot about web components lately. Many of us are finding ways to transition to using web components more in our work, and all the while, many teams are struggling to get up to speed and figure out how web components fit into their workflows. A lot is happening with web components right now and it can be a little overwhelming to follow all that has changed.
If you're a designer or developer looking to gain a better understanding of how web components can fit into your workflow today and into the future, this is the course for you!
Attend Dev Summit by itself, or add our Next Conference or one of two rare workshops to the mix.
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
$1995
Includes
$1995
Includes
$1495
Includes
$1295
Includes
$895
Includes
$895
Includes
$795
Includes
$695
Includes
$495
Includes
$295
Includes
In-person conferences and workshops are fully catered (morning and afternoon tea and lunch) including any dietary requrements. Our conferences feature amazing coffee (and more). Developer Summit and Next also feature a reception.
Streaming passes include access to the conference livestream on our very own platform Conffab, includiing live captioning and chat, access to the stream on demand after the event and to the conference videos when they become available.
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 paying you're own way–contractor, freelance, consultant, independent–whatever you might call yourself use the code freelancedevsummit when you register, and pay just $995.
To encourage employers to send their juniors to help develop their capabilities, register them with the code juniordevsummit and you'll pay just $995
As a not for profit, register with the code nfpdevsummit, and pay just $995.
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, so we're keen to make it really worth your while to attend together.
So here's a range of bonuses for groups of 5 or more from the same organisation. Drop us a line [[email protected]] for more details or to register.
bonuses for your teamThe more who come, the more you get |
Teams of 5 or more |
Teams of 10 or more |
Teams of 20 or more |
Teams of 30 or more |
Ticket UpgradesBuy classic, get silver |
||||
Bonus Web Directions Next Tickets |
1 Next Ticket |
2 Next Tickets |
4 Next Tickets |
6 Next Tickets |
Awareness Level Partnership | ||||
Presence Level Partnership |
Web Directions Developer Summit 2024 will take place in November at UTS Sydney.
There are numerous public transport options, and parking available close by.
If you're coming from out of town, there are many hotel and serviced apartment style accomodation options in and around the area.
Not everyone is ready, or able to get back to in-person events. Others find online conferences provide greater accessibility. So we'll be streaming Dev Summit, on our very own streaming platform Conffab.
Drawing on our lessons of hosting over a dozen online conferences in recent years, streaming attendees will get live captions, and be able interact with in-person attendees, ask speakers questions, and feel a close as possible without being at the venue.
Keen to reach hundreds of the leading web engineers in the country? We bring them together in one place, fuel them with coffee and amazing talks and reignite their excitement.
We work closely with our partners and their technologies to deliver world leading online conferences. Contact us to talk more about how we work can work with you to help you be even more awesome.
With free and paid levels, keep up to date with all that's happening in our industry at your own pace.
John Allsopp has been working on the Web for nearly 30 years. He's been responsible for innovative developer tools such as Style Master and X-Ray, and his ideas formed the foundation for Typekit, now Adobe Fonts, and the entire concept of Responsive Web Design. He's spoken at numerous conferences around the World and delivered dozens of workshops in that time as well.
His writing includes several 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".
John brings his deep knowledge of and passion for the web and all things digital to every aspect of Web Directions.
Co-founded and now run by John Allsopp, Web Directions has for nearly 2 decades 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.
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.