Skip to main content Accessibility Feedback

Web Apps

Learn how to build interactive web apps and single page apps without libraries or frameworks. Together, we’ll write a working web app.

🔥 New! Updated for ES6 with new methods, techniques, and browser APIs.

Start learning now →

What you’ll learn

  • How to render dynamic content into the DOM.
  • How to detect changes to your data and selectively update content.
  • How to listen for user interactions and behaviors.
  • How to handle URL routing with single page apps.
  • How to use placeholder content to improve perceived initial load time.
  • How to put it all together and write a working web app with vanilla JavaScript.

The pocket guide comes in DRM-free PDF, EPUB, MOBI, and HTML formats, so you can read on any device.

Loved your book, it's become a daily reference for me. Fantastic stuff! - Chris Baughman

The Project: Who’s Driving?

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.

You'll also get these awesome bonuses

  • All of the source code and well-documented demos so that you can see the lessons in action.
  • My vanilla JavaScript toolkit, packed with cheat sheets, code snippets, boilerplates, helper functions, polyfills, and a growing list of recommended vanilla JS plugins.
  • Exclusive access to my private Slack team, where you can chat with other students, get feedback on code, ask questions, and share the latest tips, tricks, and strategies for going vanilla JavaScript.

Start learning now →

The cheat sheet and the ability to ask questions on Slack were worth the price of the book alone. - David Buchholz

Your 100% Money-Back Guarantee 💰

Don’t put off learning vanilla JavaScript! If you’re not 100% satisfied with the book, let me know within 30 days of purchase and I’ll give you a full refund.

About the Instructor

Chris Ferdinandi

Hi, I’m Chris Ferdinandi. I write vanilla JavaScript plugins that are used by organizations like Apple, Harvard Business School, and CNN.

I want to help you master vanilla JavaScript, without all of the painful false starts and roadblocks I encountered when I was learning.

Ready to buy?

Get everything you need to start building web apps with vanilla JavaScript:

  • The Pocket Guide (in PDF, EPUB, MOBI, and HTML formats)
  • The Source Code & Demos
  • The Vanilla JavaScript Toolkit
  • Exclusive Slack Access
  • FREE Updates for Life

Buy now for just $29

Want to save 30%? Get this book as part of the Complete Set or Advanced Bundle.

I thank you from the bottom of my heart. If it had not been for you, I would not be able to learn JavaScript. - Patricia Parker
Ever wanted to ditch jQuery but not sure how? This book by @ChrisFerdinandi will set you on the right path. - Jeremy Green

Frequently Asked Questions

Does the pocket guide include new ES6 methods?
Yes. Where applicable, I cover new ES6 functions and browser APIs. I also include polyfills when available to push browser support as far back as possible.
What happens if I buy a pocket guide and you release an update? Will I need to buy the new version, too?
No. You get free updates for life, sent to you by email whenever new content is available.
Can I buy a print version of the pocket guide?
Pocket guides are available exclusively in digital formats. This makes it easy for you to get updates whenever new techniques, approaches, and best practices emerge. Given the rapidly changing nature of the web, this ensures you'll always have the latest and greatest version of the guide.
Do you offer team discounts?
If you want to purchase more than one copy of the pocket guides, email me at
Do you offer a student discount?
Absolutely! This applies to anyone in any type of schooling, including evening classes and coding bootcamps. Learn more about student discounts.
I have a poor exchange rate in USD. There's no way I can afford this.
I totally get that in some countries salaries and cost of living are such that the pocket guides are unaffordable. Send me an email at and I'll send you a discount to make it fair for where you live.
I'm not a student. Any other discounts?
Yep. I've had a lot of helping getting where I am, and I want to pay it forward. If you're a member of an under-represented group in tech, you can get special pricing. Learn more about discounts for under-represented groups in tech.
Do you have a return policy?
Absolutely! If you’re not 100% satisfied with the book, email me at within 30 days of purchase and I’ll give you a full refund.
If I buy just one guide and love it, can I upgrade to a bundle?
Absolutely. Just send me an email at for a special discount code for the difference between the two packages.
I lost or never received my download link. What do I do?
Visit and enter the email address you used to make your purchase to have your download links resent to you.
Are there any restrictions on the pocket guides or source code?
Nope. I trust you to do the right thing. My content is 100% DRM free. If you'd like to share the pocket guide with others, please email me at for information about team pricing.
Do I need any special tools or equipment to use the pocket guides?
All you need to work with the source code, projects and labs 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.
Do I need any prior knowledge or experience to learn vanilla JavaScript?
Ideally you're comfortable working with HTML and CSS already. Experience with another library or framework (like jQuery, React, and so on) is helpful but not required. If you're brand new to JavaScript, the guide is a great resource! If you have any specific questions, though, please email me at
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.
I can't use Stripe to pay but really want to buy the pocket guides. How else can I buy it?
Send me an email at and we'll work something out so that you're able to purchase the guide.
I have another question.
No problem! Send me an email at

Start learning now →

God, you're amazing... I'm learning so much from you. Mojtaba Seyedi, Front End Developer

Not ready yet? Get daily developer tips.

I send out a short email each weekday with code snippets, tools, techniques, and interesting stuff from around the web.