Workshop: Custom Form Controls with Web Components

21th June 9am – 5pm

Location: Vredenburg, Social Impact Factory Utrecht

Explore the challenges and solutions of Web Components, especially in regards to forms, at this workshop by Fronteers. Learn to craft efficient custom form controls with minimal code and dependencies. Delve into fundamental APIs, design considerations, and scalable architecture, with plenty of hands-on practice to enhance your skills.

Who is the workshop for?

This workshop is designed for front-end developers who prioritize web standards over frameworks and want to dive deep into form-associated custom elements. It’s focused on enhancing your understanding of web components, form controls, and associated web standards to develop more robust and standards-compliant components. Prior knowledge of basic frontend technologies, web components, and experience with forms and form controls is recommended. Please note, the workshop emphasizes technical integration with existing web standards rather than UI/UX design of custom form controls.

In this workshop, you will learn to:

• Understand the significance of (vanilla) form controls and their role as universal building blocks in web projects.
• Explore APIs like Shadow DOM and ElementInternals essential for developing form-associated custom elements.
• Learn patterns and architectures for creating custom form controls, including nested forms in Shadow DOM.
• Gain detailed insights into various web standards related to form controls, equipping you to navigate frontend development challenges effectively.

What you’ll need

This workshop will include many practical sessions for which you will need:

• A foundation in HTML and CSS and JavaScript is recommended
• A laptop with text editor, a modern browser, and git installed and operational
• A free Github account (to be created prior to the workshop)
• Ability to perform basic git operations such as cloning, committing, pushing, pulling, and branching is recommended

About Peter Kröner

As a web platform expert and author Peter Kröner explores the future of web standards. His findings on HTML, CSS, and new JavaScript standards are shared through books, blog posts, his podcast “Working Draft”, but also in seminars, workshops, and lectures. In his former life, Peter worked as a freelance web designer and front-end developer.

To register for this workshop, visit: https://fronteers.nl/workshops/workshop-vanilla-web-components-for-forms.