curso Landing Page: Como criar um layout com HTML, CSS e JavaScript

Neste curso veremos como criar uma estrutura de navegação front-end seguindo o modelo One Page (uma única página), e utilizando para isso HTML, CSS e JavaScript (jQuery). O curso servirá de base como modelo para implementação de qualquer página que o usuário desejar criar. Ao longo dos vídeo serão apresentados alguns tópicos que vão tornar a sua página mais agradável ao usuário final, como um menu fixo, que é redimensionado quando ocorre o scroll da página; um menu flutuante com tooltips que ... Ver mais acompanha toda a página; e o efeito de parallax na transição entre as seções da página.

Este conteúdo faz parte dos guias:

Iniciar Carga Horária - 7H

CONTEÚDO DO CURSO

Aula 1 - free

Introdução e apresentação do projeto

Neste vídeo é apresentado o projeto completo, todos os recursos e características, que você vai aprender no decorrer deste curso.
free
Aula 2 - mvp

Estrutura HTML

Criação de toda estrutura HTML do projeto, divisão do projeto em topo, área de conteúdo e rodapé.
mvp
Aula 3 - mvp

Criação do estilo CSS da página

Neste vídeo, criamos o estilo CSS necessário para estrutura que criamos anteriormente, o projeto já está visualmente pronto.
mvp
Aula 4 - mvp

Configuração do topo

Neste vídeos vamos aprender como redimensionar o tamanho topo, à medida que o scroll da página é acionado.
mvp
Aula 5 - mvp

Adicionando o menu flutuante

Neste vídeo, criaremos a estrutura e o estilo do menu com seus itens de navegação já é possível realizar a navegação entre as sessões.
mvp
Aula 6 - mvp

Navegação entre seções e tooltips

Veremos como deixar a transição do menu mais agradável, fazendo que o conteúdo deslize até a sessão, também criaremos o tooltips, nossos balões de ajuda.
mvp
Aula 7 - mvp

Criação do efeito parallax

Finalizando o nosso projeto vamos realizar a inclusão do script para a animação do efeito parallax, tornando o projeto visualmente mais bonito.
mvp
Código Fonte - mvp

Código fonte

Nesse post você encontrará o código fonte completo da roda de código Landing Page: Como criar um layout com HTML, CSS e JavaScript
mvp

Autor do curso

Certificado Devmedia

Todos os nossos cursos oferecem certificado com carga horária. Eles são aceitos em todas as faculdades e orgãos públicos do Brasil. Assim que finalizar um curso já emita o seu.

Suporte ao aluno em tempo real

Todos os cursos possuem professores online para ajudar em qualquer dúvida que for necessária para o completo entendimento do curso.

Avaliação do curso

Como adquirir esse curso?

Acesse esse e todos os demais cursos devmedia sendo um assinante mvp

Benefícios MVP
  • Guias de referência
  • Suporte em tempo real
  • Assista o conteúdo offline
  • Emissão de certificado
  • #JOBS - Diversas vagas de emprego
  • Web-currículo
SEJA MVP
R$ 69,90 /mês
Assine agora e tenha acesso ao curso
15 anos de treinamento online
700 mil cadastros
140 mil fãs no facebook
100 mil certificados emitidos