Skip to main content Skip to secondary navigation Accessibility Feedback

Learn how to ditch jQuery and write vanilla JavaScript.

ditching-jquery

Buy it now →

jQuery is holding you back

Modern JavaScript and browser APIs are as easy to use as jQuery and provide the same cross-browser compatibility.

jQuery slows down your sites, especially on mobile devices and spotty connections. It can completely break your site if your CDN fails (this actually happened). And it forces you to choose between limiting the frameworks you work with or adding additional performance-crushing dependencies to your site.


Level-up as a developer

Ditching jQuery will teach you how JavaScript (and the browser) really work. Together, we’ll build two real vanilla JS projects: Invisible Ink and Play.

You’ll become a better developer and boost your career.


Here’s what you’ll learn

Ditching jQuery covers everything you need to know to write vanilla JavaScript, including writing two working vanilla JS projects.

  • How jQuery impacts performance.
  • How to easily ensure cross-browser compatibility.
  • How to write accessible scripts.
  • Modern vanilla JavaScript equivalents of common jQuery APIs.
  • How to debug your code when things aren’t working.
  • How to put it all together and create vanilla JavaScript projects.

Buy it now →


3 Bonus Resources

To help make your transition to vanilla JS as easy as possible, Ditching jQuery includes three bonus resources.

  1. A comprehensive cheat sheet of vanilla JavaScript helper methods to make working without jQuery easier.
  2. Detailed screencasts of me coding the projects in the book—including the mess ups and debugging—so you can see how it all works.
  3. All of the source code for the projects you’ll be working on in the book.

Get 4 free chapters and a vanilla JS cheat sheet

You’ll receive four free chapters from the book and a comprehensive cheat sheet.


Table of Contents

Here’s everything that’s in the book.

  1. jQuery is holding you back. A detailed look at why it’s time to leave jQuery behind for modern, vanilla JavaScript.
  2. Vanilla JavaScript equivalents of common jQuery APIs. I show you how easy it is to ditch jQuery by sharing some vanilla JavaScript equivalents of common jQuery APIs.
  3. Cutting the Mustard. A modern, super easy technique for ensuring your sites work in any browser on any device.
  4. Scoping. A simple way to avoid conflicts between your scripts and other code on your site.
  5. Planning. An easy way to accelerate your development time and make writing vanilla JS even easier.
  6. Debugging. Your code will break. A lot. This is an inevitable aspect of being a web developer. Let’s talk about how to figure out what’s going on and get it working again.
  7. Project 1: Invisible Ink. The best way to learn vanilla JavaScript is to actually write code. For our first project, you and I are going to build an expand-and-collapse/accordion script.
    • The Basics. Get a minimally viable script set up.
    • a11y. Add accessibility features.
    • Accordion Functionality. Add true accordion functionality (where one section closes if another is opened).
    • Icons and Labels. Add the ability to change the link text depending on whether the content is expanded or collapsed.
    • Cleanup. Writing scripts is messy. We should cleanup and organize our code.
  8. Project 2: Play. For our next project, we’re going to build Play, a YouTube video player.
    • The Basics. Getting a minimally viable script set up.
    • The Active Video. Styling and disabling the link to the currently playing video.
    • Linking to Specific Videos. Allowing visitors to deep-link to a specific video with custom URLs.
    • Multiple Players. Adding support for multiple video players on a single page.
    • Cleanup. Adding structure, documentation, and organization to our code.
  9. What now? How do you keep learning? When should you migrate old projects to vanilla JS? What happens now?

Buy “Ditching jQuery”

Get everything you need to write vanilla JS scripts.

  • The Book (in PDF, EPUB, and MOBI formats)
  • The Cheat Sheet
  • The Screencasts
  • The Source Code
  • FREE lifetime updates

Buy it now for $49
Or buy a team license for up to 10 people for $198


This book is great for…

  • jQuery developers who want to learn vanilla JS.
  • Beginner web developers who are new to JavaScript (but understand CSS and HTML).
  • Front-end developers who want their websites to be faster and more fault-tolerant.
  • People who to remove unnecessary dependencies from their sites and apps.
  • Anyone who wants to improve their core web developer skills.

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. I’ve taught thousands of people how to improve their developer skills with vanilla JavaScript through my free articles and numerous open source projects.

I want to help you ditch jQuery and become a better developer.


Ready to buy “Ditching jQuery”?

Get everything you need to write vanilla JS scripts.

  • The Book (in PDF, EPUB, and MOBI formats)
  • The Cheat Sheet
  • The Screencasts
  • The Source Code
  • FREE lifetime updates

Buy it now for $49
Or buy a team license for up to 10 people for $198

If you have any questions or comments, send me an email at chris@gomakethings.com.