1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 Дејвид Џ MALAN: Сите во право, така што ова тука е Myo рака 3 00:00:41,880 --> 00:00:44,450 бенд, неколку од кои ние имаат за CS50 конечниот проекти. 4 00:00:44,450 --> 00:00:47,533 И тоа беше демонстрација ние чекаат на ред те однапред, каде во суштина 5 00:00:47,533 --> 00:00:51,120 ова прилично тесни нараквица тука слуша вашата мускулна движења 6 00:00:51,120 --> 00:00:54,280 кои потоа се одбележан во софтвер со лаптоп Колтон е овде што 7 00:00:54,280 --> 00:00:57,230 имаше iTunes и дека Песната веќе чекаат на ред. 8 00:00:57,230 --> 00:01:00,270 Наместо мене demoing ова, Колтон е е во лабораторија 9 00:01:00,270 --> 00:01:04,129 јасно цела недела добивање на демонстрациите подготвени за една храбра волонтер. 10 00:01:04,129 --> 00:01:07,430 Ако некој би сакал да дојдеш на up-- видов својата рака во прв план. 11 00:01:07,430 --> 00:01:09,540 Ајде до. 12 00:01:09,540 --> 00:01:12,530 >> Сите во право. 13 00:01:12,530 --> 00:01:13,886 И она што е вашето име? 14 00:01:13,886 --> 00:01:14,800 >> ПУБЛИКАТА: Ух, Марија. 15 00:01:14,800 --> 00:01:16,550 >> Дејвид Џ MALAN: Марија, убаво да те видам. 16 00:01:16,550 --> 00:01:17,310 Ајде овде. 17 00:01:17,310 --> 00:01:19,550 Дозволете ми да ве запознаам со Колтон. 18 00:01:19,550 --> 00:01:21,290 Колтон, ова е Марија. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Здраво, убаво да ви се исполнат. 20 00:01:23,050 --> 00:01:24,330 >> Дејвид Џ MALAN: Сите право, па првиот чекор, ние сме 21 00:01:24,330 --> 00:01:26,204 ќе треба да се стави ова на вашиот подлактица 22 00:01:26,204 --> 00:01:29,280 така што тоа е прилично тесни во близина на лактот. 23 00:01:29,280 --> 00:01:31,940 А во меѓувреме, ајде да стави на нашите Google Glass 24 00:01:31,940 --> 00:01:33,720 и ние ќе се меша технологии денес. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Прво ние ќе мора да кука ова во работите. 26 00:01:36,340 --> 00:01:37,170 >> Дејвид Џ MALAN: Добро. 27 00:01:37,170 --> 00:01:39,795 Всушност, ајде да се стави вашата рака како блиску до овој кабел што е можно 28 00:01:39,795 --> 00:01:41,160 така што можеме прво да го синхронизирате до. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Ајде да го направите тоа. 30 00:01:42,740 --> 00:01:46,500 >> Дејвид Џ MALAN: А во меѓувреме, па дека секој може да се добие поблиску поглед, 31 00:01:46,500 --> 00:01:50,290 ние ќе фрли камера Андреј на екранот таму. 32 00:01:50,290 --> 00:01:54,460 Па ние имаме USB кабел што е се вклучени во лента за на рака на Марија. 33 00:01:54,460 --> 00:02:00,230 И дозволете ми да се фрли екран Колтон е врз проектор следната. 34 00:02:00,230 --> 00:02:06,000 >> Па Колтон е регистрирање на уредот сега како Myo поврзани со овој кабел. 35 00:02:06,000 --> 00:02:08,060 И сега што Марија случува да се направи моментално 36 00:02:08,060 --> 00:02:10,120 е всушност прошетка низ чекорите за калибрација 37 00:02:10,120 --> 00:02:12,830 и ги учат на софтвер колку мускулите одговори 38 00:02:12,830 --> 00:02:16,070 кога таа направи одредени пред-дефинирани Гестовите дека софтверот разбира. 39 00:02:16,070 --> 00:02:17,910 Ако сакате да се оди во предниот дел на екранот. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 Добро, се обидувам. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Оди вака. 43 00:02:31,860 --> 00:02:32,970 И како тоа. 44 00:02:32,970 --> 00:02:34,563 И сите на начинот на десно. 45 00:02:34,563 --> 00:02:35,922 Се врати. 46 00:02:35,922 --> 00:02:37,740 >> Дејвид Џ MALAN: Добро. 47 00:02:37,740 --> 00:02:38,960 Поинаква перспектива. 48 00:02:38,960 --> 00:02:39,620 Тоа не си ти. 49 00:02:39,620 --> 00:02:40,350 Тоа сме ние. 50 00:02:40,350 --> 00:02:41,749 >> МАРИЈА: Добро. 51 00:02:41,749 --> 00:02:42,540 Дејвид Џ MALAN: Не 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Ајде да се движат повисоко, така што е поблиску до лактот, па дури и построги. 54 00:02:51,540 --> 00:02:52,680 Сите во право. 55 00:02:52,680 --> 00:02:53,270 >> Еве ќе одиме. 56 00:02:53,270 --> 00:02:56,780 Ова ќе биде добро време за CS52X. 57 00:02:56,780 --> 00:02:57,670 Таму одиме. 58 00:02:57,670 --> 00:02:58,760 >> Многу убаво. 59 00:02:58,760 --> 00:03:01,170 ОК. 60 00:03:01,170 --> 00:03:02,790 Палецот да Пинки. 61 00:03:02,790 --> 00:03:03,380 >> Многу убаво. 62 00:03:03,380 --> 00:03:05,140 Шири прстите. 63 00:03:05,140 --> 00:03:06,240 Добро. 64 00:03:06,240 --> 00:03:06,910 Бранува право. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Тоа е љубопитно покажува ви со левото hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Да, тоа е чуден. 68 00:03:19,665 --> 00:03:21,790 Дејвид Џ MALAN: бран на право и да се движат напред. 69 00:03:21,790 --> 00:03:22,998 Брзо нанапред за да го прескокнете или следната. 70 00:03:22,998 --> 00:03:25,020 Тоа е во ред Бран право. 71 00:03:25,020 --> 00:03:26,650 >> МАРИЈА: Јас don't-- чекаат. 72 00:03:26,650 --> 00:03:28,430 >> Дејвид Џ MALAN: Треба некаква помош? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Значи си оди вака. 74 00:03:30,027 --> 00:03:31,860 МАРИЈА: Тоа е вртење на друга работа, иако. 75 00:03:31,860 --> 00:03:32,390 COLTON: Тоа е. 76 00:03:32,390 --> 00:03:34,250 Дејвид Џ MALAN: Да не знам зошто тоа ви покажува leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Зошто не try-- едноставно се обидуваме оди вака. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> Дејвид Џ MALAN: Не? 80 00:03:40,090 --> 00:03:42,580 Можеби стигнат до својата рака само малку straighter 81 00:03:42,580 --> 00:03:46,070 и да ја направат повеќе нагло се допаѓа ова. 82 00:03:46,070 --> 00:03:48,176 Да, во ред, ајде. 83 00:03:48,176 --> 00:03:49,670 >> МАРИЈА: Жал ми е. 84 00:03:49,670 --> 00:03:51,170 Дејвид Џ MALAN: Тоа не е вашата вина. 85 00:03:51,170 --> 00:03:53,018 COLTON: Тоа е во ред. 86 00:03:53,018 --> 00:03:55,430 Дејвид Џ MALAN: Во ред. 87 00:03:55,430 --> 00:03:56,220 Well-- 88 00:03:56,220 --> 00:03:57,620 >> МАРИЈА: ние треба да го прескокнете ова, тогаш? 89 00:03:57,620 --> 00:03:59,620 Дејвид Џ MALAN: Да, ајде да ти сноселе одговорност. 90 00:03:59,620 --> 00:04:03,130 Значи, ако некој би сакал да се направи финалниот проект со користење на овој најсовремена 91 00:04:03,130 --> 00:04:07,707 хардвер, да сфатат дека можеби само потрае малку се користи за добивање. 92 00:04:07,707 --> 00:04:10,290 И this-- реалноста е ова е всушност многу болно опседнат. 93 00:04:10,290 --> 00:04:12,040 >> Ова е она што се нарекува инвеститорот комплет, кој 94 00:04:12,040 --> 00:04:14,956 е замислена да биде во суштина е пред-порака така што луѓето можат да го прават токму 95 00:04:14,956 --> 00:04:18,690 this-- се бори со него, фигура како телата на луѓето да работат 96 00:04:18,690 --> 00:04:19,980 со технологијата. 97 00:04:19,980 --> 00:04:21,750 Значи, ако сакате потоа, по предавање, 98 00:04:21,750 --> 00:04:23,750 ние може да ви дојде и земе уште прободе во тоа. 99 00:04:23,750 --> 00:04:26,970 Но во спротивно, аплауз, ако ние би можеле, на Марија за доаѓање на до. 100 00:04:26,970 --> 00:04:28,770 >> МАРИЈА: Ви благодарам. 101 00:04:28,770 --> 00:04:30,390 >> Дејвид Џ MALAN: Ви благодарам. 102 00:04:30,390 --> 00:04:34,945 Ние ќе се откажам од тоа, но ние ќе им даде you-- како за стрес топчето тука? 103 00:04:34,945 --> 00:04:38,620 Ох, and-- if-- Да, благодарам. 104 00:04:38,620 --> 00:04:39,715 Сите во право. 105 00:04:39,715 --> 00:04:45,750 Така и за љубопитни, ако сте биле запознаени со звук избор 106 00:04:45,750 --> 00:04:47,670 што го направивме таму порано, неверојатно ТВ 107 00:04:47,670 --> 00:04:50,210 покажуваат дека ти треба апсолутно да биде прекумерно гледање на Netflix 108 00:04:50,210 --> 00:04:51,110 е ова тука. 109 00:04:51,110 --> 00:04:54,472 >> ЗВУЧНИЦИ 1: Дами и господа, магионичар по име Џош. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> Дејвид Џ MALAN: И очигледно, тоа е нешто да ме текст за време на предавање сега. 112 00:05:08,050 --> 00:05:11,190 Јас сум да им се кажува дека Марија беше роденден вчера. 113 00:05:11,190 --> 00:05:14,095 Среќен роденден од CS50 на Марија, како и. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Па може да се прочита во последниве месец дека ова господа тука, Стив 116 00:05:22,090 --> 00:05:25,260 Балмер, кој, всушност, класа на 1977 во колеџот, 117 00:05:25,260 --> 00:05:27,170 неодамна пензионираниот за Microsoft. 118 00:05:27,170 --> 00:05:29,620 Тој беше додипломски тука, потоа неколку години подоцна 119 00:05:29,620 --> 00:05:31,910 се најде во Стенфорд бизнис школа 120 00:05:31,910 --> 00:05:34,160 кога тој добил телефонски повик од пријател на неговиот кој 121 00:05:34,160 --> 00:05:36,516 живееле долу во ходникот од него тука на Харвард. 122 00:05:36,516 --> 00:05:38,640 Име кое пријател Бил Гејтс, и во тоа време, 123 00:05:38,640 --> 00:05:42,700 тој се обидува да регрутира Стив да биде првиот бизнис лице, навистина, 124 00:05:42,700 --> 00:05:45,720 во една мала компанија името на Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Скратам приказната, Стив беше на крајот победи над, 126 00:05:48,960 --> 00:05:52,130 придружи на Microsoft, кога тие имаше само 30 вработени. 127 00:05:52,130 --> 00:05:54,300 И од времето кога тој пензија неодамна, 128 00:05:54,300 --> 00:05:58,100 компанијата имаше 100.000 вработени во текот на изминатите неколку години. 129 00:05:58,100 --> 00:06:01,171 И така на веб-сајт познат како работ подготви овој почит на видео 130 00:06:01,171 --> 00:06:02,920 дека ние сме мислеле дека би дели, кој ви дава 131 00:06:02,920 --> 00:06:08,380 чувство на само колку енергија Стив доведува до било какво претставување тој дава. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [Видео репродукција] 134 00:06:12,550 --> 00:06:16,220 -Microsoft Е како четврто дете. 135 00:06:16,220 --> 00:06:18,260 Децата не ја напушти куќата. 136 00:06:18,260 --> 00:06:21,875 Во овој случај, претпоставувам Јас сум напуштање на куќата. 137 00:06:21,875 --> 00:06:23,270 Еј Бил, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> -Hey, Wazzap? 140 00:06:25,320 --> 00:06:28,590 Ние сме биле дадена огромна можност. 141 00:06:28,590 --> 00:06:30,210 И Бил ни даде таа можност. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Сакам да се заблагодарам на Бил за тоа. 144 00:06:36,770 --> 00:06:39,630 Сакам да се премногу. 145 00:06:39,630 --> 00:06:42,500 На темпото на иновации нема да се забави. 146 00:06:42,500 --> 00:06:45,140 >> Тоа се случува да се добие побрзо и побрзо. 147 00:06:45,140 --> 00:06:50,165 Може да има неколку конкуренти кои, за жал се елиминира! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Сакам оваа компанија. 150 00:06:59,564 --> 00:07:00,064 Да! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Јас сум на компјутер, и јас сакам оваа компанија! 153 00:07:08,250 --> 00:07:13,090 >> Програмери, програмери, програмери, програмери, програмери, програмери, 154 00:07:13,090 --> 00:07:14,560 програмери, програмери. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Да! 157 00:07:18,970 --> 00:07:19,950 Веб програмери! 158 00:07:19,950 --> 00:07:21,420 >> Веб програмери! 159 00:07:21,420 --> 00:07:22,890 Веб програмери! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Слушаат она што друго можете добијат без доплата! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS извршната власт, на закажаната средба календар, картичка куп, белешка рампа, 163 00:07:31,960 --> 00:07:33,750 часовник, контролен панел. 164 00:07:33,750 --> 00:07:35,461 И, може да ви се верува ли? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Изгори ги на CD! 167 00:07:37,270 --> 00:07:38,660 Постави ги на МСН! 168 00:07:38,660 --> 00:07:40,422 Можете да ги пошта на пријатели! 169 00:07:40,422 --> 00:07:41,790 >> Сите со еден клик! 170 00:07:41,790 --> 00:07:48,670 Еден Мајкрософт, една стратегија, еден team-- фокусирани, дисциплинирани, професионални, 171 00:07:48,670 --> 00:07:50,610 и експерт во сè што правиме. 172 00:07:50,610 --> 00:07:52,670 Дозволете ми да се користи линија од стар филм. 173 00:07:52,670 --> 00:07:54,810 >> Односи се како ајкули. 174 00:07:54,810 --> 00:07:57,480 Тие се движат напред или ќе умрат. 175 00:07:57,480 --> 00:08:01,470 Јас всушност мислам технологија компании се исти. 176 00:08:01,470 --> 00:08:04,801 >> [END видео репродукција] 177 00:08:04,801 --> 00:08:08,050 Дејвид Џ MALAN: Значи, ние сме толку среќни да објави дека Стив ќе биде ни се приклучи 178 00:08:08,050 --> 00:08:13,320 тука во CS50 следната среда во вообичаените местото и времето тука. 179 00:08:13,320 --> 00:08:14,750 Простор, најверојатно, ќе биде ограничен. 180 00:08:14,750 --> 00:08:19,650 И така да ни се придружат во лице, ве молиме главата денес или набргу потоа 181 00:08:19,650 --> 00:08:22,600 да cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> И ние ќе го следат од страна на Вторник потврда дамки. 183 00:08:25,780 --> 00:08:29,900 Со нетрпение очекуваме да дека следната Среда текот предавање во CS50. 184 00:08:29,900 --> 00:08:33,706 Сега, во другите вести, јас се случи да се среќаваме со ова во Кримсон само 185 00:08:33,706 --> 00:08:34,289 пред некој ден. 186 00:08:34,289 --> 00:08:37,370 >> Излегува дека еден од вработените CS50 е и барем еден од учениците CS50 е 187 00:08:37,370 --> 00:08:40,299 е во моментов работи за УЗ претседател и потпретседател, 188 00:08:40,299 --> 00:08:42,950 кој ме врати на мојата сопствена дена назад 189 00:08:42,950 --> 00:08:45,920 кога изгубив изборите во УЗ очајно. 190 00:08:45,920 --> 00:08:48,210 Но, за надеж во кој е секогаш сум 191 00:08:48,210 --> 00:08:50,604 раскаже приказната е дека еден од сигурен сум дека 192 00:08:50,604 --> 00:08:52,770 многу причини го изгубив изборите беше комплетен недостаток 193 00:08:52,770 --> 00:08:54,103 на талент за јавно говорење. 194 00:08:54,103 --> 00:08:56,950 И така сосема искрено тоа, ме возеше, тоа искуство 195 00:08:56,950 --> 00:09:02,235 Мислам дека мојот помлад година, за да всушност се регистрирате за Харвард Компјутерски општество, кое 196 00:09:02,235 --> 00:09:04,610 е групата на кампусот што има разни технички разговори 197 00:09:04,610 --> 00:09:05,318 и други работи. 198 00:09:05,318 --> 00:09:08,117 И јас го презеде нивното учење семинари и затоа 199 00:09:08,117 --> 00:09:09,950 имаа можност, на прекрасна можност, 200 00:09:09,950 --> 00:09:12,620 да почне да работи на токму тоа. 201 00:09:12,620 --> 00:09:15,000 Но, исто така, имав можност во текот на ова искуство 202 00:09:15,000 --> 00:09:16,930 да си научи сè повеќе и повеќе на HTML. 203 00:09:16,930 --> 00:09:21,080 И така јас одолговлекува минатата ноќ од страна на гледајќи низ HTML базирани веб-сајт 204 00:09:21,080 --> 00:09:28,066 Јас направив во како 1997, '98, за моите кампања која изгледа вака тука. 205 00:09:28,066 --> 00:09:29,920 Знам. 206 00:09:29,920 --> 00:09:33,340 >> Because-- и, се разбира, известување овој неверојатен дизајн одлука во 1998 година 207 00:09:33,340 --> 00:09:33,850 или какво ли не. 208 00:09:33,850 --> 00:09:36,475 Првото нешто што сакате на корисниците да се направи по посета на вашиот веб-сајт 209 00:09:36,475 --> 00:09:39,860 е да се има да кликнете уште еден линк само да внесувате вашиот сајт овде со монахот 210 00:09:39,860 --> 00:09:43,940 зад како обвиткан завеса каде очигледно мојата кампања платформа беше. 211 00:09:43,940 --> 00:09:46,330 И ова е сите ќе добиете денес е само екранот. 212 00:09:46,330 --> 00:09:49,500 Но, јас го читав преку, како, мојата кампања постери минатата ноќ 213 00:09:49,500 --> 00:09:50,490 и мојот платформа. 214 00:09:50,490 --> 00:09:52,960 >> И јас бев толку лута во тоа време. 215 00:09:52,960 --> 00:09:55,380 Мојата платформа was-- беше интересно. 216 00:09:55,380 --> 00:09:57,730 Па јас се смири, бидејќи тогаш. 217 00:09:57,730 --> 00:10:03,550 Но, еден ден, ќе се кандидира повторно и се надевам дека подобро тоа време. 218 00:10:03,550 --> 00:10:07,265 >> Па HTML, дека јазикот на кој сум направил дека in-- наскоро ќе направи многу more-- 219 00:10:07,265 --> 00:10:09,140 е нешто што ние сме биле зборуваме за на крајот 220 00:10:09,140 --> 00:10:12,460 и во голема мера преземање здраво за готово сега дека ние сме се преселиле на други јазици. 221 00:10:12,460 --> 00:10:15,650 Но, ајде да се откажеш за само еден миг и стави некои од овие работи во контекст. 222 00:10:15,650 --> 00:10:18,040 Па во една реченица, што е HTML? 223 00:10:18,040 --> 00:10:19,370 >> Или, што се користи за? 224 00:10:19,370 --> 00:10:20,208 Некој? 225 00:10:20,208 --> 00:10:20,708 Да. 226 00:10:20,708 --> 00:10:22,002 >> ПУБЛИКАТА: Селектирај за веб-сајтови. 227 00:10:22,002 --> 00:10:23,460 Дејвид Џ MALAN: Селектирај за веб-сајт. 228 00:10:23,460 --> 00:10:27,100 Така, тоа е маркап јазик кој Ви овозможува да структура на веб-страница. 229 00:10:27,100 --> 00:10:30,040 Заглавие оди до тука, наслов оди овде, телото оди овде. 230 00:10:30,040 --> 00:10:33,280 Ова е болдирање, ова е italics-- тој вид на детали. 231 00:10:33,280 --> 00:10:33,830 >> Добро, добро. 232 00:10:33,830 --> 00:10:37,620 Па CSS овозможува you-- и јас се некои слободи таму 233 00:10:37,620 --> 00:10:40,990 со задебелени букви со кои се соочува и искосен, бидејќи тоа е подобро спроведени со ова. 234 00:10:40,990 --> 00:10:42,096 CSS is-- што? 235 00:10:42,096 --> 00:10:42,845 Велат во една реченица. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Секој на сите. 238 00:10:46,720 --> 00:10:46,870 Да. 239 00:10:46,870 --> 00:10:49,286 >> ПУБЛИКАТА: embellishments и работи, како и како да го дизајн. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 Дејвид Џ MALAN: Добро, добро. 242 00:10:52,810 --> 00:10:55,420 Embellishments што ќе овозможи да го дизајн или стилизирам тоа 243 00:10:55,420 --> 00:10:59,540 со нешта како болдирање и закосени букви и бои и, исто така, повеќе парична казна 244 00:10:59,540 --> 00:11:01,330 грануларен позиционирање на елементите. 245 00:11:01,330 --> 00:11:04,520 Тоа вид на ти овозможува да се работи на последната милја, така што ако, на пример, 246 00:11:04,520 --> 00:11:08,130 во Pset7, може да се забележи на вашиот портфолио страница, ако сте во овој момент 247 00:11:08,130 --> 00:11:12,270 веќе дека стандардно маса што направи да се покаже акции фарми на корисникот 248 00:11:12,270 --> 00:11:15,740 и парични веројатно изгледа прилично одвратен стандардно без белиот простор. 249 00:11:15,740 --> 00:11:18,420 Вид сè е на преполн заедно во редови и колони. 250 00:11:18,420 --> 00:11:20,662 >> Па, со малку CSS, како што може да се реализира, 251 00:11:20,662 --> 00:11:23,870 всушност можете да tweak дека и да ја направат нешто многу повеќе запознаени и многу 252 00:11:23,870 --> 00:11:24,870 поубава да се погледне. 253 00:11:24,870 --> 00:11:27,730 Па CSS е за стилизација на веб-сајтови. 254 00:11:27,730 --> 00:11:31,970 Но, тогаш ќе воведе уште еден јазик, PHP, која ни овозможува да го направи она што? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Ајде да го направи она што? 257 00:11:37,590 --> 00:11:38,177 Никого. 258 00:11:38,177 --> 00:11:40,010 Мора да вложување надвор првите неколку редови. 259 00:11:40,010 --> 00:11:40,260 Да. 260 00:11:40,260 --> 00:11:41,719 >> ПУБЛИКАТА: Генерирање на динамична содржина. 261 00:11:41,719 --> 00:11:42,718 Дејвид Џ MALAN: Совршена. 262 00:11:42,718 --> 00:11:43,850 Генерираат динамички содржини. 263 00:11:43,850 --> 00:11:45,808 И можете да го направите ова во било кој број на јазици. 264 00:11:45,808 --> 00:11:50,120 Ние се случи да го користите PHP, бидејќи тоа е во дел, така сличен на C синтакса. 265 00:11:50,120 --> 00:11:52,000 >> Но PHP го прави токму тоа. 266 00:11:52,000 --> 00:11:54,620 Тоа ви овозможува да генерираат динамички излез. 267 00:11:54,620 --> 00:11:57,890 А некои од дека производството би можело да биде HTML, како што ние си обично се прави. 268 00:11:57,890 --> 00:12:00,160 И тоа е, исто така, бидејќи тоа е програмски јазик, е 269 00:12:00,160 --> 00:12:03,240 механизмот преку кој можеме да зборуваме за бази на податоци. 270 00:12:03,240 --> 00:12:05,730 >> И ние може да направи пребарувања за други сервери како Yahoos 271 00:12:05,730 --> 00:12:08,660 и програмски направи нешто навистина дека можеби е поинаку 272 00:12:08,660 --> 00:12:10,400 сакате да се принуди еден компјутер да се направи. 273 00:12:10,400 --> 00:12:13,580 Па PHP ни овозможува да започнете динамички Ставање содржина. 274 00:12:13,580 --> 00:12:16,900 Значи со оваа логика, немав динамична веб страната назад во 1998 година. 275 00:12:16,900 --> 00:12:18,460 >> Тоа беше само еден статичен веб страница. 276 00:12:18,460 --> 00:12:22,250 Моето содржина да се промени од страна на рачно со gedit или некој еквивалент. 277 00:12:22,250 --> 00:12:25,290 Но PHP е она што ние се користат или може да се користат, а, 278 00:12:25,290 --> 00:12:27,260 нешто слично на Frosh инстант пораки веб-сајт, кој 279 00:12:27,260 --> 00:12:31,160 требаше да се регистрации и управуваат со листа на users-- работи кои 280 00:12:31,160 --> 00:12:33,550 се всушност промена во текот време, иако ние се случи 281 00:12:33,550 --> 00:12:35,990 да се користи Perl, различна јазик во тоа време. 282 00:12:35,990 --> 00:12:40,350 >> А потоа на крај, воведовме SQL-- Структурно јазик за пребарување. 283 00:12:40,350 --> 00:12:43,845 Значи уште еден јазик кој се користи за што? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Се користи за што? 286 00:12:47,639 --> 00:12:49,430 Можеме да се осмелам slight-- Добро, ние нема 287 00:12:49,430 --> 00:12:51,263 да се добие многу подалеку од оркестарот тука. 288 00:12:51,263 --> 00:12:53,432 ПУБЛИКАТА: Тоа е протокол се користи за да разговарате со бази на податоци. 289 00:12:53,432 --> 00:12:55,640 Дејвид Џ MALAN: А протокол се користи за да разговарате со бази на податоци. 290 00:12:55,640 --> 00:12:56,181 Дозволете ми да го смените. 291 00:12:56,181 --> 00:12:59,280 Тоа е природен јазик се користи да разговара со databases-- избира 292 00:12:59,280 --> 00:13:01,280 и инсерти и се брише и надградби, а всушност 293 00:13:01,280 --> 00:13:03,840 дури и повеќе функции кои ние не се ни нурна 294 00:13:03,840 --> 00:13:07,920 во но можеби ќе сакате да explore-- имаат за да истражуваат за, да речеме, конечниот проект. 295 00:13:07,920 --> 00:13:09,560 Па така постојат овие различни парчиња. 296 00:13:09,560 --> 00:13:13,100 >> И се надевам дека Pset7, иако нејзината спецификација е прилично долга, 297 00:13:13,100 --> 00:13:15,990 тоа е намерно долго за да ви прошетка преку тоа како овие работи може сите 298 00:13:15,990 --> 00:13:17,210 да бидат внесени заедно. 299 00:13:17,210 --> 00:13:20,300 Сега, во понеделникот, ние воведе нашата последна јазик 300 00:13:20,300 --> 00:13:23,430 дека ние формално ќе се воведе во на course-- тоа е, JavaScript. 301 00:13:23,430 --> 00:13:25,720 Ова, како PHP, е толкува јазик. 302 00:13:25,720 --> 00:13:28,110 >> Но клучна разлика Јас во понеделникот 303 00:13:28,110 --> 00:13:32,730 е дека додека PHP е извршување или се интерпретира на серверот, што 304 00:13:32,730 --> 00:13:35,990 во овој случај е CS50 апаратот, или може да има некои комерцијални веб 305 00:13:35,990 --> 00:13:39,370 серверот на интернет, Го вклучите Javascript-општо 306 00:13:39,370 --> 00:13:43,650 е јазик што тече клиентската страна не сервер side-- така во прелистувачот. 307 00:13:43,650 --> 00:13:46,970 Кој е да се каже, исто како кога ја отворив до Фејсбук изворниот код и резултат на сите 308 00:13:46,970 --> 00:13:51,510 на оние .js датотеки, импликација беше дека кога ќе ја посетите Фејсбук или повеќето 309 00:13:51,510 --> 00:13:54,810 веб-сајтови овие денови, ќе добиете не само HTML, не само на CSS, 310 00:13:54,810 --> 00:13:59,370 но целиот куп на вклучите Javascript- кодот често во форма на .js датотеки. 311 00:13:59,370 --> 00:14:03,970 И тогаш тоа е browser-- свој Mac или PC-- дека извршува тој код. 312 00:14:03,970 --> 00:14:05,990 >> Но вашиот прелистувач го извршува. 313 00:14:05,990 --> 00:14:08,070 Може да се мисли во вид на песок. 314 00:14:08,070 --> 00:14:12,420 Така што JavaScript код не треба да биде во можност да ги избришете фајлови на вашиот компјутер. 315 00:14:12,420 --> 00:14:14,730 Тоа не треба да биде во можност да испраќаат електронски пораки во ваше име. 316 00:14:14,730 --> 00:14:17,760 Вашиот прелистувач вид ограничува она што може да се направи со неа. 317 00:14:17,760 --> 00:14:20,630 >> Па во таа смисла, тоа е малку помалку моќен, можеби, од В. 318 00:14:20,630 --> 00:14:24,030 Но го вклучите Javascript-може, како настрана, да се користи на серверот, 319 00:14:24,030 --> 00:14:27,740 иако ќе имаат тенденција да не зборуваме за тоа во тој контекст. 320 00:14:27,740 --> 00:14:29,740 Па сега ајде да се врзуваат за овие заедно. 321 00:14:29,740 --> 00:14:34,000 Една недела плус одамна, ние претстави некои HTML на left-- супер досадни веб-страница. 322 00:14:34,000 --> 00:14:35,000 >> Само вели здраво свет. 323 00:14:35,000 --> 00:14:38,110 И тогаш предложив на право ние вид на може да се крадат идеи 324 00:14:38,110 --> 00:14:41,470 од нашата дискусија структури на податоци во C 325 00:14:41,470 --> 00:14:45,270 и мислам за тоа како оваа хиерархиска Селектирај јазик на левата 326 00:14:45,270 --> 00:14:49,720 можат да се извлечат или спроведува во меморија како вистински дрво структура со јазли 327 00:14:49,720 --> 00:14:51,400 и покажувачи и оние видови на детали. 328 00:14:51,400 --> 00:14:53,820 На десната страна, што ние го нарекуваме дека DOM-- документ 329 00:14:53,820 --> 00:14:56,800 Објект Model-- што е само фенси начин да се каже дрво. 330 00:14:56,800 --> 00:14:59,520 >> Сега, зошто е ова корисно да се мислам на тоа на овој начин? 331 00:14:59,520 --> 00:15:01,680 Затоа што сега со Го вклучите Javascript-, бидејќи имаме 332 00:15:01,680 --> 00:15:05,810 код кој добива да игра во овој животната средина, вистинската HTML тоа е 333 00:15:05,810 --> 00:15:08,360 беше испратен до интернет пребарувач веќе и има веќе 334 00:15:08,360 --> 00:15:12,690 се вчитана во меморијата на прелистувачот во дрво во вашиот компјутер 335 00:15:12,690 --> 00:15:18,270 RAM меморија како оваа, може да се користат да вклучите всушност да напречни или прошетка или пребарување 336 00:15:18,270 --> 00:15:21,800 или промени тоа DOM-стебло сепак сакаме. 337 00:15:21,800 --> 00:15:24,040 Така, всушност, ако мислите за facebook.com, 338 00:15:24,040 --> 00:15:27,660 ако користите разговор функција, ако употреба на Gmail и Gchat функција, 339 00:15:27,660 --> 00:15:30,540 нешто каде што треба пораки кои доаѓаат повторно и повторно 340 00:15:30,540 --> 00:15:35,880 и повторно, овие пораки се веројатно, како, ЛИ таг, Листа Точка тагови, можеби. 341 00:15:35,880 --> 00:15:37,940 >> Или можеби тие се само divs кои постојано се појавуваат 342 00:15:37,940 --> 00:15:39,770 секој пат кога ќе добиете инстант порака. 343 00:15:39,770 --> 00:15:42,960 И така тоа само значи она што Фејсбук или Google прави 344 00:15:42,960 --> 00:15:45,200 е секој пат кога ќе се добие пораките од серверот, 345 00:15:45,200 --> 00:15:48,740 тие се веројатно користејќи го вклучите Javascript- само да додадете друг јазол 346 00:15:48,740 --> 00:15:52,700 на овој tree-- друг јазол на оваа дрво, кои потоа визуелно само изгледа 347 00:15:52,700 --> 00:15:54,570 како нова линија на текст на вашиот екран. 348 00:15:54,570 --> 00:15:57,100 Но тие се вметнување во оваа податочна структура. 349 00:15:57,100 --> 00:15:59,742 >> Значи во класи како CS124 и други, ќе 350 00:15:59,742 --> 00:16:02,200 всушност пишува повеќе кодот против структури на податоци, како ова. 351 00:16:02,200 --> 00:16:04,310 Но, за сега во JavaScript, ние само ќе се претпостави 352 00:16:04,310 --> 00:16:07,920 ние ги добиете сите од оваа функционалност бесплатно од самиот јазик. 353 00:16:07,920 --> 00:16:09,210 Па ајде да погледнеме еден пример. 354 00:16:09,210 --> 00:16:13,120 >> Дозволете ми да се отвори фајл наречен form.html. 355 00:16:13,120 --> 00:16:14,601 Тоа е супер едноставен. 356 00:16:14,601 --> 00:16:15,600 Тоа само изгледа вака. 357 00:16:15,600 --> 00:16:17,860 >> Не, CSS, не помислуваат на естетика. 358 00:16:17,860 --> 00:16:19,810 Тоа е чисто функционално и очигледно сум 359 00:16:19,810 --> 00:16:24,000 прашува за е-маил, лозинка, лозинка, а потоа проверка 360 00:16:24,000 --> 00:16:26,150 да се согласи со некои рокови и услови. 361 00:16:26,150 --> 00:16:28,740 Што изворниот код за ова изгледа е веројатно нешто 362 00:16:28,740 --> 00:16:31,030 ќе може да се погоди со малку на мислата сега. 363 00:16:31,030 --> 00:16:32,840 Имам форма таг тука. 364 00:16:32,840 --> 00:16:36,190 >> Акција очигледно ќе одат на датотека наречена register.php. 365 00:16:36,190 --> 00:16:37,870 Методот Одам да се користи е да се добие. 366 00:16:37,870 --> 00:16:40,880 А потоа имам текст поле чие име е-мејл. 367 00:16:40,880 --> 00:16:43,340 >> Јас имам полето за лозинка чие име е лозинка. 368 00:16:43,340 --> 00:16:45,420 Јас имам друг полето за лозинка чие име 369 00:16:45,420 --> 00:16:47,342 е на некој начин произволно потврда. 370 00:16:47,342 --> 00:16:49,690 Тоа е само уште HTTP параметар. 371 00:16:49,690 --> 00:16:54,430 >> И тогаш ние не сум користел овие, освен од Frosh инстант пораки демо во class-- 372 00:16:54,430 --> 00:16:56,692 наога што е само тип еднаква на проверка. 373 00:16:56,692 --> 00:16:57,900 И јас ќе се јавам на таа спогодба. 374 00:16:57,900 --> 00:17:00,700 Па јас сум вид на произволно но погодно именуван овие области. 375 00:17:00,700 --> 00:17:03,450 Така што сега кога оваа форма добива поднесено, ајде да видиме што се случува. 376 00:17:03,450 --> 00:17:07,290 Ако го направам malan@harvard.edu, Ќе се направи лозинка на црвенило. 377 00:17:07,290 --> 00:17:09,530 Ќе се направи лозинка ништо. 378 00:17:09,530 --> 00:17:10,910 Ајде да не соработуваат. 379 00:17:10,910 --> 00:17:12,280 >> И јас не ќе ги провери кутија. 380 00:17:12,280 --> 00:17:13,940 Дозволете ми да кликнете на Register. 381 00:17:13,940 --> 00:17:15,420 А таа вели, хм, ти си регистриран. 382 00:17:15,420 --> 00:17:16,069 Не, навистина. 383 00:17:16,069 --> 00:17:17,450 >> Но URL смени. 384 00:17:17,450 --> 00:17:22,280 Па оваа форма е јасно дозволено да ги достават до register.php. 385 00:17:22,280 --> 00:17:25,160 Но, веројатно, би требало да биде фаќање на некои од овие грешки. 386 00:17:25,160 --> 00:17:27,569 Сега, во Pset7 и некои на нашите предавање примери, 387 00:17:27,569 --> 00:17:30,130 ние генерално ќе печати едно големо црвено порака за грешка тука 388 00:17:30,130 --> 00:17:33,760 велејќи недостасува име, или исчезнати лозинка. 389 00:17:33,760 --> 00:17:37,680 Ние сме направиле тоа порано и ние направено од страна на серверот грешка детекција. 390 00:17:37,680 --> 00:17:41,580 >> Но, многу веб-сајтови овие денови направи клиентската страна грешка детекција 391 00:17:41,580 --> 00:17:42,810 каде URL-то не се менува. 392 00:17:42,810 --> 00:17:44,101 Целата страница не се одмориме. 393 00:17:44,101 --> 00:17:46,940 Ќе добиете инстант фидбек од прелистувачот. 394 00:17:46,940 --> 00:17:48,070 Можеби нешто ќе тргне црвено. 395 00:17:48,070 --> 00:17:49,190 >> Можеби ќе добиете pop-up. 396 00:17:49,190 --> 00:17:53,240 Но вие не губат време испраќање серверот податоци тоа е некомплетна. 397 00:17:53,240 --> 00:17:56,050 Да видиме како да постигне таа функција, како и. 398 00:17:56,050 --> 00:17:59,660 >> Дозволете ми да одат на form1.html, што изгледа исто. 399 00:17:59,660 --> 00:18:03,530 Но, ако ова време правам malan@harvard.edu и сум тип пурпурни 400 00:18:03,530 --> 00:18:07,350 и јас не соработуваат и понатаму но кликнете на Register, информации сега. 401 00:18:07,350 --> 00:18:08,940 Тоа не е најсекси решение. 402 00:18:08,940 --> 00:18:10,900 Сум најмалку фатени оваа грешка. 403 00:18:10,900 --> 00:18:12,900 И јас сум користел на алармирање функција во JavaScript-- 404 00:18:12,900 --> 00:18:14,090 кои ние сме само користење во класата. 405 00:18:14,090 --> 00:18:16,430 Во принцип, не треба да ја користите оваа поради тоа што многу брзо може да се излезе 406 00:18:16,430 --> 00:18:17,160 од контрола. 407 00:18:17,160 --> 00:18:19,180 Но лозинки не се совпаѓаат е грешка. 408 00:18:19,180 --> 00:18:21,120 >> Дозволете ми да оди напред и да кликнете OK. 409 00:18:21,120 --> 00:18:25,040 Но, она што клучните готова брза тука е дека УРЛ не се промени. 410 00:18:25,040 --> 00:18:27,960 Па јас не сум пречи губење време време на серверот бара тоа 411 00:18:27,960 --> 00:18:30,750 прашање кое јас би можеле да имаат сфатиле одговорот за себе. 412 00:18:30,750 --> 00:18:33,210 >> И корисникот, иако се зборува за ова 413 00:18:33,210 --> 00:18:35,264 подолго од корисникот случува да се размислува за тоа, 414 00:18:35,264 --> 00:18:36,680 се случува да имаат инстант фидбек. 415 00:18:36,680 --> 00:18:39,044 Нема латентност со мрежата на поврзување. 416 00:18:39,044 --> 00:18:40,460 Значи, да се погледне на овој изворниот код. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html изглед структурно сличен тука. 418 00:18:45,600 --> 00:18:46,810 Форма е всушност истото. 419 00:18:46,810 --> 00:18:48,330 Но, да видиме она што го направив овде долу. 420 00:18:48,330 --> 00:18:49,913 И има различни начини да го направите тоа. 421 00:18:49,913 --> 00:18:53,690 И јас го направив најмногу прав следбеник, но не најелегантен начин уште. 422 00:18:53,690 --> 00:18:54,869 Имам скрипта таг. 423 00:18:54,869 --> 00:18:57,035 Јас тогаш се јавите document.getElementByID ("регистрација"). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 И јас ја запази таа вредност во форма, променлива. 426 00:19:04,420 --> 00:19:05,520 >> Значи она што сум направил? 427 00:19:05,520 --> 00:19:08,960 Можете да мислам на document.getElementByID, како да бидат 428 00:19:08,960 --> 00:19:11,200 посебна функција која Го вклучите Javascript-ви дава 429 00:19:11,200 --> 00:19:14,400 кои буквално рацете ви покажувач на еден од јазли 430 00:19:14,400 --> 00:19:16,520 или правоаголници во ова дрво. 431 00:19:16,520 --> 00:19:21,470 Па сега тоа е она што нашата форма променлива во вклучите Javascript-е, всушност, покажувајќи кон. 432 00:19:21,470 --> 00:19:25,120 >> Па сега синтаксата е различна од C. Но ние сме прави неколку работи овде. 433 00:19:25,120 --> 00:19:30,360 Еден, ова е малку чудно изглед, сигурно наспроти В. 434 00:19:30,360 --> 00:19:32,180 Но, изгледа на линија 35. 435 00:19:32,180 --> 00:19:35,130 Па на левата form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Потсетиме дека onsubmit е како поле во struct. 437 00:19:38,060 --> 00:19:41,480 Ако мислите дека на формата променлива е само да се биде C struct, 438 00:19:41,480 --> 00:19:42,600 тоа би можело да има некои полиња. 439 00:19:42,600 --> 00:19:46,410 >> Назад во текот на денот, имавме студенти имиња, ИД, куќи, оние вид на полиња. 440 00:19:46,410 --> 00:19:48,520 Само помислете на onsubmit како друга област. 441 00:19:48,520 --> 00:19:53,380 Но, тоа е посебно поле, бидејќи прелистувачот е програмиран да се очекува 442 00:19:53,380 --> 00:19:57,530 .onsubmit да не биде вредност како број или стринг, 443 00:19:57,530 --> 00:20:01,180 но всушност да биде во функција или адресата на функција 444 00:20:01,180 --> 00:20:02,570 во меморијата на компјутерот. 445 00:20:02,570 --> 00:20:04,740 >> И навистина, тоа е она што овој клучен збор овде прави тоа. 446 00:20:04,740 --> 00:20:06,710 Ова се вели, да ми даде нова функција. 447 00:20:06,710 --> 00:20:09,390 Но, она што е нејзиното име ќе биде, очигледно? 448 00:20:09,390 --> 00:20:10,800 >> Размислување назад кон понеделникот. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Што е името на овој функција врз основа на оваа синтакса? 451 00:20:17,170 --> 00:20:19,784 Не, сакам да кажам, има јасно нема име associated-- сигурно 452 00:20:19,784 --> 00:20:21,200 не во она што сум го истакна тука. 453 00:20:21,200 --> 00:20:22,560 >> Но, тоа е, всушност, во ред. 454 00:20:22,560 --> 00:20:25,840 Ова е анонимен функција, или Ламбда функции како што некои би можеле да го наречеме. 455 00:20:25,840 --> 00:20:27,589 И тоа само значи тоа е уште една функција. 456 00:20:27,589 --> 00:20:29,400 Тоа е само, не можете да го нарекуваат со името. 457 00:20:29,400 --> 00:20:30,057 Но, тоа е во ред. 458 00:20:30,057 --> 00:20:33,140 Затоа што, повторно, прелистувачот е програмиран од страна на компании како Google 459 00:20:33,140 --> 00:20:38,540 или Microsoft или Mozilla или другите да само знам дека ако .onsubmit поле 460 00:20:38,540 --> 00:20:43,400 во внатрешноста на една форма елемент има вредност, го третираат како function-- 461 00:20:43,400 --> 00:20:44,750 функција покажувачот, ако сакате. 462 00:20:44,750 --> 00:20:46,910 И го нарекуваат кога се поднесува формуларот. 463 00:20:46,910 --> 00:20:50,350 >> Па што кодот треба да биде погубен кога форма се доставува? 464 00:20:50,350 --> 00:20:52,526 Очигледно, сè внатрешноста на кадрава голема заграда. 465 00:20:52,526 --> 00:20:53,650 И ова е само стилски. 466 00:20:53,650 --> 00:20:55,626 >> Вие би можеле да го направите тоа како ние се стремиме да се направи во CS50. 467 00:20:55,626 --> 00:20:58,250 Но во JavaScript, повеќето луѓе имаат тенденција да се задржи на иста линија 468 00:20:58,250 --> 00:21:01,960 само поради тоа што повеќе од јасно е поврзани со овој клучен збор функција. 469 00:21:01,960 --> 00:21:03,240 Па сега што правам? 470 00:21:03,240 --> 00:21:08,616 >> Ако form.email.value еднаква на еднаквите на празен стринг или ништо, тука е 471 00:21:08,616 --> 00:21:11,490 предупредување каде што ќе одам да се каже, мора да се обезбеди вашата e-mail адреса, 472 00:21:11,490 --> 00:21:12,690 а потоа се врати лажни. 473 00:21:12,690 --> 00:21:15,720 И тоа е дека враќањето лажни дека спречува форма од тоа да биде поднесена. 474 00:21:15,720 --> 00:21:19,480 Во меѓувреме, ако лозинката вредност е празно, јас ќе одам да се развикам на корисникот 475 00:21:19,480 --> 00:21:21,150 и да каже, ќе треба да дадете лозинка. 476 00:21:21,150 --> 00:21:23,700 >> Во меѓувреме работите се малку познавач тука. 477 00:21:23,700 --> 00:21:29,160 Ако form.password.value не еднакви form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 на друго поле, се развикам корисникот дека лозинките 479 00:21:31,680 --> 00:21:33,860 не се совпаѓаат, како тие Не пред еден миг. 480 00:21:33,860 --> 00:21:35,780 А потоа ова е малку посекси, бидејќи јас 481 00:21:35,780 --> 00:21:40,470 знаете знаев дека концептуално проверено е името на полето е. 482 00:21:40,470 --> 00:21:45,680 >> Па јас само може да се користи фантастичен точка да се каже дали проверката не е 483 00:21:45,680 --> 00:21:48,040 checked-- тоа е Булова вредност, точно или false-- 484 00:21:48,040 --> 00:21:49,700 Ќе се развикам на корисникот за таа причина. 485 00:21:49,700 --> 00:21:52,300 Инаку, ако ги добиеме преку сите овие услови, 486 00:21:52,300 --> 00:21:53,270 ајде да се врати вистина. 487 00:21:53,270 --> 00:21:54,700 Нека се поднесува формуларот. 488 00:21:54,700 --> 00:21:56,560 И ова, тогаш ќе се случи. 489 00:21:56,560 --> 00:21:57,740 >> Ајде да напишете во пурпурна. 490 00:21:57,740 --> 00:22:00,230 Ајде проверете кутија, кликнете на Register. 491 00:22:00,230 --> 00:22:01,979 А сега одам до дестинацијата. 492 00:22:01,979 --> 00:22:03,270 Сега, не постои база на податоци таму. 493 00:22:03,270 --> 00:22:05,370 Нема ништо интересен во register.php. 494 00:22:05,370 --> 00:22:07,980 Јас само е потребно нешто всушност да разговарате. 495 00:22:07,980 --> 00:22:09,140 Значи, дозволете ми пауза, тука. 496 00:22:09,140 --> 00:22:16,270 Било какви прашања за тоа што ние сме само направено или она што некои на оваа нова синтакса е? 497 00:22:16,270 --> 00:22:17,640 Добро, да? 498 00:22:17,640 --> 00:22:20,025 >> ПУБЛИКАТА: Така било полето автоматски е Булова. 499 00:22:20,025 --> 00:22:21,650 Вие не треба да го прогласат како тоа. 500 00:22:21,650 --> 00:22:22,649 >> Дејвид Џ MALAN: Точни. 501 00:22:22,649 --> 00:22:29,340 Било квадратчето што е испратен од на HTML форма на вашиот JavaScript код 502 00:22:29,340 --> 00:22:31,760 ќе бидат третирани, да, како Булова value-- точно или неточно. 503 00:22:31,760 --> 00:22:32,635 Тоа е добро прашање. 504 00:22:32,635 --> 00:22:36,080 Додека други вредности, Се разбира, се текст, АКА жици. 505 00:22:36,080 --> 00:22:38,500 >> Сите во право, па ме пушти премотам касетата малку понатаму. 506 00:22:38,500 --> 00:22:39,900 Она што беше целата поента на ова? 507 00:22:39,900 --> 00:22:41,400 Само за да биде јасно. 508 00:22:41,400 --> 00:22:44,940 Како, ние веќе знаеме, дури и од Pset7 па дури и од предавање минатата недела 509 00:22:44,940 --> 00:22:51,120 примери, дека ние очигледно може да се провери $ _GET $ _POST Се види дали на корисникот даде нас 510 00:22:51,120 --> 00:22:52,200 празен вредност. 511 00:22:52,200 --> 00:22:54,400 Се сеќавам на празни функција во PHP. 512 00:22:54,400 --> 00:22:58,040 >> Па само да биде јасно, она што е една причина ние би можеле, исто така, 513 00:22:58,040 --> 00:23:00,535 сакате да го направите ова грешка проверка внатрешноста на прелистувач? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Што е мотивација тука? 516 00:23:06,080 --> 00:23:06,580 Да. 517 00:23:06,580 --> 00:23:09,735 >> ПУБЛИКАТА: Побрзо, а вие не испрати непотребни податоци на серверот. 518 00:23:09,735 --> 00:23:10,610 Дејвид Џ MALAN: Добро. 519 00:23:10,610 --> 00:23:11,170 Тоа е побрзо. 520 00:23:11,170 --> 00:23:12,920 Вие не испрати непотребни на податоци до серверот. 521 00:23:12,920 --> 00:23:14,670 >> Па ќе се вратам повеќе непосреден одговор. 522 00:23:14,670 --> 00:23:16,560 И, генерално, на корисникот искуство е подобро. 523 00:23:16,560 --> 00:23:17,900 Размислете за алтернатива. 524 00:23:17,900 --> 00:23:21,160 >> Ако за Gmail-- и беше случај пред многу години. 525 00:23:21,160 --> 00:23:24,160 Да претпоставиме дека сте ја добиле нов е-мејл вашата Gmail сметка, но единствениот начин со 526 00:23:24,160 --> 00:23:26,510 да се види дека е, како, вчитување на целата страница. 527 00:23:26,510 --> 00:23:29,030 Или да претпоставиме ќе кликнете на линк да го прочитате е-маил. 528 00:23:29,030 --> 00:23:31,600 >> Сè мора да ја превчитате така што можете да видите е-мејл. 529 00:23:31,600 --> 00:23:33,380 Или Facebook-- ќе добие порака. 530 00:23:33,380 --> 00:23:36,000 Не го види, додека не ја превчитате страната или кликнете на некои линк. 531 00:23:36,000 --> 00:23:38,380 >> Како, тоа би било ужасно досадни корисничко искуство. 532 00:23:38,380 --> 00:23:41,300 И тоа е она што го беше како, јасно, назад кога ќе се кандидираше за УЗ 533 00:23:41,300 --> 00:23:44,760 и на веб беше многу помалку динамични и го вклучите Javascript-не беше толку популаризирана 534 00:23:44,760 --> 00:23:45,601 како што е сега. 535 00:23:45,601 --> 00:23:47,850 И работите се многу повеќе динамичен и многу повеќе 536 00:23:47,850 --> 00:23:49,900 клиентската страна, во таа смисла. 537 00:23:49,900 --> 00:23:54,370 >> Но, постои фати тука, и ова е вид на досадни gotcha. 538 00:23:54,370 --> 00:23:58,720 Само затоа што можете да додадете клиентската страна откривање, како тоа не значи 539 00:23:58,720 --> 00:24:01,430 можете или треба да се откаже на страна на серверот за откривање. 540 00:24:01,430 --> 00:24:04,080 Вие во суштина сакаат да ги ставаш грешка проверка во двете места. 541 00:24:04,080 --> 00:24:05,830 Затоа што она што беше еден на научил лекцијата 542 00:24:05,830 --> 00:24:10,270 од член читам некои извадоци од овој глупав CMS system-- 543 00:24:10,270 --> 00:24:14,410 Менаџирање Содржина System-- тоа беше спроведувањето на своите проверка на системот, 544 00:24:14,410 --> 00:24:16,790 нејзините логирање преку она механизам? 545 00:24:16,790 --> 00:24:19,515 546 00:24:19,515 --> 00:24:20,469 Го вклучите Javascript-. 547 00:24:20,469 --> 00:24:21,499 >> ПУБЛИКАТА: вклучите Javascript-. 548 00:24:21,499 --> 00:24:23,290 Дејвид Џ MALAN: Го вклучите Javascript-, точно, нели? 549 00:24:23,290 --> 00:24:24,610 Тоа беше користејќи JavaScript. 550 00:24:24,610 --> 00:24:27,120 И буквално, вие момци имаат игра малку веројатно 551 00:24:27,120 --> 00:24:28,700 со инспектор Хром. 552 00:24:28,700 --> 00:24:30,890 И ако можам да го најдете, увид елемент. 553 00:24:30,890 --> 00:24:33,670 >> Дозволете ми да одат над да се направи сите опции Хром. 554 00:24:33,670 --> 00:24:37,080 И ова е колку е лесно е да се оневозможите JavaScript во прелистувачот. 555 00:24:37,080 --> 00:24:38,950 Проверете, нема повеќе да го вклучите Javascript. 556 00:24:38,950 --> 00:24:41,070 >> Па во праведноста, многу на интернет овие денови 557 00:24:41,070 --> 00:24:43,430 е само ќе се скрши, бидејќи Gmail и други sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- се претпостави дека JavaScript е овозможено. 559 00:24:46,140 --> 00:24:50,180 Но, ако правиш нешто глупаво како само потврдување на корисниците влез 560 00:24:50,180 --> 00:24:52,520 и проверка за грешки на клиентската страна, 561 00:24:52,520 --> 00:24:54,940 противник лесно би можеле да го направите тоа. 562 00:24:54,940 --> 00:24:57,180 А потоа дури и попаметни противник како вие момци 563 00:24:57,180 --> 00:25:01,120 сега може да го користат Телнет или Curl или само командната линија команди 564 00:25:01,120 --> 00:25:05,300 а всушност се испраќаат пораки на серверот дека на сличен начин не се грешка провери. 565 00:25:05,300 --> 00:25:08,380 >> Па ова е повеќе од кориснички интерфејс одлука 566 00:25:08,380 --> 00:25:13,060 отколку што е вистински технички improvement-- спроведување 567 00:25:13,060 --> 00:25:14,410 нешто клиентската страна, вака. 568 00:25:14,410 --> 00:25:16,800 Па сега еден брз поглед, но потоа Ќе се одложи на онлајн прошетка 569 00:25:16,800 --> 00:25:17,674 преку овој еден. 570 00:25:17,674 --> 00:25:21,480 Во форма на две, ние всушност помина низ и исчистени кодот малку. 571 00:25:21,480 --> 00:25:23,650 Но, дозволете ми да се одложи на еден од видеа ние ќе веројатно 572 00:25:23,650 --> 00:25:27,970 Вградена во Pset8 дека само ви покажува на слични синтакса користење на библиотека наречена 573 00:25:27,970 --> 00:25:32,320 jQuery, што е супер, супер популарни библиотека во вклучите Javascript- 574 00:25:32,320 --> 00:25:34,510 дека искрено повеќето луѓе само ги користат овие дена 575 00:25:34,510 --> 00:25:37,070 па дури и се збуни, како суштество се вклучите. 576 00:25:37,070 --> 00:25:38,950 >> И тоа има тенденција да се вклучат некои долар знаци 577 00:25:38,950 --> 00:25:41,350 и клучни зборови, како документ во загради тука. 578 00:25:41,350 --> 00:25:44,480 Но, повторно, дозволете ми да се одложи на некои побавно упатства онлајн 579 00:25:44,480 --> 00:25:46,750 наместо да се врзан во само синтакса. 580 00:25:46,750 --> 00:25:48,630 Ајде да се движи кон нешто малку поладна 581 00:25:48,630 --> 00:25:50,520 во однос на примената на ова. 582 00:25:50,520 --> 00:25:57,730 >> Толку посебно, дозволете ми да одат напред и се отвори овој овде. 583 00:25:57,730 --> 00:25:58,340 Ајде. 584 00:25:58,340 --> 00:25:59,380 Таму одиме. 585 00:25:59,380 --> 00:26:01,500 >> Дозволете ми да се отвори оваа слика овде. 586 00:26:01,500 --> 00:26:03,450 Непотребно комплициран изглед, но тоа 587 00:26:03,450 --> 00:26:07,880 опишува техника наречена AJAX-- Асинхрони вклучите Javascript-и XML, каде 588 00:26:07,880 --> 00:26:10,530 Х за XML е, всушност, веќе не е навистина користи. 589 00:26:10,530 --> 00:26:13,430 Тоа се стреми да се користи нешто друг што се вика JSON. 590 00:26:13,430 --> 00:26:16,560 >> Но, тука е како нешто како Google Мапи или Google Earth работи. 591 00:26:16,560 --> 00:26:18,060 Ајде да се обидеме овој во лет, всушност. 592 00:26:18,060 --> 00:26:21,590 Дозволете ми да оди напред и да се отвори до Хром на мојот интернет пребарувач. 593 00:26:21,590 --> 00:26:26,236 >> И дозволете ми да одат во, велат, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 А всушност, ако сте стари доволно да се сетам што, 596 00:26:31,930 --> 00:26:35,600 како, MapQuest беше како во тоа време, а можеби и тие се уште работат вака. 597 00:26:35,600 --> 00:26:38,870 Кога ќе се користи за пребарување на something-- 33 Оксфорд Стрит, Кембриџ, Масачусетс, 598 00:26:38,870 --> 00:26:40,650 ајде да направиме this-- ви би всушност, ако 599 00:26:40,650 --> 00:26:43,000 сакаше да се движите и долу, лево и десно, 600 00:26:43,000 --> 00:26:44,920 ќе изгледа како голема стрелка на врвот, и тоа 601 00:26:44,920 --> 00:26:46,921 ќе ви покаже уште еден рамката на картата тука. 602 00:26:46,921 --> 00:26:49,753 Или ќе кликнете лево и вие ќе поминат тука, или друг клик 603 00:26:49,753 --> 00:26:51,000 и ќе одат овде. 604 00:26:51,000 --> 00:26:53,000 Но, наместо овие дена, се разбира само 605 00:26:53,000 --> 00:26:55,970 се земе здраво за готово дека можеме да одиме околу Кембриџ прилично брзо 606 00:26:55,970 --> 00:26:57,550 само со кликнување и влечење. 607 00:26:57,550 --> 00:26:59,130 Но забележите има некои баговите. 608 00:26:59,130 --> 00:27:02,160 >> Ако го направам тоа доволно брзо, она што се чини дека се случува 609 00:27:02,160 --> 00:27:05,960 како што влечете малку пребрзо за компјутер да се задржи? 610 00:27:05,960 --> 00:27:07,160 Што гледате? 611 00:27:07,160 --> 00:27:07,660 Да. 612 00:27:07,660 --> 00:27:09,232 >> ПУБЛИКАТА: На пиксели не се одмориме. 613 00:27:09,232 --> 00:27:10,940 Дејвид Џ MALAN: На пиксели не се одмориме. 614 00:27:10,940 --> 00:27:12,870 Има actually-- и вие можеше да се види ова, всушност, 615 00:27:12,870 --> 00:27:15,360 ако гледате онлајн и пауза оваа или, всушност, го забавува работите надолу 616 00:27:15,360 --> 00:27:18,600 за once-- ќе видите дека постојат плочки, плоштади, или правоаголници кои 617 00:27:18,600 --> 00:27:22,040 се водат за исчезнати од мапата до Сплит во секунда подоцна, повеќе податоци, 618 00:27:22,040 --> 00:27:24,390 повеќе слики, всушност, се појави на екранот. 619 00:27:24,390 --> 00:27:29,810 И всушност, ако правиме тоа гледајќи до Chrome's-- да речеме, Chrome-- 620 00:27:29,810 --> 00:27:30,310 ајде да видиме. 621 00:27:30,310 --> 00:27:31,090 Ние не можеме да го направите тоа. 622 00:27:31,090 --> 00:27:31,860 >> Ох, Whoops. 623 00:27:31,860 --> 00:27:34,761 Ајде да се отвори maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Дозволете ми да го направи прозорецот поголем повторно. 625 00:27:36,660 --> 00:27:38,836 >> Се врати на 33 Оксфорд Стрит. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Она што беше на веб-сајтот бев на неодамна? 628 00:27:43,760 --> 00:27:46,440 Морав ова, како, приватни проповед на мене дека јас би потоа инстант порака 629 00:27:46,440 --> 00:27:48,470 било пријател кој е онлајн кој сакал да го слушнеш. 630 00:27:48,470 --> 00:27:49,345 Има некои веб-сајт. 631 00:27:49,345 --> 00:27:52,680 Мислам дека тоа е така Comcast-- многу голем американски интернет провајдер. 632 00:27:52,680 --> 00:27:56,355 Можете да, кога се регистрирате за нов кабел модем услуга или кабловска телевизија услуга, 633 00:27:56,355 --> 00:27:59,230 тие имаат форма многу разумни каде што тие ве праша за вашата адреса. 634 00:27:59,230 --> 00:28:01,450 И имаат оваа неверојатна функција наречена авто комплетна, 635 00:28:01,450 --> 00:28:04,600 како Google, која започнува да се пополни во одговорот на вашето прашање. 636 00:28:04,600 --> 00:28:08,090 >> Проблемот е, што го прават авто комплетна на првите нешта што пишувате. 637 00:28:08,090 --> 00:28:12,890 Значи, ако почнете да пишувате во 33 тоа, ќе ви покаже буквално секоја куќа 638 00:28:12,890 --> 00:28:15,790 во Америка, која започнува со бројот 33 639 00:28:15,790 --> 00:28:17,920 пред да продолжите да очекуваме да внесете повеќе. 640 00:28:17,920 --> 00:28:20,660 Значи, ако сте тип 33 Оксфорд, тогаш тоа ви покажува секоја улица 641 00:28:20,660 --> 00:28:24,726 во Америка, кој има 33 Оксфорд во своето име, без разлика на градот 642 00:28:24,726 --> 00:28:25,350 дека сте во. 643 00:28:25,350 --> 00:28:26,320 >> А потоа ќе продолжи пишување. 644 00:28:26,320 --> 00:28:28,930 И конечно, сфати дека тие не понуда на услуги во вашиот дом во Кембриџ 645 00:28:28,930 --> 00:28:29,920 или нешто слично. 646 00:28:29,920 --> 00:28:33,410 Но поентата е, ова е најстариот упорит имплементација на авто 647 00:28:33,410 --> 00:28:34,140 заврши било кога. 648 00:28:34,140 --> 00:28:36,400 >> И јас сум само ќе го на оваа тангента повторно. 649 00:28:36,400 --> 00:28:39,040 Но, постојат добри начини за да користете го вклучите Javascript-и лоши начини. 650 00:28:39,040 --> 00:28:40,750 И тоа не е секогаш најдобриот една. 651 00:28:40,750 --> 00:28:46,360 >> Но поентата тука, пред овој тирада, беше да се отворат алатки овде 652 00:28:46,360 --> 00:28:49,480 и ќе отвори инвеститорот алатки, како што ние си ги охрабри пред, 653 00:28:49,480 --> 00:28:52,840 и да се види на мрежата јазичето како кликнувам навистина брзо. 654 00:28:52,840 --> 00:28:55,400 И ќе забележите еден куп на се барања се случило. 655 00:28:55,400 --> 00:28:57,310 Сето ова се случи, бидејќи јас влече. 656 00:28:57,310 --> 00:29:00,170 >> И, најверојатно, навистина многу од овие редови 657 00:29:00,170 --> 00:29:04,060 сега се слика коса црта JPEG MIME типови или видови содржини. 658 00:29:04,060 --> 00:29:07,750 Тоа е затоа што хром прави секој пат кога ќе кликнете и влечете, кликнете 659 00:29:07,750 --> 00:29:11,650 и повлечете, е тоа е реализирање, ох, се треба да одат побарајте на Google за плочка 660 00:29:11,650 --> 00:29:15,080 на картата дека е овде, брзо го преземете преку HTTP, 661 00:29:15,080 --> 00:29:19,550 а потоа да го додадете во т.н. ДОМ на веб прелистувачи во меморијата дрво 662 00:29:19,550 --> 00:29:24,430 претставување, така што на корисникот, мене, гледа дека ажурирани плочка. 663 00:29:24,430 --> 00:29:26,795 И ова е затоа што на техника наречена AJAX. 664 00:29:26,795 --> 00:29:28,920 Назад во текот на денот, тоа навистина беше случај дека ако 665 00:29:28,920 --> 00:29:33,050 сакаше да се промени она што е на екранот, вие ќе треба да кликнете горе, долу, лево, 666 00:29:33,050 --> 00:29:33,550 во право. 667 00:29:33,550 --> 00:29:34,740 А потоа и нова страница ќе се отвори. 668 00:29:34,740 --> 00:29:36,531 Но, овие денови, сè е подинамичен. 669 00:29:36,531 --> 00:29:40,490 Тоа се случува во начинот на кој ние луѓето би се надевам дека, всушност, ќе интерактивно. 670 00:29:40,490 --> 00:29:43,210 И тоа го постигнува со начин на техника наречена 671 00:29:43,210 --> 00:29:46,170 AJAX, кој е можеби најдобро објасни со пример. 672 00:29:46,170 --> 00:29:49,730 Прво, дозволете ми да оди напред и се отвори датотеката 673 00:29:49,730 --> 00:29:53,540 наречен quote.php во денес дистрибуција код. 674 00:29:53,540 --> 00:29:56,200 >> И тогаш дозволете ми да го направите symbol-- Whoops. 675 00:29:56,200 --> 00:30:02,399 Дозволете ми да го направи симбол = GOOG за само некои акции. 676 00:30:02,399 --> 00:30:04,440 Или, всушност, да го стори еден од Pset БЕСПЛАТНО. 677 00:30:04,440 --> 00:30:05,270 Enter. 678 00:30:05,270 --> 00:30:06,580 >> И сега се забележи она што ќе се вратам. 679 00:30:06,580 --> 00:30:09,210 Значи ова е навистина краток PHP фајл дека јас 680 00:30:09,210 --> 00:30:13,210 напиша дека едноставно позајмува код од Pset7 е пребарување функција 681 00:30:13,210 --> 00:30:17,830 и плука со користење на овој кадрава голема заграда и цитати и дебелото црево нотација, очигледно, 682 00:30:17,830 --> 00:30:22,747 цена за тековната акцијата компанија што ќе го положат во преку добие. 683 00:30:22,747 --> 00:30:24,580 Значи ова е различно од повеќето од она што го 684 00:30:24,580 --> 00:30:26,496 направено во тоа известување Јас сум буквално плукање надвор 685 00:30:26,496 --> 00:30:27,870 што личи JavaScript код. 686 00:30:27,870 --> 00:30:30,020 >> Всушност, ова е да го вклучите Javascript објект. 687 00:30:30,020 --> 00:30:34,130 Всушност, само за да биде појасно, Го вклучите Javascript-Објектно Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 е само фенси начин да се каже дека може да претставуваат податоци во вклучите Javascript-многу 689 00:30:38,330 --> 00:30:41,660 како можете да во PHP користење на клучните вредност парови. 690 00:30:41,660 --> 00:30:44,270 Значи, ако јас сакав да се изјасни променлива во вклучите Javascript- 691 00:30:44,270 --> 00:30:47,872 за да го претставува Zamyla, за instance-- на struct за Zamyla-- 692 00:30:47,872 --> 00:30:49,580 и ние ќе го наречеме студент, ја оваа променлива. 693 00:30:49,580 --> 00:30:53,060 Нејзиниот проект е еден, куќата е Winthrop, а името е Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Но, јас, исто така, може да има низа од објекти. 695 00:30:55,490 --> 00:30:58,710 Значи, ако јас всушност сакаа да имаат низа во JavaScript содржи 696 00:30:58,710 --> 00:31:01,740 повеќе такви објекти, овој време претставуваат вработените, 697 00:31:01,740 --> 00:31:04,910 Јас би можеле да имаат овие три парчиња на код назад 698 00:31:04,910 --> 00:31:08,560 да се врати назад за овие тројца поранешни членови на персоналот. 699 00:31:08,560 --> 00:31:12,201 Па синтакса, прилично слични на both-- во PHP. 700 00:31:12,201 --> 00:31:13,700 Но, ова е особено JavaScript. 701 00:31:13,700 --> 00:31:15,940 Тоа е објект нотација. 702 00:31:15,940 --> 00:31:17,240 Па што е ова корисно за? 703 00:31:17,240 --> 00:31:21,580 >> Ако јас се напише код кој плука JSON-- Го вклучите Javascript-Објектно Notation-- работи кои 704 00:31:21,580 --> 00:31:24,670 изгледа вака или работи кои изгледа како структура Zamyla е, 705 00:31:24,670 --> 00:31:27,730 Јас всушност може да го користите овој во програмите пишувам. 706 00:31:27,730 --> 00:31:30,660 Дозволете ми да одат на ajax0.html. 707 00:31:30,660 --> 00:31:33,310 И ова too-- не многу размислување за естетика. 708 00:31:33,310 --> 00:31:34,660 Но, види што се случува. 709 00:31:34,660 --> 00:31:37,050 >> Дозволете ми да оди напред и да внесете бесплатно овде. 710 00:31:37,050 --> 00:31:38,490 Кликнете добие понуда. 711 00:31:38,490 --> 00:31:41,060 И ќе забележите дека URL-то не се промени. 712 00:31:41,060 --> 00:31:47,250 Но јас не добиете pop-up со очигледно денар цената на акциите денес на 0,15 $. 713 00:31:47,250 --> 00:31:49,062 Затоа, не сите толку лош. 714 00:31:49,062 --> 00:31:52,020 Но, разликата е во тоа што на некој начин, овие податоци се врати да ме директно. 715 00:31:52,020 --> 00:31:54,250 Но, ајде да направиме чекор кон нешто повеќе запознаени. 716 00:31:54,250 --> 00:31:58,900 Во верзија еден од тоа, дозволете ми тип бесплатно повторно, кликнете на Get понуда, 717 00:31:58,900 --> 00:32:01,146 и now-- ох, ова беше всушност jQuery верзија. 718 00:32:01,146 --> 00:32:03,270 Значи, да me-- јас не брзо-нанапред сосема доволно далеку. 719 00:32:03,270 --> 00:32:05,830 Дозволете ми да одат на верзија две, која е местото каде што сакав. 720 00:32:05,830 --> 00:32:07,260 Забележи она што го направив тука. 721 00:32:07,260 --> 00:32:10,370 Јас имам еден веб page-- супер едноставна верзија на било кој веб-страница 722 00:32:10,370 --> 00:32:14,260 можете да го користите денес со поле за текст тука за слободни и тогаш очигледно само 723 00:32:14,260 --> 00:32:14,880 текст. 724 00:32:14,880 --> 00:32:16,860 >> Ова не е форма тука, очигледно. 725 00:32:16,860 --> 00:32:19,360 Но, ако јас кликнете добиете понуда, забележи мојот веб-страница 726 00:32:19,360 --> 00:32:22,760 е за да се промени како иако јас само доби нова инстант порака 727 00:32:22,760 --> 00:32:25,360 или како да сум само се преселил на карта и се потребни за да добиете повеќе податоци 728 00:32:25,360 --> 00:32:29,220 додадени динамично на веб страницата без рачно менување и на корисникот 729 00:32:29,220 --> 00:32:30,980 искуство добивање прекината. 730 00:32:30,980 --> 00:32:35,750 Всушност, јас сум уште на иста place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Значи, да погледнеме само во овој пример и да видиме како тоа се случува. 732 00:32:39,080 --> 00:32:42,490 Дозволете ми да одат во ajax2.html. 733 00:32:42,490 --> 00:32:44,770 И ќе забележите дека формата во прв план. 734 00:32:44,770 --> 00:32:47,092 >> Овде долу, јас сум вртење исклучите автоматското завршена. 735 00:32:47,092 --> 00:32:48,800 Понекогаш тоа добива досадни, ако на прелистувачот 736 00:32:48,800 --> 00:32:50,508 се обидува да ви го покаже вашиот целата историја. 737 00:32:50,508 --> 00:32:53,450 Па можете да го направите во HTML страна само велејќи авто заврши надвор. 738 00:32:53,450 --> 00:32:57,290 >> Сум дал овој текст полето на symbol-- а, лична на симболот. 739 00:32:57,290 --> 00:32:58,977 И сега, ова е интересна карактеристика. 740 00:32:58,977 --> 00:33:01,310 Не сме разговарале за век, но може да се размислува за тоа 741 00:33:01,310 --> 00:33:03,177 како став таг или div таг. 742 00:33:03,177 --> 00:33:05,010 Тоа е она што се нарекува во линија елемент, кој 743 00:33:05,010 --> 00:33:07,415 значи дека нема да се добие став се скрши над и под неа. 744 00:33:07,415 --> 00:33:11,530 Тоа е само случува да остане во линија без притискање на еквивалент на внесете. 745 00:33:11,530 --> 00:33:17,980 Па јас имаат дадено оваа парче на HTML да се утврди единствен идентификатор 746 00:33:17,980 --> 00:33:20,130 дека јас произволно се нарекува цена. 747 00:33:20,130 --> 00:33:21,560 И јас имам Прати копче. 748 00:33:21,560 --> 00:33:25,420 >> Бидејќи сега до here-- и ова е всушност супер неверојатни колку малку код 749 00:33:25,420 --> 00:33:27,660 можете да го напишете да се направи релативно уредно things-- 750 00:33:27,660 --> 00:33:31,800 забележи она што го направив тука ако јас дојдете до шефот на оваа страница. 751 00:33:31,800 --> 00:33:34,970 Јас сум вклучен прв во мојата глава скрипта таг 752 00:33:34,970 --> 00:33:37,410 кои, всушност, референци Го вклучите Javascript-датотека на друго место. 753 00:33:37,410 --> 00:33:39,702 Ова е од организацијата кој пишува jQuery, 754 00:33:39,702 --> 00:33:42,660 И ова е само ви даваат најновите верзија на нивниот jQuery библиотеката. 755 00:33:42,660 --> 00:33:46,305 >> Значи ова е вид на како остар вклучуваат во C или да бараат во PHP. 756 00:33:46,305 --> 00:33:48,900 Го користите скрипта таг со извор атрибут. 757 00:33:48,900 --> 00:33:52,030 Но сега моето кодот е ќе биде во право тука. 758 00:33:52,030 --> 00:33:54,170 >> Забележете имам функција наречена Цитати. 759 00:33:54,170 --> 00:33:56,180 И тоа изгледа малку криптичната на прв поглед. 760 00:33:56,180 --> 00:33:57,305 Но, ајде да закачам ова распаѓа. 761 00:33:57,305 --> 00:33:59,090 Дај ми променлива наречена URL-то. 762 00:33:59,090 --> 00:34:01,390 Доделување буквално овој стринг. 763 00:34:01,390 --> 00:34:04,530 Значи, единечен наводник, двојни наводници во Го вклучите Javascript-само ми дава стринг. 764 00:34:04,530 --> 00:34:06,900 Што значи плус направам? 765 00:34:06,900 --> 00:34:08,199 Конкатенација. 766 00:34:08,199 --> 00:34:12,610 >> Значи ова сега е jQuery синтакса кој ги зема малку се користи за добивање. 767 00:34:12,610 --> 00:34:18,310 Но, тоа само значи одам да ме ДОМ јазол чиј единствен идентификатор е симбол. 768 00:34:18,310 --> 00:34:21,929 Хаштагот има значи единствен идентификатор симбол. 769 00:34:21,929 --> 00:34:24,929 >> На знакот за долар во загради само значи, заврши ова 770 00:34:24,929 --> 00:34:28,510 во jQuery еден вид на тајна сос така добивате дополнителна функционалност. 771 00:34:28,510 --> 00:34:31,880 А потоа .val е очигледно функција, или како што ние велиме сега, 772 00:34:31,880 --> 00:34:35,219 метод во внатрешноста на овој јазол дека само ви дава вредност. 773 00:34:35,219 --> 00:34:38,896 Значи во кратки, грди и збунувачки како што тоа изгледа на прв поглед, 774 00:34:38,896 --> 00:34:42,020 Ова само значи да се добие со корисникот внесе in, го стави на крајот на низата 775 00:34:42,020 --> 00:34:42,880 со concatenating тоа. 776 00:34:42,880 --> 00:34:43,739 Тоа е се. 777 00:34:43,739 --> 00:34:46,070 >> Па сега, последните три линии. 778 00:34:46,070 --> 00:34:48,690 Можете да се притисне многу функционалност од три линии. 779 00:34:48,690 --> 00:34:52,199 Ова знакот за долар, како настрана, е само прекар 780 00:34:52,199 --> 00:34:55,800 за посебен глобалната променлива наречена буквално jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Знакот за долар само изгледа кул. 782 00:34:57,060 --> 00:35:00,080 Па jQuery заедница само вид на тоа се користи како нивните специјални симбол. 783 00:35:00,080 --> 00:35:02,470 Тоа не значи она што значи во PHP. 784 00:35:02,470 --> 00:35:06,356 Во JavaScript, знакот за долар е исто како буква од азбуката 785 00:35:06,356 --> 00:35:07,480 или негова број за променлива. 786 00:35:07,480 --> 00:35:09,000 >> Вие само може да го имаат како името. 787 00:35:09,000 --> 00:35:09,770 Само изгледа кул. 788 00:35:09,770 --> 00:35:11,890 Значи заедницата прифаќа како прекар 789 00:35:11,890 --> 00:35:13,390 за сопствената библиотека наречена jQuery. 790 00:35:13,390 --> 00:35:15,060 >> И тоа е супер популарен. 791 00:35:15,060 --> 00:35:17,620 Па се JSON е токму тоа. 792 00:35:17,620 --> 00:35:19,920 Тоа е функција која на луѓе во jQuery напиша 793 00:35:19,920 --> 00:35:23,340 кој добива JSON од server-- Го вклучите Javascript-Објектно нотација. 794 00:35:23,340 --> 00:35:25,680 Од она што URL-то е тоа се случува за да се добие таа информација? 795 00:35:25,680 --> 00:35:27,790 Очигледно од овој URL тука. 796 00:35:27,790 --> 00:35:31,180 >> И што треба прелистувачот направи како веднаш штом ќе се врати овој одговор? 797 00:35:31,180 --> 00:35:36,500 А тоа е магијата на AJAX, така да speak-- Асинхрони вклучите Javascript-во XML. 798 00:35:36,500 --> 00:35:41,320 Тоа е тешко да се види со таква едноставен пример како што имавме тука. 799 00:35:41,320 --> 00:35:44,730 >> Но, тоа беше асинхрони во смисла дека мојата код кога 800 00:35:44,730 --> 00:35:48,530 извршена испрати порака до сервер за да одам да ме некои JSON. 801 00:35:48,530 --> 00:35:51,340 И тоа се случи супер брз тоа добив одговор. 802 00:35:51,340 --> 00:35:55,130 Но, она што е интересно е дека овој линија код не висат мојот компјутер. 803 00:35:55,130 --> 00:35:56,550 >> Јас не гледам врти икона. 804 00:35:56,550 --> 00:35:59,200 Јас не изгуби способноста да се движи мојот глушец. 805 00:35:59,200 --> 00:36:01,340 Мојот интернет пребарувач, всушност совршено добро. 806 00:36:01,340 --> 00:36:06,290 >> Поради начинот на кој го вклучите Javascript-се справува со одговор од серверот е како што следува. 807 00:36:06,290 --> 00:36:09,740 Ќе се регистрирате она што би ја нарекол повратен повик функција, која 808 00:36:09,740 --> 00:36:12,830 само значи, еј, го вклучите Javascript-. 809 00:36:12,830 --> 00:36:16,100 Штом серверот одговара со JSON, 810 00:36:16,100 --> 00:36:18,750 Ве молиме јавете се на овој анонимен функција. 811 00:36:18,750 --> 00:36:23,910 >> И ве молам премина во оваа функција што низа на серверот плукаат 812 00:36:23,910 --> 00:36:26,080 како аргумент се нарекува податоци. 813 00:36:26,080 --> 00:36:28,360 Значи со други, зборови, ако Јас сум монтажа динамички 814 00:36:28,360 --> 00:36:33,370 URL-то quote.php поминува во овој симбол како бесплатен или GOOG или какво ли не, 815 00:36:33,370 --> 00:36:36,830 Јас сум тогаш кажувам Го вклучите Javascript одам да купам дека URL-то. 816 00:36:36,830 --> 00:36:39,080 Запомнете дека прелистувачот се случува да се врати нешто 817 00:36:39,080 --> 00:36:42,680 што личи видовме earlier-- ова. 818 00:36:42,680 --> 00:36:45,940 >> И она што на вториот аргумент тука за да добие JSON е велејќи дека 819 00:36:45,940 --> 00:36:48,450 е повик оваа функција кога серверот добива назад 820 00:36:48,450 --> 00:36:52,440 дали тоа е 10 милисекунди од сега или 10 секунди од сега. 821 00:36:52,440 --> 00:36:55,840 И веднаш штом ќе се направи, додаде цената на страницата. 822 00:36:55,840 --> 00:36:58,030 Оваа синтакса тука само значи одам да купам јазол 823 00:36:58,030 --> 00:37:01,940 од дрво чиј единствен идентификатор е price-- тој временски период видовме порано. 824 00:37:01,940 --> 00:37:04,320 >> Овој метод наречен HTML само вели, оди замени 825 00:37:04,320 --> 00:37:08,770 HTML кодот кој е таму со data.price. 826 00:37:08,770 --> 00:37:10,200 Што е data.price? 827 00:37:10,200 --> 00:37:12,850 Па, на прелистувачот, да се потсетиме, ми покажа ова се враќаат. 828 00:37:12,850 --> 00:37:14,540 Значи ова е податоци. 829 00:37:14,540 --> 00:37:18,100 >> И така тоа е малку криптичната за да ја видите запирки тука. 830 00:37:18,100 --> 00:37:19,350 Но, всушност, дозволете ми да го направите тоа. 831 00:37:19,350 --> 00:37:22,890 Дозволете ми само ставете ова вистински брзо во gedit 832 00:37:22,890 --> 00:37:27,240 и ја прикажете како што покажа Структура Zamyla претходно. 833 00:37:27,240 --> 00:37:31,610 >> Што серверот испраќа назад е малку објект кој изгледа вака. 834 00:37:31,610 --> 00:37:37,140 И така data.price е само мене давање на 0,1515. 835 00:37:37,140 --> 00:37:39,310 Толку многу на движење делови овде на сите одеднаш. 836 00:37:39,310 --> 00:37:41,860 >> Но Клучни е дека ние ја имаат оваа способност 837 00:37:41,860 --> 00:37:44,600 да вложи дополнителни HTTP барања користејќи JavaScript 838 00:37:44,600 --> 00:37:46,090 без да ја превчитате страната. 839 00:37:46,090 --> 00:37:49,580 А потоа ние всушност може да промени на веб страницата на мува. 840 00:37:49,580 --> 00:37:51,850 И излегува дека JavaScript и други јазици 841 00:37:51,850 --> 00:37:54,510 може да се користи сега не само да мутира веб страници, 842 00:37:54,510 --> 00:37:57,960 но всушност да пишуваат софтвер во вистински компјутер, 843 00:37:57,960 --> 00:38:00,240 не само ограничени на Хром или слично. 844 00:38:00,240 --> 00:38:03,530 >> Всушност, if-- Колтон, ќе сакале да ни се придружат врати тука 845 00:38:03,530 --> 00:38:06,100 со вашиот лабораториски код, и Чанг, како? 846 00:38:06,100 --> 00:38:09,140 Ајде да одиме напред, ја зборуваше за анонимни функции и повикувања 847 00:38:09,140 --> 00:38:13,090 и навистина примамат судбина тука со живо демо со крварење 848 00:38:13,090 --> 00:38:16,480 компании за технологија, еден од овие елити движење уреди. 849 00:38:16,480 --> 00:38:18,940 Сега, овој уред, да се потсетиме, е малку USB уред 850 00:38:18,940 --> 00:38:25,620 како и that-- тоа е beautiful-- дека приклучоци во вашиот USB порта. 851 00:38:25,620 --> 00:38:29,120 >> И тогаш тоа обезбедува влез во форма на човечки гестови 852 00:38:29,120 --> 00:38:32,560 со откривање на користење на инфрацрвени зраци, во суштина, движења од вашата рака. 853 00:38:32,560 --> 00:38:35,150 Па додека она Марија се обиде на претходно беше мускулест, 854 00:38:35,150 --> 00:38:39,000 всушност чувствуваат она што се менува вашата рака, ова е инфрацрвена врз основа. 855 00:38:39,000 --> 00:38:44,390 Така, тоа е во потрага за движења во вид на сферата на една нога или така 856 00:38:44,390 --> 00:38:46,190 на самиот уред. 857 00:38:46,190 --> 00:38:48,950 >> Па зошто да не земам прободе во оваа прва? 858 00:38:48,950 --> 00:38:53,100 И ајде да одиме напред и да се фрли те на надземни тука. 859 00:38:53,100 --> 00:38:56,250 Значи, да се стави лаптоп Колтон е тука. 860 00:38:56,250 --> 00:38:58,360 Имаме Ендрју на ТВ. 861 00:38:58,360 --> 00:39:00,160 И она што би сакал да го направам првиот? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Оди напред и само ги ставаш рацете во текот на овој човек 863 00:39:02,409 --> 00:39:04,430 и ќе видите некои чудесната сјајот. 864 00:39:04,430 --> 00:39:07,230 >> Дејвид Џ MALAN: Многу убаво. 865 00:39:07,230 --> 00:39:11,110 Ова е сите се случува во реално време. 866 00:39:11,110 --> 00:39:11,889 ОК. 867 00:39:11,889 --> 00:39:12,680 Сите права, и Да. 868 00:39:12,680 --> 00:39:14,119 Толку убаво. 869 00:39:14,119 --> 00:39:15,410 Добро, што друго да направам? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Одете на следниот екран и да видиме. 871 00:39:17,900 --> 00:39:19,136 >> Дејвид Џ MALAN: Во ред. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: А забава малку игра каде што можеш да се направи роботи. 873 00:39:21,780 --> 00:39:24,738 >> Дејвид Џ MALAN: Во ред, така што ова е лажен рацете покажувајќи ми што да направам. 874 00:39:24,738 --> 00:39:27,920 COLTON: Да Така одат напред и го имате еден од блокови 875 00:39:27,920 --> 00:39:30,637 и го стави на врвот на органот кој робот е. 876 00:39:30,637 --> 00:39:32,137 Дејвид Џ MALAN: О, па тука е мојата рака. 877 00:39:32,137 --> 00:39:34,000 Ох. 878 00:39:34,000 --> 00:39:34,780 Добро, симпатична. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Почекајте една минута, во ред. 881 00:39:38,650 --> 00:39:41,320 Таму одиме. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Јас направив еден на несреќата. 883 00:39:43,590 --> 00:39:45,423 >> Дејвид Џ MALAN: Океј, јас ќе добиете овој човек. 884 00:39:45,423 --> 00:39:45,923 По ѓаволите! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Кога бевме практикуваат оваа последна ноќта, кога знаеш што овој пренесени во? 887 00:39:51,550 --> 00:39:54,285 >> Вака. 888 00:39:54,285 --> 00:39:55,490 ОК. 889 00:39:55,490 --> 00:39:55,990 Следна еден? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Секако. 891 00:39:56,860 --> 00:39:58,818 >> Дејвид Џ MALAN: Сите во право, и има една третина. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Сите во право. 894 00:40:01,674 --> 00:40:03,215 COLTON: И во овој, ќе го добиете to-- 895 00:40:03,215 --> 00:40:04,923 Дејвид Џ MALAN: О, ова ми е убава. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, разложат овој цвет. 897 00:40:06,650 --> 00:40:07,441 Дејвид Џ MALAN: Добро. 898 00:40:07,441 --> 00:40:11,170 899 00:40:11,170 --> 00:40:11,670 Не? 900 00:40:11,670 --> 00:40:14,515 Пропушти. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: О, таму да одите. 902 00:40:15,570 --> 00:40:18,680 >> Дејвид Џ MALAN: Ах, гледам тоа. 903 00:40:18,680 --> 00:40:19,830 Многу убаво. 904 00:40:19,830 --> 00:40:22,470 Па, зошто да не "го земеме од еден волонтер тука 905 00:40:22,470 --> 00:40:24,180 кои би сакале да дојдат на до. 906 00:40:24,180 --> 00:40:27,500 Како за право таму во зелена, е тоа? 907 00:40:27,500 --> 00:40:30,540 >> Сите права, и ајде да have-- наместо тоа да го направам, некои од вас 908 00:40:30,540 --> 00:40:34,590 Може да знаете оваа игра here-- се намали на јажето, можеби? 909 00:40:34,590 --> 00:40:35,100 Ајде да видиме. 910 00:40:35,100 --> 00:40:37,320 Ние имаме очилата овде? 911 00:40:37,320 --> 00:40:38,625 >> ОК. 912 00:40:38,625 --> 00:40:39,270 Ви благодарам. 913 00:40:39,270 --> 00:40:39,380 Што е вашето име? 914 00:40:39,380 --> 00:40:40,350 >> ПУБЛИКАТА: Лора. 915 00:40:40,350 --> 00:40:41,266 >> Дејвид Џ MALAN: Лора? 916 00:40:41,266 --> 00:40:42,120 Убаво да се види. 917 00:40:42,120 --> 00:40:45,600 Ако не ти пречи ставање Google Стакло врз вашиот очила. 918 00:40:45,600 --> 00:40:46,970 Ова е Колтон. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Здраво. 920 00:40:47,650 --> 00:40:48,140 Убаво да ви се исполнат. 921 00:40:48,140 --> 00:40:49,600 >> Дејвид Џ MALAN: Океј, ајде наоколу. 922 00:40:49,600 --> 00:40:52,516 Добро, па што ви се случува да направите тука, да игра пред, 923 00:40:52,516 --> 00:40:55,650 е да се стави својата рака над Престапна движење тука. 924 00:40:55,650 --> 00:40:57,210 И сега вашиот стрелките да се движат. 925 00:40:57,210 --> 00:40:57,710 Ох, бе. 926 00:40:57,710 --> 00:40:58,066 >> ПУБЛИКАТА: Не 927 00:40:58,066 --> 00:40:58,780 >> Дејвид Џ MALAN: Ние не сакаат да се откажат од уште. 928 00:40:58,780 --> 00:40:59,280 Добро, почекај. 929 00:40:59,280 --> 00:41:01,200 Овде. 930 00:41:01,200 --> 00:41:03,530 Значи забележите како ќе се одржи вашата прст за нешто, 931 00:41:03,530 --> 00:41:06,750 глувчето ќе почне да одат зелени, кој е како ќе кликнете. 932 00:41:06,750 --> 00:41:08,980 >> Па лебдат над Play. 933 00:41:08,980 --> 00:41:10,970 И само еден прст е во ред. 934 00:41:10,970 --> 00:41:13,869 И сега кликнете на малото зелени дечко на левата страна. 935 00:41:13,869 --> 00:41:15,410 И сега држат додека не исполнува зелена. 936 00:41:15,410 --> 00:41:15,640 Добро. 937 00:41:15,640 --> 00:41:16,990 Сега, како, на ниво на еден до врвот. 938 00:41:16,990 --> 00:41:20,190 >> ПУБЛИКАТА: Да, ние сакаме ниво еден, тука. 939 00:41:20,190 --> 00:41:21,660 >> Дејвид Џ MALAN: Добро. 940 00:41:21,660 --> 00:41:25,500 Добро, така што сите што треба да направите е да се намали на јажето. 941 00:41:25,500 --> 00:41:28,240 Курсорот е бела, таму долу. 942 00:41:28,240 --> 00:41:28,880 >> Многу убаво. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Добро, тоа е за да се потешко. 945 00:41:32,790 --> 00:41:34,800 Значи се одржи вашиот прст во наредните сега. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Добро. 948 00:41:39,030 --> 00:41:39,999 Ова ми е тешко. 949 00:41:39,999 --> 00:41:40,966 >> ПУБЛИКАТА: О глупости. 950 00:41:40,966 --> 00:41:41,466 ОК. 951 00:41:41,466 --> 00:41:42,466 Таа сака да одиме на тој начин. 952 00:41:42,466 --> 00:41:44,890 Ох глупости, that-- 953 00:41:44,890 --> 00:41:47,120 >> Дејвид Џ MALAN: Да. 954 00:41:47,120 --> 00:41:50,700 Средно цел е да ги добиете сите на ѕвездите. 955 00:41:50,700 --> 00:41:53,920 Добро, следната. 956 00:41:53,920 --> 00:41:57,504 >> Ајде да видиме дали може да се добие оваа третиот. 957 00:41:57,504 --> 00:41:58,004 Добро. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 Добро, одам таму. 960 00:42:06,840 --> 00:42:08,850 >> Сигурен. 961 00:42:08,850 --> 00:42:11,230 Ох, многу убаво. 962 00:42:11,230 --> 00:42:11,930 Сите во право. 963 00:42:11,930 --> 00:42:13,534 >> Па зошто да не се одлага денес тука? 964 00:42:13,534 --> 00:42:15,200 Дозволувајте некој да дојде на до кој сака да игра. 965 00:42:15,200 --> 00:42:16,880 Благодарение толку многу за да Лаура нашите волонтери. 966 00:42:16,880 --> 00:42:18,730 И ние ќе се видиме во понеделник. 967 00:42:18,730 --> 00:42:21,190 >> ПУБЛИКАТА: Вие веројатно сакате овие назад. 968 00:42:21,190 --> 00:42:23,640 >> ЗВУЧНИЦИ 2: На следниот CS50-- 969 00:42:23,640 --> 00:42:35,222