Top 50 Cheatsheets and Reference Guides for JavaScript


By

JavaScript is at the forefront of powering UI across the web. It provides us with a means to create interactive features that range from slick animation all the way to manipulating data.

Users may not think about it all that much – but that’s the point. Developers use JavaScript to simplify otherwise complex things. The power lies within its transparency to the end-user.

Where web professionals are concerned, JavaScript is also quite vast. There are so many popular libraries that enable rapid development, along with good old plain JS.

To help you sort through it all, we’ve compiled a collection of cheatsheets and guides for JavaScript and its many flavors.



Plain (aka Vanilla) JavaScript Cheatsheets

The beauty of plain JavaScript (sometimes referred to as “Vanilla”) is that you don’t need to load any special libraries to use it. The result is faster load times, while still having the power to build something quite complex. Plus, building that foundation can better prepare you for working with frameworks later on.

JavaScript Cheat Sheet: Tips & tricks (JAXenter) View
JavaScript Cheat Sheet (Marijn Haverbeke) View
Javascript Cheat Sheet (OverAPI) View
JavaScript Cheat Sheet (XUL) View
JS CheatSheet (HTML Online) View
JavaScript Regex Cheatsheet (Debuggex) View
Modern JS Cheatsheet (Manuel Beaudru) View
PlainJS (PlainJS) View
The Ultimate JavaScript Cheat Sheet (Codementor) View
Toptal’s Quick And Practical JavaScript Cheat Sheet: ES6 And Beyond (Toptal) View
Top 50 JavaScript Plugins & Libraries (Speckyboy) View

jQuery Cheatsheets

Perhaps the most popular JavaScript library, jQuery has withstood the test of time. The fact that it is included by default with WordPress means that it’s used on a whole lot of websites.

jQuery API (Official) View
jQuery Cheatsheet (Devhints) View
jQuery Quick API Reference (Óscar Otero) View
jQuery Selectors (DZone) View
jQuery Tutorial – An Ultimate Guide for Beginners (Tutorial Republic) View
jQuery Tutorial for Beginners (LearnCode.academy) View
Learn jQuery Tutorial (javatpoint) View
The Complete jQuery Tutorial (jQuery-Tutorial.net) View
The jQuery Mega Cheat Sheet (Make A Website Hub) View
The 50 Most Useful jQuery Plugins (Speckyboy) View

Node.js Cheatsheets

Node.js has become a widely popular run-time environment for executing JavaScript as server-side code.

Complete Node.js CheatSheet (Julien Le Coupanec) View
Node.js Documentation (Official) View
Node.js for Beginners (Tuts+) View
Node.js Refcard (DZone) View
Node.js Tutorials (GitBook) View
Node.js Tutorial For Absolute Beginners (Traversy Media) View
The Node Beginner Book (Manuel Kiessling) View

React Cheatsheets

An open source project by Facebook, React is a library dedicated to building fast and advanced UIs.

Learning React.js: Getting Started and Concepts (Scotch) View
React.js Cheatsheet (Devhints) View
React Cheat Sheet (ReactCheatSheet.com) View
React Cheat Sheet (PDF) (ihatetomatoes) View
10 Super-Useful React Components, Libraries & Tools (Speckyboy) View
React JS Crash Course (Traversy Media) View
ReactJS For Beginners (Andrew Ray) View
React Lifecycle Cheatsheet (Monica Olinescu) View
Tutorial: Intro To React (Official) View

Angular / AngularJS Cheatsheets

Developed by Google, Angular (and legacy version AngularJS) is an open-source front end framework for building complex web applications.

Angular Cheat Sheet (Official) View
AngularJS vs Angular (Code School) View
Angular 4 Development Cheat Sheet (DotNetCurry) View
Getting Started with Angular 4 (edureka!) View
The Ultimate AngularJS Cheat Sheet (DotNetCurry) View

Vue.js Cheatsheets

Vue.js is an open-source JS framework that is meant to be incrementally adoptable, so it can be used in combination with other libraries.

Build a To-Do App with Vue.js 2 (Scotch) View
Guide to Vue.js (Official) View
Vue.js Complete API Cheat Sheet (Vue.js Tips and Tricks) View
Vue.js Tutorials (GitBook) View

Build, Enhance, Learn

With such a wide variety of available resources, there’s never been a better time to dive into JavaScript.

Whether you want to master a top framework or build foundational knowledge of the language itself, the resources above will help you get there.

More Cheatsheets


Top
This page may contain affiliate links. At no extra cost to you, we may earn a commission from any purchase via the links on our site. You can read our Disclosure Policy at any time.