How to Dev

Desenvolvi o How to Dev para catalogar, organizar e mensurar conteúdos que já estudei e apliquei. É meu segundo cérebro: documentação do que sei, com exemplos práticos e mini aulas na seção Aprenda.

Eu, Juan Kalleo Uchoa Fava

Mapa de aprendizado dev

Um mapa de cima para baixo com os conceitos que um dev precisa conectar: primeiro a base, depois os assuntos se ramificam em interface, backend, dados, infraestrutura e segurança.

BaseO chão onde qualquer stack se apoia
Terminalcomandos, pastas, fluxo local
Githistórico, branches e colaboraçãoLógicavariáveis, funções, loops
HTMLestrutura e semântica
CSSlayout, cascata e responsivo
WebComo o navegador conversa com o mundo
InterfaceDa página estática para UI de produção
AplicaçãoEstado, dados e formato do backend
QualidadeFeedback antes do código chegar em produção
ESLintregras estáticas e consistência
Vitesttestes unitários perto do código
Testes E2Efluxos de navegador e regressões
Checks automáticosverificação repetível no CI
InfraestruturaOnde o sistema roda e se mantém vivo
ProteçãoControles para a aplicação não virar ponto fraco

Por que o How to Dev existe

How to Dev conecta aulas para iniciantes, padrões de produção e referências oficiais em um guia de desenvolvimento de software. A ideia não é juntar snippets soltos: é explicar decisão com contexto suficiente para outro dev reaproveitar o raciocínio, não só o código.

Aprender antes de copiar

As trilhas de aprendizado ensinam fundamentos da web primeiro e só depois apontam para o padrão de produção, quando o conceito já faz sentido.

Segurança como padrão

Autenticação, autorização, entrada de dados e arquivos gerados são explicados olhando o risco, para o padrão continuar auditável depois.

Referência com contexto

Cada página de documentação mantém notas de implementação, decisões e links perto do assunto, sem esconder tudo em checklist separado.

Criador e contribuidor

Foto de Juan Kalleo
Juan Kalleo Uchoa FavaEngenheiro de Software Fullstack Staff · time de frontend da NextTech

Sou Juan Kalleo Uchoa Fava. Desenvolvi este site com o objetivo de catalogar, organizar e mensurar conteúdos que já estudei e apliquei. Na seção Aprenda, transformo a documentação em exemplos práticos e mini aulas sobre conceitos que considero a base da programação. Considero o How to Dev como um segundo cérebro: um lugar onde documento o que sei.

GitHub ↗

Índices do How to Dev

Use estes pontos de entrada pra ir direto ao assunto: comece pelas trilhas de aprendizado, escolha o tema e abra a referência, aula ou checklist.

Mapa de cobertura de segurança

Um jeito rápido de sair da categoria de risco e cair direto na página do How to Dev que implementa o controle — esta tabela reflete o conteúdo do próprio How to Dev, não um checklist externo.

Risco ou controleReferência How to Dev
Controle de acesso e IDORIDOR e autorização
XSS e input inseguroXSS e sanitização de inputs
Autenticação e ciclo de vida do tokenAutenticação e JWT
Hardening do navegadorHeaders HTTP e CSP
Abuso em exportação e arquivo geradoSegurança em PDF e exportação
Monitoramento e trilha de auditoriaLogs de auditoria