Como fazer um CARROSSEL em JAVASCRIPT | SLIDER automático

[@pirilampoVermelho]

caraca meu amigo, o vídeo mais didático que eu vi, não deixe de postar conteúdo, muito bom mesmo. obg!

[@Vivaavida00]

Tenho visto vários vídeos mas este foi o único em que não tem enrolação consegui fazer Deboaa

[@prodigiodev]

Fico muito feliz por compartilhar conhecimento!

[@brendo6746]

show de bolo muito obrigado Amigo você e um amigo

[@prodigiodev]

Tamo junto amigo!

[@misaelsapiente4124]

Muito bom! parabéns pelo conteudo

[@chamanagrandemotorista]

Top, Top, Top, Top... Me ajudou muito irmão Parabens!

[@PAULOAUGUSTO-d3f]

Show de bola!!!

[@leandrosergio6093]

Top viu mano

[@natansousa7915]

Fera🎉❤

[@prodigiodev]

Obrigado irmão! 😎♥

[@leoz14]

Valeu, vai ajudar dms

[@douglasbernardo9865]

top irmao !

[@prodigiodev]

Obrigado, meu parceiro!

[@kinhogh101]

Muito bom 👏🏻👏🏻👏🏻👏🏻

[@prodigiodev]

[@WenesFrança-o9g]

Boaa !

[@prodigiodev]

[@beeatgamer]

Muito bom, mas como faz pra ele não "voltar" pra primeira imagem, pra continuar girando pro mesmo sentido? Como se apenas repetisse mesmo as fotos em looping?

[@globallivebrasil3787]

Valeu,

[@erikbruzzi1188]

Eu segui o passo a passo, mas quando eu terminei falou que o a propriedade de "style" estava nula. Também o elemento da constante "box" estava nulo. Eu pesquisei e não encontrei nada a respeito. O que pode ser?

[@emanuelnogueira9981]

Verifica se quando chamar a classe box, veja se está chamando corretamente pelo "QuerrySelector", tbm verifica se você está chamando corretamente a classe no css e se ela está correta ou não.

[@edimirk9]

Olha esse retorno do slide ao inicio ta muito duro Tem como colocar mais suave ou melhor voltar apenas re- aparecendo ???

[@prodigiodev]

Nesse caso podemos utilizar o "cubic-bezier" que fará todo o processo de desaceleração no nosso projeto, assim deixando de forma mais suave. Aqui está um exemplo: .container { ... transition: transform 0.5s cubic-bezier(0.170, 0.885, 0.32, 1.275); ... }

[@maahnogueira8955]

👏🏻👏🏻👏🏻👏🏻👏🏻😍😍

[@prodigiodev]

[@guitarrinhagamer]

Segui todos os passos mas dá erro, de valor não definido no .box

[@prodigiodev]

Bom, podemos dizer que há outras tags que possam dar interferência, mas eu recomendo dar uma olhada no meu código no Github, lá você pode comparar melhor e tirar dúvida.

[@franklinenio1295]

como eu faço com "Vw" eu consigo?

[@prodigiodev]

Super ótimo, inclusive é algo mais elaborado e profissional a se fazer

[@evanilsonp.9900]

Cara eu sou backend. Sofro demais com css 😂 Gosto dos meus projetos bonitos e nao quero gastar meu tenpo aprendendo Bootstrap.

[@prodigiodev]

Bootstrap as vezes deixa a desejar e é limitado 😂

[@evanilsonp.9900]

@@prodigiodev Aprendi sobre tailwind e acho mais legal. Só peca em não ter componentes já feitos como o BOOTSTRAP porém tem sites que fornecem componentes feitos

[@vitu3566]

Mano, como eu coloco esse slide aí responsivo?? Se puder me ajudar pfv

[@prodigiodev]

Então mano, nesse caso podemos implementar em nossa folha de estilo (CSS) o "@media (max-width: 800px) { ... }". Basicamente esse código definirá o tamanho em que o nosso width (largura) pode chegar, ou seja, se nossa largura chegar em 800px ela irá executar os códigos dentro do nosso "@media". Mais a frente eu irei lançar uma vídeo aula sobre como melhor sua resposividade de forma simples e fácil.