Projeto SLIDER com CSS, HTML e JavaScript

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 93

  • @canaldevclub
    @canaldevclub  3 месяца назад

    Vou te ajudar com Programação: go.rodolfomori.com.br/aprendacomigo

  • @rzkfps1
    @rzkfps1 4 месяца назад +6

    Vambora Rodolfão!! Mais um projeto de qualidade é muito didático, já faço parte do DevClub, e indico muito!!

    • @canaldevclub
      @canaldevclub  4 месяца назад +1

      Sensacional, vamos pra cima irmão!

  • @paularode7140
    @paularode7140 17 дней назад +1

    Merece muitos 👍👍👍👍!! Muito obrigada pela dedicação! Didática nota 1000 ❤❤

  • @cesaraugusto8085
    @cesaraugusto8085 3 месяца назад +1

    Não entendi a função ali. Só o list.appendChild(listItems[0]) já troca o elemento de lugar na nodelist?

    • @canaldevclub
      @canaldevclub  3 месяца назад

      Ele puxa pro começo da lista

  • @EvilEmperorBR
    @EvilEmperorBR Месяц назад +1

    T.T fiz ultilizando minhas imagens e mesmo usando como base seu e pedindo ajuda ao chat GPT não consegui executar oque foi mostrado no video... não sei se faltou logica ou algo a mais...

  • @ericasousa3147
    @ericasousa3147 4 месяца назад +3

    Já procurei várias pessoas que pudessem ensinar projetos e linguagem de programação para quem está começando como o maravilhoso Gustavo Guanabara, mas a sua forma didática de ensino e incrível! Estou criando meu primeiro portifólio e com voce aprendi tudo. Parabéns!

    • @canaldevclub
      @canaldevclub  3 месяца назад +2

      Opa, to aqui pra isso! Fico feliz em ajudar!

  • @luizpaes8550
    @luizpaes8550 4 месяца назад +3

    Sou aluno Devclub!! Aula assistida!! Didática do Rodolfo e top demais. Gostei da ideia de fazer um vídeo sobre seu setup man, se puder fazer vai ser bem legal.

  • @fernando1233789
    @fernando1233789 Месяц назад

    Aqui no meu na parte de javascript não reconheceu o botão next e nem back, logo no começo da parte de javascript

  • @tcxluiseta
    @tcxluiseta 2 месяца назад +2

    faz um video mostrando seu setup kk

  • @wocwoc
    @wocwoc Месяц назад +1

    Tem como ensinar os scripts segurança no site

  • @rafaellima9226
    @rafaellima9226 3 месяца назад +1

    Hidden: ríden

  • @brunorebonato4298
    @brunorebonato4298 2 месяца назад +1

    Suas aulas são maravilhosas, mais acho que ficaria melhor ainda se vc colocar o código de um lado e no outro a página que está sendo modificada. E mais fácil pra aprender e ve com detalhes o erros que estamos codando

  • @nerdiria
    @nerdiria 4 месяца назад +3

    salvei aqui para fazer depois esse projeto.. já estou ansioso

    • @canaldevclub
      @canaldevclub  4 месяца назад

      Opa, vai gostar! Ta top o projeti!

  • @andrealezyoliveira8910
    @andrealezyoliveira8910 4 месяца назад +1

    eu devo ter deixado alguma coisa passar, o meu os items recolhem porem ficam no lado direito da tela, já inverti os lados mas continua

  • @cucudabreno
    @cucudabreno 4 месяца назад +2

    vamo pra cima Rodolfo!! já sou aluno do DevClub, já vi diversas aulas e aprendi muito, não me arrependo, tmj!

  • @Adestudos
    @Adestudos Месяц назад +1

  • @GabrielaRamalho-ph9qd
    @GabrielaRamalho-ph9qd 4 месяца назад +2

    Parabéns, conteúdo excelente!!

  • @vizaoseas
    @vizaoseas 3 месяца назад +2

    Sou DevClub e é muito TOP estudar com o Rodolfo. Vamos pra cima porque foguete não dá ré!!!

  • @josecandidobarcelosjunior3804
    @josecandidobarcelosjunior3804 4 месяца назад +2

    Seus vídeos são de excelente conteúdo, além de deixar os materiais para baixar na descrição do vídeo. Foi a melhor coisa que fiz me inscrever no canal.

  • @thallesjose2288
    @thallesjose2288 3 месяца назад +1

    Excelente projeto, muito bom mesmo, e a explicação do Rodolfo sempre impecável, parabéns. Só acrescentei um overflow: Hidden no body, pq a minha página por algum motivo estava escrolando para os lados e para baixo.

  • @alissonclaro688
    @alissonclaro688 4 месяца назад +1

    so para ressaltar :P
    "Quem tem boca Vaia Roma RODOLFOOOOOOO!!!!!!!"
    Otima Aula nota 1000

  • @marcosv368
    @marcosv368 4 месяца назад +2

    Só tenho agradecer, muito conhecimento obtido desde que conheci o Devclub. 🙏🏽

  • @thiagopinheiro9161
    @thiagopinheiro9161 4 месяца назад +2

    top demais guerreiro, obrigado pela ajuda, parabéns.

  • @josiemeneses8522
    @josiemeneses8522 4 месяца назад +1

    fantastico!! um projeto muito legal, mas com muitos detalhes.. onde podemos conferir os codigos? html, css e javascript? na plataforma do devclub?

    • @josiemeneses8522
      @josiemeneses8522 4 месяца назад +2

      Eita, estava em um nível acima do meu! Mas com dedicação, assisti a aula 5 vezes e fui corrigindo todo código e consegui .. muito legal!!

  • @leoamaru85
    @leoamaru85 Месяц назад +1

    É responsivo?

    • @canaldevclub
      @canaldevclub  Месяц назад

      Não deixei responsivo nesse vídeo!

  • @giovannabruno8344
    @giovannabruno8344 Месяц назад +1

    alguém sabe por que ele não utiliza o repositório ?

    • @giovannabruno8344
      @giovannabruno8344 Месяц назад

      sou nova, é uma curiosidade, não crítica

    • @canaldevclub
      @canaldevclub  Месяц назад

      Pra aprender programação gio, tem que quebrar a cabeça, digitar e digitar. Vai dar erro, vc caça, arruma e vai...Se eu deixo o código, naturalmente, vocês vão pegar o código pronto. Ai o aprendizado é mais lento!

    • @canaldevclub
      @canaldevclub  Месяц назад +1

      Faça isso por amor a vocês

    • @giovannabruno8344
      @giovannabruno8344 Месяц назад

      @@canaldevclub AAAh justo, eu gosto de fazer junto, mas as vezes por algum motivo ele da erro, inclusive o meu deu erro na parte do java, na parte do botão de next e back, ele não reconhece quando eu aperto estou tentando descobrir o por que kjkjkjkj mas vou conseguir

    • @giovannabruno8344
      @giovannabruno8344 Месяц назад

      @@canaldevclub estou assistindo bastante os seus vídeos, obrigada por isso

  • @GrupoRioTI
    @GrupoRioTI 2 месяца назад

    O meu deu o probleminha.if (type === "next") { list.appendChild(listItems[0]); thumb.appendChild(thumbItem[0]); no meu quando esses dois comandos estão ativos só o list funciona, se eu comentar o list o thumb funciona normal. alguém poderia me ajudar?

    • @canaldevclub
      @canaldevclub  Месяц назад

      Me chama no insta que eu te ajudo!

    • @GrupoRioTI
      @GrupoRioTI Месяц назад

      @@canaldevclub Muito obrigado eu consegui resolver este problema, agora estou com problema dos efeitos de transição das imagens só estão funcionando no VSCode. Nem local, sem VSCode ou no GitHub não funciona.

  • @Douglasramos35
    @Douglasramos35 4 месяца назад +1

    só eu que quando dou next as thumbs e os botões somem ????? kkkk socorro

    • @PedroLucas-wr7qp
      @PedroLucas-wr7qp 4 месяца назад +1

      Aconteceu comigo mas deve ter alguém erro no código, depois que eu consertei funcionou ksksksksksk, não sei como ,mas funcionou

    • @felipedoamaral1205
      @felipedoamaral1205 4 месяца назад +1

      Mas como o meu não está indo somem os botões e as thumbs

  • @josefranciscomoreiraneto4551
    @josefranciscomoreiraneto4551 4 месяца назад +1

    Massa heim Mestre Rodolfo... estamos aqui aprendendo tbm... mais 1% de conhecimento adquirido.. 👍

  • @beatrizpereiracampos212
    @beatrizpereiracampos212 4 месяца назад +3

    E essa vinheta do inicio ? ameeeeeeeeeeeei

  • @djonataborba2939
    @djonataborba2939 4 месяца назад +1

    massa rodolfo, aplicação ficou simplesmente incrível, aprendi muito muito, valeu pelo seus ensinamentos

  • @euVicodes
    @euVicodes 3 месяца назад

    posso adicionar videos? quero fazer um carrosel de videos

    • @canaldevclub
      @canaldevclub  2 месяца назад

      Pode sim! No lugar das imagens

  • @camilla2010ist
    @camilla2010ist 4 месяца назад +1

    Já fiz o deploy do meu 😊

  • @leandrosilvabr2222
    @leandrosilvabr2222 4 месяца назад +1

    Top

  • @heitordesenhos4525
    @heitordesenhos4525 2 месяца назад +2

    Esse cara nasceu para ensinar.

  • @JanaTannus
    @JanaTannus 4 месяца назад +1

    Ô cabra bom!

  • @renator.r7631
    @renator.r7631 4 месяца назад +1

    Tem como programar pelo celular.se tiver qual o app???

    • @canaldevclub
      @canaldevclub  4 месяца назад

      Tem sim, play.google.com/store/apps/details?id=dev.environment.VScode_PaidR1&hl=pt_BR&gl=ES

  • @zenaldo-zv8vr
    @zenaldo-zv8vr 4 месяца назад +1

    topizeira

  • @thiagosoares5052
    @thiagosoares5052 4 месяца назад +1

    Cara você e sensacional, sempre trazendo coisas novas

  • @remansooliveira6442
    @remansooliveira6442 4 месяца назад +1

    EXCELENTE!

  • @heliobispo8069
    @heliobispo8069 4 месяца назад +1

    top d+ parabens pela didatica!!!!!!!!

  • @decaastro96
    @decaastro96 4 месяца назад

    Subiu um nivel absurdo de js, e eu achando que meu js tava bom, cheio de add e removendo um monte de classes😂😂, pra descobrir que vc acabe de me ensinar mais um aulão com appendChild, parabens professor. Vc é féra🤲🤲

    • @canaldevclub
      @canaldevclub  4 месяца назад

      HAHHA vamos pra cima..Bora subir o nível!

  • @mauricioreguete466
    @mauricioreguete466 4 месяца назад

    Quando clico no botão next some as imagens, o botão back funciona normal trocando as imagens, alguém me ajuda?

    • @canaldevclub
      @canaldevclub  4 месяца назад +1

      Da uma conferida no código, qualquer coisa me chama no insta

  • @mauricioreguete466
    @mauricioreguete466 4 месяца назад +1

    Conteúdo espetacular...

  • @isabellagouveias
    @isabellagouveias 4 месяца назад +1

    Tem repositório desse código?

    • @canaldevclub
      @canaldevclub  4 месяца назад

      Me chama no insta que eu te mando!

    • @pedrin7615
      @pedrin7615 3 месяца назад

      ce conseguiu o link do repositório? se conseguiu pode me mandar por favor?

    • @isabellagouveias
      @isabellagouveias 3 месяца назад

      @@pedrin7615 consegui não, eles ficaram de mandar no insta e nunca mandou

  • @Pedro-hz4lf
    @Pedro-hz4lf 4 месяца назад

    Onde consigo mais imagens tops assim?Queria colocar mais lugares

  • @remytomaz3335
    @remytomaz3335 4 месяца назад

    Consigo fazer com Python ?

    • @canaldevclub
      @canaldevclub  4 месяца назад

      Conseguir consegue. MAAAS não é o ideal. JavaScript é a linguagem mais usada para internet

  • @nimichillo
    @nimichillo 4 месяца назад

    Conteúdo excelente e bem didático!

  • @HudsonMedeiros-vs4gh
    @HudsonMedeiros-vs4gh 4 месяца назад

    Posta um vídeo do seu set up

    • @canaldevclub
      @canaldevclub  4 месяца назад

      Opa, anotado..Vou postar sim!