Entenda padrões e arquitetura visualmente
Roadmaps curtos e conceitos explicados com diagrama, camadas navegáveis e código em TypeScript, Python e Java. Não precisa criar conta pra usar.
- 88
- conceitos
- 5
- roadmaps
- 193
- tópicos
- 3
- linguagens
O que você encontra
Três formas de olhar a mesma ideia
Cada conceito aparece na trilha, no desenho e no código. Se um jeito não fizer sentido pra você, o outro faz.
Roadmaps navegáveis
Trilhas do básico ao avançado, com os pré-requisitos de cada tópico à mostra. Seu progresso fica salvo no navegador.
Camadas e diagramas
Veja onde cada peça atua na arquitetura, camada por camada, em vez de só ler a teoria.
Código de verdade
Exemplos em TypeScript, Python e Java lado a lado, prontos pra copiar.
Como o catálogo é organizado
Cada conceito responde a uma pergunta
Antes de escolher um padrão, descubra qual destas perguntas você está tentando responder. Isso já corta boa parte das opções.
- Criacional5
Como objetos nascem?
Quem decide o que instanciar, e como esconder essa decisão de quem usa.
- Estrutural7
Como as peças se encaixam?
Como juntar coisas que não foram feitas uma pra outra.
- Comportamental12
Como os objetos conversam?
Quem avisa quem, quem decide o quê, e como trocar um comportamento sem parar o programa.
- Princípio14
Que regra atravessa tudo?
Diretrizes gerais que ajudam a escolher entre os padrões.
- Arquitetura21
Como o sistema inteiro se organiza?
O que fica no núcleo do sistema e o que é detalhe que dá pra trocar depois.
- Infra3
Onde isso roda?
Containers, orquestração, servidores. O caminho do código até produção.
- Segurança7
Quem pode fazer o quê?
Provar quem o usuário é e limitar o estrago quando alguém mente.
Como cada página é montada
Sete seções, do resumo à decisão
Toda página de conceito segue a mesma estrutura. Dá pra ler só o começo e já sair sabendo, ou descer até o fim.
01Em 10 segundos
A resposta curta, antes de qualquer teoria.
02Analogia
Um exemplo do mundo real pra ideia fazer sentido.
03O problema
Por que o padrão existe. Dá pra se aprofundar se quiser.
04Interativo
Uma demo pra mexer e ver o padrão funcionando.
05Anatomia
As camadas do desenho, uma de cada vez.
06Código
O mesmo exemplo em três linguagens.
07Decisão
Quando usar, quando evitar, onde costuma dar errado.
- Ver um exemplo
Em movimento
O que entrou por último
O projeto é desenvolvido em público. Cada entrega fica registrada, com o que mudou e quando.
Comece por um
Conceitos em destaque
Padrões, princípios e arquitetura, cada um com demo, diagrama e código.
Agora monte um projeto do zero
Arraste blocos, conecte camadas e simule o caminho de uma requisição pela arquitetura que você desenhou.