Les 300 meilleurs outils pour le développement 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.

AY11 Accessibilité

• IBM Equal Accessibility Checker
• Sa11y ✨
• Wave ✨
• Whocanuse

API

• Fast API
• GraphQL
• HTTP Cat
• Hoppscotch
• Insomnia
• MockAPI
• Postman ✨
• Swagger génération de profils
• ThunderClient

Authentification

• Magic.link
• Oauth0

Base de données

• Airtable (No-code)
• DataGrip
• DBeaver
• DBVis
• EverSQL
• H2Database
• HeidiSQL
• MangoDB
• MariaDB
• MongoDB
• Nocodb (alternative open source à AirTable)
• PostgreSQL
• PhpMyAdmin (SGBD)
• SequelPro (Mac)
• SQLite
• SQL Server
• TablePlus
• Smartsheet (No-code – Payant)

Base de données – Outils d’aide à la modélisation Merise

• Mysql Workbench

Builder

• ESBuild
• Rollup.js
• SnowPack
• Vite.js
• WebPack ✨

Calendrier

• Calendly
• Sunsama (partage de calendrier)

Conception, Design System, maquettes, prototypage

• Balsamiq (Premium, zoning wireframes)
• Codesee.io (Mapping des applications)
• ColorHunt
• Designresourc.es
• Figma ✨
• Haikei
• Hidden tools
• Judo
• Mockoon
• Pollen Design System
• Typescale
• Zeroheight

Collaboration

• Carbon
• CodePen
• Confluence
• CoScreen
• GitHub Copilot
• GitLive
• JSFiddle
• OneLang
• Slack ✨
• SourceTree
• SublimeMerge

Composants

• Component.ai
• React SVGR
• Remix.run
• Simple Sharing buttons
• Tailwind Components
• The Component Library

Conteunirisation

• Docker ✨
• Garden.io
• Kubernate
• LXD
• Vagrant
• WayScript

CMS JavaScript

• Apostrophe CMS
• Keystone.js
• Ghost CMS
• Prismic.io
• Strapi ✨
• Total.js

Dataviz

• ChartCSS

Documentation

• Bookstack
• Cht.sh
• Devbook
• Devhint
• DokuWiki
• Emacs
• Gitbook ✨
• Learnxinyminutes
• Loom
• MediaWiki
• Mkdocs
• Quod AI
• Slite
• Wiki.js
• Zim Wiki

Développement d’applications mobile

• Adalo (payant – No-code)
• Flutter.dev ✨
• Ionic
• React Native

Emailing, sms, chat

• Agora
• Amazon SES
• Mailgun
• SendGrid

Environnement et gestionnaires de paquets

• Anaconda (Python)
• NodeJS ✨
• Npm et Npx
• Yarn

Frameworks et librairies d’application Web

• Angular (Google) ✨
• Django
• Gatsby
• Hibernate/JPA (Java)
• Laravel ✨
• Next.js
• React.js (Facebook)
• Spring Boot (Java)
• Svelte.js / SvelteKit
• Symfony
• Turbo SPA
• Vue.js

Freelancing

• Codeur.com
• Dolibarr ✨
• Facture.net
• FreelanceDay
• Freelance Republik
• Henrri
• LeHibou
• MyAE ✨
• Pakko
• Progonline
• Shine.fr
• Welcome To the Jungle

Géolocalisation, geofencing

• Google Map API
• Leaflet.js
• Mapbox API
• OSM
• Plot

Gestion de versions

• BitBucket
• GIT
• GitHub ✨
• Github Desktop
• Gitkraken
• GitLab
• Meld (comparer des versions de fichiers)

Gestion de mots de passe

• Bitwarden
• LastPass

Gestion de projet

• AirTable ✨
• Appflowy.io
• Asana
• Basecamp
• Buddy (pour développeurs) ✨
• Click-up
• Freedcamp
• Figma Product Planner
• Gouti
• Jira
• Kitmaker
• Monday
• MS Project
• NTask
• OfficeTimeLine (feuille de route)
• Prioritize
• ProjeqtOrt
• Redmine
• Tara.ai
• Taskade (gestion des tâches)
• Trello (gestion des tâches)
• Wrike
• ZenHub
• Zenkit

GSS

• 11y Eleventy (JavaScript) ✨
• Hugo (Go)

Hébergement – cloud – CDN (Content Delivery Network)

• 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
• Netifly ✨
• Owncloud
• NextCloud
• Nhost
• Putty (SSH)
• Vercel

IDE

• Atom
• Arduino IDE
• Codespaces
• Coffeecup
• Eclipse
• IDE spécifiques JavaScript : WebStorm
• IDE spécifiques PHP : PHP Storm
• IDE spécifiques Python : Idle, PyDev, PyCharm, Thonny (novice), Spyder
• IDE Java Kotlin Groovy : Intellij
• IDE Swift Objective C : AppCode (Mac)
• VIM / NeoVim
• VSCode ✨/ Visual Studio/ Theme Alternight / VSCode.dev (navigateur)
• SublimeText

Intégration – UI

• Almanac CSS
• Anim XYZ
• BEM Cheat Sheet
• Bootstrap
• Bulma.io
• CanIUse
• CSS Layout
• CSS Layout Generator
• CSS Tricks
• GSAP ✨
• Headless UI
• Layout Pattern
• NextUI
• Pattern CSS
• Party.JS
• Stylify.dev
• Superbase UI
• TailwindCSS ✨
• Tailkit
• Theatre.js
• Tidy.js
• Transition CSS
• UIsual
• Uidesigndaily.com
• UI Snippets

Interfaces d’administration

• AppSmith
• Tooljet

Librairies

• Emotion.sh
• Material UI
• React Query
• Storybook
• Zx (Scripts Bash)

Liste de tâches

• Google Tasks (Gmail)
• Microsoft Todo
• Todoist

Linter

• ESLint
• Stylelint

Meta Frameworks

• ExpressJS

ODM (Mapping objets documents)

• Mongoose

ORM (Mapping objets relationnels)

• Doctrine (Symfony)
• Eloquent (Laravel)
• Knex.js
• Prisma
• Sequilize
• TypeORM

OS MacOS / OSX

• Dev Utils
• Flycut
• HomeBrew
• Rectangle (Mac)

Outils navigateur

• Chrome DevTools

Optimisation

• Squoosh

Playgrounds

• Riju.codes
• Replit

Paiement e-commerce

• BrainTree
• MangoPay
• Paypal API
• Paddle
• Stripe API

Plateformes de développement d’applications

• AWS Amplify
• AWS Data Firehose
• Back4app.com
• Bitrise
• Firebase (Google)

Prise de notes, screencast

• Dendron
• Evernote
• Google Docs / Google Spreadsheet
• Google Keep
• Kazam ScreenCaster (Linux)
• LanguageTool
• Notable (prise de notes en Markdown)
• Notion ✨
• QOwnNotes (sur son propre Cloud)
• Typora

Productivité

• Espanso
• JavaScript Booster

RegEx

• Regex101

Recherche, moteur de recherche Restful

• Elastic Search
• Kibana (visualisation des datas)

Santé, bien-être

• Claviers
• F.lux protection des yeux
• Écran dalle OLED
• Siège

Sécurité

• Burp Suite Community Proxy
• Graudit
• JWT (Json Web Tokens)
• Local PHP Security Checker
• Logtail
• PHP Code Sniffer
• Retire.js
• SonarLint
• Zap Proxy Owasp

Serveur Web local / Serveur Web

• Apache HTTP Server
• Apache Tomcat
• Expose
• GuniCorn (Python / Linux)
• Laragon (LAMP) ✨
• Microsoft IIS
• Ngrok ✨
• Nginx ✨

SEO Référencement naturel

• BeamUsUp
• LSI Graph
• Monitor Backlinks
• Rank Math SEO Analyzer
• Ranxplorer
• Robots.txt generator SEO Books
• Semrush
• Slerpee
• WhatsMySerp
• XML Sitemaps

Site web, application web no-code

• Bubble
• Strikingly
• Webbly

Statistiques

• Counter.dev
• Segment

Tester – debug

• Appium
• Chromatic
• Cypress
• Jest
• Linear
• Responsively
• Selenium (framework)
• Sentry
• Sizzy (payant)
• Testing Library (APIs)
• Qodana
• YellowLab
• Zoho Debug

Tableau blanc

• Excalidraw (Draw.io)
• Figjam (Figma)

Trousse à outils

• Baseline background remover
• Bundle Phobia
• Cacher : sauvegarde de snippets de code
• CSS2JS
• DeepSource : revue de code
• Diff Checker (payant)
• Dopfolio
• Emmet Cheat Sheet
• Fig.io
• Fira Font
• Frontend Toolkit
• GitHub1s
• Keycode.info
• Is my host fastyet
• JSON Formatter
• JSON Generator
• Npkill
• Omatsuri.app
• Retool
• Screensizemap
• SmallDev Tools
• Sourcegraph
• Wakatime
• Will it cors

Veille

• Daily.dev
• Devdocs
• Dev.to
• Hacker.io
• LesJeudi
• Référentiel métier AFPA
• Stackshare.io
• Stackoverflow / Stackexchange
• Wappalyzer
• Welovedevs (Job Board)

Virtualisation

• Hyper V
• Parallels
• VirtualBox
• Vmware

Web3

• Polygon (blockchain)
• Hardhat(environnement de développement Ethereum)
• NextJS – React – Vue (framework front-end)
• EtherJS (librairie client Ethereum)
• Ifps (stockage)
• Graph API (indexation, requêtes)

WordPress

• Local WP ✨
• SVG 2 WP
• WP-Cli
• WPPB
• PHP Unit

Workflow – UML – Automation

• Diagrams.net
• IFTTT
• Lucidchart
• Make
• Microsoft Power Automate
• Notion API
• Staruml.io
• Zapier

Liste compilée par Stéphane ARRAMI, membre de Jury Professionnel Titre Professionnel Développeur Web et Web Mobile DWWM