Build interactive web apps and single page apps without libraries or frameworks.
This guide is short, focused, and made for beginners. Get hands-on learning and grow your portfolio building a real, working web app.
NOTE: this guide is being updated to focus on state-based UI, with a deep dive into when and why you might want to use it and how it works under-the-hood. This will be a free update for anyone who purchases the Web Apps pocket guide.
How to detect changes to your data and selectively update content.
How to listen for user interactions and behaviors.
How to manage state and data reactivity.
How to handle URL routing with single page apps.
🧠Multiple formats for different learning styles. Available as written lessons (in ebook format) and streaming HD videos (with captions). Watch or read on any device.
Loved your book, it's become a daily reference for me. Fantastic stuff!- Chris Baughman
Reinforce your learning and build your portfolio by working on a real project. Together, we’ll build a web app that that let’s you randomly pick who’s going to drive from a group of friends.
BONUS: Don't go it alone! Upgrade to a bundle and get exclusive Slack access.
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.
About the Instructor
Hi, I'm Chris Ferdinandi. I believe there’s a simpler, more resilient way to make things for the web.
Ready to buy?
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 Academy is unaffordable. Send me an email at email@example.com, 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 firstname.lastname@example.org and I’ll give you a full refund.