1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> Роджер ZURAWICKI: Привет всем. 3 00:00:08,890 --> 00:00:11,310 Могу ли я привлечь ваше внимание? 4 00:00:11,310 --> 00:00:12,090 Спасибо, ребята. 5 00:00:12,090 --> 00:00:14,030 Сегодня я хочу поговорить о Meteor. 6 00:00:14,030 --> 00:00:16,710 Это основа JavaScript. 7 00:00:16,710 --> 00:00:21,110 Мы будем идти путем, как вы можете сделать действительно здорово веб-приложений. 8 00:00:21,110 --> 00:00:24,940 >> Прежде чем попасть в JavaScript, я просто хочу рассказать вам, ребята, что это воля 9 00:00:24,940 --> 00:00:26,900 быть - вы будете иметь более поздней собрать в этом семестре. 10 00:00:26,900 --> 00:00:28,520 Это должно быть около JavaScript. 11 00:00:28,520 --> 00:00:32,910 Я думаю, что [неразборчиво] сначала собирается покрыть веб HTML PHP материал прежде, чем мы 12 00:00:32,910 --> 00:00:34,530 перейти к JavaScript. 13 00:00:34,530 --> 00:00:39,650 И в CS50, JavaScript считается как клиентского кода. 14 00:00:39,650 --> 00:00:41,970 Так что только получает работать в веб-браузер. 15 00:00:41,970 --> 00:00:45,740 >> Но благодаря последним достижениям в технологии, мы теперь удалось бежать 16 00:00:45,740 --> 00:00:48,090 JavaScript в качестве сервера, а также. 17 00:00:48,090 --> 00:00:51,630 Так это создало действительно здорово рамки, потому что теперь вы можете написать 18 00:00:51,630 --> 00:00:55,250 законно и тот же код для клиент и сервер. 19 00:00:55,250 --> 00:00:57,810 И при определении функций в вашем сервер, клиент может назвать тех, 20 00:00:57,810 --> 00:00:59,090 же функции. 21 00:00:59,090 --> 00:01:00,370 И это делает его намного легче. 22 00:01:00,370 --> 00:01:04,519 Если раньше, если вы используете PHP на сервер, JavaScript на передней 23 00:01:04,519 --> 00:01:08,040 конец, вы должны написать функцию PHP а затем версия JavaScript из 24 00:01:08,040 --> 00:01:10,880 та же функция, чтобы сделать Аналогичная работа. 25 00:01:10,880 --> 00:01:14,330 >> Поэтому, прежде чем мы начнем, я хочу чтобы показать вам демо, что 26 00:01:14,330 --> 00:01:17,190 Метеор может сделать для вас. 27 00:01:17,190 --> 00:01:20,330 Я покажу вам демо, что и Вы сможете создать на 28 00:01:20,330 --> 00:01:21,580 Конец этого семинара. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Мы просто идем прямо здесь. 31 00:01:25,670 --> 00:01:27,410 Это приложение лидеров. 32 00:01:27,410 --> 00:01:31,970 Это на самом деле основаны из примера что Метеор, дает тебе. 33 00:01:31,970 --> 00:01:37,220 >> Метеор очень приятно, потому что, когда вы установить его в виде пакета, вы можете 34 00:01:37,220 --> 00:01:39,140 в основном играть с эти четыре демки. 35 00:01:39,140 --> 00:01:41,410 И лидеров является Первый из этих демонстраций. 36 00:01:41,410 --> 00:01:44,620 После семинара, я призываю вас всех просто исследовать другие демо 37 00:01:44,620 --> 00:01:48,300 потому что я думаю, что они действительно здорово, и они показывают вам власть Meteor. 38 00:01:48,300 --> 00:01:51,310 >> Так что это, это размещен на лидеров. 39 00:01:51,310 --> 00:01:54,950 Это просто откровенно список имен. 40 00:01:54,950 --> 00:01:56,510 И вы можете выбрать людей. 41 00:01:56,510 --> 00:01:57,780 Они желтеют. 42 00:01:57,780 --> 00:02:00,060 И тогда вы сможете дать им пять очков. 43 00:02:00,060 --> 00:02:02,850 И вы заметите, что список отсортированный потому что, как я отдаюсь больше 44 00:02:02,850 --> 00:02:05,850 и более баллов, я теперь на самом верху. 45 00:02:05,850 --> 00:02:07,420 Так что это, где мы начинаем. 46 00:02:07,420 --> 00:02:11,690 >> И то, что вы будете в состоянии отнять от данного семинара является несколько более 47 00:02:11,690 --> 00:02:13,600 особенности я, добавленные в Лидеров. 48 00:02:13,600 --> 00:02:18,240 Мы будем покрывать, как, а также добавить пять очков для игрока, мы можем 49 00:02:18,240 --> 00:02:28,720 удалить игроков, мы можем добавить новых игроков, и мы можем выбирать, как мы хотим, 50 00:02:28,720 --> 00:02:29,540 сортировать их. 51 00:02:29,540 --> 00:02:35,240 И все это очень легко звонки API что Метеор предоставляет для вас. 52 00:02:35,240 --> 00:02:39,120 У вас также есть возможность здесь в случайном баллы. 53 00:02:39,120 --> 00:02:41,450 >> Так что это действительно здорово об этом является вы, ребята, может на самом деле 54 00:02:41,450 --> 00:02:43,820 все зайти на сайт. 55 00:02:43,820 --> 00:02:46,575 Я положу его в большем текста здесь. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 Один радикалы приводят erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 И когда вы, ребята, заходите на сайт, вам должны иметь возможность редактировать свой сайт, а 60 00:03:07,622 --> 00:03:09,595 все ваши правки будут видны для всех остальных. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Так что вы можете - вы, ребята, все возможность подключения к сайту? 63 00:03:17,740 --> 00:03:18,750 Так поиграть с ним. 64 00:03:18,750 --> 00:03:20,440 Иди и начать удаление некоторые имена. 65 00:03:20,440 --> 00:03:21,690 Посмотрите, что происходит. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Итак, вы видите каждый может играть. 68 00:03:38,510 --> 00:03:41,930 Это только безопасности по умолчанию режим для Meteor. 69 00:03:41,930 --> 00:03:44,360 Вы видите, что каждый может изменить данные друг друга. 70 00:03:44,360 --> 00:03:44,920 Не волнуйтесь. 71 00:03:44,920 --> 00:03:46,460 Метеор имеет безопасности. 72 00:03:46,460 --> 00:03:49,860 Это очень легко реализовать функция, где вы можете настроить пользователей 73 00:03:49,860 --> 00:03:50,600 и логины. 74 00:03:50,600 --> 00:03:53,750 Но сейчас, любой, кто посещает сайт может дать себе больше, 75 00:03:53,750 --> 00:03:55,000 указывает, как они хотят. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 Так что я всегда так, потому что это представляет собой интересный способ, чтобы начать работу. 78 00:04:00,090 --> 00:04:02,360 И тогда мы будем просто говорить о деталях, как 79 00:04:02,360 --> 00:04:03,610 Метеор делает это возможным. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Так что я собираюсь рассказать, что Метеор, а затем мы просто должны охватывать 82 00:04:15,660 --> 00:04:18,920 две предпосылки, что CS50 не покрыты достаточно. 83 00:04:18,920 --> 00:04:21,970 Но к концу срока, вы должны быть удобными и с HTML и 84 00:04:21,970 --> 00:04:25,250 JavaScript, чтобы действительно получить ваши руки грязные работы с Meteor. 85 00:04:25,250 --> 00:04:28,740 И я думаю, это просто отличный способ для даже менее комфортно студентам сделать 86 00:04:28,740 --> 00:04:32,930 Окончательные проекты, потому что они могут на самом деле оставаться на одном языке, и они получают 87 00:04:32,930 --> 00:04:37,620 увидеть изменения их работать сразу же. 88 00:04:37,620 --> 00:04:42,520 >> Так что это слайд-шоу лишь некоторые из основные технологии, которые Метеор JS 89 00:04:42,520 --> 00:04:43,610 дает вам. 90 00:04:43,610 --> 00:04:46,090 Метеор не новая технология сам по себе. 91 00:04:46,090 --> 00:04:48,390 Это действительно конгломерат все эти разные вещи 92 00:04:48,390 --> 00:04:49,920 у нас есть в Интернете. 93 00:04:49,920 --> 00:04:55,650 А также HTML, CSS, JavaScript, мы есть некоторые технологии, такие как Node.js, 94 00:04:55,650 --> 00:04:58,490 что и позволяет запускать JavaScript на заднем конце на вашем 95 00:04:58,490 --> 00:05:02,520 сервер, а также некоторые JavaScript библиотеки, такие как JQuery, подчеркивания. 96 00:05:02,520 --> 00:05:06,320 >> Все это будет знаком Вы к концу семестра. 97 00:05:06,320 --> 00:05:10,680 И мы также получаете возможность использовать базу данных с именем MongoDB, который является действительно 98 00:05:10,680 --> 00:05:14,250 популярная база данных в настоящее время для эти новые стартапы. 99 00:05:14,250 --> 00:05:18,650 Вы можете думать об этом как как MySQL, но она работает очень хорошо с JavaScript. 100 00:05:18,650 --> 00:05:22,140 И есть некоторые другие технологии здесь и многое другое я не указаны 101 00:05:22,140 --> 00:05:23,880 что все интерфейс действительно приятно с Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Я должен положить этот слайд, потому что иногда я получаю путаницы по этому поводу. 104 00:05:30,540 --> 00:05:31,695 Метеор только JavaScript. 105 00:05:31,695 --> 00:05:33,040 Это не PHP. 106 00:05:33,040 --> 00:05:34,360 Это не Рубин на рельсы. 107 00:05:34,360 --> 00:05:37,950 Так что если вы пишете код, если вы хотите написать проект Метеор, вы действительно 108 00:05:37,950 --> 00:05:38,900 не можете использовать Ruby, код. 109 00:05:38,900 --> 00:05:41,660 Вы действительно не использовать PHP. 110 00:05:41,660 --> 00:05:45,800 >> В то время как мы увидим, что различия в Код и синтаксис не может быть, что 111 00:05:45,800 --> 00:05:48,930 разные, я хочу подчеркнуть, вам, что Метеор, все, что вы код 112 00:05:48,930 --> 00:05:50,660 только в JavaScript. 113 00:05:50,660 --> 00:05:53,920 И все, что вы показываете пользователь будет HTML CSS. 114 00:05:53,920 --> 00:05:56,780 Но вы на самом деле не с помощью любого из другие языки, что и другие 115 00:05:56,780 --> 00:05:59,250 семинары могут охватывать. 116 00:05:59,250 --> 00:06:01,020 Что Метеор также является веб-сервером. 117 00:06:01,020 --> 00:06:03,930 Так что даже если у вас нет любое JavaScript, и вы просто хотите, чтобы служить 118 00:06:03,930 --> 00:06:07,020 CSS и HTML файлы, Метеор может сделать это за вас. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> И вот ссылка еще раз, чтобы демо, что я получил, вы, ребята 121 00:06:13,770 --> 00:06:15,380 начал играть с. 122 00:06:15,380 --> 00:06:18,230 Но давайте перейдем к HTML. 123 00:06:18,230 --> 00:06:22,060 Сколько людей здесь есть никакая идея, что HTML не? 124 00:06:22,060 --> 00:06:22,670 ОК здорово. 125 00:06:22,670 --> 00:06:25,800 И это полностью нормально. 126 00:06:25,800 --> 00:06:29,410 Вы действительно не нужно много знать о Это потому, что мы пойдем на 127 00:06:29,410 --> 00:06:31,220 Использование очень просто. 128 00:06:31,220 --> 00:06:34,570 >> Это то, что простое HTML страница выглядит. 129 00:06:34,570 --> 00:06:38,840 Это может быть как ваш Hello, World для HTML, в то время как мы начали в С 130 00:06:38,840 --> 00:06:40,760 Здравствуй, мир. 131 00:06:40,760 --> 00:06:44,360 Я не хочу, чтобы вы подчеркнуть на Подробности того, что HTML, какой голове, что 132 00:06:44,360 --> 00:06:46,120 тело, что название там делает. 133 00:06:46,120 --> 00:06:49,130 Я просто хочу подчеркнуть структуру, как у вас есть теги. 134 00:06:49,130 --> 00:06:50,860 И это угловые скобки. 135 00:06:50,860 --> 00:06:52,380 И вот, когда у вас есть Ваши дескрипторов. 136 00:06:52,380 --> 00:06:54,790 >> Так что вы можете иметь HTML документ. 137 00:06:54,790 --> 00:06:59,300 И тогда вы будете закрывать HTML документ с обратной косой же самое. 138 00:06:59,300 --> 00:07:01,200 И у вас есть различные виды меток. 139 00:07:01,200 --> 00:07:02,730 И заметьте, что все они согласованы. 140 00:07:02,730 --> 00:07:05,300 Вы будете иметь как тело тега а затем закрывающий тег тела. 141 00:07:05,300 --> 00:07:08,620 И внутри тега тела, это будет содержимое вашей веб-странице. 142 00:07:08,620 --> 00:07:12,770 Так что это веб-страница просто отобразить в белом фоне и черный текст 143 00:07:12,770 --> 00:07:14,242 Здравствуй, мир. 144 00:07:14,242 --> 00:07:17,610 Значит ли это, имеет смысл? 145 00:07:17,610 --> 00:07:19,500 ОК. 146 00:07:19,500 --> 00:07:22,640 >> Теперь я собираюсь быстро покрыть JavaScript. 147 00:07:22,640 --> 00:07:26,990 По словам предыдущей TF, "JavaScript является лучшим программирования 148 00:07:26,990 --> 00:07:28,550 язык, существующей в настоящее. 149 00:07:28,550 --> 00:07:30,520 Другие люди будут пытаться говорить вам обратное. 150 00:07:30,520 --> 00:07:33,840 Они ошибаются ". JavaScript довольно хорошо, и я покажу вам, почему. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Так что это классический пример мы начинаем с в С. У нас есть привет, мир. 153 00:07:42,380 --> 00:07:45,500 И вы заметите, что даже если вы сокращаться это, вы должны иметь по крайней мере два 154 00:07:45,500 --> 00:07:46,560 строк кода. 155 00:07:46,560 --> 00:07:48,990 У меня есть несколько строк кода. 156 00:07:48,990 --> 00:07:50,160 Это может быть сделано очень просто. 157 00:07:50,160 --> 00:07:53,950 Одна линия в JavaScript с console.log, а затем ваша строка, 158 00:07:53,950 --> 00:07:55,340 Здравствуй, мир. 159 00:07:55,340 --> 00:07:59,570 >> Теперь, даже при том, что мы движемся к новому язык JavaScript, почти все 160 00:07:59,570 --> 00:08:02,950 навыки, которые вы узнали, кодирования в С непосредственно портативный. 161 00:08:02,950 --> 00:08:07,130 Так строки, идея строк в двойные кавычки, это то же самое. 162 00:08:07,130 --> 00:08:08,890 Точка с запятой, это то же самое. 163 00:08:08,890 --> 00:08:11,190 >> Аккуратный особенностью JavaScript на самом деле в том, что вам 164 00:08:11,190 --> 00:08:12,360 не нужна точка с запятой. 165 00:08:12,360 --> 00:08:14,950 Он может догадаться, что вы должны поставить точку с запятой там. 166 00:08:14,950 --> 00:08:18,035 А вот что сказал, вы всегда должны попробовать положить ваши запятой там. 167 00:08:18,035 --> 00:08:21,160 Считается хорошим стилем. 168 00:08:21,160 --> 00:08:22,650 А также, нет основной функцией. 169 00:08:22,650 --> 00:08:25,580 Вы просто начать в верхней части файла и читать вещи строка за строкой. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Тогда это то, что нужно, чтобы сделать что привет, мир программа. 172 00:08:32,760 --> 00:08:36,059 И обратите внимание на то, что вы должны сделать привет, а затем запустить привет. 173 00:08:36,059 --> 00:08:38,530 С помощью JavaScript, она считается интерпретируемый язык. 174 00:08:38,530 --> 00:08:40,780 Что нужно знать, что нет решений. 175 00:08:40,780 --> 00:08:41,950 >> Там нет компиляции. 176 00:08:41,950 --> 00:08:43,440 Вы просто запустите узел. 177 00:08:43,440 --> 00:08:47,220 И помните узел это программа, которая будет работать ваш наличие на консоли, 178 00:08:47,220 --> 00:08:49,030 на черном поле, а не на сайте. 179 00:08:49,030 --> 00:08:52,480 Таким образом, вы просто дать ему файл, и это в печать привет, мир. 180 00:08:52,480 --> 00:08:56,750 >> Я на самом деле немного демо что для вас, ребята прямо здесь. 181 00:08:56,750 --> 00:08:59,380 Так что давайте перейдем к моим Node.js терминал. 182 00:08:59,380 --> 00:09:04,470 183 00:09:04,470 --> 00:09:05,322 ОК. 184 00:09:05,322 --> 00:09:06,150 Давайте перейдем здесь. 185 00:09:06,150 --> 00:09:07,930 Так что я собираюсь начать узел. 186 00:09:07,930 --> 00:09:10,230 И я покажу вам, ребята всего сек, как получить, что 187 00:09:10,230 --> 00:09:12,000 установлен, если вы не делаете. 188 00:09:12,000 --> 00:09:14,800 Позвольте мне сделать, что немного больше. 189 00:09:14,800 --> 00:09:17,800 190 00:09:17,800 --> 00:09:17,870 ОК. 191 00:09:17,870 --> 00:09:20,120 Я надеюсь, что вы, ребята, можете видеть. 192 00:09:20,120 --> 00:09:27,390 >> Так что я могу написать код, как я сделал прежде в console.log. 193 00:09:27,390 --> 00:09:28,915 Привет, Роджер. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 И заметьте, я не должен сделать точка с запятой, но потом я получаю это странно 196 00:09:35,330 --> 00:09:36,850 неопределенная вещь. 197 00:09:36,850 --> 00:09:40,310 Ну на самом деле, не говоря уже о определено вещь. 198 00:09:40,310 --> 00:09:43,590 Вещи, которые я хочу обратить ваше внимание, что вам не нужно основную функцию здесь 199 00:09:43,590 --> 00:09:45,050 для запуска кода. 200 00:09:45,050 --> 00:09:46,790 И нет никакого конца обратный слэш. 201 00:09:46,790 --> 00:09:50,683 Там-то маленькие особенности, которые JavaScript может сделать для вас. 202 00:09:50,683 --> 00:09:53,510 >> АУДИТОРИЯ: [неразборчиво]. 203 00:09:53,510 --> 00:09:54,000 >> Роджер ZURAWICKI: О да. 204 00:09:54,000 --> 00:09:57,460 Я сожалею об этом. 205 00:09:57,460 --> 00:10:02,200 И, что стрелка просто означает узел готов к другой команде. 206 00:10:02,200 --> 00:10:05,380 Таким образом, вы можете иметь его сделать простой математика, как 1 плюс 1. 207 00:10:05,380 --> 00:10:10,360 И так же, как и в C, эти математики символы такие же. 208 00:10:10,360 --> 00:10:13,750 Я могу сделать console.log числа. 209 00:10:13,750 --> 00:10:15,090 А потом он печатает две. 210 00:10:15,090 --> 00:10:19,000 JavaScript хорош в этом смысле, потому что хотя два является внутр, 211 00:10:19,000 --> 00:10:22,020 как в C, если вы Printf с два, вы получите сообщение об ошибке. 212 00:10:22,020 --> 00:10:24,140 >> Но в JavaScript знает, о, ты печать что-то. 213 00:10:24,140 --> 00:10:25,070 Я собираюсь нужна строка. 214 00:10:25,070 --> 00:10:28,410 Итак, позвольте мне конвертировать, что два в строку для вас. 215 00:10:28,410 --> 00:10:34,970 И вы также можете сделать некоторые странные вещи как привет, а затем плюс два. 216 00:10:34,970 --> 00:10:39,520 Это просто еще один пример того, как два могут быть преобразованы в там также. 217 00:10:39,520 --> 00:10:45,135 >> Так что с этим из пути, давайте только покрыть немного больше JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Таким образом, в С, у нас есть виды. 220 00:10:50,540 --> 00:10:53,925 Всякий раз, когда мы создали новую переменную, мы должен сказать, что это, это символ * или 221 00:10:53,925 --> 00:10:55,850 Строка в случае CS50. 222 00:10:55,850 --> 00:10:58,350 Или если бы мы имели десятичное число, мы должны были сказать поплавок. 223 00:10:58,350 --> 00:11:00,690 Если мы нуждались в логическое значение, мы должны были сказать б. 224 00:11:00,690 --> 00:11:04,220 А потом, как только у нас было что-то, что был б, он должен был остаться BOOL. 225 00:11:04,220 --> 00:11:07,360 Мы не могли магически изменить его на внутр если мы не писал в 226 00:11:07,360 --> 00:11:09,450 скобки, внутр Ъ. 227 00:11:09,450 --> 00:11:11,820 >> В JavaScript нет типа. 228 00:11:11,820 --> 00:11:13,350 Вы просто думать об этом как вар. 229 00:11:13,350 --> 00:11:15,270 И вар, как вы создать новый тип. 230 00:11:15,270 --> 00:11:19,210 Так он может иметь переменная с является строкой, вар н будучи поплавок, 231 00:11:19,210 --> 00:11:21,230 и переменная б не так. 232 00:11:21,230 --> 00:11:24,980 И еще одна вещь, что вы не можете сделать в С Теперь я могу сказать, после этой линии, б 233 00:11:24,980 --> 00:11:26,230 равна целое. 234 00:11:26,230 --> 00:11:27,400 И это работает просто отлично. 235 00:11:27,400 --> 00:11:30,840 В то время как в С, то сказал бы, что, как Ваш целое не BOOL. 236 00:11:30,840 --> 00:11:32,770 Я не могу сделать это за вас. 237 00:11:32,770 --> 00:11:34,050 Или [неразборчиво], выдавали ошибку. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> И я могу быстро вернуться в узел и показать некоторые из этих функций. 240 00:11:43,420 --> 00:11:44,960 Так что я могу есть уаг а. 241 00:11:44,960 --> 00:11:52,120 Назовите это "Яблоко". Так что теперь, когда я печатаю, Я получу свой строку, 'Яблоко ". Но я могу 242 00:11:52,120 --> 00:11:54,900 Также теперь говорят равен 3. 243 00:11:54,900 --> 00:11:56,610 И обратите внимание, нет никакой ошибки. 244 00:11:56,610 --> 00:12:00,630 И теперь равен 3. 245 00:12:00,630 --> 00:12:01,880 Любые вопросы до сих пор? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Да. 248 00:12:07,570 --> 00:12:10,780 >> АУДИТОРИЯ: Подождите, так console.log в основном Е, верно? 249 00:12:10,780 --> 00:12:12,180 >> Роджер ZURAWICKI: console.log Ваш Е. 250 00:12:12,180 --> 00:12:12,652 >> АУДИТОРИЯ: Верно. 251 00:12:12,652 --> 00:12:17,844 Так как же, если вы просто введите в восемь или [неразборчиво], что способствует тому, 252 00:12:17,844 --> 00:12:18,790 [Неразборчиво]? 253 00:12:18,790 --> 00:12:19,160 >> Роджер ZURAWICKI: Верно. 254 00:12:19,160 --> 00:12:21,690 Таким образом, это - 255 00:12:21,690 --> 00:12:24,240 материал зеленым печатается в консоли. 256 00:12:24,240 --> 00:12:27,050 И то, что мы увидим дальше, когда мы двигаемся в Интернете 257 00:12:27,050 --> 00:12:29,300 страницы, мы не будем делать - 258 00:12:29,300 --> 00:12:32,650 JavaScript будете иметь HTML Шаблон, который я расскажу в 259 00:12:32,650 --> 00:12:34,730 Метеор часть семинара. 260 00:12:34,730 --> 00:12:38,730 И вот, когда вы можете сказать, дай мне значение, и это поставит ин 261 00:12:38,730 --> 00:12:39,920 ваш сайт. 262 00:12:39,920 --> 00:12:42,520 Потому что каждый веб-браузер на самом деле есть немного консоль. 263 00:12:42,520 --> 00:12:46,380 И если вы очень внимательно, вы бы получить некоторую информацию, как ваш 264 00:12:46,380 --> 00:12:51,210 Е это появляясь там с каждый веб-страницы загрузки. 265 00:12:51,210 --> 00:12:53,580 >> АУДИТОРИЯ: Как вы попали на экран оболочки? 266 00:12:53,580 --> 00:12:57,680 >> Роджер ZURAWICKI: Так что есть команда называется узел, и он приходит с Meteor. 267 00:12:57,680 --> 00:13:01,230 Так что я буду просто бросить оттуда. 268 00:13:01,230 --> 00:13:03,580 Узел это программа, которая работает JavaScript. 269 00:13:03,580 --> 00:13:07,070 Если вы идете в meteor.com, вы можно установить Метеор, и 270 00:13:07,070 --> 00:13:08,480 Метеор поставляется с узлом. 271 00:13:08,480 --> 00:13:11,470 Потому Метеор это просто набор всех этих программных пакетов. 272 00:13:11,470 --> 00:13:15,280 Когда мы получаем к нашему примеру, я буду пешком всех через установку 273 00:13:15,280 --> 00:13:17,625 Meteor, а затем вы можете играть с узлом себя. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 ОК, отлично. 276 00:13:23,980 --> 00:13:29,640 >> Так одна интересная особенность о работе с JavaScript в петли одинаковы. 277 00:13:29,640 --> 00:13:31,430 В значительной степени то же самое. 278 00:13:31,430 --> 00:13:35,530 Для петель, а петли, делать в то время как петли, если в другом месте. 279 00:13:35,530 --> 00:13:36,880 Это все то же самое с фигурными скобками. 280 00:13:36,880 --> 00:13:38,540 Это тот же синтаксис. 281 00:13:38,540 --> 00:13:41,350 В случае цикл, маленький подробно, что вы должны обратить внимание 282 00:13:41,350 --> 00:13:45,340 чтобы вместо ИНТ я равна 0, мы должны сказать, вар я равна 0. 283 00:13:45,340 --> 00:13:49,580 Но это потому, что из переменных типы, что мы говорили раньше. 284 00:13:49,580 --> 00:13:53,360 >> Обратите внимание, что Е становится Журнал, console.log. 285 00:13:53,360 --> 00:13:57,370 И мы не должны сделать процент р обратный слеш н а затем передать в I. 286 00:13:57,370 --> 00:13:58,380 Вы можете просто сказать, что я. 287 00:13:58,380 --> 00:14:01,910 И было бы печатать номера от нуля до четырех. 288 00:14:01,910 --> 00:14:04,830 Если вы, ребята хотите попробовать это, потому что Вы воспитали хорошую точку. 289 00:14:04,830 --> 00:14:08,730 Если вы хотите запустить этот код себе на собственный браузер, я рекомендовал бы, 290 00:14:08,730 --> 00:14:11,040 все открывается Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome или любой веб-браузер действительно, но мне нравится Google Chrome 292 00:14:14,220 --> 00:14:17,350 , потому что это очень стандартизированы. 293 00:14:17,350 --> 00:14:24,240 >> Вы можете пойти в, я считаю, если щелкнуть правой нажмите на любой веб-сайт, на всякий 294 00:14:24,240 --> 00:14:26,880 пробелы, вы увидите опцию называется Осмотрите элемент. 295 00:14:26,880 --> 00:14:28,810 Это, как правило последним. 296 00:14:28,810 --> 00:14:32,630 И когда вы щелкните по ней, вы должны получить вещь на дно появится здесь. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Позвольте мне увеличить здесь. 299 00:14:37,780 --> 00:14:41,390 И у нас есть несколько вкладок здесь. 300 00:14:41,390 --> 00:14:43,580 Тот, что вам нужно это консоль. 301 00:14:43,580 --> 00:14:48,820 >> И это консоль JavaScript что теперь вы можете работать с. 302 00:14:48,820 --> 00:14:49,370 Великий. 303 00:14:49,370 --> 00:14:52,560 Так что я могу ввести тот же самый материал Я печатал прежде в узле. 304 00:14:52,560 --> 00:14:54,790 Один плюс один равно двум. 305 00:14:54,790 --> 00:14:59,110 Var равно "Яблоко". 306 00:14:59,110 --> 00:15:03,430 А потом я бы напечатать, и является «Яблоко». 307 00:15:03,430 --> 00:15:08,760 Так что в любом веб-браузере, Firefox, Chrome, Сафари, что вы используете, как 308 00:15:08,760 --> 00:15:11,240 Пока у вас есть доступ к JavaScript Консоль, такой же 309 00:15:11,240 --> 00:15:15,520 Код я бежал в узле, который может работать в своем собственном консоли. 310 00:15:15,520 --> 00:15:17,530 >> АУДИТОРИЯ: [неразборчиво]? 311 00:15:17,530 --> 00:15:18,690 >> Роджер ZURAWICKI: Как добраться до консоли? 312 00:15:18,690 --> 00:15:22,880 Вы должны правой кнопкой мыши на пустом пространстве на странице, а затем вы идете в 313 00:15:22,880 --> 00:15:26,100 Осмотрите элемент. 314 00:15:26,100 --> 00:15:28,290 Так на самом деле, я бы хотел вас, ребята просто убедитесь, что вы можете 315 00:15:28,290 --> 00:15:29,860 Осмотрите элемент в Chrome. 316 00:15:29,860 --> 00:15:32,630 И видеть, когда вы набираете в некоторых Код в консоли 317 00:15:32,630 --> 00:15:33,880 что он работает правильно. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Не стесняйтесь задавать любые вопросы, если что-то не ясно. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> АУДИТОРИЯ: [неразборчиво]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> Роджер ZURAWICKI: Любой тип, прямо. 324 00:16:28,200 --> 00:16:31,370 Там только один тип для всех переменные в JavaScript. 325 00:16:31,370 --> 00:16:34,160 И когда вы должны объявить переменная, вы говорите вар. 326 00:16:34,160 --> 00:16:35,410 >> АУДИТОРИЯ: [неразборчиво]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> Роджер ZURAWICKI: Да. 329 00:16:40,050 --> 00:16:43,730 Да, но в JavaScript, это очень умным о выделении памяти. 330 00:16:43,730 --> 00:16:44,600 Там нет таНос. 331 00:16:44,600 --> 00:16:45,780 Там нет свободной. 332 00:16:45,780 --> 00:16:48,490 Так что вам не нужно беспокоиться о том, что. 333 00:16:48,490 --> 00:16:51,140 Это еще одна приятная особенность, которая JavaScript предоставляет вам. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Поэтому я хотел бы, чтобы двигаться дальше. 336 00:16:58,440 --> 00:17:01,360 Это было бы в порядке? 337 00:17:01,360 --> 00:17:02,610 ОК. 338 00:17:02,610 --> 00:17:04,780 339 00:17:04,780 --> 00:17:07,720 Великий. 340 00:17:07,720 --> 00:17:10,660 >> АУДИТОРИЯ: Я просто возникли проблемы найти [? Осмотрите элемент. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> Роджер ZURAWICKI: Так Safari выглядит немного отличается, но вы 343 00:17:16,250 --> 00:17:18,599 есть Chrome или Firefox? 344 00:17:18,599 --> 00:17:21,619 Те, тем легче те, чтобы работать. 345 00:17:21,619 --> 00:17:25,079 И для ваших проектов, я рекомендую придерживаться одного браузера, потому что 346 00:17:25,079 --> 00:17:29,610 Вы получите много ошибок почти потому что каждый браузер обрабатывает 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML немного по-другому. 348 00:17:31,980 --> 00:17:35,170 Поэтому я думаю, ваша жизнь будет намного легче, если вы будете придерживаться Chrome, потому что 349 00:17:35,170 --> 00:17:37,052 она доступна на всех машинах. 350 00:17:37,052 --> 00:17:38,790 И это довольно популярный браузер. 351 00:17:38,790 --> 00:17:59,860 352 00:17:59,860 --> 00:18:01,110 ОК? 353 00:18:01,110 --> 00:18:03,310 354 00:18:03,310 --> 00:18:06,370 >> Так что в следующий тема, которую мы должны охватить в JavaScript - 355 00:18:06,370 --> 00:18:07,730 Я сожалею о форматировании здесь. 356 00:18:07,730 --> 00:18:11,630 Мне пришлось растянуть слайды, чтобы соответствовать широкоформатный проектор. 357 00:18:11,630 --> 00:18:14,750 Но я бы сейчас хотел говорить о как вы делаете функции. 358 00:18:14,750 --> 00:18:17,410 В C, мы должны объявить каждая функция. 359 00:18:17,410 --> 00:18:22,130 Как междунар добавить, и он принимает Int в х, и внутр у, а затем добавляем их 360 00:18:22,130 --> 00:18:23,100 и вернуть его. 361 00:18:23,100 --> 00:18:26,850 >> В JavaScript функции на самом деле другой тип переменной. 362 00:18:26,850 --> 00:18:30,560 Таким образом, мы просто скажем, вар добавить, и она равна функции. 363 00:18:30,560 --> 00:18:32,580 Функция, которая принимает х и у. 364 00:18:32,580 --> 00:18:33,790 И что это функция делать? 365 00:18:33,790 --> 00:18:39,910 Она возвращает х плюс у в точно такой же Синтаксис как в C. И вы заметили, что в 366 00:18:39,910 --> 00:18:44,290 JavaScript, вы не будет сказано, что Функция возвращает, потому что с 367 00:18:44,290 --> 00:18:49,160 переменные не имеют типов в любом случае, это это не совсем продуктивно, я думаю, 368 00:18:49,160 --> 00:18:52,855 быть указав все свои типы в ваших функций. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 А потом, когда вы вызываете функцию, это точно такой же синтаксис, как С. You 371 00:18:59,565 --> 00:19:03,610 просто передать в ваших двух аргументов. 372 00:19:03,610 --> 00:19:07,330 Я хотел бы попробовать это в моем узле. 373 00:19:07,330 --> 00:19:09,284 Могу ли я изменить слайд? 374 00:19:09,284 --> 00:19:10,534 >> АУДИТОРИЯ: [неразборчиво]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Сможем ли мы получить копию слайдов? 377 00:19:17,000 --> 00:19:18,250 >> Роджер ZURAWICKI: Да. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Так давайте вернемся к узлу. 380 00:19:29,956 --> 00:19:32,240 ОК. 381 00:19:32,240 --> 00:19:38,160 Так что я буду говорить, вар добавить равна функцию. 382 00:19:38,160 --> 00:19:40,650 Принимая х, принимая у. 383 00:19:40,650 --> 00:19:43,690 А потом он знает, что заявление'S не завершена. 384 00:19:43,690 --> 00:19:47,692 Таким образом, в узле или в консоли, Вы заметите, точка точка точка. 385 00:19:47,692 --> 00:19:49,660 Таким образом, вы можете держать набрав код. 386 00:19:49,660 --> 00:19:53,650 А теперь я скажу возвращение х плюс у. 387 00:19:53,650 --> 00:19:54,790 И затем закройте скобки. 388 00:19:54,790 --> 00:20:00,260 И в тот момент я закрываю скобки, это видит, что заявление закончена. 389 00:20:00,260 --> 00:20:04,730 >> И теперь я могу сказать, добавить один и два. 390 00:20:04,730 --> 00:20:08,280 И я получу три отъезде. 391 00:20:08,280 --> 00:20:11,545 Заметим, что если я просто добавить, что говорит мне, что это функция. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 И еще одна вещь просто обратить внимание на , если вы даете ему неверное количество 394 00:20:19,570 --> 00:20:23,380 аргументы, это сделает. 395 00:20:23,380 --> 00:20:25,890 Он будет работать, но вы могли бы получить некоторые действительно странные результаты. 396 00:20:25,890 --> 00:20:30,070 Вроде как значение мусора, Вы можете думать об этом. 397 00:20:30,070 --> 00:20:32,060 Поэтому, пожалуйста, идти вперед и попробовать это в ваш браузер. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> Итак, в целях экономии времени, я буду теперь перейдем к следующим особенностей в 400 00:21:29,510 --> 00:21:30,760 JavaScript. 401 00:21:30,760 --> 00:21:36,520 402 00:21:36,520 --> 00:21:38,400 Таким образом, мы уже говорили об функций. 403 00:21:38,400 --> 00:21:40,840 Мы говорили о циклах, если заявления тоже. 404 00:21:40,840 --> 00:21:43,660 Синтаксис такой же, как С и переменных. 405 00:21:43,660 --> 00:21:46,090 А теперь я хочу поговорить о массивах. 406 00:21:46,090 --> 00:21:48,520 Мне очень жаль, что горки Стал немного отрезаны. 407 00:21:48,520 --> 00:21:52,470 Но на самом деле, в первом разделе, все, что нужно будет работать. 408 00:21:52,470 --> 00:21:55,410 >> Поэтому у нас есть еще один тип для переменные называются массивы. 409 00:21:55,410 --> 00:21:57,930 И мы используем квадратные скобки для обозначения их. 410 00:21:57,930 --> 00:22:01,960 Таким образом, в первом примере вар обр, пустой массив. 411 00:22:01,960 --> 00:22:05,900 Это пустой список, поэтому массив не содержащий элементы. 412 00:22:05,900 --> 00:22:09,770 И вы также можете иметь массив с тремя строками. 413 00:22:09,770 --> 00:22:13,290 В C, каждый элемент в массиве должен быть того же типа. 414 00:22:13,290 --> 00:22:16,940 >> Но поскольку в JavaScript есть только один тип, массивы могут на самом деле 415 00:22:16,940 --> 00:22:18,510 есть различные типы значений. 416 00:22:18,510 --> 00:22:22,220 Как здесь, у нас есть массив с поплавок, логический, и внутр. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 То, как вы получаете длину массива, Вы на самом деле не должны использовать размер 419 00:22:28,510 --> 00:22:29,030 или что-нибудь. 420 00:22:29,030 --> 00:22:31,570 Вы просто говорите массив и то точка длину. 421 00:22:31,570 --> 00:22:36,450 И эта длина точка, вы можете думать о это вроде как структуру, как каждый 422 00:22:36,450 --> 00:22:40,890 Массив имеет поле, дополнительная переменная внутри него называется длина, которая 423 00:22:40,890 --> 00:22:42,910 отслеживает, как долго ваш массив. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Так что я просто быстро собираюсь вдаваться в узел и показать вам, ребята то же самое. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Так что я могу есть массив. 428 00:22:58,050 --> 00:23:00,280 Это может быть пустой список. 429 00:23:00,280 --> 00:23:02,030 И он будет печатать мне резервное пустой список. 430 00:23:02,030 --> 00:23:02,530 Великий. 431 00:23:02,530 --> 00:23:08,560 Теперь я могу сказать, что массив имеет 1, и 2.3, и правда. 432 00:23:08,560 --> 00:23:10,400 Так что все различные типы. 433 00:23:10,400 --> 00:23:11,740 И вы заметите, что он работает просто отлично. 434 00:23:11,740 --> 00:23:16,330 Массив я вернусь опоры все значения, которые я дал его. 435 00:23:16,330 --> 00:23:20,440 >> Если бы я хотел, чтобы получить первый элемент массив, синтаксис на самом деле 436 00:23:20,440 --> 00:23:22,980 такой же, как у С. You Можно сказать, массив нулевой. 437 00:23:22,980 --> 00:23:24,430 И вы получите один. 438 00:23:24,430 --> 00:23:27,920 Я могу сказать то же самое для массива два, и я получаю истинное. 439 00:23:27,920 --> 00:23:31,610 Если я делаю что-то вне массива, JavaScript является безопасным язык 440 00:23:31,610 --> 00:23:33,390 потому что я не получите ошибку сегм. 441 00:23:33,390 --> 00:23:34,780 Я получу определено. 442 00:23:34,780 --> 00:23:37,510 >> И это не определено, вы можете рода из думаете об этом нулевой. 443 00:23:37,510 --> 00:23:41,390 Но это может быть действительно раздражает, когда вы Код, потому что вы будете иметь, чтобы проверить, что 444 00:23:41,390 --> 00:23:43,880 почти все, что вы делаете, вы работать с не определено. 445 00:23:43,880 --> 00:23:47,700 И мы увидим, некоторые примеры это, когда мы работаем в Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Хотя массив четыре не определено, Я могу присвоить ему значение. 447 00:23:50,600 --> 00:23:52,570 Так что я скажу, что это равняется одному. 448 00:23:52,570 --> 00:23:57,050 И потом, если я иду в массиве, я имеют дополнительную ценность там. 449 00:23:57,050 --> 00:24:02,470 И обратите внимание, что массив три, которые также был определен, остается неопределенным. 450 00:24:02,470 --> 00:24:05,690 Так что я теперь есть массив с отверстие в середине. 451 00:24:05,690 --> 00:24:07,750 Но если я напечатал массив четыре, Я хотел бы получить один. 452 00:24:07,750 --> 00:24:10,960 Если бы я сделал массив три, я получаю не определено. 453 00:24:10,960 --> 00:24:13,880 >> Таким образом, хорошая особенность, что JavaScript позволяет делать то, что списки могут 454 00:24:13,880 --> 00:24:15,620 изменить размер. 455 00:24:15,620 --> 00:24:18,520 Массивы, массивы быть списки, они меняют размер. 456 00:24:18,520 --> 00:24:22,480 И вы можете указать любое место внутри них. 457 00:24:22,480 --> 00:24:25,370 И все пробелы будут восполнены с этими неопределенными значениями. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Таким образом, мы уже говорили об массивов. 460 00:24:33,450 --> 00:24:37,050 Теперь, последнее, что я хочу рассказать, в JavaScript, и это очень важно 461 00:24:37,050 --> 00:24:39,550 к пониманию кода, Я собираюсь показать вам, 462 00:24:39,550 --> 00:24:41,530 будет объекты. 463 00:24:41,530 --> 00:24:45,140 И объекты член в - 464 00:24:45,140 --> 00:24:47,380 В основном, они присутствуют в многие языки программирования. 465 00:24:47,380 --> 00:24:50,620 И каждый язык программирования любит думать о них немного по-другому. 466 00:24:50,620 --> 00:24:55,050 >> Но я думаю, для Метеор, хороший Аналогия С структурой. 467 00:24:55,050 --> 00:24:59,410 В Си, если мы хотим, чтобы найти структуру студент, мы должны были бы указать все 468 00:24:59,410 --> 00:25:00,240 вещи внутри него. 469 00:25:00,240 --> 00:25:01,440 Поэтому он должен иметь имя. 470 00:25:01,440 --> 00:25:02,140 Он должен иметь в год. 471 00:25:02,140 --> 00:25:03,650 Он должен иметь пол. 472 00:25:03,650 --> 00:25:07,350 Но мы также должны дать ему типы всех тех вещей. 473 00:25:07,350 --> 00:25:11,200 >> И теперь, когда у нас есть эта пресс-форма для структура называется студентом, у нас может быть 474 00:25:11,200 --> 00:25:14,640 Новая структура, а затем мы можем вручную сказать, что каждое из полей являются. 475 00:25:14,640 --> 00:25:17,740 И вот, когда мы использовать точечную имя, точка году, точка пол. 476 00:25:17,740 --> 00:25:21,930 А потом мы просто, в последней строке Код здесь, я просто распечатав 477 00:25:21,930 --> 00:25:24,980 Название структуры студента. 478 00:25:24,980 --> 00:25:28,220 >> В мире JavaScript, есть нет такого понятия, как структура студента. 479 00:25:28,220 --> 00:25:30,660 Вы не генерируют предустановленной структуры. 480 00:25:30,660 --> 00:25:34,680 Вы на самом деле просто, в этих скобках, вы говорите, что все. 481 00:25:34,680 --> 00:25:40,680 И именно это странно обозначения с толстой кишки, а затем запятая, но вы будете 482 00:25:40,680 --> 00:25:41,810 привыкнуть к нему достаточно скоро. 483 00:25:41,810 --> 00:25:44,930 >> И это на самом деле очень проста, гибкий способ просто 484 00:25:44,930 --> 00:25:47,400 управления объектами. 485 00:25:47,400 --> 00:25:51,270 Вы заметите, что если я хочу теперь получить название от с, я просто делаю s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Есть ли вопросы по этому поводу? 488 00:25:56,790 --> 00:26:00,260 Как правило, это был очень запутанным тема, когда мы вводим людей 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Я сделаю некоторые примеры этого в узле. 491 00:26:04,110 --> 00:26:05,010 Да? 492 00:26:05,010 --> 00:26:06,260 >> АУДИТОРИЯ: [неразборчиво]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> Роджер ZURAWICKI: Так вы есть пример, различные 495 00:26:16,230 --> 00:26:18,764 переменные этого типа. 496 00:26:18,764 --> 00:26:20,014 >> АУДИТОРИЯ: [неразборчиво]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> АУДИТОРИЯ: [неразборчиво]. 499 00:26:24,790 --> 00:26:37,610 500 00:26:37,610 --> 00:26:39,450 >> Роджер ZURAWICKI: ОК. 501 00:26:39,450 --> 00:26:43,760 Так что я думаю, как вы бы идти о является вы бы положить объекты в массиве, 502 00:26:43,760 --> 00:26:45,340 и теперь вам придется Массив объектов. 503 00:26:45,340 --> 00:26:47,547 Я ответил на ваш вопрос? 504 00:26:47,547 --> 00:26:48,797 >> АУДИТОРИЯ: [неразборчиво]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> Роджер ZURAWICKI: Да. 507 00:26:51,260 --> 00:26:52,430 S является одним объектом. 508 00:26:52,430 --> 00:26:57,455 Таким образом, мы можем пойти в узле и просто играть вокруг немного. 509 00:26:57,455 --> 00:26:58,705 >> АУДИТОРИЯ: [неразборчиво]? 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> Роджер ZURAWICKI: О, хорошо. 512 00:27:05,440 --> 00:27:10,660 Так что, если вы спрашиваете, что такое классы, классы рассматриваются очень по-разному, 513 00:27:10,660 --> 00:27:14,510 и у них есть действительно странное схему называется прототипов, которые вы не 514 00:27:14,510 --> 00:27:15,620 нужно знать о. 515 00:27:15,620 --> 00:27:17,910 Там нет фиксированной способ сделать это. 516 00:27:17,910 --> 00:27:21,160 Так что если вы хотите создать несколько, вас бы только отчасти имеют функцию 517 00:27:21,160 --> 00:27:22,100 или что-то. 518 00:27:22,100 --> 00:27:24,340 Вы генерировать свою собственную функцию. 519 00:27:24,340 --> 00:27:26,765 И вы вернетесь объект. 520 00:27:26,765 --> 00:27:29,550 Это было бы самым простым способ сделать это. 521 00:27:29,550 --> 00:27:32,454 Имеет ли это смысл? 522 00:27:32,454 --> 00:27:33,704 ОК. 523 00:27:33,704 --> 00:27:36,182 524 00:27:36,182 --> 00:27:36,650 Великий. 525 00:27:36,650 --> 00:27:39,820 Поэтому, как только у нас есть понимание того, JavaScript объекты, они - 526 00:27:39,820 --> 00:27:41,082 о, да. 527 00:27:41,082 --> 00:27:42,026 >> АУДИТОРИЯ: [неразборчиво] 528 00:27:42,026 --> 00:27:45,802 Например, в чем разница между "Роджер" в двойные кавычки в сравнении с 529 00:27:45,802 --> 00:27:47,510 [Неразборчиво] в одинарные кавычки. 530 00:27:47,510 --> 00:27:47,810 >> Роджер ZURAWICKI: ОК. 531 00:27:47,810 --> 00:27:52,730 Так что это в C, у нас есть один котировки, представляющие символы и дважды 532 00:27:52,730 --> 00:27:54,550 котировки, представляющие строки. 533 00:27:54,550 --> 00:27:57,920 JavaScript фактически бросает это далеко потому что вы можете иметь строки с 534 00:27:57,920 --> 00:28:01,570 одинарные или двойные кавычки, и есть не существует такого понятия, как единый символ. 535 00:28:01,570 --> 00:28:04,400 Но если вы просто скопировали то же самое С код, JavaScript будет 536 00:28:04,400 --> 00:28:05,610 относиться к нему очень хорошо. 537 00:28:05,610 --> 00:28:07,710 Именно поэтому я рассматривал его как - 538 00:28:07,710 --> 00:28:12,540 вот почему я могу буквально порт код в этом смысле. 539 00:28:12,540 --> 00:28:15,420 >> И я хочу показать вам пример более сложного объекта. 540 00:28:15,420 --> 00:28:19,890 Таким образом, вы можете заметить, что один объект может иметь строки в качестве значений. 541 00:28:19,890 --> 00:28:21,530 Он может иметь другой список значений. 542 00:28:21,530 --> 00:28:23,820 Это может быть список объекты в качестве значений. 543 00:28:23,820 --> 00:28:25,870 Там на самом деле никаких ограничений на это. 544 00:28:25,870 --> 00:28:29,070 Так вот, это просто хорошая демонстрация о том, как вы можете получить много 545 00:28:29,070 --> 00:28:33,290 различные виды, происходящие все в одном объекте. 546 00:28:33,290 --> 00:28:34,540 Имеет ли это смысл? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Теперь, вы также можете иметь массивы объектов. 549 00:28:44,700 --> 00:28:48,530 А вот вид похож на то, что вы спросил, если вы можете иметь объекты 550 00:28:48,530 --> 00:28:49,190 того же типа. 551 00:28:49,190 --> 00:28:52,960 Но проблема в том, что нет фиксированного Формат для объектов в JavaScript. 552 00:28:52,960 --> 00:28:55,020 Таким образом, вы должны указать их самостоятельно. 553 00:28:55,020 --> 00:28:57,600 И вы должны убедиться, что они однородны. 554 00:28:57,600 --> 00:29:00,410 Так вот, когда я создаю объект, у меня есть чтобы убедиться, что каждый из них имеет 555 00:29:00,410 --> 00:29:01,910 имя, и каждый из них имеет дом. 556 00:29:01,910 --> 00:29:05,620 >> А потом у меня есть массив из тех, и что может быть мой дом. 557 00:29:05,620 --> 00:29:08,290 А потом здесь вы можете рода см. для контура происходит. 558 00:29:08,290 --> 00:29:14,090 Для контура быть просто действительно общим способ для обхода над массив 559 00:29:14,090 --> 00:29:15,150 в JavaScript. 560 00:29:15,150 --> 00:29:18,010 Обратите внимание, что эта модель очень похожа с С эквиваленте, где вам 561 00:29:18,010 --> 00:29:21,470 есть внутр я равна нулю. я меньше, чем длина. 562 00:29:21,470 --> 00:29:23,634 И тогда я плюс плюс. 563 00:29:23,634 --> 00:29:26,035 >> Это почти тот же код, за исключением некоторых деталей. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Так ли все понимают что объект находится? 566 00:29:33,120 --> 00:29:35,820 Подумайте об этом как C структуры. 567 00:29:35,820 --> 00:29:38,784 И то, как вы доступ к полям просто с точки. 568 00:29:38,784 --> 00:29:41,950 И до тех пор, как вы помните, как использовать точку, все будет в порядке. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> Итак, теперь можно все читать эту ссылку? 571 00:29:58,790 --> 00:30:02,220 Это ссылка на проект. 572 00:30:02,220 --> 00:30:04,950 Кто возникли проблемы ли видя ссылку? 573 00:30:04,950 --> 00:30:06,251 Хорошо, давайте изменим его тогда. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Это не - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Да, это, пожалуй, Самый простой способ сделать это. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Великий. 580 00:30:34,560 --> 00:30:38,270 >> Так что, если вы идете на этот сайт, там должны некоторые инструкции, которые я буду 581 00:30:38,270 --> 00:30:42,550 перейти от того, как мы можем установить Метеор и получить наш ход пример проекта. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Я хочу убедиться, что у всех есть ссылка вниз, прежде чем я двигаться. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Могу ли я двигаться дальше? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 ОК, отлично. 588 00:31:23,680 --> 00:31:25,890 >> И вот я здесь на сайте. 589 00:31:25,890 --> 00:31:28,740 Вы заметите в файле ридми, у нас есть некоторые инструкции о том, 590 00:31:28,740 --> 00:31:30,200 чтобы й настроить. 591 00:31:30,200 --> 00:31:33,920 Вы должны быть либо в CS50 Прибор или просто на Mac. 592 00:31:33,920 --> 00:31:35,330 Окна не будет работать. 593 00:31:35,330 --> 00:31:37,760 Но в основном все, что не Окна должны работать с этими 594 00:31:37,760 --> 00:31:39,820 инструкции просто отлично. 595 00:31:39,820 --> 00:31:41,470 Но я могу сделать это немного больше, а также. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Таким образом, вы будете работать первым пара команд. 598 00:31:48,820 --> 00:31:50,450 Эти ребята просто установить Метеор. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Я могу пойти в моем терминале. 601 00:31:58,530 --> 00:32:02,710 А если я бегу то же самое сейчас, У меня уже есть он установлен. 602 00:32:02,710 --> 00:32:03,710 Так что это немного короче. 603 00:32:03,710 --> 00:32:05,155 Это может занять немного больше времени для вас, ребята. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Но я хочу сначала убедитесь, что у нас есть Метеор работает. 606 00:32:13,530 --> 00:32:16,780 После установил Метеор, вы должны иметь возможность получить узел в консоли. 607 00:32:16,780 --> 00:32:19,430 >> АУДИТОРИЯ: Они просят пароль. 608 00:32:19,430 --> 00:32:22,110 >> Роджер ZURAWICKI: Это было бы ваше пароль пользователя, если вы находитесь на Mac. 609 00:32:22,110 --> 00:32:27,030 Это просто необходимо разрешение изменить некоторые системные файлы. 610 00:32:27,030 --> 00:32:30,690 Таким образом, вопрос был, если он просит у вас пароль, это просто прошу вас 611 00:32:30,690 --> 00:32:33,510 имя пользователя пароль при Вы зайдете на свой Mac. 612 00:32:33,510 --> 00:32:35,770 И это так, что вы можете изменить системные файлы. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> И когда вы будете готовы, вы можете двигаться дальше к следующему шагу, который будет копировать 615 00:32:51,260 --> 00:32:54,220 Пример кода у меня на сайте. 616 00:32:54,220 --> 00:32:58,330 И вы получите новый каталог в вашем домашний каталог называется Лидеры и 617 00:32:58,330 --> 00:32:59,670 мы можем начать работать оттуда. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Так что я просто копируя и вставляя их команд в моем терминале. 620 00:33:14,620 --> 00:33:16,780 И для меня, я уже клонировали его. 621 00:33:16,780 --> 00:33:21,470 Поэтому я могу только сейчас двигаться в лидеров. 622 00:33:21,470 --> 00:33:23,450 И я должен иметь несколько файлы в там. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Есть вопросы? 625 00:33:31,113 --> 00:33:34,430 >> АУДИТОРИЯ: [неразборчиво] не работает. 626 00:33:34,430 --> 00:33:36,741 >> Роджер ZURAWICKI: О, вы, возможно, нужно Git установлен также. 627 00:33:36,741 --> 00:33:39,150 >> АУДИТОРИЯ: [неразборчиво]. 628 00:33:39,150 --> 00:33:40,162 >> Роджер ZURAWICKI: Извините? 629 00:33:40,162 --> 00:33:41,412 >> АУДИТОРИЯ: [неразборчиво]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> Роджер ZURAWICKI: О, хорошо. 632 00:33:47,390 --> 00:33:47,720 ОК. 633 00:33:47,720 --> 00:33:52,860 Это потому, что вы, возможно, должны быть вошли в GitHub, чтобы получить по этой ссылке. 634 00:33:52,860 --> 00:33:58,160 Если вы, ребята могут увидеть, что, самый простой способ сделать это, я бы тогда сказать, 635 00:33:58,160 --> 00:33:59,270 скачать молнию. 636 00:33:59,270 --> 00:34:02,010 И это будет просто скачать все файлы. 637 00:34:02,010 --> 00:34:05,510 А потом, как только вы поместите его в скачать или ваш домашний каталог - 638 00:34:05,510 --> 00:34:07,360 Я рекомендую положить его в свой домашний каталог, чтобы мы могли все 639 00:34:07,360 --> 00:34:09,210 запустить те же команды. 640 00:34:09,210 --> 00:34:15,230 Пока у нас есть файлы, мы будем сможет начать работать с ними. 641 00:34:15,230 --> 00:34:17,969 Дайте мне знать, если люди, имеющие Проблемы с загрузкой файлов. 642 00:34:17,969 --> 00:34:21,040 >> АУДИТОРИЯ: По домашнем каталоге, Вы имеете в виду - 643 00:34:21,040 --> 00:34:24,989 >> Роджер ZURAWICKI: Так домашний каталог будет быть Джон Гарвард, если вы находитесь в 644 00:34:24,989 --> 00:34:27,460 CS50 прибор. 645 00:34:27,460 --> 00:34:33,651 Чтобы добраться до вашей домашней директории, просто введите С. 646 00:34:33,651 --> 00:34:34,145 >> АУДИТОРИЯ: [неразборчиво] 647 00:34:34,145 --> 00:34:37,610 CS50 прибор [неразборчиво]. 648 00:34:37,610 --> 00:34:38,650 >> Роджер ZURAWICKI: Да. 649 00:34:38,650 --> 00:34:40,480 Вы хотите, чтобы выполнить команды в вашем терминале. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> АУДИТОРИЯ: [неразборчиво]. 652 00:34:45,390 --> 00:34:50,800 Я получил сообщение об ошибке, которое говорит нет такого файла или каталога. 653 00:34:50,800 --> 00:34:52,739 >> Роджер ZURAWICKI: Мы можем взять быстрый сломать и просто убедитесь, что 654 00:34:52,739 --> 00:34:56,760 у каждого есть установлен Метеор, и я буду просто пойти попытаться помочь людям. 655 00:34:56,760 --> 00:34:59,130 Пожалуйста, попробуйте помочь друг другу, если вы работаете с проблемами. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 К сожалению, да. 658 00:35:05,580 --> 00:35:08,930 Вы оба в приборе? 659 00:35:08,930 --> 00:35:09,350 >> АУДИТОРИЯ: Да. 660 00:35:09,350 --> 00:35:13,190 У меня есть RISA 661 00:35:13,190 --> 00:35:14,300 >> Роджер ZURAWICKI: ОК. 662 00:35:14,300 --> 00:35:20,740 Если вернуться на сайт, идти прокрутки вверх к вершине. 663 00:35:20,740 --> 00:35:23,580 И есть в этом HTTPS. 664 00:35:23,580 --> 00:35:25,810 >> АУДИТОРИЯ: Скопируйте это? 665 00:35:25,810 --> 00:35:26,230 >> Роджер ZURAWICKI: Да. 666 00:35:26,230 --> 00:35:28,950 А потом вы хотите введите в Git клон. 667 00:35:28,950 --> 00:35:30,814 Так что, если вы нажмете Control A - 668 00:35:30,814 --> 00:35:33,718 >> АУДИТОРИЯ: Здесь? 669 00:35:33,718 --> 00:35:36,410 И сделать [неразборчиво]? 670 00:35:36,410 --> 00:35:37,307 >> Роджер ZURAWICKI: G-Я-Т. 671 00:35:37,307 --> 00:35:38,557 >> АУДИТОРИЯ: [неразборчиво]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> Роджер ZURAWICKI: Git, а затем клонировать. 674 00:35:42,670 --> 00:35:46,610 Так что это очень похоже на команду, которую вы был выше, но URL изменилось. 675 00:35:46,610 --> 00:35:49,010 Поэтому, прежде чем это было это, сейчас именно это. 676 00:35:49,010 --> 00:35:50,680 Позвольте мне обновить - 677 00:35:50,680 --> 00:35:51,354 да. 678 00:35:51,354 --> 00:35:52,604 >> АУДИТОРИЯ: [неразборчиво]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> Роджер ZURAWICKI: Это загружается. 681 00:35:58,076 --> 00:35:59,326 >> АУДИТОРИЯ: [неразборчиво]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> Роджер ZURAWICKI: О, так это не клонировать правильно. 684 00:36:05,690 --> 00:36:07,920 Я буду это исправить. 685 00:36:07,920 --> 00:36:10,190 Там в ошибке с попыткой для загрузки файлов. 686 00:36:10,190 --> 00:36:13,820 Позвольте мне обновить команду для вас, ребята так что я могу убедиться, что он будет работать. 687 00:36:13,820 --> 00:36:17,025 Я сожалею об этом. 688 00:36:17,025 --> 00:36:21,618 Он должен быть одинаковым для Маках или CS50 прибор. 689 00:36:21,618 --> 00:36:22,868 >> АУДИТОРИЯ: [неразборчиво]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> Роджер ZURAWICKI: Я обновил Команда для номер два, если 692 00:36:51,190 --> 00:36:52,910 Вы обновите страницу. 693 00:36:52,910 --> 00:36:56,520 И с этим, URL, вы должны быть возможность загружать файлы. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> АУДИТОРИЯ: Так что, если мы до сих пор загрузки [неразборчиво]. 696 00:37:02,550 --> 00:37:05,930 >> Роджер ZURAWICKI: Если вы еще загрузки Метеор? 697 00:37:05,930 --> 00:37:07,180 >> АУДИТОРИЯ: [неразборчиво]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> Роджер ZURAWICKI: Да, если вы хотите разработать на вашем Mac. 700 00:37:11,910 --> 00:37:14,145 Но для этого нужно разработчику Xcode инструменты установлены. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Я проверил эти команды на CS50 Прибор, так что я могу гарантировать, 703 00:37:24,550 --> 00:37:25,440 что он будет работать. 704 00:37:25,440 --> 00:37:26,710 Да. отпусти меня и помочь вам. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> АУДИТОРИЯ: [неразборчиво]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Я даю пароль. 709 00:37:40,372 --> 00:37:42,240 Это Mac. 710 00:37:42,240 --> 00:37:43,490 А потом я [неразборчиво]. 711 00:37:43,490 --> 00:37:51,114 712 00:37:51,114 --> 00:37:52,580 >> Роджер ZURAWICKI: ОК. 713 00:37:52,580 --> 00:37:57,080 Я хотел бы попробовать работать все команды исключительно в CS50 прибора терминала. 714 00:37:57,080 --> 00:37:58,330 >> АУДИТОРИЯ: [неразборчиво]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> Роджер ZURAWICKI: Я бы это заработало Первый на терминале, на 717 00:38:02,570 --> 00:38:04,830 CS50 прибор, а затем терминал Mac. 718 00:38:04,830 --> 00:38:08,130 >> АУДИТОРИЯ: Так что, если вы делаете это на CS50 прибор так, [неразборчиво]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> Роджер ZURAWICKI: Я хотел бы, чтобы переместить на, но если люди по-прежнему не 721 00:38:15,850 --> 00:38:20,190 Беда создания Meteor, Кевин больше чем рады помочь вам, ребята из, 722 00:38:20,190 --> 00:38:21,440 Кевин в серой рубашке. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 То, что мы должны иметь это мы собираемся запустить последнюю команду, номер три, в 725 00:38:32,170 --> 00:38:33,710 наш терминал. 726 00:38:33,710 --> 00:38:37,320 Когда мы это сделаем, мы будем запускать Метеор. 727 00:38:37,320 --> 00:38:39,040 >> И вы должны - 728 00:38:39,040 --> 00:38:41,200 ой, у меня уже есть Метеор работает. 729 00:38:41,200 --> 00:38:45,230 Так что это не позволю - пусть мне просто закрыть мой другой Метеор. 730 00:38:45,230 --> 00:38:49,640 Когда я запускаю Метеор, ты теперь должны видеть, что - 731 00:38:49,640 --> 00:38:51,490 вы должны увидеть текущий каталог что это подачей на стол. 732 00:38:51,490 --> 00:38:55,476 И теперь он собирается сказать серверу работает на http://localhost. 733 00:38:55,476 --> 00:38:58,860 Это URL вы хотите поставить в в веб-браузере. 734 00:38:58,860 --> 00:39:05,410 >> И в тот URL, вы должны быть в состоянии доступ миленький лидеров. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Так заметить, что это на локальной, Это означает, что если вы выполните любое 737 00:39:14,530 --> 00:39:17,320 изменения, вы не собираетесь, чтобы см. изменения друг друга. 738 00:39:17,320 --> 00:39:20,830 В то время как на сайте я показал вам в начале, мы могли бы получить 739 00:39:20,830 --> 00:39:23,380 изменения у всех, потому что все был доступ к той же веб-сайт. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Итак, позвольте мне просто пойти [? слово?] 742 00:39:29,540 --> 00:39:35,570 3000. 743 00:39:35,570 --> 00:39:38,820 Таким образом, вы должны быть в состоянии просто подтвердить что функциональность работает. 744 00:39:38,820 --> 00:39:44,790 Вы можете выбрать разные люди, и вы можете дать им различные точки. 745 00:39:44,790 --> 00:39:46,710 Так что я дать кто-то баллов. 746 00:39:46,710 --> 00:39:50,420 Вы также можете видеть, что они поднимаются в звании. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Теперь, в целях экономии времени, есть три особенности, которые я 749 00:39:57,360 --> 00:39:58,020 реализованы. 750 00:39:58,020 --> 00:40:03,760 И мы собираемся реализовать удаление пользователи, как наш первый фильм. 751 00:40:03,760 --> 00:40:06,360 Но прежде чем мы перейдем, являются Есть ли вопросы? 752 00:40:06,360 --> 00:40:09,010 У тебя был руку. 753 00:40:09,010 --> 00:40:10,480 Да? 754 00:40:10,480 --> 00:40:11,730 >> АУДИТОРИЯ: [неразборчиво]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> Роджер ZURAWICKI: Вы можете проверить устанавливается, что Метеор? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> АУДИТОРИЯ: [неразборчиво]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> Роджер ZURAWICKI: локальный хост 3000? 761 00:40:32,680 --> 00:40:36,550 И вы находитесь в CS50 прибора? 762 00:40:36,550 --> 00:40:37,800 Что я могу сделать - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 Вы не должны быть на Mac. 765 00:40:41,210 --> 00:40:43,558 Это будет работать в приборе. 766 00:40:43,558 --> 00:40:45,880 >> АУДИТОРИЯ: [неразборчиво]. 767 00:40:45,880 --> 00:40:47,520 >> Роджер ZURAWICKI: В нормальное веб-браузер, да. 768 00:40:47,520 --> 00:40:49,170 >> АУДИТОРИЯ: [неразборчиво]. 769 00:40:49,170 --> 00:40:52,100 >> Роджер ZURAWICKI: Является Метеор работает? 770 00:40:52,100 --> 00:40:54,180 Так хорошо, что есть различие здесь. 771 00:40:54,180 --> 00:40:56,300 Если вы запускаете его в Прибор, что вам нужно сделать 772 00:40:56,300 --> 00:40:58,400 локальный внутри прибора. 773 00:40:58,400 --> 00:41:00,860 Если вы работаете его в Mac, как я, то я могу сделать 774 00:41:00,860 --> 00:41:02,460 мой Mac Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Но если вы используете CS50 прибор, Вы должны сделать все, 776 00:41:05,520 --> 00:41:06,350 в приборе. 777 00:41:06,350 --> 00:41:09,022 Таким образом, вы должны использовать Google Chrome в приборе. 778 00:41:09,022 --> 00:41:10,350 >> АУДИТОРИЯ: [неразборчиво]. 779 00:41:10,350 --> 00:41:12,188 >> Роджер ZURAWICKI: Это еще не работает? 780 00:41:12,188 --> 00:41:13,438 >> АУДИТОРИЯ: [неразборчиво]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> Роджер ZURAWICKI: Так что просто повторить, Как получить доступ к веб-сайт в настоящее время. 783 00:41:42,390 --> 00:41:46,380 У вас есть URL здесь локальный 3000. 784 00:41:46,380 --> 00:41:49,600 Если вы находитесь в CS50 прибора, вы должны открыть CS50 785 00:41:49,600 --> 00:41:51,320 Appliance в Google Chrome. 786 00:41:51,320 --> 00:41:54,850 И в этом Google Chrome в Прибор, вы можете ввести в этом URL, 787 00:41:54,850 --> 00:41:56,400 и вы должны увидеть лидеров. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Так что я собираюсь просто поставить его в сторону здесь немного. 790 00:42:04,800 --> 00:42:09,600 А теперь я собираюсь открыть мой текстовый редактор здесь. 791 00:42:09,600 --> 00:42:16,040 Итак, позвольте мне просто убедитесь, что код в порядке. 792 00:42:16,040 --> 00:42:17,580 ОК. 793 00:42:17,580 --> 00:42:19,750 Великий. 794 00:42:19,750 --> 00:42:22,360 >> Я хотел бы сейчас идти через код немного. 795 00:42:22,360 --> 00:42:26,110 И первый файл я хотел бы начать с есть leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Вы будете иметь возможность получить этот код после семинар, так что я просто хочу показать 797 00:42:31,520 --> 00:42:33,960 Вы на моем компьютере, что происходит. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 Поэтому я надеюсь, каждый может убедиться в этом. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Так в самом начале файла, мы есть нашу голову и титул, который 802 00:42:51,590 --> 00:42:54,510 подобно тому, что мы видели в каждом HTML документа. 803 00:42:54,510 --> 00:42:56,990 И тогда мы будем иметь тело тега здесь. 804 00:42:56,990 --> 00:42:59,920 >> То, что я выбрали является основным тело, в основном то, что 805 00:42:59,920 --> 00:43:01,470 собирается получить отображается. 806 00:43:01,470 --> 00:43:05,560 Но есть некоторые новые не-HTML вещи, и это в 807 00:43:05,560 --> 00:43:06,710 двойные угловые скобки. 808 00:43:06,710 --> 00:43:08,600 И это шаблон теги. 809 00:43:08,600 --> 00:43:13,770 Таким образом, вы увидите здесь этот кронштейн Кронштейн новый Лидеры. 810 00:43:13,770 --> 00:43:17,390 И это своего рода - думать об этом как вызов функции для HTML. 811 00:43:17,390 --> 00:43:19,320 >> Это специальная версия HTML. 812 00:43:19,320 --> 00:43:22,730 Это версия, которая использует Метеор, который Именно поэтому вы можете показать разные 813 00:43:22,730 --> 00:43:26,190 вещи, например, в списке лидеров имена и кнопки. 814 00:43:26,190 --> 00:43:30,870 Но Лидеры говорит вам, чтобы перейти к Шаблон с именем лидеров. 815 00:43:30,870 --> 00:43:34,746 Так шаблон не получить отображается на Сам, но это функция, так что 816 00:43:34,746 --> 00:43:35,390 будет вызван. 817 00:43:35,390 --> 00:43:41,030 И вы будете заменить во всем этом Код прямо здесь в лидеров. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Интересная часть лидеров вот только эта таблица. 820 00:43:48,820 --> 00:43:52,910 Если вы только что прочитали, читайте этот код вслух, он должен быть интуитивным 821 00:43:52,910 --> 00:43:57,390 потому Лидеры, все, что мы есть здесь представляет собой таблицу. 822 00:43:57,390 --> 00:44:00,410 Этот идентификатор класса вещи вы не нужно беспокоиться о. 823 00:44:00,410 --> 00:44:02,460 Просто знайте, что есть заголовок таблицы. 824 00:44:02,460 --> 00:44:03,630 Вот это THEAD. 825 00:44:03,630 --> 00:44:06,860 >> И он находит имя и счет. 826 00:44:06,860 --> 00:44:12,150 Все эти теги, как thtable, THEAD, вы просто узнать, как вы идете вперед. 827 00:44:12,150 --> 00:44:15,540 Это не важно, что вы запомните это потому, что вы можете просто получить доступ к любому 828 00:44:15,540 --> 00:44:16,520 ссылаться в Интернете. 829 00:44:16,520 --> 00:44:20,610 Или к концу семестра, они как раз и будет очень хорошо знакомы с вами. 830 00:44:20,610 --> 00:44:22,840 >> После заголовка таблицы, часть, которую я хочу обратить ваше 831 00:44:22,840 --> 00:44:24,900 внимание к это ч тег. 832 00:44:24,900 --> 00:44:27,180 Потому что это в двойных квадратных скобках, это шаблон. 833 00:44:27,180 --> 00:44:30,980 Таким образом, это означает, что для каждого из игроков, все игроки есть, мы должны 834 00:44:30,980 --> 00:44:31,500 показать его. 835 00:44:31,500 --> 00:44:32,965 И мы идем в шаблон игрока. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Если мы прокрутите вниз немного больше - 838 00:44:39,890 --> 00:44:40,980 Я надеюсь, что каждый может видеть, что. 839 00:44:40,980 --> 00:44:42,900 У нас есть шаблон проигрывателя. 840 00:44:42,900 --> 00:44:49,080 И этот шаблон в основном определяет ячейки таблицы, где вы положили во имя 841 00:44:49,080 --> 00:44:50,330 здесь и счет. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Уменьшение масштаба сейчас, мы видим, что это кусок кода - 844 00:44:56,720 --> 00:44:59,060 и это было нашим игрок там - 845 00:44:59,060 --> 00:45:01,070 определяет одну из этих клеток. 846 00:45:01,070 --> 00:45:02,890 Каждая вещь, что я нажимаю становится желтым. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Простой способ я мог изменить это сейчас. 849 00:45:08,660 --> 00:45:10,150 Убедитесь Метеор-прежнему работает. 850 00:45:10,150 --> 00:45:12,540 Метеор должен быть процесс сервера, так что вы просто оставить его 851 00:45:12,540 --> 00:45:14,020 работает, когда вы разработали. 852 00:45:14,020 --> 00:45:18,280 Скажем, я хотел изменить все имена или счет. 853 00:45:18,280 --> 00:45:23,320 И я бы сказал, что я собираюсь добавить точки здесь. 854 00:45:23,320 --> 00:45:27,215 Таким образом, изменение, которое я сделал здесь был, а не только счет, я 855 00:45:27,215 --> 00:45:30,280 добавить оценка космические очки. 856 00:45:30,280 --> 00:45:32,775 >> Я собираюсь уменьшить масштаб, и я собирается спасти мой файл. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 А после я сохранить файл, мне нужно чтобы убедиться Метеор работает. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 К сожалению об этом. 861 00:45:57,610 --> 00:46:00,330 Я хочу показать вам правки были сделаны в режиме реального времени. 862 00:46:00,330 --> 00:46:06,180 Так что я просто изменить текст. 863 00:46:06,180 --> 00:46:07,600 Нажмите игрока. 864 00:46:07,600 --> 00:46:10,040 Я ставлю его в заглавными буквами. 865 00:46:10,040 --> 00:46:14,540 И это должно быть, что если это работает должным образом, когда я сохранить его, он 866 00:46:14,540 --> 00:46:16,801 обновит. 867 00:46:16,801 --> 00:46:20,420 >> О, я думаю, сейчас проблема в том, Я не в правильном каталоге. 868 00:46:20,420 --> 00:46:24,940 869 00:46:24,940 --> 00:46:26,870 ОК. 870 00:46:26,870 --> 00:46:28,160 Я сожалею об этом. 871 00:46:28,160 --> 00:46:32,860 Так вот, то, что вы заметите, мне смена прошла. 872 00:46:32,860 --> 00:46:34,540 Теперь, я хочу вернуться изменение. 873 00:46:34,540 --> 00:46:36,200 Я хочу вернуться к тому, что у меня было. 874 00:46:36,200 --> 00:46:37,640 Я просто хочу, чтобы ввести его в обычном режиме. 875 00:46:37,640 --> 00:46:39,180 Нажмите игрока. 876 00:46:39,180 --> 00:46:42,920 >> В тот момент, я сохранить его, Сайт обновляется для меня. 877 00:46:42,920 --> 00:46:44,740 И я вижу, мое изменение на сайт мгновенно. 878 00:46:44,740 --> 00:46:48,170 Это действительно полезная функция при отладке, потому что теперь 879 00:46:48,170 --> 00:46:49,640 Я не придется - 880 00:46:49,640 --> 00:46:52,920 когда мы пишем С-код, не только сделали мы должны сохранить файл, но мы должны были 881 00:46:52,920 --> 00:46:54,750 сделать это, а затем запустить его снова. 882 00:46:54,750 --> 00:46:58,750 Метеор очень приятно, потому что в отличие от C, момент, когда вы сохраните HTML или 883 00:46:58,750 --> 00:47:01,070 JavaScript-файл, изменение сразу появляется. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Один вопрос, в этих шаблонов, как я могу получить значения, как игроков 886 00:47:09,140 --> 00:47:11,520 или выберите имя? 887 00:47:11,520 --> 00:47:17,130 Если бы я увеличить здесь в мой код, Я вижу это по каждому игроков. 888 00:47:17,130 --> 00:47:19,970 Таким образом, шаблон знает, что У меня есть игроки как-то. 889 00:47:19,970 --> 00:47:22,110 И он знает, что есть Выбранное имя. 890 00:47:22,110 --> 00:47:23,220 Откуда это взялось? 891 00:47:23,220 --> 00:47:25,180 Это происходит от JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> И если вы идете в leaderboard.js, это файл, теперь, когда я иду сюда, у нас есть 893 00:47:30,980 --> 00:47:33,460 Несколько команд определены. 894 00:47:33,460 --> 00:47:36,400 Это специальный синтаксис Метеор. 895 00:47:36,400 --> 00:47:38,600 Обратите внимание, что вам не нужно переменные или что-либо. 896 00:47:38,600 --> 00:47:42,990 Но это только структур на структур на структур или этих объектов. 897 00:47:42,990 --> 00:47:45,910 И все я определяю это шаблон называется Лидеры. 898 00:47:45,910 --> 00:47:47,900 >> Лидеров должны получить что называется игроков. 899 00:47:47,900 --> 00:47:48,840 И то, что игроки? 900 00:47:48,840 --> 00:47:51,860 Это все, что это выражение возвращает. 901 00:47:51,860 --> 00:47:53,020 И то, что выбранное имя? 902 00:47:53,020 --> 00:47:54,630 Это некоторый код. 903 00:47:54,630 --> 00:47:56,810 Подробная информация о коде мы охватывать чуть позже. 904 00:47:56,810 --> 00:48:02,210 Но сейчас я хочу, чтобы вы поняли что в этом коде, мы принимаем 905 00:48:02,210 --> 00:48:04,350 игроки, и мы даем ему значение. 906 00:48:04,350 --> 00:48:07,000 В этом случае, это функция что запускается на выполнение. 907 00:48:07,000 --> 00:48:10,290 Таким образом, мы можем получить значение обратно когда мы запускаем функцию. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Это журнал. 910 00:48:13,520 --> 00:48:14,770 Имеет ли это смысл? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Я могу изменить то, как это отсортированы. 913 00:48:25,010 --> 00:48:27,230 Здесь есть объект рода. 914 00:48:27,230 --> 00:48:31,660 И то, что это говорит в Я собираюсь разобраться на счет убывания первый и 915 00:48:31,660 --> 00:48:33,170 назовите возрастанию. 916 00:48:33,170 --> 00:48:36,630 Если я изменю это одному, он собирается сортировать оценка возрастания. 917 00:48:36,630 --> 00:48:39,120 Так нуля должны быть на вершине. 918 00:48:39,120 --> 00:48:43,370 И когда я увеличить в моем веб-сайте, мы Теперь видим, что сайт обновляется. 919 00:48:43,370 --> 00:48:44,923 И счет уже взойти. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Следующая функция Я просто хочу для покрытия является нажмите приращение. 922 00:48:53,980 --> 00:48:57,910 Из интересах экономии времени я не буду сможет охватить большую часть Метеор 923 00:48:57,910 --> 00:49:00,690 Код, но есть много ресурсов доступны, и я буду 924 00:49:00,690 --> 00:49:03,560 здесь после семинара. 925 00:49:03,560 --> 00:49:07,680 Но я просто хочу, чтобы покрыть лидеров события. 926 00:49:07,680 --> 00:49:10,520 Этот синтаксис вы узнаете Чуть позже в лекции. 927 00:49:10,520 --> 00:49:12,870 Это JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Мы просто говорю, что, когда мы получаем щелчок, и это на приращения, это 929 00:49:16,720 --> 00:49:19,160 хэш просто означает, ID. 930 00:49:19,160 --> 00:49:23,945 На прирост ID тега, то мы хотим обновить - ключевые слова, которые я хочу, чтобы вы 931 00:49:23,945 --> 00:49:26,740 смотреть это обновление и выбрать и игрок. 932 00:49:26,740 --> 00:49:29,080 Так в зависимости от того ИГРОКА выбран, мы обновляем ее. 933 00:49:29,080 --> 00:49:31,260 И то, что мы делаем, мы увеличиваем его оценка на пять. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 И что будет содержать описание функциональных возможностей мы имеем здесь. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> После окончания этого семинара, мы будем сможете увидеть некоторые больше кода. 938 00:49:54,510 --> 00:50:00,400 Но возвращаясь к своей цели, что я хочу изменить сайт, я хотел сюда 939 00:50:00,400 --> 00:50:03,400 добавить кнопку удаления так Я могу удалить игрока. 940 00:50:03,400 --> 00:50:05,390 Таким образом, чтобы сделать это, мне нужно сделать две вещи. 941 00:50:05,390 --> 00:50:09,680 Мне нужно обновить HTML, обновить смотреть, что получает показан пользователю, и 942 00:50:09,680 --> 00:50:15,080 то есть наличие, что, когда нажатии кнопки Метеор собирается 943 00:50:15,080 --> 00:50:15,690 что-то делать. 944 00:50:15,690 --> 00:50:18,040 Это собирается удалить этого игрока. 945 00:50:18,040 --> 00:50:20,720 >> Таким образом, есть много участков кода, которые имеют в основном уже 946 00:50:20,720 --> 00:50:22,610 было сделано для меня. 947 00:50:22,610 --> 00:50:26,160 Если я смотрю здесь, у меня уже есть путь получения выбранного игрока. 948 00:50:26,160 --> 00:50:29,880 Вот этот материал, если вы можете увидеть его. 949 00:50:29,880 --> 00:50:31,346 Так что, если я просто - 950 00:50:31,346 --> 00:50:35,160 Я буду иметь еще одно событие. 951 00:50:35,160 --> 00:50:37,900 Так что я собираюсь копировать то, что у меня есть. 952 00:50:37,900 --> 00:50:40,740 Потому что это список, Мне просто нужно запятую. 953 00:50:40,740 --> 00:50:45,480 >> Так что теперь я собираюсь нажмите удалить. 954 00:50:45,480 --> 00:50:48,840 И тогда вместо обновления игроков, Я собираюсь сделать игроки удалить. 955 00:50:48,840 --> 00:50:51,620 И все игроки удалить потребности является выбранного игрока. 956 00:50:51,620 --> 00:50:56,500 Так эта функция все, что нужно. 957 00:50:56,500 --> 00:51:01,550 Мне нужно добавить некоторые HTML здесь все же. 958 00:51:01,550 --> 00:51:05,180 Так что если я прокрутите вниз здесь, это мнение HTML. 959 00:51:05,180 --> 00:51:08,300 У нас был вещь здесь, который был тег. 960 00:51:08,300 --> 00:51:09,610 Вам не нужно беспокоиться о том, что. 961 00:51:09,610 --> 00:51:12,000 >> Какие вопросы к вам это ID приращение. 962 00:51:12,000 --> 00:51:14,990 И это то, что позволило нам сказать, когда мы нажали приращение, мы должны 963 00:51:14,990 --> 00:51:16,410 дать пять очков. 964 00:51:16,410 --> 00:51:18,240 И вы увидите, что это кнопка. 965 00:51:18,240 --> 00:51:20,150 Вот что значит-кн. 966 00:51:20,150 --> 00:51:23,190 И текст на кнопке это дать пять очков. 967 00:51:23,190 --> 00:51:26,440 Так что я собираюсь сделать, это я собирается копировать эту строку. 968 00:51:26,440 --> 00:51:29,910 Я собираюсь изменить идентификатор для удаления. 969 00:51:29,910 --> 00:51:34,310 И я собираюсь изменить текст здесь, чтобы удалить. 970 00:51:34,310 --> 00:51:35,980 >> Поэтому убедитесь, что все в спасены. 971 00:51:35,980 --> 00:51:39,010 Я хочу вернуться к моему JavaScript чтобы убедиться, что у меня есть 972 00:51:39,010 --> 00:51:40,880 удалить выстроились здесь. 973 00:51:40,880 --> 00:51:41,780 Хорошо. 974 00:51:41,780 --> 00:51:43,145 Так что я иду, чтобы спасти оба файла. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 После сохранения оба файла, мы может вернуться на дно. 977 00:51:49,320 --> 00:51:51,550 И теперь мы видим у нас есть Кнопка удаления. 978 00:51:51,550 --> 00:51:56,050 И еще один шаг. 979 00:51:56,050 --> 00:51:58,200 Вы замечаете, вы могли бы получить Ошибка потому что, когда я нажимаю 980 00:51:58,200 --> 00:52:00,610 удалять, ничего не происходит. 981 00:52:00,610 --> 00:52:03,930 >> Способ отладки это пойти обратно в Осмотрите элемент. 982 00:52:03,930 --> 00:52:07,820 Я делаю это нарочно, чтобы вы могли посмотреть, как вы бы отладить что-то. 983 00:52:07,820 --> 00:52:11,210 В Осмотрите элемент, у нас есть все наши тексте здесь. 984 00:52:11,210 --> 00:52:13,320 Я хочу вернуться к консоли. 985 00:52:13,320 --> 00:52:19,230 И что происходит, когда я иду сюда это я получить какую-то ошибку. 986 00:52:19,230 --> 00:52:21,660 Это говорит, что нет никакого способа удалить. 987 00:52:21,660 --> 00:52:30,770 >> Так что же это говорит, когда я иду обратно в код, я позвонил игрока 988 00:52:30,770 --> 00:52:31,870 удалить здесь. 989 00:52:31,870 --> 00:52:34,430 Удалить на самом деле не право команда. 990 00:52:34,430 --> 00:52:39,740 Таким образом, чтобы выяснить, что право команда есть, есть API Метеор. 991 00:52:39,740 --> 00:52:42,680 Документация я хочу указать вам ребята на это раз в meteor.com. 992 00:52:42,680 --> 00:52:45,190 Так что я его здесь. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 Это только так вы, ребята, знаете, где, чтобы узнать больше. 995 00:52:51,370 --> 00:52:54,420 >> Там в ссылке в документации. 996 00:52:54,420 --> 00:52:59,410 А в принципе, я могу просто находим для удаления. 997 00:52:59,410 --> 00:53:03,220 И то, что вы видите, удалить на самом деле удалить. 998 00:53:03,220 --> 00:53:05,400 То есть команда, Мне нужно позвонить. 999 00:53:05,400 --> 00:53:09,620 Так что теперь мы знаем, что, я собираюсь изменить это удалить удалить. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Так что теперь, когда я возвращаюсь к моему лидеров сайт, я собираюсь нажмите 1002 00:53:18,010 --> 00:53:19,450 удалить, и теперь я уйду. 1003 00:53:19,450 --> 00:53:21,290 Там нет больше Роджер. 1004 00:53:21,290 --> 00:53:25,470 И я могу продолжать жить удаления каждый одно имя, пока я не ничего не осталось. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> Так, чтобы было немного просмотр о том, как использовать Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Вы будете учить намного больше наличие и HTML необходимо сделать 1009 00:53:42,380 --> 00:53:46,970 она выглядела красивее, которые мы рассмотрим в на этой неделе [? кусок?] установлен на HTML 1010 00:53:46,970 --> 00:53:49,630 и JavaScript в следующем [? кусок?] установлен. 1011 00:53:49,630 --> 00:53:53,150 >> Так что не волноваться, если не все этот материал дается легко для вас. 1012 00:53:53,150 --> 00:53:56,410 Он будет ко времени Окончательный проект. 1013 00:53:56,410 --> 00:53:58,030 Спасибо за показ. 1014 00:53:58,030 --> 00:54:01,380 Ссылка Я буду обновлять вскоре после того, Семинар, так что вы можете увидеть некоторые более 1015 00:54:01,380 --> 00:54:05,630 Примеры, которые я реализованные о том, как чтобы получить более продвинутые лидеров 1016 00:54:05,630 --> 00:54:08,640 что у меня есть на этом сайте здесь один-радикально-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Спасибо. 1019 00:54:21,260 --> 00:54:22,760 >> [Аплодисменты] 1020 00:54:22,760 --> 00:56:58,070