O que os desenvolvedores de front-end precisam saber sobre o back-end?

A grande maioria das coisas que os desenvolvedores de front-end devem fazer pode ser feita sem saber nada sobre o back-end, exceto a API.


No entanto, se você trabalha com várias tarefas há muito tempo, provavelmente encontrará algo que exija algum conhecimento no campo de back-end.


Abaixo está uma pequena lista do que um designer de interface deve estar ciente.


Freqüência de solicitação


O back-end possui recursos limitados, ele pode processar solicitações apenas com uma certa frequência. Em geral, você não deve pensar nisso - o front-end deve fazer tudo o que for necessário para fornecer uma experiência de qualidade ao usuário, enquanto o back-end, por sua vez, pode ser otimizado e dimensionado. No entanto, as solicitações de rede para o back-end não são gratuitas e têm preços diferentes (na terminologia dos recursos utilizados)


Como podemos medir o custo da solicitação?


Uma das regras práticas nos diz que a gravação é sempre mais cara que a leitura; portanto, quanto mais dados são gravados, mais caras as consultas se tornam.


Vejamos um exemplo de quando isso se torna crítico: suponha que estamos desenvolvendo o Google Docs.


, . ?


, . , 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 do tradutor:


No original, era assim:


Mapeie os domínios do servidor para algum nome de host na configuração do host do seu ambiente de desenvolvimento.

Eu poderia entender mal o que o autor queria dizer, então adiciono uma nota de rodapé.


All Articles