Skip to main content Skip to secondary navigation Accessibility Feedback

Ditching jQuery

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

Modern JavaScript and browser APIs are as easy to use as jQuery and provide the same cross-browser compatibility. 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

Ditching jQuery covers everything you need to know to write vanilla JavaScript, including writing 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.

Who this is for

  • 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 develops 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.

Table of Contents

Here’s everything in the book.

Chapter 1 Intro
Abstraction isn’t always a good thing
How to ditch jQuery
Chapter 2 Vanilla JavaScript equivalents of common jQuery APIs
ECMAScript 5
Selectors
Looping through objects
Class manipulation
Manipulate styles
Manipulate attributes
Event Listeners
Waiting until the DOM is ready
HTML content
More APIs
Chapter 3 Cutting the Mustard
A simple feature detection technique
What browsers are supported?
Hiding content after the JS is loaded
Scoping
Planning out your script
Chapter 4 Debugging
Strict mode
Developer tools and the console
The debugging process
Chapter 5 Project: Invisible Ink
The Basics
Accessibility
Accordion Functionality
Icons and Labels
Cleanup
Chapter 6 Project: Play
The Basics
The Active Video
Linking to Specific Videos
Multiple Players
Cleanup
Chapter 7 What Now?
How to keep learning
Vanilla JS Project Ideas
How to find vanilla JS open source projects
Don’t feel like you have to go 100% vanilla JS immediately

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.

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.

Buy it now →


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

Are you a member of an under-represented group in tech? You can buy “Ditching jQuery” for just $5. Send me an email to get your special promo code.

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