Web Development

Getting Started with Code

Understand what programming is, where to learn, and write your first lines of code.

Python Logic and Decision Making

Write code that makes decisions and repeats actions.

Python Data Structures

Work with lists, tuples, dictionaries, and sets to manage collections of data.

Python Functions and Automation

Write reusable code and automate simple tasks with functions.

Introduction to the Terminal and Linux

Navigate a computer using text commands and run scripts from the terminal.

How the Web Works

Understand how browsers and servers communicate to deliver websites.

Network Fundamentals for Developers

Configure DNS for a custom domain, use CDNs and caching, understand HTTP/2 and HTTP/3, choose between WebSockets/SSE/polling, and grasp load balancing.

Git, GitHub, and Your First Repo

Version-control your code with Git, push to GitHub, open pull requests, set up a basic CI workflow, and make your GitHub profile and README look professional.

HTML Fundamentals

Build a basic webpage from scratch using HTML structure and elements.

Semantic HTML, Accessibility, and WCAG

Build accessible webpages with semantic HTML, proper labels, and WCAG AA contrast, and explain why accessibility is a legal and professional requirement.

CSS Fundamentals

Style a webpage to look professional using selectors, colors, and flexbox.

Tailwind CSS: The Utility-First Mental Model

Style real UI by composing Tailwind utility classes directly in your HTML and understand why utility-first is a paradigm shift away from named-class CSS.

CSS Custom Properties and Design Tokens

Build a small design-token system with CSS variables, theme an app (including dark mode), and recognize when tokens belong in a project vs when they do not.

Responsive Design with Tailwind Breakpoints

Build mobile-first responsive layouts that work from 320px phones up to 1920px desktops using Tailwind's breakpoint system and clamp() for fluid typography.

Component-Driven Design Thinking

Decompose any UI into reusable components at the right granularity and decide when a piece of UI should be a component vs a styled element.

JavaScript Fundamentals

Make webpages interactive with variables, functions, and DOM manipulation.

JavaScript and the DOM

Build dynamic page features using event listeners and real-time DOM updates.

Working With APIs: HTTP, Status Codes, Postman, and fetch

Read API documentation, test endpoints in Postman or Bruno, interpret HTTP status codes, and call APIs from JavaScript with fetch + async/await + try/catch.

TypeScript Fundamentals

Add types, interfaces, and literal unions to JavaScript with TypeScript — the professional default for new web projects in 2025.

Your First Full Website Project

Combine HTML, CSS, and JavaScript into a complete, original website project.

Introduction to Backend Concepts

Understand how the server side of websites works and build a simple API.

Databases and Data Storage

Understand how websites store and retrieve data using SQL databases.

Full-Stack Project

Build and deploy a complete application with a connected frontend and backend.

Web Development Resources and Next Steps

Explore professional tools and resources for continued growth as a developer.