TechnologyThe ProfessorBeginner
Building a Greener Web, a free technology course on Tomo

Building a Greener Web

Like Duolingo, but for Building a Greener Web. Tomo turns the whole topic into a game you play five minutes a day, until it actually sticks.

For the part of you with thirty open tabs that never became anything.

22 levels across 3 sections, about 44 minutes end to end, roughly 9 days at five minutes a day. It moves through The Impact of Code, Building Lean and Efficient, and Optimizing for the Planet. It starts from scratch.

22 bite-size levelsAbout 5 minutes each

Free forever · No credit card · iPhone & Android

Leafy the Logic-Bot, the guide who teaches the Building a Greener Web course
Building a Greener Web
with Leafy the Logic-Bot
22
Levels
3
Sections
5
Min/day
What you'll learn

Key ideas in Building a Greener Web

  • Data doesn't move for free; it requires electricity to leave the server, travel through cables/routers, and arrive at the phone
  • Page weight is the sum of all images, scripts, and code sent to the browser
  • Larger files require more energy to transmit across the network
  • Every byte of data has a direct energy cost across the entire internet infrastructure
  • Lowering page weight is the most effective way to reduce a site's carbon emissions
  • Measuring file size is the standard starting point for digital sustainability
  • The user's device CPU must work harder to process messy or heavy code
  • OLED screens save energy by turning off pixels for black or very dark colors
  • Increased CPU activity consumes more battery power
  • The relationship between data transfer and physical energy consumption
  • Bright white backgrounds require every pixel to be fully powered
  • Frequent charging cycles caused by inefficient sites shorten the physical lifespan of hardware
  • The primary metric for measuring a site's environmental impact
  • Vibrant, high-brightness colors consume more electricity than muted or dark tones
  • The impact of color choice on OLED screen power consumption
  • True sustainability starts with reducing the energy needed to run the site (efficiency)
Why not just Google it

You've tried the other tabs

Wikipedia

Thirty open tabs. Four facts you actually kept.

YouTube

You watched. You nodded. By Sunday it was gone.

ChatGPT

One answer, then back to scrolling.

Online courses

Eight weeks. You meant to finish. You didn't.

Tomo gives Building a Greener Web the Duolingo treatment: levels, streaks, and quick quizzes that test what you just learned. That game loop is what the tabs above never had, so it's the one you actually finish.

Try a question

Here's what playing it feels like

A real question from this course. Take your best guess.

The Weight of the Web

How does file size generally affect the energy needed for data transfer?

Get it right to open this lesson and 21 more in the app.

Course map

Where Building a Greener Web takes you

Learn to build websites that are fast, functional, and kind to the planet. Discover how efficient code and smart design choices can significantly reduce the carbon footprint of the digital world.

  1. 1

    The Impact of Code

    • The Carbon Footprint of a Website
    • Lean HTML: The Foundation of Low-Energy Sites
  2. 2

    Building Lean and Efficient

    • Sustainable CSS: Style without the Weight
    • Green JavaScript: Logic that Saves Battery
    • Smart Assets: Images and Fonts
  3. 3

    Optimizing for the Planet

    • Measuring and Monitoring Impact
    • Green Hosting and the Ecosystem

3 sections · 7 units · 22 levels. Built to play, not to enroll.

How it's taught

You pick the voice

This course
The Professor

Building a Greener Web is taught in the The Professor style: clear, structured, thorough. Want a different feel? In the app you can spin up the same topic in any of Tomo's teaching styles. Same facts, totally different vibe.

Keep going

More Technology on Tomo

JavaScript Logic for Web and Mobile course icon

JavaScript Logic for Web and Mobile

Professor

Bridge the gap between basic syntax and professional application architecture. Master the logic patterns required to build responsive, high-performance apps that work seamlessly across every device.

24 levels48mIntermediate
Building Apps That Stick Together course icon

Building Apps That Stick Together

Professor

Move beyond writing code to building complete systems. Learn how to connect your logic to the real world, manage data flow without the mess, and make confident architectural choices that stop decision fatigue.

170 levels5h 40mIntermediate
Modern JavaScript in Practice course icon

Modern JavaScript in Practice

Bestie

Move beyond basic syntax to build high-performance, interactive web components. Learn the professional patterns used to manage state, handle asynchronous data, and manipulate the DOM with precision.

9 levels18mIntermediate
Thinking Like a Programmer course icon

Thinking Like a Programmer

Bestie

Learn to speak the language of logic. This course transforms the way you solve problems by teaching you how to give precise, powerful instructions to a computer.

15 levels30mBeginner
Mastering Conversational AI course icon

Mastering Conversational AI

Explain Like I'm 5

Move beyond simple questions and learn to collaborate with AI as a creative partner. Discover how to engineer complex workflows, refine logic, and unlock the full potential of large language models.

165 levels5h 30mIntermediate
Mastering Godot: Beyond the Basics course icon

Mastering Godot: Beyond the Basics

Professor

Level up your game development skills by mastering the flow of data and the power of modular nodes. Learn to build flexible systems that make your games feel professional and polished.

190 levels6h 20mIntermediate
Start free

Start Building a Greener Web today.

Download Tomo, search Building a Greener Web, and play your first lesson in under a minute.