हर महीने के आखिर में, हम वेब डेवलपर नेटवर्क टीम की गतिविधियों के बारे में बताते हैं. इसकी पहली किस्त में, हम आपको बताएंगे कि पिछले महीने क्या-क्या हुआ✨
हम इंजीनियर और कम्यूनिकेटर की एक टीम हैं. हम लेख और कोड के सैंपल तैयार करते हैं. जैसे, इस वेबसाइट पर वेब के बुनियादी सिद्धांत और हमारा नया पोर्टल web.dev. हमारे काम को YouTube चैनल पर भी देखा जा सकता है. साथ ही, @ChromiumDev पर हमें फ़ॉलो करना न भूलें :)
फ़रवरी एक छोटा महीना है, लेकिन हमारे पास कॉन्टेंट की कमी नहीं है. आइए, टीम की ओर से की गई बड़ी रिलीज़ के बारे में जानते हैं.
रिलीज़
Workbox
Workbox 4.0 को कुछ दिन पहले रिलीज़ किया गया था.🎉 इस रिलीज़ में workbox-window जैसी नई सुविधाएं और मौजूदा Workbox पैकेज में कई सुधार शामिल हैं. अगर आपने पहले से ही workbox का इस्तेमाल शुरू कर दिया है, तो v3 से v4 पर माइग्रेट करने के लिए गाइड देखें.
क्या आपको यह जानना है कि अपने मौजूदा प्रोजेक्ट में Workbox का इस्तेमाल कैसे किया जा सकता है? अपनी पसंद के बंडलर के साथ इनका इस्तेमाल करने के लिए, यहां एक गाइड दी गई है.
क्या आपको नहीं पता कि वर्कबॉक्स किस समस्या को हल करने में मदद करता है? 'वेब की स्थिति' शो में, सर्विस वर्कर के बारे में यह इंटरव्यू देखें.
lit-html और LitElement
पॉलीमर प्रोजेक्ट की टीम, अगली पीढ़ी की दो वेब डेवलपमेंट लाइब्रेरी, lit-html और LitElement के स्टेबल रिलीज़ पर काम कर रही है. क्या आपको इन्हें आज़माना है? LitElement आज़माएं गाइड से शुरू करें 📝
भरोसेमंद वेब गतिविधियां
Chrome 72 के रिलीज़ होने के साथ, भरोसेमंद वेब गतिविधि (टीडब्ल्यूए) की सुविधा लॉन्च हो गई है! TWAs की मदद से, Android गतिविधि में Chrome को फ़ुल स्क्रीन पर देखा जा सकता है. इसका मतलब है कि अपने वेब कॉन्टेंट को ऐप्लिकेशन के तौर पर इस्तेमाल किया जा सकता है📱 शुरू करने के लिए गाइड देखें या @svenbudak ने Google Play Store पर अपना PWA कैसे डाला, यह पढ़ें!
आगे क्या होने वाला है
Chrome 73 का स्टैबल वर्शन 12 मार्च को रिलीज़ होने वाला है. इसमें कई दिलचस्प सुविधाएं हैं!
V8 - Chrome के JavaScript इंजन में कई अपडेट हैं. इनमें Object.fromEntries और
String.prototype.matchAll शामिल हैं. V8 रिलीज़ नोट देखें.
क्या आपको वेब पर ऑडियो और वीडियो का इस्तेमाल करना है? हार्डवेयर मीडिया बटन की सुविधा अब उपलब्ध है. साथ ही, पिक्चर में पिक्चर विंडो में "विज्ञापन स्किप करें" सुविधा का ऑरिजनल ट्रायल शुरू हो गया है! ज़्यादा जानकारी के लिए, Chrome 73 में ऑडियो/वीडियो से जुड़े अपडेट देखें.
ऑरिजिन ट्रायल के बारे में बात करते हुए, फ़ेच की प्राथमिकता के लिए तैयार हो जाएं. फ़ेच की प्राथमिकता की मदद से, डेवलपर <script>, <img> या <link> एलिमेंट की अहमियत सेट कर सकते हैं, ताकि ब्राउज़र को उन्हें लोड करने का तरीका बताया जा सके. यह सुविधा अब भी एक्सपेरिमेंट के तौर पर उपलब्ध है. इसलिए, कृपया इसे आज़माएं और सुझाव/राय दें या शिकायत करें!
रेंडरिंग की परफ़ॉर्मेंस को हम हमेशा ध्यान में रखते हैं. Chrome 73 में, रूट टारगेट (विंडो, दस्तावेज़ या बॉडी) पर रजिस्टर किए गए wheel और mousewheel लिसनर, डिफ़ॉल्ट रूप से पैसिव लिसनर होंगे. इससे, डिफ़ॉल्ट रूप से व्हील स्क्रोलिंग तेज़ी से होगी.
नई सुविधाओं के साथ-साथ, हमें कुछ सुविधाओं को बंद भी करना होगा. इसलिए, Chrome 73 के लिए बंद की गई और हटाई गई सुविधाएं भी देखना न भूलें!
नया डेवलपमेंट
हम इन कुछ और सुविधाओं पर काम कर रहे हैं. ये सुविधाएं आपके ब्राउज़र पर जल्द ही उपलब्ध होंगी.
क्रॉस-साइट स्क्रिप्टिंग को रोकने के लिए, हम 'भरोसेमंद टाइप' नाम का एक नया एपीआई बना रहे हैं. कॉन्टेंट की सुरक्षा से जुड़ी नीति के ज़रिए, भरोसेमंद टाइप के लिए ऑप्ट-इन करने पर, दस्तावेज़ को डीओएम इंजेक्शन से लॉक कर दिया जाएगा. हम इस बारे में ज़्यादा कोड के उदाहरण और गाइड उपलब्ध कराने पर काम कर रहे हैं. हालांकि, इस बीच, इसे आज़माने के लिए कृपया भरोसेमंद टाइप के बारे में ज़्यादा पढ़ें.
Chrome पर, बैक और फ़ॉरवर्ड बटन दबाने पर, हो सकता है कि वेब पेज बहुत तेज़ी से आगे-पीछे हों! हम एक नए बैक/फ़ॉरवर्ड कैश की सुविधा पर काम कर रहे हैं, ताकि उपयोगकर्ता किसी दूसरे पेज पर जाने पर, पेजों को मेमोरी में कैश किया जा सके. इस पोस्ट में, bfcache के बारे में जानकारी और उसका प्रोटोटाइप देखें.
आखिर में, इंटरसेक्शन ऑब्ज़र्वर v2 में, किसी टारगेट की असल "विज़िबिलिटी" को ट्रैक करने का आइडिया दिया गया है.
हम क्या बदलाव कर रहे हैं
हमारा काम ब्राउज़र की सुविधाओं तक ही सीमित नहीं है! हम वेब ऐप्लिकेशन की परफ़ॉर्मेंस पर भी नज़र रखते हैं और वेब ऐप्लिकेशन बनाते हैं. साथ ही, हम दुनिया भर के वेब डेवलपर की मदद करने के लिए अलग-अलग तरीके भी ढूंढते हैं. इस महीने, हमने इन चीज़ों पर काम किया है.
- वेब पर रेंडरिंग
- Chrome में JavaScript लोड करने की प्राथमिकताएं
- JavaScript प्रोजेक्ट से बड़े इंपोर्ट की अनुमति न देना
- फ़ाइल का वेब शेयर टारगेट
- अपने ऐप्लिकेशन के JavaScript में मौजूद हॉट पाथ को WebAssembly से बदलना
- बनाई जा सकने वाली स्टाइलशीट: आसानी से इस्तेमाल की जा सकने वाली स्टाइल
- प्रोग्रेसिव React
- वेब स्टोर की परफ़ॉर्मेंस से जुड़ी समस्याएं
नए वीडियो और पॉडकास्ट
मार्टिन JavaScript एसईओ नाम की एक नई सीरीज़ शुरू कर रहे हैं. पहला एपिसोड, Google Search, JavaScript साइटों को कैसे इंडेक्स करता है के बारे में है! मेगिन ने हाल ही में एक मीटअप में, web.dev प्रोजेक्ट के बारे में अपने विचार शेयर किए थे. जैक और सुरमा, इमेज घुमाने की सुविधा के एक्सपेरिमेंट के बारे में बात करने वाले HTTP203 पॉडकास्ट के नए एपिसोड के साथ वापस आ गए हैं.
हमारे YouTube चैनल पर, नियमित तौर पर शो अपलोड किए जाते हैं. जैसे, "Chrome में नया क्या है", "DevTools में नया क्या है", और "वेब की स्थिति"".
खास तरीके से प्रमोशन करना
क्या आपने Puppeteer के उदाहरण देखे हैं? शायद आपने इसे पिछले साल एरिक बिडलमैन के ट्वीट "📯The 12 Days of Puppeteer 🤹🏻♂️🎁" में देखा हो. यह Puppeteer कोड सैंपल का एक शानदार कलेक्शन है. इससे आपको ब्राउज़र की मदद से क्या-क्या किया जा सकता है, इस बारे में क्रिएटिव तरीके से सोचने में मदद मिलती है. आपको इन्हें देखना चाहिए!
(एरिक, आपके नए काम के लिए शुभकामनाएं!) हमें आपकी कमी महसूस होगी!!)
आखिर में खास जानकारी
आपको महीने का पहला राउंडअप कैसा लगा? अगर आपको यह वीडियो पसंद आया है या इसे बेहतर बनाने के लिए आपके पास कोई सुझाव है, तो कृपया Twitter पर @kosamari पर हमें बताएं ✅
अगर आपने यहां बताई गई सुविधाओं का इस्तेमाल करके कुछ नया बनाया है या हमारे लेखों के आधार पर अपने कोडबेस में कुछ बदलाव किया है, तो हमें @ChromiumDev पर इसकी जानकारी ज़रूर दें.
मार्च में, हम में से कुछ लोग भारत जा रहे हैं. हमें उम्मीद है कि वहां हम मोबाइल वेब के अनुभव के बारे में ज़्यादा जान पाएंगे ✈️ हम वहां जो कुछ भी सीखेंगे उसे आपके साथ शेयर करेंगे!
अगले महीने मिलते हैं👋