Como Fazer Aplicação Animada com HTML, Javascript e CSS [Passo a Passo]

[@canaldevclub]

→ Vou te ajudar com Programação: go.rodolfomori.com.br/aprendacomigo

[@Hinrikao]

é vitalicio esse curso?

[@tonny_clash]

O materia veio picotado todo diferente as latinhas sem a parte de baixo as frutas bagunçada me manda ai as imagens que vc ta usando pois ja tentei ajustar o width das frutas mais toda quantidade fica feio

[@lorenamusardo3979]

Projetooooo!!!! Mas de vez em quando umas aulinhas de alguma tecnologia também! Eu amoooo seus vídeos e sempre que tenho dúvida durante minhas aulas, venho direto no seu canal procurar alguma explicação, sempre me ajuda demais!!! Você é fera!

[@canaldevclub]

Ahh valeu...TMJ

[@bla......]

Cara vlw, esse vídeo clareou minha mente para um projeto que estáva parado, só obg

[@viniciuspereira6039]

manooo que aula top slc, não para com esses projetos nunca mn top de mais 🤘👏

[@canaldevclub]

Valeu irmão

[@dibrasul6528]

Nossa,que aula top,por isso que tu é o melhor professor de programação!

[@EdilanoMelo]

Projeto feito com sucesso, mais um para o portifólio, valeu Rodolfo.

[@canaldevclub]

TMJ irmão

[@luizleao243]

E aí Rodolfão! O melhor é projeto mano! Você é professor nota 10 para explicar todo o passo-a-passo! Valeu! #tmj

[@canaldevclub]

Valeu obrigado

[@carloscaf6338]

Muito bom mesmo. Parabéns e obrigado por compartilhar seu conhecimento. Deus te abençoe sempre...

[@canaldevclub]

Eu que agradeço

[@CarlosSantos-dk7ht]

Olá boa noite, venho acompanhando seu canal, confesso que independente de ensinar tecnologia ou criar projetos, todos são ótimos e ensinam de verdade, continue assim ajudando as pessoas, eu particularmente prefiro os dois assuntos.

[@canaldevclub]

Muito Obrigado Carlos!

[@paulodanielferreiradasilva8399]

fala Rodolfo eu quero aprender a animação no CSS muito boa aula cara que Deus abençoe

[@canaldevclub]

Valeu irmão!

[@michelsantos569]

Muito dahora a aula , manda mais projetos Rodolfo ...Top

[@AdinanCamargo-hr9lq]

Muito bom! Trás mais projetos para nós. Obrigado.

[@canaldevclub]

Opa, vou trazer!

[@jogadashow]

MASTIGASTE HIPER, MEGA, POWER AS FERRAMENTAS, MERCI BEAUCOUP, MAN!

[@canaldevclub]

TMJ man

[@cassianolaudemirooficial]

mais um projeto parao meu portifolio obrigado professor você e top

[@canaldevclub]

Sucesso!

[@TheMaxton]

Projeto na prática

[@tonny_clash]

Saiu top fiz a minha maneira mais ficou lindo valew mais um projeto seu que faço com perfeição

[@canaldevclub]

Meus parabéns

[@vanderlinohenriques3808]

Boa Rodolfo, vc é o cara pra ensinar, poderia dar uma aula de como colocar um site no ar para iniciantes

[@canaldevclub]

Opa, vou ensinar sim!

[@thiagoalves7030]

continue com os projetos

[@canaldevclub]

Valeeeu!

[@DaviOliveira-kh4oo]

Muito top a aula! Projeto ❤

[@canaldevclub]

obrigado!

[@soscuriosidades153]

Muito bom , seria bom deixar o layout pra poder se basear e praticar

[@DouglinhasYTTV]

Que vídeo bom cara, bem explicado

[@canaldevclub]

Valeu 😀

[@Rafaelpotgieter]

Vc é muito bom. Parabéns.

[@canaldevclub]

Obrigado pelo elogio

[@canalcriadoporumhumano9638]

Essa aula ficou ótima!!

[@canaldevclub]

Obrigado 😃

[@luisdiaz-us4sd]

TA bom de mais. Obrigado

[@canaldevclub]

Eu que agradeço

[@CatauGames]

Ensina muito bem!!

[@canaldevclub]

Valeu man

[@eduardof5-r4t]

Faz um conteúdo focado em css. Fala um pouco sobre as flexbox. são bastante importantes. Um vídeo novo de flexbox, é claro.

[@canaldevclub]

Já tem video de flexbox aqui no canal hahahahaha

[@gangstercoyote]

Eu sei o que é lógica de programação!

[@JoaoSouza-oz6hx]

Show de bola. Você tem algum vídeo com projeto completo?

[@canaldevclub]

Tem vários no canal!

[@EsmaelArtur250]

ficou bonitao❤

[@canaldevclub]

Obrigado

[@BossFoxFF]

muito top! posso colocar no meu portifólio?

[@canaldevclub]

Pode sim 👍 é uma boa!

[@barbaramoreira2246]

Ameiiii❤

[@dibrasul6528]

Nossa,que aula top! Por isso que tu é o .ação

[@MatheusSilva-qm3ph]

Muito bom!

[@rafaellima9226]

Faz um vídeo usando o framework astro, que está bem popular!

[@canaldevclub]

Fechado!

[@MatheusSilva-qm3ph]

Muito bom seus videos! Uma pergunta, como usar mockup e modificá-lo? Obrigado

[@canaldevclub]

Vou fazer um vídeo

[@MatheusSilva-qm3ph]

@@canaldevclub Gostaria muito, tipo camisas como mudar a cor ou a logo? Nunca consegui! Obrigado

[@GuilhermeVieira-gi6bp]

Top demais mestre, poderia falar sobre Next.js

[@canaldevclub]

Está saindo no canal de Programação avançada kzbin.info/door/d5TrIZ0WxlVmya7Y2PsWXw

[@tiagocarvalho5571]

Vc é fera, mano. Tenta mesclar algo simples num dia e mais complexo no outro. Sei que vc vende curso, mas seria legal 😅😅😅

[@canaldevclub]

Opa, mais saiu algo complexo nas ultimas semanas. Node e React. Mas o conteúdo complexo fica no outro canal www.youtube.com/@DevClubPRO-g1b

[@alexsandrofelix5655]

Show

[@canaldevclub]

🚀

[@ÉlcioReis-777]

Boa Rodolfo👏🏻

[@canaldevclub]

Valeu irmão!

[@Matheusxdsls]

@devclub da pra fazer qualquer tipo de animação com esse projetinho? Por exemplo uma moto em parallax em movimento...

[@canaldevclub]

Da sim!

[@PabloFreitas-ee3oq]

Aula sensacional , onde posso achar essas imagens com esse fundo transparente para fazer esses tipos de projetos ?

[@canaldevclub]

Eu pesquiso no google ou canva

[@RobertoFilho-w1d]

você é fera demais Rodolfo! Obrigado por tantos ensinamentos!

[@canaldevclub]

Eu que agradeço

[@patrickmedeiros2752]

projeto, mesmo sendo aluno DevClub

[@douglaslopes3134]

muito bom

[@heitordesenhos4525]

Projetos e mais projetos...

[@canaldevclub]

Boraaaa

[@fabioverlaine7274]

Aquele LIKE de responsa..!! Conteúdo relevante . grato Rodolfo . Sucesso a todos

[@canaldevclub]

Vaaaaaaleu irmão!

[@eduardof5-r4t]

Ótima aula. Meu sonho é ser programador! Tem alguma motivação Rodolfo? Abraços.

[@canaldevclub]

Bora virar um Programador...Eu comecei do zero, era eletricista e consegui..to aqui para te ajudar!

[@sarasousa2771]

Olá as imagens (as frutas) do projeto não estão iguais a sua eu que baixei o arquivo errado será?

[@wesleymoraes1478]

kkkk Eu vim procurar exatamente por esse comentário. De fato, não são! Vou ter que fazer minhas imagens! Sugiro fazer o mesmo rsrs

[@canaldevclub]

Agora foi

[@kathlynbergamo9753]

@@canaldevclub foi nao

[@fernandobarros1911]

Fala Rodolfo, blz? Parabéns pelo canal, sou novo inscrito e assisto todos os seus vídeos! Queria sugerir uma coisa, tem como você gravar um vídeo pegando um trampo _freelancer_ mais simples que tiver na internet e fazer do começo até a entrega pra gente ver como é na vida real? Acredito que, assim como eu, há muitos dev iniciantes que tem vontade de pegar um projeto pra fazer, mas o medo de não dar conta do recado aterroriza agente 😂 - Uma abraço irmão 👊😉

[@canaldevclub]

ANOTADÍSSIMO....Vou fazer!

[@TheEndOficcial]

Eatou tentando fazer o projeto. Porem o meu aqui o display block da classe item sobrepõem a classe active e nao aparece nada. Alguem poderia me explicar?

[@canaldevclub]

Chama meu suporte que eles te ajudam go.rodolfomori.com.br/suporte

[@wellingtommendes4497]

Projeto !

[@amosalmeida1338]

Olá Rodolfo, se você puder ajudar eu gostaria muito de uma tecnologia diferente, desenvolver um aplicativo de transporte de táxi.

[@davidfrancisco5412]

Sugestão fazer um projeto 3D com Html,Css e Java

[@canaldevclub]

Valeu

[@GiihDev]

Eu queroo!! kkk

[@josejeremias5572]

Projetos !!

[@lucascpd3590]

sabe me dizer se a hosting aceita subir sites feitos em python flask?

[@canaldevclub]

Da pra subir sim...Ele tem um serviço pra isso!

[@EsmaelArtur250]

camiseta bonita👌

[@canaldevclub]

Garanta a sua loja.devclub.com.br/devclub

[@darleisonrodrigues3365]

SE TIVESSE ENSINADO A RESPONSIVIDADE PARA ESSE SITE TINHA FICADO COMPLETO

[@canaldevclub]

HAHHAHAH no 'próximo eu trago

[@issesenpai3061]

Projeto bacana fiz do inicio ao fim mas nao ficou legal na minha tela pois programo pelo notebook e as imagens ficaram enorme (animação nao apareceu muito bem pois as imagens eram enormes nem apareceu a lata de refri de tao grande 😂😂 mas fora isso tudo certo vou ter que mexer na responsividade depois vlw abraço

[@canaldevclub]

Bora

[@ntglock1198]

uma ideia: projeto de uk portifolio feito com react

[@canaldevclub]

Anotado

[@Canal-SemFiltro]

#projeto✈

[@RauanOliveira-z8l]

As imagens das frutas não são as mesmas utilizadas no projeto

[@canaldevclub]

São sim

[@kathlynbergamo9753]

verdade

[@aragaoandrea]

@@canaldevclub nao é nao rs

[@josejeremias5572]

Eu sei oque logica de Programação !!

[@adrianogomes7772]

o meu o nome morango nao centralizou no centro da tela e o codigo esta certinho como ai no do rodolfo position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);

[@canaldevclub]

Manda seu código

[@GoliasMatos-w7b]

Boa tarde,terminei o projeto porem as setas next e prev, sumiram e todos os codigos estao corretos...help !!!!!

[@canaldevclub]

Opa. Me manda no insta que eu te ajudo

[@MateusCoimbra-ub7yt]

aula muito top ,mais não conseguir executar o projeto

[@Thiago-v5e]

o link da imagem suas aula soa 10 sou novo aqui mais desde ja muito obrigada

[@canaldevclub]

Valeu, bora!

[@EvilEmperorBR]

Daria para criar um site usando uma imagem de post social midia ? Pra ser mais específico uma propaganda de de algum produto e esse site usar a referência da imagem social midia sem perder os aspectos principais da imagem. Ele sendo interativo igual esse do video. Caso de certo ou tenha como dar certo está aqui minha sugestão. Ps: não domino nada ainda, estou apenas aprendendo e vendo referências para possíveis projetos de site que passam pela minha mente.

[@canaldevclub]

Como assim, post social ?

[@EvilEmperorBR]

@@canaldevclub tipo por exemplo eu tenho o post sobre vendas coxinhas ai nessa imagem eu desejo criar botoes interativos pra entrar em contato para pedido, outro pra ir nas redes sociais e outro pra troca de sabores, criar pequenas animação de: A coxinha vibrar ou chacoalhar Igualmente para os botoes e tals. E

[@hiistorias]

top

[@alessandranunes1376]

Tenho preferencia por projeto pratico.

[@canaldevclub]

Valeu por comentar!

[@mateusgabriel7601]

Eu quero aprender animação no css

[@j.g.coelho5918]

As imagens de fundo do link não são as mesmas do vídeo. Onde consigo elas?

[@canaldevclub]

Ali no link da descrição sao as imagens do video

[@Thiago-v5e]

Preciso comparar o meu codigo por que meu javacripts nao esta pegando tem como passa o git

[@canaldevclub]

Vou subir e mandar aqui

[@maestrojuniorsousa]

Cara cria conteudo de vue.js e laravel

[@canaldevclub]

Anotado!

[@Martinez021]

Projetos

[@tonny_clash]

Mano cade as imagens originais essas do link da cortadas

[@canaldevclub]

Estão corretas, veja se vc salvou certo!

[@acostaramycuj7211]

Não sei

[@raniltonsilva9652]

tecnologia

[@rafaelmendonca7039]

Projeto

[@jujuebruno213]

Onde estão essas imagens??

[@carlosjunior-rv3gy]

Também quero sabe onde está as imagens??

[@barbaramoreira2246]

Tambem quero saber​@@carlosjunior-rv3gy

[@allan4206]

Ta na descrição do vídeo, galera 🙏🏼

[@barbaramoreira2246]

@@allan4206 agora que eu vi, muito obrigada

[@canaldevclub]

O link está na descrição. Conseguiu pegar ?

[@GustavoHenrique-xs5dv]

Podia deixar o código completo pra gente só copia e cola🥺

[@canaldevclub]

Não, tem que digitar pra aprender, e você só copia e cola, não aprende :/ paciencia meu jovem, assim que aprende...

[@ivanaraujo1715]

O que vc acha de fazer um sistema de cadastro completo pra membro de uma igreja

[@vanortonvan6437]

Pq uma igreja compraria um sistema? Muita gente vive mudando de igreja constantemente, um sistema só iria complicar as igrejas

[@mateusgabriel7601]

Tecnologia

[@marcelolima-Guppys]

Tecnologias

[@Thiago-v5e]

socorro minha lata nao quer aparecer de jeito nenhum so deus ja oei mais de vezes e ate agora nada me ajuda rodolfo

[@wesleymoraes1478]

Mostra o seu código pra gente :)

[@Veruscaaf]

projetooos

[@KoviAluguel]

Minhas frutas ficarão diferentes esta cobrindo o texto todo

[@canaldevclub]

Diminui um pouco o tamanho delas

[@diegoborbadev]

teste

[@fredericoduarte5836]

Projeto de uma Barbearia pode ser .

[@canaldevclub]

Anotado!

[@amandagolfeti]

Projectos

[@diniz_arthurr]

PREFIRO PROJETO

[@canaldevclub]

Valeu man

[@tonny_clash]

Quero um projeto de blog de animes PROJETO

[@canaldevclub]

Anotado!

[@joelamaral]

Tá responsivo?

[@canaldevclub]

Não!

[@daislanluiz4519]

n sei pq mas minha animação n funcionou

[@wesleymoraes1478]

Comenta aqui seu código pra gente dar uma olhada :]

[@daislanluiz4519]

@@wesleymoraes1478 dei um google, chat gpt, era apenas um ponto kkkkkkkkkkk

[@daislanluiz4519]

@@wesleymoraes1478 arrumei e funcionou perfeitamente, mt obgd orgulhoso apesar de simples bem complexo realizar essas atividades sem um educador

[@Breno-z5c]

Vs code tem a funcionalidade de depuração que vai te ajudar a entender

[@denyslacerdadelfino8320]

Projetos

[@acostaramycuj7211]

Projeto

[@gersondamasceno2891]

Projetos

[@wagnomenezes7844]

Projeto

Projetos