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