महीने के आखिर में रिलीज़ होने वाले महीने के पहले सीज़न में आपका स्वागत है. हम यह देखते हैं कि वेब डेवलपर ईकोसिस्टम टीम में क्या हो रहा है✨
हम उन इंजीनियर और कम्युनिकेटर की एक टीम हैं जो लेख और कोड के सैंपल बनाते हैं. जैसे, वेबसाइट के वेब की बुनियादी बातें और हमारा बिलकुल नया पोर्टल web.dev. आप हमारे YouTube चैनल पर भी हमारा काम देख सकते हैं और @ChromiumDev पर हमें फ़ॉलो करना न भूलें :)
फ़रवरी महीना छोटा है, लेकिन इसमें कॉन्टेंट की कमी नहीं है. चलिए, टीम के बड़ी रिलीज़ से शुरुआत करते हैं.
रिलीज़
Workbox
ध्यान दें, कुछ ही दिन पहले
Workbox 4.0 रिलीज़ किया गया था.🎉 इस रिलीज़ में workbox-window जैसी बेहतरीन नई सुविधाएं और कई मौजूदा वर्कबॉक्स पैकेज को बेहतर बनाया गया है. जो लोग पहले से वर्कबॉक्स का इस्तेमाल कर रहे हैं उनके लिए, v3 से v4 पर माइग्रेट करने से जुड़ी गाइड देखें.
क्या आपको यह जानना है कि अपने मौजूदा प्रोजेक्ट में Workbox का इस्तेमाल कैसे करना है? अपनी पसंद के बंडलर के साथ इनका इस्तेमाल करने के लिए, यहां एक गाइड दी गई है.
क्या आपको नहीं पता कि वर्कबॉक्स से किस समस्या को हल करने में मदद मिलती है? वेब शो की स्थिति के बारे में
सर्विस वर्कर का इंटरव्यू देखें.
lit-html और LitElement
पॉलीमर प्रोजेक्ट की टीम, lit-html और LitElement की स्थायी रिलीज़ पर काम कर रही है. यह अगली-पीढ़ी की दो वेब डेवलपमेंट लाइब्रेरी हैं. क्या आपको इन्हें आज़माना है? LitElement गाइड 📝 से शुरू करें
भरोसेमंद वेब गतिविधियां
Chrome 72 के रिलीज़ होने के बाद, भरोसेमंद वेब गतिविधि (टीडब्ल्यूए) की सुविधा बाज़ार में आ गई है! TWA आपको Android ऐक्टिविटी में, Chrome को फ़ुल स्क्रीन पर दिखाने की सुविधा देता है. मतलब, वेब कॉन्टेंट को app-स्फ़ीयर में उपलब्ध कराया जा सकता है यह शुरुआती निर्देश देखें या @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 के बारे में जानकारी और प्रोटोटाइप देखें.
आखिर में, Intersection ऑब्ज़र्वर v2 किसी टारगेट की असल "किसको दिखे" को ट्रैक करने का आइडिया देता है.
हम क्या बदलाव कर रहे हैं
हमारा काम ब्राउज़र की सुविधाओं तक ही सीमित नहीं है! हम वेब ऐप्लिकेशन की परफ़ॉर्मेंस को भी देखते हैं, वेब ऐप्लिकेशन बनाते हैं और हर जगह वेब डेवलपर की मदद करने के लिए अलग-अलग तरीकों पर विचार करते हैं. यहां कुछ ऐसी चीज़ों के बारे में बताया गया है जिनमें हम इस महीने बदलाव कर रहे हैं.
- वेब पर रेंडर करना
- Chrome में JavaScript लोड करने की प्राथमिकताएं
- JavaScript प्रोजेक्ट से बड़े पैमाने पर इंपोर्ट करने की अनुमति न देना
- फ़ाइल वेब शेयर टारगेट
- अपने ऐप्लिकेशन के JavaScript में, WebAssembly की मदद से हॉट पाथ बदलना
- बनाई गई स्टाइलशीट: आसानी से दोबारा इस्तेमाल की जा सकने वाली स्टाइल
- प्रोग्रेसिव रिऐक्ट
- वेब स्टोरफ़्रंट की परफ़ॉर्मेंस से जुड़ी समस्याएं
नए वीडियो और पॉडकास्ट
मार्टिन JavaScript एसईओ नाम की एक नई सीरीज़ शुरू कर रहे हैं. इसका पहला एपिसोड यह है कि Google Search, JavaScript साइटों को कैसे इंडेक्स करता है! मेगिन ने हाल ही में एक बैठक में web.dev प्रोजेक्ट पर विचार पेश किए. जेक और सूरमा ने एचटीटीपी203 का नया पॉडकास्ट एपिसोड, जिसमें इमेज बदलने की सुविधा के एक्सपेरिमेंट पर चर्चा की है.
हमारे YouTube चैनल पर, "Chrome में नया", " DevTools में नया क्या है", और "वेब की स्थिति"" जैसे, नियमित तौर पर शो भी दिखाए जाते हैं.
खास शाउट-आउट
क्या आपने कठपुतली के खेल के उदाहरण देखे हैं? आपने शायद पिछले साल एरिक बिडेलमैन के ट्वीट "📯The 12 डेज़ ऑफ़ पपीटियर 🤹🏻 ♂️🎁" का ट्वीट देखा होगा. यह Puppeteer कोड के सैंपल का एक शानदार कलेक्शन है. इससे आपको यह तय करने में मदद मिलती है कि ब्राउज़र से क्या-क्या किया जा सकता है. आपको उन्हें देखना चाहिए!
(आपकी नई कोशिश के लिए शुभकामनाएं! हमें आपकी कमी महसूस होगी!!)
रैप कर रहा है
आपको पहले महीने का रैप अप कैसा लगा? अगर आपको यह पसंद आया है या आपके पास इसे बेहतर बनाने का कोई आइडिया है, तो कृपया मुझे twitter @kosamari पर बताएं ✅
अगर आपने यहां दी गई सुविधाओं का इस्तेमाल करके कुछ नया बनाया है या हमारे लेखों के आधार पर अपने कोड बेस में कुछ बदलाव किया है, तो @ChromiumDev पर हमें ज़रूर बताएं.
मार्च में, हम में से कुछ लोग भारत में मोबाइल वेब के अनुभव के बारे में ज़्यादा जानने की उम्मीद में जा रहे हैं ✈️ हमें वहां जो कुछ भी सीखने का मौका मिला, उसके बारे में बताने का इंतज़ार रहेगा!
अगले महीने मिलते हैं👋