ब्राउज़र विकास से जुड़े वेब डेवलपर्स का इतिहास

वेब डेवलपर्स इस तरह के वेब पेजों के निर्माता हैं। इस बात पर विचार करें कि हम यहां कैसे सहयोग कर रहे हैं: आप, पढ़ने के पक्ष में और मैं, हैकरनून के एक संपादक की सहायता से एक बेहतर लेखक बन रहे हैं।

क्या आप डेवलपर्स को देखते हैं? शायद नहीं, क्योंकि उन्होंने अच्छा काम किया है। हम उन्हें वेब विकास के भविष्य के बारे में पढ़ते हुए पा सकते हैं।

दूसरी ओर, मैं इस लेख के साथ जो पेशकश करता हूं, वह वेब डेवलपर्स के उद्भव को रोकने और प्रतिबिंबित करने का एक अवसर है, यह कैसे ब्राउज़रों के इतिहास से जुड़ा है, और कैसे उनके सहयोग ने ब्राउज़र के विकास की समयरेखा पर शासन किया है।

वेब के लिए एक नए तरह का इंजीनियर

वेब के शुरुआती दिनों में, कई सॉफ्टवेयर इंजीनियरों ने वेब पेजों के संदर्भ में वेब डेवलपमेंट पर ज्यादा ध्यान नहीं दिया। वे क्यों करेंगे, है ना? यदि आप एक इंजीनियर होते, तो क्या आप लोकोमोटिव या लोकोमोटिव से आने वाले पहले यात्री से प्रभावित होते?

होम ऑफ़ फाइन हाइपरटेक्स्ट प्रोडक्ट्स के जेसन कॉटके ने इसे अच्छी तरह से लिखा है:

कॉलेज में बेसमेंट फिजिक्स लैब में पहली बार वर्ल्ड वाइड वेब सर्फ करने के लिए एनसीएसए मोज़ेक का उपयोग करना एक धार्मिक अनुभव के करीब था जैसा कि मैंने कभी किया है। यह एक वज्रपात था जिसने मेरे जीवन को पूरी तरह से बदल दिया।

लेकिन उस पहली छाप ने हैकर्स (और चित्रकारों) को इसके यूजर इंटरफेस पहलू से विषय तक पहुंचने की अनुमति दी। इसलिए, मोज़ेक ब्राउज़र का आविष्कार और नवाचार वेब विकास के अवसरों की शुरुआत को चिह्नित करता है:

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

ध्यान दें कि कैसे ब्राउज़र, एक उपकरण के रूप में, बहुत मायने रखता है क्योंकि इसके पीछे के बुनियादी ढांचे ने क्षमता दिखाई:

30 अप्रैल 1993 को, CERN ने वर्ल्डवाइडवेब के स्रोत कोड को रॉयल्टी-मुक्त आधार पर उपलब्ध कराया, जिससे यह मुफ्त सॉफ्टवेयर बन गया। 1993 के अंत तक 500 से अधिक ज्ञात वेब सर्वर थे, और WWW का 1% इंटरनेट ट्रैफ़िक था, जो उन दिनों बहुत अधिक लगता था (बाकी रिमोट एक्सेस, ई-मेल और फ़ाइल स्थानांतरण था)।

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

दृश्य-स्रोत: उदाहरणों को कॉपी करके सीखें

लेकिन वेब पेज काफी सरल थे। उस समय, हम - कंप्यूटर विज्ञान के छात्र - स्मार्ट लोगों को इस आधार पर ढूंढते थे कि उनके पृष्ठ कैसे सरल थे, जैसे बेल लैब्स में डेनिस रिची का यह पृष्ठ।

जैसा कि मैं एक जिज्ञासु उपयोगकर्ता के रूप में वहां था - कंप्यूटर विज्ञान के व्याख्यानों में भाग नहीं ले रहा था और वेब के साथ खेल रहा था - मैंने ब्राउज़र में शामिल एक मेनू विकल्प में भी ठोकर खाई, जिसने हमें वेब पेजों के स्रोत को देखने में सक्षम बनाया। और वैसे, लगभग रातोंरात उस मोज़ेक ब्राउज़र को नेटस्केप कहा जाने लगा।

जिम नीलसन ने द स्पिरिट ऑफ व्यू-सोर्स में प्रतिबिंबित किया है और पहचान की है कि कैसे नेटस्केप ब्राउज़र ने वेब पर प्रत्येक पृष्ठ के लिए - तुरंत - सीखने के अवसर को सक्षम किया है।

अपने लेख में, उन्होंने कोडर्स पुस्तक में क्लाइव थॉम्पसन के एक अवलोकन को उद्धृत किया

आपके द्वारा देखे गए प्रत्येक वेब पेज में कोड होता है जो आपको दिखाता है कि यह कैसे बनाया गया था। संपूर्ण इंटरनेट प्रोग्रामिंग पर कैसे-करें मार्गदर्शिकाओं का एक पुस्तकालय बन गया।

अब, "वेब" को सबसे गर्म चीज़ के रूप में चित्रित करने का प्रयास करें और कल्पना करें कि हममें से कितने लोग दूसरों से विचारों की नकल करने के लिए पृष्ठों के स्रोत की जाँच कर रहे थे और अंततः सीखने का प्रयास कर रहे थे। ये "व्यू-सोर्स डे" थे जहाँ हम जादू देख सकते थे।

यद्यपि हमारे पास अभी भी आधुनिक ब्राउज़रों के मेनू में "पृष्ठ स्रोत देखें" है, यदि आप किसी वेब पृष्ठ के स्रोत को देखते हैं, तो आपको शायद कुछ ऐसा दिखाई देगा जो रहस्यमय दिखता है:

जावास्क्रिप्ट: नियंत्रण और सहभागिता

एक और विभक्ति बिंदु, अच्छी तरह से समझा गया, जब नेटस्केप (फिर से) ने जावास्क्रिप्ट - प्रोग्रामिंग भाषा - को सक्षम किया, जिसने वेब डेवलपर्स को वेब पेजों के कुछ पहलुओं को नियंत्रित करने और बातचीत पर नियंत्रण रखने के लिए स्क्रिप्ट बनाने की अनुमति दी।

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

निम्न स्क्रीनशॉट नेटस्केप 2 ब्राउज़र इंटरफ़ेस से बुलाए गए अलर्ट बॉक्स को दिखाता है। वेब डेवलपर्स ने विज़ुअल अलर्ट लॉन्च करने के लिए (अपने कोड को डीबग करने के लिए) जावास्क्रिप्ट का इस्तेमाल किया और वेब फॉर्म को नियंत्रित करने, इनपुट फॉर्म के मूल्य को मान्य करने और अन्य उपयोग के मामलों जैसे असंभव काम किए।

यह कहने की आवश्यकता नहीं है कि एक जिज्ञासु उपयोगकर्ता "स्रोत देखें" के माध्यम से एक पृष्ठ पर जावास्क्रिप्ट के बारे में जान सकता है। HTML पृष्ठ वह लिफाफा था जिसने अपने HTML तत्वों, हाइपरलिंक्स, छवियों, शैली और जावास्क्रिप्ट कोड के माध्यम से साइटों के बारे में प्रस्तुति और तार्किक संरचना का एक बड़ा हिस्सा बताया।

गतिशील एचटीएमएल: लेआउट अनुकूलन और एनीमेशन

और दूसरा अवसर < परत > नामक HTML में एक नए टैग के माध्यम से सक्षम किया गया था। 1997 के आसपास, नेटस्केप ने डेवलपर्स के लिए नए एपीआई के साथ नेटस्केप कम्युनिकेटर प्रीव्यू रिलीज़ लॉन्च किया। एक प्रेस विज्ञप्ति के अनुसार , “डायनेमिक HTML HTML के लिए एक महत्वपूर्ण मील का पत्थर है, जो उपयोगकर्ताओं को अधिक से अधिक अन्तरक्रियाशीलता प्रदान करते हुए डिजाइनरों को वेब पेज लेआउट पर अधिक लचीलापन और नियंत्रण प्रदान करता है। ”

बाद में <परत /> टैग <div /> बन गया। उस समय के तकनीकी नवाचार को एचटीएमएल के एक दृश्य टुकड़े, एक तत्व, को दूसरे के शीर्ष पर रखने की क्षमता के साथ करना था, जैसा कि निम्नलिखित 3डी चित्रण शुरुआती डीएचटीएमएल टेक्नोट्स में से एक से पता चलता है।

अभी के लिए, आप 1997 से निम्नलिखित प्रदर्शन का अनुभव नहीं कर पाएंगे, लेकिन कल्पना करने की कोशिश करें कि ट्रेन (जो सिर्फ एक छवि थी) चलती है जैसे कि वह आपकी ओर आ रही थी।

ट्रिक में एनीमेशन का भ्रम पैदा करने वाले विभिन्न आकारों की छवियों की दृश्यता को टॉगल करने के लिए जावास्क्रिप्ट का उपयोग करना शामिल था। पेज ने कुछ अन्य तरीकों का उपयोग करते हुए लोकोमोटिव की आवाज भी लॉन्च की।

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

वेब मानक

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

“ठीक है, यह निश्चित रूप से मेरी आशा है कि नए लोगों की भारी संख्या जो कोई भी कंपनी किसी भी उत्पाद पर काम करने का जोखिम नहीं उठा सकती थी - अब नेटस्केप नेविगेटर कम्युनिकेटर में योगदान कर रही है - उत्पाद के सुधार में महत्वपूर्ण अंतर लाएगी। यह किसी भी प्रतियोगी के खिलाफ कैसे काम करता है, यह देखा जाना बाकी है। जिम बार्क्सडेल @ कोड रश 2013

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

“तो यहाँ बॉब क्लैरी, मार्सियो गली, कट्सुहिको मोमोई, क्रिस नाल्स, ट्रिस्टन निटोट, अरुण रंगनाथन, डोरोन रोसेनबर्ग और सूसी वैशाक हैं। हमने अच्छी लड़ाई लड़ी और बहुत सारी बेहतरीन सामग्री तैयार की, जिसमें स्वयं DevEdge के पुन: डिज़ाइन के बारे में जानकारी भी शामिल थी। "

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

सिंगल-पेज एप्लिकेशन और AJAX तरीका

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

• WSDL प्रॉक्सी का उपयोग करके नेटस्केप 7.1/मोज़िला 1.4 में वेब सेवाओं तक पहुँचना (06 जून 2003)
• सामग्री विजेट की मानक-आधारित बंधनेवाला तालिका (CTOCWidget) (20 मई 2003)
• इनर-ब्राउजिंग: वेब ब्राउजिंग द नेविगेशन पैराडाइम का विस्तार (16 मई 2003)

इन प्रयासों के बावजूद, एक विभक्ति बिंदु पुराने पश्चिम से भी आया। 2005 में, सैन फ्रांसिस्को से जेसी जेम्स गैरेट ने " Ajax: A New Approach to Web Applications" शीर्षक से एक मौलिक लेख लिखा, जेसी एक उपयोगकर्ता अनुभव डिजाइनर था जिसने दुनिया भर में वेब विकास को प्रभावित किया। AJAX एक लोकप्रिय शब्द बन गया है जिसका उपयोग डेवलपर्स द्वारा अन्तरक्रियाशीलता जोड़ने और वेब अनुप्रयोगों के व्यवहार को बनाने के इरादे को व्यक्त करने के लिए किया जाता है।

अगर आपको एक पेज का एप्लिकेशन बनाने के लिए किसी को नियुक्त करना था, तो आपको एक ऐसे वेब डेवलपर को नियुक्त करना होगा जो AJAX जानता हो:

डेवलपर का सबसे अच्छा दोस्त - डेवलपर ऐड-ऑन टूल और पृष्ठ निरीक्षण

Mozilla प्रोजेक्ट ने गाथा जारी रखी, अब Firefox के साथ। फ़ायरफ़ॉक्स मोज़िला के सामानों को ले जाता है और प्रदर्शन, सुरक्षा और मानकों के समर्थन के मामले में तत्परता के स्तर पर पहुँच गया है। लेकिन मोड़ यह था कि इसने डेवलपर्स का विश्वास हासिल किया जो बाजार हिस्सेदारी से उचित नहीं था, लेकिन अंतर्निहित उपकरणों के कारण जो उन्हें पृष्ठों का परीक्षण और समस्या निवारण करने में मदद करते थे।

संगठनों के उत्पाद प्रबंधकों ने माना कि फ़ायरफ़ॉक्स (मानक) के साथ संगतता सुनिश्चित करना इंटरनेट एक्सप्लोरर पर पृष्ठों को वितरित करने का सबसे तेज़ तरीका था।

पेज बनाने में मदद करने के लिए फ़ायरफ़ॉक्स एक उपकरण के रूप में - वेब डेवलपर्स द्वारा उपयोग किया जाता है - एक विश्वव्यापी घटना थी, अगर आप 2008 में मोज़िला योगदानकर्ताओं क्लाउबर और मारियो शीर्षक वाले फ़ायरफ़ॉक्स - डेवलपर के बेस्ट फ्रेंड की प्रस्तुति को बेहतर ढंग से समझते हैं।

एक प्रमुख स्लाइड पर उन्होंने फ़ायरफ़ॉक्स को इसके वेब मानक समर्थन और जावास्क्रिप्ट के डीबगिंग के लिए विकास ऐड-ऑन और अधिक के कारण विकास ढांचे के रूप में उपयोग करने के महत्व को बताया।

बाकी इतिहास है - जेएस लाइब्रेरी और फ्रेमवर्क

अब, क्या मैं आगे क्या है इसके बारे में बात करने के लिए पागल हूँ?

बिलकुल नहीं। यदि आप वेब डेवलपर हैं, तो हो सकता है कि आप जो कुछ भी जानते हैं, उसकी गर्मी और जटिलता महसूस कर रहे हों। आइए इस पार्टी को यहीं समाप्त करें: ब्राउज़र विकसित हुए हैं, पेज विकसित हुए हैं, डेवलपर भी। और यह कहना कि सभी खिलाड़ी समान रूप से तेज गति से - बहुत तेज - इस बिंदु पर योगदान दे रहे हैं कि मैं अतीत को देखना और जश्न मनाना पसंद करता हूं।

कुछ नोट्स महत्वपूर्ण हैं। एक यह है कि मैंने सर्वर साइड के संदर्भ में पहलुओं का उल्लेख नहीं किया। संरचना के साथ उस प्रतिबिंब को शामिल करना मुश्किल होगा, हालांकि मैं स्वीकार करता हूं कि वेब डेवलपर्स फ्रंट-एंड, बैक-एंड या फुलस्टैक के रूप में ब्रांच किए गए हैं।

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

यह अवलोकन रिएक्ट जैसे पुस्तकालयों के उद्भव और अन्य विषयों के बीच, जटिल दुनिया पर विचार करने के लिए द्वार खोलेगा, जैसा कि द ग्रेट गैसलाइटिंग ऑफ द जावास्क्रिप्ट एरा द्वारा इंगित किया गया है।

इस लेख की मुख्य छवि हैकरनून केएआई इमेज जेनरेटर द्वारा "प्रारंभिक इंटरनेट ब्राउज़र" के माध्यम से तैयार की गई थी।