I-CodePen: Yakhelwe, Yavivinywa, Yabelana Futhi Thola i-HTML, i-CSS, neJavaScript

I-Codepen: Yakha, Uvivinye, futhi Thola i-Front-End Code

Inselelo eyodwa ngohlelo lokuphathwa kokuqukethwe ukuhlola nokukhiqiza amathuluzi abhaliwe. Yize lokho kungeyona imfuneko kubashicileli abaningi, njengokushicilelwa kwezobuchwepheshe, ngithanda ukwabelana ngemibhalo yokusebenza ngezikhathi ezithile ukusiza abanye abantu. Ngabelane ngokuthi isetshenziswa kanjani IJavaScript yokubheka ukuqina kwephasiwedi, kanjani hlola i-syntax yekheli le-imeyili ngezincazelo ezijwayelekile (I-Regex), futhi kamuva nje kungeze lokhu wokubala ukubikezela umthelela wokuthengisa wezibuyekezo eziku-inthanethi. Ngithemba ukwengeza amathuluzi amaningi kusayithi kepha i-WordPress ayihambisani ncamashi nokushicilela okunje… uhlelo lokuqukethwe, hhayi uhlelo lokuthuthukisa.

Ngakho-ke, ukwenza ukuthi imibhalo yami emincane isebenze ngiyakujabulela ukuyisebenzisa I-CodePen. ICodePen iyithuluzi elihlelwe ngobunono elinephaneli le-HTML, iphaneli le-CSS, iphaneli leJavaScript, iConsole, kanye nokushicilelwa kwekhodi okuholela kuyo. Iphaneli ngayinye inolwazi lapho ubeka igundane phezu kwezinto ukuze uqonde ukuthi yini engenzeka, kanye nokufaka umbala we-HTML yakho, i-CSS, ne-JS ukukusiza ukuhlela nokubhala kalula.

ICodePen yindawo yokuthuthukisa umphakathi. Enhliziyweni yayo, ikuvumela ukuthi ubhale ikhodi esipheqululini, futhi ubone imiphumela yayo njengoba wakha. Isihleli sekhodi esisebenzayo futhi esikhululayo sonjiniyela banoma yiliphi ikhono, futhi ikakhulukazi sinika amandla abantu abafunda ukwenza ikhodi. ICodePen igxile kakhulu ezilimini ezingaphambili njenge-HTML, i-CSS, iJavaScript, kanye nokwenza ama-syntaxes aphenduke lezo zinto.

Mayelana neCodePen

NgeCodePen, ngikwazile ukwenza wonke umsebenzi odingekayo ukuze shicilela umshini wokubala Ngishumeke kusayithi. Ukudalwa okuningi kweCodePen kungumthombo womphakathi futhi ovulekile. Yizinto eziphilayo abanye abantu nomphakathi abangaxhumana nazo, kusuka enhliziyweni elula, ukushiya amazwana, ukwenza imfoloko nokuguqula izidingo zabo.

ICodePen - umshini wokubala wokubikezela umthelela wokuthengisa wezibuyekezo eziku-inthanethi

Nge-CodePen, ungashintsha umbono wakho uma ungathanda ukuthi amapani abe kwesobunxele, kwesokudla, noma ezansi njengoba usebenza… noma ubuke i-HTML kuthebhu entsha. Ukubukwa kohlangothi nohlangothi kusebenza kahle kakhulu ukuhlola izilungiselelo zakho zokuphendula ngoba ungakwazi ukulungisa usayizi wepheyinti elibukekayo.

Ungahlela iskripthi sakho ngasinye sisebenzele amaPeni, uwahlanganise abe Amaphrojekthi (umhleli wamafayela amaningi), noma wakhe amaqoqo. Ngokuyisisekelo kuyisizinda sephothifoliyo esisebenzayo sekhodi engaphambili lapho ungalandela abanye ababhali, imfoloko yamanye amaphrojekthi abiwe esidlangalaleni awakho ukuze uguqule, futhi ufunde nokuthi ungazenza kanjani izinto ezimnandi ngezinselelo.

Ungagcina njengeGitHub Gist, ukuthekelisa ngefayela le-zip, ngisho Shumeka ipeni ku-athikili enjengale:

Abone uPeni
Umphumela Wokuthengisa Obikezelwe Wokubuyekezwa Kwe-inthanethi
by Douglas Karr (@nomfundo_m)
on I-CodePen.


Omunye wemikhawulo yomhleli wePen ivolumu yekhodi. Awusoze wahlangabezana nalolu daba, njengoba isihleli kufanele silunge ngamakhulu noma izinkulungwane zolayini bekhodi. Kepha lapho beqala ukushaya imigqa yekhodi engu-5,000 - 10,000 noma ngaphezulu, uzobona isihleli siqala ukwehluleka. Noma kunjalo, ungangeza izinkomba zangaphandle kumashidi wesitayela noma iJavaScript ebanjwe kwenye indawo!

Ngingakukhuthaza ukuthi ubhalise. Uzobhaliswa ku-imeyili yabo yamasonto onke futhi ungangeza nokuphakelayo kokuphakelayo kwakho kwe-RSS ukuze ubone amapeni asanda kushicilelwa. Futhi, uma uqala ukusesha noma ukuphequlula izibaya zomphakathi lapho, uzothola amaphrojekthi amahle kakhulu ... abasebenzisi banamakhono impela!

Landela Douglas Karr ku-Codepen

Uhlobo olukhokhelwayo, iCodePen Pro, lunikeza ithani lezici ezingeziwe zokusebenza okuthuthukisiwe noma amaqembu - kufaka phakathi ukusebenzisana, izinqubo, ukusingathwa kwempahla, ukubukwa kwangasese, kanye namaphrojekthi athunyelwe ngesizinda sakho noma isizinda sakho. Futhi-ke, iCodePen inikezela ngokugcina okuhle ngokuhlanganiswa kweGithub lapho iqembu lakho lonke lingasebenza khona. Uma ufuna ukuhlola ikhodi elula njengami, iCodePen iyithuluzi elibaluleke kakhulu.

UCABANGANI?

Le sayithi isebenzisa i-Akismet ukunciphisa ugaxekile. Funda ukuthi idatha yakho yokuphawula isetshenziswa kanjani.