Find a good place to begin.
Each path starts with the basics and builds toward something you can use. Pick one language, work through the lessons in order, or follow a question.
Give ideas a structure.
Use meaningful elements to shape a clear page, connect useful links, and describe images for everyone.
Make the page feel right.
Choose styles with selectors, understand the box model, and arrange content with a flexible layout.
Make things respond.
Name values, listen for a click, and repeat a small task with a loop.
Think in small steps.
Use print, remember values, make a decision, and let a loop do a repeated job.
What makes a web page?
Meet the document skeleton and the job of each section.
Read this lesson →Write meaningful content
Choose headings and paragraphs that describe the page.
Read this lesson →Links and images
Connect a page and give images useful alternative text.
Read this lesson →Pick a selector and a style
Read a rule and change the appearance of an element.
Read this lesson →Understand the box model
See how content, padding, border, and margin fit together.
Read this lesson →Lay out a row with Flexbox
Arrange related items and let a layout adapt to space.
Read this lesson →Name a value
Store text with const and show it in the console.
Read this lesson →Respond to a click
Listen for an event and update a message.
Read this lesson →Repeat with a loop
Count through a range and reuse a small block of code.
Read this lesson →Print your first message
Use print to show what your program is doing.
Read this lesson →Store and reuse a value
Give text a name, then use it in another line.
Read this lesson →Count with a for loop
Repeat a task once for each number in a range.
Read this lesson →