Тёмный

Criando Slider com HTML, CSS e JavaScript 

Sujeito programador
Подписаться 62 тыс.
Просмотров 121 тыс.
50% 1

Hoje você vai aprender a criar um Slider funcional de forma simples com HTML e CSS
🏆 (NOVA TURMA) Se você quer levar a sua carreira ao próximo nível, criar aplicativos, sites do zero a projetos profissionais e sair pronto para o mercado, então não perde essa oportunidade:
✅ Nova turma Fabrica de Aplicativos (VAGAS LIMITADAS):
bit.ly/fabricadeApps
👉 Entre para nosso grupo privado no telegram:
t.me/sujeitoprogramador
👉 Siga nas redes sociais:
/ sujeitoprogramador

Опубликовано:

 

22 фев 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 280   
@jeanpietro4411
@jeanpietro4411 2 месяца назад
cara de todos que procuro esse é o jeito mais fácil, mais bonito e o mais dinâmico... Nmrl parabéns.
@jonaslima3410
@jonaslima3410 Год назад
Muito top o conteúdo! Sem enrolação, direto ao que interessa!!
@miguelback737
@miguelback737 Год назад
Brabíssmo, professor. Terminando o ensino médio técnico com chave de ouro através deste vídeo.
@IGORRALHAARAUJOGOMES
@IGORRALHAARAUJOGOMES 21 день назад
top demais, muito didático, estou no inicio de carreira na programação e estou desenvolvendo um site sozinho para uma empresa e esse video foi excelente e eficaz para incrementar no meu código. obrigado!!!
@JoaoMarcos-vp6dt
@JoaoMarcos-vp6dt Год назад
não sou de comentar em vídeos, mas esse mereceu demais, que conteúdo de qualidade, objetivo e funcional, exatamente do modo que quem está precisando de um esclarecimento quer.
@nettoaoquadrado
@nettoaoquadrado Год назад
Adorei o vídeo. Agradeço pelo o conteúdo! Continue com o trabalho. Acesso ao conhecimento de maneira gratuita e acessível é muito importante!
@roneipereira3508
@roneipereira3508 11 месяцев назад
A sua didática é muito boa , simples é objetiva ....
@mozartpelissari6144
@mozartpelissari6144 Год назад
Valeu, Professor. Didática excelente. Aprendo muito contigo.
@zeusamorim9531
@zeusamorim9531 2 года назад
Melhor tutorial do youtube, batendo de frente até com escolas grandes aí. Ficou de fuder mesmo, valeu pela força meu brother
@jeffersonbarcellos5599
@jeffersonbarcellos5599 2 года назад
Que vídeo sensacional !! Que aula, obrigado.
@Wallace_rocha
@Wallace_rocha 4 месяца назад
Muito obrigado mano.. salvou meu projeto! Oro a Deus pra que continue lhe abençoando e vc continue compartilhando seu conhecimento!
@iJulioDuarte
@iJulioDuarte 2 года назад
Você não tem noção o tanto que me ajudou, obrigado cara
@hbernardelli
@hbernardelli Год назад
Muito bem explicado!!! Gostei muito, ta de parabéns!!!! Projeto simples mas funcional!!!
@webradioasasdaliberdadejoi1386
Baita explicação! Faz mais vídeos assim, pequenos e bem interessantes de recursos que podemos aplicar num site, por exemplo. Grande abraço!
@Gabriel-kf8qh
@Gabriel-kf8qh Год назад
Cara já tava desistindo tentar fazer um slide, o único que consigi fazer, muito por causa da explicação de milhões.
@mariadapenhajosedossantosm7057
@mariadapenhajosedossantosm7057 11 месяцев назад
Amei o trabalho, gostaria sim de ver mais video assim, com esse video você me ajudou muito era tudo que eu precisava.
@adriibeatriz
@adriibeatriz 2 года назад
Parabéns, incrível ♥️
@KlosbanR
@KlosbanR Год назад
Muito obrigado por compartilhar essa aula! Me ajudou bastante aqui em um projeto! 👍
@helenamariamascarenhasmasc8020
@helenamariamascarenhasmasc8020 9 месяцев назад
Explicação muito boa, muito objetivo, deu-me uma grande ajuda no meu trabalho.
@rodrigoviana7753
@rodrigoviana7753 Год назад
Rapaz, muito obrigado.... excelente explicação, esta de parabéns
@daniellycosta2660
@daniellycosta2660 Год назад
Sensacional!! Ajudou demais a fazer os slides do Banner do projeto de um e-commerce
@alexmacol228
@alexmacol228 2 месяца назад
Excelente! Vi vários videos a respeito inclusive gringos mas esse sem dúvida foi o mais direto ao ponto!!!!
@elisalopes1630
@elisalopes1630 2 года назад
Parabéns, o melhor que eu ja vi
@jonatangois
@jonatangois 10 месяцев назад
Bom demais! Claro e objetivo!!!
@henriqueanunciosonline
@henriqueanunciosonline 21 день назад
Tutorial muito bom, explica muito bem, da detalhes. Vale muito a pena assistir.
@ShandelVMerlo
@ShandelVMerlo Месяц назад
Esse cara é incrível, já aprendi bastante coisa e vou poder aplicar em meus próximos projetos
@Natsu3636
@Natsu3636 2 года назад
Que didática sensacional!
@Moisespereira-zk2ss
@Moisespereira-zk2ss Год назад
cara muito bom o teu projeto. Eu comecei a fazer faculdade agora nessa área e é bem complexo pra quem nunca tinha visto, como eu no caso, não é fácil é muito complicado pra quem esta aprendendo pela primeira vez, eu admito, exige-se um desempenho muito alto mesmo, mais com esforço a gente vai desenrolando aos poucos. Espero que vc possa continuar dando uma força com teus conteúdos, ajudando mais ai criando projetos novos e variados. Muito obrigado pela aula me ajudou muito a entender um pouco sobre esses assuntos. Vamos fortalece o teu grupo e se escrever.
@fey251
@fey251 10 месяцев назад
Voce explica muito bem. Vi muitos videos sobre o assunto antes de achar o seu, nao consegui acompanhar nenhum 😂. Gostei de como voce explica o porque de cada coisa. Muito bom o video!
@TechEvy
@TechEvy 11 месяцев назад
Mágico, lindo, perfeito, eficaz, santo, amovc
@patriciasantana1717
@patriciasantana1717 2 года назад
Muito objetivo, adorei!
@GutierrezMedeiros
@GutierrezMedeiros 4 месяца назад
Muito bom cara!!! Rapaz qu coisa linda.Eu sou músico e estou aprendendo algumas coisas dessa área, tenho alguns projetos feitos.Obrigado.
@f.borges4184
@f.borges4184 Год назад
Muito top o vídeo, parabéns 👏🏻👏🏻👏🏻👏🏻
@jaednilsonvieira214
@jaednilsonvieira214 2 года назад
muito obrigado!!! me ajudou muito no meu estudo de js!!!
@user-rp4fy6gs9u
@user-rp4fy6gs9u 3 месяца назад
me ajudou muito em um projeto meu que precisava de um slide, você é brabo!
@renanandrade6844
@renanandrade6844 Год назад
Show de bola, ajudou demais
@wernensilvaveiga
@wernensilvaveiga 2 года назад
Valeu, cara! Ganhou mais um inscrito. Me ajudou bastante aqui!
@sergiomartes5605
@sergiomartes5605 3 месяца назад
Show demais, grato pela aula!!!
@revengeisawasteoftime5006
@revengeisawasteoftime5006 2 года назад
muito bom o vídeo, grato por compartilhar.
@icarovitor8285
@icarovitor8285 Год назад
Objetivo, Simples e funcional. mt bom mesmo!!
@Eduardojoao-eb7yr
@Eduardojoao-eb7yr 11 месяцев назад
gostei muito do conteúdo fiz o css todo utilizando o Sass e ficou sensacional.
@lucca7072
@lucca7072 3 месяца назад
que vídeo incrível!!! meus parabens, irmao! me ajudou demais a fazer alguns projetos mais elaborados no front. abraços
@luanribeiro8126
@luanribeiro8126 Год назад
Muito obrigado pelo conhecimento! 😁😁
@xacrinhaoniel8966
@xacrinhaoniel8966 27 дней назад
Só comentando para agradecer, não havia entendido nada do que meu professor explicou kkk agora tudo está mais claro
@luizaugusto_br153
@luizaugusto_br153 Год назад
Excelente video! Obrigado mano!
@hamiltoncesarprestesdasilv7659
@hamiltoncesarprestesdasilv7659 2 года назад
Sou novo nesse mundo, aprendi html intermediario e css tbm agora estou no js.script... vou começar hoje esse projeto com vc. mais gostaria primeiro de parabenizar vc pelo esforço e dedicação em ajudar iniciantes como eu nessa jornada. muito obrigado mesmo. seus videos tem me ajudado muito.
@bellkkkk
@bellkkkk Месяц назад
eai hamilton, conseguiu virar dev?
@joaopauloandrade4093
@joaopauloandrade4093 Год назад
Gostei mano estou aprendendo html css js vou seguir pra aprender mais
@luismendes1234
@luismendes1234 2 месяца назад
Excelente vídeo, parabéns pelo conteúdo e obrigado por compartilhar! Sucesso ao canal!
@ProgramacaoWeb-be6lt
@ProgramacaoWeb-be6lt 3 месяца назад
show de bola muito grato!!
@generalkuze6893
@generalkuze6893 6 месяцев назад
Vídeo muito bom, continue assim!
@proprogramador463
@proprogramador463 Год назад
MUITOOOO BOM, OBG PROF.
@eriklegramante3032
@eriklegramante3032 Год назад
Video muito didadico para entender o conteúdo, está de parabéns boy +1sub
@pn_dev.
@pn_dev. Год назад
Sensacional👏👏👏
@vicent4686
@vicent4686 2 месяца назад
Obrigado cara, você me ajudou muito no meu projeto da faculdade
@hendrioevandro6578
@hendrioevandro6578 10 месяцев назад
Mano, muito bom! Me ajudou muito a entender!
@danielfabricio4568
@danielfabricio4568 8 месяцев назад
Mano, muito bom o vídeo. Me ajudou muito no meu TCC
@marcosfonseca5247
@marcosfonseca5247 2 года назад
Sou novo nesse mundo DEV, aprendendo HTML e CSS ... Gostaria de parabenizá-lo pela dedicação em repassar seus conhecimentos tão precioso pra ajudar iniciantes assim como eu. Valeu amigo, seus videos tem me ajudado bastante.
@Sujeitoprogramador
@Sujeitoprogramador 2 года назад
Fico feliz demais em saber que está ajudando e evoluindo , tamo junto 🔥🔥
@vitorluisjesusdossantos6633
@vitorluisjesusdossantos6633 7 месяцев назад
Tu é muito bom! Obrigado!
@vitoraguiar2394
@vitoraguiar2394 2 года назад
vc salvou vidas, parabens
@rianneris368
@rianneris368 Год назад
Me ajudou muito !!! Obrigado mesmo
@carlosdiegosilva9008
@carlosdiegosilva9008 Год назад
Caracas. Esse deve ser o nível de um "Sênior" kkkkk. Muito bom, cara. Vc é demais.
@kmizzx
@kmizzx Месяц назад
cara, valeu, cê é fera!
@gsette
@gsette Год назад
Me ajudou muito. Obrigado
@prodluffy
@prodluffy Год назад
muito obrigado pelo vídeo, me ajudou muito!!
@duartgrafica
@duartgrafica Год назад
Show mano, muito bom mesmo.
@marlonxavierdesign
@marlonxavierdesign Год назад
Fantástico esse tutorial!!!
@santiigas
@santiigas 9 месяцев назад
Você é 10. Muito obrigado
@adrielfilipedesign6894
@adrielfilipedesign6894 9 месяцев назад
Obrigado, ajudou demais, ja me inscrevi e dei like.
@ryzv3240
@ryzv3240 11 месяцев назад
Amei, muito bem explicado! O meu não ficou a transição da primeira imagem para a segunda, mas o restante pegou a transição.
@welissonklayton
@welissonklayton Год назад
muito show mano!!! parabéns!! vlws___SUCESSO
@diogocamilo1981
@diogocamilo1981 Год назад
Obrigado pela ajuda!
@vinicussilvasouza7956
@vinicussilvasouza7956 Год назад
Me ajudou muito, obrigado😁👏👏
@sil6943
@sil6943 5 месяцев назад
PERFEITO!
@gaiomaso
@gaiomaso Год назад
Top demais!!!! ajudou muito
@ivambergsilva591
@ivambergsilva591 2 года назад
Caramba, muito show! Trabalho incrível, parabéns!
@Sujeitoprogramador
@Sujeitoprogramador 2 года назад
Tamo juntoo 🤟👊
@rodrigolopeslima1243
@rodrigolopeslima1243 Год назад
top mano . conteúdo maravilhoso
@Nyck3
@Nyck3 Год назад
valeu mano, muito bom!
@user-yd5xf7lx9b
@user-yd5xf7lx9b 4 месяца назад
otimo video muito obrigado por toda sua dedicação
@juniiiior1988
@juniiiior1988 10 месяцев назад
excelente vídeo!! parabéns
@wisleycosta4967
@wisleycosta4967 Месяц назад
Ganhou mais um seguidor, muito obrigado pela leveza ao ensinar. Tem algum vídeo sobre como fazer isso aplicado no Django, ou seja, permitir que as imagens sejam carregadas pelo o BackOffice?
@ak4mee432
@ak4mee432 Год назад
Cara, tô a 3 dias pesquisando pra conseguir fazer esses slides, krl e tu me ajudou pra krl Man, obrigado viu!! Tô estudando pra ser programador front end, é complicado mas n vou desistir, Tmj! Já vou dar aql like pra fortalecer e me inscrever !
@KelvenWyllames
@KelvenWyllames Год назад
virou front?
@ak4mee432
@ak4mee432 Год назад
@@KelvenWyllames ainda não irmão, ta tenso conseguir vaga e também continuar focado, mas jajá consigo hehe
@KelvenWyllames
@KelvenWyllames Год назад
@@ak4mee432 fé em Deus que você vai conseguir, irmão!
@Zeromaiall
@Zeromaiall 7 месяцев назад
eai conseguiu man??
@lucasfreitas5941
@lucasfreitas5941 5 месяцев назад
Conseguiu ?
@MarceloSantos-zb9yi
@MarceloSantos-zb9yi Год назад
Obrigado por me ajudar!
@quentipereira9760
@quentipereira9760 8 месяцев назад
Muchas gracias!! Me sirvió de mucho, saludos desde Uruguay!
@vladimirvalentim3119
@vladimirvalentim3119 2 месяца назад
Cara incrível da pra fazer ate sem o java script se nao quiser que mexe INCRÍVEL
@willyanbraga1619
@willyanbraga1619 2 года назад
Vc explica muito bem, valeu. Esse modelo de slider funciona bem se for colocado de maneira responsiva?
@brunosilvateixeira6398
@brunosilvateixeira6398 17 дней назад
Tooop parabéns me ensinou algo q eu apanhava muito kkk
@lilnynj4971
@lilnynj4971 Год назад
Muito bom brother
@ViniciusPereira-qw7id
@ViniciusPereira-qw7id 10 месяцев назад
Eu assisti uns 5 tutoriais diferentes e o seu foi o único que funcionou, além de ter o diferencial do JavaScript, ficou sensacional, agora vou tentar estilizar.
@PauloHenrique-qi3xr
@PauloHenrique-qi3xr 10 месяцев назад
conseguiu estilizar? tenho complicações com alterações de como mudar o lugar e a dimensão dele e n sei se esse da pra fazer isso
@emersonturimcarvalho
@emersonturimcarvalho Год назад
muito bom...👍🏻👍🏻👍🏻
@thiagoprogames6499
@thiagoprogames6499 7 месяцев назад
fiz javascript de outra forma mais quase igual, não conseguir nesse kkkk que aula top... let currentSlide = 1; // Iniciar o slider startSlider(); // Função para iniciar o slider function startSlider() { setInterval(function () { nextSlide(); }, 2000); // Altere o valor 2000 para ajustar o intervalo em milissegundos (3 segundos neste caso) } // Função para ir para a próxima imagem function nextSlide() { currentSlide++; if (currentSlide > 4) { currentSlide = 1; } showSlide(currentSlide); } // Função para exibir uma imagem específica function showSlide(index) { // Desmarcar todas as rádio-buttons for (let i = 1; i
@kemuri-8067
@kemuri-8067 5 месяцев назад
MUITOOO FODAAAAA! Porem não conseguir da .checked = true no radio1, então coloquei o count como 0, infelizmente uma grande gabiarra pq acaba dando delay no slide1. Pelo menos e so na primeira vez que carrega a page... Muito Obrigado, bem melhor que muito conteudo pago por ai!!!
@jaopedro8281
@jaopedro8281 Год назад
Me ajudou muito obrigado
@naryaramelo495
@naryaramelo495 Месяц назад
o melhor metodo, sem duvidas, só não estou conseguindo deixar responsivo
@eduardosprangoski7230
@eduardosprangoski7230 9 месяцев назад
Top demais
@rafaellang9
@rafaellang9 Год назад
Muito top mano, obrigado pelo video Usei ele como base, e adicionei uma funcionalidade a mais para parar os slides com o mouse show demais
@machimelo3310
@machimelo3310 7 месяцев назад
Uma coisa que adicionei foi o "border-radius: 0.5rem;" dentro da class "slider" ele deixa a imagem nas bordas boleanas, fica mais legal acredito
@merola03
@merola03 Месяц назад
Muito bom!!! Será que rolaria uma parte 2 com uma transição com uma transição do último slide para o 1º sem rolar pelos demais e 2 botões de passar slides laterais?
@congregacaoguerem5826
@congregacaoguerem5826 Год назад
10:49 >> Quando eu coloco -40px ele fica 40px acima da imagem. Quando coloco 0px ele fica dentro da imagem, centralizado na horizontal e colado na borda superior.
@fabioschomaker92
@fabioschomaker92 11 месяцев назад
Show de bola eu fiz com 6 imagens ,agora vou tentar deixar responsivo para fazer uns testes kkkkkk
@flamengosrn6874
@flamengosrn6874 Год назад
Comprei seu curso na udemy em me arrependo, explica mt bem cada tags e detalhes
Далее
Como criar um SLIDE CARROSSEL com HTML, CSS e JS
38:29
Como fazer um SLIDESHOW com HTML e CSS | Higor Feijó
38:18
Criando projeto completo com HTML, CSS e JavaScript
36:51
Criando um SLIDER com HTML e CSS
41:12
Просмотров 3,7 тыс.