Desvendando DEFINITIVAMENTE as Promises em JavaScript // Mão no Código #21

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

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

50% 1

🤝 𝙋𝙇𝘼𝙉𝙊 𝙏𝙐𝙍𝘽𝙊 𝙃𝙊𝙎𝙏𝙂𝘼𝙏𝙊𝙍 → codft.me/HGnRJ...
As Promises em JavaScript são tão legais que às vezes assusta. Estamos aqui para tirar esse medinho bobo que a programação assíncrona causa nas pessoas. 😜
Brincadeiras à parte, vamos mostrar com alguns exemplos bem didáticos como entender de uma vez por todas como utilizar Promises em seus códigos.
📌 𝗨𝗽𝗱𝗮𝘁𝗲
→ No último exemplo acabamos nos equivocando escrevendo Promises com mais um "s". Fora isso os exemplos funcionam perfeitamente, é só assistir e conferir. 😜
📝 𝗟𝗶𝗻𝗸𝘀
→ Na MDN tem muito material sobre as Promises:
→ developer.mozi...
☕ 𝗦𝗲𝗷𝗮 𝘂𝗺 𝗺𝗲𝗺𝗯𝗿𝗼 𝗱𝗼 𝗖𝗹𝘂𝗯𝗲 𝗱𝗼𝘀 𝗖𝗗𝗙𝘀
→ codft.me/clube...
🎧 𝗣𝗹𝗮𝘆𝗹𝗶𝘀𝘁𝘀
→ Dicionário do Programador: codft.me/dicio...
→ Vlog: codft.me/vlog
→ Mão no Código: codft.me/maono...
→ CDF na Estrada: codft.me/cdfna...
→ CAC: codft.me/cac
👕 𝗟𝗼𝗷𝗮 𝗖𝗗𝗙𝗧𝗩
→ codft.me/loja
🔔 𝗦𝗶𝗴𝗮 𝗮𝘀 𝗿𝗲𝗱𝗲𝘀 𝗱𝗼 𝗖𝗗𝗙𝗧𝗩
→ Instagram: / codigofontetv
→ Grupo Facebook: groups/...
👓 𝗦𝗶𝗴𝗮 𝗼𝘀 𝗖𝗗𝗙𝘀
▸ 𝗚𝗮𝗯𝗿𝗶𝗲𝗹 𝗙𝗿𝗼𝗲𝘀
→ / gabrielfroes
→ / gabrielroccofroes
▸ 𝗩𝗮𝗻𝗲𝘀𝘀𝗮 𝗪𝗲𝗯𝗲𝗿
→ / nessaweberfroes
→ / vanessaweberfroes
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
𝑵ó𝒔 ❤ 𝒓𝒆𝒄𝒆𝒃𝒆𝒓 𝒑𝒓𝒆𝒔𝒆𝒏𝒕𝒆𝒔, 𝒄𝒂𝒓𝒕𝒂𝒔, 𝒃𝒓𝒊𝒏𝒅𝒆𝒔 𝒆 𝒎𝒊𝒎𝒐𝒔.
Caixa Postal: 91735 - Cep: 25620-972
Petrópolis / RJ
❗ Edição e Áudio: RW Studio
🚫 Um vídeo do site Código Fonte - www.codigofont...
#JavaScript #Promises #MaoNoCodigoCDFTV #Async

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

29 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@mauramochileira 2 года назад

Estou estudando este assunto agora mesmo. Cês souberam explicar de uma forma super simples. Obrigada mesmo!

@PersonalXZ 5 лет назад

Eu queria ver um vídeo, tipo reportagem, de como é a rotina de uma pessoa que trabalha o dia inteiro com freela workana freelancer !

5 лет назад

Que vida?

@axfilipe 5 лет назад

Que vida?²

@igorthierry 4 года назад

Provavelmente essa pessoa não tem tempo pra reportagem kkk, nem vida aliás kkkk.

@b3njamim 4 года назад

A persona disse rotina, não vida

@EduardoSecondo 3 года назад

Os 3 sites é briga de quem trabalha mais por menos dinheiro.

@mayaraalencar2860 5 лет назад

Muito legal a abordagem de vocês. Um video sobre async/await, por favor!

@abraaoribeiro4234 5 лет назад

@VouPassarSimulados 5 лет назад

@gabrielfonseca6352 5 лет назад

@ernestodev 4 года назад

@luislucass 4 года назад

@adsonsouzajesus 4 года назад

MUUUITO OBRIGADO! Aprendi a utilizar Promise com vocês.

@Didigos_ 7 месяцев назад

adorei a explicação e me tiraram um peso das costas. Parabéns pelo trabalho e obrigado.

@andreray1795 2 года назад

antes eu não sabia promisse, agora tô igual antes

@gilbertoherminio8251 4 года назад

Vcs de D++++++++++++ !!!

@gabrielcardosogirarde7515 2 года назад

obrigado! excelente video

@BrunoMussoi 5 лет назад

Pra quem não gosta de enrolação, pula os 2 primeiros minutos, pois é só depois desse tempo todo que o assunto do titulo começar a ser discutido

@alexon2010 5 лет назад

Qual é deste foguinho, quando digita

@codigofontetv 5 лет назад

É uma extensão do VS Code chamada Power Mode

@harryklippel521 2 года назад

Esse negócio de promisse tava me dando dor de cabeça :( credooo

@mamutygamerfurtivo3783 2 года назад

Tendi quase nada. kkkkk Não senti necessidade de usar isso. Parece o if e else na prática. E no final retornou um array(data.map) com nomes que sequer foram inseridos.

@cachaceirodasquebrada9902 Год назад

foi feita uma consulta através de uma API, esses nomes foram inseridos em um banco de dados. Sem saber manipular promisses você nunca vai conseguir consultar um banco de dados e pegar os valores, porque as informações não chegam no mesmo tempo que o programa roda.

@jeihcio 5 лет назад

Poderia ter falado do 'await' e te mostrado um pouco da dor de cabeça de usar programação assíncrona, por exemplo, ter colocado um 'console.log' em partes do código e mostrado que sem um 'await' na 'promise' como seria printado etc.... Mas em si foi um ótimo vídeo

@codigofontetv 5 лет назад

Ainda vamos abordar mais o assunto. Obrigada pela sugestão!

@paulofloresjunior 2 года назад

@@codigofontetv Já saiu o vídeo?

@diegomatta664 12 дней назад

@@paulofloresjunior kkkk

@ricardoatonholli 11 месяцев назад

Os exemplos esclareceram muito a parte teórica..... No curso que eu estou fazendo de JS eu senti que seria impossível entender a promise e o encadeamento de then's.... Vocês são um achado aqui no YT.... 👏👏👏

@malandrageboy 5 лет назад

nao entendi nada mas vou dar like no video pq o canal de vcs eh pika 👍 👍

@meuplayermultimidia2527 4 года назад

Que mulher charmosa!

@gilmarpereira6837 3 года назад

KKKKKKKKKKKKKKKKKK ESSA FOI DO BALACO BACO

@joaopauloantoniazzidemorae5334 4 года назад

Este foi o conteúdo sobre Promise mais prático e esclarecedor que já vi ou li!!! Gostaria de ter tido contato com este conteúdo há alguns meses atrás!!! Parabéns à Vanessa e ao Gabriel pelo Excelente Vídeo!!!!!!

@zer0k58 3 года назад

eu prometo que sou inscrito no canal

@alecduwe8090 3 года назад

Ter dado esse exemplo sobre a utilização de promisses em contextos reais foi bem bom, esclareceu bastante minha mente, obrigado!

@caiomaciel.c Год назад

Tropa de quem colocou Promisse com dois "S" kkk

@alexfreitas4428 5 лет назад

Foi a explicação mais esclarecedora 🥰😍 Obrigado! Fico no aguardo do async/await

@codigofontetv 5 лет назад

Muito obrigado Alex! Adoramos receber comentários assim, como não somos professores de fato, ficamos sempre com uma dúvida sobre nossa didática! Grande abraço

@cleytonalves6324 2 года назад

Tô estudando isso e me prometendo que não vou sair daqui enquanto não entender tudo ! hahahah! Obrigado pela aula!

@gnai82 5 лет назад

Como que poem fogo na barra de input text? Pelo amor de gzuis, diz que dá para fazer isso aqui no meu vscode.

@codigofontetv 5 лет назад

Essa é uma extensão chamada Power Mode

@gnai82 5 лет назад

@@codigofontetv obrigadooo

@marceloluis195 5 лет назад

To ansioso para sair o Pipe LIne para JS, já esta no site da Moz:\\a porem não tem data ainda Ai o link para quem quiser ver developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Operators/Pipeline_operator

@codigofontetv 5 лет назад

Bem interessante!

@junyorff12 Год назад

Excelente aula, obrigado.

@brunogigliofreitas 3 года назад

"E aqui não tem enrolação, vam bora pra programação" vinheta... intro... piadinhas... mendiga inscrição no canal... propaganda patrocinador... bla bla bla... Finalmente o código aos 2:00 HAJA PACIÊNCIA!!!!!!!

@conteudoanimal 5 лет назад

CDF TV ou cdfs ... alguem tem um bom script anti adblock em php para indicar ... quero colocar em meu site para aparecer um pop up pedindo pra meus leitores desativarem o adblock ... já que o adsense paga as contas do site :-) obrigado pela atenção

@ernestodev 4 года назад

Assincronismo é mt complexo :((, mas msm assim conseguiram acender uma vela no meio da escuridão q eu estava, o melhor video q eu achei no yt. Uma dica, se o alvo for iniciante msm, q nem eu, talvez possa estar falando só por mim rsrs, na hora de codar, explicar oq tá sendo feito, acho q fixa melhor, teria o prazer de ficar 1 hora assistindo o vídeo. Parabéns e Mt obrigado!

@guilhermeoszika7022 Год назад

q jazz maldito de fundo hein

@raar962 11 месяцев назад

Provavelmente a melhor explicação sobre no youtube

@codigofontetv 11 месяцев назад

Obrigado! :D

@nfrpaiva 5 лет назад

Gosto muito do canal de vocês, didática, humor e muito conhecimento. Mas se estamos falando de uma unica thread então não há paralelismo apenas concorrência. Eventos de io (requests a apis) liberam a thread enquanto aguarda resposta e por isso temos a impressão de paralelismo. Grande abraço!

@codigofontetv 5 лет назад

Ótima correção Fernando! Muito obrigado por comentar. (pinned)

@EitanPeles 4 года назад

Muito bom! Mas no exemplo do fetch eu teria feito assim: async function getData() { const res = await fetch(url) const data = await res.json() data.map(user => { let li = document.createElement('li') li.innerHTML = `${user.name}` ul.appendChild(li) }) }

@TheEvertonDias Год назад

O DURO É VOC TER PRESSA PRA APRENDER UM BAGULHO E TER QUE ATURAR ESSAS PIADAS RETARDADAS!!!!!!!! mas obrigado....

@kaiparado 3 года назад

É a piada do pave do nerd hahahahha

@MaickeAndrew 2 года назад

Eu gostei das piadas kkkkkkk

@nettojms5083 3 года назад

Quem mais veio do vídeo de Javascript? Enfim, onde vocês usaram o "map", não seria melhor usar o "forEach"? Pois o map criar um novo array de acordo com os valores que você retorna na função callback passada pra ele, se não retorna nada, uma array de valores undefineds do tamanho da array original é criada, mas creio que esta não foi a intenção. No final eu fiquei meio confuso a respeito da intenção deste último "return" que só fez retornar uma array de undefineds.

@stomperhk9107 3 года назад

Bruh, não entendi nada.

@Ferganni 3 года назад

Cadê p curso do CDF TV? Eu quero... com uma didática dessas só não aprende quem não quiser... muito obrigado.

@gleisin-dev5640 3 года назад

Dúvida! 11:00 se o then() não conseguir buscar o JSON na response, irá cair no catch() como erro? Ótimo video!!

@evertondocumentos254 3 года назад

Oi gente, alguem me da um help. Comecei a estudadar js tem pouco tempo e estou me deparando com esse erro na saída do console: let dados = fetch("jsonplaceholder.typicode.com/users") ^ ReferenceError: fetch is not defined O navegador tb nao mostra nada!! Pesquisei no google (stackoverflow, etc.) e maioria das respostas pediam para instalar o node-fetch. ja instalei com sucesso mas continua o erro. Testei um codigo iguazinho a esse para ver se era algum erro de escrita, mas continua a mesma coisa. Valeeeu

@hugo_alves 4 года назад

o uso excessivo de arrow function torna o código horrível de feio. Não vejo o ganho de resolver a execução assincrona sem o código haduken mas com um código que causa náuseas.

@lucasaster564 3 года назад

vcs são incríveis !!

@Thiagomarinhobeserra 5 лет назад

Nodejs seria uma boa

@dramin7805 2 года назад

video começa 1:50

@ffgcvs 3 года назад

Me ajudou demais!

@hgsampaio 3 года назад

Errou. JS não consegue ainda executar duas tarefas ao mesmo tempo, o que a VM faz é escalonar as varias tarefas e alternar entre elas, mas não há ainda execução paralela.

@ttbr4252 3 года назад

Muito bom, estava precisando muito de um exemplo pratico, vlw Código Fonte !!!!!!!!!!!!!!!!!

@dani.pishinin 4 года назад

+1 inscrita :)

@ryannnkl 5 лет назад

Eu hoje em dia brinco muito com, Ionic, React-native pq sou apaixonado por mobile... E vim entender essa de promises... mas bixu... eu que já entendo um pouco de programação mais complexa do que um simples Hello Wolrd.... entendi nada kkk eu imagino quem realmente ñ programa a tempo

@sdpenedo4670 3 года назад

estou no começos dos estudos de javascript e ate o momento nao tenho pratica ainda so teoria e anotações, quando cheguei nessas promises ai, estou com vontade de chorar ja

@ryannnkl 3 года назад

@@sdpenedo4670 1 ano depois desde meu comentário te falo: ainda não entendo promises kkkkkj mentria é fácil, só acostumar com o conceito novo

@jaopreto-wlock Год назад

Ow, esse fogo saindo toda vez que digita é uma extensão do VS code??? Se for eu quero :O

@PAULOo32 Год назад

cara eu sou mt iniciante no JS, mas eu realmente ja acho que pra frontend eu n serei tao bom! n curtir mt o js, sei la tem coisas dificies de entender, acho que n sou bom para aprender em distancia!!!

@WGSolucoes Год назад

Acho puro exibicionismo mensagem em inglês em tutoriais em nossa língua.

@jubileudasilva9258 3 года назад

"Não tenha medo de fazer promessas" tá engraçadinho hj hein!?😑

@LeandroTercette 3 года назад

Opps!TypeError: Cannot read property 'appendChild' of null :(

@VicenteFilus 3 года назад

Show de bola

@gleydsonbrito1717 5 лет назад

Muito bom, humor , conhecimento, informação séria e correta com muita prática !

@codigofontetv 5 лет назад

🤗🤗🤗 muuuuuuuito obrigado!!!

@estudosacademicos110 2 года назад

Excelente

@viniciuscanovas 5 лет назад

Só tem nerd aqui ... que absurdo .... deixa eu me inscrever rapidinho aqui ....

@gabriel_rwx 4 года назад

Obrigado!

@noceunaotempao 5 лет назад

dorei

@viniciusalves8735 4 года назад

Quando vcs digitam aparece uma chaminha.... eu quero hahahah como eu coloco isso no meu VScode?

@wisenielsmuronha3405 Год назад

Muito bom, o que é esta chama aparecendo quando voces digitam? seria algo do vscode ou da edicao do vosso video?

@lucasalmeida-yp2sr 3 года назад

Não sei porque, o meu aninhamento dos .then() não funciona de jeito nenhum.

@zaqueubatista2786 5 лет назад

ces mim conquistaram com esse tema de jazz nos trechos de aceleração do vídeo

@longuinni 5 лет назад

Excelente conteúdo!!! Ficou legal a iluminação no fundo

@codigofontetv 5 лет назад

Muito obrigado Fernando! Que bom que vc gostou, ficamos um bom tempo reconfigurando nossa iluminação para colocar o Mão no Código em Dark Mode. Grande abraço! :D

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

Explicação nota 100000000000, vcs são incríveis

@jorgetxjr 3 года назад

Eu gostei das piadas. Eu não gosto é de JavaScript!

@arielsouto8337 5 лет назад

Didática excelente! Parabéns! Ganhariam muito dinheiro com cursos online. Entendi todos os conceitos, o problema é na prática kkk mas vamos que vamos!

@codigofontetv 5 лет назад

Que legal ler esse tipo de comentário. Como não estamos acostumados a dar aulas, sempre ficamos inseguros sobre se nossa didática é realmente eficiente. Muito obrigado Ariel! 🤗

@arielsouto8337 5 лет назад

@@codigofontetv já assisti vários vídeos e apenas o de vocês conseguiu simplificar ao máximo. Ensinar é isso: começa com um exemplo bobo e vai evoluindo aos poucos até o aluno entender sem nem perceber que já está entendendo. P.S: o último exemplo só não ficou melhor pq mostrou os primeiros sem fetch e o último com fetch e isso, pra mim, dificultou meu entendimento.

@HeitorTech 5 лет назад

Boa tarde! Java é uma das linguagens mais complexas de se utilizar. Adoro programa em Java e. JavaScript 👏👏👏👏👏

@HeitorTech 5 лет назад

@@fur_fles3923 Boa noite! Claro que sim. Tanto Java quanto JavaScript são linguagem distintas. Abraços

@HeitorTech 5 лет назад

@@fur_fles3923 Pois é ... Se confundem pacas RS.

@DouglasSantosTI 2 года назад

É aquela coisa... Quando você ver pela primeira vez parece a coisa mais difícil do mundo, só que depois de varias tentativas (ou quando você deixa o assunto de lado e volta a ver depois) se torna a coisa mais fácil do mundo.

@atlas_bhz4556 Год назад

Qual extensão faz pegar fogo quando digita ?

@nanda-m7c 3 года назад

Muito bom o video,sobre os exemplos no final do video achei de grande ajuda para pessoas que estão começando como eu e ainda não pensamos como programador nos ajuda a visualizar onde pode ser usado cada função!! Muito obrigada pelo trabalho de vcs!!

@kaiparado 3 года назад

o que é aquela bola la atrás no cenário? quero abrir um consultório espiritual

@adrianoqwe32 5 лет назад

Hum... ainda não tinha entendido direito o Promise.race...

@renanvieira9597 5 лет назад

Meu DEUS! vocês são demais! observei um belo detalhe no seu cenário vocês poderiam falar oque é aquela bolinha que fica mudando de cor ? e parece com um planeta terra??

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

Parabéns pela clareza na explicação.

@rodrigosarlo5828 3 года назад

Adorei a explicação. Objetiva, clara e simples.

@marcelagoulart6244 5 лет назад

Quase não ha videos sobre o tema de informatica ( programaçao), por favor nao parem de fazer estes vidos maravilhosos, sou fã .😍😍😍😍🙌

@codigofontetv 5 лет назад

Muito obrigado Marcela! Esse carinho que recebemos é um grande motivador pra nós. 🤗

@alineperella7054 Год назад

Vocês são sensacionais. Gosto demais do canal. Esse vídeo me ajudou muito a entender melhor o conteúdo ❤ E a forma como vcs explicam é muito boa e divertida 😁

@ilsochrist8199 2 года назад

Muito bom! Precisava disso pra começar Node

@fredyramos2099 5 лет назад

Muito bom!! Estou precisando de um exemplo desse. vou usá-lo no trabalho amanhã. rsrs.

@VictorBreia 2 года назад

Vocês são incríveis! Foram uma das primeiras referências que me inspiraram a voltar para esse mundo da programação. em 2012 iniciei uma faculdade de sistemas de informação que tranquei no terceiro período por motivos pessoais e financeiros. E desde então, abri mão totalmente da área. Hoje trabalho com criação de conteúdo comercial para social media e me encontro num momento onde o mercado não está correspondendo da forma que eu preciso e então me veio o gatilho de aumentar minhas skills... De repente, comecei a ler uns artigos sobre front end, fiz uns cursos para me atualizar com tudo isso novo que veio pra web de 2012 pra cá e botei na cabeça de que minha próxima meta é o fullstaks. Para quem sabe daqui um futuro próximo iniciar uma graduação novamente. E cara, o canal de vocês tem sido um combustível muito forte para essas minhas motivações. Parabéns pela forma que vocês trabalham e por essa química que vocês dois tem, que também é uma parada que conta muito no material de vocês hahahaha!

@jonathanalcantara7347 5 лет назад

Parabéns pela didática pessoal, ficou show de bola. Podemos equiparar essa didática aos cursos pagos, parabéns novamente. Também senti falta dos conceitos async/await já que o assunto são as Promisses, só uma sugestão, abraços!

@ricardo_reis 4 года назад

O vídeo começa somente em 2:32, antes é só enrolação.

@JoaoMarcos-fe2tb 5 лет назад

esse foguinho eh uma extensão?

@codigofontetv 5 лет назад

Sim, se chama POWER Mode

@rimidelcavlis445 4 года назад

Aula maravilhosa. Adquiri um conhecimento novo hoje. Além de compartilharem com a gente o conhecimento de vocês, a aula fica muito mais leve e agradável com essa energia boa e a risada gostosa da Vanessa!!! Valeeeeu!

@julianocanuto7592 5 лет назад

Apoio o #MaoNoCodigoCDFTV falando sobre #Async #Await

@moacyrrln 3 года назад

Eu dei meu joinha só de não ter enrolado no começo do vídeo

@daltinhorp 5 лет назад

da um catch no meu like ai ...to adorando esse canal !

@eliabekun 2 года назад

Excelente! Muito obrigado!

@CarlosEduardoSantosBrito 5 лет назад

Ola boa tarde gente, hoje não usado o async e await

@alanapamplona 4 года назад

Gente, socorrrr alguém me ajuda rsrs nas linhas 5 e 10 dentro do if e else, onde tem errorCallback e callback, isso é uma função que tem um objeto dentro?

@alanapamplona 4 года назад

e outra, o result e error já é padrão serem primeiro e segundo parâmetros lá em cima? pq não tem nada indicando que o result é o primeiro parâmetro e error o segundo.

@ThalesMion 2 года назад

Enfim um vídeo de Promisses com uma explicação simples e clara... parabéns CDFs....

@ricardojosino 3 года назад

Tem uns copos de vinho pendurado no teto 😂😁

@rimidelcavlis445 4 года назад

eu prometo que já estou inscrito...kkkk

@carloslandini Год назад

Esse canal é sensacional

@codigofontetv Год назад

Obrigado por nos acompanhar!

@nafissilva 3 года назад

Java script da para criar jogo de console e pc nele

@brunodakful 3 года назад

que excelencia de aula

@codigofontetv 3 года назад

Muito obrigado Bruno! Ficamos felizes por você ter gostado.

@victorhpantunes 4 года назад

Só me inscrevi por causa das piadas de promisses

@luizrodrigues9233 7 месяцев назад

Como colocar o foguinho no vscode ?

@vroxlon 5 лет назад

acabei de assistir o vídeo estou passando por um caso parecido tenho uma função que faz uma requisição AJAX e não sabia como garantir o retorno dos dados, muito bom esse metodo vou tentar melhorar a minha função.

@codigofontetv 5 лет назад

Que bom que ajudamos!