फ्रंट-एंड डेवलपर्स को जो कुछ भी करना चाहिए उसका अधिकांश हिस्सा एपीआई को छोड़कर बैकएंड के बारे में कुछ भी जानने के बिना किया जा सकता है।
हालांकि, यदि आप लंबे समय से विभिन्न कार्यों के साथ काम कर रहे हैं, तो सबसे अधिक संभावना है कि आपको कुछ ऐसा करना होगा जो बैकएंड के क्षेत्र में कुछ ज्ञान की आवश्यकता होती है।
नीचे एक छोटी सूची है कि एक इंटरफ़ेस डिज़ाइनर को क्या पता होना चाहिए।
आवृत्ति का अनुरोध करें
बैकएंड के पास सीमित संसाधन हैं, यह केवल एक निश्चित आवृत्ति के साथ अनुरोधों को संसाधित कर सकता है। सामान्य तौर पर, आपको इसके बारे में नहीं सोचना चाहिए - दृश्यपटल को वह सब कुछ करना चाहिए जो एक गुणवत्ता उपयोगकर्ता अनुभव प्रदान करने के लिए आवश्यक है, जबकि बैकेंड, बदले में, अनुकूलित और स्केल किया जा सकता है। फिर भी, बैकएंड के लिए नेटवर्क अनुरोध मुफ्त नहीं हैं और अलग-अलग कीमतें हैं (उपयोग किए गए संसाधनों की शब्दावली में)
हम कैसे माप सकते हैं कि अनुरोध कितना महंगा है?
व्यावहारिक नियमों में से एक हमें बताता है कि रिकॉर्डिंग हमेशा पढ़ने की तुलना में अधिक महंगी होती है, इसलिए जितना अधिक डेटा लिखा जाता है, उतने ही महंगे प्रश्न बनते हैं।
आइए एक उदाहरण देखें कि यह कब महत्वपूर्ण हो जाता है: मान लीजिए कि हम Google डॉक्स विकसित कर रहे हैं।
हम चाहते हैं कि उपयोगकर्ता वह न खोए जो वह लिखता है यदि वह अचानक आवेदन छोड़ देता है, तो हम अक्सर डेटा को बचाते हैं। क्या हम हर नए चरित्र को बचा सकते हैं या हटा सकते हैं?
आपका बैकएंड संभवतः इन सभी अनुरोधों को संभालने में सक्षम नहीं होगा, या बुनियादी ढांचे की लागत निषेधात्मक रूप से अधिक होगी। उपयोगकर्ता द्वारा टाइपिंग बंद करने के बाद ही डेटा में देरी और बचत करने से, शेष 1% की भारी लागत के बिना वांछित परिणाम का 99% हासिल करना संभव है।
निम्नलिखित उदाहरण, मान लें कि आप परिवर्तनों के लिए बैकएंड को प्रदूषित करना चाहते हैं ताकि आपके पास हमेशा .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 , .
, .
* अनुवादक का नोट:
मूल में यह इस प्रकार था:
अपने सर्वर डोमेन को अपने देव वातावरण के होस्ट कॉन्फिग में कुछ होस्टनाम में मैप करें।
मैं गलत समझ सकता था कि लेखक क्या कहना चाहता है, इसलिए मैं एक फुटनोट जोड़ता हूं।