दोनों शुरुआती के लिए जो सीखना चाहते हैं, और अनुभवी पेशेवरों के लिए, कुछ वेबसाइटें हैं जो आपको कोड की लाइनों की कोशिश करने और पूर्वावलोकन में परिणाम देखने और लगभग वास्तविक समय में देखने की अनुमति देती हैं। ये दो में विभाजित स्क्रीन के साथ वास्तविक अनुप्रयोग हैं, जहां एक ओर आप कोड लिखते हैं जो HTML, CSS, PHP, जावास्क्रिप्ट या अन्य हो सकता है, जबकि दूसरी ओर, निष्पादित करने के लिए एक कुंजी दबाने के बाद।, आप वास्तव में देखते हैं कि यह कैसा दिखता है यदि वह कोड किसी वेबसाइट के अंदर था।
ये सरल कोड संपादक नहीं हैं, लेकिन ऐसे स्थान जहां आप अपनी प्रोग्रामिंग का परीक्षण कर सकते हैं, बिना गलतियों की चिंता किए और तेज़ी से पता लगा सकते हैं कि त्रुटियाँ कहाँ हैं। कोडपेन और JSFiddle इस श्रेणी के दो सबसे लोकप्रिय स्थल हैं, लेकिन कई विकल्प भी हैं।
READ ALSO: ऐप और वेबसाइटों के लिए उपयोग की जाने वाली मुख्य प्रोग्रामिंग भाषाएं
1) कोडपेन
कोडपैन सबसे लोकप्रिय साइट है और प्रोग्रामर द्वारा उपयोग किया जाता है क्योंकि यह मुफ़्त, सहज और उपयोग करने में आसान है। प्रोग्रामर की दुनिया में एक मानक बन गया है, बस कोडपैन द्वारा पहले से संकलित पृष्ठों को खोजने के लिए Google पर खोजें और देखें कि क्या आप देख रहे थे। लचीली देखने वाली खिड़कियां और लिखित कोड का तत्काल निष्पादन जावास्क्रिप्ट और सीएसएस एनिमेशन की कोशिश करने के लिए एकदम सही बनाता है, इसके अलावा यह आसानी से बाहरी स्क्रिप्ट (सीडीएन के माध्यम से उपलब्ध प्रतिक्रिया, वीयू और कुछ भी) से जुड़ सकता है।
कोडपेन इस श्रेणी में पहले स्थान पर है, हालांकि कुछ सुविधाओं का भुगतान किया जाता है, जैसे कि सहयोगी कोडिंग और पूर्ण पृष्ठ लाइव दृश्य (आंशिक लाइव विचार स्वतंत्र हैं)।
2) JSFiddle
लिखने और प्रोग्रामिंग कोड की कोशिश करने के लिए साइटों की दुनिया में दूसरे स्थान पर (हालांकि कालानुक्रमिक रूप से यह सबसे पुराना है) JSFiddle, जावास्क्रिप्ट के निर्माण और परीक्षण के लिए सभी से ऊपर उन्मुख है। इसका उपयोग HTML और CSS के लिए भी किया जा सकता है और चूंकि यह कोड पूरा करने की युक्तियों का समर्थन करता है और कम अनुभवी के लिए CodePen के लिए भी बेहतर हो सकता है।
JSFiddle के पक्ष में एक बड़ा मुद्दा यह है कि यह मुफ्त सहयोग मोड (आवाज और पाठ चैट सहित) प्रदान करता है, इसलिए आप अन्य लोगों के साथ एक साथ कोड पर काम कर सकते हैं।
3) गड़बड़
कई कोड साइटें आपको HTML / CSS / JS को एनकोड करने और स्थिर वेब पेज जेनरेट करने की अनुमति देती हैं, जबकि Glitch प्रोजेक्ट्स को बचाने के लिए एक छोटा सा मुफ्त स्टोरेज स्पेस प्रदान करता है और इससे Node.js. सर्वर-साइड कोड चलाना काफी आसान हो जाता है। आप Glitch पर सहयोगात्मक कार्यक्रम कर सकते हैं,
यह कई अन्य शानदार विशेषताओं के साथ भी आता है: सहयोगी कोडिंग, संस्करण नियंत्रण, कई शिक्षण संसाधन, GitHub के साथ अच्छा एकीकरण, आसान एम्बेडिंग, सलाह के लिए पूछने के लिए एक समुदाय, पहले से बनाई गई परियोजनाएं जो आप स्वतंत्र रूप से संशोधित या उपयोग कर सकते हैं और दृश्य स्टूडियो एकीकरण। यह वेब ऐप शुरू करने के लिए एक शानदार, त्वरित और आसान तरीका है (या इसे करना सीखें)।
4) कोडसैंडबॉक्स
CodeSandbox ग्लिच के समान है लेकिन थोड़ा अधिक जटिल और पूर्ण है। CodeSandbox में एक अधिक लचीला और अनुकूलन योग्य इंटरफ़ेस है, जिससे आप संपूर्ण वेब एप्लिकेशन वितरित कर सकते हैं, फाइलों को सहेजने के लिए एक स्थान है और प्रोग्रामर को केवल लिखने का कार्य छोड़कर अधिकांश बुनियादी काम करता है।
5) प्रतिकृति
Repl.it फ्रंट-एंड और बैक-एंड कोड के समर्थन के साथ विभिन्न प्रकार की प्रोग्रामिंग भाषाओं जैसे Python के परीक्षण के लिए एक विकास का माहौल है, यह आपको साइटों और एप्लिकेशन को वितरित करने की अनुमति देता है, इसमें GitHub और एक सहज ज्ञान युक्त इंटरफ़ेस के साथ एकीकरण है। यह उन लोगों के लिए थोड़ा मुश्किल हो सकता है जो सिर्फ वेब पेज डिजाइन करने की कोशिश कर रहे हैं, लेकिन पहले से ही अनुभवी प्रोग्रामर के लिए यह विचार करने के लिए एक संसाधन है। यदि आप केवल फ्रंट-एंड की योजना बना रहे हैं या यदि आप कोड में नए हैं, लेकिन यदि आप नियमित रूप से सब कुछ प्लान करते हैं, तो यह खोज के लायक है।
6) Liveweave JSFiddle के समान एक वेब संपादक है, जिसके साथ वेबसाइटों पर उपयोग करने के लिए कोड लिखने और आज़माने के लिए, लाइव पूर्वावलोकन कार्यक्षमता के साथ, HTML5, CSS3, जावास्क्रिप्ट और jQuery के लिए कोड संकेत और जो आपको फ़ाइल के रूप में प्रोजेक्ट डाउनलोड करने की अनुमति देता है। ज़िप करें। आप बहुत आसानी से jQuery, AndgularJS, बूटस्ट्रैप जैसे बाहरी पुस्तकालयों को भी जोड़ सकते हैं।
7) कोडसैंडबॉक्स एक मुफ्त ऑनलाइन स्थान है जहां आप विभिन्न फ्रेमवर्क जैसे कि रिएक्ट, व्यू, एंगुलर और बहुत कुछ का उपयोग करके वेब ऐप प्रोजेक्ट शुरू कर सकते हैं।
8) स्टैकब्लिट्ज एक उत्कृष्ट जावास्क्रिप्ट एप्लीकेशन एडिटर है, जो विभिन्न संरचनाओं जैसे कि Vue और React का समर्थन करता है।
9) फ्लेम, न्यूनतम साइट, त्वरित परीक्षण करने के लिए एकदम सही।
10) JSBin, वेब पेज कोड लिखने के लिए JSFiddle का एक अधिक न्यूनतम संस्करण है और देखें कि यह कैसा दिखता है।
11) CSSDeck कुछ मूल HTML / CSS और JS विचारों के परीक्षण के लिए एक सरल साइट है।
12) ICECoder, परीक्षण कोड के लिए एक और ऑनलाइन वातावरण, जिसके लिए आपको एक प्रोग्राम डाउनलोड करना होगा जो ब्राउज़र में चलता है और इसे ऑफ़लाइन भी उपयोग किया जा सकता है।
१३) प्लंकेर, एक फ्रंट-एंड टूल जो आपको कोड, फाइलें और वेब पेज लिखने और उन्हें जीथब पर सहेजने की अनुमति देता है।
14) स्क्रिम्बा वीडियो और कोड एडिटर का एक अभिनव संयोजन है जो छात्रों और जो सीखना चाहते हैं, उनके लिए सीखने का एक सही वातावरण है।
15) वेबमेकर, एक वेब एप्लिकेशन निर्माता जो ऑफ़लाइन कार्यक्षमता और कोडपेन के साथ एकीकरण है।
16) Dabblet, HTML और CSS / JS कोड को अच्छे ग्राफिक्स के साथ आज़माने और लिखने के लिए CSS कोड के लिए स्वचालित सुधारक।
17) PlayCode भी मूल HTML / CSS / JS कोड के वास्तविक समय परीक्षण के लिए एक वातावरण है।
19) JSItor कोडपेन और जेएसफिल्ड का एक अन्य विकल्प है, जहाँ आप HTML, CSS और जावास्क्रिप्ट को मिलाकर कोड लिख सकते हैं और तुरंत परिणाम देख सकते हैं।
READ ALSO: इंटरैक्टिव कोर्स और चुनौतियों के साथ खेलकर प्रोग्रामिंग सीखने के लिए साइटें
ये सरल कोड संपादक नहीं हैं, लेकिन ऐसे स्थान जहां आप अपनी प्रोग्रामिंग का परीक्षण कर सकते हैं, बिना गलतियों की चिंता किए और तेज़ी से पता लगा सकते हैं कि त्रुटियाँ कहाँ हैं। कोडपेन और JSFiddle इस श्रेणी के दो सबसे लोकप्रिय स्थल हैं, लेकिन कई विकल्प भी हैं।
READ ALSO: ऐप और वेबसाइटों के लिए उपयोग की जाने वाली मुख्य प्रोग्रामिंग भाषाएं
ऑनलाइन कोड का परीक्षण करने के लिए साइटें
1) कोडपेन
कोडपैन सबसे लोकप्रिय साइट है और प्रोग्रामर द्वारा उपयोग किया जाता है क्योंकि यह मुफ़्त, सहज और उपयोग करने में आसान है। प्रोग्रामर की दुनिया में एक मानक बन गया है, बस कोडपैन द्वारा पहले से संकलित पृष्ठों को खोजने के लिए Google पर खोजें और देखें कि क्या आप देख रहे थे। लचीली देखने वाली खिड़कियां और लिखित कोड का तत्काल निष्पादन जावास्क्रिप्ट और सीएसएस एनिमेशन की कोशिश करने के लिए एकदम सही बनाता है, इसके अलावा यह आसानी से बाहरी स्क्रिप्ट (सीडीएन के माध्यम से उपलब्ध प्रतिक्रिया, वीयू और कुछ भी) से जुड़ सकता है।
कोडपेन इस श्रेणी में पहले स्थान पर है, हालांकि कुछ सुविधाओं का भुगतान किया जाता है, जैसे कि सहयोगी कोडिंग और पूर्ण पृष्ठ लाइव दृश्य (आंशिक लाइव विचार स्वतंत्र हैं)।
2) JSFiddle
लिखने और प्रोग्रामिंग कोड की कोशिश करने के लिए साइटों की दुनिया में दूसरे स्थान पर (हालांकि कालानुक्रमिक रूप से यह सबसे पुराना है) JSFiddle, जावास्क्रिप्ट के निर्माण और परीक्षण के लिए सभी से ऊपर उन्मुख है। इसका उपयोग HTML और CSS के लिए भी किया जा सकता है और चूंकि यह कोड पूरा करने की युक्तियों का समर्थन करता है और कम अनुभवी के लिए CodePen के लिए भी बेहतर हो सकता है।
JSFiddle के पक्ष में एक बड़ा मुद्दा यह है कि यह मुफ्त सहयोग मोड (आवाज और पाठ चैट सहित) प्रदान करता है, इसलिए आप अन्य लोगों के साथ एक साथ कोड पर काम कर सकते हैं।
3) गड़बड़
कई कोड साइटें आपको HTML / CSS / JS को एनकोड करने और स्थिर वेब पेज जेनरेट करने की अनुमति देती हैं, जबकि Glitch प्रोजेक्ट्स को बचाने के लिए एक छोटा सा मुफ्त स्टोरेज स्पेस प्रदान करता है और इससे Node.js. सर्वर-साइड कोड चलाना काफी आसान हो जाता है। आप Glitch पर सहयोगात्मक कार्यक्रम कर सकते हैं,
यह कई अन्य शानदार विशेषताओं के साथ भी आता है: सहयोगी कोडिंग, संस्करण नियंत्रण, कई शिक्षण संसाधन, GitHub के साथ अच्छा एकीकरण, आसान एम्बेडिंग, सलाह के लिए पूछने के लिए एक समुदाय, पहले से बनाई गई परियोजनाएं जो आप स्वतंत्र रूप से संशोधित या उपयोग कर सकते हैं और दृश्य स्टूडियो एकीकरण। यह वेब ऐप शुरू करने के लिए एक शानदार, त्वरित और आसान तरीका है (या इसे करना सीखें)।
4) कोडसैंडबॉक्स
CodeSandbox ग्लिच के समान है लेकिन थोड़ा अधिक जटिल और पूर्ण है। CodeSandbox में एक अधिक लचीला और अनुकूलन योग्य इंटरफ़ेस है, जिससे आप संपूर्ण वेब एप्लिकेशन वितरित कर सकते हैं, फाइलों को सहेजने के लिए एक स्थान है और प्रोग्रामर को केवल लिखने का कार्य छोड़कर अधिकांश बुनियादी काम करता है।
5) प्रतिकृति
Repl.it फ्रंट-एंड और बैक-एंड कोड के समर्थन के साथ विभिन्न प्रकार की प्रोग्रामिंग भाषाओं जैसे Python के परीक्षण के लिए एक विकास का माहौल है, यह आपको साइटों और एप्लिकेशन को वितरित करने की अनुमति देता है, इसमें GitHub और एक सहज ज्ञान युक्त इंटरफ़ेस के साथ एकीकरण है। यह उन लोगों के लिए थोड़ा मुश्किल हो सकता है जो सिर्फ वेब पेज डिजाइन करने की कोशिश कर रहे हैं, लेकिन पहले से ही अनुभवी प्रोग्रामर के लिए यह विचार करने के लिए एक संसाधन है। यदि आप केवल फ्रंट-एंड की योजना बना रहे हैं या यदि आप कोड में नए हैं, लेकिन यदि आप नियमित रूप से सब कुछ प्लान करते हैं, तो यह खोज के लायक है।
6) Liveweave JSFiddle के समान एक वेब संपादक है, जिसके साथ वेबसाइटों पर उपयोग करने के लिए कोड लिखने और आज़माने के लिए, लाइव पूर्वावलोकन कार्यक्षमता के साथ, HTML5, CSS3, जावास्क्रिप्ट और jQuery के लिए कोड संकेत और जो आपको फ़ाइल के रूप में प्रोजेक्ट डाउनलोड करने की अनुमति देता है। ज़िप करें। आप बहुत आसानी से jQuery, AndgularJS, बूटस्ट्रैप जैसे बाहरी पुस्तकालयों को भी जोड़ सकते हैं।
7) कोडसैंडबॉक्स एक मुफ्त ऑनलाइन स्थान है जहां आप विभिन्न फ्रेमवर्क जैसे कि रिएक्ट, व्यू, एंगुलर और बहुत कुछ का उपयोग करके वेब ऐप प्रोजेक्ट शुरू कर सकते हैं।
8) स्टैकब्लिट्ज एक उत्कृष्ट जावास्क्रिप्ट एप्लीकेशन एडिटर है, जो विभिन्न संरचनाओं जैसे कि Vue और React का समर्थन करता है।
9) फ्लेम, न्यूनतम साइट, त्वरित परीक्षण करने के लिए एकदम सही।
10) JSBin, वेब पेज कोड लिखने के लिए JSFiddle का एक अधिक न्यूनतम संस्करण है और देखें कि यह कैसा दिखता है।
11) CSSDeck कुछ मूल HTML / CSS और JS विचारों के परीक्षण के लिए एक सरल साइट है।
12) ICECoder, परीक्षण कोड के लिए एक और ऑनलाइन वातावरण, जिसके लिए आपको एक प्रोग्राम डाउनलोड करना होगा जो ब्राउज़र में चलता है और इसे ऑफ़लाइन भी उपयोग किया जा सकता है।
१३) प्लंकेर, एक फ्रंट-एंड टूल जो आपको कोड, फाइलें और वेब पेज लिखने और उन्हें जीथब पर सहेजने की अनुमति देता है।
14) स्क्रिम्बा वीडियो और कोड एडिटर का एक अभिनव संयोजन है जो छात्रों और जो सीखना चाहते हैं, उनके लिए सीखने का एक सही वातावरण है।
15) वेबमेकर, एक वेब एप्लिकेशन निर्माता जो ऑफ़लाइन कार्यक्षमता और कोडपेन के साथ एकीकरण है।
16) Dabblet, HTML और CSS / JS कोड को अच्छे ग्राफिक्स के साथ आज़माने और लिखने के लिए CSS कोड के लिए स्वचालित सुधारक।
17) PlayCode भी मूल HTML / CSS / JS कोड के वास्तविक समय परीक्षण के लिए एक वातावरण है।
19) JSItor कोडपेन और जेएसफिल्ड का एक अन्य विकल्प है, जहाँ आप HTML, CSS और जावास्क्रिप्ट को मिलाकर कोड लिख सकते हैं और तुरंत परिणाम देख सकते हैं।
READ ALSO: इंटरैक्टिव कोर्स और चुनौतियों के साथ खेलकर प्रोग्रामिंग सीखने के लिए साइटें
