Muito, muito (nem sei quantos muito seriam necessários), tentei aplicar esse efeito em um projeto, levei 2 dias inteiros batendo cabeça, dando errado, e vi seu video, curto, prático, bem objetivo e principalmente funcional. Faco questão de inscrito, se puder continuar esse trabalho de ajudar quem está começando, serie muito grato, que Deus lhe abençoe.
Teria alguma diferença em questão de semântica ou alguma desvantagem, se ao invés de usar varias usasse uma com background image vindo de uma array de imagens no .js? Assim elas n fazem download imediatamente (deixando o carregamento mais rápido). O que acham?
Achei vários tutoriais, mas com as funções praticamente prontas pelo bootstrap e eu não podia usar bootstrap. Esse projeto serviu de base para o meu slider e a lógica é sempre bom ir aprendendo . Obrigado, òtimo conteúdo.
Caramba bicho!!! Muito bom! Obrigado por compartilhar o conhecimento. Eu adicionei no #slider img uma margin-left: 100%, e na classe .selected um translateX(-100%), daí deu um efeito de slider bem bacana. Abraço.
Muito bom cara! É sempre muito saber fazer as coisas sem uso de alguma biblioteca, porque às vezes nem vale a pena pra um conceito simples! Top de mais essa série!
Muito simples e direto ao ponto!!! Parabéns! Fiz uma versão do seu código com click de avançar e voltar... valeu!! Mas gostaria de saber como fazer essa transição de avançar e voltar usando touch quando estiver navegando em smartphones... é possível explicar ou dar uma referência para resolver?
Há uns 6 meses atrás, eu olhava para um código desse e pensava "como pode ser possível entender isso ?!"... Hoje, eu acho meio que simples até, não é fácil, mas também não é aquele terror que eu pensava que era antes :)
Gostei Bastante Cara, foi um Máximo continua assim e tou atento aí mano.. Quero saber se Posso desenvolver isso no SublimeText o JS.? É que tem uma vez, eu estive fazendo no SublimeText e não tava a funcionar.
Olá amigo, obrigado por compartilhar o conhecimento! Poderia por gentileza orientar como substituir a IMG por uma DIV? Neste caso seria possível colocar mais de uma imagem dentro do mesmo, ou até mesmo que sabe um outro objeto. Se não for possível, poderia ao menos orientar como exibir mais de uma imagem (por exemplo para ir passando de 2 em 2) ? Estendo essa questão aos demais que verem a pergunta, desde já agradeço muito! Que Deus os abençoe.
Obrigado cara!!! Show d+. Não sei quantos vídeos de carrossel ou slideshow eu já vi e não dava certo ou não funcionava pra mim porque já tenho as imagens no html e teria que puxar pelo css ou javascript mesmo e eu não queria ter que mudar isso. Dessa maneira é bem mais simples porque posso adicionar imagens no html sem precisar mexer em mais nada no javascript. Para fazer um carrossel (carousel) com botões e bullets ainda é nível iniciante ou complica muito? Eu sei que preciso de button (next e prev) no html, position absolute para eles no css e adicionar o evento onclick no js. Se usar essa mesma lógica de add e remove class no onclick funciona? Como eu faço isso? kkk Os códigos do Bootstrap e Materialize funcionam mas eu não quero usar código pronto.
Muito, muito (nem sei quantos muito seriam necessários), tentei aplicar esse efeito em um projeto, levei 2 dias inteiros batendo cabeça, dando errado, e vi seu video, curto, prático, bem objetivo e principalmente funcional. Faco questão de inscrito, se puder continuar esse trabalho de ajudar quem está começando, serie muito grato, que Deus lhe abençoe.
Código bem limpo e de fácil compreensão, monstro como sempre Maykão!!
Woww... Muito bom! Grata por compartilhar seus conhecimentos.
*Não tinha pensado nisso... em usar a unidade de medida VW no height passei 3 dias quebrando cabeça. Valeu man me salvou. Like e + 1 inscrito.*
Parabéns, vídeo com conteúdo objetivo com clareza e de fácil compreensão.
Cara, você é um professor incrível!! Obrigado por existir, brother! kkkkkkk Sou seu aluno no LaunchBase :)
Cara, você é diferente! Eu estava travado em um desafio, só vi esse vídeo e consegui resolver. Muito obrigado! Conteúdo sensacional
Faaala, Matheus! Que massa! 💜 😍
Valeu demais! 🚀
Caralho mano, muito bom comemorar um script que roda afinal de contas. Obrigado brother.
O jeito mais fácil que já vi até hoje!! Top!!
Aquela escondida de código no 11:49; me custou 1 dia quebrando cabeça. KKKKkkkk. Mas agora está rodando. Excelente explicação.
Teria alguma diferença em questão de semântica ou alguma desvantagem, se ao invés de usar varias usasse uma com background image vindo de uma array de imagens no .js? Assim elas n fazem download imediatamente (deixando o carregamento mais rápido). O que acham?
Esses vídeos são os melhores, o público para aprender o básico é gigante também. Obrigado!
Vaaaleu, Yuri! Produzimos tudo com muito carinho 💜
Achei vários tutoriais, mas com as funções praticamente prontas pelo bootstrap e eu não podia usar bootstrap. Esse projeto serviu de base para o meu slider e a lógica é sempre bom ir aprendendo . Obrigado, òtimo conteúdo.
Que shoow Gustavo!! Ficamos felizes em ajudar! Muito obrigado pelo feedback! 💜💜
Caramba bicho!!! Muito bom!
Obrigado por compartilhar o conhecimento.
Eu adicionei no #slider img uma margin-left: 100%, e na classe .selected um translateX(-100%), daí deu um efeito de slider bem bacana.
Abraço.
Dei o like número 1000 hahaha.
Parabéns pelo vídeo. Demais
Valeeeeu, Pedro! 💜💜
Sensacional... resumiu o code, impecável!!!
Brother, os cara daqui são de boa demais, parabéns pelo conteúdo
Você é fera, Maykão!
Ele é TOP né? 💜
Obg brtoher! Tamo junto!
Me ajudou muito esse vídeo, ótimo conteúdo!
Aula TOP, gostei muito de ter acompanhado, tudo nos conformes.
Maykão ensina muito!
Demais né? 💜 Ele faz a gente entender tudinho! 💜
@@rocketseat Verdade
Maykão, O Brabo. Camisa 10 da RocketSeat.
Valeu pelo conteúdo !
ahahahhahah Vc é fera Gabriel kkk
💜
Maykão é brabo demais! explicação sempre muito clara e dinamica, video espetacular
Muito bom, super bem explicado. To precisando quando a pessoa tocar em cada imagem, leve para um site, face ou instagram....aí salva mesmo, valeu!
Parabéns. Gostei muito. Show de didática.
Vaaleu, Ronie! Maykão é top né? 💜
Muito foda , você são incríveis
O conteúdo que estava procurando me ajudou muito obrigado
Muito bom cara! É sempre muito saber fazer as coisas sem uso de alguma biblioteca, porque às vezes nem vale a pena pra um conceito simples! Top de mais essa série!
Vaaaleu pelo feedback, Marcelo! 💜
tu é fera demais, pra mim és o melhor!! ótimo conteúdo!!
Parabéns Maykão .
Muito obrigado .
Cara, muito obrigado, estou fazendo meu primeiro freela para uma floricultura e isso tem me ajudado muito!!!
Muito bom! Parabéns mesmo mano, bem didático. Fácil de entender 👏🏻
Conteúdo incrível mano como sempre, parabéns cara !
Vaaaleu pelo feedback, Ruan! 💜Maykão arrasa né? 💜💜
Que bom que gostou Ruan ! 🥰
Muito bom! ta de parabéns, programação é incrível!! Obrigado por esses conteúdos, são show de bola..
Que feedback massa! Valeu, Misael! 💜
Amei e acabei de me inscrever no canal. S2
Hoje em dia só não aprende quem não quer.
Abraços
Big Mayk, muito bom, fera, parabéns pela didática e pela escolha do material postado! Grande abraço!
Valeu Charles!!! Obg pelo feedback
💜
Ótima didatica. Obrigada!
Esse sim é o CARA! Meus parabéns e muito obrigado por ter me ajudado hehehe
Muito simples e direto ao ponto!!! Parabéns! Fiz uma versão do seu código com click de avançar e voltar... valeu!! Mas gostaria de saber como fazer essa transição de avançar e voltar usando touch quando estiver navegando em smartphones... é possível explicar ou dar uma referência para resolver?
Mayk = melhor instrutor
Kevin = 💜
💜
Obg pelo vídeo.
Uma dica: se vc clicar com o crtl em cima do nome da folha de css ou do script, ele cria automaticamente os arquivos.
Muito obrigado Maikão!
Muito bom... valeu pelo vídeo
Vaaleu, Fernando 💜
Show de bola
Muito bom, muito bom! Obrigado por mais essa aula.
Grato pelo conhecimento transmitido.
Boaaa.. ótimo conteúdo
Mayk Brito na área. Você é top!!
Mayão é fera! 💜
Show de bola, ajudou bastante!
Mano muito obrigado por partilhar o teu conhecimento connosco (...)
Eu estava doido pra aprende isso voce leu minha mente cara, voce nota milll amo voce demais
nós temos certos poderes! hahahah 💜
@@rocketseat boa tarde Rocketseat. gostaria de colocar a imagem no meio como é que posso colocar
Monstro sagrado
Muito Bom, obrigado pela ajuda
Faaala, Fabio! 💜
Que bom que te ajudou de alguma forma! 🚀
ai muito obrigada prof :) valeu mesmo :)
Você é o cara Maykão
Maykão é incrível, né? 💜
Sem dúvidas ♥️
Muito bom 🎉
Show de bola !
Vaaleu, Jonas! 💜
Valew Maykão e Rocketseat por mais essa dica! 🚀💜
Vaaaleu, Kayo! 💜
Grande Kayo!! Tamo junto mano!!
Bastante útil Mayk. Obrigado!
Maykão arrasa né? Vaaaleu! 💜
muito bom seu conteúdo
Vaaleu, Valdinei! 💜
Muito bom!
Maykão tu e f***, seu fã
mestre, parabéns mayk.
Valeeeu, Carlos! 💜 Maykão arrasa né? 💜
@@rocketseat dms! tem meu respeito.
Muito obrigada, otima aula!
ajudou muitissimo! valeuuu
brabo demais
brabo demais, vlw
Parabéns top!!!
Vaaaleu, Caio! 💜
Muito Bacana parabéns !
Vaaaleu, Akira! 💜
Excelente vídeo meu deus
Muito top este conteúdo!
Valeeeeu, Gilson! 💜
Booa Mayk, demais !!!
Ele é fera, né? 💜
quando eu crescer quero ser igual ao mayk brito !
Todos queremos!! Mayk é demaaaais! 😍😍
Esse canal é insano!
Vaaaleu pelo feedback, Lindemberg! 💜
Pessoal, pra não precisar da classe selected quando o slide finalizar o index, basta fazer a verificação do if antes de chamar a função next.
Muito obgda. Es o maior
Há uns 6 meses atrás, eu olhava para um código desse e pensava "como pode ser possível entender isso ?!"...
Hoje, eu acho meio que simples até, não é fácil, mas também não é aquele terror que eu pensava que era antes :)
seu comentario me motivou mano
Muito bom Mayk vou fazer um projeto utilizando esse código em sua homenagem
Boooa, isso aí Matheus! 💜
Vlw maikāo, muito bom!
Vaaaaaleu, Jamilson! 💜
Caraca, tu é monstro em!
Muito bom.
Valeeeeu, Rafa! 😍
Muito bom como sempre! Parabéns. :)
Vaaleu, Carlos! 💜
Muito top Mayk!
Ele é incrível, né? 💜
coloquei no projeto as imagens de fundo pelo css, para aproveitá-las , como poderia fazer para utilizar esse mesmo código?
Top demais!!!
Mayk arrasa né? 💜💜
Top!
💜💜💜💜💜
no currentImageIndex o que o significa "Index" nesse codigo?
se eu quiser colocar dois ou três slides na mesma página como faço a modificação ai...
Topzeraaa !
💜
muito jóia o video, estou aprendendo. Queria saber como faço pra por tempo em cada banner separadamente?
Muito top!
Vaaaleu, Adri 💜
Excelente aula meu querido, só senti uma falta dos controles next e prev rsrsrs
acho que é o video com menos deslikes que eu ja vi na minha vida serio ensina bem vey ta dando aula :) like like
Gostei Bastante Cara, foi um Máximo continua assim e tou atento aí mano.. Quero saber se Posso desenvolver isso no SublimeText o JS.? É que tem uma vez, eu estive fazendo no SublimeText e não tava a funcionar.
Olá amigo, obrigado por compartilhar o conhecimento! Poderia por gentileza orientar como substituir a IMG por uma DIV? Neste caso seria possível colocar mais de uma imagem dentro do mesmo, ou até mesmo que sabe um outro objeto. Se não for possível, poderia ao menos orientar como exibir mais de uma imagem (por exemplo para ir passando de 2 em 2) ? Estendo essa questão aos demais que verem a pergunta, desde já agradeço muito! Que Deus os abençoe.
Flex-direction center?
Como faço para fazer um assim so que com um pedaço da imagem na esquerda e na direita?
mano vc e se mas.
Mas um inscrito
Valeu demais, Francis! 😍 💜
Obrigado cara!!! Show d+.
Não sei quantos vídeos de carrossel ou slideshow eu já vi e não dava certo ou não funcionava pra mim porque já tenho as imagens no html e teria que puxar pelo css ou javascript mesmo e eu não queria ter que mudar isso. Dessa maneira é bem mais simples porque posso adicionar imagens no html sem precisar mexer em mais nada no javascript.
Para fazer um carrossel (carousel) com botões e bullets ainda é nível iniciante ou complica muito?
Eu sei que preciso de button (next e prev) no html, position absolute para eles no css e adicionar o evento onclick no js. Se usar essa mesma lógica de add e remove class no onclick funciona? Como eu faço isso? kkk
Os códigos do Bootstrap e Materialize funcionam mas eu não quero usar código pronto.
Top esse video!!!
Vaaaleu, Gustavo! 💜
você sabe ensinar cara