Les meilleurs outils pour les développeurs

Voici une liste des principaux outils pour développeurs que j’utilise.

Ce n’est pas uniquement une liste d’outils pour coder, mais dans l’ensemble on retrouve plein de bonnes choses :

• Des outils pour gérer ses projets persos ;
• Pour améliorer son code ou aller plus vite ;
• De la création de contenu à la simple prise de notes ;
• Des outils pour la veille techno, pour la sécurité ;
• En passant par la connexion à la base de données ou le traitement d’images ;
• …

Bref, tout ce qui gravite autour du code en général.

Sachant que je suis développeur web, j’utilise surtout des outils de développement web.

Mais même si cette liste est plutôt généraliste…

Tu trouveras forcément des tools sympas que tu ne connaisais pas ! 🙂

Bienvenue dans ma developer toolbox !

• J’ai annoté d’une ⭐️ mes outils de développeurs favoris
• Il y a 1 lien sponsorisé qui traîne dans la liste, sauras-tu le trouver ?

#Rechercher un outil ?

Cette liste est de plus en plus grosse, je vais la ségmenter en partie…

Ces outils ne sont plus uniquement pour les développeurs, mais pour tous les métiers autour de la tech.

(Y compris les freelances)

CTRL + F

N’hésite pas à rechercher par mot clef pour trouver ton bonheur…

#⚠️ Mes meilleurs outils pour les développeurs

Les outils que je te présente ici, ce sont mes meilleurs outils pour les développeurs.

Les miens.

Tu as sûrement les tiens, et tu ne seras peut-être pas d’accord avec cette liste…

L’objectif c’est que tu découvres de nouveaux outils pour avancer dans ta carrière de développeur.

Car ces outils m’ont permis de gagner énormément en productivité, j’espère qu’il en sera de même pour toi.

Bien sûr, si tu veux proposer des outils, tu peux utiliser les commentaires 🙂

PS : Dans le même genre j’ai créé un article avec mon setup complet de développeur web en 2022.

PS 2 : L’outil d’un développeur n’est qu’un outil, c’est son utilisation qui fait toute la différence (voir l’article dédié sur le Software Craftsmanship).

#📒 Notes

Dès que j’ai une idée, je la note avant de l’oublier.

Pour certains besoins j’utilise des tableurs ou des documents. Tout ceci synchronisé entre mon ordinateur et mon téléphone.

• Draw.io : Pour faire des schémas (UML notamment) en lignes enregistrées sur Google Drive.
• Evernote : Prendre des notes partagées.
• Excalidraw : Faire des croquis simples.
• Google Keep : Écrire simplement ses idées (simple, mais peu de fonctionnalités).
• Google Docs / Google Sheet : Des outils gratuits simples et efficaces, pour avoir testé la suite Office, la suite Google est bien plus puissante.
• Figma : Un outil incroyable pour les développeurs, on peut faire toute sorte de schémas très jolis et très aboutis, en collaboration avec nos équipes. ⭐️
• LanguageTool : Correcteur orthographique gratuit disponible sous forme d’extension (top pour l’anglais et fonctionne bien en français également).
  • MerciApp : Légèrement plus fourni que LanguageTool pour le Français (et gratuit).
• Notable : Prendre des notes facilement en markdown.
• QOwnNotes : Un équivalent d’Evernote sur son propre cloud (compatible NextCloud / OwnCloud).
• Typora : Éditeur markdown minimaliste.
• xMind : Pour créer des mindmaps gratuitement. ⭐️
• Zim-Wiki / DokuWiki : Wikis collaboratifs et libres.

#📅 Calendrier

Je note toutes mes activités et les partage avec mes contacts. Lorsque l’on commence à avoir pas mal de choses de prévues, c’est très utile.

• Calendly : Proposer des RDV basés sur ses disponibilités en fonction de son agenda.
• Google Calendar : Le seul et l’unique, simple et efficace.
• Outlook Calendar : Pour ceux avec une adresse hotmail.
• Sunsama : Pour partager son calendrier avec d’autres personnes.

Liste des tâches

Pour le pro comme le perso, j’ai toujours une liste de choses à faire pour quand je m’ennuie 😉

• Google Task : Des tâches simples.
• Microsoft Todo : Un Google Task amélioré avec intégration au calendrier et une meilleure organisation.
• Todoist : Prendre des notes de manières complètes.

#🖇 VCS

À chaque nouveau projet, je crée d’office un nouveau dépôt pour ne pas perdre mon travail. Et tu devrais aussi.

• Bitbucket : Coder en équipe avec une interface agréable.
• Meld : Permet de comparer deux versions de fichier.
• Git : Pour versionner ses fichiers.
• Github : Pour contribuer à la communauté, montrer son travail. ⭐️
• Gitkraken : Une interface graphique pour mieux comprendre Git (existe en extension VSCode).
• Gitlab : Autohébergé sur mon serveur pour éviter d’avoir des projets sensibles exposés.

#🖥 MacOS / OSX

Tu l’as peut-être dans mon setup de développeur que je donne plus haut, mais je me suis récemment acheté un Mac.

Niveau outil pour développeur, ils sont assez similaires à Linux / Windows mais il y en a quand même quelques-uns que j’utilise en plus.

• Autumn / Magnet : Gestionnaire de fenêtres.
• Colima : Gestionnaire de conteneurs pour Mac.
• Homebrew : Pour gérer ses logiciels en ligne de commande comme sous Linux ! ⭐️
• Loom : Screen recorder.
• Rectangle / Spectacle (abandonné) : Pour gérer ses fenêtres (avec des raccourcis claviers notamment !)
• Z : Autcomplétion pour les répertoires via cd depuis le terminal.

#☕ Outils pour le développement web

À part le café, voici les outils (cette fois-ci uniquement pour les développeurs) que j’utilise.

Ces outils pour coder je m’en sers quasiment tous les jours !

• Cacher : Sauvegarder des snippets de code (partageable avec ton équipe).
• Copilot : Un assistant de code avec une intelligence artificielle basée sur le code présent sur GitHub pour autocompléter le code écrit. ⭐️
• Docker : Pour créer un environnement virtuel propice au développement (ça évite de pourrir ton OS).
• Fira Code Font : Une police pour les développeurs avec des ligatures.
• Fig.io / Warp : Une alternative au terminal par défaut.
• JetBrains : Des IDEs payants incroyablement puissants (pour pouvoir coder sans souris). ⭐️
• JSON Formatter : Formater du code JSON en ligne.
• PasteBin : Partager du code formaté facilement.
• Postman / Insomnia : Clients HTTP pour tester des APIs (tutoriel).
  • Postwoman : Client HTTP en ligne.
• Terminator / TMux / Extraterm : Un terminal avec plusieurs terminaux intégrés !
• vim : Pour ouvrir n’importe quel fichier texte avec un minimum de coloration syntaxique.
• VSCodium : VSCode sans le tracking Microsoft, pour tous mes projets JS.
• ZSH avec Oh My ZSH! : Un shell / terminal grandement amélioré.

PS : Si tu utilises d’autres outils de développement web, n’hésite pas à me le dire en commentaire.

Pour le code (en ligne)

Voici une petite liste d’outils en ligne pour développeurs que j’utilise assez régulièrement.

Des outils de développement en ligne, il en existe quelques-uns comme VSCode.dev mais je ne m’attarderais pas dessus.

Les IDEs en lignes sont de bons outils mais en 2022, tous les développeurs utilisent un logiciel local pour coder.

(Voir l’article sur les éditeurs de textes / IDE pour les développeurs)

• Animate.css : Pour t’aider à faire des animations sympas.
• BundlePhobia : Vérifier le poids des packages NPM (m’a permis de choisir Zustand au lieu de Redux ou pire Recoil).
• Carbon : Fournir de jolies captures d’écrans de code. ⭐️
• ConvertCSV : Pour convertir le CSV en JSON ou en MD.
• Crontab Guru : Une interface visuelle en ligne pour vérifier ses cronjobs. ⭐️
• CyberChef : Pour décoder du Base64, des URLs… Et tu peux les chaîner !
• DevHints : Une cheatsheets indispensable de code snippets / raccourcis clavier de techno. ⭐️
• DevDocs : Toutes les documentations officielles recensées à un seul endroit.
• ExtendsClass : Une trousse à outils pour les développeurs (client HTTP, code checker, formatters…).
• JSON Formatter : Formater un code JSON facilement.
• Regex101 : Pour tester ses expressions régulières, le top.
• Repl.it : Coder à plusieurs sur un projet en ligne.

Les linters

Je ne peux pas te donner de liste car tout dépend de ton langage.

En tout cas des outils comme stylelint te permettront de :

• Créer du code de qualité ;
• Détecter les mauvaises pratiques ;
• Corriger à la volée le mauvais code ;
• Devenir un meilleur développeur.

Les debuggers

Ici aussi c’est compliqué de te donner une liste.

C’est sûrement le meilleur des outils pour les développeurs.

• Gagne du temps à déboguer ton code ;
• Cela évite de commiter des var_dump() ou des console.log() ;
• Tu rentres ainsi dans la cour des grands !

Tester le responsive

Même si on développe tous en mobile first désormais, il ne faut pas négliger les autres formats.

• Chrome Dev Tools : Pour simuler une visite avec une dimension de device précise
• Responsively (gratuit) / Sizzy (payant) : Pour déboguer tous ses breakpoints de manière synchronisée
  • En alternative il y a aussi ResponsiveViewer (et son extension Chrome)

#👨🏾‍💻 Veilles technologiques

Je n’utilise qu’un simple lecteur de flux RSS pour faire ma veille technologique.

À trop suivre de personnes on finit par ne plus rien lire…

Attention donc car avoir trop d’outils peut te perdre en tant que développeur…

(Ça a été mon cas)

• Dev.to : Plein d’articles sur le développement.
• Daily.dev : Les derniers articles sur le dev sur un tab de ton navigateur.
• Feedly / Feeder : Lecteur de flux RSS.
• Le dev web : Les chaînes Youtube des développeurs français.
• Medium : Du contenu généré pour toi (la version gratuite ne comporte plus grand-chose malheureusement).
• Pocket : Sauvegarder des liens pour plus tard (+ téléchargement hors-ligne). ⭐️
• Podcast : Une liste de podcasts pour les développeurs.
• Stackoverflow : Je ne fais pas que copier-coller la première réponse quand j’ai un problème. J’essaye aussi d’être actif dans la communauté, on apprend beaucoup.
• Twitch : Regarder des programmeurs développer en direct.
• Twitter : Encore et toujours, pour suivre des personnes cools et se faire des amis !

#🔐 Sécurité

Principalement pour sauvegarder mon contenu et le rendre inaccessible aux autres.

Des outils de sécurité je n’en utilise pas beaucoup car principalement je stock mes mots de passe dans Firefox / FaceID.

• 1password : Gestionnaire de mot de passe payant.
• Google Drive : Pour sauvegarder des documents pas trop perso. ⭐️
• LUKS : Pour chiffrer le disque de mon laptop (si on me le vole, pas de problème).
• NordVPN 🙆 : Pour chiffrer ses connexions internet (je l’utilise depuis que je suis nomade pour accéder à certains services qui filtrent comme Crunchyroll ou Kraken…)
• NextCloud / OwnCloud : Utilitaire de partage / sauvegarde de fichiers.
• Passbolt / Bitwarden : Gestionnaire de mot de passe open source.

#🧠 Productivité

Des outils simples que j’utilise tous les jours ou presque pour avancer dans mes projets persos.

Comme tout dev qui se respecte, j’ai plein de projets persos à n’en plus finir !

• Airtable : Créer des tableaux plus riches qu’avec Excel.
• CherryTree : Un équivalent de Notion pour gérer ses notes.
• Espanso : Un « text-expander » pour gagner du temps en tapant au clavier (j’ai converti tout le monde au bureau avec ça). ⭐️
• Focus To-Do : Organiser ses tâches + Pomodoro.
• Forest : Gamification de ton téléphone pour t’empêcher de le déverrouiller !
• Habitica / Fabulous : Pour mener à bien ses projets.
• Notion : Pour gérer ses projets persos. ⭐️
• MailTrack : Savoir si ton destinataire a ouvert ton mail avec un plugin Gmail !
• Miro : Plateforme de collaboration visuelle.
• Pomodoro : Se concentrer sur une tâche sans interruption.
• RescueTime : Tracker son temps d’utilisation de ses logiciels ET des sites internet consommés.
• Trello : Gérer les tâches à plusieurs.
• WasteNoTime : Une extension pour navigateur qui bloque les sites qui font perdre du temps.
• WeTransfer : Envoyer de gros fichiers à un tiers, facilement.
• Woven : Planifier ses tâches avec une synchro aux calendriers.

#👔 Freelancing

La liste des outils pour les freelances continue sur l’article dédié : devenir développeur freelance.

Voici donc quelques outils à utiliser quand on est développeur freelance, notamment pour la facturation.

Pour ce qui est de trouver des clients et des différentes plateformes, je t’incite à jeter un oeil à l’article du dessus. ☝️

• Henrri : Logiciel de facturation gratuit.
• Facture.net : CRM, devis et factures en ligne.
• Pakko : Devis, factures, suivi, plafonds, cotisations.
• Shine : Devis, factures, compte bancaire, création d’entreprise (payant).
• TimeAE : Facture, devis, déclaration (vraiment bien pour utiliser la version non auto-entreprise !)

#🎨 Design et graphisme

En tant que développeur je suis assez sensible au design.

La sensibilité graphique ça s’apprend mais qu’est-ce que c’est difficile…

Voici quelques sites que j’utilise beaucoup pour m’aider.

Animations

• LottieFiles : Créer de superbes animations facilement.

Couleurs

• Adobe Color Wheel : Roue chromatique en ligne.
• Coolors / HappyHues : Indispensble pour vérifier l’harmonie de ses couleurs.

Polices et fonts

• Flat Icon : Une énorme bibliothèque d’icônes…
• Font Flipper : Permet de trouver quelles polices vont le mieux entres-elles.
• Google Fonts : Des polices gratuites avec une preview incroyable. ⭐️
• PotLabIcons : Des SVGs animés et OpenSource. ⭐️
• Simple Icons : Des icônes SVG libres de droits des principales marques.

Inspiration

• Awwwards : Les plus beaux sites de l’internet.
• Behance / Dribbble : Trouver de l’inspiration quand on a un métier créatif. ⭐️
• CheckList.Design : Juste wow.
• Pinterest : Faire des boards d’inspiration. ⭐️

Illustrations libres de droits

• Draw Kit : Des illustrations gratuites souvent mises à jour.
• Humaaans / Undraw : Illustrations d’humains stylés gratuites.
• Mockuuups Studio : Des mockups déjà fait pour te faire gagner du temps.

Photos libres de droits

• Pexels : Génial pour trouver des images « relativement » peu utilisées.
• Unsplash : Plus connu que Pexels, les images sont donc souvent vues et revues (mais génial quand même).

#🖥 Hébergement

Ce site est hébergé chez OVH et j’ai un serveur dédié Kimsufi pour sauvegarder mes données en temps réel.

Si ça t’intéresse de voir quel outil de développeur j’ai utilisé, regarde la page : comment est fait ce site ?

• Github Pages : Héberger la doc d’un outil ou son portfolio.
• Heroku : Pour déployer ses projets persos / de test.
• Kimsufi : Serveurs dédiés / virtuels low-cost.
• Netlify : Déploiement facile de serverless apps.
• OVH : Hébergement web low-cost. ⭐️

Base de données

Pour avoir accès à sa base de données en local ou à distance.

Personnellement je n’utilise pas d’outils externes pour accéder à la base de données.

Soit je passe par administrateur en ligne de base de données, soit directement via IntelliJ et ses plugins.

• Adminer / PHPMyAdmin: Je les utilise directement depuis un container Docker dans mes projets. ⭐️
• DBeaver / DBVisualizer / HeidiSQL / DataGrip : Accéder à n’importe quelle base de données.
• MySQL Workbench : Pour MariaDB / MySQL, propose des connexions via tunnel SSH !
• SequelPro (Mac) : Pour accéder à ses bases de données MySQL sous OSX

#🎮 Vidéos et Images

Je les utilise surtout pour enregistrer mon écran lorsque j’ai une démo à faire.

Ou une présentation quelconque.

• Balsamiq Wireframes : Créer des wireframes super facilement. ⭐️
• Canva / Crello : Faire des bannières rapidement. ⭐️
• DaVinci Resolve : Un outil pour faire du montage vidéo gratuit et super intuitif ! ⭐️
• F.lux / Redshift : Pour protéger tes yeux du fond blanc de ce blog !
• Kap / Peek : Pour faire des gifs ou des captures vidéos simples.
• Kazam (Linux) : Enregistrer facilement son écran.
• Imagify / Squoosh : Compresser le poids de ses images sans perdre en qualité !
• Pixabay Video : Des vidéos libres de droits à insérer dans ses vidéos.
• Photopea : Photoshop gratuit en ligne.

Audio

• Audiio / UppBeat : Des musiques gratuites pour les créateurs de contenu.
• NCS : No Copyright Soundtracks : des musiques libres et ULTRA STYLÉES. ⭐️
• Pixabay Music : Musiques et sons libres de droits à réutiliser.

#🗞 Communication

Pour rester connecté à la communauté ou échanger avec les clients.

Ce sont des outils généralistes mais qui s’avèrent indispensables pour moi en tant que développeur.

• Discord : Échanger avec une communauté en particulier.
• Ferdium : Application opensource de messagerie tout-en-un. ⭐️
• Google Meet : Démarrer une visio gratuitement et instantanément n’importe où. ⭐️
• LinkedIn : Découvrir de nouvelles opportunités.
• Messenger : Pour échanger sans passer par Facebook.
• Slack : Pour communiquer avec ton équipe.
• Tally : Créer des formulaires facilement avec une intégration forte.
• Twitter : Beaucoup de développeurs sur Twitter. ⭐️

#📝 Blog

Des outils simples et efficaces pour créer du contenu en ligne.

Ici aussi ces outils ne sont pas des outils de développeurs, mais tu serais étonné de voir tous les devs qui créent du contenu en ligne. ❤️

• Adobe Express : Faire son portfolio gratuitement.
• HashNode : Créer un blog par et pour les développeurs.
• Hugo : Générateur de site statique en Go.
• MailChimp : Outil de mailing.
• Medium for Creators : Écrire sur un blog communautaire, en gagnant de l’argent.
• UberSuggest : Outil SEO pour faire un outil et trouver des idées de mots clefs.
• Substack : Créer une communauté avec une newsletter payante. ⭐️
• WordPress : Le meilleur outil pour démarrer un blog facilement. (à lire : pourquoi les développeurs détestent WordPress ?)

Réseaux sociaux

• BioSites / LinkTree : Créer une page renvoyant vers tes différents profils sociaux.
• Free Profile Picture Maker : Faire de jolies photos de profil avec un fond. (Merci Jennifer)
• Later : Planifier ses publications
• Poet : Prendre de belles captures d’écrans de Tweets. ⭐️
• Remove BG : Supprimer le fond d’une image.

#💁‍♂️ Assistants personnels

Pour rechercher ou lancer des applications bien plus rapidement.

• Alfred (Mac OS)
• Albert / ULauncher (Linux)

Automatisation

• IFTTT / Zapier : Effectuer des actions après une autre action. ⭐️

#Conclusion

Ces outils pour développeurs que je t’ai présentés, ce sont pour moi les incontournables.

Aussi je me sers de cette liste pour ne pas oublier un outil de développement sympa que j’aimerais tester…

Ou qu’un ami sur Twitter m’a conseillé.

Bien sûr cette liste est participative et tu peux me laisser un commentaire pour y ajouter un outil que tu aimes bien ! 🧑‍💻