Essential storage keeps sign-in and learning features working. Google Analytics measures visits; Microsoft Clarity records interactions to help us improve usability. Both are optional and stay off until you choose. Read our privacy policy.
Free courses, focused practice, and templates for developers who want to understand what they build.

Eight programming courses, including a growing C++ path, from first principles to frontend, backend, systems, data, and version control.
Build resilient interfaces through selectors, the cascade, layout systems, responsive components, typography, and accessible visual states.
Learn HTML from first principles with visual explanations, editable examples, guided practice, and an accessible reference for building real web pages.
A complete frontend-first JavaScript path with 32 lessons, six applied projects, runnable practice, debugging labs, a cumulative assessment, and a final capstone.
Develop Python fluency through clear language foundations, practical data work, files, exceptions, models, and a tested project structure.
Programming foundations
Learn modern C++ through 50 free lessons with clear explanations, code practice and quizzes, from variables and loops to classes, CMake, testing and command-line applications.
Learn SQL: query, filter, and sort data; insert, update, and delete rows; design tables with keys; join related data; group results; and use indexes and transactions.
Learn Git version control and GitHub collaboration: repositories, commits, branches, merging, remotes, pull requests, issues, and workflow, with projects.
Short problems with enough context to make the solution teach you something.
Given app.c, inventory.c, inventory.h, and Makefile, explain and write the dependency rules needed so changing inventory.h recompiles both relevant object files before linking.
Try the exercise02Parse a simple inventory record in the form id,name,quantity into a struct. Reject missing fields, extra commas, an empty name, and a quantity outside 0..100000.
Try the exercise03Implement queue_push for a fixed-capacity circular queue. Return 0 when the queue is full or invalid; otherwise store the value, advance tail with wraparound, and increase size.
Try the exercise04Define semantic color tokens for a card and support a dark theme without repeating component declarations.
Try the exercise05Add an entrance transition for a notification panel, then make the experience calm and usable for visitors who request reduced motion.
Try the exerciseFrontend-only starting foundations with real screens, documented licenses, and source you can open, understand, and customize.

A multilingual Next.js admin frontend with 19 modules, Material UI components, Workflow Studio, validated local workflows, and English, French, and Arabic RTL interfaces.
View template
Six dashboards, eight connected team scenarios, reusable components, and persistent browser-local workflows. A complete Next.js frontend kit with Graphite styling and light and dark modes.
View template
Developer how-tos, comparisons, and troubleshooting notes for the questions that appear between lessons.
Deploy a modern Next.js App Router application to Vercel: verify the production build, connect GitHub, configure environment variables, set up a custom domain, and troubleshoot failed deployments.
Read guideA practical repository-first Codex tutorial: choose a workflow, plan features, debug with evidence, write useful tests and review focused changes safely.
Read guideStart in the terminal, understand an existing repository, and build focused changes with planning, tests, Git review, CLAUDE.md and carefully scoped MCP tools.
Read guideCompare ten template platforms by source format, project fit, licensing, documentation, and ownership—then use a practical checklist to choose your Next.js foundation.
Read guideFast browser tools for the tiny tasks that interrupt a good build.
Bring document metadata, landmarks, navigation, structured content, media, and an enrollment form together in one small course landing page.
A premium dental-clinic frontend with cinematic editorial storytelling, detailed treatment and clinician routes, a five-step appointment demo, smile assessment, and browser-local patient portal.