CodePen: E hahiloe, e lekoa, e arolelanoa 'me ea tseba HTML, CSS le JavaScript

Codepen: Haha, Hlahloba, 'me u fumane Khoutu ea Pele

Phephetso e le 'ngoe ka sistimi ea taolo ea litaba ke ho leka le ho hlahisa lisebelisoa tse ngotsoeng. Le ha seo e se tlhoko ho baphatlalatsi ba bangata, joalo ka sengoliloeng sa mahlale, ke rata ho arolelana lingoloa tse sebetsang nako le nako ho thusa batho ba bang. Ke arolelane mokhoa oa ho sebelisa JavaScript ho lekola matla a phasewete, Joang hlahloba syntax ea lengolo-tsoibila le Lipolelo tsa Kamehla (Regex), mme o sa tsoa eketsa sena Calculator ho bolela esale pele phello ea thekiso ea litlhahlobo tsa inthanete. Ke tšepa ho eketsa e mengata e lithulusi tsa ho site empa Wordpress ha se hantle loketseng ho phatlalatsa joaloka ena… ho ke ke dikateng tsamaiso, e seng ntshetsopele tsamaiso.

Kahoo, ho etsa hore mengolo ea ka e menyenyane e sebetse ke thabela ho e sebelisa Khoutu eaPen. CodePen ke sesebelisoa se hlophisitsoeng hantle se nang le phanele ea HTML, phanele ea CSS, phanele ea JavaScript, Console le sengoliloeng se hlahisitsoeng ke khoutu e hlahang. Karolo e 'ngoe le e' ngoe e na le tlhaiso-leseling ha u panya holim'a li-elemente hore u utloisise se ka khonehang, hammoho le ho ngola 'mala oa HTML, CSS le JS ea hau ho u thusa ho hlophisa le ho ngola habonolo.

CodePen ke tikoloho ea ntlafatso ea sechaba. Ka pelong ea eona, eu lumella ho ngola khoutu ho sebatli, 'me u bone litholoana tsa eona ha u ntse u haha. Mohlophisi oa khoutu ea inthanete ea bohlokoa le e lokollang baetsi ba tsebo efe kapa efe, mme a matlafatsa haholo batho ba ithutang ho khouta. CodePen e shebile haholo-holo lipuong tse ka pele-pele tse kang HTML, CSS, JavaScript, le li-syntax tsa preprocessing tse fetohang lintho tseo.

Mabapi le CodePen

Ka CodePen, ke khonne ho etsa mosebetsi oohle o hlokahalang ho phatlalatsa k'homphieutha Ke kentsoe sebakeng sa marang-rang. Boholo ba libopuoa tsa CodePen ke tsa mohloli oa sechaba le o bulehileng. Ke lintho tse phelang tseo batho ba bang le sechaba ba ka sebelisanang le tsona, ho tloha pelong e bonolo, ho fihlela maikutlo, ho fereko le ho fetohela litlhoko tsa bona.

CodePen - kalkulaator bakeng sa ho bolela esale pele phello ea thekiso ea litlhahlobo tsa inthanete

Ka CodePen, u ka fetola maikutlo a hau haeba u ka rata hore li-panes li be ka ho le letšehali, ka ho le letona kapa tlase ha u ntse u sebetsa… kapa u shebe HTML ka har'a tabo e ncha. Ponahalo ea lehlakore le leng le le leng e sebetsa hantle haholo ho leka litlhophiso tsa hau tse arabelang kaha o ka fetola boholo ba sebaka se bonoang.

O ka hlophisa mongolo o mong le o mong oa hau o sebetsang ka Lipakeng, oa li kopanya ho Morero (li-file tse ngata), kapa oa ba oa bokella likoleke. Ha e le hantle ke sethala sa potefolio se sebetsang bakeng sa khoutu ea pele moo o ka latelang bangoli ba bang, fereko ea merero e meng e arolelanoeng phatlalatsa hore e be ea hau ho e fetola, esita le ho ithuta ho etsa lintho tse monate ka mathata.

O ka boloka joalo ka GitHub Gist, o rekisa kantle ho file ea zip, esita le kenngoa pene sengoloeng se kang sena:

Bona Pene
Tlhahiso e boletsoeng esale pele ea litlamorao tsa litlhahlobo tsa inthanete
by Douglas Karr (@liteboho)
on Khoutu eaPen.


E 'ngoe ea meeli ea Pen editor ke boholo ba khoutu. Mohlomong ha ho mohla u ka fetang taba ena, joalo ka ha mohlophisi a lokela ho loka ka mela e makholo kapa esita le likete tsa mela ea khoutu. Empa ha ba qala ho otla 5,000 - 10,000 kapa ho feta mela ea khoutu, u tla bona mohlophisi a qala ho hloleha. Leha ho le joalo, o ka eketsa litšupiso tsa kantle ho li-stylesheet kapa JavaScript e amoheloang kae kae!

Ke tla u khothaletsa ho ingolisa. U tla ingolisa ho lengolo-tsoibila la bona la beke le beke mme o ka eketsa phepelo ho fepa ea hau ea RSS hore o tle o bone lipene tse sa tsoa phatlalatsoa. 'Me, haeba u qala ho batla kapa ho bala lipene tsa sechaba moo, u tla fumana merero e makatsang… basebelisi ba na le talenta e kholo!

Follow Douglas Karr ka Codepen

Mofuta o lefelletsoeng, CodePen Pro, e fana ka lithane tse ling bakeng sa ts'ebetso e ntlafalitsoeng kapa lihlopha - ho kenyelletsa tšebelisano, lits'ebetso, ho amohela thepa, maikutlo a poraefete, esita le merero e sebelisitsoeng e nang le domain kapa subdomain ea hau. Mme, ehlile, CodePen e fana ka polokelo e ntle ka kopanyo ea Github moo sehlopha sohle sa hau se ka sebetsang. Haeba u batla feela ho leka khoutu e bonolo joalo ka nna, CodePen ke sesebelisoa sa bohlokoahali.

U nahana eng?

Sebaka sena se sebelisa Akismet ho fokotsa spam. Ithute kamoo litlhaloso tsa hau li hlahang kateng.