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

2
00:00:08,070 --> 00:00:10,430
>> R.J. Aquino: Mari kita bermula.

3
00:00:10,430 --> 00:00:12,310
Jadi ini adalah Kuiz 1.

4
00:00:12,310 --> 00:00:14,890
Berikut adalah beberapa maklumat peringkat tinggi.

5
00:00:14,890 --> 00:00:19,915
Laman Mengenai untuk kuiz ini di ini
URL, tidak lagi CS50.net, walaupun yang

6
00:00:19,915 --> 00:00:21,080
masih akan berfungsi.

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

8
00:00:26,920 --> 00:00:31,070
Ia besar Mengenai halaman, memberitahu anda
di mana dan bila, iaitu Rabu depan

9
00:00:31,070 --> 00:00:32,100
dalam sekumpulan bilik.

10
00:00:32,100 --> 00:00:36,120
Dan pada hari Rabu akan datang, saya
bermaksud dua hari dari sekarang.

11
00:00:36,120 --> 00:00:37,890
Semua maklumat ini adalah di sana.

12
00:00:37,890 --> 00:00:39,110
Tetapi ia adalah kumulatif.

13
00:00:39,110 --> 00:00:43,790
>> Jadi segala-galanya daripada separuh pertama
tahun adalah berpotensi kuiz,

14
00:00:43,790 --> 00:00:50,780
kerana anda tidak boleh benar-benar maju
perkara dalam C tanpa syarat dan jika

15
00:00:50,780 --> 00:00:51,920
untuk gelung dan sebagainya.

16
00:00:51,920 --> 00:00:55,580
Tetapi akan ada penekanan kepada
bahan dilindungi sejak Kuiz 0,

17
00:00:55,580 --> 00:00:59,570
bermula dengan structs dan Fail
I / O. Ia biasanya lebih

18
00:00:59,570 --> 00:01:01,620
mencabar daripada Kuiz 0.

19
00:01:01,620 --> 00:01:03,870
Rata-rata skor biasanya lebih rendah.

20
00:01:03,870 --> 00:01:05,980
Kerja keras.

21
00:01:05,980 --> 00:01:09,340
>> Walaupun anda belajar, pastikan anda menggunakan
CS50/discuss untuk menghantar soalan anda

22
00:01:09,340 --> 00:01:10,830
dan membaca soalan-soalan orang lain.

23
00:01:10,830 --> 00:01:13,550
Jadi, jika anda tidak mempunyai apa-apa soalan,
log masuk dan membaca

24
00:01:13,550 --> 00:01:14,580
soalan rakan anda.

25
00:01:14,580 --> 00:01:16,560
Mereka mungkin soalan yang baik.

26
00:01:16,560 --> 00:01:17,730
Dan mengambil kuiz amalan.

27
00:01:17,730 --> 00:01:20,750
Kami telah memberi kuiz untuk
tujuh atau lapan tahun.

28
00:01:20,750 --> 00:01:22,180
Mereka semua dalam talian.

29
00:01:22,180 --> 00:01:25,540
Soalan masa depan adalah sama
kepada soalan-soalan lama.

30
00:01:25,540 --> 00:01:26,550
Itulah bagaimana kita membuat mereka.

31
00:01:26,550 --> 00:01:27,740
>> Kuiz ini tidak wujud lagi.

32
00:01:27,740 --> 00:01:28,670
Tiada seorang pun daripada kita telah melihat ia.

33
00:01:28,670 --> 00:01:32,496
Tetapi ia akan kelihatan seperti
kuiz sebelumnya.

34
00:01:32,496 --> 00:01:36,500
Untuk sesi kajian ini, ini tidak
senarai lengkap topik.

35
00:01:36,500 --> 00:01:40,740
Anda tidak boleh hanya menghadiri dan kemudian
sempurna bersedia untuk kuiz.

36
00:01:40,740 --> 00:01:43,330
Jika tidak, ia tidak akan
yang banyak kuiz.

37
00:01:43,330 --> 00:01:46,270
Dan ini juga tidak semestinya
semua yang anda perlu tahu tentang apa-apa

38
00:01:46,270 --> 00:01:46,970
diberikan topik.

39
00:01:46,970 --> 00:01:50,520
Ia bertujuan untuk mendedahkan anda kepada perkara-perkara
kami telah dilindungi, mengingatkan anda apa yang kita

40
00:01:50,520 --> 00:01:53,070
dilindungi, dan cara di
yang kami menutupinya.

41
00:01:53,070 --> 00:01:57,030
Tetapi anda perlu pergi lebih jauh dan
lebih mendalam apabila anda belajar untuk dua cek

42
00:01:57,030 --> 00:02:00,230
bahawa anda tahu segala-galanya tentang apa-apa yang diberikan
topik dan bahawa anda telah diisi

43
00:02:00,230 --> 00:02:03,320
semua sudut-sudut yang berada
dibincangkan dalam kuliah.

44
00:02:03,320 --> 00:02:07,980
>> Nota-nota yang kuiz memberitahu anda untuk pergi ke
nota penulis, menonton video kuliah.

45
00:02:07,980 --> 00:02:10,155
Itu merupakan cara yang baik untuk memastikan anda telah
meliputi semua asas anda.

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

47
00:02:12,670 --> 00:02:17,340
Jadi bermula, apabila saya membuat ini
slaid, saya cuba untuk meletakkan di mana saya mendapati

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

49
00:02:18,350 --> 00:02:22,890
Jadi untuk fail I / O, misalnya, Minggu 7,
Isnin kuliah, dan mencatatkan

50
00:02:22,890 --> 00:02:27,960
Seksyen 6 dan Set Masalah semua mempunyai
maklumat mengenai fail I / O. Saya telah melakukan

51
00:02:27,960 --> 00:02:28,840
bagi tiap-tiap topik.

52
00:02:28,840 --> 00:02:33,010
Jadi mereka tajuk slaid boleh
membantu kepada anda.

53
00:02:33,010 --> 00:02:38,950
>> Jadi di sini kita mempunyai fail I / O. Ingat, dalam
Set Masalah 5, kami menggunakan fopen, fclose,

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

55
00:02:41,210 --> 00:02:48,090
Setelah pulih 30ish JPEG dan
setelah saiznya dan merosakkan dengan

56
00:02:48,090 --> 00:02:50,320
bitmap, anda harus cukup biasa
dengan fungsi-fungsi

57
00:02:50,320 --> 00:02:51,830
dan bagaimana mereka bekerja.

58
00:02:51,830 --> 00:02:54,420
Jika anda tidak lagi biasa,
pasti mengkaji mereka.

59
00:02:54,420 --> 00:02:56,860
Dan pastikan anda memahami apa yang
hujah-hujah yang berbeza,

60
00:02:56,860 --> 00:02:58,260
apabila ia digunakan.

61
00:02:58,260 --> 00:03:03,620
>> Tetapi pepijat fail berkaitan bersama
anda mungkin akan diminta tentang -

62
00:03:03,620 --> 00:03:07,270
baik, jika anda terlupa untuk memeriksa jika
fopen sebenarnya bekerja sebelum anda pergi ke

63
00:03:07,270 --> 00:03:08,350
mengubah suai fail.

64
00:03:08,350 --> 00:03:09,760
Yang tidak baik.

65
00:03:09,760 --> 00:03:13,560
Jika anda terlupa untuk fclose fail
yang anda fopened, itu sama dengan

66
00:03:13,560 --> 00:03:14,400
kebocoran memori.

67
00:03:14,400 --> 00:03:15,980
Itu agak buruk.

68
00:03:15,980 --> 00:03:18,670
Dan lupa untuk memeriksa jika anda telah
sampai ke penghujung fail sebelum anda

69
00:03:18,670 --> 00:03:19,790
mula menulis kepadanya.

70
00:03:19,790 --> 00:03:22,320
>> Jadi, jika anda berkata, hey, saya pada
akhir fail.

71
00:03:22,320 --> 00:03:23,750
Berikan saya 5 lagi bait.

72
00:03:23,750 --> 00:03:27,370
Nah, itu mungkin tidak akan
bersenam cara yang anda harapkan.

73
00:03:27,370 --> 00:03:30,930
Itu benar-benar untuk fail I / O,
kerana kita berbuat demikian banyak daripadanya

74
00:03:30,930 --> 00:03:32,300
dengan masalah yang ditetapkan.

75
00:03:32,300 --> 00:03:36,000
Jadi, jika anda memahami apa yang berlaku
dalam Set Masalah 5, ingat bitmats

76
00:03:36,000 --> 00:03:40,090
dan JPEG, maka anda mungkin semua
ditetapkan untuk fail I / O. Jika itu sedikit

77
00:03:40,090 --> 00:03:44,770
kabur, pasti mengkaji masalah yang
ditetapkan dan bahan yang berkaitan.

78
00:03:44,770 --> 00:03:51,110
>> Structs adalah topik yang berada di
garis di antara 0 dan Kuiz Kuiz 1.

79
00:03:51,110 --> 00:03:53,090
Tidak cukup membuat potong untuk Kuiz 0.

80
00:03:53,090 --> 00:03:57,040
Jadi mereka pasti akan berada di
Kuiz 1, Minggu 7, Isnin.

81
00:03:57,040 --> 00:03:58,150
Apakah struct satu?

82
00:03:58,150 --> 00:04:00,250
Di sini kita menunjukkan struct a.

83
00:04:00,250 --> 00:04:03,140
Ia seperti satu jenis baru.

84
00:04:03,140 --> 00:04:07,940
Ia seperti bekas
untuk pelbagai bidang.

85
00:04:07,940 --> 00:04:12,970
>> Dalam kes ini, kita telah diisytiharkan struct yang
pelajar yang mempunyai dua bidang -

86
00:04:12,970 --> 00:04:17,750
rentetan bahawa kami memanggil nama dan
satu int bahawa kita memanggil umur.

87
00:04:17,750 --> 00:04:21,450
Oleh itu, apabila saya lulus sekitar pelajar atau saya
mengubah suai pelajar, saya akan dapat

88
00:04:21,450 --> 00:04:24,430
mengakses nama mereka dan umur mereka.

89
00:04:24,430 --> 00:04:26,670
Mari kita lihat beberapa kod untuk itu.

90
00:04:26,670 --> 00:04:29,090
Di sini kita melihat bahawa saya telah diisytiharkan
pelajar s, seperti

91
00:04:29,090 --> 00:04:30,300
Saya mengisytiharkan mana-mana ubah -

92
00:04:30,300 --> 00:04:32,430
int x, int y, dan sebagainya.

93
00:04:32,430 --> 00:04:34,180
>> Berikut adalah pelajar s.

94
00:04:34,180 --> 00:04:37,370
Beliau bermula dengan apa-apa di ladangnya.

95
00:04:37,370 --> 00:04:38,240
Jadi mari kita menetapkan mereka.

96
00:04:38,240 --> 00:04:40,681
Anda menetapkan bidang yang struct dengan titik.

97
00:04:40,681 --> 00:04:43,780
Jadi saya berkata di sini bahawa s.name = RJ.

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

99
00:04:46,470 --> 00:04:48,500
Anda juga boleh mengemas kini bidang
dengan cara yang sama anda akan mengemas kini

100
00:04:48,500 --> 00:04:49,550
nilai pembolehubah.

101
00:04:49,550 --> 00:04:53,270
Jadi saya ingin menukar nama saya daripada RJ dengan
ada tempoh untuk R.J. dieja yang

102
00:04:53,270 --> 00:04:54,540
Cara yang betul.

103
00:04:54,540 --> 00:04:58,890
Ia akan s.name = RJ, yang sama
seperti yang kita katakan ia asalnya.

104
00:04:58,890 --> 00:05:00,030
Dan kemudian anda boleh mengaksesnya.

105
00:05:00,030 --> 00:05:00,930
>> Oleh itu, kita menetapkan mereka.

106
00:05:00,930 --> 00:05:01,840
Kami telah mengemas kini mereka.

107
00:05:01,840 --> 00:05:03,890
Anda juga boleh mengaksesnya
dengan cara yang sama.

108
00:05:03,890 --> 00:05:09,330
Jadi di sini, saya mencetak
R.J. Ialah 21 tahun.

109
00:05:09,330 --> 00:05:14,700
Dan saya mengakses nilai-nilai
dengan s.name dan s.age.

110
00:05:14,700 --> 00:05:17,040
Jadi yang yang mengakses structs
dengan notasi titik.

111
00:05:17,040 --> 00:05:17,850
Ya, soalan?

112
00:05:17,850 --> 00:05:21,176
>> PENONTON: Adakah terdapat sebab di
slaid sebelumnya bahawa anda tidak meletakkan

113
00:05:21,176 --> 00:05:24,848
pelajar pada baris atas, seperti typedef
pelajar struct dan kemudian

114
00:05:24,848 --> 00:05:25,840
pelajar pada akhir?

115
00:05:25,840 --> 00:05:29,040
>> R.J. Aquino: Jadi soalan itu, pada
slaid ini, kita biasanya dilihat

116
00:05:29,040 --> 00:05:32,400
typedef nod struct dan kemudian
bidang struct dan

117
00:05:32,400 --> 00:05:34,250
maka nod perkataan.

118
00:05:34,250 --> 00:05:37,790
Dan bagaimana datang di sini saya tidak berkata, typedef
pelajar struct dan kemudian

119
00:05:37,790 --> 00:05:39,820
bidang yang struct dan kemudian pelajar?

120
00:05:39,820 --> 00:05:44,310
Sebabnya ialah saya tidak perlu
mengaksesnya dalam struct itu.

121
00:05:44,310 --> 00:05:46,270
Jadi ia OK untuk meninggalkannya tanpa nama.

122
00:05:46,270 --> 00:05:49,210
Saya hanya boleh meninggalkan ia sebagai
satu struct tanpa nama.

123
00:05:49,210 --> 00:05:53,130
>> Sebab kita melakukannya untuk senarai dikaitkan dan
perkara adalah kerana di dalam anda perlu

124
00:05:53,130 --> 00:05:55,360
untuk rujukan bintang nod struct.

125
00:05:55,360 --> 00:05:58,220
Jadi struct perlu mempunyai nama,
supaya anda boleh mengakses kemudian.

126
00:05:58,220 --> 00:05:59,540
Ia adalah satu terperinci kecil.

127
00:05:59,540 --> 00:06:04,750
Tetapi anda biasanya akan melihat struct typedef
pendakap kerinting jika anda tidak perlu

128
00:06:04,750 --> 00:06:08,720
nama dan typedef struct beberapa nama
diikuti dengan pendakap kerinting jika anda akan

129
00:06:08,720 --> 00:06:09,520
perlu nama.

130
00:06:09,520 --> 00:06:12,070
Jadi itu adalah satu soalan yang baik.

131
00:06:12,070 --> 00:06:17,000
>> Dan pada ketika itu, kita cenderung untuk mengubah suai
structs dan lulus sekitar structs oleh

132
00:06:17,000 --> 00:06:18,680
rujukan, bukan dengan nilai.

133
00:06:18,680 --> 00:06:21,940
Oleh itu, kita hanya akan lulus sekitar petunjuk untuk
structs bukannya lulus sekitar

134
00:06:21,940 --> 00:06:23,150
structs diri mereka sendiri.

135
00:06:23,150 --> 00:06:28,050
Jadi anda sangat kerap akan menjadi
menggunakan, dalam kes ini, pelajar * atau

136
00:06:28,050 --> 00:06:34,150
nod struct * atau nod * sebaliknya
pelajar-pelajar atau nod.

137
00:06:34,150 --> 00:06:39,350
Jadi di sini, saya berkata, OK, yang berubah-ubah ptr
akan menjadi alamat s.

138
00:06:39,350 --> 00:06:45,570
Ia akan menjadi penunjuk
kepada pelajar yang R.J.

139
00:06:45,570 --> 00:06:48,965
>> Oleh itu, kita boleh mendapatkan di bidang-bidang
yang sama seperti yang kita mendapatkan apa-apa.

140
00:06:48,965 --> 00:06:51,460
Pertama, rujukan ID penunjuk
untuk mendapatkan struct itu.

141
00:06:51,460 --> 00:06:55,530
Itulah * ptr dan kemudian
titik dan kemudian umur.

142
00:06:55,530 --> 00:06:58,790
Jadi untuk mengakses lapangan, dan saya telah dikemaskini
sekarang kepada 22, kerana, mari kita

143
00:06:58,790 --> 00:07:00,860
katakan, ia adalah hari jadi saya.

144
00:07:00,860 --> 00:07:03,990
Ada sintaks jalan pintas
menggunakan anak panah di sini.

145
00:07:03,990 --> 00:07:07,060
Jadi ptr arrow umur hanya
yang sama seperti * ptr.age.

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

147
00:07:10,150 --> 00:07:11,550
Sekarang, itu sesuatu yang anda akan mempunyai
menghafal dan ingat.

148
00:07:11,550 --> 00:07:15,010
>> Anda menggunakannya banyak dalam pset6,
yang Serangga buku ejaan.

149
00:07:15,010 --> 00:07:18,350
Tetapi ini sebenarnya apa yang berlaku
di bawah hood.

150
00:07:18,350 --> 00:07:20,500
Ia penyahrujukan penunjuk
dan kemudian mengakses ia.

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

152
00:07:21,432 --> 00:07:22,682
>> PENONTON: [didengar].

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

154
00:07:25,860 --> 00:07:28,060
>> R.J. Aquino: Jadi mengapa kita menggunakan
petunjuk sebagai structs bukannya

155
00:07:28,060 --> 00:07:29,500
structs diri mereka sendiri?

156
00:07:29,500 --> 00:07:33,740
Sebabnya ialah jika anda lulus
yang struct ke fungsi, anda mungkin

157
00:07:33,740 --> 00:07:36,900
mahu lulus di sekeliling hanya 4 atau lebih
bait yang mewakili penunjuk, seperti yang

158
00:07:36,900 --> 00:07:40,375
bertentangan dengan berpotensi 30 atau
40 bytes yang struct itu.

159
00:07:40,375 --> 00:07:44,410
Jadi lulus sesuatu ke fungsi
adalah lebih mudah apabila perkara yang

160
00:07:44,410 --> 00:07:48,230
adalah lebih kecil pendek.

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

162
00:07:49,074 --> 00:07:53,026
>> PENONTON: Anda mungkin telah menyebut ini
pada mulanya, tetapi terdapat

163
00:07:53,026 --> 00:07:56,000
slaid lain sehingga pada [didengar]?

164
00:07:56,000 --> 00:07:58,960
>> R.J. Aquino: Ini slaid akan
selepas sesi kajian.

165
00:07:58,960 --> 00:08:00,210
Kami akan pos mereka di laman web.

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

167
00:08:02,450 --> 00:08:06,870
Jadi beralih dan beralih sedikit
lebih cepat, kami akan bercakap mengenai data

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

169
00:08:07,350 --> 00:08:08,040
Terdapat banyak.

170
00:08:08,040 --> 00:08:10,080
Kami meliputi sekumpulan mereka.

171
00:08:10,080 --> 00:08:12,500
Berikut adalah apa yang anda perlu memahami
mengenai struktur data.

172
00:08:12,500 --> 00:08:15,590
>> Anda benar-benar perlu memahami di yang tinggi
tahap apa yang setiap struktur adalah.

173
00:08:15,590 --> 00:08:21,190
Bolehkah anda menjelaskan dalam bahasa Inggeris untuk anda
rakan yang tidak mengambil CS50 bagaimana

174
00:08:21,190 --> 00:08:25,580
kami menganjurkan data kami dan mengapa kita akan
menggunakan sesuatu dengan cara ini?

175
00:08:25,580 --> 00:08:26,990
Itu perkara satu.

176
00:08:26,990 --> 00:08:29,650
Thing dua, memahami
pelaksanaan.

177
00:08:29,650 --> 00:08:34,270
Jadi memahami bagaimana untuk menggunakan perkara-perkara ini
C. Dan kita akan pergi lebih ini.

178
00:08:34,270 --> 00:08:39,030
>> Dan maka perkara tiga akan tahu
kali berlari dan batasan

179
00:08:39,030 --> 00:08:40,470
pelbagai struktur yang anda gunakan.

180
00:08:40,470 --> 00:08:44,059
Jadi faham mengapa anda akan menggunakan
hash meja bukannya array.

181
00:08:44,059 --> 00:08:49,570
Memahami bagaimana cepat, secara purata,
mengakses jadual hash adalah.

182
00:08:49,570 --> 00:08:54,010
Memahami apa operasi adalah berpuasa pada
senarai bersambung tetapi perlahan pada tatasusunan dan

183
00:08:54,010 --> 00:08:56,080
begitu juga sebaliknya.

184
00:08:56,080 --> 00:08:59,780
Jadi untuk memahami bahawa, anda perlu
memahami Big-O notasi hanya tahu

185
00:08:59,780 --> 00:09:01,310
bagaimana untuk bercakap mengenai
macam perkara.

186
00:09:01,310 --> 00:09:02,700
Dan kita akan bercakap tentang itu.

187
00:09:02,700 --> 00:09:06,040
>> Perkara oleh itu, yang dikaitkan senarai.

188
00:09:06,040 --> 00:09:07,770
Berikut adalah gambar peringkat tinggi
senarai berpaut.

189
00:09:07,770 --> 00:09:08,830
Kita menunjukkan ini di dalam kelas.

190
00:09:08,830 --> 00:09:11,670
Biasanya kami mempunyai 10 orang
berdiri di atas pentas.

191
00:09:11,670 --> 00:09:16,790
Tetapi kita mempunyai satu siri nod di mana setiap
nod mempunyai nilai dan penunjuk

192
00:09:16,790 --> 00:09:18,610
kepada nilai seterusnya.

193
00:09:18,610 --> 00:09:21,730
Jadi untuk mendapatkan dari satu nod ke depan, anda
hanya mengatakan, memberi saya nod seterusnya.

194
00:09:21,730 --> 00:09:22,530
Anda mempunyai nod itu.

195
00:09:22,530 --> 00:09:23,770
Berikan saya nod seterusnya.

196
00:09:23,770 --> 00:09:24,400
Anda mempunyai nod itu.

197
00:09:24,400 --> 00:09:28,790
Berikan saya nod seterusnya dan sebagainya
sehingga tidak ada kiri nod.

198
00:09:28,790 --> 00:09:31,850
>> Jadi terus bercakap tentang
itu pada tahap yang tinggi.

199
00:09:31,850 --> 00:09:34,100
Ia amat mudah untuk memasukkan perkara-perkara
ke dalam senarai berpaut.

200
00:09:34,100 --> 00:09:36,010
Jika anda tidak mengambil berat tentang perintah itu,
anda hanya boleh menjatuhkannya

201
00:09:36,010 --> 00:09:36,840
betul-betul di permulaan.

202
00:09:36,840 --> 00:09:38,520
Itulah masa yang sama.

203
00:09:38,520 --> 00:09:39,900
Tetapi ia sukar untuk mencari nilai.

204
00:09:39,900 --> 00:09:43,060
Jika anda cuba untuk bertanya,
adalah tujuh dalam senarai saya?

205
00:09:43,060 --> 00:09:44,740
Anda perlu melalui
setiap nilai.

206
00:09:44,740 --> 00:09:45,680
Adakah ini tujuh?

207
00:09:45,680 --> 00:09:46,610
Adakah ini tujuh?

208
00:09:46,610 --> 00:09:47,770
Adakah ini tujuh?

209
00:09:47,770 --> 00:09:48,690
Adakah ini tujuh?

210
00:09:48,690 --> 00:09:49,830
Berulang-ulang kali.

211
00:09:49,830 --> 00:09:51,520
Dan itulah O (n).

212
00:09:51,520 --> 00:09:53,800
Oleh itu, apabila belajar untuk kuiz,
bandingkan ini dengan tatasusunan.

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

214
00:09:57,010 --> 00:09:58,220
>> Adakah itu OK?

215
00:09:58,220 --> 00:09:59,220
Lampu pergi malap.

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

217
00:10:01,110 --> 00:10:02,400
Bilakah senarai berpaut yang lebih baik?

218
00:10:02,400 --> 00:10:04,640
Bilakah array yang lebih baik?

219
00:10:04,640 --> 00:10:06,670
Jadi mari kita lihat beberapa kod.

220
00:10:06,670 --> 00:10:08,960
Berikut adalah nod yang berpotensi.

221
00:10:08,960 --> 00:10:09,770
Ia struct a.

222
00:10:09,770 --> 00:10:12,220
Ia mempunyai int n, yang
akan nilai kita.

223
00:10:12,220 --> 00:10:17,780
Dan ia mempunyai nod struct * seterusnya, yang
adalah penunjuk untuk nod seterusnya.

224
00:10:17,780 --> 00:10:23,040
Jadi di sini, kita dapat melihat bahawa kita berlaku
telah meletakkan int dalam nod kami.

225
00:10:23,040 --> 00:10:27,850
Tetapi jika ini adalah senarai berpaut char
bintang atau senarai berpaut daripada terapung, kami

226
00:10:27,850 --> 00:10:28,820
betul-betul boleh melakukannya juga.

227
00:10:28,820 --> 00:10:33,110
>> Ingat dalam pset6, anda mungkin mempunyai
senarai bersambung bintang char atau hanya

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

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

230
00:10:37,370 --> 00:10:39,040
Mari kita lihat di sini pada pembedahan.

231
00:10:39,040 --> 00:10:43,570
Jadi, kami ingin memasukkan baru
n ke dalam senarai bersambung kami.

232
00:10:43,570 --> 00:10:48,940
Kami bermula dengan penunjuk kepala yang
penunjuk kepada nod ini yang mempunyai

233
00:10:48,940 --> 00:10:53,460
nilai n dan seterusnya penunjuk yang
mata kepada nod ini adalah satu nilai

234
00:10:53,460 --> 00:10:57,760
n dan seterusnya batal, kerana
ia nod terakhir.

235
00:10:57,760 --> 00:11:00,440
Jadi demi kepentingan masa, saya akan
meletakkan semua kod pada skrin.

236
00:11:00,440 --> 00:11:03,130
Dan kami akan berjalan melaluinya
beberapa baris pada satu masa.

237
00:11:03,130 --> 00:11:05,790
>> Jadi inilah kod.

238
00:11:05,790 --> 00:11:07,560
Saya berharap ia boleh dibaca.

239
00:11:07,560 --> 00:11:11,275
Perkara pertama yang kami lakukan adalah
kita malloc nod baru.

240
00:11:11,275 --> 00:11:15,105
Jadi masuk penunjuk kepada nod baru yang
tidak cukup mempunyai apa-apa yang ditetapkan

241
00:11:15,105 --> 00:11:16,450
dalam lagi.

242
00:11:16,450 --> 00:11:19,580
Kami periksa untuk memastikan bahawa
nod baru tidak null.

243
00:11:19,580 --> 00:11:22,220
Jika tidak, kita terpaksa melepaskan.

244
00:11:22,220 --> 00:11:27,680
Jadi setelah diperiksa itu, kami kini
menetapkan nilai-nilai dalam nod.

245
00:11:27,680 --> 00:11:31,520
Oleh itu, kita meletakkan n baru ke dalam bidang n kami.

246
00:11:31,520 --> 00:11:36,050
Dan kami menetapkan penunjuk di sebelah menunjukkan
kepala asal, supaya kita dapat

247
00:11:36,050 --> 00:11:38,900
kini telah dimasukkan ini
nod ke dalam senarai kami.

248
00:11:38,900 --> 00:11:44,600
>> Akhir sekali, kita mempunyai titik ketua global
untuk nod baru kami, supaya jika kita

249
00:11:44,600 --> 00:11:50,300
bermula kepala, kita akan berada di ini
nod pertama yang baru dan bukannya

250
00:11:50,300 --> 00:11:51,560
nod pertama lama.

251
00:11:51,560 --> 00:11:55,320
Dan apabila fungsi ini keluar, yang
nod baru boleh ubah tidak lagi wujud,

252
00:11:55,320 --> 00:11:57,130
kerana ia adalah tempatan untuk majlis itu.

253
00:11:57,130 --> 00:11:59,770
Jadi ini adalah keadaan dunia.

254
00:11:59,770 --> 00:12:03,570
Kepala global kami menunjukkan kepada kami yang baru
nod pertama, yang menunjukkan kepada kita

255
00:12:03,570 --> 00:12:06,346
nod pertama asal, yang mata
untuk nod selepas itu.

256
00:12:06,346 --> 00:12:09,790
>> Itu adalah sisipan.

257
00:12:09,790 --> 00:12:12,150
Saya berharap agak
mudah untuk diikuti.

258
00:12:12,150 --> 00:12:14,300
Apabila ragu-ragu, lukiskan gambar.

259
00:12:14,300 --> 00:12:17,820
Jadi saya mendapati bahawa bercakap tentang
senarai dikaitkan dan melihat

260
00:12:17,820 --> 00:12:19,870
kod adalah sangat tidak membantu.

261
00:12:19,870 --> 00:12:23,790
Manakala melihat gambar seorang dikaitkan
senarai membolehkan saya untuk berfikir, oh, jadi

262
00:12:23,790 --> 00:12:24,970
Saya mempunyai nod ini di sini.

263
00:12:24,970 --> 00:12:28,980
Tetapi jika saya mengemaskini penunjuk itu,
ia berakhir diputuskan.

264
00:12:28,980 --> 00:12:34,340
Dan saya sudah lupa di mana
nod pergi.

265
00:12:34,340 --> 00:12:35,390
Dan kod keluar.

266
00:12:35,390 --> 00:12:37,830
Dan anda mempunyai beberapa node
yang dicabut.

267
00:12:37,830 --> 00:12:39,970
Dan anda tidak berakhir dengan
senarai yang anda mahu.

268
00:12:39,970 --> 00:12:43,320
>> Jadi, jika anda menarik gambar dan melakukannya
langkah demi langkah, mudah-mudahan, anda akan melihat

269
00:12:43,320 --> 00:12:46,840
susunan yang betul perkara dari segi
mengemaskini petunjuk untuk memastikan

270
00:12:46,840 --> 00:12:48,830
bahawa senarai itu datang bersama-sama.

271
00:12:48,830 --> 00:12:51,240
Masukkan adalah agak mudah.

272
00:12:51,240 --> 00:12:55,210
A satu lebih rumit akan
kemasukan ke dalam senarai disusun.

273
00:12:55,210 --> 00:12:59,980
Fungsi lebih rumit adalah memadam
dan mencari, jadi mencari melalui senarai untuk

274
00:12:59,980 --> 00:13:03,030
melihat jika ada sesuatu di sana.

275
00:13:03,030 --> 00:13:07,220
Mungkin anda melakukan ini dalam pset6 apabila anda
mendapat ke dalam jadual hash anda dan anda berkata,

276
00:13:07,220 --> 00:13:10,460
dengan baik, adalah epal perkataan
dalam senarai dikaitkan saya?

277
00:13:10,460 --> 00:13:11,440
>> Jadi anda mungkin telah dilakukan ini.

278
00:13:11,440 --> 00:13:15,530
Tetapi pasti, mengingatkan semula anda
dan cuba untuk mengimplemen semula find dan

279
00:13:15,530 --> 00:13:19,150
mengimplemen semula memadam untuk senarai berpaut.

280
00:13:19,150 --> 00:13:22,850
Nota sampingan Fun, terdapat juga duanya adalah terpakai berkaitan
senarai, di mana anda perlu

281
00:13:22,850 --> 00:13:27,490
petunjuk yang menunjukkan kedua-dua ke hadapan dan
ke belakang, supaya anda boleh pergi ke

282
00:13:27,490 --> 00:13:29,270
nod akan datang dan untuk nod sebelumnya.

283
00:13:29,270 --> 00:13:33,860
Dan ada soalan mengenai tahun lepas
kuiz jenis itu, bercakap

284
00:13:33,860 --> 00:13:36,190
kira-kira dua kali ganda berkaitan senarai.

285
00:13:36,190 --> 00:13:40,070
>> Sekarang, itu adalah satu struktur yang anda
agak biasa dengan, kerana kebanyakan

286
00:13:40,070 --> 00:13:42,520
anda mungkin menggunakan mereka pada pset6.

287
00:13:42,520 --> 00:13:45,680
Berikut adalah salah satu yang agak kurang biasa.

288
00:13:45,680 --> 00:13:51,020
Sebagai nota sampingan, saya berfikir bahawa Kuiz 1 adalah
terutamanya keras daripada Kuiz 0, kerana

289
00:13:51,020 --> 00:13:54,600
barangan yang anda lakukan, anda
tidak melakukan sebanyak.

290
00:13:54,600 --> 00:13:58,100
Untuk meletakkan cara lain, Kuiz 0,
anda telah menulis banyak C. Dan kita

291
00:13:58,100 --> 00:13:58,880
bertanya anda tentang C.

292
00:13:58,880 --> 00:14:02,310
>> Untuk Kuiz 1, kami akan meminta anda kira-kira
PHP dan JavaScript, yang anda

293
00:14:02,310 --> 00:14:03,490
telah tidak ditulis sebanyak.

294
00:14:03,490 --> 00:14:07,590
Kami akan meminta anda tentang C-kod yang
anda telah tidak ditulis sebanyak,

295
00:14:07,590 --> 00:14:09,130
ini barangan C maju.

296
00:14:09,130 --> 00:14:11,520
Jadi pasti, amalan kita barangan yang
bercakap tentang dalam kuliah yang anda

297
00:14:11,520 --> 00:14:15,260
tidak semestinya melakukan
kepada masalah yang ditetapkan.

298
00:14:15,260 --> 00:14:17,870
>> Bercakap di mana, anda telah tidak ditulis
timbunan pada masalah ditetapkan.

299
00:14:17,870 --> 00:14:19,610
Tetapi ia adalah dalam kuliah.

300
00:14:19,610 --> 00:14:22,530
Berikut adalah gambar peringkat tinggi
susunan yang kita menunjukkan setiap tahun.

301
00:14:22,530 --> 00:14:26,180
Ia adalah timbunan dulang di
dewan makan Mather.

302
00:14:26,180 --> 00:14:30,570
Pada tahap yang tinggi, susunan adalah lepas
dalam, mula-mula keluar struktur data.

303
00:14:30,570 --> 00:14:32,040
Ini bermakna anda akan
untuk meletakkan perkara dalam -

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

305
00:14:36,400 --> 00:14:39,180
Ini satu perkara yang saya tidak boleh mempunyai
kata - negatif 3, 0.

306
00:14:39,180 --> 00:14:40,250
Anda meletakkan semua perkara ini masuk

307
00:14:40,250 --> 00:14:42,940
Dan yang terakhir anda masukkan ke dalam adalah yang pertama
salah satu yang akan keluar.

308
00:14:42,940 --> 00:14:44,170
>> Jadi anda mempunyai dua operasi -

309
00:14:44,170 --> 00:14:45,260
menolak dan pop.

310
00:14:45,260 --> 00:14:49,180
Semua meletakkan dalam bahawa saya adalah
isyarat seperti ini adalah menolak.

311
00:14:49,180 --> 00:14:52,020
Dan kemudian apabila saya sampai ke merebut
sesuatu atau mencapai di atas untuk merebut

312
00:14:52,020 --> 00:14:53,940
sesuatu, itu pop.

313
00:14:53,940 --> 00:14:55,540
Jadi, kita akan melaksanakan susunan.

314
00:14:55,540 --> 00:14:57,870
Dan kami menunjukkan kepada mereka dalam syarahan
menggunakan tatasusunan.

315
00:14:57,870 --> 00:14:59,550
Tetapi anda boleh melakukannya
menggunakan senarai berkaitan.

316
00:14:59,550 --> 00:15:01,770
Timbunan ialah data konsep
struktur, tidak seperti

317
00:15:01,770 --> 00:15:03,760
pelaksanaan khusus satu.

318
00:15:03,760 --> 00:15:06,420
>> Jadi apa yang akan kelihatan seperti?

319
00:15:06,420 --> 00:15:07,970
Ia akan kelihatan jenis seperti ini.

320
00:15:07,970 --> 00:15:10,840
Anda akan mempunyai saiz integer.

321
00:15:10,840 --> 00:15:16,000
Dan anda akan mempunyai pelbagai nilai-nilai yang
kami memanggil dulang, kerana itulah

322
00:15:16,000 --> 00:15:18,570
apa gambar itu untuk
kita - int dulang -

323
00:15:18,570 --> 00:15:21,740
dan kemudian beberapa kapasiti maksimum.

324
00:15:21,740 --> 00:15:27,100
Jadi apa yang akan menolak kelihatan seperti?

325
00:15:27,100 --> 00:15:33,250
Nah, jika kita mempunyai s timbunan, maka untuk menolak
sesuatu ke s, kita akan mendapat

326
00:15:33,250 --> 00:15:34,620
saiz s.

327
00:15:34,620 --> 00:15:42,270
Dan yang akan seterusnya
tempat terbuka array kami.

328
00:15:42,270 --> 00:15:50,510
Jadi jika kita mempunyai tiga perkara dalam timbunan kami,
maka dulang 3 akan seterusnya

329
00:15:50,510 --> 00:15:54,290
tempat terbuka, kerana 0, 1, dan
2 sudah diisi.

330
00:15:54,290 --> 00:16:01,790
>> Oleh itu, kita meletakkan nilai yang ke
s.trays [s.size], tempat ketiga.

331
00:16:01,790 --> 00:16:06,290
Dan kemudian kita kenaikan s.size berkata,
hey, kita mempunyai tiga perkara sebelum.

332
00:16:06,290 --> 00:16:07,400
Sekarang, kita mempunyai empat.

333
00:16:07,400 --> 00:16:10,180
Jadi, masa depan anda menolak, anda
akan meletakkan sesuatu ke dalam 4.

334
00:16:10,180 --> 00:16:15,560
Atau masa depan anda pop, anda akan
untuk melihat 3 bukan 4 atau apa sahaja.

335
00:16:15,560 --> 00:16:18,000
Dan kemudian kita akan kembali benar
katakan, hey, kita berjaya.

336
00:16:18,000 --> 00:16:19,160
Ini bekerja.

337
00:16:19,160 --> 00:16:22,060
Sebagai peraturan ibu jari, jika fungsi itu
sepatutnya memulangkan benar atau

338
00:16:22,060 --> 00:16:26,370
palsu sentiasa mengembalikan benar, anda boleh
telah melakukan sesuatu yang salah.

339
00:16:26,370 --> 00:16:28,350
Jadi ini berfungsi?

340
00:16:28,350 --> 00:16:32,400
>> Nah, ia berfungsi dengan baik untuk 1, dan
2, dan 3, dan 4, dan lima.

341
00:16:32,400 --> 00:16:34,640
Tetapi mari kita mengatakan saya mencapai kapasiti saya.

342
00:16:34,640 --> 00:16:38,750
Saya kemudian berjalan ke dalam masalah, kerana
jika saiz adalah sama dengan keupayaan, saya

343
00:16:38,750 --> 00:16:43,340
kini cuba untuk meletakkan sesuatu ke dalam
pelbagai di mana saya tidak mempunyai ruang.

344
00:16:43,340 --> 00:16:46,980
Jadi cek yang singkat untuk menetapkan ini.

345
00:16:46,980 --> 00:16:51,630
Jika s.size KEUPAYAAN ==, pulangan palsu.

346
00:16:51,630 --> 00:16:54,130
Jika tidak, pergi dan melakukan apa yang kita lakukan.

347
00:16:54,130 --> 00:16:55,660
Jadi apa lagi yang kita boleh meminta
kira-kira untuk susunan?

348
00:16:55,660 --> 00:16:56,460
Apa lagi yang perlu anda belajar?

349
00:16:56,460 --> 00:16:57,690
Apa lagi yang perlu anda melakukannya?

350
00:16:57,690 --> 00:17:01,030
>> Nah, melaksanakan pop.

351
00:17:01,030 --> 00:17:02,370
Kami sudah lakukan menolak.

352
00:17:02,370 --> 00:17:04,280
Saya akan menetapkan bahawa.

353
00:17:04,280 --> 00:17:08,180
A pelaksanaan bukan pelbagai, di mana
anda menggunakan senarai berpaut, mungkin.

354
00:17:08,180 --> 00:17:09,390
A pelaksanaan bukan int.

355
00:17:09,390 --> 00:17:10,940
Kami telah Ints sini.

356
00:17:10,940 --> 00:17:11,880
Tetapi ia boleh menjadi pelampung.

357
00:17:11,880 --> 00:17:13,010
Saya boleh menjadi tali.

358
00:17:13,010 --> 00:17:14,290
Ia boleh menjadi bintang char.

359
00:17:14,290 --> 00:17:17,960
Lihatlah lalu kuiz untuk jenis
soalan kami telah ditanya mengenai susunan.

360
00:17:17,960 --> 00:17:20,000
>> Saya akan mengatakan bahawa kita dilindungi susunan sekitar
yang sama seperti yang kita telah dilindungi mereka dalam

361
00:17:20,000 --> 00:17:20,540
tahun yang lalu.

362
00:17:20,540 --> 00:17:24,400
Jadi soalan-soalan kuiz perlu
menjadi petunjuk yang baik.

363
00:17:24,400 --> 00:17:27,010
Melangkah ke hadapan lebih cepat, beratur.

364
00:17:27,010 --> 00:17:28,200
Mereka seperti susunan.

365
00:17:28,200 --> 00:17:29,960
Tetapi mereka masuk dahulu, keluar.

366
00:17:29,960 --> 00:17:33,530
Jika anda British, perkataan baris gilir
mungkin membuat banyak akal untuk anda.

367
00:17:33,530 --> 00:17:36,390
Jika tidak, anda mungkin mempunyai
mendengar ia sebagai satu barisan.

368
00:17:36,390 --> 00:17:38,120
Mereka bekerja seperti garis
di kedai Apple.

369
00:17:38,120 --> 00:17:40,740
Orang pertama yang muncul di 03:00
pada waktu pagi adalah yang pertama

370
00:17:40,740 --> 00:17:42,880
orang untuk membeli iPad beliau.

371
00:17:42,880 --> 00:17:44,260
>> Jadi kita mempunyai dua operasi -

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

373
00:17:45,720 --> 00:17:47,560
Enqueue meletakkan seseorang dalam baris.

374
00:17:47,560 --> 00:17:50,070
Dequeue menarik yang pertama
orang di luar talian itu.

375
00:17:50,070 --> 00:17:52,640
Sekali lagi, kita boleh melaksanakan
ini dengan array.

376
00:17:52,640 --> 00:17:54,880
Jadi apa yang kita struct itu
menunjukkan dalam kuliah?

377
00:17:54,880 --> 00:17:57,660
Ia adalah salah satu ini.

378
00:17:57,660 --> 00:17:59,300
Sekali lagi, nombor.

379
00:17:59,300 --> 00:18:02,020
Sekali lagi, saiz dan perkara depan baru ini.

380
00:18:02,020 --> 00:18:04,880
Kenapa ada sesuatu yang dinamakan depan?

381
00:18:04,880 --> 00:18:07,050
Ia indeks seterusnya
elemen untuk dequeue.

382
00:18:07,050 --> 00:18:12,210
Ia hanya secara dalaman mengesan
lelaki yang pertama menunjukkan, jadi kita yang

383
00:18:12,210 --> 00:18:15,005
boleh menariknya keluar apabila kita perlu.

384
00:18:15,005 --> 00:18:19,322
>> Sudah pasti melihat nota kuliah dan cuba
untuk melaksanakan enqueue dan dequeue

385
00:18:19,322 --> 00:18:21,700
apabila belajar untuk kuiz.

386
00:18:21,700 --> 00:18:23,190
Perkara yang perlu difikirkan.

387
00:18:23,190 --> 00:18:27,260
Membungkus sekitar jika hadapan campur
saiz berakhir lebih besar daripada kapasiti.

388
00:18:27,260 --> 00:18:32,670
Sekali lagi, jika struktur anda penuh,
anda akan mempunyai masalah.

389
00:18:32,670 --> 00:18:34,780
Hash jadual anda lihat sebelum ini.

390
00:18:34,780 --> 00:18:39,820
Kebanyakan anda mungkin dilaksanakan
ini di pset6.

391
00:18:39,820 --> 00:18:44,210
Ia adalah satu struktur yang bertujuan untuk O (1)
memasukkan pemalar masa dan O (1)

392
00:18:44,210 --> 00:18:46,430
masa lookup berterusan.

393
00:18:46,430 --> 00:18:49,760
>> Dalam CS50, kami melaksanakan ini sebagai
pelbagai senarai berkaitan.

394
00:18:49,760 --> 00:18:53,690
Komponen utama untuk jadual hash
adalah fungsi hash.

395
00:18:53,690 --> 00:18:58,350
Jadi ia menukarkan input anda, katakan,
perkataan kamus, ke dalam satu nombor,

396
00:18:58,350 --> 00:18:59,560
yang akan menjadi indeks kami.

397
00:18:59,560 --> 00:19:01,410
Dan kami akan menggunakan indeks yang
ke dalam pelbagai kami.

398
00:19:01,410 --> 00:19:05,374
Jadi di sini adalah gambar kecil yang lucu
dari study.50.net.

399
00:19:05,374 --> 00:19:08,060
Kita buang semua perkataan ke dalam
fungsi hash kami.

400
00:19:08,060 --> 00:19:10,950
Dan fungsi hash memberitahu kita
di mana untuk meletakkan kata-kata ini.

401
00:19:10,950 --> 00:19:15,650
>> Ini semua yang besar dalam tanah di mana
terdapat hanya satu perkataan untuk setiap slot.

402
00:19:15,650 --> 00:19:20,480
Tetapi seperti yang anda ingat dari pset6, terdapat
lebih perkataan daripada slot.

403
00:19:20,480 --> 00:19:23,080
Jadi apa yang berlaku apabila anda
mendapatkan perlanggaran?

404
00:19:23,080 --> 00:19:26,730
Sebaliknya menyimpan satu nilai dalam,
katakan, hash jadual 3, anda

405
00:19:26,730 --> 00:19:27,990
menyimpan senarai berpaut.

406
00:19:27,990 --> 00:19:32,900
Dan sebagainya bukannya mempunyai tembikai
di sini, anda akan mempunyai senarai yang berkaitan,

407
00:19:32,900 --> 00:19:34,190
mana nod yang pertama adalah tembikai.

408
00:19:34,190 --> 00:19:35,260
Dan nod seterusnya adalah kucing.

409
00:19:35,260 --> 00:19:38,970
Dan nod ketiga ialah perlanggaran, mari kita
mengatakan, kerana segala perkataan ini mula

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

411
00:19:41,110 --> 00:19:42,700
>> Jadi kebanyakan yang anda lakukan ini untuk pset6.

412
00:19:42,700 --> 00:19:45,685
Jika anda tidak melakukan jadual hash pada pset6
dan anda cuba sesuatu seperti

413
00:19:45,685 --> 00:19:47,720
indone satu, pasti menyemak jadual hash.

414
00:19:47,720 --> 00:19:50,650
Jika anda tidak melakukannya pset6, sudah tentu
mengkaji semula jadual hash.

415
00:19:50,650 --> 00:19:53,610
Dan jika anda melakukannya pada pset6 dan ia tidak
bersenam berapa betul dan anda

416
00:19:53,610 --> 00:19:56,150
mempunyai banyak masalah dengan itu, pasti
mengkaji semula jadual hash.

417
00:19:56,150 --> 00:20:01,610
Jadi pengajaran yang benar-benar pasti
mengkaji semula jadual hash.

418
00:20:01,610 --> 00:20:07,130
>> Minoriti besar anda cuba
keluar cuba pada pset6.

419
00:20:07,130 --> 00:20:08,570
Gambar-peringkat tinggi.

420
00:20:08,570 --> 00:20:15,150
Ia sesuatu yang seperti ini, di mana setiap
nod mempunyai satu set kanak-kanak, di mana setiap

421
00:20:15,150 --> 00:20:17,100
anak sepadan dengan surat.

422
00:20:17,100 --> 00:20:20,520
Dan setiap nod juga berkata,
hey, saya perkataan.

423
00:20:20,520 --> 00:20:25,933
Jadi dalam hal ini, perkataan Maxwell,
jika anda mengikuti M kepada A kepada

424
00:20:25,933 --> 00:20:28,530
X-W-E-L-L dan kemudian mengikutinya satu lagi.

425
00:20:28,530 --> 00:20:32,800
Dan anda mendapat simbol ini, delta, yang
kita menandakan bermakna ini adalah satu perkataan.

426
00:20:32,800 --> 00:20:34,780
Jadi Maxwell adalah perkataan.

427
00:20:34,780 --> 00:20:38,430
Ini adalah delta seluruh LAMBANG
yang perkara-perkara yang kata-kata dan yang

428
00:20:38,430 --> 00:20:40,360
perkara yang tidak.

429
00:20:40,360 --> 00:20:46,400
>> Jadi dalam pset6, data yang kami disimpan
bersama mana-mana nod kami adalah "Saya seorang

430
00:20:46,400 --> 00:20:52,630
perkataan. "Dan perkara yang sejuk kira-kira percubaan
adalah mereka menunjukkan kemasukan dan

431
00:20:52,630 --> 00:20:55,080
pencarian di O (panjang kata).

432
00:20:55,080 --> 00:20:59,450
Jadi hanya untuk mendapatkan melalui Maxwell, ia
M-A-X-W-E-L-L. Maka tujuh atau lapan -

433
00:20:59,450 --> 00:21:00,360
Saya tidak boleh mengira -

434
00:21:00,360 --> 00:21:03,920
langkah-langkah untuk sampai ke akhir
dan memeriksa perkara keluar.

435
00:21:03,920 --> 00:21:06,800
Pelaksanaan begitu cepat di sini.

436
00:21:06,800 --> 00:21:10,230
Rob telah melalui dikaitkan
senarai di bedah siasat beliau.

437
00:21:10,230 --> 00:21:11,600
Jadi pastikan keluar.

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

439
00:21:11,720 --> 00:21:13,240
Telah melalui indone dalam bedah siasat beliau.

440
00:21:13,240 --> 00:21:14,260
Jadi pastikan keluar.

441
00:21:14,260 --> 00:21:24,410
>> Tetapi anda pada dasarnya mempunyai setiap nod mempunyai 27
petunjuk ke nodus seterusnya dan

442
00:21:24,410 --> 00:21:27,050
Boolean untuk saya perkataan.

443
00:21:27,050 --> 00:21:31,530
Semak postmortem Rob kerana bagaimana
ini sebenarnya dilaksanakan.

444
00:21:31,530 --> 00:21:34,750
Struktur terakhir kami, pokok-pokok kami
dan pokok-pokok carian binari.

445
00:21:34,750 --> 00:21:41,530
Jadi melihat ini, ini telah dilindungi
baru-baru ini Minggu 8, Isnin.

446
00:21:41,530 --> 00:21:46,960
Pokok adalah sama dengan indone, kecuali anda
tidak semestinya perlu 27 nod di

447
00:21:46,960 --> 00:21:47,500
setiap titik.

448
00:21:47,500 --> 00:21:52,820
Dan anda tidak mempunyai data ini pada setiap
langkah yang menandakan sama ada -

449
00:21:52,820 --> 00:21:54,030
jalan yang tidak mengapa.

450
00:21:54,030 --> 00:22:00,870
Manakala indone a, jalan dari atas ke
bawah, Maxwell, adalah penting bagi kami.

451
00:22:00,870 --> 00:22:05,270
>> Tetapi setiap nod mempunyai pelbagai
kanak-kanak, mungkin.

452
00:22:05,270 --> 00:22:07,290
Kami mempunyai perbendaharaan kata beberapa.

453
00:22:07,290 --> 00:22:09,530
Akar pokok itu
adalah di bahagian paling atas.

454
00:22:09,530 --> 00:22:12,520
Dan kita katakan bahawa sangat panhandle
nod yang tidak mempunyai

455
00:22:12,520 --> 00:22:14,530
kanak-kanak daun.

456
00:22:14,530 --> 00:22:18,040
Jadi seperti indone, pokok adalah
struktur nod.

457
00:22:18,040 --> 00:22:21,490
Sejenis biasa pokok yang kita akan
untuk bercakap tentang adalah pokok binari, di mana

458
00:22:21,490 --> 00:22:26,040
setiap nod tidak mempunyai anak atau
seorang anak atau dua orang anak.

459
00:22:26,040 --> 00:22:28,890
Jadi gambar ini di sini tidak
pokok binari, kerana

460
00:22:28,890 --> 00:22:32,890
nod 3 mempunyai tiga orang anak.

461
00:22:32,890 --> 00:22:38,140
>> Tetapi jika kita mengabaikan mereka, selebihnya
daripadanya adalah pokok binari kerana ia

462
00:22:38,140 --> 00:22:43,200
menunjukkan harta yang setiap nod
mempunyai sifar, satu, atau dua orang anak.

463
00:22:43,200 --> 00:22:46,400
Jadi bagaimana kita boleh menyatakan ini dalam kod?

464
00:22:46,400 --> 00:22:51,460
Kita boleh mempunyai nod di mana setiap nod mempunyai
integer di dalamnya, dan juga

465
00:22:51,460 --> 00:22:55,590
sebagai penunjuk kepada pokok di sebelah kiri
dan penunjuk kepada pokok itu pada

466
00:22:55,590 --> 00:22:59,510
betul, jadi kedua-dua kanak-kanak.

467
00:22:59,510 --> 00:23:00,880
Bagaimana ini berguna?

468
00:23:00,880 --> 00:23:05,740
Nah, jika kita membuat kaedah-kaedah mengenai di mana kita
meletakkan nod, kita boleh membuat carian lebih cepat.

469
00:23:05,740 --> 00:23:10,630
>> Jadi ada konsep carian binari
pokok, di mana semua nod yang

470
00:23:10,630 --> 00:23:14,420
anak pohon yang tinggal mempunyai nilai yang lebih kecil
daripada nod yang kami lihat.

471
00:23:14,420 --> 00:23:17,880
Dan semua nod anak pohon yang betul
mempunyai nilai yang lebih besar

472
00:23:17,880 --> 00:23:18,660
daripada nod akar.

473
00:23:18,660 --> 00:23:20,670
Sekarang, yang kelihatan seperti banyak perkataan.

474
00:23:20,670 --> 00:23:23,770
Saya akan meletakkan ia di dalam dua kali
sebut harga dan menunjukkan kepada anda gambar.

475
00:23:23,770 --> 00:23:27,010
Jadi di sini adalah satu contoh
pokok carian binari.

476
00:23:27,010 --> 00:23:28,770
Melihat bahawa kita bermula dengan 10.

477
00:23:28,770 --> 00:23:31,780
Semua di sebelah kiri
10 adalah lebih kecil daripada itu.

478
00:23:31,780 --> 00:23:33,130
Dan segala-galanya ke kanan
adalah lebih besar daripada itu.

479
00:23:33,130 --> 00:23:37,620
>> Tetapi lebih daripada itu, setiap nod pada
pokok meluahkan harta tanah ini.

480
00:23:37,620 --> 00:23:42,110
Jadi nod 7 mempunyai 3 kepada
kiri dan 9 ke kanan.

481
00:23:42,110 --> 00:23:44,440
Jadi semua orang-orang yang lebih kecil daripada 10.

482
00:23:44,440 --> 00:23:50,470
Namun, jika dilihat hanya mereka, 7 mempunyai
3 ke kiri dan 9 kepada haknya.

483
00:23:50,470 --> 00:23:56,100
Begitu juga di sebelah kanan, 15 mempunyai 14
ke kiri dan 50 ke kanan.

484
00:23:56,100 --> 00:24:03,770
Jadi tiga nod di sana, 15, 14,
dan 50, juga pokok binari yang sah

485
00:24:03,770 --> 00:24:05,480
atau pokok carian binari yang sah.

486
00:24:05,480 --> 00:24:07,250
Dan mereka semua lebih besar daripada 10.

487
00:24:07,250 --> 00:24:08,960
Jadi mereka dibenarkan untuk menjadi
di sebelah kanan sana.

488
00:24:08,960 --> 00:24:09,940
Adakah terdapat satu soalan?

489
00:24:09,940 --> 00:24:12,580
>> PENONTON: Bagaimana anda berurusan apabila
anda mempunyai dua tujuh pasang?

490
00:24:12,580 --> 00:24:12,850
>> R.J. Aquino: Yeah.

491
00:24:12,850 --> 00:24:16,550
Bagaimana anda berurusan dengan dua nilai
yang adalah sama?

492
00:24:16,550 --> 00:24:21,465
Sesetengah pokok carian binari mengatakan bahawa anda
mengabaikan salinan, kerana matlamatnya adalah

493
00:24:21,465 --> 00:24:24,280
hanya untuk mengatakan, saya lihat
perkara-perkara ini setakat ini.

494
00:24:24,280 --> 00:24:28,120
Sesetengah pokok carian binari anda boleh mengatakan
mempunyai kiraan di dalam nod.

495
00:24:28,120 --> 00:24:32,000
Orang lain mungkin mengatakan bahawa segala-galanya kepada
sebelah kiri adalah kurang daripada atau sama dengan.

496
00:24:32,000 --> 00:24:33,470
Dan segala-galanya ke kanan
adalah lebih besar daripada.

497
00:24:33,470 --> 00:24:36,520
>> Ia hanya bergantung kepada apa yang
masalah ialah anda menyelesaikan.

498
00:24:36,520 --> 00:24:40,840
Jadi, dalam kamus, misalnya, anda
tidak akan mengambil berat tentang salinan.

499
00:24:40,840 --> 00:24:41,490
Anda akan membuang mereka keluar.

500
00:24:41,490 --> 00:24:44,719
Tetapi beberapa masalah lain yang mungkin anda mengambil berat.

501
00:24:44,719 --> 00:24:49,242
>> PENONTON: Adakah mungkin untuk mempunyai
1 di sebelah kiri 15, yang

502
00:24:49,242 --> 00:24:50,590
adalah kurang daripada 10?

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

504
00:24:51,885 --> 00:24:56,570
Jika 14 di sini adalah 1, akan ini
tidak pokok carian binari yang sah,

505
00:24:56,570 --> 00:25:00,840
kerana segala-galanya di sebelah kanan
10 mempunyai lebih besar dari itu.

506
00:25:00,840 --> 00:25:02,300
Dan kita akan melihat mengapa.

507
00:25:02,300 --> 00:25:07,960
Jika di tanah carian matlamat saya adalah
untuk mencari 14, saya bermula akar.

508
00:25:07,960 --> 00:25:08,500
Jadi saya melihat.

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

510
00:25:08,710 --> 00:25:10,670
Kami akan bermula akar.

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

512
00:25:12,500 --> 00:25:16,050
>> Nah, 14, sasaran kami,
adalah lebih besar daripada 10.

513
00:25:16,050 --> 00:25:17,370
Jadi ia mesti berada di sebelah kanan.

514
00:25:17,370 --> 00:25:21,780
Ini adalah hampir sama dengan seluruh telefon
perkara buku yang kita lakukan, binari yang

515
00:25:21,780 --> 00:25:23,720
mencari di sana.

516
00:25:23,720 --> 00:25:26,430
Tetapi bukan mencari binari
dalam array, kami binari

517
00:25:26,430 --> 00:25:28,490
mencari di pokok ini.

518
00:25:28,490 --> 00:25:31,260
Oleh itu, kita masih mencari 14.

519
00:25:31,260 --> 00:25:32,480
Nah, 14 adalah lebih kecil daripada 15.

520
00:25:32,480 --> 00:25:36,430
Jadi, jika ia dalam pokok kita, ia mesti
berada dalam bidang ini di sini.

521
00:25:36,430 --> 00:25:39,680
Ia mesti di sebelah kanan
10 dan di sebelah kiri 15.

522
00:25:39,680 --> 00:25:42,250
>> Dan jadi kami memeriksa nod ini.

523
00:25:42,250 --> 00:25:45,790
Dan yay, kami telah menemui 14.

524
00:25:45,790 --> 00:25:46,760
Saya tidak akan berjalan melaluinya.

525
00:25:46,760 --> 00:25:48,090
Tetapi di sini kod.

526
00:25:48,090 --> 00:25:49,690
Ini sebenarnya agak
terus-terang,

527
00:25:49,690 --> 00:25:52,630
kerana ini adalah rekursif.

528
00:25:52,630 --> 00:25:55,420
Apa yang boleh kami meminta anda untuk lakukan pada kuiz?

529
00:25:55,420 --> 00:25:57,000
Kami boleh meminta anda untuk menulis kod ini.

530
00:25:57,000 --> 00:25:59,170
Kita boleh meminta anda untuk melihat kod ini
dan mengubah suai kod ini dan menerangkan

531
00:25:59,170 --> 00:26:00,210
ia melakukan.

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

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

534
00:26:00,770 --> 00:26:04,240
>> PENONTON: Adakah slaid ini akan menjadi
disediakan kerana mereka masa yang lalu?

535
00:26:04,240 --> 00:26:04,740
>> R.J. Aquino: Ya.

536
00:26:04,740 --> 00:26:06,460
Jadi slaid ini pasti akan
diposkan.

537
00:26:06,460 --> 00:26:08,640
>> PENONTON: Mereka sebenarnya sedang mencatatkan
sekarang di laman web.

538
00:26:08,640 --> 00:26:10,020
David hanya melakukan itu.

539
00:26:10,020 --> 00:26:12,720
>> R.J. Aquino: Slaid adalah
sekarang di laman web.

540
00:26:12,720 --> 00:26:16,420
Saya mungkin akan patch sehingga beberapa
yang tipo saya mengambil perhatian dan menetapkan mereka.

541
00:26:16,420 --> 00:26:19,940
Tetapi ada semasa yang
versi di laman.

542
00:26:19,940 --> 00:26:21,820
Lain perkara yang kita boleh meminta anda untuk melakukan -

543
00:26:21,820 --> 00:26:23,790
menulis memasukkan.

544
00:26:23,790 --> 00:26:27,490
Tulis versi lelaran daripada
fungsi rekursif kita hanya menunjukkan anda

545
00:26:27,490 --> 00:26:32,520
atau bercakap mengenai perkara-perkara ini, seperti dalam
perenggan, dalam perkataan, dalam ayat.

546
00:26:32,520 --> 00:26:35,760
Yang membandingkan masa jangka dan menerangkan
apa yang anda mahu menggunakan binari

547
00:26:35,760 --> 00:26:39,200
pokok mencari dan bukannya
hash meja, misalnya.

548
00:26:39,200 --> 00:26:43,580
>> Jadi memahami struktur ini
pada tahap yang cukup mendalam.

549
00:26:43,580 --> 00:26:47,440
Memahami bagaimana untuk menulis mereka, bagaimana untuk
menggunakannya, bagaimana untuk bercakap tentang mereka.

550
00:26:47,440 --> 00:26:50,270
Dan anda akan bersedia.

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

552
00:26:50,630 --> 00:26:55,070
>> PENONTON: Apabila anda menulis
pokok carian binari, bagaimana anda

553
00:26:55,070 --> 00:27:01,460
menentukan apa nilai kepada
menjadikannya sebagai akar?

554
00:27:01,460 --> 00:27:06,120
>> R.J. Aquino: Jadi soalan itu, apa yang
nilai yang anda buat sebagai root?

555
00:27:06,120 --> 00:27:08,760
Bergantung kepada kod anda, anda
mungkin mempunyai akar global.

556
00:27:08,760 --> 00:27:14,290
Jadi anda mungkin telah mungkin mempunyai dalam
pset6 jadual hash global.

557
00:27:14,290 --> 00:27:18,640
Atau anda mungkin lulus akar
sebagai hujah.

558
00:27:18,640 --> 00:27:23,810
Jadi fungsi carian ini di sini
mengambil hujah nod *.

559
00:27:23,810 --> 00:27:27,420
Dan jadi apa sahaja nod anda berada
melihat adalah yang anda sedang merawat

560
00:27:27,420 --> 00:27:31,510
sebagai root anda apabila anda meninggal ia masuk

561
00:27:31,510 --> 00:27:32,320
Dan saya bersedia.

562
00:27:32,320 --> 00:27:33,480
Mereka adalah slaid saya.

563
00:27:33,480 --> 00:27:35,940
Orang yang seterusnya boleh datang swap
dalam komputer riba dan mikrofon.

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

565
00:27:47,390 --> 00:27:49,760
>> ROB Bowden: Saya fikir saya mungkin mempunyai
ditafsirkan soalan yang berbeza.

566
00:27:49,760 --> 00:27:53,826
Tetapi saya ditafsirkan sebagai, jika anda mempunyai
nombor 1, 2, dan 3, bagaimana kita

567
00:27:53,826 --> 00:27:56,720
tahu untuk membuat 2 akar
berbanding dengan 1 atau 3?

568
00:27:56,720 --> 00:27:59,480
Jika kita membuat 2 akar, maka ia baik
1 dan 3 ke kiri dan ke kanan.

569
00:27:59,480 --> 00:28:04,610
Tetapi jika 1 adalah akar, maka ia 1 kepada
atas, 2 yang betul, 3 ke kanan.

570
00:28:04,610 --> 00:28:10,880
Jadi secara lalai, anda tidak tahu
apa yang membuat akar.

571
00:28:10,880 --> 00:28:15,400
Dan untuk mana-mana algoritma kita mengharapkan untuk
memberi anda, hanya perkara pertama yang anda

572
00:28:15,400 --> 00:28:16,680
insert akan akar.

573
00:28:16,680 --> 00:28:19,890
Atau kita akan memberi anda pokok binari yang
sudah ada yang mempunyai akar yang.

574
00:28:19,890 --> 00:28:24,760
Tetapi algoritma lain wujud seperti yang
akar akan mengemas kini, supaya jika anda

575
00:28:24,760 --> 00:28:28,370
berakhir di dalam keadaan di mana ia 1, 2,
3, ia secara automatik akan mengemas kini kepada

576
00:28:28,370 --> 00:28:30,900
membuat 2 akar baru, supaya
ia masih baik seimbang.

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

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

579
00:28:34,833 --> 00:28:36,170
Hey, guys.

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

581
00:28:37,810 --> 00:28:42,490
Dan saya akan menghabiskan C kami
dan kemudian pergi ke beberapa web kami

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

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

584
00:28:46,570 --> 00:28:49,610
Jadi perkara pertama adalah penampan
serangan limpahan.

585
00:28:49,610 --> 00:28:53,070
Jadi mari kita lihat kod ini.

586
00:28:53,070 --> 00:28:54,260
Ia agak mudah.

587
00:28:54,260 --> 00:28:55,460
Ada fungsi foo.

588
00:28:55,460 --> 00:28:56,990
Dan ia tidak kembali apa-apa.

589
00:28:56,990 --> 00:29:00,950
Tetapi ia mengambil masa dalam penunjuk
kepada rentetan yang dipanggil bar.

590
00:29:00,950 --> 00:29:04,920
>> Dan ia akan mengaku ini
penampan, yang merupakan watak yang

591
00:29:04,920 --> 00:29:07,690
array yang mempunyai 12 slot.

592
00:29:07,690 --> 00:29:11,730
Dan ia menggunakan memcpy, yang hanya
fungsi yang salinan dari satu alamat

593
00:29:11,730 --> 00:29:12,910
kepada yang lain.

594
00:29:12,910 --> 00:29:19,400
Jadi ini cuba untuk menyalin ke dalam
penampan kami dari apa sahaja

595
00:29:19,400 --> 00:29:21,140
bar adalah menunjuk ke.

596
00:29:21,140 --> 00:29:24,640
Jadi apa-apa idea apa yang salah
dengan kod ini?

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

598
00:29:27,568 --> 00:29:30,830
>> PENONTON: Jika bar adalah lebih lama daripada
C, mereka akan menulis ganti.

599
00:29:30,830 --> 00:29:31,520
>> ANGELA LI: Ya, betul-betul.

600
00:29:31,520 --> 00:29:34,200
Kita tidak ada jaminan bahawa bar
akan menjadi kurang daripada 12.

601
00:29:34,200 --> 00:29:36,080
Kami hanya membuat beberapa nombor sewenang-wenangnya 12.

602
00:29:36,080 --> 00:29:38,380
Dan kami seperti, mari kita berharap bahawa
input pengguna kami adalah kurang daripada

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

604
00:29:40,440 --> 00:29:46,320
Jadi dalam dunia yang ideal, jika input kami adalah
sentiasa seperti yang dijangkakan, maka kita akan mendapat

605
00:29:46,320 --> 00:29:47,550
sesuatu seperti, hello.

606
00:29:47,550 --> 00:29:48,920
Itu kurang daripada 12 aksara.

607
00:29:48,920 --> 00:29:51,870
Ia mendapat dibaca ke char c.

608
00:29:51,870 --> 00:29:53,280
Dan kemudian kita melakukan sesuatu dengannya.

609
00:29:53,280 --> 00:29:54,800
Ia tidak benar-benar perkara itu.

610
00:29:54,800 --> 00:29:59,740
>> Tetapi orang yang berniat jahat boleh lakukan
sesuatu yang lebih seperti ini, di mana mereka

611
00:29:59,740 --> 00:30:04,760
memberi kita apa sahaja bar menuding kepada,
ia akan menunjukkan kepada pelbagai yang besar ini

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

613
00:30:06,280 --> 00:30:10,680
Dan ini adalah cara yang lebih lama daripada 12.

614
00:30:10,680 --> 00:30:13,830
Jadi ia akan pergi sepanjang jalan
turun di sini untuk mana pulangan

615
00:30:13,830 --> 00:30:15,420
alamat yang digunakan untuk menjadi.

616
00:30:15,420 --> 00:30:17,860
Jadi katakan fungsi ini
dipanggil foo.

617
00:30:17,860 --> 00:30:20,970
Mungkin foo telah dipanggil oleh beberapa yang lain
fungsi, yang dipanggil oleh utama.

618
00:30:20,970 --> 00:30:24,890
Oleh itu, apabila foo sedang berjalan, ia memerlukan
tahu di mana untuk kembali ke.

619
00:30:24,890 --> 00:30:29,130
>> Jika foo dipanggil dengan fungsi yang dinamakan
Baz, ia tahu bahawa itu

620
00:30:29,130 --> 00:30:30,250
mendapat kembali ke Baz.

621
00:30:30,250 --> 00:30:34,040
Dan itulah yang alamat kembali ini
turun di sini memberitahu kita.

622
00:30:34,040 --> 00:30:38,340
Tetapi jika kita menulis ganti dengan beberapa lain
alamat, dalam kes ini, ini adalah satu

623
00:30:38,340 --> 00:30:42,650
perwakilan pada ucapan di
sangat permulaan penimbal ini, maka

624
00:30:42,650 --> 00:30:45,240
apa yang sebenarnya akan berlaku ialah
bukannya kembali kembali ke Baz,

625
00:30:45,240 --> 00:30:48,470
yang dipanggil fungsi kami, ia hanya
akan pergi ke hadapan kod ini.

626
00:30:48,470 --> 00:30:53,930
>> Dan jika ini ada di sana kerana
berniat jahat penggodam dude datang dan

627
00:30:53,930 --> 00:30:56,820
disuntik ini, maka mungkin jumlah ini
daripada itu sebenarnya bukanlah satu A.

628
00:30:56,820 --> 00:31:02,030
Dan ia sebenarnya hanya kod yang pecah
komputer atau sesuatu anda.

629
00:31:02,030 --> 00:31:05,930
Jadi untuk menjadi pertahanan kira-kira seperti ini
perkara, anda perlu tidak pernah menganggap bahawa

630
00:31:05,930 --> 00:31:09,120
input pengguna adalah tertentu
jumlah aksara.

631
00:31:09,120 --> 00:31:13,310
Sebagai contoh, apabila anda telah melakukan
buku ejaan, anda telah diberitahu bahawa kata-kata itu

632
00:31:13,310 --> 00:31:15,580
hanya akan menjadi 40 aksara
maksimum panjang.

633
00:31:15,580 --> 00:31:16,570
Dan itu adalah baik.

634
00:31:16,570 --> 00:31:20,150
>> Tetapi jika tidak, maka anda perlu
pastikan anda hanya membaca di 45

635
00:31:20,150 --> 00:31:21,520
watak-watak pada satu masa.

636
00:31:21,520 --> 00:31:24,430
Jika tidak, anda mungkin menulis ganti
penampan anda.

637
00:31:24,430 --> 00:31:26,140
Soalan mengenai itu.

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

639
00:31:26,733 --> 00:31:28,850
>> PENONTON: Bolehkah anda hanya bercakap
sedikit lebih lanjut mengenai ini?

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

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

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

643
00:31:32,813 --> 00:31:35,870
>> PENONTON: mikrofon ini hanya untuk video.

644
00:31:35,870 --> 00:31:37,640
Saya akan cuba dan projek.

645
00:31:37,640 --> 00:31:39,900
Hi, guys.

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

647
00:31:40,920 --> 00:31:45,330
Jadi mari kita pergi ke beberapa perkara dalam
Perpustakaan CS50, yang anda telah menggunakan

648
00:31:45,330 --> 00:31:49,072
semua semester, kebanyakannya
untuk mendapatkan input pengguna.

649
00:31:49,072 --> 00:31:53,140
Seperti yang anda tahu, anda termasuk CS50
perpustakaan dengan hanya melakukan CS50.h, yang

650
00:31:53,140 --> 00:31:55,660
mengandungi semua prototaip daripada
fungsi-fungsi yang anda boleh gunakan, seperti

651
00:31:55,660 --> 00:31:58,640
GetString dan GetInt, dan
GetFloat, dan sebagainya.

652
00:31:58,640 --> 00:32:02,870
Dan ada baris ini satu dalam CS50
perpustakaan yang mentakrifkan tali, yang

653
00:32:02,870 --> 00:32:05,380
kamu semua tahu sekarang
hanya char a *.

654
00:32:05,380 --> 00:32:07,900
>> Tetapi mari kita mengintip di
bagaimana GetString berfungsi.

655
00:32:07,900 --> 00:32:10,010
Ini adalah versi yang sangat ringkas.

656
00:32:10,010 --> 00:32:15,090
Anda boleh tarik sehingga fail perpustakaan CS50
dari, saya fikir, manuals.CS50.net.

657
00:32:15,090 --> 00:32:16,750
Dan anda boleh membaca
fungsi sebenar.

658
00:32:16,750 --> 00:32:19,330
Tetapi ini meliputi beberapa
bahagian-bahagian yang penting.

659
00:32:19,330 --> 00:32:23,870
Oleh itu, kita telah membuat beberapa penampan
dengan beberapa kapasiti.

660
00:32:23,870 --> 00:32:27,570
Dan apa yang kita lakukan adalah kita mendapat satu watak
pada satu masa dari standard n.

661
00:32:27,570 --> 00:32:30,910
Itulah di mana input pengguna
teks dalam konsol.

662
00:32:30,910 --> 00:32:33,430
>> Dan sebagainya kita akan membaca dalam
watak selagi ia bukan satu baru

663
00:32:33,430 --> 00:32:37,220
line dan ia tidak berakhir fail, yang
adalah akhir input standard.

664
00:32:37,220 --> 00:32:45,690
Dan untuk setiap watak yang kita baca di,
jika watak yang berakhir menambah

665
00:32:45,690 --> 00:32:50,120
kepada bilangan aksara kita telah membaca
di dalam dan yang lebih daripada kemampuan kita,

666
00:32:50,120 --> 00:32:53,490
maka apa yang kita lakukan adalah kita hanya mengubah saiz kami
penampan supaya ia dua kali lebih lama.

667
00:32:53,490 --> 00:32:56,950
Jadi sekali lagi, ini melindungi daripada penampan
serangan limpahan, kerana anda membaca di

668
00:32:56,950 --> 00:32:58,315
watak pada satu masa.

669
00:32:58,315 --> 00:33:02,290
Dan jika pada bila-bila anda membaca terlalu
banyak, anda hanya mengembangkan penampan anda.

670
00:33:02,290 --> 00:33:03,330
Anda kalikan dengan dua.

671
00:33:03,330 --> 00:33:05,510
Dan kemudian anda mempunyai lebih banyak ruang.

672
00:33:05,510 --> 00:33:09,120
>> Jika tidak, anda hanya tambah
watak untuk penampan.

673
00:33:09,120 --> 00:33:15,080
Dan selepas anda telah membaca di dalam semua
aksara, ia akan mengecut penimbal

674
00:33:15,080 --> 00:33:18,510
kembali ke saiz biasa, menambah
terminator batal, dan kemudian kembali.

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

676
00:33:21,880 --> 00:33:24,960
Sekarang, mari kita lihat GetInt.

677
00:33:24,960 --> 00:33:27,700
Bolehkah anda semua membaca ini?

678
00:33:27,700 --> 00:33:30,710
Saya boleh zum dalam sedikit.

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

680
00:33:33,410 --> 00:33:34,660
Saya tidak tahu bagaimana komputer bekerja.

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

682
00:33:40,840 --> 00:33:41,270
Jangan sekali-kali fikiran.

683
00:33:41,270 --> 00:33:42,520
Saya tidak boleh zoom dengan betul.

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

685
00:33:47,500 --> 00:33:48,770
>> Ini benar-benar keras.

686
00:33:48,770 --> 00:33:49,180
Saya minta maaf.

687
00:33:49,180 --> 00:33:51,490
Mari kita melihat ini.

688
00:33:51,490 --> 00:33:57,140
Jadi apa GetInt adalah ia pertama berbunyi
dalam rentetan dari GetString, yang

689
00:33:57,140 --> 00:33:59,250
kami telah dilaksanakan sebelum ini.

690
00:33:59,250 --> 00:34:02,945
Dan yang penting untuk diperhatikan di sini
adalah jika perkongsian ini bahawa ia berakhir

691
00:34:02,945 --> 00:34:06,400
membaca adalah seperti sebenarnya tidak tali,
maka kita hanya kembali INT_MAX untuk

692
00:34:06,400 --> 00:34:09,409
mewakili kegagalan.

693
00:34:09,409 --> 00:34:12,645
Mengapa kita kembali INT_MAX sebaliknya
negatif 1 atau 1?

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

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

696
00:34:16,853 --> 00:34:19,350
>> PENONTON: [didengar]
negatif 1 pada satu.

697
00:34:19,350 --> 00:34:20,070
>> ANGELA LI: Ya, betul-betul.

698
00:34:20,070 --> 00:34:24,560
Jadi anda cara yang lebih cenderung untuk hanya mahu
untuk input 1 atau negatif 1 apabila digesa

699
00:34:24,560 --> 00:34:27,469
untuk n dan apa jua Maxes n.

700
00:34:27,469 --> 00:34:27,969
Ia besar.

701
00:34:27,969 --> 00:34:29,690
Anda mungkin tidak akan menggunakannya.

702
00:34:29,690 --> 00:34:32,690
Jadi ini adalah seperti keputusan reka bentuk untuk
memastikan bahawa anda tidak sengaja

703
00:34:32,690 --> 00:34:38,540
kembali kesilapan atau anda tidak kembali
1, yang mungkin dihuraikan

704
00:34:38,540 --> 00:34:41,199
sebagai jawapan yang betul.

705
00:34:41,199 --> 00:34:45,110
Jadi, jika garis tidak wujud,
kita kembali INT-MAX.

706
00:34:45,110 --> 00:34:48,090
Jika tidak, kita menggunakan sscanf,
yang seperti scanf.

707
00:34:48,090 --> 00:34:49,449
Tetapi ia membaca dari rentetan.

708
00:34:49,449 --> 00:34:54,310
>> Dan kita mempunyai ini diformatkan
tali, yang% i% c.

709
00:34:54,310 --> 00:34:57,440
Dan kita mencuba dan sepadan dengan
apa sahaja pengguna memberi kami.

710
00:34:57,440 --> 00:35:01,420
Kami mahu beberapa perkara dipadankan
sebagai 1, yang bermaksud bahawa kita hanya

711
00:35:01,420 --> 00:35:04,940
benar-benar mahu perlawanan integer
dikelilingi oleh mungkin putih

712
00:35:04,940 --> 00:35:06,840
ruang, mungkin tidak.

713
00:35:06,840 --> 00:35:10,710
Dalam kes ini, jika anda dimasukkan ke dalam sesuatu
seperti bar, bar tidak sepadan pada semua,

714
00:35:10,710 --> 00:35:14,400
kerana perlu ada
integer pada permulaan.

715
00:35:14,400 --> 00:35:17,060
Jadi tidak pernah sscan bertukar 0.

716
00:35:17,060 --> 00:35:19,640
Jadi anda tidak kembali itu.

717
00:35:19,640 --> 00:35:23,850
>> Sebagai alternatif, jika anda masukkan ke dalam sesuatu
seperti 1, 2, 3, A, B, C, yang perlawanan

718
00:35:23,850 --> 00:35:27,180
kedua-dua integer tetapi juga
watak selepas itu.

719
00:35:27,180 --> 00:35:29,990
Jadi sscanf akan kembali 2, yang
juga tidak sesuai.

720
00:35:29,990 --> 00:35:34,620
Anda tidak mahu 1, 2, 3, A,
B, C menjadi int yang sah.

721
00:35:34,620 --> 00:35:36,990
Supaya juga tidak berfungsi.

722
00:35:36,990 --> 00:35:38,530
Tetapi mengatakan anda dimasukkan ke dalam sesuatu seperti 50.

723
00:35:38,530 --> 00:35:42,460
Yang akan sepadan dengan% i, yang bermakna
ia akan mendapat dibaca ke n.

724
00:35:42,460 --> 00:35:44,790
Dan kini, n akan mengandungi bilangan 50.

725
00:35:44,790 --> 00:35:46,110
Dan kemudian anda boleh kembali.

726
00:35:46,110 --> 00:35:49,270
>> Jika tidak, anda memukul Cuba.

727
00:35:49,270 --> 00:35:55,790
Kemudian ia pergi ke atas lagi sehingga
anda mendapat input yang betul dari pengguna.

728
00:35:55,790 --> 00:35:56,891
Soalan mengenai itu?

729
00:35:56,891 --> 00:36:02,182
>> PENONTON: Jadi jika anda adalah untuk mencetak
nilai GetInt pada [didengar]

730
00:36:02,182 --> 00:36:06,250
ia akan menjadi hanya integer dan max?

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

732
00:36:07,440 --> 00:36:11,780
Jadi, jika anda menggunakan GetInt, anda harus menganggap
yang anda tidak mahu max n untuk

733
00:36:11,780 --> 00:36:15,328
menjadi input yang sah, kerana anda akan
untuk menganggap bahawa yang buruk.

734
00:36:15,328 --> 00:36:27,740
>> PENONTON: Jika kita tidak mempunyai char c dan
seseorang dimasukkan ke dalam 1, 2, 3, Sam, akan ia

735
00:36:27,740 --> 00:36:29,430
masih bekerja untuk 1, 2, 3?

736
00:36:29,430 --> 00:36:29,750
>> ANGELA LI: Saya rasa ia akan bekerja.

737
00:36:29,750 --> 00:36:33,340
Tetapi anda tidak mahu untuk 123Sam
menjadi input yang sah oleh pengguna.

738
00:36:33,340 --> 00:36:34,670
Yang tidak benar-benar satu int.

739
00:36:34,670 --> 00:36:36,840
Jadi ia nampaknya tidak adil
untuk mengurai sebagai int satu.

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
Dalam kes itu, mari langkah ini
ke internet.

743
00:36:45,800 --> 00:36:49,120
Jadi HTTP bukan bahasa.

744
00:36:49,120 --> 00:36:56,060
HTTP hanya satu set standard untuk
bagaimana anda menghantar perkara-perkara dari pelanggan,

745
00:36:56,060 --> 00:36:57,280
itulah anda, untuk pelayan.

746
00:36:57,280 --> 00:36:59,730
Itulah orang-orang lain di web.

747
00:36:59,730 --> 00:37:02,900
>> Jadi HTTP bermaksud Hypertext
Pemindahan Protokol.

748
00:37:02,900 --> 00:37:04,610
Ia adalah hati dan jiwa
keseluruhan web.

749
00:37:04,610 --> 00:37:07,050
Bahagian hiperteks hanya
merujuk kepada HTML.

750
00:37:07,050 --> 00:37:10,690
Pemindahan adalah pelanggan seperti
anda akan menghantar permintaan kepada

751
00:37:10,690 --> 00:37:13,060
pelayan, yang memberikan jawapan.

752
00:37:13,060 --> 00:37:16,380
Dan protokol adalah hanya, bagaimana
anda harapkan pelayan bertindak?

753
00:37:16,380 --> 00:37:19,960
Dan bagaimana anda sepatutnya berkelakuan
seperti yang anda boleh menyelaraskan ini

754
00:37:19,960 --> 00:37:21,920
proses komunikasi?

755
00:37:21,920 --> 00:37:26,650
>> Jadi permintaan HTTP melihat banyak seperti ini.

756
00:37:26,650 --> 00:37:28,070
GET adalah jenis permintaan.

757
00:37:28,070 --> 00:37:31,220
Anda semua telah melihat permintaan GET
dan permintaan POST.

758
00:37:31,220 --> 00:37:36,690
Bahawa perkara kedua di sana, / saya, itulah
hanya URI atau URL di mana anda

759
00:37:36,690 --> 00:37:38,140
mahu pergi dalam tuan rumah.

760
00:37:38,140 --> 00:37:44,140
Jadi permintaan ini meminta untuk
halaman, seperti www.facebook.com / saya.

761
00:37:44,140 --> 00:37:45,300
Dan ia adalah satu permintaan GET.

762
00:37:45,300 --> 00:37:51,020
Dan kemudian HTTP/1.1 ini, itu hanya
versi HTTP yang digunakan.

763
00:37:51,020 --> 00:37:55,020
Ia hampir sentiasa 1.1.

764
00:37:55,020 --> 00:37:56,880
>> Dan kemudian ada sekumpulan
barangan lain juga.

765
00:37:56,880 --> 00:38:02,510
Anda sebenarnya boleh melihat ini jika anda
membuka konsol anda apabila anda

766
00:38:02,510 --> 00:38:03,770
menyemak imbas web.

767
00:38:03,770 --> 00:38:07,290
Responses kelihatan
lebih seperti ini.

768
00:38:07,290 --> 00:38:09,620
Bahagian atas adalah, sekali lagi,
jenis HTTP anda menggunakan

769
00:38:09,620 --> 00:38:12,310
diikuti dengan kod status.

770
00:38:12,310 --> 00:38:14,700
Jadi 200 OK adalah segala-galanya.

771
00:38:14,700 --> 00:38:16,200
Berikut adalah kandungan anda.

772
00:38:16,200 --> 00:38:17,390
Kandungan anda akan mengikuti.

773
00:38:17,390 --> 00:38:21,730
Dan kemudian ia akan memberitahu anda apa jenis
kandungan dan barangan lain juga.

774
00:38:21,730 --> 00:38:24,620
>> Kod status, terdapat beberapa
yang penting yang perlu anda tahu.

775
00:38:24,620 --> 00:38:26,460
200 OK adalah seperti emas segala-galanya.

776
00:38:26,460 --> 00:38:28,490
Semua kerja-kerja.

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

778
00:38:29,710 --> 00:38:32,910
Ini anda mungkin telah melihat jika anda terlupa
untuk chmod sesuatu dengan betul.

779
00:38:32,910 --> 00:38:34,510
Ini bermakna anda tidak perlu
kebenaran yang betul untuk

780
00:38:34,510 --> 00:38:36,210
akses yang pada pelayan.

781
00:38:36,210 --> 00:38:38,110
Ia seperti, tidak, anda tidak boleh melihatnya.

782
00:38:38,110 --> 00:38:39,780
404 bermakna perkara yang tidak wujud.

783
00:38:39,780 --> 00:38:40,400
Tidak dijumpai.

784
00:38:40,400 --> 00:38:41,640
Anda mungkin telah melihat bahawa banyak.

785
00:38:41,640 --> 00:38:45,510
>> 500 Ralat Pelayan Dalaman biasanya
seperti sesuatu telah salah di sisi

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

787
00:38:46,460 --> 00:38:50,830
Oleh itu, apabila anda melaksanakan pset7,
jika anda mempunyai PHP kesilapan, anda boleh

788
00:38:50,830 --> 00:38:53,890
sebenarnya pergi ke halaman dan melihat
sejumlah besar PHP barangan kesilapan.

789
00:38:53,890 --> 00:38:56,900
Tetapi itu tidak berlaku biasanya,
kerana laman web tidak benar-benar mahu

790
00:38:56,900 --> 00:38:58,830
memberitahu anda mengapa laman mereka rosak.

791
00:38:58,830 --> 00:39:03,370
Mereka akan mungkin hanya mengembalikan
500 Ralat Pelayan Dalaman.

792
00:39:03,370 --> 00:39:06,120
>> Dan kemudian ada 418 saya teko a.

793
00:39:06,120 --> 00:39:07,910
Ada kisah keseluruhan kira-kira
mengapa itu perkara yang.

794
00:39:07,910 --> 00:39:09,860
Tetapi anda boleh membaca kira-kira yang
pada masa anda sendiri.

795
00:39:09,860 --> 00:39:11,450
Ada sejumlah besar
kod status lain juga.

796
00:39:11,450 --> 00:39:12,700
Tetapi ini adalah orang-orang
perlu anda tahu.

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

798
00:39:15,660 --> 00:39:18,610
Jadi mari kita bercakap tentang HTML.

799
00:39:18,610 --> 00:39:22,180
HTML, ingat, bukan
bahasa pengaturcaraan.

800
00:39:22,180 --> 00:39:23,510
Ia adalah satu bahasa markup.

801
00:39:23,510 --> 00:39:25,210
Ini bermakna ia menggambarkan kandungan.

802
00:39:25,210 --> 00:39:30,440
Ia memberitahu anda apa dokumen HTML kelihatan
suka atau tidak apa yang kelihatan seperti

803
00:39:30,440 --> 00:39:32,230
tetapi bagaimana ia berstruktur.

804
00:39:32,230 --> 00:39:36,110
>> Jadi ia mentakrifkan struktur dan
semantik laman web.

805
00:39:36,110 --> 00:39:37,830
Ia seperti, ini adalah perenggan.

806
00:39:37,830 --> 00:39:40,060
Ini adalah senarai yang teratur.

807
00:39:40,060 --> 00:39:42,360
Ini seperti satu bahagian halaman saya.

808
00:39:42,360 --> 00:39:43,260
Berikut adalah tajuk.

809
00:39:43,260 --> 00:39:44,310
Ia barangan seperti itu.

810
00:39:44,310 --> 00:39:48,770
Ia tidak gaya mana-mana itu, kerana
itulah yang anda lakukan dalam CSS.

811
00:39:48,770 --> 00:39:50,270
Dan ia kelihatan seperti satu siri
tag daripada bersarang.

812
00:39:50,270 --> 00:39:54,720
Jadi untuk menggunakan satu contoh yang benar-benar asas
Halaman HTML, anda mempunyai DOCTYPE yang

813
00:39:54,720 --> 00:39:56,720
pengisytiharan di atas sana.

814
00:39:56,720 --> 00:40:00,940
>> Deklarasi DOCTYPE adalah
berkata, kita menggunakan HTML5.

815
00:40:00,940 --> 00:40:03,370
Kemudian anda mempunyai tag HTML besar.

816
00:40:03,370 --> 00:40:05,230
Ia mengandungi kepala dan badan.

817
00:40:05,230 --> 00:40:06,970
Di dalam kepala, anda mempunyai tajuk.

818
00:40:06,970 --> 00:40:12,950
Itulah apa yang berlaku dalam tajuk
bar pelayar anda.

819
00:40:12,950 --> 00:40:15,810
Kami mempunyai tag pautan yang menghubungkan
dalam lembaran gaya luaran.

820
00:40:15,810 --> 00:40:19,880
Dan kemudian kita mempunyai skrip yang menarik
daripada JavaScript luaran.

821
00:40:19,880 --> 00:40:23,750
>> Dan kemudian di dalam badan kita sebenarnya
apa yang akan ditunjukkan pada halaman.

822
00:40:23,750 --> 00:40:28,210
Kami ada perenggan dan kemudian
imej di dalam perenggan itu.

823
00:40:28,210 --> 00:40:32,000
Yang ini ialah gambar anak-anak itu.

824
00:40:32,000 --> 00:40:35,840
Perhatikan imej
tag menutup sendiri.

825
00:40:35,840 --> 00:40:41,760
Jadi, daripada pembukaan dengan imej
dan kemudian melakukan / imej yang lain, anda

826
00:40:41,760 --> 00:40:47,500
hanya perlu palang kecil ini
di sini, yang menutup ia.

827
00:40:47,500 --> 00:40:53,670
Dan tag imej juga mempunyai kunci ini
sifat nilai dipanggil Alt.

828
00:40:53,670 --> 00:40:56,970
Itulah teks yang alternatif yang
yang berlaku apabila anda mengapung di atasnya.

829
00:40:56,970 --> 00:41:03,170
>> Kebanyakan unsur-unsur HTML mempunyai beberapa nilai utama
perkara yang boleh anda berikan itu, pelbagai

830
00:41:03,170 --> 00:41:04,420
penyesuaian.

831
00:41:04,420 --> 00:41:06,230

832
00:41:06,230 --> 00:41:08,705
Yeah.

833
00:41:08,705 --> 00:41:09,955
>> PENONTON: [didengar].

834
00:41:09,955 --> 00:41:17,510

835
00:41:17,510 --> 00:41:19,680
>> ANGELA LI: Nah, jadi ia adalah satu
sifat tag.

836
00:41:19,680 --> 00:41:25,320
Jadi jika anda telah menggunakan jQuery, anda boleh
melakukan pilih image.getAttribute.

837
00:41:25,320 --> 00:41:27,930
Dan kemudian anda boleh mencari
mendapatkan sifat alt itu.

838
00:41:27,930 --> 00:41:31,040
Dan ia akan memberikan anda anak-anak itu.

839
00:41:31,040 --> 00:41:37,400
Jika anda masih ingat bentuk dalam HTML, input
unsur-unsur akan mempunyai sifat-sifat nama.

840
00:41:37,400 --> 00:41:41,870
Dan itulah yang menggunakan PHP untuk menghantar
permintaan apabila bentuk yang dikemukakan.

841
00:41:41,870 --> 00:41:44,762

842
00:41:44,762 --> 00:41:50,064
>> PENONTON: Adakah anda menyebut sesuatu
tentang bagaimana jika anda menggunakan kittens.jpg atau

843
00:41:50,064 --> 00:41:54,410
sesuatu yang mempunyai hilang yang
memfailkan folder atau fail lain?

844
00:41:54,410 --> 00:41:54,750
>> ANGELA LI: Ya.

845
00:41:54,750 --> 00:41:57,010
Jadi ini adalah apa yang dipanggil saudara
jalan, kerana saya tidak memberi

846
00:41:57,010 --> 00:41:58,740
anda laluan penuh.

847
00:41:58,740 --> 00:42:05,160
Ini seperti apabila dalam C jika anda fopen
beberapa fail, jika anda hi.txt fopen, yang

848
00:42:05,160 --> 00:42:09,190
hi.txt dijangka dalam yang sama
direktori, kecuali anda memberikan lebih

849
00:42:09,190 --> 00:42:11,530
jalan kompleks.

850
00:42:11,530 --> 00:42:14,900
>> PENONTON: Jadi, anda boleh menentukan
mana folder [didengar]?

851
00:42:14,900 --> 00:42:17,660
>> ANGELA LI: Yeah.

852
00:42:17,660 --> 00:42:19,370
Dan anda boleh mencari bagaimana untuk melakukannya.

853
00:42:19,370 --> 00:42:23,480
Tetapi jika saya mahu mendapatkan kittens.jpg keluar
direktori induk, saya akan melakukan

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
Yeah.

857
00:42:30,930 --> 00:42:32,960

858
00:42:32,960 --> 00:42:33,760
Maaf.

859
00:42:33,760 --> 00:42:34,045
Yeah.

860
00:42:34,045 --> 00:42:35,700
Oh lelaki, saya terlupa soalan.

861
00:42:35,700 --> 00:42:36,460
Apa soalan?

862
00:42:36,460 --> 00:42:39,570
Oh, soalan itu adalah, kittens.jpg
dijangka berada dalam direktori yang sama?

863
00:42:39,570 --> 00:42:40,630
Dan dalam kes ini, ia adalah.

864
00:42:40,630 --> 00:42:44,030
Tetapi anda juga boleh memberikan jalan yang tertentu
seperti yang ia tidak perlu.

865
00:42:44,030 --> 00:42:47,100

866
00:42:47,100 --> 00:42:48,350
Baik?

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
Jadi CSS, seperti HTML, tidak
bahasa pengaturcaraan.

870
00:42:55,420 --> 00:42:58,250
CSS adalah hanya satu siri peraturan gaya.

871
00:42:58,250 --> 00:43:00,130
Ia bermaksud Cascading Style Sheets.

872
00:43:00,130 --> 00:43:03,910
Dan anda menggunakannya sempena
dengan HTML untuk laman gaya.

873
00:43:03,910 --> 00:43:08,140
Jadi ada tiga cara
anda boleh menyertakannya.

874
00:43:08,140 --> 00:43:11,950
Salah satu cara anda boleh melakukannya adalah di kepala
bahagian HTML anda, anda hanya boleh

875
00:43:11,950 --> 00:43:15,410
membuka tag gaya dan kemudian melekat
beberapa CSS peraturan di sana.

876
00:43:15,410 --> 00:43:16,759
Ia agak OK.

877
00:43:16,759 --> 00:43:17,228
Yeah.

878
00:43:17,228 --> 00:43:21,449
>> PENONTON: Bolehkah anda meletakkan mereka
tag gaya di antara, mari kita

879
00:43:21,449 --> 00:43:22,860
katakan, badan dan / badan.

880
00:43:22,860 --> 00:43:27,400
Dan kemudian anda akan menjadi gaya
hanya di dalam badan.

881
00:43:27,400 --> 00:43:28,840
>> ANGELA LI: Anda boleh.

882
00:43:28,840 --> 00:43:29,590
Ia akan bekerja.

883
00:43:29,590 --> 00:43:33,990
Tetapi anda tidak perlu, kerana gaya adalah
jenis metadata yang harus di

884
00:43:33,990 --> 00:43:35,890
ketua dokumen anda.

885
00:43:35,890 --> 00:43:38,280
Badan perlu benar-benar hanya mengandungi
apa yang sebenarnya akan

886
00:43:38,280 --> 00:43:39,420
muncul pada halaman anda.

887
00:43:39,420 --> 00:43:42,155
>> PENONTON: Jadi, anda akan meletakkan gaya
dalam kepala anda untuk gaya yang

888
00:43:42,155 --> 00:43:43,930
halaman tapak, bukan?

889
00:43:43,930 --> 00:43:44,300
>> ANGELA LI: Yeah.

890
00:43:44,300 --> 00:43:50,470
Jadi meletakkan gaya di sini, peraturan-peraturan CSS
akan terpakai bagi keseluruhan halaman berdasarkan

891
00:43:50,470 --> 00:43:52,100
selectors mereka.

892
00:43:52,100 --> 00:43:57,090
Jadi cara yang lebih baik untuk melakukannya sebaliknya
yang mempunyai tag gaya dalam kepala anda,

893
00:43:57,090 --> 00:44:00,430
anda mempunyai pautan ini untuk gaya luaran
lembaran seperti saya menunjukkan anda dalam

894
00:44:00,430 --> 00:44:01,980
contoh sebelumnya.

895
00:44:01,980 --> 00:44:05,920
Apa yang dilakukan adalah ia cuba dan mendapati
memfailkan style.css dan kemudian menarik ia

896
00:44:05,920 --> 00:44:08,470
dalam dan menggunakan bahawa sebagai
gaya untuk halaman.

897
00:44:08,470 --> 00:44:10,500
Dan style.css anda akan
hanya kelihatan seperti ini.

898
00:44:10,500 --> 00:44:13,330
Ia hanya akan menjadi sekumpulan CSS.

899
00:44:13,330 --> 00:44:16,210
>> Dan akhirnya, ada cara lain anda
boleh termasuk CSS, yang anda benar-benar

900
00:44:16,210 --> 00:44:17,480
harus tidak pernah lakukan.

901
00:44:17,480 --> 00:44:18,950
Ia gaya sebaris panggilan.

902
00:44:18,950 --> 00:44:22,650
Dan jadi apa-apa elemen HTML juga boleh
mengambil sifat gaya.

903
00:44:22,650 --> 00:44:26,320
Dan kemudian dalam bahawa sifat gaya,
anda boleh memberikan kaedah-kaedah CSS.

904
00:44:26,320 --> 00:44:29,140
Jadi dalam kes ini, apa sahaja div Saya
menentukan di sini, ia akan

905
00:44:29,140 --> 00:44:32,580
mempunyai latar belakang hitam dan
warna teks putih.

906
00:44:32,580 --> 00:44:35,620
Tetapi anda tidak perlu melakukan ini, kerana apa yang
ini tidak adalah ia meletakkan gaya anda

907
00:44:35,620 --> 00:44:36,850
di dalam HTML anda.

908
00:44:36,850 --> 00:44:40,530
>> Dan saya tahu kita telah bercakap tentang HTML
adalah struktur dan CSS adalah gaya.

909
00:44:40,530 --> 00:44:42,790
Jika anda melakukan ini, ia bercampur
mereka bersama-sama.

910
00:44:42,790 --> 00:44:44,550
Dan ia bukan sangat bersih.

911
00:44:44,550 --> 00:44:45,800
Jadi jangan berbuat demikian.

912
00:44:45,800 --> 00:44:47,690

913
00:44:47,690 --> 00:44:52,100
Menggunakan contoh CSS, di sana, kami
hanya pilih badan HTML

914
00:44:52,100 --> 00:44:52,380
dokumentari.

915
00:44:52,380 --> 00:44:55,110
Dan kami seperti, segala-galanya
akan menjadi Comic Sans.

916
00:44:55,110 --> 00:44:57,290
Saya juga tidak mencadangkan itu.

917
00:44:57,290 --> 00:44:59,940
Tetapi anda boleh berbuat demikian.

918
00:44:59,940 --> 00:45:03,140
>> Peraturan kedua di sini, ia akan
untuk memilih elemen di

919
00:45:03,140 --> 00:45:04,880
halaman dengan ID utama.

920
00:45:04,880 --> 00:45:11,690
Jadi apa sahaja elemen HTML, saya berkata ID
= Utama, saya akan memberikan yang

921
00:45:11,690 --> 00:45:16,020
Margin 20-piksel dan menyelaraskan segala-galanya,
semua teks, ke pusat tersebut.

922
00:45:16,020 --> 00:45:19,030
Perkara terakhir yang memilih oleh kelas CSS.

923
00:45:19,030 --> 00:45:24,450
Jadi apa-apa elemen pada halaman yang saya berikan
kelas bahagian, saya akan menjadikannya

924
00:45:24,450 --> 00:45:26,602
warna latar belakang biru muda.

925
00:45:26,602 --> 00:45:29,380

926
00:45:29,380 --> 00:45:30,040
Yep.

927
00:45:30,040 --> 00:45:30,700
Itu sahaja yang saya mendapat.

928
00:45:30,700 --> 00:45:30,890
Soalan?

929
00:45:30,890 --> 00:45:34,020
>> PENONTON: Apakah hashtag yang
sebelum utama lakukan?

930
00:45:34,020 --> 00:45:36,310
>> ANGELA LI: Persoalannya ialah, apakah
hashtag sebelum tugasan utama?

931
00:45:36,310 --> 00:45:40,770
Dalam kes ini, hash dalam
CSS bermakna pilih oleh ID.

932
00:45:40,770 --> 00:45:47,490
Jadi, jika saya mempunyai beberapa elemen HTML, seperti
divID = utama, CSS ini pilihan pelanggan peraturan

933
00:45:47,490 --> 00:45:49,260
perkara dengan ID utama.

934
00:45:49,260 --> 00:45:53,940
Begitu juga, tempoh yang di hadapan
seksyen adalah pilih oleh kelas CSS atau

935
00:45:53,940 --> 00:45:56,558
pilih oleh kelas HTML.

936
00:45:56,558 --> 00:46:00,940
>> PENONTON: Kenapa ada mempunyai sebelum
6 dalam warna latar belakang?

937
00:46:00,940 --> 00:46:01,270
>> ANGELA LI: Yeah.

938
00:46:01,270 --> 00:46:03,360
Jadi persoalannya adalah, mengapa terdapat
hash sebelum 6?

939
00:46:03,360 --> 00:46:05,320
Ini berbeza daripada hash itu.

940
00:46:05,320 --> 00:46:09,500
Ini bermakna bahawa anda memberikan
warna perenambelasan.

941
00:46:09,500 --> 00:46:14,260
Warna supaya hex, ini hanya
mewakili warna.

942
00:46:14,260 --> 00:46:17,860
Dan anda masih ingat tiga kali ganda apabila RGB
anda lakukan Serangga forensik?

943
00:46:17,860 --> 00:46:18,770
Ini adalah sama.

944
00:46:18,770 --> 00:46:21,590
Yang pertama dua digit mewakili
berapa banyak merah dalam warna.

945
00:46:21,590 --> 00:46:23,260
Kedua-dua yang kedua mewakili
berapa banyak hijau.

946
00:46:23,260 --> 00:46:25,450
Dan ketiga mewakili
berapa banyak biru.

947
00:46:25,450 --> 00:46:30,060
Dan hash adalah ini akan
untuk mewakili warna.

948
00:46:30,060 --> 00:46:35,660
>> Jadi apa-apa daripada 0, 0, 0, 0, 0, 0
sehingga F, F, F, F, F, F sah.

949
00:46:35,660 --> 00:46:39,550
Ia beberapa warna sah yang boleh
dipaparkan oleh pelayar anda.

950
00:46:39,550 --> 00:46:39,790
Soalan?

951
00:46:39,790 --> 00:46:43,590
>> PENONTON: Apakah perbezaan di antara
menggunakan dengan ID dan oleh kelas?

952
00:46:43,590 --> 00:46:46,470
>> ANGELA LI: Soalan ini adalah apa yang
perbezaan di antara

953
00:46:46,470 --> 00:46:48,950
menggunakan dengan ID dan kelas?

954
00:46:48,950 --> 00:46:54,390
Anda hanya boleh mempunyai satu unsur dalam
Dokumen HTML yang mempunyai ID yang diberikan.

955
00:46:54,390 --> 00:46:58,660
Jadi hanya satu perkara pada halaman saya
dibenarkan untuk mempunyai ID utama.

956
00:46:58,660 --> 00:47:02,580
Jadi anda menggunakannya untuk ini adalah pengepala.

957
00:47:02,580 --> 00:47:03,850
Ini adalah navigasi.

958
00:47:03,850 --> 00:47:05,230
Ini adalah nota kaki.

959
00:47:05,230 --> 00:47:09,070
Kelas adalah berbeza, kerana anda boleh
memohon kelas sebagai banyak unsur HTML

960
00:47:09,070 --> 00:47:10,100
yang anda mahu.

961
00:47:10,100 --> 00:47:15,860
>> Sebagai contoh, saya seksyen kelas,
kerana ada mungkin lebih daripada satu

962
00:47:15,860 --> 00:47:17,540
seksyen di halaman saya.

963
00:47:17,540 --> 00:47:20,200
Anda hanya dibenarkan mempunyai seramai
elemen pada halaman yang sama dengan

964
00:47:20,200 --> 00:47:23,190
kelas tetapi hanya satu dengan ID tertentu.

965
00:47:23,190 --> 00:47:25,600
>> PENONTON: Jadi dot mewakili
kelas?

966
00:47:25,600 --> 00:47:26,090
>> ANGELA LI: Yeah.

967
00:47:26,090 --> 00:47:27,380
Dot mewakili kelas.

968
00:47:27,380 --> 00:47:29,990

969
00:47:29,990 --> 00:47:31,540
Sejuk.

970
00:47:31,540 --> 00:47:32,370
Itu sahaja yang saya punya, guys.

971
00:47:32,370 --> 00:47:33,544
Terima kasih.

972
00:47:33,544 --> 00:48:13,380
>> [Tepuk tangan]

973
00:48:13,380 --> 00:48:14,290
>> ZAMYLA CHAN: Hai, semua orang.

974
00:48:14,290 --> 00:48:14,880
Saya Zamyla.

975
00:48:14,880 --> 00:48:18,830
Saya akan meliputi PHP,
MVC, dan SQL hari ini.

976
00:48:18,830 --> 00:48:22,350

977
00:48:22,350 --> 00:48:26,110
Banyak bahan yang saya akan
meliputi akan menjadi cukup banyak

978
00:48:26,110 --> 00:48:29,100
keluar dari pset7.

979
00:48:29,100 --> 00:48:29,700
Baiklah.

980
00:48:29,700 --> 00:48:31,180
Jadi apa PHP?

981
00:48:31,180 --> 00:48:35,150
PHP bermaksud PHP Hypertext
Prapemproses.

982
00:48:35,150 --> 00:48:38,740
Jadi, dengan sendirinya, adalah rekursif yang
menamakan, yang cukup sejuk.

983
00:48:38,740 --> 00:48:42,220
PHP adalah bahasa skrip pelayan,
dan ia menyediakan backend

984
00:48:42,220 --> 00:48:44,610
dan yang asas tidak logik
laman web kami.

985
00:48:44,610 --> 00:48:48,520
>> Jadi Angela bercakap banyak tentang HTML
dan CSS yang akan membuat struktur

986
00:48:48,520 --> 00:48:49,530
laman web.

987
00:48:49,530 --> 00:48:53,210
Tetapi bagaimana jika anda mahu menukar yang
kandungan dinamik atau jika ia berbeza-beza

988
00:48:53,210 --> 00:48:55,240
berdasarkan pengguna atau
syarat-syarat tertentu?

989
00:48:55,240 --> 00:48:57,060
Itulah di mana PHP datang masuk

990
00:48:57,060 --> 00:49:02,610
Sekarang, biasanya, PHP mungkin mengambil beberapa
kurang garisan untuk melaksanakan perkara yang sama

991
00:49:02,610 --> 00:49:07,380
C. Ini kerana PHP mengendalikan memori
pengurusan bagi pengaturcara,

992
00:49:07,380 --> 00:49:11,170
berbanding dengan kita perlu malloc
percuma, perkara seperti itu.

993
00:49:11,170 --> 00:49:15,430
>> Tetapi oleh kerana PHP adalah satu tafsiran
bahasa, biasanya, ia mungkin melaksanakan

994
00:49:15,430 --> 00:49:19,540
sedikit lebih perlahan daripada C, yang
adalah bahasa yang disusun.

995
00:49:19,540 --> 00:49:23,150
Kerana kita pengaturcaraan bergerak
bahasa, mari kita lihat bagaimana

996
00:49:23,150 --> 00:49:24,570
sintaks akan berbeza.

997
00:49:24,570 --> 00:49:28,770
Mari kita berhati-hati untuk tidak
keliru dengan ini.

998
00:49:28,770 --> 00:49:33,750
Jadi dengan PHP sintaks, sama ada anda
menerapkan PHP anda dalam HTML

999
00:49:33,750 --> 00:49:40,430
memfailkan atau dalam. fail php sendiri, anda
perlu sertakan kod di tempat terbuka

1000
00:49:40,430 --> 00:49:45,270
PHP dan tag PHP tertutup seperti
berikut, seperti pada skrin.

1001
00:49:45,270 --> 00:49:46,660
>> Pembolehubah dalam PHP.

1002
00:49:46,660 --> 00:49:51,490
Setiap pembolehubah tunggal akan bermula dengan
tanda $ diikuti dengan nama

1003
00:49:51,490 --> 00:49:53,150
pembolehubah anda.

1004
00:49:53,150 --> 00:49:56,530
Sekarang, pembolehubah dalam PHP adalah longgar ditaip,
yang bermaksud bahawa anda tidak perlu

1005
00:49:56,530 --> 00:50:00,030
untuk menunjukkan apa jenis data yang
adalah apabila anda mengisytiharkan ia.

1006
00:50:00,030 --> 00:50:03,505
Walau bagaimanapun, ini tidak bermakna bahawa mereka
tidak mempunyai apa-apa jenis di semua.

1007
00:50:03,505 --> 00:50:09,370
Jadi jika saya mengisytiharkan pemboleh ubah dan hanya menetapkan
ia sama dengan 1, dan kemudian saya mengisytiharkan

1008
00:50:09,370 --> 00:50:15,140
pembolehubah yang lain, menetapkan ia sama dengan "1",
dan kemudian satu sama lain 1.0, dengan baik,

1009
00:50:15,140 --> 00:50:19,410
bergantung kepada jenis kesaksamaan
pengendali saya gunakan, jika saya mahu membandingkan

1010
00:50:19,410 --> 00:50:21,830
di semua jenis, maka
mereka akan sama.

1011
00:50:21,830 --> 00:50:25,570
Tetapi jika saya ingin memastikan bahawa
jenis adalah sama, PHP masih boleh melakukan

1012
00:50:25,570 --> 00:50:28,690
itu, walaupun kita tidak menunjukkan
apa jenis ia adalah apabila kita

1013
00:50:28,690 --> 00:50:31,170
pertama membuat fail.

1014
00:50:31,170 --> 00:50:33,990
>> Sekarang, dalam PHP, walaupun kita
beralih daripada pengaturcaraan

1015
00:50:33,990 --> 00:50:39,360
bahasa dari C, kita masih mempunyai kami
kepercayaan jika keadaan, seperti ini.

1016
00:50:39,360 --> 00:50:43,270
Kami masih mempunyai gelung sementara kami, hanya
seperti ini, di mana anda masukkan ke dalam anda

1017
00:50:43,270 --> 00:50:47,300
keadaan dan kemudian
badan gelung.

1018
00:50:47,300 --> 00:50:50,360
Dan kemudian kami juga mempunyai kami untuk gelung,
yang biasanya kelihatan seperti ini.

1019
00:50:50,360 --> 00:50:55,330
Jadi, jika saya mahu melelar atas segala
sembilan psets dan mengemukakan dan memanggil

1020
00:50:55,330 --> 00:50:58,960
fungsi submitPset, maka saya boleh berbuat demikian
di sini, yang anda lelaki itu mempunyai semua

1021
00:50:58,960 --> 00:50:59,830
dilakukan pada tahap ini.

1022
00:50:59,830 --> 00:51:01,080
Tahniah, dengan cara itu.

1023
00:51:01,080 --> 00:51:04,560

1024
00:51:04,560 --> 00:51:07,550
>> Untuk kamera, orang
berkata, terima kasih.

1025
00:51:07,550 --> 00:51:11,220
Sekarang, jika anda tidak mahu hanya menggunakan ini
untuk gelung, maka PHP sebenarnya juga

1026
00:51:11,220 --> 00:51:13,580
telah perkara dipanggil gelung foreach.

1027
00:51:13,580 --> 00:51:22,210
Jadi, jika saya mempunyai pelbagai integer, 0
melalui 8, yang disimpan di dalam psets pelbagai,

1028
00:51:22,210 --> 00:51:27,290
maka saya boleh mempunyai gelung foreach yang
iterates atas setiap nombor dalam psets.

1029
00:51:27,290 --> 00:51:30,640
Dan kemudian saya dapat panggilan yang sama
berfungsi lapan kali,

1030
00:51:30,640 --> 00:51:31,910
hanya seperti yang saya lakukan sebelum ini.

1031
00:51:31,910 --> 00:51:36,480
Jadi ini bagi setiap gelung adalah bagus, kerana
anda tidak perlu jika anda tidak tahu

1032
00:51:36,480 --> 00:51:39,470
panjang yang tepat array yang anda
telah, kemudian menggunakan gelung foreach ini

1033
00:51:39,470 --> 00:51:42,800
akan menjaga untuk anda.

1034
00:51:42,800 --> 00:51:45,410
>> Jadi saya membuat psets sebagai array.

1035
00:51:45,410 --> 00:51:46,700
Mari kita lihat itu.

1036
00:51:46,700 --> 00:51:51,290
Perlengkapan dalam PHP biasanya yang sama seperti
orang-orang yang kami telah di C, di mana

1037
00:51:51,290 --> 00:51:52,960
anda boleh mengisytiharkan array.

1038
00:51:52,960 --> 00:51:59,200
Dan di sini, saya boleh mengisytiharkan pelbagai kosong
dan kemudian membina secara dinamik dengan menggunakan

1039
00:51:59,200 --> 00:52:00,850
indeks sebagai integer.

1040
00:52:00,850 --> 00:52:04,140
Jadi indeks 0, saya akan menyimpan
integer dinamakan 1.

1041
00:52:04,140 --> 00:52:09,210
Pada indeks 1 daripada senarai saya, saya akan
untuk menyimpan nilai 2.

1042
00:52:09,210 --> 00:52:12,670
Dan pada indeks ketiga tetapi
Nombor kedua, saya akan

1043
00:52:12,670 --> 00:52:14,870
menyimpan nombor 12.

1044
00:52:14,870 --> 00:52:17,250
>> Sekarang, ini adalah baik dalam bahawa
kerja-kerja ia berfungsi dengan baik.

1045
00:52:17,250 --> 00:52:21,310
Tetapi mengatakan ia perkara kepada saya
apa yang setiap indeks memegang.

1046
00:52:21,310 --> 00:52:24,500
Bagi saya, indeks 0 bermakna bagaimana
banyak kucing saya.

1047
00:52:24,500 --> 00:52:27,400
Dan indeks 1 bermakna bagaimana
banyak burung hantu saya.

1048
00:52:27,400 --> 00:52:29,450
Dan yang seterusnya bermakna berapa banyak anjing.

1049
00:52:29,450 --> 00:52:34,140
Dengan baik, maka ia untuk menentukan bahawa, daripada
perlu ingat 0 berkaitan dengan

1050
00:52:34,140 --> 00:52:38,090
kucing dan 1 untuk burung hantu, saya boleh menggunakan
array bersekutu, yang bermaksud bahawa

1051
00:52:38,090 --> 00:52:42,260
bukan integer sebagai indeks saya,
Saya benar-benar boleh menggunakan tali.

1052
00:52:42,260 --> 00:52:43,290
>> Jadi ini adalah amat berguna.

1053
00:52:43,290 --> 00:52:47,130
Dan anda telah pada dasarnya hanya digantikan
integer dengan tali.

1054
00:52:47,130 --> 00:52:50,074
Dan ada anda mempunyai
array bersekutu.

1055
00:52:50,074 --> 00:52:51,930
Yeah.

1056
00:52:51,930 --> 00:52:55,800
>> PENONTON: Adakah terdapat sebab mengapa ada
garis bawah untuk kedua

1057
00:52:55,800 --> 00:52:58,750
sebahagian, kerana senarai saya mempunyai array.

1058
00:52:58,750 --> 00:53:01,330
>> ZAMYLA CHAN: Soalan ini telah, sedang
ada sebab mengapa terdapat satu

1059
00:53:01,330 --> 00:53:03,320
menekankan antara dan senarai saya?

1060
00:53:03,320 --> 00:53:03,610
No

1061
00:53:03,610 --> 00:53:06,878
Itulah betapa saya menamakan
ubah saya.

1062
00:53:06,878 --> 00:53:11,670
>> PENONTON: Pada yang pertama
line, ia satu perkataan.

1063
00:53:11,670 --> 00:53:12,560
>> ZAMYLA CHAN: memohon maaf saya.

1064
00:53:12,560 --> 00:53:13,410
Saya akan menetapkan bahawa.

1065
00:53:13,410 --> 00:53:13,620
Yeah.

1066
00:53:13,620 --> 00:53:15,460
Mereka patut menjadi nama pembolehubah yang sama.

1067
00:53:15,460 --> 00:53:16,710
Soalan yang bagus.

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
Jadi mari kita beralih kepada rentetan
dinamika.

1071
00:53:22,610 --> 00:53:27,500
Jika saya mahu mengambil dua tali,
maka saya boleh concatenate mereka

1072
00:53:27,500 --> 00:53:28,550
dengan operator titik.

1073
00:53:28,550 --> 00:53:32,440
Jadi jika saya mempunyai Milo sebagai nama pertama
dan Pisang sebagai nama akhir, maka

1074
00:53:32,440 --> 00:53:35,430
concatenating dengan operator dot dan
kemudian meletakkan ruang di antara

1075
00:53:35,430 --> 00:53:39,210
akan membuat rentetan yang mengandungi Milo
Pisang, yang saya boleh echo atau,

1076
00:53:39,210 --> 00:53:41,280
sebaliknya, mencetak.

1077
00:53:41,280 --> 00:53:44,465
>> Bercakap gema, mari kita bercakap
kira-kira yang berguna beberapa -

1078
00:53:44,465 --> 00:53:44,920
oops.

1079
00:53:44,920 --> 00:53:46,030
Saya minta maaf.

1080
00:53:46,030 --> 00:53:52,920
Beberapa fungsi PHP berguna.

1081
00:53:52,920 --> 00:53:56,240
Jadi kita mempunyai -

1082
00:53:56,240 --> 00:53:57,444
masalah teknikal.

1083
00:53:57,444 --> 00:53:58,694
Sebentar.

1084
00:53:58,694 --> 00:54:16,960

1085
00:54:16,960 --> 00:54:19,550
Saya dihantar.

1086
00:54:19,550 --> 00:54:22,320
Masalah PowerPoint.

1087
00:54:22,320 --> 00:54:29,200
Dan kita kembali dengan fungsi PHP.

1088
00:54:29,200 --> 00:54:32,010

1089
00:54:32,010 --> 00:54:35,150
Dan kita kembali dengan fungsi PHP.

1090
00:54:35,150 --> 00:54:39,890
>> Oleh itu, kita telah memerlukan fungsi, di mana
jika anda meninggal dalam fail, di sini hanya

1091
00:54:39,890 --> 00:54:43,300
contoh fail yang
Saya mungkin lulus masuk

1092
00:54:43,300 --> 00:54:47,605
Kemudian yang akan termasuk kod PHP
dari fail yang saya nyatakan.

1093
00:54:47,605 --> 00:54:49,940
Dan ia akan menilai yang masuk

1094
00:54:49,940 --> 00:54:54,450
Maka kita juga mempunyai gema, yang
adalah selari dengan printf.

1095
00:54:54,450 --> 00:54:57,710
Keluar yang selari untuk memecahkan,
yang keluar daripada blok

1096
00:54:57,710 --> 00:54:58,570
kod yang anda masuk

1097
00:54:58,570 --> 00:55:03,180
Dan kemudian cek kosong sama ada yang diberikan
berubah-ubah adalah seperti batal atau sifar atau

1098
00:55:03,180 --> 00:55:08,482
apa sahaja disamakan dengan menjadi kosong.

1099
00:55:08,482 --> 00:55:09,438
Yeah.

1100
00:55:09,438 --> 00:55:15,341
>> PENONTON: Untuk keadaan jalin-menjalin tali
operator dot satu, dalam PHP, adalah bahawa

1101
00:55:15,341 --> 00:55:20,158
sama seperti dalam JavaScript mana ia menggunakan
dot untuk keadaan jalin-menjalin bermakna ditambah?

1102
00:55:20,158 --> 00:55:27,440
Jadi bagi nama penuh, anda boleh mempunyai dolar
menandatangani + pertama dan kemudian + bertahan?

1103
00:55:27,440 --> 00:55:27,720
>> ZAMYLA CHAN: Yeah.

1104
00:55:27,720 --> 00:55:32,150
Jadi persoalannya ialah sama ada kita dalam PHP
boleh menggunakan rentetan dinamika yang sama

1105
00:55:32,150 --> 00:55:33,890
seperti dalam JavaScript dengan plus.

1106
00:55:33,890 --> 00:55:35,410
Dan Yusuf akan masuk ke dalam yang kemudian.

1107
00:55:35,410 --> 00:55:36,620
Saya fikir dia mempunyai slaid pada itu.

1108
00:55:36,620 --> 00:55:37,570
Sebenarnya, ia adalah berbeza.

1109
00:55:37,570 --> 00:55:41,310
Jadi dalam JavaScript, anda perlu menggunakan
tambah untuk concatenate tali.

1110
00:55:41,310 --> 00:55:43,280
Dan dalam PHP, anda perlu
menggunakan operator titik.

1111
00:55:43,280 --> 00:55:44,530
Jadi mereka yang berbeza.

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
Jadi sekarang kita telah meliputi semua
PHP ini, jika tidak ia

1115
00:55:49,500 --> 00:55:50,490
benar-benar sangat berguna?

1116
00:55:50,490 --> 00:55:54,470
Nah, ia datang dalam berguna apabila kita
boleh menggabungkan ia dengan HTML kami.

1117
00:55:54,470 --> 00:55:59,550
Jadi PHP kami akan memberikan kita kuasa untuk
mengubah HTML kandungan halaman sebelum

1118
00:55:59,550 --> 00:56:00,000
muatan itu.

1119
00:56:00,000 --> 00:56:04,270
Jadi berdasarkan keadaan yang berbeza,
biasanya pengguna tertentu itu

1120
00:56:04,270 --> 00:56:07,520
log masuk, kita boleh memaparkan
maklumat yang berbeza.

1121
00:56:07,520 --> 00:56:08,800
Linda, adakah anda mempunyai satu soalan?

1122
00:56:08,800 --> 00:56:15,510
>> PENONTON: Bolehkah anda concatenate
integer juga?

1123
00:56:15,510 --> 00:56:16,760
>> ZAMYLA CHAN: Ya, anda boleh.

1124
00:56:16,760 --> 00:56:19,530

1125
00:56:19,530 --> 00:56:23,270
Jadi soalan itu jika anda boleh
concatenate integer atau lain-lain

1126
00:56:23,270 --> 00:56:28,920
variable.s sekarang, kita beralih kepada MVC, yang
adalah satu paradigma yang kita digunakan dalam

1127
00:56:28,920 --> 00:56:33,380
pset7 dan banyak web designer gunakan untuk
menganjurkan kod di dalam fail

1128
00:56:33,380 --> 00:56:34,490
di laman web mereka.

1129
00:56:34,490 --> 00:56:35,870
M bermaksud Model.

1130
00:56:35,870 --> 00:56:41,450
Dan pada dasarnya, fail model akan berurusan
dengan interaksi dengan pangkalan data.

1131
00:56:41,450 --> 00:56:44,640
Melihat fail, ia berkaitan dengan
estetika laman web.

1132
00:56:44,640 --> 00:56:47,550
Dan Controller mengawal
permintaan pengguna, mem-parsing

1133
00:56:47,550 --> 00:56:49,230
data, tidak logik yang lain.

1134
00:56:49,230 --> 00:56:52,520
>> Dalam pset7, kami digabungkan model
dan pengawal.

1135
00:56:52,520 --> 00:56:55,880
Dan kita hanya memanggil mereka dan pengawal
memasukkannya ke dalam direktori awam.

1136
00:56:55,880 --> 00:57:01,730
Dan gambar-gambar yang berpendapat, kita menggunakannya sebagai
template di dalam direktori template ini.

1137
00:57:01,730 --> 00:57:07,260
Jadi gambar rajah ini di sini juga mewakili
jenis yang sama bahagian dengan

1138
00:57:07,260 --> 00:57:10,510
model dan pengawal ungu
di sini di sebelah kiri dan

1139
00:57:10,510 --> 00:57:12,770
pandangan di sebelah kanan.

1140
00:57:12,770 --> 00:57:16,020
Jadi ini adalah satu skema sebahagian dari anda
mungkin telah melihat pada Waktu pejabat atau

1141
00:57:16,020 --> 00:57:19,130
gambar rajah yang kami lukisan sebagai anda
telah memikirkan Serangga anda.

1142
00:57:19,130 --> 00:57:25,030
>> Jadi di sini, dalam pengawal yang diberikan, model
pengawal, kita mempunyai fungsi-fungsi

1143
00:57:25,030 --> 00:57:30,490
yang berkaitan dengan pertanyaan SQL
pangkalan data, melaksanakan logik PHP.

1144
00:57:30,490 --> 00:57:32,370
Mungkin anda akan mencari
saham di Yahoo!

1145
00:57:32,370 --> 00:57:34,590
Kewangan.

1146
00:57:34,590 --> 00:57:37,390
Atau mungkin, anda hanya akan menyemak untuk
melihat sama ada pengguna yang telah mengemukakan

1147
00:57:37,390 --> 00:57:40,250
membentuk sudah sebelum mempunyai
melawat halaman anda.

1148
00:57:40,250 --> 00:57:43,390
Dan kemudian anda boleh menyebabkan
yang membentuk di sini.

1149
00:57:43,390 --> 00:57:48,210
Selepas borang yang telah dikemukakan
oleh pengguna, tindakan yang

1150
00:57:48,210 --> 00:57:53,470
dinyatakan dalam bentuk ini HTML tag
akan menunjukkan halaman yang ia

1151
00:57:53,470 --> 00:57:55,620
mengembalikan data kepada.

1152
00:57:55,620 --> 00:57:59,460
>> Jadi semua maklumat yang akan
dihantar pulang ke pengawal anda.

1153
00:57:59,460 --> 00:58:02,620
Maka anda mungkin akan melakukan sedikit lebih
logik pada itu dan mungkin melaksanakan beberapa

1154
00:58:02,620 --> 00:58:06,510
lebih pertanyaan dalam pangkalan data SQL dan
kemudian, akhirnya, datang dengan baik

1155
00:58:06,510 --> 00:58:11,930
set penuh maklumat yang akan anda
lulus dalam ke dalam beberapa contoh yang lain

1156
00:58:11,930 --> 00:58:13,950
bahawa maklumat yang dipaparkan itu.

1157
00:58:13,950 --> 00:58:17,030
Sekarang, bagaimana kita sebenarnya pakej
bahawa maklumat up?

1158
00:58:17,030 --> 00:58:23,980
Nah, kita mempunyai fungsi yang dipanggil Render
yang dalam fail functions.php dalam

1159
00:58:23,980 --> 00:58:29,950
pset7, di mana anda lulus dalam nama
fail, nama templat.

1160
00:58:29,950 --> 00:58:32,160
>> Dan Datuk juga lulus dalam
pelbagai bersekutu.

1161
00:58:32,160 --> 00:58:37,150
Dan supaya array bersekutu mewakili
maklumat yang berbeza

1162
00:58:37,150 --> 00:58:39,040
yang anda mahu untuk lulus masuk

1163
00:58:39,040 --> 00:58:43,460
Sekarang, apa yang akan menjadi berterusan dalam
contoh-contoh ini adalah bahawa kunci atau,

1164
00:58:43,460 --> 00:58:47,070
sebaliknya, kunci bersekutu yang
tatasusunan, mereka adalah apa yang akan menjadi

1165
00:58:47,070 --> 00:58:51,050
dijangka berterusan oleh template,
kerana ia tahu ia memerlukan

1166
00:58:51,050 --> 00:58:53,990
sesuatu yang dinamakan mesej
atau dipanggil nama.

1167
00:58:53,990 --> 00:58:56,940
Dan kemudian perkara yang di sebelah kanan, yang
nilai sebenar, jadi dalam kes ini, siapa yang

1168
00:58:56,940 --> 00:59:00,750
budak yang baik dan Milo, mereka akan
sebagai nilai-nilai yang berubah

1169
00:59:00,750 --> 00:59:05,610
pengawal berubah setiap masa
atau berdasarkan keadaan tertentu dan

1170
00:59:05,610 --> 00:59:07,120
akan berlalu yang masuk

1171
00:59:07,120 --> 00:59:12,790
>> Jadi di template, kita melihat bahawa kita
menggunakan aksara khas HTML,

1172
00:59:12,790 --> 00:59:16,370
yang hanya pada dasarnya bermakna bahawa kita mahu
untuk mendapatkan tali peer bahawa

1173
00:59:16,370 --> 00:59:17,580
pengguna meletakkan masuk

1174
00:59:17,580 --> 00:59:20,880
Dan kita mahu menggantikan
Mesej di sana.

1175
00:59:20,880 --> 00:59:26,110
Demikian maka apabila kita benar-benar melihat
fail, khusus

1176
00:59:26,110 --> 00:59:28,700
maklumat diluluskan masuk

1177
00:59:28,700 --> 00:59:33,850
Nota bahawa kunci bagaimana menyebabkan kerja-kerja adalah
bahawa kunci bersekutu yang

1178
00:59:33,850 --> 00:59:37,170
tatasusunan, mereka menjadi berubah-ubah
nama-nama di sini.

1179
00:59:37,170 --> 00:59:40,720
Dan sebagainya nilai-nilai yang penting dalam
array bersekutu kemudian menjadi

1180
00:59:40,720 --> 00:59:41,970
nilai pembolehubah tersebut.

1181
00:59:41,970 --> 00:59:44,800

1182
00:59:44,800 --> 00:59:46,040
>> Sekarang, mari kita beralih kepada SQL.

1183
00:59:46,040 --> 00:59:48,010
Ia bermaksud Berstruktur
Buat pertanyaan Bahasa.

1184
00:59:48,010 --> 00:59:50,460
Dan hal ini hanya pengaturcaraan
Bahasa yang direka

1185
00:59:50,460 --> 00:59:51,880
untuk menguruskan pangkalan data.

1186
00:59:51,880 --> 00:59:56,860
Dan ia sangat berguna bagi kita dalam
laman web kewangan pset7 kami.

1187
00:59:56,860 --> 01:00:00,510
Pada asasnya, ia hanya satu cara yang mudah untuk
mengesan dan menguruskan objek dan jadual

1188
01:00:00,510 --> 01:00:02,070
dan menghubungkan mereka dengan satu sama lain.

1189
01:00:02,070 --> 01:00:06,860
Sekarang, fikirkan pangkalan data SQL anda
pada dasarnya sebagai fail Excel, mungkin,

1190
01:00:06,860 --> 01:00:10,040
dengan pelbagai lembaran tab.

1191
01:00:10,040 --> 01:00:13,820
>> Jadi, anda boleh mempunyai beberapa jadual,
mungkin, yang dikaitkan dengan satu sama lain.

1192
01:00:13,820 --> 01:00:19,420
Dan sama seperti Excel, kita mempunyai banyak
fungsi yang kita mahu.

1193
01:00:19,420 --> 01:00:22,300
Sebagai contoh, kita boleh memilih
baris tertentu.

1194
01:00:22,300 --> 01:00:24,110
Kami boleh memasukkan maklumat.

1195
01:00:24,110 --> 01:00:25,560
Kami boleh mengemas kini baris.

1196
01:00:25,560 --> 01:00:27,440
Dan kita juga boleh memadam sesuatu.

1197
01:00:27,440 --> 01:00:30,920

1198
01:00:30,920 --> 01:00:36,560
>> SQL memilih kerja-kerja dengan memilih baris
atau deretan tiang dinyatakan dari

1199
01:00:36,560 --> 01:00:39,640
pangkalan data yang sepadan dengan tertentu
kriteria yang anda menunjukkan.

1200
01:00:39,640 --> 01:00:44,930
Jadi di sini apabila saya melihat pilih * dari
ahli-ahli sihir di mana rumah = Ravenclaw, maka

1201
01:00:44,930 --> 01:00:48,340
Saya memilih *, yang bermaksud saya
memilih setiap kolum tunggal dalam yang

1202
01:00:48,340 --> 01:00:56,340
baris dari jadual ahli-ahli sihir itu tetapi hanya jika
ruangan rumah sama Ravenclaw.

1203
01:00:56,340 --> 01:00:57,840
Sekarang, ini adalah tulen atau SQL.

1204
01:00:57,840 --> 01:01:02,680
Jadi, jika saya pergi ke phpMyAdmin, yang merupakan
cara tertentu yang kita gunakan untuk menguruskan

1205
01:01:02,680 --> 01:01:07,040
pangkalan data SQL kita, maka saya boleh memasukkan
itu ke dalam laman web yang phpMyAdmin.

1206
01:01:07,040 --> 01:01:08,290
Dan yang akan melaksanakan.

1207
01:01:08,290 --> 01:01:11,280
>> Tetapi kita sebenarnya mahu melakukan
yang di sebelah PHP.

1208
01:01:11,280 --> 01:01:12,580
Jadi bagaimana kita berbuat demikian?

1209
01:01:12,580 --> 01:01:20,180
Nah, kita menggunakan fungsi pertanyaan tersebut, yang
pada dasarnya melaksanakan bahawa SQL query.

1210
01:01:20,180 --> 01:01:21,830
Menggunakan?

1211
01:01:21,830 --> 01:01:25,850
sebagai pemegang tempat, kita boleh lulus dalam tertentu
nilai kepada rentetan kita yang kita

1212
01:01:25,850 --> 01:01:26,920
mahu menggantikan.

1213
01:01:26,920 --> 01:01:32,110
Jadi mungkin saya menyimpan berbeza
nilai-nilai dalam curr_house, yang

1214
01:01:32,110 --> 01:01:34,400
mewakili rumah semasa
bahawa saya akan melalui.

1215
01:01:34,400 --> 01:01:39,040
Jadi saya boleh lulus bahawa dalam sebagai pemegang tempat yang
dengan tanda tanya.

1216
01:01:39,040 --> 01:01:43,290
Dan kemudian saya pada dasarnya akan melaksanakan
Perkara yang sama seperti yang saya lakukan sebelum ini, kecuali

1217
01:01:43,290 --> 01:01:45,550
kini, saya dalam PHP.

1218
01:01:45,550 --> 01:01:51,300
>> Dan pertanyaan akan kembali satu
array bersekutu.

1219
01:01:51,300 --> 01:01:53,470
Dan saya akan menyimpannya di dalam baris.

1220
01:01:53,470 --> 01:01:56,880
Sekarang, pertanyaan sentiasa boleh gagal.

1221
01:01:56,880 --> 01:02:02,870
Mungkin pertanyaan SQL tidak dapat melaksanakan
kerana jadual tidak wujud.

1222
01:02:02,870 --> 01:02:04,310
Atau mungkin, ruangan itu tidak wujud.

1223
01:02:04,310 --> 01:02:05,400
Sesuatu telah berlaku.

1224
01:02:05,400 --> 01:02:08,170
Nah, dalam kes itu, anda akan mahu membuat
memastikan bahawa anda menyemak sama ada

1225
01:02:08,170 --> 01:02:09,700
pertanyaan kembali palsu.

1226
01:02:09,700 --> 01:02:15,590
Dan itu dengan menggunakan tiga
sama operasi di sana.

1227
01:02:15,590 --> 01:02:19,660
>> Dan kemudian saya meminta maaf, yang merupakan satu lagi
Fungsi CS50, lulus dalam mesej.

1228
01:02:19,660 --> 01:02:23,435
Dan jika anda melihat ke dalam meminta maaf, ia hanya
benar-benar tidak adalah menyebabkan apology.php.

1229
01:02:23,435 --> 01:02:26,100

1230
01:02:26,100 --> 01:02:26,410
Yeah.

1231
01:02:26,410 --> 01:02:29,630
>> PENONTON: Bolehkah anda menjelaskan apa yang
bintang tidak antara pilih dan dari?

1232
01:02:29,630 --> 01:02:30,710
>> ZAMYLA CHAN: Ya, benar-benar.

1233
01:02:30,710 --> 01:02:35,220
Jadi bintang di antara pilih dan dari
bermakna saya ingin memilih keseluruhannya

1234
01:02:35,220 --> 01:02:37,440
keseluruhan baris dari jadual saya.

1235
01:02:37,440 --> 01:02:41,900
Saya boleh telah ditunjukkan pilih
menamakan, tahun, rumah.

1236
01:02:41,900 --> 01:02:46,160
Dan saya hanya akan mendapat ketiga-tiga
ruangan dalam jadual saya.

1237
01:02:46,160 --> 01:02:51,560
Tetapi jika saya katakan pilih *, maka saya akan
mendapatkan segala-galanya dalam lajur tersebut.

1238
01:02:51,560 --> 01:02:53,760
Kemudian saya akan pergi anda
di belakang yang pertama.

1239
01:02:53,760 --> 01:02:57,656
>> PENONTON: Jadi ini masih
dalam SQL, bukan?

1240
01:02:57,656 --> 01:02:59,610
Adakah pertanyaan ini atau PHP ini?

1241
01:02:59,610 --> 01:03:00,550
>> ZAMYLA CHAN: Kami dalam pertanyaan.

1242
01:03:00,550 --> 01:03:01,940
Jadi ini adalah dalam PHP.

1243
01:03:01,940 --> 01:03:06,280
Jadi menggunakan fungsi PHP pertanyaan,
kami melaksanakan pertanyaan SQL.

1244
01:03:06,280 --> 01:03:11,988

1245
01:03:11,988 --> 01:03:15,364
>> PENONTON: Apakah apa-apa dalam SQL
sensitif, seperti memilih

1246
01:03:15,364 --> 01:03:17,834
atau ahli-ahli sihir atau rumah?

1247
01:03:17,834 --> 01:03:20,050
>> ZAMYLA CHAN: Apakah apa-apa
dalam SQL sensitif?

1248
01:03:20,050 --> 01:03:21,760
Saya percaya begitu, ya.

1249
01:03:21,760 --> 01:03:24,620
Saya percaya bahawa INSERT dan DARIPADA
dan MANA adalah sangat sensitif.

1250
01:03:24,620 --> 01:03:25,535
Tidak?

1251
01:03:25,535 --> 01:03:27,500
>> ROB Bowden: Jadi, ia adalah sebaliknya.

1252
01:03:27,500 --> 01:03:32,030
Nama-nama lajur dan cara jadual,
semua daripada mereka adalah sangat sensitif.

1253
01:03:32,030 --> 01:03:35,470
Tetapi mana-mana kata kunci MySQL, seperti
SELECT, DARI, dan MANA, mereka tidak

1254
01:03:35,470 --> 01:03:36,140
sensitif.

1255
01:03:36,140 --> 01:03:36,420
OK.

1256
01:03:36,420 --> 01:03:37,780
Jadi yang bertentangan dengan apa yang saya katakan.

1257
01:03:37,780 --> 01:03:40,420
Jadi semua MySQL kata kunci -

1258
01:03:40,420 --> 01:03:42,670
pilih, dari, di mana - mereka
tidak sensitif.

1259
01:03:42,670 --> 01:03:44,630
Tetapi segala-galanya adalah.

1260
01:03:44,630 --> 01:03:45,210
OK.

1261
01:03:45,210 --> 01:03:46,500
Anda di hadapan.

1262
01:03:46,500 --> 01:03:52,041
>> PENONTON: Jika saya mempunyai $ baris dari segi
lebih daripada satu baris, adakah itu bermakna adalah

1263
01:03:52,041 --> 01:03:53,640
hanya menjadi pelbagai bersekutu?

1264
01:03:53,640 --> 01:03:59,550
>> ZAMYLA CHAN: Jadi soalan itu jika baris
mempunyai lebih daripada satu baris dalam ia, adakah

1265
01:03:59,550 --> 01:04:01,800
ia menjadi pelbagai bersekutu?

1266
01:04:01,800 --> 01:04:05,680
Jadi adalah pelbagai bersekutu
tatasusunan sudah.

1267
01:04:05,680 --> 01:04:10,730
Jadi, walaupun terdapat hanya satu baris
kembali, maka anda akan perlu pergi ke

1268
01:04:10,730 --> 01:04:12,690
Isi 0 keputusan itu.

1269
01:04:12,690 --> 01:04:15,316
Dan maka anda dapati bahawa baris pertama.

1270
01:04:15,316 --> 01:04:17,482
Ya, Belinda?

1271
01:04:17,482 --> 01:04:21,258
>> PENONTON: Apabila anda menggunakan ===,
Adakah ini contoh sahaja?

1272
01:04:21,258 --> 01:04:22,210
Atau ada orang lain?

1273
01:04:22,210 --> 01:04:26,815
>> ZAMYLA CHAN: Jadi dalam kes ini, ===
adalah perbandingan di seluruh jenis.

1274
01:04:26,815 --> 01:04:29,870

1275
01:04:29,870 --> 01:04:34,050
Maaf. === Adalah perbandingan
yang membandingkan jenis.

1276
01:04:34,050 --> 01:04:37,620
Dan kemudian == membandingkan semua jenis.

1277
01:04:37,620 --> 01:04:41,620
>> PENONTON: Bolehkah anda menjelaskan apa yang
baris adalah dalam situasi ini?

1278
01:04:41,620 --> 01:04:45,120
Adakah ia berdayung data?

1279
01:04:45,120 --> 01:04:48,100
>> ZAMYLA CHAN: Dalam slaid seterusnya, saya
akan menjelaskan apa baris adalah.

1280
01:04:48,100 --> 01:04:49,890
Jadi, jika anda tidak keberatan memegang
off pada itu.

1281
01:04:49,890 --> 01:04:50,620
Dan kemudian anda di belakang?

1282
01:04:50,620 --> 01:04:54,699
>> PENONTON: Untuk fungsi seperti pertanyaan,
menyebabkan dan meminta maaf [didengar]?

1283
01:04:54,699 --> 01:04:59,050

1284
01:04:59,050 --> 01:05:03,050
>> ZAMYLA CHAN: Soalan ini ialah sama ada
fungsi-fungsi ini - pertanyaan, meminta maaf,

1285
01:05:03,050 --> 01:05:04,510
dan menyebabkan -

1286
01:05:04,510 --> 01:05:05,930
adalah biasa di seluruh PHP.

1287
01:05:05,930 --> 01:05:09,460
Ini adalah orang yang CS50
menulis untuk pset7.

1288
01:05:09,460 --> 01:05:09,910
Dan Jay?

1289
01:05:09,910 --> 01:05:15,333
>> PENONTON: Apabila anda perlu berkata
$ _session, Adalah bahawa hanya untuk ID?

1290
01:05:15,333 --> 01:05:17,310
Atau boleh kamu kata di sini?

1291
01:05:17,310 --> 01:05:23,440
>> ZAMYLA CHAN: Jadi soalan itu, apabila
kita menggunakan $ _session, yang tertentu yang

1292
01:05:23,440 --> 01:05:25,290
berubah-ubah global yang kita gunakan.

1293
01:05:25,290 --> 01:05:32,080
Di sini boleh ubah ini akan
menjadi tempatan dengan fungsi kami.

1294
01:05:32,080 --> 01:05:36,588
Jadi kita hanya mengisytiharkan
pembolehubah baru.

1295
01:05:36,588 --> 01:05:38,460
>> PENONTON: Bagaimana memohon maaf
dilaksanakan?

1296
01:05:38,460 --> 01:05:40,960
>> ZAMYLA CHAN: Soalan ini adalah,
bagaimana meminta maaf dilaksanakan?

1297
01:05:40,960 --> 01:05:44,180
Dan saya rasa ini sebenarnya adalah cukup
amalan yang baik untuk anda semua untuk pergi ke

1298
01:05:44,180 --> 01:05:49,260
seksyen functions.php dan melihat
meminta maaf dan melihat bagaimana anda boleh mempunyai

1299
01:05:49,260 --> 01:05:50,670
dilakukan sendiri.

1300
01:05:50,670 --> 01:05:55,620
Jadi saya boleh meninggalkan yang kepada anda tetapi hanya
mengatakan bahawa jika anda melihat penggunaan di memohon maaf,

1301
01:05:55,620 --> 01:06:02,110
maka ia mengambil mesej yang anda
dikemukakan untuk memohon maaf, dan kemudian ia

1302
01:06:02,110 --> 01:06:06,570
menyebabkan mesej itu.

1303
01:06:06,570 --> 01:06:08,240
Apa-apa soalan lagi?

1304
01:06:08,240 --> 01:06:08,710
Saya suka soalan.

1305
01:06:08,710 --> 01:06:09,555
Jadi memastikan mereka akan datang.

1306
01:06:09,555 --> 01:06:11,888
>> PENONTON: [didengar]

1307
01:06:11,888 --> 01:06:13,840
echo atau cetak di sana?

1308
01:06:13,840 --> 01:06:15,900
>> ZAMYLA CHAN: Soalan ini adalah,
boleh kita bukan sahaja telah meletakkan

1309
01:06:15,900 --> 01:06:17,000
echo atau cetak di sana.

1310
01:06:17,000 --> 01:06:19,710
Jadi yang akan telah melakukan sesuatu yang
sedikit berbeza.

1311
01:06:19,710 --> 01:06:23,750
Yang akan dicetak pertanyaan
gagal ke dalam itu -

1312
01:06:23,750 --> 01:06:27,420
baik, sekarang, kita sebenarnya
dalam pengawal kami.

1313
01:06:27,420 --> 01:06:30,350
Oleh itu, kita tidak benar-benar mempunyai
HTML ditubuhkan di sini.

1314
01:06:30,350 --> 01:06:34,946
Meminta maaf dengan menjadikan apologize.php
sebenarnya pelencongan anda untuk 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
>> Jadi sekarang, mari kita pergi untuk menangani
soalan daripada awal tentang apa yang

1318
01:06:45,880 --> 01:06:47,330
benar-benar adalah baris.

1319
01:06:47,330 --> 01:06:51,960
Nah, pertanyaan akan kembali
pelbagai baris.

1320
01:06:51,960 --> 01:06:55,020
Dan setiap baris diwakili
oleh pelbagai bersekutu.

1321
01:06:55,020 --> 01:07:02,840
Jadi, jika saya telah dilaksanakan beberapa SQL query dan
Saya disimpan hasil dalam baris, maka

1322
01:07:02,840 --> 01:07:07,850
menggunakan gelung foreach, maka array
nama adalah yang pertama di sana - baris.

1323
01:07:07,850 --> 01:07:13,170
Dan kemudian saya akan memanggil
setiap baris di sana $ baris.

1324
01:07:13,170 --> 01:07:20,060
>> Jadi iterating lebih itu, saya boleh kemudian
mengakses ruangan nama barisan yang diberikan itu,

1325
01:07:20,060 --> 01:07:22,340
ruangan tahun, dan ruangan rumah.

1326
01:07:22,340 --> 01:07:28,010
Perhatikan bahawa saya tidak akan dapat
melakukan ini dengan baris, kerana baris indeks

1327
01:07:28,010 --> 01:07:29,290
nama tidak wujud.

1328
01:07:29,290 --> 01:07:31,970
Baris hanya pelbagai
array bersekutu.

1329
01:07:31,970 --> 01:07:34,870
Jadi anda mempunyai dua tingkat di situ.

1330
01:07:34,870 --> 01:07:37,170
Setelah anda mempunyai pelbagai baris,
anda perlu masuk ke dalam itu.

1331
01:07:37,170 --> 01:07:39,110
Dan kemudian anda boleh mengakses ruangan.

1332
01:07:39,110 --> 01:07:41,636
Adakah yang menjadikan ia jelas?

1333
01:07:41,636 --> 01:07:42,520
Ya, di hadapan?

1334
01:07:42,520 --> 01:07:45,490
>> PENONTON: [didengar] membuka
kurungan untuk [didengar]?

1335
01:07:45,490 --> 01:07:46,220
>> ZAMYLA CHAN: Maafkan saya?

1336
01:07:46,220 --> 01:07:49,740
>> PENONTON: The kurungan terbuka.

1337
01:07:49,740 --> 01:07:52,420
>> ZAMYLA CHAN: Ini di sini?

1338
01:07:52,420 --> 01:07:58,520
Itu membenarkan saya untuk memasukkan
berubah-ubah itu.

1339
01:07:58,520 --> 01:07:58,670
Yeah.

1340
01:07:58,670 --> 01:08:01,900
>> PENONTON: Apabila anda mencetak, adakah anda
percetakan kepada kod HTML?

1341
01:08:01,900 --> 01:08:03,110
>> ZAMYLA CHAN: Ya.

1342
01:08:03,110 --> 01:08:07,720
Apabila saya mencetak, ini di sini adalah di dalam
template saya sekarang, jadi

1343
01:08:07,720 --> 01:08:10,310
pandangan saya kaedah MVC.

1344
01:08:10,310 --> 01:08:12,750
Jadi saya mencetak ke dalam HTML.

1345
01:08:12,750 --> 01:08:16,670
>> PENONTON: Jadi, jika kita pergi ke pemaju
alat selepas berjalan ini, kita boleh

1346
01:08:16,670 --> 01:08:17,160
yang benar-benar dalam kod?

1347
01:08:17,160 --> 01:08:18,410
>> ZAMYLA CHAN: Itu yang besar
soalan, ya.

1348
01:08:18,410 --> 01:08:22,359
Jadi, jika anda pergi ke dalam alat pemaju
dalam Firefox menggunakan Firebug atau

1349
01:08:22,359 --> 01:08:26,109
Chrome, maka ya, anda boleh
melihat HTML tertentu.

1350
01:08:26,109 --> 01:08:28,470
Jadi ia tidak akan menunjukkan $ baris ["Nama"].

1351
01:08:28,470 --> 01:08:32,524
Ini akan menunjukkan yang mana
Nama berturut-turut itu.

1352
01:08:32,524 --> 01:08:36,268
>> PENONTON: Hanya isu umum,
apa adalah tr dan td ditakrifkan sebagai?

1353
01:08:36,268 --> 01:08:37,672
Mengapa kita [didengar]?

1354
01:08:37,672 --> 01:08:41,850

1355
01:08:41,850 --> 01:08:44,814
>> ZAMYLA CHAN: baris jadual tr,
jadual kemudian td lajur.

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
>> PENONTON: Ya, ia adalah data jadual.

1360
01:08:56,835 --> 01:08:58,770
>> ZAMYLA CHAN: data Jadual.

1361
01:08:58,770 --> 01:08:59,894
Yeah.

1362
01:08:59,894 --> 01:09:08,670
>> PENONTON: Ia berturut-turut di mana
berturut-turut dianggap seperti tiang?

1363
01:09:08,670 --> 01:09:08,910
>> ZAMYLA CHAN: Maaf.

1364
01:09:08,910 --> 01:09:10,570
Bolehkah anda mengulangi itu?

1365
01:09:10,570 --> 01:09:14,450
>> PENONTON: Bagaimana anda
menggambarkan baris?

1366
01:09:14,450 --> 01:09:16,310
>> ZAMYLA CHAN: Bagaimana anda menggambarkan
baris dalam apa jenis cara?

1367
01:09:16,310 --> 01:09:21,796
Adakah anda bercakap mengenai
baris sini atau tr baris?

1368
01:09:21,796 --> 01:09:22,630
>> PENONTON: Deretan.

1369
01:09:22,630 --> 01:09:25,229
>> ZAMYLA CHAN: Ini baris di sini?

1370
01:09:25,229 --> 01:09:28,620
Saya menggambarkan ini sebagai
Saya melaksanakan pertanyaan saya.

1371
01:09:28,620 --> 01:09:38,729
Dan ia berkata, OK, saya mempunyai sama ada 0 hingga n
jumlah baris yang sepadan dengan kriteria

1372
01:09:38,729 --> 01:09:40,510
yang anda telah disoal.

1373
01:09:40,510 --> 01:09:43,740
Jadi saya mempunyai beberapa beberapa baris.

1374
01:09:43,740 --> 01:09:51,450
Jadi baris, yang $ baris, kedai-kedai setiap
salah seorang daripada mereka baris dalam array.

1375
01:09:51,450 --> 01:09:58,110
Jadi, walaupun ia hanya satu daripada mereka, ia
masih pelbagai baris yang sepadan dengan ia.

1376
01:09:58,110 --> 01:10:03,010
>> Jadi kemudian, misalnya, ini adalah
sama dengan apabila anda diambil

1377
01:10:03,010 --> 01:10:05,390
cache daripada pengguna.

1378
01:10:05,390 --> 01:10:10,810
Dan kriteria terdapat di mana
ID sama ID sesi.

1379
01:10:10,810 --> 01:10:14,250
Terdapat benar-benar hanya adalah satu baris
yang boleh menandingi.

1380
01:10:14,250 --> 01:10:18,960
Tetapi masih baris sahaja pulang satu baris.

1381
01:10:18,960 --> 01:10:22,620
Jadi, anda akan perlu pergi ke baris,
Isi 0, cache indeks

1382
01:10:22,620 --> 01:10:26,195
sebenarnya dapat cache anda.

1383
01:10:26,195 --> 01:10:29,650
>> PENONTON: Apakah fungsi cetak
dalam echo perkara yang sama?

1384
01:10:29,650 --> 01:10:30,670
>> ZAMYLA CHAN: Ya.

1385
01:10:30,670 --> 01:10:31,190
Ya.

1386
01:10:31,190 --> 01:10:33,304
Cetak gema yang sama.

1387
01:10:33,304 --> 01:10:42,400
>> PENONTON: Apakah loop foreach itu
satunya cara untuk indeks ke dalam baris?

1388
01:10:42,400 --> 01:10:46,110
>> ZAMYLA CHAN: Apakah gelung foreach
satu-satunya cara yang anda boleh

1389
01:10:46,110 --> 01:10:47,030
melelar melalui baris?

1390
01:10:47,030 --> 01:10:47,180
No

1391
01:10:47,180 --> 01:10:51,000
Anda juga boleh menggunakan untuk gelung, dengan syarat
anda tahu panjang

1392
01:10:51,000 --> 01:10:53,024
array berturut-turut itu.

1393
01:10:53,024 --> 01:10:58,500
>> PENONTON: Bolehkah anda mengaksesnya
menggunakan berturut-turut sebagai [didengar]?

1394
01:10:58,500 --> 01:11:01,640
>> ZAMYLA CHAN: Jadi anda tidak boleh mengaksesnya
hanya menggunakan baris jika anda tidak mempunyai

1395
01:11:01,640 --> 01:11:05,160
loop foreach syarat
anda tidak diisytiharkan baris.

1396
01:11:05,160 --> 01:11:08,150

1397
01:11:08,150 --> 01:11:09,660
Ya.

1398
01:11:09,660 --> 01:11:10,810
Ya, dalam putih.

1399
01:11:10,810 --> 01:11:13,990
>> PENONTON: Jadi, apa yang tr dan td lakukan?

1400
01:11:13,990 --> 01:11:16,790
>> ZAMYLA CHAN: Jadi tr dan
td tag HTML.

1401
01:11:16,790 --> 01:11:19,590
tr menunjukkan permulaan
daripada baris jadual.

1402
01:11:19,590 --> 01:11:26,625
Dan setiap td menunjukkan
jadual baru ruangan data.

1403
01:11:26,625 --> 01:11:32,275
>> PENONTON: Untuk visual apa yang berturut-turut
adalah seperti, bayangkan SQL, bagaimana

1404
01:11:32,275 --> 01:11:33,510
mereka mempunyai berturut-turut.

1405
01:11:33,510 --> 01:11:35,980
[Didengar].

1406
01:11:35,980 --> 01:11:36,390
>> ZAMYLA CHAN: Yeah.

1407
01:11:36,390 --> 01:11:37,630
Itu merupakan titik besar.

1408
01:11:37,630 --> 01:11:41,510
Anda boleh menggambarkan baris dan hanya
seperti dalam jadual Excel, hanya

1409
01:11:41,510 --> 01:11:44,540
senarai baris.

1410
01:11:44,540 --> 01:11:46,870
OK.

1411
01:11:46,870 --> 01:11:47,230
Baiklah.

1412
01:11:47,230 --> 01:11:50,740
Jadi sekarang kita telah pergi lebih memilih, jika
tidak ada apa-apa soalan lagi, kita akan

1413
01:11:50,740 --> 01:11:52,970
pergi lebih ke memasukkan.

1414
01:11:52,970 --> 01:11:58,220
Jadi, jika saya mahu memasukkan ke dalam beberapa
meja dan memasukkan ruangan tertentu

1415
01:11:58,220 --> 01:12:02,320
nilai, saya boleh memasukkan diri saya
ke Ravenclaw dalam tahun 7.

1416
01:12:02,320 --> 01:12:07,245
Tetapi kadang-kadang mungkin terdapat dua salinan
nilai-nilai, seperti yang kita lihat dalam pset7 apabila kita

1417
01:12:07,245 --> 01:12:09,240
telah mengemaskini portfolio kami.

1418
01:12:09,240 --> 01:12:15,610
>> Jadi dalam kes ini, kita mahu menggunakan ON
PENDUA UPDATE PENTING, supaya kita tidak

1419
01:12:15,610 --> 01:12:18,280
menyimpan pelbagai baris dengan yang sama
menghargai tetapi mengemaskinikannya.

1420
01:12:18,280 --> 01:12:21,780

1421
01:12:21,780 --> 01:12:25,560
Maka kita sebenarnya mempunyai kemas kini,
yang tidak memasukkan satu.

1422
01:12:25,560 --> 01:12:30,100
Ia hanya satu pengemaskinian di mana anda mengemas kini
dalam jadual tertentu dengan yang diberikan

1423
01:12:30,100 --> 01:12:34,403
kriteria dan kemudian, akhirnya, memadam,
yang melakukan perkara yang sama.

1424
01:12:34,403 --> 01:12:40,200
>> PENONTON: Bolehkah anda secara ringkas
pergi ke kunci pendua?

1425
01:12:40,200 --> 01:12:40,850
>> ZAMYLA CHAN: Yeah.

1426
01:12:40,850 --> 01:12:48,340
Pada dasarnya di sini, saya mempunyai INSERT INTO
gringotts, adalah, galleons, nilai-nilai.

1427
01:12:48,340 --> 01:12:56,900
Tetapi ID, mungkin, adalah kunci yang unik
nilai ditubuhkan pada MySQL jadual.

1428
01:12:56,900 --> 01:13:06,750
Jadi jika saya sudah mempunyai ID yang ditubuhkan,
maka saya tidak boleh memasukkan baris baru.

1429
01:13:06,750 --> 01:13:10,961
Jadi, jika ia tidak wujud pun,
maka saya perlu mengemaskinikannya.

1430
01:13:10,961 --> 01:13:16,040

1431
01:13:16,040 --> 01:13:17,722
Di tengah-tengah berwarna putih itu.

1432
01:13:17,722 --> 01:13:21,570
>> PENONTON: Jadi memasukkan, mengemaskini, memadam,
dan pilih, adalah mereka semua ada

1433
01:13:21,570 --> 01:13:22,875
tempatan [didengar]?

1434
01:13:22,875 --> 01:13:27,320

1435
01:13:27,320 --> 01:13:29,630
>> ZAMYLA CHAN: Jadi memasukkan,
mengemas kini, memadam, dan

1436
01:13:29,630 --> 01:13:31,120
pilih semua pertanyaan SQL.

1437
01:13:31,120 --> 01:13:34,970
Jadi, setiap kali anda menggunakan SQL,
anda akan mempunyai orang-orang yang ada.

1438
01:13:34,970 --> 01:13:38,226

1439
01:13:38,226 --> 01:13:40,706
>> PENONTON: Kembali kepada kuiz yang lepas -

1440
01:13:40,706 --> 01:13:44,178
terdapat satu soalan yang diuruskan
jika anda mempunyai satu jadual dan mahu

1441
01:13:44,178 --> 01:13:52,610
memasukkan skor ujian dalam satu dan anda memasukkan
nama anda supaya ia tidak akan membiarkan anda

1442
01:13:52,610 --> 01:13:54,594
[Didengar] skor ujian rakan anda.

1443
01:13:54,594 --> 01:13:59,060
Bagaimana anda akan melakukannya dengan memasukkan?

1444
01:13:59,060 --> 01:14:02,490
>> ZAMYLA CHAN: Jadi soalan adalah kira-kira
soalan pertengahan penggal sebelumnya.

1445
01:14:02,490 --> 01:14:04,320
Saya tidak sedar yang
satu ia sekarang.

1446
01:14:04,320 --> 01:14:06,790
Jadi mungkin selepas itu, jika anda mahu
datang dan menunjukkan kepada saya, maka saya boleh

1447
01:14:06,790 --> 01:14:08,155
pasti memberikan tips.

1448
01:14:08,155 --> 01:14:11,250

1449
01:14:11,250 --> 01:14:15,460
Tetapi bercakap memasukkan perkara, seperti
mengambil Perincian seseorang apabila anda

1450
01:14:15,460 --> 01:14:18,800
tidak, mari kita bercakap tentang
Serangan suntikan SQL.

1451
01:14:18,800 --> 01:14:22,050
Jadi serangan suntikan SQL pada dasarnya
di mana seseorang mengambil

1452
01:14:22,050 --> 01:14:27,680
kesempatan daripada keselamatan yang rendah yang
cara yang anda mengambil data.

1453
01:14:27,680 --> 01:14:35,660
>> Jadi di sini, seperti dalam kewangan CS50,
apabila kita log masuk, kita boleh memasukkan dalam

1454
01:14:35,660 --> 01:14:39,510
nama pengguna dalam laman log masuk yang,
kotak teks yang pertama, dan

1455
01:14:39,510 --> 01:14:41,570
kemudian masukkan dalam kata laluan.

1456
01:14:41,570 --> 01:14:45,610
Mungkin kod PHP kita mungkin kelihatan
sesuatu seperti ini, di mana $ nama pengguna

1457
01:14:45,610 --> 01:14:51,410
adalah nama pengguna pasca-data dan kata laluan
adalah kata laluan selepas data.

1458
01:14:51,410 --> 01:14:55,110
Dan kemudian kita hanya melaksanakan pertanyaan kita, katakan,
OK, baik, pertanyaan kita akan

1459
01:14:55,110 --> 01:14:57,990
pilih daripada pengguna kami, di mana
nama pengguna adalah

1460
01:14:57,990 --> 01:14:58,970
salah satu yang mereka dikemukakan.

1461
01:14:58,970 --> 01:15:06,870
Dan kata laluan adalah kata laluan,
bermakna kata laluan sepadan.

1462
01:15:06,870 --> 01:15:12,670
>> Sekarang, bagaimana jika bukan sebenarnya
mengemukakan kata laluan sebenar, seperti

1463
01:15:12,670 --> 01:15:16,850
12345 dan meneka di serampang yang mengatakan
kata laluan dan cuba untuk hack mereka

1464
01:15:16,850 --> 01:15:21,460
akaun, bagaimana jika sebaliknya
mereka dikemukakan ini.

1465
01:15:21,460 --> 01:15:24,380
Mereka boleh taip mungkin
meneka di kata laluan.

1466
01:15:24,380 --> 01:15:30,480
Dan kemudian mereka akan menamatkan
quote kemudian taip atau 1 = 1.

1467
01:15:30,480 --> 01:15:35,160
Itu langkah anda terus ke dalam SQL
query untuk kelihatan seperti ini.

1468
01:15:35,160 --> 01:15:38,200
Pilih daripada pengguna di mana nama pengguna
= Matlamat serampang dan kata laluan

1469
01:15:38,200 --> 01:15:41,450
sama teratai atau 1 = 1.

1470
01:15:41,450 --> 01:15:45,450
>> Jadi, sama ada kata laluan yang mempunyai
sebagai betul atau 1 = 1,

1471
01:15:45,450 --> 01:15:47,870
yang selalunya benar.

1472
01:15:47,870 --> 01:15:52,780
Jadi dalam kes ini, pada dasarnya, pengguna boleh
mengambil kesempatan ini dan hanya layari

1473
01:15:52,780 --> 01:15:55,240
diri mereka di dalam dan di hack
akaun seseorang.

1474
01:15:55,240 --> 01:15:58,950
Jadi itulah sebabnya kita mahu mengelakkan
seseorang mempunyai untuk melakukan ini.

1475
01:15:58,950 --> 01:16:03,890
Tetapi bernasib baik, fungsi pertanyaan oleh
lulus dalam ruang letak akan mengambil

1476
01:16:03,890 --> 01:16:04,800
menjaga ini untuk anda.

1477
01:16:04,800 --> 01:16:08,570
Juga, anda akan biasanya tidak mahu
untuk benar-benar mengemukakan kata laluan

1478
01:16:08,570 --> 01:16:09,310
diri mereka sendiri.

1479
01:16:09,310 --> 01:16:14,115
Itulah sebabnya kita dicincang atau disulitkan
mereka dalam kewangan CS50.

1480
01:16:14,115 --> 01:16:17,553
>> PENONTON: Kuiz lalu bercakap
mengenai tali melarikan diri MySQL.

1481
01:16:17,553 --> 01:16:21,800
Adakah kita perlu bimbang tentang itu?

1482
01:16:21,800 --> 01:16:22,670
>> ZAMYLA CHAN: Itu merupakan soalan yang baik.

1483
01:16:22,670 --> 01:16:29,050
Tali melarikan diri MySQL pastinya
fungsi yang digunakan dalam pertanyaan kami.

1484
01:16:29,050 --> 01:16:30,420
Tetapi pasti melihat ke dalam itu.

1485
01:16:30,420 --> 01:16:32,950
Saya mengatakan bahawa adalah permainan yang adil untuk mengetahui
yang anda perlukan untuk memanggil bahawa

1486
01:16:32,950 --> 01:16:34,370
berfungsi pada tali.

1487
01:16:34,370 --> 01:16:35,245
Ya, Belinda?

1488
01:16:35,245 --> 01:16:38,606
>> PENONTON: Bagaimana anda tahu apabila ia
petikan tunggal atau sebut harga dua kali?

1489
01:16:38,606 --> 01:16:43,516
Dan juga, saya rasa seperti dalam syarahan anda
sebut sesuatu tentang tidak mempunyai

1490
01:16:43,516 --> 01:16:48,426
yang [didengar] atau sesuatu atau
petikan tunggal kedua pada akhir.

1491
01:16:48,426 --> 01:16:56,407

1492
01:16:56,407 --> 01:17:00,825
Saya fikir dia menegaskan dalam kuliah yang
anda sepatutnya mempunyai apostrofe 1

1493
01:17:00,825 --> 01:17:04,290
dan kemudian tidak mempunyai apostrofi
atau sesuatu.

1494
01:17:04,290 --> 01:17:05,540
>> PENONTON: [didengar].

1495
01:17:05,540 --> 01:17:14,860

1496
01:17:14,860 --> 01:17:18,657
>> PENONTON: Masalahnya tunggal yang lalu
quote di sana pada kotak kedua

1497
01:17:18,657 --> 01:17:19,391
tidak berada di sana.

1498
01:17:19,391 --> 01:17:21,840
[Didengar]

1499
01:17:21,840 --> 01:17:26,730
Kerana apabila anda mengambil yang tunggal lepas
memetik keluar dan memadankannya untuk kandungan

1500
01:17:26,730 --> 01:17:30,522
di mana kata laluan adalah, jika anda mempunyai yang
pertanyaan, terdapat petikan tunggal di

1501
01:17:30,522 --> 01:17:31,340
akhir sudah.

1502
01:17:31,340 --> 01:17:36,580
Anda mahu menggunakan bahawa petikan tunggal
sebagai salah satu yang berhadapan yang

1503
01:17:36,580 --> 01:17:37,574
[Didengar].

1504
01:17:37,574 --> 01:17:42,820
Jadi apa sebenarnya dalam teks yang
kotak tidak perlu itu.

1505
01:17:42,820 --> 01:17:44,070
>> ZAMYLA CHAN: Saya akan mengubah itu.

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
Jika tidak ada apa-apa soalan, maka saya akan
memindahkannya kepada Yusuf untuk bercakap

1509
01:18:00,435 --> 01:18:04,332
kira-kira JavaScript, dan sebagainya.

1510
01:18:04,332 --> 01:18:09,540
>> [Tepuk tangan]

1511
01:18:09,540 --> 01:18:11,660
>> JOSEPH ONG: Oleh itu, kita menjalankan
sedikit di belakang.

1512
01:18:11,660 --> 01:18:13,280
Jadi, jika anda perlu meninggalkan, itu OK.

1513
01:18:13,280 --> 01:18:16,540
Tetapi kami meminta anda menyimpan kepala anda ke bawah
jika anda di tengah-tengah, jadi anda

1514
01:18:16,540 --> 01:18:19,560
tidak menghalang kamera dan anda menggunakan
keluar belakang jika anda perlu.

1515
01:18:19,560 --> 01:18:25,010

1516
01:18:25,010 --> 01:18:26,306
Saya Yusuf dengan cara itu.

1517
01:18:26,306 --> 01:18:27,556
Hi.

1518
01:18:27,556 --> 01:18:37,910

1519
01:18:37,910 --> 01:18:38,630
Ujian, ujian.

1520
01:18:38,630 --> 01:18:39,630
Dan, adalah bahawa yang baik?

1521
01:18:39,630 --> 01:18:40,880
Sejuk.

1522
01:18:40,880 --> 01:18:44,460

1523
01:18:44,460 --> 01:18:47,600
>> Jadi video itu juga akan mencatatkan
dalam talian bagi mereka yang

1524
01:18:47,600 --> 01:18:48,850
terpaksa pergi sekarang.

1525
01:18:48,850 --> 01:18:51,350

1526
01:18:51,350 --> 01:18:52,600
Janggal.

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
Jadi kajian kuiz.

1530
01:18:59,730 --> 01:19:00,980
Ini adalah kucing.

1531
01:19:00,980 --> 01:19:03,150

1532
01:19:03,150 --> 01:19:07,170
Sekarang, JavaScript, yang mungkin tidak
sebagai aww bagi sebahagian dari kamu lelaki.

1533
01:19:07,170 --> 01:19:07,370
OK.

1534
01:19:07,370 --> 01:19:09,280
Jadi, itu pertama, ingat dari Zamyla.

1535
01:19:09,280 --> 01:19:11,270
Ingat bahawa PHP adalah
berjalan pada pelayan.

1536
01:19:11,270 --> 01:19:15,230
Dan banyak kali, kamu semua menulis gelung
dalam PHP untuk mencetak HTML, bukan?

1537
01:19:15,230 --> 01:19:19,170
Jadi sekali kod yang melaksanakan, yang
Output HTML yang anda mencetak

1538
01:19:19,170 --> 01:19:20,500
akan dihantar kepada pengguna.

1539
01:19:20,500 --> 01:19:25,960
Dan sekali yang berlaku, tidak lebih PHP boleh
dijalankan, melainkan jika anda memuatkan semula halaman, daripada

1540
01:19:25,960 --> 01:19:27,660
Sudah tentu, yang reexecutes PHP.

1541
01:19:27,660 --> 01:19:30,080
Tetapi apabila anda mencetak HTML yang,
anda tidak boleh pergi mana-mana.

1542
01:19:30,080 --> 01:19:33,580
>> Jadi HTML yang dihantar kepada pengguna,
yang adalah pelayar di sini, di mana

1543
01:19:33,580 --> 01:19:35,470
Milo menggunakan komputer.

1544
01:19:35,470 --> 01:19:40,340
Dan dengan baik, ada beberapa perkara yang
sebaik sahaja kami menghantar HTML untuk pengguna.

1545
01:19:40,340 --> 01:19:43,350
Kadang-kadang kita mahu melakukan sesuatu seperti
apabila anda klik pada sesuatu, kita mahu

1546
01:19:43,350 --> 01:19:47,350
kotak amaran muncul, orang-orang macam
interaksi, seperti apabila anda menekan

1547
01:19:47,350 --> 01:19:50,740
utama, apabila anda klik sesuatu di
halaman, saya mahu sesuatu yang berlaku.

1548
01:19:50,740 --> 01:19:54,550
Nah, anda tidak boleh reexecute PHP
kod sekali HTML yang ditetapkan.

1549
01:19:54,550 --> 01:19:55,900
Jadi bagaimana anda melakukan ini?

1550
01:19:55,900 --> 01:19:59,930
>> Kami memperkenalkan bahasa baru dipanggil
JavaScript, yang berlangsung dalam pelayar

1551
01:19:59,930 --> 01:20:02,890
yang membolehkan anda untuk melakukan perkara-perkara
untuk HTML selepas anda menerima

1552
01:20:02,890 --> 01:20:04,020
mereka dari pelayan.

1553
01:20:04,020 --> 01:20:07,050
Dan ini adalah mengapa kita panggil ia satu pelanggan-sampingan
bahasa pengaturcaraan.

1554
01:20:07,050 --> 01:20:09,110
Ia berfungsi pada komputer anda -

1555
01:20:09,110 --> 01:20:11,400
pelanggan.

1556
01:20:11,400 --> 01:20:13,830
Apa-apa soalan tentang itu setakat ini?

1557
01:20:13,830 --> 01:20:15,650
Paradigma yang masuk akal kepada rakyat?

1558
01:20:15,650 --> 01:20:16,010
OK.

1559
01:20:16,010 --> 01:20:16,790
Baik.

1560
01:20:16,790 --> 01:20:17,340
Baiklah.

1561
01:20:17,340 --> 01:20:20,850
Jadi perkara pertama yang perlu ambil perhatian
adalah JavaScript bukan PHP.

1562
01:20:20,850 --> 01:20:23,010
>> Mereka mempunyai beberapa sintaks yang berbeza,
yang kita akan pergi ke dalam.

1563
01:20:23,010 --> 01:20:24,530
Dan mereka mempunyai kegunaan yang sangat berbeza.

1564
01:20:24,530 --> 01:20:26,640
JavaScript, sekali lagi, untuk anda
penyemak imbas, untuk pelanggan.

1565
01:20:26,640 --> 01:20:30,640
Server berjalan di suatu tempat di orang lain
komputer yang menghantar maklumat

1566
01:20:30,640 --> 01:20:31,720
kepada anda, betul?

1567
01:20:31,720 --> 01:20:36,730
Jadi, jika kami meminta anda untuk menulis kod PHP
pada soalan peperiksaan, tidak menulis

1568
01:20:36,730 --> 01:20:38,710
JavaScript dan sebaliknya.

1569
01:20:38,710 --> 01:20:41,710
Anda hanya akan kehilangan mata,
dan ia tidak akan betul.

1570
01:20:41,710 --> 01:20:43,690
>> Jadi mari kita masuk ke beberapa
perbezaan sintaksis -

1571
01:20:43,690 --> 01:20:46,140
JavaScript di sebelah kiri
dan PHP di sebelah kanan.

1572
01:20:46,140 --> 01:20:48,670
Perkara pertama yang anda akan notis dengan
JavaScript, kita mengisytiharkan pembolehubah dengan

1573
01:20:48,670 --> 01:20:49,440
kata kunci var -

1574
01:20:49,440 --> 01:20:53,590
V-A-R. PHP digunakan tanda dolar,
sebagai Zamyla dibincangkan sebelum ini.

1575
01:20:53,590 --> 01:20:57,570
Jika anda mahu mengaku bersekutu satu
pelbagai, kita lihat sintaks biasa di

1576
01:20:57,570 --> 01:20:59,030
sebelah kanan dengan PHP.

1577
01:20:59,030 --> 01:21:01,630
Di sebelah kiri, dan bukannya
anda menggunakan pendakap kerinting.

1578
01:21:01,630 --> 01:21:03,280
Dan kemudian kunci anda adalah di sebelah kiri.

1579
01:21:03,280 --> 01:21:04,670
Kemudian anda mempunyai tanda bertindih.

1580
01:21:04,670 --> 01:21:06,560
Dan kemudian anda mempunyai nilai-nilai
yang anda mahu.

1581
01:21:06,560 --> 01:21:09,840
>> Jadi ini adalah bagaimana anda akan melakukannya dalam PHP
di sebelah kanan dengan kedua yang

1582
01:21:09,840 --> 01:21:10,955
talian yang bermula pada Milo.

1583
01:21:10,955 --> 01:21:14,540
Dan itu adalah bagaimana anda akan melakukannya pada
meninggalkan sampingan JavaScript jika anda mahu

1584
01:21:14,540 --> 01:21:16,110
apa yang kita panggil objek.

1585
01:21:16,110 --> 01:21:19,340
Dan objek dalam JavaScript adalah
hanya array bersekutu.

1586
01:21:19,340 --> 01:21:23,710
Jadi, jika anda mahu untuk mengakses bidang,
PHP anda menggunakan sintaks kurungan ini.

1587
01:21:23,710 --> 01:21:27,170
Dan cara ini, anda boleh menyerahhakkan semula
ini bidang pemilik untuk Lauren.

1588
01:21:27,170 --> 01:21:30,150
>> Nah, dalam JavaScript, jika seseorang mahu
mengakses bidang dan mengubahnya, anda boleh

1589
01:21:30,150 --> 01:21:31,370
menggunakan sintaks titik.

1590
01:21:31,370 --> 01:21:33,860
Anda juga boleh menggunakan sintaks pendakap.

1591
01:21:33,860 --> 01:21:35,550
Tetapi anda tidak boleh menggunakan
dot sintaks dalam PHP.

1592
01:21:35,550 --> 01:21:36,525
Itu tidak akan berfungsi.

1593
01:21:36,525 --> 01:21:38,910
Ia hanya berfungsi dalam PHP.

1594
01:21:38,910 --> 01:21:42,060
Dan akhirnya, untuk mencetak perkara kepada
konsol, anda menggunakan console.log, yang

1595
01:21:42,060 --> 01:21:43,720
anda semua menggunakan banyak dalam pset8.

1596
01:21:43,720 --> 01:21:45,260
Anda boleh console.log itu.

1597
01:21:45,260 --> 01:21:50,030
>> Jika anda ingin mencetak satu pameran di
PHP, anda perlu menggunakan cetak r.

1598
01:21:50,030 --> 01:21:53,240
Dan di sebelah kanan, anda lihat i hash
string dinamika di sana.

1599
01:21:53,240 --> 01:21:54,070
Seseorang bertanya lebih awal.

1600
01:21:54,070 --> 01:21:55,850
Saya menggunakan ditambah dalam JavaScript.

1601
01:21:55,850 --> 01:21:59,800
Jika saya ingin concatenate sesuatu
dalam PHP, saya menggunakan titik.

1602
01:21:59,800 --> 01:22:00,800
Ini adalah berbeza.

1603
01:22:00,800 --> 01:22:03,420
Jika anda menulis kod PHP,
tidak menggunakan ditambah.

1604
01:22:03,420 --> 01:22:06,810
Jika anda menulis JavaScript
kod, tidak menulis titik.

1605
01:22:06,810 --> 01:22:08,230
Ia akan menjadi salah.

1606
01:22:08,230 --> 01:22:09,640
Dan anda akan menjadi sedih.

1607
01:22:09,640 --> 01:22:11,000
>> Perbezaan Jadi sintaksis.

1608
01:22:11,000 --> 01:22:14,710
Tahu sintaks anda, kerana jika anda perlu
menulis soalan dan anda menggunakan sintaks

1609
01:22:14,710 --> 01:22:16,890
dari bahasa yang salah,
ia tidak akan berfungsi.

1610
01:22:16,890 --> 01:22:19,520
Dan ia akan menjadi salah.

1611
01:22:19,520 --> 01:22:22,420
Jadi mari kita bercakap tentang beberapa kawalan
mengalir perbezaan, bagaimana anda menggunakan

1612
01:22:22,420 --> 01:22:24,040
gelung dalam setiap daripada mereka.

1613
01:22:24,040 --> 01:22:26,610
Zamyla pergi ke sebelah kanan.

1614
01:22:26,610 --> 01:22:27,780
Barangan di sebelah kanan
harus biasa.

1615
01:22:27,780 --> 01:22:29,670
Mari kita lihat di sebelah kiri.

1616
01:22:29,670 --> 01:22:34,830
>> Apabila anda menggunakan untuk n gelung dalam JavaScript,
gelung pembolehubah anda, var i di sana,

1617
01:22:34,830 --> 01:22:37,210
gelung lebih kunci array.

1618
01:22:37,210 --> 01:22:39,150
Jadi anda lihat nama, rumah, dan peranan.

1619
01:22:39,150 --> 01:22:42,440
Jika saya console.log i, saya mendapat
nama, rumah, dan peranan.

1620
01:22:42,440 --> 01:22:44,720
Mereka adalah kunci.

1621
01:22:44,720 --> 01:22:50,080
Dalam JavaScript, gelung foreach pergi
berbanding nilai array ini.

1622
01:22:50,080 --> 01:22:52,040
Jadi anda notis mereka kedua-dua i.

1623
01:22:52,040 --> 01:22:56,000
Tetapi di sini di sebelah PHP, ia mencetak
keluar Milo, CS50, dan Maskot.

1624
01:22:56,000 --> 01:22:57,390
Mereka adalah nilai-nilai dalam PHP.

1625
01:22:57,390 --> 01:23:00,180
>> Jadi ini adalah bagaimana kedua-dua adalah berbeza
dalam bahasa-bahasa berbeza.

1626
01:23:00,180 --> 01:23:02,970
Jadi, jika anda menggunakan foreach yang
gelung, jangan menganggap bahawa ia

1627
01:23:02,970 --> 01:23:03,760
memberi anda kunci.

1628
01:23:03,760 --> 01:23:08,010
Dan jika anda menggunakan untuk n gelung, tidak
menganggap ia memberi anda nilai.

1629
01:23:08,010 --> 01:23:10,420
Adakah ini masuk akal setakat ini?

1630
01:23:10,420 --> 01:23:13,630
Slaid seterusnya akan menunjukkan kepada anda
bagaimana anda boleh mengakses sebaliknya pada

1631
01:23:13,630 --> 01:23:15,160
setiap daripada mereka.

1632
01:23:15,160 --> 01:23:18,550
>> Nah, jika anda mempunyai kunci dalam JavaScript
dan anda mahu nilai keluar,

1633
01:23:18,550 --> 01:23:20,440
anda hanya indeks ke dalam
pelbagai dengan itu.

1634
01:23:20,440 --> 01:23:23,640
Jadi Milo i akan mendapatkan apa yang
anda mahu - nilai.

1635
01:23:23,640 --> 01:23:25,260
Ada sintaks ini berbeza dalam PHP.

1636
01:23:25,260 --> 01:23:28,140
Jika anda benar-benar ingin tahu, saya tidak
rasa kita telah menunjukkannya kepada anda lagi.

1637
01:23:28,140 --> 01:23:31,740
Tetapi jika anda berminat, anda boleh menggunakan
sintaks tambahan ini di sebelah kanan

1638
01:23:31,740 --> 01:23:35,130
sampingan yang benar-benar akan membiarkan anda mendapat
kunci dalam PHP apabila anda menggunakan

1639
01:23:35,130 --> 01:23:35,880
loop foreach.

1640
01:23:35,880 --> 01:23:39,640
Jadi hanya sedikit perkara remeh
jika anda berminat.

1641
01:23:39,640 --> 01:23:42,630
>> Jadi itu hanya untuk menunjukkan
Perbezaan antara kedua-dua gelung.

1642
01:23:42,630 --> 01:23:47,060
Jangan campuran mereka apabila anda
pengaturcaraan soalan.

1643
01:23:47,060 --> 01:23:49,774
Apa-apa soalan tentang itu.

1644
01:23:49,774 --> 01:23:50,770
Sejuk.

1645
01:23:50,770 --> 01:23:51,310
Baiklah.

1646
01:23:51,310 --> 01:23:52,250
JavaScript objek.

1647
01:23:52,250 --> 01:23:53,040
Saya bercakap tentang mereka.

1648
01:23:53,040 --> 01:23:54,650
Mereka seperti array bersekutu.

1649
01:23:54,650 --> 01:23:57,730
Satu perkara yang saya ingin anda untuk ambil perhatian
di sini ialah satu nilai yang bersekutu satu

1650
01:23:57,730 --> 01:23:59,540
array boleh menjadi apa-apa dalam JavaScript.

1651
01:23:59,540 --> 01:24:02,240
>> Ia juga dapat menjadi fungsi,
seperti di sana.

1652
01:24:02,240 --> 01:24:04,600
Saya mempunyai fungsi yang
adalah nilai kunci.

1653
01:24:04,600 --> 01:24:07,030
Dan jika saya mahu panggil fungsi itu,
Saya hanya mengakses kulit.

1654
01:24:07,030 --> 01:24:08,490
Dan kemudian saya meletakkan kurungan
selepas itu.

1655
01:24:08,490 --> 01:24:09,790
Dan yang bekerja.

1656
01:24:09,790 --> 01:24:15,570
Jadi apa-apa soalan?

1657
01:24:15,570 --> 01:24:16,370
Tidak?

1658
01:24:16,370 --> 01:24:16,650
OK.

1659
01:24:16,650 --> 01:24:18,190
Baik.

1660
01:24:18,190 --> 01:24:20,130
JavaScript, seperti PHP,
adalah longgar ditaip.

1661
01:24:20,130 --> 01:24:20,970
Apa maksudnya?

1662
01:24:20,970 --> 01:24:22,380
>> Ia mempunyai jenis.

1663
01:24:22,380 --> 01:24:24,800
Tetapi apabila anda mengisytiharkan JavaScript
berubah-ubah, yang kamu katakan var i.

1664
01:24:24,800 --> 01:24:25,850
Anda tidak mengatakan ia.

1665
01:24:25,850 --> 01:24:26,460
Itu bukan apa-apa.

1666
01:24:26,460 --> 01:24:28,000
Anda hanya mengatakan ia pembolehubah.

1667
01:24:28,000 --> 01:24:31,590
Dan kemudian JavaScript akan mengendalikan
jenis di bawah hud untuk anda.

1668
01:24:31,590 --> 01:24:34,390
Kita bebas boleh menukar antara
jenis kerana ini.

1669
01:24:34,390 --> 01:24:37,360
Jadi saya bermula sebagai nombor
dalam kes ini.

1670
01:24:37,360 --> 01:24:38,790
Dan kemudian saya mempunyai rentetan.

1671
01:24:38,790 --> 01:24:39,710
Dan saya menambah i kepadanya.

1672
01:24:39,710 --> 01:24:41,810
Dan saya memberi semula kembali ke dalam i.

1673
01:24:41,810 --> 01:24:43,640
>> Sebagainya yang baris pertama,
i adalah bilangan.

1674
01:24:43,640 --> 01:24:47,310
Pada baris kedua, saya kini menjadi
rentetan selepas saya melakukan penugasan semula itu.

1675
01:24:47,310 --> 01:24:52,820
Dan di sini, saya hanya concatenating
jumlah itu ke tali.

1676
01:24:52,820 --> 01:24:56,210
Jadi anda lihat bahawa walaupun i adalah seorang
integer di bahagian pertama, ia jenis

1677
01:24:56,210 --> 01:24:58,500
daripada seperti yang ditukar kepada
tali dan kemudian ditambah

1678
01:24:58,500 --> 01:25:00,510
sebiji tali khabar.

1679
01:25:00,510 --> 01:25:02,340
Dan jadi itulah yang saya maksudkan
oleh menaip longgar.

1680
01:25:02,340 --> 01:25:04,760
Itulah yang anda menukar antara
jenis sangat mudah.

1681
01:25:04,760 --> 01:25:08,840
Dan ia tidak membuang amaran
pada anda suka C tidak.

1682
01:25:08,840 --> 01:25:12,420
>> Jadi saya kini mengandungi hello
123 untuk tali.

1683
01:25:12,420 --> 01:25:13,270
Seterusnya.

1684
01:25:13,270 --> 01:25:15,610
Kami boleh juga bebas membandingkan
antara jenis.

1685
01:25:15,610 --> 01:25:19,310
Jadi jika anda hanya menggunakan ==, amat
seperti di PHP, JavaScript

1686
01:25:19,310 --> 01:25:20,480
melakukan perkara yang sama.

1687
01:25:20,480 --> 01:25:24,780
Rentetan 123 adalah sama seperti bilangan
123 apabila anda menggunakan setaraf berganda.

1688
01:25:24,780 --> 01:25:27,820
Apabila digunakan setaraf tiga, ia juga
mahu memastikan bahawa

1689
01:25:27,820 --> 01:25:29,240
jenis yang sama.

1690
01:25:29,240 --> 01:25:31,960
Jadi kerana itu adalah rentetan dan yang
beberapa, walaupun mereka berdua

1691
01:25:31,960 --> 01:25:35,280
123, apabila anda menggunakan tiga
sama, anda akan mendapat palsu.

1692
01:25:35,280 --> 01:25:39,330
Dalam dua kali ganda sama kes, anda akan mendapat benar,
kerana setaraf dua tidak

1693
01:25:39,330 --> 01:25:40,020
mengambil berat tentang jenis.

1694
01:25:40,020 --> 01:25:42,500
Setaraf Triple tidak mengambil berat tentang jenis.

1695
01:25:42,500 --> 01:25:43,750
Soalan?

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
>> Dan satu lagi perkara mengenai JavaScript
skop adalah jenis global melainkan jika anda

1699
01:25:52,870 --> 01:25:53,460
dalam satu majlis.

1700
01:25:53,460 --> 01:25:55,660
Dan ia berfungsi yang sama
cara dalam PHP sebenarnya.

1701
01:25:55,660 --> 01:25:57,500
Jadi mari kita pergi melalui contoh ini.

1702
01:25:57,500 --> 01:25:59,110
Saya menetapkan untuk i 999.

1703
01:25:59,110 --> 01:26:00,900
Dan kemudian saya pergi ke ini untuk gelung.

1704
01:26:00,900 --> 01:26:06,110
Jadi jika saya mencetak i di dalam ini untuk
gelung, saya menjangkakan 0, 1, 2, 3, 4.

1705
01:26:06,110 --> 01:26:07,390
Saya dapat i = 4.

1706
01:26:07,390 --> 01:26:10,770
Ia akan menambahkan i sekarang untuk 5 pada
akhir untuk gelung.

1707
01:26:10,770 --> 01:26:13,300
Dan kemudian ia meletus gelung,
kerana ia tidak memenuhi

1708
01:26:13,300 --> 01:26:14,550
keadaan lagi.

1709
01:26:14,550 --> 01:26:16,650
>> Apa yang anda fikir yang seterusnya
console.log akan paparkan?

1710
01:26:16,650 --> 01:26:20,570

1711
01:26:20,570 --> 01:26:24,790
Jadi itulah yang ia akan lakukan dalam C. C,
kerana jika anda mempunyai seperti var i di luar

1712
01:26:24,790 --> 01:26:28,855
dan anda mempunyai var i di dalam gelung, seperti
untuk gelung, maka ia menjadikannya seperti yang

1713
01:26:28,855 --> 01:26:30,690
ia scoped bahawa kedua-dua
i ini adalah berbeza.

1714
01:26:30,690 --> 01:26:34,630
Dalam JavaScript, ia akan hanya
merawat sebagai i yang sama.

1715
01:26:34,630 --> 01:26:37,870
Saya mendapat 5, kerana itu adalah nilai
selepas ia keluar daripada gelung.

1716
01:26:37,870 --> 01:26:39,120
Maka orang-orang i adalah i yang sama.

1717
01:26:39,120 --> 01:26:42,620

1718
01:26:42,620 --> 01:26:44,130
Adakah ini masuk akal?

1719
01:26:44,130 --> 01:26:45,720
>> Nah, ia masuk akal dari
sudut pandangan JavaScript.

1720
01:26:45,720 --> 01:26:49,510
Tetapi paradigma yang sama tidak
membawa kepada C. Mereka mempunyai

1721
01:26:49,510 --> 01:26:50,310
peraturan skop yang berbeza.

1722
01:26:50,310 --> 01:26:50,630
Ya.

1723
01:26:50,630 --> 01:26:52,566
>> PENONTON: [didengar]

1724
01:26:52,566 --> 01:26:54,990
di luar fungsi [didengar]?

1725
01:26:54,990 --> 01:26:58,340
>> JOSEPH ONG: Jadi di luar yang berfungsi?

1726
01:26:58,340 --> 01:27:00,810
Jadi saya akan sampai ke dalam hanya satu saat.

1727
01:27:00,810 --> 01:27:02,580
Jadi kita panggil foo (i).

1728
01:27:02,580 --> 01:27:06,920
Ini pas i ke foo, kenaikan gaji
, dan kemudian log ia.

1729
01:27:06,920 --> 01:27:07,750
Jadi ia adalah 5.

1730
01:27:07,750 --> 01:27:09,210
Jadi ia menjadi 6.

1731
01:27:09,210 --> 01:27:11,670
Tetapi apa yang saya bercakap tentang adalah
bahawa saya dalam fungsi itu.

1732
01:27:11,670 --> 01:27:14,430
Kerana ia adalah parameter, ia
scoped dengan fungsi itu.

1733
01:27:14,430 --> 01:27:17,800
Jadi sekali saya benar-benar keluar dari yang
fungsi, ia kini akan pergi

1734
01:27:17,800 --> 01:27:19,860
kembali ke i lama.

1735
01:27:19,860 --> 01:27:23,000
Bahawa saya hanya scoped kerana
ia dalam satu majlis.

1736
01:27:23,000 --> 01:27:24,200
Dan kita mempunyai skop dan fungsi.

1737
01:27:24,200 --> 01:27:29,080
Tetapi kita tidak mempunyai skop di luar
fungsi dalam JavaScript.

1738
01:27:29,080 --> 01:27:31,170
Adakah ini masuk akal?

1739
01:27:31,170 --> 01:27:31,320
Ya.

1740
01:27:31,320 --> 01:27:31,660
Soalan.

1741
01:27:31,660 --> 01:27:34,030
>> PENONTON: Sama [didengar]?

1742
01:27:34,030 --> 01:27:34,500
>> JOSEPH ONG: Jadi yeah.

1743
01:27:34,500 --> 01:27:36,260
Dalam PHP, ia jenis yang sama perkara.

1744
01:27:36,260 --> 01:27:37,680
Ada kehalusan sedikit sebenarnya.

1745
01:27:37,680 --> 01:27:40,130
Tetapi, anda boleh bertanya kepada saya kira-kira
bahawa selepas kajian semula.

1746
01:27:40,130 --> 01:27:43,930
Anda tidak benar-benar perlu tahu
yang kehalusan untuk kuiz.

1747
01:27:43,930 --> 01:27:47,600
Untuk tujuan dan maksud, seperti
pembolehubah, global dan PHP, melainkan jika

1748
01:27:47,600 --> 01:27:49,150
mereka berada dalam satu majlis, sama
perkara dalam JavaScript.

1749
01:27:49,150 --> 01:27:49,480
Ya.

1750
01:27:49,480 --> 01:27:52,890
>> PENONTON: Mengapa ini dibenarkan dalam
JavaScript dan tidak di mana lagi?

1751
01:27:52,890 --> 01:27:55,010
>> JOSEPH ONG: Jadi mengapa dibenarkan
dalam JavaScript dan tidak dalam C?

1752
01:27:55,010 --> 01:27:58,180
Ia hanya sesiapa yang datang dengan
JavaScript memutuskan bahawa ini adalah OK dalam

1753
01:27:58,180 --> 01:27:59,510
JavaScript.

1754
01:27:59,510 --> 01:28:02,430
Jadi ia hanya seperti bahasa pengaturcaraan
konvensyen seperti yang kita katakan.

1755
01:28:02,430 --> 01:28:02,580
Ya.

1756
01:28:02,580 --> 01:28:04,480
>> PENONTON: Jadi mengapa tidak
ia pergi 6-5?

1757
01:28:04,480 --> 01:28:08,280
>> JOSEPH ONG: Jadi ia pergi 6-5,
kerana apabila saya lulus i ke foo, yang

1758
01:28:08,280 --> 01:28:13,420
i dalam foo kini scoped untuk foo,
kerana skop wujud dalam fungsi dalam

1759
01:28:13,420 --> 01:28:15,050
JavaScript.

1760
01:28:15,050 --> 01:28:18,720
Tetapi apabila saya keluar dari sini, kerana ia
telah scoped untuk majlis itu, saya hanya

1761
01:28:18,720 --> 01:28:24,300
menggunakan i tetap yang berada di dalam
seluruh aliran kawalan.

1762
01:28:24,300 --> 01:28:25,210
Masuk akal?

1763
01:28:25,210 --> 01:28:26,910
Bolehkah saya bergerak?

1764
01:28:26,910 --> 01:28:27,320
Baiklah.

1765
01:28:27,320 --> 01:28:29,180
Sejuk.

1766
01:28:29,180 --> 01:28:31,890
>> Penerimaan ini adalah objek
diluluskan dengan merujuk.

1767
01:28:31,890 --> 01:28:33,990
Anda tahu bagaimana apabila anda meninggal
pelbagai ke dalam C anda boleh

1768
01:28:33,990 --> 01:28:35,810
sebenarnya mengubah suai pelbagai?

1769
01:28:35,810 --> 01:28:37,350
Ia adalah perkara yang sama dalam JavaScript.

1770
01:28:37,350 --> 01:28:42,960
Jika saya lulus objek, dalam kes ini, saya
diluluskan Milo ke dalam fungsi catify ini.

1771
01:28:42,960 --> 01:28:44,490
Milo bermula.

1772
01:28:44,490 --> 01:28:46,310
Namanya ialah Milo Pisang.

1773
01:28:46,310 --> 01:28:51,670
Saya lulus objek itu ke dalam satu majlis
kerana ia adalah satu objek, bersekutu satu

1774
01:28:51,670 --> 01:28:53,730
array dalam JavaScript.

1775
01:28:53,730 --> 01:28:57,110
>> Apabila saya melakukan pembedahan
dalam fungsi itu, ia akan

1776
01:28:57,110 --> 01:28:58,560
benar-benar mengubah objek.

1777
01:28:58,560 --> 01:29:01,720
Jadi ini hanya akan berlaku untuk objek
dalam JavaScript, hanya suka ia berlaku

1778
01:29:01,720 --> 01:29:09,230
untuk tatasusunan dalam nama C. Jadi Milo
benar-benar akan menjadi kucing sekarang.

1779
01:29:09,230 --> 01:29:10,090
Adakah ini masuk akal?

1780
01:29:10,090 --> 01:29:11,840
Jadi ini hanya berfungsi untuk objek.

1781
01:29:11,840 --> 01:29:13,090
Objek yang diluluskan oleh rujukan.

1782
01:29:13,090 --> 01:29:13,400
Ya.

1783
01:29:13,400 --> 01:29:16,850
>> PENONTON: Jadi anda mengatakan bahawa
berbeza dengan pembolehubah i.

1784
01:29:16,850 --> 01:29:17,240
>> JOSEPH ONG: Yeah.

1785
01:29:17,240 --> 01:29:20,330
Yang berubah-ubah i hanya
nombor, betul?

1786
01:29:20,330 --> 01:29:25,280
Ia seperti di C apabila anda lulus
integer, ia membuat satu salinan.

1787
01:29:25,280 --> 01:29:28,130
Dan apabila anda meninggal array, ia sebenarnya
perubahan array sebenar dalam

1788
01:29:28,130 --> 01:29:32,870
C. Perkara yang sama berlaku dengan
JavaScript dalam kes ini.

1789
01:29:32,870 --> 01:29:34,070
Baiklah.

1790
01:29:34,070 --> 01:29:38,134
Dan seterusnya, Milo menyedihkan kerana
dia kini kucing.

1791
01:29:38,134 --> 01:29:40,790

1792
01:29:40,790 --> 01:29:45,060
Itulah sebenarnya Milo selepas
beberapa perjalanan ke doktor haiwan.

1793
01:29:45,060 --> 01:29:46,860
>> Jadi bagaimana kita menggunakan JavaScript
di laman web?

1794
01:29:46,860 --> 01:29:47,790
Dapat kami masukkan.

1795
01:29:47,790 --> 01:29:50,090
Ini adalah kod HTML dengan tag jalur.

1796
01:29:50,090 --> 01:29:51,300
Jadi saya mempunyai tag jalur sana.

1797
01:29:51,300 --> 01:29:54,820
Dan kemudian saya meletakkan beberapa JavaScript
kod dalam tag skrip.

1798
01:29:54,820 --> 01:29:56,390
Dan kemudian ia akan melakukan ini.

1799
01:29:56,390 --> 01:29:58,830
Apabila saya hanya melakukannya seperti ini, ia
dipanggil JavaScript sebaris.

1800
01:29:58,830 --> 01:30:02,400
Ia adalah jenis kemas, kerana
JavaScript sebenarnya dalam HTML.

1801
01:30:02,400 --> 01:30:07,010
>> Satu cara yang lebih baik untuk melakukan ini, jauh lebih bagus,
adalah untuk menulis anda JavaScript dalam

1802
01:30:07,010 --> 01:30:10,920
fail luaran dan kemudian menyediakan
tag skrip dengan sumber.

1803
01:30:10,920 --> 01:30:14,920
Dan ini akan pergi ke fail JavaScript
dan membaca kod JavaScript dari

1804
01:30:14,920 --> 01:30:15,960
yang memfailkan sebaliknya.

1805
01:30:15,960 --> 01:30:18,820
Dan dengan cara ini, anda tidak mempunyai banyak
JavaScript pada permulaan anda

1806
01:30:18,820 --> 01:30:20,760
Fail HTML, yang menjadikan
ia benar-benar tidak kemas.

1807
01:30:20,760 --> 01:30:21,860
Anda hanya meletakkan ia di tempat lain.

1808
01:30:21,860 --> 01:30:24,310
Dan kemudian ia akan membacanya dari sana.

1809
01:30:24,310 --> 01:30:25,560
Adakah yang masuk akal?

1810
01:30:25,560 --> 01:30:27,990

1811
01:30:27,990 --> 01:30:29,640
>> Perkara penempatan.

1812
01:30:29,640 --> 01:30:32,620
Dalam kes ini, yang
skrip di hadapan badan.

1813
01:30:32,620 --> 01:30:36,090
Oleh itu, apabila saya melaksanakan itu, ada
apa-apa dalam badan yet.

1814
01:30:36,090 --> 01:30:39,920
Mungkin ini akan membuat lebih sedikit
rasa apabila saya menunjukkan bahagian selanjutnya.

1815
01:30:39,920 --> 01:30:43,210
Dalam kes ini, skrip
datang selepas div itu.

1816
01:30:43,210 --> 01:30:46,620
Jadi div sebenarnya muncul
pada halaman pertama.

1817
01:30:46,620 --> 01:30:49,470
Di sini di bulatan ini merah kecil,
anda lihat teks muncul.

1818
01:30:49,470 --> 01:30:51,810
Dan kemudian amaran yang muncul.

1819
01:30:51,810 --> 01:30:54,890
>> Dalam kes pertama, kerana skrip
sebelum div itu,

1820
01:30:54,890 --> 01:30:56,170
amaran muncul pertama.

1821
01:30:56,170 --> 01:30:59,250
Dan kemudian div menunjukkan selepas
anda menolak kotak.

1822
01:30:59,250 --> 01:31:01,330
Jadi pelaksanaan perkara-perkara.

1823
01:31:01,330 --> 01:31:02,290
Oleh itu, kita akan menyimpan ini dalam minda.

1824
01:31:02,290 --> 01:31:03,640
Ini akan menjadi penting
dalam sedikit.

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
Dengan baik, bagaimana anda menunggu sehingga
seluruh halaman dimuatkan kemudian sebelum anda

1828
01:31:12,750 --> 01:31:13,580
melaksanakan beberapa kod?

1829
01:31:13,580 --> 01:31:15,540
Kami akan masuk ke dalam ini sedikit
sedikit kemudian juga.

1830
01:31:15,540 --> 01:31:19,016
Tetapi hanya menyimpan penempatan ini
perkara-perkara dalam fikiran apabila kita

1831
01:31:19,016 --> 01:31:20,570
datang ke slaid yang lain.

1832
01:31:20,570 --> 01:31:22,030
>> Jadi kita dapat DOM sekarang.

1833
01:31:22,030 --> 01:31:23,550
Dan apa yang DOM?

1834
01:31:23,550 --> 01:31:26,830
Jadi jika anda melihat kod HTML, ia hanya
sekumpulan teks pada skrin.

1835
01:31:26,830 --> 01:31:30,560
Jadi bagaimana JavaScript tahu bahawa
ini adalah elemen HTML?

1836
01:31:30,560 --> 01:31:33,410
Oleh itu, kita perlu mempunyai beberapa memori
perwakilan ini

1837
01:31:33,410 --> 01:31:34,930
struktur yang kita ada.

1838
01:31:34,930 --> 01:31:40,240
Dan setiap kali kita mempunyai ini dalam ingatan
perwakilan dalam JavaScript, kita panggil

1839
01:31:40,240 --> 01:31:41,750
bahawa DOM.

1840
01:31:41,750 --> 01:31:45,130
Dan ia hanya satu cara yang orang memutuskan
bahawa kita harus mewakili ini

1841
01:31:45,130 --> 01:31:46,400
Struktur HTML sebagai.

1842
01:31:46,400 --> 01:31:47,940
>> Dan apakah DOM ini kelihatan seperti?

1843
01:31:47,940 --> 01:31:50,460
Nah, dalam perwakilan ingatan,
kami mengambil teks ini.

1844
01:31:50,460 --> 01:31:52,870
Dan kami mengubahnya menjadi memori
perwakilan.

1845
01:31:52,870 --> 01:31:54,400
Jadi ini adalah HTML.

1846
01:31:54,400 --> 01:31:58,090
Jadi kita mula-mula mengetahui bahawa setiap
Pokok DOM mempunyai dokumen.

1847
01:31:58,090 --> 01:31:59,400
Ia kelihatan seperti pokok.

1848
01:31:59,400 --> 01:32:03,550
Dan dokumen itu mengandungi HTML
tag, sebenarnya segala-galanya

1849
01:32:03,550 --> 01:32:05,150
dalam ini sekarang.

1850
01:32:05,150 --> 01:32:06,970
Tag HTML mempunyai dua orang anak.

1851
01:32:06,970 --> 01:32:08,630
Ia mempunyai kepala.

1852
01:32:08,630 --> 01:32:12,380
Kepala itu, jika anda melihat penggunaan di lekukan
di sana bagaimana ia berstruktur

1853
01:32:12,380 --> 01:32:14,960
antara tag penutup,
kepala mempunyai kanak-kanak.

1854
01:32:14,960 --> 01:32:17,130
Anak itu adalah tajuk.

1855
01:32:17,130 --> 01:32:18,370
Tepat sekali.

1856
01:32:18,370 --> 01:32:21,000
>> Sekarang, kita mempunyai anak badan.

1857
01:32:21,000 --> 01:32:24,870
Dan kemudian badan yang mempunyai
anak dipanggil keluarga.

1858
01:32:24,870 --> 01:32:27,950
Dan keluarga yang mempunyai tiga orang anak -

1859
01:32:27,950 --> 01:32:29,550
tertua, tengah, dan bongsu.

1860
01:32:29,550 --> 01:32:31,960
Jadi, anda perlu tahu bagaimana untuk menarik gambarajah
seperti ini apabila kami meminta anda bagaimana

1861
01:32:31,960 --> 01:32:34,270
untuk menarik gambarajah apabila kita memberi
anda HTML di sebelah kiri.

1862
01:32:34,270 --> 01:32:36,350
Tahu bagaimana untuk menghasilkan pokok DOM itu.

1863
01:32:36,350 --> 01:32:38,930
Dan di dalam perkara-perkara ini, terdapat hanya
teks, yang saya telah diwakili

1864
01:32:38,930 --> 01:32:40,180
kotak sedikit.

1865
01:32:40,180 --> 01:32:42,750

1866
01:32:42,750 --> 01:32:47,980
>> Adakah struktur pokok DOM ini membuat
rasa dan apa DOM itu?

1867
01:32:47,980 --> 01:32:49,300
Jadi apakah p stand for?

1868
01:32:49,300 --> 01:32:51,850
Di sini, p di sana
dalam tag yang mewakili

1869
01:32:51,850 --> 01:32:54,510
perenggan tag dalam HTML.

1870
01:32:54,510 --> 01:32:57,080
Jadi, anda boleh melihat ia.

1871
01:32:57,080 --> 01:32:59,290
Tetapi ia hanya bermakna ia adalah beberapa
ruang untuk teks.

1872
01:32:59,290 --> 01:33:02,910
Dan ia mempunyai beberapa lalai CSS gaya,
kerana ia adalah satu tag perenggan.

1873
01:33:02,910 --> 01:33:05,130
Tetapi tidak benar-benar bimbang tentang
bahagian itu terlalu banyak.

1874
01:33:05,130 --> 01:33:07,510
Hanya tahu ia pemegang tempat yang
untuk beberapa teks.

1875
01:33:07,510 --> 01:33:08,480
Ya.

1876
01:33:08,480 --> 01:33:10,200
Soalan?

1877
01:33:10,200 --> 01:33:11,021
Ya.

1878
01:33:11,021 --> 01:33:12,374
>> PENONTON: Anda hanya disebut CSS.

1879
01:33:12,374 --> 01:33:15,492
Keluarga dan hash hash
semua barangan yang pada dasarnya

1880
01:33:15,492 --> 01:33:17,400
mewakili ID dalam CSS?

1881
01:33:17,400 --> 01:33:18,440
>> JOSEPH ONG: Ya, betul-betul.

1882
01:33:18,440 --> 01:33:20,380
Saya akan mendapat apa Hash ini
bermakna dalam satu saat.

1883
01:33:20,380 --> 01:33:23,480
Apabila Angela pergi ke CSS, dia
bercakap tentang selectors CSS.

1884
01:33:23,480 --> 01:33:26,770
Ini adalah pemilih CSS yang
dia bercakap tentang.

1885
01:33:26,770 --> 01:33:28,268
Ya, Rob?

1886
01:33:28,268 --> 01:33:32,060
>> ROB Bowden: Saya juga akan mengulas
DOM yang di dalam tag tajuk

1887
01:33:32,060 --> 01:33:35,385
juga merupakan nod teks.

1888
01:33:35,385 --> 01:33:36,070
>> JOSEPH ONG: Betul.

1889
01:33:36,070 --> 01:33:38,370
Jadi di dalam tag tajuk,
Saya mempunyai beberapa DOM teks.

1890
01:33:38,370 --> 01:33:42,730
Jadi benar-benar, tajuk ini harus mempunyai seperti
kotak kecil datang kira juga.

1891
01:33:42,730 --> 01:33:45,740
Tetapi ia benar-benar perkara
terlalu banyak dalam kes ini.

1892
01:33:45,740 --> 01:33:49,620
Kami tidak benar-benar mengambil berat tentang nod teks,
seperti yang kita memanggil mereka, terlalu banyak.

1893
01:33:49,620 --> 01:33:50,270
OK, kita lakukan.

1894
01:33:50,270 --> 01:33:51,520
Rupa-rupanya, kita lakukan.

1895
01:33:51,520 --> 01:33:54,260

1896
01:33:54,260 --> 01:33:57,100
Dan saya akan menetapkan bahawa apabila
Saya upload lagi.

1897
01:33:57,100 --> 01:33:59,830
Adakah ini masuk akal?

1898
01:33:59,830 --> 01:34:01,160
>> Jadi bagaimana kita bekerjasama dengan DOM?

1899
01:34:01,160 --> 01:34:03,790
Apabila anda berurusan dengan DOM dalam
JavaScript, terdapat dua langkah.

1900
01:34:03,790 --> 01:34:05,030
Anda pilih elemen DOM.

1901
01:34:05,030 --> 01:34:06,580
Dan kemudian anda melakukan perkara-perkara kepadanya.

1902
01:34:06,580 --> 01:34:11,480
Jadi dalam kes ini, secara abstrak, saya telah
dipilih unsur tengah.

1903
01:34:11,480 --> 01:34:14,530
Dan kemudian satu contoh melakukan barangan
kepadanya akan mengubah teks.

1904
01:34:14,530 --> 01:34:16,020
Yang digunakan untuk menjadi Bob.

1905
01:34:16,020 --> 01:34:19,930
Kini, apa yang saya lakukan kepadanya adalah saya berubah
Bob untuk Milo dalam kes ini.

1906
01:34:19,930 --> 01:34:22,130
>> Jadi bagaimana kita sebenarnya melakukan ini?

1907
01:34:22,130 --> 01:34:23,440
Bagaimana kita melakukan pemilihan tersebut?

1908
01:34:23,440 --> 01:34:26,560
Dan bagaimana kita melakukan barangan untuk
perkara yang sebaik sahaja kami telah mengambil ia?

1909
01:34:26,560 --> 01:34:30,470
Nah, cara anda lelaki telah belajar
di dalam kelas ini adalah dengan menggunakan sesuatu yang kita

1910
01:34:30,470 --> 01:34:32,420
dipanggil jQuery.

1911
01:34:32,420 --> 01:34:33,910
Jadi apa jQuery?

1912
01:34:33,910 --> 01:34:37,220
jQuery adalah perpustakaan yang membuat
JavaScript lebih mudah untuk menulis.

1913
01:34:37,220 --> 01:34:39,500
Jadi seseorang mengambil masa yang
dan menulis jQuery.

1914
01:34:39,500 --> 01:34:41,530
>> jQuery sebenarnya ditulis
dalam JavaScript.

1915
01:34:41,530 --> 01:34:44,550
Dan kemudian kerana mereka melakukan ini, kami kini
mempunyai sejumlah besar fungsi-fungsi yang

1916
01:34:44,550 --> 01:34:46,020
kita boleh menggunakan yang membuat kita
hidup benar-benar mudah.

1917
01:34:46,020 --> 01:34:48,580

1918
01:34:48,580 --> 01:34:50,030
Jadi apakah beberapa
perkara ia?

1919
01:34:50,030 --> 01:34:51,650
Ia membuat memilih unsur-unsur lebih mudah.

1920
01:34:51,650 --> 01:34:54,020
Ia membuat perubahan HTML,
menambah kelas lebih mudah.

1921
01:34:54,020 --> 01:34:55,360
Ia membuat Ajax lebih mudah.

1922
01:34:55,360 --> 01:34:58,230
Kami akan sampai ke dalam satu saat.

1923
01:34:58,230 --> 01:35:00,630
>> Dan ia seakan-perpustakaan C.

1924
01:35:00,630 --> 01:35:03,090
Jadi anda termasuk string.h,
anda mendapatkan strlen.

1925
01:35:03,090 --> 01:35:04,680
Anda mendapatkan strcpy, semua perkara-perkara ini.

1926
01:35:04,680 --> 01:35:09,650
Apabila anda termasuk jQuery, anda mendapat bagus
cara-cara untuk memilih elemen perubahan

1927
01:35:09,650 --> 01:35:10,390
perkara, dan sebagainya.

1928
01:35:10,390 --> 01:35:12,990
Anda mendapat fungsi tambahan yang
JavaScript tidak memberi anda.

1929
01:35:12,990 --> 01:35:15,310
Jadi jQuery tidak JavaScript.

1930
01:35:15,310 --> 01:35:18,660
jQuery adalah perpustakaan yang ditulis dalam
JavaScript yang menjadikan JavaScript

1931
01:35:18,660 --> 01:35:20,440
lebih mudah untuk menulis.

1932
01:35:20,440 --> 01:35:23,170
>> Jadi jQuery bukan pengaturcaraan
bahasa.

1933
01:35:23,170 --> 01:35:24,540
Tetapi JavaScript.

1934
01:35:24,540 --> 01:35:27,420

1935
01:35:27,420 --> 01:35:27,590
membuat.

1936
01:35:27,590 --> 01:35:30,420
Pasti anda mendapatkan istilah anda betul.

1937
01:35:30,420 --> 01:35:32,490
Apa-apa soalan?

1938
01:35:32,490 --> 01:35:33,882
Ya.

1939
01:35:33,882 --> 01:35:35,132
Adakah itu satu soalan?

1940
01:35:35,132 --> 01:35:37,910

1941
01:35:37,910 --> 01:35:38,350
Baiklah.

1942
01:35:38,350 --> 01:35:40,080
Jadi bagaimana anda menggunakan jQuery?

1943
01:35:40,080 --> 01:35:42,390
Nah, apabila anda menulis beberapa
JavaScript kod dan anda masukkan

1944
01:35:42,390 --> 01:35:45,570
jQuery di bahagian atas fail anda sebagai
fail skrip, anda menggunakan tanda dolar

1945
01:35:45,570 --> 01:35:47,310
sekarang untuk mendapatkan akses kepada jQuery.

1946
01:35:47,310 --> 01:35:49,860
Dan ini adalah berbeza daripada
tanda dolar dalam PHP.

1947
01:35:49,860 --> 01:35:51,590
>> Ia simbol yang sama anda
menaip pada papan kekunci anda.

1948
01:35:51,590 --> 01:35:52,780
Tetapi mereka membawa maksud yang sangat berbeza.

1949
01:35:52,780 --> 01:35:56,090
Tanda dolar dalam PHP bermakna ini
adalah bagaimana saya mengisytiharkan pemboleh ubah.

1950
01:35:56,090 --> 01:35:59,120
Dalam JavaScript, apabila anda telah dimasukkan
jQuery, ia bermaksud jQuery.

1951
01:35:59,120 --> 01:36:01,280
Jadi menyimpan bahawa dalam fikiran.

1952
01:36:01,280 --> 01:36:03,420
Jadi bagaimana kita boleh memilih elemen DOM?

1953
01:36:03,420 --> 01:36:06,500
Nah, apabila anda melakukannya JavaScript hodoh
cara, anda mengakses

1954
01:36:06,500 --> 01:36:08,240
dokumen ubah global.

1955
01:36:08,240 --> 01:36:11,170
Dan kemudian anda mendapatkan unsur oleh keluarga ID.

1956
01:36:11,170 --> 01:36:15,270
Ini benar-benar panjang dan panjang lebar
dan tidak begitu bagus.

1957
01:36:15,270 --> 01:36:18,190
>> Atau anda boleh mendapatkan semua elemen
yang p tag.

1958
01:36:18,190 --> 01:36:20,080
Bahawa kerja-kerja terlalu dalam JavaScript.

1959
01:36:20,080 --> 01:36:22,470
Tetapi kita tidak pernah benar-benar menunjukkan
anda sintaks yang terlalu banyak.

1960
01:36:22,470 --> 01:36:24,620
Apa yang kita menunjukkan anda adalah jQuery.

1961
01:36:24,620 --> 01:36:28,720
Supaya seluruh pemilih di sana yang
Ini dinyatakan dalam JavaScript hanya mendapat

1962
01:36:28,720 --> 01:36:33,320
pekat kepada dolar yang sangat bagus ini
menandatangani keluarga hashtag.

1963
01:36:33,320 --> 01:36:38,480
Dan $ p, hanya di mana ia seperti itu.

1964
01:36:38,480 --> 01:36:41,690
Jika anda ingin untuk memilih semua p tag
di dalam sebuah keluarga, kita meletakkan ruang yang

1965
01:36:41,690 --> 01:36:42,890
antara kedua-dua.

1966
01:36:42,890 --> 01:36:44,815
Dan kini, kita semua p
tag di dalam sebuah keluarga.

1967
01:36:44,815 --> 01:36:48,740

1968
01:36:48,740 --> 01:36:50,380
>> Dan kelihatan biasa?

1969
01:36:50,380 --> 01:36:52,880
Nah, Angela bercakap tentang
Selectors CSS.

1970
01:36:52,880 --> 01:36:54,200
Berikan saya satu saat.

1971
01:36:54,200 --> 01:36:57,230
Dan sebagainya untuk memilih unsur,
anda hanya menggunakan perkara yang sama seperti anda

1972
01:36:57,230 --> 01:36:58,530
akan melakukan dengan pemilih CSS.

1973
01:36:58,530 --> 01:37:00,910
Jika anda meletakkan hash di hadapan
itu, ia memilih oleh ID.

1974
01:37:00,910 --> 01:37:02,220
Dot A memilih oleh kelas.

1975
01:37:02,220 --> 01:37:06,230
Jika anda hanya mempunyai perkara tanpa
Hash atau titik, ia memilih yang tag.

1976
01:37:06,230 --> 01:37:07,140
Soalan.

1977
01:37:07,140 --> 01:37:07,470
Ya?

1978
01:37:07,470 --> 01:37:11,510
>> PENONTON: Apabila kita menggunakan titik di kami
HTML, adalah bahawa tidak jQuery?

1979
01:37:11,510 --> 01:37:13,520
>> JOSEPH ONG: Dot dalam HTML kami
adalah satu perkara yang JavaScript.

1980
01:37:13,520 --> 01:37:14,750
Ia bukan satu perkara yang jQuery.

1981
01:37:14,750 --> 01:37:17,620
Cara anda semua belajar dengan
jQuery adalah untuk digunakan. html.

1982
01:37:17,620 --> 01:37:21,510
Dan kemudian anda menyampaikannya apa sahaja
HTML itu akan menjadi.

1983
01:37:21,510 --> 01:37:23,480
Jadi saya akan mendapat bahawa hanya dalam
kedua sebenarnya.

1984
01:37:23,480 --> 01:37:27,800
Jadi bagaimana kita melakukan barangan kepada unsur
sebaik sahaja kami pilih ia?

1985
01:37:27,800 --> 01:37:30,130
Jadi, itu satu contoh
memilih unsur.

1986
01:37:30,130 --> 01:37:32,280
Jadi sekarang, kita mahu melakukan barangan kepadanya.

1987
01:37:32,280 --> 01:37:35,730
>> Jadi dalam kes ini, saya kembali
ke slaid sebelumnya.

1988
01:37:35,730 --> 01:37:37,360
Ia adalah Bob sebelum ini.

1989
01:37:37,360 --> 01:37:40,660
Dan saya mahu menukar yang
di dalam HTML untuk Milo.

1990
01:37:40,660 --> 01:37:43,240
Jadi saya menyeru fungsi HTML
daripada elemen.

1991
01:37:43,240 --> 01:37:45,580
Bahawa fungsi HTML
kaedah unsur.

1992
01:37:45,580 --> 01:37:47,430
Dan kemudian saya memberikan apa
Saya mahu HTML untuk menjadi.

1993
01:37:47,430 --> 01:37:50,560
Dan ia hanya menggantikan apa yang di dalam satu
bahawa tag dengan apa yang saya berikan.

1994
01:37:50,560 --> 01:37:50,830
Ya.

1995
01:37:50,830 --> 01:37:51,170
Soalan?

1996
01:37:51,170 --> 01:37:57,397
>> PENONTON: hashtag ini digunakan
hanya yang jQuery.

1997
01:37:57,397 --> 01:37:59,313
[Didengar]

1998
01:37:59,313 --> 01:38:01,230
kita tidak akan menggunakan itu.

1999
01:38:01,230 --> 01:38:01,960
>> JOSEPH ONG: Ya, betul-betul.

2000
01:38:01,960 --> 01:38:03,750
Tetapi jangan risau
JavaScript mengenai tulen.

2001
01:38:03,750 --> 01:38:06,670
Saya hanya mahu anda semua untuk memberi tumpuan kepada bagaimana anda
akan melakukannya dengan jQuery, kerana

2002
01:38:06,670 --> 01:38:10,020
yang akan menjadi penting
sebahagian kuiz.

2003
01:38:10,020 --> 01:38:10,400
Betul.

2004
01:38:10,400 --> 01:38:10,880
Tepat sekali.

2005
01:38:10,880 --> 01:38:16,025
Jadi anda lihat hashtag itu, supaya
sepadan dengan memilih elemen dengan

2006
01:38:16,025 --> 01:38:18,310
tengah ID kerana hashtag itu.

2007
01:38:18,310 --> 01:38:19,670
Hashtag bermakna ID.

2008
01:38:19,670 --> 01:38:22,870
Dan elemen ini mempunyai ID pertengahan.

2009
01:38:22,870 --> 01:38:24,366
Jadi, itu elemen yang kami pilih.

2010
01:38:24,366 --> 01:38:27,160
>> PENONTON: [didengar].

2011
01:38:27,160 --> 01:38:31,090
tanda dolar hashtag [didengar]?

2012
01:38:31,090 --> 01:38:31,710
>> JOSEPH ONG: Jadi tidak.

2013
01:38:31,710 --> 01:38:33,280
Persoalannya ialah anda boleh menggunakan. Nilai.

2014
01:38:33,280 --> 01:38:36,445
Dan. Nilai hanya berfungsi pada unsur-unsur
yang merupakan input.

2015
01:38:36,445 --> 01:38:40,950

2016
01:38:40,950 --> 01:38:45,495
Dalam jQuery, ia akan menjadi
. Val, tidak. Nilai.

2017
01:38:45,495 --> 01:38:49,080
Jadi saya akan mendapat satu contoh yang kecil yang
menunjukkan semua ini dalam kombinasi

2018
01:38:49,080 --> 01:38:49,850
dalam satu saat.

2019
01:38:49,850 --> 01:38:53,130
Tetapi saya fikir ini menyajikan coretan kecil
masuk akal untuk orang setakat ini.

2020
01:38:53,130 --> 01:38:55,450
Ingin menukar HTML,
memanggil kaedah HTML.

2021
01:38:55,450 --> 01:38:56,432
Ya.

2022
01:38:56,432 --> 01:38:58,200
>> PENONTON: Bolehkah anda menjelaskan
kaedah lagi?

2023
01:38:58,200 --> 01:39:01,900
>> JOSEPH ONG: Jadi kaedah yang hanya
fungsi yang dimiliki oleh satu, dalam ini

2024
01:39:01,900 --> 01:39:04,590
kes, salah satu daripada elemen-elemen DOM,
kerana anda lihat Saya

2025
01:39:04,590 --> 01:39:05,940
dipilih elemen pertama.

2026
01:39:05,940 --> 01:39:07,320
Sebenarnya, saya menggunakan tetikus.

2027
01:39:07,320 --> 01:39:09,330
Saya dipilih elemen pertama.

2028
01:39:09,330 --> 01:39:12,310
Dan kemudian saya dipanggil HTML ini
berfungsi bahawa ia mempunyai.

2029
01:39:12,310 --> 01:39:15,710
Dan kerana fungsi ini kepunyaan
perkara ini, kita panggil ia kaedah.

2030
01:39:15,710 --> 01:39:19,480
Itu hanya nama mewah untuk itu.

2031
01:39:19,480 --> 01:39:20,730
Mengatakan bahawa sekali lagi.

2032
01:39:20,730 --> 01:39:22,880

2033
01:39:22,880 --> 01:39:25,170
Jadi ingat, kita dipilih
elemen yang sekarang.

2034
01:39:25,170 --> 01:39:27,810
Dan kami telah ia di dalam
pembolehubah unsur.

2035
01:39:27,810 --> 01:39:28,600
Betul?

2036
01:39:28,600 --> 01:39:34,380
>> Oleh itu, apabila kita ingin menukar HTML pada
di dalam, kerana ia adalah Bob sebelum ini, anda

2037
01:39:34,380 --> 01:39:36,420
mahu menukar teks yang untuk Milo.

2038
01:39:36,420 --> 01:39:37,920
Jadi kita panggil HTML.

2039
01:39:37,920 --> 01:39:41,610
Dan kita memberitahu apa yang di dalam HTML
elemen yang perlu sekarang.

2040
01:39:41,610 --> 01:39:44,107
Dan sebagainya ia berubah kepada Milo,
kerana saya memberikannya Milo.

2041
01:39:44,107 --> 01:39:46,542
>> PENONTON: Jadi mereka bekerja bersama-sama.

2042
01:39:46,542 --> 01:39:47,030
[Didengar]

2043
01:39:47,030 --> 01:39:47,390
>> JOSEPH ONG: Ya, ya.

2044
01:39:47,390 --> 01:39:48,180
Mereka bekerja bersama-sama.

2045
01:39:48,180 --> 01:39:50,210
Jadi salah seorang daripada mereka memilih
elemen pertama.

2046
01:39:50,210 --> 01:39:52,863
Dan yang kedua tidak
sesuatu kepadanya.

2047
01:39:52,863 --> 01:39:53,790
Ya.

2048
01:39:53,790 --> 01:39:56,168
>> PENONTON: [didengar].

2049
01:39:56,168 --> 01:40:01,280
Jika kaedah ini adalah berbeza daripada dalam HTML
anda mempunyai kaedah yang sama sebenar.

2050
01:40:01,280 --> 01:40:01,560
>> JOSEPH ONG: Yeah.

2051
01:40:01,560 --> 01:40:03,370
Itulah kaedah yang berlainan.

2052
01:40:03,370 --> 01:40:04,670
Itulah kaedah yang berlainan.

2053
01:40:04,670 --> 01:40:07,860
Dan kita boleh menutup bahawa dalam beberapa saat
apabila kita dapat contoh.

2054
01:40:07,860 --> 01:40:12,000
Saya mahu memastikan bahawa kita mempercepatkan
kerana kita kehabisan masa.

2055
01:40:12,000 --> 01:40:15,360
Tetapi kita telah berjalan dengan cara dari masa ke masa sekarang.

2056
01:40:15,360 --> 01:40:15,490
OK.

2057
01:40:15,490 --> 01:40:16,430
Sejuk.

2058
01:40:16,430 --> 01:40:20,130
Jadi, jika anda mahu menambah kelas, ada
juga merupakan kaedah kelas add.

2059
01:40:20,130 --> 01:40:24,300
Ini hanyalah satu contoh apa
anda boleh lakukan dengan jQuery.

2060
01:40:24,300 --> 01:40:25,950
Itu hanya menambah kelas.

2061
01:40:25,950 --> 01:40:28,660
>> Jika anda ingin mengeluarkannya,
anda boleh menghubungi keluarkan.

2062
01:40:28,660 --> 01:40:32,280
Itu hanya satu lagi perkara yang boleh anda lakukan.

2063
01:40:32,280 --> 01:40:35,680
Jadi lebih contoh perkara-perkara yang boleh anda lakukan.

2064
01:40:35,680 --> 01:40:37,510
Jadi, boleh saya hanya meletakkan ia di
atas seperti ini?

2065
01:40:37,510 --> 01:40:38,760
Keluarkan muda.

2066
01:40:38,760 --> 01:40:42,470

2067
01:40:42,470 --> 01:40:45,930
Jika saya hanya melaksanakan JavaScript bahawa pada
bahagian atas fail saya, yang akan bekerja?

2068
01:40:45,930 --> 01:40:48,540

2069
01:40:48,540 --> 01:40:48,920
Betul.

2070
01:40:48,920 --> 01:40:50,530
Kerana pertengahan tidak wujud lagi.

2071
01:40:50,530 --> 01:40:51,840
Jadi ini tidak akan bekerja.

2072
01:40:51,840 --> 01:40:52,800
Perintah pelaksanaan.

2073
01:40:52,800 --> 01:40:55,040
Ia pergi ke puncak pertama.

2074
01:40:55,040 --> 01:40:55,540
Apa?

2075
01:40:55,540 --> 01:40:57,450
>> PENONTON: Termuda tidak wujud lagi?

2076
01:40:57,450 --> 01:40:57,810
>> JOSEPH ONG: Yeah.

2077
01:40:57,810 --> 01:40:58,710
Muda tidak wujud lagi.

2078
01:40:58,710 --> 01:40:59,600
Tepat sekali.

2079
01:40:59,600 --> 01:41:01,320
>> PENONTON: Anda kata tengah.

2080
01:41:01,320 --> 01:41:01,510
>> JOSEPH ONG: Maaf.

2081
01:41:01,510 --> 01:41:02,720
Muda tidak wujud lagi.

2082
01:41:02,720 --> 01:41:04,510
Dan perkara yang lain ialah saya tidak mempunyai
termasuk jQuery

2083
01:41:04,510 --> 01:41:06,580
memfailkan meminta skrip src.

2084
01:41:06,580 --> 01:41:07,960
Supaya tidak akan berfungsi.

2085
01:41:07,960 --> 01:41:09,580
Sebenarnya, saya tidak berbuat demikian dalam
slaid seterusnya, yang

2086
01:41:09,580 --> 01:41:10,700
sepatutnya untuk menetapkan bahawa sama ada.

2087
01:41:10,700 --> 01:41:14,120
Tetapi cara kita melakukan ini adalah JavaScript
adalah acara didorong.

2088
01:41:14,120 --> 01:41:17,410
Jadi apa yang kita lakukan adalah kita menggunakan sesuatu acara
Handler untuk membuat ini berlaku.

2089
01:41:17,410 --> 01:41:19,510
Dan jadi saya pilih dokumen itu
set pertama.

2090
01:41:19,510 --> 01:41:23,810
Saya berkata, OK, apabila dokumen itu
bersedia, membiarkan saya menjalankan fungsi.

2091
01:41:23,810 --> 01:41:25,470
Jadi itu sahaja yang cara sintaksis.

2092
01:41:25,470 --> 01:41:27,100
>> Saya dipilih dokumen itu.

2093
01:41:27,100 --> 01:41:29,530
Sekarang, apabila dokumen itu
bersedia, menjalankan fungsi tersebut.

2094
01:41:29,530 --> 01:41:32,970
Dan sebagainya di sini apabila dokumen itu
bersedia, yang bermaksud semua HTML mempunyai

2095
01:41:32,970 --> 01:41:36,140
dimuatkan, maka saya menjalankan fungsi
yang menghilangkan unsur itu.

2096
01:41:36,140 --> 01:41:40,270
Dan sekarang, apabila saya menjalankan fungsi ini
yang saya berlalu ke dalam bersedia, saya

2097
01:41:40,270 --> 01:41:43,780
jaminan bahawa semua HTML pada
halaman akan wujud pertama.

2098
01:41:43,780 --> 01:41:44,100
Ya.

2099
01:41:44,100 --> 01:41:44,425
Soalan?

2100
01:41:44,425 --> 01:41:48,200
>> PENONTON: Apakah kata kunci acara
dalam majlis itu?

2101
01:41:48,200 --> 01:41:51,750
>> JOSEPH ONG: Jadi kata kunci acara di
fungsi hanya parameter yang

2102
01:41:51,750 --> 01:41:53,490
dilewatkan ke fungsi yang
untuk mana-mana acara.

2103
01:41:53,490 --> 01:41:55,470
Ia hanya sesuatu yang
anda mendapat secara percuma.

2104
01:41:55,470 --> 01:41:59,320
Apabila anda menggunakan pengendali utama dalam
pset8, acara yang boleh memberitahu anda, untuk

2105
01:41:59,320 --> 01:42:01,350
contoh, yang utama yang ditekan pada.

2106
01:42:01,350 --> 01:42:05,540
Dalam kes ini, untuk acara bersedia,
ia sebenarnya tidak super berguna.

2107
01:42:05,540 --> 01:42:08,640
Tetapi untuk acara kekunci, ia lebih
berguna, kerana anda mendapat tahu yang

2108
01:42:08,640 --> 01:42:12,330
utama yang ditekan dengan mengakses utama
kod off bahawa objek acara.

2109
01:42:12,330 --> 01:42:13,530
Betul?

2110
01:42:13,530 --> 01:42:15,160
Adakah ini masuk akal?

2111
01:42:15,160 --> 01:42:16,280
OK.

2112
01:42:16,280 --> 01:42:16,580
Ya.

2113
01:42:16,580 --> 01:42:17,150
Soalan?

2114
01:42:17,150 --> 01:42:19,290
>> PENONTON: Jadi boleh anda meletakkan
skrip tag lebih rendah ke bawah?

2115
01:42:19,290 --> 01:42:19,940
>> JOSEPH ONG: Jadi yeah.

2116
01:42:19,940 --> 01:42:21,500
Anda boleh meletakkan skrip
tag yang lebih rendah ke bawah.

2117
01:42:21,500 --> 01:42:23,090
Tetapi ia hanya menjadi benar-benar tidak kemas.

2118
01:42:23,090 --> 01:42:26,590
Dan kita suka untuk memusatkan semua
kod kami di satu tempat.

2119
01:42:26,590 --> 01:42:28,290
Dan ini akan membolehkan kita untuk melakukannya.

2120
01:42:28,290 --> 01:42:32,010
Ingat sebelum ini yang saya kata ada yang lebih bagus
cara untuk memastikan bahawa elemen ini

2121
01:42:32,010 --> 01:42:33,880
pada halaman sebelum anda melaksanakan kod?

2122
01:42:33,880 --> 01:42:36,079
Dan ini adalah hanya cara yang bagus
anda akan mencapai itu.

2123
01:42:36,079 --> 01:42:37,329
>> PENONTON: [didengar].

2124
01:42:37,329 --> 01:42:41,710

2125
01:42:41,710 --> 01:42:42,230
>> JOSEPH ONG: Yeah.

2126
01:42:42,230 --> 01:42:43,460
Anda masih perlu, bukan?

2127
01:42:43,460 --> 01:42:46,930
Kerana ingat, anda termasuk
memfailkan di bahagian atas halaman.

2128
01:42:46,930 --> 01:42:49,890
Jadi ia akan melaksanakan pertama sebelum
anda sampai ke bahagian bawah halaman.

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
Jadi, anda juga boleh menambah yang berbeza
jenis pengendali peristiwa.

2132
01:42:59,210 --> 01:43:00,640
Yang ini hanya memproses klik.

2133
01:43:00,640 --> 01:43:03,910
Apabila anda klik pada anak bongsu, maka
ia akan muncul dengan amaran.

2134
01:43:03,910 --> 01:43:05,440
Ini hanyalah berbeza
jenis acara.

2135
01:43:05,440 --> 01:43:08,840
Berbanding dengan majlis itu bersedia, anda kini
menggunakan acara klik apabila anda menerima

2136
01:43:08,840 --> 01:43:10,190
klik pada unsur.

2137
01:43:10,190 --> 01:43:13,860
>> Dan jadi dalam kes ini, ingat, klik
Pengendali dilampirkan kepada muda.

2138
01:43:13,860 --> 01:43:16,080
Jadi ia hanya berlaku apabila
Saya klik pada muda.

2139
01:43:16,080 --> 01:43:19,510
Dan dalam satu lagi, acara itu bersedia
bertugas kepada dokumen itu.

2140
01:43:19,510 --> 01:43:23,750
Jadi ia menunggu dokumen itu
siap.

2141
01:43:23,750 --> 01:43:25,120
Masuk akal?

2142
01:43:25,120 --> 01:43:26,190
Saya rasa saya boleh bergerak ke atas.

2143
01:43:26,190 --> 01:43:26,610
Ya.

2144
01:43:26,610 --> 01:43:26,980
Soalan?

2145
01:43:26,980 --> 01:43:28,230
>> PENONTON: [didengar].

2146
01:43:28,230 --> 01:43:31,676

2147
01:43:31,676 --> 01:43:33,620
dalam kes ini anda menggunakan [didengar].

2148
01:43:33,620 --> 01:43:36,650
>> JOSEPH ONG: Oh, ya, kerana dalam ini
kes, saya perlu menunggu paling muda

2149
01:43:36,650 --> 01:43:40,740
elemen untuk muncul di skrin pertama
sebelum saya boleh melampirkan satu klik pengendali untuk

2150
01:43:40,740 --> 01:43:43,062
ia, itulah sebabnya saya meletakkan ia di dalam
dokumen yang bersedia.

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
Dan seterusnya, jadi ini adalah satu contoh yang besar
bagaimana anda akan menggabungkan segala-galanya.

2154
01:43:52,390 --> 01:43:55,930
Ini adalah hanya satu contoh pengesahan borang
yang anda lihat dalam kuliah.

2155
01:43:55,930 --> 01:43:58,410
Jadi mengambil langkah demi langkah seperti yang
anda pergi melalui ini.

2156
01:43:58,410 --> 01:43:59,590
Dan ia akan menjadi betul-betul OK.

2157
01:43:59,590 --> 01:44:01,400
Hanya membaca dari atas ke bawah.

2158
01:44:01,400 --> 01:44:03,030
>> Saya mempunyai bentuk yang di bahagian bawah.

2159
01:44:03,030 --> 01:44:07,590
Apabila dokumen itu siap, saya lampirkan
mengemukakan pengendali bersama borang, seperti yang

2160
01:44:07,590 --> 01:44:12,910
apabila saya mengemukakan borang itu, saya mendapat nilai-nilai
di dalam setiap orang-orang input.

2161
01:44:12,910 --> 01:44:14,560
Dan saya memeriksa jika ia kosong.

2162
01:44:14,560 --> 01:44:17,090
Jika ia kosong, saya kembalikan palsu, kerana
Saya tidak mahu untuk mengemukakan borang,

2163
01:44:17,090 --> 01:44:18,950
kerana bentuk yang salah.

2164
01:44:18,950 --> 01:44:22,040
Jika kata laluan adalah kosong atau ia kurang
daripada lapan aksara, saya tidak mengemukakan

2165
01:44:22,040 --> 01:44:24,470
borang, kerana itulah juga salah.

2166
01:44:24,470 --> 01:44:28,150
Dan palsu pulangan hanya mencegah
borang daripada mengemukakan dan

2167
01:44:28,150 --> 01:44:30,150
pergi ke halaman yang baru.

2168
01:44:30,150 --> 01:44:31,310
>> Dan mudah-mudahan, ini masuk akal.

2169
01:44:31,310 --> 01:44:34,650
Saya fikir anda semua harus berjalan melalui
ini langkah demi langkah kod sendiri.

2170
01:44:34,650 --> 01:44:38,350
Dan sebaik sahaja anda memahami apa yang pilih
elemen dan melakukan barangan kepadanya

2171
01:44:38,350 --> 01:44:40,520
sebenarnya memerlukan, ini akan membuat
banyak akal kepada anda.

2172
01:44:40,520 --> 01:44:41,295
Ya?

2173
01:44:41,295 --> 01:44:44,150
>> PENONTON: Apakah yang
nama = nama pengguna bermakna?

2174
01:44:44,150 --> 01:44:48,530
>> JOSEPH ONG: Jadi nama = nama pengguna dan
nama = Kata laluan hanya bermakna melihat

2175
01:44:48,530 --> 01:44:50,730
sifat apa sahaja
anda memilih.

2176
01:44:50,730 --> 01:44:51,790
Dan kemudian yang mempunyai untuk dipadankan.

2177
01:44:51,790 --> 01:44:53,870
Jadi kita pergi ke pendaftaran.

2178
01:44:53,870 --> 01:44:56,240
Dan kemudian kita melihat semua input
dan pendaftaran.

2179
01:44:56,240 --> 01:44:59,990
Dan kemudian kita memilih satu di mana nama yang
sifat adalah sama dengan nama pengguna.

2180
01:44:59,990 --> 01:45:04,040
Supaya pemilih pertama sahaja pilihan pelanggan
input nama pengguna.

2181
01:45:04,040 --> 01:45:08,220
Dan itu pemilih kedua hanya memilih
kata laluan satu, kerana mereka mempunyai

2182
01:45:08,220 --> 01:45:12,240
sifat-sifat nama mereka ditetapkan sebagai apa
mereka sepatutnya menjadi.

2183
01:45:12,240 --> 01:45:12,575
Soalan?

2184
01:45:12,575 --> 01:45:17,030
>> PENONTON: Pada pengemukaan, bagaimanakah
Bahagian bawah menyelesaikan bahagian atas?

2185
01:45:17,030 --> 01:45:19,350
>> JOSEPH ONG: Jadi itu kerana
pengendali acara tersebut.

2186
01:45:19,350 --> 01:45:23,000
Oleh itu, kita sedang menunggu untuk acara mengemukakan
yang mendapat dipecat dari bentuk.

2187
01:45:23,000 --> 01:45:24,730
Dan itu semua yang hantar.

2188
01:45:24,730 --> 01:45:26,080
Mengapa saya memanggil mengemukakan di sana?

2189
01:45:26,080 --> 01:45:28,870
Ia berkata, apabila bentuk itu dikemukakan,
Saya mendapat satu acara yang selamat.

2190
01:45:28,870 --> 01:45:33,480
Jadi biarlah saya hanya memintas itu dan
kemudian berjalan kod ini sebaliknya.

2191
01:45:33,480 --> 01:45:33,823
Ya?

2192
01:45:33,823 --> 01:45:35,866
>> PENONTON: Kenapa anda mempunyai
untuk mempunyai acara fungsi?

2193
01:45:35,866 --> 01:45:38,580
Mengapa tidak boleh anda hanya [didengar]?

2194
01:45:38,580 --> 01:45:41,140
>> JOSEPH ONG: Kerana dalam JavaScript, anda
perlu mengisytiharkan fungsi.

2195
01:45:41,140 --> 01:45:42,910
Itu hanya bagaimana ia berfungsi
dalam JavaScript.

2196
01:45:42,910 --> 01:45:44,800
Anda perlu mengatakan ia akan
untuk menjalankan fungsi.

2197
01:45:44,800 --> 01:45:47,290
Jadi anda memberitahu bahawa anda
menjangkakan satu majlis di sini dan bukannya

2198
01:45:47,290 --> 01:45:48,260
hanya pendakap kerinting.

2199
01:45:48,260 --> 01:45:50,460
>> PENONTON: Dan fungsi
adalah apa sahaja yang berikut?

2200
01:45:50,460 --> 01:45:50,650
>> JOSEPH ONG: Yeah.

2201
01:45:50,650 --> 01:45:52,790
Fungsi tersebut yang ada di dalam
pendakap kerinting selepas

2202
01:45:52,790 --> 01:45:53,630
bahawa fungsi kata kunci.

2203
01:45:53,630 --> 01:45:54,045
Ya?

2204
01:45:54,045 --> 01:45:55,295
>> PENONTON: [didengar].

2205
01:45:55,295 --> 01:46:00,180

2206
01:46:00,180 --> 01:46:00,660
>> JOSEPH ONG: Untuk mengemukakan?

2207
01:46:00,660 --> 01:46:03,520
>> PENONTON: Tidak, untuk fungsi
tanpa acara tersebut.

2208
01:46:03,520 --> 01:46:03,770
>> JOSEPH ONG: Yeah.

2209
01:46:03,770 --> 01:46:05,610
Jadi tanpa majlis itu,
anda boleh mempunyai itu.

2210
01:46:05,610 --> 01:46:08,480
Jika anda tidak perlu majlis itu,
maka anda hanya boleh meninggalkan ia.

2211
01:46:08,480 --> 01:46:12,220
Tetapi jika anda lakukan, maka anda
hanya meletakkan di sana.

2212
01:46:12,220 --> 01:46:12,520
Ya.

2213
01:46:12,520 --> 01:46:13,190
Masalah cepat?

2214
01:46:13,190 --> 01:46:14,440
>> PENONTON: [didengar].

2215
01:46:14,440 --> 01:46:21,170

2216
01:46:21,170 --> 01:46:21,440
>> JOSEPH ONG: Yeah.

2217
01:46:21,440 --> 01:46:24,550
Oleh kerana apa yang anda perlu lakukan,
document.ready hanya berkata menunggu untuk semua

2218
01:46:24,550 --> 01:46:26,540
HTML pada halaman untuk memuatkan pertama.

2219
01:46:26,540 --> 01:46:30,510
Dan biasanya, anda mahu unsur-unsur anda
di tempat sebelum anda menjalankan apa-apa kod.

2220
01:46:30,510 --> 01:46:31,030
Baiklah.

2221
01:46:31,030 --> 01:46:32,180
Kita perlu mendapatkan untuk Ajax.

2222
01:46:32,180 --> 01:46:33,110
Kami tidak mempunyai banyak masa.

2223
01:46:33,110 --> 01:46:35,170
Jadi kebaikan dan keburukan.

2224
01:46:35,170 --> 01:46:37,450
JavaScript adalah cuba lebih mudah
menulis dengan jQuery.

2225
01:46:37,450 --> 01:46:38,930
Tetapi jQuery adalah jenis perlahan.

2226
01:46:38,930 --> 01:46:42,290
>> Ia seperti PHP adalah lebih perlahan daripada C,
kerana ia ditafsirkan.

2227
01:46:42,290 --> 01:46:45,690
Dan jQuery agak perlahan daripada
JavaScript, kerana ia banyak

2228
01:46:45,690 --> 01:46:46,630
perkara di bawah hood.

2229
01:46:46,630 --> 01:46:48,660
Dan jadi jika anda menggunakan jQuery, ia
hanya sedikit lebih perlahan daripada

2230
01:46:48,660 --> 01:46:51,630
JavaScript, walaupun ia
memberi anda keanggunan bagus.

2231
01:46:51,630 --> 01:46:53,970
Dan akhirnya, Ajax.

2232
01:46:53,970 --> 01:46:59,170
Setakat ini dengan Ajax, anda tidak pernah melihat Ajax
dari segi pset7 lagi, kerana

2233
01:46:59,170 --> 01:47:01,150
apabila anda lakukan, anda menyerahkan
borang untuk quote.

2234
01:47:01,150 --> 01:47:02,350
Ia memuatkan halaman yang baru.

2235
01:47:02,350 --> 01:47:04,440
Jadi anda mendapatkan ini flash putih besar
pada halaman manakala

2236
01:47:04,440 --> 01:47:06,820
beban halaman kedua, betul?

2237
01:47:06,820 --> 01:47:08,780
>> Ia akan benar-benar baik jika anda
tidak mempunyai flash ini.

2238
01:47:08,780 --> 01:47:11,600
Seperti Facebook, jika anda hanya tatal ke
bahagian bawah, ia menambahkan kandungan baru

2239
01:47:11,600 --> 01:47:13,490
tanpa menyegarkan keseluruhan halaman.

2240
01:47:13,490 --> 01:47:15,420
Jadi sesuatu seperti ini akan lebih baik.

2241
01:47:15,420 --> 01:47:17,370
Ini adalah kod JavaScript
di sebelah kiri.

2242
01:47:17,370 --> 01:47:19,390
Anda mendapat apa yang di dalam input itu.

2243
01:47:19,390 --> 01:47:21,340
Anda mendapatkan maklumat saham daripada Yahoo!

2244
01:47:21,340 --> 01:47:27,440
Dan kemudian anda membuat tali besar yang
berkata, OK, ini adalah mesej yang saya mahu

2245
01:47:27,440 --> 01:47:28,400
untuk menunjukkan pada skrin.

2246
01:47:28,400 --> 01:47:32,280
Dan kemudian anda meletakkan mesej yang di dalam
beberapa elemen HTML yang mendapat

2247
01:47:32,280 --> 01:47:33,970
dipaparkan pada skrin.

2248
01:47:33,970 --> 01:47:35,540
>> Jadi itu sahaja yang berlaku di sini.

2249
01:47:35,540 --> 01:47:39,410
Jadi, pada asasnya, kerana ini adalah semua
JavaScript dan anda tidak perlu untuk menjalankan

2250
01:47:39,410 --> 01:47:42,980
lagi PHP, ini akan memastikan
bahawa halaman tidak memuat semula.

2251
01:47:42,980 --> 01:47:47,470
Jadi ini adalah hanya satu idea abstrak
yang saya katakan di sini untuk sekarang.

2252
01:47:47,470 --> 01:47:50,630
Idea abstrak adalah bahawa jika anda melakukannya
semua dalam JavaScript, anda tidak mempunyai

2253
01:47:50,630 --> 01:47:52,330
refresh halaman.

2254
01:47:52,330 --> 01:47:53,800
Tetapi bagaimana anda sebenarnya melakukan ini?

2255
01:47:53,800 --> 01:47:56,230
>> Well, sebenarnya, mari kita bercakap tentang
masalah dengan ini dahulu.

2256
01:47:56,230 --> 01:47:59,340
Satu masalah dalam JavaScript,
pelaksanaan adalah segerak.

2257
01:47:59,340 --> 01:48:02,000
Jadi, anda perlu menunggu untuk satu
talian untuk menyelesaikan sebelum anda

2258
01:48:02,000 --> 01:48:03,370
melaksanakan baris berikutnya.

2259
01:48:03,370 --> 01:48:06,130
Dan bagaimana jika saya akan ke Yahoo!,
dan pelayan mereka adalah benar-benar perlahan dan

2260
01:48:06,130 --> 01:48:08,790
ia mengambil tiga saat untuk
memberi saya kembali bahawa maklumat saham?

2261
01:48:08,790 --> 01:48:12,620
Apabila saya mencecah garis harga, jika
pelaksanaan adalah segerak, kerana ia adalah dengan

2262
01:48:12,620 --> 01:48:15,390
lalai, apa yang ia hanya akan lakukan ialah
pelayar anda akan gerai untuk

2263
01:48:15,390 --> 01:48:15,930
tiga saat.

2264
01:48:15,930 --> 01:48:18,900
Dan anda tidak akan dapat melakukan
apa-apa semasa ia mendapat data tersebut.

2265
01:48:18,900 --> 01:48:20,010
Ia akan dibekukan.

2266
01:48:20,010 --> 01:48:20,800
>> Dan itu tidak baik.

2267
01:48:20,800 --> 01:48:23,390
Anda tidak mahu pengguna untuk
mempunyai laman web beku.

2268
01:48:23,390 --> 01:48:24,170
Betul?

2269
01:48:24,170 --> 01:48:25,480
Itu hanya tidak baik.

2270
01:48:25,480 --> 01:48:26,770
Semua orang bersetuju?

2271
01:48:26,770 --> 01:48:29,270
Jika anda melayari Facebook dan ia
membeku dan anda tidak boleh berbuat apa-apa, anda

2272
01:48:29,270 --> 01:48:31,920
mendapatkan benar-benar kecewa.

2273
01:48:31,920 --> 01:48:34,960
Jadi penyelesaian ialah kita membuat sesuatu
tak segerak sebaliknya.

2274
01:48:34,960 --> 01:48:38,910
Jadi semua perkara ini tak segerak berkata
adalah, saya akan bertanya ini

2275
01:48:38,910 --> 01:48:40,280
URL untuk beberapa data.

2276
01:48:40,280 --> 01:48:41,610
Dan kemudian saya akan teruskan.

2277
01:48:41,610 --> 01:48:45,330
Saya hanya akan menyimpan melaksanakan
apa sahaja kod yang selepas itu.

2278
01:48:45,330 --> 01:48:49,290
>> Dan kemudian apabila data yang siap,
maka saya akan memprosesnya.

2279
01:48:49,290 --> 01:48:50,540
Itu sahaja yang berkata.

2280
01:48:50,540 --> 01:48:52,795

2281
01:48:52,795 --> 01:48:56,710
>> PENONTON: Ajax hanya membuat
kod tak segerak?

2282
01:48:56,710 --> 01:48:58,560
>> JOSEPH ONG: Ini tak segerak satu
cara data semasa mengambil.

2283
01:48:58,560 --> 01:49:01,230
Jadi perkara yang pertama mengenai Ajax
adalah ia membolehkan saya mendapatkan data

2284
01:49:01,230 --> 01:49:03,170
dari laman web luaran.

2285
01:49:03,170 --> 01:49:07,045
Dan perkara yang kedua ialah ia memastikan
bahawa halaman saya tidak terhenti manakala saya

2286
01:49:07,045 --> 01:49:07,970
mengambil data itu.

2287
01:49:07,970 --> 01:49:09,600
Itu sebahagian tak segerak daripadanya.

2288
01:49:09,600 --> 01:49:13,040
Kerana ia padam di tempat lain,
kerana saya katakan saya terus berlaku semasa

2289
01:49:13,040 --> 01:49:14,900
ia mengambil data itu, bahawa
menjadikannya tak segerak.

2290
01:49:14,900 --> 01:49:17,170
Saya terus melaksanakan.

2291
01:49:17,170 --> 01:49:18,960
>> Jadi menyimpan tak segerak yang
idea dalam fikiran.

2292
01:49:18,960 --> 01:49:22,010
Dan saya akan menunjukkan kepada anda apa
perbezaan adalah.

2293
01:49:22,010 --> 01:49:23,920
Versi segerak
berada di sebelah kiri.

2294
01:49:23,920 --> 01:49:26,240
Versi tak segerak
adalah di sebelah kanan.

2295
01:49:26,240 --> 01:49:29,170
Lihatlah nombor untuk melihat
langkah-langkah yang sesuai dengan apa yang

2296
01:49:29,170 --> 01:49:30,610
melaksanakan setiap baris.

2297
01:49:30,610 --> 01:49:32,730
Di sana, amaran yang muncul pertama.

2298
01:49:32,730 --> 01:49:34,590
Kerana mendapat maklumat saham dari Yahoo!

2299
01:49:34,590 --> 01:49:37,250
mengambil masa tiga saat, ia gerai
selama tiga saat.

2300
01:49:37,250 --> 01:49:39,880
Dan kemudian ia tanda harga
selepas tiga saat.

2301
01:49:39,880 --> 01:49:43,690
>> Jadi sekarang, yang menunjukkan amaran
sehingga pada masa itu -

2302
01:49:43,690 --> 01:49:44,610
tiga saat masuk

2303
01:49:44,610 --> 01:49:47,670
Dan kemudian ia tanda dengan selepas itu.

2304
01:49:47,670 --> 01:49:48,930
Jadi ia hanya pergi langkah demi langkah.

2305
01:49:48,930 --> 01:49:51,200
Ia seperti apa yang anda guys
akan menerima, betul?

2306
01:49:51,200 --> 01:49:54,170
Dengan pelaksanaan tak segerak,
anda memberi amaran pertama.

2307
01:49:54,170 --> 01:49:57,410
Kemudian anda pergi ke URL ini.

2308
01:49:57,410 --> 01:49:59,530
Dan anda berkata, saya akan
hanya meminta data.

2309
01:49:59,530 --> 01:50:01,170
Dan kemudian saya akan
memproses kemudian.

2310
01:50:01,170 --> 01:50:04,230
Jadi ia segera menghapuskan orang
baris seterusnya selepas saya membuat yang

2311
01:50:04,230 --> 01:50:05,710
permintaan tak segerak.

2312
01:50:05,710 --> 01:50:08,920
>> Jadi 0,001 saat, anda lihat hi berjaga-jaga.

2313
01:50:08,920 --> 01:50:10,960
Melaksanakan fungsi, bye berjaga-jaga.

2314
01:50:10,960 --> 01:50:14,240
Dan kerana saya membuat janji bahawa saya
akan memproses data kemudian, apa yang

2315
01:50:14,240 --> 01:50:17,920
berlaku ialah apabila data yang datang kembali
tiga saat kemudian, maka saya berjalan yang

2316
01:50:17,920 --> 01:50:21,380
fungsi yang saya ada di sana.

2317
01:50:21,380 --> 01:50:21,870
Ya?

2318
01:50:21,870 --> 01:50:25,750
>> PENONTON: Bolehkah anda menentukan atau
menjelaskan apa yang Ajax bermakna?

2319
01:50:25,750 --> 01:50:30,460
>> JOSEPH ONG: Jadi Ajax adalah cara yang bahawa jika saya
perlu data apabila saya pada laman web dan saya

2320
01:50:30,460 --> 01:50:34,690
tidak mahu muat semula halaman, kemudian
Saya menggunakan teknologi ini dipanggil Ajax.

2321
01:50:34,690 --> 01:50:40,630
Itulah dasarnya hanya bermaksud, pergi mengambil
data dari laman web lain.

2322
01:50:40,630 --> 01:50:43,724
Dan melakukannya dengan cara yang hanya
tidak terhenti halaman web saya.

2323
01:50:43,724 --> 01:50:46,650
>> PENONTON: Jadi adalah bahawa wujud
sebahagian daripada JavaScript atau jQuery?

2324
01:50:46,650 --> 01:50:50,590
>> JOSEPH ONG: Jadi seseorang menulis cara untuk melakukan
ini dalam JavaScript masa yang lama dahulu.

2325
01:50:50,590 --> 01:50:52,050
Pada satu ketika, ia tidak wujud.

2326
01:50:52,050 --> 01:50:56,630
Dan sebagainya seseorang mencipta teknik ini
untuk membolehkan orang untuk meminta data ini

2327
01:50:56,630 --> 01:50:57,680
dengan cara ini.

2328
01:50:57,680 --> 01:50:59,550
Dan mereka menulis beberapa perkara
untuk melakukannya untuk anda.

2329
01:50:59,550 --> 01:51:01,605
Dan jQuery hanya memberikan anda ini
cara yang sangat baik untuk melakukannya

2330
01:51:01,605 --> 01:51:03,112
dengan $ ini. mendapatkan fungsi.

2331
01:51:03,112 --> 01:51:07,200

2332
01:51:07,200 --> 01:51:09,480
soalan?

2333
01:51:09,480 --> 01:51:11,560
Saya boleh menjawab soalan mengenai
Ajax selepas itu juga.

2334
01:51:11,560 --> 01:51:13,870
Saya akan berada di sini.

2335
01:51:13,870 --> 01:51:16,390
>> Jadi mari kita kita mengambil data tanpa
menyegarkan halaman.

2336
01:51:16,390 --> 01:51:18,200
Dan ia mari kita melakukan ini dalam
cara yang tak segerak yang

2337
01:51:18,200 --> 01:51:19,450
tidak membekukan halaman.

2338
01:51:19,450 --> 01:51:22,680

2339
01:51:22,680 --> 01:51:27,310
Terlalu lama, tidak membaca jika itu
penjelasan terlalu lama untuk anda.

2340
01:51:27,310 --> 01:51:29,430
Jadi akhirnya, cross-site
serangan skrip.

2341
01:51:29,430 --> 01:51:30,910
Kami melihat ini dengan Zamyla.

2342
01:51:30,910 --> 01:51:34,285
Jika dalam pangkalan data seseorang saya mempunyai nama ini,
yang merupakan skrip ini tag, dan saya

2343
01:51:34,285 --> 01:51:38,280
mempunyai beberapa kod pada halaman saya yang cetakan
nama-nama rakyat berturut-turut, atau saya mempunyai

2344
01:51:38,280 --> 01:51:43,310
beberapa kod JavaScript yang memasukkan
nama ini ke dalam halaman,

2345
01:51:43,310 --> 01:51:45,680
apa HTML mendapat dihasilkan?

2346
01:51:45,680 --> 01:51:47,290
Well, saya mencetak tag HTML.

2347
01:51:47,290 --> 01:51:48,390
Saya mencetak semua tag ini.

2348
01:51:48,390 --> 01:51:50,740
>> Saya sampai ke bahagian di mana saya percetakan
dengan kawan-kawan saya.

2349
01:51:50,740 --> 01:51:52,980
Saya mencetak Lauren keluar.

2350
01:51:52,980 --> 01:51:54,200
Ia mencetak Milo keluar.

2351
01:51:54,200 --> 01:51:56,810
Dan kemudian nama saya di dalam pangkalan data
adalah skrip post

2352
01:51:56,810 --> 01:51:58,060
status Facebook unflattering.

2353
01:51:58,060 --> 01:52:00,740

2354
01:52:00,740 --> 01:52:04,330
Kerana saya dimasukkan ini ke halaman yang
kerana ia kelihatan seperti JavaScript, apabila

2355
01:52:04,330 --> 01:52:07,930
Laman ini akan dihantar kepada pengguna,
ia mendapat dilaksanakan sebagai JavaScript.

2356
01:52:07,930 --> 01:52:10,800
Dan hal ini adalah apa yang kita panggil
cross-site serangan skrip.

2357
01:52:10,800 --> 01:52:14,570
Seseorang meletakkan maklumat berniat jahat dalam
pangkalan data anda yang boleh sesuai dengan

2358
01:52:14,570 --> 01:52:17,080
beberapa rentetan tambahan atau
beberapa JavaScript tali.

2359
01:52:17,080 --> 01:52:20,130
>> Dan apabila ia mendapat dicetak kepada
halaman dengan cara ini, maka apa yang

2360
01:52:20,130 --> 01:52:22,580
berlaku ialah kod buruk mendapat dilaksanakan
bahawa saya tidak berniat

2361
01:52:22,580 --> 01:52:25,110
untuk itu untuk dilaksanakan.

2362
01:52:25,110 --> 01:52:28,230
Dan itu semua balas tapak
serangan skrip adalah.

2363
01:52:28,230 --> 01:52:31,790
Dan cara anda mendapatkan sekitar
ini adalah seperti Zamyla berkata.

2364
01:52:31,790 --> 01:52:34,340
Anda hanya membalut perkara dalam
HTML aksara khas.

2365
01:52:34,340 --> 01:52:39,460
Dan ini HTML aksara khas adalah PHP yang
fungsi yang akan menghalang seperti ini

2366
01:52:39,460 --> 01:52:42,000
perkara daripada berlaku kepada anda
jika anda mempunyai niat jahat

2367
01:52:42,000 --> 01:52:43,830
rentetan dalam pangkalan data anda.

2368
01:52:43,830 --> 01:52:47,650
Ia hanya terlepas ia, supaya ia tidak
mendapatkan ditafsirkan sebagai HTML.

2369
01:52:47,650 --> 01:52:50,960
Ia menggantikan kurungan sedikit
dengan apa yang kita panggil entiti.

2370
01:52:50,960 --> 01:52:52,250
Dan kami pergi ke ini dalam kuliah juga.

2371
01:52:52,250 --> 01:52:55,800
Jadi saya fikir anda semua harus mempunyai
memahami dengan baik pada itu.

2372
01:52:55,800 --> 01:52:57,420
Soalan?

2373
01:52:57,420 --> 01:52:57,820
Ya.

2374
01:52:57,820 --> 01:53:00,860
>> PENONTON: Jadi bagaimana akan
yang [didengar]?

2375
01:53:00,860 --> 01:53:01,555
>> JOSEPH ONG: ulangi lagi.

2376
01:53:01,555 --> 01:53:02,500
>> PENONTON: Bagaimana akan monitor -

2377
01:53:02,500 --> 01:53:02,860
>> JOSEPH ONG: Betul.

2378
01:53:02,860 --> 01:53:06,080
Jadi anda mempunyai sesuatu yang mengatakan, apabila
Saya mendaftar, taip nama saya.

2379
01:53:06,080 --> 01:53:09,390
Saya hanya menaip dalam bidang itu, nama saya
stript post unflattering Facebook

2380
01:53:09,390 --> 01:53:11,570
status rapat skrip tag.

2381
01:53:11,570 --> 01:53:15,690
Dan yang hanya mendapat dimasukkan ke dalam
pangkalan data, kerana saya tidak boleh mengatakan seseorang

2382
01:53:15,690 --> 01:53:18,260
di dunia tidak mempunyai nama yang
dengan anak panah kiri di dalamnya atau

2383
01:53:18,260 --> 01:53:19,036
skrip perkataan di dalamnya.

2384
01:53:19,036 --> 01:53:21,330
Ini tidak masuk akal.

2385
01:53:21,330 --> 01:53:24,560
Jadi saya hanya perlu memastikan bahawa saya
membersihkan barangan sebelum saya cetak

2386
01:53:24,560 --> 01:53:25,420
keluar ke halaman.

2387
01:53:25,420 --> 01:53:27,140
>> PENONTON: Jadi kad khas HTML
menghalang tag skrip?

2388
01:53:27,140 --> 01:53:28,710
>> JOSEPH ONG: Yeah.

2389
01:53:28,710 --> 01:53:29,960
Jadi ia tidak menghalang tag skrip.

2390
01:53:29,960 --> 01:53:32,320
Ia hanya akan memastikan bahawa
tag skrip tidak mendapat

2391
01:53:32,320 --> 01:53:35,120
ditafsirkan sebagai HTML atau -

2392
01:53:35,120 --> 01:53:35,400
yeah.

2393
01:53:35,400 --> 01:53:38,470
Ia hanya datang sebagai apa
sebenarnya.

2394
01:53:38,470 --> 01:53:39,220
Baiklah.

2395
01:53:39,220 --> 01:53:40,930
Sehingga adalah kajian kuiz.

2396
01:53:40,930 --> 01:53:41,830
Sejuk.

2397
01:53:41,830 --> 01:53:45,088
>> [Tepuk tangan]