Recursos & ferramentas
Onde ir buscar respostas e folhas de consulta rápida. Guarda esta página.
Documentação oficial (de confiança)
- MDN Web Docs — a referência de HTML, CSS e JavaScript.
- web.dev (Google) — performance, SEO e boas práticas.
- DevDocs — várias documentações num só sítio (offline também).
Ferramentas online úteis
- Can I use — que funcionalidades funcionam em cada navegador.
- PageSpeed Insights — mede a velocidade do teu site (queremos > 90).
- Squoosh — converter e optimizar imagens para WebP.
- Excalidraw — desenhar fluxos e arquitecturas rápido.
Folhas de consulta rápida
- Git — comandos do dia-a-dia: ver Módulo 1 + Extra “Git avançado”.
- Terminal — comandos essenciais: ver Extra “Terminal”.
- CSS Flexbox/Grid — procura “flexbox cheatsheet” / “grid cheatsheet” (guias visuais).
A nossa stack (resumo)
| Função | Ferramenta |
|---|---|
| Editor + IA | VSCode + Claude Code |
| Versões | Git + GitHub |
| Base de dados | Supabase |
| Deploy / DNS | Vercel / Cloudflare |
| Integrações (Angola) | MCX Express · FactPlus · TelcoSMS · SMTP2GO |
| Mobile | Expo + EAS |
Quando encalhares (a ordem certa)
- Lê a mensagem de erro com calma — diz quase sempre o ficheiro e a linha.
- Pesquisa a mensagem exacta no Google.
- Pergunta ao Claude Code — cola o erro e explica o que estavas a fazer.
- Consulta a documentação oficial acima.
Encalhar faz parte. O que distingue um profissional não é nunca errar — é saber desencalhar depressa.