फ्रंटएन्ड डेव्हलपमेंट: कोडपेन किंवा उदात्त मजकूर?

CodePen किंवा उदात्त मजकूर?
कोडपेन किंवा उदात्त मजकूर? जर आपण वेब प्रोग्रामिंगबद्दल बोललो तर एचटीएमएल, सीएसएस आणि जावास्क्रिप्टचे नाव लगेच आमच्याकडे येते. तेथे जाण्यासाठी बरेच मार्ग आहेत. जरी, जर आपण एक नोटपॅड उघडला तर आम्ही "एचटीएमएल" लिहिण्यासाठी कार्य करू शकतो. हे खरे आहे की आपण पॅडवरुन काय प्रोग्रामिंग करीत आहात याचा परिणाम पाहण्यासाठी आपल्याला प्रगती लक्षात घेण्यासाठी कठोर परिश्रम करण्याची आवश्यकता असेल.

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

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

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

कोडपेन

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

सामग्री, समर्थन आणि कीबोर्ड शॉर्टकटचे सादरीकरण

कोडपेन सादरीकरण सर्वात मनोरंजक आहेकारण काही क्लिकवर, आपण आत्ताच प्रक्रियेद्वारे कार्य करू शकता. एचटीएमएल, सीएसएस आणि जावास्क्रिप्टच्या फारच विभक्त रेषांसह. दृश्यात्मक भागाव्यतिरिक्त, जी आपली प्रगती स्पष्टपणे पाहण्यासाठी आपण खाली आणि खाली छेदू शकता. अशा प्रकारे प्रत्येक भाषेला चांगल्या प्रकारे फरक करण्यास मदत होते. नवीन प्रोग्रामरसाठी उपयोगात येणारी काहीतरी.

आपले वेब समर्थन, जेव्हा आपल्याला खरोखर चांगले माहित नसलेले असे काहीतरी आपण सुरू करू इच्छित असाल तेव्हा ते अधिक सहनशील होते. याचा अर्थ असा नाही की आपल्यासाठी ते अधिक चांगले आहे, ते आपल्या गरजाांवर अवलंबून आहे. पण, "अज्ञात" मूळ संगणकावर काहीही स्थापित करण्याचे वचन देण्यापूर्वी वातावरण थोड्या चांगले जाणून घेण्याकरिता.

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

प्रो आवृत्ती देखील मूलभूत पॅकेजसाठी Super 9,00 च्या किंमतीसाठी “सुपर” पॅकेजसाठी 29,25 डॉलर किंमतीच्या बर्‍याच पर्यायांना अनुमती देते. आम्ही एकामध्ये काय करतो हे एकाच वेळी बर्‍याच डिव्हाइसमध्ये अद्यतनित करण्यात सक्षम असणे. एक सहकारी मोड, एक "शिक्षक मोड" इ. इथे हवं असेल तर फायदा.

जेएसबीन

जेएसबीन एक साधन आहे जे आम्ही थेट म्हणून पात्र होऊ शकू. एकदा आपण त्याच्या वेब डोमेनवर गेल्यानंतर, तो आपला उशीर न करता आपला पुढचा प्रकल्प रेखांकन करण्यास सज्ज होईल. आणि जरी त्याचे पहिले स्टेजिंग आकर्षक नसले तरी ते सोयीस्कर आहे.

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

तथापि, कोड नंतरच्या स्तंभांमुळे एकदा लपविला गेला तर योग्यरित्या कोड पाहणे मला अधिक अस्वस्थ वाटले. असल्याने, लॅपटॉपसह, आपण त्यासह सोडणे आवश्यक आहे ट्रॅकपॅड आणि ते फार द्रव नसते.

यात फक्त दोन हप्ते विनामूल्य आहेत किंवा देय आहेत. हे कोडपेनपेक्षा थोडे अधिक महाग आहे, जरी आपण ते दरवर्षी भरले तर ते अधिक फायदेशीर आहे, जर आपण € 120 भरले तर.

सीएसएसडेक

सीएसएसडेक
कामकाजाचे वातावरण सीएसएसडेक वर दिसत असलेल्यापेक्षा वेगळे आहे. केवळ दोन स्तंभांमध्ये विभाजित, व्हिज्युअल कोड, सीएसएसडेक 3 पंक्ती खाली कार्य करते ज्याद्वारे ते वेगवेगळ्या प्रकारच्या भाषेचे विभाजन करते. सामाजिक नेटवर्कच्या स्वरूपात सादरीकरणासह आणि हलके रंगात एक स्वच्छ कार्य वातावरण. हे एक साधे साधन असल्यासारखे दिसत नाही. जरी कधीकधी याचा अर्थ नकारात्मक नसतो.

साठ हजारांहून अधिक नोंदणीकृत वापरकर्त्यांसह आणि अडीचशेहून अधिक प्रकल्प तयार झाल्यामुळे, आपल्याला पाहिजे असलेले शोधणे आणि शोधणे कठीण होणार नाही. भाषा ज्यांना नेहमीच इंग्रजी येत नाही अशा लोकांची गैरसोय होऊ शकते परंतु यामध्ये सोशल नेटवर्क प्रतिमा खूप महत्वाची आहे, म्हणून मला वाटत नाही की ते एक मोठे आव्हान आहे.

प्लंकर

प्लंकर मी आत्तापर्यंत आलेले हे सर्वात कमी आकर्षक साधन आहे. सादरीकरण संदेशांमध्ये आणि प्रतिमेच्या अभावी एकत्रित केले गेले आहे. सामग्री लोड करणे धीमे आहे आणि पहिल्या दृष्टीक्षेपात फार उपयुक्त नाही. याव्यतिरिक्त, तारखेनुसार क्रमवारी लावण्यामुळे कोणतेही वेळापत्रक कितीही सोपे असले तरीही प्रथम स्थानावर असू शकते. अधिक मनोरंजक काहीतरी पाहण्यासाठी आपण असे म्हणत असलेल्या टॅबवर जावे: «सर्वाधिक पाहिलेले«. म्हणजे, आपण यापूर्वी Google सह भाषांतर केले नसेल तर.

असे म्हणा की वेबनुसार, ते आवृत्ती 1.0.0 मध्ये आहेत. तर हे वेब ब्राउझ करताना आपल्याला आढळणार्‍या डिझाइन, सादरीकरण आणि संभाव्य त्रुटींबद्दल थोडेसे स्पष्ट करते.

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

डब्बल्ट

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

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

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

लाइव्हवेव्ह

liveweave
लाइव्हवेव्ह हे इतरांसारखेच आहे, त्यात इतरांना उपयुक्ततेच्या बाबतीत काही देऊ शकत नाही. आम्ही या प्रकल्पाबद्दल जे अधोरेखित करतो ते म्हणजे त्याची रचना, कोडपेनसारखे परंतु एक चौरस वितरणासह गडद रंग. आकार बदलण्यात सक्षम असणे चवीनुसार. येथे स्पष्ट मोड आणि isओळ बाहेर« आपण संपादित केलेला कोड व्हिज्युअलमध्ये प्रतिबिंबित होणार नाही जोपर्यंत आपण तो सक्रिय करेपर्यंत. हे एक वैशिष्ट्य नाही जे आपल्याला खूप उपयुक्त वाटले, एक डिझाइनर म्हणून, आपण रिअल टाइममध्ये आपण काय संपादित करता हे नेहमी पाहणे महत्वाचे आहे, परंतु एखाद्याला आपल्याला निश्चितपणे काही उपयोग सापडला आहे. आणि जरी, नेहमीप्रमाणे आपण नोंदणी करू शकता, वापरकर्त्याची अग्रणी भूमिका नाही. आपण नोंदणी केली नसली तरीही आपण आपला प्रकल्प जतन करू शकता.

उत्कृष्ट मजकूर

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

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

निष्कर्ष

सर्व प्रोग्राम्स प्रत्येक कंपनीच्या विशिष्ट वैयक्तिक स्पर्शांसारखेच असतात ज्यामुळे त्यांच्यात साधक आणि बाधक होऊ शकतात. प्रत्येकजण त्यांच्यासाठी अनुकूल असा एक निवडेल, माझी शिफारस पर्यावरण आणि ती हाताळणार्‍या सामाजिक नेटवर्कसाठी कोडपेन किंवा सीएसएसडेक वापरण्याची आहे. परंतु, आपल्याला आणखी एक आवडत असल्यास, एक टिप्पणी द्या आणि आपली कारणे स्पष्ट करा, ते नक्कीच उपयुक्त ठरतील.


लेखाची सामग्री आमच्या तत्त्वांचे पालन करते संपादकीय नीति. त्रुटी नोंदविण्यासाठी क्लिक करा येथे.

टिप्पणी करणारे सर्वप्रथम व्हा

आपली टिप्पणी द्या

आपला ई-मेल पत्ता प्रकाशित केला जाणार नाही. आवश्यक फील्ड चिन्हांकित केले आहेत *

*

*

  1. डेटा जबाबदार: मिगुएल Áन्गल गॅटन
  2. डेटाचा उद्देशः नियंत्रण स्पॅम, टिप्पणी व्यवस्थापन.
  3. कायदे: आपली संमती
  4. डेटा संप्रेषण: कायदेशीर बंधन वगळता डेटा तृतीय पक्षास कळविला जाणार नाही.
  5. डेटा संग्रहण: ओकेन्टस नेटवर्क (EU) द्वारा होस्ट केलेला डेटाबेस
  6. अधिकारः कोणत्याही वेळी आपण आपली माहिती मर्यादित, पुनर्प्राप्त आणि हटवू शकता.