Тёмный

Como criar um SLIDER DE IMAGENS - Com HTML - CSS e JAVASCRIPT! 

Crislaine D'Paula
Подписаться 6 тыс.
Просмотров 12 тыс.
50% 1

NOVO CURSO: clpaula3007.hotmart.host/pagi...
Opa galera, tudo certo?
Neste vídeo, desenvolvemos juntos o projeto de Slider de Imagens com o com HTML, CSS e JavaScript. Projeto básico para iniciantes feito passo a passo para facilitar o aprendizado.
E-mail para contato: clpaula3007@gmail.com
Repositório no GitHub:
github.com/CrislaineLuana/Sli...
Aprendendo a programar juntos!!

Наука

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

 

25 окт 2021

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 58   
@CrisTech20
@CrisTech20 6 месяцев назад
Você está com dificuldades em implementar conceitos em seus projetos .NET? Saiba que realizo vídeos personalizados onde abordo suas dúvidas e crio projetos específicos para atender às suas necessidades. Basta me informar qual funcionalidade você deseja, e eu irei desenvolver o projeto, gravando um vídeo passo a passo para explicar cada detalhe. Ao final, você receberá não apenas o código-fonte, mas também um vídeo personalizado, proporcionando uma compreensão profunda da implementação. Se interessou? Entre em contato via e-mail para obter mais informações: clpaula3007@gmail.com.
@pedrolando1295
@pedrolando1295 2 года назад
Mds vc não tem ideia de como me ajudou... Comecei a estudar programação a alguns meses, me identifiquei muito mas acabei entrando na faculdade achando que iria aprender algo kkkk, de cara me jogaram um projeto pra desenvolver um site até o fim do semestre e até consegui fazer algo legalzinho usando HTML, CSS E Boostrap, fiz um carousel usando Boostrap mas não estava funcionando e consegui arrumar vendo seu vídeo. O melhor de tudo, como estou estudando lógica e javascript por conta própria e percebi que algumas coisas são até mais fáceis de fazer com js e perdi o receio de usar ele nos meus projeto (até então só usava HTML e CSS pra treinar e me sentia desmotivado achando que não tava pronto pra usar alguma linguagem). Serio msm, desculpa o textão, mas vc tirou um peso enorme da minhas costas kkkkkkk vlwwwwww
@CrisTech20
@CrisTech20 2 года назад
Oii, tudo bem? Fico muito feliz em saber que pude ajudar de alguma forma nesse seu processo. Iniciei esse ano a faculdade de engenharia de software e posso dizer que nada melhor para realmente aprender a programar do que ver vídeos de projetos e cursos a parte, a faculdade vai passar as coisas mais por cima para que você tenha uma ideia de como tudo funciona mas se aprofundar nos assuntos é fundamental. Agradeço pelo seu feedback, e te desejo sorte nos estudos. :)
@marianamariz3355
@marianamariz3355 Год назад
Olha, eu assisti um vídeo de um outro canal antes de achar o teu e eu não tinha entendido NADA sobre a criação de um slider e você em poucos minutos explicou TÃO BEM que eu nem sei como te agradecer. Valeu super a pena assistir cada segundo do seu conteúdo. Obrigada por explicar de forma simples e direta. Estou muito feliz por isso, me ajudou bastante. Serei mais uma seguidora, sem dúvidas!
@joaocalp
@joaocalp 2 года назад
Olha, eu estava penando pra conseguir inserir um desses numa de uma página que estava criando. Sou iniciante na programação, cursando ADS e criando um portifólio. Com suas explicações consegui fazer algumas adaptações para o meu caso e plim! funcionou hahaha. Obrigado mesmo. Ganhou mais um inscrito. Obrigado msm!!!
@gleybsoncampossantos7262
@gleybsoncampossantos7262 Месяц назад
Moça top o seu vídeo bem explicado amei
@esparrafado443
@esparrafado443 2 месяца назад
Deusa da programação
@gleyciannemaria4773
@gleyciannemaria4773 7 месяцев назад
Primeiramente, quero agradecer muuuito mesmo pelo ÓTIMO vídeo. Eu comecei a praticar agora e sempre via videos de tutoriais e fazia junto, meio que uma espécie de copia e cola, mas sempre quando finalizava algo assim, no outro dia eu já havia esquecido completamente do conteúdo. E com o seu vídeo, pelo menos esse em questão que é o primeiro que vi e logo irei maratonar os outros, eu acompanhei cada tag, mas durante o vídeo eu consegui absorver tantas coisas que eu n sabia antes graças a sua explicação. Obrigada por me ajudar a aprender algo que desejava há muito tempo, espero que seu canal cresça ainda mais, porque ainda tem muitas pessoas como eu que precisa conhecê-lo. Sucesso pra você!!!
@joaobosco2136
@joaobosco2136 6 месяцев назад
Parabéns e obrigado por compartilhar um pouco do seu conhecimento.
@leoaarruda
@leoaarruda 2 года назад
Eu fiz o alinhamento de tudo com display flex dentro do body body { margin: 0; padding: 0; box-sizing: border-box; width: 100vw; height: 100vh; background: linear-gradient(72deg, #1a397b 35%, #a0afe2, #597df1 99%); display: flex; justify-content: center; align-items: center; }
@cassiosantos6866
@cassiosantos6866 7 месяцев назад
sensacional..
@daisyratto6647
@daisyratto6647 4 месяца назад
Adorei a sua explicação! Entendi passo a passo perfeitamente! Muito obrigada, tirou todas as minhas dúvidas!! S2 Melhor do que MUITA videoaula de cursos pagos que já fiz.
@mac1828
@mac1828 2 года назад
Show menina . Muito bom. Adorei !!!
@rogeriosantana-kx1co
@rogeriosantana-kx1co Год назад
Simples e fácil. Já coloquei em prátia, parabéns Cris Tech
@caiocordeiro9014
@caiocordeiro9014 2 года назад
VocÊ está me ajudando muito!! estou muito querendo ir para front end e voce está sendo top
@tzfurygames
@tzfurygames 3 месяца назад
Valeu irmão
@sayken4285
@sayken4285 2 года назад
Muito bom, estou estudando JS e vi que nem era tao complicado como eu imaginei, muito interessante. Obg pelo video Cris!
@liassoare8463
@liassoare8463 Год назад
Me salvou real tentei de várias formas e só consegui entender pelo seu vídeo sua explicação é boa demais
@ReinaldoSantos-te3ve
@ReinaldoSantos-te3ve Год назад
Muito Obrigado por passar esse conhecimento pra gente de forma tão simples e didatica
@johnhelderaraujo5375
@johnhelderaraujo5375 Год назад
Parabéns Cris pelo projeto e Didática, gostei muito
@Izaacxavier
@Izaacxavier Год назад
Aprendi bastante contigo. Obrigado!
@thiagocutrim5892
@thiagocutrim5892 Год назад
video muito bem explicado. muito agradecido
@BrunoRamos-hc3zs
@BrunoRamos-hc3zs Год назад
Parabéns pelo conteúdo ! obrigado
@lindomarsouza7807
@lindomarsouza7807 Год назад
muito obrigado, ajudou bastante no meu projeto
@ivobrayancamargo4941
@ivobrayancamargo4941 9 месяцев назад
Otimo conteudo .muito boa sua didatica 😊
@abelsilva9125
@abelsilva9125 2 года назад
Boa Noite CRIS Tech, vejo só, Eu sou fã de programação e a muitos anos venho acompanhado vários vídeos. Mas o que mais me impressionou é a sua didática de ensino você é uma professora nata, meu parabéns muito bom sua explicação.
@CrisTech20
@CrisTech20 2 года назад
Fico extremamente feliz em ler seu feedback :)
@Andrefm01
@Andrefm01 8 месяцев назад
muito bom
@talita272614
@talita272614 Год назад
Muito Obrigada, ajudou muito
@jorgegeraldes
@jorgegeraldes Год назад
Obrigado.
@awaxdem2013
@awaxdem2013 2 года назад
Muito bom!
@kevinrodrigues8809
@kevinrodrigues8809 2 года назад
Me salvou de mais, Valeu
@pedrocfreitas
@pedrocfreitas 2 месяца назад
mas poderia no lugar de 500%, colocar nas divs filhas um flex-shirink de 0, e depois utilizar o margin left negativo da largura em px do conteiner? é só mais uma forma ? ou daria errado, tem q ser assim mesmo?
@FernandoSilva-dc2lp
@FernandoSilva-dc2lp 2 года назад
Legal Cris ! Faz um formulário de contato ! Obrigado.
@ChellyNamaste
@ChellyNamaste 2 года назад
Parabéns Cris, acompanhando todos os teus vídeos, ótima didática, amei !! 😀
@chvc
@chvc 9 месяцев назад
Uma pergunta: não daria pra deixar o imput e estilizar ele, sem precisar criar label e dar display: none no imput?
@diogosilva7869
@diogosilva7869 Год назад
muito topppppp, tem instagram Cris ?
@drnegocios345
@drnegocios345 Год назад
Cris, pode me ajudar? O meu carrocel está indo até o ultimo slide e não está retornando ao primeiro, o que pode ser? Já verifiquei, e até agora não consegui identificar o erro.
@jorgegeraldes
@jorgegeraldes Год назад
@user-di6oi4cl5g
@user-di6oi4cl5g 10 месяцев назад
Ola Cris não consegui linkar os style.css então nada mudou com o código nessa parte
@agloriadasegundacasa8361
@agloriadasegundacasa8361 Год назад
Boa tarde Cris, tudo bem? Fiz um projeto muito parecido com o teu, porém, quero acrescentar um texto na parte inferior do slide, mas não estou conseguindo, sabe me dizer o porquê disso?
@RochaSouza2013
@RochaSouza2013 Год назад
No caso de 50 fotos , não seria muito input?
@reginaldosouza8920
@reginaldosouza8920 2 года назад
cris, boa tarde td bem, o meu slides não deu certo, eu fiz com imas imgens de um projeto que tenho que entregar. você pode me ajudar, por favor.
@brunoalves1229
@brunoalves1229 Год назад
Oi Cris, me ajuda! Quando não tiver uma imagem, como faço pra pular pra proxima?
@ChellyNamaste
@ChellyNamaste 2 года назад
Cris, gostaria de mais vídeos de Javascript :)
@CrisTech20
@CrisTech20 2 года назад
postei um novo video criando um dicionario com js. Espero que goste :)
@lucasdiegocandido
@lucasdiegocandido 4 месяца назад
Crislaine não tô conseguindo fazer com que ele volte para foto anterior como no vídeo....sem o javascript..para frente vai,mais não consigo voltar as fotos clicando nas caixinhas..pode me ajudar?? E com o javascript ele roda tbm,mais não retorna para a primeira foto pq meus inputs permaneceram ticados...
@control8415
@control8415 4 месяца назад
troca o nome do contador
@CLEISON304
@CLEISON304 2 года назад
Ai tavendo vc apertou esclamação e o html apareceu essas desgraça aqui nao esta fazendo isso no meu vscode
@sayken4285
@sayken4285 2 года назад
digita html:5 e da enter, a mesma opção aparece
@programador0124
@programador0124 2 года назад
ola cris estou com um projeto do curso para criar um slider igual ao seu porem segui passo a passo mais nao funcionou , voce poderia me ajudar a ver o porque nao funcionou ficaria muito grato
@jgs-techandgamer3277
@jgs-techandgamer3277 Год назад
Amigo tambem estou inciando na programaçao. Ao fazer este tutorial o meu input nao tirava a seleçao das imagens nem a pau, ai percebi que o vscode nomeou errado um dos atributos do input, ele maca como NOME mas o correto e NAME. com o atributo errado as imagens nao mudavam, pois a mesma nao conseguia desfazer a seleçao. Espero ter Ajudado. 🧐
@CLEISON304
@CLEISON304 2 года назад
Eu vou formatar esse demonio desse computador
@akuma.163
@akuma.163 11 месяцев назад
Pohã, depois dizem que HTML não é programação, pra mim é é sempre vai ser....
@powersamurai686
@powersamurai686 10 месяцев назад
não é linguagem de programação
@chvc
@chvc 9 месяцев назад
não é linguagem de programação, é de marcação, como o próprio nome sugere. Quando você aprender lógica de programação e aplicar numa linguagem você entenderá.
@akuma.163
@akuma.163 8 месяцев назад
@@chvc parece o Sheldon dizendo que Geologia não é Ciência.
Далее
РУБИН - ЗЕНИТ: ВСЕ ГОЛЫ
01:03
Просмотров 202 тыс.
Carrossel com desfoque no Elementor + CSS
12:51
Просмотров 22 тыс.
Curso Angular 17+ | Estrutura do projeto | Aula 01
34:07
Como fazer menu dropdown (abrir com CLIQUE)
27:52
Просмотров 31 тыс.
Menu Mobile - HTML, CSS e JavaScript
33:13
Просмотров 178 тыс.
Criando Slider com HTML, CSS e JavaScript
25:46
Просмотров 123 тыс.
10 МИНУСОВ IPHONE 15
18:03
Просмотров 41 тыс.