1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-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 Предполагам, че ние трябва да just-- просто може би бихме могли да 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 Надяваме се това е един от последните, midterms за вас, момчета за семестъра. 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 но то се случва да бъда себе си, Хана, Davan и Гейб отново. 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 е далеч, I мисля, един от най-полезните, 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 Така че тук ние Tommy, кой съм просто да си поговорим снощи. 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 "Томи, как мога да науча тези деца джава? " 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 OK? 73 00:03:43,370 --> 00:03:46,960 Така че зареждате някои JavaScript страница, и да го изпълнява на вашата машина. 74 00:03:46,960 --> 00:03:49,910 Синтаксис е много подобен на C и PHP. 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 OK? 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 видяхме как низ човек може да бъде се превърна в едно цяло число един, и така нататък. 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 контролиране на видове ни променливи, така да се каже, както правим в C. 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 "Hello World", когато влезете в страницата, но нека 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 OK? 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 OK? 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 и след това каквото искахме в рамките на нашата кутия Alert. 130 00:06:40,000 --> 00:06:40,500 OK? 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 OK? 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 "OK, редактирате нещо на този страница и да я направи да изглежда различно, 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 OK? 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 OK? 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 OK? 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 Публика: Булева. 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-AU: Булева. 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 Така че след това тук, какъв тип б бъде? 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 >> ALLISON BUCHHOLTZ-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 >> ALLISON BUCHHOLTZ-AU: Да. 193 00:09:38,035 --> 00:09:39,810 И след това ще бъде едно цяло число. 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 OK? 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 "Чакайте, аз мислех, че това е низ, а сега е едно цяло число, 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 >> OK. 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 Те са точно същите, с изключение на вместо четири междинно съединение I е равно на нула, 210 00:10:27,780 --> 00:10:30,470 бихме могли просто да се каже Var I е равен на нула. 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 Така четири крака са едни и същи, догдето са едни и същи, 214 00:10:39,800 --> 00:10:41,440 и правим докато още са абсолютно същите. 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 >> Така че това е просто някакъв прост сбор функция, която връща х или у, 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 Ние можем само да кажа, "OK, аз отивам да имат тази функция, която изпълнява, тук 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 OK? 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 и че не можеш да Гугъл неща или ги търсите онлайн с W3 училища. 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 И тогава ние имаме някои Var третия елемент, който е 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 И вие можете да получите достъп до тях, както направихме в C, с този индекс нотация, нали? 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 Точно като C, тя също е индекс нула. 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 OK? 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 е основно просто като тази интересна обявявам на C и 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 комплект, ако си спомням правилно. 319 00:16:29,720 --> 00:16:34,780 Така че това, което те са подобни в С са structs. 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 Когато говорихме за structs в C, ние често 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 е низ, инструктор, който е низ, и масив, пад, и Булева. 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 на всички тези различни видове structs че 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 и къщата Winthrop. 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 ALLISON BUCHHOLTZ-AU: Право, така че Просто ще предупредим с всички имена 399 00:20:54,900 --> 00:20:57,960 защото тя ще мине през Вила аз, така че ще започне от нула. 400 00:20:57,960 --> 00:21:01,330 Така че бих казал, OK, което търсим На този първи обект, който 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 и ние ще отпечата James, Моли и Карл. 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 е Document-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 >> ALLISON BUCHHOLTZ-AU: Така виждате това дърво тук? 424 00:22:06,660 --> 00:22:07,200 >> Публика: Да. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-AU: Така те ще поиска ползване 426 00:22:08,949 --> 00:22:11,750 за попълване на това, което става в рамките на тялото. 427 00:22:11,750 --> 00:22:15,770 Може би по тялото, ние имаме някои divs или имаме някои параграфи, 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 Така че Document 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 И в рамките на нашата заглавие тагове, имаме Здравей, свят. 451 00:23:28,040 --> 00:23:28,740 OK? 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 OK, което сме направили тази горна част, ние не търсим само в тялото, 455 00:23:38,680 --> 00:23:40,670 Така че ние имаме някаква телесна. 456 00:23:40,670 --> 00:23:44,350 И в рамките на този, единственото нещо, което имаме, е Hello, World. 457 00:23:44,350 --> 00:23:45,090 OK? 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 OK? 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 OK? 485 00:25:23,820 --> 00:25:31,341 Така вътрешната HTML има тенденция да се отнася до това, което е всъщност между тези тагове. 486 00:25:31,341 --> 00:25:31,840 OK? 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 че сме ги, или лична даде. 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 И по същия начин, ако искате да получите някои уникални неща, които можете да направите GET таг. 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 >> ОК, така че последното нещо, е джава събития. 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 Така че моя е на Hover, която, сигурен съм, сигурен, е само на висене. 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 Така че в този случай, ние имаме някои прозорец точка при зареждане. 530 00:27:54,630 --> 00:27:57,170 И така, какво казва е, "изчакайте до натоварването на прозореца. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Така че, когато всичко е натоварено, при зареждане, След това можете да включите тази функция. 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 и го отпечатва, че елемент е като бутона Search. 536 00:28:13,740 --> 00:28:17,050 И тогава ние имаме тази променлива, ние казваме, "OK, OnClick." 537 00:28:17,050 --> 00:28:20,390 Така че, когато чуете щракване върху бутона Search, 538 00:28:20,390 --> 00:28:23,990 изпълнява тази функция, която е сигнал, който сте кликнали върху бутона Search. 539 00:28:23,990 --> 00:28:28,910 >> Така че това, което се случва is-- това е хубаво малко графично представяне тук. 540 00:28:28,910 --> 00:28:31,480 Така че нашите се зареди, това е нашия при зареждане, 541 00:28:31,480 --> 00:28:34,340 ние откриваме нашето търсене бутон, който е това. 542 00:28:34,340 --> 00:28:36,570 Търсим нашия бутона Search. 543 00:28:36,570 --> 00:28:40,790 И тогава, когато бутона Search е щракнали, тя отговаря точно тук. 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 OK? 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 на, "това, което функция трябва I код? "Трябва да бъде, 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 All аз ще кажа, че е прави някои доста страшни неща 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 Ако Гугъл 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 OK? 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 И тогава, за неща, които отиват там, I оставя собствения четейки вашите момчета ". 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 Cool. 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 Бам. 622 00:32:47,950 --> 00:32:49,060 OK. 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 OK. 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 OK. 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 OK. 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 OK. 657 00:34:11,420 --> 00:34:12,560 Cool. 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, OK? 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 Това з Реф паунд просто означава, че то се случва да отида до една и съща страница. 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 и ако забележите тук, тялото ни има Id. 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 ALLISON BUCHHOLTZ-AU: Background. 697 00:36:11,280 --> 00:36:12,230 Perfect. 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 OK. 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 Party. 710 00:36:52,590 --> 00:36:55,200 Правилно. 711 00:36:55,200 --> 00:36:56,500 OK не е твърде лошо досега. 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 >> Така че това, което аз просто направих тук е, което казвам, OK, 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 OK? 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 Имам нужда да генерира произволни брой. ", ако го Гугъл, 736 00:38:08,464 --> 00:38:09,630 това е, което ще намерите. 737 00:38:09,630 --> 00:38:17,580 >> Така че ние имаме три различни неща, Var, не румени отново зелена. 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 Cool. 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 OK? 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 Публика: Time? 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-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 ALLISON BUCHHOLTZ-AU: Math Дот случайна. 758 00:39:02,471 --> 00:39:03,096 Публика: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-AU: Да. 760 00:39:04,580 --> 00:39:06,300 JavaScript просто се грижи за вас. 761 00:39:06,300 --> 00:39:07,580 OK. 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 Math Дот случайни пъти 255. 765 00:39:16,480 --> 00:39:17,740 Разбрано. 766 00:39:17,740 --> 00:39:18,820 Cool. 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 I закръглена с пода. 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 Math точка етаж. 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 >> ALLISON BUCHHOLTZ-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 OK? 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 OK? 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 OK? 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 >> ALLISON BUCHHOLTZ-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 Така че аз ще обясня в Uno 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 >> OK. 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 OK? 849 00:43:26,660 --> 00:43:32,210 До самия край, което е най- затваряне скоби на тази RGB тук. 850 00:43:32,210 --> 00:43:32,800 OK? 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 OK? 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 OK, дръж се. 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 ALLISON BUCHHOLTZ-AU: No. 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 Plus зелено. 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 OK. 876 00:44:30,520 --> 00:44:31,870 >> Публика: [недоловим] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-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 Perfect. 882 00:44:40,590 --> 00:44:41,090 OK. 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 OK. 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 >> ALLISON BUCHHOLTZ-AU: Коя? 889 00:44:50,310 --> 00:44:52,910 О, чакайте, дръж се. 890 00:44:52,910 --> 00:44:54,870 Space износване? 891 00:44:54,870 --> 00:44:57,209 >> Публика: Втори плюс в зелената конкатенацията. 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 Публика: Няма по пространство след плюса, да. 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-AU: Вие не се нуждаят от това, but-- 895 00:45:00,790 --> 00:45:01,190 Публика: О, не го направите? 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-AU: Това изглежда доста. 897 00:45:01,910 --> 00:45:02,530 Публика: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ AU: Да видим дали това работи. 900 00:45:05,170 --> 00:45:05,670 OK. 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 OK държа. 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 >> ALLISON BUCHHOLTZ-AU: Е, добре точно тук е дот JS лица. 916 00:45:45,940 --> 00:45:49,187 OK, това, което съм направил по-различно? 917 00:45:49,187 --> 00:45:50,520 OK, ще видим дали това работи сега. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 Бам. 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 Тези видове неща, които научаваш наистина само от Googling и честно 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 Публика: Clock? 946 00:47:22,380 --> 00:47:22,950 ALLISON BUCHHOLTZ-AU: Clock? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Cool. 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 Ние разполагаме с Разделение документ за самоличност на часовник, който 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 Защото готино нещо, е че може да зададете JavaScript за автоматично опресняване 957 00:47:56,060 --> 00:47:56,963 себе си. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Така че, вместо да чакат за потребителя да удари Refresh на страница 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 Документ дот получите елемент по-- Аз също Обичам Id Sublime-- и 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 има това голямо функция, I Знам, че дойде по-удобно, миналата година, 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 OK? 984 00:49:22,430 --> 00:49:26,890 >> Така че в този случай, ние просто ще създадете отново някаква анонимна функция, 985 00:49:26,890 --> 00:49:31,530 OK, че ще се получи, нашата дата, и нашето време, 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 Така че това е просто казвам, "OK, повикване тази функция на всеки 100 милисекунди. " 998 00:50:04,110 --> 00:50:04,805 OK? 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 нищо за това, което искате да направите, ако пишете, "OK, 1008 00:50:40,010 --> 00:50:41,980 Аз искам да отида на времето чрез JavaScript, "тя 1009 00:50:41,980 --> 00:50:45,890 ще ви даде тази велика функция, наречена GET дата. 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, че всъщност Ще отида в нашата Разделение Id на часовник. 1021 00:51:30,680 --> 00:51:34,610 И така, какво ще се прави е просто генерира някакъв низ, OK? 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 >> OK. 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 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> Така че след това, което можем да направим часовник дот вътрешната HTML е равна на HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 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 часовник е, че се отнася до всичко в рамките на това Div. 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 Just-- Алисън съм разстояние днес играта ми момчета. 1089 00:55:31,480 --> 00:55:34,136 OK, че работи. 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 OK. 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 >> ALLISON BUCHHOLTZ-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 >> OK, но нещо готино да се знае е, че можете да 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 OK. 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 OK. 1116 00:56:51,555 --> 00:56:53,890 Script Var часовник. 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 Също така, кредити за Tommy 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 Имате някаква променлива часовник, който има нашата елемент, може да получи елемент от ID, 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 OK? 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 OK? 1171 00:59:58,030 --> 01:00:00,420 И че има Id на текст. 1172 01:00:00,420 --> 01:00:04,520 Ние го рестилизирана малко с някои ширина и височина 1173 01:00:04,520 --> 01:00:07,310 че сме предварително, и ние сме Н1, 1174 01:00:07,310 --> 01:00:11,260 който току-що е нашата заглавна едно, че представлява нашите останалите знаци. 1175 01:00:11,260 --> 01:00:14,570 Ние го даде някои Id на оставащи знаци, 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 Така че в този случай, има две неща, които ни е грижа за, OK? 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 OK? 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-- OK, аз съм 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 OK, точка и запетая. 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 OK, да направи същото нещо, получите елемент от Id. 1213 01:02:22,120 --> 01:02:25,970 Аз съм наистина се чудех какво има причинена от другите две да се забъркваш. 1214 01:02:25,970 --> 01:02:29,750 OK, а след това в този мач, какво искаме да влезете? 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 Имаме още един Id в нашата HTML, какво е това? 1218 01:02:36,261 --> 01:02:37,552 Публика: Оставащи символа. 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-AU: Оставащи символи. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OK. 1222 01:02:44,330 --> 01:02:46,010 Cool. 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 OK? 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 OK? 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 ние ще кажем, "OK, когато правим това, ние 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 OK? 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 Cool. 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 "Когато Пуснете бутона Form е кликнали, проверете всички тези неща. " 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 Какво ще се случи, за да нашата стойност на R, ако се опитат? 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 OK? 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 All разчорлен от нещата не работи. 1293 01:06:36,560 --> 01:06:40,010 OK, ние просто искаме да връщане фалшиви, и тогава ние 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 >> ALLISON BUCHHOLTZ-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 Това ще бъде R, защото това трябва да ни оставащи знаци. 1306 01:07:18,437 --> 01:07:19,600 OK? 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 [Недоловим] OK. 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 OK, забелязваме същия вид нещо тук, все полето за текст. 1318 01:07:57,470 --> 01:08:01,070 >> Също така, ако забележите човек, ако има някога нещо, което искате да направите, 1319 01:08:01,070 --> 01:08:04,080 и не знаете как да го направите го, просто кликнете View Page Source, 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 ако просто кликнете View Page Source, това ще ви кажа как да го направя. 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 >> Cool. 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 Awesome. 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 Така утеши точка дневник на здравей. 1349 01:09:37,040 --> 01:09:40,430 Така че това е вид на JavaScript еквивалент ФОРМАТ. 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 Това е различно от последните години, така че Просто е хубаво да си TFS, или на TFS 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