← Course
JavaScript for Beginners (2026)
Learn from the ground up: how JS works in the browser, variables & types, functions, arrays & objects, DOM, events, and a Todo List mini-project with localStorage.
JavaScriptLast updated 3 Feb 2026
Level 1: The Basics (Getting to Know JS)
Focus on understanding how JavaScript works inside the browser.
Session 1: Hello World & Setup
- What is JavaScript and why is it the "brain" of the web?
- Set up VS Code and the browser Console.
- Linking a
.jsfile into HTML.
Session 2: Data & Variables
- Storing data with let and const (and why avoid var).
- Basic types: String, Number, Boolean.
- Simple math operations in JS.
Session 3: Logic & Flow (The Decision Maker)
- If-Else: Writing code that can choose (e.g. "If age > 17, allow entry").
- Comparison operators (>, <, ===).
- Logical operators (&&, ||).
Level 2: Making It Functional
Learn to organize code and work with larger amounts of data.
Session 4: Functions (Code Machines)
- Writing functions so you don’t repeat code.
- Parameters and return values.
- Arrow functions (modern function syntax).
Session 5: Arrays & Objects (Storage Drawers)
- Arrays: Storing lists of data (e.g. a shopping list).
- Objects: Storing structured data (e.g. a user with name, age, and address).
- Accessing and updating their contents.
Session 6: Looping (Repetition Work)
- Repeating code with for and forEach.
- Displaying lists in the console automatically.
Level 3: Interaction (A Living Website)
Here you start to feel like a "real developer" as the site becomes interactive.
Session 7: DOM Manipulation (Controlling HTML with JS)
- Selecting HTML elements with querySelector.
- Changing text and styles of elements via JS.
- Hiding and showing elements.
Session 8: Events (Action & Reaction)
- addEventListener: Running code when a button is clicked.
- Getting user input from forms.
- Building a simple feature (e.g. dark/light mode).
Session 9: Mini Project (Todo List)
- Build a simple Todo List app:
- Add items.
- Remove items.
- Mark items as done.
- Introduction to localStorage so data survives a browser refresh.
- Foundation for connecting to a backend or API later (e.g. Backend Node.js or PHP).
Interested in this course? I offer mentoring and structured learning—get in touch to discuss your goals.