Cursos e Artigos para Programadores
Você está buscando em vídeo aula
- Navegação no rodapé Vídeo
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.
- O carrossel de cards Vídeo
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.
- O menu hambúrguer Vídeo
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
- Mais padrões de responsividade Vídeo
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.
- Padrões de responsividade em prática Vídeo
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.
- Mobile First Vídeo
Nesta aula você vai entender o que é a abordagem mobile first, como ela se diferencia do desktop first e como reescrever o CSS de uma página aplicando essa inversão de ponto de partida.
- Operadores Vídeo
Nesta aula você vai aprender a combinar, alternar e inverter condições, ampliando o controle sobre quando cada media query entra em ação.
- Breakpoints Vídeo
Nesta aula você vai entender o que é um breakpoint, de onde vêm os valores usados nas media queries e como organizar múltiplos breakpoints no mesmo arquivo CSS.
- Media features Vídeo
Nesta aula você vai entender o que são media features e como elas definem o comportamento de uma media query.
- Media queries Vídeo
Nesta aula você vai entender como o CSS permite definir estilos diferentes para tamanhos de tela diferentes.
- Flexbox na responsividade Vídeo
Nesta aula você vai entender por que o Flexbox é necessário na construção de um layout responsivo.
- Valores relativos Vídeo
Nesta aula você vai entender por que valores relativos são necessários na construção de um layout responsivo.
- CSS Reset Vídeo
Nesta aula você vai entender por que o CSS Reset é necessário antes de qualquer adaptação responsiva.
- Viewport Vídeo
Nesta aula você vai entender o que é o viewport e por que ele é o primeiro passo para que uma página se adapte corretamente a diferentes tamanhos de tela.
- O que é um site responsivo Vídeo
Nesta aula você vai entender o que é design responsivo, por que ele é necessário e como ele se diferencia do que você construiu até agora.
- Conclusão Vídeo
Nesta aula você vai consolidar o que aprendeu sobre HTML semântico e ver a estrutura completa da página AlfaTech com todas as tags aplicadas.
- Elementos interativos nativos Vídeo
Nesta aula você vai aprender a usar os elementos HTML que entregam interatividade sem configuração adicional.
- O rodapé completo Vídeo
Nesta aula você vai aprender a aplicar as tags semânticas no rodapé da página.
- Informações de contato Vídeo
Nesta aula você vai aprender a usar a tag semântica que identifica blocos de informações de contato em uma página.
- Outros elementos de texto Vídeo
Nesta aula você vai aprender as tags semânticas de texto usadas para marcar trechos relevantes, datas e citações.
- Semântica no nível do texto Vídeo
Nesta aula você vai aprender a usar as tags semânticas que identificam o significado de trechos específicos dentro do conteúdo de uma página.
- Conteúdo de apoio Vídeo
Nesta aula você vai aprender a identificar conteúdo de apoio em uma página e a usar a tag semântica que o declara.
- Imagens Vídeo
Nesta aula você vai aprender a usar as tags semânticas que identificam imagens com significado dentro de uma página.
- Conteúdo independente Vídeo
Nesta aula você vai aprender a identificar conteúdo independente em uma página e a usar a tag semântica que o declara.
- Títulos e subtítulos Vídeo
Nesta aula você vai aprender a usar a tag semântica que identifica o agrupamento de título e subtítulo em uma página.
