Série da semana: Receitas caseiras para teste unitário

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.

7

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.
Achou 12 meses muito tempo?

Programação muda todo dia e cada novidade nos obriga a rever tudo que já sabíamos. Só um estudo contínuo nos leva ao sucesso.

Apenas 3,5% dos nossos assinantes querem cancelar antes dos 12 meses

O que nossos clientes dizem:

"Excelente trabalho. É assim que a gente vê que o investimento vale a pena. Parabéns!"

- Danniery Alves -
O que nossos clientes dizem:

"Prá lá de bom... Está ótimo: com clareza, didática, conhecimento de causa e uma boa dose de humor. "Persistência" é o segredo."

- Paulo Costa -
O que nossos clientes dizem:

"DevMedia ensina mais do que qualquer faculdade!!!"

- Mauricio Hartmann -