Skip to content

Diagram Index

Visual diagrams for every concept in the curriculum. Diagrams use Mermaid syntax, which renders automatically on GitHub and in the mkdocs documentation site.

Each diagram page includes: an overview map, step-by-step execution flow, decision guides for choosing between related patterns, and comparison diagrams.

Beginner Concepts

Concept Diagram Page Diagram Types
Variables Diagrams Memory model, type conversion flow
Loops Diagrams For/while flowcharts, loop selection decision tree
Types & Conversions Diagrams Type hierarchy, conversion paths
Functions Diagrams Call stack, parameter flow
Collections Diagrams Collection comparison, selection decision tree
Files & Paths Diagrams File I/O flow, path resolution
Errors & Debugging Diagrams Exception hierarchy, try/except flow
Reading Error Messages Diagrams Traceback anatomy, error type decision tree

Intermediate Concepts

Concept Diagram Page Diagram Types
Imports Diagrams Import resolution flowchart, sys.path search order
Classes & Objects Diagrams Instantiation sequence, inheritance hierarchy, MRO
Decorators Diagrams Call chain flowchart, stacking order, wrapping
Virtual Environments Diagrams Creation lifecycle, package isolation
Comprehensions Diagrams Data flow pipeline, comprehension vs loop
Args & Kwargs Diagrams Argument matching flow, unpacking
Context Managers Diagrams Enter/exit lifecycle, with statement flow
Enums Diagrams Value mapping, flag composition
Type Hints Diagrams Type annotation hierarchy, generics flow
Dataclasses Diagrams Auto-generation flow, frozen vs mutable

Advanced Concepts

Concept Diagram Page Diagram Types
HTTP Diagrams Request/response sequence, status codes
APIs Diagrams REST architecture, CRUD mapping, auth flow
Async/Await Diagrams Event loop state machine, task lifecycle
Testing Strategies Diagrams Testing pyramid, TDD cycle
Generators & Iterators Diagrams Iterator protocol, yield flow
Collections Deep Dive Diagrams Collection decision tree, performance
Functools & Itertools Diagrams Decorator chain, lru_cache flow
Terminal Deeper Diagrams Shell pipeline, I/O flow
Regex Diagrams Matching flow, pattern decision tree
Security Basics Diagrams OWASP overview, sanitization flow

Module Architecture

Module Diagram Page Diagram Types
FastAPI Diagrams Request lifecycle, dependency injection flow
Django Diagrams MTV pattern, URL routing, ORM flow
Docker Diagrams Container lifecycle, compose services, networking
Async Event Loop Diagrams Event loop states, task scheduling, gather vs wait
SQLAlchemy ORM Diagrams Engine/Session/Model mapping, query execution
Web Scraping Diagrams Fetch/parse/extract pipeline, rate limiting
CI/CD Diagrams Push/lint/test/build/deploy stages
Cloud Deployment Diagrams Local/staging/production topology

How to Read Mermaid Diagrams

Mermaid diagrams render automatically on GitHub. If you are viewing these files locally in a text editor, you will see the raw Mermaid syntax. To render them:

  1. GitHub: Just open the file — diagrams render automatically
  2. VS Code: Install the "Mermaid Markdown Syntax Highlighting" extension
  3. mkdocs site: Visit the documentation site
  4. Mermaid Live Editor: Paste the code at mermaid.live
Home