Једна од многих застрашујућих ствари око развоја веба није једноставно коришћење дељења пројеката са другима. У многим случајевима ћете морати да сместите свој пројекат на веб сервер или да пошаљете све одговарајуће датотеке неком ко жели да види шта сте креирали. Али захваљујући уредном мрежном алату који се зове ЦодеПен, више се не морате бринути ни о чему.
ЦодеПен.ио
ЦодеПен је бесплатан алат који ће вам омогућити да домаћите своје пројекте путем интернета, а да притом не морате да платите ни денар. За почетак, пријеђите на ЦодеПен.ио и отворите бесплатни рачун.
Након што то учините, можете да креирате „оловку“ кликом на дугме „Нова оловка“ у горњем десном углу екрана.
Након тога, моћи ћете да додате било који ХТМЛ, ЦСС и ЈаваСцрипт у одговарајуће оквире. Једном када почнете да додајете неки код, видећете ливе преглед онога што стварате. Прву оловку можете насловити у горњем левом углу. Након што кликнете на прво „Сачувај“, моћи ћете да једноставно делите УРЛ странице са пријатељима, породицом и колегама како би видели шта радите.
Овако ће изгледати ваша оловка са неким кодом (љубазношћу пројекта Фрее Цоде Цамп под називом Трибуте Паге):
Када креирате своју оловку, пре него што започнете, проћи ћете кроз Подешавања. Када кликнете на дугме „Нова оловка“, требало би да видите предложак оловке спреман да започнете са уносом неког кода. У горњем десном углу ће бити дугме „Подешавања“. Кликните на то (требало би да видите доњи екран).
Овде ћете моћи да прођете кроз ХТМЛ, ЦСС и ЈаваСцрипт картице да бисте додали одређене информације. На ХТМЛ картици моћи ћете да додате мета информације, ствари које би требало да се додају у
картицу и тако даље. Под ЦСС-ом ћете моћи да додате ЦСС Препроцесоре попут ЛЕСС и Сасс. И не само то, већ можете додати у екстерни ЦСС као што је Боотстрап и Фоундатион. На картици ЈаваСцрипт можете да додате ЈаваСцрипт препроцесор попут Бабел или ЦоффееСцрипт. Поред тога, можете додати вањске ЈаваСцрипт оквире као што су Ангулар, Реацт, Лодасх, Д3 и тако даље.
Коначно, ЦодеПен ће вам омогућити да промените „Поглед“ који гледате. Задани приказ је Едитор Виев, који вам омогућава да унесете свој код и добијете мали преглед у конзоли испод. Али постоје и друге опције, а посебно је згодан приказ „Пуна страна“, где ћете видети пројекат као да се ради уживо на веб локацији. На располагању је прегршт других погледа на које се може пребацити, са тим се вреди поиграти!
ЦодеПен је заиста уредан алат и само смо дотакли површину његове корисности. Вриједно је пријећи на ЦодеПен.ио и употријебити га за рад на неколико пројеката, а затим, ако вам се свиђа, подијелите са пријатељима или колегама.
Шта мислите о ЦодеПен-у? Јесте ли користили сличан алат? Јавите нам се у одељку за коментаре испод!
