Free courses in the order a front end developer actually needs them: HTML for structure, CSS for layout, JavaScript for behaviour, TypeScript for safety, React and Next.js for real applications, Git to ship, and eight projects to prove it. Every lesson runs in your browser and every course before the projects step ends with a free certificate.
Overview
Syllabus
- Learn HTML — Elements, attributes, headings, links, images, lists, tables, forms and semantic markup. Everything a browser renders starts as HTML, and writing it well is what makes the CSS and JavaScript steps easy.
- Learn HTML — Selectors, the box model, colours and typography, then flexbox, grid, responsive layouts, transitions and animation across two sections. This is the step where a page starts to look like the ones you use.
- Learn JavaScript — Fundamentals, logic and control flow, then objects and classes, in three sections. Front end work is JavaScript work; every framework after this step is only a way of organising it, and it is readable only once the language is.
- Learn HTML — The DOM, events, fetching data and building interactive pages without a framework, then practical front end patterns. This is where HTML, CSS and JavaScript become one thing: a page that responds to the person using it.
- Learn TypeScript — Types, interfaces, generics and the compiler's errors as a tool. Nearly every professional React codebase is TypeScript, so it comes right before the framework rather than as an afterthought.
- Learn React - Free Interactive Course — Components, props, state, hooks and rendering, then Next.js for routing, data loading and real applications. The framework most front end jobs list, taught after the language it is written in.
- Learn Git & Version Control — Commits, branches, merging, resolving conflicts and remotes. Every front end job and every portfolio project lives in a Git repository; learning it here means the projects in the next step are shipped the way real work is.
- CSS Flexbox - The Complete Course — Flexbox and selectors drills, DOM and array-method practice, then real builds: a Coddy profile card, an Instagram page, a Netflix sign-in page and an image slider. Each one is a portfolio piece a recruiter can open.
Courses
-
In this course you will practice standard and simple HTML & CSS approaches and create an Instagram Page Clone Project
Prerequisites:
- Beginner knowledge in HTML
- Beginner knowledge in CSS
-
In this course, you will learn about Arrays and the most commonly used Array methods in JavaScript and how to use them!
Prerequisites:
- Basic knowledge of JavaScript
-
In this course, you will learn about the most commonly used JavaScript DOM methods and how to use them!
Prerequisites:
- Basic knowledge of HTML, CSS and JS
-
In this project, you will create a Coddy profile card clone.
Prerequisites:
- Knowledge in HTML
- Knowledge in CSS
-
In this project, you will create a Netflix sign-in card clone.
Prerequisites:
- Knowledge in HTML, CSS, Javascript
-
In this project, you will create a responsive slider to showcase a couple of images and descriptions.
Prerequisites:
- Knowledge in HTML, CSS, JavaScript
-
By the end of this course you will master the concepts of CSS Selectors.
Prerequisites:
- Basics of HTML
- Basics of CSS
-
In this course, you will master the CSS flexbox concepts. Flexbox is one of the most useful layouts used in web development.
Prerequisites:
- Basic knowledge in HTML
- Basic knowledge in CSS
-
A free, interactive online HTML course. You write HTML on every lesson, with a live preview as you type and a free certificate when you finish.
- Structure pages with semantic, accessible HTML5
- Style and lay out with modern CSS - Flexbox, Grid, custom properties
- Build responsive interfaces that work on phone and desktop
- Apply forms, media, and best-practice accessibility patterns
-
A free, interactive online JavaScript course. You write JS on every lesson, with AI hints when you get stuck and a certificate when you finish.
- Use modern JavaScript syntax: let/const, arrow functions, destructuring
- Manipulate the DOM and respond to events in real browser code
- Work with arrays, objects, and higher-order functions like map/filter/reduce
- Handle async flows with Promises and async/await
-
A free, interactive Linux course for beginners. You type real commands into a browser-based Linux terminal on every lesson - files, permissions, pipes, bash - with a free certificate when you finish.
- Navigate the filesystem and manage files from the shell
- Read, search, and transform text with grep, sed, and pipes
- Compose commands with redirection and pipelines
- Use environment variables, permissions, and processes confidently
