Selecao DevMedia QUERO SER PRIME

Cursos e Artigos para Programadores

por tipo
por canal

Você está buscando em vídeo aula

    Aulas relacionadas

  • 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.

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar