Describe the page
Start with headings, paragraphs, links, and images. HTML gives each part a name and a purpose.
Begin with HTML ↗Learn by making small things.
Coding becomes easier when you can connect an idea to something you can see. Read a little, change a little, and give yourself time to notice what happened.
Shape the experience
Use colors, spacing, and layout to help people read and use what you made.
Add style with CSS ↗Add a response
Use a value or event to help your page react to what someone does.
Try JavaScript ↗Try this loop for each lesson.
- Read once without rushing. Notice the new word or idea.
- Type the example yourself. Small typos are useful clues.
- Change one thing. Predict what will happen, then run it.
- Explain it in your own words. If you can describe it simply, you are building a real mental model.
A SIMPLE PROJECT IDEA
Make a page about something you like.
Use one heading, a few paragraphs, a list of favorite things, and a link. Add CSS for color and spacing. Then add a JavaScript button that changes a message when clicked. You can build this in small passes, using one course at a time.