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

2
00:00:08,070 --> 00:00:10,430
>> R.J. AQUINO: Diciamo solo iniziare.

3
00:00:10,430 --> 00:00:12,310
Quindi questo è il Quiz 1.

4
00:00:12,310 --> 00:00:14,890
Ecco alcune informazioni di alto livello.

5
00:00:14,890 --> 00:00:19,915
La pagina Chi per il quiz è a questo
URL, non più CS50.net, anche se questo

6
00:00:19,915 --> 00:00:21,080
continuerà a funzionare.

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

8
00:00:26,920 --> 00:00:31,070
E 'la grande pagina About, che ti dice
dove e quando, cioè Mercoledì prossimo

9
00:00:31,070 --> 00:00:32,100
in una serie di stanze.

10
00:00:32,100 --> 00:00:36,120
E per Mercoledì prossimo, io
significare due giorni da oggi.

11
00:00:36,120 --> 00:00:37,890
Tutte queste informazioni sono lì.

12
00:00:37,890 --> 00:00:39,110
Ma è cumulativa.

13
00:00:39,110 --> 00:00:43,790
>> Quindi tutto dalla prima metà del
anno è potenzialmente il quiz,

14
00:00:43,790 --> 00:00:50,780
perché non si può davvero fare advanced
cose in C senza se le condizioni e

15
00:00:50,780 --> 00:00:51,920
per cicli e simili.

16
00:00:51,920 --> 00:00:55,580
Ma ci sarà un'enfasi sulla
materiale coperto dal Quiz 0,

17
00:00:55,580 --> 00:00:59,570
iniziando con le strutture e file
I / O. E 'in genere più

18
00:00:59,570 --> 00:01:01,620
impegnativo rispetto Quiz 0.

19
00:01:01,620 --> 00:01:03,870
Il punteggio medio è in genere più bassa.

20
00:01:03,870 --> 00:01:05,980
Studiare sodo.

21
00:01:05,980 --> 00:01:09,340
>> Mentre si sta studiando, assicurarsi di usare
CS50/discuss per inviare le vostre domande

22
00:01:09,340 --> 00:01:10,830
e leggere le domande di altre persone.

23
00:01:10,830 --> 00:01:13,550
Quindi, se non avete tutte le domande,
login e leggere

24
00:01:13,550 --> 00:01:14,580
domande dei tuoi amici.

25
00:01:14,580 --> 00:01:16,560
Probabilmente sono buone domande.

26
00:01:16,560 --> 00:01:17,730
E prendere i quiz di pratica.

27
00:01:17,730 --> 00:01:20,750
Stiamo dando i quiz per
sette o otto anni.

28
00:01:20,750 --> 00:01:22,180
Sono tutti online.

29
00:01:22,180 --> 00:01:25,540
Domande future sono simili
a vecchie domande.

30
00:01:25,540 --> 00:01:26,550
Ecco come li facciamo.

31
00:01:26,550 --> 00:01:27,740
>> Il quiz non esiste ancora.

32
00:01:27,740 --> 00:01:28,670
Nessuno di noi ha visto.

33
00:01:28,670 --> 00:01:32,496
Ma sarà simile
quiz precedenti.

34
00:01:32,496 --> 00:01:36,500
Per questa sessione di revisione, questo non è
un elenco esaustivo di argomenti.

35
00:01:36,500 --> 00:01:40,740
Non si può semplicemente assistere a questo e poi
essere perfettamente pronto per il quiz.

36
00:01:40,740 --> 00:01:43,330
Altrimenti, non sarebbe
che molto di un quiz.

37
00:01:43,330 --> 00:01:46,270
E anche questo non è necessariamente
tutto quello che c'è da sapere su qualsiasi

38
00:01:46,270 --> 00:01:46,970
determinato argomento.

39
00:01:46,970 --> 00:01:50,520
E 'pensato per esporre le cose
abbiamo trattato, ricordare ciò che abbiamo

40
00:01:50,520 --> 00:01:53,070
coperto, e il modo in
che abbiamo coperto essa.

41
00:01:53,070 --> 00:01:57,030
Ma si dovrà andare oltre e
più profondo quando si studia a doppio controllo

42
00:01:57,030 --> 00:02:00,230
che sapete tutto su un dato
argomento e che hai compilato

43
00:02:00,230 --> 00:02:03,320
tutti gli angoli che erano
coperto di lezione.

44
00:02:03,320 --> 00:02:07,980
>> Le note quiz ti dicono di andare al
Note Scribe, video lezioni di orologi.

45
00:02:07,980 --> 00:02:10,155
Questo è un buon modo per assicurarsi che hai
coperto tutte le basi.

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

47
00:02:12,670 --> 00:02:17,340
Quindi iniziare, quando ho fatto questi
diapositive, ho provato a mettere dove ho trovato

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

49
00:02:18,350 --> 00:02:22,890
Così per File I / O, per esempio, la Settimana 7,
Lunedi di lezione, e l'inviato

50
00:02:22,890 --> 00:02:27,960
Sezione 6 e Problem Set hanno tutti
informazioni sui file I / O. Ho fatto

51
00:02:27,960 --> 00:02:28,840
questo per ogni argomento.

52
00:02:28,840 --> 00:02:33,010
Quindi, quei diapositive titolo può
essere utile a voi.

53
00:02:33,010 --> 00:02:38,950
>> Quindi qui abbiamo File I / O. Ricorda, in
Imposta Problema 5, abbiamo usato fopen, fclose,

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

55
00:02:41,210 --> 00:02:48,090
Dopo aver recuperato 30ish JPEG e
dopo aver ridimensionato e pasticciato con

56
00:02:48,090 --> 00:02:50,320
bitmap, si dovrebbe essere abbastanza familiare
con queste funzioni

57
00:02:50,320 --> 00:02:51,830
e come funzionano.

58
00:02:51,830 --> 00:02:54,420
Se non si è più familiare,
sicuramente li rivedere.

59
00:02:54,420 --> 00:02:56,860
E assicuratevi di capire cosa
i diversi argomenti sono,

60
00:02:56,860 --> 00:02:58,260
quando sono utilizzati.

61
00:02:58,260 --> 00:03:03,620
>> Ma i bug relativi ai file comuni
è possibile che venga chiesto di -

62
00:03:03,620 --> 00:03:07,270
bene, se hai dimenticato di verificare se
fopen effettivamente lavorato prima di andare a

63
00:03:07,270 --> 00:03:08,350
modificare un file.

64
00:03:08,350 --> 00:03:09,760
Questo potrebbe essere un male.

65
00:03:09,760 --> 00:03:13,560
Se hai dimenticato di fclose un file
che hai fopened, che è simile a

66
00:03:13,560 --> 00:03:14,400
una perdita di memoria.

67
00:03:14,400 --> 00:03:15,980
Questo è piuttosto male.

68
00:03:15,980 --> 00:03:18,670
E dimenticando di controllare se avete
raggiunto la fine del file prima di

69
00:03:18,670 --> 00:03:19,790
iniziare a scrivere ad esso.

70
00:03:19,790 --> 00:03:22,320
>> Quindi, se dici, hey, io sono a
la fine del file.

71
00:03:22,320 --> 00:03:23,750
Dammi più 5 byte.

72
00:03:23,750 --> 00:03:27,370
Beh, questo non è probabilmente andando a
lavorare nel modo previsto.

73
00:03:27,370 --> 00:03:30,930
Questo è davvero per File I / O,
perché abbiamo fatto così tanto di esso

74
00:03:30,930 --> 00:03:32,300
il problema impostato.

75
00:03:32,300 --> 00:03:36,000
Quindi, se avete capito cosa stava succedendo
in Problem Set 5, ricordare le bitmats

76
00:03:36,000 --> 00:03:40,090
e JPEG, allora probabilmente siete tutti
impostato per File I / O. Se questo è un po '

77
00:03:40,090 --> 00:03:44,770
fuzzy, sicuramente rivedere il problema
impostare e il materiale associato.

78
00:03:44,770 --> 00:03:51,110
>> Le strutture erano l'argomento che erano sul
linea tra 0 e Quiz Quiz 1.

79
00:03:51,110 --> 00:03:53,090
Non abbastanza fare il taglio per Quiz 0.

80
00:03:53,090 --> 00:03:57,040
Così faranno sicuramente essere su
Quiz 1, Settimana 7, Lunedi.

81
00:03:57,040 --> 00:03:58,150
Che cosa è una struct?

82
00:03:58,150 --> 00:04:00,250
Qui vi mostriamo una struct.

83
00:04:00,250 --> 00:04:03,140
E 'come un nuovo tipo.

84
00:04:03,140 --> 00:04:07,940
E 'come un contenitore
per più campi.

85
00:04:07,940 --> 00:04:12,970
>> In questo caso, abbiamo dichiarato una struct
studente che ha due campi -

86
00:04:12,970 --> 00:04:17,750
una stringa che stiamo chiamando nome e
un int che stiamo chiamando età.

87
00:04:17,750 --> 00:04:21,450
Così, quando mi passa intorno studenti o io
modificare gli studenti, sarò in grado di

88
00:04:21,450 --> 00:04:24,430
accedere al loro nome e la loro età.

89
00:04:24,430 --> 00:04:26,670
Diamo un'occhiata ad alcuni di codice per questo.

90
00:04:26,670 --> 00:04:29,090
Qui vediamo che ho dichiarato
uno studente s, proprio come

91
00:04:29,090 --> 00:04:30,300
Dichiaro qualsiasi variabile -

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

93
00:04:32,430 --> 00:04:34,180
>> Ecco studente s.

94
00:04:34,180 --> 00:04:37,370
Si inizia con nulla nei suoi campi.

95
00:04:37,370 --> 00:04:38,240
Quindi cerchiamo di loro set.

96
00:04:38,240 --> 00:04:40,681
È possibile impostare i campi di una struct con il puntino.

97
00:04:40,681 --> 00:04:43,780
Così ho detto qui che s.name = RJ.

98
00:04:43,780 --> 00:04:46,470
E V.età = 21.

99
00:04:46,470 --> 00:04:48,500
È inoltre possibile aggiornare i campi
allo stesso modo che ci si aggiorna

100
00:04:48,500 --> 00:04:49,550
il valore di una variabile.

101
00:04:49,550 --> 00:04:53,270
Quindi voglio cambiare il mio nome da RJ con
senza periodi di R.J. farro l'

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

103
00:04:54,540 --> 00:04:58,890
Sarebbe s.name = RJ, lo stesso
come abbiamo detto in origine.

104
00:04:58,890 --> 00:05:00,030
E poi è possibile accedervi.

105
00:05:00,030 --> 00:05:00,930
>> Così li abbiamo impostato.

106
00:05:00,930 --> 00:05:01,840
Li abbiamo aggiornato.

107
00:05:01,840 --> 00:05:03,890
È inoltre possibile accedere
nello stesso modo.

108
00:05:03,890 --> 00:05:09,330
Così qui, sto stampando
R.J. Ha 21 anni.

109
00:05:09,330 --> 00:05:14,700
E sto accedere a tali valori
con s.name e V.età.

110
00:05:14,700 --> 00:05:17,040
Ecco, questo è l'accesso struct
con la notazione punto.

111
00:05:17,040 --> 00:05:17,850
Yep, interrogare?

112
00:05:17,850 --> 00:05:21,176
>> AUDIENCE: C'è una ragione sul
precedente diapositiva che non hai messo

113
00:05:21,176 --> 00:05:24,848
studente sulla riga superiore, come typedef
studente struct e poi

114
00:05:24,848 --> 00:05:25,840
studente alla fine?

115
00:05:25,840 --> 00:05:29,040
>> R.J. AQUINO: Quindi la domanda era,
questa diapositiva, abbiamo tipicamente visto

116
00:05:29,040 --> 00:05:32,400
typedef struct node e poi l'
campi della struttura e

117
00:05:32,400 --> 00:05:34,250
quindi il nodo parola.

118
00:05:34,250 --> 00:05:37,790
E come mai qui non ho detto, typedef
studente struct e poi il

119
00:05:37,790 --> 00:05:39,820
campi della struct e poi studente?

120
00:05:39,820 --> 00:05:44,310
La ragione è che non ho bisogno di
accedere all'interno della struttura.

121
00:05:44,310 --> 00:05:46,270
Quindi è OK per lasciare senza un nome.

122
00:05:46,270 --> 00:05:49,210
Posso solo lasciare come
una struct anonimo.

123
00:05:49,210 --> 00:05:53,130
>> La ragione per cui lo facciamo per le liste collegate e
cose è perché dentro è necessario

124
00:05:53,130 --> 00:05:55,360
fare riferimento a una stella nodi struct.

125
00:05:55,360 --> 00:05:58,220
Quindi la struttura deve avere un nome,
modo da potervi accedere in un secondo momento.

126
00:05:58,220 --> 00:05:59,540
Si tratta di un piccolo dettaglio.

127
00:05:59,540 --> 00:06:04,750
Ma ti vede in genere typedef struct
parentesi graffe, se non avete bisogno

128
00:06:04,750 --> 00:06:08,720
il nome e typedef struct qualche nome
seguito da parentesi graffe se si vuole

129
00:06:08,720 --> 00:06:09,520
necessario il nome.

130
00:06:09,520 --> 00:06:12,070
Quindi questa è una buona domanda.

131
00:06:12,070 --> 00:06:17,000
>> E su questo punto, si tende a modificare la
strutture e passare intorno le strutture da

132
00:06:17,000 --> 00:06:18,680
riferimento, non per valore.

133
00:06:18,680 --> 00:06:21,940
Quindi ci limiteremo a passare intorno puntatori a
struct invece di passare tutto il

134
00:06:21,940 --> 00:06:23,150
le strutture stesse.

135
00:06:23,150 --> 00:06:28,050
Quindi stai molto frequentemente andando ad essere
utilizzando, in questo caso, studente * o

136
00:06:28,050 --> 00:06:34,150
struct nodo * o un nodo * invece
gli studenti o nodi.

137
00:06:34,150 --> 00:06:39,350
Così qui, ho detto, OK, la variabile ptr
sta per essere l'indirizzo di s.

138
00:06:39,350 --> 00:06:45,570
E sarà il puntatore
allo studente R.J.

139
00:06:45,570 --> 00:06:48,965
>> Così possiamo arrivare a quei campi
lo stesso che si ottiene nulla.

140
00:06:48,965 --> 00:06:51,460
In primo luogo, ID riferimento il puntatore
per ottenere la struttura.

141
00:06:51,460 --> 00:06:55,530
Ecco * ptr e poi
un puntino e poi età.

142
00:06:55,530 --> 00:06:58,790
Quindi, per accedere al campo, e ho aggiornato
la guida a 22, perché, siamo

143
00:06:58,790 --> 00:07:00,860
per esempio, era il mio compleanno.

144
00:07:00,860 --> 00:07:03,990
C'è una sintassi scorciatoia
utilizzando la freccia qui.

145
00:07:03,990 --> 00:07:07,060
Età freccia in modo ptr è solo
lo stesso * ptr.age.

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

147
00:07:10,150 --> 00:07:11,550
Ora, questo è qualcosa che dovrete
di memorizzare e ricordare.

148
00:07:11,550 --> 00:07:15,010
>> È stato utilizzato un sacco di pset6,
il pset correttore ortografico.

149
00:07:15,010 --> 00:07:18,350
Ma questo è in realtà quello che sta succedendo
sulla sotto la cappa.

150
00:07:18,350 --> 00:07:20,500
E 'dereferencing il puntatore
e poi accedervi.

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

152
00:07:21,432 --> 00:07:22,682
>> AUDIENCE: [incomprensibile].

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

154
00:07:25,860 --> 00:07:28,060
>> R.J. AQUINO: Allora perché stiamo usando
puntatori come le strutture, invece di

155
00:07:28,060 --> 00:07:29,500
struct se stessi?

156
00:07:29,500 --> 00:07:33,740
Il motivo sarebbe se stai passando
una struttura a una funzione, probabilmente

157
00:07:33,740 --> 00:07:36,900
vuole passare intorno solo il 4 o giù di lì
bytes che rappresentano il puntatore, come

158
00:07:36,900 --> 00:07:40,375
contrapposizione al 30 o potenzialmente
40 byte che sono la struttura.

159
00:07:40,375 --> 00:07:44,410
Quindi passare qualcosa a una funzione
è più facile quando la cosa

160
00:07:44,410 --> 00:07:48,230
è più piccolo insomma.

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

162
00:07:49,074 --> 00:07:53,026
>> AUDIENCE: Potreste aver menzionato questo
in principio, ma ci sono

163
00:07:53,026 --> 00:07:56,000
altre diapositive su su [incomprensibile]?

164
00:07:56,000 --> 00:07:58,960
>> R.J. AQUINO: Queste diapositive saranno
dopo la sessione di revisione.

165
00:07:58,960 --> 00:08:00,210
Noi li pubblicheremo sul sito.

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

167
00:08:02,450 --> 00:08:06,870
Quindi, andare avanti e passare un po '
più veloce, stiamo andando a parlare di dati

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

169
00:08:07,350 --> 00:08:08,040
Ci sono un sacco.

170
00:08:08,040 --> 00:08:10,080
Abbiamo coperto un gruppo di loro.

171
00:08:10,080 --> 00:08:12,500
Ecco cosa si dovrebbe capire
sulla struttura dei dati.

172
00:08:12,500 --> 00:08:15,590
>> Si dovrebbe davvero capire ad alta
livellare ciò che ogni struttura.

173
00:08:15,590 --> 00:08:21,190
Puoi spiegare in inglese al tuo
amico che non ha preso CS50 come

174
00:08:21,190 --> 00:08:25,580
stiamo organizzando i nostri dati e perché saremmo
essere utilizzare qualcosa in questo modo?

175
00:08:25,580 --> 00:08:26,990
Ecco cosa uno.

176
00:08:26,990 --> 00:08:29,650
Cosa due, capire
l'attuazione.

177
00:08:29,650 --> 00:08:34,270
Quindi, capire come usare queste cose
in C. E noi andremo su questo.

178
00:08:34,270 --> 00:08:39,030
>> E poi cosa a tre sarebbe conoscere il
tempi di esecuzione e le limitazioni della

179
00:08:39,030 --> 00:08:40,470
varie strutture che si sta utilizzando.

180
00:08:40,470 --> 00:08:44,059
Allora capisco perché si dovrebbe utilizzare un
hash tavolo invece di un array.

181
00:08:44,059 --> 00:08:49,570
Capire quanto velocemente, in media,
l'accesso a una tabella hash è.

182
00:08:49,570 --> 00:08:54,010
Capire quali operazioni sono veloci su
lista collegata ma lento su array e

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

184
00:08:56,080 --> 00:08:59,780
Quindi, per capire che, dovrete
capire la notazione Big-O solo sapere

185
00:08:59,780 --> 00:09:01,310
Come parlare di questi
sorta di cose.

186
00:09:01,310 --> 00:09:02,700
E parleremo di questo.

187
00:09:02,700 --> 00:09:06,040
>> Quindi, prima cosa, le liste collegate.

188
00:09:06,040 --> 00:09:07,770
Ecco una foto di alto livello
di una lista collegata.

189
00:09:07,770 --> 00:09:08,830
Mostriamo questo in classe.

190
00:09:08,830 --> 00:09:11,670
Noi di solito abbiamo 10 persone
in piedi sul palco.

191
00:09:11,670 --> 00:09:16,790
Ma abbiamo una serie di nodi in cui ciascun
nodo ha un certo valore e un puntatore

192
00:09:16,790 --> 00:09:18,610
al suo valore successivo.

193
00:09:18,610 --> 00:09:21,730
Quindi, per ottenere da un nodo all'altro, si
basta dire, dammi il nodo successivo.

194
00:09:21,730 --> 00:09:22,530
Avete quel nodo.

195
00:09:22,530 --> 00:09:23,770
Dammi il nodo successivo.

196
00:09:23,770 --> 00:09:24,400
Avete quel nodo.

197
00:09:24,400 --> 00:09:28,790
Dammi il nodo successivo e così via
fino a quando non c'è sinistra nodo.

198
00:09:28,790 --> 00:09:31,850
>> Quindi, continuare a parlare di
ad un livello elevato.

199
00:09:31,850 --> 00:09:34,100
E 'molto facile da inserire cose
in una lista collegata.

200
00:09:34,100 --> 00:09:36,010
Se non vi interessa circa l'ordine,
si può solo cadere

201
00:09:36,010 --> 00:09:36,840
proprio all'inizio.

202
00:09:36,840 --> 00:09:38,520
E 'tempo costante.

203
00:09:38,520 --> 00:09:39,900
Ma è difficile trovare un valore.

204
00:09:39,900 --> 00:09:43,060
Se stai cercando di chiedere,
è il sette nella mia lista?

205
00:09:43,060 --> 00:09:44,740
Devi passare attraverso
ogni singolo valore.

206
00:09:44,740 --> 00:09:45,680
È questo sette?

207
00:09:45,680 --> 00:09:46,610
È questo sette?

208
00:09:46,610 --> 00:09:47,770
È questo sette?

209
00:09:47,770 --> 00:09:48,690
È questo sette?

210
00:09:48,690 --> 00:09:49,830
Più e più volte.

211
00:09:49,830 --> 00:09:51,520
E questo è O (n).

212
00:09:51,520 --> 00:09:53,800
Così, quando si studia per il quiz,
confronta questo con gli array.

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

214
00:09:57,010 --> 00:09:58,220
>> Che è OK?

215
00:09:58,220 --> 00:09:59,220
Le luci si dim.

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

217
00:10:01,110 --> 00:10:02,400
Quando è una lista concatenata migliore?

218
00:10:02,400 --> 00:10:04,640
Quando è un array di meglio?

219
00:10:04,640 --> 00:10:06,670
Quindi diamo un'occhiata a qualche codice.

220
00:10:06,670 --> 00:10:08,960
Ecco un nodo a potenziale.

221
00:10:08,960 --> 00:10:09,770
Si tratta di una struttura.

222
00:10:09,770 --> 00:10:12,220
Ha un int n, che
sarà il nostro valore.

223
00:10:12,220 --> 00:10:17,780
E ha un nodo struct * successivo, che
è il nostro puntatore al nodo successivo.

224
00:10:17,780 --> 00:10:23,040
Così qui, possiamo vedere che ci è capitato
aver messo un int nel nostro nodo.

225
00:10:23,040 --> 00:10:27,850
Ma se questa fosse una lista concatenata di char
le stelle o una lista concatenata di carri allegorici, si

226
00:10:27,850 --> 00:10:28,820
tutto poteva fare anche questo.

227
00:10:28,820 --> 00:10:33,110
>> Ricorda in pset6, probabilmente ha avuto un
lista concatenata di stelle char o semplicemente

228
00:10:33,110 --> 00:10:34,360
array di char statiche.

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

230
00:10:37,370 --> 00:10:39,040
Diamo un'occhiata qui a un'operazione.

231
00:10:39,040 --> 00:10:43,570
Quindi vogliamo inserire una nuova
n nella nostra lista collegata.

232
00:10:43,570 --> 00:10:48,940
Partiamo con un puntatore testa che è
un puntatore al nodo che ha la

233
00:10:48,940 --> 00:10:53,460
valore di n ed una successiva di un puntatore che
punti a questo nodo è un valore di

234
00:10:53,460 --> 00:10:57,760
n ed una successiva null perché
è l'ultimo nodo.

235
00:10:57,760 --> 00:11:00,440
Quindi, nell'interesse di tempo, lo farò
inserire tutto il codice sullo schermo.

236
00:11:00,440 --> 00:11:03,130
E noi cammineremo attraverso di essa
poche righe alla volta.

237
00:11:03,130 --> 00:11:05,790
>> Quindi, ecco il codice.

238
00:11:05,790 --> 00:11:07,560
Spero che sia leggibile.

239
00:11:07,560 --> 00:11:11,275
La prima cosa che facciamo è
abbiamo malloc un nuovo nodo.

240
00:11:11,275 --> 00:11:15,105
Quindi ha un puntatore ad un nuovo nodo che
non abbastanza ha nulla impostato

241
00:11:15,105 --> 00:11:16,450
in esso ancora.

242
00:11:16,450 --> 00:11:19,580
Controlliamo fare in modo che
il nuovo nodo non è nullo.

243
00:11:19,580 --> 00:11:22,220
In caso contrario, dobbiamo rinunciare.

244
00:11:22,220 --> 00:11:27,680
Quindi, dopo aver verificato che, ora
impostare i valori nel nodo.

245
00:11:27,680 --> 00:11:31,520
Così abbiamo messo la nuova n nel nostro campo n.

246
00:11:31,520 --> 00:11:36,050
E abbiamo impostato il puntatore accanto a puntare a
la testa originale, in modo che possiamo

247
00:11:36,050 --> 00:11:38,900
ora hanno inserito questo
nodo nella nostra lista.

248
00:11:38,900 --> 00:11:44,600
>> Infine, abbiamo il punto di responsabile globale
al nostro nuovo nodo, in modo che se dovessimo

249
00:11:44,600 --> 00:11:50,300
cominciare a testa, saremmo a questo
nuovo primo nodo anziché

250
00:11:50,300 --> 00:11:51,560
il vecchio primo nodo.

251
00:11:51,560 --> 00:11:55,320
E quando questa funzione esce, l'
nuovo nodo variabile non esiste più,

252
00:11:55,320 --> 00:11:57,130
perché era locale alla funzione.

253
00:11:57,130 --> 00:11:59,770
Quindi questo è lo stato del mondo.

254
00:11:59,770 --> 00:12:03,570
Il nostro responsabile globale indica il nostro nuovo
primo nodo, che punta al nostro

255
00:12:03,570 --> 00:12:06,346
originale primo nodo, che punti
al nodo dopo.

256
00:12:06,346 --> 00:12:09,790
>> Questo è stato l'inserimento.

257
00:12:09,790 --> 00:12:12,150
Spero che era relativamente
semplice da seguire.

258
00:12:12,150 --> 00:12:14,300
In caso di dubbio, un disegno.

259
00:12:14,300 --> 00:12:17,820
Quindi trovo che parlare di
liste concatenate e guardando

260
00:12:17,820 --> 00:12:19,870
il codice è molto non è stato utile.

261
00:12:19,870 --> 00:12:23,790
Considerando che, guardando una foto di un collegato
list mi permette di pensare, oh, così

262
00:12:23,790 --> 00:12:24,970
Ho questo nodo qui.

263
00:12:24,970 --> 00:12:28,980
Ma se aggiorno tale puntatore,
finisce disconnesso.

264
00:12:28,980 --> 00:12:34,340
E ho dimenticato dove
il nodo va.

265
00:12:34,340 --> 00:12:35,390
E il codice esce.

266
00:12:35,390 --> 00:12:37,830
E si dispone di più nodi
che sono disconnessi.

267
00:12:37,830 --> 00:12:39,970
E non finisce con
l'elenco che si desidera.

268
00:12:39,970 --> 00:12:43,320
>> Quindi, se si disegna l'immagine e farlo
passo dopo passo, si spera, vedrai

269
00:12:43,320 --> 00:12:46,840
l'ordine corretto delle cose in termini di
aggiornamento dei puntatori per assicurarsi

270
00:12:46,840 --> 00:12:48,830
che l'elenco viene insieme.

271
00:12:48,830 --> 00:12:51,240
Inserisci è relativamente semplice.

272
00:12:51,240 --> 00:12:55,210
Uno più complicata sarebbe
inserimento in un elenco ordinato.

273
00:12:55,210 --> 00:12:59,980
Una funzione più complicato è eliminare
e trovare, quindi guardando attraverso un elenco

274
00:12:59,980 --> 00:13:03,030
vedere se qualcosa c'è.

275
00:13:03,030 --> 00:13:07,220
Forse avete fatto queste cose a pset6 quando si
hai nella tua tabella hash e lei ha detto,

276
00:13:07,220 --> 00:13:10,460
bene, è la parola mela
nella mia lista collegata?

277
00:13:10,460 --> 00:13:11,440
>> Così si può avere già fatto.

278
00:13:11,440 --> 00:13:15,530
Ma sicuramente, rinfrescare la memoria
e cercare di trovare e reimplementare

279
00:13:15,530 --> 00:13:19,150
reimplementare cancellare per una lista collegata.

280
00:13:19,150 --> 00:13:22,850
Fun nota a margine, ci sono anche doppiamente legato
elenchi, dove avete

281
00:13:22,850 --> 00:13:27,490
puntatori che puntano sia in avanti che
indietro, in modo che si potrebbe andare al

282
00:13:27,490 --> 00:13:29,270
nodo successivo e al nodo precedente.

283
00:13:29,270 --> 00:13:33,860
E c'era una questione scorso anno
quiz di quel tipo, parlando

284
00:13:33,860 --> 00:13:36,190
sugli elenchi doppiamente-linked.

285
00:13:36,190 --> 00:13:40,070
>> Ora, questa è una struttura che si è
relativamente a conoscenza, perché la maggior parte

286
00:13:40,070 --> 00:13:42,520
di voi probabilmente li ha utilizzati su pset6.

287
00:13:42,520 --> 00:13:45,680
Ecco uno che è un po 'meno familiare.

288
00:13:45,680 --> 00:13:51,020
Come nota a margine, penso che Quiz 1 è
soprattutto più duro Quiz 0, perché

289
00:13:51,020 --> 00:13:54,600
la roba si sta facendo, si
non hanno fatto tanto.

290
00:13:54,600 --> 00:13:58,100
Per dirla in un altro modo, ad Quiz 0,
avevi scritto un sacco di C. E noi

291
00:13:58,100 --> 00:13:58,880
hai chiesto C.

292
00:13:58,880 --> 00:14:02,310
>> Per Quiz 1, stiamo andando a chiederti
PHP e JavaScript, che si

293
00:14:02,310 --> 00:14:03,490
non hanno scritto tanto di.

294
00:14:03,490 --> 00:14:07,590
Stiamo andando a chiederti C-codice
non hai scritto tanto di,

295
00:14:07,590 --> 00:14:09,130
questo C roba avanzata.

296
00:14:09,130 --> 00:14:11,520
Quindi sicuramente, praticare la roba che
parlato in conferenza che si

297
00:14:11,520 --> 00:14:15,260
non necessariamente fare
sul problema posto.

298
00:14:15,260 --> 00:14:17,870
>> A proposito, non hai scritto
una pila su un problema impostato.

299
00:14:17,870 --> 00:14:19,610
Ma è stato in conferenza.

300
00:14:19,610 --> 00:14:22,530
Ecco l'immagine di alto livello
Pile che vi mostriamo ogni anno.

301
00:14:22,530 --> 00:14:26,180
È la pila di vassoi in
la sala da pranzo Mather.

302
00:14:26,180 --> 00:14:30,570
Ad alto livello, pile sono un ultimo
in, first out struttura di dati.

303
00:14:30,570 --> 00:14:32,040
Ciò significa che si sta andando
per mettere le cose in -

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

305
00:14:36,400 --> 00:14:39,180
L'unica cosa che non ho potuto avere
detto - negativo 3, 0.

306
00:14:39,180 --> 00:14:40,250
Hai messo tutte queste cose dentro

307
00:14:40,250 --> 00:14:42,940
E l'ultimo si mette in è il primo
uno che sta per venire fuori.

308
00:14:42,940 --> 00:14:44,170
>> In modo da avere due operazioni -

309
00:14:44,170 --> 00:14:45,260
spingere e pop.

310
00:14:45,260 --> 00:14:49,180
Tutte le mettendo in che ero
gesticolare come questo sono spinta.

311
00:14:49,180 --> 00:14:52,020
E poi quando raggiungo per afferrare
qualcosa o raggiungere in alto per afferrare

312
00:14:52,020 --> 00:14:53,940
qualcosa, che sia pop.

313
00:14:53,940 --> 00:14:55,540
Quindi stiamo andando a implementare stack.

314
00:14:55,540 --> 00:14:57,870
E abbiamo mostrato loro in conferenza
utilizzo di matrici.

315
00:14:57,870 --> 00:14:59,550
Ma si potrebbe fare di loro
usando liste concatenate.

316
00:14:59,550 --> 00:15:01,770
Uno stack è un concettuale dei dati
struttura, non come un

317
00:15:01,770 --> 00:15:03,760
uno specifico dell'implementazione.

318
00:15:03,760 --> 00:15:06,420
>> Quindi, quale sarebbe simile?

319
00:15:06,420 --> 00:15:07,970
Sembrerebbe un po 'come questo.

320
00:15:07,970 --> 00:15:10,840
Avresti una dimensione intero.

321
00:15:10,840 --> 00:15:16,000
E si avrebbe una matrice di valori che
stiamo chiamando vassoi, perché è

322
00:15:16,000 --> 00:15:18,570
ciò che l'immagine è stata per
noi - INT vassoi -

323
00:15:18,570 --> 00:15:21,740
e poi alcuni capacità massima.

324
00:15:21,740 --> 00:15:27,100
Così che cosa avrebbe spinto assomigliare?

325
00:15:27,100 --> 00:15:33,250
Beh, se abbiamo uno stack s, poi a spingere
qualcosa su s, otterremmo

326
00:15:33,250 --> 00:15:34,620
la dimensione di s.

327
00:15:34,620 --> 00:15:42,270
E questo sarebbe il prossimo
luogo aperto della nostra matrice.

328
00:15:42,270 --> 00:15:50,510
Quindi, se abbiamo tre cose nel nostro stack,
poi vassoi 3 sarebbe il prossimo

329
00:15:50,510 --> 00:15:54,290
macchia aperta, perché 0, 1, e
2 sono già riempito.

330
00:15:54,290 --> 00:16:01,790
>> Così abbiamo messo il valore in
s.trays [s.size], il terzo posto.

331
00:16:01,790 --> 00:16:06,290
E poi incrementiamo s.size a dire,
hey, abbiamo avuto tre cose prima.

332
00:16:06,290 --> 00:16:07,400
Ora, abbiamo quattro.

333
00:16:07,400 --> 00:16:10,180
Così la prossima volta che si preme, sei
andando a mettere qualcosa nel 4.

334
00:16:10,180 --> 00:16:15,560
O la prossima volta che si pop, si sta andando
guardare a 3 invece di 4 o qualsiasi altra cosa.

335
00:16:15,560 --> 00:16:18,000
E poi torneremo fedeli al
per esempio, ehi, ci siamo riusciti.

336
00:16:18,000 --> 00:16:19,160
Questo ha funzionato.

337
00:16:19,160 --> 00:16:22,060
Come regola generale, se una funzione che è
dovrebbe restituire true o

338
00:16:22,060 --> 00:16:26,370
falso restituisce sempre vero, si può
hanno fatto qualcosa di sbagliato.

339
00:16:26,370 --> 00:16:28,350
Così fa questo lavoro?

340
00:16:28,350 --> 00:16:32,400
>> Beh, tutto funziona bene per 1, e
2, e 3, e 4, e cinque.

341
00:16:32,400 --> 00:16:34,640
Ma diciamo che raggiungo la mia capacità.

342
00:16:34,640 --> 00:16:38,750
Ho poi incontrato un problema, perché
se la dimensione è la stessa capacità, sono

343
00:16:38,750 --> 00:16:43,340
ora cercando di mettere qualcosa in un
array in cui non ho spazio.

344
00:16:43,340 --> 00:16:46,980
Quindi un breve controllo per risolvere questo problema.

345
00:16:46,980 --> 00:16:51,630
Se s.size CAPACITA ==, restituire false.

346
00:16:51,630 --> 00:16:54,130
Altrimenti, andiamo e facciamo quello che abbiamo fatto.

347
00:16:54,130 --> 00:16:55,660
Quindi, che cosa potremmo chiedere
merito di pile?

348
00:16:55,660 --> 00:16:56,460
Che altro si dovrebbe studiare?

349
00:16:56,460 --> 00:16:57,690
Che altro si dovrebbe praticare?

350
00:16:57,690 --> 00:17:01,030
>> Beh, in attuazione pop.

351
00:17:01,030 --> 00:17:02,370
Abbiamo già fatto push.

352
00:17:02,370 --> 00:17:04,280
Ti preparo questo.

353
00:17:04,280 --> 00:17:08,180
Un'implementazione non-array, dove
si utilizza una lista collegata, forse.

354
00:17:08,180 --> 00:17:09,390
Un'implementazione non-int.

355
00:17:09,390 --> 00:17:10,940
Abbiamo fatto int qui.

356
00:17:10,940 --> 00:17:11,880
Ma avrebbe potuto essere galleggianti.

357
00:17:11,880 --> 00:17:13,010
Avrei potuto essere stringhe.

358
00:17:13,010 --> 00:17:14,290
Avrebbe potuto stelle char.

359
00:17:14,290 --> 00:17:17,960
Guardate quiz passato per i tipi di
domande che abbiamo chiesto su pile.

360
00:17:17,960 --> 00:17:20,000
>> Dirò che abbiamo coperto stack intorno
lo stesso che li abbiamo coperti di

361
00:17:20,000 --> 00:17:20,540
anni passati.

362
00:17:20,540 --> 00:17:24,400
Così i quiz dovrebbero
essere una buona indicazione.

363
00:17:24,400 --> 00:17:27,010
Andando avanti ancora più veloce, le code.

364
00:17:27,010 --> 00:17:28,200
Sono come pile.

365
00:17:28,200 --> 00:17:29,960
Ma sono first in, first out.

366
00:17:29,960 --> 00:17:33,530
Se sei britannico, coda la parola
probabilmente fatto un sacco di senso per voi.

367
00:17:33,530 --> 00:17:36,390
In caso contrario, si può avere
sentito parlare come una linea.

368
00:17:36,390 --> 00:17:38,120
Lavorano come la linea
presso il negozio Apple.

369
00:17:38,120 --> 00:17:40,740
Il primo a presentarsi alle 3:00
la mattina è il primo

370
00:17:40,740 --> 00:17:42,880
persona ad acquistare il suo iPad.

371
00:17:42,880 --> 00:17:44,260
>> Quindi abbiamo due operazioni -

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

373
00:17:45,720 --> 00:17:47,560
Enqueue mette qualcuno in linea.

374
00:17:47,560 --> 00:17:50,070
Dequeue tira il primo
persona sulla linea.

375
00:17:50,070 --> 00:17:52,640
Ancora una volta, siamo in grado di implementare
questo con un array.

376
00:17:52,640 --> 00:17:54,880
Quindi qual è la struttura che
ha mostrato in conferenza?

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

378
00:17:57,660 --> 00:17:59,300
Ancora una volta, i numeri.

379
00:17:59,300 --> 00:18:02,020
Anche in questo caso, la dimensione e questo nuovo fronte cosa.

380
00:18:02,020 --> 00:18:04,880
Perché c'è qualcosa che si chiama anteriore?

381
00:18:04,880 --> 00:18:07,050
E 'l'indice del prossimo
elemento di annullare l'accodamento.

382
00:18:07,050 --> 00:18:12,210
E 'solo mantenendo internamente traccia di
il primo ragazzo a presentarsi, in modo da

383
00:18:12,210 --> 00:18:15,005
può tirare fuori quando ne abbiamo bisogno.

384
00:18:15,005 --> 00:18:19,322
>> Sicuramente guardare dispense e provare
ad attuare accodamento e dequeue

385
00:18:19,322 --> 00:18:21,700
quando si studia per il quiz.

386
00:18:21,700 --> 00:18:23,190
Le cose importanti a cui pensare.

387
00:18:23,190 --> 00:18:27,260
Avvolgere intorno se il fronte più l'
dimensione finisce più grande di capacità.

388
00:18:27,260 --> 00:18:32,670
Anche in questo caso, se la struttura è piena,
si sta andando ad avere un problema.

389
00:18:32,670 --> 00:18:34,780
Hash tabelle che avete visto prima.

390
00:18:34,780 --> 00:18:39,820
La maggior parte di voi probabilmente attuate
questi su pset6.

391
00:18:39,820 --> 00:18:44,210
E 'una struttura che si propone per O (1)
inserimento costante di tempo e O (1)

392
00:18:44,210 --> 00:18:46,430
ricerca costante di tempo.

393
00:18:46,430 --> 00:18:49,760
>> In CS50, abbiamo implementato questo come
un array di liste concatenate.

394
00:18:49,760 --> 00:18:53,690
La componente chiave di una tabella hash
è la funzione hash.

395
00:18:53,690 --> 00:18:58,350
Quindi converte l'input, diciamo,
una parola del dizionario, in un numero,

396
00:18:58,350 --> 00:18:59,560
che sta per essere nostro indice.

397
00:18:59,560 --> 00:19:01,410
E useremo tale indice
nella nostra matrice.

398
00:19:01,410 --> 00:19:05,374
Quindi, ecco un po 'di cute
da study.50.net.

399
00:19:05,374 --> 00:19:08,060
Gettiamo tutte le parole in
la nostra funzione di hash.

400
00:19:08,060 --> 00:19:10,950
E la funzione di hash ci dice
dove mettere queste parole.

401
00:19:10,950 --> 00:19:15,650
>> Questo è tutto fantastico nella terra in cui
c'è solo una parola per ogni slot.

402
00:19:15,650 --> 00:19:20,480
Ma ricordate da pset6, lì
sono più parole di slot.

403
00:19:20,480 --> 00:19:23,080
Che cosa succede quando si
ottenere una collisione?

404
00:19:23,080 --> 00:19:26,730
Invece di memorizzare un valore,
diciamo, tabella hash 3, si

405
00:19:26,730 --> 00:19:27,990
memorizzare un elenco collegato.

406
00:19:27,990 --> 00:19:32,900
E così invece di avere melone
Qui, si avrebbe una lista collegata,

407
00:19:32,900 --> 00:19:34,190
dove il primo nodo è cantalupo.

408
00:19:34,190 --> 00:19:35,260
E il nodo successivo è cat.

409
00:19:35,260 --> 00:19:38,970
E il terzo nodo è scontro, LET'S
dire, perché tutte queste parole iniziano

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

411
00:19:41,110 --> 00:19:42,700
>> Così la maggior parte di voi ha fatto questo per pset6.

412
00:19:42,700 --> 00:19:45,685
Se non l'avete fatto una tabella hash su pset6
e si è tentato qualcosa di simile

413
00:19:45,685 --> 00:19:47,720
un trie, sicuramente rivedere le tabelle hash.

414
00:19:47,720 --> 00:19:50,650
Se avete fatto il pset6, sicuramente
rivedere le tabelle hash.

415
00:19:50,650 --> 00:19:53,610
E se avete fatto su pset6 e non ha fatto
lavorare fuori piuttosto a destra e si

416
00:19:53,610 --> 00:19:56,150
ha avuto un sacco di problemi con esso, sicuramente
rivedere le tabelle hash.

417
00:19:56,150 --> 00:20:01,610
Quindi la lezione è davvero sicuramente
rivedere le tabelle hash.

418
00:20:01,610 --> 00:20:07,130
>> La stragrande minoranza di voi provato
cerca su pset6.

419
00:20:07,130 --> 00:20:08,570
Picture alto livello.

420
00:20:08,570 --> 00:20:15,150
E 'qualcosa come questo, dove ogni
nodo ha una serie di bambini, dove ogni

421
00:20:15,150 --> 00:20:17,100
bambino corrisponde ad una lettera.

422
00:20:17,100 --> 00:20:20,520
E ogni nodo dice anche,
hey, io sono una parola.

423
00:20:20,520 --> 00:20:25,933
Quindi, in questo esempio, la parola Maxwell,
se si segue la M per la A al

424
00:20:25,933 --> 00:20:28,530
X-W-E-L-L e poi seguire uno di più.

425
00:20:28,530 --> 00:20:32,800
E si ottiene questo simbolo, delta, che
ci indicano a significare questa è una parola.

426
00:20:32,800 --> 00:20:34,780
Così Maxwell è una parola.

427
00:20:34,780 --> 00:20:38,430
Questi delta sono in tutto significazione
che le cose sono parole e che

428
00:20:38,430 --> 00:20:40,360
le cose non sono.

429
00:20:40,360 --> 00:20:46,400
>> Quindi, in pset6, i dati che abbiamo memorizzato
accanto a uno qualsiasi dei nostri nodi era "Io sono un

430
00:20:46,400 --> 00:20:52,630
parola. "E la cosa bella di tentativi
si dimostrano inserimento e

431
00:20:52,630 --> 00:20:55,080
ricercare in O (lunghezza di una parola).

432
00:20:55,080 --> 00:20:59,450
Quindi, solo per ottenere attraverso Maxwell, è
M-A-X-W-E-L-L. Così sette o otto -

433
00:20:59,450 --> 00:21:00,360
Non posso contare -

434
00:21:00,360 --> 00:21:03,920
passi per arrivare alla fine
e controllare le cose.

435
00:21:03,920 --> 00:21:06,800
Attuazione così veloce qui.

436
00:21:06,800 --> 00:21:10,230
Rob ha attraversato un collegato
elencare nel suo post-mortem.

437
00:21:10,230 --> 00:21:11,600
Quindi, verificare che fuori.

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

439
00:21:11,720 --> 00:21:13,240
Siamo andati in un trie nel suo post-mortem.

440
00:21:13,240 --> 00:21:14,260
Quindi, verificare che fuori.

441
00:21:14,260 --> 00:21:24,410
>> Ma avete praticamente ogni nodo ha 27
puntatori ai nodi successivi e una

442
00:21:24,410 --> 00:21:27,050
Boolean per io sono una parola.

443
00:21:27,050 --> 00:21:31,530
Scopri postmortem di Rob per quanto
questo in realtà è implementato.

444
00:21:31,530 --> 00:21:34,750
La nostra struttura finale, i nostri alberi
e gli alberi binari di ricerca.

445
00:21:34,750 --> 00:21:41,530
Così guardando questi, questi sono stati coperti
più di recente Settimana 8, Lunedi.

446
00:21:41,530 --> 00:21:46,960
Un albero è simile a un trie, tranne voi
non necessariamente di 27 nodi a

447
00:21:46,960 --> 00:21:47,500
ciascun punto.

448
00:21:47,500 --> 00:21:52,820
E non si dispone di questi dati ad ogni
passo che indica se la -

449
00:21:52,820 --> 00:21:54,030
il percorso non importa.

450
00:21:54,030 --> 00:22:00,870
Considerando un trie, il percorso dall'alto verso
fondo, Maxwell, era importante per noi.

451
00:22:00,870 --> 00:22:05,270
>> Ma ogni nodo ha più
bambini, forse.

452
00:22:05,270 --> 00:22:07,290
Abbiamo ancora un po 'di vocabolario.

453
00:22:07,290 --> 00:22:09,530
La radice dell'albero
è in cima.

454
00:22:09,530 --> 00:22:12,520
E diciamo che la molto più in basso
nodi che non hanno

455
00:22:12,520 --> 00:22:14,530
i bambini sono le foglie.

456
00:22:14,530 --> 00:22:18,040
Così come un trie, un albero è
una struttura di nodi.

457
00:22:18,040 --> 00:22:21,490
Un tipo comune di albero che stiamo andando
a parlare è un albero binario, dove

458
00:22:21,490 --> 00:22:26,040
ogni nodo non ha figli o
un bambino o due bambini.

459
00:22:26,040 --> 00:22:28,890
Quindi questa immagine qui non è
un albero binario, perché

460
00:22:28,890 --> 00:22:32,890
nodo 3 ha tre figli.

461
00:22:32,890 --> 00:22:38,140
>> Ma se dovessimo ignorare quelle, il resto
di esso è un albero binario perché

462
00:22:38,140 --> 00:22:43,200
dimostra la proprietà che ogni nodo
ha zero, uno o due bambini.

463
00:22:43,200 --> 00:22:46,400
Così come potremmo esprimere questo in codice?

464
00:22:46,400 --> 00:22:51,460
Potremmo avere un nodo in cui ogni nodo ha
un numero intero all'interno di esso, nonché

465
00:22:51,460 --> 00:22:55,590
come un puntatore alla struttura ad albero sulla sinistra
e un puntatore per l'albero sul

466
00:22:55,590 --> 00:22:59,510
a destra, quindi i due figli.

467
00:22:59,510 --> 00:23:00,880
Come è utile?

468
00:23:00,880 --> 00:23:05,740
Beh, se facciamo regole su dove siamo
mettere i nodi, possiamo fare ricerca più veloce.

469
00:23:05,740 --> 00:23:10,630
>> Quindi c'è un concetto di ricerca binaria
albero, in cui tutti i nodi della

470
00:23:10,630 --> 00:23:14,420
sottostruttura sinistra ha un valore minore
che il nodo che stiamo guardando.

471
00:23:14,420 --> 00:23:17,880
E tutti i nodi del sottoalbero di destra
avere un valore maggiore

472
00:23:17,880 --> 00:23:18,660
che il nodo radice.

473
00:23:18,660 --> 00:23:20,670
Ora, che assomiglia un sacco di parole.

474
00:23:20,670 --> 00:23:23,770
Ho intenzione di mettere dentro di doppio
citazioni e vi mostrerà una foto.

475
00:23:23,770 --> 00:23:27,010
Così qui è un esempio di
un albero binario di ricerca.

476
00:23:27,010 --> 00:23:28,770
Vedi che cominciamo con 10.

477
00:23:28,770 --> 00:23:31,780
Tutto a fianco di
10 è più piccolo di esso.

478
00:23:31,780 --> 00:23:33,130
E tutto a destra
è più grande di esso.

479
00:23:33,130 --> 00:23:37,620
>> Ma più di quella, ogni nodo
l'albero esprime questa struttura.

480
00:23:37,620 --> 00:23:42,110
Quindi il nodo 7 ha un 3 al
sinistra e 9 a destra.

481
00:23:42,110 --> 00:23:44,440
Quindi tutti questi sono più piccole di 10.

482
00:23:44,440 --> 00:23:50,470
Ma guardando solo quelli, il 7 ha
3 alla sua sinistra e 9 alla sua destra.

483
00:23:50,470 --> 00:23:56,100
E allo stesso modo a destra, 15 ha 14
alla sua sinistra e 50 a destra.

484
00:23:56,100 --> 00:24:03,770
Così i tre nodi laggiù, 15, 14,
e 50, sono anche un albero binario valido

485
00:24:03,770 --> 00:24:05,480
o un albero di ricerca binario valido.

486
00:24:05,480 --> 00:24:07,250
E sono tutti più grandi di 10.

487
00:24:07,250 --> 00:24:08,960
Così essi sono autorizzati a essere
sulla destra.

488
00:24:08,960 --> 00:24:09,940
C'è una domanda?

489
00:24:09,940 --> 00:24:12,580
>> AUDIENCE: Come si fa a trattare quando
hai due sette?

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

491
00:24:12,850 --> 00:24:16,550
Come si fa a trattare con due valori
che sono la stessa cosa?

492
00:24:16,550 --> 00:24:21,465
Alcuni alberi binari di ricerca dicono che si
ignorare duplicati, perché l'obiettivo è

493
00:24:21,465 --> 00:24:24,280
solo per dire, ho visto
queste cose finora.

494
00:24:24,280 --> 00:24:28,120
Alcuni alberi binari di ricerca si potrebbe dire
avere un conteggio all'interno del nodo.

495
00:24:28,120 --> 00:24:32,000
Altri potrebbero dire che tutto a
sinistra è minore o uguale a.

496
00:24:32,000 --> 00:24:33,470
E tutto a destra
è maggiore.

497
00:24:33,470 --> 00:24:36,520
>> Dipende solo da ciò che il
problema è che si sta risolvendo.

498
00:24:36,520 --> 00:24:40,840
Quindi, in un dizionario, per esempio,
non sarebbe preoccupano duplicati.

499
00:24:40,840 --> 00:24:41,490
Tu li avresti buttare fuori.

500
00:24:41,490 --> 00:24:44,719
Ma qualche altro problema che si potrebbe curare.

501
00:24:44,719 --> 00:24:49,242
>> PUBBLICO: E 'possibile avere
un 1 a fianco di 15, che

502
00:24:49,242 --> 00:24:50,590
è meno di 10?

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

504
00:24:51,885 --> 00:24:56,570
Se il 14 qui erano un 1, questo sarebbe
non essere un albero binario di ricerca valido,

505
00:24:56,570 --> 00:25:00,840
perché tutto il diritto di
10 deve essere più grande di esso.

506
00:25:00,840 --> 00:25:02,300
E vedremo il perché.

507
00:25:02,300 --> 00:25:07,960
Se nella terra di ricerca il mio obiettivo è
di trovare 14, comincio alla radice.

508
00:25:07,960 --> 00:25:08,500
Così guardo.

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

510
00:25:08,710 --> 00:25:10,670
Stiamo per cominciare alla radice.

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

512
00:25:12,500 --> 00:25:16,050
>> Beh, 14, il nostro obiettivo,
è più grande di 10.

513
00:25:16,050 --> 00:25:17,370
Quindi deve essere sulla destra.

514
00:25:17,370 --> 00:25:21,780
Questo è molto simile al telefono tutto
book cosa che abbiamo fatto, il binario

515
00:25:21,780 --> 00:25:23,720
cercare lì.

516
00:25:23,720 --> 00:25:26,430
Ma invece di ricerca binaria
in un array, siamo binario

517
00:25:26,430 --> 00:25:28,490
la ricerca in questo albero.

518
00:25:28,490 --> 00:25:31,260
Quindi stiamo ancora cercando 14.

519
00:25:31,260 --> 00:25:32,480
Ebbene, 14 è minore di 15.

520
00:25:32,480 --> 00:25:36,430
Quindi, se è nel nostro albero, deve
essere in questa zona qui.

521
00:25:36,430 --> 00:25:39,680
Deve essere a destra del
10 ed a fianco di 15.

522
00:25:39,680 --> 00:25:42,250
>> E così controlliamo questo nodo.

523
00:25:42,250 --> 00:25:45,790
E yay, abbiamo trovato 14.

524
00:25:45,790 --> 00:25:46,760
Non ho intenzione di camminare attraverso di essa.

525
00:25:46,760 --> 00:25:48,090
Ma ecco il codice.

526
00:25:48,090 --> 00:25:49,690
In realtà è relativamente
semplice,

527
00:25:49,690 --> 00:25:52,630
perché questo è ricorsivo.

528
00:25:52,630 --> 00:25:55,420
Cosa potremmo chiedere di fare un quiz?

529
00:25:55,420 --> 00:25:57,000
Potremmo chiedere di scrivere questo codice.

530
00:25:57,000 --> 00:25:59,170
Vi potremmo chiedere di guardare a questo codice
e modificare questo codice e spiegare che cosa

531
00:25:59,170 --> 00:26:00,210
che sta facendo.

532
00:26:00,210 --> 00:26:00,390
Già.

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

534
00:26:00,770 --> 00:26:04,240
>> AUDIENCE: sono queste slide per essere
messo a disposizione come lo erano l'ultima volta?

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

536
00:26:04,740 --> 00:26:06,460
Quindi queste diapositive sarà sicuramente
essere pubblicato.

537
00:26:06,460 --> 00:26:08,640
>> AUDIENCE: Sono effettivamente inviate
adesso sul sito.

538
00:26:08,640 --> 00:26:10,020
David ha appena fatto questo.

539
00:26:10,020 --> 00:26:12,720
>> R.J. AQUINO: Gli scivoli sono
adesso sul sito.

540
00:26:12,720 --> 00:26:16,420
Io probabilmente rattoppare un paio di
gli errori di battitura ho notato e correggerli.

541
00:26:16,420 --> 00:26:19,940
Ma c'è una corrente
versione sul sito.

542
00:26:19,940 --> 00:26:21,820
Altre cose che potremmo chiedere di fare -

543
00:26:21,820 --> 00:26:23,790
scrivere inserto.

544
00:26:23,790 --> 00:26:27,490
Scrivere una versione iterativa del
funzione ricorsiva abbiamo appena mostrato

545
00:26:27,490 --> 00:26:32,520
o parlare di queste cose, come in
paragrafi, in parole, in frasi.

546
00:26:32,520 --> 00:26:35,760
Confrontando i tempi di esecuzione e spiegando
ciò che si desidera utilizzare un file binario

547
00:26:35,760 --> 00:26:39,200
albero di ricerca per invece di un
Hash Table, per esempio.

548
00:26:39,200 --> 00:26:43,580
>> Quindi capire queste strutture
a un livello abbastanza profondo.

549
00:26:43,580 --> 00:26:47,440
Capire come scrivere loro, come
usarli, come parlare di loro.

550
00:26:47,440 --> 00:26:50,270
E sarete tutti insieme.

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

552
00:26:50,630 --> 00:26:55,070
>> AUDIENCE: Quando stai scrivendo il
albero binario di ricerca, come si fa

553
00:26:55,070 --> 00:27:01,460
determinare quale valore
renderla come la radice?

554
00:27:01,460 --> 00:27:06,120
>> R.J. AQUINO: Quindi la domanda è, cosa
valore si fa a fare il root?

555
00:27:06,120 --> 00:27:08,760
A seconda del vostro codice,
possono avere una radice globale.

556
00:27:08,760 --> 00:27:14,290
Così si può probabilmente avete avuto in
pset6 una tabella hash globale.

557
00:27:14,290 --> 00:27:18,640
Oppure si potrebbe passare la radice
come argomento.

558
00:27:18,640 --> 00:27:23,810
Quindi questa funzione di ricerca qui
prende un argomento un nodo *.

559
00:27:23,810 --> 00:27:27,420
E così qualunque nodo vi capita di essere
guardando è quello che si sta trattando

560
00:27:27,420 --> 00:27:31,510
come root quando si passa dentro

561
00:27:31,510 --> 00:27:32,320
E sono tutti insieme.

562
00:27:32,320 --> 00:27:33,480
Quelle sono le mie diapositive.

563
00:27:33,480 --> 00:27:35,940
La prossima persona può venire di swap
in un computer portatile e microfono.

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

565
00:27:47,390 --> 00:27:49,760
>> ROB BOWDEN: Penso che potrei avere
interpretato tale domanda in modo diverso.

566
00:27:49,760 --> 00:27:53,826
Ma ho interpretato come, se avete
i numeri 1, 2, e 3, come possiamo

567
00:27:53,826 --> 00:27:56,720
sapere per fare 2 radice
invece di 1 o 3?

568
00:27:56,720 --> 00:27:59,480
Se facciamo 2 la radice, allora è bene
1 e 3 a sinistra ea destra.

569
00:27:59,480 --> 00:28:04,610
Ma se 1 è la radice, allora è 1 alla
top, 2 destra, 3 a destra.

570
00:28:04,610 --> 00:28:10,880
Quindi per impostazione predefinita, non si sa
cosa fare radice.

571
00:28:10,880 --> 00:28:15,400
E per qualsiasi algoritmo ci aspettiamo di
dati, solo la prima cosa che

572
00:28:15,400 --> 00:28:16,680
Inserto sarebbe la radice.

573
00:28:16,680 --> 00:28:19,890
Oppure ci piacerebbe darvi un albero binario che
esiste già che ha una radice.

574
00:28:19,890 --> 00:28:24,760
Ma altri algoritmi esiste tale che
la radice aggiornerà, in modo che se si

575
00:28:24,760 --> 00:28:28,370
finire nella situazione in cui è 1, 2,
3, sarebbe aggiorna automaticamente

576
00:28:28,370 --> 00:28:30,900
2 rendere la nuova radice, in modo che
è ancora ben bilanciata.

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

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

579
00:28:34,833 --> 00:28:36,170
Ehi, ragazzi.

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

581
00:28:37,810 --> 00:28:42,490
E ho intenzione di finire la nostra C
e poi andare in alcuni dei nostri web

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

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

584
00:28:46,570 --> 00:28:49,610
Quindi la prima cosa è tampone
attacchi di overflow.

585
00:28:49,610 --> 00:28:53,070
Quindi, diamo uno sguardo a questo codice.

586
00:28:53,070 --> 00:28:54,260
E 'piuttosto semplice.

587
00:28:54,260 --> 00:28:55,460
C'è una funzione foo.

588
00:28:55,460 --> 00:28:56,990
E non restituisce nulla.

589
00:28:56,990 --> 00:29:00,950
Ma ci vuole un puntatore
una stringa chiamata bar.

590
00:29:00,950 --> 00:29:04,920
>> E sta andando a dichiarare questa
tampone, che è un carattere

591
00:29:04,920 --> 00:29:07,690
array che dispone di 12 slot.

592
00:29:07,690 --> 00:29:11,730
E utilizza memcpy, che è solo una
funzione che copia da un indirizzo

593
00:29:11,730 --> 00:29:12,910
in un altro.

594
00:29:12,910 --> 00:29:19,400
Quindi questo sta cercando di copiare in
il nostro tampone da qualunque

595
00:29:19,400 --> 00:29:21,140
bar sta puntando.

596
00:29:21,140 --> 00:29:24,640
Quindi, qualsiasi idea di che cosa c'è che non va
con questo codice?

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

598
00:29:27,568 --> 00:29:30,830
>> AUDIENCE: Se il bar è più lungo
C, essi verranno sovrascritti.

599
00:29:30,830 --> 00:29:31,520
>> ANGELA LI: Sì, esattamente.

600
00:29:31,520 --> 00:29:34,200
Non abbiamo alcuna garanzia che bar
sta per essere inferiore a 12.

601
00:29:34,200 --> 00:29:36,080
Abbiamo appena fatto qualche numero arbitrario 12.

602
00:29:36,080 --> 00:29:38,380
E ci siamo detti, speriamo che
il nostro input dell'utente è inferiore a

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

604
00:29:40,440 --> 00:29:46,320
Quindi, in un mondo ideale, se il nostro ingresso è
sempre come previsto, allora avremo

605
00:29:46,320 --> 00:29:47,550
qualcosa di simile, ciao.

606
00:29:47,550 --> 00:29:48,920
Questo è meno di 12 caratteri.

607
00:29:48,920 --> 00:29:51,870
Esso viene letta in char c.

608
00:29:51,870 --> 00:29:53,280
E allora facciamo qualcosa con esso.

609
00:29:53,280 --> 00:29:54,800
Non ha molta importanza.

610
00:29:54,800 --> 00:29:59,740
>> Ma una persona malintenzionato potrebbe fare
qualcosa di più come questo, dove si

611
00:29:59,740 --> 00:30:04,760
darci qualunque bar sta puntando,
sta andando a puntare a questo enorme matrice

612
00:30:04,760 --> 00:30:06,280
di appena A di.

613
00:30:06,280 --> 00:30:10,680
E questo è il modo più lungo di 12.

614
00:30:10,680 --> 00:30:13,830
Così sta andando a andare fino in fondo
quaggiù per cui il rendimento

615
00:30:13,830 --> 00:30:15,420
indirizzo usato per essere.

616
00:30:15,420 --> 00:30:17,860
Quindi diciamo che questa funzione
è chiamato foo.

617
00:30:17,860 --> 00:30:20,970
Forse foo è stato chiamato da un altro
funzione, che è stato chiamato da principale.

618
00:30:20,970 --> 00:30:24,890
Così, quando foo è in esecuzione, è necessario
per sapere dove tornare.

619
00:30:24,890 --> 00:30:29,130
>> Se foo è stato chiamato da una funzione denominata
baz, deve sapere che è

620
00:30:29,130 --> 00:30:30,250
avuto modo di tornare a baz.

621
00:30:30,250 --> 00:30:34,040
E questo è ciò che questo indirizzo di ritorno
qui ci sta dicendo.

622
00:30:34,040 --> 00:30:38,340
Ma se sovrascrivere con qualche altra
indirizzo, in questo caso, si tratta di un

623
00:30:38,340 --> 00:30:42,650
rappresentazione l'indirizzo presso il
Fin dall'inizio di questo buffer, poi

624
00:30:42,650 --> 00:30:45,240
quello che in realtà sta per accadere è che
invece di tornare indietro a baz,

625
00:30:45,240 --> 00:30:48,470
che ha chiesto la nostra funzione, è solo
per andare al fronte di tale codice.

626
00:30:48,470 --> 00:30:53,930
>> E se questo era lì perché una
maligno di hacker tizio è venuto e

627
00:30:53,930 --> 00:30:56,820
iniettato questo, allora forse questo importo
di A non è in realtà una di.

628
00:30:56,820 --> 00:31:02,030
E in realtà è proprio il codice che si rompe
il computer o qualcosa del genere.

629
00:31:02,030 --> 00:31:05,930
Quindi, per stare sulla difensiva su questo tipo di
cose, dovete mai pensare che

630
00:31:05,930 --> 00:31:09,120
input dell'utente è un certo
quantità di caratteri.

631
00:31:09,120 --> 00:31:13,310
Ad esempio, quando stavi facendo
correttore ortografico, vi è stato detto che le parole erano

632
00:31:13,310 --> 00:31:15,580
solo andando a essere di 40 caratteri
tempo massimo.

633
00:31:15,580 --> 00:31:16,570
E che era buono.

634
00:31:16,570 --> 00:31:20,150
>> Ma se non, allora si dovrà
assicurarsi di leggere solo in 45

635
00:31:20,150 --> 00:31:21,520
caratteri alla volta.

636
00:31:21,520 --> 00:31:24,430
In caso contrario, si potrebbe sovrascrivere
il buffer.

637
00:31:24,430 --> 00:31:26,140
Tutte le domande su questo.

638
00:31:26,140 --> 00:31:26,733
Già.

639
00:31:26,733 --> 00:31:28,850
>> AUDIENCE: Potresti parlare
un po 'di più su questi?

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

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
>> PUBBLICO: Il microfono è solo per il video.

644
00:31:35,870 --> 00:31:37,640
Cercherò di progetto.

645
00:31:37,640 --> 00:31:39,900
Ciao, ragazzi.

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

647
00:31:40,920 --> 00:31:45,330
Quindi cerchiamo di andare oltre un paio di cose in
Biblioteca CS50, che hai utilizzato

648
00:31:45,330 --> 00:31:49,072
tutto il semestre, per lo più
per ottenere l'input dell'utente.

649
00:31:49,072 --> 00:31:53,140
Come sapete, si include il CS50
biblioteca da solo facendo CS50.h, che

650
00:31:53,140 --> 00:31:55,660
contiene tutti i prototipi della
funzioni che è possibile utilizzare, come

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

652
00:31:58,640 --> 00:32:02,870
E c'è questa riga nel CS50
biblioteca che definisce una stringa, che

653
00:32:02,870 --> 00:32:05,380
voi tutti ormai sappiamo
è solo un char *.

654
00:32:05,380 --> 00:32:07,900
>> Ma diamo uno sguardo a
come funziona GetString.

655
00:32:07,900 --> 00:32:10,010
Questa è una versione molto ridotta.

656
00:32:10,010 --> 00:32:15,090
Si può tirare su i file della libreria CS50
da, credo, manuals.CS50.net.

657
00:32:15,090 --> 00:32:16,750
E si può leggere
la funzione effettiva.

658
00:32:16,750 --> 00:32:19,330
Ma questo riguarda alcuni
le parti importanti.

659
00:32:19,330 --> 00:32:23,870
Così abbiamo creato un buffer
con una certa capacità.

660
00:32:23,870 --> 00:32:27,570
E quello che facciamo è otteniamo un carattere
alla volta dallo standard n.

661
00:32:27,570 --> 00:32:30,910
Ecco dove gli input degli utenti
il testo nella console.

662
00:32:30,910 --> 00:32:33,430
>> E così stiamo andando a leggere in un
carattere finché non è un nuovo

663
00:32:33,430 --> 00:32:37,220
line e non è fine del file, che
è la fine di standard input.

664
00:32:37,220 --> 00:32:45,690
E per ogni personaggio che leggiamo in,
se quel personaggio finisce per aggiungere

665
00:32:45,690 --> 00:32:50,120
il numero di caratteri che abbiamo letto
e che è più di nostra capacità,

666
00:32:50,120 --> 00:32:53,490
allora quello che facciamo è che abbiamo appena ridimensioniamo la nostra
buffer in modo che sia il doppio del tempo.

667
00:32:53,490 --> 00:32:56,950
Quindi, di nuovo, questa protezione contro buffer di
attacchi di overflow, perché si legge in

668
00:32:56,950 --> 00:32:58,315
un carattere per volta.

669
00:32:58,315 --> 00:33:02,290
E se in qualsiasi punto si legge in troppo
molti, basta espandere il buffer.

670
00:33:02,290 --> 00:33:03,330
Si moltiplica per due.

671
00:33:03,330 --> 00:33:05,510
E allora hai più spazio.

672
00:33:05,510 --> 00:33:09,120
>> Altrimenti, basta aggiungere
un carattere di buffer.

673
00:33:09,120 --> 00:33:15,080
E dopo aver letto in tutto il
caratteri, si ridurrà il buffer

674
00:33:15,080 --> 00:33:18,510
indietro fino alla dimensione normale, aggiungere un
nullo terminatore, e poi tornare.

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

676
00:33:21,880 --> 00:33:24,960
Ora, diamo un'occhiata a GetInt.

677
00:33:24,960 --> 00:33:27,700
Can you guys leggere questo?

678
00:33:27,700 --> 00:33:30,710
Posso ingrandire un po '.

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

680
00:33:33,410 --> 00:33:34,660
Non so come funzionano i computer.

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

682
00:33:40,840 --> 00:33:41,270
Si figuri.

683
00:33:41,270 --> 00:33:42,520
Non posso ingrandire correttamente.

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

685
00:33:47,500 --> 00:33:48,770
>> Questo è veramente duro.

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

687
00:33:49,180 --> 00:33:51,490
Diciamo solo un'occhiata a questo.

688
00:33:51,490 --> 00:33:57,140
Così che cosa GetInt fa è prima legge
in una stringa da GetString, che

689
00:33:57,140 --> 00:33:59,250
abbiamo implementato prima.

690
00:33:59,250 --> 00:34:02,945
E la parte più importante da notare qui
è se questa condivisione che finisce

691
00:34:02,945 --> 00:34:06,400
la lettura è come non è in realtà una stringa,
poi abbiamo appena torniamo a INT_MAX

692
00:34:06,400 --> 00:34:09,409
rappresentano il fallimento.

693
00:34:09,409 --> 00:34:12,645
Perché torniamo INT_MAX invece
di negativo 1 o 1?

694
00:34:12,645 --> 00:34:13,895
Tutte le idee?

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

696
00:34:16,853 --> 00:34:19,350
>> AUDIENCE: [incomprensibile]
negativo 1 su uno.

697
00:34:19,350 --> 00:34:20,070
>> ANGELA LI: Sì, esattamente.

698
00:34:20,070 --> 00:34:24,560
Quindi sei molto più probabile che vogliono solo
all'ingresso 1 o negativa 1 quando richiesto

699
00:34:24,560 --> 00:34:27,469
per una ennesima e qualunque Maxes all'ennesima potenza.

700
00:34:27,469 --> 00:34:27,969
E 'enorme.

701
00:34:27,969 --> 00:34:29,690
Non probabilmente stai andando a usarlo.

702
00:34:29,690 --> 00:34:32,690
Quindi questo è come una decisione di progettazione per
assicurarsi che non si accidentalmente

703
00:34:32,690 --> 00:34:38,540
restituire un errore o non si torna
1, che può essere analizzato

704
00:34:38,540 --> 00:34:41,199
come una risposta corretta.

705
00:34:41,199 --> 00:34:45,110
Quindi, se una linea non esiste,
torniamo INT-MAX.

706
00:34:45,110 --> 00:34:48,090
In caso contrario, usiamo sscanf,
che è come scanf.

707
00:34:48,090 --> 00:34:49,449
Ma si legge da una stringa.

708
00:34:49,449 --> 00:34:54,310
>> E abbiamo questa formattato
stringa, che è% i% c.

709
00:34:54,310 --> 00:34:57,440
E cerchiamo di applicheremo la stessa con
ciò che l'utente ci ha dato.

710
00:34:57,440 --> 00:35:01,420
Vogliamo che il numero di cose abbinate
ad 1, il che significa che solo

711
00:35:01,420 --> 00:35:04,940
vuole davvero corrispondere un numero intero
circondato da forse bianco

712
00:35:04,940 --> 00:35:06,840
spazio, forse no.

713
00:35:06,840 --> 00:35:10,710
In questo caso, se si mette in qualcosa
come bar, non corrisponde affatto,

714
00:35:10,710 --> 00:35:14,400
perché ci deve essere
un numero intero all'inizio.

715
00:35:14,400 --> 00:35:17,060
Così sscan mai girato 0.

716
00:35:17,060 --> 00:35:19,640
Quindi non ritorni quella.

717
00:35:19,640 --> 00:35:23,850
>> In alternativa, se si mette in qualcosa
come 1, 2, 3, A, B, C, che partite

718
00:35:23,850 --> 00:35:27,180
sia il numero intero ma anche
il carattere dopo.

719
00:35:27,180 --> 00:35:29,990
Così sscanf torneranno 2, che
inoltre, non è l'ideale.

720
00:35:29,990 --> 00:35:34,620
Tu non vuoi 1, 2, 3, A,
B, C un int valido.

721
00:35:34,620 --> 00:35:36,990
In modo che anche non funziona.

722
00:35:36,990 --> 00:35:38,530
Ma dicono che si mette in qualcosa come 50.

723
00:35:38,530 --> 00:35:42,460
Che corrisponderà al% i, che significa
otterrà leggere in n.

724
00:35:42,460 --> 00:35:44,790
E ora, n conterrà il numero 50.

725
00:35:44,790 --> 00:35:46,110
E poi si può tornare.

726
00:35:46,110 --> 00:35:49,270
>> In caso contrario, si colpisce Riprova.

727
00:35:49,270 --> 00:35:55,790
E poi si va solo più volte fino a
si ottiene un ingresso adeguato da parte dell'utente.

728
00:35:55,790 --> 00:35:56,891
Hai domande su questo?

729
00:35:56,891 --> 00:36:02,182
>> AUDIENCE: Quindi, se si dovesse stampare
il valore della GetInt su [incomprensibile]

730
00:36:02,182 --> 00:36:06,250
sarebbe solo il numero intero e max?

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

732
00:36:07,440 --> 00:36:11,780
Quindi, se si utilizza GetInt, si dovrebbe presumere
che non si desidera max nth to

733
00:36:11,780 --> 00:36:15,328
essere un input valido, perché si sta andando
supporre che era male.

734
00:36:15,328 --> 00:36:27,740
>> AUDIENCE: Se non avessimo char c e
qualcuno mettere in 1, 2, 3, Sam, vero

735
00:36:27,740 --> 00:36:29,430
ancora funzionare per 1, 2, 3?

736
00:36:29,430 --> 00:36:29,750
>> ANGELA LI: Penso che avrebbe funzionato.

737
00:36:29,750 --> 00:36:33,340
Ma non si vuole 123Sam a
essere un input valido da un utente.

738
00:36:33,340 --> 00:36:34,670
Questo non è davvero un int.

739
00:36:34,670 --> 00:36:36,840
Quindi non mi sembra giusto
per analizzare come un int.

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

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

742
00:36:42,160 --> 00:36:45,800
In tal caso, andiamo avanti
a internet.

743
00:36:45,800 --> 00:36:49,120
Quindi HTTP non è un linguaggio.

744
00:36:49,120 --> 00:36:56,060
HTTP è solo l'insieme di norme per
come si inviano le cose da parte dei clienti,

745
00:36:56,060 --> 00:36:57,280
che è, ai server.

746
00:36:57,280 --> 00:36:59,730
Ecco altre persone sul web.

747
00:36:59,730 --> 00:37:02,900
>> Così HTTP è l'acronimo di Hypertext
Transfer Protocol.

748
00:37:02,900 --> 00:37:04,610
E 'il cuore e l'anima
dell'intero web.

749
00:37:04,610 --> 00:37:07,050
La parte ipertesto appena
si riferisce a HTML.

750
00:37:07,050 --> 00:37:10,690
Il trasferimento è clienti come
potrete inviare richieste di

751
00:37:10,690 --> 00:37:13,060
server, che danno risposte.

752
00:37:13,060 --> 00:37:16,380
E il protocollo è solo, come si fa
ci si aspetta un server comportarsi?

753
00:37:16,380 --> 00:37:19,960
E come si fa a comportarsi
in modo tale che è possibile semplificare questo

754
00:37:19,960 --> 00:37:21,920
processo di comunicazione?

755
00:37:21,920 --> 00:37:26,650
>> Quindi le richieste HTTP assomigliano molto questo.

756
00:37:26,650 --> 00:37:28,070
GET è il tipo di richiesta.

757
00:37:28,070 --> 00:37:31,220
Voi ragazzi avete visto le richieste GET
e richieste POST.

758
00:37:31,220 --> 00:37:36,690
Questa seconda cosa lì, / io, che è
appena l'URI o l'URL di cui si

759
00:37:36,690 --> 00:37:38,140
vuole andare all'interno dell'ospite.

760
00:37:38,140 --> 00:37:44,140
Quindi questa richiesta chiede la
pagina, come www.facebook.com / me.

761
00:37:44,140 --> 00:37:45,300
Ed è una richiesta GET.

762
00:37:45,300 --> 00:37:51,020
E poi questo HTTP/1.1, che è solo
la versione di HTTP che si sta utilizzando.

763
00:37:51,020 --> 00:37:55,020
E 'quasi sempre 1.1.

764
00:37:55,020 --> 00:37:56,880
>> E poi c'è un gruppo
di altra roba troppo.

765
00:37:56,880 --> 00:38:02,510
Si può effettivamente vedere questi se
aprire la console quando sei

766
00:38:02,510 --> 00:38:03,770
navigare sul web.

767
00:38:03,770 --> 00:38:07,290
Le risposte sembrano qualcosa
più simile a questo.

768
00:38:07,290 --> 00:38:09,620
La parte superiore è, ancora una volta, l'
tipo di HTTP che si sta utilizzando

769
00:38:09,620 --> 00:38:12,310
seguito da un codice di stato.

770
00:38:12,310 --> 00:38:14,700
Quindi 200 OK è tutto risolto.

771
00:38:14,700 --> 00:38:16,200
Qui è il contenuto.

772
00:38:16,200 --> 00:38:17,390
Il tuo contenuto sta per seguire.

773
00:38:17,390 --> 00:38:21,730
E poi vi dirà che tipo
di contenuto e altre cose troppo.

774
00:38:21,730 --> 00:38:24,620
>> I codici di stato, ci sono alcuni
quelli importanti che si deve sapere.

775
00:38:24,620 --> 00:38:26,460
200 OK è come oro di tutto.

776
00:38:26,460 --> 00:38:28,490
Tutto funziona.

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

778
00:38:29,710 --> 00:38:32,910
Questo probabilmente avete visto se hai dimenticato
a chmod qualcosa correttamente.

779
00:38:32,910 --> 00:38:34,510
Significa che non avete
i permessi giusti per

780
00:38:34,510 --> 00:38:36,210
accedere a quella sul server.

781
00:38:36,210 --> 00:38:38,110
E 'come, no, non puoi vedere.

782
00:38:38,110 --> 00:38:39,780
404 significa che la cosa non esiste.

783
00:38:39,780 --> 00:38:40,400
Non trovato.

784
00:38:40,400 --> 00:38:41,640
Avete probabilmente visto che un sacco.

785
00:38:41,640 --> 00:38:45,510
>> 500 Internal Server Error è di solito
come qualcosa che è andato storto sul lato

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

787
00:38:46,460 --> 00:38:50,830
Così, quando si stavano attuando pset7,
se aveste errori di PHP, si potrebbe

788
00:38:50,830 --> 00:38:53,890
effettivamente andare alla pagina e vedere un
mucchio di PHP errore roba.

789
00:38:53,890 --> 00:38:56,900
Ma questo non accada normalmente,
perché i siti web in realtà non vogliono

790
00:38:56,900 --> 00:38:58,830
dirvi perché il loro sito è rotto.

791
00:38:58,830 --> 00:39:03,370
Faranno probabilmente solo restituiscono un
500 Internal Server Error.

792
00:39:03,370 --> 00:39:06,120
>> E poi c'è 418 sono una teiera.

793
00:39:06,120 --> 00:39:07,910
C'è tutta una storia su
perché questa è una cosa.

794
00:39:07,910 --> 00:39:09,860
Ma si può leggere che
sul proprio tempo.

795
00:39:09,860 --> 00:39:11,450
C'è un sacco di
altri codici di stato troppo.

796
00:39:11,450 --> 00:39:12,700
Ma questi sono quelli
si dovrebbe sapere.

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

798
00:39:15,660 --> 00:39:18,610
Quindi parliamo di HTML.

799
00:39:18,610 --> 00:39:22,180
HTML, ricordate, non è un
linguaggio di programmazione.

800
00:39:22,180 --> 00:39:23,510
E 'un linguaggio di markup.

801
00:39:23,510 --> 00:39:25,210
Ciò significa che descrive il contenuto.

802
00:39:25,210 --> 00:39:30,440
Ci dice che cosa un documento HTML sembra
come o meno quello che sembra

803
00:39:30,440 --> 00:39:32,230
ma come è strutturato.

804
00:39:32,230 --> 00:39:36,110
>> Così definisce una struttura e
semantica di pagine web.

805
00:39:36,110 --> 00:39:37,830
E 'come, questo è un paragrafo.

806
00:39:37,830 --> 00:39:40,060
Questo è un elenco ordinato.

807
00:39:40,060 --> 00:39:42,360
Questo è come una sezione della mia pagina.

808
00:39:42,360 --> 00:39:43,260
Ecco il titolo.

809
00:39:43,260 --> 00:39:44,310
Lo fa cose del genere.

810
00:39:44,310 --> 00:39:48,770
Non designano di che, perché
questo è quello che si fa in CSS.

811
00:39:48,770 --> 00:39:50,270
E sembra che una serie
tag di annidati.

812
00:39:50,270 --> 00:39:54,720
Quindi, per usare un esempio di una davvero essenziale
Pagina HTML, si ha la DOCTYPE

813
00:39:54,720 --> 00:39:56,720
dichiarazione lassù.

814
00:39:56,720 --> 00:40:00,940
>> Questa dichiarazione DOCTYPE è
dicendo, stiamo usando HTML5.

815
00:40:00,940 --> 00:40:03,370
Allora avete la grande tag HTML.

816
00:40:03,370 --> 00:40:05,230
Esso contiene una testa e un corpo.

817
00:40:05,230 --> 00:40:06,970
Dentro la testa, hai il titolo.

818
00:40:06,970 --> 00:40:12,950
Questo è ciò che accade nel titolo
barra del tuo browser.

819
00:40:12,950 --> 00:40:15,810
Abbiamo un tag link che collega
in un foglio di stile esterno.

820
00:40:15,810 --> 00:40:19,880
E poi abbiamo uno script che tira
da un JavaScript esterno pure.

821
00:40:19,880 --> 00:40:23,750
>> E poi all'interno del nostro corpo è in realtà
ciò che viene mostrato sulla pagina.

822
00:40:23,750 --> 00:40:28,210
Abbiamo un paragrafo e poi un
immagine all'interno stesso paragrafo.

823
00:40:28,210 --> 00:40:32,000
Questa è una foto di gattini.

824
00:40:32,000 --> 00:40:35,840
Si noti che l'immagine
tag si chiude.

825
00:40:35,840 --> 00:40:41,760
Così, invece di apertura con un'immagine
e poi fare un altro / immagine, è

826
00:40:41,760 --> 00:40:47,500
solo avere questa piccola barra
qui, che lo chiude.

827
00:40:47,500 --> 00:40:53,670
E il tag immagine ha anche questa chiave
attributo value chiamato alt.

828
00:40:53,670 --> 00:40:56,970
Questo è il testo alternativo che
succede quando si passa su di esso.

829
00:40:56,970 --> 00:41:03,170
>> La maggior parte degli elementi HTML hanno un certo valore della chiave
cose che si possono dare, vari

830
00:41:03,170 --> 00:41:04,420
personalizzazione.

831
00:41:04,420 --> 00:41:06,230

832
00:41:06,230 --> 00:41:08,705
Già.

833
00:41:08,705 --> 00:41:09,955
>> AUDIENCE: [incomprensibile].

834
00:41:09,955 --> 00:41:17,510

835
00:41:17,510 --> 00:41:19,680
>> ANGELA LI: Beh, quindi è un
attributo del tag.

836
00:41:19,680 --> 00:41:25,320
Quindi, se si sta utilizzando jQuery, si potrebbe
fare selezionare image.getAttribute.

837
00:41:25,320 --> 00:41:27,930
E poi si può cercare
ottenere l'attributo alt.

838
00:41:27,930 --> 00:41:31,040
E vi darà gattini.

839
00:41:31,040 --> 00:41:37,400
Se vi ricordate moduli in HTML, ingresso
elementi avranno gli attributi di nome.

840
00:41:37,400 --> 00:41:41,870
Ed è quello che PHP utilizza per inviare
richieste quando viene presentata una forma.

841
00:41:41,870 --> 00:41:44,762

842
00:41:44,762 --> 00:41:50,064
>> AUDIENCE: Hai accennato qualcosa
su come se si utilizza Kittens.jpg o

843
00:41:50,064 --> 00:41:54,410
qualcosa che ha il mancante
file di cartelle o altri file?

844
00:41:54,410 --> 00:41:54,750
>> ANGELA LI: sì.

845
00:41:54,750 --> 00:41:57,010
Quindi questo è quello che viene chiamato un parente
percorso, perché io non sto dando

846
00:41:57,010 --> 00:41:58,740
il percorso completo.

847
00:41:58,740 --> 00:42:05,160
Questo è come quando in C se si fa fopen
qualche file, se si hi.txt fopen, che

848
00:42:05,160 --> 00:42:09,190
hi.txt dovrebbe essere nella stessa
directory, a meno che non si dà più

849
00:42:09,190 --> 00:42:11,530
percorso complesso.

850
00:42:11,530 --> 00:42:14,900
>> AUDIENCE: Così si potrebbe specificare
in quale cartella [incomprensibile]?

851
00:42:14,900 --> 00:42:17,660
>> ANGELA LI: Già.

852
00:42:17,660 --> 00:42:19,370
E si può cercare come fare.

853
00:42:19,370 --> 00:42:23,480
Ma se volevo ottenere Kittens.jpg fuori
della directory genitore, vorrei fare

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
Già.

857
00:42:30,930 --> 00:42:32,960

858
00:42:32,960 --> 00:42:33,760
Scusi.

859
00:42:33,760 --> 00:42:34,045
Già.

860
00:42:34,045 --> 00:42:35,700
Oh uomo, ho dimenticato la domanda.

861
00:42:35,700 --> 00:42:36,460
Qual era la domanda?

862
00:42:36,460 --> 00:42:39,570
Oh, la domanda era è, Kittens.jpg
dovrebbe essere nella stessa directory?

863
00:42:39,570 --> 00:42:40,630
E in questo caso, è.

864
00:42:40,630 --> 00:42:44,030
Ma si può anche fare un certo percorso
tale che essa non deve essere.

865
00:42:44,030 --> 00:42:47,100

866
00:42:47,100 --> 00:42:48,350
Buono?

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
Così CSS, come HTML, non è
un linguaggio di programmazione.

870
00:42:55,420 --> 00:42:58,250
CSS è solo una serie di regole di stile.

871
00:42:58,250 --> 00:43:00,130
E 'l'acronimo di Cascading Style Sheets.

872
00:43:00,130 --> 00:43:03,910
E lo si utilizza in combinazione
con l'HTML per le pagine di stile.

873
00:43:03,910 --> 00:43:08,140
Quindi ci sono tre modi
è possibile includerlo.

874
00:43:08,140 --> 00:43:11,950
Un modo per farlo è nella testa
parte del codice HTML, si può solo

875
00:43:11,950 --> 00:43:15,410
aprire un tag di stile e poi attaccare
alcune regole CSS in là.

876
00:43:15,410 --> 00:43:16,759
E 'abbastanza OK.

877
00:43:16,759 --> 00:43:17,228
Già.

878
00:43:17,228 --> 00:43:21,449
>> AUDIENCE: Potrebbe mettere quelle
tag di stile in mezzo, LET'S

879
00:43:21,449 --> 00:43:22,860
per esempio, il corpo e / corpo.

880
00:43:22,860 --> 00:43:27,400
E allora si sarebbe styling
solo nel corpo.

881
00:43:27,400 --> 00:43:28,840
>> ANGELA LI: Si potrebbe.

882
00:43:28,840 --> 00:43:29,590
Sarà funziona.

883
00:43:29,590 --> 00:43:33,990
Ma non si dovrebbe, perché lo stile è
tipo di metadati che dovrebbe andare in

884
00:43:33,990 --> 00:43:35,890
la testa del vostro documento.

885
00:43:35,890 --> 00:43:38,280
Corpo in realtà dovrebbe contenere solo
ciò che in realtà sta per

886
00:43:38,280 --> 00:43:39,420
mostrare sulla tua pagina.

887
00:43:39,420 --> 00:43:42,155
>> AUDIENCE: Così si sarebbe messo stile
nella tua testa per lo stile della

888
00:43:42,155 --> 00:43:43,930
intera pagina web, giusto?

889
00:43:43,930 --> 00:43:44,300
>> ANGELA LI: Già.

890
00:43:44,300 --> 00:43:50,470
Quindi, mettendo stile qui, queste regole CSS
si applicherà a tutta pagina sulla base di

891
00:43:50,470 --> 00:43:52,100
loro selettori.

892
00:43:52,100 --> 00:43:57,090
Quindi il modo migliore per farlo è invece
di avere un tag style nella tua testa,

893
00:43:57,090 --> 00:44:00,430
avete questo link per uno stile esterno
foglio come ti ho mostrato in

894
00:44:00,430 --> 00:44:01,980
Nell'esempio precedente.

895
00:44:01,980 --> 00:44:05,920
Quello che fa è che cerca e trova il
file style.css e poi tira

896
00:44:05,920 --> 00:44:08,470
e lo utilizza come
stili per la pagina.

897
00:44:08,470 --> 00:44:10,500
E il vostro style.css sarebbe
basta guardare come questo.

898
00:44:10,500 --> 00:44:13,330
Sarebbe solo un mucchio di CSS.

899
00:44:13,330 --> 00:44:16,210
>> E, infine, c'è un altro modo di
può includere CSS, che davvero

900
00:44:16,210 --> 00:44:17,480
non dovrebbe mai fare.

901
00:44:17,480 --> 00:44:18,950
E 'uno stile inline chiamata.

902
00:44:18,950 --> 00:44:22,650
E così ogni elemento HTML può anche
prendere un attributo di stile.

903
00:44:22,650 --> 00:44:26,320
E allora in quel attributo di stile,
si può dare regole CSS.

904
00:44:26,320 --> 00:44:29,140
Quindi, in questo caso, qualunque div Sono
definendo proprio qui, sta andando a

905
00:44:29,140 --> 00:44:32,580
avere uno sfondo nero e
il colore del testo bianco.

906
00:44:32,580 --> 00:44:35,620
Ma non si deve fare questo, perché ciò che
questo non si mette il vostro stile

907
00:44:35,620 --> 00:44:36,850
all'interno del codice HTML.

908
00:44:36,850 --> 00:44:40,530
>> E so che stiamo parlando di HTML
è la struttura e CSS è lo stile.

909
00:44:40,530 --> 00:44:42,790
Se si esegue questa operazione, si mescola
insieme.

910
00:44:42,790 --> 00:44:44,550
E non è molto pulito.

911
00:44:44,550 --> 00:44:45,800
Quindi non farlo.

912
00:44:45,800 --> 00:44:47,690

913
00:44:47,690 --> 00:44:52,100
Utilizzando un esempio di CSS, lassù, ci
è sufficiente selezionare il corpo del HTML

914
00:44:52,100 --> 00:44:52,380
documentario.

915
00:44:52,380 --> 00:44:55,110
E noi siamo come, tutto è
sta per essere Comic Sans.

916
00:44:55,110 --> 00:44:57,290
Anche io non raccomando.

917
00:44:57,290 --> 00:44:59,940
Ma si potrebbe fare.

918
00:44:59,940 --> 00:45:03,140
>> La seconda regola proprio qui, sta andando
per selezionare l'elemento sul

919
00:45:03,140 --> 00:45:04,880
pagina con ID principale.

920
00:45:04,880 --> 00:45:11,690
Quindi, qualsiasi elemento HTML, dissi ID
= Principale, ho intenzione di dare che un

921
00:45:11,690 --> 00:45:16,020
Margine di 20 pixel e allineare tutto,
tutto il testo, al centro.

922
00:45:16,020 --> 00:45:19,030
L'ultima cosa sceglie per classe CSS.

923
00:45:19,030 --> 00:45:24,450
Quindi, qualsiasi elemento della pagina che ho dato
una classe di sezione, ho intenzione di farlo

924
00:45:24,450 --> 00:45:26,602
uno sfondo di colore azzurro chiaro.

925
00:45:26,602 --> 00:45:29,380

926
00:45:29,380 --> 00:45:30,040
Yep.

927
00:45:30,040 --> 00:45:30,700
Questo è tutto quello che ho.

928
00:45:30,700 --> 00:45:30,890
Domanda?

929
00:45:30,890 --> 00:45:34,020
>> AUDIENCE: Cosa fa l'hashtag
prima principale fare?

930
00:45:34,020 --> 00:45:36,310
>> ANGELA LI: La domanda è, cosa fa
l'hashtag prima do principale?

931
00:45:36,310 --> 00:45:40,770
In questo caso, l'hash in
CSS significa selezionare da ID.

932
00:45:40,770 --> 00:45:47,490
Quindi, se ho avuto qualche elemento HTML, come
divid = principali, questa regola CSS seleziona

933
00:45:47,490 --> 00:45:49,260
la cosa con ID principale.

934
00:45:49,260 --> 00:45:53,940
Analogamente, il periodo di fronte
sezione è selezionare per classe CSS o

935
00:45:53,940 --> 00:45:56,558
selezionare per classe HTML.

936
00:45:56,558 --> 00:46:00,940
>> AUDIENCE: Perché c'è una ha prima
6 in colore di sfondo?

937
00:46:00,940 --> 00:46:01,270
>> ANGELA LI: Già.

938
00:46:01,270 --> 00:46:03,360
Quindi la domanda è, perché c'è
un hash prima del 6?

939
00:46:03,360 --> 00:46:05,320
Questo è diverso da quello hash.

940
00:46:05,320 --> 00:46:09,500
Questo significa che si sta dando
un colore esadecimale.

941
00:46:09,500 --> 00:46:14,260
Quindi colori esadecimali, questo solo
rappresenta un colore.

942
00:46:14,260 --> 00:46:17,860
E ti ricordi triple RGB quando
hai fatto il forensics pset?

943
00:46:17,860 --> 00:46:18,770
Questo è simile.

944
00:46:18,770 --> 00:46:21,590
Le prime due cifre rappresentano
quanto il rosso è il colore.

945
00:46:21,590 --> 00:46:23,260
Il secondo due rappresentano
quanto verde.

946
00:46:23,260 --> 00:46:25,450
E il terzo rappresenta
quanta blu.

947
00:46:25,450 --> 00:46:30,060
E l'hash è questo sta andando
che rappresenta un colore.

948
00:46:30,060 --> 00:46:35,660
>> Quindi tutto da 0, 0, 0, 0, 0, 0
fino a F, F, F, F, F, F è valido.

949
00:46:35,660 --> 00:46:39,550
E 'un po' di colore valido che possono
essere visualizzato dal browser.

950
00:46:39,550 --> 00:46:39,790
Domanda?

951
00:46:39,790 --> 00:46:43,590
>> AUDIENCE: Qual è la differenza tra
usando da ID e per classe?

952
00:46:43,590 --> 00:46:46,470
>> ANGELA LI: La domanda è: che cosa è
la differenza tra

953
00:46:46,470 --> 00:46:48,950
usando da ID e la classe?

954
00:46:48,950 --> 00:46:54,390
Si può avere un solo elemento in un
Documento HTML che ha un determinato ID.

955
00:46:54,390 --> 00:46:58,660
Quindi solo una cosa sulla mia pagina
è consentito avere ID principale.

956
00:46:58,660 --> 00:47:02,580
Quindi si utilizza per questo è l'intestazione.

957
00:47:02,580 --> 00:47:03,850
Questa è la navigazione.

958
00:47:03,850 --> 00:47:05,230
Questo è il piè di pagina.

959
00:47:05,230 --> 00:47:09,070
Le classi sono diversi, perché si può
si applicano le classi ad altrettanti elementi HTML

960
00:47:09,070 --> 00:47:10,100
come si desidera.

961
00:47:10,100 --> 00:47:15,860
>> Così, per esempio, ho fatto parte della classe,
perché non c'è probabilmente più di uno

962
00:47:15,860 --> 00:47:17,540
la sezione sulla mia pagina.

963
00:47:17,540 --> 00:47:20,200
Stai solo permesso di avere il maggior numero
elementi della pagina con lo stesso

964
00:47:20,200 --> 00:47:23,190
classe ma solo uno con un certo ID.

965
00:47:23,190 --> 00:47:25,600
>> AUDIENCE: Così il punto rappresenta
la classe?

966
00:47:25,600 --> 00:47:26,090
>> ANGELA LI: Già.

967
00:47:26,090 --> 00:47:27,380
Un punto rappresenta una classe.

968
00:47:27,380 --> 00:47:29,990

969
00:47:29,990 --> 00:47:31,540
Freddo.

970
00:47:31,540 --> 00:47:32,370
Questo è tutto quello che ho, ragazzi.

971
00:47:32,370 --> 00:47:33,544
Grazie.

972
00:47:33,544 --> 00:48:13,380
>> [Applausi]

973
00:48:13,380 --> 00:48:14,290
>> ZAMYLA CHAN: Ciao a tutti.

974
00:48:14,290 --> 00:48:14,880
Sono Zamyla.

975
00:48:14,880 --> 00:48:18,830
Ho intenzione di essere coprono PHP,
MVC e SQL oggi.

976
00:48:18,830 --> 00:48:22,350

977
00:48:22,350 --> 00:48:26,110
Un sacco di materiale che sarò
copertura sarà più o meno

978
00:48:26,110 --> 00:48:29,100
a destra, fuori pset7.

979
00:48:29,100 --> 00:48:29,700
Bene.

980
00:48:29,700 --> 00:48:31,180
Così che cosa è PHP?

981
00:48:31,180 --> 00:48:35,150
PHP sta per PHP Hypertext
Preprocessore.

982
00:48:35,150 --> 00:48:38,740
Così, in sé, è un ricorsiva
nome, che è piuttosto fresco.

983
00:48:38,740 --> 00:48:42,220
PHP è un linguaggio di scripting server-side,
e fornisce il backend

984
00:48:42,220 --> 00:48:44,610
e le basi logiche
del nostro sito.

985
00:48:44,610 --> 00:48:48,520
>> Così Angela ha parlato molto del HTML
e CSS che renderà la struttura

986
00:48:48,520 --> 00:48:49,530
del sito.

987
00:48:49,530 --> 00:48:53,210
Ma cosa succede se si vuole cambiare la situazione
contenuto dinamico o se varia

988
00:48:53,210 --> 00:48:55,240
in base all'utente o
determinate condizioni?

989
00:48:55,240 --> 00:48:57,060
Ecco dove entra in gioco PHP

990
00:48:57,060 --> 00:49:02,610
Ora, in genere, PHP potrebbe prendere un paio di
meno linee per attuare la stessa cosa

991
00:49:02,610 --> 00:49:07,380
in C. Questo perché PHP gestisce la memoria
gestione per il programmatore,

992
00:49:07,380 --> 00:49:11,170
al contrario di noi dover malloc
libero, cose del genere.

993
00:49:11,170 --> 00:49:15,430
>> Ma dal momento che PHP è un interpretativa
linguaggio, tipicamente, si potrebbe eseguire

994
00:49:15,430 --> 00:49:19,540
un po 'più lentamente di C, che
è un linguaggio compilato.

995
00:49:19,540 --> 00:49:23,150
Perché ci stiamo muovendo programmazione
lingue, diamo un'occhiata a come il

996
00:49:23,150 --> 00:49:24,570
sintassi sarà diverso.

997
00:49:24,570 --> 00:49:28,770
Cerchiamo di essere molto attenti a non
confondersi con questo.

998
00:49:28,770 --> 00:49:33,750
Quindi, con la sintassi PHP, se siete
incorporamento PHP all'interno di un HTML

999
00:49:33,750 --> 00:49:40,430
file o in un file php. stesso, è
necessario racchiudere il codice in aperto

1000
00:49:40,430 --> 00:49:45,270
PHP e il tag PHP chiusi come
segue, come sullo schermo.

1001
00:49:45,270 --> 00:49:46,660
>> Variabili in PHP.

1002
00:49:46,660 --> 00:49:51,490
Ogni singola variabile inizierà con
il simbolo $ seguito dal nome di

1003
00:49:51,490 --> 00:49:53,150
la variabile.

1004
00:49:53,150 --> 00:49:56,530
Ora, le variabili in PHP sono debolmente tipizzato,
il che significa che non è necessario

1005
00:49:56,530 --> 00:50:00,030
per indicare il tipo di dati
è quando si sta dichiarandolo.

1006
00:50:00,030 --> 00:50:03,505
Tuttavia, questo non significa che essi
non hanno alcun tipo a tutti.

1007
00:50:03,505 --> 00:50:09,370
Quindi, se io dichiaro una variabile e appena impostato
uguale a 1, e poi mi dichiaro

1008
00:50:09,370 --> 00:50:15,140
un'altra variabile, impostarla uguale a "1",
e poi un altro 1,0, bene,

1009
00:50:15,140 --> 00:50:19,410
a seconda del tipo di parità
operatori che uso, se voglio confrontare

1010
00:50:19,410 --> 00:50:21,830
tutti i tipi, quindi
essi saranno uguali.

1011
00:50:21,830 --> 00:50:25,570
Ma se voglio fare in modo che il
tipi sono uguali, PHP può ancora fare

1012
00:50:25,570 --> 00:50:28,690
che, anche se noi non indichiamo
che tipo è quando noi

1013
00:50:28,690 --> 00:50:31,170
per prima cosa il file.

1014
00:50:31,170 --> 00:50:33,990
>> Ora, in PHP, anche se siamo
commutazione da programmazione

1015
00:50:33,990 --> 00:50:39,360
linguaggi da C, abbiamo ancora la nostra
fidato se la condizione, proprio come questo.

1016
00:50:39,360 --> 00:50:43,270
Abbiamo ancora le nostre loop mentre, appena
come questo, dove si mette in

1017
00:50:43,270 --> 00:50:47,300
condizione e quindi la
corpo del ciclo.

1018
00:50:47,300 --> 00:50:50,360
E poi abbiamo anche il nostro ciclo for,
che si presenta in genere come questo.

1019
00:50:50,360 --> 00:50:55,330
Quindi, se volevo iterare tutti
nove pset e inviare e chiamare un

1020
00:50:55,330 --> 00:50:58,960
funzione submitPset, allora posso farlo
qui, che voi ragazzi sono stati tutti

1021
00:50:58,960 --> 00:50:59,830
svolto da questo punto.

1022
00:50:59,830 --> 00:51:01,080
Complimenti, a proposito.

1023
00:51:01,080 --> 00:51:04,560

1024
00:51:04,560 --> 00:51:07,550
>> Per la fotocamera, la gente
Detto questo, vi ringrazio.

1025
00:51:07,550 --> 00:51:11,220
Ora, se non volevi utilizzare solo questo
per il ciclo, quindi PHP in realtà anche

1026
00:51:11,220 --> 00:51:13,580
ha chiamato le cose loop foreach.

1027
00:51:13,580 --> 00:51:22,210
Quindi, se ho avuto un array di interi, 0
a 8, memorizzate nei pset matrice,

1028
00:51:22,210 --> 00:51:27,290
allora potrei avere un ciclo foreach che
itera su ogni numero in pset.

1029
00:51:27,290 --> 00:51:30,640
E poi ho potuto chiamare lo stesso
funzionamento otto tempi,

1030
00:51:30,640 --> 00:51:31,910
proprio come ho fatto prima.

1031
00:51:31,910 --> 00:51:36,480
Quindi questo per ogni ciclo è bello, perché
tu non devi se non si conosce

1032
00:51:36,480 --> 00:51:39,470
la lunghezza esatta della matrice che si
hanno, quindi utilizzando questo ciclo foreach

1033
00:51:39,470 --> 00:51:42,800
si prenderà cura di questo per voi.

1034
00:51:42,800 --> 00:51:45,410
>> Così ho fatto p-set come un array.

1035
00:51:45,410 --> 00:51:46,700
Diamo un'occhiata a questo.

1036
00:51:46,700 --> 00:51:51,290
Gli array in PHP sono in genere gli stessi
quelli che abbiamo avuto in C, dove

1037
00:51:51,290 --> 00:51:52,960
è possibile dichiarare un array.

1038
00:51:52,960 --> 00:51:59,200
E qui, posso dichiarare un array vuoto
e poi costruire in modo dinamico utilizzando

1039
00:51:59,200 --> 00:52:00,850
indici come numeri interi.

1040
00:52:00,850 --> 00:52:04,140
Così indice 0, ho intenzione di archiviare
un numero intero chiamato 1.

1041
00:52:04,140 --> 00:52:09,210
Al indice 1 della mia lista, io vado
per memorizzare il valore 2.

1042
00:52:09,210 --> 00:52:12,670
E al terzo indice ma la
secondo numero, ho intenzione di

1043
00:52:12,670 --> 00:52:14,870
memorizzare il numero 12.

1044
00:52:14,870 --> 00:52:17,250
>> Ora, questo va bene in che
funziona funziona bene.

1045
00:52:17,250 --> 00:52:21,310
Ma dire che è importante per me
ciò che ciascun indice tiene.

1046
00:52:21,310 --> 00:52:24,500
Per me, l'indice 0 indica come
molti gatti che hanno.

1047
00:52:24,500 --> 00:52:27,400
E l'indice 1 indica come
molti gufi ho.

1048
00:52:27,400 --> 00:52:29,450
E quello successivo significa come molti cani.

1049
00:52:29,450 --> 00:52:34,140
Ebbene, allora precisare che, invece
di dover ricordare 0 corrisponderà a

1050
00:52:34,140 --> 00:52:38,090
gatti e 1 a gufi, posso usare
array associativi, il che significa che

1051
00:52:38,090 --> 00:52:42,260
invece di numeri interi come i miei indici,
Posso effettivamente usare le stringhe.

1052
00:52:42,260 --> 00:52:43,290
>> Quindi questo è molto utile.

1053
00:52:43,290 --> 00:52:47,130
E tu hai praticamente appena sostituito
gli interi con stringhe.

1054
00:52:47,130 --> 00:52:50,074
E ci si dispone di un
array associativo.

1055
00:52:50,074 --> 00:52:51,930
Già.

1056
00:52:51,930 --> 00:52:55,800
>> AUDIENCE: C'è una ragione per cui non c'è
una sottolineatura per il secondo

1057
00:52:55,800 --> 00:52:58,750
parte, perché la mia lista ha la matrice.

1058
00:52:58,750 --> 00:53:01,330
>> ZAMYLA CHAN: La domanda era, è
C'è un motivo per cui c'è un

1059
00:53:01,330 --> 00:53:03,320
sottolineare tra la mia e la lista?

1060
00:53:03,320 --> 00:53:03,610
No.

1061
00:53:03,610 --> 00:53:06,878
Questo è solo come sto denominazione
la mia variabile.

1062
00:53:06,878 --> 00:53:11,670
>> AUDIENCE: Sul primo
linea, è una parola.

1063
00:53:11,670 --> 00:53:12,560
>> ZAMYLA CHAN: Le mie scuse.

1064
00:53:12,560 --> 00:53:13,410
Ti preparo questo.

1065
00:53:13,410 --> 00:53:13,620
Già.

1066
00:53:13,620 --> 00:53:15,460
Dovrebbero essere lo stesso nome di variabile.

1067
00:53:15,460 --> 00:53:16,710
Buona pesca.

1068
00:53:16,710 --> 00:53:19,640

1069
00:53:19,640 --> 00:53:19,950
OK.

1070
00:53:19,950 --> 00:53:22,610
Quindi passiamo a corda
concatenazione.

1071
00:53:22,610 --> 00:53:27,500
Se volevo prendere due stringhe,
allora io posso concatenare

1072
00:53:27,500 --> 00:53:28,550
con l'operatore punto.

1073
00:53:28,550 --> 00:53:32,440
Quindi, se ho Milo come primo nome
e Banana come il cognome, poi

1074
00:53:32,440 --> 00:53:35,430
concatenare con l'operatore punto e
poi mettere uno spazio tra

1075
00:53:35,430 --> 00:53:39,210
farà una stringa che contiene Milo
Banana, che posso then echo o,

1076
00:53:39,210 --> 00:53:41,280
piuttosto, stampare.

1077
00:53:41,280 --> 00:53:44,465
>> Parlando di eco, parliamone
circa un paio utile -

1078
00:53:44,465 --> 00:53:44,920
oops.

1079
00:53:44,920 --> 00:53:46,030
Mi dispiace.

1080
00:53:46,030 --> 00:53:52,920
Un paio di funzioni PHP utili.

1081
00:53:52,920 --> 00:53:56,240
Così abbiamo la -

1082
00:53:56,240 --> 00:53:57,444
difficoltà tecniche.

1083
00:53:57,444 --> 00:53:58,694
Un secondo.

1084
00:53:58,694 --> 00:54:16,960

1085
00:54:16,960 --> 00:54:19,550
Ho mandata.

1086
00:54:19,550 --> 00:54:22,320
Problemi di PowerPoint.

1087
00:54:22,320 --> 00:54:29,200
E siamo tornati con funzioni PHP.

1088
00:54:29,200 --> 00:54:32,010

1089
00:54:32,010 --> 00:54:35,150
E siamo tornati con funzioni PHP.

1090
00:54:35,150 --> 00:54:39,890
>> Così abbiamo la funzione di richiedere, se
se si passa in un file, ecco è solo

1091
00:54:39,890 --> 00:54:43,300
un esempio di un file
Potrei passare dentro

1092
00:54:43,300 --> 00:54:47,605
Poi che includerà il codice PHP
da quel file che io indico.

1093
00:54:47,605 --> 00:54:49,940
E si valuterà che trovi

1094
00:54:49,940 --> 00:54:54,450
Poi abbiamo anche eco, che
è un parallelo a printf.

1095
00:54:54,450 --> 00:54:57,710
Exit è un parallelo di rompere,
che esce dal blocco di

1096
00:54:57,710 --> 00:54:58,570
codice che sei dentro

1097
00:54:58,570 --> 00:55:03,180
E poi controlla vuote se un determinato
variabile è come null o zero o

1098
00:55:03,180 --> 00:55:08,482
tutto ciò è equiparato con l'essere vuoto.

1099
00:55:08,482 --> 00:55:09,438
Già.

1100
00:55:09,438 --> 00:55:15,341
>> PUBBLICO: Per la concatenazione di stringhe
dot operatore uno, in PHP, è che l'

1101
00:55:15,341 --> 00:55:20,158
stessi in JavaScript dove è usando
il punto per la concatenazione significa più?

1102
00:55:20,158 --> 00:55:27,440
Quindi il nome completo, si potrebbe avere dollaro
firmare prima + e poi + durare?

1103
00:55:27,440 --> 00:55:27,720
>> ZAMYLA CHAN: Già.

1104
00:55:27,720 --> 00:55:32,150
Quindi la domanda era se in PHP siamo
è possibile utilizzare la stessa concatenazione di stringhe

1105
00:55:32,150 --> 00:55:33,890
come in JavaScript con i vantaggi.

1106
00:55:33,890 --> 00:55:35,410
E Giuseppe otterrà in quello successivamente.

1107
00:55:35,410 --> 00:55:36,620
Credo che abbia una diapositiva su questo.

1108
00:55:36,620 --> 00:55:37,570
In realtà, è diverso.

1109
00:55:37,570 --> 00:55:41,310
Quindi, in JavaScript, è necessario utilizzare
segno più per concatenare le stringhe.

1110
00:55:41,310 --> 00:55:43,280
E in PHP, è necessario
utilizzare l'operatore punto.

1111
00:55:43,280 --> 00:55:44,530
Quindi sono diversi.

1112
00:55:44,530 --> 00:55:46,680

1113
00:55:46,680 --> 00:55:46,910
>> OK.

1114
00:55:46,910 --> 00:55:49,500
Quindi, ora che abbiamo coperto tutti
questo PHP, dove fa

1115
00:55:49,500 --> 00:55:50,490
davvero tornare utile?

1116
00:55:50,490 --> 00:55:54,470
Beh, è ​​utile quando si
può combinare con il nostro HTML.

1117
00:55:54,470 --> 00:55:59,550
Quindi la nostra PHP ci darà il potere di
alterare il contenuto HTML di una pagina prima di

1118
00:55:59,550 --> 00:56:00,000
suo carico.

1119
00:56:00,000 --> 00:56:04,270
Quindi, sulla base di condizioni diverse,
solito l'utente specifico che è

1120
00:56:04,270 --> 00:56:07,520
registrati, è possibile visualizzare
informazioni diverse.

1121
00:56:07,520 --> 00:56:08,800
Linda, hai avuto una domanda?

1122
00:56:08,800 --> 00:56:15,510
>> AUDIENCE: Puoi concatenare
un intero anche?

1123
00:56:15,510 --> 00:56:16,760
>> ZAMYLA CHAN: Sì, è possibile.

1124
00:56:16,760 --> 00:56:19,530

1125
00:56:19,530 --> 00:56:23,270
Quindi la domanda era se potete
concatenare interi o altro

1126
00:56:23,270 --> 00:56:28,920
variable.s ora, passiamo a MVC, che
è un paradigma che abbiamo usato in

1127
00:56:28,920 --> 00:56:33,380
pset7 e un sacco di web designer utilizzano per
organizzazione del codice di file

1128
00:56:33,380 --> 00:56:34,490
nel loro sito web.

1129
00:56:34,490 --> 00:56:35,870
M sta per Modello.

1130
00:56:35,870 --> 00:56:41,450
E in fondo, file di modello si occuperà
con interazioni con il database.

1131
00:56:41,450 --> 00:56:44,640
Visualizzare i file, si riferiscono alla
l'estetica del sito.

1132
00:56:44,640 --> 00:56:47,550
E le maniglie controller
richieste degli utenti, analizza

1133
00:56:47,550 --> 00:56:49,230
dati, fa altra logica.

1134
00:56:49,230 --> 00:56:52,520
>> In pset7, abbiamo unito il modello
e il controller.

1135
00:56:52,520 --> 00:56:55,880
E abbiamo appena li ha chiamati controllori e
metterli nella directory pubblica.

1136
00:56:55,880 --> 00:57:01,730
E i file di vista, li usano come
modelli nella directory templates.

1137
00:57:01,730 --> 00:57:07,260
Quindi questo schema qui rappresenta anche
lo stesso tipo di divisione con l'

1138
00:57:07,260 --> 00:57:10,510
modello e il controller in viola
qui sulla sinistra e

1139
00:57:10,510 --> 00:57:12,770
la vista sulla destra.

1140
00:57:12,770 --> 00:57:16,020
Quindi questo è uno schema che alcuni di voi
può essere visto in orari d'ufficio o

1141
00:57:16,020 --> 00:57:19,130
diagrammi che eravamo disegno, come si
furono capire il vostro pset.

1142
00:57:19,130 --> 00:57:25,030
>> Così qui, in un controller, un modello
regolatore, abbiamo funzioni

1143
00:57:25,030 --> 00:57:30,490
che riguardano l'esecuzione di query SQL
del database, l'esecuzione di logica PHP.

1144
00:57:30,490 --> 00:57:32,370
Forse si dovrebbe guardare in alto
uno stock in Yahoo!

1145
00:57:32,370 --> 00:57:34,590
Finance.

1146
00:57:34,590 --> 00:57:37,390
O forse, si sarebbe solo controllare
vedere se un utente aveva presentato una

1147
00:57:37,390 --> 00:57:40,250
formare già prima di avere
visitato la tua pagina.

1148
00:57:40,250 --> 00:57:43,390
E allora si renderebbe
una forma qui.

1149
00:57:43,390 --> 00:57:48,210
Dopo che era stata presentata quella forma
dall'utente, l'azione che era

1150
00:57:48,210 --> 00:57:53,470
specificato nel tag HTML del form
indicherebbe la pagina che

1151
00:57:53,470 --> 00:57:55,620
che restituisce dati.

1152
00:57:55,620 --> 00:57:59,460
>> Quindi, tutte queste informazioni sarebbe
inviato al tuo controller.

1153
00:57:59,460 --> 00:58:02,620
Poi si sarebbe probabilmente fare un po 'di più
logica su questo e magari eseguire alcuni

1154
00:58:02,620 --> 00:58:06,510
più query nel database SQL e
poi, finalmente, venire con un ben

1155
00:58:06,510 --> 00:58:11,930
set ricco di informazioni che si farebbe
passare in un altro modello

1156
00:58:11,930 --> 00:58:13,950
che visualizzate tali informazioni.

1157
00:58:13,950 --> 00:58:17,030
Ora, come possiamo effettivamente confezioniamo
diffusione di informazioni?

1158
00:58:17,030 --> 00:58:23,980
Bene, abbiamo una funzione chiamata Render
che era nel file functions.php in

1159
00:58:23,980 --> 00:58:29,950
pset7, dove si passa il nome di
un file, il nome di un modello.

1160
00:58:29,950 --> 00:58:32,160
>> E poi anche passare in
un array associativo.

1161
00:58:32,160 --> 00:58:37,150
E così che array associativo rappresenta
le diverse informazioni

1162
00:58:37,150 --> 00:58:39,040
che si desidera passare dentro

1163
00:58:39,040 --> 00:58:43,460
Ora, che cosa sarà costante
questi esempi è che le chiavi o,

1164
00:58:43,460 --> 00:58:47,070
piuttosto, le chiavi del associativa
array, quelli sono ciò che sta per essere

1165
00:58:47,070 --> 00:58:51,050
dovrebbe essere costante dal modello,
perché sa ha bisogno

1166
00:58:51,050 --> 00:58:53,990
cosa chiamata messaggio
o chiamati nome.

1167
00:58:53,990 --> 00:58:56,940
E poi le cose sulla destra, l'
valori reali, quindi in questo caso, che è

1168
00:58:56,940 --> 00:59:00,750
un bravo ragazzo e Milo, quelli che stanno andando
essere i valori che stanno cambiando

1169
00:59:00,750 --> 00:59:05,610
che il controller cambia ogni volta
o sulla base di una certa condizione e

1170
00:59:05,610 --> 00:59:07,120
passerà che trovi

1171
00:59:07,120 --> 00:59:12,790
>> Così qui in modelli, vediamo che
si utilizza HTML caratteri speciali,

1172
00:59:12,790 --> 00:59:16,370
il che significa appena fondamentalmente che vogliamo
per ottenere la stringa peer che l'

1173
00:59:16,370 --> 00:59:17,580
user messo dentro

1174
00:59:17,580 --> 00:59:20,880
E vogliamo sostituire
messaggio in là.

1175
00:59:20,880 --> 00:59:26,110
Così poi quando abbiamo effettivamente osserviamo
il file, lo specifico

1176
00:59:26,110 --> 00:59:28,700
informazioni vengono passate dentro

1177
00:59:28,700 --> 00:59:33,850
Si noti che la chiave di come rendere le opere è
che le chiavi del associativa

1178
00:59:33,850 --> 00:59:37,170
matrici, quelle variabili diventano
I nomi qui.

1179
00:59:37,170 --> 00:59:40,720
E così i valori di quella chiave nella
array associativo diventa allora l'

1180
00:59:40,720 --> 00:59:41,970
valore della variabile.

1181
00:59:41,970 --> 00:59:44,800

1182
00:59:44,800 --> 00:59:46,040
>> Ora, passiamo a SQL.

1183
00:59:46,040 --> 00:59:48,010
E 'l'acronimo di Structured
Query Language.

1184
00:59:48,010 --> 00:59:50,460
E quindi questa è solo una programmazione
linguaggio progettato

1185
00:59:50,460 --> 00:59:51,880
per la gestione di basi di dati.

1186
00:59:51,880 --> 00:59:56,860
Ed è tornato utile per noi in
il nostro sito web finanza pset7.

1187
00:59:56,860 --> 01:00:00,510
In sostanza, è solo un modo semplice per
monitorare e gestire oggetti e tabelle

1188
01:00:00,510 --> 01:00:02,070
e collegarli tra loro.

1189
01:00:02,070 --> 01:00:06,860
Ora, pensate al vostro database SQL
fondamentalmente come un file di Excel, forse,

1190
01:00:06,860 --> 01:00:10,040
con più fogli schede.

1191
01:00:10,040 --> 01:00:13,820
>> Così si potrebbe avere più tabelle,
forse, che legate fra loro.

1192
01:00:13,820 --> 01:00:19,420
E molto simile a Excel, abbiamo un sacco di
la funzionalità che vogliamo.

1193
01:00:19,420 --> 01:00:22,300
Per esempio, possiamo selezionare
alcune righe.

1194
01:00:22,300 --> 01:00:24,110
Possiamo inserire informazioni.

1195
01:00:24,110 --> 01:00:25,560
Siamo in grado di aggiornare le righe.

1196
01:00:25,560 --> 01:00:27,440
E possiamo anche cancellare le cose.

1197
01:00:27,440 --> 01:00:30,920

1198
01:00:30,920 --> 01:00:36,560
>> Il SQL seleziona opere selezionando le righe
o una fila di colonne specificate da un

1199
01:00:36,560 --> 01:00:39,640
dati che corrispondono a un determinato
criteri che si indica.

1200
01:00:39,640 --> 01:00:44,930
Così, qui, quando vedo select * from
maghi dove casa = Corvonero, poi

1201
01:00:44,930 --> 01:00:48,340
Sto selezionando *, il che significa che sono
selezionando ogni singola colonna in tale

1202
01:00:48,340 --> 01:00:56,340
riga della tabella maghi, ma solo se
colonna casa è uguale a Corvonero.

1203
01:00:56,340 --> 01:00:57,840
Ora, questo è puro o SQL.

1204
01:00:57,840 --> 01:01:02,680
Quindi, se sono andato in phpMyAdmin, che è
il modo specifico che usiamo per gestire

1205
01:01:02,680 --> 01:01:07,040
nostri database SQL, quindi ho potuto inserire
che nel sito phpMyAdmin.

1206
01:01:07,040 --> 01:01:08,290
E che sarebbe eseguire.

1207
01:01:08,290 --> 01:01:11,280
>> Ma vogliamo davvero fare
che sul lato PHP.

1208
01:01:11,280 --> 01:01:12,580
Quindi, come possiamo farlo?

1209
01:01:12,580 --> 01:01:20,180
Beh, usiamo la funzione di interrogazione, che
fondamentalmente esegue la query SQL.

1210
01:01:20,180 --> 01:01:21,830
Uso?

1211
01:01:21,830 --> 01:01:25,850
come segnaposto, possiamo passare in taluni
I valori per la nostra stringa che abbiamo

1212
01:01:25,850 --> 01:01:26,920
desidera sostituire.

1213
01:01:26,920 --> 01:01:32,110
Così forse sto memorizzazione diversa
valori nella curr_house, che

1214
01:01:32,110 --> 01:01:34,400
rappresenta la casa attuale
che sto attraversando.

1215
01:01:34,400 --> 01:01:39,040
Così posso passare che in come segnaposto
con il punto interrogativo.

1216
01:01:39,040 --> 01:01:43,290
E poi io fondamentalmente eseguo l'
stessa cosa che ho fatto prima, tranne

1217
01:01:43,290 --> 01:01:45,550
Ora, io sono in PHP.

1218
01:01:45,550 --> 01:01:51,300
>> E query restituirà un
array associativo.

1219
01:01:51,300 --> 01:01:53,470
E ho intenzione di conservarlo in righe.

1220
01:01:53,470 --> 01:01:56,880
Ora, query può sempre fallire.

1221
01:01:56,880 --> 01:02:02,870
Forse la query SQL non potrebbe eseguire
perché la tabella non esisteva.

1222
01:02:02,870 --> 01:02:04,310
O forse, la colonna non esisteva.

1223
01:02:04,310 --> 01:02:05,400
Qualcosa è andato storto.

1224
01:02:05,400 --> 01:02:08,170
Beh, in quel caso, vorrete fare
Assicurarsi di verificare se il

1225
01:02:08,170 --> 01:02:09,700
query ha restituito false.

1226
01:02:09,700 --> 01:02:15,590
E questo è utilizzando il triplo
equivale funzionamento lì.

1227
01:02:15,590 --> 01:02:19,660
>> E allora mi scuso, che è un altro
Funzione CS50, passando in un messaggio.

1228
01:02:19,660 --> 01:02:23,435
E se si guarda nel chiedere scusa, tutto
davvero fa è rendere apology.php.

1229
01:02:23,435 --> 01:02:26,100

1230
01:02:26,100 --> 01:02:26,410
Già.

1231
01:02:26,410 --> 01:02:29,630
>> AUDIENCE: Può spiegare che cosa
stella fa tra selezionare e da?

1232
01:02:29,630 --> 01:02:30,710
>> ZAMYLA CHAN: Sì, assolutamente.

1233
01:02:30,710 --> 01:02:35,220
Così la stella tra selezionare e da
significa che voglio per selezionare l'intera

1234
01:02:35,220 --> 01:02:37,440
intera riga dal mio tavolo.

1235
01:02:37,440 --> 01:02:41,900
Avrei potuto indicato select
nome, anno, casa.

1236
01:02:41,900 --> 01:02:46,160
E vorrei ottenere solo quei tre
colonne mio tavolo.

1237
01:02:46,160 --> 01:02:51,560
Ma se io dico select *, allora io
ottenere tutto in quella colonna.

1238
01:02:51,560 --> 01:02:53,760
Poi ho intenzione di andare voi
nella parte posteriore prima.

1239
01:02:53,760 --> 01:02:57,656
>> AUDIENCE: Quindi questo è ancora
in SQL, giusto?

1240
01:02:57,656 --> 01:02:59,610
È questa query o è PHP?

1241
01:02:59,610 --> 01:03:00,550
>> ZAMYLA CHAN: Siamo in una query.

1242
01:03:00,550 --> 01:03:01,940
Quindi questo è in PHP.

1243
01:03:01,940 --> 01:03:06,280
Quindi, utilizzando la query funzione PHP,
stiamo esecuzione di una query SQL.

1244
01:03:06,280 --> 01:03:11,988

1245
01:03:11,988 --> 01:03:15,364
>> AUDIENCE: C'è qualcosa in SQL
case-sensitive, come scegliere

1246
01:03:15,364 --> 01:03:17,834
o maghi o casa?

1247
01:03:17,834 --> 01:03:20,050
>> ZAMYLA CHAN: C'è qualcosa
in SQL case-sensitive?

1248
01:03:20,050 --> 01:03:21,760
Io credo di sì.

1249
01:03:21,760 --> 01:03:24,620
Credo che SELECT e FROM
E dove sono case-sensitive.

1250
01:03:24,620 --> 01:03:25,535
No?

1251
01:03:25,535 --> 01:03:27,500
>> ROB BOWDEN: Quindi, è il contrario.

1252
01:03:27,500 --> 01:03:32,030
I nomi delle colonne ei mezzi da tavolo,
tutti questi sono case-sensitive.

1253
01:03:32,030 --> 01:03:35,470
Ma una delle parole chiave di MySQL, come
SELECT, FROM e WHERE, quelli non sono

1254
01:03:35,470 --> 01:03:36,140
case-sensitive.

1255
01:03:36,140 --> 01:03:36,420
OK.

1256
01:03:36,420 --> 01:03:37,780
Così il contrario di quello che ho detto.

1257
01:03:37,780 --> 01:03:40,420
Così tutte le parole chiave MySQL -

1258
01:03:40,420 --> 01:03:42,670
selezionare, da dove - quelli
non sono case-sensitive.

1259
01:03:42,670 --> 01:03:44,630
Ma tutto il resto è.

1260
01:03:44,630 --> 01:03:45,210
OK.

1261
01:03:45,210 --> 01:03:46,500
È nella parte anteriore.

1262
01:03:46,500 --> 01:03:52,041
>> PUBBLICO: Se ho $ righe in termini di
più di una riga, significa che è

1263
01:03:52,041 --> 01:03:53,640
diventa solo un array associativo?

1264
01:03:53,640 --> 01:03:59,550
>> ZAMYLA CHAN: Quindi la domanda era se le righe
ha più di una riga in esso, non

1265
01:03:59,550 --> 01:04:01,800
diventa un array associativo?

1266
01:04:01,800 --> 01:04:05,680
Quindi è un array di associativo
array già.

1267
01:04:05,680 --> 01:04:10,730
Quindi, anche se c'è solo una riga
restituito, allora dovresti andare a

1268
01:04:10,730 --> 01:04:12,690
indice 0 di tale risultato.

1269
01:04:12,690 --> 01:04:15,316
E allora avresti quella prima fila.

1270
01:04:15,316 --> 01:04:17,482
Sì, Belinda?

1271
01:04:17,482 --> 01:04:21,258
>> AUDIENCE: Quando si utilizza ===,
è questo l'unico caso?

1272
01:04:21,258 --> 01:04:22,210
Oppure ce ne sono altri?

1273
01:04:22,210 --> 01:04:26,815
>> ZAMYLA CHAN: Quindi, in questo caso, ===
è un confronto di tutti i tipi.

1274
01:04:26,815 --> 01:04:29,870

1275
01:04:29,870 --> 01:04:34,050
Scusi. === È un confronto
che confronta le tipologie.

1276
01:04:34,050 --> 01:04:37,620
E poi == confronta tutti i tipi.

1277
01:04:37,620 --> 01:04:41,620
>> AUDIENCE: Puoi spiegare cosa
rows è in questa situazione?

1278
01:04:41,620 --> 01:04:45,120
E 'riga di dati?

1279
01:04:45,120 --> 01:04:48,100
>> ZAMYLA CHAN: Nella diapositiva successiva, sono
andando a spiegare cosa righe è.

1280
01:04:48,100 --> 01:04:49,890
Quindi, se non ti dispiace che tiene
fuori su quella.

1281
01:04:49,890 --> 01:04:50,620
E poi in fondo?

1282
01:04:50,620 --> 01:04:54,699
>> PUBBLICO: Per le funzioni come interrogazione,
rendering e ci scusiamo [incomprensibile]?

1283
01:04:54,699 --> 01:04:59,050

1284
01:04:59,050 --> 01:05:03,050
>> ZAMYLA CHAN: La questione era se
queste funzioni - di query, scusa,

1285
01:05:03,050 --> 01:05:04,510
e rendere -

1286
01:05:04,510 --> 01:05:05,930
sono comuni in tutta PHP.

1287
01:05:05,930 --> 01:05:09,460
Questi sono quelli che CS50
ha scritto per pset7.

1288
01:05:09,460 --> 01:05:09,910
E Jay?

1289
01:05:09,910 --> 01:05:15,333
>> AUDIENCE: Quando hai bisogno di dire
$ _SESSION, È che solo per gli ID?

1290
01:05:15,333 --> 01:05:17,310
O potrebbe aver detto che qui?

1291
01:05:17,310 --> 01:05:23,440
>> ZAMYLA CHAN: Quindi la domanda è, quando
usiamo $ _SESSION, che era una specifica

1292
01:05:23,440 --> 01:05:25,290
variabile globale che stiamo usando.

1293
01:05:25,290 --> 01:05:32,080
Ecco questa variabile sta per
essere locale alla nostra funzione.

1294
01:05:32,080 --> 01:05:36,588
Quindi stiamo solo dichiarando
una nuova variabile.

1295
01:05:36,588 --> 01:05:38,460
>> Pubblico: Come si scusa
implementato?

1296
01:05:38,460 --> 01:05:40,960
>> ZAMYLA CHAN: La domanda era,
come è chiedere scusa attuato?

1297
01:05:40,960 --> 01:05:44,180
E credo che questo è in realtà una bella
buone prassi per voi ragazzi di andare in

1298
01:05:44,180 --> 01:05:49,260
la sezione functions.php e guardare
scusa e vedere come si potrebbe avere

1299
01:05:49,260 --> 01:05:50,670
fatto da soli.

1300
01:05:50,670 --> 01:05:55,620
Così che io possa lasciare che a voi, ma solo
dire che se si guarda a chiedere scusa,

1301
01:05:55,620 --> 01:06:02,110
poi ci vuole il messaggio che si
presentato per scusarsi, e poi

1302
01:06:02,110 --> 01:06:06,570
rende quel messaggio.

1303
01:06:06,570 --> 01:06:08,240
Altre domande?

1304
01:06:08,240 --> 01:06:08,710
Io amo domande.

1305
01:06:08,710 --> 01:06:09,555
Così tenerli a venire.

1306
01:06:09,555 --> 01:06:11,888
>> AUDIENCE: [incomprensibile]

1307
01:06:11,888 --> 01:06:13,840
echo o print lì?

1308
01:06:13,840 --> 01:06:15,900
>> ZAMYLA CHAN: La domanda era,
non potevamo abbiamo appena messo

1309
01:06:15,900 --> 01:06:17,000
echo o print lì.

1310
01:06:17,000 --> 01:06:19,710
In modo che avrebbe fatto qualcosa
leggermente diverso.

1311
01:06:19,710 --> 01:06:23,750
Ciò avrebbe stampato interrogazione
fallito in quella -

1312
01:06:23,750 --> 01:06:27,420
bene, in questo momento, siamo in realtà
nel nostro controller.

1313
01:06:27,420 --> 01:06:30,350
Quindi noi in realtà non abbiamo
HTML istituito qui.

1314
01:06:30,350 --> 01:06:34,946
Apologize rendendo apologize.php
in realtà si reindirizza al apology.php.

1315
01:06:34,946 --> 01:06:39,560

1316
01:06:39,560 --> 01:06:42,200
OK.

1317
01:06:42,200 --> 01:06:45,880
>> Così ora, andiamo a affrontare la
domanda da prima su cosa

1318
01:06:45,880 --> 01:06:47,330
è davvero righe.

1319
01:06:47,330 --> 01:06:51,960
Beh, query restituirà
una matrice di righe.

1320
01:06:51,960 --> 01:06:55,020
E ogni riga è rappresentata
da un array associativo.

1321
01:06:55,020 --> 01:07:02,840
Quindi, se ho eseguito alcune query SQL e
Ho memorizzato il risultato in file, poi

1322
01:07:02,840 --> 01:07:07,850
utilizzando un ciclo foreach, quindi la matrice
nome è il primo lì - righe.

1323
01:07:07,850 --> 01:07:13,170
E poi ho intenzione di chiamare
ogni riga in là $ row.

1324
01:07:13,170 --> 01:07:20,060
>> Così l'iterazione di questo, posso poi
accedere nome della colonna della riga data,

1325
01:07:20,060 --> 01:07:22,340
anno colonna, e la casa di colonna.

1326
01:07:22,340 --> 01:07:28,010
Si noti che non sarei stato in grado di
farlo con le righe, perché indice di righe

1327
01:07:28,010 --> 01:07:29,290
il nome non esiste.

1328
01:07:29,290 --> 01:07:31,970
Righe è solo una serie di
array associativi.

1329
01:07:31,970 --> 01:07:34,870
In modo da avere due livelli lì.

1330
01:07:34,870 --> 01:07:37,170
Una volta che avete la matrice di righe,
dovete entrare in quella.

1331
01:07:37,170 --> 01:07:39,110
E poi è possibile accedere alle colonne.

1332
01:07:39,110 --> 01:07:41,636
Forse che rendono chiaro?

1333
01:07:41,636 --> 01:07:42,520
Sì, di fronte?

1334
01:07:42,520 --> 01:07:45,490
>> AUDIENCE: [incomprensibile] aprire
staffe per il [incomprensibile]?

1335
01:07:45,490 --> 01:07:46,220
>> ZAMYLA CHAN: Pardon me?

1336
01:07:46,220 --> 01:07:49,740
>> AUDIENCE: le parentesi aperte.

1337
01:07:49,740 --> 01:07:52,420
>> ZAMYLA CHAN: questi qui?

1338
01:07:52,420 --> 01:07:58,520
Questo è avermi permesso di includere
quella variabile.

1339
01:07:58,520 --> 01:07:58,670
Già.

1340
01:07:58,670 --> 01:08:01,900
>> AUDIENCE: Quando si stampa, siete
stampa il codice HTML?

1341
01:08:01,900 --> 01:08:03,110
>> ZAMYLA CHAN: sì.

1342
01:08:03,110 --> 01:08:07,720
Quando stampo, questo qui è dentro
il mio modello, in modo

1343
01:08:07,720 --> 01:08:10,310
mio punto di vista di metodo MVC.

1344
01:08:10,310 --> 01:08:12,750
Così sto stampare in HTML.

1345
01:08:12,750 --> 01:08:16,670
>> AUDIENCE: Quindi, se siamo andati in developer
attrezzi dopo l'esecuzione di questo, potremmo

1346
01:08:16,670 --> 01:08:17,160
che effettivamente in codice?

1347
01:08:17,160 --> 01:08:18,410
>> ZAMYLA CHAN: Questo è un grande
domanda, sì.

1348
01:08:18,410 --> 01:08:22,359
Quindi, se sei andato negli strumenti di sviluppo
in Firefox con Firebug o

1349
01:08:22,359 --> 01:08:26,109
Chrome, allora sì, si potrebbe
visualizzare il codice HTML specifico.

1350
01:08:26,109 --> 01:08:28,470
Quindi non avrebbe mostrato $ row ["Nome"].

1351
01:08:28,470 --> 01:08:32,524
Sarebbe mostrare qualsiasi
nome è in quella riga.

1352
01:08:32,524 --> 01:08:36,268
>> AUDIENCE: Solo un problema generale,
quali sono tr e td definito come?

1353
01:08:36,268 --> 01:08:37,672
Perché dovremmo [incomprensibile]?

1354
01:08:37,672 --> 01:08:41,850

1355
01:08:41,850 --> 01:08:44,814
>> ZAMYLA CHAN: Tabella TR fila,
Tavolo poi td colonna.

1356
01:08:44,814 --> 01:08:48,060

1357
01:08:48,060 --> 01:08:49,310
OK.

1358
01:08:49,310 --> 01:08:55,771

1359
01:08:55,771 --> 01:08:56,835
>> PUBBLICO: Sì, è dati della tabella.

1360
01:08:56,835 --> 01:08:58,770
>> ZAMYLA CHAN: i dati della tabella.

1361
01:08:58,770 --> 01:08:59,894
Già.

1362
01:08:59,894 --> 01:09:08,670
>> PUBBLICO: E 'una riga in cui l'
riga viene trattata come una colonna?

1363
01:09:08,670 --> 01:09:08,910
>> ZAMYLA CHAN: Mi dispiace.

1364
01:09:08,910 --> 01:09:10,570
Puoi ripetere?

1365
01:09:10,570 --> 01:09:14,450
>> AUDIENCE: Come faresti
visualizza le righe?

1366
01:09:14,450 --> 01:09:16,310
>> ZAMYLA CHAN: Come vuoi visualizzare
righe in che tipo di strada?

1367
01:09:16,310 --> 01:09:21,796
Stai parlando di questi
righe qui o le righe tr?

1368
01:09:21,796 --> 01:09:22,630
>> PUBBLICO: Le righe.

1369
01:09:22,630 --> 01:09:25,229
>> ZAMYLA CHAN: queste righe qui?

1370
01:09:25,229 --> 01:09:28,620
Mi piacerebbe visualizzo questo come
Io eseguo la mia domanda.

1371
01:09:28,620 --> 01:09:38,729
E si dice, OK, ho né da 0 a n
quantità di righe che soddisfano i criteri

1372
01:09:38,729 --> 01:09:40,510
che si era interrogato.

1373
01:09:40,510 --> 01:09:43,740
Così ho qualche numero di righe.

1374
01:09:43,740 --> 01:09:51,450
Così le righe, le righe $, negozi di ciascuno
uno di tali righe in una matrice.

1375
01:09:51,450 --> 01:09:58,110
Quindi, anche se è solo uno di loro, è
ancora una serie di righe che corrispondono esso.

1376
01:09:58,110 --> 01:10:03,010
>> Dunque, per esempio, questo è
simile a quando si inverosimile

1377
01:10:03,010 --> 01:10:05,390
la cache da parte degli utenti.

1378
01:10:05,390 --> 01:10:10,810
E i criteri c'era dove
ID è uguale al ID di sessione.

1379
01:10:10,810 --> 01:10:14,250
C'è davvero solo una riga
che potrebbe corrispondere a quello.

1380
01:10:14,250 --> 01:10:18,960
Ma ancora righe appena tornati una riga.

1381
01:10:18,960 --> 01:10:22,620
Quindi dovresti andare a righe,
indice 0, cache dell'indice

1382
01:10:22,620 --> 01:10:26,195
effettivamente arrivare a la cache.

1383
01:10:26,195 --> 01:10:29,650
>> PUBBLICO: E 'la funzione di stampa
in eco la stessa cosa?

1384
01:10:29,650 --> 01:10:30,670
>> ZAMYLA CHAN: sì.

1385
01:10:30,670 --> 01:10:31,190
Sì.

1386
01:10:31,190 --> 01:10:33,304
Stampa un'eco della stessa.

1387
01:10:33,304 --> 01:10:42,400
>> PUBBLICO: Il ciclo foreach l'
unico modo per indicizzare le righe?

1388
01:10:42,400 --> 01:10:46,110
>> ZAMYLA CHAN: È un ciclo foreach
l'unico modo che si può

1389
01:10:46,110 --> 01:10:47,030
scorrere le righe?

1390
01:10:47,030 --> 01:10:47,180
No.

1391
01:10:47,180 --> 01:10:51,000
È anche possibile utilizzare un ciclo for, a condizione
che si conosce la lunghezza

1392
01:10:51,000 --> 01:10:53,024
della matrice della riga.

1393
01:10:53,024 --> 01:10:58,500
>> AUDIENCE: Potrebbe accedervi
utilizzando una riga come [incomprensibile]?

1394
01:10:58,500 --> 01:11:01,640
>> ZAMYLA CHAN: Così non si può accedere
usando solo riga se non si dispone di un

1395
01:11:01,640 --> 01:11:05,160
ciclo foreach condizione che
non hai dichiarato di 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ì, nel bianco.

1399
01:11:10,810 --> 01:11:13,990
>> AUDIENCE: Così che cosa tr e td fare?

1400
01:11:13,990 --> 01:11:16,790
>> ZAMYLA CHAN: Così TR e
td sono tag HTML.

1401
01:11:16,790 --> 01:11:19,590
tr indica l'inizio
di una riga di tabella.

1402
01:11:19,590 --> 01:11:26,625
E ogni td indica una
nuova colonna di dati della tabella.

1403
01:11:26,625 --> 01:11:32,275
>> PUBBLICO: Per una visuale di ciò che una riga
è come, solo immaginare la SQL, come

1404
01:11:32,275 --> 01:11:33,510
hanno una riga.

1405
01:11:33,510 --> 01:11:35,980
[Incomprensibile].

1406
01:11:35,980 --> 01:11:36,390
>> ZAMYLA CHAN: Già.

1407
01:11:36,390 --> 01:11:37,630
Questo è un ottimo punto.

1408
01:11:37,630 --> 01:11:41,510
È possibile visualizzare le righe come solo
come in una tabella di Excel, basta

1409
01:11:41,510 --> 01:11:44,540
l'elenco delle righe.

1410
01:11:44,540 --> 01:11:46,870
OK.

1411
01:11:46,870 --> 01:11:47,230
Bene.

1412
01:11:47,230 --> 01:11:50,740
Quindi, ora che siamo andati oltre select, se
non ci sono altre domande, faremo

1413
01:11:50,740 --> 01:11:52,970
andare oltre su inserto.

1414
01:11:52,970 --> 01:11:58,220
Quindi, se ho voluto inserire in qualche
tabella e inserire determinata colonna

1415
01:11:58,220 --> 01:12:02,320
valori, ho potuto inserirmi
in Corvonero in anno 7.

1416
01:12:02,320 --> 01:12:07,245
Ma a volte ci possono essere duplicati
valori, come abbiamo visto in pset7 quando abbiamo

1417
01:12:07,245 --> 01:12:09,240
sono state aggiornando il nostro portafoglio.

1418
01:12:09,240 --> 01:12:15,610
>> Quindi, in questo caso, vogliamo utilizzare ON
DUPLICATO UPDATE KEY, in modo che non lo facciamo

1419
01:12:15,610 --> 01:12:18,280
memorizzare più righe con lo stesso
valore, ma piuttosto aggiornarlo.

1420
01:12:18,280 --> 01:12:21,780

1421
01:12:21,780 --> 01:12:25,560
Poi in realtà abbiamo aggiornamento,
che non è un inserto.

1422
01:12:25,560 --> 01:12:30,100
E 'solo un aggiornamento in cui si aggiorna
in un certo tabella con un dato

1423
01:12:30,100 --> 01:12:34,403
criteri e poi, infine, eliminare,
che fa una cosa molto simile.

1424
01:12:34,403 --> 01:12:40,200
>> AUDIENCE: Potrebbe brevemente
andare oltre la chiave duplicata?

1425
01:12:40,200 --> 01:12:40,850
>> ZAMYLA CHAN: Già.

1426
01:12:40,850 --> 01:12:48,340
In sostanza qui, ho INSERT INTO
Gringott, è, galeoni, questi valori.

1427
01:12:48,340 --> 01:12:56,900
Ma ID, presumibilmente, è una chiave univoca
valore impostato nella tabella MySQL.

1428
01:12:56,900 --> 01:13:06,750
Quindi, se ho già che ID impostato,
allora non posso inserire una nuova riga.

1429
01:13:06,750 --> 01:13:10,961
Quindi, se non esiste già,
allora devo aggiornarlo.

1430
01:13:10,961 --> 01:13:16,040

1431
01:13:16,040 --> 01:13:17,722
Nel mezzo del bianco.

1432
01:13:17,722 --> 01:13:21,570
>> AUDIENCE: Quindi inserire, aggiornare, cancellare,
e selezionare, sono quelli tutti disponibili

1433
01:13:21,570 --> 01:13:22,875
localmente [incomprensibile]?

1434
01:13:22,875 --> 01:13:27,320

1435
01:13:27,320 --> 01:13:29,630
>> ZAMYLA CHAN: Quindi inserire,
aggiornamento, cancellazione, e

1436
01:13:29,630 --> 01:13:31,120
selezionate sono tutte le query SQL.

1437
01:13:31,120 --> 01:13:34,970
Così ogni volta che si sta utilizzando SQL,
avrete quelli disponibili.

1438
01:13:34,970 --> 01:13:38,226

1439
01:13:38,226 --> 01:13:40,706
>> PUBBLICO: Torna alle passate quiz -

1440
01:13:40,706 --> 01:13:44,178
c'era una domanda che si occupava di
se tu avessi un tavolo e voleva

1441
01:13:44,178 --> 01:13:52,610
inserire punteggi dei test in uno e si inserisce
il tuo nome in modo che non ti consente di

1442
01:13:52,610 --> 01:13:54,594
[Incomprensibile] punteggio del test del tuo amico.

1443
01:13:54,594 --> 01:13:59,060
Come si dovrebbe fare con inserto?

1444
01:13:59,060 --> 01:14:02,490
>> ZAMYLA CHAN: Quindi la domanda era di circa
una precedente interrogazione a medio termine.

1445
01:14:02,490 --> 01:14:04,320
Io non sono a conoscenza di quale
uno è adesso.

1446
01:14:04,320 --> 01:14:06,790
Quindi, forse in seguito, se si desidera
venire e mi mostra, allora posso

1447
01:14:06,790 --> 01:14:08,155
sicuramente vi darà consigli.

1448
01:14:08,155 --> 01:14:11,250

1449
01:14:11,250 --> 01:14:15,460
Ma parlando di cose inserimento, come
prendendo il punteggio di qualcuno quando si

1450
01:14:15,460 --> 01:14:18,800
non dovrebbe, parliamo di
Attacchi SQL injection.

1451
01:14:18,800 --> 01:14:22,050
Quindi un attacco SQL injection è essenzialmente
dove qualcuno prende

1452
01:14:22,050 --> 01:14:27,680
sfruttare la bassa sicurezza del
modo che si sta assumendo nei dati.

1453
01:14:27,680 --> 01:14:35,660
>> Quindi qui, proprio come nella finanza CS50,
quando abbiamo effettuato il login, possiamo entrare in un

1454
01:14:35,660 --> 01:14:39,510
nome utente nel form di login,
la prima casella di testo, e

1455
01:14:39,510 --> 01:14:41,570
quindi immettere una password.

1456
01:14:41,570 --> 01:14:45,610
Forse il nostro codice PHP potrebbe apparire
qualcosa come questo, dove $ username

1457
01:14:45,610 --> 01:14:51,410
è il nome utente e la password post-dati
è la password di post-dati.

1458
01:14:51,410 --> 01:14:55,110
E poi abbiamo appena eseguiamo la query, per esempio,
OK, bene, la nostra query sta per

1459
01:14:55,110 --> 01:14:57,990
scegliere tra i nostri utenti, dove
il nome utente è l'

1460
01:14:57,990 --> 01:14:58,970
uno che hanno presentato.

1461
01:14:58,970 --> 01:15:06,870
E la password è la password,
il che significa che le password corrispondano.

1462
01:15:06,870 --> 01:15:12,670
>> Ora, cosa succede se invece di effettivamente
presentazione di una password effettiva, come

1463
01:15:12,670 --> 01:15:16,850
12345 e indovinare polo che dice
la password e cercando di incidere il loro

1464
01:15:16,850 --> 01:15:21,460
conto, se invece
hanno presentato questo.

1465
01:15:21,460 --> 01:15:24,380
Potrebbero digitare forse
una congettura a una password.

1466
01:15:24,380 --> 01:15:30,480
E poi avrebbero finire il
citazione quindi digitare o 1 = 1.

1467
01:15:30,480 --> 01:15:35,160
Ciò ritmo direttamente in SQL
interrogare a guardare qualcosa di simile.

1468
01:15:35,160 --> 01:15:38,200
Selezionare tra gli utenti dove nomeutente
= rebbi e la password

1469
01:15:38,200 --> 01:15:41,450
pari giglio o 1 = 1.

1470
01:15:41,450 --> 01:15:45,450
>> Quindi, o la password è
corrette o 1 = 1,

1471
01:15:45,450 --> 01:15:47,870
che è sempre vero.

1472
01:15:47,870 --> 01:15:52,780
Quindi, in questo caso, in pratica, un utente può
approfittare di questo e di fare il login

1473
01:15:52,780 --> 01:15:55,240
stessi e trucco
conto di qualcuno.

1474
01:15:55,240 --> 01:15:58,950
Ecco perché vogliamo evitare
qualcuno che per fare questo.

1475
01:15:58,950 --> 01:16:03,890
Ma per fortuna, la funzione di query
passando i segnaposto avrà

1476
01:16:03,890 --> 01:16:04,800
cura di questo per voi.

1477
01:16:04,800 --> 01:16:08,570
Inoltre, ti genere mai voglia
effettivamente presentare le password

1478
01:16:08,570 --> 01:16:09,310
stessi.

1479
01:16:09,310 --> 01:16:14,115
Ecco perché abbiamo hash o cifrato
li in finanza CS50.

1480
01:16:14,115 --> 01:16:17,553
>> PUBBLICO: Il quiz passato ha parlato
sulle stringhe di escape MySQL.

1481
01:16:17,553 --> 01:16:21,800
Dobbiamo preoccupare?

1482
01:16:21,800 --> 01:16:22,670
>> ZAMYLA CHAN: Questa è una buona domanda.

1483
01:16:22,670 --> 01:16:29,050
Le stringhe di escape MySQL è sicuramente un
funzione che è stato utilizzato nella query.

1484
01:16:29,050 --> 01:16:30,420
Ma sicuramente guardare in quello.

1485
01:16:30,420 --> 01:16:32,950
Direi che è giusto gioco per sapere
che avresti bisogno di chiamare quel

1486
01:16:32,950 --> 01:16:34,370
funzionare su una stringa.

1487
01:16:34,370 --> 01:16:35,245
Sì, Belinda?

1488
01:16:35,245 --> 01:16:38,606
>> AUDIENCE: Come fai a sapere quando è
apici singoli o doppi apici?

1489
01:16:38,606 --> 01:16:43,516
E anche, mi sento come a lezione te
accennato qualcosa di non avere

1490
01:16:43,516 --> 01:16:48,426
il [incomprensibile] o qualcosa o l'
seconda citazione singolo alla fine.

1491
01:16:48,426 --> 01:16:56,407

1492
01:16:56,407 --> 01:17:00,825
Penso che ha sottolineato in conferenza che
si suppone di avere apostrofo 1

1493
01:17:00,825 --> 01:17:04,290
e poi non hanno apostrofi
o qualcosa del genere.

1494
01:17:04,290 --> 01:17:05,540
>> AUDIENCE: [incomprensibile].

1495
01:17:05,540 --> 01:17:14,860

1496
01:17:14,860 --> 01:17:18,657
>> PUBBLICO: Il fatto è che l'ultimo singolo
citazione in là in quel secondo box

1497
01:17:18,657 --> 01:17:19,391
non dovrebbe essere lì.

1498
01:17:19,391 --> 01:17:21,840
[Incomprensibile]

1499
01:17:21,840 --> 01:17:26,730
Perché quando si prende l'ultimo singolo
citare fuori e abbinare questi per i contenuti

1500
01:17:26,730 --> 01:17:30,522
dove la parola d'ordine è, se si dispone che
interrogazione, c'è una sola offerta a

1501
01:17:30,522 --> 01:17:31,340
la fine già.

1502
01:17:31,340 --> 01:17:36,580
Si desidera utilizzare quella singola citazione
come quella che si affaccia quello

1503
01:17:36,580 --> 01:17:37,574
[Incomprensibile].

1504
01:17:37,574 --> 01:17:42,820
Allora che cosa è realmente in quel testo
box non dovrebbe avere questo.

1505
01:17:42,820 --> 01:17:44,070
>> ZAMYLA CHAN: io cambiare la situazione.

1506
01:17:44,070 --> 01:17:56,490

1507
01:17:56,490 --> 01:17:56,880
OK.

1508
01:17:56,880 --> 01:18:00,435
Se non ci sono domande, allora io
passare sopra a Giuseppe per parlare

1509
01:18:00,435 --> 01:18:04,332
su JavaScript, et cetera.

1510
01:18:04,332 --> 01:18:09,540
>> [Applausi]

1511
01:18:09,540 --> 01:18:11,660
>> JOSEPH ONG: Quindi stiamo correndo
un po 'indietro.

1512
01:18:11,660 --> 01:18:13,280
Quindi, se si deve lasciare, questo è OK.

1513
01:18:13,280 --> 01:18:16,540
Ma noi chiediamo di mantenere la testa in giù
se siete nel mezzo, in modo da

1514
01:18:16,540 --> 01:18:19,560
non bloccare la macchina fotografica e si utilizza
l'uscita posteriore se è necessario.

1515
01:18:19,560 --> 01:18:25,010

1516
01:18:25,010 --> 01:18:26,306
Sono Giuseppe a proposito.

1517
01:18:26,306 --> 01:18:27,556
Ciao.

1518
01:18:27,556 --> 01:18:37,910

1519
01:18:37,910 --> 01:18:38,630
Test, test.

1520
01:18:38,630 --> 01:18:39,630
Dan, è quella buona?

1521
01:18:39,630 --> 01:18:40,880
Freddo.

1522
01:18:40,880 --> 01:18:44,460

1523
01:18:44,460 --> 01:18:47,600
>> Così il video sarà inoltre pubblicato
linea per coloro che

1524
01:18:47,600 --> 01:18:48,850
lasciare ora.

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
OK.

1529
01:18:57,510 --> 01:18:59,730
Così revisione quiz.

1530
01:18:59,730 --> 01:19:00,980
Questo è un gatto.

1531
01:19:00,980 --> 01:19:03,150

1532
01:19:03,150 --> 01:19:07,170
Ora, Javascript, che non è forse
come aww per alcuni di voi ragazzi.

1533
01:19:07,170 --> 01:19:07,370
OK.

1534
01:19:07,370 --> 01:19:09,280
Ecco, questo è in primo luogo, ricordano da Zamyla.

1535
01:19:09,280 --> 01:19:11,270
Ricorda che PHP è
eseguito sul server.

1536
01:19:11,270 --> 01:19:15,230
E un sacco di volte, voi ragazzi ha scritto cicli
in PHP per stampare HTML, giusto?

1537
01:19:15,230 --> 01:19:19,170
Quindi, una volta che il codice viene eseguito, che
Output HTML di stampare

1538
01:19:19,170 --> 01:19:20,500
viene inviato all'utente.

1539
01:19:20,500 --> 01:19:25,960
E una volta che succede, non è più possibile PHP
essere eseguito, a meno che non si ricarica la pagina, di

1540
01:19:25,960 --> 01:19:27,660
Naturalmente, che reexecutes il PHP.

1541
01:19:27,660 --> 01:19:30,080
Ma una volta che si stampa che HTML,
Non si può andare ovunque.

1542
01:19:30,080 --> 01:19:33,580
>> Cosicché HTML viene inviato verso l'utente,
che è il browser qui, dove

1543
01:19:33,580 --> 01:19:35,470
Milo sta usando il computer.

1544
01:19:35,470 --> 01:19:40,340
E così bene, ci sono diverse cose
una volta che inviamo HTML per l'utente.

1545
01:19:40,340 --> 01:19:43,350
A volte vogliamo fare qualcosa di simile
quando si fa clic su qualcosa, vogliamo

1546
01:19:43,350 --> 01:19:47,350
alert boxes di pop-up, questo genere di
interazioni, come quando si preme il

1547
01:19:47,350 --> 01:19:50,740
tasto, quando si sceglie qualcosa sul
pagina, voglio che succeda qualcosa.

1548
01:19:50,740 --> 01:19:54,550
Beh, non è possibile rieseguire PHP
codice una volta che l'HTML sia impostato.

1549
01:19:54,550 --> 01:19:55,900
Così come si fa a fare questo?

1550
01:19:55,900 --> 01:19:59,930
>> Introduciamo un nuovo linguaggio chiamato
JavaScript che viene eseguito nel browser

1551
01:19:59,930 --> 01:20:02,890
che ti permette di fare le cose
HTML dopo che ricevete

1552
01:20:02,890 --> 01:20:04,020
dal server.

1553
01:20:04,020 --> 01:20:07,050
E questo è il motivo per cui lo chiamiamo un client-side
linguaggio di programmazione.

1554
01:20:07,050 --> 01:20:09,110
Funziona su computer -

1555
01:20:09,110 --> 01:20:11,400
il client.

1556
01:20:11,400 --> 01:20:13,830
Hai domande su che finora?

1557
01:20:13,830 --> 01:20:15,650
Questo paradigma ha senso per le persone?

1558
01:20:15,650 --> 01:20:16,010
OK.

1559
01:20:16,010 --> 01:20:16,790
Buona.

1560
01:20:16,790 --> 01:20:17,340
Bene.

1561
01:20:17,340 --> 01:20:20,850
Quindi la prima cosa da notare
è JavaScript non è PHP.

1562
01:20:20,850 --> 01:20:23,010
>> Hanno qualche sintassi diversa,
che andremo in.

1563
01:20:23,010 --> 01:20:24,530
E hanno usi molto diversi.

1564
01:20:24,530 --> 01:20:26,640
JavaScript, ancora una volta, per la vostra
browser per il cliente.

1565
01:20:26,640 --> 01:20:30,640
Server viene eseguito da qualche parte sul qualcun altro
computer che invia informazioni

1566
01:20:30,640 --> 01:20:31,720
a voi, giusto?

1567
01:20:31,720 --> 01:20:36,730
Quindi, se vi chiediamo di scrivere il codice PHP
su una domanda d'esame, non scrivere

1568
01:20:36,730 --> 01:20:38,710
JavaScript e viceversa.

1569
01:20:38,710 --> 01:20:41,710
Potrai solo perde punti,
e non sarà giusto.

1570
01:20:41,710 --> 01:20:43,690
>> Quindi cerchiamo di entrare in qualche
Differenze di sintassi -

1571
01:20:43,690 --> 01:20:46,140
JavaScript a sinistra
e PHP sulla destra.

1572
01:20:46,140 --> 01:20:48,670
La prima cosa che noterete con
JavaScript, dichiariamo le variabili con

1573
01:20:48,670 --> 01:20:49,440
la parola chiave var -

1574
01:20:49,440 --> 01:20:53,590
V-A-R. PHP usato il simbolo del dollaro,
Zamyla come discusso in precedenza.

1575
01:20:53,590 --> 01:20:57,570
Se volete dichiarare una associativo
array, vediamo la sintassi familiare su

1576
01:20:57,570 --> 01:20:59,030
lato destro con PHP.

1577
01:20:59,030 --> 01:21:01,630
Sul lato sinistro, invece
si utilizza parentesi graffe.

1578
01:21:01,630 --> 01:21:03,280
E poi le chiavi sono a sinistra.

1579
01:21:03,280 --> 01:21:04,670
Allora avete due punti.

1580
01:21:04,670 --> 01:21:06,560
E poi ci sono i valori
che si desidera.

1581
01:21:06,560 --> 01:21:09,840
>> Quindi questo è come si dovrebbe fare in PHP
sul lato destro con quello secondo

1582
01:21:09,840 --> 01:21:10,955
linea che inizia a Milo.

1583
01:21:10,955 --> 01:21:14,540
Ed è così che si dovrebbe fare sulla
lato sinistro in JavaScript se si desidera

1584
01:21:14,540 --> 01:21:16,110
ciò che noi chiamiamo un oggetto.

1585
01:21:16,110 --> 01:21:19,340
E oggetti in JavaScript sono
solo array associativi.

1586
01:21:19,340 --> 01:21:23,710
Quindi, se si vuole accedere ai campi, in
PHP si usa questa sintassi staffa.

1587
01:21:23,710 --> 01:21:27,170
E in questo modo, è possibile riassegnare
proprietario campo Lauren.

1588
01:21:27,170 --> 01:21:30,150
>> Beh, in JavaScript, se si vuole
accedere a un campo e modificarlo, è possibile

1589
01:21:30,150 --> 01:21:31,370
utilizzare la sintassi del punto.

1590
01:21:31,370 --> 01:21:33,860
È inoltre possibile utilizzare la sintassi staffa.

1591
01:21:33,860 --> 01:21:35,550
Ma non è possibile utilizzare il
sintassi del punto in PHP.

1592
01:21:35,550 --> 01:21:36,525
Non funzionerà.

1593
01:21:36,525 --> 01:21:38,910
Funziona solo in PHP.

1594
01:21:38,910 --> 01:21:42,060
E infine, per stampare le cose al
console, è possibile utilizzare console.log, che

1595
01:21:42,060 --> 01:21:43,720
voi ragazzi utilizzano un sacco di pset8.

1596
01:21:43,720 --> 01:21:45,260
È possibile che console.log.

1597
01:21:45,260 --> 01:21:50,030
>> Se si desidera stampare un array in
PHP, è necessario utilizzare la stampa r.

1598
01:21:50,030 --> 01:21:53,240
E sul lato destro, si vede i Hash
concatenazione di stringhe laggiù.

1599
01:21:53,240 --> 01:21:54,070
Qualcuno ha chiesto in precedenza.

1600
01:21:54,070 --> 01:21:55,850
Io uso un plus in JavaScript.

1601
01:21:55,850 --> 01:21:59,800
Se voglio qualcosa di concatenare
in PHP, io uso il punto.

1602
01:21:59,800 --> 01:22:00,800
Questi sono diversi.

1603
01:22:00,800 --> 01:22:03,420
Se si scrive codice PHP,
non utilizzare un plus.

1604
01:22:03,420 --> 01:22:06,810
Se state scrivendo JavaScript
codice, non scrivere un punto.

1605
01:22:06,810 --> 01:22:08,230
Sarà sbagliato.

1606
01:22:08,230 --> 01:22:09,640
E sarai triste.

1607
01:22:09,640 --> 01:22:11,000
>> Differenze talmente sintassi.

1608
01:22:11,000 --> 01:22:14,710
Conoscere la sintassi, perché se si deve
scrivere la domanda e si utilizza la sintassi

1609
01:22:14,710 --> 01:22:16,890
dalla lingua sbagliata,
non funzionerà.

1610
01:22:16,890 --> 01:22:19,520
E sarà sbagliato.

1611
01:22:19,520 --> 01:22:22,420
Quindi parliamo di un certo controllo
flusso differenze, come si usa

1612
01:22:22,420 --> 01:22:24,040
loop in ciascuno di essi.

1613
01:22:24,040 --> 01:22:26,610
Zamyla andato oltre il lato destro.

1614
01:22:26,610 --> 01:22:27,780
Roba sul lato destro
dovrebbe essere a conoscenza.

1615
01:22:27,780 --> 01:22:29,670
Diamo un'occhiata sul lato sinistro.

1616
01:22:29,670 --> 01:22:34,830
>> Quando si utilizza per n ciclo in JavaScript,
la variabile loop, var i laggiù,

1617
01:22:34,830 --> 01:22:37,210
ciclo le chiavi della matrice.

1618
01:22:37,210 --> 01:22:39,150
Quindi, vedete il nome, la casa, e il ruolo.

1619
01:22:39,150 --> 01:22:42,440
Se io console.log i, ottengo
nome, la casa, e il ruolo.

1620
01:22:42,440 --> 01:22:44,720
Queste sono le chiavi.

1621
01:22:44,720 --> 01:22:50,080
In JavaScript, un ciclo foreach va
oltre i valori di questa matrice.

1622
01:22:50,080 --> 01:22:52,040
Quindi, si nota che sono entrambi i.

1623
01:22:52,040 --> 01:22:56,000
Ma qui sul lato PHP, stampa
out Milo, CS50, e Mascot.

1624
01:22:56,000 --> 01:22:57,390
Questi sono i valori in PHP.

1625
01:22:57,390 --> 01:23:00,180
>> Quindi questi sono come questi due sono diversi
nelle diverse lingue.

1626
01:23:00,180 --> 01:23:02,970
Quindi, se si sta utilizzando un foreach
loop, non impegna che

1627
01:23:02,970 --> 01:23:03,760
ti dà le chiavi.

1628
01:23:03,760 --> 01:23:08,010
E se si sta utilizzando un per n ciclo, non
assumere ti dà i valori.

1629
01:23:08,010 --> 01:23:10,420
Questo senso finora?

1630
01:23:10,420 --> 01:23:13,630
La prossima diapositiva è intenzione di mostrare
come è possibile accedere al contrario in

1631
01:23:13,630 --> 01:23:15,160
ciascuno di essi.

1632
01:23:15,160 --> 01:23:18,550
>> Beh, se avete la chiave in JavaScript
e si desidera che il valore fuori,

1633
01:23:18,550 --> 01:23:20,440
basta indice nella
array con quello.

1634
01:23:20,440 --> 01:23:23,640
Così Milo di i otterrà ciò che
si desidera - i valori.

1635
01:23:23,640 --> 01:23:25,260
C'è questa diversa sintassi in PHP.

1636
01:23:25,260 --> 01:23:28,140
Se si vuole veramente sapere, io non lo faccio
pensiamo che abbiamo mostrato a voi ancora.

1637
01:23:28,140 --> 01:23:31,740
Ma se siete interessati, potete usare
Questa sintassi aggiuntiva sulla destra

1638
01:23:31,740 --> 01:23:35,130
lato che effettivamente permetterà di ottenere il
chiavi in ​​PHP quando si sta utilizzando un

1639
01:23:35,130 --> 01:23:35,880
ciclo foreach.

1640
01:23:35,880 --> 01:23:39,640
Quindi, solo un po 'di curiosità
se siete interessati.

1641
01:23:39,640 --> 01:23:42,630
>> Ecco, questo è solo per dimostrare la
differenze tra questi due cicli.

1642
01:23:42,630 --> 01:23:47,060
Non mescolare fino quando sei
programmazione di una domanda.

1643
01:23:47,060 --> 01:23:49,774
Hai domande su questo.

1644
01:23:49,774 --> 01:23:50,770
Freddo.

1645
01:23:50,770 --> 01:23:51,310
Bene.

1646
01:23:51,310 --> 01:23:52,250
Oggetti JavaScript.

1647
01:23:52,250 --> 01:23:53,040
Ho parlato di loro.

1648
01:23:53,040 --> 01:23:54,650
Sono come gli array associativi.

1649
01:23:54,650 --> 01:23:57,730
L'unica cosa che vorrei farvi notare
qui è che un valore in una associativo

1650
01:23:57,730 --> 01:23:59,540
array può essere qualsiasi cosa in JavaScript.

1651
01:23:59,540 --> 01:24:02,240
>> Può anche essere una funzione,
come laggiù.

1652
01:24:02,240 --> 01:24:04,600
Ho una funzione che
è un valore di una chiave.

1653
01:24:04,600 --> 01:24:07,030
E se voglio chiamare tale funzione,
Ho appena accedo corteccia.

1654
01:24:07,030 --> 01:24:08,490
E poi ho messo le parentesi
dopo che.

1655
01:24:08,490 --> 01:24:09,790
E funziona.

1656
01:24:09,790 --> 01:24:15,570
Così tutte le domande?

1657
01:24:15,570 --> 01:24:16,370
No?

1658
01:24:16,370 --> 01:24:16,650
OK.

1659
01:24:16,650 --> 01:24:18,190
Buona.

1660
01:24:18,190 --> 01:24:20,130
JavaScript, come PHP,
è debolmente tipizzato.

1661
01:24:20,130 --> 01:24:20,970
Che cosa vuol dire?

1662
01:24:20,970 --> 01:24:22,380
>> Esso ha i tipi.

1663
01:24:22,380 --> 01:24:24,800
Ma quando si dichiara un JavaScript
variabile, si dice var i.

1664
01:24:24,800 --> 01:24:25,850
Tu non dici.

1665
01:24:25,850 --> 01:24:26,460
Questa non è una cosa.

1666
01:24:26,460 --> 01:24:28,000
Basta dire che è una variabile.

1667
01:24:28,000 --> 01:24:31,590
E allora JavaScript gestirà l'
Tipi sotto il cofano per voi.

1668
01:24:31,590 --> 01:24:34,390
Siamo in grado di convertire liberamente tra
tipi a causa di questo.

1669
01:24:34,390 --> 01:24:37,360
Così ho inizia come un numero
in questo caso.

1670
01:24:37,360 --> 01:24:38,790
E poi ho una stringa.

1671
01:24:38,790 --> 01:24:39,710
E aggiungo io ad esso.

1672
01:24:39,710 --> 01:24:41,810
E io riassegnare nuovamente dentro i.

1673
01:24:41,810 --> 01:24:43,640
>> Così quella prima linea,
i è il numero.

1674
01:24:43,640 --> 01:24:47,310
Sulla seconda riga, ora diventa un
stringa dopo faccio la riassegnazione.

1675
01:24:47,310 --> 01:24:52,820
E qui, sto solo concatenando
quel numero sulla corda.

1676
01:24:52,820 --> 01:24:56,210
Così si vede che anche se ero un
intero nella prima parte, è una specie

1677
01:24:56,210 --> 01:24:58,500
di come essere convertito in un
stringa e poi viene aggiunto

1678
01:24:58,500 --> 01:25:00,510
su tale stringa ciao.

1679
01:25:00,510 --> 01:25:02,340
Ed è quello che voglio dire
dalla tipizzazione debole.

1680
01:25:02,340 --> 01:25:04,760
Ecco che si converte tra
tipi molto facilmente.

1681
01:25:04,760 --> 01:25:08,840
E non buttare avvisi
ti piace C fa.

1682
01:25:08,840 --> 01:25:12,420
>> Così ho ora contiene ciao
123 alla stringa.

1683
01:25:12,420 --> 01:25:13,270
Avanti.

1684
01:25:13,270 --> 01:25:15,610
Possiamo anche confrontare liberamente
tra i tipi.

1685
01:25:15,610 --> 01:25:19,310
Quindi, se si utilizza ==, molto
come in PHP, JavaScript

1686
01:25:19,310 --> 01:25:20,480
fa una cosa simile.

1687
01:25:20,480 --> 01:25:24,780
La stringa 123 è uguale al numero
123 quando si utilizza il doppio uguale.

1688
01:25:24,780 --> 01:25:27,820
Quando viene utilizzato eguali triple, ma anche
vuole assicurare che

1689
01:25:27,820 --> 01:25:29,240
il tipo è lo stesso.

1690
01:25:29,240 --> 01:25:31,960
Quindi, visto che è una stringa e che è
un numero, anche se sono entrambi

1691
01:25:31,960 --> 01:25:35,280
123, quando si utilizza il triplo
Equals, si ottiene falso.

1692
01:25:35,280 --> 01:25:39,330
Nel doppio è uguale caso, si ottiene vero,
perché matrimoniali uguali non lo fa

1693
01:25:39,330 --> 01:25:40,020
preoccupano tipo.

1694
01:25:40,020 --> 01:25:42,500
Equals triple si preoccupa tipo.

1695
01:25:42,500 --> 01:25:43,750
Domande?

1696
01:25:43,750 --> 01:25:45,790

1697
01:25:45,790 --> 01:25:48,390
OK.

1698
01:25:48,390 --> 01:25:52,870
>> E un'altra cosa su JavaScript è
la portata è di tipo globale, se non sei

1699
01:25:52,870 --> 01:25:53,460
in una funzione.

1700
01:25:53,460 --> 01:25:55,660
E funziona lo stesso
modo in PHP realtà.

1701
01:25:55,660 --> 01:25:57,500
Quindi cerchiamo di passare attraverso questo esempio.

1702
01:25:57,500 --> 01:25:59,110
I Ho impostato a 999.

1703
01:25:59,110 --> 01:26:00,900
E poi vado in questo ciclo for.

1704
01:26:00,900 --> 01:26:06,110
Quindi se sto stampare i fuori in questo per
loop, mi aspetto 0, 1, 2, 3, 4.

1705
01:26:06,110 --> 01:26:07,390
Ottengo ai = 4.

1706
01:26:07,390 --> 01:26:10,770
Incrementa ora a 5 alla
Alla fine del ciclo for.

1707
01:26:10,770 --> 01:26:13,300
E poi si rompe fuori dal giro,
perché non soddisfa il

1708
01:26:13,300 --> 01:26:14,550
condizionare più.

1709
01:26:14,550 --> 01:26:16,650
>> Cosa pensi che il prossimo
console.log stampa fuori?

1710
01:26:16,650 --> 01:26:20,570

1711
01:26:20,570 --> 01:26:24,790
Ecco che cosa farebbe in C. In C,
perché se avete come var i fuori

1712
01:26:24,790 --> 01:26:28,855
e si dispone di var i all'interno di un ciclo, come un
per ciclo, allora rende tali che

1713
01:26:28,855 --> 01:26:30,690
è ambito che i due
i sono differenti.

1714
01:26:30,690 --> 01:26:34,630
In JavaScript, sarà solo
trattarlo come lo stesso i.

1715
01:26:34,630 --> 01:26:37,870
Ottengo 5, perché quello era il valore
dopo che esce dal ciclo.

1716
01:26:37,870 --> 01:26:39,120
Quindi quelli che sono gli stessi i.

1717
01:26:39,120 --> 01:26:42,620

1718
01:26:42,620 --> 01:26:44,130
Ritiene che senso?

1719
01:26:44,130 --> 01:26:45,720
>> Beh, ha senso dal
un punto di vista JavaScript.

1720
01:26:45,720 --> 01:26:49,510
Ma lo stesso paradigma non
riporto a C. Hanno

1721
01:26:49,510 --> 01:26:50,310
diverse regole di scoping.

1722
01:26:50,310 --> 01:26:50,630
Sì.

1723
01:26:50,630 --> 01:26:52,566
>> AUDIENCE: [incomprensibile]

1724
01:26:52,566 --> 01:26:54,990
al di fuori della funzione [incomprensibile]?

1725
01:26:54,990 --> 01:26:58,340
>> JOSEPH ONG: Così esterno quale funzione?

1726
01:26:58,340 --> 01:27:00,810
Quindi io arriverò a quello di appena un secondo.

1727
01:27:00,810 --> 01:27:02,580
Così chiamiamo foo (i).

1728
01:27:02,580 --> 01:27:06,920
Questo passa i in foo, incrementi
e quindi lo registra.

1729
01:27:06,920 --> 01:27:07,750
Così è stato 5.

1730
01:27:07,750 --> 01:27:09,210
Così diventa 6.

1731
01:27:09,210 --> 01:27:11,670
Ma di cosa sto parlando è
che in quella funzione.

1732
01:27:11,670 --> 01:27:14,430
Perché è un parametro, è
ambito di tale funzione.

1733
01:27:14,430 --> 01:27:17,800
Così una volta ho fatto uscire da quel
funzione, è ora intenzione di andare

1734
01:27:17,800 --> 01:27:19,860
torna al vecchio i.

1735
01:27:19,860 --> 01:27:23,000
Che i ambito è solo perché
è in funzione.

1736
01:27:23,000 --> 01:27:24,200
E abbiamo portata e funzioni.

1737
01:27:24,200 --> 01:27:29,080
Ma noi non abbiamo portata fuori
delle funzioni in JavaScript.

1738
01:27:29,080 --> 01:27:31,170
Ritiene che senso?

1739
01:27:31,170 --> 01:27:31,320
Sì.

1740
01:27:31,320 --> 01:27:31,660
Domanda.

1741
01:27:31,660 --> 01:27:34,030
>> AUDIENCE: Same [incomprensibile]?

1742
01:27:34,030 --> 01:27:34,500
>> JOSEPH ONG: Quindi sì.

1743
01:27:34,500 --> 01:27:36,260
In PHP, è lo stesso tipo di cosa.

1744
01:27:36,260 --> 01:27:37,680
C'è una leggera sottigliezza realtà.

1745
01:27:37,680 --> 01:27:40,130
Ma mi si può chiedere
che dopo la revisione.

1746
01:27:40,130 --> 01:27:43,930
Non avete davvero bisogno di sapere
che sottigliezza per il quiz.

1747
01:27:43,930 --> 01:27:47,600
Per tutti gli effetti, come
variabili, globale e PHP, salvo

1748
01:27:47,600 --> 01:27:49,150
sono in funzione, lo stesso
cosa in JavaScript.

1749
01:27:49,150 --> 01:27:49,480
Sì.

1750
01:27:49,480 --> 01:27:52,890
>> AUDIENCE: Perché questo permesso in
Javascript e nessun altro?

1751
01:27:52,890 --> 01:27:55,010
>> JOSEPH ONG: Allora perché è consentito
in JavaScript, e non in C?

1752
01:27:55,010 --> 01:27:58,180
E 'solo chi si avvicinò con
JavaScript ha deciso che questo era OK

1753
01:27:58,180 --> 01:27:59,510
JavaScript.

1754
01:27:59,510 --> 01:28:02,430
Quindi è proprio come un linguaggio di programmazione
convenzione come diremmo noi.

1755
01:28:02,430 --> 01:28:02,580
Sì.

1756
01:28:02,580 --> 01:28:04,480
>> AUDIENCE: Allora perché ha fatto
andare da 6 a 5?

1757
01:28:04,480 --> 01:28:08,280
>> JOSEPH ONG: Così andò da 6 a 5,
perché quando ho superato i in foo, che

1758
01:28:08,280 --> 01:28:13,420
i all'interno di foo è ora limitate a foo,
perché esiste in ambito funzioni in

1759
01:28:13,420 --> 01:28:15,050
JavaScript.

1760
01:28:15,050 --> 01:28:18,720
Ma una volta che esco di qui, perché
è stato ambito alla funzione, io sono solo

1761
01:28:18,720 --> 01:28:24,300
utilizzando l'ho regolare che era dentro
il resto del flusso di controllo.

1762
01:28:24,300 --> 01:28:25,210
Dare un senso?

1763
01:28:25,210 --> 01:28:26,910
Posso andare avanti?

1764
01:28:26,910 --> 01:28:27,320
Bene.

1765
01:28:27,320 --> 01:28:29,180
Freddo.

1766
01:28:29,180 --> 01:28:31,890
>> L'accettazione di questo è oggetti
sono passati per riferimento.

1767
01:28:31,890 --> 01:28:33,990
Sai come quando si passa
un array in C si potrebbe

1768
01:28:33,990 --> 01:28:35,810
effettivamente modificare l'array?

1769
01:28:35,810 --> 01:28:37,350
E 'la stessa cosa in JavaScript.

1770
01:28:37,350 --> 01:28:42,960
Se mi passa un oggetto, in questo caso,
passato Milo in questa funzione catify.

1771
01:28:42,960 --> 01:28:44,490
Milo inizia.

1772
01:28:44,490 --> 01:28:46,310
Il suo nome è Milo Banana.

1773
01:28:46,310 --> 01:28:51,670
Io passo l'oggetto in una funzione
perché è un oggetto, un associativa

1774
01:28:51,670 --> 01:28:53,730
array in JavaScript.

1775
01:28:53,730 --> 01:28:57,110
>> Quando si esegue un'operazione
in tale funzione, sarà

1776
01:28:57,110 --> 01:28:58,560
effettivamente cambiare l'oggetto.

1777
01:28:58,560 --> 01:29:01,720
Quindi, questo accadrà solo per gli oggetti
in JavaScript, proprio come accade

1778
01:29:01,720 --> 01:29:09,230
per le matrici all'interno del nome di C. Così Milo
sarà effettivamente diventare cat momento.

1779
01:29:09,230 --> 01:29:10,090
Ritiene che senso?

1780
01:29:10,090 --> 01:29:11,840
Quindi, questo funziona solo per gli oggetti.

1781
01:29:11,840 --> 01:29:13,090
Gli oggetti vengono passati per riferimento.

1782
01:29:13,090 --> 01:29:13,400
Sì.

1783
01:29:13,400 --> 01:29:16,850
>> AUDIENCE: Quindi stai dicendo che
in contrasto con i variabile.

1784
01:29:16,850 --> 01:29:17,240
>> JOSEPH ONG: Già.

1785
01:29:17,240 --> 01:29:20,330
Quale variabile ero solo
un numero, giusto?

1786
01:29:20,330 --> 01:29:25,280
E 'come in C quando si passa un
Integer, si fa una copia.

1787
01:29:25,280 --> 01:29:28,130
E quando si passa un array, in realtà
cambia la matrice reale

1788
01:29:28,130 --> 01:29:32,870
C. La stessa cosa accade con
JavaScript in questo caso.

1789
01:29:32,870 --> 01:29:34,070
Bene.

1790
01:29:34,070 --> 01:29:38,134
E il prossimo, Milo è triste perché
egli è ora un gatto.

1791
01:29:38,134 --> 01:29:40,790

1792
01:29:40,790 --> 01:29:45,060
Che era in realtà Milo dopo
qualche viaggio dal veterinario.

1793
01:29:45,060 --> 01:29:46,860
>> Così come usiamo JavaScript
in una pagina web?

1794
01:29:46,860 --> 01:29:47,790
Siamo in grado di includerlo.

1795
01:29:47,790 --> 01:29:50,090
Questo è il codice HTML con i tag strip.

1796
01:29:50,090 --> 01:29:51,300
Così ho tag strip lì.

1797
01:29:51,300 --> 01:29:54,820
E poi ho messo un po 'di JavaScript
codice all'interno dei tag script.

1798
01:29:54,820 --> 01:29:56,390
E poi esegue questo.

1799
01:29:56,390 --> 01:29:58,830
Quando faccio e basta così, è
chiamato JavaScript inline.

1800
01:29:58,830 --> 01:30:02,400
È un po 'disordinato, perché l'
JavaScript è effettivamente in HTML.

1801
01:30:02,400 --> 01:30:07,010
>> Un modo migliore per fare questo, molto più bello,
è quello di scrivere il JavaScript in un

1802
01:30:07,010 --> 01:30:10,920
file esterno e quindi fornire
il tag script con una sorgente.

1803
01:30:10,920 --> 01:30:14,920
E questo andrà a quel file JavaScript
e leggere il codice JavaScript da

1804
01:30:14,920 --> 01:30:15,960
tale file invece.

1805
01:30:15,960 --> 01:30:18,820
E in questo modo, non si hanno un sacco di
JavaScript all'inizio del vostro

1806
01:30:18,820 --> 01:30:20,760
File HTML, che rende
davvero disordinato.

1807
01:30:20,760 --> 01:30:21,860
Basta metterlo da qualche altra parte.

1808
01:30:21,860 --> 01:30:24,310
E poi leggerà da lì.

1809
01:30:24,310 --> 01:30:25,560
Forse questo ha un senso?

1810
01:30:25,560 --> 01:30:27,990

1811
01:30:27,990 --> 01:30:29,640
>> Materia di collocamento.

1812
01:30:29,640 --> 01:30:32,620
In questo caso particolare, l'
script è prima che il corpo.

1813
01:30:32,620 --> 01:30:36,090
Così, quando eseguo questo, c'è
nulla nel corpo ancora.

1814
01:30:36,090 --> 01:30:39,920
Forse questo farà un po 'di più
percepire quando mostro questa parte successiva.

1815
01:30:39,920 --> 01:30:43,210
In questo caso, lo script
viene dopo la div.

1816
01:30:43,210 --> 01:30:46,620
Così appare in realtà il div
sulla prima pagina.

1817
01:30:46,620 --> 01:30:49,470
Proprio qui, in questo piccolo cerchio rosso,
si vede visualizzato il testo.

1818
01:30:49,470 --> 01:30:51,810
E poi l'allarme si presenta.

1819
01:30:51,810 --> 01:30:54,890
>> Nel primo caso, perché lo script
era prima del div, il

1820
01:30:54,890 --> 01:30:56,170
avviso si presenta in primo luogo.

1821
01:30:56,170 --> 01:30:59,250
E poi il div mostra dopo
si elimina la scatola.

1822
01:30:59,250 --> 01:31:01,330
Quindi l'esecuzione conta.

1823
01:31:01,330 --> 01:31:02,290
Quindi dovremo tenere questo in mente.

1824
01:31:02,290 --> 01:31:03,640
Questo sarà importante
in un po '.

1825
01:31:03,640 --> 01:31:08,730

1826
01:31:08,730 --> 01:31:09,540
OK.

1827
01:31:09,540 --> 01:31:12,750
Così bene, come si fa attendere che il
intera pagina viene caricata allora prima di

1828
01:31:12,750 --> 01:31:13,580
eseguire del codice?

1829
01:31:13,580 --> 01:31:15,540
Arriveremo in questo un po '
Poco dopo anche.

1830
01:31:15,540 --> 01:31:19,016
Ma mantenere questo posizionamento
questioni in mente per quando ci

1831
01:31:19,016 --> 01:31:20,570
venire a un'altra diapositiva.

1832
01:31:20,570 --> 01:31:22,030
>> Così arriviamo a DOM momento.

1833
01:31:22,030 --> 01:31:23,550
E che cosa è DOM?

1834
01:31:23,550 --> 01:31:26,830
Quindi, se si guarda al codice HTML, è solo
un mazzo di testo sullo schermo.

1835
01:31:26,830 --> 01:31:30,560
Così come fa sapere JavaScript che
questo è un elemento HTML?

1836
01:31:30,560 --> 01:31:33,410
Quindi dobbiamo avere qualche ricordo
rappresentazione di questo

1837
01:31:33,410 --> 01:31:34,930
struttura che abbiamo.

1838
01:31:34,930 --> 01:31:40,240
E ogni volta che abbiamo questo in memoria
la rappresentanza in JavaScript, che chiamiamo

1839
01:31:40,240 --> 01:31:41,750
che il DOM.

1840
01:31:41,750 --> 01:31:45,130
Ed è solo un modo che la gente ha deciso
che dovremmo rappresentare questa

1841
01:31:45,130 --> 01:31:46,400
Struttura HTML.

1842
01:31:46,400 --> 01:31:47,940
>> E che cosa significa questo DOM assomiglia?

1843
01:31:47,940 --> 01:31:50,460
Ebbene, nella rappresentazione della memoria,
prendiamo questo testo.

1844
01:31:50,460 --> 01:31:52,870
E ci rivolgiamo in memoria
di rappresentanza.

1845
01:31:52,870 --> 01:31:54,400
Quindi questo è il codice HTML.

1846
01:31:54,400 --> 01:31:58,090
Quindi noi prima scopriamo che ogni
Albero DOM ha un documento.

1847
01:31:58,090 --> 01:31:59,400
Sembra un albero.

1848
01:31:59,400 --> 01:32:03,550
E il documento contiene il codice HTML
tag, in realtà tutto

1849
01:32:03,550 --> 01:32:05,150
interno di questo momento.

1850
01:32:05,150 --> 01:32:06,970
Il tag HTML ha due figli.

1851
01:32:06,970 --> 01:32:08,630
Ha una testa.

1852
01:32:08,630 --> 01:32:12,380
Quella testa, se si guarda al rientro
laggiù a come è strutturato

1853
01:32:12,380 --> 01:32:14,960
tra i tag di chiusura,
testa ha un figlio.

1854
01:32:14,960 --> 01:32:17,130
Il bambino è il titolo.

1855
01:32:17,130 --> 01:32:18,370
Esattamente.

1856
01:32:18,370 --> 01:32:21,000
>> Ora, abbiamo un bambino di corpo.

1857
01:32:21,000 --> 01:32:24,870
E poi che ha un corpo
bambino ha chiamato la famiglia.

1858
01:32:24,870 --> 01:32:27,950
E che la famiglia ha tre figli -

1859
01:32:27,950 --> 01:32:29,550
antico, medio e piccolo.

1860
01:32:29,550 --> 01:32:31,960
Così si dovrebbe sapere come disegnare un diagramma
come questo, quando ci chiediamo come

1861
01:32:31,960 --> 01:32:34,270
per disegnare un diagramma quando diamo
il codice HTML sulla sinistra.

1862
01:32:34,270 --> 01:32:36,350
Saper produrre l'albero DOM.

1863
01:32:36,350 --> 01:32:38,930
E all'interno di queste cose, c'è solo
un testo, che ho rappresentato

1864
01:32:38,930 --> 01:32:40,180
come piccole scatole.

1865
01:32:40,180 --> 01:32:42,750

1866
01:32:42,750 --> 01:32:47,980
>> Questo struttura ad albero del DOM fare
senso e ciò che il DOM è?

1867
01:32:47,980 --> 01:32:49,300
Quindi, che cosa significa la p per?

1868
01:32:49,300 --> 01:32:51,850
Qui, il p laggiù
in quel tag rappresenta un

1869
01:32:51,850 --> 01:32:54,510
comma tag in HTML.

1870
01:32:54,510 --> 01:32:57,080
Così si può guardare in alto.

1871
01:32:57,080 --> 01:32:59,290
Ma significa solo che è un po '
spazio per il testo.

1872
01:32:59,290 --> 01:33:02,910
E ha un certo stile CSS di default,
perché è un tag di paragrafo.

1873
01:33:02,910 --> 01:33:05,130
Ma in realtà non preoccuparti
che parte troppo.

1874
01:33:05,130 --> 01:33:07,510
Basta sapere che è un segnaposto
per qualche testo.

1875
01:33:07,510 --> 01:33:08,480
Sì.

1876
01:33:08,480 --> 01:33:10,200
Domanda?

1877
01:33:10,200 --> 01:33:11,021
Sì.

1878
01:33:11,021 --> 01:33:12,374
>> AUDIENCE: Hai appena citato CSS.

1879
01:33:12,374 --> 01:33:15,492
La famiglia hash e hash
tutta quella roba è fondamentalmente

1880
01:33:15,492 --> 01:33:17,400
che rappresentano gli ID nei CSS?

1881
01:33:17,400 --> 01:33:18,440
>> JOSEPH ONG: Sì, esattamente.

1882
01:33:18,440 --> 01:33:20,380
Prendo a ciò che questi hash
significa in un secondo.

1883
01:33:20,380 --> 01:33:23,480
Quando Angela si avvicinò CSS, lei
parlato di selettori CSS.

1884
01:33:23,480 --> 01:33:26,770
Questi sono i selettori CSS che
stava parlando.

1885
01:33:26,770 --> 01:33:28,268
Sì, Rob?

1886
01:33:28,268 --> 01:33:32,060
>> ROB BOWDEN: Vorrei anche commentare
che DOM all'interno del tag title

1887
01:33:32,060 --> 01:33:35,385
è anche un nodo di testo.

1888
01:33:35,385 --> 01:33:36,070
>> JOSEPH ONG: Giusto.

1889
01:33:36,070 --> 01:33:38,370
Così all'interno del tag title,
Ho qualche DOM testo.

1890
01:33:38,370 --> 01:33:42,730
Quindi, in realtà, questo titolo dovrebbe avere come un
piccola scatola venuta fuori di esso pure.

1891
01:33:42,730 --> 01:33:45,740
Ma non importa
troppo in questo caso.

1892
01:33:45,740 --> 01:33:49,620
Non abbiamo veramente a cuore i nodi di testo,
come li chiamiamo noi, troppo.

1893
01:33:49,620 --> 01:33:50,270
OK, lo facciamo.

1894
01:33:50,270 --> 01:33:51,520
A quanto pare, lo facciamo.

1895
01:33:51,520 --> 01:33:54,260

1896
01:33:54,260 --> 01:33:57,100
E riparerò che quando
A caricare di nuovo.

1897
01:33:57,100 --> 01:33:59,830
Ritiene che senso?

1898
01:33:59,830 --> 01:34:01,160
>> Quindi, come possiamo lavorare con il DOM?

1899
01:34:01,160 --> 01:34:03,790
Ogni volta che avete a che fare con il DOM in
JavaScript, ci sono due passaggi.

1900
01:34:03,790 --> 01:34:05,030
Si seleziona un elemento DOM.

1901
01:34:05,030 --> 01:34:06,580
E poi si fanno le cose ad esso.

1902
01:34:06,580 --> 01:34:11,480
Quindi, in questo caso, astrattamente, ho
selezionato l'elemento centrale.

1903
01:34:11,480 --> 01:34:14,530
E poi un esempio di fare cose
ad esso sarebbe modificare il testo.

1904
01:34:14,530 --> 01:34:16,020
Questo usato per essere Bob.

1905
01:34:16,020 --> 01:34:19,930
Ora, quello che ho fatto a lui era ho cambiato
Bob a Milo in questo caso.

1906
01:34:19,930 --> 01:34:22,130
>> Quindi, come possiamo effettivamente fare questo?

1907
01:34:22,130 --> 01:34:23,440
Come facciamo la selezione?

1908
01:34:23,440 --> 01:34:26,560
E come facciamo a fare la roba per
la cosa una volta che abbiamo preso?

1909
01:34:26,560 --> 01:34:30,470
Beh, il modo in cui voi ragazzi hanno imparato
in questa classe è quello di utilizzare qualcosa che

1910
01:34:30,470 --> 01:34:32,420
chiamata jQuery.

1911
01:34:32,420 --> 01:34:33,910
Così che cosa è jQuery?

1912
01:34:33,910 --> 01:34:37,220
jQuery è una libreria che rende
JavaScript più facile da scrivere.

1913
01:34:37,220 --> 01:34:39,500
Così qualcuno ha avuto il tempo
e scrisse jQuery.

1914
01:34:39,500 --> 01:34:41,530
>> jQuery è in realtà scritto
in JavaScript.

1915
01:34:41,530 --> 01:34:44,550
E allora perché hanno fatto questo, ora
hanno un sacco di funzioni che

1916
01:34:44,550 --> 01:34:46,020
possiamo usare che rendono la nostra
vive davvero facile.

1917
01:34:46,020 --> 01:34:48,580

1918
01:34:48,580 --> 01:34:50,030
Ma quali sono alcune delle
cose che fa?

1919
01:34:50,030 --> 01:34:51,650
Rende più facile la selezione di elementi.

1920
01:34:51,650 --> 01:34:54,020
Fa cambiare HTML,
aggiungendo classi più facile.

1921
01:34:54,020 --> 01:34:55,360
Rende più facile Ajax.

1922
01:34:55,360 --> 01:34:58,230
Noi arriveremo in un secondo.

1923
01:34:58,230 --> 01:35:00,630
>> Ed è analogo a librerie C.

1924
01:35:00,630 --> 01:35:03,090
Così si include string.h,
si ottiene strlen.

1925
01:35:03,090 --> 01:35:04,680
È possibile ottenere strcpy, tutte queste cose.

1926
01:35:04,680 --> 01:35:09,650
Quando si include jQuery, si ottiene bello
modi per selezionare gli elementi al cambiamento

1927
01:35:09,650 --> 01:35:10,390
cose, et cetera.

1928
01:35:10,390 --> 01:35:12,990
È possibile ottenere funzionalità extra che
JavaScript non ti dà.

1929
01:35:12,990 --> 01:35:15,310
Quindi jQuery non è JavaScript.

1930
01:35:15,310 --> 01:35:18,660
jQuery è una libreria che è scritto in
JavaScript che rende JavaScript

1931
01:35:18,660 --> 01:35:20,440
più facile da scrivere.

1932
01:35:20,440 --> 01:35:23,170
>> Quindi jQuery non è una programmazione
lingua.

1933
01:35:23,170 --> 01:35:24,540
Ma JavaScript è.

1934
01:35:24,540 --> 01:35:27,420

1935
01:35:27,420 --> 01:35:27,590
fare.

1936
01:35:27,590 --> 01:35:30,420
Assicurati di ottenere il vostro terminologia destra.

1937
01:35:30,420 --> 01:35:32,490
Tutte le domande?

1938
01:35:32,490 --> 01:35:33,882
Sì.

1939
01:35:33,882 --> 01:35:35,132
È che una domanda?

1940
01:35:35,132 --> 01:35:37,910

1941
01:35:37,910 --> 01:35:38,350
Bene.

1942
01:35:38,350 --> 01:35:40,080
Quindi, come si usa jQuery?

1943
01:35:40,080 --> 01:35:42,390
Beh, quando si scrive un po '
Il codice JavaScript e di includere una

1944
01:35:42,390 --> 01:35:45,570
jQuery nella parte superiore del vostro file come
file script, è possibile utilizzare il simbolo del dollaro

1945
01:35:45,570 --> 01:35:47,310
ora per avere accesso a jQuery.

1946
01:35:47,310 --> 01:35:49,860
E questo è diverso da
il simbolo del dollaro in PHP.

1947
01:35:49,860 --> 01:35:51,590
>> E 'lo stesso simbolo
digitare sulla tastiera.

1948
01:35:51,590 --> 01:35:52,780
Ma significano cose molto diverse.

1949
01:35:52,780 --> 01:35:56,090
Segno del dollaro in PHP significa questo
è come mi dichiaro una variabile.

1950
01:35:56,090 --> 01:35:59,120
In JavaScript, quando hai incluso
jQuery, si distingue per jQuery.

1951
01:35:59,120 --> 01:36:01,280
Modo da tenere a mente.

1952
01:36:01,280 --> 01:36:03,420
Così come potremmo selezionare elementi DOM?

1953
01:36:03,420 --> 01:36:06,500
Beh, quando si fa il brutto JavaScript
modo, si accede alla

1954
01:36:06,500 --> 01:36:08,240
documentare variabile globale.

1955
01:36:08,240 --> 01:36:11,170
E poi si arriva elemento dalla famiglia ID.

1956
01:36:11,170 --> 01:36:15,270
Questo è davvero lungo e prolisso
e non molto bello.

1957
01:36:15,270 --> 01:36:18,190
>> Oppure si può ottenere tutti gli elementi
che sono un tag p.

1958
01:36:18,190 --> 01:36:20,080
Che funziona anche in JavaScript.

1959
01:36:20,080 --> 01:36:22,470
Ma non abbiamo mai veramente mostrato
la sintassi troppo.

1960
01:36:22,470 --> 01:36:24,620
Quello che abbiamo mostrato che eri jQuery.

1961
01:36:24,620 --> 01:36:28,720
In modo che tutto il selettore verso l'alto là che
è stato espresso in JavaScript ottiene solo

1962
01:36:28,720 --> 01:36:33,320
condensato a questo molto bello dollaro
Login famiglia hashtag.

1963
01:36:33,320 --> 01:36:38,480
E $ p, proprio dove è così.

1964
01:36:38,480 --> 01:36:41,690
Se si desidera selezionare tutti i tag p
all'interno di una famiglia, abbiamo messo uno spazio

1965
01:36:41,690 --> 01:36:42,890
tra i due.

1966
01:36:42,890 --> 01:36:44,815
Ed ora, otteniamo tutte le p
tag all'interno di una famiglia.

1967
01:36:44,815 --> 01:36:48,740

1968
01:36:48,740 --> 01:36:50,380
>> E guardate familiare?

1969
01:36:50,380 --> 01:36:52,880
Beh, Angela ha parlato
Selettori CSS.

1970
01:36:52,880 --> 01:36:54,200
Dammi un secondo.

1971
01:36:54,200 --> 01:36:57,230
E così, per selezionare un elemento,
è sufficiente utilizzare la stessa cosa di te

1972
01:36:57,230 --> 01:36:58,530
farebbe con un selettore CSS.

1973
01:36:58,530 --> 01:37:00,910
Se si mette un hash di fronte
di esso, seleziona da ID.

1974
01:37:00,910 --> 01:37:02,220
Un punto seleziona per classi.

1975
01:37:02,220 --> 01:37:06,230
Se vi è solo la cosa senza
hash o punti, seleziona questi tag.

1976
01:37:06,230 --> 01:37:07,140
Domande.

1977
01:37:07,140 --> 01:37:07,470
Sì?

1978
01:37:07,470 --> 01:37:11,510
>> AUDIENCE: Quando usiamo punto nel nostro
HTML, è che non jQuery?

1979
01:37:11,510 --> 01:37:13,520
>> JOSEPH ONG: Dot nel nostro HTML
è una cosa JavaScript.

1980
01:37:13,520 --> 01:37:14,750
Non è una cosa jQuery.

1981
01:37:14,750 --> 01:37:17,620
Il modo in cui voi ragazzi appreso con
jQuery è quello di utilizzare. html.

1982
01:37:17,620 --> 01:37:21,510
E poi si passò a prescindere
il codice HTML sta per essere.

1983
01:37:21,510 --> 01:37:23,480
Quindi io arriverò che in soli
una seconda realtà.

1984
01:37:23,480 --> 01:37:27,800
Quindi, come facciamo roba da elemento
una volta che abbiamo selezionato questo?

1985
01:37:27,800 --> 01:37:30,130
Ecco, questo è un esempio di
selezione di un elemento.

1986
01:37:30,130 --> 01:37:32,280
Così ora, vogliamo fare cose ad esso.

1987
01:37:32,280 --> 01:37:35,730
>> Quindi, in questo caso, lasciatemi tornare
alla diapositiva precedente.

1988
01:37:35,730 --> 01:37:37,360
Era Bob prima.

1989
01:37:37,360 --> 01:37:40,660
E voglio cambiare la situazione
all'interno HTML a Milo.

1990
01:37:40,660 --> 01:37:43,240
Così chiamo la funzione HTML
dall'elemento.

1991
01:37:43,240 --> 01:37:45,580
Tale funzione HTML è
un metodo di elemento.

1992
01:37:45,580 --> 01:37:47,430
E poi ho dato quello che
Voglio che il codice HTML sia.

1993
01:37:47,430 --> 01:37:50,560
E si sostituisce solo ciò che è dentro di
quel tag con qualsiasi dò.

1994
01:37:50,560 --> 01:37:50,830
Sì.

1995
01:37:50,830 --> 01:37:51,170
Domanda?

1996
01:37:51,170 --> 01:37:57,397
>> PUBBLICO: L'hashtag viene utilizzato
solo per il jQuery.

1997
01:37:57,397 --> 01:37:59,313
[Incomprensibile]

1998
01:37:59,313 --> 01:38:01,230
non avremmo usare quella.

1999
01:38:01,230 --> 01:38:01,960
>> JOSEPH ONG: Sì, esattamente.

2000
01:38:01,960 --> 01:38:03,750
Ma non preoccupatevi troppo
JavaScript su puro.

2001
01:38:03,750 --> 01:38:06,670
Voglio solo che voi ragazzi di concentrarsi su come si
sarebbe farlo con jQuery, perché

2002
01:38:06,670 --> 01:38:10,020
che sta per essere importante
parte sul quiz.

2003
01:38:10,020 --> 01:38:10,400
Giusto.

2004
01:38:10,400 --> 01:38:10,880
Esattamente.

2005
01:38:10,880 --> 01:38:16,025
Quindi, vedete che hashtag, in modo che
corrisponde per selezionare l'elemento con

2006
01:38:16,025 --> 01:38:18,310
l'ID metà a causa di questo hashtag.

2007
01:38:18,310 --> 01:38:19,670
Hashtag significa ID.

2008
01:38:19,670 --> 01:38:22,870
E questo elemento ha un ID di mezzo.

2009
01:38:22,870 --> 01:38:24,366
Ecco, questo è l'elemento selezioniamo.

2010
01:38:24,366 --> 01:38:27,160
>> AUDIENCE: [incomprensibile].

2011
01:38:27,160 --> 01:38:31,090
segno del dollaro hashtag [incomprensibile]?

2012
01:38:31,090 --> 01:38:31,710
>> JOSEPH ONG: Quindi no.

2013
01:38:31,710 --> 01:38:33,280
La domanda è: si può usare. Valore.

2014
01:38:33,280 --> 01:38:36,445
E valore. Funziona solo su elementi
che sono ingressi.

2015
01:38:36,445 --> 01:38:40,950

2016
01:38:40,950 --> 01:38:45,495
In jQuery, sarebbe
. Val, non il valore..

2017
01:38:45,495 --> 01:38:49,080
Quindi io riesco anche a un piccolo esempio che
dimostra tutto questo in combinazione

2018
01:38:49,080 --> 01:38:49,850
in un secondo.

2019
01:38:49,850 --> 01:38:53,130
Ma penso che questo serve un piccolo frammento
ha senso per le persone finora.

2020
01:38:53,130 --> 01:38:55,450
Vuoi cambiare il codice HTML,
chiamare il metodo HTML.

2021
01:38:55,450 --> 01:38:56,432
Sì.

2022
01:38:56,432 --> 01:38:58,200
>> AUDIENCE: Puoi spiegare
il metodo di nuovo?

2023
01:38:58,200 --> 01:39:01,900
>> JOSEPH ONG: Quindi un metodo è solo un
funzione che appartiene ad uno, in questa

2024
01:39:01,900 --> 01:39:04,590
caso, uno di questi elementi DOM,
perché vedi io

2025
01:39:04,590 --> 01:39:05,940
selezionato il primo elemento.

2026
01:39:05,940 --> 01:39:07,320
In realtà, mi permetta di usare il mouse.

2027
01:39:07,320 --> 01:39:09,330
Selezionato il primo elemento.

2028
01:39:09,330 --> 01:39:12,310
E poi ho chiamato questo HTML
un funzionamento che aveva.

2029
01:39:12,310 --> 01:39:15,710
E poiché questa funzione appartiene
questa cosa, noi lo chiamiamo un metodo.

2030
01:39:15,710 --> 01:39:19,480
Questo è solo un nome di fantasia per esso.

2031
01:39:19,480 --> 01:39:20,730
Dire ancora una volta che.

2032
01:39:20,730 --> 01:39:22,880

2033
01:39:22,880 --> 01:39:25,170
Quindi ricordate, abbiamo selezionato
l'elemento ora.

2034
01:39:25,170 --> 01:39:27,810
E abbiamo messo dentro di
la variabile elemento.

2035
01:39:27,810 --> 01:39:28,600
Correggere?

2036
01:39:28,600 --> 01:39:34,380
>> Così, quando vogliamo cambiare l'HTML
all'interno, perché era Bob prima,

2037
01:39:34,380 --> 01:39:36,420
vuole cambiare il testo di Milo.

2038
01:39:36,420 --> 01:39:37,920
Così chiamiamo HTML.

2039
01:39:37,920 --> 01:39:41,610
E diciamo che cosa il codice HTML all'interno
questo elemento dovrebbe essere ora.

2040
01:39:41,610 --> 01:39:44,107
E così cambia a Milo,
perché ho dato Milo.

2041
01:39:44,107 --> 01:39:46,542
>> AUDIENCE: Così stanno lavorando insieme.

2042
01:39:46,542 --> 01:39:47,030
[Incomprensibile]

2043
01:39:47,030 --> 01:39:47,390
>> JOSEPH ONG: Sì, sì.

2044
01:39:47,390 --> 01:39:48,180
Stanno lavorando insieme.

2045
01:39:48,180 --> 01:39:50,210
Così uno di loro sceglie
il primo elemento.

2046
01:39:50,210 --> 01:39:52,863
E la seconda fa
qualcosa.

2047
01:39:52,863 --> 01:39:53,790
Sì.

2048
01:39:53,790 --> 01:39:56,168
>> AUDIENCE: [incomprensibile].

2049
01:39:56,168 --> 01:40:01,280
Se questo metodo è diverso da in HTML
avete il metodo uguale effettivo.

2050
01:40:01,280 --> 01:40:01,560
>> JOSEPH ONG: Già.

2051
01:40:01,560 --> 01:40:03,370
Questo è un metodo diverso.

2052
01:40:03,370 --> 01:40:04,670
Questo è un metodo diverso.

2053
01:40:04,670 --> 01:40:07,860
E possiamo comprendere che in appena un secondo
quando arriviamo a un esempio.

2054
01:40:07,860 --> 01:40:12,000
Voglio fare in modo che acceleriamo
perché siamo a corto di tempo.

2055
01:40:12,000 --> 01:40:15,360
Ma abbiamo corriamo via nel tempo adesso.

2056
01:40:15,360 --> 01:40:15,490
OK.

2057
01:40:15,490 --> 01:40:16,430
Freddo.

2058
01:40:16,430 --> 01:40:20,130
Quindi, se si desidera aggiungere una classe, c'è
anche un metodo di classe add.

2059
01:40:20,130 --> 01:40:24,300
Questo è solo un esempio di ciò
si può fare con jQuery.

2060
01:40:24,300 --> 01:40:25,950
Che aggiunge solo una classe.

2061
01:40:25,950 --> 01:40:28,660
>> Se si desidera rimuoverla,
è possibile chiamare rimozione.

2062
01:40:28,660 --> 01:40:32,280
Questa è solo un'altra cosa che puoi fare.

2063
01:40:32,280 --> 01:40:35,680
Quindi, altri esempi di cose che puoi fare.

2064
01:40:35,680 --> 01:40:37,510
Quindi posso solo mettere a
il top come questo?

2065
01:40:37,510 --> 01:40:38,760
Il più giovane rimuovi.

2066
01:40:38,760 --> 01:40:42,470

2067
01:40:42,470 --> 01:40:45,930
Se ho appena eseguo che JavaScript a
la parte superiore del mio file, sarà che funziona?

2068
01:40:45,930 --> 01:40:48,540

2069
01:40:48,540 --> 01:40:48,920
Giusto.

2070
01:40:48,920 --> 01:40:50,530
Perché metà non esiste ancora.

2071
01:40:50,530 --> 01:40:51,840
Quindi questo non è andare a lavorare.

2072
01:40:51,840 --> 01:40:52,800
Ordine di esecuzione.

2073
01:40:52,800 --> 01:40:55,040
Va all'inizio prima.

2074
01:40:55,040 --> 01:40:55,540
Cosa?

2075
01:40:55,540 --> 01:40:57,450
>> PUBBLICO: Il più giovane non esiste ancora?

2076
01:40:57,450 --> 01:40:57,810
>> JOSEPH ONG: Già.

2077
01:40:57,810 --> 01:40:58,710
Il più giovane non esiste ancora.

2078
01:40:58,710 --> 01:40:59,600
Esattamente.

2079
01:40:59,600 --> 01:41:01,320
>> AUDIENCE: Hai detto mezzo.

2080
01:41:01,320 --> 01:41:01,510
>> JOSEPH ONG: Mi dispiace.

2081
01:41:01,510 --> 01:41:02,720
Il più giovane non esiste ancora.

2082
01:41:02,720 --> 01:41:04,510
E l'altra cosa è che non ho
includere jQuery

2083
01:41:04,510 --> 01:41:06,580
presentare domanda di script src.

2084
01:41:06,580 --> 01:41:07,960
Così che non sta andando a lavorare.

2085
01:41:07,960 --> 01:41:09,580
A dire il vero, non ho fatto che in
la diapositiva successiva, che è

2086
01:41:09,580 --> 01:41:10,700
dovrebbe risolvere nemmeno questo.

2087
01:41:10,700 --> 01:41:14,120
Ma il modo in cui facciamo questo è JavaScript
è evento guidato.

2088
01:41:14,120 --> 01:41:17,410
Quindi, quello che facciamo è che usiamo un evento
handler per rendere questo accada.

2089
01:41:17,410 --> 01:41:19,510
E così io seleziono il documento
set prima.

2090
01:41:19,510 --> 01:41:23,810
Io dico, OK, quando il documento è
pronto, mi permetta di eseguire una funzione.

2091
01:41:23,810 --> 01:41:25,470
Ecco, questo è tutto ciò che i mezzi di sintassi.

2092
01:41:25,470 --> 01:41:27,100
>> Ho selezionato il documento.

2093
01:41:27,100 --> 01:41:29,530
Ora, quando il documento è
pronto, eseguire la funzione.

2094
01:41:29,530 --> 01:41:32,970
E così qui quando il documento è
pronto, il che significa che tutto il codice HTML è

2095
01:41:32,970 --> 01:41:36,140
caricato, poi corro la funzione
che rimuove tale elemento.

2096
01:41:36,140 --> 01:41:40,270
E così ora, quando eseguo questa funzione
che ho passato in pronto, io sono

2097
01:41:40,270 --> 01:41:43,780
garantito che tutto il HTML sul
pagina sta per esistere in primo luogo.

2098
01:41:43,780 --> 01:41:44,100
Sì.

2099
01:41:44,100 --> 01:41:44,425
Domanda?

2100
01:41:44,425 --> 01:41:48,200
>> AUDIENCE: Qual è la parola chiave dell'evento
all'interno della funzione?

2101
01:41:48,200 --> 01:41:51,750
>> JOSEPH ONG: Così la parola chiave evento nel
funzione è solo un parametro che

2102
01:41:51,750 --> 01:41:53,490
viene passato alla funzione
per qualsiasi evento.

2103
01:41:53,490 --> 01:41:55,470
E 'solo qualcosa che
si ottiene gratuitamente.

2104
01:41:55,470 --> 01:41:59,320
Quando si utilizza gestori chiave
pset8, tale evento potrebbe dire, per

2105
01:41:59,320 --> 01:42:01,350
esempio, quale tasto è stato premuto su.

2106
01:42:01,350 --> 01:42:05,540
In questo caso, per un evento ready,
in realtà non è super utile.

2107
01:42:05,540 --> 01:42:08,640
Ma per un evento premuto il tasto, è più
utile, perché si arriva a sapere che

2108
01:42:08,640 --> 01:42:12,330
tasto premuto con il tasto accedendo
codice sconto che oggetto evento.

2109
01:42:12,330 --> 01:42:13,530
Correggere?

2110
01:42:13,530 --> 01:42:15,160
Ritiene che senso?

2111
01:42:15,160 --> 01:42:16,280
OK.

2112
01:42:16,280 --> 01:42:16,580
Sì.

2113
01:42:16,580 --> 01:42:17,150
Domanda?

2114
01:42:17,150 --> 01:42:19,290
>> AUDIENCE: Così si può mettere il
tag script più in basso?

2115
01:42:19,290 --> 01:42:19,940
>> JOSEPH ONG: Quindi sì.

2116
01:42:19,940 --> 01:42:21,500
Si potrebbe mettere lo script
tag più in basso.

2117
01:42:21,500 --> 01:42:23,090
Ma allora diventa solo molto disordinato.

2118
01:42:23,090 --> 01:42:26,590
E ci piace centralizzare tutte
del nostro codice in un unico luogo.

2119
01:42:26,590 --> 01:42:28,290
E questo ci permetterà di farlo.

2120
01:42:28,290 --> 01:42:32,010
Ricordate che prima ho detto c'è un posto più bello
modo per garantire che gli elementi sono

2121
01:42:32,010 --> 01:42:33,880
nella pagina prima di eseguire il codice?

2122
01:42:33,880 --> 01:42:36,079
E questo è solo un bel modo
si potrebbe realizzare questo.

2123
01:42:36,079 --> 01:42:37,329
>> AUDIENCE: [incomprensibile].

2124
01:42:37,329 --> 01:42:41,710

2125
01:42:41,710 --> 01:42:42,230
>> JOSEPH ONG: Già.

2126
01:42:42,230 --> 01:42:43,460
Si sarebbe ancora dovuto, giusto?

2127
01:42:43,460 --> 01:42:46,930
Perché ricordate, è stato incluso il
depositare nella parte superiore della pagina.

2128
01:42:46,930 --> 01:42:49,890
Così sta andando da eseguire prima
si arriva al fondo della pagina.

2129
01:42:49,890 --> 01:42:54,600

2130
01:42:54,600 --> 01:42:55,180
OK.

2131
01:42:55,180 --> 01:42:59,210
Così si può anche aggiungere un altro
tipo di gestore di eventi.

2132
01:42:59,210 --> 01:43:00,640
Questo elabora solo click.

2133
01:43:00,640 --> 01:43:03,910
Quando clicco su più giovane, poi
si aprirà con un avviso.

2134
01:43:03,910 --> 01:43:05,440
Questo è solo un diverso
tipo di evento.

2135
01:43:05,440 --> 01:43:08,840
Al contrario all'evento pronto, ora
utilizzare l'evento click quando si riceve

2136
01:43:08,840 --> 01:43:10,190
clicca su un elemento.

2137
01:43:10,190 --> 01:43:13,860
>> E così in questo caso, ricordate, il clic
handler è allegato alla più giovane.

2138
01:43:13,860 --> 01:43:16,080
Così accade solo quando
Clicco su più giovane.

2139
01:43:16,080 --> 01:43:19,510
E nell'altro, l'evento ready
è stata allegata al documento.

2140
01:43:19,510 --> 01:43:23,750
Quindi attende il documento
per essere pronti.

2141
01:43:23,750 --> 01:43:25,120
Dare un senso?

2142
01:43:25,120 --> 01:43:26,190
Penso di poter andare avanti.

2143
01:43:26,190 --> 01:43:26,610
Sì.

2144
01:43:26,610 --> 01:43:26,980
Domanda?

2145
01:43:26,980 --> 01:43:28,230
>> AUDIENCE: [incomprensibile].

2146
01:43:28,230 --> 01:43:31,676

2147
01:43:31,676 --> 01:43:33,620
in questo caso si utilizza [incomprensibile].

2148
01:43:33,620 --> 01:43:36,650
>> JOSEPH ONG: Oh, sì, perché in questo
caso, devo aspettare per i più piccoli

2149
01:43:36,650 --> 01:43:40,740
elemento visualizzato sullo schermo prima
prima di poter associare un gestore click per

2150
01:43:40,740 --> 01:43:43,062
essa, che è il motivo per cui ho messo dentro
di un documento pronto.

2151
01:43:43,062 --> 01:43:45,780

2152
01:43:45,780 --> 01:43:46,840
OK.

2153
01:43:46,840 --> 01:43:52,390
E il prossimo, quindi questo è un grande esempio di
come si potrebbe combinare tutto.

2154
01:43:52,390 --> 01:43:55,930
Questo è solo un esempio di validazione dei form
hai visto nella lezione.

2155
01:43:55,930 --> 01:43:58,410
Quindi prendere un passo alla volta come
si passa attraverso questo.

2156
01:43:58,410 --> 01:43:59,590
E sarà totalmente OK.

2157
01:43:59,590 --> 01:44:01,400
Basta leggere da cima a fondo.

2158
01:44:01,400 --> 01:44:03,030
>> Ho un modulo in fondo.

2159
01:44:03,030 --> 01:44:07,590
Quando il documento è pronto, allego un
submit handler alla forma, in modo tale che

2160
01:44:07,590 --> 01:44:12,910
quando presento il modulo, ottengo i valori
all'interno di ciascuna di tali ingressi.

2161
01:44:12,910 --> 01:44:14,560
E posso controllare se è vuoto.

2162
01:44:14,560 --> 01:44:17,090
Se è vuoto, torno falso, perché
Io non voglio inviare il modulo,

2163
01:44:17,090 --> 01:44:18,950
perché la forma è sbagliata.

2164
01:44:18,950 --> 01:44:22,040
Se la password è vuota o è meno
di otto caratteri, non mi sottometto

2165
01:44:22,040 --> 01:44:24,470
la forma, perché questo è anche sbagliato.

2166
01:44:24,470 --> 01:44:28,150
E il falso ritorno solo impedisce
il modulo da presentare e

2167
01:44:28,150 --> 01:44:30,150
andare a una nuova pagina.

2168
01:44:30,150 --> 01:44:31,310
>> E si spera, questo ha un senso.

2169
01:44:31,310 --> 01:44:34,650
Penso che voi ragazzi dovreste camminare attraverso
questo codice passo passo da soli.

2170
01:44:34,650 --> 01:44:38,350
E una volta capito quello che la selezione
elementi e fare cose ad essa

2171
01:44:38,350 --> 01:44:40,520
in realtà comporta, questo farà
un sacco di senso per voi.

2172
01:44:40,520 --> 01:44:41,295
Sì?

2173
01:44:41,295 --> 01:44:44,150
>> AUDIENCE: Cosa fa il
name = Nome utente significa?

2174
01:44:44,150 --> 01:44:48,530
>> JOSEPH ONG: Così il nome = nome utente e la
name = la password significa basta guardare la

2175
01:44:48,530 --> 01:44:50,730
Attributo di qualsiasi
si sta selezionando.

2176
01:44:50,730 --> 01:44:51,790
E allora che deve corrispondere.

2177
01:44:51,790 --> 01:44:53,870
Così andiamo in registrazione.

2178
01:44:53,870 --> 01:44:56,240
E poi guardiamo a tutti gli ingressi
e registrazione.

2179
01:44:56,240 --> 01:44:59,990
E poi prendiamo quello in cui il nome
attributo è uguale a nome utente.

2180
01:44:59,990 --> 01:45:04,040
Quindi solo che prima selettore seleziona
l'input utente.

2181
01:45:04,040 --> 01:45:08,220
E che secondo selettore seleziona solo
la password di uno, perché quelli hanno

2182
01:45:08,220 --> 01:45:12,240
i loro attributi nome gruppo come quello che
che si suppone di essere.

2183
01:45:12,240 --> 01:45:12,575
Domanda?

2184
01:45:12,575 --> 01:45:17,030
>> AUDIENCE: Alla presentazione, come fa l'
parte inferiore risolvere la parte superiore?

2185
01:45:17,030 --> 01:45:19,350
>> JOSEPH ONG: Ecco perché
del gestore eventi.

2186
01:45:19,350 --> 01:45:23,000
Quindi stiamo aspettando un evento di presentare
che s'incendia dal modulo.

2187
01:45:23,000 --> 01:45:24,730
E questo è tutto ciò che è submit.

2188
01:45:24,730 --> 01:45:26,080
Perché mi chiamo presentare lassù?

2189
01:45:26,080 --> 01:45:28,870
Si dice, quando il modulo viene inviato,
Ottengo un evento di presentare.

2190
01:45:28,870 --> 01:45:33,480
Quindi lasciatemi intercettare questo e
quindi eseguire invece questo codice.

2191
01:45:33,480 --> 01:45:33,823
Sì?

2192
01:45:33,823 --> 01:45:35,866
>> AUDIENCE: Perché hai
avere all'evento funzione?

2193
01:45:35,866 --> 01:45:38,580
Perché non puoi semplicemente [incomprensibile]?

2194
01:45:38,580 --> 01:45:41,140
>> JOSEPH ONG: Perché in JavaScript, è
devono dichiarare le funzioni.

2195
01:45:41,140 --> 01:45:42,910
Questo è solo come funziona
in JavaScript.

2196
01:45:42,910 --> 01:45:44,800
Bisogna dire che sta andando
per eseguire una funzione.

2197
01:45:44,800 --> 01:45:47,290
Quindi stai dicendo che che sei
in attesa di una funzione qui invece di

2198
01:45:47,290 --> 01:45:48,260
a soli parentesi graffe.

2199
01:45:48,260 --> 01:45:50,460
>> AUDIENCE: E la funzione
è tutto ciò che segue?

2200
01:45:50,460 --> 01:45:50,650
>> JOSEPH ONG: Già.

2201
01:45:50,650 --> 01:45:52,790
La funzione è ciò che è dentro
le parentesi graffe dopo

2202
01:45:52,790 --> 01:45:53,630
che la parola chiave function.

2203
01:45:53,630 --> 01:45:54,045
Sì?

2204
01:45:54,045 --> 01:45:55,295
>> AUDIENCE: [incomprensibile].

2205
01:45:55,295 --> 01:46:00,180

2206
01:46:00,180 --> 01:46:00,660
>> JOSEPH ONG: Per presentare?

2207
01:46:00,660 --> 01:46:03,520
>> PUBBLICO: No, per la funzione
senza l'evento.

2208
01:46:03,520 --> 01:46:03,770
>> JOSEPH ONG: Già.

2209
01:46:03,770 --> 01:46:05,610
Così, senza l'evento,
si può avere quella.

2210
01:46:05,610 --> 01:46:08,480
Se non è necessario l'evento,
allora si può solo ometterlo.

2211
01:46:08,480 --> 01:46:12,220
Ma se lo fai, allora si
appena messo lì.

2212
01:46:12,220 --> 01:46:12,520
Sì.

2213
01:46:12,520 --> 01:46:13,190
Domanda veloce?

2214
01:46:13,190 --> 01:46:14,440
>> AUDIENCE: [incomprensibile].

2215
01:46:14,440 --> 01:46:21,170

2216
01:46:21,170 --> 01:46:21,440
>> JOSEPH ONG: Già.

2217
01:46:21,440 --> 01:46:24,550
Perché quello che devi fare, l'
document.ready dice solo aspettare per tutti

2218
01:46:24,550 --> 01:46:26,540
il codice HTML della pagina per caricare prima.

2219
01:46:26,540 --> 01:46:30,510
E di solito, si desidera che gli elementi
in luogo prima di eseguire qualsiasi codice.

2220
01:46:30,510 --> 01:46:31,030
Bene.

2221
01:46:31,030 --> 01:46:32,180
Dobbiamo arrivare a Ajax.

2222
01:46:32,180 --> 01:46:33,110
Noi non abbiamo molto tempo.

2223
01:46:33,110 --> 01:46:35,170
Quindi pro e contro.

2224
01:46:35,170 --> 01:46:37,450
JavaScript è più facile provare
scrivere con jQuery.

2225
01:46:37,450 --> 01:46:38,930
Ma jQuery è una specie di lento.

2226
01:46:38,930 --> 01:46:42,290
>> E 'come PHP è più lento di C,
perché è interpretato.

2227
01:46:42,290 --> 01:46:45,690
E jQuery è un po 'più lento di
JavaScript, perché fa un sacco di

2228
01:46:45,690 --> 01:46:46,630
cose sotto il cofano.

2229
01:46:46,630 --> 01:46:48,660
E così se si sta utilizzando jQuery, è
solo un po 'più lento di

2230
01:46:48,660 --> 01:46:51,630
JavaScript, anche se
ti dà piacevole eleganza.

2231
01:46:51,630 --> 01:46:53,970
E, infine, Ajax.

2232
01:46:53,970 --> 01:46:59,170
Finora con l'Ajax, non avete visto Ajax
in termini di pset7 ancora, perché

2233
01:46:59,170 --> 01:47:01,150
quando si fa, si presenta
una forma di preventivo.

2234
01:47:01,150 --> 01:47:02,350
Si carica una nuova pagina.

2235
01:47:02,350 --> 01:47:04,440
Così si ottiene questo grande lampo bianco
sulla pagina mentre quello

2236
01:47:04,440 --> 01:47:06,820
secondo caricamento della pagina, giusto?

2237
01:47:06,820 --> 01:47:08,780
>> Sarebbe davvero bello se si
non ha avuto questo flash.

2238
01:47:08,780 --> 01:47:11,600
Come Facebook, se si scorre verso
il fondo, aggiunge nuovi contenuti

2239
01:47:11,600 --> 01:47:13,490
senza aggiornare l'intera pagina.

2240
01:47:13,490 --> 01:47:15,420
Quindi, qualcosa di simile sarebbe bello.

2241
01:47:15,420 --> 01:47:17,370
Questo è il codice JavaScript
sul lato sinistro.

2242
01:47:17,370 --> 01:47:19,390
Si ottiene quello che si trova all'interno di tale ingresso.

2243
01:47:19,390 --> 01:47:21,340
È possibile ottenere le informazioni magazzino da Yahoo!

2244
01:47:21,340 --> 01:47:27,440
E allora fate un grande stringa che
dice, OK, questo è il messaggio che voglio

2245
01:47:27,440 --> 01:47:28,400
per visualizzare sullo schermo.

2246
01:47:28,400 --> 01:47:32,280
E allora metti che il messaggio dentro
di qualche elemento HTML che viene

2247
01:47:32,280 --> 01:47:33,970
visualizzato sullo schermo.

2248
01:47:33,970 --> 01:47:35,540
>> Ecco, questo è tutto quello che sta accadendo qui.

2249
01:47:35,540 --> 01:47:39,410
Quindi, fondamentalmente, perché questo è tutto
Javascript e non hai bisogno di correre

2250
01:47:39,410 --> 01:47:42,980
più PHP, questo farà in modo
che la pagina non si aggiorna.

2251
01:47:42,980 --> 01:47:47,470
Quindi questo è solo un'idea astratta
che sto dicendo qui, per ora.

2252
01:47:47,470 --> 01:47:50,630
L'idea astratta è che se lo si fa
tutto in JavaScript, non si dispone di un

2253
01:47:50,630 --> 01:47:52,330
refresh della pagina.

2254
01:47:52,330 --> 01:47:53,800
Ma come si fa effettivamente fare questo?

2255
01:47:53,800 --> 01:47:56,230
>> Beh, in realtà, parliamo di
un problema con questo primo.

2256
01:47:56,230 --> 01:47:59,340
Un problema è in JavaScript,
esecuzione è sincrona.

2257
01:47:59,340 --> 01:48:02,000
Quindi devi attendere un
linea di finire prima di

2258
01:48:02,000 --> 01:48:03,370
eseguire la riga successiva.

2259
01:48:03,370 --> 01:48:06,130
E se sto andando verso Yahoo!,
ed i loro server sono molto lento, e

2260
01:48:06,130 --> 01:48:08,790
li vogliono tre secondi per
dammi indietro quello stock informazioni?

2261
01:48:08,790 --> 01:48:12,620
Quando mi ha colpito quella linea prezzo, se l'
esecuzione è sincrona, com'è da

2262
01:48:12,620 --> 01:48:15,390
di default, cosa sta solo andando a fare è
il browser sta per stallo per

2263
01:48:15,390 --> 01:48:15,930
tre secondi.

2264
01:48:15,930 --> 01:48:18,900
E non sta andando ad essere in grado di fare
nulla mentre ottiene tali dati.

2265
01:48:18,900 --> 01:48:20,010
Sta andando essere congelati.

2266
01:48:20,010 --> 01:48:20,800
>> E questo è male.

2267
01:48:20,800 --> 01:48:23,390
Se non si desidera che un utente
avere una pagina web congelato.

2268
01:48:23,390 --> 01:48:24,170
Correggere?

2269
01:48:24,170 --> 01:48:25,480
Questo è solo male.

2270
01:48:25,480 --> 01:48:26,770
Tutti sono d'accordo?

2271
01:48:26,770 --> 01:48:29,270
Se stai navigando Facebook e
si blocca e non si può fare nulla, è

2272
01:48:29,270 --> 01:48:31,920
ottenere veramente frustrato.

2273
01:48:31,920 --> 01:48:34,960
Quindi la soluzione è che facciamo qualcosa
asincrona, invece.

2274
01:48:34,960 --> 01:48:38,910
Quindi tutto questo cosa dice asincrona
è, ho intenzione di chiedere a questo

2275
01:48:38,910 --> 01:48:40,280
URL per alcuni dati.

2276
01:48:40,280 --> 01:48:41,610
E poi ho intenzione di andare avanti.

2277
01:48:41,610 --> 01:48:45,330
Sto solo andando a tenere esecuzione
qualunque sia il codice che è stato dopo.

2278
01:48:45,330 --> 01:48:49,290
>> Quindi ogni volta che i dati sono pronti,
allora io elaborarlo.

2279
01:48:49,290 --> 01:48:50,540
Questo è tutto quello che sta dicendo.

2280
01:48:50,540 --> 01:48:52,795

2281
01:48:52,795 --> 01:48:56,710
>> AUDIENCE: Ajax fa solo
codice asincrono?

2282
01:48:56,710 --> 01:48:58,560
>> JOSEPH ONG: E 'un asincrona
modo di dati Recupero.

2283
01:48:58,560 --> 01:49:01,230
Quindi la prima cosa su Ajax
è mi permette di ottenere dati

2284
01:49:01,230 --> 01:49:03,170
da un sito esterno.

2285
01:49:03,170 --> 01:49:07,045
E la seconda cosa è che rende sicuro
che la mia pagina non stalla, mentre io sono

2286
01:49:07,045 --> 01:49:07,970
recupero i dati.

2287
01:49:07,970 --> 01:49:09,600
Questa è la parte asincrona di esso.

2288
01:49:09,600 --> 01:49:13,040
Perché va da qualche altra parte,
perché dico che continuare ad andare avanti, mentre

2289
01:49:13,040 --> 01:49:14,900
è che il recupero dei dati, che
rende asincrona.

2290
01:49:14,900 --> 01:49:17,170
Continuo esecuzione.

2291
01:49:17,170 --> 01:49:18,960
>> In modo da tenere asincrona
idea in mente.

2292
01:49:18,960 --> 01:49:22,010
E io vi mostrerò che cosa
la differenza è.

2293
01:49:22,010 --> 01:49:23,920
La versione sincrona
è sul lato sinistro.

2294
01:49:23,920 --> 01:49:26,240
La versione asincrona
è sul lato destro.

2295
01:49:26,240 --> 01:49:29,170
Guardate i numeri per vedere quali
misure corrispondono a ciò che

2296
01:49:29,170 --> 01:49:30,610
esegue ad ogni riga.

2297
01:49:30,610 --> 01:49:32,730
Laggiù, l'avviso si presenta in primo luogo.

2298
01:49:32,730 --> 01:49:34,590
Perché ottenere archivio informazioni da Yahoo!

2299
01:49:34,590 --> 01:49:37,250
prende tre secondi, si verifica uno stallo
per tre secondi.

2300
01:49:37,250 --> 01:49:39,880
E poi avvisa il prezzo
dopo quei tre secondi.

2301
01:49:39,880 --> 01:49:43,690
>> Così ora, che i programmi di avviso
fino a quel momento -

2302
01:49:43,690 --> 01:49:44,610
tre secondi dentro

2303
01:49:44,610 --> 01:49:47,670
E poi avvisa via dopo.

2304
01:49:47,670 --> 01:49:48,930
Quindi si va solo passo per passo.

2305
01:49:48,930 --> 01:49:51,200
E 'come quello che voi ragazzi
avrebbe accettato, giusto?

2306
01:49:51,200 --> 01:49:54,170
Con l'esecuzione asincrona,
avvisare prima.

2307
01:49:54,170 --> 01:49:57,410
Poi si va fuori a questo URL.

2308
01:49:57,410 --> 01:49:59,530
E tu dici, io vado a
basta chiedere per i dati.

2309
01:49:59,530 --> 01:50:01,170
E poi ho intenzione di
elaborarlo successivamente.

2310
01:50:01,170 --> 01:50:04,230
Quindi esegue immediatamente l'
riga successiva dopo faccio che

2311
01:50:04,230 --> 01:50:05,710
richiesta asincrona.

2312
01:50:05,710 --> 01:50:08,920
>> Così un 0,001 secondi, si vede avviso hi.

2313
01:50:08,920 --> 01:50:10,960
Eseguire tale funzione, allarme bye.

2314
01:50:10,960 --> 01:50:14,240
E perché ho fatto una promessa che ho
grado di trattare i dati in seguito, ciò

2315
01:50:14,240 --> 01:50:17,920
accade è quando i dati torna
tre secondi dopo, poi corro che

2316
01:50:17,920 --> 01:50:21,380
funzione che ho laggiù.

2317
01:50:21,380 --> 01:50:21,870
Sì?

2318
01:50:21,870 --> 01:50:25,750
>> AUDIENCE: Potresti specificare o
chiarire cosa significa Ajax?

2319
01:50:25,750 --> 01:50:30,460
>> JOSEPH ONG: Quindi Ajax è un modo che se io
bisogno di dati quando mi trovo su un sito web e mi

2320
01:50:30,460 --> 01:50:34,690
non si vuole aggiornare la pagina, poi
Io uso questa tecnologia chiamata Ajax.

2321
01:50:34,690 --> 01:50:40,630
Questo significa essenzialmente solo, andare recuperare
dati da un altro sito web.

2322
01:50:40,630 --> 01:50:43,724
E farlo in un modo che solo
non stallo mia pagina web.

2323
01:50:43,724 --> 01:50:46,650
>> AUDIENCE: Quindi è che un intrinseco
parte di JavaScript o jQuery?

2324
01:50:46,650 --> 01:50:50,590
>> JOSEPH ONG: Così qualcuno ha scritto un modo per farlo
questo in JavaScript molto tempo fa.

2325
01:50:50,590 --> 01:50:52,050
A un certo punto, non esisteva.

2326
01:50:52,050 --> 01:50:56,630
E così qualcuno ha inventato questa tecnica
per permettere alle persone di chiedere questi dati

2327
01:50:56,630 --> 01:50:57,680
in questo modo.

2328
01:50:57,680 --> 01:50:59,550
E hanno scritto alcune cose
di farlo per voi.

2329
01:50:59,550 --> 01:51:01,605
E jQuery appena ti dà questo
molto bel modo per farlo

2330
01:51:01,605 --> 01:51:03,112
con questo $. ottenere la funzione.

2331
01:51:03,112 --> 01:51:07,200

2332
01:51:07,200 --> 01:51:09,480
domande?

2333
01:51:09,480 --> 01:51:11,560
Posso rispondere a domande su
Ajax dopo troppo.

2334
01:51:11,560 --> 01:51:13,870
Sarò qui.

2335
01:51:13,870 --> 01:51:16,390
>> Quindi cerchiamo di noi recuperare i dati senza
l'aggiornamento della pagina.

2336
01:51:16,390 --> 01:51:18,200
E andiamo a fare questo in
un modo asincrono che

2337
01:51:18,200 --> 01:51:19,450
non congelare la pagina.

2338
01:51:19,450 --> 01:51:22,680

2339
01:51:22,680 --> 01:51:27,310
Troppo a lungo, non ha letto che se
spiegazione era troppo lungo per te.

2340
01:51:27,310 --> 01:51:29,430
Così alla fine, cross-site
attacchi di scripting.

2341
01:51:29,430 --> 01:51:30,910
Lo abbiamo visto con Zamyla.

2342
01:51:30,910 --> 01:51:34,285
Se nel mio database qualcuno ha questo nome,
che è questo tag script, e io

2343
01:51:34,285 --> 01:51:38,280
avere qualche codice sulla mia pagina che stampa
i nomi delle persone in fila, o che ho

2344
01:51:38,280 --> 01:51:43,310
un codice JavaScript che inserisce
questo nome nella pagina,

2345
01:51:43,310 --> 01:51:45,680
Cosa HTML viene prodotto?

2346
01:51:45,680 --> 01:51:47,290
Beh, mi stampare il tag HTML.

2347
01:51:47,290 --> 01:51:48,390
Ho stampare tutti questi tag.

2348
01:51:48,390 --> 01:51:50,740
>> Ho arrivare alla parte dove sono stampa
con i miei amici.

2349
01:51:50,740 --> 01:51:52,980
Stampo Lauren fuori.

2350
01:51:52,980 --> 01:51:54,200
Stampa Milo fuori.

2351
01:51:54,200 --> 01:51:56,810
E poi il mio nome nel database
è Post Script

2352
01:51:56,810 --> 01:51:58,060
poco lusinghiero status di Facebook.

2353
01:51:58,060 --> 01:52:00,740

2354
01:52:00,740 --> 01:52:04,330
Perché ho inserito questo nella pagina
perché sembra che Javascript, quando

2355
01:52:04,330 --> 01:52:07,930
questa pagina viene inviata all'utente,
Viene eseguito come JavaScript.

2356
01:52:07,930 --> 01:52:10,800
E così questo è ciò che chiamiamo un
attacco cross-site scripting.

2357
01:52:10,800 --> 01:52:14,570
Qualcuno mette informazione dannoso
il database che potrebbe corrispondere a

2358
01:52:14,570 --> 01:52:17,080
qualche stringa supplementare o
qualche stringa JavaScript.

2359
01:52:17,080 --> 01:52:20,130
>> E quando viene stampata la
La pagina in questo modo, allora cosa

2360
01:52:20,130 --> 01:52:22,580
che succede è che il codice viene eseguito male
che non ho intenzione

2361
01:52:22,580 --> 01:52:25,110
per farlo eseguito.

2362
01:52:25,110 --> 01:52:28,230
E questo è tutto un cross-site
attacco di scripting è.

2363
01:52:28,230 --> 01:52:31,790
E il modo di andare in giro
questo è come Zamyla detto.

2364
01:52:31,790 --> 01:52:34,340
Basta avvolgere le cose in
HTML caratteri speciali.

2365
01:52:34,340 --> 01:52:39,460
E questo HTML i caratteri speciali è un PHP
funzione che impedisce questo tipo

2366
01:52:39,460 --> 01:52:42,000
di cosa accada a te
se avete un dannoso

2367
01:52:42,000 --> 01:52:43,830
stringa nel database.

2368
01:52:43,830 --> 01:52:47,650
Semplicemente sfugge, in modo che non fa
ottenere interpretato come HTML.

2369
01:52:47,650 --> 01:52:50,960
Sostituisce le piccole staffe
con quello che noi chiamiamo entità.

2370
01:52:50,960 --> 01:52:52,250
E siamo andati oltre questo nella lezione troppo.

2371
01:52:52,250 --> 01:52:55,800
Quindi penso che voi ragazzi dovreste avere
una buona conoscenza su questo.

2372
01:52:55,800 --> 01:52:57,420
Domande?

2373
01:52:57,420 --> 01:52:57,820
Sì.

2374
01:52:57,820 --> 01:53:00,860
>> AUDIENCE: Così come sarebbe
il [incomprensibile]?

2375
01:53:00,860 --> 01:53:01,555
>> JOSEPH ONG: dirlo.

2376
01:53:01,555 --> 01:53:02,500
>> AUDIENCE: Come sarebbe il monitor -

2377
01:53:02,500 --> 01:53:02,860
>> JOSEPH ONG: Giusto.

2378
01:53:02,860 --> 01:53:06,080
Così avete qualcosa che dice, quando
Mi iscrivo, digitare il mio nome.

2379
01:53:06,080 --> 01:53:09,390
Ho solo digitare in tale campo, il mio nome è
stript posto poco lusinghiero Facebook

2380
01:53:09,390 --> 01:53:11,570
stato vicino tag script.

2381
01:53:11,570 --> 01:53:15,690
E che appena viene messo in
banca dati, perché non posso dire a qualcuno

2382
01:53:15,690 --> 01:53:18,260
nel mondo non ha un nome
con una freccia sinistra in essi o

2383
01:53:18,260 --> 01:53:19,036
script di parola in esso.

2384
01:53:19,036 --> 01:53:21,330
Che in realtà non ha senso.

2385
01:53:21,330 --> 01:53:24,560
Quindi devo solo fare in modo che io
disinfettare la roba prima di stamparlo

2386
01:53:24,560 --> 01:53:25,420
out alla pagina.

2387
01:53:25,420 --> 01:53:27,140
>> AUDIENCE: Così le carte speciali HTML
previene i tag di script?

2388
01:53:27,140 --> 01:53:28,710
>> JOSEPH ONG: Già.

2389
01:53:28,710 --> 01:53:29,960
Quindi non impedisce i tag script.

2390
01:53:29,960 --> 01:53:32,320
Si fa solo in modo che il
tag script non ottengono

2391
01:53:32,320 --> 01:53:35,120
interpretata come HTML o -

2392
01:53:35,120 --> 01:53:35,400
sì.

2393
01:53:35,400 --> 01:53:38,470
Si tratta proprio come quello che
che effettivamente è.

2394
01:53:38,470 --> 01:53:39,220
Bene.

2395
01:53:39,220 --> 01:53:40,930
Così che era la revisione quiz.

2396
01:53:40,930 --> 01:53:41,830
Freddo.

2397
01:53:41,830 --> 01:53:45,088
>> [Applausi]