COMPRENDRE LE
WEB
RESUME DU
COURS
Définition
Définition
Le WEB (world, wide, web) qui signifie toile
mondiale est un ensemble de page et de
ressources accessible sur internet reliées entre
elles par des liens hypertextes et consultable
via un navigateur.
objectifs
Pourquoi Les utilisateurs peuvent:
le web? ❑ accéder à des informations et contenus
en ligne;
❑ Communiquer avec d’autre personnes
via des réseaux sociaux;
❑ Effectuer des ventes et transactions en
ligne;
❑ Partager les informations.
Le liens hypertextes
(C’est un élément cliquable qui permet de passer d’une page à une autre)
Un lien peut être:
➢ Un texte;
➢ Une image;
➢ Un bouton.
Evolution du web.
Différence entre le web et internet
Internet est un réseau mondial qui permet
de connecter plusieurs ordinateurs entre eux
offrant plusieurs services a l’instar du web,
email……
Le web est un service qui fonctionne grâce à
internet et permet de consulter des pages et des
site web.
Cloud ou informatique en nuage
C’est un système qui permet de stoker,
gérer et accéder à des données sur
internet sans toutefois les garder sur son
propre appareil.
services
➢ Service d’email: Gmail;
➢ Service de stockage de
document: google drive, Dropbox;
➢ Service de messagerie: Messenger.
01
Langage client ou frontend
(indispensable pour concevoir un site car indique comment un site
doit s’afficher )
HTML: pour créer du contenu
CSS: pour appliquer du style
JS: pour L’interaction
LES NAVIGATEURS
GOOGLE
MOZILLA FIREFOX
MICROSOFT EDGE
SAVARI
Outils des développeurs.
Ce sont les outils pour faciliter et accélérer le travail des
développeurs
LES IDE: LES BIBLIOTHEQUES:
LES Framework:
C’est ensemble d’outil, de Qui sont des
Pour éditer et gérer morceaux de code
bibliothèque et de règle
du code déjà écrits pour
prédéfini qui donne une
efficacement. accélérer le
structure de base pour
construire une application. développent et
gagner du temps .
Exemple IDE
Visual Studio fonctions IntelligIdea
Code ➢ Editer le code plus
facilement;
➢ Gérer plusieurs fichiers
et projets;
➢ Exécuter et texter ton
code;
➢ Avoir des outils intégrés;
Pourquoi ces langages:
02 Les langages
serveurs: ❖Permet aux serveurs de traiter les données avant
d’afficher la page;
Ce sont les langages de
programmation utilises pour ❖Rendre un site web dynamique ;
créer gérer et exécuter des
pages web dynamique du
cote serveur avant qu’elles ne ❖Rendre un site web interactif;
soient envoyées au
navigateur de l’utilisateur. ❖Connecter un site à une base de données.
Une page dynamique est une page ayant la capacité de changer ou s’adapter automatiquement selon
l’action de l’utilisation.
Quelque langage serveurs: qui décrivent comment un
site doit se comporte.
PHP JAVA
PYTHON RUBY
Interaction entre le client et le serveur
1. D’abord le client demande une page au serveur;
2. Ensuite le serveur traite la demande et génère une page correspondante (avec du
langage serveur)
3. Enfin le serveur envoie la dite page au client sous forme de code html et css.
Quelques contextes d’utilisation des langages serveurs
➢Autoriser la connexion des utilisateurs ayant un mot de passe
respectant les critères de sécurité;
➢Autoriser les utilisateurs ayant une adresse email correct à se
connecter;
➢Générer une page tableau de bord pour les utilisateurs se connectant.
Exemple de base de données
MYSQL
LES BASES DE
DONNEES:
C’est un système organisé de POSTGRESQL
stockage d’informations
utilisé par les sites et
application web pour
enregistrer, gérer et retrouver ORACLE
les données de manière
efficace.
SQL SERVER
Les serveurs
Les serveurs sont des super machines sans écran qui
possèdent des sites web et les distribuent aux clients
depuis un Datacenter.
Les serveurs communiquent avec les clients via
des câbles réseau qui sont reliés aux fibres
optiques souvent enterrer sous terre ou au
fond de la mer.
Les serveurs locaux permettent aux
développeurs de tester le fonctionnement des
sites web sur leur propre ordinateur.
exemple:
➢ MAMP;
➢ WAMPSERVER;
➢ LAMP.
Un Datacenter
Adresse IP et nom d’hôte
L’adresse IP est une suite de nombre
permettant d’identifier de façon unique
un ordinateur dans un réseau.
DNS(domain name system) qui permet
de traduire le nom d’hôte en adresse IP,
ce qui établir un lien entre le nom d’hôte
et l’adresse IP.
[Link] est le nom d’hôte de google.
Les protocoles de bas niveau
• TCP( Transmission Control Protocol)
utiliser pour faire transiter du contenu;
LES PROTOCOLES • UDP(User Datagram Protocol).
C’est un ensemble de règle Les protocoles de haut niveau
et procédure qui
définissent comment les • HTTP( HyperText Transfert Protocol)
ordinateurs utiliser pour échanger es pages web entre
communiquent entre eux clients;
sur un réseau. • FTP(file Transfert Protocol) pour le
transfert des fichiers;
• SMTP(Simple Mail Transfert Protocol)
pour envoyer les emails.
Les professionnels du WEB
➢Développeurs: qui développent les sites web;
➢Chefs de projets digitaux ;
➢Product owner ;
➢Product managers; qui ont pour rôle de coordonner la
production ou l’évolution d’un produit web ;
➢UX Designer: qui simplifie l’utilisation d’un site;
➢Professionnels des SI: qui gèrent en gros l’infrastructure du
web;
Métiers du Web
➢ Développeurs Front-end: son rôle est de développer tout ce qui est visible sur le site;
➢ Développeurs Back-end: Qui développe les composantes cachées d’un site web;
➢ Développeurs Mobile: son rôle est de développer les applications Android ou iOS;
➢ Développeurs Low-code: Qui utilise des plateformes qui permettent de créer des
applications avec peu ou pas de code.
Métiers de production web
➢ Product owner: c’est celui qui a la vision du produit et décide quoi développer, pourquoi et
dans quel ordre, charger également de la rédaction des user story.
➢ Product managers: Chargé de définir la stratégie, les objectifs et le plan de
développement , c’est lui qui analyse le marché et identifie les opportunités;
En résume le Product manager pense à la stratégie et au succès du produit sur le
marché tandis que le Product owner s’assure que le produire est bien développe
selon cette stratégie.
Métiers du web designer
➢ L’UX Designer(User eXperience Designer): est la personne chargée de
concevoir une expérience utilisateur simple, agréable et efficace, son objectif est que l’utilisateur
comprenne, aime et utilise facilement le produit.
➢ L’UI Designer(User Interface Designer): est la personne qui conçoit l’apparence
visuel et esthétique d’un produit numérique, avec pour objectif de rendre l’interface belle,
cohérente et agréable à l’utilisateur.
Professionnels du SI
➢ Techniciens informatique: Qui s’occupe de la gestion du parc informatique, du
support informatique et de l’accès au réseau.
➢ Administrateurs système: Responsable de la configuration, de la maintenance et de la
gestion des infrastructures informatique d’une entreprise.
➢ Responsable de la sécurité du SI: Qui définit et met en œuvre la politique de
sécurité de l’informatique de l’entreprise.
➢ Administrateur de BD: Qui gère et optimise les bases de données.