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
- JavaScript for loops
- The
forstatement: Explicit counters, iterations and step sizes, the early years - The
breakandcontinuestatements: Exiting for loops and iterations prematurely - Label statements in
forloops: GoTo a specific point in the workflow - The
whileanddo whilestatements: Loops that run with one expression - The
for instatement: A loop for key-value data structures, the early years - The
Arraydata type baked-in for loops, methods with callbacks:every(),filter(),forEach(),map(),reduce()&reduceRight() - The
Mapdata type &Setdata type baked-in for loopforEach()method with callback - The
for ofstatement: Iterable and iterator protocols - Iterable objects and the
next()method: Behind the scenes of thefor ofstatement & manually advancing over iterables - Generators and yield expressions
- The
- JavaScript asynchronous and parallel execution
- 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