1
00:00:00,000 --> 00:00:02,862
>> [Мусиц плаиинг]

2
00:00:02,862 --> 00:00:10,030

3
00:00:10,030 --> 00:00:11,580
>> Давид Малан: Ово је ЦС50.

4
00:00:11,580 --> 00:00:12,880
Ово је почетак седмице девет.

5
00:00:12,880 --> 00:00:15,797
И то је оно што би имало
био господина Бул је 200. рођендан.

6
00:00:15,797 --> 00:00:17,630
Дакле, ово је момци
коме смо споменули

7
00:00:17,630 --> 00:00:21,800
доста пута у вези са коришћењем
Боолеан променљиве прави и лажни,

8
00:00:21,800 --> 00:00:22,910
1 и 0 и такве.

9
00:00:22,910 --> 00:00:25,270
И то је Гоогле-ов
Трибуте то му данас.

10
00:00:25,270 --> 00:00:26,489
Он би се 200.

11
00:00:26,489 --> 00:00:28,280
Дакле, ако желите да
придружите нам се за ЦС50 ручак,

12
00:00:28,280 --> 00:00:30,279
погледајте линк
на сајту току је.

13
00:00:30,279 --> 00:00:33,580
И такви лица и пријатељи, као
ови чекају вас овде у Кембриџу.

14
00:00:33,580 --> 00:00:35,360
Лица попут ових вас чекају у Нев Хавен.

15
00:00:35,360 --> 00:00:37,800
И, у ствари, Кен ин
Нев Хавен љубазно

16
00:00:37,800 --> 00:00:41,594
како се зове анимирани ГИФ оф Ели
овде у недавно лунцх-- ГИФ је још

17
00:00:41,594 --> 00:00:44,260
други графички формат датотеке,
са којим сте фамилиар-- да

18
00:00:44,260 --> 00:00:46,300
Изгледа нешто овако.

19
00:00:46,300 --> 00:00:48,179
Дакле, само секвенца од-- реду.

20
00:00:48,179 --> 00:00:49,720
Нико овде у Кембриџу се смеје.

21
00:00:49,720 --> 00:00:51,720
Али у Нев Хавен, ово
је стварно смешно, зар не?

22
00:00:51,720 --> 00:00:52,350
У реду.

23
00:00:52,350 --> 00:00:53,940
>> Дакле, да нам се придружите тамо.

24
00:00:53,940 --> 00:00:55,900
Овде на Харварду,
Конкретно, у среду,

25
00:00:55,900 --> 00:00:59,480
ако сте студент друге године или бруцош евен--
или чак јуниор-- мислећи на одлука

26
00:00:59,480 --> 00:01:01,563
прекидач у компјутер
науке, знамо да неће

27
00:01:01,563 --> 00:01:04,440
се за ЦС саветовања фер ово
Среда, убрзо након класе

28
00:01:04,440 --> 00:01:08,040
ат 4:00 ПМ у рачунару
Сциенце Буилдинг Максвел Дворкин.

29
00:01:08,040 --> 00:01:11,890
Ми ћемо ставити на курс је
сајт до сутра, као добро.

30
00:01:11,890 --> 00:01:14,430
Донутс, ја сам рекао, неће бити задовољена.

31
00:01:14,430 --> 00:01:15,180
>> У реду.

32
00:01:15,180 --> 00:01:18,790
Дакле, смешно стори-- сам покинг
око на интернету,

33
00:01:18,790 --> 00:01:23,575
и нашао сам неке старе архиве
мог бившег сајту.

34
00:01:23,575 --> 00:01:25,950
И испоставило оут-- око овога
време, чини се веома благовремено

35
00:01:25,950 --> 00:01:28,910
јер сам схватио да су избори УЦ
Управо на брзину поново.

36
00:01:28,910 --> 00:01:32,230
Тако сам се кандидовао за УЦ, изгубио јадно.

37
00:01:32,230 --> 00:01:34,770
А можда је то било у делу зашто.

38
00:01:34,770 --> 00:01:37,600
Дакле, ово је био мој сајт у то време.

39
00:01:37,600 --> 00:01:40,477
Из неког разлога, мислио сам да је
добра идеја, пре говорио људима

40
00:01:40,477 --> 00:01:43,310
шта је моја платформа је била и зашто су они
треба да гласају за мене, да имају

41
00:01:43,310 --> 00:01:47,770
да кликнете да унесете да сазнамо да
информације, које је у ретроспективи

42
00:01:47,770 --> 00:01:48,660
језиво.

43
00:01:48,660 --> 00:01:50,910
Ја стварно не знам шта је то било.

44
00:01:50,910 --> 00:01:53,140
>> Али то свакако није
помогну своју кампању.

45
00:01:53,140 --> 00:01:56,874
Такође сам пронашао да је виши
Иеар-- Имао сам Муппет календар.

46
00:01:56,874 --> 00:01:58,540
Муппетс су некако у моди тада.

47
00:01:58,540 --> 00:01:59,456
Или можда нису били.

48
00:01:59,456 --> 00:02:01,790
Имао сам Муппет календар тада.

49
00:02:01,790 --> 00:02:04,860
И мислио сам да би било кул да наведемо
мој рачунар на мрежи Харварду

50
00:02:04,860 --> 00:02:07,460
фрогман.студент.харвард.еду.

51
00:02:07,460 --> 00:02:10,370
У то време, јединствено смо сви имали
идентификовати имена домаћина.

52
00:02:10,370 --> 00:02:13,150
А ти би могао изабрати неку сујету
име уместо своје име.

53
00:02:13,150 --> 00:02:15,580
Отишао сам са ФРОГМАН из неког разлога.

54
00:02:15,580 --> 00:02:19,040
>> И онда сам стартед-- сам много провео
време клика кроз ове линкове

55
00:02:19,040 --> 00:02:20,280
овог јутра.

56
00:02:20,280 --> 00:02:24,690
И то је била моја страница о,
који сада некако изгледа неодољиво.

57
00:02:24,690 --> 00:02:28,210
Али такође сведочи само
колико технологија је дошао.

58
00:02:28,210 --> 00:02:30,310
Мислим, назад у дан,
486 је било нешто.

59
00:02:30,310 --> 00:02:34,090
Ових дана, то је супер, супер,
Супер Слов и добро мање

60
00:02:34,090 --> 00:02:36,216
него што имате у
сопствене џепове ових дана.

61
00:02:36,216 --> 00:02:38,465
Има више тамо да
је још непријатно.

62
00:02:38,465 --> 00:02:39,770
Тако да ћу га оставити на томе.

63
00:02:39,770 --> 00:02:42,640
Али то је био мој први
излет у веб-- ох, не.

64
00:02:42,640 --> 00:02:43,180
То није било.

65
00:02:43,180 --> 00:02:47,000
Мој први прави излет у веб програмирање
Овај сајт је што сам заборавио.

66
00:02:47,000 --> 00:02:50,620
У једном тренутку сам научио да
да се понављају слике у позадини.

67
00:02:50,620 --> 00:02:55,260
И тако сам нашао ово плочице ефикасна,
као хокејаш, фудбал, голф и

68
00:02:55,260 --> 00:02:58,040
Лопта, или шта год да је
за сајт Фросх ИМС.

69
00:02:58,040 --> 00:03:01,390
И то је у ствари, истински
Први пројекат веб-басед сам узео ајде--

70
00:03:01,390 --> 00:03:03,880
Ја мислим можда бруцош
године, млађи Иеар--

71
00:03:03,880 --> 00:03:07,622
након узимања ЦС50 и цс51, један
заједничких пратећих на часовима.

72
00:03:07,622 --> 00:03:09,330
Приметио сам у потрази
кроз архиве

73
00:03:09,330 --> 00:03:12,150
да је један од мојих наследника и
пријатељи, Ли, некако променило

74
00:03:12,150 --> 00:03:13,480
ауторско за себе.

75
00:03:13,480 --> 00:03:17,520
Али ово је заиста нешто што
Требало би да власник срамота за.

76
00:03:17,520 --> 00:03:19,370
Али у то време, ова
је био први сајт,

77
00:03:19,370 --> 00:03:22,220
као што сам рекао пре пар недеља,
којим бруцош могао

78
00:03:22,220 --> 00:03:24,350
региструју за Интрамурал спортове овде.

79
00:03:24,350 --> 00:03:27,950
И тако се испоставило
да слике у позадини

80
00:03:27,950 --> 00:03:29,530
тако нису тако добра идеја.

81
00:03:29,530 --> 00:03:31,840
Али веб била нова, и
сви смо експериментисање.

82
00:03:31,840 --> 00:03:34,310
И то је оно што сам
очигледно учинио у то време.

83
00:03:34,310 --> 00:03:34,810
У реду.

84
00:03:34,810 --> 00:03:38,020
Дакле, без даљег одлагања, прелазимо
зупчаници данас да ти дам, заиста,

85
00:03:38,020 --> 00:03:42,250
завршни део који можда ћете
нарочито корисно за коначних пројеката

86
00:03:42,250 --> 00:03:44,780
али и да ће почети да
направи виде веб цела светска

87
00:03:44,780 --> 00:03:46,680
Осећам се мало више разумљиво.

88
00:03:46,680 --> 00:03:49,460
Заиста, ми идемо да представимо
још један програмски језик

89
00:03:49,460 --> 00:03:52,474
зове ЈаваСкрипт да је слична
и другачије на различите начине

90
00:03:52,474 --> 00:03:54,140
од језика који смо гледали до сада.

91
00:03:54,140 --> 00:03:55,807
>> Дакле, Ц, опозив, ово саставио језика.

92
00:03:55,807 --> 00:03:57,473
Мораш да га покренете кроз компајлер.

93
00:03:57,473 --> 00:03:59,810
Можете добити изворни код за приговор
код, или нула и јединица.

94
00:03:59,810 --> 00:04:03,000
И они су нула и оне које
ваш процесор, производство Централна јединица,

95
00:04:03,000 --> 00:04:04,360
у ствари разумем.

96
00:04:04,360 --> 00:04:06,610
ПХП, с друге стране, није
компајлерском језику.

97
00:04:06,610 --> 00:04:08,772
То је ста?

98
00:04:08,772 --> 00:04:09,980
То је тумачити језика.

99
00:04:09,980 --> 00:04:11,750
Тако да је неки програм
назива преводилац који

100
00:04:11,750 --> 00:04:13,708
мора да прочита То-- врха до
доле, лево на ригхт--

101
00:04:13,708 --> 00:04:16,519
и схватити шта све
Ваш синтакса ради и значи,

102
00:04:16,519 --> 00:04:20,200
да ли је петља или услов
или било који други број програмских

103
00:04:20,200 --> 00:04:20,740
конструише.

104
00:04:20,740 --> 00:04:22,210
Дакле, то је тумачи језик.

105
00:04:22,210 --> 00:04:23,910
>> Затим смо увели ХТМЛ.

106
00:04:23,910 --> 00:04:26,440
И ХТМЛ није ни
програмски језик.

107
00:04:26,440 --> 00:04:28,110
Ми би га Какав позив?

108
00:04:28,110 --> 00:04:31,650
Маркуп језик, који је само
нека врста фенси начин да кажем

109
00:04:31,650 --> 00:04:35,820
нема програмирања конструкција као што су
видели смо још у дан Сцратцх.

110
00:04:35,820 --> 00:04:36,720
Нема петље.

111
00:04:36,720 --> 00:04:37,920
Не постоје услови.

112
00:04:37,920 --> 00:04:40,820
То је заиста језика
о обележавању копије података

113
00:04:40,820 --> 00:04:43,620
и форматирање га или
структуирања га на неки начин.

114
00:04:43,620 --> 00:04:46,147
>> ЦСС међувремену, слично
није програмски језик.

115
00:04:46,147 --> 00:04:47,730
То је још више естетски оријентисан.

116
00:04:47,730 --> 00:04:50,470
И то вам омогућује да те некако се фино
ствари као што су величина фонта и боја

117
00:04:50,470 --> 00:04:51,850
и пласман и све то.

118
00:04:51,850 --> 00:04:52,370
Онда смо имали

119
00:04:52,370 --> 00:04:53,160
>> СКЛ.

120
00:04:53,160 --> 00:04:56,010
Дакле, СКЛ је заиста програмирање
Језик у извесном смислу,

121
00:04:56,010 --> 00:04:59,330
мада скројен
посебно на базама података.

122
00:04:59,330 --> 00:05:03,347
Али, иако смо вас само упознати са
изаберите и убаците и брисање и ажурирање

123
00:05:03,347 --> 00:05:05,430
и пар других,
Испада Можете заправо

124
00:05:05,430 --> 00:05:07,380
написати функције или
процедуре, као они су

125
00:05:07,380 --> 00:05:11,270
назива, у СКЛ да изгледа и понаша
баш као ПХП и Ц функције.

126
00:05:11,270 --> 00:05:12,390
Дакле, знате да они постоје.

127
00:05:12,390 --> 00:05:15,348
Али ми не труди са њима
као што смо управо огребе површину овде.

128
00:05:15,348 --> 00:05:18,600
А онда ЈаваСцрипт последњи
наши језици формално уведен.

129
00:05:18,600 --> 00:05:21,029
Тако ЈаваСцрипт је, такође,
тумачити језика.

130
00:05:21,029 --> 00:05:23,070
А они упознати, да ли
желите да се разликовало

131
00:05:23,070 --> 00:05:26,960
са неким карактеристика
и од Ц и ПХП?

132
00:05:26,960 --> 00:05:28,300
Оно што је другачије?

133
00:05:28,300 --> 00:05:29,650
>> ПУБЛИКА: Није саставио.

134
00:05:29,650 --> 00:05:29,930
>> Давид Малан: Понови?

135
00:05:29,930 --> 00:05:31,200
>> ПУБЛИКА: Није саставио.

136
00:05:31,200 --> 00:05:31,930
>> Давид Малан: Није саставио.

137
00:05:31,930 --> 00:05:33,450
Тако је, такође, тумачи.

138
00:05:33,450 --> 00:05:34,760
Дакле, није саставио.

139
00:05:34,760 --> 00:05:37,210
Али то је мало као ПХП чини.

140
00:05:37,210 --> 00:05:39,545
Али ипак је другачије од
ПХП у неки упечатљив начин,

141
00:05:39,545 --> 00:05:40,920
барем на начин ћемо га користити.

142
00:05:40,920 --> 00:05:41,205
Да?

143
00:05:41,205 --> 00:05:41,940
>> ПУБЛИКА: Ради на страни клијента.

144
00:05:41,940 --> 00:05:44,000
>> Давид Малан: Ради
на страни клијента, обично.

145
00:05:44,000 --> 00:05:47,190
То је заиста карактеристична
карактеристично за нас сада.

146
00:05:47,190 --> 00:05:51,170
Ц је сервер-сиде у смислу
да смо урадили све што је у ЦС50 ИДЕ.

147
00:05:51,170 --> 00:05:53,630
ПХП до сада је
Сервер-сиде онолико

148
00:05:53,630 --> 00:05:56,550
као такав, такође, добија интерпретед--
није саставио, али интерпретед--

149
00:05:56,550 --> 00:06:00,690
унутар ЦС50 ИДЕ, који је, наравно,
само сервер или сервери у облаку.

150
00:06:00,690 --> 00:06:03,070
>> Али ЈаваСкрипт да, чак и
иако вас да идеш

151
00:06:03,070 --> 00:06:07,000
да почнете да га пишем за, рецимо, псет
осам и можда коначно пројецтс-- си

152
00:06:07,000 --> 00:06:09,620
ће то право у
ЦС50 ИДЕ и спремите га

153
00:06:09,620 --> 00:06:14,760
у фајловима у ЦС50 ИДЕ, ИДЕ ЦС50
и, заузврат, облак сервери

154
00:06:14,760 --> 00:06:19,160
у којем је домаћин, не иду
да тумаче или изврши свој код.

155
00:06:19,160 --> 00:06:23,880
Уместо тога, то ће бити послат у
неизмењеном облику до претраживачу.

156
00:06:23,880 --> 00:06:26,990
И то онда ће бити ИЕ
или Цхроме или Фирефок или Сафари

157
00:06:26,990 --> 00:06:30,697
или било који заправо тумачи
је, од врха до дна, с лева на десно.

158
00:06:30,697 --> 00:06:32,780
Дакле, кључно разликовање
карактеристично за данас

159
00:06:32,780 --> 00:06:36,110
јесте да је ЈаваСцрипт на страни клијента
и ПХП, на пример,

160
00:06:36,110 --> 00:06:37,690
има било страни сервера.

161
00:06:37,690 --> 00:06:40,920
Дакле, ово је занимљиве импликације
, као, интелектуалне својине

162
00:06:40,920 --> 00:06:42,660
и ко може заиста видети свој код.

163
00:06:42,660 --> 00:06:44,860
И заиста, можете ићи
на интернету и видим већина

164
00:06:44,860 --> 00:06:47,530
било да неко има код
написан у ЈаваСцрипт.

165
00:06:47,530 --> 00:06:50,230
Понекад је читљив,
понекад је обфусцатед.

166
00:06:50,230 --> 00:06:52,550
Али више о томе у догледно време.

167
00:06:52,550 --> 00:06:57,530
>> Тако ЈаваСцрипт, лепо довољно је
Супер слично, синтактички, до Ц.

168
00:06:57,530 --> 00:06:59,364
И баш као ПХП,
нема основна функција.

169
00:06:59,364 --> 00:07:02,113
Ако желите да почнете са писањем
ЈаваСцрипт код, као што ћете видети данас,

170
00:07:02,113 --> 00:07:03,270
почнете да га писање.

171
00:07:03,270 --> 00:07:06,910
Али то је, видећете, посебно
корисна у контексту веб бровсер.

172
00:07:06,910 --> 00:07:09,820
Међутим, моја мала
дисцлаимер-- обично еарлиер--

173
00:07:09,820 --> 00:07:13,790
је рећи да сте све може
данас користе ЈаваСцрипт Сервер-сиде

174
00:07:13,790 --> 00:07:17,655
користећи фенси оквир под називом Ноде.јс
да су неки од сопствених апликација ЦС50 је

175
00:07:17,655 --> 00:07:18,280
су написане у.

176
00:07:18,280 --> 00:07:20,640
Проверите 50 ствари користи Ноде.јс.

177
00:07:20,640 --> 00:07:24,140
Али ћемо се фокусирати на
Јавасцрипт страни клијента сада па на даље.

178
00:07:24,140 --> 00:07:26,750
>> Дакле, овде је скуп услова у ПХП.

179
00:07:26,750 --> 00:07:29,350
Жао нам је, у-- заправо, да
изјава, такође је тачно.

180
00:07:29,350 --> 00:07:32,200
Ту је и скуп
услови у ЈаваСцрипт.

181
00:07:32,200 --> 00:07:35,560
Синтаксически, то је
идентична Ц и ПХП.

182
00:07:35,560 --> 00:07:39,040
Господина Бул је изрази су,
Слично томе, синтактички

183
00:07:39,040 --> 00:07:41,190
идентична са обе Ц и ПХП.

184
00:07:41,190 --> 00:07:44,100
Такође имамо прекидаче у
Јавасцрипт да изгледају идентично.

185
00:07:44,100 --> 00:07:46,350
Имамо за петље које су
структуриран идентично,

186
00:07:46,350 --> 00:07:48,140
док петље, док петље уради.

187
00:07:48,140 --> 00:07:49,980
>> Ово је мало другачија.

188
00:07:49,980 --> 00:07:53,120
ПХП је имао за сваки конструкт
које би биле користећи

189
00:07:53,120 --> 00:07:55,320
или ће користити у псет седам, можда.

190
00:07:55,320 --> 00:07:59,460
ЈаваСцрипт има овај посебан верзију
јер тамо где си буквално рећи нешто

191
00:07:59,460 --> 00:08:03,864
као на променљиве кључ у објекту који
је веома језгровит начин да се каже,

192
00:08:03,864 --> 00:08:06,780
ако имам објецт-- и ми ћемо
причати о овоме поново у тренутак--

193
00:08:06,780 --> 00:08:10,370
и желим да поновити преко свега
од кључних вредности парови унутар,

194
00:08:10,370 --> 00:08:13,620
Ја не морам да смислим како да
бројчано их је индекс са нула, један,

195
00:08:13,620 --> 00:08:14,580
два, три.

196
00:08:14,580 --> 00:08:15,900
>> Буквално могу да кажем ово.

197
00:08:15,900 --> 00:08:20,740
И на свакој итерацији, ЈаваСцрипт
За мене ће ажурирати променљиву кључ

198
00:08:20,740 --> 00:08:24,810
да будем први тастер, а затим следећи кључ,
онда следећи тастер, а затим следећи кључ,

199
00:08:24,810 --> 00:08:25,510
и тако даље.

200
00:08:25,510 --> 00:08:30,000
И могу добити на вредност од лечења
објекат у ЈаваСцрипт, као што ћемо видети,

201
00:08:30,000 --> 00:08:32,584
као да је
асоцијативна низ у ПХП.

202
00:08:32,584 --> 00:08:35,750
Заиста, ако на крају умотана свој
смета око шта је асоцијативни низ је

203
00:08:35,750 --> 00:08:40,140
у ПХП, можете мислити о томе за сада као
идентичан објекат у ЈаваСцрипт.

204
00:08:40,140 --> 00:08:42,030
Али то је мало
једно претерано упрошћавање.

205
00:08:42,030 --> 00:08:47,230
>> Низови види, лепо довољно, идентични
у ПХП осим једног лика.

206
00:08:47,230 --> 00:08:51,425
Има једна ствар недостаје овде
да смо видио прошле недеље са ПХП.

207
00:08:51,425 --> 00:08:52,050
Шта је изостављено?

208
00:08:52,050 --> 00:08:53,310
Да?

209
00:08:53,310 --> 00:08:54,090
Не знак долара.

210
00:08:54,090 --> 00:08:56,240
Тако смо се вратили до А
нормалније свет у којем

211
00:08:56,240 --> 00:08:58,050
променљиве немају зараду.

212
00:08:58,050 --> 00:09:00,810
Али ти их префикс
са вар, типично.

213
00:09:00,810 --> 00:09:02,230
И вар значи променљиву.

214
00:09:02,230 --> 00:09:06,440
И баш као ПХП је лабаво
типед-- при чему постоје врсте,

215
00:09:06,440 --> 00:09:10,120
постоје бројеви и стрингови
и плута и тако фортх--

216
00:09:10,120 --> 00:09:11,570
Слично ЈаваСцрипт има типова.

217
00:09:11,570 --> 00:09:15,470
Али је лабаво откуцан да смо
програмери не морају да их наведете.

218
00:09:15,470 --> 00:09:18,980
Само морамо да будемо свесни
да различите врсте постоје.

219
00:09:18,980 --> 00:09:21,690
>> Променљиве, меанвхиле-- ево како
можемо прогласити "Хелло, Ворлд"

220
00:09:21,690 --> 00:09:22,230
као стринг.

221
00:09:22,230 --> 00:09:24,890
Обратите пажњу да је идентичан
Тект али нема знак долара.

222
00:09:24,890 --> 00:09:27,120
И то је нешто што ћемо
почети више данас видимо,

223
00:09:27,120 --> 00:09:30,990
где имате објекат
са кључевима и вредностима.

224
00:09:30,990 --> 00:09:32,990
А ако желите да испробате
да закључити из прошле Недељу

225
00:09:32,990 --> 00:09:34,730
синтакса је мало другачија.

226
00:09:34,730 --> 00:09:39,740
Али мало разум цхецк-- колико
тастери изгледа да овај објекат има?

227
00:09:39,740 --> 00:09:40,850
Видим четири.

228
00:09:40,850 --> 00:09:43,560
Видим два.

229
00:09:43,560 --> 00:09:44,680
>> Дакле, то је заправо два је.

230
00:09:44,680 --> 00:09:47,260
Дакле, ово је збирка
два кључна вредности парова.

231
00:09:47,260 --> 00:09:49,820
Кључ је симбол чија је вредност ББ.

232
00:09:49,820 --> 00:09:52,620
Кључ је цена чија је вредност 101,53.

233
00:09:52,620 --> 00:09:54,230
Дакле, то су два кључна-вредност парова.

234
00:09:54,230 --> 00:09:58,120
И запамтите, ПХП-- а то је опет
само нека врста синтаксичке разлике.

235
00:09:58,120 --> 00:10:00,170
Није све то
интелектуално занимљиво.

236
00:10:00,170 --> 00:10:04,610
ПХП Можда сам ово написала иста
ствар као фолловс-- куоте, једнако.

237
00:10:04,610 --> 00:10:06,730
И ове услове променити у угластим заградама.

238
00:10:06,730 --> 00:10:11,240
И онда променим то
цитирао речи, "цена".

239
00:10:11,240 --> 00:10:12,500
И онда ја не користим дебело црево.

240
00:10:12,500 --> 00:10:15,060
Шта сам користим прошле недеље?

241
00:10:15,060 --> 00:10:18,290
Да, знак једнакости
арров функи запис.

242
00:10:18,290 --> 00:10:21,470
>> А онда сам овде исто.

243
00:10:21,470 --> 00:10:23,580
Овде је иста ствар.

244
00:10:23,580 --> 00:10:24,240
И то је све.

245
00:10:24,240 --> 00:10:27,752
Дакле, то је у реду ако ово нема
заиста потонуо у меморији само да

246
00:10:27,752 --> 00:10:29,960
ипак јер то је заиста
интелектуално незанимљив.

247
00:10:29,960 --> 00:10:31,660
То је само синтаксичке разлике.

248
00:10:31,660 --> 00:10:33,230
Али идеје су потпуно исти.

249
00:10:33,230 --> 00:10:35,910
Унутар ове променљиве
цитат у ЈаваСцрипт

250
00:10:35,910 --> 00:10:39,020
је скуп кључних вриједности парова,
међу којима је симбол, један од њих

251
00:10:39,020 --> 00:10:39,690
је цена.

252
00:10:39,690 --> 00:10:42,340
И ја могу добити на тим вредностима
са следећом синтаксе.

253
00:10:42,340 --> 00:10:46,280
Баш као у ПХП-у, да могу
учини нешто као-- пусти

254
00:10:46,280 --> 00:10:48,590
ми да ова кутија мало већи.

255
00:10:48,590 --> 00:10:52,750
Баш као у ПХП-у, да могу
да ово-- Ох, дођавола.

256
00:10:52,750 --> 00:10:53,250
Хајде.

257
00:10:53,250 --> 00:10:56,350

258
00:10:56,350 --> 00:11:00,800
>> Баш као у ПХП-- ОК, ми ћемо
користите само водитељ белешке.

259
00:11:00,800 --> 00:11:06,010
Баш као у ПХП-у, ја могу
до $ цитат $ куоте ["симбол"],

260
00:11:06,010 --> 00:11:08,860
и то ће ме
вредност "симбол".

261
00:11:08,860 --> 00:11:12,800
У ЈаваСцрипт, то ће бити
идентична, при чему могу само да урадим ово.

262
00:11:12,800 --> 00:11:14,850
Једина ствар која је
недостаје је знак долара.

263
00:11:14,850 --> 00:11:17,470
>> Па лепо довољно, онда, ту је
није све толико ново синтакса.

264
00:11:17,470 --> 00:11:21,025
Дакле, оно што данас ћемо се фокусирати на, заиста, није
неке од идеја и апликација.

265
00:11:21,025 --> 00:11:22,900
И први такав
Апликација да би ти

266
00:11:22,900 --> 00:11:26,090
Видели ако заронио у псет
седам већ је ово синтакса.

267
00:11:26,090 --> 00:11:28,980
Дакле, у псет седам, ако сте
види или не види га још,

268
00:11:28,980 --> 00:11:33,570
знам да постоји фајл који дајемо
сте звали цонфиг.јсон-- ЈаваСцрипт

269
00:11:33,570 --> 00:11:34,661
Објецт Нотатион.

270
00:11:34,661 --> 00:11:35,160
Zašto?

271
00:11:35,160 --> 00:11:39,540
Желели смо да будемо у могућности да вам пружи
шаблон са неким кључ-вредност паровима.

272
00:11:39,540 --> 00:11:44,290
Желели смо да будемо у могућности да вам дати списак
домаћина, име сервера.

273
00:11:44,290 --> 00:11:46,710
Желели смо да ти дам
чувар места за своје корисничко име

274
00:11:46,710 --> 00:11:48,210
и чувар места за лозинку.

275
00:11:48,210 --> 00:11:49,410
Ако не видите
ово још, не брини.

276
00:11:49,410 --> 00:11:51,340
Више о овоме у псет седам
[? Спец. ?] И онда,

277
00:11:51,340 --> 00:11:53,173
Очигледно, ми хоћемо тебе
да попуни То-Дос

278
00:11:53,173 --> 00:11:55,310
јер када се пријавите на
ЦС50 ИДЕ свако од вас

279
00:11:55,310 --> 00:11:57,630
имају свој корисничко име и лозинку.

280
00:11:57,630 --> 00:12:00,910
>> Дакле, могли смо користили пола туцета
или више различитих формата.

281
00:12:00,910 --> 00:12:02,940
Могли смо користили .ткт датотеку.

282
00:12:02,940 --> 00:12:04,570
Могли бисмо користили ЦСВ датотеку.

283
00:12:04,570 --> 00:12:06,745
Могли смо користили
ИНИ фајл, КСМЛ датотека,

284
00:12:06,745 --> 00:12:09,370
гомила још скраћенице које
можда нећете никада није цуо.

285
00:12:09,370 --> 00:12:11,244
То је врста произвољно
на крају дана.

286
00:12:11,244 --> 00:12:16,030
Али супер популаран ових дана је текст
Формат назива ЈСОН-- ЈаваСкрипт објекта

287
00:12:16,030 --> 00:12:18,460
Нотатион-- да изгледа овако.

288
00:12:18,460 --> 00:12:20,890
Мало је загонетан,
али приметио обрасце.

289
00:12:20,890 --> 00:12:24,180
Можете почети са отвореним коврџавом
Браце, а завршите са истим.

290
00:12:24,180 --> 00:12:26,550
Унутар то је нешто.

291
00:12:26,550 --> 00:12:27,920
То је кључ-вредност паровима.

292
00:12:27,920 --> 00:12:30,580
Дакле, ово је објекат који сам
гледајући на екрану овде

293
00:12:30,580 --> 00:12:33,690
да има један кључ, који има једну вредност.

294
00:12:33,690 --> 00:12:37,610
И само закључујете заснована на
претходни образац, шта је ту је кључ?

295
00:12:37,610 --> 00:12:39,790
База је ствар
лева колона.

296
00:12:39,790 --> 00:12:43,500
>> Сада, вредност се деси да буде
а више линија овај пут.

297
00:12:43,500 --> 00:12:46,760
Али вредност почиње са коврџавом
браце и завршава са коврџавом браце.

298
00:12:46,760 --> 00:12:49,480
Дакле, шта би ви предлажете је
тип вредности базе података?

299
00:12:49,480 --> 00:12:52,160

300
00:12:52,160 --> 00:12:54,670
Речник или, једноставно више
језгровито, објекат.

301
00:12:54,670 --> 00:12:55,170
Jel tako?

302
00:12:55,170 --> 00:13:00,010
Ово је врста структуре података који
Можете користити и друге структуре у себи.

303
00:13:00,010 --> 00:13:02,750
Дакле, ако је цела ова ствар смо
назвавши га објецт-- и објекат

304
00:13:02,750 --> 00:13:07,101
је само гомила кључне вредности паирс--
вредност саме базе података је објекат.

305
00:13:07,101 --> 00:13:10,350
Вредност базе има гомилу
кључних вредности парова, од којих прва

306
00:13:10,350 --> 00:13:13,130
је домаћин, онда име, а затим
корисничко име, онда лозинка

307
00:13:13,130 --> 00:13:17,550
сваки од чије вредности, у међувремену, то је
само досадна стринг у наводнике.

308
00:13:17,550 --> 00:13:19,770
>> Дакле, чак и ако то није
Супер Цлеар још увек,

309
00:13:19,770 --> 00:13:22,740
Знам да је ово само
стандардни, прилично досадан начин

310
00:13:22,740 --> 00:13:25,190
чувања података у стандардном формату.

311
00:13:25,190 --> 00:13:27,700
Али заједничка грешке које
Можда би, чак иу псет седам,

312
00:13:27,700 --> 00:13:32,120
су мале глупе ствари, као да вас
случајно изостављају зарез тамо.

313
00:13:32,120 --> 00:13:34,900
То ће резултирати у датотеци
не мора бити читљив.

314
00:13:34,900 --> 00:13:38,191
Ако сте случајно изоставити ствари као што је
цитати, то неће бити читљив.

315
00:13:38,191 --> 00:13:41,654
Дакле, то је прилично изненадило је формат датотеке,
али је онај који је супер заједничко.

316
00:13:41,654 --> 00:13:44,820
И ми се деси да га користе, иако
не користите никакве ЈаваСцрипт у супротном,

317
00:13:44,820 --> 00:13:46,330
у псет седам.

318
00:13:46,330 --> 00:13:46,860
>> У реду.

319
00:13:46,860 --> 00:13:48,110
Дакле, запамтите ову слику.

320
00:13:48,110 --> 00:13:51,657
Разговарали смо о, у ХТМЛ, који
код може изгледати овако.

321
00:13:51,657 --> 00:13:54,740
Ово је ХиперТект Маркуп Лангуаге
[Неразумљиво] за само "Здраво, свете".

322
00:13:54,740 --> 00:13:57,570
Али онда предлаже
одавно да ако то помаже,

323
00:13:57,570 --> 00:14:00,210
можда ћете желети да почну да размишљају
о томе већ као дрво.

324
00:14:00,210 --> 00:14:03,730
У ствари, улегнуће коју смо
користити само зарад читљивости је

325
00:14:03,730 --> 00:14:05,610
или ради на Стиле
лева цан врста

326
00:14:05,610 --> 00:14:10,040
превести у овом дрвету, где сте
има неки посебан роот чвор који ћемо

327
00:14:10,040 --> 00:14:16,860
генерички зове документ, испод које
је корен ХТМЛ-елемент или тег ХТМЛ,

328
00:14:16,860 --> 00:14:19,980
који онда има два
деца, главе и тела.

329
00:14:19,980 --> 00:14:21,750
>> А онда опет, глава има титулу.

330
00:14:21,750 --> 00:14:23,440
И наслов има вредност текста.

331
00:14:23,440 --> 00:14:26,130
И тело слично има вредност текста.

332
00:14:26,130 --> 00:14:29,220
Дакле, ако сте удобно изрека
да да, можете искористити ову ХТМЛ

333
00:14:29,220 --> 00:14:32,080
и нацртајте слику као
ово је десна страна

334
00:14:32,080 --> 00:14:35,910
је леп ментални модел јер сада
да имамо ЈаваСцрипт, програмирање

335
00:14:35,910 --> 00:14:39,960
језик који претраживачи могу
извршава и тумаче за вас,

336
00:14:39,960 --> 00:14:42,690
испада да шта
ми смо урадити у коду

337
00:14:42,690 --> 00:14:45,320
се почети да манипулише ово
Структура дрво у меморији.

338
00:14:45,320 --> 00:14:47,070
Ми не морамо да изградимо
дрво у меморији.

339
00:14:47,070 --> 00:14:49,880
Не морамо да радимо некако
псет пет-стил структура података

340
00:14:49,880 --> 00:14:50,650
комплексност.

341
00:14:50,650 --> 00:14:54,610
Претраживач, лепо довољно, на
тумачећи ХТМЛ врха до дна,

342
00:14:54,610 --> 00:14:58,600
лево или десно, буквално ће
преда нам еквивалент од показивач

343
00:14:58,600 --> 00:15:00,840
тој цело стабло фор фрее.

344
00:15:00,840 --> 00:15:02,150
То се све напорног рада.

345
00:15:02,150 --> 00:15:05,520
То је оно што Опера и Аппле
и други су урадили за нас.

346
00:15:05,520 --> 00:15:09,400
>> И са ЈаваСцрипт ћемо
бити у стању да контролише и променити и урадити

347
00:15:09,400 --> 00:15:12,910
интерестинг тхингс то
то дрво, иначе познат

348
00:15:12,910 --> 00:15:15,880
као ДОМ или Доцумент Објецт Модел.

349
00:15:15,880 --> 00:15:17,110
Какве ствари?

350
00:15:17,110 --> 00:15:19,030
Па, испада да
у ЈаваСцрипт, ту је

351
00:15:19,030 --> 00:15:22,800
Ова листа веш од
догађаји који могу да се одвијају.

352
00:15:22,800 --> 00:15:26,330
И нисмо баш користили да
Реч од недеље нуле и псет

353
00:15:26,330 --> 00:15:28,240
нула, када смо разговарали о Сцратцх.

354
00:15:28,240 --> 00:15:31,390
Већина вас вероватно није користио
догађај у вашем пројекту Сцратцх.

355
00:15:31,390 --> 00:15:33,850
Али можда сећате
једноставна Марко Поло

356
00:15:33,850 --> 00:15:36,760
пример, где смо имали два
духови, од којих је један рекао, Марко.

357
00:15:36,760 --> 00:15:40,180
Други од којих онда, након слушања
и слуха тај догађај, рекао је, поло.

358
00:15:40,180 --> 00:15:42,080
Ако не, слободно
лоок бацк то далеко.

359
00:15:42,080 --> 00:15:44,450
>> Али ово је само да
кажу, и можете некако

360
00:15:44,450 --> 00:15:47,730
закључити из имена ових
ствари, ЈаваСцрипт, испоставило се,

361
00:15:47,730 --> 00:15:53,200
ће нам дати начин да слушају
за миша иде доле или миша иде горе

362
00:15:53,200 --> 00:15:57,920
или тастер иде доле или тастер
иде горе или онсубмит онселецт

363
00:15:57,920 --> 00:15:59,740
или онресизинг нешто.

364
00:15:59,740 --> 00:16:03,060
Другим речима, свако физичко деловање
да човек може узети са претраживача

365
00:16:03,060 --> 00:16:08,210
да радите сваки дан, можете написати
код за који слуша за тих догађаја

366
00:16:08,210 --> 00:16:10,220
и онда ради нешто одговарајуће.

367
00:16:10,220 --> 00:16:14,130
>> На пример, ако користите Гоогле Мапс,
шта се дешава ако кликнете и потез

368
00:16:14,130 --> 00:16:16,250
миша, типично?

369
00:16:16,250 --> 00:16:17,758
Ако кликните и превуците?

370
00:16:17,758 --> 00:16:18,258
Да?

371
00:16:18,258 --> 00:16:21,701

372
00:16:21,701 --> 00:16:22,200
Baš tako.

373
00:16:22,200 --> 00:16:23,159
Мапа почиње да се креће.

374
00:16:23,159 --> 00:16:25,616
Дакле, можете некако видим шта је
овде, шта је тамо.

375
00:16:25,616 --> 00:16:27,130
И Како Гоогле спроводи ово?

376
00:16:27,130 --> 00:16:29,421
Па, вероватно, они су
користећи неколико ових догађаја

377
00:16:29,421 --> 00:16:31,720
слушаоци, један је
каже, слушајте на мишу

378
00:16:31,720 --> 00:16:35,410
довн-- тако да када корисник физички
гура свој трацкпад или његов миша

379
00:16:35,410 --> 00:16:36,010
доле.

380
00:16:36,010 --> 00:16:38,350
И онда тражимо
нешто као покрет

381
00:16:38,350 --> 00:16:41,145
или неког другог догађај који
нам омогућава да снимите отпор.

382
00:16:41,145 --> 00:16:45,910
И, у ствари, превуците је на сличан начин у овом
Дот Дот Дот листу могућих опција.

383
00:16:45,910 --> 00:16:49,140
>> Дакле, ово ће бити моћан
начин да се почне одговара кориснику

384
00:16:49,140 --> 00:16:52,824
чак и пре него што он или она стварно кликне
Нешто слично експлицитно поднесе.

385
00:16:52,824 --> 00:16:55,240
Али ћемо увести
пар тема да стигнемо тамо.

386
00:16:55,240 --> 00:16:58,570
Али прво, хајде да транзиција
до неке стварне кода.

387
00:16:58,570 --> 00:17:01,450
Зато ћу да одем
напред и отвори Дом-0,

388
00:17:01,450 --> 00:17:05,869
који је врло једноставан пример
овде да ако зоом ин просто

389
00:17:05,869 --> 00:17:08,500
има ту улаз за мене.

390
00:17:08,500 --> 00:17:12,410
И ја ћу ићи напред и укуцајте
"Дејвид" за моје име и кликните на Пошаљи.

391
00:17:12,410 --> 00:17:17,940
>> А онда, мада некако јефтино, ја
има ту линију која се појављује да каже,

392
00:17:17,940 --> 00:17:19,244
"Здраво, Давиде!"

393
00:17:19,244 --> 00:17:21,740
Дакле, ово је врста
као наш "Хелло, Ворлд"

394
00:17:21,740 --> 00:17:25,150
да смо неко време назад у Ц и
чак у ПХП јер сам динамички сам

395
00:17:25,150 --> 00:17:26,310
имати излаз моје име.

396
00:17:26,310 --> 00:17:28,230
Ја могу да урадим овде име туђе.

397
00:17:28,230 --> 00:17:31,240
Ја једноставно нисам могао промијенити то,
као, Хана, кликните на Пошаљи.

398
00:17:31,240 --> 00:17:33,780
И заиста, мали поп-уп промене.

399
00:17:33,780 --> 00:17:36,650
>> Сада, поп-упс су један од
најзлоуптребљенијих карактеристике веб.

400
00:17:36,650 --> 00:17:38,520
И у ствари, још у
Тхе Даи поп-уп блокатори

401
00:17:38,520 --> 00:17:40,820
постала популарна због тебе
ће ићи у неку вебсите--

402
00:17:40,820 --> 00:17:43,604
можда упитна место--
да би одједном

403
00:17:43,604 --> 00:17:46,020
старт пепперинг екрана
са хрпом поп-уп.

404
00:17:46,020 --> 00:17:49,700
И тако та способност да се појави
прозори испред корисника

405
00:17:49,700 --> 00:17:52,372
није посебно
добро примљена од стране човечанства.

406
00:17:52,372 --> 00:17:54,080
Зато видиш
ово спречи ствар,

407
00:17:54,080 --> 00:17:55,706
што само чини цела ова ствар ружна.

408
00:17:55,706 --> 00:17:57,996
Тако ћемо требати
бољи начин да се подстакне корисника.

409
00:17:57,996 --> 00:17:59,350
Али за сада, изгледа да ради.

410
00:17:59,350 --> 00:18:03,320
Дакле, само интуитивно, шта
изгледа да се овде дешава?

411
00:18:03,320 --> 00:18:07,870
Ја само напред и кликните на Пошаљи, и
онда се нешто дешава, јасно.

412
00:18:07,870 --> 00:18:12,870
Али оно што се не дешава да се није десило
Прошле недеље сваки пут сам кликнуо Пошаљи?

413
00:18:12,870 --> 00:18:15,940
Шта се није догодило на екрану?

414
00:18:15,940 --> 00:18:17,170
Молим?

415
00:18:17,170 --> 00:18:18,010
Релоад.

416
00:18:18,010 --> 00:18:19,720
УРЛ није променио уопште.

417
00:18:19,720 --> 00:18:22,250
Ја сам рекао да је ово дом-0,
и ја сам још увек на ДОМ-0.

418
00:18:22,250 --> 00:18:26,890
Нормално, ми бисмо се мења у неки други
УРЛ, као што регистер.пхп или слично.

419
00:18:26,890 --> 00:18:29,560
>> Али чак и кад отпусти
ово кликом на дугме ОК,

420
00:18:29,560 --> 00:18:32,310
приметите да је УРЛ
остаје у потпуности пут.

421
00:18:32,310 --> 00:18:35,350
А, у ствари, ако сам мало
скептичан, дозволите ми да отворим Цхроме.

422
00:18:35,350 --> 00:18:36,860
Дозволите ми да отворим картицу Нетворк.

423
00:18:36,860 --> 00:18:38,360
И приметио је празно у овом тренутку.

424
00:18:38,360 --> 00:18:40,700
Пусти ме само напред и поново Марију.

425
00:18:40,700 --> 00:18:42,810
Нема мрежни саобраћај уопште.

426
00:18:42,810 --> 00:18:44,320
Дакле, нема ХТТП.

427
00:18:44,320 --> 00:18:47,620
>> И заиста, ако погледате изворни код
на овоме-- дозволите ми да затворите овај прозор

428
00:18:47,620 --> 00:18:49,480
и идите на Виев Соурце.

429
00:18:49,480 --> 00:18:50,400
Занимљиво.

430
00:18:50,400 --> 00:18:53,520
Изгледа као да је нека
нове ознаке, међу њима скрипта.

431
00:18:53,520 --> 00:18:57,490
Дакле, хајде да погледамо унутар ЦС50
ИДЕ тачно оно што сам послао корисника.

432
00:18:57,490 --> 00:19:00,690
>> Дакле, овде је-- хајдемо
фокусирати на само ХТМЛ.

433
00:19:00,690 --> 00:19:03,500
Овде је доња половина ДОМ-0.хтмл.

434
00:19:03,500 --> 00:19:07,830
И приметите да има наслов,
глава ознака, тело ознака, облик ознака.

435
00:19:07,830 --> 00:19:11,257
Али оно искочи на вас као
другачије, нарочито ако никада нисте

436
00:19:11,257 --> 00:19:12,590
написано било ЈаваСкрипт себе.

437
00:19:12,590 --> 00:19:14,920
Дозволите ми да померите мало
до овде.

438
00:19:14,920 --> 00:19:18,330
Имам улаз,
још један улаз за доставити.

439
00:19:18,330 --> 00:19:21,410
Имам ИД, који је нека врста новог.

440
00:19:21,410 --> 00:19:22,790
Али смо видели са ЦСС.

441
00:19:22,790 --> 00:19:24,480
Шта друго је дефинитивно ново?

442
00:19:24,480 --> 00:19:24,980
Да?

443
00:19:24,980 --> 00:19:30,580

444
00:19:30,580 --> 00:19:32,140
Lep.

445
00:19:32,140 --> 00:19:32,760
>> У реду.

446
00:19:32,760 --> 00:19:35,630
Па где је онсубмит каже,
приметити оно што изгледа да следе.

447
00:19:35,630 --> 00:19:38,740
Ово је атрибут
у ХТМЛ номенклатуре.

448
00:19:38,740 --> 00:19:40,944
Његова вредност је ово цитирао низ овде.

449
00:19:40,944 --> 00:19:42,860
И ово изгледа мало
чудно на први поглед.

450
00:19:42,860 --> 00:19:44,050
Није ХТМЛ.

451
00:19:44,050 --> 00:19:45,240
Није ЦСС.

452
00:19:45,240 --> 00:19:47,580
Ово је, као што можете да погодите, ЈаваСкрипт.

453
00:19:47,580 --> 00:19:51,850
Дакле, чини се да је уграђена у ово
веб страница је функција зове поздравити.

454
00:19:51,850 --> 00:19:54,250
И ја закључујете да само
јер је реч, поздрави.

455
00:19:54,250 --> 00:19:55,880
Има отворену парови,
блиски парен, зарез.

456
00:19:55,880 --> 00:19:58,095
Изгледа као Ц функције,
Изгледа као ПХП функција.

457
00:19:58,095 --> 00:20:00,370
>> И заиста, то ће
бити ЈаваСцрипт функција.

458
00:20:00,370 --> 00:20:01,440
Онда се враћам лажна.

459
00:20:01,440 --> 00:20:03,440
Вратићемо се
само који тренутак.

460
00:20:03,440 --> 00:20:05,320
Али где је ова функција дефинисана?

461
00:20:05,320 --> 00:20:07,950
Па пусти ме дођите до
на врху фајла.

462
00:20:07,950 --> 00:20:11,710
И иако је дугачак ред,
то је релативно једноставан.

463
00:20:11,710 --> 00:20:15,000
Дозволите ми да умањи ту и
фокусирати на ове четири линије.

464
00:20:15,000 --> 00:20:17,137
>> Дакле, у ЈаваСцрипт, само
као ПХП, само

465
00:20:17,137 --> 00:20:19,720
рецимо, буквално, реч "функција"
назив функције,

466
00:20:19,720 --> 00:20:22,700
а затим заграде са било
аргументс-- никакве аргументе у овом случају.

467
00:20:22,700 --> 00:20:25,290
И нема повратни тип
у ЈаваСцрипт, баш као ПХП.

468
00:20:25,290 --> 00:20:29,470
Тако да је мало лабавији него Ц.
Отвори коврџава Браце, близу коврџава заграда.

469
00:20:29,470 --> 00:20:33,270
Буилт у ЈаваСцрипт је фунцтион--
не препоручује фунцтион--

470
00:20:33,270 --> 00:20:35,730
али функција се зове упозорење
чија је једина сврха у животу

471
00:20:35,730 --> 00:20:38,620
је да подигне да гадно
навести да смо видели малопре.

472
00:20:38,620 --> 00:20:40,950
>> Ово је нека врста залогаја.

473
00:20:40,950 --> 00:20:42,560
Шта се дешава овде?

474
00:20:42,560 --> 00:20:45,840
Почнимо да
означите све овде.

475
00:20:45,840 --> 00:20:48,540
То је исти аргумент да упозори.

476
00:20:48,540 --> 00:20:49,530
И шта се дешава?

477
00:20:49,530 --> 00:20:51,200
Ово само изгледа као стринг.

478
00:20:51,200 --> 00:20:59,180
И испоставило се, за разлику од ПХП и за разлику од
Ц није битно у ЈаваСцрипт

479
00:20:59,180 --> 00:21:01,090
ако ви сингле цитати или двоструки наводници.

480
00:21:01,090 --> 00:21:02,060
Они ће бити једнак.

481
00:21:02,060 --> 00:21:03,769
И искрено, то је само
популаран ових дана

482
00:21:03,769 --> 00:21:06,726
за ЈаваСцрипт програмере да увек
Користите једноструке наводнике из неког разлога.

483
00:21:06,726 --> 00:21:07,840
То је само ствар.

484
00:21:07,840 --> 00:21:09,710
Али бисмо могли да користимо наводнике, као добро.

485
00:21:09,710 --> 00:21:11,540
>> Дакле, плус је нови лик.

486
00:21:11,540 --> 00:21:14,512
Али они од вас који сте урадили
ово пре, шта више значи?

487
00:21:14,512 --> 00:21:16,440
Да.

488
00:21:16,440 --> 00:21:17,120
Спојите.

489
00:21:17,120 --> 00:21:18,570
Дакле, видели смо то у ПХП.

490
00:21:18,570 --> 00:21:20,315
Ту је само тачка
оператер у ПХП који

491
00:21:20,315 --> 00:21:22,000
ће спојите две жице заједно.

492
00:21:22,000 --> 00:21:24,000
Ц је бол у врату да то урадите.

493
00:21:24,000 --> 00:21:27,310
Подсетимо од псет шест, која је била
Еспециал бол у врату,

494
00:21:27,310 --> 00:21:29,470
бисте морали да користимо
нешто као стрцат

495
00:21:29,470 --> 00:21:31,660
након доделе меморије
на стеку или гомиле.

496
00:21:31,660 --> 00:21:34,243
Морао си да скочи кроз хоопс
само да спојите две жице.

497
00:21:34,243 --> 00:21:36,040
У ЈаваСцрипт, то је супер једноставна.

498
00:21:36,040 --> 00:21:38,030
Само користите оператор плус између њих.

499
00:21:38,030 --> 00:21:41,420
>> Дакле, комплекс изгледа
ствар изгледа тхис

500
00:21:41,420 --> 00:21:43,490
јер на крају
Цео овај стринг, управо сам

501
00:21:43,490 --> 00:21:45,797
спојите на знаком узвика.

502
00:21:45,797 --> 00:21:48,380
Дакле, ако шта је ничу је
"Здраво, Давиде", "здраво, Хана,"

503
00:21:48,380 --> 00:21:52,740
"Здраво, Марија", и тако даље, јасно
да средњи ствар између два

504
00:21:52,740 --> 00:21:55,215
плусеви морају ми дати приступ шта?

505
00:21:55,215 --> 00:21:58,855

506
00:21:58,855 --> 00:22:01,991
Шта је тамо сигурно?

507
00:22:01,991 --> 00:22:02,490
Да.

508
00:22:02,490 --> 00:22:05,090
Зато ћу овде претварајући
одговорити своје име, зар не?

509
00:22:05,090 --> 00:22:10,380
Дакле, њихово име појавило у финалу
резултат. Дакле, шта то значи?

510
00:22:10,380 --> 00:22:15,080
Па, ја предложио раније у томе
Слика која такозвани ДОМ

511
00:22:15,080 --> 00:22:18,580
има ту посебну роот елемент
начин на врху се зове документ.

512
00:22:18,580 --> 00:22:21,660
А сада, како се испоставило, да иде
бити посебно глобална променљива

513
00:22:21,660 --> 00:22:25,250
у ЈаваСцрипт, изграђена у који је
гомила корисних функционалности.

514
00:22:25,250 --> 00:22:31,770
Међу корисна функционалност је
Способност да се у сваком потомка чвор.

515
00:22:31,770 --> 00:22:37,760
Ти квадрате или правоугаонике или елипсе
само су чворови у дрвету, да се тако изразим.

516
00:22:37,760 --> 00:22:41,850
>> Тако испада да је уграђена у
Доцумент Објецт ЈаваСцрипт је

517
00:22:41,850 --> 00:22:47,300
је функција, иначе познат као
метод, који се зове гетЕлементБиИд.

518
00:22:47,300 --> 00:22:50,410
Синтакса за расписивање
функција у ЈаваСцрипт

519
00:22:50,410 --> 00:22:55,220
да је унутар неког објекта или
променљива је само са дот нотацији.

520
00:22:55,220 --> 00:22:57,950
Видели смо то у Ц
шта струцт синтакса.

521
00:22:57,950 --> 00:23:03,530
Видиш ово у псет седам, врста,
некако, када видите ЦС50 :: упита.

522
00:23:03,530 --> 00:23:08,070
Дебело црево дебело црево у ПХП је још један
начин позивања функције који је

523
00:23:08,070 --> 00:23:09,260
унутар неког објекта.

524
00:23:09,260 --> 00:23:11,960
>> Али за сада у ЈаваСцрипт,
то је само тачка.

525
00:23:11,960 --> 00:23:14,170
И тако ова функција,
лепо довољно, врста

526
00:23:14,170 --> 00:23:16,810
каже оно што доес-- добити елемент по ИД.

527
00:23:16,810 --> 00:23:20,280
Елемент је само друго име
за таг или чвор у Дому.

528
00:23:20,280 --> 00:23:26,900
И тако се елемент по ИД "именом"
значи ово-- овде је мој ХТМЛ.

529
00:23:26,900 --> 00:23:31,910
И на основу овог ХТМЛ, ста
чвор или шта ХТМЛ тагове а

530
00:23:31,910 --> 00:23:35,097
ће програмски бити руку
позивом доцумент.гетЕлементБиИд?

531
00:23:35,097 --> 00:23:37,650

532
00:23:37,650 --> 00:23:38,500
>> Да, баш тако.

533
00:23:38,500 --> 00:23:42,670
Идем да се улаз
Елемент постоји чији ИД је "име".

534
00:23:42,670 --> 00:23:45,140
Дакле, конкретно, можете
Мислим на ове функције,

535
00:23:45,140 --> 00:23:49,560
гетЕлементБиИд, као начин давања
назад показивач на дату чвор

536
00:23:49,560 --> 00:23:50,060
у дрвету.

537
00:23:50,060 --> 00:23:51,980
Нисмо извући ово
дрво, али то је начин

538
00:23:51,980 --> 00:23:54,900
добијања приступа који
правоугаоник или да правоугаоник

539
00:23:54,900 --> 00:23:58,090
од јединствено га идентификују преко свог ИД.

540
00:23:58,090 --> 00:23:59,760
>> Е сад, зашто је то корисно?

541
00:23:59,760 --> 00:24:01,510
Па, испоставило се
да када сте стечен

542
00:24:01,510 --> 00:24:07,220
да чвор, да Правоугаоник из
слика, да чвор унутар ње,

543
00:24:07,220 --> 00:24:10,660
заузврат, има гомилу
пропертиес-- кључ-вредност паровима

544
00:24:10,660 --> 00:24:13,480
или подаци, од којих је једна зове вредност.

545
00:24:13,480 --> 00:24:16,500
Тако буквално, то је нека врста
залогај да објасни целу ствар.

546
00:24:16,500 --> 00:24:19,370
Али на крају дана,
све ово ради је да ти дам

547
00:24:19,370 --> 00:24:23,070
стринг који је корисник откуца
у овој хијерархијској начин.

548
00:24:23,070 --> 00:24:24,820
Али ја не као
пар ових ствари.

549
00:24:24,820 --> 00:24:27,590
Односно, ту је увек неки радозналост.

550
00:24:27,590 --> 00:24:28,870
Све то чинило да раде.

551
00:24:28,870 --> 00:24:33,420
Зашто мислиш да сам се вратио
лажна после позива поздравити?

552
00:24:33,420 --> 00:24:35,910
Ово изгледа мало ружно, да
Имам ту двије изјаве

553
00:24:35,910 --> 00:24:38,730
раздвојене зарезом.

554
00:24:38,730 --> 00:24:39,310
Да претпоставите.

555
00:24:39,310 --> 00:24:44,390
Ако уклоњен ретурн фалсе, шта
може да се деси, само инстинктивно?

556
00:24:44,390 --> 00:24:46,990

557
00:24:46,990 --> 00:24:49,460
Жао нам је, опет кажем?

558
00:24:49,460 --> 00:24:50,530
>> Отворите гомилу Виндовс.

559
00:24:50,530 --> 00:24:52,780
Дакле, потенцијално можда нешто
тако ће се десити.

560
00:24:52,780 --> 00:24:54,422
Шта даље?

561
00:24:54,422 --> 00:24:55,630
Можда поднијети захтјев где?

562
00:24:55,630 --> 00:24:59,109

563
00:24:59,109 --> 00:25:00,510
На истој страници.

564
00:25:00,510 --> 00:25:03,110
Дакле, у ствари, то је то
ближе одговорити овде,

565
00:25:03,110 --> 00:25:05,890
иако, за разлику од
у прошлости, ја нисам

566
00:25:05,890 --> 00:25:09,300
наведено је акција атрибут,
који обично морамо да урадимо.

567
00:25:09,300 --> 00:25:11,780
Испоставило се да постоји подразумевани.
Ако не наведете радњу,

568
00:25:11,780 --> 00:25:15,370
то је као да кажеш цитат, под знацима навода
или име самог фајла,

569
00:25:15,370 --> 00:25:17,850
што у овом случају би
бити као ДОМ-0.хтмл.

570
00:25:17,850 --> 00:25:20,420
То је некако закључити,
односно подразумева.

571
00:25:20,420 --> 00:25:22,420
>> И тако ако не урадим ово, хајде да приметити.

572
00:25:22,420 --> 00:25:23,230
Дозволите ми да спаси ово.

573
00:25:23,230 --> 00:25:25,270
И ја сам уклонити врати ЛАЖ.

574
00:25:25,270 --> 00:25:27,759
Дозволите ми да се вратим на ово
Пример и сила га поново.

575
00:25:27,759 --> 00:25:30,800
А можда сте видели да сугеришу
ово ЦС50 Разговарајте гомилу пута.

576
00:25:30,800 --> 00:25:34,560
Ако ишта икада понаша фанки и
претраживач не понаша како сте очекивали,

577
00:25:34,560 --> 00:25:37,410
често ћете желети да држите
Схифт, а затим кликните на дугме Релоад.

578
00:25:37,410 --> 00:25:41,480
То ће приморати све датотеке на релоад
и не користите локални кеш прегледача

579
00:25:41,480 --> 00:25:47,032
или копију тако да сада, пусти ме само напред и
отворим инспектор, картицу Нетворк.

580
00:25:47,032 --> 00:25:48,740
Идем да кликну
Очување Лог јер сам

581
00:25:48,740 --> 00:25:51,660
не желимо да избришете редове
Једном сам се збрисан далеко негде другде.

582
00:25:51,660 --> 00:25:54,650
>> Пусти ме само напред и овде
Тип на Анди, кликните на Пошаљи.

583
00:25:54,650 --> 00:25:55,150
У реду.

584
00:25:55,150 --> 00:25:56,480
То изгледа као што је очекивано.

585
00:25:56,480 --> 00:25:57,440
Она каже: "Здраво, Енди."

586
00:25:57,440 --> 00:25:59,420
Дозволите ми да кликните на ОК.

587
00:25:59,420 --> 00:26:00,610
Занимљиво.

588
00:26:00,610 --> 00:26:05,100
Обратите пажњу да страница променила,
мада на оригиналне странице.

589
00:26:05,100 --> 00:26:06,770
Обратите пажњу на УРЛ врсту промењена.

590
00:26:06,770 --> 00:26:09,430
Она додаје знак питања,
која је обично показатељ

591
00:26:09,430 --> 00:26:11,260
да смо покушали да поднесе нешто.

592
00:26:11,260 --> 00:26:13,570
А онда на дну,
још више експлицитно,

593
00:26:13,570 --> 00:26:17,570
Овде је стварни ХТТП захтев,
која је добила одговор од 200 који

594
00:26:17,570 --> 00:26:18,490
довео ме овамо.

595
00:26:18,490 --> 00:26:20,250
>> Дакле, ово није оно што
желимо да радимо, зар не?

596
00:26:20,250 --> 00:26:22,166
Зато што не желим да
релоад целу страницу.

597
00:26:22,166 --> 00:26:24,970
Ја уместо желели да се врате
фалсе тако да кратког споја

598
00:26:24,970 --> 00:26:28,840
подразумевано понашање претраживачу, која
је, наравно, да поднесу страницу.

599
00:26:28,840 --> 00:26:31,700
>> Дакле, хајде да погледамо
маргинално бољи пример.

600
00:26:31,700 --> 00:26:33,920
Ово је Дом верзија један.

601
00:26:33,920 --> 00:26:36,680
И приметио следеће.

602
00:26:36,680 --> 00:26:39,150
У реду је ако не грок
сви линија кода.

603
00:26:39,150 --> 00:26:41,750
Али, оно што је фундаментално другачији
о овом имплементацију?

604
00:26:41,750 --> 00:26:44,690
Ја ћу одредити да се понаша
Исти, ради исту ствар.

605
00:26:44,690 --> 00:26:49,320

606
00:26:49,320 --> 00:26:51,570
Шта сам очигледно урадио другачије?

607
00:26:51,570 --> 00:26:52,266
Да?

608
00:26:52,266 --> 00:26:53,182
>> ПУБЛИКА: [неразумљиво].

609
00:26:53,182 --> 00:27:03,421

610
00:27:03,421 --> 00:27:04,170
Давид Малан: Да.

611
00:27:04,170 --> 00:27:08,620
Тако је функција дефинисана дифферентли--
Другим речима, одсутних из форме,

612
00:27:08,620 --> 00:27:13,180
тамо он лине 7-- или
а, линија 8-- не

613
00:27:13,180 --> 00:27:15,070
имам на онсубмит атрибут.

614
00:27:15,070 --> 00:27:16,750
У претходном примеру, имао сам ово.

615
00:27:16,750 --> 00:27:18,530
А онда сам буквално писао код овде.

616
00:27:18,530 --> 00:27:20,210
И онда сам рекао ретурн фалсе.

617
00:27:20,210 --> 00:27:22,180
А ако није трљати
ви ипак на погрешан начин,

618
00:27:22,180 --> 00:27:26,140
требало би да почне да мери
као, баш као у ХТМЛ-у,

619
00:27:26,140 --> 00:27:29,530
када смо почели да га заједно дружити
са ЦСС у стилу атрибута,

620
00:27:29,530 --> 00:27:32,890
само почео да се мало
неуредно или осетити мало погрешно.

621
00:27:32,890 --> 00:27:35,020
>> Слично томе овде, ако
почнете узимање ХТМЛ,

622
00:27:35,020 --> 00:27:37,419
и онда аутоматски
плоп неки ЈаваСцрипт код

623
00:27:37,419 --> 00:27:40,460
у сред наводника, то је
Неће бити врло одржив.

624
00:27:40,460 --> 00:27:40,630
Jel tako?

625
00:27:40,630 --> 00:27:43,690
Није чак ни јасно на први поглед
место где је ЈаваСцрипт код је.

626
00:27:43,690 --> 00:27:46,590
Тако да би било стварно лепо као
принцип бољег дизајна,

627
00:27:46,590 --> 00:27:50,500
хајде да у потпуности нашу ХТМЛ
одвојити од нашег ЈаваСцрипт.

628
00:27:50,500 --> 00:27:53,150
>> Тако да то уради, оно што смо
готови је фолловинг--

629
00:27:53,150 --> 00:27:56,790
једноставно користити ХТМЛ само за ознаке.

630
00:27:56,790 --> 00:28:00,730
И тако у верзији једног од овога, све
Имам је облик са јединственим ИД.

631
00:28:00,730 --> 00:28:04,630
А онда овде доле, ја искористивши
посебног особину ЈаваСцрипт

632
00:28:04,630 --> 00:28:08,480
при чему могу да имам шта је
назива анонимни функција.

633
00:28:08,480 --> 00:28:14,150
Тако испада да ако ја зовем
доцумент.гетЕлементБиИд од 'Демо'

634
00:28:14,150 --> 00:28:18,890
то је као да ми показивач на
Овај чвор у мом дрвету, облик елемента,

635
00:28:18,890 --> 00:28:20,100
такорећи.

636
00:28:20,100 --> 00:28:22,220
>> Сада, ја само знам од
знајући мало ХТМЛ

637
00:28:22,220 --> 00:28:26,330
Сада имамо прочитам неке мрежи
референца, да је облик елемента подржава

638
00:28:26,330 --> 00:28:29,950
гомила догађаја у листенерс--
Другим речима, листа веш догађаја

639
00:28:29,950 --> 00:28:31,700
слушаоци које смо видели малопре.

640
00:28:31,700 --> 00:28:35,950
Знам читајући документацију
да онсубмит је валидан догађај

641
00:28:35,950 --> 00:28:38,520
слушалац за форме елемент.

642
00:28:38,520 --> 00:28:41,480
>> Дакле, када ја то знам,
то је сигурно за мене да радим

643
00:28:41,480 --> 00:28:45,390
фолловинг-- добити тај чвор
од дрвета, облик елемента,

644
00:28:45,390 --> 00:28:48,070
и приступи његова такозвана
онсубмит имовине.

645
00:28:48,070 --> 00:28:49,880
Дакле, тачка само значи
ово је имовина,

646
00:28:49,880 --> 00:28:52,180
као посебне вредности унутар ње.

647
00:28:52,180 --> 00:28:55,590
И шта тип података а
доделе, по свему судећи,

648
00:28:55,590 --> 00:28:58,900
на онсубмит, што је
ефикасно променљива у

649
00:28:58,900 --> 00:29:01,010
тог чвора у стаблу?

650
00:29:01,010 --> 00:29:04,100
То је поље унутар тог струцт.

651
00:29:04,100 --> 00:29:05,810
Шта је тип података?

652
00:29:05,810 --> 00:29:07,030
>> Функција, да.

653
00:29:07,030 --> 00:29:08,607
Тако испада да ПХП има ово.

654
00:29:08,607 --> 00:29:10,440
И иако смо
није вам кажем о томе,

655
00:29:10,440 --> 00:29:16,240
Ц такође има функцију савете, и
Способност да прође и доделите функције

656
00:29:16,240 --> 00:29:18,330
као самих вредности променљивих.

657
00:29:18,330 --> 00:29:20,280
И нећемо
регреса назад у Ц.

658
00:29:20,280 --> 00:29:23,250
Али за сада, испада да
Са десне стране овде,

659
00:29:23,250 --> 00:29:26,260
иако изгледа мало
Функи, то значи, хеј претраживач,

660
00:29:26,260 --> 00:29:27,550
дај ми неку функцију.

661
00:29:27,550 --> 00:29:30,560
Нећу ни да смета давање
то име зато што сам буквално сам

662
00:29:30,560 --> 00:29:34,450
ће доделити назовимо то
адреса ове функције

663
00:29:34,450 --> 00:29:35,994
одмах онсубмит.

664
00:29:35,994 --> 00:29:39,160
Другим речима, претраживача, не морате
да знам шта ова функција се зове.

665
00:29:39,160 --> 00:29:41,890
Само треба да знате
где је у меморији.

666
00:29:41,890 --> 00:29:44,210
И тако је довољно само да
има ли знак једнакости

667
00:29:44,210 --> 00:29:48,240
и не смета давање имена ово, као
Фоо или поздраве или било који други реч.

668
00:29:48,240 --> 00:29:50,150
А сада ово је само стилска ствар.

669
00:29:50,150 --> 00:29:53,100
Могао бих да се овај коврџаву браце
на у-- је-- следећи ред

670
00:29:53,100 --> 00:29:54,750
као што обично радимо ЦС50.

671
00:29:54,750 --> 00:29:57,550
Али у ЈаваСцрипт, то је
заправо заједнички стилски

672
00:29:57,550 --> 00:30:00,450
само да задржи коврџаву стезник је
Први, на тој првој линији.

673
00:30:00,450 --> 00:30:02,620
>> Али у даљем тексту, ту је
ништа занимљиво.

674
00:30:02,620 --> 00:30:05,830
То отворена коврџава заграда само
разграничава почетак мог функције.

675
00:30:05,830 --> 00:30:09,320
Функција је сада
идентични, осим имам

676
00:30:09,320 --> 00:30:11,452
укључују ретурн фалсе
унутар ове функције.

677
00:30:11,452 --> 00:30:13,160
Зато што се окреће оут--
а ви само би

678
00:30:13,160 --> 00:30:14,980
знам из читања
доцументатион--

679
00:30:14,980 --> 00:30:19,740
да ако функцију коју сте доделили
да тхе онсубмит руковалац враћа фалсе,

680
00:30:19,740 --> 00:30:23,420
претраживач једноставно зна и да је сагласан
не поднесу пријаву на сервер.

681
00:30:23,420 --> 00:30:27,210
Ако се врати истина, она ће доставити
је на сервер из разлога Видећемо

682
00:30:27,210 --> 00:30:28,700
су корисни за тренутак.

683
00:30:28,700 --> 00:30:31,000
>> И онда је зарез после
таласасту Браце ту само

684
00:30:31,000 --> 00:30:32,541
значи да сам са дефинисањем функцију.

685
00:30:32,541 --> 00:30:36,600
Знаш шта да чим позове
као што чујете аргументе.

686
00:30:36,600 --> 00:30:37,100
У реду.

687
00:30:37,100 --> 00:30:40,650
Ово је још увек дискутабилно некако ружно.

688
00:30:40,650 --> 00:30:42,190
Дакле, шта више да радимо?

689
00:30:42,190 --> 00:30:45,000
>> Па, испоставило се тада у
верзије два, што је ласт--

690
00:30:45,000 --> 00:30:46,780
и ми ћемо само поглед на ово.

691
00:30:46,780 --> 00:30:49,850
На ризик да
је ружнији, испоставља се

692
00:30:49,850 --> 00:30:52,160
да постоји библиотека у
свет зове јКуери.

693
00:30:52,160 --> 00:30:54,900
И јКуери је супер
популаран ЈаваСцрипт библиотека

694
00:30:54,900 --> 00:30:57,930
То је толико популаран да је већина
било ЈаваСцрипт-- није

695
00:30:57,930 --> 00:31:00,540
неуобичајено да људи збунити
јКуери витх ЈаваСцрипт.

696
00:31:00,540 --> 00:31:01,070
Zašto?

697
00:31:01,070 --> 00:31:04,990
Сам ЈаваСкрипт да има веома
Вербосе начина да се то ствари--

698
00:31:04,990 --> 00:31:07,820
доцумент.гетЕлементБиИд, дададададада.

699
00:31:07,820 --> 00:31:10,510
Ви завршити са веома
дуге линије кода.

700
00:31:10,510 --> 00:31:15,550
>> Дакле, момак по имену Јован Решид,
ко заправо ради за покретање

701
00:31:15,550 --> 00:31:18,630
до ових дана, изашао
са овим библиотеке година

702
00:31:18,630 --> 00:31:22,070
Пре да су многи људи допринели
да се зове јКуери која мења

703
00:31:22,070 --> 00:31:23,449
Синтакса на следећи начин.

704
00:31:23,449 --> 00:31:25,740
И само да сте видели ово,
јер сте увек ћу

705
00:31:25,740 --> 00:31:28,140
види ово ако радиш
веб-басед завршни рад,

706
00:31:28,140 --> 00:31:33,270
ово би био еквивалент начин
спровођење ту исту функцију користећи

707
00:31:33,270 --> 00:31:34,630
ово специјално библиотека.

708
00:31:34,630 --> 00:31:36,680
>> Сада, уместо теасе
да, осим у целини,

709
00:31:36,680 --> 00:31:38,520
хајде да погледамо неке обрасце.

710
00:31:38,520 --> 00:31:44,850
Ова синтакса изгледа да има
колико анонимни функције

711
00:31:44,850 --> 00:31:49,584
или безимених функције
или АКА ламбда функције?

712
00:31:49,584 --> 00:31:50,190
Два, зар не?

713
00:31:50,190 --> 00:31:52,690
А ви знате да, чак и ако
ниси Супер удобан са овим,

714
00:31:52,690 --> 00:31:55,780
само због чињенице да је
каже функција () два пута.

715
00:31:55,780 --> 00:31:58,172
>> И испада да
шта је ово код је доинг--

716
00:31:58,172 --> 00:32:01,255
и ми ћемо се односе на онлајн референце,
на крају, из неког помоћи.

717
00:32:01,255 --> 00:32:04,480
То само значи да када
Документ је спреман,

718
00:32:04,480 --> 00:32:07,490
само напред и регистровати
следећа функција

719
00:32:07,490 --> 00:32:12,064
као подноси руковалац за ХТМЛ
Елемент чија је јединствена идеја је протест.

720
00:32:12,064 --> 00:32:14,480
А онда, кад се то догоди,
Те две линије кода.

721
00:32:14,480 --> 00:32:18,677
И ово је, трагично, Више
опсирније начин да се каже ретурн фалсе.

722
00:32:18,677 --> 00:32:21,510
И ми то споменуо само зато
видећете код попут овог онлине.

723
00:32:21,510 --> 00:32:23,140
И то није ништа да се Преплаłена.

724
00:32:23,140 --> 00:32:26,057
Али радије, имајте на уму да оно што је
ће бити уобичајен у ЈаваСцрипт

725
00:32:26,057 --> 00:32:26,765
је ова парадигма.

726
00:32:26,765 --> 00:32:29,510
И то је разлог зашто смо га показати за сада.

727
00:32:29,510 --> 00:32:30,010
У реду.

728
00:32:30,010 --> 00:32:32,730
Дакле, без стана превише
много на том синтаксе,

729
00:32:32,730 --> 00:32:37,800
се постоје питања о
Ови примери или идеје до сада?

730
00:32:37,800 --> 00:32:38,300
У реду.

731
00:32:38,300 --> 00:32:40,220
Дакле, хајде да користимо ово за нешто корисно.

732
00:32:40,220 --> 00:32:47,070
Израда веб страницу која само каже здраво,
тако и тако није толико интересантно,

733
00:32:47,070 --> 00:32:47,830
не да ундервхелм.

734
00:32:47,830 --> 00:32:51,038
Овај неће да буде леп,
али ће да уради нешто корисно.

735
00:32:51,038 --> 00:32:56,350
Дозволите ми да се вратим у директоријум
овде и отвори, рецимо, облик-0.хтмл.

736
00:32:56,350 --> 00:32:59,320
>> Дакле, претпостављам да је ово бруцош
Интрамурал- спорт страна регистрација

737
00:32:59,320 --> 00:33:01,780
без ЦСС или било ком смислу дизајна.

738
00:33:01,780 --> 00:33:05,404
И желим да идем напред и
региструјте овде са лозинком.

739
00:33:05,404 --> 00:33:08,320
И ја ћу се слажете са условима
и услови и кликните на Регистер.

740
00:33:08,320 --> 00:33:11,700
А сада је сајт каже: "Ви сте
регистрован! (Па, не баш.) "

741
00:33:11,700 --> 00:33:15,070
То изгледа као да ради, али
пусти ме само напред и натерати релоад.

742
00:33:15,070 --> 00:33:18,720
>> И да вам кажем, не, не
Треба ми мој стварни емаил адресу.

743
00:33:18,720 --> 00:33:21,820
Или можда ћемо само рећи пошту тамо.

744
00:33:21,820 --> 00:33:25,080
Лозинка ће бити, као, 12345.

745
00:33:25,080 --> 00:33:28,810
А онда, само зато што сам
идиот, сада је 123456789.

746
00:33:28,810 --> 00:33:31,150
И не идем да проверим своју кутију.

747
00:33:31,150 --> 00:33:31,850
>> Хмм.

748
00:33:31,850 --> 00:33:32,350
У реду.

749
00:33:32,350 --> 00:33:34,920
Дакле, постоји неколико могућности
за побољшање овде.

750
00:33:34,920 --> 00:33:39,070
И знате, или ће видети у псет
седам, да можете писати цоде--

751
00:33:39,070 --> 00:33:41,890
а ви ћете морати да пишете
код у ПХП-- да брани

752
00:33:41,890 --> 00:33:45,780
против ове врсте корисника
Грешке због тога што је корисник јасно

753
00:33:45,780 --> 00:33:46,790
није сарађивао.

754
00:33:46,790 --> 00:33:49,680
И он или она није дао све
вредности сте хтели или чак у формату

755
00:33:49,680 --> 00:33:50,630
да сте их хтели.

756
00:33:50,630 --> 00:33:53,250
Тако ћете видети у псет седам који
сигурно могли да имају неке

757
00:33:53,250 --> 00:33:55,680
ако услова који кажу
Ако е-маил адресу

758
00:33:55,680 --> 00:33:59,450
није усернаме@сометхинг.еду,
Могли би смо да

759
00:33:59,450 --> 00:34:02,575
кажу жао и извињавам кориснику
много, као да би могло бити у псет седам.

760
00:34:02,575 --> 00:34:05,700
Или, ако нису проверили ту кутију,
Испада у ПХП-у, можете открити да,

761
00:34:05,700 --> 00:34:06,200
превише.

762
00:34:06,200 --> 00:34:09,389
И свакако ако лозинки
не поклапају као у регистер.пхп

763
00:34:09,389 --> 00:34:11,521
за псет седам, можете открити то.

764
00:34:11,521 --> 00:34:13,770
Али то је бол у
врат у томе сада траже

765
00:34:13,770 --> 00:34:15,510
да иде скроз на сервер.

766
00:34:15,510 --> 00:34:17,053
Корисник је обавештен о грешци.

767
00:34:17,053 --> 00:34:19,219
И најмање осим ако користите
неки одгајивач технике,

768
00:34:19,219 --> 00:34:20,929
Сада морају да кликните на стрелицу назад.

769
00:34:20,929 --> 00:34:23,300
Зар не би било лепо, као
много сајтова данас,

770
00:34:23,300 --> 00:34:26,190
ако сте имали више непосредан
повратне информације, одмах?

771
00:34:26,190 --> 00:34:31,389
>> Другим речима, пусти ме на верзију
један, који ће бити лепша.

772
00:34:31,389 --> 00:34:33,469
Али она има ову функцију.

773
00:34:33,469 --> 00:34:39,590
Малан, 12345, 123456789, не
да провери кутију, региструјте.

774
00:34:39,590 --> 00:34:41,330
Лозинке се не поклапају.

775
00:34:41,330 --> 00:34:44,459
Дакле, иако је овај поп-уп је угли--
можемо заменити то на крају

776
00:34:44,459 --> 00:34:47,000
са нечим као што је боотстрап,
што ћете видети у седам псет

777
00:34:47,000 --> 00:34:50,239
је веома популаран либрари-- сам
открију да су лозинке не поклапају.

778
00:34:50,239 --> 00:34:50,739
У реду.

779
00:34:50,739 --> 00:34:52,530
Па, дозволите ми да средим као корисник.

780
00:34:52,530 --> 00:34:55,460
Пусти ме само напред и кажу 12345, 12345.

781
00:34:55,460 --> 00:34:57,780
Још увек не проверава споразум.

782
00:34:57,780 --> 00:35:00,210
Морате се сложити до
Услови.

783
00:35:00,210 --> 00:35:01,760
Па зашто?

784
00:35:01,760 --> 00:35:04,100
>> Ако смо већ образложио
да постоји начин,

785
00:35:04,100 --> 00:35:07,260
а ми смо вам потребни у
псет седам до откривања грешке

786
00:35:07,260 --> 00:35:09,780
Услови лике тхис
Сервер-сиде, зашто бих ја

787
00:35:09,780 --> 00:35:13,940
мучити се то уради у ЈаваСцрипт?

788
00:35:13,940 --> 00:35:15,850
Шта је то аргумент у
корист додавања оно

789
00:35:15,850 --> 00:35:18,760
ћеш да видиш како неке--
постоји додатни сложеност.

790
00:35:18,760 --> 00:35:23,610

791
00:35:23,610 --> 00:35:25,930
>> Можда нема наопако.

792
00:35:25,930 --> 00:35:26,924
Шта би то могло бити?

793
00:35:26,924 --> 00:35:27,840
ПУБЛИКА: [неразумљиво].

794
00:35:27,840 --> 00:35:31,132

795
00:35:31,132 --> 00:35:32,340
Давид Малан: О, интересантно.

796
00:35:32,340 --> 00:35:33,530
Потенцијални нападе.

797
00:35:33,530 --> 00:35:37,540
Па наравно, ако нисте руковање
погрешна улаз корисник који одлично,

798
00:35:37,540 --> 00:35:40,170
можда је све боље ако њега
чак и не достигне свој сервер.

799
00:35:40,170 --> 00:35:42,160
Ја бих гурнути тамо и
рецимо, вероватно би

800
00:35:42,160 --> 00:35:43,284
фик оба ова проблема.

801
00:35:43,284 --> 00:35:44,140
Али то је фер.

802
00:35:44,140 --> 00:35:44,710
Шта даље?

803
00:35:44,710 --> 00:35:45,626
>> ПУБЛИКА: [неразумљиво].

804
00:35:45,626 --> 00:35:47,970

805
00:35:47,970 --> 00:35:49,014
>> Давид Малан: Да.

806
00:35:49,014 --> 00:35:51,680
Овај код, као што смо раније рекли, је
тумачити на страни клијента.

807
00:35:51,680 --> 00:35:53,846
То не смета сервер,
што значи да не

808
00:35:53,846 --> 00:35:55,930
ударно оптерећење или је капацитет сервера.

809
00:35:55,930 --> 00:35:59,840
А сада, за младу мене,
ово нема стварне ефекте

810
00:35:59,840 --> 00:36:01,970
јер имам један корисник сада.

811
00:36:01,970 --> 00:36:04,010
>> Али ако сте било
сајт пристојног величине,

812
00:36:04,010 --> 00:36:07,400
Посебно је највећи, као што су Фацебоок,
више можете задржати људе

813
00:36:07,400 --> 00:36:09,927
вашег сервера бољи
јер је сервера, наравно,

814
00:36:09,927 --> 00:36:12,510
има само коначан износ РАМ,
коначан број гигахерца,

815
00:36:12,510 --> 00:36:16,340
коначан број ствари
то може да уради по јединици времена.

816
00:36:16,340 --> 00:36:19,170
Дакле, ако има више људи у
свет удара свој сервер,

817
00:36:19,170 --> 00:36:21,750
случајно логовања
погрешно, баш као и ако

818
00:36:21,750 --> 00:36:23,254
може задржати тај терет са свог сервера.

819
00:36:23,254 --> 00:36:25,420
Осим тога, посебно на мобилном
девице-- Ако сте икада

820
00:36:25,420 --> 00:36:29,190
лог у ми.харвард или
Иале је нетид или слично,

821
00:36:29,190 --> 00:36:32,330
ту је ово кашњење са пуно
сајтови као да при чему је потребно,

822
00:36:32,330 --> 00:36:34,110
као, проклето секунд или два, понекад.

823
00:36:34,110 --> 00:36:37,979
А онда, мој Боже, ако погрешите у куцању,
онда морате да се вратите удари и поновите га.

824
00:36:37,979 --> 00:36:40,520
Дакле, постоји кашњење, посебно
на споријим мрежне конекције.

825
00:36:40,520 --> 00:36:43,030
Али ЈаваСкрипт јер
она ради на клијенту

826
00:36:43,030 --> 00:36:46,720
и не треба да идемо напред и назад
преко потенцијално спори интернет

827
00:36:46,720 --> 00:36:49,780
веза, можете добити
скоро тренутна повратне информације.

828
00:36:49,780 --> 00:36:50,760
>> Дакле, хајде да погледамо ово.

829
00:36:50,760 --> 00:36:54,280
Дозволите ми да отворим облик-0 и
погледај ХТМЛ код.

830
00:36:54,280 --> 00:36:56,040
И хајде да видимо шта се дешава.

831
00:36:56,040 --> 00:36:59,460
Ово је облик чија је
акција је регистер.пхп.

832
00:36:59,460 --> 00:37:01,530
Ја само користим толико
да сам могао да видим УРЛ.

833
00:37:01,530 --> 00:37:05,030
Али за лозинке, ми ћемо сигурно би хтео
да се то промени да поставите у стварности.

834
00:37:05,030 --> 00:37:06,910
Ево унос поље типа текста.

835
00:37:06,910 --> 00:37:09,050
Ево још једног улаза
поље типа лозинке.

836
00:37:09,050 --> 00:37:13,150
Овде је, ако никада нисте видели,
улазни типа потврду.

837
00:37:13,150 --> 00:37:15,250
>> Али нема ЈаваСкрипт
овде уопште.

838
00:37:15,250 --> 00:37:18,170
Ово је само ХТМЛ који
иде у регистер.пхп.

839
00:37:18,170 --> 00:37:21,020
Али у верзији једном, где сам
почео да се оне поп-уп,

840
00:37:21,020 --> 00:37:23,010
хајде да видимо шта се заправо дешава овде.

841
00:37:23,010 --> 00:37:26,757
У верзији једном, оно
Идем да видим-- И

842
00:37:26,757 --> 00:37:29,340
Мислио сам да могу да успори довољно
са довољно речима, али ми је понестало.

843
00:37:29,340 --> 00:37:35,180

844
00:37:35,180 --> 00:37:38,590
>> У верзији једног-- тамо идемо.

845
00:37:38,590 --> 00:37:43,180
У верзији једном, приметити да фолловинг--
и није најбоља реализација,

846
00:37:43,180 --> 00:37:44,420
али то је мој први.

847
00:37:44,420 --> 00:37:47,680
Обратите пажњу да испод
облик, имам скрипт таг.

848
00:37:47,680 --> 00:37:49,430
И скрипта ознака значи,
хеј, претраживач, овде

849
00:37:49,430 --> 00:37:52,340
долази неки код у,
обично, ЈаваСцрипт-а.

850
00:37:52,340 --> 00:37:54,420
А сада, погледајте шта радим.

851
00:37:54,420 --> 00:37:59,070
На лине-- Једва
прочитајте то-- Лине 32, каже,

852
00:37:59,070 --> 00:38:01,420
вар па форм-- ми
променљиви зове форма.

853
00:38:01,420 --> 00:38:05,049
И онда се доцумент.гетЕлементИд
од "регистрације".

854
00:38:05,049 --> 00:38:05,590
Шта је ово?

855
00:38:05,590 --> 00:38:07,290
Па, дозволите ми ревинд овде.

856
00:38:07,290 --> 00:38:11,510
И запазите, Ах, дао сам форму елемент
произвољна, али описно идеја

857
00:38:11,510 --> 00:38:13,050
регистрације.

858
00:38:13,050 --> 00:38:16,820
Дакле, ово ми даје променљиву која
омогућава да узмем тај чвор,

859
00:38:16,820 --> 00:38:19,580
да правоугаоник на дрвету зове форму.

860
00:38:19,580 --> 00:38:24,460
форм.онсубмит средства, хеј претраживач,
региструјте догађај слушаоца

861
00:38:24,460 --> 00:38:25,470
на овом обрасцу.

862
00:38:25,470 --> 00:38:28,890
Другим речима, када је овај вид
доставила извршите следећу кода.

863
00:38:28,890 --> 00:38:30,810
То не треба име, јер
Зашто треба да знате име?

864
00:38:30,810 --> 00:38:32,880
Само треба да знате
Шта да изврши, Ерго

865
00:38:32,880 --> 00:38:35,610
то је анонимно или ламбда функције.

866
00:38:35,610 --> 00:38:37,632
И то је функција
све ове линије овде.

867
00:38:37,632 --> 00:38:40,840
А сада, да будем искрен, иако вас
не би икада написаних ЈаваСцрипт

868
00:38:40,840 --> 00:38:44,200
пре, то је само Ц и ПХП-логика.

869
00:38:44,200 --> 00:38:51,720
Дакле, ако форм.емаил.валуе == "" -
па ако је поље е-маил је празно,

870
00:38:51,720 --> 00:38:54,980
викати на корисника са "Морате
пружи своју емаил адресу. "

871
00:38:54,980 --> 00:38:58,980
Иф форм.пассворд.валуе
је празно викати на корисника,

872
00:38:58,980 --> 00:39:00,400
"Ви мора да обезбеди своју лозинку."

873
00:39:00,400 --> 00:39:04,240
>> Више интересантно логично,
ако форм.пассворд.валуе не ради

874
00:39:04,240 --> 00:39:08,630
једнака форм.цонфирматион.валуе--
одакле долазе потврда?

875
00:39:08,630 --> 00:39:09,470
Пусти ме уназад.

876
00:39:09,470 --> 00:39:12,870
Па, звала сам ово улаз
поље овде лозинку.

877
00:39:12,870 --> 00:39:15,180
Назвала сам ову овде потврда.

878
00:39:15,180 --> 00:39:17,850
Могао сам то назвао
лозинка две или било шта друго.

879
00:39:17,850 --> 00:39:20,560
Ја само логично проверавам
да су двојица су исти.

880
00:39:20,560 --> 00:39:25,760
Елсе-- Испоставило се да је ово господин Бул
Поново: Боолеан вредност, кућицу.

881
00:39:25,760 --> 00:39:29,810
Дакле, ако ја кажем, узвик поента
ако не форм.агреемент.цхецкед,

882
00:39:29,810 --> 00:39:31,820
викати на корисника као добро.

883
00:39:31,820 --> 00:39:34,470
>> Дакле, ово синтакса видећете је
веома честе у ЈаваСцрипт,

884
00:39:34,470 --> 00:39:35,970
где имате ову тачкасту запис.

885
00:39:35,970 --> 00:39:37,460
Можете почети са објектом овде.

886
00:39:37,460 --> 00:39:41,430
Ви зарони дубље да бисте
својство као лозинку.

887
00:39:41,430 --> 00:39:43,280
А онда се на његове стварне вредности.

888
00:39:43,280 --> 00:39:45,830
И опет, овде је улаз.

889
00:39:45,830 --> 00:39:47,310
Овде је име лозинка.

890
00:39:47,310 --> 00:39:50,860
И њена вредност је без обзира на
људски је заправо откуца.

891
00:39:50,860 --> 00:39:53,610
>> Дакле, у свим овим
случајева, вратио сам се лажно.

892
00:39:53,610 --> 00:39:55,800
Али ако не, ја ретурн труе.

893
00:39:55,800 --> 00:39:58,030
И сада видимо
убедљив коришћење када

894
00:39:58,030 --> 00:40:00,620
би ретурн фалсе да
стоп оно што корисник ради

895
00:40:00,620 --> 00:40:03,200
и да га или њу изабрати
поново или куцати.

896
00:40:03,200 --> 00:40:05,870
У супротном, враћамо истина.

897
00:40:05,870 --> 00:40:08,585
>> И дозволите ми да представим један
друга варијанта ово само

898
00:40:08,585 --> 00:40:13,140
семена томе неко разумевање.

899
00:40:13,140 --> 00:40:16,850
Па, у верзији 2 овог, облик-2--
Ја ћу то са таласом руке.

900
00:40:16,850 --> 00:40:19,920
Ово је, за оне који радознали,
верзија јКуери,

901
00:40:19,920 --> 00:40:23,330
Они од вас који би да
површно у том библиотеци.

902
00:40:23,330 --> 00:40:25,145
Али хајде да старт-- и каквих питања?

903
00:40:25,145 --> 00:40:29,230
Дозволите ми паузу за тренутак, јер
то је било брзо и много.

904
00:40:29,230 --> 00:40:32,610
>> Али лепо ствар овде је да све
кода је прилично исто.

905
00:40:32,610 --> 00:40:33,985
Нова ствар је што је Дом?

906
00:40:33,985 --> 00:40:35,115
Које су то правоугаоника?

907
00:40:35,115 --> 00:40:35,990
Шта су ови чворови?

908
00:40:35,990 --> 00:40:37,540
Шта је анонимно функција?

909
00:40:37,540 --> 00:40:38,830
Шта је догађај трговине?

910
00:40:38,830 --> 00:40:43,480
Али срећом, већина то је само
пун круг од, рецимо, недељу нула.

911
00:40:43,480 --> 00:40:43,980
У реду.

912
00:40:43,980 --> 00:40:46,070
Дакле, нешто мало занимљивије?

913
00:40:46,070 --> 00:40:49,340
Па, пре свега, пусти ме
напред и отвори Гоогле Мапс.

914
00:40:49,340 --> 00:40:53,360
И ви ћете приметити то због
тренутак, на делићу секунде,

915
00:40:53,360 --> 00:40:55,930
приметити шта се дешава када
Кликнем довољно брзо.

916
00:40:55,930 --> 00:40:59,720
И та веза на Харварду је тако
брзо да заправо не примећују.

917
00:40:59,720 --> 00:41:04,469
Али шта врста некако видим
ако кликнем и ја врло брзо?

918
00:41:04,469 --> 00:41:07,010
Они од вас гледао на мрежи,
ако успорити то брзину 0,5к,

919
00:41:07,010 --> 00:41:09,640
можете видети боље.

920
00:41:09,640 --> 00:41:13,550
>> Шта је управо догађа
пре него што сам кликнуо и вукао?

921
00:41:13,550 --> 00:41:15,900
Дозволите ми да покушам овдје-- пусти ме да радим
нешто друго, као 90210.

922
00:41:15,900 --> 00:41:17,550
Идемо далеко.

923
00:41:17,550 --> 00:41:19,000
То је врло брзо, превише.

924
00:41:19,000 --> 00:41:22,460
Како Диснеи Ворлд?

925
00:41:22,460 --> 00:41:23,190
Ево га.

926
00:41:23,190 --> 00:41:23,690
ОК.

927
00:41:23,690 --> 00:41:26,030
Шта сте видели на делићу секунде?

928
00:41:26,030 --> 00:41:27,200
Само, као, трговима, зар не?

929
00:41:27,200 --> 00:41:28,930
Плејсхолдери за плочице?

930
00:41:28,930 --> 00:41:30,270
>> Па, шта се овде дешава?

931
00:41:30,270 --> 00:41:35,410
Гоогле Мапс је леп пример
ова технологија која се зове АЈАКС.

932
00:41:35,410 --> 00:41:38,510
И ово је место где ћемо почети да
користити ЈаваСцрипт у посебно

933
00:41:38,510 --> 00:41:39,277
привлачан начин.

934
00:41:39,277 --> 00:41:41,610
Назад у дан, било је
Овај сајт зове МапКуесту.

935
00:41:41,610 --> 00:41:44,120
И требало је узео
с тога из 1990-их,

936
00:41:44,120 --> 00:41:45,820
где ако желите да
погледај овде на карти,

937
00:41:45,820 --> 00:41:48,590
ти би буквално кликнете на стрелицу
горе у врху да вам показао

938
00:41:48,590 --> 00:41:49,870
другачији квадрат карте.

939
00:41:49,870 --> 00:41:51,790
Ако желите да мове лево, ти
кликнули стрелицу да сте показали

940
00:41:51,790 --> 00:41:53,210
другачији квадрат карте.

941
00:41:53,210 --> 00:41:54,840
А неки сајтови још увек ту и данас.

942
00:41:54,840 --> 00:41:57,820
Али чак и МапКуест је стечен
боље, као и Гоогле Мапс.

943
00:41:57,820 --> 00:42:01,880
>> Уместо тога, оно што је боље ово
дана је сајтова који користе АЈАКС.

944
00:42:01,880 --> 00:42:04,510
АЈАКС-- иначе познат као
Асинхрони ЈаваСцрипт и КСМЛ,

945
00:42:04,510 --> 00:42:08,370
што је само фенси начин да се каже
технологија или техника која

946
00:42:08,370 --> 00:42:14,200
омогућава бровсер користећи ЈаваСцрипт
да учине додатне ХТТП захтеве

947
00:42:14,200 --> 00:42:16,390
након што је страница учита.

948
00:42:16,390 --> 00:42:17,479
Дакле, шта то значи?

949
00:42:17,479 --> 00:42:19,270
Па, то би било лепо
од досадне у Гмаил

950
00:42:19,270 --> 00:42:21,103
ако сваки пут када хтели
Провери пошту,

951
00:42:21,103 --> 00:42:24,940
Ви сте буквално погодио Контрола-Р или
Командно-Р или кликните на дугме Релоад

952
00:42:24,940 --> 00:42:26,580
и цела проклето страна би релоад.

953
00:42:26,580 --> 00:42:26,800
Jel tako?

954
00:42:26,800 --> 00:42:28,460
То би фласх бела
Вероватно за секунду.

955
00:42:28,460 --> 00:42:30,043
Ти би видели прогресс бар глупо.

956
00:42:30,043 --> 00:42:33,170
И само да видим да ли имате нови
пошта, цео веб страница и УРЛ

957
00:42:33,170 --> 00:42:34,580
ви сте у ће морати да поново.

958
00:42:34,580 --> 00:42:35,960
>> Али то није оно што се дешава у Гмаил-у.

959
00:42:35,960 --> 00:42:36,459
Jel tako?

960
00:42:36,459 --> 00:42:40,300
Када добијете нову е-пошту у
Гмаил, шта се дешава на екрану?

961
00:42:40,300 --> 00:42:41,480
То само показује горе, зар не?

962
00:42:41,480 --> 00:42:44,280
Само магично појављује
као нови ред у табели.

963
00:42:44,280 --> 00:42:47,030
То заправо укључује
пристојан износ сложености.

964
00:42:47,030 --> 00:42:51,892
У ствари, ако размислите о овом дрвету,
који, иако је овде једноставна,

965
00:42:51,892 --> 00:42:54,100
Гмаил-- и ја бих да погледам
у коду да буде суре--

966
00:42:54,100 --> 00:42:58,710
Вероватно има ХТМЛ табелу или можда
Несређена листа да чини

967
00:42:58,710 --> 00:43:01,060
сваки од ваших Санд е-поште, као.

968
00:43:01,060 --> 00:43:04,050
>> И тако, ако замислите ово тамо
је дрво у меморији кад си

969
00:43:04,050 --> 00:43:09,050
користите Гмаил који изгледа некако некако
овако, када је Гоогле схвати, ох,

970
00:43:09,050 --> 00:43:12,770
имате нову е-пошту, не значи
Желим да обнови цело дрво.

971
00:43:12,770 --> 00:43:16,430
Уместо тога, она жели да пронађе чвор у
дрво које представља ваш инбок

972
00:43:16,430 --> 00:43:18,580
и само убаците нови чвор.

973
00:43:18,580 --> 00:43:24,640
>> Дакле, врло сличан псет пет, где си
је морао да убаците чворове у хеш табели,

974
00:43:24,640 --> 00:43:28,410
слично ради Гоогле преко
ЈаваСцрипт код да је написано,

975
00:43:28,410 --> 00:43:31,890
Траверсе овог дрвета, схватим где
је да пријем део прозора,

976
00:43:31,890 --> 00:43:33,440
а затим убаците нови ред.

977
00:43:33,440 --> 00:43:37,460
А нови ред само једну значи
или више нових чворова у дрвету.

978
00:43:37,460 --> 00:43:41,340
>> И тако АЈАКС је ова техника
који омогућава управо то.

979
00:43:41,340 --> 00:43:44,440
Када сте посетили УРЛ,
Међутим луди дуго је,

980
00:43:44,440 --> 00:43:46,472
а када страница има
био напуњен, још увек можете

981
00:43:46,472 --> 00:43:48,430
зграби више података од
интернет-- да ли је

982
00:43:48,430 --> 00:43:52,460
е-маил или плочица од мап--
зграби га иза кулиса

983
00:43:52,460 --> 00:43:55,290
а затим га убаците у страницу
тако да људски не баш

984
00:43:55,290 --> 00:43:56,910
морати да сачека за то.

985
00:43:56,910 --> 00:43:58,980
>> Фацебоок Мессенгер функционише на исти начин.

986
00:43:58,980 --> 00:44:01,562
Било који број осталих вебситес--
Ох, у ствари, чак и овај.

987
00:44:01,562 --> 00:44:04,270
Мислим, ово је, искрено, некако
досадни имају ових дана.

988
00:44:04,270 --> 00:44:07,500
Ако почнем потрази за цатс-- ово
је нека врста страшног корисничко искуство.

989
00:44:07,500 --> 00:44:08,990
Само почне у потрази за мене.

990
00:44:08,990 --> 00:44:10,050
Па шта то ради?

991
00:44:10,050 --> 00:44:12,920
УРЛ није промијенио
од кад сам почео куцање.

992
00:44:12,920 --> 00:44:17,330
Али шта се дешава преко пута
вире-- реду, хм занимљиво.

993
00:44:17,330 --> 00:44:20,470
Шта се дешава преко пута
жица овде постаје чудније.

994
00:44:20,470 --> 00:44:21,090
>> ОК.

995
00:44:21,090 --> 00:44:24,670
Па нека ми само напред и инспекцију
елемент и идите на картицу Нетворк

996
00:44:24,670 --> 00:44:27,040
и покушати да ово
техничке и мање о мачкама.

997
00:44:27,040 --> 00:44:32,595
Као што сам тип, буквално, мачке
и-- шта се дешава

998
00:44:32,595 --> 00:44:37,710
пер-- Нећу да кликнете тога.

999
00:44:37,710 --> 00:44:38,210
У реду.

1000
00:44:38,210 --> 00:44:44,280
Дакле овде, шта се дешава сваки
Време куцам карактер, очигледно?

1001
00:44:44,280 --> 00:44:45,000
Као, низак ниво?

1002
00:44:45,000 --> 00:44:47,860
Шта се дешава са сваким од њих
знакове куцам на тастатури?

1003
00:44:47,860 --> 00:44:48,359
Да?

1004
00:44:48,359 --> 00:44:50,950
ПУБЛИКА: [неразумљиво].

1005
00:44:50,950 --> 00:44:52,340
>> Давид Малан: Управо тако.

1006
00:44:52,340 --> 00:44:55,600
Сваки од ових ликова је
Гоогле ће, један по један.

1007
00:44:55,600 --> 00:44:58,490
Они су градећи низ
на свом серверу који представља

1008
00:44:58,490 --> 00:44:59,936
све што сам до сада уписали у.

1009
00:44:59,936 --> 00:45:01,810
И сваки пут куцам
још један лик, они

1010
00:45:01,810 --> 00:45:04,530
користе њихове тајне сос од А
алгоритам за претрагу и схватити,

1011
00:45:04,530 --> 00:45:07,370
то мисли ову страницу цат
или ову страницу мачка или слично?

1012
00:45:07,370 --> 00:45:10,620
Дакле, у извесном смислу, она ми даје са
боље искуство у томе не знам ни

1013
00:45:10,620 --> 00:45:11,860
треба да заврши своју мисао.

1014
00:45:11,860 --> 00:45:14,440
И заиста, то је корисно
ствар, аутоцомплете уопште.

1015
00:45:14,440 --> 00:45:17,690
Ако њихови алгоритми су довољно добри
и ако ми претраге довољно очигледна,

1016
00:45:17,690 --> 00:45:19,300
Не морате да куцате целу реч.

1017
00:45:19,300 --> 00:45:22,110
Они ће ми рећи шта је
Ја сам се заправо у потрази за.

1018
00:45:22,110 --> 00:45:25,940
Дакле, оно што Гоогле назива Инстант
Претрага се само користи АЈАКС,

1019
00:45:25,940 --> 00:45:30,820
користи код који им омогућава да затражи
Додатни садржај преко веб бровсер

1020
00:45:30,820 --> 00:45:34,026
иза кулиса користећи ово
нови језик, ЈаваСкрипт.

1021
00:45:34,026 --> 00:45:35,400
Дакле, имамо пар минута.

1022
00:45:35,400 --> 00:45:37,710
И дозволите ми да позовем моју будди
Колтон на сцену,

1023
00:45:37,710 --> 00:45:40,090
јер је изгледало
посебно забавно последњи пут

1024
00:45:40,090 --> 00:45:42,290
да уведе технологију
да неки од вас

1025
00:45:42,290 --> 00:45:44,769
изразиле интерес
у за завршне пројекте.

1026
00:45:44,769 --> 00:45:47,310
Мислили смо да би било забавно да донесе
до волонтера, ипак, данас

1027
00:45:47,310 --> 00:45:50,074
да вам покажем додатак
ово што ти-- омогућава да,

1028
00:45:50,074 --> 00:45:50,990
Први пут сам видео ову руку.

1029
00:45:50,990 --> 00:45:52,900
Хајде горе.

1030
00:45:52,900 --> 00:45:53,560
Врло добро урађено.

1031
00:45:53,560 --> 00:45:55,035
Добар посао.

1032
00:45:55,035 --> 00:45:57,410
Идем да је овај пројекат на
екран за који тренутак.

1033
00:45:57,410 --> 00:45:58,150
Како се зовеш за све?

1034
00:45:58,150 --> 00:45:59,180
>> ЕФА: Ја сам Ефа.

1035
00:45:59,180 --> 00:45:59,410
>> Давид Малан: Етха?

1036
00:45:59,410 --> 00:45:59,785
>> ЕФА: ЕФА.

1037
00:45:59,785 --> 00:46:00,160
>> Давид Малан: ЕФА?

1038
00:46:00,160 --> 00:46:00,730
>> ЕФА: Да.

1039
00:46:00,730 --> 00:46:01,250
>> Давид Малан: Драго ми је да те видим.

1040
00:46:01,250 --> 00:46:01,600
У реду.

1041
00:46:01,600 --> 00:46:02,590
Дозволите ми да ово спремно.

1042
00:46:02,590 --> 00:46:04,423
Цоме он овер до
средњи са Колтоном овде.

1043
00:46:04,423 --> 00:46:07,050
Шта Колтон има у својим рукама
данас је даљински управљач.

1044
00:46:07,050 --> 00:46:10,440
Дакле, уместо да само стоје тамо у
тродимензионални свет гледа около

1045
00:46:10,440 --> 00:46:14,080
као Колтон учинио, сада могу Ефа
заправо шетају по иде горе,

1046
00:46:14,080 --> 00:46:16,689
доле, лево и десно као да је
Нинтендо или Ксбок контролер.

1047
00:46:16,689 --> 00:46:18,230
ЕФА: Идем да падне са бине.

1048
00:46:18,230 --> 00:46:20,500
Давид Малан: Хоћу
стајати отприлике овде.

1049
00:46:20,500 --> 00:46:21,991
Али то је ризик.

1050
00:46:21,991 --> 00:46:22,490
ОК.

1051
00:46:22,490 --> 00:46:25,690
Дакле, само напред и стави их на.

1052
00:46:25,690 --> 00:46:29,315
Пусти ме само напред и
пребаците на екрану овде.

1053
00:46:29,315 --> 00:46:30,670
Дозволите ми да дим светла.

1054
00:46:30,670 --> 00:46:32,780
И Колтон, пусти ме
долазе постоље поред тебе.

1055
00:46:32,780 --> 00:46:35,520
>> Да ли желите да објасним
са микрофоном шта радимо?

1056
00:46:35,520 --> 00:46:36,380
Изволи.

1057
00:46:36,380 --> 00:46:37,280
>> ЦОЛТОН: Наравно.

1058
00:46:37,280 --> 00:46:39,980
Дакле, сада смо
пунити Оцулус,

1059
00:46:39,980 --> 00:46:43,070
Претпостављам оператинг-- престало са пословањем
систем, али главни програм, где

1060
00:46:43,070 --> 00:46:46,630
можете да приступите свим играма и
апликације које се налазе у вашој библиотеци.

1061
00:46:46,630 --> 00:46:50,060
Тако сада, треба да стоји
додирните тоуцхпад да почне.

1062
00:46:50,060 --> 00:46:53,430
Тоуцхпад ће бити на
десна страна слушалица.

1063
00:46:53,430 --> 00:46:54,569
Дакле, само напред и тап--

1064
00:46:54,569 --> 00:46:55,110
ЕФА: Ох, човече.

1065
00:46:55,110 --> 00:46:56,443
Давид Малан: Да, изволи.

1066
00:46:56,443 --> 00:47:00,340

1067
00:47:00,340 --> 00:47:02,460
Квалитет Ефа се види
је много већи квалитет.

1068
00:47:02,460 --> 00:47:03,831
Ово је само Ви-Фи овде.

1069
00:47:03,831 --> 00:47:05,580
ЦОЛТОН: Па шта си ти
да желите да урадите

1070
00:47:05,580 --> 00:47:08,350
се гледају ка врху
десном делу екрана.

1071
00:47:08,350 --> 00:47:10,420
Да, то игра на веома горњем десном углу.

1072
00:47:10,420 --> 00:47:14,780
И онда када изаберете
да, додирните тоуцхпад поново.

1073
00:47:14,780 --> 00:47:17,010
Мислим да је Дреадхаллс.

1074
00:47:17,010 --> 00:47:20,820
А онда овде је у-- овде, да
да држим своје наочаре за вас.

1075
00:47:20,820 --> 00:47:24,420

1076
00:47:24,420 --> 00:47:25,790
>> Тако да сам му само дао контролер.

1077
00:47:25,790 --> 00:47:28,886
Дакле, сада може да контролише игру.

1078
00:47:28,886 --> 00:47:30,510
Он може кретати и такве ствари.

1079
00:47:30,510 --> 00:47:31,968
Зато само напред и гледати до врха.

1080
00:47:31,968 --> 00:47:33,640
Требало би да видите нову игру.

1081
00:47:33,640 --> 00:47:36,310
Дакле, само напред и то можете да урадите.

1082
00:47:36,310 --> 00:47:39,320
Сада, требало би бити у стању да контролишу
сами са контролером,

1083
00:47:39,320 --> 00:47:43,860
као и, чим
игра учитава овде.

1084
00:47:43,860 --> 00:47:46,356
То може бити помало застрашујуће.

1085
00:47:46,356 --> 00:47:47,300
>> ЕФА: Сад ми кажеш.

1086
00:47:47,300 --> 00:47:50,132
ОК.

1087
00:47:50,132 --> 00:47:51,080
>> ЦОЛТОН: У реду.

1088
00:47:51,080 --> 00:47:52,650
Дакле, потврђују да можете да се крећете.

1089
00:47:52,650 --> 00:47:52,750
ОК.

1090
00:47:52,750 --> 00:47:53,583
Можете се кретати.

1091
00:47:53,583 --> 00:47:54,300
Савршен.

1092
00:47:54,300 --> 00:47:56,470
Дакле, ако погледате доле, имате карту.

1093
00:47:56,470 --> 00:47:58,170
Карта вам показује где се налазите.

1094
00:47:58,170 --> 00:47:59,720
Можете погледати по соби.

1095
00:47:59,720 --> 00:48:01,440
Не мозе се потпуно окренути.

1096
00:48:01,440 --> 00:48:02,128
Да, баш тако.

1097
00:48:02,128 --> 00:48:02,627
Заокренути.

1098
00:48:02,627 --> 00:48:05,370

1099
00:48:05,370 --> 00:48:07,125
>> Дакле, погледај на лево.

1100
00:48:07,125 --> 00:48:09,875
Мислим да је то нешто што може
покупити на бурету у соби.

1101
00:48:09,875 --> 00:48:11,709
>> ЕФА: Како добити
мап ван пута?

1102
00:48:11,709 --> 00:48:12,375
ЦОЛТОН: Погледај горе.

1103
00:48:12,375 --> 00:48:12,980
Само погледај горе.

1104
00:48:12,980 --> 00:48:13,480
У реду.

1105
00:48:13,480 --> 00:48:13,765
Ето га.

1106
00:48:13,765 --> 00:48:15,181
Сада иди и само се окрени.

1107
00:48:15,181 --> 00:48:21,460

1108
00:48:21,460 --> 00:48:24,620
Зато погледајте даље са ваше леве стране.

1109
00:48:24,620 --> 00:48:25,530
Кееп мовинг лево.

1110
00:48:25,530 --> 00:48:26,960
Настави да тражиш лево.

1111
00:48:26,960 --> 00:48:27,541
Настави.

1112
00:48:27,541 --> 00:48:28,040
Да.

1113
00:48:28,040 --> 00:48:28,720
>> ЕФА: О, тако.

1114
00:48:28,720 --> 00:48:29,261
>> ЦОЛТОН: Да.

1115
00:48:29,261 --> 00:48:30,999
Валк према њој са контролером.

1116
00:48:30,999 --> 00:48:31,540
Ето га.

1117
00:48:31,540 --> 00:48:32,790
Сада треба да стоји покупи га.

1118
00:48:32,790 --> 00:48:33,360
Ето га.

1119
00:48:33,360 --> 00:48:34,290
Подићи.

1120
00:48:34,290 --> 00:48:35,550
У реду.

1121
00:48:35,550 --> 00:48:38,286
Сада, хајдемо из ове собе.

1122
00:48:38,286 --> 00:48:42,209
Само напред и хода до врата.

1123
00:48:42,209 --> 00:48:45,000
Дакле, ти ћеш холд-- пише
држите тастер да га отвориш на силу.

1124
00:48:45,000 --> 00:48:46,333
Дакле, само напред и држите дугме.

1125
00:48:46,333 --> 00:48:48,250
Да, присиљавање да отвори.

1126
00:48:48,250 --> 00:48:48,750
У реду.

1127
00:48:48,750 --> 00:48:49,410
Добар посао.

1128
00:48:49,410 --> 00:48:50,826
Сада смо излазио из собе.

1129
00:48:50,826 --> 00:48:56,970

1130
00:48:56,970 --> 00:49:01,366
Зато ћу да напустим остатак до
и да видим шта сте сазнали.

1131
00:49:01,366 --> 00:49:02,865
ЕФА: Нећу у мрачној соби.

1132
00:49:02,865 --> 00:49:07,315

1133
00:49:07,315 --> 00:49:07,815
Чек.

1134
00:49:07,815 --> 00:49:09,314
Сада морам да идем низ Дарк Халл?

1135
00:49:09,314 --> 00:49:10,785
У реду, ја ћу вратити [неразумљиво].

1136
00:49:10,785 --> 00:49:15,520

1137
00:49:15,520 --> 00:49:16,270
ЦОЛТОН: У реду.

1138
00:49:16,270 --> 00:49:17,560
Неки више ставки да покупи.

1139
00:49:17,560 --> 00:49:19,370
Изгледа да неким кованица.

1140
00:49:19,370 --> 00:49:22,242
То је брава избор.

1141
00:49:22,242 --> 00:49:24,200
Дакле, ако сте пронашли закључана
врата, можете користити то.

1142
00:49:24,200 --> 00:49:27,755

1143
00:49:27,755 --> 00:49:28,380
Da li si uplašen?

1144
00:49:28,380 --> 00:49:29,371
>> ЕФА: Не још.

1145
00:49:29,371 --> 00:49:29,871
ЦОЛТОН: У реду.

1146
00:49:29,871 --> 00:49:34,850

1147
00:49:34,850 --> 00:49:35,497
>> Претенд-- да.

1148
00:49:35,497 --> 00:49:37,330
Само замисли да си
заправо стоји тамо.

1149
00:49:37,330 --> 00:49:39,580
А ако окренете ароунд--
мораш да се навикнеш на то.

1150
00:49:39,580 --> 00:49:40,752
Али то има смисла.

1151
00:49:40,752 --> 00:49:43,960
Давид Малан: И док наставља да Ефа
плаи, јер смо могли да урадимо ово цео дан,

1152
00:49:43,960 --> 00:49:45,381
сви можемо да врховима прстију овде.

1153
00:49:45,381 --> 00:49:48,130
Али ми имамо два пара,
Ако желите да се и играти.

1154
00:49:48,130 --> 00:49:49,980
У супротном, ми ћемо видети
ти си следећи у среду.

1155
00:49:49,980 --> 00:49:51,354
Хвала нашем волонтера данас.

1156
00:49:51,354 --> 00:49:52,101
[АППЛАУСЕ]

1157
00:49:52,101 --> 00:49:54,506

1158
00:49:54,506 --> 00:49:57,392
>> [МУЗИКА - "СЕИНФЕЛД ТЕМА"]

1159
00:49:57,392 --> 00:49:58,222

1160
00:49:58,222 --> 00:50:00,180
СПЕАКЕР 1: Па, ја сам
стављајући нови ПЛ монтирати на.

1161
00:50:00,180 --> 00:50:01,800
Управо сам променио ОЛПФ--

1162
00:50:01,800 --> 00:50:03,980
>> Звучник 2: Па шта
тачно радиш?

1163
00:50:03,980 --> 00:50:07,063
>> СПЕАКЕР 1: Па, свако од тхесе--
овде, ја ћу вам показати једну овде.

1164
00:50:07,063 --> 00:50:08,690
Можете видети овде.

1165
00:50:08,690 --> 00:50:09,510
>> Спеакер 3: Мислим да сам добар са овим.

1166
00:50:09,510 --> 00:50:09,933
Хоћеш још?

1167
00:50:09,933 --> 00:50:11,325
>> СПЕАКЕР 4: Не, ја сам добро. [Неразумљиво].

1168
00:50:11,325 --> 00:50:12,200
>> Спеакер 3: Не, [неразумљиво].

1169
00:50:12,200 --> 00:50:12,700
Ево ти мало.

1170
00:50:12,700 --> 00:50:21,165

1171
00:50:21,165 --> 00:50:22,290
СПЕАКЕР 1: Другачије боје.

1172
00:50:22,290 --> 00:50:22,890
Звучник 2: У реду.

1173
00:50:22,890 --> 00:50:26,690
СПЕАКЕР 1: Па на крају то како
да ли је то подешава боју од--