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

2
00:00:08,070 --> 00:00:10,430
>> Rj AQUINO: Povedzme začať.

3
00:00:10,430 --> 00:00:12,310
Tak to je kvíz 1.

4
00:00:12,310 --> 00:00:14,890
Tu sú niektoré informácie na vysokej úrovni.

5
00:00:14,890 --> 00:00:19,915
O stránka pre kvízu je to
URL, už CS50.net, aj keď to

6
00:00:19,915 --> 00:00:21,080
bude aj naďalej fungovať.

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

8
00:00:26,920 --> 00:00:31,070
Je to veľký O stránke, hovorím
kde a kedy, a to budúcu stredu

9
00:00:31,070 --> 00:00:32,100
V banda izieb.

10
00:00:32,100 --> 00:00:36,120
A budúcu stredu, som
znamená, za dva dni teraz.

11
00:00:36,120 --> 00:00:37,890
Všetky tieto informácie sú tu.

12
00:00:37,890 --> 00:00:39,110
Ale to je kumulatívne.

13
00:00:39,110 --> 00:00:43,790
>> Takže všetko z prvej polovice
rok je potenciálne v kvíze,

14
00:00:43,790 --> 00:00:50,780
pretože nemôžete naozaj pokročilých
veci C bez ak podmienky a

15
00:00:50,780 --> 00:00:51,920
pre slučky a podobne.

16
00:00:51,920 --> 00:00:55,580
Ale tam sa bude klásť dôraz na
materiál pokrytý od Quiz 0,

17
00:00:55,580 --> 00:00:59,570
počnúc štruktúr a súboru
Aj / O. Je to typicky viac

18
00:00:59,570 --> 00:01:01,620
náročnejšie ako Quiz 0.

19
00:01:01,620 --> 00:01:03,870
Priemerné skóre je zvyčajne nižšia.

20
00:01:03,870 --> 00:01:05,980
Usilovne študovať.

21
00:01:05,980 --> 00:01:09,340
>> Aj keď ste študoval, uistite sa, že používate
CS50/discuss písať svoje otázky

22
00:01:09,340 --> 00:01:10,830
a prečítať otázky iných ľudí.

23
00:01:10,830 --> 00:01:13,550
Takže ak nemáte žiadne otázky,
prihlásiť a čítať

24
00:01:13,550 --> 00:01:14,580
otázok vašich priateľov.

25
00:01:14,580 --> 00:01:16,560
Sú to pravdepodobne dobré otázky.

26
00:01:16,560 --> 00:01:17,730
A vziať prax kvízy.

27
00:01:17,730 --> 00:01:20,750
Boli sme dávať kvízy pre
teraz sedem alebo osem roky.

28
00:01:20,750 --> 00:01:22,180
Sú to všetci on-line.

29
00:01:22,180 --> 00:01:25,540
Budúce otázky sú podobné
na staré otázky.

30
00:01:25,540 --> 00:01:26,550
To je, ako sme sa urobiť z nich.

31
00:01:26,550 --> 00:01:27,740
>> Kvíz ešte neexistuje.

32
00:01:27,740 --> 00:01:28,670
Nikto z nás to videl.

33
00:01:28,670 --> 00:01:32,496
Ale to bude vyzerať
predchádzajúce kvízy.

34
00:01:32,496 --> 00:01:36,500
Z tohto preskúmania relácii, to nie je
vyčerpávajúci zoznam tém.

35
00:01:36,500 --> 00:01:40,740
Nemôžete len zúčastniť tejto a potom
byť dokonale pripravený na kvíz.

36
00:01:40,740 --> 00:01:43,330
V opačnom prípade by to nemalo byť
že veľká časť kvízu.

37
00:01:43,330 --> 00:01:46,270
A to je tiež nemusí byť nutne
všetko, čo potrebujete vedieť o všetkých

38
00:01:46,270 --> 00:01:46,970
vzhľadom k téme.

39
00:01:46,970 --> 00:01:50,520
Je určený pre vás vystaviť veci
Prebrali sme, vás upozorní na to, čo sme

40
00:01:50,520 --> 00:01:53,070
vzťahuje, a spôsob,
ktoré sa vzťahuje.

41
00:01:53,070 --> 00:01:57,030
Ale budete musieť ísť ešte ďalej a
hlbšie, keď budete študovať na double-check

42
00:01:57,030 --> 00:02:00,230
že viete všetko o nejaký daný
tému a že ste vyplnil

43
00:02:00,230 --> 00:02:03,320
všetky rohy, ktoré boli
na ktoré sa vzťahuje prednáške.

44
00:02:03,320 --> 00:02:07,980
>> Kvíz poznámky povie, aby ste šli do
poznámky pisár hodinky prednáška videa.

45
00:02:07,980 --> 00:02:10,155
To je dobrý spôsob, ako sa uistiť, že ste
pokryté všetky svoje základne.

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

47
00:02:12,670 --> 00:02:17,340
Takže, ako začať, keď som to
šmykľavky, snažil som sa dať, kde som zistil,

48
00:02:17,340 --> 00:02:18,350
informácie.

49
00:02:18,350 --> 00:02:22,890
Takže pre File I / O, napríklad, týždeň 7,
Pondelkové prednáška, a zaslali

50
00:02:22,890 --> 00:02:27,960
§ 6 a problém Set všetci majú
Informácie o súbore Aj / O. Urobil som

51
00:02:27,960 --> 00:02:28,840
u každej témy.

52
00:02:28,840 --> 00:02:33,010
Takže tie titul šmykľavky môže
byť užitočné pre vás.

53
00:02:33,010 --> 00:02:38,950
>> Takže tu máme File Aj / O. Pamätajte si, že v
Problém Set 5, použili sme fopen, fclose,

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

55
00:02:41,210 --> 00:02:48,090
Po obnovení 30ish JPEG a
čo zmenšené a zmätený s

56
00:02:48,090 --> 00:02:50,320
bitmapy, mali by ste byť docela oboznámení
s týmito funkciami

57
00:02:50,320 --> 00:02:51,830
a ako fungujú.

58
00:02:51,830 --> 00:02:54,420
Ak ste už oboznámení,
určite skontrolovať je.

59
00:02:54,420 --> 00:02:56,860
A uistite sa, že ste pochopili, čo
rôzne argumenty,

60
00:02:56,860 --> 00:02:58,260
keď sú používané.

61
00:02:58,260 --> 00:03:03,620
>> Ale bežné chyby súboru súvisiacich
môžete byť požiadaní o -

62
00:03:03,620 --> 00:03:07,270
No, ak ste zabudli skontrolovať, či
fopen skutočne pracoval predtým, než idete

63
00:03:07,270 --> 00:03:08,350
upraviť súbor.

64
00:03:08,350 --> 00:03:09,760
To by mohlo byť zlé.

65
00:03:09,760 --> 00:03:13,560
Ak ste zabudli fclose súbor
že ste fopened, to je podobné

66
00:03:13,560 --> 00:03:14,400
pretečeniu pamäte.

67
00:03:14,400 --> 00:03:15,980
To je dosť zlý.

68
00:03:15,980 --> 00:03:18,670
A zabudol skontrolovať, či ste
došli na koniec súboru pred vami

69
00:03:18,670 --> 00:03:19,790
začnite písať k nej.

70
00:03:19,790 --> 00:03:22,320
>> Takže, ak povieš, hej, ja som na
koniec súboru.

71
00:03:22,320 --> 00:03:23,750
Daj mi 5 viac bajtov.

72
00:03:23,750 --> 00:03:27,370
No, to asi nebude
pracovať tak, ako očakávate.

73
00:03:27,370 --> 00:03:30,930
To je naozaj to pre File I / O,
pretože sme tak veľa z toho

74
00:03:30,930 --> 00:03:32,300
sa problém nastaviť.

75
00:03:32,300 --> 00:03:36,000
Takže ak ste pochopil, čo sa deje
v probléme Sada 5, pamätať bitmats

76
00:03:36,000 --> 00:03:40,090
a JPEG, potom ste pravdepodobne všetky
sada pre súbor I / O. Ak je to trochu

77
00:03:40,090 --> 00:03:44,770
nejasný, určite prečítať tento problém
nastaviť a súvisiaci materiál.

78
00:03:44,770 --> 00:03:51,110
>> Štruktúry boli témou, ktoré boli na
Hranice medzi Quiz 0 a 1 Quiz.

79
00:03:51,110 --> 00:03:53,090
Nie úplne vykonať rez pre Quiz 0.

80
00:03:53,090 --> 00:03:57,040
Takže určite sa na
Quiz 1, 7. týždeň, v pondelok.

81
00:03:57,040 --> 00:03:58,150
Čo je struct?

82
00:03:58,150 --> 00:04:00,250
Tu vám ukážeme struct.

83
00:04:00,250 --> 00:04:03,140
Je to ako nového typu.

84
00:04:03,140 --> 00:04:07,940
Je to ako kontajner
pre viac polí.

85
00:04:07,940 --> 00:04:12,970
>> V tomto prípade sme vyhlásený struct
študent, ktorý má dve polia -

86
00:04:12,970 --> 00:04:17,750
reťazec, ktorý sme volať mená a
int, že voláte veku.

87
00:04:17,750 --> 00:04:21,450
Takže keď som sa prejsť okolo študentov alebo Aj
zmeniť študentov, budem môcť

88
00:04:21,450 --> 00:04:24,430
prístup k ich mená a ich vek.

89
00:04:24,430 --> 00:04:26,670
Poďme sa pozrieť na niektoré kódu, ktorý.

90
00:04:26,670 --> 00:04:29,090
Tu vidíme, že som vyhlásil,
študent s, rovnako ako

91
00:04:29,090 --> 00:04:30,300
Prehlasujem, všetky premenné -

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

93
00:04:32,430 --> 00:04:34,180
>> Tu je študentka s

94
00:04:34,180 --> 00:04:37,370
Začne sa nič v jeho poli.

95
00:04:37,370 --> 00:04:38,240
Takže poďme nastaviť je.

96
00:04:38,240 --> 00:04:40,681
Môžete nastaviť pole struct s bodkou.

97
00:04:40,681 --> 00:04:43,780
Tak som povedal, tu to s.name = RJ.

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

99
00:04:46,470 --> 00:04:48,500
Môžete tiež aktualizovať polia
Rovnakým spôsobom by ste aktualizovať

100
00:04:48,500 --> 00:04:49,550
hodnota premennej.

101
00:04:49,550 --> 00:04:53,270
Tak som chcel zmeniť svoje meno z RJ sa
žiadne obdobie do rj hláskoval

102
00:04:53,270 --> 00:04:54,540
správna cesta.

103
00:04:54,540 --> 00:04:58,890
Bolo by s.name = RJ, rovnaký
ako to povedal pôvodne.

104
00:04:58,890 --> 00:05:00,030
A potom ich môžete otvoriť.

105
00:05:00,030 --> 00:05:00,930
>> Takže sme ich nastaviť.

106
00:05:00,930 --> 00:05:01,840
Aktualizovali sme ich.

107
00:05:01,840 --> 00:05:03,890
Môžete tiež prístup k nim
vo veľmi rovnakým spôsobom.

108
00:05:03,890 --> 00:05:09,330
Tak tu som vytlačiť
Rj Je 21 rokov.

109
00:05:09,330 --> 00:05:14,700
A ja prístupu týchto hodnôt
s s.name a s.age.

110
00:05:14,700 --> 00:05:17,040
Tak to je prístup structs
s tečkové notáciu.

111
00:05:17,040 --> 00:05:17,850
Jo, otázka?

112
00:05:17,850 --> 00:05:21,176
>> DIVÁKOV: Je tu dôvod, prečo na
predchádzajúcu snímku, ktorý ste dal

113
00:05:21,176 --> 00:05:24,848
študent na hornom riadku, ako typedef
struct študent a potom

114
00:05:24,848 --> 00:05:25,840
študent na konci?

115
00:05:25,840 --> 00:05:29,040
>> Rj AQUINO: Takže otázka je, na
Tento snímok, sme zvyčajne vidieť

116
00:05:29,040 --> 00:05:32,400
typedef struct uzol a potom
pole struct a

117
00:05:32,400 --> 00:05:34,250
potom uzol slovo.

118
00:05:34,250 --> 00:05:37,790
A ako to, že tu som nepovedal, typedef
struct študent a potom

119
00:05:37,790 --> 00:05:39,820
pole struct a potom študenta?

120
00:05:39,820 --> 00:05:44,310
Dôvodom je, že nemusíte
pristupovať vnútri struct.

121
00:05:44,310 --> 00:05:46,270
Takže je to v poriadku nechať bez mena.

122
00:05:46,270 --> 00:05:49,210
Nemôžem len tak odísť ako
anonymný struct.

123
00:05:49,210 --> 00:05:53,130
>> Dôvod, prečo sme to pre spojových zoznamov a
veci je, že vo vnútri budete potrebovať

124
00:05:53,130 --> 00:05:55,360
odkazovať struct uzly hviezdu.

125
00:05:55,360 --> 00:05:58,220
Takže struct musí mať názov,
takže môžete pristupovať neskôr.

126
00:05:58,220 --> 00:05:59,540
Je to maličkosť.

127
00:05:59,540 --> 00:06:04,750
Ale budete zvyčajne vidieť typedef struct
zložené zátvorky, ak nepotrebujete

128
00:06:04,750 --> 00:06:08,720
Názov a typedef struct niektoré názov
nasleduje v zložených zátvorkách, ak bude

129
00:06:08,720 --> 00:06:09,520
Potrebujem meno.

130
00:06:09,520 --> 00:06:12,070
Tak to je dobrá otázka.

131
00:06:12,070 --> 00:06:17,000
>> A v tomto bode, máme tendenciu meniť
structs a prejsť okolo structs podľa

132
00:06:17,000 --> 00:06:18,680
referencie, nie podľa hodnoty.

133
00:06:18,680 --> 00:06:21,940
Takže sme si len prejsť okolo odkazy na
structs miesto dookola

134
00:06:21,940 --> 00:06:23,150
štruktúr sami.

135
00:06:23,150 --> 00:06:28,050
Takže veľmi často bude
použitie, v tomto prípade, študent, * alebo

136
00:06:28,050 --> 00:06:34,150
uzol struct * alebo uzol * miesto
so študentmi alebo uzlov.

137
00:06:34,150 --> 00:06:39,350
Tak tu som povedal, OK, premenná ptr
bude adresa s.

138
00:06:39,350 --> 00:06:45,570
Bude to byť ukazovateľ
študentovi R. J.

139
00:06:45,570 --> 00:06:48,965
>> Takže sa môžeme dostať na tie oblasti,
rovnako ako my dostať nič.

140
00:06:48,965 --> 00:06:51,460
Po prvé, číslo odkazu ukazovateľ
dostať struct.

141
00:06:51,460 --> 00:06:55,530
To je * ptr, a potom
bodka a potom veku.

142
00:06:55,530 --> 00:06:58,790
Takže pre prístup k poľu, a ja som aktualizovať
je teraz až 22, z dôvodu, poďme

143
00:06:58,790 --> 00:07:00,860
povedzme, že to bola moja narodeniny.

144
00:07:00,860 --> 00:07:03,990
K dispozícii je syntaxe skratky
pomocou šípky tu.

145
00:07:03,990 --> 00:07:07,060
Takže ptr šípka vek je len
rovnako ako ptr.age *.

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

147
00:07:10,150 --> 00:07:11,550
Teraz, to je niečo, čo budete mať
zapamätať a pamätať si.

148
00:07:11,550 --> 00:07:15,010
>> Použili ste to veľa pset6,
pravopisu pset.

149
00:07:15,010 --> 00:07:18,350
Ale to je vlastne to, čo sa deje
na pod kapotou.

150
00:07:18,350 --> 00:07:20,500
Je to dereferencing ukazovateľ
a potom ho prístupu.

151
00:07:20,500 --> 00:07:21,432
Otázka?

152
00:07:21,432 --> 00:07:22,682
>> DIVÁKOV: [nepočuteľné].

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

154
00:07:25,860 --> 00:07:28,060
>> Rj AQUINO: Tak prečo sme pomocou
ukazovatele ako štruktúr miesto

155
00:07:28,060 --> 00:07:29,500
štruktúr sami?

156
00:07:29,500 --> 00:07:33,740
Dôvodom by bolo, keby ste okolo
struct funkciu, budete pravdepodobne

157
00:07:33,740 --> 00:07:36,900
chcete prejsť okolo len 4 alebo tak
bajtov, ktoré predstavujú ukazovatele, ako

158
00:07:36,900 --> 00:07:40,375
Na rozdiel od potenciálne 30 alebo
40 bajtov, ktoré sú struct.

159
00:07:40,375 --> 00:07:44,410
Takže okolo niečo na funkciu
je jednoduchšie, keď to

160
00:07:44,410 --> 00:07:48,230
je menšia krátka.

161
00:07:48,230 --> 00:07:49,074
Otázka?

162
00:07:49,074 --> 00:07:53,026
>> DIVÁKOV: Možno ste spomenul
na začiatku, ale sú tam

163
00:07:53,026 --> 00:07:56,000
ďalšie snímky až na [nepočuteľný]?

164
00:07:56,000 --> 00:07:58,960
>> Rj AQUINO: Tieto zábery budú
po zasadnutí preskúmaní.

165
00:07:58,960 --> 00:08:00,210
Budeme ich zverejňovať na internetových stránkach.

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

167
00:08:02,450 --> 00:08:06,870
Tak pohybujúce sa a pohybujúce sa mierne
rýchlejšie, budeme hovoriť o údajoch

168
00:08:06,870 --> 00:08:07,350
štruktúry.

169
00:08:07,350 --> 00:08:08,040
Existuje veľa.

170
00:08:08,040 --> 00:08:10,080
Zaoberali sme veľa z nich.

171
00:08:10,080 --> 00:08:12,500
Tu je to, čo by ste mali pochopiť,
o dátovej štruktúre.

172
00:08:12,500 --> 00:08:15,590
>> Mali by ste naozaj pochopiť, na vysokej
úrovni to, čo každá štruktúra je.

173
00:08:15,590 --> 00:08:21,190
Môžete mi vysvetliť, v angličtine do svojho
priateľ, ktorý neprijal CS50, ako

174
00:08:21,190 --> 00:08:25,580
budeme organizovať naše dáta a prečo my by sme
používať niečo týmto spôsobom?

175
00:08:25,580 --> 00:08:26,990
To je vec jedna.

176
00:08:26,990 --> 00:08:29,650
Thing dva, pochopiť,
realizácie.

177
00:08:29,650 --> 00:08:34,270
Tak, ako používať tieto veci
v C. A pôjdeme na to.

178
00:08:34,270 --> 00:08:39,030
>> A potom, čo tri by vedieť,
beh lehoty a obmedzenia

179
00:08:39,030 --> 00:08:40,470
rôzne štruktúry, ktoré používate.

180
00:08:40,470 --> 00:08:44,059
Takže chápem, prečo by ste použiť
hash tabuľky namiesto poľa.

181
00:08:44,059 --> 00:08:49,570
Vedieť, ako rýchlo, v priemere,
prístup hash tabuľky je.

182
00:08:49,570 --> 00:08:54,010
Pochopiť, aké operácie sú rýchle na
spájať zoznam, ale pomaly na poliach a

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

184
00:08:56,080 --> 00:08:59,780
Tak, aby pochopili, že budete musieť
pochopiť, Big-O notácie len vedieť,

185
00:08:59,780 --> 00:09:01,310
ako hovoriť o nich
druhy vecí.

186
00:09:01,310 --> 00:09:02,700
A budeme o tom hovoriť.

187
00:09:02,700 --> 00:09:06,040
>> Takže prvá vec, súvisí zoznamy.

188
00:09:06,040 --> 00:09:07,770
Tu je na vysokej úrovni obrázok
prepojeného zoznamu.

189
00:09:07,770 --> 00:09:08,830
Ukážeme to v triede.

190
00:09:08,830 --> 00:09:11,670
Máme zvyčajne majú 10 ľudí
stojaci na javisku.

191
00:09:11,670 --> 00:09:16,790
Ale máme rad uzlov, kde každý
uzol má určitú hodnotu a ukazovateľ

192
00:09:16,790 --> 00:09:18,610
jeho ďalšiu hodnotu.

193
00:09:18,610 --> 00:09:21,730
Takže sa dostať z jedného uzla do druhého, môžete
len povedať, daj mi ďalší uzol.

194
00:09:21,730 --> 00:09:22,530
Máte tento uzol.

195
00:09:22,530 --> 00:09:23,770
Daj mi ďalší uzol.

196
00:09:23,770 --> 00:09:24,400
Máte tento uzol.

197
00:09:24,400 --> 00:09:28,790
Daj mi ďalší uzol a tak ďalej
kým je uzol nie je vľavo.

198
00:09:28,790 --> 00:09:31,850
>> Takže aj naďalej hovoriť o tom,
je na vysokej úrovni.

199
00:09:31,850 --> 00:09:34,100
Je to veľmi jednoduché vložiť veci
do prepojeného zoznamu.

200
00:09:34,100 --> 00:09:36,010
Ak sa nechcete starať o poradí,
stačí navštíviť

201
00:09:36,010 --> 00:09:36,840
hneď na začiatku.

202
00:09:36,840 --> 00:09:38,520
To je časová konštanta.

203
00:09:38,520 --> 00:09:39,900
Ale je to ťažké nájsť hodnotu.

204
00:09:39,900 --> 00:09:43,060
Ak sa snažíte požiadať,
je sedem v mojom zozname?

205
00:09:43,060 --> 00:09:44,740
Musíte prejsť
každý jediná hodnota.

206
00:09:44,740 --> 00:09:45,680
Je to sedem?

207
00:09:45,680 --> 00:09:46,610
Je to sedem?

208
00:09:46,610 --> 00:09:47,770
Je to sedem?

209
00:09:47,770 --> 00:09:48,690
Je to sedem?

210
00:09:48,690 --> 00:09:49,830
Znova a znova.

211
00:09:49,830 --> 00:09:51,520
A to je O (n).

212
00:09:51,520 --> 00:09:53,800
Takže pri štúdiu na kvíz,
porovnať to s poľami.

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

214
00:09:57,010 --> 00:09:58,220
>> Je to v poriadku?

215
00:09:58,220 --> 00:09:59,220
Svetla sa dim.

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

217
00:10:01,110 --> 00:10:02,400
Ak je prepojený zoznam lepší?

218
00:10:02,400 --> 00:10:04,640
Keď je pole lepší?

219
00:10:04,640 --> 00:10:06,670
Takže poďme sa pozrieť na niektoré kódu.

220
00:10:06,670 --> 00:10:08,960
Tu je potenciál uzla.

221
00:10:08,960 --> 00:10:09,770
Je to struct.

222
00:10:09,770 --> 00:10:12,220
Má int n, ktorý
bude naše hodnoty.

223
00:10:12,220 --> 00:10:17,780
A to je uzol struct * ďalšie, ktoré
je náš ukazovateľ na ďalší uzol.

224
00:10:17,780 --> 00:10:23,040
Takže tu môžeme vidieť, že sme sa stalo
aby dali int v našom uzla.

225
00:10:23,040 --> 00:10:27,850
Ale keby to bolo spojené zoznam char
hviezdy alebo spájať zoznam plavákov, sme

226
00:10:27,850 --> 00:10:28,820
úplne to mohol urobiť taky.

227
00:10:28,820 --> 00:10:33,110
>> Zapamätať si ma na pset6, pravdepodobne ste mal
spájať zoznam char hviezd alebo len

228
00:10:33,110 --> 00:10:34,360
statické char pole.

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

230
00:10:37,370 --> 00:10:39,040
Pozrime sa tu na operáciu.

231
00:10:39,040 --> 00:10:43,570
Takže chceme vložiť nový
n do nášho prepojeného zoznamu.

232
00:10:43,570 --> 00:10:48,940
Začneme s hlavou ukazovateľ, ktorý je
ukazovateľ na tento uzol, ktorý má

233
00:10:48,940 --> 00:10:53,460
hodnota n a ďalšie o ukazovateľ, ktorý
poukazuje na tento uzol je hodnota

234
00:10:53,460 --> 00:10:57,760
n, a ďalší z null, pretože
je to posledné uzol.

235
00:10:57,760 --> 00:11:00,440
Takže v záujme času, budem
dať všetky kódu na obrazovke.

236
00:11:00,440 --> 00:11:03,130
A budeme chodiť cez neho
pár riadkov naraz.

237
00:11:03,130 --> 00:11:05,790
>> Tak tu je kód.

238
00:11:05,790 --> 00:11:07,560
Dúfam, že je to čitateľné.

239
00:11:07,560 --> 00:11:11,275
Prvá vec, ktorú robíme, je
sme malloc nový uzol.

240
00:11:11,275 --> 00:11:15,105
Tak to je ukazovateľ na nový uzol, ktorý
nie je úplne nič nastaviť

241
00:11:15,105 --> 00:11:16,450
sa v ňom ešte.

242
00:11:16,450 --> 00:11:19,580
Skontrolujte sme, aby sa uistil, že
nový uzol nie je null.

243
00:11:19,580 --> 00:11:22,220
V opačnom prípade sa musíme vzdať.

244
00:11:22,220 --> 00:11:27,680
Takže, čo sa uistíte, že sme teraz
nastaviť hodnoty v uzle.

245
00:11:27,680 --> 00:11:31,520
Takže sme dali nový n do nášho n poľa.

246
00:11:31,520 --> 00:11:36,050
A sme si stanovili ďalšie ukazovatele poukazujú na
pôvodná hlava, takže môžeme

247
00:11:36,050 --> 00:11:38,900
Teraz sa vkladá tento
uzla do nášho zoznamu.

248
00:11:38,900 --> 00:11:44,600
>> Nakoniec, máme globálne bod hlavy
na našom novom uzle, takže ak by sme mali

249
00:11:44,600 --> 00:11:50,300
začína na hlave, by mali byť v tomto
nový prvý uzol miesto

250
00:11:50,300 --> 00:11:51,560
starý prvý uzol.

251
00:11:51,560 --> 00:11:55,320
A keď sa táto funkcia ukončí,
variabilný nový uzol neexistuje,

252
00:11:55,320 --> 00:11:57,130
, Pretože to bol miestne funkcie.

253
00:11:57,130 --> 00:11:59,770
Tak toto je stav sveta.

254
00:11:59,770 --> 00:12:03,570
Naše globálne hlava ukazuje na naše nové
Prvý uzol, ktorý ukazuje na našu

255
00:12:03,570 --> 00:12:06,346
Originálne prvý uzol, ktorý body
k uzlu po tom.

256
00:12:06,346 --> 00:12:09,790
>> To bolo vloženie.

257
00:12:09,790 --> 00:12:12,150
Dúfam, že sa pomerne
jednoduché nasledovať.

258
00:12:12,150 --> 00:12:14,300
Ak si nie ste istí, nakresliť obrázok.

259
00:12:14,300 --> 00:12:17,820
Tak som zistil, že hovorí o
spojové zoznamy a pri pohľade na

260
00:12:17,820 --> 00:12:19,870
Kód je veľmi nepomôže.

261
00:12:19,870 --> 00:12:23,790
Zatiaľ čo pri pohľade na obraz súvisí
Zoznam umožňuje, aby som si myslel, oh, tak

262
00:12:23,790 --> 00:12:24,970
Mám tento uzol tu.

263
00:12:24,970 --> 00:12:28,980
Ale keď som aktualizovať tento ukazovateľ,
to skončí odpojený.

264
00:12:28,980 --> 00:12:34,340
A ja som zabudol, kde
Uzol ide.

265
00:12:34,340 --> 00:12:35,390
A kód ukončí.

266
00:12:35,390 --> 00:12:37,830
A budete mať viac uzlov
ktoré sú odpojené.

267
00:12:37,830 --> 00:12:39,970
A nemusíte skončiť s
Zoznam chcete.

268
00:12:39,970 --> 00:12:43,320
>> Takže ak si nakresliť obrázok a urobiť to
krok za krokom, dúfajme, uvidíte

269
00:12:43,320 --> 00:12:46,840
správny poriadok vecí, pokiaľ ide o
aktualizovať odkazy, aby sa ubezpečil

270
00:12:46,840 --> 00:12:48,830
, Že zoznam je spolu.

271
00:12:48,830 --> 00:12:51,240
Insert je pomerne jednoduché.

272
00:12:51,240 --> 00:12:55,210
Zložitejšie z nich bude
vloženie do triedeného zoznamu.

273
00:12:55,210 --> 00:12:59,980
Zložitejšie funkcie je odstrániť
a nájsť, takže pri pohľade cez zoznamu do

274
00:12:59,980 --> 00:13:03,030
uvidíme, či niečo je.

275
00:13:03,030 --> 00:13:07,220
Možno ste to urobil v pset6, keď
dostal do hash tabuľky a ste povedal,

276
00:13:07,220 --> 00:13:10,460
dobre, je slovo jablko
v mojom Google zoznamu?

277
00:13:10,460 --> 00:13:11,440
>> Takže ste už urobili.

278
00:13:11,440 --> 00:13:15,530
Ale určite, osviežiť pamäť
a pokúsiť sa reimplement find a

279
00:13:15,530 --> 00:13:19,150
reimplement odstrániť pre spájať zoznam.

280
00:13:19,150 --> 00:13:22,850
Fun strane poznámka, tam je tiež dvojnásobne-spojený
zoznamy, kde máte

281
00:13:22,850 --> 00:13:27,490
ukazovatele, ktoré ukazujú dopredu aj
dozadu, takže môžete ísť na

282
00:13:27,490 --> 00:13:29,270
ďalší uzol a na predchádzajúcu uzol.

283
00:13:29,270 --> 00:13:33,860
A tam bola otázka, na minulý rok
test tohto typu, hovorí

284
00:13:33,860 --> 00:13:36,190
o dvojito viazané zoznamy.

285
00:13:36,190 --> 00:13:40,070
>> Teraz, to je štruktúra, ktorá ste
pomerne oboznámení s, pretože väčšina

286
00:13:40,070 --> 00:13:42,520
z vás pravdepodobne použili na pset6.

287
00:13:42,520 --> 00:13:45,680
Tu je jeden, ktorý je trochu menej známe.

288
00:13:45,680 --> 00:13:51,020
Ako vedľajší poznámku, myslím, že kvíz 1 je
predovšetkým ťažšie ako kvíz 0, pretože

289
00:13:51,020 --> 00:13:54,600
veci, čo robíte, budete
neurobili toľko.

290
00:13:54,600 --> 00:13:58,100
Ak chcete dať, že inú cestu, pre Quiz 0,
ste napísal veľa C. A

291
00:13:58,100 --> 00:13:58,880
spýtal sa vám o C.

292
00:13:58,880 --> 00:14:02,310
>> Pre Quiz 1, budeme sa vás opýtať
PHP a JavaScript, ktoré

293
00:14:02,310 --> 00:14:03,490
nenapísal toľko.

294
00:14:03,490 --> 00:14:07,590
Chystáme sa vás opýtať na C-kódu, ktoré
ste nenapísal toľko,

295
00:14:07,590 --> 00:14:09,130
Tento moderný C materiál.

296
00:14:09,130 --> 00:14:11,520
Tak určite, cvičiť čo sme
hovorí v prednáške, ktorú

297
00:14:11,520 --> 00:14:15,260
nutne robiť
na problém nastaviť.

298
00:14:15,260 --> 00:14:17,870
>> Keď o tom hovoríme, ste nenapísal
zásobník na problém nastaviť.

299
00:14:17,870 --> 00:14:19,610
Ale to bolo v prednáške.

300
00:14:19,610 --> 00:14:22,530
Tu je na vysokej úrovni obrázok
komíny, ktoré vám ukážeme každý rok.

301
00:14:22,530 --> 00:14:26,180
Je to hromada zásobníkov v
Mather jedáleň.

302
00:14:26,180 --> 00:14:30,570
Na vysokej úrovni, komíny sú posledné
in, first out dátové štruktúry.

303
00:14:30,570 --> 00:14:32,040
To znamená, že budete
dať veci do -

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

305
00:14:36,400 --> 00:14:39,180
Jedna vec, ktorú som nemohol mať
povedané - negatívny 3, 0.

306
00:14:39,180 --> 00:14:40,250
Môžete dať všetky tieto veci palcov

307
00:14:40,250 --> 00:14:42,940
A posledný, kto si dať v je prvá
ten, ktorý sa chystá vyjsť.

308
00:14:42,940 --> 00:14:44,170
>> Takže máte dve operácie -

309
00:14:44,170 --> 00:14:45,260
tlačiť a pop.

310
00:14:45,260 --> 00:14:49,180
Všetci uvedení v tom, že som bol
ukázal ako to je tlak.

311
00:14:49,180 --> 00:14:52,020
A potom, keď som sa dostať do chytiť
niečo, alebo dostať na vrchol chytiť

312
00:14:52,020 --> 00:14:53,940
niečo, to je pop.

313
00:14:53,940 --> 00:14:55,540
Takže budeme realizovať komíny.

314
00:14:55,540 --> 00:14:57,870
A ukázal sa im v prednáške
pomocou matice.

315
00:14:57,870 --> 00:14:59,550
Ale vy ste mohli robiť
pomocou prepojených zoznamov.

316
00:14:59,550 --> 00:15:01,770
Stack je koncepčné údajov
štruktúra, nie ako

317
00:15:01,770 --> 00:15:03,760
jedno špecifické pre implementáciu.

318
00:15:03,760 --> 00:15:06,420
>> Takže to, čo by to vyzerať?

319
00:15:06,420 --> 00:15:07,970
To bude vyzerať tak trochu ako to.

320
00:15:07,970 --> 00:15:10,840
Mal by si mať veľkosť celé číslo.

321
00:15:10,840 --> 00:15:16,000
A budeš mať celý rad hodnôt, ktoré
voláme zásobníky, pretože to je

322
00:15:16,000 --> 00:15:18,570
čo obraz bol pre
us - int zásobníky -

323
00:15:18,570 --> 00:15:21,740
a potom niektoré maximálna kapacita.

324
00:15:21,740 --> 00:15:27,100
Takže to, čo by sa tlačiť vyzerať?

325
00:15:27,100 --> 00:15:33,250
No, ak máme zásobníka s, potom stlačte
niečo na s, dostali by sme sa

326
00:15:33,250 --> 00:15:34,620
veľkosť S.

327
00:15:34,620 --> 00:15:42,270
A že by sa ďalšie
otvorené miesto nášho poľa.

328
00:15:42,270 --> 00:15:50,510
Takže ak máme v našom zásobníku tri veci,
potom zásobníky 3 bude ďalší

329
00:15:50,510 --> 00:15:54,290
otvorené miesto, pretože 0, 1, a
2 ar už naplnená.

330
00:15:54,290 --> 00:16:01,790
>> Takže sme dali hodnotu do
s.trays [s.size], tretie miesto.

331
00:16:01,790 --> 00:16:06,290
A potom sme sa zvýšiť s.size povedať,
hej, mali sme pred tri veci.

332
00:16:06,290 --> 00:16:07,400
Teraz máme štyri.

333
00:16:07,400 --> 00:16:10,180
Takže až sa nabudúce budete tlačiť, že ste
dám niečo do 4.

334
00:16:10,180 --> 00:16:15,560
Alebo sa nabudúce budete pop, budete
pozrieť sa na 3. miesto 4 alebo čokoľvek iného.

335
00:16:15,560 --> 00:16:18,000
A potom sa vrátime pravda
povedzme, hej, sme uspeli.

336
00:16:18,000 --> 00:16:19,160
To fungovalo.

337
00:16:19,160 --> 00:16:22,060
Ako pravidlo, ak je funkcia, ktorá je
Predpokladá sa vráti hodnotu true alebo

338
00:16:22,060 --> 00:16:26,370
false vždy vracia hodnotu true, môžete
urobil niečo zlé.

339
00:16:26,370 --> 00:16:28,350
Tak to funguje?

340
00:16:28,350 --> 00:16:32,400
>> No, to funguje na 1, a
2 a 3, a 4, a päť.

341
00:16:32,400 --> 00:16:34,640
Ale povedzme, že som sa do mojej schopnosti.

342
00:16:34,640 --> 00:16:38,750
Ja som potom narazíte na problém, pretože
ak veľkosť je rovnaká ako kapacita, som

343
00:16:38,750 --> 00:16:43,340
Teraz sa snaží dať niečo do
pole, kde nemám priestor.

344
00:16:43,340 --> 00:16:46,980
Tak krátka kontrola opraviť to.

345
00:16:46,980 --> 00:16:51,630
Ak KAPACITY s.size ==, vráti false.

346
00:16:51,630 --> 00:16:54,130
Inak, ísť a robiť to, čo sme urobili.

347
00:16:54,130 --> 00:16:55,660
Tak čo iné by sme mohli požiadať
o pre komíny?

348
00:16:55,660 --> 00:16:56,460
Čo ďalšie by ste mali študovať?

349
00:16:56,460 --> 00:16:57,690
Čo ďalšie by ste mali cvičiť?

350
00:16:57,690 --> 00:17:01,030
>> No, vykonávanie pop.

351
00:17:01,030 --> 00:17:02,370
Už sme urobili tlak.

352
00:17:02,370 --> 00:17:04,280
Urobím to.

353
00:17:04,280 --> 00:17:08,180
Vykonávanie non-array, kde
môžete použiť spojový zoznam, možno.

354
00:17:08,180 --> 00:17:09,390
Implementácia non-int.

355
00:17:09,390 --> 00:17:10,940
Tu Urobili sme ints.

356
00:17:10,940 --> 00:17:11,880
Ale mohlo to byť plaváky.

357
00:17:11,880 --> 00:17:13,010
Mohol som byť reťazca.

358
00:17:13,010 --> 00:17:14,290
Mohlo by to byť char hviezdy.

359
00:17:14,290 --> 00:17:17,960
Pozrite sa na posledných kvízy pre druhy
otázky sme požiadali o komíny.

360
00:17:17,960 --> 00:17:20,000
>> Ja poviem, že sme prebrali komíny okolo
rovnako ako Prebrali sme im

361
00:17:20,000 --> 00:17:20,540
minulých rokoch.

362
00:17:20,540 --> 00:17:24,400
Takže kvíz otázky by
byť dobré znamenie.

363
00:17:24,400 --> 00:17:27,010
Do budúcna ešte rýchlejšie, fronty.

364
00:17:27,010 --> 00:17:28,200
Sú ako komíny.

365
00:17:28,200 --> 00:17:29,960
Ale oni sú prvý dnu, prvý von.

366
00:17:29,960 --> 00:17:33,530
Ak ste Briti, slovo fronta
Asi sa veľa zmysel pre vás.

367
00:17:33,530 --> 00:17:36,390
V opačnom prípade môžete mať
Počul o ňom ako čiara.

368
00:17:36,390 --> 00:17:38,120
Pracujú ako linky
v obchode Apple.

369
00:17:38,120 --> 00:17:40,740
Prvá osoba, ktorá má ukázať na 03:00
v dopoludňajších hodinách, je prvou

370
00:17:40,740 --> 00:17:42,880
osoba kúpiť jeho iPad.

371
00:17:42,880 --> 00:17:44,260
>> Takže máme dve operácie -

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

373
00:17:45,720 --> 00:17:47,560
Enqueue dá niekto v rade.

374
00:17:47,560 --> 00:17:50,070
Dequeue ťahá prvý
osoba mimo linku.

375
00:17:50,070 --> 00:17:52,640
Opäť môžeme realizovať
to s celou radou.

376
00:17:52,640 --> 00:17:54,880
Takže to, čo je struct nám
ukázal na prednáške?

377
00:17:54,880 --> 00:17:57,660
Bolo to jedno.

378
00:17:57,660 --> 00:17:59,300
Opäť platí, že čísla.

379
00:17:59,300 --> 00:18:02,020
Opäť platí, že veľkosť a to nová vec vpredu.

380
00:18:02,020 --> 00:18:04,880
Prečo je tam niečo, čo nazýva front?

381
00:18:04,880 --> 00:18:07,050
Je to index ďalšie
prvok dequeue.

382
00:18:07,050 --> 00:18:12,210
Je to len interne sledovanie
ten prvý sa ukázať, takže sme

383
00:18:12,210 --> 00:18:15,005
ju vytiahnuť, keď je treba.

384
00:18:15,005 --> 00:18:19,322
>> Určite sa pozri na skriptá a skúste
realizovať Zaradí a Dequeue

385
00:18:19,322 --> 00:18:21,700
pri štúdiu na kvíz.

386
00:18:21,700 --> 00:18:23,190
Dôležité veci na zamyslenie.

387
00:18:23,190 --> 00:18:27,260
Obal okolo v prípade, že predné a
Veľkosť skončí väčší než kapacita.

388
00:18:27,260 --> 00:18:32,670
Opäť platí, že ak vaša štruktúra je plná,
budete mať problém.

389
00:18:32,670 --> 00:18:34,780
Hash tabuľky, ktoré ste predtým nevideli.

390
00:18:34,780 --> 00:18:39,820
Väčšina z vás pravdepodobne realizovaná
ty na pset6.

391
00:18:39,820 --> 00:18:44,210
Je to štruktúra, ktorá si kladie za cieľ O (1)
vkladanie a O časová konštanta (1)

392
00:18:44,210 --> 00:18:46,430
časová konštanta vyhľadávanie.

393
00:18:46,430 --> 00:18:49,760
>> V CS50, sme zaviedli toto ako
pole spojových zoznamov.

394
00:18:49,760 --> 00:18:53,690
Kľúčovým prvkom k hash tabuľky
je funkcia hash.

395
00:18:53,690 --> 00:18:58,350
Tak to prevedie vstup, povedzme,
slovník slovo, do položky,

396
00:18:58,350 --> 00:18:59,560
ktorý sa bude náš index.

397
00:18:59,560 --> 00:19:01,410
A budeme používať tento index
do nášho poľa.

398
00:19:01,410 --> 00:19:05,374
Tak tu je roztomilý malý obrázok
od study.50.net.

399
00:19:05,374 --> 00:19:08,060
Hodíme všetky slová do
naše hash funkcie.

400
00:19:08,060 --> 00:19:10,950
A funkcia hash nám hovorí,
kam umiestniť tieto slová.

401
00:19:10,950 --> 00:19:15,650
>> To všetko je skvelé v krajine, kde
je tu len jedno slovo pre každý slot.

402
00:19:15,650 --> 00:19:20,480
Ale ako si pamätáte z pset6, že
sú viac než slová sloty.

403
00:19:20,480 --> 00:19:23,080
Takže čo sa stane, keď sa
sa kolízie?

404
00:19:23,080 --> 00:19:26,730
Namiesto uloženia jednu hodnotu v,
povedzme, hash tabuľka 3, môžete

405
00:19:26,730 --> 00:19:27,990
uložiť prepojeného zoznamu.

406
00:19:27,990 --> 00:19:32,900
A tak namiesto toho, aby melón
tu, mali by ste mať spájať zoznam,

407
00:19:32,900 --> 00:19:34,190
kde je prvý uzol je melónu.

408
00:19:34,190 --> 00:19:35,260
A ďalší uzol je mačka.

409
00:19:35,260 --> 00:19:38,970
A tretí uzol je kolízia, poďme
povedať, pretože všetky tieto slová začínajú

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

411
00:19:41,110 --> 00:19:42,700
>> Takže väčšina z vás to urobil pre pset6.

412
00:19:42,700 --> 00:19:45,685
Ak ste neurobili hash tabuľky na pset6
a pokus o niečo také

413
00:19:45,685 --> 00:19:47,720
trie, určite skontrolovať hash tabuľky.

414
00:19:47,720 --> 00:19:50,650
Ak ste to na pset6, rozhodne
skontrolovať hash tabuľky.

415
00:19:50,650 --> 00:19:53,610
A ak ste to urobil na pset6 a nie
pracovať úplne v poriadku a vás

416
00:19:53,610 --> 00:19:56,150
mali veľa problémov s tým, rozhodne
skontrolovať hash tabuľky.

417
00:19:56,150 --> 00:20:01,610
Takže poučenie naozaj je určite
skontrolovať hash tabuľky.

418
00:20:01,610 --> 00:20:07,130
>> Drvivá menšina z vás sa snažili
sa snaží o pset6.

419
00:20:07,130 --> 00:20:08,570
High-level obrázok.

420
00:20:08,570 --> 00:20:15,150
Je to niečo ako toto, kde každý
uzol má rad detí, kde každý

421
00:20:15,150 --> 00:20:17,100
Dieťa odpovedá na list.

422
00:20:17,100 --> 00:20:20,520
A každý uzol tiež hovorí,
Ahoj, ja som slovo.

423
00:20:20,520 --> 00:20:25,933
Takže v tomto prípade slovo Maxwell,
ak budete postupovať podľa M A do

424
00:20:25,933 --> 00:20:28,530
X-W-E-L-L a potom sa po nej ešte jedna.

425
00:20:28,530 --> 00:20:32,800
A vy si to symbol, delta, čo
sa označujú tak, že znamená to, je slovo.

426
00:20:32,800 --> 00:20:34,780
Takže Maxwell je slovo.

427
00:20:34,780 --> 00:20:38,430
Tieto delty sú celé znamenať,
ktoré veci sú slová, a ktoré

428
00:20:38,430 --> 00:20:40,360
veci nie sú.

429
00:20:40,360 --> 00:20:46,400
>> Takže v pset6, údaje sa uložená
pozdĺž všetkých našich uzlov bolo "Som

430
00:20:46,400 --> 00:20:52,630
slovo. "A super vec, o pokusoch
sa preukazujú vkladanie a

431
00:20:52,630 --> 00:20:55,080
vyhľadávanie v O (dĺžka slova).

432
00:20:55,080 --> 00:20:59,450
Takže stačí sa dostať cez Maxwell, je to
M-A-X-W-E-L-L. Takže sedem alebo osem -

433
00:20:59,450 --> 00:21:00,360
Nemôžem počítať -

434
00:21:00,360 --> 00:21:03,920
kroky, ako sa dostať na koniec
a skontrolovať veci.

435
00:21:03,920 --> 00:21:06,800
Tak rýchle realizácie tu.

436
00:21:06,800 --> 00:21:10,230
Rob prešiel spojené
Zoznam v jeho posmrtné.

437
00:21:10,230 --> 00:21:11,600
Tak to skontrolovať.

438
00:21:11,600 --> 00:21:11,720
Prepáčte.

439
00:21:11,720 --> 00:21:13,240
Prešiel trie v jeho posmrtné.

440
00:21:13,240 --> 00:21:14,260
Tak to skontrolovať.

441
00:21:14,260 --> 00:21:24,410
>> Ale vy ste v podstate majú každý uzol má 27
odkazy na ďalšie uzly a jeden

442
00:21:24,410 --> 00:21:27,050
Boolean pre som slovo.

443
00:21:27,050 --> 00:21:31,530
Pozrite sa Rob je po smrti, ako
to vlastne je implementovaná.

444
00:21:31,530 --> 00:21:34,750
Naša finálna štruktúra, naše stromy
a binárne vyhľadávacie stromy.

445
00:21:34,750 --> 00:21:41,530
Takže pri pohľade na to, tie boli pokryté
naposledy 8. týždeň, v pondelok.

446
00:21:41,530 --> 00:21:46,960
Strom je podobný trie, okrem teba
nemusí mať nutne 27 uzlov na

447
00:21:46,960 --> 00:21:47,500
každý bod.

448
00:21:47,500 --> 00:21:52,820
A nemusíte mať tieto dáta pri každom
krok, ktorý znamená, či -

449
00:21:52,820 --> 00:21:54,030
Cesta nezáleží.

450
00:21:54,030 --> 00:22:00,870
Vzhľadom k tomu, trie, cesta z vrcholu na
dno, Maxwell, bolo pre nás dôležité.

451
00:22:00,870 --> 00:22:05,270
>> Každý uzol, ale má viac
deti, možno.

452
00:22:05,270 --> 00:22:07,290
Máme nejaké ďalšie slovnú zásobu.

453
00:22:07,290 --> 00:22:09,530
Koreň stromu
je na samom vrchole.

454
00:22:09,530 --> 00:22:12,520
A môžeme povedať, že veľmi najspodnejšej
uzly, ktoré nemajú žiadny

455
00:22:12,520 --> 00:22:14,530
deti sú listy.

456
00:22:14,530 --> 00:22:18,040
Tak ako trie, strom
štruktúra uzlov.

457
00:22:18,040 --> 00:22:21,490
Obyčajný druh stromu, ktorý budeme
hovoriť o tom, je binárny strom, kde

458
00:22:21,490 --> 00:22:26,040
každý uzol nemá žiadne deti, alebo
jedno dieťa alebo dve deti.

459
00:22:26,040 --> 00:22:28,890
Takže tento obrázok tu nie je
binárny strom, pretože

460
00:22:28,890 --> 00:22:32,890
Uzol 3 má tri deti.

461
00:22:32,890 --> 00:22:38,140
>> Ale ak by sme mali ignorovať tie, zvyšok
to je binárny strom, pretože to

462
00:22:38,140 --> 00:22:43,200
ukazuje tú vlastnosť, že každý uzol
má nula, jedna, alebo dve deti.

463
00:22:43,200 --> 00:22:46,400
Tak ako by sme mohli vyjadriť to v kóde?

464
00:22:46,400 --> 00:22:51,460
Mohli by sme mať uzol, kde má každý uzol
celé číslo v nej, ako aj

465
00:22:51,460 --> 00:22:55,590
ako ukazovateľ do stromu na ľavej strane
a ukazovateľ na strom na

466
00:22:55,590 --> 00:22:59,510
Dobre, takže dve deti.

467
00:22:59,510 --> 00:23:00,880
Ako je to užitočné?

468
00:23:00,880 --> 00:23:05,740
No, ak urobíme pravidlá o tom, kde sa
dať uzlov, môžeme hľadanie rýchlejšie.

469
00:23:05,740 --> 00:23:10,630
>> Takže tam je pojem binárne vyhľadávanie
strom, kde všetky uzly na

470
00:23:10,630 --> 00:23:14,420
ľavý podstrom majú menšiu hodnotu
ako uzol sa pozeráme na.

471
00:23:14,420 --> 00:23:17,880
A všetky uzly na pravom podstrome
majú väčšiu hodnotu

472
00:23:17,880 --> 00:23:18,660
ako je koreňový uzol.

473
00:23:18,660 --> 00:23:20,670
No, to vyzerá ako veľa slov.

474
00:23:20,670 --> 00:23:23,770
Chystám sa dať dovnútra double
citácie a ukážem obrázok.

475
00:23:23,770 --> 00:23:27,010
Takže tu je príkladom
binárny vyhľadávací strom.

476
00:23:27,010 --> 00:23:28,770
Vidieť, že začneme s 10.

477
00:23:28,770 --> 00:23:31,780
Všetko, čo na ľavej strane
10 je menšia než to.

478
00:23:31,780 --> 00:23:33,130
A všetko, čo k pravej strane
je väčšia než to.

479
00:23:33,130 --> 00:23:37,620
>> Ale viac než to, že každý uzol v
strom vyjadruje túto vlastnosť.

480
00:23:37,620 --> 00:23:42,110
Uzol 7 tak má 3 k
vľavo a 9 na pravej strane.

481
00:23:42,110 --> 00:23:44,440
Takže všetci z nich sú menšie ako 10.

482
00:23:44,440 --> 00:23:50,470
Ale pri pohľade na práve tí, 7 má
3 až jeho ľavá a 9 po jeho pravej strane.

483
00:23:50,470 --> 00:23:56,100
A podobne ako na pravej, 15 má 14
na jeho ľavej strane a 50 na jeho pravej strane.

484
00:23:56,100 --> 00:24:03,770
Takže tri uzly tamto, 15, 14,
a 50, sú tiež platné binárny strom

485
00:24:03,770 --> 00:24:05,480
alebo platný binárny vyhľadávací strom.

486
00:24:05,480 --> 00:24:07,250
A všetci sú väčšie ako 10.

487
00:24:07,250 --> 00:24:08,960
Takže oni môžu byť
na tu.

488
00:24:08,960 --> 00:24:09,940
Je tu otázka?

489
00:24:09,940 --> 00:24:12,580
>> DIVÁKOV: Ako sa vysporiadať, keď
máte dve sedmičky?

490
00:24:12,580 --> 00:24:12,850
>> Rj AQUINO: Jo.

491
00:24:12,850 --> 00:24:16,550
Ako sa vysporiadať s dvoma hodnotami
ktoré sú rovnaké?

492
00:24:16,550 --> 00:24:21,465
Niektoré binárne vyhľadávacie stromy povedať, že vám
ignorovať duplicitné, pretože cieľom je

493
00:24:21,465 --> 00:24:24,280
len povedať, čo som videl
tieto veci tak ďaleko.

494
00:24:24,280 --> 00:24:28,120
Niektoré binárne vyhľadávacie stromy Dalo by sa povedať
majú počítať vnútri uzla.

495
00:24:28,120 --> 00:24:32,000
Iní by sa povedať, že všetko, čo sa
vľavo je menšia ako alebo rovný.

496
00:24:32,000 --> 00:24:33,470
A všetko, čo k pravej strane
je väčšie ako.

497
00:24:33,470 --> 00:24:36,520
>> Záleží len na tom, čo
Problém je, že ste riešenie.

498
00:24:36,520 --> 00:24:40,840
Takže v slovníku, napríklad, môžete
by sa starať o duplikáty.

499
00:24:40,840 --> 00:24:41,490
Tie by sa vyhodiť.

500
00:24:41,490 --> 00:24:44,719
Ale nejaký iný problém, ktorý by mohol starať.

501
00:24:44,719 --> 00:24:49,242
>> DIVÁKOV: Je možné mať
1 na ľavej strane 15, ktorý

502
00:24:49,242 --> 00:24:50,590
je menšie ako 10?

503
00:24:50,590 --> 00:24:51,885
>> Rj AQUINO: Nie

504
00:24:51,885 --> 00:24:56,570
Ak tu boli 14 a 1, to by
nemôže byť platný binárny vyhľadávací strom,

505
00:24:56,570 --> 00:25:00,840
pretože všetko, na pravej strane
10 musí byť väčšia, než to.

506
00:25:00,840 --> 00:25:02,300
A uvidíme prečo.

507
00:25:02,300 --> 00:25:07,960
Keď je v krajine vyhľadávania je mojím cieľom
nájsť 14, začnem pri koreni.

508
00:25:07,960 --> 00:25:08,500
Tak som sa pozrieť.

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

510
00:25:08,710 --> 00:25:10,670
Chystáme sa začať pri koreni.

511
00:25:10,670 --> 00:25:12,500
Pozrite sa na 10..

512
00:25:12,500 --> 00:25:16,050
>> No, 14, náš cieľ,
je väčší než 10.

513
00:25:16,050 --> 00:25:17,370
Tak to musí byť na pravej strane.

514
00:25:17,370 --> 00:25:21,780
To je veľmi podobné na celom telefóne
Kniha vec, ktorú sme urobili, binárne

515
00:25:21,780 --> 00:25:23,720
hľadať tam.

516
00:25:23,720 --> 00:25:26,430
Ale namiesto toho, binárne vyhľadávanie
v poli, sme binárne

517
00:25:26,430 --> 00:25:28,490
vyhľadávanie v tomto strome.

518
00:25:28,490 --> 00:25:31,260
Takže stále hľadáme 14.

519
00:25:31,260 --> 00:25:32,480
No, 14 je menšia ako 15 rokov.

520
00:25:32,480 --> 00:25:36,430
Takže ak je to v našom stromu, to musí byť
byť v tejto oblasti tu.

521
00:25:36,430 --> 00:25:39,680
To musí byť na pravej strane
10 a na ľavej strane 15.

522
00:25:39,680 --> 00:25:42,250
>> A tak sme sa skontrolovať tento uzol.

523
00:25:42,250 --> 00:25:45,790
A yay, sme našli 14.

524
00:25:45,790 --> 00:25:46,760
Nebudem chodiť cez neho.

525
00:25:46,760 --> 00:25:48,090
Ale tu je to kód.

526
00:25:48,090 --> 00:25:49,690
Je to vlastne pomerne
jednoduché,

527
00:25:49,690 --> 00:25:52,630
pretože to je rekurzívny.

528
00:25:52,630 --> 00:25:55,420
Čo by sme vás požiadať, aby to na kvíz?

529
00:25:55,420 --> 00:25:57,000
Mohli by sme vás požiadať, aby ste napísať tento kód.

530
00:25:57,000 --> 00:25:59,170
Mohli by sme vás požiadať, aby ste sa na túto kódu
a upraviť tento kód a vysvetliť, čo

531
00:25:59,170 --> 00:26:00,210
to robí.

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

533
00:26:00,390 --> 00:26:00,770
Otázka?

534
00:26:00,770 --> 00:26:04,240
>> DIVÁKOV: Sú tieto snímky bude
k dispozícii ako boli naposledy?

535
00:26:04,240 --> 00:26:04,740
>> Rj AQUINO: Áno.

536
00:26:04,740 --> 00:26:06,460
Takže tieto snímky budú určite
byť zverejnené.

537
00:26:06,460 --> 00:26:08,640
>> DIVÁKOV: Sú skutočne vyslaný
práve teraz na webových stránkach.

538
00:26:08,640 --> 00:26:10,020
David práve urobil.

539
00:26:10,020 --> 00:26:12,720
>> Rj AQUINO: Snímky sú
práve teraz na webových stránkach.

540
00:26:12,720 --> 00:26:16,420
Budem asi urovnať pár
na preklepy som si všimol a opraviť ich.

541
00:26:16,420 --> 00:26:19,940
Ale je tu prúd
verzie na stránkach.

542
00:26:19,940 --> 00:26:21,820
Ostatné veci, ktoré sme vám mohli spýtať na to -

543
00:26:21,820 --> 00:26:23,790
napísať vložka.

544
00:26:23,790 --> 00:26:27,490
Napíšte iteratívny verzia
rekurzívne funkcie jednoducho vám ukázal

545
00:26:27,490 --> 00:26:32,520
alebo hovoriť o týchto veciach, rovnako ako v
body, v slovách, vo vetách.

546
00:26:32,520 --> 00:26:35,760
Porovnanie dobu chodu a vysvetlenie
čo by ste chceli použiť binárne

547
00:26:35,760 --> 00:26:39,200
vyhľadávací strom pre miesto
hash tabuľky, napríklad.

548
00:26:39,200 --> 00:26:43,580
>> Takže pochopenie týchto štruktúr
na celkom hlbokej úrovni.

549
00:26:43,580 --> 00:26:47,440
Pochopiť, ako je písať, ako sa
používať je, ako sa o nich hovoriť.

550
00:26:47,440 --> 00:26:50,270
A budete všetko nastavené.

551
00:26:50,270 --> 00:26:50,630
Otázka?

552
00:26:50,630 --> 00:26:55,070
>> DIVÁKOV: Keď píšete
binárny vyhľadávací strom, ako si

553
00:26:55,070 --> 00:27:01,460
určiť, aký hodnoty
aby ho ako koreň?

554
00:27:01,460 --> 00:27:06,120
>> Rj AQUINO: Takže otázka je, čo
Hodnota si urobiť ako užívateľ root?

555
00:27:06,120 --> 00:27:08,760
V závislosti na kóde, môžete
môže mať globálny koreň.

556
00:27:08,760 --> 00:27:14,290
Takže môžete mať pravdepodobne mal v
pset6 globálnej hash tabuľky.

557
00:27:14,290 --> 00:27:18,640
Alebo môžete prejsť koreň
v ako argument.

558
00:27:18,640 --> 00:27:23,810
Takže táto funkcia vyhľadávanie tu
berie argument uzla *.

559
00:27:23,810 --> 00:27:27,420
A tak bez ohľadu na uzol vám stalo, že sa
pri pohľade na je raz si liečbe

560
00:27:27,420 --> 00:27:31,510
ako užívateľ root, keď ho prejsť dovnútra

561
00:27:31,510 --> 00:27:32,320
A ja som všetko.

562
00:27:32,320 --> 00:27:33,480
To sú moje zábery.

563
00:27:33,480 --> 00:27:35,940
Ďalšia osoba môže prísť swapu
v notebooku a mic.

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

565
00:27:47,390 --> 00:27:49,760
>> ROB BOWDEN: Myslím, že by mohol mať
interpretovať túto otázku inak.

566
00:27:49,760 --> 00:27:53,826
Ale ja som interpretoval to ako, keď máte
čísla 1, 2, a 3, ako sme sa

567
00:27:53,826 --> 00:27:56,720
vedieť, aby dve koreň
na rozdiel od 1 alebo 3?

568
00:27:56,720 --> 00:27:59,480
Ak urobíme 2 koreňa, potom je to pekne
1 a 3 na ľavej a pravej.

569
00:27:59,480 --> 00:28:04,610
Ale ak 1 je koreň, potom je to 1 až
horné, 2 vpravo, 3 vpravo.

570
00:28:04,610 --> 00:28:10,880
Takže v predvolenom nastavení, neviete,
čo robiť koreň.

571
00:28:10,880 --> 00:28:15,400
A pre každú algoritmus čakáme na
dať, len prvá vec, ktorú

572
00:28:15,400 --> 00:28:16,680
Vložka by koreň.

573
00:28:16,680 --> 00:28:19,890
Alebo vám by som dal binárny strom, ktorý
už existuje, ktorý má koreň.

574
00:28:19,890 --> 00:28:24,760
Ale ostatné algoritmy existuje také, že
koreň sa aktualizuje, takže ak vám

575
00:28:24,760 --> 00:28:28,370
skončiť v situácii, kedy je to 1, 2,
3, to by sa automaticky aktualizuje, aby

576
00:28:28,370 --> 00:28:30,900
aby 2 nové koreni, aby
je to stále pekne vyrovnané.

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
Ahoj, chlapci.

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

581
00:28:37,810 --> 00:28:42,490
A ja idem dokončiť našu C
a potom ísť do niektorej z nášho webu

582
00:28:42,490 --> 00:28:43,120
technológie -

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

584
00:28:46,570 --> 00:28:49,610
Takže prvá vec, ktorú je vyrovnávacia pamäť
prepadové útoky.

585
00:28:49,610 --> 00:28:53,070
Takže poďme sa pozrieť na tento kód.

586
00:28:53,070 --> 00:28:54,260
Je to celkom jednoduché.

587
00:28:54,260 --> 00:28:55,460
K dispozícii je funkcia foo.

588
00:28:55,460 --> 00:28:56,990
A to nič nevracia.

589
00:28:56,990 --> 00:29:00,950
Ale to sa v ukazovateli
na reťazec s názvom bar.

590
00:29:00,950 --> 00:29:04,920
>> A bude to vyhlásiť toto
vyrovnávacej pamäti, čo je znak

591
00:29:04,920 --> 00:29:07,690
pole, ktoré má 12 slotov.

592
00:29:07,690 --> 00:29:11,730
A používa memcpy, ktorý je len
funkcia, ktorá kopíruje z jednej adresy

593
00:29:11,730 --> 00:29:12,910
do iného.

594
00:29:12,910 --> 00:29:19,400
Tak to sa snažia kopírovať do
náš vyrovnávacej pamäti od toho, čo

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

596
00:29:21,140 --> 00:29:24,640
Takže vôbec predstavu, čo sa deje
s týmto kódom?

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

598
00:29:27,568 --> 00:29:30,830
>> DIVÁKOV: Pokiaľ bar je dlhšia ako
C, budú prepisovať.

599
00:29:30,830 --> 00:29:31,520
>> ANGELA LI: Jo, presne tak.

600
00:29:31,520 --> 00:29:34,200
Nemáme žiadnu záruku, že bar
bude nižší ako 12 rokov.

601
00:29:34,200 --> 00:29:36,080
Len sme sa trochu ľubovoľné číslo 12.

602
00:29:36,080 --> 00:29:38,380
A my sme boli ako, dúfajme, že
náš vstup užívateľa je menej než

603
00:29:38,380 --> 00:29:40,440
12 znakov dlhé.

604
00:29:40,440 --> 00:29:46,320
Takže v ideálnom svete, ak náš vstup
vždy, ako sa očakávalo, potom dostaneme

605
00:29:46,320 --> 00:29:47,550
niečo ako, ahoj.

606
00:29:47,550 --> 00:29:48,920
To je menej než 12 znakov.

607
00:29:48,920 --> 00:29:51,870
Jedná sa načíta do char c

608
00:29:51,870 --> 00:29:53,280
A potom sme sa s tým niečo urobiť.

609
00:29:53,280 --> 00:29:54,800
Je to naozaj nezáleží.

610
00:29:54,800 --> 00:29:59,740
>> Ale zlomyseľný človek môže robiť
niečo ako je toto, kde sa

611
00:29:59,740 --> 00:30:04,760
dať nám všetko, čo je bar ukazuje na,
to bude poukázať na tejto obrovskej pole

612
00:30:04,760 --> 00:30:06,280
z práve je.

613
00:30:06,280 --> 00:30:10,680
A to je spôsob, ako dlhšie ako 12 rokov.

614
00:30:10,680 --> 00:30:13,830
Takže to ísť celú cestu
tu, kde návratnosť

615
00:30:13,830 --> 00:30:15,420
Adresa býval.

616
00:30:15,420 --> 00:30:17,860
Takže povedzme, že túto funkciu
sa nazýva foo.

617
00:30:17,860 --> 00:30:20,970
Možno, že foo bol volaný iný
Funkcia, ktorá bola volaná hlavné.

618
00:30:20,970 --> 00:30:24,890
Takže keď beží foo, je potrebné
vedieť, kam sa vracať.

619
00:30:24,890 --> 00:30:29,130
>> Ak foo bol volaný nejaké funkcie vymenoval
baz, musí vedieť, že je to

620
00:30:29,130 --> 00:30:30,250
sa vrátiť do Baz.

621
00:30:30,250 --> 00:30:34,040
A to je to, čo táto spiatočná adresa
tu sa nám hovorí.

622
00:30:34,040 --> 00:30:38,340
Ale keď sme to prepísať s niektorými ďalšími
adresa, v tomto prípade sa jedná o

623
00:30:38,340 --> 00:30:42,650
zastúpenie na adrese
začiatku tejto vyrovnávacej pamäti, potom

624
00:30:42,650 --> 00:30:45,240
čo sa vlastne bude diať, je, že
miesto návratu do Baz,

625
00:30:45,240 --> 00:30:48,470
ktorá vyzvala svojej funkcii, je to len
ísť na prednej strane tohto kódu.

626
00:30:48,470 --> 00:30:53,930
>> A či je to tam preto,
zlomyseľný hacker vole prišiel a

627
00:30:53,930 --> 00:30:56,820
injekčne, potom možno táto suma
na to nie je v skutočnosti je.

628
00:30:56,820 --> 00:31:02,030
A to je vlastne len kód, ktorý prestávky
počítač alebo tak niečo.

629
00:31:02,030 --> 00:31:05,930
Takže sa defenzívne o tomto druhu
vec, budete musieť nikdy predpokladať, že

630
00:31:05,930 --> 00:31:09,120
vstup užívateľa je určitá
množstvo znakov.

631
00:31:09,120 --> 00:31:13,310
Napríklad, keď ste robili
pravopisu, ste povedal, že slová boli

632
00:31:13,310 --> 00:31:15,580
iba bude 40 znakov
dlhý maximum.

633
00:31:15,580 --> 00:31:16,570
A to bolo dobré.

634
00:31:16,570 --> 00:31:20,150
>> Ale ak nie, potom sa budete musieť
uistite sa, že len čítať 45

635
00:31:20,150 --> 00:31:21,520
znaky naraz.

636
00:31:21,520 --> 00:31:24,430
V opačnom prípade môžete prepísať
Váš vyrovnávacej pamäti.

637
00:31:24,430 --> 00:31:26,140
Akékoľvek otázky na to.

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

639
00:31:26,733 --> 00:31:28,850
>> DIVÁKOV: Mohol by si hovoriť
niečo viac o nich?

640
00:31:28,850 --> 00:31:29,790
>> ANGELA LI: Ospravedlňujem sa.

641
00:31:29,790 --> 00:31:31,040
Áno.

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

643
00:31:32,813 --> 00:31:35,870
>> Divákov: mikrofón je len pre video.

644
00:31:35,870 --> 00:31:37,640
Budem sa snažiť a projekt.

645
00:31:37,640 --> 00:31:39,900
Ahoj, chlapci.

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

647
00:31:40,920 --> 00:31:45,330
Tak poďme na niekoľko vecí v
CS50 knižnice, ktoré ste používali

648
00:31:45,330 --> 00:31:49,072
všetky semester, väčšinou
získať vstup od užívateľa.

649
00:31:49,072 --> 00:31:53,140
Ako viete, zahrnúť CS50
knižnica tým, že len robí CS50.h, ktoré

650
00:31:53,140 --> 00:31:55,660
obsahuje všetky prototypy
funkcie, ktoré môžete použiť, ako

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

652
00:31:58,640 --> 00:32:02,870
A tam je to jeden riadok v CS50
knižnica, ktorá definuje reťazec, ktorý

653
00:32:02,870 --> 00:32:05,380
vy všetci vieme teraz
je len char *.

654
00:32:05,380 --> 00:32:07,900
>> Ale poďme sa pozrieť na
ako GetString funguje.

655
00:32:07,900 --> 00:32:10,010
To je veľmi skrátená verzia.

656
00:32:10,010 --> 00:32:15,090
Môžete vytiahnuť súbory CS50 knižnice
z, myslím, manuals.CS50.net.

657
00:32:15,090 --> 00:32:16,750
A môžete prečítať
vlastné funkcie.

658
00:32:16,750 --> 00:32:19,330
Ale to sa týka niektorých
dôležité časti.

659
00:32:19,330 --> 00:32:23,870
Takže sme vytvorili nejakú vyrovnávacej pamäti
sa nejakým spôsobom.

660
00:32:23,870 --> 00:32:27,570
A to, čo robíme, je, že sme sa o jeden znak
v dobe bežne n

661
00:32:27,570 --> 00:32:30,910
To je miesto, kde užívateľ zadá
text na konzolu.

662
00:32:30,910 --> 00:32:33,430
>> A tak budeme čítať v
charakter tak dlho, kým to nie je nová

663
00:32:33,430 --> 00:32:37,220
vedenie a to nie je koniec súboru, ktorý
je koniec štandardného vstupu.

664
00:32:37,220 --> 00:32:45,690
A pre každý znak, ktorý čítame v,
v prípade, že postava skončí pridanie

665
00:32:45,690 --> 00:32:50,120
počtu znakov, ktoré sme si
v, a to je viac než našej schopnosti,

666
00:32:50,120 --> 00:32:53,490
potom to, čo robíme, je, že sme len zmeniť veľkosť nášho
vyrovnávacej pamäti tak, že je to dvakrát tak dlho.

667
00:32:53,490 --> 00:32:56,950
Takže znovu, to ochrana proti pufra
pretečeniu útoky, pretože ste čítal v

668
00:32:56,950 --> 00:32:58,315
znakoch.

669
00:32:58,315 --> 00:33:02,290
A ak v ľubovoľnom mieste môžete prečítať v príliš
mnoho, stačí rozšíriť svoje vyrovnávacej pamäti.

670
00:33:02,290 --> 00:33:03,330
Môžete vynásobte ju dvoma.

671
00:33:03,330 --> 00:33:05,510
A potom budete mať viac priestoru.

672
00:33:05,510 --> 00:33:09,120
>> V opačnom prípade stačí pridať
znak do buffera.

673
00:33:09,120 --> 00:33:15,080
A potom, čo som čítal vo všetkých
znaky, bude to zmenšiť buffer

674
00:33:15,080 --> 00:33:18,510
späť na normálnu veľkosť, pridať
null terminátor, a potom sa vrátiť.

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

676
00:33:21,880 --> 00:33:24,960
Teraz sa poďme pozrieť na vezmi_int.

677
00:33:24,960 --> 00:33:27,700
Môžete vy si to?

678
00:33:27,700 --> 00:33:30,710
Môžem priblížiť trochu.

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

680
00:33:33,410 --> 00:33:34,660
Neviem, ako počítače fungujú.

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

682
00:33:40,840 --> 00:33:41,270
To nič.

683
00:33:41,270 --> 00:33:42,520
Nemôžem priblížiť správne.

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

685
00:33:47,500 --> 00:33:48,770
>> To je naozaj ťažké.

686
00:33:48,770 --> 00:33:49,180
Je mi to ľúto.

687
00:33:49,180 --> 00:33:51,490
Poďme sa len pozrieť na to.

688
00:33:51,490 --> 00:33:57,140
Takže to, čo vezmi_int robí, je to prvé čítanie
v reťazci od GetString, ktoré

689
00:33:57,140 --> 00:33:59,250
sme realizovaný pred.

690
00:33:59,250 --> 00:34:02,945
A dôležitou súčasťou poznamenať,
Ak je to zdieľanie, že to skončí

691
00:34:02,945 --> 00:34:06,400
čítanie je rovnako ako v skutočnosti reťazec,
potom sa len vrátiť INT_MAX na

692
00:34:06,400 --> 00:34:09,409
predstavujú zlyhanie.

693
00:34:09,409 --> 00:34:12,645
Prečo by sme sa vrátiť INT_MAX miesto
negatívneho 1 alebo 1?

694
00:34:12,645 --> 00:34:13,895
Nejaké nápady?

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

696
00:34:16,853 --> 00:34:19,350
>> DIVÁKOV: [nepočuteľné]
Negatívny 1 na jedného.

697
00:34:19,350 --> 00:34:20,070
>> ANGELA LI: Jo, presne tak.

698
00:34:20,070 --> 00:34:24,560
Takže ty si oveľa viac pravdepodobné, že len chcú
na vstupe 1 alebo záporné 1 po zobrazení výzvy

699
00:34:24,560 --> 00:34:27,469
pre n-té a čo nth maxes.

700
00:34:27,469 --> 00:34:27,969
Je to obrovský.

701
00:34:27,969 --> 00:34:29,690
Tie pravdepodobne nebude používať.

702
00:34:29,690 --> 00:34:32,690
Takže je to ako rozhodnutie o návrhu na
uistite sa, že nemáte náhodou

703
00:34:32,690 --> 00:34:38,540
vráti chybu, alebo nechcete vrátiť
1, ktorý by mohol byť analyzovaný

704
00:34:38,540 --> 00:34:41,199
ako správnu odpoveď.

705
00:34:41,199 --> 00:34:45,110
Takže ak neexistuje linka,
vrátime INT-MAX.

706
00:34:45,110 --> 00:34:48,090
V opačnom prípade budeme používať sscanf,
ktorý je ako scanf.

707
00:34:48,090 --> 00:34:49,449
Ale to číta z reťazca.

708
00:34:49,449 --> 00:34:54,310
>> A máme to naformátovaní
Reťazec, ktorý je% i% c

709
00:34:54,310 --> 00:34:57,440
A snažíme sa a zápas, ktorý sa
čo užívateľ nám dal.

710
00:34:57,440 --> 00:35:01,420
Chceme, aby počet párových vecí
na 1, čo znamená, že len

711
00:35:01,420 --> 00:35:04,940
Naozaj chcem, aby zodpovedali celé číslo
obklopený možná biela

712
00:35:04,940 --> 00:35:06,840
priestor, možno nie.

713
00:35:06,840 --> 00:35:10,710
V tomto prípade, keď dáte do niečoho
ako je bar, bar nezodpovedá vôbec,

714
00:35:10,710 --> 00:35:14,400
pretože tam musí byť
číslo na začiatku.

715
00:35:14,400 --> 00:35:17,060
Takže sscan nikdy sa 0.

716
00:35:17,060 --> 00:35:19,640
Takže sa nemusíte vracať, že.

717
00:35:19,640 --> 00:35:23,850
>> Prípadne, ak ste vložili do niečoho
ako je 1, 2, 3, A, B, C, ktorá zodpovedá

718
00:35:23,850 --> 00:35:27,180
ako celé číslo, ale aj
znak po ňom.

719
00:35:27,180 --> 00:35:29,990
Takže sscanf vráti 2, čo
tiež nie je ideálne.

720
00:35:29,990 --> 00:35:34,620
Nechcete 1, 2, 3,,
B, C, že je platný int.

721
00:35:34,620 --> 00:35:36,990
Tak to tiež nefunguje.

722
00:35:36,990 --> 00:35:38,530
Ale povedať, že dať niečo ako 50 rokov.

723
00:35:38,530 --> 00:35:42,460
To sa bude zhodovať% i, čo znamená, že
to bude mať čítať do n

724
00:35:42,460 --> 00:35:44,790
A teraz, n bude obsahovať číslo 50.

725
00:35:44,790 --> 00:35:46,110
A potom sa môžete vrátiť.

726
00:35:46,110 --> 00:35:49,270
>> V opačnom prípade budete hit Opakovať.

727
00:35:49,270 --> 00:35:55,790
A potom to jednoducho chodí dookola, kým
dostanete správny vstup od užívateľa.

728
00:35:55,790 --> 00:35:56,891
Akékoľvek otázky na to?

729
00:35:56,891 --> 00:36:02,182
>> DIVÁKOV: Takže ak by ste chceli vytlačiť
hodnota vezmi_int na [nepočuteľný]

730
00:36:02,182 --> 00:36:06,250
by to byť len číslo a max?

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

732
00:36:07,440 --> 00:36:11,780
Takže ak používate vezmi_int, mali by ste predpokladať,
ktoré nechcete n-tý max do

733
00:36:11,780 --> 00:36:15,328
byť platný vstup, pretože budete
predpokladať, že to bolo zlé.

734
00:36:15,328 --> 00:36:27,740
>> DIVÁKOV: Keby sme nemali char c a
niekto dal v 1, 2, 3, Sam, by to

735
00:36:27,740 --> 00:36:29,430
stále pracovať pre 1, 2, 3?

736
00:36:29,430 --> 00:36:29,750
>> ANGELA LI: Myslím, že to bude fungovať.

737
00:36:29,750 --> 00:36:33,340
Ale nechcete 123Sam sa
byť platný vstup od užívateľa.

738
00:36:33,340 --> 00:36:34,670
To naozaj nie je int.

739
00:36:34,670 --> 00:36:36,840
Takže to nie je fér
analyzovať ako 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
V tomto prípade, poďme
na internete.

743
00:36:45,800 --> 00:36:49,120
Takže HTTP nie je jazykom.

744
00:36:49,120 --> 00:36:56,060
HTTP je len súbor noriem pre
ako posielať veci z klientov,

745
00:36:56,060 --> 00:36:57,280
že si to ty, na serveroch.

746
00:36:57,280 --> 00:36:59,730
To je ostatní ľudia na webe.

747
00:36:59,730 --> 00:37:02,900
>> Takže HTTP je skratka pre Hypertext
Transfer Protocol.

748
00:37:02,900 --> 00:37:04,610
Je to srdce a duša
celého pásu.

749
00:37:04,610 --> 00:37:07,050
Hypertext časť práve
odkazuje na HTML.

750
00:37:07,050 --> 00:37:10,690
Prenos je klientom ako
budete posielať žiadosti o

751
00:37:10,690 --> 00:37:13,060
servery, ktoré poskytujú odpovede.

752
00:37:13,060 --> 00:37:16,380
A protokol je len, ako to
môžete očakávať, že server správať?

753
00:37:16,380 --> 00:37:19,960
A ako sa má správať
tak, že si môžete zjednodušiť tento

754
00:37:19,960 --> 00:37:21,920
komunikačný proces?

755
00:37:21,920 --> 00:37:26,650
>> Takže požiadavky HTTP vyzerať veľmi podobne ako táto.

756
00:37:26,650 --> 00:37:28,070
GET je druh žiadosti.

757
00:37:28,070 --> 00:37:31,220
Vy ste videli požiadavky GET
a požiadavky POST.

758
00:37:31,220 --> 00:37:36,690
To je druhá vec tam, / ja, že je to
len URI alebo URL, kde sa

759
00:37:36,690 --> 00:37:38,140
Chcem ísť do hostiteľa.

760
00:37:38,140 --> 00:37:44,140
Takže táto žiadosť žiadosťou o
stránky, rovnako ako www.facebook.com / ma.

761
00:37:44,140 --> 00:37:45,300
A to je požiadavka GET.

762
00:37:45,300 --> 00:37:51,020
A potom to HTTP/1.1, to je len
verzia protokolu HTTP, ktorý používate.

763
00:37:51,020 --> 00:37:55,020
Je to takmer vždy 1.1.

764
00:37:55,020 --> 00:37:56,880
>> A potom je tu partia
ďalších vecí taky.

765
00:37:56,880 --> 00:38:02,510
Môžete skutočne vidieť je, ak máte
otvoriť konzolu, keď ste

766
00:38:02,510 --> 00:38:03,770
prehliadania webu.

767
00:38:03,770 --> 00:38:07,290
Odpovede vyzerať
ďalšie podobné.

768
00:38:07,290 --> 00:38:09,620
Horná časť je, opäť,
typ HTTP, ktorý používate

769
00:38:09,620 --> 00:38:12,310
nasleduje kód stavu.

770
00:38:12,310 --> 00:38:14,700
Takže 200 OK je všetko dopadlo.

771
00:38:14,700 --> 00:38:16,200
Tu je váš obsah.

772
00:38:16,200 --> 00:38:17,390
Váš obsah bude nasledovať.

773
00:38:17,390 --> 00:38:21,730
A potom vám povie, aký druh
obsahu a ďalších vecí taky.

774
00:38:21,730 --> 00:38:24,620
>> Stavové kódy, existuje niekoľko
dôležité tie, ktoré by ste mali vedieť.

775
00:38:24,620 --> 00:38:26,460
200 OK je ako všetko, čo je zlaté.

776
00:38:26,460 --> 00:38:28,490
Všetko funguje.

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

778
00:38:29,710 --> 00:38:32,910
To ste asi videli, ak ste zabudli
niečo chmod správne.

779
00:38:32,910 --> 00:38:34,510
To znamená, že nemusíte
správne oprávnenia k

780
00:38:34,510 --> 00:38:36,210
prístup, ktorý na serveri.

781
00:38:36,210 --> 00:38:38,110
Je to ako, nie, nemôžeš ju vidieť.

782
00:38:38,110 --> 00:38:39,780
404 znamená, že to neexistuje.

783
00:38:39,780 --> 00:38:40,400
Nebol nájdený.

784
00:38:40,400 --> 00:38:41,640
Pravdepodobne ste už videli, že veľa.

785
00:38:41,640 --> 00:38:45,510
>> 500 Internal Server Error je zvyčajne
ako niečo pokazilo na strane

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

787
00:38:46,460 --> 00:38:50,830
Takže, keď sa vykonáva pset7,
ak ste mali chyby PHP, mohol by si

788
00:38:50,830 --> 00:38:53,890
skutočne ísť na stránku a zobraziť
Celá partia PHP chýb veci.

789
00:38:53,890 --> 00:38:56,900
Ale to nie je zvyčajne nestane,
pretože webové stránky nemajú naozaj chcete

790
00:38:56,900 --> 00:38:58,830
povedať, prečo sa ich stránky rozbité.

791
00:38:58,830 --> 00:39:03,370
Najskôr iba vrátiť
500 Internal Server Error.

792
00:39:03,370 --> 00:39:06,120
>> A potom je tu 418 som kanvice.

793
00:39:06,120 --> 00:39:07,910
K dispozícii je celý príbeh o tom,
prečo to je vec.

794
00:39:07,910 --> 00:39:09,860
Ale môžete prečítať o tom
vo svojom voľnom čase.

795
00:39:09,860 --> 00:39:11,450
Je tu celá banda
ostatné stavové kódy taky.

796
00:39:11,450 --> 00:39:12,700
Ale to sú tie,
mali by ste vedieť.

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

798
00:39:15,660 --> 00:39:18,610
Takže poďme hovoriť o HTML.

799
00:39:18,610 --> 00:39:22,180
HTML, pamätajte, že nie je
programovací jazyk.

800
00:39:22,180 --> 00:39:23,510
Je to značkovací jazyk.

801
00:39:23,510 --> 00:39:25,210
To znamená, že opisuje obsah.

802
00:39:25,210 --> 00:39:30,440
To vám povie, čo dokument HTML vyzerá
páči, alebo nie, ako to vyzerá

803
00:39:30,440 --> 00:39:32,230
ale ako je to štruktúrovaná.

804
00:39:32,230 --> 00:39:36,110
>> Tak sa definuje štruktúru a
sémantika webových stránok.

805
00:39:36,110 --> 00:39:37,830
Je to ako, to je bod.

806
00:39:37,830 --> 00:39:40,060
Toto je zoznam poradí.

807
00:39:40,060 --> 00:39:42,360
To je ako časť mojej stránky.

808
00:39:42,360 --> 00:39:43,260
Tu je to titul.

809
00:39:43,260 --> 00:39:44,310
To robí veci, ako že.

810
00:39:44,310 --> 00:39:48,770
To nie je štýl nič z toho, pretože
že to, čo robíte v CSS.

811
00:39:48,770 --> 00:39:50,270
A vyzerá to, že séria
z vnorené tagy.

812
00:39:50,270 --> 00:39:54,720
Takže použiť príklad naozaj základné
HTML stránky, budete mať DOCTYPE

813
00:39:54,720 --> 00:39:56,720
vyhlásenie tam.

814
00:39:56,720 --> 00:40:00,940
>> Toto vyhlásenie DOCTYPE je
hovorí, sme pomocou HTML5.

815
00:40:00,940 --> 00:40:03,370
Potom máte veľkú HTML tag.

816
00:40:03,370 --> 00:40:05,230
Obsahuje hlavu a telo.

817
00:40:05,230 --> 00:40:06,970
Vnútri hlavy, máte titul.

818
00:40:06,970 --> 00:40:12,950
To je to, čo sa deje v názve
bar vo vašom prehliadači.

819
00:40:12,950 --> 00:40:15,810
Máme značku odkazu, ktorý spája
v externom zoznamu štýlov.

820
00:40:15,810 --> 00:40:19,880
A potom máme skript, ktorý ťahá
z externého JavaScriptu rovnako.

821
00:40:19,880 --> 00:40:23,750
>> A potom vo vnútri nášho tela je v skutočnosti
čo sa bude zobrazené na stránke.

822
00:40:23,750 --> 00:40:28,210
Máme odsek a potom
obrázok v tomto odseku.

823
00:40:28,210 --> 00:40:32,000
Toto je obraz mačiatok.

824
00:40:32,000 --> 00:40:35,840
Všimnite si, že obraz
tag zavrie sama.

825
00:40:35,840 --> 00:40:41,760
Takže namiesto toho otvoru s obrazom
a potom robiť ďalšie / image, môžete

826
00:40:41,760 --> 00:40:47,500
len tento malý lomítko
tú, ktorá ju uzatvára.

827
00:40:47,500 --> 00:40:53,670
A tag obraz má tiež tento kľúč
hodnota atribútu s názvom alt.

828
00:40:53,670 --> 00:40:56,970
To je alternatívny text, ktorý sa
sa stane, keď budete vznášať sa nad ním.

829
00:40:56,970 --> 00:41:03,170
>> Väčšina prvkov HTML majú nejakú hodnotu kľúča
veci, ktoré môžete dať to, rôzne

830
00:41:03,170 --> 00:41:04,420
prispôsobenie.

831
00:41:04,420 --> 00:41:06,230

832
00:41:06,230 --> 00:41:08,705
Jo.

833
00:41:08,705 --> 00:41:09,955
>> DIVÁKOV: [nepočuteľné].

834
00:41:09,955 --> 00:41:17,510

835
00:41:17,510 --> 00:41:19,680
>> ANGELA LI: No, tak to je
atribút tagu.

836
00:41:19,680 --> 00:41:25,320
Takže ak ste sa pomocou jQuery, mohol by si
robiť vyberte image.getAttribute.

837
00:41:25,320 --> 00:41:27,930
A potom si môžete vyhľadať
získať atribút alt.

838
00:41:27,930 --> 00:41:31,040
A to vám mačiatka.

839
00:41:31,040 --> 00:41:37,400
Ak si pamätáte formulárov v HTML, vstup
prvky budú mať atribúty meno.

840
00:41:37,400 --> 00:41:41,870
A to je to, čo PHP používa na odosielanie
žiadosti, ak sa predložené formuláre.

841
00:41:41,870 --> 00:41:44,762

842
00:41:44,762 --> 00:41:50,064
>> DIVÁKOV: Spomenuli ste sa o niečo
o tom, ak používate kittens.jpg alebo

843
00:41:50,064 --> 00:41:54,410
niečo, čo má chýbajúce
súbor zložiek alebo iné súbory?

844
00:41:54,410 --> 00:41:54,750
>> ANGELA LI: Áno.

845
00:41:54,750 --> 00:41:57,010
Tak toto je to, čo sa nazýva relatívna
cesta, pretože nedám

846
00:41:57,010 --> 00:41:58,740
si úplnú cestu.

847
00:41:58,740 --> 00:42:05,160
To je, ako keď v C, ak je to fopen
nejaký súbor, ak fopen hi.txt, že

848
00:42:05,160 --> 00:42:09,190
hi.txt Očakáva sa, že bude v rovnakom
adresár, ak to dať viac

849
00:42:09,190 --> 00:42:11,530
Komplex cesta.

850
00:42:11,530 --> 00:42:14,900
>> DIVÁKOV: Takže by ste mohli zadať
ktorá zložka [nepočuteľný]?

851
00:42:14,900 --> 00:42:17,660
>> ANGELA LI: Jo.

852
00:42:17,660 --> 00:42:19,370
A môžete vyhľadať ako na to.

853
00:42:19,370 --> 00:42:23,480
Ale keď som sa chcel dostať von kittens.jpg
z nadradeného adresára, by som si

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
Jo.

857
00:42:30,930 --> 00:42:32,960

858
00:42:32,960 --> 00:42:33,760
Prepáčte.

859
00:42:33,760 --> 00:42:34,045
Jo.

860
00:42:34,045 --> 00:42:35,700
Človeče, ja zabudol na otázku.

861
00:42:35,700 --> 00:42:36,460
Aká bola otázka?

862
00:42:36,460 --> 00:42:39,570
Ach, otázka znela je, kittens.jpg
Očakáva sa, že bude v rovnakom adresári?

863
00:42:39,570 --> 00:42:40,630
A v tomto prípade to je.

864
00:42:40,630 --> 00:42:44,030
Ale môžete tiež dať určitú cestu
tak, že to nemusí byť.

865
00:42:44,030 --> 00:42:47,100

866
00:42:47,100 --> 00:42:48,350
Dobrý?

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
Tak CSS, ako je HTML, nie je
programovací jazyk.

870
00:42:55,420 --> 00:42:58,250
CSS je len rad pravidiel styling.

871
00:42:58,250 --> 00:43:00,130
To je skratka pre kaskádové štýly.

872
00:43:00,130 --> 00:43:03,910
A budete používať v spojení
HTML na stránkach štýlu.

873
00:43:03,910 --> 00:43:08,140
Takže existujú tri spôsoby,
môžete zahrnúť.

874
00:43:08,140 --> 00:43:11,950
Jeden spôsob, ako to urobiť, je v hlave
časť vášho HTML, môžete len

875
00:43:11,950 --> 00:43:15,410
otvoriť tag štýl a potom držať
niektoré CSS vládne tam.

876
00:43:15,410 --> 00:43:16,759
Je to celkom v poriadku.

877
00:43:16,759 --> 00:43:17,228
Jo.

878
00:43:17,228 --> 00:43:21,449
>> DIVÁKOV: Mohli by ste dať tie
tagy štýl v medzi, poďme

879
00:43:21,449 --> 00:43:22,860
povedzme, telo a / telo.

880
00:43:22,860 --> 00:43:27,400
A potom by štýl
iba v tele.

881
00:43:27,400 --> 00:43:28,840
>> ANGELA LI: To by si mohol.

882
00:43:28,840 --> 00:43:29,590
Bude to fungovať.

883
00:43:29,590 --> 00:43:33,990
Ale nemali by ste, pretože štýl je
druh metadát, ktoré by mali ísť do

884
00:43:33,990 --> 00:43:35,890
vedúci dokumentu.

885
00:43:35,890 --> 00:43:38,280
Telo by sa skutočne obsahujú len
čo sa vlastne deje, aby

886
00:43:38,280 --> 00:43:39,420
objaví na vašej stránke.

887
00:43:39,420 --> 00:43:42,155
>> DIVÁKOV: Takže by ste dal štýl
vo vašej hlave štýl

888
00:43:42,155 --> 00:43:43,930
Celé webové stránky, nie?

889
00:43:43,930 --> 00:43:44,300
>> ANGELA LI: Jo.

890
00:43:44,300 --> 00:43:50,470
Takže uvedenie štýl tu, tieto pravidlá CSS
sa bude vzťahovať na celú stranu na základe

891
00:43:50,470 --> 00:43:52,100
ich voliča.

892
00:43:52,100 --> 00:43:57,090
Takže lepší spôsob, ako to urobiť, je miesto
mať značku štýlu vo vašej hlave,

893
00:43:57,090 --> 00:44:00,430
Máte tento odkaz na externý štýl
list, ako by som vám ukázal v

894
00:44:00,430 --> 00:44:01,980
Predchádzajúci príklad.

895
00:44:01,980 --> 00:44:05,920
Čo to však je, že sa snaží, a zistí,
súbor style.css a potom vytiahne ju

896
00:44:05,920 --> 00:44:08,470
v a používa ako
štýly pre stránku.

897
00:44:08,470 --> 00:44:10,500
A vaše style.css by
len vyzerať takto.

898
00:44:10,500 --> 00:44:13,330
Bolo by to len banda CSS.

899
00:44:13,330 --> 00:44:16,210
>> A napokon, je tu iný spôsob, ako
môžu zahŕňať CSS, ktoré si naozaj

900
00:44:16,210 --> 00:44:17,480
by nemal nikdy robiť.

901
00:44:17,480 --> 00:44:18,950
Je to výzva inline štýl.

902
00:44:18,950 --> 00:44:22,650
A tak akýkoľvek HTML element môže tiež
sa atribút style.

903
00:44:22,650 --> 00:44:26,320
A potom sa v tomto atribútu style,
môžete dať pravidlá CSS.

904
00:44:26,320 --> 00:44:29,140
Takže v tomto prípade, čo div, že som
definovanie tu, bude to

905
00:44:29,140 --> 00:44:32,580
majú čierne pozadie a
biela farba textu.

906
00:44:32,580 --> 00:44:35,620
Ale nemali by ste to robiť, pretože to, čo
to však je, že stavia svoje styling

907
00:44:35,620 --> 00:44:36,850
vnútri HTML.

908
00:44:36,850 --> 00:44:40,530
>> A ja viem, že sme hovorili o HTML
je štruktúra a CSS štýl.

909
00:44:40,530 --> 00:44:42,790
Ak to urobíte, sa mieša
ich dohromady.

910
00:44:42,790 --> 00:44:44,550
A to nie je moc čisté.

911
00:44:44,550 --> 00:44:45,800
Tak nerob to.

912
00:44:45,800 --> 00:44:47,690

913
00:44:47,690 --> 00:44:52,100
Použitie príklad CSS, tam sme
vyberte telo HTML

914
00:44:52,100 --> 00:44:52,380
dokument.

915
00:44:52,380 --> 00:44:55,110
A my na to všetko
Bude Comic Sans.

916
00:44:55,110 --> 00:44:57,290
Tiež som neodporúčam to.

917
00:44:57,290 --> 00:44:59,940
Ale si to mohol urobiť.

918
00:44:59,940 --> 00:45:03,140
>> Druhé pravidlo tu, bude to
vyberte prvok na

919
00:45:03,140 --> 00:45:04,880
Stránka s ID main.

920
00:45:04,880 --> 00:45:11,690
Takže bez ohľadu na HTML element, povedal som ID
= Hlavné, ja dám, že

921
00:45:11,690 --> 00:45:16,020
20-pixel marže a zladiť všetko,
všetok text, do centra.

922
00:45:16,020 --> 00:45:19,030
Posledná vec, ktorú vyberie podľa CSS triedy.

923
00:45:19,030 --> 00:45:24,450
Takže akýkoľvek prvok na stránke, ktorá som dal
trieda sekcie, budem robiť to

924
00:45:24,450 --> 00:45:26,602
farba svetlo modré pozadie.

925
00:45:26,602 --> 00:45:29,380

926
00:45:29,380 --> 00:45:30,040
Jo.

927
00:45:30,040 --> 00:45:30,700
To je všetko, čo mám.

928
00:45:30,700 --> 00:45:30,890
Otázka?

929
00:45:30,890 --> 00:45:34,020
>> DIVÁKOV: Čo hashtag
Pred hlavným robiť?

930
00:45:34,020 --> 00:45:36,310
>> ANGELA LI: Otázkou je, čo robí
hashtag pred hlavné úlohy?

931
00:45:36,310 --> 00:45:40,770
V tomto prípade, hash v
CSS znamená vybrať podľa ID.

932
00:45:40,770 --> 00:45:47,490
Takže keď som mal nejaký HTML prvok, ako je
Deliť = hlavný, toto pravidlo CSS vyberá

933
00:45:47,490 --> 00:45:49,260
vec s ID main.

934
00:45:49,260 --> 00:45:53,940
A podobne, obdobie pred
Sekcia je vybrať podľa CSS triedy alebo

935
00:45:53,940 --> 00:45:56,558
vyberte pomocou HTML triede.

936
00:45:56,558 --> 00:46:00,940
>> DIVÁKOV: Prečo je tam má pred
6 vo farbe pozadí?

937
00:46:00,940 --> 00:46:01,270
>> ANGELA LI: Jo.

938
00:46:01,270 --> 00:46:03,360
Takže otázka je, prečo je tam
hash pred 6?

939
00:46:03,360 --> 00:46:05,320
To je iný ako ten hash.

940
00:46:05,320 --> 00:46:09,500
To znamená, že dávate
hexadecimálne farby.

941
00:46:09,500 --> 00:46:14,260
Takže hexadecimálne farby, to len
predstavuje farbu.

942
00:46:14,260 --> 00:46:17,860
A pamätajte RGB trojica, kedy
ste na forenznú pset?

943
00:46:17,860 --> 00:46:18,770
To je podobné.

944
00:46:18,770 --> 00:46:21,590
Prvé dve číslice predstavujú
koľko je v červenej farbe.

945
00:46:21,590 --> 00:46:23,260
Druhé dva predstavujú
Ako moc zelený.

946
00:46:23,260 --> 00:46:25,450
A tretie predstavuje
koľko modrá.

947
00:46:25,450 --> 00:46:30,060
A hash je to sa deje
reprezentovať farby.

948
00:46:30,060 --> 00:46:35,660
>> Takže niečo z 0, 0, 0, 0, 0, 0
až F, F, F, F, F, F je platný.

949
00:46:35,660 --> 00:46:39,550
Je to nejaký platný farba, ktorá môže
budú zobrazené vo vašom prehliadači.

950
00:46:39,550 --> 00:46:39,790
Otázka?

951
00:46:39,790 --> 00:46:43,590
>> DIVÁKOV: Aký je rozdiel medzi
použitie podľa ID a triedy?

952
00:46:43,590 --> 00:46:46,470
>> ANGELA LI: Otázkou je, čo je
rozdiel medzi

953
00:46:46,470 --> 00:46:48,950
použitie podľa ID a triedy?

954
00:46:48,950 --> 00:46:54,390
Môžete mať iba jeden prvok
HTML dokument, ktorý má danú ID.

955
00:46:54,390 --> 00:46:58,660
Takže len jedna vec, na mojej stránke
je povolené mať ID main.

956
00:46:58,660 --> 00:47:02,580
Tak ho použiť pre toto je hlavička.

957
00:47:02,580 --> 00:47:03,850
To je navigácia.

958
00:47:03,850 --> 00:47:05,230
Toto je pätu.

959
00:47:05,230 --> 00:47:09,070
Triedy sú odlišné, pretože môžete
platí tried ako mnoho prvkov HTML

960
00:47:09,070 --> 00:47:10,100
ako budete chcieť.

961
00:47:10,100 --> 00:47:15,860
>> Tak napríklad, robil som triedny časť,
pretože tam je asi viac ako jeden

962
00:47:15,860 --> 00:47:17,540
časť na mojej strane.

963
00:47:17,540 --> 00:47:20,200
Jenom dovolené mať toľko
prvky na stránke sa rovnakým

964
00:47:20,200 --> 00:47:23,190
trieda, ale iba jeden s určitým ID.

965
00:47:23,190 --> 00:47:25,600
>> DIVÁKOV: Tak bodka predstavuje
trieda?

966
00:47:25,600 --> 00:47:26,090
>> ANGELA LI: Jo.

967
00:47:26,090 --> 00:47:27,380
Bodka reprezentuje triedu.

968
00:47:27,380 --> 00:47:29,990

969
00:47:29,990 --> 00:47:31,540
V pohode.

970
00:47:31,540 --> 00:47:32,370
To je všetko, čo mám, chlapci.

971
00:47:32,370 --> 00:47:33,544
Ďakujem.

972
00:47:33,544 --> 00:48:13,380
>> [APPLAUSE]

973
00:48:13,380 --> 00:48:14,290
>> ZAMYLA CHAN: Ahoj, všetci.

974
00:48:14,290 --> 00:48:14,880
Som Zamyla.

975
00:48:14,880 --> 00:48:18,830
Budem sa tu zaoberať PHP,
MVC a SQL dnes.

976
00:48:18,830 --> 00:48:22,350

977
00:48:22,350 --> 00:48:26,110
Veľa materiálu, ktorý budem
krytina bude do značnej miery

978
00:48:26,110 --> 00:48:29,100
priamo z pset7.

979
00:48:29,100 --> 00:48:29,700
Dobrá.

980
00:48:29,700 --> 00:48:31,180
Takže to, čo je PHP?

981
00:48:31,180 --> 00:48:35,150
PHP je skratka pre PHP Hypertext
Preprocessor.

982
00:48:35,150 --> 00:48:38,740
Takže to, samo o sebe, je rekurzívny
meno, ktoré je celkom v pohode.

983
00:48:38,740 --> 00:48:42,220
PHP je server-side skriptovací jazyk,
a poskytuje backend

984
00:48:42,220 --> 00:48:44,610
a logické opory
na našich webových stránkach.

985
00:48:44,610 --> 00:48:48,520
>> Takže Angela hovorila veľa o HTML
a CSS, ktoré bude štruktúra

986
00:48:48,520 --> 00:48:49,530
na internetových stránkach.

987
00:48:49,530 --> 00:48:53,210
Ale čo keď chcete zmeniť
obsah dynamicky, alebo v prípade, že sa líši

988
00:48:53,210 --> 00:48:55,240
založené na užívateľa alebo
určitých podmienok?

989
00:48:55,240 --> 00:48:57,060
To je miesto, kde PHP vypovedaciu

990
00:48:57,060 --> 00:49:02,610
Teraz, typicky, PHP môže trvať niekoľko
menej čiary na vykonanie to isté

991
00:49:02,610 --> 00:49:07,380
v C. To preto, že PHP spracováva pamäti
riadenie pre programátora,

992
00:49:07,380 --> 00:49:11,170
na rozdiel od nás majú na malloc
zadarmo, podobné veci.

993
00:49:11,170 --> 00:49:15,430
>> Ale pretože PHP je interpretačné
jazyk, typicky, to by mohlo urobiť

994
00:49:15,430 --> 00:49:19,540
trochu pomalšie ako C, čo
je zostavený jazyk.

995
00:49:19,540 --> 00:49:23,150
Pretože ideme programovanie
jazyky, poďme sa pozrieť na to, ako

996
00:49:23,150 --> 00:49:24,570
Syntaxe sa líšia.

997
00:49:24,570 --> 00:49:28,770
Buďme veľmi opatrní, aby
pliesť s tým.

998
00:49:28,770 --> 00:49:33,750
Takže sa syntaxou PHP, či už sú
vloženie vášho PHP vnútri HTML

999
00:49:33,750 --> 00:49:40,430
súboru alebo do súboru. php sám, vy
je potrebné priložiť kód v otvorenej

1000
00:49:40,430 --> 00:49:45,270
PHP a uzavreté PHP tagy ako
nasleduje, rovnako ako na obrazovke.

1001
00:49:45,270 --> 00:49:46,660
>> Premenné v PHP.

1002
00:49:46,660 --> 00:49:51,490
Každý premenná bude začínať
$ Znak nasledovaný názvom

1003
00:49:51,490 --> 00:49:53,150
Váš variabilný.

1004
00:49:53,150 --> 00:49:56,530
Teraz, premenné v PHP sú voľne zadali,
čo znamená, že nepotrebujete

1005
00:49:56,530 --> 00:50:00,030
uviesť, aký typ dát
je, keď ste ju deklarovať.

1006
00:50:00,030 --> 00:50:03,505
Avšak, to neznamená, že
nemajú všetky typy vôbec.

1007
00:50:03,505 --> 00:50:09,370
Takže keď deklarujete premennú a stačí nastaviť
je rovná 1, a potom prehlasujem,

1008
00:50:09,370 --> 00:50:15,140
ďalšie premennú, nastavte ju na hodnotu "1",
a potom ešte jeden 1,0, dobre,

1009
00:50:15,140 --> 00:50:19,410
v závislosti od typu rovnosti
Prevádzkovatelia používam, keď chcem porovnať

1010
00:50:19,410 --> 00:50:21,830
všetkých typov, potom
že bude rovnaká.

1011
00:50:21,830 --> 00:50:25,570
Ale ak chcem, aby sa ubezpečil, že
typy sú si rovní, PHP môže ešte urobiť

1012
00:50:25,570 --> 00:50:28,690
že, aj keď sme nenaznačujú
aký to je, keď sme

1013
00:50:28,690 --> 00:50:31,170
najprv vytvoriť súbor.

1014
00:50:31,170 --> 00:50:33,990
>> Teraz, v PHP, aj keď sme
prepínanie z programovania

1015
00:50:33,990 --> 00:50:39,360
jazyky od C, máme stále naše
verný, ak podmienka, rovnako ako to.

1016
00:50:39,360 --> 00:50:43,270
Stále máme while, len
ako je táto, kde si dať do svojho

1017
00:50:43,270 --> 00:50:47,300
stav a potom
telo slučky.

1018
00:50:47,300 --> 00:50:50,360
A potom máme aj pre sláčiky,
ktorý zvyčajne vyzerá takto.

1019
00:50:50,360 --> 00:50:55,330
Takže keď som chcel iterovat cez všetky
deväť psets a predložiť a volanie

1020
00:50:55,330 --> 00:50:58,960
funkcie submitPset, potom môžem urobiť
tu, ktoré vy všetci

1021
00:50:58,960 --> 00:50:59,830
vykonáva týmto bodom.

1022
00:50:59,830 --> 00:51:01,080
Gratulujeme, mimochodom.

1023
00:51:01,080 --> 00:51:04,560

1024
00:51:04,560 --> 00:51:07,550
>> Pre kamery, ľudia
povedal, ďakujem.

1025
00:51:07,550 --> 00:51:11,220
Teraz, ak ste nechceli, aby stačí použiť tento
pre sláčiky, potom PHP vlastne tiež

1026
00:51:11,220 --> 00:51:13,580
sa veci tzv foreach slučky.

1027
00:51:13,580 --> 00:51:22,210
Takže keď som mal rad čísel, 0
až 8, uložené v poli psets,

1028
00:51:22,210 --> 00:51:27,290
potom by som mohol mať slučky foreach, ktorý
iterácia cez každé číslo v psets.

1029
00:51:27,290 --> 00:51:30,640
A potom by som mohol zavolať rovnaké
fungovať osemkrát,

1030
00:51:30,640 --> 00:51:31,910
rovnako ako som to urobil predtým.

1031
00:51:31,910 --> 00:51:36,480
Takže to pre každú slučku je pekné, pretože
nemusíte sa, ak neviete,

1032
00:51:36,480 --> 00:51:39,470
Presná dĺžka poľa, ktoré
sa, potom pomocou tejto slučky foreach

1033
00:51:39,470 --> 00:51:42,800
sa o to postará za vás.

1034
00:51:42,800 --> 00:51:45,410
>> Tak som urobil psets ako pole.

1035
00:51:45,410 --> 00:51:46,700
Poďme sa pozrieť na to.

1036
00:51:46,700 --> 00:51:51,290
Polia v PHP sú zvyčajne rovnaké ako
tie, ktoré sme mali v jazyku C, kde

1037
00:51:51,290 --> 00:51:52,960
môžete deklarovať pole.

1038
00:51:52,960 --> 00:51:59,200
A tu, môžem vyhlásiť prázdne pole
a potom vybudovať dynamicky pomocou

1039
00:51:59,200 --> 00:52:00,850
Indexy sú celé čísla.

1040
00:52:00,850 --> 00:52:04,140
Takže indexom 0, idem uložiť
celé číslo 1, s názvom.

1041
00:52:04,140 --> 00:52:09,210
Na indexe 1 na mojom zozname, idem
pre uloženie hodnoty 2.

1042
00:52:09,210 --> 00:52:12,670
A na tretí indexe, ale
druhé číslo, budem

1043
00:52:12,670 --> 00:52:14,870
uložiť číslo 12.

1044
00:52:14,870 --> 00:52:17,250
>> Teraz, to je v poriadku v tom, že
funguje to dobre funguje.

1045
00:52:17,250 --> 00:52:21,310
Ale hovoria, že to záleží na mne
čo každý index má.

1046
00:52:21,310 --> 00:52:24,500
Pre mňa, index 0 znamená, ako
Mnoho mačiek mám.

1047
00:52:24,500 --> 00:52:27,400
A index 1 znamená, ako
mnoho sovy mám.

1048
00:52:27,400 --> 00:52:29,450
A budúci znamená, koľko psov.

1049
00:52:29,450 --> 00:52:34,140
No, potom to určiť, že namiesto
mať na pamäti, 0 sa týka

1050
00:52:34,140 --> 00:52:38,090
mačky a 1 až sovy, môžem použiť
asociatívne pole, čo znamená, že

1051
00:52:38,090 --> 00:52:42,260
miesto čísel sú moje indexov,
Môžem skutočne používať reťazca.

1052
00:52:42,260 --> 00:52:43,290
>> Tak to je celkom užitočné.

1053
00:52:43,290 --> 00:52:47,130
A vy ste v podstate len vymeniť
celé čísla s reťazcami.

1054
00:52:47,130 --> 00:52:50,074
A tu to máte
asociatívne pole.

1055
00:52:50,074 --> 00:52:51,930
Jo.

1056
00:52:51,930 --> 00:52:55,800
>> DIVÁKOV: Je tu dôvod, prečo tam je
podčiarkovník za sekundu

1057
00:52:55,800 --> 00:52:58,750
časť, pretože môj zoznam má pole.

1058
00:52:58,750 --> 00:53:01,330
>> ZAMYLA CHAN: Otázka bola, je
existuje dôvod, prečo tam je

1059
00:53:01,330 --> 00:53:03,320
podčiarkovník medzi mojou a zoznamu?

1060
00:53:03,320 --> 00:53:03,610
Nie.

1061
00:53:03,610 --> 00:53:06,878
To je len, ako som pomenovanie
môj variabilný.

1062
00:53:06,878 --> 00:53:11,670
>> DIVÁKOV: Na prvý
linka, to je jedno slovo.

1063
00:53:11,670 --> 00:53:12,560
>> ZAMYLA CHAN: Ospravedlňujem sa.

1064
00:53:12,560 --> 00:53:13,410
Urobím to.

1065
00:53:13,410 --> 00:53:13,620
Jo.

1066
00:53:13,620 --> 00:53:15,460
Mali by byť rovnaký názov premennej.

1067
00:53:15,460 --> 00:53:16,710
Dobrý úlovok.

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
Takže poďme sa presunúť na povrázku
zreťazenie.

1071
00:53:22,610 --> 00:53:27,500
Keby som chcel, aby sa dva reťazce,
potom som ich zřetězit

1072
00:53:27,500 --> 00:53:28,550
s operátorom bodka.

1073
00:53:28,550 --> 00:53:32,440
Takže keď mám Milo ako prvé mená
a Banana ako priezvisko, a potom

1074
00:53:32,440 --> 00:53:35,430
zreťazenie s operátorom bodky a
potom uvedenie medzeru medzi

1075
00:53:35,430 --> 00:53:39,210
bude reťazec, ktorý obsahuje Milo
Banana, ktorý som potom echo, alebo

1076
00:53:39,210 --> 00:53:41,280
skôr vytlačiť.

1077
00:53:41,280 --> 00:53:44,465
>> Keď už hovoríme o echo, hovorme
o málo užitočná -

1078
00:53:44,465 --> 00:53:44,920
Oops.

1079
00:53:44,920 --> 00:53:46,030
Je mi to ľúto.

1080
00:53:46,030 --> 00:53:52,920
Niekoľko užitočných PHP funkcií.

1081
00:53:52,920 --> 00:53:56,240
Takže máme -

1082
00:53:56,240 --> 00:53:57,444
technické ťažkosti.

1083
00:53:57,444 --> 00:53:58,694
Jedna sekunda.

1084
00:53:58,694 --> 00:54:16,960

1085
00:54:16,960 --> 00:54:19,550
Poslal som ho.

1086
00:54:19,550 --> 00:54:22,320
Problémy PowerPoint.

1087
00:54:22,320 --> 00:54:29,200
A sme späť s PHP funkciou.

1088
00:54:29,200 --> 00:54:32,010

1089
00:54:32,010 --> 00:54:35,150
A sme späť s PHP funkciou.

1090
00:54:35,150 --> 00:54:39,890
>> Takže sme sa vyžadujú funkcie, kde
ak odovzdáte do súboru, tu je práve

1091
00:54:39,890 --> 00:54:43,300
príklad súboru, ktorý
Mohol by som prejsť dovnútra

1092
00:54:43,300 --> 00:54:47,605
Tak to bude zahŕňať PHP kód
z tohto súboru, ktorý som naznačovať.

1093
00:54:47,605 --> 00:54:49,940
A to bude hodnotiť, či palcov

1094
00:54:49,940 --> 00:54:54,450
Potom máme tiež echo, ktoré
je rovnobežná s printf.

1095
00:54:54,450 --> 00:54:57,710
Koniec je rovnobežná s zlomiť,
ktorý ukončí blok

1096
00:54:57,710 --> 00:54:58,570
kód, ktorý ste palcov

1097
00:54:58,570 --> 00:55:03,180
A potom prázdne kontroluje, či daný
Premenná je ako null alebo nula alebo

1098
00:55:03,180 --> 00:55:08,482
čo sa stotožňuje s tým, že prázdny.

1099
00:55:08,482 --> 00:55:09,438
Jo.

1100
00:55:09,438 --> 00:55:15,341
>> DIVÁKOV: Pre reťazec zreťazenie
dot jeden prevádzkovateľ, v PHP, je to, že

1101
00:55:15,341 --> 00:55:20,158
rovnako ako v JavaScripte, kde je to pomocou
bodka pre zreťazenie znamená znamienko plus?

1102
00:55:20,158 --> 00:55:27,440
Takže pre celé meno, môžete mať dolár
podpísať prvú + a + vydrží?

1103
00:55:27,440 --> 00:55:27,720
>> ZAMYLA CHAN: Jo.

1104
00:55:27,720 --> 00:55:32,150
Takže otázkou bolo, či v PHP sme
môžete použiť rovnaké zreťazenie

1105
00:55:32,150 --> 00:55:33,890
ako v JavaScriptu s plusy.

1106
00:55:33,890 --> 00:55:35,410
A Jozef sa dostať do toho neskôr.

1107
00:55:35,410 --> 00:55:36,620
Myslím, že má snímka na to.

1108
00:55:36,620 --> 00:55:37,570
V skutočnosti, je to iné.

1109
00:55:37,570 --> 00:55:41,310
Takže v JavaScripte, budete musieť použiť
a zřetězit reťazca.

1110
00:55:41,310 --> 00:55:43,280
A v PHP, musíte
pomocou operátora bodka.

1111
00:55:43,280 --> 00:55:44,530
Takže sú rozdielne.

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
Takže teraz, že sme prebrali všetko
Tento PHP, kde to

1115
00:55:49,500 --> 00:55:50,490
naozaj príde vhod?

1116
00:55:50,490 --> 00:55:54,470
No, to príde vhod, keď sme
možno kombinovať s naším HTML.

1117
00:55:54,470 --> 00:55:59,550
Takže naše PHP nám dá silu, aby
zmeniť danej stránky v obsahu HTML pred

1118
00:55:59,550 --> 00:56:00,000
jeho zaťaženie.

1119
00:56:00,000 --> 00:56:04,270
A tak na základe rôznych podmienok,
zvyčajne špecifické pre užívateľa, ktorý je

1120
00:56:04,270 --> 00:56:07,520
prihlásený, môžeme zobraziť
rôzne informácie.

1121
00:56:07,520 --> 00:56:08,800
Lindo, si na niečo spýtať?

1122
00:56:08,800 --> 00:56:15,510
>> DIVÁKOV: Môžete zřetězit
celé číslo i?

1123
00:56:15,510 --> 00:56:16,760
>> ZAMYLA CHAN: Áno, môžete.

1124
00:56:16,760 --> 00:56:19,530

1125
00:56:19,530 --> 00:56:23,270
Takže otázka je, ak je to možné
zřetězit celé čísla alebo iné

1126
00:56:23,270 --> 00:56:28,920
variable.s teraz prejdeme k MVC, ktoré
je vzor, ​​ktorý sa používa v

1127
00:56:28,920 --> 00:56:33,380
pset7 a mnoho webové dizajnérmi použiť pre
organizovanie kódu v súboroch

1128
00:56:33,380 --> 00:56:34,490
na svojich internetových stránkach.

1129
00:56:34,490 --> 00:56:35,870
M je skratka pre model.

1130
00:56:35,870 --> 00:56:41,450
A v podstate, model súbory sa bude zaoberať
sa interakcie s databázou.

1131
00:56:41,450 --> 00:56:44,640
Zobraziť súbory, ktoré sa vzťahujú k
estetika webových stránkach.

1132
00:56:44,640 --> 00:56:47,550
A rukoväte Controller
užívateľské požiadavky, analyzovať

1133
00:56:47,550 --> 00:56:49,230
údaje, robí inú logiku.

1134
00:56:49,230 --> 00:56:52,520
>> V pset7, sme spojili model
a regulátor.

1135
00:56:52,520 --> 00:56:55,880
A my len volal ich regulátory a
dať je vo verejnom zozname.

1136
00:56:55,880 --> 00:57:01,730
A zobrazenie súborov, môžeme použiť ako
šablóny v adresári šablón.

1137
00:57:01,730 --> 00:57:07,260
Takže toto schéma tu tiež predstavuje
že rovnaký druh delenia sa

1138
00:57:07,260 --> 00:57:10,510
modelu a regulátora vo fialovej
tu na ľavej strane a

1139
00:57:10,510 --> 00:57:12,770
pohľad na pravej strane.

1140
00:57:12,770 --> 00:57:16,020
Tak toto je schéma, ktoré niektorí z vás
Možno ste videli v úradné hodiny alebo

1141
00:57:16,020 --> 00:57:19,130
diagramy, ktoré sme boli kreslenie ako vy
sa zisťuje z vášho pset.

1142
00:57:19,130 --> 00:57:25,030
>> Tak tu, v danom regulátora, model
regulátor, máme funkcie

1143
00:57:25,030 --> 00:57:30,490
ktoré sa vzťahujú k dotazu SQL
databázy, vykonávanie PHP logiku.

1144
00:57:30,490 --> 00:57:32,370
Možno by ste vyhľadať
sklad Yahoo!

1145
00:57:32,370 --> 00:57:34,590
Financie.

1146
00:57:34,590 --> 00:57:37,390
Alebo možno, len by ste skontrolovať,
zistiť, či používateľ podal

1147
00:57:37,390 --> 00:57:40,250
tvorí už pred tým, než
navštívil vaše stránky.

1148
00:57:40,250 --> 00:57:43,390
A potom by ste mali urobiť
tvorí tu.

1149
00:57:43,390 --> 00:57:48,210
Potom, čo bolo predložené, že forma
užívateľom, akcia, ktorá bola

1150
00:57:48,210 --> 00:57:53,470
zadanú vo formulári v HTML tagu
by uviesť stránku, ktorá je

1151
00:57:53,470 --> 00:57:55,620
tieto dáta vráti do.

1152
00:57:55,620 --> 00:57:59,460
>> Takže všetky tie informácie by
poslal späť do regulátora.

1153
00:57:59,460 --> 00:58:02,620
Potom by ste asi robiť trochu viac
logika na to a možno vykonať niekoľko

1154
00:58:02,620 --> 00:58:06,510
viac dotazov v SQL databáze a
potom, konečne, prísť s pekne

1155
00:58:06,510 --> 00:58:11,930
balené sada informácií, ktoré by
odovzdať do nejakej inej šablóny

1156
00:58:11,930 --> 00:58:13,950
, Ktorá sa zobrazí informácia.

1157
00:58:13,950 --> 00:58:17,030
A teraz, ako sme sa vlastne balíček
že informácie sa?

1158
00:58:17,030 --> 00:58:23,980
No, my máme funkciu zvanú Render
, Ktorá bola v súbore functions.php v

1159
00:58:23,980 --> 00:58:29,950
pset7, kde môžete prejsť v mene
súbor, názov šablóny.

1160
00:58:29,950 --> 00:58:32,160
>> A potom si tiež prejsť v
asociatívne pole.

1161
00:58:32,160 --> 00:58:37,150
A tak, že asociatívne pole predstavuje
rôzne informácie

1162
00:58:37,150 --> 00:58:39,040
ktoré chcete odovzdať palcov

1163
00:58:39,040 --> 00:58:43,460
A teraz, čo sa deje, že je konštantná v
Tieto príklady je, že kľúče alebo,

1164
00:58:43,460 --> 00:58:47,070
skôr, kľúče na asociatívne
polia, ktoré sú, čo sa deje, aby sa

1165
00:58:47,070 --> 00:58:51,050
Očakáva sa, že konštantná šablónou,
pretože vie, že potrebuje

1166
00:58:51,050 --> 00:58:53,990
niečo, čo nazýva správu
alebo tzv meno.

1167
00:58:53,990 --> 00:58:56,940
A potom veci na pravej strane,
skutočné hodnoty, takže v tomto prípade, ktorý je

1168
00:58:56,940 --> 00:59:00,750
hodný chlapec a Milo, tie idú
byť hodnoty, ktoré sa menia

1169
00:59:00,750 --> 00:59:05,610
že regulátor sa mení pri každom
alebo s ohľadom na konkrétne podmienky a

1170
00:59:05,610 --> 00:59:07,120
prejde, že palcov

1171
00:59:07,120 --> 00:59:12,790
>> Takže tu v šablónach, vidíme, že sme
používate špeciálne znaky HTML,

1172
00:59:12,790 --> 00:59:16,370
ktorý práve v podstate znamená, že chceme
dostať peer reťazec, ktorý

1173
00:59:16,370 --> 00:59:17,580
užívateľ dať dovnútra

1174
00:59:17,580 --> 00:59:20,880
A chceme nahradiť
správa tu.

1175
00:59:20,880 --> 00:59:26,110
Takže keď sme vlastne zobrazenie
súbor, špecifický

1176
00:59:26,110 --> 00:59:28,700
informácie sú odovzdávané palcov

1177
00:59:28,700 --> 00:59:33,850
Všimnite si, že kľúč, ako urobiť práca je
že kľúče asociatívne

1178
00:59:33,850 --> 00:59:37,170
pole, ktoré štát premenná
mená tu.

1179
00:59:37,170 --> 00:59:40,720
A tak sa hodnoty tohto kľúča v
asociatívne pole sa potom stáva

1180
00:59:40,720 --> 00:59:41,970
hodnota premennej.

1181
00:59:41,970 --> 00:59:44,800

1182
00:59:44,800 --> 00:59:46,040
>> Teraz, poďme sa presunúť na SQL.

1183
00:59:46,040 --> 00:59:48,010
To je skratka pre Structured
Query Language.

1184
00:59:48,010 --> 00:59:50,460
A tak je to len programovanie
jazyk navrhnutý

1185
00:59:50,460 --> 00:59:51,880
pre správu databáz.

1186
00:59:51,880 --> 00:59:56,860
A to prišlo vhod pre nás
naše pset7 web financie.

1187
00:59:56,860 --> 01:00:00,510
V podstate je to len jednoduchý spôsob, ako
sledovanie a správu objektov a tabuliek

1188
01:00:00,510 --> 01:00:02,070
a prepojiť ich navzájom.

1189
01:00:02,070 --> 01:00:06,860
A teraz, myslím, že SQL databázy
v podstate ako súbor programu Excel, možno,

1190
01:00:06,860 --> 01:00:10,040
s viacerými kartami listov.

1191
01:00:10,040 --> 01:00:13,820
>> Takže by ste mohli mať viac tabuliek,
Možno, že navzájom prepojené.

1192
01:00:13,820 --> 01:00:19,420
A podobne ako v Exceli, máme veľa
funkcie, ktoré chceme.

1193
01:00:19,420 --> 01:00:22,300
Napríklad, môžeme zvoliť
niektoré riadky.

1194
01:00:22,300 --> 01:00:24,110
Môžeme vložiť informácie.

1195
01:00:24,110 --> 01:00:25,560
Môžeme aktualizovať riadky.

1196
01:00:25,560 --> 01:00:27,440
A môžeme tiež vymazať veci.

1197
01:00:27,440 --> 01:00:30,920

1198
01:00:30,920 --> 01:00:36,560
>> SQL vybrať diela výberom riadkov
alebo rad špecifikovaných stĺpcov z

1199
01:00:36,560 --> 01:00:39,640
databázy, ktoré zodpovedajú určité
Kritériá, ktoré ste uviesť.

1200
01:00:39,640 --> 01:00:44,930
Takže tu, keď vidím select * from
kúzelníci, kde dom = Bystrohlav, potom

1201
01:00:44,930 --> 01:00:48,340
Ja výberu *, čo znamená, že som
výber každý stĺpec v tom, že

1202
01:00:48,340 --> 01:00:56,340
riadok z tabuľky sprievodcov, ale iba vtedy, ak
Dom stĺpec rovná Bystrohlavu.

1203
01:00:56,340 --> 01:00:57,840
Teraz, to je čistá alebo SQL.

1204
01:00:57,840 --> 01:01:02,680
Takže keď som išiel do phpMyAdmin, ktorý je
špecifický spôsob, ktorý používame pre správu

1205
01:01:02,680 --> 01:01:07,040
Naše databázy SQL, potom by som mohol vložiť
že na webové stránky phpMyAdmin.

1206
01:01:07,040 --> 01:01:08,290
A že by sa spustiť.

1207
01:01:08,290 --> 01:01:11,280
>> Ale my vlastne chcete robiť
že na strane PHP.

1208
01:01:11,280 --> 01:01:12,580
Tak ako to urobíme?

1209
01:01:12,580 --> 01:01:20,180
No, budeme používať funkciu dotazu, ktorý
v podstate vykonáva SQL dotazu.

1210
01:01:20,180 --> 01:01:21,830
Používanie?

1211
01:01:21,830 --> 01:01:25,850
ako zástupný znak, môžeme prejsť v niektorých
Hodnoty našej reťazec, ktorý sme

1212
01:01:25,850 --> 01:01:26,920
chcete nahradiť.

1213
01:01:26,920 --> 01:01:32,110
Tak snáď som ukladanie iný
Hodnoty v curr_house, ktoré

1214
01:01:32,110 --> 01:01:34,400
predstavuje aktuálne domu
že som prechádzal.

1215
01:01:34,400 --> 01:01:39,040
Tak som sa prejsť, že ako zástupný symbol
s otáznikom.

1216
01:01:39,040 --> 01:01:43,290
A potom budem v podstate vykonať
to isté, čo som robil predtým, s výnimkou

1217
01:01:43,290 --> 01:01:45,550
teraz som v PHP.

1218
01:01:45,550 --> 01:01:51,300
>> A dotaz vráti
asociatívne pole.

1219
01:01:51,300 --> 01:01:53,470
A budem ukladať v radoch.

1220
01:01:53,470 --> 01:01:56,880
Teraz, dotaz môže vždy zlyhať.

1221
01:01:56,880 --> 01:02:02,870
Možno, že dotaz SQL nemožno spustiť
pretože tabuľka neexistuje.

1222
01:02:02,870 --> 01:02:04,310
Alebo, stĺpec neexistovala.

1223
01:02:04,310 --> 01:02:05,400
Niečo je zle.

1224
01:02:05,400 --> 01:02:08,170
No, v tom prípade, že budete chcieť, aby sa
Uistite sa, že ste skontrolovať, či

1225
01:02:08,170 --> 01:02:09,700
dotaz vrátil false.

1226
01:02:09,700 --> 01:02:15,590
A to pomocou triple
rovná prevádzka tam.

1227
01:02:15,590 --> 01:02:19,660
>> A potom som sa ospravedlniť, čo je ďalší
Funkcie CS50, prechádzajúcej v správe.

1228
01:02:19,660 --> 01:02:23,435
A keď sa pozriete na ospravedlňujeme, všetky ňou
naozaj je činí apology.php.

1229
01:02:23,435 --> 01:02:26,100

1230
01:02:26,100 --> 01:02:26,410
Jo.

1231
01:02:26,410 --> 01:02:29,630
>> DIVÁKOV: Mohli by ste vysvetliť, čo to
hviezda robí medzi select a od?

1232
01:02:29,630 --> 01:02:30,710
>> ZAMYLA CHAN: Jo, určite.

1233
01:02:30,710 --> 01:02:35,220
Takže hviezda medzi select a od
Znamená to, že chcem vybrať celý

1234
01:02:35,220 --> 01:02:37,440
Celý rad z môjho stola.

1235
01:02:37,440 --> 01:02:41,900
Mohol som uviedla vyberte
meno, rok, dom.

1236
01:02:41,900 --> 01:02:46,160
A ja by som len dostať tie tri
Stĺpce v mojom stole.

1237
01:02:46,160 --> 01:02:51,560
Ale keď poviem SELECT *, potom budem
dostať všetko, čo v tomto stĺpci.

1238
01:02:51,560 --> 01:02:53,760
Potom som ťa ísť
v prvej chrbte.

1239
01:02:53,760 --> 01:02:57,656
>> DIVÁKOV: Takže je to stále
v SQL, nie?

1240
01:02:57,656 --> 01:02:59,610
Je to otázka, alebo je to PHP?

1241
01:02:59,610 --> 01:03:00,550
>> ZAMYLA CHAN: Sme v dotaze.

1242
01:03:00,550 --> 01:03:01,940
Takže je to v PHP.

1243
01:03:01,940 --> 01:03:06,280
Takže pomocou PHP funkcie dotazu na,
máme vykonávanie SQL dotazu.

1244
01:03:06,280 --> 01:03:11,988

1245
01:03:11,988 --> 01:03:15,364
>> DIVÁKOV: Je niečo v SQL
case-sensitive, ako je výber

1246
01:03:15,364 --> 01:03:17,834
alebo kúzelníci, alebo dom?

1247
01:03:17,834 --> 01:03:20,050
>> ZAMYLA CHAN: Je niečo
v SQL case-sensitive?

1248
01:03:20,050 --> 01:03:21,760
Verím, že áno.

1249
01:03:21,760 --> 01:03:24,620
Verím, že SELECT a FROM
A kde sú case-sensitive.

1250
01:03:24,620 --> 01:03:25,535
Nie?

1251
01:03:25,535 --> 01:03:27,500
>> ROB BOWDEN: Takže, je to naopak.

1252
01:03:27,500 --> 01:03:32,030
Názvy stĺpcov a tabuľky prostriedky,
všetky z nich sú case-sensitive.

1253
01:03:32,030 --> 01:03:35,470
Avšak niektoré z MySQL kľúčových slov, ako je
SELECT, FROM a WHERE, ktoré nie sú

1254
01:03:35,470 --> 01:03:36,140
case-sensitive.

1255
01:03:36,140 --> 01:03:36,420
OK.

1256
01:03:36,420 --> 01:03:37,780
Takže opak toho, čo som povedal.

1257
01:03:37,780 --> 01:03:40,420
Takže všetky kľúčové slová MySQL -

1258
01:03:40,420 --> 01:03:42,670
vyberte, z, kde - ty
nie sú citlivé na veľkosť písmen.

1259
01:03:42,670 --> 01:03:44,630
Ale všetko ostatné je.

1260
01:03:44,630 --> 01:03:45,210
OK.

1261
01:03:45,210 --> 01:03:46,500
Nachádzate sa v prednej časti.

1262
01:03:46,500 --> 01:03:52,041
>> DIVÁKOV: Keď som $ riadky, pokiaľ ide o
viac ako jeden riadok, znamená to, že je

1263
01:03:52,041 --> 01:03:53,640
len sa stane asociatívne pole?

1264
01:03:53,640 --> 01:03:59,550
>> ZAMYLA CHAN: Takže otázka je, či riadky
má viac než jeden riadok v nej, sa

1265
01:03:59,550 --> 01:04:01,800
sa stane asociatívne pole?

1266
01:04:01,800 --> 01:04:05,680
Tak to je pole asociatívne
polia už.

1267
01:04:05,680 --> 01:04:10,730
Takže aj keď je tam len jeden riadok
sa vrátil, potom by ste museli ísť k

1268
01:04:10,730 --> 01:04:12,690
index 0 tohto výsledku.

1269
01:04:12,690 --> 01:04:15,316
A potom budeš mať ten prvý riadok.

1270
01:04:15,316 --> 01:04:17,482
Áno, Belinda?

1271
01:04:17,482 --> 01:04:21,258
>> DIVÁKOV: Ak použijete ===,
Je to jediný prípad?

1272
01:04:21,258 --> 01:04:22,210
Alebo sú tam ďalší?

1273
01:04:22,210 --> 01:04:26,815
>> ZAMYLA CHAN: Takže v tomto prípade ===
je porovnanie u všetkých typov.

1274
01:04:26,815 --> 01:04:29,870

1275
01:04:29,870 --> 01:04:34,050
Prepáčte. === Je porovnanie
, Ktorý porovnáva typy.

1276
01:04:34,050 --> 01:04:37,620
A == porovnáva u všetkých typov.

1277
01:04:37,620 --> 01:04:41,620
>> DIVÁKOV: Môžete mi vysvetliť, čo
riadky je v tejto situácii?

1278
01:04:41,620 --> 01:04:45,120
Je to riadok dát?

1279
01:04:45,120 --> 01:04:48,100
>> ZAMYLA CHAN: V ďalšiu snímku, som
bude vysvetľovať, čo riadky je.

1280
01:04:48,100 --> 01:04:49,890
Takže ak vám nevadí, že drží
off na to.

1281
01:04:49,890 --> 01:04:50,620
A potom sa do chrbta?

1282
01:04:50,620 --> 01:04:54,699
>> DIVÁKOV: Pre funkcie, ako je dotaz,
činí a ospravedlniť [nepočuteľný]?

1283
01:04:54,699 --> 01:04:59,050

1284
01:04:59,050 --> 01:05:03,050
>> ZAMYLA CHAN: Otázkou bolo, či
Tieto funkcie - dotaz, ospravedlňujem sa,

1285
01:05:03,050 --> 01:05:04,510
a činí -

1286
01:05:04,510 --> 01:05:05,930
sú spoločné pre PHP.

1287
01:05:05,930 --> 01:05:09,460
To sú tie, ktoré CS50
písal pre pset7.

1288
01:05:09,460 --> 01:05:09,910
A Jay?

1289
01:05:09,910 --> 01:05:15,333
>> DIVÁKOV: Keď potrebujete povedať
$ _SESSION, Je to, že len v ID?

1290
01:05:15,333 --> 01:05:17,310
Alebo by ste mohli povedať, že tu?

1291
01:05:17,310 --> 01:05:23,440
>> ZAMYLA CHAN: Otázkou teda bolo, keď
používame $ _SESSION, že bol špecifický

1292
01:05:23,440 --> 01:05:25,290
globálna premenná, ktorá sme použili.

1293
01:05:25,290 --> 01:05:32,080
Tu je táto premenná bude
byť lokálna našej funkcie.

1294
01:05:32,080 --> 01:05:36,588
Takže sme jednoducho vyhlásení
Nová premenná.

1295
01:05:36,588 --> 01:05:38,460
>> DIVÁKOV: Ako sa ospravedlniť
realizovaný?

1296
01:05:38,460 --> 01:05:40,960
>> ZAMYLA CHAN: Otázka bola,
ako sa ospravedlniť realizovaný?

1297
01:05:40,960 --> 01:05:44,180
A myslím, že je to vlastne celkom
dobré praxe pre vy ísť do

1298
01:05:44,180 --> 01:05:49,260
časť functions.php a pozrieť sa na
Ospravedlňujem sa a uvidíte, ako by ste mohli mať

1299
01:05:49,260 --> 01:05:50,670
urobiť sami.

1300
01:05:50,670 --> 01:05:55,620
Tak som sa môže nechať na vás, ale len
hovoria, že keď sa pozriete na ospravedlniť,

1301
01:05:55,620 --> 01:06:02,110
potom to trvá správu, ktorú
predložený ospravedlniť, a potom

1302
01:06:02,110 --> 01:06:06,570
robí túto správu.

1303
01:06:06,570 --> 01:06:08,240
Nejaké ďalšie otázky?

1304
01:06:08,240 --> 01:06:08,710
Milujem otázky.

1305
01:06:08,710 --> 01:06:09,555
Tak, aby im blíži.

1306
01:06:09,555 --> 01:06:11,888
>> DIVÁKOV: [nepočuteľné]

1307
01:06:11,888 --> 01:06:13,840
echo alebo print tam?

1308
01:06:13,840 --> 01:06:15,900
>> ZAMYLA CHAN: Otázka bola,
mohli sme nielen dali

1309
01:06:15,900 --> 01:06:17,000
echo alebo print tam.

1310
01:06:17,000 --> 01:06:19,710
Tak, že by urobil niečo
mierne odlišné.

1311
01:06:19,710 --> 01:06:23,750
To by sa vytlačí dotaz
nepodarilo sa, že -

1312
01:06:23,750 --> 01:06:27,420
dobre, teraz sme vlastne
v našom regulátora.

1313
01:06:27,420 --> 01:06:30,350
Takže nemáme skutočne
HTML nastaviť tu.

1314
01:06:30,350 --> 01:06:34,946
Ospravedlniť by vykresľovanie apologize.php
vlastne presmeruje vás na 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
>> Takže teraz, poďme na adresu
otázka z minulosti, čo

1318
01:06:45,880 --> 01:06:47,330
naozaj riadkov.

1319
01:06:47,330 --> 01:06:51,960
No, dotaz vráti
pole riadkov.

1320
01:06:51,960 --> 01:06:55,020
A každý riadok predstavuje
prostredníctvom asociatívneho poľa.

1321
01:06:55,020 --> 01:07:02,840
Takže ak som popravený nejaký SQL dotaz a
Ja som uložil výsledok do riadkov, potom

1322
01:07:02,840 --> 01:07:07,850
pomocou foreach slučky, potom pole
Názov je prvý, kto sa - riadky.

1323
01:07:07,850 --> 01:07:13,170
A potom budem volať
každý riadok tam $ row.

1324
01:07:13,170 --> 01:07:20,060
>> Takže iterácia cez to, že som so potom
prístup k názvu stĺpca v danom riadku je,

1325
01:07:20,060 --> 01:07:22,340
rok stĺpec, a dom stĺpec.

1326
01:07:22,340 --> 01:07:28,010
Všimnite si, že by som bol schopný
to s riadkami, pretože riadky Index

1327
01:07:28,010 --> 01:07:29,290
Názov neexistuje.

1328
01:07:29,290 --> 01:07:31,970
Riadky je len pole
asociatívne pole.

1329
01:07:31,970 --> 01:07:34,870
Takže máte dve úrovne tam.

1330
01:07:34,870 --> 01:07:37,170
Akonáhle budete mať niekoľko riadkov,
musíte sa dostať do toho.

1331
01:07:37,170 --> 01:07:39,110
A potom môžete pristupovať stĺpca.

1332
01:07:39,110 --> 01:07:41,636
Vedeli, že aby bolo jasné?

1333
01:07:41,636 --> 01:07:42,520
Jo, vpredu?

1334
01:07:42,520 --> 01:07:45,490
>> DIVÁKOV: [nepočuteľné] otvorte
držiaky na [nepočuteľný]?

1335
01:07:45,490 --> 01:07:46,220
>> ZAMYLA CHAN: Prepáčte?

1336
01:07:46,220 --> 01:07:49,740
>> DIVÁKOV: Otvorené držiaky.

1337
01:07:49,740 --> 01:07:52,420
>> ZAMYLA CHAN: Ty tu?

1338
01:07:52,420 --> 01:07:58,520
To, že mi dovolil zahrnúť
táto premenná.

1339
01:07:58,520 --> 01:07:58,670
Jo.

1340
01:07:58,670 --> 01:08:01,900
>> DIVÁKOV: Keď tlačíte, ste
tlač do HTML kódu?

1341
01:08:01,900 --> 01:08:03,110
>> ZAMYLA CHAN: Áno.

1342
01:08:03,110 --> 01:08:07,720
Pri tlači, toto je vnútri
môj vzor, ​​takže

1343
01:08:07,720 --> 01:08:10,310
môj pohľad na metódy MVC.

1344
01:08:10,310 --> 01:08:12,750
Takže som tlač do formátu HTML.

1345
01:08:12,750 --> 01:08:16,670
>> DIVÁKOV: Takže keď sme išli do developer
nástroja po spustení to, mohli by sme

1346
01:08:16,670 --> 01:08:17,160
že vlastne v kóde?

1347
01:08:17,160 --> 01:08:18,410
>> ZAMYLA CHAN: To je skvelý
otázka, jo.

1348
01:08:18,410 --> 01:08:22,359
Takže ak ste išiel do vývojárske nástroje
v Firefox pomocou Firebug alebo

1349
01:08:22,359 --> 01:08:26,109
Chrome, potom áno, mohol by ste
pozri konkrétny HTML.

1350
01:08:26,109 --> 01:08:28,470
Takže by to ukázať, $ row ["name"].

1351
01:08:28,470 --> 01:08:32,524
To by sa ukázať, podľa toho,
meno je v danom riadku.

1352
01:08:32,524 --> 01:08:36,268
>> DIVÁKOV: Len všeobecný problém,
čo tr a td definovaná ako?

1353
01:08:36,268 --> 01:08:37,672
Prečo by sme [nepočuteľný]?

1354
01:08:37,672 --> 01:08:41,850

1355
01:08:41,850 --> 01:08:44,814
>> ZAMYLA CHAN: Tabuľka rad tr,
tabuľka potom td stĺpce.

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
>> DIVÁKOV: Jo, to je tabuľka dát.

1360
01:08:56,835 --> 01:08:58,770
>> ZAMYLA CHAN: Dáta tabuľky.

1361
01:08:58,770 --> 01:08:59,894
Jo.

1362
01:08:59,894 --> 01:09:08,670
>> DIVÁKOV: Je to riadok, v ktorom
riadok sa zaobchádza ako stĺpec?

1363
01:09:08,670 --> 01:09:08,910
>> ZAMYLA CHAN: Ospravedlňujem sa.

1364
01:09:08,910 --> 01:09:10,570
Môžeš to zopakovať?

1365
01:09:10,570 --> 01:09:14,450
>> DIVÁKOV: Ako by ste
zobraziť riadky?

1366
01:09:14,450 --> 01:09:16,310
>> ZAMYLA CHAN: Ako by ste zobraziť
riadky v akej ceste?

1367
01:09:16,310 --> 01:09:21,796
Hovoríš o nich
riadky tu alebo na tr riadky?

1368
01:09:21,796 --> 01:09:22,630
>> DIVÁKOV: Riadky.

1369
01:09:22,630 --> 01:09:25,229
>> ZAMYLA CHAN: Tieto riadky?

1370
01:09:25,229 --> 01:09:28,620
Ja by som si to predstaviť ako
Som spustiť môj dotaz.

1371
01:09:28,620 --> 01:09:38,729
A to hovorí, OK, musím buď 0 pre n
množstvo riadkov, ktoré zodpovedajú kritériám

1372
01:09:38,729 --> 01:09:40,510
že ste vypočúvaný.

1373
01:09:40,510 --> 01:09:43,740
Takže mám určitý počet riadkov.

1374
01:09:43,740 --> 01:09:51,450
Takže riadky, že $ riadky, ukladá každý
jeden z tých riadkov v matici.

1375
01:09:51,450 --> 01:09:58,110
Takže aj keď je to len jeden z nich, je to
Stále poľa riadkov, ktoré sa zhodujú.

1376
01:09:58,110 --> 01:10:03,010
>> Tak, napríklad, to je
podobne ako keď pritiahnuté za vlasy

1377
01:10:03,010 --> 01:10:05,390
vyrovnávacej pamäte od užívateľov.

1378
01:10:05,390 --> 01:10:10,810
A kritériá tam bolo miesto, kde
ID rovná ID relácie.

1379
01:10:10,810 --> 01:10:14,250
Tam je naozaj len jeden riadok
ktoré by mohli zodpovedať.

1380
01:10:14,250 --> 01:10:18,960
Ale napriek tomu riadky práve vrátil jeden riadok.

1381
01:10:18,960 --> 01:10:22,620
Takže budete musieť ísť do riadkov,
index 0, index cache

1382
01:10:22,620 --> 01:10:26,195
skutočne dostať do vyrovnávacej pamäti.

1383
01:10:26,195 --> 01:10:29,650
>> DIVÁKOV: Je funkcia pre tlač
v echo to isté?

1384
01:10:29,650 --> 01:10:30,670
>> ZAMYLA CHAN: Áno.

1385
01:10:30,670 --> 01:10:31,190
Áno.

1386
01:10:31,190 --> 01:10:33,304
Vytlačiť ozvenu rovnaký.

1387
01:10:33,304 --> 01:10:42,400
>> DIVÁKOV: Je foreach slučka
Jediným spôsobom, ako index do radov?

1388
01:10:42,400 --> 01:10:46,110
>> ZAMYLA CHAN: Je foreach slučka
jediný spôsob, ako môžete

1389
01:10:46,110 --> 01:10:47,030
iterovat riadky?

1390
01:10:47,030 --> 01:10:47,180
Nie.

1391
01:10:47,180 --> 01:10:51,000
Môžete tiež použiť pre sláčiky, za predpokladu,
že viete, dĺžku

1392
01:10:51,000 --> 01:10:53,024
riadku v poli.

1393
01:10:53,024 --> 01:10:58,500
>> DIVÁKOV: Mohli by ste to prístup
pomocou riadku ako [nepočuteľný]?

1394
01:10:58,500 --> 01:11:01,640
>> ZAMYLA CHAN: Takže nemôžete pristupovať
len pomocou riadku, ak nemáte

1395
01:11:01,640 --> 01:11:05,160
foreach slučky za predpokladu, že
ste vyhlásil riadok.

1396
01:11:05,160 --> 01:11:08,150

1397
01:11:08,150 --> 01:11:09,660
Áno.

1398
01:11:09,660 --> 01:11:10,810
Jo, v bielej farbe.

1399
01:11:10,810 --> 01:11:13,990
>> DIVÁKOV: Tak čo tr a td robiť?

1400
01:11:13,990 --> 01:11:16,790
>> ZAMYLA CHAN: Tak tr a
td sú HTML tagy.

1401
01:11:16,790 --> 01:11:19,590
tr označuje začiatok
z riadku tabuľky.

1402
01:11:19,590 --> 01:11:26,625
A každý td znamená,
nová tabuľka stĺpec dát.

1403
01:11:26,625 --> 01:11:32,275
>> DIVÁKOV: Pre vizuálnu čo riadok
je rád, len si predstavte, SQL, ako

1404
01:11:32,275 --> 01:11:33,510
majú riadok.

1405
01:11:33,510 --> 01:11:35,980
[Nepočuteľné].

1406
01:11:35,980 --> 01:11:36,390
>> ZAMYLA CHAN: Jo.

1407
01:11:36,390 --> 01:11:37,630
To je skvelé miesto.

1408
01:11:37,630 --> 01:11:41,510
Môžete si predstaviť riadky len ako
ako v tabuľke programu Excel, len

1409
01:11:41,510 --> 01:11:44,540
zoznam riadkov.

1410
01:11:44,540 --> 01:11:46,870
OK.

1411
01:11:46,870 --> 01:11:47,230
Dobrá.

1412
01:11:47,230 --> 01:11:50,740
Takže teraz, že sme prešli vyberte, ak
nie sú žiadne ďalšie otázky, my budeme

1413
01:11:50,740 --> 01:11:52,970
prejsť na vložku.

1414
01:11:52,970 --> 01:11:58,220
Takže keď som chcel vložiť do niektorej
tabuľky a vložiť určitý stĺpec

1415
01:11:58,220 --> 01:12:02,320
hodnoty, mohol som sa vložiť
do Bystrohlavu v 7. ročníku.

1416
01:12:02,320 --> 01:12:07,245
Ale niekedy tam môže byť duplicitné
hodnoty, ako sme videli v pset7, keď sme

1417
01:12:07,245 --> 01:12:09,240
boli aktualizujeme naše portfólio.

1418
01:12:09,240 --> 01:12:15,610
>> Takže v tomto prípade, chceme využiť ON
Duplicitné kľúč UPDATE, takže nemáme

1419
01:12:15,610 --> 01:12:18,280
uložiť viac riadkov s rovnakým
cení, ale skôr ho aktualizovať.

1420
01:12:18,280 --> 01:12:21,780

1421
01:12:21,780 --> 01:12:25,560
Potom sme skutočne aktualizáciu,
ktorý nie je vložka.

1422
01:12:25,560 --> 01:12:30,100
Je to len aktualizácie, kde si aktualizovať
v určitej tabuľke s ohľadom

1423
01:12:30,100 --> 01:12:34,403
Kritériá a potom, konečne, mazať,
ktorý má veľmi podobnú vec.

1424
01:12:34,403 --> 01:12:40,200
>> DIVÁKOV: Mohli by ste stručne
ísť cez duplicitné kľúč?

1425
01:12:40,200 --> 01:12:40,850
>> ZAMYLA CHAN: Jo.

1426
01:12:40,850 --> 01:12:48,340
V podstate tu, mám INSERT INTO
Gringottskí škriatkovia, je, galeóny, tieto hodnoty.

1427
01:12:48,340 --> 01:12:56,900
Ale ID, pravdepodobne, je jedinečný kľúč
Hodnota nastaviť v MySQL tabuľke.

1428
01:12:56,900 --> 01:13:06,750
Takže ak som už, že ID nastaviť,
potom nemôžem vložiť nový riadok.

1429
01:13:06,750 --> 01:13:10,961
Takže ak to nie je už existujú,
potom musím aktualizovať.

1430
01:13:10,961 --> 01:13:16,040

1431
01:13:16,040 --> 01:13:17,722
V stredu v bielej.

1432
01:13:17,722 --> 01:13:21,570
>> DIVÁKOV: Tak vkladať, aktualizovať, mazať,
a vyberte, sú všetky k dispozícii

1433
01:13:21,570 --> 01:13:22,875
lokálne [nepočuteľný]?

1434
01:13:22,875 --> 01:13:27,320

1435
01:13:27,320 --> 01:13:29,630
>> ZAMYLA CHAN: Tak vložka,
aktualizovať, mazať a

1436
01:13:29,630 --> 01:13:31,120
vyberte sú všetky SQL dotazy.

1437
01:13:31,120 --> 01:13:34,970
Takže zakaždým, keď používate SQL,
budete mať tie dispozícii.

1438
01:13:34,970 --> 01:13:38,226

1439
01:13:38,226 --> 01:13:40,706
>> DIVÁKOV: Späť na poslednú kvízy -

1440
01:13:40,706 --> 01:13:44,178
tam bola otázka, ktorá sa zaoberala
ak by ste mali stôl a chcel

1441
01:13:44,178 --> 01:13:52,610
vložte výsledky testov v jednom a vložíte
vaše meno tak, že vás nenechá

1442
01:13:52,610 --> 01:13:54,594
[Nepočuteľné] Skúška skóre vášho priateľa.

1443
01:13:54,594 --> 01:13:59,060
Ako by ste to urobil s vložkou?

1444
01:13:59,060 --> 01:14:02,490
>> ZAMYLA CHAN: Takže otázka bola o
predchádzajúce strednodobé otázka.

1445
01:14:02,490 --> 01:14:04,320
Nie som si vedomý, ktoré
jeden je práve teraz.

1446
01:14:04,320 --> 01:14:06,790
Takže možno neskôr, ak chcete
prísť a ukázať mi, potom môžem

1447
01:14:06,790 --> 01:14:08,155
určite vám tipy.

1448
01:14:08,155 --> 01:14:11,250

1449
01:14:11,250 --> 01:14:15,460
Ale keď už hovoríme o vkladaní vecí, ako je
s niečí skóre, keď si

1450
01:14:15,460 --> 01:14:18,800
by nie, poďme hovoriť o tom,
SQL injection útoky.

1451
01:14:18,800 --> 01:14:22,050
Takže útok SQL injection je v podstate
kde niekto vezme

1452
01:14:22,050 --> 01:14:27,680
Výhodou nízkej bezpečnosti
spôsobom, že užívate v dátach.

1453
01:14:27,680 --> 01:14:35,660
>> Takže tu, rovnako ako v CS50 financií,
keď sa prihlásite, môžeme vstúpiť do

1454
01:14:35,660 --> 01:14:39,510
užívateľské meno v prihlasovacom formulári,
Prvé textové pole, a

1455
01:14:39,510 --> 01:14:41,570
zadajte v hesle.

1456
01:14:41,570 --> 01:14:45,610
Možno, že náš PHP kód môže vyzerať
niečo ako toto, kde $ username

1457
01:14:45,610 --> 01:14:51,410
je užívateľské meno post-Data a heslo
je heslo post-dát.

1458
01:14:51,410 --> 01:14:55,110
A potom stačí spustiť náš dotaz, povedzme,
OK, dobre, náš dotaz bude

1459
01:14:55,110 --> 01:14:57,990
výber z našich užívateľov, kde
užívateľské meno je

1460
01:14:57,990 --> 01:14:58,970
ten, ktorý predložili.

1461
01:14:58,970 --> 01:15:06,870
A heslo je heslo,
čo znamená, že sa heslá nezhodujú.

1462
01:15:06,870 --> 01:15:12,670
>> A teraz, čo keď namiesto toho, aby skutočne
Podaním aktuálne heslo, ako

1463
01:15:12,670 --> 01:15:16,850
12345 a hádať na vidly, ktoré hovorí, že
heslo a snaží sa preniknúť ich

1464
01:15:16,850 --> 01:15:21,460
Účet, čo keď namiesto toho,
tvrdili to.

1465
01:15:21,460 --> 01:15:24,380
Mohli zadajte možná
myslím na heslo.

1466
01:15:24,380 --> 01:15:30,480
A potom by skončiť
citácie zadajte alebo 1 = 1.

1467
01:15:30,480 --> 01:15:35,160
To by prechádzať priamo do SQL
dotaz vyzerať nejako takto.

1468
01:15:35,160 --> 01:15:38,200
Vyberte si z užívateľov, kde užívateľské meno
= Hroty a heslo

1469
01:15:38,200 --> 01:15:41,450
rovná ľalie alebo 1 = 1.

1470
01:15:41,450 --> 01:15:45,450
>> Takže buď heslo má
byť správne alebo 1 = 1,

1471
01:15:45,450 --> 01:15:47,870
ktorý je vždy pravdivý.

1472
01:15:47,870 --> 01:15:52,780
Takže v tomto prípade, v podstate, môže užívateľ
využiť to a stačí sa prihlásiť

1473
01:15:52,780 --> 01:15:55,240
sami v a hack
niečí účet.

1474
01:15:55,240 --> 01:15:58,950
Takže to je dôvod, prečo chceme, aby sa zabránilo
niekto má, ako to urobiť.

1475
01:15:58,950 --> 01:16:03,890
Ale našťastie, funkcia dotazu podľa
prechádzajúcej v zástupných symboloch bude trvať

1476
01:16:03,890 --> 01:16:04,800
starostlivosť o to pre vás.

1477
01:16:04,800 --> 01:16:08,570
Tiež budete zvyčajne nikdy nebudete chcieť
musela skutočne predložiť hesla

1478
01:16:08,570 --> 01:16:09,310
sami.

1479
01:16:09,310 --> 01:16:14,115
To je dôvod, prečo sme hash alebo zašifrovanej
je v CS50 financií.

1480
01:16:14,115 --> 01:16:17,553
>> Divákov: Minulosť kvíz hovoril
o MySQL únikové reťazca.

1481
01:16:17,553 --> 01:16:21,800
Máme sa báť, že?

1482
01:16:21,800 --> 01:16:22,670
>> ZAMYLA CHAN: To je dobrá otázka.

1483
01:16:22,670 --> 01:16:29,050
V MySQL Únikové reťazca je určite
funkcia, ktorá bola použitá v našom dotaze.

1484
01:16:29,050 --> 01:16:30,420
Ale rozhodne pozrieť do toho.

1485
01:16:30,420 --> 01:16:32,950
Povedal by som, že je to fér hra vedieť
že by ste museli volať, že

1486
01:16:32,950 --> 01:16:34,370
fungovať na povrázku.

1487
01:16:34,370 --> 01:16:35,245
Jo, Belinda?

1488
01:16:35,245 --> 01:16:38,606
>> DIVÁKOV: Ako viete, kedy je to
apostrof alebo dvojité úvodzovky?

1489
01:16:38,606 --> 01:16:43,516
A tiež mám pocit, že v prednáške
spomenul niečo o tom, ktoré nemajú

1490
01:16:43,516 --> 01:16:48,426
[Nepočuteľný], alebo tak niečo, alebo
Druhý singel citát na konci.

1491
01:16:48,426 --> 01:16:56,407

1492
01:16:56,407 --> 01:17:00,825
Myslím, že poukázal na prednáške, že
máš mať apostrof 1

1493
01:17:00,825 --> 01:17:04,290
a potom nemá apostrofy
alebo tak niečo.

1494
01:17:04,290 --> 01:17:05,540
>> DIVÁKOV: [nepočuteľné].

1495
01:17:05,540 --> 01:17:14,860

1496
01:17:14,860 --> 01:17:18,657
>> Divákov: to je posledný singel
citácie tam v tom druhom okne

1497
01:17:18,657 --> 01:17:19,391
by nemali byť.

1498
01:17:19,391 --> 01:17:21,840
[Nepočuteľný]

1499
01:17:21,840 --> 01:17:26,730
Pretože keď budete mať ten posledný singel
citovať, a tie zodpovedajú za obsah

1500
01:17:26,730 --> 01:17:30,522
kde je heslo, ak máte, že
dotaz, je tu jeden citát na

1501
01:17:30,522 --> 01:17:31,340
koniec už.

1502
01:17:31,340 --> 01:17:36,580
Ak chcete použiť túto jednoduchú úvodzovky
ako ten, ktorý stojí na jednej

1503
01:17:36,580 --> 01:17:37,574
[Nepočuteľné].

1504
01:17:37,574 --> 01:17:42,820
Takže to, čo je vlastne v tomto texte
box by nemal mať, že.

1505
01:17:42,820 --> 01:17:44,070
>> ZAMYLA CHAN: budem zmeniť.

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
Ak tam nie sú nejaké otázky, potom budem
odovzdať ju Jozefa hovoriť

1509
01:18:00,435 --> 01:18:04,332
o JavaScriptu, et cetera.

1510
01:18:04,332 --> 01:18:09,540
>> [APPLAUSE]

1511
01:18:09,540 --> 01:18:11,660
>> JOSEPH ONG: Tak sme sa beží
trochu pozadu.

1512
01:18:11,660 --> 01:18:13,280
Takže ak máte odísť, to je v poriadku.

1513
01:18:13,280 --> 01:18:16,540
Ale žiadame, aby ste si hlavy
ak ste v stredu, takže

1514
01:18:16,540 --> 01:18:19,560
neblokujú fotoaparát a používať
späť exit, ak budete musieť.

1515
01:18:19,560 --> 01:18:25,010

1516
01:18:25,010 --> 01:18:26,306
Som Joseph mimochodom.

1517
01:18:26,306 --> 01:18:27,556
Dobrý deň.

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
Dane, je to dobré?

1521
01:18:39,630 --> 01:18:40,880
V pohode.

1522
01:18:40,880 --> 01:18:44,460

1523
01:18:44,460 --> 01:18:47,600
>> Takže video bude tiež zverejnené
on-line pre tých, ktorí

1524
01:18:47,600 --> 01:18:48,850
musieť odísť.

1525
01:18:48,850 --> 01:18:51,350

1526
01:18:51,350 --> 01:18:52,600
Trápne.

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
Takže kvíz recenziu.

1530
01:18:59,730 --> 01:19:00,980
To je mačka.

1531
01:19:00,980 --> 01:19:03,150

1532
01:19:03,150 --> 01:19:07,170
Teraz, JavaScript, ktorý je možno nie
ako Aww pre niektoré z vás.

1533
01:19:07,170 --> 01:19:07,370
OK.

1534
01:19:07,370 --> 01:19:09,280
Takže to je prvý, prevezme späť od Zamyla.

1535
01:19:09,280 --> 01:19:11,270
Nezabudnite, že PHP je
beží na serveri.

1536
01:19:11,270 --> 01:19:15,230
A mnoho časov, vy ste napísal slučky
v PHP vytlačiť HTML, nie?

1537
01:19:15,230 --> 01:19:19,170
Takže akonáhle tento kód spustí, že
HTML výstup, ktorý môžete vytlačiť

1538
01:19:19,170 --> 01:19:20,500
dostane poslal k užívateľovi.

1539
01:19:20,500 --> 01:19:25,960
A akonáhle sa to stane, nič viac PHP môže
spustiť, ak obnovte stránku, z

1540
01:19:25,960 --> 01:19:27,660
Samozrejme, ktorá reexecutes PHP.

1541
01:19:27,660 --> 01:19:30,080
Ale akonáhle si vytlačiť tomto formáte HTML,
nemôžeš ísť nikam.

1542
01:19:30,080 --> 01:19:33,580
>> Tak, že HTML je poslaný na užívateľovi,
ktorý je prehliadač sem, kde

1543
01:19:33,580 --> 01:19:35,470
Milo je pomocou počítača.

1544
01:19:35,470 --> 01:19:40,340
A tak dobre, existuje niekoľko vecí,
akonáhle pošleme HTML užívateľmi.

1545
01:19:40,340 --> 01:19:43,350
Niekedy chceme urobiť niečo ako
keď kliknete na niečo, čo chceme,

1546
01:19:43,350 --> 01:19:47,350
varovanie boxy na pop-up, tie druhy
interakcie, ako keď stlačíte

1547
01:19:47,350 --> 01:19:50,740
kľúč, keď kliknete na niečo, čo na
stránky, chcem aby sa niečo stalo.

1548
01:19:50,740 --> 01:19:54,550
No, nemôžete reexecute PHP
kód raz, že HTML je nastavený.

1549
01:19:54,550 --> 01:19:55,900
Tak ako to robíte?

1550
01:19:55,900 --> 01:19:59,930
>> Predstavujeme nový jazyk zvaný
JavaScript, ktorý beží v prehliadači

1551
01:19:59,930 --> 01:20:02,890
, Ktorý vám umožní robiť veci,
HTML potom, čo obdrží

1552
01:20:02,890 --> 01:20:04,020
je zo servera.

1553
01:20:04,020 --> 01:20:07,050
A to je dôvod, prečo sme to na strane klienta volanie
programovací jazyk.

1554
01:20:07,050 --> 01:20:09,110
Je to práca na počítači -

1555
01:20:09,110 --> 01:20:11,400
klient.

1556
01:20:11,400 --> 01:20:13,830
Akékoľvek otázky týkajúce sa, že tak ďaleko?

1557
01:20:13,830 --> 01:20:15,650
To paradigma má zmysel pre ľudí?

1558
01:20:15,650 --> 01:20:16,010
OK.

1559
01:20:16,010 --> 01:20:16,790
Dobrá.

1560
01:20:16,790 --> 01:20:17,340
Dobrá.

1561
01:20:17,340 --> 01:20:20,850
Takže prvá vec, ktorú si uvedomiť,
je JavaScript nie je PHP.

1562
01:20:20,850 --> 01:20:23,010
>> Majú nejakú inú syntax,
ktoré pôjdeme do.

1563
01:20:23,010 --> 01:20:24,530
A oni majú veľmi odlišné použitie.

1564
01:20:24,530 --> 01:20:26,640
JavaScript, opäť, pre vaše
prehliadač, pre klienta.

1565
01:20:26,640 --> 01:20:30,640
Server beží niekde na niekoho iného
počítača, ktorý odosiela informácie

1566
01:20:30,640 --> 01:20:31,720
pre vás, opraviť?

1567
01:20:31,720 --> 01:20:36,730
Takže ak vás žiadame písať PHP kód
na skúšku otázku, nepíšte

1568
01:20:36,730 --> 01:20:38,710
JavaScript a naopak.

1569
01:20:38,710 --> 01:20:41,710
Budete len stratiť body,
a to nebude to pravé.

1570
01:20:41,710 --> 01:20:43,690
>> Tak poďme dostať sa do niektorej
syntaktické rozdiely -

1571
01:20:43,690 --> 01:20:46,140
JavaScript vľavo
a PHP na pravej strane.

1572
01:20:46,140 --> 01:20:48,670
Prvá vec, ktorú si všimnete, s
JavaScript, budeme deklarovať premenné s

1573
01:20:48,670 --> 01:20:49,440
var kľúčové slovo -

1574
01:20:49,440 --> 01:20:53,590
V - R. PHP používa znak dolára,
ako Zamyla bolo uvedené vyššie.

1575
01:20:53,590 --> 01:20:57,570
Ak chcete deklarovať asociatívne
pole, vidíme známu syntax na

1576
01:20:57,570 --> 01:20:59,030
pravá strana s PHP.

1577
01:20:59,030 --> 01:21:01,630
Na ľavej strane, miesto
môžete použiť zložené zátvorky.

1578
01:21:01,630 --> 01:21:03,280
A potom sa vaše kľúče sú na ľavej strane.

1579
01:21:03,280 --> 01:21:04,670
Potom budete mať dvojbodku.

1580
01:21:04,670 --> 01:21:06,560
A potom máte hodnoty
ktoré chcete.

1581
01:21:06,560 --> 01:21:09,840
>> Tak to je, ako by ste to urobiť v PHP
na pravej strane tejto druhej

1582
01:21:09,840 --> 01:21:10,955
linka, ktorá začína v Milo.

1583
01:21:10,955 --> 01:21:14,540
A to je, ako by ste to na
ľavej strane v JavaScripte, ak chcete

1584
01:21:14,540 --> 01:21:16,110
to, čomu hovoríme objekt.

1585
01:21:16,110 --> 01:21:19,340
A objekty v JavaScripte sú
len asociatívne pole.

1586
01:21:19,340 --> 01:21:23,710
Takže ak chcete pristupovať poľa, v
PHP môžete použiť túto syntax konzoly.

1587
01:21:23,710 --> 01:21:27,170
A týmto spôsobom, môžete priradiť
Tento majiteľ pole Lauren.

1588
01:21:27,170 --> 01:21:30,150
>> No, v JavaScripte, ak človek chce
Prístup polia a zmeniť, môžete

1589
01:21:30,150 --> 01:21:31,370
použiť syntax bodky.

1590
01:21:31,370 --> 01:21:33,860
Môžete tiež použiť syntax konzoly.

1591
01:21:33,860 --> 01:21:35,550
Ale nemôžete použiť
dot syntax v PHP.

1592
01:21:35,550 --> 01:21:36,525
To nebude fungovať.

1593
01:21:36,525 --> 01:21:38,910
To funguje iba v PHP.

1594
01:21:38,910 --> 01:21:42,060
A konečne, tlačiť veci
konzoly, môžete použiť console.log, ktoré

1595
01:21:42,060 --> 01:21:43,720
vy používate veľa pset8.

1596
01:21:43,720 --> 01:21:45,260
Môžete console.log, že.

1597
01:21:45,260 --> 01:21:50,030
>> Ak chcete vytlačiť pole v
PHP, budete musieť použiť tlačovú r

1598
01:21:50,030 --> 01:21:53,240
A na pravej strane, môžete vidieť aj hash
zreťazenie tam.

1599
01:21:53,240 --> 01:21:54,070
Niekto sa pýtal skôr.

1600
01:21:54,070 --> 01:21:55,850
Používam plus v JavaScripte.

1601
01:21:55,850 --> 01:21:59,800
Ak budem chcieť zřetězit niečo
v PHP, používam bodku.

1602
01:21:59,800 --> 01:22:00,800
Jedná sa o rôzne.

1603
01:22:00,800 --> 01:22:03,420
Ak píšete PHP kód,
nepoužívajte plus.

1604
01:22:03,420 --> 01:22:06,810
Ak píšete JavaScript
kód, nepíšte bodku.

1605
01:22:06,810 --> 01:22:08,230
Bude to v poriadku.

1606
01:22:08,230 --> 01:22:09,640
A ty budeš smutná.

1607
01:22:09,640 --> 01:22:11,000
>> Takže syntaktické rozdiely.

1608
01:22:11,000 --> 01:22:14,710
Poznaj svojho syntax, pretože ak máte
napíšte otázku a môžete použiť syntax

1609
01:22:14,710 --> 01:22:16,890
z nesprávneho jazyka,
to nebude fungovať.

1610
01:22:16,890 --> 01:22:19,520
A to bude zle.

1611
01:22:19,520 --> 01:22:22,420
Takže poďme hovoriť o nejakej kontrole
prietok rozdiely, ako používať

1612
01:22:22,420 --> 01:22:24,040
slučky v každej z nich.

1613
01:22:24,040 --> 01:22:26,610
Zamyla prešiel na pravej strane.

1614
01:22:26,610 --> 01:22:27,780
Veci na pravej strane
by mali byť oboznámení.

1615
01:22:27,780 --> 01:22:29,670
Poďme sa pozrieť na na ľavej strane.

1616
01:22:29,670 --> 01:22:34,830
>> Ak používate pre n slučky v JavaScripte,
Váš variabilný slučky, var i tam,

1617
01:22:34,830 --> 01:22:37,210
slučka cez kľúče poľa.

1618
01:22:37,210 --> 01:22:39,150
Takže vidíte, meno, dom a role.

1619
01:22:39,150 --> 01:22:42,440
Keby som console.log ja, ja si
meno, dom a role.

1620
01:22:42,440 --> 01:22:44,720
To sú kľúče.

1621
01:22:44,720 --> 01:22:50,080
V JavaScriptu, foreach slučka pokračuje
nad hodnoty tohto poľa.

1622
01:22:50,080 --> 01:22:52,040
Takže si všimnete, že sú obaja i

1623
01:22:52,040 --> 01:22:56,000
Ale tu na PHP strane, vytlačí
z Milo, CS50, a maskota.

1624
01:22:56,000 --> 01:22:57,390
To sú hodnoty v PHP.

1625
01:22:57,390 --> 01:23:00,180
>> Takže sa jedná o tom, ako tieto dva odlišné
v rôznych jazykoch.

1626
01:23:00,180 --> 01:23:02,970
Takže ak ste pomocou foreach
slučky, nemusí predpokladať, že

1627
01:23:02,970 --> 01:23:03,760
vám dáva kľúče.

1628
01:23:03,760 --> 01:23:08,010
A ak používate pre n slučky, nie
Predpokladám, že vám dáva hodnoty.

1629
01:23:08,010 --> 01:23:10,420
Znamená to robiť tak ďaleko zmysel?

1630
01:23:10,420 --> 01:23:13,630
Ďalšia snímka je ukážem,
ako môžete prístup opak v

1631
01:23:13,630 --> 01:23:15,160
každý z nich.

1632
01:23:15,160 --> 01:23:18,550
>> No, ak máte kľúč v JavaScripte
a chcete, aby hodnota z,

1633
01:23:18,550 --> 01:23:20,440
stačí index do
Pole s tým.

1634
01:23:20,440 --> 01:23:23,640
Takže Milo budem mať čo
Chcete - hodnoty.

1635
01:23:23,640 --> 01:23:25,260
Tam je to iná syntaxe v PHP.

1636
01:23:25,260 --> 01:23:28,140
Ak naozaj chcete vedieť, vôbec sa mi nepáči
myslím, že sme to ukázal na vás ešte.

1637
01:23:28,140 --> 01:23:31,740
Ale ak máte záujem, môžete použiť
Toto dodatočné syntaxe vpravo

1638
01:23:31,740 --> 01:23:35,130
strana, ktorá bude skutočne vám umožní získať
kľúče v PHP, ak ste pomocou

1639
01:23:35,130 --> 01:23:35,880
foreach slučka.

1640
01:23:35,880 --> 01:23:39,640
Takže len trochu maličkosti
ak máte záujem.

1641
01:23:39,640 --> 01:23:42,630
>> Tak to je len demonštrovať
Rozdiely medzi týmito dvoma slučkami.

1642
01:23:42,630 --> 01:23:47,060
Nemiešajte je, keď ste
programovanie otázku.

1643
01:23:47,060 --> 01:23:49,774
Akékoľvek otázky o tom.

1644
01:23:49,774 --> 01:23:50,770
V pohode.

1645
01:23:50,770 --> 01:23:51,310
Dobrá.

1646
01:23:51,310 --> 01:23:52,250
JavaScript objekty.

1647
01:23:52,250 --> 01:23:53,040
Hovoril som o nich.

1648
01:23:53,040 --> 01:23:54,650
Sú ako asociatívne pole.

1649
01:23:54,650 --> 01:23:57,730
Jedna vec, ktorú by som rád, keby ste si uvedomiť,
Tu je to, že hodnota v asociatívnom

1650
01:23:57,730 --> 01:23:59,540
Pole môže byť čokoľvek v JavaScripte.

1651
01:23:59,540 --> 01:24:02,240
>> Môže to byť aj funkcia,
ako tam.

1652
01:24:02,240 --> 01:24:04,600
Mám funkciu, ktorá
je hodnota kľúča.

1653
01:24:04,600 --> 01:24:07,030
A keď chcem zavolať túto funkciu,
Len som prístup kôru.

1654
01:24:07,030 --> 01:24:08,490
A potom som dal zátvorky
po tom.

1655
01:24:08,490 --> 01:24:09,790
A to funguje.

1656
01:24:09,790 --> 01:24:15,570
Takže nejaké otázky?

1657
01:24:15,570 --> 01:24:16,370
Nie?

1658
01:24:16,370 --> 01:24:16,650
OK.

1659
01:24:16,650 --> 01:24:18,190
Dobrá.

1660
01:24:18,190 --> 01:24:20,130
JavaScript, rovnako ako PHP,
je voľne zadali.

1661
01:24:20,130 --> 01:24:20,970
Čo to znamená?

1662
01:24:20,970 --> 01:24:22,380
>> To predsa má druhy.

1663
01:24:22,380 --> 01:24:24,800
Ale keď deklarujete JavaScript
variabilný, hovoríte var i

1664
01:24:24,800 --> 01:24:25,850
Nehovor to.

1665
01:24:25,850 --> 01:24:26,460
To nie je vec.

1666
01:24:26,460 --> 01:24:28,000
Stačí povedať, že je to variabilný.

1667
01:24:28,000 --> 01:24:31,590
A potom JavaScript sa bude zaoberať
typy pod kapotou pre vás.

1668
01:24:31,590 --> 01:24:34,390
Môžeme voľne prevádzať medzi
typy tohto dôvodu.

1669
01:24:34,390 --> 01:24:37,360
Takže aj začína ako číslo
v tomto prípade.

1670
01:24:37,360 --> 01:24:38,790
A potom mám reťazec.

1671
01:24:38,790 --> 01:24:39,710
A pridám aj do neho.

1672
01:24:39,710 --> 01:24:41,810
A ja som preradiť späť do i.

1673
01:24:41,810 --> 01:24:43,640
>> Takže na tej prvej línii,
i je číslo.

1674
01:24:43,640 --> 01:24:47,310
Na druhom riadku, aj teraz stáva
string potom, čo som urobiť preloženie.

1675
01:24:47,310 --> 01:24:52,820
A tu, ja som len zreťazenie
že číslo na reťazec.

1676
01:24:52,820 --> 01:24:56,210
Takže vidíte, že aj keď som bol
číslo v prvej časti, je to trochu

1677
01:24:56,210 --> 01:24:58,500
ako byť prevedené na
string a potom sa pridal

1678
01:24:58,500 --> 01:25:00,510
na tejto ahoj reťazca.

1679
01:25:00,510 --> 01:25:02,340
A tak to je to, čo mám na mysli
u voľné písanie.

1680
01:25:02,340 --> 01:25:04,760
To, že prevod medzi
typy veľmi ľahko.

1681
01:25:04,760 --> 01:25:08,840
A to nevyhodí varovanie
u sa vám páči C robí.

1682
01:25:08,840 --> 01:25:12,420
>> Tak aj teraz obsahuje ahoj
123 na reťazec.

1683
01:25:12,420 --> 01:25:13,270
Ďalšie.

1684
01:25:13,270 --> 01:25:15,610
Môžeme tiež voľne porovnať
medzi druhmi.

1685
01:25:15,610 --> 01:25:19,310
Takže ak stačí použiť ==, veľmi
ako v PHP, JavaScript

1686
01:25:19,310 --> 01:25:20,480
robí podobnú vec.

1687
01:25:20,480 --> 01:25:24,780
Reťazec 123 je rovnaký ako počet
123 pri použití dvojitej rovná.

1688
01:25:24,780 --> 01:25:27,820
Pri použití trojlôžkové rovná, ale tiež
chce, aby sa uistil, že

1689
01:25:27,820 --> 01:25:29,240
typ je rovnaký.

1690
01:25:29,240 --> 01:25:31,960
Tak preto, že to je reťazec, a že je
číslo, aj keď sú obaja

1691
01:25:31,960 --> 01:25:35,280
123, pri použití triple
rovná, dostanete false.

1692
01:25:35,280 --> 01:25:39,330
V double rovná prípadu, dostanete pravda,
pretože dvojité rovná nie je

1693
01:25:39,330 --> 01:25:40,020
starostlivosť o type.

1694
01:25:40,020 --> 01:25:42,500
Trojlôžková rovná sa starať o typ.

1695
01:25:42,500 --> 01:25:43,750
Otázky?

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
>> A ešte jedna vec, o JavaScriptu je
rozsah je druh globálne, ak ste

1699
01:25:52,870 --> 01:25:53,460
vo funkcii.

1700
01:25:53,460 --> 01:25:55,660
A funguje to rovnaké
spôsob, ako v PHP skutočnosti.

1701
01:25:55,660 --> 01:25:57,500
Takže poďme prejsť tento príklad.

1702
01:25:57,500 --> 01:25:59,110
Nastavil som aj na 999..

1703
01:25:59,110 --> 01:26:00,900
A potom som sa ísť do toho na slučky.

1704
01:26:00,900 --> 01:26:06,110
Takže keď som tlačiť aj v tomto pre
slučky, myslím, že 0, 1, 2, 3, 4.

1705
01:26:06,110 --> 01:26:07,390
Mám pre i = 4.

1706
01:26:07,390 --> 01:26:10,770
To zvýši aj teraz 5 na
koniec pre sláčiky.

1707
01:26:10,770 --> 01:26:13,300
A potom vypukne slučky,
pretože nespĺňa

1708
01:26:13,300 --> 01:26:14,550
podmieňujú už.

1709
01:26:14,550 --> 01:26:16,650
>> Čo si myslíte, že budúci
console.log vytlačí?

1710
01:26:16,650 --> 01:26:20,570

1711
01:26:20,570 --> 01:26:24,790
Takže to je to, čo to bude robiť v C. C,
pretože ak máte, ako var i mimo

1712
01:26:24,790 --> 01:26:28,855
a máte var i vo vnútri slučky, ako
pre slučky, potom to robí to tak, že

1713
01:26:28,855 --> 01:26:30,690
je to rozsahom, že dvaja
aj to sú rôzne.

1714
01:26:30,690 --> 01:26:34,630
V JavaScriptu, bude to len
zaobchádzať s ňou ako rovnaký i

1715
01:26:34,630 --> 01:26:37,870
Mám 5, pretože to bola hodnota
potom, čo vystúpil z slučky.

1716
01:26:37,870 --> 01:26:39,120
Takže ty aj to je rovnaké aj

1717
01:26:39,120 --> 01:26:42,620

1718
01:26:42,620 --> 01:26:44,130
Má to zmysel?

1719
01:26:44,130 --> 01:26:45,720
>> No, to dáva zmysel z
stanovisko JavaScript.

1720
01:26:45,720 --> 01:26:49,510
Avšak rovnaký vzor nie je
preniesť do C. Majú

1721
01:26:49,510 --> 01:26:50,310
rôzne pravidlá stanovenia rozsahu.

1722
01:26:50,310 --> 01:26:50,630
Áno.

1723
01:26:50,630 --> 01:26:52,566
>> DIVÁKOV: [nepočuteľné]

1724
01:26:52,566 --> 01:26:54,990
mimo funkciu [nepočuteľný]?

1725
01:26:54,990 --> 01:26:58,340
>> JOSEPH ONG: Tak do ktorej funkcie?

1726
01:26:58,340 --> 01:27:00,810
Tak ja sa k tomu len chvíľku.

1727
01:27:00,810 --> 01:27:02,580
Takže hovoríme foo (i).

1728
01:27:02,580 --> 01:27:06,920
To prejde aj do foo, prírastky
to, a potom sa prihlási ju.

1729
01:27:06,920 --> 01:27:07,750
Takže to bolo 5.

1730
01:27:07,750 --> 01:27:09,210
Tak to sa stáva 6.

1731
01:27:09,210 --> 01:27:11,670
Ale to, čo hovorím, je
že aj v tejto funkcii.

1732
01:27:11,670 --> 01:27:14,430
Vzhľadom k tomu, že je to parameter, je to
rozsahom do tejto funkcie.

1733
01:27:14,430 --> 01:27:17,800
Takže akonáhle som sa vlastne dostať z toho
funkcie, je to teraz pôjde

1734
01:27:17,800 --> 01:27:19,860
späť na starý i

1735
01:27:19,860 --> 01:27:23,000
Že som ich rozsahom len preto,
to je vo funkcii.

1736
01:27:23,000 --> 01:27:24,200
A máme rozsah a funkcie.

1737
01:27:24,200 --> 01:27:29,080
Ale my nemáme priestor mimo
funkcií v JavaScripte.

1738
01:27:29,080 --> 01:27:31,170
Má to zmysel?

1739
01:27:31,170 --> 01:27:31,320
Áno.

1740
01:27:31,320 --> 01:27:31,660
Otázka.

1741
01:27:31,660 --> 01:27:34,030
>> DIVÁKOV: Rovnaká [nepočuteľné]?

1742
01:27:34,030 --> 01:27:34,500
>> JOSEPH ONG: Tak jo.

1743
01:27:34,500 --> 01:27:36,260
V PHP, je to rovnaký typ vec.

1744
01:27:36,260 --> 01:27:37,680
Tam je mierny jemnosť vlastne.

1745
01:27:37,680 --> 01:27:40,130
Ale môžete mi opýtať
že po preskúmaní.

1746
01:27:40,130 --> 01:27:43,930
Nemáte naozaj potrebujete vedieť
že jemnosť na kvíz.

1747
01:27:43,930 --> 01:27:47,600
Pre všetky účely, ako
premenné, globálne a PHP, ak nie je

1748
01:27:47,600 --> 01:27:49,150
sú vo funkcii, rovnaký
vec v JavaScripte.

1749
01:27:49,150 --> 01:27:49,480
Áno.

1750
01:27:49,480 --> 01:27:52,890
>> DIVÁKOV: Prečo je to povolené v
JavaScript a nie kde inde?

1751
01:27:52,890 --> 01:27:55,010
>> JOSEPH ONG: Tak prečo je to povolené
v JavaScripte, a nie v C?

1752
01:27:55,010 --> 01:27:58,180
Je to len ten, kto prišiel s
JavaScript sa rozhodol, že to bolo OK

1753
01:27:58,180 --> 01:27:59,510
JavaScript.

1754
01:27:59,510 --> 01:28:02,430
Takže je to len ako programovací jazyk
konvencie, ako by sme povedali.

1755
01:28:02,430 --> 01:28:02,580
Áno.

1756
01:28:02,580 --> 01:28:04,480
>> DIVÁKOV: Tak prečo
to ísť 6-5?

1757
01:28:04,480 --> 01:28:08,280
>> JOSEPH ONG: Tak to šlo 6-5,
pretože keď som prešiel aj do foo, že

1758
01:28:08,280 --> 01:28:13,420
aj vo vnútri foo je teraz rozsahom do foo,
preto, že existuje priestor vo funkciách v

1759
01:28:13,420 --> 01:28:15,050
JavaScript.

1760
01:28:15,050 --> 01:28:18,720
Ale akonáhle som sa odtiaľto dostať, pretože to
bola vymedzená na funkciu, ja som len

1761
01:28:18,720 --> 01:28:24,300
pomocou pravidelného som si, že vo vnútri
zvyšok tok riadenia.

1762
01:28:24,300 --> 01:28:25,210
Zmysel?

1763
01:28:25,210 --> 01:28:26,910
Môžem ďalej?

1764
01:28:26,910 --> 01:28:27,320
Dobrá.

1765
01:28:27,320 --> 01:28:29,180
V pohode.

1766
01:28:29,180 --> 01:28:31,890
>> Prijatie je to objekty
sú odovzdané odkazom.

1767
01:28:31,890 --> 01:28:33,990
Viete, ako pri odovzdaní
polia v C Dalo by sa

1768
01:28:33,990 --> 01:28:35,810
skutočne zmeniť pole?

1769
01:28:35,810 --> 01:28:37,350
Je to to isté v JavaScripte.

1770
01:28:37,350 --> 01:28:42,960
Mám-li odovzdať objekt, v tomto prípade, som
prešiel Milo do tejto funkcie catify.

1771
01:28:42,960 --> 01:28:44,490
Milo začína.

1772
01:28:44,490 --> 01:28:46,310
Jeho meno je Milo Banana.

1773
01:28:46,310 --> 01:28:51,670
Ja potom, že objekt do funkcie
pretože je to objekt, asociatívne

1774
01:28:51,670 --> 01:28:53,730
poľa v JavaScripte.

1775
01:28:53,730 --> 01:28:57,110
>> Keď som sa vykonať operáciu
v tejto funkcii, bude

1776
01:28:57,110 --> 01:28:58,560
skutočne zmeniť objekt.

1777
01:28:58,560 --> 01:29:01,720
Tak to sa stane len pre objekty
v JavaScripte, rovnako ako sa to stane

1778
01:29:01,720 --> 01:29:09,230
pre pole vnútri C. So Milo mená
sa skutočne stane mačka teraz.

1779
01:29:09,230 --> 01:29:10,090
Má to zmysel?

1780
01:29:10,090 --> 01:29:11,840
Takže to funguje len pre objekty.

1781
01:29:11,840 --> 01:29:13,090
Objekty sú odovzdávané odkazom.

1782
01:29:13,090 --> 01:29:13,400
Áno.

1783
01:29:13,400 --> 01:29:16,850
>> DIVÁKOV: Takže hovoríte, že
na rozdiel od premennej i

1784
01:29:16,850 --> 01:29:17,240
>> JOSEPH ONG: Jo.

1785
01:29:17,240 --> 01:29:20,330
Ktoré premenné som bol len
číslo, nie?

1786
01:29:20,330 --> 01:29:25,280
Je to ako v C pri odovzdaní
celé číslo, to robí kópiu.

1787
01:29:25,280 --> 01:29:28,130
A keď odovzdáte pole, je v skutočnosti
zmení aktuálne pole v

1788
01:29:28,130 --> 01:29:32,870
C. To isté sa deje s
JavaScript v tomto prípade.

1789
01:29:32,870 --> 01:29:34,070
Dobrá.

1790
01:29:34,070 --> 01:29:38,134
A ďalšie, Milo je smutná, pretože
je to teraz mačka.

1791
01:29:38,134 --> 01:29:40,790

1792
01:29:40,790 --> 01:29:45,060
To bol vlastne Milo po
nejaký výlet k veterinárovi.

1793
01:29:45,060 --> 01:29:46,860
>> Tak ako sme sa používať JavaScript
na webovej stránke?

1794
01:29:46,860 --> 01:29:47,790
Môžeme zahrnúť.

1795
01:29:47,790 --> 01:29:50,090
Toto je HTML kód s pásovými značkami.

1796
01:29:50,090 --> 01:29:51,300
Takže mám prúžok tagy tam.

1797
01:29:51,300 --> 01:29:54,820
A potom som dal nejaké JavaScript
Kód v rámci značky skriptu.

1798
01:29:54,820 --> 01:29:56,390
A potom sa to spustí to.

1799
01:29:56,390 --> 01:29:58,830
Keď som to takto, je to
tzv inline JavaScript.

1800
01:29:58,830 --> 01:30:02,400
Je to trochu chaotický, pretože
JavaScript je v skutočnosti v HTML.

1801
01:30:02,400 --> 01:30:07,010
>> Lepší spôsob, ako to urobiť, oveľa krajší,
je napísať svoj JavaScript vo

1802
01:30:07,010 --> 01:30:10,920
externý súbor a potom poskytnúť
script tag so zdrojom.

1803
01:30:10,920 --> 01:30:14,920
A to bude ísť do tohto súboru JavaScript
a prečítajte si JavaScript kód z

1804
01:30:14,920 --> 01:30:15,960
že súbor miesto.

1805
01:30:15,960 --> 01:30:18,820
A to spôsobom, nemáte veľa
JavaScript na začiatku svojho

1806
01:30:18,820 --> 01:30:20,760
Súbor HTML, ktorý umožňuje
je to naozaj chaotický.

1807
01:30:20,760 --> 01:30:21,860
Stačí dať niekam inam.

1808
01:30:21,860 --> 01:30:24,310
A potom to bude čítať zo tam.

1809
01:30:24,310 --> 01:30:25,560
Vedeli, že má zmysel?

1810
01:30:25,560 --> 01:30:27,990

1811
01:30:27,990 --> 01:30:29,640
>> Umiestnenie záležitosti.

1812
01:30:29,640 --> 01:30:32,620
V tomto konkrétnom prípade,
Skript je pred telom.

1813
01:30:32,620 --> 01:30:36,090
Takže keď som spustiť to, že tam je
nič v tele ešte.

1814
01:30:36,090 --> 01:30:39,920
Možno, že to bude trochu viac
pocit, keď som sa ukážte tento ďalší diel.

1815
01:30:39,920 --> 01:30:43,210
V tomto prípade, skript
prichádza po div.

1816
01:30:43,210 --> 01:30:46,620
Takže vlastne sa objaví div
na stránke ako prvý.

1817
01:30:46,620 --> 01:30:49,470
Práve tu v tomto malom červenom krúžku,
Vidíte sa objaví text.

1818
01:30:49,470 --> 01:30:51,810
A potom sa upozornenie zobrazí.

1819
01:30:51,810 --> 01:30:54,890
>> V prvom prípade, pretože skript
bol pred div,

1820
01:30:54,890 --> 01:30:56,170
upozornenie sa objaví ako prvý.

1821
01:30:56,170 --> 01:30:59,250
A potom div sa objaví po
môžete zavrite okno.

1822
01:30:59,250 --> 01:31:01,330
Takže prevedenie záleží.

1823
01:31:01,330 --> 01:31:02,290
Takže budeme mať na pamäti.

1824
01:31:02,290 --> 01:31:03,640
To bude dôležité
v trochu.

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
Tak dobre, ako si počkať, až
Celá stránka je načítaná potom pred vami

1828
01:31:12,750 --> 01:31:13,580
spustiť nejaký kód?

1829
01:31:13,580 --> 01:31:15,540
Dostaneme sa do toho trochu
o niečo neskôr taky.

1830
01:31:15,540 --> 01:31:19,016
Ale len držať toto umiestnenie
záležitosti na mysli, keď sme

1831
01:31:19,016 --> 01:31:20,570
prísť do iného snímky.

1832
01:31:20,570 --> 01:31:22,030
>> Tak sa dostávame k DOM teraz.

1833
01:31:22,030 --> 01:31:23,550
A čo je DOM?

1834
01:31:23,550 --> 01:31:26,830
Takže keď sa pozriete na HTML kód, je to len
banda textu na obrazovke.

1835
01:31:26,830 --> 01:31:30,560
Tak ako viete, že JavaScript
to je HTML element?

1836
01:31:30,560 --> 01:31:33,410
Takže musíme mať nejakú pamäť
zastúpenie tejto

1837
01:31:33,410 --> 01:31:34,930
štruktúra, ktorá máme.

1838
01:31:34,930 --> 01:31:40,240
A keď sme to v pamäti
zastúpenie v JavaScripte, nazývame

1839
01:31:40,240 --> 01:31:41,750
že DOM.

1840
01:31:41,750 --> 01:31:45,130
A je to len spôsob, ako ľudia rozhodli
že by sme mali zastupovať túto

1841
01:31:45,130 --> 01:31:46,400
HTML Štruktúra.

1842
01:31:46,400 --> 01:31:47,940
>> A čo to DOM vyzerať?

1843
01:31:47,940 --> 01:31:50,460
No, v reprezentácii pamäti,
Vezmeme tento text.

1844
01:31:50,460 --> 01:31:52,870
A my ho zase do pamäti
zastúpenie.

1845
01:31:52,870 --> 01:31:54,400
Tak to je HTML.

1846
01:31:54,400 --> 01:31:58,090
Tak sme prvýkrát zistili, že každý
DOM strom má dokument.

1847
01:31:58,090 --> 01:31:59,400
Vyzerá to ako strom.

1848
01:31:59,400 --> 01:32:03,550
A dokument obsahuje HTML
tag, vlastne všetko

1849
01:32:03,550 --> 01:32:05,150
vnútri to teraz.

1850
01:32:05,150 --> 01:32:06,970
HTML tag má dve deti.

1851
01:32:06,970 --> 01:32:08,630
To má hlavu.

1852
01:32:08,630 --> 01:32:12,380
To je hlava, keď sa pozriete na odsadenie
tamto na tom, ako je to štruktúrovaný

1853
01:32:12,380 --> 01:32:14,960
medzi blízkymi značky,
Hlava má dieťa.

1854
01:32:14,960 --> 01:32:17,130
Dieťa je titul.

1855
01:32:17,130 --> 01:32:18,370
Presne tak.

1856
01:32:18,370 --> 01:32:21,000
>> Teraz máme tela dieťaťa.

1857
01:32:21,000 --> 01:32:24,870
A potom, že telo má
Dieťa s názvom rodina.

1858
01:32:24,870 --> 01:32:27,950
A že rodina má tri deti -

1859
01:32:27,950 --> 01:32:29,550
najstarší, stredný a najmladší.

1860
01:32:29,550 --> 01:32:31,960
Takže by ste mali vedieť, ako nakresliť schému
takto, keď sme sa vás opýtať, ako

1861
01:32:31,960 --> 01:32:34,270
nakresliť schému, kedy dávame
budete HTML na ľavej strane.

1862
01:32:34,270 --> 01:32:36,350
Vedieť, ako vyrobiť DOM stromu.

1863
01:32:36,350 --> 01:32:38,930
A v týchto veciach, je tam len
nejaký text, ktorý som si predstavoval

1864
01:32:38,930 --> 01:32:40,180
ako malé krabičky.

1865
01:32:40,180 --> 01:32:42,750

1866
01:32:42,750 --> 01:32:47,980
>> Znamená to, DOM stromovej štruktúry, aby
zmysel a čo DOM je?

1867
01:32:47,980 --> 01:32:49,300
Takže to, čo sa p stať?

1868
01:32:49,300 --> 01:32:51,850
Tu, p tam
sa tým, že značka reprezentuje

1869
01:32:51,850 --> 01:32:54,510
odsek tag v HTML.

1870
01:32:54,510 --> 01:32:57,080
Takže sa môžete pozrieť to.

1871
01:32:57,080 --> 01:32:59,290
Ale to len znamená, že to je nejaký
priestor pre nejaký text.

1872
01:32:59,290 --> 01:33:02,910
A to má nejaký predvolený CSS štýl,
pretože je to tag odseku.

1873
01:33:02,910 --> 01:33:05,130
Ale to nie je naozaj starosti
že časť príliš veľa.

1874
01:33:05,130 --> 01:33:07,510
Len viem, že to je zástupný symbol
pre nejaký text.

1875
01:33:07,510 --> 01:33:08,480
Áno.

1876
01:33:08,480 --> 01:33:10,200
Otázka?

1877
01:33:10,200 --> 01:33:11,021
Áno.

1878
01:33:11,021 --> 01:33:12,374
>> DIVÁKOV: Práve ste spomenul CSS.

1879
01:33:12,374 --> 01:33:15,492
Hash rodina a hash
všetky tie veci je v podstate

1880
01:33:15,492 --> 01:33:17,400
predstavuje ID v CSS?

1881
01:33:17,400 --> 01:33:18,440
>> JOSEPH ONG: Jo, presne tak.

1882
01:33:18,440 --> 01:33:20,380
Dostanem sa na to, čo tieto hodnoty hash
znamená v sekunde.

1883
01:33:20,380 --> 01:33:23,480
Keď Angela išla cez CSS, ona
hovoril o CSS selektory.

1884
01:33:23,480 --> 01:33:26,770
Jedná sa o CSS selektory, ktoré
hovorila o

1885
01:33:26,770 --> 01:33:28,268
Áno, Rob?

1886
01:33:28,268 --> 01:33:32,060
>> ROB BOWDEN: Chcel by som tiež vyjadriť
že DOM vnútri názvu značky

1887
01:33:32,060 --> 01:33:35,385
je textový uzol.

1888
01:33:35,385 --> 01:33:36,070
>> JOSEPH ONG: Správne.

1889
01:33:36,070 --> 01:33:38,370
Takže v názve značky,
Mám nejaké textové DOM.

1890
01:33:38,370 --> 01:33:42,730
Takže naozaj, tento titul by mal mať ako
krabička odíde z toho rovnako.

1891
01:33:42,730 --> 01:33:45,740
Ale to nezáleží
v tomto prípade príliš.

1892
01:33:45,740 --> 01:33:49,620
My naozaj nestarám o textových uzlov,
ako im hovoríme, príliš veľa.

1893
01:33:49,620 --> 01:33:50,270
OK, čo robíme.

1894
01:33:50,270 --> 01:33:51,520
Zdá sa, že áno.

1895
01:33:51,520 --> 01:33:54,260

1896
01:33:54,260 --> 01:33:57,100
A ja som sa opraviť, že keď
Som to nahrať znova.

1897
01:33:57,100 --> 01:33:59,830
Má to zmysel?

1898
01:33:59,830 --> 01:34:01,160
>> Tak ako sme sa pracovať s DOM?

1899
01:34:01,160 --> 01:34:03,790
Kedykoľvek sa vysporiadať s DOM v
JavaScript, tam sú dva kroky.

1900
01:34:03,790 --> 01:34:05,030
Môžete vybrať element modelu DOM.

1901
01:34:05,030 --> 01:34:06,580
A potom tie veci k tomu.

1902
01:34:06,580 --> 01:34:11,480
Takže v tomto prípade, abstraktne, som
vybrané prostredného prvku.

1903
01:34:11,480 --> 01:34:14,530
A potom príkladom, ako robiť veci,
k tomu by sa zmenou textu.

1904
01:34:14,530 --> 01:34:16,020
To býval Bob.

1905
01:34:16,020 --> 01:34:19,930
A teraz, čo som urobil, na to, že som zmenil
Bob Milo v tomto prípade.

1906
01:34:19,930 --> 01:34:22,130
>> Tak ako to vlastne urobiť?

1907
01:34:22,130 --> 01:34:23,440
Ako to urobíme vyberanie?

1908
01:34:23,440 --> 01:34:26,560
A ako sa to robí veci, aby
vec, akonáhle sme ho vziať?

1909
01:34:26,560 --> 01:34:30,470
No, ako vy ste sa to naučil
V tejto triede je pomocou niečo, čo

1910
01:34:30,470 --> 01:34:32,420
s názvom jQuery.

1911
01:34:32,420 --> 01:34:33,910
Takže to, čo je jQuery?

1912
01:34:33,910 --> 01:34:37,220
jQuery je knižnica, ktorá umožňuje
JavaScript jednoduchšie napísať.

1913
01:34:37,220 --> 01:34:39,500
Takže niekto vzal čas
a napísal jQuery.

1914
01:34:39,500 --> 01:34:41,530
>> jQuery je vlastne napísaný
v JavaScriptu.

1915
01:34:41,530 --> 01:34:44,550
A potom preto, že to urobil, teraz
majú veľa funkcií, ktoré

1916
01:34:44,550 --> 01:34:46,020
môžeme použiť, aby sa naše
žije rýchle.

1917
01:34:46,020 --> 01:34:48,580

1918
01:34:48,580 --> 01:34:50,030
Takže aké sú niektoré z
čo to robí?

1919
01:34:50,030 --> 01:34:51,650
To je výber prvkov jednoduchšie.

1920
01:34:51,650 --> 01:34:54,020
To je meniace sa HTML,
pridaním triedy jednoduchšie.

1921
01:34:54,020 --> 01:34:55,360
To je Ajax jednoduchšie.

1922
01:34:55,360 --> 01:34:58,230
K tomu sa dostaneme, že v sekunde.

1923
01:34:58,230 --> 01:35:00,630
>> A to je analogické s C knižnice.

1924
01:35:00,630 --> 01:35:03,090
Takže tie patrí string.h,
dostanete strlen.

1925
01:35:03,090 --> 01:35:04,680
Získate strcpy, všetky tieto veci.

1926
01:35:04,680 --> 01:35:09,650
Keď zahrniete jQuery, dostanete pekný
spôsoby, ako vybrať prvky na zmenu

1927
01:35:09,650 --> 01:35:10,390
veci, et cetera.

1928
01:35:10,390 --> 01:35:12,990
Získate ďalšie funkcie, ktoré
JavaScript nedáva vám.

1929
01:35:12,990 --> 01:35:15,310
Takže jQuery nie je JavaScript.

1930
01:35:15,310 --> 01:35:18,660
jQuery je knižnica, ktorá je napísaná v
JavaScript, ktorý robí JavaScript

1931
01:35:18,660 --> 01:35:20,440
jednoduchšie napísať.

1932
01:35:20,440 --> 01:35:23,170
>> Takže jQuery nie je programovanie
jazyk.

1933
01:35:23,170 --> 01:35:24,540
Ale JavaScript.

1934
01:35:24,540 --> 01:35:27,420

1935
01:35:27,420 --> 01:35:27,590
robiť.

1936
01:35:27,590 --> 01:35:30,420
Iste vám vaše terminológiu pravdu.

1937
01:35:30,420 --> 01:35:32,490
Akékoľvek otázky?

1938
01:35:32,490 --> 01:35:33,882
Áno.

1939
01:35:33,882 --> 01:35:35,132
Je to otázka?

1940
01:35:35,132 --> 01:35:37,910

1941
01:35:37,910 --> 01:35:38,350
Dobrá.

1942
01:35:38,350 --> 01:35:40,080
Tak ako sa vám používať jQuery?

1943
01:35:40,080 --> 01:35:42,390
No, keď píšete niektoré
JavaScript kódu a zahrnúť

1944
01:35:42,390 --> 01:35:45,570
jQuery v hornej časti súboru ako
Súbor skriptu, môžete použiť znak dolára

1945
01:35:45,570 --> 01:35:47,310
Ak chcete získať prístup k jQuery.

1946
01:35:47,310 --> 01:35:49,860
A to sa líši od
znak dolára v PHP.

1947
01:35:49,860 --> 01:35:51,590
>> Je to rovnaký symbol vám
písať na klávesnici.

1948
01:35:51,590 --> 01:35:52,780
Ale oni znamenajú veľmi odlišné veci.

1949
01:35:52,780 --> 01:35:56,090
Znak dolára v PHP znamená, že táto
je to, ako som sa deklarovať premennú.

1950
01:35:56,090 --> 01:35:59,120
V JavaScriptu, keď ste súčasťou
jQuery, to je skratka pre jQuery.

1951
01:35:59,120 --> 01:36:01,280
Takže majte na pamäti, že.

1952
01:36:01,280 --> 01:36:03,420
Takže, ako môžeme vybrať DOM prvky?

1953
01:36:03,420 --> 01:36:06,500
No, keď budeš robiť to škaredé JavaScript
spôsobom, máte prístup

1954
01:36:06,500 --> 01:36:08,240
dokumentovať globálne premennú.

1955
01:36:08,240 --> 01:36:11,170
A potom dostanete element podľa ID rodiny.

1956
01:36:11,170 --> 01:36:15,270
To je naozaj dlhý a rozvláčny
a nie je moc pekné.

1957
01:36:15,270 --> 01:36:18,190
>> Alebo sa môžete dostať všetky prvky
ktoré sú tag p

1958
01:36:18,190 --> 01:36:20,080
To funguje aj v JavaScripte.

1959
01:36:20,080 --> 01:36:22,470
Ale my sme nikdy ukázal
môžete syntaxe moc.

1960
01:36:22,470 --> 01:36:24,620
Čo sme ukázali ste bol jQuery.

1961
01:36:24,620 --> 01:36:28,720
Takže celý voliča smerom hore tam, že
bol vyjadrený v JavaScripte dostane len

1962
01:36:28,720 --> 01:36:33,320
kondenzované k tejto veľmi peknej dolára
prihlásiť Hashtag rodinu.

1963
01:36:33,320 --> 01:36:38,480
A $ p, práve tam, kde je to takto.

1964
01:36:38,480 --> 01:36:41,690
Ak chcete vybrať všetky p tagy
vnútri rodiny, dáme priestor

1965
01:36:41,690 --> 01:36:42,890
medzi týmito dvoma.

1966
01:36:42,890 --> 01:36:44,815
A teraz sme sa všetky p
tagy vnútri rodiny.

1967
01:36:44,815 --> 01:36:48,740

1968
01:36:48,740 --> 01:36:50,380
>> A vyzerajú povedome?

1969
01:36:50,380 --> 01:36:52,880
No, Angela hovoril o
CSS selektory.

1970
01:36:52,880 --> 01:36:54,200
Daj mi jednu sekundu.

1971
01:36:54,200 --> 01:36:57,230
A tak aby bolo možné zvoliť prvok,
stačí použiť rovnakú vec ako vy

1972
01:36:57,230 --> 01:36:58,530
by to s voličom CSS.

1973
01:36:58,530 --> 01:37:00,910
Ak dáte hash pred
o tom, že vyberá podľa ID.

1974
01:37:00,910 --> 01:37:02,220
Bodka vyberie podľa tried.

1975
01:37:02,220 --> 01:37:06,230
Ak máte len vec bez
hash alebo bodky, vyberie tie tagy.

1976
01:37:06,230 --> 01:37:07,140
Otázky.

1977
01:37:07,140 --> 01:37:07,470
Áno?

1978
01:37:07,470 --> 01:37:11,510
>> DIVÁKOV: Keď používame bodku v našej
HTML, je to, že nie je jQuery?

1979
01:37:11,510 --> 01:37:13,520
>> JOSEPH ONG: Dot v našom HTML
je vec JavaScript.

1980
01:37:13,520 --> 01:37:14,750
Nie je to jQuery vec.

1981
01:37:14,750 --> 01:37:17,620
Ako vy ste sa to naučil s
jQuery je použiť. html.

1982
01:37:17,620 --> 01:37:21,510
A potom si to prešiel, čo
HTML bude.

1983
01:37:21,510 --> 01:37:23,480
Tak ja sa k tomu len
druhý vlastne.

1984
01:37:23,480 --> 01:37:27,800
Tak ako to urobíme veci na prvok
raz sme vybrali to?

1985
01:37:27,800 --> 01:37:30,130
Tak to je príklad toho,
výber prvku.

1986
01:37:30,130 --> 01:37:32,280
Takže teraz, chceme robiť veci na ňom.

1987
01:37:32,280 --> 01:37:35,730
>> Takže v tomto prípade, nechaj ma ísť späť
na predchádzajúcu snímku.

1988
01:37:35,730 --> 01:37:37,360
To bolo predtým, ako Bob.

1989
01:37:37,360 --> 01:37:40,660
A chcem to zmeniť
v HTML na Milo.

1990
01:37:40,660 --> 01:37:43,240
Tak som volať funkciu HTML
z prvku.

1991
01:37:43,240 --> 01:37:45,580
Táto funkcia je HTML
metóda prvku.

1992
01:37:45,580 --> 01:37:47,430
A potom som sa dať to, čo
Chcem HTML byť.

1993
01:37:47,430 --> 01:37:50,560
A je to práve nahrádza to, čo je vo vnútri
že tag s tým, čo ju dám.

1994
01:37:50,560 --> 01:37:50,830
Áno.

1995
01:37:50,830 --> 01:37:51,170
Otázka?

1996
01:37:51,170 --> 01:37:57,397
>> Divákov: hashtag sa používa
iba pre jQuery.

1997
01:37:57,397 --> 01:37:59,313
[Nepočuteľný]

1998
01:37:59,313 --> 01:38:01,230
by sme použiť.

1999
01:38:01,230 --> 01:38:01,960
>> JOSEPH ONG: Jo, presne tak.

2000
01:38:01,960 --> 01:38:03,750
Ale nebojte sa príliš veľa
o čisté JavaScript.

2001
01:38:03,750 --> 01:38:06,670
Len chcem, aby si ľudí sa zamerať na to, ako si
by to s jQuery, pretože

2002
01:38:06,670 --> 01:38:10,020
že to bude dôležité,
časť na kvíz.

2003
01:38:10,020 --> 01:38:10,400
Správne.

2004
01:38:10,400 --> 01:38:10,880
Presne tak.

2005
01:38:10,880 --> 01:38:16,025
Takže vidíte, že hashtag, aby
zodpovedá vybrať prvok s

2006
01:38:16,025 --> 01:38:18,310
ID strednej kvôli tomu hashtag.

2007
01:38:18,310 --> 01:38:19,670
Hashtag znamená ID.

2008
01:38:19,670 --> 01:38:22,870
A tento prvok má ID uprostred.

2009
01:38:22,870 --> 01:38:24,366
Tak to je prvok zvolíme.

2010
01:38:24,366 --> 01:38:27,160
>> DIVÁKOV: [nepočuteľné].

2011
01:38:27,160 --> 01:38:31,090
znak dolára hashtag [nepočuteľný]?

2012
01:38:31,090 --> 01:38:31,710
>> JOSEPH ONG: Takže nie.

2013
01:38:31,710 --> 01:38:33,280
Otázkou je môžete použiť. Hodnotu.

2014
01:38:33,280 --> 01:38:36,445
A. Hodnota funguje len na prvky,
ktoré sú vstupy.

2015
01:38:36,445 --> 01:38:40,950

2016
01:38:40,950 --> 01:38:45,495
V jQuery, by bolo
. Val, nie. Hodnota.

2017
01:38:45,495 --> 01:38:49,080
Takže budem mať na malom príklade, ktorý
ukazuje, to všetko v kombinácii

2018
01:38:49,080 --> 01:38:49,850
v sekunde.

2019
01:38:49,850 --> 01:38:53,130
Ale myslím, že to slúži malý úryvok
má zmysel pre ľudí tak ďaleko.

2020
01:38:53,130 --> 01:38:55,450
Ak chcete zmeniť HTML,
volanie metódy vo formáte HTML.

2021
01:38:55,450 --> 01:38:56,432
Áno.

2022
01:38:56,432 --> 01:38:58,200
>> DIVÁKOV: Môžete mi vysvetliť,
opäť metóda?

2023
01:38:58,200 --> 01:39:01,900
>> JOSEPH ONG: Takže metóda je len
funkcia, ktorá patrí k jednej, v tomto

2024
01:39:01,900 --> 01:39:04,590
prípad, jeden z týchto prvkov DOM,
preto, že vidím

2025
01:39:04,590 --> 01:39:05,940
zvolený prvok ako prvý.

2026
01:39:05,940 --> 01:39:07,320
V skutočnosti, dovoľte mi, aby som pomocou myši.

2027
01:39:07,320 --> 01:39:09,330
Vybral som prvý prvok.

2028
01:39:09,330 --> 01:39:12,310
A potom som volal tento HTML
funkcie, ktoré to malo.

2029
01:39:12,310 --> 01:39:15,710
A pretože táto funkcia patrí
tá vec, hovoríme metóda.

2030
01:39:15,710 --> 01:39:19,480
To je len vymyslené meno pre neho.

2031
01:39:19,480 --> 01:39:20,730
Povedz to ešte raz.

2032
01:39:20,730 --> 01:39:22,880

2033
01:39:22,880 --> 01:39:25,170
Takže pamätajte, že sme si vybrali
Teraz element.

2034
01:39:25,170 --> 01:39:27,810
A my sme dať dovnútra
premenný prvok.

2035
01:39:27,810 --> 01:39:28,600
Opravte?

2036
01:39:28,600 --> 01:39:34,380
>> Takže keď chceme zmeniť HTML na
vnútri, pretože to bolo Bob skôr,

2037
01:39:34,380 --> 01:39:36,420
Ak chcete zmeniť tento text Milo.

2038
01:39:36,420 --> 01:39:37,920
Takže hovoríme HTML.

2039
01:39:37,920 --> 01:39:41,610
A my to povedať, čo HTML vnútri
že prvok by mal byť teraz.

2040
01:39:41,610 --> 01:39:44,107
A tak sa zmení ju na Milo,
preto, že som dal to Milo.

2041
01:39:44,107 --> 01:39:46,542
>> DIVÁKOV: Takže oni pracujú spoločne.

2042
01:39:46,542 --> 01:39:47,030
[Nepočuteľný]

2043
01:39:47,030 --> 01:39:47,390
>> JOSEPH ONG: Jo, jo.

2044
01:39:47,390 --> 01:39:48,180
Pracujú spoločne.

2045
01:39:48,180 --> 01:39:50,210
Takže jeden z nich vyberie
prvý prvok.

2046
01:39:50,210 --> 01:39:52,863
A druhá robí
niečo k tomu.

2047
01:39:52,863 --> 01:39:53,790
Áno.

2048
01:39:53,790 --> 01:39:56,168
>> DIVÁKOV: [nepočuteľné].

2049
01:39:56,168 --> 01:40:01,280
Keď je táto metóda sa líši od v HTML
Máte metódu rovná aktuálnej.

2050
01:40:01,280 --> 01:40:01,560
>> JOSEPH ONG: Jo.

2051
01:40:01,560 --> 01:40:03,370
To je iný spôsob.

2052
01:40:03,370 --> 01:40:04,670
To je iný spôsob.

2053
01:40:04,670 --> 01:40:07,860
A môžeme pokryť, že len sekundu
keď sa dostaneme na príklade.

2054
01:40:07,860 --> 01:40:12,000
Chcem sa uistiť, že sme sa urýchliť
pretože máme málo času.

2055
01:40:12,000 --> 01:40:15,360
Ale my sme bežať po celú dobu teraz.

2056
01:40:15,360 --> 01:40:15,490
OK.

2057
01:40:15,490 --> 01:40:16,430
V pohode.

2058
01:40:16,430 --> 01:40:20,130
Takže ak chcete pridať triedu, tam je
tiež metóda add triedy.

2059
01:40:20,130 --> 01:40:24,300
To je len príklad toho, čo
môžete robiť s jQuery.

2060
01:40:24,300 --> 01:40:25,950
To len pridáva triedu.

2061
01:40:25,950 --> 01:40:28,660
>> Ak ho chcete vybrať,
môžete volať odstrániť.

2062
01:40:28,660 --> 01:40:32,280
To je len ďalšia vec, ktorú môžete urobiť.

2063
01:40:32,280 --> 01:40:35,680
Takže ďalšie príklady vecí, ktoré môžete urobiť.

2064
01:40:35,680 --> 01:40:37,510
Takže môžem len dať to na
horná takto?

2065
01:40:37,510 --> 01:40:38,760
Najmladší odstrániť.

2066
01:40:38,760 --> 01:40:42,470

2067
01:40:42,470 --> 01:40:45,930
Keby som len spustiť túto JavaScript vo
Vrchol môjho súboru, ktorý funguje?

2068
01:40:45,930 --> 01:40:48,540

2069
01:40:48,540 --> 01:40:48,920
Správne.

2070
01:40:48,920 --> 01:40:50,530
Pretože stredná doteraz neexistuje.

2071
01:40:50,530 --> 01:40:51,840
Takže to nebude fungovať.

2072
01:40:51,840 --> 01:40:52,800
Exekučný príkaz.

2073
01:40:52,800 --> 01:40:55,040
Ide to až na vrchol ako prvý.

2074
01:40:55,040 --> 01:40:55,540
Čo je?

2075
01:40:55,540 --> 01:40:57,450
>> DIVÁKOV: Najmladší doteraz neexistuje?

2076
01:40:57,450 --> 01:40:57,810
>> JOSEPH ONG: Jo.

2077
01:40:57,810 --> 01:40:58,710
Najmladší doteraz neexistuje.

2078
01:40:58,710 --> 01:40:59,600
Presne tak.

2079
01:40:59,600 --> 01:41:01,320
>> DIVÁKOV: Povedal si, že stredná.

2080
01:41:01,320 --> 01:41:01,510
>> JOSEPH ONG: Ospravedlňujem sa.

2081
01:41:01,510 --> 01:41:02,720
Najmladší doteraz neexistuje.

2082
01:41:02,720 --> 01:41:04,510
A ďalšia vec je, že nie
zahŕňal jQuery

2083
01:41:04,510 --> 01:41:06,580
súbor sa opýtať skriptu src.

2084
01:41:06,580 --> 01:41:07,960
Tak, že to nebude fungovať.

2085
01:41:07,960 --> 01:41:09,580
Vlastne som to neurobil, že v
Ďalšiu snímku, ktorý je

2086
01:41:09,580 --> 01:41:10,700
mal opraviť, že buď.

2087
01:41:10,700 --> 01:41:14,120
Ale spôsob, ako to urobiť, je mať Java scripty
je riadené udalosťami.

2088
01:41:14,120 --> 01:41:17,410
Takže to, čo robíme, je, že sme použiť udalosť
handler, aby sa to stalo.

2089
01:41:17,410 --> 01:41:19,510
A tak som sa vybrať dokument
nastaviť ako prvý.

2090
01:41:19,510 --> 01:41:23,810
Ja hovorím, OK, keď je dokument
pripravení, dovoľte mi, aby som spustiť funkciu.

2091
01:41:23,810 --> 01:41:25,470
Tak to je všetko, že syntaktické prostriedky.

2092
01:41:25,470 --> 01:41:27,100
>> Vybral som dokument.

2093
01:41:27,100 --> 01:41:29,530
Teraz, keď je dokument
pripravení, spustite funkciu.

2094
01:41:29,530 --> 01:41:32,970
A tak sa sem, keď je dokument
ready, čo znamená, že všetky HTML má

2095
01:41:32,970 --> 01:41:36,140
naložené, potom som spustiť funkciu
ktorý odstraňuje tento prvok.

2096
01:41:36,140 --> 01:41:40,270
A tak teraz, keď som sa spustiť túto funkciu
že som prešiel do pripravená, som

2097
01:41:40,270 --> 01:41:43,780
garantované, že všetky na HTML
Stránka bude existovať ako prvý.

2098
01:41:43,780 --> 01:41:44,100
Áno.

2099
01:41:44,100 --> 01:41:44,425
Otázka?

2100
01:41:44,425 --> 01:41:48,200
>> DIVÁKOV: Čo je kľúčové slovo akcia
v rámci funkcie?

2101
01:41:48,200 --> 01:41:51,750
>> JOSEPH ONG: Tak, že kľúčové slovo udalosť
funkcia je len parameter, ktorý

2102
01:41:51,750 --> 01:41:53,490
je odovzdaný do funkcie
pre každú udalosť.

2103
01:41:53,490 --> 01:41:55,470
Je to proste niečo, čo
dostanete zdarma.

2104
01:41:55,470 --> 01:41:59,320
Ak používate kľúčové obslužné rutiny v
pset8, že udalosť mohla povedať, pre

2105
01:41:59,320 --> 01:42:01,350
príklad, ktorý kľúč, ktorý pokračoval.

2106
01:42:01,350 --> 01:42:05,540
V tomto prípade, na pripravený udalosti
je to v skutočnosti nie je veľmi užitočné.

2107
01:42:05,540 --> 01:42:08,640
Ale pre kľúčové dole prípade, že je to viac
užitočné, pretože vám vedieť, ktoré

2108
01:42:08,640 --> 01:42:12,330
stlačené klávesy prístupom kľúč
Kód z tej objektu udalosti.

2109
01:42:12,330 --> 01:42:13,530
Opravte?

2110
01:42:13,530 --> 01:42:15,160
Má to zmysel?

2111
01:42:15,160 --> 01:42:16,280
OK.

2112
01:42:16,280 --> 01:42:16,580
Áno.

2113
01:42:16,580 --> 01:42:17,150
Otázka?

2114
01:42:17,150 --> 01:42:19,290
>> DIVÁKOV: Takže si môžete dať
script tag nižšie dole?

2115
01:42:19,290 --> 01:42:19,940
>> JOSEPH ONG: Tak jo.

2116
01:42:19,940 --> 01:42:21,500
Dalo by sa dal scenár
označiť nižšia dole.

2117
01:42:21,500 --> 01:42:23,090
Ale potom sa to proste stáva naozaj chaotický.

2118
01:42:23,090 --> 01:42:26,590
A my sme chceli centralizovať všetky
nášho kódu na jednom mieste.

2119
01:42:26,590 --> 01:42:28,290
A to nám umožní urobiť.

2120
01:42:28,290 --> 01:42:32,010
Zapamätaj si predtým som povedal, že je to krajšie
spôsob, ako zabezpečiť, že prvky sú

2121
01:42:32,010 --> 01:42:33,880
Na stránke pred spustenie kódu?

2122
01:42:33,880 --> 01:42:36,079
A to je len príjemný spôsob,
by ste dosiahnuť.

2123
01:42:36,079 --> 01:42:37,329
>> DIVÁKOV: [nepočuteľné].

2124
01:42:37,329 --> 01:42:41,710

2125
01:42:41,710 --> 01:42:42,230
>> JOSEPH ONG: Jo.

2126
01:42:42,230 --> 01:42:43,460
Tie by ešte, nie?

2127
01:42:43,460 --> 01:42:46,930
Vzhľadom k tomu, pamätajte, že v cene
súbor v hornej časti stránky.

2128
01:42:46,930 --> 01:42:49,890
Takže to bude spustený ako prvý pred
sa dostanete do spodnej časti stránky.

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
Takže môžete tiež pridať rôzne
typ obsluhu udalosti.

2132
01:42:59,210 --> 01:43:00,640
Tenhle práve spracováva kliknutí.

2133
01:43:00,640 --> 01:43:03,910
Keď kliknem na najmladší, potom
to bude pop-up s výstrahou.

2134
01:43:03,910 --> 01:43:05,440
To je len iný
Typ udalosti.

2135
01:43:05,440 --> 01:43:08,840
Na rozdiel od pripravená akcia, teraz
použiť udalosť click, keď dostanete

2136
01:43:08,840 --> 01:43:10,190
klikne na prvok.

2137
01:43:10,190 --> 01:43:13,860
>> A tak v tomto prípade si, cvaknutie
Psovod je pripojený k najmladším.

2138
01:43:13,860 --> 01:43:16,080
Takže sa to stane len vtedy, keď
Aj kliknite na najmladší.

2139
01:43:16,080 --> 01:43:19,510
A v tej druhej, pripravenej akcie
bol pripojený k dokumentu.

2140
01:43:19,510 --> 01:43:23,750
Tak čaká na dokument
byť pripravený.

2141
01:43:23,750 --> 01:43:25,120
Zmysel?

2142
01:43:25,120 --> 01:43:26,190
Myslím, že môžem ísť ďalej.

2143
01:43:26,190 --> 01:43:26,610
Áno.

2144
01:43:26,610 --> 01:43:26,980
Otázka?

2145
01:43:26,980 --> 01:43:28,230
>> DIVÁKOV: [nepočuteľné].

2146
01:43:28,230 --> 01:43:31,676

2147
01:43:31,676 --> 01:43:33,620
V tomto prípade môžete použiť [nepočuteľný].

2148
01:43:33,620 --> 01:43:36,650
>> JOSEPH ONG: Jo, jo, pretože v tomto
prípad, musím čakať na najmladší

2149
01:43:36,650 --> 01:43:40,740
prvok sa objaví na obrazovke ako prvý
predtým, než som sa pripojiť popisovač kliknite na tlačidlo

2150
01:43:40,740 --> 01:43:43,062
to, čo je dôvod, prečo som ju dovnútra
o dokument pripravený.

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
A ďalej, takže to je veľký príklad
ako by ste kombinovať všetko.

2154
01:43:52,390 --> 01:43:55,930
To je len príklad validácie formulára
ste videli v prednáške.

2155
01:43:55,930 --> 01:43:58,410
Takže to brať krok za krokom, ako
idete cez to.

2156
01:43:58,410 --> 01:43:59,590
A bude to úplne v poriadku.

2157
01:43:59,590 --> 01:44:01,400
Len si to čítajú zhora nadol.

2158
01:44:01,400 --> 01:44:03,030
>> Mám formulár v dolnej časti.

2159
01:44:03,030 --> 01:44:07,590
Ak je dokument pripravený, prikladám
predložiť popisovač na formulári tak, že

2160
01:44:07,590 --> 01:44:12,910
keď som odošlite formulár, dostanem hodnoty
v každom z týchto vstupov.

2161
01:44:12,910 --> 01:44:14,560
A ja som skontrolovať, či je to prázdne.

2162
01:44:14,560 --> 01:44:17,090
Ak je to prázdne, vrátim false, pretože
Nechcem odoslať formulár,

2163
01:44:17,090 --> 01:44:18,950
pretože forma je v poriadku.

2164
01:44:18,950 --> 01:44:22,040
Ak je heslo prázdne alebo je to menej
ako osem znakov, nemám predložiť

2165
01:44:22,040 --> 01:44:24,470
forma, pretože to je tiež zle.

2166
01:44:24,470 --> 01:44:28,150
A return false len bráni
forma z podania a

2167
01:44:28,150 --> 01:44:30,150
ísť na novú stránku.

2168
01:44:30,150 --> 01:44:31,310
>> A dúfajme, že to dáva zmysel.

2169
01:44:31,310 --> 01:44:34,650
Myslím, že chlapci by mali prejsť
Tento kód krok za krokom na vlastnú päsť.

2170
01:44:34,650 --> 01:44:38,350
A akonáhle pochopíte, čo vybrať
prvky a robiť veci, ktoré jej

2171
01:44:38,350 --> 01:44:40,520
vlastne znamená, to bude robiť
veľa zmysel pre vás.

2172
01:44:40,520 --> 01:44:41,295
Áno?

2173
01:44:41,295 --> 01:44:44,150
>> DIVÁKOV: Čo robí
name = Užívateľské meno znamená?

2174
01:44:44,150 --> 01:44:48,530
>> JOSEPH ONG: Tak name = meno užívateľa a
name = heslo len znamená, že sa na

2175
01:44:48,530 --> 01:44:50,730
atribútom čokoľvek
ste výber.

2176
01:44:50,730 --> 01:44:51,790
A potom, že sa musí zhodovať.

2177
01:44:51,790 --> 01:44:53,870
Tak ideme na registráciu.

2178
01:44:53,870 --> 01:44:56,240
A potom sa pozrieme na všetkých vstupoch
a registrácia.

2179
01:44:56,240 --> 01:44:59,990
A potom sme sa vybrať ten, kde meno
atribút je rovný užívateľským menom.

2180
01:44:59,990 --> 01:45:04,040
Takže len ten prvý voliča vyberie
užívateľské meno vstup.

2181
01:45:04,040 --> 01:45:08,220
A len to, že druhý volič vyberie
Heslo jedna, pretože tie majú

2182
01:45:08,220 --> 01:45:12,240
ich atribúty name nastavený ako to, čo
by to mal byť.

2183
01:45:12,240 --> 01:45:12,575
Otázka?

2184
01:45:12,575 --> 01:45:17,030
>> DIVÁKOV: Na podanie, ako sa
spodná časť vyriešiť vrchnú časť?

2185
01:45:17,030 --> 01:45:19,350
>> JOSEPH ONG: Tak to je preto, že
na obslužnú rutinu udalosti.

2186
01:45:19,350 --> 01:45:23,000
Takže čakáme na predloženie akciu
že vyhodí z formy.

2187
01:45:23,000 --> 01:45:24,730
A to je všetko, čo je predložiť.

2188
01:45:24,730 --> 01:45:26,080
Prečo hovorím podať až tam?

2189
01:45:26,080 --> 01:45:28,870
To hovorí, keď je predložený formulár,
Som si predložiť udalosť.

2190
01:45:28,870 --> 01:45:33,480
Takže dovoľte mi zachytiť, že a
spustite tento kód miesto.

2191
01:45:33,480 --> 01:45:33,823
Áno?

2192
01:45:33,823 --> 01:45:35,866
>> DIVÁKOV: Prečo máte
mať funkcie akciu?

2193
01:45:35,866 --> 01:45:38,580
Prečo nemôžeš jednoducho [nepočuteľný]?

2194
01:45:38,580 --> 01:45:41,140
>> JOSEPH ONG: Pretože v JavaScriptu, ste
musí deklarovať funkcie.

2195
01:45:41,140 --> 01:45:42,910
To je, ako to funguje
v JavaScriptu.

2196
01:45:42,910 --> 01:45:44,800
Musíš povedať, že to bude
spustiť funkciu.

2197
01:45:44,800 --> 01:45:47,290
Takže hovoríte to, že si
čaká funkciu tu namiesto

2198
01:45:47,290 --> 01:45:48,260
len zložené zátvorky.

2199
01:45:48,260 --> 01:45:50,460
>> DIVÁKOV: A funkcie
je, čo nasleduje?

2200
01:45:50,460 --> 01:45:50,650
>> JOSEPH ONG: Jo.

2201
01:45:50,650 --> 01:45:52,790
Táto funkcia je to, čo je vo vnútri
zložené zátvorky po

2202
01:45:52,790 --> 01:45:53,630
že funkcie kľúčové slovo.

2203
01:45:53,630 --> 01:45:54,045
Áno?

2204
01:45:54,045 --> 01:45:55,295
>> DIVÁKOV: [nepočuteľné].

2205
01:45:55,295 --> 01:46:00,180

2206
01:46:00,180 --> 01:46:00,660
>> JOSEPH ONG: Pre odoslať?

2207
01:46:00,660 --> 01:46:03,520
>> DIVÁKOV: Nie, funkcia
bez udalosti.

2208
01:46:03,520 --> 01:46:03,770
>> JOSEPH ONG: Jo.

2209
01:46:03,770 --> 01:46:05,610
A tak, bez toho, aby udalosť,
môžete mať, že.

2210
01:46:05,610 --> 01:46:08,480
Ak nepotrebujete udalosť,
potom stačí vynechať.

2211
01:46:08,480 --> 01:46:12,220
Ale ak áno, potom ste
Len to tam dal.

2212
01:46:12,220 --> 01:46:12,520
Áno.

2213
01:46:12,520 --> 01:46:13,190
Rýchly dotaz?

2214
01:46:13,190 --> 01:46:14,440
>> DIVÁKOV: [nepočuteľné].

2215
01:46:14,440 --> 01:46:21,170

2216
01:46:21,170 --> 01:46:21,440
>> JOSEPH ONG: Jo.

2217
01:46:21,440 --> 01:46:24,550
Vzhľadom k tomu, čo je potrebné urobiť,
document.ready len hovorí, že čakať na všetky

2218
01:46:24,550 --> 01:46:26,540
HTML na stránku načítať ako prvý.

2219
01:46:26,540 --> 01:46:30,510
A zvyčajne chcete, aby vaše prvky
na mieste skôr, ako spustíte akýkoľvek kód.

2220
01:46:30,510 --> 01:46:31,030
Dobrá.

2221
01:46:31,030 --> 01:46:32,180
Musíme sa dostať na Ajax.

2222
01:46:32,180 --> 01:46:33,110
Nemáme veľa času.

2223
01:46:33,110 --> 01:46:35,170
Takže klady a zápory.

2224
01:46:35,170 --> 01:46:37,450
JavaScript je jednoduchšie pokus
písať s jQuery.

2225
01:46:37,450 --> 01:46:38,930
Ale jQuery je trochu pomalý.

2226
01:46:38,930 --> 01:46:42,290
>> Je to ako PHP je pomalší ako C,
pretože je to interpretované.

2227
01:46:42,290 --> 01:46:45,690
A jQuery je o niečo pomalší ako
JavaScript, pretože to veľa

2228
01:46:45,690 --> 01:46:46,630
veci pod kapotou.

2229
01:46:46,630 --> 01:46:48,660
A tak, ak používate jQuery, je to
len trochu pomalší ako

2230
01:46:48,660 --> 01:46:51,630
JavaScript, aj keď to
dáva vám krásny elegancia.

2231
01:46:51,630 --> 01:46:53,970
A konečne, Ajax.

2232
01:46:53,970 --> 01:46:59,170
Zatiaľ sa Ajax, ste nevideli Ajax
, Pokiaľ ide o pset7 ešte, pretože

2233
01:46:59,170 --> 01:47:01,150
keď to urobíte, môžete podať
Formulár pre cenovú ponuku.

2234
01:47:01,150 --> 01:47:02,350
Je načíta novú stránku.

2235
01:47:02,350 --> 01:47:04,440
Takže ste si tento veľký biely blesk
na strane zatiaľ čo

2236
01:47:04,440 --> 01:47:06,820
Druhá stránka načíta, správne?

2237
01:47:06,820 --> 01:47:08,780
>> Bolo by naozaj pekné, keby vám
nemal tento blesk.

2238
01:47:08,780 --> 01:47:11,600
Rovnako ako Facebook, ak ste práve prejdite na
dno, pridáva nový obsah

2239
01:47:11,600 --> 01:47:13,490
bez osviežujúci celú stránku.

2240
01:47:13,490 --> 01:47:15,420
Takže niečo také by bolo pekné.

2241
01:47:15,420 --> 01:47:17,370
To je kód JavaScript
na ľavej strane.

2242
01:47:17,370 --> 01:47:19,390
Dostanete to, čo je vo vnútri tohto vstupu.

2243
01:47:19,390 --> 01:47:21,340
Získate stock informácie z Yahoo!

2244
01:47:21,340 --> 01:47:27,440
A potom urobíte veľký reťazec, ktorý
hovorí, OK, to je posolstvo chcem

2245
01:47:27,440 --> 01:47:28,400
ukázať na obrazovke.

2246
01:47:28,400 --> 01:47:32,280
A potom si dať túto správu vnútri
nejaký HTML prvok, ktorý dostane

2247
01:47:32,280 --> 01:47:33,970
zobrazí na obrazovke.

2248
01:47:33,970 --> 01:47:35,540
>> Tak to je všetko, čo sa tu deje.

2249
01:47:35,540 --> 01:47:39,410
Takže v podstate, pretože to je všetko
JavaScript a nemusíte spúšťať

2250
01:47:39,410 --> 01:47:42,980
Už PHP, to sa uistite, že
že strana neobnoví.

2251
01:47:42,980 --> 01:47:47,470
Takže je to len abstraktné idea
že tu hovorím teraz.

2252
01:47:47,470 --> 01:47:50,630
Abstraktné predstava je, že ak si to
všetko v JavaScripte, nemáte

2253
01:47:50,630 --> 01:47:52,330
načítanie stránky.

2254
01:47:52,330 --> 01:47:53,800
Ale ako to vlastne urobiť?

2255
01:47:53,800 --> 01:47:56,230
>> No, vlastne, poďme hovoriť o tom,
Problém s týmto prvýkrát.

2256
01:47:56,230 --> 01:47:59,340
Problém je v JavaScripte,
prevedenie je synchrónne.

2257
01:47:59,340 --> 01:48:02,000
Takže budete musieť počkať na jedného
linka dokončiť pred vami

2258
01:48:02,000 --> 01:48:03,370
spustiť ďalší riadok.

2259
01:48:03,370 --> 01:48:06,130
A čo keď budem cez Yahoo!,
a ich servery sú veľmi pomalé, a

2260
01:48:06,130 --> 01:48:08,790
trvá im tri sekundy na
daj mi staré ten stock informácie?

2261
01:48:08,790 --> 01:48:12,620
Keď som narazila, že cenové línii, ak
prevedenie je synchrónny, ako je to podľa

2262
01:48:12,620 --> 01:48:15,390
default, čo to len ide urobiť, je
Váš prehliadač bude stánok pre

2263
01:48:15,390 --> 01:48:15,930
tri sekundy.

2264
01:48:15,930 --> 01:48:18,900
A vy nebudete môcť robiť
niečo, keď sa dostane k dátam.

2265
01:48:18,900 --> 01:48:20,010
Bude to byť zmrazené.

2266
01:48:20,010 --> 01:48:20,800
>> A to je zlé.

2267
01:48:20,800 --> 01:48:23,390
Nechcete užívateľovi
majú zmrazené webové stránky.

2268
01:48:23,390 --> 01:48:24,170
Opravte?

2269
01:48:24,170 --> 01:48:25,480
To je jednoducho zle.

2270
01:48:25,480 --> 01:48:26,770
Všetci súhlasia s tým,?

2271
01:48:26,770 --> 01:48:29,270
Ak ste prehliadania Facebook a to
zamrzne a nemôžete nič robiť, vám

2272
01:48:29,270 --> 01:48:31,920
sa naozaj frustrovaní.

2273
01:48:31,920 --> 01:48:34,960
Takže riešenie je, že sme urobiť niečo
asynchrónne miesto.

2274
01:48:34,960 --> 01:48:38,910
Tak toto všetko asynchrónne vec hovorí
sa, idem sa na to opýtať

2275
01:48:38,910 --> 01:48:40,280
URL pre určité údaje.

2276
01:48:40,280 --> 01:48:41,610
A potom budem pokračovať.

2277
01:48:41,610 --> 01:48:45,330
Ja som jednoducho ísť, aby sa vykonávanie
bez ohľadu na kód, ktorý sa po tom.

2278
01:48:45,330 --> 01:48:49,290
>> A potom keď tieto dáta je pripravený,
Potom som sa ho spracovať.

2279
01:48:49,290 --> 01:48:50,540
To je všetko, čo sa hovorí.

2280
01:48:50,540 --> 01:48:52,795

2281
01:48:52,795 --> 01:48:56,710
>> DIVÁKOV: Ajax práve robí
Kód asynchrónne?

2282
01:48:56,710 --> 01:48:58,560
>> JOSEPH ONG: Je to asynchrónny
spôsob načítanie dát.

2283
01:48:58,560 --> 01:49:01,230
Takže prvá vec, o Ajax
je mi umožňuje získať dáta

2284
01:49:01,230 --> 01:49:03,170
z externého webu.

2285
01:49:03,170 --> 01:49:07,045
A druhá vec je, dbá na to,
že moja strana nemá odďaľovať, keď som

2286
01:49:07,045 --> 01:49:07,970
načítanie týchto dát.

2287
01:49:07,970 --> 01:49:09,600
To je asynchrónny súčasťou.

2288
01:49:09,600 --> 01:49:13,040
Vzhľadom k tomu, že ide niekam inam,
preto hovorím, že som ďalej na chvíľu

2289
01:49:13,040 --> 01:49:14,900
je to očarujúce, že dáta, ktoré
je to asynchrónny.

2290
01:49:14,900 --> 01:49:17,170
Stále prevedenie.

2291
01:49:17,170 --> 01:49:18,960
>> Takže majte že asynchrónny
Myšlienka na mysli.

2292
01:49:18,960 --> 01:49:22,010
A ja vám ukážem, čo
Rozdiel je v tom.

2293
01:49:22,010 --> 01:49:23,920
Synchrónne verzia
je na ľavej strane.

2294
01:49:23,920 --> 01:49:26,240
Asynchrónne verzia
je na pravej strane.

2295
01:49:26,240 --> 01:49:29,170
Pozrite sa na čísla zistiť, ktoré
kroky zodpovedajú tomu, čo

2296
01:49:29,170 --> 01:49:30,610
vykoná v každom riadku.

2297
01:49:30,610 --> 01:49:32,730
Tam, upozornenie sa objaví ako prvý.

2298
01:49:32,730 --> 01:49:34,590
Vzhľadom k tomu, ako sa stock informácie od Yahoo!

2299
01:49:34,590 --> 01:49:37,250
trvá tri sekundy, stánky
po dobu troch sekúnd.

2300
01:49:37,250 --> 01:49:39,880
A potom to upozorní cenu
Po týchto troch sekundách.

2301
01:49:39,880 --> 01:49:43,690
>> Takže teraz, že upozornenie sa zobrazí
sa v tej dobe -

2302
01:49:43,690 --> 01:49:44,610
tri sekundy palcov

2303
01:49:44,610 --> 01:49:47,670
A potom to upozorní tým, po tom.

2304
01:49:47,670 --> 01:49:48,930
Tak to len ide krok za krokom.

2305
01:49:48,930 --> 01:49:51,200
Je to ako to, čo vy
by akceptovať, že?

2306
01:49:51,200 --> 01:49:54,170
S asynchrónnym prevedenie,
môžete upozorniť ako prvý.

2307
01:49:54,170 --> 01:49:57,410
Potom môžete odísť na túto adresu URL.

2308
01:49:57,410 --> 01:49:59,530
A vy hovoríte, budem
opýtajte sa na údaje.

2309
01:49:59,530 --> 01:50:01,170
A potom budem
spracovať neskôr.

2310
01:50:01,170 --> 01:50:04,230
Takže to okamžite vykoná
ďalší riadok potom, čo som robiť, že

2311
01:50:04,230 --> 01:50:05,710
Asynchrónne požiadavku.

2312
01:50:05,710 --> 01:50:08,920
>> Takže 0,001 sekundy, zobrazí upozornenie hi.

2313
01:50:08,920 --> 01:50:10,960
Vykonať túto funkciu, upozornenia bye.

2314
01:50:10,960 --> 01:50:14,240
A pretože som sľub, ktorý som
spracuje dáta neskôr, čo

2315
01:50:14,240 --> 01:50:17,920
sa stane, ak tieto dáta vráti
tri sekundy neskôr, potom bežím, že

2316
01:50:17,920 --> 01:50:21,380
Funkcie, ktoré mám tamto.

2317
01:50:21,380 --> 01:50:21,870
Áno?

2318
01:50:21,870 --> 01:50:25,750
>> DIVÁKOV: Mohli by ste upresniť alebo
objasniť, čo Ajax znamená?

2319
01:50:25,750 --> 01:50:30,460
>> JOSEPH ONG: Tak Ajax je to tak, že keď som
Potrebujete dát, keď som na stránkach a ja

2320
01:50:30,460 --> 01:50:34,690
nechcem aktualizovať stránku, potom
I používať túto technológiu s názvom Ajax.

2321
01:50:34,690 --> 01:50:40,630
To v podstate znamená len, dojdi
dáta z iného webu.

2322
01:50:40,630 --> 01:50:43,724
A to takým spôsobom, že len
nemá odďaľovať svoju webovú stránku.

2323
01:50:43,724 --> 01:50:46,650
>> DIVÁKOV: Tak je to, že vlastné
časť JavaScript alebo jQuery?

2324
01:50:46,650 --> 01:50:50,590
>> JOSEPH ONG: Takže niekto napísal, ako to urobiť
To JavaScript dávno.

2325
01:50:50,590 --> 01:50:52,050
Na jednom mieste, to neexistovalo.

2326
01:50:52,050 --> 01:50:56,630
A tak niekto vymyslel túto techniku
aby ľudia mohli požiadať o tieto dáta

2327
01:50:56,630 --> 01:50:57,680
v tejto móde.

2328
01:50:57,680 --> 01:50:59,550
A oni písali nejaké veci
aby to pre vás.

2329
01:50:59,550 --> 01:51:01,605
A jQuery vám dáva len to
veľmi príjemný spôsob, ako to urobiť

2330
01:51:01,605 --> 01:51:03,112
s týmto $. dostať funkciu.

2331
01:51:03,112 --> 01:51:07,200

2332
01:51:07,200 --> 01:51:09,480
otázky?

2333
01:51:09,480 --> 01:51:11,560
Dokážem odpovedať na otázky týkajúce sa
Ajax potom taky.

2334
01:51:11,560 --> 01:51:13,870
Budem tu.

2335
01:51:13,870 --> 01:51:16,390
>> Tak to poďme nám načítavať dáta, bez toho, aby
osviežujúci stránku.

2336
01:51:16,390 --> 01:51:18,200
A poďme nám to v
asynchrónny spôsob, ktorý

2337
01:51:18,200 --> 01:51:19,450
nezamŕza stránku.

2338
01:51:19,450 --> 01:51:22,680

2339
01:51:22,680 --> 01:51:27,310
Príliš dlhý, nečítal ak to
vysvetlenie bolo pre vás príliš dlhá.

2340
01:51:27,310 --> 01:51:29,430
Tak konečne, cross-site
skriptovanie útoky.

2341
01:51:29,430 --> 01:51:30,910
Videli sme to Zamyla.

2342
01:51:30,910 --> 01:51:34,285
Ak je vo svojom databázovom niekto má tento názov,
ktoré je tento tag script, a ja

2343
01:51:34,285 --> 01:51:38,280
nejaký kód na mojej stránke, ktorá tlačí
s menami ľudí v rade, alebo mám

2344
01:51:38,280 --> 01:51:43,310
nejaký kód JavaScriptu, ktorý vloží
tento názov do stránky,

2345
01:51:43,310 --> 01:51:45,680
čo je to HTML je produkované?

2346
01:51:45,680 --> 01:51:47,290
No, ja vytlačiť značku HTML.

2347
01:51:47,290 --> 01:51:48,390
Aj vytlačiť všetky tieto značky.

2348
01:51:48,390 --> 01:51:50,740
>> Mám na tú časť, kde som tlač
von s kamarátmi.

2349
01:51:50,740 --> 01:51:52,980
Vytlačiť Lauren von.

2350
01:51:52,980 --> 01:51:54,200
To vytlačiť Milo von.

2351
01:51:54,200 --> 01:51:56,810
A potom sa moje meno v databáze
je skript príspevok

2352
01:51:56,810 --> 01:51:58,060
nelichotivé postavenie Facebook.

2353
01:51:58,060 --> 01:52:00,740

2354
01:52:00,740 --> 01:52:04,330
Pretože som vložil to do stránky
, Pretože to vyzerá, JavaScript, kedy

2355
01:52:04,330 --> 01:52:07,930
Táto stránka je poslaný k užívateľovi,
sa dostane popravený ako JavaScript.

2356
01:52:07,930 --> 01:52:10,800
A tak to je to, čo nazývame
cross-site scripting útoku.

2357
01:52:10,800 --> 01:52:14,570
Niekto dáva škodlivého informácií
databázy, ktorá by mohla zodpovedať

2358
01:52:14,570 --> 01:52:17,080
niektoré ďalšie reťazec alebo
niektoré JavaScript reťazec.

2359
01:52:17,080 --> 01:52:20,130
>> A keď sa to vytlačí na
Stránka týmto spôsobom, potom to, čo

2360
01:52:20,130 --> 01:52:22,580
sa stane, je, že zlý kód dostane popravený
že som nemal v úmysle

2361
01:52:22,580 --> 01:52:25,110
pre to, aby si popravený.

2362
01:52:25,110 --> 01:52:28,230
A to je všetko, cross-site
skriptovanie útok.

2363
01:52:28,230 --> 01:52:31,790
A spôsob, ako obísť
je to ako povedal Zamyla.

2364
01:52:31,790 --> 01:52:34,340
Stačí zabaliť veci
Špeciálne znaky HTML.

2365
01:52:34,340 --> 01:52:39,460
A tento HTML špeciálne znaky je PHP
funkcia, ktorá zabráni tento druh

2366
01:52:39,460 --> 01:52:42,000
veci z deje s vami
Ak máte škodlivý

2367
01:52:42,000 --> 01:52:43,830
reťazec v databáze.

2368
01:52:43,830 --> 01:52:47,650
Je to proste uniká to, takže to nie je
sa interpretovaný ako HTML.

2369
01:52:47,650 --> 01:52:50,960
Nahrádza malé držiaky
s tým, čo nazývame subjekty.

2370
01:52:50,960 --> 01:52:52,250
A šli sme na to v prednáške príliš.

2371
01:52:52,250 --> 01:52:55,800
Takže myslím, že chlapci by mali mať
dobrý prehľad o to.

2372
01:52:55,800 --> 01:52:57,420
Otázky?

2373
01:52:57,420 --> 01:52:57,820
Áno.

2374
01:52:57,820 --> 01:53:00,860
>> DIVÁKOV: Tak ako by
[Nepočuteľný]?

2375
01:53:00,860 --> 01:53:01,555
>> JOSEPH ONG: Povedz to ešte raz.

2376
01:53:01,555 --> 01:53:02,500
>> DIVÁKOV: Ako by monitor -

2377
01:53:02,500 --> 01:53:02,860
>> JOSEPH ONG: Správne.

2378
01:53:02,860 --> 01:53:06,080
Takže máte niečo, čo sa hovorí, keď
Aj registrovať, typ v mojom mene.

2379
01:53:06,080 --> 01:53:09,390
Len som písať v tejto oblasti, volám sa
stript príspevok nelichotivý Facebook

2380
01:53:09,390 --> 01:53:11,570
Stav v blízkosti script tag.

2381
01:53:11,570 --> 01:53:15,690
A to len dostane dať do
databázy, pretože nemôžem povedať, niekto

2382
01:53:15,690 --> 01:53:18,260
vo svete nemá meno
s ľavou šípkou v ňom alebo

2383
01:53:18,260 --> 01:53:19,036
Slovo skript v ňom.

2384
01:53:19,036 --> 01:53:21,330
To nie je naozaj zmysel.

2385
01:53:21,330 --> 01:53:24,560
Tak som sa len uistiť, že som
dezinfikovať veci skôr, než som ju vytlačiť

2386
01:53:24,560 --> 01:53:25,420
von na stránku.

2387
01:53:25,420 --> 01:53:27,140
>> DIVÁKOV: Takže špeciálne karty HTML
zabraňuje tagy skriptu?

2388
01:53:27,140 --> 01:53:28,710
>> JOSEPH ONG: Jo.

2389
01:53:28,710 --> 01:53:29,960
Takže to nebráni tagy skriptu.

2390
01:53:29,960 --> 01:53:32,320
Je to jednoducho robí, či
skript tagy nechápem

2391
01:53:32,320 --> 01:53:35,120
interpretovaný ako HTML alebo -

2392
01:53:35,120 --> 01:53:35,400
jo.

2393
01:53:35,400 --> 01:53:38,470
Je to proste príde ako to, čo
je to v skutočnosti je.

2394
01:53:38,470 --> 01:53:39,220
Dobrá.

2395
01:53:39,220 --> 01:53:40,930
Takže to bolo preskúmanie kvíz.

2396
01:53:40,930 --> 01:53:41,830
V pohode.

2397
01:53:41,830 --> 01:53:45,088
>> [APPLAUSE]