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

अगर आपने JavaScript का इस्तेमाल पहले कभी नहीं किया है, तो हम आपको इस बारे में पूरी जानकारी देंगे. JavaScript सीखें कोर्स में, JavaScript के काम करने के तरीके के बारे में बताया गया है. इसमें वैरिएबल, फ़ंक्शन, और शर्तों वाले स्टेटमेंट जैसी बुनियादी बातों से शुरुआत की गई है. इसके बाद, आपको प्रोटोटाइपल इनहेरिटेंस, क्लास, और अन्य विषयों जैसे ज़्यादा मुश्किल विषयों को समझने में मदद मिलेगी. इससे आपको JavaScript की अपनी स्किल को बेहतर बनाने में मदद मिलेगी, ताकि आप बेहतर वेब ऐप्लिकेशन बना सकें.

जब सभी बड़े ब्राउज़र इंजन में वेब प्लैटफ़ॉर्म की सुविधाओं का सुरक्षित तरीके से इस्तेमाल किया जा सकता है, तो वेब डेवलपर को बेसलाइन सिग्नल मिलते हैं. यहां कुछ JavaScript सुविधाओं के बारे में बताया गया है, जो अब बेसलाइन के तौर पर उपलब्ध हैं.

Resizable ArrayBuffer को जुलाई 2024 में बेसलाइन के तौर पर उपलब्ध कराया गया.
सेट करने के तरीके, जून 2024 से बेसलाइन के तौर पर उपलब्ध हैं.
CustomStateSet, मई 2024 में बेसलाइन के तौर पर उपलब्ध हो गया है.
Screen Wake Lock API, मई 2024 से बेसलाइन के तौर पर उपलब्ध है.
intl.Segmenter, अप्रैल 2024 में बेसलाइन के तौर पर उपलब्ध हो गया है.
promise.withResolvers() को मार्च 2024 में बेसलाइन के तौर पर उपलब्ध कराया गया.
groupBy() फ़ंक्शन, मार्च 2024 से बेसलाइन के तौर पर उपलब्ध हैं.
ArrayBuffer transfer() और transferToFixedLength() तरीके, मार्च 2024 में बेसलाइन के तौर पर उपलब्ध हो गए हैं.
Array.fromAsync() को जनवरी 2024 में बेसलाइन के तौर पर उपलब्ध कराया गया.

JavaScript आपको ऐसे बहुत से टूल उपलब्ध कराता है जो आपके उपयोगकर्ताओं की ज़रूरतों को पूरा करने वाले ऐप्लिकेशन बनाने में आपकी मदद करते हैं. यहां कुछ ऐसी सामान्य सुविधाएं दी गई हैं, जिनका उपयोग शायद आप अपने वेब ऐप्लिकेशन में करना चाहें और जिनके बारे में आपको पता होना चाहिए!

किसी इवेंट के होने के बाद, प्रोमिस की मदद से एसिंक्रोनस तरीके से कोड को लागू किया जा सकता है.
fetch एपीआई की मदद से, फ़्रंट एंड पर वेब से डेटा फ़ेच करने के लिए, एचटीटीपी अनुरोध किए जा सकते हैं.
IndexedDB API, फ़ाइलों और ब्लॉब के साथ-साथ स्ट्रक्चर्ड डेटा को क्लाइंट-साइड स्टोरेज में सेव करने की सुविधा देता है.

JavaScript का इस्तेमाल करने के तरीके से, आपके वेब ऐप्लिकेशन के पेज के रिस्पॉन्स में लगने वाले समय (आईएनपी) पर असर पड़ सकता है. इन गाइड की मदद से, आपको JavaScript की वजह से पेज के रिस्पॉन्सिव होने से जुड़ी समस्याओं को हल करने में मदद मिलेगी.

मुख्य थ्रेड पर लंबे समय तक चलने वाले टास्क की वजह से, आपका वेब ऐप्लिकेशन अनरिस्पॉन्सिव हो सकता है. अपने वेब ऐप्लिकेशन के आईएनपी को बेहतर बनाने के लिए, लंबे टास्क को ऑप्टिमाइज़ करने का तरीका जानें.
इनपुट में ज़्यादा देरी तब होती है, जब उपयोगकर्ता किसी पेज से इंटरैक्ट करते हैं और ब्राउज़र को जवाब देने में काफ़ी समय लगता है. आम तौर पर, इसकी वजह JavaScript हो सकती है. यह गाइड पढ़ें और जानें कि इनपुट में लगने वाले समय को कम कैसे किया जा सकता है और अपने वेब ऐप्लिकेशन को ज़्यादा तेज़ कैसे बनाया जा सकता है.
जब पेज लोड होने के दौरान स्क्रिप्ट डाउनलोड की जाती हैं, तो वे लंबे टास्क कर सकती हैं. इससे आपके वेब ऐप्लिकेशन के INP पर असर पड़ सकता है. आईएनपी को कम रखने के लिए, लंबी स्क्रिप्ट के आकलन के टास्क को ऑप्टिमाइज़ करने का तरीका जानें.
यह ज़रूरी नहीं है कि हर काम मुख्य थ्रेड पर ही किया जाए. अगर आपके पास ऐसे कई काम हैं जिन्हें पूरा होने में काफ़ी समय लगता है, तो उन्हें वेब वर्कर्स थ्रेड पर ऑफ़लोड किया जा सकता है. इससे, आपके वेब ऐप्लिकेशन को ज़्यादा से ज़्यादा रिस्पॉन्सिव रखा जा सकता है.
वेब पर परफ़ॉर्मेंस से जुड़ी एक आम समस्या, तीसरे पक्ष के JavaScript का इस्तेमाल करने की वजह से होती है. इस वजह से, पेज धीरे लोड हो सकते हैं. साथ ही, इससे पेज के रिस्पॉन्सिव होने में भी समस्या हो सकती है. तीसरे पक्ष के JavaScript की परफ़ॉर्मेंस से जुड़ी कुछ सामान्य समस्याओं को हल करने के लिए, ये गाइड देखें.
जानें कि तीसरे पक्ष का JavaScript, परफ़ॉर्मेंस पर कैसे असर डाल सकता है. साथ ही, यह भी जानें कि साइटों की परफ़ॉर्मेंस पर असर न पड़े, इसके लिए क्या किया जा सकता है.
Lighthouse और Chrome DevTools की मदद से, परफ़ॉर्मेंस की जांच करने की अपनी स्किल को बेहतर बनाएं.
तीसरे पक्ष के JavaScript को बेहतर तरीके से लोड करने का तरीका जानें, ताकि आप अपने वेब ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर बना सकें.
Core Web Vitals के लिए टैग और टैग मैनेजर को ऑप्टिमाइज़ करने का तरीका जानें, ताकि इन काम के टूल का आपके वेब ऐप्लिकेशन की परफ़ॉर्मेंस पर कम से कम असर पड़े.

इन पैटर्न को देखें. इनकी मदद से, JavaScript का इस्तेमाल करके अपने वेब ऐप्लिकेशन में सामान्य टास्क को तुरंत पूरा किया जा सकता है.

अपने वेब ऐप्लिकेशन में सामान्य टास्क पूरे करने के लिए, ये पैटर्न देखें.
JavaScript में फ़ाइलों और डायरेक्ट्री के साथ काम करने के पैटर्न जानें.
अपने वेब ऐप्लिकेशन में कॉपी और चिपकाने की सुविधा देने के लिए, JavaScript में क्लिपबोर्ड एपीआई का इस्तेमाल करने का तरीका जानें.