CodePen: Сохта, озмоиш, мубодила ва кашф кардани HTML, CSS ва JavaScript

Codepen: Сохтан, санҷидан ва кашф кардани рамзи Front-End

Як мушкилот бо системаи идоракунии мундариҷа санҷиш ва истеҳсоли асбобҳои скриптӣ мебошад. Гарчанде ки ин барои аксар ноширон талабот нест, ҳамчун як нашрияи технологӣ, ман мехоҳам скриптҳои кориро гоҳ-гоҳ ба дигарон кумак кунам. Ман мубодила кардам, ки чӣ гуна истифода барам JavaScript барои санҷидани қувваи парол, чӣ тавр ба синтаксиси суроғаи почтаи электрониро бо ибораҳои муқаррарӣ санҷед (Регекс), ва ба наздикӣ инро илова кард ҳисобкунак барои пешгӯии таъсири фурӯши тафсирҳои онлайн. Ман умедворам, ки дар сайт даҳҳо асбоб илова мекунам, аммо WordPress барои нашр ба ин монанд комилан мусоид нест ... ин системаи мундариҷа аст, на системаи рушд.

Ҳамин тавр, барои ба кор даровардани скриптҳои хурди ман аз истифодаи онҳо лаззат мебарам CodePen. CodePen воситаи бодиққат ташкилшуда бо панели HTML, панели CSS, панели JavaScript, консол ва нашршудаи коди натиҷа мебошад. Ҳар як панел ҳангоми муш кардани унсурҳо дорои маълумот аст, то шумо фаҳмед, ки чӣ имкон дорад, инчунин рамзгузории рангҳои HTML, CSS ва JS-и шумо барои таҳрир ва навиштан осонтар аст.

CodePen муҳити рушди иҷтимоӣ мебошад. Дар дили худ, он ба шумо имкон медиҳад, ки дар браузер рамз нависед ва натиҷаҳои онро ҳангоми сохтан бубинед. Муҳаррири муфид ва озодкунандаи рамзи онлайн барои таҳиягарони ҳама гуна малака ва хусусан тавоноӣ барои одамоне, ки рамзро меомӯзанд. CodePen асосан ба забонҳои пешрафта, ба монанди HTML, CSS, JavaScript ва синтаксисҳои пешакӣ, ки ба ин чизҳо табдил меёбанд, диққат медиҳад.

Дар бораи CodePen

Бо CodePen, ман тавонистам тамоми корҳои заруриро иҷро кунам ҳисобкунакро нашр кунед Ман дар сайт ҷойгир шудаам. Аксари офаридаҳо дар CodePen оммавӣ ва манбаи кушода мебошанд. Онҳо ашёҳои зинда ҳастанд, ки одамони дигар ва ҷомеа метавонанд бо онҳо аз самимияти оддӣ сар карда, то эзоҳе, форсӣ ва тағир додани эҳтиёҷоти худ, муошират кунанд.

CodePen - калкулятор барои пешгӯии таъсири фурӯши баррасиҳои онлайн

Бо ёрии CodePen, шумо метавонед намуди худро тағир диҳед, агар шумо мехоҳед, ки панелҳо ҳангоми кор дар чап, рост ё поён бошанд ... ё HTML-ро дар ҷадвалбанди нав бинед. Намуди паҳлӯ ба паҳлӯ барои санҷиши танзимоти ҷавобии шумо бениҳоят хуб кор мекунад, зеро шумо метавонед андозаи панели намоёнро танзим кунед.

Шумо метавонед ҳар як скрипти кории худро ба Pens тартиб диҳед, онҳоро дар Лоиҳаҳо (муҳаррири чандфайлӣ) муттаҳид кунед ё ҳатто маҷмӯаҳоро таҳия кунед. Ин асосан сайти портфели корӣ барои рамзи пешина мебошад, ки дар он шумо метавонед муаллифони дигарро пайравӣ кунед, дигар лоиҳаҳои муштаракро барои тағир додан ба худ дохил кунед ва ҳатто омӯзед, ки чӣ гуна чизҳои шавқоварро тавассути мушкилот иҷро кунед.

Шумо метавонед ҳамчун GitHub Gist захира кунед, дар файли zip содир кунед ва ҳатто дохил карда шудааст қалам дар чунин мақола:

Қаламро бинед
Таъсири пешгӯишудаи фурӯши тафсирҳои онлайн
by Douglas Karr (@douglaskarr)
on CodePen.


Яке аз маҳдудиятҳои муҳаррири Pen ҳаҷми зиёди код мебошад. Шояд шумо ҳеҷ гоҳ ба ин масъала дучор нашавед, зеро муҳаррир бояд бо садҳо ва ҳатто ҳазорҳо хатҳои код хуб бошад. Аммо вақте ки онҳо ба задани 5,000 - 10,000 ё зиёда сатрҳои код шурӯъ мекунанд, шумо мебинед, ки муҳаррир аз кор сар мекунад. Аммо, шумо метавонед истинодҳои беруна ба ҷадвалҳои услуб ё JavaScript дар ҷои дигаре ҷойгир кунед!

Ман шуморо даъват мекунам, ки обуна шавед. Шумо ба почтаи электронии ҳарҳафтаинаи онҳо обуна хоҳед шуд ва инчунин метавонед наворро ба лентаи RSS илова кунед, то шумо қаламҳои тозанашрро бинед. Ва, агар шумо ба ҷустуҷӯ ё дидани қаламҳои ҷамъиятӣ дар он ҷо шурӯъ кунед, шумо якчанд лоиҳаҳои бебаҳо пайдо мекунед ... корбарон хеле боистеъдоданд!

пайравӣ Douglas Karr дар Codepen

Версияи пулакӣ, CodePen Pro, барои фаъолиятҳои беҳтар ё гурӯҳҳо як қатор хусусиятҳои иловагӣ пешниҳод менамояд - аз ҷумла ҳамкорӣ, равандҳо, хостинги дороиҳо, намудҳои хусусӣ ва ҳатто лоиҳаҳои мустақим бо домейн ё зермайдони худ. Ва, албатта, CodePen як анбори олиро бо ҳамгироии Github фароҳам меорад, ки дар он тамоми дастаи шумо кор карда метавонад. Агар шумо фақат мехоҳед, ки ягон коди оддиро мисли ман бисанҷед, CodePen воситаи бебаҳост.

Ту чӣ фикр мекунӣ?

Ин сомона ба воситаи Akismet барои кам кардани спам истифода мешавад. Омӯзед, ки чӣ тавр маълумотҳои худро тафтиш кунед.