चलिए फिर से वेब को शानदार बनाते हैं

आधुनिक वेब एक जटिल गतिशील प्रणाली है जो लगातार गति में है। जैसा कि कई लेखों में उल्लेख किया गया है, सभी परिवर्तनों पर नज़र रखना बहुत मुश्किल हो जाता है क्योंकि नए उपकरण और रूपरेखा लगभग हर दिन दिखाई देते हैं। इससे पहले कि यह एक पैर जमाने के लिए ज्ञान अप्रचलित हो जाता है। बेशक, यह सब तेजी से विकास और विकास का एक स्पष्ट परिणाम है, लेकिन यह अनिवार्य रूप से वेब डेवलपर्स में जटिलता जोड़ता है और पेशे में प्रवेश करने के लिए सीमा बढ़ाता है।

यह बेतुकेपन की बात आती है कि आपको पहले बैबल को कॉन्फ़िगर करना होगा, फिर वेबपैक, और फिर एक साधारण उपयोगकर्ता डेटा प्रविष्टि फॉर्म बनाने के लिए चुने गए ढांचे के लिए विशिष्ट सेटिंग्स से निपटना होगा ... और यह टीम के लिए एक नवागंतुक के लिए संभवतः बहुत सारे नए शब्द हैं जो इस सरल-दिखने वाले कार्य को सौंपा गया था । नहीं, सबसे अधिक संभावना है कि परियोजना पहले से ही कॉन्फ़िगर और कॉन्फ़िगर की जाएगी, और शुरुआत निश्चित रूप से भाग्य की दया के लिए अकेले नहीं छोड़ी जाएगी, जो उसे संक्षेप में बताएगी कि उसके लिए क्या है। लेकिन यह पहचानने योग्य है कि यह वास्तव में बहुत जटिल हो गया है और हम इन सभी निर्माण प्रणालियों पर समय का एक महत्वपूर्ण हिस्सा खर्च करते हैं और कॉन्फ़िगरेशन के साथ संघर्ष करते हैं।

लेकिन आइए याद करने की कोशिश करें - क्या यह हमेशा ऐसा रहा है? क्या वेब के रचनाकारों ने ऐसे भविष्य का सपना देखा था? नहीं, यह लानत है, और फिर से नहीं! आखिरकार, कोई भी कोई भी, अक्सर बदसूरत, चाल और चाल से भरा होता है, लेकिन वेब अलग था - सरल और समझ में आता है! यहां हमने एक स्क्रिप्ट जोड़ी है, यहां एक शैली है, और यहां हमारा पेज लेआउट है। तो क्या गलत हुआ, क्या वाकई यह सब इतना बुरा हो गया है? आखिरकार, जावास्क्रिप्ट और पूरे वेब में केवल वृद्धि और सुधार हुआ, भाषा मजबूत और अधिक अभिव्यंजक बन गई, मॉड्यूलरिटी दिखाई दी, विभिन्न वास्तुशिल्प टेम्पलेट्स का लाभ स्पष्ट हो गया, और फिर भी - वह पूर्व सादगी कहां है? क्या हमने वास्तव में उसे हमेशा के लिए खो दिया है?


(शानदार स्पाइडर मैन)

इसका उत्तर वास्तव में काफी सरल और सीधा है। वेब वास्तव में बड़ा हो गया है और अधिक जटिल हो गया है, अब पूरी तरह से वेब तकनीक या ब्राउज़र में 3 डी गेम के लिए लिखे गए मल्टीमीडिया एप्लिकेशन को ढूंढना असामान्य नहीं है, जो कि 10 साल पहले अकल्पनीय था। लेकिन मुख्य समस्या यह है कि हम अक्सर वेब से चाहते हैं कि यह अभी हमें देने के लिए तैयार नहीं है - नवीनतम तकनीकों और मानकों, प्रायोगिक वास्तुशिल्प टेम्पलेट्स, सब कुछ सिर्फ नवीनतम और सबसे आधुनिक है और निश्चित रूप से यह हर जगह और सभी के लिए काम करना चाहिए, और कृपया जल्दी से । और फिर वेबपैक के नेतृत्व में एक जंगली गिरोह दृश्य पर दिखाई देता है और गेंद को सही करना शुरू कर देता है। और अब आप पहले से ही जटिल विन्यास से त्रस्त हैं और आपकी परियोजना लगभग डेढ़ मिनट की है और इसका वजन पचास मेगाबाइट है। फिनिटो ला कोमेडिया। कॉन्फ़िगरेशन के साथ संघर्ष कुछ और प्रदर्शन को निचोड़ने और आकार को कम करने के प्रयास में शुरू होता है। और फिर किस तरह के विचारों के विकास और कार्यान्वयन पर चर्चा की जा सकती है, अगर हम असेंबली लाइन सेटिंग्स पर शेर का समय बिताते हैं। स्वीकार करें कि वेबपैक में आपकी टीम विशेषज्ञ कौन है?



हम इसके आदी नहीं हैं, बल्कि ऐसे शब्दों में आया है कि यह सामान्य है, लेकिन और कैसे? हम प्रकार और ढांचे, निगमवाद, सुरक्षा से त्रस्त थे - आप भी झगड़ नहीं सकते। लेकिन प्रयोग की यह सहजता और सरलता कहां गई, जिसके लिए इस कमजोर टाइप की गतिशील भाषा की कल्पना की गई थी? और सब कुछ, उसका नहीं, बंडलों और उद्यम के पहाड़ों के नीचे गायब हो गया। लेकिन वास्तव में कुछ नहीं किया जा सकता है?

यह रुकने और सोचने लायक है, लेकिन हम क्या और क्यों कर रहे हैं? आखिरकार, अगर हम वेबपैक, रोलअप, पार्सल (आवश्यक रूप से रेखांकित करें) का उपयोग करते हैं और इन सभी अपठनीय बंडलों को बनाते हैं जो तब स्रोत के नक्शे के साथ भी डिबग करना असंभव है, तो निश्चित रूप से किसी को इसकी आवश्यकता है, है ना? हां, सब कुछ ऐसा है, बंडलों से त्वरित और प्रभावी उत्पादन के लिए आप कहीं भी नहीं जा सकते हैं और यहां तक ​​कि नए-फंसे HTTP2 ने काम को बहुत आसान नहीं बनाया है। यही कारण है कि डेवलपर्स लंबी शरद ऋतु की शाम को कार्यालय में पैक करते हैं, काम पर लंबे समय तक रहते हैं और सैकड़ों किलोवाट ऊर्जा जलाते हैं, विभागों में पैक करते हैं, कंपनियों में पैक करते हैं, पूरी दुनिया में पैक सूरज की गति के साथ एक बदलाव प्रेषित करते हैं। ऐसा ही हुआ, और ऐसा ही कानून है। ड्यूरा लेक्स, सेड लेक्स। तो वास्तव में शेक्सपियर का सवाल दोष देना है या दोष नहीं देना है - यह युवा हैमलेट के होंठों को तोड़ने के लिए भी समय के बिना मर जाता है जिसने एक और उत्कृष्ट कृति को ढेर करने के लिए दृश्य स्टूडियो खोला।


(सभी अधिकार)

लेकिन रुकिए, आपने कहा कि यह सब उत्पादन के लिए आवश्यक है, लेकिन विकास का क्या? आराम से अच्छे पुराने दिनों में विकसित करना असंभव क्यों है, बस सर्वर को शुरू करने और फिर उत्पादन पर भेजने से पहले सब कुछ पैक करना? और हम आम तौर पर उत्पादन और विकास के लिए एक ही उपकरण का उपयोग क्यों करते हैं? विशेष रूप से विकास के लिए तैयार समाधान का उपयोग क्यों न करें, क्योंकि हम जो कर रहे हैं वह किसी भी तरह विशेष रूप से तार्किक नहीं है।

और यह वास्तव में तर्कसंगत नहीं है, और हम इसे विकल्पों के अभाव में करते हैं, या केवल इसलिए कि हम इसके लिए अभ्यस्त हैं। लेकिन क्या होगा अगर मैं कहूं कि आपके पास एक विकल्प है?



मिलो एचक्यू - वेब अनुप्रयोगों के विकास के लिए एक विशेष सर्वर। hq स्टेरॉयड पर एक स्थिर सर्वर है जो एक सामान्य सर्वर को हैंडल नहीं कर सकने वाली हर चीज को समझता है। क्या आप जावास्क्रिप्ट मानक से नवीनतम सुविधा चाहते हैं, लेकिन आपका ब्राउज़र अभी तक इसका समर्थन नहीं करता है? - कृपया! आपका पुस्तकालय सामान्य प्रारूप का उपयोग करता है - कोई समस्या नहीं! प्रत्येक विशिष्ट ढांचे के साथ काम करने के लिए तेज उपकरण के साथ नीचे, hq उन सभी का समर्थन करता है, बॉक्स के ठीक बाहर। hq इतना अच्छा है कि इसे किसी भी कॉन्फ़िगरेशन की आवश्यकता नहीं है, यह सिर्फ काम करता है और अपना काम करता है। कोई पार्सल नहीं, सब कुछ आप से अलग है, वास्तव में किसी भी विन्यास की आवश्यकता नहीं है, यह बस मौजूद नहीं है, इसलिए कहीं नहीं जाना है। इसे एक बार स्थापित करें

npm install -g @hqjs/hq

और फिर तुरंत प्रयोग शुरू करने के लिए परियोजना के मूल में एक कमांड के साथ चलाएं

hq

ठीक है, आप कहते हैं, पुराने गिरोह ने हमें एक ही चीज़ के बारे में पेशकश की, ठीक है, शायद थोड़ा अधिक कॉन्फ़िगरेशन, थोड़ा कम सरल, लेकिन सब कुछ बहुत समान है, इसलिए हमें कुंवारी लड़कियों की दुनिया में इस नए चक नॉरिस की आवश्यकता क्यों है? और फिर मैं आपको घर के नए आदर्श वाक्य के साथ जवाब दूँगा Greyjoy - "हम एक डाकू नहीं हैं!"। हां, वास्तव में, हम गैंगस्टर नहीं हैं!


(हाउस ग्रेयोज़। वी डोंट सो बुंदम)

नमस्ते, जब मैं १३ साल का था, तब से मैं वेब डेवलपमेंट में लगा हुआ था और १ ९ साल की उम्र से मैंने पीटना शुरू कर दिया था। मेरे दोस्त ने मुझे इस बात पर झुका दिया जब मैं उसके गैरेज में गया, जहाँ उसने उड़ान भरने के लिए दिन और रात को धमाका किया। मैंने पूछा क्या कर रहे हो? और उन्होंने कहा कि यह एक नई बात है, यह अब बहुत फैशनेबल और शांत है और मुझे निश्चित रूप से प्रयास करना होगा। सबसे पहले मैंने सिर्फ फाइलों को चिपकाया, और फिर मैंने क्लोजर कंपाइलर के साथ एक छोटी सी बंडल की कोशिश की और फिर मैं रोक नहीं सका। gulp, browserify, और फिर webpack ... मेरे बंडलों को कठिन हो गया। मुझे नहीं पता था कि मुझे कैसे रोकना है, मैं एक चक्र में गिर गया जिसने मुझे छोड़ने की अनुमति नहीं दी। जब भी मुझे कोई नया प्रोजेक्ट मिला, तो कोई पहले से ही वहां धमाके कर रहा था और उसे मना करना असंभव था। कोई भी डाकू प्रतिष्ठित नहीं था! पेशे से लोगों और यहां तक ​​कि करीबी दोस्तों ने संवाद करने से इनकार कर दिया और मुझे वापस नहीं बुलाया जब उन्हें पता चला कि मैं रोकना चाहता हूं। इसलिए कहीं नहीं जाना था। लेकिन अब मैं साफ हूं! मैं विकास के दौरान अब दस्यु नहीं हूँ! मेरे दोस्तों और परिचितों ने मेरे साथ पीटना बंद कर दिया, अब यह हमारी कंपनी में स्वीकार नहीं है। और आपको पता है क्या? मुझे इतना अच्छा कभी नहीं लगा! दुनिया ने आखिरकार नए रंगों के साथ खेलना शुरू किया और समय काम और परिवार दोनों पर होने लगा।

गंभीरता से, बंडलों की कमी जीवन को सरल बनाती है। असहनीय परिस्थितियों को याद रखें, जब न केवल अभिव्यक्ति पर ब्रेक प्वाइंट डालना असंभव है, बल्कि वांछित रेखा पर भी! या वेबपैक __webpack __ @ #% ^ $ द्वारा उत्पन्न ये चर नाम !!! जब आप उन्हें पढ़ते हैं, तो शैतान को कॉल करना कोई आश्चर्य की बात नहीं है, लेकिन आप उन्हें कंसोल और दुश्मन के लिए नहीं लिखना चाहते हैं, और वे सामान्य, मानव नामों के पीछे छिपे हुए सबसे विपरीत हैं, इसलिए अनुमान लगाएं कि और क्या है। सामान्य तौर पर, डिबगिंग अक्सर पूर्ण स्रोत मानचित्रों के साथ भी नरक में बदल जाती है। आप दिन में कितनी बार नोड_मॉड्यूल्स के अंदर कोड की कसम खाते हैं? दुर्भाग्यपूर्ण प्रतिक्रिया और कोणीय डेवलपर्स के सिर पर कितने शाप गिर रहे हैं क्योंकि त्रुटि संदेश को समझना असंभव है और यह त्रुटि कहां होती है? जब हमने hq पर स्विच किया, तब हम यह सब एक दुःस्वप्न के रूप में भूल गए। वास्तव में अधिक समय है, अब आपके पास यह पहेली नहीं है कि यह क्यों नहीं चल रहा है या बस चुपचाप काम नहीं कर रहा है और हमें इस लाइब्रेरी को निर्माण में दस मेगाबाइट के साथ कहां मिला है, अब आप स्पष्ट रूप से देख सकते हैं कि कहां है! दुख कम हुआ है, काम आसान हो गया है, और यह एक खुशी बनाने के लिए निकला है।


(यह व्यक्ति वरग है या त्वचा बदल रहा है, वह जानवरों की चेतना में प्रवेश कर सकता है। अब वह बाज के साथ भिड़ता है, दुश्मन की तलाश करता है)

सबसे अच्छी बात यह है कि hq कुछ नया और जटिल नहीं लगता है, ऐसा लगता है कि वह हमेशा हमारे साथ रहा है, सब कुछ इतना सरल और परिचित है। hq एक स्टैटिक सर्वर है जो आपको समझता है। एक नई परियोजना की शुरुआत अविश्वसनीय रूप से तेज हो जाती है, कंसोल में एक कमांड और आप प्रयोग शुरू कर सकते हैं। फ्रेमवर्क, लाइब्रेरी, फॉर्मेट, आर्किटेक्चरल एप्रोच - यह सब अब बाधाएं नहीं पैदा करता है, सब कुछ बस अच्छे पुराने दिनों की तरह काम करता है, जल्दी, बस और तार्किक रूप से! इसके अलावा, hq ओपन सोर्स प्रोजेक्ट ताकि आप हमेशा कुछ सुधार कर सकें या कुछ नए प्रारूप के लिए समर्थन जोड़ सकें।

सच कहूं तो हमें खामियां मिलीं। पहले, जब वेबपैक के साथ संयोजन में कई मिनट लगते थे, तो एक सुगंधित कॉफी के लिए रसोई में देखना एक अद्भुत बहाना था, लेकिन अब सब कुछ इतनी तेजी से काम करता है कि इसके लिए बस समय नहीं है। हालांकि, क्या अच्छी कॉफी के लिए कोई बहाना देखने की जरूरत है?



यह सब कैसे काम करता है? यह इस धारणा को दे सकता है कि डॉ। फ्रेंकस्टीन द्वारा विभिन्न प्रकार के असमान और असंगत भागों से बुना हुआ एक राक्षस राक्षस है, जो थोड़े से काले जादू के साथ अनुभवी है। लेकिन वास्तव में, सब कुछ काफी सामंजस्यपूर्ण और समान है। hq प्रत्येक फ़ाइल को व्यक्तिगत रूप से अनुरोध पर वितरित करता है, जैसे एक नियमित स्थैतिक सर्वर करता है। यह हमें केवल अनुपयोगी कोड से छुटकारा पाने का एक सीमित अवसर देता है, बिना पूरे पेड़ को हिलाए, लेकिन यह बहुत समय बचाता है जो निर्भरता विश्लेषण पर खर्च किया गया था। सभी परिवर्तन तुरन्त और मक्खी पर होते हैं। इसके अलावा, केवल आवश्यक न्यूनतम रूपांतरित किया जाता है। यदि आप एक आधुनिक ब्राउज़र का उपयोग करते हैं और वेब मानकों का पालन करते हैं, तो आपके कोड को बिल्कुल भी बदलने की संभावना नहीं है। जब आप मानकों पर भरोसा कर सकते हैं, तो इस बात की कोई गारंटी नहीं है कि जिन पुस्तकालयों का आप उपयोग कर रहे हैं, वे ऐसा ही करेंगे। उनमें से ज्यादातर को शायद सामान्य प्रारूप में वितरित किया जाएगा, जो उन्हें ब्राउज़र में काम करने की अनुमति नहीं देता है। hq इस बात का ध्यान रखता है और सामान्य मॉड्यूल को ESM प्रारूप में परिवर्तित करता है, मानक नहीं बल्कि सामान्य आयात (जैसे कि css या json) को संसाधित करता है और आवश्यकता पड़ने पर आयातित वस्तुओं को नष्ट करता है। hq एक वेब ब्राउज़र के साथ मिलकर काम करता है, अपने कैशिंग सिस्टम का उपयोग करके परिसंपत्तियों के वितरण में तेजी लाता है और केवल उन फ़ाइलों को स्थानांतरित करता है जिन्हें बदल दिया गया है। जब आप अपना कोड बदलते हैं तो यह स्वचालित रूप से पृष्ठ को फिर से लोड कर देगा ताकि आप परिवर्तनों के परिणाम का तुरंत मूल्यांकन कर सकें। hq कई रूपरेखाओं के साथ काम कर सकता है, लेकिन उनके कोड पर निर्भर नहीं करता है। इसके बजाय, hq बस्टल प्लगइन्स का उपयोग करके एएसटी परिवर्तनों की एक श्रृंखला बनाता है जो विशेष रूप से एचक्यू के लिए बनाए गए थे ताकि यह ब्राउजर द्वारा समर्थित एकल मानक के लिए विकास में उपयोग की जाने वाली प्रौद्योगिकियों और दृष्टिकोणों को समझ और बदल सके।

इस प्रकार, आधुनिक वेब द्वारा प्रस्तुत सभी कठिनाइयों और चुनौतियों के बावजूद, परियोजना विकास सरल और सहज बना रह सकता है, ठीक वैसे ही जैसे कि वेब प्रौद्योगिकी के समय था। एक पुरानी परियोजना में अपने विकास के अनुभव को बेहतर बनाने के लिए अब एचक्यू की कोशिश करें, या एक रोमांचक नई परियोजना बनाने के लिए इसका उपयोग करें!

npm install -g @hqjs/hq