Programador JavaScript PRECISA DOMINAR essa TÉCNICA!

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

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

50% 1

◆ formacao.dev ◆
◆ www.cod3r.com.br/ ◆
_
Se inscreva já e garanta a sua vaga. 👾
_
Com mais de 400 mil alunos, a Cod3r é uma das principais escolas de tecnologia do País. Um dos seus produtos mais importantes é a Formação DEV.
Uma formação completa que tem o objetivo de preparar os profissionais para o mercado, desde iniciantes no mundo da programação ou profissionais que estão migrando de carreira, a arquitetos de software. A Formação DEV conta com um conteúdo completo para te ajudar a construir soluções inovadoras e enfrentar os desafios da era digital.
_
◆ Vem fazer parte da nossa comunidade:
Discord: / discord
_
◆Siga a Cod3r nas redes sociais:
RU-vid: bit.ly/2LJdjpX
Instagram: bit.ly/3bAStnX
Facebook: bit.ly/2MWAn5p
LinkedIn: bit.ly/3i3pfPC

Наука

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

5 июн 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Quem mais sabe que o vídeo ficou top mas não entendeu nada? o/

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

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

A luz acendeu aqui quando entendi que funções no JS são nada mais que valores... Valores especiais, que representam ações, e não dados simples como strings e números.

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

Eu amo brincar com funções kkk. Eu fico viajando fazendo experimentos assim. Função chamando outra função, objeto com funções... JavaScript é fantástico.

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

;-;

@marceloa.oliveira4333 4 года назад

Confesso que terei que assistir umas 3 ou 4 vezes p fixar rsrsrs...

@nelson.costa.dev2536 4 года назад

Só 3 ou 4... eu vou rever o ano todo kkkk

@marceloa.oliveira4333 4 года назад

@@nelson.costa.dev2536 RSRSRS mas é isso mesmo a repetição do conteúdo faz as coisas ficarem mais faceis, mais natural, p/ mim complicou depois do currying :(

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

Que bom, não estou sozinho hsushauahaua

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

TMJ

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

tmj galera aewhuehawuehuwa rever o ano todo também

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

Pra quem não entendeu, a ideia é a seguinte: sabe quando usamos métodos em "chaining" de objetos, como 'string'.toUpperCase().split().join()? A ideia é fazer basicamente isso, mas utilizando funções em vez de métodos. No exemplo acima, ficaria: composição(toUpperCase, split, join)('string').

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

Deu uma clareada na ideia cara, muito obrigado, agora consegui ver de uma perspectiva diferente e entender melhor a utilidade e a forma de aplicar, vlw mesmo

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

O conceito seria para facilitar a leitura e manutenção do código ou tem mais algum benefício? Nesse sentido eu gostei bastante disso

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

nooo mano, abriu minha mente vlw

@ramonvinicius3498 Год назад

O retorno da função filha vai ser o valor que a função pai (que "abração" a função filha) vai processar, e assim por diante. Explicando melhor: fn1(fn2(fn3(valor))). A fn3 vai retornar um valor. Esse valor retornado vai para a fn2 (ela vai executar suas instruções com esse retorno da fn3), e assim por diante.

@BrunoRodrigues1990 Год назад

Obrigado pela abstração

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

Perfeito! Muito claro e útil. Parabéns!

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

Muito legal essa dica. Top!!! Vou exercitar isso pra fixar o conhecimento. 👏👏👏🚀

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

Forma prática e fácil de abordagem do assunto. Show!

@Barbara-st2fs 4 года назад

Adoro a sua maneira de explicar, fica muito fácil de entender. Só tenho a agradecer por você compartilhar seu conhecimento conosco.

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

Parabéns pela excelência da aula!!!

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

Excelente explicação e didática!!!!!!!!

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

Caramba! Muito massa! Vlw Léo!!!!

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

Top demais! Parabéns, valeu.

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

Excelente vídeo, parabéns!!

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

Nossa excelente explicação! show de bola Leo!

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

Não conhecia...será de grande ajuda daqui pra frente...vlw

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

Muito bom conteúdo do video. Gostaria de ver mais videos assim sobre JS. 👏

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

Parabéns!!! Aula top

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

Muito legal.!!!parabéns.

@nogueira97 Год назад

Pow, incrível a aula. Um pensamento simples mas diferente. Parabéns

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

Excelente conteúdo... Fantástico!

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

Caramba excelente video aula, obrigado!

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

Muito massa esse vídeo, faz mas vídeos com técnicas pra JS xD

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

Muito bom conteúdo, sou um fã de programação funcional e esse método é maravilhoso para reforçar o uso de função assíncrona por exemplo para chamada API. Parabéns pelo conteúdo que vem postando, estou acompanhando diariamente o canal, já curtia a didática e agora estou ainda mais, para iniciante é maravilhoso, para quem já tem mais experiência é muito bom para rever conteudo.

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

Excelente vídeo. Vou estudá-lo hoje

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

Excelente aula Léo!

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

Excelente aula, Leonardo!

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

Bem legal, conceitos muito usados no ReactJS, por exemplo. Parabéns pelo vídeo.

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

Excelente!!!

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

Show! Eu nao conhecia essa técnica.

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

Fantástico a recursividade funcional aplicada no ultimo exemplo.. show

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

C A R A C A!!!!! Que vídeo sensacional. Preciso revê-lo mais umas 10x para fixar e ter essa mentalidade, principalmente porque estou começando agora e não tenho nenhum vicio de linguagem. TOP! SENSACIONAL.

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

Parabéns professor !

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

Esse conhecimento é interessante pra quem quer fazer sua própria library. Obrigado por compartilhar.

@nelson.costa.dev2536 4 года назад

Eu vejo muita gente usando atalhos do editor mas quanto a palavra chave console.log( eu raramente vejo ) e é bem simples: log+tab

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

valeu pela dica eu nao sabia disso

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

Mais um atalho anotado! Vlw.

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

clg

@FelipeAlves-sx5ld 4 года назад

Existe algum site com todos esses atalhos?

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

@@FelipeAlves-sx5ld depende, se vc usao vscode é so ctrl + K S, ou é ctrl + K M

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

Muito bom o vídeo!! Falei rapidamente sobre HOC no meu vídeo de Redux de ontem pra explicar o "connect", mas você matou a pau na didática, parabéns!

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

Reduce em um array de funções pra gerar composição... sinto sabor de criatividade, mano! Amo ver uma maneira nova de resolver algo. Parabéns, cara. Amo seus vídeos e sou aluno de vários cursos. Sucesso!

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

Muitos conceitos explicados de forma muito rapida em muito pouco tempo. Por esse video não deu pra entender muita coisa, mas vou pesquisar o assunto e estudar com calma. Valeu!

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

Incrível, muito massa esse assunto.

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

Legal demais o video, eu uso isso bastante para criar funções de validação com informações genéricas, uso muito no angular e no vue haha .

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

Maravilhosa a introdução! Tem muito desenvolvedor experiente, que não conhece o poder deste padrão de projeto, composição! No mundo javascript dominar esse pattern é uma ferramenta poderosa na arquitetura da sua aplicação!

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

No caso conhecer até conheço, agora dominar só com muita prática.

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

muito bom cara, acompanho teus cursos na Udemy, mas só agora me inscrevi no canal, vou acompanhar os outros vídeos! Vlw por compartilhar!

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

top, como sempre!!!

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

Muito bom, da para fazer um código bem mais limpo Amando esses vídeos novos quase todos os dias kkk 😮😁 Acho que um bom tema para abordar tbm seria Hoisting no JS

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

Muito foda!!!!

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

Muito maneiro! Não foi por acaso que decidi fazer os cursos Udemy pela Cod3r. O cara manja muuuito!!!

@thymarques Год назад

Muito interessante, apesar de eu nunca ter visto... mas provavelmente vai ser bem util.

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

Ajudou... Irá me ajudar em um probleminha.

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

Comprei o curso do Cod3r na udemy e estou curtindo demais! Esse cara tem muito conhecimento para passar adiante, principalmente dos fundamentos da linguagem. Muito bom

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

Obg dicas too

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

Excelente! Javascript é muito flexível.

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

Muito bom!

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

No começo não entendi nada, quando chegou no final parece que tava no começo kkkk vou salvar pra ver mais com calma depois

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

cara tive a mesma impressão que a sua , mas eu no final fiquei um pouco mais frustrado porque parece ser bem simples e não entendi nada. Parabéns para nós

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

Seria dificuldades de entender funções de primeira ordem e/ou o método de Array "reduce"? Seria melhor vocês verem sobre eles separadamente e voltar aqui depois.

@evertonf.costasouza3692 4 года назад

Nossa foi top, isso é muito.util quando precisa de muito métodos , vou tentar fazer ele no react ,pois estou fazendo o react com script , puxando ele pro HTML , e colocando e colocando dentro das tags script , não tô usando o node ,tô fazendo nativo .

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

Programação é simplesmente incrível.

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

Seria legal um vídeo seu explicando função recursiva com JavaScript.

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

Olá, esse professor é legal, faço curso de Java com ele

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

Obrigadooooo

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

Interessante o conteúdo =)

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

Show!!!!

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

Interessante!

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

A primeira vez que vi sobre função em JavaScript com o Léo, pensei que nunca fosse entender isso, depois de alguns meses estudando isso se tornou muito fácil e natural...o segredo pra aprender isso é praticar e estudar em conjunto com tecnologias que utilizam isso como o Angular, React, Node, junto com as Promises e os Observables.

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

BRABO.

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

Eu assisti vários vídeos da Cod3r na Udemy, mas eu sempre assisti na velocidade 1.5, é estranho ouvir o Leonardo falando na velocidade normal. Hehehe

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

Ele fala bem lento mesmo. Mas tem um raciocínio bem claro e linear.

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

Prof. Leonardo Obrigado mais uma vez! vale sim muito apena adquirir os curso da Cod3r, afirmo isto sem ganha um centavo. O curso de desenvolvimento web moderno foi o curso mais completo e custo-benefício que fiz até agora! Claro que exige atenção, revisão e prática como todo bom curso deveria exigir!

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

Top top top!!!

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

Muito bom.

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

Mais vídeos do tipo pfv, quero me aprofundar na linguagem

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

Obrigada pela sugestão, Elvis! 👾

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

Devia ter feito este vídeo 2 semanas atrás... kkkkkkkkkkkkkkkkkkk! Briguei justamente por conta de uma situação que precisava passar um terceiro parâmetro (no caso o "valor")... minha questão diferente é que eram promise results ... mas neste estrutura que vc apresentou funcionaria perfeitamente... shoooow!

@devricardonovais1294 Год назад

Grato pelo vídeo! Lazy evaluation tem a ver com assincronismo?

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

Eu entendi, mas não compreendi kkkk. Sou novato no JS, e estou apanhando exatamente nas funções. Mas vou assistir com calma novamente. Ótimo vídeo!

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

Estou caminhando... uma hora eu entendo isso tudo rsrs... estou fazendo seu curso

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

Valeu demais! O JavaScript pra mim é paradoxal... Tem suas muitas armadilhas, mas permite fazer coisas bem interessantes.

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

O cara eh mto crânio! Meu Deus

@lucasfelipe-ze5sy 4 года назад

muito bom

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

Vários conteúdos showw2

@Everson2958 Год назад

Voces poderiam adicionar curso de vue3 com o vitejs agradeceria mt, so vou assinar o plano da cod3r se tiver esses 2

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

Olá, aulas excelentes! Sou aluno seu na plataforma udemy, queria saber quais livros pra iniciante em javascript eu deveria ler para complementar com seus cursos?

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

Esse conhecimento tá pairando ainda na minha cabeça... ainda não caiu a fixa, mas vou assistir mais umas quantas vezes hehehe.

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

show

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

Dedo no like!

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

Top

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

Amigos da Cod3r, gostaria de sugerir um conteúdo. Um form master-detail em react ou Vue. Incrível que tenho uma tonelada de curso comprado e em nenhum é ensinado esta técnica/padrão. Observo que tenho vários cursos de vocẽs e se porventura algum tiver este conteúdo, agradeceria se me informasse, pois não achei. Abração !

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

top demais, qual o número máximo de parametros do tipo função que dá pra colocar numa composição?

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

Não há um limite. Pelo menos desconheço. 😁

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

Mano eu gostaria de entender um pouco mais como funciona o Lazy evaluation

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

O grande problema q eu ainda não entendo o método reduce(), muito menos passagem de funções como argumento. Vou dar uma olhada nisso mais vezes...

@wallefrodriques4015 Год назад

Mais isso serve pra que ,vai ser ultilizado como ? Alguém explica por favor

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

Quando tenho de usar uma função muitas vezes para fazer a mesma tarefa em elementos similares eu retono uma referência pra ela mesma. Por exemplo quando quero por o atributo disabled em vários campos input eu faço assim. function disableInput(id){ $('#'+id).attr('disabled', 'disabled'); return disableInput; } disableInput('nome')('sobrenome')('telefone');

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

Eu passaria um array e rodaria um forEach, nunca tinha pensado em fazer assim kkk

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

M u i t o B a c a n a, L E O !!!! Muito obrigado!

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

Meu Deus nunca tinha pensado nisso, se fosse eu, teria feito tudo numa função só kkkk

@tiquimfit8352 Год назад

tem uma maneira simples de entender isso de forma bem rapida e direta

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

Esse negócio de funcional é novo pra mim, confesso que embaralhou tudo o meu cérebro

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

Esses cursos da Udemy são atualizados ?

@MarcosVinicius-us2dj 4 года назад

em uma única linha de código: const composicao = (...fns) => (valor) => fns.reduce((acc, fn) => fn(acc), valor) . isso é muito louco hahah

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

bagunça da merda

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

Fazendo um paralelo com poo isso substituiria a herança uma vez que se use apenas funções e não classes?

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

Se achou isso experimente ver os módulos do angular e tudo fará mais sentido!

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

Pra quem tem dificuldade de entender a logica é a seguinte: funcão executaFuncoes(funcao1,funcao2,funcao3){ return funcao1(funcao2,funcao3) } funcao1(){ return `O gato Mia` } funcao2(){ return 'o pinto pia' } funcao3(){ return 'o cachorro late' } executaFuncoes(funcao1,funcao2,funcao3){ aqui vai ser retornado é o que cada funcao faz, no caso o gato mia, o pinto pia, o cachorro late } a logica é simplesmente executar funcoes uma apos a outra algo como: funcao1() funcao2() funcao3() porem manipulando as posicoes e ordens ou ainda o conteudo de cada uma.

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

O que me ferra é esse parâmetro "funcoes" da função composição significar todas as outras funções... Isso me ferra muito e sempre! Eu tenho uma dificuldade de entender os parâmetros das funções em JavaScript que às vezes eu os escrevo sem entender e dá certo, de tão doida que essa parte é!

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

Eu só fiquei com duvida de quem são os acc e fn no return da função

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

O reduce funciona como um loop. E ele faz 2 coisas. A cada loop ele pega um item do array (o fn), e retorna um valor. Valor esse q se torna o acumulado (acc) e pode ser reutilizado no próximo loop. Ou seja, digamos q o valor inicial seja "abc" Loop 1 retorna ABC Loop 2 retorna ABC!!! Loop 3 retorna A B C !!! E o resultado do último loop é o valor final da operação. A função, de forma mais 'aportuguesada': [gritar, enfatizar, tornarLento].reduce( (textoRetornado, itemDaLista) => { return itemDaLista(textoRetornado) }, valorInicial)

@JulioJogos 10 месяцев назад

achei supimpa essa aula

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

Bem tentei reproduzir o codigo aqui no meu pc, mas sempre que mando abrir o arquivo no terminal da erro na linha 1 caractere 21 :/ function composicao(...funcoes){ return function(valor){ return funcoes.reduce((acc, fn) => { return fn(acc) }, valor) } } function gritar(texto){ return texto.toUpperCase(); } function enfatizar(texto){ return `${texto}!!!!` } function tornarLento(texto){ return texto.split('').join(' '); } const exagerado = composicao( gritar, enfatizar, tornarLento ) console.log(exagerado('Teste de composicao de variaveis')) console.log(exagerado('debbug'))

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

Rest é com 3 (...func) pontos, vc usou 4

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

@Cod3r Cursos Excelente explicação, faço seu curso de desenvolvimento moderno. Só uma dúvida, meu VScode não está com o intellisense para javascript, há algum procedimento que eu possa fazer (desde já, pesquisei, porém sem sucesso) Obrigado

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

Instala a extensão ESLINT

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

@@adrianofaria2834 ja fiz isso, acredito que tenha alguma configuração. Né?

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

Procura Visual Studio IntelliCode

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

@@cod3r obrigado