JavaScript Essentials

Name: JavaScript Essentials
Availability: InStock
Author: FreeAcademy

Beginner

No prior knowledge required. Starts from basics.

A beginner-friendly journey through core JavaScript concepts. Learn fundamentals, variables, operators, control flow, functions, objects, arrays, DOM manipulation, events, async programming, ES modules, and modern ES6+ features.

Please sign in to enroll in this course

Course Content

4 modules • 61 lessons

Module 1: JavaScript Fundamentals

19 lessons

1.1

JavaScript Essentials

Course Content

Module 1: JavaScript Fundamentals

What is JavaScript? (History, role in web)

Where JavaScript Runs (Browser vs. Node.js)

Your In-Browser Workspace & Developer Tools

console.log and Your First Script

var, let, const

Primitives: String, Number, Boolean, null, undefined, Symbol, BigInt

Objects (intro)

Type coercion & typeof

Arithmetic: +, -, *, /, %, **

Assignment: =, +=, -=

Comparison: ==, ===, !=, !==, <, >, <=, >=

Logical: &&, ||, !

Unary: ++, --

Ternary: condition ? a : b

Precedence overview

if / else if / else

switch

Loops: for, while, do…while

break & continue

Module 2: Intermediate JavaScript Concepts

Declarations, expressions, arrow functions

Params & return values

Global vs. function vs. block scope

Closures (intro)

IIFEs

Objects: literals, dot/bracket notation, adding/removing props, this, destructuring, spread/rest

Arrays: literals, indexing, push/pop/shift/unshift/splice

Iteration: for, forEach, map, filter, reduce

Common methods: find, some, every, sort, slice

Destructuring, spread/rest

Functions as first-class

HOFs & callback patterns

setTimeout, setInterval

try / catch / finally

Throwing custom errors

Debugging techniques

Module 3: Working with the Browser (DOM & Events)

DOM tree, nodes, elements

Selectors: getElement…, querySelector(All)

Traversal: parentNode, children, sibling props

textContent, innerHTML

Attributes: getAttribute / setAttribute

Styles & classList

Creating/inserting/removing elements

addEventListener

Common events: click, input, submit, etc.

Event object: preventDefault, stopPropagation

Event delegation

Module 4: Asynchronous JavaScript & Modern Features

Sync vs. async

Callback hell & Promises (then/catch/finally)

Chaining, fetch API

async functions & await

Error handling with try/catch

Promise.all()

import / export syntax

Default vs. named exports

Bundlers (Webpack/Vite brief)

localStorage vs. sessionStorage

setItem, getItem, removeItem, clear

Template literals

Default params

Classes (intro)

Optional chaining (?.) & nullish coalescing (??)