De quels outils de développement web avez-vous besoin pour construire votre application ou votre site Web ? Voici une liste pratique de plus de 300 outils pour aider le développeur web et web mobile.
Précisons en préambule que nous distinguons le métier de développeur et celui d’intégrateur.
Le développeur front-end réalise des sites et applications dynamiques, les fonctions complexes et les interfaces utilisateurs alors que l’intégrateur garant de l’accessibilité web et du responsive web design convertit les maquettes réalisées par le designer UX-UI.
Le développeur back-end structure les données, veille à ce que la base de données soit conforme au schéma physique, conçoit et développe des composants d’accès, développe la partie de gestion du site, construit et articule les actions qui peuvent être effectuées.
1. L’environnement de développement
Logiciel d’environnement intégré IDE
- Atom
- Codespaces
- Coffeecup
- Eclipse
- VIM / NeoVim / Openvim (tuto interactif)
- VSCode ✨/ Visual Studio/ Theme Alternight
- VSCode.dev (navigateur)
IDE spécifique
- Arduino IDE
- JavaScript : WebStorm
- PHP : PHP Storm
- Python : Idle, PyDev, PyCharm, Thonny (novice), Spyder
- Java Kotlin Groovy : Intellij
- Swift Objective C : AppCode (Mac)
Éditeur de texte et de code
- SublimeText (achat de licence)
- NotePad++
- VimOnlineEditor
- VSCode.dev
Environnement spécifique
Gestion de versions
Interface utilisateur graphique GUI
Serveur Web local
- Apache HTTP Server
- Apache Tomcat
- Expose
- GuniCorn (Python / Linux)
- Laragon (LAMP) ✨
- LAMP (Linux)
- Mamp (Mac) / Xampp
- Microsoft IIS
- Ngrok ✨
- Nginx ✨
- Laravel Valet (DnsMasq + Nginx) (Mac)
2. Outils de développement d’applications front-end
AY11 Accessibilité
API
- Axios
- Fast API
- GraphQL
- HTTP Cat
- Hoppscotch
- Insomnia
- MockAPI
- Postman ✨
- Swagger (génération de profils)
- ThunderClient
Builder JS
CSS
CMS JavaScript
Conception – Design System
- Balsamiq (Premium, zoning wireframes)
- Bit / Bit.dev + Zeplin
- Builder X
- Codesee.io (Mapping des applications)
- ColorHunt
- Designresourc.es
- Haikei
- Hidden tools
- Framer
- Judo
- Figma ✨
- Invision DSM
- Mockoon
- Plasmic
- Pollen Design System
- Typescale
- Invision DSM
- Penpot.app
- Plamic
- Radix UI Colors
- Quant UX
- StoryBook
- Wireflow
- Zeroheight
Design Patterns (patrons de conception)
Développement de composants
Frameworks CSS
Frameworks JS et librairies d’application Web
- Angular (Google) ✨
- Astro Build ✨
- Gatsby ✨
- React.js (Facebook) ✨
- Next.js ✨ Framework React
- Remix
- Svelte.js / SvelteKit
- Turbo SPA
- Vue.js ✨
Outils Angular
- Angular Cli
- Augury (debug)
- Angular Language Service
- Angular Devtools
- Angular ESLint
- Angular Fullstack
- Angular Material (bibliothèque de composants UI)
- Angular Universal (déploiement)
- Angular UI
- CompoDoc
- Componizer (VScode)
- Karma (tests)
- NgInspector
- Ngx Bootstrap
- Ngrv (visualisation graphique des modules, composants, providers, directives)
- Ngrx (gestion des états)
- Protractor (tests automatisés)
- Rest Angular
Outils React
- BuilderX.io
- React Query
- React Hook Form
- React Dev Tools
- React UI tools
- Create React App Dev
- React vers Gatsby
- React vers Netifly
- React avec WebPack
Librairies
- Emotion.sh (CSS > JS)
- Motion.dev
- Zx (Scripts Bash)
GSS générateur de site statique
- 11y Eleventy (JavaScript) ✨
- Hugo (Go)
- TeleportHQ (déploiement)
Gestionnaires de paquets
Lanceurs de tâches
Linter selon le langage
Outils de debug et approche clean code
- JSHint
- PHPStan
- Sidekick (Navigateur + Devtools côté backend)
- Node.js Debugger
- Zoho Debug
- Chrome DevTools
- Firefox Developer Tools
- Safari Developer Tools:
Outils de tests
- Appium
- Chromatic
- Cypress
- Jasmine JS (tests unitaires)
- Jest (tests unitaires)
- Linear
- Responsively
- Selenium (framework)
- Sentry
- Sizzy (payant)
- Testing Library (APIs)
- Qodana
- YellowLab
Webperfs
3. Outils de développement d’applications back-end
Authentification
Base de données
Conception de bases de données
Outils d’aide à la modélisation
MCD Création de modèles conceptuels de données
MLD création de Modèles logiques de données
UML
SDBD et outils d’administration
- PhpMyAdmin
- Tableplus.com (payant)
SQL
- DataGrip
- DBeaver
- DBVis
- EverSQL
- H2Database
- HeidiSQL
- MariaDB
- PostgreSQL
- SequelPro (Mac)
- SQLite
- SQL Server
NoSQL
NoCode
- Airtable (No-code)
- Glide
- Nocodb (alternative open source à AirTable)
- Smartsheet (No-code – Payant)
CMS Backend
Frameworks backend
- Django
- Hibernate/JPA (Java)
- Laravel
- Spring Boot (Java)
- Symfony ✨
Interfaces d’administration
Meta Frameworks
Node.js
- Express.js (framework pour créer des applications web et des API)
- Passport.js (bibliothèque d’authentification utilisateurs)
- Mocha (tests)
- PM2 (gestionnaire de processus en production)
- Socket.io (création d’application en temps réel)
ODM (Mapping objets documents)
ORM (Mapping objets relationnels)
- Doctrine (Symfony)
- Eloquent (Laravel)
- Knex.js
- Prisma
- Sequilize
- TypeORM
4. Outils de développement devops
Conteunirisation
Hébergement – cloud – CDN
- AWS / AWS EC2 / AWS Lambda
- AWS Cloudfront (CDN)
- Azure
- Cloudflare ( CDN)
- Cloudinary (CDN médias)
- Coder
- EasyCron
- Filezilla (SFTP)
- Firebase hosting (Google)
- Google Cloud
- Heroku
- NHost (alternative à Firebase open source)
- Netifly ✨
- Owncloud
- NextCloud
- Nhost
- Putty (SSH)
- Termius (SSH Mac OS)
- Vercel
Virtualisation
5. Outils de développement dataviz
6. Outils de documentation
- Bookstack
- Cht.sh
- Devbook
- Devhint
- DokuWiki
- Emacs
- Gitbook ✨
- Learnxinyminutes
- Loom
- MediaWiki
- Mkdocs
- Quod AI
- Slite
- Wiki.js
- Zim Wiki
7. Outils de développement d’applications mobile
- Adalo (payant – No-code)
- Flutter.dev ✨
- Glide
- Ionic
- React Native
8. Pratique
Calendrier
Collaboration
- Carbon
- CodePen
- Confluence
- CoScreen
- GitHub Copilot
- GitLive
- JSFiddle
- OneLang
- Slack ✨
- SourceTree
- SublimeMerge
Emailing, sms, chat
Freelancing
- Codeur.com
- Dolibarr ✨
- Facture.net
- FreelanceDay
- Freelance Republik
- Henrri
- LeHibou
- MyAE ✨
- Pakko
- Progonline
- Shine.fr
- Welcome To the Jungle
Géolocalisation, geofencing
Gestion de mots de passe
- Bitwarden
- LastPass
Liste de tâches
- Google Tasks (Gmail)
- Microsoft Todo
- Todoist
OS MacOS / OSX
Optimisation
Playgrounds
Paiement e-commerce
Plateformes de développement d’applications
- AWS Amplify
- AWS Data Firehose
- Back4app.com
- Bitrise
- Firebase (Google)
- Heroku (payant)
- Plasmic.app
Prise de notes, schémas, screencast
- Dendron
- Diagrams.net (schémas UML + sauvegarde Cloud)
- Evernote
- Google Docs / Google Spreadsheet
- Google Keep
- Kazam ScreenCaster (Linux)
- LanguageTool
- Notable (prise de notes en Markdown)
- Notion ✨
- Notion AI
- QOwnNotes (sur son propre Cloud)
- Typora
Productivité
RegEx
Recherche, moteur de recherche RESTful
- Elastic Search
- Kibana (visualisation des datas)
Santé, bien-être
Revue de code
- DeepSource
- Pull Request : révisions de code à la demande de la part d’ingénieurs et de développeurs experts.
Statistiques
Tableau blanc
- Zapier
- Excalidraw (Draw.io)
- Figjam (Figma)
Workflow – Automation
9. Outils du développeur SEO
- BeamUsUp
- Google Lighthouse (Chrome)
- LSI Graph
- Monitor Backlinks
- Rank Math SEO Analyzer
- Ranxplorer
- Robots.txt generator SEO Books
- Semrush
- Slerpee
- WhatsMySerp
- XML Sitemaps
10. Outils du développeur d’applications web low-code
11. Trousse à outils
- Baseline background remover
- Bundle Phobia
- Cacher : sauvegarde de snippets de code
- Diff Checker (payant)
- Dopfolio
- Emmet Cheat Sheet
- Extends Class : validateur de syntaxe
- Fig.io
- Fira Font
- Frontend Toolkit
- GitHub1s
- Keycode.info
- Is my host fastyet
- JSON Formatter
- JSON Generator
- Npkill
- Omatsuri.app
- Retool
- Ray.st (détecter les technos utilisées par un site)
- Screensizemap
- SideKick
- SmallDev Tools
- Sourcegraph
- Wakatime
- Will it cors
12. Outils et ressources de veille
- Daily.dev
- Devdocs (documentations des API logiciels)
- Dev.to
- Hacker.io
- LesJeudi
- Finddev.tools (répertoire d’outils)
- Référentiel métier AFPA
- Stackshare.io
- Stackoverflow / Stackexchange
- Wappalyzer
- Welovedevs (Job Board)
13. Outils du développeur Web3
- EtherJS (librairie client Ethereum)
- Graph API (indexation, requêtes)
- Hardhat (environnement de développement Ethereum)
- Ifps (stockage)
- Polygon (blockchain)
14. Outils du développeur WordPress
- Local By Flywheel
- Debug bar
- Query Monitor
- WordPress API Rest Controller
- WP GraphQL
- Gatsby
- WP-Cli
- WPPB
- PHP Unit
- Deploybot
15. Outils de gestion de projet
- AirTable ✨
- Appflowy.io
- Asana
- Basecamp ✨
- Buddy ✨
- Click-up
- Freedcamp
- Figma Product Planner
- Gouti
- Jira
- Kitmaker
- MeisterTask
- Monday
- MS Project
- NTask
- OfficeTimeLine (feuille de route)
- Prioritize
- ProjeqtOrt
- Redmine
- Tara.ai
- Taskade
- Trello
- Wrike
- ZenHub
- Zenkit
16. Sécurité des applications web
- Burp Suite Community Proxy
- Graudit
- JWT (Json Web Tokens)
- Local PHP Security Checker
- Logtail
- PHP Code Sniffer
- Retire.js
- SonarLint
- Zap Proxy Owasp
Liste compilée par Stéphane ARRAMI, membre de Jury Professionnel Titre Professionnel Développeur Web et Web Mobile DWWM
Lire aussi : 100 outils géniaux pour le design Web.