HDTutorial
PT
Tutorial HTML, CSS e JavaScript: Crie um site responsivo com scroll suave (projeto JS para iniciantes)

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Tutorial HTML, CSS e JavaScript: Crie um site responsivo com scroll suave (projeto JS para iniciantes)

752 775 visualizações 30 de setembro de 2020 2:05:01

Ver no YouTube
CanalBrian Design

Capítulos

Descrição do autor

Aprenda a construir um site usando HTML, CSS e JavaScript neste tutorial para iniciantes. O site é totalmente responsivo e tem um efeito de scroll suave que destaca o menu da barra de navegação de acordo com a sua posição na página. Um projeto simples de JavaScript que você pode refatorar e adicionar o seu próprio design.

Cronograma:
0:00 O que estamos construindo
3:30 Abrindo o VSCode
4:03 Editando o arquivo index.html
4:42 Criando a barra de navegação
11:34 Estilizando a barra de navegação
35:04 Menu móvel com JavaScript
40:40 Criando a seção Hero
42:40 Estilizando a seção Hero
50:25 Criando a seção Sobre
53:02 Estilizando a seção Sobre
1:14:26 Criando a seção Serviços
1:26:38 Criando a seção Cadastre-se
1:29:35 Criando o rodapé
1:37:14 Estilizando o rodapé
1:46:18 Adicionando scroll suave com JavaScript

Código fonte

Outros tutoriais de HTML, CSS e JavaScript

Top 10 de temas para VS Code

Hospede o seu site de graça

Sobre este tutorial

Brian Design publicou este tutorial em vídeo de 2:05:01 em 30 de setembro de 2020. Foi visto 752 775 vezes no YouTube.

Categoria
Educação
Duração
2:05:01
Publicado
30 de setembro de 2020
Visualizações
752 775
Gostos
16 420

Partilhar

Este tutorial noutros idiomas