Modern Web Animations

[Candidosa2]

Publicado em 5/2024
Criado por Ali Alaa
MP4 | Vídeo: h264, 1280x720 | Áudio: AAC, 44,1 KHz, 2 canais
Gênero: eLearning | Idioma: Inglês | Duração: 101 Palestras (14h 32m) | Tamanho: 7,46GB


Aprofunde-se em animações e transições, API de animações da Web, animações orientadas por rolagem e API de transições de visualização

O que você aprenderá:
Aprenda sobre animações e transições CSS.
Saiba mais sobre a nova API de animações da Web em javascript.
Descubra animações orientadas por rolagem em detalhes.
Crie transições de página impressionantes com a API View Transitions.

Requisitos:
É necessário algum conhecimento básico de HTML, CSS e javascript.

Descrição:
Bem-vindo ao Modern Web Animations, um mergulho profundo nas técnicas modernas de animação sem bibliotecas, apenas APIs de navegador. Animações e transições CSS já existem há muito tempo. Mas recentemente novas APIs foram introduzidas em navegadores modernos para melhorar ainda mais a animação na web e dar aos desenvolvedores mais controle. Entre essas novas adições está a API de animações da Web (WAAPI). A API Web Animations libera o poder do mecanismo de animação do navegador para os desenvolvedores. Permite-nos construir animações e controlar a sua reprodução com javascript. É uma das formas de animação com melhor desempenho na Web. Além disso, novos recursos foram adicionados às animações CSS que nos permitem controlar as animações conforme os usuários rolam. Ao adicionar novas propriedades como linha do tempo de animação, linha do tempo de rolagem e linha do tempo de visualização, agora podemos ter animações que não são baseadas no tempo, mas no progresso da rolagem ou na visibilidade de um determinado elemento na janela de visualização. Isso abre a porta para a criação de animações impressionantes com rolagem sem a necessidade de carregar nenhuma biblioteca externa. Outra adição recente aos navegadores modernos é a introdução da API View Transitions. Esta API nos permite criar facilmente transições animadas entre diferentes estados do DOM. Pode ser especialmente útil em Single Page Applications (SPAs) quando precisamos de uma animação ao navegar entre diferentes rotas. Antes da API View Transitions, esses tipos de animações eram extremamente complicados de conseguir. Neste curso, cobriremos todos esses tópicos detalhadamente. E não só isso, mas também teremos uma seção sobre animações e transições CSS antigas e discutiremos cada aspecto delas em profundidade. Também teremos exemplos práticos e exercícios para cada tema discutido. Então cadastre-se agora se quiser dar vida aos seus sites!

Para quem é este curso:
Desenvolvedores da Web que desejam aprender tudo sobre animação no navegador.
Desenvolvedores da Web que desejam aprender sobre novas APIs de animação, como a API de animações da Web, animações orientadas por rolagem e a API View Transitions.

Pagina inicial
https://www.udemy.com/course/web-animations/

Mais informações
Screenshots:

https://rapidgator.net/file/0b27ea935236f55f256a5e116b18c022
https://rapidgator.net/file/a263ac02f35eebf7f8273362e84b4348
https://rapidgator.net/file/158faecf55b9ddeaa42bbc01b264ccda
https://rapidgator.net/file/bdd706ecf7a07d86ec1d524b70a83785
https://rapidgator.net/file/766d545e9ed89f1ea71e3e9d6faee43d
https://rapidgator.net/file/434de38d7f9d5b86f2fbe8f324353e45
https://rapidgator.net/file/266f53416e42a83efa53bb0c4c8bfefa
https://rapidgator.net/file/7ef80a64ec54f8671bd2cdf1721efcdd

https://ddownload.com/os2oe3s0pxma
https://ddownload.com/ual170rsgci1
https://ddownload.com/3whbw8ibpe4x
https://ddownload.com/4cp02y9t2vtk
https://ddownload.com/9q6cf94iri75
https://ddownload.com/fg2heswz6xe1
https://ddownload.com/bo3ex0da779x
https://ddownload.com/b5msdfz53e8i