CodePen: Hangaia, Whakamatau, Tohaina me te Tirohanga HTML, CSS, me te JavaScript

Codepen: Hanga, Whakamatautau, ka Kitea Te Waehere Mua-Whakamutunga

Ko tetahi wero me te punaha whakahaere kaupapa ko te whakamatautau me te whakaputa taputapu tuhinga. Ahakoa ehara tera i te whakaritenga mo te nuinga o nga kaiwhakaputa, hei whakaputanga hangarau, he pai ki ahau te tohatoha i nga tuhinga mahi mai i tenei wa ki tenei wa ki te awhina i etahi atu. Kua tohaina e au me pehea te whakamahi JavaScript ki te tirotiro i te kaha o te kupuhipa, pehea ki tirohia te wetewete o te wahitau imeera me nga Whakaaturanga Auau (Regex), a katahi ano ka taapirihia tenei tātaitai ki te matapae i te hua hokohoko o nga arotake aipurangi. Ko te tumanako ka taapirihia nga taputapu ki runga i te papanga engari kaore i tino pai a WordPress ki te whakaputa penei ... he punaha ihirangi, ehara i te punaha whanaketanga.

Na, ki te mahi aku tuhinga iti ka koa ahau ki te whakamahi CodePen. Ko te CodePen he taputapu whakarite me te rarangi HTML, he panui CSS, he panui JavaScript, Papatohu me tetahi tuhinga kua puta. Kei ia rarangi he korero ka peehi ana koe i nga waahanga kia mohio ai koe ki nga mea e taea ana, me te kara-tae o to HTML, CSS, me te JS hei awhina i a koe ki te whakatika me te tuhi ngawari.

Ko te CodePen he taiao whanaketanga hapori. Kei tona ngakau, ka taea e koe te tuhi waehere ki te tirotiro, ka kite i nga hua ka hangai ana koe. He etita waehere ipurangi whaihua me te whakaoranga mo nga kaiwhakawhanake i nga pukenga katoa, me te whakakaha i nga tangata e ako ana ki te tohu waehere. Ko te CodePen e aro nui ana ki nga reo o mua-peera penei i te HTML, CSS, JavaScript, me nga wetiweti whakarite e huri ana ki era mea.

Mo te CodePen

Ma te CodePen, ka taea e au te mahi i nga mahi katoa e tika ana whakaputa i te tatauranga I whakauruhia e au ki te papaanga. Ko te nuinga o nga mea hanga i runga i te CodePen he waahi whanui, he tuwhera noa He mea ora ka taea e etahi atu taangata me te hapori te hono atu, mai i te ngakau ngawari, tae atu ki te waiho korero, ki te kokiri me te whakarereke mo o raatau hiahia.

CodePen - calculator mo te matapae i nga hua o nga arotake a-ipurangi

Ma te CodePen, ka taea e koe te whakarereke i to tirohanga mena ka hiahia koe ki nga taha maui ki te taha maui, ki matau, o raro ranei i a koe e mahi ana… tirohia te HTML i te ripa hou. He pai rawa atu te tirohanga a-taha-taha ki te whakamatautau i o tautuhinga aro mai i te mea ka taea e koe te whakatika i te rahi o te pihanga ka kitea.

Ka taea e koe te whakariterite ia tuhinga mahi ki te pene, whakakao ki roto i nga Kaupapa (etita-maha), me te hanga kohinga ranei. He pae putea mahi mo te waehere mua-mutunga ka taea e koe te whai i etahi atu kaituhi, te toha i etahi atu kaupapa kua tohaina e te iwi whanui ki a koe ake hei whakarereke, me te ako ano me pehea te mahi i etahi mea ngahau ma nga wero.

Ka taea e koe te penapena hei GitHub Gist, kaweake i roto i te konae zip, me te ara ano whakauru te pene i roto i te tuhinga penei:

Tirohia te Pen
Nga Huarahi Hoko Tutuki Na Nga Arotake A-Ipurangi
by Douglas Karr (@douglaskarr)
on CodePen.


Ko tetahi o nga herenga o te etita Pen ko te rahinga o te waehere. Kaore pea koe e rere puta i tenei kaupapa, i te mea me pai te etita me nga rau, tae atu ki nga mano tini raina waehere. Engari ka tiimata ana te patu i te 5,000 - 10,000 neke atu ranei nga raina waehere, ka kite koe kua ngoikore te etita. Heoi, ka taea e koe te taapiri i nga tohutoro o waho ki nga raarangi taatai, ki te JavaScript ranei e haangia ana i etahi atu waahi!

Ka akiaki ahau ki a koe kia haina. Ka ohauru koe ki a raatau imeera ia wiki, ka taea hoki te taapiri i te kai ki to whangai RSS kia kite koe i nga pene kua oti te whakaputa. Ana, ki te tiimata koe ki te tirotiro, ki te tirotiro ranei i nga pene a te iwi i reira, ka kitea e koe etahi kaupapa whakaharahara… he tangata mohio nga kaiwhakamahi!

A pee i Douglas Karr i runga i Codepen

Ko te putanga utua, CodePen Pro, he toha atu o nga waahanga hei whakapai ake i nga mahi me nga roopu ranei - tae atu ki te mahi tahi, nga whakaritenga, te manaaki rawa, nga tirohanga motuhake, me nga kaupapa kua tohaina me to rohe ake rohe-iti ranei. Ae, ko te tikanga, CodePen e whakarato ana i tetahi putunga pai me te tuitui Github e mahi ai to roopu katoa. Mena kei te hiahia whakamatautau koe i etahi waehere ngawari penei i ahau, he taonga nui te CodePen.

He aha koutou whakaaro?

Whakamahia ai e tenei pae i te Akismet hei whakaiti i te mokowhiti. Akohia te tukatuka o to raraunga korero.