CodePen: Wuru, Ule, Kee ma Chọpụta HTML, CSS, na JavaScript

Codepen: Mee, Ule, ma Chọpụta Usoro Ngwụcha Usoro

Otu nsogbu na sistemụ njikwa ọdịnaya na-anwale ma na-ewepụta ngwa ọrụ ederede. Ọ bụ ezie na nke ahụ abụghị ihe achọrọ maka ọtụtụ ndị nkwusa, dịka mbipụta teknụzụ, enwere m mmasị ịkekọrịta edemede ọrụ site n'oge ruo n'oge iji nyere ndị ọzọ aka. Ekekọrịtala m otu esi eji JavaScript iji lelee ike okwuntughe, Otú lelee syntax adreesị ozi-e na Okwu Mgbe niile (Regex), na kacha nso nso a gbakwunyere nke a mgbako iji kwuo ihe banyere ire ahịa nke nyocha dị n'ịntanetị. Enwere m olile anya ị gbakwunye ọtụtụ ngwaọrụ na saịtị ahụ mana WordPress anaghị enyere aka na mbipụta dịka nke a… ọ bụ sistemụ ọdịnaya, ọ bụghị usoro mmepe.

Yabụ, iji nweta obere edemede m na-arụ ọrụ ọ na-atọ m ụtọ iji CodePen. CodePen bụ ngwa ejizi ahazi nke nwere HTML HTML, ngalaba CSS, ngalaba JavaScript, Console yana bipụtara koodu dapụtara. Ngalaba nke ọ bụla nwere ozi mgbe ị na-ejikọ ihe niile ka ị ghọta ihe ga-ekwe omume, yana ịdepụta agba nke HTML gị, CSS na JS iji nyere gị aka idezi ma dee ihe dị mfe.

CodePen bụ ebe mmepe mmekọrịta mmadụ na ibe ya. N'obi ya, ọ na - enye gị ohere ide koodu na ihe nchọgharị ahụ, wee hụ nsonaazụ ya ka ị na-ewu. Onye editọ koodu ntanetị bara uru ma na-atọhapụ maka ndị mmepe ọ bụla, na-enye ike ka ndị mmadụ na-amụ koodu. CodePen na-elekwasị anya na asụsụ njedebe dị ka HTML, CSS, JavaScript, na usoro nhazi nke na-abanye n'ihe ndị ahụ.

Banyere CodePen

Site na CodePen, enwere m ike ịrụ ọrụ niile dị mkpa deputa mgbako Agbakwunyere m na saịtị ahụ. Imirikiti ihe okike na CodePen bụ ihe ọha na eze na-emeghe. Ha bụ ihe ndị dị ndụ ndị ọzọ na obodo nwere ike ịmekọrịta, site na obi dị mfe, ịhapụ ịza ajụjụ, ịdụ ala na ịgbanwe maka mkpa nke ha.

CodePen - ihe mgbako maka ịkọwa mmetụta ahịa nke nyocha dị n'ịntanetị

Site na CodePen, ị nwere ike ịgbanwe echiche gị ma ọ bụrụ na ịchọrọ ka mpịpị dị n'aka ekpe, aka nri ma ọ bụ ala ka ị na - arụ ọrụ… ma ọ bụ lelee HTML na taabụ ọhụrụ. Akụkụ akụkụ dị n'akụkụ na-arụ ọrụ nke ọma iji nwalee ntọala mmeghachi omume gị ebe ọ bụ na ịnwere ike ịhazigharị nha pane ahụ a na-ahụ anya.

Can nwere ike ịhazi nke ọ bụla n'ime edemede gị na-arụ ọrụ na Pensụl, jikọta ha na Projects (nchịkọta akụkọ ọtụtụ faịlụ), ma ọ bụ ọbụna mepụta mkpokọta. Ọ bụ ihu ọma a na-arụ ọrụ Pọtụfoliyo saịtị maka koodu njedebe n'ihu ebe ị nwere ike ịgbaso ndị edemede ndị ọzọ, gbanye ọrụ ndị ọzọ na-ekerịta n'ihu ọha n'ime nke gị ịgbanwe, ọbụnakwa mụta otu esi eme ụfọdụ ihe ụtọ site na nsogbu.

Nwere ike ịchekwa dị ka GitHub Gist, bufee na zip file, yana ọbụlagodi embed pen na isiokwu dị ka nke a:

Lee Pen
Eburu Amuma ahịa Mmetụta Of Online Nyocha
by Douglas Karr (@onyedikachi_)
on CodePen.


Otu n'ime adịghị ike nke onye editọ Pen bụ oke olu nke koodu. Nwere ike ịgaghị agafe mbipụta a, dịka onye nchịkọta akụkọ kwesịrị ịdị mma na narị otu narị ma ọ bụ puku kwuru puku koodu. Mana mgbe ha malitere iti 5,000 - 10,000 ma ọ bụ karịa akara koodu, ị ga-ahụ onye ndezi ga-ada. Agbanyeghị, ịnwere ike ịgbakwunye amaokwu mpụga na mpempe akwụkwọ ma ọ bụ JavaScript edobere ebe ọzọ!

Aga m agba gị ume ka ị debanye aha. A ga -enye gị aha na email ha kwa izu ma nwee ike ịgbakwunye ndepụta ahụ na ndepụta RSS gị ka ị wee hụ mkpịsị akwụkwọ edepụtara ọhụrụ. Ma, ọ bụrụ na ị malite ịchọ ma ọ bụ na-eme nchọgharị ọha itienna e, ị ga-ahụ ụfọdụ ịrịba oru… ọrụ bụ nnọọ nkà!

soro Douglas Karr na Codepen

Paiddị a kwụrụ ụgwọ, CodePen Pro, na-enye ọtụtụ atụmatụ ndị ọzọ maka arụmọrụ ma ọ bụ ndị otu emelitere - gụnyere mmekorita, usoro, nnabata ngwa ahịa, echiche nkeonwe, yana ọbụlagodi oru ngo na ngalaba nke gị ma ọ bụ subdomain. Ma, n'ezie, CodePen na-enye nnukwu nchekwa na njikọ Github ebe ndị otu gị niile nwere ike ịrụ ọrụ. Ọ bụrụ n ’ịchọrọ ịnwale koodu dị mfe dịka m nọ, CodePen bụ ngwa bara nnukwu uru.

Kedu ihe ị chere?

Ebe a na-eji Akismet iji belata spam. Mụta otu esi etinye usoro data gị.