Diagramas
15 diagramas interativos com build-up passo a passo. Cada diagrama pode ser explorado incrementalmente ou visualizado completo.
System Design & Arquitetura
3 diagramasURL Shortener
10 stepsAPI Gateway, Base62/Snowflake, Redis cache, Bloom Filter, Kafka analytics e ClickHouse.
ExplorarChat System (WhatsApp-scale)
11 stepsWebSocket, Cassandra, Kafka fan-out, delivery guarantees, E2E encryption e media upload.
ExplorarMicroservices Communication
10 stepsREST vs gRPC, Saga Pattern, Circuit Breaker, Service Mesh e CQRS.
ExplorarInfraestrutura & DevOps
3 diagramasCI/CD Pipeline
10 stepsBuild, testes, SAST/DAST, deploy strategies (Canary/Blue-Green) e rollback automático.
ExplorarKubernetes Architecture
10 stepsControl Plane, etcd (Raft), Scheduler, kubelet, kube-proxy, pod lifecycle e Services.
ExplorarObservability Stack
9 stepsPrometheus, Fluentd/Loki, OpenTelemetry/Jaeger, Golden Signals, SLOs e Alertmanager.
ExplorarBancos de Dados & Storage
3 diagramasB-Tree vs LSM-Tree
10 stepsStorage engines, page layout, compaction, Bloom filters e trade-offs read vs write.
ExplorarRaft Consensus
10 stepsElection, RequestVote, AppendEntries, quorum commit e safety guarantees.
ExplorarCAP Theorem + ACID vs BASE
9 stepsTriângulo CAP, CP vs AP, ACID vs BASE, espectro de consistência e framework de decisão.
ExplorarFrontend & Web
3 diagramasBrowser Rendering Pipeline
10 stepsCritical Rendering Path: HTML parsing, DOM/CSSOM, Layout, Paint, Composite e otimizações.
ExplorarReact Fiber & Reconciliation
11 stepsFiber nodes, double buffering, O(n) diffing, render/commit phases, lanes, hooks internals e concurrent features.
ExplorarWeb Performance & Core Web Vitals
10 stepsLCP, INP, CLS, bundle optimization, caching, rendering patterns (CSR/SSR/SSG/ISR) e monitoring.
ExplorarNetworking & Segurança
3 diagramasOAuth 2.0 + OIDC
10 stepsAuthorization Code Flow, PKCE, JWT structure/claims, refresh token rotation e OpenID Connect.
ExplorarDNS & CDN Deep Dive
10 stepsCache chain, resolução iterativa, Root/TLD/Auth NS, DNSSEC, CDN PoPs e invalidação.
ExplorarTCP/IP Stack & Congestion
10 steps4 camadas, 3-way handshake, sliding window, Slow Start, Cubic/BBR e QUIC.
ExplorarVisualizadores de Algoritmos
Os visualizadores interativos de algoritmos fazem parte da página de DSA, com 19 algoritmos animados passo a passo.
Ver Algoritmos & DSAFontes & Referências
Os diagramas foram elaborados como material de estudo e consolidação de conhecimento, sintetizando conteúdo de diversas fontes técnicas reconhecidas. Números como latências, throughput e tamanhos são valores de referência típicos e podem variar conforme ambiente, configuração e escala.
System Design & Arquitetura
- Designing Data-Intensive Applications — Martin Kleppmann (O'Reilly)
- System Design Interview — Alex Xu (Vol. 1 & 2)
- Building Microservices — Sam Newman (O'Reilly)
- Documentação oficial: Apache Kafka, Redis
Infraestrutura & DevOps
- Documentação oficial: Kubernetes, Prometheus, OpenTelemetry
- Site Reliability Engineering — Google (O'Reilly)
- Continuous Delivery — Jez Humble & David Farley
Frontend & Web
- web.dev — Rendering Performance (Google)
- web.dev — Core Web Vitals (Google)
- React Fiber Architecture — Andrew Clark
- React Docs — react.dev
Bancos de Dados & Storage
- Designing Data-Intensive Applications — Cap. 3 (Storage Engines), Cap. 9 (Consistency & Consensus)
- In Search of an Understandable Consensus Algorithm — Diego Ongaro & John Ousterhout (Raft paper)
- Towards Robust Distributed Systems — Eric Brewer (CAP Theorem)
Networking & Segurança
- RFCs: RFC 6749 (OAuth 2.0), RFC 7519 (JWT), RFC 9000 (QUIC)
- Computer Networking: A Top-Down Approach — Kurose & Ross
- High Performance Browser Networking — Ilya Grigorik (hpbn.co)
- Documentação: Cloudflare Learning Center
Este material é de caráter educacional. Diagramas simplificam arquiteturas reais para facilitar o aprendizado. Consulte a documentação oficial de cada tecnologia para detalhes de implementação em produção.