కోడ్‌పెన్: HTML, CSS మరియు జావాస్క్రిప్ట్‌ను నిర్మించడం, పరీక్షించడం, భాగస్వామ్యం చేయడం మరియు కనుగొనడం

కోడెపెన్: ఫ్రంట్-ఎండ్ కోడ్‌ను రూపొందించండి, పరీక్షించండి మరియు కనుగొనండి

కంటెంట్ మేనేజ్‌మెంట్ సిస్టమ్‌తో ఒక సవాలు స్క్రిప్ట్ సాధనాలను పరీక్షించడం మరియు ఉత్పత్తి చేయడం. సాంకేతిక ప్రచురణగా, చాలా మంది ప్రచురణకర్తలకు ఇది అవసరం కానప్పటికీ, ఇతర వ్యక్తులకు సహాయం చేయడానికి ఎప్పటికప్పుడు పని స్క్రిప్ట్‌లను పంచుకోవడం నాకు ఇష్టం. నేను ఎలా ఉపయోగించాలో పంచుకున్నాను పాస్వర్డ్ బలాన్ని తనిఖీ చేయడానికి జావాస్క్రిప్ట్, ఎలా రెగ్యులర్ ఎక్స్‌ప్రెషన్స్‌తో ఇమెయిల్ చిరునామా సింటాక్స్ తనిఖీ చేయండి (రెగెక్స్), మరియు ఇటీవల దీన్ని జోడించారు ఆన్‌లైన్ సమీక్షల అమ్మకాల ప్రభావాన్ని అంచనా వేయడానికి కాలిక్యులేటర్. సైట్‌లో డజన్ల కొద్దీ సాధనాలను జోడించాలని నేను ఆశిస్తున్నాను కాని బ్లాగు ఈ విధంగా ప్రచురించడానికి సరిగ్గా అనుకూలంగా లేదు… ఇది కంటెంట్ సిస్టమ్, అభివృద్ధి వ్యవస్థ కాదు.

కాబట్టి, నా చిన్న స్క్రిప్ట్‌లను పని చేయడానికి నేను ఉపయోగించడం ఆనందించాను CodePen. కోడ్‌పెన్ అనేది ఒక HTML ప్యానెల్, ఒక CSS ప్యానెల్, జావాస్క్రిప్ట్ ప్యానెల్, కన్సోల్ మరియు ఫలిత కోడ్ యొక్క ప్రచురణతో చక్కగా వ్యవస్థీకృత సాధనం. ప్రతి ప్యానెల్ మీరు ఎలిమెంట్స్‌పై మౌస్ చేసినప్పుడు సమాచారాన్ని కలిగి ఉంటుంది, తద్వారా మీరు సాధ్యం ఏమిటో అర్థం చేసుకోవచ్చు, అలాగే మీ HTML, CSS మరియు JS యొక్క రంగు-కోడింగ్ మీకు సులభంగా సవరించడానికి మరియు వ్రాయడానికి సహాయపడుతుంది.

కోడ్‌పెన్ ఒక సామాజిక అభివృద్ధి వాతావరణం. దాని గుండె వద్ద, ఇది బ్రౌజర్‌లో కోడ్ రాయడానికి మిమ్మల్ని అనుమతిస్తుంది మరియు మీరు నిర్మించేటప్పుడు దాని ఫలితాలను చూడండి. ఏదైనా నైపుణ్యం ఉన్న డెవలపర్‌ల కోసం ఉపయోగకరమైన మరియు విముక్తి కలిగించే ఆన్‌లైన్ కోడ్ ఎడిటర్, మరియు ముఖ్యంగా కోడ్ నేర్చుకునే వ్యక్తులకు అధికారం ఇస్తుంది. కోడ్‌పెన్ ప్రధానంగా HTML, CSS, జావాస్క్రిప్ట్ వంటి ఫ్రంట్-ఎండ్ భాషలపై దృష్టి పెడుతుంది మరియు ఆ విషయాలలోకి మారే ప్రిప్రాసెసింగ్ సింటాక్స్.

కోడ్‌పెన్ గురించి

కోడ్‌పెన్‌తో, నేను అవసరమైన అన్ని పనులను చేయగలిగాను కాలిక్యులేటర్‌ను ప్రచురించండి నేను సైట్‌లో పొందుపర్చాను. కోడ్‌పెన్‌లోని చాలా క్రియేషన్‌లు పబ్లిక్ మరియు ఓపెన్ సోర్స్. వారు ఇతర వ్యక్తులు మరియు సమాజంతో సంభాషించగలిగే జీవులు, సాధారణ హృదయపూర్వక నుండి, వ్యాఖ్యానించడం వరకు, వారి స్వంత అవసరాలకు అనుగుణంగా మరియు మారడం వరకు.

కోడ్‌పెన్ - ఆన్‌లైన్ సమీక్షల అమ్మకాల ప్రభావాన్ని అంచనా వేయడానికి కాలిక్యులేటర్

కోడ్‌పెన్‌తో, మీరు పని చేస్తున్నప్పుడు పేన్‌లు ఎడమ, కుడి లేదా దిగువ భాగంలో ఉండాలని మీరు కోరుకుంటే మీ అభిప్రాయాన్ని మార్చవచ్చు… లేదా క్రొత్త టాబ్‌లో HTML ని చూడవచ్చు. మీరు చూడదగిన పేన్ పరిమాణాన్ని సర్దుబాటు చేయగలగటం వలన మీ ప్రతిస్పందించే సెట్టింగులను పరీక్షించడానికి ప్రక్క ప్రక్క వీక్షణ చాలా బాగా పనిచేస్తుంది.

మీరు మీ ప్రతి పని స్క్రిప్ట్‌లను పెన్నుల్లోకి నిర్వహించవచ్చు, వాటిని ప్రాజెక్ట్‌లుగా (బహుళ-ఫైల్ ఎడిటర్) మిళితం చేయవచ్చు లేదా సేకరణలను రూపొందించవచ్చు. ఇది ప్రాథమికంగా ఫ్రంట్-ఎండ్ కోడ్ కోసం పనిచేసే పోర్ట్‌ఫోలియో సైట్, ఇక్కడ మీరు ఇతర రచయితలను అనుసరించవచ్చు, బహిరంగంగా భాగస్వామ్యం చేసిన ఇతర ప్రాజెక్ట్‌లను సవరించడానికి మీ స్వంతంగా ఫోర్క్ చేయవచ్చు మరియు సవాళ్ల ద్వారా కొన్ని సరదా విషయాలను ఎలా చేయాలో కూడా తెలుసుకోండి.

మీరు GitHub సారాంశంగా సేవ్ చేయవచ్చు, జిప్ ఫైల్‌లో ఎగుమతి చేయవచ్చు మరియు కూడా పొందుపరిచిన ఇలాంటి వ్యాసంలో పెన్:

పెన్ చూడండి
ఆన్‌లైన్ సమీక్షల అమ్మకాల ప్రభావం అంచనా
by Douglas Karr (ou డగ్లస్కర్)
on CodePen.


పెన్ ఎడిటర్ యొక్క పరిమితుల్లో ఒకటి కోడ్ యొక్క సంపూర్ణ వాల్యూమ్. ఎడిటర్ వందల లేదా వేల సంఖ్యలో కోడ్లతో చక్కగా ఉండాలి కాబట్టి మీరు ఈ సమస్యను ఎప్పటికీ అమలు చేయలేరు. వారు 5,000 - 10,000 లేదా అంతకంటే ఎక్కువ కోడ్లను కొట్టడం ప్రారంభించినప్పుడు, ఎడిటర్ విఫలం కావడం మీరు చూస్తారు. అయితే, మీరు స్టైల్‌షీట్‌లకు లేదా మరెక్కడా హోస్ట్ చేసిన జావాస్క్రిప్ట్‌కు బాహ్య సూచనలను జోడించవచ్చు!

సైన్ అప్ చేయమని నేను మిమ్మల్ని ప్రోత్సహిస్తాను. మీరు వారి వారపు ఇమెయిల్‌కు చందా పొందుతారు మరియు మీ RSS ఫీడ్‌కి ఫీడ్‌ను కూడా జోడించవచ్చు, తద్వారా మీరు కొత్తగా ప్రచురించిన పెన్నులను చూడవచ్చు. మరియు, మీరు అక్కడ పబ్లిక్ పెన్నులను శోధించడం లేదా బ్రౌజ్ చేయడం ప్రారంభిస్తే, మీకు కొన్ని అద్భుతమైన ప్రాజెక్టులు కనిపిస్తాయి… వినియోగదారులు చాలా ప్రతిభావంతులు!

అనుసరించండి Douglas Karr కోడెపెన్‌లో

చెల్లింపు సంస్కరణ, కోడ్‌పెన్ ప్రో, మెరుగైన కార్యాచరణ లేదా జట్ల కోసం ఒక టన్ను అదనపు లక్షణాలను అందిస్తుంది - సహకారం, ప్రక్రియలు, ఆస్తి హోస్టింగ్, ప్రైవేట్ వీక్షణలు మరియు మీ స్వంత డొమైన్ లేదా సబ్‌డొమైన్‌తో అమలు చేయబడిన ప్రాజెక్టులతో సహా. మరియు, వాస్తవానికి, మీ మొత్తం బృందం పని చేయగల గితుబ్ ఇంటిగ్రేషన్‌తో కోడ్‌పెన్ గొప్ప రిపోజిటరీని అందిస్తుంది. నేను ఉన్నట్లుగా మీరు కొన్ని సాధారణ కోడ్‌లను పరీక్షించాలనుకుంటే, కోడ్‌పెన్ అమూల్యమైన సాధనం.

మీరు ఏమి ఆలోచిస్తాడు?

స్పామ్ తగ్గించడానికి ఈ సైట్ Akismet ను ఉపయోగిస్తుంది. మీ వ్యాఖ్య డేటా ఎలా ప్రాసెస్ చేయబడిందో తెలుసుకోండి.