1
00:00:00,000 --> 00:00:39,630

2
00:00:39,630 --> 00:00:41,880
DAVID J. Malan: Në rregull,
kështu që kjo këtu është krahu Myo

3
00:00:41,880 --> 00:00:44,450
band, disa prej të cilave ne
kanë për projektet CS50 përfundimtare.

4
00:00:44,450 --> 00:00:47,533
Dhe kjo ishte një demonstrim ne pritje
ju paraprakisht ku në thelb

5
00:00:47,533 --> 00:00:51,120
ky krahu mjaft i ngushtë band këtu
dëgjon për lëvizjet tuaja muskulare

6
00:00:51,120 --> 00:00:54,280
të cilat janë plotësisht pastaj në software
për laptop Colton-së mbi të cilat këtu

7
00:00:54,280 --> 00:00:57,230
kishte iTunes dhe se
Kënga tashmë queued lart.

8
00:00:57,230 --> 00:01:00,270
Në vend se me demoing këtë,
Colton ka qenë në laborator

9
00:01:00,270 --> 00:01:04,129
në mënyrë të qartë gjatë gjithë javës duke marrë një demonstratë
gati për një vullnetar të guximshëm.

10
00:01:04,129 --> 00:01:07,430
Nëse dikush do të donte për të ardhur
në up-- pa dorën tuaj të parë.

11
00:01:07,430 --> 00:01:09,540
Come on up.

12
00:01:09,540 --> 00:01:12,530
>> Dakord.

13
00:01:12,530 --> 00:01:13,886
Dhe çfarë është emri juaj?

14
00:01:13,886 --> 00:01:14,800
>> AUDIENCA: Uh, Maria.

15
00:01:14,800 --> 00:01:16,550
>> DAVID J. Malan: Maria, e bukur për të parë ty.

16
00:01:16,550 --> 00:01:17,310
Come on këtu.

17
00:01:17,310 --> 00:01:19,550
Më lejoni t'ju prezantoj me Colton.

18
00:01:19,550 --> 00:01:21,290
Colton, kjo është Maria.

19
00:01:21,290 --> 00:01:23,050
>> COLTON: Hi, nice to meet you.

20
00:01:23,050 --> 00:01:24,330
>> DAVID J. Malan: All
të drejtë, kështu që hap një, ne jemi

21
00:01:24,330 --> 00:01:26,204
do të keni vënë
kjo në të parakrah tuaj

22
00:01:26,204 --> 00:01:29,280
kështu që kjo është goxha
shtrënguar deri në afërsi bërryl tuaj.

23
00:01:29,280 --> 00:01:31,940
Dhe ndërkohë, le të kemi
vënë në Google Glass tonë

24
00:01:31,940 --> 00:01:33,720
dhe ne do të përzierje teknologjive sot.

25
00:01:33,720 --> 00:01:36,340
>> COLTON: Së pari, ne do të duhet të
lidh këtë në gjërat.

26
00:01:36,340 --> 00:01:37,170
>> DAVID J. Malan: OK.

27
00:01:37,170 --> 00:01:39,795
Në fakt, le të vënë krahun tuaj si
afër këtë kabëll të jetë e mundur

28
00:01:39,795 --> 00:01:41,160
kështu që kemi parë mund të sync atë.

29
00:01:41,160 --> 00:01:42,740
>> COLTON: Le ta bëjmë këtë.

30
00:01:42,740 --> 00:01:46,500
>> DAVID J. Malan: Dhe ndërkohë, kështu
që të gjithë mund të merrni një shikim më të ngushtë,

31
00:01:46,500 --> 00:01:50,290
ne do të hedh kamera Andrew
up në ekran atje.

32
00:01:50,290 --> 00:01:54,460
Pra, ne kemi një kabllo USB që është
u mbyllën në armband Marias.

33
00:01:54,460 --> 00:02:00,230
Dhe më lejoni të hedh ekran COLTON-së
deri në projektor tjetër.

34
00:02:00,230 --> 00:02:06,000
>> Pra Colton është duke regjistruar pajisje
tani si një Myo lidhur me këtë kabëll.

35
00:02:06,000 --> 00:02:08,060
Dhe tani çfarë Maria-së
do të bëjë një çast

36
00:02:08,060 --> 00:02:10,120
është në të vërtetë ecin nëpër
hapat kalibrimit

37
00:02:10,120 --> 00:02:12,830
dhe mësojnë software
si muskujt e saj përgjigjet

38
00:02:12,830 --> 00:02:16,070
kur ajo të bëjë të sigurt para-përcaktuar
lëviz se e kupton software.

39
00:02:16,070 --> 00:02:17,910
Nëse ju dëshironi të shkoni në
para të ekranit.

40
00:02:17,910 --> 00:02:26,840

41
00:02:26,840 --> 00:02:30,090
OK, të mbajtur duke u përpjekur.

42
00:02:30,090 --> 00:02:31,860
>> COLTON: Go si kjo.

43
00:02:31,860 --> 00:02:32,970
Dhe si kjo.

44
00:02:32,970 --> 00:02:34,563
Dhe të gjitha rrugën në të djathtë.

45
00:02:34,563 --> 00:02:35,922
Kthehu prapa.

46
00:02:35,922 --> 00:02:37,740
>> DAVID J. Malan: OK.

47
00:02:37,740 --> 00:02:38,960
Perspektiva të ndryshme.

48
00:02:38,960 --> 00:02:39,620
Kjo nuk është që ju.

49
00:02:39,620 --> 00:02:40,350
Kjo na është.

50
00:02:40,350 --> 00:02:41,749
>> MARIA: OK.

51
00:02:41,749 --> 00:02:42,540
DAVID J. Malan: Jo

52
00:02:42,540 --> 00:02:46,720

53
00:02:46,720 --> 00:02:51,540
Le të lëvizin atë më lart kështu që është e
afër bërryl tuaj, apo edhe më të forta.

54
00:02:51,540 --> 00:02:52,680
Dakord.

55
00:02:52,680 --> 00:02:53,270
>> Këtu ne do të shkojmë.

56
00:02:53,270 --> 00:02:56,780
Kjo do të jetë një kohë e mirë për CS52X.

57
00:02:56,780 --> 00:02:57,670
Nuk shkojmë.

58
00:02:57,670 --> 00:02:58,760
>> Very nice.

59
00:02:58,760 --> 00:03:01,170
OK.

60
00:03:01,170 --> 00:03:02,790
Thumb të Pinky.

61
00:03:02,790 --> 00:03:03,380
>> Very nice.

62
00:03:03,380 --> 00:03:05,140
Përhapjen gishtat.

63
00:03:05,140 --> 00:03:06,240
Të mirë.

64
00:03:06,240 --> 00:03:06,910
Valëvitur drejtë.

65
00:03:06,910 --> 00:03:15,052

66
00:03:15,052 --> 00:03:17,010
Është interesant që tregon
ju me hand-- majtë

67
00:03:17,010 --> 00:03:19,665
>> COLTON: Po, kjo është e pazakontë.

68
00:03:19,665 --> 00:03:21,790
DAVID J. Malan: Vala për
drejtë dhe të shkojë përpara.

69
00:03:21,790 --> 00:03:22,998
Fast përpara për të kaloni ose të ardhshëm.

70
00:03:22,998 --> 00:03:25,020
Kjo është e drejtë Vala OK.

71
00:03:25,020 --> 00:03:26,650
>> MARIA: I don't-- prisni.

72
00:03:26,650 --> 00:03:28,430
>> DAVID J. Malan: Nevojë për ndihmë?

73
00:03:28,430 --> 00:03:30,027
>> COLTON: Pra, ju jeni duke shkuar si kjo.

74
00:03:30,027 --> 00:03:31,860
MARIA: Është kthyer
gjë tjetër, edhe pse.

75
00:03:31,860 --> 00:03:32,390
COLTON: Kjo është.

76
00:03:32,390 --> 00:03:34,250
DAVID J. Malan: Po unë nuk e di
pse kjo është duke ju shfaqur një leftie.

77
00:03:34,250 --> 00:03:36,458
COLTON: Pse nuk try--
vetëm provoni duke shkuar si kjo.

78
00:03:36,458 --> 00:03:38,910

79
00:03:38,910 --> 00:03:40,090
>> DAVID J. Malan: Jo?

80
00:03:40,090 --> 00:03:42,580
Ndoshta arrijnë krahun tuaj
nga një drejte të vogël

81
00:03:42,580 --> 00:03:46,070
dhe të bëjë atë më të papritur si kjo.

82
00:03:46,070 --> 00:03:48,176
Po, OK, eja.

83
00:03:48,176 --> 00:03:49,670
>> MARIA: Unë jam i keq.

84
00:03:49,670 --> 00:03:51,170
DAVID J. Malan: Nuk është faji juaj.

85
00:03:51,170 --> 00:03:53,018
COLTON: Kjo është në rregull.

86
00:03:53,018 --> 00:03:55,430
DAVID J. Malan: All drejta.

87
00:03:55,430 --> 00:03:56,220
Well--

88
00:03:56,220 --> 00:03:57,620
>> MARIA: A duhet të kaloni këtë, atëherë?

89
00:03:57,620 --> 00:03:59,620
DAVID J. Malan: Po, le të
ju lejojnë off hook.

90
00:03:59,620 --> 00:04:03,130
Pra, nëse dikush do të donte për të bërë një
Projekti final duke përdorur këtë avantazh prerjes

91
00:04:03,130 --> 00:04:07,707
hardware, të kuptojë se mund vetëm
të marrë pak duke u përdorur për të.

92
00:04:07,707 --> 00:04:10,290
Dhe this-- realiteti është ky
është në të vërtetë shumë gjakderdhje buzë.

93
00:04:10,290 --> 00:04:12,040
>> Kjo është ajo që quhet
kit zhvilluesi i saj, i cili

94
00:04:12,040 --> 00:04:14,956
është menduar të jetë në thelb një para-release
në mënyrë që njerëzit mund të bëjnë pikërisht

95
00:04:14,956 --> 00:04:18,690
this-- luftojnë me të, figura
se si trupat e njerëzve punojnë

96
00:04:18,690 --> 00:04:19,980
me teknologjinë.

97
00:04:19,980 --> 00:04:21,750
Pra, nëse ju doni
më pas, pas ligjëratës,

98
00:04:21,750 --> 00:04:23,750
ne mund të ju lejojnë të vijnë dhe të
marrë një goditje me thikë në atë.

99
00:04:23,750 --> 00:04:26,970
Por ndryshe, një raund të duartrokitje, nëse
ne mund të, sepse Maria për të ardhur në dorë.

100
00:04:26,970 --> 00:04:28,770
>> MARIA: Ju faleminderit.

101
00:04:28,770 --> 00:04:30,390
>> DAVID J. Malan: Ju faleminderit.

102
00:04:30,390 --> 00:04:34,945
Ne do të ul receptorin e telefonit për në këtë, por ne do të japim
you-- si në lidhje me një top stresi këtu?

103
00:04:34,945 --> 00:04:38,620
Oh, and-- if-- yeah, thanks.

104
00:04:38,620 --> 00:04:39,715
Dakord.

105
00:04:39,715 --> 00:04:45,750
Kështu që për kurioz, nëse ju keni qenë
panjohur me zgjedhje të shëndoshë

106
00:04:45,750 --> 00:04:47,670
që kemi bërë atje
më parë, një TV mahnitshme

107
00:04:47,670 --> 00:04:50,210
tregojnë se ju duhet absolutisht
të jetë qejf-shikuar në Netflix

108
00:04:50,210 --> 00:04:51,110
është kjo këtu.

109
00:04:51,110 --> 00:04:54,472
>> Gjuha 1: Zonja dhe zotërinj,
një magjistar i quajtur Josh.

110
00:04:54,472 --> 00:05:04,710

111
00:05:04,710 --> 00:05:08,050
>> DAVID J. Malan: Dhe me sa duket, kjo është
një gjë për tekst më gjatë leksionit tani.

112
00:05:08,050 --> 00:05:11,190
Unë jam duke u thënë se Maria
kishte një ditëlindjen dje.

113
00:05:11,190 --> 00:05:14,095
Pra, happy birthday nga
CS50 me Maria si.

114
00:05:14,095 --> 00:05:18,720

115
00:05:18,720 --> 00:05:22,090
>> Kështu që ju mund të keni lexuar në muajin e fundit
se kjo zotërinj këtu, Steve

116
00:05:22,090 --> 00:05:25,260
Ballmer, i cili ishte në të vërtetë
klasë të 1977 në kolegj,

117
00:05:25,260 --> 00:05:27,170
në pension kohët e fundit për Microsoft.

118
00:05:27,170 --> 00:05:29,620
Ai ishte një universitare këtu,
pas nja dy vjet më vonë

119
00:05:29,620 --> 00:05:31,910
e gjeti veten në
Stanford Business School

120
00:05:31,910 --> 00:05:34,160
kur ai mori një telefon
telefononi nga një mik i cili tij

121
00:05:34,160 --> 00:05:36,516
kishte jetuar poshtë sallë
prej tij këtu në Harvard.

122
00:05:36,516 --> 00:05:38,640
Emri i atij mikut ishte Bill
Gates, dhe në atë kohë,

123
00:05:38,640 --> 00:05:42,700
ai ishte duke u përpjekur për të rekrutuar Steve të jetë
personi i parë të biznesit, me të vërtetë,

124
00:05:42,700 --> 00:05:45,720
në një kompani të vogël emrin Microsoft.

125
00:05:45,720 --> 00:05:48,960
>> Një histori të gjatë të shkurtër, Steve
u fitua në fund të fundit gjatë,

126
00:05:48,960 --> 00:05:52,130
u bashkua me Microsoft kur ata
kishte vetëm 30 të punësuar.

127
00:05:52,130 --> 00:05:54,300
Dhe nga koha që ai
në pension kohët e fundit,

128
00:05:54,300 --> 00:05:58,100
kompania kishte 100.000 të punësuar
gjatë viteve të fundit.

129
00:05:58,100 --> 00:06:01,171
Dhe kështu një website i njohur si prag
përgatitur këtë haraç në video

130
00:06:01,171 --> 00:06:02,920
që ne menduam se do të
të përbashkët që ju jep

131
00:06:02,920 --> 00:06:08,380
një ndjenjë të vetëm se sa shumë energji Steve
sjell në çdo prezantim që ai jep.

132
00:06:08,380 --> 00:06:11,884

133
00:06:11,884 --> 00:06:12,550
[VIDEO Playback]

134
00:06:12,550 --> 00:06:16,220
-Microsoft Është si një fëmijë të katërt.

135
00:06:16,220 --> 00:06:18,260
Fëmijët bëjnë të largohet nga shtëpia.

136
00:06:18,260 --> 00:06:21,875
Në këtë rast, unë mendoj
Unë jam duke e lënë shtëpinë.

137
00:06:21,875 --> 00:06:23,270
Hey Bill, whazzap?

138
00:06:23,270 --> 00:06:24,200
>> -Wazzap?

139
00:06:24,200 --> 00:06:25,320
>> -Hej, Wazzap?

140
00:06:25,320 --> 00:06:28,590
Ne kemi qenë të dhënë një
mundësi të mëdha.

141
00:06:28,590 --> 00:06:30,210
Dhe Bill na dha këtë mundësi.

142
00:06:30,210 --> 00:06:35,520

143
00:06:35,520 --> 00:06:36,770
Unë dua të falënderoj ligjin për këtë.

144
00:06:36,770 --> 00:06:39,630
Unë dua që ju të too.

145
00:06:39,630 --> 00:06:42,500
Ritmi i inovacionit
nuk do të ngadalësohet.

146
00:06:42,500 --> 00:06:45,140
>> Ajo do të merrni më të shpejtë dhe më të shpejtë.

147
00:06:45,140 --> 00:06:50,165
Nuk mund të jetë një konkurrentë pak
të cilat janë eliminuar për fat të keq!

148
00:06:50,165 --> 00:06:54,337

149
00:06:54,337 --> 00:06:59,564
>> I love this kompani.

150
00:06:59,564 --> 00:07:00,064
Po!

151
00:07:00,064 --> 00:07:03,452

152
00:07:03,452 --> 00:07:08,250
Unë jam një PC, dhe unë e dua këtë kompani!

153
00:07:08,250 --> 00:07:13,090
>> Zhvilluesit, zhvilluesit, zhvilluesit,
zhvilluesit, zhvilluesit, zhvilluesit,

154
00:07:13,090 --> 00:07:14,560
zhvilluesit, zhvilluesit.

155
00:07:14,560 --> 00:07:17,500

156
00:07:17,500 --> 00:07:18,970
Po!

157
00:07:18,970 --> 00:07:19,950
Hartuesit Web!

158
00:07:19,950 --> 00:07:21,420
>> Hartuesit Web!

159
00:07:21,420 --> 00:07:22,890
Hartuesit Web!

160
00:07:22,890 --> 00:07:25,830

161
00:07:25,830 --> 00:07:28,770
Dëgjoni se çfarë tjetër ju
merrni pa pagesë shtesë!

162
00:07:28,770 --> 00:07:31,960
>> Ekzekutiv MS-DOS, një takim
kalendar, një grumbull kartë, një bllok shënim,

163
00:07:31,960 --> 00:07:33,750
një orë, një panel kontrolli.

164
00:07:33,750 --> 00:07:35,461
Dhe, ju mund të besoni atë?

165
00:07:35,461 --> 00:07:35,960
Reversie!

166
00:07:35,960 --> 00:07:37,270
>> Djegë atyre të CD!

167
00:07:37,270 --> 00:07:38,660
Posto atyre të MSN!

168
00:07:38,660 --> 00:07:40,422
Ju postës atyre të miqve!

169
00:07:40,422 --> 00:07:41,790
>> Të gjitha me një klik!

170
00:07:41,790 --> 00:07:48,670
Një Microsoft, një strategji, një team--
fokusuar, të disiplinuar, profesionale,

171
00:07:48,670 --> 00:07:50,610
dhe ekspert në gjithçka që bëjmë.

172
00:07:50,610 --> 00:07:52,670
Më lejoni të përdor një vijë nga një film i vjetër.

173
00:07:52,670 --> 00:07:54,810
>> Marrëdhëniet janë si peshkaqenë.

174
00:07:54,810 --> 00:07:57,480
Ata lëvizin përpara ose ata vdesin.

175
00:07:57,480 --> 00:08:01,470
Unë në fakt mendoj teknologjisë
kompanitë janë të njëjta.

176
00:08:01,470 --> 00:08:04,801
>> [END VIDEO rishikim]

177
00:08:04,801 --> 00:08:08,050
DAVID J. Malan: Pra, ne jemi aq të kënaqur për
njoftuar se Steve do të bashkohen me ne

178
00:08:08,050 --> 00:08:13,320
këtu në CS50 të mërkurën e ardhshme në
vendin dhe kohën e zakonshme këtu.

179
00:08:13,320 --> 00:08:14,750
Hapësirë ​​do të ngjarë të jetë i kufizuar.

180
00:08:14,750 --> 00:08:19,650
Dhe në mënyrë që të bashkohen me ne në person, ju lutem
kreu sot, ose menjëherë pas kësaj

181
00:08:19,650 --> 00:08:22,600
për cs50.harvard.edu/register.

182
00:08:22,600 --> 00:08:25,780
>> Dhe ne do të ndjekim nga
E martë konfirmuar spote.

183
00:08:25,780 --> 00:08:29,900
Shikoni përpara për të se e ardhshëm
Të mërkurën gjatë leksionit në CS50.

184
00:08:29,900 --> 00:08:33,706
Tani, në lajme të tjera, I ka ndodhur të
vijnë të gjithë këtë në The Crimson vetëm

185
00:08:33,706 --> 00:08:34,289
ditë të tjera.

186
00:08:34,289 --> 00:08:37,370
>> Ajo rezulton se një prej stafit CS50-së
dhe të paktën një prej s nxënës CS50

187
00:08:37,370 --> 00:08:40,299
është aktualisht kandidon për UC
president dhe zëvendëspresident,

188
00:08:40,299 --> 00:08:42,950
e cila solli më mbrapa
në ditët e mia prapa

189
00:08:42,950 --> 00:08:45,920
kur kam humbur zgjedhjet UC fat.

190
00:08:45,920 --> 00:08:48,210
Por rreshtim argjendi
ne se eshte I gjithmonë

191
00:08:48,210 --> 00:08:50,604
tregoni histori është se
një nga I jam i sigurt

192
00:08:50,604 --> 00:08:52,770
shumë arsye kam humbur
zgjedhjeve ishte një mungesë të plotë

193
00:08:52,770 --> 00:08:54,103
një talent për të folurit publik.

194
00:08:54,103 --> 00:08:56,950
Dhe kështu krejt sinqerisht, atë
çuan mua, se përvoja

195
00:08:56,950 --> 00:09:02,235
Unë mendoj se viti im i vogël, që në fakt nënshkruajnë
për Harvard Shoqëria në kompjuter, i cili

196
00:09:02,235 --> 00:09:04,610
është grup mbi kompleksin se
mban bisedime të ndryshme teknike

197
00:09:04,610 --> 00:09:05,318
dhe gjëra të tjera.

198
00:09:05,318 --> 00:09:08,117
Dhe e mora përsipër mësimdhënien e tyre
seminare dhe për këtë arsye

199
00:09:08,117 --> 00:09:09,950
kishte një mundësi, një
mundësi e mrekullueshme,

200
00:09:09,950 --> 00:09:12,620
të fillojë të punojë në pikërisht këtë.

201
00:09:12,620 --> 00:09:15,000
Por gjithashtu, kam pasur një mundësi
Gjatë kësaj përvoje

202
00:09:15,000 --> 00:09:16,930
për të mësuar veten të gjitha më e HTML.

203
00:09:16,930 --> 00:09:21,080
Dhe kështu që unë zvarritur mbrëmë nga
duke kërkuar nëpërmjet internetit HTML bazuar

204
00:09:21,080 --> 00:09:28,066
I bërë në si vitin 1997, '98, për tim
Fushata e cila duket si ky këtu.

205
00:09:28,066 --> 00:09:29,920
Unë e di.

206
00:09:29,920 --> 00:09:33,340
>> Because-- dhe natyrisht, njoftimi
ky vendim mahnitshme dizajn në vitin 1998

207
00:09:33,340 --> 00:09:33,850
apo gjësend.

208
00:09:33,850 --> 00:09:36,475
Gjëja e parë që ju doni përdoruesit
për të bërë mbi të vizituar faqen tuaj te internetit

209
00:09:36,475 --> 00:09:39,860
është që të kemi të klikoni një lidhje tjetër vetëm
për të hyrë në faqen tuaj këtu me murg

210
00:09:39,860 --> 00:09:43,940
pas si një perde fshehur ku
duket Platforma ime fushatës ishte.

211
00:09:43,940 --> 00:09:46,330
Dhe kjo është e gjitha që ju do të merrni
sot është vetëm një screenshot.

212
00:09:46,330 --> 00:09:49,500
Por unë u lexuar me, si,
postera mia fushatës natën e kaluar

213
00:09:49,500 --> 00:09:50,490
dhe platformë e mia.

214
00:09:50,490 --> 00:09:52,960
>> Dhe unë isha aq i zemëruar në atë kohë.

215
00:09:52,960 --> 00:09:55,380
Platforma ime was-- ishte interesante.

216
00:09:55,380 --> 00:09:57,730
Kështu që unë e kam qetësuar që nga atëherë.

217
00:09:57,730 --> 00:10:03,550
Por një ditë, unë do të kandidojë përsëri dhe
shpresojmë se më mirë këtë kohë.

218
00:10:03,550 --> 00:10:07,265
>> Pra HTML, se gjuha në të cilën kam bërë
që in-- ju së shpejti do të bëjë more-- shumë

219
00:10:07,265 --> 00:10:09,140
është diçka që ne kemi qenë
duke folur në lidhje me kohët e fundit

220
00:10:09,140 --> 00:10:12,460
dhe kryesisht marrë për të dhënë tani
që ne kemi lëvizur për në gjuhë të tjera.

221
00:10:12,460 --> 00:10:15,650
Por le të ndalemi për një moment dhe të
vënë disa nga këto gjëra në kontekst.

222
00:10:15,650 --> 00:10:18,040
Pra, në një fjali, çfarë është HTML?

223
00:10:18,040 --> 00:10:19,370
>> Apo, ajo përdoret për të?

224
00:10:19,370 --> 00:10:20,208
Çdokush?

225
00:10:20,208 --> 00:10:20,708
Po.

226
00:10:20,708 --> 00:10:22,002
>> AUDIENCA: Markup për faqet e internetit.

227
00:10:22,002 --> 00:10:23,460
DAVID J. Malan: Markup për faqen.

228
00:10:23,460 --> 00:10:27,100
Pra, kjo është një gjuhë markup që
ju lejon të strukturojë një faqe web.

229
00:10:27,100 --> 00:10:30,040
Header shkon deri këtu, titulli
shkon këtu, trupi shkon këtu.

230
00:10:30,040 --> 00:10:33,280
Ky është shkrim me germa të zeza, kjo është
italics-- atë lloj detaje.

231
00:10:33,280 --> 00:10:33,830
>> OK, mirë.

232
00:10:33,830 --> 00:10:37,620
Pra, CSS lejon you-- dhe unë
mori disa liritë atje

233
00:10:37,620 --> 00:10:40,990
me guximshme-përballur dhe italik, sepse
që është zbatuar më mirë me këtë.

234
00:10:40,990 --> 00:10:42,096
CSS is-- çfarë?

235
00:10:42,096 --> 00:10:42,845
Thonë se në një fjali.

236
00:10:42,845 --> 00:10:46,000

237
00:10:46,000 --> 00:10:46,720
Çdokush në të gjitha.

238
00:10:46,720 --> 00:10:46,870
Po.

239
00:10:46,870 --> 00:10:49,286
>> Audienca: Embellishments dhe
sende, si se si për të hartuar atë.

240
00:10:49,286 --> 00:10:51,769

241
00:10:51,769 --> 00:10:52,810
DAVID J. Malan: OK, mirë.

242
00:10:52,810 --> 00:10:55,420
Embellishments që ju lejojnë
për të hartuar apo stilizoj atë

243
00:10:55,420 --> 00:10:59,540
me gjëra të tilla si shkrim me germa të zeza dhe
italics dhe ngjyrave dhe gjithashtu më të bukura

244
00:10:59,540 --> 00:11:01,330
Pozicionimi trashë i elementeve.

245
00:11:01,330 --> 00:11:04,520
Kjo lloj ju lejon të merrni gjërat e
milje e fundit në mënyrë që në qoftë se, për shembull,

246
00:11:04,520 --> 00:11:08,130
në Pset7, ju mund të keni vënë re në tuaj
Faqja e portofolit në qoftë se ju jeni në këtë moment

247
00:11:08,130 --> 00:11:12,270
tashmë se një tavolinë parazgjedhur që ju
bëjnë për të treguar pronat e përdoruesit aksioneve

248
00:11:12,270 --> 00:11:15,740
dhe cash ndoshta duket goxha e shëmtuar
nga default me ​​asnjë hapësirë ​​të bardhë.

249
00:11:15,740 --> 00:11:18,420
Lloj Gjithçka është e mbushur
së bashku në rreshta dhe kolona.

250
00:11:18,420 --> 00:11:20,662
>> E pra, me pak
CSS, si ju mund të kuptojnë,

251
00:11:20,662 --> 00:11:23,870
ju në fakt mund të shkulje atë dhe e bëjnë atë
diçka shumë më të njohur dhe shumë

252
00:11:23,870 --> 00:11:24,870
prettier për të parë në.

253
00:11:24,870 --> 00:11:27,730
Pra, CSS është rreth
stilizim e faqeve.

254
00:11:27,730 --> 00:11:31,970
Por pastaj ne kemi prezantuar një tjetër
gjuha, PHP, e cila na lejon të bëjmë atë?

255
00:11:31,970 --> 00:11:36,400

256
00:11:36,400 --> 00:11:37,590
>> Le të vetëm të bëjë atë?

257
00:11:37,590 --> 00:11:38,177
Çdokush.

258
00:11:38,177 --> 00:11:40,010
Got për të sipërmarrje përtej
rreshtat e para çift.

259
00:11:40,010 --> 00:11:40,260
Po.

260
00:11:40,260 --> 00:11:41,719
>> AUDIENCA: Generate përmbajtje dinamike.

261
00:11:41,719 --> 00:11:42,718
DAVID J. Malan: Perfect.

262
00:11:42,718 --> 00:11:43,850
Generate përmbajtje dinamike.

263
00:11:43,850 --> 00:11:45,808
Dhe ju mund ta bëni këtë në
çdo numër të gjuhëve.

264
00:11:45,808 --> 00:11:50,120
Ne të ndodhë që të përdorin PHP, sepse kjo është
pjesërisht në mënyrë të ngjashme me C sintaksë.

265
00:11:50,120 --> 00:11:52,000
>> Por, PHP bën pikërisht këtë.

266
00:11:52,000 --> 00:11:54,620
Kjo ju lejon të gjenerojë dinamike prodhimit.

267
00:11:54,620 --> 00:11:57,890
Dhe disa të asaj prodhimit mund të jetë
HTML, siç kemi bërë zakonisht.

268
00:11:57,890 --> 00:12:00,160
Dhe kjo është gjithashtu, sepse kjo është
një gjuhë programimi, është

269
00:12:00,160 --> 00:12:03,240
mekanizmi via cila
ne mund të flasim për bazat e të dhënave.

270
00:12:03,240 --> 00:12:05,730
>> Dhe ne mund të bëjë pyetje për
serverat tjera si Yahoos

271
00:12:05,730 --> 00:12:08,660
dhe të programuar të bëjë asgjë
me të vërtetë që ju mund të ndryshe

272
00:12:08,660 --> 00:12:10,400
duan të detyrojnë një kompjuter për të bërë.

273
00:12:10,400 --> 00:12:13,580
Pra PHP na lejon të fillojë
dinamike kompjuteri përmbajtjen.

274
00:12:13,580 --> 00:12:16,900
Pra, sipas kësaj logjike, unë nuk kam
një faqe interneti dinamike mbrapa në vitin 1998.

275
00:12:16,900 --> 00:12:18,460
>> Ajo ishte vetëm një web faqe statike.

276
00:12:18,460 --> 00:12:22,250
Përmbajtja e mia duhej të ndryshohen nga
dorë me gedit ose ndonjë ekuivalent.

277
00:12:22,250 --> 00:12:25,290
Por PHP është ajo që kemi përdorur ose
mund të ketë përdorur, përkundrazi,

278
00:12:25,290 --> 00:12:27,260
për diçka si
Website Frosh IMs, e cila

279
00:12:27,260 --> 00:12:31,160
është dashur të marrë regjistrime dhe
menaxhuar një listë të gjërave që users--

280
00:12:31,160 --> 00:12:33,550
janë në të vërtetë ndryshuar gjatë
kohë, edhe pse ne të ndodhë

281
00:12:33,550 --> 00:12:35,990
për të përdorur Perl, një tjetër
Gjuha në atë kohë.

282
00:12:35,990 --> 00:12:40,350
>> Dhe pastaj në fund, ne kemi prezantuar
Strukturuar SQL-- Query Language.

283
00:12:40,350 --> 00:12:43,845
Pra, edhe një gjuhë tjetër
që është përdorur për çfarë?

284
00:12:43,845 --> 00:12:46,660

285
00:12:46,660 --> 00:12:47,639
Përdoret për çfarë?

286
00:12:47,639 --> 00:12:49,430
A mund të sipërmarrje slight--
OK, ne nuk jemi duke shkuar

287
00:12:49,430 --> 00:12:51,263
për të marrë shumë larg
se orkestër këtu.

288
00:12:51,263 --> 00:12:53,432
AUDIENCA: Kjo është një protokoll
përdorur për të folur për bazat e të dhënave.

289
00:12:53,432 --> 00:12:55,640
DAVID J. Malan: Një protokoll
përdorur për të folur për bazat e të dhënave.

290
00:12:55,640 --> 00:12:56,181
Më lejoni shkulje.

291
00:12:56,181 --> 00:12:59,280
Kjo është një gjuhë e natyrshme e përdorur
për të folur për databases-- zgjedh

292
00:12:59,280 --> 00:13:01,280
dhe fut dhe fshin
dhe më të reja dhe të vërtetë

293
00:13:01,280 --> 00:13:03,840
edhe më shumë karakteristika që
ne nuk kemi as fetar

294
00:13:03,840 --> 00:13:07,920
në, por ju mund të dëshironi që të ketë explore--
për të shqyrtuar për të, të themi, një projekt përfundimtar.

295
00:13:07,920 --> 00:13:09,560
Pra, nuk janë këto pjesë të ndryshme.

296
00:13:09,560 --> 00:13:13,100
>> Dhe shpresojmë Pset7, edhe pse
Specifikim i saj është mjaft i gjatë,

297
00:13:13,100 --> 00:13:15,990
kjo është me qëllim të gjatë për të ecur ju
me mënyrën se si këto gjëra mund të gjitha

298
00:13:15,990 --> 00:13:17,210
të shtypur bashkë.

299
00:13:17,210 --> 00:13:20,300
Tani, të hënën, ne
futur gjuhën tonë të fundit

300
00:13:20,300 --> 00:13:23,430
se ne do të prezantoj zyrtarisht në
course-- që është, JavaScript.

301
00:13:23,430 --> 00:13:25,720
Kjo, si PHP, është një
Gjuha interpretuar.

302
00:13:25,720 --> 00:13:28,110
>> Por një dallim kyç
I propozoi të hënën

303
00:13:28,110 --> 00:13:32,730
është se ndërsa PHP është ekzekutuar ose
duke interpretuar në server, e cila

304
00:13:32,730 --> 00:13:35,990
në këtë rast është aplikim CS50,
ose mund të ketë disa web komerciale

305
00:13:35,990 --> 00:13:39,370
server në internet,
JavaScript në përgjithësi

306
00:13:39,370 --> 00:13:43,650
është një gjuhë që shkon krah klientit
Nuk server side-- aq në shfletuesin.

307
00:13:43,650 --> 00:13:46,970
Që do të thotë, ashtu si kur kam hapur
up kodin burimor Facebook dhe gjeti të gjitha

308
00:13:46,970 --> 00:13:51,510
e këtyre dosjeve .js, implikimi ishte
se kur ju vizitoni Facebook ose më

309
00:13:51,510 --> 00:13:54,810
faqet e internetit këto ditë, ju merrni
jo vetëm HTML, jo vetëm CSS,

310
00:13:54,810 --> 00:13:59,370
por një bandë e tërë e JavaScript
Kodi shpesh në formën e dosjeve .js.

311
00:13:59,370 --> 00:14:03,970
Dhe pastaj kjo është browser-- tuaj
Mac apo PC-- që ekzekuton këtë kod.

312
00:14:03,970 --> 00:14:05,990
>> Por shfletuesi juaj ekzekuton atë.

313
00:14:05,990 --> 00:14:08,070
Ju mund të mendoni se në lloj të një sandbox.

314
00:14:08,070 --> 00:14:12,420
Kështu që kodi JavaScript nuk duhet të jetë
në gjendje për të fshini fotografi në kompjuterin tuaj.

315
00:14:12,420 --> 00:14:14,730
Ajo nuk duhet të jetë në gjendje të
të dërgoni postë elektronike në emër tuaj.

316
00:14:14,730 --> 00:14:17,760
Lloj Shfletuesi juaj e kufizon
çfarë ju mund të bëni me të.

317
00:14:17,760 --> 00:14:20,630
>> Pra, në këtë kuptim, është pak
më pak të fuqishme, ndoshta, se C.

318
00:14:20,630 --> 00:14:24,030
Por JavaScript mundet, si një
mënjanë, do të përdoret në server,

319
00:14:24,030 --> 00:14:27,740
edhe pse ne do të priren për të mos flasim
në lidhje me atë në këtë kontekst.

320
00:14:27,740 --> 00:14:29,740
Pra, tani le të lidhin këto së bashku.

321
00:14:29,740 --> 00:14:34,000
Një javë plus më parë, ne kemi paraqitur disa HTML
në left-- web faqe super mërzitshëm.

322
00:14:34,000 --> 00:14:35,000
>> Vetëm thotë përshëndetje botë.

323
00:14:35,000 --> 00:14:38,110
Dhe pastaj kam propozuar në
drejtë ne mund të lloj të vjedhin idetë

324
00:14:38,110 --> 00:14:41,470
nga diskutimi ynë i
Strukturat e të dhënave në C

325
00:14:41,470 --> 00:14:45,270
dhe të mendojnë për mënyrën se si kjo hierarkike
gjuha markup në të majtë

326
00:14:45,270 --> 00:14:49,720
mund të nxirren ose zbatohen në kujtesën
si një strukturë aktuale pemë me nyje

327
00:14:49,720 --> 00:14:51,400
dhe pointers dhe ato llojet e detaje.

328
00:14:51,400 --> 00:14:53,820
Në të djathtë, që ne e quajmë
se një dokument DOM--

329
00:14:53,820 --> 00:14:56,800
Object Model-- e cila është vetëm
një mënyrë e sofistikuar për të thënë pemë.

330
00:14:56,800 --> 00:14:59,520
>> Tani, pse është kjo e dobishme për
të mendojnë për atë në këtë mënyrë?

331
00:14:59,520 --> 00:15:01,680
Sepse tani me
JavaScript, sepse ne kemi

332
00:15:01,680 --> 00:15:05,810
kodin që merr për të luajtur në këtë
Mjedisi, HTML aktuale që është e

333
00:15:05,810 --> 00:15:08,360
është dërguar në shfletuesin
tashmë dhe ka tashmë

334
00:15:08,360 --> 00:15:12,690
është ngarkuar në memorie nga
shfletues në një pemë në kompjuterit tuaj

335
00:15:12,690 --> 00:15:18,270
RAM si kjo, ne mund të përdorim JavaScript
që në fakt të kaloj ose në këmbë apo kërkimi

336
00:15:18,270 --> 00:15:21,800
ose të ndryshojë atë pemë DOM megjithatë ne duam.

337
00:15:21,800 --> 00:15:24,040
Pra, në fakt, në qoftë se ju mendoni se
rreth facebook.com,

338
00:15:24,040 --> 00:15:27,660
në qoftë se ju përdorni chat funksion, nëse ju
Përdorimi Gmail dhe funksion gchat,

339
00:15:27,660 --> 00:15:30,540
çdo gjë ku ju keni
Mesazhet që vijnë përsëri dhe përsëri

340
00:15:30,540 --> 00:15:35,880
dhe përsëri, këto mesazhe janë ndoshta,
si, LI tag, tags Lista Item, ndoshta.

341
00:15:35,880 --> 00:15:37,940
>> Apo ndoshta ata janë vetëm
divs që mbajnë shfaqeshin

342
00:15:37,940 --> 00:15:39,770
çdo herë që ju të merrni një mesazh të çastit.

343
00:15:39,770 --> 00:15:42,960
Dhe kështu që vetëm do të thotë se çfarë
Facebook ose Google është duke bërë

344
00:15:42,960 --> 00:15:45,200
është çdo herë që të merrni një
Mesazhi nga serveri,

345
00:15:45,200 --> 00:15:48,740
ata janë ndoshta duke përdorur JavaScript
për të vetëm të shtoni një tjetër nyje

346
00:15:48,740 --> 00:15:52,700
në këtë tree-- një nyje në këtë
pemë që atëherë shikimi vetëm duket

347
00:15:52,700 --> 00:15:54,570
si një linjë të re të tekstit në ekranin tuaj.

348
00:15:54,570 --> 00:15:57,100
Por ata janë futur
në këtë strukturë të dhënave.

349
00:15:57,100 --> 00:15:59,742
>> Pra, në klasa si
CS124 dhe të tjerët, ju do të

350
00:15:59,742 --> 00:16:02,200
në fakt shkruani kodin shumë kundër
Strukturat e të dhënave si kjo.

351
00:16:02,200 --> 00:16:04,310
Por, tani për tani në JavaScript,
ne vetëm do të supozojmë

352
00:16:04,310 --> 00:16:07,920
ne të merrni të gjithë këtë funksionalitet
falas nga gjuha vetë.

353
00:16:07,920 --> 00:16:09,210
Pra, le të shikojmë një shembull.

354
00:16:09,210 --> 00:16:13,120
>> Më lejoni të hapur një skedar të quajtur form.html.

355
00:16:13,120 --> 00:16:14,601
Kjo është super e thjeshtë.

356
00:16:14,601 --> 00:16:15,600
Ajo thjesht duket si ky.

357
00:16:15,600 --> 00:16:17,860
>> Jo CSS, asnjë mendim për estetikë.

358
00:16:17,860 --> 00:16:19,810
Kjo është thjesht funksionale
dhe me sa duket unë jam

359
00:16:19,810 --> 00:16:24,000
duke kërkuar për një email, një fjalëkalim,
fjalëkalimin përsëri, dhe pastaj një kontroll

360
00:16:24,000 --> 00:16:26,150
për të rënë dakord për disa termave dhe kushteve.

361
00:16:26,150 --> 00:16:28,740
Çfarë kodi burim për këtë
duket sikur është ndoshta diçka

362
00:16:28,740 --> 00:16:31,030
ju mund të me mend me a
pak e mendimit tani.

363
00:16:31,030 --> 00:16:32,840
Unë kam marrë një tag formë këtu.

364
00:16:32,840 --> 00:16:36,190
>> Një veprim është me sa duket do të
shkoni në një skedar të quajtur register.php.

365
00:16:36,190 --> 00:16:37,870
Metoda që unë jam duke shkuar për të përdorur është marrë.

366
00:16:37,870 --> 00:16:40,880
Dhe pastaj unë kam marrë një tekst
fushë emri i të cilit është email.

367
00:16:40,880 --> 00:16:43,340
>> Unë kam marrë një fushë fjalëkalimin
emri i të cilit është password.

368
00:16:43,340 --> 00:16:45,420
Unë kam marrë një tjetër
fushë fjalëkalimin emri i të cilit

369
00:16:45,420 --> 00:16:47,342
është konfirmim disi arbitrare.

370
00:16:47,342 --> 00:16:49,690
Kjo është vetëm një HTTP parametër.

371
00:16:49,690 --> 00:16:54,430
>> Dhe atëherë ne nuk kemi përdorur këto përveç
pasi IMs Frosh demo në class--

372
00:16:54,430 --> 00:16:56,692
një kuti kontrolloni që është
vetëm lloji barabartë kontroll.

373
00:16:56,692 --> 00:16:57,900
Dhe unë do të thërrasë atë marrëveshje.

374
00:16:57,900 --> 00:17:00,700
Kështu që unë kam lloj mënyrë arbitrare, por
quajtur të përshtatshme këto fusha.

375
00:17:00,700 --> 00:17:03,450
Kështu që tani, kur kjo formë merr
dorëzuar, le të shohim se çfarë ndodh.

376
00:17:03,450 --> 00:17:07,290
Nëse unë bëj malan@harvard.edu,
Unë do të bëj një fjalëkalim të purpur.

377
00:17:07,290 --> 00:17:09,530
Unë do të bëj një fjalëkalim të asgjë.

378
00:17:09,530 --> 00:17:10,910
Le të mos bashkëpunojnë.

379
00:17:10,910 --> 00:17:12,280
>> Dhe unë nuk do të kontrolloni kutinë.

380
00:17:12,280 --> 00:17:13,940
Më lejoni të klikoni Regjistrohu.

381
00:17:13,940 --> 00:17:15,420
Dhe ai thotë, HM, ju jeni të regjistruar.

382
00:17:15,420 --> 00:17:16,069
Jo me të vërtetë.

383
00:17:16,069 --> 00:17:17,450
>> Por URL ndryshoi.

384
00:17:17,450 --> 00:17:22,280
Pra, kjo formë është e lejuar në mënyrë të qartë
të paraqesë në register.php.

385
00:17:22,280 --> 00:17:25,160
Por me sa duket, unë duhet të jenë të
infektues disa nga këto gabime.

386
00:17:25,160 --> 00:17:27,569
Tani, në Pset7 dhe disa
e shembujve tanë leksion,

387
00:17:27,569 --> 00:17:30,130
ne përgjithësi do të shtypura nga
një mesazh i madh i kuq gabimi këtu

388
00:17:30,130 --> 00:17:33,760
duke thënë, emrin e zhdukur,
ose fjalëkalimin e humbur.

389
00:17:33,760 --> 00:17:37,680
Ne e kemi bërë këtë më parë dhe ne kemi
Done side server error zbulimin.

390
00:17:37,680 --> 00:17:41,580
>> Por, shumë faqet e internetit këto ditë
bëni klientit zbulimin gabim side

391
00:17:41,580 --> 00:17:42,810
ku URL nuk ndryshon.

392
00:17:42,810 --> 00:17:44,101
Gjithë faqja nuk rifreskohet.

393
00:17:44,101 --> 00:17:46,940
Ju merrni reagime të menjëhershme
nga shfletuesi.

394
00:17:46,940 --> 00:17:48,070
Ndoshta diçka shkon kuqe.

395
00:17:48,070 --> 00:17:49,190
>> Ndoshta ju merrni një pop up.

396
00:17:49,190 --> 00:17:53,240
Por ju nuk e humbni kohën dërguar për
Të dhënat server që është e paplotë.

397
00:17:53,240 --> 00:17:56,050
Pra, le të shohim se si ne mund
të arritur këtë funksion si.

398
00:17:56,050 --> 00:17:59,660
>> Më lejoni të shkoj në form1.html,
cila duket njëjtë.

399
00:17:59,660 --> 00:18:03,530
Por në qoftë se këtë herë bëj
malan@harvard.edu dhe unë lloji kuqe flakë

400
00:18:03,530 --> 00:18:07,350
dhe unë nuk do të bashkëpunojnë më tej
por kliko Regjistrohuni, vëreni tani.

401
00:18:07,350 --> 00:18:08,940
Kjo nuk është zgjidhja sexiest.

402
00:18:08,940 --> 00:18:10,900
Unë e kam të paktën kapur këtë gabim.

403
00:18:10,900 --> 00:18:12,900
Dhe unë e kam përdorur alarm
funksion në JavaScript--

404
00:18:12,900 --> 00:18:14,090
të cilat ne jemi vetëm duke përdorur në klasë.

405
00:18:14,090 --> 00:18:16,430
Në përgjithësi, ju nuk duhet të përdorin këtë
sepse ajo shumë shpejt mund të marrë jashtë

406
00:18:16,430 --> 00:18:17,160
e kontrollit.

407
00:18:17,160 --> 00:18:19,180
Por fjalëkalimet nuk plotëson është gabim.

408
00:18:19,180 --> 00:18:21,120
>> Më lejoni të shkoj përpara dhe klikoni OK.

409
00:18:21,120 --> 00:18:25,040
Por ajo takeaway kyç këtu
është se URL nuk ka ndryshuar.

410
00:18:25,040 --> 00:18:27,960
Gërryes kështu që unë nuk e kam shqetësuar
Ora serverin e kërkuar atë

411
00:18:27,960 --> 00:18:30,750
një pyetje që unë mund të ketë
motive nga një përgjigje për veten time.

412
00:18:30,750 --> 00:18:33,210
>> Dhe përdoruesit, edhe pse
qenë duke folur në lidhje me këtë

413
00:18:33,210 --> 00:18:35,264
më shumë se përdoruesit e
do të mendojnë për këtë,

414
00:18:35,264 --> 00:18:36,680
do të ketë reagime të menjëhershme.

415
00:18:36,680 --> 00:18:39,044
Nuk ka latente me
lidhjes të rrjetit.

416
00:18:39,044 --> 00:18:40,460
Pra, le të shohim në këtë kod burimor.

417
00:18:40,460 --> 00:18:45,600
>> Duket Form1.html
strukturore të ngjashme deri këtu.

418
00:18:45,600 --> 00:18:46,810
Forma është në faktin njëjtë.

419
00:18:46,810 --> 00:18:48,330
Por le të shohim se çfarë kam bërë këtu poshtë.

420
00:18:48,330 --> 00:18:49,913
Dhe ka mënyra të ndryshme për ta bërë këtë.

421
00:18:49,913 --> 00:18:53,690
Dhe unë e kam bërë më të drejtë
ndjekës por jo mënyrën më elegante ende.

422
00:18:53,690 --> 00:18:54,869
Unë kam një tag script.

423
00:18:54,869 --> 00:18:57,035
Unë pastaj telefononi
document.getElementByID ('regjistrimi').

424
00:18:57,035 --> 00:19:00,090

425
00:19:00,090 --> 00:19:04,420
Dhe unë ruajtur këtë vlerë
në formë, një variabël.

426
00:19:04,420 --> 00:19:05,520
>> Pra, çfarë kam bërë?

427
00:19:05,520 --> 00:19:08,960
Ju mund të mendoni
document.getElementByID si

428
00:19:08,960 --> 00:19:11,200
një funksion të veçantë që
JavaScript ju jep

429
00:19:11,200 --> 00:19:14,400
që fjalë për fjalë duart ju a
tregues për një nga nyjet

430
00:19:14,400 --> 00:19:16,520
apo rectangles në këtë pemë.

431
00:19:16,520 --> 00:19:21,470
Deri tani kjo është ajo formë e ndryshueshme ynë
në JavaScript është në të vërtetë vënë në.

432
00:19:21,470 --> 00:19:25,120
>> Deri tani sintaksa është i ndryshëm nga
C. Por, ne jemi duke bërë disa gjëra këtu.

433
00:19:25,120 --> 00:19:30,360
Një, kjo është pak e çuditshme
kërkuar, sigurisht kundrejt C.

434
00:19:30,360 --> 00:19:32,180
Por shikoni në linjë 35.

435
00:19:32,180 --> 00:19:35,130
Pra, në form.onsubmit majtë.

436
00:19:35,130 --> 00:19:38,060
Kujtojnë se onsubmit është
si një fushë në një strukturë.

437
00:19:38,060 --> 00:19:41,480
Nëse ju mendoni se e formës variablit
është vetëm të qënit një struct C,

438
00:19:41,480 --> 00:19:42,600
ajo mund të ketë disa fusha.

439
00:19:42,600 --> 00:19:46,410
>> Kthehu në ditë, kemi pasur studentëve emra,
ID, shtëpitë, ato lloj fusha.

440
00:19:46,410 --> 00:19:48,520
Vetëm mendoni për onsubmit si një tjetër fushë.

441
00:19:48,520 --> 00:19:53,380
Por kjo është një fushë të veçantë, sepse
shfletuesi është preprogrammed të presin

442
00:19:53,380 --> 00:19:57,530
.onsubmit të mos jetë një vlerë
si një numër apo varg,

443
00:19:57,530 --> 00:20:01,180
por që në fakt të jetë një funksion
ose adresën e një funksioni

444
00:20:01,180 --> 00:20:02,570
në kujtesën e kompjuterit.

445
00:20:02,570 --> 00:20:04,740
>> Dhe me të vërtetë, kjo është ajo
ky fjalen here bën.

446
00:20:04,740 --> 00:20:06,710
Kjo thotë se, më jep mua një funksion të ri.

447
00:20:06,710 --> 00:20:09,390
Por ajo që është emri i saj
do të jetë, duket?

448
00:20:09,390 --> 00:20:10,800
>> Duke menduar përsëri deri të hënën.

449
00:20:10,800 --> 00:20:13,430

450
00:20:13,430 --> 00:20:17,170
Cili është emri i kësaj
Funksioni i bazuar në këtë sintaksë?

451
00:20:17,170 --> 00:20:19,784
Jo, dua të them, nuk ka në mënyrë të qartë
no name associated-- siguri

452
00:20:19,784 --> 00:20:21,200
jo në atë që unë kam theksuar këtu.

453
00:20:21,200 --> 00:20:22,560
>> Por kjo është e vërtetë në rregull.

454
00:20:22,560 --> 00:20:25,840
Ky është një funksion anonim, apo një
Funksioni lambda si disa mund të quajnë atë.

455
00:20:25,840 --> 00:20:27,589
Dhe kjo vetëm do të thotë
kjo është ende një funksion.

456
00:20:27,589 --> 00:20:29,400
Është vetëm, ju nuk mund të telefononi atë me emër.

457
00:20:29,400 --> 00:20:30,057
Por kjo është në rregull.

458
00:20:30,057 --> 00:20:33,140
Sepse përsëri, shfletuesi ka qenë
preprogrammed nga kompanitë si Google

459
00:20:33,140 --> 00:20:38,540
ose Microsoft apo Mozilla apo të tjerët të
vetëm e di se në qoftë se fusha .onsubmit

460
00:20:38,540 --> 00:20:43,400
brendësi të një element formë ka
Vlera, trajtojnë atë si një function--

461
00:20:43,400 --> 00:20:44,750
një tregues funksion, nëse ju do.

462
00:20:44,750 --> 00:20:46,910
Dhe e quajti atë, kur forma është dorëzuar.

463
00:20:46,910 --> 00:20:50,350
>> Pra, çfarë kodi duhet të ekzekutohet
kur forma është dorëzuar?

464
00:20:50,350 --> 00:20:52,526
Me sa duket, çdo gjë
brenda e Brace kaçurrel.

465
00:20:52,526 --> 00:20:53,650
Dhe kjo është vetëm stilistik.

466
00:20:53,650 --> 00:20:55,626
>> Ju mund ta bëni këtë si
ne priren për të bërë në CS50.

467
00:20:55,626 --> 00:20:58,250
Por në JavaScript, shumica e njerëzve
kanë tendencë për të mbajtur atë në të njëjtën linjë

468
00:20:58,250 --> 00:21:01,960
vetëm për shkak se ajo është më qartë
lidhur me këtë funksion fjalen.

469
00:21:01,960 --> 00:21:03,240
Deri tani çfarë po bëj?

470
00:21:03,240 --> 00:21:08,616
>> Nëse form.email.value barabartë të barabartëve
string bosh ose asgjë, këtu është

471
00:21:08,616 --> 00:21:11,490
një alarm ku unë jam duke shkuar për të thënë,
ju duhet të sigurojë adresën tuaj e-mail,

472
00:21:11,490 --> 00:21:12,690
dhe pastaj të kthehen rreme.

473
00:21:12,690 --> 00:21:15,720
Dhe kjo është se rreme kthimi që
pengon formularin nga të paraqitur.

474
00:21:15,720 --> 00:21:19,480
Ndërkohë, në qoftë se vlera fjalëkalimi është
bosh, unë jam duke shkuar për të çirrem në përdoruesit

475
00:21:19,480 --> 00:21:21,150
dhe të thonë, ju duhet të sigurojë një fjalëkalim.

476
00:21:21,150 --> 00:21:23,700
>> Ndërkohë gjërat po
pak njohës këtu.

477
00:21:23,700 --> 00:21:29,160
Nëse form.password.value nuk
form.confirmation.value të barabartë,

478
00:21:29,160 --> 00:21:31,680
fushë tjetër, çirrem në
përdoruesit që fjalëkalimet

479
00:21:31,680 --> 00:21:33,860
nuk përputhen, si ata
A nuk qe një moment më parë.

480
00:21:33,860 --> 00:21:35,780
Dhe pastaj kjo është një
pak sexier sepse unë

481
00:21:35,780 --> 00:21:40,470
e di se unë e dija që konceptualisht
kontrolluar është emri i një kuti kontrolloni s.

482
00:21:40,470 --> 00:21:45,680
>> Kështu që unë mund të përdorni vetëm një thirrje
pikë të thonë se çeku nuk është

483
00:21:45,680 --> 00:21:48,040
checked-- është Boolean
vlera, e vërtetë apo false--

484
00:21:48,040 --> 00:21:49,700
Unë do të çirrem në përdorues për këtë arsye.

485
00:21:49,700 --> 00:21:52,300
Përndryshe, në qoftë se ne të merrni me anë të
të gjitha këto kushte,

486
00:21:52,300 --> 00:21:53,270
le të kthehen vetëm e vërtetë.

487
00:21:53,270 --> 00:21:54,700
Le forma të dorëzohet.

488
00:21:54,700 --> 00:21:56,560
Dhe kjo do të ndodhë.

489
00:21:56,560 --> 00:21:57,740
>> Le të shkruani në të kuqe flakë.

490
00:21:57,740 --> 00:22:00,230
Le të kontrolloni kutinë, klikoni Regjistrohu.

491
00:22:00,230 --> 00:22:01,979
Dhe tani unë po shkoj deri në destinacion.

492
00:22:01,979 --> 00:22:03,270
Tani, nuk ka asnjë bazë të dhënash atje.

493
00:22:03,270 --> 00:22:05,370
Nuk ka asgjë interesante
në register.php.

494
00:22:05,370 --> 00:22:07,980
Unë vetëm nevojë për diçka
në të vërtetë flasin për të.

495
00:22:07,980 --> 00:22:09,140
Pra, më lejoni të bëj një pauzë, këtu.

496
00:22:09,140 --> 00:22:16,270
Çdo pyetje mbi atë që ne kemi bërë vetëm
ose ajo që disa prej këtij sintaksës së re është?

497
00:22:16,270 --> 00:22:17,640
OK, vërtet?

498
00:22:17,640 --> 00:22:20,025
>> Audienca: Pra, çdo checkbox
është automatikisht një Boolean.

499
00:22:20,025 --> 00:22:21,650
Ju nuk duhet ta deklarojnë atë si kjo.

500
00:22:21,650 --> 00:22:22,649
>> DAVID J. Malan: Correct.

501
00:22:22,649 --> 00:22:29,340
Çdo checkbox që është dërguar për ju nga
një formë HTML për kodin tuaj JavaScript

502
00:22:29,340 --> 00:22:31,760
do të trajtohen, po, si
Boolean value-- vërtetë apo false.

503
00:22:31,760 --> 00:22:32,635
Kjo është një pyetje e mirë.

504
00:22:32,635 --> 00:22:36,080
Ndërsa vlerat e tjera, të
Natyrisht, ka qenë teksti, vargjet AKA.

505
00:22:36,080 --> 00:22:38,500
>> Të gjitha të drejtat, kështu që le të më
Rewind pak më tej.

506
00:22:38,500 --> 00:22:39,900
Cila ishte pika e tërë e kësaj?

507
00:22:39,900 --> 00:22:41,400
Vetëm të jetë i qartë.

508
00:22:41,400 --> 00:22:44,940
Ashtu si, ne tashmë e dimë, madje edhe nga Pset7
dhe madje edhe nga leksioni i javës së kaluar

509
00:22:44,940 --> 00:22:51,120
shembuj, që ne mund të kontrolloni të qartë
$ _GET $ _POST Shohim nëse përdoruesi na japë

510
00:22:51,120 --> 00:22:52,200
një vlerë bosh.

511
00:22:52,200 --> 00:22:54,400
Mos harroni funksionin bosh në PHP.

512
00:22:54,400 --> 00:22:58,040
>> Pra, vetëm të jetë i qartë, çfarë është
një arsye që ne mund të

513
00:22:58,040 --> 00:23:00,535
doni të bëni këtë gabim kontrolluar
brenda shfletuesit?

514
00:23:00,535 --> 00:23:03,350

515
00:23:03,350 --> 00:23:06,080
Çfarë është motivimi këtu?

516
00:23:06,080 --> 00:23:06,580
Po.

517
00:23:06,580 --> 00:23:09,735
>> AUDIENCA: Faster, dhe ju nuk e bëni
dërgoni të dhëna të padobishme në server.

518
00:23:09,735 --> 00:23:10,610
DAVID J. Malan: Mirë.

519
00:23:10,610 --> 00:23:11,170
Është e shpejtë.

520
00:23:11,170 --> 00:23:12,920
Ju nuk dërgoni padobishme
dhënave tek serveri.

521
00:23:12,920 --> 00:23:14,670
>> Pra, ju merrni mbrapa a më shumë
përgjigje të menjëhershme.

522
00:23:14,670 --> 00:23:16,560
Dhe në përgjithësi, përdoruesit
përvoja është më e mirë.

523
00:23:16,560 --> 00:23:17,900
Mendoni për këtë alternativë.

524
00:23:17,900 --> 00:23:21,160
>> Nëse për Gmail-- dhe ishte
rasti shumë vite më parë.

525
00:23:21,160 --> 00:23:24,160
Supozoni se ju mori një email të ri Gmail tuaj
llogari, por e vetmja mënyrë me anë të

526
00:23:24,160 --> 00:23:26,510
për të parë se është me, si,
ringarkoni faqen e tërë.

527
00:23:26,510 --> 00:23:29,030
Ose Supozoni se ju klikoni mbi
një lidhje për të lexuar një email.

528
00:23:29,030 --> 00:23:31,600
>> Çdo gjë duhet të ringarkoni kështu
që ju mund të shihni email.

529
00:23:31,600 --> 00:23:33,380
Ose Facebook-- ju merrni një mesazh chat.

530
00:23:33,380 --> 00:23:36,000
Ju nuk e shihni atë deri sa ju reload
faqja ose klikoni ndonjë lidhje.

531
00:23:36,000 --> 00:23:38,380
>> Si, kjo do të jetë një jashtėzakonisht
bezdisshëm user experience.

532
00:23:38,380 --> 00:23:41,300
Dhe kjo është ajo që ishte si,
në mënyrë të qartë, mbrapa, kur unë u zhvillua për UC

533
00:23:41,300 --> 00:23:44,760
dhe web ishte shumë më pak dinamike
dhe JavaScript nuk ishte aq i popullarizuar

534
00:23:44,760 --> 00:23:45,601
siç është tani.

535
00:23:45,601 --> 00:23:47,850
Dhe gjërat po shkojnë shumë
më dinamike dhe shumë më tepër

536
00:23:47,850 --> 00:23:49,900
anën e klientit në këtë kuptim.

537
00:23:49,900 --> 00:23:54,370
>> Por ka një kapur këtu, dhe
kjo është lloj i një Gotcha bezdisshëm.

538
00:23:54,370 --> 00:23:58,720
Vetëm për shkak se ju të shtoni anën e klientit
zbulimin si kjo nuk do të thotë

539
00:23:58,720 --> 00:24:01,430
ju mund ose duhet të braktisë
server side zbulimin.

540
00:24:01,430 --> 00:24:04,080
Thelb ju doni të vënë tuaj
error kontrolluar në të dy vendet.

541
00:24:04,080 --> 00:24:05,830
Sepse ajo ishte një
i mësimit të mësuar

542
00:24:05,830 --> 00:24:10,270
nga artikull kam lexuar disa fragmente
nga me këtë system-- budallaqe CMS

543
00:24:10,270 --> 00:24:14,410
Content Management System-- kjo ishte
zbatimin e sistemit të saj të vërtetimit,

544
00:24:14,410 --> 00:24:16,790
login saj nëpërmjet çfarë mekanizmi?

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
>> AUDIENCA: JavaScript.

548
00:24:21,499 --> 00:24:23,290
DAVID J. Malan:
JavaScript, saktësisht, e drejtë?

549
00:24:23,290 --> 00:24:24,610
Ajo ishte duke përdorur JavaScript.

550
00:24:24,610 --> 00:24:27,120
Dhe fjalë për fjalë, ju djema keni
luajtur pak ndoshta

551
00:24:27,120 --> 00:24:28,700
me Inspektorin Chrome-it.

552
00:24:28,700 --> 00:24:30,890
Dhe në qoftë se unë mund të gjeni atë, inspektojë element.

553
00:24:30,890 --> 00:24:33,670
>> Më lejoni të shkoj gjatë për të bërë
të gjitha opsionet e Chrome-it.

554
00:24:33,670 --> 00:24:37,080
Dhe kjo është sa e lehtë është për të
çaktivizoni JavaScript në shfletuesin.

555
00:24:37,080 --> 00:24:38,950
Kontrolloni, nuk ka më shumë JavaScript.

556
00:24:38,950 --> 00:24:41,070
>> Pra në drejtësi, shumë
i web këto ditë

557
00:24:41,070 --> 00:24:43,430
është vetëm duke shkuar për të thyer, sepse
Gmail dhe sites-- të tjera

558
00:24:43,430 --> 00:24:46,140
Facebook-- supozojmë se
JavaScript është e aktivizuar.

559
00:24:46,140 --> 00:24:50,180
Por nëse ju jeni duke bërë diçka stupid
si vetëm Vleresimin përdoruesit input

560
00:24:50,180 --> 00:24:52,520
dhe kontrolluar atë për
gabime në anën e klientit,

561
00:24:52,520 --> 00:24:54,940
një kundërshtar të lehtë mund të bëjë këtë.

562
00:24:54,940 --> 00:24:57,180
Dhe pastaj, edhe më të zgjuar
Armiku si ju djema

563
00:24:57,180 --> 00:25:01,120
tani mund të përdorin Telnet ose Curl
ose thjesht komandës komanda linjë

564
00:25:01,120 --> 00:25:05,300
dhe në fakt për të dërguar mesazhe në server
që në mënyrë të ngjashme nuk janë iluzione kontrolluar.

565
00:25:05,300 --> 00:25:08,380
>> Kështu që kjo është më e a
Përdorues vendim ndërfaqe

566
00:25:08,380 --> 00:25:13,060
se ajo është një aktuale teknike
improvement-- zbatimin

567
00:25:13,060 --> 00:25:14,410
Ana diçka klienti si kjo.

568
00:25:14,410 --> 00:25:16,800
Deri tani një vështrim i shpejtë, por pastaj
Unë do të shtyjë në internet shëtitje

569
00:25:16,800 --> 00:25:17,674
përmes për këtë.

570
00:25:17,674 --> 00:25:21,480
Në formën e dy, ne fakt shkuan përmes
dhe pastruar shifra pak.

571
00:25:21,480 --> 00:25:23,650
Por më lejoni të shtyjë për një
e videos që do të ngjarë

572
00:25:23,650 --> 00:25:27,970
embed në Pset8 që vetëm ju tregon a
Sintaksa e ngjashme duke përdorur një bibliotekë të quajtur

573
00:25:27,970 --> 00:25:32,320
jQuery, e cila është një super, super
Biblioteka popullore në JavaScript

574
00:25:32,320 --> 00:25:34,510
që sinqerisht shumica e njerëzve
përdorni vetëm këto ditë

575
00:25:34,510 --> 00:25:37,070
dhe madje edhe të ngatërruar si
vetë qenie JavaScript.

576
00:25:37,070 --> 00:25:38,950
>> Dhe ajo tenton që të përfshijë
disa shenja dollar

577
00:25:38,950 --> 00:25:41,350
dhe fjalë kyçe si dokument
në kllapa këtu.

578
00:25:41,350 --> 00:25:44,480
Por përsëri, më lejoni të shtyjë për
disa mësime ngadalshme në linjë

579
00:25:44,480 --> 00:25:46,750
në vend se të merrni të lidhur në vetëm sintaksë.

580
00:25:46,750 --> 00:25:48,630
Le të lëvizin për
diçka një pije freskuese pak

581
00:25:48,630 --> 00:25:50,520
në drejtim të aplikacioneve të kësaj.

582
00:25:50,520 --> 00:25:57,730
>> Pra, në mënyrë të veçantë, më lejoni të shkoj
përpara dhe të hapur këtë këtu.

583
00:25:57,730 --> 00:25:58,340
Come on.

584
00:25:58,340 --> 00:25:59,380
Nuk shkojmë.

585
00:25:59,380 --> 00:26:01,500
>> Më lejoni të hapur këtë foto këtu.

586
00:26:01,500 --> 00:26:03,450
Panevojshme e komplikuar
në kërkim, por kjo

587
00:26:03,450 --> 00:26:07,880
përshkruan një teknikë të quajtur AJAX--
Asynchronous JavaScript dhe XML, ku

588
00:26:07,880 --> 00:26:10,530
X për XML është në të vërtetë
nuk përdoret më me të vërtetë.

589
00:26:10,530 --> 00:26:13,430
Ajo ka tendencë për të përdorur diçka
tjetër të quajtur JSON.

590
00:26:13,430 --> 00:26:16,560
>> Por këtu është se si diçka si
Google Maps ose Google Earth punon.

591
00:26:16,560 --> 00:26:18,060
Le të provoni këtë në fluturojnë, në fakt.

592
00:26:18,060 --> 00:26:21,590
Më lejoni të shkoj përpara dhe të hapur
up Chrome në shfletuesin tim.

593
00:26:21,590 --> 00:26:26,236
>> Dhe më lejoni të shkoj në,
thonë, maps.google.com.

594
00:26:26,236 --> 00:26:29,260

595
00:26:29,260 --> 00:26:31,930
Dhe në të vërtetë, në qoftë se ju jeni të vjetër
të mjaftueshme për të kujtuar se çfarë,

596
00:26:31,930 --> 00:26:35,600
si, MapQuest ishte si mbrapa në ditë,
dhe ndoshta ata ende punojnë si kjo.

597
00:26:35,600 --> 00:26:38,870
Kur keni përdorur për të kërkuar për something--
33 Oxford Street, Cambridge, Mass,

598
00:26:38,870 --> 00:26:40,650
le të bëjmë this-- ju
do në të vërtetë, në qoftë se ju

599
00:26:40,650 --> 00:26:43,000
donte të pan dhe
poshtë, majtas dhe djathtas,

600
00:26:43,000 --> 00:26:44,920
ju do të duket si a
shigjeta i madh në krye, dhe ajo

601
00:26:44,920 --> 00:26:46,921
do t'ju tregojë një tjetër
kornizë e hartës deri këtu.

602
00:26:46,921 --> 00:26:49,753
Ose ju do të klikoni majtë dhe ju
do të shkojnë mbi këtu, ose në një tjetër klikoni

603
00:26:49,753 --> 00:26:51,000
dhe ju do të shkoni këtu.

604
00:26:51,000 --> 00:26:53,000
Por në vend që këto
ditë, ne natyrisht vetëm

605
00:26:53,000 --> 00:26:55,970
marrë për të dhënë se ne mund të shkojmë
rreth Kembrixh shumë shpejt

606
00:26:55,970 --> 00:26:57,550
vetëm duke klikuar dhe zvarritur.

607
00:26:57,550 --> 00:26:59,130
Por vini re ka disa glitches.

608
00:26:59,130 --> 00:27:02,160
>> Në qoftë se unë bëj këtë të shpejtë të mjaftueshme,
ajo që duket të jetë duke ndodhur

609
00:27:02,160 --> 00:27:05,960
si unë zvarrit pak a shumë të shpejtë
për kompjuter për të mbajtur lart?

610
00:27:05,960 --> 00:27:07,160
Çfarë e shihni ju?

611
00:27:07,160 --> 00:27:07,660
Po.

612
00:27:07,660 --> 00:27:09,232
>> AUDIENCA: E pixels nuk refresh.

613
00:27:09,232 --> 00:27:10,940
DAVID J. Malan:
pixels nuk refresh.

614
00:27:10,940 --> 00:27:12,870
Ka actually-- dhe ju
mund të shihni këtë, në fakt,

615
00:27:12,870 --> 00:27:15,360
në qoftë se ju jeni duke shikuar në internet dhe pushim
kjo ose në të vërtetë ngadalëson gjëra poshtë

616
00:27:15,360 --> 00:27:18,600
për once-- ju do të shihni se ka
pllaka, sheshet, rectangles ose se

617
00:27:18,600 --> 00:27:22,040
janë të zhdukur nga harta deri në
një ndarje të dytë më vonë, më shumë të dhëna,

618
00:27:22,040 --> 00:27:24,390
më shumë imazhe të vërtetë
shfaqen në ekran.

619
00:27:24,390 --> 00:27:29,810
Dhe në fakt, nëse ne e bëjmë këtë duke shikuar
up Chrome's-- le të themi, Chrome--

620
00:27:29,810 --> 00:27:30,310
le të shohim.

621
00:27:30,310 --> 00:27:31,090
Ne nuk mund ta bëjmë këtë.

622
00:27:31,090 --> 00:27:31,860
>> Oh, uh.

623
00:27:31,860 --> 00:27:34,761
Le të hapur maps.google.com.

624
00:27:34,761 --> 00:27:36,660
Më lejoni të bëjë dritare të mëdha përsëri.

625
00:27:36,660 --> 00:27:38,836
>> Kthehu mbrapa në 33 Oxford Street.

626
00:27:38,836 --> 00:27:42,010

627
00:27:42,010 --> 00:27:43,760
Cila ishte website isha në kohët e fundit?

628
00:27:43,760 --> 00:27:46,440
Unë kisha këtë, si, përçartje privat tek
veten se unë do mesazhin atëherë çastit

629
00:27:46,440 --> 00:27:48,470
ndonjë mik i cili ka qenë në linjë
që dëshironin të dëgjojnë atë.

630
00:27:48,470 --> 00:27:49,345
Ka disa website.

631
00:27:49,345 --> 00:27:52,680
Unë mendoj se është kaq Comcast--
një ISP shumë e madhe amerikane.

632
00:27:52,680 --> 00:27:56,355
Ju mund të, kur nënshkrimin për kabllo të ri
Shërbim modem apo shërbimi TV kabllor,

633
00:27:56,355 --> 00:27:59,230
ata kanë një formë shumë të arsyeshme
ku ata të ju pyes për adresën tuaj.

634
00:27:59,230 --> 00:28:01,450
Dhe keni këtë mahnitshme
funksion të quajtur të plotë auto,

635
00:28:01,450 --> 00:28:04,600
si Google, që fillon për të mbushur
në përgjigje të pyetjes suaj.

636
00:28:04,600 --> 00:28:08,090
>> Problemi është, ata e kryejnë auto
për gjërat e para që ju shkruani.

637
00:28:08,090 --> 00:28:12,890
Pra, nëse ju filloni të shtypni në 33, atë
do t'ju tregojë fjalë për fjalë çdo shtëpi

638
00:28:12,890 --> 00:28:15,790
në Amerikë që fillon
me numrin 33

639
00:28:15,790 --> 00:28:17,920
para se të vazhdoni të
presim që ju të shkruani më shumë.

640
00:28:17,920 --> 00:28:20,660
Pra, nëse ju shkruani 33 Oxford,
atëherë ajo ju tregon çdo rrugë

641
00:28:20,660 --> 00:28:24,726
në Amerikë që ka 33 Oxford në
emri i saj, pavarësisht nga të qytetit

642
00:28:24,726 --> 00:28:25,350
që ju jeni në.

643
00:28:25,350 --> 00:28:26,320
>> Dhe pastaj ju vazhdoni të shtypni.

644
00:28:26,320 --> 00:28:28,930
Dhe së fundi, ai e kupton se ata nuk e bëjnë
Oferta Shërbim në shtëpinë tuaj, në Kembrixh

645
00:28:28,930 --> 00:28:29,920
ose diçka të tillë.

646
00:28:29,920 --> 00:28:33,410
Por pikë është, kjo është më e
Zbatimi gomar i auto

647
00:28:33,410 --> 00:28:34,140
përfunduar kurrë.

648
00:28:34,140 --> 00:28:36,400
>> Dhe unë jam vetëm duke shkuar jashtë
në këtë tangjent përsëri.

649
00:28:36,400 --> 00:28:39,040
Por ka mënyra të mira për të
përdorin JavaScript dhe mënyra të këqija.

650
00:28:39,040 --> 00:28:40,750
Dhe kjo nuk është domosdoshmërisht një të mirë.

651
00:28:40,750 --> 00:28:46,360
>> Por pika këtu, para këtij
bisedë, ishte për të hapur mjetet këtu poshtë

652
00:28:46,360 --> 00:28:49,480
dhe e hapur deri Developer Tools,
si ne kemi inkurajuar më parë,

653
00:28:49,480 --> 00:28:52,840
dhe të shikojnë Network
tab si unë klikoni me të vërtetë të shpejtë.

654
00:28:52,840 --> 00:28:55,400
Dhe vini re një bandë e tërë
i marrë kërkesa ndodhur.

655
00:28:55,400 --> 00:28:57,310
E gjithë kjo ndodhi që unë zvarritur.

656
00:28:57,310 --> 00:29:00,170
>> Dhe ka shumë të ngjarë, të vërtetë
një shumë prej këtyre rreshtave

657
00:29:00,170 --> 00:29:04,060
tani janë image slash JPEG
Lloje MIME ose llojet e përmbajtjes.

658
00:29:04,060 --> 00:29:07,750
Kjo është për shkak se ajo është duke bërë kromit
çdo herë që unë klikoni dhe terhiq, klikoni

659
00:29:07,750 --> 00:29:11,650
dhe terhiq, është ajo e realizimit, oh, unë
duhet të shkoni kërkoni Google për tjegull

660
00:29:11,650 --> 00:29:15,080
në hartë që është këtu,
shpejt për ta shkarkuar atë nëpërmjet HTTP,

661
00:29:15,080 --> 00:29:19,550
dhe pastaj shtoni atë në të ashtu-quajtur DOM
të shfletuesit web në pemë e kujtesës

662
00:29:19,550 --> 00:29:24,430
përfaqësimi në mënyrë që përdoruesi,
mua, sheh atë tjegull përditësuar.

663
00:29:24,430 --> 00:29:26,795
Dhe kjo është për shkak të
një teknikë të quajtur AJAX.

664
00:29:26,795 --> 00:29:28,920
Kthehu në ditë, me të vërtetë
ishte rasti se në qoftë se ju

665
00:29:28,920 --> 00:29:33,050
donte për të ndryshuar atë që është në ekran,
ju do të duhet të klikoni lart, poshtë, majtas,

666
00:29:33,050 --> 00:29:33,550
të drejtë.

667
00:29:33,550 --> 00:29:34,740
Dhe pastaj një faqe e re do të hapet.

668
00:29:34,740 --> 00:29:36,531
Por këto ditë, gjithçka
është më dinamike.

669
00:29:36,531 --> 00:29:40,490
Kjo ndodh në mënyrën se si ne njerëzit do të
shpresoj se ai në fakt do interaktive.

670
00:29:40,490 --> 00:29:43,210
Dhe ajo arrin këtë duke
Rruga e një teknikë të quajtur

671
00:29:43,210 --> 00:29:46,170
AJAX, e cila është ndoshta më e mirë
shpjegohet me një shembull.

672
00:29:46,170 --> 00:29:49,730
Së pari, më lejoni të shkoj përpara
dhe të hapur një skedë

673
00:29:49,730 --> 00:29:53,540
quajtur quote.php në
Kodi sotme shpërndarjes.

674
00:29:53,540 --> 00:29:56,200
>> Dhe pastaj më lejoni të bëj Uh symbol--.

675
00:29:56,200 --> 00:30:02,399
Më lejoni të bëj simbol GOOG =
për vetëm disa aksioneve.

676
00:30:02,399 --> 00:30:04,440
Ose në të vërtetë, le të bëjë
një nga Pset FALAS.

677
00:30:04,440 --> 00:30:05,270
Enter.

678
00:30:05,270 --> 00:30:06,580
>> Dhe tani vini re atë që unë të kthehem.

679
00:30:06,580 --> 00:30:09,210
Pra, kjo është me të vërtetë
fotografi short PHP se unë

680
00:30:09,210 --> 00:30:13,210
shkroi se thjesht huazon kodin
nga lookup funksion Pset7 s

681
00:30:13,210 --> 00:30:17,830
dhe pështyn jashtë duke përdorur këtë mbajtëse kaçurrel dhe
Kuotat dhe simbol i zorrës së trashë, me sa duket,

682
00:30:17,830 --> 00:30:22,747
Çmimi i sistemit aktual për
kompani që ju të kalojnë në anë të merrni.

683
00:30:22,747 --> 00:30:24,580
Pra, kjo është e ndryshme
nga shumica e asaj që ne kemi

684
00:30:24,580 --> 00:30:26,496
bërë në këtë shënim unë jam
fjalë për fjalë pështypje jashtë

685
00:30:26,496 --> 00:30:27,870
ajo që duket si kod JavaScript.

686
00:30:27,870 --> 00:30:30,020
>> Në fakt, ky është një objekt JavaScript.

687
00:30:30,020 --> 00:30:34,130
Në fakt, vetëm për të qenë më i qartë,
JavaScript Object Notation-- JSON--

688
00:30:34,130 --> 00:30:38,330
është vetëm një mënyrë e sofistikuar për të thënë se ju
mund të përfaqësojnë të dhënat në JavaScript shumë

689
00:30:38,330 --> 00:30:41,660
si ju mund të në PHP
duke përdorur palë kryesore me vlerë.

690
00:30:41,660 --> 00:30:44,270
Pra, nëse kam kërkuar për të deklaruar
një variabël në JavaScript

691
00:30:44,270 --> 00:30:47,872
që paraqet Zamyla, për
instance-- strukturë për Zamyla--

692
00:30:47,872 --> 00:30:49,580
dhe ne do të thërrasë atë
student, kjo është e ndryshueshme.

693
00:30:49,580 --> 00:30:53,060
ID i saj është një, shtëpia është
Winthrop, dhe emri është Zamyla.

694
00:30:53,060 --> 00:30:55,490
>> Por unë mund të ketë një rrjet të objekteve.

695
00:30:55,490 --> 00:30:58,710
Pra, nëse unë vërtetë kërkuar që të ketë
një grup në JavaScript që përmban

696
00:30:58,710 --> 00:31:01,740
objekte të shumta të tilla, kjo
Koha stafit përfaqësojnë,

697
00:31:01,740 --> 00:31:04,910
Unë mund të ketë këto tre
chunks të kodit mbrapa

698
00:31:04,910 --> 00:31:08,560
për të kthyer prapa për këto
tre ish-anëtarë të stafit.

699
00:31:08,560 --> 00:31:12,201
Pra sintaksë, pretty
të ngjashme me both-- me PHP.

700
00:31:12,201 --> 00:31:13,700
Por kjo është veçanërisht e JavaScript.

701
00:31:13,700 --> 00:31:15,940
Është objekt simbol.

702
00:31:15,940 --> 00:31:17,240
Pra, çfarë është kjo e dobishme për të?

703
00:31:17,240 --> 00:31:21,580
>> Nëse unë shkruaj kodin që pështyn jashtë JSON--
JavaScript Object Notation-- gjëra që

704
00:31:21,580 --> 00:31:24,670
duket si ky apo sende që
duket si strukturë Zamyla-së,

705
00:31:24,670 --> 00:31:27,730
Unë në fakt mund të përdorni këtë
në programet e unë shkruaj.

706
00:31:27,730 --> 00:31:30,660
Më lejoni të shkoj në ajax0.html.

707
00:31:30,660 --> 00:31:33,310
Dhe kjo too-- jo shumë
mendimi i dhënë në estetikë.

708
00:31:33,310 --> 00:31:34,660
Por të shikojnë se çfarë ndodh.

709
00:31:34,660 --> 00:31:37,050
>> Më lejoni të shkoj përpara dhe të shkruani të lirë këtu.

710
00:31:37,050 --> 00:31:38,490
Kliko marrë kuotë.

711
00:31:38,490 --> 00:31:41,060
Dhe vini re URL nuk ka ndryshuar.

712
00:31:41,060 --> 00:31:47,250
Por unë e kam marrë një pop up me sa duket
Çmimi i aksioneve të sotme penny prej $ 0,15.

713
00:31:47,250 --> 00:31:49,062
Pra, jo të gjithë aq keq.

714
00:31:49,062 --> 00:31:52,020
Por dallimi është se në njëfarë mënyre,
këto të dhëna u kthye në mua direkt.

715
00:31:52,020 --> 00:31:54,250
Por le të marrin një hap drejt
diçka më të njohur.

716
00:31:54,250 --> 00:31:58,900
Në versionin e parë të kësaj, le të më
shtypni përsëri të lirë, klikoni Get kuotë,

717
00:31:58,900 --> 00:32:01,146
dhe now-- oh, kjo ishte
në fakt versioni jQuery.

718
00:32:01,146 --> 00:32:03,270
Pra, le të me-- që unë nuk e kam
fast-forward mjaft mjaft larg.

719
00:32:03,270 --> 00:32:05,830
Më lejoni të shkoj në version dy,
e cila është vendi ku kam kërkuar.

720
00:32:05,830 --> 00:32:07,260
Njoftim atë që unë kam bërë këtu.

721
00:32:07,260 --> 00:32:10,370
Unë kam një web page-- një super
version i thjeshtë i ndonjë web faqe

722
00:32:10,370 --> 00:32:14,260
ju mund të përdorni sot me një fushë teksti
këtu për të lira dhe pastaj me sa duket vetëm

723
00:32:14,260 --> 00:32:14,880
teksti.

724
00:32:14,880 --> 00:32:16,860
>> Kjo nuk është një formë e këtu, me sa duket.

725
00:32:16,860 --> 00:32:19,360
Por në qoftë se unë klikoni shkoj
quote, njoftim web faqen time

726
00:32:19,360 --> 00:32:22,760
është gati të ndryshojë sikur unë
mori vetëm një mesazh të ri çastit

727
00:32:22,760 --> 00:32:25,360
ose sikur unë vetëm u zhvendos
hartë dhe të nevojshme për të marrë më shumë të dhëna

728
00:32:25,360 --> 00:32:29,220
shtuar dinamike në web faqe
pa ndryshimin URL dhe përdoruesit

729
00:32:29,220 --> 00:32:30,980
Përvoja duke ndërprerë.

730
00:32:30,980 --> 00:32:35,750
Në të vërtetë, unë jam ende në
saktë të njëjtën ajax2.html place--.

731
00:32:35,750 --> 00:32:39,080
>> Pra, le të shohim vetëm në këtë shembull
dhe të shohim se si kjo po ndodh.

732
00:32:39,080 --> 00:32:42,490
Më lejoni të shkoj në ajax2.html.

733
00:32:42,490 --> 00:32:44,770
Dhe njoftim formën e parë.

734
00:32:44,770 --> 00:32:47,092
>> Këtu poshtë, unë jam kthyer
off plotë të auto.

735
00:32:47,092 --> 00:32:48,800
Ndonjëherë ajo merr
i bezdisshëm, nëse shfletuesi

736
00:32:48,800 --> 00:32:50,508
është duke u përpjekur për të treguar ju
tërë historinë tuaj.

737
00:32:50,508 --> 00:32:53,450
Kështu që ju mund ta bëni atë në HTML nga
vetëm duke thënë auto përfunduar off.

738
00:32:53,450 --> 00:32:57,290
>> Unë e kam dhënë këtë tekst fushë a
symbol-- më tepër, një ID të simbolit.

739
00:32:57,290 --> 00:32:58,977
Dhe tani, kjo është një tipar interesant.

740
00:32:58,977 --> 00:33:01,310
Ne nuk kemi biseduar në lidhje me pëllëmbë,
por ju mund të mendoni rreth saj

741
00:33:01,310 --> 00:33:03,177
si një tag paragrafi apo div tag.

742
00:33:03,177 --> 00:33:05,010
Kjo është ajo që quhet një
në-linjë element, i cili

743
00:33:05,010 --> 00:33:07,415
do të thotë që ju nuk do të merrni një paragraf
thyer sipër dhe poshtë saj.

744
00:33:07,415 --> 00:33:11,530
Është vetëm do të qëndrojë në linjë pa
goditur ekuivalentin e të hyjë.

745
00:33:11,530 --> 00:33:17,980
Kështu që unë kam dhënë këtë copë të HTML
për të përcaktuar një identifikues unik

746
00:33:17,980 --> 00:33:20,130
që në mënyrë arbitrare të quajtur çmimi.

747
00:33:20,130 --> 00:33:21,560
Dhe unë kam një buton Submit.

748
00:33:21,560 --> 00:33:25,420
>> Sepse tani up here-- dhe kjo është
Kodi fakt super e mahnitshme se sa pak

749
00:33:25,420 --> 00:33:27,660
ju mund të shkruani për të bërë
relativisht i zoti things--

750
00:33:27,660 --> 00:33:31,800
vini re atë që unë kam bërë deri këtu, nëse I
shkoni deri në krye të kësaj faqe.

751
00:33:31,800 --> 00:33:34,970
Unë e kam përfshirë të parë në
koka ime a tag script

752
00:33:34,970 --> 00:33:37,410
që në fakt i referohet një
JavaScript paraqesë diku tjetër.

753
00:33:37,410 --> 00:33:39,702
Kjo është nga organizata
që shkruan jQuery,

754
00:33:39,702 --> 00:33:42,660
dhe kjo është vetëm duke ju dhënë të fundit
version i bibliotekës jQuery tyre.

755
00:33:42,660 --> 00:33:46,305
>> Pra, kjo është lloj i si të mprehtë
përfshijnë në C, ose të kërkojë në PHP.

756
00:33:46,305 --> 00:33:48,900
Ju përdorni tag script
me një atribut burim.

757
00:33:48,900 --> 00:33:52,030
Por tani kodi im është
do të jetë e drejtë këtu.

758
00:33:52,030 --> 00:33:54,170
>> Njoftim Unë kam një funksion të quajtur Quotes.

759
00:33:54,170 --> 00:33:56,180
Dhe kjo duket pak
fshehtë në shikim të parë.

760
00:33:56,180 --> 00:33:57,305
Por le të ngas këtë larg.

761
00:33:57,305 --> 00:33:59,090
Më jepni një variabël të quajtur URL.

762
00:33:59,090 --> 00:34:01,390
Të caktojë atë fjalë për fjalë në këtë varg.

763
00:34:01,390 --> 00:34:04,530
Pra, citate të vetme, kuotat dyfishtë në
JavaScript vetëm më jep një varg.

764
00:34:04,530 --> 00:34:06,900
Çfarë do të bëjë plus?

765
00:34:06,900 --> 00:34:08,199
Varg.

766
00:34:08,199 --> 00:34:12,610
>> Pra, kjo tani është sintaksë jQuery
i cili merr pak duke u përdorur për të.

767
00:34:12,610 --> 00:34:18,310
Por kjo thjesht do të thotë shkoni merrni mua DOM
nyje identifikues unik i të cilit është simbol.

768
00:34:18,310 --> 00:34:21,929
Hashtag nuk do të thotë
simbol unik identifikues.

769
00:34:21,929 --> 00:34:24,929
>> Shenjë dollar në
kllapa do të thotë vetëm, të përfundojë kjo

770
00:34:24,929 --> 00:34:28,510
në jQuery një lloj i salcë sekrete kështu
ju merrni funksionalitet shtesë.

771
00:34:28,510 --> 00:34:31,880
Dhe pastaj .val është me sa duket
një funksion, apo siç themi tani,

772
00:34:31,880 --> 00:34:35,219
një metodë brenda kësaj nyje
që vetëm ju jep vlerën.

773
00:34:35,219 --> 00:34:38,896
Pra me pak fjalë, të shëmtuar dhe konfuze
pasi kjo duket në shikim të parë,

774
00:34:38,896 --> 00:34:42,020
kjo do të thotë vetëm të marrë me përdoruesit shtypur
in, vënë në fund të vargut

775
00:34:42,020 --> 00:34:42,880
duke concatenating atë.

776
00:34:42,880 --> 00:34:43,739
Kjo është e gjitha.

777
00:34:43,739 --> 00:34:46,070
>> Deri tani, tre linja e fundit.

778
00:34:46,070 --> 00:34:48,690
Ju mund të shtrydh shumë
funksionalitetin nga tre linja.

779
00:34:48,690 --> 00:34:52,199
Kjo shenjë dollar, si një
mënjanë, është vetëm një pseudonim

780
00:34:52,199 --> 00:34:55,800
për një variabël të veçantë globale
quhet fjalë për fjalë jQuery.

781
00:34:55,800 --> 00:34:57,060
>> Shenjë Dollar vetëm duket cool.

782
00:34:57,060 --> 00:35:00,080
Pra, komuniteti jQuery vetëm lloji
e përdorur atë si simbol të tyre të veçanta.

783
00:35:00,080 --> 00:35:02,470
Kjo nuk do të thotë se çfarë do të thotë në PHP.

784
00:35:02,470 --> 00:35:06,356
Në JavaScript, shenjë dollari është
vetëm si një letër e alfabetit

785
00:35:06,356 --> 00:35:07,480
ose një numër për një variabël.

786
00:35:07,480 --> 00:35:09,000
>> Ju vetëm mund të keni atë si emrin.

787
00:35:09,000 --> 00:35:09,770
Vetëm duket cool.

788
00:35:09,770 --> 00:35:11,890
Pra komunitetit
miratoi atë si një pseudonim

789
00:35:11,890 --> 00:35:13,390
për bibliotekën e tyre të quajtur jQuery.

790
00:35:13,390 --> 00:35:15,060
>> Dhe kjo është super popullor.

791
00:35:15,060 --> 00:35:17,620
Pra merrni JSON është pikërisht kjo.

792
00:35:17,620 --> 00:35:19,920
Kjo është një funksion që
folks në jQuery shkroi

793
00:35:19,920 --> 00:35:23,340
që merr JSON nga një server--
JavaScript simbol Object.

794
00:35:23,340 --> 00:35:25,680
Nga ajo URL po shkon
për të marrë këtë informacion?

795
00:35:25,680 --> 00:35:27,790
Me sa duket nga kjo URL këtu.

796
00:35:27,790 --> 00:35:31,180
>> Dhe çfarë duhet të bëjë shfletues si
shpejt si ajo merr përsëri këtë përgjigje?

797
00:35:31,180 --> 00:35:36,500
Dhe kjo është magjia e AJAX, në mënyrë që të
speak-- Asynchronous JavaScript në XML.

798
00:35:36,500 --> 00:35:41,320
Është e vështirë për të parë se me të tillë një
Shembulli i thjeshtë si ne kishte këtu.

799
00:35:41,320 --> 00:35:44,730
>> Por kjo ishte asinkrone në
Ndjenja se kodi im kur

800
00:35:44,730 --> 00:35:48,530
ekzekutuar dërgoi një mesazh
server për të shkuar të marrë mua disa JSON.

801
00:35:48,530 --> 00:35:51,340
Dhe kjo ndodhi super të shpejtë
që kam marrë një përgjigje.

802
00:35:51,340 --> 00:35:55,130
Por ajo që është interesante është se ky
linjë e kodit nuk rri kompjuterin tim.

803
00:35:55,130 --> 00:35:56,550
>> Unë nuk e shoh një ikonë tjerrje.

804
00:35:56,550 --> 00:35:59,200
Unë nuk e humb
Aftësia për të lëvizur miun e mia.

805
00:35:59,200 --> 00:36:01,340
Shfletuesi im ishte në të vërtetë të përkryer gjobë.

806
00:36:01,340 --> 00:36:06,290
>> Sepse rruga JavaScript trajton
përgjigje nga serveri është si më poshtë.

807
00:36:06,290 --> 00:36:09,740
Ju të regjistroheni atë që ju do të thërrasë
një funksion callback, e cila

808
00:36:09,740 --> 00:36:12,830
thjesht do të thotë, hej, JavaScript.

809
00:36:12,830 --> 00:36:16,100
Sapo server
përgjigjet me JSON,

810
00:36:16,100 --> 00:36:18,750
ju lutem telefononi këtë funksion anonim.

811
00:36:18,750 --> 00:36:23,910
>> Dhe ju lutem kaluar në këtë funksion
çfarëdo string server nxjerr nga goja

812
00:36:23,910 --> 00:36:26,080
si një argument i quajtur të dhënave.

813
00:36:26,080 --> 00:36:28,360
Pra, në të tjera, fjalë, në qoftë se
Unë jam grumbulluar dinamike

814
00:36:28,360 --> 00:36:33,370
a quote.php URL kalon në këtë
Simboli si FREE apo GOOG apo gjësend,

815
00:36:33,370 --> 00:36:36,830
Unë jam atëherë them
JavaScript shkoni merrni atë URL.

816
00:36:36,830 --> 00:36:39,080
Mos harroni se të shfletuesit
do të kthehet diçka

817
00:36:39,080 --> 00:36:42,680
që duket si e pamë earlier-- këtë.

818
00:36:42,680 --> 00:36:45,940
>> Dhe çfarë argumenti i dytë
këtu për të marrë JSON është thënë

819
00:36:45,940 --> 00:36:48,450
po e quajmë këtë funksion
kur server merr prapa

820
00:36:48,450 --> 00:36:52,440
nëse kjo është 10 milisekonda
prej tani ose 10 sekonda nga tani.

821
00:36:52,440 --> 00:36:55,840
Dhe, sa më shpejt që ju bëni,
shtoni çmimin në faqe.

822
00:36:55,840 --> 00:36:58,030
Kjo sintaksë këtu vetëm
thotë shkoni merrni nyjen

823
00:36:58,030 --> 00:37:01,940
nga pema unik cilit identifikues
është price-- atë periudhë kemi parë më herët.

824
00:37:01,940 --> 00:37:04,320
>> Kjo metodë quhet HTML
thjesht thotë, shkoni të zëvendësojë

825
00:37:04,320 --> 00:37:08,770
HTML që është atje me data.price.

826
00:37:08,770 --> 00:37:10,200
Çfarë është data.price?

827
00:37:10,200 --> 00:37:12,850
Well, shfletuesi, kujtojnë,
tregoi me këtë vijnë.

828
00:37:12,850 --> 00:37:14,540
Pra, kjo është e të dhënave.

829
00:37:14,540 --> 00:37:18,100
>> Dhe kështu që është pak i fshehtë
për të parë presje këtu.

830
00:37:18,100 --> 00:37:19,350
Por në fakt, më lejoni të bëjë këtë.

831
00:37:19,350 --> 00:37:22,890
Më lejoni vetëm të ngjisni këtë
reale të shpejtë në gedit

832
00:37:22,890 --> 00:37:27,240
dhe tregojnë këtë si kemi treguar
Struktura Zamyla më parë.

833
00:37:27,240 --> 00:37:31,610
>> Çfarë server është dërguar përsëri është një
pak objekt që duket si kjo.

834
00:37:31,610 --> 00:37:37,140
Dhe kështu është data.price
vetëm duke i dhënë mua 0,1515.

835
00:37:37,140 --> 00:37:39,310
Pra, një shumë e lëvizjes
pjesë këtu të gjithë përnjëherë.

836
00:37:39,310 --> 00:37:41,860
>> Por takeaways kyçe është
që ne kemi këtë mundësi

837
00:37:41,860 --> 00:37:44,600
për të bërë HTTP shtesë
Kërkesat përdorur JavaScript

838
00:37:44,600 --> 00:37:46,090
pa pasur nevojë të rifreskoni faqen.

839
00:37:46,090 --> 00:37:49,580
Dhe pastaj ne mund të vërtetë
ndryshuar web faqe në të fluturojnë.

840
00:37:49,580 --> 00:37:51,850
Dhe kjo rezulton se
JavaScript dhe gjuhë të tjera

841
00:37:51,850 --> 00:37:54,510
mund të përdoret tani jo vetëm që
të shndrrohet web pages,

842
00:37:54,510 --> 00:37:57,960
por që në fakt të shkruar software
në një kompjuter të vërtetë,

843
00:37:57,960 --> 00:38:00,240
nuk kufizohen vetëm për Chrome apo si.

844
00:38:00,240 --> 00:38:03,530
>> Në fakt, if-- COLTON, do t'ju
të donte të na bashkohen përsëri këtu

845
00:38:03,530 --> 00:38:06,100
me kodin tuaj laborator, dhe Chang si edhe?

846
00:38:06,100 --> 00:38:09,140
Le të shkojnë përpara, duke folur për
Funksionet anonim dhe callbacks

847
00:38:09,140 --> 00:38:13,090
dhe me të vërtetë provokoj fatin këtu
me një demo të jetojnë me gjakderdhje

848
00:38:13,090 --> 00:38:16,480
teknologji edge, një nga
këto pajisje Elite Motion.

849
00:38:16,480 --> 00:38:18,940
Tani, kjo pajisje, kujtojnë,
është një pajisje e vogël USB

850
00:38:18,940 --> 00:38:25,620
si dhe that-- kjo është beautiful--
që priza në portet USB tuaj.

851
00:38:25,620 --> 00:38:29,120
>> Dhe pastaj ajo siguron të dhëna
në formën e gjesteve njerëzore

852
00:38:29,120 --> 00:38:32,560
duke përdorur zbulimin infra të kuqe trarëve,
në thelb, lëvizjet nga krahun tuaj.

853
00:38:32,560 --> 00:38:35,150
Pra, ndërsa ajo që Maria u përpoq
më parë ishte muskuloz,

854
00:38:35,150 --> 00:38:39,000
në fakt ndjenja çfarë po ndryshon
krahun tuaj, ky është infra të kuqe në bazë.

855
00:38:39,000 --> 00:38:44,390
Pra, ajo është në kërkim për lëvizjet brenda
lloj i sferës së një këmbë apo më shumë

856
00:38:44,390 --> 00:38:46,190
i pajisjes vetë.

857
00:38:46,190 --> 00:38:48,950
>> Pra, pse nuk mund ta marrë
një goditje me thikë në këtë së pari?

858
00:38:48,950 --> 00:38:53,100
Dhe le të shkojë përpara dhe të hedhin
ju deri në lart këtu.

859
00:38:53,100 --> 00:38:56,250
Pra, le të vënë laptop Colton e deri këtu.

860
00:38:56,250 --> 00:38:58,360
Ne kemi marrë Andrean në TV.

861
00:38:58,360 --> 00:39:00,160
Dhe çfarë do të donte mua për të bërë së pari?

862
00:39:00,160 --> 00:39:02,409
>> COLTON: Shkoni përpara dhe vetëm
vënë duart tuaja mbi këtë djalë

863
00:39:02,409 --> 00:39:04,430
dhe ju do të shihni disa shkëlqim të pabesueshëm.

864
00:39:04,430 --> 00:39:07,230
>> DAVID J. Malan: Very nice.

865
00:39:07,230 --> 00:39:11,110
Kjo është e gjitha ndodh në kohë reale.

866
00:39:11,110 --> 00:39:11,889
OK.

867
00:39:11,889 --> 00:39:12,680
Të gjithë të drejtë, dhe yep.

868
00:39:12,680 --> 00:39:14,119
Aq e bukur.

869
00:39:14,119 --> 00:39:15,410
Në rregull, çfarë tjetër mund të bëjmë?

870
00:39:15,410 --> 00:39:17,900
>> COLTON: Shko në ekran tjetër dhe të shohim.

871
00:39:17,900 --> 00:39:19,136
>> DAVID J. Malan: Në rregull.

872
00:39:19,136 --> 00:39:21,780
>> COLTON: Një lojë zbavitëse pak
ku mund të merrni për të bërë robots.

873
00:39:21,780 --> 00:39:24,738
>> DAVID J. Malan: Të gjithë të drejtë, kështu që kjo
Duart e rreme që tregon mua se çfarë të bëj.

874
00:39:24,738 --> 00:39:27,920
COLTON: Po Pra shkoni përpara
dhe kapje një nga blloqet

875
00:39:27,920 --> 00:39:30,637
dhe e vënë atë në krye të trupit të atij robot.

876
00:39:30,637 --> 00:39:32,137
DAVID J. Malan: Oh, nuk ka dora ime.

877
00:39:32,137 --> 00:39:34,000
Oh.

878
00:39:34,000 --> 00:39:34,780
OK, adorable.

879
00:39:34,780 --> 00:39:37,500

880
00:39:37,500 --> 00:39:38,650
Prisni një minutë, OK.

881
00:39:38,650 --> 00:39:41,320
Nuk shkojmë.

882
00:39:41,320 --> 00:39:43,590
>> COLTON: Unë bëra një në aksident.

883
00:39:43,590 --> 00:39:45,423
>> DAVID J. Malan: OK, unë do të marrë këtë djalë.

884
00:39:45,423 --> 00:39:45,923
Damn it!

885
00:39:45,923 --> 00:39:48,467

886
00:39:48,467 --> 00:39:51,550
Kur ne ishim praktikuar këtë të fundit
natën, ju e dini se çfarë këtë transferuar në?

887
00:39:51,550 --> 00:39:54,285
>> Si kjo.

888
00:39:54,285 --> 00:39:55,490
OK.

889
00:39:55,490 --> 00:39:55,990
Një tjetër?

890
00:39:55,990 --> 00:39:56,860
>> COLTON: Sigurisht.

891
00:39:56,860 --> 00:39:58,818
>> DAVID J. Malan: Në rregull,
dhe ka një të tretë.

892
00:39:58,818 --> 00:40:01,130

893
00:40:01,130 --> 00:40:01,674
Dakord.

894
00:40:01,674 --> 00:40:03,215
COLTON: Dhe në këtë, ju merrni to--

895
00:40:03,215 --> 00:40:04,923
DAVID J. Malan: Oh,
kjo e bukur.

896
00:40:04,923 --> 00:40:06,650
COLTON: --yeah, bie përveç kësaj lule.

897
00:40:06,650 --> 00:40:07,441
DAVID J. Malan: OK.

898
00:40:07,441 --> 00:40:11,170

899
00:40:11,170 --> 00:40:11,670
Nuk ka?

900
00:40:11,670 --> 00:40:14,515
Humbur.

901
00:40:14,515 --> 00:40:15,570
>> COLTON: Oh, ju shkoni atje.

902
00:40:15,570 --> 00:40:18,680
>> DAVID J. Malan: Ah, Shikoni se.

903
00:40:18,680 --> 00:40:19,830
Very nice.

904
00:40:19,830 --> 00:40:22,470
E pra, pse nuk "kemi marrë
nga një vullnetar këtu

905
00:40:22,470 --> 00:40:24,180
të cilët do të donte për të ardhur në dorë.

906
00:40:24,180 --> 00:40:27,500
Si për të drejtën atje
në të gjelbër, është ajo?

907
00:40:27,500 --> 00:40:30,540
>> Të gjitha të drejtat, dhe le have--
në vend që të bëjnë këtë, disa prej jush

908
00:40:30,540 --> 00:40:34,590
mund të dinë këtë lojë here--
prerë litarin, ndoshta?

909
00:40:34,590 --> 00:40:35,100
Le të shohim.

910
00:40:35,100 --> 00:40:37,320
Ne kemi syzet tona në më shumë këtu?

911
00:40:37,320 --> 00:40:38,625
>> OK.

912
00:40:38,625 --> 00:40:39,270
Falemnderit.

913
00:40:39,270 --> 00:40:39,380
Çfarë është emri yt?

914
00:40:39,380 --> 00:40:40,350
>> AUDIENCA: Laura.

915
00:40:40,350 --> 00:40:41,266
>> DAVID J. Malan: Laura?

916
00:40:41,266 --> 00:40:42,120
Nisë për të parë.

917
00:40:42,120 --> 00:40:45,600
Nëse ju nuk e mendjes duke vënë
Google Glass mbi syzet tuaja.

918
00:40:45,600 --> 00:40:46,970
Kjo është Colton.

919
00:40:46,970 --> 00:40:47,650
>> COLTON: Hi.

920
00:40:47,650 --> 00:40:48,140
Gëzohem që u njohëm.

921
00:40:48,140 --> 00:40:49,600
>> DAVID J. Malan: OK, eja rreth.

922
00:40:49,600 --> 00:40:52,516
Të gjithë të drejtë, kështu që ajo që ju jeni duke shkuar për të
të bërë këtu, duke luajtur këtë më parë,

923
00:40:52,516 --> 00:40:55,650
është vënë dorën mbi
Motion brishtë këtu.

924
00:40:55,650 --> 00:40:57,210
Dhe tani arrow tuaj duhet të lëvizë.

925
00:40:57,210 --> 00:40:57,710
Oh, jo.

926
00:40:57,710 --> 00:40:58,066
>> AUDIENCA: Jo

927
00:40:58,066 --> 00:40:58,780
>> DAVID J. Malan: Ne
nuk duan të lënë ende.

928
00:40:58,780 --> 00:40:59,280
OK, prisni.

929
00:40:59,280 --> 00:41:01,200
Mbi këtu.

930
00:41:01,200 --> 00:41:03,530
Pra, vini re si ju mbani tuaj
gisht mbi diçka,

931
00:41:03,530 --> 00:41:06,750
miun fillon për të shkuar jeshile,
e cila është se si ju klikoni.

932
00:41:06,750 --> 00:41:08,980
>> Pra, rri pezull mbi Play.

933
00:41:08,980 --> 00:41:10,970
Dhe vetëm një gisht është e mirë.

934
00:41:10,970 --> 00:41:13,869
Dhe tani klikoni mbi pak
djalë e gjelbër në të majtë.

935
00:41:13,869 --> 00:41:15,410
Dhe tani të mbajë deri sa të mbush up gjelbër.

936
00:41:15,410 --> 00:41:15,640
Të mirë.

937
00:41:15,640 --> 00:41:16,990
Tani, ashtu si, niveli një deri të lartë.

938
00:41:16,990 --> 00:41:20,190
>> AUDIENCA: Po, ne duam një niveli, këtu.

939
00:41:20,190 --> 00:41:21,660
>> DAVID J. Malan: Mirë.

940
00:41:21,660 --> 00:41:25,500
OK, kështu që të gjithë ju duhet
të bëni është të prerë litar.

941
00:41:25,500 --> 00:41:28,240
Kursori juaj është një e bardhë atje poshtë.

942
00:41:28,240 --> 00:41:28,880
>> Very nice.

943
00:41:28,880 --> 00:41:31,290

944
00:41:31,290 --> 00:41:32,790
Në rregull, kjo është për të marrë më shumë.

945
00:41:32,790 --> 00:41:34,800
Pra, mbani gishtin tuaj mbi të ardhshëm tani.

946
00:41:34,800 --> 00:41:37,370

947
00:41:37,370 --> 00:41:39,030
Të mirë.

948
00:41:39,030 --> 00:41:39,999
Kjo është e vështirë.

949
00:41:39,999 --> 00:41:40,966
>> AUDIENCA: Oh mut.

950
00:41:40,966 --> 00:41:41,466
OK.

951
00:41:41,466 --> 00:41:42,466
Ajo dëshiron të shkojë në këtë mënyrë.

952
00:41:42,466 --> 00:41:44,890
Oh mut, that--

953
00:41:44,890 --> 00:41:47,120
>> DAVID J. Malan: Po.

954
00:41:47,120 --> 00:41:50,700
Qëllimi sekondar është që të marrë të gjitha yjet.

955
00:41:50,700 --> 00:41:53,920
Të gjithë të drejtë, tjetër.

956
00:41:53,920 --> 00:41:57,504
>> Le të shohim nëse ju mund të merrni këtë të tretë.

957
00:41:57,504 --> 00:41:58,004
Të mirë.

958
00:41:58,004 --> 00:42:05,980

959
00:42:05,980 --> 00:42:06,840
OK, të shkojnë atje.

960
00:42:06,840 --> 00:42:08,850
>> Të sigurt.

961
00:42:08,850 --> 00:42:11,230
Oh, shumë e bukur.

962
00:42:11,230 --> 00:42:11,930
Dakord.

963
00:42:11,930 --> 00:42:13,534
>> Pra, pse nuk kemi shtyrë këtu sot?

964
00:42:13,534 --> 00:42:15,200
Le dikush të vijë në dorë i cili dëshiron të luajë.

965
00:42:15,200 --> 00:42:16,880
Thanks so much për të Laura vullnetare tonë.

966
00:42:16,880 --> 00:42:18,730
Dhe ne do të shohim të hënën.

967
00:42:18,730 --> 00:42:21,190
>> AUDIENCA: Ju ndoshta dëshironi këto prapa.

968
00:42:21,190 --> 00:42:23,640
>> Gjuha 2: Në CS50-- ardhshëm

969
00:42:23,640 --> 00:42:35,222