CodePen: Air a thogail, a dheuchainn, a cho-roinn agus a lorg HTML, CSS, agus JavaScript

Codepen: Tog, deuchainn, agus lorg còd aghaidh aghaidh

Is e aon dhùbhlan le siostam riaghlaidh susbaint a bhith a ’dèanamh deuchainn agus a’ dèanamh innealan scripte. Ged nach eil sin riatanach don mhòr-chuid de fhoillsichearan, mar fhoillseachadh teicneòlais, is toil leam a bhith a ’roinneadh sgriobtaichean obrach bho àm gu àm gus daoine eile a chuideachadh. Tha mi air a bhith a ’cleachdadh mar a chleachdas mi JavaScript gus sùil a thoirt air neart facal-faire, ciamar thoir sùil air seòladh puist-d le abairtean cunbhalach (Regex), agus o chionn ghoirid chuir seo ris àireamhair gus ro-innse buaidh reic lèirmheasan air-loidhne. Tha mi an dòchas dusanan de dh ’innealan a chuir air an làrach ach chan eil WordPress gu math deònach a bhith a’ foillseachadh mar seo… is e siostam susbaint a th ’ann, chan e siostam leasachaidh.

Mar sin, gus na sgriobtaichean beaga agam fhaighinn ag obair tha e a ’còrdadh rium a bhith a’ cleachdadh CodePen. Tha CodePen na inneal air a chuir air dòigh gu grinn le pannal HTML, pannal CSS, pannal JavaScript, Console, agus foillseachadh den chòd a thig às. Tha fiosrachadh aig gach pannal nuair a nì thu luchag thairis air eileamaidean gus am bi thu a ’tuigsinn na tha comasach, a bharrachd air còdadh dath air do HTML, CSS, agus JS gus do chuideachadh le bhith a’ deasachadh agus a ’sgrìobhadh nas fhasa.

Tha CodePen na àrainneachd leasachaidh sòisealta. Aig a chridhe, leigidh e leat còd a sgrìobhadh sa bhrobhsair, agus na toraidhean fhaicinn mar a thogas tu. Deasaiche còd air-loidhne feumail agus saoraidh do luchd-leasachaidh sgil sam bith, agus gu sònraichte cumhachd do dhaoine a tha ag ionnsachadh còd. Tha CodePen a ’cuimseachadh gu sònraichte air cànanan aghaidh mar HTML, CSS, JavaScript, agus a’ ro-ullachadh co-aontaran a thionndaidheas na rudan sin.

Mu dheidhinn CodePen

Le CodePen, bha e comasach dhomh an obair gu lèir a bha riatanach a dhèanamh foillsich an àireamhair Chuir mi a-steach air an làrach. Tha a ’mhòr-chuid de chreutairean air CodePen poblach agus stòr fosgailte. Tha iad nan rudan beò a dh ’fhaodas daoine eile agus a’ choimhearsnachd eadar-obrachadh leotha, bho chridhe sìmplidh, gu bhith a ’fàgail beachd, gu bhith a’ brùthadh agus ag atharrachadh airson na feumalachdan aca fhèin.

CodePen - àireamhair airson ro-innse buaidh reic lèirmheasan air-loidhne

Le CodePen, faodaidh tu do bheachd atharrachadh ma tha thu airson gum bi na panaichean air an taobh chlì, deas no aig a ’bhonn mar a tha thu ag obair… no coimhead air an HTML ann an taba ùr. Tha an sealladh taobh ri taobh ag obair gu h-iongantach math gus deuchainn a dhèanamh air na roghainnean freagairteach agad oir is urrainn dhut meud a ’phana seallaidh fhaicinn.

Faodaidh tu gach aon de na sgriobtaichean obrach agad a chuir air dòigh ann am Pinn, an cur còmhla ann am Pròiseactan (deasaiche ioma-faidhle), no eadhon cruinneachaidhean a thogail. Is e làrach cùram-obrach a th ’ann gu bunaiteach airson còd aghaidh far am faod thu ùghdaran eile a leantainn, fork pròiseactan poblach eile a thoirt a-steach dhut fhèin gus atharrachadh, agus eadhon ionnsachadh mar a nì thu beagan stuthan spòrsail tro dhùbhlain.

Faodaidh tu sàbhaladh mar GitHub Gist, às-mhalairt ann am faidhle zip, agus eadhon steach am peann ann an artaigil mar seo:

Faic am Peann
Buaidh reic ro-mheasta lèirmheasan air-loidhne
by Douglas Karr (@douglaskarr)
on CodePen.


Is e aon de na chuingealachaidhean a tha aig neach-deasachaidh Pen an tomhas mòr de chòd. Is dòcha nach ruith thu a-riamh thairis air a ’chùis seo, oir bu chòir don neach-deasachaidh a bhith gu math leis na ceudan no eadhon mìltean de loidhnichean còd. Ach nuair a thòisicheas iad a ’bualadh 5,000 - 10,000 no barrachd loidhnichean de chòd, chì thu an neach-deasachaidh a’ tòiseachadh a ’fàiligeadh. Ach, faodaidh tu iomraidhean taobh a-muigh a chur ri duilleagan stoidhle no JavaScript a tha air an cumail ann an àite eile!

Bhithinn gad bhrosnachadh gus clàradh. Gheibh thu ballrachd air a ’phost-d seachdaineil aca agus faodaidh tu cuideachd am biadh a chuir ris a’ bhiadh RSS agad gus am faic thu pinn a chaidh fhoillseachadh às ùr. Agus, ma thòisicheas tu a ’lorg no a’ brobhsadh nam pinn poblach an sin, lorgaidh tu cuid de phròiseactan iongantach… tha an luchd-cleachdaidh gu math tàlantach!

lean Douglas Karr air Codepen

Tha an dreach pàighte, CodePen Pro, a ’tabhann tunna de fheartan a bharrachd airson comas-gnìomh no sgiobaidhean leasaichte - a’ toirt a-steach co-obrachadh, pròiseasan, aoigheachd maoin, beachdan prìobhaideach, agus eadhon pròiseactan air an cleachdadh leis an àrainn no an fho-àrainn agad fhèin. Agus, gu dearbh, tha CodePen a ’toirt deagh stòr le amalachadh Github far am faod an sgioba gu lèir agad obrachadh. Ma tha thu dìreach airson deuchainn a dhèanamh air cuid de chòd sìmplidh mar a tha mi, tha CodePen na inneal luachmhor.

Dè do bheachd?

Tha an làrach seo a 'cleachdadh Akismet gus spama a lùghdachadh. Ionnsaich mar a thathar a 'pròiseasadh an dàta bheachdan agad.