Curso
Criando uma estrutura Front-end de navegação
Neste curso 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.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
7 horas
Curso de Front-end (7 aulas)
Aula 1 - Introdução
Veja nessa aula inicial a página que criaremos durante o curso em funcionamento.
Aula 2 - Layout Responsivo
Nesta aula veremos a estrutura básica do HTML e suas seções divididas em quatro blocos.
Aula 3 - Estrutura HTML no Mobile
Nesta aula vamos implementar o botão fechar no menu lateral usando funções para trocar as classes dos elementos com o jQuery.
Aula 4 - Exibindo Sidebar
Nesta aula daremos continuidade aos ajustes do menu lateral e estudaremos mais a fundo o comportamento da função toggleClass.
Aula 5 - Menu Expandable
Nesta aula veremos o conteúdo do menu expandable.
Aula 6 - Rolagem Independente
Nesta aula veremos como implementar o scroll no menu lateral, totalmente independente do scroll principal da página.
Aula 7 - Ajustando Menu Expandable
Nesta videoaula daremos continuidade fazendo uns pequenos ajustes no menu expandable e aplicando alguns Pseudo-Classes ao nosso arquivo css para correção do menu.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed