La grande majorité des choses que les développeurs front-end devraient faire peuvent se faire sans rien savoir du backend à l'exception de l'API.
Cependant, si vous travaillez sur diverses tâches depuis longtemps, vous rencontrerez probablement quelque chose qui nécessite des connaissances dans le domaine du backend.
Voici une courte liste de ce qu'un concepteur d'interface doit savoir.
Fréquence des demandes
Le backend a des ressources limitées, il ne peut traiter les requêtes qu'avec une certaine fréquence. En général, vous ne devriez pas y penser - le frontend doit faire tout ce qui est nécessaire pour fournir une expérience utilisateur de qualité, tandis que le backend, à son tour, peut être optimisé et mis à l'échelle. Néanmoins, les requêtes réseau vers le backend ne sont pas gratuites et ont des prix différents (dans la terminologie des ressources utilisées)
Comment mesurer le coût d'une demande?
L'une des règles pratiques nous dit que l'enregistrement est toujours plus cher que la lecture, donc plus les données sont écrites, plus les requêtes deviennent chères.
Voyons un exemple où cela devient critique: supposons que nous développons Google Documents.
, . ?
, . , 99% 1%.
, , .doc . ? , , .
, : , . , , .
(downtime)
- . , - .
, " ", ( , , )
, . , e , .
, try catch . javascript (recovery panic), , .
HTTP
HTTP ( ). , 400.
, .
, , , 401 .
, 400- , , . 500- , .
HTTP :
- HTTP . ( 20 ), -, . , -.
- ( ), HTTP (multipart/form-data), .
- , URL. - query , 2048 , HTTP .
- , ?
. :
- — . , , .
- , . macbook, chromebook 100 .
- . pro . , - - .
-
, , - - . (Same-Origin Policy). , .
npm/yarn , -.
:
hosts nginx*.- c- , production false, development true.
- .
(CSRF) — , .
: - javascript , .()
, CSRF , - . .
. , , , .
- , , favouritewebsite.com/static/script.js.
script.js? . , script.js script.js?v=2, index.html.
script.js , ( index.html ! index.html ).
, javascript script.4e885f13.js. css , .
, .
* Note du traducteur:
Dans l'original, c'était comme ceci:
Mappez vos domaines de serveur à un nom d'hôte dans la configuration d'hôte de votre environnement de développement.
Je pourrais mal comprendre ce que l'auteur voulait dire, alors j'ajoute une note de bas de page.