Contents

• Getting started
  • Using console.log
  • Using the DOM API
  • Using window.alert
  • Using window.prompt
  • Using window.confirm
  • Using the DOM API with graphical text Canvas SVG or image file
• Comments
• Basic data types
• Built-in constants
  • null
  • undefined and null
  • Number constants
  • NaN
  • Operations that return NaN
  • Math library functions that return NaN
  • Testing for NaN using isNaN
  • Infinity and -Infinity
• Variables
  • Defining a variable
  • Using a variable
  • Types of variables
  • Arrays and objects
• Declarations and assignments
  • Declaration
  • Assignment
  • Declaring and initializing constants
  • Modifying constants
  • Reassigning constants
  • Undefined
  • Mathematic operations and assignment
• Reserved keywords
  • Reserved keywords
  • Identifier names
• Data types in JavaScript
  • typeof
  • Getting object type by constructor name
  • Finding an objects class
• Strings
  • Basic info and string concatenation
  • Reverse a string
  • Access character at index in string
  • Comparing strings lexicographically
  • Word counter
  • Escaping quotes
  • Splitting a string into an array
  • Strings are unicode
  • Detecting a string
  • Trim whitespace
  • Character code
  • String representations of numbers
  • Substring with slice
  • Find and replace
  • Find the index of a substring inside a string
  • String to lower case
  • Repeat a string
  • String to upper case
• Escape sequences
• Template Literals
  • Introduction
  • Basic interpolation and multiline strings
  • Tagged strings
  • Raw strings
  • Templating HTML With Template Strings
• Arrays
  • Converting Array-like Objects to Arrays
  • Reducing values
  • Mapping values
  • Filtering Object Arrays
  • Sorting Arrays
  • Iteration
  • Removing duplicate elements
  • Destructuring an array
  • Array comparison
  • Reversing arrays
  • Concatenating Arrays
  • Shallow cloning an array
  • Merge two array as key value pair
  • Array spread rest
  • Finding the minimum or maximum element
  • Removing items from an array
  • Filtering values
  • Standard array initialization
  • Removing all elements
  • Searching an Array
  • Convert a String to an Array
  • Joining array elements in a string
  • Removing / adding elements using splice
  • The entries() method
  • Remove value from array
  • Logical connective of values
  • Flattening Arrays
  • Object keys and values to array
  • Append / prepend items to array
  • Checking if an object is an array
  • Sorting multidimensional array
  • Insert an item into an array at a specific index
  • Test all array items for equality
  • Copy part of an array with slice()
  • Using map to reformat objects in an array
• Objects
  • Shallow cloning
  • Object.freeze
  • Object cloning
  • Object properties iteration
  • Object.assign
  • Object rest / spread (...)
  • Accessor properties get and set
  • Convert objects values to array
  • Dynamic variable property names
  • Arrays are Objects
  • Object.defineProperty
  • Object.seal
  • Retrieving properties from an object
  • Object.keys
  • Descriptors and Named Properties
  • Object.getOwnPropertyDescriptor
  • Lock property description
  • Non enumerable property
  • Read-only property
  • Creating an iterable object
  • Properties with special characters or reserved words
  • Iterating entries with Object.entries
  • Object.values
• Prototypes objects
  • Prototypes objects
  • Creation and initialising Prototype
• Classes
  • Class Constructor
  • Class Inheritance
  • Static Methods
  • Getters and setters
  • Private Members
  • Dynamic Method Names
  • Methods
  • Managing Private Data with Classes
  • Class Name binding
• Variable coercion / conversion
  • Double negation (!!x)
  • Implicit conversion
  • Convert to boolean
  • Convert string to number
  • Convert string to boolean
  • Convert string to float
  • Convert a number to a boolean
  • Convert array to a string
  • Array to string using array methods
  • Integer to Float
  • Float to Integer
  • Converting a number to a string
  • Primitive to primitive conversion table
• Map
  • Creating a Map
  • Clearing a map
  • Removing an element from a map
  • Checking if a key exists in a map
  • Iterating maps
  • Getting and setting elements
  • Getting the number of elements of a map
• Set
  • Set
  • Creating a Set
  • Adding a value to a set
  • Removing value from a set
  • Checking if a value exist in a set
  • Clearing a set
  • Getting set length
  • Converting Sets to arrays
  • Intersection and difference in Sets
  • Iterating Sets
• Arithmetic Math
  • Constants
  • Remainder Modulus
  • Rounding
  • Trigonometry
  • Bitwise operators
  • Increment
  • Exponentiation Math.pow or
  • Random Integers and Floats
  • Addition
  • Simulating events with different probabilities
  • Little Big endian for typed arrays when using bitwise operators
  • Multiplication
  • Subtraction (-)
  • Random number inside a range
  • Decrementing (--)
  • Ceiling and floor
  • Math.atan2 to find direction of a vector
  • Sin / cos to create a vector given direction distance
  • 1Math.hypot
  • Periodic functions using Math.sin
  • Random with gaussian distribution
  • Division
  • Getting maximum and minimum
  • Restrict Number to Min / Max Range
  • Getting roots of a number
• Bitwise operators
  • Swapping Two Integers with Bitwise XOR without additional memory allocation
  • Numbers Parity Detection with Bitwise AND
  • Faster multiplication or division by powers of 2
• Bitwise operators
  • Bitwise operators
  • Shift Operators
• Unary Operators
  • Overview
  • The typeof operator
  • The delete operator
  • The unary plus operator
  • The void operator
  • The unary negation operator (-)
  • he bitwise NOT operator
  • The logical NOT operator
• Comparison operations
  • Abstract equality inequality and type conversion
  • NaN Property of the Global Object
  • Short-circuiting in boolean operators
  • Double Negation (!!)
  • Abstract equality
  • Bitwise operators
  • Null and undefined
  • Automatic Type Conversions
  • Logic Operators with Non-boolean values boolean coercion
  • Empty Array
  • Logic Operators with Booleans
  • Equality comparison operations
  • Inequality
  • Relational operators
  • Grouping multiple logic statements
  • List of Comparison Operators
  • Bit fields to optimize comparison of multi state data
• Conditions
  • Ternary operators
  • Switch statement
  • if-else
  • Strategy pattern
  • do ... while loop
  • && and || as conditional statements
• Loops
  • Standard for loops
  • for ... of loop
  • for ... in loop
  • while loops
  • continue loop
  • Break specific nested loops
  • do ... while loop
  • break and continue labels
  • break out of a loop
• Functions
  • Introduction
  • Function Scoping
  • Currying
  • Immediately Invoked Function Expressions (IIFE)
  • Binding this and arguments
  • Named Functions
  • Variadic function (with arbitrary number of arguments)
  • Anonymous Function
  • Default parameters
  • Function Composition
  • Partial Application
  • Passing arguments by reference or value
  • Call and apply
  • Function Arguments arguments object rest and spread parameters
  • Using the Return Statement
  • Get the name of a function object
  • Recursive Function
  • Functions as a variable
• Arrow functions
  • Arrow Functions
  • Introduction
  • Lexical Scoping Binding Value of this
  • Arguments Object
  • Implicit Return
  • Arrow functions as a constructor
  • Explicit Return
• Date
  • Create a new Date object
  • Comparing dates
  • Convert to a string
  • Creating a Date from UTC
  • Formatting a date
  • Get the current time and date
  • Convert to JSON
  • Increment a Date Object
  • Get the number of milliseconds elapsed since 1 January 1970 00 00 00 UTC
• Date comparison
  • Comparing Date values
  • Date Difference Calculation
• Scope
  • Closures
  • Hoisting
  • Difference between var and let
  • Apply and Call syntax and invocation.
  • Bound invocation
  • Arrow function invocation
  • Method invocation
  • Anonymous invocation
  • Constructor invocation
  • Using let in loops instead of var click handlers example
• AJAX
  • Sending and Receiving JSON Data via POST
  • AJAX preloader
  • Displaying the top JavaScript questions of the month from Stack Overflows API
  • Using GET with parameters
  • Check if a file exists via a HEAD request
  • Using GET and no parameters
  • Listening to AJAX events at a global level
• Promises
  • Introduction
  • Promise chaining
  • Waiting for multiple concurrent promises
  • Reduce an array to chained promises
  • Waiting for the first of multiple concurrent promises
  • Promisifying functions with callbacks
  • Error Handling
  • Reconciling synchronous and asynchronous operations
  • Delay function call
  • Promisifying values
  • Using ES2017 async / await
  • forEach() with promises
  • Performing cleanup with finally
  • Asynchronous API request
• Regular Expression
  • Creating a RegExp Object
  • RegExp Flags
  • Check if string contains pattern using .test
  • Matching With .exec
  • Using RegExp With Strings
  • RegExp Groups
  • Replacing string match with a callback function
  • Using Regex.exec with parentheses regex to extract matches of a string
• Error Handling
  • Error objects
  • Interaction with Promises
  • Order of operations plus advanced thoughts
  • Error types
• Geolocation
  • Get a users latitude and longitude
  • More descriptive error codes
  • Get updates when a users location changes
• Cookies
• Intervals and timeouts
  • Recursive setTimeout
  • Intervals
  • Removing intervals
  • Removing timeouts
  • Intervals
  • setTimeout order of operations clearTimeout
• Generators
  • Generator Functions
  • Sending Values to Generator
  • Delegating to other generator
  • Iteration
  • Async flow with generators
  • Iterator-observer interface
• History of visited urls
• Strict mode
  • For entire scripts
  • For functions
  • Changes to properties
  • Changes to global properties
  • Duplicate Parameters
  • Function scoping in strict mode
  • Behaviour of a functions arguments list
  • Non-Simple parameter lists
• Custom Elements
  • Extending Native Elements
  • Registering New Elements
• JSON
  • JSON versus JavaScript literals
  • Parsing with a reviver function
  • Serializing a value
  • Serializing and restoring class instances
  • Serializing with a replacer function
  • Parsing a simple JSON string
  • Cyclic object values
• Binary Data
  • Getting binary representation of an image file
  • Converting between Blobs and ArrayBuffers
  • Manipulating ArrayBuffers with DataViews
  • Creating a TypedArray from a Base64 string
  • Using TypedArrays
  • Iterating through an arrayBuffer
• Web Storage
  • Using localStorage
  • Simpler way of handling Storage
  • Storage events
  • sessionStorage
  • Clearing storage
  • Error conditions
  • Remove Storage Item
  • localStorage length
• Fetch
  • Getting JSON data
  • Set Request Headers
  • POST Data
  • GlobalFetch
  • Send cookies
  • Using Fetch to Display Questions from the Stack Overflow API
• Modules
  • Defining a module
  • Default exports
  • Importing named members from another module
  • Importing an entire module
  • Importing named members with aliases
  • Importing with side effects
  • Exporting multiple named members
• Screen
  • Getting the screen resolution
  • Getting the available area of the screen
  • Getting color information about the screen
  • Window innerWidth and innerHeight Properties
  • Page width and height
• Inheritance
  • Standard function prototype
  • Difference between Object.key and Object.prototype.key
  • Prototypal inheritance
  • Pseudo-classical inheritance
  • Setting an Objects prototype
  • New object from prototype
• Timestamps
  • High-resolution timestamps
  • Low-resolution timestamps
  • Get Timestamp in Seconds
  • Support for legacy browsers
• Destructuring assignment
  • Destructuring Objects
  • Destructuring function arguments
  • Nested destructuring
  • Destructuring arrays
  • Destructuring inside variables
  • Default value while destructuring
  • Renaming variables while destructuring
  • Using rest parameters to create an arguments array
• Web Worker
  • Web workers
  • A simple service worker
  • Register a service worker
  • Terminate a worker
  • Communicating with a web worker
  • Populating your cache
  • Dedicated workers and shared Workers
• Debugging
  • Interactive interpreter variables
  • Breakpoints
  • Using setters and getters to find what changed a property
  • Using the console
  • Including a stack trace when logging - console.trace
  • Automatically pausing execution
  • Tabulating values - console.table
  • Elements inspector
  • Stepping through code
  • Break when a function is called
• Notifications API
  • Requesting permission to send notifications
  • Sending notifications
  • Closing a notification
  • Notification events
• WebSockets
  • Working with string messages
  • Establish a web socket connection
  • Working with binary messages
  • Making a secure web socket connection
• Web Cryptography API
  • Creating digests e.g. SHA-256
  • Cryptographically random data
  • Generating RSA key pair and converting to PEM format
  • Converting PEM key pair to CryptoKey
• Async functions, async / await
  • Introduction
  • Await and operator precedence
  • Async functions compared to Promises
  • Looping with async await
  • Less indentation
  • Simultaneous async parallel operations
• Constructor functions
  • Declaring a constructor function
• execCommand and contenteditable
  • Listening to changes of contenteditable
  • Getting started
  • Formatting
  • Copy to clipboard from textarea using execCommandcopy
• Performance Tips
  • Avoid try/catch in performance-critical functions
  • Limit DOM Updates
  • Benchmarking your code - measuring execution time
  • Cache (memoize) heavy-computing functions
  • Initializing object properties with null
  • Reuse objects rather than recreate
  • Prefer local variables to globals attributes and indexed values
  • Be consistent in use of Numbers
• Design patterns
  • Creational Design Patterns
  • Factory functions
  • Factory with composition
  • Module and Revealing Module Patterns
  • Prototype Pattern
  • Singleton Pattern
  • Observer pattern
  • Chainable object design and chaining
  • Abstract factory attern
  • Mediator Pattern
• requestAnimationFrame
  • Use requestAnimationFrame to fade in element
  • Cancelling an animation
  • Keeping compatibility
• Method chaining
  • Chainable object design and chaining
  • Method chaining
• Global error handling in browsers
  • Global error handling in browsers
  • Handling window.onerror to report all errors back to the server-side
• File API, blobs and FileReaders
  • Read file as string
  • Read file as dataURL
  • Slice a file
  • Client side csv download using Blob
  • Selecting multiple files and restricting file types
  • Get the properties of the file
• Console
  • Measuring time - console.time
  • Formatting console output
  • Printing to a browsers debugging console
  • Including a stack trace when logging - console.trace
  • Counting - console.count
  • Tabulating values - console.table
  • Debugging with assertions - console.assert
  • Clearing the console - console.clear
  • Displaying objects and XML interactively - console.dir console.dirxml
• Tail call optimization
  • What is Tail Call Optimization (TCO)
  • Recursive loops
• Detecting browser
  • Feature detection method
  • User agent detection
  • Library method
• Enumerations
  • Enum definition using Object.freeze
  • Alternate definition
  • Printing an enum variable
  • Implementing enums using symbols
  • Automatic enumeration value
• Symbols
  • Basics of symbol primitive type
  • Using Symbol.for to create global shared symbols
  • Converting a symbol into a string
• Localization
  • Number formatting
  • Currency formatting
  • Date and time formatting
• Selection API
  • Get the text of the selection
  • Deselect everything that is selected
  • Select the contents of an element
• Callbacks
  • Simple Callback Usage Examples
  • What is a callback
  • Continuation synchronous and asynchronous
  • Callbacks and this
  • Error handling and control-flow branching
  • Callback using arrow function
• Functional JavaScript
  • Higher-Order Functions
  • Identity monad
  • Pure functions
  • Accepting functions as arguments
• Modals
  • About User Prompts
  • Persistent prompt modal
  • Confirm to Delete element
  • Usage of alert
  • Usage of prompt
• Data attributes
  • Accessing data attributes
• Event Loop
  • The event loop in a web browser
  • Asynchronous operations and the event loop
• Events
  • Page DOM and Browser loading
• Data manipulation
  • Format numbers as money
  • Extract extension from file name
  • Set object property given its string name
• BOM Browser Object Model
  • BOM Browser Object Model
  • Introduction
  • Window Object Methods
  • Window Object Properties
• Unit Testing
  • Unit Testing Promises with Mocha Sinon Chai and Proxyquire
  • Basic Assertion
• Linters for ensuring code quality
  • Linters - Ensuring code quality
  • JSHint
  • ESLint JSCS
  • JSLint
• Automatic Semicolon Insertion
  • Avoid semicolon insertion on return statements
  • Rules of Automatic Semicolon Insertion
  • Statements affected by automatic semicolon insertion
• IndexedDB
  • IndexedDB
  • Opening a database
  • Testing for IndexedDB availability
  • Adding objects
  • Retrieving data
• Anti-patterns
  • Chaining assignments in var declarations.
• Navigator Object
  • Navigator Object
  • Get some basic browser data and return it as a JSON object
• Modularization techniques
  • Universal Module Definition UMD
  • Immediately invoked function expressions IIFE
  • Asynchronous Module Definition AMD
  • CommonJS - Node.js
  • ES6 Modules
• Proxy
  • Proxy
  • Very simple proxy using the set trap
  • Proxying property lookup
• Same origin policy, cross-origin communication
  • Same Origin Policy Cross-Origin Communication
  • Safe cross-origin communication with messages
  • Ways to circumvent Same-Origin Policy
• postMessage and MessageEvent
  • .postMessage and MessageEvent
  • Getting Started
• WeakMap
  • WeakMap
  • Creating a WeakMap object
  • Getting a value associated to the key
  • Assigning a value to the key
  • Checking if an element with the key exists
  • Removing an element with the key
  • Weak reference demo
• WeakSet
  • WeakSet
  • Creating a WeakSet object
  • Adding a value
  • Checking if a value exists
  • Removing a value
• Behaviroal Design Patterns
  • Observer pattern
  • Mediator Pattern
  • Command
  • Iterator
• Server-sent events
  • Server-sent events
  • Setting up a basic event stream to the server
  • Closing an event stream
  • Binding event listeners to EventSource
• Async iterators
  • Async Iterators
  • Basics
• Namespacing
  • Namespacing
  • Namespace by direct assignment
  • Nested Namespaces
• Evaluating JavaScript
  • Evaluating JavaScript
  • Introduction
  • Evaluation and Math
  • Evaluate a string of JavaScript statements
• Memory efficiency
  • Drawback of creating true private method
• How to make iterator usable inside async callback function
  • How to make iterator usable inside async callback function
  • Erroneous code can you spot why this usage of key will lead to bugs
  • Correct Writing
• Context this
  • this with simple objects
  • Saving this for use in nested functions objects
  • Binding function context
  • this in constructor functions
• Setters and getters
  • Setters and Getters
  • Defining a SetterGetter Using Object.defineProperty
  • Defining an SetterGetter in a Newly Created Object
  • Defining getters and setters in ES6 class
• Vibration API
• Fluent API
  • Fluent API
  • Fluent API capturing construction of HTML articles with JS
• Tilde
  • Tilde
  • Integer
  • Operator
  • Converting Non-numeric values to Numbers
  • Shorthands
  • Decimal
• Security issues
  • Security issues
  • Reflected Cross-site scripting XSS
  • Persistent Cross-site scripting XSS
  • Persistent Cross-site scripting from JavaScript string literals
  • Why scripts from other people can harm your website and its visitors
  • Evaled JSON injection
• Get and set CSS custom variables
  • Using javascript to getset CSS custom variables
  • How to get and set CSS variable property values.
• Contributors

Additional cached pages

These pages were cached but are no longer linked from the book contents.

• Introduction to Transpiling
• Transpiling
• Transpiling
  • Start using ES67 with Babel