+180 Outils pour les développeurs

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 / Cal.com : Proposer des RDV basés sur ses disponibilités en fonction de son agenda. ⭐️
• Google Calendar : Le seul et l’unique, simple et efficace.
• Marudot : Créer un fichier .ics téléchargeable pour rajouter un évènement à un calendrier. ⭐️
• 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 / (le nouveau 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.

🤖 Intelligences artificielles

• Tools Database : Une liste de tous les outils à base d’IA.
• Yoodli : Détecte le nombre de « ah », « euh » et autres bruits parasites dans le son de tes vidéos.

🧑‍🏫 Apprendre le dev

• Roadmap.sh : Un plan de ce que tu dois faire pour devenir développeur (frontend ou backend).

☕ 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. ⭐️
  • Formation complète pour coder 30% plus vite avec GitHub Copilot
• 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.
  • HTTPie : Client HTTP ultra simple en ligne de commande.
• 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 / Ray.so : 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.
• Slugify.online : Slugify un string en URL en ligne.

Snippets

• CodeMyUI : Des UIs d’éléments HTML et JS super jolis.

Animations

• Scrolly Video JS : Une jolie animation avec une vidéo en fond : plus tu scrolls plus la vidéo va vite .

Les linters

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

Sur JavaScript, on va tous utiliser ESLint…

Sinon, globalement :

• CommitLint : Permet de ne pas commiter de mauvais messages de commits (on peut par exemple le configurer avec les conventional commits)
• GitMoji : Outil de convention de commit pour commiter avec des emojis.

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
• LambdaTest : Teste ton site internet avec une version Mac, Linux ou Windows avec les bonnes résolutions pour reproduire des bugs !
• 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.
• Text Blaze / Magical : Des snippets templatisés dans une extension Google Chrome.
• 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 : Récupérer les couleurs principales d’une image. ⭐️
• 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 entre-elles.
• Iconer App : Un liste d’icônes gratuits sous forme de catégorie à télécharger !
• Google Fonts : Des polices gratuites avec une preview incroyable. ⭐️
• IconStore : Des icones premium de haute qualité.
• PotLabIcons : Des SVGs animés et OpenSource. ⭐️
• Simple Icons : Des icônes SVG libres de droits des principales marques.
• SVG Repo : Une liste d’icônes SVGs gratuits et opensources.

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.
• Undesign : La meilleure liste des ressources pour s’inspirer en tant que développeur frontend ou designer. ⭐️

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.
• Open Moji : Des emojis libres à télécharger en SVG / PNG.

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).

Génération SVG

• Fffuel : Génération d’images SVG (gradients, patterns, formes, textes et fond).

🖥 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

Plugins IntelliJ

J’utilise PHPStorm et WebStorm au quotidien pour pouvoir gagner en productivité et mieux coder.

• AceJump : Te permet de te rendre directement dans un endroit de ton code sans avoir à utiliser la souris.

🎮 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.
• Nero Image Upscaler : Redimensionner une image et améliorer sa qualité avec l’IA (bluffant) ⭐️
• Imagify / Squoosh : Compresser le poids de ses images sans perdre en qualité !
• PFPMaker / Photofeeler : Créer une jolie photo de profil pour les réseaux sociaux. ⭐️
• 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 (gratuit jusqu’à 500 contacts).
• 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.
• Publer : Le meilleur outil de planification pour les réseaux sociaux (version gratuite disponible). ⭐️
• Poet / Brandbird : Prendre de belles captures d’écrans de Tweets. ⭐️
• Remove BG : Supprimer le fond d’une image.
• TubeBuddy. : Analyser les statistiques sur YouTube. ⭐️

🦄 Entrepreneuriat

En tant que créateur de contenu j’ai quelques outils qui m’aident à avancer.

• BrandBird : Créer des templates de produits super simplement et en ligne.
• FeedHive : Programmer mes Tweets et mes posts LinkedIn (je ne le recommande pas).
• Podia : Mon ancienne plateforme pour créer des cours en lignes (je ne le recommande pas).
• Systeme.io : Ma plateforme tout-en-un pour mes cours en ligne, mes e-mails et mini-cours. ⭐️

💁‍♂️ 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. ⭐️
• Waalaxy : Probablement le melleur outil d’automatisation LinkedIn pour se faire du réseau. ⭐️

🤖 Intelligence artificielle

Les quelques outils que j’utilise au quotidien.

• Adobe Firefly / Dall-e / MidJourney : Générer des images avec l’IA.
• AutoGPT / BabyAGI : Une instance pour automatiser des tâches en chainant des LLMs.
• Bard : L’intelligence artificielle textuelle de Google.
• ChatGPT : Une IA générative sous forme de texte (enrichissable avec des plugins), les premiers à avoir cassé le game.
• GPTCommit / GitPoet / OpenCommit : Permet de générer ses messages de commit avec l’IA.
• SendShort : Transforme une vidéo longue en des shorts.
• SubMagic.co : Permet de générer des sous-titres sur les vidéos en auto.

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 ! 🧑‍💻

Plus de contenu 💡

Pour lire plus de contenu similaire dans le même thématique.

• Bureau de développeur : Tests + mon setup idéal
• Clean Code : Créer du code de qualité, mieux coder
• Coder sans souris : Ne plus utiliser son clavier
• Demander une augmentation en tant que développeur
• Développeur remote : Liste de conseils pour sa productivité
• Éco-conception web : Coder green pour la planète
• Entretien technique : Préparation complète pour un développeur
• Gagner de l'argent en tant que développeur
• Podcasts pour les développeurs : La liste en français
• SOLID : Le guide en PHP (+ 5 exemples)
• Syndrome de l'imposteur chez les développeurs : Toujours présent
• Veille technologique : Le guide pour les développeurs