Започните са Кноцкоут.јс

Пренос најтежег дела апликације на клијентску страну постаје све чешћи, чиме се језици сервера преусмеравају само на оне који се упорно сналазе путем услуга РЕСТ.
Део одговорности да се све ово догоди пада на нове начине рада ЈаваСцрипт и генерисање динамичких и одзивних корисничких интерфејса, захваљујући различитим оквири постојећи.
Овај оквир има многе предности, као што су мала тежина и његова документација, као и то што је већ дуже време на тржишту, па је доследно сазревао да би се могао применити у производним окружењима.
1- Као и већина библиотека и оквира ЈаваСцрипт захтеви нису толико захтевни, у овом случају ће нам бити потребан мали веб сервер за бољу обраду наших захтева Вамп у Виндовс или пример Апацхе у Линук или Мац.
2- Потребан нам је уређивач богатог текста у стилу Узвишени текст или НотеПад ++ да би могли да напишу неопходан код како би испунили примере и вежбе које ћемо приказати.
3- Коначно нам је потребан приступ Интернету да бисмо могли да преузимамо Кноцкоут.јс ни једном.
Процес инсталације је прилично једноставан и не зависи од одређене платформе, процес ће бити исти без обзира да ли се налазимо Виндовс, Линук или МАЦ.
Прва ствар коју морамо да урадимо је преузимање Кноцкоут.јс са његове званичне странице, за ово можемо отићи на веб локацију пројекта и у одељак преузимања кликнемо десним тастером миша и изаберемо опцију Сачувај везу као:

ЕНЛАРГЕ

Важно је да датотеку сачувамо у фасцикли релевантној за наш пројекат како бисмо је укључили. Такође се може инсталирати помоћу Бовер или га чак користити из било ког од ЦДН -ови услуге како не бисмо морали да користимо наш сервер као спремиште библиотеке.
Када добијемо датотеку, једноставно је морамо укључити у датотеку ХТМЛ као што следи:

 Инсталирање Кноцкоут.јс 

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

 Инсталирање Кноцкоут.јс 

То видимо унутар наше етикете х1 постоји ознака спан и ознака спан има својство за које није изворно ХТМЛ шта је власништво везати за податке, ово нас повезује Кноцкоут.јс са нашим ДОМ дрво у овом случају смо једноставно назначили да име својства или променљиве треба узети из нашег ВиевМодел.
Ако покренемо наш пример у прегледачу, добићемо резултат попут оног који можемо видети на следећој слици:

Овим смо већ направили прву апликацију Кноцкоут.јс.
До сада смо морали схватити ту филозофију ВиевМодел је важан део посла у Кноцкоут.јс, зато ћемо наставити да се још мало бавимо овом темом.
Креирање ВистаМодел -аПостоје два начина за креирање модела, основни облик и објектно оријентисани, који већ користимо зависи од нашег начина развоја, иако се препоручује објектно оријентисана будући да нам је у почетку сложеније што нам омогућава да постигнемо бољи поредак у нашој апликацији.
Да бисте креирали а ВиевМодел основно, морамо само да урадимо нешто попут следећег:

 вар миМоделВиев = {наме: 'Педро Перез'};

Како видимо, то уопште није сложено, једноставно дефинишемо променљиву и на њу постављамо садржај стила. ЈСОН.
Сада пут објектно оријентисана омогућава нам да створимо методе приступа и манипулације својствима која желимо да поставимо у нашу ВиевМодел, за ово можемо учинити нешто попут следећег:

 вар миООООООФМоделВиев = фунцтион () {вар селф = тхис; селф.наме = 'Јонатхан'; селф.ластнаме = 'Ацоста'; селф.гетНаме = фунцтион () {ретурн селф.наме + '' + селф.ласт наме; };};

Ако желимо, у овом случају можемо директно приступити имену или презимену појединачно, или користити методу гетНаме () то нам даје име и презиме спојено или спојено.
Овде се многи могу запитати није ли било лакше направити соло Низ С именом и презименом, одговор је врло једноставан, што више могућности имамо, апликација ће по нашем мишљењу бити једноставнија, замислите да само желимо име, с основним обликом који бисмо морали обрадити да би низ био у могућности да их раздвојимо, у објектно оријентисаној промени приступамо само имовини која нас занима.
До сада је оно што смо видели веома статично, шта ако сада почнемо да користимо параметре, на овај начин а ВиевМодел То може послужити у многе сврхе, јер се нећемо ограничити на оно што утврдимо, али можемо промијенити податке према ситуацији.
Преправимо наш облик објектно оријентисана, а ми ћемо користити следећи образац:

 вар миОООООООФМоделВиев = функција (име, презиме) {вар селф = тхис; селф.наме = име; селф.ластнаме = презиме; селф.гетНаме = фунцтион () {ретурн селф.наме + '' + селф.ласт наме; };};

Као што смо могли видети, било је врло лако применити употребу параметара, сада ћемо ово применити у нашем првом примеру и на тај начин видети како се све уклапа на своје место, за ово ћемо користити следећи ХТМЛ код:

 Инсталирање Кноцкоут.јс 

Овде прво примећујемо да је везати за податке више није текст као у почетном примеру ако не користимо хтмл, ово нам омогућава да шаљемо етикете хтмл и на тај начин моћи да дамо више стила нашем одговору из ВиевМодел.
Већ у одељку где дефинишемо наш ВиевМодел видимо да пре примене везивање оф Кноцкоут.јс, правимо пример нашег ВиевМодел -а објектно оријентисана, На овом мјесту можемо дати вриједности нашим параметрима или својствима, као што видимо да смо задржали раздвајање имена и презимена, али на крају можемо користити методу која их повезује.
Када покренемо наш пример, он даје следеће резултате у прегледачу:

Биће оних који се питају шта овај оквир има што већ не нуди АнгуларЈС или Бацкбоне.јс, и они су у праву у свом испитивању, међутим одговор који им дајемо је да је то само још једна могућност коју могу имати на располагању, она има своје предности као што су добра документација и мала тежина њене имплементације (само око 20 кб), Али, као и све, свако је слободан да изабере алат који му омогућава постизање циљева и који најбоље одговара тренутним захтевима.
Овим смо завршили наш водич, успешно смо направили прве кораке Кноцкоут.јс, са овим можемо почети размишљати о свим могућностима које нам овај оквир за развој апликација нуди са логиком на страни клијента.