CodePen: HTML, CSS va JavaScript-ni qurilgan, sinab ko'rgan, almashgan va kashf etgan

Kodepen: Front-End kodini yaratish, sinash va kashf etish

Kontentni boshqarish tizimidagi muammolardan biri bu skript vositalarini sinash va ishlab chiqarishdir. Aksariyat noshirlar uchun bu talab bo'lmasa-da, texnologik nashr sifatida men vaqti-vaqti bilan boshqa odamlarga yordam berish uchun ishlaydigan skriptlarni baham ko'rishni yaxshi ko'raman. Qanday foydalanishni aytib berdim Parol kuchini tekshirish uchun JavaScript, qanday elektron pochta manzili sintaksisini muntazam ifodalar bilan tekshiring (Regex), va yaqinda buni qo'shdi onlayn sharhlarning sotuvga ta'sirini taxmin qilish uchun kalkulyator. Men saytga o'nlab vositalarni qo'shishni umid qilaman, ammo WordPress bu kabi nashr qilish uchun to'liq yordam bermaydi ... bu rivojlanish tizimi emas, balki kontent tizimi.

Shunday qilib, kichik stsenariylarimning ishlashi uchun menga juda yoqadi CodePen. CodePen - HTML paneli, CSS paneli, JavaScript paneli, Konsol va natijada olingan kod nashr etilgan, yaxshi tashkil etilgan vosita. Har bir panelda sichqonchani sichqoncha bilan bosish paytida ma'lumotlar mavjud, shunda siz nima mumkinligini tushunasiz, shuningdek HTML, CSS va JS-laringizni tahrirlash va yozishda yordam beradigan rang kodlari.

CodePen - bu ijtimoiy rivojlanish muhiti. Yuragida bu sizga brauzerda kod yozish va uning natijalarini o'zingiz yaratayotganingizda ko'rish imkonini beradi. Har qanday ko'nikmalarni ishlab chiquvchilar uchun foydali va ozod qiluvchi onlayn kod muharriri, xususan kodlashni o'rganayotgan odamlar uchun imkoniyat. CodePen birinchi navbatda HTML, CSS, JavaScript va shu narsalarga aylanadigan sintaksislarni oldingi tillariga qaratadi.

CodePen haqida

CodePen yordamida men zarur bo'lgan barcha ishlarni bajara oldim kalkulyatorni nashr eting Men saytga joylashtirdim. CodePen-dagi ko'pgina narsalar ommaviy va ochiq manba hisoblanadi. Ular boshqa odamlar va jamiyat o'zaro ta'sir o'tkazadigan tirik mavjudotlardir, oddiy yurakdan tortib, sharh qoldirishgacha, o'z ehtiyojlari uchun almashish va o'zgartirishga qadar.

CodePen - onlayn sharhlarning sotuvga ta'sirini bashorat qilish uchun kalkulyator

CodePen yordamida ishlayotganingizda panellar chap, o'ng yoki pastki qismda bo'lishini xohlasangiz, ko'rinishingizni o'zgartirishingiz mumkin… yoki HTML-ni yangi varaqda ko'rishingiz mumkin. Yonma-yon ko'rinish sizning sezgir sozlamalarni sinab ko'rish uchun juda yaxshi ishlaydi, chunki siz ko'riladigan oynaning o'lchamini sozlashingiz mumkin.

Siz o'zingizning har bir ish stsenariylaringizni Qalamlarga tartiblashingiz, ularni Loyihalarga birlashtirishingiz (ko'p faylli muharrir) yoki hatto to'plamlar tuzishingiz mumkin. Bu asosan boshqa mualliflarga ergashish, o'zgartirish uchun boshqa jamoat loyihalarini o'zingiznikiga ajratish va hattoki qiyinchiliklar bilan qanday qilib qiziqarli narsalarni qilishni o'rganishingiz mumkin bo'lgan oldingi kod uchun ishlaydigan portfel sayti.

Siz GitHub Gist sifatida saqlashingiz, zip faylida eksport qilishingiz va hattoki joylashtiring quyidagi maqoladagi qalam:

Qalamga qarang
Onlayn sharhlarning bashorat qilinadigan savdo ta'siri
by Douglas Karr (@douglaskarr)
on CodePen.


Pen muharriri cheklovlaridan biri bu juda katta hajmdagi kod. Siz hech qachon bu muammoga duch kelmasligingiz mumkin, chunki muharrir yuzlab yoki hatto minglab satr kodlari bilan yaxshi ishlashi kerak. Ammo ular 5,000 - 10,000 yoki undan ko'p satr kodni urishni boshlaganlarida, muharrir ishlamay boshlaganini ko'rasiz. Biroq, siz jadvallar yoki boshqa joyda joylashtirilgan JavaScript-ga tashqi havolalarni qo'shishingiz mumkin!

Men sizni ro'yxatdan o'tishingizni maslahat beraman. Siz ularning haftalik elektron pochtalariga obuna bo'lasiz, shuningdek RSS tasmangizga tasmani qo'shishingiz mumkin, shunda siz yangi nashr etilgan qalamlarni ko'rishingiz mumkin. Va agar siz u erda jamoat ruchkalarini qidirishni yoki ko'rib chiqishni boshlasangiz, ajoyib loyihalarni topasiz ... foydalanuvchilar juda iste'dodli!

qiling Douglas Karr Codepen-da

Pulli versiya, CodePen Pro, takomillashtirilgan funksiyalar yoki jamoalar uchun bir qator qo'shimcha funktsiyalarni taklif etadi - hamkorlik, jarayonlar, aktivlarni joylashtirish, shaxsiy qarashlar va hatto o'z domeningiz yoki subdomainingiz bilan ishlaydigan loyihalar. Va, albatta, CodePen sizning butun jamoangiz ishlashi mumkin bo'lgan Github integratsiyasi bilan ajoyib omborni taqdim etadi. Agar siz men kabi oddiy kodni sinab ko'rmoqchi bo'lsangiz, CodePen bu bebaho vositadir.

Siz nima deb o'ylaysiz?

Ushbu sayt spamni kamaytirish uchun Akismet-dan foydalanadi. Fikringiz ma'lumotlarining qanday ishlashini bilib oling.