¿Qué deben saber los desarrolladores front-end sobre el backend?

La gran mayoría de las cosas que los desarrolladores front-end deberían hacer se pueden hacer sin saber nada sobre el back-end, excepto la API.


Sin embargo, si ha estado trabajando con varias tareas durante mucho tiempo, lo más probable es que encuentre algo que requiera algún conocimiento en el campo del backend.


A continuación se muestra una breve lista de lo que un diseñador de interfaz debe tener en cuenta.


Frecuencia de solicitud


El backend tiene recursos limitados, puede procesar solicitudes solo con cierta frecuencia. En general, no debe pensar en ello: el frontend debe hacer todo lo necesario para proporcionar una experiencia de usuario de calidad, mientras que el back-end, a su vez, se puede optimizar y escalar. Sin embargo, las solicitudes de red al backend no son gratuitas y tienen precios diferentes (en la terminología de los recursos utilizados)


¿Cómo podemos medir qué tan costosa es la solicitud?


Una de las reglas prácticas nos dice que la grabación siempre es más costosa que la lectura, por lo que cuanto más datos se escriben, más caras se vuelven las consultas.


Veamos un ejemplo de cuándo esto se vuelve crítico: supongamos que estamos desarrollando documentos de Google.


, . ?


, . , 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 .


- , ?


. :


  1. — . , , .
  2. , . macbook, chromebook 100 .
  3. . 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 , .


, .


* Nota del traductor:


En el original era así:


Asigne los dominios de su servidor a algún nombre de host en la configuración de host de su entorno de desarrollo.

Podría entender mal lo que el autor quería decir, así que agrego una nota al pie.


All Articles