A Internet não é apenas um lugar onde você pode aprender a programar. Existem muitas ferramentas online úteis que podem ajudar o desenvolvedor em diferentes estágios do projeto e, assim, economizar um pouco de tempo.
O autor do artigo, cuja tradução estamos publicando hoje, selecionou 9 dessas ferramentas.
1. Posso usar
Se você já se perguntou se alguma API (
localStorage , por exemplo) é compatível com um determinado navegador, isso significa que o site
Can I Use é útil para você. Ele contém informações constantemente atualizadas sobre quais tecnologias suportam navegadores de desktop e móveis.
Testando o suporte do localStorage para vários navegadores2. Desminificar
O recurso
unminify.com é uma ferramenta on-line gratuita para desminar (descompactar, desobstruir) códigos JavaScript, CSS e HTML. Permite transformar um código reduzido em um código legível. Este é um dos recursos mais usados para tornar o código legível.
Deseja descobrir o código recuado de alguém ou examinar o conteúdo de um arquivo cujo código é uma única linha ilegível? Para fazer tudo isso, basta inserir o código no campo apropriado no recurso Desminificar. Isso permitirá que você veja literalmente o que costumava parecer incompreensível, de uma forma conveniente para a percepção.
Recurso Unminify.com3. Compressor
Os tamanhos dos arquivos de imagem podem contribuir significativamente ao carregar páginas da web.
O Compressor.io é um recurso que visa reduzir o tamanho das imagens, mantendo sua qualidade. Este site faz um excelente trabalho. Como resultado, quase não há diferenças externas entre as imagens originais e as compactadas.
Recurso compressor.io4. Cloudcraft
O projeto
Cloudcraft ajuda a projetar sistemas em nuvem e calcular o custo dos serviços em nuvem. Sua interface conveniente permite criar esquemas volumétricos manipulando objetos que são serviços de infraestrutura em nuvem (até agora, no entanto, apenas a plataforma
AWS é suportada). Além disso, permite calcular o custo do uso de arquiteturas em nuvem projetadas com sua ajuda.
Planejando a arquitetura em nuvem usando a AWS5. Repl.it
No
repl.it, você pode encontrar um ótimo IDE online. Talvez - apenas o que você estava procurando. Aqui, em apenas alguns segundos, você pode acessar um ambiente de desenvolvimento projetado para praticamente qualquer linguagem de programação ou pilha de tecnologia.
Este projeto suporta todas as linguagens de programação modernas. Entre eles estão Python,
Kotlin ,
Ruby , JavaScript. Aqui você pode instalar bibliotecas ou pacotes adicionais e usá-los diretamente, sem precisar fazer o download para a máquina local.
O recurso permite compartilhar links para o ambiente de trabalho que contém o código de um projeto.
Desenvolvimento de aplicativos expressos no ambiente Node.js.6. RequestBin
O projeto
RequestBin fornece ao desenvolvedor acesso aos pontos de extremidade HTTP que podem coletar todas as solicitações enviadas a eles. Isso permite analisar essas solicitações, verificá-las e os dados transferidos para elas.
Esses recursos podem ser muito úteis nos casos, por exemplo, quando você precisa depurar solicitações do Webhook de vários sites, em situações em que a estrutura de tais solicitações e os recursos dos dados disponíveis neles não são conhecidos antecipadamente.
Dados recebidos pelo terminal na solicitação POST7. Código da Web
O Web Code é um dos melhores geradores de código existentes. Ele permite que você crie código automaticamente para uma ampla variedade de necessidades, simplesmente definindo os requisitos para esse código.
Essa ferramenta pode ser muito útil para desenvolvedores da Web que não estão particularmente familiarizados com alguns aspectos do HTML e CSS.
Gerando código CSS que permite personalizar as bordas de um elemento de maneiras diferentes8. BundlePhobia
Desde o advento das modernas estruturas de front-end, os desenvolvedores têm se esforçado para reduzir ao máximo o tamanho de seus pacotes de aplicativos e, assim, reduzir o tempo de carregamento para os usuários de seus projetos.
O recurso
BundlePhobia foi projetado para ajudar os desenvolvedores a analisar como um pacote npm pode aumentar o tamanho da compilação de um aplicativo.
Você pode fazer o download do arquivo
package.json neste site e obter um resumo dos pacotes usados no projeto. Aqui você pode descobrir os detalhes sobre um pacote separado.
Descobrir o tamanho da biblioteca pdfmake9. Fingerprint.js
Hoje em dia, você não ficará surpreso ao não ser fácil coletar identificadores exclusivos de navegador em um site.
Para simplificar a solução para esse problema, você pode usar a maravilhosa biblioteca
fingerprint.js . Ajuda a gerar identificadores especiais do navegador sem usar cookies ou dados que possam ser facilmente afetados por usuários desonestos. Ele permite que você colete rapidamente informações detalhadas do navegador que podem ser usadas em sua forma original ou criando um hash baseado nelas que permite identificar um usuário único.
Essa biblioteca permite criar algo como um análogo do identificador de um UUID de dispositivo móvel. Você pode usá-lo através da CDN e instalá-lo como um pacote npm.
Recuperando informações do usuário de um navegadorCaros leitores! Quais ferramentas para aumentar a produtividade de um desenvolvedor da web você adicionaria a esta lista?
