VARIABLES DATA TYPES DOCS

console
comments shortcuts
variables
data types
stack_heap
type conversion
operators
type coercion
strings
capitalize challenge
numbers
math object
number challenge
dates and times
date methods

ARRAYS AND OBJECTS DOCS

array basics
array methods
array nesting concat spread
array challenges
object literals
object spread methods
destructuring naming
json intro
object challenge

FUNCTIONS SCOPE DOCS

function basics
function arguments
global function scope
block scope
nested scope
declaration vs expression
arrow functions
immediately invoked functions
function challenges
execution context
call stack

LOGIC CONTROL SCOPE DOCS

if statements
else if and nesting
switches
calculator challenge
truthy falsy
logical operators
logical assignment
ternary operator

ITERATION ARRAY METHODS DOCS

for loop
break and continue
while do while loop
fizzbuzz challenge
for of loop
for in loop
foreach
filter
map
reduce
array method challenges

DOCUMENT OBJECT MODEL DOCS

what is the dom
examining the document object
dom selectors single elements
dom selectors multiple elements
traversing the dom elements
traversing the dom nodes
create elements
create item innerhtml vs createelement
refactor to multiple functions
insert elements
custom insertafter
replace elements
remove elements

EVENTS DOCS

event listeners
mouse events
event object
keyboard events
keycode mini project
input events
form submission
event bubbling
event delegation
window events

ASYNCHRONOUS JAVASCRIPT DOCS

thread of execution
how async js works
settimeout cleartimeout
setinterval clearinterval
callbacks
http requests
sample requests network tab
ajax xhr
joke generator project
callback hell
promises
callback promise refactor
promise chaining
promises vs callback hell
promise all

FETCH API ASYNC AWAIT DOCS

fetch basics
random user mini project
fetch options
typicode todos mini project
fetch api error handling
async await
try catch
async await error handling
async await multiple promises

WEB BROWSER APIS

what are web apis
geolocation api
location map
canvas api
requestanimationframe
animated clock 1
animated clock 2
web audio api
audio context filters
music player project
drum machine project
video api
video player project
web animations api
speech recognition
speech synthesis

OOP CONSTRUCTORS PROTOTYPES

what is oop
basic principles
object literals and this keyword
constructor functions
literals constructors boxing
object properties
prototypes
add methods to prototype
object create
inheritence with call
oop game challenge

OOP CLASSES PRIVATE PROPERTIES

classes
class inheritance
static methods
bind this
getters setters classes
getters setters defineproperty
private properties convention
private fields es2022
property flags descriptors
sealing freezing properties

TRACALORIE OOP PROJECT DOCS

project intro
theme setup
planning diagram
base tracker meal workout
display stats
progress calorie alert
app class
newitem refactor
display new meal workout
remove meal workout
filter reset
set calorie limit
storage class limit persist
persist total calories
save meals localstorage
save workouts localstorage
remove meals items localstorage
clear storage items

MODULES AND TOOLING DOCS

what are modules
what is nodejs
common js modules
npm modules
es modules
webpack module bundler
webpack basic setup
css style loaders
html webpack plugin
webpack devserver
babel loader
tracalorie webpack refactor

ITERATORS DATA STRUCTURES

section intro
symbols
iterators
generators
profile scroller project
sets
maps
poll project
stacks
queues
linked lists

UNIT TESTING ALGORITHMS

what are algorithms
what is unit testing
jest unit testing
grouping tests describe
reverse string
palindrome
array chunking
anagram
get elements by tag
has duplicate ids

NODEJS MODULES

section intro
file system module
path module
os module
url querystring
http module

RANDOMIDEAS REST API

express api setup
nodemon routes folder
handle post requests
handle put delete requests
what is mongodb
atlas setup
connecting to mongodb
mongoose data model
database queries

RANDOMIDEAS FRONT END

fullstack workflow
client folder setup
modal component
ideaform component
idealist component
api service
create idea
save username storage
add username to server
delete functionality
deploy to render

Home

JavaScript Documentation

Comprehensive guides for JavaScript development

Console

Learn how to use the console for debugging and output