$649 ^.00Register for this workshop →Get a single workshop, or bundle with a conference.

In this workshop, Vitaly Friedman, consultant for the European Parliament and co-founder of Smashing Magazine and front-end/UX consultant, will be looking into the state of front-end in 2024, with new challenges and new opportunities, and how we can utilize all of those wonderful shiny web technologies we have available today.

We’ll also explore how to deal with legacy code base and dated technologies, and will cover dozens of front-end techniques that will help your websites and apps to stay relevant, flexible and accessible for years to come. Beware: you won’t be able to unlearn the things that you’ll learn in the workshop!

In This Workshop, We Will Explore:

• Front-End Accessibility 2024, with techniques, strategies and tooling for dyslexia-friendly websites, older adults, colorblindness, mental health issues, considerations for WCAG 2.2 and design patterns to keep sites and apps accessible,
• State of CSS 2024 (CSS Grid, container queries, style queries, cascade layers, relational selector :has, CSS subgrid, scroll snapping, scoped styles),
• How to organize, write and maintain CSS, incl. BEM, Tailwind, ITCSS, CUBE CSS, and how to deal with CSS container queries, maintainability, leaking styles and global scope,
• State of JavaScript 2024, ES2022/ES2023, progressive/partial (re)hydration, islands architecture, Astro, bundlers, tooling and how to manage performance bottlenecks,
• State of Web Performance 2024, with optimizations for critical path, early hints, priority hints, Back-Forward cache, Interaction To Next Paint (INP) and Core Web Vitals,
• SSR + CSR, and how to navigate the space, with resumability, Qwik, prerendering and static rendering, static site generators and where and how they fit,
• New UI Features, including passwordless authentication, new color spaces (display-p3 vs. sRGB, OKLCH, OKLAB, HSL), View Transitions API, new accessibility features,
• Design Systems 2024, how to build, design and maintain successful design systems, with design handoff and case studies,
• Localization and internationalization techniques for managing multi-lingual experiences with a singular codebase, along with design patterns to keep in mind,
• State of Web Components, CSS Houdini and Shadow DOM, how to use them today, case studies, and the roadmap for next years,
• State of HTML Email, with new strategies for building cross-email client emails with <div> and without HTML tables,
• GDPR and privacy legislation, with implications for web developers,
• Maintenance issues and dealing with legacy browsers,
• Component-based workflow and tooling,
• Common front-end challenges and solutions and important new challenges and opportunities to keep in mind.

Who Is This Workshop For?

This workshop is intended for front-end developers and UI engineers, and everybody else who is dealing with front-end issues. You should be familiar with CSS and JavaScript, and be enthusiastic to deep dive into technical intricacies and browser internals.

What hardware/software Do You Need?

To get the most out of the workshop, bring a laptop with your preferred text editor.

Time & Location

This full-day workshop will take place the day after SmashingConf. The workshop will be running from 9:30 AM to 5:30 PM on Thursday, October 10.

Schedule for Thursday, October 10.

9:00 AM – Doors open, Registration
9:30 AM – Introduction & Kick-off
11:00 AM – Coffee Break
1:00 PM – Lunch
2:00 PM – Afternoon Session
3:30 PM – Coffee Break
5:30 PM – The End

Save 100 USD when signing up for the conference and a workshop!