O projeto está inativo

Criando uma estrutura Front-end de navegação

Nesta documentação criamos uma estrutura de um layout onde abordamos três características: a responsividade sem a utilização de frameworks como o bootstrap; um menu expandable; e também veremos uma barra lateral com scroll independente do conteúdo do site.

43

Introdução

Este projeto trata de um layout front-end no qual implementamos uma barra de navegação superior e menu lateral, uma área de conteúdo interna e um rodapé.

A primeira característica desse layout é ser responsivo, se adaptando a diferentes resoluções de tela. No slide abaixo podemos vê-lo tanto no navegador quando no celular:

Características Características

Nas imagens acima também podemos notar a presença do menu expansível, que exibe mais itens conforme selecionamos uma de suas seções. Ainda neste menu temos a aplicação de uma barra de rolagem independente da página.

Aqui nesta documentação veremos em detalhes as tecnologias por trás da construção deste exemplo, que podem ser vistas sendo aplicadas na prática no curso Criando uma estrutura Front-end de navegação.

Chega de perder tempo!
Comece hoje mesmo a programar de verdade
Apenas 12x de R$ 54,90
Por que a DevMedia?
  • Didática focada no iniciante
  • Aprenda construindo projetos reais
  • Domine as tecnologias mais usadas no mercado
  • Professores online o tempo todo
  • + de 8000 exercícios gamificados
  • + de 100 mil alunos formados

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

Aceitar