GarsGuide to JavaScript

GarsGuide to JavaScript (JS). Describes the main features and syntax of JS. Guides you to the resources you need to create, work with, and understand JS scripts.


JavaScript Introductions

Resources that give an introduction or overview of JavaScript.

JavaScript Introduction
https://www.w3schools.com/js/js_intro.asp

Introduction to JavaScript from W3Schools.

JavaScript
https://developer.mozilla.org/en-US/docs/Web/JavaScript

Introduction to JavaScript from the Mozilla Developer Network.

JavaScript Cheat Sheets

Quick reference guides to the main features and characteristics of JavaScript.

Javascript
https://overapi.com/javascript

Cheat sheet showing JavaScript components grouped by category.

226 JavaScript Cheat Sheets
https://cheatography.com/tag/javascript/

Collection of 226 JavaScript cheat sheets from Cheatography.

JavaScript Cheatsheets
https://www.codecademy.com/resources/cheatsheets/language/javascript

Collection of JavaScript cheat sheets from Codecademy summarizing various JavaScript techniques and libraries.

JavaScript Reference Guides

Resources that organize and document JavaScript features and syntax via explanations, charts, and tables.

JavaScript and HTML DOM
https://www.w3schools.com/jsref/default.asp

Reference for JavaScript, JavaScript Objects, Window Objects, HTML DOM, Web APIs, and HTML Elements from W3Schools.

JavaScript reference
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

MDN repository of information about the JavaScript language.

JavaScript Guide
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

An introductory repository of information about the JavaScript language from MDN.

Reference Guide
https://vanillajstoolkit.com/reference/

Commonly used JavaScript methods and APIs organized by topic.

JavaScript-reference-book
https://github.com/SKindij/JavaScript-Reference-Guide#javascript-reference-book

Basic JavaScript knowledge organized as an on-line book.

JavaScript Tutorials

Step by step guides to programming with JavaScript.

JavaScript Tutorial
https://www.w3schools.com/js/default.asp

JavaScript tutorial from W3Schools. Allows you to edit the source code of the example scripts and view the results.

JavaScript#Tutorials
https://developer.mozilla.org/en-US/docs/Web/JavaScript#tutorials

List of tutorials from Mozilla Developer Network on various JavaScript topics for a variety of experience levels.

JavaScript Tutorial
https://www.geeksforgeeks.org/javascript/

Combination reference guide and tutorial covering many aspects of JavaScript.

The Modern JavaScript Tutorial
https://javascript.info/

JavaScript tutorial in three parts: 1. Programming with JavaScript, 2. Working with the Document Object Model and browser events, 3. Links to additional articles related to JavaScript programming.

JavaScript Tutorial
https://www.javascripttutorial.net/

Collection of practical JavaScript tutorials ranging from simple to advanced topics.

Learn JavaScript
https://www.codecademy.com/learn/introduction-to-javascript

Free JavaScript tutorial consisting of 11 lessons, 12 projects, and 8 quizzes.

JavaScript Tools

Software tools (or collections of tools) to help you understand and work with JavaScript scripts and the JavaScript language.

31 ESSENTIAL JAVASCRIPT TOOLS FOR PRODUCTIVE DEVELOPERS
https://x-team.com/blog/essential-javascript-tools/

List of tools to make life easier as a JavaScript developer. Describes 31 tools grouped by category.

JavaScript Tools Every Developer Should Know
https://www.section.io/engineering-education/javascript-tools-every-developer-should-know/

Explanation and links to various categories of JavaScript.

The Most Popular Tools for JavaScript Developers
https://www.bairesdev.com/blog/tools-for-javascript-developers/

Overview and explanation of JavaScript tool categories. Also describes specific tools in each category.

Code editors
https://javascript.info/code-editors

Definition and description of Interactive Development Environments and lightweight code editors.

JS Bin - Collaborative JavaScript Debugging
https://jsbin.com/?html,output

Pastebin in which to interactively experiment with and test JavaScript code.

JavaScript Keywords

Resources that list JavaScript keywords and reserved words.

JavaScript Reserved Words
https://www.w3schools.com/js/js_reserved.asp

Table of JavaScript reserved words that cannot be used as variables, labels, or function names. Also has a table of words that are no longer considered reserved.

Keywords
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#keywords

List of JavaScript keywords - identifiers that have special meaning in JavaScript.

Reserved words
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#reserved_words

List of keywords that cannot be used as identifiers for variables, functions, classes, or other identifiers anywhere in JavaScript.

JavaScript Data Types

Resources that define, list, or explain the data types available in JavaScript to store information in variables. As of 2023, there are eight data types: string, number, bigint, boolean, undefined, null, symbol, and object.

JavaScript Data Types
https://www.w3schools.com/js/js_datatypes.asp

Description of JavaScript's eight data types and examples showing how to use them.

Data types
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#data_types

List, description, and explanation of JavaScript's seven data types (plus object).

JavaScript Operators

Resources that list and describe JavaScript arithmetic, assignment, comparison, string, logical, bitwise, ternary, and type operators and operations.

JavaScript Operators
https://www.w3schools.com/js/js_operators.asp

List and description of JavaScript operators from the W3Schools JavaScript tutorial.

JavaScript Operators Reference
https://www.w3schools.com/jsref/jsref_operators.asp

Table of JavaScript operators from the W3Schools JavaScript reference guide.

Expressions and operators
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_operators

List, table, and explanations of JavaScript expressions and operators from the MDN JavaScript guide.

JavaScript Control Structures

Resources that list and describe the control structures available to determine the flow of statements in JavaScript scripts.

Control flow and error handling
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling

Overview of the control flow statements available in JavaScript.

CONTROL STRUCTURES
https://www.javascriptinstitute.org/javascript-tutorial/control-structures/

List and examples of statements that control the flow of logic in JavaScript.

JavaScript Functions and Methods

Resources that describe function and method syntax, demonstrate how to use built-in functions and methods, or explain how to create your own JavaScript functions and methods.

JavaScript Function Definitions
https://www.w3schools.com/js/js_function_definition.asp

W3Schools tutorial with definitions, explanations, and examples of creating functions in JavaScript.

Functions
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions

MDN web doc that defines, explains, and provides examples of JavaScript functions.

JavaScript Object Methods
https://www.w3schools.com/js/js_object_methods.asp

W3Schools tutorial with definitions, explanations, and examples of creating object methods in JavaScript.

Method definitions
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions

MDN web doc that defines, explains, and provides examples of JavaScript object methods.

JavaScript Objects

Resources that define, list, or explain how to use and create JavaScript objects

JavaScript Object Reference
https://www.w3schools.com/jsref/jsref_obj_object.asp

Definition of JavaScript objects and table of object methods and properties from the W3Schools JavaScript reference guide.

JavaScript Objects
https://www.w3schools.com/js/js_object_definition.asp

JavaScript object definition from the W3Schools JavaScript tutorial.

JavaScript Objects
https://www.w3schools.com/js/js_objects.asp

Tutorial of JavaScript objects from the larger W3Schools JavaScript tutorial.

Standard built-in objects
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects

List of JavaScript's standard, built-in objects grouped by category.

Introducing JavaScript objects
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects

Introduction to JavaScript objects. Includes links to more detailed articles explaining various aspects of objects.

JavaScript - Objects Overview
https://www.tutorialspoint.com/javascript/javascript_objects.htm

Overview of JavaScript objects, defining and explaining multiple JavaScript object concepts.

JavaScript HTML DOM

Resources that define and explain how to work with the JavaScript HTML Document Object Model (DOM).

JavaScript HTML DOM
https://www.w3schools.com/js/js_htmldom.asp

Introduction, definition, and overview of the Document Object Model.

JavaScript HTML DOM Document
https://www.w3schools.com/js/js_htmldom_document.asp

Overview of the HTML DOM document object, the owner of all objects on a web page.

HTML DOM Documents
https://www.w3schools.com/jsref/dom_obj_document.asp

Introduction to the HTML DOM document object properties and methods.

JavaScript DOM
https://www.javascripttutorial.net/javascript-dom/

Introduction and overview of the JavaScript Document Object Model. Includes a table of Document Object properties and methods.

JavaScript - Document Object Model or DOM
https://www.tutorialspoint.com/javascript/javascript_html_dom.htm

Definition of the HTML DOM including different DOM versions. Explains how to detect and use each version of the DOM.

JavaScript Browser Object Model

Resources that define and explain how to work with the JavaScript Browser Object Model (BOM).

JavaScript Window - The Browser Object Model
https://www.w3schools.com/js/js_window.asp

Definition and overview of the Browser Object Model.

JavaScript BOM
https://www.javascripttutorial.net/javascript-bom/

Overview and description of the various objects included in the Browser Object Model.

JavaScript BOM Window Screen
https://www.geeksforgeeks.org/javascript-bom-window-screen/

Overview of the JavaScript BOM window screen. Lists properties of the window screen and illustrates how to use each property.

Browser Object Model
https://www.javatpoint.com/browser-object-model

Brief description and overview of the Browser Object Model.

JavaScript Web APIs

Resources giving an overview, list, or description of web APIs available to use in JavaScript.

Web APIs - Introduction
https://www.w3schools.com/js/js_api_intro.asp

Introduction and overview of Web APIs, part of the W3Schools JavaScript tutorial.

Introduction to web APIs
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Introduction

Introduction and overview of Web APIs from MDN.

Web APIs
https://developer.mozilla.org/en-US/docs/Web/API

List of Web APIs and interfaces (object types) with links to explanations and examples.

Client-side web APIs
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs

Overview of Web APIs with links to guides detailing various kinds of Web APIs.

Web API
https://www.javascripttutorial.net/web-apis/

Introduction to the Web APIs specified in the HTML5 specification. Groups the APIs by category and shows examples of how to use them.

JavaScript Events

Resources that define, list, or explain how to work with HTML events in JavaScript.

JavaScript Events
https://www.w3schools.com/js/js_events.asp

Definition and examples of JavaScript events, part of the W3Schools JavaScript tutorial. Includes a table of common HTML events.

HTML DOM Events
https://www.w3schools.com/jsref/dom_obj_event.asp

Full list of HTML events, part of the W3Schools JavaScript reference guide.

Introduction to events
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events

Introduction, definition, and examples of JavaScript events.

JavaScript Samples and Examples

Collections of JavaScript code demonstrating what can be done with JavaScript supplementing HTML and CSS. They showcase techniques you can use and demonstrate how complete applications can be constructed.

JavaScript Examples
https://www.w3schools.com/js/js_examples.asp

Examples of what JavaScript can do. Includes examples of where to insert JavaScript, JavaScript output, JavaScript syntax, and more.

JavaScript Snippets
https://www.javascripttutorial.net/snippets/

Snippets of JavaScript code showing how to select, traverse, and manipulate DOM elements. Also includes snippets showing how to work with JavaScript objects and arrays.

Helper Functions
https://vanillajstoolkit.com/helpers/

Examples showing how to use JavaScript helper functions to accomplish a variety of illustrative tasks.

Top 15+ JavaScript Projects With Source Code (2024)
https://www.interviewbit.com/blog/javascript-projects/

Eighteen JavaScript programming projects with links to the source code.

JavaScript Related Information

Supplemental information and additional resources related to JavaScript.

ECMA-262
https://ecma-international.org/publications-and-standards/standards/ecma-262/

Defines ECMAScript 2023, the latest standard for JavaScript.

ECMAScript proposals
https://github.com/tc39/proposals

Proposed changes to ECMAScript that have not yet been included in the standard.

ECMAScript compatibility table
https://compat-table.github.io/compat-table/es6/

Table showing which ECMAScript features are compatible with which browser versions.

Developer console
https://javascript.info/devtools

Explains how to use the developer tools and developer console included with most browsers.

Javascript - Useful Resources
https://www.tutorialspoint.com/javascript/javascript_useful_resources.htm

List of video courses to gain more in-depth knowledge about JavaScript.

Google JavaScript Style Guide
https://google.github.io/styleguide/jsguide.html

Style guide defining Google’s coding standards for JavaScript source code.

JavaScript Best Practices
https://www.w3schools.com/js/js_best_practices.asp

Tips from W3Schools on how to craft better JavaScript and avoid common errors.

JavaScript Performance
https://www.w3schools.com/js/js_performance.asp

Tips to speed up JavaScript code execution from W3Schools.