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

Поділитися
Вставка
  • Опубліковано 26 лют 2024
  • 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/newsletter/
    🛒 Sabia que eu tenho uma lojinha? comprou pelos links você me ajuda muito! mariosouto.com/lojinha/
    🔸 Quer ver mais conteúdos meus? Segue ai!
    🌐 mariosouto.com/
    🐦 / omariosouto
    📸 / devsoutinho
    💬 mariosouto.com/discord
    #jQuery #FrontEnd #DebaixoDosPanos
  • Наука та технологія

КОМЕНТАРІ • 51

  • @ErickWendelTraining
    @ErickWendelTraining 5 місяців тому +21

    por mais videos recriando tecnologias!!

    • @DevSoutinho
      @DevSoutinho  5 місяців тому +2

      🔥🔥🔥🔥

    • @Brendosl
      @Brendosl 3 місяці тому

      Siiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiim !

  • @1222guilherme
    @1222guilherme 5 місяців тому +15

    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  5 місяців тому +2

      Fico feliz que curtiu!!!

  • @ursochurrasqueira
    @ursochurrasqueira 5 місяців тому +3

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

  • @eXtremedlL
    @eXtremedlL 4 місяці тому

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

  • @vanrox
    @vanrox 5 місяців тому +6

    jquery me salvou muitas vezes hahahaha

  • @ananiasguerra
    @ananiasguerra 5 місяців тому +6

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

    • @DevSoutinho
      @DevSoutinho  5 місяців тому +2

      Não quer guerra com ngm ✨

  • @m4rciopdp
    @m4rciopdp 5 місяців тому +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  5 місяців тому

      Dhahhahaha deixar o vídeo mais raiz!

  • @jobecamera
    @jobecamera 5 місяців тому

    Que dahora ver isso!

  • @Elv3ce
    @Elv3ce 5 місяців тому +1

    Massa demais!

  • @gawanferreira4234
    @gawanferreira4234 5 місяців тому +2

    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.

  • @dipereira0123
    @dipereira0123 5 місяців тому +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%

  • @gustavoschneider3210
    @gustavoschneider3210 5 місяців тому +7

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

    • @eduardomoreira3765
      @eduardomoreira3765 5 місяців тому +3

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

    • @DevSoutinho
      @DevSoutinho  5 місяців тому +2

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

    • @DiogoLScarmagnani
      @DiogoLScarmagnani 5 місяців тому +2

      Ruim seria vc dizer q tá desempregado.

    • @gustavodntts
      @gustavodntts 5 місяців тому +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.

  • @TuaTela
    @TuaTela 5 місяців тому

    brabo 👏👏

  • @odecioale
    @odecioale 5 місяців тому +2

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

  • @ma120288
    @ma120288 5 місяців тому

    Otimo video,, parabéns,,,

  • @claus7992
    @claus7992 5 місяців тому +3

    Jquery paga meu salário

  • @aaamenezes
    @aaamenezes 5 місяців тому

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

    • @DevSoutinho
      @DevSoutinho  5 місяців тому +1

      Me sinto o próprio Houdini

  • @jiujis1705
    @jiujis1705 5 місяців тому +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  5 місяців тому

      Olha. Tentação em? Hahshahs

  • @walcygleicsonolliveira5710
    @walcygleicsonolliveira5710 3 місяці тому +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  3 місяці тому +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

  • @DCZROCK
    @DCZROCK 5 місяців тому +1

    Utilizo até hoje hahahha

  • @user-ty8wx4sl3p
    @user-ty8wx4sl3p 5 місяців тому +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  5 місяців тому

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

  • @CaioEduT
    @CaioEduT 5 місяців тому +1

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

    • @DevSoutinho
      @DevSoutinho  5 місяців тому +1

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

  • @joaobraz612
    @joaobraz612 5 місяців тому +1

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

    • @DevSoutinho
      @DevSoutinho  5 місяців тому +1

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

    • @joaobraz612
      @joaobraz612 5 місяців тому +1

      @@DevSoutinho Imaginei 😂

  • @nicolast6025
    @nicolast6025 3 місяці тому +1

    jQuery é usado por 76,9% na web

  • @sebastiaorelson
    @sebastiaorelson 4 місяці тому

    Maujor Soutinho

  • @claudioromanosp
    @claudioromanosp 4 місяці тому

    Era só descomentar a linha 7 hahaa

  • @bonekazz-8441
    @bonekazz-8441 5 місяців тому

    agr so falta um site com php

  • @marlonpassos9674
    @marlonpassos9674 5 місяців тому +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  5 місяців тому +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

  • @emanoelinfinity
    @emanoelinfinity 5 місяців тому

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

    • @DevSoutinho
      @DevSoutinho  5 місяців тому +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

  • @harleymcclure5386
    @harleymcclure5386 3 місяці тому

    "promosm"