Now in it's 3rd digital edition.

The Vanilla JS Guidebook

Learn vanilla JavaScript and level-up as a web developer. :rocket:

A step-by-step training guide to help you master vanilla JavaScript.

Together, we’ll build real, working vanilla JavaScript projects. You’ll become a better developer and boost your career.

Start Learning Now →

What you’ll learn

The Vanilla JS Guidebook covers everything you need to know to write vanilla JavaScript.

  • Modern vanilla JavaScript equivalents of common jQuery methods.
  • The easy way to ensure cross-browser compatibility.
  • How to write scripts that are accessible to everyone.
  • How to debug your code when things go wrong.
  • A simple trick to make writing JavaScript faster and easier.
  • How to put it all together and create real, working scripts.

Who this is for

The Vanilla JS Guidebook is perfect for anyone who wants to level-up their core JavaScript skills:

  • Developers who can hack together some jQuery but don’t feel like they really know JavaScript.
  • People who want to learn other frameworks—like React or Angular—but don’t feel like they even know where to start.
  • Web developers who want to opt-out of the JavaScript framework rat race altogether.
  • Front-end developers who want to build websites that are faster and more reliable.
  • Anyone who wants a simpler, easier JavaScript experience.

As a front-ender I always found JS difficult and made the mistake "solving" my lack of knowledge with the use of jQuery and a lot of plugins.

When I stumbled over your site and watched the video I had the feeling that for the first time I had an insight how JS works and how to learn it. - Ruud van Zuidam

The Lessons

  • 26 Lessons
  • 106 Pages
  • 4 File Formats
  • All of the Source Code

Laser-focused lessons get you the information you need quickly so you can get back to work. Available in PDF, EPUB, MOBI, and markdown, so you can read it on any device.

  1. Getting Setup
  2. ECMA Script 5
  3. Selectors
  4. String Transforms
  5. Classes
  6. Styles
  7. Attributes
  8. Event Listeners
  9. DOM Ready
  10. HTML
  11. DOM Injection
  12. Forms
  13. Traversing Up the DOM
  1. Traversing Down the DOM
  2. Traversing Sideways in the DOM
  3. Merging Arrays & Objects
  4. The Viewport
  5. Distances
  6. Query Strings
  7. Ajax/HTTP Requests
  8. Cookies
  9. Cross-Browser Compatibility
  10. Debugging
  11. Planning
  12. Putting It All Together
  13. What Now?

Learn by doing with real projects.

Over 15 videos with almost 3 hours of screencasts, we’ll build 3 real vanilla JavaScript projects together:

  • Invisible Ink, an expand-and-collapse accordion script.
  • Play, a YouTube video player.
  • Table of Contents, a script to dynamically generate table of contents menus for page content.

You’ll get to see all of the techniques, challenges, and debugging processes covered in the guidebook in action. Use the included starter templates to work along with me, and dig into my code at each step of the way.

Here’s a sample video…

Ever wanted to ditch jQuery but not sure how? This book by @ChrisFerdinandi will set you on the right path. - Jeremy Green

Bonus Resources!

To help make your transition to vanilla JS as easy as possible, The Vanilla JS Guidebook includes three bonus resources.

  1. A comprehensive cheat sheet of all of the vanilla JavaScript functions, browser APIs, and code snippets from the book.
  2. A vanilla JS plugin reference guide, with links to dozens of vanilla JavaScript plugins and helper libraries that make working with vanilla JS even easier.
  3. Vanilla JavaScript plugin boilerplates to help accelerate the development time of your next project.

Exclusive Slack Access Limited Time Only!

Get exclusive access to the private Vanilla JS Slack Channel. You can chat with other students, get feedback on code, ask questions, and share the latest tips, tricks, and strategies for going vanilla JavaScript.

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 Author

Chris Ferdinandi

Hi, I’m Chris Ferdinandi. I’m a front-end web developer, consultant, and speaker.

A few years ago, I was completely overwhelmed by vanilla JavaScript. After a few dozen side projects, hundreds of hours, and a lot of trial and error, it finally clicked.

Since then, I’ve taught thousands of people how to write JavaScript through my free articles, speaking appearances, and numerous open source projects. My vanilla JavaScript plugins have been used by organizations like Apple, Harvard Business School, and CNN.

Ready to buy?

The Complete Package

Everything you need to master vanilla JavaScript.

  • The 26 Lesson Guidebook (read on any device in PDF, EPUB, MOBI, and markdown)
  • All of the Source Code
  • Exclusive Slack Access
  • The Project Screencasts (streaming and DRM-free HD video)
  • The Vanilla JavaScript Cheat Sheet
  • The Vanilla JS Plugins Reference Guide
  • The Vanilla JS Plugins Boilerplates
  • FREE Lifetime Updates

Buy the Complete Package Now for $179 $199

The Guidebook + Slack

Get support from the community as you master vanilla JavaScript.

  • The 26 Lesson Guidebook (read on any device in PDF, EPUB, MOBI, and markdown)
  • All of the Source Code
  • Exclusive Slack Access
  • FREE Lifetime Updates

Buy the Guidebook + Slack Package Now for $109 $129

Just the Guidebook

A laser-focused, step-by-step guide to vanilla JavaScript.

  • The 26 Lesson Guidebook (read on any device in PDF, EPUB, MOBI, and markdown)
  • All of the Source Code
  • FREE Lifetime Updates

Buy Just the Guidebook Now for $49 $59

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

Frequently Asked Questions

Why is the Guidebook so expensive?
The Guidebook isn’t just a book. It’s an in-depth, step-by-step training course, complete with practice labs, real projects, and video walkthroughs. Compared the thousands of dollars you could spend on in-person training, or the hundreds of hours you could waste searching for answers on the web, it’s very reasonably priced. If your time is worth $100 an hour and this guide saves you 10 hours (a very conservative estimate), it pays for itself 8x over.
What happens if I buy the book 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 guidebook?
The Guidebook is 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 Guidebook, email me at
Do you offer a student discount?
Absolutely! Send me an email at with some proof that you are a student–such as an ID, acceptance letter, or student email address–and I’ll send you a discount code. This applies to anyone in any type of schooling, including evening classes and coding bootcamps!
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 Guidebook is 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, email me at and I’ll send you a special discount code.
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 the book and love it, can I upgrade to a different package?
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?
Send me an email at and I’ll get you a new one right away.
Are there any restrictions on the Guidebook, source code, and videos?
Nope. I trust you to do the right thing. My content is 100% DRM free. If you’d like to share the Guidebook with others, please email me at for information about team pricing.
Do I need any special tools or equipment to use the Guidebook?
All you need to work with the source code, projects and labs is a modern web browser and a text editor. The Guidebook comes in PDF, EPUB, MOBI, and markdown formats, so you can read it on any device you own. The videos can be downloaded as DRM-free MP4’s or streamed from the web.
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
I can’t use Stripe to pay but really want to buy the Guidebook. 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 →