Curriculum: Beginner to Professional

The course is organised into four progressive levels. Each one develops practical skills through guided exercises, assignments, and real projects.

Beginner Level – JavaScript Fundamentals

Start with what JavaScript actually is and where it runs. Learn how to add scripts to a web page and how to use browser developer tools and the console for testing. Study variables with let and const, primitive data types, and type coercion, which is a common source of confusion. Learn operators and expressions, and understand how JavaScript evaluates them. Move into control flow with conditionals and loops. Work with strings and their common methods. Build your first small programs that take input, process it, and display results on the page. Practise writing clean, readable code and understanding error messages when they appear.

Intermediate Level – Functions, Arrays, Objects, and the DOM

Learn functions in depth, including parameters, return values, scope, closures, and arrow functions. Study how scope and hoisting behave, so you understand why code sometimes runs differently than expected. Work with arrays and their core methods, including map, filter, reduce, find, and sort. Study objects, properties, methods, and how to iterate over them. Move into the Document Object Model, learning to select elements, read and update content, change styles and classes, and create or remove elements dynamically. Learn event handling, including event listeners, event objects, and propagation. Build interactive pages where user actions change what appears on screen.

Advanced Level – Modern JavaScript and Asynchronous Programming

Explore modern language features that make JavaScript code clearer and more expressive. Learn destructuring, spread and rest operators, template literals, default parameters, and ES modules for organising code across files. Study the event loop and understand why JavaScript handles concurrency the way it does. Move into asynchronous programming with callbacks, promises, and async-await. Learn to fetch data from APIs, parse JSON, and handle loading, success, and error states properly. Study error handling with try, catch, and finally, and learn to design robust failure paths. Work with browser storage options such as local storage and session storage for persisting data between visits.

Professional Level – Architecture, Debugging, and Project Development

Bring everything together by building complete, well-structured applications. Learn to organise code into modules with clear responsibilities and separation of concerns. Study debugging techniques using browser developer tools, breakpoints, the console, and network inspection. Learn to read stack traces and diagnose asynchronous bugs. Explore performance considerations such as avoiding unnecessary DOM updates and handling large data efficiently. Study testing approaches for JavaScript, including unit tests and assertions. Learn about code style and linting practices that keep a codebase consistent. Explore version control with Git for tracking changes and collaborating. Complete a capstone project that combines everything you have learned into a working application that fetches data, responds to user input, and handles errors gracefully.