Guia Rápido: HTML, CSS e JavaScript Essenciais
Referência de bolso com o que usas todos os dias, sem a teoria que podes deixar para mais tarde.
Referência de bolso com o que usas todos os dias, sem a teoria que podes deixar para mais tarde. Se estiveres a começar, volta aqui sempre que precisares de relembrar a diferença entre estes três.
HTML — estrutura
Define o que existe numa página: títulos, parágrafos, imagens, formulários, botões. Sem HTML bem estruturado, nem o CSS nem o JavaScript conseguem trabalhar bem — é a base de tudo.
CSS — aparência
Define cores, espaçamentos, tipografia e como os elementos se organizam no ecrã, incluindo em telemóvel. Layouts modernos usam sobretudo flexbox e grid para organizar elementos de forma flexível.
JavaScript — comportamento
Define o que acontece quando alguém interage com a página: cliques em botões, formulários que validam antes de enviar, conteúdo que muda sem recarregar a página.
Usas quase todos os dias
- Tags HTML semânticas (cabeçalho, secção, rodapé)
- Flexbox e grid em CSS
- Funções e eventos em JavaScript (clique, envio de formulário)
Podes deixar para mais tarde
- Animações CSS complexas
- APIs avançadas do browser
- Frameworks de JavaScript, antes de dominares o essencial puro
Escreve, sem consultar nada, a estrutura HTML mínima de uma página com título, um parágrafo e um botão — depois confirma se te esqueceste de algo essencial.
HTML, CSS e JavaScript continuam a ser a base de praticamente tudo o que vês num browser — mesmo por trás do framework mais moderno, é isto que está a correr.
Continua a aprender
Guia Completo de Programação Web para Iniciantes
Do primeiro HTML ao primeiro site entregue — interface, servidor, publicação e trabalho com clientes.
AcederChecklist Antes de Publicar um Site
Adaptação a telemóvel, velocidade, acessibilidade, SEO básico, formulários, HTTPS e cópias de segurança.
AcederModelo de Orçamento de Website
Estrutura por páginas, funcionalidades e manutenção, para orçamentares sem acabar a trabalhar de graça.
AcederPrompts para Escrever e Rever Código
Prompts para gerares componentes, encontrares erros e perceberes código que não foste tu a escrever.
Aceder