Saia do ZERO em JAVASCRIPT em UMA AULA



Saia do ZERO em JAVASCRIPT em UMA AULA

Saia do ZERO em JAVASCRIPT em UMA AULA

Quer saber mais sobre o nosso Curso Completo de JavaScript? Clique no link abaixo para garantir sua vaga na próxima turma:
https://dlp.hashtagtreinamentos.com/javascript/esperajsimpressionador?origemurl=hashtag_yt_org_listaesperajs_IFFo2kTbV-s

PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT:
https://pages.hashtagtreinamentos.com/inscricao-curso-basico-javascript?origemurl=hashtag_yt_org_minijs_IFFo2kTbV-s

———————————————————————–

Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/saia-do-zero-em-uma-aula-javascript

———————————————————————–

Fala Impressionadores! Hoje eu quero te mostrar como sair do zero em JavaScript.

A ideia é te mostrar os primeiros passos em JavaScript, mesmo que você ainda não saiba nada. Você vai notar que vamos aprender como é a estrutura de um site, como os elementos são dispostos e têm seus atributos modificados.

Vamos criar um projeto Web com JavaScript para que você consiga aprender o básico e já conseguir ter um projeto funcional.

Mesmo que você não saiba absolutamente nada, já vai conseguir ver tudo isso sendo construído do zero, então é muito interessante o resultado que vai melhorando pouco a pouco.

Vai aprender como inserir imagens no JavaScript, como inserir ícones, como alterar atributos… Para facilitar um pouco nessa parte do código, nós vamos utilizar o Bootstrap no JavaScript.

Ele vai ajudar na hora de acrescentar alguns elementos, como imagens, atributos, botões, cartões…

E aí, quer aprender como sair do zero em JavaScript e criar o seu primeiro projeto?

———————————————————————–

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 JavaScript para que você consiga se desenvolver nessa linguagem de programação!

———————————————————————–

Conteúdo da Aula

00:00:00 Introdução (O que é JavaScript)
00:01:17 Um pouco sobre a Web (como a internet e os sites funcionam)
00:04:25 As tecnologias da Web
00:07:04 Indo um passo além: Bootstrap
00:08:38 Alguns conceitos importantes
00:15:22 Abrindo o Visual Studio Code
00:16:52 Escrevendo o HTML (entendendo o HTML)
00:19:50 Testando o código com Live Server
00:21:38 Atributos e usando os recursos do Bootstrap
00:25:00 Critérios de estilização (Classe no HTML)
00:28:40 Display Flex (ajuste de tamanho na página)
00:34:30 Como inserir imagens no HTML (tag img)
00:36:35 Atributo alt e id
00:41:38 Barra de busca e botão (input e button + justify)
00:58:38 Como inserir ícones no HTML (Bootstrap icons)
01:03:00 Corpo da interface (cards de música)
01:47:37 Carregando os cartões com as informações
02:07:48 Adicionando ações aos botões e filtrando músicas
02:29:15 Resetando o filtro (reset filter)
02:31:45 Ajustando o filtro (nome da música e artista)
02:36:45 Lista de músicas selecionadas
03:14:18 Armazenamento local
03:21:51 Integrando o projeto com o Player de Música
03:36:23 Conclusão

#javascript #hashtagprogramacao

Comments are closed.