>> РОГЕР ЗУРАВИЦКИ: Поздрав свима.
Могу ли добити вашу пажњу?
Хвала, момци.
Данас желим да причам о Метеор.
То је ЈаваСцрипт оквир.
Ми ћемо ићи кроз колико можете направити стварно кул веб апликације.
>> Пре него што уђемо у ЈаваСцрипт, ја само Желим да кажем да је ово момци воља
се - имаћете касније пиеце овог семестра.
То би требало да буде око ЈаваСцрипт.
Мислим [ИНАУДИБЛЕ] прво ће покривају веб ХТМЛ ПХП ствари пре него ми
преселе у ЈаваСцрипт.
И у ЦС50, ЈаваСцрипт је сматра као код клијента.
Тако да само добија покренути у веб претраживач.
>> Али захваљујући недавним достигнућима у технологија, ми смо сада успели да покренете
Јава као сервер као добро.
Дакле, ово је створио заиста кул оквир јер сада можете да напишете
легитимно исти број за клијент и сервер.
А када сте дефинисали функције у вашем сервера, ваш клијент може назвати оне
исте функције.
И то чини много лакшим.
Док пре, ако користите ПХП на сервера, ЈаваСкрипт на фронту
крај, морате да напишете ПХП функцију а затим ЈаваСкрипт верзија
иста функција да уради иста врста посла.
>> Дакле, пре него што почнемо, желим да вам покажем шта демо
Метеор може да учини за вас.
Ја ћу вам показати демо, који је оно што Ви ћете бити у могућности да креирате
крај овог семинара.
Ми само идемо овде.
Ово је велики банер апликација.
То је заправо је заснована из примера Метеор који вам даје.
>> Метеор је веома лепо, јер када сте инсталирајте га у пакету, можете
у основи се играте са ове четири демонстрације.
И банер је Први од ових демоса.
Након семинара, ја вас све охрабрити да само истражује друге демос
јер мислим да су стварно цоол, и они вам показати моћ Метеор.
>> Дакле, шта је ово, ово је домаћин на банер.
Ово је само искрено списак имена.
И можете изабрати људе.
Они Ожутити.
А онда можете дати их пет бодова.
И ви ћете приметити да је листа Сортед јер као што сам ја дао више
и више бодова, сада сам на врху.
Дакле, ово је место где ћемо почети.
>> А шта ћете моћи да одузме из овог семинара је још неколико
карактеристике сам добавили банер.
Ми ћемо се покрива како да, као и додај пет поена за играча, можемо
обрисати играче, можемо додати нове играче, и ми можемо изабрати како желимо
да их сортирате.
И то су све врло лако АПИ позиви Метеор који даје за вас.
Такође имате опцију овде на насумична резултате.
>> Дакле, оно што је стварно кул о томе је момци могу заправо
сви иду на сајт.
Ја ћу га ставити у већу тексту овде.
Један-радикал-олово ербоард.метеор.цом.
А када ви одете на сајт, те би требало да буде у стању да измените сајт, и
све ваше измене ће бити видљив за све остале.
Тако да можете - сте ви сви могућности да се повежете на сајт?
Тако се играте са њом.
Иди и почети брисање нека имена.
Погледајте шта се дешава.
>> Тако да видите сви да играју.
Ово је само стандардна безбедносна Режим за Метеор.
Видиш да сви могу променити једни друге податке.
Не брини.
Метеор има сигурност.
Ово је веома лако имплементирати карактеристика, где можете да подесите корисника
и пријаве.
Али сада, свако ко посети сајт може себи дати онолико
указује као желе.
Тако сам увек овако јер ово је забаван начин да почнете.
А онда ћемо разговарати о детаљима, како
Метеор чини то могуће.
>> Зато ћу да покрије оно што је Метеор, а онда ћемо морати да покрије
два предуслова да ЦС50 није покривен довољно.
Али до краја мандата, требало би да бити задовољни како ХТМЛ и
Скрипта да би сте заиста добили ваше руке прљави рад са Метеор.
И ја мислим да је то само одличан начин за чак мање удобан студенти могу да се ураде
завршне пројекте, јер они заиста могу остати на једном језику, а они добију на
види промене своје раде одмах.
>> Дакле, ово слајд показује само неке од Главне технологије које Метеор ЈС
даје за вас.
Метеор није нова технологија по себи.
То је заиста конгломерат све ове различите ствари
имамо на интернету.
Као и ХТМЛ, ЦСС, ЈаваСцрипт, ми имају неке технологије као што Ноде.јс,
који је оно што вам омогућава да покренете Јава на задњем крају на свом
сервера, као и неки ЈаваСкрипт библиотеке, као што су јКуери, ундерсцоре.
>> Све то ће бити познато да ти до краја семестра.
И ми смо такође добили да користе базу података под називом монгодб, што је заиста
популаран база података сада ови нови почеци.
Можете да мислите о томе како попут МиСКЛ, али то ради веома лепо са ЈаваСцрипт.
А ту је и неке друге технологије овде и још много тога ја нисам на листи
да сви интерфејс заиста лепо са Метеор.
>> Морам да ставим овај слајд јер понекад сам се збуњеност о томе.
Метеор је само ЈаваСкрипт.
То није ПХП.
То није Руби он Раилс.
Дакле, ако пишете код, ако желите да напиши Метеор пројекат, ви стварно
Не могу да користим Руби код.
Ти стварно не користе ПХП.
>> Иако ћемо видети да су разлике у код и синтакса можда неће бити тако
другачија, желим да нагласим да вам да Метеор, све што је код
само у ЈаваСцрипт.
И све што вам показати да корисник ће бити ХТМЛ ЦСС.
Али ви не заправо користећи било који од остали језици који други
семинари могу покрити.
Шта Метеор такође је веб сервер.
Дакле, чак и ако немате ниједан Јава, а ви само желите да служи
ЦСС и ХТМЛ датотеке, Метеор могу да урадим за тебе.
>> И овде је веза поново демо који сам добио момци
је почео да свира са.
Али, хајде да пређемо на ХТМЛ.
Колико људи овде имају немам појма шта је ХТМЛ?
Ок супер.
И то је сасвим у реду.
Ти стварно не треба да зна много о то зато ћемо ићи преко
употреба веома једноставно.
>> То је оно једноставно ХТМЛ страница изгледа.
Ово може бити као твој Хелло, Ворлд за ХТМЛ, а почели смо у Ц са
здраво, свет.
Ја не желим да нагласим на детаљи о томе шта ХТМЛ, ком главу, шта
тело, шта ради тамо наслов.
Ја само желим да нагласим структуру, како сте ознаке.
И то је у угласте заграде.
И ту имате Ваши дескриптора.
>> Тако да можда има ХТМЛ документ.
А онда ћете затворити ХТМЛ документ са обрнуте косе исту ствар.
А ви имате различите врсте тагова.
И приметите да су сви они упарен.
Имаћете као телесне ознаке а затим затвори тело ознака.
И унутар тела ознаку, то ће бити садржај веб странице.
Дакле, ова интернет страница ће једноставно приказати у белом позадином и црним текстом
здраво, свет.
Да ли то има смисла?
У реду.
>> Сада ћу да се брзо покривају ЈаваСцрипт.
По речима претходног ТФ, "Јава је најбољи програмирање
језик који тренутно постоје.
Други људи ће покушати да реци ти другачије.
Они су у праву. "ЈаваСцрипт је прилично лепо, и ја ћу вам показати зашто.
>> Дакле, ово је класичан пример почнемо са у Ц. Морамо здраво, свет.
И приметите да, чак и ако сте психијатар то, морате да имате најмање две
линија кода овде.
Имам неколико линија кода.
Ово се може урадити врло једноставно.
Једна линија у ЈаваСцрипт са цонсоле.лог, а онда ваш ниска,
здраво, свет.
>> Сада, иако се селимо у нови језика Јава, скоро све
вештине које сте научили од кодирање у Ц су директно преносив.
Дакле жице, идеја жица у двоструки наводници, то је исто.
Зарез, то је исто.
>> Уредан прилог о ЈаваСцрипт заправо је то иоу
не треба зарез.
То може да погоди да ли треба стави ту тачку и зарез.
Али то рекао, увек треба пробати да тамо стави зарез.
Сматра добар стил.
И такође, не постоји основна функција.
Само почети на врху датотеке и прочитао ствари линију по линију.
>> Онда је ово оно што је потребно да би то здраво, свет програма.
И онда приметите да морате да направити здраво и затим покрените здраво.
Са ЈаваСцрипт, сматра тумачити језик.
Шта треба да знате је да је нема одлука.
>> Нема компајлирање.
Само покрените чвор.
И запамтите чвор је програм који ће покренути ваш ЈаваСкрипт на конзоли,
на црној кутији, а не сајта.
Дакле, само му дати фајл, и то је штампања здраво, свет.
>> Ја стварно ћу мало демо да за вас овде.
Дакле, идемо у моју Ноде.јс терминала.
У реду.
Идемо овде.
Зато ћу почети чвор.
И ја ћу показати момци у само сек како да се то
инсталиран, ако не урадите.
Дозволите ми да то мало већи.
У реду.
Надам се да ви можете видети.
>> Тако да могу да пишу код као што сам урадио пре у цонсоле.лог.
Здраво, Роџер.
И приметио ја не морам да радим зарез, али онда сам се ово чудно
недефинисана ствар.
Па заправо, нема везе недефинисан ствар.
Ствари које желим да приметити је да вам Овде не треба главну функцију
да почну да раде код.
И нема краја обрнута коса црта.
Има неке мале могућности да ЈаваСцрипт може да уради за вас.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: О, да.
Жао ми је због тога.
И то само значи стрелица чвор је спреман за још једну команду.
Тако да можете да га уради једноставно математика, као 1 плус 1.
И баш као у Ц, овим математике симболи су само исти.
Ја могу да урадим цонсоле.лог броја.
А онда је штампа два.
ЈаваСцрипт је лепо у том смислу, јер иако је два инт,
као у Ц, ако сте са принтф два, да би добили грешку.
>> Али ЈаваСкрипт зна, ох, ти си штампање нешто.
Идем да треба стринг.
Дакле, дозволите ми да конвертујете два у низу за вас.
И ви такође можете да урадите неке чудне ствари као здраво и онда плус два.
Ово је само још један пример како два могу да се конвертују у тамо.
>> Дакле, са тим од начин, хајде да само покривају мало више ЈаваСцрипт.
Дакле у Ц, имамо врсте.
Кад год смо креирали нову променљиву, ми морам да кажем да је то знак * или
стринг у предмету ЦС50.
Или ако смо имали децимални број, морали смо да кажемо флоат.
Ако нам је потребан Боолеан, морали смо да кажемо б.
И онда када смо имали нешто да је б, она је морала да остане инт.
Нисмо могли да га магично променити инт осим ако смо писали у
заграде, инт б.
>> У ЈаваСцрипт, постоје типови.
Ви само мислите о томе као вар.
И вар је како да креирате нови тип.
Дакле, то може имати вар а као стринг, вар н као пловак,
и вар б бити истина.
И једна ствар коју не можете да урадите у Ц је Ја сада могу да кажем, након тога линија, б
једнака цео број.
И то ради сасвим добро.
Док је у Ц, то ће рећи као Ваш цео није воид.
Ја не могу то да урадим за тебе.
Или [ИНАУДИБЛЕ] би избацити грешку.
>> И ја брзо могу да се вратим у чвор и покажи мало те функционалности.
Тако да могу да имам вар а.
Назовите га "Јабука." Тако да сада када сам одштампате, Ја узмем жицу, 'Аппле'. Али ја могу
Такође сада кажу једнак 3.
И приметио нема грешке.
И сада је једнака 3.
Има ли питања до сада?
Да.
>> ПУБЛИКА: Чекајте, па цонсоле.лог је у основи иф, зар не?
>> РОГЕР ЗУРАВИЦКИ: Цонсоле.лог је ваш принтф.
>> ПУБЛИКА: Тачно.
Па како то да, ако сте само укуцајте у осам или [ИНАУДИБЛЕ], шта да
[ИНАУДИБЛЕ]?
>> РОГЕР ЗУРАВИЦКИ: Тачно.
Дакле, то је -
ствари у зеленом добија одштампан на конзоли.
А шта ћемо видети следећи је када смо прешли на Интернету
страна, нећемо радити -
Се ЈаваСкрипт има ХТМЛ шаблон, који ћу покрити у
Метеор део семинара.
И то је где можете рећи, дај ми вредност, и то ће ставити А у
ваш сајт.
Зато сваки веб претраживач заправо има малу конзолу.
А ако сте гледали врло пажљиво, ви би добили неке информације, као што су ваше
принтф тамо појављују са свака веб страница учита.
>> ПУБЛИКА: Како сте добили на схелл екран?
>> РОГЕР ЗУРАВИЦКИ: Дакле, ту је команда зове чвор, а долази са Метеор.
Зато ћу само одустати од тамо.
Чвор је програм који покреће ЈаваСцрипт.
Ако одете на метеор.цом, ви може инсталирати Метеор, и
Метеор долази са чвором.
Јер Метеор је само збирка од свих ових софтверских пакета.
Када стигнемо у нашем примеру, хоћу шетња кроз све инсталације
Метеор, а онда можете да играте са чвор себе.
Ок, супер.
>> Дакле, још једна сјајна одлика о раду ЈаваСцрипт је са петље су исти.
Прилично потпуно исти.
За петље, док петље, урадите док петље, ако друго.
То је све исто са протезама.
То је иста синтакса.
У случају за петље, мали детаљ да морате да обратите пажњу
да се уместо инт и једнако 0, морамо да кажемо вар и износи 0..
Али то је због променљивих типови који смо говорили раније.
>> Приметимо да постане принтф дневник, цонсоле.лог.
И не треба да урадите одсто П косих н и затим проћи у И.
Само могу да кажем.
И то би одштампали бројеве од нула до четири.
Ако ви желите да пробате ово, јер ви донели добру поенту.
Ако сте желели да покренете овај код на ваш сопствене претраживач, ја бих препоручио да
свако отвара Гоогле Цхроме.
Гоогле Цхроме или било ког веб претраживача стварно, али ја волим Гоогле Цхроме
јер је веома стандардизован.
>> Можете да одете на, верујем, ако у праву кликните на било који сајт, само у
бели простор, видећете опцију Проверите зове елемент.
Обично је последњи.
И када кликнете на њега, требало би да ствар на дну појави овде.
Дозволите ми да увећате овде.
И имамо неколико картице овде.
Један ти је стало је конзола.
>> И ово је ЈаваСцрипт конзола да ли сада могу да раде са.
Сјајно.
Тако да можете да упишете у исте ствари Био сам пре куцања у чвор.
Један плус један два.
Вар једнако "Аппле".
И онда бих одштампате, и а је "Аппле".
Дакле, у било ког веб претраживача, Фирефок, Цхроме, Сафари, шта год да користите, као
док имате приступ ЈаваСцрипт конзола, иста врста
Код сам трчао у чвору ви може да ради у свом конзоли.
>> ПУБЛИКА: [ИНАУДИБЛЕ]?
>> РОГЕР ЗУРАВИЦКИ: Како да добити на конзоли?
Морате да десни клик на празан простор на страници, а затим идете на
Проверите Елемент.
Па заправо, ја бих вас момци да само проверите да ли можете
Проверите елемент у Цхроме.
А види када куцате у неким код у конзолу
да правилно ради.
Слободно питајте било каква питања, ако нешто није јасно овде.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Било која врста, у праву.
Постоји само један тип за све Променљиве у ЈаваСцрипт.
А када треба да прогласи променљива, кажете вар.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Да.
То се, али у ЈаваСцрипт, врло је паметан око додељивања меморије.
Нема маллоц.
Нема слободне.
Дакле, не морате да бринете о томе.
То је још једна лепа могућност да Јавасцрипт вам пружа.
>> Зато бих волео да се крене даље.
Да ли је то у реду?
У реду.
Сјајно.
>> ПУБЛИКА: Ја само имам проблема проналажење [? Проверите Елемент. ?]
>> РОГЕР ЗУРАВИЦКИ: Па Сафари изглед мало другачије, али да ли
имају Цхроме или Фирефок?
То су лакше они да раде са.
И за своје пројекте, препоручујем лепљење са једним бровсер јер
ћете добити пуно грешака готово јер сваки бровсер третира
Јава ХТМЛ-мало другачије.
Тако да мислим да твој живот ће бити много лакше ако се држимо Цхроме јер
то је доступна на свим машинама.
И то је прилично популаран претраживач.
ОК?
>> Дакле следећу тему да ми треба покривају у ЈаваСцрипт -
Жао ми је због форматирања овде.
Морао сам да се протегне слајдове да одговарају видесцреен пројектор.
Али сада бих желео да причам о како радите функције.
У Ц, морамо да се изјасни свака функција.
Као инт додати, и то узима у инт к, и инт, а онда смо их додати
и вратити га.
>> У ЈаваСцрипт, функције су у ствари други променљива типа.
Дакле, ми смо само рећи вар додати, и то је једнако функцију.
Функција која узима к и и.
И шта то уради функција?
То враћа Кс плус И на потпуно исти синтакса као у Ц и приметите да у
Јава, нећете бити речено шта Функција враћа зато јер
варијабле не ионако нема типове, она то није стварно продуктивни, претпостављам,
да се прецизирајући све ваше врсте у вашим функцијама.
А онда када позовете функцију, то је потпуно исти као Ц. синтакса Иоу
само прође у вашим два аргумента.
Волео бих да пробам ово у мом чвору.
Могу ли да променим слајд?
>> ПУБЛИКА: [ИНАУДИБЛЕ].
Хоћемо ли добити копију слајдовима?
>> РОГЕР ЗУРАВИЦКИ: Да.
Па хајде да се вратимо на чвору.
У реду.
Зато ћу рећи вар додатак једнако функцију.
Полагање к, узимајући г.
А онда се зна да је изјава није завршена.
Дакле, у чвору или у конзоли, приметићете Дот Дот Дот.
Тако да можете да задржите куцате свој код.
А сада ћу рећи повратак к плус и.
А онда затворите браће.
И тренутак сам затворити браће, она види да изјава је завршен.
>> И сада могу да кажем додати један и два.
И ја ћу добити три од.
Имајте на уму да ако ја само нисам додати, то каже ми да је функција.
И једна ствар само да обрате пажњу на је ако му дати погрешан број
аргументи, то ће учинити.
То ће покренути, али можете добити неки заиста чудна резултата.
Нешто као вредности смећа, можете мислити о томе.
Зато молим те иди напред и покушајте ово у вашим бровсерима.
>> У реду, тако да је у интересу времена, ја ћу сада прећи на следеће функције у
ЈаваСцрипт.
Дакле, ми смо говорили о функцијама.
Ми смо разговарали о петљама, ако изјаве превише.
Синтакса је иста као Ц и варијабли.
А сада желим да причам о низовима.
Жао ми је што су слајдови добио мало одсечен.
Али заправо, у првом делу, све што вам је потребно радити.
>> Дакле, имамо још један тип за варијабле зове низове.
И ми користимо угласте заграде да их означавају.
Дакле, у првом примеру, вар обр, празан низ.
Ово је листа празна, па низ који не садржи елементе.
И ви такође можете имати низ са три жице.
У Ц, сваки елемент у вашем низа морао да буде истог типа.
>> Али зато у ЈаваСцрипт само постоји једна врста, низови могу заправо
имају различите врсте вредности.
Као овде, имамо низ са пловак, боол, и инт.
Начин добијате дужину низа, Ви стварно не морате да користите величину
или било шта.
Ви само кажете низ и онда дот дужину.
И ова дужина тачка, можете размишљати о она врста као струцт, како сваки
низ има поље, екстра променљива у њему се зове дужине, који
прати колико дуго ваш низ је.
>> Па ја само брзо ићи у чвор и показати вам момци исту ствар.
Тако да могу имати низ.
То може бити празан листа.
И то ће ме штампање резервну празну листу.
Сјајно.
Ја сада могу да кажем да низ има 1 и 2.3, и истина.
Дакле, сви различити типови.
И приметите то ради сасвим добро.
Низ се вратим подржава све вредности сам га дао.
>> Да сам хтео да се први елемент низ, синтакса је заправо
исто као у Ц. Иоу може рећи низ нула.
И ти добити један.
Ја могу да кажем исто за низ два, а ја се истина.
Ако урадим нешто ван низа, ЈаваСцрипт је безбедан језик
јер нећу добити СЕГ грешку.
Донећу недефинисан.
>> И то не дефинисана, ти некако могу од размисли о томе како нулл.
Али, то може да буде заиста нервира када Код јер ћете морати да проверите да
скоро све што радите, ви раде са је дефинисана.
И ми ћемо видети неке примере ово кад радимо у Метеор.
>> Иако је низ четири је недефинисан, Ја могу да му доделите вредност.
Зато ћу рећи да је једнако један.
А онда, ако одем у низу, ја има ту додатну вредност.
И приметите да је низ од три, што такође је дефинисана, остаје непозната.
Тако да ја сада имам низ са рупа у средини.
Али ако ја штампан низ четири, Ја бих добити један.
Ако јесам низ три, имам недефинисан.
>> Тако лепа могућност да ЈаваСкрипт вам омогућава да урадите је да листе могу
промените величину.
Низови, низови као листе, они променили величину.
И можете да наведете било коју локацију унутар њих.
И сви недостаци ће бити испуњен са овим недефинисаним вредностима.
>> Дакле, ми смо говорили о низовима.
Сада, последња ствар коју желим да покрије у Јава, а то је веома важно
за разумевање код који Ја ћу вам показати,
ће бити објекти.
А предмети су термин у -
основи, су присутни у многи програмски језици.
И сваки програмски језик воли да мисле од њих мало другачије.
>> Али мислим да за Метеор, добра Аналогија је Ц струцт.
У Ц, ако желимо да пронађете струцт Студент, морали бисмо да наведете све
ствари у њему.
Дакле, она мора да има име.
Она мора да има годину.
Она мора да има род.
Али, морамо да га дају врсте свих оних ствари.
>> А сада да имамо овај калуп за струцт зове ученик, можемо имати
нови строги, а онда смо ручно кажу шта свака од поља су.
И то је где користимо дот име, дот године, дот пол.
И онда ми само, у последњој линији код овде, ја само штампање
Назив студента струцт.
>> У ЈаваСцрипт свету постоји постоји таква ствар као струцт студент.
Ви не генерише подешену структуру.
Ви заправо само, у овим заградама, кажете шта је све.
И то је то чудно нотација са дебелог црева и онда запета, али ћете
навикнеш ускоро.
>> И то је заправо веома лако, флексибилан начин само
манипулише објекте.
Можете приметити да, ако желим да се сада име из с, ја само радим с.наме.
Да ли постоје питања у вези овога?
Ово је обично врло збуњујуће тема када смо увести људе да
ЈаваСцрипт.
Ја ћу урадити неке примере ово у чвор.
Да?
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Па ви урадите имају пример, мултипла
променљиве тог типа.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: У реду.
Претпостављам начин да ће ићи о је ти би ставио предмете у низу,
а сада ћете имати низ објеката.
Да ли то одговор на твоје питање?
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Да.
С је један објекат.
Дакле, можемо да одемо у чвор и само играте мало.
>> ПУБЛИКА: [ИНАУДИБЛЕ]?
>> РОГЕР ЗУРАВИЦКИ: О, у реду.
Дакле, ако питате шта су класе, Часови се третирају веома различито,
и они имају заиста чудан шему зове прототипова, који ви не урадите
треба да знате о.
Не постоји фиксни начин да то урадите.
Дакле, ако желите да генеришете више, те би некако имају функцију
или нешто.
Можете генерисати сопствени функцију.
А ти би се вратили објекат.
То би било најлакше начин да се то уради.
Да ли то смисла?
У реду.
Сјајно.
Дакле, када имамо разумевање Јава објекти, они су -
ох, да.
>> ПУБЛИКА: [ИНАУДИБЛЕ]
пример, шта је разлика између "Роџер" са двоструким наводницима наспрам
[ИНАУДИБЛЕ] са једноструким наводницима.
>> РОГЕР ЗУРАВИЦКИ: У реду.
Дакле, ово је у Ц, имамо сингл цитати представљају знакова, и дупли
цитати представљају низове.
Јава заправо баца ово далеко јер можете имати жице са
једнокреветне или двокреветне цитати, и ту је не постоји таква ствар као један знак.
Али, ако само копирао исти Ц код, ЈаваСкрипт би
третирати га баш добро.
Зато сам га третира као -
зато сам буквално могу лука код у том смислу.
>> И ја желим да вам покажем пример од компликованију објекта.
Дакле, можете приметити да је један објекат могу имати низове као вредности.
То може имати још једну листу вредности.
То би могло имати листу објекте као вредности.
Заиста постоји ограничење за ово.
Дакле овде, то је само добра демонстрација како можете да добијете много
различите врсте дешава све у једном објекту.
Да ли то смисла?
>> Сада, можете имати низови објеката.
И овде је некако слична ономе што питао, да ли могу да имају објекте
истог типа.
Али проблем је, не постоји фиксна формат за објекте у ЈаваСцрипт.
Дакле, морате да их наведете себе.
И морате да се уверите да су униформа.
Дакле овде, када креирам објекат, имам да се уверите да сваки од њих има
име, а свака од њих има кућу.
>> И онда ја имам низ оних, и то може бити моја викендица.
А онда овде можете некако види за петља дешава.
За петља је само стварно заједнички начин да пролазе преко низ
у ЈаваСцрипт.
Обратите пажњу да је овај модел је веома сличан на Ц еквиваленту, где вам
имају ИНТ И једнака нули. ја је мања од дужине.
А онда сам плус плус.
>> То је скоро исти број, осим неколико детаља.
Дакле, да ли сви разумеју шта је објекат?
Само размисли о томе као Ц струцт.
А начин на који приступате поља је само са тачком.
И докле год се сећате како се користите тачку, ви ћете бити у реду.
>> У реду, тако да сада могу сви прочитајте ту везу?
Ово је линк на пројекту.
Да ли је неко имао проблема види везу?
У реду, хајде да га промените онда.
То није -
Да, то је вероватно Најлакши начин да то урадите.
Сјајно.
>> Дакле, ако идете на овом сајту, тамо треба бити неких инструкције да ћу
иди о томе како можемо инсталирати Метеор и добити наш пројекат узорак ради.
Желим да се уверите да свако има веза пре него што пређем.
Могу ли да идемо даље?
Ок, супер.
>> Дакле, овде сам на сајту.
Приметићете у реадме фајлу, имамо неке упутства о томе како
да се ти поставити.
Потребно је да буде или у ЦС50 апарат или само на Мац.
Виндовс неће радити.
Али у суштини то није ништа Виндовс би требало да раде са овим
инструкције сасвим у реду.
Али ја могу то учинити помало већи као добро.
>> Тако ћете покренути први пар команди.
Ови момци ће само инсталирати Метеор.
Ја могу да идем у мој терминал.
И ако сам покренути исту ствар сада, Ја већ имам га инсталиран.
Дакле, то је нешто краћи.
То би могло да потраје мало дуже за вас момци.
Али ја желим да прво проверите да ли да имамо Метеор ради.
После Метеор је инсталиран, требало би да бити у могућности да се чвор у конзоли.
>> ПУБЛИКА: Траже за лозинку.
>> РОГЕР ЗУРАВИЦКИ: То би било ваше корисничка лозинка, ако си на Мац.
То само треба дозволу модификује неке системске фајлове.
Дакле, питање је, ако вас пита за лозинка, то је само вас питам
за ваш усернаме пассворд када се пријавите на ваш Мац.
И то је тако да можете промени системске датотеке.
>> А када сте спремни, можете да пређете на на следећи корак, који ће копирати
код узорак имам са сајта.
И ви ћете добити нови директоријум у вашем хоме директоријум зове банер, и
можемо почети са радом одатле.
Па ја само копирање и лепљење ових команде у мој терминал.
И за мене, ја га већ клониран.
Тако да могу само да пређем у табели.
И ја треба да има неколико датотеке у тамо.
Има ли питања?
>> ПУБЛИКА: [ИНАУДИБЛЕ] не ради.
>> РОГЕР ЗУРАВИЦКИ: О, ви можда треба гит инсталиран као добро.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Извините?
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: О, у реду.
У реду.
То је зато што ћете можда морати да буде пријављени у ГитХуб да се на овај линк.
Ако ви можете да видите да, најлакше начин да се то уради ја бих онда рећи је
Преузмите зип.
И то ће само преузети све датотеке.
И онда када га ставите у вашем преузимање или ваш хоме директоријум -
Препоручујем стављајући га у вашем хоме директоријум тако да сви могу да
покрените исте команде.
Докле год имамо фајлове, ми ћемо бити у могућности да почну да раде са њима.
Дозволите ми да знам да ли људи имају Невоља преузимање датотеке.
>> ПУБЛИКА: До хоме директоријуму, мислиш -
>> РОГЕР ЗУРАВИЦКИ: Па хоме директоријум би бити Џон Харвард, ако сте у
ЦС50 апарат.
Да бисте добили на ваш хоме директоријум, само укуцајте у Ц.
>> ПУБЛИКА: [ИНАУДИБЛЕ]
ЦС50 апарата [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Да.
Желите да покренете команде у свом терминалу.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
Имам грешку која каже не такве датотеке или директоријума.
>> РОГЕР ЗУРАВИЦКИ: Можемо узети брз разбити и само се уверите да
свако има инсталиран Метеор, а ја ћу само идите покушати да помажем људима.
Покушајте да помогну једни другима ако да сте покренули у проблеме.
Извини, да.
Да ли сте обоје у апарату?
>> ПУБЛИКА: Да.
Имам риса
>> РОГЕР ЗУРАВИЦКИ: У реду.
Ако се вратите на сајт, иди дођите до врха.
А ту је и ово ХТТПС.
>> ПУБЛИКА: Цопи ово?
>> РОГЕР ЗУРАВИЦКИ: Да.
И онда ви желите да укуцајте у гит цлоне.
Дакле, ако притиснете контролу -
>> ПУБЛИКА: Овде?
А да [ИНАУДИБЛЕ]?
>> РОГЕР ЗУРАВИЦКИ: Г-ја-Т.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Гит и онда клонирати.
Тако да је врло слична команди ви имао горе, али УРЛ променила.
Дакле, пре него што је овај, сада је то.
Дозволите ми да упдате -
Да.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Ово је преузети.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: О, па то није исправно клонирати.
Ја ћу то да средим.
Ту је грешка са покушава да преузмете фајлове.
Дозволите ми да ажурирате команду за вас момци тако да могу бити сигурни да ће радити.
Жао ми је због тога.
То би требало да буде иста за ПЦ или ЦС50 апарата.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Ја сам упдатед команда за број два, ако
освежите страницу.
И са овим, УРЛ адреса, требало би да буде могли да преузмете фајлове.
>> ПУБЛИКА: Дакле, ако смо још увек довнлоадинг [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Ако си још преузимање Метеор?
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Да, ако желите да се развијају на вашем Мац-у.
Али треба Ксцоде Девелопер алати инсталирани.
Ја сам тестирао ове команде на ЦС50 апарат, тако да могу да гарантујем
да ће то радити.
Да. пусти ме да ти помогнем.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
Дајем моју лозинку.
Ово је Мек.
И онда ја радим [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: У реду.
Ја бих пробати приказују све команде искључиво у ЦС50 апарата терминала.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Ја бих се то ради прво на терминалу, о
ЦС50 апарата, а затим Мек терминала.
>> ПУБЛИКА: Дакле, ако то урадите на ЦС50 Примена овако, [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Ја бих да се на, али ако људи и даље имају
Невоља постављање Метеор, Кевин је више него срећан да вам помогне да се момци,
Кевин у сивој мајици.
Оно што би требало да је да ћемо покрените последњу команду, број три, у
наш терминала.
Када то урадимо, ми ћемо покренути Метеор.
>> И требало би -
Ох, ја већ имам Метеор ради.
Дакле, то неће дозволити - пусти ме само затворим друго Метеор.
Када сам покренути Метеор, ти Треба сада да видимо -
требало би да видите тренутни директоријум да то служи.
И сада ће то рећи серверу ради на хттп://лоцалхост.
То је УРЛ који желите да ставите у у вашем веб претраживачу.
>> И на тај УРЛ, требало би да буде у стању да приступ леп мали вођства.
Дакле, приметите да је ово на лоцалхост, што значи да ако радите било
промене, не идете на видети једни друге промене.
Док на сајту сам вам показао на почетку, ми смо могли да
Промене свачија јер сви је приступ исти сајт.
>> Дакле, дозволите ми да одем на [? реч?]
3.000.
Дакле, требало би да будете у стању да само потврди да функционалност ради.
Можете да изаберете различите људе, и можете им дати различите тачке.
Тако да сам дао неко поене.
Такође можете видети да они расту у рангу.
>> Сада, у интересу времена, тамо Три су особине које сам
имплементиран.
И ми ћемо да спроведе брисање корисника као наш први играни.
Али пре него што кренемо даље, су Има ли питања?
Имао си своју руку.
Да?
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Да ли можете да проверите Метеор који је инсталиран?
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Локално домаћин 3.000?
А ти си у ЦС50 апарата?
Ја могу да урадим -
Ви не морате да будете на Мац.
Ово ће радити у апарату.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: У нормалан веб претраживач, да.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Да ли је Метеор трчање?
Дакле реду, ту је разлика овде.
Ако га користите у апарат, морате да урадите
лоцалхост унутар апарата.
Ако га користите у вашем Мац, као ја, онда ја могу да урадим
мој Мац Гоогле Цхроме.
Али ако користите ЦС50 апарата, морате да урадите све
у апарату.
Дакле, морате да користите Гоогле Цхроме у апарату.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: То је и даље не ради?
>> ПУБЛИКА: [ИНАУДИБЛЕ].
>> РОГЕР ЗУРАВИЦКИ: Дакле, само да поновим, како приступити сајту сада.
Имате овде на УРЛ лоцалхост 3.000.
Ако сте у ЦС50 апарата, морате да отворите ЦС50
Примена је Гоогле Цхроме.
И у том оквиру Гоогле Цхроме уређај, можете да упишете у тај УРЛ,
и требало би да видите вођства.
Зато ћу га само одложити на страни овде мало.
А сада ћу да отворим текст едитор овде.
Дакле, дозволите ми да се уверите да код је у реду.
У реду.
Сјајно.
>> Волео бих да сада хода кроз код мало.
И први фајл ја бих да почнем са је леадербоард.хтмл.
Ви ћете бити у могућности да добију овај код после Семинар, тако да сам само желим да покажем
ви на мом компјутеру шта се дешава.
Тако да се надам да сви виде ово.
Дакле, на самом почетку фајла, ми имамо главу и титулу, који
је слично ономе што смо видели у сваком ХТМЛ документу.
А онда ћемо имати тело ознака овде.
>> Оно што сам изабран је главни тело, у основи оно што је
ће да се приказује.
Али постоје неки нови не-ХТМЛ ствари, и да је у
двокреветне угласте заграде.
А ово су ознаке шаблона.
Тако ћете овде видети овај носач носач нови банер.
И ово је некако - мислим о томе као позивање функција за ХТМЛ.
>> То је посебна верзија ХТМЛ-а.
То је верзија која користи Метеор, који Зато можете да прикажете различит
ствари, као што леадербоард имена и дугмад.
Али банер ти каже да иде у шаблон са именом табели.
Значи шаблон не буде приказана сама, али је функција, тако да
ће се зове.
И ви ћете заменити у све ово код овде у табели.
>> Занимљиво део рекордерима овде је само то сто.
Ако сте управо прочитали, прочитајте овај код наглас, она би требало да буде интуитиван
јер банер, сви ми имају овде је табела.
Ово ИД класа ствари ви не треба да бринете.
Само знам да постоји заглавље табеле.
То је ово тхеад.
>> И нађе име и резултат.
Све ове ознаке, као тхтабле, тхеад, само ћете научити како да идете заједно.
Није важно да ли памтите ово јер можете само приступити било
референце на мрежи.
Или до краја семестра, ови ће само бити веома упознати са вама.
>> Након заглављу табеле, део који желим да вам скренем
пажња да је ово ознака ч.
Зато што је у двокреветним загради, то је шаблон.
Значи за сваки од играча, год играчи се, морамо да
приказати га.
И идемо на играча шаблону.
>> Ако идите доле мало више -
Надам се да сви могу да виде да.
Имамо играча шаблон.
И овај шаблон у основи дефинише сто ћелија, где сте ставили у име
овде и резултат.
Зумирање се сада, можемо видети да овај део кода -
и то је био наш играч тамо доле -
дефинише један од ових ћелија.
Свака ствар коју сам клик постаје жута.
>> Једноставан начин да могу да га сада променити.
Уверите Метеор још увек ради.
Метеор треба да буде сервер процес, па само га оставите
ради када сте развили.
Рецимо ја желео да промени сва имена или резултат.
И ја бих рекао да ћу додати поене овде.
Тако сам направио промена овде био, уместо само резултатом, ја
додај сцоре простора поена.
>> Идем да умањите, и ја сам ће сачувати своју датотеку.
И после ја сачувам датотеку, треба да се уверите Метеор ради.
Извини због тога.
Желим да вам покажем измене су урадили у реалном времену.
Зато ћу само променити текст.
Кликните на плаиер.
Гасим у свим капе.
И треба да буде да ако је то ради исправно, када сам га спасити, она
би упдате.
>> Ох, мислим да сада проблем Нисам у правом директоријуму.
У реду.
Жао ми је због тога.
Дакле овде, шта сте приметили је моја промена прошли.
Сада кажем да желите да вратите измене.
Желим да се вратим на оно што сам имао.
Само ћу да га откуцате нормално.
Кликните на плаиер.
>> Чим сам га спасити, сајт освежава за мене.
И ја видим моју промену на сајт одмах.
Ово је заиста корисна функција у дебаговање јер сада
Ја не морам да -
када пишемо Ц код, не само јесмо треба да сачувате датотеку, али смо морали да
чине га и затим покрените га поново.
Метеор је веома лепо, јер за разлику од Ц, тренутак сачувате ХТМЛ или
Јава фајл, промена појави одмах.
>> Једно питање је, у ових шаблона, како да добијем вредности као играча
или изаберите име?
Ако сам зумирати овде у мом коду, Видим ово за сваки играче.
Дакле шаблон зна да Имам играче некако.
И то зна да постоји одабрано име.
Одакле то долази?
То долази из ЈаваСцрипт.
>> А ако одете на леадербоард.јс, ово датотека, сада када одем одавде, имамо
неколико команде дефинисано.
Ово је посебан Метеор синтакса.
Обратите пажњу да вам не треба Варс или било шта.
Али, то су само Структуре на Структуре по Структуре или ових објеката.
И све сам дефинисања је шаблон зове банер.
>> Банер треба да добије ствар се зове играче.
А шта је играчи?
То је све што овај израз враћа.
А шта је изабрано име?
То је нешто више код.
Детаљи код ћемо покривају мало касније.
Али сада хоћу да разумеш да у овом коду, ми предузимамо
играчи, а ми му даје вредност.
У овом случају, то је функција да буде погубљен.
Дакле, можемо добити вредност назад када смо покренули функцију.
Ово је дневник.
Да ли то смисла?
>> Могу да промени начин на који је сортиран.
Ево, ту је врста објекта.
А шта овај каже се да ћу за сортирање по опадајућем оцена прво и
затим име узлазно.
Ако променим ово на једној, то ће да сортирате резултат растуће.
Дакле, нула треба да буде на врху.
И кад сам зумирање у мом сајту, ми Сада видим да је сајт ажуриран.
А резултат је Асценд.
>> Следећи функција само желим за покривање је клик прираштај.
Од интереса времена, ја нећу бити у стању да покрије више од Метеор
код, али има доста ресурса на располагању, а ја ћу бити
овде после семинара.
Али ја само желим да покрије леадербоард догађаји.
Ова синтакса ћете научити Нешто касније у предавању.
Ово је ЈаваСцрипт.
>> Ми само говорите, кад се клик, и то је на прираст, ово
хасх само значи ИД.
На прираст ИД таг, онда желимо да ажурирате - кључне речи Желим те
да гледају је ажурирање и изаберите и играч.
Дакле, шта год да је изабран играч, ми га ажурирати.
А шта ми радимо јесте да повећате његов скор од пет.
И који ће описати функционалност имамо овде.
>> Након завршетка овог семинара, ми ћемо бити у стању да види нешто више кода.
Али да се вратим на моју циљем да желим да промени сајт, хтео сам овде
да додате дугме ремове тако Ја могу избрисати плаиер.
Тако да се то уради, треба да уради две ствари.
Морам да ажурирате ХТМЛ, ажурирање видите, оно што се приказује кориснику, а
онда имају неки ЈаваСкрипт да када се притисне дугме, Метеор иде
да уради нешто.
То ће уклонити тај плаиер.
>> Дакле, постоји много комади кода који имају у основи већ
учињено за мене.
Ако погледам овде, ја већ имам начин добијања изабрани играч.
То је ове ствари, ако можете да га видите.
Дакле, ако сам само -
Ја ћу имати још један догађај.
Зато ћу да копирате оно што имам.
Пошто је ово списак, Треба ми само зарез.
>> Дакле, сада ћу да кликнете избрисати.
И онда уместо играча ажурирања, Ја ћу да урадим играча избрисати.
И сви играчи избрисати потребе је изабран играч.
Дакле, ова функција је све што нам је потребно.
Ја морам да додате неки ХТМЛ овде ипак.
Дакле, ако сам дођите овамо, ово је ХТМЛ приказ.
Имали смо нешто овде, која је била ознака.
Не морате да бринете о томе.
>> Оно што је битно је да ли је ово ИД прираштај.
И то је оно што нам је омогућило да кажем, када смо кликнули прираштај, морамо да
дај пет поена.
И ви ћете видети да је ово дугме.
То је оно што значи бтн.
И текст у дугмету је дати пет поена.
Па шта ћу да урадим је да сам ће да копирате ову линију.
Идем да промените ИД за брисање.
И ја ћу да се промени текст овде да избришете.
>> Дакле, проверите да ли је све спасио.
Желим да се вратим у моју ЈаваСцрипт да се уверите да имам
избрисати постројили овде.
Добро.
Зато ћу да сачувате обе датотеке.
Након снимања фајлова, ми да се вратимо на дно.
И сада видимо да имамо дугме делете.
И још један корак.
Можете приметити можете добити грешка јер кад кликнем
избрисати, ништа се не дешава.
>> Начин да дебуг то је да иде назад на проверавајте Елемент.
Радим ово намерно тако можете видим како би отклонили грешке нешто.
У Прегледајте елемент, имамо све наше текст овде доле.
Желим да се вратим на конзоли.
А шта се дешава када одем овде је да добијем неку врсту грешке.
Он каже да нема метод избрисати.
>> Дакле, шта то говори је када одем назад на коду, позвао сам плаиер
делете овде.
Брисање је заправо не право команда.
Тако да сазнате шта је право команда је, ту је Метеор АПИ.
Документација желим да вам тачка момци то је само на метеор.цом.
Тако сам га овде.
Ово је само да ви знате где да науче више.
>> Постоји линк на документацију.
И у основи, ја могу само пронашли за брисање.
И оно што видите, бришете је заправо уклонити.
То је команда која Морам да зовем.
Дакле, сада знамо да, ја идем да промени ово избрисати уклонити.
Дакле, сада, када сам се вратио у моју леадербоард идем сајт, ја ћу да кликнете
избрисати, а сада ме нема.
Нема више Роџер.
И ја могу да наставим брисање сваке једно име док ја немам ништа оставио.
>> Дакле, то је било мало титла како да користите Метеор.
Бићете учење много више ЈаваСцрипт и ХТМЛ неопходно направити
да изгледа лепше, које ћемо покрити у овонедељна [? комад?] сет за ХТМЛ
и ЈаваСцрипт у следећа [? комад?] сет.
>> Дакле, немојте се забринути ако не и све ове ствари у питању лако за вас.
То ће у време коначни пројекат.
Хвала ти што си горе.
Линк ћу ажурирати ускоро после Семинар тако да можете видети неке више
примери које сам спроводе на начин да се више напредних вођства
да ја имам на овом сајту овде у један-радикал-леадербоард.метеор.
Хвала.
>> [Апплаусе]