17 entries,
17 categories.
See the ideas behind the code. Explore software engineering concepts through live demos and copyable code.
Fundamentals
Frontend
Backend & infra
Quality, ops & AI
↻AI engineering
Walk through RAG, MCP, agent loops, evals, and token streaming as working flows.
><Algorithms & data structures
See how sorting, searching, time complexity, and trees shape a solution and its data.
||Concurrency & async
Explore how the event loop, task queues, race conditions, and locks affect execution order.
{}Languages & types
See how type narrowing, generics, closures, and references shape code and safety.
</Git & collaboration
Understand branches, merges, rebases, and conflicts through commit graphs and workflows.
▤Rendering strategies
Compare when and how SSR, CSR, SSG, and streaming put content on screen.
()React & state patterns
Watch state updates, renders, effects, and memoization move through components.
msWeb performance
Measure and improve perceived speed with LCP, INP, caching, and lazy loading.
[]Browser internals
Follow DOM, CSSOM, layout, and paint as a browser turns code into pixels.
↔Networking & HTTP
Trace how TCP handshakes, requests and responses, TLS, and cache headers govern delivery.
/>API design
See how endpoints, status codes, pagination, and idempotency form a contract.
DBDatabases
Explore how indexes, transactions, joins, and isolation keep data fast and consistent.
::Architecture & system design
See how load balancers, queues, caches, and sharding distribute traffic and responsibility.
>_DevOps & deployment
Follow CI, canary releases, rollback, and infrastructure automation into production.
##Security
Explore trust boundaries through XSS, CSRF, passkeys, and authorization checks.
✓Testing
See how unit, integration, and end-to-end tests, mocks, and regression checks build confidence.
··Observability
Use logs, metrics, traces, and OpenTelemetry to find where requests slow down.