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.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
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:
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.