Neste hands-on, vamos falar sobre o Express-Generator, um gerador de projetos em expressJS. Com ele conseguimos criar a base da nossa aplicação. Primeiramente, para instalar o generator, faça o seguinte comando: ```jsx npm install -g express-generator ``` Lembrando que usando o express -h aparece...
Como estávamos comentando anteriormente sobre [injeção de dependência](https://www.devpleno.com/vantagens-da-injecao-de-depencia/), achei relevante mostrar como podemos fazer Injeção de Dependência em ReactJS. Para ilustrar, temos o exemplo abaixo, que quando carregamos o componente, utilizamos o ...
Já havia falado por aqui sobre [injeção de dependência](https://www.devpleno.com/injecao-de-dependencia/), disse que muitas vezes não temos acesso ao que estamos testando. Desta vez, falo sobre as vantagens da injeção de dependência na testabilidade do código. Vamos criar um alert que é uma arrow f...
Pode parecer besteira, mas eu sempre ouvia sobre injeção de dependência. porém nunca tinha refletido tanto sobre ela. Quando passei a testar mais o meu código com teste unitário, comecei a usar essa técnica e percebi que fez muita diferença. Para contextualizar, vamos supor que temos o código: ```...
**O que é Módulo em NodeJS?** É um script php no qual você consegue incluir em um outro script. É uma maneira bem tradicional de se organizar as partes funcionais do código. Vamos fazer um teste simples apenas para testar o require, que é a forma de importar esse módulo. Crie um novo arquivo no ...
Como já citei em outros posts, (como em: [ES6 Spread Operator](https://www.devpleno.com/spread-operator/), [Async/await](https://devpleno.com/async-await), [Destructuring Assignment](https://devpleno.com/dica-es6-destructuring-assignament)) o ES6 apresenta algumas novidades, uma delas é o Template ...
Nesta dica, comento sobre uma novidade que veio com o ES6: o Destructuring Assignament, que permite uma grande organização e aumento de legibilidade do código. Confira! Curta o [DevPleno no Facebook](https://www.facebook.com/devpleno), [inscreva-se no canal](https://www.youtube.com/devplenoc...
Quatro novas funções foram adicionadas às Strings no ES6 e são bastante interessantes para usarmos no dia a dia. Veja só: # startsWith Nela temos uma string qualquer e fazemos o seguinte: ```javascript console.log('Tulio Faria'.startsWith('Tulio')) ``` Será que Tulio Faria começa com a palavra ...
Agora que já entendemos [como dar play em áudio com JS](https://www.devpleno.com/audio-com-js-puro/), [como manipular para compor uma batida](https://www.devpleno.com/beatbox-com-javascript/), faremos com que o usuário escolha a forma como seja tocado, ou seja, um Beatbox Manipulável com JS Vamos ...
Continuando nossos experimentos utilizando áudio no HTML (você deve ter percebido que me empolguei com este assunto), vamos mudar o exemplo do metrônomo para construir uma 'bateria' e poder criar uma música somente dando 'plays' de forma ordenada em alguns trechos. Então vamos lá! Vamos ter um bot...
Essa dica é para você utiliza o windows para desenvolvimento: um package manenger chamado chocolatey, semelhante ao yum. Ele facilita bastante quando vamos instalar algumas dependências ou pacotes de software como o NodeJS. **Como instalar o chocolatey?** A primeira coisa é entrar em [https://www...
