Frontend

Frontend roadmap

Follow the line, from first step to goal.

1. 1

   HTML — the page's skeleton

   Start

   HTML holds the words, images, and boxes on a page. Think of it as a house's frame, before the paint goes on.

2. 2

   CSS — the paint & layout

   CSS controls colors, spacing, and where things sit on the page. It turns a plain page into something nice to look at.

3. 3

   JavaScript basics

   JavaScript is the language that makes pages react to clicks and typing. It lets things change without reloading the page.

4. 4

   The browser & how the web works

   Learn what happens when you type a web address and press enter: your browser sends a request, gets a response, and loads the page.

5. 5

   Git & GitHub

   Git saves the history of your code, so you never lose your work. It also lets you team up with others.

6. 6

   A framework: React

   React is a popular toolkit. It lets you build screens from reusable pieces called components.

7. 7

   Fetching data (APIs)

   Learn how your page asks another computer for information, like loading a list of products.

8. 8

   Accessibility & responsive design

   Make sure your site works for everyone. It should work on phones and with screen readers, not just on your laptop.

9. Deploy your site

   Goal

   Put it on the internet so anyone can visit. Tools like Vercel make this a one-click step.