АЛЛИСОН Бухгольц-AU: Усе правы ўсё. Сардэчна запрашаем у профіль. Гэта наша перадапошнім раздзеле. Гэта так сумна. Я не ведаю, што я збіраюся зрабіць не бачачы вас, хлопцы кожны панядзелак. Я думаю, мы павінны просто-- Можа быць, мы маглі б проста сустрэцца тут і паабедаць або што-то. Я не ведаю. Я прынясу замест ежы. Мы проста гаворым. Але так, на наступным тыдні будзе наш апошні падзел. На гэтай ноце, вы павінны віктарыну на наступным тыдні. Я ведаю, што забыўся зрабіць мой, як, два тыдні своечасовае апавяшчэнне на мінулым тыдні, але, спадзяюся, вы, хлопцы, ведаў, што гэта адбудзецца. Спадзяемся, гэта адзін з апошніх прамежкавых выбарах для вас, хлопцы, за семестр. Але гэта будзе ахопліваць ўсе матэрыял, які мы пайшлі зноў. Так што гэта не падабаецца, вы можаце проста забыць каля чатырох завес або зменныя. Таму што мы даведаліся тыя, у пачатку, тыя, відавочна, справядлівая гульня для віктарыны. Гэта будзе той жа фармат, тое ж самае даўжыня, так што вы ўжо прывыклі да гэтага. Там будзе кадавання з дапамогай ручных праблем, Можа быць, некаторыя дакладна няправільна, Можа быць, нейкі кароткі адказ. Такім чынам, вы павінны быць знаёмыя з фарматам, асабліва калі вы бераце Практычныя тэсты. Але, як я кажу тут, гэта накапіцельнымі, але мы вызначана будзе упорам на рэчы з шостым тыдні наперад. Такім чынам, мы, верагодна, не будзе спытаць вас аб тым, колькі байт у кожным тыпе або гэтыя віды рэчаў, але мы, верагодна, будзе зацікаўлены ў такіх рэчах, як звязаныя спісы, або розныя структуры дадзеных, або розныя алгарытмы што мы гаварылі. Таму пераканайцеся, што вы сапраўды на тых, і калі вы патрэбныя якія-небудзь рэсурсы, вось шмат рэсурсаў. Я проста даў вам выгляд аб хуткім спісе ёсць. Наступны тыдзень будзе віктарына агляд працягу гэтага часу. Так што, калі ў вас ёсць якія-небудзь пытанні ці канкрэтныя тэмы, канкрэтныя рэчы, на віктарыне, што Вы хацелі б пайсці зноў, калі ласка, дасылайце іх мне раней часу, так што я магу выгляд падрыхтоўкі некаторы матэрыял для гэтага. І ў дадатак да гэтага раздзел аглядзе мы таксама правядзення курсу ўсёй агляд, як мы зрабілі ў мінулы раз. І гэта будзе робіцца тымі ж людзьмі. Я не ведаю, калі гэта робіць гэта лепш ці горш, але гэта будзе мяне, Ханна, давай, і Гейб зноў. Так што, калі вы хочаце прыйсці і ўбачыць нам усё жартавалі адзін з аднаго! і вы пройдзеце праз віктарыны Агляд, вы павінны абавязкова прыйшлі да гэтага ў наступны панядзелак таксама. Такім чынам, вы будзеце толькі варэнне панядзелак спакаваныя агляду віктарыны, і гэта добра таму што тады ў вас ёсць аўторак для апрацоўкі праз усе. Але, безумоўна, не праверыць з гэтых рэсурсаў. Study.csv.net на сённяшні дзень, я думаю, адзін з найбольш карысным, у асноўным таму што ён мае Шмат прыкладаў кода, ён мае ўсю ўладу Ачкі з усімі заўвагамі на ім, якія сапраўды тое, што я малюю найбольш мае раздзеле матэрыялаў. Калі ёсць што-небудзь у папярэднім раздзелы, якія я, магчыма, пасыланыя што вы не можаце мець атрымаў, проста дайце мне ведаць. Як прыклад кода на мінулым тыдні, калі хто-то не атрымаў, што, Проста напішыце мне або прыйсці пагаварыць са мной, і я паклапачуся пра тое, што вы атрымаеце гэта. Так з гэтым, сёння мы будзем будзе казаць пра JavaScript. І вось мы з Томі, які я быў проста кажу вам ўчора ўвечары. Я люблю Томі. JavaScript з'яўляецца яго любімым Мова, як ён кажа тут. Яны будуць спрабаваць і сказаць вам, што гэта ці не лепш, і яны маюць рацыю. Так Томі майстар JavaScript. Я не зусім на яго узроўні, але я быў бы, "Томі, як я вучу гэтыя дзеці JavaScript? " Так што я атрымаў некалькі саветаў, так спадзяюся, яны выйшла. Так пара рэчаў, якія трэба ведаць, што JavaScript з'яўляецца сцэнарыяў на баку кліента мова, таму ў той час як PHP з'яўляецца тое, што мы разгледзелі больш на боку сервера, было загрузіць на сервер, кампілявацца і выконвацца там. Гэты выкананы на сваёй машыне. ОК? Такім чынам, вы загрузіць некаторыя старонкі JavaScript, і ён выконвае на вашым кампутары. Сінтаксіс вельмі падобны на C і РНР. Мы збіраемся прайсці праз Некаторыя прыклады JavaScript, і вы будзеце бачыць, што Так мы гаворым аб зменных, цыклы, і ўмовы вельмі падобныя. ОК? Справа ў тым, што яны так падобныя з'яўляецца верагодна, будзе спрацоўваць некаторыя з вас да, у некаторых выпадках, проста таму, што Вы ўключыць трохі C дзе не павінна быць. Можа быць, вы паспрабуеце і нешта тыпу калі ён не павінен быць надрукаваны. І ад таго, адна справа ведаю, што JavaScript у дынамічна тыпізаваных мова, як PHP. Так што, калі вы, хлопцы, памятайце, з падзелу мінулым тыдні, калі мы былі добразычлівымі рабіць наш PHP паскораны курс, мы бачылі, як радок можна быць ператварыўся ў INT, і гэтак далей. Тып вашых зменных вызначаюцца падчас выканання, таму яны могуць мяняцца з цягам Курс праграмы, і такім жа чынам, што ніколі сапраўды абвясціць тыпы для PHP зменных, мы будзем рабіць тое ж самае што тут, дзе мы на самай справе не кантраляваць тыпы нашых зменных, так бы мовіць, як гэта робім мы ў С. І тады адна рэч, гэта даволі крута што вы можаце пра памылкі праверыць з дапамогай кансолі, з гэтай вялікай функцыі console.log, што дазваляе выводзіць розныя пераменныя або аб'екты, якія мы пра што пагаварыць. Гэтак жа, як на мінулым тыдні, калі я быў як, "выкарыстоўваць гэтую функцыю," са скідам ад вашага PSET гэта функцыя Вы хочаце выкарыстоўваць, console.log. Я быў так здзіўлены, як шмат студэнты працоўны час не ведаю пра функцыі скіду. І я падумаў: «Хлопцы, гэта воля зрабіць вашу жыццё нашмат прасцей ". Добра, так што гэта было свайго роду толькі кароткі рэч, як заўсёды, у нас ёсць прыклады. Я ведаю, што вы, хлопцы любяць тых ,. Дык вось прыклад вельмі проста JavaScript файла тут. Так што гэта проста збіраецца стварыць гэта ўсплывальнае акно, якое кажа, "Прывітанне свет", калі вы зайдзіце на старонку, але давайце паспрабаваць прайсці праз гэта няшмат. Так, відавочна, гэта проста як вашай звычайнай index.html. Так, толькі наша нармальная шаблон тут, і ў нас ёсць HTML, мы маем нашу галаву, і гэтак жа, як з дапамогай CSS, як мы ўключаны некаторыя па-за файл, праўда? У нас ёсць некаторы тып скрыпту тэкст, які JavaScript. І крыніца hello.js, які з'яўляецца тут. Гэта ўвесь файл з hello.js. І тады ў нас ёсць некаторыя Назва і некаторыя цела HTML што мы на самай справе не хвалюе. Што адбываецца, з'яўляецца, калі мы загружаем гэтую старонку, ён аўтаматычна выконвае гэты сцэнар. ОК? Так JavaScript будзе выканаць аўтаматычна. Так што гэта будзе рабіць, гэта будзе неадкладна пайсці і выканаць гэта. І гэта скажа, "папярэджанне. Прывітанне свет ". Якія абвесткі з'яўляецца функцыя, якая фактычна, спараджае гэты сцяжок. ОК? Так што гэта свайго роду чаргу ахоплівала. Там няма нічога лішняга ў нас было зрабіць Акрамя таго, толькі папярэджанне, а затым усё, што мы хацелі у нашым акне папярэджання. ОК? Так што гэта проста супер проста прыклад таго, што JavaScript можа зрабіць. Адзін з сапраўды выдатна рэчы, як мы ўбачым, з'яўляецца тое, што JavaScript дазваляе маніпуляваць вэб-старонак, без загрузіць іх у любы час. Так што калі вы want-- напрыклад, калі Вы навіслі над чым-то, калі вы, хлопцы калі-небудзь бачыў, як меню бараў, або пры навядзенні курсора на некаторыя тэма з'яўляецца выпадальнае меню, гэта таму, што з JavaScript. ОК? Такім чынам, вы не перазагрузкі ўсёй старонку, каб атрымаць гэта меню, каб паказаць, вы проста шукаеце для некаторых канкрэтных дзеянне, якое карыстальнік прыняў, якія называюцца падзеі, якія мы атрымаем ў, і як толькі вы бачыце, што вы кажаце, "Добра, рэдагаваць што-то на гэта старонка і зрабіць яго выглядаць па-рознаму, але толькі рэдагаваць гэтыя канкрэтныя рэчы. Ня загружайце ўсё гэта ". Так што на самай справе значна лепш, і Вы не павінны перазагрузіць вашыя старонкі, і гэта сапраўды выдатна. Так дэкларацыі зменных, так што вы можаце збольшага бачыць, Я паклаў зверху тут, слаба тыпізаванай. Так што гэта вельмі падобна на PHP. Нам не трэба, каб расказаць JavaScript які тып мы чакаючы кожнай з гэтых пераменных будзе. Яны могуць быць усё, што тыпу мы хочам. Такім чынам, вы заўважыце, у дадзеным выпадку, мы заяўляем, іх вельмі проста, толькі з "Var" а затым, што мы хочам наш імя зменнай, каб быць. Адна рэч, каб адзначыць, што, калі вы пакласці VAR перад імем зменнай, гэта лакальна прыцэлам яго. ОК? Гэта зусім разумным для вас цалкам сатрыце Вар і проста з роўным CS50, і гэта было б проста глабальная пераменная. ОК? Такім чынам, вы можаце ініцыялізаваць яго ў абодвух напрамках, Усё залежыць ад таго, як вы гэтага хочаце. Так што калі вы ініцыялізацыі гэта ўнутры функцыі, і вы хочаце, каб зменную застацца вобласцю дзеянні ў рамках гэтай функцыі, Вы будзеце жадаць зрабіць нешта накшталт Var імя зменнай, у параўнанні з, калі вы хочаце яго глабальную вобласць, то можаце проста зрабіць імя зменнай, а затым усё, што вы хацелі б гэта усталёўваецца роўным. ОК? Гэта свайго роду прахалодная рэч тут, таму што, калі мы заўважаем, наша пераменная б пачынаецца як праўда. І тое, што гэта does-- можа хто-небудзь сказаць мне, што гэта робіць? Такім чынам, мы маем некаторую трывогу. Што б тыпу У быць у самым пачатку? АЎДЫТОРЫЯ: Boolean. АЛЛИСОН Бухгольц-AU: Boolean. Дакладна. І тады мы перапрызначыць б у гэтым радку, ці не так? Так то вось, які тып B быць? Было б радок, праўда? Так што важна для апавяшчэнне, што ў C, мы ня мог амаль ніколі не робяць што-то падобнае. Мы павінны былі б мець зменную, кінуць яго як-то інакш, Можа быць, зрабіць нейкую функцыю з двума я, ідуць ад зарада да цэлага ліку. Але калі мы заўважаем тут, бы вельмі лёгка мяняе тып. АЎДЫТОРЫЯ: Пачакайце, так што вы можаце проста быць, як "зрабіць б цэлае?" АЛЛИСОН Бухгольц-AU: Так. Вы можаце проста перапрызначыць б у цэлае. АЎДЫТОРЫЯ: У самай справе? АЛЛИСОН Бухгольц-AU: Так. І тады гэта было б Int. Так што вашыя зменныя могуць мяняцца з цягам Курс праграмы таксама. Яны не з'яўляюцца строга тыпізаванай. Гэта вельмі слаба тыпізаванай. ОК? У асноўным вашы зменныя могуць рабіць усё, што яны хочуць, а мы як-то бачыў PHP. Яны могуць рабіць некаторыя вар'яты рэчы, так важна быць даволі асцярожным. Імя зменныя таксама. Калі вы гэтага не зробіце, усё раптам Вы будзеце, як, "Пачакайце, я думаў, што гэта было радок, і цяпер гэта INT, і я не зусім упэўнены, што тут адбываецца. " Так што гэта проста просты прыклад паказваючы, як зменная можаце лёгка змяніць яго тып па Курс праграмы. ОК. Так гэта павінна выглядаць супер, супер знаёмыя. Дык вось нашы завесы ў JavaScript. Яны сапраўды гэтак жа, за выключэннем Замест чатырох Int я роўная нуля, мы маглі б проста сказаць, вар я роўная нуля. І тады мы маглі б у той жа самы выгляд стану, той жа самы выгляд абнаўлення, я плюс плюс працуе проста выдатна. Так Чацвёркі ж, whiles такія ж, і рабіць whiles дакладна тое ж самае. Тое ж роду агульным фармаце. Заўважым, чатыры круглыя ​​дужкі, кранштэйны, гэта ўсё тое ж самае. Таксама будзе коскі калі мы дабяромся да прыкладзе кода. Вы ўбачыце, што гэта даволі гэтак жа, як у. Для аб'явы функцый, зноў жа, вельмі падобныя. У нас ёсць некаторыя функцыі, якія проста кажа, што гэта функцыя, а затым Назва нашай функцыі і ўваходы. І зноў, калі мы заўважаем, мы не маюць ні аднаго тыпу тут наогул. Дакладна? У нас ёсць нічога не кажучы, што гэта павінны быць Інтс або двухмесныя, або паплаўкі. Яны могуць быць усё, што яны хочуць. Што важна, так гэта, заўважыўшы, што мы павінны напісаць функцыю загадзя каб JavaScript ведаем, што гэта на самай справе функцыя. Так што гэта проста некаторыя простыя сума Функцыя, якая вяртае X або Y, і што тады таксама крута з'яўляецца тое, што вы можаце на самой справе прызначыць функцыю зменнай. Такім чынам, у гэтым выпадку, сума цяпер функцыя, якая на самой справе суму. Так што, калі вы заўважылі, тут, у нас ёсць Функцыя, імя функцыі, ўваходы. Дакладна? Тут мы проста функцыі і ўваходы. Такім чынам, гэта называецца ананімнай функцыяй. І гэта тое, што павінна быць новым для большасці з вас, хлопцы, калі не ўсё з вас. Так у асноўным, што гэта азначае, што мы не трэба імя нашага Функцыя ў гэтым выпадку. Мы можам проста сказаць: "Добра, я збіраюся маюць гэтую функцыю, якая выконвае, тут з'яўляюцца яго ўваходы, і вось што ён збіраецца рабіць ". І асабліва, калі вы прысвойваеце Функцыя некаторай зменнай што вы збіраецеся кіраваць, Вам не абавязкова трэба назваць, таму што Вы збіраецеся мець на ўвазе да яго па гэтай зменнай імя, не тое, што функцыя была на самай справе называецца. ОК? Так што, калі мы бачым тут, мы ёсць некаторая пераменная суму зараз , Што роўна сума трох і пяці гадоў. І мы б гэта. І гэта будзе проста ёсць папярэджанне, тры плюс пяць роўна ліку. Гэта плюс проста аб'яднаць усе наш адказ быў на радок. Таксама выдатна, плюс можа аб'ядноўваць радка. Для JavaScript, як і PHP, HTML і CSS, як мы ўжо казалі, Шмат што з гэтага мы накшталт прымаючы навучальныя колы ад тут і вы, хлопцы, ёсць шмат курсе як на самой справе зразумець гэтыя рэчы. Яны трохі адрозніваюцца, але яны не настолькі чужыя і што вы не можаце Google рэчаў або шукаць іх у Інтэрнэце з W3 Schools. І мы сапраўды чакаем вас хлопцы, накшталт, эксперымент і вучыцца на свой уласны. Такім чынам, я ведаю, гэта можа здацца трохі менш старанна, чым некаторыя з гр рэчаў што мы робім, але гэта на самай справе прычыны. Але, спадзяюся, гэта не занадта розныя, і гэта не пераважная. Так як масівы ў JavaScript, зноў вельмі, вельмі падобныя. Дакладна? У нас ёсць масіў пераменных гэта роўна пустыя дужкі, і гэта толькі пусты масіў. Гэта часта называюць Літаральны абазначэння масіў. Вось толькі адна рэч, мы яе называем. Калі мы бачым масіў два тут, у нас ёсць некаторыя Літаральны масіў, які складаецца з трох элементаў, ці не так? І тады ў нас ёсць некаторыя вар трэці элемент гэта некаторая пераменная гэта проста збіраецца правесці гэты радок, JS. Элементы, добрыя заўважыць, падзеленых коскамі, гэтак жа, як можна было б чакаць. І вы таксама можаце атрымаць доступ да гэтых, як мы зрабілі у З, з гэтым індэксам пазначэнняў, ці не так? Так адрозніваецца ад PHP Зараз мы вяртаемся проста выгляд ўвазе да рэчаў па індэксе. Гэтак жа, як З, гэта таксама нулявой адзнакі. Я адчуваю, што гэта будзе на самой справе жорсткі калі яны раптам зрабіў JavaScript аднаго Індэкс, і вы павінны былі цалкам пераасэнсаваць тое, як вы думаеце, аб масівах. Адна прахалодная рэч у тым, што замест таго, каб do-- калі вы калі-небудзь хацеў даўжыню масіва, Можа быць, вы ітэрацыі праз яе пакуль вы не знойдзеце нейкай мэты, або вы б проста ведаць, што гэта такое. Паколькі JavaScript з'яўляецца вельмі вольным у больш спосабы, чым проста тыпу, як мы бачым, тут, мы можам толькі зрабіць гэты масіў больш, таму што мы вырашылі. Калі мы заўважаем, масіў тры мае тры рэчы, каб пачаць, але потым усё раптам, мы, як: "О, я проста жартую. Мы на самай справе адбываецца каб зрабіць яго 101 рэчаў ". Так што калі вы калі-небудзь хацелі ведаць Фактычная даўжыня вашага масіва, Вы робіце гэта, як гэта. І мы збіраемся, каб убачыць шмат гэтага абазначэння ў прыкладах, але з JavaScript гэта, як правіла, тое, што Аб'ект, вы кажаце пра кропка любога роду функцыі Вы хочаце выкарыстоўваць з ёй. ОК? Такім чынам, у гэтым выпадку наша аб'ект з'яўляецца масівам два, і мы кажам, што хочам Даўжыня масіва два. Так што гэта проста выклікае як даўжыні на што. І гэта будзе вярнуць даўжыню. Таксама што-то трэба адзначыць, што калі мы заўважаем, нашы масівы, У адрозненне ад C, яны не маюць каб быць усё ж тыпу. Гэта значна больш падобна на PHP. JavaScript ў асноўным так жа, як Гэта цікава зліваюцца З і PHP. Такім чынам, мы ўвойдзем у гэта. У цяперашні час, давайце выкажам здагадку, што вашы масівы ў асноўным як C масівы, у тым, што яны роўныя нуля індэксуюцца. ОК, так што гэта ўсё. Вы таксама можаце проста пашырыць Масіў да таго, што індэкс вы хочаце. У той час як гэта, верагодна, SEG віна на вас ці даць вам якую-небудзь памылку, JavaScript, як, "Не, гэта нармальна. Я атрымаў гэта. Мы проста ехаць прама дзе вы хочаце ". Такім чынам, аб'екты вельмі важна. Вы, хлопцы, будзеце выкарыстоўваць шмат з іх у P SET, калі я правільна памятаю. Так рэчы, што яны з'яўляюцца падобна ў C з'яўляюцца структурамі. Такім чынам, вы можаце думаць about--, калі мы ідзем да прыкладу права пасля гэтага я думаю, што гэта зрабіць нашмат больш sense-- але мы ў асноўным выкарыстоўваць аб'екты ў арганізаваць інфармацыі пра курс звязаныя паміж сабой. Калі мы гаварылі пра Структуры ў С, мы часта казаць пра студэнта, які меў нейкае назву, ID, дом, вы ведаеце, канцэнтрацыя. І гэта свайго роду тое ж самае што мы выкарыстоўваем аб'екты тут. Гэта проста арганізаваць Аналагічная інфармацыя. Вы таксама можаце думаць пра іх, як больш падобны на асацыятыўныя масівы ў PHP. Так што гэта будзе свайго роду рэчы дзе ў нас ёсць некаторыя ключавыя з некаторага значэння, вельмі падобны на PHP. Такім чынам, вы можаце ініцыялізаваць некаторыя пусты аб'ект, як мы бачым тут, толькі з фігурныя дужкі. Так масівы квадратныя дужкі. Пустыя аб'екты фігурныя дужкі. Добра адрозненне ёсць. І гэта толькі два розныя спосабы ўстаноўкі уласцівасцяў. Так што гэта свайго роду нашмат больш такім чынам, што падобны на PHP, з нашай асацыятыўныя масівы, з нашымі ключавымі, і наша каштоўнасць, у той час як Гэта адзін is-- вы будзеце ўбачыць гэта нашмат больш, у JavaScript. Гэта, як правіла ўмоўнасць. І такім жа чынам, што мы зрабілі Масіў двума кропкавымі даўжыня, гэта кажа, "Добра, дай мне гэта атрыбутаў гэтага аб'екта ". Дакладна? Гэтак жа, як гэта было, "дайце мне атрыбут даўжыні масіва два, " Гэта кажа, "Дай мне трохі ўласцівасць нашага пусты аб'ект ". Ці ў дадзеным выпадку, мы прызначыўшы яе да некаторага значэння тут. Але вы таксама можаце атрымаць доступ да яго такім чынам. А потым вось гэта проста паказаны два розных папярэджання. Так гэта пакажа абвесткі будзе сапраўды такі ж, гэта проста два розных спосабу доступ да элемента, які мы хочам. Ці мае гэта сэнс для ўсіх? Я адчуваю, як гэты Магчыма, мае сэнс, толькі таму, што мы сыходзіць PHP. Але, як мы робім больш прыкладаў, гэта літаральна ў дакладнасці тое ж самае. Шмат гэта проста змяніць у сінтаксісе. Такім чынам, прыклады. Я люблю прыкладаў. Дык вось некаторыя CS50 Пераменная, з'яўляецца аб'ектам, і мы захоўваем усё гэта Інфармацыя пра гэта. Такім чынам, мы маем, вядома, інструктар, TFS, psets, і ў запісе. Такім чынам, мы заўважылі, гэта амаль усе розных тыпаў. Дакладна? Так аб'екты могуць захоўваць атрыбуты розных тыпаў. Мы можам думаць пра this-- гэта вельмі падобная на нашу асацыятыўнага масіва ў PHP. Так ключ, значэнне, ключ, значэнне, ключ, значэнне, гэтак далей, і гэтак далей. Тое, што таксама цікава гэтак жа, што мы можам мець масівы ў масівах, мы таксама можам мець аб'екты ў аб'екты або масівы ў межах аб'ектаў. Вы ніколі не сапраўды абмежаваныя проста ні аднаго з рэчаў. Мы можам атрымаць вельмі Inceptionesque, проста працягвайце спускацца па трусінай нары ёсць. Так што, калі мы заўважаем, мы ёсць курс, які з'яўляецца радок, інструктар, што гэта радок, і масіў, INT, і Boolean. Такім чынам, усе гэтыя розныя рэчы. Добра, гэта так, у нас ёсць яшчэ адзін. Так што ў гэтым выпадку мы маем Масіў аб'ектаў. Так што проста як аб'ект можа мець масіў ў ім. Мы таксама можам мець масіў аб'ектаў. Гэта можа быць карысна думаю аб падобным да выгляду аб тым, як мы павінны былі хэш стол, мы мелі масіў з усіх гэтых розных тыпы структур, якія былі паказальнікі на розныя вузлы і яшчэ шмат чаго. Але ў дадзеным выпадку, мы ёсць масіў аб'ектаў. Так што гэта як масіў асацыятыўных масіваў. Такім чынам, мы маем некаторы першы элемент будзе быць аб'ект з імем Джэймса і дом Уинтроп. Вы, хлопцы, магчыма, памятаеце, то вельмі падобная да гэтага з вашага апошняга PSET, дзе, калі вы выцягнуў нешта з вашай базы дадзеных, сартаваць па рэч у вашым масіве быў ўсю інфармацыю аб Першы карыстальнік, які сустрэўся з ім, і тады вы мелі ў якасці індэкса ў тым, што каб атрымаць свае акцыі або іх кэш ці яшчэ шмат чаго. Такім чынам, гэта вельмі гэтак жа, самае, толькі крыху змяніць у сінтаксісе, змена трохі ў словы, якія мы выкарыстоўваем для апісання іх. Так што, калі мы хацелі, можа хто-небудзь сказаць мне, што гэтае папярэджаньне будзе рабіць тут? Ці тое, што гэта крыху код будзе зрабіць для нас? АЎДЫТОРЫЯ: Гэта дасць вам усё імёны. АЛЛИСОН Бухгольц-AU: справа, дык гэта тое, проста папярэдзіць усіх імёнаў таму што яна будзе ісці праз Катэдж я, так што было б пачаць з нуля. Так было б казаць, ОК мы шукаем у гэтым першы аб'ект, які першы слот ў масіве. І гэта кажа: "Дайце мне атрыбутаў, імя гэтага аб'екта ". Так мы ідзем сюды, мы б сканавання, мы знойдзем імя, і мы раздрукаваць Джэймс, Молі, і Карл. Ёсць пытанні да гэтага часу? JavaScript, на жаль, Вы будзеце рабіць шмат глядзець на вашых самастойна, высветліць, сінтаксіс, змагаецца з ім. Але, вядома, я заўсёды тут, Прыёмныя гадзіны заўсёды тут. Я мог бы быць па аўторках на гэтым тыдні. Так што, калі вы там, вы можаце прыйсці наведаць мяне на гэтым тыдні. Гэта было б выдатна. Такім чынам, DOM з'яўляецца дакумент-Object Model. Так што гэта проста спосаб што нам падабаецца думаць, Пра тое, як наш HTML і ўсе ўнутры, яна арганізавана. Гэта вельмі шмат тое, што верагодна, прыйсці на вашым віктарыны. Я ведаю, што мой год, гэта было як вось HTML-файл, запоўніць DOM для яго. І вы проста запоўніць у дробязях. Яны павінны быць лёгка кропак з надзеяй. Спадзяюся, вы see-- АЎДЫТОРЫЯ: [неразборліва] АЛЛИСОН Бухгольц-AU: Так Вы бачыце гэта дрэва тут? АЎДЫТОРЫЯ: Так. АЛЛИСОН Бухгольц-AU: Такім чынам, яны будуць прасіць выкарыстанне запоўніць тое, што адбываецца пад целам. Можа быць пад целам, мы маем некаторых дзівы або ў нас ёсць некаторыя пункты, і мы просім вас запоўніць дрэва вельмі падобна на тое. Такім чынам, мы будзем хадзіць праз яго. Так Дакумент-Object Мадэль проста спосаб структураваць і думаю, аб нашай HTML графічна. А таксама, калі мы атрымліваем ў больш JavaScript, гэта будзе так, што мы на самай справе маніпуляваць рознымі элементы на старонцы. Нам патрэбны спосаб, каб атрымаць доступ сябар рэчаў у нашай HTML, і так што гэта дае нам вельмі бетон стандартны спосаб у розных вэб-старонак, каб зрабіць гэта. Так што, калі мы проста прайсці праз гэта тут, вядома наш дакумент як увесь наш файл. Гэта, відавочна, мае сэнс што гэта самае высокае, і тады мы маем рэальную HTML, што адпавядае гэтай пазнацы тут. Таксама, калі вы ў абзацы вашыя пазнакі належным чынам, то стварэнне гэтага дрэва DOM становіцца супер проста. Такім чынам, мы маем некаторыя галовы тут. У нас ёсць цела, мы бачым ствалавых оф HTML, які з'яўляецца, чаму мы павінны галаву і цела. У галаве, у нас ёсць некаторыя Тэг загалоўка, тэг загалоўка канец, так што мы ведаем, што ідзе пасля галавы. І ў нашай тэг загалоўка, у нас ёсць Hello, World. ОК? Так вось уся гэтая левая рука філіял. А потым правай галіны тут, мы бачым, што ў нас ёсць HTML, ОК, мы зрабілі гэта галаўны частка, мы шукаем толькі на цела, таму мы маем некаторыя вобласці цела. І ў тым, што толькі што ў нас ёсць, прывітанне, свет. ОК? Калі б мы мелі нешта накшталт некаторыя кранштэйны р, а затым прывітанне, свет, а потым яшчэ Кранштэйны р спаткання, свет, мы павінны былі б два бурбалкі сходзіць тут. Таму што яны абодва пад целам, але яны асобныя пункты гэтай справы. Існуе, безумоўна, практыка на што ў папярэдніх віктарын, а таксама вялікім онлайн на ёй. Добра, такім чынам, гэта толькі дазваляе Паглядзім, усё прыгожа і маніпуляваць рэчы вельмі сістэматычна. ОК? Мы дакладна ведаем, як прайсці праз гэта дрэва, так што мы ведаем, што мы хочам атрымаць доступ. ОК, так што гэта, чаму мы хочам мець такую ​​мадэль, так што мы можам выкарыстоўваць рэчы, як гэта, і мы разумеем, што яны азначаюць, і яны стандартызаваны ўсіх рэчаў, якія мы робім. Так дакуменце кропка назву толькі Назва our-- ўсе з іх даволі зразумелыя, Мне падабаецца думаць. Так першыя тры прыклады проста кажу, "Добра, дайце мне Назва гэтай вэб-старонцы ". Так гэта дасць вам тое, што адпавядае назве. Дакумент кропка цела будзе даць вам усё, што ў гэтых тэгаў цела. Такім чынам, вы можаце кіраваць гэтым. І кропка цела дакумента кропка увядзіце HTML з'яўляецца вельмі класны, і, магчыма, не падобны на супер Інтуітыўна зразумелы, але ўнутраная HTML адпавядае гэтаму прама тут. Так што калі вы калі-небудзь хацелі маніпуляваць тэксту на старонцы, як правіла, вы збіраецеся рабіць што-то з целам кропка ўнутранай HTML. ОК? Так ўнутраная HTML, як правіла, ставяцца да што на самой справе паміж гэтымі тэгамі. ОК? І тады карысныя функцыі. Так што, калі вы хочаце атрымаць любы з іх, любы элемент, у нас ёсць некаторыя Id, клас імя, або імя тэга. Гэта вельмі падобна на рэчы, якія мы зрабілі з CSS, ці не так? Дзе ў нас ёсць некаторыя селектары, якія адпавядаюць альбо тэга, клас што мы даем ім, ці Id. Гэта вельмі дакладна гэтак жа. Калі ў вас ёсць што-тое, што мае клас сабакі, а вы кажаце, атрымаць элементы па імя тэга, і вы паклалі сабаку ў there-- або прабачце, Імя класа. Вы можаце паставіць кропку ў там. Гэта будзе вярнуць усе тыя, элементы для вас, што гэты клас. Такім чынам, вы можаце кіраваць толькі тым ,. Такім жа чынам, можа быць, вы проста хачу працаваць з некаторымі загаловак, так некаторыя загаловак h1, як мы зрабілі. Вы можаце зрабіць атрымаць элементы па тэгу імя, таму што h1 з'яўляецца імя тэга. І такім жа чынам, калі вы хочаце атрымаць некаторыя унікальныя рэчы, вы можаце зрабіць атрымаць пазнаку. Атрымаць элемент, Id. І яны на самой справе шмат з іх. Гэта толькі, як тры вельмі шмат. Так што, калі вы ідзяце ў Інтэрнэце, а Я збіраюся заахвочваць ад вас, і рабіць некаторыя даследаванні па сваім меркаванні, Я вызначана рэкамендую зазіраючы ва ўсе з іх. Яны могуць быць супер карысна, асабліва калі Вы хочаце, каб проста нейкая маніпуляваць вельмі канкрэтныя рэчы, не маючы каб прайсці і паспрабаваць каб разабраць ўсё. Такім чынам, апошняя рэч, з'яўляецца JavaScript падзеі. Таму, калі я кажу раней аб пераходзе на вэб-сайце, і калі вы навядзіце курсор мышы на нешта, ці ваш навядзенні паказальніка мышы на нешта, што-то яшчэ адбываецца. Гэта тое, што мы хацелі б думаць аб якасці падзеі. Такім чынам, што мы маем, якія могуць быць карысным тут OnClick. Так што мой быў на рэжыме висения, якія, я упэўнены, гэта толькі на рэжыме висения. Таксама тона з іх што вы можаце шукаць. Там-лайн ўвесь спіс з розных рэчаў што вы можаце слухаць. Але падзеі JavaScript з'яўляюцца у асноўным толькі ў адказ на рэчы што ваш карыстальнік робіць. Дакладна? Так што ваш карыстальнік робіць тое, што гэта падзея, і JavaScript будзе адказваць Аднак вы хочаце, каб яна. Ён будзе рэагаваць адпаведным чынам. Так што ў гэтым выпадку мы маем некаторыя вокны кропка OnLoad. Дык што ж гэта кажа, "чакаць пакуль загружаецца акно гадоў ". ОК? Так, калі ўсе загружана, OnLoad, то вы можаце выканаць гэтую функцыю. Так калі ўсе загружаны, вы збіраецеся мець некаторую кнопку пошуку што атрымлівае элемент, Id, і ён друкуе усё, што элемент, як кнопкі Пошук. А то ў нас гэтую зменную, мы кажам: "Добра, OnClick." Таму, калі мы чуем пстрычка на кнопку Пошук, выканаць гэтую функцыю, якая папярэджанне, вы націснулі на кнопку Пошук. Так што ж адбываецца is-- гэта прыемна трохі графічнае прадстаўленне тут. Такім чынам, нашы загрузцы дакумента, гэта наша OnLoad, мы знаходзім Пошук Кнопка, якая заключаецца ў наступным. Мы шукаем для нашага кнопку пошуку. А потым, калі кнопка пошуку націснуў, яно адпавядае прама тут. OnClick. Тады мы, нарэшце, папярэдзіць нашага карыстальніка, што гэта апошняя радок тут. ОК? Такім чынам, кожны з гэтых чатырох крокаў проста адпавядае чатыром скрынкі там на дне. Ці мае гэта сэнс для ўсіх? І тады адзінае, што я буду проста кажучы вельмі, вельмі коратка, што я заахвочваць вас, хлопцы, паглядзіце больш у гэта JQuery, які знаходзіцца ўсяго ў бібліятэцы які пабудаваны на вяршыні JavaScript. Гэта супер карысна, так як з большасцю бібліятэк. Ёсць шмат функцый. Так што калі ёсць калі-небудзь што-то, што Вы хочаце зрабіць у JavaScript, Ваш першы інстынкт не павінна быць думаць з ", якія функцыі павінны Я код? "Яна павінна быць, "Дазвольце мне бачыць каго-то гэта ўжо зрабілі гэта для мяне ". Таму што ў дзевяці выпадках з дзесяці, хто-то зрабіў гэта ўжо, і яны, верагодна, зрабілі гэта лепш. Людзі марнуюць шмат часу на выкананне гэтых, і JavaScript вельмі шырока выкарыстоўваецца, так што людзі пастаянна спрабуючы зрабіць яго лепш. І JQuery мае шмат функцый што, верагодна, будзе карысным для вас у канчатковым праекце, калі вы рабіць што-небудзь з вэб-дызайну. Як я люблю казаць, "праца разумнейшы, а не больш. " Калі вы, хлопцы, што гэта будзе выдатна. Калі мы знаходзімся ў Hackathon я не хачу, каб вы ўсё акцэнтаваў. Я хачу, каб вы, як, "я атрымаў гэта. JQuery атрымаў маю спіну. Мне не трэба, каб напісаць гэтыя функцыі ". Так што проста дзве рэчы памятаеце, што я збіраюся каб вы, хлопцы, выглядаюць больш у JQuery па сваім меркаванні. Усё, што я збіраюся сказаць, гэта робіць некаторыя даволі дзіўныя рэчы і можа зрабіць вашу жыццё нашмат прасцей. Але тое, што вы хочаце мець гэта любы файл, што вы збіраецеся выкарыстоўваць яго, Вы збіраецеся хачу, каб гэтыя два радкі. Вы будзеце жадаць Сцэнар JS JQuery кропак JS. А на самай справе ваш крыніца будзе некаторыя URL. Калі вы Google JQuery, Google на самай справе прымае ўсе файлы для вас. Такім чынам, вы вызначана хочаце, каб ўваход, які URL замест. Я проста паклаў гэта тут для прастаты. Усё гэта азначае, дзе Тут вы знойдзеце бібліятэку JQuery. Гэта масіўны, так што вы не хочаце размясціць яго на вашым кампутары калі вы можаце пазбегнуць яго, таму мы як правіла, проста пакласці ў URL Google аб тым, што прымае ўсе гэтыя файлы для вас. ОК? Вы Google гэта, я абяцаю ён будзе там. А потым усё JavaScript-файл, які вы выкарыстоўваючы, так што гэта проста нейкая знешняя JavaScript-файл, які вы выкарыстоўваеце. Такім жа чынам, што мы звязваем з нашай дапамогай CSS файлы, гэта ж родзе. Гэта толькі спасылкі на файл дзе ваш JavaScript ёсць. І ў мяне ёсць некалькі прыкладаў з простым JavaScript. Такім чынам, мы будзем ісці праз яго. І тады ў індэксе JavaScript, які з'яўляецца вашым JavaScript файл тут, гэта накшталт абгорткі што ў вас ёсць для JQuery. Ты амаль 99,9 адсоткаў часу збіраецца мець гэта ў вашым index.js файла. Таму што тое, што гэта кажа ў тым, "Нічога не выконваць пакуль ваш дакумент не з'яўляецца на самой справе гатовы ", які з'яўляецца менавіта тое, што вы хочаце. Таму што, калі ваш дакумент не гатовы, і JQuery пачынае рабіць рэчы, гэта проста бардак. Такім чынам, вы заўсёды хочаце, каб гэты абгортку. А потым рэчы, якія ідуць туды, я пакінем уласнай праглядаючы вашы хлопцы. Такім чынам, ёсць якія-небудзь пытанні права Зараз аб JavaScript ў цэлым? Або мадэль DOM? Калі няма, у нас ёсць які-небудзь класны Прыклады, якія мы можам прайсці, што вы, хлопцы, можаце дапамагчы мне код. Але я таксама будзе супер прыгожа, і калі вы не хачу, каб нешта сказаць Для іх гэта нармальна. Я таксама магу проста даць вам прыклады. Але нічога на PowerPoint, перш чым мы пяройдзем? Крута. Я адчуваю, што вы, хлопцы, павінны энергіі. Так што я думаю, што мы збіраемся пачаць з маёй Напрыклад партыйнай першую чаргу. У нас ёсць тры прыклады, ў вас ёсць выбар. Такім чынам, мы маем гадзіны, куды мы ідзем ажыццявіць фактычны гадзіны, якія гадоў буду абнаўляць, як праходзіць час. У нас ёсць вялікі функцыі Twitter. This-- вы ведаеце, што, трымайся. Мы збіраемся зрабіць гэта сысці. Bam. ОК. У нас ёсць вялікі функцыі Twitter тут, that-- Я ведаю, правільна? Гэта будзе выдатна. Рады вам, хлопцы? Вось што адбываецца, каб падлічыць колькасць сімвалаў, якія вы пакінулі, так што калі я друкую прама зараз, Відавочна, ён па-ранейшаму кажа 140, але мы ведаем, што гэта не так. А потым з нашай апошняй тут, націсніце тут, каб святкаваць. Што адбудзецца, калі мы націскаем, фон гадоў збіраецца мяняць колеру. Так што вы, хлопцы, ёсць свае варыянты што вы хочаце зрабіць у першую чаргу. Я абяцаю, што вазьму яго вельмі лёгка на вас. Я адчуваю, што ўсё быццам проста вельмі нізкі ключ сёння. Так што я буду хадзіць вам, як мы будзем ажыццяўляць усе гэтыя. Калі вы хочаце, каб тэлефанаваць у, гэта выдатна, але я адчуваю, што ўсё гэта трохі стаміўся. Так што я буду проста хадзіць вас гэтыя прыклады. У нас ёсць тое, што мы хацелі б зрабіць у першую чаргу? Хто-небудзь? Няма перавагі? ОК. Ведаеш што? Мы на баку. Я адчуваю, што вы, хлопцы, трэба little-- Такім чынам, мы зробім бок за адзін першы. ОК. Такім чынам, што мы маем here-- гэта не павінны быць там. Зараз гэта добра. ОК. Такім чынам, што мы маем тут справу толькі просты HTML старонкі што вы, хлопцы павінны ўсё быць супер знаёмыя з вашых апошніх двух psets. у нас ёсць тып дакумента тут. Можа ўсё бачаць? ОК. Крута. У нас ёсць HTML відавочна. У нас ёсць загаловак, які з'яўляецца звязаная з табліцай стыляў, што толькі што зрабіў мой шрыфт прыгожы і вялікі і тоўсты. Так што не турбуйцеся пра гэта. У нас ёсць цела з Id фон, ОК? Таму што мы збіраемся быць змяненне фону. Таму, калі мы мяняем фон нашага цела, мы памятаем з два тыдні таму калі мы маем справу з вэб-старонак. Так добра, што гэта. І ў нас ёсць некаторыя Id роўны партыю. Гэта ч Ref фунт проста азначае, што гэта будзе ісці ў той жа старонцы. І націсніце тут, каб святкаваць, які з'яўляецца, чаму, калі мы націскаем яе, ён павінен змяніць колер, на шчасце. А то ў нас некаторы скрыпт тут проста звязаны з гэтай партыі кропкавых JS файл, які пусты, таму што мы яшчэ нічога не зроблена. І гэта так сумна. Але вельмі хутка, яна будзе мяняцца колеру, і гэта будзе дзіўным. Так што я проста буду хадзіць вам, хлопцы, з тым, як мы маглі б падысці да гэтага. Так першае, што мы маглі б зрабіць, Калі мы мяняем фон цела, першае, што мы маглі б зрабіць, гэта на самай справе захапіць што цела, ці не так? Таму мы хочам, каб мець суму, наша фон, і, калі вы заўважылі, Я проста аўтаматычна проста пачаць друкаваць. Там няма нічога асаблівага, што мы трэба зрабіць для нашых файлаў JavaScript. Я магу пачаць абвяшчэнні зменных, і аб'явіць выпадковых функцый. І гэта значна больш вольнай форме. Гэта як з C, мы далі вам усё Гэтыя жорсткія правілы, і вы выраслі, так што мы быццам бы, "ісці наперад. Быць свабодным. Рабіце тое, што вы хочаце ". І вось што JavaScript ёсць. Такім чынам, мы маем некаторы досвед тут. З нашай мадэлі DOM, мы ведаем, можа зрабіць дакумент кропка атрымаць элемент, і калі мы заўважаем тут, наша цела мае свой ідэнтыфікатар. Дакладна? Такім чынам, мы можам зрабіць атрымаць дакумент, Id, а вось проста. Што наша Id, што мы хочам тут? АЎДЫТОРЫЯ: Background. АЛЛИСОН Бухгольц-AU: Background. Ідэальна падыходзіць. І кропку з коскі ў канцы. Гэта яшчэ не сышоў. Вы па-ранейшаму патрэбны вашы коскі. ОК. Дык вось наша першая. І калі мы націскаем што-то, мы хочаце нешта здарыцца, праўда? Такім чынам, мы, магчыма, захочаце некаторая пераменная што чакае за клік. Тое, што мы збіраемся зрабіць, гэта мы збіраемся зрабіць наша спасылка больш падобная на кнопкі. Такім чынам, мы будзем мець некаторы кнопку, роўная дакумент кропка атрымаць элемент, Id. І калі я кажу пра націсніце спасылку або націсніце тут, каб святкаваць злучэнне, што можа мой Id быць тут? Партыя. Правільна. ОК не так ужо дрэнна да гэтага часу. Усе атрымліваюць тое, што мы робім? Такім чынам, цяпер у нас ёсць Кнопка, і мы хочам, рэчы, каб змяніцца, калі мы націскаем на яго. Так што, калі мы памятаем з нашага PowerPoint, вельмі простая рэч мы можам зрабіць гэта проста кнопка кропка OnClick, ці не так? І гэта будзе раўняцца некаторыя функцыі. Гэта ананімная функцыя. І гэта толькі as-- на самай справе я збіраецца зрабіць гэта крыху больш. Так што я толькі што зрабіў тут я кажу, добра, Калі мы націскаем нашу кнопку, якая з'яўляецца гэта спасылка, што мы толькі што казаў, мы збіраемся выканаць Гэтая ананімная функцыя. Нам не трэба якіх-небудзь выдаткаў. Мы не хвалюе, што кажа карыстальнік. Калі націснуць на яго, мы будзе рабіць усё, што мы хочам, што змяніць колер фону. ОК? Дык вось чаму ў нас няма ніякіх уваходаў, мы проста павінны гэта ананімную функцыю. І зараз мы на самай справе адбываецца запісаць гэтую функцыю. Так што куча спосабаў можа генераваць выпадковы колер. Так, што я зрабіў гэта было генераваць тры выпадковых лікаў і канвертаваць іх у RGB тройкі. Так што гэта лішні раз паказвае, які-небудзь класны рэчы, якія, калі вы, як "О, Мне трэба стварыць выпадковы лік. "Калі вы ў пошукавай сістэме Google яго, гэта тое, што вы знойдзеце. Такім чынам, мы маем тры розных рэчы, Вар, ня зноў чырвоны, зялёны. Дакладна? Так што тыя тры рэчы, якія складаюць колер. Сіні, чырвоны і зялёны. Крута. І што мы можам зрабіць, гэта, што мы ведаем што ён павінен быць у межах ад 255, і калі б вы глядзелі на некаторыя генератар выпадковых лікаў, вы маглі б атрымаць нешта накшталт матэматыцы кропка выпадковым чынам, якія, калі вы паглядзіце гэта уверх вяртае да некаторага ліку паміж нулём і адзінкай. ОК? І тое, што лічбы не наш RGB тройкі ісці паміж імі? Нуль і што? Што яны могуць пайсці да? 255. Так што, калі матэматыка кропка выпадковым ідзе паміж нулём і адзінкай, як мы можам хачу, каб пераўтварыць гэта? АЎДЫТОРЫЯ: Час? АЛЛИСОН Бухгольц-AU: Так, менавіта так. Так што час ёсць 255. АЎДЫТОРЫЯ: [неразборліва] Гэта як [неразборліва]. АЛЛИСОН Бухгольц-AU: Math кропка выпадковым чынам. АЎДЫТОРЫЯ: Круто. АЛЛИСОН Бухгольц-AU: Так. JavaScript проста клапоціцца пра вас. ОК. Такім чынам, мы можам зрабіць гэта для ўсіх з іх. Дакладна? Матэматыка кропка выпадковыя моманты часу 255. Скапіруйце гэты. Крута. Так справа ў тым, гэта можа не вяртаюць цэлы лік. Дакладна? Можа быць, мы атрымаем некаторы колькасць паміж нулём і адзінкай, і гэта прыводзіць да яго злёгку выключаны, і нашы RGBS не можа быць паплаўкі. Яны павінны быць Інтс. Так што калі вы спрабавалі гэта, гэта, напэўна, ёсць дзіўныя паводзіны. Было б крыху напалоханы. Такім чынам, што мы робім, мы хочам, каб Пераканайцеся, што яны круглявыя, і вы маглі б акругліць ў любым выпадку. Я акругліў з падлогай. Так што я заўсёды ўпэўнены, што акругляецца ў меншы бок. Але сыходзяць, як гэта проста было проста атрымаць выпадковае лік, як вы думаеце, мы можа паверх гэты нумар? Гэта вельмі падобна. Любая ідэя? Так што, калі выпадковая быў проста матэматыка кропка выпадковым, так што вы думаеце, што мы зробім падлогу? Матэматыка кропка падлогу. І вы таксама можаце зрабіць матэматыку кропка столь. Круглы накшталт неадназначна Таму што вы не ці ведаеце акругляць ўверх або акругліць. Так, як правіла, мы заўсёды робім матэматыку кропка падлогу, матэматыка кропка столь. Але honestly-- АЎДЫТОРЫЯ: Ці ёсць падлогу акругліць? АЛЛИСОН Бухгольц-AU: жылая акругляе. І гэта толькі выбар з майго боку. Так што цяпер у нас ёсць тры нумары якія былі выпадковым чынам, і тое, што мы збіраемся зрабіць цяпер, гэта мы проста хачу, каб змяніць фон. ОК? Такім чынам, мы ўжо маем нашу фон роду захоўваецца У гэтым элеменце пад назвай фон. Так што вы заўважыце, калі Вы гулялі вакол з гэтым, мы хочам, каб змяніць стыль. І гэта накшталт тое, што Вы б Google і высветліць, падабаецца, як змяніць колер. Але спосаб доступу гэты колер фон кропка стыль кропка фон. Так што гэта выказванне з улікам гэты аб'ект, фон, які адносіцца да таго, што элемент Id там, мы будзем глядзець на стыль у стылі, мы будзем глядзець на заднім плане. ОК? І калі вы ідзяце і глядзіце ад гэтага, гэта можа зрабіць трохі больш сэнсу, але гэта ў асноўным проста кажу, "Дайце мне гэтую вельмі спецыфічную атрыбут што я вызначыў раней ". Так што мы мяняем яго на гэта некаторыя RGB, таму што гэта мае сэнс. Мы выкарыстоўваем RGB троек, ці не так? І мы have-- я хачу пераканацца, што я атрымаць патрэбную колькасць цытат тут. Такім чынам, што мы робім, мы павінны RGB, і мы збіраемся to-- гэта як аб'яднанне, якое ў чырвоны колер. А потым мы хочам трохі коску. А потым мы хочам плюс зялёны, то некаторыя коска, а некаторыя сіні. Такім чынам, гэтыя плюсы проста значыць канкатэнацыяй. Так што гэта проста стварэнне гэтага Радок, адбываецца ў RGB. ОК? АЎДЫТОРЫЯ: [неразборліва] плюс тое зялёны плюс тое чырвоным. АЛЛИСОН Бухгольц-AU: Так, таму што я сапсаваў, што да. Што адзін нармальна. О, трымайся. Няма. Таму што мне патрэбна, каб пераканацца, што я атрымаў усе гэтыя правы. Так што я буду тлумачыць у ААН Momento. Зялёны, сіні, дасканалым. Цяпер я зрабіў. Я лічу. ОК. Дык што ж гэта, з'яўляецца тое, што фон збіраецца быць усталяваны ў некаторай радка. Дакладна? Што мы маем тут. Гэта будзе нейкі RGB 255 коска 255 коска нуль, ці нешта лік, якое вы ёсць там. Так што мы тут робім, у нас ёсць некаторыя радкі. І тое, што мы хочам зрабіць, гэта мы выгляд дынамічнага стварэння што, калі мы на самай справе запусціць гэтую праграму. Так што гэта некаторая радок. Плюс аб'ядноўвае яго з значэнне, якое мае чырвоны, які аб'ядноўвае яго з коска, якая аб'ядноўвае яго з тым, што зялёны і гэтак далей, і таму падобнае. ОК? Да канца, які закрыццё дужак гэтага RGB тут. ОК? Так што гэта будзе генераваць якую-небудзь каманду сапраўды што RGB з трох лікаў што фон цяпер усталяваны ў становішча. ОК? Такім чынам, давайце паглядзім, калі гэта працуе. Я спадзяюся, што ён робіць, таму што калі ён ня, я збіраюся быць рэальным сумна. О, няма. Добра, трымайся. Вызначана фон кропка стыль кропка фон. Я вызначана не хапае то як раз невялікая. Ці ёсць у вас, хлопцы ненавіджу гэта? Калі гэта проста маленькія памылкі? Усемагутны фон. RGB. АЎДЫТОРЫЯ: [неразборліва] АЛЛИСОН Бухгольц-AU: Няма Я паспрабаваў гэта перад класам. У мяне ёсць усё, што я зрабіў, перш чым клас у выпадку, калі я быў бы, "Чакаць, што я зрабіў не так?" Таму што я быў бы, "Я, верагодна, спаскудзіць ў нейкі момант ". Плюс зялёны. Усё выглядае, як быццам гэта аб'ядноўваюцца правільна. ОК. АЎДЫТОРЫЯ: [неразборліва] АЛЛИСОН Бухгольц-AU: О, там вы ідзяце. Вось што мне было патрэбна. Паглядзіце на гэта. Tiffany, каб выратаваць. Ідэальна падыходзіць. ОК. Зараз давайце паглядзім, ці працуе ён. Божа мой. ОК. Ўтрымліваць. АЎДЫТОРЫЯ: Space пасля другой плюс. АЛЛИСОН Бухгольц-AU: Якая? Ой, пачакайце, пачакайце. Касмічная адзенне? АЎДЫТОРЫЯ: Другі плюс у зялёны аб'яднанне. АЛЛИСОН Бухгольц-AU: Ой. АЎДЫТОРЫЯ: Там няма месца пасля плюсе, так. АЛЛИСОН Бухгольц-AU: Вы ня трэба, но-- АЎДЫТОРЫЯ: О, вы не ведаеце? АЛЛИСОН Бухгольц-AU: Гэта выглядае прыгожа. АЎДЫТОРЫЯ: OK. ОК. АЛЛИСОН Бухгольц AU: Давайце паглядзім, калі гэта працуе. ОК. Відавочна, я з правалам на гэта дэма, які нагадвае мне з лекцыі ў два тыдні, але я ведаю, што гэта будзе працаваць. Я ведаю, што гэта будзе працаваць. Так блізка. Калі я выпадкова не выдаліць мой сцэнар на гэтым. Не, гэта партыйныя кропкавыя JS. ОК трымацца. Я збіраюся капіяваць гэта, і я таксама проста хачу, каб выдаліць усе, таму што я гэты працоўны раней. Я абяцаю, што гэта працуе. Калі няма, то я пакажу вам, што Томі ёсць. І там. АЎДЫТОРЫЯ: Вы спасылкі партыю кропка CSS, і гэта партыя кропкавыя JS. АЛЛИСОН Бухгольц-AU: А, ну тут з'яўляецца ўдзельнікам кропкавыя JS. Добра, што я зрабіў па-іншаму? Добра, мы ўбачым, калі гэта цяпер працуе. Bam. Такім чынам, я не ведаю, што я зрабіў па-іншаму, але гэта тое, што павінна было адбыцца. Крута. Я націснуў на гэта, быццам бы, назаўжды. Але мы можам паспрабаваць і паглядзець, што я зрабіў інакш, што гэта трэба было. Я не ведаю, пра вас, хлопцы, але гэта выглядае ў асноўным тое, што я толькі што напісаў. Быў, верагодна, адсутнічае кропка з коскі дзе-то мая справа. На самай справе пасля гэтага, я думаю, што я прапаў без вестак Кропка з коскі тут на самай справе. Але я не мог бачыць, таму што гэта было на экране. Але калі мы заўважаем, што гэта вельмі шмат менавіта тое, што я толькі што напісаў. Я думаю, што, верагодна, самая цяжкая частка аб гэта проста нейкая гэтую рэч права тут, разуменне тое, што ён там робіць. Гэтыя віды рэчаў, якія вы даведаецеся сапраўды проста трошкі і сумленна проста спрабую. Калі вы думаеце, ёсць нейкая атрыбутаў, там, верагодна, ёсць. Так паспрабуйце. Паглядзіце, што адбываецца. Як я ўжо сказаў, ёсць шмат эксперыментаванне з JavaScript, і PHP, і ўсё, што матэрыял, і CSS асабліва. Вось толькі праўда спосаб зразумець гэта. Такім чынам, пасля гэтага фіяска з партыяй кропкавыя JS, у нас ёсць два іншых варыянту. У нас ёсць гадзіны або Twitter. Яны абодва цікава. Можа быць, не так весела, як партыі, які меў трохі прахалоднай стробирования што ў канцы. Як вы, хлопцы, ёсць нейкія перавагі? АЎДЫТОРЫЯ: гадзіннік? АЛЛИСОН Бухгольц-AU: гадзіннік? ОК. Крута. Такім чынам, яшчэ раз, у нас ёсць пусты файл JavaScript. І, як мы бачым, тут мы ёсць вельмі просты HTML. У нас ёсць табліца стыляў, якія проста Фарматы, што яна павінна выглядаць. У нас ёсць DIV з Ідэнтыфікатар гадзіны, якія проста кажа, "гэта павінна быць гадзіны." І ў нас ёсць сувязь у нашым файле JavaScript што на самой справе адбываецца ў генеруючы нашу гадзіны для нас. Таму што выдатна, што, тое, што вы можаце ўсталяваць наяўнасць на аўтаматычнае абнаўленне Сам. ОК? Такім чынам, замест таго, каб чакаць Карыстальнік ударыць Абнавіць на старонцы так што вы можаце атрымаць абнаўляюцца раз, JavaScript можаце абнавіць яе, аднак яна любіць. Так што, як з нашым апошнім, мы хацелі для доступу да нашага фону, ці не так? Такім чынам, што вы думаеце, можа быць Першае, што мы хочам зрабіць тут? Калі мы накшталт сыходзяць Такога роду парадыгму тут? Мы, верагодна, хочаце, каб доступ да нашай гадзіны, ці не так? Такім чынам, у нас ёсць некаторыя VAR гадзіны, якія equals-- Што мы думаем, што гэта збіраецца быць? Дакумент кропка атрымаць элемент по-- I таксама люблю Sublime-- Id і наша Id з'яўляецца гадзінамі. Кропка з коскі. Дабраўся, каб пераканацца, што для атрымання Кропка з коскі ў гэты раз, таму што я адчуваю, што была праблема ў мінулы раз. Добра так, як я толькі што гаварыў з спробай мець JavaScript абнавіць сябе, там гэта пышная функцыя, я ведаю, што гэта вельмі спатрэбіліся ў мінулым годзе, Я не ўпэўнены, што гэта вельмі зручна, для гэтага PSET, але гэта называецца зададзены інтэрвал часу. І гэта на самай справе вельмі выдатна, калі б вы, хлопцы, што-небудзь з часам ці атрымання Абноўленая інфармацыя. На сайце па Канчатковы Праект, гэта, верагодна, Функцыя, якую вы хочаце атрымаць супер знаёмыя. Так што ўсталяваць інтэрвал робіць тое, што мы збіраемся даць яму функцыю, і як часта ён павінен выклікаць гэтую функцыю. ОК? Такім чынам, у гэтым выпадку, мы проста збіраемся стварыць нейкія ананімныя функцыі зноў, Добра, што збіраецца атрымаць наша дата, і наш час, а затым абнавіць рэчы і паказаць яго. Такім чынам, мы будзем турбавацца пра гэта. Мы будзем, як генераваць гадзіны тут. Але тое, што нам трэба, гэта як часта, каб абнавіць яго. Такім чынам, у гэтым выпадку, гэта проста мілісекунды. Такім чынам, мы толькі збіраемся зрабіць 100 мілісекунд. Вядома, цалкам адвольна. Калі вы хочаце, каб гэта абнаўленне значна больш павольна, вы маглі б. Мы можам важдацца з зададзеным інтэрвалам, наколькі вялікі наш інтэрвал пасля атрымання намі працы гадзіны, якія, спадзяюся, я буду дабрацца. Так што гэта проста кажу: "Добра, выклік Гэтая функцыя кожныя 100 мілісекунд ". ОК? Вось і ўсё, што ён робіць. Такім чынам, што мы хочам, каб нашы функцыі робім, мы хочам мець некаторую дату і нейкі час, што мы будзем мець. Так мы можам пачаць з нашага Дата роўны тое, і наш час складае што-то што мы яшчэ не ведаем. Ці на самай справе, нам проста трэба дату, таму што Дата збіраецца ўключаць у сябе ўсё. Зноў жа, калі вы проста Google што-небудзь пра тое, што вы хочаце рабіць, калі вы пішаце: "Добра, Я хачу, каб атрымаць час з дапамогай JavaScript, "гэта дасць вам гэты вялікі Функцыя называецца дата атрымаць. Літаральна, большасць рэчаў што вы хочаце зрабіць, JavaScript будзе мець гэта было зроблена для вас ужо. Так што гэта ў літаральным сэнсе, як новы атрымаць дату, якая з'яўляецца creating-- ці новая дата, rather-- які генеруе нейкі аб'ект, які ўяўляе сабой дату. І тое, што мы збіраемся зрабіць тут гэта is-- Я збіраюся напісаць гэта, а затым растлумачыць, што ён робіць. Так што я буду рабіць, што я атрымліваю гэта права. Такім чынам, тое, што гэтая функцыя робіць, гэта мы проста стварэнне HTML, што на самой справе будзе ісці ў рамках нашай сну ідэнтыфікатар гадзін. Дык што ж гэта будзе рабіць проста стварыць некаторы радок, ОК? Гэта значыць тое будзе перасаджваюць у нашай HTML. У асноўным тое, што ён збіраецца зрабіць, гэта усе we--, што я пакажу вам, з'яўляецца тое, што б мы ні казалі HTML з'яўляецца, мы збіраемся замяніць гэты тэкст тут з тым, што HTML з'яўляецца. Так што гэта будзе дазваляць нам змяніць нашу синхросигнала HTML ад таго, толькі тэкст гэтага павінны быць гадзіны, на самай справе паказвае лік і рэчы, якія мы клапоцімся о, а на самай справе быць гадзін. Так што мы збіраемся зрабіць, гэта мы збіраецца пачаць вырабляць гэты HTML. Такім чынам, у адной і той жа чынам, што мы выкарыстоўвалі зрабіць плюс роўная для цэлых лікаў, зараз вы можаце рабіць, што для струнных, за выключэннем таго, што адбываецца ў іх канкатэнацыяй. Дакладна? Як мы бачылі з Партыяй кропак JS, гэта ўсяго толькі аб'ядноўвае ўсе гэтыя рэчы разам. Такім чынам, вы можаце аб'яднаць розныя біты HTML з зменных, або біт радкоў што вы пішаце з самастойна, і гэта проста сапраўды дазваляе дынамічна генераваць HTML, які з'яўляецца даволі халаднавата. Так што, калі ў вас ёсць што-то вельмі зручна канкрэтныя, гэта можа дазволіць вам зрабіць гэта. Такім чынам, мы маем HTML, каб я збіраюся паспрабуйце і пераканайцеся, што я атрымліваю гэта права. Так што мы збіраемся зрабіць некаторыя загаловак h1. Так што важна разумець тут з'яўляецца тое, што гэта на самай справе проста HTML. Дакладна? Мы пішам фактычная HTML код тут, гэта не толькі радок у нармальнае так, што мы будзем думаць пра гэта. Такім чынам, мы маем некаторую HTML. Гэта лічыцца радок, хоць тут. І мы робім дату dot-- мы хочаце атрымаць нашы гадзіны. Зноў жа, калі вы паглядзіце што-небудзь пра дату, было б сказаць, гэта ўсё атрыбуты, дата мае. А вось тое, што вы можаце выкарыстоўваць на ім. Так што, верагодна, мае нешта накшталт атрымаць гадзіны, і атрымаць хвілін, і атрымаць секунд, і атрымаць мілісекунд, і хто ведае, што яшчэ яны ёсць. Але калі вы паглядзіце на дакументацыя, усё гэта будзе там. Такім чынам, мы маем атрымаць гадзіны, і тады мы б хацелі каб аб'яднаць, што with-- Я будзе рухацца ў гэтым тут. Так што, калі мы генеруючы зараз, мы на самай справе генерацыі час, ці не так? У нас ёсць гадзіны, а затым тое, што паміж гадзінамі і хвілінамі? У вас ёсць кропка з коскі, ці не так? Таму мы хочам, каб зрабіць некаторыя коскі тут. А потым мы хочам атрымаць нашы хвілін, так што такім жа чынам, што ў нас ёсць дата кропка атрымаеце гадзіны, як мы можам атрымаць нашы хвілін? Гэта літаральна дата, кропка атрымаць хвілін, якія я накшталт як. Гэта як: "О, як я магу атрымаць мае хвілін? " Я проста атрымаць мае хвілін. ОК. І тады ў нас ёсць яшчэ двукроп'е тут. І потым, калі мы хочам атрымаць наш секунд, як мы маглі б атрымаць наш другі? Дата кропка атрымаць секунд. Я думаю, што гэта вельмі выдатна. І, што важна для ўсведамляць, што мы таксама трэба закрыць наш HTML тэг тут, таму што ён па-ранейшаму павінен быць сапраўдны HTML, так h1. Крута. Такім чынам, пасля таго, што мы можам зрабіць гадзіны Кропка ўнутраная HTML-роўна HTML. ОК? Так што памятаеце, як я сказаў, ўнутраны HTML у асноўным прымае ўсе, што паміж два тэга, якія мы гаварылі пра і ўстаўкі або маніпулюе усё, што там? Дык што ж гэта робіць, калі мы вернемся да нашых гадзінах, з'яўляецца тое, што гадзіны ставіцца да Усё ўнутры гэтай спраў. Гэта ўнутраны HTML- гэтай Id тактавай спраў. І таму ён збіраецца змяніць яго HTML, што мы толькі што згенеравалі, якая, якія, як мы спадзяемся, спадзяюся, мы спадзяемся, пакажа час прама цяпер. Мы будзем бачыць. Вядома. Так шмат тэхнічных пытанняў. Просто-- Элісан Я ад маёй гульні Сёння хлопцы. Добра, што працуе. синхросигнала ўнутраны HTML. Гэта было HTML самай справе? Акрамя таго, гэта тое, што адбываецца. Калі вы не можаце ўбачыць што-то, вам проста паглядзіце на зыходны код. ОК. Ты хочаш ведаць, прахалодны працу вакол што мы збіраемся зрабіць прама тут? АЎДЫТОРЫЯ: Вы можаце зрабіць загалоўныя літары? Загалоўныя літары? Таму што ў вас атрымаць гадзіны, а затым атрымаць хвілін. АЛЛИСОН Бухгольц-AU: Гэта гэта атрымаць гадзін і get-- а. Вы are-- залатую зорку. Гэта ўсё выпрабаванні, хлопцы. Я абяцаю, што гэта працуе перад класам. Добра, але што-то выдатна ведаць, што вы можаце also-- калі часам вашыя знешнія файлы атрымаць крыху вар'ятам, Вы таксама можаце проста пакласці іх прама тут, якія, як правіла, каб выправіць становішча. Акрамя гэтага, як сапраўды непрыгожа. Вядома адфарматаваць ўсё. Пераканайцеся, што гэта ўсё даволі. ОК. Я хацеў зрабіць усё класныя дэмкі, і яны проста не атрымліваецца. ОК. Сцэнар вар гадзіны. У любым выпадку, важна тое, што гэта агульны шлях што вы адфарматаваць JavaScript. Як вы можаце бачыць, гэта можа быць вельмі пераборлівыя, часам, нават тады, калі гэта было літаральна працуе ў дзве секунды таму. Ці не два секунду назад але вельмі, вельмі нядаўна. Такім чынам, каб паказаць вам, што гэта павінна выглядаць, і паказаць вам, што я не вар'ят, і што ўсё менавіта так, тое ж самае, гэта тое, што яна павінна выглядаць. Ты проста гэта зрабіць верхнюю частку тут, і калі вы паглядзіце зыходны код старонкі, Калі вы заўважылі, ён зрабіў некаторыя вар'яты рэчы, я спрасціў. Акрамя таго, крэдыт Томі McWilliam, хто на самай справе дапамог мне стварыць гэтыя прыклады, які з'яўляецца, чаму я ведаю, што яны працуюць. Таму што Томі майстар JavaScript. Але калі мы заўважаем, у нас ёсць некаторы набор. У нас ёсць функцыі гадзін тут. Гэта ўсё JavaScript, што мы толькі што напісалі, ці некаторыя з іх. Мы толькі што напісаў гэты адзін прама тут. І ў яго ёсць дадатковы функцыя, якая проста калодкі яго паставіўшы нуль перад літара або перад лікам, калі гэта толькі адзін з іх. Так што, калі вы заўважылі, гэта даволі шмат менавіта тое, што мы толькі што напісалі. У вас ёсць пераменная гадзіны, якія мае наш элемент, атрымаць элемент па ідэнтыфікатару, што гадзіны. У нас ёсць мноства інтэрвал Функцыя, гэта ананімная функцыя які выконвае ўсё гэта. У нас ёсць некаторыя, пачынаючы радок HTML, што мы дынамічна генеруюць тым, што некаторыя h1 загаловак, аб'яднання з атрымаць гадзіны, а таксама наш тоўстай кішкі, а таксама атрымаць хвіліны, плюс яшчэ тоўстай кішкі, а таксама нашы секунд, і, нарэшце, заканчваючы HTML для гэтага. А потым мы абнаўляем нашу гадзіны кропка ўнутраны HTML для HTML, і мы абнаўляем кожныя 100 мілісекунд. ОК? Бачыце, я абяцаю, што я не з'яўляюся вар'ятам. Я не ведаю. Я не ведаю, чаму ён не любіць мяне. Я адчуваю, як выглядае тое ж самае, але, мабыць, ненавідзіць мяне. Такім чынам, давайце паглядзім, калі вакол трох ідзе лепш. Мы збіраемся, каб бачыць. Я не ведаю, як гэта будзе ісці. Гэта ўсё, па меншай меры атрымаць мінусы, як толькі агульнай тэмай з JavaScript, хоць? Я спадзяюся, што, па меншай меры карысна, больш чым паказваючы, што гэта крыху пераборлівыя. Але ваша праблема набор будзе вельмі весела. Гэта будзе выдатна. Гэта не будзе гэтак жа стомна як гэта, я не думаю. Вы на самой справе атрымаць см сапраўды класныя рэчы. Таму ў мінулым, але не менш, мы пастараемся той Twitter. Я вельмі баюся зараз, хлопцы. Я не ведаю, як гэта будзе ісці. Але толькі, каб даць вам крыху больш густу, і гэта на самай справе маніпулявання радкамі і Ўваходы, што мы збіраемся рабіць ёсць, калі мы заўважаем тут з HTML-- у гэтага ёсць трохі more-- у нас ёсць некаторыя тэкставую вобласць, якая адпавядае дадзенай галіне тэкст тут. ОК? І гэта мае ідэнтыфікатар тэксту. Мы рэстайлінг яго крыху з некаторай шырыні і вышыні што мы перадвызначаныя, і мы h1, якія проста наш загаловак той, які ўяўляе нашы засталося знакаў. Мы далі яму нейкае ідэнтыфікатар Засталося сімвалаў, а то ў нас нейкі сцэнар тут, што я на самой справе спадзеючыся, што ў трэці раз х зачараванне тут, хлопцы. Так што мы хочам зрабіць, у тым жа агульным ключы што мы зрабілі з синхросигнала JS і партыйныя кропка JS, як мы адзначылі, што мы пачалі, фактычна захоп тое, што мы клапоцімся аб, правільна? Такім чынам, у гэтым выпадку, ёсць два рэчы, якія мы клапоцімся пра, добра? Адна рэч, што мы на самай справе выгляд гледзячы ў і малявання дадзеныя з, і адна рэч, якая мы на самай справе мяняецца. Так што наш HTML. Калі гэта наша вэб-старонка тут, што Дадзеныя, якія мы глядзім на? Гэта будзе што заўгодна Тэкст у нашых скрынках, ці не так? Таму, што б я друкую тут. Вось што я хачу ведаць, ці гэта тое, што я хачу паглядзець. І тое, што будзе змены на нашай вэб-старонцы? Астатнія персанажы. Такім чынам, у адной і той жа дарозе, мы хочам, каб пачаць з ініцыялізацыі зменных што на самой справе ўтрымаць гэтых элементаў. ОК? Так што, калі ў нас ёсць некаторыя Var гэта наша тэкставая вобласць, і ў нас ёсць некаторыя VAR, што засталося. Дакладна? Так яны збіраюцца трымаць гэтыя дзве рэчы. Гэтак жа роду рэчы, дакумент dot-- ОК, я будзе пераканацца, што гэта будзе працаваць у гэты раз. Я вельмі непахісны. Такім чынам, калі мы хочам, каб нашы Тэкст плошчу, па у нашым HTML, што наша ідэнтыфікатар? Што наша Id? Гэта проста будзе тэкст, таму што гэта стварае нашу тэкставую вобласць, OK, і наша Id тэкстаў, так што як мы можам захапіць, што там. ОК, кропка з коскі. Я збіраюся быць супер Дакладная пра гэта, таму што я хачу, каб гэта працавала на гэты раз. ОК, зрабіць тое ж самае, атрымаць элемент, Id. Я сапраўды цікава, што мае прычынай двух іншых сапсаваць. Добра, тады ў гэтым, што ж мы хочам атрымаць доступ? Што наша Id тут? У нас ёсць яшчэ ідэнтыфікатар ў наш HTML, што гэта такое? АЎДЫТОРЫЯ: Засталося знакаў. АЛЛИСОН Бухгольц-AU: Засталося знакаў. ОК. Крута. Так што я проста хачу, каб пішу гэта вельмі хутка. Я проста хачу, каб напісаць гэта ў секунду. Так тэкставая вобласць. Што цікава, B function-- ёсць мноства функцый, якія не толькі Падыходзіць для Вашага мышы, але клавіятура. ОК? Такім чынам, вы можаце сказаць, калі любы ключ націснутая, вы можаце зрабіць што-нешта накшталт гэтага. Так той, які мы выкарыстоўваем, выклікаецца клавішай ўверх, што кажа, "калі вы націснулі любую клавішу на клавіятура, калі карыстальнік падняў іх палец гэтай кнопкі, і ключ стаў не націснутая, затым мы збіраемся зрабіць што-то ". ОК? Так што гэта мае сэнс, ці не так? Таму што кожны знак мы друкуем, мы збіраемся мець, каб падняць нашы пальцы пра гэта, таму, калі ключ ідзе ўверх, мы можам ведаць, для памяншэння астатнія нашы героі. Такім чынам, мы маем некаторыя на ключ , І такім жа чынам, мы збіраемся сказаць, "Добра, калі мы гэта зробім, мы збіраемся стварыць некаторую функцыю, якая збіраецца ўзяць е ", у дадзеным выпадку, і тое, што мы хочам зрабіць, гэта падлічыць колькасць пакінутых. Такім чынам, давайце проста пачаць шляхам стварэння зменнай. Такім чынам, мы маем некаторую зменную R, які будзе прадстаўляць колькі знакаў мы пакінулі. ОК? Мы ведаем, што мы пачынаем з 140, і калі мы хочам ведаць, скажам, даўжыня гэтага Радок, быў уваход, Ці ёсць у вас, хлопцы, ёсць якія-небудзь ідэі як мы маглі б гэта зрабіць? Проста грунтуецца прэч відавочна, рэчы, як калі б мы хацелі гадзіны, мы выкарыстоўвалі атрымаеце гадзіны. Мы ведаем, што наш аб'ект Тэкст гэтай галіне, але не маглі б вы, хлопцы, думаю, што можа прыйсці пасля яго? Любыя ідэі? Так гэта адно накшталт менш інтуітыўна, але гэта значэнне даўжыні кропка. Так што проста даць мне некаторыя значэнне атрыбуту, што на самай справе даўжыня гэтага радка. Так што збіраецца сказаць: "Добра, я шукаю на ўсёй гэтай радкі ў тэкставым полі, і я збіраюся сказаць Вы, як доўга гэта ". Таму што, калі мы ўспомнім, радкі сапраўды толькі масівы, так што мы можам проста ўзяць даўжыню іх. Такім чынам, мы маем гэта. Крута. Тады тое, што мы хочам зрабіць, гэта мы ніколі не хачу, каб дазволіць карыстальніку для ўводу больш 140 сімвалаў, ці не так? Таму што, калі мы гаворым так: «ой, вы толькі гэта шмат, застаючыся, " а затым няхай яны робяць што У любым выпадку, мы хлусілі. І гэта яшчэ адзін рэч, якая JavaScript можа быць вельмі добра для, з'яўляецца праверка карыстальнік і пераканаўшыся, што ваш Карыстальнік ўпісваецца ні ў якія правілы што вы ўвялі на іх. Так што калі вы хочаце зрабіць што-то, як зрабіць што хто-то ўвесці іх адрас электроннай пошты, або пераканаўшыся, што, калі яны ўвесці два пароля, яны ўзгодненыя. JavaScript можа зрабіць гэта. Вы хочаце зрабіць нешта накшталт, "калі Форма ўяўляецца, "напрыклад або, "Калі кнопку Адправіць Форма ёсць націснуў, праверце ўсе гэтыя рэчы ". І мы можам зрабіць гэта JavaScript. Дык вось менавіта тое, што мы збіраемся зрабіць тут. Так што можа быць спосаб праверыць, калі яны сышлі больш за 140 сымбаляў? Што адбудзецца з наша значэнне г, калі яны паспрабуюць? Гэта будзе адмоўным, ці не так? Ці гэта будзе менш ці роўным нулю. Такім чынам, мы можам выкарыстоўваць, калі гэта як і ўсё астатняе. ОК? І ў нас ёсць некаторыя вобласць тэксту кропку значэнне, і тое, што мы робім тут гэта мы проста cutting-- што гэта такое? Выбачайце. Гэта адно, мы проста хочам, каб вярнуцца ілжывым. Я заблытаўся. Усе выматаныя ад рэчаў, не працуе. Добра, мы проста хочам, каб вярнуцца ілжывым, і тады мы хачу, каб адлюстраваць астатнія літары, праўда? Так з гадзінамі, мы зрабілі што-то з унутранага HTML, праўда? Дзе мы ўсталёўваем яго роўным некаторыя зменнай, таму тое, што мы маглі б тут рабіць? Што мы змяніць ўнутраную HTML з? АЎДЫТОРЫЯ: Пакінутае? АЛЛИСОН Бухгольц-AU: Мы мяняем засталося. Добра, і што мы хачу, каб усталяваць яго роўным? Гэта будзе г, таму што гэта павінны быць астатнія нашы героі. ОК? Так што я вельмі нерваваўся, каб убачыць, калі гэта цяпер працуе, але мы будзем бачыць. Пакіньце гэта. Гэта вельмі хутка. [Неразборліва] ОК. Зноў жа, я проста хачу, каб паказаць вам. Па нейкай прычыне, маё рашэнне не працуе, але тое, што я пакажу вам, што гэта is-- о, я павінен быў пакласці, што ў. Добра, мы заўважылі такі ж што тут, атрымліваю тэкставае поле. Акрамя таго, калі хлопец апавяшчэнне, калі ёсць альбо тое, што вы хочаце зрабіць, і вы не ведаеце, як гэта зрабіць гэта, проста націсніце кнопку Прагляд старонцы Крыніца і яны збіраюцца распавесці вам. Часам гэта будзе зашыфраваны. Для вашага PSET, мы зашыфраваць усе, так гэта проста выглядае як трызненне. Але калі калі-небудзь сапраўды класны сайт, што вы хочаце, калі вы проста націсніце кнопку Прагляд старонцы Крыніца гэта збіраюся расказаць вам, як гэта зрабіць. Такім чынам, яшчэ раз, працаваць разумнейшыя, а не больш. І, як вы бачыце тут, усё гэтыя рэчы аднолькавыя. гэты тут проста прымае некаторыя падрадок што я забыўся, што гэта робіць. Але, відавочна, зойме некаторы падрадок ад кошту ад нуля да дзесяці, і вяртае ілжывае, што варта спыніць Карыстальнік з уводам больш, а затым, відавочна, абнаўляе Унутраная HTML там. Крута. Настолькі вялікія Вазьміце Высновы з сённяшняга дня, Эксперымент, паглядзіце на зыходны код таму што гэта дапаможа вам шмат, і ўсё, часам JavaScript можа быць цяжка працаваць, і не заўсёды працуюць так, як вы чакаеце, што, але проста старацца таму што я абяцаю, што гэта будзе. Я абяцаю, усе гэтыя прыклады працавалі перад класам. Я не разумею, што адбылося. Я літаральна ўсё ж. Яшчэ адна рэч, што я проста хачу, каб паказаць вам, хлопцы, якія могуць быць супер карысна у in--, што працуе раней? Мы атрымалі партыю да працы, ці не так? Я так думаю. Так. Мы зрабілі. Высокі. Такім чынам, адна рэч, якая вы, хлопцы, павінны ведаць, з'яўляецца лог кансолі, што я казаў. Так суцешыць кропка часопіс Hello. Так што гэта свайго роду JavaScript эквівалент Printf. Так што калі вы калі-небудзь хацелі праверыць свае зменныя або паглядзець, што там адбываецца, што Вы можаце зрабіць гэта, калі мы правяраем элемент, гэта тое, што вы хочаце пайсці каб і вы ідзяце, каб суцешыць, Вы ўбачыце, што ён надрукаваны прывітанне. Такім чынам, мы маглі б яго друкаваць усё, што мы хацелі. Калі мы хацелі, каб надрукаваць фон кропка стыль кропка фон, мы павінны быць у стане бачыць RGB ўтрая ідзе ўверх. Ці не. Я забыўся, як менавіта вы друкаваць зменную падобнае, але вы павінны быць у стане раздрукаваць нешта накшталт гэтага. Гэта будзе вельмі карысна для PSET калі Вы спрабуеце маніпуляваць каардынаты ці яшчэ шмат чаго. Такім чынам, яны таксама змяніць гэтую частку ў класе. Гэта адрозніваецца ад мінулых гадоў, так проста прыемна вашых ТФ, або ТФ ў працоўны час, а, таму, што мы выгляд навучання разам з вамі, хлопцы. Але лог кансолі было супер, супер карысна для JavaScript у мінулым годзе. Так люблю яго. Даведайцеся, як выкарыстоўваць яго. Гэта прасцей у выкарыстанні, чым GDB, так што павінна быць не менш за плюс кропкай. Але дзякуй, хлопцы прыносяць з сабой. Мне шкада, што мой прыклады па некаторых прычынах проста не хачу, каб супрацоўнічаць са мной, але я спадзяюся, што яна дапамагла атрымаць від вы трохі больш у зоне JavaScript. І пашліце мне ўсе вашы пытанні на наступным тыдні, так што я магу быць супер рамонт, і я прынясу цукеркі і нават дадатковы цукеркі, таму што гэта было смешна. Але вы, хлопцы, выдатна, і маюць дзіўны тыдзень.