Paginação no Front End com JS puro | Code/Drops #43

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

ความคิดเห็น • 185

  • @avidaamorte5403
    @avidaamorte5403 2 ปีที่แล้ว +2

    longos anos de vida pra vc amigo
    abraço de África, Angola
    o melhor vídeo de paginação q eu vi

  • @Matt-pd8vm
    @Matt-pd8vm 4 ปีที่แล้ว +7

    Vou falar de novo: TE ADORO MAYKE D++++; Cada aula com você me sinto mais motivado a aprender e evoluir mais e mais

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +2

      hahaha Valeu Mathuezão!! Fico feliz em poder participar dessa motivação! Tamo junto

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +2

      Hahahaha Mayk é monstro! Valeeu pelo feedback Matheus! 💜

  • @isaquep
    @isaquep 3 ปีที่แล้ว +2

    Mayk explica muito bem, meta de vida é entender de js como ele.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Maykão manda bem demais, né, Isaque? Boooora lá no nosso Discover que o Maykão te ensina! 😛 💜

    • @isaquep
      @isaquep 3 ปีที่แล้ว

      @@rocketseat Já fui, consegui aprender muito bem os fundamentos, ótimo conteúdo que vcs disponibilizam

  • @vasc0nce110s
    @vasc0nce110s 4 ปีที่แล้ว +7

    Na moral, melhor canal do MUNDO de dev web, show demais!!!!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Fala Mark!! uhuull !! Valeus 🙏🏽

  • @devdofront
    @devdofront 4 ปีที่แล้ว +1

    Obrigado Deus! Vocês são chave na vida

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Fala Guilherme!! Obg pelo carinho brother 😍

  • @AndreEu
    @AndreEu 2 ปีที่แล้ว

    Parabéns Mayk, pow gostei mto da sua dinâmica de ensinar, foi d+!!!! sou um cara q não sou mto chegado no front hahahaha mas os momento da vida nos ensinam q temos q correr atrás e assim cheguei no seu vídeo! foi bem fácil de entender com sua dinâmica! com sua explicação eu ganhei tempo e diminui o numeros de "API"s no meu projeto! hahahaha
    Abraço outra vez te parabenizo!

  • @FelipePereira010
    @FelipePereira010 2 ปีที่แล้ว

    Muito obrigado Myke, ajudou demais 💪

  • @pdvativo
    @pdvativo 4 ปีที่แล้ว +1

    Parabéns Mayk, confesso que assisti muitos vídeos sobre paginação e nenhum me levou a lugar algum, aliás me deixou foi com raiva kkkkkk. A maneira que você explicou foi excepcional, mais uma vez lhe dou os parabéns e já me inscrevi no canal... abraços!

  • @rfcosta85
    @rfcosta85 2 ปีที่แล้ว

    Você é o cara Myke! Salvou a minha tarde aqui no trabalho, pois eu já não lembrava como fazia paginação sem a ajuda do Angular. HUAUHAUH tanks man de coração!

  • @thiagomendes6117
    @thiagomendes6117 2 ปีที่แล้ว

    Sensacional, que aula perfeita agora aprendi uma paginação completa do inicio ao fim, muito obrigado por dividir seu conhecimento conosco Maykão e se não fosse pedir de mais poderia também ensinar como se faz os dots na paginação aqueles pontos entre um grupo de botões, que chama mais páginas, valeu por tudo.

  • @allasmaycon4706
    @allasmaycon4706 4 ปีที่แล้ว +3

    Cara vocês da Rocketseat são muito fodas kkkkk com os vídeos de vocês, estou acompanhando todos e mostrando pros meus amigos kkkk eles ficam mais apaixonados do que eu kkkkk

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Que massa Maycon 😍

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Hahaha que show Maycon!! 💜

  • @emilyperin9429
    @emilyperin9429 2 ปีที่แล้ว

    Parabéns Maikão!! Você é o cara!
    Um tutorial completasso e simples de entender, tudo que eu precisava!

  • @gjunior8903
    @gjunior8903 4 ปีที่แล้ว +11

    Acho que vc deveria continuar essa série, adicionando mais recursos como: Search Field, Filter (mostrar 10 - 20 - 30 ítens etc.)Classificar por A to Z e Z to A. Até hoje não sei em JS puro e só uso plugins para esse feito. Acho que seria bacana aprender com JS puro. Abraço.

    • @artur5383
      @artur5383 3 ปีที่แล้ว

      O filter ja da pra fazer é so vc mudar o valor da variável perPage "let perPage = 'numero desejado' " e ele vai retornar pra vc o numero de itens q vc deseja por pagina, eu por exemplo qro de 20 em 20 ai botei assim "let perPage = 20"

  • @fabiobaziota5919
    @fabiobaziota5919 4 ปีที่แล้ว +1

    Cara vc é D + pedi esse vídeo na aula passada e vcs lançaram incrível estou amando... Mayck ❤ te vejo no next level week...

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Simmm Fabio!! Obg pela sugestão! Tamo junto.. A gente se vê lá💜

  • @rayanmarcus
    @rayanmarcus 2 ปีที่แล้ว

    Valeuuuuuu Maykão! A lógica de cortar o array me ajudou muitoo! =)
    Eu estava pensando em fazer de um outro jeito, muito mais complexo. haha

  • @PauloSergioDiasCarmo
    @PauloSergioDiasCarmo หลายเดือนก่อน

    Excelente aula.

  • @iwryrozemberg
    @iwryrozemberg 4 ปีที่แล้ว

    Parabéns pelo conteúdo. Sua didática é fantástica!!!! No meio do vídeo já vão surgindo ideias.
    Criei uma propriedade a mais no 'state' para ser o 'cache' do número da página assim ao clicar na mesma não faz updates desnecessários.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Que massa Iwry!!! Show !! 💜🚀

  • @JoaoRodrigues-yw3bh
    @JoaoRodrigues-yw3bh 3 ปีที่แล้ว

    Mano do céu, cê não tem ideia do quanto salvou o dia aqui kkkk, quiçá a semana, nois!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Sério, Matheus!? HAHAHAHA
      Poxa, que massa! 💜
      Depois conta pra gente se deu certo... 👀 😉

  • @delfimuqueio3077
    @delfimuqueio3077 4 ปีที่แล้ว +1

    Meu Deus!!! Voces parece que ate' leem os meus pensamentos! Obrigado Rocketseat!!!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      E quem disse que não lemos? 🔮 🚀

    • @delfimuqueio3077
      @delfimuqueio3077 4 ปีที่แล้ว

      @@rocketseat hahahahahahahah

  • @AlexAlves-th9yo
    @AlexAlves-th9yo 3 ปีที่แล้ว

    Parabéns, melhor vídeo-aula sobre paginação que já vi!

  • @a.fsilva2743
    @a.fsilva2743 2 ปีที่แล้ว

    Muito Obrigado man - me salvou pra pegar a lógica, tinha que fazer essa Barra de Paginação - só que em AngularJS

  • @fabianojose3034
    @fabianojose3034 4 ปีที่แล้ว +1

    Muito foda. Obrigado. Esta forma de organizar o código e excelente para o aprendizado.

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Fala Fabiano. Obg pelo feedback. Ele é muito importante pra ajudar a gente a melhorar ainda mais o conteúdo. 💜

  • @phillmonteiro7424
    @phillmonteiro7424 2 ปีที่แล้ว

    Excelente vídeo.
    Didática impressionante e clean code.
    Perfeito.

  • @romilsonsantos5005
    @romilsonsantos5005 3 ปีที่แล้ว

    Cara que maravilha viu, parabéns pela aula, nunca tinha assistido uma aula sobre paginação que fizesse realmente sentido pra me rsrsr

  • @abnersoares5720
    @abnersoares5720 3 ปีที่แล้ว

    Caraca, que vídeo top
    Muito completo.
    Obrigado demais pelo conteúdo, gostei muito da didática.

  • @RafaelCorrea00
    @RafaelCorrea00 2 ปีที่แล้ว

    Que aula perfeita! Incrível!
    Muito obrigado Maykão!
    🚀🚀🚀

  • @ghostsextreme3951
    @ghostsextreme3951 2 ปีที่แล้ว +1

    Mano, que vídeo maravilhoso, estava tentando fazer uma paginação em uma tabela com 10 itens por pagina e consegui por esse vídeo, alias fiz com VueJS e funcionou certinho!

    • @1222guilherme
      @1222guilherme 2 ปีที่แล้ว

      nice man, estou aprendendo vue js, se puder disponibilizar o codigo no github talvez eu prescise mais pra frente

  • @oldemarjesusgoncalves9330
    @oldemarjesusgoncalves9330 4 ปีที่แล้ว +1

    Genial se não for o melhor canal que já vi! Valeu!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Oldemar! Valeu hein 😍

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Eitaa!! Valeeeu Oldemar! 💜😍

  • @matheusfelizardo9155
    @matheusfelizardo9155 4 ปีที่แล้ว

    Maykão me salvando hoje no trabson!! Aula de facílimo entendimento.

  •  4 ปีที่แล้ว

    Que vídeo sensacional! Abrangente e bem explicado, finalmente entendi como funciona uma paginação. Obrigado!

  • @kesleylima6159
    @kesleylima6159 2 ปีที่แล้ว

    Simplesmente surreal. Valeu demais.

    • @rocketseat
      @rocketseat  2 ปีที่แล้ว

      Faaaaaala, Kesley! Que massa que curtiu! Valeu demais pelo feedback, viu? 💜 🚀

  • @wesleylopex
    @wesleylopex 4 ปีที่แล้ว +1

    Mayk é um gênio, sou mt fã

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      ahahaha Valeu Wesley. Sou um mero aprendiz 🧡 TMJ

  • @mrrs8994
    @mrrs8994 4 ปีที่แล้ว +5

    Já falei que sou seu fã hoje, Mayk Brito Naárea?
    Continuando minhas sugestões:
    - Mini app que exibe imagens mediante escolhas em um formulário.
    EXEMPLO:
    Em um formulário, a pessoa seleciona "Categoria: animais" aí aparece a foto de um cachorrinho.

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      kkkkk Fala rsrsrs rs kkk.. Valeu pelo carinho e sugestões!! Sempre muito válidas 🙏🏽

  • @fernandocamilopro
    @fernandocamilopro 4 ปีที่แล้ว +1

    Boa maykão! Ótimo conteúdo

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Valeu Fernando! tamo junto 😍

  • @gigiedada6143
    @gigiedada6143 4 ปีที่แล้ว +2

    Sextouuuu!!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Vivi 😍

  • @arturneves7525
    @arturneves7525 5 หลายเดือนก่อน

    Valeu, me ajudou muito!

  • @fabianoreis2053
    @fabianoreis2053 4 ปีที่แล้ว +1

    Conteúdo incrível, uma aula de boas práticas!!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Opa Fabiano! Que bom que curtiu !! 🥰

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Fabiano!! Valeeeeeu pelo feedback! 💜

  • @andersondascds8120
    @andersondascds8120 3 ปีที่แล้ว

    Aula Animal..TOP!!!!!!!!

  • @jacksonaquino6941
    @jacksonaquino6941 4 ปีที่แล้ว +1

    parabéns pelo vídeo, estava muito curioso sobre como fazer isso

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Que massa Jackson! Valeeu pelo feedback! 💜

  • @justrelax6144
    @justrelax6144 4 ปีที่แล้ว

    cara achei fantastica a aula

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala dev!! Valeeeu pelo feedback! 💜

  • @mateuscamposSD
    @mateuscamposSD 4 ปีที่แล้ว +1

    Muito bom este conteúdo sempre inovando no css!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      💜 Muito obg pelo feedback Invocado 🚀

  •  4 ปีที่แล้ว +1

    Maravilhoso!!! Não sabem a minha alegria! Pedi ontem por esse vídeo, abro o meu TH-cam e pááá postaram!
    Demais!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Uhuuullll TMJ João!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Nós lemos mentes 🔮 💜

  • @caioalvesdf
    @caioalvesdf 2 ปีที่แล้ว

    Top! de mais, ajudou muito

  • @erickpascoal6840
    @erickpascoal6840 4 ปีที่แล้ว

    Cara é um monstro
    Parabéns

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Hahaha Valeeu Erick! 💜

  • @brdnsousa
    @brdnsousa 4 ปีที่แล้ว +1

    intro da rocket ta muito melhor que algumas produções de hollywood

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Sensacional né? 😍

  • @aventurasnosofa554
    @aventurasnosofa554 4 ปีที่แล้ว

    Incrivel aula, meu parceiro. Só de assistir essa aula, fico super empolgado pra semana Next Level!!! Abraço e Sucesso!!!!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Victor! Valeeu pelo feedback! Abraço ! 💜

  • @tiagociceri
    @tiagociceri 4 ปีที่แล้ว

    Mais uma ótima aula, sua didática é top! Parabéns e obrigado Mayk.

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Anderson!! Valeeeu pelo feedback !! 💜

  • @rivaldosouza362
    @rivaldosouza362 2 ปีที่แล้ว

    Mais que a paginação em si, as dicas que voce da durante o curso, sao tão ou mais importantes.

  • @herculesr
    @herculesr 4 ปีที่แล้ว +1

    Aula Incrível :)

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Que bom que curtiu Hércules 😍

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      💜🥰

  • @CaioLesnock
    @CaioLesnock 4 ปีที่แล้ว +1

    Valeu Maykão!
    Ótima aula, como sempre!
    Obrigado pelo conteúdo MARAVILHOSO!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Valeu por estar acompanhando por aqui Caio 🥰

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      💜💜

  •  4 ปีที่แล้ว +2

    Javascript e Typescript linguagens extremamente versáteis para web, mobile, e até mesmo para app de desktop, algo pouco mencionado nos vídeos de programação. Já utilizei Python para esse último tipo de app, mas js tomou meu coração, ainda mais com esses tutoriais da rocketseat. Queria saber da origem do nome de vocês, por que escolheram, história, etc. a integração com html é muito braba. Além do react native e angular, o que vocês já trabalharam de framework?

    • @mateuscamposSD
      @mateuscamposSD 4 ปีที่แล้ว +1

      Tem vídeo no canal deles, o diego explica isso tudo.

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Fala Haluz. Que legal que vc tem interesse nisso também. Nesse vídeo o Diego fala um pouco sobre a história da Rocket 💜
      th-cam.com/video/gBmnB7BwSRA/w-d-xo.html

    •  4 ปีที่แล้ว

      Mayk Brito valeu Mayk! Semana Next level estamos aí!

  • @cassio.f2898
    @cassio.f2898 4 ปีที่แล้ว +1

    Tu é foda!!!!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      kkk Valeu Cássio 🚀

  • @klaylton
    @klaylton 4 ปีที่แล้ว

    Amo seus vídeos.
    Excelente trabalho!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Fala Klaylton! Valeeu pelo feedback! 💜

  • @ellocellacessorios
    @ellocellacessorios ปีที่แล้ว +1

    Como trazer paginado do backend em cada requisição, porque se tiver mil itens para trazer para o front vai ficar lento, to tendando fazer aqui, mas sem base....

  • @potamo1288
    @potamo1288 4 ปีที่แล้ว +1

    Boa maykao

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Valeu Luis 🧡

  • @luffy4141
    @luffy4141 3 ปีที่แล้ว

    perfeito

  • @joseeduardojunior5534
    @joseeduardojunior5534 2 ปีที่แล้ว

    Olá, o códio JavaScript não será disponibilizado? Obrigado

  • @espetosfera8966
    @espetosfera8966 3 ปีที่แล้ว +2

    Alguém sabe me dizer como fica as licenças dos códigos? posso adicionar como projeto no meu portiflio do github? posso usar os codigos?

  • @ooagid
    @ooagid 4 ปีที่แล้ว

    Foda!!! vlw mano

  • @romuloalves9349
    @romuloalves9349 4 ปีที่แล้ว +1

    Ótimo vídeo parabéns 👏.

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Fala Romulo! Obg pelo feedback!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Valeeeu pelo feedback Romulo! 💜

  • @davidsantiago9582
    @davidsantiago9582 2 ปีที่แล้ว

    Sugestão de melhoria para a função next() e demais (27:38):
    next(){ // fnc para a próxima página
    if(state.page

  • @AndersonSantos-dq4jl
    @AndersonSantos-dq4jl 2 ปีที่แล้ว +1

    Tentei usar o mesmo exemplo porem usando uma API como base de dados, mas não deu certo. Pesquisei por alternativas mas não soube como aplicar corretamente. Tem algum exemplo de usar uma paginação semelhante a esta mas com o uso de uma API de fato?

  • @RafaelGomes01
    @RafaelGomes01 4 ปีที่แล้ว +1

    Show!!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Valeu Rafael 🚀

    • @RafaelGomes01
      @RafaelGomes01 4 ปีที่แล้ว

      Aguardando o próximo!!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      💜💜

  • @alexsandroeuzebiodasilva6872
    @alexsandroeuzebiodasilva6872 4 ปีที่แล้ว +1

    Mayk porque nao usou o this dentro do objeto buttons?

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Fala Alexsandro!! Então brother, foi pra não complicar ainda mais kkkk. Já tava fritadaço assim, imagina com mais o conceito do this ali rsrs O que vc acha? Será que ficaria mais interessante com o this? Passa sua visão pra gente 😍

    • @alexsandroeuzebiodasilva6872
      @alexsandroeuzebiodasilva6872 4 ปีที่แล้ว

      @@maykbrito Entendi o porque nao do this concordo com você seria mais um conceito que para o início é complicado entender eu mesmo levei um tempo kkkkk mas é um conceito muito bom para se passar, so não consegui colocar o this na list, se colocar não cria a lista só não consegui entender o porquê mas no próximo seria interessante abordar o this, se um for refatorar seria legal também colocar o total de itens no title. Valeu mesmo Mayk vocês são os caras melhor conteúdo que conheço parabéns à equipe. Tem alguma ideia de vídeos com callback e promise?

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      @@alexsandroeuzebiodasilva6872 vdd. Vou procurar dar uma apresentada de vez em quando. Você acredita que eu tinha preparado esse pra mostrar callbacks. Mas, seria o mesmo impacto, já estava muito grande e muito puxado kkk... Mas ainda vamos trazer essas ideias sim. E qualquer ideia que vc tiver também, por favor, manda pra gente🥰

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      💜

  • @elizduarte6547
    @elizduarte6547 4 ปีที่แล้ว +1

    TOP!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Elizabeth 🥰🙏🏽

  • @digitalhdr7768
    @digitalhdr7768 3 ปีที่แล้ว

    SOBRE PAGINAÇÃO
    COMO ADICIONAR AS COISA QUE EU QUERO EM CADA ITEM
    TIPO SE EU QUERER COLOCAR UMA FOTO NO ITEM 1 UMA OUTRA FOTO NO ITEM 2 E ASSIM POR DIANTE

  • @rockNbrain
    @rockNbrain 3 ปีที่แล้ว

    nice job!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Thanks, Danilo! 💜 🚀

  • @crowbr
    @crowbr 3 ปีที่แล้ว

    Show Parabéns pelo Tutorial, só não consegui colocar numeracao em cada item pois se eu coloco no limite maximo de next ele vai somando os numeros ficam absurdamente grandes kkk

  • @GTARPCortess
    @GTARPCortess 4 ปีที่แล้ว +1

    Show

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      TMJ 💜

  • @domires2559
    @domires2559 4 ปีที่แล้ว +1

    Like!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      Tks!🚀

  • @felipedepaula1306
    @felipedepaula1306 3 ปีที่แล้ว

    Infelizmente só pode dar um joinha '-' . Vlw, fera!!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Eu comento aqui pra você poder dar outro joinha... 👀 😛
      Curtiu o conteúdo, Felipe!? 💜

  • @otavio.bambans
    @otavio.bambans 4 ปีที่แล้ว +1

    S E N S A C I O N A L

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      O B R I G A D O 🧡

    • @otavio.bambans
      @otavio.bambans 4 ปีที่แล้ว

      @@maykbrito Eu moro em Itanhaém, no litoral de SP, e faço curso de Técnico em Informática para a Internet integrado ao ensino médio em uma escola técnica estadual (ETEC). Cara, estou no último ano e juro pra você que com aprendi mais com suas aulas do que com meu curso inteiro! Não estou reclamando do curso, porque tive sim uns fundamentos legais, mas nada comparado ao conhecimento atualizado, objetivo e de qualidade que você passa pra gente. Espero muito que possa continuar fazendo isso por muito tempo, ajudando e encorajando pessoas a aprender um conteúdo tão sensacional quanto esses. De verdade, deixo aqui meus sinceros parabéns pela didática excepcional e por fazer parte de um projeto tão bonito quanto a Rocketseat.
      Ainda mais, caso aconteça de você, por algum motivo, sair da Rocketseat (o que eu espero que não aconteça kkkk), continue ensinando, porque você nasceu pra isso!
      Parabéns Maykão!

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      @@otavio.bambans Caraaa.. eu sou emotivo kkk Obg pelas palavras. Saiba que eu fico realizado e percebo que faz todo sentido trazer o melhor que eu posso, pois, quando vem pessoas como você agradecer, eu percebo que valeu a pena cada investimento de tempo para esse projeto! Obg por deixar a gente participar da sua história! Tamo junto 💜

    • @otavio.bambans
      @otavio.bambans 4 ปีที่แล้ว

      @@maykbrito E obrigado você por fazer parte da minha história! ❤

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      💜😍

  • @jooj5698
    @jooj5698 2 ปีที่แล้ว

    meu JS ta dando erro, queria comparar com seu codigo pronto mas nesse link da descrição não esta com o JS

  • @PedroVieiraSamuel
    @PedroVieiraSamuel ปีที่แล้ว

    esse código tem um erro ao inicializar a list: Uncaught ReferenceError: Cannot access 'list' before initialization
    at init

  • @matheussantos250
    @matheussantos250 4 ปีที่แล้ว +1

    A Rocketseat ta lançando tanto video q eu n to conseguindo acompanhar kkkk e logo logo tem a nlw

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Eu também não consigo Matheus hahaah Tamo junto nessa hahah 💜

  • @diegocorreiadeandrade3868
    @diegocorreiadeandrade3868 3 ปีที่แล้ว

    Essa paginação só consegue ser executada em row, correto?

  • @tiagodroppa
    @tiagodroppa 2 ปีที่แล้ว +1

    No final do video tinha que mostrar todos os "erros de gravação", as vezes que o vscode bugou e o Mayk errou a digitação e xingou, tipo os filmes do Jack Chan :D Ótimo conteúdo!

  • @yasmimbarbosa4839
    @yasmimbarbosa4839 4 ปีที่แล้ว +2

    Maykao, você pode em algum code drop criar uma landing page parecida com a do next level? Seria muito legal :)))

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Oi Yasmin! Obg pela sugestão 💜

    • @alexsandroeuzebiodasilva6872
      @alexsandroeuzebiodasilva6872 4 ปีที่แล้ว +1

      Nunca fiz uma landing Page então não tenho muito o conceito mas quero aprender muito seria uma boa sugestão para o próximo code drops

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Oii Yasmim! Valeeeu pela sugestão! 💜💜

  • @alexfreitas4428
    @alexfreitas4428 4 ปีที่แล้ว +6

    Maravilha, minha cabeça tá doendo como se eu tivesse assistido 15 minutos de um vídeo do Karnal. 🤣🤣🤣🤣

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Fala Alex hahahaha... Cara, sabe que eu também fritei pra explicar, e se fosse fazer hoje, acho que procuraria explicar ainda melhor. Mas a gente tá sempre aprendendo né? Então, tamo junto nessa dor rsrsr

    • @alexfreitas4428
      @alexfreitas4428 4 ปีที่แล้ว

      Mayk Brito eu entendo que tem coisa que é muito difícil de explicar se forma simples por que precisa de uma base mais aprofundada. Mas assim mesmo fico muito surpreso com a qualidade que vocês conseguem entregar. Obrigado inclusive 😊

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      @@alexfreitas4428 poxa, obg vc por esse carinho Alex! Faz a gente ter gosto por trazer conteúdos cada vez melhores 💜 Abração!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Obrigado mesmo pelas palavras Alex!!! Estamos em constante evolução para trazer cada vez mais conteúdo de qualidade para vocês 💜😍

  • @luanlopes4577
    @luanlopes4577 2 ปีที่แล้ว

    Salve rapaziada sou iniciante em JS e queria tirar uma dúvida pra mim que já tenho o conteúdo e quero exibir ele nas páginas com os mesmos parâmetros que partes do código teria que alterar abraço a todos.

  • @CaioLesnock
    @CaioLesnock 4 ปีที่แล้ว +1

    Vocês poderiam fazer uma aula sobre autenticação no Electron, sem ser por API, como um software local mesmo.

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Grande Caio. Obrigado pela sugestão!!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Fala Caio!! Valeeeu pela sugestão! 💜

  • @valterbarros6275
    @valterbarros6275 ปีที่แล้ว

    e se eu já tivesse os dados carregados na pagina e só quero dividir em paginas?

    • @mizuky2499
      @mizuky2499 11 หลายเดือนก่อน

      E so criar dinamicamente igual ele fez, ao invés de uma div só com 1 título você coloca o html do produto

  • @PedroHenriqueTSI
    @PedroHenriqueTSI 4 ปีที่แล้ว

    Ótimo vídeo

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Obrigado pelo feedback Pedro!! ❤️

  • @rogeriopst450
    @rogeriopst450 4 ปีที่แล้ว

    fala, Mayk Brito. blz? entao, gosto da forma como vc está conduzindo esses code drops: estão ficando perfeitos. o jeito q vc está dividindo com esse código mais organizado. parabens. mto massa..e essa paginação ficou maravilhosa..adorei d+..
    não entendi pq tem q dividir por dois nesse trecho '(let maxLeft = (page - Math.floor(maxVisibleButtons/2)))'. testei com outros valores (3,4 e sem dividir por 2) e quebrou em alguns momentos.
    se alguem conseguir me esclarecer, agradeço.
    parabens mais uma vez. vlw

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Faala, Rogério! Você conhece nossa comunidade aberta? Por lá você pode tirar essa e outras dúvidas que tiver 💜💜 Segue o link: www.rocketseat.com.br/comunidade

    • @rogeriopst450
      @rogeriopst450 4 ปีที่แล้ว

      @@rocketseat Obrigado !!!

  • @programacaocomcerveja4736
    @programacaocomcerveja4736 4 ปีที่แล้ว +1

    qual o theme do vscode?

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      é o Launchbase 💜

    • @henrique526
      @henrique526 4 ปีที่แล้ว +1

      Mayk Brito o único tema que me fez largar o Material Theme kkkkk parabéns por ter feito ele Maykão, ficou mto bom, e junto com o Bracket Pair Colorider tá absurdo

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว

      @@henrique526 Eita.. Que top brother 🧡

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      💜

  • @marcondesamaraldeoliveira3585
    @marcondesamaraldeoliveira3585 4 ปีที่แล้ว

    O Maik tambem podia dar aulas no GoStack, Diedo fala muito rapido rs

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Hahahahaha verdade! 💜

  • @almeida96
    @almeida96 4 ปีที่แล้ว +2

    Poderia fazer vídeos tipo esses só que usando ReactJS

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Fala Almeida! Por enquanto, a responsabilidade do ensino e apresentação do React está com o Diegão e com o Rodz 😍🚀💜

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      💜

  • @tarciorocha333
    @tarciorocha333 4 ปีที่แล้ว

    Maykao é incrível a forma que explica. Casa com minha irmã mayk, kkk. vlw!!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Hahahahahahaaha Valeeu pelo feedback Tarcio! 💜

  • @RodrigoMirandaSantana
    @RodrigoMirandaSantana 4 ปีที่แล้ว

    Como sugestão para um próximo Code Drops, poderia mostrar um exemplo de estilização para inputs do tipo "file"? Um abração do Rodrigão! Haha

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว +1

      Fala, Rodrigo!! Valeeu pela sugestão!! 💜

  •  4 ปีที่แล้ว +1

    Um ótimo desafio seria criar a interface do desktop do macOS Big Sur

    • @maykbrito
      @maykbrito 4 ปีที่แล้ว +1

      Olha que ideia bacana hein 🚀

  •  4 ปีที่แล้ว

    Pra que serve paginação no frontend? Se o negócio tem 50000, vai demorar pra carregar e passar uma quantidade de dados pro usuário que talvez nem seja visualizado no final das contas. Acho que o conteúdo tem mais valor didático que prático.

    • @crowbr
      @crowbr 3 ปีที่แล้ว

      Ele vai carregar de acordo com as views, se for 10 ele vai carregar todas no backend mas até vc visualizar todos os dados eles ja terão carregados

  • @juhtrd
    @juhtrd 3 ปีที่แล้ว

    Misofonia + teclado barulhento = thau, vlw flws

  • @rodrigoaraujo1608
    @rodrigoaraujo1608 4 ปีที่แล้ว +1

    let entendeu = false
    while (!entendeu) {
    assistaNovamente()
    }