HTMLCSSJavaScript
Web Basics
Start with your very first HTML tag and finish with a complete interactive app.
Start the trackFree, no sign-up needed
What you'll learn
- Page structureHeadings, paragraphs and lists
- Links and imagesTags with attributes
- Styling a cardColors, padding and rounded corners
- Layout with FlexboxArranging and spacing out elements
- An interactive counterListening for events and changing the page
- A to-do listReading the input and creating elements
- Tags with meaningTags that describe parts of the page instead of div
- Readable tablesTable headers a screen reader understands
Track contents
8 lessons, 1.5 hours in total- 1Page structureHTMLHeadings, paragraphs and lists8 min
- 2Links and imagesHTMLTags with attributes8 min
- 3Styling a cardCSSColors, padding and rounded corners10 min
- 4Layout with FlexboxCSSArranging and spacing out elements12 min
- 5An interactive counterJavaScriptListening for events and changing the page12 min
- 6A to-do listJavaScriptReading the input and creating elements15 min
- 7Tags with meaningHTMLTags that describe parts of the page instead of div10 min
- 8Readable tablesHTMLTable headers a screen reader understands11 min
More Web tracks
All tracks- { }Intermediate
CSS in Depth
Go deeper into the box model, custom properties, positioning, container queries and more, so you understand what's really going on behind the styles you see.
8 lessons1.5 hours - { }Beginner
Text and Typography
Learn to scale headings, choose the right units, and set line length and text direction, because text is what people read most in any interface.
8 lessons1.5 hours - JSIntermediate
JavaScript in Depth
Work with data, functions and operations that take time, and build up to an interface that creates its elements from data.
8 lessons2 hours