Atualmente tenho trabalhado bastante com shell e automação, então pretendo começar a escrever um pouco mais sobre o mundo no terminal e tentar trazer algumas coisas interessantes em Bash script que um Desenvolvedor Front-end acaba se perguntando como fazer para tentar trazer uma melhora na usabilidade dos scripts.

Bash is a Unix shell and command language

Hoje iremos ver como fazer um indicador de progresso, totalmente em Bash e sem nenhuma biblioteca externa, onde é possível utilizar em algum processo de instalação, ou em um processo demorado ou simplesmente para mostrar visualmente quantos comandos faltam a ser executado em determinada tarefa de forma que o usuário não fique…


Não é de hoje que penso e reflito sobre a carreira de Front-end e sua evolução. E esse ano o assunto voltou em algumas conversas e então no início do mês de Março/2018 resolvi lançar uma pesquisa por conta própria e conferir os resultados.

Como não queria apenas de conhecidos e desenvolvedores locais, resolvi tentar atingir um público mais diversificado e espalhado pelo Brasil. Para isso postei uma issue no forum do frontendbr e incentivado pelo William Oliveira que me deu uma dica valiosa, disparei a pesquisa via Twitter pedindo ajuda de alguns desenvolvedores populares para atingir mais público.

Espero…


Resolvi testar o novíssimo comando do npm lançado agora na versão 5.7.0,
o comando npm ci.

$ npm ci

Este é um comando voltado aos pipelines de CI (Continuous Integration) como Jenkins, Travis e CircleCI por exemplo, onde promete um ganho de performance absurda, em alguns casos chegando a 10x mais rápido em comparação ao npm install.

A ideia por trás do comando é jogar fora a pasta node_modules (caso exista) e recriá-la novamente do zero, de forma a sempre manter uma instalação limpa no ambiente de deploy.

Pré-requisitos

  • Versão 5.7.0+ do npm
  • Existir o arquivo package-lock.json versionado e que ele…

Você quer ser um pagador de contas ou ter o seu dinheiro trabalhando por você ?

Eu gostaria que tivessem me feito essa pergunta quando eu tinha meus 14 ou 16 anos ao invés de “O que você quer ser quando crescer?”.

Aos meus 30 (e poucos anos), ainda não sou milionário e tão pouco tenho uma fórmula mágica garantindo um sucesso financeiro. Porém talvez eu consiga instigá-lo a pensar sobre seus hábitos financeiros e ajudá-lo a escolher qual estilo de vida gostaria de levar e fazer a sua escolha, ou ao mínimo, mostrá-lo que existe essa escolha. …


Na segunda parte da série, vimos como integrar o Flow com o editor e um setup mínimo para manter a qualidade do código gerado através de indicadores de cobertura.

Caso seja seu primeiro contato com esta série, veja a primeira parte onde mostro como instalar e configurar o Flow.

Agora que já temos o workflow definido, vamos focar em algumas features que o Flow nos oferece a nível de sintaxe do código.

Como você já deve ter percebido nos exemplos anteriores, facilmente conseguimos deixar nosso código fortemente tipado e o Flow irá fazer a análise e nos mostrar os problemas…


Na primeira parte da série sobre Flow, vimos como os primeiros passos de como instalar e fazer a análise estática do código via linha de comando. Agora nesta segunda parte, iremos ver como integrar de forma mais natural e com feedback direto no editor.

Irei abordar aqui a configuração no VSCode, pois é meu editor atual. Porém se você utiliza algum outro, pode olhar na documentação se seu editor possui suporte a algum plugin equivalente.

Para o VSCode, a extensão que utilizo e Flow Language Support, basta procurar na aba de extensions, clicar em install e depois reload.


A versatilidade do JavaScript em não possuir tipos por diversas vezes já foi citado como uma de suas vantagens, porém hoje em dia, a comunidade está cada vez mais chegando ao consenso que tipos são bons!

Com a ascensão do Angular, o TypeScript vem ganhando grande força na comunidade e uma de suas características exatamente é a possibilidade de adicionar tipos ao código e junto disso uma ótima análise estática do código.


Algumas pessoas acham que foco significa dizer sim para a coisa em que você irá se focar. Mas não é nada disso! Significa dizer não às centenas de outras boas idéias que existem. Você precisa selecionar cuidadosamente. — Steve Jobs

Não sei se foi o Jobs mesmo quem disse essa frase, mas achei aqui e gostei para a introdução deste meu texto. Pois é exatamente sobre isto que gostaria de compartilhar, um pensamento sobre informação e foco!

Nunca fui uma pessoa com dificuldades em focar meus esforços em algo, sempre fui bem objetivo e prático, seja para estudar, assistir algum…


Você já parou para pensar o que te motiva a levantar da cama todos os dias pela manhã e ir trabalhar ? Acredito que a resposta não está lá fora, e sim dentro de nós mesmos.

Se você nunca parou para fazer esta reflexão, convido você a se fazer este questionamento… você pode fazer isso agora ou após o término da leitura.

Dia após dia estamos fadados (e vamos) enfrentar algum momento de desconforto profissional, seja um cliente que ligou logo pela manhã reclamando que o sistema não funciona, a máquina de café que amanheceu quebrada, aquele colega que senta…


Sorte pode ser definido por “uma força imprevisível e incontrolável, que modela eventos de forma favorável ou não para determinado indivíduo, grupo ou causa”

Quantas vezes você já não ouviu alguém dizendo:
- Nossa, Fulano teve sorte!

Sejamos sinceros, quantas vezes você mesmo já não disse isso!?

Lembra daquele cargo super cobiçado que ficou disponível e todos ficaram ansiosos em saber quem seria o escolhido para assumir a nova posição.
Então certo dia saiu o anúncio e nos corredores só se ouvia:
- Nossa, Fulano teve sorte!

Normalmente essa expressão vem como forma de expressar um sentimento (ao meu ver)…

Leandro Nunes

Software Engineer @ CI&T | https://lnfnunes.com.br

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store