Free Course · Intermediate · Ibadan, Nigeria

JavaScript

From your first console.log() to async/await, DOM, APIs and a complete reference manual — 46 lessons across 5 phases, from beginner to confident developer.

46Lessons
5Phases
HTML+CSSPrerequisite
Start Lesson 01 → View All 46 Lessons
script.js
// Lesson 09 — Arrow Functions
const greet = (name) => {
return `Hello, ${name}!`;
};
 
// Lesson 34 — Async/Await
const getData = async () => {
const res = await fetch('/api/data');
return res.json();
};
Console
> greet("Techbase")
< "Hello, Techbase!"
About This Course

Make the web come alive.

HTML gives structure, CSS makes it beautiful — JavaScript makes it interactive. It is the programming language of the browser and the most widely used language in the world.

46 lessons across 5 phases covering everything from basic syntax to advanced architecture, real projects, and a complete reference manual. Designed by Babatunde Awoyemi, Techbase Consultant Services, Ibadan.

  • Variables, data types, operators and control flow
  • Functions, closures, classes and modules
  • Selecting and manipulating the DOM
  • Events, forms and user interaction
  • Async programming — promises, async/await, Fetch API
  • JSON, AJAX, Web APIs, Canvas and jQuery
  tools_needed.txt
VS Code + Live Server
Write JS, HTML & CSS with live reload
↗ Download
Chrome DevTools Console
Test JavaScript instantly
F12 → Console
Prerequisite: HTML
Complete first — required
↗ Take it
Prerequisite: CSS
Complete first — recommended
↗ Take it
Next: Python
After completing this course
↗ Go there
Course Content

46 Lessons · 5 Phases

Phase 1 — Core Language (01–11)
01JavaScript Tutorial — Introduction, Placement & Output 02JavaScript Syntax, Statements & Comments 03JavaScript Variables, let, const & Data Types 04JavaScript Operators: Arithmetic · Assignment · Comparisons 05JavaScript Conditionals: if · else · Ternary · Switch · Logical Operators 06JavaScript Loops, Control Flow & Loop Keywords 07JavaScript Strings: Template Strings · Methods · Search 08JavaScript Numbers: Methods · Properties · Bitwise · BigInt 09JavaScript Functions: Invocation · Parameters · Return · Arrow Functions 10JavaScript Objects: Properties · Methods · this · Constructors 11JavaScript: Scope, Code Blocks, Hoisting & Strict Mode
Phase 2 — Data & Collections (12–20)
12JavaScript Dates: Creating · Formatting · Reading · Changing 13JavaScript Temporal API: Modern Date & Time Handling 14JavaScript Arrays: Creating · Modifying · Sorting · Iterating 15JavaScript Sets: Unique Values · Methods · Union · WeakSet 16JavaScript Maps: Key-Value Pairs · Methods · WeakMap 17JavaScript Looping, Iterables, Iterators & Generators 18JavaScript Math & Random: Properties · All Math Methods 19JavaScript Regular Expressions: Patterns · Flags · Quantifiers 20JavaScript Destructuring: Arrays · Objects · Nested · Rest
Phase 3 — Intermediate Patterns (21–30)
21JavaScript Data Types, Primitives, typeof & Type Conversion 22JavaScript Errors — Introduction, Silent Errors & the Error Object 23JavaScript Debugging: Console · Breakpoints · Error Types 24JavaScript Conventions, Best Practices & Performance 25JavaScript Statements, Reserved Words & Operator Precedence 26JavaScript Modern Features: ES2016 → ES2026 27JavaScript History, Versions & The Foundation: ES3 · ES5 · ES6 28JavaScript HTML DOM: Methods · Finding & Changing Elements 29JavaScript Events: Mouse · Keyboard · Load · Timing · EventListener 30JavaScript Projects: Counter · To-Do List · Modal · Form Validation
Phase 4 — Advanced & Architecture (31–40)
31JavaScript Functions: Callbacks · this · call · apply · bind · Closures 32JavaScript Objects: Iterations · Accessors · Prototypes 33JavaScript Classes: Syntax · Inheritance · Static Methods 34JavaScript Asynchronous Programming: Promises · Async/Await · Fetch 35JavaScript Modules: Exports · Imports · Dynamic Imports 36JavaScript Meta Programming: Reflect API · Proxy API 37JavaScript Typed Arrays, ArrayBuffers, DataView & Atomics 38JavaScript DOM — Navigation, Nodes, Collections & NodeLists 39JavaScript Browser Object Model: Window · Location · History 40JavaScript Web APIs: Fetch · Geolocation · Web Storage · Workers
Phase 5 — Ecosystem & Reference (41–46)
41JavaScript AJAX: XMLHttpRequest · Sending & Handling Responses 42JavaScript JSON: Syntax · JSON.parse() · JSON.stringify() · Servers 43JavaScript & jQuery: Selectors · HTML · CSS · DOM Manipulation 44JavaScript Graphics: Canvas · Plotly · Chart.js · Google Charts · D3.js 45JavaScript Mastery Capstone: Examples · Practice · Interview Prep 46JavaScript Complete Reference Manual
How It Works

Learn at your own pace.

01

Finish HTML First

This course manipulates HTML. Complete HTML (and ideally CSS) before you start.

02

Open Lesson 01

Open DevTools (F12) alongside every lesson and run every snippet as you read.

03

Type the Code

Do not copy-paste. Type every example. Muscle memory is how JavaScript learning sticks.

04

Build Projects

Lesson 30 has real projects. Lesson 45 is the capstone. Complete every single one.