Université Abdelmalek Essaadi
Ecole Nationale des Sciences Appliquées
d'Al-Hoceima
Développement
Web
INTRODUCTION
Rappel
La programmation web
Représente un volet de la programmation informatique qui permet de créer / éditer
des sites web
Un site web
Est l’ensemble des pages web et des ressources reliées entre elles par des liens
hypertextes, auxquelles l’internaute peut accéder par une adresse web appelée Url,
le tout enregistré sous le même nom de domaine.
Un site web ou site internet englobe des textes et multimédia, il est hébergé sur un
serveur web, auquel on peut accéder à travers le réseau internet ou intranet.
Rappel
Hébergement
L'hébergement désigne, dans le monde de l'informatique et d'Internet, le fait de
mettre à disposition des créateurs de sites Web des espaces de stockage sur des
serveurs sécurisés, afin que les sites Web en question puissent être accessibles sur
la Toile.
Dit autrement, il s'agit d'un service permettant de placer, sur un serveur relié au
réseau Internet, les différents fichiers et contenus qui constituent un site Web.
Rappel
Nom de domaine
Une adresse internet ou nom de domaine est l’équivalent de votre adresse postale
sur internet. C’est la manière dont vos contacts et clients vont trouver votre site
internet sur le web.
Pour communiquer entre eux, les périphériques reliés à internet sont identifiés par
une adresse internet unique, dite adresse IP (Internet Protocol), par exemple :
[Link].
Le nom de domaine permet de traduire en un nom intelligible et facilement
mémorisable une adresse IP, et ainsi accéder à un site web ([Link]), un nom
de domaine est donc indispensable lors de la mise en disposition de votre site web
Rappel
Nom de domaine
Le nom de domaine est composé d’une chaîne de caractères (nom propre, marque ou
association de mots clés) et d’une extension qui indique l’espace de nommage.
Un nom de domaine est unique dans un espace de nommage (comme le .fr) et
attribué au premier qui en fait la demande
10 conseils pour bien choisir son nom de domaine :
[Link]
Rappel
Une page web
Désigne l'unité élémentaire d'un site
web, lui-même constitué d'un nombre
plus ou moins important de pages web.
C’est une ressource du Web conçue
pour être consultée par des visiteurs à
l'aide d'un navigateur Web. Elle a
une adresse Web. Techniquement,
une page Web est souvent constituée
d'un document (HTML /CSS/JS)
Rappel
Un serveur Web
Par serveur Web (aussi appelé serveur http), c’est tout type de serveur qui permet de
diffuser des contenus Web sur Internet ou Intranet.
Le rôle des serveurs web est de rendre accessible le contenu d’une page Web sur un
navigateur suite à la requête d’un client.
Le terme de serveur Web peut en général se référer à deux choses différentes : soit
au logiciel d’un serveur Web, soit à la machine sur laquelle s’exécute le
programme
Lorsqu’il s’agit de la machine, on parle généralement d’hébergeur ou d’hôte (un tel
hébergeur peut abriter plusieurs logiciel de serveur Web).
Rappel
Classification des pages Web
La différenciation entre une page statique et une page dynamique ne se fait pas sur
leur affichage à l’écran à travers le navigateur, mais sur leur particularité de
création avant de s’afficher
Coder une application web
Page Web Statique
Une page Web statique est une page Web dont le serveur Web sur laquelle celle-ci est
stockée, ne fait aucun effort pour la créer lorsque celle-ci est demandée par la
machine qui veut l’afficher à travers son navigateur Web.
Porte l’extension .html
L’intégralité du code qui la compose va être interprété, compris directement par le
navigateur, on dit que le code de la page programmée est équivalent au code de la
page affichée (page programmée = page affichée).
Coder une application web
Page Web Dynamique
Une page dynamique est une page Web dont le contenu n’existe pas en tant qu’il est
sur le serveur Web mais qui est créée seulement lors de sa demande par l’ordinateur
qui veut l’affichée à travers son navigateur web.
On ne peut jamais (à partir du navigateur) voir le(s) code(s) de construction de la
page dynamique mais seulement le code source de la page web générée.
Coder une application web
Front End
Les écrans, les interactions, la communication avec le
Back End
Le développement Front-End se fait avec :
HTML (hypertext markup language)
CSS (cascading style sheets)
JavaScript (langage de script)
Tous contenu dans le DOM (document object model)
Coder une application web
Le DOM : Document Object Model
Front End
Page HTML
Le navigateur gère chaque page indépendamment les unes des autres
Une page HTML et les ressources associées (CSS et JavaScript) sont dans la mémoire
du navigateur dans le DOM
Architecture multi-pages
Demande d’une nouvelle page
Architecture mono-page
Chargement des parties de page
Back End
Serveur Web & Base de données
Une belle interface reste une coquille vide si une équipe de développement back-end
n’intervient pas sur notre application web. En accord avec le cahier des charges,
l’équipe de développeurs back-end va travailler au développement des fonctionnalités
de l’application mobile.
Le travail du dev back-end est invisible pour l’utilisateur final, mais sans son
intervention, pas d’application. La partie back-end va construire, développer et mettre
en interaction trois piliers essentiels au fonctionnement de l’application :
Le serveur d’hébergement
L’application web
La base de données
Back End
Serveur Web & Base de données