Curso Básico de JavaScript - Primeiro Projeto Web - Aula 7

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_-ZiUMbrmcF0 PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT: https://pages.hashtagtreinamentos.com/inscricao-curso-basico-javascript?origemurl=hashtag_yt_org_minijs_-ZiUMbrmcF0 ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-javascript-1M0RxsENnhlTTpGjk3yfrE8sEY4WF9v1b?origemurl=hashtag_yt_org_planilhajava_-ZiUMbrmcF0 ----------------------------------------------------------------------- Fala Impressionadores! Hoje vamos para a sétima aula do nosso Curso Básico de JavaScript para criar o nosso primeiro projeto web JavaScript! Nessa aula eu vou te mostrar como podemos fazer a barra de progresso automática no JavaScript, ou seja, vamos fazer com que ela seja atualizada a medida com que a música toque. Lembrando que para isso vamos utilizar os eventos da tag de áudio no JavaScript. Então vamos criar uma função para barra de progresso no player. E com isso vamos atualizar a largura da barra de progresso no JavaScript para que ela seja alterada a medida em que a música é tocada. Além disso ainda vamos aprender como avançar na barra de progresso, ou seja, vamos poder avançar apenas clicando na barra de progresso! ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/projeto-web-de-javascript ----------------------------------------------------------------------- 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 Introdução 02:40 Eventos da tag de áudio 05:23 Função para barra de progresso no player 14:45 Largura da barra de progresso no JavaScript 20:53 Testando a barra de progresso no player 21:50 Como avançar na barra de progresso? (clicar na barra) 44:19 Conclusão #javascript #hashtagprogramacao