Internet n'est pas seulement un endroit où vous pouvez apprendre à programmer. Il existe de nombreux outils en ligne utiles qui peuvent aider le développeur à différentes étapes du projet et ainsi gagner un peu de temps.
L'auteur de l'article, dont nous publions aujourd'hui la traduction, a sélectionné 9 de ces outils.
1. Puis-je utiliser
Si vous vous êtes déjà demandé si une API (
localStorage , par exemple) est compatible avec un certain navigateur, cela signifie que le site
Can I Use vous est utile. Il contient des informations constamment mises à jour sur les technologies qui prennent en charge les navigateurs de bureau et mobiles.
Test de la prise en charge de localStorage pour différents navigateurs2. Unminify
La ressource
unminify.com est un outil en ligne gratuit de déminage (déballage, désobfuscation) de code JavaScript, CSS et HTML. Il vous permet de transformer un code minifié en un code lisible. C'est l'une des ressources les plus utilisées pour rendre le code lisible.
Vous voulez comprendre le code en retrait de quelqu'un ou examiner le contenu d'un fichier dont le code est une seule ligne illisible? Pour ce faire, insérez simplement le code dans le champ approprié de la ressource Unminify. Cela vous permettra de voir littéralement ce qui avait l'air incompréhensible, sous une forme pratique pour la perception.
Ressource Unminify.com3. Compresseur
Les tailles de fichier image sont ce qui peut apporter une contribution significative lors du chargement des pages Web.
Compressor.io est une ressource qui vise à réduire la taille des images tout en conservant leur qualité. Ce site fait un excellent travail. En conséquence, il n'y a presque aucune différence externe entre les images originales et compressées.
Ressource compresseur.io4. Cloudcraft
Le projet
Cloudcraft aide à concevoir des systèmes cloud et à calculer le coût des services cloud. Son interface pratique vous permet de créer des schémas volumétriques en manipulant des objets qui sont des services d'infrastructure cloud (jusqu'à présent, cependant, seule la plateforme
AWS est prise en charge). De plus, il vous permet de calculer le coût d'utilisation des architectures cloud conçues avec son aide.
Planification de l'architecture cloud à l'aide d'AWS5. Repl.it
Sur
repl.it, vous pouvez trouver un excellent IDE en ligne. Peut-être - juste celui que vous cherchiez. Ici, en quelques secondes, vous pouvez accéder à un environnement de développement conçu pour presque n'importe quel langage de programmation ou pile technologique.
Ce projet prend en charge tous les langages de programmation modernes. Parmi eux, Python,
Kotlin ,
Ruby , JavaScript. Ici, vous pouvez installer des bibliothèques ou des packages supplémentaires et les utiliser directement, sans avoir à les télécharger sur la machine locale.
La ressource vous permet de partager des liens vers l'environnement de travail contenant le code d'un projet.
Développement d'applications express dans l'environnement Node.js6. RequestBin
Le projet
RequestBin donne au développeur un accès aux points de terminaison HTTP qui peuvent collecter toutes les demandes qui leur sont envoyées. Cela vous permet d'analyser ces demandes, de les vérifier et les données qui leur sont transférées.
Ces fonctionnalités peuvent être très utiles dans ces cas, par exemple, lorsque vous devez déboguer des demandes de Webhook à partir de divers sites, dans des situations où la structure de ces demandes et les fonctionnalités des données qui y sont disponibles ne sont pas connues à l'avance.
Données reçues par le noeud final dans la demande POST7. Code Web
Web Code est l'un des meilleurs générateurs de code existants. Il vous permet de créer automatiquement du code pour une grande variété de besoins, simplement en définissant les exigences de ce code.
Cet outil peut être très utile pour les développeurs Web qui ne sont pas particulièrement familiarisés avec certains aspects du HTML et du CSS.
Générer du code CSS qui vous permet de personnaliser les bordures d'un élément de différentes manières8. BundlePhobia
Depuis l'avènement des frameworks frontaux modernes, les développeurs s'efforcent de réduire au maximum la taille de leurs bundles d'applications et ainsi de réduire le temps de chargement pour les utilisateurs de leurs projets.
La ressource
BundlePhobia est conçue pour aider les développeurs à analyser comment un package npm peut augmenter la taille de génération d'une application.
Vous pouvez télécharger le fichier
package.json sur ce site et obtenir un résumé des packages utilisés dans le projet. Ici, vous pouvez trouver les détails d'un package séparé.
Calculez la taille de la bibliothèque pdfmake9. Fingerprint.js
De nos jours, vous ne serez pas surpris que la collecte d'identifiants de navigateur uniques via un site Web ne soit pas une tâche facile.
Pour simplifier la solution à ce problème, vous pouvez utiliser la merveilleuse bibliothèque
fingerprint.js . Il aide à générer des identifiants de navigateur spéciaux sans utiliser de cookies ou de telles données qui peuvent être facilement affectées par des utilisateurs malhonnêtes. Il vous permet de collecter rapidement des informations détaillées sur le navigateur qui peuvent être utilisées sous leur forme d'origine ou en créant un hachage basé sur celles-ci qui vous permet d'identifier un utilisateur unique.
Cette bibliothèque vous permet de créer quelque chose comme un analogue de l'identifiant d'un UUID d'appareil mobile. Vous pouvez l'utiliser via le CDN et l'installer en tant que package npm.
Récupération des informations utilisateur à partir d'un navigateurChers lecteurs! Quels outils pour augmenter la productivité d'un développeur web ajouteriez-vous à cette liste?
