Animações na web

contente

Um curso baseado em vídeo de Emil Kowalski

Aprenda a criar animações que fazem as pessoas sentirem algo. É para aqueles que gostam do meu estilo de animações e/ou qualquer um que aspire a melhorar suas habilidades. Este curso contém tudo o que sei sobre movimento na web. Você aprenderá a construir componentes como esses dois abaixo, e mais.

Sonner

Um componente de toast opinativo para React que as pessoas adoram.

01 — Fundamentos

Dividido em 3 partes: fazendo com que pareça certo, como eu uso o framer motion, os grandes pequenos detalhes. Além disso, vou te dar alguns recursos que eu uso ao trabalhar com movimento, uma espécie de plano. Tenha em mente que as partes ainda não estão finalizadas e podem mudar.

02 — Guias

Você verá como eu crio animações do zero, incluindo as razões por trás das minhas decisões. Eu vou te mostrar os truques que eu uso e como eu enfrento os desafios que encontro. O código-fonte será incluído e mais tutoriais serão adicionados ao longo do tempo.

Gaveta da família

Vamos construir uma gaveta para dispositivos móveis usados no aplicativo iOS da Família.

Componentes visuais por Família.
Apenas para fins educacionais.

Ilha Dinâmica

O foco principal aqui será na suavização e na fluidez da animação.

Autor

Eu sou Emil, um engenheiro de design trabalhando na Vercel, e criador de duas bibliotecas de código aberto chamadas Sonner e Vaul. Eu vejo animações na web como uma forma de arte, e me preocupo profundamente com como elas parecem, se sentem e se comportam. Eu quero que as pessoas tenham um momento de alegria quando usam as coisas que eu crio.

“O trabalho de Emil combina design, movimento e uma atenção incrível aos pequenos detalhes. Estou ansioso pelo seu curso. Pré-encomendado!”

Shadcn's profile picture

Pré-encomenda

Você pode pré-encomendar o curso a um preço com desconto (40% de desconto) até sexta-feira, 15 de março. Essa também é a data em que a primeira parte será lançada. Depois disso, você não poderá comprar o curso até o lançamento final, momento em que o preço será 200$.

Não tem certeza se este curso é certo para você? Você pode ler o FAQ.

Resumir
O curso em vídeo de Emil Kowalski ensina a criar animações que provocam emoções, voltado para aqueles que apreciam seu estilo ou desejam aprimorar suas habilidades. O curso abrange fundamentos, como o uso do framer motion e detalhes importantes, além de recursos úteis. Inclui walkthroughs onde Emil demonstra a criação de animações do zero, explicando suas decisões e desafios, com código-fonte disponível. Entre os projetos, destaca-se a construção de um componente de toast para React e um drawer para dispositivos móveis. Emil, engenheiro de design na Vercel, acredita que animações na web são uma forma de arte e busca proporcionar momentos de prazer aos usuários. O curso está disponível para pré-venda com 40% de desconto até 15 de março, data de lançamento da primeira parte. Após essa data, o preço será de 200 dólares.