Skip to main content Accessibility Feedback

Pocket Guides

Pocket guides are step-by-step training guides to help you master vanilla JavaScript. They’re short, focused, and made for beginners.

If you’re sick of hostile answers on StackOverflow, bad documentation, and confusing or out-of-date tutorials, these are for you.

🔥 New! All of my pocket guides have been updated for ES6 with new methods, techniques, and browser APIs.


  • The Complete Set. Every pocket guide in the collection, including any new ones that come out in the future.
  • The Beginner’s Bundle. Kick-start your journey to vanilla JS with these essential pocket guides.
  • The Advanced Bundle. Take your vanilla JavaScript skills to the next level with these pocket guides on advanced topics.

Individual Guides

  1. DOM Manipulation. Learn how to get DOM elements and do awesome stuff with them.
  2. Strings, Arrays, and Objects. Transform and edit strings, arrays, and objects to make working with them easier and more productive.
  3. Variables, Functions, and Scope. What are arrow functions? What’s function hoisting? What’s the difference between var, let, and const, and when should you use each?
  4. DOM Injection and Traversal. Learn how to generate dynamic content, climb up and down the DOM, and more.
  5. Bugs and Browser Quirks (rewrite planned). Making your scripts work across browsers can be tough. Learn how to make it way easier.
  6. Browser Storage. Store data in local storage, get and set cookies, and retrieve values from query strings.
  7. Ajax & HTTP. Learn how to make HTTP requests, asynchronously grab HTML from another page, and more.
  8. Writing Plugins. Learn how to write flexible, modular, scalable plugins that grow with you and your users.
  9. Web Apps. Build interactive web apps and single page apps without libraries or frameworks.

Get Daily Developer Tips

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