HTML & CSS - Curso Básico de JavaScript - Tornando a Página de Portfólio Interativa

Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_NZeiVjaMEfc&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=portfolio-interativo-27-01&conversion=leshc-jan-25 PARA ACESSAR O MINICURSO GRATUITO DE HTML E CSS (LANDING PAGE): https://pages.hashtagtreinamentos.com/inscricao-minicurso-html-css-landingpage?origemurl=hashtag_yt_org_minihtmlcss_landingpage_NZeiVjaMEfc&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=portfolio-interativo-27-01&conversion=leshc-jan-25 ----------------------------------------------------------------------- 📁 Arquivos Utilizados no Vídeo: https://dlp.hashtagtreinamentos.com/html-css/arquivo/download?curso=htmlcss&id=1_z-P34HaiWl0nokZhd-zJ7m3I3V2a92R&origemurl=hashtag_yt_org_planilhahc_NZeiVjaMEfc&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=portfolio-interativo-27-01&conversion=leshc-jan-25 💻 Recomendação de vídeo: Curso Básico de HTML (2025) - Criando uma Página de Portfólio https://youtu.be/iqHvLJKZeBM Curso Básico de CSS (2025) - Estilizando uma Página de Portfólio https://youtu.be/cZj1-2PVifg Aprenda Construindo uma Landing Page https://youtu.be/vtX9BzESWnQ ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/como-criar-um-portfolio-online-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt&origemurl=hashtag_yt_org_incompany_cZj1-2PVifg&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=portfolio-interativo-27-01&conversion=leshc-jan-25 ----------------------------------------------------------------------- Quer transformar sua página de portfólio em algo interativo e impressionar os recrutadores? Na terceira aula, Curso Básico de JavaScript (2025), você vai aprender a usar JavaScript do zero para adicionar interatividade à página de portfólio que criamos com HTML e CSS nas aulas anteriores. O JavaScript é a linguagem de programação que dá vida às páginas da web, permitindo criar interações dinâmicas e tornar sua página muito mais funcional. Vamos começar explorando o que é o JavaScript, como vinculá-lo ao HTML e usar seus principais recursos para manipular elementos, alterar conteúdos, adicionar eventos e até implementar funcionalidades como o modo Light e Dark e botões para exibir ou ocultar seções. Além disso, você vai aprender como organizar o código com boas práticas, usar funções reutilizáveis e otimizar o desempenho da sua página. Pronto para dar o próximo passo na construção do seu portfólio e impressionar com funcionalidades interativas criadas com JavaScript? Então vem comigo e bora programar! ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 0:00:00 Introdução - JavaScript 0:03:25 O que é o JavaScript? 0:04:40 Escrevendo JavaScript 0:07:45 Conexão do JavaScript com HTML 0:09:20 querySelector() - Selecionando elementos 0:13:12 Modificar propriedades dos elementos HTML 0:15:55 Modificando elementos em uma lista 0:17:00 Manipulação de estilo (Classes e Style) 0:21:20 Adicionar eventos com JavaScript 0:22:20 Variáveis em JavaScript 0:24:20 Evento de click 0:29:45 Função no JavaScript 0:33:50 Seção de contato dinâmica 0:46:42 Estrutura if (se) 0:48:10 Implementando modo Light e Dark 1:02:25 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao