Animações de Carregamento com JavaScript

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_I80lQdXnew PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT: https://pages.hashtagtreinamentos.com/inscricao-curso-basico-javascript?origemurl=hashtag_yt_org_minijs_I80lQdXnew ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-javascript-1jFerCaGGZJrHFDOzegJuUDGsf-KqPnA4?origemurl=hashtag_yt_org_planilhajs_I80lQdXnew ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/animacoes-de-carregamento-javascript ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Fala Impressionadores! Na aula de hoje eu quero falar sobre animações de carregamento com JavaScript! Isso mesmo, sabe aquelas animações de loading (carregamento) que aparecem em uma página ou aplicativo? Pois é, hoje eu vou te mostrar como usar as animações de loading no JavaScript. Qual o motivo de usar essas animações de carregamento no JavaScript? O motivo é bem simples, você precisa mostrar para o usuário que alguma coisa está acontecendo. Se não tem nenhum indicativo na sua página ou no seu programa, não tem como o usuário saber se o seu código está rodando ou se tem algo acontecendo por trás. Quando você insere uma animação, isso já mostra para o usuário que as informações estão sendo carregadas e que ele pode aguardar um pouco para visualizá-las. É muito importante esse recurso visual, pois isso permite com que o usuário saiba que de fato tem algo sendo carregado e página não simplesmente travou. Então para que ele não pense que tem algo travado essa animação de carregamento é essencial para indicar que está tudo certo e que logo ele vai conseguir visualizar as informações! ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Instalação do VS Code para Programação em JavaScript e Python https://youtu.be/iLraM_NZYfA ► O que é JavaScript? https://youtu.be/oWSxNI8Pg9k ----------------------------------------------------------------------- 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 e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 01:28 Código do projeto 01:45 Animação de carregamento no JavaScript 03:35 Como usar animações no JavaScript 04:08 Animação de carregamento na prática 05:18 Explicação do projeto 07:15 Rodando o back-end do projeto 07:44 Testando a animação no projeto 07:57 SetTimeout (espera no JavaScript) 08:55 Teste da animação com espera 09:16 Conclusão #javascript #hashtagprogramacao