कोडपेन: बिल्ट, चाचणी, सामायिक करा आणि डिस्कव्हर एचटीएमएल, सीएसएस आणि जावास्क्रिप्ट

कोडपेन: बिल्ड, चाचणी आणि डिस्कव्हर फ्रंट-एंड कोड

सामग्री व्यवस्थापन प्रणालीसह एक आव्हान म्हणजे स्क्रिप्टेड साधनेची चाचणी करणे आणि उत्पादन करणे. तंत्रज्ञान प्रकाशन म्हणून बहुतेक प्रकाशकांची ही आवश्यकता नसली तरी इतर लोकांना मदत करण्यासाठी मी वेळोवेळी कार्यरत स्क्रिप्ट सामायिक केल्यासारखे करतो. कसे वापरायचे ते मी सामायिक केले आहे संकेतशब्द सामर्थ्य तपासण्यासाठी जावास्क्रिप्ट, कसे नियमित अभिव्यक्तींसह ईमेल पत्ता वाक्यरचना तपासा (रेजेक्स) आणि सर्वात अलीकडे हे जोडले ऑनलाइन पुनरावलोकनाच्या विक्री प्रभावाचा अंदाज लावण्यासाठी कॅल्क्युलेटर. मला आशा आहे की साइटवर डझनभर साधने जोडली जातील परंतु वर्डप्रेस हे यासारखे प्रकाशित करण्यास खरोखर अनुकूल नाही ... ही सामग्री सिस्टम आहे, विकास प्रणाली नाही.

तर, माझ्या लहान स्क्रिप्ट्स काम करण्यासाठी मला वापरण्यात आनंद आहे कोडपेन. कोडेपेन हे एक एचटीएमएल पॅनेल, एक सीएसएस पॅनेल, जावास्क्रिप्ट पॅनेल, कन्सोल आणि परिणामी कोडचे प्रकाशित असलेले व्यवस्थित व्यवस्थापित केलेले साधन आहे. प्रत्येक पॅनेलकडे माहिती असते जेव्हा आपण घटकांवर माउस करता तेव्हा आपल्याला जे शक्य आहे ते समजू शकेल, तसेच आपणास संपादित करण्यास आणि लिहिण्यास मदत करण्यासाठी आपल्या HTML, CSS आणि JS चे रंग-कोडिंग केले जाईल.

कोडपेन हे सामाजिक विकासाचे वातावरण आहे. त्याच्या मनापासून, ते आपल्याला ब्राउझरमध्ये कोड लिहिण्याची आणि आपण तयार करता तेव्हा त्याचा परिणाम पाहण्याची परवानगी देते. कोणत्याही कौशल्याच्या विकसकांसाठी आणि विशेषतः कोड शिकण्यास लोकांना सक्षम बनविण्याकरिता उपयुक्त आणि मुक्त करणारे ऑनलाइन कोड संपादक. कोडपेन प्रामुख्याने एचटीएमएल, सीएसएस, जावास्क्रिप्ट आणि फ्रंट-एन्ड भाषांवर लक्ष केंद्रित करते ज्या त्या गोष्टींमध्ये रुपांतर करतात.

कोडपेन बद्दल

कोडपेनसह, आवश्यक असलेली सर्व कामे मी सक्षम केली कॅल्क्युलेटर प्रकाशित करा मी साइटमध्ये एम्बेड केली. कोडपेनवरील बर्‍याच निर्मिती सार्वजनिक आणि मुक्त स्त्रोत आहेत. ते जिवंत गोष्टी आहेत ज्यात इतर लोक आणि समुदाय संवाद साधू शकतात, अगदी मनापासून, टिप्पणी देण्यापर्यंत, बनावट बनवण्यासाठी आणि त्यांच्या स्वतःच्या गरजा बदलू शकतात.

कोडपेन - ऑनलाइन पुनरावलोकनाच्या विक्री प्रभावाचा अंदाज लावण्यासाठी कॅल्क्युलेटर

आपण काम करीत असताना पॅन डावीकडे, उजवीकडे किंवा तळाशी असले पाहिजेत ... किंवा एका नवीन टॅबमध्ये HTML पहायचे असल्यास कोडेपेनसह आपण आपले दृश्य बदलू शकता. आपण पाहण्यायोग्य उपखंडाचा आकार समायोजित करू शकत असल्यामुळे आपल्या प्रतिसाद सेटिंग्जची चाचणी घेण्यासाठी साइड-बाय-साइड दृश्य आश्चर्यकारकपणे कार्य करते.

आपण आपली प्रत्येक कार्यरत स्क्रिप्ट्स पेनमध्ये व्यवस्थित करू शकता, त्यांना प्रकल्पांमध्ये एकत्र करू शकता (मल्टी-फाइल संपादक) किंवा संग्रह तयार देखील करू शकता. ही मुळात फ्रंट-एंड कोडसाठी कार्यरत पोर्टफोलिओ साइट आहे जिथे आपण इतर लेखकांचे अनुसरण करू शकता, इतर सार्वजनिकरित्या सामायिक केलेले प्रकल्प आपल्या स्वत: मध्ये बदलू शकता आणि आव्हानांमधून काही मजेदार सामग्री कशी करावी हे देखील शिकू शकता.

आपण गिटहब गिस्ट म्हणून जतन करू शकता, झिप फाइलमध्ये निर्यात करू शकता आणि सम एम्बेड करा यासारख्या लेखातील पेन:

पेन पहा
ऑनलाईन पुनरावलोकनांचा भविष्यवाणी विक्री परिणाम
by Douglas Karr (@douglaskarr)
on कोडपेन.


पेन संपादकाच्या मर्यादांपैकी एक म्हणजे कोडची परिपूर्ण खंड. आपण या विषयावर कधीच धावणार नाही कारण शेकडो किंवा हजारो कोड्यांच्या एडिटरसह संपादक ठीक असावा. परंतु जेव्हा ते 5,000 - 10,000 किंवा कोडच्या अधिक ओळींना मारण्यास प्रारंभ करतात, तेव्हा आपणास संपादक अयशस्वी झालेला दिसेल. तथापि, आपण इतरत्र होस्ट केलेल्या स्टाईलशीट्स किंवा जावास्क्रिप्टमध्ये बाह्य संदर्भ जोडू शकता!

मी तुम्हाला साइन अप करण्यास प्रोत्साहित करतो. आपण त्यांच्या साप्ताहिक ईमेलची सदस्यता घेतली जाईल आणि आपल्या RSS फीडमध्ये फीड देखील जोडू शकता जेणेकरुन आपण नवीन प्रकाशित पेन पाहू शकता. आणि जर आपण तेथे सार्वजनिक पेन शोधणे किंवा ब्राउझ करणे प्रारंभ केले तर आपल्याला काही अविश्वसनीय प्रकल्प सापडतील… वापरकर्ते बरेच प्रतिभावान आहेत!

अनुसरण करा Douglas Karr कोडपेन वर

सशुल्क आवृत्ती, कोडेपेन प्रो सुधारित कार्यक्षमता किंवा कार्यसंघासाठी बरीच अतिरिक्त वैशिष्ट्ये ऑफर करते - यात सहयोग, प्रक्रिया, मालमत्ता होस्टिंग, खाजगी दृश्ये आणि आपल्या स्वतःच्या डोमेन किंवा सबडोमेनसह तैनात केलेले प्रकल्प देखील समाविष्ट आहेत. आणि अर्थातच, कोडन पेन गीथब एकत्रीकरणासह एक चांगला रेपॉजिटरी प्रदान करते जिथे आपली संपूर्ण कार्यसंघ कार्य करू शकते. आपण जसा मी आहे तसा काही सोप्या कोडांची चाचणी घेऊ इच्छित असल्यास, कोडपेन एक अमूल्य साधन आहे.

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.