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

2
00:00:08,070 --> 00:00:10,430
>> R.J. AQUINO: Anem a començar.

3
00:00:10,430 --> 00:00:12,310
Així que aquesta és la prova 1.

4
00:00:12,310 --> 00:00:14,890
Aquí hi ha alguna informació d'alt nivell.

5
00:00:14,890 --> 00:00:19,915
La pàgina Sobre la prova és en aquest
URL, ja no CS50.net, encara que això

6
00:00:19,915 --> 00:00:21,080
seguirà funcionant.

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

8
00:00:26,920 --> 00:00:31,070
És el gran Sobre la pàgina, que li diu
on i quan, és a dir, dimecres que ve

9
00:00:31,070 --> 00:00:32,100
en un munt d'habitacions.

10
00:00:32,100 --> 00:00:36,120
I dimecres que ve, I
significar dos dies a partir d'ara.

11
00:00:36,120 --> 00:00:37,890
Tota aquesta informació hi és.

12
00:00:37,890 --> 00:00:39,110
Però és acumulatiu.

13
00:00:39,110 --> 00:00:43,790
>> Així tot, des de la primera meitat del
any és potencialment en el qüestionari,

14
00:00:43,790 --> 00:00:50,780
perquè no es pot fer realment avançada
coses en C sense si les condicions i

15
00:00:50,780 --> 00:00:51,920
per als bucles i similars.

16
00:00:51,920 --> 00:00:55,580
Però hi haurà un èmfasi en la
material cobert des Qüestionari 0,

17
00:00:55,580 --> 00:00:59,570
començant amb les estructures i Arxiu
I / O. És típicament més

18
00:00:59,570 --> 00:01:01,620
desafiant que Qüestionari 0.

19
00:01:01,620 --> 00:01:03,870
La puntuació mitjana és normalment inferior.

20
00:01:03,870 --> 00:01:05,980
Estudia molt.

21
00:01:05,980 --> 00:01:09,340
>> Mentre que vostè està estudiant, assegureu-vos d'utilitzar
CS50/discuss per enviar les seves preguntes

22
00:01:09,340 --> 00:01:10,830
i llegir les preguntes d'altres persones.

23
00:01:10,830 --> 00:01:13,550
Així que si vostè no té alguna pregunta,
entrar i llegir

24
00:01:13,550 --> 00:01:14,580
preguntes dels seus amics.

25
00:01:14,580 --> 00:01:16,560
Probablement són bones preguntes.

26
00:01:16,560 --> 00:01:17,730
I prendre els exàmens de pràctica.

27
00:01:17,730 --> 00:01:20,750
Hem estat donant proves de
set o vuit anys.

28
00:01:20,750 --> 00:01:22,180
Tots estan en línia.

29
00:01:22,180 --> 00:01:25,540
Preguntes futurs són similars
a velles preguntes.

30
00:01:25,540 --> 00:01:26,550
Així és com les fem.

31
00:01:26,550 --> 00:01:27,740
>> El qüestionari no existeix encara.

32
00:01:27,740 --> 00:01:28,670
Cap de nosaltres ha vist.

33
00:01:28,670 --> 00:01:32,496
Però serà similar
concursos anteriors.

34
00:01:32,496 --> 00:01:36,500
Per a aquesta sessió de revisió, això no és
una llista exhaustiva de temes.

35
00:01:36,500 --> 00:01:40,740
Vostè no pot assistir a aquesta i després
perfectament preparat per a l'examen.

36
00:01:40,740 --> 00:01:43,330
En cas contrari, no seria
que gran part d'un concurs.

37
00:01:43,330 --> 00:01:46,270
I això tampoc és necessàriament
tot el que necessita saber sobre qualsevol

38
00:01:46,270 --> 00:01:46,970
determinat tema.

39
00:01:46,970 --> 00:01:50,520
És la intenció de quedar exposat a les coses
hem cobert, et recorden el que

40
00:01:50,520 --> 00:01:53,070
coberta, i la forma en
que el cobrim.

41
00:01:53,070 --> 00:01:57,030
Però vostè haurà d'anar més enllà i
més profund quan s'estudia a una doble comprovació

42
00:01:57,030 --> 00:02:00,230
que vostè sap tot sobre qualsevol proposta
tema i que hagi emplenat

43
00:02:00,230 --> 00:02:03,320
tots els cantons que eren
cobert a classe.

44
00:02:03,320 --> 00:02:07,980
>> Les notes de l'examen et diuen d'anar a la
notes escrivà, vídeos de conferències de rellotges.

45
00:02:07,980 --> 00:02:10,155
Aquesta és una bona manera d'assegurar-que ha
cobert totes les seues.

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

47
00:02:12,670 --> 00:02:17,340
Així que per començar, quan vaig fer aquestes
diapositives, vaig tractar de posar on vaig trobar

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

49
00:02:18,350 --> 00:02:22,890
Així que per a arxiu d'E / S, per exemple, Setmana 7,
De dilluns la conferència, i el publicat

50
00:02:22,890 --> 00:02:27,960
Secció 6 i de problemes tots tenen
informació sobre File I / O. He fet

51
00:02:27,960 --> 00:02:28,840
això per a cada tema.

52
00:02:28,840 --> 00:02:33,010
Així que aquestes diapositives de títol pot
ser útil per a vostè.

53
00:02:33,010 --> 00:02:38,950
>> Així que aquí tenim File I / O. Recordeu, a
Problemes 5, es va utilitzar fopen, fclose,

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

55
00:02:41,210 --> 00:02:48,090
Havent recuperat 30ish arxius JPEG i
haver canviat la mida i ficat amb

56
00:02:48,090 --> 00:02:50,320
mapes de bits, ha de ser bastant familiar
amb aquestes funcions

57
00:02:50,320 --> 00:02:51,830
i com funcionen.

58
00:02:51,830 --> 00:02:54,420
Si ja no està familiaritzat,
Definitivament revisar-los.

59
00:02:54,420 --> 00:02:56,860
I assegureu-vos que entén el que
els diferents arguments són,

60
00:02:56,860 --> 00:02:58,260
quan s'utilitzen.

61
00:02:58,260 --> 00:03:03,620
>> Però els errors relacionats amb arxius comuns
se li pot demanar sobre -

62
00:03:03,620 --> 00:03:07,270
bo, si t'has oblidat de comprovar si
fopen efectivament treballades abans d'anar a

63
00:03:07,270 --> 00:03:08,350
modificar un arxiu.

64
00:03:08,350 --> 00:03:09,760
Això podria ser dolent.

65
00:03:09,760 --> 00:03:13,560
Si t'has oblidat d'un arxiu fclose
que ha fopened, això és similar a

66
00:03:13,560 --> 00:03:14,400
una pèrdua de memòria.

67
00:03:14,400 --> 00:03:15,980
Això és molt dolent.

68
00:03:15,980 --> 00:03:18,670
I oblidar per comprovar si has
arribat al final de l'arxiu abans d'

69
00:03:18,670 --> 00:03:19,790
començar a escriure a la mateixa.

70
00:03:19,790 --> 00:03:22,320
>> Així que si vostè diu, hey, estic en
al final del fitxer.

71
00:03:22,320 --> 00:03:23,750
Dóna'm 5 bytes més.

72
00:03:23,750 --> 00:03:27,370
Bé, això probablement no
treballar de la manera que vostè espera.

73
00:03:27,370 --> 00:03:30,930
Això és realment per File I / O,
perquè vam fer tant d'ella

74
00:03:30,930 --> 00:03:32,300
amb va fixar el problema.

75
00:03:32,300 --> 00:03:36,000
Així que si vostè va entendre el que estava passant
en problemes 5, recordi els bitmats

76
00:03:36,000 --> 00:03:40,090
i els arxius JPEG, llavors vostè està probablement tots
fixat per File I / O. Si això és una mica

77
00:03:40,090 --> 00:03:44,770
difusa, sens dubte revisar aquest problema
establir i el material associat.

78
00:03:44,770 --> 00:03:51,110
>> Les estructures van ser el tema que estaven al
línia entre el 0 i el Qüestionari Qüestionari 1.

79
00:03:51,110 --> 00:03:53,090
No prou fer el tall per a la Prova 0.

80
00:03:53,090 --> 00:03:57,040
Així que sens dubte estaran en
Qüestionari 1, setmana 7, dilluns.

81
00:03:57,040 --> 00:03:58,150
Què és una estructura?

82
00:03:58,150 --> 00:04:00,250
Aquí es mostra una estructura.

83
00:04:00,250 --> 00:04:03,140
És com un nou tipus.

84
00:04:03,140 --> 00:04:07,940
És com un contenidor
per a múltiples camps.

85
00:04:07,940 --> 00:04:12,970
>> En aquest cas, hem declarat una estructura
estudiant que té dos camps -

86
00:04:12,970 --> 00:04:17,750
una cadena que estem cridant el nom i
01:00 int que estem cridant a l'edat.

87
00:04:17,750 --> 00:04:21,450
Així que quan em passi al voltant alumnes o jo
modificar els estudiants, seré capaç de

88
00:04:21,450 --> 00:04:24,430
tenir accés al seu nom i la seva edat.

89
00:04:24,430 --> 00:04:26,670
Fem una ullada a alguna cosa de codi per això.

90
00:04:26,670 --> 00:04:29,090
Aquí veiem que he declarat
un estudiant s, igual que

91
00:04:29,090 --> 00:04:30,300
Declaro qualsevol variable -

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

93
00:04:32,430 --> 00:04:34,180
>> Així és estudiant s.

94
00:04:34,180 --> 00:04:37,370
Ell comença amb res en els seus camps.

95
00:04:37,370 --> 00:04:38,240
Així que anem a establir.

96
00:04:38,240 --> 00:04:40,681
Estableixi els camps d'una estructura amb punts.

97
00:04:40,681 --> 00:04:43,780
Així que el que he dit aquí que s.name = RJ.

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

99
00:04:46,470 --> 00:04:48,500
També pot actualitzar els camps
la mateixa manera que actualitza

100
00:04:48,500 --> 00:04:49,550
el valor d'una variable.

101
00:04:49,550 --> 00:04:53,270
Així que vull canviar el meu nom d'RJ amb
no hi ha períodes de R.J. significat l'

102
00:04:53,270 --> 00:04:54,540
correctament.

103
00:04:54,540 --> 00:04:58,890
Seria s.name = RJ, la mateixa
com ho vam dir al principi.

104
00:04:58,890 --> 00:05:00,030
I llavors vostè pot tenir accés.

105
00:05:00,030 --> 00:05:00,930
>> Així que els hem preparat.

106
00:05:00,930 --> 00:05:01,840
Nosaltres els hem posat al dia.

107
00:05:01,840 --> 00:05:03,890
També pot accedir-hi
en la mateixa manera.

108
00:05:03,890 --> 00:05:09,330
Així que aquí, estic imprimint
R.J. Té 21 anys.

109
00:05:09,330 --> 00:05:14,700
I estic accés a aquests valors
amb s.name i s.age.

110
00:05:14,700 --> 00:05:17,040
Així que això és l'accés a les estructures
amb la notació de punts.

111
00:05:17,040 --> 00:05:17,850
Sí, la pregunta?

112
00:05:17,850 --> 00:05:21,176
>> AUDIÈNCIA: Hi ha alguna raó en el
diapositiva anterior que no va posar

113
00:05:21,176 --> 00:05:24,848
estudiant en la línia superior, com typedef
struct estudiant i després

114
00:05:24,848 --> 00:05:25,840
estudiant al final?

115
00:05:25,840 --> 00:05:29,040
>> R.J. AQUINO: tant el dubte era, en
aquesta diapositiva, hem vist típicament

116
00:05:29,040 --> 00:05:32,400
typedef struct node i després el
camps de l'estructura i

117
00:05:32,400 --> 00:05:34,250
llavors el node paraula.

118
00:05:34,250 --> 00:05:37,790
I com és que aquí no ho vaig dir, typedef
struct estudiant i després la

119
00:05:37,790 --> 00:05:39,820
camps de l'estructura i després els estudiants?

120
00:05:39,820 --> 00:05:44,310
La raó és que jo no necessito
accedir-hi a l'interior de l'estructura.

121
00:05:44,310 --> 00:05:46,270
Així que està bé deixar-lo sense nom.

122
00:05:46,270 --> 00:05:49,210
Jo només puc deixar-ho com
una estructura anònima.

123
00:05:49,210 --> 00:05:53,130
>> La raó per la qual ho fem per llistes enllaçades i
coses és perquè dins del que necessita

124
00:05:53,130 --> 00:05:55,360
per fer referència a un estel nodes struct.

125
00:05:55,360 --> 00:05:58,220
Així que l'estructura ha de tenir un nom,
perquè pugui accedir-hi més tard.

126
00:05:58,220 --> 00:05:59,540
És un detall menor.

127
00:05:59,540 --> 00:06:04,750
Però veuràs típicament typedef struct
claus si no és necessari

128
00:06:04,750 --> 00:06:08,720
el nom i typedef struct algun nom
seguit de claus si es vol

129
00:06:08,720 --> 00:06:09,520
Necessitarà el nom.

130
00:06:09,520 --> 00:06:12,070
Així que aquesta és una bona pregunta.

131
00:06:12,070 --> 00:06:17,000
>> I en aquest punt, tenim la tendència a modificar
estructures i passar al voltant de les estructures de

132
00:06:17,000 --> 00:06:18,680
referència, no per valor.

133
00:06:18,680 --> 00:06:21,940
Així que només haurem de passar al voltant de punters a
estructures en lloc de passar tot el

134
00:06:21,940 --> 00:06:23,150
Les estructures ells mateixos.

135
00:06:23,150 --> 00:06:28,050
Així que està molt sovint serà
utilitzant, en aquest cas, l'estudiant o *

136
00:06:28,050 --> 00:06:34,150
struct node * o node * en lloc
als estudiants o nodes.

137
00:06:34,150 --> 00:06:39,350
Així que aquí, ho he dit, està bé, la variable ptr
serà la direcció del s.

138
00:06:39,350 --> 00:06:45,570
Serà el punter
l'estudiant R.J.

139
00:06:45,570 --> 00:06:48,965
>> Perquè puguem arribar a aquests camps
la mateixa mesura que qualsevol cosa.

140
00:06:48,965 --> 00:06:51,460
En primer lloc, n º de referència del punter
per obtenir l'estructura.

141
00:06:51,460 --> 00:06:55,530
Això és * ptr i després
un punt i després edat.

142
00:06:55,530 --> 00:06:58,790
Així que per tenir accés al camp, i he actualitzat
que ara a 22, perquè, siguem

143
00:06:58,790 --> 00:07:00,860
per exemple, que era el meu aniversari.

144
00:07:00,860 --> 00:07:03,990
Hi ha una sintaxi abreujada
usant la fletxa aquí.

145
00:07:03,990 --> 00:07:07,060
Edat Fletxa Així ptr és només
el mateix que * ptr.age.

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

147
00:07:10,150 --> 00:07:11,550
Ara, això és una cosa que haurà de
memoritzar i recordar.

148
00:07:11,550 --> 00:07:15,010
>> La vas fer servir molt en pset6,
el conjunt de processadors ortografia.

149
00:07:15,010 --> 00:07:18,350
Però això és en realitat el que està passant
de sota el capó.

150
00:07:18,350 --> 00:07:20,500
Es dereferencing el punter
i després accedir-hi.

151
00:07:20,500 --> 00:07:21,432
Consulta?

152
00:07:21,432 --> 00:07:22,682
>> AUDIÈNCIA: [inaudible].

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

154
00:07:25,860 --> 00:07:28,060
>> R.J. AQUINO: Llavors per què estem fent servir
punters com estructures en lloc de la

155
00:07:28,060 --> 00:07:29,500
Les estructures ells mateixos?

156
00:07:29,500 --> 00:07:33,740
La raó seria si estàs passant
una estructura a una funció, és probable que

157
00:07:33,740 --> 00:07:36,900
que vulgueu passar al voltant de només el 4 o així
bytes que representen el punter, com

158
00:07:36,900 --> 00:07:40,375
oposició a la potencialment 30 o
40 bytes que són l'estructura.

159
00:07:40,375 --> 00:07:44,410
Així que passa alguna cosa a una funció
és més fàcil quan la cosa

160
00:07:44,410 --> 00:07:48,230
és menor en curt.

161
00:07:48,230 --> 00:07:49,074
Consulta?

162
00:07:49,074 --> 00:07:53,026
>> AUDIÈNCIA: És possible que hagi esmentat això
al principi, però hi ha

163
00:07:53,026 --> 00:07:56,000
altres diapositives dalt a [inaudible]?

164
00:07:56,000 --> 00:07:58,960
>> R.J. AQUINO: Aquestes diapositives seran
després de la sessió de revisió.

165
00:07:58,960 --> 00:08:00,210
Anem a publicar al lloc web.

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

167
00:08:02,450 --> 00:08:06,870
Així de seguir endavant i passar lleugerament
més ràpid, anem a parlar sobre les dades

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

169
00:08:07,350 --> 00:08:08,040
Hi ha un munt.

170
00:08:08,040 --> 00:08:10,080
Hem cobert un munt d'ells.

171
00:08:10,080 --> 00:08:12,500
Això és el que ha d'entendre
sobre l'estructura de dades.

172
00:08:12,500 --> 00:08:15,590
>> Segur que ha d'entendre en un alt
Quin nivell de cada estructura és.

173
00:08:15,590 --> 00:08:21,190
Pot explicar en anglès a la seva
amic que no ha tingut CS50 com

174
00:08:21,190 --> 00:08:25,580
estem organitzant les nostres dades i per què ho havia
estar usant alguna cosa d'aquesta manera?

175
00:08:25,580 --> 00:08:26,990
Això és cosa d'una sola.

176
00:08:26,990 --> 00:08:29,650
Cosa de dos, entendre
l'aplicació.

177
00:08:29,650 --> 00:08:34,270
Així que entendre com utilitzar aquestes coses
en C. I anem a anar sobre això.

178
00:08:34,270 --> 00:08:39,030
>> I llavors el tres coneixen la
temps de funcionament i les limitacions de la

179
00:08:39,030 --> 00:08:40,470
diverses estructures que estiguis utilitzant.

180
00:08:40,470 --> 00:08:44,059
Així que entendre per què es utilitzaria un
la taula de hash en lloc d'una matriu.

181
00:08:44,059 --> 00:08:49,570
Entendre què tan ràpid, de mitjana,
accés a una taula hash és.

182
00:08:49,570 --> 00:08:54,010
Entendre el que les operacions són ràpides en
llista enllaçada, però lent en matrius i

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

184
00:08:56,080 --> 00:08:59,780
Així que per entendre això, vostè haurà de
entendre la notació Big-O només per saber

185
00:08:59,780 --> 00:09:01,310
com parlar d'aquests
tipus de coses.

186
00:09:01,310 --> 00:09:02,700
I anem a parlar d'això.

187
00:09:02,700 --> 00:09:06,040
>> Així que el primer, llistes enllaçades.

188
00:09:06,040 --> 00:09:07,770
Aquí està una foto d'alt nivell
d'una llista enllaçada.

189
00:09:07,770 --> 00:09:08,830
Es demostra això a classe.

190
00:09:08,830 --> 00:09:11,670
Normalment tenim 10 persones
de peu a l'escenari.

191
00:09:11,670 --> 00:09:16,790
Però tenim una sèrie de nodes on cada
node té un valor i un punter

192
00:09:16,790 --> 00:09:18,610
al seu valor següent.

193
00:09:18,610 --> 00:09:21,730
Així que per arribar d'un node a un altre, que
només dir, em dóna el següent node.

194
00:09:21,730 --> 00:09:22,530
Vostè té aquest node.

195
00:09:22,530 --> 00:09:23,770
Dóna'm el següent node.

196
00:09:23,770 --> 00:09:24,400
Vostè té aquest node.

197
00:09:24,400 --> 00:09:28,790
Dóna'm el node següent i així successivament
fins que no hi ha esquerra node.

198
00:09:28,790 --> 00:09:31,850
>> Així de seguir parlant de
en un alt nivell.

199
00:09:31,850 --> 00:09:34,100
És molt fàcil d'inserir coses
en una llista enllaçada.

200
00:09:34,100 --> 00:09:36,010
Si no es preocupen per l'ordre,
que només pot caure

201
00:09:36,010 --> 00:09:36,840
just al principi.

202
00:09:36,840 --> 00:09:38,520
Aquesta és la constant de temps.

203
00:09:38,520 --> 00:09:39,900
Però és difícil trobar un valor.

204
00:09:39,900 --> 00:09:43,060
Si vostè està tractant de preguntar,
Són les set de la cistella?

205
00:09:43,060 --> 00:09:44,740
Has d'anar a través d'
cada valor individual.

206
00:09:44,740 --> 00:09:45,680
És això 7?

207
00:09:45,680 --> 00:09:46,610
És això 7?

208
00:09:46,610 --> 00:09:47,770
És això 7?

209
00:09:47,770 --> 00:09:48,690
És això 7?

210
00:09:48,690 --> 00:09:49,830
Una i altra vegada.

211
00:09:49,830 --> 00:09:51,520
I és O (n).

212
00:09:51,520 --> 00:09:53,800
Així que l'hora d'estudiar per a l'examen,
Comparar això amb matrius.

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

214
00:09:57,010 --> 00:09:58,220
>> Està bé?

215
00:09:58,220 --> 00:09:59,220
Es van apagar els llums tènues.

216
00:09:59,220 --> 00:10:01,110
D'acord.

217
00:10:01,110 --> 00:10:02,400
Quan és millor una llista enllaçada?

218
00:10:02,400 --> 00:10:04,640
Quan és un arranjament millor?

219
00:10:04,640 --> 00:10:06,670
Així que donem una ullada a alguna cosa de codi.

220
00:10:06,670 --> 00:10:08,960
Aquí és un node potencial.

221
00:10:08,960 --> 00:10:09,770
És una estructura.

222
00:10:09,770 --> 00:10:12,220
Té un int n, que
serà el nostre valor.

223
00:10:12,220 --> 00:10:17,780
I té un node struct * següent, que
és la nostra punter al següent node.

224
00:10:17,780 --> 00:10:23,040
Així que aquí, podem veure que ens va passar
haver posat un int en el nostre node.

225
00:10:23,040 --> 00:10:27,850
Però si això fos una llista enllaçada de caràcters
estrelles o una llista enllaçada de carrosses, que

226
00:10:27,850 --> 00:10:28,820
totalment podria fer això també.

227
00:10:28,820 --> 00:10:33,110
>> Recordeu que en pset6, probablement va tenir una
llista enllaçada d'estrelles CHAR o només

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

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

230
00:10:37,370 --> 00:10:39,040
Anem a veure aquí en una operació.

231
00:10:39,040 --> 00:10:43,570
Així que volem inserir un nou
n en la nostra llista enllaçada.

232
00:10:43,570 --> 00:10:48,940
Comencem amb un punter cap que és
un punter a aquest node que té el

233
00:10:48,940 --> 00:10:53,460
valor de n i un costat d'un punter que
punts a aquest node és un valor de

234
00:10:53,460 --> 00:10:57,760
n i una següent de nul, perquè
que és l'últim node.

235
00:10:57,760 --> 00:11:00,440
Així que, en nom del temps, ho faré
posar tot el codi a la pantalla.

236
00:11:00,440 --> 00:11:03,130
I anem a caminar a través d'ell
unes poques línies a la vegada.

237
00:11:03,130 --> 00:11:05,790
>> Així que aquí està el codi.

238
00:11:05,790 --> 00:11:07,560
Espero que sigui llegible.

239
00:11:07,560 --> 00:11:11,275
El primer que fem és
que malloc un nou node.

240
00:11:11,275 --> 00:11:15,105
Així que té un punter a un nou node que
no tenen absolutament res establert

241
00:11:15,105 --> 00:11:16,450
en ella encara.

242
00:11:16,450 --> 00:11:19,580
Verifiquem per assegurar-se que
el nou node no és nul.

243
00:11:19,580 --> 00:11:22,220
Altrament, cal donar-se per vençut.

244
00:11:22,220 --> 00:11:27,680
Així que després d'haver comprovat que, ara
establir els valors en el node.

245
00:11:27,680 --> 00:11:31,520
Per això, vam posar el nou n en el nostre camp n.

246
00:11:31,520 --> 00:11:36,050
I posem el següent punter per apuntar a
el cap original, pel que podem

247
00:11:36,050 --> 00:11:38,900
ara han introduït aquest
node al llistat.

248
00:11:38,900 --> 00:11:44,600
>> Finalment, tenim el punt de cap global
al nostre nou node, de manera que si haguéssim de

249
00:11:44,600 --> 00:11:50,300
començar al cap, estaríem en aquest
nou primer node en lloc de

250
00:11:50,300 --> 00:11:51,560
l'antic primer node.

251
00:11:51,560 --> 00:11:55,320
I quan surt d'aquesta funció, el
nou node de variable de ja no existeix,

252
00:11:55,320 --> 00:11:57,130
perquè era local a la funció.

253
00:11:57,130 --> 00:11:59,770
Així que aquest és l'estat del món.

254
00:11:59,770 --> 00:12:03,570
El nostre cap global apunta al nostre nou
primer node, el que apunta a la nostra

255
00:12:03,570 --> 00:12:06,346
primer node original, on els punts
al node després d'això.

256
00:12:06,346 --> 00:12:09,790
>> Aquesta va ser la inserció.

257
00:12:09,790 --> 00:12:12,150
Espero que hagi estat relativament
fàcil de seguir.

258
00:12:12,150 --> 00:12:14,300
En cas de dubte, fer un dibuix.

259
00:12:14,300 --> 00:12:17,820
Així que em sembla que parlar de
llistes enllaçades i mirant

260
00:12:17,820 --> 00:12:19,870
codi és molt útil no.

261
00:12:19,870 --> 00:12:23,790
Mentre mira una foto d'un vinculat
llista em permet pensar, oh, tan

262
00:12:23,790 --> 00:12:24,970
Tinc aquest node aquí.

263
00:12:24,970 --> 00:12:28,980
Però si actualitzo aquest punter,
acaba desconnectat.

264
00:12:28,980 --> 00:12:34,340
I m'he oblidat d'on
el node va.

265
00:12:34,340 --> 00:12:35,390
I el codi surt.

266
00:12:35,390 --> 00:12:37,830
I té diversos nodes
que estan desconnectats.

267
00:12:37,830 --> 00:12:39,970
I no acaba amb
la llista que desitgi.

268
00:12:39,970 --> 00:12:43,320
>> Així que si vostè dibuixa la imatge i ho fa
pas a pas, amb sort, podrà veure

269
00:12:43,320 --> 00:12:46,840
l'ordre correcte de les coses en termes de
l'actualització dels indicadors per assegurar

270
00:12:46,840 --> 00:12:48,830
que la llista s'uneix.

271
00:12:48,830 --> 00:12:51,240
Insereix és relativament senzill.

272
00:12:51,240 --> 00:12:55,210
Un un més complicat seria
inserció en una llista ordenada.

273
00:12:55,210 --> 00:12:59,980
Una funció més complicat és eliminar
i trobar, pel que mira a través d'una llista de

274
00:12:59,980 --> 00:13:03,030
veure si hi ha alguna cosa allà.

275
00:13:03,030 --> 00:13:07,220
Potser has fet això pset6 quan
té en la seva taula hash i vas dir:

276
00:13:07,220 --> 00:13:10,460
així, és la paraula poma
en la meva llista enllaçada?

277
00:13:10,460 --> 00:13:11,440
>> Així que és possible que ja hagi fet això.

278
00:13:11,440 --> 00:13:15,530
Però sens dubte, refrescar la memòria
i tractar de tornar a implementar troballa i

279
00:13:15,530 --> 00:13:19,150
reimplementar esborrar d'una llista enllaçada.

280
00:13:19,150 --> 00:13:22,850
Diversió nota al marge, no vinculats doblement també
llistes, on s'ha

281
00:13:22,850 --> 00:13:27,490
punters que apunten tant cap endavant com
cap enrere, de manera que vostè pot anar a la

282
00:13:27,490 --> 00:13:29,270
següent node i per al node anterior.

283
00:13:29,270 --> 00:13:33,860
I hi va haver una pregunta sobre l'any passat
qüestionari d'aquest tipus, parlant

284
00:13:33,860 --> 00:13:36,190
llistes sobre lligada doblement.

285
00:13:36,190 --> 00:13:40,070
>> Ara, això és una estructura que ets
relativament familiaritzats, ja que la majoria

286
00:13:40,070 --> 00:13:42,520
de vostès probablement ells utilitzat en pset6.

287
00:13:42,520 --> 00:13:45,680
Aquí hi ha un que és una mica menys familiar.

288
00:13:45,680 --> 00:13:51,020
Com a nota al marge, crec que la prova 1 és
principalment més dur que el Qüestionari 0, perquè

289
00:13:51,020 --> 00:13:54,600
les coses que estàs fent,
no han fet el mateix.

290
00:13:54,600 --> 00:13:58,100
Per posar d'una altra manera, per a la Prova 0,
hagués escrit una gran quantitat de C. I

291
00:13:58,100 --> 00:13:58,880
li va preguntar sobre C.

292
00:13:58,880 --> 00:14:02,310
>> Per a la prova 1, anem a preguntar-li sobre
PHP i JavaScript, que

293
00:14:02,310 --> 00:14:03,490
no haver escrit la major quantitat de.

294
00:14:03,490 --> 00:14:07,590
Anem a preguntar-li sobre C-codi que
vostè no ha escrit la major quantitat de,

295
00:14:07,590 --> 00:14:09,130
aquesta coses avançades C.

296
00:14:09,130 --> 00:14:11,520
Així que definitivament, la pràctica de la qual la matèria
parlat en la conferència que

297
00:14:11,520 --> 00:14:15,260
no necessàriament fer
en el conjunt de problemes.

298
00:14:15,260 --> 00:14:17,870
>> Parlant d'això, vostè no ha escrit
una pica en un problema establert.

299
00:14:17,870 --> 00:14:19,610
Però va ser a la conferència.

300
00:14:19,610 --> 00:14:22,530
Aquí està la imatge d'alt nivell de
Piles que mostrem tots els anys.

301
00:14:22,530 --> 00:14:26,180
És la pila de safates en
el menjador Mather.

302
00:14:26,180 --> 00:14:30,570
A un alt nivell, les piles són un últim
in, first out estructura de dades.

303
00:14:30,570 --> 00:14:32,040
Això vol dir que vostè va
per posar les coses en -

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

305
00:14:36,400 --> 00:14:39,180
L'única cosa que no podia tenir
va dir - negatiu 3, 0.

306
00:14:39,180 --> 00:14:40,250
Vostè posa totes aquestes coses polz

307
00:14:40,250 --> 00:14:42,940
I l'última que es va introduir en el primer
un que sortirà.

308
00:14:42,940 --> 00:14:44,170
>> Així que hi ha dues operacions -

309
00:14:44,170 --> 00:14:45,260
inserir i extreure.

310
00:14:45,260 --> 00:14:49,180
Tota la posada en que jo era
fent un gest com aquest són d'empenta.

311
00:14:49,180 --> 00:14:52,020
I després quan arribo a agafar
alguna cosa o arribar a la part superior per agafar

312
00:14:52,020 --> 00:14:53,940
alguna cosa, això és pop.

313
00:14:53,940 --> 00:14:55,540
Així que anem a posar en pràctica les piles.

314
00:14:55,540 --> 00:14:57,870
I nosaltres els vam mostrar en la conferència
utilitzant matrius.

315
00:14:57,870 --> 00:14:59,550
Però podries fer
utilitzar llistes enllaçades.

316
00:14:59,550 --> 00:15:01,770
Una pila és un conceptual de dades
estructura, no com un

317
00:15:01,770 --> 00:15:03,760
un d'específic de la implementació.

318
00:15:03,760 --> 00:15:06,420
>> Llavors, què seria això?

319
00:15:06,420 --> 00:15:07,970
Es veuria una cosa així com això.

320
00:15:07,970 --> 00:15:10,840
Vostè tindria una grandària sencer.

321
00:15:10,840 --> 00:15:16,000
I vostè té una matriu de valors que
estem cridant safates, perquè això és

322
00:15:16,000 --> 00:15:18,570
el que era la imatge de
nosaltres - INT safates -

323
00:15:18,570 --> 00:15:21,740
i una mica més de la capacitat màxima.

324
00:15:21,740 --> 00:15:27,100
Així que el empenyeria sembla?

325
00:15:27,100 --> 00:15:33,250
Bé, si tenim un s pila, després d'empènyer
cosa en si, obtindríem

326
00:15:33,250 --> 00:15:34,620
la mida de s.

327
00:15:34,620 --> 00:15:42,270
I això seria la següent
lloc obert de la nostra matriu.

328
00:15:42,270 --> 00:15:50,510
Així que si tenim tres coses en la nostra pila,
a continuació, les safates 3 seria el següent

329
00:15:50,510 --> 00:15:54,290
lloc obert, ja que 0, 1, i
2 ja estan plens.

330
00:15:54,290 --> 00:16:01,790
>> Així que posem el valor en
s.trays [s.size], el tercer lloc.

331
00:16:01,790 --> 00:16:06,290
I després incrementem s.size dir,
bo, vam tenir tres coses abans.

332
00:16:06,290 --> 00:16:07,400
Ara, tenim quatre.

333
00:16:07,400 --> 00:16:10,180
Així que la propera vegada que pressioni, ets
posarà una mica en 4.

334
00:16:10,180 --> 00:16:15,560
O la propera vegada que vostè fa esclatar, vostè va
mirar a les 3 en lloc de 4 o el que sigui.

335
00:16:15,560 --> 00:16:18,000
I després tornarem a la veritable
diguem, bé, ho hem aconseguit.

336
00:16:18,000 --> 00:16:19,160
Això va funcionar.

337
00:16:19,160 --> 00:16:22,060
Com a regla general, si una funció que és
ha de retornar true o

338
00:16:22,060 --> 00:16:26,370
falsa sempre torna true, és possible que
han fet alguna cosa malament.

339
00:16:26,370 --> 00:16:28,350
Així funciona això?

340
00:16:28,350 --> 00:16:32,400
>> Bé, funciona molt bé per a 1, i
2, i 3, i 4, i 5.

341
00:16:32,400 --> 00:16:34,640
Però diguem que arribo a la meva capacitat.

342
00:16:34,640 --> 00:16:38,750
Llavors m'he trobat amb un problema, perquè
si la mida és el mateix que la capacitat, estic

343
00:16:38,750 --> 00:16:43,340
ara tractant de posar alguna cosa en un
matriu en la qual no tinc espai.

344
00:16:43,340 --> 00:16:46,980
Així que un curt de verificació per solucionar aquest problema.

345
00:16:46,980 --> 00:16:51,630
Si s.size CAPACITAT ==, tornarà false.

346
00:16:51,630 --> 00:16:54,130
En cas contrari, anem i fem el que vam fer.

347
00:16:54,130 --> 00:16:55,660
Què més es pot demanar
sobre les piles?

348
00:16:55,660 --> 00:16:56,460
Què més ha d'estudiar?

349
00:16:56,460 --> 00:16:57,690
Què més ha de practicar?

350
00:16:57,690 --> 00:17:01,030
>> Doncs bé, l'aplicació de pop.

351
00:17:01,030 --> 00:17:02,370
Ja ho vam fer empenta.

352
00:17:02,370 --> 00:17:04,280
Vaig a arreglar això.

353
00:17:04,280 --> 00:17:08,180
Una aplicació no matriu, on
s'utilitza una llista enllaçada, potser.

354
00:17:08,180 --> 00:17:09,390
Una aplicació no int.

355
00:17:09,390 --> 00:17:10,940
Vam ints aquí.

356
00:17:10,940 --> 00:17:11,880
Però podria haver estat carrosses.

357
00:17:11,880 --> 00:17:13,010
Jo podria haver estat cadenes.

358
00:17:13,010 --> 00:17:14,290
Podria haver estat estrelles característiques.

359
00:17:14,290 --> 00:17:17,960
Mira concursos anteriors per als tipus de
preguntes que li hem demanat sobre les piles.

360
00:17:17,960 --> 00:17:20,000
>> Vaig a dir que hem cobert munts voltant
el mateix que nosaltres els hem cobert en

361
00:17:20,000 --> 00:17:20,540
any passat.

362
00:17:20,540 --> 00:17:24,400
Així que les preguntes del qüestionari han de
ser una bona indicació.

363
00:17:24,400 --> 00:17:27,010
Avançant encara més ràpid, les cues.

364
00:17:27,010 --> 00:17:28,200
Són com les piles.

365
00:17:28,200 --> 00:17:29,960
Però són primer a entrar, primer a sortir.

366
00:17:29,960 --> 00:17:33,530
Si vostè és britànic, cua de la paraula
probablement fet un munt de sentit per a vostè.

367
00:17:33,530 --> 00:17:36,390
En cas contrari, és possible que tingui
sentit parlar d'ell com una línia.

368
00:17:36,390 --> 00:17:38,120
Funcionen com la línia
a la botiga d'Apple.

369
00:17:38,120 --> 00:17:40,740
La primera persona a presentar-se a les 3:00
al matí és el primer

370
00:17:40,740 --> 00:17:42,880
persona per comprar el seu iPad.

371
00:17:42,880 --> 00:17:44,260
>> Així que tenim dues operacions -

372
00:17:44,260 --> 00:17:45,720
enqueue i treure de la cua.

373
00:17:45,720 --> 00:17:47,560
Enqueue posa a algú en la línia.

374
00:17:47,560 --> 00:17:50,070
Treure de la cua tira de la primera
persona fora de la línia.

375
00:17:50,070 --> 00:17:52,640
Un cop més, podem implementar
això amb una matriu.

376
00:17:52,640 --> 00:17:54,880
Llavors, quina és l'estructura que
va mostrar en la conferència?

377
00:17:54,880 --> 00:17:57,660
Era aquest.

378
00:17:57,660 --> 00:17:59,300
Un cop més, els números.

379
00:17:59,300 --> 00:18:02,020
Un cop més, la mida i aquest nou front cosa.

380
00:18:02,020 --> 00:18:04,880
Per què hi ha una cosa que es diu front?

381
00:18:04,880 --> 00:18:07,050
És l'índex del següent
element per treure de la cua.

382
00:18:07,050 --> 00:18:12,210
És només mantenir internament un registre de
el primer home a aparèixer, de manera que

383
00:18:12,210 --> 00:18:15,005
pot treure quan ho necessitem.

384
00:18:15,005 --> 00:18:19,322
>> Definitivament mirar les notes de classe i intentar
per implementar i posar en cua dequeue

385
00:18:19,322 --> 00:18:21,700
l'hora d'estudiar per a l'examen.

386
00:18:21,700 --> 00:18:23,190
Aspectes importants en què pensar.

387
00:18:23,190 --> 00:18:27,260
Embolicar al voltant de si la part davantera, més la
mida acaba més gran que la capacitat.

388
00:18:27,260 --> 00:18:32,670
Un cop més, si la seva estructura està plena,
vostè va a tenir un problema.

389
00:18:32,670 --> 00:18:34,780
Hash taules que has vist abans.

390
00:18:34,780 --> 00:18:39,820
La majoria de vostès probablement implementat
aquests en pset6.

391
00:18:39,820 --> 00:18:44,210
És una estructura que es proposa per l'O (1)
inserció constant de temps i O (1)

392
00:18:44,210 --> 00:18:46,430
recerca constant de temps.

393
00:18:46,430 --> 00:18:49,760
>> En CS50, implementem això com
una sèrie de llistes enllaçades.

394
00:18:49,760 --> 00:18:53,690
El component clau d'una taula hash
és la funció hash.

395
00:18:53,690 --> 00:18:58,350
Pel que converteix la seva entrada, diguem,
una paraula del diccionari, en un nombre,

396
00:18:58,350 --> 00:18:59,560
que serà el nostre índex.

397
00:18:59,560 --> 00:19:01,410
I utilitzarem aquest índex
en la nostra matriu.

398
00:19:01,410 --> 00:19:05,374
Així que aquí hi ha una imatge poc valent
des study.50.net.

399
00:19:05,374 --> 00:19:08,060
Ens tirem totes les paraules en
nostra funció hash.

400
00:19:08,060 --> 00:19:10,950
I la funció de dispersió ens diu
on posar aquestes paraules.

401
00:19:10,950 --> 00:19:15,650
>> Això és tot el gran a la terra on
només hi ha una paraula per a cada ranura.

402
00:19:15,650 --> 00:19:20,480
Però a mesura que vostè recorda de pset6, hi ha
són més paraules que les franges horàries.

403
00:19:20,480 --> 00:19:23,080
Llavors, què passa quan es
obtenir una col · lisió?

404
00:19:23,080 --> 00:19:26,730
En lloc d'emmagatzemar un valor en,
diguem, taula hash 3, que

405
00:19:26,730 --> 00:19:27,990
emmagatzemar una llista enllaçada.

406
00:19:27,990 --> 00:19:32,900
I així, en lloc de tenir el meló
aquí, vostè tindria una llista enllaçada,

407
00:19:32,900 --> 00:19:34,190
on el primer node és el meló.

408
00:19:34,190 --> 00:19:35,260
I el següent node és el gat.

409
00:19:35,260 --> 00:19:38,970
I el tercer node és de col · lisió, anem a
dir, perquè totes aquestes paraules comencen

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

411
00:19:41,110 --> 00:19:42,700
>> Així que la majoria de vostès ho van fer això per pset6.

412
00:19:42,700 --> 00:19:45,685
Si no vas fer una taula hash en pset6
i que ha intentat una mena

413
00:19:45,685 --> 00:19:47,720
01:00 trie, sens dubte revisar les taules hash.

414
00:19:47,720 --> 00:19:50,650
Si ho vas fer en pset6, definitivament
revisar les taules hash.

415
00:19:50,650 --> 00:19:53,610
I si ho vas fer a pset6 i no ho va fer
treballar del tot bé i vostè

416
00:19:53,610 --> 00:19:56,150
tenia un munt de problemes amb ell, sens dubte
revisar les taules hash.

417
00:19:56,150 --> 00:20:01,610
Així que la lliçó de veritat és, sens dubte
revisar les taules hash.

418
00:20:01,610 --> 00:20:07,130
>> La immensa minoria dels que va tractar
terme tracta sobre pset6.

419
00:20:07,130 --> 00:20:08,570
Imatge d'alt nivell.

420
00:20:08,570 --> 00:20:15,150
És una cosa com això, on cada
node té un conjunt de nens, on cada

421
00:20:15,150 --> 00:20:17,100
nen correspon a una lletra.

422
00:20:17,100 --> 00:20:20,520
I cada node també diu,
bo, jo sóc una paraula.

423
00:20:20,520 --> 00:20:25,933
Així que en aquest exemple, la paraula Maxwell,
si se segueix la M a la A a la

424
00:20:25,933 --> 00:20:28,530
X-W-E-L-L i després seguir una més.

425
00:20:28,530 --> 00:20:32,800
A més, gaudiràs d'aquest símbol, delta, que
signifiquem en el sentit que és una paraula.

426
00:20:32,800 --> 00:20:34,780
Així que Maxwell és una paraula.

427
00:20:34,780 --> 00:20:38,430
Aquests deltes són en tot significant
quines coses són les paraules i el que

428
00:20:38,430 --> 00:20:40,360
les coses no són.

429
00:20:40,360 --> 00:20:46,400
>> Així que en pset6, les dades que emmagatzema
juntament amb qualsevol dels nostres nodes era "Jo sóc un

430
00:20:46,400 --> 00:20:52,630
paraula. "I el bo de tries
es demostren la inserció i

431
00:20:52,630 --> 00:20:55,080
les operacions de recerca en temps O (longitud d'una paraula).

432
00:20:55,080 --> 00:20:59,450
Així que per aconseguir a través de Maxwell, és
M-A-X-W-E-L-L. Així que set o vuit anys -

433
00:20:59,450 --> 00:21:00,360
No puc explicar -

434
00:21:00,360 --> 00:21:03,920
passos per arribar a la final
i comprovar les coses.

435
00:21:03,920 --> 00:21:06,800
Així aplicació ràpida aquí.

436
00:21:06,800 --> 00:21:10,230
Rob va passar per una vinculada
enumerar en el seu post mortem.

437
00:21:10,230 --> 00:21:11,600
Per tal de comprovar que fos.

438
00:21:11,600 --> 00:21:11,720
Ho sento.

439
00:21:11,720 --> 00:21:13,240
Va ser a través d'un trie en el seu post mortem.

440
00:21:13,240 --> 00:21:14,260
Per tal de comprovar que fos.

441
00:21:14,260 --> 00:21:24,410
>> Però, bàsicament, que cada node té 27
punters als següents nodes i un

442
00:21:24,410 --> 00:21:27,050
Boolean estic jo una paraula.

443
00:21:27,050 --> 00:21:31,530
Fes una ullada a postmortem de Rob com la forma en
això realment es porta a terme.

444
00:21:31,530 --> 00:21:34,750
La nostra estructura final, els nostres arbres
i arbres binaris de cerca.

445
00:21:34,750 --> 00:21:41,530
Així que mirant aquests, aquests van ser coberts
més recentment la setmana 8, dilluns.

446
00:21:41,530 --> 00:21:46,960
Un arbre és similar a un trie, llevat que
no necessàriament han 27 nodes en

447
00:21:46,960 --> 00:21:47,500
cada punt.

448
00:21:47,500 --> 00:21:52,820
I vostè no té aquestes dades en cada
pas que significa si el -

449
00:21:52,820 --> 00:21:54,030
el camí no importa.

450
00:21:54,030 --> 00:22:00,870
Mentre que un trie, el camí de dalt a
inferior, Maxwell, era important per a nosaltres.

451
00:22:00,870 --> 00:22:05,270
>> No obstant això, cada node té múltiples
els nens, potser.

452
00:22:05,270 --> 00:22:07,290
Tenim una mica més de vocabulari.

453
00:22:07,290 --> 00:22:09,530
L'arrel de l'arbre
que està a la part superior.

454
00:22:09,530 --> 00:22:12,520
I diem que el situat més avall
nodes que no tenen

455
00:22:12,520 --> 00:22:14,530
els nens són les fulles.

456
00:22:14,530 --> 00:22:18,040
Així com un trie, un arbre és
una estructura de nodes.

457
00:22:18,040 --> 00:22:21,490
Un tipus comú d'arbre que anem
parlar és d'un arbre binari, on

458
00:22:21,490 --> 00:22:26,040
cada node no té fills o
un nen o dos.

459
00:22:26,040 --> 00:22:28,890
Així que la imatge aquí no és
un arbre binari, perquè

460
00:22:28,890 --> 00:22:32,890
node 3 té tres fills.

461
00:22:32,890 --> 00:22:38,140
>> Però si haguéssim de fer cas omís d'ells, la resta
que és un arbre binari, ja que

462
00:22:38,140 --> 00:22:43,200
demostra la propietat que cada node
té zero, un o dos fills.

463
00:22:43,200 --> 00:22:46,400
Llavors, com podríem expressar això en codi?

464
00:22:46,400 --> 00:22:51,460
Podríem tenir un node en el qual cada node té
un nombre enter dins d'ella, així

465
00:22:51,460 --> 00:22:55,590
com un punter a l'arbre de l'esquerra
i un punter a l'arbre al

466
00:22:55,590 --> 00:22:59,510
dret, de manera que els dos nens.

467
00:22:59,510 --> 00:23:00,880
Com és això útil?

468
00:23:00,880 --> 00:23:05,740
Bé, si fem regles sobre on som
posar nodes, podem fer la cerca més ràpida.

469
00:23:05,740 --> 00:23:10,630
>> Així que hi ha un concepte d'una recerca binària
arbre, on tots els nodes en la

470
00:23:10,630 --> 00:23:14,420
subarbre esquerre té un valor menor
que el node que estem veient.

471
00:23:14,420 --> 00:23:17,880
I tots els nodes en el subarbre dret
tenir un valor més gran

472
00:23:17,880 --> 00:23:18,660
que el node arrel.

473
00:23:18,660 --> 00:23:20,670
Ara, que s'assembla a un munt de paraules.

474
00:23:20,670 --> 00:23:23,770
Vaig a posar-lo en l'interior de la doble
cites i mostrar una imatge.

475
00:23:23,770 --> 00:23:27,010
Així que aquí és un exemple de
un arbre de cerca binària.

476
00:23:27,010 --> 00:23:28,770
Veiem que vam començar amb 10.

477
00:23:28,770 --> 00:23:31,780
Tot a l'esquerra
10 és menor que ella.

478
00:23:31,780 --> 00:23:33,130
I tot a la dreta
és més gran que ell.

479
00:23:33,130 --> 00:23:37,620
>> Però més que això, cada node
l'arbre expressa aquesta propietat.

480
00:23:37,620 --> 00:23:42,110
Per tant el node 7 té un 3 a la
a l'esquerra i 9 a la dreta.

481
00:23:42,110 --> 00:23:44,440
Així que tots els que són més petits que 10.

482
00:23:44,440 --> 00:23:50,470
No obstant això, mirant només als que, el 7 té
3 a la seva esquerra i 9 a la dreta.

483
00:23:50,470 --> 00:23:56,100
I de la mateixa manera a la dreta, 15 té 14
a la seva esquerra i 50 a la dreta.

484
00:23:56,100 --> 00:24:03,770
Així que els tres nodes d'allà, 15, 14,
i 50, són també un arbre binari vàlid

485
00:24:03,770 --> 00:24:05,480
o un arbre de cerca binària vàlida.

486
00:24:05,480 --> 00:24:07,250
I tots són majors de 10.

487
00:24:07,250 --> 00:24:08,960
Així que els permeti ser
a la dreta allà.

488
00:24:08,960 --> 00:24:09,940
Hi ha alguna pregunta?

489
00:24:09,940 --> 00:24:12,580
>> AUDIÈNCIA: Com fer front al
vostè té dues sets?

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

491
00:24:12,850 --> 00:24:16,550
Com tractar amb dos valors
que són els mateixos?

492
00:24:16,550 --> 00:24:21,465
Alguns arbres binaris de cerca diuen que
ignorar els duplicats, perquè l'objectiu és

493
00:24:21,465 --> 00:24:24,280
només per dir, he vist
aquestes coses fins ara.

494
00:24:24,280 --> 00:24:28,120
Alguns arbres de cerca binaris es podria dir
tenir un recompte dins del node.

495
00:24:28,120 --> 00:24:32,000
Altres podrien dir que tot el que
l'esquerra és menor que o igual a.

496
00:24:32,000 --> 00:24:33,470
I tot a la dreta
és més gran que.

497
00:24:33,470 --> 00:24:36,520
>> Només depèn del que el
problema és que s'està resolent.

498
00:24:36,520 --> 00:24:40,840
Així que en un diccionari, per exemple, vostè
no es preocupen pels duplicats.

499
00:24:40,840 --> 00:24:41,490
Es podria tirar.

500
00:24:41,490 --> 00:24:44,719
Però algun altre problema que podria tenir cura.

501
00:24:44,719 --> 00:24:49,242
>> AUDIÈNCIA: És possible tenir
un 1 a l'esquerra 15, el qual

502
00:24:49,242 --> 00:24:50,590
és menor de 10?

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

504
00:24:51,885 --> 00:24:56,570
Si el 14 aquí eren un 1, això
no ser un arbre binari de recerca vàlid,

505
00:24:56,570 --> 00:25:00,840
perquè tot a la dreta del
10 ha de ser més gran que ell.

506
00:25:00,840 --> 00:25:02,300
I anem a veure per què.

507
00:25:02,300 --> 00:25:07,960
Si en la terra de la recerca el meu objectiu és
trobar 14, començament a l'arrel.

508
00:25:07,960 --> 00:25:08,500
Així que em veig.

509
00:25:08,500 --> 00:25:08,710
D'acord.

510
00:25:08,710 --> 00:25:10,670
Anem a començar a l'arrel.

511
00:25:10,670 --> 00:25:12,500
Mira octubre.

512
00:25:12,500 --> 00:25:16,050
>> Bé, 14, el nostre objectiu,
és més gran que 10.

513
00:25:16,050 --> 00:25:17,370
Així que ha de ser a la dreta.

514
00:25:17,370 --> 00:25:21,780
Això és molt similar a tot el telèfon
Això del llibre que vam fer, el binari

515
00:25:21,780 --> 00:25:23,720
buscar allà.

516
00:25:23,720 --> 00:25:26,430
Però en lloc de la recerca binària
en una matriu, estem binari

517
00:25:26,430 --> 00:25:28,490
recerca en aquest arbre.

518
00:25:28,490 --> 00:25:31,260
Així que encara estem buscant a 14.

519
00:25:31,260 --> 00:25:32,480
Bé, 14 és menor que 15.

520
00:25:32,480 --> 00:25:36,430
Així que si està en el nostre arbre, ha
estar en aquesta zona d'aquí.

521
00:25:36,430 --> 00:25:39,680
Ha d'estar a la dreta del
10 i a l'esquerra 15.

522
00:25:39,680 --> 00:25:42,250
>> I així, vam comprovar aquest node.

523
00:25:42,250 --> 00:25:45,790
I yay, hem trobat 14.

524
00:25:45,790 --> 00:25:46,760
Jo no vaig a caminar a través d'ell.

525
00:25:46,760 --> 00:25:48,090
Però aquí està el codi.

526
00:25:48,090 --> 00:25:49,690
De fet, és relativament
senzill,

527
00:25:49,690 --> 00:25:52,630
perquè això és recursiu.

528
00:25:52,630 --> 00:25:55,420
Què podríem demanar-te que facis en un concurs?

529
00:25:55,420 --> 00:25:57,000
Podríem demanar-li que escrigui aquest codi.

530
00:25:57,000 --> 00:25:59,170
Podríem demanar-li que miri aquest codi
i modificar el codi i explicar el

531
00:25:59,170 --> 00:26:00,210
que està fent.

532
00:26:00,210 --> 00:26:00,390
Sí

533
00:26:00,390 --> 00:26:00,770
Consulta?

534
00:26:00,770 --> 00:26:04,240
>> AUDIÈNCIA: Són aquestes diapositives seran
posat a disposició com estaven l'última vegada?

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

536
00:26:04,740 --> 00:26:06,460
Així que aquestes diapositives definitivament
ser publicat.

537
00:26:06,460 --> 00:26:08,640
>> AUDIÈNCIA: En realitat es publiquin
en aquest moment en la pàgina web.

538
00:26:08,640 --> 00:26:10,020
David acaba de fer això.

539
00:26:10,020 --> 00:26:12,720
>> R.J. AQUINO: Els tobogans són
en aquest moment en la pàgina web.

540
00:26:12,720 --> 00:26:16,420
Probablement vaig a apedaçar un parell de
els typos em van assenyalar i corregir-los.

541
00:26:16,420 --> 00:26:19,940
Però hi ha un corrent
versió en el lloc.

542
00:26:19,940 --> 00:26:21,820
Altres coses que podríem demanar-te que facis -

543
00:26:21,820 --> 00:26:23,790
escriure inserció.

544
00:26:23,790 --> 00:26:27,490
Escriure una versió iterativa del
funció recursiva que només et va mostrar

545
00:26:27,490 --> 00:26:32,520
o parlar d'aquestes coses, com en
paràgrafs, en paraules, en frases.

546
00:26:32,520 --> 00:26:35,760
La comparació dels temps d'execució i explicar
el que es desitja utilitzar un binari

547
00:26:35,760 --> 00:26:39,200
arbre de cerca en lloc d'una
la taula de hash, per exemple.

548
00:26:39,200 --> 00:26:43,580
>> Així entendre aquestes estructures
a un nivell molt profund.

549
00:26:43,580 --> 00:26:47,440
Entendre com escriure, com
utilitzar-los, com parlar-ne.

550
00:26:47,440 --> 00:26:50,270
I vostè estarà tot llest.

551
00:26:50,270 --> 00:26:50,630
Consulta?

552
00:26:50,630 --> 00:26:55,070
>> AUDIÈNCIA: Quan s'està escrivint el
arbre binari de recerca, com

553
00:26:55,070 --> 00:27:01,460
determinar quin valor
que sigui com l'arrel?

554
00:27:01,460 --> 00:27:06,120
>> R.J. AQUINO: tant el dubte era: què
valor Com es fa com l'arrel?

555
00:27:06,120 --> 00:27:08,760
Depenent del seu codi,
pot tenir una arrel global.

556
00:27:08,760 --> 00:27:14,290
Així que vostè pot haver tingut probablement en
pset6 una taula hash global.

557
00:27:14,290 --> 00:27:18,640
O es pot desmaiar l'arrel
com a argument.

558
00:27:18,640 --> 00:27:23,810
Així que aquesta funció de cerca aquí
pren un argument un node *.

559
00:27:23,810 --> 00:27:27,420
I així ho node que resulten ser
mirant és el que vostè està tractant

560
00:27:27,420 --> 00:27:31,510
com la seva arrel quan es passa polz

561
00:27:31,510 --> 00:27:32,320
I estic llest.

562
00:27:32,320 --> 00:27:33,480
Aquests són els meus diapositives.

563
00:27:33,480 --> 00:27:35,940
La següent persona pot venir d'intercanvi
en un ordinador portàtil i micròfon.

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

565
00:27:47,390 --> 00:27:49,760
>> ROB Bowden: Crec que podria tenir
interpretat aquesta pregunta de manera diferent.

566
00:27:49,760 --> 00:27:53,826
Però jo interpretat com, si vostè té
els números 1, 2, i 3, com

567
00:27:53,826 --> 00:27:56,720
saber per fer 2 l'arrel
en lloc d'1 o 3?

568
00:27:56,720 --> 00:27:59,480
Si fem 2 l'arrel, llavors és molt ben
1 i 3 a l'esquerra i dreta.

569
00:27:59,480 --> 00:28:04,610
Però si 1 és l'arrel, llavors és 1 a la
superior, 2 dreta, 3 a la dreta.

570
00:28:04,610 --> 00:28:10,880
Així que per defecte, vostè no sap
què fer amb l'arrel.

571
00:28:10,880 --> 00:28:15,400
I per a qualsevol algorisme que estem esperant
donar-li, només el primer que

572
00:28:15,400 --> 00:28:16,680
inserció seria l'arrel.

573
00:28:16,680 --> 00:28:19,890
O t'agradaria donar-li un arbre binari que
que ja existeix que té una arrel.

574
00:28:19,890 --> 00:28:24,760
Però altres algorismes tals que existeix
l'arrel s'actualitzarà, pel que si vostè

575
00:28:24,760 --> 00:28:28,370
acabar en la situació en la qual és 1, 2,
3, s'actualitzaria automàticament a

576
00:28:28,370 --> 00:28:30,900
fer 2 la nova arrel, de manera que
És encara molt ben equilibrat.

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
Hey, nois.

580
00:28:36,170 --> 00:28:37,810
Sóc Angela.

581
00:28:37,810 --> 00:28:42,490
I vaig a acabar el nostre C
i després anar a alguns de la nostra web

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

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

584
00:28:46,570 --> 00:28:49,610
Així que el primer és memòria intermèdia
atacs de desbordament.

585
00:28:49,610 --> 00:28:53,070
Així que donem una ullada a aquest codi.

586
00:28:53,070 --> 00:28:54,260
És bastant simple.

587
00:28:54,260 --> 00:28:55,460
Hi ha una funció foo.

588
00:28:55,460 --> 00:28:56,990
I no retorna res.

589
00:28:56,990 --> 00:29:00,950
Però es necessita un punter
a una cadena anomenada bar.

590
00:29:00,950 --> 00:29:04,920
>> I es va a declarar aquest
tampó, que és un caràcter

591
00:29:04,920 --> 00:29:07,690
gamma que compta amb 12 ranures.

592
00:29:07,690 --> 00:29:11,730
I utilitza memcpy, que és només un
funció que còpia d'una direcció

593
00:29:11,730 --> 00:29:12,910
en un altre.

594
00:29:12,910 --> 00:29:19,400
Així que això és tractar de copiar a
nostra tampó del

595
00:29:19,400 --> 00:29:21,140
bar està assenyalant.

596
00:29:21,140 --> 00:29:24,640
Així que qualsevol idea del que està malament
amb aquest codi?

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

598
00:29:27,568 --> 00:29:30,830
>> AUDIÈNCIA: Si la barra és més llarga que
C, que es sobreposen.

599
00:29:30,830 --> 00:29:31,520
>> ANGELA LI: Sí, exactament.

600
00:29:31,520 --> 00:29:34,200
No tenim cap garantia que la barra
serà inferior a 12.

601
00:29:34,200 --> 00:29:36,080
Acabem de fer un número arbitrari 12.

602
00:29:36,080 --> 00:29:38,380
I ens vam dir, esperem que
nostra entrada de l'usuari és menor d'

603
00:29:38,380 --> 00:29:40,440
12 caràcters de llarg.

604
00:29:40,440 --> 00:29:46,320
Així que en un món ideal, si la nostra entrada és
sempre com s'espera, a continuació, ens posarem en contacte

605
00:29:46,320 --> 00:29:47,550
alguna cosa així com: hola.

606
00:29:47,550 --> 00:29:48,920
Això és menys de 12 caràcters.

607
00:29:48,920 --> 00:29:51,870
Això es llegeix en char c.

608
00:29:51,870 --> 00:29:53,280
I llavors fem alguna cosa amb ell.

609
00:29:53,280 --> 00:29:54,800
En realitat no importa.

610
00:29:54,800 --> 00:29:59,740
>> Però una persona amb males intencions pot fer
una mica de la mateixa família, en el qual

611
00:29:59,740 --> 00:30:04,760
ens donarà tot el bar està assenyalant,
que va a apuntar a aquest enorme varietat

612
00:30:04,760 --> 00:30:06,280
de tan sols d'un.

613
00:30:06,280 --> 00:30:10,680
I aquesta és la forma que més de 12.

614
00:30:10,680 --> 00:30:13,830
Així que va a anar fins al final
aquí sota perquè el rendiment

615
00:30:13,830 --> 00:30:15,420
direcció que solia ser.

616
00:30:15,420 --> 00:30:17,860
Així que diguem que aquesta funció
es diu foo.

617
00:30:17,860 --> 00:30:20,970
Potser foo va ser cridat per algun altre
funció, que va ser cridat pel principal.

618
00:30:20,970 --> 00:30:24,890
Així que quan foo està en execució, cal
saber on tornar.

619
00:30:24,890 --> 00:30:29,130
>> Si foo va ser cridat per alguna funció anomenada
baz, ha de saber que és

620
00:30:29,130 --> 00:30:30,250
ha de tornar a baz.

621
00:30:30,250 --> 00:30:34,040
I això és el que la direcció del remitent
aquí ens està dient.

622
00:30:34,040 --> 00:30:38,340
Però si sobreescriure'l amb un altre
direcció, en aquest cas, es tracta d'un

623
00:30:38,340 --> 00:30:42,650
representació de la direcció en el
principi d'aquest memòria intermèdia, llavors

624
00:30:42,650 --> 00:30:45,240
el que realment passarà és que
en lloc de tornar de nou a baz,

625
00:30:45,240 --> 00:30:48,470
que crida a la nostra funció, és només
anirà a la part davantera d'aquest codi.

626
00:30:48,470 --> 00:30:53,930
>> I si això hi era perquè un
amic hacker maliciós vi i

627
00:30:53,930 --> 00:30:56,820
injectat això, llavors potser aquesta quantitat
d'és no és realment Atlètics.

628
00:30:56,820 --> 00:31:02,030
I en realitat és només el codi que es trenca
l'ordinador o alguna cosa així.

629
00:31:02,030 --> 00:31:05,930
Així que per estar a la defensiva sobre aquest tipus de
cosa, ha d'assumir que mai

630
00:31:05,930 --> 00:31:09,120
l'entrada de l'usuari és un cert
quantitat de caràcters.

631
00:31:09,120 --> 00:31:13,310
Per exemple, quan vostè estava fent
corrector ortogràfic, que li van dir que les paraules eren

632
00:31:13,310 --> 00:31:15,580
només serà de 40 caràcters
llarg màxim.

633
00:31:15,580 --> 00:31:16,570
I això era bo.

634
00:31:16,570 --> 00:31:20,150
>> Però si no, llavors vostè hauria de
assegureu-vos de només lectura al 45

635
00:31:20,150 --> 00:31:21,520
caràcters a la vegada.

636
00:31:21,520 --> 00:31:24,430
En cas contrari, és possible sobreescriure
seva buffer.

637
00:31:24,430 --> 00:31:26,140
Teniu alguna pregunta respecte això.

638
00:31:26,140 --> 00:31:26,733
Sí

639
00:31:26,733 --> 00:31:28,850
>> AUDIÈNCIA: Podries parlar
una mica més sobre això?

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

641
00:31:29,790 --> 00:31:31,040
Sí

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

643
00:31:32,813 --> 00:31:35,870
>> AUDIÈNCIA: El micròfon és només per a vídeo.

644
00:31:35,870 --> 00:31:37,640
Vaig a tractar de projecte.

645
00:31:37,640 --> 00:31:39,900
Hola, nois.

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

647
00:31:40,920 --> 00:31:45,330
Així que anem a repassar algunes coses en el
Biblioteca CS50, que vostè ha estat utilitzant

648
00:31:45,330 --> 00:31:49,072
tot el semestre, majoritàriament
per obtenir l'entrada de l'usuari.

649
00:31:49,072 --> 00:31:53,140
Com vostès saben, s'inclou el CS50
biblioteca amb només fer CS50.h, que

650
00:31:53,140 --> 00:31:55,660
conté tots els prototips de la
funcions que es poden utilitzar, com

651
00:31:55,660 --> 00:31:58,640
GetString i GetInt, i
GetFloat, etcètera.

652
00:31:58,640 --> 00:32:02,870
I hi ha aquesta una línia en el CS50
biblioteca que defineix una cadena, la qual

653
00:32:02,870 --> 00:32:05,380
vostès tots sabem a hores d'ara
és només un char *.

654
00:32:05,380 --> 00:32:07,900
>> Però donem una ullada a
com funciona GetString.

655
00:32:07,900 --> 00:32:10,010
Aquesta és una versió molt abreujada.

656
00:32:10,010 --> 00:32:15,090
Pot tirar dels arxius de biblioteca CS50
de, crec, manuals.CS50.net.

657
00:32:15,090 --> 00:32:16,750
I es pot llegir a través de
la funció real.

658
00:32:16,750 --> 00:32:19,330
Però això cobreix alguns
les parts importants.

659
00:32:19,330 --> 00:32:23,870
Per això hem creat una mica de memòria intermèdia
amb una certa capacitat.

660
00:32:23,870 --> 00:32:27,570
I el que fem és obtenir un caràcter
alhora de la norma n.

661
00:32:27,570 --> 00:32:30,910
Aquí és on les entrades de l'usuari
text a la consola.

662
00:32:30,910 --> 00:32:33,430
>> Així que llegirem en un
caràcter, sempre que no sigui un nou

663
00:32:33,430 --> 00:32:37,220
línia i no és el final d'arxiu, que
és el final de l'entrada estàndard.

664
00:32:37,220 --> 00:32:45,690
I per cada caràcter que llegim a,
si aquest personatge acaba afegint

665
00:32:45,690 --> 00:32:50,120
per al nombre de caràcters que hem llegit
i això és més que la nostra capacitat,

666
00:32:50,120 --> 00:32:53,490
llavors el que fem és simplement redimensionar la nostra
buffer de manera que és el doble de temps.

667
00:32:53,490 --> 00:32:56,950
Així que de nou, això protegeix contra tampó
atacs de desbordament, ja que vostè llegeix en

668
00:32:56,950 --> 00:32:58,315
un caràcter alhora.

669
00:32:58,315 --> 00:33:02,290
I si en algun moment vostè llegeix en massa
molts, que acaba d'ampliar la seva buffer.

670
00:33:02,290 --> 00:33:03,330
Es multipliquen per dos.

671
00:33:03,330 --> 00:33:05,510
I llavors vostè té més espai.

672
00:33:05,510 --> 00:33:09,120
>> En cas contrari, només ha d'afegir
un personatge per esmorteir.

673
00:33:09,120 --> 00:33:15,080
I després d'haver llegit a tot el
caràcters, s'encongirà el tampó

674
00:33:15,080 --> 00:33:18,510
tornar a la mida normal, afegir un
terminador nul, i després tornar.

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

676
00:33:21,880 --> 00:33:24,960
Ara, donem una ullada a GetInt.

677
00:33:24,960 --> 00:33:27,700
Poden vostès llegir això?

678
00:33:27,700 --> 00:33:30,710
Puc acostar una mica.

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

680
00:33:33,410 --> 00:33:34,660
No sé com funcionen els ordinadors.

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

682
00:33:40,840 --> 00:33:41,270
No importa.

683
00:33:41,270 --> 00:33:42,520
No puc acostar correctament.

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

685
00:33:47,500 --> 00:33:48,770
>> Això és realment difícil.

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

687
00:33:49,180 --> 00:33:51,490
Anem a mirar això.

688
00:33:51,490 --> 00:33:57,140
Així que el que fa és GetInt primer llegeix
en una cadena de GetString, que

689
00:33:57,140 --> 00:33:59,250
hem implementat abans.

690
00:33:59,250 --> 00:34:02,945
I la part més important a tenir en compte aquí
és si aquest intercanvi que acaba

691
00:34:02,945 --> 00:34:06,400
la lectura és com en realitat no una cadena,
llavors ens tornem a INT_MAX

692
00:34:06,400 --> 00:34:09,409
representar el fracàs.

693
00:34:09,409 --> 00:34:12,645
Per què ens tornem INT_MAX lloc
de negativa 1 o 1?

694
00:34:12,645 --> 00:34:13,895
Alguna idea?

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

696
00:34:16,853 --> 00:34:19,350
>> AUDIÈNCIA: [inaudible]
1 negatiu a un.

697
00:34:19,350 --> 00:34:20,070
>> ANGELA LI: Sí, exactament.

698
00:34:20,070 --> 00:34:24,560
Així que vostè és molt més probable que només volen
a l'entrada 1 o negatiu gener quan se li demani

699
00:34:24,560 --> 00:34:27,469
per a un n-èsim i qualsevol que sigui Maxes n-èsim.

700
00:34:27,469 --> 00:34:27,969
És enorme.

701
00:34:27,969 --> 00:34:29,690
Vostè probablement no va a utilitzar.

702
00:34:29,690 --> 00:34:32,690
Així que això és com una decisió de disseny per
assegurar-se que no accidentalment

703
00:34:32,690 --> 00:34:38,540
retornarà un error o no torna
1, el que podria ser analitzat

704
00:34:38,540 --> 00:34:41,199
com a resposta correcta.

705
00:34:41,199 --> 00:34:45,110
Així que si una línia no existeix,
tornem INT-MAX.

706
00:34:45,110 --> 00:34:48,090
En cas contrari, s'utilitza sscanf,
que és com scanf.

707
00:34:48,090 --> 00:34:49,449
Però es llegeix en una cadena.

708
00:34:49,449 --> 00:34:54,310
>> I tenim aquesta formatada
cadena, que és% i% c.

709
00:34:54,310 --> 00:34:57,440
I tractar de coincidir amb la qual
el que l'usuari ens va donar.

710
00:34:57,440 --> 00:35:01,420
Volem que el nombre de coses coincidents
que és 1, el que significa que només

711
00:35:01,420 --> 00:35:04,940
realment vol perquè coincideixi amb un nombre enter
envoltat de tal blanc

712
00:35:04,940 --> 00:35:06,840
espai, potser no.

713
00:35:06,840 --> 00:35:10,710
En aquest cas, si es posa en alguna cosa
com a bar, no coincideix en absolut,

714
00:35:10,710 --> 00:35:14,400
perquè cal que hi hagi
un enter des del principi.

715
00:35:14,400 --> 00:35:17,060
Així que mai es va tornar sscan 0.

716
00:35:17,060 --> 00:35:19,640
Així que vostè no torna això.

717
00:35:19,640 --> 00:35:23,850
>> Alternativament, si es posa en alguna cosa
com 1, 2, 3, A, B, C, que partits

718
00:35:23,850 --> 00:35:27,180
tant el nombre enter sinó també
el personatge després d'ella.

719
00:35:27,180 --> 00:35:29,990
Així sscanf tornarà 2, que
tampoc és ideal.

720
00:35:29,990 --> 00:35:34,620
No vol que 1, 2, 3, A,
B, C per ser un int vàlida.

721
00:35:34,620 --> 00:35:36,990
Així que també no funciona.

722
00:35:36,990 --> 00:35:38,530
Però diuen que poses en una cosa així com 50.

723
00:35:38,530 --> 00:35:42,460
Això coincideix amb el% i, el que significa
aconseguirà llegir en n.

724
00:35:42,460 --> 00:35:44,790
I ara, n contindrà el número 50.

725
00:35:44,790 --> 00:35:46,110
I llavors vostè pot tornar.

726
00:35:46,110 --> 00:35:49,270
>> En cas contrari, vostè colpeja Reintenta.

727
00:35:49,270 --> 00:35:55,790
I llavors, només es va una altra vegada fins
s'obté una entrada adequada a l'usuari.

728
00:35:55,790 --> 00:35:56,891
Teniu alguna pregunta respecte això?

729
00:35:56,891 --> 00:36:02,182
>> AUDIÈNCIA: Així que si anés a imprimir
el valor de la GetInt a [inaudible]

730
00:36:02,182 --> 00:36:06,250
seria només el nombre sencer i màxim?

731
00:36:06,250 --> 00:36:07,440
>> ANGELA LI: Sí

732
00:36:07,440 --> 00:36:11,780
Així que si vostè utilitza GetInt, vostè ha d'assumir
que no vol max nth a

733
00:36:11,780 --> 00:36:15,328
ser una entrada vàlida, perquè et vas
assumir que això era dolent.

734
00:36:15,328 --> 00:36:27,740
>> AUDIÈNCIA: Si no tinguéssim char c i
algú va posar en 1, 2, 3, Sam, oi

735
00:36:27,740 --> 00:36:29,430
seguirà funcionant durant 1, 2, 3?

736
00:36:29,430 --> 00:36:29,750
>> ANGELA LI: Crec que funcionaria.

737
00:36:29,750 --> 00:36:33,340
Però no vol 123Sam a
ser una entrada vàlida per un usuari.

738
00:36:33,340 --> 00:36:34,670
Això no és realment un int.

739
00:36:34,670 --> 00:36:36,840
Per tant, no em sembla just
analitzar com un int.

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

741
00:36:40,910 --> 00:36:42,160
D'acord.

742
00:36:42,160 --> 00:36:45,800
En aquest cas, anem a passar
a l'Internet.

743
00:36:45,800 --> 00:36:49,120
Així que HTTP no és un idioma.

744
00:36:49,120 --> 00:36:56,060
HTTP és el conjunt de normes per
la forma d'enviar coses als clients,

745
00:36:56,060 --> 00:36:57,280
aquest és vostè, als servidors.

746
00:36:57,280 --> 00:36:59,730
Aquesta és la gent a la web.

747
00:36:59,730 --> 00:37:02,900
>> Així que HTTP és sinònim d'hipertext
Protocol de transferència.

748
00:37:02,900 --> 00:37:04,610
És el cor i l'ànima
de tot el web.

749
00:37:04,610 --> 00:37:07,050
La part d'hipertext només
es refereix a HTML.

750
00:37:07,050 --> 00:37:10,690
La transferència és clients com
es va a enviar sol · licituds d'

751
00:37:10,690 --> 00:37:13,060
servidors, que donen respostes.

752
00:37:13,060 --> 00:37:16,380
I el protocol és just, com
que vostè espera d'un servidor es comporti?

753
00:37:16,380 --> 00:37:19,960
I com se suposa que es comportin
de tal manera que es pot agilitar aquest

754
00:37:19,960 --> 00:37:21,920
procés de comunicació?

755
00:37:21,920 --> 00:37:26,650
>> Així que les peticions HTTP s'assemblen molt a això.

756
00:37:26,650 --> 00:37:28,070
GET és el tipus de sol · licitud.

757
00:37:28,070 --> 00:37:31,220
Vostès han vist les sol · licituds GET
i les peticions POST.

758
00:37:31,220 --> 00:37:36,690
Aquest segon que existeix, / jo, això és
només l'URI o l'adreça URL d'on es

759
00:37:36,690 --> 00:37:38,140
vull anar dins de l'hoste.

760
00:37:38,140 --> 00:37:44,140
Així que aquesta sol · licitud es demana la
pàgina, com www.facebook.com / em.

761
00:37:44,140 --> 00:37:45,300
I és una sol · licitud GET.

762
00:37:45,300 --> 00:37:51,020
I llavors aquest HTTP/1.1, que és només
la versió d'HTTP que utilitzeu.

763
00:37:51,020 --> 00:37:55,020
És gairebé sempre 1.1.

764
00:37:55,020 --> 00:37:56,880
>> I després hi ha un munt
d'altres coses també.

765
00:37:56,880 --> 00:38:02,510
Vostè pot veure aquests si
obrir la consola quan s'està

766
00:38:02,510 --> 00:38:03,770
navegar per la web.

767
00:38:03,770 --> 00:38:07,290
Les respostes semblen una mica
de la mateixa família.

768
00:38:07,290 --> 00:38:09,620
La part superior és, de nou, la
tipus d'HTTP que utilitzeu

769
00:38:09,620 --> 00:38:12,310
seguit d'un codi d'estat.

770
00:38:12,310 --> 00:38:14,700
Així OK 200 és tot va funcionar.

771
00:38:14,700 --> 00:38:16,200
Aquest és el teu lloc.

772
00:38:16,200 --> 00:38:17,390
El seu contingut seguirà.

773
00:38:17,390 --> 00:38:21,730
I llavors se li dirà quin tipus
del contingut i altres coses també.

774
00:38:21,730 --> 00:38:24,620
>> Els codis d'estat, hi ha uns pocs
més importants que vostè ha de saber.

775
00:38:24,620 --> 00:38:26,460
200 OK és com d'or de tot.

776
00:38:26,460 --> 00:38:28,490
Tot funciona.

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

778
00:38:29,710 --> 00:38:32,910
Això el que has vist si se li va oblidar
chmod alguna cosa correctament.

779
00:38:32,910 --> 00:38:34,510
Això vol dir que vostè no ha
els permisos adequats a

780
00:38:34,510 --> 00:38:36,210
accedir a aquest al servidor.

781
00:38:36,210 --> 00:38:38,110
És com, no, no pots veure-ho.

782
00:38:38,110 --> 00:38:39,780
404 significa que alguna cosa no existeix.

783
00:38:39,780 --> 00:38:40,400
No s'ha trobat.

784
00:38:40,400 --> 00:38:41,640
Vostè probablement ha vist molt d'això.

785
00:38:41,640 --> 00:38:45,510
>> 500 Error intern del servidor sol ser
com si alguna cosa va sortir malament al costat

786
00:38:45,510 --> 00:38:46,460
del servidor.

787
00:38:46,460 --> 00:38:50,830
Així que quan vostè estava implementant pset7,
si tingués errors de PHP, vostè podria

788
00:38:50,830 --> 00:38:53,890
en realitat anar a la pàgina i veure un
manat sencer de PHP error material.

789
00:38:53,890 --> 00:38:56,900
Però això no vol dir que normalment succeeix,
perquè els llocs web realment no volen

790
00:38:56,900 --> 00:38:58,830
dir-li per què el seu lloc està trencat.

791
00:38:58,830 --> 00:39:03,370
Ells probablement només retornen un
500 Internal Server Error.

792
00:39:03,370 --> 00:39:06,120
>> I després hi ha 418 Sóc una tetera.

793
00:39:06,120 --> 00:39:07,910
Hi ha tota una història sobre
per què això és una cosa.

794
00:39:07,910 --> 00:39:09,860
Però vostè pot llegir sobre que
en el seu propi temps.

795
00:39:09,860 --> 00:39:11,450
Hi ha un munt de
altres codis d'estat també.

796
00:39:11,450 --> 00:39:12,700
Però aquests són els que
vostè ha de saber.

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

798
00:39:15,660 --> 00:39:18,610
Així que anem a parlar d'HTML.

799
00:39:18,610 --> 00:39:22,180
HTML, recordeu, no és un
llenguatge de programació.

800
00:39:22,180 --> 00:39:23,510
Es tracta d'un llenguatge de marques.

801
00:39:23,510 --> 00:39:25,210
Això significa que descriu el contingut.

802
00:39:25,210 --> 00:39:30,440
Et diu el que sembla un document HTML
similar o no és el que sembla

803
00:39:30,440 --> 00:39:32,230
però la manera com està estructurat.

804
00:39:32,230 --> 00:39:36,110
>> Per tant, defineix una estructura i
semàntica de pàgines web.

805
00:39:36,110 --> 00:39:37,830
És com si, aquest és un paràgraf.

806
00:39:37,830 --> 00:39:40,060
Aquesta és una llista ordenada.

807
00:39:40,060 --> 00:39:42,360
Això és com una secció de la meva pàgina.

808
00:39:42,360 --> 00:39:43,260
Aquí hi ha el títol.

809
00:39:43,260 --> 00:39:44,310
Ho fa coses per l'estil.

810
00:39:44,310 --> 00:39:48,770
No estils a res d'això, perquè
això és el que fas en la CSS.

811
00:39:48,770 --> 00:39:50,270
I sembla que una sèrie
etiquetes de niat.

812
00:39:50,270 --> 00:39:54,720
Així que per utilitzar un exemple d'un molt bàsic
Pàgina HTML, vostè té el DOCTYPE

813
00:39:54,720 --> 00:39:56,720
declaració allà.

814
00:39:56,720 --> 00:40:00,940
>> Aquesta declaració DOCTYPE és
dient que estem fent servir HTML5.

815
00:40:00,940 --> 00:40:03,370
Llavors vostè té la gran etiqueta HTML.

816
00:40:03,370 --> 00:40:05,230
Conté un cap i un cos.

817
00:40:05,230 --> 00:40:06,970
Dins del cap, vostè té el títol.

818
00:40:06,970 --> 00:40:12,950
Això és el que succeeix en el títol
barra del seu navegador.

819
00:40:12,950 --> 00:40:15,810
Comptem amb una etiqueta de vincle que uneix
en un full d'estils extern.

820
00:40:15,810 --> 00:40:19,880
I després tenim un script que extreu
d'un JavaScript extern.

821
00:40:19,880 --> 00:40:23,750
>> I després, dins del nostre cos és en realitat
el que es mostra a la pàgina.

822
00:40:23,750 --> 00:40:28,210
Tenim un paràgraf i després un
imatge dins d'aquest paràgraf.

823
00:40:28,210 --> 00:40:32,000
Aquesta és una foto dels gatets.

824
00:40:32,000 --> 00:40:35,840
Observeu que la imatge
etiqueta es tanca.

825
00:40:35,840 --> 00:40:41,760
Així que en lloc d'obrir amb una imatge
i després fer una altra / imatge,

826
00:40:41,760 --> 00:40:47,500
només hi ha aquesta petita barra
aquí, que el tanca.

827
00:40:47,500 --> 00:40:53,670
I l'etiqueta d'imatge també té aquesta clau
atribut de valor anomenat alt.

828
00:40:53,670 --> 00:40:56,970
Aquest és el text alternatiu que
succeeix quan es passa sobre ella.

829
00:40:56,970 --> 00:41:03,170
>> La majoria dels elements HTML tenen algun valor clau
coses que vostè pot donar a ell, diversos

830
00:41:03,170 --> 00:41:04,420
personalització.

831
00:41:04,420 --> 00:41:06,230

832
00:41:06,230 --> 00:41:08,705
Sí

833
00:41:08,705 --> 00:41:09,955
>> AUDIÈNCIA: [inaudible].

834
00:41:09,955 --> 00:41:17,510

835
00:41:17,510 --> 00:41:19,680
>> ANGELA LI: Bé, pel que és una
atribut de l'etiqueta.

836
00:41:19,680 --> 00:41:25,320
Així que si vostè estava fent servir jQuery, podria
fer select image.getAttribute.

837
00:41:25,320 --> 00:41:27,930
I llavors vostè pot buscar
obtenir l'atribut alt.

838
00:41:27,930 --> 00:41:31,040
I se li donarà gatets.

839
00:41:31,040 --> 00:41:37,400
Si et recordes de formularis en HTML, entrada
elements tindran atributs de nom.

840
00:41:37,400 --> 00:41:41,870
I això és el que PHP utilitza per enviar
sol · licituds quan s'envia un formulari.

841
00:41:41,870 --> 00:41:44,762

842
00:41:44,762 --> 00:41:50,064
>> AUDIÈNCIA: vas esmentar alguna cosa
com si utilitza Kittens.jpg o

843
00:41:50,064 --> 00:41:54,410
cosa que té els desapareguts
arxivar carpetes o altres arxius?

844
00:41:54,410 --> 00:41:54,750
>> ANGELA LI: Sí

845
00:41:54,750 --> 00:41:57,010
Així que això és el que s'anomena un familiar
camí, perquè jo no vaig a donar

846
00:41:57,010 --> 00:41:58,740
que el camí complet.

847
00:41:58,740 --> 00:42:05,160
Això és com quan en C si ho fa fopen
algun arxiu, si hi.txt fopen, que

848
00:42:05,160 --> 00:42:09,190
hi.txt s'espera que sigui en el mateix
directori, llevat que es doni una major

849
00:42:09,190 --> 00:42:11,530
complex camí.

850
00:42:11,530 --> 00:42:14,900
>> AUDIÈNCIA: Així podria especificar
quina carpeta [inaudible]?

851
00:42:14,900 --> 00:42:17,660
>> ANGELA LI: Sí

852
00:42:17,660 --> 00:42:19,370
I vostè pot buscar la manera de fer això.

853
00:42:19,370 --> 00:42:23,480
Però si volia aconseguir Kittens.jpg terme
del directori pare, que anava a fer

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
Sí

857
00:42:30,930 --> 00:42:32,960

858
00:42:32,960 --> 00:42:33,760
Ho sento.

859
00:42:33,760 --> 00:42:34,045
Sí

860
00:42:34,045 --> 00:42:35,700
Oh home, es va oblidar la pregunta.

861
00:42:35,700 --> 00:42:36,460
Quina era la pregunta?

862
00:42:36,460 --> 00:42:39,570
Ah, la pregunta era, és a dir, Kittens.jpg
s'espera que estigui en el mateix directori?

863
00:42:39,570 --> 00:42:40,630
I en aquest cas, ho és.

864
00:42:40,630 --> 00:42:44,030
Però també es pot donar un cert camí
de manera que no ha de ser.

865
00:42:44,030 --> 00:42:47,100

866
00:42:47,100 --> 00:42:48,350
Bé?

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
Així CSS, com HTML, no és
un llenguatge de programació.

870
00:42:55,420 --> 00:42:58,250
CSS és només una sèrie de regles d'estil.

871
00:42:58,250 --> 00:43:00,130
És sinònim de Cascading Style Sheets.

872
00:43:00,130 --> 00:43:03,910
I vostè l'utilitza en conjunció
amb HTML a les pàgines d'estil.

873
00:43:03,910 --> 00:43:08,140
Així que hi ha tres maneres
pot incloure.

874
00:43:08,140 --> 00:43:11,950
Una manera de fer-ho és al cap
porció de codi HTML, vostè pot tot just

875
00:43:11,950 --> 00:43:15,410
obrir una etiqueta d'estil i després s'adhereixen
una mica de CSS governa allà.

876
00:43:15,410 --> 00:43:16,759
És bastant bé.

877
00:43:16,759 --> 00:43:17,228
Sí

878
00:43:17,228 --> 00:43:21,449
>> AUDIÈNCIA: Podria posar els
etiquetes d'estil en el medi, anem a

879
00:43:21,449 --> 00:43:22,860
per exemple, el cos i / cos.

880
00:43:22,860 --> 00:43:27,400
I llavors seria un estil
només en el cos.

881
00:43:27,400 --> 00:43:28,840
>> ANGELA LI: Vostè podria.

882
00:43:28,840 --> 00:43:29,590
Es va a treballar.

883
00:43:29,590 --> 00:43:33,990
Però vostè no ha de, perquè l'estil és
classe de les metadades que ha d'anar en

884
00:43:33,990 --> 00:43:35,890
el cap del seu document.

885
00:43:35,890 --> 00:43:38,280
Administració hauria realment només contenen
el que en realitat va a

886
00:43:38,280 --> 00:43:39,420
mostrarà a la pàgina.

887
00:43:39,420 --> 00:43:42,155
>> AUDIÈNCIA: Així que et poses estil
al cap amb l'estil de la

888
00:43:42,155 --> 00:43:43,930
tota la pàgina web, no?

889
00:43:43,930 --> 00:43:44,300
>> ANGELA LI: Sí

890
00:43:44,300 --> 00:43:50,470
Així que posar l'estil aquí, aquestes regles CSS
s'aplicarà a tota la pàgina en funció de

891
00:43:50,470 --> 00:43:52,100
seus selectors.

892
00:43:52,100 --> 00:43:57,090
Així que la millor manera de fer-ho és en canvi
tenir una etiqueta d'estil al cap,

893
00:43:57,090 --> 00:44:00,430
tens aquest enllaç a un estil extern
laminar que et vaig mostrar al

894
00:44:00,430 --> 00:44:01,980
exemple anterior.

895
00:44:01,980 --> 00:44:05,920
El que això fa és que intenta i troba el
arxiu style.css i després la presa

896
00:44:05,920 --> 00:44:08,470
i els usos que a mesura que el
estils de la pàgina.

897
00:44:08,470 --> 00:44:10,500
I tu style.css faria
només cal veure com aquest.

898
00:44:10,500 --> 00:44:13,330
Només seria un munt de CSS.

899
00:44:13,330 --> 00:44:16,210
>> I, finalment, hi ha una altra forma de
pot incloure CSS, el que realment

900
00:44:16,210 --> 00:44:17,480
no ha de fer mai.

901
00:44:17,480 --> 00:44:18,950
És un estil inline trucada.

902
00:44:18,950 --> 00:44:22,650
I pel que qualsevol element HTML també pot
prendre un atribut d'estil.

903
00:44:22,650 --> 00:44:26,320
I llavors en aquest atribut d'estil,
li pots donar regles CSS.

904
00:44:26,320 --> 00:44:29,140
Així que en aquest cas, sigui quina sigui div sóc
defineix aquí, que va a

905
00:44:29,140 --> 00:44:32,580
tenir un fons negre i
un color de text blanc.

906
00:44:32,580 --> 00:44:35,620
Però vostè no ha de fer això, perquè el que
això es posa al seu estil

907
00:44:35,620 --> 00:44:36,850
dins del seu HTML.

908
00:44:36,850 --> 00:44:40,530
>> I sé que hem estat parlant sobre HTML
és l'estructura i CSS és l'estil.

909
00:44:40,530 --> 00:44:42,790
Si vostè fa això, es barreja
junts.

910
00:44:42,790 --> 00:44:44,550
I no és molt net.

911
00:44:44,550 --> 00:44:45,800
Així que no facis això.

912
00:44:45,800 --> 00:44:47,690

913
00:44:47,690 --> 00:44:52,100
Utilitzant un exemple de CSS, fins allà,
només has de seleccionar el cos de l'HTML

914
00:44:52,100 --> 00:44:52,380
documental.

915
00:44:52,380 --> 00:44:55,110
I som així, tot està
serà Comic Sans.

916
00:44:55,110 --> 00:44:57,290
Així mateix, no recomano això.

917
00:44:57,290 --> 00:44:59,940
Però es pot fer això.

918
00:44:59,940 --> 00:45:03,140
>> La segona regla aquí, va
per seleccionar l'element a la

919
00:45:03,140 --> 00:45:04,880
pàgina principal amb ID.

920
00:45:04,880 --> 00:45:11,690
Així que qualsevol element HTML, vaig dir ID
= Principal, em vaig a donar que un

921
00:45:11,690 --> 00:45:16,020
Marge de 20 píxels i alinear tot,
tot el text, al centre.

922
00:45:16,020 --> 00:45:19,030
L'últim que selecciona per classe CSS.

923
00:45:19,030 --> 00:45:24,450
Pel que qualsevol element de la pàgina que vaig
una classe de secció, vaig a fer que sigui

924
00:45:24,450 --> 00:45:26,602
un color de fons de color blau clar.

925
00:45:26,602 --> 00:45:29,380

926
00:45:29,380 --> 00:45:30,040
Sip.

927
00:45:30,040 --> 00:45:30,700
Això és tot el que tinc.

928
00:45:30,700 --> 00:45:30,890
Consulta?

929
00:45:30,890 --> 00:45:34,020
>> AUDIÈNCIA: Què significa el hashtag
abans principal fer?

930
00:45:34,020 --> 00:45:36,310
>> ANGELA LI: La pregunta és, què significa
el hashtag abans do principal?

931
00:45:36,310 --> 00:45:40,770
En aquest cas, el hash en
CSS significa seleccionar ID.

932
00:45:40,770 --> 00:45:47,490
Així que si jo tenia algun element HTML, com
DIVID = principal, seleccioneu la regla aquest CSS

933
00:45:47,490 --> 00:45:49,260
la cosa amb principal ID.

934
00:45:49,260 --> 00:45:53,940
I de manera similar, el període en el front de
secció és Selecció per tipus CSS o

935
00:45:53,940 --> 00:45:56,558
seleccioneu per classe HTML.

936
00:45:56,558 --> 00:46:00,940
>> AUDIÈNCIA: Per què hi ha un compte abans de
6 en color de fons?

937
00:46:00,940 --> 00:46:01,270
>> ANGELA LI: Sí

938
00:46:01,270 --> 00:46:03,360
Llavors la pregunta és, per què hi ha
un hash abans de la 6?

939
00:46:03,360 --> 00:46:05,320
Això és diferent que la de hash.

940
00:46:05,320 --> 00:46:09,500
Això significa que vostè està donant
un color hexadecimal.

941
00:46:09,500 --> 00:46:14,260
Així colors hexadecimals, això només
representa un color.

942
00:46:14,260 --> 00:46:17,860
I te'n recordes de triples RGB quan
que va fer el conjunt de processadors forense?

943
00:46:17,860 --> 00:46:18,770
Això és similar.

944
00:46:18,770 --> 00:46:21,590
Els dos primers dígits són el
la quantitat de vermell està en el color.

945
00:46:21,590 --> 00:46:23,260
El segon dos representen
la quantitat de verd.

946
00:46:23,260 --> 00:46:25,450
I el tercer representa
la quantitat de blau.

947
00:46:25,450 --> 00:46:30,060
I el hash és que això va
per representar un color.

948
00:46:30,060 --> 00:46:35,660
>> Així que qualsevol cosa a partir de 0, 0, 0, 0, 0, 0
fins a la F, F, F, F, F, F és vàlida.

949
00:46:35,660 --> 00:46:39,550
És una mica de color vàlid que pot
mostrar per el seu navegador.

950
00:46:39,550 --> 00:46:39,790
Consulta?

951
00:46:39,790 --> 00:46:43,590
>> AUDIÈNCIA: Quina és la diferència entre
utilitzant per ID i per classe?

952
00:46:43,590 --> 00:46:46,470
>> ANGELA LI: La pregunta és quin és
la diferència entre els

953
00:46:46,470 --> 00:46:48,950
utilitzant per ID i classe?

954
00:46:48,950 --> 00:46:54,390
Vostè només pot tenir un element en un
Document HTML que té un ID donat.

955
00:46:54,390 --> 00:46:58,660
Així que només una cosa a la meva pàgina
se li permet tenir més identificació.

956
00:46:58,660 --> 00:47:02,580
Així que l'utilitzi per això és la capçalera.

957
00:47:02,580 --> 00:47:03,850
Aquesta és la navegació.

958
00:47:03,850 --> 00:47:05,230
Aquest és el peu de pàgina.

959
00:47:05,230 --> 00:47:09,070
Les classes són diferents, perquè es pot
aplicar les classes a la major quantitat d'elements HTML

960
00:47:09,070 --> 00:47:10,100
com vulguis.

961
00:47:10,100 --> 00:47:15,860
>> Així, per exemple, ho vaig fer secció de classe,
perquè és probable que hi hagi més d'un

962
00:47:15,860 --> 00:47:17,540
secció a la meva pàgina.

963
00:47:17,540 --> 00:47:20,200
Només està permès tenir la major quantitat
elements de la pàgina amb el mateix

964
00:47:20,200 --> 00:47:23,190
classe, però només un amb una certa identitat.

965
00:47:23,190 --> 00:47:25,600
>> AUDIÈNCIA: Així que el punt representa
la classe?

966
00:47:25,600 --> 00:47:26,090
>> ANGELA LI: Sí

967
00:47:26,090 --> 00:47:27,380
Un punt representa una classe.

968
00:47:27,380 --> 00:47:29,990

969
00:47:29,990 --> 00:47:31,540
Genial.

970
00:47:31,540 --> 00:47:32,370
Això és tot el que tinc, nois.

971
00:47:32,370 --> 00:47:33,544
Gràcies.

972
00:47:33,544 --> 00:48:13,380
>> [Aplaudiments]

973
00:48:13,380 --> 00:48:14,290
>> ZAMYLA CHAN: Hola a tots.

974
00:48:14,290 --> 00:48:14,880
Estic Zamyla.

975
00:48:14,880 --> 00:48:18,830
Vaig a estar cobrint PHP,
MVC, i SQL avui.

976
00:48:18,830 --> 00:48:22,350

977
00:48:22,350 --> 00:48:26,110
Una gran part del material que estaré
coberta serà més o menys

978
00:48:26,110 --> 00:48:29,100
només treure'l de pset7.

979
00:48:29,100 --> 00:48:29,700
Està bé.

980
00:48:29,700 --> 00:48:31,180
Llavors, què és PHP?

981
00:48:31,180 --> 00:48:35,150
PHP significa PHP Hypertext
Preprocessor.

982
00:48:35,150 --> 00:48:38,740
Així que, en si mateix, és un recursiva
nom, que està molt bé.

983
00:48:38,740 --> 00:48:42,220
PHP és un llenguatge de script del costat del servidor,
i proporciona el backend

984
00:48:42,220 --> 00:48:44,610
i els fonaments lògics
de la nostra pàgina web.

985
00:48:44,610 --> 00:48:48,520
>> Així Angela va parlar molt sobre el codi HTML
i CSS que farà que l'estructura

986
00:48:48,520 --> 00:48:49,530
de la pàgina web.

987
00:48:49,530 --> 00:48:53,210
Però el que si vostè vol canviar això
el contingut de forma dinàmica o si varia

988
00:48:53,210 --> 00:48:55,240
basat en l'usuari o
certes condicions?

989
00:48:55,240 --> 00:48:57,060
Aquí és on entra en joc PHP

990
00:48:57,060 --> 00:49:02,610
Ara, en general, PHP pot trigar uns
menys línies per posar en pràctica la mateixa cosa

991
00:49:02,610 --> 00:49:07,380
en C. Això és degut a que PHP maneja la memòria
gestió per al programador,

992
00:49:07,380 --> 00:49:11,170
en lloc que nosaltres hàgim de malloc
lliure, coses així.

993
00:49:11,170 --> 00:49:15,430
>> Però ja que PHP és una interpretació
idioma, en general, pot executar

994
00:49:15,430 --> 00:49:19,540
una mica més lent que C, la qual
és un llenguatge compilat.

995
00:49:19,540 --> 00:49:23,150
Com que estem movent la programació
idiomes, donem una ullada a com el

996
00:49:23,150 --> 00:49:24,570
sintaxi serà diferent.

997
00:49:24,570 --> 00:49:28,770
Serem molt curosos de no
confondre amb això.

998
00:49:28,770 --> 00:49:33,750
Així que amb la sintaxi de PHP, si vostè és
Incorporació dels teus PHP dins d'un HTML

999
00:49:33,750 --> 00:49:40,430
presentar o dins d'un arxiu PHP. sí, que
d'adjuntar el codi en l'obert

1000
00:49:40,430 --> 00:49:45,270
PHP i les etiquetes PHP tancats com
següent, igual que a la pantalla.

1001
00:49:45,270 --> 00:49:46,660
>> Les variables en PHP.

1002
00:49:46,660 --> 00:49:51,490
Cadascuna sola variable s'iniciarà amb
el signe $ seguit del nom de

1003
00:49:51,490 --> 00:49:53,150
seva variable.

1004
00:49:53,150 --> 00:49:56,530
Ara, les variables en PHP s'escriuen lliurement,
el que significa que no cal

1005
00:49:56,530 --> 00:50:00,030
per indicar quin és el tipus de dades
és quan vostè està declarar.

1006
00:50:00,030 --> 00:50:03,505
No obstant això, això no vol dir que
no tenen cap tipus en absolut.

1007
00:50:03,505 --> 00:50:09,370
Així que si em declaro una variable i acaba d'establir
és igual a 1, i després declaro

1008
00:50:09,370 --> 00:50:15,140
una altra variable, estableixi el seu valor en "1"
i després un altre 1,0, bé,

1009
00:50:15,140 --> 00:50:19,410
depenent del tipus de la igualtat
operadors que utilitzo, si jo vull comparar

1010
00:50:19,410 --> 00:50:21,830
en tots els tipus, llavors
que seran iguals.

1011
00:50:21,830 --> 00:50:25,570
Però si jo vull estar segur que el
tipus són iguals, PHP pot encara fer

1012
00:50:25,570 --> 00:50:28,690
que, tot i que no indiquem
de quin tipus és quan

1013
00:50:28,690 --> 00:50:31,170
primer fer l'arxiu.

1014
00:50:31,170 --> 00:50:33,990
>> Ara bé, en PHP, tot i que som
commutació de de programació

1015
00:50:33,990 --> 00:50:39,360
idiomes de C, encara tenim la nostra
de confiança si la condició, igual que aquest.

1016
00:50:39,360 --> 00:50:43,270
Encara tenim els nostres cicles while, simplement
com aquest, on vostè posa en el seu

1017
00:50:43,270 --> 00:50:47,300
condicions i després la
cos del bucle.

1018
00:50:47,300 --> 00:50:50,360
I després també tenim el nostre bucle for,
que en general són aquestes.

1019
00:50:50,360 --> 00:50:55,330
Així que si jo volia per iterar sobre tots
nou conjunts de processadors i presentar i trucar a un

1020
00:50:55,330 --> 00:50:58,960
funció submitPset, llavors puc fer això
aquí, que vostès tots han

1021
00:50:58,960 --> 00:50:59,830
fet per aquest punt.

1022
00:50:59,830 --> 00:51:01,080
Felicitats, per cert.

1023
00:51:01,080 --> 00:51:04,560

1024
00:51:04,560 --> 00:51:07,550
>> Per a la càmera, la gent
Dit això, gràcies.

1025
00:51:07,550 --> 00:51:11,220
Ara, si vostè no vol només ha d'utilitzar aquest
bucle, llavors PHP en realitat també

1026
00:51:11,220 --> 00:51:13,580
ha cridat coses bucles foreach.

1027
00:51:13,580 --> 00:51:22,210
Així que si jo tenia un arranjament d'enters, 0
a 8, emmagatzemada en els conjunts de processadors de matriu,

1028
00:51:22,210 --> 00:51:27,290
llavors jo podria tenir un bucle foreach que
itera sobre tots els números en conjunts de processadors.

1029
00:51:27,290 --> 00:51:30,640
I llavors jo podria cridar a la mateixa
funcionar en vuit ocasions,

1030
00:51:30,640 --> 00:51:31,910
igual que ho feia abans.

1031
00:51:31,910 --> 00:51:36,480
Així que això per a cada bucle és bo, perquè
vostè no ha de que no sap

1032
00:51:36,480 --> 00:51:39,470
la longitud exacta de la matriu que es
haver, a continuació, utilitzant aquest bucle foreach

1033
00:51:39,470 --> 00:51:42,800
es farà càrrec d'això per tu.

1034
00:51:42,800 --> 00:51:45,410
>> Així que vaig fer conjunts de processadors com una matriu.

1035
00:51:45,410 --> 00:51:46,700
Fem una ullada a això.

1036
00:51:46,700 --> 00:51:51,290
Les matrius en PHP són normalment els mateixos que
els que hem tingut en C, on

1037
00:51:51,290 --> 00:51:52,960
pot declarar una matriu.

1038
00:51:52,960 --> 00:51:59,200
I aquí, puc declarar una matriu buida
i després construir dinàmicament utilitzant

1039
00:51:59,200 --> 00:52:00,850
índexs com sencers.

1040
00:52:00,850 --> 00:52:04,140
Així l'índex 0, vaig a guardar
un nombre enter nomenat gener.

1041
00:52:04,140 --> 00:52:09,210
En l'índex 1 de la cistella, em vaig
per emmagatzemar el valor 2.

1042
00:52:09,210 --> 00:52:12,670
I en el tercer índex però el
segon número, que vaig a

1043
00:52:12,670 --> 00:52:14,870
emmagatzemar el número 12.

1044
00:52:14,870 --> 00:52:17,250
>> Ara, això està molt bé en aquest
funciona funciona bé.

1045
00:52:17,250 --> 00:52:21,310
Però diuen que a mi m'importa
el que espera cada índex.

1046
00:52:21,310 --> 00:52:24,500
Per a mi, l'índex de 0 significa que la manera
molts gats que tenen.

1047
00:52:24,500 --> 00:52:27,400
I l'índex d'1 significa que la manera
molts mussols jo tenim.

1048
00:52:27,400 --> 00:52:29,450
I el següent significa el nombre de gossos.

1049
00:52:29,450 --> 00:52:34,140
Bé, llavors és per especificar que, en lloc
d'haver de recordar 0 es refereix a

1050
00:52:34,140 --> 00:52:38,090
gats i 1 als mussols, que poden utilitzar
matrius associatives, el que significa que

1051
00:52:38,090 --> 00:52:42,260
en lloc d'enters com els meus índexs,
Puc realment utilitzar cadenes.

1052
00:52:42,260 --> 00:52:43,290
>> Així que això és bastant útil.

1053
00:52:43,290 --> 00:52:47,130
I has bàsicament acaba de reemplaçar
els nombres enters amb cordes.

1054
00:52:47,130 --> 00:52:50,074
I aquí ho tenen un
matriu associativa.

1055
00:52:50,074 --> 00:52:51,930
Sí

1056
00:52:51,930 --> 00:52:55,800
>> AUDIÈNCIA: Hi ha una raó per la que hi ha
un guió per al segon

1057
00:52:55,800 --> 00:52:58,750
banda, perquè la cistella té la matriu.

1058
00:52:58,750 --> 00:53:01,330
>> ZAMYLA CHAN: La pregunta era, és
Hi ha una raó per la qual hi ha una

1059
00:53:01,330 --> 00:53:03,320
Destacar entre la meva i la llista?

1060
00:53:03,320 --> 00:53:03,610
No

1061
00:53:03,610 --> 00:53:06,878
Això és el que estic nomenant
la meva variable.

1062
00:53:06,878 --> 00:53:11,670
>> AUDIÈNCIA: A la primera
line, és una paraula.

1063
00:53:11,670 --> 00:53:12,560
>> ZAMYLA CHAN: Els meus disculpes.

1064
00:53:12,560 --> 00:53:13,410
Vaig a arreglar això.

1065
00:53:13,410 --> 00:53:13,620
Sí

1066
00:53:13,620 --> 00:53:15,460
Ells han de ser el mateix nom de variable.

1067
00:53:15,460 --> 00:53:16,710
Bona atrapada.

1068
00:53:16,710 --> 00:53:19,640

1069
00:53:19,640 --> 00:53:19,950
D'acord.

1070
00:53:19,950 --> 00:53:22,610
Així que anem a passar a la cadena
concatenació.

1071
00:53:22,610 --> 00:53:27,500
Si volia tenir dues cadenes,
llavors puc concatenar

1072
00:53:27,500 --> 00:53:28,550
amb l'operador punt.

1073
00:53:28,550 --> 00:53:32,440
Així que si tinc Milo com a primer nom
i plàtan com un cognom, a continuació,

1074
00:53:32,440 --> 00:53:35,430
concatenar amb l'operador punt i
després posar un espai entre

1075
00:53:35,430 --> 00:53:39,210
farà una cadena que conté Milo
Banana, que després puc repetir o,

1076
00:53:39,210 --> 00:53:41,280
més aviat, imprimir.

1077
00:53:41,280 --> 00:53:44,465
>> Parlant d'eco, parlarem
sobre alguns útils -

1078
00:53:44,465 --> 00:53:44,920
Ui.

1079
00:53:44,920 --> 00:53:46,030
Ho sento.

1080
00:53:46,030 --> 00:53:52,920
Algunes funcions de PHP útils.

1081
00:53:52,920 --> 00:53:56,240
Així que tenim la -

1082
00:53:56,240 --> 00:53:57,444
dificultats tècniques.

1083
00:53:57,444 --> 00:53:58,694
Un segon.

1084
00:53:58,694 --> 00:54:16,960

1085
00:54:16,960 --> 00:54:19,550
Vaig enviar.

1086
00:54:19,550 --> 00:54:22,320
Problemes de PowerPoint.

1087
00:54:22,320 --> 00:54:29,200
I estem de tornada amb les funcions de PHP.

1088
00:54:29,200 --> 00:54:32,010

1089
00:54:32,010 --> 00:54:35,150
I estem de tornada amb les funcions de PHP.

1090
00:54:35,150 --> 00:54:39,890
>> Així que tenim la funció d'exigir, en cas
si es passa un arxiu, això és que s'acaba de

1091
00:54:39,890 --> 00:54:43,300
un exemple d'un arxiu que
Podria passar polz

1092
00:54:43,300 --> 00:54:47,605
Després que s'inclogui el codi PHP
a partir d'aquest arxiu que indico.

1093
00:54:47,605 --> 00:54:49,940
I va a avaluar aquesta polz

1094
00:54:49,940 --> 00:54:54,450
Després també tenim ressò, que
és un paral · lel a printf.

1095
00:54:54,450 --> 00:54:57,710
Exit és un paral · lel de trencar,
que surt del bloc de

1096
00:54:57,710 --> 00:54:58,570
codi que vostè està dins

1097
00:54:58,570 --> 00:55:03,180
I a continuació, els controls buits si un dau
variable és com nul o zero o

1098
00:55:03,180 --> 00:55:08,482
el s'equipara amb ser buida.

1099
00:55:08,482 --> 00:55:09,438
Sí

1100
00:55:09,438 --> 00:55:15,341
>> AUDIÈNCIA: Per a la concatenació de cadenes
punt operador d'un, en PHP, és que el

1101
00:55:15,341 --> 00:55:20,158
mateix que en JavaScript, on es tracta d'utilitzar
el punt per la concatenació significa més?

1102
00:55:20,158 --> 00:55:27,440
Així que pel nom complet, vostè podria tenir dòlar
signar primer i després + + durar?

1103
00:55:27,440 --> 00:55:27,720
>> ZAMYLA CHAN: Si.

1104
00:55:27,720 --> 00:55:32,150
Per tant el dubte era si en PHP que
pot utilitzar la mateixa concatenació de cadenes

1105
00:55:32,150 --> 00:55:33,890
com en JavaScript amb les coses positives.

1106
00:55:33,890 --> 00:55:35,410
I Josep a entrar en això més endavant.

1107
00:55:35,410 --> 00:55:36,620
Crec que té un tobogan en això.

1108
00:55:36,620 --> 00:55:37,570
En realitat, és diferent.

1109
00:55:37,570 --> 00:55:41,310
Així que en JavaScript, cal utilitzar
el signe més per concatenar cadenes.

1110
00:55:41,310 --> 00:55:43,280
I en PHP, vostè ha de
utilitzar l'operador punt.

1111
00:55:43,280 --> 00:55:44,530
Així que són diferents.

1112
00:55:44,530 --> 00:55:46,680

1113
00:55:46,680 --> 00:55:46,910
>> D'acord.

1114
00:55:46,910 --> 00:55:49,500
Així que ara que hem cobert tot
aquest PHP, on ho fa

1115
00:55:49,500 --> 00:55:50,490
realment ser útil?

1116
00:55:50,490 --> 00:55:54,470
Bé, que ve molt bé quan ens
pot combinar amb el nostre HTML.

1117
00:55:54,470 --> 00:55:59,550
Així que el nostre PHP ens donarà el poder per
alterar el contingut HTML d'una pàgina abans d'

1118
00:55:59,550 --> 00:56:00,000
la seva càrrega.

1119
00:56:00,000 --> 00:56:04,270
Així sobre la base de diferents condicions,
en general l'usuari específic que és

1120
00:56:04,270 --> 00:56:07,520
connectat, podem visualitzar
informació diferent.

1121
00:56:07,520 --> 00:56:08,800
Linda, va tenir vostè alguna pregunta?

1122
00:56:08,800 --> 00:56:15,510
>> AUDIÈNCIA: Pot concatenar
També un nombre enter?

1123
00:56:15,510 --> 00:56:16,760
>> ZAMYLA CHAN: Sí, es pot.

1124
00:56:16,760 --> 00:56:19,530

1125
00:56:19,530 --> 00:56:23,270
Per tant el dubte era si es pot
concatenar nombres enters o altra

1126
00:56:23,270 --> 00:56:28,920
variable.s ara, passem a MVC, que
és un paradigma que hem utilitzat en

1127
00:56:28,920 --> 00:56:33,380
pset7 i un munt de dissenyadors web utilitzen per
organitzar el codi en els arxius

1128
00:56:33,380 --> 00:56:34,490
al seu lloc web.

1129
00:56:34,490 --> 00:56:35,870
M significa Model.

1130
00:56:35,870 --> 00:56:41,450
I, bàsicament, els arxius de model s'ocuparan
amb les interaccions amb la base de dades.

1131
00:56:41,450 --> 00:56:44,640
Veure els arxius, que es relacionen amb la
estètica de la pàgina web.

1132
00:56:44,640 --> 00:56:47,550
I les nanses Controlador
sol · licituds dels usuaris, ho analitza

1133
00:56:47,550 --> 00:56:49,230
de dades, fa una altra lògica.

1134
00:56:49,230 --> 00:56:52,520
>> En pset7, combinem el model
i el controlador.

1135
00:56:52,520 --> 00:56:55,880
I només els anomenem controladors i
posar-los al directori públic.

1136
00:56:55,880 --> 00:57:01,730
I els arxius de vista, que els utilitzen com
plantilles al directori de plantilles.

1137
00:57:01,730 --> 00:57:07,260
Així que aquest diagrama aquí també representa
Aquest mateix tipus de divisió amb l'

1138
00:57:07,260 --> 00:57:10,510
model i el controlador de color morat
aquí a l'esquerra i

1139
00:57:10,510 --> 00:57:12,770
la vista de la dreta.

1140
00:57:12,770 --> 00:57:16,020
Així que aquest és un esquema que alguns de vostès
poden haver vist en horari d'oficina o

1141
00:57:16,020 --> 00:57:19,130
diagrames que ens dibuix com vostè
van ser el càlcul del seu conjunt de processadors.

1142
00:57:19,130 --> 00:57:25,030
>> Així que aquí, a un controlador determinat, un model
controlador, tenim funcions

1143
00:57:25,030 --> 00:57:30,490
que es refereixen a la consulta del SQL
base de dades, l'execució de la lògica de PHP.

1144
00:57:30,490 --> 00:57:32,370
Potser vostè mirar cap amunt
un estoc a Yahoo!

1145
00:57:32,370 --> 00:57:34,590
Finances.

1146
00:57:34,590 --> 00:57:37,390
O potser, simplement li revisi per
veure si un usuari havia presentat un

1147
00:57:37,390 --> 00:57:40,250
formar ja abans de tenir
visitat la seva pàgina.

1148
00:57:40,250 --> 00:57:43,390
I després li fan
Un formulari aquí.

1149
00:57:43,390 --> 00:57:48,210
Després s'havia presentat aquesta forma
per l'usuari, l'acció que era

1150
00:57:48,210 --> 00:57:53,470
especificada en l'etiqueta HTML del formulari
indicaria la pàgina que

1151
00:57:53,470 --> 00:57:55,620
retorna les dades a.

1152
00:57:55,620 --> 00:57:59,460
>> Així que tota aquesta informació seria
enviat de tornada al seu controlador.

1153
00:57:59,460 --> 00:58:02,620
Llavors vostè probablement fer una mica més
lògica en què i potser executar uns pocs

1154
00:58:02,620 --> 00:58:06,510
més consultes a la base de dades SQL i
llavors, finalment, arribar a un bé

1155
00:58:06,510 --> 00:58:11,930
sistema ple d'informació que ho faria
passar en alguna altra plantilla

1156
00:58:11,930 --> 00:58:13,950
que mostren aquesta informació.

1157
00:58:13,950 --> 00:58:17,030
Ara, com podem empaquetem
que la informació dalt?

1158
00:58:17,030 --> 00:58:23,980
Bé, tenim una funció anomenada Render
que es trobava a l'arxiu functions.php en

1159
00:58:23,980 --> 00:58:29,950
pset7, on es passa en el nom de
un arxiu, el nom d'una plantilla.

1160
00:58:29,950 --> 00:58:32,160
>> I després també es passa en
una matriu associativa.

1161
00:58:32,160 --> 00:58:37,150
I perquè array associatiu representa
les diferents informacions

1162
00:58:37,150 --> 00:58:39,040
que desitja passar polz

1163
00:58:39,040 --> 00:58:43,460
Ara, què serà constant en
aquests exemples és que les claus o,

1164
00:58:43,460 --> 00:58:47,070
més aviat, les tecles de la associatiu
matrius, aquests són el que serà

1165
00:58:47,070 --> 00:58:51,050
s'espera que sigui constant per la plantilla,
perquè sap que necessita

1166
00:58:51,050 --> 00:58:53,990
cosa que es diu missatge
o trucada nom.

1167
00:58:53,990 --> 00:58:56,940
I llavors les coses a la dreta, el
valors reals, pel que en aquest cas, qui és

1168
00:58:56,940 --> 00:59:00,750
un bon noi i Milo, els que van
a ser els valors que estan canviant

1169
00:59:00,750 --> 00:59:05,610
que el controlador canvia cada vegada
o basat en una certa condició i

1170
00:59:05,610 --> 00:59:07,120
passarà que polz

1171
00:59:07,120 --> 00:59:12,790
>> Així que aquí en plantilles, veiem que
estan utilitzant HTML caràcters especials,

1172
00:59:12,790 --> 00:59:16,370
que, bàsicament, només vol dir que volem
per obtenir la cadena de parells que l'

1173
00:59:16,370 --> 00:59:17,580
usuari posa endins

1174
00:59:17,580 --> 00:59:20,880
I volem substituir
missatge aquí.

1175
00:59:20,880 --> 00:59:26,110
Així que quan veiem en realitat
l'arxiu, l'específica

1176
00:59:26,110 --> 00:59:28,700
informació es passa polz

1177
00:59:28,700 --> 00:59:33,850
Tingueu en compte que la clau de com fer obres és
que les claus de la associatiu

1178
00:59:33,850 --> 00:59:37,170
matrius, aquestes variables convertit
noms aquí.

1179
00:59:37,170 --> 00:59:40,720
I així els valors d'aquesta clau en el
array associatiu es converteix en el

1180
00:59:40,720 --> 00:59:41,970
valor de la variable.

1181
00:59:41,970 --> 00:59:44,800

1182
00:59:44,800 --> 00:59:46,040
>> Ara, anem a passar a SQL.

1183
00:59:46,040 --> 00:59:48,010
Representa Estructurat
Llenguatge de consulta.

1184
00:59:48,010 --> 00:59:50,460
I pel que aquesta és només una programació
llenguatge dissenyat

1185
00:59:50,460 --> 00:59:51,880
per a la gestió de bases de dades.

1186
00:59:51,880 --> 00:59:56,860
I va ser molt útil per a nosaltres en
nostra pàgina web de finances pset7.

1187
00:59:56,860 --> 01:00:00,510
En essència, és només una manera fàcil de
rastrejar i administrar els objectes i taules

1188
01:00:00,510 --> 01:00:02,070
i vincular entre si.

1189
01:00:02,070 --> 01:00:06,860
Ara, pensi en la seva base de dades SQL
bàsicament com un arxiu d'Excel, potser,

1190
01:00:06,860 --> 01:00:10,040
amb diversos fulls amb pestanyes.

1191
01:00:10,040 --> 01:00:13,820
>> Així, pots tenir diverses taules,
potser, que unides entre si.

1192
01:00:13,820 --> 01:00:19,420
I igual que Excel, tenim una gran quantitat de
la funcionalitat que volem.

1193
01:00:19,420 --> 01:00:22,300
Per exemple, podem seleccionar
certes files.

1194
01:00:22,300 --> 01:00:24,110
Podem inserir informació.

1195
01:00:24,110 --> 01:00:25,560
Podem actualitzar files.

1196
01:00:25,560 --> 01:00:27,440
I també podem eliminar coses.

1197
01:00:27,440 --> 01:00:30,920

1198
01:00:30,920 --> 01:00:36,560
>> El SQL seleccionar les obres mitjançant la selecció de files
o una fila de columnes especificat des d'un

1199
01:00:36,560 --> 01:00:39,640
base de dades que coincideixin amb un determinat
criteris que vostè indiqui.

1200
01:00:39,640 --> 01:00:44,930
Així que per aquí quan veig select * from
mags on hi ha la casa = Ravenclaw, després

1201
01:00:44,930 --> 01:00:48,340
Estic seleccionant *, el que significa que sóc
seleccionar cada columna única en aquest

1202
01:00:48,340 --> 01:00:56,340
fila de la taula dels mags, però només si
la columna de la casa és igual a Ravenclaw.

1203
01:00:56,340 --> 01:00:57,840
Ara, això és pur o SQL.

1204
01:00:57,840 --> 01:01:02,680
Així que si em vaig anar a phpMyAdmin, que és
la forma específica en que utilitzem per gestionar

1205
01:01:02,680 --> 01:01:07,040
les nostres bases de dades SQL, llavors jo podria inserir
que en el lloc web de phpMyAdmin.

1206
01:01:07,040 --> 01:01:08,290
I això seria executar.

1207
01:01:08,290 --> 01:01:11,280
>> Però que en realitat volem fer
que al costat de PHP.

1208
01:01:11,280 --> 01:01:12,580
Llavors, com fem això?

1209
01:01:12,580 --> 01:01:20,180
Bé, fem servir la funció de consulta, que
bàsicament executa aquesta consulta SQL.

1210
01:01:20,180 --> 01:01:21,830
L'ús d'?

1211
01:01:21,830 --> 01:01:25,850
com a marcador de posició, podem passar a certa
valors a la nostra cadena que ens

1212
01:01:25,850 --> 01:01:26,920
voleu canviar.

1213
01:01:26,920 --> 01:01:32,110
Així que potser estic emmagatzemant diferent
valors en el curr_house, que

1214
01:01:32,110 --> 01:01:34,400
representa la casa actual
que jo estic passant.

1215
01:01:34,400 --> 01:01:39,040
Així que pot passar que en un marcador de posició
amb el signe d'interrogació.

1216
01:01:39,040 --> 01:01:43,290
I després vaig a bàsicament executar la
el mateix que vaig fer abans, excepte

1217
01:01:43,290 --> 01:01:45,550
Ara, estic en PHP.

1218
01:01:45,550 --> 01:01:51,300
>> I consulta retornarà un
matriu associativa.

1219
01:01:51,300 --> 01:01:53,470
I vaig a guardar-lo en files.

1220
01:01:53,470 --> 01:01:56,880
Ara, consulta sempre pot fallar.

1221
01:01:56,880 --> 01:02:02,870
Potser la consulta SQL no va poder executar
perquè la taula no existeix.

1222
01:02:02,870 --> 01:02:04,310
O potser, no existia la columna.

1223
01:02:04,310 --> 01:02:05,400
Quelcom ha fallat.

1224
01:02:05,400 --> 01:02:08,170
Bé, en aquest cas, vostè voldrà assegurar-se
Segur que comprovi si el

1225
01:02:08,170 --> 01:02:09,700
consulta retorna fals.

1226
01:02:09,700 --> 01:02:15,590
I això és mitjançant l'ús de la triple
és igual a l'operació allà.

1227
01:02:15,590 --> 01:02:19,660
>> I llavors em disculpo, que és una altra
Funció CS50, passant en un missatge.

1228
01:02:19,660 --> 01:02:23,435
I si ens fixem en demanar disculpes, tot el que
realment fa és fer apology.php.

1229
01:02:23,435 --> 01:02:26,100

1230
01:02:26,100 --> 01:02:26,410
Sí

1231
01:02:26,410 --> 01:02:29,630
>> AUDIÈNCIA: Podria explicar el que
estrella fa entre selecte i de?

1232
01:02:29,630 --> 01:02:30,710
>> ZAMYLA CHAN: Sí, és clar.

1233
01:02:30,710 --> 01:02:35,220
Així que l'estrella al mig de selecció i de
vol dir que jo desitjo seleccionar el conjunt

1234
01:02:35,220 --> 01:02:37,440
tota la fila de la meva taula.

1235
01:02:37,440 --> 01:02:41,900
Podria haver indicat seleccioneu
nom, any, casa.

1236
01:02:41,900 --> 01:02:46,160
I jo només anava a aconseguir aquests tres
columnes a la meva taula.

1237
01:02:46,160 --> 01:02:51,560
Però si dic select *, llavors vaig a
posar tot en aquesta columna.

1238
01:02:51,560 --> 01:02:53,760
Llavors em vaig a anar a vostè
a la part de darrere primer.

1239
01:02:53,760 --> 01:02:57,656
>> AUDIÈNCIA: Així que això és encara
en SQL, oi?

1240
01:02:57,656 --> 01:02:59,610
És aquesta consulta o es tracta de PHP?

1241
01:02:59,610 --> 01:03:00,550
>> ZAMYLA CHAN: Estem en una consulta.

1242
01:03:00,550 --> 01:03:01,940
Així que això és en PHP.

1243
01:03:01,940 --> 01:03:06,280
Així, utilitzant la consulta funció de PHP,
estem executant una consulta SQL.

1244
01:03:06,280 --> 01:03:11,988

1245
01:03:11,988 --> 01:03:15,364
>> AUDIÈNCIA: Hi ha quelcom en SQL
majúscules i minúscules, com seleccionar

1246
01:03:15,364 --> 01:03:17,834
o mags o casa?

1247
01:03:17,834 --> 01:03:20,050
>> ZAMYLA CHAN: Hi ha quelcom
en SQL entre majúscules i minúscules?

1248
01:03:20,050 --> 01:03:21,760
Jo crec que si.

1249
01:03:21,760 --> 01:03:24,620
Crec que SELECT i FROM
I on són entre majúscules i minúscules.

1250
01:03:24,620 --> 01:03:25,535
No?

1251
01:03:25,535 --> 01:03:27,500
>> ROB Bowden: Llavors, és tot el contrari.

1252
01:03:27,500 --> 01:03:32,030
Els noms de columna i els mitjans de la taula,
tots aquests són majúscules i minúscules.

1253
01:03:32,030 --> 01:03:35,470
Però cap de les paraules claus de MySQL, com
SELECT, FROM i WHERE, aquests no són

1254
01:03:35,470 --> 01:03:36,140
majúscules i minúscules.

1255
01:03:36,140 --> 01:03:36,420
D'acord.

1256
01:03:36,420 --> 01:03:37,780
Així el contrari del que vaig dir.

1257
01:03:37,780 --> 01:03:40,420
Així que totes les paraules claus de MySQL -

1258
01:03:40,420 --> 01:03:42,670
seleccionar, des d'on - els
No es distingeix entre majúscules i minúscules.

1259
01:03:42,670 --> 01:03:44,630
Però tota la resta és.

1260
01:03:44,630 --> 01:03:45,210
D'acord.

1261
01:03:45,210 --> 01:03:46,500
Vostè al davant.

1262
01:03:46,500 --> 01:03:52,041
>> AUDIÈNCIA: Si Tinc $ files en termes de
més d'una fila, significa que és

1263
01:03:52,041 --> 01:03:53,640
només es converteix en una matriu associativa?

1264
01:03:53,640 --> 01:03:59,550
>> ZAMYLA CHAN: tant el dubte era si les files
té més d'una fila en el mateix, no

1265
01:03:59,550 --> 01:04:01,800
que es converteixi en una matriu associativa?

1266
01:04:01,800 --> 01:04:05,680
Així que és un conjunt d'empreses associatives
matrius ja.

1267
01:04:05,680 --> 01:04:10,730
Així que fins i tot si només hi ha una fila
tornat, llavors vostè hauria d'anar a

1268
01:04:10,730 --> 01:04:12,690
índex 0 d'aquest resultat.

1269
01:04:12,690 --> 01:04:15,316
I llavors vostè hauria de primera fila.

1270
01:04:15,316 --> 01:04:17,482
Sí, Belinda?

1271
01:04:17,482 --> 01:04:21,258
>> AUDIÈNCIA: Quan s'utilitza ===,
És aquest l'únic cas?

1272
01:04:21,258 --> 01:04:22,210
O hi ha altres?

1273
01:04:22,210 --> 01:04:26,815
>> ZAMYLA CHAN: Així que en aquest cas, ===
és una comparació entre els tipus.

1274
01:04:26,815 --> 01:04:29,870

1275
01:04:29,870 --> 01:04:34,050
Ho sento. === És una comparació
que compara els tipus.

1276
01:04:34,050 --> 01:04:37,620
I llavors == compara tots els tipus.

1277
01:04:37,620 --> 01:04:41,620
>> AUDIÈNCIA: Pot explicar què
files es troba en aquesta situació?

1278
01:04:41,620 --> 01:04:45,120
És la fila de les dades?

1279
01:04:45,120 --> 01:04:48,100
>> ZAMYLA CHAN: En la següent diapositiva, estic
vaig a explicar el que és files.

1280
01:04:48,100 --> 01:04:49,890
Així que si no t'importa la celebració de
fora d'això.

1281
01:04:49,890 --> 01:04:50,620
I després per l'esquena?

1282
01:04:50,620 --> 01:04:54,699
>> AUDIÈNCIA: Per funcions com a consulta,
prestar i demanar disculpes [inaudible]?

1283
01:04:54,699 --> 01:04:59,050

1284
01:04:59,050 --> 01:05:03,050
>> ZAMYLA CHAN: La pregunta era si
aquestes funcions - de consulta, es disculpen,

1285
01:05:03,050 --> 01:05:04,510
i fer -

1286
01:05:04,510 --> 01:05:05,930
són comuns en PHP.

1287
01:05:05,930 --> 01:05:09,460
Aquests són els que CS50
escriure per pset7.

1288
01:05:09,460 --> 01:05:09,910
I Jay?

1289
01:05:09,910 --> 01:05:15,333
>> AUDIÈNCIA: Quan hagi de dir
$ _SESSION, És que només per als ID?

1290
01:05:15,333 --> 01:05:17,310
O potser hagi dit això aquí?

1291
01:05:17,310 --> 01:05:23,440
>> ZAMYLA CHAN: tant el dubte era, quan
utilitzem $ _SESSION, això va ser una específica

1292
01:05:23,440 --> 01:05:25,290
variable global que estem fent servir.

1293
01:05:25,290 --> 01:05:32,080
Aquí aquesta variable es va a
ser local a la nostra funció.

1294
01:05:32,080 --> 01:05:36,588
Així que estem declarant
una nova variable.

1295
01:05:36,588 --> 01:05:38,460
>> AUDIÈNCIA: Com és demanar disculpes
implementat?

1296
01:05:38,460 --> 01:05:40,960
>> ZAMYLA CHAN: La pregunta era,
com és disculpar implementat?

1297
01:05:40,960 --> 01:05:44,180
I crec que això és en realitat una molt
bones pràctiques per a vostès per entrar a

1298
01:05:44,180 --> 01:05:49,260
la secció functions.php i mirar
disculpis i veure com es pot tenir

1299
01:05:49,260 --> 01:05:50,670
fet a si mateix.

1300
01:05:50,670 --> 01:05:55,620
Així que pot deixar això a vostè, però només
diu que si ens fixem en disculpes,

1301
01:05:55,620 --> 01:06:02,110
llavors pren el missatge que
presentar a demanar disculpes, i després es

1302
01:06:02,110 --> 01:06:06,570
fa que aquest missatge.

1303
01:06:06,570 --> 01:06:08,240
Alguna pregunta més?

1304
01:06:08,240 --> 01:06:08,710
M'encanta preguntes.

1305
01:06:08,710 --> 01:06:09,555
Així que els faran.

1306
01:06:09,555 --> 01:06:11,888
>> AUDIÈNCIA: [inaudible]

1307
01:06:11,888 --> 01:06:13,840
fet o print allà?

1308
01:06:13,840 --> 01:06:15,900
>> ZAMYLA CHAN: La pregunta era,
podríem no només hem posat

1309
01:06:15,900 --> 01:06:17,000
fet o print allà.

1310
01:06:17,000 --> 01:06:19,710
Així que això hagués fet alguna cosa
lleugerament diferent.

1311
01:06:19,710 --> 01:06:23,750
Això hauria imprès consulta
fallat en què -

1312
01:06:23,750 --> 01:06:27,420
així, en aquest moment, estem en realitat
en el nostre controlador.

1313
01:06:27,420 --> 01:06:30,350
Així que en realitat no tenim
HTML fixat aquí.

1314
01:06:30,350 --> 01:06:34,946
Demanar disculpes per la prestació apologize.php
en realitat li redirigeix ​​a apology.php.

1315
01:06:34,946 --> 01:06:39,560

1316
01:06:39,560 --> 01:06:42,200
D'acord.

1317
01:06:42,200 --> 01:06:45,880
>> Així que ara, anem a abordar el
pregunta d'abans sobre el que

1318
01:06:45,880 --> 01:06:47,330
Realment és files.

1319
01:06:47,330 --> 01:06:51,960
Bé, consulta retornarà
un conjunt de files.

1320
01:06:51,960 --> 01:06:55,020
I cada fila es representa
per una matriu associativa.

1321
01:06:55,020 --> 01:07:02,840
Així que si jo he executat alguna consulta SQL i
He emmagatzemat el resultat en files, llavors

1322
01:07:02,840 --> 01:07:07,850
utilitzant un bucle foreach, llavors la matriu
nom és el primer a arribar - files.

1323
01:07:07,850 --> 01:07:13,170
I després vaig a trucar
cada fila hi ha $ row.

1324
01:07:13,170 --> 01:07:20,060
>> Així iteració en això, puc llavors
accedir a la columna el nom de la fila donada,

1325
01:07:20,060 --> 01:07:22,340
columna d'any, i la columna casa.

1326
01:07:22,340 --> 01:07:28,010
Tingueu en compte que jo no hauria estat capaç de
fer això amb les files, ja que l'índex files

1327
01:07:28,010 --> 01:07:29,290
nom no existeix.

1328
01:07:29,290 --> 01:07:31,970
Files és només un conjunt de
matrius associatives.

1329
01:07:31,970 --> 01:07:34,870
Així que hi ha dos nivells d'allà.

1330
01:07:34,870 --> 01:07:37,170
Un cop tingui el conjunt de files,
vostè ha d'entrar en això.

1331
01:07:37,170 --> 01:07:39,110
I llavors vostè pot tenir accés a les columnes.

1332
01:07:39,110 --> 01:07:41,636
Això és clar?

1333
01:07:41,636 --> 01:07:42,520
Sí, al davant?

1334
01:07:42,520 --> 01:07:45,490
>> AUDIÈNCIA: [inaudible] obrir
suports per [inaudible]?

1335
01:07:45,490 --> 01:07:46,220
>> ZAMYLA CHAN: Perdó?

1336
01:07:46,220 --> 01:07:49,740
>> AUDIÈNCIA: Els suports oberts.

1337
01:07:49,740 --> 01:07:52,420
>> ZAMYLA CHAN: Aquestes aquí?

1338
01:07:52,420 --> 01:07:58,520
Això és el que em permet incloure
aquesta variable.

1339
01:07:58,520 --> 01:07:58,670
Sí

1340
01:07:58,670 --> 01:08:01,900
>> AUDIÈNCIA: Abans d'imprimir, és vostè
imprimir en el codi HTML?

1341
01:08:01,900 --> 01:08:03,110
>> ZAMYLA CHAN: Si.

1342
01:08:03,110 --> 01:08:07,720
Quan imprimeixo, això aquí és l'interior
la meva plantilla ara, per

1343
01:08:07,720 --> 01:08:10,310
meu punt de vista del mètode de MVC.

1344
01:08:10,310 --> 01:08:12,750
Així que estic imprimint en l'HTML.

1345
01:08:12,750 --> 01:08:16,670
>> AUDIÈNCIA: Així que si ens vam anar al desenvolupador
eines després de l'execució d'aquest, podríem

1346
01:08:16,670 --> 01:08:17,160
que en realitat en el codi?

1347
01:08:17,160 --> 01:08:18,410
>> ZAMYLA CHAN: Aquesta és una gran
pregunta, si.

1348
01:08:18,410 --> 01:08:22,359
Així que si vostè va entrar en les eines de desenvolupament
Firefox amb Firebug o

1349
01:08:22,359 --> 01:08:26,109
Chrome, llavors sí, vostè podria
veure el codi HTML específic.

1350
01:08:26,109 --> 01:08:28,470
Així que no mostraria $ row ["Nom"].

1351
01:08:28,470 --> 01:08:32,524
Això mostraria que sigui
nom està en aquesta fila.

1352
01:08:32,524 --> 01:08:36,268
>> AUDIÈNCIA: Només una qüestió general,
el que es tr i td defineix com?

1353
01:08:36,268 --> 01:08:37,672
Per què caldria [inaudible]?

1354
01:08:37,672 --> 01:08:41,850

1355
01:08:41,850 --> 01:08:44,814
>> ZAMYLA CHAN: tr fila Taula,
taula a continuació td columna.

1356
01:08:44,814 --> 01:08:48,060

1357
01:08:48,060 --> 01:08:49,310
D'acord.

1358
01:08:49,310 --> 01:08:55,771

1359
01:08:55,771 --> 01:08:56,835
>> AUDIÈNCIA: Sí, és dades de la taula.

1360
01:08:56,835 --> 01:08:58,770
>> ZAMYLA CHAN: dades de la taula.

1361
01:08:58,770 --> 01:08:59,894
Sí

1362
01:08:59,894 --> 01:09:08,670
>> AUDIÈNCIA: És una fila en la qual el
fila es tracta com una columna?

1363
01:09:08,670 --> 01:09:08,910
>> ZAMYLA CHAN: Ho sento.

1364
01:09:08,910 --> 01:09:10,570
Pot repetir això?

1365
01:09:10,570 --> 01:09:14,450
>> AUDIÈNCIA: Com
visualitzar files?

1366
01:09:14,450 --> 01:09:16,310
>> ZAMYLA CHAN: Com visualitzar
files en quin tipus de forma?

1367
01:09:16,310 --> 01:09:21,796
Estàs parlant d'aquests
files d'aquí o de les files tr?

1368
01:09:21,796 --> 01:09:22,630
>> AUDIÈNCIA: Les files.

1369
01:09:22,630 --> 01:09:25,229
>> ZAMYLA CHAN: Aquestes files aquí?

1370
01:09:25,229 --> 01:09:28,620
M'imagino això com
Executo la meva consulta.

1371
01:09:28,620 --> 01:09:38,729
I diu, bé, tinc ja sigui de 0 a n
quantitat de files que coincideixen amb els criteris

1372
01:09:38,729 --> 01:09:40,510
que havia consultat.

1373
01:09:40,510 --> 01:09:43,740
Així que tinc un nombre de files.

1374
01:09:43,740 --> 01:09:51,450
Així files, les files, botigues $ cadascun
una de les files d'una matriu.

1375
01:09:51,450 --> 01:09:58,110
Així que fins i tot si és només un d'ells, és
encara una sèrie de files que coincideixen amb ella.

1376
01:09:58,110 --> 01:10:03,010
>> Així doncs, per exemple, aquest és
similar a quan vostè desgavellada

1377
01:10:03,010 --> 01:10:05,390
la memòria cau dels usuaris.

1378
01:10:05,390 --> 01:10:10,810
I els criteris allà era on
ID és igual a l'ID de sessió.

1379
01:10:10,810 --> 01:10:14,250
Hi ha realment només una fila
que podria coincidir amb això.

1380
01:10:14,250 --> 01:10:18,960
Però encara files acabem de tornar d'una fila.

1381
01:10:18,960 --> 01:10:22,620
Així que si has d'anar a files,
l'índex 0, la memòria cau d'índex per

1382
01:10:22,620 --> 01:10:26,195
realment arribar al seu cau.

1383
01:10:26,195 --> 01:10:29,650
>> AUDIÈNCIA: És la funció d'impressió
en eco de la mateixa cosa?

1384
01:10:29,650 --> 01:10:30,670
>> ZAMYLA CHAN: Si.

1385
01:10:30,670 --> 01:10:31,190
Sí

1386
01:10:31,190 --> 01:10:33,304
Imprimir un ressò.

1387
01:10:33,304 --> 01:10:42,400
>> AUDIÈNCIA: És el bucle foreach la
única forma d'índex en files?

1388
01:10:42,400 --> 01:10:46,110
>> ZAMYLA CHAN: És un bucle foreach
l'única manera que pugui

1389
01:10:46,110 --> 01:10:47,030
iterar per les files?

1390
01:10:47,030 --> 01:10:47,180
No

1391
01:10:47,180 --> 01:10:51,000
També pot utilitzar un bucle for, sempre
que vostè sap la longitud

1392
01:10:51,000 --> 01:10:53,024
de la matriu de la fila.

1393
01:10:53,024 --> 01:10:58,500
>> AUDIÈNCIA: Pot accedir-hi
utilitzant una fila com [inaudible]?

1394
01:10:58,500 --> 01:11:01,640
>> ZAMYLA CHAN: Així no es pot accedir-hi
sols recórrer fila si vostè no té un

1395
01:11:01,640 --> 01:11:05,160
bucle foreach sempre que
no s'ha declarat fila.

1396
01:11:05,160 --> 01:11:08,150

1397
01:11:08,150 --> 01:11:09,660
Sí

1398
01:11:09,660 --> 01:11:10,810
Sí, en el blanc.

1399
01:11:10,810 --> 01:11:13,990
>> AUDIÈNCIA: Llavors, què tr i td fa?

1400
01:11:13,990 --> 01:11:16,790
>> ZAMYLA CHAN: Així que tr i
td són etiquetes HTML.

1401
01:11:16,790 --> 01:11:19,590
TR indica el començament
d'una fila de taula.

1402
01:11:19,590 --> 01:11:26,625
I cada TD indica un
columna de dades de la taula nova.

1403
01:11:26,625 --> 01:11:32,275
>> AUDIÈNCIA: Per a una imatge visual del que una fila
és com, imagineu l'SQL, com

1404
01:11:32,275 --> 01:11:33,510
que tenen una fila.

1405
01:11:33,510 --> 01:11:35,980
[Inaudible].

1406
01:11:35,980 --> 01:11:36,390
>> ZAMYLA CHAN: Si.

1407
01:11:36,390 --> 01:11:37,630
Això és un gran punt.

1408
01:11:37,630 --> 01:11:41,510
Pots visualitzar files com s'acaba de
com en una taula d'Excel, només

1409
01:11:41,510 --> 01:11:44,540
la llista de les files.

1410
01:11:44,540 --> 01:11:46,870
D'acord.

1411
01:11:46,870 --> 01:11:47,230
Està bé.

1412
01:11:47,230 --> 01:11:50,740
Així que ara que hem repassat seleccioni, si
no hi ha més preguntes, anem a

1413
01:11:50,740 --> 01:11:52,970
anar a inserir.

1414
01:11:52,970 --> 01:11:58,220
Així que si jo volia inserir en alguns
taula i inseriu determinada columna

1415
01:11:58,220 --> 01:12:02,320
valors, jo podria ficar-me
en Ravenclaw l'any 7.

1416
01:12:02,320 --> 01:12:07,245
Però de vegades hi pot haver duplicat
valors, com vam veure en pset7 quan

1417
01:12:07,245 --> 01:12:09,240
van ser actualitzant el nostre portafoli.

1418
01:12:09,240 --> 01:12:15,610
>> Així que en aquest cas, volem que s'utilitzen en
Duplicate KEY UPDATE, perquè no ho fem

1419
01:12:15,610 --> 01:12:18,280
emmagatzemar múltiples files amb el mateix
valorar sinó actualitzar-lo.

1420
01:12:18,280 --> 01:12:21,780

1421
01:12:21,780 --> 01:12:25,560
Llavors en realitat tenim l'actualització,
que no és un inserit.

1422
01:12:25,560 --> 01:12:30,100
És només una actualització, on s'actualitza
en un cert taula amb un dau

1423
01:12:30,100 --> 01:12:34,403
criteris i després, finalment, eliminar,
que fa una cosa molt similar.

1424
01:12:34,403 --> 01:12:40,200
>> AUDIÈNCIA: Podria breument
repassar la còpia de la clau?

1425
01:12:40,200 --> 01:12:40,850
>> ZAMYLA CHAN: Si.

1426
01:12:40,850 --> 01:12:48,340
En essència aquí, tinc INSERT INTO
Gringotts, és, galions, aquests valors.

1427
01:12:48,340 --> 01:12:56,900
Però Identificació, presumiblement, és una clau única
valor establert en la taula de MySQL.

1428
01:12:56,900 --> 01:13:06,750
Així que si ja he dit ID de configurar,
llavors no puc inserir una nova fila.

1429
01:13:06,750 --> 01:13:10,961
Així que si no existeix ja,
llavors he de actualitzar-lo.

1430
01:13:10,961 --> 01:13:16,040

1431
01:13:16,040 --> 01:13:17,722
Al centre en el blanc.

1432
01:13:17,722 --> 01:13:21,570
>> AUDIÈNCIA: Així inserir, actualitzar, eliminar,
i selecció, són els disponibles

1433
01:13:21,570 --> 01:13:22,875
localment [inaudible]?

1434
01:13:22,875 --> 01:13:27,320

1435
01:13:27,320 --> 01:13:29,630
>> ZAMYLA CHAN: Llavors inseriu,
actualització, eliminació i

1436
01:13:29,630 --> 01:13:31,120
seleccionar són totes les consultes SQL.

1437
01:13:31,120 --> 01:13:34,970
Així que quan vostè està utilitzant SQL,
tindràs els disponibles.

1438
01:13:34,970 --> 01:13:38,226

1439
01:13:38,226 --> 01:13:40,706
>> AUDIÈNCIA: Tornar als últims concursos -

1440
01:13:40,706 --> 01:13:44,178
hi havia una pregunta que tractava de
si vostè tenia una taula i va voler

1441
01:13:44,178 --> 01:13:52,610
inserir resultats de les proves en un i s'insereix
el seu nom, així que no et deixa

1442
01:13:52,610 --> 01:13:54,594
[Inaudible] puntuació de la prova del seu amic.

1443
01:13:54,594 --> 01:13:59,060
Com fer això amb inserció?

1444
01:13:59,060 --> 01:14:02,490
>> ZAMYLA CHAN: tant el dubte era sobre
una pregunta anterior de meitat de període.

1445
01:14:02,490 --> 01:14:04,320
No estic al corrent dels quals
un que és en aquests moments.

1446
01:14:04,320 --> 01:14:06,790
Així que potser després, si vols
venir i mostrar, llavors jo puc

1447
01:14:06,790 --> 01:14:08,155
sens dubte li donarà consells.

1448
01:14:08,155 --> 01:14:11,250

1449
01:14:11,250 --> 01:14:15,460
Però parlant de coses d'inserció, com
tenint la qualificació d'algú quan

1450
01:14:15,460 --> 01:14:18,800
no deu, parlarem de
Els atacs d'injecció SQL.

1451
01:14:18,800 --> 01:14:22,050
Així que un atac d'injecció SQL és essencialment
on algú pren

1452
01:14:22,050 --> 01:14:27,680
avantatge de la baixa seguretat de la
camí que està prenent en les dades.

1453
01:14:27,680 --> 01:14:35,660
>> Així que aquí, igual que en les finances CS50,
quan ha entrat com podem entrar en un

1454
01:14:35,660 --> 01:14:39,510
nom d'usuari en el formulari d'accés,
el primer quadre de text i

1455
01:14:39,510 --> 01:14:41,570
a continuació, introduïu una contrasenya.

1456
01:14:41,570 --> 01:14:45,610
Potser el nostre codi PHP pot tenir un aspecte
alguna cosa com això, on $ usuari

1457
01:14:45,610 --> 01:14:51,410
és el nom d'usuari i contrasenya de les dades després
és la contrasenya de post-data.

1458
01:14:51,410 --> 01:14:55,110
I aleshores només executem la nostra consulta, per exemple,
OK, bé, la nostra consulta es va a

1459
01:14:55,110 --> 01:14:57,990
seleccionar dels nostres usuaris, on
el nom d'usuari és la

1460
01:14:57,990 --> 01:14:58,970
un que es van sotmetre.

1461
01:14:58,970 --> 01:15:06,870
I la contrasenya és la contrasenya,
el que significa que les contrasenyes coincideixen.

1462
01:15:06,870 --> 01:15:12,670
>> Ara, què passaria si en lloc de realment
la presentació d'una contrasenya real, igual que

1463
01:15:12,670 --> 01:15:16,850
12345 i endevinant pua que diu
contrasenya i que intenta tallar la seva

1464
01:15:16,850 --> 01:15:21,460
compte, què passaria si en lloc
van presentar aquest.

1465
01:15:21,460 --> 01:15:24,380
Podrien escriure potser
endevinar una contrasenya.

1466
01:15:24,380 --> 01:15:30,480
I després anaven a acabar la
cita a continuació, escrigui o 1 = 1.

1467
01:15:30,480 --> 01:15:35,160
Això seria passejar directament en l'SQL
consultar a veure alguna cosa com això.

1468
01:15:35,160 --> 01:15:38,200
Seleccioneu entre els usuaris on nom d'usuari
= Dents i contrasenya

1469
01:15:38,200 --> 01:15:41,450
iguals lliri o 1 = 1.

1470
01:15:41,450 --> 01:15:45,450
>> Així que, o la contrasenya de compte
ser correcta o 1 = 1,

1471
01:15:45,450 --> 01:15:47,870
que sempre és cert.

1472
01:15:47,870 --> 01:15:52,780
Així que en aquest cas, bàsicament, un usuari pot
prendre avantatge d'això i, inicieu la sessió

1473
01:15:52,780 --> 01:15:55,240
si mateixos i truc
el compte d'algú.

1474
01:15:55,240 --> 01:15:58,950
Així que per això volem evitar
algú ha de fer això.

1475
01:15:58,950 --> 01:16:03,890
Però per sort, la funció de consulta per
passant els marcadors de posició es durà

1476
01:16:03,890 --> 01:16:04,800
càrrec d'això per a vostè.

1477
01:16:04,800 --> 01:16:08,570
A més, en general va mai vol
de presentar efectivament les contrasenyes

1478
01:16:08,570 --> 01:16:09,310
a si mateixos.

1479
01:16:09,310 --> 01:16:14,115
És per això que amb hash o xifrat
en les finances CS50.

1480
01:16:14,115 --> 01:16:17,553
>> AUDIÈNCIA: El qüestionari passat va parlar
sobre les cadenes d'escapament de MySQL.

1481
01:16:17,553 --> 01:16:21,800
Hem de preocupar-nos per això?

1482
01:16:21,800 --> 01:16:22,670
>> ZAMYLA CHAN: Aquesta és una bona pregunta.

1483
01:16:22,670 --> 01:16:29,050
Les cadenes d'escapament de MySQL és sens dubte, un
la funció que es va utilitzar a la nostra consulta.

1484
01:16:29,050 --> 01:16:30,420
Però sens dubte mirar això.

1485
01:16:30,420 --> 01:16:32,950
Jo diria que això és un joc just per saber
que el que es necessita per trucar a aquest

1486
01:16:32,950 --> 01:16:34,370
funcionar en una corda.

1487
01:16:34,370 --> 01:16:35,245
Sí, Belinda?

1488
01:16:35,245 --> 01:16:38,606
>> AUDIÈNCIA: Com saps quan és
cometes simples o dobles?

1489
01:16:38,606 --> 01:16:43,516
I també, em sento com en la conferència que
esmentat alguna cosa sobre no tenir

1490
01:16:43,516 --> 01:16:48,426
la [inaudible] o alguna cosa o el
segona cometa simple al final.

1491
01:16:48,426 --> 01:16:56,407

1492
01:16:56,407 --> 01:17:00,825
Crec que ell va assenyalar en la conferència que
que se suposa que tenen apòstrof 1

1493
01:17:00,825 --> 01:17:04,290
i després no tenir apòstrofs
o alguna cosa així.

1494
01:17:04,290 --> 01:17:05,540
>> AUDIÈNCIA: [inaudible].

1495
01:17:05,540 --> 01:17:14,860

1496
01:17:14,860 --> 01:17:18,657
>> AUDIÈNCIA: La cosa és l'últim single
cita allà en aquell segon quadre

1497
01:17:18,657 --> 01:17:19,391
no hauria d'estar allà.

1498
01:17:19,391 --> 01:17:21,840
[Inaudible]

1499
01:17:21,840 --> 01:17:26,730
Perquè quan vostè pren aquest últim single
Citant a terme i que compleixin aquestes per al contingut

1500
01:17:26,730 --> 01:17:30,522
on la clau és, si vostè ha de
consulta, hi ha una sola cita a

1501
01:17:30,522 --> 01:17:31,340
al final ja.

1502
01:17:31,340 --> 01:17:36,580
Vostè vol utilitzar aquesta cometa simple
com la que s'enfronta l'un

1503
01:17:36,580 --> 01:17:37,574
[Inaudible].

1504
01:17:37,574 --> 01:17:42,820
Llavors, què és en realitat en aquest text
caixa no ha de tenir això.

1505
01:17:42,820 --> 01:17:44,070
>> ZAMYLA CHAN: Vaig a canviar això.

1506
01:17:44,070 --> 01:17:56,490

1507
01:17:56,490 --> 01:17:56,880
D'acord.

1508
01:17:56,880 --> 01:18:00,435
Si no hi ha preguntes, llavors ho faré
passar per alt a José parlar

1509
01:18:00,435 --> 01:18:04,332
sobre JavaScript, etc.

1510
01:18:04,332 --> 01:18:09,540
>> [Aplaudiments]

1511
01:18:09,540 --> 01:18:11,660
>> JOSÉ ONG: Així que s'estan executant
una mica enrere.

1512
01:18:11,660 --> 01:18:13,280
Així que si vostè ha de deixar, això està bé.

1513
01:18:13,280 --> 01:18:16,540
Però li demanem que mantingui els seus caps cap avall
si estàs en el medi, de manera que

1514
01:18:16,540 --> 01:18:19,560
no bloquegi la càmera i utilitza
la porta de darrere si cal.

1515
01:18:19,560 --> 01:18:25,010

1516
01:18:25,010 --> 01:18:26,306
Jo sóc Josep, per cert.

1517
01:18:26,306 --> 01:18:27,556
Hola.

1518
01:18:27,556 --> 01:18:37,910

1519
01:18:37,910 --> 01:18:38,630
Prova, prova.

1520
01:18:38,630 --> 01:18:39,630
Dan, és tan bo?

1521
01:18:39,630 --> 01:18:40,880
Genial.

1522
01:18:40,880 --> 01:18:44,460

1523
01:18:44,460 --> 01:18:47,600
>> Així que el vídeo també es publicarà
en línia per a aquells que

1524
01:18:47,600 --> 01:18:48,850
ha de marxar ara.

1525
01:18:48,850 --> 01:18:51,350

1526
01:18:51,350 --> 01:18:52,600
Awkward.

1527
01:18:52,600 --> 01:18:56,300

1528
01:18:56,300 --> 01:18:57,510
D'acord.

1529
01:18:57,510 --> 01:18:59,730
Així revisió del qüestionari.

1530
01:18:59,730 --> 01:19:00,980
Aquest és un gat.

1531
01:19:00,980 --> 01:19:03,150

1532
01:19:03,150 --> 01:19:07,170
Ara, JavaScript, el que potser no és
aww com per a alguns de vosaltres.

1533
01:19:07,170 --> 01:19:07,370
D'acord.

1534
01:19:07,370 --> 01:19:09,280
Així que això és el primer, recorden des Zamyla.

1535
01:19:09,280 --> 01:19:11,270
Recorda que PHP és
executar al servidor.

1536
01:19:11,270 --> 01:19:15,230
I moltes vegades, vostès van escriure bucles
en PHP per imprimir HTML, oi?

1537
01:19:15,230 --> 01:19:19,170
Així que una vegada que s'executi el codi, que
Sortida HTML que imprimeixi

1538
01:19:19,170 --> 01:19:20,500
s'envia a l'usuari.

1539
01:19:20,500 --> 01:19:25,960
I una vegada que això passa, no més de PHP pot
executar-se, llevat que torni a carregar la pàgina, de

1540
01:19:25,960 --> 01:19:27,660
Per descomptat, que reexecutes el PHP.

1541
01:19:27,660 --> 01:19:30,080
Però una vegada que imprimeixis que HTML,
no pots anar enlloc.

1542
01:19:30,080 --> 01:19:33,580
>> Així que l'HTML s'envia a través per a l'usuari,
que és el navegador per aquí, on

1543
01:19:33,580 --> 01:19:35,470
Milo està utilitzant l'ordinador.

1544
01:19:35,470 --> 01:19:40,340
I tan bé, hi ha diverses coses
una vegada que enviem HTML per a l'usuari.

1545
01:19:40,340 --> 01:19:43,350
De vegades volem fer alguna cosa com
en fer clic en alguna cosa, volem

1546
01:19:43,350 --> 01:19:47,350
caixes d'alerta perquè aparegui, aquest tipus de
interaccions, com quan es prem el

1547
01:19:47,350 --> 01:19:50,740
clau, en fer clic en alguna cosa al
pàgina, vull que alguna cosa succeeixi.

1548
01:19:50,740 --> 01:19:54,550
Bé, no es pot tornar a executar PHP
codi una vegada que l'HTML s'estableix.

1549
01:19:54,550 --> 01:19:55,900
Llavors, com fer això?

1550
01:19:55,900 --> 01:19:59,930
>> S'introdueix un nou llenguatge anomenat
JavaScript, que s'executa al navegador

1551
01:19:59,930 --> 01:20:02,890
que li permet fer les coses
a HTML després de rebre

1552
01:20:02,890 --> 01:20:04,020
ells des del servidor.

1553
01:20:04,020 --> 01:20:07,050
I és per això que en diem un costat del client
llenguatge de programació.

1554
01:20:07,050 --> 01:20:09,110
Treballa en el seu ordinador -

1555
01:20:09,110 --> 01:20:11,400
el client.

1556
01:20:11,400 --> 01:20:13,830
Una pregunta sobre que tan lluny?

1557
01:20:13,830 --> 01:20:15,650
Aquest paradigma té sentit per a la gent?

1558
01:20:15,650 --> 01:20:16,010
D'acord.

1559
01:20:16,010 --> 01:20:16,790
Bé.

1560
01:20:16,790 --> 01:20:17,340
Està bé.

1561
01:20:17,340 --> 01:20:20,850
Així que el primer a tenir en compte
Es JavaScript és PHP.

1562
01:20:20,850 --> 01:20:23,010
>> Ells tenen una sintaxi diferent,
que entrarem en.

1563
01:20:23,010 --> 01:20:24,530
I tenen usos molt diferents.

1564
01:20:24,530 --> 01:20:26,640
JavaScript, de nou, per a la seva
navegador, per al client.

1565
01:20:26,640 --> 01:20:30,640
Server s'executa en algun lloc d'una altra persona
ordinador que envia informació

1566
01:20:30,640 --> 01:20:31,720
a vostè, oi?

1567
01:20:31,720 --> 01:20:36,730
Així que si li demanem que escriure codi PHP
en una pregunta d'examen, no escrigui

1568
01:20:36,730 --> 01:20:38,710
JavaScript i viceversa.

1569
01:20:38,710 --> 01:20:41,710
Vostè acaba de perdre punts,
i no va a tenir raó.

1570
01:20:41,710 --> 01:20:43,690
>> Així que entrarem en alguns
diferències de sintaxi -

1571
01:20:43,690 --> 01:20:46,140
JavaScript a la esquerra
i PHP a la dreta.

1572
01:20:46,140 --> 01:20:48,670
La primera cosa que vostè notarà amb
JavaScript declarem les variables amb

1573
01:20:48,670 --> 01:20:49,440
la paraula clau var -

1574
01:20:49,440 --> 01:20:53,590
V-A-R. PHP utilitza el signe de dòlar,
com Zamyla discutit anteriorment.

1575
01:20:53,590 --> 01:20:57,570
Per a declarar un associativa
matriu, veiem la sintaxi familiar a

1576
01:20:57,570 --> 01:20:59,030
el costat dret amb PHP.

1577
01:20:59,030 --> 01:21:01,630
Al costat esquerre, en lloc
utilitza claus.

1578
01:21:01,630 --> 01:21:03,280
I després hi ha les seves claus a l'esquerra.

1579
01:21:03,280 --> 01:21:04,670
Llavors vostè té un còlon.

1580
01:21:04,670 --> 01:21:06,560
I llavors vostè té els valors
que desitgi.

1581
01:21:06,560 --> 01:21:09,840
>> Així que aquesta és la forma en que ho faria en PHP
en el costat dret amb què segon

1582
01:21:09,840 --> 01:21:10,955
línia que comença a Milo.

1583
01:21:10,955 --> 01:21:14,540
I així és com ho faries en la
costat esquerre de JavaScript si desitja

1584
01:21:14,540 --> 01:21:16,110
el que anomenem un objecte.

1585
01:21:16,110 --> 01:21:19,340
I els objectes en JavaScript són
només matrius associatives.

1586
01:21:19,340 --> 01:21:23,710
Així que si vols tenir accés als camps, en
PHP utilitza aquesta sintaxi suport.

1587
01:21:23,710 --> 01:21:27,170
I d'aquesta manera, es pot reassignar
aquest camp propietari a Lauren.

1588
01:21:27,170 --> 01:21:30,150
>> Bé, en JavaScript, si un vol
accés a un camp i canviar-lo, vostè pot

1589
01:21:30,150 --> 01:21:31,370
utilitzar la sintaxi amb punt.

1590
01:21:31,370 --> 01:21:33,860
També podeu utilitzar la sintaxi de suport.

1591
01:21:33,860 --> 01:21:35,550
Però no es pot utilitzar el
dot sintaxi en PHP.

1592
01:21:35,550 --> 01:21:36,525
Això no funcionarà.

1593
01:21:36,525 --> 01:21:38,910
Només funciona en PHP.

1594
01:21:38,910 --> 01:21:42,060
I, finalment, per imprimir les coses a l'
consola, utilitzeu console.log, que

1595
01:21:42,060 --> 01:21:43,720
vostès utilitzen una gran quantitat de pset8.

1596
01:21:43,720 --> 01:21:45,260
Pot console.log això.

1597
01:21:45,260 --> 01:21:50,030
>> Si voleu imprimir una matriu en
PHP, vostè ha d'utilitzar la impressió r.

1598
01:21:50,030 --> 01:21:53,240
I en el costat dret, es veu Haixix
concatenació de cadenes d'allà.

1599
01:21:53,240 --> 01:21:54,070
Algú li va preguntar abans.

1600
01:21:54,070 --> 01:21:55,850
Jo ús un plus en JavaScript.

1601
01:21:55,850 --> 01:21:59,800
Si vull alguna cosa concatenar
en PHP, jo faig servir el punt.

1602
01:21:59,800 --> 01:22:00,800
Aquests són diferents.

1603
01:22:00,800 --> 01:22:03,420
Si estàs escrivint codi PHP,
no utilitzi un plus.

1604
01:22:03,420 --> 01:22:06,810
Si estàs escrivint JavaScript
codi, no escrigui un punt.

1605
01:22:06,810 --> 01:22:08,230
Serà equivocat.

1606
01:22:08,230 --> 01:22:09,640
I estaràs trist.

1607
01:22:09,640 --> 01:22:11,000
>> Així que les diferències de sintaxi.

1608
01:22:11,000 --> 01:22:14,710
Conegui al seu sintaxi, perquè si ha de
escriure una pregunta i utilitza la sintaxi

1609
01:22:14,710 --> 01:22:16,890
L'idioma equivocat,
no funcionarà.

1610
01:22:16,890 --> 01:22:19,520
I estarà malament.

1611
01:22:19,520 --> 01:22:22,420
Així que anem a parlar una mica de control
diferències de flux, com ho fa servir

1612
01:22:22,420 --> 01:22:24,040
bucles en cada un d'ells.

1613
01:22:24,040 --> 01:22:26,610
Zamyla ser per dalt del costat dret.

1614
01:22:26,610 --> 01:22:27,780
Les coses al costat dret
ha d'estar familiaritzat.

1615
01:22:27,780 --> 01:22:29,670
Vegem a la banda esquerra.

1616
01:22:29,670 --> 01:22:34,830
>> Quan s'utilitza per n bucle en JavaScript,
la variable de bucle, var i d'allà,

1617
01:22:34,830 --> 01:22:37,210
llaç sobre les claus de la matriu.

1618
01:22:37,210 --> 01:22:39,150
Així que vostè vegi el nom, la casa, i el paper.

1619
01:22:39,150 --> 01:22:42,440
Si console.log i, rebut
nom, casa, i el paper.

1620
01:22:42,440 --> 01:22:44,720
Aquestes són les claus.

1621
01:22:44,720 --> 01:22:50,080
En JavaScript, un bucle foreach va
en els valors d'aquesta matriu.

1622
01:22:50,080 --> 01:22:52,040
Llavors t'adones que tots dos són i.

1623
01:22:52,040 --> 01:22:56,000
Però aquí al costat de PHP, s'imprimeix
a Milo, CS50, i la mascota.

1624
01:22:56,000 --> 01:22:57,390
Aquests són els valors en PHP.

1625
01:22:57,390 --> 01:23:00,180
>> Així que aquests són com aquests dos són diferents
en els diferents idiomes.

1626
01:23:00,180 --> 01:23:02,970
Així que si vostè està utilitzant un foreach
loop, no assumeixi que es

1627
01:23:02,970 --> 01:23:03,760
li dóna les claus.

1628
01:23:03,760 --> 01:23:08,010
I si vostè està utilitzant un llaç per n, no ho facis
assumeixi que li dóna els valors.

1629
01:23:08,010 --> 01:23:10,420
Això té sentit fins ara?

1630
01:23:10,420 --> 01:23:13,630
La següent diapositiva es mostrarà
com es pot accedir a tot el contrari en

1631
01:23:13,630 --> 01:23:15,160
cada un d'ells.

1632
01:23:15,160 --> 01:23:18,550
>> Bé, si vostè té la clau en JavaScript
i desitja que el valor de sortida,

1633
01:23:18,550 --> 01:23:20,440
que acaba d'índex a la
matriu amb això.

1634
01:23:20,440 --> 01:23:23,640
Llavors Milo d'i li aconseguirà el
vostè vol - els valors.

1635
01:23:23,640 --> 01:23:25,260
Hi ha una sintaxi diferent en PHP.

1636
01:23:25,260 --> 01:23:28,140
Si realment vols saber-ho, no ho sé
pensem que hem mostrem a vostè encara.

1637
01:23:28,140 --> 01:23:31,740
Però si vostè està interessat, pot utilitzar
aquesta sintaxi addicional a la dreta

1638
01:23:31,740 --> 01:23:35,130
costat que en realitat li permetrà obtenir la
claus en PHP quan utilitzeu un

1639
01:23:35,130 --> 01:23:35,880
bucle foreach.

1640
01:23:35,880 --> 01:23:39,640
Així que una mica de trivialitats
si vostè està interessat.

1641
01:23:39,640 --> 01:23:42,630
>> Així que això és només per a demostrar la
diferències entre aquests dos bucles.

1642
01:23:42,630 --> 01:23:47,060
No els barregi fins quan estàs
programar una pregunta.

1643
01:23:47,060 --> 01:23:49,774
Una pregunta sobre això.

1644
01:23:49,774 --> 01:23:50,770
Genial.

1645
01:23:50,770 --> 01:23:51,310
Està bé.

1646
01:23:51,310 --> 01:23:52,250
JavaScript objectes.

1647
01:23:52,250 --> 01:23:53,040
Vaig parlar sobre ells.

1648
01:23:53,040 --> 01:23:54,650
Són com matrius associatives.

1649
01:23:54,650 --> 01:23:57,730
L'única cosa que m'agradaria que tingui en compte
aquí és que un valor en un associativa

1650
01:23:57,730 --> 01:23:59,540
matriu pot ser qualsevol cosa en JavaScript.

1651
01:23:59,540 --> 01:24:02,240
>> Fins i tot pot ser una funció,
com allà.

1652
01:24:02,240 --> 01:24:04,600
Tinc una funció que
és un valor d'una clau.

1653
01:24:04,600 --> 01:24:07,030
I si vull cridar a aquesta funció,
Acabo d'accedir a l'escorça.

1654
01:24:07,030 --> 01:24:08,490
I llavors em vaig posar entre parèntesis
després d'això.

1655
01:24:08,490 --> 01:24:09,790
I això funciona.

1656
01:24:09,790 --> 01:24:15,570
Així que alguna pregunta?

1657
01:24:15,570 --> 01:24:16,370
No?

1658
01:24:16,370 --> 01:24:16,650
D'acord.

1659
01:24:16,650 --> 01:24:18,190
Bé.

1660
01:24:18,190 --> 01:24:20,130
JavaScript, com PHP,
està vagament escrit.

1661
01:24:20,130 --> 01:24:20,970
Què significa això?

1662
01:24:20,970 --> 01:24:22,380
>> S'ha tipus.

1663
01:24:22,380 --> 01:24:24,800
Però quan es declara una JavaScript
variable, es diu var i.

1664
01:24:24,800 --> 01:24:25,850
No ho diu.

1665
01:24:25,850 --> 01:24:26,460
Això no és res.

1666
01:24:26,460 --> 01:24:28,000
Vostè acaba de dir que és una variable.

1667
01:24:28,000 --> 01:24:31,590
I després JavaScript s'encarregarà de la
tipus sota el capó per a vostè.

1668
01:24:31,590 --> 01:24:34,390
Podem convertir lliurement entre
tipus a causa d'això.

1669
01:24:34,390 --> 01:24:37,360
Així que comença com una sèrie
en aquest cas.

1670
01:24:37,360 --> 01:24:38,790
I després tinc una cadena.

1671
01:24:38,790 --> 01:24:39,710
I afegeixo jo a ella.

1672
01:24:39,710 --> 01:24:41,810
I jo reassignar de nou en i.

1673
01:24:41,810 --> 01:24:43,640
>> Així que en aquesta primera línia,
i és el nombre.

1674
01:24:43,640 --> 01:24:47,310
En la segona línia, ara es converteix en un
cadena després de fer la reassignació.

1675
01:24:47,310 --> 01:24:52,820
I aquí, només estic concatenant
aquest número a la cadena.

1676
01:24:52,820 --> 01:24:56,210
Així que ja veus que tot i que jo era un
sencer en la primera part, és una espècie

1677
01:24:56,210 --> 01:24:58,500
de com ser convertit a un
cadena i després s'afegeix

1678
01:24:58,500 --> 01:25:00,510
en aquesta cadena hola.

1679
01:25:00,510 --> 01:25:02,340
I això és el que vull dir
per la tipificació solt.

1680
01:25:02,340 --> 01:25:04,760
Això és que permet convertir entre
tipus molt fàcilment.

1681
01:25:04,760 --> 01:25:08,840
I no llança advertències
a vostè com C fa.

1682
01:25:08,840 --> 01:25:12,420
>> Així que ara conté hola
123 a la cadena.

1683
01:25:12,420 --> 01:25:13,270
Següent.

1684
01:25:13,270 --> 01:25:15,610
També podem comparar lliurement
entre els tipus.

1685
01:25:15,610 --> 01:25:19,310
Així que si vostè només ha d'utilitzar ==, molt
com en PHP, JavaScript

1686
01:25:19,310 --> 01:25:20,480
fa una cosa semblant.

1687
01:25:20,480 --> 01:25:24,780
La cadena 123 és el mateix que el nombre
123 quan s'utilitza igual doble.

1688
01:25:24,780 --> 01:25:27,820
Quan s'utilitza iguals triples, també
vol assegurar-se que

1689
01:25:27,820 --> 01:25:29,240
el tipus és el mateix.

1690
01:25:29,240 --> 01:25:31,960
Així que, ja que és una cadena i que és
un nombre, tot i que tots dos són

1691
01:25:31,960 --> 01:25:35,280
123, quan s'utilitza el triple
iguals, s'obté falsa.

1692
01:25:35,280 --> 01:25:39,330
En el doble és el mateix cas, s'obté cert,
perquè igual doble no ho fa

1693
01:25:39,330 --> 01:25:40,020
preocupar-se pel tipus.

1694
01:25:40,020 --> 01:25:42,500
Iguals triples es preocupa pel tipus.

1695
01:25:42,500 --> 01:25:43,750
Preguntes?

1696
01:25:43,750 --> 01:25:45,790

1697
01:25:45,790 --> 01:25:48,390
D'acord.

1698
01:25:48,390 --> 01:25:52,870
>> I una altra cosa sobre JavaScript està
abast és una espècie de mundial a menys que estigui

1699
01:25:52,870 --> 01:25:53,460
en una funció.

1700
01:25:53,460 --> 01:25:55,660
I funciona de la mateixa
manera en PHP realitat.

1701
01:25:55,660 --> 01:25:57,500
Així que anem a anar a través d'aquest exemple.

1702
01:25:57,500 --> 01:25:59,110
Em vaig posar i 999.

1703
01:25:59,110 --> 01:26:00,900
I després d'entrar en aquest bucle.

1704
01:26:00,900 --> 01:26:06,110
Així que si estic imprimint i en el present per
bucle, espero 0, 1, 2, 3, 4.

1705
01:26:06,110 --> 01:26:07,390
Arribo a i = 4.

1706
01:26:07,390 --> 01:26:10,770
Incrementa i ara a 5
al final del bucle per.

1707
01:26:10,770 --> 01:26:13,300
I llavors es trenca fora d'ona,
ja que no compleix el

1708
01:26:13,300 --> 01:26:14,550
condicionar més.

1709
01:26:14,550 --> 01:26:16,650
>> Què et sembla que el proper
console.log imprimeix?

1710
01:26:16,650 --> 01:26:20,570

1711
01:26:20,570 --> 01:26:24,790
Així que això és el que faria en C. En C,
perquè si tens com var i fora

1712
01:26:24,790 --> 01:26:28,855
i vostè té var i dins d'un bucle, com un
bucle, llavors fa que sigui tal que

1713
01:26:28,855 --> 01:26:30,690
que és com abast que els dos
d'i són diferents.

1714
01:26:30,690 --> 01:26:34,630
En JavaScript, ho farà just
el tracten com el mateix i.

1715
01:26:34,630 --> 01:26:37,870
Tinc 5, perquè aquest era el valor
després que va sortir fora del bucle.

1716
01:26:37,870 --> 01:26:39,120
Així que aquestes is són els mateixos i.

1717
01:26:39,120 --> 01:26:42,620

1718
01:26:42,620 --> 01:26:44,130
Això té sentit?

1719
01:26:44,130 --> 01:26:45,720
>> Bé, té sentit des
un punt de vista de JavaScript.

1720
01:26:45,720 --> 01:26:49,510
Però el mateix paradigma no
traslladarà a C. Tenen

1721
01:26:49,510 --> 01:26:50,310
diferents regles d'àmbit.

1722
01:26:50,310 --> 01:26:50,630
Sí

1723
01:26:50,630 --> 01:26:52,566
>> AUDIÈNCIA: [inaudible]

1724
01:26:52,566 --> 01:26:54,990
fora de la funció [inaudible]?

1725
01:26:54,990 --> 01:26:58,340
>> JOSÉ ONG: Així que fora de la funció?

1726
01:26:58,340 --> 01:27:00,810
Així que vaig a arribar a això en un segon.

1727
01:27:00,810 --> 01:27:02,580
Així que anomenem foo (i).

1728
01:27:02,580 --> 01:27:06,920
Això passa en i foo, increments
, I després ho registra.

1729
01:27:06,920 --> 01:27:07,750
Així que era de 5.

1730
01:27:07,750 --> 01:27:09,210
Per tant, es converteix en 6.

1731
01:27:09,210 --> 01:27:11,670
Però del que estic parlant és de
que jo en aquesta funció.

1732
01:27:11,670 --> 01:27:14,430
Com que és un paràmetre, és
àmbit d'aquesta funció.

1733
01:27:14,430 --> 01:27:17,800
Així que un cop fet, m'aixeco de la qual
funció, ara se n'anirà

1734
01:27:17,800 --> 01:27:19,860
tornar a la vella i.

1735
01:27:19,860 --> 01:27:23,000
Que només està en l'àmbit, ja
que està en una funció.

1736
01:27:23,000 --> 01:27:24,200
I tenim l'abast i funcions.

1737
01:27:24,200 --> 01:27:29,080
Però no tenim abast fora
de funcions en JavaScript.

1738
01:27:29,080 --> 01:27:31,170
Això té sentit?

1739
01:27:31,170 --> 01:27:31,320
Sí

1740
01:27:31,320 --> 01:27:31,660
Pregunta.

1741
01:27:31,660 --> 01:27:34,030
>> AUDIÈNCIA: Same [inaudible]?

1742
01:27:34,030 --> 01:27:34,500
>> JOSÉ ONG: Així que si.

1743
01:27:34,500 --> 01:27:36,260
En PHP, que és el mateix tipus de coses.

1744
01:27:36,260 --> 01:27:37,680
Hi ha una petita subtilesa en realitat.

1745
01:27:37,680 --> 01:27:40,130
Però vostè em pot preguntar sobre
que després de la revisió.

1746
01:27:40,130 --> 01:27:43,930
Segur que no necessita saber
que la subtilesa de la prova.

1747
01:27:43,930 --> 01:27:47,600
Per a tots els efectes, com
les variables, global i PHP, llevat que

1748
01:27:47,600 --> 01:27:49,150
estan en una funció, mateixa
cosa en JavaScript.

1749
01:27:49,150 --> 01:27:49,480
Sí

1750
01:27:49,480 --> 01:27:52,890
>> AUDIÈNCIA: Per què està permès en
JavaScript i no en un altre lloc?

1751
01:27:52,890 --> 01:27:55,010
>> JOSÉ ONG: Llavors per què es va permetre
en JavaScript i no en C?

1752
01:27:55,010 --> 01:27:58,180
És que tot el que se li va ocórrer
JavaScript decidir que estava bé en

1753
01:27:58,180 --> 01:27:59,510
JavaScript.

1754
01:27:59,510 --> 01:28:02,430
Així és com un llenguatge de programació
convenció com diríem.

1755
01:28:02,430 --> 01:28:02,580
Sí

1756
01:28:02,580 --> 01:28:04,480
>> AUDIÈNCIA: Llavors per què
anar de 6 a 5?

1757
01:28:04,480 --> 01:28:08,280
>> JOSÉ ONG: Així que es va anar 6-5,
perquè quan vaig passar jo en foo, que

1758
01:28:08,280 --> 01:28:13,420
i dins foo ara té com abast foo,
perquè hi ha un marge en funcions en

1759
01:28:13,420 --> 01:28:15,050
JavaScript.

1760
01:28:15,050 --> 01:28:18,720
Però una vegada que surti d'aquí, perquè
va ser àmbit de la funció, només sóc

1761
01:28:18,720 --> 01:28:24,300
utilitzant l'i regular que estava dins
la resta del flux de control.

1762
01:28:24,300 --> 01:28:25,210
Té sentit?

1763
01:28:25,210 --> 01:28:26,910
Puc passar?

1764
01:28:26,910 --> 01:28:27,320
Està bé.

1765
01:28:27,320 --> 01:28:29,180
Genial.

1766
01:28:29,180 --> 01:28:31,890
>> L'acceptació d'això és objectes
es passen per referència.

1767
01:28:31,890 --> 01:28:33,990
Ja saps el que passa
una matriu en C poguessis

1768
01:28:33,990 --> 01:28:35,810
realment modificar la matriu?

1769
01:28:35,810 --> 01:28:37,350
És la mateixa cosa en JavaScript.

1770
01:28:37,350 --> 01:28:42,960
Si pas un objecte, en aquest cas,
passat Milo en aquesta funció catify.

1771
01:28:42,960 --> 01:28:44,490
Milo comença.

1772
01:28:44,490 --> 01:28:46,310
El seu nom és Milo plàtan.

1773
01:28:46,310 --> 01:28:51,670
Em passi aquest objecte en una funció
perquè és un objecte, un associativa

1774
01:28:51,670 --> 01:28:53,730
matriu en JavaScript.

1775
01:28:53,730 --> 01:28:57,110
>> En realitzar una operació
en aquesta funció, ho farà

1776
01:28:57,110 --> 01:28:58,560
realment canviar l'objecte.

1777
01:28:58,560 --> 01:29:01,720
Així que això només passarà per als objectes
en JavaScript, el mateix que passa

1778
01:29:01,720 --> 01:29:09,230
per arranjaments dins del nom de C. Així que Milo
en realitat convertir-se en gat ara.

1779
01:29:09,230 --> 01:29:10,090
Això té sentit?

1780
01:29:10,090 --> 01:29:11,840
Així que això només funciona per als objectes.

1781
01:29:11,840 --> 01:29:13,090
Els objectes es passen per referència.

1782
01:29:13,090 --> 01:29:13,400
Sí

1783
01:29:13,400 --> 01:29:16,850
>> AUDIÈNCIA: Estàs dient que
en contrast a la variable i.

1784
01:29:16,850 --> 01:29:17,240
>> JOSÉ ONG: Si.

1785
01:29:17,240 --> 01:29:20,330
Què variable i només estava
un nombre, no?

1786
01:29:20,330 --> 01:29:25,280
És com en C quan es passa un
Integer, es fa una còpia.

1787
01:29:25,280 --> 01:29:28,130
I quan es passa una matriu, que en realitat
canvia la matriu real en

1788
01:29:28,130 --> 01:29:32,870
C. El mateix passa amb
JavaScript en aquest cas.

1789
01:29:32,870 --> 01:29:34,070
Està bé.

1790
01:29:34,070 --> 01:29:38,134
I al costat, Milo és trist perquè
ara és un gat.

1791
01:29:38,134 --> 01:29:40,790

1792
01:29:40,790 --> 01:29:45,060
Això va ser en realitat Milo després
algun viatge al veterinari.

1793
01:29:45,060 --> 01:29:46,860
>> Llavors, com fem servir JavaScript
en una pàgina web?

1794
01:29:46,860 --> 01:29:47,790
Podem incloure-ho.

1795
01:29:47,790 --> 01:29:50,090
Aquest és el codi HTML amb les etiquetes de la tira.

1796
01:29:50,090 --> 01:29:51,300
Així que tinc strip tags allà.

1797
01:29:51,300 --> 01:29:54,820
I llavors em vaig posar una mica de JavaScript
codi dins de les etiquetes de script.

1798
01:29:54,820 --> 01:29:56,390
I llavors s'executa aquesta.

1799
01:29:56,390 --> 01:29:58,830
Quan només ho faig d'aquesta manera, és
anomenat JavaScript inline.

1800
01:29:58,830 --> 01:30:02,400
És una mica complicat, ja que el
Javascript és en realitat en el codi HTML.

1801
01:30:02,400 --> 01:30:07,010
>> Una millor manera de fer això, molt millor,
és escriure el teu JavaScript en una

1802
01:30:07,010 --> 01:30:10,920
arxiu extern i, a continuació, proporcionar
l'etiqueta script amb una font.

1803
01:30:10,920 --> 01:30:14,920
I això va a anar a aquest arxiu JavaScript
i llegir el codi JavaScript de

1804
01:30:14,920 --> 01:30:15,960
aquest arxiu al seu lloc.

1805
01:30:15,960 --> 01:30:18,820
I d'aquesta manera, vostè no té una gran quantitat de
JavaScript al començament del seu

1806
01:30:18,820 --> 01:30:20,760
Arxiu HTML, el que fa
És realment complicat.

1807
01:30:20,760 --> 01:30:21,860
Vostè acaba de posar en un altre lloc.

1808
01:30:21,860 --> 01:30:24,310
I després es va a llegir des d'allà.

1809
01:30:24,310 --> 01:30:25,560
Això té sentit?

1810
01:30:25,560 --> 01:30:27,990

1811
01:30:27,990 --> 01:30:29,640
>> Matèria de col · locació.

1812
01:30:29,640 --> 01:30:32,620
En aquest cas particular, l'
guió està abans que el cos.

1813
01:30:32,620 --> 01:30:36,090
Així que quan jo faci això, no hi ha
res en el cos encara.

1814
01:30:36,090 --> 01:30:39,920
Potser això et farà una mica més
sentir quan mostro la següent part.

1815
01:30:39,920 --> 01:30:43,210
En aquest cas, la seqüència de comandaments
ve després de la div.

1816
01:30:43,210 --> 01:30:46,620
Així que el div apareix en realitat
a la pàgina primera.

1817
01:30:46,620 --> 01:30:49,470
Just aquí, en aquest petit cercle vermell,
veus que aparegui el text.

1818
01:30:49,470 --> 01:30:51,810
I llavors l'alerta apareix.

1819
01:30:51,810 --> 01:30:54,890
>> En el primer cas, perquè el guió
va ser abans de la div, el

1820
01:30:54,890 --> 01:30:56,170
alerta apareix en primer lloc.

1821
01:30:56,170 --> 01:30:59,250
I llavors el div es presenta després de
rebutja la caixa.

1822
01:30:59,250 --> 01:31:01,330
Així que l'execució importa.

1823
01:31:01,330 --> 01:31:02,290
Així que anem a mantenir això en ment.

1824
01:31:02,290 --> 01:31:03,640
Això serà important
aquí a una estona.

1825
01:31:03,640 --> 01:31:08,730

1826
01:31:08,730 --> 01:31:09,540
D'acord.

1827
01:31:09,540 --> 01:31:12,750
Tan bé, com s'espera fins al
pàgina completa es carrega abans de

1828
01:31:12,750 --> 01:31:13,580
executar algun codi?

1829
01:31:13,580 --> 01:31:15,540
Entrarem en això una mica
poc més tard també.

1830
01:31:15,540 --> 01:31:19,016
Però només mantenir aquesta posició
assumptes en ment per quan

1831
01:31:19,016 --> 01:31:20,570
arribat a una altra diapositiva.

1832
01:31:20,570 --> 01:31:22,030
>> Així arribem a DOM ara.

1833
01:31:22,030 --> 01:31:23,550
I el que és DOM?

1834
01:31:23,550 --> 01:31:26,830
Així que si ens fixem en el codi HTML, és només
un munt de text a la pantalla.

1835
01:31:26,830 --> 01:31:30,560
Llavors, com sap que JavaScript
Aquest és un element HTML?

1836
01:31:30,560 --> 01:31:33,410
Així que hem de tenir una mica de memòria
representació d'aquest

1837
01:31:33,410 --> 01:31:34,930
estructura que tenim.

1838
01:31:34,930 --> 01:31:40,240
I cada vegada que tenim això en memòria
representació en JavaScript, que anomenem

1839
01:31:40,240 --> 01:31:41,750
que el DOM.

1840
01:31:41,750 --> 01:31:45,130
I és només una manera de que la gent va decidir
que hem de representar aquesta

1841
01:31:45,130 --> 01:31:46,400
Estructura HTML com.

1842
01:31:46,400 --> 01:31:47,940
>> I què té això DOM sembla?

1843
01:31:47,940 --> 01:31:50,460
Bé, en representació de la memòria,
prenem aquest text.

1844
01:31:50,460 --> 01:31:52,870
I ens convertim en la memòria
representació.

1845
01:31:52,870 --> 01:31:54,400
Així que aquest és l'HTML.

1846
01:31:54,400 --> 01:31:58,090
Així que ens trobem en primer lloc que tots els
Arbre DOM té un document.

1847
01:31:58,090 --> 01:31:59,400
S'assembla a un arbre.

1848
01:31:59,400 --> 01:32:03,550
I el document conté el codi HTML
etiqueta, en realitat tot

1849
01:32:03,550 --> 01:32:05,150
dins d'això ara.

1850
01:32:05,150 --> 01:32:06,970
El tag HTML té dos fills.

1851
01:32:06,970 --> 01:32:08,630
Té un cap.

1852
01:32:08,630 --> 01:32:12,380
Aquesta cap, si ens fixem en la sagnia
enllà en la manera com està estructurat

1853
01:32:12,380 --> 01:32:14,960
entre les etiquetes de tancament,
el cap té un fill.

1854
01:32:14,960 --> 01:32:17,130
El nen és el títol.

1855
01:32:17,130 --> 01:32:18,370
Exactament.

1856
01:32:18,370 --> 01:32:21,000
>> Ara, tenim un nen cos.

1857
01:32:21,000 --> 01:32:24,870
I després que el cos té una
nen va trucar a la família.

1858
01:32:24,870 --> 01:32:27,950
I que la família té tres fills -

1859
01:32:27,950 --> 01:32:29,550
més antic, mitjà i menor.

1860
01:32:29,550 --> 01:32:31,960
Així que vostè ha de saber dibuixar un diagrama
així quan ens preguntem com

1861
01:32:31,960 --> 01:32:34,270
per dibuixar un diagrama quan donem
que el codi HTML de l'esquerra.

1862
01:32:34,270 --> 01:32:36,350
Sàpiga com produir l'arbre DOM.

1863
01:32:36,350 --> 01:32:38,930
I dins d'aquestes coses, només hi ha
una mica de text, que he representat

1864
01:32:38,930 --> 01:32:40,180
com petites caixes.

1865
01:32:40,180 --> 01:32:42,750

1866
01:32:42,750 --> 01:32:47,980
>> Aquesta estructura d'arbre DOM fer
sentit i quin és el DOM?

1867
01:32:47,980 --> 01:32:49,300
Llavors, què signifiquen les sigles de la pàgina Què busques?

1868
01:32:49,300 --> 01:32:51,850
Per aquí, la pàgina per allà
en aquesta etiqueta representa un

1869
01:32:51,850 --> 01:32:54,510
etiqueta de paràgraf en HTML.

1870
01:32:54,510 --> 01:32:57,080
Així que vostè pot mirar cap amunt.

1871
01:32:57,080 --> 01:32:59,290
Però només significa que és una
espai per al text.

1872
01:32:59,290 --> 01:33:02,910
I té una mica de CSS estil predeterminat,
perquè és una etiqueta de paràgraf.

1873
01:33:02,910 --> 01:33:05,130
Però en realitat no et preocupis per
que una part massa.

1874
01:33:05,130 --> 01:33:07,510
Només sé que és un marcador de posició
d'algun text.

1875
01:33:07,510 --> 01:33:08,480
Sí

1876
01:33:08,480 --> 01:33:10,200
Consulta?

1877
01:33:10,200 --> 01:33:11,021
Sí

1878
01:33:11,021 --> 01:33:12,374
>> AUDIÈNCIA: Vostè acaba d'esmentar CSS.

1879
01:33:12,374 --> 01:33:15,492
La família de hash i el hash
tot això és, bàsicament,

1880
01:33:15,492 --> 01:33:17,400
en representació dels ID en CSS?

1881
01:33:17,400 --> 01:33:18,440
>> JOSÉ ONG: Sí, exactament.

1882
01:33:18,440 --> 01:33:20,380
Vaig a arribar al que aquests hashes
significar en un segon.

1883
01:33:20,380 --> 01:33:23,480
Quan Angela es va acostar CSS, ella
parlat de selectors CSS.

1884
01:33:23,480 --> 01:33:26,770
Aquests són els selectors CSS que
que estava parlant.

1885
01:33:26,770 --> 01:33:28,268
Sí, Rob?

1886
01:33:28,268 --> 01:33:32,060
>> ROB Bowden: També m'agradaria comentar
que DOM dins de l'etiqueta del títol

1887
01:33:32,060 --> 01:33:35,385
és també un node de text.

1888
01:33:35,385 --> 01:33:36,070
>> JOSÉ ONG: així.

1889
01:33:36,070 --> 01:33:38,370
Així que dins de l'etiqueta del títol,
Tinc una mica de DOM text.

1890
01:33:38,370 --> 01:33:42,730
Així que en realitat, aquest títol ha de tenir com una
petita caixa que surt d'ella també.

1891
01:33:42,730 --> 01:33:45,740
Però en realitat no importa
massa en aquest cas.

1892
01:33:45,740 --> 01:33:49,620
En realitat no es preocupen pels nodes de text,
com els anomenem, massa.

1893
01:33:49,620 --> 01:33:50,270
Bé, el que fem.

1894
01:33:50,270 --> 01:33:51,520
Pel que sembla, el que fem.

1895
01:33:51,520 --> 01:33:54,260

1896
01:33:54,260 --> 01:33:57,100
I vaig a arreglar això quan
Pujo de nou.

1897
01:33:57,100 --> 01:33:59,830
Això té sentit?

1898
01:33:59,830 --> 01:34:01,160
>> Llavors, com podem treballar amb el DOM?

1899
01:34:01,160 --> 01:34:03,790
Cada vegada que s'ocupa de la DOM en
JavaScript, hi ha dos passos.

1900
01:34:03,790 --> 01:34:05,030
Seleccioneu un element DOM.

1901
01:34:05,030 --> 01:34:06,580
I després fas les coses a ella.

1902
01:34:06,580 --> 01:34:11,480
Així que en aquest cas, de manera abstracta, no tinc
seleccionat l'element mitjà.

1903
01:34:11,480 --> 01:34:14,530
I a continuació, un exemple de fer les coses
a ella es canvia el text.

1904
01:34:14,530 --> 01:34:16,020
Això solia ser Bob.

1905
01:34:16,020 --> 01:34:19,930
Ara bé, el que vaig fer amb ell va ser que vaig canviar
Bob a Milo en aquest cas.

1906
01:34:19,930 --> 01:34:22,130
>> Així que com podem fer això?

1907
01:34:22,130 --> 01:34:23,440
Com fem la selecció?

1908
01:34:23,440 --> 01:34:26,560
I com fem el fent coses per
la cosa una vegada que hem pres això?

1909
01:34:26,560 --> 01:34:30,470
Bé, la forma en què vostès han après
en aquesta classe és l'ús d'alguna cosa que

1910
01:34:30,470 --> 01:34:32,420
anomenada jQuery.

1911
01:34:32,420 --> 01:34:33,910
Llavors, què és jQuery?

1912
01:34:33,910 --> 01:34:37,220
jQuery és una biblioteca que fa
JavaScript més fàcil d'escriure.

1913
01:34:37,220 --> 01:34:39,500
Així que algú es va prendre el temps
i va escriure jQuery.

1914
01:34:39,500 --> 01:34:41,530
>> jQuery és en realitat escrit
en JavaScript.

1915
01:34:41,530 --> 01:34:44,550
I després perquè van fer això, ara
té un munt de funcions que

1916
01:34:44,550 --> 01:34:46,020
podem usar que fan que la nostra
viu realment fàcil.

1917
01:34:46,020 --> 01:34:48,580

1918
01:34:48,580 --> 01:34:50,030
Quines són algunes de les
coses que fa?

1919
01:34:50,030 --> 01:34:51,650
Això fa que la selecció elements més fàcil.

1920
01:34:51,650 --> 01:34:54,020
Es fa el canvi d'HTML,
l'addició de les classes més fàcil.

1921
01:34:54,020 --> 01:34:55,360
Es fa més fàcil l'Ajax.

1922
01:34:55,360 --> 01:34:58,230
Anem a arribar a això en un segon.

1923
01:34:58,230 --> 01:35:00,630
>> I és anàloga a biblioteques C.

1924
01:35:00,630 --> 01:35:03,090
Així que vostè inclou string.h,
et strlen.

1925
01:35:03,090 --> 01:35:04,680
Vostè aconsegueix strcpy, totes aquestes coses.

1926
01:35:04,680 --> 01:35:09,650
En incloure jQuery, s'obté bona
formes de seleccionar elements al canvi

1927
01:35:09,650 --> 01:35:10,390
coses, etcètera.

1928
01:35:10,390 --> 01:35:12,990
Vostè aconsegueix una funcionalitat extra que
JavaScript no li dóna.

1929
01:35:12,990 --> 01:35:15,310
Així que jQuery no està habilitat.

1930
01:35:15,310 --> 01:35:18,660
jQuery és una biblioteca que està escrit en
JavaScript que fa JavaScript

1931
01:35:18,660 --> 01:35:20,440
més fàcil d'escriure.

1932
01:35:20,440 --> 01:35:23,170
>> Així que jQuery no és una programació
idioma.

1933
01:35:23,170 --> 01:35:24,540
Però és JavaScript.

1934
01:35:24,540 --> 01:35:27,420

1935
01:35:27,420 --> 01:35:27,590
fer.

1936
01:35:27,590 --> 01:35:30,420
Assegurar-se que rep la seva terminologia correcta.

1937
01:35:30,420 --> 01:35:32,490
Alguna pregunta?

1938
01:35:32,490 --> 01:35:33,882
Sí

1939
01:35:33,882 --> 01:35:35,132
És una pregunta?

1940
01:35:35,132 --> 01:35:37,910

1941
01:35:37,910 --> 01:35:38,350
Està bé.

1942
01:35:38,350 --> 01:35:40,080
Així que, com utilitzar jQuery?

1943
01:35:40,080 --> 01:35:42,390
Bé, quan estàs escrivint alguns
El codi JavaScript i s'inclou un

1944
01:35:42,390 --> 01:35:45,570
jQuery a la part superior del seu arxiu com un
arxiu de script, s'utilitza el signe de dòlar

1945
01:35:45,570 --> 01:35:47,310
ara per accedir a jQuery per.

1946
01:35:47,310 --> 01:35:49,860
I això és diferent de
el signe de dòlar en PHP.

1947
01:35:49,860 --> 01:35:51,590
>> És el mateix símbol que
escrigui en el teclat.

1948
01:35:51,590 --> 01:35:52,780
Però que signifiquen coses molt diferents.

1949
01:35:52,780 --> 01:35:56,090
Signe de dòlar en PHP significa això
és com em declaro una variable.

1950
01:35:56,090 --> 01:35:59,120
En JavaScript, quan vostè ha inclòs
jQuery, representant jQuery.

1951
01:35:59,120 --> 01:36:01,280
Així que tingues en compte.

1952
01:36:01,280 --> 01:36:03,420
Així que com podem seleccionar els elements DOM?

1953
01:36:03,420 --> 01:36:06,500
Bé, quan ho fa el lleig JavaScript
manera, s'accedeix al

1954
01:36:06,500 --> 01:36:08,240
documentar variable global.

1955
01:36:08,240 --> 01:36:11,170
I llavors vostè aconsegueix element de la família d'identificació.

1956
01:36:11,170 --> 01:36:15,270
Això és molt llarg i prolix
i no gaire agradable.

1957
01:36:15,270 --> 01:36:18,190
>> O vostè pot aconseguir tots els elements
que són una etiqueta p.

1958
01:36:18,190 --> 01:36:20,080
Això també funciona en JavaScript.

1959
01:36:20,080 --> 01:36:22,470
Però en realitat mai va mostrar
que la sintaxi massa.

1960
01:36:22,470 --> 01:36:24,620
El que vam demostrar que eres jQuery.

1961
01:36:24,620 --> 01:36:28,720
Així que tot aquest selector cap amunt cal
es va expressar en JavaScript només es posa

1962
01:36:28,720 --> 01:36:33,320
condensat a aquesta molt bonic dòlar
signar família hashtag.

1963
01:36:33,320 --> 01:36:38,480
I $ p, just on és així.

1964
01:36:38,480 --> 01:36:41,690
Per seleccionar totes les etiquetes p
dins d'una família, posem un espai

1965
01:36:41,690 --> 01:36:42,890
entre els dos.

1966
01:36:42,890 --> 01:36:44,815
I ara, tenim tot el p
etiquetes dins d'una família.

1967
01:36:44,815 --> 01:36:48,740

1968
01:36:48,740 --> 01:36:50,380
>> I mira familiar?

1969
01:36:50,380 --> 01:36:52,880
Bé, Angela va parlar de
Selectors CSS.

1970
01:36:52,880 --> 01:36:54,200
Dóna'm un segon.

1971
01:36:54,200 --> 01:36:57,230
I així, per tal de seleccionar un element,
només ha d'utilitzar el mateix que vostè

1972
01:36:57,230 --> 01:36:58,530
ho faria amb un selector CSS.

1973
01:36:58,530 --> 01:37:00,910
Si poses un hash davant
d'això, se selecciona per ID.

1974
01:37:00,910 --> 01:37:02,220
Un punt selecciona per classes.

1975
01:37:02,220 --> 01:37:06,230
Si només tens la cosa sense
hashes o punts, seleccioneu aquestes etiquetes.

1976
01:37:06,230 --> 01:37:07,140
Preguntes.

1977
01:37:07,140 --> 01:37:07,470
Sí?

1978
01:37:07,470 --> 01:37:11,510
>> AUDIÈNCIA: Quan fem servir punt en la nostra
HTML, és que no jQuery?

1979
01:37:11,510 --> 01:37:13,520
>> JOSÉ ONG: Dot al nostre HTML
és una cosa JavaScript.

1980
01:37:13,520 --> 01:37:14,750
No és una cosa de jQuery.

1981
01:37:14,750 --> 01:37:17,620
La forma en què vostès ho van aprendre amb
jQuery és utilitzar. HTML.

1982
01:37:17,620 --> 01:37:21,510
I després va passar el que sigui
el codi HTML que serà.

1983
01:37:21,510 --> 01:37:23,480
Així que vaig a arribar a això en un sol
una segona realitat.

1984
01:37:23,480 --> 01:37:27,800
Llavors, com fem les coses a element
un cop hem seleccionat és?

1985
01:37:27,800 --> 01:37:30,130
Així que això és un exemple de
la selecció d'un element.

1986
01:37:30,130 --> 01:37:32,280
Així que ara, el que volem fer coses per a ella.

1987
01:37:32,280 --> 01:37:35,730
>> Així que en aquest cas, deixa tornar
a la diapositiva anterior.

1988
01:37:35,730 --> 01:37:37,360
Va ser Bob abans.

1989
01:37:37,360 --> 01:37:40,660
I jo vull canviar això
dins d'HTML a Milo.

1990
01:37:40,660 --> 01:37:43,240
Així que dic a la funció HTML
des de l'element.

1991
01:37:43,240 --> 01:37:45,580
Aquesta funció HTML està
un mètode d'element.

1992
01:37:45,580 --> 01:37:47,430
I llavors m'adono que
Vull que l'HTML sigui.

1993
01:37:47,430 --> 01:37:50,560
I simplement reemplaça el que hi ha dins
aquesta etiqueta amb el que li dono.

1994
01:37:50,560 --> 01:37:50,830
Sí

1995
01:37:50,830 --> 01:37:51,170
Consulta?

1996
01:37:51,170 --> 01:37:57,397
>> AUDIÈNCIA: S'utilitza el hashtag
només per al jQuery.

1997
01:37:57,397 --> 01:37:59,313
[Inaudible]

1998
01:37:59,313 --> 01:38:01,230
no usaríem això.

1999
01:38:01,230 --> 01:38:01,960
>> JOSÉ ONG: Sí, exactament.

2000
01:38:01,960 --> 01:38:03,750
Però no et preocupis massa
JavaScript sobre pura.

2001
01:38:03,750 --> 01:38:06,670
Només vull que vostès se centri en com
ho faria amb jQuery, perquè

2002
01:38:06,670 --> 01:38:10,020
això serà la important
part en el concurs.

2003
01:38:10,020 --> 01:38:10,400
Dreta.

2004
01:38:10,400 --> 01:38:10,880
Exactament.

2005
01:38:10,880 --> 01:38:16,025
Així que ja veus que hashtag, de manera que
correspon per seleccionar l'element amb

2006
01:38:16,025 --> 01:38:18,310
el medi ID per això hashtag.

2007
01:38:18,310 --> 01:38:19,670
Hashtag significa ID.

2008
01:38:19,670 --> 01:38:22,870
I aquest element té un ID de centre.

2009
01:38:22,870 --> 01:38:24,366
Així que aquest és l'element que seleccionem.

2010
01:38:24,366 --> 01:38:27,160
>> AUDIÈNCIA: [inaudible].

2011
01:38:27,160 --> 01:38:31,090
signe de dòlar hashtag [inaudible]?

2012
01:38:31,090 --> 01:38:31,710
>> JOSÉ ONG: Així no.

2013
01:38:31,710 --> 01:38:33,280
La pregunta és Es pot utilitzar. Valor.

2014
01:38:33,280 --> 01:38:36,445
I. Valor només funciona en els elements
que són entrades.

2015
01:38:36,445 --> 01:38:40,950

2016
01:38:40,950 --> 01:38:45,495
En jQuery, seria
. Val, no. Valor.

2017
01:38:45,495 --> 01:38:49,080
Així que vaig a arribar a un petit exemple que
demostra tot això en combinació

2018
01:38:49,080 --> 01:38:49,850
en un segon.

2019
01:38:49,850 --> 01:38:53,130
Però crec que això serveix un petit fragment
té sentit que la gent fins ara.

2020
01:38:53,130 --> 01:38:55,450
Vols canviar el codi HTML,
cridar al mètode d'HTML.

2021
01:38:55,450 --> 01:38:56,432
Sí

2022
01:38:56,432 --> 01:38:58,200
>> AUDIÈNCIA: Pot explicar
el mètode de nou?

2023
01:38:58,200 --> 01:39:01,900
>> JOSÉ ONG: Així que un mètode és només una
funció que pertany a un, en aquest

2024
01:39:01,900 --> 01:39:04,590
cas, un d'aquests elements DOM,
perquè es veu que

2025
01:39:04,590 --> 01:39:05,940
seleccionat l'element primer.

2026
01:39:05,940 --> 01:39:07,320
En realitat, em va permetre utilitzar el ratolí.

2027
01:39:07,320 --> 01:39:09,330
He seleccionat el primer element.

2028
01:39:09,330 --> 01:39:12,310
I llavors vaig trucar a aquest HTML
funció que tenia.

2029
01:39:12,310 --> 01:39:15,710
I a causa d'aquesta funció pertany a
això, en diem un mètode.

2030
01:39:15,710 --> 01:39:19,480
Això és només un nom elegant per a ella.

2031
01:39:19,480 --> 01:39:20,730
Digues-ho de nou.

2032
01:39:20,730 --> 01:39:22,880

2033
01:39:22,880 --> 01:39:25,170
Així que recordi, es van seleccionar
l'element ara.

2034
01:39:25,170 --> 01:39:27,810
I hem posat a l'interior de
la variable element.

2035
01:39:27,810 --> 01:39:28,600
Corregiu?

2036
01:39:28,600 --> 01:39:34,380
>> Per això, quan volem canviar el codi HTML a
a l'interior, perquè era Bob abans,

2037
01:39:34,380 --> 01:39:36,420
vol canviar aquest text a Milo.

2038
01:39:36,420 --> 01:39:37,920
Així que anomenem HTML.

2039
01:39:37,920 --> 01:39:41,610
I nosaltres diem que el que l'HTML dins
aquest element ha de ser ara.

2040
01:39:41,610 --> 01:39:44,107
I així l'hi canvia per Milo,
perquè jo l'hi vaig donar Milo.

2041
01:39:44,107 --> 01:39:46,542
>> AUDIÈNCIA: Així que estan treballant junts.

2042
01:39:46,542 --> 01:39:47,030
[Inaudible]

2043
01:39:47,030 --> 01:39:47,390
>> JOSÉ ONG: Sí, sí.

2044
01:39:47,390 --> 01:39:48,180
Estan treballant junts.

2045
01:39:48,180 --> 01:39:50,210
Així que un d'ells selecciona
l'element primer.

2046
01:39:50,210 --> 01:39:52,863
I el segon ho fa
alguna cosa a ell.

2047
01:39:52,863 --> 01:39:53,790
Sí

2048
01:39:53,790 --> 01:39:56,168
>> AUDIÈNCIA: [inaudible].

2049
01:39:56,168 --> 01:40:01,280
Si aquest mètode és diferent de l'HTML
vostè té el mètode de la igualtat real.

2050
01:40:01,280 --> 01:40:01,560
>> JOSÉ ONG: Si.

2051
01:40:01,560 --> 01:40:03,370
És un mètode diferent.

2052
01:40:03,370 --> 01:40:04,670
És un mètode diferent.

2053
01:40:04,670 --> 01:40:07,860
I podem cobrir que en tan sols un segon
quan arribem a un exemple.

2054
01:40:07,860 --> 01:40:12,000
Vull per assegurar-se que accelerem
perquè ens estem quedant sense temps.

2055
01:40:12,000 --> 01:40:15,360
Però ens hem quedat molt per sobre hora actual.

2056
01:40:15,360 --> 01:40:15,490
D'acord.

2057
01:40:15,490 --> 01:40:16,430
Genial.

2058
01:40:16,430 --> 01:40:20,130
Així que si vostè vol afegir una classe, hi ha
també un mètode de classe add.

2059
01:40:20,130 --> 01:40:24,300
Això és només un exemple del
que pot fer amb jQuery.

2060
01:40:24,300 --> 01:40:25,950
Això només se suma una classe.

2061
01:40:25,950 --> 01:40:28,660
>> Per eliminar-lo,
vostè pot trucar a remove.

2062
01:40:28,660 --> 01:40:32,280
Aquesta és una altra de les coses que pot fer.

2063
01:40:32,280 --> 01:40:35,680
Així més exemples de coses que pots fer.

2064
01:40:35,680 --> 01:40:37,510
Així que puc posar-ho en
la part superior d'aquesta manera?

2065
01:40:37,510 --> 01:40:38,760
Benjamí remove.

2066
01:40:38,760 --> 01:40:42,470

2067
01:40:42,470 --> 01:40:45,930
Si només cal executar Javascript al
la part superior del meu arxiu, funciona això?

2068
01:40:45,930 --> 01:40:48,540

2069
01:40:48,540 --> 01:40:48,920
Dreta.

2070
01:40:48,920 --> 01:40:50,530
A causa mitjana no existeix encara.

2071
01:40:50,530 --> 01:40:51,840
Així que això no funcionarà.

2072
01:40:51,840 --> 01:40:52,800
Ordre d'execució.

2073
01:40:52,800 --> 01:40:55,040
Es va a la part superior al davant.

2074
01:40:55,040 --> 01:40:55,540
Què?

2075
01:40:55,540 --> 01:40:57,450
>> AUDIÈNCIA: Menors no existeix encara?

2076
01:40:57,450 --> 01:40:57,810
>> JOSÉ ONG: Si.

2077
01:40:57,810 --> 01:40:58,710
Benjamí no existeix encara.

2078
01:40:58,710 --> 01:40:59,600
Exactament.

2079
01:40:59,600 --> 01:41:01,320
>> AUDIÈNCIA: Vostè ha dit mitjà.

2080
01:41:01,320 --> 01:41:01,510
>> JOSÉ ONG: Ho sento.

2081
01:41:01,510 --> 01:41:02,720
Benjamí no existeix encara.

2082
01:41:02,720 --> 01:41:04,510
I l'altra cosa és que no tinc
inclòs jQuery

2083
01:41:04,510 --> 01:41:06,580
presentar demanar script src.

2084
01:41:06,580 --> 01:41:07,960
Així que això no funcionarà.

2085
01:41:07,960 --> 01:41:09,580
En realitat, jo no vaig fer això en
la següent diapositiva, que és

2086
01:41:09,580 --> 01:41:10,700
suposadament per arreglar això.

2087
01:41:10,700 --> 01:41:14,120
Però la manera com ho fem és JavaScript
és impulsat esdeveniment.

2088
01:41:14,120 --> 01:41:17,410
Així que el que fem és que fem servir un esdeveniment
handler perquè això succeeixi.

2089
01:41:17,410 --> 01:41:19,510
I, llavors, seleccioneu el document
establir primer.

2090
01:41:19,510 --> 01:41:23,810
Dic, està bé, quan el document és
llest, jo correré una funció.

2091
01:41:23,810 --> 01:41:25,470
Així que això és tot el que els mitjans de sintaxi.

2092
01:41:25,470 --> 01:41:27,100
>> He escollit el document.

2093
01:41:27,100 --> 01:41:29,530
Ara, quan el document és
llest, executeu la funció.

2094
01:41:29,530 --> 01:41:32,970
I així per aquí quan el document és
llest, el que significa que tot l'HTML té

2095
01:41:32,970 --> 01:41:36,140
carregat, llavors corro a la funció
que elimina aquest element.

2096
01:41:36,140 --> 01:41:40,270
I ara, quan executo aquesta funció
que vaig passar a punt, estic

2097
01:41:40,270 --> 01:41:43,780
garantit que tot l'HTML al
pàgina existirà en primer lloc.

2098
01:41:43,780 --> 01:41:44,100
Sí

2099
01:41:44,100 --> 01:41:44,425
Consulta?

2100
01:41:44,425 --> 01:41:48,200
>> AUDIÈNCIA: Quina és la paraula clau event
dins de la funció?

2101
01:41:48,200 --> 01:41:51,750
>> JOSÉ ONG: Així que la paraula clau en el cas
funció és només un paràmetre que

2102
01:41:51,750 --> 01:41:53,490
es passa a la funció
per a qualsevol esdeveniment.

2103
01:41:53,490 --> 01:41:55,470
És només una cosa que
s'obté de forma gratuïta.

2104
01:41:55,470 --> 01:41:59,320
Quan vostè està utilitzant els controladors clau en
pset8, aquest esdeveniment podria dir, per

2105
01:41:59,320 --> 01:42:01,350
exemple, tecla ha premut sobre.

2106
01:42:01,350 --> 01:42:05,540
En aquest cas, per a un esdeveniment de llest,
en realitat no és molt útil.

2107
01:42:05,540 --> 01:42:08,640
Però per a un esdeveniment de la tecla, és més
útil, perquè s'arriba a saber que

2108
01:42:08,640 --> 01:42:12,330
tecla premuda per la clau per accedir a
codi d'aquest objecte d'esdeveniment.

2109
01:42:12,330 --> 01:42:13,530
Corregiu?

2110
01:42:13,530 --> 01:42:15,160
Això té sentit?

2111
01:42:15,160 --> 01:42:16,280
D'acord.

2112
01:42:16,280 --> 01:42:16,580
Sí

2113
01:42:16,580 --> 01:42:17,150
Consulta?

2114
01:42:17,150 --> 01:42:19,290
>> AUDIÈNCIA: Així que pots posar el
etiqueta de script més baix?

2115
01:42:19,290 --> 01:42:19,940
>> JOSÉ ONG: Així que si.

2116
01:42:19,940 --> 01:42:21,500
Vostè podria posar el guió
etiquetar més avall.

2117
01:42:21,500 --> 01:42:23,090
Però llavors, només es torna realment complicat.

2118
01:42:23,090 --> 01:42:26,590
I ens agrada centralitzar tota
del nostre codi en un lloc.

2119
01:42:26,590 --> 01:42:28,290
I això ens permetrà fer-ho.

2120
01:42:28,290 --> 01:42:32,010
Recordeu que abans he dit que hi ha una millor
manera d'assegurar que els elements estan

2121
01:42:32,010 --> 01:42:33,880
a la pàgina abans d'executar el codi?

2122
01:42:33,880 --> 01:42:36,079
I això és només una manera agradable
vol aconseguir això.

2123
01:42:36,079 --> 01:42:37,329
>> AUDIÈNCIA: [inaudible].

2124
01:42:37,329 --> 01:42:41,710

2125
01:42:41,710 --> 01:42:42,230
>> JOSÉ ONG: Si.

2126
01:42:42,230 --> 01:42:43,460
Vostè encara ha de fer-ho, no?

2127
01:42:43,460 --> 01:42:46,930
Perquè recorda, que va incloure la
presentar a la part superior de la pàgina.

2128
01:42:46,930 --> 01:42:49,890
Així que va a executar en primer lloc abans de
s'arriba a la part inferior de la pàgina.

2129
01:42:49,890 --> 01:42:54,600

2130
01:42:54,600 --> 01:42:55,180
D'acord.

2131
01:42:55,180 --> 01:42:59,210
Així que vostè pot també afegir a una altra persona
tipus de controlador d'esdeveniments.

2132
01:42:59,210 --> 01:43:00,640
Aquest només processa els clics.

2133
01:43:00,640 --> 01:43:03,910
Quan faig clic a jove, després
que s'obrirà amb un avís.

2134
01:43:03,910 --> 01:43:05,440
Això és només una diferent
tipus d'esdeveniment.

2135
01:43:05,440 --> 01:43:08,840
A diferència de l'esdeveniment ready, ara
utilitzar l'esdeveniment clic quan rebi

2136
01:43:08,840 --> 01:43:10,190
fa clic a un element.

2137
01:43:10,190 --> 01:43:13,860
>> I així, en aquest cas, recordeu que el clic
controlador està connectat a menor.

2138
01:43:13,860 --> 01:43:16,080
Pel que només passa quan
Faig clic en els més joves.

2139
01:43:16,080 --> 01:43:19,510
I en l'altre, l'esdeveniment ready
s'adjunta al document.

2140
01:43:19,510 --> 01:43:23,750
Per tant, espera que el document
per estar llest.

2141
01:43:23,750 --> 01:43:25,120
Té sentit?

2142
01:43:25,120 --> 01:43:26,190
Crec que puc seguir endavant.

2143
01:43:26,190 --> 01:43:26,610
Sí

2144
01:43:26,610 --> 01:43:26,980
Consulta?

2145
01:43:26,980 --> 01:43:28,230
>> AUDIÈNCIA: [inaudible].

2146
01:43:28,230 --> 01:43:31,676

2147
01:43:31,676 --> 01:43:33,620
en aquest cas s'utilitza [inaudible].

2148
01:43:33,620 --> 01:43:36,650
>> JOSÉ ONG: Oh, sí, perquè en aquest
cas, he d'esperar que els més joves

2149
01:43:36,650 --> 01:43:40,740
element perquè aparegui a la pantalla primer
abans que pugui connectar un controlador de clic a

2150
01:43:40,740 --> 01:43:43,062
que, pel que em vaig posar dins
d'un document llest.

2151
01:43:43,062 --> 01:43:45,780

2152
01:43:45,780 --> 01:43:46,840
D'acord.

2153
01:43:46,840 --> 01:43:52,390
I al costat, així que això és un gran exemple de
com li agradaria combinar tot.

2154
01:43:52,390 --> 01:43:55,930
Això és només un exemple de validació de formularis
que has vist a classe.

2155
01:43:55,930 --> 01:43:58,410
Així que anar pas a pas a mesura
vostè va a través d'aquest.

2156
01:43:58,410 --> 01:43:59,590
I serà totalment bé.

2157
01:43:59,590 --> 01:44:01,400
Acabo de llegir el de dalt a baix.

2158
01:44:01,400 --> 01:44:03,030
>> Tinc un formulari a la part inferior.

2159
01:44:03,030 --> 01:44:07,590
Quan el document estigui llest, adjunto un
presentar manejador a la forma, de manera que

2160
01:44:07,590 --> 01:44:12,910
quan presenti el formulari, si els valors
dins de cadascuna d'aquestes entrades.

2161
01:44:12,910 --> 01:44:14,560
I puc comprovar si està en blanc.

2162
01:44:14,560 --> 01:44:17,090
Si està en blanc, torno falsa, perquè
No vull per enviar el formulari,

2163
01:44:17,090 --> 01:44:18,950
perquè la forma és erroni.

2164
01:44:18,950 --> 01:44:22,040
Si la contrasenya està en blanc o és menys
de vuit caràcters, no em sotmeto

2165
01:44:22,040 --> 01:44:24,470
la forma, perquè això també és dolent.

2166
01:44:24,470 --> 01:44:28,150
I el fals retorn només prevé
la forma de presentació i

2167
01:44:28,150 --> 01:44:30,150
anar a una nova pàgina.

2168
01:44:30,150 --> 01:44:31,310
>> I és d'esperar, això té sentit.

2169
01:44:31,310 --> 01:44:34,650
Crec que vostès han de caminar a través d'
aquest codi pas a pas pel seu compte.

2170
01:44:34,650 --> 01:44:38,350
I una vegada que vostè entén el que el selectiu
elements i fer coses a ella

2171
01:44:38,350 --> 01:44:40,520
en realitat implica, això farà que
molt sentit per a vostè.

2172
01:44:40,520 --> 01:44:41,295
Sí?

2173
01:44:41,295 --> 01:44:44,150
>> AUDIÈNCIA: Què fa el
name = significa nom d'usuari?

2174
01:44:44,150 --> 01:44:48,530
>> JOSÉ ONG: Així que el nom = nom d'usuari i
name = contrasenya només significa miri el

2175
01:44:48,530 --> 01:44:50,730
atribut del
vostè està seleccionant.

2176
01:44:50,730 --> 01:44:51,790
I llavors això ha de coincidir.

2177
01:44:51,790 --> 01:44:53,870
Així que vam entrar al registre.

2178
01:44:53,870 --> 01:44:56,240
I després ens fixem en totes les entrades
i el registre.

2179
01:44:56,240 --> 01:44:59,990
I després escollim el que el nom
atribut és igual al nom d'usuari.

2180
01:44:59,990 --> 01:45:04,040
Així que el primer selector només selecciona
l'entrada de nom d'usuari.

2181
01:45:04,040 --> 01:45:08,220
I aquest segon selector només selecciona
la contrasenya d'un, perquè aquests tenen

2182
01:45:08,220 --> 01:45:12,240
seus atributs name estableixen com ho
se suposa que han de ser.

2183
01:45:12,240 --> 01:45:12,575
Consulta?

2184
01:45:12,575 --> 01:45:17,030
>> AUDIÈNCIA: A la presentació, com funciona el
part inferior a resoldre la part de dalt?

2185
01:45:17,030 --> 01:45:19,350
>> JOSÉ ONG: Així que això és perquè
del controlador d'esdeveniments.

2186
01:45:19,350 --> 01:45:23,000
Així que estem a l'espera d'un esdeveniment de presentar
que és acomiadat de la forma.

2187
01:45:23,000 --> 01:45:24,730
I això és tot el que és present.

2188
01:45:24,730 --> 01:45:26,080
Per què dic presentar-hi?

2189
01:45:26,080 --> 01:45:28,870
Diu, quan s'envia el formulari,
Em surt un esdeveniment presentarà.

2190
01:45:28,870 --> 01:45:33,480
Així que permetin-me que interceptar i
a continuació, executeu aquest codi al seu lloc.

2191
01:45:33,480 --> 01:45:33,823
Sí?

2192
01:45:33,823 --> 01:45:35,866
>> AUDIÈNCIA: Per què tens
tenir esdeveniment funció?

2193
01:45:35,866 --> 01:45:38,580
Per què no pot vostè acaba de [inaudible]?

2194
01:45:38,580 --> 01:45:41,140
>> JOSÉ ONG: Perquè en JavaScript,
han de declarar les funcions.

2195
01:45:41,140 --> 01:45:42,910
Així és com funciona
en JavaScript.

2196
01:45:42,910 --> 01:45:44,800
Vostè ha de dir que va
per executar una funció.

2197
01:45:44,800 --> 01:45:47,290
Així que vostè està dient és que ets
esperant una funció aquí en lloc de

2198
01:45:47,290 --> 01:45:48,260
només claus.

2199
01:45:48,260 --> 01:45:50,460
>> AUDIÈNCIA: I la funció
és el que segueix?

2200
01:45:50,460 --> 01:45:50,650
>> JOSÉ ONG: Si.

2201
01:45:50,650 --> 01:45:52,790
La funció és el que està a l'interior
les claus després de

2202
01:45:52,790 --> 01:45:53,630
aquesta paraula clau funció.

2203
01:45:53,630 --> 01:45:54,045
Sí?

2204
01:45:54,045 --> 01:45:55,295
>> AUDIÈNCIA: [inaudible].

2205
01:45:55,295 --> 01:46:00,180

2206
01:46:00,180 --> 01:46:00,660
>> JOSÉ ONG: Per presentar?

2207
01:46:00,660 --> 01:46:03,520
>> AUDIÈNCIA: No, per a la funció
sense l'esdeveniment.

2208
01:46:03,520 --> 01:46:03,770
>> JOSÉ ONG: Si.

2209
01:46:03,770 --> 01:46:05,610
Així que sense l'esdeveniment,
vostè pot tenir això.

2210
01:46:05,610 --> 01:46:08,480
Si no necessita l'esdeveniment,
a continuació, pots ometre.

2211
01:46:08,480 --> 01:46:12,220
Però si ho fa, llavors vostè
només cal posar aquí.

2212
01:46:12,220 --> 01:46:12,520
Sí

2213
01:46:12,520 --> 01:46:13,190
Una pregunta ràpida?

2214
01:46:13,190 --> 01:46:14,440
>> AUDIÈNCIA: [inaudible].

2215
01:46:14,440 --> 01:46:21,170

2216
01:46:21,170 --> 01:46:21,440
>> JOSÉ ONG: Si.

2217
01:46:21,440 --> 01:46:24,550
Perquè el que ha de fer, el
document.ready només diu esperar que tots els

2218
01:46:24,550 --> 01:46:26,540
el codi HTML de la pàgina es carregui primer.

2219
01:46:26,540 --> 01:46:30,510
I en general, vostè vol que els seus elements
en el seu lloc abans d'executar qualsevol codi.

2220
01:46:30,510 --> 01:46:31,030
Està bé.

2221
01:46:31,030 --> 01:46:32,180
Hem d'arribar a l'Ajax.

2222
01:46:32,180 --> 01:46:33,110
No tenim molt de temps.

2223
01:46:33,110 --> 01:46:35,170
Així pros i contres.

2224
01:46:35,170 --> 01:46:37,450
Javascript és més fàcil tractar
escriure amb jQuery.

2225
01:46:37,450 --> 01:46:38,930
Però jQuery és una mica lent.

2226
01:46:38,930 --> 01:46:42,290
>> És com PHP és més lent que C,
perquè ha interpretat.

2227
01:46:42,290 --> 01:46:45,690
I jQuery és una mica més lent que
JavaScript, ja que fa un munt de

2228
01:46:45,690 --> 01:46:46,630
les coses sota el capó.

2229
01:46:46,630 --> 01:46:48,660
I pel que si vostè està utilitzant jQuery, és
només una mica més lent que

2230
01:46:48,660 --> 01:46:51,630
JavaScript, encara
li dóna bon elegància.

2231
01:46:51,630 --> 01:46:53,970
I, finalment, l'Ajax.

2232
01:46:53,970 --> 01:46:59,170
Fins ara amb l'Ajax, que ho has vist Ajax
en termes de pset7 encara, perquè

2233
01:46:59,170 --> 01:47:01,150
quan ho fa, vostè sotmet
una forma de cotització.

2234
01:47:01,150 --> 01:47:02,350
Es carrega una nova pàgina.

2235
01:47:02,350 --> 01:47:04,440
Perquè pugui obtenir aquest gran centelleig blanc
a la pàgina, mentre que

2236
01:47:04,440 --> 01:47:06,820
càrregues segona pàgina, correcte?

2237
01:47:06,820 --> 01:47:08,780
>> Seria molt bo si vostè
no tenir aquest flash.

2238
01:47:08,780 --> 01:47:11,600
Igual que Facebook, si vostè acaba de desplaçar-se a
la part inferior, s'afegeix nou contingut

2239
01:47:11,600 --> 01:47:13,490
sense actualitzar la pàgina sencera.

2240
01:47:13,490 --> 01:47:15,420
Així que alguna cosa així anava a ser agradable.

2241
01:47:15,420 --> 01:47:17,370
Aquest és el codi JavaScript
a la banda esquerra.

2242
01:47:17,370 --> 01:47:19,390
Vostè obté el que hi ha dins d'aquesta entrada.

2243
01:47:19,390 --> 01:47:21,340
Vostè rep la informació d'estoc de Yahoo!

2244
01:47:21,340 --> 01:47:27,440
I després de fer una gran cadena que
diu, OK, aquest és el missatge que vull

2245
01:47:27,440 --> 01:47:28,400
per mostrar a la pantalla.

2246
01:47:28,400 --> 01:47:32,280
I després poses aquest missatge dins
d'algun element HTML que

2247
01:47:32,280 --> 01:47:33,970
que apareix a la pantalla.

2248
01:47:33,970 --> 01:47:35,540
>> Així que això és tot el que està passant aquí.

2249
01:47:35,540 --> 01:47:39,410
Així que, bàsicament, perquè tot això és
JavaScript i no és necessari per executar

2250
01:47:39,410 --> 01:47:42,980
Ja PHP, aquest s'ha d'assegurar
que la pàgina no s'actualitza.

2251
01:47:42,980 --> 01:47:47,470
Així que això és només una idea abstracta
que jo estic dient aquí per ara.

2252
01:47:47,470 --> 01:47:50,630
La idea abstracta és que si ho fas
tot en JavaScript, que no tenen un

2253
01:47:50,630 --> 01:47:52,330
actualització de la pàgina.

2254
01:47:52,330 --> 01:47:53,800
Però, com realment fer això?

2255
01:47:53,800 --> 01:47:56,230
>> Bé, en realitat, parlarem de
un problema amb aquest primer.

2256
01:47:56,230 --> 01:47:59,340
Un problema és en JavaScript,
execució és sincrònica.

2257
01:47:59,340 --> 01:48:02,000
Així que cal esperar que una
line per acabar abans que vostè

2258
01:48:02,000 --> 01:48:03,370
executarà la següent línia.

2259
01:48:03,370 --> 01:48:06,130
I si em vaig a Yahoo!,
i els seus servidors són molt lents, i

2260
01:48:06,130 --> 01:48:08,790
els pren tres segons per
Torneu-me aquest estoc info?

2261
01:48:08,790 --> 01:48:12,620
Quan vaig arribar a aquesta línia de preus, si el
execució és sincrònica, ja que és per

2262
01:48:12,620 --> 01:48:15,390
Per defecte, el que només va a fer és
el navegador va a estancar per

2263
01:48:15,390 --> 01:48:15,930
tres segons.

2264
01:48:15,930 --> 01:48:18,900
I tu no seràs capaç de fer
res mentre es posa aquestes dades.

2265
01:48:18,900 --> 01:48:20,010
Serà congelats.

2266
01:48:20,010 --> 01:48:20,800
>> I això és dolent.

2267
01:48:20,800 --> 01:48:23,390
Vostè no desitja que un usuari
tindrà una pàgina web congelat.

2268
01:48:23,390 --> 01:48:24,170
Corregiu?

2269
01:48:24,170 --> 01:48:25,480
Això és dolent.

2270
01:48:25,480 --> 01:48:26,770
Tots estan d'acord?

2271
01:48:26,770 --> 01:48:29,270
Si estàs navegant per Facebook i es
es congela i no es pot fer res,

2272
01:48:29,270 --> 01:48:31,920
aconseguir realment frustrat.

2273
01:48:31,920 --> 01:48:34,960
Així que la solució és que fem alguna cosa
asíncron lloc.

2274
01:48:34,960 --> 01:48:38,910
Així que tot això asíncron diu
és, jo faré aquesta

2275
01:48:38,910 --> 01:48:40,280
URL per algunes dades.

2276
01:48:40,280 --> 01:48:41,610
I després vaig a seguir endavant.

2277
01:48:41,610 --> 01:48:45,330
Jo només vaig a seguir executant
qualsevol codi que va ser després d'això.

2278
01:48:45,330 --> 01:48:49,290
>> I llavors cada vegada que les dades estan a punt,
llavors vaig a processar-la.

2279
01:48:49,290 --> 01:48:50,540
Això és tot el que està dient.

2280
01:48:50,540 --> 01:48:52,795

2281
01:48:52,795 --> 01:48:56,710
>> AUDIÈNCIA: Ajax només fa
codi asíncron?

2282
01:48:56,710 --> 01:48:58,560
>> JOSÉ ONG: És un asíncron
camí de la recerca de dades.

2283
01:48:58,560 --> 01:49:01,230
Així que la primera cosa sobre Ajax
és que em permet recuperar les dades

2284
01:49:01,230 --> 01:49:03,170
d'un lloc web extern.

2285
01:49:03,170 --> 01:49:07,045
I el segon és que s'assegura
que la meva pàgina no es cala mentre estic

2286
01:49:07,045 --> 01:49:07,970
anar a buscar aquestes dades.

2287
01:49:07,970 --> 01:49:09,600
Aquesta és la part asíncrona de la mateixa.

2288
01:49:09,600 --> 01:49:13,040
Perquè va a un altre lloc,
perquè ho dic jo segueixo passant mentre

2289
01:49:13,040 --> 01:49:14,900
que és anar a buscar que les dades, que
fa que sigui asíncron.

2290
01:49:14,900 --> 01:49:17,170
Segueixo execució.

2291
01:49:17,170 --> 01:49:18,960
>> Així que tingues asíncron
idea en ment.

2292
01:49:18,960 --> 01:49:22,010
I et vaig a mostrar el que
la diferència és.

2293
01:49:22,010 --> 01:49:23,920
La versió sincrònica
està a la banda esquerra.

2294
01:49:23,920 --> 01:49:26,240
La versió asíncrona
està al costat dret.

2295
01:49:26,240 --> 01:49:29,170
Miri els números per veure quin
passos corresponen al que

2296
01:49:29,170 --> 01:49:30,610
s'executa en cada línia.

2297
01:49:30,610 --> 01:49:32,730
Allà, l'alerta apareix en primer lloc.

2298
01:49:32,730 --> 01:49:34,590
Perquè aconseguir info de Yahoo!

2299
01:49:34,590 --> 01:49:37,250
presa de tres segons, que s'ofegui
durant tres segons.

2300
01:49:37,250 --> 01:49:39,880
I llavors s'avisa al preu
després d'aquests tres segons.

2301
01:49:39,880 --> 01:49:43,690
>> Així que ara, que els programes d'alerta
fins en aquell moment -

2302
01:49:43,690 --> 01:49:44,610
tres segons polz

2303
01:49:44,610 --> 01:49:47,670
I llavors s'avisa per després d'això.

2304
01:49:47,670 --> 01:49:48,930
Pel que només va pas a pas.

2305
01:49:48,930 --> 01:49:51,200
És com el que vostès
acceptaria, correcte?

2306
01:49:51,200 --> 01:49:54,170
Amb l'execució asíncrona,
que l'avisi primer.

2307
01:49:54,170 --> 01:49:57,410
Després et vas a aquesta URL.

2308
01:49:57,410 --> 01:49:59,530
I dius, vaig a
només pregunta per les dades.

2309
01:49:59,530 --> 01:50:01,170
I després vaig a
processar més tard.

2310
01:50:01,170 --> 01:50:04,230
Per tant, s'executa immediatament l'
següent línia després de fer que

2311
01:50:04,230 --> 01:50:05,710
sol · licitud asincrònica.

2312
01:50:05,710 --> 01:50:08,920
>> Així que uns 0,001 segons, veurà hi alerta.

2313
01:50:08,920 --> 01:50:10,960
Executar aquesta funció, bye alerta.

2314
01:50:10,960 --> 01:50:14,240
I perquè jo vaig fer una promesa que jo
processaria les dades més tard, el que

2315
01:50:14,240 --> 01:50:17,920
que passa és que quan les dades es torna
tres segons més endavant, llavors corro que

2316
01:50:17,920 --> 01:50:21,380
funció que tinc allà.

2317
01:50:21,380 --> 01:50:21,870
Sí?

2318
01:50:21,870 --> 01:50:25,750
>> AUDIÈNCIA: Podria vostè especificar o
aclarir el que significa Ajax?

2319
01:50:25,750 --> 01:50:30,460
>> JOSÉ ONG: Així Ajax és una manera que si
necessiten dades quan estic en un lloc web i jo

2320
01:50:30,460 --> 01:50:34,690
no volen actualitzar la pàgina, a continuació,
Jo ús aquesta tecnologia anomenada Ajax.

2321
01:50:34,690 --> 01:50:40,630
Això només vol dir essencialment, va recerca
dades d'un altre lloc web.

2322
01:50:40,630 --> 01:50:43,724
I fer-ho d'una manera que només
no estancar la meva pàgina web.

2323
01:50:43,724 --> 01:50:46,650
>> AUDIÈNCIA: Així és que una inherent
part de JavaScript o jQuery?

2324
01:50:46,650 --> 01:50:50,590
>> JOSÉ ONG: Així que algú va escriure una manera de fer
aquesta en JavaScript fa molt de temps.

2325
01:50:50,590 --> 01:50:52,050
En un moment donat, no existia.

2326
01:50:52,050 --> 01:50:56,630
I pel que algú va inventar aquesta tècnica
per permetre que les persones que sol · licitin aquestes dades

2327
01:50:56,630 --> 01:50:57,680
d'aquesta manera.

2328
01:50:57,680 --> 01:50:59,550
I ells van escriure algunes coses
que ho faci per vostè.

2329
01:50:59,550 --> 01:51:01,605
I jQuery només et dóna aquesta
molt bona manera de fer-ho

2330
01:51:01,605 --> 01:51:03,112
amb aquests $. obtenir la funció.

2331
01:51:03,112 --> 01:51:07,200

2332
01:51:07,200 --> 01:51:09,480
¿Preguntes?

2333
01:51:09,480 --> 01:51:11,560
Puc respondre a preguntes sobre
Ajax després també.

2334
01:51:11,560 --> 01:51:13,870
Vaig a ser aquí.

2335
01:51:13,870 --> 01:51:16,390
>> Així que anem a buscar-dades sense
actualitzar la pàgina.

2336
01:51:16,390 --> 01:51:18,200
I farem això en
de manera asíncrona que

2337
01:51:18,200 --> 01:51:19,450
no es congela la pàgina.

2338
01:51:19,450 --> 01:51:22,680

2339
01:51:22,680 --> 01:51:27,310
Massa llarg, no va llegir si això
explicació era massa llarg per a vostè.

2340
01:51:27,310 --> 01:51:29,430
Així que finalment, cross-site
atacs de scripting.

2341
01:51:29,430 --> 01:51:30,910
Vam veure això amb Zamyla.

2342
01:51:30,910 --> 01:51:34,285
Si en la meva base de dades que algú té aquest nom,
que és aquesta etiqueta script, i jo

2343
01:51:34,285 --> 01:51:38,280
tenir una mica de codi a la meva pàgina que s'imprimeix
els noms de les persones en una fila, o he

2344
01:51:38,280 --> 01:51:43,310
una mica de codi JavaScript que s'insereix
aquest nom a la pàgina,

2345
01:51:43,310 --> 01:51:45,680
ho aconsegueix HTML produït?

2346
01:51:45,680 --> 01:51:47,290
Bé, jo imprimeixo l'etiqueta HTML.

2347
01:51:47,290 --> 01:51:48,390
Imprimeixo totes aquestes etiquetes.

2348
01:51:48,390 --> 01:51:50,740
>> Arribo a la part en què estic d'impressió
sortir amb els meus amics.

2349
01:51:50,740 --> 01:51:52,980
Imprimeixo a Lauren.

2350
01:51:52,980 --> 01:51:54,200
S'imprimeix Milo fora.

2351
01:51:54,200 --> 01:51:56,810
I llavors el meu nom a la base de dades
és posterior guió

2352
01:51:56,810 --> 01:51:58,060
unflattering estat de Facebook.

2353
01:51:58,060 --> 01:52:00,740

2354
01:52:00,740 --> 01:52:04,330
Perquè jo inserir això a la pàgina
perquè sembla que JavaScript quan

2355
01:52:04,330 --> 01:52:07,930
aquesta pàgina s'envia a l'usuari,
el fitxer és executat com JavaScript.

2356
01:52:07,930 --> 01:52:10,800
I això és el que anomenem un
atac de cross-site scripting.

2357
01:52:10,800 --> 01:52:14,570
Algú posa informació maliciosa en
la seva base de dades que pugui correspondre

2358
01:52:14,570 --> 01:52:17,080
alguna cadena addicional o
alguna cadena JavaScript.

2359
01:52:17,080 --> 01:52:20,130
>> I quan s'imprimeix a la
pàgina d'aquesta manera, llavors, què

2360
01:52:20,130 --> 01:52:22,580
que passa és que mal codi és executat
que jo no tenia la intenció

2361
01:52:22,580 --> 01:52:25,110
a què s'ha pogut executar.

2362
01:52:25,110 --> 01:52:28,230
I això és tot un cross-site
atac de scripting és.

2363
01:52:28,230 --> 01:52:31,790
I la manera d'aconseguir al voltant
això és com Zamyla va dir.

2364
01:52:31,790 --> 01:52:34,340
Vostè acaba d'embolicar les coses en
HTML caràcters especials.

2365
01:52:34,340 --> 01:52:39,460
I aquest HTML caràcters especials és un PHP
funció que eviti aquest tipus

2366
01:52:39,460 --> 01:52:42,000
del que li passi a vostè
si vostè té un maliciós

2367
01:52:42,000 --> 01:52:43,830
cadena a la base de dades.

2368
01:52:43,830 --> 01:52:47,650
Simplement escapa, de manera que no fa
aconseguir interpretat com HTML.

2369
01:52:47,650 --> 01:52:50,960
Substitueix als petits suports
amb el que anomenem entitats.

2370
01:52:50,960 --> 01:52:52,250
I passem això en la conferència també.

2371
01:52:52,250 --> 01:52:55,800
Així que crec que vostès haurien de tenir
una bona comprensió d'això.

2372
01:52:55,800 --> 01:52:57,420
Preguntes?

2373
01:52:57,420 --> 01:52:57,820
Sí

2374
01:52:57,820 --> 01:53:00,860
>> AUDIÈNCIA: Llavors, com ho faria
la [inaudible]?

2375
01:53:00,860 --> 01:53:01,555
>> JOSÉ ONG: Digues-ho de nou.

2376
01:53:01,555 --> 01:53:02,500
>> AUDIÈNCIA: Com seria el monitor -

2377
01:53:02,500 --> 01:53:02,860
>> JOSÉ ONG: així.

2378
01:53:02,860 --> 01:53:06,080
Així que hi ha alguna cosa que diu, quan
Em registre, escriviu en nom meu.

2379
01:53:06,080 --> 01:53:09,390
Acabo d'escriure en aquest camp, em dic
stript missatge poc favorable Facebook

2380
01:53:09,390 --> 01:53:11,570
estat a prop etiqueta de script.

2381
01:53:11,570 --> 01:53:15,690
I això només aconsegueix posar a la
base de dades, perquè no puc dir que algú

2382
01:53:15,690 --> 01:53:18,260
al món no té un nom
amb una fletxa cap a l'esquerra en ell o la

2383
01:53:18,260 --> 01:53:19,036
escriptura de la paraula en ella.

2384
01:53:19,036 --> 01:53:21,330
Això no té gaire sentit.

2385
01:53:21,330 --> 01:53:24,560
Així que només he de assegurar-me que
desinfectar les coses abans que jo imprimeixo

2386
01:53:24,560 --> 01:53:25,420
a la pàgina.

2387
01:53:25,420 --> 01:53:27,140
>> AUDIÈNCIA: Així que les targetes especials d'HTML
impedeix que les etiquetes de script?

2388
01:53:27,140 --> 01:53:28,710
>> JOSÉ ONG: Si.

2389
01:53:28,710 --> 01:53:29,960
Per tant, no impedeix que les etiquetes de script.

2390
01:53:29,960 --> 01:53:32,320
Simplement s'assegura que el
etiquetes de script no reben

2391
01:53:32,320 --> 01:53:35,120
interpretat com HTML o -

2392
01:53:35,120 --> 01:53:35,400
si.

2393
01:53:35,400 --> 01:53:38,470
Simplement farà com ho
el que realment és.

2394
01:53:38,470 --> 01:53:39,220
Està bé.

2395
01:53:39,220 --> 01:53:40,930
Així que aquesta va ser la revisió del qüestionari.

2396
01:53:40,930 --> 01:53:41,830
Genial.

2397
01:53:41,830 --> 01:53:45,088
>> [Aplaudiments]