This workshop has already been published as a course!
Web Components
Some Key Takeaways!
By participating along with us in the workshop, you'll learn:
- Understand the web standards behind Web Components
- How to use Web Components
- How to style Web Components
- How to write a custom web component
Your (Awesome) Instructor
Spend a Full Day Immersed in Web Components with Dave Rupert
Workshop Details
Web Components have been around since 2013, but –in my opinion– they haven't been a viable option for developers to build their component systems until very recently. Together let's dive into web components.
Daily Schedule
We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.
- 9:30AMIntroduction
- 10:00AMHow to use Web Components with HTML
- 11:00AMHow to find off-the-shelf component libraries
- 11:30AMCoding Challenge
- 12:00PMLunch
- 1:00PMHow to style web components with CSS
- 2:00PMHow to write custom web components with JS (Lit)
- 3:00PMFAQ: Polyfills, Accessibility, Forms, Context API, SEO
- 4:00PMWrapup and Q&A
Interact with the Instructor - Online & In-Person
Is This Workshop for Me?
Summary
This course is intended for developers that work on component systems, particularly component systems that need to work on a broad number of systems; legacy, modern, or enterprise.
Any Prerequisites?
- Basic understanding HTML, CSS, and JavaScript
- Basic understanding of command line tools like `npm`
- Have a working Node v14+ environment on their computer
Event Details
What
One Full Day Workshop Session
Replay Videos (available immediately)
When
April 12, 2022 - 9:30am to 5:30pm Central Daylight Time
Where
Option 1: Attend online on our full HD live stream
Option 2: Attend in-person at HQ in Minneapolis, MN