Преглед садржаја
Многи програмери су у прошлости говорили о њима ЈаваСцрипт патили су више него што је потребно, јер то није било могуће открити праве предности овог језика који се користи у прегледачу.Након много година неизвесности, библиотеке које пружају функционалности резимирале су као јКуери или Моотоолс, вратило поверење у језик, али тек до појаве пројеката као што су Ноде.јс да се о томе заиста није водило рачуна. Једини проблем са ЈаваСцрипт је да је његова синтакса застарела са оним што програмери сада траже, на пример видимо како Руби или Питхон веома су успешни због чистоће са којом се приказују њихове емисије.
ЦоффееСцриптКако у свету технологије ништа није немогуће, и увек постоји тим који жели да промени свет, то настаје ЦоффееСцрипт, језик на коме се заснива ЈаваСцрипт и то нам помаже да имамо чистију синтаксу, након што напишемо наше програме, они се компајлирају и претварају у њих ЈаваСцрипт Чисто на тај начин одржавајући компатибилност са платформама на којима се покреће.
Да бисте могли уживати ЦоффееСцрипт Прво морамо испунити неке услове, на овај начин можемо имати приступ његовом компајлеру, али не само то, морамо имати и основни појам почетних команди да бисмо могли започети извршавање наших програма.
Прва ствар која ће нам требати је Ноде.јс помоћу овог алата имаћемо на располагању менаџера пакета који се зове нпм помоћу којих можемо инсталирати целокупно окружење ЦоффеСцрипт на врло једноставан начин. Најбољи начин инсталирања Ноде.јс Преко својих званичних инсталатора на нодејс.орг, као што видимо на следећој слици, имамо верзије за скоро све платформе које желимо:
ЕНЛАРГЕ
У случају овог водича радићемо са верзијом за Виндовс. Након што смо инсталирали Ноде.јс можемо проверити да ли је инсталација успела извршавањем следеће наредбе:чвор -вОво би требало да нам врати екран са верзијом коју имамо у систему, ако се то не догоди, морамо потврдити нашу инсталацију јер није исправна, да видимо како изгледа њено извршавање:
Сада када имамо Ноде.јс сада је време за инсталацију ЦоффееСцрипт, у прошлости смо морали да инсталирамо нпм осим тога, међутим, у најновијим верзијама је већ укључено, тако да за испуњење нашег циља морамо поставити само следећу команду:
нпм инсталл -г цоффее -сцриптВидимо да постављамо а -г, ово указује да је инсталација глобалне, како би се могло имати ЦоффееСцрипт у целом нашем систему, приликом извршавања команде биће потребно неколико секунди док не преузме све што је потребно.
Коначно, можемо извршити следеће у нашој командној конзоли да потврдимо да је инсталација изведена исправно и без проблема:
кафа -вНакон овога требало би да имамо резултат сличан следећој слици:
Овим смо успешно завршили инсталацију језика ЦоффееСцрипт, али не само ово, имамо и Ноде.јс који ће нам послужити за друге алате и развојна окружења у будућности.
ВажноИако се процес спроводи у Виндовс У основи је исто за све платформе, можда се највише мења начин инсталације Ноде.јс, али употреба нпм за инсталацију ЦоффееСцрипт је исти.
Пошто смо успешно инсталирали наше захтеве, сада ћемо креирати наш први програм, за то морамо покренути шкољка или интерактивна конзола ЦоффееСцрипт, за ово једноставно на нашој конзоли или терминалу оперативног система где смо извршили инсталацију ми ћемо поставити реч кафа и ми ћемо ући у поменуту љуску.
Тамо ћемо поставити следећи код који није ништа друго до а Здраво Свете за почетак ове нове технологије. Почињемо проглашавањем променљиве, за то ћемо поставити њено име, знак једнакости, а затим њен садржај, у случају примера то би било следеће:
поздрав = "Свет"Гурамо Ентер, сада ћемо креирати текстуални низ, у ово ћемо укључити променљиву, за ово морамо само да поставимо знак фунта # и између кључеве име променљиве, на пример:
"Здраво! #{Поздрав}!"Притисните да завршимо Ентер опет и ми ћемо добити своје Здраво! Свет! резултат као што видимо на следећој слици:
Након што завршимо наш први програм, засигурно ћемо хтјети мало прославити, а за ово не желимо оставити љуску активном, па ако желимо изаћи из ње, морамо само притиснути типке ЦТРЛ + Д и с тим ћемо се вратити на конзолу нашег оперативног система.
Како писање свега у конзолу није нешто што ћемо често користити у нашим апликацијама, морамо научити састављати наше датотеке; под састављањем подразумевамо превод који је направљен од кода ЦоффееСцрипт до ЈаваСцрипт на овај начин резултат се може извршити на свим платформама које подржавају ову другу.
Једино што нам треба поред онога што већ имамо је добар уређивач текста, један од најпопуларнијих је Узвишени текстДобра ствар у вези са овим је то што постоје хиљаде проширења помоћу којих можемо постићи додатне функционалности како бисмо олакшали наш рад. За сада можемо користити уређивач који желимо, у примерима ћемо видети како се користи Узвишени текст.
Екстензија датотекеСве наше датотеке морају завршити са .кафа са овим ћемо знати да ови одговарају ЦоффееСцрипт, направићемо мали пример који нам приказује упозорење са поруком, затим ћемо га саставити и видети резултат.
Направићемо датотеку под називом пример1.кафа и унутар њега ћемо поставити следећи садржај:
упозорење "Добро дошли !!"Да бисмо компајлирали нашу датотеку, морамо само покренути следећу командну линију:
кафа -ц пример1.кафаОва радња ће генерисати датотеку .јс позвао екампле1.јс, како то можемо замислити на следећој слици:
ЕНЛАРГЕ
Који ће имати следећи садржај:алерт ("Добро дошли !!");
Сада се сигурно питамо која је корисност састављања датотека .кафа, одговор је да можемо без проблема користити наш код на страници, то радимо због датотеке .кафа Претраживач неће моћи да га протумачи, дакле компајлирани резултат који је датотека .јс је оно због чега ће наша страница радити.
Да бисте видели горе објашњено у истом директоријуму или фасцикли у којој састављамо наш пример1.кафа ми ћемо креирати нову датотеку, ово ће бити датотека ХТМЛ нормално ћемо то назвати екампле2.хтмл и унутар њега ћемо направити везу до екампле2.јс, да видимо потребан код:
Наша апликација са ЦоффееСцриптКада се изврши у нашем прегледачу, ово би требало да изгледа овако:
Сада ћемо креирати датотеку под називом пример2.кафа и поставићемо следећи код:
лангуаге = {оурлангуаге: {наме: "Цоффее"}} оурЕлемент = доцумент.гетЕлементБиИд ("језик") оурЕлемент.иннерХТМЛ = лангуаге.оурлангуаге.намеСастављамо и освежавамо наше ХТМЛ из претходног корака:
Као што смо приметили, последња реч наслова се променила, ако сада поново измените датотеку пример2.кафа и постављамо ЦоффеСцрипт, тако да се промене одражавају без потребе за компајлирањем, само морате да покренете следећу команду:
кафа -ц.Овим освежавамо оно што радимо .јс који су захтевали промене на основу датотека.кафа измењено, да видимо:
И на крају при ажурирању наше датотеке ХТМЛ Видећемо како се одражавају промене у нашем коду:
Овај процес компајлирања сваки пут када нешто променимо је помало тежак, посебно ако морамо да променимо велики број датотека у различитим фасциклама, зато можемо компајлер учинити „посматрањем“ и сваки пут када види или открије промену у датотека се одмах поново компајлира како би наша апликација била ажурна.
Да бисмо то постигли, једноставно морамо поставити наредбу:
кафа -в -ц.Овим састављамо цео директоријум и кажемо компајлеру да када дође до промене у датотеци да је поново компајлира. Погледајмо на следећој слици како буилд лог када се мењају датотеке, све се то дешава аутоматски:
Савладавањем ових основних делова и њиховим учинком стећи ћемо веома важно знање које ће нам помоћи да растемо као програмери. Важно је добро руковати концептима компилације и видети резултујућу датотеку, чиме ћемо постепено научити предности ЈаваСцрипт као савремени развојни језик.
Овим смо завршили овај водич, као што видимо у раду ЦоффееСцрипт То је нешто сасвим једноставно у својим почецима, наравно као и сви програмски језици има кривуљу учења, међутим није тако високо и сложено као други језици.