CodePen: Bati, Tès, Pataje ak Dekouvri HTML, CSS, ak JavaScript

Codepen: Bati, Tès, ak Dekouvri Kòd Front-End

Youn nan defi ak yon sistèm jesyon kontni se tès ak pwodwi zouti scripted. Pandan ke sa a se pa yon kondisyon pou pifò piblikatè, kòm yon piblikasyon teknoloji, mwen renmen pataje Scripts k ap travay de tan zan tan ede lòt jan. Mwen te pataje ki jan yo itilize JavaScript yo tcheke modpas fòs, ki jan yo tcheke adrès imel sentaks ak ekspresyon regilye (Regex), ak pi resamman te ajoute sa a kalkilatris predi enpak la lavant de revize sou entènèt. Mwen espere ajoute plizyè douzèn zouti sou sit la, men WordPress se pa egzakteman fezab pibliye tankou sa a ... li nan yon sistèm kontni, pa yon sistèm devlopman.

Se konsa, yo ka resevwa Scripts ti kras mwen k ap travay mwen renmen lè l sèvi avèk CodePen. CodePen se yon zouti byen òganize ak yon panèl HTML, yon panèl CSS, yon panèl JavaScript, konsole, ak yon pibliye nan kòd la ki kapab lakòz. Chak panèl gen enfòmasyon lè ou sourit sou eleman pou ke ou konprann sa ki posib, osi byen ke koulè-kod nan HTML ou, CSS, ak JS ede ou modifye ak ekri pi fasil.

CodePen se yon anviwònman devlopman sosyal. Nan kè li yo, li pèmèt ou ekri kòd nan navigatè a, ak wè rezilta yo nan li jan ou bati. Yon itil ak libere editè kòd sou entènèt pou devlopè nan nenpòt ki konpetans, ak patikilyèman abilite pou moun ki aprann kòd. CodePen konsantre sitou sou lang devan-fen tankou HTML, CSS, JavaScript, ak preprocessing sentaks ki vire nan bagay sa yo.

Konsènan CodePen

Avèk CodePen, mwen te kapab fè tout travay ki nesesè yo pibliye kalkilatris la Mwen entegre nan sit la. Pifò kreyasyon sou CodePen yo se sous piblik ak ouvè. Yo se bagay k ap viv ke lòt moun ak kominote a ka kominike avèk yo, ki soti nan yon senp kè, kite yon kòmantè, fouchèt ak chanje pou pwòp bezwen yo.

CodePen - kalkilatris pou predi ke enpak lavant revi sou entènèt la

Avèk CodePen, ou ka chanje wè ou si ou ta renmen fenèt yo sou bò gòch, adwat, oswa anba pandan w ap travay ... oswa wè HTML a nan yon nouvo tab. View nan kòt a kòt travay ekstrèmman byen teste anviwònman reponn ou depi ou ka ajiste gwosè a nan fenèt la vizib.

Ou ka òganize chak nan Scripts k ap travay ou nan plim, konbine yo nan Pwojè (editè milti-dosye), oswa menm bati soti koleksyon yo. Li nan fondamantalman yon sit dosye k ap travay pou kòd devan-fen kote ou ka swiv lòt otè, fouchèt lòt pwojè piblikman pataje nan pwòp ou a modifye, e menm aprann ki jan fè kèk bagay amizan nan defi yo.

Ou ka sove kòm yon GitHub Gist, ekspòtasyon nan dosye postal, e menm Afiche plim nan yon atik tankou sa a:

Gade plim lan
Prevwa Enpak Komèsyal nan revizyon sou entènèt
by Douglas Karr (@douglaskarr)
on CodePen.


Youn nan limit yo nan editè a plim se volim nan absoli nan kòd. Ou pa janm ka kouri atravè pwoblèm sa a, kòm editè a ta dwe bon ak dè santèn oswa menm dè milye de liy nan kòd. Men, lè yo kòmanse frape 5,000 - 10,000 oswa plis liy nan kòd, ou pral wè editè a kòmanse febli. Sepandan, ou ka ajoute referans ekstèn nan fich oswa JavaScript anime yon lòt kote!

Mwen ta ankouraje w enskri. Ou pral enskri nan imèl chak semèn yo epi yo ka ajoute tou manje a nan RSS ou pou ou ka wè plim ki fèk pibliye. Epi, si ou kòmanse chache oswa navige plim piblik yo la, ou pral jwenn kèk pwojè enkwayab ... itilizatè yo byen talan!

swiv Douglas Karr sou Codepen

Vèsyon an peye, CodePen Pro, ofri yon tòn karakteristik adisyonèl pou amelyore fonctionnalités oswa ekip - ki gen ladan kolaborasyon, pwosesis, avantaj hosting, opinyon prive, e menm deplwaye pwojè ak pwòp domèn ou oswa subdomain. Epi, nan kou, CodePen bay yon gwo depo ak entegrasyon Github kote tout ekip ou a ka travay. Si w ap jis vle teste kèk kòd senp tankou mwen, CodePen se yon zouti anpil valè.

Ki sa ou panse?

Sit sa a sèvi ak Akismet diminye Spam. Aprann kijan kòmantè ou a trete.