TO-DO

• Programming Fundamentals
  • Fundamental Semantics
    • Values, Literals, and Data Types
    • Identifiers & Keywords
    • Operators & Precedence
    • Boolean Operators & Truthy vs. Falsy
    • Expressions
  • Program Organization: Statements & Control Structures
    • Conditionals
      • if/else
      • switch/case
    • Repetition
      • for Loops
      • while Loops
      • break and continue
    • Functions
    • Exception Handling
  • Program Organization: Objects & Object-Oriented Programming (OOP)
    • Object & Array Literals
    • Prototypal Inheritance
    • Classes (ES6)
  • ES6+ Features
• Native & Host Objects
  • Built-In Global Objects
    • Fundamental
    • Collections & Utilities
  • Web APIs
    • General Utilities
    • DOM Interaction
  • Asynchronous Programming
    • Web APIs
    • Built-In Global Objects
  • Exception Handling
• Third-Party Libraries: Full-Stack Web Applications
  • Frontend: React
  • Backend: Node.js & Express
  • Utilities
    • Axios
    • Massive
    • bcrypt

TO-DO

TO-DO

TO-DO

(N.B. Symbol and BigInt are primitive data types also provided by JavaScript as of ES2020, however, these will not be considered further here. See MDN for further discussion of primitive values.)

TO-DO

* N.B. The literals NaN and undefined are not keywords, as they are not identifiers but rather are properties/values of the global Object (see this discussion for more information).

TO-DO

N.B. In the table above, precedence rank number is indicated in parentheses (where higher number has higher precedence), and furthermore with respect to the operands count, the annotation ^ denotes unary operators, ^^^ denotes the ternary operator, and all others denote/imply binary operators.

!TO-DO: (...) has highest precedence and can increase the precedence of its nested value or expression accordingly

TO-DO

N.B. In the table above, op1 and op2 denote arbitrary operands (which in general can be either values or expressions).

Falsy values:

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

General syntax:

// Class Definition
class ClassName {
  constructor(val1, val2, ..., valN) {
    // properties
    this.prop1 = val1;
    this.prop2 = val2;
    ...
    this.propN = valN;
  }
  
  // methods
  method1( ... ) { ... } // pre-ES6
  method2 = ( ... ) => { ... } // ES6+ arrow syntax
  ...
  methodN = ( ... ) => { ... }
}

// Object Instantiation from Class
const obj = new ClassName(arg1, arg2, ..., argN); // args initialize obj's state (i.e., properties) via class constructor

N.B. In general, arg1/val1, arg2/val2, etc. can be either primitive values or references to other objects (e.g., array literals [...], object literals {...}, bound function objects, etc.)

TO-DO

TO-DO

Notation Note: In general, an instance object will be denoted with camelCase (e.g., arr.length, nodeList.item(), etc.), whereas a static object will be denoted by the object's class name in PascalCase (e.g., Math.PI, Promise.all(), etc.). The principal exception to the latter is the Console API, which by convention/specification uses lowercase to refer to the static console object (e.g., console.log()).

TO-DO

TO-DO - Object, Function

TO-DO - Array, Math, String, Set, RegExp

TO-DO

TO-DO - Console

TO-DO - Window, Document, Element, Event, EventTarget, HTMLCollection, HTMLElement, Node, NodeList

!TO-DO: Window MDN Window

TO-DO

TO-DO - XMLHttpRequest, Fetch

!TO-DO: Fetch API - e.g.,

fetch(request)
 .then(response => { ... return ...; })
 // (optional) chained .then(...)'s
 .catch(error => { ... return ...; };

!TO-DO: global (async) functions setTimeout, clearTimeout, setInterval, clearInterval

TO-DO - Promise, async/await

!TO-DO: async/await functions (ES8+)

TO-DO - Error (and related ...Error objects)

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO

TO-DO