Роджэр ZURAWICKI: Прывітанне ўсім. Ці магу я прыцягнуць вашу ўвагу? Дзякуй, хлопцы. Сёння я хачу пагаварыць аб Meteor. Гэта аснова JavaScript. Мы будзем ісці шляхам, як вы можаце зрабіць сапраўды выдатна вэб-прыкладанняў. 

Перш чым патрапіць у JavaScript, я проста хачу расказаць вам, хлопцы, што гэта воля быць - вы будзеце мець больш позняй сабраць у гэтым семестры. Гэта павінна быць каля JavaScript. Я думаю, што [неразборліва] спачатку збіраецца пакрыць вэб HTML PHP матэрыял перш, чым мы перайсці да JavaScript. І ў CS50, JavaScript лічыцца як кліенцкага кода. Так што толькі атрымлівае працаваць у вэб-браўзэр. 

Але дзякуючы апошнім дасягненням у тэхналогіі, мы цяпер удалося бегчы JavaScript ў якасці сервера, а таксама. Так гэта стварыла сапраўды выдатна рамкі, таму што цяпер вы можаце напісаць законна і той жа код для кліент і сервер. І пры вызначэнні функцый у вашым сервер, кліент можа назваць тых, ж функцыі. І гэта робіць яго нашмат лягчэй. Калі раней, калі вы выкарыстоўваеце PHP на сервер, JavaScript на пярэдняй канец, вы павінны напісаць функцыю PHP а затым версія JavaScript з тая ж функцыя, каб зрабіць Аналагічная праца. 

Таму, перш чым мы пачнем, я хачу каб паказаць вам дэма, што Метэор можа зрабіць для вас. Я пакажу вам дэма, што і Вы зможаце стварыць на Канец гэтага семінара. Мы проста ідзем прама тут. Гэта дадатак лідэраў. Гэта на самай справе заснаваныя з прыкладу што Метэор, дае табе. 

Метэор вельмі прыемна, таму што, калі вы ўсталяваць яго ў выглядзе пакета, вы можаце у асноўным гуляць з гэтыя чатыры дэмкі. І лідэраў з'яўляецца Першы з гэтых дэманстрацый. Пасля семінара, я заклікаю вас ўсіх проста даследаваць іншыя дэма таму што я думаю, што яны сапраўды выдатна, і яны паказваюць вам уладу Meteor. 

Так што гэта, гэта размешчаны на лідэраў. Гэта проста адкрыта спіс імёнаў. І вы можаце выбраць людзей. Яны жоўкнуць. І тады вы зможаце даць ім пяць ачкоў. І вы заўважыце, што спіс адсартаваны таму што, як я аддаюся больш і больш балаў, я зараз на самым версе. Так што гэта, дзе мы пачынаем. 

І тое, што вы будзеце ў стане адабраць ад дадзенага семінара з'яўляецца некалькі больш асаблівасці я, дададзеныя ў Лідэраў. Мы будзем пакрываць, як, а таксама дадаць пяць ачкоў для гульца, мы можам выдаліць гульцоў, мы можам дадаць новых гульцоў, і мы можам выбіраць, як мы хочам, сартаваць іх. І ўсё гэта вельмі лёгка званкі API што Метэор падае для вас. У вас таксама ёсць магчымасць тут ў выпадковым балы. 

Так што гэта сапраўды выдатна аб гэтым з'яўляецца вы, хлопцы, можа на самай справе усе зайсці на сайт. Я пакладу яго ў большым тэксту тут. Адзін радыкалы прыводзяць erboard.meteor.com. І калі вы, хлопцы, заходзіце на сайт, вам павінны мець магчымасць рэдагаваць свой сайт, а ўсе вашы праўкі будуць бачныя для ўсіх астатніх. Так што вы можаце - вы, хлопцы, усё магчымасць падключэння да сайту? Так пагуляць з ім. Ідзі і пачаць выдаленне некаторыя імёны. Паглядзіце, што адбываецца. 

Такім чынам, вы бачыце кожны можа гуляць. Гэта толькі бяспекі па змаўчанні рэжым для Meteor. Вы бачыце, што кожны можа змяніць дадзеныя адзін аднаго. Не хвалюйцеся. Метэор мае бяспекі. Гэта вельмі лёгка рэалізаваць функцыя, дзе вы можаце наладзіць карыстальнікаў і лагіны. Але цяпер, любы, хто наведвае сайт можа даць сабе больш, паказвае, як яны хочуць. Так што я заўсёды так, таму што гэта ўяўляе сабой цікавы спосаб, каб пачаць працу. І тады мы будзем проста казаць аб дэталях, як Метэор робіць гэта магчымым. 

Так што я збіраюся расказаць, што Метэор, а затым мы проста павінны ахопліваць дзве перадумовы, што CS50 ня пакрытыя дастаткова. Але да канца тэрміну, вы павінны быць зручнымі і з HTML і JavaScript, каб сапраўды атрымаць вашыя рукі брудныя працы з Meteor. І я думаю, гэта проста выдатны спосаб для нават менш камфортна студэнтам зрабіць Канчатковыя праекты, таму што яны могуць на самай справе заставацца на адной мове, і яны атрымліваюць ўбачыць змены іх працаваць адразу ж. 

Так што гэта слайд-шоў толькі некаторыя з асноўныя тэхналогіі, якія Метэор JS дае вам. Метэор ня новая тэхналогія сам па сабе. Гэта сапраўды кангламерат усе гэтыя розныя рэчы у нас ёсць у Інтэрнэце. А таксама HTML, CSS, JavaScript, мы ёсць некаторыя тэхналогіі, такія як Node.js, што і дазваляе запускаць JavaScript на заднім канцы на вашым сервер, а таксама некаторыя JavaScript бібліятэкі, такія як JQuery, падкрэсліванне. 

Усё гэта будзе знакам Вы да канца семестра. І мы таксама атрымліваеце магчымасць выкарыстоўваць базу дадзеных з імем MongoDB, які з'яўляецца сапраўды папулярная база дадзеных у цяперашні час для гэтыя новыя стартапы. Вы можаце думаць пра гэта як як MySQL, але яна працуе вельмі добра з JavaScript. І ёсць некаторыя іншыя тэхналогіі тут і многае іншае я не пазначаны што ўсе інтэрфейс сапраўды прыемна з Meteor. 

Я павінен пакласці гэты слайд, таму што часам я атрымліваю блытаніны з гэтай нагоды. Метэор толькі JavaScript. Гэта не PHP. Гэта не Рубін на рэйкі. Так што калі вы пішаце код, калі вы хочаце напісаць праект Метэор, вы сапраўды не можаце выкарыстоўваць Ruby, код. Вы сапраўды не выкарыстоўваць PHP. 

У той час як мы ўбачым, што адрозненні ў Код і сінтаксіс не можа быць, што розныя, я хачу падкрэсліць, вам, што Метэор, усё, што вы код толькі ў JavaScript. І ўсё, што вы паказваеце карыстач будзе HTML CSS. Але вы на самой справе не з дапамогай любога з іншыя мовы, што і іншыя семінары могуць ахопліваць. Што Метэор таксама з'яўляецца вэб-серверам. Так што нават калі ў вас няма любое JavaScript, і вы проста хочаце, каб служыць CSS і HTML файлы, Метэор можа зрабіць гэта за вас. 

І вось спасылка яшчэ раз, каб дэма, што я атрымаў, вы, хлопцы пачаў гуляць з. Але давайце пяройдзем да HTML. Колькі людзей тут ёсць ніякая ідэя, што HTML не? ОК выдатна. І гэта цалкам нармальна. Вы сапраўды не трэба шмат ведаць пра Гэта таму, што мы пойдзем на Выкарыстанне вельмі проста. 

Гэта тое, што простае HTML старонка выглядае. Гэта можа быць як ваш Hello, World для HTML, у той час як мы пачалі ў З Добры дзень, свет. Я не хачу, каб вы падкрэсліць на Падрабязнасці таго, што HTML, які галаве, што цела, што назва там робіць. Я проста хачу падкрэсліць структуру, як у вас ёсць тэгі. І гэта вуглавыя дужкі. І вось, калі ў вас ёсць Вашы дэскрыптараў. 

Так што вы можаце мець HTML дакумент. І тады вы будзеце зачыняць HTML дакумент з зваротнай касой ж самае. І ў вас ёсць розныя віды метак. І заўважце, што ўсе яны ўзгодненыя. Вы будзеце мець як цела тэга а затым зачыняе тэг цела. І ўнутры тэга цела, гэта будзе змесціва вашай вэб-старонцы. Так што гэта вэб-старонка проста адлюстраваць ў белым фоне і чорны тэкст Добры дзень, свет. Ці значыць гэта, мае сэнс? ОК. 

Цяпер я збіраюся хутка пакрыць JavaScript. Па словах папярэдняй TF, "JavaScript з'яўляецца лепшым праграмавання мова, якая існуе ў цяперашні. Іншыя людзі будуць спрабаваць казаць вам адваротнае. Яны памыляюцца ". JavaScript даволі добра, і я пакажу вам, чаму. 

Так што гэта класічны прыклад мы пачынаем з у С. У нас ёсць прывітанне, свет. І вы заўважыце, што нават калі вы скарачацца гэта, вы павінны мець па крайняй меры два радкоў кода. У мяне ёсць некалькі радкоў кода. Гэта можа быць зроблена вельмі проста. Адна лінія ў JavaScript з console.log, а затым ваша радок, Добры дзень, свет. 

Цяпер, нават пры тым, што мы рухаемся да новага мова JavaScript, амаль усе навыкі, якія вы даведаліся, кадавання у З непасрэдна партатыўны. Так радкі, ідэя радкоў у падвойныя двукоссі, гэта тое ж самае. Кропка з коскі, гэта тое ж самае. 

Акуратны асаблівасцю JavaScript на самай справе ў тым, што вам не патрэбна кропка з коскі. Ён можа здагадацца, што вы павінны паставіць кропку з коскі там. А вось што сказаў, вы заўсёды павінны паспрабаваць пакласці вашыя коскі там. Лічыцца добрым стылем. А таксама, ня мае асноўнага функцыяй. Вы проста пачаць у верхняй часткі файла і чытаць рэчы радок за радком. 

Тады гэта тое, што трэба, каб зрабіць што прывітанне, свет праграма. І звярніце ўвагу на тое, што вы павінны зрабіць прывітанне, а затым запусціць прывітанне. З дапамогай JavaScript, яна лічыцца інтэрпрэтаваная мова. Што трэба ведаць, што няма рашэнняў. 

Там няма кампіляцыі. Вы проста запусціце вузел. І памятайце вузел гэта праграма, якая будзе працаваць ваш наяўнасць на кансолі, на чорным полі, а не на сайце. Такім чынам, вы проста даць яму файл, і гэта да друку прывітанне, свет. 

Я на самой справе трохі дэма што для вас, хлопцы прама тут. Так што давайце пяройдзем да маіх Node.js тэрмінал. ОК. Давайце пяройдзем тут. Так што я збіраюся пачаць вузел. І я пакажу вам, хлопцы за ўсё сек, як атрымаць, што усталяваны, калі вы не робіце. Дазвольце мне зрабіць, што крыху больш. ОК. Я спадзяюся, што вы, хлопцы, можаце бачыць. 

Так што я магу напісаць код, як я зрабіў раней у console.log. Прывітанне, Роджэр. І заўважце, я не павінен зрабіць кропка з коскі, але потым я атрымліваю гэта дзіўна нявызначаная рэч. Ну на самай справе, не кажучы ўжо пра вызначана рэч. Рэчы, якія я хачу звярнуць вашу ўвагу, што вам ня трэба асноўную функцыю тут для запуску кода. І няма ніякага канца зваротны слэш. Там-то маленькія асаблівасці, якія JavaScript можа зрабіць для вас. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: О так. Я шкадую пра гэта. І, што стрэлка проста азначае вузел гатовы да іншай камандзе. Такім чынам, вы можаце мець яго зрабіць просты матэматыка, як 1 плюс 1. І гэтак жа, як і ў C, гэтыя матэматыкі сімвалы такія ж. Я магу зрабіць console.log колькасці. А потым ён друкуе дзве. JavaScript добры ў гэтым сэнсе, таму што хоць два з'яўляецца унутр, як у C, калі вы Printf з два, вы атрымаеце паведамленне пра памылку. 

Але ў JavaScript ведае, о, ты друк нешта. Я збіраюся патрэбна радок. Такім чынам, дазвольце мне канвертаваць, што два ў радок для вас. І вы таксама можаце зрабіць некаторыя дзіўныя рэчы як прывітанне, а затым плюс два. Гэта проста яшчэ адзін прыклад таго, як два могуць быць ператвораныя ў там таксама. 

Так што з гэтым з шляху, давайце толькі пакрыць трохі больш JavaScript. Такім чынам, у С, у нас ёсць віды. Кожны раз, калі мы стварылі новую зменную, мы павінен сказаць, што гэта, гэта сімвал * ці Радок у выпадку CS50. Ці калі б мы мелі дзесятковы лік, мы павінны былі сказаць паплавок. Калі мы мелі патрэбу ў лагічнае значэнне, мы павінны былі сказаць б. А потым, як толькі ў нас было нешта, што быў б, ён павінен быў застацца BOOL. Мы не маглі магічна змяніць яго на унутр калі мы не пісаў у дужкі, унутр Коммерсанта. 

У JavaScript няма тыпу. Вы проста думаць пра гэта як вар. І вар, як вы стварыць новы тып. Так ён можа мець зменная з з'яўляецца радком, вар н быўшы паплавок, і пераменная б не так. І яшчэ адна рэч, што вы не можаце зрабіць у З Цяпер я магу сказаць, пасля гэтай лініі, бы роўная цэлае. І гэта працуе проста выдатна. У той час як у С, то сказаў бы, што, як Ваш цэлае ня BOOL. Я не магу зрабіць гэта за вас. Або [неразборліва], выдавалі памылку. 

І я магу хутка вярнуцца ў вузел і паказаць некаторыя з гэтых функцый. Так што я магу ёсць уаг а. Назавіце гэта "Яблык". Так што цяпер, калі я друкую, Я атрымаю свой радок, 'Яблык ". Але я магу Таксама цяпер кажуць роўны 3. І звярніце ўвагу, няма ніякай памылкі. І цяпер роўны 3. Любыя пытанні да гэтага часу? Так. 

АЎДЫТОРЫЯ: Пачакайце, так console.log у асноўным Е, праўда? 

Роджэр ZURAWICKI: console.log Ваш Е. 

АЎДЫТОРЫЯ: Дакладна. Так як жа, калі вы проста ўвядзіце ў восем або [неразборліва], што спрыяе таму, [Неразборліва]? 

Роджэр ZURAWICKI: Дакладна. Такім чынам, гэта - матэрыял зялёным друкуецца у кансолі. І тое, што мы ўбачым далей, калі мы рухаемся ў Інтэрнэце старонкі, мы не будзем рабіць - JavaScript будзеце мець HTML Шаблон, які я распавяду ў Метэор частка семінара. І вось, калі вы можаце сказаць, дай мне значэнне, і гэта паставіць ін ваш сайт. Таму што кожны вэб-браўзэр на самай справе ёсць трохі кансоль. І калі вы вельмі ўважліва, вы б атрымаць некаторую інфармацыю, як ваш Е гэта з'яўляючыся там з кожны вэб-старонкі загрузкі. 

АЎДЫТОРЫЯ: Як вы патрапілі на экран абалонкі? 

Роджэр ZURAWICKI: Так што ёсць каманда называецца вузел, і ён прыходзіць з Meteor. Так што я буду проста кінуць адтуль. Вузел гэта праграма, якая працуе JavaScript. Калі вы ідзяце ў meteor.com, вы можна ўсталяваць Метэор, і Метэор пастаўляецца з вузлом. Таму Метэор гэта проста набор ўсіх гэтых праграмных пакетаў. Калі мы атрымліваем да нашага прыкладу, я буду пешшу ўсіх праз ўстаноўку Meteor, а затым вы можаце гуляць з вузлом сябе. ОК, выдатна. 

Так адна цікавая асаблівасць аб працы з JavaScript у завесы аднолькавыя. У значнай ступені тое ж самае. Для завес, а завесы, рабіць у той час як завесы, калі ў іншым месцы. Гэта ўсё тое ж самае з фігурнымі дужкамі. Гэта той жа сінтаксіс. У выпадку цыкл, маленькі падрабязна, што вы павінны звярнуць увагу каб замест ИНТ я роўная 0, мы павінны сказаць, вар я роўная 0. Але гэта таму, што з зменных тыпы, што мы гаварылі раней. 

Звярніце ўвагу, што Е становіцца Часопіс, console.log. І мы не павінны зрабіць працэнт р зваротны слеш н а затым перадаць у I. Вы можаце проста сказаць, што я. І было б друкаваць нумары ад нуля да чатырох. Калі вы, хлопцы хочаце паспрабаваць гэта, таму што Вы выхавалі добрую кропку. Калі вы хочаце запусціць гэты код сабе на уласны браўзэр, я рэкамендаваў бы, усе адкрываецца Google Chrome. Google Chrome або любы вэб-браўзэр сапраўды, але мне падабаецца Google Chrome , Таму што гэта вельмі стандартызаваны. 

Вы можаце пайсці ў, я лічу, калі пстрыкнуць правай націсніце на любы вэб-сайт, на ўсялякі прабелы, вы ўбачыце опцыю называецца Агледзіце элемент. Гэта, як правіла апошнім. І калі вы пстрыкніце па ёй, вы павінны атрымаць рэч на дно з'явіцца тут. Дазвольце мне павялічыць тут. І ў нас ёсць некалькі ўкладак тут. Той, што вам трэба гэта кансоль. 

І гэта кансоль JavaScript што цяпер вы можаце працаваць з. Вялікі. Так што я магу ўвесці той жа самы матэрыял Я друкаваў раней у вузле. Адзін плюс адзін роўна двум. Var роўна "Яблык". А потым я б надрукаваць, і з'яўляецца «Яблык». Так што ў любым вэб-браўзэры, Firefox, Chrome, Сафары, што вы выкарыстоўваеце, як Пакуль у вас ёсць доступ да JavaScript Кансоль, такі ж Код я збег у вузле, які можа працаваць у сваім уласным кансолі. 

АЎДЫТОРЫЯ: [неразборліва]? 

Роджэр ZURAWICKI: Як дабрацца да кансолі? Вы павінны правай кнопкай мышы на пустым прасторы на старонцы, а затым вы ідзяце ў Агледзіце элемент. Так на самай справе, я б хацеў вас, хлопцы проста пераканайцеся, што вы можаце Агледзіце элемент у Chrome. І бачыць, калі вы набіраеце ў некаторых Код у кансолі што ён працуе правільна. Не саромейцеся задаваць любыя пытанні, калі нешта не ясна. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Любы тып, прама. Там толькі адзін тып для ўсіх зменныя ў JavaScript. І калі вы павінны абвясьціць зменная, вы кажаце вар. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Так. Так, але ў JavaScript, гэта вельмі разумным аб выдзяленні памяці. Там няма Таноса. Там няма свабоднай. Так што вам не трэба турбавацца аб тым, што. Гэта яшчэ адна прыемная асаблівасць, якая JavaScript дае вам. 

Таму я хацеў бы, каб рухацца далей. Гэта было б у парадку? ОК. Вялікі. 

АЎДЫТОРЫЯ: Я проста паўсталі праблемы знайсці [? Агледзіце элемент. ?] 

Роджэр ZURAWICKI: Так Safari выглядае трохі адрозніваецца, але вы ёсць Chrome або Firefox? Тыя, тым лягчэй тыя, каб працаваць. І для вашых праектаў, я рэкамендую прытрымлівацца аднаго браўзэра, таму што Вы атрымаеце шмат памылак амаль таму што кожны браўзэр апрацоўвае JavaScript HTML крыху па-іншаму. Таму я думаю, ваша жыццё будзе нашмат лягчэй, калі вы будзеце прытрымлівацца Chrome, таму што яна даступная на ўсіх машынах. І гэта даволі папулярны браўзэр. ОК? 

Так што ў наступны тэма, якую мы павінны ахапіць ў JavaScript - Я шкадую аб фарматаванні тут. Мне давялося расцягнуць слайды, каб адпавядаць шырокафарматны праектар. Але я б зараз хацеў казаць пра як вы робіце функцыі. У C, мы павінны абвясьціць кожная функцыя. Як міжнар дадаць, і ён прымае Int ў х, і ўнутры ў, а затым дадаем іх і вярнуць яго. 

У JavaScript функцыі на самай справе іншы тып зменнай. Такім чынам, мы проста скажам, вар дадаць, і яна роўная функцыі. Функцыя, якая прымае х і у. І што гэта функцыя рабіць? Яна вяртае х плюс у ў дакладна такой жа Сінтаксіс як у C. І вы заўважылі, што ў JavaScript, вы не будзе сказана, што Функцыя вяртае, таму што з зменныя не маюць тыпаў у любым выпадку, гэта гэта не зусім прадуктыўна, я думаю, быць паказаўшы ўсе свае тыпы ў вашых функцый. А потым, калі вы выклікаеце функцыю, гэта сапраўды такі жа сінтаксіс, як С. You проста перадаць у вашых двух аргументаў. Я хацеў бы паспрабаваць гэта ў маім вузле. Ці магу я змяніць слайд? 

АЎДЫТОРЫЯ: [неразборліва]. Ці зможам мы атрымаць копію слайдаў? 

Роджэр ZURAWICKI: Так. Так давайце вернемся да вузла. ОК. Так што я буду казаць, вар дадаць роўная функцыю. Прымаючы х, прымаючы у. А потым ён ведае, што заява'S не завершаная. Такім чынам, у вузле або ў кансолі, Вы заўважыце, кропка кропка кропка. Такім чынам, вы можаце трымаць набраўшы код. А цяпер я скажу вяртанне х плюс у. І затым зачыніце дужкі. І ў той момант я заплюшчваю дужкі, гэта бачыць, што заява скончаная. 

І цяпер я магу сказаць, дадаць адзін і два. І я атрымаю тры ад'ездзе. Заўважым, што калі я проста дадаць, што кажа мне, што гэта функцыя. І яшчэ адна рэч проста звярнуць увагу на , Калі вы даеце яму няправільнае колькасць аргументы, гэта зробіць. Ён будзе працаваць, але вы маглі б атрымаць некаторыя сапраўды дзіўныя вынікі. Накшталт як значэнне смецця, Вы можаце думаць пра гэта. Таму, калі ласка, ісці наперад і паспрабаваць гэта ў ваш браўзэр. 

Такім чынам, у мэтах эканоміі часу, я буду зараз пяройдзем да наступных асаблівасцяў у JavaScript. Такім чынам, мы ўжо казалі аб функцый. Мы гаварылі аб цыклах, калі заявы таксама. Сінтаксіс такі ж, як З і зменных. А цяпер я хачу пагаварыць пра масівах. Мне вельмі шкада, што горкі Стаў трохі адрэзаныя. Але на самой справе, у першым раздзеле, усё, што трэба будзе працаваць. 

Таму ў нас ёсць яшчэ адзін тып для зменныя называюцца масівы. І мы выкарыстоўваем квадратныя дужкі для абазначэння іх. Такім чынам, у першым прыкладзе вар обр, пусты масіў. Гэта пусты спіс, таму масіў які не ўтрымлівае элементы. І вы таксама можаце мець масіў з трыма радкамі. У C, кожны элемент у масіве павінен быць таго ж тыпу. 

Але паколькі ў JavaScript ёсць толькі адзін тып, масівы могуць на самай справе ёсць розныя тыпы значэнняў. Як тут, у нас ёсць масіў з паплавок, лагічны, і унутр. Тое, як вы атрымліваеце даўжыню масіва, Вы на самой справе не павінны выкарыстоўваць памер або што-небудзь. Вы проста кажаце масіў і то кропка даўжыню. І гэтая даўжыня кропка, вы можаце думаць аб гэта накшталт як структуру, як кожны Масіў мае поле, дадатковая пераменная ўнутры яго называецца даўжыня, якая адсочвае, як доўга ваш масіў. 

Так што я проста хутка збіраюся ўдавацца ў вузел і паказаць вам, хлопцы тое ж самае. Так што я магу ёсць масіў. Гэта можа быць пусты спіс. І ён будзе друкаваць мне рэзервовае пусты спіс. Вялікі. Цяпер я магу сказаць, што масіў мае 1, і 2.3, і праўда. Так што ўсё розныя тыпы. І вы заўважыце, што ён працуе проста выдатна. Масіў я вярнуся апоры усе значэння, якія я даў яго. 

Калі б я хацеў, каб атрымаць першы элемент масіў, сінтаксіс на самай справе такі ж, як у С. You Можна сказаць, масіў нулявы. І вы атрымаеце адзін. Я магу сказаць тое ж самае для масіва два, і я атрымліваю сапраўднае. Калі я раблю нешта па-за масіва, JavaScript з'яўляецца бяспечным мова таму што я не атрымаеце памылку сегм. Я атрымаю вызначана. 

І гэта не вызначана, вы можаце роду з думаеце пра гэта нулявы. Але гэта можа быць сапраўды раздражняе, калі вы Код, таму што вы будзеце мець, каб праверыць, што амаль усё, што вы робіце, вы працаваць з не вызначана. І мы ўбачым, некаторыя прыклады гэта, калі мы працуем у Meteor. 

Хоць масіў чатыры не вызначана, Я магу прысвоіць яму значэнне. Так што я скажу, што гэта складае аднаму. І потым, калі я іду ў масіве, я маюць дадатковую каштоўнасць там. І звярніце ўвагу, што масіў тры, якія таксама быў вызначаны, застаецца нявызначаным. Так што я зараз ёсць масіў з адтуліну ў сярэдзіне. Але калі я надрукаваў масіў чатыры, Я хацеў бы атрымаць адзін. Калі б я зрабіў масіў тры, я атрымоўваю не вызначана. 

Такім чынам, добрая асаблівасць, што JavaScript дазваляе рабіць тое, што спісы могуць змяніць памер. Масівы, масівы быць спісы, яны мяняюць памер. І вы можаце паказаць любое месца ўнутры іх. І ўсё прабелы будуць кампенсаваны з гэтымі нявызначанымі значэннямі. 

Такім чынам, мы ўжо казалі аб масіваў. Цяпер, апошняе, што я хачу распавесці, у JavaScript, і гэта вельмі важна да разумення кода, Я збіраюся паказаць вам, будзе аб'екты. І аб'екты член у - У асноўным, яны прысутнічаюць у шматлікія мовы праграмавання. І кожны мова праграмавання любіць думаць пра іх крыху па-іншаму. 

Але я думаю, для Метэор, добры Аналогія З структурай. У Сі, калі мы хочам, каб знайсці структуру студэнт, мы павінны былі б паказаць усе рэчы ўнутры яго. Таму ён павінен мець імя. Ён павінен мець у год. Ён павінен мець падлогу. Але мы таксама павінны даць яму тыпы ўсіх тых рэчаў. 

І цяпер, калі ў нас ёсць гэтая прэс-форма для структура называецца студэнтам, у нас можа быць Новая структура, а затым мы можам ўручную сказаць, што кожнае з палёў з'яўляюцца. І вось, калі мы выкарыстоўваць кропкавую імя, кропка годзе, кропка падлогу. А потым мы проста, у апошняй радку Код тут, я проста раздрукаваць Назва структуры студэнта. 

У свеце JavaScript, ёсць няма такога паняцця, як структура студэнта. Вы не генеруюць прадусталяванай структуры. Вы на самой справе проста, у гэтых дужках, вы кажаце, што ўсё. І менавіта гэта дзіўна абазначэння з тоўстай кішкі, а затым коска, але вы будзеце прывыкнуць да яго досыць хутка. 

І гэта на самай справе вельмі простая, гнуткі спосаб проста кіравання аб'ектамі. Вы заўважыце, што калі я хачу зараз атрымаць назву ад з, я проста раблю s.name. Ці ёсць пытанні па гэтай нагоды? Як правіла, гэта быў вельмі заблытаным тэма, калі мы ўводзім людзей JavaScript. Я зраблю некаторыя прыклады гэтага ў вузле. Да? 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Дык вы ёсць прыклад, розныя зменныя гэтага тыпу. 

АЎДЫТОРЫЯ: [неразборліва]. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: ОК. Так што я думаю, як вы б ісці аб з'яўляецца вы б пакласці аб'екты ў масіве, і зараз вам прыйдзецца Масіў аб'ектаў. Я адказаў на ваша пытанне? 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Так. S з'яўляецца адным аб'ектам. Такім чынам, мы можам пайсці ў вузле і проста гуляць вакол трохі. 

АЎДЫТОРЫЯ: [неразборліва]? 

Роджэр ZURAWICKI: О, добра. Так што, калі вы пытаецеся, што такое класы, класы разглядаюцца вельмі па-рознаму, і ў іх ёсць сапраўды дзіўнае схему называецца прататыпаў, якія вы не трэба ведаць пра. Там няма фіксаванай спосаб зрабіць гэта. Так што калі вы хочаце стварыць некалькі, вас б толькі збольшага маюць функцыю ці нешта. Вы генераваць сваю ўласную функцыю. І вы вернецеся аб'ект. Гэта было б самым простым спосаб зрабіць гэта. Ці мае гэта сэнс? ОК. Вялікі. Таму, як толькі ў нас ёсць разуменне таго, JavaScript аб'екты, яны - о, так. 

АЎДЫТОРЫЯ: [неразборліва] Напрыклад, у чым розніца паміж "Роджэр" ў падвойныя двукоссі ў параўнанні з [Неразборліва] ў адзінарныя двукоссі. 

Роджэр ZURAWICKI: ОК. Так што гэта ў C, у нас ёсць адзін каціроўкі, якія прадстаўляюць сімвалы і двойчы каціроўкі, якія прадстаўляюць радка. JavaScript фактычна кідае гэта далёка таму што вы можаце мець радкі з адзінарныя або двайныя двукоссі, і ёсць не існуе такога паняцця, як адзіны сімвал. Але калі вы проста скапіявалі тое ж самае З код, JavaScript будзе ставіцца да яго вельмі добра. Менавіта таму я разглядаў яго як - вось чаму я магу літаральна порт код у гэтым сэнсе. 

І я хачу паказаць вам прыклад больш складанага аб'екта. Такім чынам, вы можаце заўважыць, што адзін аб'ект можа мець радкі ў якасці значэнняў. Ён можа мець іншы спіс значэнняў. Гэта можа быць спіс аб'екты ў якасці значэнняў. Там на самай справе ніякіх абмежаванняў на гэта. Дык вось, гэта проста добрая дэманстрацыя аб тым, як вы можаце атрымаць шмат розныя віды, якія адбываюцца усё ў адным аб'екце. Ці мае гэта сэнс? 

Зараз, вы таксама можаце мець масівы аб'ектаў. А вось выгляд падобны на тое, што вы спытаў, калі вы можаце мець аб'екты таго ж тыпу. Але праблема ў тым, што няма фіксаванага Фармат для аб'ектаў у JavaScript. Такім чынам, вы павінны паказаць іх самастойна. І вы павінны пераканацца, што яны аднастайныя. Дык вось, калі я ствараю аб'ект, у мяне ёсць каб пераканацца, што кожны з іх мае імя, і кожны з іх мае дом. 

А потым у мяне ёсць масіў з тых, і што можа быць мой дом. А потым тут вы можаце роду гл. для контуру адбываецца. Для контуру быць проста сапраўды агульным спосаб для абыходу над масіў у JavaScript. Звярніце ўвагу, што гэтая мадэль вельмі падобная з З эквіваленце, дзе вам ёсць унутр я роўная нуля. я менш, чым даўжыня. І тады я плюс плюс. 

Гэта амаль той жа код, за выключэннем некаторых дэталяў. Ці так усё разумеюць што аб'ект знаходзіцца? Падумайце пра гэта як C структуры. І тое, як вы доступ да палях проста з пункту. І да таго часу, як вы памятаеце, як выкарыстоўваць кропку, усё будзе ў парадку. 

Такім чынам, цяпер можна ўсё чытаць гэтую спасылку? Гэта спасылка на праект. Хто паўсталі праблемы ці бачачы спасылку? Добра, давайце зменім яго тады. Гэта не - Так, гэта, мабыць, Самы просты спосаб зрабіць гэта. Вялікі. 

Так што, калі вы ідзяце на гэты сайт, там павінны некаторыя інструкцыі, якія я буду перайсці ад таго, як мы можам усталяваць Метэор і атрымаць наш ход прыклад праекта. Я хачу пераканацца, што ва ўсіх ёсць спасылка ўніз, перш чым я рухацца. Ці магу я рухацца далей? ОК, выдатна. 

І вось я тут на сайце. Вы заўважыце ў файле ридми, у нас ёсць некаторыя інструкцыі аб тым, каб й наладзіць. Вы павінны быць альбо ў CS50 Прыбор або проста на Mac. Вокны не будзе працаваць. Але ў асноўным усё, што не Вокны павінны працаваць з гэтымі інструкцыі проста выдатна. Але я магу зрабіць гэта крыху больш, а таксама. 

Такім чынам, вы будзеце працаваць першым пара каманд. Гэтыя хлопцы проста ўсталяваць Метэор. Я магу пайсці ў маім тэрмінале. А калі я бягу тое ж самае зараз, У мяне ўжо ёсць ён усталяваны. Так што гэта крыху карацей. Гэта можа заняць крыху больш часу для вас, хлопцы. Але я хачу спачатку пераканайцеся, што ў нас ёсць Метэор працуе. Пасля устанавіў Метэор, вы павінны мець магчымасць атрымаць вузел у кансолі. 

АЎДЫТОРЫЯ: Яны просяць пароль. 

Роджэр ZURAWICKI: Гэта было б ваша пароль карыстальніка, калі вы знаходзіцеся на Mac. Гэта проста неабходны дазвол змяніць некаторыя сістэмныя файлы. Такім чынам, пытанне было, калі ён просіць у вас пароль, гэта проста прашу вас імя карыстальніка пароль пры Вы зойдзеце на свой Mac. І гэта так, што вы можаце змяніць сістэмныя файлы. 

І калі вы будзеце гатовыя, вы можаце рухацца далей да наступнага кроку, які будзе капіяваць Прыклад кода ў мяне на сайце. І вы атрымаеце новы каталог у вашым хатні каталог называецца Лідэры і мы можам пачаць працаваць адтуль. Так што я проста капіюючы і ўстаўляючы іх каманд у маім тэрмінале. І для мяне, я ўжо кланавалі яго. Таму я магу толькі цяпер рухацца у лідэраў. І я павінен мець некалькі файлы ў там. Ёсць пытанні? 

АЎДЫТОРЫЯ: [неразборліва] не працуе. 

Роджэр ZURAWICKI: О, вы, магчыма, трэба Git устаноўлены таксама. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Выбачайце? 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: О, добра. ОК. Гэта таму, што вы, магчыма, павінны быць ўвайшлі ў GitHub, каб атрымаць па гэтай спасылцы. Калі вы, хлопцы могуць убачыць, што, самы просты спосаб зрабіць гэта, я б тады сказаць, спампаваць маланку. І гэта будзе проста спампаваць усе файлы. А потым, як толькі вы змесціце яго ў спампаваць ці ваш хатні каталог - Я рэкамендую пакласці яго ў свой хатні каталог, каб мы маглі ўсе запусціць тыя ж каманды. Пакуль у нас ёсць файлы, мы будзем зможа пачаць працаваць з імі. Дайце мне ведаць, калі людзі, якія маюць Праблемы з загрузкай файлаў. 

АЎДЫТОРЫЯ: Па хатнім каталогу, Вы маеце на ўвазе - 

Роджэр ZURAWICKI: Так хатні каталог будзе быць Джон Гарвард, калі вы знаходзіцеся ў CS50 прыбор. Каб дабрацца да вашай хатняй дырэкторыі, проста ўвядзіце С. 

АЎДЫТОРЫЯ: [неразборліва] CS50 прыбор [неразборліва]. 

Роджэр ZURAWICKI: Так. Вы хочаце, каб выканаць каманды ў вашым тэрмінале. 

АЎДЫТОРЫЯ: [неразборліва]. Я атрымаў паведамленне пра памылку, якое кажа няма такога файла ці каталога. 

Роджэр ZURAWICKI: Мы можам узяць хуткі зламаць і проста пераканайцеся, што у кожнага ёсць усталяваны Метэор, і я буду проста пайсці паспрабаваць дапамагчы людзям. Калі ласка, паспрабуйце дапамагчы адзін аднаму, калі вы працуеце з праблемамі. На жаль, так. Вы абодва ў прыборы? 

АЎДЫТОРЫЯ: Так. У мяне ёсць RISA 

Роджэр ZURAWICKI: ОК. Калі вярнуцца на сайт, ісці пракруткі уверх да вяршыні. І ёсць у гэтым HTTPS. 

АЎДЫТОРЫЯ: Скапіюйце гэта? 

Роджэр ZURAWICKI: Так. А потым вы хочаце увядзіце ў Git клон. Так што, калі вы націснеце Control A - 

АЎДЫТОРЫЯ: Тут? І зрабіць [неразборліва]? 

Роджэр ZURAWICKI: G-Я-Т. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Git, а затым кланаваць. Так што гэта вельмі падобна на каманду, якую вы быў вышэй, але URL змянілася. Таму, перш чым гэта было гэта, зараз менавіта гэта. Дазвольце мне абнавіць - так. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Гэта загружаецца. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: О, так гэта ня кланаваць правільна. Я буду гэта выправіць. Там у памылку з спробай для загрузкі файлаў. Дазвольце мне абнавіць каманду для вас, хлопцы так што я магу пераканацца, што ён будзе працаваць. Я шкадую пра гэта. Ён павінен быць аднолькавым для Макаха або CS50 прыбор. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Я абнавіў Каманда для нумар два, калі Вы абновіце старонку. І з гэтым, URL, вы павінны быць магчымасць загружаць файлы. 

АЎДЫТОРЫЯ: Дык што, калі мы да гэтага часу загрузкі [неразборліва]. 

Роджэр ZURAWICKI: Калі вы яшчэ загрузкі Метэор? 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Так, калі вы хочаце распрацаваць на вашым Mac. Але для гэтага трэба распрацоўніку Xcode інструменты ўстаноўлены. Я праверыў гэтыя каманды на CS50 Прыбор, так што я магу гарантаваць, што ён будзе працаваць. Так. адпусьці мяне і дапамагчы вам. 

АЎДЫТОРЫЯ: [неразборліва]. Я даю пароль. Гэта Mac. А потым я [неразборліва]. 

Роджэр ZURAWICKI: ОК. Я хацеў бы паспрабаваць працаваць усе каманды выключна ў CS50 прыбора тэрмінала. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Я б гэта зарабіла Першы на тэрмінале, на CS50 прыбор, а затым тэрмінал Mac. 

АЎДЫТОРЫЯ: Дык што, калі вы робіце гэта на CS50 прыбор так, [неразборліва]. 

Роджэр ZURAWICKI: Я хацеў бы, каб перамясціць на, але калі людзі па-ранейшаму не Бяда стварэння Meteor, Кевін больш чым рады дапамагчы вам, хлопцы з, Кевін у шэрай кашулі. Тое, што мы павінны мець гэта мы збіраемся запусціць апошнюю каманду, нумар тры, у наш тэрмінал. Калі мы гэта зробім, мы будзем запускаць Метэор. 

І вы павінны - ой, у мяне ўжо ёсць Метэор працуе. Так што гэта не дазволю - хай мне проста зачыніць мой іншы Метэор. Калі я запускаю Метэор, ты зараз павінны бачыць, што - вы павінны ўбачыць бягучы каталог што гэта падачай на стол. І цяпер ён збіраецца сказаць серверу працуе на http://localhost. Гэта URL вы хочаце паставіць ў ў вэб-браўзэры. 

І ў той URL, вы павінны быць у стане доступ міленькі лідэраў. Так заўважыць, што гэта на лакальнай, Гэта азначае, што калі вы выканаеце любое змены, вы не збіраецеся, каб гл. змены адзін аднаго. У той час як на сайце я паказаў вам у пачатку, мы маглі б атрымаць змены ва ўсіх, таму што ўсе быў доступ да той жа вэб-сайт. 

Такім чынам, дазвольце мне проста пайсці [? слова?] 3000. Такім чынам, вы павінны быць у стане проста пацвердзіць што функцыянальнасць працуе. Вы можаце выбраць розныя людзі, і вы можаце даць ім розныя пункты. Так што я даць хтосьці балаў. Вы таксама можаце бачыць, што яны падымаюцца ў званні. 

Зараз, у мэтах эканоміі часу, ёсць тры асаблівасці, якія я рэалізаваныя. І мы збіраемся рэалізаваць выдаленне карыстальнікі, як наш першы фільм. Але перш чым мы пяройдзем, з'яўляюцца Ці ёсць пытанні? У цябе быў руку. Да? 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Вы можаце праверыць усталёўваецца, што Метэор? 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: лакальны хост 3000? І вы знаходзіцеся ў CS50 прыбора? Што я магу зрабіць - Вы не павінны быць на Mac. Гэта будзе працаваць ў прыборы. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: У нармальнае вэб-браўзэр, так. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Ці з'яўляецца Метэор працуе? Так добра, што ёсць адрозненне тут. Калі вы запускаеце яго ў Прыбор, што вам трэба зрабіць лакальны ўнутры прыбора. Калі вы працуеце яго ў Mac, як я, то я магу зрабіць мой Mac Google Chrome. Але калі вы выкарыстоўваеце CS50 прыбор, Вы павінны зрабіць усё, ў прыборы. Такім чынам, вы павінны выкарыстоўваць Google Chrome ў прыборы. 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Гэта яшчэ не працуе? 

АЎДЫТОРЫЯ: [неразборліва]. 

Роджэр ZURAWICKI: Так што проста паўтарыць, Як атрымаць доступ да вэб-сайт у цяперашні час. У вас ёсць URL тут лакальны 3000. Калі вы знаходзіцеся ў CS50 прыбора, вы павінны адкрыць CS50 Appliance ў Google Chrome. І ў гэтым Google Chrome ў Прыбор, вы можаце ўвесці ў гэтым URL, і вы павінны ўбачыць лідэраў. Так што я збіраюся проста паставіць яго ў бок тут няшмат. А цяпер я збіраюся адкрыць мой тэкставы рэдактар ​​тут. Такім чынам, дазвольце мне проста пераканайцеся, што код у парадку. ОК. Вялікі. 

Я хацеў бы зараз жа ісці праз код няшмат. І першы файл я хацеў бы пачаць з ёсць leaderboard.html. Вы будзеце мець магчымасць атрымаць гэты код пасля семінар, так што я проста хачу паказаць Вы на маім кампутары, што адбываецца. Таму я спадзяюся, кожны можа пераканацца ў гэтым. Так у самым пачатку файла, мы ёсць нашу галаву і тытул, які падобна таму, што мы бачылі у кожным HTML дакумента. І тады мы будзем мець цела тэга тут. 

Тое, што я выбралі з'яўляецца асноўным цела, у асноўным тое, што збіраецца атрымаць адлюстроўваецца. Але ёсць некаторыя новыя ня-HTML рэчы, і гэта ў падвойныя вуглавыя дужкі. І гэта шаблон тэгі. Такім чынам, вы ўбачыце тут гэты кранштэйны Кранштэйны новы Лідэры. І гэта свайго роду - думаць пра гэта як выклік функцыі для HTML. 

Гэта адмысловая версія HTML. Гэта версія, якая выкарыстоўвае Метэор, які Менавіта таму вы можаце паказаць розныя рэчы, напрыклад, у спісе лідэраў імёны і кнопкі. Але Лідэры кажа вам, каб перайсці да Шаблон з імем лідэраў. Так шаблон не атрымаць адлюстроўваецца на Сам, але гэта функцыя, так што будзе выкліканы. І вы будзеце замяніць ва ўсім гэтым Код прама тут у лідэраў. 

Цікавая частка лідэраў вось толькі гэтая табліца. Калі вы толькі што прачыталі, чытайце гэты код ўслых, ён павінен быць інтуітыўным таму Лідэры, усё, што мы ёсць тут уяўляе сабой табліцу. Гэты ідэнтыфікатар класа рэчы вы не трэба турбавацца аб. Проста ведайце, што ёсць загаловак табліцы. Вось гэта THEAD. 

І ён знаходзіць імя і кошт. Усе гэтыя тэгі, як thtable, THEAD, вы проста даведацца, як вы ідзяце наперад. Гэта не важна, што вы запомніце гэта таму, што вы можаце проста атрымаць доступ да любога спасылацца ў Інтэрнэце. Ці да канца семестра, яны як раз і будзе вельмі добра знаёмыя з вамі. 

Пасля загалоўка табліцы, частка, якую я хачу звярнуць вашу увагу да гэта г тэг. Таму што гэта ў падвойных квадратных дужках, гэта шаблон. Такім чынам, гэта азначае, што для кожнага з гульцоў, усе гульцы ёсць, мы павінны паказаць яго. І мы ідзем у шаблон гульца. 

Калі мы пракруціць ўніз трохі больш - Я спадзяюся, што кожны можа бачыць, што. У нас ёсць шаблон прайгравальніка. І гэты шаблон ў асноўным вызначае вочка табліцы, дзе вы паклалі ў імя тут і кошт. Памяншэнне маштабу зараз, мы бачым, што гэта кавалак кода - і гэта было нашым гулец там - вызначае адну з гэтых клетак. Кожная рэч, што я націскаю становіцца жоўтым. 

Просты спосаб я мог змяніць гэта цяпер. Пераканайцеся Метэор-ранейшаму працуе. Метэор павінен быць працэс сервера, так што вы проста пакінуць яго працуе, калі вы распрацавалі. Скажам, я хацеў змяніць усе імёны або рахунак. І я б сказаў, што я збіраюся дадаць пункту тут. Такім чынам, змяненне, якое я зрабіў тут быў, а не толькі кошт, я дадаць адзнака касмічныя ачкі. 

Я збіраюся паменшыць маштаб, і я збіраецца выратаваць мой файл. А пасля я захаваць файл, мне трэба каб пераканацца Метэор працуе. На жаль пра гэта. Я хачу паказаць вам праўкі былі зробленыя ў рэжыме рэальнага часу. Так што я проста змяніць тэкст. Націсніце гульца. Я стаўлю яго ў вялікія літары. І гэта павінна быць, што калі гэта працуе належным чынам, калі я захаваць яго, ён абновіць. 

О, я думаю, цяпер праблема ў тым, Я не ў правільным каталогу. ОК. Я шкадую пра гэта. Дык вось, тое, што вы заўважыце, мне зьмена прайшла. Зараз, я хачу вярнуцца змяненне. Я хачу вярнуцца да таго, што ў мяне было. Я проста хачу, каб увесці яго ў звычайным рэжыме. Націсніце гульца. 

У той момант, я захаваць яго, Сайт абнаўляецца для мяне. І я бачу, маё змена на сайт імгненна. Гэта сапраўды карысная функцыя пры адладцы, таму што цяпер Я не прыйдзецца - калі мы пішам С-код, не толькі зрабілі мы павінны захаваць файл, але мы павінны былі зрабіць гэта, а затым запусціць яго зноў. Метэор вельмі прыемна, таму што ў адрозненне ад C, момант, калі вы захаваеце HTML або JavaScript-файл, змяненне адразу з'яўляецца. 

Адно пытанне, у гэтых шаблонаў, як я магу атрымаць значэння, як гульцоў або абярыце імя? Калі б я павялічыць тут у мой код, Я бачу гэта па кожнаму гульцоў. Такім чынам, шаблон ведае, што У мяне ёсць гульцы як-то. І ён ведае, што ёсць Наадварот імя. Адкуль гэта ўзялося? Гэта адбываецца ад JavaScript. 

І калі вы ідзяце ў leaderboard.js, гэта файл, цяпер, калі я іду сюды, у нас ёсць Некалькі каманд вызначаны. Гэта адмысловы сінтаксіс Метэор. Звярніце ўвагу, што вам не трэба пераменныя або што-небудзь. Але гэта толькі структур на структур на структур або гэтых аб'ектаў. І ўсё я вызначаю гэта шаблон называецца Лідэры. 

Лідэраў павінны атрымаць што называецца гульцоў. І тое, што гульцы? Гэта ўсё, што гэты выраз вяртае. І тое, што наадварот імя? Гэта некаторы код. Падрабязная інфармацыя пра код мы ахопліваць крыху пазней. Але цяпер я хачу, каб вы зразумелі што ў гэтым кодзе, мы прымаем гульцы, і мы даем яму значэнне. У гэтым выпадку, гэта функцыя што запускаецца на выкананне. Такім чынам, мы можам атрымаць значэнне назад калі мы запускаем функцыю. Гэта часопіс. Ці мае гэта сэнс? 

Я магу змяніць тое, як гэта адсартаваныя. Тут ёсць аб'ект роду. І тое, што гэта кажа ў Я збіраюся разабрацца на рахунак змяншэння першы і назавіце ўзрастанні. Калі я змяню гэта аднаму, ён збіраецца сартаваць адзнака ўзрастання. Так нуля павінны быць на вяршыні. І калі я павялічыць у маім вэб-сайце, мы Цяпер бачым, што сайт абнаўляецца. І лік ужо ўзысці. 

Наступная функцыя Я проста хачу для пакрыцця з'яўляецца націсніце прырашчэнне. З інтарэсах эканоміі часу я не буду зможа ахапіць вялікую частку Метэор Код, але ёсць шмат рэсурсаў даступныя, і я буду тут пасля семінара. Але я проста хачу, каб пакрыць лідэраў падзеі. Гэты сінтаксіс вы даведаецеся Крыху пазней у лекцыі. Гэта JavaScript. 

Мы проста кажу, што, калі мы атрымліваем пстрычка, і гэта на прырашчэння, гэта хэш проста азначае, ID. На прырост ID тэга, то мы хочам абнавіць - ключавыя словы, якія я хачу, каб вы глядзець гэта абнаўленне і выбраць і гулец. Так у залежнасці ад таго Гулец абраны, мы абнаўляем яе. І тое, што мы робім, мы павялічваем яго ацэнка на пяць. І што будзе змяшчаць апісанне функцыянальных магчымасцяў мы маем тут. 

Пасля заканчэння гэтага семінара, мы будзем зможаце ўбачыць некаторыя больш кода. Але вяртаючыся да сваёй мэты, што я хачу змяніць сайт, я хацеў сюды дадаць кнопку выдалення так Я магу выдаліць гульца. Такім чынам, каб зрабіць гэта, мне трэба зрабіць дзве рэчы. Мне трэба абнавіць HTML, абнавіць глядзець, што атрымлівае паказаны карыстачу, і гэта значыць наяўнасць, што, калі націску кнопкі Метэор збіраецца нешта рабіць. Гэта збіраецца выдаліць гэтага гульца. 

Такім чынам, ёсць шмат участкаў кода, якія маюць у асноўным ужо было зроблена для мяне. Калі я гляджу тут, у мяне ўжо ёсць шлях атрымання выбранага гульца. Вось гэты матэрыял, калі вы можаце ўбачыць яго. Так што, калі я проста - Я буду мець яшчэ адна падзея. Так што я збіраюся капіяваць тое, што ў мяне ёсць. Таму што гэта спіс, Мне проста трэба коску. 

Так што цяпер я збіраюся націсніце выдаліць. І тады замест абнаўлення гульцоў, Я збіраюся зрабіць гульцы выдаліць. І ўсе гульцы выдаліць патрэбы з'яўляецца абранага гульца. Так гэтая функцыя усё, што трэба. Мне трэба дадаць некаторыя HTML тут усё ж. Так што калі я пракруціць ўніз тут, гэта меркаванне HTML. У нас быў рэч тут, які быў тэг. Вам не трэба турбавацца аб тым, што. 

Якія пытанні да вас гэта ID прырашчэнне. І гэта тое, што дазволіла нам сказаць, калі мы націснулі прырашчэнне, мы павінны даць пяць ачкоў. І вы ўбачыце, што гэта кнопка. Вось што значыць-кн. І тэкст на кнопцы гэта даць пяць ачкоў. Так што я збіраюся зрабіць, гэта я збіраецца капіяваць гэты радок. Я збіраюся змяніць ідэнтыфікатар для выдалення. І я збіраюся змяніць тэкст тут, каб выдаліць. 

Таму пераканайцеся, што ўсё ў выратаваны. Я хачу вярнуцца да майго JavaScript каб пераканацца, што ў мяне ёсць выдаліць выстраіліся тут. Добра. Так што я іду, каб выратаваць абодва файла. Пасля захавання абодва файла, мы можа вярнуцца на дно. І зараз мы бачым у нас ёсць Кнопка выдалення. І яшчэ адзін крок. Вы заўважаеце, вы маглі б атрымаць Памылка таму што, калі я націскаю выдаляць, нічога не адбываецца. 

Спосаб адладкі гэта пайсці назад у Агледзіце элемент. Я раблю гэта наўмысна, каб вы маглі паглядзець, як вы б адладзіць нешта. У Агледзіце элемент, у нас ёсць ўсе нашы тэксце тут. Я хачу вярнуцца да кансолі. І што адбываецца, калі я іду сюды гэта я атрымаць нейкую памылку. Гэта кажа, што няма ніякага спосабу выдаліць. 

Дык што ж гэта кажа, калі я іду назад у код, я патэлефанаваў гульца выдаліць тут. Выдаліць на самай справе не права каманда. Такім чынам, каб высветліць, што права каманда ёсць, ёсць API Метэор. Дакументацыя я хачу паказаць вам хлопцы на гэта раз у meteor.com. Так што я яго тут. Гэта толькі так вы, хлопцы, ведаеце, дзе, каб даведацца больш. 

Там у спасылцы ў дакументацыі. А ў прынцыпе, я магу проста знаходзім для выдалення. І тое, што вы бачыце, выдаліць на самай справе выдаліць. Гэта значыць каманда, Мне трэба патэлефанаваць. Так што цяпер мы ведаем, што, я збіраюся змяніць гэта выдаліць выдаліць. Так што цяпер, калі я вяртаюся да майго лідэраў сайт, я збіраюся націсніце выдаліць, і цяпер я пайду. Там няма больш Роджэр. І я магу працягваць жыць выдалення кожны адно імя, пакуль я не нічога не засталося. 

Так, каб было трохі прагляд аб тым, як выкарыстоўваць Meteor. Вы будзеце вучыць нашмат больш наяўнасць і HTML неабходна зрабіць яна выглядала прыгажэй, якія мы разгледзім у на гэтым тыдні [? кавалак?] устаноўлены на HTML і JavaScript ў наступным [? кавалак?] усталяваны. 

Так што не хвалявацца, калі не ўсё гэты матэрыял даецца лёгка для вас. Ён будзе да часу Канчатковы праект. Дзякуй за паказ. Спасылка Я буду абнаўляць неўзабаве пасля таго, Семінар, так што вы можаце ўбачыць некаторыя больш Прыклады, якія я рэалізаваныя пра тое, як каб атрымаць больш прасунутыя лідэраў што ў мяне ёсць на гэтым сайце тут адзін-радыкальна-leaderboard.meteor. Дзякуй. 

[Апладысменты]