La technologie web désigne l’ensemble des protocoles, langages, formats, outils et infrastructures qui permettent la création, la diffusion, l’interopérabilité et l’interaction de contenus et services sur le World Wide Web .
Contrairement au simple « développement web », la technologie web englobe aussi :
les standards ouverts (W3C, IETF),
les principes d’architecture (REST, liens hypertextuels, découvrabilité),
les valeurs fondatrices du web : universalité, accessibilité, neutralité, pérennité.
Liste des technologies et outils web essentiels
(classés par couche fonctionnelle, avec alternatives souveraines)
1. Fondations du Web (cœur universel)
Catégorie Technologies standards Alternatives / bonnes pratiques Langage de structure HTML5 → Utiliser balises sémantiques (<article>, <time>, etc.) Style & mise en page CSS3 (Flexbox, Grid, Media Queries) → Préférer CSS pur à Bootstrap si possible Comportement dynamique JavaScript (ES6+) → Vanilla JS > framework si interaction limitée Protocole de transport HTTP/HTTPS, WebSocket → HTTPS obligatoire (Let’s Encrypt) Encodage UTF-8 → Toujours déclarer <meta charset="utf-8">
Format Usage JSON-LD Structured Data pour SEO sémantique RDF / Turtle Web sémantique, liens entre entités CSV / TSV Échange de données tabulaires Markdown Rédaction de contenu structuré WebP / AVIF Images modernes SVG Graphismes vectoriels
3. Serveurs & Infrastructure (auto-hébergement prioritaire)
Outil Rôle Alternative souveraine NGINX Reverse proxy, serveur web Léger, sécurisé, auto-hébergeable Apache Serveur web classique Compatible .htaccess, mod_rewrite Traefik Reverse proxy dynamique (Docker) Auto-config Let’s Encrypt Caddy Serveur web avec HTTPS automatique Simple, moderne MinIO Stockage objet compatible S3 Auto-hébergé, pour fichiers médias IPFS Stockage décentralisé, résilient Pour diffusion hors cloud centralisé
Outil Type Pourquoi pertinent ? WordPress CMS grand public Avec thème personnalisé, sans page builder Omeka S Plateforme patrimoniale Web sémantique natif, liens vers Wikidata Hugo / Astro / Jekyll Générateurs de sites statiques Performants, sécurisés, versionnables Drupal CMS avancé Modélisation sémantique puissante
5. Outils de Développement & Workflow
Catégorie Outils libres / ouverts À éviter (extractivisme) Éditeurs VS Code (avec extensions libres), Vim, Neovim Éviter les IDE cloud fermés Build Vite, esbuild, Webpack (léger) Pas de build excessif pour site statique Linting ESLint, Stylelint, Prettier Versioning Git + GitHub/GitLab auto-hébergé (Gitea) Éviter les dépendances à GitHub si possible CI/CD GitHub Actions, GitLab CI, Drone CI Préférer solutions auto-hébergées (Woodpecker)
Outil Usage Souveraineté Lighthouse Audit performance/accessibilité Open source, exécutable localement WebPageTest Tests multi-localisation Cloud → utiliser instance privée si possible Prometheus + Grafana Monitoring Auto-hébergeable Sentry (On-Prem) Suivi erreurs Version open source disponible Plausible Analytics Analytics respectueux Auto-hébergeable, RGPD-compliant
7. Sécurité & Vie Privée
Techno Fonction Let’s Encrypt Certificats TLS gratuits Content Security Policy (CSP) Bloque scripts non autorisés Helmet.js En-têtes de sécurité pour Node.js Fail2ban Protection brute-force (SSH, login) ClamAV Antivirus pour uploads
8. Technologies émergentes (à adopter avec discernement)
Tech Potentiel Risque Web Components Réutilisabilité sans framework Bon pour composants isolés Service Workers Hors ligne, caching avancé Complexité accrue WebAssembly (Wasm) Calculs lourds côté client À réserver aux cas justifiés ActivityPub Fédération (Mastodon, PeerTube) Pour interopérabilité sociale décentralisée Solid / PODs Données personnelles contrôlées Encore expérimental
Les contenus de définition restent publics. Les ressources (outils, grilles, supports) liées à cette fiche sont disponibles dans l’espace membre.
