1
00:00:00,000 --> 00:00:08,070

2
00:00:08,070 --> 00:00:10,430
>> R.J. AQUINO: Lad os bare komme i gang.

3
00:00:10,430 --> 00:00:12,310
Så dette er Quiz 1.

4
00:00:12,310 --> 00:00:14,890
Her er nogle oplysninger på højt niveau.

5
00:00:14,890 --> 00:00:19,915
Den About side for quizzen er på dette
URL ikke længere CS50.net, selv om

6
00:00:19,915 --> 00:00:21,080
vil stadig arbejde.

7
00:00:21,080 --> 00:00:26,920
Det er CS50.harvard.edu/quizzes/2013/1.

8
00:00:26,920 --> 00:00:31,070
Det er den store Om side, som fortæller dig
hvor og hvornår, nemlig næste onsdag

9
00:00:31,070 --> 00:00:32,100
i en flok af værelser.

10
00:00:32,100 --> 00:00:36,120
Og ved næste onsdag, jeg
betyde to dage fra nu.

11
00:00:36,120 --> 00:00:37,890
Alle disse oplysninger er der.

12
00:00:37,890 --> 00:00:39,110
Men det er kumulative.

13
00:00:39,110 --> 00:00:43,790
>> Så alt fra den første halvdel af
år er potentielt på quiz,

14
00:00:43,790 --> 00:00:50,780
fordi du ikke kan virkelig gøre avanceret
ting i C uden hvis forhold og

15
00:00:50,780 --> 00:00:51,920
efter sløjfer og lignende.

16
00:00:51,920 --> 00:00:55,580
Men der vil blive lagt vægt på den
materiale omfattet, da Quiz 0,

17
00:00:55,580 --> 00:00:59,570
startende med structs og Fil
I / O. Det er typisk mere

18
00:00:59,570 --> 00:01:01,620
udfordrende end Quiz 0.

19
00:01:01,620 --> 00:01:03,870
Den gennemsnitlige score er typisk lavere.

20
00:01:03,870 --> 00:01:05,980
Studere hårdt.

21
00:01:05,980 --> 00:01:09,340
>> Mens du studerer, skal du sørge for at bruge
CS50/discuss at sende dine spørgsmål

22
00:01:09,340 --> 00:01:10,830
og læse andre folks spørgsmål.

23
00:01:10,830 --> 00:01:13,550
Så hvis du ikke har nogen spørgsmål,
Log på og læs

24
00:01:13,550 --> 00:01:14,580
dine venners spørgsmål.

25
00:01:14,580 --> 00:01:16,560
De er sikkert gode spørgsmål.

26
00:01:16,560 --> 00:01:17,730
Og tage den praksis quizzer.

27
00:01:17,730 --> 00:01:20,750
Vi har været at give quizzer for
syv eller otte år nu.

28
00:01:20,750 --> 00:01:22,180
De er alle online.

29
00:01:22,180 --> 00:01:25,540
Fremtidige spørgsmål svarer
til gamle spørgsmål.

30
00:01:25,540 --> 00:01:26,550
Det er, hvordan vi gør dem.

31
00:01:26,550 --> 00:01:27,740
>> Quizzen findes ikke endnu.

32
00:01:27,740 --> 00:01:28,670
Ingen af ​​os har set det.

33
00:01:28,670 --> 00:01:32,496
Men det vil se ud
tidligere quizzer.

34
00:01:32,496 --> 00:01:36,500
Til denne anmeldelse session, er det ikke
en udtømmende liste over emner.

35
00:01:36,500 --> 00:01:40,740
Du kan ikke bare deltage i dette, og derefter
være helt klar til quizzen.

36
00:01:40,740 --> 00:01:43,330
Ellers ville det ikke være
så meget af en quiz.

37
00:01:43,330 --> 00:01:46,270
Og det er heller ikke nødvendigvis
alt hvad du behøver at vide om nogen

38
00:01:46,270 --> 00:01:46,970
givet emne.

39
00:01:46,970 --> 00:01:50,520
Det er meningen at udsætte dig for de ting,
vi har dækket, minde dig om, hvad vi

40
00:01:50,520 --> 00:01:53,070
dækkes, og den måde,
som vi dækket det.

41
00:01:53,070 --> 00:01:57,030
Men du bliver nødt til at gå videre og
dybere når du studerer at dobbelttjekke

42
00:01:57,030 --> 00:02:00,230
at du ved alt om en given
emne, og at du har udfyldt

43
00:02:00,230 --> 00:02:03,320
alle hjørner, der var
dækket i foredraget.

44
00:02:03,320 --> 00:02:07,980
>> Quiz noter fortælle dig at gå til
skriftlærde noter, ur forelæsning videoer.

45
00:02:07,980 --> 00:02:10,155
Det er en god måde at sikre, at du har
dækket alle dine baser.

46
00:02:10,155 --> 00:02:12,670

47
00:02:12,670 --> 00:02:17,340
Så komme i gang, da jeg lavede disse
dias, jeg forsøgte at sætte hvor jeg fandt

48
00:02:17,340 --> 00:02:18,350
information.

49
00:02:18,350 --> 00:02:22,890
Så for File I / O, for eksempel, uge ​​7,
Mandagens foredrag, og den udstationerede

50
00:02:22,890 --> 00:02:27,960
Afsnit 6 og Problem indstille alle har
information om File I / O. Jeg har gjort

51
00:02:27,960 --> 00:02:28,840
dette for hvert emne.

52
00:02:28,840 --> 00:02:33,010
Så de titeldias kan
være nyttige for dig.

53
00:02:33,010 --> 00:02:38,950
>> Så her har vi File I / O. Husk, at i
Problem Set 5, brugte vi fopen, fclose,

54
00:02:38,950 --> 00:02:41,210
fwrite, fread og fseek.

55
00:02:41,210 --> 00:02:48,090
Efter at have genvundet 30ish JPEG og
have ændret størrelse og rodet med

56
00:02:48,090 --> 00:02:50,320
bitmaps, skal du være temmelig fortrolig
med disse funktioner

57
00:02:50,320 --> 00:02:51,830
og hvordan de fungerer.

58
00:02:51,830 --> 00:02:54,420
Hvis du ikke længere er velkendte,
helt sikkert gennemgå dem.

59
00:02:54,420 --> 00:02:56,860
Og sørg for at forstå, hvad
de forskellige argumenter er,

60
00:02:56,860 --> 00:02:58,260
når de er brugt.

61
00:02:58,260 --> 00:03:03,620
>> Men de fælles filrelaterede bugs
kan du blive bedt om -

62
00:03:03,620 --> 00:03:07,270
godt, hvis du har glemt at kontrollere, om
fopen faktisk arbejdede, før du går til

63
00:03:07,270 --> 00:03:08,350
ændre en fil.

64
00:03:08,350 --> 00:03:09,760
Det kunne være slemt.

65
00:03:09,760 --> 00:03:13,560
Hvis du har glemt at fclose en fil
at du har fopened, der ligner

66
00:03:13,560 --> 00:03:14,400
en hukommelsesfejl.

67
00:03:14,400 --> 00:03:15,980
Det er temmelig dårlig.

68
00:03:15,980 --> 00:03:18,670
Og glemmer at kontrollere, om du har
nået til slutningen af ​​filen, før du

69
00:03:18,670 --> 00:03:19,790
begynde at skrive på den.

70
00:03:19,790 --> 00:03:22,320
>> Så hvis du siger, hey, jeg er på
slutningen af ​​filen.

71
00:03:22,320 --> 00:03:23,750
Giv mig 5 flere byte.

72
00:03:23,750 --> 00:03:27,370
Nå, det er nok ikke kommer til at
arbejde ud af den måde, du forventer.

73
00:03:27,370 --> 00:03:30,930
Det er virkelig det for File I / O,
fordi vi gjorde så meget af det

74
00:03:30,930 --> 00:03:32,300
problemet indstillet.

75
00:03:32,300 --> 00:03:36,000
Så hvis du forstod, hvad der foregik
i Problem Set 5, husker bitmats

76
00:03:36,000 --> 00:03:40,090
og JPEG, så er du sikkert alt
indstillet til File I / O. Hvis der er en smule

77
00:03:40,090 --> 00:03:44,770
fuzzy, helt sikkert gennemgå dette problem
sæt og det tilknyttede materiale.

78
00:03:44,770 --> 00:03:51,110
>> Structs var det emne, der var på
linje mellem Quiz 0 og Quiz 1.

79
00:03:51,110 --> 00:03:53,090
Ikke helt gøre cut for Quiz 0.

80
00:03:53,090 --> 00:03:57,040
Så de vil helt sikkert være på
Quiz 1 uge 7, mandag.

81
00:03:57,040 --> 00:03:58,150
Hvad er en struct?

82
00:03:58,150 --> 00:04:00,250
Her viser vi en struct.

83
00:04:00,250 --> 00:04:03,140
Det er ligesom en ny type.

84
00:04:03,140 --> 00:04:07,940
Det er ligesom en container
for flere felter.

85
00:04:07,940 --> 00:04:12,970
>> I dette tilfælde har vi erklæret en struct
studerende, der har to felter -

86
00:04:12,970 --> 00:04:17,750
en streng, som vi kalder navn og
en int, som vi kalder alder.

87
00:04:17,750 --> 00:04:21,450
Så når jeg passere omkring elever eller jeg
modificere de studerende, vil jeg være i stand til at

88
00:04:21,450 --> 00:04:24,430
få adgang til deres navn og deres alder.

89
00:04:24,430 --> 00:04:26,670
Lad os se på nogle kode for det.

90
00:04:26,670 --> 00:04:29,090
Her ser vi, at jeg har erklæret
en studerendes, ligesom

91
00:04:29,090 --> 00:04:30,300
Jeg erklærer enhver variabel -

92
00:04:30,300 --> 00:04:32,430
int x, int y, et cetera.

93
00:04:32,430 --> 00:04:34,180
>> Her er studerendes.

94
00:04:34,180 --> 00:04:37,370
Han starter med intet i hans marker.

95
00:04:37,370 --> 00:04:38,240
Så lad os sætte dem.

96
00:04:38,240 --> 00:04:40,681
Du sætter felterne i en struct med prik.

97
00:04:40,681 --> 00:04:43,780
Så jeg har sagt her, at s.name = RJ.

98
00:04:43,780 --> 00:04:46,470
Og s.age = 21.

99
00:04:46,470 --> 00:04:48,500
Du kan også opdatere felter
på samme måde, du ville opdatere

100
00:04:48,500 --> 00:04:49,550
værdien af ​​en variabel.

101
00:04:49,550 --> 00:04:53,270
Så jeg ønsker at ændre mit navn fra RJ med
ingen perioder R.J. stavet

102
00:04:53,270 --> 00:04:54,540
rigtige måde.

103
00:04:54,540 --> 00:04:58,890
Det ville være s.name = RJ, det samme
som vi sagde det oprindeligt.

104
00:04:58,890 --> 00:05:00,030
Og så kan du få adgang til dem.

105
00:05:00,030 --> 00:05:00,930
>> Så vi har sat dem.

106
00:05:00,930 --> 00:05:01,840
Vi har opdateret dem.

107
00:05:01,840 --> 00:05:03,890
Du kan også få adgang til dem
i den meget samme måde.

108
00:05:03,890 --> 00:05:09,330
Så her, jeg udskrivning ud
R.J. Er 21 år gammel.

109
00:05:09,330 --> 00:05:14,700
Og jeg adgang disse værdier
med s.name og s.age.

110
00:05:14,700 --> 00:05:17,040
Så der er adgang til structs
med dot notation.

111
00:05:17,040 --> 00:05:17,850
Jep, spørgsmål?

112
00:05:17,850 --> 00:05:21,176
>> PUBLIKUM: Er der en grund til
forrige dias, som du ikke har bragt

113
00:05:21,176 --> 00:05:24,848
elev på den øverste linje, ligesom typedef
struct student og derefter

114
00:05:24,848 --> 00:05:25,840
elev i slutningen?

115
00:05:25,840 --> 00:05:29,040
>> R.J. AQUINO: Så spørgsmålet var, om
dette dias, har vi typisk set

116
00:05:29,040 --> 00:05:32,400
typedef struct node og derefter
områderne struct og

117
00:05:32,400 --> 00:05:34,250
derefter ordet node.

118
00:05:34,250 --> 00:05:37,790
Og hvordan kommer her jeg ikke sige, typedef
struct studerende og derefter

119
00:05:37,790 --> 00:05:39,820
områderne struct og derefter student?

120
00:05:39,820 --> 00:05:44,310
Årsagen er, at jeg ikke behøver at
adgang til det indvendige af struct.

121
00:05:44,310 --> 00:05:46,270
Så det er OK at forlade det uden et navn.

122
00:05:46,270 --> 00:05:49,210
Jeg kan bare lade det som
en anonym struct.

123
00:05:49,210 --> 00:05:53,130
>> Grunden til at vi gør det for hægtede lister og
ting er fordi inde du har brug

124
00:05:53,130 --> 00:05:55,360
at henvise til en struct noder stjerne.

125
00:05:55,360 --> 00:05:58,220
Så struct skal have et navn,
så du kan få adgang til det senere.

126
00:05:58,220 --> 00:05:59,540
Det er en mindre detalje.

127
00:05:59,540 --> 00:06:04,750
Men du vil typisk se typedef struct
krøllede parenteser, hvis du ikke har brug for

128
00:06:04,750 --> 00:06:08,720
navn og typedef struct nogle navn
efterfulgt af krøllede parenteser, hvis du vil

129
00:06:08,720 --> 00:06:09,520
bruge navnet.

130
00:06:09,520 --> 00:06:12,070
Så det er et godt spørgsmål.

131
00:06:12,070 --> 00:06:17,000
>> Og på dette punkt, er vi tilbøjelige til at ændre
structs og passere rundt structs af

132
00:06:17,000 --> 00:06:18,680
referere, ikke af værdi.

133
00:06:18,680 --> 00:06:21,940
Så vi vil bare passere rundt henvisninger til
structs stedet passere omkring

134
00:06:21,940 --> 00:06:23,150
Structs selv.

135
00:06:23,150 --> 00:06:28,050
Så du meget ofte kommer til at være
bruger, i dette tilfælde, student * eller

136
00:06:28,050 --> 00:06:34,150
struct node * eller node * i stedet
ud studerende eller noder.

137
00:06:34,150 --> 00:06:39,350
Så her, jeg har sagt, OK, den variable PTR
vil være adressen på s.

138
00:06:39,350 --> 00:06:45,570
Det kommer til at være markøren
til den studerende R.J.

139
00:06:45,570 --> 00:06:48,965
>> Så vi kan få på disse områder
det samme som vi får noget.

140
00:06:48,965 --> 00:06:51,460
Først ID referere markøren
at få struct.

141
00:06:51,460 --> 00:06:55,530
Det er * ptr og derefter
en prik og derefter alder.

142
00:06:55,530 --> 00:06:58,790
Så for at få adgang til området, og jeg har opdateret
det nu til 22, Fordi, lad os

143
00:06:58,790 --> 00:07:00,860
sige, det var min fødselsdag.

144
00:07:00,860 --> 00:07:03,990
Der er en genvej syntaks
ved hjælp af pilen her.

145
00:07:03,990 --> 00:07:07,060
Så ptr pil alder er bare
det samme som * ptr.age.

146
00:07:07,060 --> 00:07:10,150

147
00:07:10,150 --> 00:07:11,550
Nu, det er noget du bliver nødt
at huske og huske.

148
00:07:11,550 --> 00:07:15,010
>> Du brugte det meget i pset6,
speller PSET.

149
00:07:15,010 --> 00:07:18,350
Men det er faktisk, hvad der foregår
på under hætten.

150
00:07:18,350 --> 00:07:20,500
Det er dereferere markøren
og derefter få adgang til det.

151
00:07:20,500 --> 00:07:21,432
Spørgsmål?

152
00:07:21,432 --> 00:07:22,682
>> PUBLIKUM: [uhørligt].

153
00:07:22,682 --> 00:07:25,860

154
00:07:25,860 --> 00:07:28,060
>> R.J. AQUINO: Så hvorfor bruger vi
pejlemærker som structs i stedet for

155
00:07:28,060 --> 00:07:29,500
Structs selv?

156
00:07:29,500 --> 00:07:33,740
Årsagen ville være, hvis du passerer
en struct til en funktion, har du sandsynligvis

157
00:07:33,740 --> 00:07:36,900
ønsker at passere rundt blot 4 eller så
bytes, der repræsenterer markøren, som

158
00:07:36,900 --> 00:07:40,375
modsætning til den potentielt 30 eller
40 bytes, der er struct.

159
00:07:40,375 --> 00:07:44,410
Så passerer noget til en funktion
er lettere, når ting

160
00:07:44,410 --> 00:07:48,230
er mindre i kort.

161
00:07:48,230 --> 00:07:49,074
Spørgsmål?

162
00:07:49,074 --> 00:07:53,026
>> PUBLIKUM: Du har måske nævnt dette
i begyndelsen, men er der

163
00:07:53,026 --> 00:07:56,000
andre dias op på [uhørligt]?

164
00:07:56,000 --> 00:07:58,960
>> R.J. AQUINO: Disse slides vil være
op efter gennemgang session.

165
00:07:58,960 --> 00:08:00,210
Vi vil sende dem på hjemmesiden.

166
00:08:00,210 --> 00:08:02,450

167
00:08:02,450 --> 00:08:06,870
Så bevæger sig på og bevæger sig på en anelse
hurtigere, vi kommer til at tale om data

168
00:08:06,870 --> 00:08:07,350
strukturer.

169
00:08:07,350 --> 00:08:08,040
Der er en masse.

170
00:08:08,040 --> 00:08:10,080
Vi dækkede en flok af dem.

171
00:08:10,080 --> 00:08:12,500
Her er hvad du bør forstå
om datastruktur.

172
00:08:12,500 --> 00:08:15,590
>> Du bør virkelig forstå på et højt
niveau, hvad hver enkelt struktur er.

173
00:08:15,590 --> 00:08:21,190
Kan du forklare på engelsk til din
ven, som ikke har taget CS50 hvordan

174
00:08:21,190 --> 00:08:25,580
vi organisere vores data, og hvorfor vi skulle også
skal bruge noget på denne måde?

175
00:08:25,580 --> 00:08:26,990
Det er ting man.

176
00:08:26,990 --> 00:08:29,650
Thing to, forstå
implementeringen.

177
00:08:29,650 --> 00:08:34,270
Så forstår at bruge disse ting
i C. Og vi vil være at gå over dette.

178
00:08:34,270 --> 00:08:39,030
>> Og så ting tre ville være kende
kørselstider og begrænsningerne af

179
00:08:39,030 --> 00:08:40,470
forskellige strukturer, du bruger.

180
00:08:40,470 --> 00:08:44,059
Så forstå, hvorfor du ville bruge en
hash tabel i stedet for et array.

181
00:08:44,059 --> 00:08:49,570
Forstå, hvordan hurtigt i gennemsnit
adgang til en hash tabel er.

182
00:08:49,570 --> 00:08:54,010
Forstå hvad operationer er hurtig på
linkede liste, men langsomt på arrays og

183
00:08:54,010 --> 00:08:56,080
vice versa.

184
00:08:56,080 --> 00:08:59,780
Så for at forstå det, er du nødt til
forstå Big-O notation bare at vide

185
00:08:59,780 --> 00:09:01,310
hvordan til at tale om disse
slags ting.

186
00:09:01,310 --> 00:09:02,700
Og vi vil tale om det.

187
00:09:02,700 --> 00:09:06,040
>> Så første ting, der er knyttet lister.

188
00:09:06,040 --> 00:09:07,770
Her er et højt niveau billede
en sammenkædet liste.

189
00:09:07,770 --> 00:09:08,830
Vi viser det i klassen.

190
00:09:08,830 --> 00:09:11,670
Vi har typisk 10 personer
stående på scenen.

191
00:09:11,670 --> 00:09:16,790
Men vi har en række knudepunkter, hvor hver
knudepunkt har en vis værdi, og en pointer

192
00:09:16,790 --> 00:09:18,610
til den næste værdi.

193
00:09:18,610 --> 00:09:21,730
Så for at komme fra én node til den næste, du
bare sige, giv mig den næste node.

194
00:09:21,730 --> 00:09:22,530
Du har denne node.

195
00:09:22,530 --> 00:09:23,770
Giv mig den næste node.

196
00:09:23,770 --> 00:09:24,400
Du har denne node.

197
00:09:24,400 --> 00:09:28,790
Giv mig den næste node og så videre
indtil der er ingen node til venstre.

198
00:09:28,790 --> 00:09:31,850
>> Så fortsætte med at tale om
det på et højt niveau.

199
00:09:31,850 --> 00:09:34,100
Det er meget nemt at indsætte ting
i en sammenkædet liste.

200
00:09:34,100 --> 00:09:36,010
Hvis du er ligeglad med ordren,
du kan bare slippe det

201
00:09:36,010 --> 00:09:36,840
lige i starten.

202
00:09:36,840 --> 00:09:38,520
Det er konstant tid.

203
00:09:38,520 --> 00:09:39,900
Men det er svært at finde en værdi.

204
00:09:39,900 --> 00:09:43,060
Hvis du forsøger at spørge,
er syv i min liste?

205
00:09:43,060 --> 00:09:44,740
Du er nødt til at gå igennem
hver enkelt værdi.

206
00:09:44,740 --> 00:09:45,680
Er det syv?

207
00:09:45,680 --> 00:09:46,610
Er det syv?

208
00:09:46,610 --> 00:09:47,770
Er det syv?

209
00:09:47,770 --> 00:09:48,690
Er det syv?

210
00:09:48,690 --> 00:09:49,830
Igen og igen.

211
00:09:49,830 --> 00:09:51,520
Og det er O (n).

212
00:09:51,520 --> 00:09:53,800
Så når studerer til quizzen,
sammenligne dette med arrays.

213
00:09:53,800 --> 00:09:57,010

214
00:09:57,010 --> 00:09:58,220
>> Er det OK?

215
00:09:58,220 --> 00:09:59,220
Lysene gik dim.

216
00:09:59,220 --> 00:10:01,110
OK.

217
00:10:01,110 --> 00:10:02,400
Hvornår er en sammenkædet liste bedre?

218
00:10:02,400 --> 00:10:04,640
Hvornår er et array bedre?

219
00:10:04,640 --> 00:10:06,670
Så lad os se på nogle kode.

220
00:10:06,670 --> 00:10:08,960
Her er en potentiel node.

221
00:10:08,960 --> 00:10:09,770
Det er en struct.

222
00:10:09,770 --> 00:10:12,220
Det har en int n, som
vil være vores værdi.

223
00:10:12,220 --> 00:10:17,780
Og det har en struct node * næste, som
er vores pointer til den næste node.

224
00:10:17,780 --> 00:10:23,040
Så her kan vi se, at vi er der sket
at have sat en int i vores knude.

225
00:10:23,040 --> 00:10:27,850
Men hvis dette var en linket liste over char
stjerner eller en sammenkædet liste over flåd, vi

226
00:10:27,850 --> 00:10:28,820
helt kunne gøre det også.

227
00:10:28,820 --> 00:10:33,110
>> Husk i pset6, har du sandsynligvis haft en
hægtet liste af char stjerner eller blot

228
00:10:33,110 --> 00:10:34,360
statiske char arrays.

229
00:10:34,360 --> 00:10:37,370

230
00:10:37,370 --> 00:10:39,040
Lad os se her på en operation.

231
00:10:39,040 --> 00:10:43,570
Så vi ønsker at indsætte en ny
n ind i vores linkede liste.

232
00:10:43,570 --> 00:10:48,940
Vi starter ud med et hoved pointer, der er
en pointer til dette knudepunkt, der har den

233
00:10:48,940 --> 00:10:53,460
værdi af n, og en næste af en pointer,
peger på denne node er en værdi på

234
00:10:53,460 --> 00:10:57,760
n og en næste nul, fordi
det er den sidste node.

235
00:10:57,760 --> 00:11:00,440
Så af hensyn til tiden, vil jeg
lægge al koden på skærmen.

236
00:11:00,440 --> 00:11:03,130
Og vi vil gå igennem det
et par linjer ad gangen.

237
00:11:03,130 --> 00:11:05,790
>> Så her er koden.

238
00:11:05,790 --> 00:11:07,560
Jeg håber, det er læsbar.

239
00:11:07,560 --> 00:11:11,275
Det første, vi gør, er
vi allokere et nyt knudepunkt.

240
00:11:11,275 --> 00:11:15,105
Så det giver en pointer til en ny node,
ikke helt har noget sæt

241
00:11:15,105 --> 00:11:16,450
op i det endnu.

242
00:11:16,450 --> 00:11:19,580
Vi skal du kontrollere, at
den nye node er ikke nul.

243
00:11:19,580 --> 00:11:22,220
Ellers, vi er nødt til at give op.

244
00:11:22,220 --> 00:11:27,680
Så efter at have kontrolleret, at vi nu
indstille værdier i knudepunktet.

245
00:11:27,680 --> 00:11:31,520
Så vi satte den nye n ind i vores n felt.

246
00:11:31,520 --> 00:11:36,050
Og vi er den næste pointer til at pege på
den oprindelige hoved, så vi kan

247
00:11:36,050 --> 00:11:38,900
nu har indsat denne
node i vores liste.

248
00:11:38,900 --> 00:11:44,600
>> Endelig har vi den globale hoved punkt
til vores nye node, så hvis vi skulle

249
00:11:44,600 --> 00:11:50,300
starter på hovedet, ville vi være på dette
ny første knudepunkt i stedet for

250
00:11:50,300 --> 00:11:51,560
den gamle første knudepunkt.

251
00:11:51,560 --> 00:11:55,320
Og når denne funktion afslutter den
ikke længere eksisterer variable ny knude,

252
00:11:55,320 --> 00:11:57,130
fordi det var lokale til funktionen.

253
00:11:57,130 --> 00:11:59,770
Så dette er verdens tilstand.

254
00:11:59,770 --> 00:12:03,570
Vores globale hoved peger på vores nye
første knude, som peger på vores

255
00:12:03,570 --> 00:12:06,346
oprindelige første knude, hvilke punkter
til knudepunktet efter at.

256
00:12:06,346 --> 00:12:09,790
>> Det var indsættelse.

257
00:12:09,790 --> 00:12:12,150
Jeg håber, at det var forholdsvis
ligetil at følge.

258
00:12:12,150 --> 00:12:14,300
Når du er i tvivl, tegne et billede.

259
00:12:14,300 --> 00:12:17,820
Så jeg synes, at vi taler om
hægtede lister og kigge på

260
00:12:17,820 --> 00:12:19,870
kode er meget ikke nyttigt.

261
00:12:19,870 --> 00:12:23,790
Betragtninger ser på et billede af en sammenkædet
Listen giver mig mulighed for at tænke, åh, så

262
00:12:23,790 --> 00:12:24,970
Jeg har denne node her.

263
00:12:24,970 --> 00:12:28,980
Men hvis jeg opdatere denne pointer,
det ender afbrudt.

264
00:12:28,980 --> 00:12:34,340
Og jeg har glemt, hvor
noden går.

265
00:12:34,340 --> 00:12:35,390
Og koden kommer ud.

266
00:12:35,390 --> 00:12:37,830
Og du har flere noder
der er afbrudt.

267
00:12:37,830 --> 00:12:39,970
Og du behøver ikke ender med
den liste, du ønsker.

268
00:12:39,970 --> 00:12:43,320
>> Så hvis du tegne billedet og gøre det
skridt for skridt, forhåbentlig, vil du se

269
00:12:43,320 --> 00:12:46,840
den rigtige rækkefølge af ting i form af
ajourføring af henvisninger til at sørge

270
00:12:46,840 --> 00:12:48,830
at listen kommer sammen.

271
00:12:48,830 --> 00:12:51,240
Insert er forholdsvis ligetil.

272
00:12:51,240 --> 00:12:55,210
En mere kompliceret ville være
Indsættelse i en ordnet liste.

273
00:12:55,210 --> 00:12:59,980
En mere kompliceret funktion er at slette
og finde, så at kigge gennem en liste

274
00:12:59,980 --> 00:13:03,030
se, om noget er der.

275
00:13:03,030 --> 00:13:07,220
Måske du gjorde det i pset6 når du
kom ind i din hash tabel, og du sagde,

276
00:13:07,220 --> 00:13:10,460
godt, er ordet æble
i min linkede liste?

277
00:13:10,460 --> 00:13:11,440
>> Så du måske allerede har gjort dette.

278
00:13:11,440 --> 00:13:15,530
Men absolut, genopfriske din hukommelse
og forsøge at reimplement finde og

279
00:13:15,530 --> 00:13:19,150
reimplement slette en linket liste.

280
00:13:19,150 --> 00:13:22,850
Sjov side bemærkning, er der også dobbelt-linked
lister, hvor du har

281
00:13:22,850 --> 00:13:27,490
pejlemærker, der peger både fremad og
bagud, så du kunne gå til

282
00:13:27,490 --> 00:13:29,270
næste node og til den foregående knude.

283
00:13:29,270 --> 00:13:33,860
Og der var et spørgsmål om sidste års
quiz af denne type, taler

284
00:13:33,860 --> 00:13:36,190
omkring dobbelt-bundet lister.

285
00:13:36,190 --> 00:13:40,070
>> Nu, det er en struktur, at du er
relativt bekendt med, fordi de fleste

286
00:13:40,070 --> 00:13:42,520
af jer sikkert brugt dem på pset6.

287
00:13:42,520 --> 00:13:45,680
Her er en, der er lidt mindre velkendt.

288
00:13:45,680 --> 00:13:51,020
Som en side bemærkning, jeg tror, ​​at Quiz 1 er
primært hårdere end Quiz 0, fordi

289
00:13:51,020 --> 00:13:54,600
de ting, du laver, du
ikke har gjort så meget.

290
00:13:54,600 --> 00:13:58,100
At sætte det på en anden måde, for Quiz 0,
du havde skrevet en masse C. Og vi

291
00:13:58,100 --> 00:13:58,880
spurgte dig om C.

292
00:13:58,880 --> 00:14:02,310
>> For Quiz 1, vil vi bede dig om
PHP og JavaScript, som du

293
00:14:02,310 --> 00:14:03,490
har ikke skrevet så meget af.

294
00:14:03,490 --> 00:14:07,590
Vi vil bede dig om C-kode,
du har ikke skrevet så meget af,

295
00:14:07,590 --> 00:14:09,130
denne avancerede C ting.

296
00:14:09,130 --> 00:14:11,520
Så absolut, øve de ting, vi
talte om i foredrag, som du

297
00:14:11,520 --> 00:14:15,260
ikke nødvendigvis gøre
om problemet indstillet.

298
00:14:15,260 --> 00:14:17,870
>> Taler om, som du ikke har skrevet
en stak på et problem indstillet.

299
00:14:17,870 --> 00:14:19,610
Men det var i foredraget.

300
00:14:19,610 --> 00:14:22,530
Her er den højt niveau billede af
stakke, at vi viser hvert år.

301
00:14:22,530 --> 00:14:26,180
Det er stakken af ​​skuffer
Mather spisesal.

302
00:14:26,180 --> 00:14:30,570
På et højt niveau, stakke er en sidste
ind, først ud datastruktur.

303
00:14:30,570 --> 00:14:32,040
Det betyder, at du kommer
at sætte tingene i -

304
00:14:32,040 --> 00:14:36,400
1, 3, 7, 12, 14, negativ 0.

305
00:14:36,400 --> 00:14:39,180
Den ene ting, jeg ikke kunne have
sagt - negativ 3, 0.

306
00:14:39,180 --> 00:14:40,250
Du sætter alle disse ting i.

307
00:14:40,250 --> 00:14:42,940
Og den sidste du sætte i er den første
en, der kommer til at komme ud.

308
00:14:42,940 --> 00:14:44,170
>> Så du har to operationer -

309
00:14:44,170 --> 00:14:45,260
skubbe og pop.

310
00:14:45,260 --> 00:14:49,180
Alle de sætte i, at jeg var
gestikulerer som dette er push.

311
00:14:49,180 --> 00:14:52,020
Og så når jeg nå ind til grab
noget eller nå på toppen for at få fat

312
00:14:52,020 --> 00:14:53,940
noget, det er pop.

313
00:14:53,940 --> 00:14:55,540
Så vi kommer til at gennemføre stakke.

314
00:14:55,540 --> 00:14:57,870
Og vi viste dem i foredrag
anvendelse af arrays.

315
00:14:57,870 --> 00:14:59,550
Men du kan gøre dem
hjælp hægtede lister.

316
00:14:59,550 --> 00:15:01,770
En stak er en konceptuel data
struktur, ikke som en

317
00:15:01,770 --> 00:15:03,760
implementering-specifik én.

318
00:15:03,760 --> 00:15:06,420
>> Så hvad ville det se ud?

319
00:15:06,420 --> 00:15:07,970
Det ville se lidt ligesom dette.

320
00:15:07,970 --> 00:15:10,840
Du ville have et heltal størrelse.

321
00:15:10,840 --> 00:15:16,000
Og du ville have en matrix af værdier, der
vi kalder bakker, fordi det er

322
00:15:16,000 --> 00:15:18,570
hvad billedet var for
os - int bakker -

323
00:15:18,570 --> 00:15:21,740
og derefter nogle maksimale kapacitet.

324
00:15:21,740 --> 00:15:27,100
Så hvad ville presse ud?

325
00:15:27,100 --> 00:15:33,250
Tja, hvis vi har en stak s, så at skubbe
noget på s, ville vi få

326
00:15:33,250 --> 00:15:34,620
størrelse s.

327
00:15:34,620 --> 00:15:42,270
Og det ville være den næste
åben stedet af vores array.

328
00:15:42,270 --> 00:15:50,510
Så hvis vi har tre ting i vores stak,
så bakker 3 ville være den næste

329
00:15:50,510 --> 00:15:54,290
åben plet, fordi 0, 1, og
2 er allerede fyldt op.

330
00:15:54,290 --> 00:16:01,790
>> Så vi sætter værdien i
s.trays [s.size], den tredje plads.

331
00:16:01,790 --> 00:16:06,290
Og så har vi tilvækst s.size at sige,
hey, vi havde tre ting før.

332
00:16:06,290 --> 00:16:07,400
Nu har vi fire.

333
00:16:07,400 --> 00:16:10,180
Så næste gang du trykker, er du
kommer til at sætte noget i 4..

334
00:16:10,180 --> 00:16:15,560
Eller næste gang du pop, er du nødt
at se på 3 i stedet for 4 eller hvad.

335
00:16:15,560 --> 00:16:18,000
Og så vil vi vende tilbage sand til
sige, hey, vi lykkedes.

336
00:16:18,000 --> 00:16:19,160
Det fungerede.

337
00:16:19,160 --> 00:16:22,060
Som en tommelfingerregel, hvis en funktion, der er
formodes at returnere sandt eller

338
00:16:22,060 --> 00:16:26,370
falsk altid returnerer true, du kan
har gjort noget forkert.

339
00:16:26,370 --> 00:16:28,350
Så fungerer det?

340
00:16:28,350 --> 00:16:32,400
>> Tja, det virker fint for 1, og
2 og 3, og 4 og fem.

341
00:16:32,400 --> 00:16:34,640
Men lad os sige jeg nå mit kapacitet.

342
00:16:34,640 --> 00:16:38,750
Jeg har derefter køre ind i et problem, fordi
hvis størrelse er den samme som kapacitet, jeg

343
00:16:38,750 --> 00:16:43,340
nu forsøger at sætte noget ind i en
matrix, hvor jeg ikke har plads.

344
00:16:43,340 --> 00:16:46,980
Så en kort kontrol for at løse dette.

345
00:16:46,980 --> 00:16:51,630
Hvis s.size == kapacitet return false.

346
00:16:51,630 --> 00:16:54,130
Ellers skal du gå og gøre, hvad vi gjorde.

347
00:16:54,130 --> 00:16:55,660
Så hvad andet kunne vi bede
om i stakke?

348
00:16:55,660 --> 00:16:56,460
Hvad andet bør man studere?

349
00:16:56,460 --> 00:16:57,690
Hvad andet bør man øve?

350
00:16:57,690 --> 00:17:01,030
>> Nå, gennemføre pop.

351
00:17:01,030 --> 00:17:02,370
Vi har allerede gjorde push.

352
00:17:02,370 --> 00:17:04,280
Jeg ordner det.

353
00:17:04,280 --> 00:17:08,180
En ikke array implementering, hvor
du bruger en linket liste, måske.

354
00:17:08,180 --> 00:17:09,390
En ikke-int gennemførelse.

355
00:17:09,390 --> 00:17:10,940
Vi gjorde ints her.

356
00:17:10,940 --> 00:17:11,880
Men det kunne have været flåd.

357
00:17:11,880 --> 00:17:13,010
Jeg kunne have været strenge.

358
00:17:13,010 --> 00:17:14,290
Det kunne have været char stjerner.

359
00:17:14,290 --> 00:17:17,960
Kig på tidligere quizzer for den slags
spørgsmål, vi har bedt om stakke.

360
00:17:17,960 --> 00:17:20,000
>> Jeg vil sige, at vi dækkede stakke rundt
det samme som vi har dækket dem i

361
00:17:20,000 --> 00:17:20,540
forløbne år.

362
00:17:20,540 --> 00:17:24,400
Så quizspørgsmål bør
være en god indikation.

363
00:17:24,400 --> 00:17:27,010
Bevæger sig fremad endnu hurtigere, køer.

364
00:17:27,010 --> 00:17:28,200
De er ligesom stakke.

365
00:17:28,200 --> 00:17:29,960
Men de er først ind, først ud.

366
00:17:29,960 --> 00:17:33,530
Hvis du er britiske, ordet kø
sandsynligvis lavet en masse mening for dig.

367
00:17:33,530 --> 00:17:36,390
Ellers kan du have
hørt om det som en linje.

368
00:17:36,390 --> 00:17:38,120
De arbejder ligesom linjen
i Apple Store.

369
00:17:38,120 --> 00:17:40,740
Den første person til at dukke op på 3:00
i morgen er det første

370
00:17:40,740 --> 00:17:42,880
person til at købe sin iPad.

371
00:17:42,880 --> 00:17:44,260
>> Så vi har to operationer -

372
00:17:44,260 --> 00:17:45,720
enqueue og dequeue.

373
00:17:45,720 --> 00:17:47,560
Sæt i kø sætter nogen på linjen.

374
00:17:47,560 --> 00:17:50,070
Dequeue trækker den første
person, på stregen.

375
00:17:50,070 --> 00:17:52,640
Igen kan vi implementere
dette med et array.

376
00:17:52,640 --> 00:17:54,880
Så hvad er det struct vi
viste i foredrag?

377
00:17:54,880 --> 00:17:57,660
Det var denne ene.

378
00:17:57,660 --> 00:17:59,300
Igen, tal.

379
00:17:59,300 --> 00:18:02,020
Igen, størrelse og denne nye ting foran.

380
00:18:02,020 --> 00:18:04,880
Hvorfor er der noget, der hedder forside?

381
00:18:04,880 --> 00:18:07,050
Det er indekset for den næste
element dequeue.

382
00:18:07,050 --> 00:18:12,210
Det er kun internt at holde styr på
den første fyr til at dukke op, så vi

383
00:18:12,210 --> 00:18:15,005
kan trække det ud, når vi har brug for.

384
00:18:15,005 --> 00:18:19,322
>> Bestemt se på noter og prøv
at gennemføre enqueue og dequeue

385
00:18:19,322 --> 00:18:21,700
når man studerer for quizzen.

386
00:18:21,700 --> 00:18:23,190
Vigtige ting at tænke over.

387
00:18:23,190 --> 00:18:27,260
Vikler sig rundt om den forreste plus
størrelse ender større end kapaciteten.

388
00:18:27,260 --> 00:18:32,670
Igen, hvis din struktur er fuld,
du kommer til at have et problem.

389
00:18:32,670 --> 00:18:34,780
Hash-tabeller, du har set før.

390
00:18:34,780 --> 00:18:39,820
De fleste af jer sikkert implementeret
disse på pset6.

391
00:18:39,820 --> 00:18:44,210
Det er en struktur, der sigter mod O (1)
konstant tid indsættelse og O (1)

392
00:18:44,210 --> 00:18:46,430
konstant tid opslag.

393
00:18:46,430 --> 00:18:49,760
>> I CS50, vi implementeret dette som
en vifte af hægtede lister.

394
00:18:49,760 --> 00:18:53,690
Det centrale element til en hash tabel
er hash-funktionen.

395
00:18:53,690 --> 00:18:58,350
Så det konverterer dit input, lad os sige,
en ordbog ord, i et antal,

396
00:18:58,350 --> 00:18:59,560
der kommer til at være vores indeks.

397
00:18:59,560 --> 00:19:01,410
Og vi vil bruge dette indeks
ind i vores array.

398
00:19:01,410 --> 00:19:05,374
Så her er en sød lille billede
fra study.50.net.

399
00:19:05,374 --> 00:19:08,060
Vi smider alle de ord til
vores hash-funktionen.

400
00:19:08,060 --> 00:19:10,950
Og hashfunktionen fortæller os
hvor til at sætte disse ord.

401
00:19:10,950 --> 00:19:15,650
>> Det er alle store i det land, hvor
Der er kun ét ord for hver slot.

402
00:19:15,650 --> 00:19:20,480
Men som du husker fra pset6, der
er flere ord end slots.

403
00:19:20,480 --> 00:19:23,080
Så hvad sker der, når du
få en kollision?

404
00:19:23,080 --> 00:19:26,730
I stedet for at lagre en værdi,
lad os sige, hash tabel 3, du

405
00:19:26,730 --> 00:19:27,990
gemme en sammenkædet liste.

406
00:19:27,990 --> 00:19:32,900
Og så i stedet for at have cantaloupe
her, ville du have en linket liste,

407
00:19:32,900 --> 00:19:34,190
hvor den første node er cantaloupe.

408
00:19:34,190 --> 00:19:35,260
Og den næste node er kat.

409
00:19:35,260 --> 00:19:38,970
Og den tredje knudepunkt er kollision, lad os
sige, fordi alle disse ord begynder

410
00:19:38,970 --> 00:19:41,110
med C.

411
00:19:41,110 --> 00:19:42,700
>> Så de fleste af jer gjorde det for pset6.

412
00:19:42,700 --> 00:19:45,685
Hvis du ikke gør en hash tabel på pset6
og du har forsøgt noget lignende

413
00:19:45,685 --> 00:19:47,720
en trie, helt sikkert gennemgå hash tabeller.

414
00:19:47,720 --> 00:19:50,650
Hvis du gjorde det på pset6, absolut
gennemgå hash tabeller.

415
00:19:50,650 --> 00:19:53,610
Og hvis du gjorde det på pset6 og det gjorde det ikke
arbejde ud helt til højre og du

416
00:19:53,610 --> 00:19:56,150
havde en masse problemer med det, absolut
gennemgå hash tabeller.

417
00:19:56,150 --> 00:20:01,610
Så lektionen virkelig er afgjort
gennemgå hash tabeller.

418
00:20:01,610 --> 00:20:07,130
>> Langt mindretal af jer prøvet
ud forsøger på pset6.

419
00:20:07,130 --> 00:20:08,570
Højt niveau billede.

420
00:20:08,570 --> 00:20:15,150
Det er noget som dette, hvor hver
knude har et sæt af børn, hvor hver

421
00:20:15,150 --> 00:20:17,100
barn svarer til et brev.

422
00:20:17,100 --> 00:20:20,520
Og hver node siger også,
hey, jeg er et ord.

423
00:20:20,520 --> 00:20:25,933
Så i dette tilfælde ordet Maxwell,
hvis du følger M til A til

424
00:20:25,933 --> 00:20:28,530
X-W-E-L-L og derefter følge det en mere.

425
00:20:28,530 --> 00:20:32,800
Og du får dette symbol, delta, som
vi tilkendegiver at betyde det er et ord.

426
00:20:32,800 --> 00:20:34,780
Så Maxwell er et ord.

427
00:20:34,780 --> 00:20:38,430
Disse deltaer er hele signifying
hvilke ting er ord, og som

428
00:20:38,430 --> 00:20:40,360
tingene er ikke.

429
00:20:40,360 --> 00:20:46,400
>> Så i pset6 de data, vi lagrede
sideløbende nogen af ​​vores knudepunkter var "Jeg er en

430
00:20:46,400 --> 00:20:52,630
Ordet ". Og cool ting om forsøg
er de viser indsættelse og

431
00:20:52,630 --> 00:20:55,080
opslag i O (længden af ​​et ord).

432
00:20:55,080 --> 00:20:59,450
Så bare for at komme igennem Maxwell, det er
M-A-X-W-E-L-L. Så syv eller otte -

433
00:20:59,450 --> 00:21:00,360
Jeg kan ikke tælle -

434
00:21:00,360 --> 00:21:03,920
trin at komme til enden
og tjekke tingene ud.

435
00:21:03,920 --> 00:21:06,800
Så hurtig implementering her.

436
00:21:06,800 --> 00:21:10,230
Rob gik gennem en sammenkædet
liste i hans obduktion.

437
00:21:10,230 --> 00:21:11,600
Så tjek det ud.

438
00:21:11,600 --> 00:21:11,720
Undskyld.

439
00:21:11,720 --> 00:21:13,240
Gik gennem en trie i hans obduktion.

440
00:21:13,240 --> 00:21:14,260
Så tjek det ud.

441
00:21:14,260 --> 00:21:24,410
>> Men du dybest set har hver node har 27
pointere til de næste noder og en

442
00:21:24,410 --> 00:21:27,050
Boolean for er jeg et ord.

443
00:21:27,050 --> 00:21:31,530
Tjek Robs obduktion for, hvordan
dette rent faktisk er implementeret.

444
00:21:31,530 --> 00:21:34,750
Vores endelige struktur, vores træer
og binær søgning træer.

445
00:21:34,750 --> 00:21:41,530
Så ser på disse, blev disse dækket
senest uge 8, mandag.

446
00:21:41,530 --> 00:21:46,960
Et træ ligner en trie, medmindre du
ikke nødvendigvis har 27 knuder på

447
00:21:46,960 --> 00:21:47,500
hvert punkt.

448
00:21:47,500 --> 00:21:52,820
Og du behøver ikke have disse data ved hver
trin, der betyder, om -

449
00:21:52,820 --> 00:21:54,030
stien er ligegyldigt.

450
00:21:54,030 --> 00:22:00,870
Mens en trie, stien fra top til
bund, Maxwell, var vigtigt for os.

451
00:22:00,870 --> 00:22:05,270
>> Men hver knude har flere
børn, måske.

452
00:22:05,270 --> 00:22:07,290
Vi har nogle ordforråd.

453
00:22:07,290 --> 00:22:09,530
Roden af ​​træet
er helt i top.

454
00:22:09,530 --> 00:22:12,520
Og vi siger, at den meget nederste
knudepunkter, der ikke

455
00:22:12,520 --> 00:22:14,530
børn er blade.

456
00:22:14,530 --> 00:22:18,040
Så ligesom en trie, et træ er
en struktur af noder.

457
00:22:18,040 --> 00:22:21,490
En almindelig type træ, som vi vil
at tale om, er et binært træ, hvor

458
00:22:21,490 --> 00:22:26,040
hver node har ingen børn eller
et barn eller to børn.

459
00:22:26,040 --> 00:22:28,890
Så dette billede her er ikke
et binært træ, fordi

460
00:22:28,890 --> 00:22:32,890
node 3 har tre børn.

461
00:22:32,890 --> 00:22:38,140
>> Men hvis vi skulle ignorere dem, resten
det er et binært træ, fordi det

462
00:22:38,140 --> 00:22:43,200
demonstrerer den egenskab, at hver node
har nul, en eller to børn.

463
00:22:43,200 --> 00:22:46,400
Så hvordan kan vi udtrykke dette i kode?

464
00:22:46,400 --> 00:22:51,460
Vi kunne have en node, hvor hver knude har
et helt tal inde i den, samt

465
00:22:51,460 --> 00:22:55,590
som en pegepind til træet til venstre
og en pointer til træet på

466
00:22:55,590 --> 00:22:59,510
højre, så de to børn.

467
00:22:59,510 --> 00:23:00,880
Hvordan er det nyttigt?

468
00:23:00,880 --> 00:23:05,740
Tja, hvis vi laver regler om, hvor vi
sætte noder, kan vi gøre søgningen hurtigere.

469
00:23:05,740 --> 00:23:10,630
>> Så der er et koncept for en binær søgning
træ, hvor alle knudepunkter på

470
00:23:10,630 --> 00:23:14,420
venstre undertræ har en mindre værdi
end den knude, vi kigger på.

471
00:23:14,420 --> 00:23:17,880
Og alle knuder på højre undertræ
have en større værdi

472
00:23:17,880 --> 00:23:18,660
end root node.

473
00:23:18,660 --> 00:23:20,670
Nu, der ligner en masse ord.

474
00:23:20,670 --> 00:23:23,770
Jeg har tænkt mig at sætte det inde i dobbelt
citater og viser dig et billede.

475
00:23:23,770 --> 00:23:27,010
Så her er et eksempel på
en binær søgning træ.

476
00:23:27,010 --> 00:23:28,770
Se, at vi starter med 10.

477
00:23:28,770 --> 00:23:31,780
Alt til venstre
10 er mindre end det.

478
00:23:31,780 --> 00:23:33,130
Og alt til højre
er større end det.

479
00:23:33,130 --> 00:23:37,620
>> Men mere end det, hver node i
træet udtrykker denne egenskab.

480
00:23:37,620 --> 00:23:42,110
Så knudepunktet 7 har en 3 til
venstre og en 9 til højre.

481
00:23:42,110 --> 00:23:44,440
Så alle dem, der er mindre end 10.

482
00:23:44,440 --> 00:23:50,470
Men ser man på kun dem, de 7 har
3 til sin venstre og 9 til sin ret.

483
00:23:50,470 --> 00:23:56,100
Og på samme måde på højre, 15 har 14
til venstre for og 50 til sin ret.

484
00:23:56,100 --> 00:24:03,770
Så de tre knudepunkter derovre, 15, 14,
og 50, er også et gyldigt binært træ

485
00:24:03,770 --> 00:24:05,480
eller et gyldigt binær søgning træ.

486
00:24:05,480 --> 00:24:07,250
Og de er alle større end 10.

487
00:24:07,250 --> 00:24:08,960
Så de får lov til at blive
på lige der.

488
00:24:08,960 --> 00:24:09,940
Er der et spørgsmål?

489
00:24:09,940 --> 00:24:12,580
>> PUBLIKUM: Hvordan håndterer du når
du har to syvere?

490
00:24:12,580 --> 00:24:12,850
>> R.J. AQUINO: Ja.

491
00:24:12,850 --> 00:24:16,550
Hvordan kan du håndtere to værdier
der er de samme?

492
00:24:16,550 --> 00:24:21,465
Nogle binære søgetræer sige, at du
ignorere dubletter, fordi målet er

493
00:24:21,465 --> 00:24:24,280
bare for at sige, jeg har set
disse ting så vidt.

494
00:24:24,280 --> 00:24:28,120
Nogle binære søgetræer du kunne sige
har en tæller inden i knuden.

495
00:24:28,120 --> 00:24:32,000
Andre kan sige, at alt for
venstre er mindre end eller lig med.

496
00:24:32,000 --> 00:24:33,470
Og alt til højre
er større end.

497
00:24:33,470 --> 00:24:36,520
>> Det bare afhænger af, hvad
Problemet er, du løse.

498
00:24:36,520 --> 00:24:40,840
Så i en ordbog, for eksempel, du
ville ikke bekymre sig om dubletter.

499
00:24:40,840 --> 00:24:41,490
Du ville smide dem ud.

500
00:24:41,490 --> 00:24:44,719
Men nogle andre problemer, du måske ligeglad.

501
00:24:44,719 --> 00:24:49,242
>> PUBLIKUM: Er det muligt at få
en 1 til venstre for 15, som

502
00:24:49,242 --> 00:24:50,590
er mindre end 10?

503
00:24:50,590 --> 00:24:51,885
>> R.J. AQUINO: Nej.

504
00:24:51,885 --> 00:24:56,570
Hvis 14 her var en 1, ville dette
ikke være en gyldig binær søgning træ,

505
00:24:56,570 --> 00:25:00,840
fordi alt til højre for
10 skal være større end det.

506
00:25:00,840 --> 00:25:02,300
Og vi vil se hvorfor.

507
00:25:02,300 --> 00:25:07,960
Hvis mit mål i landet af søgningen er
at finde 14, jeg starter ved roden.

508
00:25:07,960 --> 00:25:08,500
Så jeg ser.

509
00:25:08,500 --> 00:25:08,710
OK.

510
00:25:08,710 --> 00:25:10,670
Vi kommer til at starte ved roden.

511
00:25:10,670 --> 00:25:12,500
Kig på 10..

512
00:25:12,500 --> 00:25:16,050
>> Tja, 14, vores mål,
er større end 10.

513
00:25:16,050 --> 00:25:17,370
Så det må være på den rigtige.

514
00:25:17,370 --> 00:25:21,780
Dette er meget lig den hele telefonen
bog, vi gjorde, det binære

515
00:25:21,780 --> 00:25:23,720
søg der.

516
00:25:23,720 --> 00:25:26,430
Men i stedet for binær søgning
i et array, vi er binær

517
00:25:26,430 --> 00:25:28,490
søge i dette træ.

518
00:25:28,490 --> 00:25:31,260
Så vi leder stadig efter 14..

519
00:25:31,260 --> 00:25:32,480
Tja, 14 er mindre end 15.

520
00:25:32,480 --> 00:25:36,430
Så hvis det er i vores træ, skal den
være på dette område her.

521
00:25:36,430 --> 00:25:39,680
Det skal være til højre for
10 og til venstre for 15.

522
00:25:39,680 --> 00:25:42,250
>> Og så vi kontrollerer denne node.

523
00:25:42,250 --> 00:25:45,790
Og yay, har vi fundet 14.

524
00:25:45,790 --> 00:25:46,760
Jeg har ikke tænkt mig at gå igennem det.

525
00:25:46,760 --> 00:25:48,090
Men her er koden.

526
00:25:48,090 --> 00:25:49,690
Det er faktisk relativt
ligetil,

527
00:25:49,690 --> 00:25:52,630
fordi det er rekursivt.

528
00:25:52,630 --> 00:25:55,420
Hvad kan vi bede dig om at gøre på en quiz?

529
00:25:55,420 --> 00:25:57,000
Vi kunne bede dig om at skrive denne kode.

530
00:25:57,000 --> 00:25:59,170
Vi kunne bede dig om at se på denne kode
og ændre denne kode og forklare, hvad

531
00:25:59,170 --> 00:26:00,210
det gør.

532
00:26:00,210 --> 00:26:00,390
Ja.

533
00:26:00,390 --> 00:26:00,770
Spørgsmål?

534
00:26:00,770 --> 00:26:04,240
>> PUBLIKUM: Er disse slides vil være
stilles til rådighed som de var sidste gang?

535
00:26:04,240 --> 00:26:04,740
>> R.J. AQUINO: Ja.

536
00:26:04,740 --> 00:26:06,460
Så disse dias vil helt
blive offentliggjort.

537
00:26:06,460 --> 00:26:08,640
>> PUBLIKUM: De er faktisk bogført
lige nu på hjemmesiden.

538
00:26:08,640 --> 00:26:10,020
David bare gjorde det.

539
00:26:10,020 --> 00:26:12,720
>> R.J. AQUINO: Diasene er
lige nu på hjemmesiden.

540
00:26:12,720 --> 00:26:16,420
Jeg skal nok lappe et par
de stavefejl jeg bemærkede og løse dem.

541
00:26:16,420 --> 00:26:19,940
Men der er en aktuel
version på webstedet.

542
00:26:19,940 --> 00:26:21,820
Andre ting, vi kunne bede dig om at gøre -

543
00:26:21,820 --> 00:26:23,790
skrive Indsæt.

544
00:26:23,790 --> 00:26:27,490
Skriv en iterativ version af
rekursiv funktion vi bare viste dig

545
00:26:27,490 --> 00:26:32,520
eller tale om disse ting, som i
afsnit, i ord, i sætninger.

546
00:26:32,520 --> 00:26:35,760
Sammenlignes køre tider og forklare
hvad du ønsker at bruge en binær

547
00:26:35,760 --> 00:26:39,200
søgning træet for i stedet for en
hash tabel, for eksempel.

548
00:26:39,200 --> 00:26:43,580
>> Så forstå disse strukturer
ved en temmelig dybt niveau.

549
00:26:43,580 --> 00:26:47,440
Forstå, hvordan man skriver dem, hvordan
bruger dem, hvordan man kan tale om dem.

550
00:26:47,440 --> 00:26:50,270
Og du vil være alle sæt.

551
00:26:50,270 --> 00:26:50,630
Spørgsmål?

552
00:26:50,630 --> 00:26:55,070
>> PUBLIKUM: Når du skriver den
binær søgning træet, hvordan gør du

553
00:26:55,070 --> 00:27:01,460
bestemme, hvad værdien
gøre det som root?

554
00:27:01,460 --> 00:27:06,120
>> R.J. AQUINO: Så spørgsmålet var, hvad
værdi gør du som root?

555
00:27:06,120 --> 00:27:08,760
Afhængig af din kode, skal du
kan have en global rod.

556
00:27:08,760 --> 00:27:14,290
Så du måske har sandsynligvis haft i
pset6 en global hash tabel.

557
00:27:14,290 --> 00:27:18,640
Eller du kan passere roden
i som et argument.

558
00:27:18,640 --> 00:27:23,810
Så denne søgefunktionen her
tager et argument en node *.

559
00:27:23,810 --> 00:27:27,420
Og så uanset node du tilfældigvis
ser på, er den, du behandler

560
00:27:27,420 --> 00:27:31,510
som din root, når du passerer det i.

561
00:27:31,510 --> 00:27:32,320
Og jeg er klar.

562
00:27:32,320 --> 00:27:33,480
De er mine dias.

563
00:27:33,480 --> 00:27:35,940
Den næste person kan komme swap
i en bærbar computer og mikrofon.

564
00:27:35,940 --> 00:27:47,390

565
00:27:47,390 --> 00:27:49,760
>> ROB BOWDEN: Jeg tror, ​​jeg kunne have
fortolket dette spørgsmål forskelligt.

566
00:27:49,760 --> 00:27:53,826
Men jeg tolkede det som, hvis du har
numrene 1, 2 og 3, hvordan gør vi

567
00:27:53,826 --> 00:27:56,720
ved at gøre 2 roden
i modsætning til 1 eller 3?

568
00:27:56,720 --> 00:27:59,480
Hvis vi gør 2 roden, så er det pænt
1 og 3 til venstre og højre.

569
00:27:59,480 --> 00:28:04,610
Men hvis 1 er roden, så er det en til
top, 2 ret 3 til højre.

570
00:28:04,610 --> 00:28:10,880
Så som standard, behøver du ikke kender
hvad man skal gøre roden.

571
00:28:10,880 --> 00:28:15,400
Og for enhver algoritme, vi forventer at
give dig, bare den første ting du

572
00:28:15,400 --> 00:28:16,680
insert ville være roden.

573
00:28:16,680 --> 00:28:19,890
Eller vi ville give dig et binært træ, der
allerede eksisterer, der har et rod.

574
00:28:19,890 --> 00:28:24,760
Men andre algoritmer eksisterer sådan, at
roden vil opdatere, så hvis du

575
00:28:24,760 --> 00:28:28,370
ender i den situation, hvor det er 1, 2,
3, vil den automatisk opdatere til

576
00:28:28,370 --> 00:28:30,900
fremstille 2 den nye rod, således at
det er stadig pænt afbalanceret.

577
00:28:30,900 --> 00:28:33,750

578
00:28:33,750 --> 00:28:34,833
>> ANGELA LI: Cool.

579
00:28:34,833 --> 00:28:36,170
Hej, drenge.

580
00:28:36,170 --> 00:28:37,810
Jeg er Angela.

581
00:28:37,810 --> 00:28:42,490
Og jeg har tænkt mig at slutte vores C
og derefter gå ind i nogle af vores web

582
00:28:42,490 --> 00:28:43,120
teknologier -

583
00:28:43,120 --> 00:28:46,570
HTTP, HTML og CSS.

584
00:28:46,570 --> 00:28:49,610
Så den første ting er buffer
overflow angreb.

585
00:28:49,610 --> 00:28:53,070
Så lad os tage et kig på denne kode.

586
00:28:53,070 --> 00:28:54,260
Det er ret simpelt.

587
00:28:54,260 --> 00:28:55,460
Der er en funktion foo.

588
00:28:55,460 --> 00:28:56,990
Og det gør ikke returnere noget.

589
00:28:56,990 --> 00:29:00,950
Men det tager en pointer
til en streng kaldet bar.

590
00:29:00,950 --> 00:29:04,920
>> Og det kommer til at erklære dette
buffer, hvilket er et tegn

591
00:29:04,920 --> 00:29:07,690
array, der har 12 pladser.

592
00:29:07,690 --> 00:29:11,730
Og det bruger memcpy, som er blot en
funktion, der kopierer fra en adresse

593
00:29:11,730 --> 00:29:12,910
til en anden.

594
00:29:12,910 --> 00:29:19,400
Så dette er at forsøge at kopiere ind
vores buffer uanset

595
00:29:19,400 --> 00:29:21,140
bar peger på.

596
00:29:21,140 --> 00:29:24,640
Så enhver idé om, hvad der er galt
med denne kode?

597
00:29:24,640 --> 00:29:27,568

598
00:29:27,568 --> 00:29:30,830
>> PUBLIKUM: Hvis der bar er længere end
C, vil de overskrives.

599
00:29:30,830 --> 00:29:31,520
>> ANGELA LI: Ja, præcis.

600
00:29:31,520 --> 00:29:34,200
Vi har ingen garanti for, at bar
kommer til at være mindre end 12..

601
00:29:34,200 --> 00:29:36,080
Vi har lige lavet nogle vilkårligt nummer 12.

602
00:29:36,080 --> 00:29:38,380
Og vi var ligesom, lad os håbe, at
vores bruger input er mindre end

603
00:29:38,380 --> 00:29:40,440
12 tegn.

604
00:29:40,440 --> 00:29:46,320
Så i en ideel verden, hvis vores input er
altid som forventet, så får vi

605
00:29:46,320 --> 00:29:47,550
noget lignende, hej.

606
00:29:47,550 --> 00:29:48,920
Det er mindre end 12 tegn.

607
00:29:48,920 --> 00:29:51,870
Det bliver læst ind i char c.

608
00:29:51,870 --> 00:29:53,280
Og så skal vi gøre noget med det.

609
00:29:53,280 --> 00:29:54,800
Det betyder ikke rigtig noget.

610
00:29:54,800 --> 00:29:59,740
>> Men en ondsindet person kunne gøre
noget mere som denne, hvor de

611
00:29:59,740 --> 00:30:04,760
giver os, hvad bar peger på,
det kommer til at pege på denne kæmpe udvalg

612
00:30:04,760 --> 00:30:06,280
på kun A'er.

613
00:30:06,280 --> 00:30:10,680
Og det er måde længere end 12..

614
00:30:10,680 --> 00:30:13,830
Så det kommer til at gå hele vejen
ned her, hvor afkastet

615
00:30:13,830 --> 00:30:15,420
adresse, der bruges til at være.

616
00:30:15,420 --> 00:30:17,860
Så lad os sige denne funktion
kaldes foo.

617
00:30:17,860 --> 00:30:20,970
Måske foo blev kaldt af en anden
funktion, som blev kaldt ved main.

618
00:30:20,970 --> 00:30:24,890
Så når foo kører, skal det
at vide, hvor man vende tilbage til.

619
00:30:24,890 --> 00:30:29,130
>> Hvis foo blev kaldt af nogle funktion med navnet
baz, det er at vide, at det er

620
00:30:29,130 --> 00:30:30,250
kom til at gå tilbage til baz.

621
00:30:30,250 --> 00:30:34,040
Og det er hvad denne returadresse
hernede fortæller os.

622
00:30:34,040 --> 00:30:38,340
Men hvis vi overskrive det med nogle andre
adresse, i dette tilfælde, er dette en

623
00:30:38,340 --> 00:30:42,650
repræsentation af adresse på
begyndelsen af ​​denne buffer, så

624
00:30:42,650 --> 00:30:45,240
hvad der rent faktisk kommer til at ske, er, at
stedet for at returnere tilbage til baz,

625
00:30:45,240 --> 00:30:48,470
som kaldte vores funktion, det er bare
kommer til at gå til forsiden af ​​denne kode.

626
00:30:48,470 --> 00:30:53,930
>> Og hvis det var der, fordi en
ondsindet hacker fyr kom og

627
00:30:53,930 --> 00:30:56,820
injiceres dette, så måske dette beløb
A er er faktisk ikke A'er.

628
00:30:56,820 --> 00:31:02,030
Og det er faktisk bare kode, pauser
din computer eller noget.

629
00:31:02,030 --> 00:31:05,930
Så for at være defensive omkring denne slags
ting, er du nødt til aldrig at antage, at

630
00:31:05,930 --> 00:31:09,120
bruger input er en vis
mængde af tegn.

631
00:31:09,120 --> 00:31:13,310
For eksempel, når du gjorde
Speller, du fik at vide, at ord var

632
00:31:13,310 --> 00:31:15,580
kun vil være 40 tegn
lang maksimum.

633
00:31:15,580 --> 00:31:16,570
Og der var god.

634
00:31:16,570 --> 00:31:20,150
>> Men hvis ikke, så ville du nødt til at
Sørg for kun at læse i 45

635
00:31:20,150 --> 00:31:21,520
tegn ad gangen.

636
00:31:21,520 --> 00:31:24,430
Ellers kan du overskrive
din buffer.

637
00:31:24,430 --> 00:31:26,140
Eventuelle spørgsmål om det.

638
00:31:26,140 --> 00:31:26,733
Ja.

639
00:31:26,733 --> 00:31:28,850
>> PUBLIKUM: Kan du bare snakke
lidt mere om disse?

640
00:31:28,850 --> 00:31:29,790
>> ANGELA LI: Undskyld.

641
00:31:29,790 --> 00:31:31,040
Ja.

642
00:31:31,040 --> 00:31:32,813

643
00:31:32,813 --> 00:31:35,870
>> PUBLIKUM: Den mic er bare for video.

644
00:31:35,870 --> 00:31:37,640
Jeg vil forsøge og projekt.

645
00:31:37,640 --> 00:31:39,900
Hej, gutter.

646
00:31:39,900 --> 00:31:40,920
Sup?

647
00:31:40,920 --> 00:31:45,330
Så lad os gå over et par ting i
CS50 bibliotek, som du har brugt

648
00:31:45,330 --> 00:31:49,072
al semester, for det meste
at få input fra brugeren.

649
00:31:49,072 --> 00:31:53,140
Som du ved, du medtage CS50
bibliotek ved blot at gøre CS50.h, som

650
00:31:53,140 --> 00:31:55,660
indeholder alle prototyper af
funktioner, som du kan bruge, ligesom

651
00:31:55,660 --> 00:31:58,640
GetString og GetInt, og
GetFloat, et cetera.

652
00:31:58,640 --> 00:32:02,870
Og der er denne ene linje i CS50
bibliotek, som definerer en streng, som

653
00:32:02,870 --> 00:32:05,380
du fyre alle ved nu
er blot en char *.

654
00:32:05,380 --> 00:32:07,900
>> Men lad os tage et kig på
hvordan getString fungerer.

655
00:32:07,900 --> 00:32:10,010
Dette er en meget forkortet version.

656
00:32:10,010 --> 00:32:15,090
Du kan trække op CS50 biblioteksfilerne
fra, tror jeg, manuals.CS50.net.

657
00:32:15,090 --> 00:32:16,750
Og du kan læse igennem
den aktuelle funktion.

658
00:32:16,750 --> 00:32:19,330
Men det dækker nogle af
de vigtige dele.

659
00:32:19,330 --> 00:32:23,870
Så vi har oprettet nogle buffer
med nogle kapacitet.

660
00:32:23,870 --> 00:32:27,570
Og hvad vi gør, er at vi får en karakter
ad gangen fra standard n.

661
00:32:27,570 --> 00:32:30,910
Det er hvor brugeren indgange
tekst i konsollen.

662
00:32:30,910 --> 00:32:33,430
>> Og så vi kommer til at læse i en
karakter, så længe det ikke er en ny

663
00:32:33,430 --> 00:32:37,220
linje, og det er ikke slutningen af ​​filen, som
er slutningen af ​​standard input.

664
00:32:37,220 --> 00:32:45,690
Og for hvert tegn, som vi læser i,
hvis karakter ender tilsætning

665
00:32:45,690 --> 00:32:50,120
til antallet af tegn, vi har læst
i, og som er mere end vores kapacitet

666
00:32:50,120 --> 00:32:53,490
så hvad vi gør, er vi bare ændre størrelsen på vores
puffer, således at det er dobbelt så lang.

667
00:32:53,490 --> 00:32:56,950
Så igen, denne beskytter mod buffer
overflow angreb, fordi du læser i

668
00:32:56,950 --> 00:32:58,315
et tegn ad gangen.

669
00:32:58,315 --> 00:33:02,290
Og hvis du på et tidspunkt læst i alt
mange, du bare udvide din buffer.

670
00:33:02,290 --> 00:33:03,330
Du ganges med to.

671
00:33:03,330 --> 00:33:05,510
Og så har du mere plads.

672
00:33:05,510 --> 00:33:09,120
>> Ellers skal du blot tilføje
et tegn til buffer.

673
00:33:09,120 --> 00:33:15,080
Og efter du har læst i alle
tegn, vil det skrumpe buffer

674
00:33:15,080 --> 00:33:18,510
tilbage til normal størrelse, tilføje en
null terminator, og derefter vende tilbage.

675
00:33:18,510 --> 00:33:21,880

676
00:33:21,880 --> 00:33:24,960
Lad os nu se på GetInt.

677
00:33:24,960 --> 00:33:27,700
Kan du fyre læse dette?

678
00:33:27,700 --> 00:33:30,710
Jeg kan zoome ind lidt.

679
00:33:30,710 --> 00:33:33,410

680
00:33:33,410 --> 00:33:34,660
Jeg ved ikke, hvordan computere virker.

681
00:33:34,660 --> 00:33:40,840

682
00:33:40,840 --> 00:33:41,270
Det gør ikke noget.

683
00:33:41,270 --> 00:33:42,520
Jeg kan ikke zoome ind korrekt.

684
00:33:42,520 --> 00:33:47,500

685
00:33:47,500 --> 00:33:48,770
>> Det er virkelig hårdt.

686
00:33:48,770 --> 00:33:49,180
Undskyld.

687
00:33:49,180 --> 00:33:51,490
Lad os bare se på dette.

688
00:33:51,490 --> 00:33:57,140
Så hvad GetInt gør, er det først læser
i en snor fra getString, som

689
00:33:57,140 --> 00:33:59,250
Vi har implementeret før.

690
00:33:59,250 --> 00:34:02,945
Og den vigtigste del at bemærke her
er, hvis denne deling, at det ender

691
00:34:02,945 --> 00:34:06,400
læsning er som faktisk ikke en streng,
så vi bare returnere INT_MAX til

692
00:34:06,400 --> 00:34:09,409
repræsenterer fiasko.

693
00:34:09,409 --> 00:34:12,645
Hvorfor skal vi vende tilbage INT_MAX stedet
negativ 1 eller 1?

694
00:34:12,645 --> 00:34:13,895
Nogen idéer?

695
00:34:13,895 --> 00:34:16,853

696
00:34:16,853 --> 00:34:19,350
>> PUBLIKUM: [uhørligt]
negativ 1 på én.

697
00:34:19,350 --> 00:34:20,070
>> ANGELA LI: Ja, præcis.

698
00:34:20,070 --> 00:34:24,560
Så du er langt mere tilbøjelige til bare ønsker
til indgang 1 eller negativ 1 når du bliver bedt

699
00:34:24,560 --> 00:34:27,469
for en n'te og uanset n'te maxes.

700
00:34:27,469 --> 00:34:27,969
Det er enorm.

701
00:34:27,969 --> 00:34:29,690
Du er sandsynligvis ikke kommer til at bruge det.

702
00:34:29,690 --> 00:34:32,690
Så det er som en design beslutning til
sørg for, at du ikke ved et uheld

703
00:34:32,690 --> 00:34:38,540
returnere en fejl, eller du ikke vender tilbage
1, som kan parses

704
00:34:38,540 --> 00:34:41,199
som et korrekt svar.

705
00:34:41,199 --> 00:34:45,110
Så hvis en linje ikke eksisterer,
vi tilbage INT-MAX.

706
00:34:45,110 --> 00:34:48,090
Ellers bruger vi sscanf,
som er ligesom scanf.

707
00:34:48,090 --> 00:34:49,449
Men det lyder fra en streng.

708
00:34:49,449 --> 00:34:54,310
>> Og vi har det formaterede
streng, der er% i% ca.

709
00:34:54,310 --> 00:34:57,440
Og vi forsøger at matche det med
hvad brugeren gav os.

710
00:34:57,440 --> 00:35:01,420
Vi ønsker, at antallet af matchede ting
til 1, hvilket betyder, at vi kun

711
00:35:01,420 --> 00:35:04,940
virkelig ønsker at matche et heltal
omgivet af måske hvid

712
00:35:04,940 --> 00:35:06,840
plads, måske ikke.

713
00:35:06,840 --> 00:35:10,710
I dette tilfælde, hvis du lægger i noget
ligesom bar, er bar ikke passer på alle,

714
00:35:10,710 --> 00:35:14,400
fordi der er behov for
et heltal i starten.

715
00:35:14,400 --> 00:35:17,060
Så sscan aldrig vendte 0.

716
00:35:17,060 --> 00:35:19,640
Så du behøver ikke returnere det.

717
00:35:19,640 --> 00:35:23,850
>> Alternativt, hvis du lægger i noget
som 1, 2, 3, A, B, C, der matcher

718
00:35:23,850 --> 00:35:27,180
både heltal, men også
tegnet efter det.

719
00:35:27,180 --> 00:35:29,990
Så sscanf vil returnere 2, som
er heller ikke ideel.

720
00:35:29,990 --> 00:35:34,620
Du ønsker ikke 1, 2, 3, A,
B, C til at være en gyldig int.

721
00:35:34,620 --> 00:35:36,990
Så det heller ikke arbejde.

722
00:35:36,990 --> 00:35:38,530
Men siger du sætte i noget som 50 år.

723
00:35:38,530 --> 00:35:42,460
Det vil matche% i, hvilket betyder,
det vil få læst ind n.

724
00:35:42,460 --> 00:35:44,790
Og nu vil n indeholde tallet 50.

725
00:35:44,790 --> 00:35:46,110
Og så kan du returnere den.

726
00:35:46,110 --> 00:35:49,270
>> Ellers du rammer Gentag.

727
00:35:49,270 --> 00:35:55,790
Og så er det bare går igen, indtil
du får en ordentlig input fra brugeren.

728
00:35:55,790 --> 00:35:56,891
Eventuelle spørgsmål om det?

729
00:35:56,891 --> 00:36:02,182
>> PUBLIKUM: Så hvis du skulle udskrive
værdien af ​​GetInt på [uhørligt]

730
00:36:02,182 --> 00:36:06,250
ville det være lige heltal og max?

731
00:36:06,250 --> 00:36:07,440
>> ANGELA LI: Ja.

732
00:36:07,440 --> 00:36:11,780
Så hvis du bruger GetInt, bør du antage
at du ikke ønsker n'te max til

733
00:36:11,780 --> 00:36:15,328
være en gyldig input, fordi du går
at antage, at der var dårlig.

734
00:36:15,328 --> 00:36:27,740
>> PUBLIKUM: Hvis vi ikke havde char c og
nogen sætte i 1, 2, 3, Sam, ville det

735
00:36:27,740 --> 00:36:29,430
stadig arbejde for 1, 2, 3?

736
00:36:29,430 --> 00:36:29,750
>> ANGELA LI: Jeg tror, ​​det ville fungere.

737
00:36:29,750 --> 00:36:33,340
Men du ikke ønsker 123Sam til
være en gyldig input fra en bruger.

738
00:36:33,340 --> 00:36:34,670
Det er egentlig ikke en int.

739
00:36:34,670 --> 00:36:36,840
Så det forekommer ikke retfærdigt
at parse det som en int.

740
00:36:36,840 --> 00:36:40,910

741
00:36:40,910 --> 00:36:42,160
OK.

742
00:36:42,160 --> 00:36:45,800
I så fald, lad os flytte
på internettet.

743
00:36:45,800 --> 00:36:49,120
Så HTTP er ikke et sprog.

744
00:36:49,120 --> 00:36:56,060
HTTP er bare det sæt af standarder for
hvordan du sender tingene fra kunder

745
00:36:56,060 --> 00:36:57,280
det er dig, til servere.

746
00:36:57,280 --> 00:36:59,730
Det er andre mennesker på nettet.

747
00:36:59,730 --> 00:37:02,900
>> Så HTTP står for Hypertext
Overførsel protokol.

748
00:37:02,900 --> 00:37:04,610
Det er hjertet og sjælen
af hele nettet.

749
00:37:04,610 --> 00:37:07,050
Hypertekst del bare
refererer til HTML.

750
00:37:07,050 --> 00:37:10,690
Overførslen er klienter som
vil du sende anmodninger til

751
00:37:10,690 --> 00:37:13,060
servere, der giver respons.

752
00:37:13,060 --> 00:37:16,380
Og protokollen er bare, hvordan gør
du forventer en server til at opføre sig?

753
00:37:16,380 --> 00:37:19,960
Og hvordan er du formodes at opføre sig
sådan, at du kan strømline denne

754
00:37:19,960 --> 00:37:21,920
kommunikationsproces?

755
00:37:21,920 --> 00:37:26,650
>> Så HTTP-anmodninger ser meget gerne dette.

756
00:37:26,650 --> 00:37:28,070
GET er den type anmodning.

757
00:37:28,070 --> 00:37:31,220
I gutter har set får anmodninger
og POST-anmodninger.

758
00:37:31,220 --> 00:37:36,690
Denne anden ting der, / mig, det er
bare URI eller URL, hvor du

759
00:37:36,690 --> 00:37:38,140
ønsker at gå i værten.

760
00:37:38,140 --> 00:37:44,140
Så denne anmodning beder om det
side, ligesom www.facebook.com / mig.

761
00:37:44,140 --> 00:37:45,300
Og det er en GET-anmodning.

762
00:37:45,300 --> 00:37:51,020
Og så er denne HTTP/1.1, det er bare
den version af HTTP, du bruger.

763
00:37:51,020 --> 00:37:55,020
Det er næsten altid 1.1.

764
00:37:55,020 --> 00:37:56,880
>> Og så er der en flok
af andre ting også.

765
00:37:56,880 --> 00:38:02,510
Du kan faktisk se disse, hvis du
åbne din konsol, når du er

766
00:38:02,510 --> 00:38:03,770
surfe på internettet.

767
00:38:03,770 --> 00:38:07,290
Svarene ser noget
mere som denne.

768
00:38:07,290 --> 00:38:09,620
Den øverste del er, igen,
type HTTP, du bruger

769
00:38:09,620 --> 00:38:12,310
efterfulgt af en statuskode.

770
00:38:12,310 --> 00:38:14,700
Så 200 OK er alt arbejdet.

771
00:38:14,700 --> 00:38:16,200
Her er dit indhold.

772
00:38:16,200 --> 00:38:17,390
Dit indhold vil følge.

773
00:38:17,390 --> 00:38:21,730
Og så vil det fortælle dig, hvad slags
af indhold og andre ting også.

774
00:38:21,730 --> 00:38:24,620
>> De statuskoder, der er et par
vigtigste, som du bør vide.

775
00:38:24,620 --> 00:38:26,460
200 OK er ligesom alt er gyldne.

776
00:38:26,460 --> 00:38:28,490
Alt fungerer.

777
00:38:28,490 --> 00:38:29,710
403 Forbudt.

778
00:38:29,710 --> 00:38:32,910
Dette har du sikkert set, hvis du har glemt
chmod noget ordentligt.

779
00:38:32,910 --> 00:38:34,510
Det betyder, at du ikke har
de rigtige tilladelser til

780
00:38:34,510 --> 00:38:36,210
adgang til denne på serveren.

781
00:38:36,210 --> 00:38:38,110
Det er ligesom, nej, du kan ikke se det.

782
00:38:38,110 --> 00:38:39,780
404 betyder, at ting ikke eksisterer.

783
00:38:39,780 --> 00:38:40,400
Ikke fundet.

784
00:38:40,400 --> 00:38:41,640
Du har sikkert set, at en masse.

785
00:38:41,640 --> 00:38:45,510
>> 500 Internal Server Error er normalt
ligesom noget gik galt på den side

786
00:38:45,510 --> 00:38:46,460
på serveren.

787
00:38:46,460 --> 00:38:50,830
Så når du var at gennemføre pset7,
hvis du havde PHP fejl, kunne du

788
00:38:50,830 --> 00:38:53,890
faktisk gå til siden og se en
hel masse PHP fejl ting.

789
00:38:53,890 --> 00:38:56,900
Men det betyder ikke normalt sker,
fordi hjemmesider ikke virkelig ønsker at

790
00:38:56,900 --> 00:38:58,830
fortælle dig, hvorfor deres hjemmeside er brudt.

791
00:38:58,830 --> 00:39:03,370
De vil nok bare returnere en
500 Internal Server Error.

792
00:39:03,370 --> 00:39:06,120
>> Og så er der 418 Jeg er en tepotte.

793
00:39:06,120 --> 00:39:07,910
Der er en hel historie om
hvorfor det er en ting.

794
00:39:07,910 --> 00:39:09,860
Men du kan læse om det
på din egen tid.

795
00:39:09,860 --> 00:39:11,450
Der er en hel masse
andre statuskoder også.

796
00:39:11,450 --> 00:39:12,700
Men disse er dem
du bør vide.

797
00:39:12,700 --> 00:39:15,660

798
00:39:15,660 --> 00:39:18,610
Så lad os tale om HTML.

799
00:39:18,610 --> 00:39:22,180
HTML, så husk, er ikke en
programmeringssprog.

800
00:39:22,180 --> 00:39:23,510
Det er et kodesprog.

801
00:39:23,510 --> 00:39:25,210
Det betyder, at det beskriver indhold.

802
00:39:25,210 --> 00:39:30,440
Det fortæller dig, hvad et HTML-dokument ser
gerne, hvad det ligner eller ikke

803
00:39:30,440 --> 00:39:32,230
men hvordan det er struktureret.

804
00:39:32,230 --> 00:39:36,110
>> Så det definerer en struktur og
semantik af websider.

805
00:39:36,110 --> 00:39:37,830
Det er ligesom, det er et afsnit.

806
00:39:37,830 --> 00:39:40,060
Dette er en ordnet liste.

807
00:39:40,060 --> 00:39:42,360
Det er ligesom en del af min side.

808
00:39:42,360 --> 00:39:43,260
Her er titlen.

809
00:39:43,260 --> 00:39:44,310
Det gør den slags.

810
00:39:44,310 --> 00:39:48,770
Det betyder ikke style noget af det, fordi
det er, hvad du gør i CSS.

811
00:39:48,770 --> 00:39:50,270
Og det ligner en serie
af indlejrede tags.

812
00:39:50,270 --> 00:39:54,720
Så for at bruge et eksempel på en virkelig grundlæggende
HTML-side, har du DOCTYPE

813
00:39:54,720 --> 00:39:56,720
erklæring deroppe.

814
00:39:56,720 --> 00:40:00,940
>> Denne DOCTYPE erklæring er
sige, vi bruger HTML5.

815
00:40:00,940 --> 00:40:03,370
Så har du den store HTML-tag.

816
00:40:03,370 --> 00:40:05,230
Den indeholder et hoved og en krop.

817
00:40:05,230 --> 00:40:06,970
Inde i hovedet, har du titlen.

818
00:40:06,970 --> 00:40:12,950
Det er, hvad der går i titlen
i din browser.

819
00:40:12,950 --> 00:40:15,810
Vi har et link-tag, der forbinder
i et eksternt typografiark.

820
00:40:15,810 --> 00:40:19,880
Og så har vi et script, der trækker
fra en ekstern JavaScript så godt.

821
00:40:19,880 --> 00:40:23,750
>> Og så inde i vores krop er faktisk
hvad der bliver vist på siden.

822
00:40:23,750 --> 00:40:28,210
Vi har fået et afsnit og derefter en
billede i dette stykke.

823
00:40:28,210 --> 00:40:32,000
Det ene er et billede af killinger.

824
00:40:32,000 --> 00:40:35,840
Bemærk, at billedet
tag lukker sig selv.

825
00:40:35,840 --> 00:40:41,760
Så i stedet for åbning med et billede
og derefter gøre en anden / billede, du

826
00:40:41,760 --> 00:40:47,500
bare have denne lille skråstreg
her, som lukker det.

827
00:40:47,500 --> 00:40:53,670
Og billedet tag har også denne nøgle
værdi attribut kaldet alt.

828
00:40:53,670 --> 00:40:56,970
Det er den alternative tekst,
sker, når du svæver over det.

829
00:40:56,970 --> 00:41:03,170
>> De fleste HTML-elementer har nogle nøgleværdi
ting, som du kan give det, diverse

830
00:41:03,170 --> 00:41:04,420
tilpasning.

831
00:41:04,420 --> 00:41:06,230

832
00:41:06,230 --> 00:41:08,705
Ja.

833
00:41:08,705 --> 00:41:09,955
>> PUBLIKUM: [uhørligt].

834
00:41:09,955 --> 00:41:17,510

835
00:41:17,510 --> 00:41:19,680
>> ANGELA LI: Nå, så det er en
attribut i tag.

836
00:41:19,680 --> 00:41:25,320
Så hvis du bruger jQuery, kunne du
vælger image.getAttribute.

837
00:41:25,320 --> 00:41:27,930
Og så kan du søge efter
få alt attribut.

838
00:41:27,930 --> 00:41:31,040
Og det vil give dig killinger.

839
00:41:31,040 --> 00:41:37,400
Hvis du kan huske formularer i HTML, input
elementer vil have attributterne.

840
00:41:37,400 --> 00:41:41,870
Og det er, hvad PHP bruger til at sende
anmodninger, når en formular er indgivet.

841
00:41:41,870 --> 00:41:44,762

842
00:41:44,762 --> 00:41:50,064
>> PUBLIKUM: Har du nævne noget
om hvordan, hvis du bruger kittens.jpg eller

843
00:41:50,064 --> 00:41:54,410
noget, der har de manglende
filmapper eller andre filer?

844
00:41:54,410 --> 00:41:54,750
>> ANGELA LI: Ja.

845
00:41:54,750 --> 00:41:57,010
Så dette er, hvad der kaldes en relativ
vej, fordi jeg ikke give

846
00:41:57,010 --> 00:41:58,740
dig den fulde sti.

847
00:41:58,740 --> 00:42:05,160
Det er ligesom når i C, hvis du gør fopen
nogle fil, hvis du fopen hi.txt, at

848
00:42:05,160 --> 00:42:09,190
hi.txt forventes at være i samme
mappe, medmindre du giver det en mere

849
00:42:09,190 --> 00:42:11,530
kompleks vej.

850
00:42:11,530 --> 00:42:14,900
>> PUBLIKUM: Så du kan angive
hvilken mappe [uhørligt]?

851
00:42:14,900 --> 00:42:17,660
>> ANGELA LI: Ja.

852
00:42:17,660 --> 00:42:19,370
Og du kan se op, hvordan man gør det.

853
00:42:19,370 --> 00:42:23,480
Men hvis jeg ønskede at få kittens.jpg ud
af det overordnede bibliotek, ville jeg gøre

854
00:42:23,480 --> 00:42:24,730
.. / Kittens.jpg.

855
00:42:24,730 --> 00:42:29,680

856
00:42:29,680 --> 00:42:30,930
Ja.

857
00:42:30,930 --> 00:42:32,960

858
00:42:32,960 --> 00:42:33,760
Undskyld.

859
00:42:33,760 --> 00:42:34,045
Ja.

860
00:42:34,045 --> 00:42:35,700
Åh mand, jeg glemte spørgsmålet.

861
00:42:35,700 --> 00:42:36,460
Hvad var spørgsmålet?

862
00:42:36,460 --> 00:42:39,570
Åh, var spørgsmålet er, kittens.jpg
forventes at være i samme mappe?

863
00:42:39,570 --> 00:42:40,630
Og i dette tilfælde, det er.

864
00:42:40,630 --> 00:42:44,030
Men du kan også give den en bestemt vej
sådan at det ikke behøver at være.

865
00:42:44,030 --> 00:42:47,100

866
00:42:47,100 --> 00:42:48,350
Godt?

867
00:42:48,350 --> 00:42:50,190

868
00:42:50,190 --> 00:42:51,350
>> CSS.

869
00:42:51,350 --> 00:42:55,420
Så CSS, som HTML, er ikke
et programmeringssprog.

870
00:42:55,420 --> 00:42:58,250
CSS er bare en serie af styling regler.

871
00:42:58,250 --> 00:43:00,130
Det står for Cascading Style Sheets.

872
00:43:00,130 --> 00:43:03,910
Og du bruger den sammen
med HTML at style sider.

873
00:43:03,910 --> 00:43:08,140
Så der er tre måder
du kan medtage det.

874
00:43:08,140 --> 00:43:11,950
En måde du kan gøre det er i hovedet
del af din HTML, kan du bare

875
00:43:11,950 --> 00:43:15,410
åbne en stil-tag og derefter holde
nogle CSS regler derinde.

876
00:43:15,410 --> 00:43:16,759
Det er temmelig OK.

877
00:43:16,759 --> 00:43:17,228
Ja.

878
00:43:17,228 --> 00:43:21,449
>> PUBLIKUM: Kan du sætte dem
stil tags i mellem, lad os

879
00:43:21,449 --> 00:43:22,860
siger, krop og / krop.

880
00:43:22,860 --> 00:43:27,400
Og så ville du være styling
kun i kroppen.

881
00:43:27,400 --> 00:43:28,840
>> ANGELA LI: Du kunne.

882
00:43:28,840 --> 00:43:29,590
Det vil fungere.

883
00:43:29,590 --> 00:43:33,990
Men du bør ikke, fordi styling er
form for metadata, der bør gå i

884
00:43:33,990 --> 00:43:35,890
lederen af ​​dit dokument.

885
00:43:35,890 --> 00:43:38,280
Krop bør virkelig kun indeholde
hvad der faktisk går til

886
00:43:38,280 --> 00:43:39,420
dukke op på din side.

887
00:43:39,420 --> 00:43:42,155
>> PUBLIKUM: Så du ville sætte stil
i dit hoved at style

888
00:43:42,155 --> 00:43:43,930
Hele webside, right?

889
00:43:43,930 --> 00:43:44,300
>> ANGELA LI: Ja.

890
00:43:44,300 --> 00:43:50,470
Så sætte stil her, disse CSS-regler
vil gælde for hele siden er baseret på

891
00:43:50,470 --> 00:43:52,100
deres vælgere.

892
00:43:52,100 --> 00:43:57,090
Så den bedste måde at gøre det er i stedet
for at have en stil-tag i dit hoved,

893
00:43:57,090 --> 00:44:00,430
du har dette link til en ekstern stil
ark som jeg viste dig i

894
00:44:00,430 --> 00:44:01,980
foregående eksempel.

895
00:44:01,980 --> 00:44:05,920
Hvad det betyder er det prøver og finder
fil style.css og derefter trækker det

896
00:44:05,920 --> 00:44:08,470
i og bruger det som
stilarter for siden.

897
00:44:08,470 --> 00:44:10,500
Og din style.css ville
bare se sådan ud.

898
00:44:10,500 --> 00:44:13,330
Det ville bare være en flok CSS.

899
00:44:13,330 --> 00:44:16,210
>> Og endelig er der er en anden måde, du
kan omfatte CSS, som du virkelig

900
00:44:16,210 --> 00:44:17,480
bør ikke nogensinde gøre.

901
00:44:17,480 --> 00:44:18,950
Det er opkaldet inline styling.

902
00:44:18,950 --> 00:44:22,650
Og så enhver HTML-element kan også
tage en stil attribut.

903
00:44:22,650 --> 00:44:26,320
Og så i den stil attribut,
kan du give den CSS-regler.

904
00:44:26,320 --> 00:44:29,140
Så i dette tilfælde, uanset div jeg
definerer lige her, det kommer til at

905
00:44:29,140 --> 00:44:32,580
har en sort baggrund og
en hvid tekst farve.

906
00:44:32,580 --> 00:44:35,620
Men du bør ikke gøre det, fordi det,
det betyder det sætter din styling

907
00:44:35,620 --> 00:44:36,850
inde i din HTML.

908
00:44:36,850 --> 00:44:40,530
>> Og jeg ved, at vi har talt om HTML
er struktur og CSS er stil.

909
00:44:40,530 --> 00:44:42,790
Hvis du gør dette, det blander
dem sammen.

910
00:44:42,790 --> 00:44:44,550
Og det er ikke meget ren.

911
00:44:44,550 --> 00:44:45,800
Så du skal ikke gøre det.

912
00:44:45,800 --> 00:44:47,690

913
00:44:47,690 --> 00:44:52,100
Ved hjælp af et eksempel på CSS, deroppe, vi
Vælg blot kroppen af ​​HTML

914
00:44:52,100 --> 00:44:52,380
dokumentarfilm.

915
00:44:52,380 --> 00:44:55,110
Og vi er ligesom, at alt er
kommer til at være Comic Sans.

916
00:44:55,110 --> 00:44:57,290
Jeg anbefaler heller ikke det.

917
00:44:57,290 --> 00:44:59,940
Men du kan gøre det.

918
00:44:59,940 --> 00:45:03,140
>> Den anden regel lige her, går det
at vælge elementet på

919
00:45:03,140 --> 00:45:04,880
side med ID main.

920
00:45:04,880 --> 00:45:11,690
Så uanset HTML-element, jeg sagde ID
= Main, jeg har tænkt mig at give denne en

921
00:45:11,690 --> 00:45:16,020
20-pixel margin og tilpasse alting,
al den tekst, til centret.

922
00:45:16,020 --> 00:45:19,030
Den sidste ting vælger ved CSS-klasse.

923
00:45:19,030 --> 00:45:24,450
Så ethvert element på den side, jeg gav
en sektion klasse, jeg har tænkt mig at gøre det

924
00:45:24,450 --> 00:45:26,602
en baggrundsfarve lyseblå.

925
00:45:26,602 --> 00:45:29,380

926
00:45:29,380 --> 00:45:30,040
Yep.

927
00:45:30,040 --> 00:45:30,700
Det er alt, jeg har.

928
00:45:30,700 --> 00:45:30,890
Spørgsmål?

929
00:45:30,890 --> 00:45:34,020
>> PUBLIKUM: Hvad gør hashtag
før main gøre?

930
00:45:34,020 --> 00:45:36,310
>> ANGELA LI: Spørgsmålet er, hvad der gør
hashtag før vigtigste do?

931
00:45:36,310 --> 00:45:40,770
I dette tilfælde, for hash
CSS betyder Udvælgelse efter ID.

932
00:45:40,770 --> 00:45:47,490
Så hvis jeg havde nogle HTML-element, ligesom
divid = vigtigste, dette CSS rule vælger

933
00:45:47,490 --> 00:45:49,260
ting med ID main.

934
00:45:49,260 --> 00:45:53,940
Og på samme måde, den periode foran
sektion er Udvælgelse efter CSS-klasse eller

935
00:45:53,940 --> 00:45:56,558
vælg ved HTML klasse.

936
00:45:56,558 --> 00:46:00,940
>> PUBLIKUM: Hvorfor er der en har før
6 i baggrundsfarve?

937
00:46:00,940 --> 00:46:01,270
>> ANGELA LI: Ja.

938
00:46:01,270 --> 00:46:03,360
Så spørgsmålet er, hvorfor er der
en hash før 6?

939
00:46:03,360 --> 00:46:05,320
Dette er anderledes end hash.

940
00:46:05,320 --> 00:46:09,500
Det betyder, at du giver
en hexadecimal farve.

941
00:46:09,500 --> 00:46:14,260
Så hex farver, det bare
repræsenterer en farve.

942
00:46:14,260 --> 00:46:17,860
Og du husker RGB tredobler når
du gjorde det retsvidenskab PSET?

943
00:46:17,860 --> 00:46:18,770
Dette er den samme.

944
00:46:18,770 --> 00:46:21,590
De første to cifre repræsenterer
hvor meget rød i farven.

945
00:46:21,590 --> 00:46:23,260
Den anden to repræsenterer
hvor meget grøn.

946
00:46:23,260 --> 00:46:25,450
Og den tredje repræsenterer
hvor meget blå.

947
00:46:25,450 --> 00:46:30,060
Og hash er dette foregår
at repræsentere en farve.

948
00:46:30,060 --> 00:46:35,660
>> Så alt fra 0, 0, 0, 0, 0, 0
op til F, F, F, F, F, F er gyldig.

949
00:46:35,660 --> 00:46:39,550
Det er nogle gyldig farve, der kan
vises af din browser.

950
00:46:39,550 --> 00:46:39,790
Spørgsmål?

951
00:46:39,790 --> 00:46:43,590
>> PUBLIKUM: Hvad er forskellen mellem
ved hjælp af ID og klasse?

952
00:46:43,590 --> 00:46:46,470
>> ANGELA LI: Spørgsmålet er, hvad der er
forskellen mellem

953
00:46:46,470 --> 00:46:48,950
ved hjælp af ID og klasse?

954
00:46:48,950 --> 00:46:54,390
Du kan kun have ét element i en
HTML-dokument, der har en given id.

955
00:46:54,390 --> 00:46:58,660
Så kun én ting på min side
er tilladt at have ID main.

956
00:46:58,660 --> 00:47:02,580
Så du bruger det til dette er overskriften.

957
00:47:02,580 --> 00:47:03,850
Dette er navigation.

958
00:47:03,850 --> 00:47:05,230
Dette er sidefoden.

959
00:47:05,230 --> 00:47:09,070
Klasser er anderledes, fordi du kan
anvende klasser til så mange HTML-elementer

960
00:47:09,070 --> 00:47:10,100
som du ønsker.

961
00:47:10,100 --> 00:47:15,860
>> Altså for eksempel, jeg gjorde klasse sektion,
fordi der er formentlig mere end én

962
00:47:15,860 --> 00:47:17,540
afsnittet på min side.

963
00:47:17,540 --> 00:47:20,200
Du er bare lov til at have så mange
elementer på siden med det samme

964
00:47:20,200 --> 00:47:23,190
klassen, men kun en med en vis id.

965
00:47:23,190 --> 00:47:25,600
>> PUBLIKUM: Så prik repræsenterer
klassen?

966
00:47:25,600 --> 00:47:26,090
>> ANGELA LI: Ja.

967
00:47:26,090 --> 00:47:27,380
En prik repræsenterer en klasse.

968
00:47:27,380 --> 00:47:29,990

969
00:47:29,990 --> 00:47:31,540
Fedt.

970
00:47:31,540 --> 00:47:32,370
Det er alt, jeg har fået, gutter.

971
00:47:32,370 --> 00:47:33,544
Tak.

972
00:47:33,544 --> 00:48:13,380
>> [Applaus]

973
00:48:13,380 --> 00:48:14,290
>> ZAMYLA CHAN: Hej, alle sammen.

974
00:48:14,290 --> 00:48:14,880
Jeg er Zamyla.

975
00:48:14,880 --> 00:48:18,830
Jeg har tænkt mig at være der dækker PHP,
MVC og SQL dag.

976
00:48:18,830 --> 00:48:22,350

977
00:48:22,350 --> 00:48:26,110
En masse af det materiale, som jeg vil være
afdækning vil være temmelig meget

978
00:48:26,110 --> 00:48:29,100
lige ud af pset7.

979
00:48:29,100 --> 00:48:29,700
Ok.

980
00:48:29,700 --> 00:48:31,180
Så hvad er PHP?

981
00:48:31,180 --> 00:48:35,150
PHP står for PHP Hypertext
Præprocessor.

982
00:48:35,150 --> 00:48:38,740
Så det i sig selv er en rekursiv
navn, hvilket er ret cool.

983
00:48:38,740 --> 00:48:42,220
PHP er et server-side scripting sprog,
og det giver backend

984
00:48:42,220 --> 00:48:44,610
og de logiske fundament
af vores hjemmeside.

985
00:48:44,610 --> 00:48:48,520
>> Så Angela talte meget om HTML
og CSS, der vil gøre strukturen

986
00:48:48,520 --> 00:48:49,530
af hjemmesiden.

987
00:48:49,530 --> 00:48:53,210
Men hvad nu hvis du ønsker at ændre det
indholdet dynamisk eller hvis det varierer

988
00:48:53,210 --> 00:48:55,240
baseret på brugerens eller
visse betingelser?

989
00:48:55,240 --> 00:48:57,060
Det er, hvor PHP kommer i.

990
00:48:57,060 --> 00:49:02,610
Nu typisk kan PHP tage et par
færre linjer til at gennemføre de samme ting

991
00:49:02,610 --> 00:49:07,380
i C. Det er fordi PHP håndterer hukommelse
ledelse for programmøren,

992
00:49:07,380 --> 00:49:11,170
i modsætning til os at skulle allokere
fri, ting som.

993
00:49:11,170 --> 00:49:15,430
>> Men da PHP er en fortolkende
sprog, typisk, kan det udføre

994
00:49:15,430 --> 00:49:19,540
en smule langsommere end C, som
er en kompileret sprog.

995
00:49:19,540 --> 00:49:23,150
Fordi vi er ved at flytte programmering
sprog, lad os se på, hvordan

996
00:49:23,150 --> 00:49:24,570
syntaks vil variere.

997
00:49:24,570 --> 00:49:28,770
Lad os være meget omhyggelig med ikke at
få forveksles med dette.

998
00:49:28,770 --> 00:49:33,750
Så med PHP syntaks, uanset om du er
indlejring din PHP inde i en HTML

999
00:49:33,750 --> 00:49:40,430
fil eller inden for en. php fil selv, du
nødt til at omslutte koden i den åbne

1000
00:49:40,430 --> 00:49:45,270
PHP og de lukkede PHP tags som
følger, som på skærmen.

1001
00:49:45,270 --> 00:49:46,660
>> Variabler i PHP.

1002
00:49:46,660 --> 00:49:51,490
Hver eneste variabel vil starte med
$ tegnet efterfulgt af navnet på

1003
00:49:51,490 --> 00:49:53,150
din variabel.

1004
00:49:53,150 --> 00:49:56,530
Nu er variabler i PHP løst skrevet,
hvilket betyder, at du ikke behøver

1005
00:49:56,530 --> 00:50:00,030
at angive, hvad datatype
er, når du erklære det.

1006
00:50:00,030 --> 00:50:03,505
Men det betyder ikke, at de
ikke har nogen former på alle.

1007
00:50:03,505 --> 00:50:09,370
Så hvis jeg erklære en variabel og bare sæt
det lig med 1, og derefter erklærer jeg

1008
00:50:09,370 --> 00:50:15,140
en anden variabel, sæt det lig med "1"
og derefter en anden 1,0, godt,

1009
00:50:15,140 --> 00:50:19,410
afhængigt af lighed
operatører jeg bruge, hvis jeg ønsker at sammenligne

1010
00:50:19,410 --> 00:50:21,830
tværs af alle typer, så
de vil være lige.

1011
00:50:21,830 --> 00:50:25,570
Men hvis jeg vil være sikker på, at den
typer er ens, kan PHP stadig gøre

1012
00:50:25,570 --> 00:50:28,690
at selv om vi ikke angive
hvilken type det er, når vi

1013
00:50:28,690 --> 00:50:31,170
først lave filen.

1014
00:50:31,170 --> 00:50:33,990
>> Nu, i PHP, selvom vi er
skifte over fra programmering

1015
00:50:33,990 --> 00:50:39,360
sprog fra C, har vi stadig vores
trofaste, hvis tilstand, ligesom dette.

1016
00:50:39,360 --> 00:50:43,270
Vi har stadig vores tid loops, bare
som dette, hvor du lægger i dit

1017
00:50:43,270 --> 00:50:47,300
tilstand og derefter
organ af løkken.

1018
00:50:47,300 --> 00:50:50,360
Og så har vi også vores for-løkke,
der typisk ligner dette.

1019
00:50:50,360 --> 00:50:55,330
Så hvis jeg ønskede at gentage over alle
ni psets og indsende og kalde en

1020
00:50:55,330 --> 00:50:58,960
funktion submitPset, så jeg kan gøre det
her, som du fyre har alle

1021
00:50:58,960 --> 00:50:59,830
gøres ved dette punkt.

1022
00:50:59,830 --> 00:51:01,080
Tillykke, ved den måde.

1023
00:51:01,080 --> 00:51:04,560

1024
00:51:04,560 --> 00:51:07,550
>> Til kameraet, folk
sagde tak.

1025
00:51:07,550 --> 00:51:11,220
Nu, hvis du ikke bare ønsker at bruge denne
for-løkke, så PHP faktisk også

1026
00:51:11,220 --> 00:51:13,580
har tingene kaldet foreach loops.

1027
00:51:13,580 --> 00:51:22,210
Så hvis jeg havde en matrix af heltal, 0.
gennem 8, opbevares i array psets,

1028
00:51:22,210 --> 00:51:27,290
så jeg kunne have en foreach løkke,
gentager end hvert nummer i psets.

1029
00:51:27,290 --> 00:51:30,640
Og så kunne jeg kalde det samme
fungere otte gange,

1030
00:51:30,640 --> 00:51:31,910
ligesom jeg gjorde før.

1031
00:51:31,910 --> 00:51:36,480
Så dette for hver sløjfe er rart, fordi
du behøver ikke at hvis du ikke kender

1032
00:51:36,480 --> 00:51:39,470
den nøjagtige længde af arrayet, som du
have, og derefter bruge denne foreach løkke

1033
00:51:39,470 --> 00:51:42,800
vil tage sig af det for dig.

1034
00:51:42,800 --> 00:51:45,410
>> Så jeg lavede psets som en matrix.

1035
00:51:45,410 --> 00:51:46,700
Lad os se på det.

1036
00:51:46,700 --> 00:51:51,290
Arrays i PHP er typisk de samme som
dem, vi har haft i C, hvor

1037
00:51:51,290 --> 00:51:52,960
du kan erklære et array.

1038
00:51:52,960 --> 00:51:59,200
Og her kan jeg erklære en tom matrix
og derefter opbygge dynamisk ved hjælp af

1039
00:51:59,200 --> 00:52:00,850
indeks, som heltal.

1040
00:52:00,850 --> 00:52:04,140
Så indeks 0, vil jeg til at gemme
et heltal navngivet 1.

1041
00:52:04,140 --> 00:52:09,210
Ved indeks 1 på min liste, vil jeg
at lagre værdien 2.

1042
00:52:09,210 --> 00:52:12,670
Og på den tredje indeks, men den
andet tal, jeg har tænkt mig at

1043
00:52:12,670 --> 00:52:14,870
gemme nummeret 12.

1044
00:52:14,870 --> 00:52:17,250
>> Nu, dette er fint i det
fungerer det fungerer godt.

1045
00:52:17,250 --> 00:52:21,310
Men siger, at det betyder noget for mig
hvad hvert indeks besidder.

1046
00:52:21,310 --> 00:52:24,500
For mig indeks 0 betyder hvordan
mange katte jeg har.

1047
00:52:24,500 --> 00:52:27,400
Og indekset 1 betyder hvordan
mange ugler jeg har.

1048
00:52:27,400 --> 00:52:29,450
Og den næste betyder hvor mange hunde.

1049
00:52:29,450 --> 00:52:34,140
Nå, så er det at præcisere, at i stedet
for at skulle huske 0 svarer til

1050
00:52:34,140 --> 00:52:38,090
katte og 1 til ugler, kan jeg bruge
associative arrays, hvilket betyder, at

1051
00:52:38,090 --> 00:52:42,260
i stedet for heltal som mine indekser
Jeg kan faktisk bruge strenge.

1052
00:52:42,260 --> 00:52:43,290
>> Så dette er ganske nyttigt.

1053
00:52:43,290 --> 00:52:47,130
Og du har dybest set blot udskiftet
heltal med strenge.

1054
00:52:47,130 --> 00:52:50,074
Og der har du en
associative array.

1055
00:52:50,074 --> 00:52:51,930
Ja.

1056
00:52:51,930 --> 00:52:55,800
>> PUBLIKUM: Er der en grund til, hvorfor der er
en understregning for den anden

1057
00:52:55,800 --> 00:52:58,750
del, fordi min liste har array.

1058
00:52:58,750 --> 00:53:01,330
>> ZAMYLA CHAN: Spørgsmålet var, er
der en grund til, at der er en

1059
00:53:01,330 --> 00:53:03,320
underscore mellem min og liste?

1060
00:53:03,320 --> 00:53:03,610
Nej.

1061
00:53:03,610 --> 00:53:06,878
Det er bare hvordan jeg navngivning
min variabel.

1062
00:53:06,878 --> 00:53:11,670
>> PUBLIKUM: På den første
line, det er et ord.

1063
00:53:11,670 --> 00:53:12,560
>> ZAMYLA CHAN: Mine undskyldninger.

1064
00:53:12,560 --> 00:53:13,410
Jeg ordner det.

1065
00:53:13,410 --> 00:53:13,620
Ja.

1066
00:53:13,620 --> 00:53:15,460
De bør være den samme variabelnavn.

1067
00:53:15,460 --> 00:53:16,710
God fangst.

1068
00:53:16,710 --> 00:53:19,640

1069
00:53:19,640 --> 00:53:19,950
OK.

1070
00:53:19,950 --> 00:53:22,610
Så lad os gå videre til strengen
sammenkædning.

1071
00:53:22,610 --> 00:53:27,500
Hvis jeg ønskede at tage to strenge,
så kan jeg sammenkæde dem

1072
00:53:27,500 --> 00:53:28,550
med dot operatør.

1073
00:53:28,550 --> 00:53:32,440
Så hvis jeg har Milo som et fornavn
Banana som et efternavn, så

1074
00:53:32,440 --> 00:53:35,430
concatenating med dot operatør og
derefter sætte en plads i mellem

1075
00:53:35,430 --> 00:53:39,210
vil gøre en streng, der indeholder Milo
Banan, som jeg kan derefter echo eller,

1076
00:53:39,210 --> 00:53:41,280
snarere udskrive.

1077
00:53:41,280 --> 00:53:44,465
>> Apropos ekko, lad os tale
om et par nyttige -

1078
00:53:44,465 --> 00:53:44,920
oops.

1079
00:53:44,920 --> 00:53:46,030
Undskyld.

1080
00:53:46,030 --> 00:53:52,920
Et par nyttige PHP funktioner.

1081
00:53:52,920 --> 00:53:56,240
Så vi har -

1082
00:53:56,240 --> 00:53:57,444
tekniske vanskeligheder.

1083
00:53:57,444 --> 00:53:58,694
Et sekund.

1084
00:53:58,694 --> 00:54:16,960

1085
00:54:16,960 --> 00:54:19,550
Jeg sendte det.

1086
00:54:19,550 --> 00:54:22,320
PowerPoint problemer.

1087
00:54:22,320 --> 00:54:29,200
Og vi er tilbage med PHP funktioner.

1088
00:54:29,200 --> 00:54:32,010

1089
00:54:32,010 --> 00:54:35,150
Og vi er tilbage med PHP funktioner.

1090
00:54:35,150 --> 00:54:39,890
>> Så vi har det kræve funktion, hvor
hvis du passerer i en fil, her er bare

1091
00:54:39,890 --> 00:54:43,300
et eksempel på en fil, der
Jeg kunne gå i.

1092
00:54:43,300 --> 00:54:47,605
Så der vil omfatte PHP kode
fra denne fil, som jeg viser.

1093
00:54:47,605 --> 00:54:49,940
Og det vil evaluere det i.

1094
00:54:49,940 --> 00:54:54,450
Så har vi også ekko, som
er en parallel til printf.

1095
00:54:54,450 --> 00:54:57,710
Exit er en parallel til at bryde,
der kommer ud af blokken af

1096
00:54:57,710 --> 00:54:58,570
kode, som du er i.

1097
00:54:58,570 --> 00:55:03,180
Og så tomme kontrollerer, om en given
variable er som nul eller nul eller

1098
00:55:03,180 --> 00:55:08,482
hvad der sidestilles med at være tom.

1099
00:55:08,482 --> 00:55:09,438
Ja.

1100
00:55:09,438 --> 00:55:15,341
>> PUBLIKUM: For strengsammensætning
dot operatør én, i PHP, er, at

1101
00:55:15,341 --> 00:55:20,158
samme som i JavaScript, hvor det ved hjælp af
prik til sammenkædning betyder plus?

1102
00:55:20,158 --> 00:55:27,440
Så for fulde navn, kunne du have dollar
underskrive første + og derefter + sidste?

1103
00:55:27,440 --> 00:55:27,720
>> ZAMYLA CHAN: Ja.

1104
00:55:27,720 --> 00:55:32,150
Så spørgsmålet var, om i PHP vi
kan bruge den samme strengsammensætning

1105
00:55:32,150 --> 00:55:33,890
som i JavaScript med plusser.

1106
00:55:33,890 --> 00:55:35,410
Og Josef vil komme ind senere.

1107
00:55:35,410 --> 00:55:36,620
Jeg tror, ​​han har et dias på.

1108
00:55:36,620 --> 00:55:37,570
Faktisk er det anderledes.

1109
00:55:37,570 --> 00:55:41,310
Så i JavaScript, skal du bruge
plus at sammenkæde strenge.

1110
00:55:41,310 --> 00:55:43,280
Og i PHP, er du nødt til
anvende dot operatør.

1111
00:55:43,280 --> 00:55:44,530
Så de er anderledes.

1112
00:55:44,530 --> 00:55:46,680

1113
00:55:46,680 --> 00:55:46,910
>> OK.

1114
00:55:46,910 --> 00:55:49,500
Så nu, at vi har dækket alle
denne PHP, hvor gør det

1115
00:55:49,500 --> 00:55:50,490
virkelig komme i handy?

1116
00:55:50,490 --> 00:55:54,470
Tja, det er praktisk, når vi
kan kombinere det med vores HTML.

1117
00:55:54,470 --> 00:55:59,550
Så vores PHP vil give os magt til at
ændre en sides HTML-indhold før

1118
00:55:59,550 --> 00:56:00,000
sin læsning.

1119
00:56:00,000 --> 00:56:04,270
Så er baseret på forskellige vilkår,
normalt den specifikke bruger, der er

1120
00:56:04,270 --> 00:56:07,520
logget ind, kan vi vise
forskellige oplysninger.

1121
00:56:07,520 --> 00:56:08,800
Linda, har du et spørgsmål?

1122
00:56:08,800 --> 00:56:15,510
>> PUBLIKUM: Kan du sammenkæde
et heltal også?

1123
00:56:15,510 --> 00:56:16,760
>> ZAMYLA CHAN: Ja, du kan.

1124
00:56:16,760 --> 00:56:19,530

1125
00:56:19,530 --> 00:56:23,270
Så spørgsmålet var, hvis du kan
sammenkæde heltal eller andre

1126
00:56:23,270 --> 00:56:28,920
variable.s nu, går vi videre til MVC, som
er et paradigme, som vi brugte i

1127
00:56:28,920 --> 00:56:33,380
pset7 og en masse webdesignere bruger til
organisere koden i filerne

1128
00:56:33,380 --> 00:56:34,490
i deres hjemmeside.

1129
00:56:34,490 --> 00:56:35,870
M står for Model.

1130
00:56:35,870 --> 00:56:41,450
Og dybest set, vil model filer beskæftige
med samspillet med databasen.

1131
00:56:41,450 --> 00:56:44,640
Se filer, de vedrører
æstetik af hjemmesiden.

1132
00:56:44,640 --> 00:56:47,550
Og håndtagene Controller
brugerønsker, analyserer

1133
00:56:47,550 --> 00:56:49,230
data, gør anden logik.

1134
00:56:49,230 --> 00:56:52,520
>> I pset7 kombineret vi modellen
og controlleren.

1135
00:56:52,520 --> 00:56:55,880
Og vi bare kaldte dem controllere og
sætte dem i den offentlige mappe.

1136
00:56:55,880 --> 00:57:01,730
Og se filer, vi bruger dem som
skabeloner i skabeloner biblioteket.

1137
00:57:01,730 --> 00:57:07,260
Så dette diagram her repræsenterer også
at samme slags division med

1138
00:57:07,260 --> 00:57:10,510
model og controlleren i lilla
her til venstre og

1139
00:57:10,510 --> 00:57:12,770
visningen til højre.

1140
00:57:12,770 --> 00:57:16,020
Så dette er en skematisk, at nogle af jer
måske har set på Kontortid eller

1141
00:57:16,020 --> 00:57:19,130
diagrammer, som vi var tegning, som du
var at finde ud af din PSET.

1142
00:57:19,130 --> 00:57:25,030
>> Så her, i en given controller, en model
controller, har vi funktioner

1143
00:57:25,030 --> 00:57:30,490
der vedrører forespørge SQL
database, udførelse PHP logik.

1144
00:57:30,490 --> 00:57:32,370
Måske vil du se op
en bestand på Yahoo!

1145
00:57:32,370 --> 00:57:34,590
Finance.

1146
00:57:34,590 --> 00:57:37,390
Eller måske ville du lige tjekke at
se, om en bruger havde indgivet en

1147
00:57:37,390 --> 00:57:40,250
danner allerede før de har
besøgt din side.

1148
00:57:40,250 --> 00:57:43,390
Og så ville du gøre
En form herovre.

1149
00:57:43,390 --> 00:57:48,210
Efter denne form var blevet forelagt
af brugeren, den handling, der var

1150
00:57:48,210 --> 00:57:53,470
specificeret i form HTML-tag
ville indikere den side, det

1151
00:57:53,470 --> 00:57:55,620
returnerer disse data til.

1152
00:57:55,620 --> 00:57:59,460
>> Så alle disse oplysninger ville være
sendt tilbage til din controller.

1153
00:57:59,460 --> 00:58:02,620
Så ville du sikkert gøre en smule mere
logik på dette og måske udføre et par

1154
00:58:02,620 --> 00:58:06,510
flere forespørgsler i SQL-databasen og
så, endelig, kom op med et pænt

1155
00:58:06,510 --> 00:58:11,930
pakket sæt af oplysninger, som du ville
passere i en anden skabelon

1156
00:58:11,930 --> 00:58:13,950
der viste, at oplysninger.

1157
00:58:13,950 --> 00:58:17,030
Nu, hvordan kan vi faktisk pakke
at oplysninger op?

1158
00:58:17,030 --> 00:58:23,980
Tja, vi har en funktion kaldet Render
der var i functions.php filen i

1159
00:58:23,980 --> 00:58:29,950
pset7, hvor du passerer i navnet på
en fil, navnet på en skabelon.

1160
00:58:29,950 --> 00:58:32,160
>> Og så også passere i
en associativ array.

1161
00:58:32,160 --> 00:58:37,150
Og så associative array repræsenterer
de forskellige oplysninger

1162
00:58:37,150 --> 00:58:39,040
at du ønsker at passere i.

1163
00:58:39,040 --> 00:58:43,460
Nu, hvad der kommer til at være konstant i
disse eksempler er, at tasterne eller,

1164
00:58:43,460 --> 00:58:47,070
snarere nøglerne til associative
arrays, der er, hvad der kommer til at være

1165
00:58:47,070 --> 00:58:51,050
forventes at være konstant af skabelonen,
fordi det ved det behov

1166
00:58:51,050 --> 00:58:53,990
noget, der hedder besked
eller kaldte navn.

1167
00:58:53,990 --> 00:58:56,940
Og så de ting til højre, den
faktiske værdier, så i dette tilfælde, der er

1168
00:58:56,940 --> 00:59:00,750
en god dreng og Milo, er dem, der går
at være de værdier, der ændrer

1169
00:59:00,750 --> 00:59:05,610
at regulatoren skifter hver gang
eller baseret på en bestemt tilstand og

1170
00:59:05,610 --> 00:59:07,120
vil passere det i.

1171
00:59:07,120 --> 00:59:12,790
>> Så her i skabeloner, ser vi, at vi
bruger HTML specialtegn,

1172
00:59:12,790 --> 00:59:16,370
som netop dybest set betyder, at vi ønsker
at få peer streng at

1173
00:59:16,370 --> 00:59:17,580
bruger sat i.

1174
00:59:17,580 --> 00:59:20,880
Og vi ønsker at erstatte
budskab derinde.

1175
00:59:20,880 --> 00:59:26,110
Så når vi rent faktisk se
filen, den specifikke

1176
00:59:26,110 --> 00:59:28,700
oplysninger videregives i.

1177
00:59:28,700 --> 00:59:33,850
Bemærk, at nøglen hvordan gengive værker
at nøglerne til associative

1178
00:59:33,850 --> 00:59:37,170
arrays, der er blevet variable
navne her.

1179
00:59:37,170 --> 00:59:40,720
Og så de værdier af denne nøgle i
associative array så bliver den

1180
00:59:40,720 --> 00:59:41,970
værdien af ​​variablen.

1181
00:59:41,970 --> 00:59:44,800

1182
00:59:44,800 --> 00:59:46,040
>> Lad os nu gå videre til SQL.

1183
00:59:46,040 --> 00:59:48,010
Det står for struktureret
Query Language.

1184
00:59:48,010 --> 00:59:50,460
Og så dette er blot en programmering
sprog designet

1185
00:59:50,460 --> 00:59:51,880
til styring af databaser.

1186
00:59:51,880 --> 00:59:56,860
Og det skete praktisk for os i
vores pset7 finans hjemmeside.

1187
00:59:56,860 --> 01:00:00,510
Væsentlige, det er bare en nem måde at
spore og administrere objekter og tabeller

1188
01:00:00,510 --> 01:00:02,070
og knytte dem til hinanden.

1189
01:00:02,070 --> 01:00:06,860
Nu, tænk på din SQL database
dybest set som en Excel-fil, måske,

1190
01:00:06,860 --> 01:00:10,040
med flere faner ark.

1191
01:00:10,040 --> 01:00:13,820
>> Så kunne du have flere tabeller,
måske, der er forbundet med hinanden.

1192
01:00:13,820 --> 01:00:19,420
Og meget gerne Excel, vi har en masse
den funktionalitet, vi ønsker.

1193
01:00:19,420 --> 01:00:22,300
For eksempel kan vi vælge
bestemte rækker.

1194
01:00:22,300 --> 01:00:24,110
Vi kan indsætte information.

1195
01:00:24,110 --> 01:00:25,560
Vi kan opdatere rækker.

1196
01:00:25,560 --> 01:00:27,440
Og vi kan også slette ting.

1197
01:00:27,440 --> 01:00:30,920

1198
01:00:30,920 --> 01:00:36,560
>> SQL vælge værker ved at vælge rækker
eller en række af bestemte kolonner fra en

1199
01:00:36,560 --> 01:00:39,640
database, der matcher en vis
kriterier, som du angiver.

1200
01:00:39,640 --> 01:00:44,930
Så herovre, når jeg ser select * from
wizards hvor hus = Ravenclaw, så

1201
01:00:44,930 --> 01:00:48,340
Jeg vælge *, hvilket betyder jeg er
at vælge hver enkelt kolonne i denne

1202
01:00:48,340 --> 01:00:56,340
rækken fra guiderne tabellen, men kun hvis
huset kolonne lig Ravenclaw.

1203
01:00:56,340 --> 01:00:57,840
Nu, dette er ren eller SQL.

1204
01:00:57,840 --> 01:01:02,680
Så hvis jeg gik ind i phpMyAdmin, som er
den særlige måde, som vi bruger til at administrere

1205
01:01:02,680 --> 01:01:07,040
vores SQL-databaser, så jeg kunne indsætte
der ind i phpMyAdmin hjemmeside.

1206
01:01:07,040 --> 01:01:08,290
Og det ville udføre.

1207
01:01:08,290 --> 01:01:11,280
>> Men vi faktisk ønsker at gøre
der på PHP side.

1208
01:01:11,280 --> 01:01:12,580
Så hvordan gør vi det?

1209
01:01:12,580 --> 01:01:20,180
Nå, vi bruger forespørgslen funktion, som
dybest set udfører denne SQL-forespørgsel.

1210
01:01:20,180 --> 01:01:21,830
Bruger?

1211
01:01:21,830 --> 01:01:25,850
som en pladsholder, kan vi passere i visse
værdier til vores streng, som vi

1212
01:01:25,850 --> 01:01:26,920
ønsker at erstatte.

1213
01:01:26,920 --> 01:01:32,110
Så måske jeg opbevare anderledes
værdier i curr_house, som

1214
01:01:32,110 --> 01:01:34,400
repræsenterer den aktuelle hus
at jeg går igennem.

1215
01:01:34,400 --> 01:01:39,040
Så jeg kan passere, at i som en pladsholder
med spørgsmålstegnet.

1216
01:01:39,040 --> 01:01:43,290
Og så vil jeg dybest set udføre
samme ting som jeg gjorde før, undtagen

1217
01:01:43,290 --> 01:01:45,550
nu er jeg i PHP.

1218
01:01:45,550 --> 01:01:51,300
>> Og forespørgsel vil returnere en
associative array.

1219
01:01:51,300 --> 01:01:53,470
Og jeg har tænkt mig at gemme det i rækker.

1220
01:01:53,470 --> 01:01:56,880
Nu kan forespørgslen altid fejle.

1221
01:01:56,880 --> 01:02:02,870
Måske SQL-forespørgslen ikke kunne udføre
fordi tabellen ikke eksisterede.

1222
01:02:02,870 --> 01:02:04,310
Eller måske havde kolonnen ikke eksisterer.

1223
01:02:04,310 --> 01:02:05,400
Noget gik galt.

1224
01:02:05,400 --> 01:02:08,170
Tja, i dette tilfælde, vil du ønsker at gøre
sikker på, at du kontrollere, om

1225
01:02:08,170 --> 01:02:09,700
forespørgsel returnerede falsk.

1226
01:02:09,700 --> 01:02:15,590
Og det er ved hjælp af den tredobbelte
lig drift der.

1227
01:02:15,590 --> 01:02:19,660
>> Og derefter undskylder I, som er en anden
CS50 funktion, der passerer i en meddelelse.

1228
01:02:19,660 --> 01:02:23,435
Og hvis man ser ind undskylde, alt det
virkelig er render apology.php.

1229
01:02:23,435 --> 01:02:26,100

1230
01:02:26,100 --> 01:02:26,410
Ja.

1231
01:02:26,410 --> 01:02:29,630
>> PUBLIKUM: Kan du forklare, hvad det
stjerne gør mellem vælge og fra?

1232
01:02:29,630 --> 01:02:30,710
>> ZAMYLA CHAN: Ja, absolut.

1233
01:02:30,710 --> 01:02:35,220
Så stjernen i mellem vælge og fra
betyder, at jeg ønsker at vælge hele

1234
01:02:35,220 --> 01:02:37,440
hele rækken fra mit bord.

1235
01:02:37,440 --> 01:02:41,900
Jeg kunne have indikeret vælge
, år hus.

1236
01:02:41,900 --> 01:02:46,160
Og jeg vil kun få de tre
kolonner i mit bord.

1237
01:02:46,160 --> 01:02:51,560
Men hvis jeg siger vælge *, så vil jeg
få alt i denne kolonne.

1238
01:02:51,560 --> 01:02:53,760
Så jeg har tænkt mig at gå dig
i ryggen først.

1239
01:02:53,760 --> 01:02:57,656
>> PUBLIKUM: Så det er stadig
i SQL, right?

1240
01:02:57,656 --> 01:02:59,610
Er denne forespørgsel, eller er det PHP?

1241
01:02:59,610 --> 01:03:00,550
>> ZAMYLA CHAN: Vi er i en forespørgsel.

1242
01:03:00,550 --> 01:03:01,940
Så dette er i PHP.

1243
01:03:01,940 --> 01:03:06,280
Så ved hjælp af PHP-funktionen forespørgslen,
vi udføre en SQL-forespørgsel.

1244
01:03:06,280 --> 01:03:11,988

1245
01:03:11,988 --> 01:03:15,364
>> PUBLIKUM: Er der noget i SQL
små bogstaver, ligesom vælge

1246
01:03:15,364 --> 01:03:17,834
eller troldmænd eller hus?

1247
01:03:17,834 --> 01:03:20,050
>> ZAMYLA CHAN: Er der noget
i SQL og små bogstaver?

1248
01:03:20,050 --> 01:03:21,760
Jeg tror så, ja.

1249
01:03:21,760 --> 01:03:24,620
Jeg tror, ​​at SELECT og FROM
, og hvor er case-sensitive.

1250
01:03:24,620 --> 01:03:25,535
Nej?

1251
01:03:25,535 --> 01:03:27,500
>> ROB BOWDEN: Så det er det modsatte.

1252
01:03:27,500 --> 01:03:32,030
Kolonnenavne og tabel betyder,
alle af dem er case-sensitive.

1253
01:03:32,030 --> 01:03:35,470
Men nogen af ​​MySQL nøgleordene, ligesom
SELECT, FROM og WHERE, de er ikke

1254
01:03:35,470 --> 01:03:36,140
og små bogstaver.

1255
01:03:36,140 --> 01:03:36,420
OK.

1256
01:03:36,420 --> 01:03:37,780
Så det modsatte af, hvad jeg sagde.

1257
01:03:37,780 --> 01:03:40,420
Så alle MySQL søgeord -

1258
01:03:40,420 --> 01:03:42,670
vælge fra, hvor - dem
er ikke store og små bogstaver.

1259
01:03:42,670 --> 01:03:44,630
Men alt andet er.

1260
01:03:44,630 --> 01:03:45,210
OK.

1261
01:03:45,210 --> 01:03:46,500
Du i front.

1262
01:03:46,500 --> 01:03:52,041
>> PUBLIKUM: Hvis jeg har $ rækker i form af
mere end én række, betyder det så er

1263
01:03:52,041 --> 01:03:53,640
bare bliver et associativt array?

1264
01:03:53,640 --> 01:03:59,550
>> ZAMYLA CHAN: Så spørgsmålet var, hvis rækker
har mere end én række i det, er

1265
01:03:59,550 --> 01:04:01,800
det blive et associativt array?

1266
01:04:01,800 --> 01:04:05,680
Så det er en vifte af associativ
arrays allerede.

1267
01:04:05,680 --> 01:04:10,730
Så selv om der kun er én række
vendte tilbage, så ville du nødt til at gå til

1268
01:04:10,730 --> 01:04:12,690
indeks 0 i dette resultat.

1269
01:04:12,690 --> 01:04:15,316
Og så ville du have at første række.

1270
01:04:15,316 --> 01:04:17,482
Ja, Belinda?

1271
01:04:17,482 --> 01:04:21,258
>> PUBLIKUM: Når du bruger ===,
er dette det eneste tilfælde?

1272
01:04:21,258 --> 01:04:22,210
Eller er der andre?

1273
01:04:22,210 --> 01:04:26,815
>> ZAMYLA CHAN: Så i dette tilfælde, ===
er en sammenligning på tværs af typer.

1274
01:04:26,815 --> 01:04:29,870

1275
01:04:29,870 --> 01:04:34,050
Undskyld. === Er en sammenligning
der sammenligner typer.

1276
01:04:34,050 --> 01:04:37,620
Og så == sammenligner på tværs af alle typer.

1277
01:04:37,620 --> 01:04:41,620
>> PUBLIKUM: Kan du forklare, hvad
rækker er i denne situation?

1278
01:04:41,620 --> 01:04:45,120
Er det række data?

1279
01:04:45,120 --> 01:04:48,100
>> ZAMYLA CHAN: I det næste dias, jeg
kommer til at forklare, hvad rækker er.

1280
01:04:48,100 --> 01:04:49,890
Så hvis du ikke har noget imod at holde
off på det.

1281
01:04:49,890 --> 01:04:50,620
Og så dig i ryggen?

1282
01:04:50,620 --> 01:04:54,699
>> PUBLIKUM: For funktioner som forespørgsel,
render og undskylder [uhørligt]?

1283
01:04:54,699 --> 01:04:59,050

1284
01:04:59,050 --> 01:05:03,050
>> ZAMYLA CHAN: Spørgsmålet var, om
disse funktioner - Query, undskylder,

1285
01:05:03,050 --> 01:05:04,510
og gøre -

1286
01:05:04,510 --> 01:05:05,930
er fælles på tværs af PHP.

1287
01:05:05,930 --> 01:05:09,460
Det er dem, der CS50
skrev for pset7.

1288
01:05:09,460 --> 01:05:09,910
Og Jay?

1289
01:05:09,910 --> 01:05:15,333
>> PUBLIKUM: Når du har brug for at sige
$ _SESSION, Er det kun for id'er?

1290
01:05:15,333 --> 01:05:17,310
Eller du kunne have sagt, at her?

1291
01:05:17,310 --> 01:05:23,440
>> ZAMYLA CHAN: Så spørgsmålet var, da
vi bruger $ _SESSION, der var en specifik

1292
01:05:23,440 --> 01:05:25,290
global variabel, som vi bruger.

1293
01:05:25,290 --> 01:05:32,080
Her denne variabel vil
være lokal til vores funktion.

1294
01:05:32,080 --> 01:05:36,588
Så vi bare erklære
en ny variabel.

1295
01:05:36,588 --> 01:05:38,460
>> PUBLIKUM: Hvordan undskylder
gennemført?

1296
01:05:38,460 --> 01:05:40,960
>> ZAMYLA CHAN: Spørgsmålet var,
hvordan undskylde gennemført?

1297
01:05:40,960 --> 01:05:44,180
Og jeg tror, ​​det er faktisk en temmelig
god praksis for jer at gå ind

1298
01:05:44,180 --> 01:05:49,260
den functions.php sektionen og se på
undskylde og se, hvordan du kunne have

1299
01:05:49,260 --> 01:05:50,670
gjort det selv.

1300
01:05:50,670 --> 01:05:55,620
Så jeg kan efterlade det til dig, men bare
sige, at hvis man ser på undskylde,

1301
01:05:55,620 --> 01:06:02,110
så det tager den besked, du
forelagt at undskylde, og så er det

1302
01:06:02,110 --> 01:06:06,570
gør det budskab.

1303
01:06:06,570 --> 01:06:08,240
Har du flere spørgsmål?

1304
01:06:08,240 --> 01:06:08,710
Jeg elsker spørgsmål.

1305
01:06:08,710 --> 01:06:09,555
Så holde dem at komme.

1306
01:06:09,555 --> 01:06:11,888
>> PUBLIKUM: [uhørligt]

1307
01:06:11,888 --> 01:06:13,840
echo eller print der?

1308
01:06:13,840 --> 01:06:15,900
>> ZAMYLA CHAN: Spørgsmålet var,
kunne vi ikke lige har lagt

1309
01:06:15,900 --> 01:06:17,000
echo eller print der.

1310
01:06:17,000 --> 01:06:19,710
Så det ville have gjort noget
lidt anderledes.

1311
01:06:19,710 --> 01:06:23,750
Det ville have trykt forespørgsel
mislykkedes i at -

1312
01:06:23,750 --> 01:06:27,420
godt, lige nu, er vi faktisk
i vores controller.

1313
01:06:27,420 --> 01:06:30,350
Så vi faktisk ikke har
HTML oprettet her.

1314
01:06:30,350 --> 01:06:34,946
Undskylder ved at gøre apologize.php
faktisk omdirigerer dig til apology.php.

1315
01:06:34,946 --> 01:06:39,560

1316
01:06:39,560 --> 01:06:42,200
OK.

1317
01:06:42,200 --> 01:06:45,880
>> Så nu, lad os gå på at tage fat på
spørgsmål fra tidligere om, hvad

1318
01:06:45,880 --> 01:06:47,330
virkelig rækker.

1319
01:06:47,330 --> 01:06:51,960
Nå, vil forespørgslen tilbage
en matrix af rækker.

1320
01:06:51,960 --> 01:06:55,020
Og hver række er repræsenteret
af et associativt array.

1321
01:06:55,020 --> 01:07:02,840
Så hvis jeg har henrettet nogle SQL forespørgsel og
Jeg har gemt resultatet i rækker, så

1322
01:07:02,840 --> 01:07:07,850
ved hjælp af en foreach løkke, så matrixen
navn er den første der - rækker.

1323
01:07:07,850 --> 01:07:13,170
Og så har jeg tænkt mig at ringe til
hver række derinde $ row.

1324
01:07:13,170 --> 01:07:20,060
>> Så iteration over det, kan jeg da
adgang til den given række navn kolonne

1325
01:07:20,060 --> 01:07:22,340
år kolonne, og hus kolonne.

1326
01:07:22,340 --> 01:07:28,010
Bemærk, at jeg ikke ville have været i stand til at
gøre dette med rækker, fordi rækker indeks

1327
01:07:28,010 --> 01:07:29,290
navn findes ikke.

1328
01:07:29,290 --> 01:07:31,970
Rækker er blot et array af
associative arrays.

1329
01:07:31,970 --> 01:07:34,870
Så du har to niveauer der.

1330
01:07:34,870 --> 01:07:37,170
Når du har den vifte af rækker,
du nødt til at komme ind i det.

1331
01:07:37,170 --> 01:07:39,110
Og så kan du få adgang til kolonner.

1332
01:07:39,110 --> 01:07:41,636
Fik at gøre det klart?

1333
01:07:41,636 --> 01:07:42,520
Ja, foran?

1334
01:07:42,520 --> 01:07:45,490
>> PUBLIKUM: [uhørligt] åbne
beslag til [uhørligt]?

1335
01:07:45,490 --> 01:07:46,220
>> ZAMYLA CHAN: Undskyld mig?

1336
01:07:46,220 --> 01:07:49,740
>> PUBLIKUM: De åbne parentes.

1337
01:07:49,740 --> 01:07:52,420
>> ZAMYLA CHAN: Disse her?

1338
01:07:52,420 --> 01:07:58,520
Det er at lade mig at medtage
denne variabel.

1339
01:07:58,520 --> 01:07:58,670
Ja.

1340
01:07:58,670 --> 01:08:01,900
>> PUBLIKUM: Når du udskriver, er du
udskrivning til HTML-koden?

1341
01:08:01,900 --> 01:08:03,110
>> ZAMYLA CHAN: Ja.

1342
01:08:03,110 --> 01:08:07,720
Når jeg udskriver, dette her er inde
min skabelon nu, så

1343
01:08:07,720 --> 01:08:10,310
min opfattelse af MVC metoden.

1344
01:08:10,310 --> 01:08:12,750
Så jeg udskriver i HTML.

1345
01:08:12,750 --> 01:08:16,670
>> PUBLIKUM: Så hvis vi gik ind udvikleren
værktøj efter kører denne, kunne vi

1346
01:08:16,670 --> 01:08:17,160
der faktisk i koden?

1347
01:08:17,160 --> 01:08:18,410
>> ZAMYLA CHAN: Det er en stor
spørgsmål, ja.

1348
01:08:18,410 --> 01:08:22,359
Så hvis du gik ind i udviklingsværktøjer
i Firefox ved hjælp af Firebug eller

1349
01:08:22,359 --> 01:08:26,109
Chrome, så ja, du kunne
se specifikt HTML.

1350
01:08:26,109 --> 01:08:28,470
Så det ville ikke vise $ row ["Navn"].

1351
01:08:28,470 --> 01:08:32,524
Det vil vise, alt efter hvilken
navn er i denne række.

1352
01:08:32,524 --> 01:08:36,268
>> PUBLIKUM: Blot et generelt spørgsmål,
hvad er tr og td defineret som?

1353
01:08:36,268 --> 01:08:37,672
Hvorfor skulle vi [uhørligt]?

1354
01:08:37,672 --> 01:08:41,850

1355
01:08:41,850 --> 01:08:44,814
>> ZAMYLA CHAN: Table række st,
tabel derefter td kolonne.

1356
01:08:44,814 --> 01:08:48,060

1357
01:08:48,060 --> 01:08:49,310
OK.

1358
01:08:49,310 --> 01:08:55,771

1359
01:08:55,771 --> 01:08:56,835
>> PUBLIKUM: Ja, det er tabeldata.

1360
01:08:56,835 --> 01:08:58,770
>> ZAMYLA CHAN: Tabel data.

1361
01:08:58,770 --> 01:08:59,894
Ja.

1362
01:08:59,894 --> 01:09:08,670
>> PUBLIKUM: Det er en række, hvor
rækken håndteres som en kolonne?

1363
01:09:08,670 --> 01:09:08,910
>> ZAMYLA CHAN: Undskyld.

1364
01:09:08,910 --> 01:09:10,570
Kan du gentage det?

1365
01:09:10,570 --> 01:09:14,450
>> PUBLIKUM: hvordan ville du
visualisere rækker?

1366
01:09:14,450 --> 01:09:16,310
>> ZAMYLA CHAN: Hvordan ville du visualisere
rækker i hvilken slags måde?

1367
01:09:16,310 --> 01:09:21,796
Er du taler om disse
rækker her eller tr rækker?

1368
01:09:21,796 --> 01:09:22,630
>> PUBLIKUM: Rækkerne.

1369
01:09:22,630 --> 01:09:25,229
>> ZAMYLA CHAN: Disse rækker her?

1370
01:09:25,229 --> 01:09:28,620
Jeg ville visualisere dette som
Jeg udføre min forespørgsel.

1371
01:09:28,620 --> 01:09:38,729
Og det siger, OK, jeg har enten 0 til n
mængde af rækker, der matcher de kriterier,

1372
01:09:38,729 --> 01:09:40,510
at du havde spurgt.

1373
01:09:40,510 --> 01:09:43,740
Så jeg har nogle antal rækker.

1374
01:09:43,740 --> 01:09:51,450
Så rækker de $ rækker, gemmer hver
en af ​​disse rækker i en matrix.

1375
01:09:51,450 --> 01:09:58,110
Så selvom det er bare en af ​​dem, er det
stadig en vifte af rækker, der matcher det.

1376
01:09:58,110 --> 01:10:03,010
>> Så, for eksempel, det er
svarer til, når du hentet

1377
01:10:03,010 --> 01:10:05,390
cachen fra brugerne.

1378
01:10:05,390 --> 01:10:10,810
Og de kriterier der var, hvor
ID er lig med session-ID.

1379
01:10:10,810 --> 01:10:14,250
Der er virkelig kun er én række
der kunne matche det.

1380
01:10:14,250 --> 01:10:18,960
Men stadig rækker lige vendt én række.

1381
01:10:18,960 --> 01:10:22,620
Så du er nødt til at gå til rækker,
indeks 0, indeks cache til

1382
01:10:22,620 --> 01:10:26,195
rent faktisk komme til din cache.

1383
01:10:26,195 --> 01:10:29,650
>> PUBLIKUM: Er print-funktion
i echo det samme?

1384
01:10:29,650 --> 01:10:30,670
>> ZAMYLA CHAN: Ja.

1385
01:10:30,670 --> 01:10:31,190
Ja.

1386
01:10:31,190 --> 01:10:33,304
Udskriv et ekko af det samme.

1387
01:10:33,304 --> 01:10:42,400
>> PUBLIKUM: Er foreach loop
eneste måde at indekset i rækker?

1388
01:10:42,400 --> 01:10:46,110
>> ZAMYLA CHAN: Er en foreach løkke
den eneste måde, du kan

1389
01:10:46,110 --> 01:10:47,030
gentage gennem rækkerne?

1390
01:10:47,030 --> 01:10:47,180
Nej.

1391
01:10:47,180 --> 01:10:51,000
Du kan også bruge en for-løkke, forudsat
at du kender længden

1392
01:10:51,000 --> 01:10:53,024
af rækkens array.

1393
01:10:53,024 --> 01:10:58,500
>> PUBLIKUM: Kan du få adgang til det
ved hjælp af en række som [uhørligt]?

1394
01:10:58,500 --> 01:11:01,640
>> ZAMYLA CHAN: Så du ikke kan få adgang til det
bare at bruge række, hvis du ikke har en

1395
01:11:01,640 --> 01:11:05,160
foreach loop forudsat at
du ikke har erklæret række.

1396
01:11:05,160 --> 01:11:08,150

1397
01:11:08,150 --> 01:11:09,660
Ja.

1398
01:11:09,660 --> 01:11:10,810
Ja, i det hvide.

1399
01:11:10,810 --> 01:11:13,990
>> PUBLIKUM: Så hvad gør st og TD gøre?

1400
01:11:13,990 --> 01:11:16,790
>> ZAMYLA CHAN: So st og
td er HTML-tags.

1401
01:11:16,790 --> 01:11:19,590
tr angiver begyndelsen
af en tabelrække.

1402
01:11:19,590 --> 01:11:26,625
Og hver td angiver en
ny tabel data kolonne.

1403
01:11:26,625 --> 01:11:32,275
>> PUBLIKUM: For en visuel af, hvad en række
er ligesom, bare forestille sig den SQL, hvordan

1404
01:11:32,275 --> 01:11:33,510
de har en række.

1405
01:11:33,510 --> 01:11:35,980
[Uhørligt].

1406
01:11:35,980 --> 01:11:36,390
>> ZAMYLA CHAN: Ja.

1407
01:11:36,390 --> 01:11:37,630
Det er en stor punkt.

1408
01:11:37,630 --> 01:11:41,510
Man kan visualisere rækker som netop
ligesom i en Excel-tabel, bare

1409
01:11:41,510 --> 01:11:44,540
listen over rækkerne.

1410
01:11:44,540 --> 01:11:46,870
OK.

1411
01:11:46,870 --> 01:11:47,230
Ok.

1412
01:11:47,230 --> 01:11:50,740
Så nu, at vi har gået i løbet vælge, hvis
Der er ikke flere spørgsmål, vi får

1413
01:11:50,740 --> 01:11:52,970
gå over på insert.

1414
01:11:52,970 --> 01:11:58,220
Så hvis jeg ønskede at indsætte i nogle
tabel og indsætte bestemte kolonne

1415
01:11:58,220 --> 01:12:02,320
værdier, kunne jeg indsætte mig
i Ravenclaw i år 7.

1416
01:12:02,320 --> 01:12:07,245
Men nogle gange kan der være to eksemplarer
værdier, som vi så i pset7 når vi

1417
01:12:07,245 --> 01:12:09,240
blev opdatere vores portefølje.

1418
01:12:09,240 --> 01:12:15,610
>> Så i dette tilfælde, vi vil bruge på
Duplikeret nøgle UPDATE, så vi ikke

1419
01:12:15,610 --> 01:12:18,280
gemme flere rækker med samme
værdsætter, men snarere opdatere den.

1420
01:12:18,280 --> 01:12:21,780

1421
01:12:21,780 --> 01:12:25,560
Så vi har faktisk opdatering,
som ikke er en insert.

1422
01:12:25,560 --> 01:12:30,100
Det er bare en opdatering, hvor du opdaterer
i en bestemt tabel med et givent

1423
01:12:30,100 --> 01:12:34,403
kriterier og så, endelig, slette,
som gør en meget lignende ting.

1424
01:12:34,403 --> 01:12:40,200
>> PUBLIKUM: Kan du kort
gå over duplikeret nøgle?

1425
01:12:40,200 --> 01:12:40,850
>> ZAMYLA CHAN: Ja.

1426
01:12:40,850 --> 01:12:48,340
Hovedsagelig her, jeg har INSERT INTO
Gringotts, er galleons disse værdier.

1427
01:12:48,340 --> 01:12:56,900
Men id formentlig, er en unik nøgle
værdi oprettet i MySQL tabel.

1428
01:12:56,900 --> 01:13:06,750
Så hvis jeg allerede har dette ID sat op,
så kan jeg ikke indsætte en ny række.

1429
01:13:06,750 --> 01:13:10,961
Så hvis det ikke allerede findes,
så er jeg nødt til at opdatere den.

1430
01:13:10,961 --> 01:13:16,040

1431
01:13:16,040 --> 01:13:17,722
I midten i hvid.

1432
01:13:17,722 --> 01:13:21,570
>> PUBLIKUM: Så indsætte, opdatere, slette
og vælge, er dem alle tilgængelige

1433
01:13:21,570 --> 01:13:22,875
lokalt [uhørligt]?

1434
01:13:22,875 --> 01:13:27,320

1435
01:13:27,320 --> 01:13:29,630
>> ZAMYLA CHAN: Så indsætte,
opdatere, slette og

1436
01:13:29,630 --> 01:13:31,120
vælger er alle SQL-forespørgsler.

1437
01:13:31,120 --> 01:13:34,970
Så når du bruger SQL,
du har dem til rådighed.

1438
01:13:34,970 --> 01:13:38,226

1439
01:13:38,226 --> 01:13:40,706
>> PUBLIKUM: Tilbage til de seneste quizzer -

1440
01:13:40,706 --> 01:13:44,178
var der et spørgsmål, der behandles
hvis du havde en tabel og ønskede at

1441
01:13:44,178 --> 01:13:52,610
Indsæt prøveresultater i en og du indsætter
dit navn, så det vil ikke lade dig

1442
01:13:52,610 --> 01:13:54,594
[Uhørligt] din vens test score.

1443
01:13:54,594 --> 01:13:59,060
Hvordan ville du gøre det med indsats?

1444
01:13:59,060 --> 01:14:02,490
>> ZAMYLA CHAN: Så spørgsmålet drejede sig om
en tidligere midtvejsevaluering spørgsmål.

1445
01:14:02,490 --> 01:14:04,320
Jeg er ikke klar over, hvilke
en det er lige nu.

1446
01:14:04,320 --> 01:14:06,790
Så måske bagefter, hvis du ønsker at
komme op og vise mig, så jeg kan

1447
01:14:06,790 --> 01:14:08,155
sikkert give dig tips.

1448
01:14:08,155 --> 01:14:11,250

1449
01:14:11,250 --> 01:14:15,460
Men vi taler om indsættelse ting, som
tage nogens score, når du

1450
01:14:15,460 --> 01:14:18,800
bør ikke, så lad os tale om
SQL-injektion angreb.

1451
01:14:18,800 --> 01:14:22,050
Så en SQL-injektion angreb er hovedsagelig
hvor nogen tager

1452
01:14:22,050 --> 01:14:27,680
fordel af lav sikkerhed i
måde, at du tager i data.

1453
01:14:27,680 --> 01:14:35,660
>> Så i her, ligesom i CS50 finansiering,
når vi er logget ind, kan vi komme ind i en

1454
01:14:35,660 --> 01:14:39,510
brugernavn i login form
det første tekstfelt, og

1455
01:14:39,510 --> 01:14:41,570
derefter indtaste et password.

1456
01:14:41,570 --> 01:14:45,610
Måske vores PHP kode kan se
noget som dette, hvor $ brugernavn

1457
01:14:45,610 --> 01:14:51,410
er post-data brugernavn og password
er post-data adgangskode.

1458
01:14:51,410 --> 01:14:55,110
Og så har vi bare udføre vores forespørgsel, siger,
OK, godt, er vores forespørgsel går til

1459
01:14:55,110 --> 01:14:57,990
vælge fra vores brugere, hvor
brugernavnet er det

1460
01:14:57,990 --> 01:14:58,970
en, at de indsendte.

1461
01:14:58,970 --> 01:15:06,870
Og adgangskoden er password,
hvilket betyder, at passwords matche.

1462
01:15:06,870 --> 01:15:12,670
>> Hvad nu, hvis man i stedet for rent faktisk
indsende en egentlig adgangskode, ligesom

1463
01:15:12,670 --> 01:15:16,850
12345 og gætte på gren, der siger
adgangskode og forsøger at hacke deres

1464
01:15:16,850 --> 01:15:21,460
konto, hvad nu hvis i stedet
de fremlagde dette.

1465
01:15:21,460 --> 01:15:24,380
De kunne skrive i måske
et gæt på en adgangskode.

1466
01:15:24,380 --> 01:15:30,480
Og så ville de afslutte
citerer derefter skrive i eller 1 = 1.

1467
01:15:30,480 --> 01:15:35,160
Det ville pace direkte ind i SQL
forespørge til at se noget som dette.

1468
01:15:35,160 --> 01:15:38,200
Vælg mellem brugerne, hvor brugernavn
= stikben og adgangskode

1469
01:15:38,200 --> 01:15:41,450
lig lilje eller 1 = 1.

1470
01:15:41,450 --> 01:15:45,450
>> Så enten adgangskoden har
at være korrekte eller 1 = 1,

1471
01:15:45,450 --> 01:15:47,870
der er altid sandt.

1472
01:15:47,870 --> 01:15:52,780
Så i dette tilfælde, dybest set, en bruger kan
drage fordel af dette og bare logge

1473
01:15:52,780 --> 01:15:55,240
sig i og hack
andens konto.

1474
01:15:55,240 --> 01:15:58,950
Så det er derfor, vi ønsker at undgå
nogen, der har at gøre dette.

1475
01:15:58,950 --> 01:16:03,890
Men heldigvis, forespørgslen funktionen ved
passerer i pladsholdere vil tage

1476
01:16:03,890 --> 01:16:04,800
sig af dette for dig.

1477
01:16:04,800 --> 01:16:08,570
Også, vil du typisk aldrig ønsker
til rent faktisk at indsende passwords

1478
01:16:08,570 --> 01:16:09,310
selv.

1479
01:16:09,310 --> 01:16:14,115
Det er derfor, vi hashed eller krypteret
dem i CS50 finansiering.

1480
01:16:14,115 --> 01:16:17,553
>> PUBLIKUM: Fortiden quiz talte
om MySQL escape strenge.

1481
01:16:17,553 --> 01:16:21,800
Har vi nødt til at bekymre sig om det?

1482
01:16:21,800 --> 01:16:22,670
>> ZAMYLA CHAN: Det er et godt spørgsmål.

1483
01:16:22,670 --> 01:16:29,050
De MySQL escape strings er absolut en
funktion, der blev anvendt i vores forespørgsel.

1484
01:16:29,050 --> 01:16:30,420
Men helt sikkert kigge ind.

1485
01:16:30,420 --> 01:16:32,950
Jeg vil sige, det er fair spil at kende
at du havde behov for at kalde det

1486
01:16:32,950 --> 01:16:34,370
fungere på en snor.

1487
01:16:34,370 --> 01:16:35,245
Ja, Belinda?

1488
01:16:35,245 --> 01:16:38,606
>> PUBLIKUM: Hvordan kan du vide, hvornår det er
enkelte citationstegn eller anførselstegn?

1489
01:16:38,606 --> 01:16:43,516
Og også, jeg har lyst til i foredrag, du
nævnt noget om ikke at have

1490
01:16:43,516 --> 01:16:48,426
på [uhørligt] eller noget eller den
anden single citat i slutningen.

1491
01:16:48,426 --> 01:16:56,407

1492
01:16:56,407 --> 01:17:00,825
Jeg tror, ​​han påpegede i foredrag, som
du skulle have apostrof 1

1493
01:17:00,825 --> 01:17:04,290
og så ikke have apostroffer
eller noget.

1494
01:17:04,290 --> 01:17:05,540
>> PUBLIKUM: [uhørligt].

1495
01:17:05,540 --> 01:17:14,860

1496
01:17:14,860 --> 01:17:18,657
>> PUBLIKUM: Sagen er den sidste single
citat derinde i den anden kasse

1497
01:17:18,657 --> 01:17:19,391
ikke skulle være der.

1498
01:17:19,391 --> 01:17:21,840
[Uhørligt]

1499
01:17:21,840 --> 01:17:26,730
Fordi når du tager det sidste single
citere ud og matche disse til indhold

1500
01:17:26,730 --> 01:17:30,522
hvor adgangskoden er, hvis du har det
forespørgsel, der er et enkelt citat på

1501
01:17:30,522 --> 01:17:31,340
udgangen allerede.

1502
01:17:31,340 --> 01:17:36,580
Du ønsker at bruge det enkelt citat
som den, der vender mod den ene

1503
01:17:36,580 --> 01:17:37,574
[Uhørligt].

1504
01:17:37,574 --> 01:17:42,820
Så hvad er egentlig i denne tekst
boksen skal ikke have det.

1505
01:17:42,820 --> 01:17:44,070
>> ZAMYLA CHAN: Jeg vil ændre det.

1506
01:17:44,070 --> 01:17:56,490

1507
01:17:56,490 --> 01:17:56,880
OK.

1508
01:17:56,880 --> 01:18:00,435
Hvis der ikke er nogen spørgsmål, så vil jeg
give det over til Josef for at tale

1509
01:18:00,435 --> 01:18:04,332
om JavaScript, et cetera.

1510
01:18:04,332 --> 01:18:09,540
>> [Applaus]

1511
01:18:09,540 --> 01:18:11,660
>> JOSEPH ONG: Så kører vi
en lille smule bagefter.

1512
01:18:11,660 --> 01:18:13,280
Så hvis du har til at forlade, det er OK.

1513
01:18:13,280 --> 01:18:16,540
Men vi beder om, at du holder dine hoveder
hvis du er i midten, så du

1514
01:18:16,540 --> 01:18:19,560
ikke blokerer kameraet, og du bruger
tilbage exit, hvis du har til.

1515
01:18:19,560 --> 01:18:25,010

1516
01:18:25,010 --> 01:18:26,306
Jeg er Joseph ved den måde.

1517
01:18:26,306 --> 01:18:27,556
Hej.

1518
01:18:27,556 --> 01:18:37,910

1519
01:18:37,910 --> 01:18:38,630
Test, test.

1520
01:18:38,630 --> 01:18:39,630
Dan, er det godt?

1521
01:18:39,630 --> 01:18:40,880
Fedt.

1522
01:18:40,880 --> 01:18:44,460

1523
01:18:44,460 --> 01:18:47,600
>> Så videoen vil også blive lagt
online for dem, der

1524
01:18:47,600 --> 01:18:48,850
nødt til at forlade nu.

1525
01:18:48,850 --> 01:18:51,350

1526
01:18:51,350 --> 01:18:52,600
Akavet.

1527
01:18:52,600 --> 01:18:56,300

1528
01:18:56,300 --> 01:18:57,510
OK.

1529
01:18:57,510 --> 01:18:59,730
Så quiz gennemgang.

1530
01:18:59,730 --> 01:19:00,980
Dette er en kat.

1531
01:19:00,980 --> 01:19:03,150

1532
01:19:03,150 --> 01:19:07,170
Nu, JavaScript, der er måske ikke
som aww for nogle af jer.

1533
01:19:07,170 --> 01:19:07,370
OK.

1534
01:19:07,370 --> 01:19:09,280
Så det er først, husker fra Zamyla.

1535
01:19:09,280 --> 01:19:11,270
Husk, at PHP er
kører på serveren.

1536
01:19:11,270 --> 01:19:15,230
Og masser af gange, skrev jer sløjfer
i PHP til at udskrive HTML, right?

1537
01:19:15,230 --> 01:19:19,170
Så når denne kode henretter, at
HTML-output, at du printer

1538
01:19:19,170 --> 01:19:20,500
bliver sendt til brugeren.

1539
01:19:20,500 --> 01:19:25,960
Og når det sker, ikke mere PHP kan
køres, medmindre du genindlæse siden af

1540
01:19:25,960 --> 01:19:27,660
kursus, som reexecutes PHP.

1541
01:19:27,660 --> 01:19:30,080
Men når du udskriver ud af, at HTML,
du kan ikke gå nogen steder.

1542
01:19:30,080 --> 01:19:33,580
>> Så HTML sendes til brugeren,
som er browser via her, hvor

1543
01:19:33,580 --> 01:19:35,470
Milo er at bruge computeren.

1544
01:19:35,470 --> 01:19:40,340
Og så godt, er der flere ting
når vi sender HTML til brugeren.

1545
01:19:40,340 --> 01:19:43,350
Nogle gange ønsker vi at gøre noget lignende
når du klikker på noget, vi ønsker

1546
01:19:43,350 --> 01:19:47,350
alert kasser til at poppe op, den slags
interaktioner, som når du trykker på

1547
01:19:47,350 --> 01:19:50,740
nøgle, når du klikker på noget på
side, jeg vil have noget til at ske.

1548
01:19:50,740 --> 01:19:54,550
Nå, kan du ikke programmet igen PHP
kode én gang, at HTML er indstillet.

1549
01:19:54,550 --> 01:19:55,900
Så hvordan gør man det?

1550
01:19:55,900 --> 01:19:59,930
>> Vi introducerer et nyt sprog kaldet
JavaScript, der løber i browseren

1551
01:19:59,930 --> 01:20:02,890
der tillader dig at gøre ting
til HTML, når du modtager

1552
01:20:02,890 --> 01:20:04,020
dem fra serveren.

1553
01:20:04,020 --> 01:20:07,050
Og det er derfor, vi kalder det en klient-side
programmeringssprog.

1554
01:20:07,050 --> 01:20:09,110
Det virker på din computer -

1555
01:20:09,110 --> 01:20:11,400
kunden.

1556
01:20:11,400 --> 01:20:13,830
Eventuelle spørgsmål om, at så vidt?

1557
01:20:13,830 --> 01:20:15,650
Det paradigme giver mening for folk?

1558
01:20:15,650 --> 01:20:16,010
OK.

1559
01:20:16,010 --> 01:20:16,790
Godt.

1560
01:20:16,790 --> 01:20:17,340
Ok.

1561
01:20:17,340 --> 01:20:20,850
Så den første ting at bemærke
er JavaScript er ikke PHP.

1562
01:20:20,850 --> 01:20:23,010
>> De har nogle forskellige syntaks,
som vi vil gå ind.

1563
01:20:23,010 --> 01:20:24,530
Og de har meget forskellige anvendelser.

1564
01:20:24,530 --> 01:20:26,640
JavaScript, igen, for din
browseren, for klienten.

1565
01:20:26,640 --> 01:20:30,640
Server kører et eller andet sted på en andens
computer, der sender information

1566
01:20:30,640 --> 01:20:31,720
til dig, korrekt?

1567
01:20:31,720 --> 01:20:36,730
Så hvis vi beder dig om at skrive PHP kode
på en eksamen spørgsmål, skal du ikke skrive

1568
01:20:36,730 --> 01:20:38,710
JavaScript og vice versa.

1569
01:20:38,710 --> 01:20:41,710
Du vil bare mister point,
og det vil ikke være rigtigt.

1570
01:20:41,710 --> 01:20:43,690
>> Så lad os komme ind i nogle
syntaks forskelle -

1571
01:20:43,690 --> 01:20:46,140
JavaScript til venstre
og PHP til højre.

1572
01:20:46,140 --> 01:20:48,670
Den første ting du vil bemærke med
JavaScript, vi erklærer variabler med

1573
01:20:48,670 --> 01:20:49,440
nøgleordet var -

1574
01:20:49,440 --> 01:20:53,590
V-A-R. PHP bruges dollar tegn,
som Zamyla diskuteret tidligere.

1575
01:20:53,590 --> 01:20:57,570
Hvis du ønsker at erklære en associativ
array, ser vi den velkendte syntaks på

1576
01:20:57,570 --> 01:20:59,030
højre side med PHP.

1577
01:20:59,030 --> 01:21:01,630
På venstre side, i stedet
du bruger krøllede parenteser.

1578
01:21:01,630 --> 01:21:03,280
Og så dine nøgler er på venstre.

1579
01:21:03,280 --> 01:21:04,670
Så har du et kolon.

1580
01:21:04,670 --> 01:21:06,560
Og så har du de værdier
som du ønsker.

1581
01:21:06,560 --> 01:21:09,840
>> Så dette er, hvordan du ville gøre det i PHP
på højre side med den anden

1582
01:21:09,840 --> 01:21:10,955
linje, der starter på Milo.

1583
01:21:10,955 --> 01:21:14,540
Og det er hvordan du ville gøre det på
venstre side i JavaScript, hvis du vil

1584
01:21:14,540 --> 01:21:16,110
hvad vi kalder et objekt.

1585
01:21:16,110 --> 01:21:19,340
Og objekter i JavaScript er
bare associative arrays.

1586
01:21:19,340 --> 01:21:23,710
Så hvis du ønsker at få adgang til områder,
PHP du bruger dette beslag syntaks.

1587
01:21:23,710 --> 01:21:27,170
Og på denne måde, kan du overflytte
denne ejer felt til Lauren.

1588
01:21:27,170 --> 01:21:30,150
>> Tja, i JavaScript, hvis man ønsker at
adgang et felt og ændre det, kan du

1589
01:21:30,150 --> 01:21:31,370
bruge punktumsyntaks.

1590
01:21:31,370 --> 01:21:33,860
Du kan også bruge holderen syntaks.

1591
01:21:33,860 --> 01:21:35,550
Men du kan ikke bruge
dot syntaks i PHP.

1592
01:21:35,550 --> 01:21:36,525
Det vil ikke fungere.

1593
01:21:36,525 --> 01:21:38,910
Det virker kun i PHP.

1594
01:21:38,910 --> 01:21:42,060
Og endelig, for at udskrive tingene til det
konsol, du bruger console.log, som

1595
01:21:42,060 --> 01:21:43,720
du fyre bruger en masse i pset8.

1596
01:21:43,720 --> 01:21:45,260
Du kan console.log det.

1597
01:21:45,260 --> 01:21:50,030
>> Hvis du vil udskrive et array i
PHP, er du nødt til at bruge print r..

1598
01:21:50,030 --> 01:21:53,240
Og på den højre side, ser du jeg hash
strengsammensætning derovre.

1599
01:21:53,240 --> 01:21:54,070
Nogen spurgte tidligere.

1600
01:21:54,070 --> 01:21:55,850
Jeg bruger et plus i JavaScript.

1601
01:21:55,850 --> 01:21:59,800
Hvis jeg ønsker at sammenkæde noget
i PHP, jeg bruger prik.

1602
01:21:59,800 --> 01:22:00,800
Disse er forskellige.

1603
01:22:00,800 --> 01:22:03,420
Hvis du skriver PHP kode,
Brug ikke et plus.

1604
01:22:03,420 --> 01:22:06,810
Hvis du skriver JavaScript
kode, skal du ikke skrive en prik.

1605
01:22:06,810 --> 01:22:08,230
Det vil være forkert.

1606
01:22:08,230 --> 01:22:09,640
Og du vil blive ked af det.

1607
01:22:09,640 --> 01:22:11,000
>> Så syntaks forskelle.

1608
01:22:11,000 --> 01:22:14,710
Kend din syntaks, fordi hvis du er nødt til at
skriv et spørgsmål, og du bruger syntaksen

1609
01:22:14,710 --> 01:22:16,890
fra et forkert sprog,
det vil ikke fungere.

1610
01:22:16,890 --> 01:22:19,520
Og det vil være forkert.

1611
01:22:19,520 --> 01:22:22,420
Så lad os tale om en vis kontrol
flow forskelle, hvordan du bruger

1612
01:22:22,420 --> 01:22:24,040
sløjfer i hver af dem.

1613
01:22:24,040 --> 01:22:26,610
Zamyla gik over i højre side.

1614
01:22:26,610 --> 01:22:27,780
Stuff på højre side
bør være bekendt.

1615
01:22:27,780 --> 01:22:29,670
Lad os se på venstre side.

1616
01:22:29,670 --> 01:22:34,830
>> Når du bruger for n loop i JavaScript,
din loop variabel var jeg derovre,

1617
01:22:34,830 --> 01:22:37,210
løkken over nøglerne til array.

1618
01:22:37,210 --> 01:22:39,150
Så du ser navn, hus og rolle.

1619
01:22:39,150 --> 01:22:42,440
Hvis jeg console.log jeg, får jeg
navn, hus og rolle.

1620
01:22:42,440 --> 01:22:44,720
De er nøglerne.

1621
01:22:44,720 --> 01:22:50,080
I JavaScript, en foreach løkke går
kan værdierne af dette array.

1622
01:22:50,080 --> 01:22:52,040
Så du bemærke, at de begge er jeg.

1623
01:22:52,040 --> 01:22:56,000
Men her på PHP side, udskriver
ud Milo, CS50 og Mascot.

1624
01:22:56,000 --> 01:22:57,390
Det er de værdier i PHP.

1625
01:22:57,390 --> 01:23:00,180
>> Så disse er, hvordan disse to er forskellige
på de forskellige sprog.

1626
01:23:00,180 --> 01:23:02,970
Så hvis du bruger en foreach
loop, ikke antage, at det

1627
01:23:02,970 --> 01:23:03,760
giver dig nøglerne.

1628
01:23:03,760 --> 01:23:08,010
Og hvis du bruger en for n loop, gør ikke
antage det giver dig værdierne.

1629
01:23:08,010 --> 01:23:10,420
Betyder det mening hidtil?

1630
01:23:10,420 --> 01:23:13,630
Den næste slide vil vise dig
hvordan du kan få adgang til modsat i

1631
01:23:13,630 --> 01:23:15,160
hver af dem.

1632
01:23:15,160 --> 01:23:18,550
>> Tja, hvis du har nøglen i JavaScript
og du ønsker værdien ud,

1633
01:23:18,550 --> 01:23:20,440
du lige indeks i
array med det.

1634
01:23:20,440 --> 01:23:23,640
Så Milo af jeg vil få dig, hvad
du vil - værdierne.

1635
01:23:23,640 --> 01:23:25,260
Der er denne anden syntaks i PHP.

1636
01:23:25,260 --> 01:23:28,140
Hvis du virkelig ønsker at vide det, det gør jeg ikke
tror, ​​vi har vist det til dig endnu.

1637
01:23:28,140 --> 01:23:31,740
Men hvis du er interesseret, kan du bruge
denne yderligere syntaks til højre

1638
01:23:31,740 --> 01:23:35,130
side, der rent faktisk vil lade dig få den
nøgler i PHP, når du bruger en

1639
01:23:35,130 --> 01:23:35,880
foreach løkke.

1640
01:23:35,880 --> 01:23:39,640
Så bare en lille smule trivia
hvis du er interesseret.

1641
01:23:39,640 --> 01:23:42,630
>> Så det er bare at demonstrere
forskellene mellem disse to sløjfer.

1642
01:23:42,630 --> 01:23:47,060
Bland ikke dem op, når du er
programmering et spørgsmål.

1643
01:23:47,060 --> 01:23:49,774
Eventuelle spørgsmål om det.

1644
01:23:49,774 --> 01:23:50,770
Fedt.

1645
01:23:50,770 --> 01:23:51,310
Ok.

1646
01:23:51,310 --> 01:23:52,250
JavaScript objekter.

1647
01:23:52,250 --> 01:23:53,040
Jeg talte om dem.

1648
01:23:53,040 --> 01:23:54,650
De er ligesom associative arrays.

1649
01:23:54,650 --> 01:23:57,730
Det eneste, jeg vil gerne have dig til at bemærke,
her er, at en værdi i en associativ

1650
01:23:57,730 --> 01:23:59,540
array kan være noget i JavaScript.

1651
01:23:59,540 --> 01:24:02,240
>> Det kan endda være en funktion,
derovre.

1652
01:24:02,240 --> 01:24:04,600
Jeg har en funktion, der
er en værdi af en nøgle.

1653
01:24:04,600 --> 01:24:07,030
Og hvis jeg ønsker at kalde denne funktion,
Jeg bare adgang bark.

1654
01:24:07,030 --> 01:24:08,490
Og så vil jeg sætte parenteser
efter det.

1655
01:24:08,490 --> 01:24:09,790
Og det virker.

1656
01:24:09,790 --> 01:24:15,570
Så nogen spørgsmål?

1657
01:24:15,570 --> 01:24:16,370
Nej?

1658
01:24:16,370 --> 01:24:16,650
OK.

1659
01:24:16,650 --> 01:24:18,190
Godt.

1660
01:24:18,190 --> 01:24:20,130
JavaScript, som PHP,
er løst skrevet.

1661
01:24:20,130 --> 01:24:20,970
Hvad betyder det?

1662
01:24:20,970 --> 01:24:22,380
>> Det har typer.

1663
01:24:22,380 --> 01:24:24,800
Men når du erklærer en JavaScript
variabel, du siger var jeg.

1664
01:24:24,800 --> 01:24:25,850
Du behøver ikke sige det.

1665
01:24:25,850 --> 01:24:26,460
Det er ikke en ting.

1666
01:24:26,460 --> 01:24:28,000
Du skal bare sige, det er en variabel.

1667
01:24:28,000 --> 01:24:31,590
Og så JavaScript vil håndtere
typer under kølerhjelmen for dig.

1668
01:24:31,590 --> 01:24:34,390
Vi kan frit konvertere mellem
typer på grund af dette.

1669
01:24:34,390 --> 01:24:37,360
Så jeg starter ud som en række
i dette tilfælde.

1670
01:24:37,360 --> 01:24:38,790
Og så har jeg en streng.

1671
01:24:38,790 --> 01:24:39,710
Og jeg tilføjer jeg til det.

1672
01:24:39,710 --> 01:24:41,810
Og jeg overflytte den tilbage i jeg.

1673
01:24:41,810 --> 01:24:43,640
>> Så på den første linje,
i er nummeret.

1674
01:24:43,640 --> 01:24:47,310
På den anden linje, jeg nu bliver en
streng efter jeg gøre omplacering.

1675
01:24:47,310 --> 01:24:52,820
Og her er jeg bare sammenkæde
at nummeret på strengen.

1676
01:24:52,820 --> 01:24:56,210
Så du kan se, at selv om jeg var en
heltal i den første del, det er lidt

1677
01:24:56,210 --> 01:24:58,500
ligesom at blive omdannet til en
streng, og derefter tilsættes

1678
01:24:58,500 --> 01:25:00,510
på denne hello streng.

1679
01:25:00,510 --> 01:25:02,340
Og så er det, jeg mener
af løs skrive.

1680
01:25:02,340 --> 01:25:04,760
Det er, at du konvertere mellem
typer meget nemt.

1681
01:25:04,760 --> 01:25:08,840
Og det behøver ikke smide advarsler
ved du kan lide C gør.

1682
01:25:08,840 --> 01:25:12,420
>> Så jeg nu indeholder hej
123 til strengen.

1683
01:25:12,420 --> 01:25:13,270
Næste.

1684
01:25:13,270 --> 01:25:15,610
Vi kan også frit sammenligne
mellem forskellige typer.

1685
01:25:15,610 --> 01:25:19,310
Så hvis du bare bruge ==, meget
ligesom i PHP, JavaScript

1686
01:25:19,310 --> 01:25:20,480
gør en lignende ting.

1687
01:25:20,480 --> 01:25:24,780
Strengen 123 er det samme som det antal
123, når du bruger dobbelt ligemænd.

1688
01:25:24,780 --> 01:25:27,820
Når det bruges tredobbelte ligemænd, det også
ønsker at sikre, at

1689
01:25:27,820 --> 01:25:29,240
typen er den samme.

1690
01:25:29,240 --> 01:25:31,960
Så fordi der er en streng, og det er
et nummer, selvom de er begge

1691
01:25:31,960 --> 01:25:35,280
123, når du bruger triple
lig, får du falsk.

1692
01:25:35,280 --> 01:25:39,330
I double er lig tilfældet, får du sandt,
fordi dobbelte ligemænd ikke

1693
01:25:39,330 --> 01:25:40,020
bekymrer sig om typen.

1694
01:25:40,020 --> 01:25:42,500
Triple ligemænd ligeglad type.

1695
01:25:42,500 --> 01:25:43,750
Spørgsmål?

1696
01:25:43,750 --> 01:25:45,790

1697
01:25:45,790 --> 01:25:48,390
OK.

1698
01:25:48,390 --> 01:25:52,870
>> Og en anden ting om JavaScript er
rækkevidde er slags global medmindre du er

1699
01:25:52,870 --> 01:25:53,460
i en funktion.

1700
01:25:53,460 --> 01:25:55,660
Og det fungerer på samme
måde i PHP faktisk.

1701
01:25:55,660 --> 01:25:57,500
Så lad os gå igennem dette eksempel.

1702
01:25:57,500 --> 01:25:59,110
Jeg satte jeg til 999.

1703
01:25:59,110 --> 01:26:00,900
Og så går jeg ind i dette for løkke.

1704
01:26:00,900 --> 01:26:06,110
Så hvis jeg udskriver jeg i denne for
loop, forventer jeg 0, 1, 2, 3, 4.

1705
01:26:06,110 --> 01:26:07,390
Jeg kommer til i = 4.

1706
01:26:07,390 --> 01:26:10,770
Den forøger jeg nu til 5 ved
udgangen af ​​for-løkken.

1707
01:26:10,770 --> 01:26:13,300
Og så bryder ud af løkken,
fordi det ikke opfylder

1708
01:26:13,300 --> 01:26:14,550
tilstand længere.

1709
01:26:14,550 --> 01:26:16,650
>> Hvad tror du, at næste
console.log udskrives?

1710
01:26:16,650 --> 01:26:20,570

1711
01:26:20,570 --> 01:26:24,790
Så det er, hvad det ville gøre i C. I C,
fordi hvis du har ligesom var jeg udenfor

1712
01:26:24,790 --> 01:26:28,855
og du har var jeg inde i en løkke, ligesom en
for loop, så det gør det sådan, at

1713
01:26:28,855 --> 01:26:30,690
det virkefelt, at de to
i'er er forskellige.

1714
01:26:30,690 --> 01:26:34,630
I JavaScript, vil det bare
behandle det som det samme jeg.

1715
01:26:34,630 --> 01:26:37,870
Jeg får 5, fordi det var den værdi
efter at presset ud af sløjfen.

1716
01:26:37,870 --> 01:26:39,120
Så dem, jeg er er det samme, jeg.

1717
01:26:39,120 --> 01:26:42,620

1718
01:26:42,620 --> 01:26:44,130
Giver det mening?

1719
01:26:44,130 --> 01:26:45,720
>> Tja, det giver mening fra
en JavaScript synspunkt.

1720
01:26:45,720 --> 01:26:49,510
Men det samme paradigme ikke
fremførsel til C. De har

1721
01:26:49,510 --> 01:26:50,310
forskellige scoping regler.

1722
01:26:50,310 --> 01:26:50,630
Ja.

1723
01:26:50,630 --> 01:26:52,566
>> PUBLIKUM: [uhørligt]

1724
01:26:52,566 --> 01:26:54,990
uden for funktionen [uhørligt]?

1725
01:26:54,990 --> 01:26:58,340
>> JOSEPH ONG: Så udenfor hvilken funktion?

1726
01:26:58,340 --> 01:27:00,810
Så jeg vil komme til at på bare et sekund.

1727
01:27:00,810 --> 01:27:02,580
Så vi kalder foo (I).

1728
01:27:02,580 --> 01:27:06,920
Dette passerer jeg ind i foo, intervaller
det, og så logger den.

1729
01:27:06,920 --> 01:27:07,750
Så det var 5..

1730
01:27:07,750 --> 01:27:09,210
Så det bliver 6.

1731
01:27:09,210 --> 01:27:11,670
Men hvad jeg taler om, er
at jeg i denne funktion.

1732
01:27:11,670 --> 01:27:14,430
Fordi det er et parameter, det er
virkefelt til denne funktion.

1733
01:27:14,430 --> 01:27:17,800
Så når jeg faktisk får ud af at
funktion, er det nu kommer til at gå

1734
01:27:17,800 --> 01:27:19,860
tilbage til den gamle jeg.

1735
01:27:19,860 --> 01:27:23,000
At jeg kun scoped fordi
det er i en funktion.

1736
01:27:23,000 --> 01:27:24,200
Og vi har omfang og funktioner.

1737
01:27:24,200 --> 01:27:29,080
Men vi har ikke rækkevidde udenfor
af funktioner i JavaScript.

1738
01:27:29,080 --> 01:27:31,170
Giver det mening?

1739
01:27:31,170 --> 01:27:31,320
Ja.

1740
01:27:31,320 --> 01:27:31,660
Spørgsmål.

1741
01:27:31,660 --> 01:27:34,030
>> PUBLIKUM: Samme [uhørligt]?

1742
01:27:34,030 --> 01:27:34,500
>> JOSEPH ONG: Så ja.

1743
01:27:34,500 --> 01:27:36,260
I PHP, er det den samme type ting.

1744
01:27:36,260 --> 01:27:37,680
Der er en lille underfundighed faktisk.

1745
01:27:37,680 --> 01:27:40,130
Men du kan spørge mig om
at efter gennemgang.

1746
01:27:40,130 --> 01:27:43,930
Du behøver ikke virkelig har brug for at vide
at underfundighed til quizzen.

1747
01:27:43,930 --> 01:27:47,600
For alle henseender, ligesom
variabler, global og PHP, medmindre

1748
01:27:47,600 --> 01:27:49,150
de er i en funktion, samme
ting i JavaScript.

1749
01:27:49,150 --> 01:27:49,480
Ja.

1750
01:27:49,480 --> 01:27:52,890
>> PUBLIKUM: Hvorfor er dette tilladt i
JavaScript og ingen andre steder?

1751
01:27:52,890 --> 01:27:55,010
>> JOSEPH ONG: Så hvorfor er det tilladt
i JavaScript og ikke i C?

1752
01:27:55,010 --> 01:27:58,180
Det er bare hvem kom op med
JavaScript besluttede, at det var OK i

1753
01:27:58,180 --> 01:27:59,510
JavaScript.

1754
01:27:59,510 --> 01:28:02,430
Så det er ligesom et programmeringssprog
konvention, som vi ville sige.

1755
01:28:02,430 --> 01:28:02,580
Ja.

1756
01:28:02,580 --> 01:28:04,480
>> PUBLIKUM: Så hvorfor gjorde
det gå 6-5?

1757
01:28:04,480 --> 01:28:08,280
>> JOSEPH ONG: Så det gik 6-5,
fordi når jeg passerede jeg i foo, at

1758
01:28:08,280 --> 01:28:13,420
Jeg indersiden af ​​foo nu virkefelt til foo,
fordi omfang findes i funktioner

1759
01:28:13,420 --> 01:28:15,050
JavaScript.

1760
01:28:15,050 --> 01:28:18,720
Men når jeg kommer ud herfra, fordi det
blev virkefelt til funktionen, er jeg bare

1761
01:28:18,720 --> 01:28:24,300
ved hjælp af den regelmæssige jeg, var inde
resten af ​​kontrol flow.

1762
01:28:24,300 --> 01:28:25,210
Mening?

1763
01:28:25,210 --> 01:28:26,910
Kan jeg flytte på?

1764
01:28:26,910 --> 01:28:27,320
Ok.

1765
01:28:27,320 --> 01:28:29,180
Fedt.

1766
01:28:29,180 --> 01:28:31,890
>> Accepten af ​​dette er objekter
er gået som reference.

1767
01:28:31,890 --> 01:28:33,990
Du ved, hvordan når du passerer
et array i C du kunne

1768
01:28:33,990 --> 01:28:35,810
faktisk ændre array?

1769
01:28:35,810 --> 01:28:37,350
Det er det samme i JavaScript.

1770
01:28:37,350 --> 01:28:42,960
Hvis jeg passerer et objekt, i dette tilfælde, jeg
bestået Milo i denne catify funktion.

1771
01:28:42,960 --> 01:28:44,490
Milo starter.

1772
01:28:44,490 --> 01:28:46,310
Hans navn er Milo Banana.

1773
01:28:46,310 --> 01:28:51,670
Jeg passerer objektet ind i en funktion
fordi det er et objekt, en associativ

1774
01:28:51,670 --> 01:28:53,730
array i JavaScript.

1775
01:28:53,730 --> 01:28:57,110
>> Når jeg udfører en handling
i denne funktion, vil det

1776
01:28:57,110 --> 01:28:58,560
faktisk ændre objektet.

1777
01:28:58,560 --> 01:29:01,720
Så det vil kun ske for objekter
i JavaScript, ligesom det sker

1778
01:29:01,720 --> 01:29:09,230
for arrays inde i C. Så Milo navn
rent faktisk vil blive kat nu.

1779
01:29:09,230 --> 01:29:10,090
Giver det mening?

1780
01:29:10,090 --> 01:29:11,840
Så det virker kun for objekter.

1781
01:29:11,840 --> 01:29:13,090
Objekter sendes som reference.

1782
01:29:13,090 --> 01:29:13,400
Ja.

1783
01:29:13,400 --> 01:29:16,850
>> PUBLIKUM: Så du siger, at
i modsætning til variablen i.

1784
01:29:16,850 --> 01:29:17,240
>> JOSEPH ONG: Ja.

1785
01:29:17,240 --> 01:29:20,330
Hvilken variabel jeg var bare
et nummer, ikke?

1786
01:29:20,330 --> 01:29:25,280
Det er ligesom i C, når du passerer en
heltal a, det gør en kopi.

1787
01:29:25,280 --> 01:29:28,130
Og når du passerer et array, er det faktisk
ændrer den faktiske array i

1788
01:29:28,130 --> 01:29:32,870
C. Det samme sker med
JavaScript i dette tilfælde.

1789
01:29:32,870 --> 01:29:34,070
Ok.

1790
01:29:34,070 --> 01:29:38,134
Og næste, Milo er trist, fordi
han er nu en kat.

1791
01:29:38,134 --> 01:29:40,790

1792
01:29:40,790 --> 01:29:45,060
Det var faktisk Milo efter
nogle tur til dyrlægen.

1793
01:29:45,060 --> 01:29:46,860
>> Så hvordan bruger vi JavaScript
i en webside?

1794
01:29:46,860 --> 01:29:47,790
Vi kan medtage det.

1795
01:29:47,790 --> 01:29:50,090
Dette er HTML-kode med striben tags.

1796
01:29:50,090 --> 01:29:51,300
Så jeg har bånd tags dér.

1797
01:29:51,300 --> 01:29:54,820
Og så vil jeg sætte nogle JavaScript
kode i scriptet tags.

1798
01:29:54,820 --> 01:29:56,390
Og så udfører dette.

1799
01:29:56,390 --> 01:29:58,830
Når jeg bare gøre det på denne måde, er det
kaldet inline JavaScript.

1800
01:29:58,830 --> 01:30:02,400
Det er lidt rodet, fordi
JavaScript er faktisk i HTML.

1801
01:30:02,400 --> 01:30:07,010
>> En bedre måde at gøre dette, meget pænere,
er at skrive din JavaScript i en

1802
01:30:07,010 --> 01:30:10,920
ekstern fil og derefter give
script-tag med en kilde.

1803
01:30:10,920 --> 01:30:14,920
Og det vil gå til at JavaScript-fil
og læse JavaScript-koden fra

1804
01:30:14,920 --> 01:30:15,960
som fil i stedet.

1805
01:30:15,960 --> 01:30:18,820
Og på denne måde, behøver du ikke har en masse
JavaScript i begyndelsen af ​​din

1806
01:30:18,820 --> 01:30:20,760
HTML-fil, som gør
det virkelig rodet.

1807
01:30:20,760 --> 01:30:21,860
Du skal bare sætte den et andet sted.

1808
01:30:21,860 --> 01:30:24,310
Og så vil det læse den derfra.

1809
01:30:24,310 --> 01:30:25,560
Gjorde det giver mening?

1810
01:30:25,560 --> 01:30:27,990

1811
01:30:27,990 --> 01:30:29,640
>> Placement spørgsmål.

1812
01:30:29,640 --> 01:30:32,620
I dette særlige tilfælde
script er før kroppen.

1813
01:30:32,620 --> 01:30:36,090
Så når jeg udfører det, er der
men intet i kroppen.

1814
01:30:36,090 --> 01:30:39,920
Måske dette vil gøre en lille smule mere
fornemme, når jeg viser den næste del.

1815
01:30:39,920 --> 01:30:43,210
I dette tilfælde scriptet
kommer efter div.

1816
01:30:43,210 --> 01:30:46,620
Så div faktisk ser
på siden først.

1817
01:30:46,620 --> 01:30:49,470
Lige her i denne lille rød cirkel,
du se teksten vises.

1818
01:30:49,470 --> 01:30:51,810
Og så advarslen dukker op.

1819
01:30:51,810 --> 01:30:54,890
>> I det første tilfælde, fordi scriptet
var før div den

1820
01:30:54,890 --> 01:30:56,170
alarm dukker op først.

1821
01:30:56,170 --> 01:30:59,250
Og så div dukker op efter
du afvise kassen.

1822
01:30:59,250 --> 01:31:01,330
Så udførelse betyder noget.

1823
01:31:01,330 --> 01:31:02,290
Så vi vil holde dette i tankerne.

1824
01:31:02,290 --> 01:31:03,640
Dette vil være vigtigt
i en lille smule.

1825
01:31:03,640 --> 01:31:08,730

1826
01:31:08,730 --> 01:31:09,540
OK.

1827
01:31:09,540 --> 01:31:12,750
Så godt, hvordan kan du vente, indtil
hele siden er indlæst så før du

1828
01:31:12,750 --> 01:31:13,580
udføre noget kode?

1829
01:31:13,580 --> 01:31:15,540
Vi vil komme ind denne lidt
lidt senere også.

1830
01:31:15,540 --> 01:31:19,016
Men bare holde denne placering
spørgsmål i tankerne for, når vi

1831
01:31:19,016 --> 01:31:20,570
komme til et andet dias.

1832
01:31:20,570 --> 01:31:22,030
>> Så vi kommer til DOM nu.

1833
01:31:22,030 --> 01:31:23,550
Og hvad er DOM?

1834
01:31:23,550 --> 01:31:26,830
Så hvis du ser på HTML-kode, det er bare
en masse tekst på skærmen.

1835
01:31:26,830 --> 01:31:30,560
Så hvordan gør JavaScript vide, at
dette er et HTML-element?

1836
01:31:30,560 --> 01:31:33,410
Så vi er nødt til at have nogle hukommelse
repræsentation af denne

1837
01:31:33,410 --> 01:31:34,930
struktur, vi har.

1838
01:31:34,930 --> 01:31:40,240
Og når vi har dette i hukommelsen
repræsentation i JavaScript, vi kalder

1839
01:31:40,240 --> 01:31:41,750
at DOM.

1840
01:31:41,750 --> 01:31:45,130
Og det er bare en måde at folk har besluttet
at vi skal repræsentere denne

1841
01:31:45,130 --> 01:31:46,400
HTML struktur som.

1842
01:31:46,400 --> 01:31:47,940
>> Og hvad betyder dette DOM se ud?

1843
01:31:47,940 --> 01:31:50,460
Tja, i hukommelsen repræsentation,
vi tager denne tekst.

1844
01:31:50,460 --> 01:31:52,870
Og vi vender den i hukommelsen
repræsentation.

1845
01:31:52,870 --> 01:31:54,400
Så dette er HTML.

1846
01:31:54,400 --> 01:31:58,090
Så vi først finde ud af, at hver
DOM-træet har et dokument.

1847
01:31:58,090 --> 01:31:59,400
Det ligner et træ.

1848
01:31:59,400 --> 01:32:03,550
Og dokumentet indeholder HTML
tag, faktisk alt

1849
01:32:03,550 --> 01:32:05,150
inde i dette nu.

1850
01:32:05,150 --> 01:32:06,970
HTML-tag har to børn.

1851
01:32:06,970 --> 01:32:08,630
Det har et hoved.

1852
01:32:08,630 --> 01:32:12,380
At hovedet, hvis man ser på indrykning
derovre ved, hvordan det er struktureret

1853
01:32:12,380 --> 01:32:14,960
mellem de tætte tags,
hoved har et barn.

1854
01:32:14,960 --> 01:32:17,130
Barnet er titlen.

1855
01:32:17,130 --> 01:32:18,370
Præcis.

1856
01:32:18,370 --> 01:32:21,000
>> Nu har vi et organ barn.

1857
01:32:21,000 --> 01:32:24,870
Og så at kroppen har en
barn kaldes familien.

1858
01:32:24,870 --> 01:32:27,950
Og den familie har tre børn -

1859
01:32:27,950 --> 01:32:29,550
ældste, midterste og yngste.

1860
01:32:29,550 --> 01:32:31,960
Så du skal vide, hvordan at tegne et diagram
som denne, når vi spørger dig, hvordan

1861
01:32:31,960 --> 01:32:34,270
at tegne et diagram, når vi giver
du HTML til venstre.

1862
01:32:34,270 --> 01:32:36,350
Vide, hvordan man producerer DOM-træet.

1863
01:32:36,350 --> 01:32:38,930
Og inde i disse ting, er der bare
noget tekst, som jeg har repræsenteret

1864
01:32:38,930 --> 01:32:40,180
som små kasser.

1865
01:32:40,180 --> 01:32:42,750

1866
01:32:42,750 --> 01:32:47,980
>> Betyder dette DOM træstruktur gøre
fornuft og hvad DOM er?

1867
01:32:47,980 --> 01:32:49,300
Så hvad betyder det p står for?

1868
01:32:49,300 --> 01:32:51,850
Herovre, p derovre
i dette mærke repræsenterer en

1869
01:32:51,850 --> 01:32:54,510
afsnit tag i HTML.

1870
01:32:54,510 --> 01:32:57,080
Så du kan slå det op.

1871
01:32:57,080 --> 01:32:59,290
Men det betyder bare, det er nogle
plads til noget tekst.

1872
01:32:59,290 --> 01:33:02,910
Og det har nogle standard CSS styling,
fordi det er et stykke tag.

1873
01:33:02,910 --> 01:33:05,130
Men ikke rigtig bekymre sig om
at en del for meget.

1874
01:33:05,130 --> 01:33:07,510
Bare ved, det er en pladsholder
for noget tekst.

1875
01:33:07,510 --> 01:33:08,480
Ja.

1876
01:33:08,480 --> 01:33:10,200
Spørgsmål?

1877
01:33:10,200 --> 01:33:11,021
Ja.

1878
01:33:11,021 --> 01:33:12,374
>> PUBLIKUM: Du har lige nævnt CSS.

1879
01:33:12,374 --> 01:33:15,492
Hash familie og hash
alt det der er dybest set

1880
01:33:15,492 --> 01:33:17,400
repræsenterer id'er i CSS?

1881
01:33:17,400 --> 01:33:18,440
>> JOSEPH ONG: Ja, præcis.

1882
01:33:18,440 --> 01:33:20,380
Jeg vil komme til, hvad disse hashes
betyder i et sekund.

1883
01:33:20,380 --> 01:33:23,480
Da Angela gik over CSS, hun
talte om CSS selectors.

1884
01:33:23,480 --> 01:33:26,770
Disse er CSS selektorer, der
hun talte om.

1885
01:33:26,770 --> 01:33:28,268
Ja, Rob?

1886
01:33:28,268 --> 01:33:32,060
>> ROB BOWDEN: Jeg vil også kommentere
at DOM inde i titel-tag

1887
01:33:32,060 --> 01:33:35,385
er også en tekst node.

1888
01:33:35,385 --> 01:33:36,070
>> JOSEPH ONG: Right.

1889
01:33:36,070 --> 01:33:38,370
Så inde i titel-tag,
Jeg har noget tekst DOM.

1890
01:33:38,370 --> 01:33:42,730
Så virkelig, bør denne titel har ligesom en
lille boks der kommer ud af det så godt.

1891
01:33:42,730 --> 01:33:45,740
Men det betyder ikke rigtig noget
for meget i dette tilfælde.

1892
01:33:45,740 --> 01:33:49,620
Vi har ikke rigtig bekymrer sig om tekst noder,
som vi kalder dem, for meget.

1893
01:33:49,620 --> 01:33:50,270
OK, det gør vi.

1894
01:33:50,270 --> 01:33:51,520
Tilsyneladende gør vi.

1895
01:33:51,520 --> 01:33:54,260

1896
01:33:54,260 --> 01:33:57,100
Og jeg vil fastsætte, at når
Jeg uploade det igen.

1897
01:33:57,100 --> 01:33:59,830
Giver det mening?

1898
01:33:59,830 --> 01:34:01,160
>> Så hvordan kan vi arbejde med DOM?

1899
01:34:01,160 --> 01:34:03,790
Når du handler med DOM i
JavaScript, der er to trin.

1900
01:34:03,790 --> 01:34:05,030
Du vælger en DOM element.

1901
01:34:05,030 --> 01:34:06,580
Og så skal du gøre ting til det.

1902
01:34:06,580 --> 01:34:11,480
Så i dette tilfælde, abstrakt, har jeg
valgt midterste element.

1903
01:34:11,480 --> 01:34:14,530
Og så et eksempel på at gøre ting
for det ville være at ændre teksten.

1904
01:34:14,530 --> 01:34:16,020
Det plejede at være Bob.

1905
01:34:16,020 --> 01:34:19,930
Nu, hvad jeg gjorde det var jeg ændrede
Bob til Milo i dette tilfælde.

1906
01:34:19,930 --> 01:34:22,130
>> Så hvordan kan vi faktisk gøre dette?

1907
01:34:22,130 --> 01:34:23,440
Hvordan gør vi det valg?

1908
01:34:23,440 --> 01:34:26,560
Og hvordan gør vi det gør ting til
de ting, når vi har taget det?

1909
01:34:26,560 --> 01:34:30,470
Nå, den måde, du fyre har lært det
i denne klasse er ved hjælp af noget, vi

1910
01:34:30,470 --> 01:34:32,420
kaldet jQuery.

1911
01:34:32,420 --> 01:34:33,910
Så hvad er jQuery?

1912
01:34:33,910 --> 01:34:37,220
jQuery er et bibliotek, der gør
JavaScript nemmere at skrive.

1913
01:34:37,220 --> 01:34:39,500
Så nogen tog sig tid
og skrev jQuery.

1914
01:34:39,500 --> 01:34:41,530
>> jQuery er faktisk skrevet
i JavaScript.

1915
01:34:41,530 --> 01:34:44,550
Og så fordi de gjorde dette, vi nu
har en hel masse funktioner, som

1916
01:34:44,550 --> 01:34:46,020
vi kan bruge, der gør vores
lever virkelig nemt.

1917
01:34:46,020 --> 01:34:48,580

1918
01:34:48,580 --> 01:34:50,030
Så hvad er nogle af de
ting, det gør?

1919
01:34:50,030 --> 01:34:51,650
Det gør at vælge elementer lettere.

1920
01:34:51,650 --> 01:34:54,020
Det gør skiftende HTML,
tilsætning klasser lettere.

1921
01:34:54,020 --> 01:34:55,360
Det gør Ajax lettere.

1922
01:34:55,360 --> 01:34:58,230
Vi vil komme til at i et sekund.

1923
01:34:58,230 --> 01:35:00,630
>> Og det er analog med C-biblioteker.

1924
01:35:00,630 --> 01:35:03,090
Så du inkluderer string.h,
du får strlen.

1925
01:35:03,090 --> 01:35:04,680
Du får strcpy, alle disse ting.

1926
01:35:04,680 --> 01:35:09,650
Når du medtager jQuery, får du pæn
måder at vælge elementer til forandring

1927
01:35:09,650 --> 01:35:10,390
ting, et cetera.

1928
01:35:10,390 --> 01:35:12,990
Du får ekstra funktionalitet, der
JavaScript giver dig ikke.

1929
01:35:12,990 --> 01:35:15,310
Så jQuery er ikke JavaScript.

1930
01:35:15,310 --> 01:35:18,660
jQuery er et bibliotek, der er skrevet i
JavaScript, der gør JavaScript

1931
01:35:18,660 --> 01:35:20,440
nemmere at skrive.

1932
01:35:20,440 --> 01:35:23,170
>> Så jQuery er ikke et programmeringssprog
sprog.

1933
01:35:23,170 --> 01:35:24,540
Men JavaScript er.

1934
01:35:24,540 --> 01:35:27,420

1935
01:35:27,420 --> 01:35:27,590
lave.

1936
01:35:27,590 --> 01:35:30,420
Sikker på at du får din terminologi højre.

1937
01:35:30,420 --> 01:35:32,490
Eventuelle spørgsmål?

1938
01:35:32,490 --> 01:35:33,882
Ja.

1939
01:35:33,882 --> 01:35:35,132
Er det et spørgsmål?

1940
01:35:35,132 --> 01:35:37,910

1941
01:35:37,910 --> 01:35:38,350
Ok.

1942
01:35:38,350 --> 01:35:40,080
Så hvordan bruger du jQuery?

1943
01:35:40,080 --> 01:35:42,390
Nå, når du skriver nogle
JavaScript-kode og du medtage en

1944
01:35:42,390 --> 01:35:45,570
jQuery i toppen af ​​din fil som en
script-fil, bruge dig dollartegn

1945
01:35:45,570 --> 01:35:47,310
nu for at få adgang til jQuery.

1946
01:35:47,310 --> 01:35:49,860
Og det er forskelligt fra
dollartegn i PHP.

1947
01:35:49,860 --> 01:35:51,590
>> Det er det samme symbol, du
skriver på tastaturet.

1948
01:35:51,590 --> 01:35:52,780
Men de betyder meget forskellige ting.

1949
01:35:52,780 --> 01:35:56,090
Dollartegn i PHP betyder dette
er, hvordan jeg erklære en variabel.

1950
01:35:56,090 --> 01:35:59,120
I JavaScript, når du har inkluderet
jQuery, står det for jQuery.

1951
01:35:59,120 --> 01:36:01,280
Så holder det i tankerne.

1952
01:36:01,280 --> 01:36:03,420
Så hvordan kan vi vælger DOM elementer?

1953
01:36:03,420 --> 01:36:06,500
Nå, når du gør det den grimme JavaScript
måde, du får adgang til

1954
01:36:06,500 --> 01:36:08,240
dokumentere global variabel.

1955
01:36:08,240 --> 01:36:11,170
Og så får du element af ID familie.

1956
01:36:11,170 --> 01:36:15,270
Det er virkelig lang og ordrige
og ikke rart.

1957
01:36:15,270 --> 01:36:18,190
>> Eller du kan få alle elementer
som er en p-tag.

1958
01:36:18,190 --> 01:36:20,080
Det fungerer også i JavaScript.

1959
01:36:20,080 --> 01:36:22,470
Men vi har aldrig virkelig viste
du syntaksen for meget.

1960
01:36:22,470 --> 01:36:24,620
Hvad vi viste du var jQuery.

1961
01:36:24,620 --> 01:36:28,720
Så det hele selector deroppe at
blev udtrykt i JavaScript bare bliver

1962
01:36:28,720 --> 01:36:33,320
kondenseret til denne meget flot dollar
underskrive hashtag familie.

1963
01:36:33,320 --> 01:36:38,480
Og $ p, lige hvor det er sådan.

1964
01:36:38,480 --> 01:36:41,690
Hvis du vil vælge alle p-tags
inde i en familie, vi sætter et mellemrum

1965
01:36:41,690 --> 01:36:42,890
mellem de to.

1966
01:36:42,890 --> 01:36:44,815
Og nu får vi alle de p
tags inde i en familie.

1967
01:36:44,815 --> 01:36:48,740

1968
01:36:48,740 --> 01:36:50,380
>> Og ser bekendt?

1969
01:36:50,380 --> 01:36:52,880
Nå, Angela talte om
CSS selectors.

1970
01:36:52,880 --> 01:36:54,200
Giv mig et sekund.

1971
01:36:54,200 --> 01:36:57,230
Og så for at vælge et element,
du bare bruge de samme ting, som du

1972
01:36:57,230 --> 01:36:58,530
ville gøre med en CSS vælgeren.

1973
01:36:58,530 --> 01:37:00,910
Hvis du sætter en hash foran
af det udvælger efter ID.

1974
01:37:00,910 --> 01:37:02,220
En prik vælger af klasser.

1975
01:37:02,220 --> 01:37:06,230
Hvis du lige har de ting uden
hashes eller prikker udvælger disse tags.

1976
01:37:06,230 --> 01:37:07,140
Spørgsmål.

1977
01:37:07,140 --> 01:37:07,470
Ja?

1978
01:37:07,470 --> 01:37:11,510
>> PUBLIKUM: Når vi bruger prik i vores
HTML, er, at ikke jQuery?

1979
01:37:11,510 --> 01:37:13,520
>> JOSEPH ONG: Dot i vores HTML
er en JavaScript ting.

1980
01:37:13,520 --> 01:37:14,750
Det er ikke en jQuery ting.

1981
01:37:14,750 --> 01:37:17,620
Den måde, du fyre lært det med
jQuery er at bruge. html.

1982
01:37:17,620 --> 01:37:21,510
Og så gik det uanset
HTML bliver.

1983
01:37:21,510 --> 01:37:23,480
Så jeg vil komme til at på bare
en anden faktisk.

1984
01:37:23,480 --> 01:37:27,800
Så hvordan gør vi ting til element
når vi har valgt det?

1985
01:37:27,800 --> 01:37:30,130
Så det er et eksempel på
vælge et element.

1986
01:37:30,130 --> 01:37:32,280
Så nu, vi ønsker at gøre ting til det.

1987
01:37:32,280 --> 01:37:35,730
>> Så i dette tilfælde, så lad mig gå tilbage
til det forrige dias.

1988
01:37:35,730 --> 01:37:37,360
Det var Bob før.

1989
01:37:37,360 --> 01:37:40,660
Og jeg ønsker at ændre det
inde HTML til Milo.

1990
01:37:40,660 --> 01:37:43,240
Så jeg kalder HTML-funktionen
fra elementet.

1991
01:37:43,240 --> 01:37:45,580
At HTML-funktionen er
en fremgangsmåde af elementet.

1992
01:37:45,580 --> 01:37:47,430
Og så vil jeg give det, hvad
Jeg ønsker, at HTML skal være.

1993
01:37:47,430 --> 01:37:50,560
Og det bare erstatter, hvad der er inde i
at tag med hvad jeg giver den.

1994
01:37:50,560 --> 01:37:50,830
Ja.

1995
01:37:50,830 --> 01:37:51,170
Spørgsmål?

1996
01:37:51,170 --> 01:37:57,397
>> PUBLIKUM: Den hashtag bruges
for kun jQuery.

1997
01:37:57,397 --> 01:37:59,313
[Uhørligt]

1998
01:37:59,313 --> 01:38:01,230
vi ville ikke bruge det.

1999
01:38:01,230 --> 01:38:01,960
>> JOSEPH ONG: Ja, præcis.

2000
01:38:01,960 --> 01:38:03,750
Men du behøver ikke bekymre dig for meget
om ren JavaScript.

2001
01:38:03,750 --> 01:38:06,670
Jeg vil bare have jer til at fokusere på, hvordan du
ville gøre det med jQuery, fordi

2002
01:38:06,670 --> 01:38:10,020
der kommer til at være det vigtige
del på quizzen.

2003
01:38:10,020 --> 01:38:10,400
Right.

2004
01:38:10,400 --> 01:38:10,880
Præcis.

2005
01:38:10,880 --> 01:38:16,025
Så du kan se, at hashtag, så
svarer til at vælge elementet med

2006
01:38:16,025 --> 01:38:18,310
ID midten på grund af denne hashtag.

2007
01:38:18,310 --> 01:38:19,670
Hashtag betyder id.

2008
01:38:19,670 --> 01:38:22,870
Og dette element har en ID på midten.

2009
01:38:22,870 --> 01:38:24,366
Så det er det element, vi vælger.

2010
01:38:24,366 --> 01:38:27,160
>> PUBLIKUM: [uhørligt].

2011
01:38:27,160 --> 01:38:31,090
dollartegn hashtag [uhørligt]?

2012
01:38:31,090 --> 01:38:31,710
>> JOSEPH ONG: Så nej.

2013
01:38:31,710 --> 01:38:33,280
Spørgsmålet er, kan du bruge. Værdi.

2014
01:38:33,280 --> 01:38:36,445
Og. Værdi fungerer kun på elementer
der er indgange.

2015
01:38:36,445 --> 01:38:40,950

2016
01:38:40,950 --> 01:38:45,495
I jQuery, ville det være
. Val ikke. Værdi.

2017
01:38:45,495 --> 01:38:49,080
Så jeg vil komme til et lille eksempel, at
demonstrerer alt dette i kombination

2018
01:38:49,080 --> 01:38:49,850
i en anden.

2019
01:38:49,850 --> 01:38:53,130
Men jeg tror, ​​det tjener en lille kodestump
hidtil giver mening for mennesker.

2020
01:38:53,130 --> 01:38:55,450
Ønsker at ændre HTML,
call HTML metoden.

2021
01:38:55,450 --> 01:38:56,432
Ja.

2022
01:38:56,432 --> 01:38:58,200
>> PUBLIKUM: Kan du forklare
fremgangsmåden igen?

2023
01:38:58,200 --> 01:39:01,900
>> JOSEPH ONG: Så en metode er blot en
funktion, der hører til en i denne

2024
01:39:01,900 --> 01:39:04,590
tilfælde er en af ​​disse DOM elementer,
fordi du ser jeg

2025
01:39:04,590 --> 01:39:05,940
valgt elementet først.

2026
01:39:05,940 --> 01:39:07,320
Faktisk, lad mig bruge musen.

2027
01:39:07,320 --> 01:39:09,330
Jeg valgte element først.

2028
01:39:09,330 --> 01:39:12,310
Og så jeg kaldte denne HTML
fungere, at det havde.

2029
01:39:12,310 --> 01:39:15,710
Og fordi denne funktion hører til
denne ting, vi kalder det en metode.

2030
01:39:15,710 --> 01:39:19,480
Det er bare en fancy navn for det.

2031
01:39:19,480 --> 01:39:20,730
Sig det igen.

2032
01:39:20,730 --> 01:39:22,880

2033
01:39:22,880 --> 01:39:25,170
Så husk, vi valgte
elementet nu.

2034
01:39:25,170 --> 01:39:27,810
Og vi har lagt det inde i
elementet variabel.

2035
01:39:27,810 --> 01:39:28,600
Ret?

2036
01:39:28,600 --> 01:39:34,380
>> Så når vi ønsker at ændre HTML på
inde, fordi det var Bob før, du

2037
01:39:34,380 --> 01:39:36,420
ønsker at ændre teksten til Milo.

2038
01:39:36,420 --> 01:39:37,920
Så vi kalder HTML.

2039
01:39:37,920 --> 01:39:41,610
Og vi fortælle det, hvad HTML indeni
dette element skal være nu.

2040
01:39:41,610 --> 01:39:44,107
Og så skifter det til Milo,
fordi jeg gav det Milo.

2041
01:39:44,107 --> 01:39:46,542
>> PUBLIKUM: Så de arbejder sammen.

2042
01:39:46,542 --> 01:39:47,030
[Uhørligt]

2043
01:39:47,030 --> 01:39:47,390
>> JOSEPH ONG: Ja, ja.

2044
01:39:47,390 --> 01:39:48,180
De arbejder sammen.

2045
01:39:48,180 --> 01:39:50,210
Så en af ​​dem vælges
elementet først.

2046
01:39:50,210 --> 01:39:52,863
Og den anden gør
noget til det.

2047
01:39:52,863 --> 01:39:53,790
Ja.

2048
01:39:53,790 --> 01:39:56,168
>> PUBLIKUM: [uhørligt].

2049
01:39:56,168 --> 01:40:01,280
Hvis denne metode er forskellig fra i HTML
du har metoden samme reelle.

2050
01:40:01,280 --> 01:40:01,560
>> JOSEPH ONG: Ja.

2051
01:40:01,560 --> 01:40:03,370
Det er en anden metode.

2052
01:40:03,370 --> 01:40:04,670
Det er en anden metode.

2053
01:40:04,670 --> 01:40:07,860
Og vi kan dække, at på bare et sekund
når vi kommer til et eksempel.

2054
01:40:07,860 --> 01:40:12,000
Jeg vil være sikker på, at vi fremskynde
fordi vi er ved at løbe tør for tid.

2055
01:40:12,000 --> 01:40:15,360
Men vi har kørt over tid nu.

2056
01:40:15,360 --> 01:40:15,490
OK.

2057
01:40:15,490 --> 01:40:16,430
Fedt.

2058
01:40:16,430 --> 01:40:20,130
Så hvis du ønsker at tilføje en klasse, er der
også en add klasse metode.

2059
01:40:20,130 --> 01:40:24,300
Dette er blot et eksempel på, hvad
du kan gøre med jQuery.

2060
01:40:24,300 --> 01:40:25,950
Der blot tilføjer en klasse.

2061
01:40:25,950 --> 01:40:28,660
>> Hvis du ønsker at fjerne det,
du kan ringe til fjerne.

2062
01:40:28,660 --> 01:40:32,280
Det er bare en anden ting du kan gøre.

2063
01:40:32,280 --> 01:40:35,680
Så flere eksempler på ting, du kan gøre.

2064
01:40:35,680 --> 01:40:37,510
Så kan jeg bare sætte det på
toppen som dette?

2065
01:40:37,510 --> 01:40:38,760
Yngste fjerne.

2066
01:40:38,760 --> 01:40:42,470

2067
01:40:42,470 --> 01:40:45,930
Hvis jeg bare udføre at JavaScript på
toppen af ​​min fil, vil det fungere?

2068
01:40:45,930 --> 01:40:48,540

2069
01:40:48,540 --> 01:40:48,920
Right.

2070
01:40:48,920 --> 01:40:50,530
Fordi midten ikke eksisterer endnu.

2071
01:40:50,530 --> 01:40:51,840
Så dette er ikke at gå på arbejde.

2072
01:40:51,840 --> 01:40:52,800
Udførelse orden.

2073
01:40:52,800 --> 01:40:55,040
Det går til toppen først.

2074
01:40:55,040 --> 01:40:55,540
Hvad?

2075
01:40:55,540 --> 01:40:57,450
>> PUBLIKUM: Yngste ikke eksisterer endnu?

2076
01:40:57,450 --> 01:40:57,810
>> JOSEPH ONG: Ja.

2077
01:40:57,810 --> 01:40:58,710
Yngste ikke eksisterer endnu.

2078
01:40:58,710 --> 01:40:59,600
Præcis.

2079
01:40:59,600 --> 01:41:01,320
>> PUBLIKUM: Du sagde midten.

2080
01:41:01,320 --> 01:41:01,510
>> JOSEPH ONG: Undskyld.

2081
01:41:01,510 --> 01:41:02,720
Yngste ikke eksisterer endnu.

2082
01:41:02,720 --> 01:41:04,510
Og den anden ting er, jeg ikke har
omfattede jQuery

2083
01:41:04,510 --> 01:41:06,580
fil spørge script src.

2084
01:41:06,580 --> 01:41:07,960
Så det kommer ikke til at fungere.

2085
01:41:07,960 --> 01:41:09,580
Faktisk havde jeg ikke gøre det i
næste dias, der er

2086
01:41:09,580 --> 01:41:10,700
formodes at løse, enten.

2087
01:41:10,700 --> 01:41:14,120
Men den måde, vi gør dette, er JavaScript
er hændelsesstyrede.

2088
01:41:14,120 --> 01:41:17,410
Så hvad vi gør, er vi bruger en begivenhed
Handler at gøre dette ske.

2089
01:41:17,410 --> 01:41:19,510
Og så jeg vælge dokumentet
sæt først.

2090
01:41:19,510 --> 01:41:23,810
Jeg siger, OK, når dokumentet er
klar, lad mig køre en funktion.

2091
01:41:23,810 --> 01:41:25,470
Så det er alt, syntaks midler.

2092
01:41:25,470 --> 01:41:27,100
>> Jeg valgte dokument.

2093
01:41:27,100 --> 01:41:29,530
Nu, når dokumentet er
klar, køre funktionen.

2094
01:41:29,530 --> 01:41:32,970
Og så over her, når dokumentet er
klar, hvilket betyder alle de HTML har

2095
01:41:32,970 --> 01:41:36,140
lastet, så jeg kører funktionen
der fjerner dette element.

2096
01:41:36,140 --> 01:41:40,270
Og så nu, når jeg kører denne funktion
at jeg gik ind i klar, jeg er

2097
01:41:40,270 --> 01:41:43,780
garanteret, at alle HTML på
side kommer til at eksistere først.

2098
01:41:43,780 --> 01:41:44,100
Ja.

2099
01:41:44,100 --> 01:41:44,425
Spørgsmål?

2100
01:41:44,425 --> 01:41:48,200
>> PUBLIKUM: Hvad er den begivenhed søgeord
i funktionen?

2101
01:41:48,200 --> 01:41:51,750
>> JOSEPH ONG: Så begivenhed søgeord i
Funktionen er kun en parameter,

2102
01:41:51,750 --> 01:41:53,490
bliver gået til den funktion
til enhver begivenhed.

2103
01:41:53,490 --> 01:41:55,470
Det er bare noget,
du får gratis.

2104
01:41:55,470 --> 01:41:59,320
Når du bruger centrale handlere i
pset8 kunne denne begivenhed fortælle dig, for

2105
01:41:59,320 --> 01:42:01,350
eksempel, hvilken nøgle du trykkede på.

2106
01:42:01,350 --> 01:42:05,540
I dette tilfælde, for en klar begivenhed
det er faktisk ikke super nyttige.

2107
01:42:05,540 --> 01:42:08,640
Men for en tast nede begivenhed, det er mere
nyttig, fordi du får at vide, hvilke

2108
01:42:08,640 --> 01:42:12,330
tast du har trykket ved at få adgang nøgle
kode fra denne begivenhed objekt.

2109
01:42:12,330 --> 01:42:13,530
Ret?

2110
01:42:13,530 --> 01:42:15,160
Giver det mening?

2111
01:42:15,160 --> 01:42:16,280
OK.

2112
01:42:16,280 --> 01:42:16,580
Ja.

2113
01:42:16,580 --> 01:42:17,150
Spørgsmål?

2114
01:42:17,150 --> 01:42:19,290
>> PUBLIKUM: Så kan du sætte
script-tag lavere ned?

2115
01:42:19,290 --> 01:42:19,940
>> JOSEPH ONG: Så ja.

2116
01:42:19,940 --> 01:42:21,500
Du kan sætte scriptet
tagge lavere ned.

2117
01:42:21,500 --> 01:42:23,090
Men så bliver det bare virkelig rodet.

2118
01:42:23,090 --> 01:42:26,590
Og vi kan lide at centralisere alle
af vores kode på ét sted.

2119
01:42:26,590 --> 01:42:28,290
Og det vil give os mulighed for at gøre det.

2120
01:42:28,290 --> 01:42:32,010
Husk jeg tidligere sagde, at der er en pænere
måde at sikre, at elementerne er

2121
01:42:32,010 --> 01:42:33,880
på siden, før du udfører kode?

2122
01:42:33,880 --> 01:42:36,079
Og dette er bare en dejlig måde
du ville lykkes.

2123
01:42:36,079 --> 01:42:37,329
>> PUBLIKUM: [uhørligt].

2124
01:42:37,329 --> 01:42:41,710

2125
01:42:41,710 --> 01:42:42,230
>> JOSEPH ONG: Ja.

2126
01:42:42,230 --> 01:42:43,460
Du vil stadig nødt til, right?

2127
01:42:43,460 --> 01:42:46,930
Fordi husk, du medtaget
fil på toppen af ​​siden.

2128
01:42:46,930 --> 01:42:49,890
Så det kommer til at udføre, før
du kommer til bunden af ​​siden.

2129
01:42:49,890 --> 01:42:54,600

2130
01:42:54,600 --> 01:42:55,180
OK.

2131
01:42:55,180 --> 01:42:59,210
Så du kan også tilføje en anden
type begivenhed handleren.

2132
01:42:59,210 --> 01:43:00,640
Denne ene bare behandler klik.

2133
01:43:00,640 --> 01:43:03,910
Når jeg klikker på yngste, så
det vil poppe op med en advarsel.

2134
01:43:03,910 --> 01:43:05,440
Dette er blot en anden
type hændelse.

2135
01:43:05,440 --> 01:43:08,840
I modsætning til den klar begivenhed, du nu
bruge klik begivenhed, når du modtager

2136
01:43:08,840 --> 01:43:10,190
klikker på et element.

2137
01:43:10,190 --> 01:43:13,860
>> Og så i dette tilfælde, skal du huske, klik
handleren er knyttet til yngste.

2138
01:43:13,860 --> 01:43:16,080
Så sker det kun, når
Jeg klikker på yngste.

2139
01:43:16,080 --> 01:43:19,510
Og i den anden, klar begivenhed
var knyttet til dokumentet.

2140
01:43:19,510 --> 01:43:23,750
Så det venter dokumentet
at være klar.

2141
01:43:23,750 --> 01:43:25,120
Mening?

2142
01:43:25,120 --> 01:43:26,190
Jeg tror, ​​jeg kan komme videre.

2143
01:43:26,190 --> 01:43:26,610
Ja.

2144
01:43:26,610 --> 01:43:26,980
Spørgsmål?

2145
01:43:26,980 --> 01:43:28,230
>> PUBLIKUM: [uhørligt].

2146
01:43:28,230 --> 01:43:31,676

2147
01:43:31,676 --> 01:43:33,620
i dette tilfælde skal du bruge [uhørligt].

2148
01:43:33,620 --> 01:43:36,650
>> JOSEPH ONG: Oh, yeah, fordi der i dette
tilfælde, jeg er nødt til at vente for de yngste

2149
01:43:36,650 --> 01:43:40,740
element til at blive vist på skærmen først
før jeg kan vedhæfte et klik handleren til

2150
01:43:40,740 --> 01:43:43,062
det, hvilket er hvorfor jeg sætte det ind
af et dokument klar.

2151
01:43:43,062 --> 01:43:45,780

2152
01:43:45,780 --> 01:43:46,840
OK.

2153
01:43:46,840 --> 01:43:52,390
Og næste, så dette er en stor eksempel på
hvordan ville du kombinere alt.

2154
01:43:52,390 --> 01:43:55,930
Dette er blot et eksempel form validering
du har set i foredraget.

2155
01:43:55,930 --> 01:43:58,410
Så tage det skridt for skridt, som
du går gennem denne.

2156
01:43:58,410 --> 01:43:59,590
Og det vil være helt OK.

2157
01:43:59,590 --> 01:44:01,400
Bare læse den fra top til bund.

2158
01:44:01,400 --> 01:44:03,030
>> Jeg har en form i bunden.

2159
01:44:03,030 --> 01:44:07,590
Når dokumentet er klar, lægger jeg en
indsende handleren til form, således at

2160
01:44:07,590 --> 01:44:12,910
når jeg indsender formularen, får jeg de værdier
inde i hver af disse indgange.

2161
01:44:12,910 --> 01:44:14,560
Og jeg kontrollere, om det er tomt.

2162
01:44:14,560 --> 01:44:17,090
Hvis det er tomt, jeg vender tilbage falsk, fordi
Jeg ønsker ikke at indsende formularen,

2163
01:44:17,090 --> 01:44:18,950
fordi formen er forkert.

2164
01:44:18,950 --> 01:44:22,040
Hvis adgangskoden er blank eller det er mindre
end otte tegn, jeg ikke indsende

2165
01:44:22,040 --> 01:44:24,470
formularen, fordi det er også forkert.

2166
01:44:24,470 --> 01:44:28,150
Og afkastet falske blot forhindrer
formularen fra at indgive og

2167
01:44:28,150 --> 01:44:30,150
gå til en ny side.

2168
01:44:30,150 --> 01:44:31,310
>> Og forhåbentlig dette giver mening.

2169
01:44:31,310 --> 01:44:34,650
Jeg tror du fyre skal gå gennem
denne kode trin for trin på din egen.

2170
01:44:34,650 --> 01:44:38,350
Og når du forstår, hvad de udvalgte
elementer og gøre ting til det

2171
01:44:38,350 --> 01:44:40,520
faktisk indebærer dette vil gøre
en masse mening for dig.

2172
01:44:40,520 --> 01:44:41,295
Ja?

2173
01:44:41,295 --> 01:44:44,150
>> PUBLIKUM: Hvad gør
name = brugernavn betyde?

2174
01:44:44,150 --> 01:44:48,530
>> JOSEPH ONG: Så name = brugernavn og
name = adgangskode betyder bare se på

2175
01:44:48,530 --> 01:44:50,730
attribut uanset
du vælger.

2176
01:44:50,730 --> 01:44:51,790
Og så har det at matche.

2177
01:44:51,790 --> 01:44:53,870
Så vi går ind i registrering.

2178
01:44:53,870 --> 01:44:56,240
Og så ser vi på alle indgange
og registrering.

2179
01:44:56,240 --> 01:44:59,990
Og så skal vi vælge den, hvor navnet
attribut er lig med brugernavn.

2180
01:44:59,990 --> 01:45:04,040
Så det første selector vælger kun
brugernavnet input.

2181
01:45:04,040 --> 01:45:08,220
Og denne anden selector kun vælger
adgangskoden én, fordi de har

2182
01:45:08,220 --> 01:45:12,240
deres navn attributter indstillet som hvad
de er formodes at være.

2183
01:45:12,240 --> 01:45:12,575
Spørgsmål?

2184
01:45:12,575 --> 01:45:17,030
>> PUBLIKUM: On indsendelse, hvordan gør
nederste del løse den øverste del?

2185
01:45:17,030 --> 01:45:19,350
>> JOSEPH ONG: Så det er fordi
af begivenheden handleren.

2186
01:45:19,350 --> 01:45:23,000
Så vi venter på en indsende begivenhed
der bliver fyret fra formularen.

2187
01:45:23,000 --> 01:45:24,730
Og det er alt der er at indsende.

2188
01:45:24,730 --> 01:45:26,080
Hvorfor jeg kalder indsende deroppe?

2189
01:45:26,080 --> 01:45:28,870
Den siger, når formularen er sendt,
Jeg får en indsende begivenhed.

2190
01:45:28,870 --> 01:45:33,480
Så lad mig bare opsnappe det og
derefter køre denne kode i stedet.

2191
01:45:33,480 --> 01:45:33,823
Ja?

2192
01:45:33,823 --> 01:45:35,866
>> PUBLIKUM: Hvorfor har du
at have funktion begivenhed?

2193
01:45:35,866 --> 01:45:38,580
Hvorfor kan du ikke bare [uhørligt]?

2194
01:45:38,580 --> 01:45:41,140
>> JOSEPH ONG: Fordi i JavaScript, du
nødt til at erklære de funktioner.

2195
01:45:41,140 --> 01:45:42,910
Det er bare, hvordan det fungerer
i JavaScript.

2196
01:45:42,910 --> 01:45:44,800
Du er nødt til at sige, det vil
for at køre en funktion.

2197
01:45:44,800 --> 01:45:47,290
Så du fortæller det, at du er
forventer en funktion her i stedet for

2198
01:45:47,290 --> 01:45:48,260
bare krøllede parenteser.

2199
01:45:48,260 --> 01:45:50,460
>> PUBLIKUM: Og den funktion
er, hvad følger?

2200
01:45:50,460 --> 01:45:50,650
>> JOSEPH ONG: Ja.

2201
01:45:50,650 --> 01:45:52,790
Funktionen er hvad der er indeni
de krøllede parenteser efter

2202
01:45:52,790 --> 01:45:53,630
denne funktion søgeord.

2203
01:45:53,630 --> 01:45:54,045
Ja?

2204
01:45:54,045 --> 01:45:55,295
>> PUBLIKUM: [uhørligt].

2205
01:45:55,295 --> 01:46:00,180

2206
01:46:00,180 --> 01:46:00,660
>> JOSEPH ONG: For indsende?

2207
01:46:00,660 --> 01:46:03,520
>> PUBLIKUM: Nej, for funktion
uden begivenheden.

2208
01:46:03,520 --> 01:46:03,770
>> JOSEPH ONG: Ja.

2209
01:46:03,770 --> 01:46:05,610
Så uden arrangementet,
du kan have det.

2210
01:46:05,610 --> 01:46:08,480
Hvis du ikke har brug for den begivenhed,
så kan du bare udelade det.

2211
01:46:08,480 --> 01:46:12,220
Men hvis du gør, så er du
bare sætte det der.

2212
01:46:12,220 --> 01:46:12,520
Ja.

2213
01:46:12,520 --> 01:46:13,190
Hurtigt spørgsmål?

2214
01:46:13,190 --> 01:46:14,440
>> PUBLIKUM: [uhørligt].

2215
01:46:14,440 --> 01:46:21,170

2216
01:46:21,170 --> 01:46:21,440
>> JOSEPH ONG: Ja.

2217
01:46:21,440 --> 01:46:24,550
Fordi hvad du behøver at gøre, er
document.ready bare siger vente for alle

2218
01:46:24,550 --> 01:46:26,540
HTML på siden til at indlæse først.

2219
01:46:26,540 --> 01:46:30,510
Og som regel, du vil have dine elementer
på plads, før du kører nogen kode.

2220
01:46:30,510 --> 01:46:31,030
Ok.

2221
01:46:31,030 --> 01:46:32,180
Vi er nødt til at komme til Ajax.

2222
01:46:32,180 --> 01:46:33,110
Vi har ikke meget tid.

2223
01:46:33,110 --> 01:46:35,170
Så fordele og ulemper.

2224
01:46:35,170 --> 01:46:37,450
JavaScript er lettere prøve
skrive med jQuery.

2225
01:46:37,450 --> 01:46:38,930
Men jQuery er form for langsom.

2226
01:46:38,930 --> 01:46:42,290
>> Det er ligesom PHP er langsommere end C,
fordi det er fortolket.

2227
01:46:42,290 --> 01:46:45,690
Og jQuery er en smule langsommere end
JavaScript, fordi det gør en masse af

2228
01:46:45,690 --> 01:46:46,630
ting under kølerhjelmen.

2229
01:46:46,630 --> 01:46:48,660
Og så hvis du bruger jQuery, det er
bare en lille smule langsommere end

2230
01:46:48,660 --> 01:46:51,630
JavaScript, selvom det
giver dig flot elegance.

2231
01:46:51,630 --> 01:46:53,970
Og endelig, Ajax.

2232
01:46:53,970 --> 01:46:59,170
Hidtil med Ajax, har du ikke set Ajax
i form af pset7 endnu, fordi

2233
01:46:59,170 --> 01:47:01,150
når du gør det, du sender
en form for citat.

2234
01:47:01,150 --> 01:47:02,350
Den indlæser en ny side.

2235
01:47:02,350 --> 01:47:04,440
Så du får denne store hvide flash
på siden, mens der

2236
01:47:04,440 --> 01:47:06,820
Anden side belastninger, korrekt?

2237
01:47:06,820 --> 01:47:08,780
>> Det ville være rigtig rart, hvis du
havde ikke denne flash.

2238
01:47:08,780 --> 01:47:11,600
Ligesom Facebook, hvis du bare rulle til
bunden, det tilføjer nyt indhold

2239
01:47:11,600 --> 01:47:13,490
uden at opdatere hele siden.

2240
01:47:13,490 --> 01:47:15,420
Så noget som dette ville være rart.

2241
01:47:15,420 --> 01:47:17,370
Dette er JavaScript-kode
på venstre side.

2242
01:47:17,370 --> 01:47:19,390
Du får, hvad der er inde i denne input.

2243
01:47:19,390 --> 01:47:21,340
Du får bestanden info fra Yahoo!

2244
01:47:21,340 --> 01:47:27,440
Og så skal du gøre en stor streng, der
siger, OK, det er det budskab, jeg ønsker

2245
01:47:27,440 --> 01:47:28,400
at vise på skærmen.

2246
01:47:28,400 --> 01:47:32,280
Og så sætte det budskab indeni
nogle HTML-element, der får

2247
01:47:32,280 --> 01:47:33,970
vises på skærmen.

2248
01:47:33,970 --> 01:47:35,540
>> Så det er alt, hvad der sker her.

2249
01:47:35,540 --> 01:47:39,410
Så dybest set, fordi det er alt
JavaScript og du behøver ikke at køre

2250
01:47:39,410 --> 01:47:42,980
længere PHP, vil dette gøre sikker
at siden ikke opdateres.

2251
01:47:42,980 --> 01:47:47,470
Så dette er blot en abstrakt idé
at jeg siger her for nu.

2252
01:47:47,470 --> 01:47:50,630
Den abstrakte idé er, at hvis du gør det
alt i JavaScript, behøver du ikke have en

2253
01:47:50,630 --> 01:47:52,330
side opdateringshastighed.

2254
01:47:52,330 --> 01:47:53,800
Men hvordan kan du faktisk gøre dette?

2255
01:47:53,800 --> 01:47:56,230
>> Tja, faktisk, lad os tale om
et problem med dette først.

2256
01:47:56,230 --> 01:47:59,340
Et problem er i JavaScript,
udførelsen er synkron.

2257
01:47:59,340 --> 01:48:02,000
Så du er nødt til at vente på en
linje for at afslutte, før du

2258
01:48:02,000 --> 01:48:03,370
udføre den næste linje.

2259
01:48:03,370 --> 01:48:06,130
Og hvad hvis jeg går over til Yahoo!,
og deres servere er virkelig langsom, og

2260
01:48:06,130 --> 01:48:08,790
det tager dem tre sekunder for at
give mig tilbage, at bestanden info?

2261
01:48:08,790 --> 01:48:12,620
Da jeg ramte denne pris linje, hvis
udførelse er synkron, da det er ved

2262
01:48:12,620 --> 01:48:15,390
standard, hvad det er bare at gøre, er
din browser kommer til at stå for

2263
01:48:15,390 --> 01:48:15,930
i tre sekunder.

2264
01:48:15,930 --> 01:48:18,900
Og du kommer ikke til at være i stand til at gøre
noget, mens det bliver disse data.

2265
01:48:18,900 --> 01:48:20,010
Det kommer til at blive frosset.

2266
01:48:20,010 --> 01:48:20,800
>> Og det er slemt.

2267
01:48:20,800 --> 01:48:23,390
Du ønsker ikke en bruger til
har en frossen webside.

2268
01:48:23,390 --> 01:48:24,170
Ret?

2269
01:48:24,170 --> 01:48:25,480
Det er bare dårligt.

2270
01:48:25,480 --> 01:48:26,770
Alle er enige om?

2271
01:48:26,770 --> 01:48:29,270
Hvis du surfer Facebook, og det
fryser, og du kan ikke gøre noget, du

2272
01:48:29,270 --> 01:48:31,920
blive rigtig frustreret.

2273
01:48:31,920 --> 01:48:34,960
Så løsningen er, at vi gør noget
asynkron stedet.

2274
01:48:34,960 --> 01:48:38,910
Så alt dette asynkron ting, siger
er, vil jeg stille dette

2275
01:48:38,910 --> 01:48:40,280
URL til nogle data.

2276
01:48:40,280 --> 01:48:41,610
Og så har jeg tænkt mig at holde ud.

2277
01:48:41,610 --> 01:48:45,330
Jeg skal bare holde udførelse
hvad kode, var efter det.

2278
01:48:45,330 --> 01:48:49,290
>> Og så, når disse data er klar,
så vil jeg behandle den.

2279
01:48:49,290 --> 01:48:50,540
Det er alt det siger.

2280
01:48:50,540 --> 01:48:52,795

2281
01:48:52,795 --> 01:48:56,710
>> PUBLIKUM: Ajax bare gør
kode asynkron?

2282
01:48:56,710 --> 01:48:58,560
>> JOSEPH ONG: Det er en asynkron
måde hentning af data.

2283
01:48:58,560 --> 01:49:01,230
Så den første ting om Ajax
er den lader mig få data

2284
01:49:01,230 --> 01:49:03,170
fra en ekstern hjemmeside.

2285
01:49:03,170 --> 01:49:07,045
Og den anden ting er det gør sikker
at min side ikke stå, mens jeg er

2286
01:49:07,045 --> 01:49:07,970
hentning disse data.

2287
01:49:07,970 --> 01:49:09,600
Det er den asynkrone del af det.

2288
01:49:09,600 --> 01:49:13,040
Fordi det går et andet sted hen,
fordi jeg siger jeg holde på, mens

2289
01:49:13,040 --> 01:49:14,900
det henter disse data, at
gør det asynkrone.

2290
01:49:14,900 --> 01:49:17,170
Jeg holder udførelse.

2291
01:49:17,170 --> 01:49:18,960
>> Så holder det asynkrone
idé i tankerne.

2292
01:49:18,960 --> 01:49:22,010
Og jeg vil vise dig, hvad
forskellen er.

2293
01:49:22,010 --> 01:49:23,920
Den synkrone udgave
er på venstre side.

2294
01:49:23,920 --> 01:49:26,240
Den asynkrone udgave
er på den højre side.

2295
01:49:26,240 --> 01:49:29,170
Kig på tallene for at se, hvilke
trin svarer til det

2296
01:49:29,170 --> 01:49:30,610
udfører på hver linje.

2297
01:49:30,610 --> 01:49:32,730
Derovre advarslen dukker op først.

2298
01:49:32,730 --> 01:49:34,590
Fordi at få materiel info fra Yahoo!

2299
01:49:34,590 --> 01:49:37,250
tager tre sekunder, boder
tre sekunder.

2300
01:49:37,250 --> 01:49:39,880
Og så alarmerer pris
efter disse tre sekunder.

2301
01:49:39,880 --> 01:49:43,690
>> Så nu, alarm shows
op på det tidspunkt -

2302
01:49:43,690 --> 01:49:44,610
tre sekunder i.

2303
01:49:44,610 --> 01:49:47,670
Og så advarer ved efter det.

2304
01:49:47,670 --> 01:49:48,930
Så det går bare trin for trin.

2305
01:49:48,930 --> 01:49:51,200
Det er ligesom, hvad du fyre
ville acceptere, korrekt?

2306
01:49:51,200 --> 01:49:54,170
Med asynkron udførelse,
du advare først.

2307
01:49:54,170 --> 01:49:57,410
Så kan du gå ud til denne URL.

2308
01:49:57,410 --> 01:49:59,530
Og du siger, jeg har tænkt mig at
bare bede om dataene.

2309
01:49:59,530 --> 01:50:01,170
Og så har jeg tænkt mig at
behandle det senere.

2310
01:50:01,170 --> 01:50:04,230
Så det straks udfører
næste linje efter jeg gør, at

2311
01:50:04,230 --> 01:50:05,710
asynkron anmodning.

2312
01:50:05,710 --> 01:50:08,920
>> Så en 0,001 sekunder, kan du se alarm hi.

2313
01:50:08,920 --> 01:50:10,960
Udfør denne funktion, alarm farvel.

2314
01:50:10,960 --> 01:50:14,240
Og fordi jeg gjorde et løfte, som jeg
ville behandle data senere, hvad

2315
01:50:14,240 --> 01:50:17,920
sker, er, når disse data kommer tilbage
tre sekunder senere, da jeg køre denne

2316
01:50:17,920 --> 01:50:21,380
funktion, som jeg har derovre.

2317
01:50:21,380 --> 01:50:21,870
Ja?

2318
01:50:21,870 --> 01:50:25,750
>> PUBLIKUM: Kunne du angive eller
tydeliggøre, hvad Ajax betyder?

2319
01:50:25,750 --> 01:50:30,460
>> JOSEPH ONG: Så Ajax er en måde, at hvis jeg
brug for data, når jeg er på en hjemmeside, og jeg

2320
01:50:30,460 --> 01:50:34,690
ønsker ikke at opdatere siden, så
Jeg bruger denne teknologi kaldet Ajax.

2321
01:50:34,690 --> 01:50:40,630
Det væsentlige betyder bare, gå hente
data fra en anden hjemmeside.

2322
01:50:40,630 --> 01:50:43,724
Og gør det på en måde, der bare
staller ikke min webside.

2323
01:50:43,724 --> 01:50:46,650
>> PUBLIKUM: Så er der en iboende
en del af JavaScript eller jQuery?

2324
01:50:46,650 --> 01:50:50,590
>> JOSEPH ONG: Så nogen skrev en måde at gøre
dette i JavaScript lang tid siden.

2325
01:50:50,590 --> 01:50:52,050
På et tidspunkt, gjorde det ikke eksisterer.

2326
01:50:52,050 --> 01:50:56,630
Og så nogen opfandt denne teknik
at tillade folk at anmode disse data

2327
01:50:56,630 --> 01:50:57,680
på denne måde.

2328
01:50:57,680 --> 01:50:59,550
Og de skrev nogle ting
at gøre det for dig.

2329
01:50:59,550 --> 01:51:01,605
Og jQuery bare giver dig denne
meget flot måde at gøre det

2330
01:51:01,605 --> 01:51:03,112
med denne $ får. funktion.

2331
01:51:03,112 --> 01:51:07,200

2332
01:51:07,200 --> 01:51:09,480
spørgsmål?

2333
01:51:09,480 --> 01:51:11,560
Jeg kan besvare spørgsmål om
Ajax bagefter også.

2334
01:51:11,560 --> 01:51:13,870
Jeg vil være her.

2335
01:51:13,870 --> 01:51:16,390
>> Så det lad os hente data uden
opdatere siden.

2336
01:51:16,390 --> 01:51:18,200
Og det lad os gøre dette i
en asynkron måde,

2337
01:51:18,200 --> 01:51:19,450
ikke fryser siden.

2338
01:51:19,450 --> 01:51:22,680

2339
01:51:22,680 --> 01:51:27,310
For lang, har ikke læst, hvis det
forklaring var for lang tid for dig.

2340
01:51:27,310 --> 01:51:29,430
Så til sidst, cross-site
scripting angreb.

2341
01:51:29,430 --> 01:51:30,910
Vi så det med Zamyla.

2342
01:51:30,910 --> 01:51:34,285
Hvis du er i min database nogen har dette navn,
der er denne script-tag, og jeg

2343
01:51:34,285 --> 01:51:38,280
har noget kode på min side, der udskriver
ud folks navne i træk, eller jeg har

2344
01:51:38,280 --> 01:51:43,310
nogle JavaScript-kode, der indsætter
dette navn på siden,

2345
01:51:43,310 --> 01:51:45,680
hvad HTML bliver produceret?

2346
01:51:45,680 --> 01:51:47,290
Nå, jeg udskrive HTML-tag.

2347
01:51:47,290 --> 01:51:48,390
Jeg udskrive alle disse tags.

2348
01:51:48,390 --> 01:51:50,740
>> Jeg kommer til den del, hvor jeg udskrivning
ud med mine venner.

2349
01:51:50,740 --> 01:51:52,980
Jeg udskriver Lauren ud.

2350
01:51:52,980 --> 01:51:54,200
Det udskriver Milo ud.

2351
01:51:54,200 --> 01:51:56,810
Og så mit navn i databasen
er script indlæg

2352
01:51:56,810 --> 01:51:58,060
lidet flatterende Facebook-status.

2353
01:51:58,060 --> 01:52:00,740

2354
01:52:00,740 --> 01:52:04,330
Fordi jeg indsat denne ind på siden
fordi det ligner JavaScript, når

2355
01:52:04,330 --> 01:52:07,930
denne side bliver sendt til brugeren,
det bliver udført som JavaScript.

2356
01:52:07,930 --> 01:52:10,800
Og så dette er, hvad vi kalder en
cross-site scripting angreb.

2357
01:52:10,800 --> 01:52:14,570
Nogen sætter ondsindet information i
databasen, der kan svare til

2358
01:52:14,570 --> 01:52:17,080
nogle yderligere streng eller
nogle JavaScript-streng.

2359
01:52:17,080 --> 01:52:20,130
>> Og når det bliver udskrevet til
side på denne måde, så hvad

2360
01:52:20,130 --> 01:52:22,580
sker er, at dårlig kode bliver henrettet
at jeg ikke havde til hensigt

2361
01:52:22,580 --> 01:52:25,110
for det for at få udført.

2362
01:52:25,110 --> 01:52:28,230
Og det hele er en cross-site
scripting angreb er.

2363
01:52:28,230 --> 01:52:31,790
Og den måde du komme rundt
det er ligesom Zamyla sagde.

2364
01:52:31,790 --> 01:52:34,340
Du skal bare pakke tingene i
HTML specielle tegn.

2365
01:52:34,340 --> 01:52:39,460
Og denne HTML særlige tegn er en PHP
som vil forhindre denne slags

2366
01:52:39,460 --> 01:52:42,000
ting sker for dig
hvis du har en skadelig

2367
01:52:42,000 --> 01:52:43,830
snor i din database.

2368
01:52:43,830 --> 01:52:47,650
Det bare undslipper den, så den ikke
bliver fortolket som HTML.

2369
01:52:47,650 --> 01:52:50,960
Den erstatter de små beslag
med det, vi kalder enheder.

2370
01:52:50,960 --> 01:52:52,250
Og vi gik over dette foredrag også.

2371
01:52:52,250 --> 01:52:55,800
Så jeg tror du fyre skal have
et godt greb om det.

2372
01:52:55,800 --> 01:52:57,420
Spørgsmål?

2373
01:52:57,420 --> 01:52:57,820
Ja.

2374
01:52:57,820 --> 01:53:00,860
>> PUBLIKUM: Så hvordan ville
på [uhørligt]?

2375
01:53:00,860 --> 01:53:01,555
>> JOSEPH ONG: Sig det igen.

2376
01:53:01,555 --> 01:53:02,500
>> PUBLIKUM: Hvordan ville monitoren -

2377
01:53:02,500 --> 01:53:02,860
>> JOSEPH ONG: Right.

2378
01:53:02,860 --> 01:53:06,080
Så du har noget, der siger, når
Jeg registrere, skrive i mit navn.

2379
01:53:06,080 --> 01:53:09,390
Jeg bare skrive på dette område, mit navn er
stript indlæg lidet flatterende Facebook

2380
01:53:09,390 --> 01:53:11,570
status tæt script-tag.

2381
01:53:11,570 --> 01:53:15,690
Og det bare bliver lagt i
databasen, fordi jeg ikke kan sige nogen

2382
01:53:15,690 --> 01:53:18,260
i verden ikke har et navn
med en pil til venstre i det eller de

2383
01:53:18,260 --> 01:53:19,036
Ordet script i det.

2384
01:53:19,036 --> 01:53:21,330
Det betyder ikke rigtig mening.

2385
01:53:21,330 --> 01:53:24,560
Så jeg bare nødt til at sørge for, at jeg
rense de ting, før jeg udskriver det

2386
01:53:24,560 --> 01:53:25,420
ud til siden.

2387
01:53:25,420 --> 01:53:27,140
>> PUBLIKUM: Så HTML særlige kort
forhindrer scripttags?

2388
01:53:27,140 --> 01:53:28,710
>> JOSEPH ONG: Ja.

2389
01:53:28,710 --> 01:53:29,960
Så det forhindrer ikke scripttags.

2390
01:53:29,960 --> 01:53:32,320
Det bare gør sikker på, at
scripttags ikke får

2391
01:53:32,320 --> 01:53:35,120
tolkes som HTML eller -

2392
01:53:35,120 --> 01:53:35,400
ja.

2393
01:53:35,400 --> 01:53:38,470
Det bare kommer op som hvad
det faktisk er.

2394
01:53:38,470 --> 01:53:39,220
Ok.

2395
01:53:39,220 --> 01:53:40,930
Så det var quizzen gennemgang.

2396
01:53:40,930 --> 01:53:41,830
Fedt.

2397
01:53:41,830 --> 01:53:45,088
>> [Applaus]