Aprimorando os conhecimentos em HTML 5 e CSS 3
Essa trilha de conhecimento terá como foco revisar e aprimorar os conhecimentos de HTML e CSS, abordando os principais pontos para o desenvolvimento web. Serão trabalhados tópicos como a semântica do HTML, o uso de CSS para criar layouts responsivos (incluindo Flexbox e Grid), e a adoção de boas práticas para garantir acessibilidade, performance e manutenção eficiente dos sites. O objetivo é proporcionar uma base sólida para desenvolver interfaces funcionais e visualmente atrativas, otimizadas para diversos dispositivos.
Seu Progresso na Trilha
Calculando...
Fundamentos Essenciais
HTML 5
HTML (HyperText Markup Language) é a linguagem de marcação usada para estruturar o conteúdo de uma página web, criando elementos como títulos, parágrafos, imagens e links. Ele define a estrutura básica de uma página, sendo a base de qualquer site.
Documentação Principal:
HTML: Linguagem de Marcação de Hipertexto (MDN)CSS 3
CSS (Cascading Style Sheets) é a linguagem de estilo usada para definir a aparência visual de uma página HTML. Com CSS, é possível controlar cores, fontes, layouts responsivos, facilitando a manutenção e a evolução do design.
Documentação Principal:
CSS: Linguagem de Estilo (MDN)Módulo 1 - HTML 5 e CSS 3 (Básico)
-
Crie uma página da Web [LINK] HTML 5 e CSS 3 - Primeiros passos (Alura)
-
Posicionamento, listas e navegação [LINK] HTML 5 e CSS 3 - Posicionamento, listas e navegação (Alura)
-
Trabalhando com formulários e tabelas [LINK] HTML 5 e CSS 3 - Formulários e tabelas (Alura)
-
Avançando no CSS [LINK] HTML 5 e CSS 3 - Avançando no CSS (Alura)
Exercício semanal: HTML e CSS para Iniciantes (Origamid)
-
Seção 2: Desenvolver os exercícios (Display do exercício) [LINK] Seção 2 Completa
-
Seção 3: Posicionamento (Exercício 1-3) [LINK] Posicionamento exercício 1-3
-
Refatorando exercício 1 [LINK] Refatorando o exercício 1
Módulo 2 - Responsividade e Flexbox
-
Trabalhando com responsividade