Learn how to build a design system from the ground up

If you're familiar with the basics of frontend development and want to take that next step, come to Generate London (opens in new tab) on 21 September for a workshop with Micah Godbolt (opens in new tab), author of Frontend Architecture for Design Systems (opens in new tab).

In this all-day event (opens in new tab) he'll introduce you to the four pillars of frontend architecture – code, process, testing and documentation – as you get hands-on and build a scalable and maintainable design system from the ground up. You'll create consistent methodologies and coding standards for HTML, CSS and JavaScript; discover how to make a fully automated process from the editor to the style guide, to the production environment; develop a full testing suite; and write the documentation to sit alongside it.

Obviously this isn't a workshop for complete beginners; you'll need to be aware of the frontend development basics, and while you won't need to do any actual coding on the day you'll definitely find it helpful to try things out for yourself after each lesson. You should have an understanding of Git and using the command line to set up your local environment, and as you'll be focusing on Node- related tools, having a working Node environment set up on your computer before you come will speed up the process greatly.

As well as Micah's workshop, don't miss his session on Road Runner Rules for design systems

As well as Micah's workshop, don't miss his session on Road Runner Rules for design systems
(opens in new tab)

Over the course of the day you'll learn the role of a frontend architect, the importance of proper coding standards, how to establish them, and how to enforce them, the value of automated testing in all areas of your site, including visual, functional and performance, as well as techniques for creating a streamlined and automated process for turning user stories into deployed frontend code, and tools for creating living, powerful and useful documentation that will be the centre of communication between every member of your team.

You'll be learning from one of the best in the business; as well as authoring Frontend Development for Design Systems, Micah Godbolt is a frontend architect, author, podcaster, trainer and speaker at worldwide open source events, who is often found promoting frontend architecture, Sass, visual regression testing, and schema-based design at his blog, micah.codes (opens in new tab).

And to sweeten the deal, you can save 50% on the price of your Generate London ticket in our flash sale on Thursday, 4 August. As well as a whole day of practical workshops, there's also two days of insightful sessions from some of the biggest names in the web business including Jeff Veen, Mike Kus, Ida Aalen and Brendan Dawes, not to mention a session with Micah on Road Runner Rules for design systems (opens in new tab).

To find out more, head straight for the Generate London site (opens in new tab).

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Jim McCauley is a writer, performer and cat-wrangler who started writing professionally way back in 1995 on PC Format magazine, and has been covering technology-related subjects ever since, whether it's hardware, software or videogames. A chance call in 2005 led to Jim taking charge of Computer Arts' website and developing an interest in the world of graphic design, and eventually led to a move over to the freshly-launched Creative Bloq in 2012. Jim now works as a freelance writer for sites including Creative Bloq, T3 and PetsRadar, specialising in design, technology, wellness and cats, while doing the occasional pantomime and street performance in Bath and designing posters for a local drama group on the side.

Topics