Les meilleurs outils pour les développeurs

Les meilleurs outils pour les développeurs en 2021. Ma developer toolbox pour gagner en productivité et améliorer son code.

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 note ;
  • 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 développeur.

Bienvenue dans ma developer toolbox !

Faire un lien vers : Disclaimer : Mes meilleurs outils pour les développeursDisclaimer : Mes meilleurs outils pour les développeurs

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

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 🙂

Faire un lien vers : 📒 Prendre des notes📒 Prendre des 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 ligne enregistrés 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.
  • LanguageTool : Correcteur orthographique gratuit disponible sous forme d’extension (attention aux données personnelles).
  • Notable : Prendre des notes facilement en markdown.
  • QOwnNotes : Un équivalent d’Evernote sur son propre cloud (compatible NextCloud / OwnCloud).
  • Typora : Éditeur markdown minimaliste.
  • Zim-Wiki / DokuWiki : Wikis collaboratifs et libres.

Faire un lien vers : 📅 Calendrier📅 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.

Faire un lien vers : Liste des tâchesListe 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.

Faire un lien vers : 🖇 VCS🖇 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.

Faire un lien vers : ☕ Pour le code☕ Pour le code

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

  • Cacher : Sauvegarder des snippets de code (partageable avec ton équipe).
  • 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.
  • Hyper : Un autre (joli) terminal.
  • 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).
  • Terminator / 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é.

Faire un lien vers : Pour le code (en ligne)Pour le code (en ligne)

Voici une petite liste de services en ligne que j’utilise assez régulièrement.

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

Faire un lien vers : Les lintersLes 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.

Faire un lien vers : Les debuggersLes 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 cours des grands !

Faire un lien vers : Tester le responsiveTester 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

Faire un lien vers : 👨🏾‍💻 Veilles technologiques👨🏾‍💻 Veilles technologiques

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

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

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

Faire un lien vers : 🔐 Sécurité🔐 Sécurité

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

  • 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).
  • NextCloud / OwnCloud : Utilitaire de partage / sauvegarde de fichiers.
  • Passbolt / Bitwarden : Gestionnaire de mot de passe open source.

Faire un lien vers : 🧠 Productivité🧠 Productivité

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

  • 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.
  • Focus To-Do : Organiser ses tâches + Pomodoro.
  • Habitica / Fabulous : Pour mener à bien ses projets.
  • Notion : Pour gérer ses projets persos. ⭐️
  • Pomodoro : Se concentrer sur une tâche sans interruption.
  • Trello : Gérer les tâches à plusieurs.
  • WasteNoTime : Une extension pour navigateur qui bloque les sites qui font perdre du temps.
  • Woven : Planifier ses tâches avec une synchro aux calendriers.

Faire un lien vers : 👔 Freelancing👔 Freelancing

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

  • 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 !)

Faire un lien vers : 🖥 Hébergement🖥 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.

  • Github : 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.

Faire un lien vers : Base de donnéesBase de données

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

Faire un lien vers : 🎮 Vidéos & images🎮 Vidéos & images

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

  • Balsamiq Wireframes : Créer des wireframes super facilement.
  • 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 : Compresser le poids de ses images sans perdre en qualité !
  • Photopea : Photoshop gratuit en ligne.

Faire un lien vers : 🗞 Communication🗞 Communication

Pour rester connecté à la communauté.

  • La ligue : Espace privé pour les développeurs sur Discord.
  • LinkedIn : Découvrir de nouvelles opportunités.
  • Messenger : Pour échanger sans passer par Facebook.
  • Slack : Pour communiquer avec ton équipe.
  • Twitter : Beaucoup de développeurs sur Twitter.

Faire un lien vers : 📝 Blog📝 Blog

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

(Effectivement ce ne sont pas des outils pour les développeurs à proprement parler, mais beaucoup de devs créent du contenu)

Faire un lien vers : 💁‍♂️ Assistants personnels💁‍♂️ Assistants personnels

Pour rechercher ou lancer des applications bien plus rapidement.

N’hésite pas à suggérer des outils pour les développeurs en commentaire !

14 commentaires

  1. Avatar de Roi Givis

    Bitwarden comme gestionnaire de mot de passe

    • Avatar de Alex

      Ça a l’air d’être un super outil, merci à toi ! 🙂

  2. Avatar de Yapbreak

    Comme tu parles de Nextcloud dans le partage de fichier, il y a des applis dans Nextcloud pour avoir Calendrier, Contacts, Notes, Collabora Online (plus ou moins Google Docs) pour pouvoir centraliser tout ça au même endroit et éviter de tout mettre chez Google ou Microsoft !

    • Avatar de Alex

      Effectivement, et ça ne marche pas trop mal 🙂

  3. Avatar de GDK

    Listing hyper intéressant avec de bonnes découverte pour ma part ! Chouette boulot 😉

  4. Salut !

    Merci pour cette petite liste sympa ! 🙂
    Pour la BDD je mentionnerais également : https://dbdiagram.io/home
    Permet de faire des diagrammes et d’exporter directement en SQL, pratique pour faire des tables rapidement.

  5. Avatar de Erwann

    Prise de notes et « knowledge management » (base de connaissances) :
    – CherryTree
    – Notable
    – QOwnNotes
    – Red-NoteBook
    – Zim-Wiki
    – Dokuwiki (installé localement ou à distance)


    PS: Refusant d’être dépendant d’un système centralisé, j’ai toujours refusé d’utiliser evernote, même si c’est un bel outil d’un point de vue fonctionnel.
    De même, je refuse d’être MS dépendant, donc je n’utilise pas OneNote.

    • Avatar de Alex

      Superbe ta liste ! Merci beaucoup. Je suis en train de regarder, que de l’open-source on dirait !

      Tu n’utilises rien de propriétaire ?

      Je trouve que c’est tout à ton honneur, vraiment. J’aime cette philosophie.

      Mais pour ma part je suis trop habitué au confort de ces outils pour m’en séparer. Même si je sais ce que cela implique, je suis prêt à faire le sacrifice. J’ai l’impression de plus y gagner que d’y perdre.

      Merci pour ton commentaire 🙂

      Alex

  6. Avatar de Tom

    Merci de m’avoir fait découvrir Espanso & Excalidraw :o)

    • Avatar de Alex

      Avec plaisir ! Personnellement Espanso je ne peux plus m’en passer 🙂

👩‍💻 Réagir à cet article 👨‍💻

Merci de partager ton histoire avec la communauté !