CodePen: Yomangidwa, Kuyesedwa, Kugawana ndi Kupeza HTML, CSS, ndi JavaScript

Codepen: Mangani, Yesani, ndipo Pezani Front-End Code

Vuto limodzi lokhala ndi kasamalidwe kazinthu ndikuyesa ndikupanga zida zolembedwa. Ngakhale izi sizofunikira kwa ofalitsa ambiri, monga kufalitsa ukadaulo, ndimakonda kugawana zolemba nthawi ndi nthawi kuthandiza anthu ena. Ndagawana momwe ndingagwiritsire ntchito JavaScript kuti muwone mphamvu yachinsinsi, bwanji yang'anani mawu omasulira a imelo ndi Mawu Okhazikika (Regex), ndipo posachedwa awonjezera izi powerengetsera kulosera zamalonda zotsatira za ndemanga Intaneti. Ndikuyembekeza kuwonjezera zida zingapo patsamba lino koma WordPress sizothandiza kusindikiza chonchi… ndi dongosolo lokhutira, osati dongosolo lachitukuko.

Chifukwa chake, kuti zolemba zanga zazing'ono zizigwira ntchito ndimakonda kugwiritsa ntchito CodePen. CodePen ndi chida chopangidwa mwadongosolo chokhala ndi gulu la HTML, gulu la CSS, gulu la JavaScript, Console, komanso chofalitsa chotsatira. Gawo lirilonse limakhala ndi chidziwitso mukamayang'ana pazinthu kuti mumvetsetse zomwe zingatheke, komanso kulemba mitundu ya HTML yanu, CSS, ndi JS kukuthandizani kuti musinthe ndi kulemba mosavuta.

CodePen ndi malo otukuka. Pamtima pake, zimakupatsani mwayi wolemba code mu msakatuli, ndikuwona zotsatira zake momwe mumapangira. Mkonzi wothandiza komanso womasula pa intaneti wopanga maluso aliwonse, makamaka kupatsa mphamvu anthu omwe amaphunzira kulemba. CodePen imangoyang'ana makamaka pazilankhulo zakutsogolo monga HTML, CSS, JavaScript, ndi ma syntax omwe akukonzekera omwe amasanduka zinthu izi.

About CodePen

Ndi CodePen, ndimatha kuchita ntchito zonse zofunika kufalitsa chowerengera Ndidapatsidwa tsambalo. Zolengedwa zambiri pa CodePen ndizopezeka pagulu komanso lotseguka. Ndi zinthu zomwe anthu ena komanso anthu ammudzi amatha kulumikizana nazo, kuchokera pamtima wosavuta, kusiya ndemanga, kupanga foloko ndikusintha zosowa zawo.

CodePen - makina owerengera olosera zamtsogolo pazamalonda paintaneti

Ndi CodePen, mutha kusintha malingaliro anu ngati mungafune kuti mawonekedwe azikhala kumanzere, kumanja, kapena pansi mukamagwira ntchito… kapena muwone HTML mu tabu yatsopano. Mawonekedwe oyandikana nawo amagwira ntchito modabwitsa kuti ayese mayankho anu chifukwa mutha kusintha kukula kwa mawonekedwe owoneka bwino.

Mutha kupanga zolemba zanu zonse kukhala zolembera, kuziphatikiza mu Mapulojekiti (chosinthira mafayilo angapo), kapena ngakhale kupanga zopereka. Ndi malo omwe mungagwiritsire ntchito mbiri yanu yakumapeto komwe mungatsatire olemba ena, foloko ya mapulojekiti ena omwe mudagawana nawo pagulu kuti musinthe, komanso kuphunzira momwe mungapangire zinthu zina zosangalatsa kudzera pamavuto.

Mutha kusunga ngati GitHub Gist, kutumiza ku zip file, komanso emani cholembera m'nkhani ngati iyi:

Onani Cholembera
Ananeneratu Zotsatirapo Zazakafukufuku Wapaintaneti
by Douglas Karr (@chantika_cendana_poet)
on CodePen.


Chimodzi mwazolephera za mkonzi wa Pen ndi kuchuluka kwa ma code. Simungathe kuyendetsa nkhaniyi, popeza mkonzi ayenera kukhala bwino ndi mizere mazana kapena masauzande ambirimbiri. Koma akayamba kugunda mizere 5,000 - 10,000 kapena kupitilira apo, mudzawona mkonzi akuyamba kulephera. Komabe, mutha kuwonjezera maumboni akunja pamafayilo kapena JavaScript yosungidwa kwina!

Ndikukulimbikitsani kuti mulembe. Mudzalembetsa ku imelo yawo ya sabata iliyonse ndipo mutha kuyonjezeranso chakudya ku RSS feed yanu kuti muwone zolembera zomwe zangotuluka kumene. Ndipo, mukayamba kusaka kapena kusakatula zolembera za anthu kumeneko, mupeza mapulojekiti ena osangalatsa… ogwiritsa ntchito ali ndi luso!

kutsatira Douglas Karr pa Codepen

Mtundu wolipira, CodePen Pro, umapereka zowonjezera zowonjezera zowonjezera magwiridwe antchito kapena magulu - kuphatikiza mgwirizano, njira, kusungitsa katundu, malingaliro achinsinsi, komanso ntchito zomwe zatumizidwa ndi dera lanu kapena subdomain. Ndipo, zowonadi, CodePen imapereka malo abwino ophatikizira a Github pomwe gulu lanu lonse lingagwire ntchito. Ngati mukungofuna kuyesa nambala yosavuta monga ine, CodePen ndichida chamtengo wapatali.

Mukuganiza chiyani?

Tsambali likugwiritsa ntchito Akismet kuchepetsa spam. Phunzirani momwe deta yanu ikufotokozera.