GyaanSetu WebDev

Frontend, backend and devops for the modern web.

244 articlesDeep, practical knowledge

कुछ साल पहले, मैंने एक डैशबोर्ड बनाने का काम शुरू किया। कुछ खास नहीं—बस एक फिक्स्ड साइडबार, एक मुख्य कंटेंट एरिया और एक फुटर।

कुछ साल पहले, मैंने एक डैशबोर्ड बनाने का काम शुरू किया। कुछ खास नहीं—बस एक फिक्स्ड साइडबार, एक मुख्य कंटेंट एरिया और एक फुटर। फ्लेक्सबॉक्स एक स्पष्ट विकल्प लगा, और शुरुआत में, यह व्यवहार...

WebDev · 4 मिनट पढ़ें

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

आप एक म्यूज़ियम बनाने की शुरुआत करते हैं और अंत में एक कैलकुलेटर फार्म चलाने लगते हैं। realworth.io के निर्माता के साथ जो हुआ, उसका यह संक्षिप्त विवरण है। यह प्रोजेक्ट शुरू हुआ था...

WebDev · 4 मिनट पढ़ें

हर React डेवलपर अंततः एक ही दीवार से टकराता है। आप अपने टॉप-लेवल कंपोनेंट के अंदर एक यूजर ऑब्जेक्ट फेच करते हैं। फिर

हर React डेवलपर अंततः एक ही दीवार से टकराता है। आप अपने टॉप-लेवल कंपोनेंट के अंदर एक यूजर ऑब्जेक्ट फेच करते हैं। फिर आप इसे नीचे पास करते हैं। और फिर से नीचे। एक रूट रैपर के माध्यम से,…

WebDev · 6 मिनट पढ़ें

आप ऑनलाइन जूतों की एक जोड़ी देखते हैं। स्टोर आपको सामने और बगल का दृश्य दिखाता है। आप टेक्स्ट देखने की उम्मीद में ज़ूम करते हैं

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

WebDev · 3 मिनट पढ़ें

जब आप अज़रबैजान में कार ब्रोकरेज चला रहे हों और संयुक्त राज्य अमेरिका से salvage वाहन आयात कर रहे हों, तो आपका सॉफ्टवेयर

जब आप अज़रबैजान में कार ब्रोकरेज चला रहे हों और संयुक्त राज्य अमेरिका से salvage वाहन आयात कर रहे हों, तो आपकी सॉफ्टवेयर संबंधी समस्याएँ सिलिकॉन वैली के किसी स्टार की समस्याओं से काफी अलग होती हैं...

WebDev · 5 मिनट पढ़ें

आधुनिक फ्रंटएंड इंजीनियरिंग अब वैसी नहीं रही जैसी एक दशक पहले हुआ करती थी। आप अब सिर्फ HTML और CSS नहीं लिख रहे हैं। एक विशिष्ट पेशेवर...

आधुनिक फ्रंटएंड इंजीनियरिंग अब वैसी नहीं रही जैसी एक दशक पहले हुआ करती थी। आप अब सिर्फ HTML और CSS नहीं लिख रहे हैं। एक विशिष्ट प्रोजेक्ट अब एक विशिष्ट Node.js रनटाइम, एक लॉक किए गए पा... के साथ आता है...

WebDev · 3 मिनट पढ़ें

रियल-टाइम सहयोग तब तक सहज लगता है जब तक आप पर्दे के पीछे की सच्चाई नहीं देख लेते। एक व्यक्ति टाइप करता है। दूसरा तीन...

रियल-टाइम सहयोग तब तक सहज लगता है जब तक आप पर्दे के पीछे की हकीकत नहीं देख लेते। एक व्यक्ति टाइप करता है। दूसरा तीन पैराग्राफ ऊपर एक लाइन मिटा देता है। तीसरा Stack Overflow से एक स्निपेट पेस्ट करता है...

WebDev · 6 मिनट पढ़ें

SEO के लिए आपको अपनी जेब खाली करने की ज़रूरत नहीं है। Ahrefs और SEMrush जैसे प्रीमियम प्लेटफॉर्म हर महीने सैकड़ों डॉलर लेते हैं

SEO के लिए आपको अपनी जेब खाली करने की ज़रूरत नहीं है। Ahrefs और SEMrush जैसे प्रीमियम प्लेटफॉर्म हर महीने सैकड़ों डॉलर लेते हैं, और इसके पीछे ठोस कारण भी है—वे विशाल डेटासेट को इकट्ठा करते हैं और...

WebDev · 5 मिनट पढ़ें

JavaScript से Python पर स्विच करना एक ऐसे शहर में जाने जैसा महसूस होता है जहाँ सड़क के संकेत तो वही हैं, लेकिन ट्रैफिक के नियम अलग हैं। T

JavaScript से Python पर स्विच करना एक ऐसे शहर में जाने जैसा महसूस होता है जहाँ सड़क के संकेत तो वही हैं, लेकिन ट्रैफिक के नियम अलग हैं। इसका सिंटैक्स काफी सरल और परिचित लगता है। आप देखते हैं और बैठते हैं...

WebDev · 6 मिनट पढ़ें

आपने अपना पेपर पूरा कर लिया है। डेडलाइन करीब आ रही है। फिर भी एक बेचैन करने वाला विचार मन से नहीं जा रहा: क्या मैंने अनजाने में कुछ चुरा लिया है

आपने अपना पेपर पूरा कर लिया है। डेडलाइन करीब आ रही है। फिर भी एक बेचैन करने वाला विचार मन से नहीं जा रहा: क्या मैंने अनजाने में कुछ चुरा लिया है? हर छात्र इस अहसास को जानता है। आप दर्जनों... पढ़ते हैं।

WebDev · 5 मिनट पढ़ें

आप एक ऐसा टाइप लिखते हैं जो नेस्टेड ऑब्जेक्ट्स के माध्यम से चलकर ऑटो-कम्प्लीट के लिए डॉट-सेपरेटेड पाथ बनाता है। यह बहुत शानदार तरीके से काम करता है।

आप एक ऐसा टाइप लिखते हैं जो नेस्टेड ऑब्जेक्ट्स के माध्यम से चलकर ऑटो-कम्प्लीट के लिए डॉट-सेपरेटेड पाथ बनाता है। यह एक छोटे टेस्ट ऑब्जेक्ट पर बहुत खूबसूरती से काम करता है। फिर आप इसे एक वास्तविक API पे...

WebDev · 5 मिनट पढ़ें

अगर आपने React पर थोड़ा भी समय बिताया है, तो आपने अपने कंसोल में यह पीली चेतावनी ज़रूर देखी होगी: “एक लिस्ट में प्रत्येक चाइल्ड के पास होना चाहिए

अगर आपने React पर थोड़ा भी समय बिताया है, तो आपने अपने कंसोल में यह पीली चेतावनी ज़रूर देखी होगी: “एक लिस्ट में प्रत्येक चाइल्ड के पास एक यूनिक ‘key’ प्रॉप होना चाहिए।” यह सुनने में एक विनम्र सुझाव जैसा लगता है,...

WebDev · 6 मिनट पढ़ें

कॉफी शॉप के वाईफाई पर दो गीगाबाइट का वीडियो अपलोड करना धैर्य की परीक्षा है। आप प्रोग्रेस बार को धीरे-धीरे बढ़ते हुए देखते हैं

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

WebDev · 3 मिनट पढ़ें

बेंचमार्क का जाल

बेंचमार्क का जाल। बेंचमार्क दिखाने वाले कभी आपको पूरी तस्वीर नहीं दिखाते। वे एक ऐसे हैंडलर को मापते हैं जो लगभग कुछ भी नहीं करता। एक JSON Hello World। एक स्टैटिक स्ट्रिंग। उस शून्य में, Fiber w…

WebDev · 3 मिनट पढ़ें

लगभग दो साल पहले एक शिक्षक के इनबॉक्स में पहला चैटबॉट ड्राफ्ट आया था, और तब से यह स्थिति और भी तेज़ होती जा रही है।

लगभग दो साल पहले एक शिक्षक के इनबॉक्स में पहला चैटबॉट ड्राफ्ट आया था, और तब से यह स्थिति और भी तेज़ होती जा रही है। अब एक छात्र ChatGPT से पाँच पैराग्राफ लिखवा सकता है...

WebDev · 4 मिनट पढ़ें