[Мусиц плаиинг] Давид Малан: Ово је ЦС50. Ово је почетак седмице девет. И то је оно што би имало био господина Бул је 200. рођендан. Дакле, ово је момци коме смо споменули доста пута у вези са коришћењем Боолеан променљиве прави и лажни, 1 и 0 и такве. И то је Гоогле-ов Трибуте то му данас. Он би се 200. Дакле, ако желите да придружите нам се за ЦС50 ручак, погледајте линк на сајту току је. И такви лица и пријатељи, као ови чекају вас овде у Кембриџу. Лица попут ових вас чекају у Нев Хавен. И, у ствари, Кен ин Нев Хавен љубазно како се зове анимирани ГИФ оф Ели овде у недавно лунцх-- ГИФ је још други графички формат датотеке, са којим сте фамилиар-- да Изгледа нешто овако. Дакле, само секвенца од-- реду. Нико овде у Кембриџу се смеје. Али у Нев Хавен, ово је стварно смешно, зар не? У реду. Дакле, да нам се придружите тамо. Овде на Харварду, Конкретно, у среду, ако сте студент друге године или бруцош евен-- или чак јуниор-- мислећи на одлука прекидач у компјутер науке, знамо да неће се за ЦС саветовања фер ово Среда, убрзо након класе ат 4:00 ПМ у рачунару Сциенце Буилдинг Максвел Дворкин. Ми ћемо ставити на курс је сајт до сутра, као добро. Донутс, ја сам рекао, неће бити задовољена. У реду. Дакле, смешно стори-- сам покинг око на интернету, и нашао сам неке старе архиве мог бившег сајту. И испоставило оут-- око овога време, чини се веома благовремено јер сам схватио да су избори УЦ Управо на брзину поново. Тако сам се кандидовао за УЦ, изгубио јадно. А можда је то било у делу зашто. Дакле, ово је био мој сајт у то време. Из неког разлога, мислио сам да је добра идеја, пре говорио људима шта је моја платформа је била и зашто су они треба да гласају за мене, да имају да кликнете да унесете да сазнамо да информације, које је у ретроспективи језиво. Ја стварно не знам шта је то било. Али то свакако није помогну своју кампању. Такође сам пронашао да је виши Иеар-- Имао сам Муппет календар. Муппетс су некако у моди тада. Или можда нису били. Имао сам Муппет календар тада. И мислио сам да би било кул да наведемо мој рачунар на мрежи Харварду фрогман.студент.харвард.еду. У то време, јединствено смо сви имали идентификовати имена домаћина. А ти би могао изабрати неку сујету име уместо своје име. Отишао сам са ФРОГМАН из неког разлога. И онда сам стартед-- сам много провео време клика кроз ове линкове овог јутра. И то је била моја страница о, који сада некако изгледа неодољиво. Али такође сведочи само колико технологија је дошао. Мислим, назад у дан, 486 је било нешто. Ових дана, то је супер, супер, Супер Слов и добро мање него што имате у сопствене џепове ових дана. Има више тамо да је још непријатно. Тако да ћу га оставити на томе. Али то је био мој први излет у веб-- ох, не. То није било. Мој први прави излет у веб програмирање Овај сајт је што сам заборавио. У једном тренутку сам научио да да се понављају слике у позадини. И тако сам нашао ово плочице ефикасна, као хокејаш, фудбал, голф и Лопта, или шта год да је за сајт Фросх ИМС. И то је у ствари, истински Први пројекат веб-басед сам узео ајде-- Ја мислим можда бруцош године, млађи Иеар-- након узимања ЦС50 и цс51, један заједничких пратећих на часовима. Приметио сам у потрази кроз архиве да је један од мојих наследника и пријатељи, Ли, некако променило ауторско за себе. Али ово је заиста нешто што Требало би да власник срамота за. Али у то време, ова је био први сајт, као што сам рекао пре пар недеља, којим бруцош могао региструју за Интрамурал спортове овде. И тако се испоставило да слике у позадини тако нису тако добра идеја. Али веб била нова, и сви смо експериментисање. И то је оно што сам очигледно учинио у то време. У реду. Дакле, без даљег одлагања, прелазимо зупчаници данас да ти дам, заиста, завршни део који можда ћете нарочито корисно за коначних пројеката али и да ће почети да направи виде веб цела светска Осећам се мало више разумљиво. Заиста, ми идемо да представимо још један програмски језик зове ЈаваСкрипт да је слична и другачије на различите начине од језика који смо гледали до сада. Дакле, Ц, опозив, ово саставио језика. Мораш да га покренете кроз компајлер. Можете добити изворни код за приговор код, или нула и јединица. И они су нула и оне које ваш процесор, производство Централна јединица, у ствари разумем. ПХП, с друге стране, није компајлерском језику. То је ста? То је тумачити језика. Тако да је неки програм назива преводилац који мора да прочита То-- врха до доле, лево на ригхт-- и схватити шта све Ваш синтакса ради и значи, да ли је петља или услов или било који други број програмских конструише. Дакле, то је тумачи језик. Затим смо увели ХТМЛ. И ХТМЛ није ни програмски језик. Ми би га Какав позив? Маркуп језик, који је само нека врста фенси начин да кажем нема програмирања конструкција као што су видели смо још у дан Сцратцх. Нема петље. Не постоје услови. То је заиста језика о обележавању копије података и форматирање га или структуирања га на неки начин. ЦСС међувремену, слично није програмски језик. То је још више естетски оријентисан. И то вам омогућује да те некако се фино ствари као што су величина фонта и боја и пласман и све то. Онда смо имали СКЛ. Дакле, СКЛ је заиста програмирање Језик у извесном смислу, мада скројен посебно на базама података. Али, иако смо вас само упознати са изаберите и убаците и брисање и ажурирање и пар других, Испада Можете заправо написати функције или процедуре, као они су назива, у СКЛ да изгледа и понаша баш као ПХП и Ц функције. Дакле, знате да они постоје. Али ми не труди са њима као што смо управо огребе површину овде. А онда ЈаваСцрипт последњи наши језици формално уведен. Тако ЈаваСцрипт је, такође, тумачити језика. А они упознати, да ли желите да се разликовало са неким карактеристика и од Ц и ПХП? Оно што је другачије? ПУБЛИКА: Није саставио. Давид Малан: Понови? ПУБЛИКА: Није саставио. Давид Малан: Није саставио. Тако је, такође, тумачи. Дакле, није саставио. Али то је мало као ПХП чини. Али ипак је другачије од ПХП у неки упечатљив начин, барем на начин ћемо га користити. Да? ПУБЛИКА: Ради на страни клијента. Давид Малан: Ради на страни клијента, обично. То је заиста карактеристична карактеристично за нас сада. Ц је сервер-сиде у смислу да смо урадили све што је у ЦС50 ИДЕ. ПХП до сада је Сервер-сиде онолико као такав, такође, добија интерпретед-- није саставио, али интерпретед-- унутар ЦС50 ИДЕ, који је, наравно, само сервер или сервери у облаку. Али ЈаваСкрипт да, чак и иако вас да идеш да почнете да га пишем за, рецимо, псет осам и можда коначно пројецтс-- си ће то право у ЦС50 ИДЕ и спремите га у фајловима у ЦС50 ИДЕ, ИДЕ ЦС50 и, заузврат, облак сервери у којем је домаћин, не иду да тумаче или изврши свој код. Уместо тога, то ће бити послат у неизмењеном облику до претраживачу. И то онда ће бити ИЕ или Цхроме или Фирефок или Сафари или било који заправо тумачи је, од врха до дна, с лева на десно. Дакле, кључно разликовање карактеристично за данас јесте да је ЈаваСцрипт на страни клијента и ПХП, на пример, има било страни сервера. Дакле, ово је занимљиве импликације , као, интелектуалне својине и ко може заиста видети свој код. И заиста, можете ићи на интернету и видим већина било да неко има код написан у ЈаваСцрипт. Понекад је читљив, понекад је обфусцатед. Али више о томе у догледно време. Тако ЈаваСцрипт, лепо довољно је Супер слично, синтактички, до Ц. И баш као ПХП, нема основна функција. Ако желите да почнете са писањем ЈаваСцрипт код, као што ћете видети данас, почнете да га писање. Али то је, видећете, посебно корисна у контексту веб бровсер. Међутим, моја мала дисцлаимер-- обично еарлиер-- је рећи да сте све може данас користе ЈаваСцрипт Сервер-сиде користећи фенси оквир под називом Ноде.јс да су неки од сопствених апликација ЦС50 је су написане у. Проверите 50 ствари користи Ноде.јс. Али ћемо се фокусирати на Јавасцрипт страни клијента сада па на даље. Дакле, овде је скуп услова у ПХП. Жао нам је, у-- заправо, да изјава, такође је тачно. Ту је и скуп услови у ЈаваСцрипт. Синтаксически, то је идентична Ц и ПХП. Господина Бул је изрази су, Слично томе, синтактички идентична са обе Ц и ПХП. Такође имамо прекидаче у Јавасцрипт да изгледају идентично. Имамо за петље које су структуриран идентично, док петље, док петље уради. Ово је мало другачија. ПХП је имао за сваки конструкт које би биле користећи или ће користити у псет седам, можда. ЈаваСцрипт има овај посебан верзију јер тамо где си буквално рећи нешто као на променљиве кључ у објекту који је веома језгровит начин да се каже, ако имам објецт-- и ми ћемо причати о овоме поново у тренутак-- и желим да поновити преко свега од кључних вредности парови унутар, Ја не морам да смислим како да бројчано их је индекс са нула, један, два, три. Буквално могу да кажем ово. И на свакој итерацији, ЈаваСцрипт За мене ће ажурирати променљиву кључ да будем први тастер, а затим следећи кључ, онда следећи тастер, а затим следећи кључ, и тако даље. И могу добити на вредност од лечења објекат у ЈаваСцрипт, као што ћемо видети, као да је асоцијативна низ у ПХП. Заиста, ако на крају умотана свој смета око шта је асоцијативни низ је у ПХП, можете мислити о томе за сада као идентичан објекат у ЈаваСцрипт. Али то је мало једно претерано упрошћавање. Низови види, лепо довољно, идентични у ПХП осим једног лика. Има једна ствар недостаје овде да смо видио прошле недеље са ПХП. Шта је изостављено? Да? Не знак долара. Тако смо се вратили до А нормалније свет у којем променљиве немају зараду. Али ти их префикс са вар, типично. И вар значи променљиву. И баш као ПХП је лабаво типед-- при чему постоје врсте, постоје бројеви и стрингови и плута и тако фортх-- Слично ЈаваСцрипт има типова. Али је лабаво откуцан да смо програмери не морају да их наведете. Само морамо да будемо свесни да различите врсте постоје. Променљиве, меанвхиле-- ево како можемо прогласити "Хелло, Ворлд" као стринг. Обратите пажњу да је идентичан Тект али нема знак долара. И то је нешто што ћемо почети више данас видимо, где имате објекат са кључевима и вредностима. А ако желите да испробате да закључити из прошле Недељу синтакса је мало другачија. Али мало разум цхецк-- колико тастери изгледа да овај објекат има? Видим четири. Видим два. Дакле, то је заправо два је. Дакле, ово је збирка два кључна вредности парова. Кључ је симбол чија је вредност ББ. Кључ је цена чија је вредност 101,53. Дакле, то су два кључна-вредност парова. И запамтите, ПХП-- а то је опет само нека врста синтаксичке разлике. Није све то интелектуално занимљиво. ПХП Можда сам ово написала иста ствар као фолловс-- куоте, једнако. И ове услове променити у угластим заградама. И онда променим то цитирао речи, "цена". И онда ја не користим дебело црево. Шта сам користим прошле недеље? Да, знак једнакости арров функи запис. А онда сам овде исто. Овде је иста ствар. И то је све. Дакле, то је у реду ако ово нема заиста потонуо у меморији само да ипак јер то је заиста интелектуално незанимљив. То је само синтаксичке разлике. Али идеје су потпуно исти. Унутар ове променљиве цитат у ЈаваСцрипт је скуп кључних вриједности парова, међу којима је симбол, један од њих је цена. И ја могу добити на тим вредностима са следећом синтаксе. Баш као у ПХП-у, да могу учини нешто као-- пусти ми да ова кутија мало већи. Баш као у ПХП-у, да могу да ово-- Ох, дођавола. Хајде. Баш као у ПХП-- ОК, ми ћемо користите само водитељ белешке. Баш као у ПХП-у, ја могу до $ цитат $ куоте ["симбол"], и то ће ме вредност "симбол". У ЈаваСцрипт, то ће бити идентична, при чему могу само да урадим ово. Једина ствар која је недостаје је знак долара. Па лепо довољно, онда, ту је није све толико ново синтакса. Дакле, оно што данас ћемо се фокусирати на, заиста, није неке од идеја и апликација. И први такав Апликација да би ти Видели ако заронио у псет седам већ је ово синтакса. Дакле, у псет седам, ако сте види или не види га још, знам да постоји фајл који дајемо сте звали цонфиг.јсон-- ЈаваСцрипт Објецт Нотатион. Zašto? Желели смо да будемо у могућности да вам пружи шаблон са неким кључ-вредност паровима. Желели смо да будемо у могућности да вам дати списак домаћина, име сервера. Желели смо да ти дам чувар места за своје корисничко име и чувар места за лозинку. Ако не видите ово још, не брини. Више о овоме у псет седам [? Спец. ?] И онда, Очигледно, ми хоћемо тебе да попуни То-Дос јер када се пријавите на ЦС50 ИДЕ свако од вас имају свој корисничко име и лозинку. Дакле, могли смо користили пола туцета или више различитих формата. Могли смо користили .ткт датотеку. Могли бисмо користили ЦСВ датотеку. Могли смо користили ИНИ фајл, КСМЛ датотека, гомила још скраћенице које можда нећете никада није цуо. То је врста произвољно на крају дана. Али супер популаран ових дана је текст Формат назива ЈСОН-- ЈаваСкрипт објекта Нотатион-- да изгледа овако. Мало је загонетан, али приметио обрасце. Можете почети са отвореним коврџавом Браце, а завршите са истим. Унутар то је нешто. То је кључ-вредност паровима. Дакле, ово је објекат који сам гледајући на екрану овде да има један кључ, који има једну вредност. И само закључујете заснована на претходни образац, шта је ту је кључ? База је ствар лева колона. Сада, вредност се деси да буде а више линија овај пут. Али вредност почиње са коврџавом браце и завршава са коврџавом браце. Дакле, шта би ви предлажете је тип вредности базе података? Речник или, једноставно више језгровито, објекат. Jel tako? Ово је врста структуре података који Можете користити и друге структуре у себи. Дакле, ако је цела ова ствар смо назвавши га објецт-- и објекат је само гомила кључне вредности паирс-- вредност саме базе података је објекат. Вредност базе има гомилу кључних вредности парова, од којих прва је домаћин, онда име, а затим корисничко име, онда лозинка сваки од чије вредности, у међувремену, то је само досадна стринг у наводнике. Дакле, чак и ако то није Супер Цлеар још увек, Знам да је ово само стандардни, прилично досадан начин чувања података у стандардном формату. Али заједничка грешке које Можда би, чак иу псет седам, су мале глупе ствари, као да вас случајно изостављају зарез тамо. То ће резултирати у датотеци не мора бити читљив. Ако сте случајно изоставити ствари као што је цитати, то неће бити читљив. Дакле, то је прилично изненадило је формат датотеке, али је онај који је супер заједничко. И ми се деси да га користе, иако не користите никакве ЈаваСцрипт у супротном, у псет седам. У реду. Дакле, запамтите ову слику. Разговарали смо о, у ХТМЛ, који код може изгледати овако. Ово је ХиперТект Маркуп Лангуаге [Неразумљиво] за само "Здраво, свете". Али онда предлаже одавно да ако то помаже, можда ћете желети да почну да размишљају о томе већ као дрво. У ствари, улегнуће коју смо користити само зарад читљивости је или ради на Стиле лева цан врста превести у овом дрвету, где сте има неки посебан роот чвор који ћемо генерички зове документ, испод које је корен ХТМЛ-елемент или тег ХТМЛ, који онда има два деца, главе и тела. А онда опет, глава има титулу. И наслов има вредност текста. И тело слично има вредност текста. Дакле, ако сте удобно изрека да да, можете искористити ову ХТМЛ и нацртајте слику као ово је десна страна је леп ментални модел јер сада да имамо ЈаваСцрипт, програмирање језик који претраживачи могу извршава и тумаче за вас, испада да шта ми смо урадити у коду се почети да манипулише ово Структура дрво у меморији. Ми не морамо да изградимо дрво у меморији. Не морамо да радимо некако псет пет-стил структура података комплексност. Претраживач, лепо довољно, на тумачећи ХТМЛ врха до дна, лево или десно, буквално ће преда нам еквивалент од показивач тој цело стабло фор фрее. То се све напорног рада. То је оно што Опера и Аппле и други су урадили за нас. И са ЈаваСцрипт ћемо бити у стању да контролише и променити и урадити интерестинг тхингс то то дрво, иначе познат као ДОМ или Доцумент Објецт Модел. Какве ствари? Па, испада да у ЈаваСцрипт, ту је Ова листа веш од догађаји који могу да се одвијају. И нисмо баш користили да Реч од недеље нуле и псет нула, када смо разговарали о Сцратцх. Већина вас вероватно није користио догађај у вашем пројекту Сцратцх. Али можда сећате једноставна Марко Поло пример, где смо имали два духови, од којих је један рекао, Марко. Други од којих онда, након слушања и слуха тај догађај, рекао је, поло. Ако не, слободно лоок бацк то далеко. Али ово је само да кажу, и можете некако закључити из имена ових ствари, ЈаваСцрипт, испоставило се, ће нам дати начин да слушају за миша иде доле или миша иде горе или тастер иде доле или тастер иде горе или онсубмит онселецт или онресизинг нешто. Другим речима, свако физичко деловање да човек може узети са претраживача да радите сваки дан, можете написати код за који слуша за тих догађаја и онда ради нешто одговарајуће. На пример, ако користите Гоогле Мапс, шта се дешава ако кликнете и потез миша, типично? Ако кликните и превуците? Да? Baš tako. Мапа почиње да се креће. Дакле, можете некако видим шта је овде, шта је тамо. И Како Гоогле спроводи ово? Па, вероватно, они су користећи неколико ових догађаја слушаоци, један је каже, слушајте на мишу довн-- тако да када корисник физички гура свој трацкпад или његов миша доле. И онда тражимо нешто као покрет или неког другог догађај који нам омогућава да снимите отпор. И, у ствари, превуците је на сличан начин у овом Дот Дот Дот листу могућих опција. Дакле, ово ће бити моћан начин да се почне одговара кориснику чак и пре него што он или она стварно кликне Нешто слично експлицитно поднесе. Али ћемо увести пар тема да стигнемо тамо. Али прво, хајде да транзиција до неке стварне кода. Зато ћу да одем напред и отвори Дом-0, који је врло једноставан пример овде да ако зоом ин просто има ту улаз за мене. И ја ћу ићи напред и укуцајте "Дејвид" за моје име и кликните на Пошаљи. А онда, мада некако јефтино, ја има ту линију која се појављује да каже, "Здраво, Давиде!" Дакле, ово је врста као наш "Хелло, Ворлд" да смо неко време назад у Ц и чак у ПХП јер сам динамички сам имати излаз моје име. Ја могу да урадим овде име туђе. Ја једноставно нисам могао промијенити то, као, Хана, кликните на Пошаљи. И заиста, мали поп-уп промене. Сада, поп-упс су један од најзлоуптребљенијих карактеристике веб. И у ствари, још у Тхе Даи поп-уп блокатори постала популарна због тебе ће ићи у неку вебсите-- можда упитна место-- да би одједном старт пепперинг екрана са хрпом поп-уп. И тако та способност да се појави прозори испред корисника није посебно добро примљена од стране човечанства. Зато видиш ово спречи ствар, што само чини цела ова ствар ружна. Тако ћемо требати бољи начин да се подстакне корисника. Али за сада, изгледа да ради. Дакле, само интуитивно, шта изгледа да се овде дешава? Ја само напред и кликните на Пошаљи, и онда се нешто дешава, јасно. Али оно што се не дешава да се није десило Прошле недеље сваки пут сам кликнуо Пошаљи? Шта се није догодило на екрану? Молим? Релоад. УРЛ није променио уопште. Ја сам рекао да је ово дом-0, и ја сам још увек на ДОМ-0. Нормално, ми бисмо се мења у неки други УРЛ, као што регистер.пхп или слично. Али чак и кад отпусти ово кликом на дугме ОК, приметите да је УРЛ остаје у потпуности пут. А, у ствари, ако сам мало скептичан, дозволите ми да отворим Цхроме. Дозволите ми да отворим картицу Нетворк. И приметио је празно у овом тренутку. Пусти ме само напред и поново Марију. Нема мрежни саобраћај уопште. Дакле, нема ХТТП. И заиста, ако погледате изворни код на овоме-- дозволите ми да затворите овај прозор и идите на Виев Соурце. Занимљиво. Изгледа као да је нека нове ознаке, међу њима скрипта. Дакле, хајде да погледамо унутар ЦС50 ИДЕ тачно оно што сам послао корисника. Дакле, овде је-- хајдемо фокусирати на само ХТМЛ. Овде је доња половина ДОМ-0.хтмл. И приметите да има наслов, глава ознака, тело ознака, облик ознака. Али оно искочи на вас као другачије, нарочито ако никада нисте написано било ЈаваСкрипт себе. Дозволите ми да померите мало до овде. Имам улаз, још један улаз за доставити. Имам ИД, који је нека врста новог. Али смо видели са ЦСС. Шта друго је дефинитивно ново? Да? Lep. У реду. Па где је онсубмит каже, приметити оно што изгледа да следе. Ово је атрибут у ХТМЛ номенклатуре. Његова вредност је ово цитирао низ овде. И ово изгледа мало чудно на први поглед. Није ХТМЛ. Није ЦСС. Ово је, као што можете да погодите, ЈаваСкрипт. Дакле, чини се да је уграђена у ово веб страница је функција зове поздравити. И ја закључујете да само јер је реч, поздрави. Има отворену парови, блиски парен, зарез. Изгледа као Ц функције, Изгледа као ПХП функција. И заиста, то ће бити ЈаваСцрипт функција. Онда се враћам лажна. Вратићемо се само који тренутак. Али где је ова функција дефинисана? Па пусти ме дођите до на врху фајла. И иако је дугачак ред, то је релативно једноставан. Дозволите ми да умањи ту и фокусирати на ове четири линије. Дакле, у ЈаваСцрипт, само као ПХП, само рецимо, буквално, реч "функција" назив функције, а затим заграде са било аргументс-- никакве аргументе у овом случају. И нема повратни тип у ЈаваСцрипт, баш као ПХП. Тако да је мало лабавији него Ц. Отвори коврџава Браце, близу коврџава заграда. Буилт у ЈаваСцрипт је фунцтион-- не препоручује фунцтион-- али функција се зове упозорење чија је једина сврха у животу је да подигне да гадно навести да смо видели малопре. Ово је нека врста залогаја. Шта се дешава овде? Почнимо да означите све овде. То је исти аргумент да упозори. И шта се дешава? Ово само изгледа као стринг. И испоставило се, за разлику од ПХП и за разлику од Ц није битно у ЈаваСцрипт ако ви сингле цитати или двоструки наводници. Они ће бити једнак. И искрено, то је само популаран ових дана за ЈаваСцрипт програмере да увек Користите једноструке наводнике из неког разлога. То је само ствар. Али бисмо могли да користимо наводнике, као добро. Дакле, плус је нови лик. Али они од вас који сте урадили ово пре, шта више значи? Да. Спојите. Дакле, видели смо то у ПХП. Ту је само тачка оператер у ПХП који ће спојите две жице заједно. Ц је бол у врату да то урадите. Подсетимо од псет шест, која је била Еспециал бол у врату, бисте морали да користимо нешто као стрцат након доделе меморије на стеку или гомиле. Морао си да скочи кроз хоопс само да спојите две жице. У ЈаваСцрипт, то је супер једноставна. Само користите оператор плус између њих. Дакле, комплекс изгледа ствар изгледа тхис јер на крају Цео овај стринг, управо сам спојите на знаком узвика. Дакле, ако шта је ничу је "Здраво, Давиде", "здраво, Хана," "Здраво, Марија", и тако даље, јасно да средњи ствар између два плусеви морају ми дати приступ шта? Шта је тамо сигурно? Да. Зато ћу овде претварајући одговорити своје име, зар не? Дакле, њихово име појавило у финалу резултат. Дакле, шта то значи? Па, ја предложио раније у томе Слика која такозвани ДОМ има ту посебну роот елемент начин на врху се зове документ. А сада, како се испоставило, да иде бити посебно глобална променљива у ЈаваСцрипт, изграђена у који је гомила корисних функционалности. Међу корисна функционалност је Способност да се у сваком потомка чвор. Ти квадрате или правоугаонике или елипсе само су чворови у дрвету, да се тако изразим. Тако испада да је уграђена у Доцумент Објецт ЈаваСцрипт је је функција, иначе познат као метод, који се зове гетЕлементБиИд. Синтакса за расписивање функција у ЈаваСцрипт да је унутар неког објекта или променљива је само са дот нотацији. Видели смо то у Ц шта струцт синтакса. Видиш ово у псет седам, врста, некако, када видите ЦС50 :: упита. Дебело црево дебело црево у ПХП је још један начин позивања функције који је унутар неког објекта. Али за сада у ЈаваСцрипт, то је само тачка. И тако ова функција, лепо довољно, врста каже оно што доес-- добити елемент по ИД. Елемент је само друго име за таг или чвор у Дому. И тако се елемент по ИД "именом" значи ово-- овде је мој ХТМЛ. И на основу овог ХТМЛ, ста чвор или шта ХТМЛ тагове а ће програмски бити руку позивом доцумент.гетЕлементБиИд? Да, баш тако. Идем да се улаз Елемент постоји чији ИД је "име". Дакле, конкретно, можете Мислим на ове функције, гетЕлементБиИд, као начин давања назад показивач на дату чвор у дрвету. Нисмо извући ово дрво, али то је начин добијања приступа који правоугаоник или да правоугаоник од јединствено га идентификују преко свог ИД. Е сад, зашто је то корисно? Па, испоставило се да када сте стечен да чвор, да Правоугаоник из слика, да чвор унутар ње, заузврат, има гомилу пропертиес-- кључ-вредност паровима или подаци, од којих је једна зове вредност. Тако буквално, то је нека врста залогај да објасни целу ствар. Али на крају дана, све ово ради је да ти дам стринг који је корисник откуца у овој хијерархијској начин. Али ја не као пар ових ствари. Односно, ту је увек неки радозналост. Све то чинило да раде. Зашто мислиш да сам се вратио лажна после позива поздравити? Ово изгледа мало ружно, да Имам ту двије изјаве раздвојене зарезом. Да претпоставите. Ако уклоњен ретурн фалсе, шта може да се деси, само инстинктивно? Жао нам је, опет кажем? Отворите гомилу Виндовс. Дакле, потенцијално можда нешто тако ће се десити. Шта даље? Можда поднијети захтјев где? На истој страници. Дакле, у ствари, то је то ближе одговорити овде, иако, за разлику од у прошлости, ја нисам наведено је акција атрибут, који обично морамо да урадимо. Испоставило се да постоји подразумевани. Ако не наведете радњу, то је као да кажеш цитат, под знацима навода или име самог фајла, што у овом случају би бити као ДОМ-0.хтмл. То је некако закључити, односно подразумева. И тако ако не урадим ово, хајде да приметити. Дозволите ми да спаси ово. И ја сам уклонити врати ЛАЖ. Дозволите ми да се вратим на ово Пример и сила га поново. А можда сте видели да сугеришу ово ЦС50 Разговарајте гомилу пута. Ако ишта икада понаша фанки и претраживач не понаша како сте очекивали, често ћете желети да држите Схифт, а затим кликните на дугме Релоад. То ће приморати све датотеке на релоад и не користите локални кеш прегледача или копију тако да сада, пусти ме само напред и отворим инспектор, картицу Нетворк. Идем да кликну Очување Лог јер сам не желимо да избришете редове Једном сам се збрисан далеко негде другде. Пусти ме само напред и овде Тип на Анди, кликните на Пошаљи. У реду. То изгледа као што је очекивано. Она каже: "Здраво, Енди." Дозволите ми да кликните на ОК. Занимљиво. Обратите пажњу да страница променила, мада на оригиналне странице. Обратите пажњу на УРЛ врсту промењена. Она додаје знак питања, која је обично показатељ да смо покушали да поднесе нешто. А онда на дну, још више експлицитно, Овде је стварни ХТТП захтев, која је добила одговор од 200 који довео ме овамо. Дакле, ово није оно што желимо да радимо, зар не? Зато што не желим да релоад целу страницу. Ја уместо желели да се врате фалсе тако да кратког споја подразумевано понашање претраживачу, која је, наравно, да поднесу страницу. Дакле, хајде да погледамо маргинално бољи пример. Ово је Дом верзија један. И приметио следеће. У реду је ако не грок сви линија кода. Али, оно што је фундаментално другачији о овом имплементацију? Ја ћу одредити да се понаша Исти, ради исту ствар. Шта сам очигледно урадио другачије? Да? ПУБЛИКА: [неразумљиво]. Давид Малан: Да. Тако је функција дефинисана дифферентли-- Другим речима, одсутних из форме, тамо он лине 7-- или а, линија 8-- не имам на онсубмит атрибут. У претходном примеру, имао сам ово. А онда сам буквално писао код овде. И онда сам рекао ретурн фалсе. А ако није трљати ви ипак на погрешан начин, требало би да почне да мери као, баш као у ХТМЛ-у, када смо почели да га заједно дружити са ЦСС у стилу атрибута, само почео да се мало неуредно или осетити мало погрешно. Слично томе овде, ако почнете узимање ХТМЛ, и онда аутоматски плоп неки ЈаваСцрипт код у сред наводника, то је Неће бити врло одржив. Jel tako? Није чак ни јасно на први поглед место где је ЈаваСцрипт код је. Тако да би било стварно лепо као принцип бољег дизајна, хајде да у потпуности нашу ХТМЛ одвојити од нашег ЈаваСцрипт. Тако да то уради, оно што смо готови је фолловинг-- једноставно користити ХТМЛ само за ознаке. И тако у верзији једног од овога, све Имам је облик са јединственим ИД. А онда овде доле, ја искористивши посебног особину ЈаваСцрипт при чему могу да имам шта је назива анонимни функција. Тако испада да ако ја зовем доцумент.гетЕлементБиИд од 'Демо' то је као да ми показивач на Овај чвор у мом дрвету, облик елемента, такорећи. Сада, ја само знам од знајући мало ХТМЛ Сада имамо прочитам неке мрежи референца, да је облик елемента подржава гомила догађаја у листенерс-- Другим речима, листа веш догађаја слушаоци које смо видели малопре. Знам читајући документацију да онсубмит је валидан догађај слушалац за форме елемент. Дакле, када ја то знам, то је сигурно за мене да радим фолловинг-- добити тај чвор од дрвета, облик елемента, и приступи његова такозвана онсубмит имовине. Дакле, тачка само значи ово је имовина, као посебне вредности унутар ње. И шта тип података а доделе, по свему судећи, на онсубмит, што је ефикасно променљива у тог чвора у стаблу? То је поље унутар тог струцт. Шта је тип података? Функција, да. Тако испада да ПХП има ово. И иако смо није вам кажем о томе, Ц такође има функцију савете, и Способност да прође и доделите функције као самих вредности променљивих. И нећемо регреса назад у Ц. Али за сада, испада да Са десне стране овде, иако изгледа мало Функи, то значи, хеј претраживач, дај ми неку функцију. Нећу ни да смета давање то име зато што сам буквално сам ће доделити назовимо то адреса ове функције одмах онсубмит. Другим речима, претраживача, не морате да знам шта ова функција се зове. Само треба да знате где је у меморији. И тако је довољно само да има ли знак једнакости и не смета давање имена ово, као Фоо или поздраве или било који други реч. А сада ово је само стилска ствар. Могао бих да се овај коврџаву браце на у-- је-- следећи ред као што обично радимо ЦС50. Али у ЈаваСцрипт, то је заправо заједнички стилски само да задржи коврџаву стезник је Први, на тој првој линији. Али у даљем тексту, ту је ништа занимљиво. То отворена коврџава заграда само разграничава почетак мог функције. Функција је сада идентични, осим имам укључују ретурн фалсе унутар ове функције. Зато што се окреће оут-- а ви само би знам из читања доцументатион-- да ако функцију коју сте доделили да тхе онсубмит руковалац враћа фалсе, претраживач једноставно зна и да је сагласан не поднесу пријаву на сервер. Ако се врати истина, она ће доставити је на сервер из разлога Видећемо су корисни за тренутак. И онда је зарез после таласасту Браце ту само значи да сам са дефинисањем функцију. Знаш шта да чим позове као што чујете аргументе. У реду. Ово је још увек дискутабилно некако ружно. Дакле, шта више да радимо? Па, испоставило се тада у верзије два, што је ласт-- и ми ћемо само поглед на ово. На ризик да је ружнији, испоставља се да постоји библиотека у свет зове јКуери. И јКуери је супер популаран ЈаваСцрипт библиотека То је толико популаран да је већина било ЈаваСцрипт-- није неуобичајено да људи збунити јКуери витх ЈаваСцрипт. Zašto? Сам ЈаваСкрипт да има веома Вербосе начина да се то ствари-- доцумент.гетЕлементБиИд, дададададада. Ви завршити са веома дуге линије кода. Дакле, момак по имену Јован Решид, ко заправо ради за покретање до ових дана, изашао са овим библиотеке година Пре да су многи људи допринели да се зове јКуери која мења Синтакса на следећи начин. И само да сте видели ово, јер сте увек ћу види ово ако радиш веб-басед завршни рад, ово би био еквивалент начин спровођење ту исту функцију користећи ово специјално библиотека. Сада, уместо теасе да, осим у целини, хајде да погледамо неке обрасце. Ова синтакса изгледа да има колико анонимни функције или безимених функције или АКА ламбда функције? Два, зар не? А ви знате да, чак и ако ниси Супер удобан са овим, само због чињенице да је каже функција () два пута. И испада да шта је ово код је доинг-- и ми ћемо се односе на онлајн референце, на крају, из неког помоћи. То само значи да када Документ је спреман, само напред и регистровати следећа функција као подноси руковалац за ХТМЛ Елемент чија је јединствена идеја је протест. А онда, кад се то догоди, Те две линије кода. И ово је, трагично, Више опсирније начин да се каже ретурн фалсе. И ми то споменуо само зато видећете код попут овог онлине. И то није ништа да се Преплаłена. Али радије, имајте на уму да оно што је ће бити уобичајен у ЈаваСцрипт је ова парадигма. И то је разлог зашто смо га показати за сада. У реду. Дакле, без стана превише много на том синтаксе, се постоје питања о Ови примери или идеје до сада? У реду. Дакле, хајде да користимо ово за нешто корисно. Израда веб страницу која само каже здраво, тако и тако није толико интересантно, не да ундервхелм. Овај неће да буде леп, али ће да уради нешто корисно. Дозволите ми да се вратим у директоријум овде и отвори, рецимо, облик-0.хтмл. Дакле, претпостављам да је ово бруцош Интрамурал- спорт страна регистрација без ЦСС или било ком смислу дизајна. И желим да идем напред и региструјте овде са лозинком. И ја ћу се слажете са условима и услови и кликните на Регистер. А сада је сајт каже: "Ви сте регистрован! (Па, не баш.) " То изгледа као да ради, али пусти ме само напред и натерати релоад. И да вам кажем, не, не Треба ми мој стварни емаил адресу. Или можда ћемо само рећи пошту тамо. Лозинка ће бити, као, 12345. А онда, само зато што сам идиот, сада је 123456789. И не идем да проверим своју кутију. Хмм. У реду. Дакле, постоји неколико могућности за побољшање овде. И знате, или ће видети у псет седам, да можете писати цоде-- а ви ћете морати да пишете код у ПХП-- да брани против ове врсте корисника Грешке због тога што је корисник јасно није сарађивао. И он или она није дао све вредности сте хтели или чак у формату да сте их хтели. Тако ћете видети у псет седам који сигурно могли да имају неке ако услова који кажу Ако е-маил адресу није усернаме@сометхинг.еду, Могли би смо да кажу жао и извињавам кориснику много, као да би могло бити у псет седам. Или, ако нису проверили ту кутију, Испада у ПХП-у, можете открити да, превише. И свакако ако лозинки не поклапају као у регистер.пхп за псет седам, можете открити то. Али то је бол у врат у томе сада траже да иде скроз на сервер. Корисник је обавештен о грешци. И најмање осим ако користите неки одгајивач технике, Сада морају да кликните на стрелицу назад. Зар не би било лепо, као много сајтова данас, ако сте имали више непосредан повратне информације, одмах? Другим речима, пусти ме на верзију један, који ће бити лепша. Али она има ову функцију. Малан, 12345, 123456789, не да провери кутију, региструјте. Лозинке се не поклапају. Дакле, иако је овај поп-уп је угли-- можемо заменити то на крају са нечим као што је боотстрап, што ћете видети у седам псет је веома популаран либрари-- сам открију да су лозинке не поклапају. У реду. Па, дозволите ми да средим као корисник. Пусти ме само напред и кажу 12345, 12345. Још увек не проверава споразум. Морате се сложити до Услови. Па зашто? Ако смо већ образложио да постоји начин, а ми смо вам потребни у псет седам до откривања грешке Услови лике тхис Сервер-сиде, зашто бих ја мучити се то уради у ЈаваСцрипт? Шта је то аргумент у корист додавања оно ћеш да видиш како неке-- постоји додатни сложеност. Можда нема наопако. Шта би то могло бити? ПУБЛИКА: [неразумљиво]. Давид Малан: О, интересантно. Потенцијални нападе. Па наравно, ако нисте руковање погрешна улаз корисник који одлично, можда је све боље ако њега чак и не достигне свој сервер. Ја бих гурнути тамо и рецимо, вероватно би фик оба ова проблема. Али то је фер. Шта даље? ПУБЛИКА: [неразумљиво]. Давид Малан: Да. Овај код, као што смо раније рекли, је тумачити на страни клијента. То не смета сервер, што значи да не ударно оптерећење или је капацитет сервера. А сада, за младу мене, ово нема стварне ефекте јер имам један корисник сада. Али ако сте било сајт пристојног величине, Посебно је највећи, као што су Фацебоок, више можете задржати људе вашег сервера бољи јер је сервера, наравно, има само коначан износ РАМ, коначан број гигахерца, коначан број ствари то може да уради по јединици времена. Дакле, ако има више људи у свет удара свој сервер, случајно логовања погрешно, баш као и ако може задржати тај терет са свог сервера. Осим тога, посебно на мобилном девице-- Ако сте икада лог у ми.харвард или Иале је нетид или слично, ту је ово кашњење са пуно сајтови као да при чему је потребно, као, проклето секунд или два, понекад. А онда, мој Боже, ако погрешите у куцању, онда морате да се вратите удари и поновите га. Дакле, постоји кашњење, посебно на споријим мрежне конекције. Али ЈаваСкрипт јер она ради на клијенту и не треба да идемо напред и назад преко потенцијално спори интернет веза, можете добити скоро тренутна повратне информације. Дакле, хајде да погледамо ово. Дозволите ми да отворим облик-0 и погледај ХТМЛ код. И хајде да видимо шта се дешава. Ово је облик чија је акција је регистер.пхп. Ја само користим толико да сам могао да видим УРЛ. Али за лозинке, ми ћемо сигурно би хтео да се то промени да поставите у стварности. Ево унос поље типа текста. Ево још једног улаза поље типа лозинке. Овде је, ако никада нисте видели, улазни типа потврду. Али нема ЈаваСкрипт овде уопште. Ово је само ХТМЛ који иде у регистер.пхп. Али у верзији једном, где сам почео да се оне поп-уп, хајде да видимо шта се заправо дешава овде. У верзији једном, оно Идем да видим-- И Мислио сам да могу да успори довољно са довољно речима, али ми је понестало. У верзији једног-- тамо идемо. У верзији једном, приметити да фолловинг-- и није најбоља реализација, али то је мој први. Обратите пажњу да испод облик, имам скрипт таг. И скрипта ознака значи, хеј, претраживач, овде долази неки код у, обично, ЈаваСцрипт-а. А сада, погледајте шта радим. На лине-- Једва прочитајте то-- Лине 32, каже, вар па форм-- ми променљиви зове форма. И онда се доцумент.гетЕлементИд од "регистрације". Шта је ово? Па, дозволите ми ревинд овде. И запазите, Ах, дао сам форму елемент произвољна, али описно идеја регистрације. Дакле, ово ми даје променљиву која омогућава да узмем тај чвор, да правоугаоник на дрвету зове форму. форм.онсубмит средства, хеј претраживач, региструјте догађај слушаоца на овом обрасцу. Другим речима, када је овај вид доставила извршите следећу кода. То не треба име, јер Зашто треба да знате име? Само треба да знате Шта да изврши, Ерго то је анонимно или ламбда функције. И то је функција све ове линије овде. А сада, да будем искрен, иако вас не би икада написаних ЈаваСцрипт пре, то је само Ц и ПХП-логика. Дакле, ако форм.емаил.валуе == "" - па ако је поље е-маил је празно, викати на корисника са "Морате пружи своју емаил адресу. " Иф форм.пассворд.валуе је празно викати на корисника, "Ви мора да обезбеди своју лозинку." Више интересантно логично, ако форм.пассворд.валуе не ради једнака форм.цонфирматион.валуе-- одакле долазе потврда? Пусти ме уназад. Па, звала сам ово улаз поље овде лозинку. Назвала сам ову овде потврда. Могао сам то назвао лозинка две или било шта друго. Ја само логично проверавам да су двојица су исти. Елсе-- Испоставило се да је ово господин Бул Поново: Боолеан вредност, кућицу. Дакле, ако ја кажем, узвик поента ако не форм.агреемент.цхецкед, викати на корисника као добро. Дакле, ово синтакса видећете је веома честе у ЈаваСцрипт, где имате ову тачкасту запис. Можете почети са објектом овде. Ви зарони дубље да бисте својство као лозинку. А онда се на његове стварне вредности. И опет, овде је улаз. Овде је име лозинка. И њена вредност је без обзира на људски је заправо откуца. Дакле, у свим овим случајева, вратио сам се лажно. Али ако не, ја ретурн труе. И сада видимо убедљив коришћење када би ретурн фалсе да стоп оно што корисник ради и да га или њу изабрати поново или куцати. У супротном, враћамо истина. И дозволите ми да представим један друга варијанта ово само семена томе неко разумевање. Па, у верзији 2 овог, облик-2-- Ја ћу то са таласом руке. Ово је, за оне који радознали, верзија јКуери, Они од вас који би да површно у том библиотеци. Али хајде да старт-- и каквих питања? Дозволите ми паузу за тренутак, јер то је било брзо и много. Али лепо ствар овде је да све кода је прилично исто. Нова ствар је што је Дом? Које су то правоугаоника? Шта су ови чворови? Шта је анонимно функција? Шта је догађај трговине? Али срећом, већина то је само пун круг од, рецимо, недељу нула. У реду. Дакле, нешто мало занимљивије? Па, пре свега, пусти ме напред и отвори Гоогле Мапс. И ви ћете приметити то због тренутак, на делићу секунде, приметити шта се дешава када Кликнем довољно брзо. И та веза на Харварду је тако брзо да заправо не примећују. Али шта врста некако видим ако кликнем и ја врло брзо? Они од вас гледао на мрежи, ако успорити то брзину 0,5к, можете видети боље. Шта је управо догађа пре него што сам кликнуо и вукао? Дозволите ми да покушам овдје-- пусти ме да радим нешто друго, као 90210. Идемо далеко. То је врло брзо, превише. Како Диснеи Ворлд? Ево га. ОК. Шта сте видели на делићу секунде? Само, као, трговима, зар не? Плејсхолдери за плочице? Па, шта се овде дешава? Гоогле Мапс је леп пример ова технологија која се зове АЈАКС. И ово је место где ћемо почети да користити ЈаваСцрипт у посебно привлачан начин. Назад у дан, било је Овај сајт зове МапКуесту. И требало је узео с тога из 1990-их, где ако желите да погледај овде на карти, ти би буквално кликнете на стрелицу горе у врху да вам показао другачији квадрат карте. Ако желите да мове лево, ти кликнули стрелицу да сте показали другачији квадрат карте. А неки сајтови још увек ту и данас. Али чак и МапКуест је стечен боље, као и Гоогле Мапс. Уместо тога, оно што је боље ово дана је сајтова који користе АЈАКС. АЈАКС-- иначе познат као Асинхрони ЈаваСцрипт и КСМЛ, што је само фенси начин да се каже технологија или техника која омогућава бровсер користећи ЈаваСцрипт да учине додатне ХТТП захтеве након што је страница учита. Дакле, шта то значи? Па, то би било лепо од досадне у Гмаил ако сваки пут када хтели Провери пошту, Ви сте буквално погодио Контрола-Р или Командно-Р или кликните на дугме Релоад и цела проклето страна би релоад. Jel tako? То би фласх бела Вероватно за секунду. Ти би видели прогресс бар глупо. И само да видим да ли имате нови пошта, цео веб страница и УРЛ ви сте у ће морати да поново. Али то није оно што се дешава у Гмаил-у. Jel tako? Када добијете нову е-пошту у Гмаил, шта се дешава на екрану? То само показује горе, зар не? Само магично појављује као нови ред у табели. То заправо укључује пристојан износ сложености. У ствари, ако размислите о овом дрвету, који, иако је овде једноставна, Гмаил-- и ја бих да погледам у коду да буде суре-- Вероватно има ХТМЛ табелу или можда Несређена листа да чини сваки од ваших Санд е-поште, као. И тако, ако замислите ово тамо је дрво у меморији кад си користите Гмаил који изгледа некако некако овако, када је Гоогле схвати, ох, имате нову е-пошту, не значи Желим да обнови цело дрво. Уместо тога, она жели да пронађе чвор у дрво које представља ваш инбок и само убаците нови чвор. Дакле, врло сличан псет пет, где си је морао да убаците чворове у хеш табели, слично ради Гоогле преко ЈаваСцрипт код да је написано, Траверсе овог дрвета, схватим где је да пријем део прозора, а затим убаците нови ред. А нови ред само једну значи или више нових чворова у дрвету. И тако АЈАКС је ова техника који омогућава управо то. Када сте посетили УРЛ, Међутим луди дуго је, а када страница има био напуњен, још увек можете зграби више података од интернет-- да ли је е-маил или плочица од мап-- зграби га иза кулиса а затим га убаците у страницу тако да људски не баш морати да сачека за то. Фацебоок Мессенгер функционише на исти начин. Било који број осталих вебситес-- Ох, у ствари, чак и овај. Мислим, ово је, искрено, некако досадни имају ових дана. Ако почнем потрази за цатс-- ово је нека врста страшног корисничко искуство. Само почне у потрази за мене. Па шта то ради? УРЛ није промијенио од кад сам почео куцање. Али шта се дешава преко пута вире-- реду, хм занимљиво. Шта се дешава преко пута жица овде постаје чудније. ОК. Па нека ми само напред и инспекцију елемент и идите на картицу Нетворк и покушати да ово техничке и мање о мачкама. Као што сам тип, буквално, мачке и-- шта се дешава пер-- Нећу да кликнете тога. У реду. Дакле овде, шта се дешава сваки Време куцам карактер, очигледно? Као, низак ниво? Шта се дешава са сваким од њих знакове куцам на тастатури? Да? ПУБЛИКА: [неразумљиво]. Давид Малан: Управо тако. Сваки од ових ликова је Гоогле ће, један по један. Они су градећи низ на свом серверу који представља све што сам до сада уписали у. И сваки пут куцам још један лик, они користе њихове тајне сос од А алгоритам за претрагу и схватити, то мисли ову страницу цат или ову страницу мачка или слично? Дакле, у извесном смислу, она ми даје са боље искуство у томе не знам ни треба да заврши своју мисао. И заиста, то је корисно ствар, аутоцомплете уопште. Ако њихови алгоритми су довољно добри и ако ми претраге довољно очигледна, Не морате да куцате целу реч. Они ће ми рећи шта је Ја сам се заправо у потрази за. Дакле, оно што Гоогле назива Инстант Претрага се само користи АЈАКС, користи код који им омогућава да затражи Додатни садржај преко веб бровсер иза кулиса користећи ово нови језик, ЈаваСкрипт. Дакле, имамо пар минута. И дозволите ми да позовем моју будди Колтон на сцену, јер је изгледало посебно забавно последњи пут да уведе технологију да неки од вас изразиле интерес у за завршне пројекте. Мислили смо да би било забавно да донесе до волонтера, ипак, данас да вам покажем додатак ово што ти-- омогућава да, Први пут сам видео ову руку. Хајде горе. Врло добро урађено. Добар посао. Идем да је овај пројекат на екран за који тренутак. Како се зовеш за све? ЕФА: Ја сам Ефа. Давид Малан: Етха? ЕФА: ЕФА. Давид Малан: ЕФА? ЕФА: Да. Давид Малан: Драго ми је да те видим. У реду. Дозволите ми да ово спремно. Цоме он овер до средњи са Колтоном овде. Шта Колтон има у својим рукама данас је даљински управљач. Дакле, уместо да само стоје тамо у тродимензионални свет гледа около као Колтон учинио, сада могу Ефа заправо шетају по иде горе, доле, лево и десно као да је Нинтендо или Ксбок контролер. ЕФА: Идем да падне са бине. Давид Малан: Хоћу стајати отприлике овде. Али то је ризик. ОК. Дакле, само напред и стави их на. Пусти ме само напред и пребаците на екрану овде. Дозволите ми да дим светла. И Колтон, пусти ме долазе постоље поред тебе. Да ли желите да објасним са микрофоном шта радимо? Изволи. ЦОЛТОН: Наравно. Дакле, сада смо пунити Оцулус, Претпостављам оператинг-- престало са пословањем систем, али главни програм, где можете да приступите свим играма и апликације које се налазе у вашој библиотеци. Тако сада, треба да стоји додирните тоуцхпад да почне. Тоуцхпад ће бити на десна страна слушалица. Дакле, само напред и тап-- ЕФА: Ох, човече. Давид Малан: Да, изволи. Квалитет Ефа се види је много већи квалитет. Ово је само Ви-Фи овде. ЦОЛТОН: Па шта си ти да желите да урадите се гледају ка врху десном делу екрана. Да, то игра на веома горњем десном углу. И онда када изаберете да, додирните тоуцхпад поново. Мислим да је Дреадхаллс. А онда овде је у-- овде, да да држим своје наочаре за вас. Тако да сам му само дао контролер. Дакле, сада може да контролише игру. Он може кретати и такве ствари. Зато само напред и гледати до врха. Требало би да видите нову игру. Дакле, само напред и то можете да урадите. Сада, требало би бити у стању да контролишу сами са контролером, као и, чим игра учитава овде. То може бити помало застрашујуће. ЕФА: Сад ми кажеш. ОК. ЦОЛТОН: У реду. Дакле, потврђују да можете да се крећете. ОК. Можете се кретати. Савршен. Дакле, ако погледате доле, имате карту. Карта вам показује где се налазите. Можете погледати по соби. Не мозе се потпуно окренути. Да, баш тако. Заокренути. Дакле, погледај на лево. Мислим да је то нешто што може покупити на бурету у соби. ЕФА: Како добити мап ван пута? ЦОЛТОН: Погледај горе. Само погледај горе. У реду. Ето га. Сада иди и само се окрени. Зато погледајте даље са ваше леве стране. Кееп мовинг лево. Настави да тражиш лево. Настави. Да. ЕФА: О, тако. ЦОЛТОН: Да. Валк према њој са контролером. Ето га. Сада треба да стоји покупи га. Ето га. Подићи. У реду. Сада, хајдемо из ове собе. Само напред и хода до врата. Дакле, ти ћеш холд-- пише држите тастер да га отвориш на силу. Дакле, само напред и држите дугме. Да, присиљавање да отвори. У реду. Добар посао. Сада смо излазио из собе. Зато ћу да напустим остатак до и да видим шта сте сазнали. ЕФА: Нећу у мрачној соби. Чек. Сада морам да идем низ Дарк Халл? У реду, ја ћу вратити [неразумљиво]. ЦОЛТОН: У реду. Неки више ставки да покупи. Изгледа да неким кованица. То је брава избор. Дакле, ако сте пронашли закључана врата, можете користити то. Da li si uplašen? ЕФА: Не још. ЦОЛТОН: У реду. Претенд-- да. Само замисли да си заправо стоји тамо. А ако окренете ароунд-- мораш да се навикнеш на то. Али то има смисла. Давид Малан: И док наставља да Ефа плаи, јер смо могли да урадимо ово цео дан, сви можемо да врховима прстију овде. Али ми имамо два пара, Ако желите да се и играти. У супротном, ми ћемо видети ти си следећи у среду. Хвала нашем волонтера данас. [АППЛАУСЕ] [МУЗИКА - "СЕИНФЕЛД ТЕМА"] СПЕАКЕР 1: Па, ја сам стављајући нови ПЛ монтирати на. Управо сам променио ОЛПФ-- Звучник 2: Па шта тачно радиш? СПЕАКЕР 1: Па, свако од тхесе-- овде, ја ћу вам показати једну овде. Можете видети овде. Спеакер 3: Мислим да сам добар са овим. Хоћеш још? СПЕАКЕР 4: Не, ја сам добро. [Неразумљиво]. Спеакер 3: Не, [неразумљиво]. Ево ти мало. СПЕАКЕР 1: Другачије боје. Звучник 2: У реду. СПЕАКЕР 1: Па на крају то како да ли је то подешава боју од--