master
Denis MIGDAL 2 years ago
parent beba5162bc
commit 5d163ba5d3

@ -7,23 +7,17 @@ include_toc: true
[TOC] [TOC]
# Architecture client/serveur # Architecture client/serveur
Un site Web est généralement constitué d'au moins 2 parties : 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é 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. - *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. 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 title="" src="./HTTP%20queries.png" alt="" data-align="center"> <img title="" src="./HTTP%20queries.png" alt="" data-align="center" style='margin-left:auto;margin-right:auto'>
L'affichage d'une page Web se déroule usuellement de la sorte : L'affichage d'une page Web se déroule usuellement de la sorte :
@ -54,8 +48,6 @@ L'affichage d'une page Web se déroule usuellement de la sorte :
7. Une fois l'exécution du script fini, le navigateur dessine la page Web pour la première fois. 7. Une fois l'exécution du script fini, le navigateur dessine la page Web pour la première fois.
## Optimisations ## 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 : 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 :
@ -116,24 +108,16 @@ L'un des objectifs des développeur Web est de dessiner la page Web le plus tôt
- 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). - 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). ⚠ 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] : outils navigateur pour network / load performances (lighthouse)
🚩 [TODO] : archi projet dev vs prod. 🚩 [TODO] : archi projet dev vs prod.
# Le serveur Web # Le serveur Web
Nginx/Apache2/Live Server vs Deno => pourquoi séparer (statique vs dynamique ! CORS !) ? Nginx/Apache2/Live Server vs Deno => pourquoi séparer (statique vs dynamique ! CORS !) ?
Command line Command line
BDD API/FileAPI BDD API/FileAPI
@ -148,16 +132,10 @@ BDD API/FileAPI
=> Différent type de requêtes => Différent type de requêtes
=> Routes => Routes
    => Serveur Python/JS/TS     => Serveur Python/JS/TS
## Websocket ## Websocket
## Server event ## Server event

Loading…
Cancel
Save