Search the library

What would you like to learn?

Type two or more characters to search.

You can also browse all tutorials or topics.

Practical web development, clearly taught

Learn the basics. Build something real.

Clear, practical lessons for learning HTML, CSS, JavaScript, TypeScript, Astro, and the skills behind modern websites.

Beginner-readyStandards-basedBuilt around real code
A valid Astro page that renders a title and a list of web-development skills
---
const title = "Build for the web";
const skills = ["HTML", "CSS", "Astro"];
---

<main>
  <h1>{title}</h1>
  <ul>
    {skills.map((skill) => (
      <li>{skill}</li>
    ))}
  </ul>
</main>

Start here

A practical order for learning and building

Begin with what the browser understands, add tools that make larger projects easier to organize, and learn the environment skills that support real development work.

01Ready to start

Web Foundations

Build a sound HTML and CSS foundation, then combine it in a responsive page.

Level
Beginner
Published
6 lessons
Current time
2 hr 16 min
HTMLCSSJavaScriptResponsive design
View learning path
02Ready to start

JavaScript Essentials

Build a dependable JavaScript vocabulary, starting with values, variables, and clear mental models.

Level
Beginner
Published
1 lesson
Current time
16 min
JavaScript
View learning path
03Ready to start

TypeScript Essentials

Learn how TypeScript describes JavaScript values and catches mismatches before code runs.

Level
Beginner
Published
1 lesson
Current time
18 min
JavaScriptTypeScript
View learning path
05Ready to start

Install Ubuntu Safely: A Complete Beginner Series

A zero-assumption path from the official Ubuntu download to a working desktop, including the problems beginners meet when USB drives, internal disks, Windows encryption, or firmware settings get in the way.

Level
Beginner
Published
15 lessons
Current time
4 hr 52 min
LinuxUbuntuWindowsUEFI
View learning path
06Ready to start

Ubuntu Desktop for Beginners

A practical introduction to using Ubuntu after installation, designed for beginners moving from Windows or using Linux for the first time.

Level
Beginner
Published
18 lessons
Current time
5 hr 25 min
UbuntuLinux
View learning path

Explore by technology

Find the concept behind the tool

Published topic pages are linked. Planned subjects are labeled honestly until material exists.

HTML and CSS

Structure pages with meaningful HTML, then shape their layout and presentation with CSS.

11 resources

JavaScript

Add behavior to web pages and learn the language that runs in every modern browser.

6 resources

TypeScript

Use JavaScript with a type system that catches mistakes and makes intent clearer.

4 resources

Astro

Build fast, content-focused websites with components and very little browser JavaScript.

2 resources

Linux and Ubuntu

You do not need to become a system administrator to use Linux well. Start with the part you need: safe installation, everyday desktop use, the terminal, software, permissions, or web-development tools.

35 resources

Web Accessibility

Create websites more people can perceive, understand, navigate, and use.

5 resources

Web Performance

Understand the choices that help pages load quickly and stay responsive.

1 resource

SEO Fundamentals

Help search engines discover, understand, and present useful web content.

1 resource

Git and GitHub

Track changes, collaborate safely, and understand the workflow behind modern projects.

Planned

Featured tutorials

Build a real project

Build a Responsive Profile Card with HTML and CSS

A complete profile card that adapts from a compact phone layout to a balanced wider layout without page-level horizontal scrolling.

HTMLCSSResponsive designAccessibility
Difficulty
Beginner
Completion time
1 hr 15 min
Build the profile card

How we teach

Clarity before cleverness

Start with the reason

Know what a tool solves before memorizing its syntax.

Build in small steps

Each change should be understandable and easy to test.

Explain decisions

Important lines include the why, not only the finished answer.

Practice with real projects

Use fundamentals together, then inspect the result at real screen sizes.

Try code in your browser

Change the example and see what happens.

Write HTML, CSS, and JavaScript in a beginner-friendly playground with a protected preview and local console.

Open the playground

Latest tutorials and projects

Fresh from the learning library

Choose one foundation and put it to work.

The learning paths show what is published now and the most useful order to follow.

See all learning paths