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

2
00:00:08,070 --> 00:00:10,430
>> R.J. AQUINO: Disons juste commencer.

3
00:00:10,430 --> 00:00:12,310
C'est donc Quiz 1.

4
00:00:12,310 --> 00:00:14,890
Voici quelques informations de haut niveau.

5
00:00:14,890 --> 00:00:19,915
La page A propos du quiz est à ce
URL, plus CS50.net, bien que

6
00:00:19,915 --> 00:00:21,080
fonctionnera toujours.

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

8
00:00:26,920 --> 00:00:31,070
C'est la grande page A propos, vous dire
où et quand, à savoir mercredi prochain

9
00:00:31,070 --> 00:00:32,100
dans un tas de pièces.

10
00:00:32,100 --> 00:00:36,120
Et d'ici mercredi prochain, je
dire dans deux jours.

11
00:00:36,120 --> 00:00:37,890
Toutes ces informations sont là.

12
00:00:37,890 --> 00:00:39,110
Mais il est cumulatif.

13
00:00:39,110 --> 00:00:43,790
>> Alors tout de la première moitié de la
an est potentiellement sur le quiz,

14
00:00:43,790 --> 00:00:50,780
parce que vous ne pouvez pas vraiment faire de pointe
choses dans C sans si les conditions et

15
00:00:50,780 --> 00:00:51,920
pour les boucles et analogues.

16
00:00:51,920 --> 00:00:55,580
Mais il y aura un accent sur la
matériel couvert depuis Quiz 0,

17
00:00:55,580 --> 00:00:59,570
à partir de struct et fichiers
I / O. C'est généralement plus

18
00:00:59,570 --> 00:01:01,620
difficile de Quiz 0.

19
00:01:01,620 --> 00:01:03,870
Le score moyen est généralement inférieur.

20
00:01:03,870 --> 00:01:05,980
Travailler dur.

21
00:01:05,980 --> 00:01:09,340
>> Alors que vous êtes étudiant, veillez à utiliser
CS50/discuss y poster vos questions

22
00:01:09,340 --> 00:01:10,830
et lire les questions des autres personnes.

23
00:01:10,830 --> 00:01:13,550
Donc, si vous n'avez pas de questions,
identifier et de lire

24
00:01:13,550 --> 00:01:14,580
aux questions de vos amis.

25
00:01:14,580 --> 00:01:16,560
Ils sont probablement de bonnes questions.

26
00:01:16,560 --> 00:01:17,730
Et faire les tests de pratique.

27
00:01:17,730 --> 00:01:20,750
Nous avons donné des questionnaires pour
sept ou huit ans.

28
00:01:20,750 --> 00:01:22,180
Ils sont tous en ligne.

29
00:01:22,180 --> 00:01:25,540
Futures questions sont similaires
à de vieilles questions.

30
00:01:25,540 --> 00:01:26,550
C'est ainsi que nous faisons.

31
00:01:26,550 --> 00:01:27,740
>> Le quiz n'existe pas encore.

32
00:01:27,740 --> 00:01:28,670
Aucun d'entre nous ont vu.

33
00:01:28,670 --> 00:01:32,496
Mais il va ressembler
quiz précédents.

34
00:01:32,496 --> 00:01:36,500
Pour cette session d'examen, ce n'est pas
une liste exhaustive des sujets.

35
00:01:36,500 --> 00:01:40,740
Vous ne pouvez pas assister à cette puis
être parfaitement prêt pour le test.

36
00:01:40,740 --> 00:01:43,330
Dans le cas contraire, il ne serait pas
que beaucoup de quiz.

37
00:01:43,330 --> 00:01:46,270
Et ce n'est pas non plus nécessairement
tout ce que vous devez savoir sur tout

38
00:01:46,270 --> 00:01:46,970
donné le sujet.

39
00:01:46,970 --> 00:01:50,520
Il est destiné à vous exposer à des choses
nous avons couvert, vous rappeler ce que nous

40
00:01:50,520 --> 00:01:53,070
couvert, et de la manière
qui nous recouvrait.

41
00:01:53,070 --> 00:01:57,030
Mais vous aurez à aller plus loin et
plus profond lorsque vous étudiez à double vérification

42
00:01:57,030 --> 00:02:00,230
que vous savez tout sur tout donné
sujet et que vous avez rempli

43
00:02:00,230 --> 00:02:03,320
tous les coins, qui étaient
couvert de conférence.

44
00:02:03,320 --> 00:02:07,980
>> Les notes de quiz vous dire d'aller à la
notes du greffier, regarder des vidéos de conférences.

45
00:02:07,980 --> 00:02:10,155
C'est une bonne façon de vous assurer que vous avez
couvert toutes vos bases.

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

47
00:02:12,670 --> 00:02:17,340
Donc commencer, quand j'ai fait ces
diapositives, j'ai essayé de mettre où je trouvai

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

49
00:02:18,350 --> 00:02:22,890
Donc, pour File I / O, par exemple, la semaine 7,
Lundi de conférence, et l'écrit

50
00:02:22,890 --> 00:02:27,960
Section 6 et problème Set ont tous
informations sur File I / O. Je l'ai fait

51
00:02:27,960 --> 00:02:28,840
ce pour chaque sujet.

52
00:02:28,840 --> 00:02:33,010
Donc, ces diapositives de titre peut
vous être utiles.

53
00:02:33,010 --> 00:02:38,950
>> Nous avons donc ici File I / O. Rappelez-vous,
Problème défini 5, nous avons utilisé la fonction fopen, fclose,

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

55
00:02:41,210 --> 00:02:48,090
Après avoir récupéré les fichiers JPEG et 30ish
avoir redimensionné et sali avec

56
00:02:48,090 --> 00:02:50,320
bitmaps, vous devriez être assez familier
avec ces fonctions

57
00:02:50,320 --> 00:02:51,830
et comment ils fonctionnent.

58
00:02:51,830 --> 00:02:54,420
Si vous n'êtes plus familier,
certainement les examiner.

59
00:02:54,420 --> 00:02:56,860
Et assurez-vous que vous comprenez ce que
les différents arguments sont,

60
00:02:56,860 --> 00:02:58,260
quand ils sont utilisés.

61
00:02:58,260 --> 00:03:03,620
>> Mais les bugs liés aux fichiers-communes
vous pouvez être invité sur -

62
00:03:03,620 --> 00:03:07,270
bien, si vous avez oublié de vérifier si
fopen effectivement travaillé avant d'aller vous

63
00:03:07,270 --> 00:03:08,350
modifier un fichier.

64
00:03:08,350 --> 00:03:09,760
Cela pourrait être mauvais.

65
00:03:09,760 --> 00:03:13,560
Si vous avez oublié de fclose un fichier
que vous avez fopened, qui est semblable à

66
00:03:13,560 --> 00:03:14,400
une fuite de mémoire.

67
00:03:14,400 --> 00:03:15,980
C'est assez mauvais.

68
00:03:15,980 --> 00:03:18,670
Et oublier de vérifier si vous avez
atteint la fin du fichier avant de

69
00:03:18,670 --> 00:03:19,790
commencer à écrire pour elle.

70
00:03:19,790 --> 00:03:22,320
>> Donc, si vous dites, bon, je suis à
la fin du fichier.

71
00:03:22,320 --> 00:03:23,750
Donnez-moi 5 plusieurs octets.

72
00:03:23,750 --> 00:03:27,370
Eh bien, c'est probablement pas
travailler sur la façon dont vous vous attendez.

73
00:03:27,370 --> 00:03:30,930
C'est vraiment pour File I / O,
parce que nous avons tellement de lui

74
00:03:30,930 --> 00:03:32,300
le problème réglé.

75
00:03:32,300 --> 00:03:36,000
Donc, si vous avez compris ce qui se passait
dans le problème Set 5, rappelez-vous les bitmats

76
00:03:36,000 --> 00:03:40,090
et les fichiers JPEG, alors vous êtes probablement tous
fixée pour File I / O. Si c'est un peu

77
00:03:40,090 --> 00:03:44,770
floue, certainement examiner ce problème
définir et le matériel associé.

78
00:03:44,770 --> 00:03:51,110
>> Structures étaient le sujet qui était sur le
ligne entre 0 et Quiz Quiz 1.

79
00:03:51,110 --> 00:03:53,090
Vous n'avez pas tout à fait faire la coupe pour Quiz 0.

80
00:03:53,090 --> 00:03:57,040
Donc, ils vont certainement être sur
Quiz 1, Semaine 7, lundi.

81
00:03:57,040 --> 00:03:58,150
Qu'est-ce qu'une structure?

82
00:03:58,150 --> 00:04:00,250
Ici, nous montrons une structure.

83
00:04:00,250 --> 00:04:03,140
C'est comme un nouveau type.

84
00:04:03,140 --> 00:04:07,940
C'est comme un conteneur
pour de multiples domaines.

85
00:04:07,940 --> 00:04:12,970
>> Dans ce cas, nous avons déclaré une structure
étudiant qui a deux champs -

86
00:04:12,970 --> 00:04:17,750
une chaîne qui nous demandons le nom et
un int qui nous appelant âge.

87
00:04:17,750 --> 00:04:21,450
Alors, quand je passe autour étudiants ou je
modifier étudiants, je serai en mesure de

88
00:04:21,450 --> 00:04:24,430
accéder à leur nom et leur âge.

89
00:04:24,430 --> 00:04:26,670
Regardons un peu de code pour cela.

90
00:04:26,670 --> 00:04:29,090
Nous voyons ici que j'ai déclaré
un étudiant s, tout comme

91
00:04:29,090 --> 00:04:30,300
Je déclare une variable -

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

93
00:04:32,430 --> 00:04:34,180
>> Voici étudiant s.

94
00:04:34,180 --> 00:04:37,370
Il commence avec rien dans ses champs.

95
00:04:37,370 --> 00:04:38,240
Donc, nous allons définir eux.

96
00:04:38,240 --> 00:04:40,681
Vous définissez les champs d'une structure avec un point.

97
00:04:40,681 --> 00:04:43,780
Donc je l'ai dit ici que s.name = RJ.

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

99
00:04:46,470 --> 00:04:48,500
Vous pouvez également mettre à jour les champs
de la même manière que vous souhaitez mettre à jour

100
00:04:48,500 --> 00:04:49,550
la valeur d'une variable.

101
00:04:49,550 --> 00:04:53,270
Donc, je veux changer mon nom de RJ avec
pas de périodes à R.J. épeautre l'

102
00:04:53,270 --> 00:04:54,540
manière correcte.

103
00:04:54,540 --> 00:04:58,890
Il serait s.name = RJ, le même
comme nous l'avons dit au départ.

104
00:04:58,890 --> 00:05:00,030
Et puis vous pouvez y accéder.

105
00:05:00,030 --> 00:05:00,930
>> Donc, nous les avons mis.

106
00:05:00,930 --> 00:05:01,840
Nous les avons mis à jour.

107
00:05:01,840 --> 00:05:03,890
Vous pouvez également y accéder
dans le même sens.

108
00:05:03,890 --> 00:05:09,330
Donc ici, je vais imprimer
R.J. Est âgé de 21 ans.

109
00:05:09,330 --> 00:05:14,700
Et je accéder à ces valeurs
avec s.name et s.age.

110
00:05:14,700 --> 00:05:17,040
Voilà donc l'accès struct
avec la notation par points.

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

112
00:05:17,850 --> 00:05:21,176
>> PUBLIC: Y at-il une raison à l'
diapositive précédente que vous n'avez pas mis

113
00:05:21,176 --> 00:05:24,848
étudiant sur la première ligne, comme typedef
étudiant de structure et

114
00:05:24,848 --> 00:05:25,840
étudiant à la fin?

115
00:05:25,840 --> 00:05:29,040
>> R.J. AQUINO: Donc la question était,
cette diapositive, nous avons généralement constaté

116
00:05:29,040 --> 00:05:32,400
typedef struct noeud, puis le
champs de la structure et

117
00:05:32,400 --> 00:05:34,250
alors le nœud de texte.

118
00:05:34,250 --> 00:05:37,790
Et comment se fait ici, je n'ai pas dit, typedef
étudiant de structure et la

119
00:05:37,790 --> 00:05:39,820
champs de la structure, puis étudiant?

120
00:05:39,820 --> 00:05:44,310
La raison en est que je n'ai pas besoin de
accéder à l'intérieur de la structure.

121
00:05:44,310 --> 00:05:46,270
Donc, c'est OK pour quitter sans un nom.

122
00:05:46,270 --> 00:05:49,210
Je ne peux laisser comme
une structure anonyme.

123
00:05:49,210 --> 00:05:53,130
>> La raison pour laquelle nous le faisons pour les listes chaînées et
choses est parce qu'à l'intérieur vous avez besoin

124
00:05:53,130 --> 00:05:55,360
pour faire référence à une étoile nœuds de struct.

125
00:05:55,360 --> 00:05:58,220
Ainsi, la structure doit avoir un nom,
de sorte que vous pouvez y accéder plus tard.

126
00:05:58,220 --> 00:05:59,540
C'est un détail mineur.

127
00:05:59,540 --> 00:06:04,750
Mais vous voyez généralement typedef struct
accolades si vous n'avez pas besoin

128
00:06:04,750 --> 00:06:08,720
le nom et typedef struct un nom
suivie par des accolades si vous voulez

129
00:06:08,720 --> 00:06:09,520
besoin du nom.

130
00:06:09,520 --> 00:06:12,070
Donc, c'est une bonne question.

131
00:06:12,070 --> 00:06:17,000
>> Et sur ce point, nous avons tendance à modifier
struct et passer autour struct par

132
00:06:17,000 --> 00:06:18,680
référence, et non par valeur.

133
00:06:18,680 --> 00:06:21,940
Nous allons donc passer autour des pointeurs vers
struct au lieu de passer autour de la

134
00:06:21,940 --> 00:06:23,150
se structures.

135
00:06:23,150 --> 00:06:28,050
Donc, vous êtes très souvent allez être
en utilisant, dans ce cas, l'étudiant * ou

136
00:06:28,050 --> 00:06:34,150
struct noeud * ou noeud * au lieu
à des étudiants ou des nœuds.

137
00:06:34,150 --> 00:06:39,350
Donc ici, je l'ai dit, OK, la variable ptr
va être l'adresse de l'art.

138
00:06:39,350 --> 00:06:45,570
Ça va être le pointeur
à l'étudiant R.J.

139
00:06:45,570 --> 00:06:48,965
>> Ainsi, nous pouvons obtenir à ces domaines
le même que nous obtenons quelque chose.

140
00:06:48,965 --> 00:06:51,460
Premièrement, ID de référence le pointeur
pour obtenir la structure.

141
00:06:51,460 --> 00:06:55,530
C'est * ptr puis
un point, puis l'âge.

142
00:06:55,530 --> 00:06:58,790
Donc, pour accéder au champ, et j'ai mis à jour
il maintenant à 22, parce que, soyons

143
00:06:58,790 --> 00:07:00,860
par exemple, c'était mon anniversaire.

144
00:07:00,860 --> 00:07:03,990
Il ya une syntaxe de raccourci
en utilisant la flèche ici.

145
00:07:03,990 --> 00:07:07,060
Âge flèche Donc ptr est juste
la même que * ptr.age.

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

147
00:07:10,150 --> 00:07:11,550
Maintenant, c'est quelque chose que vous aurez
de mémoriser et de rappeler.

148
00:07:11,550 --> 00:07:15,010
>> Vous l'avez utilisé beaucoup dans pset6,
l'ensemble de processeurs de correcteur orthographique.

149
00:07:15,010 --> 00:07:18,350
Mais c'est en fait ce qui se passe
le dessous de la hotte.

150
00:07:18,350 --> 00:07:20,500
C'est le déréférencement du pointeur
et puis y accéder.

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

152
00:07:21,432 --> 00:07:22,682
>> PUBLIC: [inaudible].

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

154
00:07:25,860 --> 00:07:28,060
>> R.J. AQUINO: Alors, pourquoi utilisons-nous
pointeurs que struct au lieu de la

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

156
00:07:29,500 --> 00:07:33,740
La raison serait si vous êtes de passage
une structure à une fonction, vous avez probablement

157
00:07:33,740 --> 00:07:36,900
vouloir passer autour juste 4 ou plus
octets qui représentent le pointeur, en tant que

158
00:07:36,900 --> 00:07:40,375
opposition à la 30 ou potentiellement
40 octets qui sont le struct.

159
00:07:40,375 --> 00:07:44,410
Donc passant quelque chose à une fonction
est plus facile quand la chose

160
00:07:44,410 --> 00:07:48,230
est plus petit en somme.

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

162
00:07:49,074 --> 00:07:53,026
>> PUBLIC: Vous pourriez avoir mentionné ce
au début, mais il n'y

163
00:07:53,026 --> 00:07:56,000
autres diapositives s'allume sur [inaudible]?

164
00:07:56,000 --> 00:07:58,960
>> R.J. AQUINO: Ces diapositives seront
après la session d'examen.

165
00:07:58,960 --> 00:08:00,210
Nous les publierons sur le site.

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

167
00:08:02,450 --> 00:08:06,870
Donc passer et passer légèrement
plus rapide, nous allons parler de données

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

169
00:08:07,350 --> 00:08:08,040
Il ya beaucoup.

170
00:08:08,040 --> 00:08:10,080
Nous avons couvert un tas d'entre eux.

171
00:08:10,080 --> 00:08:12,500
Voici ce que vous devez comprendre
sur la structure des données.

172
00:08:12,500 --> 00:08:15,590
>> Vous devriez vraiment comprendre à un niveau élevé
Quel niveau de chaque structure est.

173
00:08:15,590 --> 00:08:21,190
Pouvez-vous expliquer en anglais à votre
ami qui n'a pas pris CS50 comment

174
00:08:21,190 --> 00:08:25,580
nous organisons nos données et pourquoi nous avions
être en utilisant quelque chose de cette façon?

175
00:08:25,580 --> 00:08:26,990
C'est chose un.

176
00:08:26,990 --> 00:08:29,650
Chose deux, comprendre
la mise en oeuvre.

177
00:08:29,650 --> 00:08:34,270
Donc, comprendre comment utiliser ces choses
dans C. Et nous irons à ce sujet.

178
00:08:34,270 --> 00:08:39,030
>> Et puis chose trois serait connaître le
temps d'exécution et les limites de la

179
00:08:39,030 --> 00:08:40,470
différentes structures que vous utilisez.

180
00:08:40,470 --> 00:08:44,059
Donc, comprendre pourquoi vous devez utiliser un
la table de hachage au lieu d'un tableau.

181
00:08:44,059 --> 00:08:49,570
Comprendre comment rapide, en moyenne,
accès à une table de hachage est.

182
00:08:49,570 --> 00:08:54,010
Comprendre ce que les opérations sont rapides sur
liste chaînée, mais lente, sur des tableaux et

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

184
00:08:56,080 --> 00:08:59,780
Donc, pour comprendre cela, vous aurez à
comprendre la notation Big-O juste savoir

185
00:08:59,780 --> 00:09:01,310
comment parler de ces
sortes de choses.

186
00:09:01,310 --> 00:09:02,700
Et nous en reparlerons.

187
00:09:02,700 --> 00:09:06,040
>> Donc, première chose, listes liées.

188
00:09:06,040 --> 00:09:07,770
Voici une image de haut niveau
d'une liste chaînée.

189
00:09:07,770 --> 00:09:08,830
Nous montrons ce en classe.

190
00:09:08,830 --> 00:09:11,670
Nous avons généralement 10 personnes
debout sur la scène.

191
00:09:11,670 --> 00:09:16,790
Mais nous avons une série de noeuds où chaque
noeud a une certaine valeur et un pointeur

192
00:09:16,790 --> 00:09:18,610
à sa prochaine valeur.

193
00:09:18,610 --> 00:09:21,730
Donc, pour aller d'un noeud à l'autre, vous
simplement dire, donnez-moi le noeud suivant.

194
00:09:21,730 --> 00:09:22,530
Vous avez ce nœud.

195
00:09:22,530 --> 00:09:23,770
Donnez-moi le noeud suivant.

196
00:09:23,770 --> 00:09:24,400
Vous avez ce nœud.

197
00:09:24,400 --> 00:09:28,790
Donnez-moi le noeud suivant et ainsi de suite
jusqu'à ce qu'il n'y a pas de noeud gauche.

198
00:09:28,790 --> 00:09:31,850
>> Donc continuer à parler
à un niveau élevé.

199
00:09:31,850 --> 00:09:34,100
C'est très facile à insérer les choses
dans une liste chaînée.

200
00:09:34,100 --> 00:09:36,010
Si vous ne vous souciez pas de l'ordre,
vous pouvez simplement laisser tomber

201
00:09:36,010 --> 00:09:36,840
dès le début.

202
00:09:36,840 --> 00:09:38,520
C'est la constante de temps.

203
00:09:38,520 --> 00:09:39,900
Mais il est difficile de trouver une valeur.

204
00:09:39,900 --> 00:09:43,060
Si vous essayez de demander,
est sept dans ma liste?

205
00:09:43,060 --> 00:09:44,740
Vous devez passer par
chaque valeur unique.

206
00:09:44,740 --> 00:09:45,680
Est-ce sept?

207
00:09:45,680 --> 00:09:46,610
Est-ce sept?

208
00:09:46,610 --> 00:09:47,770
Est-ce sept?

209
00:09:47,770 --> 00:09:48,690
Est-ce sept?

210
00:09:48,690 --> 00:09:49,830
Maintes et maintes fois.

211
00:09:49,830 --> 00:09:51,520
Et c'est O (n).

212
00:09:51,520 --> 00:09:53,800
Donc, lors de l'étude pour le quiz,
comparer avec les tableaux.

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

214
00:09:57,010 --> 00:09:58,220
>> Est-ce OK?

215
00:09:58,220 --> 00:09:59,220
Les lumières se sont faible.

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

217
00:10:01,110 --> 00:10:02,400
Quand est une liste chaînée mieux?

218
00:10:02,400 --> 00:10:04,640
Quand est un tableau de mieux?

219
00:10:04,640 --> 00:10:06,670
Alors regardons un peu de code.

220
00:10:06,670 --> 00:10:08,960
Voici un noeud de potentiel.

221
00:10:08,960 --> 00:10:09,770
C'est une structure.

222
00:10:09,770 --> 00:10:12,220
Il dispose d'une int n, qui
sera notre valeur.

223
00:10:12,220 --> 00:10:17,780
Et il a un noeud de struct * à côté, qui
Notre pointeur vers le noeud suivant.

224
00:10:17,780 --> 00:10:23,040
Donc, ici, nous pouvons voir que nous sommes tombés
avoir mis un int dans notre nœud.

225
00:10:23,040 --> 00:10:27,850
Mais s'il s'agissait d'une liste liée de l'omble
étoiles ou une liste chaînée de chars, nous

226
00:10:27,850 --> 00:10:28,820
totalement pourrait le faire aussi.

227
00:10:28,820 --> 00:10:33,110
>> Rappelez-vous dans pset6, vous avez probablement eu une
liste chaînée d'étoiles de type char ou seulement

228
00:10:33,110 --> 00:10:34,360
tableaux char statiques.

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

230
00:10:37,370 --> 00:10:39,040
Voyons ici à une opération.

231
00:10:39,040 --> 00:10:43,570
Donc, nous voulons insérer un nouveau
n dans notre liste chaînée.

232
00:10:43,570 --> 00:10:48,940
Nous commençons avec un pointeur de tête qui est
un pointeur sur ce noeud qui a l'

233
00:10:48,940 --> 00:10:53,460
La valeur de n et un côté d'un pointeur qui
des points à ce nœud est une valeur de

234
00:10:53,460 --> 00:10:57,760
n et un côté de null, car
c'est le dernier noeud.

235
00:10:57,760 --> 00:11:00,440
Donc, dans l'intérêt de temps, je vais
mettre tout le code sur l'écran.

236
00:11:00,440 --> 00:11:03,130
Et nous marcherons à travers elle
quelques lignes à la fois.

237
00:11:03,130 --> 00:11:05,790
>> Alors, voici le code.

238
00:11:05,790 --> 00:11:07,560
J'espère que c'est lisible.

239
00:11:07,560 --> 00:11:11,275
La première chose que nous faisons est
nous malloc un nouveau nœud.

240
00:11:11,275 --> 00:11:15,105
Il est donc un pointeur vers un nouveau noeud qui
ne pas tout à fait quoi que ce soit réglé

241
00:11:15,105 --> 00:11:16,450
en elle encore.

242
00:11:16,450 --> 00:11:19,580
Nous vérifions pour s'assurer que
le nouveau nœud n'est pas nulle.

243
00:11:19,580 --> 00:11:22,220
Sinon, nous devons abandonner.

244
00:11:22,220 --> 00:11:27,680
Donc, après avoir vérifié que, nous maintenant
définir les valeurs dans le nœud.

245
00:11:27,680 --> 00:11:31,520
Nous avons donc mis le nouveau n dans notre champ de n.

246
00:11:31,520 --> 00:11:36,050
Et nous avons mis la prochaine pointeur pour pointer vers
la tête d'origine, de sorte que nous pouvons

247
00:11:36,050 --> 00:11:38,900
maintenant ont inséré ce
noeud dans notre liste.

248
00:11:38,900 --> 00:11:44,600
>> Enfin, nous avons le point de tête mondial
à notre nouveau nœud, de sorte que si nous devions

249
00:11:44,600 --> 00:11:50,300
commencer à tête, nous serions à ce
nouveau premier noeud au lieu de

250
00:11:50,300 --> 00:11:51,560
l'ancien premier noeud.

251
00:11:51,560 --> 00:11:55,320
Et lorsque cette fonction se termine, le
nouveau nœud de variable n'existe plus,

252
00:11:55,320 --> 00:11:57,130
car il était local à la fonction.

253
00:11:57,130 --> 00:11:59,770
C'est donc l'état du monde.

254
00:11:59,770 --> 00:12:03,570
Notre siège mondial souligne notre nouveau
premier noeud qui pointe vers notre

255
00:12:03,570 --> 00:12:06,346
premier noeud d'origine, dont les points
au noeud après.

256
00:12:06,346 --> 00:12:09,790
>> C'était insertion.

257
00:12:09,790 --> 00:12:12,150
J'espère que c'était relativement
simple à suivre.

258
00:12:12,150 --> 00:12:14,300
En cas de doute, faire un dessin.

259
00:12:14,300 --> 00:12:17,820
Je trouve que parler
listes chaînées et regardant

260
00:12:17,820 --> 00:12:19,870
code est très pas utile.

261
00:12:19,870 --> 00:12:23,790
Considérant que regarder une image d'un lien
liste me permet de penser, oh, si

262
00:12:23,790 --> 00:12:24,970
J'ai ce noeud.

263
00:12:24,970 --> 00:12:28,980
Mais si je mets à jour ce pointeur,
il se retrouve déconnecté.

264
00:12:28,980 --> 00:12:34,340
Et j'ai oublié où
le nœud va.

265
00:12:34,340 --> 00:12:35,390
Et le code quitte.

266
00:12:35,390 --> 00:12:37,830
Et vous avez plusieurs nœuds
qui sont déconnectés.

267
00:12:37,830 --> 00:12:39,970
Et vous ne finissent pas avec
la liste que vous voulez.

268
00:12:39,970 --> 00:12:43,320
>> Donc, si vous dessinez l'image et faites-le
étape par étape, nous l'espérons, vous verrez

269
00:12:43,320 --> 00:12:46,840
le bon ordre des choses en termes de
mise à jour des pointeurs de s'assurer

270
00:12:46,840 --> 00:12:48,830
que la liste vient ensemble.

271
00:12:48,830 --> 00:12:51,240
Insérer est relativement simple.

272
00:12:51,240 --> 00:12:55,210
Un plus compliqué serait
insertion dans une liste triée.

273
00:12:55,210 --> 00:12:59,980
Une fonction plus compliquée est de supprimer
et trouver, si en regardant à travers une liste de

274
00:12:59,980 --> 00:13:03,030
voir si quelque chose est là.

275
00:13:03,030 --> 00:13:07,220
Peut-être que vous l'avez fait dans pset6 lorsque vous
avez dans votre table de hachage et vous l'avez dit,

276
00:13:07,220 --> 00:13:10,460
bien, est le mot pomme
dans ma liste chaînée?

277
00:13:10,460 --> 00:13:11,440
>> Donc, vous avez peut-être déjà fait.

278
00:13:11,440 --> 00:13:15,530
Mais certainement, vous rafraîchir la mémoire
et essayer de trouver et réimplémenter

279
00:13:15,530 --> 00:13:19,150
réimplémenter supprimer une liste chaînée.

280
00:13:19,150 --> 00:13:22,850
Fun note côté, là aussi doublement lié
listes, où vous avez

281
00:13:22,850 --> 00:13:27,490
pointeurs qui pointent vers l'avant et
vers l'arrière, de sorte que vous pouvez aller à la

282
00:13:27,490 --> 00:13:29,270
prochain noeud et au noeud précédent.

283
00:13:29,270 --> 00:13:33,860
Et il y avait une question sur l'an dernier
questionnaire de ce type, parler

284
00:13:33,860 --> 00:13:36,190
sur les listes doublement liée.

285
00:13:36,190 --> 00:13:40,070
>> Maintenant, c'est une structure qui vous êtes
relativement familier, parce que la plupart

286
00:13:40,070 --> 00:13:42,520
vous probablement utilisé sur les pset6.

287
00:13:42,520 --> 00:13:45,680
En voici une qui est un peu moins familier.

288
00:13:45,680 --> 00:13:51,020
Comme une note de côté, je pense que le Test 1 est
principalement plus difficile que Quiz 0, car

289
00:13:51,020 --> 00:13:54,600
les choses que vous faites, vous
ont pas fait autant.

290
00:13:54,600 --> 00:13:58,100
Pour mettre les choses d'une autre manière, pour Quiz 0,
vous aviez écrit un grand nombre de C. Et nous

291
00:13:58,100 --> 00:13:58,880
vous interroge sur C.

292
00:13:58,880 --> 00:14:02,310
>> Pour Quiz 1, nous allons vous poser des questions sur
PHP et JavaScript, qui vous

293
00:14:02,310 --> 00:14:03,490
ont pas écrit autant de.

294
00:14:03,490 --> 00:14:07,590
Nous allons vous poser des questions sur C-code
vous n'avez pas écrit autant de,

295
00:14:07,590 --> 00:14:09,130
C ce truc avancé.

296
00:14:09,130 --> 00:14:11,520
Donc vraiment, pratiquer le nous stuff
parlé dans la leçon que vous

297
00:14:11,520 --> 00:14:15,260
ne l'a pas nécessairement
sur le problème posé.

298
00:14:15,260 --> 00:14:17,870
>> En parlant de cela, vous n'avez pas écrit
une pile sur un problème réglé.

299
00:14:17,870 --> 00:14:19,610
Mais c'est en cours.

300
00:14:19,610 --> 00:14:22,530
Voici l'image de haut niveau de
piles que nous montrons chaque année.

301
00:14:22,530 --> 00:14:26,180
Il s'agit de la pile de plateaux dans
la salle à manger Mather.

302
00:14:26,180 --> 00:14:30,570
À un niveau élevé, les piles sont un dernier
in, first out la structure de données.

303
00:14:30,570 --> 00:14:32,040
Cela signifie que vous allez
à mettre les choses en -

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

305
00:14:36,400 --> 00:14:39,180
La seule chose que je ne pouvais pas avoir
dit - négatif 3, 0.

306
00:14:39,180 --> 00:14:40,250
Vous mettez toutes ces choses po

307
00:14:40,250 --> 00:14:42,940
Et le dernier que vous mettez dans la première
celui qui va sortir.

308
00:14:42,940 --> 00:14:44,170
>> Vous avez donc deux opérations -

309
00:14:44,170 --> 00:14:45,260
pousser et pop.

310
00:14:45,260 --> 00:14:49,180
Tous les mets dans que j'étais
des gestes de ce genre sont poussoir.

311
00:14:49,180 --> 00:14:52,020
Et puis, quand j'arrive pour saisir
quelque chose ou rejoindre sur le dessus pour saisir

312
00:14:52,020 --> 00:14:53,940
quelque chose, c'est pop.

313
00:14:53,940 --> 00:14:55,540
Donc, nous allons mettre en œuvre des piles.

314
00:14:55,540 --> 00:14:57,870
Et nous leur avons montré en conférence
l'utilisation des tableaux.

315
00:14:57,870 --> 00:14:59,550
Mais vous pouvez les faire
en utilisant les listes chaînées.

316
00:14:59,550 --> 00:15:01,770
Une pile est une donnée conceptuelle
la structure, pas comme un

317
00:15:01,770 --> 00:15:03,760
une mise en œuvre spécifiques.

318
00:15:03,760 --> 00:15:06,420
>> Alors qu'est-ce que cela ressemble?

319
00:15:06,420 --> 00:15:07,970
Il semblerait un peu comme cela.

320
00:15:07,970 --> 00:15:10,840
Vous auriez une taille d'un entier.

321
00:15:10,840 --> 00:15:16,000
Et vous auriez un tableau de valeurs qui
nous appelons plateaux, parce que c'est

322
00:15:16,000 --> 00:15:18,570
quelle était l'image pour
nous - RC plateaux -

323
00:15:18,570 --> 00:15:21,740
et puis une certaine capacité maximale.

324
00:15:21,740 --> 00:15:27,100
Donc, ce serait pousser ressembler?

325
00:15:27,100 --> 00:15:33,250
Eh bien, si nous avons une pile s, puis à pousser
quelque chose sur s, nous aurions

326
00:15:33,250 --> 00:15:34,620
la taille de l'art.

327
00:15:34,620 --> 00:15:42,270
Et ce serait la prochaine
endroit ouvert de notre gamme.

328
00:15:42,270 --> 00:15:50,510
Donc, si nous avons trois choses dans notre pile,
alors plateaux 3 serait la prochaine

329
00:15:50,510 --> 00:15:54,290
endroit ouvert, parce que 0, 1, et
2 sont déjà remplis.

330
00:15:54,290 --> 00:16:01,790
>> Nous avons donc la valeur en
s.trays [s.size], la troisième place.

331
00:16:01,790 --> 00:16:06,290
Et puis on incrémente s.size à dire,
hey, nous avons eu trois choses avant.

332
00:16:06,290 --> 00:16:07,400
, Nous avons maintenant quatre.

333
00:16:07,400 --> 00:16:10,180
Alors la prochaine fois que vous poussez, vous êtes
va mettre quelque chose dans 4.

334
00:16:10,180 --> 00:16:15,560
Ou la prochaine fois que vous sautez, vous allez
regarder 3 au lieu de 4 ou autre.

335
00:16:15,560 --> 00:16:18,000
Et puis nous reviendrons à vrai
dire, hey, nous avons réussi.

336
00:16:18,000 --> 00:16:19,160
Cela a fonctionné.

337
00:16:19,160 --> 00:16:22,060
En règle générale, si une fonction qui est
supposée retourner true ou

338
00:16:22,060 --> 00:16:26,370
false renvoie toujours vrai, vous pouvez
ont fait quelque chose de mal.

339
00:16:26,370 --> 00:16:28,350
Donc ça marche?

340
00:16:28,350 --> 00:16:32,400
>> Eh bien, il fonctionne très bien pour 1, et
2, et 3, et 4, et cinq.

341
00:16:32,400 --> 00:16:34,640
Mais disons que j'atteins ma capacité.

342
00:16:34,640 --> 00:16:38,750
J'ai alors couru dans un problème, parce que
si la taille est la même que la capacité, je suis

343
00:16:38,750 --> 00:16:43,340
maintenant essayer de mettre quelque chose dans un
tableau où je n'ai pas d'espace.

344
00:16:43,340 --> 00:16:46,980
Donc une courte chèque à résoudre ce problème.

345
00:16:46,980 --> 00:16:51,630
Si s.size == CAPACITÉ, retourne false.

346
00:16:51,630 --> 00:16:54,130
Sinon, aller et faire ce que nous avons fait.

347
00:16:54,130 --> 00:16:55,660
Alors quoi d'autre pourrions-nous demander
sur des piles?

348
00:16:55,660 --> 00:16:56,460
Que devez-vous étudier?

349
00:16:56,460 --> 00:16:57,690
Que devez-vous pratiquer?

350
00:16:57,690 --> 00:17:01,030
>> Eh bien, la mise en œuvre pop.

351
00:17:01,030 --> 00:17:02,370
Nous avons déjà fait pousser.

352
00:17:02,370 --> 00:17:04,280
Je vais arranger ça.

353
00:17:04,280 --> 00:17:08,180
Une mise en œuvre n'est pas un tableau, où
vous utilisez une liste liée, peut-être.

354
00:17:08,180 --> 00:17:09,390
Une mise en œuvre non-int.

355
00:17:09,390 --> 00:17:10,940
Nous avons ints ici.

356
00:17:10,940 --> 00:17:11,880
Mais cela aurait pu être flotteurs.

357
00:17:11,880 --> 00:17:13,010
J'aurais pu cordes.

358
00:17:13,010 --> 00:17:14,290
Il aurait pu étoiles carac.

359
00:17:14,290 --> 00:17:17,960
Regardez quiz passées pour les types de
questions que nous avons posées sur les piles.

360
00:17:17,960 --> 00:17:20,000
>> Je dirai que nous avons couvert les piles dans
le même que nous les avons couverts de

361
00:17:20,000 --> 00:17:20,540
dernières années.

362
00:17:20,540 --> 00:17:24,400
Ainsi, les questions de quiz devrait
être une bonne indication.

363
00:17:24,400 --> 00:17:27,010
Aller de l'avant encore plus vite, les files d'attente.

364
00:17:27,010 --> 00:17:28,200
Ils sont comme des piles.

365
00:17:28,200 --> 00:17:29,960
Mais ils sont d'abord entré, premier sorti.

366
00:17:29,960 --> 00:17:33,530
Si vous êtes britannique, le mot file d'attente
probablement fait beaucoup de sens pour vous.

367
00:17:33,530 --> 00:17:36,390
Sinon, vous pouvez avoir
entendu parler de lui comme une ligne.

368
00:17:36,390 --> 00:17:38,120
Ils fonctionnent comme la ligne
sur l'Apple Store.

369
00:17:38,120 --> 00:17:40,740
La première personne à se présenter à 03h00
le matin est le premier

370
00:17:40,740 --> 00:17:42,880
personne pour acheter son iPad.

371
00:17:42,880 --> 00:17:44,260
>> Nous avons donc deux opérations -

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

373
00:17:45,720 --> 00:17:47,560
Enqueue met quelqu'un dans la ligne.

374
00:17:47,560 --> 00:17:50,070
Dequeue tire le premier
personne sur la ligne.

375
00:17:50,070 --> 00:17:52,640
Encore une fois, nous pouvons mettre en œuvre
ce avec un tableau.

376
00:17:52,640 --> 00:17:54,880
Alors, quelle est la structure de nous
montré en conférence?

377
00:17:54,880 --> 00:17:57,660
C'était celui-ci.

378
00:17:57,660 --> 00:17:59,300
Là encore, les chiffres.

379
00:17:59,300 --> 00:18:02,020
Encore une fois, la taille et cette nouvelle chose avant.

380
00:18:02,020 --> 00:18:04,880
Pourquoi est-il quelque chose appelé avant?

381
00:18:04,880 --> 00:18:07,050
C'est l'indice de la prochaine
Elément de dequeue.

382
00:18:07,050 --> 00:18:12,210
C'est juste garder à l'intérieur de la piste
le premier mec à se manifester, afin que nous

383
00:18:12,210 --> 00:18:15,005
peut le sortir quand il le faut.

384
00:18:15,005 --> 00:18:19,322
>> Certainement regarder les notes de cours et essayer
de mettre en œuvre enqueue et dequeue

385
00:18:19,322 --> 00:18:21,700
lors de l'étude pour le quiz.

386
00:18:21,700 --> 00:18:23,190
Des choses importantes à penser.

387
00:18:23,190 --> 00:18:27,260
S'enroulant autour si l'avant, plus le
taille finit plus de capacité.

388
00:18:27,260 --> 00:18:32,670
Encore une fois, si votre structure est complète,
vous allez avoir un problème.

389
00:18:32,670 --> 00:18:34,780
Hash tables que vous avez vu avant.

390
00:18:34,780 --> 00:18:39,820
La plupart d'entre vous probablement mis en œuvre
ceux-ci sur pset6.

391
00:18:39,820 --> 00:18:44,210
C'est une structure qui vise à O (1)
insertion de la constante de temps et O (1)

392
00:18:44,210 --> 00:18:46,430
recherche constante de temps.

393
00:18:46,430 --> 00:18:49,760
>> En CS50, nous avons mis ce que
un tableau de listes chaînées.

394
00:18:49,760 --> 00:18:53,690
L'élément clé à une table de hachage
est la fonction de hachage.

395
00:18:53,690 --> 00:18:58,350
Donc, il convertit votre entrée, disons,
un dictionnaire de mots, en un certain nombre,

396
00:18:58,350 --> 00:18:59,560
qui va être notre index.

397
00:18:59,560 --> 00:19:01,410
Et nous allons utiliser cet index
dans notre tableau.

398
00:19:01,410 --> 00:19:05,374
Alors, voici une petite image mignonne
de study.50.net.

399
00:19:05,374 --> 00:19:08,060
Nous jetons tous les mots dans
notre fonction de hachage.

400
00:19:08,060 --> 00:19:10,950
Et la fonction de hachage nous dit
où mettre ces mots.

401
00:19:10,950 --> 00:19:15,650
>> Cela est d'autant grande dans le pays où
il n'y a qu'un mot pour chaque emplacement.

402
00:19:15,650 --> 00:19:20,480
Mais que vous vous souvenez de pset6, il
sont plus de mots que les fentes.

403
00:19:20,480 --> 00:19:23,080
Donc ce qui arrive quand vous
obtenir une collision?

404
00:19:23,080 --> 00:19:26,730
Au lieu de stocker une valeur dans,
disons, table de hachage 3, vous

405
00:19:26,730 --> 00:19:27,990
stocker une liste chaînée.

406
00:19:27,990 --> 00:19:32,900
Et si au lieu d'avoir cantaloup
ici, vous auriez une liste chaînée,

407
00:19:32,900 --> 00:19:34,190
où le premier noeud est le cantaloup.

408
00:19:34,190 --> 00:19:35,260
Et le nœud suivant est chat.

409
00:19:35,260 --> 00:19:38,970
Et le troisième noeud de collision, nous allons
dire, parce que tous ces mots commencent

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

411
00:19:41,110 --> 00:19:42,700
>> Ainsi, la plupart d'entre vous ont fait ce pour pset6.

412
00:19:42,700 --> 00:19:45,685
Si vous n'avez pas fait une table de hachage sur pset6
et vous avez essayé quelque chose comme

413
00:19:45,685 --> 00:19:47,720
un trie, revoir définitivement les tables de hachage.

414
00:19:47,720 --> 00:19:50,650
Si vous avez faites sur pset6, définitivement
examiner les tables de hachage.

415
00:19:50,650 --> 00:19:53,610
Et si vous l'avez fait sur pset6 et il n'a pas
travailler tout à fait raison et vous

416
00:19:53,610 --> 00:19:56,150
eu beaucoup de mal avec elle, définitivement
examiner les tables de hachage.

417
00:19:56,150 --> 00:20:01,610
Donc, la leçon est vraiment définitivement
examiner les tables de hachage.

418
00:20:01,610 --> 00:20:07,130
>> La grande minorité d'entre vous essayé
tente sur pset6.

419
00:20:07,130 --> 00:20:08,570
Image de haut niveau.

420
00:20:08,570 --> 00:20:15,150
C'est quelque chose comme ça, où chaque
noeud dispose d'un ensemble d'enfants, où chaque

421
00:20:15,150 --> 00:20:17,100
enfant correspond à une lettre.

422
00:20:17,100 --> 00:20:20,520
Et chaque nœud dit aussi,
hey, je suis un mot.

423
00:20:20,520 --> 00:20:25,933
Donc, dans ce cas, le mot de Maxwell,
si vous suivez le M de la A à la

424
00:20:25,933 --> 00:20:28,530
X-W-E-L-L et puis suivez l'un plus.

425
00:20:28,530 --> 00:20:32,800
Et vous obtenez ce symbole, delta, qui
nous signifions à dire c'est un mot.

426
00:20:32,800 --> 00:20:34,780
Donc, Maxwell est un mot.

427
00:20:34,780 --> 00:20:38,430
Ces deltas sont dans l'ensemble signifiant
où les choses sont des mots et qui

428
00:20:38,430 --> 00:20:40,360
les choses ne sont pas.

429
00:20:40,360 --> 00:20:46,400
>> Ainsi, dans pset6, les données que nous stockées
aux côtés de l'un de nos nœuds était «Je suis un

430
00:20:46,400 --> 00:20:52,630
mot. "Et la chose cool à propos de tentatives
est qu'ils démontrent l'insertion et

431
00:20:52,630 --> 00:20:55,080
rechercher dans O (longueur d'un mot).

432
00:20:55,080 --> 00:20:59,450
Il suffit donc de passer à travers Maxwell, c'est
M-A-X-W-E-L-L. Donc, sept ou huit -

433
00:20:59,450 --> 00:21:00,360
Je ne peux pas compter -

434
00:21:00,360 --> 00:21:03,920
étapes pour arriver à la fin
et vérifier les choses.

435
00:21:03,920 --> 00:21:06,800
Mise en œuvre aussi rapide ici.

436
00:21:06,800 --> 00:21:10,230
Rob est passé par un lien
liste dans son post-mortem.

437
00:21:10,230 --> 00:21:11,600
Donc vérifier.

438
00:21:11,600 --> 00:21:11,720
Désolé.

439
00:21:11,720 --> 00:21:13,240
Je suis passé par un trie dans son post-mortem.

440
00:21:13,240 --> 00:21:14,260
Donc vérifier.

441
00:21:14,260 --> 00:21:24,410
>> Mais vous avez fondamentalement chaque noeud a 27
pointeurs vers les prochaines nœuds et un

442
00:21:24,410 --> 00:21:27,050
Boolean suis-je pour un mot.

443
00:21:27,050 --> 00:21:31,530
Consultez le post-mortem de Rob pour combien
ceci est effectivement mis en oeuvre.

444
00:21:31,530 --> 00:21:34,750
Notre structure finale, nos arbres
et arbres binaires de recherche.

445
00:21:34,750 --> 00:21:41,530
Donc, en regardant ceux-ci, ceux-ci ont été couverts
plus récemment la Semaine 8, lundi.

446
00:21:41,530 --> 00:21:46,960
Un arbre est similaire à un trie, sauf que vous
n'ont pas nécessairement 27 noeuds à

447
00:21:46,960 --> 00:21:47,500
chaque point.

448
00:21:47,500 --> 00:21:52,820
Et vous n'avez pas ces données à chaque
l'étape qui indique si le -

449
00:21:52,820 --> 00:21:54,030
le chemin n'a pas d'importance.

450
00:21:54,030 --> 00:22:00,870
Alors qu'un trie, le chemin de haut en
fond, Maxwell, était important pour nous.

451
00:22:00,870 --> 00:22:05,270
>> Mais chaque noeud a multiple
enfants, peut-être.

452
00:22:05,270 --> 00:22:07,290
Nous avons un peu plus de vocabulaire.

453
00:22:07,290 --> 00:22:09,530
La racine de l'arbre
est au sommet.

454
00:22:09,530 --> 00:22:12,520
Et nous disons que le très plus basse
les noeuds qui n'ont pas d'

455
00:22:12,520 --> 00:22:14,530
les enfants sont les feuilles.

456
00:22:14,530 --> 00:22:18,040
Donc, comme un trie, un arbre est
une structure de noeuds.

457
00:22:18,040 --> 00:22:21,490
Un type courant de l'arbre que nous allons
parler est un arbre binaire, où

458
00:22:21,490 --> 00:22:26,040
chaque nœud n'a pas d'enfants ou
un ou deux enfants.

459
00:22:26,040 --> 00:22:28,890
Donc, cette image n'est pas ici
un arbre binaire, car

460
00:22:28,890 --> 00:22:32,890
nœud 3 a trois enfants.

461
00:22:32,890 --> 00:22:38,140
>> Mais si nous devions ignorer ceux, le reste
de celui-ci est un arbre binaire, car il

462
00:22:38,140 --> 00:22:43,200
démontre la propriété que chaque nœud
a zéro, un, ou deux enfants.

463
00:22:43,200 --> 00:22:46,400
Alors, comment pourrions-nous exprimer dans le code?

464
00:22:46,400 --> 00:22:51,460
Nous pourrions avoir un noeud où chaque noeud a
un nombre entier à l'intérieur de celui-ci, ainsi

465
00:22:51,460 --> 00:22:55,590
comme un pointeur vers l'arborescence de gauche
et un pointeur vers l'arborescence de

466
00:22:55,590 --> 00:22:59,510
droite, de sorte que les deux enfants.

467
00:22:59,510 --> 00:23:00,880
Comment est-ce utile?

468
00:23:00,880 --> 00:23:05,740
Eh bien, si nous faisons des règles sur l'endroit où nous
mettre nœuds, nous pouvons faire une recherche plus rapide.

469
00:23:05,740 --> 00:23:10,630
>> Donc, il ya une notion de recherche binaire
arbre, où tous les nœuds du

470
00:23:10,630 --> 00:23:14,420
sous-arbre gauche ont une valeur inférieure
que le nœud nous regarder.

471
00:23:14,420 --> 00:23:17,880
Et tous les nœuds du sous-arbre droit
avoir une plus grande valeur

472
00:23:17,880 --> 00:23:18,660
que le noeud racine.

473
00:23:18,660 --> 00:23:20,670
Maintenant, qui ressemble à un grand nombre de mots.

474
00:23:20,670 --> 00:23:23,770
Je vais mettre à l'intérieur de la double
devis et vous montrer une photo.

475
00:23:23,770 --> 00:23:27,010
Voici donc un exemple de
un arbre de recherche binaire.

476
00:23:27,010 --> 00:23:28,770
Voyons que nous commençons avec 10.

477
00:23:28,770 --> 00:23:31,780
Tout à la gauche de
10 est plus petit que lui.

478
00:23:31,780 --> 00:23:33,130
Et tout à droite
est plus grand que lui.

479
00:23:33,130 --> 00:23:37,620
>> Mais plus encore que cela, chaque noeud
l'arbre exprime cette propriété.

480
00:23:37,620 --> 00:23:42,110
Donc le noeud 7 a une 3 à la
à gauche et un à droite 9.

481
00:23:42,110 --> 00:23:44,440
Donc, tous ceux qui sont plus petits que 10.

482
00:23:44,440 --> 00:23:50,470
Mais en regardant juste ceux qui, le 7 a
3 à sa gauche et 9 à droite.

483
00:23:50,470 --> 00:23:56,100
Et de même sur la droite, 15 a 14
à sa gauche et 50 à droite.

484
00:23:56,100 --> 00:24:03,770
Ainsi, les trois nœuds plus là, 15, 14,
et 50, sont également un arbre binaire valide

485
00:24:03,770 --> 00:24:05,480
ou un arbre binaire de recherche valide.

486
00:24:05,480 --> 00:24:07,250
Et ils sont tous plus grands que 10.

487
00:24:07,250 --> 00:24:08,960
Ils sont donc autorisés à être
sur la droite il.

488
00:24:08,960 --> 00:24:09,940
Y at-il une question?

489
00:24:09,940 --> 00:24:12,580
>> PUBLIC: Comment réagissez-vous quand
vous avez deux sept?

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

491
00:24:12,850 --> 00:24:16,550
Comment gérez-vous les deux valeurs
qui sont les mêmes?

492
00:24:16,550 --> 00:24:21,465
Certains arbres binaires de recherche disent que vous
ignorer les doublons, parce que le but est

493
00:24:21,465 --> 00:24:24,280
juste pour dire, j'ai vu
ces choses jusqu'à présent.

494
00:24:24,280 --> 00:24:28,120
Certains arbres binaires de recherche, vous pouvez dire
avoir un comptage à l'intérieur du noeud.

495
00:24:28,120 --> 00:24:32,000
D'autres pourraient dire que tout ce qui
la gauche est inférieure ou égale à.

496
00:24:32,000 --> 00:24:33,470
Et tout à droite
est supérieure.

497
00:24:33,470 --> 00:24:36,520
>> Cela dépend de ce que le
problème est que vous résolvez.

498
00:24:36,520 --> 00:24:40,840
Donc, dans un dictionnaire, par exemple, vous
ne serait pas soucier de doublons.

499
00:24:40,840 --> 00:24:41,490
Vous voulez les jeter.

500
00:24:41,490 --> 00:24:44,719
Mais un autre problème que vous pourriez soins.

501
00:24:44,719 --> 00:24:49,242
>> PUBLIC: Est-il possible d'avoir
un 1 à la gauche de 15, ce qui

502
00:24:49,242 --> 00:24:50,590
est inférieure à 10?

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

504
00:24:51,885 --> 00:24:56,570
Si le 14 ici étaient un 1, ce serait
ne pas être un arbre binaire de recherche valide,

505
00:24:56,570 --> 00:25:00,840
parce que tout à droite de
10 doit être plus grand que lui.

506
00:25:00,840 --> 00:25:02,300
Et nous allons voir pourquoi.

507
00:25:02,300 --> 00:25:07,960
Si, dans le pays de recherche, mon objectif est
de trouver 14, je commence à la racine.

508
00:25:07,960 --> 00:25:08,500
Donc, je regarde.

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

510
00:25:08,710 --> 00:25:10,670
Nous allons commencer à la racine.

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

512
00:25:12,500 --> 00:25:16,050
>> Eh bien, 14, notre objectif,
est plus grand que 10.

513
00:25:16,050 --> 00:25:17,370
Donc, il doit être sur la droite.

514
00:25:17,370 --> 00:25:21,780
Ceci est très similaire à l'ensemble de téléphone
livre chose que nous avons, le binaire

515
00:25:21,780 --> 00:25:23,720
chercher là-bas.

516
00:25:23,720 --> 00:25:26,430
Mais au lieu de la recherche binaire
dans un tableau, nous sommes binaire

517
00:25:26,430 --> 00:25:28,490
recherche dans cet arbre.

518
00:25:28,490 --> 00:25:31,260
Donc, nous sommes toujours à la recherche de 14.

519
00:25:31,260 --> 00:25:32,480
Eh bien, 14 est plus petit que 15.

520
00:25:32,480 --> 00:25:36,430
Donc, si c'est dans notre arbre, il doit
être dans ce domaine ici.

521
00:25:36,430 --> 00:25:39,680
Il doit se trouver à droite de
10 et à la gauche de 15.

522
00:25:39,680 --> 00:25:42,250
>> Et si nous vérifions ce nœud.

523
00:25:42,250 --> 00:25:45,790
Et yay, nous avons trouvé 14.

524
00:25:45,790 --> 00:25:46,760
Je ne vais pas passer au travers.

525
00:25:46,760 --> 00:25:48,090
Mais voici le code.

526
00:25:48,090 --> 00:25:49,690
C'est en fait relativement
simple,

527
00:25:49,690 --> 00:25:52,630
car cette fonction est récursive.

528
00:25:52,630 --> 00:25:55,420
Que pourrions-nous vous demander de faire un test?

529
00:25:55,420 --> 00:25:57,000
Nous pourrions vous demander d'écrire ce code.

530
00:25:57,000 --> 00:25:59,170
Nous pourrions vous demander de regarder le code
et modifier ce code et expliquer ce

531
00:25:59,170 --> 00:26:00,210
qu'il fait.

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

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

534
00:26:00,770 --> 00:26:04,240
>> PUBLIC: Est-ce que ces diapositives vont être
mis à disposition comme ils étaient la dernière fois?

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

536
00:26:04,740 --> 00:26:06,460
Ainsi, ces diapositives sera certainement
être affiché.

537
00:26:06,460 --> 00:26:08,640
>> PUBLIC: Ils sont effectivement publiés
en ce moment sur le site.

538
00:26:08,640 --> 00:26:10,020
David faisait ça.

539
00:26:10,020 --> 00:26:12,720
>> R.J. AQUINO: Les lames sont
en ce moment sur le site.

540
00:26:12,720 --> 00:26:16,420
Je vais probablement patcher un couple de
les fautes de frappe je noté et à les résoudre.

541
00:26:16,420 --> 00:26:19,940
Mais il ya un courant
version sur le site.

542
00:26:19,940 --> 00:26:21,820
D'autres choses que nous pourrions vous demander de faire -

543
00:26:21,820 --> 00:26:23,790
écrire insert.

544
00:26:23,790 --> 00:26:27,490
Ecrire une version itérative de la
fonction récursive nous venons vous a montré

545
00:26:27,490 --> 00:26:32,520
ou parler de ces choses, comme dans
paragraphes, des mots, des phrases.

546
00:26:32,520 --> 00:26:35,760
En comparant les temps d'exécution et d'expliquer
ce que vous souhaitez utiliser un binaire

547
00:26:35,760 --> 00:26:39,200
arbre de recherche pour la place d'un
la table de hachage, par exemple.

548
00:26:39,200 --> 00:26:43,580
>> Donc, comprendre ces structures
à un niveau très profond.

549
00:26:43,580 --> 00:26:47,440
Comprendre comment les écrire, comment
les utiliser, comment parler à leur sujet.

550
00:26:47,440 --> 00:26:50,270
Et vous serez tous ensemble.

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

552
00:26:50,630 --> 00:26:55,070
>> PUBLIC: Quand vous écrivez le
arbre binaire de recherche, comment vous faites

553
00:26:55,070 --> 00:27:01,460
déterminer la valeur à
faire comme la racine?

554
00:27:01,460 --> 00:27:06,120
>> R.J. AQUINO: Donc la question était, ce
valeur faites-vous en tant que root?

555
00:27:06,120 --> 00:27:08,760
En fonction de votre code, vous
peut avoir une racine mondiale.

556
00:27:08,760 --> 00:27:14,290
Donc, vous avez probablement eu à
pset6 une table globale de hachage.

557
00:27:14,290 --> 00:27:18,640
Ou vous pourriez passer la racine
comme argument.

558
00:27:18,640 --> 00:27:23,810
Donc, cette fonction de recherche ici
prend un argument un noeud *.

559
00:27:23,810 --> 00:27:27,420
Et si le noeud qui vous arrive d'être
regarder est celui que vous traitez

560
00:27:27,420 --> 00:27:31,510
comme racine lorsque vous passez po

561
00:27:31,510 --> 00:27:32,320
Et je suis prêt.

562
00:27:32,320 --> 00:27:33,480
Ce sont mes diapositives.

563
00:27:33,480 --> 00:27:35,940
La prochaine personne peut venir échange
dans un ordinateur portable et le micro.

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

565
00:27:47,390 --> 00:27:49,760
>> ROB BOWDEN: Je pense que je pourrais avoir
interprété cette question différemment.

566
00:27:49,760 --> 00:27:53,826
Mais je interprété comme, si vous avez
les numéros 1, 2, et 3, comment pouvons-nous

567
00:27:53,826 --> 00:27:56,720
savoir faire 2 la racine
par opposition à 1 ou 3?

568
00:27:56,720 --> 00:27:59,480
Si nous faisons 2 la racine, alors il est bien
1 et 3 à gauche et à droite.

569
00:27:59,480 --> 00:28:04,610
Mais si 1 est la racine, alors il est 1 à l'
haut, 2 à droite, 3 à droite.

570
00:28:04,610 --> 00:28:10,880
Donc, par défaut, vous ne savez pas
que faire la racine.

571
00:28:10,880 --> 00:28:15,400
Et pour tout algorithme nous nous attendons à
vous donner, que la première chose que vous

572
00:28:15,400 --> 00:28:16,680
insert serait la racine.

573
00:28:16,680 --> 00:28:19,890
Ou nous vous donnerions un arbre binaire
existe déjà qui a une racine.

574
00:28:19,890 --> 00:28:24,760
Mais d'autres algorithmes existent tels que
la racine sera mise à jour, de sorte que si vous

575
00:28:24,760 --> 00:28:28,370
se retrouver dans la situation où il est 1, 2,
3, il serait automatiquement mis à jour à

576
00:28:28,370 --> 00:28:30,900
faire 2 la nouvelle racine, de sorte que
il est toujours bien équilibré.

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

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

579
00:28:34,833 --> 00:28:36,170
Hé, les gars.

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

581
00:28:37,810 --> 00:28:42,490
Et je vais finir notre C
et ensuite aller dans une partie de notre web

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

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

584
00:28:46,570 --> 00:28:49,610
Donc la première chose est de tampon
les attaques de dépassement.

585
00:28:49,610 --> 00:28:53,070
Donc, nous allons jeter un oeil à ce code.

586
00:28:53,070 --> 00:28:54,260
C'est assez simple.

587
00:28:54,260 --> 00:28:55,460
Il ya une fonction foo.

588
00:28:55,460 --> 00:28:56,990
Et il ne retourne rien.

589
00:28:56,990 --> 00:29:00,950
Mais il faut dans un pointeur
à une chaîne appelée bar.

590
00:29:00,950 --> 00:29:04,920
>> Et il va déclarer ce
tampon, qui est un personnage

591
00:29:04,920 --> 00:29:07,690
tableau qui dispose de 12 emplacements.

592
00:29:07,690 --> 00:29:11,730
Et il utilise memcpy, qui est juste un
fonction que les copies d'une adresse

593
00:29:11,730 --> 00:29:12,910
à une autre.

594
00:29:12,910 --> 00:29:19,400
Donc essaie de copier dans
notre tampon de quelque

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

596
00:29:21,140 --> 00:29:24,640
Alors une idée de ce qui ne va pas
avec ce code?

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

598
00:29:27,568 --> 00:29:30,830
>> PUBLIC: Si la barre est plus longue que
C, ils écraser.

599
00:29:30,830 --> 00:29:31,520
>> ANGELA LI: Oui, exactement.

600
00:29:31,520 --> 00:29:34,200
Nous n'avons aucune garantie que la barre
va être inférieur à 12.

601
00:29:34,200 --> 00:29:36,080
Nous avons juste fait un certain nombre arbitraire 12.

602
00:29:36,080 --> 00:29:38,380
Et nous étions comme, espérons que
notre entrée de l'utilisateur est inférieur à

603
00:29:38,380 --> 00:29:40,440
12 caractères de long.

604
00:29:40,440 --> 00:29:46,320
Ainsi, dans un monde idéal, si notre entrée est
toujours comme prévu, puis nous passerons

605
00:29:46,320 --> 00:29:47,550
quelque chose comme bonjour.

606
00:29:47,550 --> 00:29:48,920
C'est moins de 12 caractères.

607
00:29:48,920 --> 00:29:51,870
Il est lu en char c.

608
00:29:51,870 --> 00:29:53,280
Et puis nous faisons quelque chose avec elle.

609
00:29:53,280 --> 00:29:54,800
Il n'a pas vraiment d'importance.

610
00:29:54,800 --> 00:29:59,740
>> Mais une personne malveillante pourrait faire
quelque chose comme cela, où ils

611
00:29:59,740 --> 00:30:04,760
nous donner ce bar est orientée vers,
il va signaler à ce grand tableau

612
00:30:04,760 --> 00:30:06,280
de seulement un de.

613
00:30:06,280 --> 00:30:10,680
Et c'est beaucoup plus long que 12.

614
00:30:10,680 --> 00:30:13,830
Donc ça va aller tout le chemin
ici-bas à l'endroit où le retour

615
00:30:13,830 --> 00:30:15,420
adresse habitude d'être.

616
00:30:15,420 --> 00:30:17,860
Donc, disons que cette fonction
est appelé foo.

617
00:30:17,860 --> 00:30:20,970
Peut-être que foo a été appelé par un autre
fonction, qui a été appelé par principal.

618
00:30:20,970 --> 00:30:24,890
Donc, si foo est en cours d'exécution, il faut
de savoir où retourner.

619
00:30:24,890 --> 00:30:29,130
>> Si foo a été appelé par une fonction nommée
baz, il doit savoir que c'est

620
00:30:29,130 --> 00:30:30,250
obtenu pour revenir à baz.

621
00:30:30,250 --> 00:30:34,040
Et c'est ce que cette adresse de retour
ici nous dit.

622
00:30:34,040 --> 00:30:38,340
Mais si nous le remplacer par un autre
adresse, dans ce cas, il s'agit d'une

623
00:30:38,340 --> 00:30:42,650
représentation de l'adresse à la
tout début de ce tampon, puis

624
00:30:42,650 --> 00:30:45,240
ce qui va se passer réellement, c'est que
au lieu de retourner vers baz,

625
00:30:45,240 --> 00:30:48,470
qui appelle notre fonction, c'est juste
passer à l'avant de ce code.

626
00:30:48,470 --> 00:30:53,930
>> Et si c'était là parce que un
malveillant pirate mec est venu et

627
00:30:53,930 --> 00:30:56,820
injecté ce, alors peut-être ce montant
d'A n'est pas réellement un de.

628
00:30:56,820 --> 00:31:02,030
Et c'est en fait juste coder que les pauses
votre ordinateur ou quelque chose.

629
00:31:02,030 --> 00:31:05,930
Donc, pour être sur la défensive sur ce genre de
chose, vous devez jamais supposer que

630
00:31:05,930 --> 00:31:09,120
l'entrée d'utilisateur est un certain
quantité de caractères.

631
00:31:09,120 --> 00:31:13,310
Par exemple, quand vous faisiez
orthographique, on vous a dit que les mots étaient

632
00:31:13,310 --> 00:31:15,580
ne va pas être de 40 caractères
de long au maximum.

633
00:31:15,580 --> 00:31:16,570
Et ce qui était bon.

634
00:31:16,570 --> 00:31:20,150
>> Mais sinon, vous auriez à
assurez-vous de lire que dans 45

635
00:31:20,150 --> 00:31:21,520
caractères à la fois.

636
00:31:21,520 --> 00:31:24,430
Sinon, vous pourriez remplacer
votre tampon.

637
00:31:24,430 --> 00:31:26,140
Vous avez des questions à ce sujet.

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

639
00:31:26,733 --> 00:31:28,850
>> PUBLIC: Pourriez-vous nous parler
un peu plus sur ceux-ci?

640
00:31:28,850 --> 00:31:29,790
>> ANGELA LI: Désolé.

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

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

643
00:31:32,813 --> 00:31:35,870
>> AUDIENCE: Le micro est juste pour la vidéo.

644
00:31:35,870 --> 00:31:37,640
Je vais essayer de projet.

645
00:31:37,640 --> 00:31:39,900
Salut, les gars.

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

647
00:31:40,920 --> 00:31:45,330
Donc, revenons sur quelques choses dans le
bibliothèque CS50, que vous avez utilisé

648
00:31:45,330 --> 00:31:49,072
tout le semestre, la plupart du temps
d'obtenir les commentaires de l'utilisateur.

649
00:31:49,072 --> 00:31:53,140
Comme vous le savez, vous incluez le CS50
bibliothèque en faisant juste CS50.h, qui

650
00:31:53,140 --> 00:31:55,660
contient tous les prototypes de l'
fonctions que vous pouvez utiliser, comme

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

652
00:31:58,640 --> 00:32:02,870
Et il ya cette ligne dans le CS50
bibliothèque qui définit une chaîne de caractères, qui

653
00:32:02,870 --> 00:32:05,380
vous les gars savent tous maintenant
est juste un char *.

654
00:32:05,380 --> 00:32:07,900
>> Mais jetons un coup d'oeil à
comment GetString fonctionne.

655
00:32:07,900 --> 00:32:10,010
Il s'agit d'une version très abrégée.

656
00:32:10,010 --> 00:32:15,090
Vous pouvez retirer les fichiers de bibliothèque de CS50
de, je pense, manuals.CS50.net.

657
00:32:15,090 --> 00:32:16,750
Et vous pouvez lire
la fonction réelle.

658
00:32:16,750 --> 00:32:19,330
Mais ce couvre une partie de
les parties importantes.

659
00:32:19,330 --> 00:32:23,870
Nous avons donc créé une sorte de tampon
avec une certaine capacité.

660
00:32:23,870 --> 00:32:27,570
Et ce que nous faisons, c'est que nous obtenir un caractère
à un moment de la norme n.

661
00:32:27,570 --> 00:32:30,910
C'est là que les entrées de l'utilisateur
texte dans la console.

662
00:32:30,910 --> 00:32:33,430
>> Et donc nous allons lire dans un
caractère tant que ce n'est pas une nouvelle

663
00:32:33,430 --> 00:32:37,220
ligne et ce n'est pas la fin du fichier, qui
est la fin de l'entrée standard.

664
00:32:37,220 --> 00:32:45,690
Et pour chaque caractère que nous lisons dans,
si ce caractère se retrouve en ajoutant

665
00:32:45,690 --> 00:32:50,120
pour le nombre de caractères que nous avons lu
et c'est en plus de notre capacité,

666
00:32:50,120 --> 00:32:53,490
alors ce que nous faisons est de redimensionner seulement notre
tampon de sorte qu'il est deux fois plus longtemps.

667
00:32:53,490 --> 00:32:56,950
Encore une fois, cette protection contre les buffer
les attaques de dépassement, parce que vous lisez dans

668
00:32:56,950 --> 00:32:58,315
un caractère à la fois.

669
00:32:58,315 --> 00:33:02,290
Et si à tout moment vous lisez trop
beaucoup, vous venez de développer votre tampon.

670
00:33:02,290 --> 00:33:03,330
Vous multipliez par deux.

671
00:33:03,330 --> 00:33:05,510
Et puis, vous avez plus de place.

672
00:33:05,510 --> 00:33:09,120
>> Sinon, il suffit d'ajouter
un caractère de tampon.

673
00:33:09,120 --> 00:33:15,080
Et une fois que vous avez lu dans tous les
caractères, il va diminuer le tampon

674
00:33:15,080 --> 00:33:18,510
retour à la taille normale, ajouter un
terminateur null, puis revenir.

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

676
00:33:21,880 --> 00:33:24,960
Maintenant, regardons GetInt.

677
00:33:24,960 --> 00:33:27,700
Vous avez peut lire ceci?

678
00:33:27,700 --> 00:33:30,710
Je peux zoomer un peu.

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

680
00:33:33,410 --> 00:33:34,660
Je ne sais pas comment les ordinateurs fonctionnent.

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

682
00:33:40,840 --> 00:33:41,270
Ce n'est rien.

683
00:33:41,270 --> 00:33:42,520
Je ne peux pas faire correctement.

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

685
00:33:47,500 --> 00:33:48,770
>> C'est vraiment dur.

686
00:33:48,770 --> 00:33:49,180
Je suis désolé.

687
00:33:49,180 --> 00:33:51,490
Regardons simplement à cela.

688
00:33:51,490 --> 00:33:57,140
Alors qu'est-ce GetInt fait est qu'il lit d'abord
dans une chaîne de GetString, qui

689
00:33:57,140 --> 00:33:59,250
nous avons mis en avant.

690
00:33:59,250 --> 00:34:02,945
Et le rôle important de noter ici
est si ce partage qu'il finit

691
00:34:02,945 --> 00:34:06,400
la lecture est comme pas réellement une chaîne,
puis nous retournons juste INT_MAX à

692
00:34:06,400 --> 00:34:09,409
représenter l'échec.

693
00:34:09,409 --> 00:34:12,645
Pourquoi ne nous revenons INT_MAX place
négatif de 1 ou 1?

694
00:34:12,645 --> 00:34:13,895
Des idées?

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

696
00:34:16,853 --> 00:34:19,350
>> PUBLIC: [inaudible]
1 négative sur un.

697
00:34:19,350 --> 00:34:20,070
>> ANGELA LI: Oui, exactement.

698
00:34:20,070 --> 00:34:24,560
Donc, vous êtes beaucoup plus susceptibles de vouloir juste
à l'entrée 1 ou négatif de 1 lorsque vous êtes invité

699
00:34:24,560 --> 00:34:27,469
pour une énième et tout Maxes nième.

700
00:34:27,469 --> 00:34:27,969
C'est énorme.

701
00:34:27,969 --> 00:34:29,690
Vous n'allez probablement pas à l'utiliser.

702
00:34:29,690 --> 00:34:32,690
Donc, c'est comme une décision de conception à
assurez-vous que vous n'avez pas accidentellement

703
00:34:32,690 --> 00:34:38,540
retourner une erreur ou si vous ne retournez pas
1, qui peut être analysé

704
00:34:38,540 --> 00:34:41,199
comme une réponse correcte.

705
00:34:41,199 --> 00:34:45,110
Donc, si il n'existe pas de ligne,
nous revenons RC-MAX.

706
00:34:45,110 --> 00:34:48,090
Sinon, nous utilisons sscanf,
qui est comme scanf.

707
00:34:48,090 --> 00:34:49,449
Mais il lit dans une chaîne.

708
00:34:49,449 --> 00:34:54,310
>> Et nous avons cette formaté
chaîne, qui est% i% c.

709
00:34:54,310 --> 00:34:57,440
Et nous essayons et accompagnons avec
ce que l'utilisateur nous a donné.

710
00:34:57,440 --> 00:35:01,420
Nous voulons que le nombre de choses appariés
pour être 1, ce qui signifie que l'on ne

711
00:35:01,420 --> 00:35:04,940
vraiment envie de correspondre à un nombre entier
peut-être entouré de blanc

712
00:35:04,940 --> 00:35:06,840
l'espace, peut-être pas.

713
00:35:06,840 --> 00:35:10,710
Dans ce cas, si vous mettez quelque chose
comme bar, ne correspond pas du tout,

714
00:35:10,710 --> 00:35:14,400
car il faut
un nombre entier au début.

715
00:35:14,400 --> 00:35:17,060
Donc sscan jamais tourné 0.

716
00:35:17,060 --> 00:35:19,640
Donc, vous ne revenez pas.

717
00:35:19,640 --> 00:35:23,850
>> Alternativement, si vous mettez quelque chose
comme 1, 2, 3, A, B, C, que l'élément correspondant

718
00:35:23,850 --> 00:35:27,180
à la fois le nombre entier mais également
le caractère après.

719
00:35:27,180 --> 00:35:29,990
Donc sscanf sera de retour 2, qui
n'est pas non plus idéal.

720
00:35:29,990 --> 00:35:34,620
Vous ne voulez pas 1, 2, 3, A,
B, C pour un int valide.

721
00:35:34,620 --> 00:35:36,990
Alors que aussi ne fonctionne pas.

722
00:35:36,990 --> 00:35:38,530
Mais dire que vous mettez dans quelque chose comme 50.

723
00:35:38,530 --> 00:35:42,460
Cela correspondre au% i, ce qui signifie
il obtiendra lire dans n.

724
00:35:42,460 --> 00:35:44,790
Et maintenant, n contient le numéro 50.

725
00:35:44,790 --> 00:35:46,110
Et puis, vous pouvez le retourner.

726
00:35:46,110 --> 00:35:49,270
>> Sinon, vous frappez Retry.

727
00:35:49,270 --> 00:35:55,790
Et puis il va juste encore jusqu'à ce que
vous obtenez une bonne entrée de l'utilisateur.

728
00:35:55,790 --> 00:35:56,891
Vous avez des questions à ce sujet?

729
00:35:56,891 --> 00:36:02,182
>> PUBLIC: Donc, si vous étiez à imprimer
la valeur de la GetInt sur [inaudible]

730
00:36:02,182 --> 00:36:06,250
serait-il juste le nombre entier et max?

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

732
00:36:07,440 --> 00:36:11,780
Donc, si vous utilisez GetInt, vous devez supposer
que vous ne voulez pas nième max de

733
00:36:11,780 --> 00:36:15,328
une entrée valide, parce que vous allez
à supposer que c'était mauvais.

734
00:36:15,328 --> 00:36:27,740
>> PUBLIC: Si nous n'avions pas char c et
quelqu'un mis en 1, 2, 3, Sam, ne serait-il

735
00:36:27,740 --> 00:36:29,430
travailler encore pour 1, 2, 3?

736
00:36:29,430 --> 00:36:29,750
>> ANGELA LI: Je pense que cela fonctionnerait.

737
00:36:29,750 --> 00:36:33,340
Mais vous ne voulez pas 123Sam à
une entrée valide par un utilisateur.

738
00:36:33,340 --> 00:36:34,670
Ce n'est pas vraiment un int.

739
00:36:34,670 --> 00:36:36,840
Donc, il ne semble pas juste
de l'analyser comme 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
Dans ce cas, nous allons déménager
à l'Internet.

743
00:36:45,800 --> 00:36:49,120
Donc HTTP n'est pas une langue.

744
00:36:49,120 --> 00:36:56,060
HTTP est simplement l'ensemble des normes pour
comment vous envoyez des choses des clients,

745
00:36:56,060 --> 00:36:57,280
c'est vous, aux serveurs.

746
00:36:57,280 --> 00:36:59,730
C'est d'autres personnes sur le web.

747
00:36:59,730 --> 00:37:02,900
>> Donc HTTP signifie Hypertext
Protocole de transfert.

748
00:37:02,900 --> 00:37:04,610
C'est le cœur et l'âme
de l'ensemble du Web.

749
00:37:04,610 --> 00:37:07,050
La partie hypertexte juste
se réfère à HTML.

750
00:37:07,050 --> 00:37:10,690
Le transfert est comme clients
vous allez envoyer des demandes de

751
00:37:10,690 --> 00:37:13,060
serveurs, qui donnent des réponses.

752
00:37:13,060 --> 00:37:16,380
Et le protocole est juste, comment faire
vous vous attendez à un serveur de se comporter?

753
00:37:16,380 --> 00:37:19,960
Et comment êtes-vous censé se comporter
de telle sorte que vous pouvez rationaliser cette

754
00:37:19,960 --> 00:37:21,920
processus de communication?

755
00:37:21,920 --> 00:37:26,650
>> Donc requêtes HTTP ressemblent beaucoup cela.

756
00:37:26,650 --> 00:37:28,070
GET est le type de demande.

757
00:37:28,070 --> 00:37:31,220
Les gars, vous avez vu les requêtes GET
et les requêtes POST.

758
00:37:31,220 --> 00:37:36,690
Ce deuxième chose là-bas, / me, qui est
juste l'URI ou l'URL de l'endroit où vous

759
00:37:36,690 --> 00:37:38,140
envie d'aller dans l'hôte.

760
00:37:38,140 --> 00:37:44,140
Donc, cette demande demande l'
page, comme www.facebook.com / moi.

761
00:37:44,140 --> 00:37:45,300
Et c'est une requête GET.

762
00:37:45,300 --> 00:37:51,020
Et puis ce HTTP/1.1, qui est juste
la version de HTTP que vous utilisez.

763
00:37:51,020 --> 00:37:55,020
Il est presque toujours 1.1.

764
00:37:55,020 --> 00:37:56,880
>> Et puis il ya un tas
d'autres choses aussi.

765
00:37:56,880 --> 00:38:02,510
Vous pouvez voir ces si vous
ouvrir votre console lorsque vous êtes

766
00:38:02,510 --> 00:38:03,770
naviguer sur le Web.

767
00:38:03,770 --> 00:38:07,290
Réponses ressembler à quelque chose
plus comme ça.

768
00:38:07,290 --> 00:38:09,620
La partie supérieure est, à nouveau, la
type de HTTP que vous utilisez

769
00:38:09,620 --> 00:38:12,310
suivi d'un code d'état.

770
00:38:12,310 --> 00:38:14,700
Donc 200 OK est tout a.

771
00:38:14,700 --> 00:38:16,200
Voici votre contenu.

772
00:38:16,200 --> 00:38:17,390
Votre contenu va suivre.

773
00:38:17,390 --> 00:38:21,730
Et puis il vous dira quel genre
de contenu et d'autres choses aussi.

774
00:38:21,730 --> 00:38:24,620
>> Les codes d'état, il existe quelques
ceux importantes que vous devez savoir.

775
00:38:24,620 --> 00:38:26,460
200 OK est comme d'or de tout.

776
00:38:26,460 --> 00:38:28,490
Tout fonctionne.

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

778
00:38:29,710 --> 00:38:32,910
Ce que vous avez probablement déjà vu si vous avez oublié
chmod quelque chose de bien.

779
00:38:32,910 --> 00:38:34,510
Cela signifie que vous n'avez pas
les bonnes autorisations à

780
00:38:34,510 --> 00:38:36,210
accéder à celui sur le serveur.

781
00:38:36,210 --> 00:38:38,110
C'est comme, non, vous ne pouvez pas le voir.

782
00:38:38,110 --> 00:38:39,780
404 signifie n'existe pas cette chose.

783
00:38:39,780 --> 00:38:40,400
Pas trouvé.

784
00:38:40,400 --> 00:38:41,640
Vous avez probablement vu que beaucoup.

785
00:38:41,640 --> 00:38:45,510
>> 500 Internal Server Error est généralement
comme quelque chose qui n'allait pas sur le côté

786
00:38:45,510 --> 00:38:46,460
du serveur.

787
00:38:46,460 --> 00:38:50,830
Ainsi, lorsque vous étiez implémentez pset7,
si vous aviez des erreurs PHP, vous pourriez

788
00:38:50,830 --> 00:38:53,890
effectivement aller à la page et de voir un
le groupe entier de PHP erreur choses.

789
00:38:53,890 --> 00:38:56,900
Mais cela ne se fait pas normalement,
parce que les sites Web ne veulent pas vraiment

790
00:38:56,900 --> 00:38:58,830
vous dire pourquoi leur site est cassé.

791
00:38:58,830 --> 00:39:03,370
Ils vont probablement retourner une
500 Internal Server Error.

792
00:39:03,370 --> 00:39:06,120
>> Et puis il ya 418 Je suis une théière.

793
00:39:06,120 --> 00:39:07,910
Il ya toute une histoire
pourquoi c'est une chose.

794
00:39:07,910 --> 00:39:09,860
Mais vous pouvez lire à ce sujet
sur votre propre temps.

795
00:39:09,860 --> 00:39:11,450
Il ya tout un tas de
d'autres codes d'état aussi.

796
00:39:11,450 --> 00:39:12,700
Mais ce sont ceux
vous devez savoir.

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

798
00:39:15,660 --> 00:39:18,610
Donc, nous allons parler de HTML.

799
00:39:18,610 --> 00:39:22,180
HTML, rappelez-vous, ce n'est pas un
langage de programmation.

800
00:39:22,180 --> 00:39:23,510
C'est un langage de balisage.

801
00:39:23,510 --> 00:39:25,210
Cela signifie qu'il décrit contenu.

802
00:39:25,210 --> 00:39:30,440
Il vous dit ce un document HTML ressemble
comme ou pas à quoi il ressemble

803
00:39:30,440 --> 00:39:32,230
mais comment il est structuré.

804
00:39:32,230 --> 00:39:36,110
>> Ainsi, il définit une structure et
sémantique de pages Web.

805
00:39:36,110 --> 00:39:37,830
C'est comme, c'est un paragraphe.

806
00:39:37,830 --> 00:39:40,060
Il s'agit d'une liste ordonnée.

807
00:39:40,060 --> 00:39:42,360
C'est comme une partie de ma page.

808
00:39:42,360 --> 00:39:43,260
Voici le titre.

809
00:39:43,260 --> 00:39:44,310
Il fait des trucs comme ça.

810
00:39:44,310 --> 00:39:48,770
Il ne dénomme pas tout ça, parce que
c'est ce que vous faites en CSS.

811
00:39:48,770 --> 00:39:50,270
Et il ressemble à une série
balises de imbriqués.

812
00:39:50,270 --> 00:39:54,720
Donc, pour utiliser un exemple de vraiment de base
page HTML, vous avez le DOCTYPE

813
00:39:54,720 --> 00:39:56,720
déclaration là-haut.

814
00:39:56,720 --> 00:40:00,940
>> Cette déclaration DOCTYPE est
dire, nous utilisons HTML5.

815
00:40:00,940 --> 00:40:03,370
Ensuite, vous avez le tag grand HTML.

816
00:40:03,370 --> 00:40:05,230
Il contient une tête et un corps.

817
00:40:05,230 --> 00:40:06,970
L'intérieur de la tête, vous avez le titre.

818
00:40:06,970 --> 00:40:12,950
C'est ce qui se passe dans le titre
barre de votre navigateur.

819
00:40:12,950 --> 00:40:15,810
Nous avons une balise de lien qui relie
dans une feuille de style externe.

820
00:40:15,810 --> 00:40:19,880
Et puis nous avons un script qui tire
d'un JavaScript externe ainsi.

821
00:40:19,880 --> 00:40:23,750
>> Et puis à l'intérieur de notre corps est fait
ce qui sera affiché sur la page.

822
00:40:23,750 --> 00:40:28,210
Nous avons un paragraphe, puis un
image à l'intérieur de ce paragraphe.

823
00:40:28,210 --> 00:40:32,000
Celui-ci est une image de chatons.

824
00:40:32,000 --> 00:40:35,840
Notez que l'image
tag se ferme.

825
00:40:35,840 --> 00:40:41,760
Ainsi, au lieu de l'ouverture avec une image
puis faire une autre / image, vous

826
00:40:41,760 --> 00:40:47,500
juste avoir cette petite barre
ici, qui le ferme.

827
00:40:47,500 --> 00:40:53,670
Et la balise d'image a aussi cette touche
attribut de valeur appelé alt.

828
00:40:53,670 --> 00:40:56,970
C'est le texte de remplacement qui
qui se passe lorsque vous survolez.

829
00:40:56,970 --> 00:41:03,170
>> La plupart des éléments HTML ont une certaine valeur de la clé
choses que vous pouvez lui donner, divers

830
00:41:03,170 --> 00:41:04,420
personnalisation.

831
00:41:04,420 --> 00:41:06,230

832
00:41:06,230 --> 00:41:08,705
Ouais.

833
00:41:08,705 --> 00:41:09,955
>> PUBLIC: [inaudible].

834
00:41:09,955 --> 00:41:17,510

835
00:41:17,510 --> 00:41:19,680
>> ANGELA LI: Eh bien, il est donc un
attribut de la balise.

836
00:41:19,680 --> 00:41:25,320
Donc, si vous utilisez jQuery, vous pourriez
faire sélectionnez image.getAttribute.

837
00:41:25,320 --> 00:41:27,930
Et puis vous pouvez rechercher des
obtenir l'attribut alt.

838
00:41:27,930 --> 00:41:31,040
Et il vous donnera des chatons.

839
00:41:31,040 --> 00:41:37,400
Si vous vous souvenez formes en HTML, entrée
éléments auront attributs de nom.

840
00:41:37,400 --> 00:41:41,870
Et c'est ce que PHP utilise pour envoyer
demandes lorsqu'un formulaire est soumis.

841
00:41:41,870 --> 00:41:44,762

842
00:41:44,762 --> 00:41:50,064
>> PUBLIC: Avez-vous dit quelque chose
sur la façon si vous utilisez Kittens.jpg ou

843
00:41:50,064 --> 00:41:54,410
quelque chose qui a disparus
déposer des dossiers ou d'autres fichiers?

844
00:41:54,410 --> 00:41:54,750
>> ANGELA LI: Oui.

845
00:41:54,750 --> 00:41:57,010
Donc, c'est ce qu'on appelle un rapport
chemin, parce que je ne suis pas renoncer

846
00:41:57,010 --> 00:41:58,740
vous le chemin complet.

847
00:41:58,740 --> 00:42:05,160
C'est comme quand dans C si vous faites fopen
certains fichiers, si vous hi.txt fopen, que

848
00:42:05,160 --> 00:42:09,190
hi.txt devrait être dans le même
répertoire, sauf si vous lui donnez un plus

849
00:42:09,190 --> 00:42:11,530
trajectoire complexe.

850
00:42:11,530 --> 00:42:14,900
>> PUBLIC: Donc, vous pouvez spécifier
le dossier qui [inaudible]?

851
00:42:14,900 --> 00:42:17,660
>> ANGELA LI: Oui.

852
00:42:17,660 --> 00:42:19,370
Et vous pouvez voir comment le faire.

853
00:42:19,370 --> 00:42:23,480
Mais si je voulais obtenir Kittens.jpg sur
du répertoire parent, je ferais

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
Ouais.

857
00:42:30,930 --> 00:42:32,960

858
00:42:32,960 --> 00:42:33,760
Désolé.

859
00:42:33,760 --> 00:42:34,045
Ouais.

860
00:42:34,045 --> 00:42:35,700
Oh man, j'ai oublié la question.

861
00:42:35,700 --> 00:42:36,460
Quelle était la question?

862
00:42:36,460 --> 00:42:39,570
Oh, la question était de dire, Kittens.jpg
devrait être dans le même répertoire?

863
00:42:39,570 --> 00:42:40,630
Et dans ce cas, il est.

864
00:42:40,630 --> 00:42:44,030
Mais vous pouvez aussi lui donner un certain chemin
de telle sorte qu'elle n'a pas à l'être.

865
00:42:44,030 --> 00:42:47,100

866
00:42:47,100 --> 00:42:48,350
Bon?

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
Donc, CSS, comme HTML, n'est pas
un langage de programmation.

870
00:42:55,420 --> 00:42:58,250
CSS est juste une série de règles de style.

871
00:42:58,250 --> 00:43:00,130
Il est synonyme de Cascading Style Sheets.

872
00:43:00,130 --> 00:43:03,910
Et vous l'utilisez en conjonction
HTML des pages de style.

873
00:43:03,910 --> 00:43:08,140
Donc, il ya trois façons
vous pouvez l'inclure.

874
00:43:08,140 --> 00:43:11,950
Une façon vous pouvez faire, il est dans la tête
partie de votre code HTML, vous pouvez simplement

875
00:43:11,950 --> 00:43:15,410
ouvrir une balise de style et puis coller
un peu de CSS règles là.

876
00:43:15,410 --> 00:43:16,759
C'est assez OK.

877
00:43:16,759 --> 00:43:17,228
Ouais.

878
00:43:17,228 --> 00:43:21,449
>> PUBLIC: Pourriez-vous mettre les
balises de style entre les deux, nous allons

879
00:43:21,449 --> 00:43:22,860
par exemple, le corps et / corps.

880
00:43:22,860 --> 00:43:27,400
Et alors vous seriez style
seulement dans le corps.

881
00:43:27,400 --> 00:43:28,840
>> ANGELA LI: Vous pourriez.

882
00:43:28,840 --> 00:43:29,590
Il va travailler.

883
00:43:29,590 --> 00:43:33,990
Mais vous ne devriez pas, parce que le style est
nature des métadonnées qui devrait aller en

884
00:43:33,990 --> 00:43:35,890
la tête de votre document.

885
00:43:35,890 --> 00:43:38,280
Corps devrait vraiment contenir que
ce qui se passe réellement à

886
00:43:38,280 --> 00:43:39,420
apparaître sur votre page.

887
00:43:39,420 --> 00:43:42,155
>> PUBLIC: Donc, vous mettriez le style
dans votre tête à coiffer l'

888
00:43:42,155 --> 00:43:43,930
page Web entière, non?

889
00:43:43,930 --> 00:43:44,300
>> ANGELA LI: Oui.

890
00:43:44,300 --> 00:43:50,470
Donc, mettre le style ici, ces règles CSS
s'appliquera à toute la page sur la base de

891
00:43:50,470 --> 00:43:52,100
des sélecteurs. leurs

892
00:43:52,100 --> 00:43:57,090
Donc, la meilleure façon de le faire est la place
d'avoir une balise de style dans votre tête,

893
00:43:57,090 --> 00:44:00,430
vous avez ce lien à un style externe
feuille comme je vous ai montré dans le

894
00:44:00,430 --> 00:44:01,980
exemple précédent.

895
00:44:01,980 --> 00:44:05,920
Que cela ne soit elle tente et trouve l'
déposer style.css puis la tire

896
00:44:05,920 --> 00:44:08,470
et dans les utilisations en tant que l'
styles de la page.

897
00:44:08,470 --> 00:44:10,500
Et votre style.css serait
il suffit de regarder comme ça.

898
00:44:10,500 --> 00:44:13,330
Il serait tout simplement un tas de CSS.

899
00:44:13,330 --> 00:44:16,210
>> Et enfin, il ya une autre façon, vous
peuvent inclure des CSS, qui vous avez vraiment

900
00:44:16,210 --> 00:44:17,480
ne devrait jamais faire.

901
00:44:17,480 --> 00:44:18,950
C'est l'appel en ligne de style.

902
00:44:18,950 --> 00:44:22,650
Et si n'importe quel élément HTML peuvent également
prendre un attribut de style.

903
00:44:22,650 --> 00:44:26,320
Et puis, dans cet attribut de style,
vous pouvez lui donner des règles CSS.

904
00:44:26,320 --> 00:44:29,140
Donc dans ce cas, quelle que soit div je suis
définir ici, ça va

905
00:44:29,140 --> 00:44:32,580
avoir un fond noir et
une couleur blanc texte.

906
00:44:32,580 --> 00:44:35,620
Mais vous ne devriez pas faire cela, parce que ce
cela ne se fait-il met votre style

907
00:44:35,620 --> 00:44:36,850
l'intérieur de votre code HTML.

908
00:44:36,850 --> 00:44:40,530
>> Et je sais que nous avons parlé HTML
est la structure et CSS est de style.

909
00:44:40,530 --> 00:44:42,790
Si vous faites cela, il se mélange
ensemble.

910
00:44:42,790 --> 00:44:44,550
Et ce n'est pas très propre.

911
00:44:44,550 --> 00:44:45,800
Donc, ne pas le faire.

912
00:44:45,800 --> 00:44:47,690

913
00:44:47,690 --> 00:44:52,100
L'aide d'un exemple de CSS, là-haut, nous
il suffit de sélectionner le corps du HTML

914
00:44:52,100 --> 00:44:52,380
documentaire.

915
00:44:52,380 --> 00:44:55,110
Et nous sommes comme, tout est
va être Comic Sans.

916
00:44:55,110 --> 00:44:57,290
Je ne recommande pas non plus que.

917
00:44:57,290 --> 00:44:59,940
Mais vous pourriez le faire.

918
00:44:59,940 --> 00:45:03,140
>> La deuxième règle ici, ça va
pour sélectionner l'élément de la

919
00:45:03,140 --> 00:45:04,880
la page avec l'ID principal.

920
00:45:04,880 --> 00:45:11,690
Donc, n'importe quel code HTML élément, je l'ai dit ID
= Principal, je vais vous donner qu'un

921
00:45:11,690 --> 00:45:16,020
Marge de 20 pixels et aligner tout,
tout le moins, vers le centre.

922
00:45:16,020 --> 00:45:19,030
La dernière chose que sélectionne par classe CSS.

923
00:45:19,030 --> 00:45:24,450
Ainsi, tout élément de la page que j'ai donné
une classe de section, je vais le faire

924
00:45:24,450 --> 00:45:26,602
une couleur de fond de bleu clair.

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
C'est tout ce que j'ai.

928
00:45:30,700 --> 00:45:30,890
Question?

929
00:45:30,890 --> 00:45:34,020
>> PUBLIC: Qu'est-ce que le hashtag
avant principal faire?

930
00:45:34,020 --> 00:45:36,310
>> ANGELA LI: La question est, qu'est-ce que
le hashtag avant do principale?

931
00:45:36,310 --> 00:45:40,770
Dans ce cas, le hachage dans
CSS signifie sélectionnez par ID.

932
00:45:40,770 --> 00:45:47,490
Donc, si je devais un élément HTML, comme
DIVID = principales, sélectionne règle ce CSS

933
00:45:47,490 --> 00:45:49,260
la chose avec ID principal.

934
00:45:49,260 --> 00:45:53,940
Et de même, la période devant
section est sélectionné par classe CSS ou

935
00:45:53,940 --> 00:45:56,558
sélectionner par catégorie de HTML.

936
00:45:56,558 --> 00:46:00,940
>> PUBLIC: Pourquoi est-il un a avant
6 dans la couleur de fond?

937
00:46:00,940 --> 00:46:01,270
>> ANGELA LI: Oui.

938
00:46:01,270 --> 00:46:03,360
Donc la question est, pourquoi est-il
un hachage avant le 6?

939
00:46:03,360 --> 00:46:05,320
Ceci est différent de ce hachage.

940
00:46:05,320 --> 00:46:09,500
Cela signifie que vous donnez
une couleur hexadécimal.

941
00:46:09,500 --> 00:46:14,260
Donc couleurs hexagonales, ce juste
représente une couleur.

942
00:46:14,260 --> 00:46:17,860
Et vous vous souvenez de triplets RVB lors
vous avez la criminalistique pset?

943
00:46:17,860 --> 00:46:18,770
Ceci est similaire.

944
00:46:18,770 --> 00:46:21,590
Les deux premiers chiffres représentent
combien le rouge est la couleur.

945
00:46:21,590 --> 00:46:23,260
Les deux autres représentent
combien vert.

946
00:46:23,260 --> 00:46:25,450
Et le troisième représente
combien bleu.

947
00:46:25,450 --> 00:46:30,060
Et le hachage est que cela va
pour représenter une couleur.

948
00:46:30,060 --> 00:46:35,660
>> Donc, à partir de quoi que ce soit 0, 0, 0, 0, 0, 0
jusqu'à F, F, F, F, F, F est valide.

949
00:46:35,660 --> 00:46:39,550
C'est un peu de couleur valide qui peut
être affiché par votre navigateur.

950
00:46:39,550 --> 00:46:39,790
Question?

951
00:46:39,790 --> 00:46:43,590
>> PUBLIC: Quelle est la différence entre
en utilisant par ID et par classe?

952
00:46:43,590 --> 00:46:46,470
>> ANGELA LI: La question est quelle est
la différence entre

953
00:46:46,470 --> 00:46:48,950
en utilisant par ID et classe?

954
00:46:48,950 --> 00:46:54,390
Vous ne pouvez avoir qu'un seul élément dans un
document HTML qui possède un ID donné.

955
00:46:54,390 --> 00:46:58,660
Donc, une seule chose sur ma page
est autorisé à avoir ID principal.

956
00:46:58,660 --> 00:47:02,580
Donc, vous l'utilisez pour cela est l'en-tête.

957
00:47:02,580 --> 00:47:03,850
C'est la navigation.

958
00:47:03,850 --> 00:47:05,230
C'est le pied de page.

959
00:47:05,230 --> 00:47:09,070
Les classes sont différentes, parce que vous pouvez
appliquer classes pour autant d'éléments HTML

960
00:47:09,070 --> 00:47:10,100
que vous le souhaitez.

961
00:47:10,100 --> 00:47:15,860
>> Ainsi, par exemple, j'ai fait partie de la classe,
car il n'y a probablement plus d'un

962
00:47:15,860 --> 00:47:17,540
section sur ma page.

963
00:47:17,540 --> 00:47:20,200
Vous êtes juste permis d'avoir le plus grand nombre
éléments sur la page avec la même

964
00:47:20,200 --> 00:47:23,190
classe mais une seule avec un certain ID.

965
00:47:23,190 --> 00:47:25,600
>> PUBLIC: Donc, le point représente
la classe?

966
00:47:25,600 --> 00:47:26,090
>> ANGELA LI: Oui.

967
00:47:26,090 --> 00:47:27,380
Un point représente une classe.

968
00:47:27,380 --> 00:47:29,990

969
00:47:29,990 --> 00:47:31,540
Cool.

970
00:47:31,540 --> 00:47:32,370
C'est tout ce que j'ai, les gars.

971
00:47:32,370 --> 00:47:33,544
Merci.

972
00:47:33,544 --> 00:48:13,380
>> [Applaudissements]

973
00:48:13,380 --> 00:48:14,290
>> ZAMYLA CHAN: Salut, tout le monde.

974
00:48:14,290 --> 00:48:14,880
Je suis Zamyla.

975
00:48:14,880 --> 00:48:18,830
Je vais être couvrant PHP,
MVC et SQL aujourd'hui.

976
00:48:18,830 --> 00:48:22,350

977
00:48:22,350 --> 00:48:26,110
Une grande partie du matériel que je serai
revêtement va être à peu près

978
00:48:26,110 --> 00:48:29,100
dès la sortie de pset7.

979
00:48:29,100 --> 00:48:29,700
Très bien.

980
00:48:29,700 --> 00:48:31,180
Alors qu'est-ce que PHP?

981
00:48:31,180 --> 00:48:35,150
PHP signifie pour PHP Hypertext
Préprocesseur.

982
00:48:35,150 --> 00:48:38,740
Donc il, en soi, est un récursive
nom, qui est plutôt cool.

983
00:48:38,740 --> 00:48:42,220
PHP est un langage de script côté serveur,
et il fournit les interfaces

984
00:48:42,220 --> 00:48:44,610
et les fondements logiques
de notre site Web.

985
00:48:44,610 --> 00:48:48,520
>> Donc, Angela a beaucoup parlé de l'HTML
et CSS qui fera la structure

986
00:48:48,520 --> 00:48:49,530
de ce site.

987
00:48:49,530 --> 00:48:53,210
Mais que faire si vous voulez changer que
contenu dynamique ou si elle varie

988
00:48:53,210 --> 00:48:55,240
sur la base de l'utilisateur ou
certaines conditions?

989
00:48:55,240 --> 00:48:57,060
C'est là qu'intervient PHP

990
00:48:57,060 --> 00:49:02,610
Maintenant, généralement, PHP peut prendre un peu
moins de lignes pour mettre en œuvre la même chose

991
00:49:02,610 --> 00:49:07,380
en C. C'est parce que PHP gère la mémoire
gestion pour le programmeur,

992
00:49:07,380 --> 00:49:11,170
plutôt que de nous avoir à malloc
gratuit, des choses comme ça.

993
00:49:11,170 --> 00:49:15,430
>> Mais depuis PHP est une interprétation
langue, généralement, il peut exécuter

994
00:49:15,430 --> 00:49:19,540
un peu plus lentement que C, qui
est un langage compilé.

995
00:49:19,540 --> 00:49:23,150
Parce que nous allons de l'programmation
langues, regardons comment le

996
00:49:23,150 --> 00:49:24,570
syntaxe sera différente.

997
00:49:24,570 --> 00:49:28,770
Soyons très attention à ne pas
se confondre avec ce.

998
00:49:28,770 --> 00:49:33,750
Donc, avec la syntaxe de PHP, si vous êtes
l'intégration de votre PHP intérieur d'un HTML

999
00:49:33,750 --> 00:49:40,430
fichier ou dans un fichier php. elle-même, vous
besoin de joindre le code à l'air libre

1000
00:49:40,430 --> 00:49:45,270
PHP et les balises PHP fermées comme
suit, comme sur l'écran.

1001
00:49:45,270 --> 00:49:46,660
>> Les variables en PHP.

1002
00:49:46,660 --> 00:49:51,490
Chaque variable commencera par
le signe $ suivi du nom de

1003
00:49:51,490 --> 00:49:53,150
votre variable.

1004
00:49:53,150 --> 00:49:56,530
Maintenant, les variables en PHP sont faiblement typés,
ce qui signifie que vous n'avez pas besoin

1005
00:49:56,530 --> 00:50:00,030
pour indiquer que le type de données
c'est quand vous déclarer.

1006
00:50:00,030 --> 00:50:03,505
Toutefois, cela ne veut pas dire qu'ils
n'ont pas de types à tous.

1007
00:50:03,505 --> 00:50:09,370
Donc, si je déclare une variable et viens de mettre en
il égal à 1, et alors je déclare

1008
00:50:09,370 --> 00:50:15,140
une autre variable, réglez égal à "1"
et puis un autre 1.0, ainsi,

1009
00:50:15,140 --> 00:50:19,410
en fonction du type de l'égalité
opérateurs que j'utilise, si je veux comparer

1010
00:50:19,410 --> 00:50:21,830
pour tous les types, puis
ils seront égaux.

1011
00:50:21,830 --> 00:50:25,570
Mais si je veux m'assurer que le
types sont égaux, PHP peut encore faire

1012
00:50:25,570 --> 00:50:28,690
que, même si nous n'indiquons pas
quel type il s'agit lorsque nous

1013
00:50:28,690 --> 00:50:31,170
faire d'abord le fichier.

1014
00:50:31,170 --> 00:50:33,990
>> Maintenant, en PHP, même si nous sommes
commutation de la programmation

1015
00:50:33,990 --> 00:50:39,360
langues à partir de C, nous avons encore notre
fidèle si l'état, juste comme ça.

1016
00:50:39,360 --> 00:50:43,270
Nous avons encore nos boucles while, juste
comme ça, où vous mettez dans votre

1017
00:50:43,270 --> 00:50:47,300
état et la
corps de la boucle.

1018
00:50:47,300 --> 00:50:50,360
Et puis nous avons aussi notre boucle,
qui ressemble habituellement à ceci.

1019
00:50:50,360 --> 00:50:55,330
Donc, si je voulais parcourir tous
neuf psets et présenter et appeler un

1020
00:50:55,330 --> 00:50:58,960
fonction submitPset, alors je peux le faire
ici, qui ont tous vous les gars

1021
00:50:58,960 --> 00:50:59,830
fait par ce point.

1022
00:50:59,830 --> 00:51:01,080
Félicitations, par la manière.

1023
00:51:01,080 --> 00:51:04,560

1024
00:51:04,560 --> 00:51:07,550
>> Pour l'appareil photo, les gens
dit, je vous remercie.

1025
00:51:07,550 --> 00:51:11,220
Maintenant, si vous ne voulez pas l'utiliser simplement
pour la boucle, alors PHP fait également

1026
00:51:11,220 --> 00:51:13,580
a appelé les choses boucles foreach.

1027
00:51:13,580 --> 00:51:22,210
Donc, si j'avais un tableau d'entiers, 0
à 8, stockée dans les psets de matrice,

1028
00:51:22,210 --> 00:51:27,290
alors je pourrais avoir une boucle foreach qui
parcourt chaque numéro psets.

1029
00:51:27,290 --> 00:51:30,640
Et puis je pourrais appeler la même
fonctionner huit fois,

1030
00:51:30,640 --> 00:51:31,910
comme je le faisais avant.

1031
00:51:31,910 --> 00:51:36,480
Donc pour chaque boucle est agréable, car
vous n'avez pas à si vous ne savez pas

1032
00:51:36,480 --> 00:51:39,470
la longueur exacte de la matrice que vous
ont, puis en utilisant cette boucle foreach

1033
00:51:39,470 --> 00:51:42,800
prendra soin de cela pour vous.

1034
00:51:42,800 --> 00:51:45,410
>> J'ai donc fait psets comme un tableau.

1035
00:51:45,410 --> 00:51:46,700
Voyons cela.

1036
00:51:46,700 --> 00:51:51,290
Les tableaux en PHP sont généralement les mêmes que
celles que nous avons eues en C, où

1037
00:51:51,290 --> 00:51:52,960
vous pouvez déclarer un tableau.

1038
00:51:52,960 --> 00:51:59,200
Et ici, je peux déclarer un tableau vide
puis construire dynamiquement à l'aide

1039
00:51:59,200 --> 00:52:00,850
indices que les entiers.

1040
00:52:00,850 --> 00:52:04,140
Ainsi l'indice 0, je vais stocker
un entier nommé 1.

1041
00:52:04,140 --> 00:52:09,210
À l'index 1 de ma liste, je vais
pour mémoriser la valeur 2.

1042
00:52:09,210 --> 00:52:12,670
Et à la troisième mais l'indice
deuxième numéro, je vais

1043
00:52:12,670 --> 00:52:14,870
enregistrer le numéro 12.

1044
00:52:14,870 --> 00:52:17,250
>> Maintenant, c'est bien dans ce
fonctionne, il fonctionne bien.

1045
00:52:17,250 --> 00:52:21,310
Mais dire qu'il est important pour moi
ce que chaque indice détient.

1046
00:52:21,310 --> 00:52:24,500
Pour moi, l'indice 0 signifie combien
nombreux chats j'ai.

1047
00:52:24,500 --> 00:52:27,400
Et l'indice 1 signifie combien
de nombreux hiboux j'ai.

1048
00:52:27,400 --> 00:52:29,450
Et la suivante des moyens de combien de chiens.

1049
00:52:29,450 --> 00:52:34,140
Eh bien, alors il de préciser que, au lieu
d'avoir à mémoriser 0 correspond à

1050
00:52:34,140 --> 00:52:38,090
chats et 1 à hiboux, je peux utiliser
tableaux associatifs, ce qui signifie que

1051
00:52:38,090 --> 00:52:42,260
au lieu de nombres entiers comme mes indices,
Je peux effectivement utiliser des chaînes.

1052
00:52:42,260 --> 00:52:43,290
>> Donc, c'est très utile.

1053
00:52:43,290 --> 00:52:47,130
Et vous avez fondamentalement juste remplacé
les nombres entiers avec des cordes.

1054
00:52:47,130 --> 00:52:50,074
Et là, vous avez une
tableau associatif.

1055
00:52:50,074 --> 00:52:51,930
Ouais.

1056
00:52:51,930 --> 00:52:55,800
>> PUBLIC: Y at-il une raison pour laquelle il ya
un trait de soulignement pour la deuxième

1057
00:52:55,800 --> 00:52:58,750
partie, parce que ma liste est de la baie.

1058
00:52:58,750 --> 00:53:01,330
>> ZAMYLA CHAN: La question était, est
il une raison pour laquelle il ya une

1059
00:53:01,330 --> 00:53:03,320
souligner entre ma liste et?

1060
00:53:03,320 --> 00:53:03,610
Non.

1061
00:53:03,610 --> 00:53:06,878
C'est juste la façon dont je nommer
ma variable.

1062
00:53:06,878 --> 00:53:11,670
>> PUBLIC: Sur la première
ligne, c'est un mot.

1063
00:53:11,670 --> 00:53:12,560
>> ZAMYLA CHAN: Mes excuses.

1064
00:53:12,560 --> 00:53:13,410
Je vais arranger ça.

1065
00:53:13,410 --> 00:53:13,620
Ouais.

1066
00:53:13,620 --> 00:53:15,460
Ils doivent être le même nom de variable.

1067
00:53:15,460 --> 00:53:16,710
Bonne prise.

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
Passons donc à chaîne
concaténation.

1071
00:53:22,610 --> 00:53:27,500
Si je voulais prendre deux chaînes,
alors je peux les concaténer

1072
00:53:27,500 --> 00:53:28,550
avec l'opérateur point.

1073
00:53:28,550 --> 00:53:32,440
Donc, si j'ai Milo comme un prénom
et Banana comme un nom, puis

1074
00:53:32,440 --> 00:53:35,430
concaténation avec l'opérateur point et
puis de mettre un espace entre les deux

1075
00:53:35,430 --> 00:53:39,210
fera une chaîne qui contient Milo
Banana, que je peux ensuite écho ou,

1076
00:53:39,210 --> 00:53:41,280
plutôt imprimer.

1077
00:53:41,280 --> 00:53:44,465
>> Parlant de l'écho, nous allons parler
sur un peu utile -

1078
00:53:44,465 --> 00:53:44,920
oops.

1079
00:53:44,920 --> 00:53:46,030
Je suis désolé.

1080
00:53:46,030 --> 00:53:52,920
Quelques fonctions PHP utiles.

1081
00:53:52,920 --> 00:53:56,240
Nous avons donc la -

1082
00:53:56,240 --> 00:53:57,444
difficultés techniques.

1083
00:53:57,444 --> 00:53:58,694
Une seconde.

1084
00:53:58,694 --> 00:54:16,960

1085
00:54:16,960 --> 00:54:19,550
Je l'ai envoyé.

1086
00:54:19,550 --> 00:54:22,320
problèmes de PowerPoint.

1087
00:54:22,320 --> 00:54:29,200
Et nous sommes de retour avec des fonctions PHP.

1088
00:54:29,200 --> 00:54:32,010

1089
00:54:32,010 --> 00:54:35,150
Et nous sommes de retour avec des fonctions PHP.

1090
00:54:35,150 --> 00:54:39,890
>> Nous avons donc la fonction exiger, le cas
si vous passez dans un fichier, voici tout juste

1091
00:54:39,890 --> 00:54:43,300
un exemple d'un fichier qui
Je pourrais passer po

1092
00:54:43,300 --> 00:54:47,605
Alors que comprendra le code PHP
partir de ce fichier que j'indique.

1093
00:54:47,605 --> 00:54:49,940
Et il va évaluer que po

1094
00:54:49,940 --> 00:54:54,450
Ensuite, nous avons aussi écho, qui
est un parallèle à printf.

1095
00:54:54,450 --> 00:54:57,710
Sortie est un parallèle à briser,
qui quitte le bloc de

1096
00:54:57,710 --> 00:54:58,570
code que vous êtes po

1097
00:54:58,570 --> 00:55:03,180
Et puis des contrôles vides si une donnée
variable est comme nulle ou zéro ou

1098
00:55:03,180 --> 00:55:08,482
quelle que soit est assimilée à être vide.

1099
00:55:08,482 --> 00:55:09,438
Ouais.

1100
00:55:09,438 --> 00:55:15,341
>> PUBLIC: Pour la concaténation de chaîne
une dot opérateur, en PHP, est que l'

1101
00:55:15,341 --> 00:55:20,158
même que dans JavaScript où il est à l'aide
le point de concaténation signifie en plus?

1102
00:55:20,158 --> 00:55:27,440
Donc, pour le nom complet, vous pourriez avoir dollar
signer le premier + puis + durer?

1103
00:55:27,440 --> 00:55:27,720
>> ZAMYLA CHAN: Ouais.

1104
00:55:27,720 --> 00:55:32,150
Donc la question est de savoir si nous en PHP
peuvent utiliser la même concaténation

1105
00:55:32,150 --> 00:55:33,890
comme en JavaScript avec les points positifs.

1106
00:55:33,890 --> 00:55:35,410
Et Joseph entrerons dans plus tard.

1107
00:55:35,410 --> 00:55:36,620
Je pense qu'il a une diapositive à ce sujet.

1108
00:55:36,620 --> 00:55:37,570
En fait, c'est différent.

1109
00:55:37,570 --> 00:55:41,310
Donc, en JavaScript, vous devez utiliser
le plus pour concaténer des chaînes.

1110
00:55:41,310 --> 00:55:43,280
Et en PHP, vous devez
utiliser l'opérateur point.

1111
00:55:43,280 --> 00:55:44,530
Donc, ils sont différents.

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
Alors, maintenant que nous avons couvert tous
cette PHP, où le fait

1115
00:55:49,500 --> 00:55:50,490
vraiment être utile?

1116
00:55:50,490 --> 00:55:54,470
Eh bien, il est très pratique quand on
peuvent se combiner avec notre HTML.

1117
00:55:54,470 --> 00:55:59,550
Donc, notre PHP va nous donner le pouvoir de
modifier le contenu HTML d'une page avant

1118
00:55:59,550 --> 00:56:00,000
son chargement.

1119
00:56:00,000 --> 00:56:04,270
Ainsi, sur la base de conditions différentes,
généralement à l'utilisateur spécifique qui est

1120
00:56:04,270 --> 00:56:07,520
connecté, nous pouvons afficher
des informations différentes.

1121
00:56:07,520 --> 00:56:08,800
Linda, avez-vous une question?

1122
00:56:08,800 --> 00:56:15,510
>> PUBLIC: Pouvez-vous concaténer
également un nombre entier?

1123
00:56:15,510 --> 00:56:16,760
>> ZAMYLA CHAN: Oui, vous le pouvez.

1124
00:56:16,760 --> 00:56:19,530

1125
00:56:19,530 --> 00:56:23,270
Donc, la question était de savoir si vous pouvez
concaténer des nombres entiers ou d'autres

1126
00:56:23,270 --> 00:56:28,920
variable.s maintenant, nous passons à MVC, qui
est un paradigme que nous avons utilisé dans

1127
00:56:28,920 --> 00:56:33,380
pset7 et beaucoup de concepteurs de sites Web utilisent pour
l'organisation de ce code dans les fichiers

1128
00:56:33,380 --> 00:56:34,490
dans leur site Web.

1129
00:56:34,490 --> 00:56:35,870
M est pour le modèle.

1130
00:56:35,870 --> 00:56:41,450
Et fondamentalement, les fichiers de modèle traiteront
avec les interactions avec la base de données.

1131
00:56:41,450 --> 00:56:44,640
Afficher les fichiers, ils se rapportent à la
esthétique du site.

1132
00:56:44,640 --> 00:56:47,550
Et les poignées de contrôleur
demandes des utilisateurs, analyse

1133
00:56:47,550 --> 00:56:49,230
données, fait une autre logique.

1134
00:56:49,230 --> 00:56:52,520
>> En pset7, nous avons combiné le modèle
et le contrôleur.

1135
00:56:52,520 --> 00:56:55,880
Et nous les avons juste appelé les contrôleurs et
les mettre dans le répertoire public.

1136
00:56:55,880 --> 00:57:01,730
Et les fichiers de vue, nous les utilisons comme
modèles dans le répertoire des modèles.

1137
00:57:01,730 --> 00:57:07,260
Donc, ce diagramme représente ici aussi
le même genre de division avec le

1138
00:57:07,260 --> 00:57:10,510
modèle et le contrôleur en violet
ici, sur la gauche et

1139
00:57:10,510 --> 00:57:12,770
la vue sur la droite.

1140
00:57:12,770 --> 00:57:16,020
C'est donc un schéma que certains d'entre vous
peut-être vu à des heures de bureau ou

1141
00:57:16,020 --> 00:57:19,130
diagrammes que nous tirons comme vous
ont été trouver vos pset.

1142
00:57:19,130 --> 00:57:25,030
>> Donc, ici, dans un contrôleur donné, un modèle
contrôleur, nous avons des fonctions

1143
00:57:25,030 --> 00:57:30,490
qui se rapportent à l'interrogation SQL
base de données, l'exécution de la logique de PHP.

1144
00:57:30,490 --> 00:57:32,370
Peut-être que vous souhaitez consulter
un stock de Yahoo!

1145
00:57:32,370 --> 00:57:34,590
Finances.

1146
00:57:34,590 --> 00:57:37,390
Ou peut-être, vous voulez bien vérifier
voir si un utilisateur avait présenté une

1147
00:57:37,390 --> 00:57:40,250
former déjà avant d'avoir
visité votre page.

1148
00:57:40,250 --> 00:57:43,390
Et alors vous rendre
Un formulaire ici.

1149
00:57:43,390 --> 00:57:48,210
Après que la forme avait été soumis
par l'utilisateur, l'action qui était

1150
00:57:48,210 --> 00:57:53,470
spécifiée dans la balise HTML de la forme
indiquerait la page qu'il

1151
00:57:53,470 --> 00:57:55,620
renvoie que des données.

1152
00:57:55,620 --> 00:57:59,460
>> Donc, toute cette information serait
renvoyé à votre contrôleur.

1153
00:57:59,460 --> 00:58:02,620
Ensuite, vous auriez probablement faire un peu plus
logique sur cette question et peut-être exécuter quelques-uns

1154
00:58:02,620 --> 00:58:06,510
plus de recherches dans la base de données SQL et
puis, enfin, arriver à un bien

1155
00:58:06,510 --> 00:58:11,930
ensemble emballé d'informations que vous le feriez
passer dans un autre modèle

1156
00:58:11,930 --> 00:58:13,950
ce que l'information affichée.

1157
00:58:13,950 --> 00:58:17,030
Maintenant, comment pouvons-nous emballons fait
que des informations?

1158
00:58:17,030 --> 00:58:23,980
Eh bien, nous avons une fonction appelée Render
qui était dans le fichier functions.php dans

1159
00:58:23,980 --> 00:58:29,950
pset7, où vous passez le nom de
un fichier, le nom du modèle.

1160
00:58:29,950 --> 00:58:32,160
>> Et puis vous passez aussi
un tableau associatif.

1161
00:58:32,160 --> 00:58:37,150
Et pour que tableau associatif représente
l'information différente

1162
00:58:37,150 --> 00:58:39,040
que vous voulez passer po

1163
00:58:39,040 --> 00:58:43,460
Maintenant, qu'est-ce qui va être constante dans
ces exemples est que les touches ou,

1164
00:58:43,460 --> 00:58:47,070
plutôt, les clés de la associative
tableaux, ce sont ce qui va être

1165
00:58:47,070 --> 00:58:51,050
devrait être constante par le modèle,
parce qu'il sait qu'il a besoin

1166
00:58:51,050 --> 00:58:53,990
quelque chose qui s'appelle un message
ou appelé nom.

1167
00:58:53,990 --> 00:58:56,940
Et puis les choses sur le droit, la
valeurs réelles, dans ce cas, qui est

1168
00:58:56,940 --> 00:59:00,750
un bon garçon et Milo, ceux qui vont
comme les valeurs qui changent

1169
00:59:00,750 --> 00:59:05,610
que le contrôleur change à chaque fois
ou à base d'une certaine condition, et

1170
00:59:05,610 --> 00:59:07,120
passera que po

1171
00:59:07,120 --> 00:59:12,790
>> Donc, ici dans les modèles, nous voyons que nous
utilisent les caractères spéciaux HTML,

1172
00:59:12,790 --> 00:59:16,370
ce qui signifie en fait juste que nous voulons
pour obtenir la chaîne par les pairs que l'

1173
00:59:16,370 --> 00:59:17,580
utilisateur mis po

1174
00:59:17,580 --> 00:59:20,880
Et nous voulons substituer
un message là-dedans.

1175
00:59:20,880 --> 00:59:26,110
Alors quand nous considérons effectivement
le fichier, le spécifique

1176
00:59:26,110 --> 00:59:28,700
l'information est transmise po

1177
00:59:28,700 --> 00:59:33,850
Notez que la clé comment rendre les œuvres est
que les clefs de la associative

1178
00:59:33,850 --> 00:59:37,170
tableaux, les variables se
noms ici.

1179
00:59:37,170 --> 00:59:40,720
Et si les valeurs de cette clé dans la
tableau associatif devient alors l'

1180
00:59:40,720 --> 00:59:41,970
La valeur de la variable.

1181
00:59:41,970 --> 00:59:44,800

1182
00:59:44,800 --> 00:59:46,040
>> Maintenant, passons à SQL.

1183
00:59:46,040 --> 00:59:48,010
Il représente structuré
Query Language.

1184
00:59:48,010 --> 00:59:50,460
Et si c'est juste une programmation
langage conçu

1185
00:59:50,460 --> 00:59:51,880
pour la gestion de bases de données.

1186
00:59:51,880 --> 00:59:56,860
Et il est bien pratique pour nous
notre site Web pour le financement du pset7.

1187
00:59:56,860 --> 01:00:00,510
Essentiellement, c'est juste un moyen facile de
suivre et gérer les objets et les tables

1188
01:00:00,510 --> 01:00:02,070
et de les relier les uns aux autres.

1189
01:00:02,070 --> 01:00:06,860
Maintenant, pensez à votre base de données SQL
essentiellement sous forme de fichier Excel, peut-être,

1190
01:00:06,860 --> 01:00:10,040
avec plusieurs feuilles à onglets.

1191
01:00:10,040 --> 01:00:13,820
>> Ainsi, vous pouvez avoir plusieurs tables,
peut-être que liée à une autre.

1192
01:00:13,820 --> 01:00:19,420
Et tout comme Excel, nous avons un grand nombre de
la fonctionnalité que nous voulons.

1193
01:00:19,420 --> 01:00:22,300
Par exemple, nous pouvons choisir
certaines lignes.

1194
01:00:22,300 --> 01:00:24,110
Nous pouvons insérer des informations.

1195
01:00:24,110 --> 01:00:25,560
Nous pouvons mettre à jour les lignes.

1196
01:00:25,560 --> 01:00:27,440
Et nous pouvons également supprimer les choses.

1197
01:00:27,440 --> 01:00:30,920

1198
01:00:30,920 --> 01:00:36,560
>> Le SQL sélectionner des œuvres de la sélection de lignes
ou une rangée de colonnes spécifiées d'un

1199
01:00:36,560 --> 01:00:39,640
base de données qui correspondent à un certain
critères que vous indiquez.

1200
01:00:39,640 --> 01:00:44,930
Donc, ici, quand je vois select * from
Assistants où la maison = Serdaigle, puis

1201
01:00:44,930 --> 01:00:48,340
Je sélectionne *, qui signifie que je suis
la sélection de chaque colonne unique en ce que

1202
01:00:48,340 --> 01:00:56,340
ligne de la table des assistants, mais seulement si
la colonne de la maison équivaut à Serdaigle.

1203
01:00:56,340 --> 01:00:57,840
Maintenant, ce qui est pur ou SQL.

1204
01:00:57,840 --> 01:01:02,680
Donc, si je suis allé dans phpMyAdmin, qui est
la manière spécifique que nous utilisons pour gérer

1205
01:01:02,680 --> 01:01:07,040
nos bases de données SQL, puis j'ai pu insérer
que dans le site Web de phpMyAdmin.

1206
01:01:07,040 --> 01:01:08,290
Et ce serait exécuter.

1207
01:01:08,290 --> 01:01:11,280
>> Mais nous voulons réellement faire
que sur le côté de PHP.

1208
01:01:11,280 --> 01:01:12,580
Alors, comment faisons-nous cela?

1209
01:01:12,580 --> 01:01:20,180
Eh bien, nous utilisons la fonction de requête, qui
essentiellement exécute cette requête SQL.

1210
01:01:20,180 --> 01:01:21,830
Utilisation?

1211
01:01:21,830 --> 01:01:25,850
comme un espace réservé, nous pouvons passer dans certains
valeurs à notre chaîne qui nous

1212
01:01:25,850 --> 01:01:26,920
vouloir remplacer.

1213
01:01:26,920 --> 01:01:32,110
Alors peut-être que je suis le stockage différente
les valeurs dans la curr_house, qui

1214
01:01:32,110 --> 01:01:34,400
représente la maison actuelle
que je vais à travers.

1215
01:01:34,400 --> 01:01:39,040
Donc je ne peux passer que dans un espace réservé
avec le point d'interrogation.

1216
01:01:39,040 --> 01:01:43,290
Et puis je vais essentiellement exécuter les
même chose que je faisais avant, sauf

1217
01:01:43,290 --> 01:01:45,550
maintenant, je suis en PHP.

1218
01:01:45,550 --> 01:01:51,300
>> Et requête va renvoyer un
tableau associatif.

1219
01:01:51,300 --> 01:01:53,470
Et je vais le stocker dans les rangées.

1220
01:01:53,470 --> 01:01:56,880
Maintenant, la requête peut toujours échouer.

1221
01:01:56,880 --> 01:02:02,870
Peut-être la requête SQL n'a pas pu exécuter
parce que la table n'existait pas.

1222
01:02:02,870 --> 01:02:04,310
Ou peut-être, la colonne n'existe pas.

1223
01:02:04,310 --> 01:02:05,400
Quelque chose s'est mal passé.

1224
01:02:05,400 --> 01:02:08,170
Eh bien, dans ce cas, vous aurez envie de faire
vous que vous vérifiez si le

1225
01:02:08,170 --> 01:02:09,700
requête a retourné false.

1226
01:02:09,700 --> 01:02:15,590
Et c'est en utilisant le triple
égaux opération il.

1227
01:02:15,590 --> 01:02:19,660
>> Et puis, je m'excuse, ce qui est un autre
fonction CS50, en passant un message.

1228
01:02:19,660 --> 01:02:23,435
Et si vous regardez dans s'excuser, tout ce qu'il
vraiment fait est rendu apology.php.

1229
01:02:23,435 --> 01:02:26,100

1230
01:02:26,100 --> 01:02:26,410
Ouais.

1231
01:02:26,410 --> 01:02:29,630
>> PUBLIC: Pourriez-vous expliquer ce que
étoiles fait entre sélection et de?

1232
01:02:29,630 --> 01:02:30,710
>> ZAMYLA CHAN: Oui, absolument.

1233
01:02:30,710 --> 01:02:35,220
Donc l'étoile entre sélection et de
signifie que je veux sélectionner l'ensemble

1234
01:02:35,220 --> 01:02:37,440
toute la ligne de ma table.

1235
01:02:37,440 --> 01:02:41,900
J'aurais pu indiquée sélectionnez
nom, l'année, la maison.

1236
01:02:41,900 --> 01:02:46,160
Et je ne voudrais obtenir ces trois
colonnes de ma table.

1237
01:02:46,160 --> 01:02:51,560
Mais si je dis select *, alors je vais
que tout rentre dans cette colonne.

1238
01:02:51,560 --> 01:02:53,760
Alors je vais vous aller
à l'arrière d'abord.

1239
01:02:53,760 --> 01:02:57,656
>> PUBLIC: Donc, c'est encore
dans SQL, non?

1240
01:02:57,656 --> 01:02:59,610
Est-ce la requête ou est-ce que PHP?

1241
01:02:59,610 --> 01:03:00,550
>> ZAMYLA CHAN: Nous sommes dans une requête.

1242
01:03:00,550 --> 01:03:01,940
C'est donc en PHP.

1243
01:03:01,940 --> 01:03:06,280
Donc, en utilisant la fonction PHP requête,
nous l'exécution d'une requête SQL.

1244
01:03:06,280 --> 01:03:11,988

1245
01:03:11,988 --> 01:03:15,364
>> PUBLIC: Est-il rien dans SQL
sensible à la casse, comme sélectionnez

1246
01:03:15,364 --> 01:03:17,834
ou d'assistants ou de maison?

1247
01:03:17,834 --> 01:03:20,050
>> ZAMYLA CHAN: Est-il rien
dans SQL sensible à la casse?

1248
01:03:20,050 --> 01:03:21,760
Je le crois, oui.

1249
01:03:21,760 --> 01:03:24,620
Je crois que SELECT et FROM
Et où sont sensibles à la casse.

1250
01:03:24,620 --> 01:03:25,535
Non?

1251
01:03:25,535 --> 01:03:27,500
>> ROB BOWDEN: Donc, c'est le contraire.

1252
01:03:27,500 --> 01:03:32,030
Les noms de colonnes et les moyens de table,
tous ceux qui sont sensibles à la casse.

1253
01:03:32,030 --> 01:03:35,470
Mais l'un des mots clés de MySQL, comme
SELECT, FROM et WHERE, ce ne sont pas

1254
01:03:35,470 --> 01:03:36,140
sensible à la casse.

1255
01:03:36,140 --> 01:03:36,420
OK.

1256
01:03:36,420 --> 01:03:37,780
Donc le contraire de ce que j'ai dit.

1257
01:03:37,780 --> 01:03:40,420
Donc, tous les mots clés MySQL -

1258
01:03:40,420 --> 01:03:42,670
sélectionner, à partir, où - ceux
ne sont pas sensibles à la casse.

1259
01:03:42,670 --> 01:03:44,630
Mais tout le reste est.

1260
01:03:44,630 --> 01:03:45,210
OK.

1261
01:03:45,210 --> 01:03:46,500
Vous à l'avant.

1262
01:03:46,500 --> 01:03:52,041
>> PUBLIC: Si j'ai $ lignes en termes de
plus d'une ligne, que ça veut dire est

1263
01:03:52,041 --> 01:03:53,640
devient tout simplement un tableau associatif?

1264
01:03:53,640 --> 01:03:59,550
>> ZAMYLA CHAN: Donc la question était de savoir si les lignes
a plus d'une ligne en elle, ne

1265
01:03:59,550 --> 01:04:01,800
il devient un tableau associatif?

1266
01:04:01,800 --> 01:04:05,680
Il est donc un tableau associatif de
tableaux déjà.

1267
01:04:05,680 --> 01:04:10,730
Donc, même si il ya une seule ligne
retourné, alors vous devez aller à

1268
01:04:10,730 --> 01:04:12,690
indice 0 de ce résultat.

1269
01:04:12,690 --> 01:04:15,316
Et alors, vous auriez la première rangée.

1270
01:04:15,316 --> 01:04:17,482
Oui, Belinda?

1271
01:04:17,482 --> 01:04:21,258
>> PUBLIC: Lorsque vous utilisez ===,
est-ce le seul exemple?

1272
01:04:21,258 --> 01:04:22,210
Ou y at-il d'autres?

1273
01:04:22,210 --> 01:04:26,815
>> ZAMYLA CHAN: Donc dans ce cas, ===
est une comparaison entre les différents types.

1274
01:04:26,815 --> 01:04:29,870

1275
01:04:29,870 --> 01:04:34,050
Désolé. === Est une comparaison
qui compare les types.

1276
01:04:34,050 --> 01:04:37,620
Et puis == compare pour tous les types.

1277
01:04:37,620 --> 01:04:41,620
>> PUBLIC: Pouvez-vous expliquer ce que
lignes est dans cette situation?

1278
01:04:41,620 --> 01:04:45,120
Est-ce la rangée de données?

1279
01:04:45,120 --> 01:04:48,100
>> ZAMYLA CHAN: Dans la diapositive suivante, je suis
vais vous expliquer ce qui est des lignes.

1280
01:04:48,100 --> 01:04:49,890
Donc, si cela ne vous dérange pas tenue
de rabais sur cela.

1281
01:04:49,890 --> 01:04:50,620
Et puis vous dans le dos?

1282
01:04:50,620 --> 01:04:54,699
>> PUBLIC: Pour les fonctions comme requête,
rendre et présenter des excuses [inaudible]?

1283
01:04:54,699 --> 01:04:59,050

1284
01:04:59,050 --> 01:05:03,050
>> ZAMYLA CHAN: La question était de savoir si
ces fonctions - requête, présenter des excuses,

1285
01:05:03,050 --> 01:05:04,510
et rendre -

1286
01:05:04,510 --> 01:05:05,930
sont communs à PHP.

1287
01:05:05,930 --> 01:05:09,460
Ce sont ceux qui CS50
écrit pour pset7.

1288
01:05:09,460 --> 01:05:09,910
Et Jay?

1289
01:05:09,910 --> 01:05:15,333
>> PUBLIC: Lorsque vous avez besoin de dire
$ _SESSION, C'est que seulement pour les ID?

1290
01:05:15,333 --> 01:05:17,310
Ou pourriez-vous avez dit que ici?

1291
01:05:17,310 --> 01:05:23,440
>> ZAMYLA CHAN: La question était donc, quand
nous utilisons $ _SESSION, c'était un spécifique

1292
01:05:23,440 --> 01:05:25,290
variable globale que nous utilisons.

1293
01:05:25,290 --> 01:05:32,080
Voici cette variable va
être locale à notre fonction.

1294
01:05:32,080 --> 01:05:36,588
Donc, nous sommes en train de déclarer
une nouvelle variable.

1295
01:05:36,588 --> 01:05:38,460
>> PUBLIC: Comment est s'excuser
mis en œuvre?

1296
01:05:38,460 --> 01:05:40,960
>> ZAMYLA CHAN: La question était,
comment est s'excuser mis en œuvre?

1297
01:05:40,960 --> 01:05:44,180
Et je pense que c'est effectivement une jolie
bonne pratique pour vous les gars pour aller en

1298
01:05:44,180 --> 01:05:49,260
la section functions.php et regarder
excuses et de voir comment vous pourriez avoir

1299
01:05:49,260 --> 01:05:50,670
fait vous-même.

1300
01:05:50,670 --> 01:05:55,620
Donc, je peux laisser cela à vous, mais juste
Je dis que si vous regardez des excuses,

1301
01:05:55,620 --> 01:06:02,110
alors il prend le message que vous
soumis à des excuses, puis il

1302
01:06:02,110 --> 01:06:06,570
rend ce message.

1303
01:06:06,570 --> 01:06:08,240
D'autres questions?

1304
01:06:08,240 --> 01:06:08,710
J'adore les questions.

1305
01:06:08,710 --> 01:06:09,555
Afin de les garder à venir.

1306
01:06:09,555 --> 01:06:11,888
>> PUBLIC: [inaudible]

1307
01:06:11,888 --> 01:06:13,840
echo ou print il?

1308
01:06:13,840 --> 01:06:15,900
>> ZAMYLA CHAN: La question était,
pourrions-nous pas juste avons mis

1309
01:06:15,900 --> 01:06:17,000
echo ou print il.

1310
01:06:17,000 --> 01:06:19,710
Alors que cela aurait fait quelque chose
légèrement différente.

1311
01:06:19,710 --> 01:06:23,750
Cela aurait imprimé requête
échoué en ce que -

1312
01:06:23,750 --> 01:06:27,420
bien, en ce moment, nous sommes en fait
dans notre contrôleur.

1313
01:06:27,420 --> 01:06:30,350
Donc, nous n'avons pas réellement avons
HTML mis en place ici.

1314
01:06:30,350 --> 01:06:34,946
Apologize en rendant apologize.php
vous redirige en fait à 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
>> Alors maintenant, passons à répondre à la
question de tout à l'heure ce que

1318
01:06:45,880 --> 01:06:47,330
est vraiment lignes.

1319
01:06:47,330 --> 01:06:51,960
Eh bien, la requête retourne
un ensemble de rangées.

1320
01:06:51,960 --> 01:06:55,020
Et chaque ligne est représentée
par un tableau associatif.

1321
01:06:55,020 --> 01:07:02,840
Donc, si j'ai exécuté une certaine requête SQL et
J'ai stocké le résultat dans les lignes, puis

1322
01:07:02,840 --> 01:07:07,850
en utilisant une boucle foreach, le tableau
nom est le premier sur les lieux - les lignes.

1323
01:07:07,850 --> 01:07:13,170
Et puis je vais appeler
chaque ligne il $ row.

1324
01:07:13,170 --> 01:07:20,060
>> Alors que l'itération sur, je peux alors
accéder nom de colonne de la ligne donnée,

1325
01:07:20,060 --> 01:07:22,340
colonne de l'année, et la colonne de la maison.

1326
01:07:22,340 --> 01:07:28,010
Attention, je n'aurais pas été en mesure de
faire avec les lignes, parce indice des lignes

1327
01:07:28,010 --> 01:07:29,290
nom n'existe pas.

1328
01:07:29,290 --> 01:07:31,970
Lignes est tout simplement un ensemble de
tableaux associatifs.

1329
01:07:31,970 --> 01:07:34,870
Donc, vous avez deux niveaux là.

1330
01:07:34,870 --> 01:07:37,170
Une fois que vous avez le tableau de lignes,
vous devez entrer dans ce.

1331
01:07:37,170 --> 01:07:39,110
Et puis vous pouvez accéder aux colonnes.

1332
01:07:39,110 --> 01:07:41,636
Cela at-il clair?

1333
01:07:41,636 --> 01:07:42,520
Ouais, en face?

1334
01:07:42,520 --> 01:07:45,490
>> PUBLIC: [inaudible] ouvrir
supports pour [inaudible]?

1335
01:07:45,490 --> 01:07:46,220
>> ZAMYLA CHAN: Pardon?

1336
01:07:46,220 --> 01:07:49,740
>> PUBLIC: Les supports ouverts.

1337
01:07:49,740 --> 01:07:52,420
>> ZAMYLA CHAN: Ces ici?

1338
01:07:52,420 --> 01:07:58,520
Ça me permettre d'inclure
cette variable.

1339
01:07:58,520 --> 01:07:58,670
Ouais.

1340
01:07:58,670 --> 01:08:01,900
>> PUBLIC: Lorsque vous imprimez, vous êtes
l'impression sur le code HTML?

1341
01:08:01,900 --> 01:08:03,110
>> ZAMYLA CHAN: Oui.

1342
01:08:03,110 --> 01:08:07,720
Lorsque j'imprime, ce ici est à l'intérieur
mon modèle maintenant

1343
01:08:07,720 --> 01:08:10,310
mon point de vue de la méthode MVC.

1344
01:08:10,310 --> 01:08:12,750
Je suis donc l'impression dans le code HTML.

1345
01:08:12,750 --> 01:08:16,670
>> PUBLIC: Donc, si nous sommes allés dans développeur
outils après l'exécution de cela, nous avons pu

1346
01:08:16,670 --> 01:08:17,160
qui en fait en code?

1347
01:08:17,160 --> 01:08:18,410
>> ZAMYLA CHAN: C'est un grand
question, oui.

1348
01:08:18,410 --> 01:08:22,359
Donc, si vous êtes allé dans les outils de développement
dans Firefox en utilisant Firebug ou

1349
01:08:22,359 --> 01:08:26,109
Chrome, alors oui, vous pourriez
Voir le code HTML spécifique.

1350
01:08:26,109 --> 01:08:28,470
Donc, il ne serait pas montrer $ row ["nom"].

1351
01:08:28,470 --> 01:08:32,524
Cela montrerait selon
nom est dans cette ligne.

1352
01:08:32,524 --> 01:08:36,268
>> PUBLIC: Juste une question d'ordre général,
ce sont tr et td défini comme?

1353
01:08:36,268 --> 01:08:37,672
Pourquoi devrions-nous [inaudible]?

1354
01:08:37,672 --> 01:08:41,850

1355
01:08:41,850 --> 01:08:44,814
>> ZAMYLA CHAN: Ligne de table tr,
table, alors td colonne.

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
>> PUBLIC: Ouais, c'est des données de table.

1360
01:08:56,835 --> 01:08:58,770
>> ZAMYLA CHAN: Les données de table.

1361
01:08:58,770 --> 01:08:59,894
Ouais.

1362
01:08:59,894 --> 01:09:08,670
>> PUBLIC: C'est une ligne dont la
ligne est traitée comme une colonne?

1363
01:09:08,670 --> 01:09:08,910
>> ZAMYLA CHAN: Désolé.

1364
01:09:08,910 --> 01:09:10,570
Pouvez-vous répéter?

1365
01:09:10,570 --> 01:09:14,450
>> PUBLIC: Comment feriez-vous
visualiser les lignes?

1366
01:09:14,450 --> 01:09:16,310
>> ZAMYLA CHAN: Comment voulez-vous visualiser
rangées dans quel genre de façon?

1367
01:09:16,310 --> 01:09:21,796
Parlez-vous de ces
lignes ici ou les lignes de tr?

1368
01:09:21,796 --> 01:09:22,630
>> PUBLIC: Les lignes.

1369
01:09:22,630 --> 01:09:25,229
>> ZAMYLA CHAN: Ces lignes ici?

1370
01:09:25,229 --> 01:09:28,620
Je visualise ce que
J'exécute ma requête.

1371
01:09:28,620 --> 01:09:38,729
Et il dit, OK, je dois soit 0 à n
nombre de lignes qui correspondent aux critères

1372
01:09:38,729 --> 01:09:40,510
que vous aviez demandées.

1373
01:09:40,510 --> 01:09:43,740
J'ai donc un nombre de lignes.

1374
01:09:43,740 --> 01:09:51,450
Ainsi rangées, les rangées de magasins, chacun $
l'une de ces lignes dans un tableau.

1375
01:09:51,450 --> 01:09:58,110
Donc, même si c'est juste l'un d'eux, il est
encore un réseau de lignes qui correspondent.

1376
01:09:58,110 --> 01:10:03,010
>> Ainsi donc, par exemple, il s'agit d'
comme lorsque vous les cheveux

1377
01:10:03,010 --> 01:10:05,390
le cache des utilisateurs.

1378
01:10:05,390 --> 01:10:10,810
Et les critères, il était où
ID est égal à l'identifiant de session.

1379
01:10:10,810 --> 01:10:14,250
Il est vraiment seulement une rangée
qui pourrait correspondre à cela.

1380
01:10:14,250 --> 01:10:18,960
Mais encore rangées venons une rangée.

1381
01:10:18,960 --> 01:10:22,620
Vous aurez donc à aller à des lignes,
indice 0, index cache

1382
01:10:22,620 --> 01:10:26,195
effectivement accéder à votre cache.

1383
01:10:26,195 --> 01:10:29,650
>> PUBLIC: Est la fonction d'impression
en écho à la même chose?

1384
01:10:29,650 --> 01:10:30,670
>> ZAMYLA CHAN: Oui.

1385
01:10:30,670 --> 01:10:31,190
Oui.

1386
01:10:31,190 --> 01:10:33,304
Imprimer un écho de la même.

1387
01:10:33,304 --> 01:10:42,400
>> PUBLIC: Est ce que le boucle foreach l'
seul moyen de l'indice en lignes?

1388
01:10:42,400 --> 01:10:46,110
>> ZAMYLA CHAN: Est une boucle foreach
la seule façon que vous pouvez

1389
01:10:46,110 --> 01:10:47,030
itérer les lignes?

1390
01:10:47,030 --> 01:10:47,180
Non.

1391
01:10:47,180 --> 01:10:51,000
Vous pouvez également utiliser une boucle for, à condition
que vous connaissez la longueur

1392
01:10:51,000 --> 01:10:53,024
de l'ensemble de la ligne.

1393
01:10:53,024 --> 01:10:58,500
>> PUBLIC: Pourriez-vous y accéder
en utilisant une ligne comme [inaudible]?

1394
01:10:58,500 --> 01:11:01,640
>> ZAMYLA CHAN: Donc, vous ne pouvez pas y accéder
simplement en utilisant la ligne si vous n'avez pas un

1395
01:11:01,640 --> 01:11:05,160
boucle foreach condition que
vous n'avez pas déclaré rangée.

1396
01:11:05,160 --> 01:11:08,150

1397
01:11:08,150 --> 01:11:09,660
Oui.

1398
01:11:09,660 --> 01:11:10,810
Oui, dans le blanc.

1399
01:11:10,810 --> 01:11:13,990
>> PUBLIC: Alors qu'est-ce tr et td font?

1400
01:11:13,990 --> 01:11:16,790
>> ZAMYLA CHAN: Donc tr et
td sont des balises HTML.

1401
01:11:16,790 --> 01:11:19,590
tr indique le début
d'une ligne de la table.

1402
01:11:19,590 --> 01:11:26,625
Et chaque td indique une
nouvelle colonne de données de table.

1403
01:11:26,625 --> 01:11:32,275
>> PUBLIC: Pour un visuel de ce affilée
est comme, imaginez le SQL, comment

1404
01:11:32,275 --> 01:11:33,510
ils ont une ligne.

1405
01:11:33,510 --> 01:11:35,980
[Inaudible].

1406
01:11:35,980 --> 01:11:36,390
>> ZAMYLA CHAN: Ouais.

1407
01:11:36,390 --> 01:11:37,630
C'est un excellent point.

1408
01:11:37,630 --> 01:11:41,510
Vous pouvez visualiser les lignes comme juste
comme dans un tableau Excel, juste

1409
01:11:41,510 --> 01:11:44,540
la liste des rangées.

1410
01:11:44,540 --> 01:11:46,870
OK.

1411
01:11:46,870 --> 01:11:47,230
Très bien.

1412
01:11:47,230 --> 01:11:50,740
Alors, maintenant que nous avons dépassé de sélection, si
il n'y a pas d'autres questions, nous allons

1413
01:11:50,740 --> 01:11:52,970
aller sur sur insert.

1414
01:11:52,970 --> 01:11:58,220
Donc, si je voulais insérer dans une certaine
table et insérer certaine colonne

1415
01:11:58,220 --> 01:12:02,320
valeurs, je ne pouvais me insérer
à Serdaigle dans l'année 7.

1416
01:12:02,320 --> 01:12:07,245
Mais parfois, il peut y avoir double
valeurs, comme nous l'avons vu dans pset7 lorsque nous

1417
01:12:07,245 --> 01:12:09,240
ont été la mise à jour de notre portefeuille.

1418
01:12:09,240 --> 01:12:15,610
>> Donc dans ce cas, nous voulons utiliser ON
DUPLICATE KEY UPDATE, de sorte que nous ne faisons pas

1419
01:12:15,610 --> 01:12:18,280
stocker plusieurs lignes avec le même
valeur mais plutôt le mettre à jour.

1420
01:12:18,280 --> 01:12:21,780

1421
01:12:21,780 --> 01:12:25,560
Ensuite, nous avons fait la mise à jour,
qui n'est pas un insert.

1422
01:12:25,560 --> 01:12:30,100
C'est juste une mise à jour où vous mettez à jour
dans une certaine table avec une donnée

1423
01:12:30,100 --> 01:12:34,403
critères et puis, enfin, supprimer,
qui fait une chose très similaire.

1424
01:12:34,403 --> 01:12:40,200
>> PUBLIC: Pourriez-vous brièvement
aller sur le double de la clé?

1425
01:12:40,200 --> 01:12:40,850
>> ZAMYLA CHAN: Ouais.

1426
01:12:40,850 --> 01:12:48,340
Essentiellement ici, j'ai INSERT INTO
gringotts, est, galions, ces valeurs.

1427
01:12:48,340 --> 01:12:56,900
Mais ID, sans doute, est une clé unique
valeur mis en place en table MySQL.

1428
01:12:56,900 --> 01:13:06,750
Donc, si j'ai déjà cet ID mettre en place,
alors je ne peux pas insérer une nouvelle ligne.

1429
01:13:06,750 --> 01:13:10,961
Donc, si elle n'existe pas déjà,
alors je dois mettre à jour.

1430
01:13:10,961 --> 01:13:16,040

1431
01:13:16,040 --> 01:13:17,722
Au milieu dans le blanc.

1432
01:13:17,722 --> 01:13:21,570
>> PUBLIC: Donc insérer, modifier, supprimer,
et sélectionnez, tous sont ceux disponibles

1433
01:13:21,570 --> 01:13:22,875
localement [inaudible]?

1434
01:13:22,875 --> 01:13:27,320

1435
01:13:27,320 --> 01:13:29,630
>> ZAMYLA CHAN: Donc, insérer,
mise à jour, supprimer et

1436
01:13:29,630 --> 01:13:31,120
sélectionnez sont toutes les requêtes SQL.

1437
01:13:31,120 --> 01:13:34,970
Donc, lorsque vous utilisez SQL,
vous avez ceux qui sont disponibles.

1438
01:13:34,970 --> 01:13:38,226

1439
01:13:38,226 --> 01:13:40,706
>> PUBLIC: Retour au quiz dernières -

1440
01:13:40,706 --> 01:13:44,178
il y avait une question qui portait sur
si vous aviez une table et je voulais

1441
01:13:44,178 --> 01:13:52,610
insérer les résultats des tests dans un seul et vous insérez
votre nom afin qu'il ne vous laissera pas

1442
01:13:52,610 --> 01:13:54,594
[Inaudible] score au test de votre ami.

1443
01:13:54,594 --> 01:13:59,060
Comment feriez-vous avec insert?

1444
01:13:59,060 --> 01:14:02,490
>> ZAMYLA CHAN: Donc, la question était de savoir
une question précédente à mi-parcours.

1445
01:14:02,490 --> 01:14:04,320
Je ne suis pas au courant de ce qui
c'est un moment.

1446
01:14:04,320 --> 01:14:06,790
Alors peut-être plus tard, si vous voulez
venir et me montrer, alors je peux

1447
01:14:06,790 --> 01:14:08,155
certainement vous donner des conseils.

1448
01:14:08,155 --> 01:14:11,250

1449
01:14:11,250 --> 01:14:15,460
Mais en parlant de choses insertion, comme
prenant le score de quelqu'un quand vous

1450
01:14:15,460 --> 01:14:18,800
ne devrait pas, nous allons parler de
Attaques par injection SQL.

1451
01:14:18,800 --> 01:14:22,050
Ainsi, une attaque par injection SQL est essentiellement
où quelqu'un prend

1452
01:14:22,050 --> 01:14:27,680
avantage de la faible sécurité de l'
manière que vous prenez dans les données.

1453
01:14:27,680 --> 01:14:35,660
>> Donc, ici, tout comme dans le financement du CS50,
quand on identifié, nous pouvons entrer dans une

1454
01:14:35,660 --> 01:14:39,510
username dans le formulaire de connexion,
la première zone de texte, et

1455
01:14:39,510 --> 01:14:41,570
puis entrez un mot de passe.

1456
01:14:41,570 --> 01:14:45,610
Peut-être notre code PHP pourrait ressembler
quelque chose comme ça, où $ username

1457
01:14:45,610 --> 01:14:51,410
est le nom d'utilisateur de données post et mot de passe
est le mot de passe de données post.

1458
01:14:51,410 --> 01:14:55,110
Et ensuite nous exécutons notre requête, par exemple,
OK, bien, notre requête va

1459
01:14:55,110 --> 01:14:57,990
choisir parmi nos utilisateurs, où
le nom d'utilisateur est l'

1460
01:14:57,990 --> 01:14:58,970
celui qu'ils ont présenté.

1461
01:14:58,970 --> 01:15:06,870
Et le mot de passe est le mot de passe,
ce qui signifie que les mots de passe correspondent.

1462
01:15:06,870 --> 01:15:12,670
>> Maintenant, si au lieu de réellement
soumettre un mot de passe réel, comme

1463
01:15:12,670 --> 01:15:16,850
12345 et deviner broche qui dit
mot de passe et d'essayer de pirater leur

1464
01:15:16,850 --> 01:15:21,460
compte, si la place
ils ont présenté ce.

1465
01:15:21,460 --> 01:15:24,380
Ils pourraient peut-être entrer dans
de deviner un mot de passe.

1466
01:15:24,380 --> 01:15:30,480
Et puis ils terminer la
devis puis tapez ou 1 = 1.

1467
01:15:30,480 --> 01:15:35,160
Ce serait le rythme directement dans le SQL
interroger à ressembler à quelque chose comme ça.

1468
01:15:35,160 --> 01:15:38,200
Choisissez parmi les utilisateurs où le nom d'utilisateur
= dents et mot de passe

1469
01:15:38,200 --> 01:15:41,450
égaux lis ou 1 = 1.

1470
01:15:41,450 --> 01:15:45,450
>> Donc, soit le mot de passe a
correctes ou 1 = 1,

1471
01:15:45,450 --> 01:15:47,870
ce qui est toujours vrai.

1472
01:15:47,870 --> 01:15:52,780
Donc dans ce cas, essentiellement, un utilisateur peut
profiter de cette et connectez-vous

1473
01:15:52,780 --> 01:15:55,240
eux-mêmes et piratage
le compte de quelqu'un.

1474
01:15:55,240 --> 01:15:58,950
C'est pour cela que nous voulons éviter
personne ayant à faire.

1475
01:15:58,950 --> 01:16:03,890
Mais heureusement, la fonction de requête par
passant dans les espaces réservés prendra

1476
01:16:03,890 --> 01:16:04,800
soin de cela pour vous.

1477
01:16:04,800 --> 01:16:08,570
En outre, vous aurez généralement ne voulez jamais
à soumettre effectivement les mots de passe

1478
01:16:08,570 --> 01:16:09,310
eux-mêmes.

1479
01:16:09,310 --> 01:16:14,115
C'est pourquoi nous haché ou chiffré
les dans le financement du CS50.

1480
01:16:14,115 --> 01:16:17,553
>> AUDIENCE: Le quiz passé parlé
À propos de MySQL chaînes d'échappement.

1481
01:16:17,553 --> 01:16:21,800
Faut-il s'en inquiéter?

1482
01:16:21,800 --> 01:16:22,670
>> ZAMYLA CHAN: C'est une bonne question.

1483
01:16:22,670 --> 01:16:29,050
Les chaînes d'échappement MySQL est certainement un
la fonction qui a été utilisé dans la requête.

1484
01:16:29,050 --> 01:16:30,420
Mais certainement examiner la question.

1485
01:16:30,420 --> 01:16:32,950
Je dirais que c'est un jeu équitable savoir
que vous auriez besoin d'appeler cette

1486
01:16:32,950 --> 01:16:34,370
fonctionner sur une chaîne.

1487
01:16:34,370 --> 01:16:35,245
Ouais, Belinda?

1488
01:16:35,245 --> 01:16:38,606
>> PUBLIC: Comment savez-vous quand il est
guillemets simples ou doubles?

1489
01:16:38,606 --> 01:16:43,516
Et aussi, je me sens comme en conférence vous
mentionné quelque chose de ne pas avoir

1490
01:16:43,516 --> 01:16:48,426
la [inaudible] ou quelque chose ou l'
deuxième apostrophe à la fin.

1491
01:16:48,426 --> 01:16:56,407

1492
01:16:56,407 --> 01:17:00,825
Je pense qu'il l'a souligné dans la conférence que
vous êtes censé avoir apostrophe 1

1493
01:17:00,825 --> 01:17:04,290
et puis ne pas avoir apostrophes
ou quelque chose.

1494
01:17:04,290 --> 01:17:05,540
>> PUBLIC: [inaudible].

1495
01:17:05,540 --> 01:17:14,860

1496
01:17:14,860 --> 01:17:18,657
>> PUBLIC: La chose est le dernier single
citation dans là, dans cette deuxième zone

1497
01:17:18,657 --> 01:17:19,391
ne devrait pas être là.

1498
01:17:19,391 --> 01:17:21,840
[Inaudible]

1499
01:17:21,840 --> 01:17:26,730
Parce que quand vous prenez cette dernière unique
citer hors et correspondre à ces derniers pour le contenu

1500
01:17:26,730 --> 01:17:30,522
où le mot de passe est, si vous avez ce
requête, il ya une seule offre à

1501
01:17:30,522 --> 01:17:31,340
la fin déjà.

1502
01:17:31,340 --> 01:17:36,580
Vous souhaitez utiliser cette apostrophe
comme celle qui fait face à la une

1503
01:17:36,580 --> 01:17:37,574
[Inaudible].

1504
01:17:37,574 --> 01:17:42,820
Alors, quel est réellement dans ce texte
boîte ne devrait pas avoir.

1505
01:17:42,820 --> 01:17:44,070
>> ZAMYLA CHAN: Je vais changer cette situation.

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
S'il n'y a pas de questions, alors je vais
passer la parole à Joseph de parler

1509
01:18:00,435 --> 01:18:04,332
sur JavaScript, etc.

1510
01:18:04,332 --> 01:18:09,540
>> [Applaudissements]

1511
01:18:09,540 --> 01:18:11,660
>> JOSEPH ONG: nous sommes donc en cours d'exécution
un peu de retard.

1512
01:18:11,660 --> 01:18:13,280
Donc, si vous devez partir, c'est OK.

1513
01:18:13,280 --> 01:18:16,540
Mais nous vous demandons de garder la tête baissée
si vous êtes dans le milieu, de sorte que vous

1514
01:18:16,540 --> 01:18:19,560
ne pas bloquer l'appareil et que vous utilisez
la sortie de l'arrière si vous devez.

1515
01:18:19,560 --> 01:18:25,010

1516
01:18:25,010 --> 01:18:26,306
Je suis Joseph par la manière.

1517
01:18:26,306 --> 01:18:27,556
Salut.

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, est-ce bon?

1521
01:18:39,630 --> 01:18:40,880
Cool.

1522
01:18:40,880 --> 01:18:44,460

1523
01:18:44,460 --> 01:18:47,600
>> Ainsi, la vidéo sera également affiché
en ligne pour ceux qui

1524
01:18:47,600 --> 01:18:48,850
avoir à quitter l'entreprise.

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
Donc avis quiz.

1530
01:18:59,730 --> 01:19:00,980
C'est un chat.

1531
01:19:00,980 --> 01:19:03,150

1532
01:19:03,150 --> 01:19:07,170
Maintenant, JavaScript, ce qui est peut-être pas
comme aww pour certains d'entre vous les gars.

1533
01:19:07,170 --> 01:19:07,370
OK.

1534
01:19:07,370 --> 01:19:09,280
C'est donc d'abord, rappelons de Zamyla.

1535
01:19:09,280 --> 01:19:11,270
Rappelez-vous que PHP est
s'exécuter sur le serveur.

1536
01:19:11,270 --> 01:19:15,230
Et beaucoup de temps, vous les gars écrit boucles
en PHP pour imprimer HTML, non?

1537
01:19:15,230 --> 01:19:19,170
Donc, une fois que le code s'exécute, que
sortie HTML que vous imprimez

1538
01:19:19,170 --> 01:19:20,500
est envoyé à l'utilisateur.

1539
01:19:20,500 --> 01:19:25,960
Et une fois que cela arrive, pas plus PHP peut
être exécuté, à moins que vous rechargez la page, de

1540
01:19:25,960 --> 01:19:27,660
Bien sûr, qui reexecutes le PHP.

1541
01:19:27,660 --> 01:19:30,080
Mais une fois que vous imprimez que HTML,
vous ne pouvez pas aller n'importe où.

1542
01:19:30,080 --> 01:19:33,580
>> Alors que HTML est envoyée vers l'utilisateur,
qui est le navigateur par ici, où

1543
01:19:33,580 --> 01:19:35,470
Milo utilise l'ordinateur.

1544
01:19:35,470 --> 01:19:40,340
Et bien, il ya plusieurs choses
une fois que nous envoyons HTML à l'utilisateur.

1545
01:19:40,340 --> 01:19:43,350
Parfois, nous voulons faire quelque chose comme
lorsque vous cliquez sur quelque chose, nous voulons

1546
01:19:43,350 --> 01:19:47,350
boîtes d'alerte à surgir, ces sortes de
interactions, comme lorsque vous appuyez sur le

1547
01:19:47,350 --> 01:19:50,740
clé, lorsque vous cliquez sur quelque chose sur le
la page, je veux quelque chose se passe.

1548
01:19:50,740 --> 01:19:54,550
Eh bien, vous ne pouvez pas réexécuter PHP
code une fois que le HTML est activé.

1549
01:19:54,550 --> 01:19:55,900
Alors, comment faites-vous cela?

1550
01:19:55,900 --> 01:19:59,930
>> Nous introduisons un nouveau langage,
JavaScript qui s'exécute dans le navigateur

1551
01:19:59,930 --> 01:20:02,890
qui vous permet de faire des choses
HTML après que vous recevez

1552
01:20:02,890 --> 01:20:04,020
eux à partir du serveur.

1553
01:20:04,020 --> 01:20:07,050
Et c'est pourquoi nous l'appelons un côté client
langage de programmation.

1554
01:20:07,050 --> 01:20:09,110
Il fonctionne sur votre ordinateur -

1555
01:20:09,110 --> 01:20:11,400
le client.

1556
01:20:11,400 --> 01:20:13,830
Vous avez des questions à ce sujet jusqu'à présent?

1557
01:20:13,830 --> 01:20:15,650
Ce paradigme fait sens pour les gens?

1558
01:20:15,650 --> 01:20:16,010
OK.

1559
01:20:16,010 --> 01:20:16,790
Bon.

1560
01:20:16,790 --> 01:20:17,340
Très bien.

1561
01:20:17,340 --> 01:20:20,850
Donc la première chose à noter
est JavaScript n'est pas PHP.

1562
01:20:20,850 --> 01:20:23,010
>> Ils ont une syntaxe différente,
que nous allons passer à.

1563
01:20:23,010 --> 01:20:24,530
Et ils ont des usages très différents.

1564
01:20:24,530 --> 01:20:26,640
JavaScript, encore une fois, pour votre
navigateur, pour le client.

1565
01:20:26,640 --> 01:20:30,640
Server s'exécute quelque part sur quelqu'un d'autre de
l'ordinateur qui envoie des informations

1566
01:20:30,640 --> 01:20:31,720
à vous, corriger?

1567
01:20:31,720 --> 01:20:36,730
Donc, si nous vous demandons d'écrire du code PHP
sur une question d'examen, ne pas écrire

1568
01:20:36,730 --> 01:20:38,710
JavaScript et vice versa.

1569
01:20:38,710 --> 01:20:41,710
Vous venez de perdre des points,
et il ne sera pas bon.

1570
01:20:41,710 --> 01:20:43,690
>> Donc, nous allons entrer dans une certaine
syntaxe différences -

1571
01:20:43,690 --> 01:20:46,140
JavaScript sur la gauche
et PHP sur la droite.

1572
01:20:46,140 --> 01:20:48,670
La première chose que vous remarquerez avec
JavaScript, nous déclarons les variables avec

1573
01:20:48,670 --> 01:20:49,440
le mot-clé var -

1574
01:20:49,440 --> 01:20:53,590
V-A-R. PHP utilisé le symbole du dollar,
comme Zamyla discuté plus tôt.

1575
01:20:53,590 --> 01:20:57,570
Si vous voulez déclarer une associatif
tableau, nous voyons la syntaxe familière sur

1576
01:20:57,570 --> 01:20:59,030
le côté droit avec PHP.

1577
01:20:59,030 --> 01:21:01,630
Sur le côté gauche, au lieu
vous utilisez des accolades.

1578
01:21:01,630 --> 01:21:03,280
Et puis vos clés sont sur la gauche.

1579
01:21:03,280 --> 01:21:04,670
Ensuite, vous avez un colon.

1580
01:21:04,670 --> 01:21:06,560
Et puis vous avez les valeurs
que vous voulez.

1581
01:21:06,560 --> 01:21:09,840
>> Donc, c'est la façon dont vous le feriez en PHP
sur le côté droit de cette seconde

1582
01:21:09,840 --> 01:21:10,955
ligne qui commence à Milo.

1583
01:21:10,955 --> 01:21:14,540
Et c'est ainsi que vous le feriez sur le
côté gauche en JavaScript si vous voulez

1584
01:21:14,540 --> 01:21:16,110
ce que nous appelons un objet.

1585
01:21:16,110 --> 01:21:19,340
Et objets JavaScript sont
seulement des tableaux associatifs.

1586
01:21:19,340 --> 01:21:23,710
Donc, si vous souhaitez accéder aux champs, dans
PHP vous utilisez cette syntaxe de support.

1587
01:21:23,710 --> 01:21:27,170
Et de cette façon, vous pouvez réaffecter
ce propriétaire domaine de Lauren.

1588
01:21:27,170 --> 01:21:30,150
>> Eh bien, en JavaScript, si l'on veut à
accéder à un champ et de les modifier, vous pouvez

1589
01:21:30,150 --> 01:21:31,370
utiliser la syntaxe à point.

1590
01:21:31,370 --> 01:21:33,860
Vous pouvez également utiliser la syntaxe de support.

1591
01:21:33,860 --> 01:21:35,550
Mais vous ne pouvez pas utiliser la
point syntaxe PHP.

1592
01:21:35,550 --> 01:21:36,525
Cela ne marchera pas.

1593
01:21:36,525 --> 01:21:38,910
Il fonctionne uniquement en PHP.

1594
01:21:38,910 --> 01:21:42,060
Et enfin, pour imprimer des choses à l'
console, vous utilisez console.log, qui

1595
01:21:42,060 --> 01:21:43,720
vous les gars utilisent beaucoup dans pset8.

1596
01:21:43,720 --> 01:21:45,260
Vous pouvez CONSOLE.LOG que.

1597
01:21:45,260 --> 01:21:50,030
>> Si vous souhaitez imprimer un tableau dans
PHP, vous devez utiliser l'impression r.

1598
01:21:50,030 --> 01:21:53,240
Et sur le côté droit, vous voyez i hachage
concaténation là-bas.

1599
01:21:53,240 --> 01:21:54,070
Quelqu'un a demandé plus tôt.

1600
01:21:54,070 --> 01:21:55,850
J'utilise un plus dans JavaScript.

1601
01:21:55,850 --> 01:21:59,800
Si je veux quelque chose de concaténer
en PHP, j'utilise le point.

1602
01:21:59,800 --> 01:22:00,800
Elles sont différentes.

1603
01:22:00,800 --> 01:22:03,420
Si vous écrivez du code PHP,
ne pas utiliser un plus.

1604
01:22:03,420 --> 01:22:06,810
Si vous écrivez JavaScript
code, ne pas écrire d'un point.

1605
01:22:06,810 --> 01:22:08,230
Il aura tort.

1606
01:22:08,230 --> 01:22:09,640
Et vous serez triste.

1607
01:22:09,640 --> 01:22:11,000
>> Donc, les différences de syntaxe.

1608
01:22:11,000 --> 01:22:14,710
Apprenez à connaître votre syntaxe, parce que si vous avez à
écrire une question et que vous utilisez la syntaxe

1609
01:22:14,710 --> 01:22:16,890
de la mauvaise langue,
cela ne fonctionnera pas.

1610
01:22:16,890 --> 01:22:19,520
Et ce sera mauvais.

1611
01:22:19,520 --> 01:22:22,420
Alors parlons un certain contrôle
s'écouler différences, comment vous utilisez

1612
01:22:22,420 --> 01:22:24,040
des boucles dans chacun d'eux.

1613
01:22:24,040 --> 01:22:26,610
Zamyla allé sur le côté droit.

1614
01:22:26,610 --> 01:22:27,780
Substance sur le côté droit
devrait être familier.

1615
01:22:27,780 --> 01:22:29,670
Regardons du côté gauche.

1616
01:22:29,670 --> 01:22:34,830
>> Lorsque vous utilisez pour n boucle en JavaScript,
votre variable de boucle, var i là-bas,

1617
01:22:34,830 --> 01:22:37,210
boucle sur les clés du tableau.

1618
01:22:37,210 --> 01:22:39,150
Donc, vous voyez le nom, maison, et le rôle.

1619
01:22:39,150 --> 01:22:42,440
Si je CONSOLE.LOG i, je reçois
nom, maison, et le rôle.

1620
01:22:42,440 --> 01:22:44,720
Ce sont les clés.

1621
01:22:44,720 --> 01:22:50,080
En JavaScript, une boucle foreach va
sur les valeurs de ce tableau.

1622
01:22:50,080 --> 01:22:52,040
Ainsi, vous remarquerez qu'ils sont tous les deux i.

1623
01:22:52,040 --> 01:22:56,000
Mais ici sur le côté de PHP, il affiche
à Milo, CS50, et mascotte.

1624
01:22:56,000 --> 01:22:57,390
Ce sont les valeurs en PHP.

1625
01:22:57,390 --> 01:23:00,180
>> Il s'agit donc de la façon dont ces deux sont différents
dans les différentes langues.

1626
01:23:00,180 --> 01:23:02,970
Donc, si vous utilisez un foreach
boucle, ne présumez pas qu'il

1627
01:23:02,970 --> 01:23:03,760
vous donne les clés.

1628
01:23:03,760 --> 01:23:08,010
Et si vous utilisez un pour n boucle, ne pas
suppose qu'il vous donne les valeurs.

1629
01:23:08,010 --> 01:23:10,420
Cela fait-il sens si loin?

1630
01:23:10,420 --> 01:23:13,630
La diapositive suivante va vous montrer
comment vous pouvez accéder à l'inverse en

1631
01:23:13,630 --> 01:23:15,160
chacun d'entre eux.

1632
01:23:15,160 --> 01:23:18,550
>> Eh bien, si vous avez la clé en JavaScript
et vous voulez que la valeur à,

1633
01:23:18,550 --> 01:23:20,440
vous indexez juste dans le
tableau avec qui.

1634
01:23:20,440 --> 01:23:23,640
Alors Milo de i vous obtenir ce que
vous voulez - les valeurs.

1635
01:23:23,640 --> 01:23:25,260
Il ya cette autre syntaxe PHP.

1636
01:23:25,260 --> 01:23:28,140
Si vous voulez vraiment savoir, je ne sais pas
pensons encore que nous avons montré à vous.

1637
01:23:28,140 --> 01:23:31,740
Mais si vous êtes intéressé, vous pouvez utiliser
cette syntaxe supplémentaire sur la droite

1638
01:23:31,740 --> 01:23:35,130
côté qui seront effectivement vous permettre d'obtenir le
clés en PHP quand vous utilisez un

1639
01:23:35,130 --> 01:23:35,880
boucle foreach.

1640
01:23:35,880 --> 01:23:39,640
Donc un peu de trivia
si vous êtes intéressé.

1641
01:23:39,640 --> 01:23:42,630
>> Donc, c'est juste pour montrer la
les différences entre ces deux boucles.

1642
01:23:42,630 --> 01:23:47,060
Ne les mélangez pas lorsque vous êtes
la programmation d'une question.

1643
01:23:47,060 --> 01:23:49,774
Vous avez des questions à ce sujet.

1644
01:23:49,774 --> 01:23:50,770
Cool.

1645
01:23:50,770 --> 01:23:51,310
Très bien.

1646
01:23:51,310 --> 01:23:52,250
Objets JavaScript.

1647
01:23:52,250 --> 01:23:53,040
J'ai parlé à leur sujet.

1648
01:23:53,040 --> 01:23:54,650
Ils sont comme des tableaux associatifs.

1649
01:23:54,650 --> 01:23:57,730
La seule chose que je voudrais vous faire remarquer
ici, c'est que une valeur dans un tableau associatif

1650
01:23:57,730 --> 01:23:59,540
tableau peut être n'importe quoi en JavaScript.

1651
01:23:59,540 --> 01:24:02,240
>> Il peut même être une fonction,
comme là-bas.

1652
01:24:02,240 --> 01:24:04,600
J'ai une fonction qui
est une valeur d'une clé.

1653
01:24:04,600 --> 01:24:07,030
Et si je veux appeler cette fonction,
Je viens accéder écorce.

1654
01:24:07,030 --> 01:24:08,490
Et puis j'ai mis entre parenthèses
après cela.

1655
01:24:08,490 --> 01:24:09,790
Et cela fonctionne.

1656
01:24:09,790 --> 01:24:15,570
Donc, des questions?

1657
01:24:15,570 --> 01:24:16,370
Non?

1658
01:24:16,370 --> 01:24:16,650
OK.

1659
01:24:16,650 --> 01:24:18,190
Bon.

1660
01:24:18,190 --> 01:24:20,130
JavaScript, comme PHP,
est faiblement typé.

1661
01:24:20,130 --> 01:24:20,970
Qu'est-ce que ça veut dire?

1662
01:24:20,970 --> 01:24:22,380
>> Il possède types.

1663
01:24:22,380 --> 01:24:24,800
Mais lorsque vous déclarez un JavaScript
variable, vous dites var i.

1664
01:24:24,800 --> 01:24:25,850
Vous ne le dites pas.

1665
01:24:25,850 --> 01:24:26,460
Ce n'est pas une chose.

1666
01:24:26,460 --> 01:24:28,000
Vous venez de dire que c'est une variable.

1667
01:24:28,000 --> 01:24:31,590
Et puis le JavaScript se chargera de la
types sous le capot pour vous.

1668
01:24:31,590 --> 01:24:34,390
Nous pouvons convertir librement entre
types cause de cela.

1669
01:24:34,390 --> 01:24:37,360
Donc, je commence comme un certain nombre
dans ce cas.

1670
01:24:37,360 --> 01:24:38,790
Et puis j'ai une chaîne.

1671
01:24:38,790 --> 01:24:39,710
Et j'ajoute i lui.

1672
01:24:39,710 --> 01:24:41,810
Et je réaffecter le remettre en i.

1673
01:24:41,810 --> 01:24:43,640
>> Donc, sur cette première ligne,
i est le nombre.

1674
01:24:43,640 --> 01:24:47,310
Sur la deuxième ligne, i devient maintenant une
chaîne après je fais la réaffectation.

1675
01:24:47,310 --> 01:24:52,820
Et ici, je suis juste la concaténation
ce nombre sur la chaîne.

1676
01:24:52,820 --> 01:24:56,210
Donc, vous voyez que même si j'étais un
entier dans la première partie, c'est en quelque sorte

1677
01:24:56,210 --> 01:24:58,500
comme être converti en un
chaîne, puis est ajoutée

1678
01:24:58,500 --> 01:25:00,510
sur cette chaîne de bonjour.

1679
01:25:00,510 --> 01:25:02,340
Et c'est ce que je veux dire
par le typage faible.

1680
01:25:02,340 --> 01:25:04,760
C'est que vous convertissez entre
types très facilement.

1681
01:25:04,760 --> 01:25:08,840
Et il ne jette pas les avertissements
à vous aimez C fait.

1682
01:25:08,840 --> 01:25:12,420
>> Donc i contient maintenant bonjour
123 à la chaîne.

1683
01:25:12,420 --> 01:25:13,270
Suivant.

1684
01:25:13,270 --> 01:25:15,610
Nous pouvons également comparer librement
entre types.

1685
01:25:15,610 --> 01:25:19,310
Donc, si vous venez d'utiliser ==, beaucoup
comme en PHP, JavaScript

1686
01:25:19,310 --> 01:25:20,480
fait la même chose.

1687
01:25:20,480 --> 01:25:24,780
La chaîne 123 est le même que le nombre
123 lorsque vous utilisez égaux doubles.

1688
01:25:24,780 --> 01:25:27,820
Lorsqu'il est utilisé égaux triples, il a également
veut s'assurer que

1689
01:25:27,820 --> 01:25:29,240
le type est le même.

1690
01:25:29,240 --> 01:25:31,960
Donc, parce que c'est une chaîne et c'est
un certain nombre, même si elles sont à la fois

1691
01:25:31,960 --> 01:25:35,280
123, lorsque vous utilisez triple
égal, vous obtenez faux.

1692
01:25:35,280 --> 01:25:39,330
Dans la double égale cas, vous obtenez vrai,
parce égaux doubles n'a pas

1693
01:25:39,330 --> 01:25:40,020
soins sur le type.

1694
01:25:40,020 --> 01:25:42,500
Triple égaux ne se soucient de type.

1695
01:25:42,500 --> 01:25:43,750
Questions?

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
>> Et une autre chose à propos de Javascript
portée est une sorte de monde sauf si vous êtes

1699
01:25:52,870 --> 01:25:53,460
dans une fonction.

1700
01:25:53,460 --> 01:25:55,660
Et il fonctionne de la même
manière PHP fait.

1701
01:25:55,660 --> 01:25:57,500
Donc, nous allons passer par cet exemple.

1702
01:25:57,500 --> 01:25:59,110
I i mis à 999.

1703
01:25:59,110 --> 01:26:00,900
Et puis je vais dans cette boucle.

1704
01:26:00,900 --> 01:26:06,110
Donc, si je l'impression i dans le présent pour
boucle, je m'attends à 0, 1, 2, 3, 4.

1705
01:26:06,110 --> 01:26:07,390
J'arrive à i = 4.

1706
01:26:07,390 --> 01:26:10,770
Il incrémente i maintenant à 5 à
la fin de la boucle de.

1707
01:26:10,770 --> 01:26:13,300
Et puis il éclate de la boucle,
parce qu'il ne remplit pas la

1708
01:26:13,300 --> 01:26:14,550
plus conditionner.

1709
01:26:14,550 --> 01:26:16,650
>> Que pensez-vous que la prochaine
console.log imprime?

1710
01:26:16,650 --> 01:26:20,570

1711
01:26:20,570 --> 01:26:24,790
Voilà donc ce qu'il ferait en C. En C,
parce que si vous avez comme var i l'extérieur

1712
01:26:24,790 --> 01:26:28,855
et vous avez var i dans une boucle, comme un
pour la boucle, il fait de telle sorte que

1713
01:26:28,855 --> 01:26:30,690
c'est scope que les deux
i de sont différentes.

1714
01:26:30,690 --> 01:26:34,630
En JavaScript, il sera juste
traiter comme la même i.

1715
01:26:34,630 --> 01:26:37,870
Je reçois 5, parce que c'était la valeur
après qu'il est sorti hors de la boucle.

1716
01:26:37,870 --> 01:26:39,120
Donc, ces i de i sont les mêmes.

1717
01:26:39,120 --> 01:26:42,620

1718
01:26:42,620 --> 01:26:44,130
Cela fait-il sens?

1719
01:26:44,130 --> 01:26:45,720
>> Eh bien, il est logique de
un point de vue JavaScript.

1720
01:26:45,720 --> 01:26:49,510
Mais le même paradigme ne
reporter à C. Ils ont

1721
01:26:49,510 --> 01:26:50,310
différentes règles de portée.

1722
01:26:50,310 --> 01:26:50,630
Oui.

1723
01:26:50,630 --> 01:26:52,566
>> PUBLIC: [inaudible]

1724
01:26:52,566 --> 01:26:54,990
en dehors de la fonction [inaudible]?

1725
01:26:54,990 --> 01:26:58,340
>> JOSEPH ONG: Donc, en dehors de la fonction qui?

1726
01:26:58,340 --> 01:27:00,810
Donc, je vais y revenir dans un instant.

1727
01:27:00,810 --> 01:27:02,580
Nous appelons donc foo (i).

1728
01:27:02,580 --> 01:27:06,920
Ceci passe i dans foo, par incréments
, puis l'enregistre.

1729
01:27:06,920 --> 01:27:07,750
Il était donc 5.

1730
01:27:07,750 --> 01:27:09,210
Ainsi, il devient 6.

1731
01:27:09,210 --> 01:27:11,670
Mais ce dont je parle est
que je dans cette fonction.

1732
01:27:11,670 --> 01:27:14,430
Parce que c'est un paramètre, il est
scope à cette fonction.

1733
01:27:14,430 --> 01:27:17,800
Donc, une fois que j'aurai fait sortir de cette
fonction, il est maintenant passer

1734
01:27:17,800 --> 01:27:19,860
Retour à l'ancien i.

1735
01:27:19,860 --> 01:27:23,000
Que i est seulement parce scoped
c'est dans une fonction.

1736
01:27:23,000 --> 01:27:24,200
Et nous avons portée et les fonctions.

1737
01:27:24,200 --> 01:27:29,080
Mais nous n'avons pas portée à l'extérieur
des fonctions JavaScript.

1738
01:27:29,080 --> 01:27:31,170
Cela fait-il sens?

1739
01:27:31,170 --> 01:27:31,320
Oui.

1740
01:27:31,320 --> 01:27:31,660
Question.

1741
01:27:31,660 --> 01:27:34,030
>> PUBLIC: Same [inaudible]?

1742
01:27:34,030 --> 01:27:34,500
>> JOSEPH ONG: Donc oui.

1743
01:27:34,500 --> 01:27:36,260
En PHP, c'est le même genre de chose.

1744
01:27:36,260 --> 01:27:37,680
Il ya une légère subtilité fait.

1745
01:27:37,680 --> 01:27:40,130
Mais vous pouvez me poser des questions sur
que, après l'examen.

1746
01:27:40,130 --> 01:27:43,930
Vous n'avez pas vraiment besoin de savoir
cette subtilité pour le quiz.

1747
01:27:43,930 --> 01:27:47,600
Pour toutes fins utiles, comme
des variables, globale et PHP, sauf si

1748
01:27:47,600 --> 01:27:49,150
ils sont dans une fonction, même
chose en JavaScript.

1749
01:27:49,150 --> 01:27:49,480
Oui.

1750
01:27:49,480 --> 01:27:52,890
>> PUBLIC: Pourquoi est-ce qui a permis à
JavaScript et nulle part ailleurs?

1751
01:27:52,890 --> 01:27:55,010
>> JOSEPH ONG: Alors, pourquoi est-il permis
en JavaScript et pas en C?

1752
01:27:55,010 --> 01:27:58,180
C'est juste celui qui est venu avec
JavaScript a décidé que c'était OK

1753
01:27:58,180 --> 01:27:59,510
JavaScript.

1754
01:27:59,510 --> 01:28:02,430
Donc, c'est comme un langage de programmation
convention comme nous le dirions.

1755
01:28:02,430 --> 01:28:02,580
Oui.

1756
01:28:02,580 --> 01:28:04,480
>> PUBLIC: Alors pourquoi
aller de 6 à 5?

1757
01:28:04,480 --> 01:28:08,280
>> JOSEPH ONG: il a donc de 6 à 5,
parce que quand je je suis passé dans foo, que

1758
01:28:08,280 --> 01:28:13,420
i l'intérieur de foo est maintenant étendus à foo,
parce ampleur existe dans les fonctions en

1759
01:28:13,420 --> 01:28:15,050
JavaScript.

1760
01:28:15,050 --> 01:28:18,720
Mais une fois que je sors d'ici, car il
a été portée a été définie à la fonction, je suis juste

1761
01:28:18,720 --> 01:28:24,300
utilisant le i régulière qui était à l'intérieur
le reste du flux de contrôle.

1762
01:28:24,300 --> 01:28:25,210
Donner un sens?

1763
01:28:25,210 --> 01:28:26,910
Puis-je passer?

1764
01:28:26,910 --> 01:28:27,320
Très bien.

1765
01:28:27,320 --> 01:28:29,180
Cool.

1766
01:28:29,180 --> 01:28:31,890
>> L'acceptation de ce est des objets
sont passés par référence.

1767
01:28:31,890 --> 01:28:33,990
Vous savez quand vous passez
un tableau en C vous pourriez

1768
01:28:33,990 --> 01:28:35,810
effectivement modifier le tableau?

1769
01:28:35,810 --> 01:28:37,350
C'est la même chose en JavaScript.

1770
01:28:37,350 --> 01:28:42,960
Si je passe un objet, dans ce cas, je
Milo passé dans cette fonction de catify.

1771
01:28:42,960 --> 01:28:44,490
Milo commence.

1772
01:28:44,490 --> 01:28:46,310
Son nom est Milo Banana.

1773
01:28:46,310 --> 01:28:51,670
Je passe cet objet dans une fonction
parce que c'est un objet, une associatif

1774
01:28:51,670 --> 01:28:53,730
tableau en JavaScript.

1775
01:28:53,730 --> 01:28:57,110
>> Lorsque j'effectue une opération
dans cette fonction, il sera

1776
01:28:57,110 --> 01:28:58,560
effectivement changer l'objet.

1777
01:28:58,560 --> 01:29:01,720
Donc, cela ne se produira pour les objets
en JavaScript, tout comme il arrive

1778
01:29:01,720 --> 01:29:09,230
pour les tableaux à l'intérieur du nom de C. Alors Milo
sera effectivement devenu chat maintenant.

1779
01:29:09,230 --> 01:29:10,090
Cela fait-il sens?

1780
01:29:10,090 --> 01:29:11,840
Donc, cela ne fonctionne que pour les objets.

1781
01:29:11,840 --> 01:29:13,090
Les objets sont passés par référence.

1782
01:29:13,090 --> 01:29:13,400
Oui.

1783
01:29:13,400 --> 01:29:16,850
>> PUBLIC: Donc, vous dites que
à la différence de la variable i.

1784
01:29:16,850 --> 01:29:17,240
>> JOSEPH ONG: Ouais.

1785
01:29:17,240 --> 01:29:20,330
Quelle variable j'étais juste
un certain nombre, non?

1786
01:29:20,330 --> 01:29:25,280
C'est comme en C lorsque vous passez un
Entier, il fait une copie.

1787
01:29:25,280 --> 01:29:28,130
Et lorsque vous passez un tableau, il fait
changements dans la matrice réelle

1788
01:29:28,130 --> 01:29:32,870
C. La même chose se produit avec
JavaScript dans ce cas.

1789
01:29:32,870 --> 01:29:34,070
Très bien.

1790
01:29:34,070 --> 01:29:38,134
Et à côté, Milo est triste parce que
il est maintenant un chat.

1791
01:29:38,134 --> 01:29:40,790

1792
01:29:40,790 --> 01:29:45,060
C'était en fait Milo après
certaines visite chez le vétérinaire.

1793
01:29:45,060 --> 01:29:46,860
>> Alors, comment pouvons-nous utiliser JavaScript
dans une page web?

1794
01:29:46,860 --> 01:29:47,790
Nous pouvons inclure.

1795
01:29:47,790 --> 01:29:50,090
Ceci est du code HTML avec les balises de la bande.

1796
01:29:50,090 --> 01:29:51,300
J'ai donc balises bande là.

1797
01:29:51,300 --> 01:29:54,820
Et puis j'ai mis un peu de JavaScript
code dans les balises de script.

1798
01:29:54,820 --> 01:29:56,390
Et puis il exécute ce.

1799
01:29:56,390 --> 01:29:58,830
Quand je fais juste comme ça, c'est
appelé JavaScript ligne.

1800
01:29:58,830 --> 01:30:02,400
C'est une sorte de désordre, parce que le
JavaScript est effectivement dans le code HTML.

1801
01:30:02,400 --> 01:30:07,010
>> Une meilleure façon de le faire, beaucoup plus agréable,
est d'écrire votre JavaScript dans une

1802
01:30:07,010 --> 01:30:10,920
fichier externe et de fournir ensuite
la balise script avec une source.

1803
01:30:10,920 --> 01:30:14,920
Et ce sera à ce fichier JavaScript
et lire le code JavaScript à partir

1804
01:30:14,920 --> 01:30:15,960
ce fichier à la place.

1805
01:30:15,960 --> 01:30:18,820
Et de cette façon, vous n'avez pas beaucoup d'
JavaScript au début de votre

1806
01:30:18,820 --> 01:30:20,760
fichier HTML, ce qui rend
il vraiment malpropre.

1807
01:30:20,760 --> 01:30:21,860
Vous venez de le mettre ailleurs.

1808
01:30:21,860 --> 01:30:24,310
Et puis il va lire à partir de là.

1809
01:30:24,310 --> 01:30:25,560
Saviez-qui fait sens?

1810
01:30:25,560 --> 01:30:27,990

1811
01:30:27,990 --> 01:30:29,640
>> matière de placement.

1812
01:30:29,640 --> 01:30:32,620
Dans ce cas particulier, la
script est avant le corps.

1813
01:30:32,620 --> 01:30:36,090
Alors, quand j'exécute cela, il ya
rien dans le corps encore.

1814
01:30:36,090 --> 01:30:39,920
Peut-être que cela fera un peu plus
détecter le moment où je montre la partie suivante.

1815
01:30:39,920 --> 01:30:43,210
Dans ce cas, le script
vient après la div.

1816
01:30:43,210 --> 01:30:46,620
Ainsi, la div apparaît effectivement
sur la première page.

1817
01:30:46,620 --> 01:30:49,470
Ici dans ce petit cercle rouge,
vous voyez le texte apparaît.

1818
01:30:49,470 --> 01:30:51,810
Et puis l'alerte apparaît.

1819
01:30:51,810 --> 01:30:54,890
>> Dans le premier cas, parce que le script
C'était avant la div, la

1820
01:30:54,890 --> 01:30:56,170
alerte apparaît en premier.

1821
01:30:56,170 --> 01:30:59,250
Et puis la div apparaît après
vous fermez la boîte.

1822
01:30:59,250 --> 01:31:01,330
Donc l'exécution qui compte.

1823
01:31:01,330 --> 01:31:02,290
Donc, nous allons garder cela à l'esprit.

1824
01:31:02,290 --> 01:31:03,640
Ce sera important
dans un peu.

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
Si bien, comment voulez-vous attendre jusqu'à ce que la
toute la page est chargée alors avant de vous

1828
01:31:12,750 --> 01:31:13,580
exécuter du code?

1829
01:31:13,580 --> 01:31:15,540
Nous allons entrer dans ce un peu
peu plus tard aussi.

1830
01:31:15,540 --> 01:31:19,016
Mais juste garder ce placement
questions à l'esprit lorsque nous

1831
01:31:19,016 --> 01:31:20,570
venir à une autre diapositive.

1832
01:31:20,570 --> 01:31:22,030
>> Donc, nous arrivons à DOM maintenant.

1833
01:31:22,030 --> 01:31:23,550
Et ce qui est DOM?

1834
01:31:23,550 --> 01:31:26,830
Donc, si vous regardez le code HTML, c'est juste
un tas de texte à l'écran.

1835
01:31:26,830 --> 01:31:30,560
Alors, comment ne JavaScript sais que
il s'agit d'un élément HTML?

1836
01:31:30,560 --> 01:31:33,410
Donc, nous devons avoir un peu de mémoire
représentation de cette

1837
01:31:33,410 --> 01:31:34,930
structure que nous avons.

1838
01:31:34,930 --> 01:31:40,240
Et chaque fois que nous avons cela en mémoire
représentation en JavaScript, nous appelons

1839
01:31:40,240 --> 01:31:41,750
que le DOM.

1840
01:31:41,750 --> 01:31:45,130
Et c'est juste une façon que les gens ont décidé
que nous devrions représenter ce

1841
01:31:45,130 --> 01:31:46,400
structure HTML comme.

1842
01:31:46,400 --> 01:31:47,940
>> Et qu'est-ce que DOM ressembler?

1843
01:31:47,940 --> 01:31:50,460
Eh bien, dans la représentation de la mémoire,
nous prenons ce texte.

1844
01:31:50,460 --> 01:31:52,870
Et nous nous tournons dans la mémoire
représentation.

1845
01:31:52,870 --> 01:31:54,400
Donc, c'est le code HTML.

1846
01:31:54,400 --> 01:31:58,090
Donc, nous trouvons d'abord que tous les
Arbre DOM dispose d'un document.

1847
01:31:58,090 --> 01:31:59,400
Il ressemble à un arbre.

1848
01:31:59,400 --> 01:32:03,550
Et le document contient le code HTML
tag, en fait tout

1849
01:32:03,550 --> 01:32:05,150
l'intérieur de cette entreprise.

1850
01:32:05,150 --> 01:32:06,970
La balise HTML a deux enfants.

1851
01:32:06,970 --> 01:32:08,630
Il a une tête.

1852
01:32:08,630 --> 01:32:12,380
Cette tête, si vous regardez l'indentation
là-bas à la façon dont il est structuré

1853
01:32:12,380 --> 01:32:14,960
entre les balises proches,
tête a un enfant.

1854
01:32:14,960 --> 01:32:17,130
L'enfant est le titre.

1855
01:32:17,130 --> 01:32:18,370
Exactement.

1856
01:32:18,370 --> 01:32:21,000
>> Maintenant, nous avons un enfant de corps.

1857
01:32:21,000 --> 01:32:24,870
Et puis ce corps a une
enfant appelé la famille.

1858
01:32:24,870 --> 01:32:27,950
Et que la famille a trois enfants -

1859
01:32:27,950 --> 01:32:29,550
le plus ancien, moyen, et le plus jeune.

1860
01:32:29,550 --> 01:32:31,960
Donc, vous devriez savoir comment dessiner un diagramme
comme ça quand nous vous demandons comment

1861
01:32:31,960 --> 01:32:34,270
de tracer un diagramme lorsque nous donnons
vous le code HTML sur la gauche.

1862
01:32:34,270 --> 01:32:36,350
Savoir comment produire l'arborescence DOM.

1863
01:32:36,350 --> 01:32:38,930
Et à l'intérieur de ces choses, il ya juste
un texte, que j'ai représenté

1864
01:32:38,930 --> 01:32:40,180
comme des petites boîtes.

1865
01:32:40,180 --> 01:32:42,750

1866
01:32:42,750 --> 01:32:47,980
>> Est-ce que cette arborescence DOM faire
sens et ce que le DOM est?

1867
01:32:47,980 --> 01:32:49,300
Alors, que se situe le P?

1868
01:32:49,300 --> 01:32:51,850
Ici, le p-bas
dans cette balise représente un

1869
01:32:51,850 --> 01:32:54,510
balise de paragraphe en HTML.

1870
01:32:54,510 --> 01:32:57,080
Ainsi, vous pouvez regarder vers le haut.

1871
01:32:57,080 --> 01:32:59,290
Mais cela signifie juste que c'est une
espace pour un texte.

1872
01:32:59,290 --> 01:33:02,910
Et il a un certain style CSS par défaut,
parce que c'est une balise de paragraphe.

1873
01:33:02,910 --> 01:33:05,130
Mais ne vous inquiétez pas vraiment
cette partie trop.

1874
01:33:05,130 --> 01:33:07,510
Il suffit de savoir que c'est un espace réservé
pour un texte.

1875
01:33:07,510 --> 01:33:08,480
Oui.

1876
01:33:08,480 --> 01:33:10,200
Question?

1877
01:33:10,200 --> 01:33:11,021
Oui.

1878
01:33:11,021 --> 01:33:12,374
>> PUBLIC: Vous venez de mentionner CSS.

1879
01:33:12,374 --> 01:33:15,492
La famille de hachage et l'
tout cela est essentiellement

1880
01:33:15,492 --> 01:33:17,400
représentant ID de CSS?

1881
01:33:17,400 --> 01:33:18,440
>> JOSEPH ONG: Oui, exactement.

1882
01:33:18,440 --> 01:33:20,380
Je vais arriver à ce que ces hachages
dire dans une seconde.

1883
01:33:20,380 --> 01:33:23,480
Quand Angela alla CSS, elle
parlé sélecteurs CSS.

1884
01:33:23,480 --> 01:33:26,770
Ce sont les sélecteurs CSS
elle parlait.

1885
01:33:26,770 --> 01:33:28,268
Oui, Rob?

1886
01:33:28,268 --> 01:33:32,060
>> ROB BOWDEN: Je voudrais également commenter
que DOM à l'intérieur de la balise title

1887
01:33:32,060 --> 01:33:35,385
est aussi un nœud de texte.

1888
01:33:35,385 --> 01:33:36,070
>> JOSEPH ONG: Droit.

1889
01:33:36,070 --> 01:33:38,370
Donc, à l'intérieur de la balise de titre,
J'ai des DOM texte.

1890
01:33:38,370 --> 01:33:42,730
Alors, vraiment, ce titre devrait avoir comme un
petite boîte se détacher de lui aussi bien.

1891
01:33:42,730 --> 01:33:45,740
Mais il n'a pas vraiment d'importance
trop dans ce cas.

1892
01:33:45,740 --> 01:33:49,620
Nous ne nous soucions pas vraiment sur les nœuds de texte,
comme nous les appelons, trop.

1893
01:33:49,620 --> 01:33:50,270
OK, nous faisons.

1894
01:33:50,270 --> 01:33:51,520
Apparemment, nous faisons.

1895
01:33:51,520 --> 01:33:54,260

1896
01:33:54,260 --> 01:33:57,100
Et je vais fixer que lorsque
Je télécharger à nouveau.

1897
01:33:57,100 --> 01:33:59,830
Cela fait-il sens?

1898
01:33:59,830 --> 01:34:01,160
>> Alors, comment pouvons-nous travailler avec le DOM?

1899
01:34:01,160 --> 01:34:03,790
Si vous travaillez avec le DOM dans
JavaScript, il existe deux étapes.

1900
01:34:03,790 --> 01:34:05,030
Vous sélectionnez un élément DOM.

1901
01:34:05,030 --> 01:34:06,580
Et puis vous faites des choses pour elle.

1902
01:34:06,580 --> 01:34:11,480
Donc dans ce cas, abstraitement, j'ai
sélectionné l'élément central.

1903
01:34:11,480 --> 01:34:14,530
Et puis un exemple de faire des trucs
pour elle serait de changer le texte.

1904
01:34:14,530 --> 01:34:16,020
C'est l'habitude d'être Bob.

1905
01:34:16,020 --> 01:34:19,930
Maintenant, ce que j'ai fait pour elle était que j'ai changé
Bob à Milo dans ce cas.

1906
01:34:19,930 --> 01:34:22,130
>> Alors, comment pouvons-nous réellement faire cela?

1907
01:34:22,130 --> 01:34:23,440
Comment faisons-nous la sélection?

1908
01:34:23,440 --> 01:34:26,560
Et comment pouvons-nous ne le faire des trucs à
la chose une fois que nous avons pris il?

1909
01:34:26,560 --> 01:34:30,470
Eh bien, la façon dont vous les gars ont appris
dans cette classe est d'utiliser quelque chose que nous

1910
01:34:30,470 --> 01:34:32,420
appelé jQuery.

1911
01:34:32,420 --> 01:34:33,910
Alors, quelle est jQuery?

1912
01:34:33,910 --> 01:34:37,220
jQuery est une bibliothèque qui permet
JavaScript plus facile à écrire.

1913
01:34:37,220 --> 01:34:39,500
Donc, quelqu'un a pris le temps
et écrit jQuery.

1914
01:34:39,500 --> 01:34:41,530
>> jQuery est en fait écrite
en JavaScript.

1915
01:34:41,530 --> 01:34:44,550
Et puis parce qu'ils ont fait cela, nous maintenant
avoir tout un tas de fonctions qui

1916
01:34:44,550 --> 01:34:46,020
nous pouvons utiliser que faire de notre
vit vraiment facile.

1917
01:34:46,020 --> 01:34:48,580

1918
01:34:48,580 --> 01:34:50,030
Alors, quelles sont quelques-unes des
choses qu'il fait?

1919
01:34:50,030 --> 01:34:51,650
Il permet de sélectionner des éléments plus facile.

1920
01:34:51,650 --> 01:34:54,020
Il permet de changer HTML,
l'ajout de classes plus facile.

1921
01:34:54,020 --> 01:34:55,360
Il est plus facile Ajax.

1922
01:34:55,360 --> 01:34:58,230
Nous y reviendrons dans une seconde.

1923
01:34:58,230 --> 01:35:00,630
>> Et c'est analogue aux bibliothèques C.

1924
01:35:00,630 --> 01:35:03,090
Donc, vous incluez string.h,
vous êtes strlen.

1925
01:35:03,090 --> 01:35:04,680
Vous obtenez strcpy, toutes ces choses.

1926
01:35:04,680 --> 01:35:09,650
Lorsque vous incluez jQuery, vous obtenez agréable
façons de sélectionner des éléments au changement

1927
01:35:09,650 --> 01:35:10,390
choses, et cetera.

1928
01:35:10,390 --> 01:35:12,990
Vous obtenez des fonctionnalités supplémentaires
JavaScript ne vous donne pas.

1929
01:35:12,990 --> 01:35:15,310
Donc, jQuery est pas le JavaScript.

1930
01:35:15,310 --> 01:35:18,660
jQuery est une bibliothèque qui est écrit dans
JavaScript qui rend le JavaScript

1931
01:35:18,660 --> 01:35:20,440
plus facile à écrire.

1932
01:35:20,440 --> 01:35:23,170
>> Donc jQuery n'est pas une programmation
langue.

1933
01:35:23,170 --> 01:35:24,540
Mais Javascript.

1934
01:35:24,540 --> 01:35:27,420

1935
01:35:27,420 --> 01:35:27,590
faire.

1936
01:35:27,590 --> 01:35:30,420
Bien sûr, vous obtenez le droit de votre terminologie.

1937
01:35:30,420 --> 01:35:32,490
Vous avez des questions?

1938
01:35:32,490 --> 01:35:33,882
Oui.

1939
01:35:33,882 --> 01:35:35,132
Est-ce une question?

1940
01:35:35,132 --> 01:35:37,910

1941
01:35:37,910 --> 01:35:38,350
Très bien.

1942
01:35:38,350 --> 01:35:40,080
Alors, comment utilisez-vous jQuery?

1943
01:35:40,080 --> 01:35:42,390
Eh bien, quand vous écrivez quelque
Le code JavaScript et vous incluez une

1944
01:35:42,390 --> 01:35:45,570
jQuery en haut de votre fichier en tant que
fichier de script, vous utilisez le signe de dollar

1945
01:35:45,570 --> 01:35:47,310
maintenant pour avoir accès à jQuery.

1946
01:35:47,310 --> 01:35:49,860
Et ceci est différent de
le signe de dollar en PHP.

1947
01:35:49,860 --> 01:35:51,590
>> C'est le même symbole
tapez sur votre clavier.

1948
01:35:51,590 --> 01:35:52,780
Mais ils font des choses très différentes.

1949
01:35:52,780 --> 01:35:56,090
Signe du dollar en PHP signifie que ce
comment je déclare une variable.

1950
01:35:56,090 --> 01:35:59,120
En JavaScript, quand vous avez inclus
jQuery, il est synonyme de jQuery.

1951
01:35:59,120 --> 01:36:01,280
Donc, gardez cela à l'esprit.

1952
01:36:01,280 --> 01:36:03,420
Alors, comment pourrions-nous choisir les éléments DOM?

1953
01:36:03,420 --> 01:36:06,500
Eh bien, quand vous le faites le laid JavaScript
Ainsi, vous accédez à la

1954
01:36:06,500 --> 01:36:08,240
documenter variable globale.

1955
01:36:08,240 --> 01:36:11,170
Et puis vous obtenez élément par famille ID.

1956
01:36:11,170 --> 01:36:15,270
C'est vraiment long et verbeux
et pas très agréable.

1957
01:36:15,270 --> 01:36:18,190
>> Ou vous pouvez obtenir tous les éléments
qui sont une balise p.

1958
01:36:18,190 --> 01:36:20,080
Cela fonctionne aussi en JavaScript.

1959
01:36:20,080 --> 01:36:22,470
Mais nous n'avons jamais vraiment montré
vous la syntaxe trop.

1960
01:36:22,470 --> 01:36:24,620
Qu'est-ce que nous avons montré que vous étiez jQuery.

1961
01:36:24,620 --> 01:36:28,720
Alors que toute la sélection là-haut
a été exprimé dans JavaScript obtient juste

1962
01:36:28,720 --> 01:36:33,320
condensé de ce très bel dollar
signer famille hashtag.

1963
01:36:33,320 --> 01:36:38,480
Et $ p, là où c'est comme ça.

1964
01:36:38,480 --> 01:36:41,690
Si vous souhaitez sélectionner toutes les balises p
l'intérieur d'une famille, nous mettons un espace

1965
01:36:41,690 --> 01:36:42,890
entre les deux.

1966
01:36:42,890 --> 01:36:44,815
Et maintenant, nous obtenons tous les p
les balises à l'intérieur d'une famille.

1967
01:36:44,815 --> 01:36:48,740

1968
01:36:48,740 --> 01:36:50,380
>> Et vous sembler familier?

1969
01:36:50,380 --> 01:36:52,880
Eh bien, Angela a parlé
sélecteurs CSS.

1970
01:36:52,880 --> 01:36:54,200
Donnez-moi une seconde.

1971
01:36:54,200 --> 01:36:57,230
Et afin de sélectionner un élément,
vous utilisez simplement la même chose que vous

1972
01:36:57,230 --> 01:36:58,530
ferait avec un sélecteur CSS.

1973
01:36:58,530 --> 01:37:00,910
Si vous mettez un hachage devant
de celui-ci, il sélectionne par ID.

1974
01:37:00,910 --> 01:37:02,220
Un point sélectionne par des classes.

1975
01:37:02,220 --> 01:37:06,230
Si vous avez juste la chose sans
hachage ou des points, il sélectionne les tags.

1976
01:37:06,230 --> 01:37:07,140
Questions.

1977
01:37:07,140 --> 01:37:07,470
Oui?

1978
01:37:07,470 --> 01:37:11,510
>> PUBLIC: Lorsque nous utilisons dans notre point
HTML, n'est-ce pas jQuery?

1979
01:37:11,510 --> 01:37:13,520
>> JOSEPH ONG: Dot dans notre HTML
est une chose JavaScript.

1980
01:37:13,520 --> 01:37:14,750
Ce n'est pas une chose jQuery.

1981
01:37:14,750 --> 01:37:17,620
La façon dont vous les gars ont appris avec
jQuery est à utiliser. html.

1982
01:37:17,620 --> 01:37:21,510
Et puis vous avez passé tout ce qu'il
le code HTML sera.

1983
01:37:21,510 --> 01:37:23,480
Donc, je vais y revenir dans un peu
un second réellement.

1984
01:37:23,480 --> 01:37:27,800
Alors, comment pouvons-nous faire des choses à l'élément
une fois que nous avons choisi il?

1985
01:37:27,800 --> 01:37:30,130
Voilà donc un exemple de
la sélection d'un élément.

1986
01:37:30,130 --> 01:37:32,280
Alors maintenant, nous voulons faire des choses pour elle.

1987
01:37:32,280 --> 01:37:35,730
>> Donc dans ce cas, permettez-moi de revenir
à la diapositive précédente.

1988
01:37:35,730 --> 01:37:37,360
C'était Bob avant.

1989
01:37:37,360 --> 01:37:40,660
Et je veux changer cette
dans le HTML et Milo.

1990
01:37:40,660 --> 01:37:43,240
J'appelle donc la fonction HTML
à partir de l'élément.

1991
01:37:43,240 --> 01:37:45,580
Cette fonction HTML est
une méthode d'élément.

1992
01:37:45,580 --> 01:37:47,430
Et puis je lui donne ce
Je veux que le HTML soit.

1993
01:37:47,430 --> 01:37:50,560
Et il remplace tout ce qui est à l'intérieur de
cette balise avec ce que je lui donne.

1994
01:37:50,560 --> 01:37:50,830
Oui.

1995
01:37:50,830 --> 01:37:51,170
Question?

1996
01:37:51,170 --> 01:37:57,397
>> AUDIENCE: Le hashtag est utilisé
pour que le jQuery.

1997
01:37:57,397 --> 01:37:59,313
[Inaudible]

1998
01:37:59,313 --> 01:38:01,230
nous n'aurions pas l'utiliser.

1999
01:38:01,230 --> 01:38:01,960
>> JOSEPH ONG: Oui, exactement.

2000
01:38:01,960 --> 01:38:03,750
Mais ne vous inquiétez pas trop
JavaScript sur pur.

2001
01:38:03,750 --> 01:38:06,670
Je veux juste vous les gars de se concentrer sur la façon dont vous
le ferait avec jQuery, parce

2002
01:38:06,670 --> 01:38:10,020
que ça va être la importante
partie sur le questionnaire.

2003
01:38:10,020 --> 01:38:10,400
Droite.

2004
01:38:10,400 --> 01:38:10,880
Exactement.

2005
01:38:10,880 --> 01:38:16,025
Donc, vous voyez que hashtag, de sorte que
correspond à sélectionner l'élément à

2006
01:38:16,025 --> 01:38:18,310
au milieu d'identité à cause de ce hashtag.

2007
01:38:18,310 --> 01:38:19,670
Signifie Hashtag ID.

2008
01:38:19,670 --> 01:38:22,870
Et cet élément a un ID de milieu.

2009
01:38:22,870 --> 01:38:24,366
C'est donc l'élément que nous sélectionnons.

2010
01:38:24,366 --> 01:38:27,160
>> PUBLIC: [inaudible].

2011
01:38:27,160 --> 01:38:31,090
signe dollar hashtag [inaudible]?

2012
01:38:31,090 --> 01:38:31,710
>> JOSEPH ONG: Donc pas.

2013
01:38:31,710 --> 01:38:33,280
La question est peut vous utilisez. Valeur.

2014
01:38:33,280 --> 01:38:36,445
Et. Valeur ne fonctionne que sur des éléments
qui sont entrées.

2015
01:38:36,445 --> 01:38:40,950

2016
01:38:40,950 --> 01:38:45,495
Dans jQuery, il serait
. Val, pas de valeur..

2017
01:38:45,495 --> 01:38:49,080
Donc, je vais arriver à un petit exemple qui
démontre tout cela en combinaison

2018
01:38:49,080 --> 01:38:49,850
dans une seconde.

2019
01:38:49,850 --> 01:38:53,130
Mais je pense que cela sert un petit extrait
fait sens pour les gens jusqu'ici.

2020
01:38:53,130 --> 01:38:55,450
Vous voulez changer le code HTML,
appeler la méthode HTML.

2021
01:38:55,450 --> 01:38:56,432
Oui.

2022
01:38:56,432 --> 01:38:58,200
>> PUBLIC: Pouvez-vous expliquer
la méthode à nouveau?

2023
01:38:58,200 --> 01:39:01,900
>> JOSEPH ONG: Donc, une méthode est juste un
fonction qui appartient à l'un, dans ce

2024
01:39:01,900 --> 01:39:04,590
cas, l'un de ces éléments DOM,
parce que vous voyez que je

2025
01:39:04,590 --> 01:39:05,940
sélectionnez le premier élément.

2026
01:39:05,940 --> 01:39:07,320
En fait, permettez-moi d'utiliser la souris.

2027
01:39:07,320 --> 01:39:09,330
J'ai choisi le premier élément.

2028
01:39:09,330 --> 01:39:12,310
Et puis j'ai appelé ce code html
fonctionner qu'il avait.

2029
01:39:12,310 --> 01:39:15,710
Et parce que cette fonction appartient à
cette chose, nous l'appelons une méthode.

2030
01:39:15,710 --> 01:39:19,480
C'est juste un nom de fantaisie pour elle.

2031
01:39:19,480 --> 01:39:20,730
Le dire.

2032
01:39:20,730 --> 01:39:22,880

2033
01:39:22,880 --> 01:39:25,170
Alors rappelez-vous, nous avons sélectionné
l'élément maintenant.

2034
01:39:25,170 --> 01:39:27,810
Et nous avons mis à l'intérieur de
la variable d'élément.

2035
01:39:27,810 --> 01:39:28,600
Corriger?

2036
01:39:28,600 --> 01:39:34,380
>> Alors, quand nous voulons changer le code HTML de
à l'intérieur, parce que c'était Bob avant, vous

2037
01:39:34,380 --> 01:39:36,420
vouloir changer ce texte à Milo.

2038
01:39:36,420 --> 01:39:37,920
Nous appelons donc HTML.

2039
01:39:37,920 --> 01:39:41,610
Et nous lui disons ce que le HTML à l'intérieur
cet élément doit être maintenant.

2040
01:39:41,610 --> 01:39:44,107
Et il change à Milo,
parce que je lui ai donné Milo.

2041
01:39:44,107 --> 01:39:46,542
>> PUBLIC: ils sont donc travailler ensemble.

2042
01:39:46,542 --> 01:39:47,030
[Inaudible]

2043
01:39:47,030 --> 01:39:47,390
>> JOSEPH ONG: Ouais, ouais.

2044
01:39:47,390 --> 01:39:48,180
Ils travaillent ensemble.

2045
01:39:48,180 --> 01:39:50,210
Alors l'un d'eux choisit
le premier élément.

2046
01:39:50,210 --> 01:39:52,863
Et le second fait
quelque chose.

2047
01:39:52,863 --> 01:39:53,790
Oui.

2048
01:39:53,790 --> 01:39:56,168
>> PUBLIC: [inaudible].

2049
01:39:56,168 --> 01:40:01,280
Si cette méthode est différente de HTML
vous avez la méthode égalité réelle.

2050
01:40:01,280 --> 01:40:01,560
>> JOSEPH ONG: Ouais.

2051
01:40:01,560 --> 01:40:03,370
C'est une méthode différente.

2052
01:40:03,370 --> 01:40:04,670
C'est une méthode différente.

2053
01:40:04,670 --> 01:40:07,860
Et nous pouvons couvrir que dans une seconde
quand nous arrivons à un exemple.

2054
01:40:07,860 --> 01:40:12,000
Je veux m'assurer que nous accélérons
parce que nous sommes à court de temps.

2055
01:40:12,000 --> 01:40:15,360
Mais nous sommes à court moyen au fil du temps maintenant.

2056
01:40:15,360 --> 01:40:15,490
OK.

2057
01:40:15,490 --> 01:40:16,430
Cool.

2058
01:40:16,430 --> 01:40:20,130
Donc, si vous voulez ajouter une classe, il ya
également une méthode de classe de complément.

2059
01:40:20,130 --> 01:40:24,300
Ceci est juste un exemple de ce
vous pouvez faire avec jQuery.

2060
01:40:24,300 --> 01:40:25,950
Cela ajoute simplement une classe.

2061
01:40:25,950 --> 01:40:28,660
>> Si vous voulez supprimer,
vous pouvez appeler supprimer.

2062
01:40:28,660 --> 01:40:32,280
C'est juste une autre chose que vous pouvez faire.

2063
01:40:32,280 --> 01:40:35,680
Donc, plus d'exemples de choses que vous pouvez faire.

2064
01:40:35,680 --> 01:40:37,510
Donc, je peux juste le mettre à
haut comme ça?

2065
01:40:37,510 --> 01:40:38,760
Le plus jeune supprimer.

2066
01:40:38,760 --> 01:40:42,470

2067
01:40:42,470 --> 01:40:45,930
Si je viens j'exécute que JavaScript à
le haut de mon dossier, sera que travailler?

2068
01:40:45,930 --> 01:40:48,540

2069
01:40:48,540 --> 01:40:48,920
Droite.

2070
01:40:48,920 --> 01:40:50,530
Parce milieu n'existe pas encore.

2071
01:40:50,530 --> 01:40:51,840
Donc, cela ne va pas au travail.

2072
01:40:51,840 --> 01:40:52,800
Ordre d'exécution.

2073
01:40:52,800 --> 01:40:55,040
Il va vers le haut en premier.

2074
01:40:55,040 --> 01:40:55,540
Qu'est-ce?

2075
01:40:55,540 --> 01:40:57,450
>> PUBLIC: benjamin n'existe pas encore?

2076
01:40:57,450 --> 01:40:57,810
>> JOSEPH ONG: Ouais.

2077
01:40:57,810 --> 01:40:58,710
Benjamin n'existe pas encore.

2078
01:40:58,710 --> 01:40:59,600
Exactement.

2079
01:40:59,600 --> 01:41:01,320
>> PUBLIC: Vous avez dit milieu.

2080
01:41:01,320 --> 01:41:01,510
>> JOSEPH ONG: Désolé.

2081
01:41:01,510 --> 01:41:02,720
Benjamin n'existe pas encore.

2082
01:41:02,720 --> 01:41:04,510
Et l'autre chose est que je n'ai pas
inclus le jQuery

2083
01:41:04,510 --> 01:41:06,580
déposer demander un script src.

2084
01:41:06,580 --> 01:41:07,960
Donc, ce n'est pas d'aller travailler.

2085
01:41:07,960 --> 01:41:09,580
En fait, je n'ai pas fait cela dans
la diapositive suivante, qui est

2086
01:41:09,580 --> 01:41:10,700
censé résoudre ce soit.

2087
01:41:10,700 --> 01:41:14,120
Mais la façon dont nous faisons ce que JavaScript
est event driven.

2088
01:41:14,120 --> 01:41:17,410
Donc, ce que nous faisons, c'est que nous utilisons un événement
handler pour y arriver.

2089
01:41:17,410 --> 01:41:19,510
Et si je sélectionne le document
d'abord régler.

2090
01:41:19,510 --> 01:41:23,810
Je dis, OK, lorsque le document est
prêt, permettez-moi de courir une fonction.

2091
01:41:23,810 --> 01:41:25,470
Donc, c'est tout ce que les moyens de syntaxe.

2092
01:41:25,470 --> 01:41:27,100
>> J'ai choisi le document.

2093
01:41:27,100 --> 01:41:29,530
Maintenant, lorsque le document est
prêts, exécuter la fonction.

2094
01:41:29,530 --> 01:41:32,970
Et ici lorsque le document est
prêt, ce qui signifie que tout le HTML a

2095
01:41:32,970 --> 01:41:36,140
chargé, alors je lance la fonction
qui supprime cet élément.

2096
01:41:36,140 --> 01:41:40,270
Et maintenant, quand je lance cette fonction
que j'ai passé en prêt, je suis

2097
01:41:40,270 --> 01:41:43,780
garanti que tous les fichiers HTML sur le
Cette page va exister en premier.

2098
01:41:43,780 --> 01:41:44,100
Oui.

2099
01:41:44,100 --> 01:41:44,425
Question?

2100
01:41:44,425 --> 01:41:48,200
>> PUBLIC: Quel est le mot clé event
au sein de la fonction?

2101
01:41:48,200 --> 01:41:51,750
>> JOSEPH ONG: Donc, cet événement-clé dans le
fonction est juste un paramètre qui

2102
01:41:51,750 --> 01:41:53,490
est transmis à la fonction
pour tout événement.

2103
01:41:53,490 --> 01:41:55,470
C'est juste quelque chose que
vous obtenez gratuitement.

2104
01:41:55,470 --> 01:41:59,320
Lorsque vous utilisez des gestionnaires clés
pset8, cet événement pourrait vous dire, pour

2105
01:41:59,320 --> 01:42:01,350
exemple, qui touche enfoncée sur.

2106
01:42:01,350 --> 01:42:05,540
Dans ce cas, pour un événement ready,
ce n'est pas vraiment super utile.

2107
01:42:05,540 --> 01:42:08,640
Mais pour un événement clé en bas, il est plus
utile, parce que vous obtenez de savoir qui

2108
01:42:08,640 --> 01:42:12,330
touche enfoncée en accédant à clé
Code de cet objet de l'événement.

2109
01:42:12,330 --> 01:42:13,530
Corriger?

2110
01:42:13,530 --> 01:42:15,160
Cela fait-il sens?

2111
01:42:15,160 --> 01:42:16,280
OK.

2112
01:42:16,280 --> 01:42:16,580
Oui.

2113
01:42:16,580 --> 01:42:17,150
Question?

2114
01:42:17,150 --> 01:42:19,290
>> PUBLIC: Alors pouvez-vous mettre l'
balise script plus bas?

2115
01:42:19,290 --> 01:42:19,940
>> JOSEPH ONG: Donc oui.

2116
01:42:19,940 --> 01:42:21,500
Vous pourriez mettre le script
marquer plus bas.

2117
01:42:21,500 --> 01:42:23,090
Mais alors, il devient vraiment salissant.

2118
01:42:23,090 --> 01:42:26,590
Et nous aimons à centraliser toutes les
de notre code en un seul endroit.

2119
01:42:26,590 --> 01:42:28,290
Et cela va nous permettre de le faire.

2120
01:42:28,290 --> 01:42:32,010
Rappelez-vous plus tôt, je le disais il ya un mieux
façon de s'assurer que les éléments sont

2121
01:42:32,010 --> 01:42:33,880
sur la page avant d'exécuter le code?

2122
01:42:33,880 --> 01:42:36,079
Et c'est juste une belle façon
vous accomplir cela.

2123
01:42:36,079 --> 01:42:37,329
>> PUBLIC: [inaudible].

2124
01:42:37,329 --> 01:42:41,710

2125
01:42:41,710 --> 01:42:42,230
>> JOSEPH ONG: Ouais.

2126
01:42:42,230 --> 01:42:43,460
Vous auriez encore, non?

2127
01:42:43,460 --> 01:42:46,930
Car n'oubliez pas, vous avez inclus le
déposer au haut de la page.

2128
01:42:46,930 --> 01:42:49,890
Donc ça va exécuter avant de
vous arrivez au bas de la page.

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
Ainsi, vous pouvez également ajouter un autre
type de gestionnaire d'événements.

2132
01:42:59,210 --> 01:43:00,640
Celui-ci traite juste clics.

2133
01:43:00,640 --> 01:43:03,910
Lorsque je clique sur le plus jeune, alors
il apparaîtra avec une alerte.

2134
01:43:03,910 --> 01:43:05,440
C'est juste un autre
type d'événement.

2135
01:43:05,440 --> 01:43:08,840
Par opposition à l'événement prêt, vous maintenant
utiliser l'événement click lorsque vous recevez

2136
01:43:08,840 --> 01:43:10,190
clique sur un élément.

2137
01:43:10,190 --> 01:43:13,860
>> Et dans ce cas, n'oubliez pas, le clic
gestionnaire est attaché à la plus jeune.

2138
01:43:13,860 --> 01:43:16,080
Ainsi, il arrive que lorsque
Je clique sur le plus jeune.

2139
01:43:16,080 --> 01:43:19,510
Et dans l'autre, l'événement ready
a été attaché au document.

2140
01:43:19,510 --> 01:43:23,750
Alors qu'il attend le document
être prêt.

2141
01:43:23,750 --> 01:43:25,120
Donner un sens?

2142
01:43:25,120 --> 01:43:26,190
Je pense que je peux passer.

2143
01:43:26,190 --> 01:43:26,610
Oui.

2144
01:43:26,610 --> 01:43:26,980
Question?

2145
01:43:26,980 --> 01:43:28,230
>> PUBLIC: [inaudible].

2146
01:43:28,230 --> 01:43:31,676

2147
01:43:31,676 --> 01:43:33,620
dans ce cas, vous utilisez [inaudible].

2148
01:43:33,620 --> 01:43:36,650
>> JOSEPH ONG: Oh, oui, parce que dans ce
cas, je dois attendre pour les plus jeunes

2149
01:43:36,650 --> 01:43:40,740
élément à apparaître à l'écran,
avant que je puisse joindre un gestionnaire de clic à

2150
01:43:40,740 --> 01:43:43,062
, ce qui est la raison pour laquelle je l'ai mis à l'intérieur
d'un document prêt.

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
Et à côté, donc c'est un grand exemple de
comment vous allez combiner tout.

2154
01:43:52,390 --> 01:43:55,930
Ceci est juste un exemple de validation de formulaire
vous avez vu dans la leçon.

2155
01:43:55,930 --> 01:43:58,410
Donc prendre étape par étape comme
vous passez par ce.

2156
01:43:58,410 --> 01:43:59,590
Et il sera totalement OK.

2157
01:43:59,590 --> 01:44:01,400
Il suffit de lire de haut en bas.

2158
01:44:01,400 --> 01:44:03,030
>> J'ai une forme au fond.

2159
01:44:03,030 --> 01:44:07,590
Lorsque le document est prêt, j'attache une
présenter gestionnaire de la forme, de sorte que

2160
01:44:07,590 --> 01:44:12,910
lorsque je soumets le formulaire, je reçois les valeurs
l'intérieur de chacune de ces entrées.

2161
01:44:12,910 --> 01:44:14,560
Et je vérifie si il est vide.

2162
01:44:14,560 --> 01:44:17,090
Si il est vide, je reviens faux, parce que
Je ne veux pas de soumettre le formulaire,

2163
01:44:17,090 --> 01:44:18,950
parce que la forme est erroné.

2164
01:44:18,950 --> 01:44:22,040
Si le mot de passe est vide ou il est moins
de huit caractères, je ne me soumets pas

2165
01:44:22,040 --> 01:44:24,470
la forme, parce que c'est aussi mal.

2166
01:44:24,470 --> 01:44:28,150
Et le faux de retour seulement empêche
le formulaire de soumission et

2167
01:44:28,150 --> 01:44:30,150
aller à une nouvelle page.

2168
01:44:30,150 --> 01:44:31,310
>> Et nous espérons, cela fait sens.

2169
01:44:31,310 --> 01:44:34,650
Je pense que vous devez marcher à travers
cette étape de code pas à pas sur votre propre.

2170
01:44:34,650 --> 01:44:38,350
Et une fois que vous comprenez ce que la sélection
éléments et faire des choses pour elle

2171
01:44:38,350 --> 01:44:40,520
implique effectivement, cela fera
beaucoup de sens pour vous.

2172
01:44:40,520 --> 01:44:41,295
Oui?

2173
01:44:41,295 --> 01:44:44,150
>> PUBLIC: Qu'est-ce que la
name = nom signifie?

2174
01:44:44,150 --> 01:44:48,530
>> JOSEPH ONG: Donc le nom = nom d'utilisateur et
name = mot de passe signifie suffit de regarder la

2175
01:44:48,530 --> 01:44:50,730
attribut de quelque
vous choisissez.

2176
01:44:50,730 --> 01:44:51,790
Et puis cela doit correspondre.

2177
01:44:51,790 --> 01:44:53,870
Donc, nous entrons dans l'enregistrement.

2178
01:44:53,870 --> 01:44:56,240
Et puis nous regardons toutes les entrées
et l'enregistrement.

2179
01:44:56,240 --> 01:44:59,990
Et puis nous choisissons celui où le nom
attribut est égale à nom d'utilisateur.

2180
01:44:59,990 --> 01:45:04,040
Alors que la première sélection ne sélectionne
l'entrée de nom d'utilisateur.

2181
01:45:04,040 --> 01:45:08,220
Et ce second sélecteur sélectionne seulement
le mot de passe, parce que ceux-ci ont

2182
01:45:08,220 --> 01:45:12,240
leurs noms attributs définis comme ce
ils sont censés être.

2183
01:45:12,240 --> 01:45:12,575
Question?

2184
01:45:12,575 --> 01:45:17,030
>> PUBLIC: Lors de la présentation, comment ne l'
partie inférieure de résoudre la partie supérieure?

2185
01:45:17,030 --> 01:45:19,350
>> JOSEPH ONG: Donc, c'est parce que
du gestionnaire d'événements.

2186
01:45:19,350 --> 01:45:23,000
Nous allons donc attendre pour présenter un événement
qui est déclenché à partir de la forme.

2187
01:45:23,000 --> 01:45:24,730
Et c'est tout ce qui est présenter.

2188
01:45:24,730 --> 01:45:26,080
Pourquoi dois-je appeler présenter là-haut?

2189
01:45:26,080 --> 01:45:28,870
Il dit, lorsque le formulaire est soumis,
Je reçois un événement soumettre.

2190
01:45:28,870 --> 01:45:33,480
Alors permettez-moi juste que intercepter et
puis exécuter ce code à la place.

2191
01:45:33,480 --> 01:45:33,823
Oui?

2192
01:45:33,823 --> 01:45:35,866
>> PUBLIC: Pourquoi avez-vous
d'avoir événement de fonction?

2193
01:45:35,866 --> 01:45:38,580
Pourquoi pouvez-vous pas juste [inaudible]?

2194
01:45:38,580 --> 01:45:41,140
>> JOSEPH ONG: Parce que dans JavaScript, vous
avoir à déclarer les fonctions.

2195
01:45:41,140 --> 01:45:42,910
C'est comme ça que cela fonctionne
en JavaScript.

2196
01:45:42,910 --> 01:45:44,800
Il faut dire que ça va
pour exécuter une fonction.

2197
01:45:44,800 --> 01:45:47,290
Donc, vous dites ce que vous êtes
attendre une fonction ici à la place de

2198
01:45:47,290 --> 01:45:48,260
seulement accolades.

2199
01:45:48,260 --> 01:45:50,460
>> PUBLIC: Et la fonction
est ce que s'ensuit-il?

2200
01:45:50,460 --> 01:45:50,650
>> JOSEPH ONG: Ouais.

2201
01:45:50,650 --> 01:45:52,790
La fonction est tout ce qui est à l'intérieur
les accolades après

2202
01:45:52,790 --> 01:45:53,630
cette fonction clé.

2203
01:45:53,630 --> 01:45:54,045
Oui?

2204
01:45:54,045 --> 01:45:55,295
>> PUBLIC: [inaudible].

2205
01:45:55,295 --> 01:46:00,180

2206
01:46:00,180 --> 01:46:00,660
>> JOSEPH ONG: Pour soumettre?

2207
01:46:00,660 --> 01:46:03,520
>> PUBLIC: Non, pour la fonction
sans l'événement.

2208
01:46:03,520 --> 01:46:03,770
>> JOSEPH ONG: Ouais.

2209
01:46:03,770 --> 01:46:05,610
Donc, sans l'événement,
vous pouvez avoir.

2210
01:46:05,610 --> 01:46:08,480
Si vous n'avez pas besoin de l'événement,
alors vous pouvez simplement l'omettre.

2211
01:46:08,480 --> 01:46:12,220
Mais si vous le faites, alors vous
juste mise là.

2212
01:46:12,220 --> 01:46:12,520
Oui.

2213
01:46:12,520 --> 01:46:13,190
Question rapide?

2214
01:46:13,190 --> 01:46:14,440
>> PUBLIC: [inaudible].

2215
01:46:14,440 --> 01:46:21,170

2216
01:46:21,170 --> 01:46:21,440
>> JOSEPH ONG: Ouais.

2217
01:46:21,440 --> 01:46:24,550
Parce que ce que vous devez faire, la
document.ready dit juste attendre pour tous

2218
01:46:24,550 --> 01:46:26,540
le code HTML de la page à charger en premier.

2219
01:46:26,540 --> 01:46:30,510
Et généralement, vous voulez que vos éléments
en place avant d'exécuter n'importe quel code.

2220
01:46:30,510 --> 01:46:31,030
Très bien.

2221
01:46:31,030 --> 01:46:32,180
Nous devons arriver à Ajax.

2222
01:46:32,180 --> 01:46:33,110
Nous n'avons pas beaucoup de temps.

2223
01:46:33,110 --> 01:46:35,170
Donc, avantages et inconvénients.

2224
01:46:35,170 --> 01:46:37,450
JavaScript est plus facile essai
écrire avec jQuery.

2225
01:46:37,450 --> 01:46:38,930
Mais jQuery est un peu lent.

2226
01:46:38,930 --> 01:46:42,290
>> C'est comme PHP est plus lent que C,
car il est interprété.

2227
01:46:42,290 --> 01:46:45,690
Et jQuery est un peu plus lent que
JavaScript, car il fait beaucoup de

2228
01:46:45,690 --> 01:46:46,630
les choses sous le capot.

2229
01:46:46,630 --> 01:46:48,660
Et si vous utilisez jQuery, c'est
juste un peu plus lent que

2230
01:46:48,660 --> 01:46:51,630
JavaScript, même si elle
vous donne belle élégance.

2231
01:46:51,630 --> 01:46:53,970
Et enfin, l'Ajax.

2232
01:46:53,970 --> 01:46:59,170
Jusqu'à présent, avec l'Ajax, vous n'avez pas vu l'Ajax
en termes de pset7 encore, parce

2233
01:46:59,170 --> 01:47:01,150
quand vous le faites, vous soumettez
une forme de citation.

2234
01:47:01,150 --> 01:47:02,350
Il charge une nouvelle page.

2235
01:47:02,350 --> 01:47:04,440
Ainsi, vous obtenez ce grand éclair blanc
sur la page pendant que

2236
01:47:04,440 --> 01:47:06,820
deuxième chargement de la page, c'est exact?

2237
01:47:06,820 --> 01:47:08,780
>> Ce serait vraiment bien si vous
n'a pas eu ce flash.

2238
01:47:08,780 --> 01:47:11,600
Comme Facebook, si vous venez de faire défiler à
bas, il ajoute un nouveau contenu

2239
01:47:11,600 --> 01:47:13,490
sans actualiser la page entière.

2240
01:47:13,490 --> 01:47:15,420
Donc, quelque chose comme ça serait bien.

2241
01:47:15,420 --> 01:47:17,370
Ceci est du code JavaScript
sur le côté gauche.

2242
01:47:17,370 --> 01:47:19,390
Vous obtenez ce qui est à l'intérieur de cette entrée.

2243
01:47:19,390 --> 01:47:21,340
Vous obtenez l'information d'actions de Yahoo!

2244
01:47:21,340 --> 01:47:27,440
Et puis vous faites une grande chaîne qui
dit, OK, c'est le message que je veux

2245
01:47:27,440 --> 01:47:28,400
à afficher sur l'écran.

2246
01:47:28,400 --> 01:47:32,280
Et puis vous mettez ce message à l'intérieur
d'un élément HTML qui obtient

2247
01:47:32,280 --> 01:47:33,970
affiché sur l'écran.

2248
01:47:33,970 --> 01:47:35,540
>> Donc, c'est tout ce qui se passe ici.

2249
01:47:35,540 --> 01:47:39,410
Donc, fondamentalement, parce que c'est tout
JavaScript et vous n'avez pas besoin de courir

2250
01:47:39,410 --> 01:47:42,980
plus PHP, ce sera assurez-vous
que la page ne se recharge pas.

2251
01:47:42,980 --> 01:47:47,470
Donc, c'est juste une idée abstraite
que je dis ici pour le moment.

2252
01:47:47,470 --> 01:47:50,630
L'idée abstraite est que si vous le faites
tout en JavaScript, vous ne disposez pas d'un

2253
01:47:50,630 --> 01:47:52,330
rafraîchir la page.

2254
01:47:52,330 --> 01:47:53,800
Mais comment voulez-vous fait ça?

2255
01:47:53,800 --> 01:47:56,230
>> Eh bien, effectivement, nous allons parler de
un problème avec cette première.

2256
01:47:56,230 --> 01:47:59,340
Un problème est en JavaScript,
exécution est synchrone.

2257
01:47:59,340 --> 01:48:02,000
Donc, vous devez attendre un
ligne pour finir avant de vous

2258
01:48:02,000 --> 01:48:03,370
exécuter la ligne suivante.

2259
01:48:03,370 --> 01:48:06,130
Et si je vais chez Yahoo!,
et leurs serveurs sont très lents, et

2260
01:48:06,130 --> 01:48:08,790
il leur faut trois secondes pour
rendez-moi ce stock d'infos?

2261
01:48:08,790 --> 01:48:12,620
Quand j'ai frappé cette ligne de prix, si le
exécution soit synchrone, comme il est par

2262
01:48:12,620 --> 01:48:15,390
défaut, ce qu'il va juste faire est
votre navigateur va gagner du

2263
01:48:15,390 --> 01:48:15,930
environ trois secondes.

2264
01:48:15,930 --> 01:48:18,900
Et vous n'allez pas être en mesure de faire
quoi que ce soit alors qu'il obtient ces données.

2265
01:48:18,900 --> 01:48:20,010
Ça va être gelés.

2266
01:48:20,010 --> 01:48:20,800
>> Et c'est mauvais.

2267
01:48:20,800 --> 01:48:23,390
Vous ne voulez pas qu'un utilisateur
avoir une page web congelé.

2268
01:48:23,390 --> 01:48:24,170
Corriger?

2269
01:48:24,170 --> 01:48:25,480
C'est tout simplement mauvais.

2270
01:48:25,480 --> 01:48:26,770
Tout le monde est d'accord?

2271
01:48:26,770 --> 01:48:29,270
Si vous naviguez sur Facebook et il
fige et vous ne pouvez rien faire, vous

2272
01:48:29,270 --> 01:48:31,920
suis vraiment frustré.

2273
01:48:31,920 --> 01:48:34,960
Donc, la solution est que nous faisons quelque chose de
asynchrone à la place.

2274
01:48:34,960 --> 01:48:38,910
Donc, tout ce truc asynchrone dit
est, je vais demander à ce

2275
01:48:38,910 --> 01:48:40,280
URL pour certaines données.

2276
01:48:40,280 --> 01:48:41,610
Et puis je vais continuer.

2277
01:48:41,610 --> 01:48:45,330
Je vais garder l'exécution
quel que soit le code qui a été par la suite.

2278
01:48:45,330 --> 01:48:49,290
>> Et puis à chaque fois que les données sont prêtes,
alors je vais le traiter.

2279
01:48:49,290 --> 01:48:50,540
C'est tout ce qu'il dit.

2280
01:48:50,540 --> 01:48:52,795

2281
01:48:52,795 --> 01:48:56,710
>> PUBLIC: Ajax fait juste
code asynchrone?

2282
01:48:56,710 --> 01:48:58,560
>> JOSEPH ONG: C'est un moteur asynchrone
manière de extraire des données.

2283
01:48:58,560 --> 01:49:01,230
Donc la première chose à propos de Ajax
est il me permet d'obtenir des données

2284
01:49:01,230 --> 01:49:03,170
à partir d'un site Web externe.

2285
01:49:03,170 --> 01:49:07,045
Et la deuxième chose est qu'il permet de s'assurer
que ma page ne se bloque pas pendant que je suis

2286
01:49:07,045 --> 01:49:07,970
aller chercher les données.

2287
01:49:07,970 --> 01:49:09,600
C'est la partie asynchrone de celui-ci.

2288
01:49:09,600 --> 01:49:13,040
Parce qu'il va quelque part ailleurs,
parce que je dis je continue sur tout

2289
01:49:13,040 --> 01:49:14,900
c'est aller chercher ces données, que
il est asynchrone.

2290
01:49:14,900 --> 01:49:17,170
Je garde d'exécution.

2291
01:49:17,170 --> 01:49:18,960
>> Alors gardez que asynchrone
idée à l'esprit.

2292
01:49:18,960 --> 01:49:22,010
Et je vais vous montrer ce que
est la différence.

2293
01:49:22,010 --> 01:49:23,920
La version synchrone
est sur le côté gauche.

2294
01:49:23,920 --> 01:49:26,240
La version asynchrone
est sur le côté droit.

2295
01:49:26,240 --> 01:49:29,170
Regardez les chiffres pour voir ce qui
correspondent à ce qui suit

2296
01:49:29,170 --> 01:49:30,610
exécute à chaque ligne.

2297
01:49:30,610 --> 01:49:32,730
Là-bas, l'alerte se présente en premier.

2298
01:49:32,730 --> 01:49:34,590
Parce que d'obtenir les informations boursières de Yahoo!

2299
01:49:34,590 --> 01:49:37,250
prend trois secondes, il cale
pendant trois secondes.

2300
01:49:37,250 --> 01:49:39,880
Et puis il alerte le prix
après ces trois secondes.

2301
01:49:39,880 --> 01:49:43,690
>> Donc, maintenant, que les spectacles d'alerte
vous à ce moment-là -

2302
01:49:43,690 --> 01:49:44,610
trois secondes po

2303
01:49:44,610 --> 01:49:47,670
Et puis il avertit par la suite.

2304
01:49:47,670 --> 01:49:48,930
Donc, il va juste étape par étape.

2305
01:49:48,930 --> 01:49:51,200
C'est comme ce que vous les gars
accepterait, correct?

2306
01:49:51,200 --> 01:49:54,170
Avec l'exécution asynchrone,
vous alerter en premier.

2307
01:49:54,170 --> 01:49:57,410
Ensuite, vous partez à cette URL.

2308
01:49:57,410 --> 01:49:59,530
Et vous dites, je vais
il suffit de demander pour les données.

2309
01:49:59,530 --> 01:50:01,170
Et puis je vais
traiter par la suite.

2310
01:50:01,170 --> 01:50:04,230
Ainsi, il exécute immédiatement l'
ligne suivante après que je fais

2311
01:50:04,230 --> 01:50:05,710
demande asynchrone.

2312
01:50:05,710 --> 01:50:08,920
>> Donc un 0,001 secondes, vous voyez salut alerte.

2313
01:50:08,920 --> 01:50:10,960
Exécuter cette fonction, bye alerte.

2314
01:50:10,960 --> 01:50:14,240
Et parce que j'ai fait une promesse que je
serait de traiter les données plus tard, ce

2315
01:50:14,240 --> 01:50:17,920
qui se passe, c'est quand que les données reviennent
Trois secondes plus tard, alors que je cours

2316
01:50:17,920 --> 01:50:21,380
fonction que j'ai là-bas.

2317
01:50:21,380 --> 01:50:21,870
Oui?

2318
01:50:21,870 --> 01:50:25,750
>> PUBLIC: Pourriez-vous préciser ou
clarifier ce que signifie Ajax?

2319
01:50:25,750 --> 01:50:30,460
>> JOSEPH ONG: Alors Ajax est une façon que si je
besoin de données quand je suis sur un site web et je

2320
01:50:30,460 --> 01:50:34,690
ne veulent pas de rafraîchir la page, puis
J'utilise cette technologie appelée Ajax.

2321
01:50:34,690 --> 01:50:40,630
Cela signifie essentiellement juste, aller chercher
données d'un autre site.

2322
01:50:40,630 --> 01:50:43,724
Et de le faire d'une manière qui vient
ne pas caler ma page web.

2323
01:50:43,724 --> 01:50:46,650
>> PUBLIC: Donc, c'est qu'un inhérente
partie de JavaScript ou jQuery?

2324
01:50:46,650 --> 01:50:50,590
>> JOSEPH ONG: Donc, quelqu'un a écrit une façon de faire
ce en JavaScript il ya longtemps.

2325
01:50:50,590 --> 01:50:52,050
À un moment donné, il n'existait pas.

2326
01:50:52,050 --> 01:50:56,630
Et si quelqu'un a inventé cette technique
pour permettre aux gens de demander ces données

2327
01:50:56,630 --> 01:50:57,680
dans ce mode.

2328
01:50:57,680 --> 01:50:59,550
Et ils ont écrit des trucs
de le faire pour vous.

2329
01:50:59,550 --> 01:51:01,605
Et jQuery vous donne juste ce
très belle façon de faire

2330
01:51:01,605 --> 01:51:03,112
avec ce $. obtenir la fonction.

2331
01:51:03,112 --> 01:51:07,200

2332
01:51:07,200 --> 01:51:09,480
questions?

2333
01:51:09,480 --> 01:51:11,560
Je peux répondre aux questions concernant
Ajax après aussi.

2334
01:51:11,560 --> 01:51:13,870
Je serai là.

2335
01:51:13,870 --> 01:51:16,390
>> Donc, il nous allons nous récupérer les données sans
rafraîchir la page.

2336
01:51:16,390 --> 01:51:18,200
Et il nous allons nous le faisons dans
un moyen asynchrone qui

2337
01:51:18,200 --> 01:51:19,450
ne fige pas la page.

2338
01:51:19,450 --> 01:51:22,680

2339
01:51:22,680 --> 01:51:27,310
Trop longtemps, n'a pas lu si
explication était trop long pour vous.

2340
01:51:27,310 --> 01:51:29,430
Donc finalement, cross-site
des attaques de script.

2341
01:51:29,430 --> 01:51:30,910
Nous l'avons vu avec Zamyla.

2342
01:51:30,910 --> 01:51:34,285
Si dans ma base de données que quelqu'un a ce nom,
qui est cette balise de script, et je

2343
01:51:34,285 --> 01:51:38,280
avoir un code sur ma page qui s'imprime
sur les noms des personnes dans une rangée, ou j'ai

2344
01:51:38,280 --> 01:51:43,310
un code JavaScript qui insère
ce nom dans la page,

2345
01:51:43,310 --> 01:51:45,680
ce que HTML obtient produit?

2346
01:51:45,680 --> 01:51:47,290
Eh bien, je imprimer la balise HTML.

2347
01:51:47,290 --> 01:51:48,390
J'imprime tous ces balises.

2348
01:51:48,390 --> 01:51:50,740
>> J'arrive à la partie où je suis impression
sortir avec mes amis.

2349
01:51:50,740 --> 01:51:52,980
J'imprime Lauren sur.

2350
01:51:52,980 --> 01:51:54,200
Il imprimer Milo sur.

2351
01:51:54,200 --> 01:51:56,810
Et puis mon nom dans la base de données
est après de script

2352
01:51:56,810 --> 01:51:58,060
peu flatteuse statut Facebook.

2353
01:51:58,060 --> 01:52:00,740

2354
01:52:00,740 --> 01:52:04,330
Parce que j'ai inséré ce dans la page
parce qu'il ressemble à JavaScript, quand

2355
01:52:04,330 --> 01:52:07,930
cette page est envoyée à l'utilisateur,
il est exécuté comme JavaScript.

2356
01:52:07,930 --> 01:52:10,800
Et c'est ce que nous appelons une
cross-site scripting attaque.

2357
01:52:10,800 --> 01:52:14,570
Quelqu'un met des informations malveillantes dans
votre base de données qui pourraient correspondre à

2358
01:52:14,570 --> 01:52:17,080
une chaîne de caractères ou plus
une chaîne de caractères JavaScript.

2359
01:52:17,080 --> 01:52:20,130
>> Et quand il est imprimé à la
la page de cette façon, alors que

2360
01:52:20,130 --> 01:52:22,580
qui se passe, c'est que du mauvais code est exécuté
que je n'ai pas l'intention

2361
01:52:22,580 --> 01:52:25,110
pour qu'il exécutée.

2362
01:52:25,110 --> 01:52:28,230
Et c'est tout ce cross-site
attaque de scriptage est.

2363
01:52:28,230 --> 01:52:31,790
Et la façon dont vous vous déplacer
c'est comme Zamyla dit.

2364
01:52:31,790 --> 01:52:34,340
Vous venez d'emballer les choses en
HTML caractères spéciaux.

2365
01:52:34,340 --> 01:52:39,460
Et cette HTML caractères spéciaux est un PHP
fonction qui permettra d'éviter ce genre

2366
01:52:39,460 --> 01:52:42,000
de chose se passe pour vous
si vous avez un malveillant

2367
01:52:42,000 --> 01:52:43,830
chaîne dans votre base de données.

2368
01:52:43,830 --> 01:52:47,650
Il s'échappe juste, de sorte que ce n'est pas le
se interprété comme HTML.

2369
01:52:47,650 --> 01:52:50,960
Il remplace les petits crochets
ce que nous appelons entités.

2370
01:52:50,960 --> 01:52:52,250
Et nous sommes allés au cours de cette conférence en trop.

2371
01:52:52,250 --> 01:52:55,800
Donc, je pense que vous les gars doivent avoir
une bonne compréhension à ce sujet.

2372
01:52:55,800 --> 01:52:57,420
Questions?

2373
01:52:57,420 --> 01:52:57,820
Oui.

2374
01:52:57,820 --> 01:53:00,860
>> PUBLIC: Alors, comment le feriez
la [inaudible]?

2375
01:53:00,860 --> 01:53:01,555
>> JOSEPH ONG: Dire qu'une fois.

2376
01:53:01,555 --> 01:53:02,500
>> PUBLIC: Comment le moniteur -

2377
01:53:02,500 --> 01:53:02,860
>> JOSEPH ONG: Droit.

2378
01:53:02,860 --> 01:53:06,080
Donc, vous avez quelque chose qui dit, quand
Je m'inscris, tapez mon nom.

2379
01:53:06,080 --> 01:53:09,390
Je viens de taper dans ce domaine, mon nom est
dépouillé poste peu flatteur Facebook

2380
01:53:09,390 --> 01:53:11,570
statut proche balise script.

2381
01:53:11,570 --> 01:53:15,690
Et qui vient qui est mis dans le
base de données, parce que je ne peux pas dire à quelqu'un

2382
01:53:15,690 --> 01:53:18,260
dans le monde n'a pas un nom
avec une flèche gauche ou la

2383
01:53:18,260 --> 01:53:19,036
mot script en elle.

2384
01:53:19,036 --> 01:53:21,330
Cela ne veut pas vraiment de sens.

2385
01:53:21,330 --> 01:53:24,560
Donc, je dois juste m'assurer que je
désinfecter les choses avant que je l'imprime

2386
01:53:24,560 --> 01:53:25,420
sur la page.

2387
01:53:25,420 --> 01:53:27,140
>> Auditoire: Alors, les cartes spéciales HTML
empêche les balises de script?

2388
01:53:27,140 --> 01:53:28,710
>> JOSEPH ONG: Ouais.

2389
01:53:28,710 --> 01:53:29,960
Donc, il n'empêche pas les balises de script.

2390
01:53:29,960 --> 01:53:32,320
Elle permet simplement de s'assurer que le
des balises de script ne reçoivent pas

2391
01:53:32,320 --> 01:53:35,120
interprété comme HTML ou -

2392
01:53:35,120 --> 01:53:35,400
ouais.

2393
01:53:35,400 --> 01:53:38,470
Il vient juste comme ce
il est en réalité.

2394
01:53:38,470 --> 01:53:39,220
Très bien.

2395
01:53:39,220 --> 01:53:40,930
C'était donc l'examen de quiz.

2396
01:53:40,930 --> 01:53:41,830
Cool.

2397
01:53:41,830 --> 01:53:45,088
>> [Applaudissements]