What web components are, and why you might use them.
How to create web components and custom elements.
The web component lifecycle and event hooks.
How to add built-in interactivity to your web components.
How to watch for changes to web component attributes and run actions in response.
How to add hooks developers can use to customize a web component.
What the Shadow DOM is, and how you can use it to protect your web components.
Different approaches for styling web components, and when and how to use them.
🧠 Multiple formats for different learning styles. Available in streaming HD videos with captions, and written lessons in ebook format. Watch or read on any device.
Loved your book, it's become a daily reference for me. Fantastic stuff!- Chris Baughman
BONUS: Don't go it alone! Upgrade to a bundle and get exclusive Discord access.
Upgrade to one of the Pocket Guide Bundles and you'll also get exclusive access to my private Discord community, where you can chat with other students, get feedback on code, and ask questions to help you get unstuck and deepen your understanding.
This is not available for sale at any price, and my students regularly tell me it's one of the most valuable things that comes with the guides.
Hi, I'm Chris Ferdinandi. 👋
Ready to buy?
Get everything you need to start building your own web components:
The Pocket Guide (in ebook format, streaming HD video, or both)
Putting everything he's taught me into practice, I managed to rewrite the project over a weekend! He was even kind enough to personally help me on Slack with an aspect I was particularly struggling with... I SERIOUSLY recommend checking him out! 😄
Location-Based Pricing. I totally get that in some countries salaries and cost of living are such that the Vanilla JS Pocket Guides are unaffordable. These should show up automatically at checkout, but if they don't, send me an email at firstname.lastname@example.org, and I'll send you a discount to make it fair for where you live.
If I buy just one guide and love it, can I upgrade to a bundle? What if I buy the ebooks and decide I want the videos, too?
I'll upgrade you to the bundle or format you want. You'll only have to pay the difference in price between what you purchased and the bundle or format you want.
How do I access my pocket guides and videos?
Visit and create an account with the email address you used to make your purchase.
You can download your guides at any time, and stream your video courses from any device. You can also download the videos for offline viewing.
Do I need any special tools or equipment?
All you need to work with the source code and projects is a modern web browser and a text editor (I recommend VS Code). The pocket guides come in PDF, EPUB, MOBI, and HTML formats, so you can read it on any device you own. The videos can be streamed on any device.
Are there any rules or requirements around the Slack team?
Yes. You must be at least 18 years old, and read and agree to follow the Code of Conduct.
Do you have a return policy?
Absolutely! If you’re not 100% satisfied with the pocket guide, email me at email@example.com and I’ll give you a full refund.