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