From bc2087565402355e8c2f72590183b16594e8d98d Mon Sep 17 00:00:00 2001
From: denmigda <denis.migdal@uca.fr>
Date: Wed, 6 Dec 2023 15:51:40 +0100
Subject: [PATCH] Add Web/Communications Client-Serveur (architecture)

---
 Readme.md                                     |   1 +
 .../HTTP queries.dia                          | Bin 0 -> 2029 bytes
 .../HTTP queries.png                          | Bin 0 -> 8031 bytes
 .../index.md                                  | 163 ++++++++++++++++++
 4 files changed, 164 insertions(+)
 create mode 100644 Web/X - Communications Client-Serveur/HTTP queries.dia
 create mode 100644 Web/X - Communications Client-Serveur/HTTP queries.png
 create mode 100644 Web/X - Communications Client-Serveur/index.md

diff --git a/Readme.md b/Readme.md
index c56e819..b1607c7 100644
--- a/Readme.md
+++ b/Readme.md
@@ -11,3 +11,4 @@ include_toc: true
 
 - [JavaScript](./Web/X%20-%20JavaScript/index.md)
 - [API JS-DOM](./Web/X%20-%20API%20JS-DOM/index.md)
+- [Communications Client-Serveur](./Web/X%20-%20Communications%20Client-Serveur/index.md)
diff --git a/Web/X - Communications Client-Serveur/HTTP queries.dia b/Web/X - Communications Client-Serveur/HTTP queries.dia
new file mode 100644
index 0000000000000000000000000000000000000000..cb2dd3de750f87a3a11b4d27ea8397633d14301c
GIT binary patch
literal 2029
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
LHHONb&2Rt!CMnoC

literal 0
HcmV?d00001

diff --git a/Web/X - Communications Client-Serveur/HTTP queries.png b/Web/X - Communications Client-Serveur/HTTP queries.png
new file mode 100644
index 0000000000000000000000000000000000000000..28aed6f5dc4e283e217086db301b2b87f3993f25
GIT binary patch
literal 8031
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

literal 0
HcmV?d00001

diff --git a/Web/X - Communications Client-Serveur/index.md b/Web/X - Communications Client-Serveur/index.md
new file mode 100644
index 0000000..46abfca
--- /dev/null
+++ b/Web/X - Communications Client-Serveur/index.md	
@@ -0,0 +1,163 @@
+---
+gitea: none
+
+include_toc: true
+
+---
+
+[TOC]
+
+
+
+# Architecture client/serveur
+
+
+
+Un site Web est généralement constitué d'au moins 2 parties :
+
+- *le côté client* : qui est l'ensemble des fichiers (HTML/CSS/JS/WASM) interprétés par le navigateur et exécuté sur le poste de travail de l'utilisateur.
+
+- *le côté serveur* : qui va s'exécuter sur le serveur et qui répondra aux requêtes du navigateur. C'est lui qui va, entre autres, donner au navigateur les fichiers HTML/CSS/JS/WASM nécessaires à l'affichage du site.
+
+
+
+La communication entre le client et le serveur se fait généralement via le protocole HTTP(S). Le client envoie une requête HTTP au serveur qui retourne une réponse HTTP.
+
+<img src="file:///home/demigda/Data/Recherche/Git/Notes-de-Cours/Web/X%20-%20Communications%20Client-Serveur/HTTP%20queries.png" title="" alt="" data-align="center">
+
+L'affichage d'une page Web se déroule usuellement de la sorte :
+
+```html
+<!DOCTYPE>
+<html>
+    <head>
+        <script src='...' defer></script>
+        <link rel='stylesheet' href='...'></link>
+    </head>
+    <body>
+    
+    </body>
+</html>
+```
+
+1. Le navigateur demande au serveur le fichier HTML correspondant à la page Web à afficher.
+
+2. Le navigateur commence à lire et à interpréter le fichier HTML reçu.
+
+3. Le navigateur lit la balise `<script>` et commence à télécharger le fichier correspondant. Comme la balise a l'attribut `defer`, le navigateur continue de lire et interpréter le fichier HTML.
+
+4. Le navigateur lit la balise `<link>` et commence à télécharger le fichier CSS correspondant.
+
+5. Le navigateur commence à construire l'arbre DOM à partir du contenu de `<body>`.
+
+6. Une fois l'arbre DOM construit, il execute le script qui était `defer`.
+
+7. Une fois l'exécution du script fini, le navigateur dessine la page Web pour la première fois.
+
+
+
+## Optimisations
+
+L'un des objectifs des développeur Web est de dessiner la page Web le plus tôt possible. Pour cela, il va user de diverses techniques :
+
+- *Compresser les fichiers* avant de les transmettre, réduisant le temps de téléchargement des ressources nécessaires.
+
+- *Réduire la taille des fichiers* en
+  
+  - supprimant le code inutilisé
+  
+  - le minimifiant (supprime les espaces et retours à la ligne)
+  
+  - en l'uglifiant (réduit la taille du code au prix de sa lisibilité, e.g. en renommant les variables).
+  
+  - pour les images, en réduisant sa résolution/qualité, ou en utilisant des formats vectoriels (SVG).
+  
+  - pour les images, afficher un *placeholder* ou version en basse résolution puis progressivement [la remplacer une version de plus haute résolution](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Loading#images).
+
+- *Télécharger ou exécuter plus tard* les ressources non-nécessaires à l'affichage, via :
+  
+  - du *lazy load*, e.g. ne télécharger les images que lorsqu'elles apparaissent à l'écran.
+  
+  - de la *pagination*, e.g. sur un tableau ne télécharger/afficher que les X premières entrées et proposer des boutons pour afficher les entrées suivantes.
+  
+  - en reportant l'execution de certains bouts de codes à plus tard.
+
+- *Réduire le nombre de fichiers téléchargés* (on vise généralement 3-4 fichiers par page) :
+  
+  - remplacer l'URL d'une image par [une chaîne de charactère en base64](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs).
+  
+  - fusionner les fichiers CSS en un seul.
+  
+  - fusionner les fichiers JS en un seul.
+  
+  - intégrer certaines ressources (e.g. JSON) dans le fichier JS.
+  
+  - intégrer le JS et/ou le CSS dans le fichier HTML.
+
+- *Utiliser des caches* pour éviter de re-télécharger à chaque fois certaines ressources :
+  
+  - un cache basé le protocole HTTP (cf [Cache-Control](https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching)).
+  
+  - un cache local basé sur `localStorage`, `sessionStorage`, ou `indexDB`.
+  
+  - un cache côté serveur en enregistrant des données dans la RAM afin de pouvoir répondre plus rapidement aux requêtes qui s'il fallait aller les lire directement sur le disque.
+
+- *Pré-télécharger les ressources*, en commençant à les télécharger le plus tôt possible :
+  
+  - dans les balises `<script>`, l'attribut `defer`.
+  
+  - pour d'autres ressources utilisées plus tard, cf [<link rel=preload href='...' as='...'/>](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload).
+
+- Pour les site Web massivement visités :
+  
+  - *distribuer la charge* (load balancing) entre plusieurs serveurs (⚠ engendre des problématiques de synchronisations).
+  
+  - *rapprocher le serveur du client*, *edge computing* (contenu dynamique), *content delivery network* (contenu statique).
+  
+  - découper son site Web en plusieurs modules/services indépendants hébergés sur plusieurs serveurs (⚠ si les services doivent fréquemment communiquer entre eux cela peut s'avérer contre-productif).
+
+
+
+⚠ L'optimisation prématurée est diabolique. Vous n'avez, à votre niveau, pas besoin d'optimiser vos sites Web. Vous n'avez pas non plus à implémenter vous-mêmes ces optimisations, de nombreux outils le font déjà pour vous (e.g. Webpack).
+
+
+
+🚩 [TODO] : outils navigateur pour network / load performances (lighthouse)
+
+🚩 [TODO] : archi projet dev vs prod.
+
+
+
+# Le serveur Web
+
+Nginx/Apache2/Live Server vs Deno => pourquoi séparer (statique vs dynamique ! CORS !) ?
+
+
+
+Command line
+
+BDD API/FileAPI
+
+! Jamais faire confiance client
+
+## Serveur REST
+
+=> Principe
+
+=> Utilité
+
+=> Différent type de requêtes
+
+
+
+=> Routes
+
+    => Serveur Python/JS/TS
+
+
+
+## Websocket
+
+
+
+## Server event