Série da semana: eXtreme Programming na prática

Veja mais
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.

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.

Descubra mais sobre CSS
Suporte ao aluno - Deixe a sua dúvida.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrado através do seu cartão de crédito. *Tempo minimo de assinatura: 12 meses.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrada através do seu cartão de crédito. *Tempo mínimo de assinatura: 12 meses.