1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 Дэвід Дж Малання: Добра, так гэта вось Міо рука 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 Замест таго, каб мне запісваць дэма гэта, Колтон быў у лабараторыі 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 >> Дэвід Дж Малання: Марыя, прыемна бачыць вас. 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 >> Колтон: Прывітанне, прыемна пазнаёміцца. 20 00:01:23,050 --> 00:01:24,330 >> Дэвід Дж Малання: Усе Права, так што ні крок, мы 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 >> Колтон: Па-першае, мы павінны будзем падключыць гэта ў рэчах. 26 00:01:36,340 --> 00:01:37,170 >> Дэвід Дж Малання: ОК. 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 >> Колтон: Давайце зробім гэта. 30 00:01:42,740 --> 00:01:46,500 >> Дэвід Дж Малання: А між тым, так што кожны можа атрымаць больш блізкі погляд, 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 >> Так Колтон рэгіструе прылада Зараз, як Міо падлучаны да гэтага кабелю. 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 >> Колтон: Перайсці падобнае. 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 >> Дэвід Дж Малання: ОК. 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 Дэвід Дж Малання: Не. 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 >> Колтон: Так, гэта дзіўна. 68 00:03:19,665 --> 00:03:21,790 Дэвід Дж Малання: Хваля права і рухацца наперад. 69 00:03:21,790 --> 00:03:22,998 Перанясемся прапусціць або побач. 70 00:03:22,998 --> 00:03:25,020 Гэта нармальна прама Wave. 71 00:03:25,020 --> 00:03:26,650 >> МАРЫЯ: Я don't-- чакаць. 72 00:03:26,650 --> 00:03:28,430 >> Дэвід Дж Малання: Патрэбна дапамога? 73 00:03:28,430 --> 00:03:30,027 >> Колтон: Дык што вы збіраецеся, як гэта. 74 00:03:30,027 --> 00:03:31,860 МАРЫЯ: Гэта ператвараецца Іншая справа, аднак. 75 00:03:31,860 --> 00:03:32,390 Колтон: Гэта. 76 00:03:32,390 --> 00:03:34,250 Дэвід Дж Малання: Ды я не ведаю, чаму ён паказвае вам leftie. 77 00:03:34,250 --> 00:03:36,458 Колтон: Чаму б вам не try-- паспрабуйце у ​​тым жа духу. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> Дэвід Дж Малання: Не? 80 00:03:40,090 --> 00:03:42,580 Можа дасягаць руку з прамей 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 Дэвід Дж Малання: Гэта не ваша віна. 85 00:03:51,170 --> 00:03:53,018 Колтон: Гэта нармальна. 86 00:03:53,018 --> 00:03:55,430 Дэвід Дж Малання: All Right. 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 Дэвід Дж Малання: Так, давайце хай вам сарвацца з кручка. 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 >> Дэвід Дж Малання: Дзякуй. 102 00:04:30,390 --> 00:04:34,945 Мы павесіць на гэта, але мы дамо you-- як пра стрэс мяч тут? 103 00:04:34,945 --> 00:04:38,620 О, и-- 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 >> Дэвід Дж Малання: І, відаць, гэта рэч у тэкст мяне падчас лекцыі цяпер. 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 апынуўся ў Стэнфард Business School 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 тысяч супрацоўнікаў За апошнія некалькі гадоў. 129 00:05:58,100 --> 00:06:01,171 І так сайт вядомы як The Verge падрыхтаваў гэтую даніну на відэа 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 >> Эй, 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 Я PC, і я люблю гэтую кампанію! 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 Даць ім MSN! 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 Адзін Microsoft, адна стратэгія, адзін нашой сканцэнтраваны, дысцыплінаваны, прафесійны, 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 Дэвід Дж Малання: Такім чынам, мы так рады паведамляе, што Стыў будзе далучацца да нас 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 у цяперашні час працуе для UC Прэзідэнт і віцэ-прэзідэнт, 188 00:08:40,299 --> 00:08:42,950 які вярнуў мяне маім уласным дзён таму 189 00:08:42,950 --> 00:08:45,920 калі я прайграў выбары UC трэскам. 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 Дэвід Дж Малання: разметкі для вэб-сайта. 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 >> Аўдыторыя: Упрыгожванні і матэрыял, як, як праектаваць яго. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 Дэвід Дж Малання: ОК, добра. 242 00:10:52,810 --> 00:10:55,420 Ўпрыгажэнні, якія дазваляюць вам аформіць яго ці стылізаваць яго 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 Вы можаце фактычна наладзіць, што і зрабіць гэта што-то значна больш знаёмыя і шмат 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 Дэвід Дж Малання: Выдатна. 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 >> І мы можам зрабіць запыты ў іншыя серверы, такія як йэху 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 нешта накшталт Сайт Фрош чаты, якія 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-- Structured Query Language. 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 Дэвід Дж Малання: пратакол выкарыстоўваецца, каб пагаварыць з базамі дадзеных. 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 Які павінен сказаць, гэтак жа, як калі я адкрыў да Facebook зыходны код і знайшоў усё 308 00:13:46,970 --> 00:13:51,510 з тых файлаў .js, Разумелася што, калі вы наведваеце Facebook або найбольш 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 >> Так што ў гэтым сэнсе, гэта крыху менш магутны, мабыць, чым C. 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, як гэта, мы можам выкарыстоўваць JavaScript на самай справе прайсці або пешшу або пошук 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 >> Ці, можа быць, яны проста дзівы, якія трымаюць з'яўляцца 342 00:15:37,940 --> 00:15:39,770 кожны раз, калі вы атрымліваеце імгненнае паведамленне. 343 00:15:39,770 --> 00:15:42,960 І так, што проста азначае, што Facebook або 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 >> І тады мы, мы не выкарыстоўвалі іх, акрамя так як Фрош чаты дэма ў 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 Дазвольце мне спасылку Зарэгістравацца. 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 >> Можа быць, вы атрымаеце ўсплывальнае. 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 і я не супрацоўнічаць і далей але націсніце Рэгістрацыя, заўважылі цяпер. 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 Але тое, што ключ вынас тут з'яўляецца тое, што URL не змянілася. 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 Адзін з іх, гэта адна крыху дзіўна гледзячы, вядома ў параўнанні з C. 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 з'яўляецца як поля ў структуры. 437 00:19:38,060 --> 00:19:41,480 Калі вы думаеце пра зменнай формы проста быць C структура, 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 абвесткі, дзе я збіраюся сказаць, Вы павінны пазначыць свой адрас электроннай пошты, 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 А потым гэта свайго трохі сэксуальней, таму што I 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 Давайце сцяжок, націсніце Рэгістрацыя. 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 >> АЎДЫТОРЫЯ: Такім чынам, любы сцяжок аўтаматычна Boolean. 499 00:22:20,025 --> 00:22:21,650 Вы не павінны аб'яўляць, як ён. 500 00:22:21,650 --> 00:22:22,649 >> Дэвід Дж Малання: Правільна. 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 У той час як у іншых каштоўнасцяў, з Вядома, былі тэкст, AKA радка. 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 Дэвід Дж Малання: Добра. 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 І гэта, як гэта было, ясна, яшчэ калі я балатаваўся на UC 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 система-- 543 00:24:10,270 --> 00:24:14,410 Content Management система-- што было рэалізацыі сваёй сістэмы аўтэнтыфікацыі, 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 Дэвід Дж Малання: 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 з інспектарам Chrome. 552 00:24:28,700 --> 00:24:30,890 І калі я магу знайсці яго, агледзіце элемент. 553 00:24:30,890 --> 00:24:33,670 >> Дазвольце мне перайсці да рабіць усе варыянты Chrome. 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 Зараз можна выкарыстоўваць Telnet або 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 і нават заблытаць як Сам істота JavaScript. 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 X для XML на самай справе больш не сапраўды не выкарыстоўваецца. 589 00:26:10,530 --> 00:26:13,430 Гэта, як правіла, выкарыстоўваць што-то яшчэ называюць JSON. 590 00:26:13,430 --> 00:26:16,560 >> Але вось як-то накшталт Google Maps або Google Earth працуе. 591 00:26:16,560 --> 00:26:18,060 Давайце паспрабуем гэта на ляту, на самай справе. 592 00:26:18,060 --> 00:26:21,590 Дазвольце мне ісці наперад і адкрываць да Chrome на маім браўзэры. 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 Oxford Street, Cambridge, Mass, 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 Дэвід Дж Малання: пікселі ня абнавіць. 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 >> О, воклічы. 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 а затым дадаць яго ў так званай DOM з вэб-браўзэрамі ў дрэва памяці 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-- воклічы. 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 цана бягучага запасу для Кампанія, якая вам прайсці ў праз GET. 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 Object 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-- на-структуру для Zamyla-- 692 00:30:47,872 --> 00:30:49,580 і мы будзем называць яго студэнт, гэтая пераменная. 693 00:30:49,580 --> 00:30:53,060 Яе ID з'яўляецца адным, дом Уинтроп, і клічуць 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 Так сінтаксіс, даволі аналагічна і таго і іншага, каб 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 Object 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 Але я сапраўды атрымліваў поп з па-відаць, сёння дробныя акцыі цана $ 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 У версіі аднаго з гэтага, хай мяне увядзіце зноў вольны, націсніце кнопку Атрымаць цытату, 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 дададзеныя дынамічна на вэб-старонку без змены URL і карыстальнікам 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-- хутчэй, ID сімвала. 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 як з пунктам тэга або сну тэга. 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 заўважыць, што я зрабіў тут, калі I пракруткі уверх да галавы гэтай старонкі. 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 Але гэта проста азначае ідзі мне DOM вузлу, чые унікальны ідэнтыфікатар з'яўляецца сімвалам. 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 гэта проста азначае, атрымаць з карыстальнікам тыпізаваных у, змясціць яго ў канцы радка 775 00:34:42,020 --> 00:34:42,880 шляхам аб'яднання яго. 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 Object Notation. 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-- Asynchronous 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 сучасныя тэхналогіі, адным з гэтыя прылады Elite руху. 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 >> Колтон: Ідзіце наперад і проста пакласці рукі над гэтым хлопцам 863 00:39:02,409 --> 00:39:04,430 і вы ўбачыце некаторыя казачныя бляск. 864 00:39:04,430 --> 00:39:07,230 >> Дэвід Дж Малання: Вельмі прыемна. 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 >> Колтон: Перайсці да наступнага экране і бачыць. 871 00:39:17,900 --> 00:39:19,136 >> Дэвід Дж Малання: Добра. 872 00:39:19,136 --> 00:39:21,780 >> Колтон: пацешную гульню дзе вы атрымаеце, каб зрабіць робатаў. 873 00:39:21,780 --> 00:39:24,738 >> Дэвід Дж Малання: Добра, так гэта гэта падробленыя рукі, паказваючы, што мне рабіць. 874 00:39:24,738 --> 00:39:27,920 Колтон: Так Так што наперад і захапіць адзін з блокаў 875 00:39:27,920 --> 00:39:30,637 і паклаў яго па-над цела, якія робата. 876 00:39:30,637 --> 00:39:32,137 Дэвід Дж Малання: О, гэта мая рука. 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 >> Колтон: Я зрабіў адзін на аварыі. 883 00:39:43,590 --> 00:39:45,423 >> Дэвід Дж Малання: ОК, я атрымаю гэты хлопец. 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 >> Колтон: Вядома. 891 00:39:56,860 --> 00:39:58,818 >> Дэвід Дж Малання: Добра, і ёсць трэцяя. 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 Колтон: І ў гэтым, вы атрымліваеце to-- 895 00:40:03,215 --> 00:40:04,923 Дэвід Дж Малання: О, гэта адзін прыгожа. 896 00:40:04,923 --> 00:40:06,650 Колтон: --yeah, выбраць, акрамя гэтай кветкі. 897 00:40:06,650 --> 00:40:07,441 Дэвід Дж Малання: ОК. 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 >> Колтон: О, там вы ідзяце. 902 00:40:15,570 --> 00:40:18,680 >> Дэвід Дж Малання: ах, паглядзіце на што. 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 >> Дэвід Дж Малання: Лаура? 916 00:40:41,266 --> 00:40:42,120 Прыемна бачыць. 917 00:40:42,120 --> 00:40:45,600 Калі вы не пярэчыце, паклаўшы Google Glass за сваімі ачкамі. 918 00:40:45,600 --> 00:40:46,970 Гэта Колтон. 919 00:40:46,970 --> 00:40:47,650 >> Колтон: Прывітанне. 920 00:40:47,650 --> 00:40:48,140 Прыемна пазнаёміцца. 921 00:40:48,140 --> 00:40:49,600 >> Дэвід Дж Малання: ОК, давай вакол. 922 00:40:49,600 --> 00:40:52,516 Добра, так што вы збіраецеся зрабіць тут, згуляўшы гэта раней, 923 00:40:52,516 --> 00:40:55,650 з'яўляецца кладзіце руку на Leap Motion тут. 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 >> Дэвід Дж Малання: Мы не хачу, каб кінуць яшчэ. 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 >> Дэвід Дж Малання: Добра. 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 >> Дэвід Дж Малання: Так. 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