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