Javascript Resume

JavaScript in the Browser: Engine & Runtime

JavaScript Types and Variables

Operators

Introduction to JavaScript Operators

Expressions and operators

Assignment operators

Assignment =
Addition assignment +=
Subtraction assignment -=

Increment and decrement

Increment A++ or ++A
Decrement A-- or --A

Unary operators

typeof
Unary plus +
Unary negation -
Logical NOT !

Arithmetic operators

Addition +
Subtraction -
Division /
Multiplication *
Remainder %

Equality operators

Equality ==
Inequality !=
Identity ===
Nonidentity !==

Relational operators

Less than <
Greater than >
Less than or equal <=
Greater than or equal >=
instanceof
in

Binary logical operators

Logical AND &&
Logical OR ||
Nullish coalescing ??
Short Circuiting with && and ||

Conditional (ternary) operator

Optional Chaining operator ?.

Conditional statements

Loops & Iteration

Functions

Data structures: Arrays & Sets

Introduction to Arrays

Destructuring Arrays

Rest Pattern in Arrays

Spread syntax & array literals

Array.prototype Methods

push()
unshift()
pop()
shift()
splice()
reverse()
sort()
fill()
map()
filter()
slice()
concat()
flat()
flatMap()
indexOf()
lastIndexOf()
findIndex()
find()
includes()
some()
every()
join()
reduce()
forEach()
entries()
Chaining Methods in JavaScript

Array Static Methods

Array.isArray()
Array.from()

Which array method to use?

Data structures - Sets & WeakSet

Data structures: Objects & Maps

Object-Oriented Programming (OOP)

Functional Programming (FP)

Standard Build-In Objects

Introduction to Standard Build-in Objects

String

String.prototype properties & methods

length
indexOf()
lastIndexOf()
slice()
toLowerCase() & toUpperCase()
trim()
replace()
replaceAll()
includes()
startsWith() & endsWith()
split()
padStart() & padEnd()
repeat()

Regular Expressions (RegEx)

Number

Number Static Methods

Number.parseInt()
Number.parseFloat()
Number.isNaN()
Number.isFinite()
Number.isInteger()

Number.prototype Methods

toFixed()

Math

Math Static Methods

Math.max()
Math.min()
Math.round()
Math.floor()
Math.ceil()
Math.trunc()
Math.random()
Math.abs()

BigInt

Date

Date.prototype Methods

getFullYear()
getMonth()
getDate()
getDay()
getHours()
getMinutes()
getSeconds()
getTime()
toISOString()
toLocaleString()
setFullYear()

Internationalization API (Intl)

Intl.DateTimeFormat()
Intl.NumberFormat()

Error

FormData

JSON

JSON Static Methods

JSON.stringify()
JSON.parse()

Asynchronous

Web APIs
Document Object Model (DOM)
- Properties & Methods -

Introduction to Web APIs

Introduction to the Document Object Model (DOM)

How DOM API is organized behind the scenes

DOM Node Types (Node vs Element)

HTML Attributes vs DOM Properties

DOM Traversing & select DOM elements

Introduction to DOM Traversing
document.documentElement
document.head
document.body
document.getElementById()
getElementsByTagName() -> (document/element)
getElementsByClassName() -> (document/element)
querySelector() -> (document/element)
querySelectorAll() -> (document/element)
Element.children
Node.childNodes
Element.firstElementChild
Element.lastElementChild
Node.firstChild
Node.lastChild
Element.closest()
Node.parentElement
Node.parentNode
Element.previousElementSibling
Element.nextElementSibling
Node.previousSibling
Node.nextSibling

Tips & tricks for create, insert and remove elements

Create, insert & remove DOM elements

Element.innerHTML
Element.insertAdjacentHTML()
document.createElement()
Element.append()
Node.appendChild()
Element.prepend()
Node.insertBefore()
Element.before()
Element.after()
Element.insertAdjacentElement()
Element.replaceWith()
Node.replaceChild()
Element.remove()
Node.removeChild()
Node.cloneNode()

Text, Styles, Classes & Attributes

HTMLElement.innerText
Node.textContent
Element.insertAdjacentText()
HTMLElement.style
Element.className
Element.classList (add, remove, toggle, contains)
Element.getAttribute()
Element.setAttribute()
Element.attributes
CSSStyleDeclaration.setProperty()
HTMLDataElement.value
HTMLMediaElement.src
HTMLImageElement.alt
HTMLAnchorElement.href
HTMLElement.hidden
Element.tagName
HTMLElement.dataset
HTMLSelectElement.disabled

Other methods & properties

Element.getBoundingClientRect()
Element.clientHeight
Element.clientWidth
HTMLElement.offsetHeight
Element.scrollTo()
Element.scrollBy()
Element.scrollIntoView()
HTMLElement.blur()
HTMLElement.focus()
Node.isEqualNode()
Node.nodeValue
Node.contains()
document.createRange().createContextualFragment()
HTMLInputElement.select()
HTMLTemplateElement.content
document.importNode()

Changing Multiple Elements

JavaScript Resume

JavaScript in the Browser: Engine & Runtime

JavaScript Types and Variables

Operators

Conditional statements

Loops & Iteration

Functions

Data structures: Arrays & Sets

Data structures: Objects & Maps

Object-Oriented Programming (OOP)

Functional Programming (FP)

Standard Build-In Objects

Asynchronous

Web APIs
Document Object Model (DOM)
- Properties & Methods -

Web APIs
Document Object Model (DOM)
- Events -

Other Web APIs

Modern JavaScript Development: Modules and Tooling

JavaScript Resume

JavaScript in the Browser: Engine & Runtime

JavaScript Types and Variables

Operators

Conditional statements

Loops & Iteration

Functions

Data structures: Arrays & Sets

Data structures: Objects & Maps

Object-Oriented Programming (OOP)

Functional Programming (FP)

Standard Build-In Objects

Asynchronous

Web APIs Document Object Model (DOM) - Properties & Methods -

Web APIs Document Object Model (DOM) - Events -

Other Web APIs

Modern JavaScript Development: Modules and Tooling

Web APIs
Document Object Model (DOM)
- Properties & Methods -

Web APIs
Document Object Model (DOM)
- Events -