Implementando o jQuery DO ZERO! Uma tour pela história do Front End

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.พ. 2025
  • Já chegou a ver o jQuery em algum lugar? Já parou pra pensar o que roda por debaixo dos panos dele? Nesse vídeo aqui vamos fazer uma tour pelos patterns que envolvem a sua construção como facade e o seu formato de "chain" na hora de expor a API! Ficou curioso? Então pega a pipoquinha ai e bora ver! 🧑‍💻
    🔸 Link importantes para VOCÊ! (e pra me ajudar a continuar trazendo conteúdo!)
    ✅ Tem dúvidas sobre arquitetura de camadas? Tratamento de erros? Quais as bases para colocar um projeto no ar de forma automática com Integração Contínua? Conheça meu curso do canal o Construindo CRUDs com qualidade hotm.art/mWYNKk3
    📰 Quer receber as novidades do canal antes de todo mundo? mariosouto.com...
    🛒 Sabia que eu tenho uma lojinha? comprou pelos links você me ajuda muito! mariosouto.com...
    🔸 Quer ver mais conteúdos meus? Segue ai!
    🌐 mariosouto.com/
    🐦 / omariosouto
    📸 / devsoutinho
    💬 mariosouto.com...
    #jQuery #FrontEnd #DebaixoDosPanos

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

  • @ErickWendelAcademy
    @ErickWendelAcademy 11 หลายเดือนก่อน +22

    por mais videos recriando tecnologias!!

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +2

      🔥🔥🔥🔥

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

      Siiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiim !

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

    Palmas e mais palmas rapaz! Uso e continuo usando até hj em alguns projetos! O tempo diz tudo! Não precisa sair trocando por vue.js ou angular.... No final, o cliente só quer ver funcionando!!! Belo vídeo rapaz! Que Deus o abençoe!

  • @1222guilherme
    @1222guilherme 11 หลายเดือนก่อน +16

    Trabalho com Javascript a uns 3 anos e já utilizei muito JQuery mas não fazia ideia de que era desta maneira, conteúdo interessantíssimo aceito mais.

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +2

      Fico feliz que curtiu!!!

  • @ursochurrasqueira
    @ursochurrasqueira 11 หลายเดือนก่อน +4

    vídeo muito massa! sugiro um próximo na mesma linha sobre o bootstrap

  • @ananiasguerra
    @ananiasguerra 11 หลายเดือนก่อน +6

    Só uso Jquery ou JS Vanilla com PHP. É tudo que preciso.

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +3

      Não quer guerra com ngm ✨

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

      Se ta louco n quero nunca mais trabalhar com isso, mas se for preciso terei...

  • @vanrox
    @vanrox 11 หลายเดือนก่อน +6

    jquery me salvou muitas vezes hahahaha

  • @vetorial_data_custom
    @vetorial_data_custom 11 หลายเดือนก่อน +3

    esses dias eu estava comparando o quanto de dados que são renderizados pro front entre 2 grandes bancos por ai. o moderninho chegava a 10mb dados. Já o banco de tiozão que ainda usa jquery pelo visto nas requisições não chega a 500kb pra mesma quantidade de informação. Fiquei imaginando o quanto o modernão deve pagar de cloud se usa isso com aws lambda por exemplo.

  • @walcygleicsonolliveira5710
    @walcygleicsonolliveira5710 10 หลายเดือนก่อน +2

    Estou criando uma biblioteca tmbm, estilo JQuery. Tava com uma dúvida sobre como o JQuery manipulava mais de um elemento em cada método, já que no meu, em cada método eu tinha que percorrer os elementos todas as vezes para aplicar a operação. Achava que o JQ fazia diferente que não percorria os mesmos elementos todas as vezes em cada método e sim que de alguma forma guardava cada operação em uma pilha pra cada chamada de método e no final executava todos em um único loop. Percorrer os mesmo elementos várias vezes não têm perda de desemprenho? Já que se estou, por exemplo, trabalhando com dois elementos e aplico 3 métodos eu estaria percorrendo os mesmos elementos 3 vezes, logo, 6 repetições.

    • @DevSoutinho
      @DevSoutinho  10 หลายเดือนก่อน +1

      Você pode criar um cachê pra otimizar, mas é inseguro, pq tu não vai saber se tem novos elementos ou se eles sumiram saca?. Pensa que percorrer toda vez 100/200 elementos é ok. O problema é com milhares

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

    muito interessante. ainda utilizo/dou suporte a projeto usando o jquery. facilita muito quando a demnada é muito grande e o tempo é curto.

  • @jiujis1705
    @jiujis1705 11 หลายเดือนก่อน +2

    integrar o jquery com o typescript no prox video e tenta usar ele em alguns do frameworks da trindade (angular, react ou vue)

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

      Olha. Tentação em? Hahshahs

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

    Que dahora ver isso!

  • @Elv3ce
    @Elv3ce 11 หลายเดือนก่อน +1

    Massa demais!

  • @dipereira0123
    @dipereira0123 11 หลายเดือนก่อน +2

    Esse é o tipo de coisa que muita gente já usou algum pedaço e não sabia o nome.
    E pra falar a verdade mesmo quem fala que conhece só deve conhecer uns 10%

  • @m4rciopdp
    @m4rciopdp 11 หลายเดือนก่อน +1

    Parabens.. pelo video. so faltou utilizar functions ao inves de arrow functions (so pra ver o codigo maior) kkk e tb implementar o ajax no modo IE e demais navegadores so pra galera mais nova sentir o drama que era kkk abrs

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

      Dhahhahaha deixar o vídeo mais raiz!

  • @SandroPimenta-n7g
    @SandroPimenta-n7g 11 หลายเดือนก่อน +2

    Muito bom, parabéns pela explicação. Agora tenho uma dúvida porque naquela época não tinha o query selector e sim o get element by id, get element by tag name e outros lá; então na época eles faziam alguma coisa para separar o que era .class, #id, ou tag ? E uma outra dúvida é em relação ao ajax era simple http request ? Eu usei muito JQuery gostava e gosto até hoje na verdade. E parabéns pelo vídeo.

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

      Ele tinha um parser embutido que emulava o seletor do CSS /o

  • @CaioEduT
    @CaioEduT 11 หลายเดือนก่อน +1

    o jQuery usava o Sizzle para seletores, que também foi criado pela equipe do jQuery.

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +1

      Justíssimo! Que fazia todo o parsing pra resolver independente do query selector

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

    Otimo video,, parabéns,,,

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

      Valeu!!!

  • @odecioale
    @odecioale 11 หลายเดือนก่อน +3

    Sinceramente, era muito mais simples que as libs atuais e a evolução do front kkk

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

    100 sacional 😁😁😁😁 muito legal ver essas implementações

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +1

      Me sinto o próprio Houdini

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

    brabo 👏👏

  • @joaobraz612
    @joaobraz612 11 หลายเดือนก่อน +1

    7:53 Na época o querySelectorAll já existia? 🤔

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +1

      Não! Se eu fosse implementar o parser o vídeo ia ter uns 40 min hahsha

    • @joaobraz612
      @joaobraz612 11 หลายเดือนก่อน +1

      @@DevSoutinho Imaginei 😂

  • @gustavoschneider3210
    @gustavoschneider3210 11 หลายเดือนก่อน +7

    seria ruim eu dizer que trampo com jquery nos tempos atuais? kkkk.. LIKEE

    • @eduardomoreira3765
      @eduardomoreira3765 11 หลายเดือนก่อน +3

      Muitas soluções grandes no mercado utilizam o jQuery até hoje... jQuery é topzera

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +2

      @@eduardomoreira3765 olha se a comida na mesa tá garantida, tá tudo certo meu patrão! Ahshhahs

    • @DiogoScarmagnani
      @DiogoScarmagnani 11 หลายเดือนก่อน +2

      Ruim seria vc dizer q tá desempregado.

    • @gustavodntts
      @gustavodntts 11 หลายเดือนก่อน +1

      Também trabalho com Jquery em projetos legados e confesso que apesar dos códigos serem bem antigos e pouco estruturados em padronizações e tudo mais, o JQuery me faz evoluir bastante. Trabalhar nesse estilo mais "old school" é ter que ler, refatorar e pensar na estrutura do código muitas e muitas vezes, o que a curto prazo é um canseira danada, mas a longo prazo agrega bastante experiência.

  • @DCZROCK
    @DCZROCK 11 หลายเดือนก่อน +1

    Utilizo até hoje hahahha

  • @marlonpassos9674
    @marlonpassos9674 11 หลายเดือนก่อน +1

    Geralmente quando estou usando o Patter facade eu gosto de esta usando uma classe.
    Acho se encaixa bem na estrutura, pois no final de cada método eu posso simplesmente retornar o this, ter métodos privados e tudo aquilo que uma classe pode nos oferecer.

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +3

      Perfeito! No JavaScript uma classe acaba sendo açúcar sintático pra uma função, aí acabei usando mais pelo contexto histórico :P mas ainda com classe tem que tomar cuidado pra dar o bind do this da função

  • @bonekazz-8441
    @bonekazz-8441 11 หลายเดือนก่อน

    agr so falta um site com php

  • @claus7992
    @claus7992 11 หลายเดือนก่อน +3

    Jquery paga meu salário

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

    jQuery serve pra dizer que você sabe fazer a mesma coisa que outro dev normal, mas de forma mais trabalhosa e rebuscada.😅

    • @DevSoutinho
      @DevSoutinho  11 หลายเดือนก่อน +1

      Pera não entendi hahahah, lembrando que como eu cito no vídeo, o browser não tinha formas “simples” de fazer coisas como o querySelector, ali eu fiz um demo da API dele e talz, mas era ciência de foguete pra rolar

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

    Maujor Soutinho

  • @nicolast6025
    @nicolast6025 9 หลายเดือนก่อน +1

    jQuery é usado por 76,9% na web

    • @DevSoutinho
      @DevSoutinho  9 หลายเดือนก่อน +1

      Um mago dos dados 🎲

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

    Era só descomentar a linha 7 hahaa

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

    "promosm"