AI Tutor
Ask about a lesson, request a simpler explanation, or get help understanding a piece of code without leaving the site.
Ask the AI TutorStart Learning Web Coding
Learn practical web development through short lessons, interactive demos, an AI tutor, and a code sandbox.
The curriculum moves from how websites work into HTML, CSS, and JavaScript, and can be followed independently or used in a classroom.
-
Understand
Learn how websites are planned, designed, and improved.
-
Structure
Use HTML to organize the content of a page.
-
Style
Use CSS to control design, spacing, and layout.
-
Interact
Use JavaScript to change pages and respond to actions.
Understand the Work Before the Code
A good website is more than HTML and CSS. It also needs clear content, thoughtful design, useful organization, and careful testing.
The Concepts section introduces the practical ideas behind website work, including web design, user experience, content strategy, responsive design, SEO, and quality assurance. Start here to understand what you are trying to build and why each decision matters.
Build the Structure of a Page
HTML tells the browser what each part of a page is and how the content is organized.
Learn how headings, paragraphs, links, images, lists, buttons, inputs, and larger page sections fit together. The lessons use small examples so you can see how individual elements become a complete web page.
Control How the Page Looks and Fits Together
CSS turns structured content into a designed page by controlling color, typography, spacing, size, and layout.
Start with selectors and the box model, then move into page layout, Flexbox, Grid, responsive design, and interactive states. You will learn how changing a few rules can reshape the same HTML.
Make the Page Interactive
JavaScript changes a page after it loads and lets it respond to user actions.
Begin with simple changes to text, styles, images, and classes. Then learn how to reveal content, read input, respond to button clicks, and add new content to a page.
Create Website Files of Your Own
The Setup lessons explain what you need when you are ready to move beyond the browser sandbox.
Learn how HTML and CSS files work together, choose a code editor, organize a simple project, and understand the basic steps involved in putting a website online. You can begin learning without setup and return to these guides when you are ready.
Test Ideas and Get Help as You Learn
You don’t need to finish setup or build a complete website before you start experimenting. Use the Tutor when something is unclear and the Sandbox whenever you want to test code as you move through the curriculum.
Code Sandbox
Write and test HTML and CSS in the browser. AI Help can review your code, find problems, explain what it does, and suggest related lessons.
Open the Sandbox