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

2
00:00:08,070 --> 00:00:10,430
>> R.J. AQUINO: Chcę po prostu zacząć.

3
00:00:10,430 --> 00:00:12,310
Więc to jest quiz 1.

4
00:00:12,310 --> 00:00:14,890
Oto kilka informacji na wysokim poziomie.

5
00:00:14,890 --> 00:00:19,915
O stronę do quizu jest na to
URL, nie CS50.net, chociaż

6
00:00:19,915 --> 00:00:21,080
będzie nadal działać.

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

8
00:00:26,920 --> 00:00:31,070
To duża O stronie, informujący
gdzie i kiedy, czyli w najbliższą środę

9
00:00:31,070 --> 00:00:32,100
w pęczek pokoi.

10
00:00:32,100 --> 00:00:36,120
I przez następną środę, że
znaczy za dwa dni.

11
00:00:36,120 --> 00:00:37,890
Wszystkie te informacje są tam.

12
00:00:37,890 --> 00:00:39,110
Ale to jest skumulowane.

13
00:00:39,110 --> 00:00:43,790
>> Więc wszystko z pierwszej połowy
rok jest potencjalnie w quizie,

14
00:00:43,790 --> 00:00:50,780
bo naprawdę nie można zrobić zaawansowane
rzeczy w C bez, jeśli warunki i

15
00:00:50,780 --> 00:00:51,920
pętle i podobne.

16
00:00:51,920 --> 00:00:55,580
Ale nie będzie nacisk na
Materiał pokryty od Quiz 0,

17
00:00:55,580 --> 00:00:59,570
począwszy od strukturach i plików
I / O. To zazwyczaj więcej

18
00:00:59,570 --> 00:01:01,620
wyzwaniem niż Quiz 0.

19
00:01:01,620 --> 00:01:03,870
Przeciętny wynik jest zazwyczaj niższa.

20
00:01:03,870 --> 00:01:05,980
Ciężkiej nauki.

21
00:01:05,980 --> 00:01:09,340
>> Podczas gdy uczysz, należy użyć
CS50/discuss zamieścić swoje pytania

22
00:01:09,340 --> 00:01:10,830
i przeczytać pytania innych ludzi.

23
00:01:10,830 --> 00:01:13,550
Więc jeśli nie masz żadnych pytań,
Zaloguj się i przeczytaj

24
00:01:13,550 --> 00:01:14,580
pytania znajomych.

25
00:01:14,580 --> 00:01:16,560
Pewnie dobre pytania.

26
00:01:16,560 --> 00:01:17,730
Quizy i podjęcia praktyk.

27
00:01:17,730 --> 00:01:20,750
Byliśmy dając quizy dla
siedem lub osiem lat.

28
00:01:20,750 --> 00:01:22,180
Wszyscy są w trybie online.

29
00:01:22,180 --> 00:01:25,540
Przyszłe pytania są podobne
do starych pytań.

30
00:01:25,540 --> 00:01:26,550
To, w jaki sposób uczynić je.

31
00:01:26,550 --> 00:01:27,740
>> Quiz jeszcze nie istnieje.

32
00:01:27,740 --> 00:01:28,670
Nikt z nas nie widział.

33
00:01:28,670 --> 00:01:32,496
Ale to będzie wyglądać
poprzednie testy.

34
00:01:32,496 --> 00:01:36,500
Na tej sesji przeglądarki, to nie jest
wyczerpująca lista tematów.

35
00:01:36,500 --> 00:01:40,740
Nie możesz po prostu wziąć udział w tym, a następnie
być całkowicie gotowy do quizu.

36
00:01:40,740 --> 00:01:43,330
W innym przypadku nie byłoby
że wiele z quizu.

37
00:01:43,330 --> 00:01:46,270
Jest to również nie koniecznie
wszystko, co musisz wiedzieć o wszelkie

38
00:01:46,270 --> 00:01:46,970
dany temat.

39
00:01:46,970 --> 00:01:50,520
To znaczy narazić na rzeczy
omówiliśmy, przypomnieć, co

40
00:01:50,520 --> 00:01:53,070
pokryte, i sposób, w
które przykryła.

41
00:01:53,070 --> 00:01:57,030
Ale trzeba iść dalej i
głębiej, kiedy uczysz się dokładnie sprawdzić

42
00:01:57,030 --> 00:02:00,230
że wiesz wszystko o każdy dany
temat i że już wypełnione

43
00:02:00,230 --> 00:02:03,320
wszystkie narożniki, które były
pokryte w wykładzie.

44
00:02:03,320 --> 00:02:07,980
>> Noty quizów wam iść do
notatki rysika filmy wykładowe zegarka.

45
00:02:07,980 --> 00:02:10,155
To dobry sposób, aby upewnić się, że masz
objęte wszystkie podstawy.

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

47
00:02:12,670 --> 00:02:17,340
Tak się zaczyna, kiedy zrobiłem to
slajdy, starałem się umieścić gdzie znalazłem

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

49
00:02:18,350 --> 00:02:22,890
Tak dla pliku I / O, na przykład, tydzień 7,
Poniedziałkowy wykład, i pisał

50
00:02:22,890 --> 00:02:27,960
Sekcja 6 i zestaw mają problem
informacje o pliku I / O. Zrobiłem

51
00:02:27,960 --> 00:02:28,840
to dla każdego tematu.

52
00:02:28,840 --> 00:02:33,010
Więc może te slajdy tytułowe
być pomocne dla Ciebie.

53
00:02:33,010 --> 00:02:38,950
>> Więc tutaj mamy pliku I / O. Pamiętaj, że w
Problem Set 5, użyliśmy fopen, fclose,

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

55
00:02:41,210 --> 00:02:48,090
Po odzyskane 30ish JPEG i
po zmianie rozmiaru i grzebał

56
00:02:48,090 --> 00:02:50,320
bitmapy, powinno być dość znajomo
z tych funkcji

57
00:02:50,320 --> 00:02:51,830
i jak one działają.

58
00:02:51,830 --> 00:02:54,420
Jeśli nie są znane,
na pewno się z nimi.

59
00:02:54,420 --> 00:02:56,860
I upewnij się, że rozumiem, co
Argumenty są różne,

60
00:02:56,860 --> 00:02:58,260
gdy są one używane.

61
00:02:58,260 --> 00:03:03,620
>> Ale wspólne błędy związane z plikami
możesz zostać poproszony o -

62
00:03:03,620 --> 00:03:07,270
dobrze, jeśli nie pamiętasz, aby sprawdzić, czy
fopen faktycznie pracował przed wyjazdem do

63
00:03:07,270 --> 00:03:08,350
zmodyfikować plik.

64
00:03:08,350 --> 00:03:09,760
To może być złe.

65
00:03:09,760 --> 00:03:13,560
Jeśli zapomniałeś do fclose plik
że już fopened, że jest podobny do

66
00:03:13,560 --> 00:03:14,400
wyciek pamięci.

67
00:03:14,400 --> 00:03:15,980
To jest bardzo złe.

68
00:03:15,980 --> 00:03:18,670
I zapominając, by sprawdzić, czy masz
osiągnął koniec pliku przed tobą

69
00:03:18,670 --> 00:03:19,790
zacząć pisać do niego.

70
00:03:19,790 --> 00:03:22,320
>> Więc jeśli mówisz, hej, jestem na
Koniec pliku.

71
00:03:22,320 --> 00:03:23,750
Daj mi jeszcze 5 bajtów.

72
00:03:23,750 --> 00:03:27,370
Cóż, to prawdopodobnie nie będzie
pracować zgodnie z oczekiwaniami.

73
00:03:27,370 --> 00:03:30,930
To naprawdę jest dla File I / O,
bo my tak dużo

74
00:03:30,930 --> 00:03:32,300
z ustaw problem.

75
00:03:32,300 --> 00:03:36,000
Więc jeśli rozumieć, co się dzieje
w Problem zestaw 5, pamiętam bitmats

76
00:03:36,000 --> 00:03:40,090
i JPEG, to jesteś chyba wszystko
ustawione dla pliku I / O. Jeśli to nieco

77
00:03:40,090 --> 00:03:44,770
rozmyte, zdecydowanie recenzję tego problemu
ustaw i powiązane materiały.

78
00:03:44,770 --> 00:03:51,110
>> Elemencie były tematem, który był na
linia między 0 i Quiz Quiz 1.

79
00:03:51,110 --> 00:03:53,090
Czy zupełnie nie dokonać cięcia dla Quiz 0.

80
00:03:53,090 --> 00:03:57,040
Więc na pewno się na
Quiz 1 Tydzień 7, poniedziałek.

81
00:03:57,040 --> 00:03:58,150
Jaka jest struktura?

82
00:03:58,150 --> 00:04:00,250
Tutaj przedstawiamy struct.

83
00:04:00,250 --> 00:04:03,140
To tak, jakby nowego typu.

84
00:04:03,140 --> 00:04:07,940
To jest jak pojemnik
na wielu polach.

85
00:04:07,940 --> 00:04:12,970
>> W tym przypadku, mamy zadeklarowane struct
Uczeń, który ma dwa pola -

86
00:04:12,970 --> 00:04:17,750
Ciąg że dzwonisz imię i
int, że dzwonisz wiek.

87
00:04:17,750 --> 00:04:21,450
Więc kiedy przechodzą wokół uczniów lub I
modyfikować studentów, będę w stanie

88
00:04:21,450 --> 00:04:24,430
dostęp do ich nazwy oraz ich wiek.

89
00:04:24,430 --> 00:04:26,670
Spójrzmy na niektóre kodu do tego.

90
00:04:26,670 --> 00:04:29,090
Tutaj widzimy, że już zgłoszone
Student ów, tak jak

91
00:04:29,090 --> 00:04:30,300
Oświadczam jakąkolwiek zmienną -

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

93
00:04:32,430 --> 00:04:34,180
>> Oto uczeń ów.

94
00:04:34,180 --> 00:04:37,370
Zaczyna się z niczego w jego dziedzinach.

95
00:04:37,370 --> 00:04:38,240
Więc je ustawić.

96
00:04:38,240 --> 00:04:40,681
Ustawienie pola struct z kropką.

97
00:04:40,681 --> 00:04:43,780
Tak mi powiedział tutaj, że s.name = RJ.

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

99
00:04:46,470 --> 00:04:48,500
Można również aktualizować pola
sam sposób chcesz zaktualizować

100
00:04:48,500 --> 00:04:49,550
wartość zmiennej.

101
00:04:49,550 --> 00:04:53,270
Więc chcę zmienić nazwę z RJ z
ma okresy do R.J. wpisany

102
00:04:53,270 --> 00:04:54,540
prawidłowy sposób.

103
00:04:54,540 --> 00:04:58,890
Byłoby s.name = RJ same
jak powiedzieliśmy to pierwotnie.

104
00:04:58,890 --> 00:05:00,030
, A następnie można je przejść.

105
00:05:00,030 --> 00:05:00,930
>> Więc mamy ustawić je.

106
00:05:00,930 --> 00:05:01,840
Zaktualizowaliśmy je.

107
00:05:01,840 --> 00:05:03,890
Możesz też do nich dostęp
w ten sam sposób.

108
00:05:03,890 --> 00:05:09,330
Więc, ja drukowanie
R.J. Ma 21 lat.

109
00:05:09,330 --> 00:05:14,700
I mam dostępu do tych wartości
z s.name i s.age.

110
00:05:14,700 --> 00:05:17,040
Tak, że jest dostęp przypisać struktury
z notacji dot.

111
00:05:17,040 --> 00:05:17,850
Tak, pytanie?

112
00:05:17,850 --> 00:05:21,176
>> PUBLICZNOŚCI: Czy jest powód, na
poprzedni slajd, który nie szuka

113
00:05:21,176 --> 00:05:24,848
Student na górnej linii, jak typedef
struktura i uczeń

114
00:05:24,848 --> 00:05:25,840
uczeń na koniec?

115
00:05:25,840 --> 00:05:29,040
>> R.J. AQUINO: Więc pytanie, na
Ten slajd, mamy zazwyczaj postrzegane

116
00:05:29,040 --> 00:05:32,400
typedef struct węzeł, a następnie
Pola tej struktury i

117
00:05:32,400 --> 00:05:34,250
Następnie węzeł słowa.

118
00:05:34,250 --> 00:05:37,790
I jak tu nie mówić, typedef
studentów, a następnie struktura

119
00:05:37,790 --> 00:05:39,820
Pola tej struktury, a następnie studentem?

120
00:05:39,820 --> 00:05:44,310
Powodem jest to, że nie trzeba
dostęp do niego wewnątrz struktury.

121
00:05:44,310 --> 00:05:46,270
Więc to jest OK, aby pozostawić go bez nazwy.

122
00:05:46,270 --> 00:05:49,210
Można po prostu zostawić go jako
anonim struct.

123
00:05:49,210 --> 00:05:53,130
>> Powodem robimy to dla połączonych listach i
rzeczy, ponieważ w środku trzeba

124
00:05:53,130 --> 00:05:55,360
odwołać się do węzłów struct gwiazdę.

125
00:05:55,360 --> 00:05:58,220
Tak więc struktura musi mieć nazwę,
więc masz do niego dostęp później.

126
00:05:58,220 --> 00:05:59,540
Jest to drobny szczegół.

127
00:05:59,540 --> 00:06:04,750
Ale można zazwyczaj zobaczyć typedef struct
nawiasy klamrowe, jeśli nie musisz

128
00:06:04,750 --> 00:06:08,720
Nazwa i typedef struct niektóre nazwy
następnie nawiasy, jeśli będzie

129
00:06:08,720 --> 00:06:09,520
Potrzebuję nazwę.

130
00:06:09,520 --> 00:06:12,070
Więc to jest dobre pytanie.

131
00:06:12,070 --> 00:06:17,000
>> I na tym punkcie, mamy tendencję do modyfikowania
elemencie i przejść wokół przypisać struktury przez

132
00:06:17,000 --> 00:06:18,680
odniesienia, a nie wartości.

133
00:06:18,680 --> 00:06:21,940
Więc po prostu przejść wokół wskaźniki do
elemencie zamiast przechodząc wokół

134
00:06:21,940 --> 00:06:23,150
strukturach siebie.

135
00:06:23,150 --> 00:06:28,050
Więc bardzo często będzie
stosując, w tym przypadku, student * lub

136
00:06:28,050 --> 00:06:34,150
struct node * lub * zamiast węzła
z uczniami lub węzłów.

137
00:06:34,150 --> 00:06:39,350
Więc tutaj, powiedziałem, OK, PTR zmienna
będzie adres sek.

138
00:06:39,350 --> 00:06:45,570
To będzie wskaźnik
studentowi R.J.

139
00:06:45,570 --> 00:06:48,965
>> Tak więc możemy się na tych dziedzinach
tak samo jak mamy nic.

140
00:06:48,965 --> 00:06:51,460
Po pierwsze, numer referencyjny wskaźnik
aby uzyskać struct.

141
00:06:51,460 --> 00:06:55,530
To * ptr, a następnie
kropka i wiek.

142
00:06:55,530 --> 00:06:58,790
Tak, aby uzyskać dostęp do pola, a ja już aktualizowane
to teraz do 22, bo miejmy

143
00:06:58,790 --> 00:07:00,860
powiedzmy, że to moje urodziny.

144
00:07:00,860 --> 00:07:03,990
Jest składnia skrótów
używając tutaj strzałkę.

145
00:07:03,990 --> 00:07:07,060
Więc PTR wiek jest tylko strzałka
sam jako * ptr.age.

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

147
00:07:10,150 --> 00:07:11,550
Teraz, że jest to coś musisz
zapamiętywać i pamiętać.

148
00:07:11,550 --> 00:07:15,010
>> Kiedyś bardzo dużo w pset6,
pset ortografii.

149
00:07:15,010 --> 00:07:18,350
Ale to jest naprawdę to, co się dzieje
na pod wyciągiem.

150
00:07:18,350 --> 00:07:20,500
To dereferencji wskaźnika
i dostępu do niego.

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

152
00:07:21,432 --> 00:07:22,682
>> PUBLICZNOŚCI: [niesłyszalne].

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

154
00:07:25,860 --> 00:07:28,060
>> R.J. AQUINO: Dlaczego więc przy użyciu
wskaźniki jak elemencie zamiast

155
00:07:28,060 --> 00:07:29,500
elemencie się?

156
00:07:29,500 --> 00:07:33,740
Powodem może być, jeśli jesteś przejazdem
struct do funkcji, to prawdopodobnie

157
00:07:33,740 --> 00:07:36,900
chcesz przejść wokół tylko 4 lub tak
bajtów, które reprezentują, jako wskaźnik

158
00:07:36,900 --> 00:07:40,375
przeciwieństwie do 30 lub potencjalnie
40 bajty, które są Struct.

159
00:07:40,375 --> 00:07:44,410
Tak więc przejściu co do funkcji
jest łatwiejsze, gdy sprawa

160
00:07:44,410 --> 00:07:48,230
jest mniejsza w skrócie.

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

162
00:07:49,074 --> 00:07:53,026
>> PUBLICZNOŚCI: Mogłeś o tym wspominałem
na początku, ale istnieją

163
00:07:53,026 --> 00:07:56,000
chowana na inne [niesłyszalne]?

164
00:07:56,000 --> 00:07:58,960
>> R.J. AQUINO: slajdy te będą
się po zakończeniu sesji przeglądarki.

165
00:07:58,960 --> 00:08:00,210
Będziemy zamieszczać je na stronie internetowej.

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

167
00:08:02,450 --> 00:08:06,870
I tak przejdziemy na nieco ruchu
szybciej, będziemy rozmawiać o danych

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

169
00:08:07,350 --> 00:08:08,040
Istnieje wiele.

170
00:08:08,040 --> 00:08:10,080
Zrobiliśmy kilka z nich.

171
00:08:10,080 --> 00:08:12,500
Oto, co należy rozumieć
o strukturze danych.

172
00:08:12,500 --> 00:08:15,590
>> Należy zrozumieć, co naprawdę wysokie
poziomie, co każda struktura jest.

173
00:08:15,590 --> 00:08:21,190
Można wyjaśnić w języku angielskim, aby Twój
przyjaciela, który nie podjął CS50 jak

174
00:08:21,190 --> 00:08:25,580
my organizując nasze dane i dlaczego my
używać czegoś w ten sposób?

175
00:08:25,580 --> 00:08:26,990
To jest rzecz, jeden.

176
00:08:26,990 --> 00:08:29,650
Sprawa dwa, zrozumieć
realizacja.

177
00:08:29,650 --> 00:08:34,270
Więc zrozumieć, jak korzystać z tych rzeczy,
w C. i będziemy będzie nad tym.

178
00:08:34,270 --> 00:08:39,030
>> A następnie co trzy będą wiedzieć
prowadzone razy i ograniczenia

179
00:08:39,030 --> 00:08:40,470
różne struktury używasz.

180
00:08:40,470 --> 00:08:44,059
Więc zrozumieć, dlaczego należy użyć
zamiast tablicy hash tabeli.

181
00:08:44,059 --> 00:08:49,570
Zrozumieć, jak szybko, średnio,
dostępu do tabeli mieszania jest.

182
00:08:49,570 --> 00:08:54,010
Zrozumieć, jakie operacje są szybkie na
powiązana lista, ale powoli i na tablicach

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

184
00:08:56,080 --> 00:08:59,780
Tak więc, aby zrozumieć, że musisz
zrozumieć notacji Big-O tylko wiedzieć

185
00:08:59,780 --> 00:09:01,310
jak rozmawiać o nich
różne rzeczy.

186
00:09:01,310 --> 00:09:02,700
I porozmawiamy o tym.

187
00:09:02,700 --> 00:09:06,040
>> Tak więc pierwszą rzeczą, związane list.

188
00:09:06,040 --> 00:09:07,770
Oto obraz na wysokim poziomie
z połączonej listy.

189
00:09:07,770 --> 00:09:08,830
Pokażemy to w klasie.

190
00:09:08,830 --> 00:09:11,670
My zazwyczaj 10 osób
stojąc na scenie.

191
00:09:11,670 --> 00:09:16,790
Ale mamy szereg węzłów, gdzie każdy
węzeł ma pewną wartość i wskaźnik

192
00:09:16,790 --> 00:09:18,610
do następnej wartości.

193
00:09:18,610 --> 00:09:21,730
Tak więc, aby z jednego węzła do następnego, można
tylko powiedzieć, daj mi następny węzeł.

194
00:09:21,730 --> 00:09:22,530
Masz ten węzeł.

195
00:09:22,530 --> 00:09:23,770
Daj mi następny węzeł.

196
00:09:23,770 --> 00:09:24,400
Masz ten węzeł.

197
00:09:24,400 --> 00:09:28,790
Daj mi następny węzeł itd.
dopóki nie ma lewej węzeł.

198
00:09:28,790 --> 00:09:31,850
>> Więc nadal mówić o
jest na wysokim poziomie.

199
00:09:31,850 --> 00:09:34,100
To bardzo proste, aby wstawić rzeczy
w połączonej listy.

200
00:09:34,100 --> 00:09:36,010
Jeśli nie dbasz o zamówienie,
możesz umieścić je

201
00:09:36,010 --> 00:09:36,840
na samym początku.

202
00:09:36,840 --> 00:09:38,520
To jest stała czasowa.

203
00:09:38,520 --> 00:09:39,900
Ale trudno jest znaleźć wartość.

204
00:09:39,900 --> 00:09:43,060
Jeśli starasz się zapytać,
jest siedem w mojej liście?

205
00:09:43,060 --> 00:09:44,740
Musisz przejść przez
każda pojedyncza wartość.

206
00:09:44,740 --> 00:09:45,680
Czy to siedem?

207
00:09:45,680 --> 00:09:46,610
Czy to siedem?

208
00:09:46,610 --> 00:09:47,770
Czy to siedem?

209
00:09:47,770 --> 00:09:48,690
Czy to siedem?

210
00:09:48,690 --> 00:09:49,830
W kółko.

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

212
00:09:51,520 --> 00:09:53,800
Tak więc, gdy przygotowania do quizu,
Porównaj to z tablic.

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

214
00:09:57,010 --> 00:09:58,220
>> Czy to w porządku?

215
00:09:58,220 --> 00:09:59,220
Zgasły światła przyciemnione.

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

217
00:10:01,110 --> 00:10:02,400
Gdy lista jest związana lepiej?

218
00:10:02,400 --> 00:10:04,640
Kiedy tablica lepiej?

219
00:10:04,640 --> 00:10:06,670
Więc spójrzmy na jakiś kod.

220
00:10:06,670 --> 00:10:08,960
Oto potencjał węzła.

221
00:10:08,960 --> 00:10:09,770
Jest to struktura.

222
00:10:09,770 --> 00:10:12,220
Ma int n, która
będzie nasza wartość.

223
00:10:12,220 --> 00:10:17,780
I ma węzeł struct * obok, które
jest nasz wskaźnik do kolejnego węzła.

224
00:10:17,780 --> 00:10:23,040
Więc widzimy, że się
aby podwyższyć int w naszym węźle.

225
00:10:23,040 --> 00:10:27,850
Ale gdyby to było związane lista char
gwiazdek i powiązana lista pływaków, my

226
00:10:27,850 --> 00:10:28,820
całkowicie mógł zrobić zbyt.

227
00:10:28,820 --> 00:10:33,110
>> Zapamiętaj w pset6, prawdopodobnie miał
powiązana lista gwiazd char lub zaledwie

228
00:10:33,110 --> 00:10:34,360
statyczne tablice char.

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

230
00:10:37,370 --> 00:10:39,040
Przyjrzyjmy się tutaj na pracy.

231
00:10:39,040 --> 00:10:43,570
Dlatego chcemy, aby wstawić nowy
n do naszej listy.

232
00:10:43,570 --> 00:10:48,940
Zaczynamy z głowy, który jest wskaźnikiem
wskaźnik do węzła, który ma

233
00:10:48,940 --> 00:10:53,460
wartość n, a następne od wskaźnika, który
Punkty do tego węzła jest wartość

234
00:10:53,460 --> 00:10:57,760
n i następny null, ponieważ
jest to ostatni węzeł.

235
00:10:57,760 --> 00:11:00,440
Tak więc w interesie czas, będę
umieścić cały kod na ekranie.

236
00:11:00,440 --> 00:11:03,130
I będziemy chodzić po nim
kilka linii na raz.

237
00:11:03,130 --> 00:11:05,790
>> Tak tu jest kod.

238
00:11:05,790 --> 00:11:07,560
Mam nadzieję, że to czytelne.

239
00:11:07,560 --> 00:11:11,275
Pierwszą rzeczą, jaką możemy zrobić, to
my malloc nowy węzeł.

240
00:11:11,275 --> 00:11:15,105
Więc to sprawia, że ​​wskaźnik do nowego węzła, który
nie dość mają coś ustawić

241
00:11:15,105 --> 00:11:16,450
się w nim jeszcze.

242
00:11:16,450 --> 00:11:19,580
Możemy sprawdzić, aby upewnić się, że
nowy węzeł nie jest null.

243
00:11:19,580 --> 00:11:22,220
W przeciwnym razie musimy zrezygnować.

244
00:11:22,220 --> 00:11:27,680
Więc po sprawdzeniu, że teraz
ustawić wartości węzła.

245
00:11:27,680 --> 00:11:31,520
Więc umieścić w naszej nowej n n dziedzinie.

246
00:11:31,520 --> 00:11:36,050
I ustawiamy kolejny wskaźnik, aby wskazywał
przy głowicy, tak, że możemy

247
00:11:36,050 --> 00:11:38,900
teraz to włożona
węzła na naszej liście.

248
00:11:38,900 --> 00:11:44,600
>> Wreszcie mamy globalnego punktu głowy
do naszego nowego węzła, tak, że gdybyśmy

249
00:11:44,600 --> 00:11:50,300
zaczynają się od głowy, że będziemy w tym
nowy pierwszy węzeł zamiast

250
00:11:50,300 --> 00:11:51,560
Stare pierwszy węzeł.

251
00:11:51,560 --> 00:11:55,320
A kiedy ta funkcja się kończy,
Zmienna nowy węzeł już nie istnieje,

252
00:11:55,320 --> 00:11:57,130
ponieważ było lokalne do funkcji.

253
00:11:57,130 --> 00:11:59,770
Więc to jest stan świata.

254
00:11:59,770 --> 00:12:03,570
Nasza globalna głowa wskazuje na nasz nowy
Pierwszy węzeł, co wskazuje na nasze

255
00:12:03,570 --> 00:12:06,346
przy pierwszym węźle, które punkty
do węzła potem.

256
00:12:06,346 --> 00:12:09,790
>> To było wprowadzenie.

257
00:12:09,790 --> 00:12:12,150
Mam nadzieję, że był stosunkowo
proste do naśladowania.

258
00:12:12,150 --> 00:12:14,300
W przypadku wątpliwości, narysować obrazek.

259
00:12:14,300 --> 00:12:17,820
Więc uważam, że mówienie o
związane i patrząc na listy

260
00:12:17,820 --> 00:12:19,870
Kod nie jest bardzo pomocne.

261
00:12:19,870 --> 00:12:23,790
Natomiast patrząc na obraz połączony
Lista pozwala mi myśleć, oh, tak

262
00:12:23,790 --> 00:12:24,970
Mam tu ten węzeł.

263
00:12:24,970 --> 00:12:28,980
Ale jeśli mogę zaktualizować tego wskaźnika,
kończy się odłączony.

264
00:12:28,980 --> 00:12:34,340
I zapomniałem gdzie
węzeł przechodzi.

265
00:12:34,340 --> 00:12:35,390
I kod wychodzi.

266
00:12:35,390 --> 00:12:37,830
I masz wiele węzłów
, które są odłączone.

267
00:12:37,830 --> 00:12:39,970
I nie kończy się z
Lista chcesz.

268
00:12:39,970 --> 00:12:43,320
>> Więc jeśli narysować obrazek i zrobić to
krok po kroku, mam nadzieję, zobaczysz

269
00:12:43,320 --> 00:12:46,840
prawidłowy porządek rzeczy w kategoriach
aktualizowanie wskazówek, aby upewnić

270
00:12:46,840 --> 00:12:48,830
że lista jest razem.

271
00:12:48,830 --> 00:12:51,240
Wkładka jest stosunkowo proste.

272
00:12:51,240 --> 00:12:55,210
Bardziej skomplikowany byłoby
wstawiania w uporządkowanym wykazie.

273
00:12:55,210 --> 00:12:59,980
Funkcja ta jest bardziej skomplikowane usuwanie
i znaleźć, więc patrząc przez liście do

274
00:12:59,980 --> 00:13:03,030
zobaczyć, czy coś tam jest.

275
00:13:03,030 --> 00:13:07,220
Być może zrobił to w pset6 kiedy
ma do swojej tabeli mieszania i powiedział,

276
00:13:07,220 --> 00:13:10,460
dobrze, jest słowo jabłko
w moim połączonej listy?

277
00:13:10,460 --> 00:13:11,440
>> Więc może już to uczyniło.

278
00:13:11,440 --> 00:13:15,530
Ale na pewno, odświeżyć pamięć
i spróbuj reimplement znaleźć i

279
00:13:15,530 --> 00:13:19,150
reimplement usunąć dla połączonej listy.

280
00:13:19,150 --> 00:13:22,850
Zabawa marginesie, tam również związany podwójnie
list, w którym mają

281
00:13:22,850 --> 00:13:27,490
wskaźniki, które wskazują zarówno do przodu i
do tyłu, tak, że można przejść do

282
00:13:27,490 --> 00:13:29,270
następnego węzła i poprzednim węzłem.

283
00:13:29,270 --> 00:13:33,860
I nie było pytanie na zeszłorocznym
Quiz z tego typu, rozmawia

284
00:13:33,860 --> 00:13:36,190
o podwójnie związany list.

285
00:13:36,190 --> 00:13:40,070
>> Teraz, to jest struktura, że ​​jesteś
stosunkowo znane, ponieważ większość

286
00:13:40,070 --> 00:13:42,520
z was zapewne używał ich na pset6.

287
00:13:42,520 --> 00:13:45,680
Oto jeden, który jest nieco mniej znane.

288
00:13:45,680 --> 00:13:51,020
Na marginesie, uważam, że jest quiz 1
przede wszystkim trudniejszy niż Quiz 0, ponieważ

289
00:13:51,020 --> 00:13:54,600
rzeczy robisz, ty
nie zrobił tyle.

290
00:13:54,600 --> 00:13:58,100
Aby dodawać, że w inny sposób, na Quiz 0,
Ci napisał wiele C. I

291
00:13:58,100 --> 00:13:58,880
poprosił Cię o C.

292
00:13:58,880 --> 00:14:02,310
>> Dla Quiz 1, będziemy prosić o
PHP i JavaScript, które można

293
00:14:02,310 --> 00:14:03,490
nie napisał tyle.

294
00:14:03,490 --> 00:14:07,590
Zamierzamy poprosić o kodu C
nie napisałem tyle,

295
00:14:07,590 --> 00:14:09,130
Ten zaawansowany C rzeczy.

296
00:14:09,130 --> 00:14:11,520
Więc na pewno, ćwiczyć my stuff
mowa w wykładzie, który

297
00:14:11,520 --> 00:14:15,260
nie koniecznie zrobić
na problem ustawienia.

298
00:14:15,260 --> 00:14:17,870
>> Skoro o tym mowa, nie zostały napisane
Stos na problem ustawić.

299
00:14:17,870 --> 00:14:19,610
Ale to było w wykładzie.

300
00:14:19,610 --> 00:14:22,530
Oto obraz wysokiego poziomu
stosy, które pokazują co roku.

301
00:14:22,530 --> 00:14:26,180
To w stos tac
stołówce Mather.

302
00:14:26,180 --> 00:14:30,570
Na wysokim poziomie, stosy są ostatnio
, pierwszy z struktury danych.

303
00:14:30,570 --> 00:14:32,040
Oznacza to, że będziesz
aby to w -

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

305
00:14:36,400 --> 00:14:39,180
Jedna rzecz nie może mieć
powiedział - ujemny 3, 0.

306
00:14:39,180 --> 00:14:40,250
Umieścić wszystkie te rzeczy w.

307
00:14:40,250 --> 00:14:42,940
I ostatni włożysz to pierwszy
jeden, że przyjdzie się.

308
00:14:42,940 --> 00:14:44,170
>> Więc masz dwie operacje -

309
00:14:44,170 --> 00:14:45,260
wcisnąć i pop.

310
00:14:45,260 --> 00:14:49,180
Wszystkie wprowadzenie, że jestem
wskazując w ten sposób są Push.

311
00:14:49,180 --> 00:14:52,020
A potem, kiedy osiągnie się chwycić
coś lub dotrzeć na górę, aby złapać

312
00:14:52,020 --> 00:14:53,940
coś, że to pop.

313
00:14:53,940 --> 00:14:55,540
Więc mamy zamiar wdrożyć stosy.

314
00:14:55,540 --> 00:14:57,870
I pokazaliśmy je w wykładzie
za pomocą tablic.

315
00:14:57,870 --> 00:14:59,550
Ale można je zrobić
za pomocą połączonych list.

316
00:14:59,550 --> 00:15:01,770
Stos jest koncepcyjnego danych
struktura, a nie jak

317
00:15:01,770 --> 00:15:03,760
jeden wdrożenie specyficznych.

318
00:15:03,760 --> 00:15:06,420
>> Więc co by to wyglądało?

319
00:15:06,420 --> 00:15:07,970
To wygląda trochę jak ten.

320
00:15:07,970 --> 00:15:10,840
Chcesz mieć wielkość całkowitą.

321
00:15:10,840 --> 00:15:16,000
I chcesz mieć tablicę wartości, które
my dzwoniąc tace, bo to

322
00:15:16,000 --> 00:15:18,570
co to za obraz
nam - int tace -

323
00:15:18,570 --> 00:15:21,740
a nawet Maksymalna.

324
00:15:21,740 --> 00:15:27,100
Więc co się pchać wygląda?

325
00:15:27,100 --> 00:15:33,250
Cóż, jeśli mamy stosu s, a następnie wcisnąć
coś na s, dostaniemy

326
00:15:33,250 --> 00:15:34,620
Wielkość s.

327
00:15:34,620 --> 00:15:42,270
Oraz że byłoby obok
otwarte miejsce z naszej tablicy.

328
00:15:42,270 --> 00:15:50,510
Więc jeśli mamy trzy rzeczy w naszym stosie,
Następnie tace 3 będzie następny

329
00:15:50,510 --> 00:15:54,290
otwarte miejsce, ponieważ 0, 1, i
2 są już wypełnione.

330
00:15:54,290 --> 00:16:01,790
>> Więc umieścić wartość w
s.trays [s.size], trzecie miejsce.

331
00:16:01,790 --> 00:16:06,290
A następnie zwiększamy s.size powiedzieć,
hej, mieliśmy trzy rzeczy przed.

332
00:16:06,290 --> 00:16:07,400
Teraz mamy cztery.

333
00:16:07,400 --> 00:16:10,180
Więc następnym razem, kiedy pchasz, jesteś
zamiar umieścić coś na 4.

334
00:16:10,180 --> 00:16:15,560
Lub następnym pop, będziesz
spojrzeć na 3 zamiast 4 lub cokolwiek.

335
00:16:15,560 --> 00:16:18,000
A potem wrócimy wierny
powiedzmy, hej, udało się.

336
00:16:18,000 --> 00:16:19,160
To działało.

337
00:16:19,160 --> 00:16:22,060
Jako zasada, jeśli funkcja jest
powinien powrócić true lub

338
00:16:22,060 --> 00:16:26,370
fałszywe zawsze zwraca true, możesz
zrobić coś złego.

339
00:16:26,370 --> 00:16:28,350
Tak to działa?

340
00:16:28,350 --> 00:16:32,400
>> Cóż, to działa dobrze na 1, i
2 i 3 i 4 i pięć.

341
00:16:32,400 --> 00:16:34,640
Ale powiedzmy, dotarcia do zdolności.

342
00:16:34,640 --> 00:16:38,750
Mam następnie uruchomić na problem, ponieważ
jeśli rozmiar jest taki sam, jak zdolności, jestem

343
00:16:38,750 --> 00:16:43,340
teraz stara się umieścić coś w
tablica, gdzie nie mam miejsca.

344
00:16:43,340 --> 00:16:46,980
Tak krótki wyboru, aby to naprawić.

345
00:16:46,980 --> 00:16:51,630
Jeśli s.size == pojemności, return false.

346
00:16:51,630 --> 00:16:54,130
W przeciwnym razie, iść i zrobić to, co zrobiliśmy.

347
00:16:54,130 --> 00:16:55,660
Co jeszcze możemy zapytać
o na stosach?

348
00:16:55,660 --> 00:16:56,460
Co jeszcze trzeba studiować?

349
00:16:56,460 --> 00:16:57,690
Co jeszcze trzeba ćwiczyć?

350
00:16:57,690 --> 00:17:01,030
>> Cóż, wdrażanie pop.

351
00:17:01,030 --> 00:17:02,370
My już nie impuls.

352
00:17:02,370 --> 00:17:04,280
Zrobię to.

353
00:17:04,280 --> 00:17:08,180
Realizacja nie tablica, gdzie
użyć połączonej listy, być może.

354
00:17:08,180 --> 00:17:09,390
Nie-int wdrożenie.

355
00:17:09,390 --> 00:17:10,940
Zrobiliśmy ints tutaj.

356
00:17:10,940 --> 00:17:11,880
Ale mogło być pływaków.

357
00:17:11,880 --> 00:17:13,010
Mogłem być ciągi.

358
00:17:13,010 --> 00:17:14,290
To mógł być char gwiazdkowych.

359
00:17:14,290 --> 00:17:17,960
Spójrz na ostatnie konkursy dla rodzaju
pytania poprosiliśmy o stosach.

360
00:17:17,960 --> 00:17:20,000
>> Powiem, że stosy wokół pokryte
same, jak omówiliśmy je w

361
00:17:20,000 --> 00:17:20,540
lat przeszłości.

362
00:17:20,540 --> 00:17:24,400
Więc pytania quizu
być dobrym wskaźnikiem.

363
00:17:24,400 --> 00:17:27,010
Do przodu jeszcze szybciej, kolejek.

364
00:17:27,010 --> 00:17:28,200
Są jak stosy.

365
00:17:28,200 --> 00:17:29,960
Ale są pierwsze weszło, pierwsze wyszło.

366
00:17:29,960 --> 00:17:33,530
Jeśli jesteś Brytyjczykiem, kolejka słowo
zapewne wiele sensu dla Ciebie.

367
00:17:33,530 --> 00:17:36,390
W przeciwnym razie może być
dowiedział się o tym, jak w linii.

368
00:17:36,390 --> 00:17:38,120
Działają one podobnie jak linii
w sklepie Apple.

369
00:17:38,120 --> 00:17:40,740
Pierwsza osoba, która pojawi się na 03:00
rano jest pierwszy

370
00:17:40,740 --> 00:17:42,880
Osoba kupić jego iPada.

371
00:17:42,880 --> 00:17:44,260
>> Tak więc mamy dwie operacje -

372
00:17:44,260 --> 00:17:45,720
enqueue i usunie.

373
00:17:45,720 --> 00:17:47,560
Enqueue stawia kogoś w linii.

374
00:17:47,560 --> 00:17:50,070
Dequeue ciągnie pierwszy
osoba z linii.

375
00:17:50,070 --> 00:17:52,640
Ponownie, możemy realizować
to z tablicy.

376
00:17:52,640 --> 00:17:54,880
Tak więc to, co jest, że struktura
pokazał w wykładzie?

377
00:17:54,880 --> 00:17:57,660
To był ten jeden.

378
00:17:57,660 --> 00:17:59,300
Ponownie, numery.

379
00:17:59,300 --> 00:18:02,020
Ponownie, rozmiar i to nowa rzecz przodu.

380
00:18:02,020 --> 00:18:04,880
Dlaczego istnieje coś, co nazywa przodu?

381
00:18:04,880 --> 00:18:07,050
To następny indeks
element z kolejki.

382
00:18:07,050 --> 00:18:12,210
To tylko wewnętrznie śledzenie
Pierwszy facet, aby pokazać się, więc, że

383
00:18:12,210 --> 00:18:15,005
może wyciągnąć go, kiedy musimy.

384
00:18:15,005 --> 00:18:19,322
>> Zdecydowanie patrzeć na notatki z wykładów i spróbuj
wdrożyć enqueue i usunie

385
00:18:19,322 --> 00:18:21,700
podczas studiów na quiz.

386
00:18:21,700 --> 00:18:23,190
Ważne rzeczy do przemyślenia.

387
00:18:23,190 --> 00:18:27,260
Owijanie wokół jeśli przód plus
Rozmiar kończy się większe niż zdolności.

388
00:18:27,260 --> 00:18:32,670
Ponownie, jeśli struktura jest pełna,
będziesz mieć problem.

389
00:18:32,670 --> 00:18:34,780
Hash tablice widziałeś wcześniej.

390
00:18:34,780 --> 00:18:39,820
Większość z was zapewne realizowane
te na pset6.

391
00:18:39,820 --> 00:18:44,210
Jest to struktura, która dąży do O (1)
stały czas wstawiania i O (1)

392
00:18:44,210 --> 00:18:46,430
stały czas wyszukiwania.

393
00:18:46,430 --> 00:18:49,760
>> W CS50, wdrożyliśmy to jako
tablica połączonych listach.

394
00:18:49,760 --> 00:18:53,690
Kluczowym składnikiem w tabeli mieszania
jest funkcja skrótu.

395
00:18:53,690 --> 00:18:58,350
Tak konwertuje to Twój wkład, powiedzmy,
słowo spoza słownika, w ilości,

396
00:18:58,350 --> 00:18:59,560
który będzie nasz indeks.

397
00:18:59,560 --> 00:19:01,410
I użyjemy tego indeksu
na naszej tablicy.

398
00:19:01,410 --> 00:19:05,374
Więc tutaj jest śliczny obraz
z study.50.net.

399
00:19:05,374 --> 00:19:08,060
Rzucamy wszystkie słowa w
Nasza funkcja skrótu.

400
00:19:08,060 --> 00:19:10,950
I funkcja skrótu mówi nam
gdzie umieścić te słowa.

401
00:19:10,950 --> 00:19:15,650
>> To wszystko jest super w kraju, gdzie
Jest tylko jedno słowo na każdej szczelinie.

402
00:19:15,650 --> 00:19:20,480
Ale, jak to z pset6 istnieje
się więcej słów niż szczeliny.

403
00:19:20,480 --> 00:19:23,080
Więc co się dzieje, gdy
uzyskać kolizji?

404
00:19:23,080 --> 00:19:26,730
Zamiast przechowywać jedną wartość w,
powiedzmy, tabeli mieszania 3, można

405
00:19:26,730 --> 00:19:27,990
przechowywać połączonej listy.

406
00:19:27,990 --> 00:19:32,900
I tak zamiast kantalupa
tutaj, to masz listę, na

407
00:19:32,900 --> 00:19:34,190
gdzie pierwszy węzeł jest melon.

408
00:19:34,190 --> 00:19:35,260
I następny węzeł jest kot.

409
00:19:35,260 --> 00:19:38,970
I trzeci węzeł jest kolizja, niech
powiedzieć, bo wszystkie te słowa zaczynają

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

411
00:19:41,110 --> 00:19:42,700
>> Tak więc większość z was to zrobił dla pset6.

412
00:19:42,700 --> 00:19:45,685
Jeśli nie zrobić tabeli mieszania na pset6
i próbował coś takiego

413
00:19:45,685 --> 00:19:47,720
trie, zdecydowanie przeglądu tabel mieszania.

414
00:19:47,720 --> 00:19:50,650
Jeśli zrobił to na pset6, zdecydowanie
przeglądu tabel mieszania.

415
00:19:50,650 --> 00:19:53,610
A jeśli nie to na pset6 i nie
poćwiczyć rację i ci

416
00:19:53,610 --> 00:19:56,150
miał wiele kłopotów z nim, na pewno
przeglądu tabel mieszania.

417
00:19:56,150 --> 00:20:01,610
Tak naprawdę to z pewnością lekcja
przeglądu tabel mieszania.

418
00:20:01,610 --> 00:20:07,130
>> Zdecydowana mniejszość z was próbował
obecnie próbuje na pset6.

419
00:20:07,130 --> 00:20:08,570
Obraz na wysokim poziomie.

420
00:20:08,570 --> 00:20:15,150
To jest coś takiego, gdzie każdy
węzeł zawiera zbiór dzieci, w którym każdy z

421
00:20:15,150 --> 00:20:17,100
Dziecko odpowiada na list.

422
00:20:17,100 --> 00:20:20,520
I każdy węzeł mówi również,
hej, jestem słowo.

423
00:20:20,520 --> 00:20:25,933
Tak więc w tym przypadku słowa Maxwell
jeśli się M do A do

424
00:20:25,933 --> 00:20:28,530
X-W-PL-P-P, a następnie po nim jeszcze jeden.

425
00:20:28,530 --> 00:20:32,800
I masz ten symbol, Delta, które
to oznacza oznacza to słowo.

426
00:20:32,800 --> 00:20:34,780
Więc Maxwell jest słowo.

427
00:20:34,780 --> 00:20:38,430
Te różnice są przez oznaczający
którego słowa i rzeczy, które są

428
00:20:38,430 --> 00:20:40,360
rzeczy nie są.

429
00:20:40,360 --> 00:20:46,400
>> Więc w pset6, że przechowywane dane
obok jednego z naszych węzłów było "Jestem

430
00:20:46,400 --> 00:20:52,630
Słowo. "I fajna rzecz o próbach
jest w stanie wykazać wkładanie i

431
00:20:52,630 --> 00:20:55,080
odnośnika w O (długość słowa).

432
00:20:55,080 --> 00:20:59,450
Tak po prostu przejść przez Maxwella, to
M-W-X-E-L-L. Tak, siedem lub osiem -

433
00:20:59,450 --> 00:21:00,360
Nie mogę liczyć -

434
00:21:00,360 --> 00:21:03,920
kroki, aby dostać się do końca
i sprawdzić rzeczy.

435
00:21:03,920 --> 00:21:06,800
Tak szybkie wdrożenie tutaj.

436
00:21:06,800 --> 00:21:10,230
Rob przeszedł związane
listy w jego śmierci.

437
00:21:10,230 --> 00:21:11,600
Więc sprawdź to.

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

439
00:21:11,720 --> 00:21:13,240
Przeszedł trie w jego śmierci.

440
00:21:13,240 --> 00:21:14,260
Więc sprawdź to.

441
00:21:14,260 --> 00:21:24,410
>> Ale w zasadzie mieć każdy węzeł posiada 27
wskaźniki do kolejnych węzłów i jeden

442
00:21:24,410 --> 00:21:27,050
Boolean dla mam słowo.

443
00:21:27,050 --> 00:21:31,530
Wyjazd po śmierci Roba na jak
to faktycznie jest realizowany.

444
00:21:31,530 --> 00:21:34,750
Nasza ostateczna struktura, nasze drzewa
i drzewa wyszukiwań binarnych.

445
00:21:34,750 --> 00:21:41,530
Więc patrząc na nich, były one objęte
ostatnio Tydzień 8, poniedziałek.

446
00:21:41,530 --> 00:21:46,960
Drzewo jest podobny do trie, oprócz ciebie
nie muszą mieć 27 węzłów na

447
00:21:46,960 --> 00:21:47,500
każdy punkt.

448
00:21:47,500 --> 00:21:52,820
I nie masz tych danych w każdym
krok, który oznacza, czy -

449
00:21:52,820 --> 00:21:54,030
Ścieżka nie ma znaczenia.

450
00:21:54,030 --> 00:22:00,870
Natomiast trie, od góry do ścieżki
dolny, Maxwell, było dla nas ważne.

451
00:22:00,870 --> 00:22:05,270
>> Ale każdy węzeł ma wiele
dzieci, być może.

452
00:22:05,270 --> 00:22:07,290
Mamy trochę więcej słownictwa.

453
00:22:07,290 --> 00:22:09,530
Korzeń drzewa
jest na samym szczycie.

454
00:22:09,530 --> 00:22:12,520
I powiedzieć, że bardzo najniżej
Węzły, które nie mają

455
00:22:12,520 --> 00:22:14,530
dzieci są liście.

456
00:22:14,530 --> 00:22:18,040
Tak jak trie, drzewo jest
Struktura węzłów.

457
00:22:18,040 --> 00:22:21,490
Popularny rodzaj drzewa, który zamierzamy
rozmawiać o to drzewo binarne, w którym

458
00:22:21,490 --> 00:22:26,040
każdy węzeł ma dzieci lub
jedno dziecko lub dwoje dzieci.

459
00:22:26,040 --> 00:22:28,890
Więc to nie jest obraz o
Drzewo binarne, ponieważ

460
00:22:28,890 --> 00:22:32,890
Węzeł 3 ma troje dzieci.

461
00:22:32,890 --> 00:22:38,140
>> Ale jeśli mielibyśmy ignorować tych, resztę
z nich jest drzewo binarne, ponieważ

462
00:22:38,140 --> 00:22:43,200
wykazuje tę właściwość, że każdy węzeł
ma zero, jedno lub dwoje dzieci.

463
00:22:43,200 --> 00:22:46,400
Więc jak możemy wyrazić to w kodzie?

464
00:22:46,400 --> 00:22:51,460
Możemy mieć węzeł, w którym każdy węzeł ma
całkowita wewnątrz niej, a także

465
00:22:51,460 --> 00:22:55,590
jako wskaźnik do drzewa po lewej stronie
i wskaźnik do drzewa na

466
00:22:55,590 --> 00:22:59,510
Dobra, więc dwóch dzieci.

467
00:22:59,510 --> 00:23:00,880
Jak jest to przydatne?

468
00:23:00,880 --> 00:23:05,740
Dobrze, jeśli uda nam się zasady o tym, gdzie jesteśmy
umieścić węzły, możemy wyszukiwanie szybciej.

469
00:23:05,740 --> 00:23:10,630
>> Więc jest koncepcja poszukiwania binarnego
drzewo, w którym wszystkie węzły

470
00:23:10,630 --> 00:23:14,420
lewo poddrzewo mają mniejszą wartość
niż węzeł patrzymy.

471
00:23:14,420 --> 00:23:17,880
I wszystkie węzły na prawym poddrzewie
mają większą wartość

472
00:23:17,880 --> 00:23:18,660
od węzła głównego.

473
00:23:18,660 --> 00:23:20,670
Teraz wygląda na to, że wiele słów.

474
00:23:20,670 --> 00:23:23,770
Mam zamiar umieścić go wewnątrz podwójna
cytaty i pokazać obraz.

475
00:23:23,770 --> 00:23:27,010
Więc tutaj jest przykładem
wyszukiwanie binarne drzewo.

476
00:23:27,010 --> 00:23:28,770
Zobacz, że zaczynamy z 10.

477
00:23:28,770 --> 00:23:31,780
Wszystko po lewej
10 jest mniejsza niż jej.

478
00:23:31,780 --> 00:23:33,130
I wszystko w prawo
jest większa od niej.

479
00:23:33,130 --> 00:23:37,620
>> Lecz większa niż każdy węzeł
drzewo wyraża tę właściwość.

480
00:23:37,620 --> 00:23:42,110
Więc węzeł 7 ma 3 do
po 9 na prawo.

481
00:23:42,110 --> 00:23:44,440
Tak więc wszystkie te są mniejsze niż 10.

482
00:23:44,440 --> 00:23:50,470
Ale patrząc na tylko tych, 7 ma
3 do jego lewej i 9 do jej prawo.

483
00:23:50,470 --> 00:23:56,100
I podobnie z prawej strony, 15 ma 14
do jego lewej i 50 po prawej stronie.

484
00:23:56,100 --> 00:24:03,770
Tak więc trzy węzły tam, 15, 14,
i 50 są również ważne drzewo binarne

485
00:24:03,770 --> 00:24:05,480
lub ważny wyszukiwanie drzewo binarne.

486
00:24:05,480 --> 00:24:07,250
I wszystkie są większe niż 10.

487
00:24:07,250 --> 00:24:08,960
Więc mogą być
na tam.

488
00:24:08,960 --> 00:24:09,940
Czy jest pytanie?

489
00:24:09,940 --> 00:24:12,580
>> PUBLICZNOŚCI: Jak radzić sobie, gdy
masz dwie siódemki?

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

491
00:24:12,850 --> 00:24:16,550
Jak radzić sobie z dwóch wartości
które są takie same?

492
00:24:16,550 --> 00:24:21,465
Niektóre wyszukiwania binarne drzewa powiedzieć, że ci
ignorować duplikatów, ponieważ celem jest

493
00:24:21,465 --> 00:24:24,280
tylko powiedzieć, widziałem
takie rzeczy jak na razie.

494
00:24:24,280 --> 00:24:28,120
Niektóre drzewa binarne wyszukiwania można powiedzieć
mają grubość wewnątrz węzła.

495
00:24:28,120 --> 00:24:32,000
Inni mogą powiedzieć, że wszystko, co do
lewo jest mniejsza niż lub równa.

496
00:24:32,000 --> 00:24:33,470
I wszystko w prawo
jest większa niż.

497
00:24:33,470 --> 00:24:36,520
>> To po prostu zależy od tego, co
Problemem jest to, masz rozwiązanie.

498
00:24:36,520 --> 00:24:40,840
Tak więc w słowniku, na przykład, gdy
nie dbają o duplikaty.

499
00:24:40,840 --> 00:24:41,490
Można by je wyrzucić.

500
00:24:41,490 --> 00:24:44,719
Ale inny problem może cię to obchodzi.

501
00:24:44,719 --> 00:24:49,242
>> PUBLICZNOŚCI: Czy jest możliwe, aby
1 do lewej 15, która

502
00:24:49,242 --> 00:24:50,590
mniej niż 10?

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

504
00:24:51,885 --> 00:24:56,570
Jeśli 14 tutaj były 1, to byłoby
nie jest ważne wyszukiwanie drzewo binarne,

505
00:24:56,570 --> 00:25:00,840
bo wszystko na prawo od
10 musi być większe niż to.

506
00:25:00,840 --> 00:25:02,300
I zobaczymy, dlaczego.

507
00:25:02,300 --> 00:25:07,960
Jeżeli w kraju poszukiwania moim celem jest
aby znaleźć 14, zaczynam w katalogu głównym.

508
00:25:07,960 --> 00:25:08,500
Więc patrzę.

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

510
00:25:08,710 --> 00:25:10,670
Zamierzamy rozpocząć u podstaw.

511
00:25:10,670 --> 00:25:12,500
Spójrz na 10.

512
00:25:12,500 --> 00:25:16,050
>> Cóż, 14, nasz cel,
jest większa niż 10.

513
00:25:16,050 --> 00:25:17,370
Więc musi być po prawej stronie.

514
00:25:17,370 --> 00:25:21,780
Jest to bardzo podobne do całego komórkowego
Książka, co zrobiliśmy, binarne

515
00:25:21,780 --> 00:25:23,720
szukaj tam.

516
00:25:23,720 --> 00:25:26,430
Jednak zamiast przeszukiwania binarnego
w tablicy, jesteśmy binarny

517
00:25:26,430 --> 00:25:28,490
szukając w tym drzewie.

518
00:25:28,490 --> 00:25:31,260
Więc my wciąż szukamy 14.

519
00:25:31,260 --> 00:25:32,480
No, 14 jest mniejszy niż 15..

520
00:25:32,480 --> 00:25:36,430
Więc jeśli jest to w naszym drzewie, musi
być w tej dziedzinie tutaj.

521
00:25:36,430 --> 00:25:39,680
Musi ona być na prawej
10, a po lewej stronie 15.

522
00:25:39,680 --> 00:25:42,250
>> I tak możemy sprawdzić ten węzeł.

523
00:25:42,250 --> 00:25:45,790
I yay, znaleźliśmy 14.

524
00:25:45,790 --> 00:25:46,760
I nie zamierzam przejść przez to.

525
00:25:46,760 --> 00:25:48,090
Ale tutaj jest kod.

526
00:25:48,090 --> 00:25:49,690
To rzeczywiście dość
proste,

527
00:25:49,690 --> 00:25:52,630
ponieważ jest rekurencyjne.

528
00:25:52,630 --> 00:25:55,420
Co możemy poprosić, żebyś na quiz?

529
00:25:55,420 --> 00:25:57,000
Możemy poprosić o napisanie tego kodu.

530
00:25:57,000 --> 00:25:59,170
Możemy poprosić, aby spojrzeć na ten kod
i modyfikować ten kod i wyjaśnić, co

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

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

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

534
00:26:00,770 --> 00:26:04,240
>> PUBLICZNOŚCI: Czy te slajdy będzie
udostępnione, gdyż były one ostatni raz?

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

536
00:26:04,740 --> 00:26:06,460
Więc na pewno te slajdy
być wysłana.

537
00:26:06,460 --> 00:26:08,640
>> PUBLICZNOŚCI: Oni rzeczywiście pisał
Teraz na stronie internetowej.

538
00:26:08,640 --> 00:26:10,020
David po prostu to zrobił.

539
00:26:10,020 --> 00:26:12,720
>> R.J. AQUINO: Slajdy są
Teraz na stronie internetowej.

540
00:26:12,720 --> 00:26:16,420
Pewnie załatać kilka
Zauważyłam, że literówki i je naprawić.

541
00:26:16,420 --> 00:26:19,940
Ale jest obecna
Wersja na miejscu.

542
00:26:19,940 --> 00:26:21,820
Inne rzeczy, które moglibyśmy zadać ci to zrobić -

543
00:26:21,820 --> 00:26:23,790
Napisać wkładka.

544
00:26:23,790 --> 00:26:27,490
Napisz iteracyjny wersję
Funkcja rekurencyjna właśnie pokazałem

545
00:26:27,490 --> 00:26:32,520
lub porozmawiać o tych sprawach, tak jak w
pkt, w słowach, w zdaniach.

546
00:26:32,520 --> 00:26:35,760
Porównanie czasów pracy i wyjaśniając
co chcesz użyć pliku binarnego

547
00:26:35,760 --> 00:26:39,200
drzewo wyszukaj zamiast
hash tabeli, na przykład.

548
00:26:39,200 --> 00:26:43,580
>> Więc rozumiem tych struktur
w dość głębokim poziomie.

549
00:26:43,580 --> 00:26:47,440
Zrozumieć, jak je pisać, jak
używać ich, jak rozmawiać o nich.

550
00:26:47,440 --> 00:26:50,270
I będziesz wszystko ustawione.

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

552
00:26:50,630 --> 00:26:55,070
>> PUBLICZNOŚCI: Kiedy piszesz
Wyszukiwanie binarne drzewo, w jaki sposób można

553
00:26:55,070 --> 00:27:01,460
określić, jaką wartość
zrobić to jako root?

554
00:27:01,460 --> 00:27:06,120
>> R.J. AQUINO: Więc pytanie, co
Wartość sądzisz jako korzeń?

555
00:27:06,120 --> 00:27:08,760
W zależności od kodu, można
może mieć globalne korzenie.

556
00:27:08,760 --> 00:27:14,290
Więc może prawdopodobnie miał w
pset6 globalnym tabeli mieszania.

557
00:27:14,290 --> 00:27:18,640
Lub może przekazać korzeń
jako argument.

558
00:27:18,640 --> 00:27:23,810
Więc to tutaj funkcja wyszukiwania
przyjmuje argument node *.

559
00:27:23,810 --> 00:27:27,420
I tak co węzeł zdarzy ci się być
patrząc na to jeden traktujesz

560
00:27:27,420 --> 00:27:31,510
jako root, kiedy mijamy go w.

561
00:27:31,510 --> 00:27:32,320
I jestem ustawiony.

562
00:27:32,320 --> 00:27:33,480
To są moje slajdy.

563
00:27:33,480 --> 00:27:35,940
Następna osoba może przyjść swapa
z laptopem i mikrofonem.

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

565
00:27:47,390 --> 00:27:49,760
>> ROB BOWDEN: Myślę, że mam
różnie interpretować to pytanie.

566
00:27:49,760 --> 00:27:53,826
Ale interpretować go jako, jeśli masz
numery 1, 2 i 3, w jaki sposób

567
00:27:53,826 --> 00:27:56,720
wiedzieć, aby 2 korzeń
w porównaniu z 1 lub 3?

568
00:27:56,720 --> 00:27:59,480
Jeśli zrobimy 2 korzenia, to jest ładnie
1 i 3 w lewo i prawo.

569
00:27:59,480 --> 00:28:04,610
Ale jeśli 1 jest korzeniem, to jest od 1 do
góry, 2 w prawo, 3 w prawo.

570
00:28:04,610 --> 00:28:10,880
Tak domyślnie, nie wiesz,
co do korzenia.

571
00:28:10,880 --> 00:28:15,400
I dla każdego algorytmu spodziewamy się
dać, tylko pierwszą rzeczą, którą

572
00:28:15,400 --> 00:28:16,680
Wkładka będzie korzeń.

573
00:28:16,680 --> 00:28:19,890
Lub chcemy dać binarne drzewo, które
już istnieje, że ma pierwiastek.

574
00:28:19,890 --> 00:28:24,760
Ale istnieją inne algorytmy takie, że
główny zaktualizuje, tak, że jeśli

575
00:28:24,760 --> 00:28:28,370
kończy się w sytuacji, gdy jest to 1, 2,
3, to automatycznie zaktualizuje się do

576
00:28:28,370 --> 00:28:30,900
zrobić 2 nowego korzenia, tak że
to jeszcze ładnie wyważone.

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

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

579
00:28:34,833 --> 00:28:36,170
Hej, chłopaki.

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

581
00:28:37,810 --> 00:28:42,490
I mam zamiar skończyć naszą C
a następnie przejść do niektórych z naszych sieci

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

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

584
00:28:46,570 --> 00:28:49,610
Tak więc pierwszą rzeczą jest bufor
ataki przepełnienia.

585
00:28:49,610 --> 00:28:53,070
Warto więc spojrzeć na ten kod.

586
00:28:53,070 --> 00:28:54,260
To bardzo proste.

587
00:28:54,260 --> 00:28:55,460
Jest bla funkcji.

588
00:28:55,460 --> 00:28:56,990
I to nic nie powrócić.

589
00:28:56,990 --> 00:29:00,950
Ale to ma się wskaźnik
na ciąg o nazwie bar.

590
00:29:00,950 --> 00:29:04,920
>> I to się oświadczyć to
bufor, który jest znakiem

591
00:29:04,920 --> 00:29:07,690
Tablica ma 12 slotów.

592
00:29:07,690 --> 00:29:11,730
I wykorzystuje memcpy, który jest po prostu
funkcja, która kopiuje z jednego adresu

593
00:29:11,730 --> 00:29:12,910
do drugiego.

594
00:29:12,910 --> 00:29:19,400
Więc to próbuje skopiować do
nasz bufor z tego co

595
00:29:19,400 --> 00:29:21,140
Pasek wskazuje.

596
00:29:21,140 --> 00:29:24,640
Więc jakiś pomysł co jest nie tak
z tym kodem?

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

598
00:29:27,568 --> 00:29:30,830
>> PUBLICZNOŚCI: Jeżeli pasek jest dłuższy niż
C, będą one zastąpić.

599
00:29:30,830 --> 00:29:31,520
>> ANGELA LI: Tak, dokładnie.

600
00:29:31,520 --> 00:29:34,200
Nie mamy gwarancji, że bar
będzie mniej niż 12 lat.

601
00:29:34,200 --> 00:29:36,080
My po prostu się trochę dowolną liczbę 12.

602
00:29:36,080 --> 00:29:38,380
I byliśmy jak Miejmy nadzieję, że
nasze wejście użytkownika jest mniejsza niż

603
00:29:38,380 --> 00:29:40,440
12 znaków.

604
00:29:40,440 --> 00:29:46,320
Tak więc w idealnym świecie, jeśli nasz wkład jest
zawsze zgodnie z oczekiwaniami, to dostaniemy

605
00:29:46,320 --> 00:29:47,550
coś, witam.

606
00:29:47,550 --> 00:29:48,920
To mniej niż 12 znaków.

607
00:29:48,920 --> 00:29:51,870
Robi się czytać w char c.

608
00:29:51,870 --> 00:29:53,280
A potem coś z tym zrobić.

609
00:29:53,280 --> 00:29:54,800
To naprawdę nie ma znaczenia.

610
00:29:54,800 --> 00:29:59,740
>> Ale osoba mogłaby zrobić
coś więcej jak to, w którym

611
00:29:59,740 --> 00:30:04,760
dać nam cokolwiek bar wskazuje,
to będzie wskazywać na tej ogromnej tablicy

612
00:30:04,760 --> 00:30:06,280
po prostu jest.

613
00:30:06,280 --> 00:30:10,680
I to jest sposób dłużej niż 12 lat.

614
00:30:10,680 --> 00:30:13,830
Tak to się dzieje, aby przejść całą drogę
tu, gdzie powrót

615
00:30:13,830 --> 00:30:15,420
Adres kiedyś.

616
00:30:15,420 --> 00:30:17,860
Więc powiedzmy, że z tej funkcji
nazywa bla.

617
00:30:17,860 --> 00:30:20,970
Może foo był nazywany przez niektórych innych
Funkcja, która została wywołana przez główny.

618
00:30:20,970 --> 00:30:24,890
Więc gdy foo jest uruchomiony, to musi
wiedzieć, gdzie wrócić.

619
00:30:24,890 --> 00:30:29,130
>> Jeśli foo został nazwany przez niektórych funkcji o nazwie
baz, to musi wiedzieć, że jest to

620
00:30:29,130 --> 00:30:30,250
iść z powrotem do baz.

621
00:30:30,250 --> 00:30:34,040
I to właśnie ten adres zwrotny
tu mówi nam.

622
00:30:34,040 --> 00:30:38,340
Ale jeśli zastąpić go inny
Adres w tym przypadku jest

623
00:30:38,340 --> 00:30:42,650
reprezentacja adresu w
początku tego bufora, a następnie

624
00:30:42,650 --> 00:30:45,240
co się faktycznie wydarzy się to, że
zamiast wrócić z powrotem do baz,

625
00:30:45,240 --> 00:30:48,470
które nazywa naszą funkcję, to jest po prostu
zamiar iść do przodu tego kodu.

626
00:30:48,470 --> 00:30:53,930
>> I czy to nie dlatego,
Złośliwy haker koleś przyszedł i

627
00:30:53,930 --> 00:30:56,820
wstrzykuje to, to może kwota ta
o nie jest w rzeczywistości jest.

628
00:30:56,820 --> 00:31:02,030
I to właściwie tylko zakodować, że przerwy
komputer czy coś.

629
00:31:02,030 --> 00:31:05,930
Więc być obronny o tego rodzaju
rzeczą, trzeba założyć, że nigdy nie

630
00:31:05,930 --> 00:31:09,120
wprowadzania danych przez użytkownika jest pewne
ilość znaków.

631
00:31:09,120 --> 00:31:13,310
Na przykład, kiedy robisz
ortografii, pan powiedział, że słowa były

632
00:31:13,310 --> 00:31:15,580
tylko będzie 40 znaków
długo maksymalna.

633
00:31:15,580 --> 00:31:16,570
I to było dobre.

634
00:31:16,570 --> 00:31:20,150
>> Ale jeśli nie, to trzeba by
upewnij się, że tylko do odczytu w 45

635
00:31:20,150 --> 00:31:21,520
znaków na raz.

636
00:31:21,520 --> 00:31:24,430
W przeciwnym razie, można zastąpić
Twój bufor.

637
00:31:24,430 --> 00:31:26,140
Wszelkie pytania na ten temat.

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

639
00:31:26,733 --> 00:31:28,850
>> PUBLICZNOŚCI: można po prostu porozmawiać
trochę więcej o nich?

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

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

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

643
00:31:32,813 --> 00:31:35,870
>> PUBLICZNOŚCI: mikrofon jest tylko dla filmu.

644
00:31:35,870 --> 00:31:37,640
Postaram i projekt.

645
00:31:37,640 --> 00:31:39,900
Cześć, chłopaki.

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

647
00:31:40,920 --> 00:31:45,330
Więc idziemy na kilka rzeczy w
Biblioteka CS50, które już przy

648
00:31:45,330 --> 00:31:49,072
cały semestr, głównie
na dane użytkownika.

649
00:31:49,072 --> 00:31:53,140
Jak wiesz, obejmują CS50
biblioteka po prostu robi CS50.h, które

650
00:31:53,140 --> 00:31:55,660
zawiera wszystkie prototypy
Funkcje, z których można korzystać, jak

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

652
00:31:58,640 --> 00:32:02,870
I jest to jedna linia w CS50
biblioteki, które definiuje ciąg, który

653
00:32:02,870 --> 00:32:05,380
wy wszyscy wiemy już,
tylko char *.

654
00:32:05,380 --> 00:32:07,900
>> Ale rzućmy okiem na
jak GetString działa.

655
00:32:07,900 --> 00:32:10,010
To jest bardzo skrócona wersja.

656
00:32:10,010 --> 00:32:15,090
Można wyciągnąć pliki biblioteki CS50
od, myślę, manuals.CS50.net.

657
00:32:15,090 --> 00:32:16,750
Można przeczytać
Rzeczywista funkcję.

658
00:32:16,750 --> 00:32:19,330
Ale to dotyczy niektórych
ważne elementy.

659
00:32:19,330 --> 00:32:23,870
Więc stworzyliśmy jakiś bufor
z niektórych zdolności.

660
00:32:23,870 --> 00:32:27,570
I to, co robimy jest dostać jeden znak
w czasie od standardowego N.

661
00:32:27,570 --> 00:32:30,910
To miejsce, gdzie wprowadzane przez użytkownika
tekst w konsoli.

662
00:32:30,910 --> 00:32:33,430
>> I tak będziemy czytać
charakter, tak długo, jak to nie jest nowy

663
00:32:33,430 --> 00:32:37,220
linii i to nie koniec sprawy, które
jest koniec standardowego wejścia.

664
00:32:37,220 --> 00:32:45,690
I dla każdej postaci, które czytamy w,
jeśli kończy się dodawanie znaków

665
00:32:45,690 --> 00:32:50,120
do liczby znaków czytaliśmy
i to jest więcej niż naszych możliwości,

666
00:32:50,120 --> 00:32:53,490
to co możemy zrobić, to po prostu zmienić rozmiar naszego
bufor tak, że jest to dwa razy więcej czasu.

667
00:32:53,490 --> 00:32:56,950
Ponownie więc, w tym ochronę przed buforze
ataki przepełnienia, bo czytają w

668
00:32:56,950 --> 00:32:58,315
znaków na raz.

669
00:32:58,315 --> 00:33:02,290
A jeśli w dowolnym momencie można też przeczytać w
wiele, po prostu rozwinąć swój bufor.

670
00:33:02,290 --> 00:33:03,330
Należy pomnożyć ją przez dwa.

671
00:33:03,330 --> 00:33:05,510
I wtedy masz więcej miejsca.

672
00:33:05,510 --> 00:33:09,120
>> W przeciwnym razie, po prostu dodaj
znaków do bufora.

673
00:33:09,120 --> 00:33:15,080
I po skopiowaniu wszystkich
znaków, to zmniejszyć bufor

674
00:33:15,080 --> 00:33:18,510
z powrotem do normalnego rozmiaru, dodać
terminator null, a następnie wrócić.

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

676
00:33:21,880 --> 00:33:24,960
Teraz spójrzmy na GetInt.

677
00:33:24,960 --> 00:33:27,700
Czy wy tego przeczytać?

678
00:33:27,700 --> 00:33:30,710
Można powiększyć trochę.

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

680
00:33:33,410 --> 00:33:34,660
Nie wiem jak działają komputery.

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

682
00:33:40,840 --> 00:33:41,270
Nic nie szkodzi.

683
00:33:41,270 --> 00:33:42,520
Nie mogę powiększyć prawidłowo.

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

685
00:33:47,500 --> 00:33:48,770
>> To jest naprawdę trudne.

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

687
00:33:49,180 --> 00:33:51,490
Po prostu spójrz na to.

688
00:33:51,490 --> 00:33:57,140
Więc co GetInt robi to najpierw czyta
w ciąg, który z GetString

689
00:33:57,140 --> 00:33:59,250
mamy wdrożone wcześniej.

690
00:33:59,250 --> 00:34:02,945
I ważny element, aby pamiętać o
jest, jeśli ten podział, że kończy się

691
00:34:02,945 --> 00:34:06,400
czytanie jest jak faktycznie nie łańcucha,
wtedy po prostu wrócić INT_MAX do

692
00:34:06,400 --> 00:34:09,409
oznaczają awarii.

693
00:34:09,409 --> 00:34:12,645
Dlaczego zamiast wrócić INT_MAX
ujemnej 1 lub 1?

694
00:34:12,645 --> 00:34:13,895
Jakieś pomysły?

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

696
00:34:16,853 --> 00:34:19,350
>> PUBLICZNOŚCI: [niesłyszalne]
ujemne 1 na jednego.

697
00:34:19,350 --> 00:34:20,070
>> ANGELA LI: Tak, dokładnie.

698
00:34:20,070 --> 00:34:24,560
Więc jesteś o wiele bardziej prawdopodobne, po prostu chcę
do wejścia 1 lub ujemną 1, gdy pojawi się monit

699
00:34:24,560 --> 00:34:27,469
dla uruchamianego n i co n-ty maxes.

700
00:34:27,469 --> 00:34:27,969
Jest ogromny.

701
00:34:27,969 --> 00:34:29,690
Nie jesteś prawdopodobnie będzie go używać.

702
00:34:29,690 --> 00:34:32,690
Tak to jest jak się do projektu decyzji
upewnij się, że nie przypadkowo

703
00:34:32,690 --> 00:34:38,540
zwróci błąd i nie wrócić
1, które mogą być przetwarzane

704
00:34:38,540 --> 00:34:41,199
jako właściwej odpowiedzi.

705
00:34:41,199 --> 00:34:45,110
Tak więc, jeśli linia nie istnieje,
wracamy INT-MAX.

706
00:34:45,110 --> 00:34:48,090
W przeciwnym razie, możemy użyć sscanf,
który jest jak scanf.

707
00:34:48,090 --> 00:34:49,449
Ale to czyta z łańcucha.

708
00:34:49,449 --> 00:34:54,310
>> I mamy to sformatowany
Ciąg, który jest% i% c.

709
00:34:54,310 --> 00:34:57,440
A my postaramy się dostosować, które z
co użytkownik dał nam.

710
00:34:57,440 --> 00:35:01,420
Chcemy liczbę pasujących rzeczy
na 1, co oznacza, że ​​tylko

711
00:35:01,420 --> 00:35:04,940
Naprawdę chcesz, aby dopasować liczbę całkowitą
otoczony może biały

712
00:35:04,940 --> 00:35:06,840
miejsca, a może nie.

713
00:35:06,840 --> 00:35:10,710
W tym przypadku, jeśli umieścić w coś
jak bar, bar nie zgadza się na wszystko,

714
00:35:10,710 --> 00:35:14,400
ponieważ nie musi być
liczbę całkowitą od początku.

715
00:35:14,400 --> 00:35:17,060
Więc nigdy sscan odwrócił 0.

716
00:35:17,060 --> 00:35:19,640
Więc nie wrócić, że.

717
00:35:19,640 --> 00:35:23,850
>> Alternatywnie, jeśli umieścić w coś
tak jak 1, 2, 3, A, B, C, które pasuje

718
00:35:23,850 --> 00:35:27,180
zarówno całkowitą, lecz także
charakter po nim.

719
00:35:27,180 --> 00:35:29,990
Więc sscanf zwróci 2, które
nie jest jednak wygodne.

720
00:35:29,990 --> 00:35:34,620
Nie chcesz, 1, 2, 3,,
B, C jest ważna int.

721
00:35:34,620 --> 00:35:36,990
Tak, że również nie działa.

722
00:35:36,990 --> 00:35:38,530
Ale powiedzieć można umieścić w coś jak 50.

723
00:35:38,530 --> 00:35:42,460
, Że będzie pasować do% i, co oznacza,
będzie się czytać w n.

724
00:35:42,460 --> 00:35:44,790
A teraz, n zawiera numer 50.

725
00:35:44,790 --> 00:35:46,110
A potem możesz go zwrócić.

726
00:35:46,110 --> 00:35:49,270
>> W przeciwnym wypadku trafisz Ponów.

727
00:35:49,270 --> 00:35:55,790
A potem po prostu ponownie przechodzi do momentu
masz prawidłowe wejście od użytkownika.

728
00:35:55,790 --> 00:35:56,891
Wszelkie pytania na ten temat?

729
00:35:56,891 --> 00:36:02,182
>> PUBLICZNOŚCI: Więc jeśli były, aby wydrukować
wartość GetInt na [niesłyszalne]

730
00:36:02,182 --> 00:36:06,250
byłoby po prostu całkowitą i max?

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

732
00:36:07,440 --> 00:36:11,780
Więc jeśli używasz GetInt, należy założyć,
że nie chce n-ty max do

733
00:36:11,780 --> 00:36:15,328
Wejście jest ważne, ponieważ masz zamiar
założyć, że to było złe.

734
00:36:15,328 --> 00:36:27,740
>> PUBLICZNOŚCI: Jeśli nie mamy char c i
ktoś umieścić w 1, 2, 3, Sam, prawda

735
00:36:27,740 --> 00:36:29,430
nadal działa przez 1, 2, 3?

736
00:36:29,430 --> 00:36:29,750
>> ANGELA LI: Myślę, że to działa.

737
00:36:29,750 --> 00:36:33,340
Ale ty nie chcesz 123Sam do
wejście podany jest przez użytkownika.

738
00:36:33,340 --> 00:36:34,670
To naprawdę nie jest int.

739
00:36:34,670 --> 00:36:36,840
Więc to nie jest sprawiedliwe
analizować je jako 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
W tym przypadku, przejdźmy
do Internetu.

743
00:36:45,800 --> 00:36:49,120
Więc HTTP nie jest język.

744
00:36:49,120 --> 00:36:56,060
HTTP jest tylko zestaw standardów dla
jak wysyłać rzeczy z klientami,

745
00:36:56,060 --> 00:36:57,280
to ty, do serwerów.

746
00:36:57,280 --> 00:36:59,730
To inni ludzie w internecie.

747
00:36:59,730 --> 00:37:02,900
>> Więc HTTP oznacza Hypertext
Transfer Protocol.

748
00:37:02,900 --> 00:37:04,610
To serce i dusza
całej sieci.

749
00:37:04,610 --> 00:37:07,050
Hipertekst tylko część
odnosi się do HTML.

750
00:37:07,050 --> 00:37:10,690
Transfer jest dla klientów, jak
będzie wysyłać żądania do

751
00:37:10,690 --> 00:37:13,060
Serwery, które dają odpowiedzi.

752
00:37:13,060 --> 00:37:16,380
I protokół jest tylko, w jaki sposób
można oczekiwać serwer zachowywać?

753
00:37:16,380 --> 00:37:19,960
A jak się ma zachowywać
tak, że można usprawnić ten

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

755
00:37:21,920 --> 00:37:26,650
>> Żądania HTTP wyglądać tak dużo jak to.

756
00:37:26,650 --> 00:37:28,070
GET jest rodzaj wniosku.

757
00:37:28,070 --> 00:37:31,220
Wy widzieliście żądania GET
i żądania POST.

758
00:37:31,220 --> 00:37:36,690
Druga rzecz, że tam, / mi, że to
tylko URI lub adres URL, gdzie

759
00:37:36,690 --> 00:37:38,140
chcesz iść w przyjmującym.

760
00:37:38,140 --> 00:37:44,140
Więc wniosek jest prośbą o
Strona, jak www.facebook.com / mnie.

761
00:37:44,140 --> 00:37:45,300
I jest to żądanie GET.

762
00:37:45,300 --> 00:37:51,020
A potem to HTTP/1.1, to tylko
wersja HTTP używasz.

763
00:37:51,020 --> 00:37:55,020
To prawie zawsze 1.1.

764
00:37:55,020 --> 00:37:56,880
>> I jest jeszcze grono
innych rzeczy też.

765
00:37:56,880 --> 00:38:02,510
Rzeczywiście można zobaczyć te, jeśli
otworzyć konsolę, kiedy jesteś

766
00:38:02,510 --> 00:38:03,770
przeglądania stron internetowych.

767
00:38:03,770 --> 00:38:07,290
Odpowiedzi wyglądać
więcej tak.

768
00:38:07,290 --> 00:38:09,620
Górna część jest, ponownie,
typ HTTP używasz

769
00:38:09,620 --> 00:38:12,310
następnie kod stanu.

770
00:38:12,310 --> 00:38:14,700
Więc 200 OK jest wszystko działało.

771
00:38:14,700 --> 00:38:16,200
Oto treść.

772
00:38:16,200 --> 00:38:17,390
Treść będzie podążać.

773
00:38:17,390 --> 00:38:21,730
A potem będzie wam jakie
treści i innych rzeczy też.

774
00:38:21,730 --> 00:38:24,620
>> Kody stanu, istnieje kilka
Najważniejszymi, które powinieneś wiedzieć.

775
00:38:24,620 --> 00:38:26,460
200 OK, to wszystko jest jak złote.

776
00:38:26,460 --> 00:38:28,490
Wszystko działa.

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

778
00:38:29,710 --> 00:38:32,910
To już prawdopodobnie widział jeśli zapomniałeś
chmod coś poprawnie.

779
00:38:32,910 --> 00:38:34,510
Oznacza to, że nie masz
odpowiednie uprawnienia do

780
00:38:34,510 --> 00:38:36,210
dostęp, że w serwerze.

781
00:38:36,210 --> 00:38:38,110
To jak, nie, nie możesz tego zobaczyć.

782
00:38:38,110 --> 00:38:39,780
404 oznacza, że ​​coś nie istnieje.

783
00:38:39,780 --> 00:38:40,400
Nie znaleziono.

784
00:38:40,400 --> 00:38:41,640
Prawdopodobnie widziałeś, że dużo.

785
00:38:41,640 --> 00:38:45,510
>> 500 Internal Server Error jest zwykle
jakby coś poszło nie tak po stronie

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

787
00:38:46,460 --> 00:38:50,830
Więc kiedy się realizacji pset7,
jeśli miał błędy PHP, można

788
00:38:50,830 --> 00:38:53,890
faktycznie przejść na stronę i zobacz
cała masa rzeczy błędów PHP.

789
00:38:53,890 --> 00:38:56,900
Ale to zwykle nie stało,
ponieważ strony nie bardzo chce

790
00:38:56,900 --> 00:38:58,830
powiedzieć, dlaczego ich strona jest podzielona.

791
00:38:58,830 --> 00:39:03,370
Oni prawdopodobnie tylko powrócić
500 Internal Server Error.

792
00:39:03,370 --> 00:39:06,120
>> A jeszcze 418 Jestem czajniczek.

793
00:39:06,120 --> 00:39:07,910
Jest cała historia
Dlatego, że jest rzeczą.

794
00:39:07,910 --> 00:39:09,860
Ale można o tym przeczytać
w wolnym czasie.

795
00:39:09,860 --> 00:39:11,450
Jest cała masa
inne kody stanu też.

796
00:39:11,450 --> 00:39:12,700
Ale są to te
powinieneś wiedzieć.

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

798
00:39:15,660 --> 00:39:18,610
Więc porozmawiajmy o HTML.

799
00:39:18,610 --> 00:39:22,180
HTML, pamiętaj, że nie jest
język programowania.

800
00:39:22,180 --> 00:39:23,510
Jest to język znaczników.

801
00:39:23,510 --> 00:39:25,210
Oznacza to, że opisuje treść.

802
00:39:25,210 --> 00:39:30,440
Dowiesz się, co wygląda na dokument HTML
podoba, czy nie, jak to wygląda

803
00:39:30,440 --> 00:39:32,230
ale jak to jest skonstruowane.

804
00:39:32,230 --> 00:39:36,110
>> Tak, że tworzy strukturę i
Semantyka stron internetowych.

805
00:39:36,110 --> 00:39:37,830
To jak to jest paragraf.

806
00:39:37,830 --> 00:39:40,060
Jest to uporządkowany.

807
00:39:40,060 --> 00:39:42,360
To jest jak odcinek mojej stronie.

808
00:39:42,360 --> 00:39:43,260
Oto tytuł.

809
00:39:43,260 --> 00:39:44,310
Robi takie rzeczy.

810
00:39:44,310 --> 00:39:48,770
Nie styl któregokolwiek z tym, ponieważ
że to, co robisz w CSS.

811
00:39:48,770 --> 00:39:50,270
I wygląda jak seria
z zagnieżdżone znaczniki.

812
00:39:50,270 --> 00:39:54,720
Więc korzystać przykład naprawdę podstawowe
Strona HTML, masz DOCTYPE

813
00:39:54,720 --> 00:39:56,720
Deklaracja tam.

814
00:39:56,720 --> 00:40:00,940
>> To jest deklaracja DOCTYPE
mówiąc, używamy HTML5.

815
00:40:00,940 --> 00:40:03,370
To masz duży znacznik HTML.

816
00:40:03,370 --> 00:40:05,230
Zawiera on głowicę oraz korpus.

817
00:40:05,230 --> 00:40:06,970
W głowie masz tytuł.

818
00:40:06,970 --> 00:40:12,950
To, co dzieje się w tytule
Bar w przeglądarce.

819
00:40:12,950 --> 00:40:15,810
Mamy tag linku, który łączy
w zewnętrznym arkuszu stylów.

820
00:40:15,810 --> 00:40:19,880
A potem mamy skrypt, który ściąga
z zewnętrznego JavaScript, jak również.

821
00:40:19,880 --> 00:40:23,750
>> A następnie wewnątrz naszego ciała jest w rzeczywistości
co zostanie pokazane na stronie.

822
00:40:23,750 --> 00:40:28,210
Mamy punkt, a następnie
obrazu wewnątrz tego ustępu.

823
00:40:28,210 --> 00:40:32,000
Ten jest obraz kociąt.

824
00:40:32,000 --> 00:40:35,840
Zauważ, że obraz
tag zamyka się.

825
00:40:35,840 --> 00:40:41,760
Więc zamiast otwarcia z obrazka
a następnie robi kolejną / obrazu, można

826
00:40:41,760 --> 00:40:47,500
tylko ten mały ukośnik
Tutaj, które zamyka je.

827
00:40:47,500 --> 00:40:53,670
I tag obraz ma również ten klucz
wartość atrybutu Alt.

828
00:40:53,670 --> 00:40:56,970
To, że tekst alternatywny
zdarza się po umieszczeniu nad nią.

829
00:40:56,970 --> 00:41:03,170
>> Większość elementów HTML ma pewne wartości klucza
rzeczy, które można nadać mu różne

830
00:41:03,170 --> 00:41:04,420
dostosowywania.

831
00:41:04,420 --> 00:41:06,230

832
00:41:06,230 --> 00:41:08,705
Tak.

833
00:41:08,705 --> 00:41:09,955
>> PUBLICZNOŚCI: [niesłyszalne].

834
00:41:09,955 --> 00:41:17,510

835
00:41:17,510 --> 00:41:19,680
>> ANGELA LI: Cóż, tak to jest
atrybut znacznika.

836
00:41:19,680 --> 00:41:25,320
Więc jeśli były przy użyciu jQuery, można
Czy Select image.getAttribute.

837
00:41:25,320 --> 00:41:27,930
A potem można szukać
uzyskać atrybutu alt.

838
00:41:27,930 --> 00:41:31,040
I to daje kocięta.

839
00:41:31,040 --> 00:41:37,400
Jeśli pamiętasz formularzy w HTML, wejście
elementy będą miały atrybuty nazw.

840
00:41:37,400 --> 00:41:41,870
I to jest to, co wykorzystuje do wysyłania PHP
wnioski, gdy formularz jest składany.

841
00:41:41,870 --> 00:41:44,762

842
00:41:44,762 --> 00:41:50,064
>> PUBLICZNOŚCI: Czy coś wymienić
o tym, jak w przypadku korzystania kittens.jpg lub

843
00:41:50,064 --> 00:41:54,410
coś, co ma brakujących
plik folderów lub inne pliki?

844
00:41:54,410 --> 00:41:54,750
>> ANGELA LI: Tak.

845
00:41:54,750 --> 00:41:57,010
Więc to jest to, co nazywa się względna
ścieżka, bo nie oddam

846
00:41:57,010 --> 00:41:58,740
Ci pełną ścieżką.

847
00:41:58,740 --> 00:42:05,160
To jak, kiedy w C, jeśli nie fopen
jakiś plik, jeśli fopen hi.txt, że

848
00:42:05,160 --> 00:42:09,190
Oczekuje się hi.txt się w taki sam
katalogu, chyba że dasz mu więcej

849
00:42:09,190 --> 00:42:11,530
złożona ścieżka.

850
00:42:11,530 --> 00:42:14,900
>> PUBLICZNOŚCI: Tak można określić
który folder [niesłyszalne]?

851
00:42:14,900 --> 00:42:17,660
>> ANGELA LI: Tak.

852
00:42:17,660 --> 00:42:19,370
I można sprawdzić, jak to zrobić.

853
00:42:19,370 --> 00:42:23,480
Ale gdybym chciał dostać kittens.jpg się
z katalogu nadrzędnego, zrobiłbym

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
Tak.

857
00:42:30,930 --> 00:42:32,960

858
00:42:32,960 --> 00:42:33,760
Przepraszam.

859
00:42:33,760 --> 00:42:34,045
Tak.

860
00:42:34,045 --> 00:42:35,700
O rany, zapomniałem pytanie.

861
00:42:35,700 --> 00:42:36,460
Jakie było pytanie?

862
00:42:36,460 --> 00:42:39,570
Och, pytanie jest, kittens.jpg
Oczekuje się w katalogu?

863
00:42:39,570 --> 00:42:40,630
I w tym przypadku, jest to.

864
00:42:40,630 --> 00:42:44,030
Ale można też dać pewną ścieżkę
tak, że nie jest to konieczne.

865
00:42:44,030 --> 00:42:47,100

866
00:42:47,100 --> 00:42:48,350
Dobry?

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, podobnie jak HTML, nie jest
język programowania.

870
00:42:55,420 --> 00:42:58,250
CSS to tylko seria zasad stylizacji.

871
00:42:58,250 --> 00:43:00,130
To oznacza kaskadowych arkuszy stylów.

872
00:43:00,130 --> 00:43:03,910
I go używać w połączeniu
ze strony HTML do stylu.

873
00:43:03,910 --> 00:43:08,140
Tak więc istnieją trzy sposoby
można dołączyć go.

874
00:43:08,140 --> 00:43:11,950
Jednym ze sposobów można to zrobić jest w głowie
część kodu HTML, możesz po prostu

875
00:43:11,950 --> 00:43:15,410
otworzyć znacznik, a następnie trzymać się stylu
niektóre CSS rządzi tam.

876
00:43:15,410 --> 00:43:16,759
To całkiem OK.

877
00:43:16,759 --> 00:43:17,228
Tak.

878
00:43:17,228 --> 00:43:21,449
>> PUBLICZNOŚCI: Możesz umieścić te
tagi stylu w latach, niech

879
00:43:21,449 --> 00:43:22,860
powiedzmy, ciała i / ciało.

880
00:43:22,860 --> 00:43:27,400
I wtedy można byłoby stylizacji
Tylko w organizmie.

881
00:43:27,400 --> 00:43:28,840
>> ANGELA LI: można.

882
00:43:28,840 --> 00:43:29,590
Uda się.

883
00:43:29,590 --> 00:43:33,990
Ale nie powinien, bo stylizacja jest
rodzaj metadanych, które powinny znaleźć się w

884
00:43:33,990 --> 00:43:35,890
Szef dokumentu.

885
00:43:35,890 --> 00:43:38,280
Ciało powinno naprawdę zawierają tylko
co się naprawdę dzieje na

886
00:43:38,280 --> 00:43:39,420
pojawi się na stronie.

887
00:43:39,420 --> 00:43:42,155
>> PUBLICZNOŚCI: Więc chcesz umieścić stylu
w twojej głowie do stylu

888
00:43:42,155 --> 00:43:43,930
cała strona, prawda?

889
00:43:43,930 --> 00:43:44,300
>> ANGELA LI: Tak.

890
00:43:44,300 --> 00:43:50,470
Więc wprowadzenie stylu tutaj, te reguły CSS
będą miały zastosowanie do całej strony w oparciu o

891
00:43:50,470 --> 00:43:52,100
ich selektorów.

892
00:43:52,100 --> 00:43:57,090
Więc lepszy sposób to zrobić to zamiast
posiadania tag styl w głowie,

893
00:43:57,090 --> 00:44:00,430
masz link do stylu zewnętrznego
Karta jak pokazałem w

894
00:44:00,430 --> 00:44:01,980
Poprzedni przykład.

895
00:44:01,980 --> 00:44:05,920
Co to robi, jest to stara i znajduje
plik style.css i ciągnie go

896
00:44:05,920 --> 00:44:08,470
i że gdy używa
style dla strony.

897
00:44:08,470 --> 00:44:10,500
By i twoja style.css
tylko wyglądać.

898
00:44:10,500 --> 00:44:13,330
Byłoby to po prostu banda CSS.

899
00:44:13,330 --> 00:44:16,210
>> I w końcu, że jest inny sposób
mogą zawierać CSS, które naprawdę

900
00:44:16,210 --> 00:44:17,480
nie powinien nigdy robić.

901
00:44:17,480 --> 00:44:18,950
To połączenie w jednej linii do stylizacji.

902
00:44:18,950 --> 00:44:22,650
I tak każdy element HTML może również
ma atrybut stylu.

903
00:44:22,650 --> 00:44:26,320
A następnie w tym atrybutem stylu,
możesz dać mu CSS.

904
00:44:26,320 --> 00:44:29,140
Więc w tym przypadku, niezależnie od div jestem
definiowania tutaj, to będzie

905
00:44:29,140 --> 00:44:32,580
mają czarne tło i
biały kolor tekstu.

906
00:44:32,580 --> 00:44:35,620
Ale nie powinno się tego robić, bo to, co
to nie jest to stawia swoją stylizację

907
00:44:35,620 --> 00:44:36,850
wewnątrz kodu HTML.

908
00:44:36,850 --> 00:44:40,530
>> I wiem, że rozmawialiśmy o HTML
jest struktura i CSS styl.

909
00:44:40,530 --> 00:44:42,790
Jeśli to zrobisz, to miesza
je razem.

910
00:44:42,790 --> 00:44:44,550
I nie jest to bardzo czysty.

911
00:44:44,550 --> 00:44:45,800
Więc nie rób tego.

912
00:44:45,800 --> 00:44:47,690

913
00:44:47,690 --> 00:44:52,100
Korzystanie przykład CSS, tam, my
wystarczy wybrać ciało HTML

914
00:44:52,100 --> 00:44:52,380
dokumentalny.

915
00:44:52,380 --> 00:44:55,110
I jesteśmy jak, wszystko jest
będzie Comic Sans.

916
00:44:55,110 --> 00:44:57,290
Ja również nie polecam tego.

917
00:44:57,290 --> 00:44:59,940
Ale może to zrobić.

918
00:44:59,940 --> 00:45:03,140
>> Druga zasada tutaj, to będzie
, aby wybrać element na

919
00:45:03,140 --> 00:45:04,880
Strona o identyfikatorze magistrali.

920
00:45:04,880 --> 00:45:11,690
Więc cokolwiek HTML elementem, powiedziałem ID
= Główny, mam zamiar dać, że

921
00:45:11,690 --> 00:45:16,020
Marża 20 pikseli i wyrównać wszystko,
cały tekst do środka.

922
00:45:16,020 --> 00:45:19,030
Ostatnią rzeczą, wybiera według klasy CSS.

923
00:45:19,030 --> 00:45:24,450
Więc dowolny element na stronie, że dałem
sekcja klasy, mam zamiar zrobić to

924
00:45:24,450 --> 00:45:26,602
kolor tła z jasnoniebieskim.

925
00:45:26,602 --> 00:45:29,380

926
00:45:29,380 --> 00:45:30,040
Tak.

927
00:45:30,040 --> 00:45:30,700
To wszystko, co mam.

928
00:45:30,700 --> 00:45:30,890
Pytanie?

929
00:45:30,890 --> 00:45:34,020
>> PUBLICZNOŚCI: Co hashtag
przed głównym zrobić?

930
00:45:34,020 --> 00:45:36,310
>> ANGELA LI: Pytanie jest, co robi
hashtag przed głównym zrobienia?

931
00:45:36,310 --> 00:45:40,770
W tym przypadku skrótu w
CSS oznacza, wybierz przez ID.

932
00:45:40,770 --> 00:45:47,490
Więc gdybym miał jakiś element HTML, jak
Divid = CSS to główne reguły wybiera

933
00:45:47,490 --> 00:45:49,260
rzecz o identyfikatorze magistrali.

934
00:45:49,260 --> 00:45:53,940
Podobnie, okres przed
sekcja jest Selekcja według klasy CSS lub

935
00:45:53,940 --> 00:45:56,558
wybrać przez klasy HTML.

936
00:45:56,558 --> 00:46:00,940
>> PUBLICZNOŚCI: Dlaczego nie ma przed
6 w kolorze tła?

937
00:46:00,940 --> 00:46:01,270
>> ANGELA LI: Tak.

938
00:46:01,270 --> 00:46:03,360
Tak jest, dlaczego jest pytanie
hash przed 6?

939
00:46:03,360 --> 00:46:05,320
To jest inny niż tego skrótu.

940
00:46:05,320 --> 00:46:09,500
To oznacza, że ​​dajesz
kolor heksadecymalny.

941
00:46:09,500 --> 00:46:14,260
Tak hex kolory, to po prostu
oznacza kolor.

942
00:46:14,260 --> 00:46:17,860
A pamiętasz trójek RGB kiedy
zrobiłeś pset lekarzy sądowych?

943
00:46:17,860 --> 00:46:18,770
Jest to podobne.

944
00:46:18,770 --> 00:46:21,590
Pierwsze dwie cyfry oznaczają
ile czerwony jest kolor.

945
00:46:21,590 --> 00:46:23,260
Drugie dwa reprezentują
jak bardzo zielony.

946
00:46:23,260 --> 00:46:25,450
A trzecia reprezentuje
jak bardzo niebieski.

947
00:46:25,450 --> 00:46:30,060
I mieszania jest to się dzieje
reprezentowania koloru.

948
00:46:30,060 --> 00:46:35,660
>> Więc wszystko od 0, 0, 0, 0, 0, 0
do F, F, F, F, F, F jest ważny.

949
00:46:35,660 --> 00:46:39,550
To jakiś ważny kolor, które mogą
być wyświetlane przez przeglądarkę.

950
00:46:39,550 --> 00:46:39,790
Pytanie?

951
00:46:39,790 --> 00:46:43,590
>> PUBLICZNOŚCI: Jaka jest różnica między
korzystania przez ID i klasy?

952
00:46:43,590 --> 00:46:46,470
>> ANGELA LI: Pytanie jest, co jest
Różnica pomiędzy

953
00:46:46,470 --> 00:46:48,950
korzystania przez ID i klasy?

954
00:46:48,950 --> 00:46:54,390
Możesz mieć tylko jeden element
Dokument HTML, który ma dany identyfikator.

955
00:46:54,390 --> 00:46:58,660
Tak, tylko jedna rzecz na mojej stronie
może mieć ID main.

956
00:46:58,660 --> 00:47:02,580
Więc można używać go na to nagłówek.

957
00:47:02,580 --> 00:47:03,850
To jest nawigacja.

958
00:47:03,850 --> 00:47:05,230
To jest stopka.

959
00:47:05,230 --> 00:47:09,070
Ćwiczenia są różne, ponieważ można
stosuje się do tak wielu klas elementów HTML

960
00:47:09,070 --> 00:47:10,100
jak chcesz.

961
00:47:10,100 --> 00:47:15,860
>> Tak na przykład, zrobiłem punkt klasy,
bo jest prawdopodobnie więcej niż jeden

962
00:47:15,860 --> 00:47:17,540
punkt na mojej stronie.

963
00:47:17,540 --> 00:47:20,200
Jesteś po prostu może mieć tak wiele
elementów na stronie z tego samego

964
00:47:20,200 --> 00:47:23,190
klasy, ale tylko jeden z pewnym identyfikatorem.

965
00:47:23,190 --> 00:47:25,600
>> PUBLICZNOŚCI: kropka oznacza więc
klasa?

966
00:47:25,600 --> 00:47:26,090
>> ANGELA LI: Tak.

967
00:47:26,090 --> 00:47:27,380
Kropka reprezentuje klasę.

968
00:47:27,380 --> 00:47:29,990

969
00:47:29,990 --> 00:47:31,540
Fajne.

970
00:47:31,540 --> 00:47:32,370
To wszystko, co mam, chłopaki.

971
00:47:32,370 --> 00:47:33,544
Dziękuję.

972
00:47:33,544 --> 00:48:13,380
>> [Aplauz]

973
00:48:13,380 --> 00:48:14,290
>> ZAMYLA Chandler: Cześć wszystkim.

974
00:48:14,290 --> 00:48:14,880
Jestem Zamyla.

975
00:48:14,880 --> 00:48:18,830
Idę do pokrycia PHP,
MVC i SQL dziś.

976
00:48:18,830 --> 00:48:22,350

977
00:48:22,350 --> 00:48:26,110
Dużo materiału, że będę
Pokrycie będzie dość dużo

978
00:48:26,110 --> 00:48:29,100
prosto z pset7.

979
00:48:29,100 --> 00:48:29,700
Dobrze.

980
00:48:29,700 --> 00:48:31,180
Więc co to jest PHP?

981
00:48:31,180 --> 00:48:35,150
PHP oznacza PHP Hypertext
Preprocesora.

982
00:48:35,150 --> 00:48:38,740
Tak więc, jako taka, jest rekurencyjne
Nazwa, która jest całkiem fajny.

983
00:48:38,740 --> 00:48:42,220
PHP jest językiem skryptowym po stronie serwera,
i zapewnia backend

984
00:48:42,220 --> 00:48:44,610
i logiczne podwaliny
naszej stronie internetowej.

985
00:48:44,610 --> 00:48:48,520
>> Więc Angela mówił wiele o HTML
i CSS, które sprawi, że struktury

986
00:48:48,520 --> 00:48:49,530
strony internetowej.

987
00:48:49,530 --> 00:48:53,210
Ale co, jeśli chcesz zmienić
zawartość dynamicznie lub gdy zmienia się

988
00:48:53,210 --> 00:48:55,240
w przeliczeniu na użytkownika lub
określone warunki?

989
00:48:55,240 --> 00:48:57,060
To gdzie jest cala PHP

990
00:48:57,060 --> 00:49:02,610
Teraz zazwyczaj, PHP może zająć kilka
Mniej linii do wdrożenia to samo

991
00:49:02,610 --> 00:49:07,380
w C. To dlatego, że PHP obsługuje pamięć
Zarządzanie dla programisty,

992
00:49:07,380 --> 00:49:11,170
w przeciwieństwie do nam to malloc
wolne, takie rzeczy.

993
00:49:11,170 --> 00:49:15,430
>> Ale ponieważ PHP jest interpretacyjny
język, zazwyczaj, może wykonać

994
00:49:15,430 --> 00:49:19,540
nieco wolniej niż w C, która
jest kompilowany język.

995
00:49:19,540 --> 00:49:23,150
Ponieważ idziemy programowania
języki, spójrzmy na to, jak

996
00:49:23,150 --> 00:49:24,570
składnia będzie się różnić.

997
00:49:24,570 --> 00:49:28,770
Bądźmy bardzo ostrożni, aby nie
pomylić z tym.

998
00:49:28,770 --> 00:49:33,750
Tak ze składnią PHP, czy jesteś
Umieszczanie PHP wewnątrz HTML

999
00:49:33,750 --> 00:49:40,430
pliku lub w pliku PHP. się, jesteś
należy ująć w otwarty kod

1000
00:49:40,430 --> 00:49:45,270
PHP i zamknięte znaczniki PHP, takie jak
Wynika z tego, jak na ekranie.

1001
00:49:45,270 --> 00:49:46,660
>> Zmienne w PHP.

1002
00:49:46,660 --> 00:49:51,490
Każda zmienna rozpocznie się
Znak $, a następnie imię

1003
00:49:51,490 --> 00:49:53,150
zmienna.

1004
00:49:53,150 --> 00:49:56,530
Teraz, zmienne w PHP są luźno wpisane,
co oznacza, że ​​nie trzeba

1005
00:49:56,530 --> 00:50:00,030
do wskazania typu danych
jest wtedy, gdy jesteś deklarowania.

1006
00:50:00,030 --> 00:50:03,505
Jednakże, nie oznacza to, że
Nie mamy żadnych typy na wszystkie.

1007
00:50:03,505 --> 00:50:09,370
Więc jeśli zadeklarować zmienną i po prostu ustawić
jest równa 1, a następnie oświadczam

1008
00:50:09,370 --> 00:50:15,140
innej zmiennej, ustaw go równy "1"
, a potem jeszcze jeden 1.0, dobrze,

1009
00:50:15,140 --> 00:50:19,410
W zależności od rodzaju równości
Operatorzy używam, jeśli chcę, aby porównać

1010
00:50:19,410 --> 00:50:21,830
we wszystkich typów, a następnie
będą one równe.

1011
00:50:21,830 --> 00:50:25,570
Ale jeśli chcę, aby upewnić się, że
Typy są równe, można jeszcze zrobić w PHP

1012
00:50:25,570 --> 00:50:28,690
, że chociaż nie wskazują
jakiego typu jest to, kiedy

1013
00:50:28,690 --> 00:50:31,170
najpierw plik.

1014
00:50:31,170 --> 00:50:33,990
>> Teraz, w PHP, choć jesteśmy
przełączania z programowaniem

1015
00:50:33,990 --> 00:50:39,360
Języki z C, nadal mamy nasze
wierny, jeśli warunek, tak jak to.

1016
00:50:39,360 --> 00:50:43,270
Wciąż mamy nasze pętle while, tylko
jak to, gdzie można umieścić w swoim

1017
00:50:43,270 --> 00:50:47,300
stan i następnie
ciała pętli.

1018
00:50:47,300 --> 00:50:50,360
A następnie Posiadamy również dla pętli,
która zazwyczaj wygląda tak.

1019
00:50:50,360 --> 00:50:55,330
Więc jeśli chcę iteracyjne nad wszystkie
dziewięć psets i złożyć i zadzwonić

1020
00:50:55,330 --> 00:50:58,960
Funkcja submitPset, to może to zrobić
tu, co wy wszyscy

1021
00:50:58,960 --> 00:50:59,830
wykonywana przez ten punkt.

1022
00:50:59,830 --> 00:51:01,080
Gratulacje, tak przy okazji.

1023
00:51:01,080 --> 00:51:04,560

1024
00:51:04,560 --> 00:51:07,550
>> Do kamery, ludzie
powiedział, dziękuję.

1025
00:51:07,550 --> 00:51:11,220
Teraz, jeśli nie chcą po prostu skorzystać z tej
dla pętli, to rzeczywiście również PHP

1026
00:51:11,220 --> 00:51:13,580
ma rzeczy nazywane pętli foreach.

1027
00:51:13,580 --> 00:51:22,210
Więc gdybym miał tablicę liczb całkowitych, 0
do 8, przechowywane w psets tablicy,

1028
00:51:22,210 --> 00:51:27,290
wtedy mógłbym pętli foreach, że
iteracje nad każdym numerem w psets.

1029
00:51:27,290 --> 00:51:30,640
I wtedy będę mógł zadzwonić sam
funkcjonować osiem razy,

1030
00:51:30,640 --> 00:51:31,910
tak jak przedtem.

1031
00:51:31,910 --> 00:51:36,480
Więc to dla każdej pętli jest miły, ponieważ
nie masz się, jeśli nie wiesz,

1032
00:51:36,480 --> 00:51:39,470
Dokładna długość tablicy, że
nie, a następnie za pomocą tej pętli foreach

1033
00:51:39,470 --> 00:51:42,800
zajmie to za Ciebie.

1034
00:51:42,800 --> 00:51:45,410
>> Więc zrobiłem psets jako tablica.

1035
00:51:45,410 --> 00:51:46,700
Spójrzmy na to.

1036
00:51:46,700 --> 00:51:51,290
Tablice w PHP są zazwyczaj takie same, jak
te, które my mieliśmy w C, gdzie

1037
00:51:51,290 --> 00:51:52,960
można zadeklarować tablicę.

1038
00:51:52,960 --> 00:51:59,200
I tutaj, mogę oświadczyć, pustą tablicę
i tworzyć dynamicznie z wykorzystaniem

1039
00:51:59,200 --> 00:52:00,850
Wskaźniki jako liczby całkowite.

1040
00:52:00,850 --> 00:52:04,140
Więc indeksie 0, idę do przechowywania
całkowitą o nazwie 1.

1041
00:52:04,140 --> 00:52:09,210
O indeksie 1 mojej listy, będę
do przechowywania wartości 2.

1042
00:52:09,210 --> 00:52:12,670
, A na trzecim indeksu, ale
Drugi numer, mam zamiar

1043
00:52:12,670 --> 00:52:14,870
zapisać numer 12.

1044
00:52:14,870 --> 00:52:17,250
>> Teraz, to jest w porządku, że
działa to działa dobrze.

1045
00:52:17,250 --> 00:52:21,310
Ale powiedzieć, że dla mnie liczy
co posiada każdy indeks.

1046
00:52:21,310 --> 00:52:24,500
Dla mnie, jak indeks 0 oznacza
wiele kotów mam.

1047
00:52:24,500 --> 00:52:27,400
I indeks 1 oznacza, jak
Mam wiele sowy.

1048
00:52:27,400 --> 00:52:29,450
I kolejna oznacza jak wiele psów.

1049
00:52:29,450 --> 00:52:34,140
Cóż, to, aby określić, że zamiast
zapamiętywać 0 odpowiada

1050
00:52:34,140 --> 00:52:38,090
koty i 1 do sowy, można użyć
asocjacyjnych, co oznacza, że

1051
00:52:38,090 --> 00:52:42,260
zamiast liczb całkowitych jak moich indeksów,
Mogę właściwie używać łańcuchów.

1052
00:52:42,260 --> 00:52:43,290
>> Więc to jest bardzo przydatne.

1053
00:52:43,290 --> 00:52:47,130
I już w zasadzie tylko wymienić
liczby całkowite z ciągów.

1054
00:52:47,130 --> 00:52:50,074
I nie masz
asocjacyjna.

1055
00:52:50,074 --> 00:52:51,930
Tak.

1056
00:52:51,930 --> 00:52:55,800
>> PUBLICZNOŚCI: Czy istnieje powód, dla którego nie ma
podkreślenia na sekundę

1057
00:52:55,800 --> 00:52:58,750
część, bo moja lista ma tablicę.

1058
00:52:58,750 --> 00:53:01,330
>> ZAMYLA Chandler: Pytanie było, jest
Istnieje powód, dla którego nie ma

1059
00:53:01,330 --> 00:53:03,320
podkreślenia między moim i listy?

1060
00:53:03,320 --> 00:53:03,610
Nie.

1061
00:53:03,610 --> 00:53:06,878
To tylko jak jestem nazywania
moja zmienna.

1062
00:53:06,878 --> 00:53:11,670
>> PUBLICZNOŚCI: Na pierwszy
linia, jest to jedno słowo.

1063
00:53:11,670 --> 00:53:12,560
>> ZAMYLA Chandler: Przepraszam.

1064
00:53:12,560 --> 00:53:13,410
Zrobię to.

1065
00:53:13,410 --> 00:53:13,620
Tak.

1066
00:53:13,620 --> 00:53:15,460
Powinny być one takie same nazwy zmiennej.

1067
00:53:15,460 --> 00:53:16,710
Dobry połów.

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
Więc przejdźmy do łańcucha
konkatenacji.

1071
00:53:22,610 --> 00:53:27,500
Gdybym chciał wziąć dwa ciągi,
potem można je złączyć

1072
00:53:27,500 --> 00:53:28,550
z kropki.

1073
00:53:28,550 --> 00:53:32,440
Więc jeśli mam Milo jako imię
i Banana jako nazwisko, a następnie

1074
00:53:32,440 --> 00:53:35,430
łącząc się z kropki i
następnie oddanie przestrzeni pomiędzy

1075
00:53:35,430 --> 00:53:39,210
będzie ciąg zawierający Milo
Bananów, które można następnie echo lub,

1076
00:53:39,210 --> 00:53:41,280
raczej wydrukować.

1077
00:53:41,280 --> 00:53:44,465
>> Mówiąc o echo, porozmawiajmy
o mało użyteczne -

1078
00:53:44,465 --> 00:53:44,920
Ups.

1079
00:53:44,920 --> 00:53:46,030
Przykro mi.

1080
00:53:46,030 --> 00:53:52,920
Kilka użytecznych funkcji PHP.

1081
00:53:52,920 --> 00:53:56,240
Więc mamy -

1082
00:53:56,240 --> 00:53:57,444
trudności techniczne.

1083
00:53:57,444 --> 00:53:58,694
Jeden drugiego.

1084
00:53:58,694 --> 00:54:16,960

1085
00:54:16,960 --> 00:54:19,550
Wysłałem go.

1086
00:54:19,550 --> 00:54:22,320
Problemy PowerPoint.

1087
00:54:22,320 --> 00:54:29,200
I jesteśmy z powrotem z funkcji PHP.

1088
00:54:29,200 --> 00:54:32,010

1089
00:54:32,010 --> 00:54:35,150
I jesteśmy z powrotem z funkcji PHP.

1090
00:54:35,150 --> 00:54:39,890
>> Mamy więc funkcję wymagają, gdzie
jeśli przejdzie w pliku, tutaj jest tylko

1091
00:54:39,890 --> 00:54:43,300
Przykład pliku
Może przekazać w.

1092
00:54:43,300 --> 00:54:47,605
Następnie, że będzie zawierać kod PHP
z tego sprawy, że wskazania.

1093
00:54:47,605 --> 00:54:49,940
I oceni, że w.

1094
00:54:49,940 --> 00:54:54,450
Następnie mamy także echo, które
jest równoległa do printf.

1095
00:54:54,450 --> 00:54:57,710
Wyjściem jest równoległa do złamania,
która wychodzi z bloku

1096
00:54:57,710 --> 00:54:58,570
Kod, który jesteś w.

1097
00:54:58,570 --> 00:55:03,180
A następnie sprawdza, czy pusty podano
Zmienna jest jak wartość null lub zero lub

1098
00:55:03,180 --> 00:55:08,482
co jest utożsamiane z jest pusty.

1099
00:55:08,482 --> 00:55:09,438
Tak.

1100
00:55:09,438 --> 00:55:15,341
>> PUBLICZNOŚCI: Dla połączonego łańcucha znaków
Operator kropka jeden, w PHP, jest to, że

1101
00:55:15,341 --> 00:55:20,158
same jak w JavaScript, w których jest to przy użyciu
kropka na łączenie oznacza Plus?

1102
00:55:20,158 --> 00:55:27,440
Tak dla pełnej nazwy, można mieć dolara
podpisać pierwsze + + i następnie trwać?

1103
00:55:27,440 --> 00:55:27,720
>> ZAMYLA Chandler: Tak.

1104
00:55:27,720 --> 00:55:32,150
Więc pytanie, czy w PHP mamy
może korzystać z tego samego konkatenacji ciągów

1105
00:55:32,150 --> 00:55:33,890
jak w JavaScript z plusów.

1106
00:55:33,890 --> 00:55:35,410
Józef będzie dostać się do tego później.

1107
00:55:35,410 --> 00:55:36,620
Myślę, że on ma poślizg w tej sprawie.

1108
00:55:36,620 --> 00:55:37,570
Właściwie, to co innego.

1109
00:55:37,570 --> 00:55:41,310
Więc w JavaScript, trzeba użyć
oraz łączenia ciągów.

1110
00:55:41,310 --> 00:55:43,280
W PHP, trzeba
użyć operatora kropki.

1111
00:55:43,280 --> 00:55:44,530
Więc są one różne.

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
Więc teraz, że omówiliśmy wszystkie
to PHP, gdzie to

1115
00:55:49,500 --> 00:55:50,490
naprawdę się przydać?

1116
00:55:50,490 --> 00:55:54,470
Cóż, to jest przydatne, gdy mamy
Można połączyć je z naszą HTML.

1117
00:55:54,470 --> 00:55:59,550
Więc nasza PHP daje nam siłę do
zmiany treści HTML zawartość stron przed

1118
00:55:59,550 --> 00:56:00,000
jego ładowania.

1119
00:56:00,000 --> 00:56:04,270
Tak więc na podstawie różnych warunkach
zazwyczaj jest to określony użytkownik

1120
00:56:04,270 --> 00:56:07,520
zalogowany, możemy wyświetlić
inna informacja.

1121
00:56:07,520 --> 00:56:08,800
Linda, nie masz pytanie?

1122
00:56:08,800 --> 00:56:15,510
>> PUBLICZNOŚCI: Czy można łączyć
całkowitą również?

1123
00:56:15,510 --> 00:56:16,760
>> ZAMYLA Chandler: Tak, można.

1124
00:56:16,760 --> 00:56:19,530

1125
00:56:19,530 --> 00:56:23,270
Więc pytanie, czy można
złączyć liczby całkowite lub inne

1126
00:56:23,270 --> 00:56:28,920
variable.s teraz przechodzimy do MVC, które
jest paradygmat, że stosowane w

1127
00:56:28,920 --> 00:56:33,380
pset7 i wiele projektantów stron internetowych użyć do
organizowania kodu w plikach

1128
00:56:33,380 --> 00:56:34,490
na swojej stronie internetowej.

1129
00:56:34,490 --> 00:56:35,870
M oznacza Model.

1130
00:56:35,870 --> 00:56:41,450
I w zasadzie, będzie zajmować pliki modeli
z interakcjami z bazy danych.

1131
00:56:41,450 --> 00:56:44,640
Przeglądać pliki, odnoszą się one do
estetyka strony.

1132
00:56:44,640 --> 00:56:47,550
Kontroler i uchwyty
parsuje żądania użytkownika,

1133
00:56:47,550 --> 00:56:49,230
danych, czy inną logikę.

1134
00:56:49,230 --> 00:56:52,520
>> W pset7, połączyliśmy model
i kontroler.

1135
00:56:52,520 --> 00:56:55,880
I nazywa je po prostu i kontrolery
umieścić je w katalogu publicznym.

1136
00:56:55,880 --> 00:57:01,730
I przeglądanie plików, używamy ich jako
szablony w katalogu szablonów.

1137
00:57:01,730 --> 00:57:07,260
Więc to tu przedstawia również schemat
tego samego rodzaju z podziałem

1138
00:57:07,260 --> 00:57:10,510
modelu i kontroler w kolorze fioletowym
tu po lewej i

1139
00:57:10,510 --> 00:57:12,770
Widok z prawej strony.

1140
00:57:12,770 --> 00:57:16,020
Więc to jest schemat, że niektórzy z was
Może widziałeś w godzinach pracy biura,

1141
00:57:16,020 --> 00:57:19,130
Schematy, które byliśmy rysunek jak ty
było zastanawianie się swoją pset.

1142
00:57:19,130 --> 00:57:25,030
>> Więc tutaj, w danym kontrolerze, modelu
Kontroler, mamy funkcje

1143
00:57:25,030 --> 00:57:30,490
które odnoszą się do wykonywania kwerend SQL
bazy danych, wykonywanie logiki PHP.

1144
00:57:30,490 --> 00:57:32,370
Może chcesz wyszukać
Zdjęcie w Yahoo!

1145
00:57:32,370 --> 00:57:34,590
Finanse.

1146
00:57:34,590 --> 00:57:37,390
A może chcesz po prostu sprawdzić na
czy użytkownik złożył

1147
00:57:37,390 --> 00:57:40,250
mając już przed Formularz
odwiedziło stronę.

1148
00:57:40,250 --> 00:57:43,390
I wtedy można uczynić
tworzą tutaj.

1149
00:57:43,390 --> 00:57:48,210
Następnie formularz został złożony
przez użytkownika, które to działania

1150
00:57:48,210 --> 00:57:53,470
określony w tagu formularza HTML
Wskazywałoby to, że strona

1151
00:57:53,470 --> 00:57:55,620
zwraca, że ​​dane.

1152
00:57:55,620 --> 00:57:59,460
>> Tak więc wszystkie te informacje będą
odesłane do kontrolera.

1153
00:57:59,460 --> 00:58:02,620
Wtedy pewnie zrobić nieco więcej
logika na to i może wykonać kilka

1154
00:58:02,620 --> 00:58:06,510
więcej zapytań w bazie danych SQL i
w końcu, wymyślić ładnie

1155
00:58:06,510 --> 00:58:11,930
zapakowany zestaw informacji, które by
przekazać w do innego szablonu

1156
00:58:11,930 --> 00:58:13,950
pokazywany te informacje.

1157
00:58:13,950 --> 00:58:17,030
Teraz, w jaki sposób właściwie zapakować
że informacje w górę?

1158
00:58:17,030 --> 00:58:23,980
Cóż, mamy funkcję o nazwie Render
że był w pliku functions.php w

1159
00:58:23,980 --> 00:58:29,950
pset7, gdzie przechodzą w imię
plik, nazwa szablonu.

1160
00:58:29,950 --> 00:58:32,160
>> A potem także przekazać w
asocjacyjna.

1161
00:58:32,160 --> 00:58:37,150
I tak, że asocjacyjna reprezentuje
różne informacje

1162
00:58:37,150 --> 00:58:39,040
, które chcesz przekazać w.

1163
00:58:39,040 --> 00:58:43,460
Teraz, co dzieje się na stałym poziomie w
Te przykłady to, że klucze lub,

1164
00:58:43,460 --> 00:58:47,070
a klawisze asocjacyjnych
tablice, są to, co dzieje się

1165
00:58:47,070 --> 00:58:51,050
Oczekuje się na stałym poziomie przez szablonu
ponieważ wie, że potrzebuje

1166
00:58:51,050 --> 00:58:53,990
coś, co nazywa wiadomość
lub o nazwie nazwa.

1167
00:58:53,990 --> 00:58:56,940
A potem to, co na prawo,
Rzeczywiste wartości, więc w tym przypadku, kto jest

1168
00:58:56,940 --> 00:59:00,750
dobry chłopak i Milo, te będą
jako wartości, które zmieniają

1169
00:59:00,750 --> 00:59:05,610
że zmienia się za każdym razem, kontroler
lub na podstawie określonego warunku i

1170
00:59:05,610 --> 00:59:07,120
minie, który w.

1171
00:59:07,120 --> 00:59:12,790
>> Więc tutaj w szablonach, widzimy, że
używasz HTML znaków specjalnych,

1172
00:59:12,790 --> 00:59:16,370
które po prostu w zasadzie oznacza, że ​​chcemy
aby uzyskać ciąg peer,

1173
00:59:16,370 --> 00:59:17,580
Użytkownik wtrącił

1174
00:59:17,580 --> 00:59:20,880
I chcemy, aby zastąpić
Komunikat tam.

1175
00:59:20,880 --> 00:59:26,110
Więc wtedy, kiedy rzeczywiście zobaczyć
plik, specyficzne

1176
00:59:26,110 --> 00:59:28,700
Informacje te są przekazywane widok

1177
00:59:28,700 --> 00:59:33,850
Należy pamiętać, że kluczem jest jak czynią prace
że klucze asocjacyjnych

1178
00:59:33,850 --> 00:59:37,170
tablice, te zmienne stają się
Nazwy tutaj.

1179
00:59:37,170 --> 00:59:40,720
A więc wartości tego klucza w
asocjacyjna staje

1180
00:59:40,720 --> 00:59:41,970
wartość zmiennej.

1181
00:59:41,970 --> 00:59:44,800

1182
00:59:44,800 --> 00:59:46,040
>> Teraz przejdźmy do SQL.

1183
00:59:46,040 --> 00:59:48,010
To oznacza Structured
Query Language.

1184
00:59:48,010 --> 00:59:50,460
I tak jest to tylko programowanie
język zaprojektowany

1185
00:59:50,460 --> 00:59:51,880
do zarządzania bazami danych.

1186
00:59:51,880 --> 00:59:56,860
I stało się dla nas w poręczny
nasza strona pset7 finansów.

1187
00:59:56,860 --> 01:00:00,510
Zasadniczo, jest to po prostu łatwy sposób
śledzenie i zarządzanie obiektami i tabele

1188
01:00:00,510 --> 01:00:02,070
i połączyć je ze sobą.

1189
01:00:02,070 --> 01:00:06,860
Teraz, że z bazy danych SQL
w zasadzie w postaci pliku Excel, być może,

1190
01:00:06,860 --> 01:00:10,040
z wieloma zakładkami arkuszy.

1191
01:00:10,040 --> 01:00:13,820
>> Więc można mieć wiele tabel,
Być może, że połączone ze sobą.

1192
01:00:13,820 --> 01:00:19,420
I podobnie jak Excel, mamy dużo
Funkcjonalność, że chcemy.

1193
01:00:19,420 --> 01:00:22,300
Na przykład, możemy wybrać
niektóre wiersze.

1194
01:00:22,300 --> 01:00:24,110
Możemy wstawić informacje.

1195
01:00:24,110 --> 01:00:25,560
Możemy aktualizować wiersze.

1196
01:00:25,560 --> 01:00:27,440
Możemy również usunąć rzeczy.

1197
01:00:27,440 --> 01:00:30,920

1198
01:00:30,920 --> 01:00:36,560
>> SQL wybrać utwory wybierając wiersze
lub rząd określonych kolumn z

1199
01:00:36,560 --> 01:00:39,640
bazy danych, które pasują pewne
kryteria, które wskazują.

1200
01:00:39,640 --> 01:00:44,930
Więc tutaj, gdy widzę select * from
czarodzieje gdzie dom = Ravenclaw, a następnie

1201
01:00:44,930 --> 01:00:48,340
Ja wybierając *, co oznacza, że ​​jestem
wybierając każdą kolumnę w które

1202
01:00:48,340 --> 01:00:56,340
wiersz z tabeli, ale tylko jeśli kreatorów
Kolumna dom równa Ravenclaw.

1203
01:00:56,340 --> 01:00:57,840
Teraz, to jest czysta lub SQL.

1204
01:00:57,840 --> 01:01:02,680
Jeśli więc poszedłem do phpMyAdmin, który jest
specyficzny sposób, że używamy do zarządzania

1205
01:01:02,680 --> 01:01:07,040
nasze bazy danych SQL, a następnie mogę wstawić
że na stronie internetowej phpMyAdmin.

1206
01:01:07,040 --> 01:01:08,290
I że będzie wykonać.

1207
01:01:08,290 --> 01:01:11,280
>> Ale tak naprawdę chcę robić
że na stronie PHP.

1208
01:01:11,280 --> 01:01:12,580
Więc jak to zrobić?

1209
01:01:12,580 --> 01:01:20,180
Cóż, używamy funkcji zapytań, które
zasadzie, że zapytanie SQL wykonuje.

1210
01:01:20,180 --> 01:01:21,830
Korzystanie?

1211
01:01:21,830 --> 01:01:25,850
jako miejsce, możemy przejść w niektórych
wartości do naszego łańcucha, że

1212
01:01:25,850 --> 01:01:26,920
chcesz zastąpić.

1213
01:01:26,920 --> 01:01:32,110
Więc może ja przechowywania różne
Wartości w curr_house, które

1214
01:01:32,110 --> 01:01:34,400
reprezentuje aktualny dom
że ja przechodzę.

1215
01:01:34,400 --> 01:01:39,040
Więc mogę przekazać, że jako miejsce
ze znakiem zapytania.

1216
01:01:39,040 --> 01:01:43,290
I wtedy ja po prostu wykonać
samo, co przedtem, z wyjątkiem

1217
01:01:43,290 --> 01:01:45,550
teraz jestem w PHP.

1218
01:01:45,550 --> 01:01:51,300
>> I zapytanie zwróci
asocjacyjna.

1219
01:01:51,300 --> 01:01:53,470
I mam zamiar przechowywać go w rzędach.

1220
01:01:53,470 --> 01:01:56,880
Teraz zapytanie zawsze może się nie powieść.

1221
01:01:56,880 --> 01:02:02,870
Być może zapytanie SQL nie może wykonać
ponieważ tabela nie istnieje.

1222
01:02:02,870 --> 01:02:04,310
A może, kolumna nie istnieje.

1223
01:02:04,310 --> 01:02:05,400
Coś poszło nie tak.

1224
01:02:05,400 --> 01:02:08,170
Cóż, w tym przypadku, będziemy chcieli, aby
Upewnij się, że należy sprawdzić, czy

1225
01:02:08,170 --> 01:02:09,700
zapytanie zwróciło fałszywe.

1226
01:02:09,700 --> 01:02:15,590
I to za pomocą potrójnego
równa pracy tam.

1227
01:02:15,590 --> 01:02:19,660
>> A ja przepraszam, co jest kolejnym
Funkcja CS50, przekazując wiadomości.

1228
01:02:19,660 --> 01:02:23,435
A jeśli spojrzeć na nią przeprosić wszystkich
naprawdę nie jest renderowanie apology.php.

1229
01:02:23,435 --> 01:02:26,100

1230
01:02:26,100 --> 01:02:26,410
Tak.

1231
01:02:26,410 --> 01:02:29,630
>> PUBLICZNOŚCI: Czy mógłbyś wyjaśnić, co to
gwiazda robi między wybierz i od?

1232
01:02:29,630 --> 01:02:30,710
>> ZAMYLA Chandler: Tak, absolutnie.

1233
01:02:30,710 --> 01:02:35,220
Więc gwiazda pomiędzy wybierz i od
Oznacza to, że chcę wybrać całość

1234
01:02:35,220 --> 01:02:37,440
Cały wiersz z moim stole.

1235
01:02:37,440 --> 01:02:41,900
Mogłem wskazano wybierz
imię, rok, dom.

1236
01:02:41,900 --> 01:02:46,160
I chciałbym dostać tylko te trzy
kolumny w moim stole.

1237
01:02:46,160 --> 01:02:51,560
Ale jeśli powiem SELECT *, wtedy będę
dostać wszystko, co w tej kolumnie.

1238
01:02:51,560 --> 01:02:53,760
Potem pójdę cię
w pierwszym z tyłu.

1239
01:02:53,760 --> 01:02:57,656
>> PUBLICZNOŚCI: Więc to jest nadal
w SQL, prawda?

1240
01:02:57,656 --> 01:02:59,610
Czy to zapytanie czy jest to w PHP?

1241
01:02:59,610 --> 01:03:00,550
>> ZAMYLA Chandler: Jesteśmy w kwerendzie.

1242
01:03:00,550 --> 01:03:01,940
Tak to jest w PHP.

1243
01:03:01,940 --> 01:03:06,280
Tak więc za pomocą funkcji PHP zapytanie,
jesteśmy wykonywania zapytania SQL.

1244
01:03:06,280 --> 01:03:11,988

1245
01:03:11,988 --> 01:03:15,364
>> PUBLICZNOŚCI: Czy jest coś nie w SQL
wielkość liter, jak wybrać

1246
01:03:15,364 --> 01:03:17,834
lub czarodzieje lub dom?

1247
01:03:17,834 --> 01:03:20,050
>> ZAMYLA Chandler: Czy coś
w SQL wielkość liter?

1248
01:03:20,050 --> 01:03:21,760
Wierzę, że tak.

1249
01:03:21,760 --> 01:03:24,620
Wierzę, że SELECT i FROM
i gdzie są wrażliwe na wielkość liter.

1250
01:03:24,620 --> 01:03:25,535
Nie?

1251
01:03:25,535 --> 01:03:27,500
>> ROB BOWDEN: Tak, to jest odwrotnie.

1252
01:03:27,500 --> 01:03:32,030
Nazwy kolumn i środki stołowe,
wszystkie te są wrażliwe na wielkość liter.

1253
01:03:32,030 --> 01:03:35,470
Ale każda z tych słów kluczowych MySQL, jak
SELECT, FROM i WHERE, to nie są

1254
01:03:35,470 --> 01:03:36,140
wielkość liter.

1255
01:03:36,140 --> 01:03:36,420
OK.

1256
01:03:36,420 --> 01:03:37,780
Więc przeciwieństwem tego, co powiedziałem.

1257
01:03:37,780 --> 01:03:40,420
Więc wszystkie słowa kluczowe MySQL -

1258
01:03:40,420 --> 01:03:42,670
wybrać, z, gdzie - tych,
nie jest uwzględniana wielkość liter.

1259
01:03:42,670 --> 01:03:44,630
Ale wszystko inne jest.

1260
01:03:44,630 --> 01:03:45,210
OK.

1261
01:03:45,210 --> 01:03:46,500
Ci z przodu.

1262
01:03:46,500 --> 01:03:52,041
>> PUBLICZNOŚCI: Jeśli mam $ wiersze w kategoriach
więcej niż jeden wiersz, to znaczy, jest

1263
01:03:52,041 --> 01:03:53,640
po prostu staje się asocjacyjna?

1264
01:03:53,640 --> 01:03:59,550
>> ZAMYLA Chandler: Więc pytanie, czy wiersze
ma więcej niż jeden wiersz w nim nie

1265
01:03:59,550 --> 01:04:01,800
stać asocjacyjna?

1266
01:04:01,800 --> 01:04:05,680
Tak to jest tablica stowarzyszeniowej
Tablice już.

1267
01:04:05,680 --> 01:04:10,730
Tak więc, nawet jeśli jest tylko jeden wiersz
wrócił, to trzeba było iść do

1268
01:04:10,730 --> 01:04:12,690
Indeks 0 z tego wyniku.

1269
01:04:12,690 --> 01:04:15,316
A potem trzeba było, że pierwszy wiersz.

1270
01:04:15,316 --> 01:04:17,482
Tak, Belinda?

1271
01:04:17,482 --> 01:04:21,258
>> PUBLICZNOŚCI: Kiedy używasz ===,
Jest to jedyny przypadek?

1272
01:04:21,258 --> 01:04:22,210
Czy są inne?

1273
01:04:22,210 --> 01:04:26,815
>> ZAMYLA Chandler: Więc w tym przypadku, ===
jest porównanie różnych typów.

1274
01:04:26,815 --> 01:04:29,870

1275
01:04:29,870 --> 01:04:34,050
Przepraszam. === Jest porównanie
że porównuje typy.

1276
01:04:34,050 --> 01:04:37,620
A następnie == porównuje we wszystkich typów.

1277
01:04:37,620 --> 01:04:41,620
>> PUBLICZNOŚCI: Czy możesz wyjaśnić, co
wierszy jest w tej sytuacji?

1278
01:04:41,620 --> 01:04:45,120
Jest to wiersz danych?

1279
01:04:45,120 --> 01:04:48,100
>> ZAMYLA Chandler: W następnym slajdzie, jestem
wyjaśnię co wiersze jest.

1280
01:04:48,100 --> 01:04:49,890
Więc jeśli nie masz nic przeciwko gospodarstwa
się na tym.

1281
01:04:49,890 --> 01:04:50,620
A potem w plecy?

1282
01:04:50,620 --> 01:04:54,699
>> PUBLICZNOŚCI: Dla funkcji, takich jak kwerendy,
renderowanie i przeprosić [niesłyszalne]?

1283
01:04:54,699 --> 01:04:59,050

1284
01:04:59,050 --> 01:05:03,050
>> ZAMYLA Chandler: pytanie, czy
te funkcje - kwerendy, przepraszam,

1285
01:05:03,050 --> 01:05:04,510
i renderowanie -

1286
01:05:04,510 --> 01:05:05,930
są wspólne dla PHP.

1287
01:05:05,930 --> 01:05:09,460
Wśród nich są te, które CS50
napisał do pset7.

1288
01:05:09,460 --> 01:05:09,910
I Jay?

1289
01:05:09,910 --> 01:05:15,333
>> PUBLICZNOŚCI: Kiedy trzeba powiedzieć,
$ _SESSION, Jest to, że tylko dla identyfikatorów?

1290
01:05:15,333 --> 01:05:17,310
Czy można powiedzieć, że tutaj?

1291
01:05:17,310 --> 01:05:23,440
>> ZAMYLA Chandler: Więc pytanie, kiedy
używamy $ _SESSION, to był szczególny

1292
01:05:23,440 --> 01:05:25,290
zmienna globalna, że ​​używamy.

1293
01:05:25,290 --> 01:05:32,080
Tutaj zmienna ta będzie
być lokalne do naszej funkcji.

1294
01:05:32,080 --> 01:05:36,588
Więc my po prostu deklarując
Nowa zmienna.

1295
01:05:36,588 --> 01:05:38,460
>> PUBLICZNOŚCI: Jak przeprosić
realizowane?

1296
01:05:38,460 --> 01:05:40,960
>> ZAMYLA Chandler: pytanie,
jak realizowany jest przeprosić?

1297
01:05:40,960 --> 01:05:44,180
I myślę, że to jest rzeczywiście dość
dobre praktyki dla wy pójść do

1298
01:05:44,180 --> 01:05:49,260
Sekcja functions.php i spojrzeć na
przeprosić i zobaczyć, jak można mieć

1299
01:05:49,260 --> 01:05:50,670
zrobić to sam.

1300
01:05:50,670 --> 01:05:55,620
Tak że może zostawię was, ale tylko do
powiedzieć, że jeśli spojrzeć na przeprosiny,

1301
01:05:55,620 --> 01:06:02,110
to przyjmuje wiadomość, którą
złożone przeprosić, a następnie

1302
01:06:02,110 --> 01:06:06,570
sprawia, że ​​wiadomość.

1303
01:06:06,570 --> 01:06:08,240
Jeszcze jakieś pytania?

1304
01:06:08,240 --> 01:06:08,710
Uwielbiam pytania.

1305
01:06:08,710 --> 01:06:09,555
Tak trzymać je nadchodzi.

1306
01:06:09,555 --> 01:06:11,888
>> PUBLICZNOŚCI: [niesłyszalne]

1307
01:06:11,888 --> 01:06:13,840
echo lub print tam?

1308
01:06:13,840 --> 01:06:15,900
>> ZAMYLA Chandler: pytanie,
nie może po prostu wprowadziły

1309
01:06:15,900 --> 01:06:17,000
echo lub print istnieje.

1310
01:06:17,000 --> 01:06:19,710
Tak, by coś zrobić
nieznacznie.

1311
01:06:19,710 --> 01:06:23,750
Które zostały wydrukowane zapytanie
nie powiodło się, że -

1312
01:06:23,750 --> 01:06:27,420
Cóż, teraz, że jesteśmy rzeczywiście
w naszym kontrolerze.

1313
01:06:27,420 --> 01:06:30,350
Tak więc w rzeczywistości nie mają
HTML ustawić tutaj.

1314
01:06:30,350 --> 01:06:34,946
Przepraszamy za rendering apologize.php
rzeczywistości przekierowuje do 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
>> Więc teraz, idziemy na zajęcia
pytanie o to, co z wcześniej

1318
01:06:45,880 --> 01:06:47,330
naprawdę to wiersze.

1319
01:06:47,330 --> 01:06:51,960
Cóż, kwerenda zwróci
Tablica rzędach.

1320
01:06:51,960 --> 01:06:55,020
I każdy rząd jest reprezentowany
od tablicy asocjacyjnej.

1321
01:06:55,020 --> 01:07:02,840
Więc jeśli mam wykonywane jakieś zapytanie SQL i
Mam zapisany wynik w rzędach, a następnie

1322
01:07:02,840 --> 01:07:07,850
stosując foreach, to tablica
Nazwa jest pierwszy tam - wiersze.

1323
01:07:07,850 --> 01:07:13,170
A potem mam zamiar zadzwonić
każdy wiersz w tam $ row.

1324
01:07:13,170 --> 01:07:20,060
>> Więc iterowanie, że mogę to
dostęp do danego wiersza w kolumnie Nazwa,

1325
01:07:20,060 --> 01:07:22,340
rok kolumna, a dom kolumna.

1326
01:07:22,340 --> 01:07:28,010
Należy pamiętać, że nie byłby w stanie
zrobić z wierszy, ponieważ indeks wierszy

1327
01:07:28,010 --> 01:07:29,290
Nazwa nie istnieje.

1328
01:07:29,290 --> 01:07:31,970
Wiersze jest tylko tablica
Tablice asocjacyjne.

1329
01:07:31,970 --> 01:07:34,870
Więc masz dwa poziomy tam.

1330
01:07:34,870 --> 01:07:37,170
Gdy masz tablicę wierszy,
trzeba dostać się do tego.

1331
01:07:37,170 --> 01:07:39,110
A następnie można przejść do kolumny.

1332
01:07:39,110 --> 01:07:41,636
To się jasno?

1333
01:07:41,636 --> 01:07:42,520
Tak, z przodu?

1334
01:07:42,520 --> 01:07:45,490
>> PUBLICZNOŚCI: [niesłyszalne] otworzyć
Uchwyty na [niesłyszalne]?

1335
01:07:45,490 --> 01:07:46,220
>> ZAMYLA Chandler: Przepraszam?

1336
01:07:46,220 --> 01:07:49,740
>> PUBLICZNOŚCI: Otwarte wsporniki.

1337
01:07:49,740 --> 01:07:52,420
>> ZAMYLA Chandler: Są tutaj?

1338
01:07:52,420 --> 01:07:58,520
To pozwala mi m.in.
że zmienna.

1339
01:07:58,520 --> 01:07:58,670
Tak.

1340
01:07:58,670 --> 01:08:01,900
>> PUBLICZNOŚCI: Podczas drukowania, jesteś
drukowania do kodu HTML?

1341
01:08:01,900 --> 01:08:03,110
>> ZAMYLA Chandler: Tak.

1342
01:08:03,110 --> 01:08:07,720
Podczas drukowania, to tutaj jest w środku
mój szablon teraz, tak

1343
01:08:07,720 --> 01:08:10,310
mój widok metody MVC.

1344
01:08:10,310 --> 01:08:12,750
Więc mam do drukowania HTML.

1345
01:08:12,750 --> 01:08:16,670
>> PUBLICZNOŚCI: Więc jeśli poszliśmy do dewelopera
Po uruchomieniu tego narzędzia, mogliśmy

1346
01:08:16,670 --> 01:08:17,160
że faktycznie w kodzie?

1347
01:08:17,160 --> 01:08:18,410
>> ZAMYLA Chandler: To jest wielki
pytanie, tak.

1348
01:08:18,410 --> 01:08:22,359
Więc jeśli poszedł do narzędzi deweloperskich
W przeglądarce Firefox za pomocą Firebug lub

1349
01:08:22,359 --> 01:08:26,109
Chrome, to tak, można
patrz odpowiedni kod HTML.

1350
01:08:26,109 --> 01:08:28,470
Więc nie pokaże $ row ["nazwa"].

1351
01:08:28,470 --> 01:08:32,524
Niezależnie od tego, by to pokazać
Nazwa jest w tym wierszu.

1352
01:08:32,524 --> 01:08:36,268
>> PUBLICZNOŚCI: Tylko ogólny problem,
co tr i td są zdefiniowane jako?

1353
01:08:36,268 --> 01:08:37,672
Dlaczego mielibyśmy [niesłyszalne]?

1354
01:08:37,672 --> 01:08:41,850

1355
01:08:41,850 --> 01:08:44,814
>> ZAMYLA Chandler: wiersz tabeli tr,
Tabela następnie td kolumnę.

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
>> PUBLICZNOŚCI: Tak, to dane z tabeli.

1360
01:08:56,835 --> 01:08:58,770
>> ZAMYLA Chandler: dane z tabeli.

1361
01:08:58,770 --> 01:08:59,894
Tak.

1362
01:08:59,894 --> 01:09:08,670
>> PUBLICZNOŚCI: Jest to wiersz, w którym
wiersz jest traktowany jak kolumny?

1363
01:09:08,670 --> 01:09:08,910
>> ZAMYLA Chandler: Przykro mi.

1364
01:09:08,910 --> 01:09:10,570
Czy możesz powtórzyć?

1365
01:09:10,570 --> 01:09:14,450
>> PUBLICZNOŚCI: Jak będzie można
wizualizację wierszy?

1366
01:09:14,450 --> 01:09:16,310
>> ZAMYLA Chandler: Jak można wizualizować
Wiersze w jakie sposób?

1367
01:09:16,310 --> 01:09:21,796
Mówisz o nich
wiersze tutaj lub wiersze tr?

1368
01:09:21,796 --> 01:09:22,630
>> PUBLICZNOŚCI: Wiersze.

1369
01:09:22,630 --> 01:09:25,229
>> ZAMYLA Chandler: Te wiersze tutaj?

1370
01:09:25,229 --> 01:09:28,620
Chciałbym wizualizację tego, jak
I wykonać moje zapytanie.

1371
01:09:28,620 --> 01:09:38,729
I mówi: OK, mam albo 0 do n
ilość wierszy spełniających kryteria

1372
01:09:38,729 --> 01:09:40,510
że nie zapytał.

1373
01:09:40,510 --> 01:09:43,740
Więc mam trochę liczbę wierszy.

1374
01:09:43,740 --> 01:09:51,450
Więc wierszy, wiersze, sklepy $ każdy
jeden z tych wierszy w tablicy.

1375
01:09:51,450 --> 01:09:58,110
Więc nawet jeśli jest to tylko jeden z nich, to
jeszcze szereg wierszy, które to odpowiadają.

1376
01:09:58,110 --> 01:10:03,010
>> Tak więc, na przykład, jest
podobnie jak przy naciągane

1377
01:10:03,010 --> 01:10:05,390
cache od użytkowników.

1378
01:10:05,390 --> 01:10:10,810
Oraz kryteria tam gdzie
ID jest równe ID sesji.

1379
01:10:10,810 --> 01:10:14,250
Istnieje naprawdę tylko jeden wiersz
które mogą odpowiadać.

1380
01:10:14,250 --> 01:10:18,960
Ale wciąż wiersze właśnie wrócił jeden wiersz.

1381
01:10:18,960 --> 01:10:22,620
Tak, że musisz iść do wierszy,
indeks 0, cache index

1382
01:10:22,620 --> 01:10:26,195
rzeczywiście dostać się do pamięci podręcznej.

1383
01:10:26,195 --> 01:10:29,650
>> PUBLICZNOŚCI: Czy funkcja druku
w echo to samo?

1384
01:10:29,650 --> 01:10:30,670
>> ZAMYLA Chandler: Tak.

1385
01:10:30,670 --> 01:10:31,190
Tak.

1386
01:10:31,190 --> 01:10:33,304
Wydrukuj echo samo.

1387
01:10:33,304 --> 01:10:42,400
>> PUBLICZNOŚCI: Czy pętla foreach
Jedynym sposobem, aby wskaźnik na wiersze?

1388
01:10:42,400 --> 01:10:46,110
>> ZAMYLA Chandler: Czy pętla foreach
Tylko w ten sposób, że można

1389
01:10:46,110 --> 01:10:47,030
iteracji wierszy?

1390
01:10:47,030 --> 01:10:47,180
Nie.

1391
01:10:47,180 --> 01:10:51,000
Można również użyć pętli, pod warunkiem,
że wiesz, długość

1392
01:10:51,000 --> 01:10:53,024
z tablicy wiersz za.

1393
01:10:53,024 --> 01:10:58,500
>> PUBLICZNOŚCI: Czy możesz uzyskać do niego dostęp
przy użyciu wiersza jako [niesłyszalne]?

1394
01:10:58,500 --> 01:11:01,640
>> ZAMYLA Chandler: Więc nie można uzyskać do niego dostęp
tylko przy użyciu wiersza, jeśli nie masz

1395
01:11:01,640 --> 01:11:05,160
pod warunkiem, że pętla foreach
nie zadeklarowały wiersz.

1396
01:11:05,160 --> 01:11:08,150

1397
01:11:08,150 --> 01:11:09,660
Tak.

1398
01:11:09,660 --> 01:11:10,810
Tak, w bieli.

1399
01:11:10,810 --> 01:11:13,990
>> PUBLICZNOŚCI: Więc co tr i td zrobić?

1400
01:11:13,990 --> 01:11:16,790
>> ZAMYLA Chandler: Więc tr i
td są znaczniki HTML.

1401
01:11:16,790 --> 01:11:19,590
TR wskazuje początek
z wiersza tabeli.

1402
01:11:19,590 --> 01:11:26,625
I każdy td wskazuje
Nowa kolumna danych tabeli.

1403
01:11:26,625 --> 01:11:32,275
>> WIDOWNIA: Dla wzrokowa co rząd
jest podobne, tylko sobie wyobrazić, SQL, jak

1404
01:11:32,275 --> 01:11:33,510
mają rząd.

1405
01:11:33,510 --> 01:11:35,980
[Niesłyszalne].

1406
01:11:35,980 --> 01:11:36,390
>> ZAMYLA Chandler: Tak.

1407
01:11:36,390 --> 01:11:37,630
To świetny punkt.

1408
01:11:37,630 --> 01:11:41,510
Można tylko wyobrazić, jak wiersze
jak w tabeli programu Excel, tak

1409
01:11:41,510 --> 01:11:44,540
Wykaz rzędach.

1410
01:11:44,540 --> 01:11:46,870
OK.

1411
01:11:46,870 --> 01:11:47,230
Dobrze.

1412
01:11:47,230 --> 01:11:50,740
Więc teraz, że posunęliśmy się wybrać, jeśli
nie ma żadnych więcej pytań, będziemy

1413
01:11:50,740 --> 01:11:52,970
przejść na wkładce.

1414
01:11:52,970 --> 01:11:58,220
Więc gdybym chciał wstawić do niektórych
Stół i wstawić pewną kolumnę

1415
01:11:58,220 --> 01:12:02,320
wartości, mogę wstawić się
do Ravenclaw w roku 7.

1416
01:12:02,320 --> 01:12:07,245
Ale czasami może być duplikat
wartości, jak widzieliśmy w pset7 kiedy

1417
01:12:07,245 --> 01:12:09,240
zostały aktualizujemy nasze portfolio.

1418
01:12:09,240 --> 01:12:15,610
>> Tak więc w tym przypadku chcemy używać na
DUPLIKAT KEY UPDATE, tak, że nie mamy

1419
01:12:15,610 --> 01:12:18,280
przechowywanie wielu rzędy same
wartość, ale raczej je zaktualizować.

1420
01:12:18,280 --> 01:12:21,780

1421
01:12:21,780 --> 01:12:25,560
Wtedy faktycznie mamy aktualizację,
co nie jest wkładka.

1422
01:12:25,560 --> 01:12:30,100
To tylko zmiana, gdzie aktualizacji
w pewnej tabeli z danym

1423
01:12:30,100 --> 01:12:34,403
kryteria i wtedy wreszcie usunąć,
która ma bardzo podobną rzecz.

1424
01:12:34,403 --> 01:12:40,200
>> PUBLICZNOŚCI: Czy mógłbyś w skrócie
przejść duplikatu klucza?

1425
01:12:40,200 --> 01:12:40,850
>> ZAMYLA Chandler: Tak.

1426
01:12:40,850 --> 01:12:48,340
Zasadniczo tutaj, mam INSERT INTO
Gringotta, jest, galeony, te wartości.

1427
01:12:48,340 --> 01:12:56,900
Ale ID, prawdopodobnie, jest kluczem
Wartość ustawiona w tabeli MySQL.

1428
01:12:56,900 --> 01:13:06,750
Więc jeśli już, że ID skonfigurować,
to nie mogę wstawić nowy wiersz.

1429
01:13:06,750 --> 01:13:10,961
Więc jeśli jeszcze nie istnieje,
to muszę go zaktualizować.

1430
01:13:10,961 --> 01:13:16,040

1431
01:13:16,040 --> 01:13:17,722
W środku w białej.

1432
01:13:17,722 --> 01:13:21,570
>> PUBLICZNOŚCI: Więc insert, update, delete,
i wybierz, to te wszystkie dostępne

1433
01:13:21,570 --> 01:13:22,875
lokalnie [niesłyszalne]?

1434
01:13:22,875 --> 01:13:27,320

1435
01:13:27,320 --> 01:13:29,630
>> ZAMYLA Chandler: Więc włóż,
aktualizacji, usuwania i

1436
01:13:29,630 --> 01:13:31,120
wybierz są wszystkie zapytania SQL.

1437
01:13:31,120 --> 01:13:34,970
Więc gdy używasz SQL,
musisz te dostępne.

1438
01:13:34,970 --> 01:13:38,226

1439
01:13:38,226 --> 01:13:40,706
>> PUBLICZNOŚCI: Powrót do przeszłości quizy -

1440
01:13:40,706 --> 01:13:44,178
nie było wątpliwości, że rozpatrywane
jeśli miał stół i chciał

1441
01:13:44,178 --> 01:13:52,610
wstawić wyniki testów w jednym i włożeniu
Twoje imię, więc nie pozwolę ci

1442
01:13:52,610 --> 01:13:54,594
[Niesłyszalne] wynik testu twojego przyjaciela.

1443
01:13:54,594 --> 01:13:59,060
Jak to zrobiłeś z wkładką?

1444
01:13:59,060 --> 01:14:02,490
>> ZAMYLA Chandler: Więc pytanie o
poprzedni średniookresowy pytanie.

1445
01:14:02,490 --> 01:14:04,320
Nie jestem świadomy, które
jeden jest teraz.

1446
01:14:04,320 --> 01:14:06,790
Więc może później, jeśli chcesz
przyjść i pokaż mi, to mogę

1447
01:14:06,790 --> 01:14:08,155
na pewno daje wskazówki.

1448
01:14:08,155 --> 01:14:11,250

1449
01:14:11,250 --> 01:14:15,460
Ale mówiąc o wstawianie rzeczy, jak
biorąc czyjś wynik po

1450
01:14:15,460 --> 01:14:18,800
nie powinno, porozmawiajmy o
Ataków SQL injection.

1451
01:14:18,800 --> 01:14:22,050
Więc atak SQL injection jest zasadniczo
gdzie ktoś bierze

1452
01:14:22,050 --> 01:14:27,680
Zaletą niskiej bezpieczeństwa
sposób, że pacjent w danych.

1453
01:14:27,680 --> 01:14:35,660
>> Więc tutaj, podobnie jak w CS50 finansów,
kiedy zalogowany, możemy wejść w

1454
01:14:35,660 --> 01:14:39,510
nazwa użytkownika w formularzu logowania,
pierwsze pole tekstowe, a

1455
01:14:39,510 --> 01:14:41,570
następnie wpisać hasło.

1456
01:14:41,570 --> 01:14:45,610
Być może nasz kod PHP może wyglądać
coś jak to, gdzie $ username

1457
01:14:45,610 --> 01:14:51,410
jest nazwa użytkownika po danych i hasło
to hasło po danych.

1458
01:14:51,410 --> 01:14:55,110
A potem po prostu wykonać nasze zapytanie, powiedzmy,
OK, dobrze, nasze zapytanie będzie

1459
01:14:55,110 --> 01:14:57,990
wybierz z naszych użytkowników, gdzie
nazwa użytkownika to

1460
01:14:57,990 --> 01:14:58,970
jeden, że złożone.

1461
01:14:58,970 --> 01:15:06,870
A hasło jest hasłem,
co oznacza, że ​​hasła pasujące.

1462
01:15:06,870 --> 01:15:12,670
>> Teraz, co jeśli zamiast faktycznie
Składając rzeczywistego hasła, jak

1463
01:15:12,670 --> 01:15:16,850
12345 i zgadywania na zęba, który mówi
hasło i próbuje włamać się ich

1464
01:15:16,850 --> 01:15:21,460
konto, co zrobić, jeśli zamiast
one złożone w tym.

1465
01:15:21,460 --> 01:15:24,380
Mogli wpisać może
Domyślam się hasłem.

1466
01:15:24,380 --> 01:15:30,480
A następnie będą one zakończyć
cytat następnie wpisać lub 1 = 1.

1467
01:15:30,480 --> 01:15:35,160
To by chodzić bezpośrednio do SQL
zapytanie wyglądać mniej więcej tak.

1468
01:15:35,160 --> 01:15:38,200
Wybierz z użytkownikami, gdzie nazwa użytkownika
= zęby i hasło

1469
01:15:38,200 --> 01:15:41,450
lilia lub równa 1 = 1.

1470
01:15:41,450 --> 01:15:45,450
>> Więc albo hasło ma
za prawidłowe lub 1 = 1,

1471
01:15:45,450 --> 01:15:47,870
które jest zawsze prawdziwe.

1472
01:15:47,870 --> 01:15:52,780
Więc w tym przypadku, w zasadzie, użytkownik może
skorzystać z tego i po prostu zaloguj

1473
01:15:52,780 --> 01:15:55,240
sami i siekać
czyjeś konto.

1474
01:15:55,240 --> 01:15:58,950
Więc dlatego chcemy uniknąć
ktoś mający to zrobić.

1475
01:15:58,950 --> 01:16:03,890
Ale na szczęście, funkcja zapytanie przez
przechodząc w zastępcze odbędzie

1476
01:16:03,890 --> 01:16:04,800
troska o to za Ciebie.

1477
01:16:04,800 --> 01:16:08,570
Ponadto, będziesz zazwyczaj nie chcą
faktycznie złożyć hasła

1478
01:16:08,570 --> 01:16:09,310
sami.

1479
01:16:09,310 --> 01:16:14,115
Dlatego zakodowane lub zaszyfrowane
je w CS50 finansów.

1480
01:16:14,115 --> 01:16:17,553
>> PUBLICZNOŚCI: Quiz mówił przeszłości
o ciągi ewakuacyjne MySQL.

1481
01:16:17,553 --> 01:16:21,800
Czy musimy się o to martwić?

1482
01:16:21,800 --> 01:16:22,670
>> ZAMYLA Chandler: To jest dobre pytanie.

1483
01:16:22,670 --> 01:16:29,050
Ciągi ewakuacyjne MySQL jest zdecydowanie
Funkcja ta, którą zastosowano w naszym zapytaniu.

1484
01:16:29,050 --> 01:16:30,420
Ale na pewno wygląda na to.

1485
01:16:30,420 --> 01:16:32,950
Powiedziałbym, że to uczciwa gra wiedzieć
że trzeba by nazwać

1486
01:16:32,950 --> 01:16:34,370
funkcjonować na sznurku.

1487
01:16:34,370 --> 01:16:35,245
Tak, Belinda?

1488
01:16:35,245 --> 01:16:38,606
>> PUBLICZNOŚCI: Skąd wiesz, kiedy jest
pojedyncze cudzysłowy lub podwójne cudzysłowy?

1489
01:16:38,606 --> 01:16:43,516
A także, czuję się jak w wykładzie można
wspomniał coś o nie mając

1490
01:16:43,516 --> 01:16:48,426
[niesłyszalne] lub coś lub
drugi apostrof na końcu.

1491
01:16:48,426 --> 01:16:56,407

1492
01:16:56,407 --> 01:17:00,825
Myślę, że zauważył, że w wykładzie
jesteś ma mieć apostrof 1

1493
01:17:00,825 --> 01:17:04,290
i wtedy nie ma apostrof
czy coś.

1494
01:17:04,290 --> 01:17:05,540
>> PUBLICZNOŚCI: [niesłyszalne].

1495
01:17:05,540 --> 01:17:14,860

1496
01:17:14,860 --> 01:17:18,657
>> PUBLICZNOŚCI: jest to ostatni singiel
cytat tam w tym drugim polu

1497
01:17:18,657 --> 01:17:19,391
Nie powinny być.

1498
01:17:19,391 --> 01:17:21,840
[Niesłyszalne]

1499
01:17:21,840 --> 01:17:26,730
Bo kiedy się, że ostatni singiel
Cytując się i dopasować je do zawartości

1500
01:17:26,730 --> 01:17:30,522
gdzie hasło jest, że jeśli masz
zapytanie, jest w pojedynczy cudzysłów

1501
01:17:30,522 --> 01:17:31,340
koniec już.

1502
01:17:31,340 --> 01:17:36,580
Chcesz używać tego pojedynczy cudzysłów
jak ten, który jest skierowany w jednym

1503
01:17:36,580 --> 01:17:37,574
[Niesłyszalne].

1504
01:17:37,574 --> 01:17:42,820
Więc co tak naprawdę w tym tekście
skrzynka nie powinny mieć.

1505
01:17:42,820 --> 01:17:44,070
>> ZAMYLA Chandler: Ja zmienić.

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
Jeśli nie ma żadnych pytań, a potem będę
przekazać go do Józefa, aby porozmawiać

1509
01:18:00,435 --> 01:18:04,332
o JavaScript, et cetera.

1510
01:18:04,332 --> 01:18:09,540
>> [Aplauz]

1511
01:18:09,540 --> 01:18:11,660
>> JOSEPH ONG: Więc są uruchomione
trochę w tyle.

1512
01:18:11,660 --> 01:18:13,280
Więc jeśli masz odejść, to jest OK.

1513
01:18:13,280 --> 01:18:16,540
Ale prosimy o utrzymanie głowy w dół
jeśli jesteś w środku, więc

1514
01:18:16,540 --> 01:18:19,560
nie zablokować kamerę i użyć
zjazd z powrotem, jeśli trzeba.

1515
01:18:19,560 --> 01:18:25,010

1516
01:18:25,010 --> 01:18:26,306
Jestem Józef w drodze.

1517
01:18:26,306 --> 01:18:27,556
Cześć.

1518
01:18:27,556 --> 01:18:37,910

1519
01:18:37,910 --> 01:18:38,630
Test, test.

1520
01:18:38,630 --> 01:18:39,630
Dan, jest to, że dobry?

1521
01:18:39,630 --> 01:18:40,880
Fajne.

1522
01:18:40,880 --> 01:18:44,460

1523
01:18:44,460 --> 01:18:47,600
>> Więc film będzie również pisał
online dla tych, które

1524
01:18:47,600 --> 01:18:48,850
już iść.

1525
01:18:48,850 --> 01:18:51,350

1526
01:18:51,350 --> 01:18:52,600
Niewygodne.

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
Więc ocena quizu.

1530
01:18:59,730 --> 01:19:00,980
Jest cat.

1531
01:19:00,980 --> 01:19:03,150

1532
01:19:03,150 --> 01:19:07,170
Teraz JavaScript, który może nie jest
jak aww dla niektórych z was.

1533
01:19:07,170 --> 01:19:07,370
OK.

1534
01:19:07,370 --> 01:19:09,280
Więc to jest po pierwsze, przypomnieć, z Zamyla.

1535
01:19:09,280 --> 01:19:11,270
Pamiętaj, że PHP jest
działać na serwerze.

1536
01:19:11,270 --> 01:19:15,230
I wiele razy, chłopaki napisali pętle
w PHP wydrukować HTML, prawda?

1537
01:19:15,230 --> 01:19:19,170
Tak kiedyś, że kod jest wykonywany, że
Wyjściowych HTML wydrukowanie

1538
01:19:19,170 --> 01:19:20,500
zostaje wysłany do użytkownika.

1539
01:19:20,500 --> 01:19:25,960
I raz tak się dzieje, może nie więcej PHP
być uruchamiane, chyba że odświeżyć stronę, z

1540
01:19:25,960 --> 01:19:27,660
Oczywiście, co reexecutes PHP.

1541
01:19:27,660 --> 01:19:30,080
Ale po wydrukować tym HTML,
Nie można przejść w dowolnym miejscu.

1542
01:19:30,080 --> 01:19:33,580
>> Tak że HTML jest przesyłany do użytkownika,
która jest tu przeglądarki, gdzie

1543
01:19:33,580 --> 01:19:35,470
Milo jest za pomocą komputera.

1544
01:19:35,470 --> 01:19:40,340
I tak dobrze, jest kilka rzeczy,
raz wysyłamy HTML do użytkownika.

1545
01:19:40,340 --> 01:19:43,350
Czasami chcemy zrobić coś podobnego
po kliknięciu na coś, chcemy

1546
01:19:43,350 --> 01:19:47,350
Alert pudełka do pop-up, te rodzaje
interakcje, jak po naciśnięciu

1547
01:19:47,350 --> 01:19:50,740
klucz, po kliknięciu na coś
strona, chcę coś się wydarzy.

1548
01:19:50,740 --> 01:19:54,550
Cóż, nie można reexecute PHP
raz, że kod HTML jest ustawiony.

1549
01:19:54,550 --> 01:19:55,900
Więc jak to zrobić?

1550
01:19:55,900 --> 01:19:59,930
>> Wprowadzamy nowy język o nazwie
JavaScript, który działa w przeglądarce

1551
01:19:59,930 --> 01:20:02,890
że pozwala robić rzeczy,
do HTML po otrzymaniu

1552
01:20:02,890 --> 01:20:04,020
je z serwera.

1553
01:20:04,020 --> 01:20:07,050
I dlatego nazywamy to po stronie klienta
język programowania.

1554
01:20:07,050 --> 01:20:09,110
To działa na komputerze -

1555
01:20:09,110 --> 01:20:11,400
klient.

1556
01:20:11,400 --> 01:20:13,830
Wszelkie pytania na temat, który do tej pory?

1557
01:20:13,830 --> 01:20:15,650
Że paradygmat ma sens dla ludzi?

1558
01:20:15,650 --> 01:20:16,010
OK.

1559
01:20:16,010 --> 01:20:16,790
Dobry.

1560
01:20:16,790 --> 01:20:17,340
Dobrze.

1561
01:20:17,340 --> 01:20:20,850
Tak więc pierwszą rzeczą, aby pamiętać,
jest obsługa JavaScript nie jest PHP.

1562
01:20:20,850 --> 01:20:23,010
>> Mają trochę inną składnię,
którym pojedziemy do.

1563
01:20:23,010 --> 01:20:24,530
I mają bardzo różne zastosowania.

1564
01:20:24,530 --> 01:20:26,640
JavaScript, ponownie, na swój
Przeglądarka dla klienta.

1565
01:20:26,640 --> 01:20:30,640
Serwer działa gdzieś na cudzym
komputer, który wysyła informacje

1566
01:20:30,640 --> 01:20:31,720
do ciebie, prawda?

1567
01:20:31,720 --> 01:20:36,730
Jeśli więc prosimy napisać kod PHP
na pytania egzaminu, nie pisać

1568
01:20:36,730 --> 01:20:38,710
JavaScript i vice versa.

1569
01:20:38,710 --> 01:20:41,710
Będziesz tylko tracić punktów,
a to nie będzie prawda.

1570
01:20:41,710 --> 01:20:43,690
>> Więc przejdźmy do niektórych
Różnice składniowe -

1571
01:20:43,690 --> 01:20:46,140
JavaScript lewej
i PHP na prawo.

1572
01:20:46,140 --> 01:20:48,670
Pierwszą rzeczą, jaką można zauważyć w
JavaScript, deklarujemy zmienne z

1573
01:20:48,670 --> 01:20:49,440
słów kluczowych var -

1574
01:20:49,440 --> 01:20:53,590
V-R. PHP używany znak dolara,
jak Zamyla omówione wcześniej.

1575
01:20:53,590 --> 01:20:57,570
Jeśli chcesz zadeklarować asocjacyjną
Tablica widzimy znajomą na składnię

1576
01:20:57,570 --> 01:20:59,030
prawa strona z PHP.

1577
01:20:59,030 --> 01:21:01,630
Po lewej stronie, natomiast
użyć nawiasów klamrowych.

1578
01:21:01,630 --> 01:21:03,280
A następnie klucze są po lewej stronie.

1579
01:21:03,280 --> 01:21:04,670
Wtedy masz dwukropek.

1580
01:21:04,670 --> 01:21:06,560
I wtedy masz wartości
że chcesz.

1581
01:21:06,560 --> 01:21:09,840
>> Tak to jest jak można to zrobić w PHP
po prawej stronie z tym drugim

1582
01:21:09,840 --> 01:21:10,955
linia, która rozpoczyna się Milo.

1583
01:21:10,955 --> 01:21:14,540
I to w jaki sposób to zrobić na
lewej strony w JavaScript, jeśli chcesz

1584
01:21:14,540 --> 01:21:16,110
co nazywamy obiekt.

1585
01:21:16,110 --> 01:21:19,340
I obiektów w JavaScripcie są
zaledwie Tablice asocjacyjne.

1586
01:21:19,340 --> 01:21:23,710
Więc jeśli chcesz uzyskać dostęp do pól, w
PHP można użyć tej składni wspornika.

1587
01:21:23,710 --> 01:21:27,170
I w ten sposób, można przypisać
to właściciel pola do Lauren.

1588
01:21:27,170 --> 01:21:30,150
>> Cóż, w JavaScript, jeśli ktoś chce
dostępu do pola i zmienić go, można

1589
01:21:30,150 --> 01:21:31,370
użyć składni z kropką.

1590
01:21:31,370 --> 01:21:33,860
Możesz także użyć składni wspornika.

1591
01:21:33,860 --> 01:21:35,550
Ale nie można używać
kropka składni w PHP.

1592
01:21:35,550 --> 01:21:36,525
To nie będzie działać.

1593
01:21:36,525 --> 01:21:38,910
To działa tylko w PHP.

1594
01:21:38,910 --> 01:21:42,060
I wreszcie, aby wydrukować rzeczy
konsoli, należy użyć console.log, które

1595
01:21:42,060 --> 01:21:43,720
chłopaki używają dużo w pset8.

1596
01:21:43,720 --> 01:21:45,260
Możesz console.log że.

1597
01:21:45,260 --> 01:21:50,030
>> Jeśli chcesz wydrukować tablicę w
PHP, trzeba użyć druku r.

1598
01:21:50,030 --> 01:21:53,240
I po prawej stronie, widać i mieszania
łączenie ciąg tam.

1599
01:21:53,240 --> 01:21:54,070
Ktoś zapytał wcześniej.

1600
01:21:54,070 --> 01:21:55,850
Używam Plus w JavaScript.

1601
01:21:55,850 --> 01:21:59,800
Jeśli chcę coś łączyć
w PHP, używam kropki.

1602
01:21:59,800 --> 01:22:00,800
Są różne.

1603
01:22:00,800 --> 01:22:03,420
Jeśli piszesz kod PHP,
nie używaj plus.

1604
01:22:03,420 --> 01:22:06,810
Jeśli piszesz JavaScript
Kod, nie pisać kropkę.

1605
01:22:06,810 --> 01:22:08,230
To będzie źle.

1606
01:22:08,230 --> 01:22:09,640
I będziesz smutny.

1607
01:22:09,640 --> 01:22:11,000
>> Więc składni różnice.

1608
01:22:11,000 --> 01:22:14,710
Znać składnię, bo jeśli trzeba
napisz pytanie i użyć składni

1609
01:22:14,710 --> 01:22:16,890
z niewłaściwym języku
to nie będzie działać.

1610
01:22:16,890 --> 01:22:19,520
I to będzie źle.

1611
01:22:19,520 --> 01:22:22,420
Więc porozmawiajmy o niektórych kontroli
różnicy przepływu, jak korzystać

1612
01:22:22,420 --> 01:22:24,040
pętle w każdym z nich.

1613
01:22:24,040 --> 01:22:26,610
Zamyla podszedł z prawej strony.

1614
01:22:26,610 --> 01:22:27,780
Rzeczy na prawej stronie
powinny być znane.

1615
01:22:27,780 --> 01:22:29,670
Przyjrzyjmy się po lewej stronie.

1616
01:22:29,670 --> 01:22:34,830
>> W przypadku korzystania przez n pętli w JavaScript,
zmienna pętli, var i tam,

1617
01:22:34,830 --> 01:22:37,210
Pętla na klucze tablicy.

1618
01:22:37,210 --> 01:22:39,150
Więc widać nazwę, dom, i rolę.

1619
01:22:39,150 --> 01:22:42,440
Gdybym console.log i, mam
nazwisko, dom, i rola.

1620
01:22:42,440 --> 01:22:44,720
To są klucze.

1621
01:22:44,720 --> 01:22:50,080
W JavaScript, pętla foreach przechodzi
na wartości tej tablicy.

1622
01:22:50,080 --> 01:22:52,040
Tak więc można zauważyć, że są zarówno ja.

1623
01:22:52,040 --> 01:22:56,000
Ale tutaj na stronie PHP, drukuje
z Milo, CS50 i Mascot.

1624
01:22:56,000 --> 01:22:57,390
To są wartości w PHP.

1625
01:22:57,390 --> 01:23:00,180
>> To są, jak te dwa są różne
w różnych językach.

1626
01:23:00,180 --> 01:23:02,970
Więc jeśli używasz foreach
pętla, nie zakładamy, że

1627
01:23:02,970 --> 01:23:03,760
daje klucze.

1628
01:23:03,760 --> 01:23:08,010
A jeśli używasz dla n pętli, nie
Zakładamy, że daje wartości.

1629
01:23:08,010 --> 01:23:10,420
Czy to ma sens tak daleko?

1630
01:23:10,420 --> 01:23:13,630
Następny slajd jest zamiar pokazać,
w jaki sposób można uzyskać dostęp do przeciwnego w

1631
01:23:13,630 --> 01:23:15,160
każdego z nich.

1632
01:23:15,160 --> 01:23:18,550
>> Cóż, jeśli masz klucz w JavaScript
i chcesz, aby wartość z,

1633
01:23:18,550 --> 01:23:20,440
po prostu indeks do
Tablica z tym.

1634
01:23:20,440 --> 01:23:23,640
Milo z I tak będzie, co
chcesz - wartości.

1635
01:23:23,640 --> 01:23:25,260
Jest to inna składnia w PHP.

1636
01:23:25,260 --> 01:23:28,140
Jeśli naprawdę chcesz to wiedzieć, nie wiem
pokazał, że mamy jeszcze do Ciebie.

1637
01:23:28,140 --> 01:23:31,740
Ale jeśli jesteś zainteresowany, możesz skorzystać
Ten dodatkowy składni po prawej

1638
01:23:31,740 --> 01:23:35,130
strona, która będzie rzeczywiście pozwalają uzyskać
klucze w PHP, kiedy używasz

1639
01:23:35,130 --> 01:23:35,880
Pętla foreach.

1640
01:23:35,880 --> 01:23:39,640
Więc po prostu trochę ciekawostek
jeśli jesteś zainteresowany.

1641
01:23:39,640 --> 01:23:42,630
>> Więc to jest tylko do wykazania
Różnice między tymi dwiema pętlami.

1642
01:23:42,630 --> 01:23:47,060
Nie mieszać je, gdy jesteś
programowania pytanie.

1643
01:23:47,060 --> 01:23:49,774
Wszelkie pytania o to.

1644
01:23:49,774 --> 01:23:50,770
Fajne.

1645
01:23:50,770 --> 01:23:51,310
Dobrze.

1646
01:23:51,310 --> 01:23:52,250
JavaScript obiekty.

1647
01:23:52,250 --> 01:23:53,040
Rozmawiałem o nich.

1648
01:23:53,040 --> 01:23:54,650
Są jak asocjacyjnych.

1649
01:23:54,650 --> 01:23:57,730
Jedna rzecz, chciałbym Ci zwrócić uwagę,
tutaj jest to, że napięcie w asocjacyjną

1650
01:23:57,730 --> 01:23:59,540
Tablica może być coś w JavaScript.

1651
01:23:59,540 --> 01:24:02,240
>> To może być nawet funkcja,
jak tam.

1652
01:24:02,240 --> 01:24:04,600
Mam funkcję, która
jest wartością klucza.

1653
01:24:04,600 --> 01:24:07,030
A jeśli chcę zadzwonić tej funkcji,
Ja po prostu przejść kory.

1654
01:24:07,030 --> 01:24:08,490
A następnie umieścić nawiasy
po tym.

1655
01:24:08,490 --> 01:24:09,790
I to działa.

1656
01:24:09,790 --> 01:24:15,570
Więc jakieś pytania?

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
Dobry.

1660
01:24:18,190 --> 01:24:20,130
JavaScript, takich jak PHP,
jest luźno wpisane.

1661
01:24:20,130 --> 01:24:20,970
Co to znaczy?

1662
01:24:20,970 --> 01:24:22,380
>> To ma rodzajów.

1663
01:24:22,380 --> 01:24:24,800
Ale kiedy zadeklarować JavaScript
zmienna, można powiedzieć var ​​i.

1664
01:24:24,800 --> 01:24:25,850
Nie mów.

1665
01:24:25,850 --> 01:24:26,460
To nie jest rzeczą.

1666
01:24:26,460 --> 01:24:28,000
Wystarczy powiedzieć, że jest zmienna.

1667
01:24:28,000 --> 01:24:31,590
A następnie będą obsługiwać JavaScript
typy pod maską dla Ciebie.

1668
01:24:31,590 --> 01:24:34,390
Możemy swobodnie konwertować między
Typy z tego powodu.

1669
01:24:34,390 --> 01:24:37,360
Więc zaczyna się jako liczbę
w tym przypadku.

1670
01:24:37,360 --> 01:24:38,790
A potem mam ciąg.

1671
01:24:38,790 --> 01:24:39,710
A ja dodam do niego.

1672
01:24:39,710 --> 01:24:41,810
I przypisać go do I.

1673
01:24:41,810 --> 01:24:43,640
>> Więc na tej pierwszej linii,
i jest liczbą.

1674
01:24:43,640 --> 01:24:47,310
W drugiej linii, i teraz staje się
Ciąg po zrobić zmiany przeznaczenia.

1675
01:24:47,310 --> 01:24:52,820
I tu, po prostu łącząc
że liczba na string.

1676
01:24:52,820 --> 01:24:56,210
Więc widać, że mimo, że był
całkowitą w pierwszej części, to jest rodzaj

1677
01:24:56,210 --> 01:24:58,500
lubią przekształcono w
łańcuch, a następnie dodawane

1678
01:24:58,500 --> 01:25:00,510
na tego łańcucha Hello.

1679
01:25:00,510 --> 01:25:02,340
A więc to, co mam na myśli
przez luźną pisania.

1680
01:25:02,340 --> 01:25:04,760
To, że można konwertować pomiędzy
typy bardzo łatwo.

1681
01:25:04,760 --> 01:25:08,840
I nie rzucać ostrzeżenia
co lubisz C robi.

1682
01:25:08,840 --> 01:25:12,420
>> Tak i teraz zawiera komentarzy
123 do ciągu.

1683
01:25:12,420 --> 01:25:13,270
Następny.

1684
01:25:13,270 --> 01:25:15,610
Możemy również swobodnie porównać
między typami.

1685
01:25:15,610 --> 01:25:19,310
Więc jeśli po prostu użyć ==, bardzo
jak w PHP, JavaScript

1686
01:25:19,310 --> 01:25:20,480
robi coś podobnego.

1687
01:25:20,480 --> 01:25:24,780
Łańcuch 123 jest taki sam jak numer
123 po użyciu dwu równych.

1688
01:25:24,780 --> 01:25:27,820
Kiedy stosować potrójne równych, to również
chce się upewnić, że

1689
01:25:27,820 --> 01:25:29,240
typ jest taka sama.

1690
01:25:29,240 --> 01:25:31,960
Tak dlatego, że jest i że jest ciąg
liczba, choć oboje

1691
01:25:31,960 --> 01:25:35,280
123, podczas korzystania z potrójnym
taniej, można uzyskać fałszywe.

1692
01:25:35,280 --> 01:25:39,330
W przypadku podwójnego równa, masz prawdziwe,
ponieważ nie równości podwójne

1693
01:25:39,330 --> 01:25:40,020
dbać o rodzaju.

1694
01:25:40,020 --> 01:25:42,500
Potrójne dba o równości typu.

1695
01:25:42,500 --> 01:25:43,750
Pytania?

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
>> I jeszcze jedno o JavaScripcie jest
zakres jest rodzajem globalnego, chyba że jesteś

1699
01:25:52,870 --> 01:25:53,460
w funkcji.

1700
01:25:53,460 --> 01:25:55,660
I to działa tak samo
sposób w PHP faktycznie.

1701
01:25:55,660 --> 01:25:57,500
Warto więc przejść przez ten przykład.

1702
01:25:57,500 --> 01:25:59,110
I zestaw I do 999.

1703
01:25:59,110 --> 01:26:00,900
A następnie przejść do tego na pętli.

1704
01:26:00,900 --> 01:26:06,110
Więc jeśli mam drukowania I w tym dla
pętla, spodziewam 0, 1, 2, 3, 4.

1705
01:26:06,110 --> 01:26:07,390
I dostać się do i = 4.

1706
01:26:07,390 --> 01:26:10,770
Zwiększa to teraz do 5 w
koniec pętli for.

1707
01:26:10,770 --> 01:26:13,300
A potem wybucha z pętli,
ponieważ nie spełniają

1708
01:26:13,300 --> 01:26:14,550
warunkują już.

1709
01:26:14,550 --> 01:26:16,650
>> Co myślisz, że obok
console.log wypisuje?

1710
01:26:16,650 --> 01:26:20,570

1711
01:26:20,570 --> 01:26:24,790
Więc to, co by to zrobić w C. W C,
bo jeśli masz jak var i poza

1712
01:26:24,790 --> 01:26:28,855
i masz var i wewnątrz pętli, jak
do pętli, to jest takie, że czyni

1713
01:26:28,855 --> 01:26:30,690
to scoped że dwa
I są różne.

1714
01:26:30,690 --> 01:26:34,630
W JavaScript, to będzie po prostu
traktować jako ten sam i.

1715
01:26:34,630 --> 01:26:37,870
Mam 5, bo to była wartość
po odszedł z pętli.

1716
01:26:37,870 --> 01:26:39,120
Więc tych, są takie same ja.

1717
01:26:39,120 --> 01:26:42,620

1718
01:26:42,620 --> 01:26:44,130
Czy to ma sens?

1719
01:26:44,130 --> 01:26:45,720
>> Cóż, ma to sens z
Stanowisko JavaScript.

1720
01:26:45,720 --> 01:26:49,510
Ale sam paradygmat nie
przenieść na C. Mają

1721
01:26:49,510 --> 01:26:50,310
różne zasady dotyczące zakresu.

1722
01:26:50,310 --> 01:26:50,630
Tak.

1723
01:26:50,630 --> 01:26:52,566
>> PUBLICZNOŚCI: [niesłyszalne]

1724
01:26:52,566 --> 01:26:54,990
poza funkcją [niesłyszalne]?

1725
01:26:54,990 --> 01:26:58,340
>> JOSEPH ONG: Więc na zewnątrz, co funkcja?

1726
01:26:58,340 --> 01:27:00,810
Więc mogę, że w ciągu sekundy.

1727
01:27:00,810 --> 01:27:02,580
Więc wywołać foo (i).

1728
01:27:02,580 --> 01:27:06,920
To przechodzi I w Foo, przyrosty
go, a następnie rejestruje je.

1729
01:27:06,920 --> 01:27:07,750
Więc było to 5.

1730
01:27:07,750 --> 01:27:09,210
Tak więc staje się to 6.

1731
01:27:09,210 --> 01:27:11,670
Ale to, co mówię jest
że w tej funkcji.

1732
01:27:11,670 --> 01:27:14,430
Ponieważ jest to parametr, to
zawężona do tej funkcji.

1733
01:27:14,430 --> 01:27:17,800
Więc kiedy już rzeczywiście się z tego
funkcji, to teraz pójdzie

1734
01:27:17,800 --> 01:27:19,860
powrót do starej i.

1735
01:27:19,860 --> 01:27:23,000
, Że tylko dlatego, że jest objęty zakresem
jest w funkcji.

1736
01:27:23,000 --> 01:27:24,200
I mamy zakres i funkcje.

1737
01:27:24,200 --> 01:27:29,080
Ale nie mamy możliwości na zewnątrz
funkcji w JavaScript.

1738
01:27:29,080 --> 01:27:31,170
Czy to ma sens?

1739
01:27:31,170 --> 01:27:31,320
Tak.

1740
01:27:31,320 --> 01:27:31,660
Pytanie.

1741
01:27:31,660 --> 01:27:34,030
>> PUBLICZNOŚCI: Same [niesłyszalne]?

1742
01:27:34,030 --> 01:27:34,500
>> JOSEPH ONG: Więc tak.

1743
01:27:34,500 --> 01:27:36,260
W PHP, to jest ten sam rodzaj rzeczy.

1744
01:27:36,260 --> 01:27:37,680
Jest niewielki subtelność faktycznie.

1745
01:27:37,680 --> 01:27:40,130
Ale możesz poprosić mnie o
że po przeglądzie.

1746
01:27:40,130 --> 01:27:43,930
Tak naprawdę nie musisz wiedzieć
że subtelność na zagadkę.

1747
01:27:43,930 --> 01:27:47,600
Dla wszystkich zamiarów i celów, jak
zmienne globalne i PHP, chyba że

1748
01:27:47,600 --> 01:27:49,150
są w funkcję, sam
rzeczą w JavaScript.

1749
01:27:49,150 --> 01:27:49,480
Tak.

1750
01:27:49,480 --> 01:27:52,890
>> PUBLICZNOŚCI: Dlaczego jest to dozwolone w
JavaScript a nie gdzie indziej?

1751
01:27:52,890 --> 01:27:55,010
>> JOSEPH ONG: Więc dlaczego jest to dozwolone
w JavaScript, a nie w C?

1752
01:27:55,010 --> 01:27:58,180
To jest po prostu ten, kto wymyślił
JavaScript zdecydował, że to było OK

1753
01:27:58,180 --> 01:27:59,510
JavaScript.

1754
01:27:59,510 --> 01:28:02,430
Tak to jest jak język programowania
Konwencja, jak byśmy powiedzieli.

1755
01:28:02,430 --> 01:28:02,580
Tak.

1756
01:28:02,580 --> 01:28:04,480
>> PUBLICZNOŚCI: Więc dlaczego
poszło od 6 do 5?

1757
01:28:04,480 --> 01:28:08,280
>> JOSEPH ONG: Więc poszedł z 6 do 5,
bo kiedy zdałem I w foo, że

1758
01:28:08,280 --> 01:28:13,420
i wewnątrz foo jest zawężona do foo,
ponieważ zakres istnieje w funkcji w

1759
01:28:13,420 --> 01:28:15,050
JavaScript.

1760
01:28:15,050 --> 01:28:18,720
Ale kiedy się stąd wydostać, ponieważ
została zawężona do funkcji, jestem

1761
01:28:18,720 --> 01:28:24,300
stosując regularne I, który był w środku
Reszta sterowania przepływem.

1762
01:28:24,300 --> 01:28:25,210
Ma sens?

1763
01:28:25,210 --> 01:28:26,910
Czy mogę przejść?

1764
01:28:26,910 --> 01:28:27,320
Dobrze.

1765
01:28:27,320 --> 01:28:29,180
Fajne.

1766
01:28:29,180 --> 01:28:31,890
>> Akceptacja to obiekty
przepuszcza się przez odniesienie.

1767
01:28:31,890 --> 01:28:33,990
Wiesz, jak kiedy przechodzą
tablica w C można

1768
01:28:33,990 --> 01:28:35,810
faktycznie modyfikować tablicy?

1769
01:28:35,810 --> 01:28:37,350
To samo w JavaScript.

1770
01:28:37,350 --> 01:28:42,960
Gdybym przekazać obiekt, w tym przypadku,
przeszedł Milo do tej funkcji catify.

1771
01:28:42,960 --> 01:28:44,490
Milo zaczyna.

1772
01:28:44,490 --> 01:28:46,310
Jego nazwa jest Milo Banana.

1773
01:28:46,310 --> 01:28:51,670
I przekazać ten obiekt do funkcji
ponieważ jest to obiekt, asocjacyjne

1774
01:28:51,670 --> 01:28:53,730
tablicy w JavaScript.

1775
01:28:53,730 --> 01:28:57,110
>> Kiedy wykonać operację
w tej funkcji, to będzie

1776
01:28:57,110 --> 01:28:58,560
faktycznie zmienić obiekt.

1777
01:28:58,560 --> 01:29:01,720
Tak to się stanie, tylko dla obiektów
w JavaScript, tak jak to się dzieje

1778
01:29:01,720 --> 01:29:09,230
na tablicach wewnątrz nazwy C tak Milo
rzeczywiście się kot teraz.

1779
01:29:09,230 --> 01:29:10,090
Czy to ma sens?

1780
01:29:10,090 --> 01:29:11,840
Tak to działa tylko dla obiektów.

1781
01:29:11,840 --> 01:29:13,090
Obiekty są przekazywane przez referencję.

1782
01:29:13,090 --> 01:29:13,400
Tak.

1783
01:29:13,400 --> 01:29:16,850
>> PUBLICZNOŚCI: Więc mówisz, że
W przeciwieństwie do zmiennego i.

1784
01:29:16,850 --> 01:29:17,240
>> JOSEPH ONG: Tak.

1785
01:29:17,240 --> 01:29:20,330
Która zmienna i tylko
liczba, prawda?

1786
01:29:20,330 --> 01:29:25,280
To tak jak w C, gdy mijamy
liczby całkowitej, to sprawia, że ​​kopie.

1787
01:29:25,280 --> 01:29:28,130
I kiedy przekazać tablicę, to rzeczywiście
zmienia rzeczywistej tablicy w

1788
01:29:28,130 --> 01:29:32,870
C. To samo dzieje się z
Obsługę JavaScript w tym przypadku.

1789
01:29:32,870 --> 01:29:34,070
Dobrze.

1790
01:29:34,070 --> 01:29:38,134
I następny, Milo jest smutny, bo
on jest teraz kot.

1791
01:29:38,134 --> 01:29:40,790

1792
01:29:40,790 --> 01:29:45,060
To był rzeczywiście Milo po
niektóre wycieczka do weterynarza.

1793
01:29:45,060 --> 01:29:46,860
>> Jak więc używać JavaScript
na stronie internetowej?

1794
01:29:46,860 --> 01:29:47,790
Możemy umieścić go.

1795
01:29:47,790 --> 01:29:50,090
Jest to kod HTML ze znacznikami striptizem.

1796
01:29:50,090 --> 01:29:51,300
Więc mam tam tagi taśmy.

1797
01:29:51,300 --> 01:29:54,820
A następnie umieścić jakąś JavaScript
kod w tagach skryptu.

1798
01:29:54,820 --> 01:29:56,390
A następnie wykonuje to.

1799
01:29:56,390 --> 01:29:58,830
Po prostu robię to tak, że to
nazywany inline JavaScript.

1800
01:29:58,830 --> 01:30:02,400
To trochę brudny, ponieważ
JavaScript jest rzeczywiście w HTML.

1801
01:30:02,400 --> 01:30:07,010
>> Lepszy sposób to zrobić, o wiele ładniejszy,
jest pisać w JavaScript

1802
01:30:07,010 --> 01:30:10,920
Plik zewnętrzny, a następnie dostarczyć
tag skrypt ze źródłem.

1803
01:30:10,920 --> 01:30:14,920
I to będzie do tego pliku JavaScript
i odczytać kodu JavaScript z

1804
01:30:14,920 --> 01:30:15,960
że zamiast pliku.

1805
01:30:15,960 --> 01:30:18,820
I w ten sposób, nie trzeba dużo
JavaScript na początku swojego

1806
01:30:18,820 --> 01:30:20,760
Plik HTML, co sprawia,
to naprawdę brudny.

1807
01:30:20,760 --> 01:30:21,860
Wystarczy umieścić go gdzieś indziej.

1808
01:30:21,860 --> 01:30:24,310
A następnie odczytuje go stamtąd.

1809
01:30:24,310 --> 01:30:25,560
Zrobił to ma sens?

1810
01:30:25,560 --> 01:30:27,990

1811
01:30:27,990 --> 01:30:29,640
>> Kwestie stażu.

1812
01:30:29,640 --> 01:30:32,620
W tym szczególnym przypadku,
Skrypt jest przed ciałem.

1813
01:30:32,620 --> 01:30:36,090
Więc kiedy wykonać, że nie ma
nic w organizmie jeszcze.

1814
01:30:36,090 --> 01:30:39,920
Może to będzie trochę więcej
Wyczuwam, kiedy pokazać następną część.

1815
01:30:39,920 --> 01:30:43,210
W tym przypadku, skrypt
przychodzi po div.

1816
01:30:43,210 --> 01:30:46,620
Więc rzeczywiście wydaje dz
na pierwsze strony.

1817
01:30:46,620 --> 01:30:49,470
Tutaj, w tym małym czerwonym kółku,
widzisz pojawia tekstu.

1818
01:30:49,470 --> 01:30:51,810
I wtedy pojawia się alert.

1819
01:30:51,810 --> 01:30:54,890
>> W pierwszym przypadku, ponieważ skrypt
było przed dz,

1820
01:30:54,890 --> 01:30:56,170
Alarm pojawia się w pierwszej kolejności.

1821
01:30:56,170 --> 01:30:59,250
I wtedy pojawia się po dz
można zamknąć okno.

1822
01:30:59,250 --> 01:31:01,330
Więc wykonanie liczy.

1823
01:31:01,330 --> 01:31:02,290
Będziemy więc mieć to na uwadze.

1824
01:31:02,290 --> 01:31:03,640
To jest ważne
w trochę.

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 dobrze, jak można czekać, aż
Cała strona jest ładowana, a następnie przed tobą

1828
01:31:12,750 --> 01:31:13,580
wykonać jakiś kod?

1829
01:31:13,580 --> 01:31:15,540
Dojdziemy do tego trochę
nieco później też.

1830
01:31:15,540 --> 01:31:19,016
Ale po prostu zachować to miejsce docelowe
Sprawy w umyśle do kiedy

1831
01:31:19,016 --> 01:31:20,570
się do innego slajdu.

1832
01:31:20,570 --> 01:31:22,030
>> Tak więc mamy do DOM teraz.

1833
01:31:22,030 --> 01:31:23,550
I to, co jest DOM?

1834
01:31:23,550 --> 01:31:26,830
Więc jeśli spojrzeć na HTML kod, to tylko
kilka tekstu na ekranie.

1835
01:31:26,830 --> 01:31:30,560
Więc w jaki sposób JavaScript wiedzieć, że
jest to element HTML?

1836
01:31:30,560 --> 01:31:33,410
Więc musimy mieć trochę pamięci
reprezentacja to

1837
01:31:33,410 --> 01:31:34,930
Struktura, że ​​mamy.

1838
01:31:34,930 --> 01:31:40,240
I kiedy mamy to w pamięci
reprezentacja w JavaScript, nazywamy

1839
01:31:40,240 --> 01:31:41,750
że DOM.

1840
01:31:41,750 --> 01:31:45,130
I to jest właśnie sposób, w jaki ludzie zdecydowali
że powinniśmy reprezentować ten

1841
01:31:45,130 --> 01:31:46,400
Struktura HTML jak.

1842
01:31:46,400 --> 01:31:47,940
>> I co to DOM wygląda?

1843
01:31:47,940 --> 01:31:50,460
Cóż, w reprezentacji pamięci,
bierzemy ten tekst.

1844
01:31:50,460 --> 01:31:52,870
I zwracamy go do pamięci
reprezentacja.

1845
01:31:52,870 --> 01:31:54,400
Więc to jest HTML.

1846
01:31:54,400 --> 01:31:58,090
Więc najpierw dowiedzieć się, że każdy
DOM drzewo ma dokumentu.

1847
01:31:58,090 --> 01:31:59,400
To wygląda jak drzewo.

1848
01:31:59,400 --> 01:32:03,550
I dokument zawiera kod HTML
tag, faktycznie wszystko

1849
01:32:03,550 --> 01:32:05,150
wewnątrz tego teraz.

1850
01:32:05,150 --> 01:32:06,970
Znacznik HTML, ma dwoje dzieci.

1851
01:32:06,970 --> 01:32:08,630
Ma głowę.

1852
01:32:08,630 --> 01:32:12,380
Że głowa, jeśli spojrzeć na wgniecenia
tam, jak to jest skonstruowane

1853
01:32:12,380 --> 01:32:14,960
między bliskich znaczników,
Głowica ma dziecko.

1854
01:32:14,960 --> 01:32:17,130
Dziecko jest tytuł.

1855
01:32:17,130 --> 01:32:18,370
Dokładnie.

1856
01:32:18,370 --> 01:32:21,000
>> Teraz mamy dziecko ciała.

1857
01:32:21,000 --> 01:32:24,870
A następnie, że ciało ma
Dziecko nazywa rodzina.

1858
01:32:24,870 --> 01:32:27,950
I że rodzina ma troje dzieci -

1859
01:32:27,950 --> 01:32:29,550
Najstarsza, środkowa i najmłodszych.

1860
01:32:29,550 --> 01:32:31,960
Tak więc należy wiedzieć, jak narysować wykres
tak, gdy pytamy, jak

1861
01:32:31,960 --> 01:32:34,270
narysować schemat, gdy dajemy
Ci HTML z lewej strony.

1862
01:32:34,270 --> 01:32:36,350
Wie, jak produkować drzewa DOM.

1863
01:32:36,350 --> 01:32:38,930
I wewnątrz z tych rzeczy, nie tylko
jakiś tekst, który mam reprezentowane

1864
01:32:38,930 --> 01:32:40,180
jako małe kwadraciki.

1865
01:32:40,180 --> 01:32:42,750

1866
01:32:42,750 --> 01:32:47,980
>> Czy to aby struktura drzewa DOM
sens, a co jest DOM?

1867
01:32:47,980 --> 01:32:49,300
Więc co ma p oznacza?

1868
01:32:49,300 --> 01:32:51,850
Tu, tam p
w tym tagu reprezentuje

1869
01:32:51,850 --> 01:32:54,510
pkt tag HTML.

1870
01:32:54,510 --> 01:32:57,080
Więc można to sprawdzić.

1871
01:32:57,080 --> 01:32:59,290
Ale to oznacza, że ​​jest jakiś
miejsca na tekst.

1872
01:32:59,290 --> 01:33:02,910
I to ma jakiś domyślny CSS stylizacji,
bo to tag pkt.

1873
01:33:02,910 --> 01:33:05,130
Ale tak naprawdę nie martw się o
część za dużo.

1874
01:33:05,130 --> 01:33:07,510
Po prostu wiem, że to symbol zastępczy
na tekst.

1875
01:33:07,510 --> 01:33:08,480
Tak.

1876
01:33:08,480 --> 01:33:10,200
Pytanie?

1877
01:33:10,200 --> 01:33:11,021
Tak.

1878
01:33:11,021 --> 01:33:12,374
>> PUBLICZNOŚCI: Wystarczy wspomnieć CSS.

1879
01:33:12,374 --> 01:33:15,492
Rodzina i hash hash
wszystkie rzeczy jest w zasadzie

1880
01:33:15,492 --> 01:33:17,400
stanowiących identyfikatory w CSS?

1881
01:33:17,400 --> 01:33:18,440
>> JOSEPH ONG: Tak, dokładnie.

1882
01:33:18,440 --> 01:33:20,380
Wezmę to, co te skróty
myśli na sekundę.

1883
01:33:20,380 --> 01:33:23,480
Kiedy Angela podeszła CSS, ona
mówił o selektorów CSS.

1884
01:33:23,480 --> 01:33:26,770
Są to selektory CSS, które
ona mówi.

1885
01:33:26,770 --> 01:33:28,268
Tak, Rob?

1886
01:33:28,268 --> 01:33:32,060
>> ROB BOWDEN: Chciałbym również skomentować
że DOM wewnątrz tagu tytułu

1887
01:33:32,060 --> 01:33:35,385
także węzeł tekstu.

1888
01:33:35,385 --> 01:33:36,070
>> JOSEPH ONG: Prawo.

1889
01:33:36,070 --> 01:33:38,370
Tak wewnątrz tagu tytułu,
Mam DOM tekstu.

1890
01:33:38,370 --> 01:33:42,730
Tak naprawdę, to tytuł powinien mieć jak
małe pole spadając z nim również.

1891
01:33:42,730 --> 01:33:45,740
Ale to nie ma znaczenia,
zbyt wiele w tym przypadku.

1892
01:33:45,740 --> 01:33:49,620
Tak naprawdę nie obchodzi węzłów tekstowych,
jak je nazywamy, za dużo.

1893
01:33:49,620 --> 01:33:50,270
OK, mamy.

1894
01:33:50,270 --> 01:33:51,520
Najwyraźniej mamy.

1895
01:33:51,520 --> 01:33:54,260

1896
01:33:54,260 --> 01:33:57,100
I będzie to naprawić, gdy
Przesłać go ponownie.

1897
01:33:57,100 --> 01:33:59,830
Czy to ma sens?

1898
01:33:59,830 --> 01:34:01,160
>> Więc w jaki sposób pracować z DOM?

1899
01:34:01,160 --> 01:34:03,790
Zawsze, gdy masz do czynienia z DOM w
JavaScript, występują dwa etapy.

1900
01:34:03,790 --> 01:34:05,030
Wybranie elementu DOM.

1901
01:34:05,030 --> 01:34:06,580
I wtedy robić rzeczy do niego.

1902
01:34:06,580 --> 01:34:11,480
Więc w tym przypadku, abstrakcyjnie, mam
wybrany element środkowy.

1903
01:34:11,480 --> 01:34:14,530
A następnie przykład robi rzeczy
do niej będzie się zmieniać tekst.

1904
01:34:14,530 --> 01:34:16,020
Że kiedyś Bob.

1905
01:34:16,020 --> 01:34:19,930
Teraz, co zrobiłem to ja zmienił
Bob z Milo w tym przypadku.

1906
01:34:19,930 --> 01:34:22,130
>> Jak więc faktycznie jest?

1907
01:34:22,130 --> 01:34:23,440
Jak to robimy wybieranie?

1908
01:34:23,440 --> 01:34:26,560
I jak mamy robić rzeczy do
co raz podjęliśmy ją?

1909
01:34:26,560 --> 01:34:30,470
Cóż, sposób wy nauczyli go
w tej klasie jest coś, za pomocą

1910
01:34:30,470 --> 01:34:32,420
nazywa jQuery.

1911
01:34:32,420 --> 01:34:33,910
Więc co jest jQuery?

1912
01:34:33,910 --> 01:34:37,220
jQuery to biblioteka, która sprawia,
JavaScript łatwiej napisać.

1913
01:34:37,220 --> 01:34:39,500
Więc ktoś wziął czas
i napisał jQuery.

1914
01:34:39,500 --> 01:34:41,530
>> jQuery jest rzeczywiście napisane
w JavaScript.

1915
01:34:41,530 --> 01:34:44,550
A następnie dlatego, że zrobił to, teraz
mają całą masę funkcji, które

1916
01:34:44,550 --> 01:34:46,020
możemy użyć, które czynią nasze
mieszka bardzo proste.

1917
01:34:46,020 --> 01:34:48,580

1918
01:34:48,580 --> 01:34:50,030
Więc jakie są niektóre
rzeczy robi?

1919
01:34:50,030 --> 01:34:51,650
To sprawia, że ​​wybierając elementy łatwiejsze.

1920
01:34:51,650 --> 01:34:54,020
To sprawia, że ​​zmienia się HTML,
dodanie klas łatwiejsze.

1921
01:34:54,020 --> 01:34:55,360
To sprawia, że ​​Ajax łatwiejsze.

1922
01:34:55,360 --> 01:34:58,230
Dojdziemy do tego za chwilę.

1923
01:34:58,230 --> 01:35:00,630
>> I to jest analogiczne do bibliotek C.

1924
01:35:00,630 --> 01:35:03,090
Więc m.in. <string.h>,
można się strlen.

1925
01:35:03,090 --> 01:35:04,680
Otrzymasz strcpy, wszystkie te rzeczy.

1926
01:35:04,680 --> 01:35:09,650
Kiedy m.in. jQuery, masz ładny
sposoby zaznaczania elementów do zmiany

1927
01:35:09,650 --> 01:35:10,390
rzeczy, i tak dalej.

1928
01:35:10,390 --> 01:35:12,990
Otrzymasz dodatkowe funkcje, które
JavaScript nie daje.

1929
01:35:12,990 --> 01:35:15,310
Więc nie jest obsługa JavaScript jQuery.

1930
01:35:15,310 --> 01:35:18,660
jQuery to biblioteka, która jest napisana w
JavaScript sprawia, że ​​JavaScript

1931
01:35:18,660 --> 01:35:20,440
łatwiej napisać.

1932
01:35:20,440 --> 01:35:23,170
>> Więc nie jest jQuery programowania
język.

1933
01:35:23,170 --> 01:35:24,540
Ale obsługa JavaScript jest.

1934
01:35:24,540 --> 01:35:27,420

1935
01:35:27,420 --> 01:35:27,590
zrobić.

1936
01:35:27,590 --> 01:35:30,420
Czy masz swoją terminologię prawo.

1937
01:35:30,420 --> 01:35:32,490
Masz pytanie?

1938
01:35:32,490 --> 01:35:33,882
Tak.

1939
01:35:33,882 --> 01:35:35,132
Czy to pytanie?

1940
01:35:35,132 --> 01:35:37,910

1941
01:35:37,910 --> 01:35:38,350
Dobrze.

1942
01:35:38,350 --> 01:35:40,080
Więc jak można użyć jQuery?

1943
01:35:40,080 --> 01:35:42,390
Cóż, kiedy piszesz niektóre
Kod JavaScript i dołączyć

1944
01:35:42,390 --> 01:35:45,570
jQuery na początku pliku jako
plik skryptu, należy użyć znaku dolara

1945
01:35:45,570 --> 01:35:47,310
teraz aby uzyskać dostęp do jQuery.

1946
01:35:47,310 --> 01:35:49,860
A jest różny od
znak dolara w PHP.

1947
01:35:49,860 --> 01:35:51,590
>> To ten sam symbol, który
pisania na klawiaturze.

1948
01:35:51,590 --> 01:35:52,780
Ale znaczy bardzo różne rzeczy.

1949
01:35:52,780 --> 01:35:56,090
Znak dolara w PHP oznacza to,
Oto jak zadeklarować zmienną.

1950
01:35:56,090 --> 01:35:59,120
W JavaScript, kiedy już zawarte
jQuery, to oznacza dla jQuery.

1951
01:35:59,120 --> 01:36:01,280
Więc miej to na uwadze.

1952
01:36:01,280 --> 01:36:03,420
Więc jak możemy wybrać elementy DOM?

1953
01:36:03,420 --> 01:36:06,500
Cóż, kiedy robisz to brzydkie JavaScript
sposób można uzyskać dostęp do

1954
01:36:06,500 --> 01:36:08,240
udokumentować zmiennej globalnej.

1955
01:36:08,240 --> 01:36:11,170
A następnie dostać się elementu przez ID rodziny.

1956
01:36:11,170 --> 01:36:15,270
To jest naprawdę długi i rozwlekły
i nie bardzo miły.

1957
01:36:15,270 --> 01:36:18,190
>> Czy można uzyskać wszystkie elementy
że są tag p.

1958
01:36:18,190 --> 01:36:20,080
Że działa zbyt w JavaScript.

1959
01:36:20,080 --> 01:36:22,470
Ale my nigdy nie pokazał
Ci składnia zbyt wiele.

1960
01:36:22,470 --> 01:36:24,620
Co nam pokazał pan był jQuery.

1961
01:36:24,620 --> 01:36:28,720
Tak, że cała się tam, że selektor
wyrażono w JavaScript po prostu staje się

1962
01:36:28,720 --> 01:36:33,320
kondensuje się do tego bardzo ładny dolara
zaloguj rodzinę hashtag.

1963
01:36:33,320 --> 01:36:38,480
I $ p, tylko gdzie to jest tak.

1964
01:36:38,480 --> 01:36:41,690
Jeśli chcesz wybrać wszystkie tagi p
wewnątrz rodziny, stawiamy spację

1965
01:36:41,690 --> 01:36:42,890
między nimi.

1966
01:36:42,890 --> 01:36:44,815
A teraz, mamy wszystkie p
tagi wewnątrz rodziny.

1967
01:36:44,815 --> 01:36:48,740

1968
01:36:48,740 --> 01:36:50,380
>> I wygląda znajomo?

1969
01:36:50,380 --> 01:36:52,880
Cóż, Angela mówił o
Selektorów CSS.

1970
01:36:52,880 --> 01:36:54,200
Daj mi chwilę.

1971
01:36:54,200 --> 01:36:57,230
I tak, aby wybrać element,
po prostu użyć tego samego, co ty

1972
01:36:57,230 --> 01:36:58,530
by zrobić z selektora CSS.

1973
01:36:58,530 --> 01:37:00,910
Jeśli umieścisz hash przed
o tym, że wybranie przez ID.

1974
01:37:00,910 --> 01:37:02,220
Kropka wybiera według klas.

1975
01:37:02,220 --> 01:37:06,230
Jeśli po prostu nie mają nic
skróty lub kropki, to wybiera te tagi.

1976
01:37:06,230 --> 01:37:07,140
Pytania.

1977
01:37:07,140 --> 01:37:07,470
Tak?

1978
01:37:07,470 --> 01:37:11,510
>> PUBLICZNOŚCI: Kiedy używamy kropki w naszym
HTML, jest to, że nie jQuery?

1979
01:37:11,510 --> 01:37:13,520
>> JOSEPH ONG: Dot w naszym HTML
jest rzeczą JavaScript.

1980
01:37:13,520 --> 01:37:14,750
To nie jest rzecz, jQuery.

1981
01:37:14,750 --> 01:37:17,620
Sposób wy nauczyli go
jQuery jest w użyciu. html.

1982
01:37:17,620 --> 01:37:21,510
A potem to, co minęło
HTML będzie.

1983
01:37:21,510 --> 01:37:23,480
Więc mogę tylko, że w
Drugi rzeczywiście.

1984
01:37:23,480 --> 01:37:27,800
Tak jak robimy rzeczy do elementu
raz wybraliśmy go?

1985
01:37:27,800 --> 01:37:30,130
Więc to jest przykładem
wybraniu elementu.

1986
01:37:30,130 --> 01:37:32,280
Więc teraz, że chcemy robić rzeczy do niego.

1987
01:37:32,280 --> 01:37:35,730
>> Więc w tym przypadku, pozwól mi wrócić
do poprzedniego slajdu.

1988
01:37:35,730 --> 01:37:37,360
To był Bob wcześniej.

1989
01:37:37,360 --> 01:37:40,660
I chcę to zmienić
wewnątrz HTML do Milo.

1990
01:37:40,660 --> 01:37:43,240
Więc wywołać funkcję HTML
od elementu.

1991
01:37:43,240 --> 01:37:45,580
Że funkcja HTML
Sposób elementu.

1992
01:37:45,580 --> 01:37:47,430
A potem dać to, co
Chcę HTML być.

1993
01:37:47,430 --> 01:37:50,560
I to, co jest po prostu zastępuje wewnątrz
że znak z co daję.

1994
01:37:50,560 --> 01:37:50,830
Tak.

1995
01:37:50,830 --> 01:37:51,170
Pytanie?

1996
01:37:51,170 --> 01:37:57,397
>> PUBLICZNOŚCI: hashtag jest używany
tylko dla jQuery.

1997
01:37:57,397 --> 01:37:59,313
[Niesłyszalne]

1998
01:37:59,313 --> 01:38:01,230
nie będziemy używać.

1999
01:38:01,230 --> 01:38:01,960
>> JOSEPH ONG: Tak, dokładnie.

2000
01:38:01,960 --> 01:38:03,750
Ale nie martw się zbyt wiele
o czystym JavaScript.

2001
01:38:03,750 --> 01:38:06,670
Chcę tylko, żebyś faceci skupić się na jak
by zrobić z jQuery, ponieważ

2002
01:38:06,670 --> 01:38:10,020
że będzie to ważne
część na quiz.

2003
01:38:10,020 --> 01:38:10,400
Prawo.

2004
01:38:10,400 --> 01:38:10,880
Dokładnie.

2005
01:38:10,880 --> 01:38:16,025
Więc widać, że hashtag, tak aby
odpowiada na wybór elementowi

2006
01:38:16,025 --> 01:38:18,310
średnim ID powodu tego tagiem.

2007
01:38:18,310 --> 01:38:19,670
Hashtag oznacza identyfikator.

2008
01:38:19,670 --> 01:38:22,870
I ten element ma identyfikator środku.

2009
01:38:22,870 --> 01:38:24,366
Więc to jest element możemy wybrać.

2010
01:38:24,366 --> 01:38:27,160
>> PUBLICZNOŚCI: [niesłyszalne].

2011
01:38:27,160 --> 01:38:31,090
znak dolara hashtag [niesłyszalne]?

2012
01:38:31,090 --> 01:38:31,710
>> JOSEPH ONG: Więc nie ma.

2013
01:38:31,710 --> 01:38:33,280
Pytanie można użyć. Wartość.

2014
01:38:33,280 --> 01:38:36,445
I. Wartość działa tylko na elementy
które są wejściami.

2015
01:38:36,445 --> 01:38:40,950

2016
01:38:40,950 --> 01:38:45,495
W jQuery, byłoby
. Val, nie. Wartość.

2017
01:38:45,495 --> 01:38:49,080
Więc mam do małego przykład, że
Demonstruje to wszystko w połączeniu

2018
01:38:49,080 --> 01:38:49,850
w drugim.

2019
01:38:49,850 --> 01:38:53,130
Ale myślę, że to służy mały fragment
ma sens dla ludzi, do tej pory.

2020
01:38:53,130 --> 01:38:55,450
Chcesz zmienić HTML,
wywołać metodę HTML.

2021
01:38:55,450 --> 01:38:56,432
Tak.

2022
01:38:56,432 --> 01:38:58,200
>> PUBLICZNOŚCI: Czy możesz wyjaśnić
ponownie metoda?

2023
01:38:58,200 --> 01:39:01,900
>> JOSEPH ONG: Więc metoda jest po prostu
Funkcja, która należy do jednej, w tym

2024
01:39:01,900 --> 01:39:04,590
przypadek, jeden z tych elementów DOM,
bo widzisz, że

2025
01:39:04,590 --> 01:39:05,940
wybiera pierwszy element.

2026
01:39:05,940 --> 01:39:07,320
Właściwie, pozwól mi użyć myszy.

2027
01:39:07,320 --> 01:39:09,330
Wybrałem pierwszy element.

2028
01:39:09,330 --> 01:39:12,310
A potem zadzwoniłem ten HTML
funkcjonować, że miał.

2029
01:39:12,310 --> 01:39:15,710
A ponieważ ta funkcja należy do
to coś, nazywamy to metoda.

2030
01:39:15,710 --> 01:39:19,480
To jest tylko nazwa na to.

2031
01:39:19,480 --> 01:39:20,730
Powiedz to jeszcze raz.

2032
01:39:20,730 --> 01:39:22,880

2033
01:39:22,880 --> 01:39:25,170
Więc pamiętaj, że wybrana
Element teraz.

2034
01:39:25,170 --> 01:39:27,810
I umieściliśmy go w środku
element zmienny.

2035
01:39:27,810 --> 01:39:28,600
Poprawić?

2036
01:39:28,600 --> 01:39:34,380
>> Tak więc, gdy chcemy zmienić na HTML
w środku, bo to był Bob wcześniej,

2037
01:39:34,380 --> 01:39:36,420
Aby zmienić ten tekst, aby Milo.

2038
01:39:36,420 --> 01:39:37,920
Tak nazywamy HTML.

2039
01:39:37,920 --> 01:39:41,610
I powiemy co HTML wewnątrz
że element powinien być teraz.

2040
01:39:41,610 --> 01:39:44,107
I tak to się zmienia go Milo,
bo dałem Milo.

2041
01:39:44,107 --> 01:39:46,542
>> PUBLICZNOŚCI: Tak pracują razem.

2042
01:39:46,542 --> 01:39:47,030
[Niesłyszalne]

2043
01:39:47,030 --> 01:39:47,390
>> JOSEPH ONG: Tak, tak.

2044
01:39:47,390 --> 01:39:48,180
Pracują razem.

2045
01:39:48,180 --> 01:39:50,210
Tak więc jeden z nich wybiera
ten pierwszy element.

2046
01:39:50,210 --> 01:39:52,863
A druga ma
coś w tym jest.

2047
01:39:52,863 --> 01:39:53,790
Tak.

2048
01:39:53,790 --> 01:39:56,168
>> PUBLICZNOŚCI: [niesłyszalne].

2049
01:39:56,168 --> 01:40:01,280
Jeśli ta metoda jest inna niż w HTML
masz metodę równego rzeczywista.

2050
01:40:01,280 --> 01:40:01,560
>> JOSEPH ONG: Tak.

2051
01:40:01,560 --> 01:40:03,370
Który jest różny sposób.

2052
01:40:03,370 --> 01:40:04,670
Który jest różny sposób.

2053
01:40:04,670 --> 01:40:07,860
I możemy pokryć, że w ciągu sekundy
gdy mamy na przykład.

2054
01:40:07,860 --> 01:40:12,000
Chcę się upewnić, że możemy przyspieszyć
bo kończy nam się czas.

2055
01:40:12,000 --> 01:40:15,360
Ale Zabrakło mi drogę na czas.

2056
01:40:15,360 --> 01:40:15,490
OK.

2057
01:40:15,490 --> 01:40:16,430
Fajne.

2058
01:40:16,430 --> 01:40:20,130
Więc jeśli chcesz dodać klasę, jest
także metoda klasy dodatek.

2059
01:40:20,130 --> 01:40:24,300
To tylko przykład tego, co
można zrobić z jQuery.

2060
01:40:24,300 --> 01:40:25,950
Że po prostu dodaje klasę.

2061
01:40:25,950 --> 01:40:28,660
>> Jeśli chcesz go usunąć,
możesz zadzwonić usuń.

2062
01:40:28,660 --> 01:40:32,280
To tylko kolejny, co można zrobić.

2063
01:40:32,280 --> 01:40:35,680
Więc więcej przykładów rzeczy, które możesz zrobić.

2064
01:40:35,680 --> 01:40:37,510
Więc może po prostu umieścić go w
Najwięcej w ten sposób?

2065
01:40:37,510 --> 01:40:38,760
Najmłodszy usunąć.

2066
01:40:38,760 --> 01:40:42,470

2067
01:40:42,470 --> 01:40:45,930
Gdybym tylko wykonać ten JavaScript na
Najwięcej z mojego pliku, który będzie działać?

2068
01:40:45,930 --> 01:40:48,540

2069
01:40:48,540 --> 01:40:48,920
Prawo.

2070
01:40:48,920 --> 01:40:50,530
Ponieważ środkowa jeszcze nie istnieje.

2071
01:40:50,530 --> 01:40:51,840
Więc to nie będzie działać.

2072
01:40:51,840 --> 01:40:52,800
Kolejność wykonywania.

2073
01:40:52,800 --> 01:40:55,040
Idzie do góry w pierwszej kolejności.

2074
01:40:55,040 --> 01:40:55,540
Co?

2075
01:40:55,540 --> 01:40:57,450
>> PUBLICZNOŚCI: Najmłodsze jeszcze nie istnieje?

2076
01:40:57,450 --> 01:40:57,810
>> JOSEPH ONG: Tak.

2077
01:40:57,810 --> 01:40:58,710
Najmłodszy jeszcze nie istnieje.

2078
01:40:58,710 --> 01:40:59,600
Dokładnie.

2079
01:40:59,600 --> 01:41:01,320
>> PUBLICZNOŚCI: Powiedziałeś średnim.

2080
01:41:01,320 --> 01:41:01,510
>> JOSEPH ONG: Przepraszam.

2081
01:41:01,510 --> 01:41:02,720
Najmłodszy jeszcze nie istnieje.

2082
01:41:02,720 --> 01:41:04,510
A druga rzecz, to nie mam
wliczone w jQuery

2083
01:41:04,510 --> 01:41:06,580
plik zapytać skryptu SRC.

2084
01:41:06,580 --> 01:41:07,960
Tak, że nie będzie działać.

2085
01:41:07,960 --> 01:41:09,580
Właściwie, to nie zrobiłem w
następny slajd, który jest

2086
01:41:09,580 --> 01:41:10,700
powinien ustalić, że albo.

2087
01:41:10,700 --> 01:41:14,120
Ale sposób, w jaki to zrobić jest obsługa JavaScript
jest kierowane przez zdarzenie.

2088
01:41:14,120 --> 01:41:17,410
Więc co możemy zrobić, to używamy zdarzenie
handler aby tak się stało.

2089
01:41:17,410 --> 01:41:19,510
A więc wybierz dokument
zestaw pierwszy.

2090
01:41:19,510 --> 01:41:23,810
I powiedzieć, OK, gdy dokument jest
gotowy, pozwól mi uruchomić funkcję.

2091
01:41:23,810 --> 01:41:25,470
Więc to wszystko, środki składniowe.

2092
01:41:25,470 --> 01:41:27,100
>> Wybrałem ten dokument.

2093
01:41:27,100 --> 01:41:29,530
Teraz, gdy dokument jest
gotowy, uruchomić funkcję.

2094
01:41:29,530 --> 01:41:32,970
I tak tu, gdy dokument jest
gotowy, co oznacza, HTML ma wszystko

2095
01:41:32,970 --> 01:41:36,140
załadowany, a następnie uruchomić funkcję
usuwający tego elementu.

2096
01:41:36,140 --> 01:41:40,270
A więc teraz, kiedy uruchomić tę funkcję
że przeszedł w gotowy, jestem

2097
01:41:40,270 --> 01:41:43,780
gwarantuje, że wszystkie HTML na
strona będzie istnieć pierwszy.

2098
01:41:43,780 --> 01:41:44,100
Tak.

2099
01:41:44,100 --> 01:41:44,425
Pytanie?

2100
01:41:44,425 --> 01:41:48,200
>> PUBLICZNOŚCI: Co to jest słowo kluczowe wydarzenie
w funkcji?

2101
01:41:48,200 --> 01:41:51,750
>> JOSEPH ONG: Więc to kluczowe wydarzenie w
Funkcja ta jest po prostu parametr

2102
01:41:51,750 --> 01:41:53,490
zostanie przekazany do funkcji
w każdym razie.

2103
01:41:53,490 --> 01:41:55,470
To jest po prostu coś, co
można dostać za darmo.

2104
01:41:55,470 --> 01:41:59,320
Gdy używasz ładowarki w kluczowych
pset8, że impreza może ci powiedzieć, na

2105
01:41:59,320 --> 01:42:01,350
Przykładem, który klawisz został naciśnięty na.

2106
01:42:01,350 --> 01:42:05,540
W tym przypadku, dla gotowej wypadku
to nie jest naprawdę bardzo przydatne.

2107
01:42:05,540 --> 01:42:08,640
Ale dla kluczowego wydarzenia w dół, jest to bardziej
przydatne, ponieważ można poznać, które

2108
01:42:08,640 --> 01:42:12,330
klawisz został naciśnięty przez dostęp klucz
Kod z tego obiektu zdarzenia.

2109
01:42:12,330 --> 01:42:13,530
Poprawić?

2110
01:42:13,530 --> 01:42:15,160
Czy to ma sens?

2111
01:42:15,160 --> 01:42:16,280
OK.

2112
01:42:16,280 --> 01:42:16,580
Tak.

2113
01:42:16,580 --> 01:42:17,150
Pytanie?

2114
01:42:17,150 --> 01:42:19,290
>> PUBLICZNOŚCI: Więc można umieścić
tag skrypt niżej?

2115
01:42:19,290 --> 01:42:19,940
>> JOSEPH ONG: Więc tak.

2116
01:42:19,940 --> 01:42:21,500
Można umieścić skrypt
oznaczyć niżej.

2117
01:42:21,500 --> 01:42:23,090
Ale to po prostu staje się naprawdę brudny.

2118
01:42:23,090 --> 01:42:26,590
I lubimy scentralizować wszystkie
naszego kodu w jednym miejscu.

2119
01:42:26,590 --> 01:42:28,290
A to pozwoli nam to zrobić.

2120
01:42:28,290 --> 01:42:32,010
Zapamiętaj wcześniej powiedziałem jest ładniejszy
sposób, aby zapewnić, że elementy

2121
01:42:32,010 --> 01:42:33,880
na stronie przed wykonaniem kodu?

2122
01:42:33,880 --> 01:42:36,079
I to jest po prostu dobry sposób
chcesz osiągnąć.

2123
01:42:36,079 --> 01:42:37,329
>> PUBLICZNOŚCI: [niesłyszalne].

2124
01:42:37,329 --> 01:42:41,710

2125
01:42:41,710 --> 01:42:42,230
>> JOSEPH ONG: Tak.

2126
01:42:42,230 --> 01:42:43,460
Nadal będzie musiał, prawda?

2127
01:42:43,460 --> 01:42:46,930
Bo pamiętaj, że zawarte
złożyć na górnej stronie.

2128
01:42:46,930 --> 01:42:49,890
Więc to będzie pierwszy do wykonania przed
można dostać się do dolnej części strony.

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
Więc można również dodawać różne
typ obsługi zdarzeń.

2132
01:42:59,210 --> 01:43:00,640
Ten właśnie przetwarza kliknięć.

2133
01:43:00,640 --> 01:43:03,910
Po kliknięciu na najmłodszych, a następnie
to pojawiają się z wpisem.

2134
01:43:03,910 --> 01:43:05,440
To jest po prostu inna
Typ zdarzenia.

2135
01:43:05,440 --> 01:43:08,840
W przeciwieństwie do gotowego razie teraz
używać zdarzenie click, gdy pojawi

2136
01:43:08,840 --> 01:43:10,190
kliknie na element.

2137
01:43:10,190 --> 01:43:13,860
>> A więc w tym przypadku należy pamiętać, kliknięcia
Ładowarka jest dołączony do najmłodszych.

2138
01:43:13,860 --> 01:43:16,080
Tak to się dzieje tylko, gdy
I kliknij na najmłodszych.

2139
01:43:16,080 --> 01:43:19,510
I w drugim przypadku, gotowej
przyłączono do dokumentu.

2140
01:43:19,510 --> 01:43:23,750
Tak więc oczekuje dokumentu
być gotowy.

2141
01:43:23,750 --> 01:43:25,120
Ma sens?

2142
01:43:25,120 --> 01:43:26,190
Myślę, że mogę iść dalej.

2143
01:43:26,190 --> 01:43:26,610
Tak.

2144
01:43:26,610 --> 01:43:26,980
Pytanie?

2145
01:43:26,980 --> 01:43:28,230
>> PUBLICZNOŚCI: [niesłyszalne].

2146
01:43:28,230 --> 01:43:31,676

2147
01:43:31,676 --> 01:43:33,620
w tym przypadku można użyć [niesłyszalne].

2148
01:43:33,620 --> 01:43:36,650
>> JOSEPH ONG: Tak, ponieważ w tym
sprawa, muszę czekać na najmłodszych

2149
01:43:36,650 --> 01:43:40,740
Element pierwszy pojawia się na ekranie
przed mogę dołączyć obsługi kliknij, aby

2150
01:43:40,740 --> 01:43:43,062
to, co jest, dlaczego umieścić go wewnątrz
z gotowy dokument.

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
I następny, więc to jest duży przykładem
jak można połączyć wszystko.

2154
01:43:52,390 --> 01:43:55,930
To jest tylko przykład walidacji formularza
widziałem w wykładzie.

2155
01:43:55,930 --> 01:43:58,410
Więc weź to krok po kroku, jak
przejść przez to.

2156
01:43:58,410 --> 01:43:59,590
I to będzie zupełnie OK.

2157
01:43:59,590 --> 01:44:01,400
Wystarczy przeczytać ją od góry do dołu.

2158
01:44:01,400 --> 01:44:03,030
>> Mam formularz na dole.

2159
01:44:03,030 --> 01:44:07,590
Kiedy dokument jest gotowy, załączyć
złożyć obsługi do postaci, na przykład, że

2160
01:44:07,590 --> 01:44:12,910
Kiedy przesłać formularz, uzyskać wartości
zaś wewnątrz każdej z tych wejść.

2161
01:44:12,910 --> 01:44:14,560
I sprawdzić, czy jest pusty.

2162
01:44:14,560 --> 01:44:17,090
Jeśli jest to puste, to return false, ponieważ
Nie chcę, aby wysłać formularz,

2163
01:44:17,090 --> 01:44:18,950
bo forma jest nie tak.

2164
01:44:18,950 --> 01:44:22,040
Jeśli hasło jest puste lub jest to mniej
niż osiem znaków, nie złożę

2165
01:44:22,040 --> 01:44:24,470
formą, bo to też źle.

2166
01:44:24,470 --> 01:44:28,150
I powrót tylko zapobiega fałszywe
Formularz od składania i

2167
01:44:28,150 --> 01:44:30,150
idzie do nowej strony.

2168
01:44:30,150 --> 01:44:31,310
>> I miejmy nadzieję, że to ma sens.

2169
01:44:31,310 --> 01:44:34,650
Myślę, że chłopaki powinni przejść przez
Kod ten krok po kroku na własną rękę.

2170
01:44:34,650 --> 01:44:38,350
I po zrozumieniu, co wybrać
elementy i zrobić z nim rzeczy

2171
01:44:38,350 --> 01:44:40,520
faktycznie pociąga za sobą, to będzie
wiele sensu dla Ciebie.

2172
01:44:40,520 --> 01:44:41,295
Tak?

2173
01:44:41,295 --> 01:44:44,150
>> PUBLICZNOŚCI: Co robi
name = nazwa użytkownika oznacza?

2174
01:44:44,150 --> 01:44:48,530
>> JOSEPH ONG: Więc nazwa = nazwa użytkownika i
name = hasło po prostu oznacza, spojrzeć na

2175
01:44:48,530 --> 01:44:50,730
atrybut cokolwiek
masz wybór.

2176
01:44:50,730 --> 01:44:51,790
A więc, że ma takie same.

2177
01:44:51,790 --> 01:44:53,870
Więc idziemy do rejestracji.

2178
01:44:53,870 --> 01:44:56,240
A potem spojrzeć na wszystkich wejściach
i rejestracji.

2179
01:44:56,240 --> 01:44:59,990
A następnie wybieramy ten, w którym nazwę
atrybutu jest równa użytkownika.

2180
01:44:59,990 --> 01:45:04,040
Tak tylko, że pierwszy selektor wybiera
Wejście nazwa użytkownika.

2181
01:45:04,040 --> 01:45:08,220
I że tylko drugi selektor wybiera
hasło jeden, bo te mają

2182
01:45:08,220 --> 01:45:12,240
Nazwa ustaw ich atrybuty jak co
oni mają być.

2183
01:45:12,240 --> 01:45:12,575
Pytanie?

2184
01:45:12,575 --> 01:45:17,030
>> PUBLICZNOŚCI: W dniu złożenia wniosku, w jaki sposób
dolna część rozwiązać górną część?

2185
01:45:17,030 --> 01:45:19,350
>> JOSEPH ONG: Więc to dlatego,
procedury obsługi zdarzeń.

2186
01:45:19,350 --> 01:45:23,000
Więc czekamy na razie przedłożenia
że zostanie zwolniony z formularza.

2187
01:45:23,000 --> 01:45:24,730
I to jest wszystko, co jest przedłożyć.

2188
01:45:24,730 --> 01:45:26,080
Dlaczego nazywam złożyć tam?

2189
01:45:26,080 --> 01:45:28,870
Mówi, gdy formularz jest składany,
Mam zdarzenie przedstawienia.

2190
01:45:28,870 --> 01:45:33,480
Pozwólcie mi, że i przechwycić
następnie uruchomić ten kod zamiast.

2191
01:45:33,480 --> 01:45:33,823
Tak?

2192
01:45:33,823 --> 01:45:35,866
>> PUBLICZNOŚCI: Dlaczego masz
mieć zdarzenie funkcji?

2193
01:45:35,866 --> 01:45:38,580
Dlaczego nie można po prostu [niesłyszalne]?

2194
01:45:38,580 --> 01:45:41,140
>> JOSEPH ONG: Ponieważ w JavaScript, to
muszą zadeklarować funkcji.

2195
01:45:41,140 --> 01:45:42,910
To jest po prostu, jak to działa
w JavaScript.

2196
01:45:42,910 --> 01:45:44,800
Trzeba powiedzieć, że to się dzieje
uruchomienia funkcji.

2197
01:45:44,800 --> 01:45:47,290
Więc mówisz, że jesteś go
spodziewa się tu zamiast funkcji

2198
01:45:47,290 --> 01:45:48,260
tylko nawiasy klamrowe.

2199
01:45:48,260 --> 01:45:50,460
>> PUBLICZNOŚCI: A funkcja
jest co następuje?

2200
01:45:50,460 --> 01:45:50,650
>> JOSEPH ONG: Tak.

2201
01:45:50,650 --> 01:45:52,790
Funkcja jest wszystko, co jest w środku
Nawiasy klamrowe po

2202
01:45:52,790 --> 01:45:53,630
że kluczowe funkcje.

2203
01:45:53,630 --> 01:45:54,045
Tak?

2204
01:45:54,045 --> 01:45:55,295
>> PUBLICZNOŚCI: [niesłyszalne].

2205
01:45:55,295 --> 01:46:00,180

2206
01:46:00,180 --> 01:46:00,660
>> JOSEPH ONG: Dla przedstawienia?

2207
01:46:00,660 --> 01:46:03,520
>> PUBLICZNOŚCI: Nie, dla funkcji
bez zdarzenia.

2208
01:46:03,520 --> 01:46:03,770
>> JOSEPH ONG: Tak.

2209
01:46:03,770 --> 01:46:05,610
Tak więc bez wypadku
możesz mieć.

2210
01:46:05,610 --> 01:46:08,480
Jeśli nie potrzebujesz zdarzenie,
Następnie można po prostu pominąć go.

2211
01:46:08,480 --> 01:46:12,220
Ale jeśli nie, to
wystarczy umieścić go tam.

2212
01:46:12,220 --> 01:46:12,520
Tak.

2213
01:46:12,520 --> 01:46:13,190
Szybkie pytanie?

2214
01:46:13,190 --> 01:46:14,440
>> PUBLICZNOŚCI: [niesłyszalne].

2215
01:46:14,440 --> 01:46:21,170

2216
01:46:21,170 --> 01:46:21,440
>> JOSEPH ONG: Tak.

2217
01:46:21,440 --> 01:46:24,550
Bo to, co trzeba zrobić,
document.ready tylko mówi czekać na wszystko

2218
01:46:24,550 --> 01:46:26,540
HTML na stronie, aby załadować pierwszy.

2219
01:46:26,540 --> 01:46:30,510
I zwykle, chcesz, aby elementy
w miejscu przed uruchomieniem kodu.

2220
01:46:30,510 --> 01:46:31,030
Dobrze.

2221
01:46:31,030 --> 01:46:32,180
Musimy dostać się do Ajax.

2222
01:46:32,180 --> 01:46:33,110
Nie mamy wiele czasu.

2223
01:46:33,110 --> 01:46:35,170
Więc plusy i minusy.

2224
01:46:35,170 --> 01:46:37,450
JavaScript jest łatwiej spróbować
Napisać z jQuery.

2225
01:46:37,450 --> 01:46:38,930
Ale jQuery jest rodzaj powolne.

2226
01:46:38,930 --> 01:46:42,290
>> To jak PHP jest wolniejszy niż C,
bo to interpretować.

2227
01:46:42,290 --> 01:46:45,690
I jQuery jest nieco wolniejsze niż
JavaScript, ponieważ ma wiele

2228
01:46:45,690 --> 01:46:46,630
rzeczy pod maską.

2229
01:46:46,630 --> 01:46:48,660
A więc jeśli używasz jQuery, to
tylko trochę wolniej niż

2230
01:46:48,660 --> 01:46:51,630
JavaScript, mimo że
daje piękny elegancji.

2231
01:46:51,630 --> 01:46:53,970
I wreszcie, Ajax.

2232
01:46:53,970 --> 01:46:59,170
Do tej pory z Ajax, nie widziałem Ajax
w odniesieniu pset7 jednak ze względu

2233
01:46:59,170 --> 01:47:01,150
kiedy to zrobisz, możesz złożyć
Formularz do zacytowania.

2234
01:47:01,150 --> 01:47:02,350
Ładuje nową stronę.

2235
01:47:02,350 --> 01:47:04,440
Więc masz ten duży biały błysk
Na stronie natomiast

2236
01:47:04,440 --> 01:47:06,820
druga strona się ładuje, prawda?

2237
01:47:06,820 --> 01:47:08,780
>> Byłoby naprawdę miło, gdyby ci
nie ma ten flash.

2238
01:47:08,780 --> 01:47:11,600
Takich jak Facebook, czy po prostu przejść do
dolny, dodaje nowe treści

2239
01:47:11,600 --> 01:47:13,490
bez odświeżania całej strony.

2240
01:47:13,490 --> 01:47:15,420
Więc coś takiego byłoby miło.

2241
01:47:15,420 --> 01:47:17,370
To jest kod JavaScript
Po lewej stronie.

2242
01:47:17,370 --> 01:47:19,390
Dostajesz to, co jest wewnątrz tego wejścia.

2243
01:47:19,390 --> 01:47:21,340
Otrzymasz informacje giełdowe z Yahoo!

2244
01:47:21,340 --> 01:47:27,440
A potem zrobić duży ciąg
mówi: OK, to jest wiadomość chcę

2245
01:47:27,440 --> 01:47:28,400
pokazać na ekranie.

2246
01:47:28,400 --> 01:47:32,280
A następnie umieścić tę wiadomość wewnątrz
jakiegoś elementu HTML, który pobiera

2247
01:47:32,280 --> 01:47:33,970
wyświetlane na ekranie.

2248
01:47:33,970 --> 01:47:35,540
>> Więc to wszystko, co się tu dzieje.

2249
01:47:35,540 --> 01:47:39,410
Więc w zasadzie, bo to wszystko jest
JavaScript i nie trzeba, aby uruchomić

2250
01:47:39,410 --> 01:47:42,980
już w PHP, to sprawi, że
że strona nie odświeża.

2251
01:47:42,980 --> 01:47:47,470
Więc to jest tylko abstrakcyjną ideą
że mówię tu teraz.

2252
01:47:47,470 --> 01:47:50,630
Abstrakcyjny pomysł jest, że jeśli robisz to
wszystko w JavaScript, nie musisz

2253
01:47:50,630 --> 01:47:52,330
Odśwież stronę.

2254
01:47:52,330 --> 01:47:53,800
Ale jak właściwie to zrobić?

2255
01:47:53,800 --> 01:47:56,230
>> Cóż, faktycznie, porozmawiajmy o
Problem z tym pierwszym.

2256
01:47:56,230 --> 01:47:59,340
Problem jest w JavaScript,
wykonanie jest synchroniczna.

2257
01:47:59,340 --> 01:48:02,000
Więc trzeba czekać na jednego
Linia, aby zakończyć przed tobą

2258
01:48:02,000 --> 01:48:03,370
wykonać następną linię.

2259
01:48:03,370 --> 01:48:06,130
A co jeśli mam na Yahoo!,
i ich serwery są bardzo powolne, a

2260
01:48:06,130 --> 01:48:08,790
zajmuje im trzy sekundy, aby
oddaj mi tego info akcji?

2261
01:48:08,790 --> 01:48:12,620
Kiedy hit tej linii cen, jeśli
realizacji jest synchroniczny, a to przez

2262
01:48:12,620 --> 01:48:15,390
domyślnie, co to jest po prostu to zrobi
Twoja przeglądarka będzie stoisko na

2263
01:48:15,390 --> 01:48:15,930
trzy sekundy.

2264
01:48:15,930 --> 01:48:18,900
A ty nie będziesz w stanie zrobić
, podczas gdy robi coś, że dane.

2265
01:48:18,900 --> 01:48:20,010
To będzie zamrożone.

2266
01:48:20,010 --> 01:48:20,800
>> I to jest złe.

2267
01:48:20,800 --> 01:48:23,390
Nie chcesz użytkownikowi
mają zamrożone stronę.

2268
01:48:23,390 --> 01:48:24,170
Poprawić?

2269
01:48:24,170 --> 01:48:25,480
To jest po prostu złe.

2270
01:48:25,480 --> 01:48:26,770
Wszyscy zgadzają?

2271
01:48:26,770 --> 01:48:29,270
Jeśli i to przeglądanie Facebooka
zawiesza i nie można nic zrobić,

2272
01:48:29,270 --> 01:48:31,920
się bardzo sfrustrowany.

2273
01:48:31,920 --> 01:48:34,960
Więc rozwiązaniem jest zrobić coś
asynchroniczne zamiast.

2274
01:48:34,960 --> 01:48:38,910
Więc wszystko to, co mówi, asynchroniczne
jest, mam zamiar zapytać to

2275
01:48:38,910 --> 01:48:40,280
Adres URL dla niektórych danych.

2276
01:48:40,280 --> 01:48:41,610
A potem mam zamiar iść dalej.

2277
01:48:41,610 --> 01:48:45,330
Idę do utrzymania wykonywania
niezależnie od kodu, który był po.

2278
01:48:45,330 --> 01:48:49,290
>> A potem, gdy, że dane są gotowe,
to ja go przetworzyć.

2279
01:48:49,290 --> 01:48:50,540
To wszystko mówi.

2280
01:48:50,540 --> 01:48:52,795

2281
01:48:52,795 --> 01:48:56,710
>> PUBLICZNOŚCI: Ajax po prostu sprawia, że
asynchroniczny kod?

2282
01:48:56,710 --> 01:48:58,560
>> JOSEPH ONG: To asynchroniczny
sposób pobierania danych.

2283
01:48:58,560 --> 01:49:01,230
Tak więc pierwszą rzeczą, o Ajax
to pozwala mi uzyskać dane

2284
01:49:01,230 --> 01:49:03,170
z zewnętrznej strony.

2285
01:49:03,170 --> 01:49:07,045
I druga rzecz to to sprawia, że ​​na pewno
że moja strona nie utyka, a ja jestem

2286
01:49:07,045 --> 01:49:07,970
pobieranie tych danych.

2287
01:49:07,970 --> 01:49:09,600
To asynchroniczny częścią.

2288
01:49:09,600 --> 01:49:13,040
Bo to idzie gdzieś indziej,
bo powiem, że wracamy na chwilę

2289
01:49:13,040 --> 01:49:14,900
to pobieranie tych danych, które
sprawia, że ​​asynchroniczne.

2290
01:49:14,900 --> 01:49:17,170
Trzymam wykonywania.

2291
01:49:17,170 --> 01:49:18,960
>> Miejcie to asynchroniczny
Pomysł w głowie.

2292
01:49:18,960 --> 01:49:22,010
, A pokażę ci, co
różnica.

2293
01:49:22,010 --> 01:49:23,920
Wersja synchroniczna
znajduje się po lewej stronie.

2294
01:49:23,920 --> 01:49:26,240
Wersja asynchroniczna
jest po prawej stronie.

2295
01:49:26,240 --> 01:49:29,170
Spojrzeć na liczby, aby zobaczyć, które
kroków spełnia co

2296
01:49:29,170 --> 01:49:30,610
wykonywany w każdym wierszu.

2297
01:49:30,610 --> 01:49:32,730
Tam, pojawia się pierwszy wpis.

2298
01:49:32,730 --> 01:49:34,590
Ponieważ uzyskanie informacji akcji z Yahoo!

2299
01:49:34,590 --> 01:49:37,250
trwa trzy sekundy, stalle
w ciągu trzech sekund.

2300
01:49:37,250 --> 01:49:39,880
A następnie informuje, że ceny
Po tych trzech sekund.

2301
01:49:39,880 --> 01:49:43,690
>> Więc teraz, że pokazuje alert
się w tym czasie -

2302
01:49:43,690 --> 01:49:44,610
trzy sekundy w.

2303
01:49:44,610 --> 01:49:47,670
A następnie informuje, że przez po.

2304
01:49:47,670 --> 01:49:48,930
Więc to tylko po to krok po kroku.

2305
01:49:48,930 --> 01:49:51,200
To jak to, co faceci
zaakceptuje, prawda?

2306
01:49:51,200 --> 01:49:54,170
Z wykonywania asynchronicznego,
Ci ostrzegają pierwszy.

2307
01:49:54,170 --> 01:49:57,410
Następnie udać się do tego adresu URL.

2308
01:49:57,410 --> 01:49:59,530
I mówisz, będę
po prostu poprosić o dane.

2309
01:49:59,530 --> 01:50:01,170
A potem mam zamiar
przetwarza je później.

2310
01:50:01,170 --> 01:50:04,230
Więc natychmiast wykonuje
następna linia sprawiają, że po I

2311
01:50:04,230 --> 01:50:05,710
asynchroniczne żądanie.

2312
01:50:05,710 --> 01:50:08,920
>> Więc 0,001 sekundy widzisz powiadomienie hi.

2313
01:50:08,920 --> 01:50:10,960
Wykonanie tej funkcji, powiadomienie bye.

2314
01:50:10,960 --> 01:50:14,240
I dlatego, że złożył obietnicę, że
będzie przetwarzać dane później, co

2315
01:50:14,240 --> 01:50:17,920
zdarza się, że gdy wróci danych
trzy sekundy później, a następnie uruchomić, że

2316
01:50:17,920 --> 01:50:21,380
Funkcja, że ​​mam tam.

2317
01:50:21,380 --> 01:50:21,870
Tak?

2318
01:50:21,870 --> 01:50:25,750
>> PUBLICZNOŚCI: Czy możesz podać lub
wyjaśnić, co oznacza, Ajax?

2319
01:50:25,750 --> 01:50:30,460
>> JOSEPH ONG: Ajax jest więc sposób, że jeśli
Potrzebuję danych, gdy jestem na stronie internetowej i

2320
01:50:30,460 --> 01:50:34,690
Nie chcę, aby odświeżyć stronę, a następnie
I korzystać z tej technologii o nazwie Ajax.

2321
01:50:34,690 --> 01:50:40,630
Oznacza, że ​​w istocie tak, idź przynieś
dane z innej strony.

2322
01:50:40,630 --> 01:50:43,724
I zrobić to w taki sposób, że tylko
nie opóźniać moją stronę internetową.

2323
01:50:43,724 --> 01:50:46,650
>> PUBLICZNOŚCI: Więc jest to nieodłączny
część JavaScript lub jQuery?

2324
01:50:46,650 --> 01:50:50,590
>> JOSEPH ONG: Więc ktoś napisał sposób to zrobić
to w JavaScript dawno temu.

2325
01:50:50,590 --> 01:50:52,050
W pewnym momencie, że nie istnieje.

2326
01:50:52,050 --> 01:50:56,630
I tak ktoś wymyślił tą technikę
aby ludzie do żądania tych danych

2327
01:50:56,630 --> 01:50:57,680
w ten sposób.

2328
01:50:57,680 --> 01:50:59,550
I napisał kilka rzeczy
zrobić to za Ciebie.

2329
01:50:59,550 --> 01:51:01,605
I jQuery tylko daje to
bardzo dobry sposób, aby to zrobić

2330
01:51:01,605 --> 01:51:03,112
z tego $. funkcję dostać.

2331
01:51:03,112 --> 01:51:07,200

2332
01:51:07,200 --> 01:51:09,480
pytania?

2333
01:51:09,480 --> 01:51:11,560
Mogę odpowiedzieć na pytania dotyczące
Ajax potem też.

2334
01:51:11,560 --> 01:51:13,870
Będę tutaj.

2335
01:51:13,870 --> 01:51:16,390
>> Więc niech nam pobrać dane bez
odświeżania strony.

2336
01:51:16,390 --> 01:51:18,200
I niech nam to zrobić w
asynchroniczny sposób, że

2337
01:51:18,200 --> 01:51:19,450
nie zamrażać stronę.

2338
01:51:19,450 --> 01:51:22,680

2339
01:51:22,680 --> 01:51:27,310
Zbyt długo, nie czytaj, jeżeli
Wyjaśnienie było zbyt długo na Ciebie.

2340
01:51:27,310 --> 01:51:29,430
Więc w końcu, cross-site
ataki z wykorzystaniem skryptów.

2341
01:51:29,430 --> 01:51:30,910
Widzieliśmy to z Zamyla.

2342
01:51:30,910 --> 01:51:34,285
Jeśli ktoś w mojej bazy danych ma tę nazwę,
co jest tego tagu skrypt, a ja

2343
01:51:34,285 --> 01:51:38,280
jakiś kod na mojej stronie, która drukuje
z nazwiskami ludzi z rzędu, lub mam

2344
01:51:38,280 --> 01:51:43,310
jakiś kod JavaScript, który wstawia
nazwa ta do strony,

2345
01:51:43,310 --> 01:51:45,680
czego HTML zostanie wyprodukowane?

2346
01:51:45,680 --> 01:51:47,290
Cóż, wydrukować znacznik HTML.

2347
01:51:47,290 --> 01:51:48,390
Wydrukować wszystkie te tagi.

2348
01:51:48,390 --> 01:51:50,740
>> I dostać się do części, w której jestem drukowanie
z przyjaciółmi.

2349
01:51:50,740 --> 01:51:52,980
Wydrukować Lauren się.

2350
01:51:52,980 --> 01:51:54,200
Wydrukować Milo się.

2351
01:51:54,200 --> 01:51:56,810
I wtedy moje nazwisko w bazie danych
jest skrypt postu

2352
01:51:56,810 --> 01:51:58,060
niepochlebny statusu Facebook.

2353
01:51:58,060 --> 01:52:00,740

2354
01:52:00,740 --> 01:52:04,330
Bo to dodaje do strony
bo wygląda na to, kiedy JavaScript

2355
01:52:04,330 --> 01:52:07,930
ta strona zostanie wysłana do użytkownika,
to zostanie wykonany w JavaScript.

2356
01:52:07,930 --> 01:52:10,800
I tak to jest to, co nazywamy
atak cross-site scripting.

2357
01:52:10,800 --> 01:52:14,570
Ktoś stawia złośliwego informacji
bazy danych, które mogą odpowiadać

2358
01:52:14,570 --> 01:52:17,080
kilka dodatkowych znaków lub
niektóre ciąg JavaScript.

2359
01:52:17,080 --> 01:52:20,130
>> I kiedy zostanie wydrukowany na
strona w ten sposób, to co

2360
01:52:20,130 --> 01:52:22,580
zdarza się, że zły kod zostanie wykonany
że nie zamierzają

2361
01:52:22,580 --> 01:52:25,110
na to, aby wykonywane.

2362
01:52:25,110 --> 01:52:28,230
I to wszystko, cross-site
atak skryptowy jest.

2363
01:52:28,230 --> 01:52:31,790
I sposób poruszania się
to jest jak Zamyla powiedział.

2364
01:52:31,790 --> 01:52:34,340
Po prostu zawinąć rzeczy w
HTML znaki specjalne.

2365
01:52:34,340 --> 01:52:39,460
I znaki specjalne HTML to jest PHP
Funkcja, która będzie zapobiegać tego rodzaju

2366
01:52:39,460 --> 01:52:42,000
rzeczy z tobą dzieje
jeśli złośliwy

2367
01:52:42,000 --> 01:52:43,830
ciąg w bazie danych.

2368
01:52:43,830 --> 01:52:47,650
Jest tylko opuści ją, tak, że nie robi
się interpretować jako HTML.

2369
01:52:47,650 --> 01:52:50,960
Zastępuje ono małe wsporniki
z tego, co nazywamy podmiotów.

2370
01:52:50,960 --> 01:52:52,250
I udaliśmy się nad tym w wykładzie też.

2371
01:52:52,250 --> 01:52:55,800
Więc myślę, że chłopaki powinni mieć
dobra znajomość w tej sprawie.

2372
01:52:55,800 --> 01:52:57,420
Pytania?

2373
01:52:57,420 --> 01:52:57,820
Tak.

2374
01:52:57,820 --> 01:53:00,860
>> PUBLICZNOŚCI: Więc w jaki sposób
[niesłyszalne]?

2375
01:53:00,860 --> 01:53:01,555
>> JOSEPH ONG: Powiedz to jeszcze raz.

2376
01:53:01,555 --> 01:53:02,500
>> PUBLICZNOŚCI: Jak by monitor -

2377
01:53:02,500 --> 01:53:02,860
>> JOSEPH ONG: Prawo.

2378
01:53:02,860 --> 01:53:06,080
Więc masz coś, co mówi, kiedy
Zarejestrować, typ w moim imieniu.

2379
01:53:06,080 --> 01:53:09,390
Po prostu wpisz w tym polu, nazywam się
stript po niepochlebny Facebook

2380
01:53:09,390 --> 01:53:11,570
Status blisko tagu skrypt.

2381
01:53:11,570 --> 01:53:15,690
I że po prostu zostanie oddany do
bazy danych, ponieważ nie mogę powiedzieć, ktoś

2382
01:53:15,690 --> 01:53:18,260
na świecie nie ma nazwy
z lewej strzałki w nim lub

2383
01:53:18,260 --> 01:53:19,036
Skrypt słowo w nim.

2384
01:53:19,036 --> 01:53:21,330
Że tak naprawdę nie ma sensu.

2385
01:53:21,330 --> 01:53:24,560
Więc po prostu upewnić się, że
zdezynfekować rzeczy zanim je wydrukować

2386
01:53:24,560 --> 01:53:25,420
się na stronie.

2387
01:53:25,420 --> 01:53:27,140
>> PUBLICZNOŚCI: Więc HTML specjalne karty
zapobiega tagów skryptu?

2388
01:53:27,140 --> 01:53:28,710
>> JOSEPH ONG: Tak.

2389
01:53:28,710 --> 01:53:29,960
Więc to nie przeszkadza tagów skryptu.

2390
01:53:29,960 --> 01:53:32,320
To właśnie sprawia, że ​​pewność, że
znaczniki skryptów nie dostać

2391
01:53:32,320 --> 01:53:35,120
interpretowany jako HTML lub -

2392
01:53:35,120 --> 01:53:35,400
tak.

2393
01:53:35,400 --> 01:53:38,470
To właśnie to, co pojawia się jako
jest w rzeczywistości.

2394
01:53:38,470 --> 01:53:39,220
Dobrze.

2395
01:53:39,220 --> 01:53:40,930
Tak aby była ocena quizu.

2396
01:53:40,930 --> 01:53:41,830
Fajne.

2397
01:53:41,830 --> 01:53:45,088
>> [Aplauz]