Back to Browse

Criando PRELOAD com CSS e JavaScript (Pré-carregamento) | ilustraCode

14.3K views
Premiered Jul 7, 2021
22:58

Se gostou do conteúdo e quer ser notificado sobre novos videos, então se inscreva e ative o sininho: ➡️ http://youtube.com/c/ilustracode?sub_confirmation=1 Todo site faz o download das informações do servidor e durante esse processo o site fica um pouco "bugado" até que conclua o download. Então, por isso que criamos um preload que nada mais é que uma animação que acontece até que termine o carregamento. Veja os principais assuntos: -Entendendo a lógica do preload (pré-carregamento) -Aplicando efeito de rotação em imagens com CSS -Centralizando elementos na tela com CSS -Verificando se a página foi totalmente carregada - onLoad() - JS -O que não fazer com PRELOAD e muito mais... Aulas complementares: Cache com PHP: https://youtu.be/nsqAVGpZlBg Background-image: https://youtu.be/wo9aSwoVlhI Animações Keyframes: https://youtu.be/n-V9KpLREsY Position absolute: https://youtu.be/5elYAmzXQ6M Você também pode me encontrar ↴ Instagram ☛ https://instagram.com/ilustracodeoficial Telegram ☛ https://t.me/ilustra_code Facebook ☛ https://facebook.com/ilustracodeoficial SOBRE O ILUSTRACODE Meu nome é Adriano Alves, sou programador web, apaixonado por código. Sempre tive facilidade em ensinar qualquer coisa, as pessoas gostavam quando lhes ensinavam porque sempre ilustrava os códigos para compreender. Quando estava aprendendo encontrei muitas dificuldades em aprender, não pela dificuldade em aprender, mas compreendi que era pela didática, então sempre pensei que poderia existir uma forma mais fácil de ensinar a programação. Então nasceu a ideia do ilustraCode - ilustrando a programação. #ilustracode #icodefull #css #javascript

Download

1 formats

Video Formats

360pmp434.4 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Criando PRELOAD com CSS e JavaScript (Pré-carregamento) | ilustraCode | NatokHD