Workshop: Web Components Demystified

building dynamic, fast, resilient apps with standard web components.

November 29th 9am–5pm, UTS Sydney

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.

Why Now? Our Practices are Evolving.

Over the last decade, the web community rallied around JavaScript libraries and frameworks that enabled many great innovations while frequently coming at a cost to performance and resilience. Fortunately, we now have a standard component model built right into our browsers, and using its various technologies can help us cut delivery weight and reduce complexity.

Many of the largest companies in the world have already begun transitioning their sites and design systems to use web components, and major JavaScript libraries like React have greatly improved their compatibility to work with them as well. And while web components are indeed ready for production today, in the coming months several specifications are shaping up to make them even better.

This course aims to cover all of that.

My aim for this course is to demystify web components, covering the many ways people are using them right now and show you how you can use them to build fast modern websites today. Web Components Demystified aims to be a comprehensive course, always considering the implications on accessibility, resilience, and performance throughout.

Who is This Course For?

Like my last course, Lightning-Fast Web Performance, this course aims to be approachable to web designers and developers of all levels, but I definitely intend to cover the thornier patterns and limitations with web components today as well. The course will not assume existing knowledge of web components, but it is aimed at Front-End Developers and UI/UX designers who are comfortable writing HTML, CSS, and have a basic knowledge of JavaScript. Some knowledge of popular frameworks will help, as some sections of the course will compare and contrast various approaches and discuss integration strategies as well.

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!