1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 АЛЛИСОН Бухгольц-AU: Усе правы ўсё. 3 00:00:12,340 --> 00:00:13,520 Сардэчна запрашаем у профіль. 4 00:00:13,520 --> 00:00:15,315 Гэта наша перадапошнім раздзеле. 5 00:00:15,315 --> 00:00:16,542 Гэта так сумна. 6 00:00:16,542 --> 00:00:19,500 Я не ведаю, што я збіраюся зрабіць не бачачы вас, хлопцы кожны панядзелак. 7 00:00:19,500 --> 00:00:20,970 Я думаю, мы павінны просто-- Можа быць, мы маглі б проста 8 00:00:20,970 --> 00:00:22,710 сустрэцца тут і паабедаць або што-то. 9 00:00:22,710 --> 00:00:23,270 Я не ведаю. 10 00:00:23,270 --> 00:00:24,370 Я прынясу замест ежы. 11 00:00:24,370 --> 00:00:26,290 Мы проста гаворым. 12 00:00:26,290 --> 00:00:29,900 Але так, на наступным тыдні будзе наш апошні падзел. 13 00:00:29,900 --> 00:00:32,390 >> На гэтай ноце, вы павінны віктарыну на наступным тыдні. 14 00:00:32,390 --> 00:00:35,660 Я ведаю, што забыўся зрабіць мой, як, два тыдні своечасовае апавяшчэнне на мінулым тыдні, 15 00:00:35,660 --> 00:00:39,140 але, спадзяюся, вы, хлопцы, ведаў, што гэта адбудзецца. 16 00:00:39,140 --> 00:00:42,880 Спадзяемся, гэта адзін з апошніх прамежкавых выбарах для вас, хлопцы, за семестр. 17 00:00:42,880 --> 00:00:46,950 Але гэта будзе ахопліваць ўсе матэрыял, які мы пайшлі зноў. 18 00:00:46,950 --> 00:00:50,811 Так што гэта не падабаецца, вы можаце проста забыць каля чатырох завес або зменныя. 19 00:00:50,811 --> 00:00:52,560 Таму што мы даведаліся тыя, у пачатку, 20 00:00:52,560 --> 00:00:55,870 тыя, відавочна, справядлівая гульня для віктарыны. 21 00:00:55,870 --> 00:01:00,150 >> Гэта будзе той жа фармат, тое ж самае даўжыня, так што вы ўжо прывыклі да гэтага. 22 00:01:00,150 --> 00:01:02,330 Там будзе кадавання з дапамогай ручных праблем, 23 00:01:02,330 --> 00:01:06,270 Можа быць, некаторыя дакладна няправільна, Можа быць, нейкі кароткі адказ. 24 00:01:06,270 --> 00:01:08,090 Такім чынам, вы павінны быць знаёмыя з фарматам, 25 00:01:08,090 --> 00:01:10,940 асабліва калі вы бераце Практычныя тэсты. 26 00:01:10,940 --> 00:01:13,950 Але, як я кажу тут, гэта накапіцельнымі, але мы вызначана 27 00:01:13,950 --> 00:01:17,410 будзе упорам на рэчы з шостым тыдні наперад. 28 00:01:17,410 --> 00:01:24,050 Такім чынам, мы, верагодна, не будзе спытаць вас аб тым, колькі байт 29 00:01:24,050 --> 00:01:26,180 у кожным тыпе або гэтыя віды рэчаў, 30 00:01:26,180 --> 00:01:29,730 але мы, верагодна, будзе зацікаўлены ў такіх рэчах, як звязаныя спісы, 31 00:01:29,730 --> 00:01:32,750 або розныя структуры дадзеных, або розныя алгарытмы 32 00:01:32,750 --> 00:01:33,960 што мы гаварылі. 33 00:01:33,960 --> 00:01:38,990 Таму пераканайцеся, што вы сапраўды на тых, і калі вы 34 00:01:38,990 --> 00:01:41,590 патрэбныя якія-небудзь рэсурсы, вось шмат рэсурсаў. 35 00:01:41,590 --> 00:01:44,790 Я проста даў вам выгляд аб хуткім спісе ёсць. 36 00:01:44,790 --> 00:01:48,330 >> Наступны тыдзень будзе віктарына агляд працягу гэтага часу. 37 00:01:48,330 --> 00:01:52,290 Так што, калі ў вас ёсць якія-небудзь пытанні ці канкрэтныя тэмы, 38 00:01:52,290 --> 00:01:56,180 канкрэтныя рэчы, на віктарыне, што Вы хацелі б пайсці зноў, калі ласка, 39 00:01:56,180 --> 00:02:01,780 дасылайце іх мне раней часу, так што я магу выгляд падрыхтоўкі некаторы матэрыял для гэтага. 40 00:02:01,780 --> 00:02:06,310 І ў дадатак да гэтага раздзел аглядзе мы 41 00:02:06,310 --> 00:02:09,616 таксама правядзення курсу ўсёй агляд, як мы зрабілі ў мінулы раз. 42 00:02:09,616 --> 00:02:11,490 І гэта будзе робіцца тымі ж людзьмі. 43 00:02:11,490 --> 00:02:13,030 Я не ведаю, калі гэта робіць гэта лепш ці горш, 44 00:02:13,030 --> 00:02:15,670 але гэта будзе мяне, Ханна, давай, і Гейб зноў. 45 00:02:15,670 --> 00:02:18,630 Так што, калі вы хочаце прыйсці і ўбачыць нам усё жартавалі адзін з аднаго! 46 00:02:18,630 --> 00:02:21,270 і вы пройдзеце праз віктарыны Агляд, вы павінны абавязкова 47 00:02:21,270 --> 00:02:22,600 прыйшлі да гэтага ў наступны панядзелак таксама. 48 00:02:22,600 --> 00:02:26,210 Такім чынам, вы будзеце толькі варэнне панядзелак спакаваныя агляду віктарыны, і гэта добра 49 00:02:26,210 --> 00:02:29,840 таму што тады ў вас ёсць аўторак для апрацоўкі праз усе. 50 00:02:29,840 --> 00:02:32,230 >> Але, безумоўна, не праверыць з гэтых рэсурсаў. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net на сённяшні дзень, я думаю, адзін з найбольш карысным, 52 00:02:36,030 --> 00:02:37,990 у асноўным таму што ён мае Шмат прыкладаў кода, 53 00:02:37,990 --> 00:02:40,490 ён мае ўсю ўладу Ачкі з усімі заўвагамі на ім, 54 00:02:40,490 --> 00:02:44,510 якія сапраўды тое, што я малюю найбольш мае раздзеле матэрыялаў. 55 00:02:44,510 --> 00:02:47,480 Калі ёсць што-небудзь у папярэднім раздзелы, якія я, магчыма, пасыланыя 56 00:02:47,480 --> 00:02:49,920 што вы не можаце мець атрымаў, проста дайце мне ведаць. 57 00:02:49,920 --> 00:02:52,520 Як прыклад кода на мінулым тыдні, калі хто-то не атрымаў, што, 58 00:02:52,520 --> 00:02:55,930 Проста напішыце мне або прыйсці пагаварыць са мной, і я паклапачуся пра тое, што вы атрымаеце гэта. 59 00:02:55,930 --> 00:03:02,000 >> Так з гэтым, сёння мы будзем будзе казаць пра JavaScript. 60 00:03:02,000 --> 00:03:04,690 І вось мы з Томі, які я быў проста кажу вам ўчора ўвечары. 61 00:03:04,690 --> 00:03:06,670 Я люблю Томі. 62 00:03:06,670 --> 00:03:09,040 JavaScript з'яўляецца яго любімым Мова, як ён кажа тут. 63 00:03:09,040 --> 00:03:14,050 Яны будуць спрабаваць і сказаць вам, што гэта ці не лепш, і яны маюць рацыю. 64 00:03:14,050 --> 00:03:16,510 Так Томі майстар JavaScript. 65 00:03:16,510 --> 00:03:19,850 Я не зусім на яго узроўні, але я быў бы, 66 00:03:19,850 --> 00:03:22,900 "Томі, як я вучу гэтыя дзеці JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Так што я атрымаў некалькі саветаў, так спадзяюся, яны выйшла. 68 00:03:26,700 --> 00:03:31,140 >> Так пара рэчаў, якія трэба ведаць, што JavaScript з'яўляецца сцэнарыяў на баку кліента 69 00:03:31,140 --> 00:03:35,560 мова, таму ў той час як PHP з'яўляецца тое, што мы разгледзелі больш на боку сервера, 70 00:03:35,560 --> 00:03:39,280 было загрузіць на сервер, кампілявацца і выконвацца там. 71 00:03:39,280 --> 00:03:42,871 Гэты выкананы на сваёй машыне. 72 00:03:42,871 --> 00:03:43,370 ОК? 73 00:03:43,370 --> 00:03:46,960 Такім чынам, вы загрузіць некаторыя старонкі JavaScript, і ён выконвае на вашым кампутары. 74 00:03:46,960 --> 00:03:49,910 Сінтаксіс вельмі падобны на C і РНР. 75 00:03:49,910 --> 00:03:52,490 Мы збіраемся прайсці праз Некаторыя прыклады JavaScript, 76 00:03:52,490 --> 00:03:56,740 і вы будзеце бачыць, што Так мы гаворым аб зменных, цыклы, 77 00:03:56,740 --> 00:03:58,910 і ўмовы вельмі падобныя. 78 00:03:58,910 --> 00:04:00,500 ОК? 79 00:04:00,500 --> 00:04:04,490 Справа ў тым, што яны так падобныя з'яўляецца верагодна, будзе спрацоўваць некаторыя з вас 80 00:04:04,490 --> 00:04:08,529 да, у некаторых выпадках, проста таму, што Вы ўключыць трохі C 81 00:04:08,529 --> 00:04:09,570 дзе не павінна быць. 82 00:04:09,570 --> 00:04:14,130 Можа быць, вы паспрабуеце і нешта тыпу калі ён не павінен быць надрукаваны. 83 00:04:14,130 --> 00:04:16,540 >> І ад таго, адна справа ведаю, што JavaScript 84 00:04:16,540 --> 00:04:19,360 у дынамічна тыпізаваных мова, як PHP. 85 00:04:19,360 --> 00:04:21,410 Так што, калі вы, хлопцы, памятайце, з падзелу мінулым тыдні, 86 00:04:21,410 --> 00:04:23,680 калі мы былі добразычлівымі рабіць наш PHP паскораны курс, 87 00:04:23,680 --> 00:04:28,860 мы бачылі, як радок можна быць ператварыўся ў INT, і гэтак далей. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Тып вашых зменных вызначаюцца падчас выканання, 90 00:04:34,850 --> 00:04:38,180 таму яны могуць мяняцца з цягам Курс праграмы, 91 00:04:38,180 --> 00:04:43,109 і такім жа чынам, што ніколі сапраўды абвясціць тыпы для PHP зменных, 92 00:04:43,109 --> 00:04:45,900 мы будзем рабіць тое ж самае што тут, дзе мы на самай справе не 93 00:04:45,900 --> 00:04:49,740 кантраляваць тыпы нашых зменных, так бы мовіць, як гэта робім мы ў С. 94 00:04:49,740 --> 00:04:52,200 >> І тады адна рэч, гэта даволі крута 95 00:04:52,200 --> 00:04:54,090 што вы можаце пра памылкі праверыць з дапамогай кансолі, 96 00:04:54,090 --> 00:04:57,240 з гэтай вялікай функцыі console.log, што 97 00:04:57,240 --> 00:05:00,930 дазваляе выводзіць розныя пераменныя або аб'екты, якія мы 98 00:05:00,930 --> 00:05:01,750 пра што пагаварыць. 99 00:05:01,750 --> 00:05:05,720 Гэтак жа, як на мінулым тыдні, калі я быў як, "выкарыстоўваць гэтую функцыю," са скідам 100 00:05:05,720 --> 00:05:10,490 ад вашага PSET гэта функцыя Вы хочаце выкарыстоўваць, console.log. 101 00:05:10,490 --> 00:05:12,860 Я быў так здзіўлены, як шмат студэнты працоўны час 102 00:05:12,860 --> 00:05:14,530 не ведаю пра функцыі скіду. 103 00:05:14,530 --> 00:05:19,010 І я падумаў: «Хлопцы, гэта воля зрабіць вашу жыццё нашмат прасцей ". 104 00:05:19,010 --> 00:05:22,960 >> Добра, так што гэта было свайго роду толькі кароткі рэч, як заўсёды, 105 00:05:22,960 --> 00:05:24,000 у нас ёсць прыклады. 106 00:05:24,000 --> 00:05:25,600 Я ведаю, што вы, хлопцы любяць тых ,. 107 00:05:25,600 --> 00:05:30,930 Дык вось прыклад вельмі проста JavaScript файла тут. 108 00:05:30,930 --> 00:05:34,000 Так што гэта проста збіраецца стварыць гэта ўсплывальнае акно, якое кажа, 109 00:05:34,000 --> 00:05:36,336 "Прывітанне свет", калі вы зайдзіце на старонку, але давайце 110 00:05:36,336 --> 00:05:37,960 паспрабаваць прайсці праз гэта няшмат. 111 00:05:37,960 --> 00:05:43,440 Так, відавочна, гэта проста як вашай звычайнай index.html. 112 00:05:43,440 --> 00:05:50,280 Так, толькі наша нармальная шаблон тут, і ў нас ёсць HTML, мы маем нашу галаву, 113 00:05:50,280 --> 00:05:55,580 і гэтак жа, як з дапамогай CSS, як мы ўключаны некаторыя па-за файл, праўда? 114 00:05:55,580 --> 00:05:59,260 У нас ёсць некаторы тып скрыпту тэкст, які JavaScript. 115 00:05:59,260 --> 00:06:02,680 І крыніца hello.js, які з'яўляецца тут. 116 00:06:02,680 --> 00:06:05,630 Гэта ўвесь файл з hello.js. 117 00:06:05,630 --> 00:06:09,080 І тады ў нас ёсць некаторыя Назва і некаторыя цела HTML 118 00:06:09,080 --> 00:06:11,050 што мы на самай справе не хвалюе. 119 00:06:11,050 --> 00:06:15,970 >> Што адбываецца, з'яўляецца, калі мы загружаем гэтую старонку, ён аўтаматычна выконвае гэты сцэнар. 120 00:06:15,970 --> 00:06:16,470 ОК? 121 00:06:16,470 --> 00:06:18,790 Так JavaScript будзе выканаць аўтаматычна. 122 00:06:18,790 --> 00:06:22,860 Так што гэта будзе рабіць, гэта будзе неадкладна пайсці і выканаць гэта. 123 00:06:22,860 --> 00:06:24,110 І гэта скажа, "папярэджанне. 124 00:06:24,110 --> 00:06:25,190 Прывітанне свет ". 125 00:06:25,190 --> 00:06:30,840 Якія абвесткі з'яўляецца функцыя, якая фактычна, спараджае гэты сцяжок. 126 00:06:30,840 --> 00:06:31,540 ОК? 127 00:06:31,540 --> 00:06:33,390 Так што гэта свайго роду чаргу ахоплівала. 128 00:06:33,390 --> 00:06:36,700 Там няма нічога лішняга ў нас было зрабіць Акрамя таго, толькі папярэджанне, 129 00:06:36,700 --> 00:06:40,000 а затым усё, што мы хацелі у нашым акне папярэджання. 130 00:06:40,000 --> 00:06:40,500 ОК? 131 00:06:40,500 --> 00:06:45,080 Так што гэта проста супер проста прыклад таго, што JavaScript можа зрабіць. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Адзін з сапраўды выдатна рэчы, як мы ўбачым, 134 00:06:50,070 --> 00:06:55,150 з'яўляецца тое, што JavaScript дазваляе маніпуляваць вэб-старонак, 135 00:06:55,150 --> 00:06:57,720 без загрузіць іх у любы час. 136 00:06:57,720 --> 00:07:01,830 Так што калі вы want-- напрыклад, калі Вы навіслі над чым-то, 137 00:07:01,830 --> 00:07:04,300 калі вы, хлопцы калі-небудзь бачыў, як меню бараў, 138 00:07:04,300 --> 00:07:07,360 або пры навядзенні курсора на некаторыя тэма з'яўляецца выпадальнае меню, 139 00:07:07,360 --> 00:07:08,670 гэта таму, што з JavaScript. 140 00:07:08,670 --> 00:07:09,170 ОК? 141 00:07:09,170 --> 00:07:12,670 Такім чынам, вы не перазагрузкі ўсёй старонку, каб атрымаць гэта меню, каб паказаць, 142 00:07:12,670 --> 00:07:17,240 вы проста шукаеце для некаторых канкрэтных дзеянне, якое карыстальнік прыняў, 143 00:07:17,240 --> 00:07:21,800 якія называюцца падзеі, якія мы атрымаем ў, і як толькі вы бачыце, што вы кажаце, 144 00:07:21,800 --> 00:07:25,960 "Добра, рэдагаваць што-то на гэта старонка і зрабіць яго выглядаць па-рознаму, 145 00:07:25,960 --> 00:07:28,270 але толькі рэдагаваць гэтыя канкрэтныя рэчы. 146 00:07:28,270 --> 00:07:29,690 Ня загружайце ўсё гэта ". 147 00:07:29,690 --> 00:07:33,110 Так што на самай справе значна лепш, і Вы не павінны перазагрузіць вашыя старонкі, 148 00:07:33,110 --> 00:07:34,510 і гэта сапраўды выдатна. 149 00:07:34,510 --> 00:07:38,270 >> Так дэкларацыі зменных, так што вы можаце збольшага бачыць, 150 00:07:38,270 --> 00:07:40,530 Я паклаў зверху тут, слаба тыпізаванай. 151 00:07:40,530 --> 00:07:42,570 Так што гэта вельмі падобна на PHP. 152 00:07:42,570 --> 00:07:48,770 Нам не трэба, каб расказаць JavaScript які тып мы 153 00:07:48,770 --> 00:07:50,740 чакаючы кожнай з гэтых пераменных будзе. 154 00:07:50,740 --> 00:07:52,560 Яны могуць быць усё, што тыпу мы хочам. 155 00:07:52,560 --> 00:07:57,480 Такім чынам, вы заўважыце, у дадзеным выпадку, мы заяўляем, іх вельмі проста, толькі з "Var" 156 00:07:57,480 --> 00:08:00,990 а затым, што мы хочам наш імя зменнай, каб быць. 157 00:08:00,990 --> 00:08:05,680 Адна рэч, каб адзначыць, што, калі вы пакласці VAR перад імем зменнай, 158 00:08:05,680 --> 00:08:07,520 гэта лакальна прыцэлам яго. 159 00:08:07,520 --> 00:08:09,320 ОК? 160 00:08:09,320 --> 00:08:14,025 Гэта зусім разумным для вас цалкам сатрыце Вар 161 00:08:14,025 --> 00:08:18,970 і проста з роўным CS50, і гэта было б проста глабальная пераменная. 162 00:08:18,970 --> 00:08:19,580 ОК? 163 00:08:19,580 --> 00:08:22,490 Такім чынам, вы можаце ініцыялізаваць яго ў абодвух напрамках, Усё залежыць ад таго, як вы гэтага хочаце. 164 00:08:22,490 --> 00:08:24,448 Так што калі вы ініцыялізацыі гэта ўнутры функцыі, 165 00:08:24,448 --> 00:08:28,070 і вы хочаце, каб зменную застацца вобласцю дзеянні ў рамках гэтай функцыі, 166 00:08:28,070 --> 00:08:31,620 Вы будзеце жадаць зрабіць нешта накшталт Var імя зменнай, 167 00:08:31,620 --> 00:08:34,270 у параўнанні з, калі вы хочаце яго глабальную вобласць, то 168 00:08:34,270 --> 00:08:36,240 можаце проста зрабіць імя зменнай, а затым 169 00:08:36,240 --> 00:08:38,270 усё, што вы хацелі б гэта усталёўваецца роўным. 170 00:08:38,270 --> 00:08:40,230 ОК? 171 00:08:40,230 --> 00:08:45,580 >> Гэта свайго роду прахалодная рэч тут, таму што, калі мы заўважаем, наша пераменная 172 00:08:45,580 --> 00:08:47,590 б пачынаецца як праўда. 173 00:08:47,590 --> 00:08:51,280 І тое, што гэта does-- можа хто-небудзь сказаць мне, што гэта робіць? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Такім чынам, мы маем некаторую трывогу. 176 00:08:55,890 --> 00:09:00,156 Што б тыпу У быць у самым пачатку? 177 00:09:00,156 --> 00:09:00,905 АЎДЫТОРЫЯ: Boolean. 178 00:09:00,905 --> 00:09:01,330 АЛЛИСОН Бухгольц-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Дакладна. 180 00:09:01,940 --> 00:09:07,260 І тады мы перапрызначыць б у гэтым радку, ці не так? 181 00:09:07,260 --> 00:09:11,170 Так то вось, які тып B быць? 182 00:09:11,170 --> 00:09:12,480 Было б радок, праўда? 183 00:09:12,480 --> 00:09:14,900 Так што важна для апавяшчэнне, што ў C, мы 184 00:09:14,900 --> 00:09:17,330 ня мог амаль ніколі не робяць што-то падобнае. 185 00:09:17,330 --> 00:09:22,000 Мы павінны былі б мець зменную, кінуць яго як-то інакш, 186 00:09:22,000 --> 00:09:27,185 Можа быць, зрабіць нейкую функцыю з двума я, ідуць ад зарада да цэлага ліку. 187 00:09:27,185 --> 00:09:31,063 Але калі мы заўважаем тут, бы вельмі лёгка мяняе тып. 188 00:09:31,063 --> 00:09:33,760 >> АЎДЫТОРЫЯ: Пачакайце, так што вы можаце проста быць, як "зрабіць б цэлае?" 189 00:09:33,760 --> 00:09:34,360 >> АЛЛИСОН Бухгольц-AU: Так. 190 00:09:34,360 --> 00:09:36,185 Вы можаце проста перапрызначыць б у цэлае. 191 00:09:36,185 --> 00:09:36,910 >> АЎДЫТОРЫЯ: У самай справе? 192 00:09:36,910 --> 00:09:38,035 >> АЛЛИСОН Бухгольц-AU: Так. 193 00:09:38,035 --> 00:09:39,810 І тады гэта было б Int. 194 00:09:39,810 --> 00:09:43,820 Так што вашыя зменныя могуць мяняцца з цягам Курс праграмы таксама. 195 00:09:43,820 --> 00:09:46,410 Яны не з'яўляюцца строга тыпізаванай. 196 00:09:46,410 --> 00:09:49,180 Гэта вельмі слаба тыпізаванай. 197 00:09:49,180 --> 00:09:50,820 ОК? 198 00:09:50,820 --> 00:09:54,820 У асноўным вашы зменныя могуць рабіць усё, што яны хочуць, а мы як-то бачыў PHP. 199 00:09:54,820 --> 00:09:59,430 Яны могуць рабіць некаторыя вар'яты рэчы, так важна быць даволі асцярожным. 200 00:09:59,430 --> 00:10:01,200 Імя зменныя таксама. 201 00:10:01,200 --> 00:10:03,450 Калі вы гэтага не зробіце, усё раптам Вы будзеце, як, 202 00:10:03,450 --> 00:10:05,783 "Пачакайце, я думаў, што гэта было радок, і цяпер гэта INT, 203 00:10:05,783 --> 00:10:08,170 і я не зусім упэўнены, што тут адбываецца. " 204 00:10:08,170 --> 00:10:12,410 Так што гэта проста просты прыклад паказваючы, як зменная можаце лёгка 205 00:10:12,410 --> 00:10:15,890 змяніць яго тып па Курс праграмы. 206 00:10:15,890 --> 00:10:16,870 >> ОК. 207 00:10:16,870 --> 00:10:19,200 Так гэта павінна выглядаць супер, супер знаёмыя. 208 00:10:19,200 --> 00:10:21,510 Дык вось нашы завесы ў JavaScript. 209 00:10:21,510 --> 00:10:27,780 Яны сапраўды гэтак жа, за выключэннем Замест чатырох Int я роўная нуля, 210 00:10:27,780 --> 00:10:30,470 мы маглі б проста сказаць, вар я роўная нуля. 211 00:10:30,470 --> 00:10:34,100 І тады мы маглі б у той жа самы выгляд стану, той жа самы выгляд абнаўлення, 212 00:10:34,100 --> 00:10:36,090 я плюс плюс працуе проста выдатна. 213 00:10:36,090 --> 00:10:39,800 Так Чацвёркі ж, whiles такія ж, 214 00:10:39,800 --> 00:10:41,440 і рабіць whiles дакладна тое ж самае. 215 00:10:41,440 --> 00:10:44,070 Тое ж роду агульным фармаце. 216 00:10:44,070 --> 00:10:48,840 Заўважым, чатыры круглыя ​​дужкі, кранштэйны, гэта ўсё тое ж самае. 217 00:10:48,840 --> 00:10:51,470 Таксама будзе коскі калі мы дабяромся да прыкладзе кода. 218 00:10:51,470 --> 00:10:55,250 Вы ўбачыце, што гэта даволі гэтак жа, як у. 219 00:10:55,250 --> 00:10:59,770 >> Для аб'явы функцый, зноў жа, вельмі падобныя. 220 00:10:59,770 --> 00:11:05,100 У нас ёсць некаторыя функцыі, якія проста кажа, што гэта функцыя, а затым 221 00:11:05,100 --> 00:11:07,660 Назва нашай функцыі і ўваходы. 222 00:11:07,660 --> 00:11:11,590 І зноў, калі мы заўважаем, мы не маюць ні аднаго тыпу тут наогул. 223 00:11:11,590 --> 00:11:12,090 Дакладна? 224 00:11:12,090 --> 00:11:18,150 У нас ёсць нічога не кажучы, што гэта павінны быць Інтс або двухмесныя, або паплаўкі. 225 00:11:18,150 --> 00:11:19,530 Яны могуць быць усё, што яны хочуць. 226 00:11:19,530 --> 00:11:23,560 Што важна, так гэта, заўважыўшы, што мы павінны напісаць функцыю загадзя 227 00:11:23,560 --> 00:11:26,430 каб JavaScript ведаем, што гэта на самай справе функцыя. 228 00:11:26,430 --> 00:11:29,820 >> Так што гэта проста некаторыя простыя сума Функцыя, якая вяртае X або Y, 229 00:11:29,820 --> 00:11:33,800 і што тады таксама крута з'яўляецца тое, што вы можаце на самой справе 230 00:11:33,800 --> 00:11:35,950 прызначыць функцыю зменнай. 231 00:11:35,950 --> 00:11:41,770 Такім чынам, у гэтым выпадку, сума цяпер функцыя, якая на самой справе суму. 232 00:11:41,770 --> 00:11:47,740 Так што, калі вы заўважылі, тут, у нас ёсць Функцыя, імя функцыі, ўваходы. 233 00:11:47,740 --> 00:11:48,860 Дакладна? 234 00:11:48,860 --> 00:11:52,120 Тут мы проста функцыі і ўваходы. 235 00:11:52,120 --> 00:11:54,310 Такім чынам, гэта называецца ананімнай функцыяй. 236 00:11:54,310 --> 00:11:59,265 І гэта тое, што павінна быць новым для большасці з вас, хлопцы, калі не ўсё з вас. 237 00:11:59,265 --> 00:12:01,140 Так у асноўным, што гэта азначае, што мы не 238 00:12:01,140 --> 00:12:03,050 трэба імя нашага Функцыя ў гэтым выпадку. 239 00:12:03,050 --> 00:12:06,260 Мы можам проста сказаць: "Добра, я збіраюся маюць гэтую функцыю, якая выконвае, тут 240 00:12:06,260 --> 00:12:08,550 з'яўляюцца яго ўваходы, і вось што ён збіраецца рабіць ". 241 00:12:08,550 --> 00:12:12,540 І асабліва, калі вы прысвойваеце Функцыя некаторай зменнай 242 00:12:12,540 --> 00:12:14,950 што вы збіраецеся кіраваць, Вам не абавязкова 243 00:12:14,950 --> 00:12:17,116 трэба назваць, таму што Вы збіраецеся мець на ўвазе 244 00:12:17,116 --> 00:12:20,990 да яго па гэтай зменнай імя, не тое, што 245 00:12:20,990 --> 00:12:22,840 функцыя была на самай справе называецца. 246 00:12:22,840 --> 00:12:23,550 ОК? 247 00:12:23,550 --> 00:12:27,810 >> Так што, калі мы бачым тут, мы ёсць некаторая пераменная суму зараз 248 00:12:27,810 --> 00:12:30,920 , Што роўна сума трох і пяці гадоў. 249 00:12:30,920 --> 00:12:33,070 І мы б гэта. 250 00:12:33,070 --> 00:12:36,750 І гэта будзе проста ёсць папярэджанне, тры плюс пяць роўна ліку. 251 00:12:36,750 --> 00:12:43,950 Гэта плюс проста аб'яднаць усе наш адказ быў на радок. 252 00:12:43,950 --> 00:12:47,420 Таксама выдатна, плюс можа аб'ядноўваць радка. 253 00:12:47,420 --> 00:12:53,510 >> Для JavaScript, як і PHP, HTML і CSS, як мы ўжо казалі, 254 00:12:53,510 --> 00:12:56,450 Шмат што з гэтага мы накшталт прымаючы навучальныя колы ад тут 255 00:12:56,450 --> 00:13:02,030 і вы, хлопцы, ёсць шмат курсе як на самой справе зразумець гэтыя рэчы. 256 00:13:02,030 --> 00:13:04,280 Яны трохі адрозніваюцца, але яны не настолькі чужыя 257 00:13:04,280 --> 00:13:09,460 і што вы не можаце Google рэчаў або шукаць іх у Інтэрнэце з W3 Schools. 258 00:13:09,460 --> 00:13:12,755 І мы сапраўды чакаем вас хлопцы, накшталт, эксперымент 259 00:13:12,755 --> 00:13:14,400 і вучыцца на свой уласны. 260 00:13:14,400 --> 00:13:19,490 Такім чынам, я ведаю, гэта можа здацца трохі менш старанна, чым некаторыя з гр рэчаў 261 00:13:19,490 --> 00:13:21,936 што мы робім, але гэта на самай справе прычыны. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Але, спадзяюся, гэта не занадта розныя, і гэта не пераважная. 264 00:13:28,470 --> 00:13:31,940 >> Так як масівы ў JavaScript, зноў вельмі, вельмі падобныя. 265 00:13:31,940 --> 00:13:32,460 Дакладна? 266 00:13:32,460 --> 00:13:36,520 У нас ёсць масіў пераменных гэта роўна пустыя дужкі, 267 00:13:36,520 --> 00:13:40,340 і гэта толькі пусты масіў. 268 00:13:40,340 --> 00:13:43,420 Гэта часта называюць Літаральны абазначэння масіў. 269 00:13:43,420 --> 00:13:45,280 Вось толькі адна рэч, мы яе называем. 270 00:13:45,280 --> 00:13:51,380 Калі мы бачым масіў два тут, у нас ёсць некаторыя Літаральны масіў, які складаецца з трох элементаў, 271 00:13:51,380 --> 00:13:51,910 ці не так? 272 00:13:51,910 --> 00:13:54,640 І тады ў нас ёсць некаторыя вар трэці элемент гэта 273 00:13:54,640 --> 00:13:58,060 некаторая пераменная гэта проста збіраецца правесці гэты радок, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Элементы, добрыя заўважыць, падзеленых коскамі, 276 00:14:06,170 --> 00:14:07,740 гэтак жа, як можна было б чакаць. 277 00:14:07,740 --> 00:14:14,630 І вы таксама можаце атрымаць доступ да гэтых, як мы зрабілі у З, з гэтым індэксам пазначэнняў, ці не так? 278 00:14:14,630 --> 00:14:16,950 Так адрозніваецца ад PHP Зараз мы вяртаемся 279 00:14:16,950 --> 00:14:20,180 проста выгляд ўвазе да рэчаў па індэксе. 280 00:14:20,180 --> 00:14:22,189 Гэтак жа, як З, гэта таксама нулявой адзнакі. 281 00:14:22,189 --> 00:14:25,230 Я адчуваю, што гэта будзе на самой справе жорсткі калі яны раптам зрабіў JavaScript аднаго 282 00:14:25,230 --> 00:14:30,630 Індэкс, і вы павінны былі цалкам пераасэнсаваць тое, як вы думаеце, аб масівах. 283 00:14:30,630 --> 00:14:36,140 >> Адна прахалодная рэч у тым, што замест таго, каб do-- калі вы калі-небудзь 284 00:14:36,140 --> 00:14:39,240 хацеў даўжыню масіва, Можа быць, вы ітэрацыі праз яе 285 00:14:39,240 --> 00:14:43,430 пакуль вы не знойдзеце нейкай мэты, або вы б проста ведаць, што гэта такое. 286 00:14:43,430 --> 00:14:49,310 Паколькі JavaScript з'яўляецца вельмі вольным у больш спосабы, чым проста тыпу, як мы бачым, тут, 287 00:14:49,310 --> 00:14:53,310 мы можам толькі зрабіць гэты масіў больш, таму што мы вырашылі. 288 00:14:53,310 --> 00:14:56,177 Калі мы заўважаем, масіў тры мае тры рэчы, каб пачаць, 289 00:14:56,177 --> 00:14:58,510 але потым усё раптам, мы, як: "О, я проста жартую. 290 00:14:58,510 --> 00:15:01,370 Мы на самай справе адбываецца каб зрабіць яго 101 рэчаў ". 291 00:15:01,370 --> 00:15:05,300 Так што калі вы калі-небудзь хацелі ведаць Фактычная даўжыня вашага масіва, 292 00:15:05,300 --> 00:15:06,680 Вы робіце гэта, як гэта. 293 00:15:06,680 --> 00:15:10,470 І мы збіраемся, каб убачыць шмат гэтага абазначэння ў прыкладах, 294 00:15:10,470 --> 00:15:12,730 але з JavaScript гэта, як правіла, тое, што 295 00:15:12,730 --> 00:15:16,410 Аб'ект, вы кажаце пра кропка любога роду функцыі 296 00:15:16,410 --> 00:15:17,740 Вы хочаце выкарыстоўваць з ёй. 297 00:15:17,740 --> 00:15:18,240 ОК? 298 00:15:18,240 --> 00:15:20,520 >> Такім чынам, у гэтым выпадку наша аб'ект з'яўляецца масівам два, 299 00:15:20,520 --> 00:15:23,470 і мы кажам, што хочам Даўжыня масіва два. 300 00:15:23,470 --> 00:15:25,716 Так што гэта проста выклікае як даўжыні на што. 301 00:15:25,716 --> 00:15:27,090 І гэта будзе вярнуць даўжыню. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Таксама што-то трэба адзначыць, што калі мы заўважаем, нашы масівы, 304 00:15:36,790 --> 00:15:39,830 У адрозненне ад C, яны не маюць каб быць усё ж тыпу. 305 00:15:39,830 --> 00:15:41,670 Гэта значна больш падобна на PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript ў асноўным так жа, як Гэта цікава зліваюцца З і PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Такім чынам, мы ўвойдзем у гэта. 309 00:15:52,170 --> 00:15:56,750 У цяперашні час, давайце выкажам здагадку, што вашы масівы ў асноўным 310 00:15:56,750 --> 00:16:00,640 як C масівы, у тым, што яны роўныя нуля індэксуюцца. 311 00:16:00,640 --> 00:16:04,120 ОК, так што гэта ўсё. 312 00:16:04,120 --> 00:16:08,850 Вы таксама можаце проста пашырыць Масіў да таго, што індэкс вы хочаце. 313 00:16:08,850 --> 00:16:14,260 У той час як гэта, верагодна, SEG віна на вас ці даць вам якую-небудзь памылку, 314 00:16:14,260 --> 00:16:15,970 JavaScript, як, "Не, гэта нармальна. 315 00:16:15,970 --> 00:16:16,620 Я атрымаў гэта. 316 00:16:16,620 --> 00:16:19,460 Мы проста ехаць прама дзе вы хочаце ". 317 00:16:19,460 --> 00:16:24,310 >> Такім чынам, аб'екты вельмі важна. 318 00:16:24,310 --> 00:16:29,720 Вы, хлопцы, будзеце выкарыстоўваць шмат з іх у P SET, калі я правільна памятаю. 319 00:16:29,720 --> 00:16:34,780 Так рэчы, што яны з'яўляюцца падобна ў C з'яўляюцца структурамі. 320 00:16:34,780 --> 00:16:39,290 Такім чынам, вы можаце думаць about--, калі мы ідзем да прыкладу права 321 00:16:39,290 --> 00:16:41,810 пасля гэтага я думаю, што гэта зрабіць нашмат больш sense-- 322 00:16:41,810 --> 00:16:45,830 але мы ў асноўным выкарыстоўваць аб'екты ў арганізаваць інфармацыі пра курс звязаныя паміж сабой. 323 00:16:45,830 --> 00:16:47,780 Калі мы гаварылі пра Структуры ў С, мы часта 324 00:16:47,780 --> 00:16:53,405 казаць пра студэнта, які меў нейкае назву, ID, дом, вы ведаеце, канцэнтрацыя. 325 00:16:53,405 --> 00:16:56,030 І гэта свайго роду тое ж самае што мы выкарыстоўваем аб'екты тут. 326 00:16:56,030 --> 00:16:59,300 Гэта проста арганізаваць Аналагічная інфармацыя. 327 00:16:59,300 --> 00:17:03,620 >> Вы таксама можаце думаць пра іх, як больш падобны на асацыятыўныя масівы ў PHP. 328 00:17:03,620 --> 00:17:10,010 Так што гэта будзе свайго роду рэчы дзе ў нас ёсць некаторыя ключавыя з некаторага значэння, 329 00:17:10,010 --> 00:17:12,859 вельмі падобны на PHP. 330 00:17:12,859 --> 00:17:15,780 Такім чынам, вы можаце ініцыялізаваць некаторыя пусты аб'ект, як мы бачым тут, 331 00:17:15,780 --> 00:17:17,390 толькі з фігурныя дужкі. 332 00:17:17,390 --> 00:17:19,160 Так масівы квадратныя дужкі. 333 00:17:19,160 --> 00:17:21,220 Пустыя аб'екты фігурныя дужкі. 334 00:17:21,220 --> 00:17:24,020 Добра адрозненне ёсць. 335 00:17:24,020 --> 00:17:27,319 І гэта толькі два розныя спосабы ўстаноўкі уласцівасцяў. 336 00:17:27,319 --> 00:17:31,460 Так што гэта свайго роду нашмат больш такім чынам, што 337 00:17:31,460 --> 00:17:35,220 падобны на PHP, з нашай асацыятыўныя масівы, з нашымі ключавымі, 338 00:17:35,220 --> 00:17:39,910 і наша каштоўнасць, у той час як Гэта адзін is-- вы будзеце 339 00:17:39,910 --> 00:17:41,920 ўбачыць гэта нашмат больш, у JavaScript. 340 00:17:41,920 --> 00:17:43,550 Гэта, як правіла ўмоўнасць. 341 00:17:43,550 --> 00:17:47,660 І такім жа чынам, што мы зрабілі Масіў двума кропкавымі даўжыня, гэта кажа, 342 00:17:47,660 --> 00:17:51,580 "Добра, дай мне гэта атрыбутаў гэтага аб'екта ". 343 00:17:51,580 --> 00:17:52,110 Дакладна? 344 00:17:52,110 --> 00:17:55,660 Гэтак жа, як гэта было, "дайце мне атрыбут даўжыні масіва два, " 345 00:17:55,660 --> 00:17:59,970 Гэта кажа, "Дай мне трохі ўласцівасць нашага пусты аб'ект ". 346 00:17:59,970 --> 00:18:02,890 Ці ў дадзеным выпадку, мы прызначыўшы яе да некаторага значэння тут. 347 00:18:02,890 --> 00:18:06,200 Але вы таксама можаце атрымаць доступ да яго такім чынам. 348 00:18:06,200 --> 00:18:09,090 >> А потым вось гэта проста паказаны два розных папярэджання. 349 00:18:09,090 --> 00:18:12,320 Так гэта пакажа абвесткі будзе сапраўды такі ж, 350 00:18:12,320 --> 00:18:17,150 гэта проста два розных спосабу доступ да элемента, які мы хочам. 351 00:18:17,150 --> 00:18:19,552 Ці мае гэта сэнс для ўсіх? 352 00:18:19,552 --> 00:18:21,510 Я адчуваю, як гэты Магчыма, мае сэнс, 353 00:18:21,510 --> 00:18:23,270 толькі таму, што мы сыходзіць PHP. 354 00:18:23,270 --> 00:18:26,400 Але, як мы робім больш прыкладаў, гэта літаральна ў дакладнасці тое ж самае. 355 00:18:26,400 --> 00:18:28,170 Шмат гэта проста змяніць у сінтаксісе. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> Такім чынам, прыклады. 358 00:18:33,030 --> 00:18:34,180 Я люблю прыкладаў. 359 00:18:34,180 --> 00:18:40,070 Дык вось некаторыя CS50 Пераменная, з'яўляецца аб'ектам, 360 00:18:40,070 --> 00:18:42,160 і мы захоўваем усё гэта Інфармацыя пра гэта. 361 00:18:42,160 --> 00:18:46,680 Такім чынам, мы маем, вядома, інструктар, TFS, psets, і ў запісе. 362 00:18:46,680 --> 00:18:51,840 Такім чынам, мы заўважылі, гэта амаль усе розных тыпаў. 363 00:18:51,840 --> 00:18:52,340 Дакладна? 364 00:18:52,340 --> 00:18:56,230 Так аб'екты могуць захоўваць атрыбуты розных тыпаў. 365 00:18:56,230 --> 00:19:01,220 Мы можам думаць пра this-- гэта вельмі падобная на нашу асацыятыўнага масіва ў PHP. 366 00:19:01,220 --> 00:19:07,470 Так ключ, значэнне, ключ, значэнне, ключ, значэнне, гэтак далей, і гэтак далей. 367 00:19:07,470 --> 00:19:11,230 Тое, што таксама цікава гэтак жа, што мы можам мець масівы ў масівах, 368 00:19:11,230 --> 00:19:14,690 мы таксама можам мець аб'екты ў аб'екты або масівы ў межах аб'ектаў. 369 00:19:14,690 --> 00:19:18,410 Вы ніколі не сапраўды абмежаваныя проста ні аднаго з рэчаў. 370 00:19:18,410 --> 00:19:24,220 Мы можам атрымаць вельмі Inceptionesque, проста працягвайце спускацца па трусінай нары ёсць. 371 00:19:24,220 --> 00:19:26,080 >> Так што, калі мы заўважаем, мы ёсць курс, які 372 00:19:26,080 --> 00:19:31,120 з'яўляецца радок, інструктар, што гэта радок, і масіў, INT, і Boolean. 373 00:19:31,120 --> 00:19:36,110 Такім чынам, усе гэтыя розныя рэчы. 374 00:19:36,110 --> 00:19:39,600 >> Добра, гэта так, у нас ёсць яшчэ адзін. 375 00:19:39,600 --> 00:19:42,930 Так што ў гэтым выпадку мы маем Масіў аб'ектаў. 376 00:19:42,930 --> 00:19:45,320 Так што проста як аб'ект можа мець масіў ў ім. 377 00:19:45,320 --> 00:19:47,210 Мы таксама можам мець масіў аб'ектаў. 378 00:19:47,210 --> 00:19:51,250 Гэта можа быць карысна думаю аб падобным да выгляду 379 00:19:51,250 --> 00:19:54,260 аб тым, як мы павінны былі хэш стол, мы мелі масіў 380 00:19:54,260 --> 00:19:56,220 з усіх гэтых розных тыпы структур, якія 381 00:19:56,220 --> 00:19:59,070 былі паказальнікі на розныя вузлы і яшчэ шмат чаго. 382 00:19:59,070 --> 00:20:01,420 Але ў дадзеным выпадку, мы ёсць масіў аб'ектаў. 383 00:20:01,420 --> 00:20:04,890 Так што гэта як масіў асацыятыўных масіваў. 384 00:20:04,890 --> 00:20:09,430 Такім чынам, мы маем некаторы першы элемент будзе быць аб'ект з імем Джэймса 385 00:20:09,430 --> 00:20:11,340 і дом Уинтроп. 386 00:20:11,340 --> 00:20:14,780 >> Вы, хлопцы, магчыма, памятаеце, то вельмі падобная да гэтага 387 00:20:14,780 --> 00:20:21,710 з вашага апошняга PSET, дзе, калі вы выцягнуў нешта з вашай базы дадзеных, 388 00:20:21,710 --> 00:20:24,480 сартаваць па рэч у вашым масіве быў 389 00:20:24,480 --> 00:20:27,110 ўсю інфармацыю аб Першы карыстальнік, які сустрэўся з ім, 390 00:20:27,110 --> 00:20:30,765 і тады вы мелі ў якасці індэкса ў тым, што каб атрымаць свае акцыі або іх кэш 391 00:20:30,765 --> 00:20:32,110 ці яшчэ шмат чаго. 392 00:20:32,110 --> 00:20:34,620 Такім чынам, гэта вельмі гэтак жа, самае, толькі крыху змяніць 393 00:20:34,620 --> 00:20:39,570 у сінтаксісе, змена трохі ў словы, якія мы выкарыстоўваем для апісання іх. 394 00:20:39,570 --> 00:20:45,960 >> Так што, калі мы хацелі, можа хто-небудзь сказаць мне, што гэтае папярэджаньне будзе рабіць тут? 395 00:20:45,960 --> 00:20:48,780 Ці тое, што гэта крыху код будзе зрабіць для нас? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 АЎДЫТОРЫЯ: Гэта дасць вам усё імёны. 398 00:20:52,616 --> 00:20:54,900 АЛЛИСОН Бухгольц-AU: справа, дык гэта тое, проста папярэдзіць усіх імёнаў 399 00:20:54,900 --> 00:20:57,960 таму што яна будзе ісці праз Катэдж я, так што было б пачаць з нуля. 400 00:20:57,960 --> 00:21:01,330 Так было б казаць, ОК мы шукаем у гэтым першы аб'ект, які 401 00:21:01,330 --> 00:21:03,210 першы слот ў масіве. 402 00:21:03,210 --> 00:21:06,900 І гэта кажа: "Дайце мне атрыбутаў, імя гэтага аб'екта ". 403 00:21:06,900 --> 00:21:09,030 Так мы ідзем сюды, мы б сканавання, мы знойдзем імя, 404 00:21:09,030 --> 00:21:11,340 і мы раздрукаваць Джэймс, Молі, і Карл. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Ёсць пытанні да гэтага часу? 407 00:21:15,799 --> 00:21:17,590 JavaScript, на жаль, Вы будзеце 408 00:21:17,590 --> 00:21:20,950 рабіць шмат глядзець на вашых самастойна, высветліць, сінтаксіс, 409 00:21:20,950 --> 00:21:21,910 змагаецца з ім. 410 00:21:21,910 --> 00:21:25,870 Але, вядома, я заўсёды тут, Прыёмныя гадзіны заўсёды тут. 411 00:21:25,870 --> 00:21:28,260 Я мог бы быць па аўторках на гэтым тыдні. 412 00:21:28,260 --> 00:21:31,050 Так што, калі вы там, вы можаце прыйсці наведаць мяне на гэтым тыдні. 413 00:21:31,050 --> 00:21:32,470 Гэта было б выдатна. 414 00:21:32,470 --> 00:21:36,260 >> Такім чынам, DOM з'яўляецца дакумент-Object Model. 415 00:21:36,260 --> 00:21:38,900 Так што гэта проста спосаб што нам падабаецца думаць, 416 00:21:38,900 --> 00:21:45,720 Пра тое, як наш HTML і ўсе ўнутры, яна арганізавана. 417 00:21:45,720 --> 00:21:49,930 Гэта вельмі шмат тое, што верагодна, прыйсці на вашым віктарыны. 418 00:21:49,930 --> 00:21:58,150 Я ведаю, што мой год, гэта было як вось HTML-файл, запоўніць DOM для яго. 419 00:21:58,150 --> 00:21:59,770 І вы проста запоўніць у дробязях. 420 00:21:59,770 --> 00:22:01,500 Яны павінны быць лёгка кропак з надзеяй. 421 00:22:01,500 --> 00:22:03,450 Спадзяюся, вы see-- 422 00:22:03,450 --> 00:22:04,590 >> АЎДЫТОРЫЯ: [неразборліва] 423 00:22:04,590 --> 00:22:06,660 >> АЛЛИСОН Бухгольц-AU: Так Вы бачыце гэта дрэва тут? 424 00:22:06,660 --> 00:22:07,200 >> АЎДЫТОРЫЯ: Так. 425 00:22:07,200 --> 00:22:08,949 >> АЛЛИСОН Бухгольц-AU: Такім чынам, яны будуць прасіць выкарыстанне 426 00:22:08,949 --> 00:22:11,750 запоўніць тое, што адбываецца пад целам. 427 00:22:11,750 --> 00:22:15,770 Можа быць пад целам, мы маем некаторых дзівы або ў нас ёсць некаторыя пункты, 428 00:22:15,770 --> 00:22:19,160 і мы просім вас запоўніць дрэва вельмі падобна на тое. 429 00:22:19,160 --> 00:22:21,440 Такім чынам, мы будзем хадзіць праз яго. 430 00:22:21,440 --> 00:22:26,120 Так Дакумент-Object Мадэль проста спосаб 431 00:22:26,120 --> 00:22:31,240 структураваць і думаю, аб нашай HTML графічна. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 А таксама, калі мы атрымліваем ў больш JavaScript, 434 00:22:35,840 --> 00:22:37,640 гэта будзе так, што мы на самай справе 435 00:22:37,640 --> 00:22:39,990 маніпуляваць рознымі элементы на старонцы. 436 00:22:39,990 --> 00:22:43,980 Нам патрэбны спосаб, каб атрымаць доступ сябар рэчаў у нашай HTML, 437 00:22:43,980 --> 00:22:48,050 і так што гэта дае нам вельмі бетон стандартны спосаб 438 00:22:48,050 --> 00:22:51,010 у розных вэб-старонак, каб зрабіць гэта. 439 00:22:51,010 --> 00:22:53,440 >> Так што, калі мы проста прайсці праз гэта тут, вядома 440 00:22:53,440 --> 00:22:56,790 наш дакумент як увесь наш файл. 441 00:22:56,790 --> 00:22:59,350 Гэта, відавочна, мае сэнс што гэта самае высокае, 442 00:22:59,350 --> 00:23:03,520 і тады мы маем рэальную HTML, што адпавядае гэтай пазнацы тут. 443 00:23:03,520 --> 00:23:08,480 Таксама, калі вы ў абзацы вашыя пазнакі належным чынам, то стварэнне гэтага дрэва DOM 444 00:23:08,480 --> 00:23:10,530 становіцца супер проста. 445 00:23:10,530 --> 00:23:12,400 Такім чынам, мы маем некаторыя галовы тут. 446 00:23:12,400 --> 00:23:15,780 У нас ёсць цела, мы бачым ствалавых оф HTML, 447 00:23:15,780 --> 00:23:18,530 які з'яўляецца, чаму мы павінны галаву і цела. 448 00:23:18,530 --> 00:23:22,880 У галаве, у нас ёсць некаторыя Тэг загалоўка, тэг загалоўка канец, 449 00:23:22,880 --> 00:23:24,570 так што мы ведаем, што ідзе пасля галавы. 450 00:23:24,570 --> 00:23:28,040 І ў нашай тэг загалоўка, у нас ёсць Hello, World. 451 00:23:28,040 --> 00:23:28,740 ОК? 452 00:23:28,740 --> 00:23:31,311 Так вось уся гэтая левая рука філіял. 453 00:23:31,311 --> 00:23:34,060 А потым правай галіны тут, мы бачым, што ў нас ёсць HTML, 454 00:23:34,060 --> 00:23:38,680 ОК, мы зрабілі гэта галаўны частка, мы шукаем толькі на цела, 455 00:23:38,680 --> 00:23:40,670 таму мы маем некаторыя вобласці цела. 456 00:23:40,670 --> 00:23:44,350 І ў тым, што толькі што ў нас ёсць, прывітанне, свет. 457 00:23:44,350 --> 00:23:45,090 ОК? 458 00:23:45,090 --> 00:23:54,130 Калі б мы мелі нешта накшталт некаторыя кранштэйны р, а затым 459 00:23:54,130 --> 00:23:57,500 прывітанне, свет, а потым яшчэ Кранштэйны р спаткання, свет, 460 00:23:57,500 --> 00:24:00,080 мы павінны былі б два бурбалкі сходзіць тут. 461 00:24:00,080 --> 00:24:05,550 Таму што яны абодва пад целам, але яны асобныя пункты гэтай справы. 462 00:24:05,550 --> 00:24:11,520 Існуе, безумоўна, практыка на што ў папярэдніх віктарын, 463 00:24:11,520 --> 00:24:14,570 а таксама вялікім онлайн на ёй. 464 00:24:14,570 --> 00:24:18,260 Добра, такім чынам, гэта толькі дазваляе Паглядзім, усё прыгожа 465 00:24:18,260 --> 00:24:20,810 і маніпуляваць рэчы вельмі сістэматычна. 466 00:24:20,810 --> 00:24:21,340 ОК? 467 00:24:21,340 --> 00:24:23,640 Мы дакладна ведаем, як прайсці праз гэта дрэва, 468 00:24:23,640 --> 00:24:26,910 так што мы ведаем, што мы хочам атрымаць доступ. 469 00:24:26,910 --> 00:24:31,690 >> ОК, так што гэта, чаму мы хочам мець такую ​​мадэль, 470 00:24:31,690 --> 00:24:35,190 так што мы можам выкарыстоўваць рэчы, як гэта, і мы разумеем, што яны азначаюць, 471 00:24:35,190 --> 00:24:38,370 і яны стандартызаваны ўсіх рэчаў, якія мы робім. 472 00:24:38,370 --> 00:24:45,900 Так дакуменце кропка назву толькі Назва our-- ўсе з іх 473 00:24:45,900 --> 00:24:48,960 даволі зразумелыя, Мне падабаецца думаць. 474 00:24:48,960 --> 00:24:51,660 Так першыя тры прыклады проста кажу, 475 00:24:51,660 --> 00:24:54,770 "Добра, дайце мне Назва гэтай вэб-старонцы ". 476 00:24:54,770 --> 00:24:58,030 Так гэта дасць вам тое, што адпавядае назве. 477 00:24:58,030 --> 00:25:01,880 >> Дакумент кропка цела будзе даць вам усё, што ў гэтых тэгаў цела. 478 00:25:01,880 --> 00:25:03,240 Такім чынам, вы можаце кіраваць гэтым. 479 00:25:03,240 --> 00:25:07,820 І кропка цела дакумента кропка увядзіце HTML з'яўляецца вельмі класны, 480 00:25:07,820 --> 00:25:11,660 і, магчыма, не падобны на супер Інтуітыўна зразумелы, але ўнутраная HTML 481 00:25:11,660 --> 00:25:13,740 адпавядае гэтаму прама тут. 482 00:25:13,740 --> 00:25:17,410 Так што калі вы калі-небудзь хацелі маніпуляваць тэксту на старонцы, 483 00:25:17,410 --> 00:25:22,700 як правіла, вы збіраецеся рабіць што-то з целам кропка ўнутранай HTML. 484 00:25:22,700 --> 00:25:23,820 ОК? 485 00:25:23,820 --> 00:25:31,341 Так ўнутраная HTML, як правіла, ставяцца да што на самой справе паміж гэтымі тэгамі. 486 00:25:31,341 --> 00:25:31,840 ОК? 487 00:25:31,840 --> 00:25:33,020 І тады карысныя функцыі. 488 00:25:33,020 --> 00:25:40,390 Так што, калі вы хочаце атрымаць любы з іх, любы элемент, 489 00:25:40,390 --> 00:25:43,140 у нас ёсць некаторыя Id, клас імя, або імя тэга. 490 00:25:43,140 --> 00:25:47,100 Гэта вельмі падобна на рэчы, якія мы зрабілі з CSS, ці не так? 491 00:25:47,100 --> 00:25:51,360 Дзе ў нас ёсць некаторыя селектары, якія адпавядаюць альбо тэга, клас 492 00:25:51,360 --> 00:25:53,800 што мы даем ім, ці Id. 493 00:25:53,800 --> 00:25:55,310 Гэта вельмі дакладна гэтак жа. 494 00:25:55,310 --> 00:26:00,720 Калі ў вас ёсць што-тое, што мае клас сабакі, 495 00:26:00,720 --> 00:26:05,800 а вы кажаце, атрымаць элементы па імя тэга, і вы паклалі сабаку ў there-- або прабачце, 496 00:26:05,800 --> 00:26:06,610 Імя класа. 497 00:26:06,610 --> 00:26:07,770 Вы можаце паставіць кропку ў там. 498 00:26:07,770 --> 00:26:11,780 Гэта будзе вярнуць усе тыя, элементы для вас, што гэты клас. 499 00:26:11,780 --> 00:26:13,880 Такім чынам, вы можаце кіраваць толькі тым ,. 500 00:26:13,880 --> 00:26:18,430 Такім жа чынам, можа быць, вы проста хачу працаваць з некаторымі загаловак, так 501 00:26:18,430 --> 00:26:20,980 некаторыя загаловак h1, як мы зрабілі. 502 00:26:20,980 --> 00:26:24,900 Вы можаце зрабіць атрымаць элементы па тэгу імя, таму што h1 з'яўляецца імя тэга. 503 00:26:24,900 --> 00:26:29,270 І такім жа чынам, калі вы хочаце атрымаць некаторыя унікальныя рэчы, вы можаце зрабіць атрымаць пазнаку. 504 00:26:29,270 --> 00:26:31,100 Атрымаць элемент, Id. 505 00:26:31,100 --> 00:26:32,710 І яны на самой справе шмат з іх. 506 00:26:32,710 --> 00:26:36,300 Гэта толькі, як тры вельмі шмат. 507 00:26:36,300 --> 00:26:39,600 Так што, калі вы ідзяце ў Інтэрнэце, а Я збіраюся заахвочваць 508 00:26:39,600 --> 00:26:45,342 ад вас, і рабіць некаторыя даследаванні па сваім меркаванні, 509 00:26:45,342 --> 00:26:48,450 Я вызначана рэкамендую зазіраючы ва ўсе з іх. 510 00:26:48,450 --> 00:26:50,880 Яны могуць быць супер карысна, асабліва калі 511 00:26:50,880 --> 00:26:57,180 Вы хочаце, каб проста нейкая маніпуляваць вельмі канкрэтныя рэчы, не маючы 512 00:26:57,180 --> 00:27:00,390 каб прайсці і паспрабаваць каб разабраць ўсё. 513 00:27:00,390 --> 00:27:03,540 >> Такім чынам, апошняя рэч, з'яўляецца JavaScript падзеі. 514 00:27:03,540 --> 00:27:10,730 Таму, калі я кажу раней аб пераходзе на вэб-сайце, 515 00:27:10,730 --> 00:27:14,340 і калі вы навядзіце курсор мышы на нешта, ці ваш навядзенні паказальніка мышы на нешта, 516 00:27:14,340 --> 00:27:15,420 што-то яшчэ адбываецца. 517 00:27:15,420 --> 00:27:17,900 Гэта тое, што мы хацелі б думаць аб якасці падзеі. 518 00:27:17,900 --> 00:27:23,970 Такім чынам, што мы маем, якія могуць быць карысным тут OnClick. 519 00:27:23,970 --> 00:27:29,140 Так што мой быў на рэжыме висения, якія, я упэўнены, гэта толькі на рэжыме висения. 520 00:27:29,140 --> 00:27:31,300 Таксама тона з іх што вы можаце шукаць. 521 00:27:31,300 --> 00:27:34,340 Там-лайн ўвесь спіс з розных рэчаў 522 00:27:34,340 --> 00:27:37,130 што вы можаце слухаць. 523 00:27:37,130 --> 00:27:41,220 >> Але падзеі JavaScript з'яўляюцца у асноўным толькі ў адказ на рэчы 524 00:27:41,220 --> 00:27:42,430 што ваш карыстальнік робіць. 525 00:27:42,430 --> 00:27:42,930 Дакладна? 526 00:27:42,930 --> 00:27:45,220 Так што ваш карыстальнік робіць тое, што гэта падзея, 527 00:27:45,220 --> 00:27:48,340 і JavaScript будзе адказваць Аднак вы хочаце, каб яна. 528 00:27:48,340 --> 00:27:49,770 Ён будзе рэагаваць адпаведным чынам. 529 00:27:49,770 --> 00:27:54,630 Так што ў гэтым выпадку мы маем некаторыя вокны кропка OnLoad. 530 00:27:54,630 --> 00:27:57,170 Дык што ж гэта кажа, "чакаць пакуль загружаецца акно гадоў ". 531 00:27:57,170 --> 00:27:57,780 ОК? 532 00:27:57,780 --> 00:28:02,102 Так, калі ўсе загружана, OnLoad, то вы можаце выканаць гэтую функцыю. 533 00:28:02,102 --> 00:28:03,810 Так калі ўсе загружаны, вы збіраецеся 534 00:28:03,810 --> 00:28:07,760 мець некаторую кнопку пошуку што атрымлівае элемент, Id, 535 00:28:07,760 --> 00:28:13,740 і ён друкуе усё, што элемент, як кнопкі Пошук. 536 00:28:13,740 --> 00:28:17,050 А то ў нас гэтую зменную, мы кажам: "Добра, OnClick." 537 00:28:17,050 --> 00:28:20,390 Таму, калі мы чуем пстрычка на кнопку Пошук, 538 00:28:20,390 --> 00:28:23,990 выканаць гэтую функцыю, якая папярэджанне, вы націснулі на кнопку Пошук. 539 00:28:23,990 --> 00:28:28,910 >> Так што ж адбываецца is-- гэта прыемна трохі графічнае прадстаўленне тут. 540 00:28:28,910 --> 00:28:31,480 Такім чынам, нашы загрузцы дакумента, гэта наша OnLoad, 541 00:28:31,480 --> 00:28:34,340 мы знаходзім Пошук Кнопка, якая заключаецца ў наступным. 542 00:28:34,340 --> 00:28:36,570 Мы шукаем для нашага кнопку пошуку. 543 00:28:36,570 --> 00:28:40,790 А потым, калі кнопка пошуку націснуў, яно адпавядае прама тут. 544 00:28:40,790 --> 00:28:41,980 OnClick. 545 00:28:41,980 --> 00:28:47,300 Тады мы, нарэшце, папярэдзіць нашага карыстальніка, што гэта апошняя радок тут. 546 00:28:47,300 --> 00:28:48,250 ОК? 547 00:28:48,250 --> 00:28:52,960 Такім чынам, кожны з гэтых чатырох крокаў проста адпавядае чатыром скрынкі 548 00:28:52,960 --> 00:28:55,031 там на дне. 549 00:28:55,031 --> 00:28:56,405 Ці мае гэта сэнс для ўсіх? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> І тады адзінае, што я буду проста кажучы вельмі, вельмі коратка, што я 552 00:29:05,200 --> 00:29:08,660 заахвочваць вас, хлопцы, паглядзіце больш у гэта 553 00:29:08,660 --> 00:29:13,210 JQuery, які знаходзіцца ўсяго ў бібліятэцы які пабудаваны на вяршыні JavaScript. 554 00:29:13,210 --> 00:29:16,480 Гэта супер карысна, так як з большасцю бібліятэк. 555 00:29:16,480 --> 00:29:18,320 Ёсць шмат функцый. 556 00:29:18,320 --> 00:29:21,930 Так што калі ёсць калі-небудзь што-то, што Вы хочаце зрабіць у JavaScript, 557 00:29:21,930 --> 00:29:24,880 Ваш першы інстынкт не павінна быць думаць 558 00:29:24,880 --> 00:29:27,340 з ", якія функцыі павінны Я код? "Яна павінна быць, 559 00:29:27,340 --> 00:29:29,560 "Дазвольце мне бачыць каго-то гэта ўжо зрабілі гэта для мяне ". 560 00:29:29,560 --> 00:29:32,800 Таму што ў дзевяці выпадках з дзесяці, хто-то зрабіў гэта ўжо, 561 00:29:32,800 --> 00:29:35,760 і яны, верагодна, зрабілі гэта лепш. 562 00:29:35,760 --> 00:29:39,990 Людзі марнуюць шмат часу на выкананне гэтых, і JavaScript вельмі шырока выкарыстоўваецца, 563 00:29:39,990 --> 00:29:42,810 так што людзі пастаянна спрабуючы зрабіць яго лепш. 564 00:29:42,810 --> 00:29:47,110 І JQuery мае шмат функцый што, верагодна, будзе карысным для вас 565 00:29:47,110 --> 00:29:50,470 у канчатковым праекце, калі вы рабіць што-небудзь з вэб-дызайну. 566 00:29:50,470 --> 00:29:53,480 Як я люблю казаць, "праца разумнейшы, а не больш. " 567 00:29:53,480 --> 00:29:57,130 Калі вы, хлопцы, што гэта будзе выдатна. 568 00:29:57,130 --> 00:30:00,330 Калі мы знаходзімся ў Hackathon я не хачу, каб вы ўсё акцэнтаваў. 569 00:30:00,330 --> 00:30:03,600 Я хачу, каб вы, як, "я атрымаў гэта. JQuery атрымаў маю спіну. 570 00:30:03,600 --> 00:30:05,790 Мне не трэба, каб напісаць гэтыя функцыі ". 571 00:30:05,790 --> 00:30:07,636 >> Так што проста дзве рэчы памятаеце, што я збіраюся 572 00:30:07,636 --> 00:30:10,220 каб вы, хлопцы, выглядаюць больш у JQuery па сваім меркаванні. 573 00:30:10,220 --> 00:30:13,070 Усё, што я збіраюся сказаць, гэта робіць некаторыя даволі дзіўныя рэчы 574 00:30:13,070 --> 00:30:15,220 і можа зрабіць вашу жыццё нашмат прасцей. 575 00:30:15,220 --> 00:30:17,150 Але тое, што вы хочаце мець гэта любы файл, 576 00:30:17,150 --> 00:30:21,020 што вы збіраецеся выкарыстоўваць яго, Вы збіраецеся хачу, каб гэтыя два радкі. 577 00:30:21,020 --> 00:30:25,630 Вы будзеце жадаць Сцэнар JS JQuery кропак JS. 578 00:30:25,630 --> 00:30:28,500 А на самай справе ваш крыніца будзе некаторыя URL. 579 00:30:28,500 --> 00:30:35,870 Калі вы Google JQuery, Google на самай справе прымае ўсе файлы для вас. 580 00:30:35,870 --> 00:30:38,950 Такім чынам, вы вызначана хочаце, каб ўваход, які URL замест. 581 00:30:38,950 --> 00:30:41,130 Я проста паклаў гэта тут для прастаты. 582 00:30:41,130 --> 00:30:45,180 Усё гэта азначае, дзе Тут вы знойдзеце бібліятэку JQuery. 583 00:30:45,180 --> 00:30:48,600 Гэта масіўны, так што вы не хочаце размясціць яго на вашым кампутары 584 00:30:48,600 --> 00:30:53,390 калі вы можаце пазбегнуць яго, таму мы як правіла, проста пакласці ў URL Google аб тым, што 585 00:30:53,390 --> 00:30:55,880 прымае ўсе гэтыя файлы для вас. 586 00:30:55,880 --> 00:30:56,380 ОК? 587 00:30:56,380 --> 00:30:58,850 Вы Google гэта, я абяцаю ён будзе там. 588 00:30:58,850 --> 00:31:01,200 >> А потым усё JavaScript-файл, які вы 589 00:31:01,200 --> 00:31:07,150 выкарыстоўваючы, так што гэта проста нейкая знешняя JavaScript-файл, які вы выкарыстоўваеце. 590 00:31:07,150 --> 00:31:11,570 Такім жа чынам, што мы звязваем з нашай дапамогай CSS файлы, гэта ж родзе. 591 00:31:11,570 --> 00:31:15,480 Гэта толькі спасылкі на файл дзе ваш JavaScript ёсць. 592 00:31:15,480 --> 00:31:18,970 І ў мяне ёсць некалькі прыкладаў з простым JavaScript. 593 00:31:18,970 --> 00:31:20,220 Такім чынам, мы будзем ісці праз яго. 594 00:31:20,220 --> 00:31:27,230 І тады ў індэксе JavaScript, які з'яўляецца вашым JavaScript файл тут, 595 00:31:27,230 --> 00:31:30,900 гэта накшталт абгорткі што ў вас ёсць для JQuery. 596 00:31:30,900 --> 00:31:33,860 Ты амаль 99,9 адсоткаў часу збіраецца 597 00:31:33,860 --> 00:31:36,800 мець гэта ў вашым index.js файла. 598 00:31:36,800 --> 00:31:40,010 Таму што тое, што гэта кажа ў тым, "Нічога не выконваць 599 00:31:40,010 --> 00:31:43,480 пакуль ваш дакумент не з'яўляецца на самой справе гатовы ", які з'яўляецца менавіта тое, што вы хочаце. 600 00:31:43,480 --> 00:31:46,600 Таму што, калі ваш дакумент не гатовы, і JQuery пачынае рабіць рэчы, 601 00:31:46,600 --> 00:31:48,020 гэта проста бардак. 602 00:31:48,020 --> 00:31:50,480 Такім чынам, вы заўсёды хочаце, каб гэты абгортку. 603 00:31:50,480 --> 00:31:55,760 А потым рэчы, якія ідуць туды, я пакінем уласнай праглядаючы вашы хлопцы. 604 00:31:55,760 --> 00:32:04,610 >> Такім чынам, ёсць якія-небудзь пытанні права Зараз аб JavaScript ў цэлым? 605 00:32:04,610 --> 00:32:07,420 Або мадэль DOM? 606 00:32:07,420 --> 00:32:10,780 Калі няма, у нас ёсць які-небудзь класны Прыклады, якія мы можам прайсці, 607 00:32:10,780 --> 00:32:13,120 што вы, хлопцы, можаце дапамагчы мне код. 608 00:32:13,120 --> 00:32:15,877 Але я таксама будзе супер прыгожа, і калі вы 609 00:32:15,877 --> 00:32:17,960 не хачу, каб нешта сказаць Для іх гэта нармальна. 610 00:32:17,960 --> 00:32:20,510 Я таксама магу проста даць вам прыклады. 611 00:32:20,510 --> 00:32:24,581 Але нічога на PowerPoint, перш чым мы пяройдзем? 612 00:32:24,581 --> 00:32:25,080 Крута. 613 00:32:25,080 --> 00:32:26,990 >> Я адчуваю, што вы, хлопцы, павінны энергіі. 614 00:32:26,990 --> 00:32:31,516 Так што я думаю, што мы збіраемся пачаць з маёй Напрыклад партыйнай першую чаргу. 615 00:32:31,516 --> 00:32:33,390 У нас ёсць тры прыклады, ў вас ёсць выбар. 616 00:32:33,390 --> 00:32:37,720 Такім чынам, мы маем гадзіны, куды мы ідзем ажыццявіць фактычны гадзіны, якія гадоў 617 00:32:37,720 --> 00:32:41,430 буду абнаўляць, як праходзіць час. 618 00:32:41,430 --> 00:32:43,310 У нас ёсць вялікі функцыі Twitter. 619 00:32:43,310 --> 00:32:44,560 This-- вы ведаеце, што, трымайся. 620 00:32:44,560 --> 00:32:47,220 Мы збіраемся зрабіць гэта сысці. 621 00:32:47,220 --> 00:32:47,950 Bam. 622 00:32:47,950 --> 00:32:49,060 ОК. 623 00:32:49,060 --> 00:32:56,132 >> У нас ёсць вялікі функцыі Twitter тут, that-- Я ведаю, правільна? 624 00:32:56,132 --> 00:32:57,090 Гэта будзе выдатна. 625 00:32:57,090 --> 00:32:58,350 Рады вам, хлопцы? 626 00:32:58,350 --> 00:33:01,170 Вось што адбываецца, каб падлічыць колькасць сімвалаў, якія вы пакінулі, 627 00:33:01,170 --> 00:33:04,520 так што калі я друкую прама зараз, Відавочна, ён па-ранейшаму кажа 140, 628 00:33:04,520 --> 00:33:06,190 але мы ведаем, што гэта не так. 629 00:33:06,190 --> 00:33:08,570 А потым з нашай апошняй тут, націсніце тут, каб святкаваць. 630 00:33:08,570 --> 00:33:12,150 Што адбудзецца, калі мы націскаем, фон гадоў 631 00:33:12,150 --> 00:33:13,340 збіраецца мяняць колеру. 632 00:33:13,340 --> 00:33:17,060 Так што вы, хлопцы, ёсць свае варыянты што вы хочаце зрабіць у першую чаргу. 633 00:33:17,060 --> 00:33:19,800 Я абяцаю, што вазьму яго вельмі лёгка на вас. 634 00:33:19,800 --> 00:33:22,680 Я адчуваю, што ўсё быццам проста вельмі нізкі ключ сёння. 635 00:33:22,680 --> 00:33:25,540 Так што я буду хадзіць вам, як мы будзем ажыццяўляць усе гэтыя. 636 00:33:25,540 --> 00:33:28,520 Калі вы хочаце, каб тэлефанаваць у, гэта выдатна, але я 637 00:33:28,520 --> 00:33:30,020 адчуваю, што ўсё гэта трохі стаміўся. 638 00:33:30,020 --> 00:33:32,970 Так што я буду проста хадзіць вас гэтыя прыклады. 639 00:33:32,970 --> 00:33:35,015 У нас ёсць тое, што мы хацелі б зрабіць у першую чаргу? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Хто-небудзь? 642 00:33:39,475 --> 00:33:41,350 Няма перавагі? 643 00:33:41,350 --> 00:33:41,867 ОК. 644 00:33:41,867 --> 00:33:42,450 Ведаеш што? 645 00:33:42,450 --> 00:33:43,290 Мы на баку. 646 00:33:43,290 --> 00:33:48,380 Я адчуваю, што вы, хлопцы, трэба little-- Такім чынам, мы зробім бок за адзін першы. 647 00:33:48,380 --> 00:33:48,880 ОК. 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> Такім чынам, што мы маем here-- гэта не павінны быць там. 650 00:33:56,930 --> 00:33:57,910 Зараз гэта добра. 651 00:33:57,910 --> 00:33:59,810 ОК. 652 00:33:59,810 --> 00:34:03,110 Такім чынам, што мы маем тут справу толькі просты HTML старонкі 653 00:34:03,110 --> 00:34:07,840 што вы, хлопцы павінны ўсё быць супер знаёмыя з вашых апошніх двух psets. 654 00:34:07,840 --> 00:34:10,212 у нас ёсць тып дакумента тут. 655 00:34:10,212 --> 00:34:10,920 Можа ўсё бачаць? 656 00:34:10,920 --> 00:34:11,420 ОК. 657 00:34:11,420 --> 00:34:12,560 Крута. 658 00:34:12,560 --> 00:34:13,900 У нас ёсць HTML відавочна. 659 00:34:13,900 --> 00:34:18,360 У нас ёсць загаловак, які з'яўляецца звязаная з табліцай стыляў, што 660 00:34:18,360 --> 00:34:21,420 толькі што зрабіў мой шрыфт прыгожы і вялікі і тоўсты. 661 00:34:21,420 --> 00:34:23,489 Так што не турбуйцеся пра гэта. 662 00:34:23,489 --> 00:34:26,437 >> У нас ёсць цела з Id фон, ОК? 663 00:34:26,437 --> 00:34:28,520 Таму што мы збіраемся быць змяненне фону. 664 00:34:28,520 --> 00:34:31,964 Таму, калі мы мяняем фон нашага цела, 665 00:34:31,964 --> 00:34:35,965 мы памятаем з два тыдні таму калі мы маем справу з вэб-старонак. 666 00:34:35,965 --> 00:34:36,840 Так добра, што гэта. 667 00:34:36,840 --> 00:34:39,270 І ў нас ёсць некаторыя Id роўны партыю. 668 00:34:39,270 --> 00:34:43,909 Гэта ч Ref фунт проста азначае, што гэта будзе ісці ў той жа старонцы. 669 00:34:43,909 --> 00:34:47,120 І націсніце тут, каб святкаваць, які з'яўляецца, чаму, калі мы націскаем яе, 670 00:34:47,120 --> 00:34:48,940 ён павінен змяніць колер, на шчасце. 671 00:34:48,940 --> 00:34:54,322 >> А то ў нас некаторы скрыпт тут проста звязаны з гэтай партыі кропкавых JS 672 00:34:54,322 --> 00:34:58,100 файл, які пусты, таму што мы яшчэ нічога не зроблена. 673 00:34:58,100 --> 00:35:00,450 І гэта так сумна. 674 00:35:00,450 --> 00:35:06,100 Але вельмі хутка, яна будзе мяняцца колеру, і гэта будзе дзіўным. 675 00:35:06,100 --> 00:35:10,520 >> Так што я проста буду хадзіць вам, хлопцы, з тым, як мы маглі б падысці да гэтага. 676 00:35:10,520 --> 00:35:14,030 Так першае, што мы маглі б зрабіць, 677 00:35:14,030 --> 00:35:18,050 Калі мы мяняем фон цела, першае, што мы маглі б 678 00:35:18,050 --> 00:35:22,730 зрабіць, гэта на самай справе захапіць што цела, ці не так? 679 00:35:22,730 --> 00:35:27,690 Таму мы хочам, каб мець суму, наша фон, і, калі вы заўважылі, 680 00:35:27,690 --> 00:35:29,567 Я проста аўтаматычна проста пачаць друкаваць. 681 00:35:29,567 --> 00:35:32,400 Там няма нічога асаблівага, што мы трэба зрабіць для нашых файлаў JavaScript. 682 00:35:32,400 --> 00:35:35,820 Я магу пачаць абвяшчэнні зменных, і аб'явіць выпадковых функцый. 683 00:35:35,820 --> 00:35:38,110 І гэта значна больш вольнай форме. 684 00:35:38,110 --> 00:35:41,930 Гэта як з C, мы далі вам усё Гэтыя жорсткія правілы, і вы выраслі, 685 00:35:41,930 --> 00:35:43,220 так што мы быццам бы, "ісці наперад. 686 00:35:43,220 --> 00:35:44,000 Быць свабодным. 687 00:35:44,000 --> 00:35:44,870 Рабіце тое, што вы хочаце ". 688 00:35:44,870 --> 00:35:46,280 І вось што JavaScript ёсць. 689 00:35:46,280 --> 00:35:48,390 Такім чынам, мы маем некаторы досвед тут. 690 00:35:48,390 --> 00:35:55,900 З нашай мадэлі DOM, мы ведаем, можа зрабіць дакумент кропка атрымаць элемент, 691 00:35:55,900 --> 00:36:00,290 і калі мы заўважаем тут, наша цела мае свой ідэнтыфікатар. 692 00:36:00,290 --> 00:36:00,930 Дакладна? 693 00:36:00,930 --> 00:36:06,310 Такім чынам, мы можам зрабіць атрымаць дакумент, Id, а вось проста. 694 00:36:06,310 --> 00:36:08,295 Што наша Id, што мы хочам тут? 695 00:36:08,295 --> 00:36:09,170 АЎДЫТОРЫЯ: Background. 696 00:36:09,170 --> 00:36:11,280 АЛЛИСОН Бухгольц-AU: Background. 697 00:36:11,280 --> 00:36:12,230 Ідэальна падыходзіць. 698 00:36:12,230 --> 00:36:14,250 І кропку з коскі ў канцы. 699 00:36:14,250 --> 00:36:15,610 Гэта яшчэ не сышоў. 700 00:36:15,610 --> 00:36:17,330 Вы па-ранейшаму патрэбны вашы коскі. 701 00:36:17,330 --> 00:36:17,830 ОК. 702 00:36:17,830 --> 00:36:19,690 Дык вось наша першая. 703 00:36:19,690 --> 00:36:23,880 І калі мы націскаем што-то, мы хочаце нешта здарыцца, праўда? 704 00:36:23,880 --> 00:36:28,270 Такім чынам, мы, магчыма, захочаце некаторая пераменная што чакае за клік. 705 00:36:28,270 --> 00:36:32,410 Тое, што мы збіраемся зрабіць, гэта мы збіраемся зрабіць наша спасылка больш падобная на кнопкі. 706 00:36:32,410 --> 00:36:43,140 Такім чынам, мы будзем мець некаторы кнопку, роўная дакумент кропка атрымаць элемент, Id. 707 00:36:43,140 --> 00:36:48,670 І калі я кажу пра націсніце спасылку або націсніце тут, каб святкаваць 708 00:36:48,670 --> 00:36:51,850 злучэнне, што можа мой Id быць тут? 709 00:36:51,850 --> 00:36:52,590 Партыя. 710 00:36:52,590 --> 00:36:55,200 Правільна. 711 00:36:55,200 --> 00:36:56,500 ОК не так ужо дрэнна да гэтага часу. 712 00:36:56,500 --> 00:36:59,060 Усе атрымліваюць тое, што мы робім? 713 00:36:59,060 --> 00:37:02,100 >> Такім чынам, цяпер у нас ёсць Кнопка, і мы хочам, 714 00:37:02,100 --> 00:37:04,140 рэчы, каб змяніцца, калі мы націскаем на яго. 715 00:37:04,140 --> 00:37:08,750 Так што, калі мы памятаем з нашага PowerPoint, вельмі простая рэч мы можам зрабіць 716 00:37:08,750 --> 00:37:12,140 гэта проста кнопка кропка OnClick, ці не так? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 І гэта будзе раўняцца некаторыя функцыі. 719 00:37:18,730 --> 00:37:20,620 Гэта ананімная функцыя. 720 00:37:20,620 --> 00:37:24,620 І гэта толькі as-- на самай справе я збіраецца зрабіць гэта крыху больш. 721 00:37:24,620 --> 00:37:27,330 >> Так што я толькі што зрабіў тут я кажу, добра, 722 00:37:27,330 --> 00:37:31,810 Калі мы націскаем нашу кнопку, якая з'яўляецца гэта спасылка, што мы толькі што казаў, 723 00:37:31,810 --> 00:37:34,270 мы збіраемся выканаць Гэтая ананімная функцыя. 724 00:37:34,270 --> 00:37:35,845 Нам не трэба якіх-небудзь выдаткаў. 725 00:37:35,845 --> 00:37:37,220 Мы не хвалюе, што кажа карыстальнік. 726 00:37:37,220 --> 00:37:38,800 Калі націснуць на яго, мы будзе рабіць усё, што мы хочам, 727 00:37:38,800 --> 00:37:40,660 што змяніць колер фону. 728 00:37:40,660 --> 00:37:42,640 ОК? 729 00:37:42,640 --> 00:37:47,224 Дык вось чаму ў нас няма ніякіх уваходаў, мы проста павінны гэта ананімную функцыю. 730 00:37:47,224 --> 00:37:49,390 І зараз мы на самай справе адбываецца запісаць гэтую функцыю. 731 00:37:49,390 --> 00:37:55,040 >> Так што куча спосабаў можа генераваць выпадковы колер. 732 00:37:55,040 --> 00:37:59,010 Так, што я зрабіў гэта было генераваць тры выпадковых лікаў 733 00:37:59,010 --> 00:38:01,910 і канвертаваць іх у RGB тройкі. 734 00:38:01,910 --> 00:38:06,130 Так што гэта лішні раз паказвае, які-небудзь класны рэчы, якія, калі вы, як "О, 735 00:38:06,130 --> 00:38:08,464 Мне трэба стварыць выпадковы лік. "Калі вы ў пошукавай сістэме Google яго, 736 00:38:08,464 --> 00:38:09,630 гэта тое, што вы знойдзеце. 737 00:38:09,630 --> 00:38:17,580 >> Такім чынам, мы маем тры розных рэчы, Вар, ня зноў чырвоны, зялёны. 738 00:38:17,580 --> 00:38:18,080 Дакладна? 739 00:38:18,080 --> 00:38:20,740 Так што тыя тры рэчы, якія складаюць колер. 740 00:38:20,740 --> 00:38:22,220 Сіні, чырвоны і зялёны. 741 00:38:22,220 --> 00:38:22,960 Крута. 742 00:38:22,960 --> 00:38:27,050 І што мы можам зрабіць, гэта, што мы ведаем што ён павінен быць у межах ад 255, 743 00:38:27,050 --> 00:38:30,140 і калі б вы глядзелі на некаторыя генератар выпадковых лікаў, 744 00:38:30,140 --> 00:38:36,000 вы маглі б атрымаць нешта накшталт матэматыцы кропка выпадковым чынам, якія, калі вы паглядзіце гэта уверх 745 00:38:36,000 --> 00:38:39,230 вяртае да некаторага ліку паміж нулём і адзінкай. 746 00:38:39,230 --> 00:38:39,980 ОК? 747 00:38:39,980 --> 00:38:44,470 І тое, што лічбы не наш RGB тройкі ісці паміж імі? 748 00:38:44,470 --> 00:38:47,240 Нуль і што? 749 00:38:47,240 --> 00:38:49,000 Што яны могуць пайсці да? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Так што, калі матэматыка кропка выпадковым ідзе паміж нулём і адзінкай, 752 00:38:53,320 --> 00:38:56,365 як мы можам хачу, каб пераўтварыць гэта? 753 00:38:56,365 --> 00:38:56,990 АЎДЫТОРЫЯ: Час? 754 00:38:56,990 --> 00:38:57,830 АЛЛИСОН Бухгольц-AU: Так, менавіта так. 755 00:38:57,830 --> 00:38:58,677 Так што час ёсць 255. 756 00:38:58,677 --> 00:39:00,888 >> АЎДЫТОРЫЯ: [неразборліва] Гэта як [неразборліва]. 757 00:39:00,888 --> 00:39:02,471 АЛЛИСОН Бухгольц-AU: Math кропка выпадковым чынам. 758 00:39:02,471 --> 00:39:03,096 АЎДЫТОРЫЯ: Круто. 759 00:39:03,096 --> 00:39:04,580 АЛЛИСОН Бухгольц-AU: Так. 760 00:39:04,580 --> 00:39:06,300 JavaScript проста клапоціцца пра вас. 761 00:39:06,300 --> 00:39:07,580 ОК. 762 00:39:07,580 --> 00:39:09,360 Такім чынам, мы можам зрабіць гэта для ўсіх з іх. 763 00:39:09,360 --> 00:39:10,540 Дакладна? 764 00:39:10,540 --> 00:39:16,480 Матэматыка кропка выпадковыя моманты часу 255. 765 00:39:16,480 --> 00:39:17,740 Скапіруйце гэты. 766 00:39:17,740 --> 00:39:18,820 Крута. 767 00:39:18,820 --> 00:39:23,350 Так справа ў тым, гэта можа не вяртаюць цэлы лік. 768 00:39:23,350 --> 00:39:24,080 Дакладна? 769 00:39:24,080 --> 00:39:26,450 Можа быць, мы атрымаем некаторы колькасць паміж нулём і адзінкай, 770 00:39:26,450 --> 00:39:32,150 і гэта прыводзіць да яго злёгку выключаны, і нашы RGBS не можа быць паплаўкі. 771 00:39:32,150 --> 00:39:33,360 Яны павінны быць Інтс. 772 00:39:33,360 --> 00:39:37,610 Так што калі вы спрабавалі гэта, гэта, напэўна, ёсць дзіўныя паводзіны. 773 00:39:37,610 --> 00:39:38,810 Было б крыху напалоханы. 774 00:39:38,810 --> 00:39:43,200 Такім чынам, што мы робім, мы хочам, каб Пераканайцеся, што яны круглявыя, 775 00:39:43,200 --> 00:39:45,400 і вы маглі б акругліць ў любым выпадку. 776 00:39:45,400 --> 00:39:47,110 Я акругліў з падлогай. 777 00:39:47,110 --> 00:39:49,680 Так што я заўсёды ўпэўнены, што акругляецца ў меншы бок. 778 00:39:49,680 --> 00:39:54,440 Але сыходзяць, як гэта проста было проста атрымаць выпадковае лік, 779 00:39:54,440 --> 00:39:57,920 як вы думаеце, мы можа паверх гэты нумар? 780 00:39:57,920 --> 00:40:00,720 Гэта вельмі падобна. 781 00:40:00,720 --> 00:40:02,810 Любая ідэя? 782 00:40:02,810 --> 00:40:06,450 Так што, калі выпадковая быў проста матэматыка кропка выпадковым, так што вы думаеце, што мы зробім падлогу? 783 00:40:06,450 --> 00:40:09,670 Матэматыка кропка падлогу. 784 00:40:09,670 --> 00:40:11,340 І вы таксама можаце зрабіць матэматыку кропка столь. 785 00:40:11,340 --> 00:40:14,030 Круглы накшталт неадназначна Таму што вы не 786 00:40:14,030 --> 00:40:16,110 ці ведаеце акругляць ўверх або акругліць. 787 00:40:16,110 --> 00:40:20,797 Так, як правіла, мы заўсёды робім матэматыку кропка падлогу, матэматыка кропка столь. 788 00:40:20,797 --> 00:40:21,380 Але honestly-- 789 00:40:21,380 --> 00:40:22,780 >> АЎДЫТОРЫЯ: Ці ёсць падлогу акругліць? 790 00:40:22,780 --> 00:40:24,740 >> АЛЛИСОН Бухгольц-AU: жылая акругляе. 791 00:40:24,740 --> 00:40:26,990 І гэта толькі выбар з майго боку. 792 00:40:26,990 --> 00:40:32,370 >> Так што цяпер у нас ёсць тры нумары якія былі выпадковым чынам, 793 00:40:32,370 --> 00:40:36,610 і тое, што мы збіраемся зрабіць цяпер, гэта мы проста хачу, каб змяніць фон. 794 00:40:36,610 --> 00:40:37,310 ОК? 795 00:40:37,310 --> 00:40:41,490 Такім чынам, мы ўжо маем нашу фон роду захоўваецца 796 00:40:41,490 --> 00:40:43,280 У гэтым элеменце пад назвай фон. 797 00:40:43,280 --> 00:40:47,300 Так што вы заўважыце, калі Вы гулялі вакол з гэтым, 798 00:40:47,300 --> 00:40:50,460 мы хочам, каб змяніць стыль. 799 00:40:50,460 --> 00:40:53,812 І гэта накшталт тое, што Вы б Google і высветліць, 800 00:40:53,812 --> 00:40:55,020 падабаецца, як змяніць колер. 801 00:40:55,020 --> 00:40:59,210 >> Але спосаб доступу гэты колер фон кропка стыль кропка фон. 802 00:40:59,210 --> 00:41:03,490 Так што гэта выказванне з улікам гэты аб'ект, фон, 803 00:41:03,490 --> 00:41:06,920 які адносіцца да таго, што элемент Id там, 804 00:41:06,920 --> 00:41:10,690 мы будзем глядзець на стыль у стылі, 805 00:41:10,690 --> 00:41:13,280 мы будзем глядзець на заднім плане. 806 00:41:13,280 --> 00:41:14,270 ОК? 807 00:41:14,270 --> 00:41:17,630 І калі вы ідзяце і глядзіце ад гэтага, гэта можа зрабіць трохі больш сэнсу, 808 00:41:17,630 --> 00:41:21,930 але гэта ў асноўным проста кажу, "Дайце мне гэтую вельмі спецыфічную атрыбут 809 00:41:21,930 --> 00:41:25,770 што я вызначыў раней ". 810 00:41:25,770 --> 00:41:32,340 Так што мы мяняем яго на гэта некаторыя RGB, таму што гэта мае сэнс. 811 00:41:32,340 --> 00:41:34,780 Мы выкарыстоўваем RGB троек, ці не так? 812 00:41:34,780 --> 00:41:41,530 І мы have-- я хачу пераканацца, што я атрымаць патрэбную колькасць цытат тут. 813 00:41:41,530 --> 00:41:43,940 Такім чынам, што мы робім, мы павінны RGB, і мы збіраемся 814 00:41:43,940 --> 00:41:46,800 to-- гэта як аб'яднанне, якое ў чырвоны колер. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 А потым мы хочам трохі коску. 817 00:41:52,610 --> 00:41:59,925 А потым мы хочам плюс зялёны, то некаторыя коска, а некаторыя сіні. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Такім чынам, гэтыя плюсы проста значыць канкатэнацыяй. 820 00:42:14,120 --> 00:42:19,810 Так што гэта проста стварэнне гэтага Радок, адбываецца ў RGB. 821 00:42:19,810 --> 00:42:20,310 ОК? 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> АЎДЫТОРЫЯ: [неразборліва] плюс тое зялёны плюс тое чырвоным. 824 00:42:26,684 --> 00:42:30,163 >> АЛЛИСОН Бухгольц-AU: Так, таму што я сапсаваў, што да. 825 00:42:30,163 --> 00:42:30,890 Што адзін нармальна. 826 00:42:30,890 --> 00:42:32,110 О, трымайся. 827 00:42:32,110 --> 00:42:32,610 Няма. 828 00:42:32,610 --> 00:42:36,770 Таму што мне патрэбна, каб пераканацца, што я атрымаў усе гэтыя правы. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Так што я буду тлумачыць у ААН Momento. 831 00:42:43,950 --> 00:42:47,040 Зялёны, сіні, дасканалым. 832 00:42:47,040 --> 00:42:47,971 Цяпер я зрабіў. 833 00:42:47,971 --> 00:42:48,470 Я лічу. 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> ОК. 836 00:42:52,530 --> 00:42:58,085 Дык што ж гэта, з'яўляецца тое, што фон збіраецца быць усталяваны ў некаторай радка. 837 00:42:58,085 --> 00:42:58,585 Дакладна? 838 00:42:58,585 --> 00:42:59,710 Што мы маем тут. 839 00:42:59,710 --> 00:43:05,870 Гэта будзе нейкі RGB 255 коска 255 коска нуль, ці нешта лік, якое вы 840 00:43:05,870 --> 00:43:06,512 ёсць там. 841 00:43:06,512 --> 00:43:08,220 Так што мы тут робім, у нас ёсць некаторыя радкі. 842 00:43:08,220 --> 00:43:11,910 І тое, што мы хочам зрабіць, гэта мы выгляд дынамічнага стварэння 843 00:43:11,910 --> 00:43:14,010 што, калі мы на самай справе запусціць гэтую праграму. 844 00:43:14,010 --> 00:43:16,570 Так што гэта некаторая радок. 845 00:43:16,570 --> 00:43:20,290 Плюс аб'ядноўвае яго з значэнне, якое мае чырвоны, 846 00:43:20,290 --> 00:43:23,320 які аб'ядноўвае яго з коска, якая аб'ядноўвае яго 847 00:43:23,320 --> 00:43:26,090 з тым, што зялёны і гэтак далей, і таму падобнае. 848 00:43:26,090 --> 00:43:26,660 ОК? 849 00:43:26,660 --> 00:43:32,210 Да канца, які закрыццё дужак гэтага RGB тут. 850 00:43:32,210 --> 00:43:32,800 ОК? 851 00:43:32,800 --> 00:43:37,230 >> Так што гэта будзе генераваць якую-небудзь каманду сапраўды 852 00:43:37,230 --> 00:43:42,770 што RGB з трох лікаў што фон цяпер усталяваны ў становішча. 853 00:43:42,770 --> 00:43:43,940 ОК? 854 00:43:43,940 --> 00:43:46,510 Такім чынам, давайце паглядзім, калі гэта працуе. 855 00:43:46,510 --> 00:43:49,720 Я спадзяюся, што ён робіць, таму што калі ён ня, я збіраюся быць рэальным сумна. 856 00:43:49,720 --> 00:43:50,250 О, няма. 857 00:43:50,250 --> 00:43:52,710 Добра, трымайся. 858 00:43:52,710 --> 00:43:56,730 Вызначана фон кропка стыль кропка фон. 859 00:43:56,730 --> 00:43:59,569 Я вызначана не хапае то як раз невялікая. 860 00:43:59,569 --> 00:44:00,610 Ці ёсць у вас, хлопцы ненавіджу гэта? 861 00:44:00,610 --> 00:44:04,020 Калі гэта проста маленькія памылкі? 862 00:44:04,020 --> 00:44:04,990 Усемагутны фон. 863 00:44:04,990 --> 00:44:08,391 864 00:44:08,391 --> 00:44:08,890 RGB. 865 00:44:08,890 --> 00:44:09,765 >> АЎДЫТОРЫЯ: [неразборліва] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 АЛЛИСОН Бухгольц-AU: Няма 868 00:44:12,770 --> 00:44:14,050 Я паспрабаваў гэта перад класам. 869 00:44:14,050 --> 00:44:16,570 У мяне ёсць усё, што я зрабіў, перш чым клас у выпадку, калі я быў бы, 870 00:44:16,570 --> 00:44:17,970 "Чакаць, што я зрабіў не так?" 871 00:44:17,970 --> 00:44:23,190 Таму што я быў бы, "Я, верагодна, спаскудзіць ў нейкі момант ". 872 00:44:23,190 --> 00:44:24,150 Плюс зялёны. 873 00:44:24,150 --> 00:44:26,250 Усё выглядае, як быццам гэта аб'ядноўваюцца правільна. 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 ОК. 876 00:44:30,520 --> 00:44:31,870 >> АЎДЫТОРЫЯ: [неразборліва] 877 00:44:31,870 --> 00:44:33,810 >> АЛЛИСОН Бухгольц-AU: О, там вы ідзяце. 878 00:44:33,810 --> 00:44:35,520 Вось што мне было патрэбна. 879 00:44:35,520 --> 00:44:36,805 Паглядзіце на гэта. 880 00:44:36,805 --> 00:44:40,090 Tiffany, каб выратаваць. 881 00:44:40,090 --> 00:44:40,590 Ідэальна падыходзіць. 882 00:44:40,590 --> 00:44:41,090 ОК. 883 00:44:41,090 --> 00:44:43,834 Зараз давайце паглядзім, ці працуе ён. 884 00:44:43,834 --> 00:44:44,816 Божа мой. 885 00:44:44,816 --> 00:44:45,641 ОК. 886 00:44:45,641 --> 00:44:46,140 Ўтрымліваць. 887 00:44:46,140 --> 00:44:48,280 >> АЎДЫТОРЫЯ: Space пасля другой плюс. 888 00:44:48,280 --> 00:44:50,310 >> АЛЛИСОН Бухгольц-AU: Якая? 889 00:44:50,310 --> 00:44:52,910 Ой, пачакайце, пачакайце. 890 00:44:52,910 --> 00:44:54,870 Касмічная адзенне? 891 00:44:54,870 --> 00:44:57,209 >> АЎДЫТОРЫЯ: Другі плюс у зялёны аб'яднанне. 892 00:44:57,209 --> 00:44:58,250 АЛЛИСОН Бухгольц-AU: Ой. 893 00:44:58,250 --> 00:44:59,570 АЎДЫТОРЫЯ: Там няма месца пасля плюсе, так. 894 00:44:59,570 --> 00:45:00,790 АЛЛИСОН Бухгольц-AU: Вы ня трэба, но-- 895 00:45:00,790 --> 00:45:01,190 АЎДЫТОРЫЯ: О, вы не ведаеце? 896 00:45:01,190 --> 00:45:01,910 АЛЛИСОН Бухгольц-AU: Гэта выглядае прыгожа. 897 00:45:01,910 --> 00:45:02,530 АЎДЫТОРЫЯ: OK. 898 00:45:02,530 --> 00:45:03,030 ОК. 899 00:45:03,030 --> 00:45:05,170 >> АЛЛИСОН Бухгольц AU: Давайце паглядзім, калі гэта працуе. 900 00:45:05,170 --> 00:45:05,670 ОК. 901 00:45:05,670 --> 00:45:07,836 Відавочна, я з правалам на гэта дэма, які нагадвае мне 902 00:45:07,836 --> 00:45:12,810 з лекцыі ў два тыдні, але я ведаю, што гэта будзе працаваць. 903 00:45:12,810 --> 00:45:15,860 Я ведаю, што гэта будзе працаваць. 904 00:45:15,860 --> 00:45:16,580 Так блізка. 905 00:45:16,580 --> 00:45:22,330 Калі я выпадкова не выдаліць мой сцэнар на гэтым. 906 00:45:22,330 --> 00:45:24,035 Не, гэта партыйныя кропкавыя JS. 907 00:45:24,035 --> 00:45:25,776 ОК трымацца. 908 00:45:25,776 --> 00:45:28,650 Я збіраюся капіяваць гэта, і я таксама проста хачу, каб выдаліць усе, 909 00:45:28,650 --> 00:45:30,108 таму што я гэты працоўны раней. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Я абяцаю, што гэта працуе. 912 00:45:33,770 --> 00:45:36,160 Калі няма, то я пакажу вам, што Томі ёсць. 913 00:45:36,160 --> 00:45:38,890 І там. 914 00:45:38,890 --> 00:45:42,380 >> АЎДЫТОРЫЯ: Вы спасылкі партыю кропка CSS, і гэта партыя кропкавыя JS. 915 00:45:42,380 --> 00:45:45,940 >> АЛЛИСОН Бухгольц-AU: А, ну тут з'яўляецца ўдзельнікам кропкавыя JS. 916 00:45:45,940 --> 00:45:49,187 Добра, што я зрабіў па-іншаму? 917 00:45:49,187 --> 00:45:50,520 Добра, мы ўбачым, калі гэта цяпер працуе. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 Bam. 920 00:45:54,980 --> 00:46:02,110 Такім чынам, я не ведаю, што я зрабіў па-іншаму, але гэта тое, што павінна было адбыцца. 921 00:46:02,110 --> 00:46:03,230 Крута. 922 00:46:03,230 --> 00:46:06,650 Я націснуў на гэта, быццам бы, назаўжды. 923 00:46:06,650 --> 00:46:11,185 Але мы можам паспрабаваць і паглядзець, што я зрабіў інакш, што гэта трэба было. 924 00:46:11,185 --> 00:46:14,560 Я не ведаю, пра вас, хлопцы, але гэта выглядае ў асноўным тое, што я толькі што напісаў. 925 00:46:14,560 --> 00:46:17,950 Быў, верагодна, адсутнічае кропка з коскі дзе-то мая справа. 926 00:46:17,950 --> 00:46:22,064 На самай справе пасля гэтага, я думаю, што я прапаў без вестак Кропка з коскі тут на самай справе. 927 00:46:22,064 --> 00:46:24,230 Але я не мог бачыць, таму што гэта было на экране. 928 00:46:24,230 --> 00:46:29,040 >> Але калі мы заўважаем, што гэта вельмі шмат менавіта тое, што я толькі што напісаў. 929 00:46:29,040 --> 00:46:33,010 Я думаю, што, верагодна, самая цяжкая частка аб гэта проста нейкая гэтую рэч права 930 00:46:33,010 --> 00:46:36,830 тут, разуменне тое, што ён там робіць. 931 00:46:36,830 --> 00:46:42,230 Гэтыя віды рэчаў, якія вы даведаецеся сапраўды проста трошкі і сумленна 932 00:46:42,230 --> 00:46:42,880 проста спрабую. 933 00:46:42,880 --> 00:46:46,770 Калі вы думаеце, ёсць нейкая атрыбутаў, там, верагодна, ёсць. 934 00:46:46,770 --> 00:46:48,382 Так паспрабуйце. 935 00:46:48,382 --> 00:46:49,090 Паглядзіце, што адбываецца. 936 00:46:49,090 --> 00:46:53,000 Як я ўжо сказаў, ёсць шмат эксперыментаванне з JavaScript, 937 00:46:53,000 --> 00:46:56,810 і PHP, і ўсё, што матэрыял, і CSS асабліва. 938 00:46:56,810 --> 00:47:00,046 Вось толькі праўда спосаб зразумець гэта. 939 00:47:00,046 --> 00:47:07,100 >> Такім чынам, пасля гэтага фіяска з партыяй кропкавыя JS, у нас ёсць два іншых варыянту. 940 00:47:07,100 --> 00:47:10,650 У нас ёсць гадзіны або Twitter. 941 00:47:10,650 --> 00:47:12,190 Яны абодва цікава. 942 00:47:12,190 --> 00:47:17,720 Можа быць, не так весела, як партыі, які меў трохі прахалоднай стробирования 943 00:47:17,720 --> 00:47:19,595 што ў канцы. 944 00:47:19,595 --> 00:47:21,714 Як вы, хлопцы, ёсць нейкія перавагі? 945 00:47:21,714 --> 00:47:22,380 АЎДЫТОРЫЯ: гадзіннік? 946 00:47:22,380 --> 00:47:22,950 АЛЛИСОН Бухгольц-AU: гадзіннік? 947 00:47:22,950 --> 00:47:23,450 ОК. 948 00:47:23,450 --> 00:47:25,390 Крута. 949 00:47:25,390 --> 00:47:30,460 >> Такім чынам, яшчэ раз, у нас ёсць пусты файл JavaScript. 950 00:47:30,460 --> 00:47:35,800 І, як мы бачым, тут мы ёсць вельмі просты HTML. 951 00:47:35,800 --> 00:47:40,010 У нас ёсць табліца стыляў, якія проста Фарматы, што яна павінна выглядаць. 952 00:47:40,010 --> 00:47:42,860 У нас ёсць DIV з Ідэнтыфікатар гадзіны, якія 953 00:47:42,860 --> 00:47:44,420 проста кажа, "гэта павінна быць гадзіны." 954 00:47:44,420 --> 00:47:47,650 І ў нас ёсць сувязь у нашым файле JavaScript 955 00:47:47,650 --> 00:47:51,400 што на самой справе адбываецца ў генеруючы нашу гадзіны для нас. 956 00:47:51,400 --> 00:47:56,060 Таму што выдатна, што, тое, што вы можаце ўсталяваць наяўнасць на аўтаматычнае абнаўленне 957 00:47:56,060 --> 00:47:56,963 Сам. 958 00:47:56,963 --> 00:47:57,810 ОК? 959 00:47:57,810 --> 00:48:01,580 Такім чынам, замест таго, каб чакаць Карыстальнік ударыць Абнавіць на старонцы 960 00:48:01,580 --> 00:48:03,840 так што вы можаце атрымаць абнаўляюцца раз, JavaScript 961 00:48:03,840 --> 00:48:06,760 можаце абнавіць яе, аднак яна любіць. 962 00:48:06,760 --> 00:48:12,082 >> Так што, як з нашым апошнім, мы хацелі для доступу да нашага фону, ці не так? 963 00:48:12,082 --> 00:48:14,790 Такім чынам, што вы думаеце, можа быць Першае, што мы хочам зрабіць тут? 964 00:48:14,790 --> 00:48:19,538 Калі мы накшталт сыходзяць Такога роду парадыгму тут? 965 00:48:19,538 --> 00:48:22,200 Мы, верагодна, хочаце, каб доступ да нашай гадзіны, ці не так? 966 00:48:22,200 --> 00:48:24,724 Такім чынам, у нас ёсць некаторыя VAR гадзіны, якія equals-- 967 00:48:24,724 --> 00:48:26,140 Што мы думаем, што гэта збіраецца быць? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Дакумент кропка атрымаць элемент по-- I таксама люблю Sublime-- Id і наша Id з'яўляецца гадзінамі. 970 00:48:42,670 --> 00:48:43,585 Кропка з коскі. 971 00:48:43,585 --> 00:48:45,710 Дабраўся, каб пераканацца, што для атрымання Кропка з коскі ў гэты раз, 972 00:48:45,710 --> 00:48:47,835 таму што я адчуваю, што была праблема ў мінулы раз. 973 00:48:47,835 --> 00:48:55,980 Добра так, як я толькі што гаварыў з спробай мець JavaScript абнавіць сябе, 974 00:48:55,980 --> 00:48:59,655 там гэта пышная функцыя, я ведаю, што гэта вельмі спатрэбіліся ў мінулым годзе, 975 00:48:59,655 --> 00:49:02,780 Я не ўпэўнены, што гэта вельмі зручна, для гэтага PSET, але гэта называецца зададзены інтэрвал часу. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 І гэта на самай справе вельмі выдатна, калі б вы, хлопцы, што-небудзь 978 00:49:08,200 --> 00:49:11,460 з часам ці атрымання Абноўленая інфармацыя. 979 00:49:11,460 --> 00:49:13,700 На сайце па Канчатковы Праект, гэта, верагодна, 980 00:49:13,700 --> 00:49:16,240 Функцыя, якую вы хочаце атрымаць супер знаёмыя. 981 00:49:16,240 --> 00:49:19,730 Так што ўсталяваць інтэрвал робіць тое, што мы збіраемся даць яму функцыю, 982 00:49:19,730 --> 00:49:21,830 і як часта ён павінен выклікаць гэтую функцыю. 983 00:49:21,830 --> 00:49:22,430 ОК? 984 00:49:22,430 --> 00:49:26,890 >> Такім чынам, у гэтым выпадку, мы проста збіраемся стварыць нейкія ананімныя функцыі зноў, 985 00:49:26,890 --> 00:49:31,530 Добра, што збіраецца атрымаць наша дата, і наш час, 986 00:49:31,530 --> 00:49:33,780 а затым абнавіць рэчы і паказаць яго. 987 00:49:33,780 --> 00:49:35,130 Такім чынам, мы будзем турбавацца пра гэта. 988 00:49:35,130 --> 00:49:39,120 Мы будзем, як генераваць гадзіны тут. 989 00:49:39,120 --> 00:49:41,750 Але тое, што нам трэба, гэта як часта, каб абнавіць яго. 990 00:49:41,750 --> 00:49:43,930 Такім чынам, у гэтым выпадку, гэта проста мілісекунды. 991 00:49:43,930 --> 00:49:46,877 Такім чынам, мы толькі збіраемся зрабіць 100 мілісекунд. 992 00:49:46,877 --> 00:49:48,210 Вядома, цалкам адвольна. 993 00:49:48,210 --> 00:49:50,600 Калі вы хочаце, каб гэта абнаўленне значна больш павольна, вы маглі б. 994 00:49:50,600 --> 00:49:53,300 Мы можам важдацца з зададзеным інтэрвалам, 995 00:49:53,300 --> 00:49:57,240 наколькі вялікі наш інтэрвал пасля атрымання намі працы гадзіны, якія, спадзяюся, я буду 996 00:49:57,240 --> 00:49:59,660 дабрацца. 997 00:49:59,660 --> 00:50:04,110 Так што гэта проста кажу: "Добра, выклік Гэтая функцыя кожныя 100 мілісекунд ". 998 00:50:04,110 --> 00:50:04,805 ОК? 999 00:50:04,805 --> 00:50:07,280 Вось і ўсё, што ён робіць. 1000 00:50:07,280 --> 00:50:12,290 >> Такім чынам, што мы хочам, каб нашы функцыі робім, мы хочам мець некаторую дату 1001 00:50:12,290 --> 00:50:14,200 і нейкі час, што мы будзем мець. 1002 00:50:14,200 --> 00:50:19,740 Так мы можам пачаць з нашага Дата роўны тое, 1003 00:50:19,740 --> 00:50:22,708 і наш час складае што-то што мы яшчэ не ведаем. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Ці на самай справе, нам проста трэба дату, таму што Дата збіраецца ўключаць у сябе ўсё. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Зноў жа, калі вы проста Google што-небудзь пра тое, што вы хочаце рабіць, калі вы пішаце: "Добра, 1008 00:50:40,010 --> 00:50:41,980 Я хачу, каб атрымаць час з дапамогай JavaScript, "гэта 1009 00:50:41,980 --> 00:50:45,890 дасць вам гэты вялікі Функцыя называецца дата атрымаць. 1010 00:50:45,890 --> 00:50:48,664 Літаральна, большасць рэчаў што вы хочаце зрабіць, 1011 00:50:48,664 --> 00:50:50,830 JavaScript будзе мець гэта было зроблена для вас ужо. 1012 00:50:50,830 --> 00:50:55,770 Так што гэта ў літаральным сэнсе, як новы атрымаць дату, якая з'яўляецца creating-- 1013 00:50:55,770 --> 00:50:58,600 ці новая дата, rather-- які генеруе 1014 00:50:58,600 --> 00:51:03,690 нейкі аб'ект, які ўяўляе сабой дату. 1015 00:51:03,690 --> 00:51:08,200 >> І тое, што мы збіраемся зрабіць тут гэта is-- Я збіраюся напісаць гэта, 1016 00:51:08,200 --> 00:51:10,820 а затым растлумачыць, што ён робіць. 1017 00:51:10,820 --> 00:51:12,560 Так што я буду рабіць, што я атрымліваю гэта права. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> Такім чынам, тое, што гэтая функцыя робіць, гэта мы проста 1020 00:51:23,440 --> 00:51:30,680 стварэнне HTML, што на самой справе будзе ісці ў рамках нашай сну ідэнтыфікатар гадзін. 1021 00:51:30,680 --> 00:51:34,610 Дык што ж гэта будзе рабіць проста стварыць некаторы радок, ОК? 1022 00:51:34,610 --> 00:51:38,510 Гэта значыць тое будзе перасаджваюць у нашай HTML. 1023 00:51:38,510 --> 00:51:42,130 У асноўным тое, што ён збіраецца зрабіць, гэта усе we--, што я пакажу вам, 1024 00:51:42,130 --> 00:51:49,070 з'яўляецца тое, што б мы ні казалі HTML з'яўляецца, мы збіраемся замяніць гэты тэкст тут 1025 00:51:49,070 --> 00:51:51,090 з тым, што HTML з'яўляецца. 1026 00:51:51,090 --> 00:51:56,390 Так што гэта будзе дазваляць нам змяніць нашу синхросигнала 1027 00:51:56,390 --> 00:52:00,940 HTML ад таго, толькі тэкст гэтага павінны быць гадзіны, на самай справе паказвае 1028 00:52:00,940 --> 00:52:05,630 лік і рэчы, якія мы клапоцімся о, а на самай справе быць гадзін. 1029 00:52:05,630 --> 00:52:09,810 >> Так што мы збіраемся зрабіць, гэта мы збіраецца пачаць вырабляць гэты HTML. 1030 00:52:09,810 --> 00:52:16,520 Такім чынам, у адной і той жа чынам, што мы выкарыстоўвалі зрабіць плюс роўная для цэлых лікаў, 1031 00:52:16,520 --> 00:52:20,461 зараз вы можаце рабіць, што для струнных, за выключэннем таго, што адбываецца ў іх канкатэнацыяй. 1032 00:52:20,461 --> 00:52:20,960 Дакладна? 1033 00:52:20,960 --> 00:52:26,070 Як мы бачылі з Партыяй кропак JS, гэта ўсяго толькі аб'ядноўвае ўсе гэтыя рэчы разам. 1034 00:52:26,070 --> 00:52:31,970 Такім чынам, вы можаце аб'яднаць розныя біты HTML з зменных, або біт радкоў 1035 00:52:31,970 --> 00:52:33,750 што вы пішаце з самастойна, і гэта проста 1036 00:52:33,750 --> 00:52:38,650 сапраўды дазваляе дынамічна генераваць HTML, які з'яўляецца даволі халаднавата. 1037 00:52:38,650 --> 00:52:42,040 Так што, калі ў вас ёсць што-то вельмі зручна канкрэтныя, 1038 00:52:42,040 --> 00:52:44,130 гэта можа дазволіць вам зрабіць гэта. 1039 00:52:44,130 --> 00:52:47,550 >> Такім чынам, мы маем HTML, каб я збіраюся паспрабуйце і пераканайцеся, што я атрымліваю гэта права. 1040 00:52:47,550 --> 00:52:49,890 Так што мы збіраемся зрабіць некаторыя загаловак h1. 1041 00:52:49,890 --> 00:52:53,610 Так што важна разумець тут з'яўляецца тое, што гэта на самай справе проста HTML. 1042 00:52:53,610 --> 00:52:54,460 Дакладна? 1043 00:52:54,460 --> 00:52:56,610 Мы пішам фактычная HTML код тут, гэта 1044 00:52:56,610 --> 00:53:01,090 не толькі радок у нармальнае так, што мы будзем думаць пра гэта. 1045 00:53:01,090 --> 00:53:02,930 Такім чынам, мы маем некаторую HTML. 1046 00:53:02,930 --> 00:53:04,940 Гэта лічыцца радок, хоць тут. 1047 00:53:04,940 --> 00:53:10,380 І мы робім дату dot-- мы хочаце атрымаць нашы гадзіны. 1048 00:53:10,380 --> 00:53:12,910 Зноў жа, калі вы паглядзіце што-небудзь пра дату, 1049 00:53:12,910 --> 00:53:16,160 было б сказаць, гэта ўсё атрыбуты, дата мае. 1050 00:53:16,160 --> 00:53:17,670 А вось тое, што вы можаце выкарыстоўваць на ім. 1051 00:53:17,670 --> 00:53:20,620 Так што, верагодна, мае нешта накшталт атрымаць гадзіны, і атрымаць хвілін, 1052 00:53:20,620 --> 00:53:24,669 і атрымаць секунд, і атрымаць мілісекунд, і хто ведае, што яшчэ яны ёсць. 1053 00:53:24,669 --> 00:53:27,210 Але калі вы паглядзіце на дакументацыя, усё гэта будзе там. 1054 00:53:27,210 --> 00:53:31,980 >> Такім чынам, мы маем атрымаць гадзіны, і тады мы б хацелі 1055 00:53:31,980 --> 00:53:35,614 каб аб'яднаць, што with-- Я будзе рухацца ў гэтым тут. 1056 00:53:35,614 --> 00:53:38,780 Так што, калі мы генеруючы зараз, мы на самай справе генерацыі час, ці не так? 1057 00:53:38,780 --> 00:53:43,590 У нас ёсць гадзіны, а затым тое, што паміж гадзінамі і хвілінамі? 1058 00:53:43,590 --> 00:53:45,080 У вас ёсць кропка з коскі, ці не так? 1059 00:53:45,080 --> 00:53:48,010 Таму мы хочам, каб зрабіць некаторыя коскі тут. 1060 00:53:48,010 --> 00:53:51,780 А потым мы хочам атрымаць нашы хвілін, так што такім жа чынам, 1061 00:53:51,780 --> 00:53:56,450 што ў нас ёсць дата кропка атрымаеце гадзіны, як мы можам атрымаць нашы хвілін? 1062 00:53:56,450 --> 00:54:01,542 Гэта літаральна дата, кропка атрымаць хвілін, якія я накшталт як. 1063 00:54:01,542 --> 00:54:03,250 Гэта як: "О, як я магу атрымаць мае хвілін? " 1064 00:54:03,250 --> 00:54:05,850 Я проста атрымаць мае хвілін. 1065 00:54:05,850 --> 00:54:07,500 >> ОК. 1066 00:54:07,500 --> 00:54:10,990 І тады ў нас ёсць яшчэ двукроп'е тут. 1067 00:54:10,990 --> 00:54:16,350 І потым, калі мы хочам атрымаць наш секунд, як мы маглі б атрымаць наш другі? 1068 00:54:16,350 --> 00:54:17,400 Дата кропка атрымаць секунд. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Я думаю, што гэта вельмі выдатна. 1071 00:54:21,590 --> 00:54:23,589 І, што важна для ўсведамляць, што мы таксама 1072 00:54:23,589 --> 00:54:31,730 трэба закрыць наш HTML тэг тут, таму што ён па-ранейшаму павінен быць сапраўдны HTML, так h1. 1073 00:54:31,730 --> 00:54:33,481 Крута. 1074 00:54:33,481 --> 00:54:43,110 >> Такім чынам, пасля таго, што мы можам зрабіць гадзіны Кропка ўнутраная HTML-роўна HTML. 1075 00:54:43,110 --> 00:54:43,930 ОК? 1076 00:54:43,930 --> 00:54:46,470 Так што памятаеце, як я сказаў, ўнутраны HTML у асноўным 1077 00:54:46,470 --> 00:54:50,610 прымае ўсе, што паміж два тэга, якія мы гаварылі пра 1078 00:54:50,610 --> 00:54:54,470 і ўстаўкі або маніпулюе усё, што там? 1079 00:54:54,470 --> 00:54:58,290 Дык што ж гэта робіць, калі мы вернемся да нашых гадзінах, 1080 00:54:58,290 --> 00:55:04,180 з'яўляецца тое, што гадзіны ставіцца да Усё ўнутры гэтай спраў. 1081 00:55:04,180 --> 00:55:09,770 Гэта ўнутраны HTML- гэтай Id тактавай спраў. 1082 00:55:09,770 --> 00:55:13,930 І таму ён збіраецца змяніць яго HTML, што мы толькі што згенеравалі, 1083 00:55:13,930 --> 00:55:16,750 якая, якія, як мы спадзяемся, спадзяюся, мы спадзяемся, 1084 00:55:16,750 --> 00:55:21,026 пакажа час прама цяпер. 1085 00:55:21,026 --> 00:55:23,960 Мы будзем бачыць. 1086 00:55:23,960 --> 00:55:25,170 Вядома. 1087 00:55:25,170 --> 00:55:26,860 Так шмат тэхнічных пытанняў. 1088 00:55:26,860 --> 00:55:31,480 Просто-- Элісан Я ад маёй гульні Сёння хлопцы. 1089 00:55:31,480 --> 00:55:34,136 Добра, што працуе. 1090 00:55:34,136 --> 00:55:35,760 синхросигнала ўнутраны HTML. 1091 00:55:35,760 --> 00:55:42,097 Гэта было HTML самай справе? 1092 00:55:42,097 --> 00:55:43,180 Акрамя таго, гэта тое, што адбываецца. 1093 00:55:43,180 --> 00:55:48,750 Калі вы не можаце ўбачыць што-то, вам проста паглядзіце на зыходны код. 1094 00:55:48,750 --> 00:55:49,250 ОК. 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 Ты хочаш ведаць, прахалодны працу вакол што мы збіраемся зрабіць прама тут? 1097 00:55:54,870 --> 00:55:55,740 >> АЎДЫТОРЫЯ: Вы можаце зрабіць загалоўныя літары? 1098 00:55:55,740 --> 00:55:56,580 Загалоўныя літары? 1099 00:55:56,580 --> 00:55:58,996 Таму што ў вас атрымаць гадзіны, а затым атрымаць хвілін. 1100 00:55:58,996 --> 00:56:02,590 >> АЛЛИСОН Бухгольц-AU: Гэта гэта атрымаць гадзін і get-- а. 1101 00:56:02,590 --> 00:56:04,945 Вы are-- залатую зорку. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Гэта ўсё выпрабаванні, хлопцы. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Я абяцаю, што гэта працуе перад класам. 1106 00:56:17,330 --> 00:56:22,590 >> Добра, але што-то выдатна ведаць, што вы можаце also-- калі часам 1107 00:56:22,590 --> 00:56:26,560 вашыя знешнія файлы атрымаць крыху вар'ятам, 1108 00:56:26,560 --> 00:56:30,960 Вы таксама можаце проста пакласці іх прама тут, якія, як правіла, каб выправіць становішча. 1109 00:56:30,960 --> 00:56:35,840 Акрамя гэтага, як сапраўды непрыгожа. 1110 00:56:35,840 --> 00:56:38,050 Вядома адфарматаваць ўсё. 1111 00:56:38,050 --> 00:56:41,425 Пераканайцеся, што гэта ўсё даволі. 1112 00:56:41,425 --> 00:56:41,925 ОК. 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> Я хацеў зрабіць усё класныя дэмкі, і яны проста не атрымліваецца. 1115 00:56:50,621 --> 00:56:51,555 ОК. 1116 00:56:51,555 --> 00:56:53,890 Сцэнар вар гадзіны. 1117 00:56:53,890 --> 00:57:00,350 У любым выпадку, важна тое, што гэта агульны шлях 1118 00:57:00,350 --> 00:57:01,870 што вы адфарматаваць JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Як вы можаце бачыць, гэта можа быць вельмі пераборлівыя, часам, 1120 00:57:04,490 --> 00:57:08,780 нават тады, калі гэта было літаральна працуе ў дзве секунды таму. 1121 00:57:08,780 --> 00:57:11,820 Ці не два секунду назад але вельмі, вельмі нядаўна. 1122 00:57:11,820 --> 00:57:16,070 >> Такім чынам, каб паказаць вам, што гэта павінна выглядаць, і паказаць вам, што я не вар'ят, 1123 00:57:16,070 --> 00:57:19,730 і што ўсё менавіта так, тое ж самае, гэта тое, што яна павінна выглядаць. 1124 00:57:19,730 --> 00:57:27,410 Ты проста гэта зрабіць верхнюю частку тут, і калі вы паглядзіце зыходны код старонкі, 1125 00:57:27,410 --> 00:57:32,160 Калі вы заўважылі, ён зрабіў некаторыя вар'яты рэчы, я спрасціў. 1126 00:57:32,160 --> 00:57:35,710 Акрамя таго, крэдыт Томі McWilliam, хто на самай справе 1127 00:57:35,710 --> 00:57:38,810 дапамог мне стварыць гэтыя прыклады, які з'яўляецца, чаму я ведаю, што яны працуюць. 1128 00:57:38,810 --> 00:57:41,560 Таму што Томі майстар JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Але калі мы заўважаем, у нас ёсць некаторы набор. 1130 00:57:43,180 --> 00:57:45,170 У нас ёсць функцыі гадзін тут. 1131 00:57:45,170 --> 00:57:48,450 Гэта ўсё JavaScript, што мы толькі што напісалі, ці некаторыя з іх. 1132 00:57:48,450 --> 00:57:51,470 Мы толькі што напісаў гэты адзін прама тут. 1133 00:57:51,470 --> 00:57:54,260 І ў яго ёсць дадатковы функцыя, якая проста калодкі яго 1134 00:57:54,260 --> 00:57:57,790 паставіўшы нуль перад літара або перад лікам, калі гэта 1135 00:57:57,790 --> 00:57:59,412 толькі адзін з іх. 1136 00:57:59,412 --> 00:58:02,120 Так што, калі вы заўважылі, гэта даволі шмат менавіта тое, што мы толькі што напісалі. 1137 00:58:02,120 --> 00:58:06,230 У вас ёсць пераменная гадзіны, якія мае наш элемент, атрымаць элемент па ідэнтыфікатару, 1138 00:58:06,230 --> 00:58:07,252 што гадзіны. 1139 00:58:07,252 --> 00:58:08,960 У нас ёсць мноства інтэрвал Функцыя, гэта 1140 00:58:08,960 --> 00:58:12,670 ананімная функцыя які выконвае ўсё гэта. 1141 00:58:12,670 --> 00:58:16,940 У нас ёсць некаторыя, пачынаючы радок HTML, што мы дынамічна 1142 00:58:16,940 --> 00:58:20,750 генеруюць тым, што некаторыя h1 загаловак, аб'яднання 1143 00:58:20,750 --> 00:58:23,950 з атрымаць гадзіны, а таксама наш тоўстай кішкі, а таксама атрымаць 1144 00:58:23,950 --> 00:58:26,860 хвіліны, плюс яшчэ тоўстай кішкі, а таксама нашы секунд, 1145 00:58:26,860 --> 00:58:29,330 і, нарэшце, заканчваючы HTML для гэтага. 1146 00:58:29,330 --> 00:58:34,210 А потым мы абнаўляем нашу гадзіны кропка ўнутраны HTML для HTML, 1147 00:58:34,210 --> 00:58:37,640 і мы абнаўляем кожныя 100 мілісекунд. 1148 00:58:37,640 --> 00:58:39,060 ОК? 1149 00:58:39,060 --> 00:58:42,470 >> Бачыце, я абяцаю, што я не з'яўляюся вар'ятам. 1150 00:58:42,470 --> 00:58:43,440 Я не ведаю. 1151 00:58:43,440 --> 00:58:47,160 Я не ведаю, чаму ён не любіць мяне. 1152 00:58:47,160 --> 00:58:54,030 Я адчуваю, як выглядае тое ж самае, але, мабыць, ненавідзіць мяне. 1153 00:58:54,030 --> 00:58:59,600 >> Такім чынам, давайце паглядзім, калі вакол трох ідзе лепш. 1154 00:58:59,600 --> 00:59:00,970 Мы збіраемся, каб бачыць. 1155 00:59:00,970 --> 00:59:02,910 Я не ведаю, як гэта будзе ісці. 1156 00:59:02,910 --> 00:59:06,700 Гэта ўсё, па меншай меры атрымаць мінусы, як толькі агульнай тэмай 1157 00:59:06,700 --> 00:59:08,480 з JavaScript, хоць? 1158 00:59:08,480 --> 00:59:15,660 Я спадзяюся, што, па меншай меры карысна, больш чым паказваючы, што гэта крыху пераборлівыя. 1159 00:59:15,660 --> 00:59:21,190 Але ваша праблема набор будзе вельмі весела. 1160 00:59:21,190 --> 00:59:22,590 Гэта будзе выдатна. 1161 00:59:22,590 --> 00:59:24,820 Гэта не будзе гэтак жа стомна як гэта, я не думаю. 1162 00:59:24,820 --> 00:59:28,100 Вы на самой справе атрымаць см сапраўды класныя рэчы. 1163 00:59:28,100 --> 00:59:31,734 >> Таму ў мінулым, але не менш, мы пастараемся той Twitter. 1164 00:59:31,734 --> 00:59:32,900 Я вельмі баюся зараз, хлопцы. 1165 00:59:32,900 --> 00:59:35,762 Я не ведаю, як гэта будзе ісці. 1166 00:59:35,762 --> 00:59:39,930 Але толькі, каб даць вам крыху больш густу, і гэта на самай справе 1167 00:59:39,930 --> 00:59:44,190 маніпулявання радкамі і Ўваходы, што мы збіраемся рабіць 1168 00:59:44,190 --> 00:59:50,960 ёсць, калі мы заўважаем тут з HTML-- у гэтага ёсць трохі more-- 1169 00:59:50,960 --> 00:59:57,200 у нас ёсць некаторыя тэкставую вобласць, якая адпавядае дадзенай галіне тэкст тут. 1170 00:59:57,200 --> 00:59:58,030 ОК? 1171 00:59:58,030 --> 01:00:00,420 І гэта мае ідэнтыфікатар тэксту. 1172 01:00:00,420 --> 01:00:04,520 Мы рэстайлінг яго крыху з некаторай шырыні і вышыні 1173 01:00:04,520 --> 01:00:07,310 што мы перадвызначаныя, і мы h1, 1174 01:00:07,310 --> 01:00:11,260 якія проста наш загаловак той, які ўяўляе нашы засталося знакаў. 1175 01:00:11,260 --> 01:00:14,570 Мы далі яму нейкае ідэнтыфікатар Засталося сімвалаў, 1176 01:00:14,570 --> 01:00:18,660 а то ў нас нейкі сцэнар тут, што я на самой справе 1177 01:00:18,660 --> 01:00:20,790 спадзеючыся, што ў трэці раз х зачараванне тут, хлопцы. 1178 01:00:20,790 --> 01:00:26,750 >> Так што мы хочам зрабіць, у тым жа агульным ключы 1179 01:00:26,750 --> 01:00:31,480 што мы зрабілі з синхросигнала JS і партыйныя кропка JS, як мы адзначылі, 1180 01:00:31,480 --> 01:00:35,980 што мы пачалі, фактычна захоп тое, што мы клапоцімся аб, правільна? 1181 01:00:35,980 --> 01:00:42,330 Такім чынам, у гэтым выпадку, ёсць два рэчы, якія мы клапоцімся пра, добра? 1182 01:00:42,330 --> 01:00:47,199 Адна рэч, што мы на самай справе выгляд гледзячы ў і малявання дадзеныя з, 1183 01:00:47,199 --> 01:00:48,990 і адна рэч, якая мы на самай справе мяняецца. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Так што наш HTML. 1186 01:00:53,730 --> 01:01:00,370 Калі гэта наша вэб-старонка тут, што Дадзеныя, якія мы глядзім на? 1187 01:01:00,370 --> 01:01:03,860 Гэта будзе што заўгодна Тэкст у нашых скрынках, ці не так? 1188 01:01:03,860 --> 01:01:05,310 Таму, што б я друкую тут. 1189 01:01:05,310 --> 01:01:08,150 Вось што я хачу ведаць, ці гэта тое, што я хачу паглядзець. 1190 01:01:08,150 --> 01:01:10,690 І тое, што будзе змены на нашай вэб-старонцы? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Астатнія персанажы. 1193 01:01:14,880 --> 01:01:19,550 Такім чынам, у адной і той жа дарозе, мы хочам, каб пачаць з ініцыялізацыі зменных 1194 01:01:19,550 --> 01:01:22,030 што на самой справе ўтрымаць гэтых элементаў. 1195 01:01:22,030 --> 01:01:22,890 ОК? 1196 01:01:22,890 --> 01:01:29,930 Так што, калі ў нас ёсць некаторыя Var гэта наша тэкставая вобласць, 1197 01:01:29,930 --> 01:01:33,681 і ў нас ёсць некаторыя VAR, што засталося. 1198 01:01:33,681 --> 01:01:34,180 Дакладна? 1199 01:01:34,180 --> 01:01:36,190 Так яны збіраюцца трымаць гэтыя дзве рэчы. 1200 01:01:36,190 --> 01:01:42,370 Гэтак жа роду рэчы, дакумент dot-- ОК, я 1201 01:01:42,370 --> 01:01:45,920 будзе пераканацца, што гэта будзе працаваць у гэты раз. 1202 01:01:45,920 --> 01:01:49,620 Я вельмі непахісны. 1203 01:01:49,620 --> 01:01:53,310 Такім чынам, калі мы хочам, каб нашы Тэкст плошчу, па 1204 01:01:53,310 --> 01:01:55,710 у нашым HTML, што наша ідэнтыфікатар? 1205 01:01:55,710 --> 01:01:56,420 Што наша Id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Гэта проста будзе тэкст, таму што гэта стварае нашу тэкставую вобласць, OK, 1208 01:02:05,540 --> 01:02:10,320 і наша Id тэкстаў, так што як мы можам захапіць, што там. 1209 01:02:10,320 --> 01:02:12,130 ОК, кропка з коскі. 1210 01:02:12,130 --> 01:02:13,940 Я збіраюся быць супер Дакладная пра гэта, 1211 01:02:13,940 --> 01:02:16,300 таму што я хачу, каб гэта працавала на гэты раз. 1212 01:02:16,300 --> 01:02:22,120 ОК, зрабіць тое ж самае, атрымаць элемент, Id. 1213 01:02:22,120 --> 01:02:25,970 Я сапраўды цікава, што мае прычынай двух іншых сапсаваць. 1214 01:02:25,970 --> 01:02:29,750 Добра, тады ў гэтым, што ж мы хочам атрымаць доступ? 1215 01:02:29,750 --> 01:02:30,760 Што наша Id тут? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 У нас ёсць яшчэ ідэнтыфікатар ў наш HTML, што гэта такое? 1218 01:02:36,261 --> 01:02:37,552 АЎДЫТОРЫЯ: Засталося знакаў. 1219 01:02:37,552 --> 01:02:39,343 АЛЛИСОН Бухгольц-AU: Засталося знакаў. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> ОК. 1222 01:02:44,330 --> 01:02:46,010 Крута. 1223 01:02:46,010 --> 01:02:49,800 Так што я проста хачу, каб пішу гэта вельмі хутка. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Я проста хачу, каб напісаць гэта ў секунду. 1226 01:02:55,330 --> 01:02:56,190 Так тэкставая вобласць. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Што цікава, B function-- ёсць мноства функцый, якія не толькі 1229 01:03:06,180 --> 01:03:09,690 Падыходзіць для Вашага мышы, але клавіятура. 1230 01:03:09,690 --> 01:03:10,190 ОК? 1231 01:03:10,190 --> 01:03:16,540 Такім чынам, вы можаце сказаць, калі любы ключ націснутая, вы можаце зрабіць што-нешта накшталт гэтага. 1232 01:03:16,540 --> 01:03:20,450 Так той, які мы выкарыстоўваем, выклікаецца клавішай ўверх, што 1233 01:03:20,450 --> 01:03:25,320 кажа, "калі вы націснулі любую клавішу на клавіятура, калі карыстальнік падняў 1234 01:03:25,320 --> 01:03:28,064 іх палец гэтай кнопкі, і ключ стаў не націснутая, 1235 01:03:28,064 --> 01:03:29,480 затым мы збіраемся зрабіць што-то ". 1236 01:03:29,480 --> 01:03:29,980 ОК? 1237 01:03:29,980 --> 01:03:31,370 Так што гэта мае сэнс, ці не так? 1238 01:03:31,370 --> 01:03:33,540 Таму што кожны знак мы друкуем, мы збіраемся 1239 01:03:33,540 --> 01:03:36,550 мець, каб падняць нашы пальцы пра гэта, таму, калі ключ ідзе ўверх, 1240 01:03:36,550 --> 01:03:40,980 мы можам ведаць, для памяншэння астатнія нашы героі. 1241 01:03:40,980 --> 01:03:44,440 >> Такім чынам, мы маем некаторыя на ключ , І такім жа чынам, 1242 01:03:44,440 --> 01:03:47,480 мы збіраемся сказаць, "Добра, калі мы гэта зробім, мы 1243 01:03:47,480 --> 01:03:55,110 збіраемся стварыць некаторую функцыю, якая збіраецца ўзяць е ", у дадзеным выпадку, 1244 01:03:55,110 --> 01:03:58,800 і тое, што мы хочам зрабіць, гэта падлічыць колькасць пакінутых. 1245 01:03:58,800 --> 01:04:02,510 Такім чынам, давайце проста пачаць шляхам стварэння зменнай. 1246 01:04:02,510 --> 01:04:05,830 Такім чынам, мы маем некаторую зменную R, які будзе прадстаўляць 1247 01:04:05,830 --> 01:04:07,720 колькі знакаў мы пакінулі. 1248 01:04:07,720 --> 01:04:08,890 ОК? 1249 01:04:08,890 --> 01:04:14,540 Мы ведаем, што мы пачынаем з 140, і калі мы хочам ведаць, 1250 01:04:14,540 --> 01:04:18,360 скажам, даўжыня гэтага Радок, быў уваход, 1251 01:04:18,360 --> 01:04:20,860 Ці ёсць у вас, хлопцы, ёсць якія-небудзь ідэі як мы маглі б гэта зрабіць? 1252 01:04:20,860 --> 01:04:23,900 Проста грунтуецца прэч відавочна, рэчы, як калі б мы хацелі гадзіны, 1253 01:04:23,900 --> 01:04:25,870 мы выкарыстоўвалі атрымаеце гадзіны. 1254 01:04:25,870 --> 01:04:28,860 Мы ведаем, што наш аб'ект Тэкст гэтай галіне, але не маглі б вы, хлопцы, 1255 01:04:28,860 --> 01:04:33,050 думаю, што можа прыйсці пасля яго? 1256 01:04:33,050 --> 01:04:35,280 Любыя ідэі? 1257 01:04:35,280 --> 01:04:41,730 >> Так гэта адно накшталт менш інтуітыўна, але гэта значэнне даўжыні кропка. 1258 01:04:41,730 --> 01:04:44,700 Так што проста даць мне некаторыя значэнне атрыбуту, што 1259 01:04:44,700 --> 01:04:46,500 на самай справе даўжыня гэтага радка. 1260 01:04:46,500 --> 01:04:50,340 Так што збіраецца сказаць: "Добра, я шукаю на ўсёй гэтай радкі ў тэкставым полі, 1261 01:04:50,340 --> 01:04:52,730 і я збіраюся сказаць Вы, як доўга гэта ". 1262 01:04:52,730 --> 01:04:55,500 Таму што, калі мы ўспомнім, радкі сапраўды толькі масівы, 1263 01:04:55,500 --> 01:04:58,110 так што мы можам проста ўзяць даўжыню іх. 1264 01:04:58,110 --> 01:05:01,860 Такім чынам, мы маем гэта. 1265 01:05:01,860 --> 01:05:04,058 Крута. 1266 01:05:04,058 --> 01:05:09,360 >> Тады тое, што мы хочам зрабіць, гэта мы ніколі не хачу, каб дазволіць карыстальніку 1267 01:05:09,360 --> 01:05:12,340 для ўводу больш 140 сімвалаў, ці не так? 1268 01:05:12,340 --> 01:05:15,610 Таму што, калі мы гаворым так: «ой, вы толькі гэта шмат, застаючыся, " 1269 01:05:15,610 --> 01:05:20,522 а затым няхай яны робяць што У любым выпадку, мы хлусілі. 1270 01:05:20,522 --> 01:05:22,230 І гэта яшчэ адзін рэч, якая JavaScript 1271 01:05:22,230 --> 01:05:24,530 можа быць вельмі добра для, з'яўляецца праверка карыстальнік 1272 01:05:24,530 --> 01:05:29,062 і пераканаўшыся, што ваш Карыстальнік ўпісваецца ні ў якія правілы 1273 01:05:29,062 --> 01:05:30,270 што вы ўвялі на іх. 1274 01:05:30,270 --> 01:05:36,020 Так што калі вы хочаце зрабіць што-то, як зрабіць што хто-то ўвесці іх адрас электроннай пошты, 1275 01:05:36,020 --> 01:05:40,242 або пераканаўшыся, што, калі яны ўвесці два пароля, яны ўзгодненыя. 1276 01:05:40,242 --> 01:05:41,200 JavaScript можа зрабіць гэта. 1277 01:05:41,200 --> 01:05:44,010 Вы хочаце зрабіць нешта накшталт, "калі Форма ўяўляецца, "напрыклад або, 1278 01:05:44,010 --> 01:05:48,170 "Калі кнопку Адправіць Форма ёсць націснуў, праверце ўсе гэтыя рэчы ". 1279 01:05:48,170 --> 01:05:49,670 І мы можам зрабіць гэта JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Дык вось менавіта тое, што мы збіраемся зрабіць тут. 1281 01:05:52,680 --> 01:05:57,810 >> Так што можа быць спосаб праверыць, калі яны сышлі больш за 140 сымбаляў? 1282 01:05:57,810 --> 01:06:03,310 Што адбудзецца з наша значэнне г, калі яны паспрабуюць? 1283 01:06:03,310 --> 01:06:04,760 Гэта будзе адмоўным, ці не так? 1284 01:06:04,760 --> 01:06:07,380 Ці гэта будзе менш ці роўным нулю. 1285 01:06:07,380 --> 01:06:13,690 Такім чынам, мы можам выкарыстоўваць, калі гэта як і ўсё астатняе. 1286 01:06:13,690 --> 01:06:14,270 ОК? 1287 01:06:14,270 --> 01:06:20,480 І ў нас ёсць некаторыя вобласць тэксту кропку значэнне, і тое, што мы робім тут 1288 01:06:20,480 --> 01:06:29,940 гэта мы проста cutting-- што гэта такое? 1289 01:06:29,940 --> 01:06:30,900 Выбачайце. 1290 01:06:30,900 --> 01:06:32,732 Гэта адно, мы проста хочам, каб вярнуцца ілжывым. 1291 01:06:32,732 --> 01:06:34,030 Я заблытаўся. 1292 01:06:34,030 --> 01:06:36,560 Усе выматаныя ад рэчаў, не працуе. 1293 01:06:36,560 --> 01:06:40,010 Добра, мы проста хочам, каб вярнуцца ілжывым, і тады мы 1294 01:06:40,010 --> 01:06:44,160 хачу, каб адлюстраваць астатнія літары, праўда? 1295 01:06:44,160 --> 01:06:48,720 Так з гадзінамі, мы зрабілі што-то з унутранага HTML, праўда? 1296 01:06:48,720 --> 01:06:52,070 Дзе мы ўсталёўваем яго роўным некаторыя зменнай, таму тое, што мы маглі б тут рабіць? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Што мы змяніць ўнутраную HTML з? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> АЎДЫТОРЫЯ: Пакінутае? 1301 01:07:03,780 --> 01:07:05,738 >> АЛЛИСОН Бухгольц-AU: Мы мяняем засталося. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Добра, і што мы хачу, каб усталяваць яго роўным? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Гэта будзе г, таму што гэта павінны быць астатнія нашы героі. 1306 01:07:18,437 --> 01:07:19,600 ОК? 1307 01:07:19,600 --> 01:07:26,060 Так што я вельмі нерваваўся, каб убачыць, калі гэта цяпер працуе, але мы будзем бачыць. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Пакіньце гэта. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Гэта вельмі хутка. 1312 01:07:37,700 --> 01:07:38,970 [Неразборліва] ОК. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Зноў жа, я проста хачу, каб паказаць вам. 1315 01:07:45,990 --> 01:07:49,430 Па нейкай прычыне, маё рашэнне не працуе, 1316 01:07:49,430 --> 01:07:53,354 але тое, што я пакажу вам, што гэта is-- о, я павінен быў пакласці, што ў. 1317 01:07:53,354 --> 01:07:57,470 Добра, мы заўважылі такі ж што тут, атрымліваю тэкставае поле. 1318 01:07:57,470 --> 01:08:01,070 >> Акрамя таго, калі хлопец апавяшчэнне, калі ёсць альбо тое, што вы хочаце зрабіць, 1319 01:08:01,070 --> 01:08:04,080 і вы не ведаеце, як гэта зрабіць гэта, проста націсніце кнопку Прагляд старонцы Крыніца 1320 01:08:04,080 --> 01:08:06,632 і яны збіраюцца распавесці вам. 1321 01:08:06,632 --> 01:08:07,840 Часам гэта будзе зашыфраваны. 1322 01:08:07,840 --> 01:08:11,147 Для вашага PSET, мы зашыфраваць усе, так гэта проста выглядае як трызненне. 1323 01:08:11,147 --> 01:08:13,480 Але калі калі-небудзь сапраўды класны сайт, што вы хочаце, 1324 01:08:13,480 --> 01:08:17,729 калі вы проста націсніце кнопку Прагляд старонцы Крыніца гэта збіраюся расказаць вам, як гэта зрабіць. 1325 01:08:17,729 --> 01:08:20,770 Такім чынам, яшчэ раз, працаваць разумнейшыя, а не больш. 1326 01:08:20,770 --> 01:08:24,250 І, як вы бачыце тут, усё гэтыя рэчы аднолькавыя. 1327 01:08:24,250 --> 01:08:31,930 гэты тут проста прымае некаторыя падрадок што я забыўся, што гэта робіць. 1328 01:08:31,930 --> 01:08:36,980 Але, відавочна, зойме некаторы падрадок ад кошту ад нуля да дзесяці, 1329 01:08:36,980 --> 01:08:41,540 і вяртае ілжывае, што варта спыніць Карыстальнік з уводам больш, 1330 01:08:41,540 --> 01:08:46,040 а затым, відавочна, абнаўляе Унутраная HTML там. 1331 01:08:46,040 --> 01:08:47,410 >> Крута. 1332 01:08:47,410 --> 01:08:53,000 Настолькі вялікія Вазьміце Высновы з сённяшняга дня, Эксперымент, паглядзіце на зыходны код 1333 01:08:53,000 --> 01:08:58,359 таму што гэта дапаможа вам шмат, і ўсё, часам JavaScript 1334 01:08:58,359 --> 01:09:03,200 можа быць цяжка працаваць, і не заўсёды працуюць так, як вы чакаеце, што, 1335 01:09:03,200 --> 01:09:05,700 але проста старацца таму што я абяцаю, што гэта будзе. 1336 01:09:05,700 --> 01:09:08,376 Я абяцаю, усе гэтыя прыклады працавалі перад класам. 1337 01:09:08,376 --> 01:09:09,750 Я не разумею, што адбылося. 1338 01:09:09,750 --> 01:09:13,069 Я літаральна ўсё ж. 1339 01:09:13,069 --> 01:09:17,660 >> Яшчэ адна рэч, што я проста хачу, каб паказаць вам, хлопцы, якія могуць быць супер карысна 1340 01:09:17,660 --> 01:09:21,630 у in--, што працуе раней? 1341 01:09:21,630 --> 01:09:23,935 Мы атрымалі партыю да працы, ці не так? 1342 01:09:23,935 --> 01:09:26,569 Я так думаю. 1343 01:09:26,569 --> 01:09:27,069 Так. 1344 01:09:27,069 --> 01:09:27,630 Мы зрабілі. 1345 01:09:27,630 --> 01:09:28,250 Высокі. 1346 01:09:28,250 --> 01:09:31,189 Такім чынам, адна рэч, якая вы, хлопцы, павінны ведаць, 1347 01:09:31,189 --> 01:09:33,340 з'яўляецца лог кансолі, што я казаў. 1348 01:09:33,340 --> 01:09:37,040 Так суцешыць кропка часопіс Hello. 1349 01:09:37,040 --> 01:09:40,430 Так што гэта свайго роду JavaScript эквівалент Printf. 1350 01:09:40,430 --> 01:09:42,810 Так што калі вы калі-небудзь хацелі праверыць свае зменныя 1351 01:09:42,810 --> 01:09:49,649 або паглядзець, што там адбываецца, што Вы можаце зрабіць гэта, калі мы правяраем элемент, 1352 01:09:49,649 --> 01:09:51,899 гэта тое, што вы хочаце пайсці каб і вы ідзяце, каб суцешыць, 1353 01:09:51,899 --> 01:09:53,770 Вы ўбачыце, што ён надрукаваны прывітанне. 1354 01:09:53,770 --> 01:09:55,750 >> Такім чынам, мы маглі б яго друкаваць усё, што мы хацелі. 1355 01:09:55,750 --> 01:10:04,170 Калі мы хацелі, каб надрукаваць фон кропка стыль кропка фон, 1356 01:10:04,170 --> 01:10:08,454 мы павінны быць у стане бачыць RGB ўтрая ідзе ўверх. 1357 01:10:08,454 --> 01:10:11,140 Ці не. 1358 01:10:11,140 --> 01:10:13,520 Я забыўся, як менавіта вы друкаваць зменную падобнае, 1359 01:10:13,520 --> 01:10:17,249 але вы павінны быць у стане раздрукаваць нешта накшталт гэтага. 1360 01:10:17,249 --> 01:10:19,040 Гэта будзе вельмі карысна для PSET калі 1361 01:10:19,040 --> 01:10:23,330 Вы спрабуеце маніпуляваць каардынаты ці яшчэ шмат чаго. 1362 01:10:23,330 --> 01:10:25,270 Такім чынам, яны таксама змяніць гэтую частку ў класе. 1363 01:10:25,270 --> 01:10:30,750 Гэта адрозніваецца ад мінулых гадоў, так проста прыемна вашых ТФ, або ТФ 1364 01:10:30,750 --> 01:10:36,350 ў працоўны час, а, таму, што мы выгляд навучання разам з вамі, хлопцы. 1365 01:10:36,350 --> 01:10:41,230 Але лог кансолі было супер, супер карысна для JavaScript у мінулым годзе. 1366 01:10:41,230 --> 01:10:42,740 Так люблю яго. 1367 01:10:42,740 --> 01:10:43,780 Даведайцеся, як выкарыстоўваць яго. 1368 01:10:43,780 --> 01:10:49,026 Гэта прасцей у выкарыстанні, чым GDB, так што павінна быць не менш за плюс кропкай. 1369 01:10:49,026 --> 01:10:50,650 Але дзякуй, хлопцы прыносяць з сабой. 1370 01:10:50,650 --> 01:10:53,400 Мне шкада, што мой прыклады па некаторых прычынах 1371 01:10:53,400 --> 01:10:55,410 проста не хачу, каб супрацоўнічаць са мной, але я 1372 01:10:55,410 --> 01:11:01,010 спадзяюся, што яна дапамагла атрымаць від вы трохі больш у зоне JavaScript. 1373 01:11:01,010 --> 01:11:04,980 І пашліце мне ўсе вашы пытанні на наступным тыдні, так што я магу быць супер рамонт, 1374 01:11:04,980 --> 01:11:09,420 і я прынясу цукеркі і нават дадатковы цукеркі, таму што гэта было смешна. 1375 01:11:09,420 --> 01:11:14,000 Але вы, хлопцы, выдатна, і маюць дзіўны тыдзень. 1376 01:11:14,000 --> 01:11:15,584