Dev Natan - Programação descomplicada

Com certeza você já usou um laço for..of algumas vezes, e não sei você, mas antes quando eu usava, muitas vezes tinha a curiosidade de saber como realmente funciona a implementação de tudo, e hoje vamos ver um pouco sobre. Apesar de o iterator protocol ser um pouco mais antigo que o próprio Javascript, nessa linguagem a implementação dele como protocolo só veio surgir no ES6 , mas não é das novidades do ES6 que vamos falar hoje. Como já deve ter percebido, os iterators estão por quase toda a parte nosso amado JS . Eles estão lá no Array , Set , Map e até nas string também. Iterators e Generators são ótimas formas de computar coisas sob demanda, sem a necessidade de jogar tudo em memória de uma vez. Um exemplo que foi meu primeiro caso de uso foi. Eu tinha um JSON que quando lia ele todo de uma vez, meu navegador simplesmente travava tudo, e meu desafio era lê-lo e fazer uma pesquisa do tipo full te...

Se você tá aprendendo Javascript e não está aprendendo já com "as novidades" do ES6 — também conhecido como ES2015 ou EcmaScript6 —, já deve ter se deparado com um cenário onde precisava copiar os itens de um Array ou um Object , e viu como pode ser um pouco trabalhoso fazer esse clone que em versões anteriores faríamos algo assim: var oldArray = [ 1 , 2 , 3 , 4 ] var new Array = [] for ( var i = 0 ; i < oldArray.length; i++) { new Array [i] = oldArray[i] } console.log( new Array ) // [ 1, 2, 3, 4 ] Mas graças aos poderes do ES6, isso pode ser bastante simples. No ES6, dentre várias novidades que facilitaram nossas vidas, tivemos a introdução da Spread Syntax , que também é conhecida por Spread Operator . Como o nome já diz, ela é exatamente uma "sintaxe de espalhamento", isso quer dizer que podemos apenas "espalhar" um objeto em outro. Vamos ver o exemplo anterior, agora com...

Como podemos falar... Sim, e absolutamente superior ao Javascript — não leve isso a sério. Sei que as vezes pode ser confuso ouvir isso de Javascript , Ecmascript , Typescript e outros vários "algoscript", principalmente quando você ainda tá tendo os primeiros contatos com programação web , mas não, esses "script" que rodam na web geralmente "convertem" de algo, para o bom e velho Javascript — ou WebAssembly, mas isso é papo pra outro dia. Como já escrevi aqui , Ecmascript é, em outras palavras, o "nome verdadeiro" do Javascript, mas não vamos nos aprofundar nisso, já o fizemos antes, o foco hoje é Typescript. Typescript é uma linguagem de programação criada pela Microsoft e que foi divulgada em meados de Outubro de 2012 como um superconjunto de tipagens e ferramentas de Javascript. Ele surgiu como "um simples" superconjunto de ferramentas para melhorar o...

As vezes precisamos trabalhar com um array de itens únicos que o usuário insere, mas como todos nós sabemos, nem sempre o usuário segue exatamente o que falamos pra ele fazer, então sempre é bom verificar os dados antes de fazer algo. Seguindo esse princípio, hoje vamos ver como pegar um array com itens duplicados ou não, e fazer uma verificação simples para criar um novo de itens únicos. Suponhamos que temos um array de nomes pessoais como o seguinte: const nomes = [ 'Ana' , 'Bernardo' , 'Clarisse' , 'Domingues' , 'Eduarda' , 'Clarisse' , 'Felipe' , 'Gis' , 'Domingues' , 'Clarisse' , ] Como podemos ver, Domingues se repete duas vezes e Clarisse mais de duas, o que para o nosso cenário não é muito legal. Vamos fazer isso com um velho conhecido método — ou talvez nem tanto ―, o tal método filter . Nosso código será pareci...

A menos que você seja novo na área de programação web ou more debaixo de uma pedra, você já deve ter ouvido falar sobre o Deno ao menos uma vez, mas você sabe o que é? É o que vamos conferir agora. Assim como o Node.js, o Deno é um runtime Javascript, porém, diferentemente do seu irmão mais velho, ele tem a "capacidade" de também "entender" Typescript e WebAssembly sem necessitar de dependências externas. Ele foi criado pelo mesmo criador do Node, o Ryan Dahl , que o apresentou em uma palestra na JSConf 2018 intitulada 10 Things I Regret About Node.js — 10 coisas que eu lamento sobre o Node.js. Durante essa palestra, ele falou sobre seu projeto anterior, assim como também sobre os prós que o Deno trás sob o Node. Por mais perfeito que o Node.js possa parecer, o próprio criador admitiu vários problemas. Não vamos nos aprofundar muito no Node.js, pois já escrevi aqui sobre ele, m...