Les liens ne sont pas un détail
Les connexions déterminent comment les humains et les systèmes trouvent, classent et relient les contenus.
Un voyage à travers le monde du développement web
Partez pour un voyage, de l’idée qui deviendra plus tard le hypertexte,
en passant par les premiers systèmes hypertexte jusqu’au web d’aujourd’hui.
Comprendre les origines de l’hypertexte et donc du web lui-même.
Évolution des systèmes hypertexte
Des débuts jusqu’à l’ère moderne
1945
Memex
Présenté dans l’article « As We May Think » de Vannevar Bush (The Atlantic)
Un concept visionnaire de Vannevar Bush qui a posé les bases de l’hypertexte et du web moderne : organiser et relier l’information, comme les bases de données et liens d’aujourd’hui.
1960
Xanadu
Projet démarré dans les années 1960 ; premier système publié en 1988
Projet révolutionnaire de Ted Nelson visant un hypertexte transclusif. Il a influencé de nombreuses technologies et notre manière de relier l’information.
1968
oN-Line System (NLS)
Nom officiel du système montré dans la « Mother of All Demos »
Système pionnier de Douglas Engelbart, introduisant la souris et l’édition de texte interactive — des piliers de l’interaction moderne.
1968
Augment
Présenté dans la légendaire « Mother of All Demos »
Un des premiers systèmes hypertexte pour étendre l’intellect humain — un jalon de l’interaction avec les systèmes numériques.
1980
Enquire
Développé par Tim Berners-Lee au CERN — précurseur du Web
Premier système hypertexte de Berners-Lee qui a concrétisé l’information reliée et inspiré le Web.
1980
Tangle
Système expérimental de Tim Berners-Lee
Poursuite des idées d’Enquire, axée sur la représentation de réseaux d’information complexes.
1987
HyperCard
Présenté par Apple — a facilité la création de contenus reliés
Outil pour créer des contenus interactifs reliés — précurseur de nombreuses applications web modernes.
1989
World Wide Web
Conceptualisé en 1989 ; premier site en ligne en 1991
Système hypertexte de Tim Berners-Lee qui a popularisé l’information reliée et révolutionné l’accès au savoir.
Pourquoi l’hypertexte est important
La base du développement web moderne
Avant le web, est née l’idée de l’hypertexte : relier les informations entre elles.
Ce concept est à l’origine de ce que nous appelons aujourd’hui Internet et le développement web moderne.
Comprendre l’histoire de l’hypertexte révèle aussi les fondements sur lesquels reposent HTML, CSS, JavaScript et d’autres technologies web.
Ce que signifie l’hypertexte aujourd’hui
Des liens au SEO jusqu’à une architecture de l’information propre
Le SEO commence par la structure
Comprendre l’hypertexte aide aussi à comprendre pourquoi le maillage interne, la sémantique et le contexte comptent pour les moteurs.
Les problèmes commencent souvent dans la structure
Une navigation floue, des relations chaotiques entre pages et des hiérarchies absentes sont rarement des problèmes de design. Ce sont des problèmes de structure.
Évolution du réseau d’information
Des sites Web statiques à l’intelligence artificielle
1990er
Web 1.0
Pages statiques, HTML et CSS basique
Le Web 1.0 était principalement centré sur les documents. Les utilisateurs pouvaient lire des informations mais créer peu de contenu.
2000er
Web 2.0
Réseaux sociaux, JavaScript, AJAX
Avec le Web 2.0, Internet est devenu plus interactif. Les utilisateurs pouvaient créer, commenter et partager du contenu.
2010er
Web 3.0
Web sémantique, API, données liées
Dans le Web 3.0, les données sont au centre. L’information est mieux reliée et lisible par les machines, ce qui permet des applications intelligentes.
2020er
Web 4.0
Systèmes intelligents, IA, expériences personnalisées
Le Web 4.0 combine l’intelligence artificielle avec Internet. L’objectif est un web auto-apprenant, conscient du contexte et fortement personnalisé.
Chaque phase du web résout un problème et en crée un autre
Le progrès sur le web reste toujours un compromis
Web 1.0
Les pages statiques ont rendu le savoir accessible, mais les utilisateurs pouvaient à peine réagir, participer ou influencer.
Web 2.0
L’interaction est devenue plus simple, mais les plateformes ont pris un contrôle énorme sur le contenu, la portée et les données.
Web 3.0
Les données sont devenues plus structurées et reliées, mais aussi plus complexes, plus difficiles à modéliser et à exploiter correctement.
Web 4.0
Le contexte et l’IA promettent de meilleurs systèmes, mais apportent aussi de nouvelles questions sur la dépendance, la traçabilité et la qualité.
Fondations du Web
Les éléments essentiels sur lesquels tout repose
Le web moderne repose sur un ensemble de technologies de base qui définissent sa structure et son fonctionnement.
HTML constitue l’ossature en structurant le contenu, CSS gère la conception et la mise en page, tandis que JavaScript permet l’interactivité et le dynamisme.
Ensemble, ces outils forment la fondation sur laquelle chaque site et application web est construit.
Jalons du développement web
Aperçus du développement web moderne
2010
Single Page Applications (SPA)
Expérience fluide sans rechargement complet
Applications dynamiques et interactives avec chargement asynchrone — popularisées par des frameworks comme React et Vue.
2011
Web Components
Briques UI réutilisables et multiplateformes
Éléments HTML personnalisés réutilisables dans toute application ; rendus possibles par Shadow DOM et Custom Elements.
2011
WebRTC
Communication temps réel dans le navigateur
Audio, vidéo et données sans plugin — un pilier des outils de communication modernes.
2015
Progressive Web Apps (PWA)
Rapides, fiables et multiplateformes
Allient atouts du web et des apps natives : hors ligne, notifications push et expérience proche d’une app.
2015
Service Worker et Web Push
Fonctionnalités hors ligne et notifications
Permettent l’accès hors ligne et les notifications en temps réel — rendent les PWA puissantes et flexibles.
2015
Jamstack
Architecture pour des sites rapides et sûrs
Découple le front et le back, combine livraison statique et APIs dynamiques pour performance et sécurité.
2015
Compression Brotli
Taux supérieurs à Gzip
Des chargements plus rapides grâce à une compression plus efficace et une consommation de données réduite.
2017
WebAssembly (WASM)
Hautes performances sur le web
Permet des performances quasi natives en exécutant du code compilé (p. ex. C++/Rust) dans le navigateur.
2018
HTTP/3 et QUIC
Connexions plus efficaces via UDP
Connexions plus rapides et stables, à faible latence — notamment sur mobile.
2021
Privacy Sandbox
Initiative pour un web sans cookies tiers
Améliore la confidentialité tout en permettant des publicités pertinentes sans cookies tiers.
2022
WebTransport
Données temps réel sur UDP
Communication temps réel performante pour jeux, streaming, etc.
2022
Container Query CSS
Plus de flexibilité pour le responsive
Des règles basées sur la taille du conteneur et non du viewport — meilleur contrôle des layouts.
2023
WebGPU
Remplaçant moderne de WebGL
Accès direct au GPU pour la 3D et le ML dans le navigateur — performances nettement supérieures.
Pourquoi les technologies modernes existent
Les nouveaux outils apparaissent parce que les anciennes limites font mal
Le développement web moderne est intéressant, mais surtout une réponse à de vrais goulets d’étranglement. La bonne question n’est pas seulement ce qui est nouveau, mais quel problème cela doit résoudre.
SPA
Les Single Page Applications sont nées pour fluidifier l’interaction. En échange, la navigation, le chargement initial et le SEO sont devenus bien plus complexes.
HTTP/3
HTTP/3 existe parce que TCP et les connexions classiques atteignent leurs limites avec la latence et la perte de paquets. QUIC répond précisément à ce problème.
WebGPU
WebGPU n’est pas seulement une nouvelle étiquette d’API. C’est une réponse au besoin de plus de puissance graphique et de calcul directement dans le navigateur.
TTT : Conseils – Astuces – Outils
Blog sur le développement web
Découvrez dans ce blog l’origine du développement web et obtenez des conseils utiles, des collections de liens, des articles, ainsi que des documents numériques et des cours vidéo pour approfondir le sujet.
Du web 1.0 statique centré sur les documents, au web social 2.0 et au web sémantique 3.0, jusqu’au web intelligent 4.0.
Découvrez comment se façonne aujourd’hui le développement web moderne : apprenez les dernières technologies et tendances, bénéficiez de guides pratiques et accédez à des ressources précieuses comme des outils, des frameworks et des communautés en ligne pour faire progresser vos projets.