Modern JavaScript
A guide to help you learn Modern JavaScript
- The beginning
- The concepts
- JavaScript key concepts & syntax
- Running JavaScript
- The
var&functionkeywords, scope, hoisting andundefined - First class functions: Function declarations, function expressions, hoisting &
undefined - Working with text:
'and"; plus template literals with backticks`and${} - Equality symbols
==,!=,===and!== - Debugging, documenting & logging JavaScript
- Validating and error handling in JavaScript
- Namespaces and block scoping, the problem
- Immediately-invoked function expressions (IIFE): Namespaces and block scoping solved, the early years
- Object assignments and object notation: Namespaces solved another way, the early years
- Lexical scope and the
thisexecution context - Closures: Functions that remember their lexical scope
- The
letandconstkeywords: Block scoping solved, the modern years; plus saner access, defaults & temporal dead zones (TDZ) for variables - The
export&importkeywords and modules: Namespaces solved, the modern years - Pre-ES6 (ES2015) modules detour: CommonJS, AMD and UMD
- Arrow functions with
=> - The
voidkeyword - Function parameter default values
- Generators: Functions with
*and theyieldkeyword - The spread/rest
...operator - The exponentiation operator
** - Asynchronous functions with
asyncandawait - Numeric separators with the underscore
_character
- JavaScript key concepts & syntax
- JavaScript data types
- Dynamically typed behavior and data types
- Primitive data types
- The
stringprimitive data type andStringobject data type - The
numberprimitive data type,Numberobject data type and their limits - The
booleanprimitive data type andBooleanobject data type - The
symbolprimitive data type andSymbolobject data type - The
bigintprimitive data type andBigIntobject data type - The
nullandundefinedprimitive data types - Object data types
- The immutability of primitives and mutablity of objects
- The
Objectdata type - The global object detour: A top level
Objectobject available in all JavaScript environments - The
MapandWeakMapdata types - The
SetandWeakSetdata types - The
ProxyandReflectdata types
- JavaScript object-orientated and prototype-based programming
- Prototype-based programming and the
prototypeproperty - Prototype-based programming and the prototype chain
- Prototype-based programming constructors & static properties, the early years
- Prototype-based programming constructors and inheritance, the early years
- To
newor not tonew - Prototype-based getters and setters with
getandsetkeywords & property descriptors - JavaScript OOP keywords:
class,constructor,extends,super,get,setandstatic, the modern years
- Prototype-based programming and the
- Loops in JS
forstatement in JS: Explicit counters, iterations, step sizes and performance considerationsbreakandcontinuestatements: Exiting for loops and iterations prematurely- Label statements in JS loops: GoTo a specific point in the workflow of a JS loop
whileanddo whilestatements: Loops that run with one expressionfor instatement: A loop for key-value data structures- The
for ofstatement in JS: Iterable and iterator protocols, plus what are and how to make iterable objects - Generators and yield expressions in JS: Functions that operate with iterable objects
Tip Certain JS data types have built-in methods that produce the same outcome as loops with
for,while,do whileand inclusivelyfor instatements, but with simpler syntax: - JavaScript asynchronous and parallel execution
- Single threaded, the problem; non-blocking, asynchronous and parallel execution, the solutions
- Timeouts, asynchronously delaying the inevitable
- Callbacks and higher-order functions: They aren't necessarily asynchronous & non-blocking
- Functions for UI (User Interface) and I/O(Input/Output) related work: Asynchronous & non-blocking
- Callback hell
- Promises
- Async functions
- Async functions with
await - Web workers
- Node JS
- How Node JS compares to JavaScript browser engines and other programming language run-time environments
- Node JS - Installation and versioning
- The Node version manager
nvm(Optional) - The Node JS
nodecommand - Node JS - A JavaScript CommonJS based system
- Node JS - Built-in JavaScript modules
- The Node JS
dnsmodule: DNS (Domain Name System) operations with JavaScript - The Node JS
fsmodule: Read and write files with JavaScript - Node JS & the JavaScript asynchronous/callback approach & event loop design
- Npm
- Deno
- TypeScript: The JavaScript that should have been
- WebAssembly: The web's JavaScript liberator
- JavaScript's performance crux: An interpreted language
- Getting to machine language from other languages: Interpreted, compiled, assembly, higher level, mid level, system level and low level
- WebAssembly precursors : Browser add-ons/plug-ins, JavaScript asm.js and transpilers for low level languages
- WebAssembly: Lessons learned from JavaScript, browsers, add-ons/plug-ins, low level languages and transpilers
- WebAssembly: The future of the web
- Rust