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.

41

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.

Suporte ao aluno - Tire a sua dúvida.
Inicie agora sua carreira de programador por apenas R$49,90/mês
Ainda está em dúvida? Experimente a plataforma durante 3 dias sem cartão. Faça um teste grátis
Conheça agora!
Benefícios
  • Suporte em tempo real
  • Certificado de autoridade
  • Exercícios para praticar
  • Estudo gamificado
  • Planos de estudo para cada carreira de programador

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar