CodePen: Gina, Gwaji, Raba da Gano HTML, CSS, da JavaScript

Codepen: Gina, Gwaji, da Gano Code-End-End

Challengeaya daga cikin ƙalubale tare da tsarin sarrafa abun ciki shine gwaji da kuma samar da kayan aikin rubutu. Duk da cewa wannan ba abin buƙata bane ga yawancin masu bugawa, azaman fasahar buga littattafai, Ina son raba rubutun aiki lokaci zuwa lokaci don taimakawa sauran mutane. Na raba yadda ake amfani JavaScript don duba ƙarfin kalmar sirri, Yadda za a duba rubutun adireshin imel tare da Maganganu na yau da kullun (Regex), kuma mafi kwanan nan ya kara wannan kalkuleta don tsinkayar tasirin tallace-tallace na bita kan layi. Ina fatan in kara kayan aiki da dama a shafin amma WordPress ba daidai bane ya dace da buga irin wannan… tsarin abun ciki ne, ba tsarin ci gaba bane.

Don haka, don samun littlean rubutun nawa aiki ina jin daɗin amfani da su CodePen. CodePen kayan aiki ne mai tsari tare da HTML panel, CSS panel, JavaScript panel, Console, kuma an buga lambar da aka samu. Kowane rukuni yana da bayanai lokacin da kake lika abubuwa don ka fahimci abin da zai yiwu, da kuma launuka masu launi na HTML, CSS, da JS don taimaka maka gyara da rubutu cikin sauƙi.

CodePen yanayi ne na cigaban al'umma. A zuciyarta, tana baka damar rubuta lambar a cikin burauzar, kuma ga sakamakon ta yayin da kake gini. Edita mai lambar yanar gizo mai amfani da yantarwa ga masu haɓaka kowane irin fasaha, kuma musamman ƙarfafawa ga mutane masu koyon lamba. CodePen yana mai da hankali ne kan yaruka na ƙarshe kamar HTML, CSS, JavaScript, da gabatar da tsari wanda ya canza zuwa waɗancan abubuwa.

Game da CodePen

Tare da CodePen, Na sami damar yin duk aikin da ake buƙata buga kalkuleta Na saka a cikin shafin. Yawancin abubuwan da aka kirkira akan CodePen na jama'a ne kuma buɗe tushe. Abubuwa ne masu rai da sauran mutane da al'umma zasu iya mu'amala dasu, daga sauƙaƙewar zuciya, zuwa barin tsokaci, zuwa gaɗawa da canzawa don bukatun kansu.

CodePen - kalkuleta don tsinkayar tasirin tallace-tallace na bita kan layi

Tare da CodePen, zaka iya canza ra'ayinka idan kanaso katangar ta kasance ta hannun hagu, dama, ko kasan yadda kake aiki… ko duba HTML a sabon shafin. Hannun gefe-gefe yana aiki da kyau sosai don gwada saitunanku masu amsawa tunda kuna iya daidaita girman allon abin gani.

Kuna iya tsara kowane rubutun ku na aiki a cikin Alƙalami, haɗa su cikin Ayyuka (editan fayil mai yawa), ko ma gina tarin. Ainihin shafin yanar gizo ne na aiki don lambar gaba-gaba inda zaka iya bin wasu mawallafa, ka tofa sauran ayyukan da aka raba a fili cikin naka don gyara, har ma da koyon yadda ake wasu abubuwa masu kayatarwa ta hanyar ƙalubale.

Zaka iya adanawa azaman GitHub Gist, fitarwa a cikin zip file, har ma embed alkalami a cikin labarin kamar haka:

Duba Alkalami
Tsammani Tasirin Talla Na Sharhi Kan Layi
by Douglas Karr (@douglaskarr)
on CodePen.


Ofaya daga cikin iyakokin editan Pen shine mafi girman lambar. Mayila ba zaku taɓa fuskantar wannan batun ba, kamar yadda edita ya kamata ya yi kyau tare da ɗaruruwan ko ma dubunnan layukan lambar. Amma lokacin da suka fara buga 5,000 - 10,000 ko sama da layi na lambar, zaku ga edita ya fara gazawa. Koyaya, zaku iya ƙara nassoshi na waje zuwa sahun kayan aiki ko JavaScript wanda aka shirya a wani wurin!

Ina ƙarfafa ku ku yi rajista. Za a yi rajistar ku zuwa imel ɗin su na mako-mako kuma za ku iya ƙara abincin a cikin abincin RSS ɗin ku don haka za ku ga sabbin alkalami da aka buga. Kuma, idan kun fara bincika ko bincika alƙalumman jama'a a wurin, zaku sami wasu ayyukan ban mamaki… masu amfani suna da ƙwarewa!

Follow Douglas Karr akan Codepen

Sigar da aka biya, CodePen Pro, yana ba da tarin ƙarin fasali don haɓaka ayyuka ko ƙungiyoyi - gami da haɗin kai, aiwatarwa, karɓar kadara, ra'ayoyi masu zaman kansu, har ma da ayyukan da aka tura tare da yankinku ko yanki-yanki. Kuma, tabbas, CodePen yana ba da babban ma'aji tare da haɗin Github inda duk ƙungiyar ku zata iya aiki. Idan kawai kuna son gwada wasu lambobi masu sauƙi kamar yadda nake, CodePen kayan aiki ne mai ƙima.

Me kuke tunani?

Wannan shafin yana amfani da Akismet don rage spam. Koyi yadda aka sarrafa bayanan bayaninka.