JavaScript: Map e Reduce na prática
Вставка
- Опубліковано 30 вер 2024
- E aí, programadores? Vocês já aprenderam, pelo menos, o básico do tão falado JavaScript? Ótimo! Então joga isso fora e vem aprender como o JavaScript funciona de verdade. Mas vem preparado porque vai ter código na tela. Dá play!
Seja PRO: www.devmedia.c...
#JavaScript #MapReduce #DevMedia100k
== Sigam-nos nas redes sociais:
LinkedIn: / devmedia
Facebook ➞ / devmedia.com.br
Twitter ➞ / devmedia
Instagram ➞ / devmedia.com.br
Fala rapaziada do canal 🧙♂️ Os links para os conteúdos citados no vídeo são esses aqui oh 👇🏻👇🏻👇🏻
www.devmedia.com.br/javascript-map-mapeando-elementos-de-um-array/40648
www.devmedia.com.br/exemplo/documentacao-javascript/80
DevMedia 🥰🥰🥰🥰
Parece simples... mas eu não sabia disso! Vou correr atrás para aprender essas coisas aí!
Por favor, sempre que possível tragam mais vídeos com código!
Sugiro abordar sobre promises, async e await!
Sobre middlewares tmb
Um exemplo de middleware seria o bodyparse para tratar requisições
Podia ter explicitado que a função foi corrigida. Antes tava a = b.produto, depois é que corrigiu pra a + b.produto. Tava aqui procurando o erro 😅😂
tendi não na minha reduce, com o = da 400, com + da 2500 isso 2 itens só, ficou confuso pra quem tá aprendendo. Ficou diferente do vídeo.
Eu peguei em aki 5:51 a função callback está a = b.preco
E depois está a + b.preco
Cara, se não fosse pelo seu comentário, eu ainda estaria quebrando a cabeça com esse pedacinho de código, sem entender nada. Valeu mesmo!
todo mundo que elogiou o video simplesmente nao reproduziu o código em sua maquina, pois sem alterar esse sinal não da pra pra somar com o valor anterior. Obrigado parceiro!
A formula do reduce ta errada, me surpreende o tanto de elogio de gente que nem botou pra rodar o código, pq como foi mostrado nao vai somar os valores. O certo é a + b.preco e nao a = b.preco
Dica top, realmente muito útil. Obs: Estou passando em frente ao escritório de vocês agora 😁👍
E que trânsito kkkkk
KKKKKKK
Que editor foda! kkkkkkkk Os caras tem que ficar fuçando igual louco os videos na internet e na cabeça pra lembrar usar esses memes.
Normalmente o que editores fazem é ter pastas cheias de memes
Que fooooda, tô estudando JS agora, parabéns
Saudade de quando o dólar estava 4 reais. 😆😆😆
depois da aparição do filipe smith não consegui ver o restante ,tive que para pra rir kkkk
Já sabia usar e aconselho a usarem, reduz e muito a verbosidade do nosso código, e com a utilização das arrow functions então; nem se fala.
Parabéns pelo vídeo!
Os vídeos da DevMedia estão cada vez melhores, parabéns.
Muito obrigadoo Paulo!!
Show de bola!!!!! Agora eu realmente entendi a função do Map. Já vi várias pessoas explicando mas sério, não tão claro assim. Eu brinco com Arduino. E muito comum usar algum potenciômetro. Normalmente os valores vão de 0 a 1024, se não me engano. Mas é comum usar o map() para diminuir o range, tipo de 0 a 100. Apesar do que eu ter escrito já indicar o uso do map(), ainda assim não estava conseguindo ter uma visão mais ampla da coisa. Difícil explicar escrevendo. O ponto é: Valeu pela explicação!!! Agora sim entendi o negócio. :-)
Muito obrigado Fernando!!!! Ficamos felizes que tenha entendido agora :D
CARA VOCÊ É MUITO BOM NA DIDÁTICA!
Corta esse cabelo!
Sorry !!!! Não tem UMA INSTRUÇÃO MELHOR QUE A OUTRA !!! Se eu necessitar varrer uma coleção para fazer um procedimento específico meu, terei necessariamente que usar o “for” ou o “while”
Teu vídeo é bom.... Continue seu trabalho que é legal mas deixe seu ego de lado e dê mais ênfase ao CONHECIMENTO sem ficar dizendo o que é melhor ou pior pois o uso da ferramenta depende da mão que empunha a mesma !!! Abraço
Vídeo show de bola, mas tá com um erro aos 5:10 que talvez não tenham visto, é colocado 'a = b.preco' e já corta pro log do parâmetro corrigido como se tivesse rodado assim, mas aquele parâmetro retorna apenas o segundo valor, depois na frente dá pra ver no código que o correto é 'a + b.preco', me deixou bugado por alguns segundos rsrsrs. e mais uma vez, vídeo show de bola!!
Saudades do dólar a R$ 4.
Obrigado pelo video me ajudou muito, gostei de como explica, e a documentação ta muito top bem explicadinho pega todos pontos importantes. parabéns
valeu bro, esmiuçou legal o content e deixou mastgadinho. agora eu compreendi a funçao do map....show
Mancada nao ter avisado que aos 5:19 tinha que ser a + b.preco e não a = b.preco..... depois seguiram a vida no video. kkkk :( porém obrigado pelo conteúdo me ajudou mto !!! ♥
Você errou aos 5:16 escrevendo que a = b.preco e depois magicamente aparece um operador + no lugar da atribuição. Podia avisar isso no vídeo errar é humano. Parabéns pelo vídeo ficou bom.
Certeza que esse vídeo, por conta da música "Candy Shop" tocando no fundo, recebeu aviso de direitos autorais hahaha
Sempre vai depender do contexto map não funciona bem com funções async/await
To aprendendo Python e estava na aula de mapas e é bem parecido com Javascript. Legal saber que essa linguagem é de fácil entendimento tbm. Espero aprender ela depois que eu aprender Python.
pqp mlk, depois de assistir 5x e rever uns 3x o material na plataforma do curso de vcs entendi... meu Deus
Não temos somente o map e reduce como arrays de interação, existe tbm o for each, find e filter.
Problema de devmedia é cancelar assinatura, eles querem cobrar taxa abusiva e atendimento horrível. Nunca mais vou cair nessa cilada
Explicou melhor que o professor de outro curso que eu tinha comprado
Boa maninho !!
Valeuuu!!
Mullet em pleno 2020 kkkk Dev é tudo doido mesmo e eu tô ficando igual
Boa, galera! Gostei muito do formato do vídeo. Parabéns.
Valeuuu Álvaro!!!! :D
Esse corte de vídeo em 5:20 em que altera o sinal de = pra + quebra a perna de quem não está atento...
I love Estevão, se ele parar de aparecer no canal é -1 escrito, eu sinto que to vendo chaves enquanto estudo programação o cara é bizzaro de sinistro i love you Estevão^^
Parabéns meo.. explicou com mta clareza! Valeu
Corta esse cabelo irmão. O assunto é da hora! Valeu.
Vdd kkkk
😈😈😈
O cabelo dele é ótimo, só ta mal penteado!
Tem é que despentear, ai vai ficar top😀😀
Eu vim aqui dizer isso mas já que você disse, obrigado.
Notebook parecido com o meu!
É nósss
valeu fella, video bom demais tava com dificuldade em entender a funçao map
O maior problema desse vídeo é fazer as pessoas lembrarem que o dólar está 4 reais!
mano...muito top a explicação..ajudou muito aki
Aeeeeeeeee Estevan mais vídeos assim, grande abraço e sucesso sempre, cabeleira linda kkkkk.
Valeuuuu pela moral Willian!!!
Cabelo do Estevão cada vez mais estiloso!!!
Parabens, esse foi o melhor conteúdo que vi sobre esse assunto, muito bem explicado
+1 inscrito.
Valeu Matheus!
5:34 ... kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
o codigo ta incorreto no reduce, nao é sinal de igual e sim de adiçao
Estevão é god demais, só traz conteúdo top
Henrique Marques 🌟🌟🌟
Mlk é um monstro... like
Eu achei que esses métodos eram básicos 🤡
Video show! Otima dica, muito bem explicado! Vlw
Muito obrigado Ruidemberg!! :D
Babel
Sendo um dentre os transpiladores mais utilizados, o Babel converte código ES6 para ES5, reconhecido pela maioria dos navegadores. Assim, o programador pode utilizar os recursos mais novos da linguagem, disponíveis apenas no JavaScript 6, mantendo a compatibilidade de seus scripts entre diferentes navegadores, mesmo que eles não suportem ainda essa versão da linguagem.
De alguma forma o transpilador Babel pode representar uma vulnerabilidade da linguagem ? Ou não ?
Não vejo dessa forma, mas como uma solução para o problema da diferença de tempo de implementação de cada navegador. A grosso modo o JS funciona mais ou menos assim, um grupo de cientistas aprova um recurso que a linguagem deve ter, formaliza isso e aí começa uma corrida entre os navegadores pra ver quem implementa isso primeiro. No momento o Chrome tá na frente. Como o V8 é o motor do Chrome e do Node, eles costumam avançar com bastante proximidade, mas não necessariamente juntos. Um dos papéis do Babel é tentar corrigir essa distância pra que eu, que tô só assistindo a corrida, não seja prejudicado por depender de quem tá ficando pra trás 🙌
legal man, show de bola!!! Qual extensão do vs code vc utiliza para ver os dados no console do proprio vs code?
Fala Mateus, esse é nativo. Ctrl + ' (aspas simples), ele abre o powershell lá embaixo (powershell ou o prompt que vc escolher), grande abraço!
Takiparil, justamente o que eu precisava kkkk
porque não usar ponto e virgula ?
array.reduce((a, b) => a + b.preco, 0) * 4
DevMedia sempre na frente. Excelente!!!!!
Valeuuuu Wagner!!!
os videos do Estavão são muito bons
Tocando Candy Shop no fundo, hahaha
Tem como cortar uma parte do titulo da tumb? Deixa so as primeiras duas parter "nao programe em javascript" kkkkkkkkkk
kkkkkkkkkkkkk aii não
mas é muito bonitinho
EstevãoMedia
onde curte 2x?
Valeu pela dica
Irmão
Sua voz é altiva, formidável chamando a atenção na leitura do código pra quem desconhece funções e assimetrias delas. Você vende algum curso completo sem deixar a desejar, com boas explicações do início ao fim em programar com Java script para Mobile, no uso de react. Js? As vezes fico um pouco confuso em entender. Quantas horas de aulas com o maior número possível de exemplos com práticas de Java script. Você pode adiantar num vídeo. Aprendi Javasxeipt em 1999, faz tempo isso. Devido o desinteresse daquela época que computador era pra rico, do tempo da programação em terminal, acabei esquecendo Boa parte do aprendizado de faculdade. Se bem que Javascript era sensacionalismo daquela década de 90, sem mencionar que php, Java, html, css e outras foram criações da década de 70.
Sensacional está explicação eu tinha dificuldade em entender estas funções ficou show demais parabéns devmediaaaaaaa
Muito obrigado Emerson!!! :D
top!
tava tocando twenty one pilots de fundo kkkkkkkkk gostei
Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !
Onde encontro a documentação de js mais atualizada e completa possível?!
Conhece o Google
@@reginaldo6964 se eu quisesse pesquisar eu não estaria perguntando aqui ow zé ruela!!
Sensacional ! Parabens pelo conteudo
Muito obrigado Molusko!! :)
Tu é brabo mlk, cabelo meio maluco mas tu é daora
Por enquanto vou revisar o map e o reduce no Python e em um futuro bem breve vou começar a, finalmente, aprender Javascript. Valeu a dica.
Tmjj Adriano!!
Assisti uns 3 videos mas os exemplos do pessoal não estava colando muito pra mim com o map, o pessoal não explicava com uma linguagem simples o funcionamento do Map ou reduce, utilizavam linguagem técnica demais e aí já iam para o exemplo, em 2 mins de video já entendi como funciona e já consigo aplicar em meu projeto, obrigado!!
Parabéns pelo video ! e Daaale tela verde.
Valeuuu Mateus!! Sempre evoluindo :)
Parabéns, ótimo vídeo 👏
Valeuuu Chapolin157
O curso "pensando como um programador javascript" da Cod3r fala sobre a programação funcional e sobre essas funções abordadas no vídeo
👏👏👏👏
Só uma dúvida, se for só percorrer, seria bom usar algum for, while ou algo assim. Certo?
Topaço!
Até q enfim, vídeo com código. #pormaisvideosassim
A pedido de vocêsss :)
Video muito bom, podia ter incluido o filter tbm :-)
David Moura pois é David, até pensei em trazer esse, mas acabou ficando corrido pra encaixar. Vou tentar colocar num próximo junto com peek e outras funções mais gerais 👍🏻
Vídeo de qualidade, me rendeu bons estudos, me aprofundando mais nesse recursos.
Valeuuu Erik!! :D
Fundo maravilhoso
Muito obrigado Guilherme!!! :D
Finalmente aprendi usar map e reduce. Obrigado!
e pra python, quais as funções equib=valentes?
No caso, reduce só soma ? Ou consigo fazer outras operaçoes alem dessa ?
PREFIRO USAR FOR MESMO E MAIS FÁCIL DE ENTENDER
O Estevão é maravilhoso demais
Vamos aumentar o conteúdo de python lá na Dev, eu assinei pra isso kkkkkk
Opa! Então corre lá que acabou de entrar conteúdo de Python 😂😂😂
Curtir esse formato. Muito bom.
Caralho. Que aula BOA!!!!
Que baita conteúdo!! Parabéns! Cadê os links ?????
Angelo Lencina adicionamos no primeiro comentário 🙌🏻🙌🏻
Muito bom !!!!
Muito obrigadooooo!!!
Muito bom
Valeuuu!!!
Muito bom, obrigado!
MTO BOM!
Muito obrigado Ruinhall hall!!! :D
Excelente vídeo.
Cara sera q consigo aprender java script em quanto tempo.
Com 1 hora de estudo vc ja terá o essencial. O restante pode demorar a vida inteira e vc (nem ninguém) saberá 100%
Depende do quanto você estuda e aplica os conhecimentos. Se tu já programa não vai ser tão difícil. Eu aprendi a me virar com JS em menos de 3 meses mas sempre aprendo algo novo.
Comecei JS a poucos dias, vamos ver se o video ajuda
Esperamos que sim 🙏 E fique a vontade pra compartilhar com a gente os assuntos que você tá sentindo dificuldade, estamos aqui pra ajudar 😊
Eu também :-)
Eu vim do futuro, esse código precisa ser atualizado multiplicando por 5.55 só invés de 4, hehehe.
Excelente aula, parabéns pelo ótimo conteúdo!
First!!!!