Introduction au
web
M. Atezong Ymele Carick A.
Software Engineer | LLM Engineer | AI trainer
Plan du cours
● Qu’est-ce que le Web
● Différence entre Web et Internet
● Comment fonctionne le Web (Client ↔ Serveur)
● Les langages côté client
● Les langages côté serveur
● Bases de données & SQL
● Les serveurs web : rôle & fonctionnement
● Adresse IP & Noms d’hôte
● Les métiers du Web
● Introduction au parcours Fullstack Python
Introduction
L’histoire du Web commence bien avant l’apparition des sites modernes.
En 1969, l’armée américaine crée ARPANET, un réseau décentralisé conçu pour résister aux attaques. Ce réseau
deviendra rapidement un espace d’échange entre chercheurs.
En 1972, le premier e-mail est envoyé, marquant l’une des premières utilisations majeures du réseau.
En 1991, Tim Berners-Lee, ingénieur au CERN, invente le World Wide Web, un système de pages reliées entre elles
grâce à des liens hypertextes. Le Web rend l’Internet accessible aux chercheurs, puis au grand public.
En 1994, la création du W3C (World Wide Web Consortium) formalise les standards du Web :
HTML, CSS, XML, puis de nombreux autres protocoles qui assurent compatibilité et uniformité.
Qu’est-ce que le Web ?
Définition
Le Web (World Wide Web) est un système permettant de consulter et publier des documents hypertextes
accessibles via Internet.
Il repose sur :
● des protocoles (principalement HTTP/HTTPS)
● un langage de balisage (HTML)
● des navigateurs web (Chrome, Firefox, Safari…)
● des liens hypertextes pour naviguer entre les pages
Web ≠ Internet
● Le Web est une application qui utilise Internet.
● Internet contient d’autres services : e-mails, FTP, VoIP, streaming…
Différence entre Web et Internet
Internet : le réseau physique
● Ensemble mondial de machines interconnectées
● Inclut câbles sous-marins, routeurs, satellites
● Transporte toutes sortes de données
● Préexiste au Web
Le Web : un service d’Internet
● Service basé sur HTTP/HTTPS
● Utilisé pour naviguer sur des pages web
● Accessible via le navigateur
NB: Le Web n’est qu’une partie d’Internet
Comment fonctionne le Web ? (Client ↔ Serveur)
Client :
● Le navigateur (Chrome, Firefox…)
● Envoie des requêtes HTTP
● Affiche la réponse
Serveur :
● Ordinateur distant
● Exécute la logique (ex: Django, [Link],...)
● Accède aux bases de données
Communication :
→ Requête HTTP
← Réponse (HTML, JSON, images…)
Les Langages côté Client
Définition
Langages exécutés dans le navigateur de l’utilisateur. Ils rendent la page visible, stylée et interactive.
Langages principaux
1. HTML = Structure(titres, paragraphes, boutons...)
2. CSS = Style(Couleurs, polices, mise en page)
3. Javascript = Interaction(animations, formulaires, menus…)
NB: Tout le code Client est visible via << Clic droit → Inspecter >>
Structure d’une page HTML
Les Langages côté Serveur
Définition
Langages exécutés sur le serveur avant que la réponse n’arrive au client.
Ils servent à :
● gérer les bases de données
● sécuriser l’application
● générer du contenu dynamique
● manipuler la logique métier
Langages populaires
● Python (Django, Flask)
● PHP (Laravel, Symfony)
● Java (Spring)
● JavaScript ([Link])
● Ruby (Rails)
NB: Le code serveur est invisible pour l’utilisateur.
Regard sur les Bases de Données
Définition
Systèmes permettant de stocker, organiser et retrouver efficacement des données.
Types :
● SQL (relationnel)
● Tables avec lignes + colonnes
● MySQL, PostgreSQL, SQLite
● NoSQL (Not Only SQL)
● Documents, graphes, colonnes…
● MongoDB, Firebase, Cassandra
Schéma d’interaction
Les Serveurs
Définition
Ordinateur (ou logiciel) qui fournit des services à des clients via Internet.
Types :
1. Serveur HTTP (Apache, Nginx)
2. Serveur d'application (Django, [Link])
3. Serveur de base de données (PostgreSQL, MySQL)
Fonctionnement
Client → Requête
Serveur → Réponse
Qu’est-ce qu’une adresse IP ?
Définition
Numéro unique identifiant un appareil sur un réseau.
Types d’IP :
● IPv4 : [Link]
● IPv6 : 2001:db8::8a2e:370:7334
IPv6 existe car les adresses IPv4 sont presque saturées.
Adresse IP vs Nom d’hôte
Adresse IP
● Suite de chiffres
● Exemple : [Link]
Nom d’hôte (Nom de domaine)
● Exemple : [Link]
● Facilite la lecture humaine
DNS : traduit le nom en IP
[Link] → [Link]
Les Professionnels du Web
L’écosystème Web regroupe plusieurs domaines :
● Développement
● Web Design & UI/UX
● Production de contenu
● Administration systèmes & réseaux
Chaque domaine contribue à la création d’un produit numérique complet.
Les Métiers du Développement Web
Backend Developer
● Logique métier, API, bases de données
● Python, PHP, Java…
Frontend Developer
● Interface utilisateur, responsive design
● HTML, CSS, JavaScript, React…
Full-Stack Developer
● Maîtrise frontend + backend
● Très recherché (profil polyvalent)
Conclusion
Pour débuter en Django et devenir Fullstack Python, il est essentiel de comprendre :
● Le fonctionnement du Web
● Les requêtes HTTP
● Le modèle client/serveur
● Le rôle des bases de données
● Les interactions entre serveur, templates HTML et API
Ces fondements permettent de créer des applications web performantes, sécurisées et évolutives.
Ressources utiles
Ressource Lien
VSCODE [Link]
Python [Link]
Github [Link]