HDTutorial
PT
Introdução ao Design Responsive - Tutorial HTML & CSS

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Introdução ao Design Responsive - Tutorial HTML & CSS

1 307 711 visualizações 5 de novembro de 2019 4:11:04

Ver no YouTube
CanalfreeCodeCamp.org

Capítulos

Descrição do autor

No entanto, este tutorial de 4 horas é completamente autossuficiente. Começa por explicar os conceitos essenciais para pensar de forma responsiva e, depois, leva-te passo a passo na construção de um website profissional e responsivo.

⭐️ Conteúdo do curso ⭐️
⌨️ (00:00:00) Introdução
⌨️ (00:02:59) 1. Começar a pensar de forma responsiva
⌨️ (00:06:01) 2. Unidades CSS
⌨️ (00:09:16) 3. Unidades CSS - Percentagem
⌨️ (00:15:14) 4. Controlar a largura das imagens
⌨️ (00:20:05) 5. min-width e max-width
⌨️ (00:22:54) 6. Unidades CSS - A unidade em
⌨️ (00:28:25) 7. O problema com os ems
⌨️ (00:30:58) 8. A solução: os rems
⌨️ (00:35:46) 9. Escolher qual unidade usar
⌨️ (00:39:18) 10. Exemplo com ems e rems
⌨️ (00:47:10) 11. Revisão do Flexbox e configuração do HTML
⌨️ (00:55:02) 12. Estilos básicos e configuração das colunas
⌨️ (01:02:09) 13. Adicionar a cor de fundo
⌨️ (01:06:21) 14. Definir a largura das colunas
⌨️ (01:10:00) 15. Espaçar as colunas
⌨️ (01:14:27) 16. Controlar a posição vertical dos elementos do Flexbox
⌨️ (01:19:42) 17. Bases das Media Queries
⌨️ (01:29:50) 18. Tornar o layout responsivo com flex-direction
⌨️ (01:36:45) 19. Explicação do flex-direction
⌨️ (01:39:54) 20. Criar uma navegação
⌨️ (01:44:40) 21. Usar Flexbox para começar a estilizar a navegação
⌨️ (01:52:19) 22. Fazer com que a navegação fique bem apresentada
⌨️ (01:59:38) 23. Adicionar a linha de baixo (underline)
⌨️ (02:03:40) 24. Uma navegação mais complexa
⌨️ (02:10:25) 25. Tornar a navegação responsiva
⌨️ (02:17:20) 26. Dar uma olhada no resto do…

Sobre este tutorial

freeCodeCamp.org publicou este tutorial em vídeo de 4:11:04 em 5 de novembro de 2019. Foi visto 1 307 711 vezes no YouTube.

Categoria
Educação
Duração
4:11:04
Publicado
5 de novembro de 2019
Visualizações
1 307 711
Gostos
32 029

Partilhar

Este tutorial noutros idiomas