The Web Explained

Explore the evolution, standards, and security of the web.

Timeline du Web : Les Grandes Étapes de l'Histoire d'Internet

Prémices
Émergence
Commercial
Web 2.0
Mobile
Web 3.0
Prémices
Émergence
Commercial
Web 2.0
Mobile
Web 3.0
1960-1990

Les Prémices et la Naissance du Web

2 septembre 1969

Naissance d'ARPANET

"Le premier échange d'informations entre deux ordinateurs distants marque les premiers pas vers l'Internet moderne."

Connexion entre l'université de Californie (UCLA) et le Stanford Research Institute - premier réseau informatique décentralisé.

1971

Premier email

"Ray Tomlinson révolutionne la communication en inventant le courrier électronique et le symbole @."

Transfert de 200 lignes de code entre ordinateurs via des boîtes aux lettres électroniques.

1er janvier 1983

Adoption du protocole TCP/IP

"La naissance officielle d'Internet avec l'uniformisation des protocoles de transfert."

Protocole créé par Vinton Cerf et Robert Kahn, remplaçant le protocole NCP d'ARPANET.

12 mars 1989

Proposition du World Wide Web

"Tim Berners-Lee pose les bases de la plus grande invention du 20ème siècle au CERN."

Première proposition pour réorganiser les bases de données du CERN en utilisant l'hypertexte.

1990-1995

L'Émergence du Web

20 décembre 1990

Premier site web

"La naissance du premier serveur Web et du premier site web sur un ordinateur NeXT."

Création par Tim Berners-Lee à l'adresse info.cern.ch, définition des protocoles HTTP et HTML.

6 août 1991

Démocratisation du Web

"Tim Berners-Lee annonce l'accessibilité publique du World Wide Web en dehors du CERN."

Publication sur le groupe alt.hypertext de Usenet avec l'invitation "Essayez-le".

30 avril 1993

Internet devient public

"Le CERN libère le code source et rend le WWW gratuit pour tous."

Publication du code source du navigateur, explosion du nombre de serveurs web de 500 à 10 000 en 1994.

1993

Premier navigateur graphique populaire - Mosaic

"NCSA Mosaic démocratise l'accès au Web avec la première interface graphique conviviale."

Développé par Marc Andreessen, permettant l'affichage d'images et de texte sur la même page.

Janvier 1994

Naissance de Yahoo!

"Jerry Yang et David Filo créent le premier annuaire Web, transformant la navigation sur Internet."

Premier moteur de recherche/annuaire permettant de structurer et classer les sites web par thèmes.

1995-2000

L'Explosion du Web Commercial

Octobre 1994

Netscape Navigator

"Le premier navigateur commercial grand public déclenche la démocratisation d'Internet."

Développé par Marc Andreessen, coûtant 49$, il devient rapidement dominant avec des innovations comme JavaScript.

Août 1995

Internet Explorer

"Microsoft entre dans la guerre des navigateurs, déclenchant une bataille pour le contrôle du Web."

Basé sur Spyglass Mosaic, distribué gratuitement avec Windows 95.

Juillet 1995

Amazon

"Jeff Bezos lance la révolution du commerce électronique avec la vente de livres en ligne."

Première grande plateforme de vente en ligne, posant les bases de l'e-commerce moderne.

1995

AltaVista

"Premier moteur de recherche full-text révolutionnant la recherche d'informations sur le Web."

Permet la recherche en langage naturel et la soumission de pages.

Septembre 1998

Naissance de Google

"Larry Page et Sergey Brin révolutionnent la recherche Web avec l'algorithme PageRank."

Changement de paradigme : popularité d'une page basée sur le nombre de liens entrants.

2000-2010

L'Ère du Web 2.0 et des Réseaux Sociaux

15 janvier 2001

Wikipédia

"Jimmy Wales lance l'encyclopédie collaborative, symbole du Web participatif."

Première grande plateforme de contenu généré par les utilisateurs.

2003

MySpace

"Le réseau social musical devient le 4ème site le plus visité au monde en 2005."

Premier grand réseau social permettant la personnalisation des profils.

Février 2004

Facebook

"Mark Zuckerberg révolutionne les réseaux sociaux depuis l'université de Harvard."

Evolution vers le plus grand réseau social mondial avec plus de 3 milliards d'utilisateurs.

Février 2005

YouTube

"Trois anciens employés de PayPal transforment le partage de vidéos sur Internet."

Première vidéo "Me at the zoo" le 23 avril 2005, rachat par Google pour 1,65 milliard $.

2005

Émergence d'AJAX

"La technologie Ajax révolutionne l'interactivité web avec des pages dynamiques sans rechargement."

Asynchronous JavaScript and XML permet des applications web interactives et réactives.

2006

Twitter

"Jack Dorsey invente le microblogging et transforme la diffusion d'informations en temps réel."

Introduction du concept de fil d'actualité et des hashtags, limité à 140 puis 280 caractères.

2007-2015

L'Ère Mobile et du Cloud

29 juin 2007

iPhone

"Steve Jobs révolutionne l'accès mobile au Web avec le premier smartphone tactile."

Transformation de l'expérience web mobile et naissance de l'internet mobile.

Juillet 2008

App Store

"Apple lance l'économie des applications mobiles, changeant la consommation de contenu web."

Les contenus passent de plus en plus par des applications plutôt que par des navigateurs.

Septembre 2008

Google Chrome

"Google entre dans la guerre des navigateurs avec un focus sur la vitesse et la simplicité."

Rapidement adopté, il deviendra le navigateur dominant mondial.

2008

Android

"Google démocratise les smartphones avec un système d'exploitation open-source."

Android atteint 72% de parts de marché mondial contre 28% pour iOS.

Années 2010

Explosion du SaaS (Software as a Service)

"Le cloud computing transforme la distribution de logiciels avec des applications accessibles par navigateur."

Services comme Salesforce, Dropbox, Office 365 redéfinissent l'usage des applications web.

2015-Présent

L'Ère Moderne : Web 3.0 et Technologies Émergentes

2010s-2020s

Web 2.0 vers Web 3.0

"Evolution vers un web décentralisé, intelligent et axé sur la propriété des données."

Integration de l'IA, blockchain, IoT pour un web plus personnalisé et décentralisé.

Années 2020

Émergence du Métavers

"Convergence des technologies VR, AR, blockchain et IA pour créer des mondes virtuels immersifs."

Facebook devient Meta, investissant 10 milliards $ dans cette technologie.

Années 2020

Intelligence Artificielle

"L'IA transforme l'expérience web avec des services personnalisés et des assistants intelligents."

ChatGPT et autres IA génératives révolutionnent la création de contenu et l'interaction web.

Années 2020

Technologies Blockchain et NFT

"La blockchain promet un web décentralisé où les utilisateurs reprennent le contrôle de leurs données."

Développement du Web3 avec propriété numérique et économies décentralisées.

Anatomie d'une URL

Comprendre la structure des adresses web

https://example.com:443/chemin/page?param=valeur#section
🔒

Protocole

https://

Définit comment les données sont transmises (HTTP, HTTPS, FTP...)

🌐

Domaine

example.com

L'adresse unique qui identifie le serveur web

🚪

Port

:443

Point d'entrée spécifique sur le serveur (443 pour HTTPS, 80 pour HTTP)

📁

Chemin

/chemin/page

Localisation spécifique de la ressource sur le serveur

❓

Paramètres

?param=valeur

Données additionnelles transmises au serveur

⚓

Ancre

#section

Section spécifique dans la page web

Analyseur d'URL Interactif

Insérez une URL pour voir ses composants

Protocole: -
Domaine: -
Port: -
Chemin: -
Paramètres: -
Ancre: -

🔄 Redirections HTTP

301 Permanent : La page a définitivement déménagé → Transfert du SEO vers la nouvelle URL

302 Temporaire : La page est momentanément ailleurs → L'URL originale garde son référencement

🌐 Noms de Domaine

Comprendre l'écosystème des adresses web

🔍 Qu'est-ce qu'un nom de domaine ?

Un nom de domaine est l'adresse web lisible par les humains qui permet d'accéder à un site internet. Il traduit une adresse IP numérique complexe en mots facilement mémorisables.

192.168.1.1 ↔ google.com

Le DNS (Domain Name System) fait la traduction

🎯 Rôle du DNS

  • Traduction : Convertit les noms en adresses IP
  • Hiérarchisation : Organise internet en zones
  • Décentralisation : Répartit la charge sur plusieurs serveurs
  • Cache : Mémorise les résolutions pour accélérer l'accès

♻️ Cycle de vie d'un nom de domaine

🔍

Recherche

Vérification de la disponibilité du domaine souhaité

Instantané
→
💳

Réservation

Enregistrement via un registrar accrédité

1-10 ans
→
🌐

Utilisation

Configuration DNS et mise en ligne du site web

Période active
→
⏰

Expiration

Période de grâce puis libération du domaine

30-75 jours
↺
🔄

Renouvellement

Prolongation avant expiration

👥 Les acteurs de l'écosystème

🏛️

ICANN

Internet Corporation for Assigned Names and Numbers

  • Coordonne le système DNS mondial
  • Gère les domaines de premier niveau (.com, .org, .fr...)
  • Accrédite les registrars
  • Supervise la stabilité d'Internet
🏢

Registries

Gestionnaires de TLD

  • Verisign : Gère .com et .net
  • AFNIC : Gère .fr (France)
  • Nominet : Gère .uk (Royaume-Uni)
  • Maintiennent les bases de données des domaines
🏪

Registrars

Revendeurs accrédités

  • Exemples : OVH, GoDaddy, Namecheap, Gandi
  • Interface avec le grand public
  • Gestion des enregistrements DNS
  • Services annexes (hébergement, emails...)
👤

Utilisateurs

Propriétaires de domaines

  • Particuliers, entreprises, associations
  • Choisissent et réservent les noms
  • Configurent les services (site, email...)
  • Responsables du renouvellement

🏗️ Structure hiérarchique

blog . exemple . com root
Sous-domaine Domaine TLD Racine

📐 Standards du Web

Les règles qui maintiennent l'ordre sur Internet

🏛️ Les organismes de standardisation

W3C

World Wide Web Consortium

Fondé : 1994 par Tim Berners-Lee

Rôle : Développe les standards web (HTML, CSS, JavaScript)

HTML5 CSS3 SVG XML

IETF

Internet Engineering Task Force

Fondé : 1986

Rôle : Protocoles Internet et architecture réseau

HTTP TCP/IP DNS TLS

ECMA

European Computer Manufacturers Association

Fondé : 1961

Rôle : Standards de programmation et technologies

JavaScript JSON C#

ISO

International Organization for Standardization

Fondé : 1947

Rôle : Standards internationaux (sécurité, qualité)

ISO 27001 UTF-8

🎯 Pourquoi les standards sont-ils cruciaux ?

🌐

Compatibilité Universelle

Votre site fonctionne identiquement sur Chrome, Firefox, Safari, Edge...

🔄

Interopérabilité

Les technologies de différents éditeurs peuvent communiquer entre elles

🚀

Innovation Structurée

Nouvelles fonctionnalités développées sur des bases solides et testées

👥

Accessibilité

Standards garantissent l'accès aux personnes en situation de handicap

💥 Que se passerait-il sans standards ?

🌪️ Le Chaos du Web

🔥
Guerre des navigateurs : Chaque navigateur interpréterait le code différemment
💸
Coûts explosifs : Il faudrait coder une version par navigateur
🔒
Écosystèmes fermés : Les géants tech créeraient leurs propres "internets"
🚫
Innovation bloquée : Impossible de construire sur des bases instables

✅ Grâce aux standards

🎯 Un code, tous les navigateurs : Écrivez une fois, ça fonctionne partout

💰 Économies massives : Pas de versions multiples à maintenir

🔓 Web ouvert : Personne ne peut "posséder" Internet

🚀 Innovation rapide : Nouvelles technologies adoptées universellement

📅 Évolution des standards web

1991

HTML

Premier langage de balisage web

1996

CSS1

Séparation contenu/présentation

1997

HTML 4

Standardisation majeure

2014

HTML5

Web moderne et applications

🔒 Sécurité Web

Protéger et sécuriser l'écosystème numérique

⚔️ Attaques courantes sur le web

🎣

Phishing

Technique d'hameçonnage pour voler des informations personnelles

Méthode : Faux sites web, emails frauduleux imitant des services légitimes

Cible : Mots de passe, données bancaires, informations personnelles

Faux emails bancaires Sites contrefaits SMS frauduleux
🦠

Malware

Logiciels malveillants infectant les systèmes

Types : Virus, ransomware, spyware, trojans

Propagation : Téléchargements, emails, sites compromis

Ransomware Keyloggers Botnet
🔨

Brute Force

Attaque par force brute pour casser les mots de passe

Méthode : Test automatisé de milliers de combinaisons

Cible : Comptes utilisateurs, systèmes d'authentification

Dictionnaire Combinaisons Bots
🕷️

Scraping vs Abus

Extraction abusive de données et surcharge des serveurs

Technique : Robots automatisés, requêtes en masse

Impact : Surcharge serveur, vol de contenu, concurrence déloyale

Web scraping DDoS Price scraping

🛡️ Bonnes pratiques de sécurité

🔐

HTTPS

Chiffrement des communications web

✅ Données chiffrées en transit
✅ Authentification du serveur
✅ Confiance des utilisateurs
✅ SEO amélioré
🔑

Mots de passe forts

Création et gestion de mots de passe sécurisés

📏 Minimum 12 caractères
🔤 Majuscules + minuscules
🔢 Chiffres + symboles
🚫 Unique par service
📱

2FA / MFA

Authentification à plusieurs facteurs

📲 SMS / Appel
📱 App d'authentification
🔑 Clés physiques
👆 Biométrie
🔄

Mises à jour

Maintenir les systèmes à jour

🌐 Navigateurs web
💻 Système d'exploitation
🛡️ Antivirus
📱 Applications

💡 Conseils de sécurité essentiels

1

Méfiance avant tout

Vérifiez toujours l'URL, l'expéditeur d'un email, et ne cliquez jamais sur des liens suspects

2

Gestionnaire de mots de passe

Utilisez un gestionnaire comme Bitwarden, 1Password ou LastPass pour des mots de passe uniques

3

Sauvegardes régulières

Sauvegardez vos données importantes sur plusieurs supports (cloud + local)

4

Réseaux WiFi sécurisés

Évitez les WiFi publics pour des transactions sensibles, utilisez un VPN si nécessaire