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

Подписаться 88 тыс.

Просмотров 7 тыс.

50% 1

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

Наука

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

26 фев 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 51

@ErickWendelTraining 3 месяца назад

por mais videos recriando tecnologias!!

@DevSoutinho 3 месяца назад

🔥🔥🔥🔥

@Brendosl 2 месяца назад

Siiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiim !

@1222guilherme 3 месяца назад

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 3 месяца назад

Fico feliz que curtiu!!!

@ursochurrasqueira 3 месяца назад

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

@vanrox 3 месяца назад

jquery me salvou muitas vezes hahahaha

@eXtremedlL 3 месяца назад

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

@ananiasguerra 3 месяца назад

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

@DevSoutinho 3 месяца назад

Não quer guerra com ngm ✨

@dipereira0123 3 месяца назад

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%

@gawanferreira4234 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.

@jobecamera 3 месяца назад

Que dahora ver isso!

@Elv3ce 3 месяца назад

Massa demais!

@m4rciopdp 3 месяца назад

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 3 месяца назад

Dhahhahaha deixar o vídeo mais raiz!

@TuaTela 3 месяца назад

brabo 👏👏

@odecioale 3 месяца назад

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

@ma120288 3 месяца назад

Otimo video,, parabéns,,,

@DevSoutinho 3 месяца назад

Valeu!!!

@gustavoschneider3210 3 месяца назад

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

@eduardomoreira3765 3 месяца назад

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

@DevSoutinho 3 месяца назад

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

@DiogoLScarmagnani 3 месяца назад

Ruim seria vc dizer q tá desempregado.

@gustavodntts 3 месяца назад

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.

@jiujis1705 3 месяца назад

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

@DevSoutinho 3 месяца назад

Olha. Tentação em? Hahshahs

@aaamenezes 3 месяца назад

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

@DevSoutinho 3 месяца назад

Me sinto o próprio Houdini

@claus7992 3 месяца назад

Jquery paga meu salário

@user-ty8wx4sl3p 3 месяца назад

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 3 месяца назад

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

@CaioEduT 3 месяца назад

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

@DevSoutinho 3 месяца назад

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

@DCZROCK 3 месяца назад

Utilizo até hoje hahahha

@walcygleicsonolliveira5710 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 2 месяца назад

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

@sebastiaorelson 3 месяца назад

Maujor Soutinho

@joaobraz612 3 месяца назад

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

@DevSoutinho 3 месяца назад

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

@joaobraz612 3 месяца назад

@@DevSoutinho Imaginei 😂

@bonekazz-8441 3 месяца назад

agr so falta um site com php

@nicolast6025 Месяц назад

jQuery é usado por 76,9% na web

@DevSoutinho Месяц назад

Um mago dos dados 🎲

@claudioromanosp 3 месяца назад

Era só descomentar a linha 7 hahaa

@marlonpassos9674 3 месяца назад

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 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 3 месяца назад

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

@DevSoutinho 3 месяца назад

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