Curso
Sites Responsivos: Exemplos Práticos
Neste curso você vai aplicar media queries na construção de componentes usados em sites reais. Você vai criar menus hambúrguer, carrosséis de cards, navegação inferior e outros padrões de layout responsivo que aparecem no dia a dia do desenvolvimento web.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
5 horas
(5 aulas)
Aula 1 - Padrões de responsividade em prática
Nesta aula você vai ver casos de responsividade que aparecem com frequência em projetos reais. São situações onde o conteúdo precisa se comportar de forma diferente dependendo do tamanho da tela, e cada uma tem uma solução específica.
Aula 2 - Mais padrões de responsividade
Nesta aula você vai ver mais casos de responsividade que aparecem com frequência em projetos reais. São situações onde o conteúdo precisa se comportar de forma diferente dependendo do tamanho da janela do navegador.
Aula 3 - O menu hambúrguer
Nesta aula você vai ver mais um exemplo prático de responsividade, um dos mais frequentes em projetos reais: o menu de navegação. Em janelas largas, os links têm espaço para aparecer lado a lado, mas em janelas menores esse espaço não é suficien
Aula 4 - O carrossel de cards
Nesta aula você vai ver mais um exemplo prático de responsividade, comum em projetos com seções que listam vários itens em cards: uma seção que, em telas pequenas, pode se tornar muito extensa quando exibida em coluna.
Aula 5 - Navegação no rodapé
Nesta aula você vai ver mais um exemplo prático de responsividade, comum em projetos com várias seções de conteúdo: uma página que, em telas pequenas, pode ganhar um novo tipo de navegação no lugar do menu tradicional no topo.
Veja outros cursos de HTML e CSS
CSS: Media Queries
HTML Semântico
Aumentando sua produtividade com templates e IA