अपने ब्राउज़र में JavaScript लिखें और चलाएँ, और console आउटपुट, warnings और errors तुरंत देखें। हर रन एक नए, sandboxed माहौल में शुरू होता है। मुफ़्त।
टूल के बटन और संदेश अभी अंग्रेज़ी में हैं। टूल का काम करने का तरीका अंग्रेज़ी पेज जैसा ही है।
इस टूल के बारे में
लाइव JavaScript कंपाइलर बिना कुछ इंस्टॉल या सेटअप किए सीधे आपके ब्राउज़र में JavaScript चलाता है। कोड टाइप या पेस्ट करें, Run Code या Ctrl+Enter दबाएँ, और आपकी स्क्रिप्ट जो कुछ भी लॉग करती है वह console पैनल में दिखता है: console.log, info, warnings और errors, जिनमें objects और arrays पढ़ने लायक़ JSON के रूप में छपते हैं और uncaught errors साफ़ बताए जाते हैं। हर रन एक नए, sandboxed frame में शुरू होता है, इसलिए पिछले रन के variables अगले रन में कभी नहीं आते, और आपका कोड एक अलग origin में चलता है जो इस साइट की cookies या storage नहीं पढ़ सकता। आधुनिक JavaScript वैसे ही काम करती है जैसे आपके ब्राउज़र में: arrow functions, classes, destructuring, async/await, promises, Map और Set, और standard library। आउटपुट नए टैब में खोलें, एडिटर और console को फ़ुल स्क्रीन करें, अपना कोड कॉपी करें या एक क्लिक में सब कुछ साफ़ करें। यह सीखने, किसी छोटे आइडिया को टेस्ट करने, किसी method का व्यवहार जाँचने या किसी snippet को डीबग करने के लिए बढ़िया है। कुछ भी अपलोड नहीं होता।
एडिटर में कोड टाइप या पेस्ट करें।
Run Code पर क्लिक करें या Ctrl+Enter दबाएँ।
अपनी स्क्रिप्ट के logs, warnings और errors देखें।
हर रन नए सिरे से शुरू होता है, इसलिए नतीजे हमेशा साफ़ रहते हैं।
एक क्लिक या Ctrl+Enter से कोड चलाएँ।
Objects और arrays फ़ॉर्मेट किए JSON के रूप में छपते हैं।
रन के बीच कोई बचा हुआ variable नहीं।
कोड इस साइट के डेटा से दूर, एक अलग origin में चलता है।
IDE खोले बिना जल्दी जवाब
कोर्स के उदाहरण चलाएँ और उन्हें बदलकर देखें कि क्या होता है।
उदाहरणकिसी array पर map, filter और reduce आज़माएँ।
पक्का करें कि कोई method या operator असल में कैसे काम करता है।
उदाहरणटेस्ट करें कि [] == false क्या लौटाता है।
कोडिंग सवाल हल करें और आउटपुट जाँचें।
उदाहरणकिसी वाक्य के शब्द उल्टे क्रम में करने वाला फ़ंक्शन लिखें।
किसी दूसरे टूल के लिए JSON या arrays का ढाँचा बदलें।
उदाहरणobjects की सूची को CSV लाइनों में बदलें।
JavaScript को प्रोग्राम किए जा सकने वाले कैलकुलेटर की तरह इस्तेमाल करें।
उदाहरण10 साल का चक्रवृद्धि ब्याज निकालें।
किसी कॉन्सेप्ट को लाइव दिखाएँ।
उदाहरणदिखाएँ कि promises किस क्रम में resolve होते हैं।
तेज़ी से डीबग करें
console.log("total", total) सिर्फ़ वैल्यू से ज़्यादा आसानी से पढ़ा जाता है।
कभी ख़त्म न होने वाला loop टैब को फ़्रीज़ कर सकता है; प्रयोग करते समय एक सीमा जोड़ें।
माउस की ओर हाथ बढ़ाए बिना चलाएँ।
कोड सेव नहीं होता; टैब बंद करने से पहले उसे कॉपी कर लें।
एरर मैसेज ठीक से पढ़ें, वैल्यू ऐसे लॉग करें जो सच में मदद करे, क्लासिक बग पहचानें (undefined, async क्रम, equality), और सुधार जल्दी टेस्ट करें।
लेख पढ़ें
साफ़ लेखन क्यों जीतता है, Flesch स्कोर असल में क्या मापते हैं, और किसी भी टेक्स्ट को उसका मतलब और अंदाज़ बनाए रखते हुए पढ़ने में आसान बनाने की व्यावहारिक तकनीकें।
लेख पढ़ें
लाइन ड्रॉइंग, घूमते लोडर, hover इफ़ेक्ट और एक-एक करके दिखने वाले हिस्से: CSS से SVG एनिमेशन कैसे काम करता है, वे उलझनें जिनमें सब फँसते हैं, और इसे सबके लिए सुलभ कैसे रखें।
लेख पढ़ें