ЦодеПен: Изграђено, тестирано, подељено и откривено за ХТМЛ, ЦСС и ЈаваСцрипт

Цодепен: Израда, тестирање и откривање предњег кода

Један од изазова са системом за управљање садржајем је тестирање и производња скриптних алата. Иако то није услов за већину издавача, ја као технолошка публикација волим с времена на време делити радне скрипте како бих помогао другим људима. Поделио сам како да користим ЈаваСцрипт за проверу снаге лозинке, како да проверите синтаксу адресе е-поште помоћу регуларних израза (Регек), и недавно додала ово калкулатор за предвиђање утицаја продаје прегледа на мрежи. Надам се да ћу додати десетине алата на веб локацију, али ВордПресс није баш погодан за објављивање попут овог ... то је систем садржаја, а не развојни систем.

Дакле, да би моје мале скрипте радиле, уживам да их користим ЦодеПен. ЦодеПен је уредно организован алат са ХТМЛ панелом, ЦСС панелом, ЈаваСцрипт панелом, конзолом и објављеним резултујућим кодом. Свака плоча има информације када прелазите мишем преко елемената како бисте разумели шта је могуће, као и кодирање боја ХТМЛ-а, ЦСС-а и ЈС-а како би вам олакшали уређивање и писање.

ЦодеПен је окружење за социјални развој. У својој сржи вам омогућава да напишете код у прегледач и видите његове резултате док правите. Корисни и ослобађајући мрежни уређивач кода за програмере било које вештине, а посебно оснажујући људе који уче да кодирају. ЦодеПен се првенствено фокусира на фронт-енд језике попут ХТМЛ-а, ЦСС-а, ЈаваСцрипт-а и синтаксе претпроцесирања које се претварају у те ствари.

О ЦодеПену

Са ЦодеПен-ом сам успео да обавим сав посао неопходан за објавите калкулатор Уградио сам на веб локацију. Већина креација на ЦодеПену су јавни и отворени код. Они су жива бића с којима други људи и заједница могу да комуницирају, од једноставног расположења, преко остављања коментара, до рашљарања и мењања за своје потребе.

ЦодеПен - калкулатор за предвиђање утицаја продаје онлајн прегледа

Помоћу ЦодеПен-а можете да промените поглед ако желите да окна буду лева, десна или доња док радите ... или да прегледате ХТМЛ на новој картици. Поглед упоредо делује невероватно добро како би тестирао ваше реактивне поставке, јер можете прилагодити величину видљивог окна.

Можете сваку своју радну скрипту организовати у оловке, комбинирати у пројекте (уређивач више датотека) или чак изградити колекције. То је у основи радна веб локација портфеља за фронт-енд код на којој можете пратити друге ауторе, форсирати друге јавно дељене пројекте да бисте их модификовали и чак научити како да радите неке забавне ствари кроз изазове.

Можете да сачувате као ГитХуб Гист, извозите у зип датотеку, па чак и Уградити оловка у оваквом чланку:

Види оловку
Предвиђени утицај продаје на рецензије
by Douglas Karr (@доугласкарр)
on ЦодеПен.


Једно од ограничења уређивача оловке је огроман обим кода. Можда никада нећете наићи на овај проблем, јер би уредник требао бити у реду са стотинама или чак хиљадама редова кода. Али када почну да ударају 5,000 - 10,000 или више редова кода, видећете да уређивач почиње да отказује. Међутим, можете додати спољне референце на табеле стилова или ЈаваСцрипт хостоване негде другде!

Подстакао бих вас да се пријавите. Бићете претплаћени на њихов недељни е-маил и можете такође да додате феед у свој РСС феед тако да можете видети новообјављене оловке. А ако тамо почнете да претражујете или прегледавате јавне оловке, наћи ћете неке невероватне пројекте ... корисници су прилично талентовани!

Пратити Douglas Karr на Цодепену

Верзија која се плаћа, ЦодеПен Про, нуди мноштво додатних функција за побољшану функционалност или тимове - укључујући сарадњу, процесе, хостинг средстава, приватне погледе, па чак и примењене пројекте са сопственим доменом или поддоменом. И, наравно, ЦодеПен пружа сјајно спремиште са Гитхуб интеграцијом на коме може радити цео ваш тим. Ако само желите да испробате неки једноставни код какав сам ја, ЦодеПен је непроцењив алат.

Шта ви мислите?

Ова страница користи Акисмет како би смањила нежељену пошту. Сазнајте како се ваш коментар обрађује.