[Codeminer42 Brownbags] JavaScript - as partes essenciais

Vamos falar sobre as partes essenciais que compõe a espinha dorsal do JavaScript. Partes que talvez você não saibam que existem ou o quanto impactam no código que você escreve no dia-a-dia, mas elas sempre estiveram ali!

1. JavaScript as partes essenciais
2. Talysson Web dev @ Codeminer42 beacons.page/talyssonoc
3. O que significa “essencial”? - A comunidade JS é bastante ativa - Várias ferramentas, bibliotecas, frameworks - É comum focarmos nas ferramentas, e esquecermos a base: a linguagem - O essencial é tudo da linguagem que vai te perseguir não interessa qual ferramenta use - Não saber o essencial significa não usar todas as vantagens oferecidas pela linguagem 3
4. 4 High-order functions e Callbacks
5. 5 High-order functions e Callbacks - Em JS, funções são first-class citizens - Funções são tratadas como qualquer outra variável - Passadas como argumento e também retornadas - Uma função passada como argumento é chamada de callback - Um callback só é invocado quando a função que o recebe decide chamá-lo
11. 11 Links sobre - https://developer.mozilla.org/en-US/docs/Glossar y/First-class_Function - https://developer.mozilla.org/en-US/docs/Glossar y/Callback_function - https://eloquentjavascript.net/05_higher_o rder.html
12. Escopo e closures 12
13. 13 Escopo e closures - O escopo de uma função é seu contexto atual - Composto por valores acessíveis naquele ponto - Este escopo inclui tanto valores dentro da própria função quanto valores do escopo superior ao atual - Uma função que acessa valores de um escopo pertencente à outra função é chamada de closure - Closures permitem que função “carreguem valores”
16. 16 Links sobre - https://developer.mozilla.org/en-US/docs/Glossar y/Scope - https://developer.mozilla.org/en-US/docs/W eb/JavaScript/Closures - https://eloquentjavascript.net/03_functions .html#h_hOd+yVxaku
17. Arrow functions, Functions e this 17
18. 18 Arrow functions, Functions e this - O JS possui 2 tipos principais de funções - Arrow functions foram adicionadas mais recentemente à linguagem - A diferença das duas não se restringe à sintaxe - Funções possuem uma variável especial: this - Conseguimos manipular o valor de this - Mas, arrow functions trabalham diferente com o this
35. 35 Links sobre - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/F unctions - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referen ce/Functions/Arrow_functions - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referen ce/Operators/this - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referen ce/Global_Objects/Function/bind - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referen ce/Global_Objects/Function/Call - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referen ce/Global_Objects/Function/Apply
36. Prototype 36
37. 37 Prototype - Prototype é o modelo de objetos usado pelo JS - Podemos dizer que JS não tem realmente classes, a sintaxe class é apenas um atalho para prototypes - O prototype de um objeto define quais métodos e propriedades ele terá quando instanciado - Tipos primitivos também acessam prototypes - Eles podem ser modificados depois de definidos, e isso permite uma grande funcionalidade: polyfill
45. 45 Links sobre - https://developer.mozilla.org/en-US/docs/Learn/J avaScript/Objects/Object_prototypes - https://github.com/getify/You-Dont-Know-JS /blob/1st-ed/this%20&%20object%20prototy pes/README.md#you-dont-know-js-this--obj ect-prototypes - https://eloquentjavascript.net/06_object.ht ml#h_SumMlRB7yn
46. Promises e async/await 46
47. 47 Promises e async/await - Promises são objetos que representam o resultado (sucesso/falha) eventual de uma operação assíncrona - Surgiram como uma melhor forma de organizar o uso de callbacks aninhados para assincronia - Não é possível "tirar o valor" de uma promise - Acessamos este resultado através de um callback - async/await é uma feature baseada em promises que melhora a ergonomia das promises
56. 56 https://gist.github.com/talyssonoc/8cac925c809d93e915ed404695e0666b Desafio de promises
57. 57 Links sobre - https://developer.mozilla.org/en-US/docs/Web/Ja vaScript/Reference/Global_Objects/Promise - https://developer.mozilla.org/en-US/docs/W eb/JavaScript/Reference/Statements/async _function
58. Obrigado! @talyssonoc beacons.page/talyssonoc