Dev Natan - Programação descomplicada

Isso sendo visto por alguém com mais conhecimento ou experiencia pode parecer engraçado as vezes, e até absurdo — há inclusive quem se ofenda —, mas apesar de tudo, muita das vezes essa é uma dúvida que iniciantes realmente têm. Que o mundo de tecnologia é gigantesco todo mundo sabe, iniciante ou não, e é justamente isso que deixa a entrada no mundo dos códigos multicores um pouco mais difícil, pois além de existir muitas tecnologias e muitas possíveis soluções para um só problema, muitas delas possuem nomes bastante semelhantes como é o caso de Portugol e G-Portugol . Essa confusão também acontece com o Java e o Javascript que apesar de serem linguagens as vezes de universos completamente diferentes, confunde até mesmo alguns especialistas. Java, o que é? Se você conhece bem de geografia talvez tenha pensado que essa é uma linguagem em homenagem a Ilha de Java , mas não, podemos dizer que a linguage...

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...

Em primeiro lugar, ele não é uma linguagem como muitos pensam ou categorizam. O Node.js pode ser definido como um ambiente de execução Javascript server-side , sendo assim, automaticamente não é uma linguagem, pois você não escreve código Node , mas sim código Javascript . Sim, isso significa que podemos criar aplicações em Javascript que não necessariamente precisam de um navegador pra rodar, podendo ser possível criar por exemplo, ferramentas de linha de comando ou até apps mais complexos para seu ambiente desktop ou Mobile. Ok, agora vamos falar sobre o surgimento dele? Como surgiu o Node.js e o que ele veio resolver Como todos devem saber, tecnologias surgem pra resolver problemas comuns em determinados meios, por exemplo o HTML que surgiu para facilitar a disseminação de conhecimentos de um certo grupo — saiba mais sobre o surgimento do HTML —, com o Node.js também não foi difer...

Que o Vue.js tem crescido cada vez mais no mercado todo mundo sabe, e que também ele pode ser uma ótima alternativa ao famoso React.js e/ou Angular também não é novidade pra quase ninguém. Seu crescimento pode ser explicado em alguns pontos em relação aos principais concorrentes: Vue trabalha principalmente com o conceito de template diferentemente de React que está “preso” no JSX e por vezes funções render . — é possível usar ambos também em Vue, apesar de pouco comum. Não é tão opinativo quanto Angular, sendo mais flexível, por muitas vezes mais leve e rápido também. Não sendo obrigatório conhecimento de outra tecnologia além do ES5 — o tradicional Javascript —, HTML e CSS, tendo em comum com Angular apenas os dois últimos. Qualquer HTML válido é um template Vue válido, o que facilita a migração de aplicações entre tecnologias, favorec...