CodePen: Mibni, Ittestja, Aqsam u Skopri HTML, CSS, u JavaScript

Codepen: Ibni, Ittestja, u Skopri Kodiċi Front-End

Sfida waħda b'sistema ta 'ġestjoni tal-kontenut hija l-ittestjar u l-produzzjoni ta' għodod b'kitba. Filwaqt li dak mhuwiex rekwiżit għall-biċċa l-kbira tal-pubblikaturi, bħala pubblikazzjoni tat-teknoloġija, jien inħobb naqsam skripts tax-xogħol minn żmien għal żmien biex ngħin lil nies oħra. Qsamt kif nuża JavaScript biex tiċċekkja l-qawwa tal-password, kif iċċekkja s-sintassi tal-indirizz tal-email b'Espressjonijiet Regolari (Regex), u l-aktar reċentement żiedu dan kalkulatur biex tbassar l-impatt tal-bejgħ tar-reviżjonijiet onlajn. Nispera li nżid għexieren ta 'għodod fuq is-sit iżda WordPress ma jwassalx eżattament għal pubblikazzjoni bħal din ... hija sistema ta' kontenut, mhux sistema ta 'żvilupp.

Allura, biex inħaddem l-iskripts żgħar tiegħi jaħdmu nieħu gost nuża CodePen. CodePen hija għodda organizzata sewwa b'panel HTML, panel CSS, panel JavaScript, Console, u ppubblikat tal-kodiċi li jirriżulta. Kull bord għandu informazzjoni meta tpoġġi fuq l-elementi fuq il-maws biex tifhem x’inhu possibbli, kif ukoll kulur-kodifikazzjoni tal-HTML, CSS, u JS tiegħek biex jgħinuk teditja u tikteb aktar faċli.

CodePen huwa ambjent ta 'żvilupp soċjali. Fil-qalba tiegħu, jippermettilek tikteb kodiċi fil-browser, u tara r-riżultati tiegħu hekk kif tibni. Editur tal-kodiċi onlajn utli u li jillibera għal żviluppaturi ta 'kwalunkwe ħila, u partikolarment jagħti s-setgħa lin-nies li jitgħallmu jikkodifikaw. CodePen jiffoka primarjament fuq lingwi front-end bħal HTML, CSS, JavaScript, u ​​sintassi tal-ipproċessar minn qabel li jinbidlu f'dawk l-affarijiet.

Dwar CodePen

Ma 'CodePen, stajt nagħmel ix-xogħol kollu meħtieġ ippubblika l-kalkulatur Jien inkorporajt fis-sit. Ħafna kreazzjonijiet fuq CodePen huma pubbliċi u open source. Huma affarijiet ħajjin li nies oħra u l-komunità jistgħu jinteraġixxu magħhom, minn qalb sempliċi, biex iħallu kumment, biex ifakkru u jibdlu għall-bżonnijiet tagħhom stess.

CodePen - kalkolatur għat-tbassir tal-impatt tal-bejgħ tar-reviżjonijiet onlajn

B'CodePen, tista 'tbiddel il-veduta tiegħek jekk tixtieq li l-ħġieġ ikun fuq ix-xellug, il-lemin jew il-qiegħ hekk kif taħdem ... jew tara l-HTML f'tab ġdid. Il-viżjoni ġenb ma 'ġenb taħdem oerhört tajjeb biex tittestja l-issettjar tar-rispons tiegħek billi tista' taġġusta d-daqs tal-ħġieġa li tista 'tara.

Tista 'torganizza kull skript tax-xogħol tiegħek fi Pinen, tgħaqqadhom fi Proġetti (editur b'ħafna fajls), jew saħansitra tibni kollezzjonijiet. Bażikament huwa sit ta 'portafoll li jaħdem għal kodiċi ta' front-end fejn tista 'ssegwi awturi oħra, tiffoka proġetti oħra pubblikament maqsuma fi tiegħek biex timmodifikahom, u anke titgħallem kif tagħmel xi affarijiet divertenti permezz ta' sfidi.

Tista 'tiffranka bħala GitHub Gist, tesporta f'fajl zip, u anke embed il-pinna f'artiklu bħal dan:

Ara l-Pinna
Impatt tal-Bejgħ Previst ta 'Reviżjonijiet Online
by Douglas Karr (@douglaskarr)
on CodePen.


Waħda mil-limitazzjonijiet tal-editur tal-Pinna hija l-volum kbir ta 'kodiċi. Int qatt ma tista 'taħdem fuq din il-kwistjoni, peress li l-editur għandu jkun tajjeb b'mijiet jew saħansitra eluf ta' linji ta 'kodiċi. Imma meta jibdew jolqtu 5,000 - 10,000 jew aktar linji ta 'kodiċi, tara l-editur jibda jonqos. Madankollu, tista 'żżid referenzi esterni għal skedi ta' stil jew JavaScript ospitat x'imkien ieħor!

Inħeġġiġkom biex tiffirmaw. Int tkun sottoskritt għall-email ta 'kull ġimgħa tagħhom u tista' wkoll iżżid il-feed mal-RSS feed tiegħek sabiex tkun tista 'tara pinen li għadhom kif ġew ippubblikati. U, jekk tibda tfittex jew tfittex il-pinen pubbliċi hemmhekk, issib xi proġetti inkredibbli ... l-utenti għandhom pjuttost talent!

Segwi Douglas Karr fuq Codepen

Il-verżjoni mħallsa, CodePen Pro, toffri ton ta 'karatteristiċi addizzjonali għal funzjonalità jew timijiet imtejba - inklużi kollaborazzjoni, proċessi, hosting ta' assi, veduti privati, u anke proġetti skjerati bid-dominju jew is-sottodominju tiegħek stess. U, naturalment, CodePen jipprovdi repożitorju kbir bl-integrazzjoni ta 'Github fejn it-tim kollu tiegħek jista' jaħdem. Jekk trid biss tittestja xi kodiċi sempliċi kif jien, CodePen huwa għodda imprezzabbli.

What do you think?

Dan is-sit juża Akismet biex inaqqas l-ispam. Tgħallem kif il-kumment tiegħek huwa pproċessat.