No video

Animação no Scroll | Usando apenas HTML, CSS e JavaScript

  Рет қаралды 23,601

DevClub | Programação

DevClub | Programação

Жыл бұрын

Vou te ajudar com Programação: bit.ly/3TsEZ2O
Animação no Scroll somente com HTML, CSS e JavaScript. Aprenda a como se tornar um Programador do ZERO e avance nas tecnologias que você precisa pra isso nesse vídeo.
Curso de HTML: • Curso de HTML do ZERO ...
Curso de CSS: • Curso de CSS | Aprenda...
Curso de JavaScript: • Curso de JavaScript pa...
VsCode: • DOMINE O VSCODE E AUME...
Inscreva-se no Canal: bit.ly/3h1xtJ5
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Meus Links 👇👇
🔥 Todos os meus Links: rodolfomori.com.br/links/
🔴 Live toda Terça: go.rodolfomori.com.br/live-terca
📸 Insta: @rodolfomorii / rodolfomorii
🚀 Receba Dicas de Programação: go.rodolfomori.com.br/telegram
‎‍👥 Fale com nossa equipe: go.rodolfomori.com.br/suporte
‎‍🎓 Meu curso de Programação: rodolfomori.com.br/devclub
📚 E-book gratuito - Aprenda Programação do ZERO: go.rodolfomori.com.br/ebook
Criei este canal para ajudar você que quer sair do ZERO, iniciar sua jornada e se tornar um programador!
Se já é um programador e quer evoluir na carreira de programação, também está no lugar certo, aqui você vai encontrar conteúdos relevantes que vão te ajudar!

Пікірлер: 111
@canaldevclub
@canaldevclub Жыл бұрын
COMENTE aí o que mais vocês querem aqui no Canal!
@wever5593
@wever5593 11 ай бұрын
Que didática boa! Eu queria um vídeo assim com a criação de tabelas e bem estilosas e claro responsivas.
@patrickguimaraes3879
@patrickguimaraes3879 11 ай бұрын
Parabéns professor!!
@ramon221b
@ramon221b Жыл бұрын
esse conteúdo é ouro! felizes aqueles que encontram esse vídeo 👏👏👏👏👏
@patrickguimaraes3879
@patrickguimaraes3879 11 ай бұрын
kkkkk, uma ótima definção!!
@canaldevclub
@canaldevclub 10 ай бұрын
Valeu man!
@BrenoRibeiro-p5f
@BrenoRibeiro-p5f Ай бұрын
Sensacional, assim como o rapaz do vídeo, achava que era algo de sete cabeças para fazer essa transição kkkkkkk
@randolaaleatorio3917
@randolaaleatorio3917 6 ай бұрын
cara, eu iria fazer um id pra cada filho da ultima sessão, mas com essa sacada que você deu do nth-child kkkk pode ser simples pra você, mas pra nós iniciantes foi massa kkkkkkkk valeu cara !
@nerdfundao
@nerdfundao 5 ай бұрын
Vi muitos vídeos de gringos ensinando a fazer a mesma coisa, mas o seu foi o único que explicou cada coisa que tava acontecendo e o que cada linha de código tava fazendo, principalmente na parte do Javascript, conseguiu me tirar muitas dúvidas, vou até me inscrever no canal
@canaldevclub
@canaldevclub 5 ай бұрын
Ficamos felizes em saber!!
@user-yt3tx2rw8q
@user-yt3tx2rw8q Жыл бұрын
Muito top, deixei salvo para entender melhor e usar nos próximos projetos, muito bom parabéns Rodolfo, vc é fera cara.
@canaldevclub
@canaldevclub Жыл бұрын
Tmj man
@thisisthetruth9193
@thisisthetruth9193 10 ай бұрын
Que Aula Foda Mano! Valeu
@anthonydaniel1759
@anthonydaniel1759 10 ай бұрын
Conteúdo sensacional !
@alexmessias9763
@alexmessias9763 Ай бұрын
Irmão é difícil eu dar like e me inscrever. Mas você mereceu os dois!
@canaldevclub
@canaldevclub Ай бұрын
Fico feliz em saber mano, tmjj
@lucianaalves3144
@lucianaalves3144 Жыл бұрын
Amei o vídeo, bem direto e era exatamente o que eu estava procurando, hahaha, muito obrigaaada! 😁
@canaldevclub
@canaldevclub 10 ай бұрын
Espero ter ajudado
@luisgabrieldossantosluizao2552
@luisgabrieldossantosluizao2552 2 ай бұрын
Muito bom explicando 👏👏
@samuel1783
@samuel1783 Ай бұрын
Que conteúdo incrível meu querido, simplificou coisas que eu nem imaginava que existiam. Parabéns!!
@canaldevclub
@canaldevclub Ай бұрын
Valeuu, tmjj
@wesleydossantosgonsalves8016
@wesleydossantosgonsalves8016 Жыл бұрын
Amigo, vídeo Sensacional! Direto e explicativo. Parabéns pelo conteúdo
@canaldevclub
@canaldevclub Жыл бұрын
Muito obrigado
@thiagosamuels_
@thiagosamuels_ 8 ай бұрын
Muito bom meu mano, parabéns pelo conteúdo!!!
@canaldevclub
@canaldevclub 8 ай бұрын
Valeuu man, tmjj
@filipealexandre2353
@filipealexandre2353 2 ай бұрын
Conteúdo massa demais, parabéns e muito obrigado!
@canaldevclub
@canaldevclub 2 ай бұрын
Valeuu, tmjj
@gabrieladosanjos5462
@gabrieladosanjos5462 10 ай бұрын
video incrivel, impecável, ótima didática perfeito tudo que eu tava procurando
@canaldevclub
@canaldevclub 10 ай бұрын
Espero ter ajudado
@kewincaue
@kewincaue Жыл бұрын
Conteúdo incrível, fiquei anos estudando e não conseguia sair do lugar, e após conhecer seu canal, já tenho projetos incríveis publicados, muito obrigado Rodolfo, você é o cara!
@canaldevclub
@canaldevclub Жыл бұрын
TMJ man
@viniciuspereira6039
@viniciuspereira6039 26 күн бұрын
muuito top essa aula mn parabéns 👏👏👏
@canaldevclub
@canaldevclub 26 күн бұрын
Valeuu, tmjj
@igormonteiro9444
@igormonteiro9444 7 ай бұрын
conteúdo show, muito bem explicado, parabés!
@canaldevclub
@canaldevclub 7 ай бұрын
Valeu man, tmjj
@pablomachadomarques1009
@pablomachadomarques1009 2 ай бұрын
Uau! Sua didática é simplesmente sensacional. Parabéns.
@canaldevclub
@canaldevclub 2 ай бұрын
Muito obrigado!
@willl93
@willl93 11 ай бұрын
Top mano, slc mastigado , de uma forma simples , tinha visto outro vídeo que era a mesma solução porém explicado de uma forma mais complexa rs
@canaldevclub
@canaldevclub 11 ай бұрын
TMJ man!
@alex84rs
@alex84rs 4 ай бұрын
Novo inscrito 👏🏿👏🏿👏🏿👏🏿, justamente isso que estava procurando, valeu
@canaldevclub
@canaldevclub 4 ай бұрын
Valeuu, tmjj
@everton1200
@everton1200 Жыл бұрын
Obrigado, mais um vídeo top, já deixei salvo pra ajudar em futuros projetos kkkk
@canaldevclub
@canaldevclub Жыл бұрын
Valeu mano
@henriqueoliveira9886
@henriqueoliveira9886 8 ай бұрын
Video incrivel, cara
@pamelladefreitas7642
@pamelladefreitas7642 5 ай бұрын
Eu amei demais essa aula, estava precisando muito disso! Incrivel seu canal!
@canaldevclub
@canaldevclub 5 ай бұрын
Que ótimo! Fico feliz em saber
@jamdeadend
@jamdeadend 10 ай бұрын
adorei o video, vc alem de mostrar o codigo ainda explicou o que cada linha faz, além de conseguir fazer sinto que aprendi bastante, muito obg
@canaldevclub
@canaldevclub 9 ай бұрын
TMJ man!
@leonardoferreira3421
@leonardoferreira3421 Жыл бұрын
Conteúdo muito TOP, estava precisando para colocar em meu projeto.
@canaldevclub
@canaldevclub Жыл бұрын
Espero ter ajudado
@maikonfoltz7708
@maikonfoltz7708 Жыл бұрын
Que video toppp parabéns !!
@canaldevclub
@canaldevclub Жыл бұрын
Obrigado 🤙
@kaio1091
@kaio1091 2 ай бұрын
Perfeito!
@LucasSilva-ew7hp
@LucasSilva-ew7hp 2 ай бұрын
Cara dei like no vídeo, ativei o sininho e me inscrevi. Esqueci de algo? rsrs Sinceramente, brincadeiras à parte, que conteúdo sensacional!!! Obrigado cara! Não sei se tem conteúdos relacionados a animações com JS e CSS utilizando a função matrix3d, se não tiver gostaria de pedir para um próximo vídeo. Valeu!
@canaldevclub
@canaldevclub 2 ай бұрын
Obrigado!! Tmj
@casimirocoche3086
@casimirocoche3086 Жыл бұрын
Gostei dos efeitos, muito top como sempre Rodolfo. Gostaria que tivesse aulas no canal de como fazer site com links e informações dentro dos links, seja ela informações com textos, blogs ou paginas de informações
@canaldevclub
@canaldevclub Жыл бұрын
E aí man, blz ? Fica fácil, coloca a tag link, e dentro dela você coloca os elementos que você quiser
@viniciusgiavoni
@viniciusgiavoni 10 ай бұрын
Parabéns pelo conteúdo, eu adaptei para criar uma barra de progresso que enche quando entra na section, foi de extrema ajuda, valeu.
@canaldevclub
@canaldevclub 10 ай бұрын
Que top
@everton3285
@everton3285 17 күн бұрын
Muitooo top esse vídeo 😊😊
@canaldevclub
@canaldevclub 15 күн бұрын
Valeuu
@ed1000losAgulha
@ed1000losAgulha Жыл бұрын
Monstro!!
@canaldevclub
@canaldevclub 10 ай бұрын
Tmj
@isaiascaetano5888
@isaiascaetano5888 11 ай бұрын
Brabo d+ heheh
@canaldevclub
@canaldevclub 11 ай бұрын
tmj man
@Gabriel-Silva-Dev
@Gabriel-Silva-Dev 8 ай бұрын
vlw manoo me ajudou muito no meu portifolio
@canaldevclub
@canaldevclub 8 ай бұрын
Fico feliz em saber man, tmjj
@josielmaia8982
@josielmaia8982 Жыл бұрын
Cara Fantastico muito bom mesmo
@canaldevclub
@canaldevclub Жыл бұрын
Vaaaleu man!
@gemeostec9249
@gemeostec9249 Жыл бұрын
salvou muito
@Striker-ES
@Striker-ES 7 ай бұрын
obrigado por mais esse aprendizado
@canaldevclub
@canaldevclub 7 ай бұрын
Tmjj man
@Diverwith47
@Diverwith47 8 ай бұрын
Nota 10
@canaldevclub
@canaldevclub 8 ай бұрын
Valeuu, tmjj
@DrackOficial
@DrackOficial Жыл бұрын
Valeu, ajudou bastante.
@canaldevclub
@canaldevclub Жыл бұрын
Opa, tmj!
@josielmaia8982
@josielmaia8982 Жыл бұрын
Gostei muito
@canaldevclub
@canaldevclub Жыл бұрын
Valeu Josiel!
@Agendamento23
@Agendamento23 Ай бұрын
Brabo
@canaldevclub
@canaldevclub Ай бұрын
🚀🚀
@voceestacertoquiz
@voceestacertoquiz 9 ай бұрын
Quando eu crescer quero ser igual a você na programação..kkkk
@canaldevclub
@canaldevclub 9 ай бұрын
Hahaha, valeu man, tmjj 🚀
@josielmaia8982
@josielmaia8982 Жыл бұрын
Rodolfo, você é o melhor!!!
@canaldevclub
@canaldevclub Жыл бұрын
Valeu man
@brunomendoncadev
@brunomendoncadev Жыл бұрын
Conteúdo sensacional, Me tira uma dúvida por favor. Como faço pra essa animação ser apenas der cima pra baixo e tirar de baixo para cima??
@canaldevclub
@canaldevclub 10 ай бұрын
Só adicionar mais animações nas transições
@rodrigoAffonso1000
@rodrigoAffonso1000 7 ай бұрын
tudo bom gostaria de saber o impacto do SEO no site hoje ? quase 2024, digo isso por causa dos robos que acessam o código e visualizam uma classe hidden em todo o código do site
@canaldevclub
@canaldevclub 7 ай бұрын
Opa, é bom dar uma estudada nisso e entender o básico sim!
@sagagamerxd
@sagagamerxd 5 ай бұрын
Faz um vídeo desse só quem em React
@canaldevclub
@canaldevclub 5 ай бұрын
Anotado
@souzasouza-xr3ho
@souzasouza-xr3ho 10 ай бұрын
Muito HTML, CSS e JavaScript
@filipealexandre2353
@filipealexandre2353 2 ай бұрын
Alguém consegue me o porquê deve se usar aquele .target antes do .classList? Por que eu já usei em outros projetos o .classList sem o .target e aí queria entender o por quê nesse caso deve-se usar.
@canaldevclub
@canaldevclub Ай бұрын
É que é o objeto que ele devolve. Ai dentro do target tem o que eu preciso
@abacaxivermelhodois4203
@abacaxivermelhodois4203 Жыл бұрын
Qual a diferença para o Parallax?
@canaldevclub
@canaldevclub Жыл бұрын
Esse eu utilizei mais javascript para fazer...E parallax em si é o nome do efeito...eu chamei de animation on scroll rsrs
@marcosmalheiros5655
@marcosmalheiros5655 Жыл бұрын
Boa noite família
@rafaelmoreira6160
@rafaelmoreira6160 8 ай бұрын
As animações funcionaram normalmente no mobile/responsivo ?
@canaldevclub
@canaldevclub 8 ай бұрын
Para mobile tem que fazer algumas adaptações de responsividade!
@Gabrieel_marques_dev
@Gabrieel_marques_dev 10 ай бұрын
Encontrei um bug quando paro antes da section a prossima nao apareceu
@canaldevclub
@canaldevclub 9 ай бұрын
Valeu man! TMJ Node está instalado ?
@Gabrieel_marques_dev
@Gabrieel_marques_dev 9 ай бұрын
Sim
@williammartins4248
@williammartins4248 26 күн бұрын
nota 1.0000000000
@canaldevclub
@canaldevclub 22 күн бұрын
Obrigado!!!
@guiotto01
@guiotto01 9 ай бұрын
o que adianta escrever os codigos e nao explicar?
@canaldevclub
@canaldevclub 9 ай бұрын
Por isso que, na descrição do vídeo tem um nivelamento de tecnologias, para você entender o vídeo, Da uma olhadinha!
@johnatanchagas8243
@johnatanchagas8243 Жыл бұрын
Obrigado pela aula, muito boa mesmo! Diferente de todos os outros canais! Agrega muito nos conhecimentos! Recomendo a todos o DEVCLUB
@canaldevclub
@canaldevclub Жыл бұрын
Valeu Maaan, tmj
@itathelink
@itathelink 11 ай бұрын
cara, de vdd, que video maravilhoso! estou fazendo um trabalho no meu curso, e isso me ajudou demais
@canaldevclub
@canaldevclub 10 ай бұрын
Valeu man
@larissaalmeida70
@larissaalmeida70 7 ай бұрын
Ótimo conteúdo
@canaldevclub
@canaldevclub 7 ай бұрын
Valeuu
Como Fazer Aplicação Animada com HTML, Javascript e CSS [Passo a Passo]
43:07
DevClub | Programação
Рет қаралды 7 М.
SCHOOLBOY. Последняя часть🤓
00:15
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 8 МЛН
ПОМОГЛА НАЗЫВАЕТСЯ😂
00:20
Chapitosiki
Рет қаралды 22 МЛН
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
FASH
Рет қаралды 31 МЛН
Subtle, yet Beautiful Scroll Animations
5:04
Beyond Fireship
Рет қаралды 1,7 МЛН
Projeto criativo com HTML, CSS e JavaScript: A criação de um site com animações
1:39:29
⭐ Minicurso Animações CSS
53:01
dpw
Рет қаралды 130 М.
Programador Front-end Iniciante  - APRENDA ISSO!
6:10
Bolt
Рет қаралды 83 М.
Criando animações profissionais com React JS e GSAP do zero 🚀
27:52
Sujeito programador
Рет қаралды 10 М.
10 ideias de projetos em HTML e CSS para adicionar no portfólio!
13:16
Rafaella Ballerini
Рет қаралды 334 М.
Top 10 Dicas de VS Code // Use o VS Code Como um Profissional
6:10
SCHOOLBOY. Последняя часть🤓
00:15
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 8 МЛН