Lessons
Conceptual overviews that explain how the pieces of software development fit together — with links to hands-on codelabs.
Elements of a web application
Understand the three layers of a web app — frontend, backend, and storage — and how they connect through deployment and AI-assisted coding.
Create your own website
Learn what static websites are, what they're great for, and how to build and host one using agentic coding and GitHub Pages.
What is a lesson?
A lesson is a conceptual overview that explains how a topic works and why it matters. Unlike codelabs (which are hands-on, step-by-step tutorials), lessons focus on understanding the big picture. Each lesson links to relevant codelabs so you can put the concepts into practice.
Big picture
Lessons explain how multiple technologies and concepts connect — giving you the mental model to make better decisions.
Concept-focused
Instead of step-by-step instructions, lessons explain the why behind the tools and patterns you'll use as a developer.
Codelab links
Every lesson links to hands-on codelabs so you can immediately practice what you just learned.
For everyone
Whether you're a complete beginner or just learning a new area, lessons give you the context to get started confidently.