HTML Complete Course
Build semantic, accessible web pages from your first file to native dialogs, safe embeds and fast loading.
- Beginner
- 25 lessons
- 10 hours
Web development
Courses
CSS Complete Course
Style and lay out modern websites, from your first rule to cascade layers, Grid and scroll-driven animation.
- Beginner
- 34 lessons
- 16 hours
Responsive Web Design
Build pages that work on every screen, from a 320 pixel phone to a wide desktop monitor.
- Beginner
- 13 lessons
- 6 hours
Web Accessibility Essentials
Build and test websites that disabled people can use, from alt text to WCAG 2.2 audits.
- Beginner
- 22 lessons
- 12 hours
JavaScript Complete Course
Learn modern JavaScript from your first script to closures, async code, modules and the event loop, with projects you build as you go.
- Beginner
- 54 lessons
- 23 hours
Tutorials
-
Flexbox in depth: alignment, wrapping and flex sizing
justify-content, align-items, wrapping, and how flex-grow, flex-shrink and flex-basis share space.
-
Introduction to CSS Grid
Two-dimensional layout with grid-template-columns, rows, the fr unit, gap and placing items.
-
What is CSS? Adding styles to HTML
What CSS does and the three ways to add it to a page: inline, internal and external stylesheets.
-
Grid template areas and named lines
Describe page layouts visually with grid-template-areas, and rearrange them at different widths.
-
CSS syntax: rules, selectors, properties and values
How a CSS rule is built, comments, and reading errors in DevTools.
-
Flexbox or Grid? Choosing the right layout tool
A practical comparison with examples of components and pages that suit each, and how they combine.
-
Type, class and ID selectors
Target elements by type, class and ID, group selectors, and why classes are usually the right choice.
-
Positioning: relative, absolute, fixed and sticky
How each position value works, containing blocks, and sticky headers and sidebars.