The course is split into modules that build on each other. You start with core ideas and small code snippets and move towards complete features and mini projects.
You do not need previous coding experience. We explain code in plain language, repeat key ideas, and use short practice tasks that match how beginners think.
1
Programming and JavaScript basics
Start with the building blocks of code
›
You learn what programming really means, why JavaScript is used almost everywhere and how a browser runs your code.
- How browsers read HTML, CSS and JavaScript together
- Variables and simple data like numbers, text and booleans
- Basic operators and expressions explained through small tasks
- Writing and running your first scripts in a simple environment
2
Control flow and functions
Teach your code to make decisions
›
In this module you learn how to guide the path of your program and how to group logic into simple functions that you can reuse.
- If and else statements with clear visual examples and exercises
- Loops for repeating work in a controlled way using small scenarios
- Functions as named actions and how to call them with inputs and outputs
- How to read simple error messages and fix common mistakes
3
Working with arrays and objects
Handle structured data like a real app
›
You learn how to organise data in arrays and objects so your code can model simple real life problems.
- Arrays for lists of items such as users, tasks or products
- Objects for grouping related details into one unit
- Common array methods using small examples such as filter and map
- Reading and updating nested data without getting lost
4
The browser, DOM and events
Connect your code to real web pages
›
In this module your code starts to interact with buttons, forms and text on the page.
- What the DOM is and how JavaScript sees the page structure
- Selecting elements by id, class and simple query selectors
- Listening to user actions such as click and input events
- Updating text and styles to show live feedback on the page
5
Async JavaScript and APIs
Talk to backends and handle real data
›
You learn how web apps communicate with servers and how to fetch data without blocking the page.
- The idea of promises shown through visual timelines and stories
- Using async and await to write clear asynchronous code
- Fetching data from a sample API and showing it on the page
- Simple error handling patterns that prevent confusing failures
6
First steps with TypeScript
Add types to make your code safer
›
Here you move from plain JavaScript to TypeScript and see how types help catch issues early.
- What TypeScript adds on top of JavaScript and why teams use it
- Basic types such as string, number, boolean and arrays of values
- Type aliases and simple interfaces to describe objects clearly
- How TypeScript compiles to JavaScript and fits into a project
7
Structuring projects with TypeScript
Organise real code bases in a simple way
›
You now apply types in a project structure that feels close to junior developer work.
- Splitting code into modules and keeping files focused and small
- Type safe functions for handling user input and API data
- Using basic generics in a friendly way when it makes sense
- Reading TypeScript error messages and fixing root causes
8
Mini projects and next steps
Bring everything together in simple apps
›
The last module focuses on small but complete projects that connect all your skills and give you something real to show and talk about.
- Building a simple interactive tool such as a task list or budget tracker with JavaScript and TypeScript
- Adding input validation and basic error states using types and clear messages on the page
- Organising the project so it is easy to explain in an interview or portfolio
- Simple ideas for where to go next such as front end frameworks or backend basics