1
00:00:00,000 --> 00:00:01,390

2
00:00:01,390 --> 00:00:04,890
>> [MUSIC PLAYING]

3
00:00:04,890 --> 00:00:10,955

4
00:00:10,955 --> 00:00:12,580
DAVID J Malan: Baiklah, selamat datang kembali.

5
00:00:12,580 --> 00:00:13,600
Ini adalah CS50.

6
00:00:13,600 --> 00:00:15,540
Ini adalah akhir minggu ketujuh.

7
00:00:15,540 --> 00:00:18,180
Dan itu adalah akhir pemulung yang
berburu dari masalah menetapkan empat

8
00:00:18,180 --> 00:00:19,220
Anda mungkin ingat.

9
00:00:19,220 --> 00:00:21,650
Setelah sembuh semua
mereka JPEG staf,

10
00:00:21,650 --> 00:00:24,820
Anda ditantang, jika Anda ingin,
untuk memotret diri sendiri dengan sebanyak

11
00:00:24,820 --> 00:00:25,981
dari orang-orang yang Anda bisa.

12
00:00:25,981 --> 00:00:28,480
Kami mendapat sejumlah besar kiriman
selama beberapa minggu terakhir,

13
00:00:28,480 --> 00:00:32,980
memang, beberapa tepat sebelum tengah hari
hari ini, beberapa di antaranya adalah mereka di sini,

14
00:00:32,980 --> 00:00:37,670
tertangkap di sini in-- terlihat like-- Annenberg
Hall di jam kantor, satu di sini

15
00:00:37,670 --> 00:00:39,530
di Lowell rumah dengan Nick.

16
00:00:39,530 --> 00:00:41,750
Berikut ini Ramon tertangkap di telepon.

17
00:00:41,750 --> 00:00:43,870
Ini adalah pada siang CS50.

18
00:00:43,870 --> 00:00:46,840
Ini adalah Jason Skyping dengan
teman sekelas yang lebih kreatif,

19
00:00:46,840 --> 00:00:48,280
yang menelepon dia dengan cara ini.

20
00:00:48,280 --> 00:00:49,690
Kita tidak tahu apa ini.

21
00:00:49,690 --> 00:00:51,940
>> [Tertawa]

22
00:00:51,940 --> 00:00:54,570
>> DAVID J Malan: Tapi
yang layak gigabyte.

23
00:00:54,570 --> 00:00:56,960
Berikut ini adalah Chang, yang
harfiah berlari dari panggung

24
00:00:56,960 --> 00:01:00,480
untuk menghindari difoto satu
hari, namun akhirnya tertangkap.

25
00:01:00,480 --> 00:01:02,050
Berikut ini adalah Nick.

26
00:01:02,050 --> 00:01:03,480
Berikut ini adalah Nick.

27
00:01:03,480 --> 00:01:04,080
Berikut ini adalah Nick.

28
00:01:04,080 --> 00:01:05,090

29
00:01:05,090 --> 00:01:07,670
Dan di sini adalah Alison turun oleh ladang.

30
00:01:07,670 --> 00:01:11,840
Dan Zamyla bahkan ditemukan
di kompetisi ballroom.

31
00:01:11,840 --> 00:01:14,100
Jadi kita akan melalui
foto-foto ini, mencari tahu

32
00:01:14,100 --> 00:01:16,690
yang mengajukan paling
awal, dan reward

33
00:01:16,690 --> 00:01:20,662
satu hadiah yang luar biasa, sebagai
dijanjikan dalam spec.

34
00:01:20,662 --> 00:01:23,120
Dan kami juga akan menindaklanjuti tentang
ruang yang terlibat.

35
00:01:23,120 --> 00:01:26,860
>> Beberapa announcements-- jadi makan siang
adalah, sekali lagi, Jumat ini di 1:15.

36
00:01:26,860 --> 00:01:30,420
Jika Anda ingin bergabung dengan kami,
RSVP pada URL di sini.

37
00:01:30,420 --> 00:01:33,730
Jason muncul lagi di sini dari satu
dari bagian beberapa tahun

38
00:01:33,730 --> 00:01:35,510
kembali, yang terjadi
jatuh pada Halloween.

39
00:01:35,510 --> 00:01:38,950
Dan memang, ia berpakaian sebagai
labu yang tahun tertentu.

40
00:01:38,950 --> 00:01:42,700
Jika Anda menonton bagian ini
dari dari 2.011 bagian-Nya

41
00:01:42,700 --> 00:01:46,480
delapan, jika Anda ingin tahu,
di CS50.tv, saya pikir

42
00:01:46,480 --> 00:01:49,730
ini adalah tahun di mana
pompa udara nya bekerja.

43
00:01:49,730 --> 00:01:52,490
>> Jika Anda kemudian melihat
bagian yang sama pada tahun 2012,

44
00:01:52,490 --> 00:01:55,620
Anda akan melihat Jason ini banyak kempes,
karena gugatan tidak lagi berfungsi,

45
00:01:55,620 --> 00:01:58,060
yang hanya untuk mengatakan
Jumat ini, jika Anda lebih

46
00:01:58,060 --> 00:02:02,720
ingin mengukir labu dengan Daven
dan Gabe dan lain-lain, RSVP ke kepala

47
00:02:02,720 --> 00:02:04,480
di alamat cs50.harvard.edu.

48
00:02:04,480 --> 00:02:06,200
Menjanjikan untuk menjadi sangat menyenangkan.

49
00:02:06,200 --> 00:02:08,660
Daven, kami diberitahu, telah mengukir
labu semua hidupnya.

50
00:02:08,660 --> 00:02:11,930
Gabriel dari Brazil tidak pernah
mengukir labu untuk Halloween.

51
00:02:11,930 --> 00:02:14,700
Jadi berada di sana bersama mereka sambil belajar.

52
00:02:14,700 --> 00:02:16,830
>> Seminar, meanwhile--
sehingga Anda akan belajar segera

53
00:02:16,830 --> 00:02:20,650
tentang apa harapan kami adalah untuk
proyek akhir, yang pada dasarnya

54
00:02:20,650 --> 00:02:23,150
akan mendidih ke
merancang dan mengimplementasikan

55
00:02:23,150 --> 00:02:26,440
kebanyakan setiap proyek yang menarik bagi
Anda, meskipun tunduk pada persetujuan

56
00:02:26,440 --> 00:02:28,490
dan bimbingan dari pengajaran sesama.

57
00:02:28,490 --> 00:02:32,110
Menjelang akhir
semester, kami memperkenalkan nomor

58
00:02:32,110 --> 00:02:35,610
seminar, yang kelas opsional
dipimpin oleh rekan-rekan mengajar dan Harvard

59
00:02:35,610 --> 00:02:38,570
staf, teman-teman tentu saja di
kampus, tentang berbagai topik yang

60
00:02:38,570 --> 00:02:41,470
tangensial ke
silabus yang mendasari program ini

61
00:02:41,470 --> 00:02:45,590
tapi tetap berlaku, menyenangkan, dan
berbeda untuk proyek-proyek akhir yang potensial.

62
00:02:45,590 --> 00:02:49,530
>> Misalnya, pertama, jika Anda ingin
untuk mendaftar, kepala ke URL di sana.

63
00:02:49,530 --> 00:02:53,010
Dan ini adalah lineup untuk
seminar tahun ini saja.

64
00:02:53,010 --> 00:02:56,060
Tapi menyadari kami memiliki puluhan
seminar dari masa lalu, yang semuanya

65
00:02:56,060 --> 00:02:59,774
terkait dalam menu Seminar
pilihan website saja itu.

66
00:02:59,774 --> 00:03:02,190
Jadi, jika Anda berpikir tentang
melampaui zona kenyamanan Anda

67
00:03:02,190 --> 00:03:05,060
atau mengambil beberapa keterampilan baru,
misalnya, pemrograman iPhone

68
00:03:05,060 --> 00:03:08,100
aplikasi dengan Swift, bahasa baru
dari Apple atau Objective-C

69
00:03:08,100 --> 00:03:11,230
atau aplikasi Android atau pemrograman [? isyarat?]
bola lampu, atau salah satu topik

70
00:03:11,230 --> 00:03:15,490
di sini dan banyak lagi, karena cek
keluar halaman pendaftaran.

71
00:03:15,490 --> 00:03:19,730
>> Jadi kita mulai dan berakhir pada
Senin dengan melihat HTTP.

72
00:03:19,730 --> 00:03:22,675
Jadi HTTP refresher-- cepat,
HyperText Transfer Protocol.

73
00:03:22,675 --> 00:03:24,045
Tapi apa yang benar-benar berarti?

74
00:03:24,045 --> 00:03:26,805

75
00:03:26,805 --> 00:03:27,930
Apa yang benar-benar berarti?

76
00:03:27,930 --> 00:03:30,665

77
00:03:30,665 --> 00:03:31,290
Apakah itu tangan?

78
00:03:31,290 --> 00:03:33,074

79
00:03:33,074 --> 00:03:34,740
Aku tahu kau hanya menggaruk kepala Anda.

80
00:03:34,740 --> 00:03:36,400
Tapi Anda ingin mengusulkan apa HTTP adalah?

81
00:03:36,400 --> 00:03:37,792

82
00:03:37,792 --> 00:03:40,576
>> AUDIENCE: Bagaimana komputer
berkomunikasi dengan [tak terdengar].

83
00:03:40,576 --> 00:03:41,517

84
00:03:41,517 --> 00:03:43,100
DAVID J Malan: Saya melewatkan bagian terakhir.

85
00:03:43,100 --> 00:03:45,774
Bagaimana komputer berkomunikasi with--

86
00:03:45,774 --> 00:03:47,325
>> Server Internet: AUDIENCE.

87
00:03:47,325 --> 00:03:50,450
DAVID J Malan: Good-- dengan internet
server, dan secara khusus, server web.

88
00:03:50,450 --> 00:03:53,533
Karena ingat, ada sekelompok
layanan di internet, beberapa di antaranya

89
00:03:53,533 --> 00:03:57,349
Anda menggunakan mungkin setiap hari antara obrolan
dan pesan, chatting, dan web, dan email,

90
00:03:57,349 --> 00:03:57,890
dan sejenisnya.

91
00:03:57,890 --> 00:04:00,900
Dan HTTP hanyalah
protokol yang web browser

92
00:04:00,900 --> 00:04:03,750
berbicara ketika berkomunikasi dengan
server web, dan sebaliknya.

93
00:04:03,750 --> 00:04:05,580
Dan analog di
dunia manusia mungkin,

94
00:04:05,580 --> 00:04:08,730
Saya mengulurkan tangan saya untuk menjabat beberapa
manusia lainnya dan dia

95
00:04:08,730 --> 00:04:11,970
mengakui dengan memperluas
atau tangannya juga.

96
00:04:11,970 --> 00:04:13,970
Jadi itu hanya protokol,
seperangkat konvensi.

97
00:04:13,970 --> 00:04:15,630
>> Dan apa memang adalah mereka konvensi?

98
00:04:15,630 --> 00:04:18,640
Yah, itu hanya bermuara
mengirim pesan bolak-balik,

99
00:04:18,640 --> 00:04:19,770
seperti yang kita digambarkan di sini.

100
00:04:19,770 --> 00:04:22,520
Dan ada beberapa cara di
yang Anda dapat mengirimkan pesan tersebut.

101
00:04:22,520 --> 00:04:24,360
Dan mungkin yang paling
umum dikenal sebagai get.

102
00:04:24,360 --> 00:04:26,510
Dan kita akan melihat kontras
ini sebelum lama.

103
00:04:26,510 --> 00:04:30,010
>> Tapi permintaan get dari browser
ke server hanya tampak seperti ini.

104
00:04:30,010 --> 00:04:32,960
Itu adalah sekumpulan teks yang menempatkan
dalam amplop virtual.

105
00:04:32,960 --> 00:04:35,854
Di bagian luar amplop yang
pergi beberapa potongan detail.

106
00:04:35,854 --> 00:04:37,770
Apa yang perlu untuk pergi pada
amplop, sehingga untuk berbicara,

107
00:04:37,770 --> 00:04:41,820
untuk mendapatkan permintaan seperti
ini dari saya ke server web?

108
00:04:41,820 --> 00:04:42,320
Ya.

109
00:04:42,320 --> 00:04:43,270
>> AUDIENCE: Alamat IP Anda.

110
00:04:43,270 --> 00:04:45,890
>> DAVID J Malan: alamat IP saya
dalam field, sehingga untuk berbicara,

111
00:04:45,890 --> 00:04:49,490
dan tentu saja,
alamat IP penerima.

112
00:04:49,490 --> 00:04:52,710
Tapi dalam kasus paket web,
kita perlu sedikit lebih detail

113
00:04:52,710 --> 00:04:55,254
Hal ini tidak cukup hanya untuk
mengirim amplop ke server,

114
00:04:55,254 --> 00:04:57,670
karena server yang mungkin
mendengarkan untuk berbagai jenis

115
00:04:57,670 --> 00:04:59,180
lalu lintas internet.

116
00:04:59,180 --> 00:05:01,370
Jadi apa lagi yang kita butuhkan
selain IP penerima?

117
00:05:01,370 --> 00:05:02,723

118
00:05:02,723 --> 00:05:03,222
Ya?

119
00:05:03,222 --> 00:05:04,241
>> AUDIENCE: Apakah TCP?

120
00:05:04,241 --> 00:05:05,074
DAVID J Malan: Baik.

121
00:05:05,074 --> 00:05:06,470
TCP--

122
00:05:06,470 --> 00:05:07,340
>> AUDIENCE: Alamat.

123
00:05:07,340 --> 00:05:09,340
>> DAVID J Malan: Alamat,
atau port, seperti disebut.

124
00:05:09,340 --> 00:05:11,010
Dekat, tapi nomor port TCP.

125
00:05:11,010 --> 00:05:12,220
Dan ada sekelompok ini.

126
00:05:12,220 --> 00:05:14,310
Tapi tentunya yang paling
akrab harus akhirnya

127
00:05:14,310 --> 00:05:17,590
80, yang merupakan default
yang digunakan untuk lalu lintas web.

128
00:05:17,590 --> 00:05:20,040
Dan akrab lain
satu segera akan 443,

129
00:05:20,040 --> 00:05:24,280
yang digunakan untuk web yang aman
lalu lintas, URL yang dimulai dengan https.

130
00:05:24,280 --> 00:05:26,650
>> Jadi ini adalah apa yang terjadi
dalam amplop itu.

131
00:05:26,650 --> 00:05:29,780
Dan mendapatkan / hanya berarti, memberi
saya halaman web default.

132
00:05:29,780 --> 00:05:32,700
Beri aku akar dari hard
drive pada server web.

133
00:05:32,700 --> 00:05:36,050
Dan mudah-mudahan, web
Server akan merespon dengan, OK

134
00:05:36,050 --> 00:05:39,630
dan nomor 200, yang hanya
konvensi mengatakan, ya, semua

135
00:05:39,630 --> 00:05:40,470
memang OK.

136
00:05:40,470 --> 00:05:41,680
Berikut halaman.

137
00:05:41,680 --> 00:05:45,510
Jenis halaman web akan
berupa teks, tetapi lebih khusus, HTML,

138
00:05:45,510 --> 00:05:47,010
yang kita akan menyelam kembali ke dalam.

139
00:05:47,010 --> 00:05:49,877
Dan dot dot dot hanya
berarti, di sini adalah HTML.

140
00:05:49,877 --> 00:05:51,710
Dan di situlah kita
mengambil cerita hari ini,

141
00:05:51,710 --> 00:05:55,740
benar-benar menulis HTML,
HyperText Markup Language, yang

142
00:05:55,740 --> 00:05:57,727
adalah bahasa di mana
halaman web yang ditulis.

143
00:05:57,727 --> 00:05:59,060
Ini bukan bahasa pemrograman.

144
00:05:59,060 --> 00:06:01,270
Tidak ada fungsi
atau loop atau kondisi.

145
00:06:01,270 --> 00:06:03,800
Ini adalah bahasa markup,
juga lagi lihat sekarang ini,

146
00:06:03,800 --> 00:06:07,240
yang memungkinkan Anda untuk menentukan
bagaimana struktur dan menyesuaikan dgn mode

147
00:06:07,240 --> 00:06:09,300
estetis sebuah halaman web.

148
00:06:09,300 --> 00:06:11,470
>> Jadi ini adalah salah satu yang
dan hanya halaman kita benar-benar

149
00:06:11,470 --> 00:06:13,930
memandang, jika sebentar, Senin.

150
00:06:13,930 --> 00:06:16,250
Dan melihat beberapa
karakteristik yang menonjol.

151
00:06:16,250 --> 00:06:20,170
Ada banyak terbuka miring
braket dan dekat braket siku.

152
00:06:20,170 --> 00:06:23,160
Dalam antara mereka miring
kurung adalah kata-kata.

153
00:06:23,160 --> 00:06:25,660
Dan kita akan mulai
memanggil kata-kata tag.

154
00:06:25,660 --> 00:06:28,800
Jadi terbuka kepala braket
dan kepala braket tertutup

155
00:06:28,800 --> 00:06:33,620
adalah tag terbuka dan tertutup,
atau awal dan akhir tag

156
00:06:33,620 --> 00:06:37,660
masing-masing, dari elemen HTML,
seperti yang akan kita menyebutnya, yang disebut kepala.

157
00:06:37,660 --> 00:06:41,760
Dan jargon yang sama berlaku
tubuh dalam HTML dan sebagainya.

158
00:06:41,760 --> 00:06:43,970
>> Dan apa yang baik adalah
HTML-- dan memang, kami akan

159
00:06:43,970 --> 00:06:47,187
menghabiskan sangat sedikit waktu di atasnya,
karena Anda akan kebanyakan hanya mengetahui

160
00:06:47,187 --> 00:06:49,770
fitur apa itu ketika Anda
benar-benar memiliki masalah beton

161
00:06:49,770 --> 00:06:52,820
untuk solve-- Anda akan menemukan bahwa
browser cukup bodoh.

162
00:06:52,820 --> 00:06:56,450
Ini hanya akan do-- tidak berbeda
a computer-- apa yang Anda kirim dapat dilakukan.

163
00:06:56,450 --> 00:06:59,279
Dan ketika Anda memiliki terbuka
braket HTML di bagian paling atas

164
00:06:59,279 --> 00:07:01,320
di sana, yang pada dasarnya
hanya berarti, hei, browser,

165
00:07:01,320 --> 00:07:04,090
di sini datang sebuah halaman web yang ditulis dalam HTML.

166
00:07:04,090 --> 00:07:06,130
>> Ketika melihat braket terbuka
kepala, itu hanya berarti,

167
00:07:06,130 --> 00:07:10,350
hei, browser, inilah kepala, atau
bagian paling atas dari halaman web saya.

168
00:07:10,350 --> 00:07:14,192
Ketika melihat braket tertutup
kepala, itu hanya berarti, hei,

169
00:07:14,192 --> 00:07:15,150
itu saja untuk kepala.

170
00:07:15,150 --> 00:07:16,420
Siaga untuk sesuatu yang lain.

171
00:07:16,420 --> 00:07:18,878
Dan itu sesuatu yang lain adalah
tampaknya akan menjadi tubuh.

172
00:07:18,878 --> 00:07:22,630
Dan ketika Anda tidak memiliki tag, seperti
Anda baru saja halo, koma, dunia,

173
00:07:22,630 --> 00:07:26,610
itu hanya akan menjadi teks baku yang
akhirnya ditampilkan dalam layar.

174
00:07:26,610 --> 00:07:29,220
>> Sekarang, Anda akan melihat terlalu
lekukan di sini.

175
00:07:29,220 --> 00:07:32,160
Anda mungkin dapat menyimpulkan
bagaimana kita stylizing itu.

176
00:07:32,160 --> 00:07:34,850
Setiap kali saya membuka tag,
sehingga untuk berbicara, saya indent.

177
00:07:34,850 --> 00:07:38,540
Dan setiap kali saya menutup
tag, saya un-indent,

178
00:07:38,540 --> 00:07:40,690
memiliki semangat yang sama kurung kurawal.

179
00:07:40,690 --> 00:07:43,470
Dan di luar itu, aku jenis
menggunakan penilaian saya.

180
00:07:43,470 --> 00:07:48,380
Perhatikan bahwa saya tidak repot-repot memukul
Masukkan dalam tag judul.

181
00:07:48,380 --> 00:07:48,990
Mengapa?

182
00:07:48,990 --> 00:07:51,920
Yah, aku hanya memutuskan itu tampak
sedikit bersih untuk saya, manusia,

183
00:07:51,920 --> 00:07:53,181
hanya tidak repot-repot melakukan hal itu.

184
00:07:53,181 --> 00:07:54,930
Jadi sekali lagi, ada beberapa
penghakiman panggilan hanya

185
00:07:54,930 --> 00:07:57,670
seperti ada di C atau bahasa apapun.

186
00:07:57,670 --> 00:08:04,110
>> Tetapi perhatikan juga bahwa lekukan ini
cocok untuk model mental,

187
00:08:04,110 --> 00:08:05,670
tidak lebih dari menyulitkan itu.

188
00:08:05,670 --> 00:08:07,020
Tapi pohon, kan?

189
00:08:07,020 --> 00:08:09,290
Jika Anda berpikir tentang web
Halaman, tampaknya ditulis

190
00:08:09,290 --> 00:08:12,050
seperti ini, sebagai
baik menjorok seperti itu,

191
00:08:12,050 --> 00:08:17,390
Anda hampir bisa memikirkan braket terbuka
HTML tag braket tertutup demarkasi

192
00:08:17,390 --> 00:08:21,380
akar simpul, pohon keluarga
gaya simpul dalam gaya pohon

193
00:08:21,380 --> 00:08:22,900
kami melihat Jumat lalu.

194
00:08:22,900 --> 00:08:27,630
>> Dan memang, kita harus di sebelah kanan disini
apa yang akan kita sebut DOM, D-O-M, dokumen

195
00:08:27,630 --> 00:08:31,680
model objek, cara mewah untuk mengatakan
pohon yang mewakili HTML itu.

196
00:08:31,680 --> 00:08:36,140
Dan perhatikan bahwa HTML memiliki, kita akan mengatakan,
seperti pohon keluarga, dua anak.

197
00:08:36,140 --> 00:08:37,659
Di sebelah kiri adalah kepala.

198
00:08:37,659 --> 00:08:39,179
Di sebelah kanan tubuh.

199
00:08:39,179 --> 00:08:44,220
>> Dan hanya sebagai latihan berpikir ceroboh,
Kepala, tentu saja, memiliki berapa banyak anak

200
00:08:44,220 --> 00:08:46,070
menurut struktur ini?

201
00:08:46,070 --> 00:08:48,200
Jadi hanya satu, title--
dan itulah mengapa kita memiliki

202
00:08:48,200 --> 00:08:50,580
panah pergi dari kepala sampai judul.

203
00:08:50,580 --> 00:08:55,110
Jadi seolah-olah orang itu di
pohon keluarga memiliki hanya satu anak.

204
00:08:55,110 --> 00:08:58,230
Dan kemudian judulnya sendiri bisa
dikatakan memiliki anak juga.

205
00:08:58,230 --> 00:09:01,780
>> Ingat bahwa HTML memiliki
halo, koma, dunia bawahnya.

206
00:09:01,780 --> 00:09:06,090
Dan aku hanya ditarik itu dalam suatu
oval bukan persegi panjang hanya

207
00:09:06,090 --> 00:09:10,559
untuk menyampaikan semantik bahwa meskipun
itu adalah node di pohon, sehingga untuk berbicara,

208
00:09:10,559 --> 00:09:12,100
itu semacam fundamental berbeda.

209
00:09:12,100 --> 00:09:12,800
Ini bukan tag.

210
00:09:12,800 --> 00:09:14,780
Atau lebih tepat, itu bukan unsur.

211
00:09:14,780 --> 00:09:16,590
Ini hanya node teks, jika Anda mau.

212
00:09:16,590 --> 00:09:18,990
Tapi ini benar-benar
konvensi manusia yang sewenang-wenang.

213
00:09:18,990 --> 00:09:23,180
Ini hanya sekarang cara saya
mewakili apa yang aku akan sebagai agregat

214
00:09:23,180 --> 00:09:24,340
memanggil dokumen.

215
00:09:24,340 --> 00:09:27,750
>> Dan sebagai samping, hal di
super pojok kiri,

216
00:09:27,750 --> 00:09:32,080
braket terbuka tanda seru doc
Jenis HTML, ini tampak seperti tag,

217
00:09:32,080 --> 00:09:35,560
tapi itu kasus sudut bodoh mana
yang hanya ada, disalin dan disisipkan

218
00:09:35,560 --> 00:09:38,460
untuk menunjukkan browser
ini adalah HTML versi 5.

219
00:09:38,460 --> 00:09:41,540
Dunia terus berubah apa
baris pertama kode dalam halaman harus.

220
00:09:41,540 --> 00:09:43,820
Ini hanya berarti versi 5.

221
00:09:43,820 --> 00:09:45,950
Sehingga tidak cukup
terlihat seperti orang lain.

222
00:09:45,950 --> 00:09:48,120
>> Baiklah, jadi dengan itu
kata, sekarang Anda akan menghargai

223
00:09:48,120 --> 00:09:50,767
ini cukup bodoh ini
tattoo seseorang mendapat.

224
00:09:50,767 --> 00:09:51,990
>> [Tertawa]

225
00:09:51,990 --> 00:09:54,210
>> DAVID J Malan: Baiklah,
dan sekarang mari kita benar-benar menyelam

226
00:09:54,210 --> 00:09:55,710
melakukan sesuatu dengan ini.

227
00:09:55,710 --> 00:09:58,610
Anda akan ingat bahwa terakhir kali
Saya membuka Appliance CS50

228
00:09:58,610 --> 00:10:01,650
dan aku melakukan sesuatu seperti
sederhana seperti membuka gedit.

229
00:10:01,650 --> 00:10:05,190
Dan aku menyimpan file bahkan pada
desktop-- saya tempat special--

230
00:10:05,190 --> 00:10:05,870
sebagai hello.html.

231
00:10:05,870 --> 00:10:07,100

232
00:10:07,100 --> 00:10:10,984
>> Jadi biarkan aku melakukan itu
again-- hello.html Enter.

233
00:10:10,984 --> 00:10:13,900
Dan sekarang dalam file ini, aku akan
pergi ke depan dan meniru apa yang kita hanya

234
00:10:13,900 --> 00:10:18,850
doc saw-- Jenis html Kemudian aku akan
melakukan open braket html braket tertutup.

235
00:10:18,850 --> 00:10:21,890
Dan kemudian aku akan Terlebih Dahulu
membuka dan menutup tag.

236
00:10:21,890 --> 00:10:22,390
Mengapa?

237
00:10:22,390 --> 00:10:23,598
Hanya supaya aku jangan lupa nanti.

238
00:10:23,598 --> 00:10:26,850
Hanya saja praktek yang baik, seperti pembukaan
dan menutup kurung kurawal sekaligus.

239
00:10:26,850 --> 00:10:28,900
>> Dan kemudian apa yang terjadi selanjutnya?

240
00:10:28,900 --> 00:10:30,582
Anda dapat menganggap tato.

241
00:10:30,582 --> 00:10:31,450
>> AUDIENCE: Kepala.

242
00:10:31,450 --> 00:10:32,500
>> DAVID J Malan: Kepala.

243
00:10:32,500 --> 00:10:36,020
Dan kemudian di sini, saya
memiliki judul, saya pikir.

244
00:10:36,020 --> 00:10:39,886
Dan judul itu sewenang-wenang,
Halo, judul dekat dunia.

245
00:10:39,886 --> 00:10:42,760
Dan kemudian di sini, tubuh, dari
course-- maka kita menutup tag body.

246
00:10:42,760 --> 00:10:45,660
Dan kemudian hanya agak berlebihan,
Aku punya hal yang sama di sini.

247
00:10:45,660 --> 00:10:47,150
>> Jadi saya mengklaim bahwa ini adalah halaman web.

248
00:10:47,150 --> 00:10:49,050
Ini adalah sesuatu yang
sekarang bisa hidup di web,

249
00:10:49,050 --> 00:10:51,925
meskipun tentu saja, itu benar-benar
hidup pada desktop saya sekarang.

250
00:10:51,925 --> 00:10:55,837
Tapi memang, jika saya meminimalkan gedit,
Saya akan melihat pada desktop saya ikonnya.

251
00:10:55,837 --> 00:10:58,420
Meskipun ini adalah alat,
Anda bisa melakukan ini di Mac OS

252
00:10:58,420 --> 00:11:01,580
tanpa TextEdit atau
Jendela dengan Notepad bahkan.

253
00:11:01,580 --> 00:11:06,115
>> Dan jika aku pergi ke depan dan klik ganda
bahkan, dan select-- baik, mari kita

254
00:11:06,115 --> 00:11:07,990
tidak memilih itu karena
Chrome tidak membuka.

255
00:11:07,990 --> 00:11:09,281
Mari kita pergi ke depan dan membuka Chrome.

256
00:11:09,281 --> 00:11:10,160

257
00:11:10,160 --> 00:11:14,040
Dan kemudian melakukan Command-O untuk terbuka
Dan arahkan ke desktop saya

258
00:11:14,040 --> 00:11:15,320
dan membuka file itu.

259
00:11:15,320 --> 00:11:20,120
Itu adalah bagaimana browser menafsirkan
HTML, atas ke bawah, kiri ke kanan.

260
00:11:20,120 --> 00:11:21,314
Hei, peramban inilah HTML.

261
00:11:21,314 --> 00:11:21,980
Berikut kepala.

262
00:11:21,980 --> 00:11:23,250
Berikut judul.

263
00:11:23,250 --> 00:11:24,090
Berikut tubuh.

264
00:11:24,090 --> 00:11:26,620
Dan memang, ini adalah bagaimana
mampu membuat halaman web.

265
00:11:26,620 --> 00:11:27,800
>> Tapi perhatikan URL.

266
00:11:27,800 --> 00:11:32,430
Tak satu pun dari Anda bisa menarik khusus ini
halaman di laptop Anda sekarang,

267
00:11:32,430 --> 00:11:34,910
bahkan dalam Anda
alat melalui URL tersebut,

268
00:11:34,910 --> 00:11:40,130
karena file: // menunjukkan itu sebenarnya
pada sistem file saya, hard drive,

269
00:11:40,130 --> 00:11:40,990
bukan milikmu.

270
00:11:40,990 --> 00:11:42,440
Jadi ini bukan semua yang berguna.

271
00:11:42,440 --> 00:11:44,940
>> Mari kita sekarang bergerak ke arah
menggunakan server web yang sebenarnya.

272
00:11:44,940 --> 00:11:48,309
Dan ternyata CS50 Appliance
adalah lebih dari sekedar sebuah lingkungan di mana

273
00:11:48,309 --> 00:11:51,100
Anda dapat menulis kode C dan kompilasi
dan menjalankannya seperti yang telah Anda lakukan.

274
00:11:51,100 --> 00:11:55,500
Hal ini juga telah dikonfigurasi oleh
staf untuk mewakili web khas

275
00:11:55,500 --> 00:11:58,290
server yang ada di internet,
salah satu yang mungkin Anda bayar untuk

276
00:11:58,290 --> 00:12:00,210
atau salah satu yang ada di apa yang disebut awan.

277
00:12:00,210 --> 00:12:02,600
>> Dan itu berjalan
standar open source gratis

278
00:12:02,600 --> 00:12:06,160
software, misalnya, sesuatu
disebut Apache, yang mungkin

279
00:12:06,160 --> 00:12:08,700
masih web yang paling populer
perangkat lunak server di dunia

280
00:12:08,700 --> 00:12:11,030
bahwa ribuan website menggunakan hari ini.

281
00:12:11,030 --> 00:12:13,420
Dan itu juga bahkan memiliki
perangkat lunak seperti MySQL,

282
00:12:13,420 --> 00:12:16,240
yang merupakan server database
bahwa kita akhirnya akan mendapatkan,

283
00:12:16,240 --> 00:12:18,330
yang hanya untuk mengatakan
Aku bisa mulai memperlakukan

284
00:12:18,330 --> 00:12:22,040
alat saya sebagai server penuh baku
bahwa aku tidak membayar untuk tempat lain.

285
00:12:22,040 --> 00:12:25,980
Itu hanya hidup di laptop saya sendiri untuk
pengembangan dan kenyamanan tujuan.

286
00:12:25,980 --> 00:12:27,870
>> Jadi mari kita pergi ke depan dan
mengambil keuntungan dari ini.

287
00:12:27,870 --> 00:12:30,120
Aku akan pergi ke depan dan
membuka jendela terminal.

288
00:12:30,120 --> 00:12:33,030
Dan aku akan pergi ke depan dan
move-- sebenarnya, pertama aku

289
00:12:33,030 --> 00:12:34,860
akan menavigasi ke desktop saya.

290
00:12:34,860 --> 00:12:36,400
Jika saya melakukan ls, ada hello.html.

291
00:12:36,400 --> 00:12:37,022

292
00:12:37,022 --> 00:12:38,730
Dan aku akan pergi
depan dan mulai menggunakan

293
00:12:38,730 --> 00:12:40,800
direktori baru kita sudah
tidak digunakan sebelum hari ini.

294
00:12:40,800 --> 00:12:46,840
>> hello.html-- Aku akan pindah
untuk ../vhosts untuk hosts-- maya

295
00:12:46,840 --> 00:12:50,940
lebih pada bahwa dalam future-- dan kemudian
ke dalam direktori yang disebut localhost,

296
00:12:50,940 --> 00:12:54,420
yang merupakan julukan yang diberikan kepada hampir
komputer manapun, apakah itu Mac, PC,

297
00:12:54,420 --> 00:12:57,560
atau komputer Linux, dan kemudian
khusus ke dalam direktori yang kita,

298
00:12:57,560 --> 00:13:01,260
staf sudah dibuat untuk Anda ketika
Anda download alat yang disebut

299
00:13:01,260 --> 00:13:01,760
publik.

300
00:13:01,760 --> 00:13:04,551
Dan seperti namanya, apa pun
Aku dimasukkan ke dalam folder ini, secara teori,

301
00:13:04,551 --> 00:13:07,790
akan sekarang menjadi
publik, setidaknya untuk orang-orang

302
00:13:07,790 --> 00:13:10,030
yang memiliki secara langsung
koneksi ke komputer saya.

303
00:13:10,030 --> 00:13:13,160
>> Jadi sekarang biarkan aku pergi ke depan dan
melakukan cd ke direktori yang sama

304
00:13:13,160 --> 00:13:15,490
jadi saya bisa melihat apa yang
terjadi dan jenis ls.

305
00:13:15,490 --> 00:13:17,630
Dan memang, itulah
Satu-satunya hal di sana.

306
00:13:17,630 --> 00:13:23,250
Saya mengklaim sekarang bahwa karena saya telah menempatkan ini
mengajukan hello.html dalam direktori

307
00:13:23,250 --> 00:13:26,940
disebut dalam publik direktori
disebut localhost dalam direktori

308
00:13:26,940 --> 00:13:29,810
disebut vhosts, yang
terima kasih kepada staf CS50

309
00:13:29,810 --> 00:13:34,390
telah pra-dikonfigurasi untuk menjadi
root server web Anda,

310
00:13:34,390 --> 00:13:36,900
Saya sekarang dapat mudah-mudahan melakukan hal ini.

311
00:13:36,900 --> 00:13:38,390
>> Aku akan membuka tab baru.

312
00:13:38,390 --> 00:13:40,090
Dan aku akan pergi untuk tidak mengajukan: //.

313
00:13:40,090 --> 00:13:44,520
Aku akan menggunakan aktual
http / localhost, yang

314
00:13:44,520 --> 00:13:47,470
lagi, adalah nama panggilan
untuk server sendiri.

315
00:13:47,470 --> 00:13:51,085
Dan kemudian aku akan pergi ke apa
Nama file, hanya harus jelas?

316
00:13:51,085 --> 00:13:52,680

317
00:13:52,680 --> 00:13:54,320
Dimana cerita ini mungkin akan?

318
00:13:54,320 --> 00:13:56,066

319
00:13:56,066 --> 00:13:56,565
hello.html.

320
00:13:56,565 --> 00:13:58,350

321
00:13:58,350 --> 00:14:04,270
>> Jadi dengan kata lain, saya ingin sekarang ini
komputer saya sendiri, alat saya sendiri,

322
00:14:04,270 --> 00:14:05,660
seolah-olah itu adalah server yang sebenarnya.

323
00:14:05,660 --> 00:14:07,490
Julukan ini localhost.

324
00:14:07,490 --> 00:14:10,210
Tapi pikirkan localhost sebagai seperti
Facebook.com google.com, apa pun.

325
00:14:10,210 --> 00:14:11,600
Hanya saja nama lokal saya.

326
00:14:11,600 --> 00:14:14,810
Dan kemudian akhir saya inginkan adalah di
akar dari hard drive, sehingga untuk berbicara,

327
00:14:14,810 --> 00:14:17,729
atau akar server web,
ergo garis miring dan kemudian

328
00:14:17,729 --> 00:14:18,770
yang hello.html nama file.

329
00:14:18,770 --> 00:14:19,880

330
00:14:19,880 --> 00:14:21,930
>> Mari saya zoom out dan tekan Enter.

331
00:14:21,930 --> 00:14:24,266
Dan memang, sekarang ada halaman web saya.

332
00:14:24,266 --> 00:14:25,390
Jadi itu sedikit berbeda.

333
00:14:25,390 --> 00:14:26,880
Dan itu hanya sebagai underwhelming.

334
00:14:26,880 --> 00:14:27,904
Ini adalah versi lama.

335
00:14:27,904 --> 00:14:29,070
Mari saya mengecilkan font kembali.

336
00:14:29,070 --> 00:14:29,745
Ini adalah tua.

337
00:14:29,745 --> 00:14:30,890
Ini adalah baru.

338
00:14:30,890 --> 00:14:35,430
Tapi apa yang fundamental terjadi
sekarang adalah bahwa HTTP sedang digunakan.

339
00:14:35,430 --> 00:14:39,344
>> Mari kita membuat ini sedikit lebih jelas atau,
jika Anda mau, sedikit lebih rumit.

340
00:14:39,344 --> 00:14:41,760
Biarkan aku pergi ke kanan bawah
pojok alat saya.

341
00:14:41,760 --> 00:14:44,000
Dan perhatikan bahwa semua ini
waktu, sudah ada nomor.

342
00:14:44,000 --> 00:14:47,330
Itu adalah alamat unik
Appliance CS50 Anda.

343
00:14:47,330 --> 00:14:50,800
Ini adalah alamat pribadi,
seperti yang tersirat oleh 172,16,

344
00:14:50,800 --> 00:14:53,860
yang hanya berarti hanya Anda secara fisik
dapat mengakses server web ini.

345
00:14:53,860 --> 00:14:56,340
Semuanya firewall dan
baik dilindungi dari sisa

346
00:14:56,340 --> 00:14:58,130
dunia karena ini menangani.

347
00:14:58,130 --> 00:15:01,920
>> Dan sekarang melihat meskipun jika aku pergi ke
alamat ini, bukan dalam alat saya,

348
00:15:01,920 --> 00:15:04,340
tapi di Mac OS-- aku akan
untuk kembali ke sini.

349
00:15:04,340 --> 00:15:05,930
Ini adalah Mac saya sekarang.

350
00:15:05,930 --> 00:15:08,460
Dan sekarang aku akan membuka
versi Chrome di sini.

351
00:15:08,460 --> 00:15:17,370
Dan aku akan pergi ke http: //172.16.25
/ Dan aku lupa rest-- 133.

352
00:15:17,370 --> 00:15:25,210
>> Jadi aku akan mengunjungi dari Mac
alamat IP /hello.html Enter.

353
00:15:25,210 --> 00:15:29,850
Dan sekarang saya melihat dari Mac
bahwa CS50 Appliance saya, siapa

354
00:15:29,850 --> 00:15:32,600
Alamat IP adalah bahwa
jumlah, memang berperilaku

355
00:15:32,600 --> 00:15:34,320
seperti server web di internet.

356
00:15:34,320 --> 00:15:36,944
Tidak memiliki bagus mudah
ingat nama seperti Facebook.com,

357
00:15:36,944 --> 00:15:40,370
tapi itu menggunakan HTTP
Rupanya, meskipun Chrome

358
00:15:40,370 --> 00:15:43,560
adalah jenis menyederhanakan dunia
bagi kita tetapi tidak menunjukkan kita HTTP.

359
00:15:43,560 --> 00:15:46,210
Tapi ini memang persis seperti itu.

360
00:15:46,210 --> 00:15:48,470
Chrome hanya menyimpan beberapa
keystrokes hari ini.

361
00:15:48,470 --> 00:15:50,530
Dan itulah yang sekarang kita lihat.

362
00:15:50,530 --> 00:15:51,890
>> Jadi itu semua baik dan bagus.

363
00:15:51,890 --> 00:15:53,740
Tapi itu halaman cukup underwhelming.

364
00:15:53,740 --> 00:15:56,230
Biarkan aku masuk dan melakukan sesuatu
sedikit berbeda sekarang.

365
00:15:56,230 --> 00:15:57,910
Jadi biarkan aku kembali ke gedit.

366
00:15:57,910 --> 00:16:00,580
Dan bukannya halo,
Situs, mari kita menempatkan gambar.

367
00:16:00,580 --> 00:16:05,880
Dan saya mengaku dari before-- biarkan aku pergi
ke saya publik direktori localhost.

368
00:16:05,880 --> 00:16:10,580
Dan biarkan aku pergi ke depan dan menyalin
Seluruh sekelompok file dari hari ini

369
00:16:10,580 --> 00:16:15,633
dari folder Dropbox saya ke sini.

370
00:16:15,633 --> 00:16:19,470

371
00:16:19,470 --> 00:16:21,680
>> Sekarang jika saya ketik ls, terlihat
sama sekali file-file ini

372
00:16:21,680 --> 00:16:24,940
bahwa saya telah didistribusikan oleh
situs mata kuliah di muka hari ini,

373
00:16:24,940 --> 00:16:26,830
salah satunya adalah masih hello.html.

374
00:16:26,830 --> 00:16:27,830
Jadi ada satu itu.

375
00:16:27,830 --> 00:16:30,730
Dan ingat satu konyol ini
dari cat.jpg time-- terakhir.

376
00:16:30,730 --> 00:16:34,550
Jadi saya mencoba untuk menanamkan
cat.jpg dalam halaman web saya.

377
00:16:34,550 --> 00:16:37,690
>> Aku akan pergi ke depan
dan melakukan cat.jpg, simpan.

378
00:16:37,690 --> 00:16:38,950
Biarkan aku kembali ke Chrome.

379
00:16:38,950 --> 00:16:41,140
Dan biarkan aku tampilannya di
font dan sekarang reload.

380
00:16:41,140 --> 00:16:43,090

381
00:16:43,090 --> 00:16:45,030
Ups, di mana saya menempatkan ini?

382
00:16:45,030 --> 00:16:48,210

383
00:16:48,210 --> 00:16:51,520
Standby-- aku masih memiliki lama
versi dari open desktop saya.

384
00:16:51,520 --> 00:16:56,020
Jadi biarkan aku pergi ke vhost saya, saya
localhost, publik saya, dan hello.html.

385
00:16:56,020 --> 00:16:57,320

386
00:16:57,320 --> 00:17:00,670
Jadi sekarang biarkan aku pergi ke depan dan
mengatakan cat.jpg dalam tubuh

387
00:17:00,670 --> 00:17:02,830
di mana saya ingin menjadi
ditampilkan dan reload.

388
00:17:02,830 --> 00:17:04,560
Tentu saja, ini tidak benar.

389
00:17:04,560 --> 00:17:08,050
>> Jadi saya harus memberitahu browser sedikit
lebih sengaja apa yang saya ingin lakukan.

390
00:17:08,050 --> 00:17:10,210
Cukup mengetik nama adalah
jelas tidak cukup.

391
00:17:10,210 --> 00:17:15,134
Jadi ingat bahwa ada yang lain
tag, gambar, img untuk pendek.

392
00:17:15,134 --> 00:17:17,550
Itu hanya karena manusia
tidak suka jenis kata-kata penuh.

393
00:17:17,550 --> 00:17:19,050
Dan kemudian kita dapat melakukan sumber = "cat.jpg".

394
00:17:19,050 --> 00:17:21,470

395
00:17:21,470 --> 00:17:23,550
>> Dan sekarang aku akan melakukan
satu hal yang berbeda di sini.

396
00:17:23,550 --> 00:17:25,390
Meskipun semua
tag kami sejauh ini memiliki

397
00:17:25,390 --> 00:17:28,086
memiliki gagasan dari
mulai tag dan tag akhir,

398
00:17:28,086 --> 00:17:30,210
itu tidak benar-benar membuat
akal untuk gambar, kan?

399
00:17:30,210 --> 00:17:32,430
Sebuah gambar yang baik ada atau tidak ada.

400
00:17:32,430 --> 00:17:36,650
Dan manusia telah datang
dengan konvensi sederhana.

401
00:17:36,650 --> 00:17:40,310
Bila Anda memiliki tag yang dapat baik
memulai dan mengakhiri di time-- yang sama

402
00:17:40,310 --> 00:17:43,790
bisa kosong, sehingga untuk speak-- hanya
menempatkan garis miring dalam tag

403
00:17:43,790 --> 00:17:44,710
di akhir.

404
00:17:44,710 --> 00:17:45,776

405
00:17:45,776 --> 00:17:47,150
Sekarang biarkan aku kembali ke browser saya.

406
00:17:47,150 --> 00:17:50,377
Hit Reload Sialan, ada sesuatu yang salah.

407
00:17:50,377 --> 00:17:52,460
Anda mungkin pernah melihat ini
kadang-kadang di web,

408
00:17:52,460 --> 00:17:53,600
bahkan jika itu tidak pernah salahmu.

409
00:17:53,600 --> 00:17:54,766
Ini kesalahan web server.

410
00:17:54,766 --> 00:17:56,240
Odes Apa ini tampaknya menunjukkan?

411
00:17:56,240 --> 00:17:57,450

412
00:17:57,450 --> 00:17:58,009
Ini rusak.

413
00:17:58,009 --> 00:17:59,300
Di situlah gambar milik.

414
00:17:59,300 --> 00:17:59,700
Ya?

415
00:17:59,700 --> 00:18:01,560
>> AUDIENCE: Tapi itu tidak
memiliki akses ke gambar.

416
00:18:01,560 --> 00:18:03,070
>> DAVID J Malan: Ini tidak
memiliki akses ke gambar.

417
00:18:03,070 --> 00:18:05,230
Itu, atau bahkan lebih buruk, mungkin
itu bahkan tidak ada.

418
00:18:05,230 --> 00:18:06,729
Mari kita lihat jika kita tidak dapat mendiagnosa itu.

419
00:18:06,729 --> 00:18:09,390
Ingat dari terakhir kali bahwa jika
di Chrome, pada alat,

420
00:18:09,390 --> 00:18:11,870
atau bahkan pada Mac atau PC,
Anda pergi ke menu Developer

421
00:18:11,870 --> 00:18:14,650
dan pergi ke Developer Tools
pilihan, yang mungkin Anda sudah

422
00:18:14,650 --> 00:18:16,850
tidak banyak digunakan atau pernah.

423
00:18:16,850 --> 00:18:20,780
Dan jika saya pergi ke Jaringan
dan kembali halaman tersebut,

424
00:18:20,780 --> 00:18:24,110
mari kita benar-benar melihat HTTP
permintaan yang sedang dibuat.

425
00:18:24,110 --> 00:18:28,400
>> Sepertinya hello.html adalah
memang OK, maka 200.

426
00:18:28,400 --> 00:18:30,630
Tapi cat.jpg adalah 403.

427
00:18:30,630 --> 00:18:31,650
Jadi bukan 404.

428
00:18:31,650 --> 00:18:33,490
File mungkin ada.

429
00:18:33,490 --> 00:18:35,250
403 berarti terlarang.

430
00:18:35,250 --> 00:18:37,790
Jadi ini adalah sedikit membingungkan.

431
00:18:37,790 --> 00:18:42,340
Aku akan kembali
ke jendela terminal saya.

432
00:18:42,340 --> 00:18:43,700
Biarkan aku memperbesar sini.

433
00:18:43,700 --> 00:18:44,750
Dan biarkan aku melakukan ls.

434
00:18:44,750 --> 00:18:46,430
Ada file-file yang sama.

435
00:18:46,430 --> 00:18:49,410
>> Sekarang biarkan aku melakukan ls-l,
yang Anda sudah mungkin

436
00:18:49,410 --> 00:18:53,350
digunakan sebelumnya untuk melihat berkas
ukuran mungkin atau cap waktu.

437
00:18:53,350 --> 00:18:55,590
Dan kita melihat sejumlah besar
informasi yang luar biasa.

438
00:18:55,590 --> 00:18:57,040
Tapi perhatikan beberapa rincian.

439
00:18:57,040 --> 00:19:01,660
Berikut hello.html dalam hal ini
baris di sini dan inilah cat.jpg.

440
00:19:01,660 --> 00:19:02,934

441
00:19:02,934 --> 00:19:05,850
Dan itu hanya alat yang
user friendly dengan menyorot JPEG

442
00:19:05,850 --> 00:19:07,380
ungu seperti ini.

443
00:19:07,380 --> 00:19:11,470
Tapi apa lagi yang berbeda di samping
ukuran file dan nama file?

444
00:19:11,470 --> 00:19:13,438

445
00:19:13,438 --> 00:19:14,754
>> AUDIENCE: [tak terdengar].

446
00:19:14,754 --> 00:19:16,920
DAVID J Malan: Ya, ada
dua R di sini.

447
00:19:16,920 --> 00:19:20,170
Perhatikan apa yang hello.html telah terjadi.

448
00:19:20,170 --> 00:19:24,050
Jadi ternyata bahwa nama
publik direktori ini penting.

449
00:19:24,050 --> 00:19:26,400
Apa pun dalam direktori ini
dimaksudkan untuk umum.

450
00:19:26,400 --> 00:19:28,790
Tapi itu tidak cukup
hanya untuk drop file di sana.

451
00:19:28,790 --> 00:19:31,480
Anda juga perlu mengubah
modus dari file,

452
00:19:31,480 --> 00:19:35,180
mengubah hak akses dari
file untuk secara proaktif tidak

453
00:19:35,180 --> 00:19:37,650
menjadi pengaturan default,
yang hanya bisa saya baca

454
00:19:37,650 --> 00:19:39,220
dan menulis itu, saya menjadi pemilik.

455
00:19:39,220 --> 00:19:43,540
Saya ingin semua orang dunia secara keseluruhan untuk
dapat membaca file saya, sehingga untuk berbicara.

456
00:19:43,540 --> 00:19:44,950
Baca hanya berarti melihatnya.

457
00:19:44,950 --> 00:19:49,780
>> Dan memang, seperti yang Anda lihat di masalah
menetapkan tujuh, itulah yang berarti ini R.

458
00:19:49,780 --> 00:19:53,160
Kedua R berarti membiarkan semua orang
lain di dunia juga membacanya,

459
00:19:53,160 --> 00:19:55,300
apalagi sekarang
itu adalah di direktori ini.

460
00:19:55,300 --> 00:19:59,620
Jadi cara paling sederhana untuk memperbaiki ini adalah untuk
pergi ke prompt saya dan melakukan chmod untuk perubahan

461
00:19:59,620 --> 00:20:05,580
Modus dan kemudian melakukan + r, sama sekali,
semua orang, semua, ditambah r untuk membaca,

462
00:20:05,580 --> 00:20:07,944
dan kemudian cat.jpg Enter.

463
00:20:07,944 --> 00:20:10,360
Tidak ada yang tampaknya terjadi, yang
biasanya berarti hal yang baik.

464
00:20:10,360 --> 00:20:13,850
Jadi ls-l again-- sekarang
mari kita lihat cat.jpg.

465
00:20:13,850 --> 00:20:15,750
Dan izin ini
tampaknya telah berubah.

466
00:20:15,750 --> 00:20:18,670
Sebagai samping, jika Anda membuat
kesalahan dan Anda, misalnya,

467
00:20:18,670 --> 00:20:23,210
hanya membuat your-- saya tidak tahu-- esai
publik dapat diakses oleh kecelakaan,

468
00:20:23,210 --> 00:20:25,480
Anda dapat melakukan hal yang sebaliknya, chmod a-r.

469
00:20:25,480 --> 00:20:25,909

470
00:20:25,909 --> 00:20:28,200
Meskipun terus terang, seharusnya tidak
berada di direktori publik

471
00:20:28,200 --> 00:20:29,760
pula jika itu perhatian.

472
00:20:29,760 --> 00:20:32,475
>> Jadi sekarang mari kita kembali ke
browser saya dan reload.

473
00:20:32,475 --> 00:20:32,904

474
00:20:32,904 --> 00:20:34,820
Dan aku akan klik
Ghostbusters sedikit

475
00:20:34,820 --> 00:20:38,030
simbol untuk membersihkan bagian dari
layar sehingga kita dapat melihat permintaan baru.

476
00:20:38,030 --> 00:20:40,630
Dan memang, di sini adalah
Cat Grump dari sebelumnya.

477
00:20:40,630 --> 00:20:43,010
Tapi yang lebih penting,
secara teknis, ada

478
00:20:43,010 --> 00:20:45,565
nomor 200, yang
berarti kita mendapatkannya OK.

479
00:20:45,565 --> 00:20:47,190
Baiklah, jadi itu semua baik dan bagus.

480
00:20:47,190 --> 00:20:48,940
Tapi kami tidak membuat
yang terbaik dari website,

481
00:20:48,940 --> 00:20:51,967
atau kita akan mencoba terlalu keras untuk
membuat fanciest website hari ini.

482
00:20:51,967 --> 00:20:54,550
Tapi mari kita setidaknya melakukan sesuatu
Super akrab sebelum berderak

483
00:20:54,550 --> 00:20:56,030
off beberapa tag lainnya.

484
00:20:56,030 --> 00:20:58,470
Jadi kira saya tidak hanya ingin kucing di sini.

485
00:20:58,470 --> 00:21:02,530
Misalkan saya benar-benar ingin ini
kucing untuk link ke sesuatu.

486
00:21:02,530 --> 00:21:07,210
>> Aku mungkin, misalnya
melakukan sesuatu seperti ini.

487
00:21:07,210 --> 00:21:08,580

488
00:21:08,580 --> 00:21:12,890
untuk jangkar href untuk
referensi equals-- hiper

489
00:21:12,890 --> 00:21:17,440
dan mari kita melakukan sesuatu
seperti www.google.com dekat

490
00:21:17,440 --> 00:21:19,540
mengutip braket dekat.

491
00:21:19,540 --> 00:21:22,000
Dan sekarang mencari kucing.

492
00:21:22,000 --> 00:21:23,520
Tutup anchor tag.

493
00:21:23,520 --> 00:21:26,760
Jadi ini hanya memiliki satu jenis
detail dari fundamental baru.

494
00:21:26,760 --> 00:21:28,190
Tag tentu saja, berbeda.

495
00:21:28,190 --> 00:21:31,770
Ini adalah nama untuk anchor
href atau hiper referensi.

496
00:21:31,770 --> 00:21:35,269
>> Tapi yang lebih penting, ada
fitur ini sintaksis sini.

497
00:21:35,269 --> 00:21:37,810
Ini adalah apa yang akan kita mulai memanggil
tidak tag, tapi atribut.

498
00:21:37,810 --> 00:21:40,830
Dan atribut adalah sesuatu yang
memodifikasi perilaku tag.

499
00:21:40,830 --> 00:21:45,400
Dan ini atribut, href, berarti
memodifikasi perilaku jangkar ini

500
00:21:45,400 --> 00:21:48,430
sehingga ketika itu diklik,
ia pergi ke URL ini di sini.

501
00:21:48,430 --> 00:21:50,330
Dan tentu saja, URL yaitu Google.

502
00:21:50,330 --> 00:21:53,951
>> Sementara itu, apa ini
teks di sini akan menjadi?

503
00:21:53,951 --> 00:21:55,950
Nah, yang akan menjadi
apa manusia sebenarnya

504
00:21:55,950 --> 00:21:58,470
lihat sebagai digarisbawahi
Link, sesederhana itu.

505
00:21:58,470 --> 00:21:59,220
Jadi mari kita coba ini.

506
00:21:59,220 --> 00:21:59,980
Biarkan aku menyimpannya.

507
00:21:59,980 --> 00:22:01,650
Aku masih hello.html.

508
00:22:01,650 --> 00:22:05,360
Tapi dalam versi online, Anda akan melihat
nama file yang sebenarnya kita pre-prepared.

509
00:22:05,360 --> 00:22:06,805
Biarkan aku pergi ke depan dan kembali.

510
00:22:06,805 --> 00:22:08,680
Dan sekarang ini adalah sangat
Halaman underwhelming masih.

511
00:22:08,680 --> 00:22:10,910
Tapi kalau aku membawa lebih besar--
dan itu agak kecil,

512
00:22:10,910 --> 00:22:13,576
tapi-- Anda dapat melihat di bagian bawah
pojok kiri layar Anda,

513
00:22:13,576 --> 00:22:15,242
itu memang akan google.com.

514
00:22:15,242 --> 00:22:19,280
Dan jika saya klik itu, akan
mengocok saya jalan ke Google sebenarnya.

515
00:22:19,280 --> 00:22:22,610
>> Tapi perhatikan di sini kesempatan bagi
eksploitasi, hanya sebagai samping.

516
00:22:22,610 --> 00:22:25,150
Dan kami akan kembali ke yang lain
isu-isu keamanan sebelum lama.

517
00:22:25,150 --> 00:22:29,290
Karena ada dikotomi ini
antara di mana Anda pergi dan apa yang Anda katakan,

518
00:22:29,290 --> 00:22:34,722
Anda bisa melakukan sesuatu seperti
this-- http://www.google.com.

519
00:22:34,722 --> 00:22:37,134
OK, dan jika saya reload
setelah menyimpan halaman tersebut,

520
00:22:37,134 --> 00:22:38,800
sepertinya aku akan pergi ke Google.

521
00:22:38,800 --> 00:22:40,966
Tapi tidak ada alasan saya
harus pergi ke Google, kan?

522
00:22:40,966 --> 00:22:47,460
Aku benar-benar bisa pergi ke sesuatu seperti
badguy.com, kembali halaman tersebut di sini.

523
00:22:47,460 --> 00:22:49,750
Dan pemberitahuan, masih terlihat seperti Google.

524
00:22:49,750 --> 00:22:52,020
Dan hanya jika aku tajam
cukup untuk membawa lebih dari sini

525
00:22:52,020 --> 00:22:54,770
saya melihat itu bahkan akan
pergi ke lokasi yang berbeda.

526
00:22:54,770 --> 00:22:57,400
>> Jadi jika Anda pernah mendapatkan
email, terutama

527
00:22:57,400 --> 00:22:59,610
salah satu dari Paypal, atau
tampaknya dari Paypal

528
00:22:59,610 --> 00:23:01,830
meminta Anda untuk login
ke akun Anda, ini

529
00:23:01,830 --> 00:23:06,380
mengapa Anda harus tidak pernah
pernah mengklik link dalam email,

530
00:23:06,380 --> 00:23:07,930
terus terang, setiap link dalam email.

531
00:23:07,930 --> 00:23:10,380
Jika Anda tahu Anda memiliki yang sebenarnya
uang di Paypal atau Bank

532
00:23:10,380 --> 00:23:14,250
Amerika atau Fidelity atau
situs, ketik manual dalam.

533
00:23:14,250 --> 00:23:17,530
Karena melihat betapa mudahnya untuk
mengelabui seseorang menjadi menyajikan apa

534
00:23:17,530 --> 00:23:18,526
terlihat seperti link.

535
00:23:18,526 --> 00:23:20,400
Tapi itu benar-benar bisa
pergi benar-benar di mana saja.

536
00:23:20,400 --> 00:23:23,301
>> Dan ada jauh lebih besar
ancaman daripada ini.

537
00:23:23,301 --> 00:23:25,300
Bahkan, ini agak sedikit
dari garis singgung sekarang, tapi satu

538
00:23:25,300 --> 00:23:28,430
satu yang terbaik yang pernah saya lihat
yang sejak itu telah ditutup,

539
00:23:28,430 --> 00:23:34,060
adalah seseorang yang dipimpin orang
to-- jadi ini mungkin mengatakan,

540
00:23:34,060 --> 00:23:37,660
klik di sini untuk login ke Anda
rekening, rekening bank.

541
00:23:37,660 --> 00:23:40,985
Dan ini adalah Bank of the West.

542
00:23:40,985 --> 00:23:43,030

543
00:23:43,030 --> 00:23:44,250
>> Jadi seseorang membeli ini.

544
00:23:44,250 --> 00:23:47,090
Dan itu sedikit lebih mudah untuk melihat
dalam font mono spasi memperkecil

545
00:23:47,090 --> 00:23:49,190
di pada proyektor 30-kaki.

546
00:23:49,190 --> 00:23:51,720
Tapi ketika itu font kecil dalam
email yang Anda terima,

547
00:23:51,720 --> 00:23:54,690
ini tampak seperti bankofthewest.com,
tidak bankofthevvest.com,

548
00:23:54,690 --> 00:23:58,230
yang seseorang telah dibayar $ 10 untuk membeli.

549
00:23:58,230 --> 00:24:00,840
Dan kemudian ini membawa mereka ke
setara dengan beberapa situs yang buruk.

550
00:24:00,840 --> 00:24:05,540
>> Dan Anda akan melihat too-- sebenarnya bisa kita lakukan
this-- jika saya pergi ke situs yang sebenarnya,

551
00:24:05,540 --> 00:24:10,335
bankofthewest.com, sekali lagi,
ingat dari terakhir kali

552
00:24:10,335 --> 00:24:13,210
bahwa jika ini adalah halaman web mereka dan
Anda ingin tahu cara kerjanya,

553
00:24:13,210 --> 00:24:15,610
Anda pasti bisa pergi ke
Alat pengembang Chrome.

554
00:24:15,610 --> 00:24:18,890
Dan Anda dapat melihat semua
HTML baik diformat sana.

555
00:24:18,890 --> 00:24:20,890
>> Tetapi lebih penting lagi,
Anda cam-- mari kita tutup

556
00:24:20,890 --> 00:24:24,760
this-- Anda dapat pergi ke Lihat
Developer View Source.

557
00:24:24,760 --> 00:24:25,770

558
00:24:25,770 --> 00:24:28,350
Bagaimana kalau saya hanya menyalin
semua itu Dan kemudian saya

559
00:24:28,350 --> 00:24:31,630
bisa masuk ke jendela gedit kecilku
di sini dan membuat halaman web sendiri.

560
00:24:31,630 --> 00:24:33,210
Simpan ini dalam hello.html.

561
00:24:33,210 --> 00:24:36,770
Dan mungkin ini akan istirahat,
karena tidak mudah ini biasanya.

562
00:24:36,770 --> 00:24:41,590
Tapi sekarang jika saya reload halaman saya sendiri
saya sendiri CS50 Appliance dan tekan isi ulang,

563
00:24:41,590 --> 00:24:42,990
OK, beberapa hal pecah.

564
00:24:42,990 --> 00:24:45,750
Tapi aku cukup dekat untuk memiliki
situs perbankan saya sendiri, kan?

565
00:24:45,750 --> 00:24:46,570
Semua ini HTML--

566
00:24:46,570 --> 00:24:47,370
>> [Tertawa]

567
00:24:47,370 --> 00:24:49,210
>> DAVID J Malan: -Saya
tidak actually-- dan Anda

568
00:24:49,210 --> 00:24:52,210
tahu ada seseorang di luar sana yang
akan benar-benar klik link ini juga.

569
00:24:52,210 --> 00:24:54,864
Jadi jelas, beberapa barang pecah.

570
00:24:54,864 --> 00:24:56,780
Tapi itu akan memimpin
kita ke diskusi,

571
00:24:56,780 --> 00:25:00,810
tidak perlu sekarang, seperti apa
CSS, Cascading style sheet, adalah,

572
00:25:00,810 --> 00:25:03,410
dan bagaimana Anda benar-benar
download file lain HTML

573
00:25:03,410 --> 00:25:06,140
dan file JPEG file GIF yang
website mungkin menggunakan.

574
00:25:06,140 --> 00:25:07,960
Namun semua itu adalah accomplishable.

575
00:25:07,960 --> 00:25:11,110
Tapi itu benar-benar bermuara
ini heuristik yang sangat sederhana.

576
00:25:11,110 --> 00:25:14,450
>> Jadi sekarang mari kita skim melalui
beberapa contoh lain dari HTML

577
00:25:14,450 --> 00:25:16,680
hanya untuk memberikan rasa
apa lagi yang bisa Anda lakukan.

578
00:25:16,680 --> 00:25:18,670
Misalnya, ini list.html.

579
00:25:18,670 --> 00:25:23,240
Misalkan saya ingin membuat sebuah halaman web
dengan daftar rumah di quad.

580
00:25:23,240 --> 00:25:28,960
Saya mungkin menggunakan tag ul untuk unordered
daftar dan kemudian anak item daftar

581
00:25:28,960 --> 00:25:33,760
dan kemudian iterate over-- atau daftar,
rather-- rumah yang bersangkutan.

582
00:25:33,760 --> 00:25:36,080
>> Dan jika saya membuka hal ini, mari kita lakukan ini.

583
00:25:36,080 --> 00:25:40,670
Mari kita tidak hello.html,
tetapi untuk list.html.

584
00:25:40,670 --> 00:25:42,160
Sialan.

585
00:25:42,160 --> 00:25:43,000
Bagaimana cara mengatasinya?

586
00:25:43,000 --> 00:25:45,679

587
00:25:45,679 --> 00:25:47,220
Ini masalah yang sama seperti sebelumnya, kan?

588
00:25:47,220 --> 00:25:52,510
Jadi biarkan aku melakukan oops-- chmod--
chmod a + r dari list.html.

589
00:25:52,510 --> 00:25:54,610

590
00:25:54,610 --> 00:25:59,610
Dan jika aku kembali ke browser saya
dan klik Reload, itu dia.

591
00:25:59,610 --> 00:26:02,360
Jadi jika Anda pernah ingin membuat
daftar bullet, Anda bisa melakukan itu.

592
00:26:02,360 --> 00:26:06,210
Jika Anda ingin menjadi super mewah dan membuat
daftar ordered, bukan daftar unordered,

593
00:26:06,210 --> 00:26:10,170
mengubah mereka untuk ol, kembali halaman tersebut, dan
sekarang browser akan nomor untuk Anda.

594
00:26:10,170 --> 00:26:11,241
>> Apa lagi yang bisa kita lakukan?

595
00:26:11,241 --> 00:26:13,990
Nah, beberapa others-- jika
Anda punya paragraf panjang text--

596
00:26:13,990 --> 00:26:15,698
misalnya, beberapa
Teks latin seperti this--

597
00:26:15,698 --> 00:26:20,730
dan Anda ingin dalam paragraf terpisah,
p terbuka, p dekat untuk tag paragraf.

598
00:26:20,730 --> 00:26:22,010
Dan melakukannya lagi dan lagi.

599
00:26:22,010 --> 00:26:26,600
Dan jika sekarang saya membuka file ini,
paragraphs.html, baik, ini

600
00:26:26,600 --> 00:26:27,570
semakin menjengkelkan.

601
00:26:27,570 --> 00:26:34,320
Jadi sekarang mari kita kembali ke saya
prompt, chmod a + r r bintang .html--

602
00:26:34,320 --> 00:26:36,099
bagus sedikit wild card sehingga untuk berbicara.

603
00:26:36,099 --> 00:26:37,890
Ini harus memperbaiki semua
masalah ini bagi saya.

604
00:26:37,890 --> 00:26:38,990
Mari kita ulang.

605
00:26:38,990 --> 00:26:40,500
Ada tiga paragraf.

606
00:26:40,500 --> 00:26:42,930
>> Dan sekarang mari kita pergi ke depan
dan membuka yang lain.

607
00:26:42,930 --> 00:26:44,310
Bagaimana tentang meja?

608
00:26:44,310 --> 00:26:46,440
Anda akan melihat tabel terlihat
sedikit lebih kompleks.

609
00:26:46,440 --> 00:26:49,110
Tapi itu idea-- sama
tag terbuka, tag terbuka,

610
00:26:49,110 --> 00:26:51,360
terbuka, terbuka, terbuka, tag dekat, tag terbuka.

611
00:26:51,360 --> 00:26:54,410
Dan ini terjadi untuk berdiri untuk
tabel, yang perbatasan tampaknya

612
00:26:54,410 --> 00:26:58,500
akan menjadi ketebalan 1-- apapun
bahwa meja means-- baris, tabel

613
00:26:58,500 --> 00:27:00,320
Data, yang berarti sel.

614
00:27:00,320 --> 00:27:03,840
Dan jika aku kembali ke browser saya
di sini dan pergi ke table.html,

615
00:27:03,840 --> 00:27:05,840
Anda dapat melihat sesuatu
seperti ini, mengerikan.

616
00:27:05,840 --> 00:27:07,840
Tapi kita akan sampai ke titik
di mana kita bisa benar-benar

617
00:27:07,840 --> 00:27:09,260
membuat hal-hal lebih cantik dari itu.

618
00:27:09,260 --> 00:27:10,530
>> Jadi biarkan aku menetapkan untuk saat ini.

619
00:27:10,530 --> 00:27:11,870
Ada tandan lebih tags.

620
00:27:11,870 --> 00:27:15,225
Dan HTML indah untuk mengambil
karena, terus terang, semua yang perlu Anda lakukan

621
00:27:15,225 --> 00:27:17,600
adalah melihat halaman web yang ada
dengan yang Anda kenal.

622
00:27:17,600 --> 00:27:20,340
Dan Anda seperti, oh, itu bagaimana
mereka melakukan ini estetis.

623
00:27:20,340 --> 00:27:23,159
>> Atau Anda dapat mencari secara online apapun
sumber daya bagaimana HTML bekerja,

624
00:27:23,159 --> 00:27:25,700
dan Anda akan melihat bahwa ada
Seluruh kosakata tag lainnya.

625
00:27:25,700 --> 00:27:30,110
Tetapi dengan model mental sederhana
saja bahwa hampir semua tag Anda membuka

626
00:27:30,110 --> 00:27:33,620
telah ditutup, itu benar-benar
tidak cukup untuk mengajar diri sendiri

627
00:27:33,620 --> 00:27:36,950
HTML setelah memahami
ide-ide dasar dari tag

628
00:27:36,950 --> 00:27:40,520
dan atribut dan sumur-formedness
yang kita bicarakan,

629
00:27:40,520 --> 00:27:44,697
apa penutupan bahwa kita mungkin membuka
sehingga kita tidak membingungkan browser.

630
00:27:44,697 --> 00:27:46,780
Jadi mari kita sekarang membawa ini ke
tingkat yang lebih menarik

631
00:27:46,780 --> 00:27:48,100
dengan pergi ke sebenarnya.

632
00:27:48,100 --> 00:27:51,095
Dan mari kita pergi ke Mac saya
sini, ke google.com.

633
00:27:51,095 --> 00:27:52,280

634
00:27:52,280 --> 00:27:54,020
Dan sekarang notice-- mari kita lakukan ini.

635
00:27:54,020 --> 00:27:57,280
Aku gong untuk pergi ke
Pengaturan, Pengaturan Pencarian.

636
00:27:57,280 --> 00:28:01,070
Saya ingin mematikan instan ini menjengkelkan
Hasil hal mana segera

637
00:28:01,070 --> 00:28:02,450
mulai menanggapi mengetik Anda.

638
00:28:02,450 --> 00:28:05,300
Mari kita lakukan sekolah tua ini jadi
kita benar-benar melihat apa yang terjadi.

639
00:28:05,300 --> 00:28:08,260
>> Jadi aku akan menyelamatkan saya
Pengaturan Google di sini.

640
00:28:08,260 --> 00:28:11,160
Dan sekarang notice-- aku akan
mencari sesuatu seperti kucing.

641
00:28:11,160 --> 00:28:14,500
Dan itu masih melakukan auto
lengkap di sini, tapi berdasarkan hal-hal

642
00:28:14,500 --> 00:28:15,970
orang telah mengetik di masa lalu.

643
00:28:15,970 --> 00:28:17,490
Tapi perhatikan apa yang akan terjadi.

644
00:28:17,490 --> 00:28:20,272
>> Di URL saat ini
adalah ini, hanya google.com.

645
00:28:20,272 --> 00:28:22,650
Dan secara teknis, itu slash.

646
00:28:22,650 --> 00:28:25,910
Google hanya menyimpan karakter
dan tidak menunjukkan kepada kita bahwa.

647
00:28:25,910 --> 00:28:30,400
Mereka menunjukkan kepada kita https, hanya
menjadi super meyakinkan bahwa kita

648
00:28:30,400 --> 00:28:32,850
pada halaman aman atau terenkripsi.

649
00:28:32,850 --> 00:28:35,690
>> Jadi biarkan aku pergi ke depan dan mencari kucing.

650
00:28:35,690 --> 00:28:37,670
Sekarang ini punya benar-benar
luar biasa cepat.

651
00:28:37,670 --> 00:28:39,470
Lihatlah panjang URL ini.

652
00:28:39,470 --> 00:28:43,070
Tapi ternyata bahwa sebagian besar hal-hal ini
dalam URL sebenarnya cukup berguna.

653
00:28:43,070 --> 00:28:45,320
Aku akan mulai menghapus
hal yang saya tidak mengerti.

654
00:28:45,320 --> 00:28:46,560

655
00:28:46,560 --> 00:28:47,360
Saya melihat kucing.

656
00:28:47,360 --> 00:28:48,470
Saya mengerti kucing.

657
00:28:48,470 --> 00:28:50,380
Aku tidak tahu mengapa kucing di sana lagi.

658
00:28:50,380 --> 00:28:52,620
Aku benar-benar tidak tahu
apa omong kosong ini.

659
00:28:52,620 --> 00:28:56,030
Jadi aku hanya akan terus
menyoroti dan menghapus hal-hal

660
00:28:56,030 --> 00:28:59,905
bahwa saya tidak mengerti,
penyulingan URL ke dalam hal ini.

661
00:28:59,905 --> 00:29:00,920

662
00:29:00,920 --> 00:29:02,270
>> Sekarang biarkan aku mendapatkan masukkan lagi.

663
00:29:02,270 --> 00:29:03,814
Sepertinya Google masih bekerja.

664
00:29:03,814 --> 00:29:06,980
Jadi untuk beberapa alasan, mereka menambahkan
banyak hal untuk URL mereka secara default.

665
00:29:06,980 --> 00:29:09,000
Tapi itu tidak benar-benar diperlukan.

666
00:29:09,000 --> 00:29:10,340
Jadi apa yang baik tentang ini?

667
00:29:10,340 --> 00:29:13,630
Nah, biarkan aku pergi ke depan dan
membuka Inspektur Chrome.

668
00:29:13,630 --> 00:29:15,960
Ada jalan pintas tikus kecil untuk itu.

669
00:29:15,960 --> 00:29:17,360
>> Buka tab Jaringan.

670
00:29:17,360 --> 00:29:19,340
Dan sekarang biarkan aku ulang
Halaman ini sekali lagi.

671
00:29:19,340 --> 00:29:20,280
Dan aku menahan Shift.

672
00:29:20,280 --> 00:29:22,520
Sebagai samping, browser
cenderung untuk cache atau menyimpan

673
00:29:22,520 --> 00:29:24,697
Informasi hanya demi efisiensi ini.

674
00:29:24,697 --> 00:29:27,280
Tapi biasanya, memegang Shift dan
reload akan memaksa segala sesuatu

675
00:29:27,280 --> 00:29:28,994
untuk memulai kembali dari awal.

676
00:29:28,994 --> 00:29:30,410
Dan itulah yang ingin saya lakukan di sini.

677
00:29:30,410 --> 00:29:33,550
>> Dan melihat semua ini
baris yang baru saja muncul.

678
00:29:33,550 --> 00:29:37,920
Ternyata bahwa dalam setiap web tertentu
Halaman, mungkin ada hanya satu file

679
00:29:37,920 --> 00:29:43,500
involved-- hello.html-- atau ada
mungkin 52, seperti dalam kasus ini.

680
00:29:43,500 --> 00:29:45,820
Ketika saya mengunjungi google.com,
Rupanya, browser saya

681
00:29:45,820 --> 00:29:49,650
kicks off 52 permintaan HTTP terpisah.

682
00:29:49,650 --> 00:29:50,520
Mengapa demikian?

683
00:29:50,520 --> 00:29:53,380
>> Nah, melihat apa yang ada di dalamnya
ini atas halaman web up.

684
00:29:53,380 --> 00:29:55,620
Ada tidak hanya teks,
tapi ada gambar yang sebenarnya

685
00:29:55,620 --> 00:29:57,130
kucing ke kanan.

686
00:29:57,130 --> 00:29:59,110
Ada logo berwarna-warni di sini di sebelah kiri.

687
00:29:59,110 --> 00:30:01,750
Ada semua ikon ini
untuk mikrofon dan sebagainya.

688
00:30:01,750 --> 00:30:05,130
Ada banyak potongan-potongan, membangun
blok, potongan awal, jika Anda mau,

689
00:30:05,130 --> 00:30:06,250
ke halaman web ini.

690
00:30:06,250 --> 00:30:10,310
Dan apa browser yang dilakukan pada
mendapatkan file pertama, yang

691
00:30:10,310 --> 00:30:16,180
adalah baris ini di sini, itu pada dasarnya
iterasi atas HTML

692
00:30:16,180 --> 00:30:19,880
ke bawah, kiri ke kanan, mencari
hal-hal seperti tag gambar atau tag lainnya

693
00:30:19,880 --> 00:30:23,160
yang menyebutkan file lain dan
ketika melihat mereka, pergi dan mengambil mereka

694
00:30:23,160 --> 00:30:26,050
melalui HTTP, seluruh layak
amplop metafora,

695
00:30:26,050 --> 00:30:29,670
dan kemudian menampilkannya dalam
lokasi yang tepat di halaman web.

696
00:30:29,670 --> 00:30:33,370
>> Tapi perhatikan di sini jika saya fokus pada
kucing lemparan, pencarian pertama,

697
00:30:33,370 --> 00:30:37,090
melihat bahwa, memang itu menggunakan HTTP 1.1.

698
00:30:37,090 --> 00:30:41,690
Dan sayangnya, Google
Chrome sekarang dalam versi 39

699
00:30:41,690 --> 00:30:45,110
adalah jenis hal dumbing turun dan
tidak menunjukkan kita header yang sebenarnya.

700
00:30:45,110 --> 00:30:49,680
Tapi apa memang dikirim adalah permintaan
karena tidak slash, tapi / search? q = kucing.

701
00:30:49,680 --> 00:30:52,830

702
00:30:52,830 --> 00:30:54,340
>> Sekarang, mengapa begitu penting?

703
00:30:54,340 --> 00:30:57,110
Yah, aku akan menyimpulkan
dari ini bahwa jika Anda Google

704
00:30:57,110 --> 00:31:01,520
mendukung permintaan formulir ini, mengapa
saya tidak melaksanakan pencarian saya sendiri

705
00:31:01,520 --> 00:31:06,420
mesin untuk CS50, tetapi hanya bagian depan
end, hanya antarmuka pengguna grafis.

706
00:31:06,420 --> 00:31:09,610
Dan kami akan melakukan outsourcing bagian belakang,
pencarian yang sebenarnya hasil ke Google.

707
00:31:09,610 --> 00:31:10,510
>> Jadi bagaimana saya bisa melakukan ini?

708
00:31:10,510 --> 00:31:13,820
Nah, biarkan aku pergi ke gedit di sini.

709
00:31:13,820 --> 00:31:19,180
Dan biarkan aku pergi ke depan dan membuka
up, katakanlah, sebuah file baru.

710
00:31:19,180 --> 00:31:22,280
Dan aku akan simpan ini
sementara sebagai pencarian 0.html.

711
00:31:22,280 --> 00:31:25,111

712
00:31:25,111 --> 00:31:27,860
Dan kemudian akhirnya, kita akan cepat
ke depan untuk yang saya pre-prepared.

713
00:31:27,860 --> 00:31:30,190
>> Dan aku akan
cepat menyiapkan jenis doc

714
00:31:30,190 --> 00:31:33,840
html braket terbuka html
dekat html braket.

715
00:31:33,840 --> 00:31:38,390
Lalu aku akan melakukan kepala
kepala dekat judul terbuka CS50

716
00:31:38,390 --> 00:31:40,150
Cari bukannya pencarian Google.

717
00:31:40,150 --> 00:31:43,480
Di sini aku akan memiliki
tubuh, tubuh di sini dekat.

718
00:31:43,480 --> 00:31:45,835
Dan sekarang aku perlu CS50 Cari.

719
00:31:45,835 --> 00:31:47,710
Dan sebenarnya, mari kita
membangun ini secara bertahap.

720
00:31:47,710 --> 00:31:51,043
Aku akan pergi ke depan dan menutup ini dan
benar-benar memasukkannya ke dalam direktori publik saya.

721
00:31:51,043 --> 00:31:52,730
Jadi memberi saya hanya satu saat.

722
00:31:52,730 --> 00:31:55,390
pencarian 0.html-- aku akan
temporal menyebutnya search.html.

723
00:31:55,390 --> 00:31:56,600

724
00:31:56,600 --> 00:31:59,750
Aku akan chmod itu search.html + r.

725
00:31:59,750 --> 00:32:01,072

726
00:32:01,072 --> 00:32:02,280
Dan sekarang aku akan membukanya.

727
00:32:02,280 --> 00:32:03,224

728
00:32:03,224 --> 00:32:04,390
Baiklah, jadi itu cepat.

729
00:32:04,390 --> 00:32:06,800
Namun gol hanya itu
untuk mendapatkan kita ke titik

730
00:32:06,800 --> 00:32:09,630
memiliki teks ini
mengajukan disebut search.html.

731
00:32:09,630 --> 00:32:10,940

732
00:32:10,940 --> 00:32:12,790
Jadi tidak banyak untuk melihat belum.

733
00:32:12,790 --> 00:32:16,970
Memang, jika saya pergi ke browser saya, dan
pergi ke search.html, itu saja itu.

734
00:32:16,970 --> 00:32:17,720
Tapi kau tahu apa?

735
00:32:17,720 --> 00:32:19,000
Aku bisa menjadi sedikit lebih menarik.

736
00:32:19,000 --> 00:32:22,710
Saya membaca dalam sebuah buku bahwa ada
heading tag yang disebut h1.

737
00:32:22,710 --> 00:32:26,100
Dan aku akan pergi ke depan dan
menggunakan h1 terbuka dan h1 dekat.

738
00:32:26,100 --> 00:32:27,220
Reload halaman.

739
00:32:27,220 --> 00:32:29,600
Dan sekarang sudah lebih besar dan lebih berani,
tidak semua yang menarik,

740
00:32:29,600 --> 00:32:32,399
tapi setidaknya itu secara struktural
lebih menarik.

741
00:32:32,399 --> 00:32:33,940
Tapi sekarang biarkan saya memperkenalkan tag lain.

742
00:32:33,940 --> 00:32:36,500
Ternyata ada tag form.

743
00:32:36,500 --> 00:32:38,400
Dan biarkan aku menutup tag itu.

744
00:32:38,400 --> 00:32:40,830
Dan ternyata ada dunia
tag masukan yang

745
00:32:40,830 --> 00:32:44,600
memiliki atribut yang disebut jenis, yang
adalah tipe data dari lapangan,

746
00:32:44,600 --> 00:32:45,200
jika Anda mau.

747
00:32:45,200 --> 00:32:47,050
Dan akan menjadi tipe teks.

748
00:32:47,050 --> 00:32:52,200
Dan nilainya akan
menjadi CS50 Cari.

749
00:32:52,200 --> 00:32:53,850
Tutup tag.

750
00:32:53,850 --> 00:32:57,100
Dan ada akan ada gagasan
membuka dan menutup dengan tag terpisah.

751
00:32:57,100 --> 00:33:00,300
>> Biarkan aku kembali ke sini dan
lihat apa yang terjadi, reload.

752
00:33:00,300 --> 00:33:01,380
Semakin menarik.

753
00:33:01,380 --> 00:33:02,950
Sepertinya itu adalah kolom teks.

754
00:33:02,950 --> 00:33:04,080

755
00:33:04,080 --> 00:33:06,999
Dan sebenarnya, aku tidak ingin
untuk menempatkan nilai di sana belum.

756
00:33:06,999 --> 00:33:10,040
Biarkan aku pergi kembali ke sini dan benar-benar mendapatkan
menyingkirkan nilai ini untuk tetap sederhana.

757
00:33:10,040 --> 00:33:12,939
Alih-alih nilai, apa yang saya inginkan
untuk memberikan hal ini adalah nama.

758
00:33:12,939 --> 00:33:15,230
Dan aku tidak tahu apa itu,
jadi saya akan kembali ke itu.

759
00:33:15,230 --> 00:33:18,270
>> Tapi di bawah itu, saya ingin
untuk melakukan input type = kirimkan.

760
00:33:18,270 --> 00:33:19,840

761
00:33:19,840 --> 00:33:22,120
Dan nilai ini akan CS50 Cari.

762
00:33:22,120 --> 00:33:24,850
Dan kita akan melihat mengapa saya
memindahkan nilai ini.

763
00:33:24,850 --> 00:33:28,900
Ketika saya reload, saya tampaknya sekarang memiliki
awal dari pencarian saya sendiri

764
00:33:28,900 --> 00:33:30,820
mesin, super mengerikan,
meskipun terus terang, itu

765
00:33:30,820 --> 00:33:34,260
tidak melempar jauh dari apa
Halaman default Google terlihat seperti.

766
00:33:34,260 --> 00:33:37,950
>> Jika saya pergi di sini sekarang, saya dapat mengetikkan
kucing dan mudah-mudahan klik Cari.

767
00:33:37,950 --> 00:33:40,380
Tapi aku tidak cukup dilakukan belum,
karena saya belum diimplementasikan,

768
00:33:40,380 --> 00:33:41,045
jelas, database.

769
00:33:41,045 --> 00:33:42,940
Saya belum merangkak
web untuk hasil pencarian.

770
00:33:42,940 --> 00:33:44,840
Jadi saya perlu untuk melakukan outsourcing itu ke Google.

771
00:33:44,840 --> 00:33:46,290
Jadi, bagaimana saya melakukan ini?

772
00:33:46,290 --> 00:33:49,170
>> Yah, pertama-tama saya
perlu menambah dan tindakan

773
00:33:49,170 --> 00:33:58,460
atribut untuk tag form saya yang
adalah http://www.google.com/search.

774
00:33:58,460 --> 00:34:01,180
Dan aku tahu bahwa hanya dari memiliki
disimpulkan oleh mencermati

775
00:34:01,180 --> 00:34:02,505
di URL mereka.

776
00:34:02,505 --> 00:34:03,380
Dan sekarang mengambil menebak.

777
00:34:03,380 --> 00:34:09,090
Apa yang harus text field ini mungkin
disebut, didasarkan pada tempat kami datang

778
00:34:09,090 --> 00:34:09,754
dari sebelumnya?

779
00:34:09,754 --> 00:34:11,896

780
00:34:11,896 --> 00:34:13,290
>> AUDIENCE:? Q.

781
00:34:13,290 --> 00:34:14,370
>> DAVID J Malan:? Q.

782
00:34:14,370 --> 00:34:17,800
Dan kita tidak benar-benar perlu pertanyaan
menandai ternyata, tapi q memang itu,

783
00:34:17,800 --> 00:34:20,489
q untuk kueri mungkin oleh
default, hanya karena itu

784
00:34:20,489 --> 00:34:23,060
apa Larry dan Sergey
datang dengan tahun lalu.

785
00:34:23,060 --> 00:34:24,739
Jadi sekarang biarkan aku kembali halaman ini.

786
00:34:24,739 --> 00:34:26,409
Tidak terlihat semua berbeda itu.

787
00:34:26,409 --> 00:34:28,120
Tapi sekarang menonton apa yang terjadi.

788
00:34:28,120 --> 00:34:32,360
>> Jika saya ketik kucing dan klik
CS50 Cari dan pasrah,

789
00:34:32,360 --> 00:34:35,770
melihat saya mendapatkan dibawa
pergi ke Google sebenarnya.

790
00:34:35,770 --> 00:34:38,150
Sekarang, Google sedang sedikit
mengganggu dalam bahwa mereka

791
00:34:38,150 --> 00:34:41,877
menambahkan parameter tambahan,
jika Anda mau, ke URL.

792
00:34:41,877 --> 00:34:43,960
Itu semua terjadi
otomatis di sisi Google.

793
00:34:43,960 --> 00:34:48,730
>> Bagian yang penting adalah bahwa saya tampak
telah menghasilkan permintaan ini di sini.

794
00:34:48,730 --> 00:34:50,179
Dan memang, itulah yang terjadi.

795
00:34:50,179 --> 00:34:53,040
Bila Anda memiliki HTML yang
terlihat seperti ini, ini

796
00:34:53,040 --> 00:34:57,620
adalah semacam notasi pengembang web
karena mengatakan, maju dan membuat formulir

797
00:34:57,620 --> 00:34:59,990
yang ketika itu diajukan,
itu akan pergi ke URL ini.

798
00:34:59,990 --> 00:35:03,430
Dan ketika URL telah memberikan
nilai untuk hal-hal seperti q,

799
00:35:03,430 --> 00:35:05,440
jangan pergi hanya untuk URL ini.

800
00:35:05,440 --> 00:35:08,210
Sebenarnya, lanjutkan ke pertanyaan
mark dan kemudian q = kucing.

801
00:35:08,210 --> 00:35:09,590

802
00:35:09,590 --> 00:35:13,060
Menambahkan parameter tersebut,
Parameter HTTP seperti itu.

803
00:35:13,060 --> 00:35:15,590
>> Dan hanya untuk menjadi super tepat,
apa yang sedang disimpulkan di sini-

804
00:35:15,590 --> 00:35:18,130
tapi aku akan lebih explicit-- adalah
bahwa metode yang saya ingin menggunakan

805
00:35:18,130 --> 00:35:22,270
adalah mendapatkan, bukan sesuatu seperti
pos, yang pada akhirnya kita akan melihat.

806
00:35:22,270 --> 00:35:27,710
Jadi singkatnya, hanya dengan pemahaman
HTML dan menggunakan beberapa tag cukup sederhana,

807
00:35:27,710 --> 00:35:30,610
kita sekarang dapat mulai membuat
pengguna akhir depan kita sendiri

808
00:35:30,610 --> 00:35:32,850
antarmuka dengan pencarian
mesin di balik itu.

809
00:35:32,850 --> 00:35:34,800
>> Tapi ini tentu saja, cukup mengerikan.

810
00:35:34,800 --> 00:35:37,259
Jadi biarkan aku benar-benar membuka
versi yang sedikit lebih baik.

811
00:35:37,259 --> 00:35:39,800
Ini adalah yang saya disiapkan
memajukan yang memiliki beberapa komentar.

812
00:35:39,800 --> 00:35:41,900
Tapi Anda akan melihat bahwa saya
cukup banyak diciptakan itu.

813
00:35:41,900 --> 00:35:44,150
Jadi ini sudah tersedia secara online.

814
00:35:44,150 --> 00:35:48,050
Dan aku kebetulan Terlebih Dahulu
pergi ke https hanya untuk tetap sederhana.

815
00:35:48,050 --> 00:35:50,610
>> Dan sekarang mari kita membuka
iterasi berikutnya dari ini.

816
00:35:50,610 --> 00:35:52,510
Apakah versi 1 bukan 0.

817
00:35:52,510 --> 00:35:55,315
Apa melompat keluar pada Anda sebagai sedikit
berbeda dalam contoh ini?

818
00:35:55,315 --> 00:35:59,480

819
00:35:59,480 --> 00:36:00,440
>> AUDIENCE: [tak terdengar].

820
00:36:00,440 --> 00:36:03,020
>> Ya, ada ini pusat menyelaraskan teks.

821
00:36:03,020 --> 00:36:04,590
Ini sedikit aneh di sini.

822
00:36:04,590 --> 00:36:06,150
Tapi ini memang baru.

823
00:36:06,150 --> 00:36:07,800
Dan mungkin menebak apa yang akan terjadi.

824
00:36:07,800 --> 00:36:11,730
Jika saya pergi ke browser saya sekarang
dan mengunjungi pencarian 1.html,

825
00:36:11,730 --> 00:36:13,090
itu hal yang hampir sama.

826
00:36:13,090 --> 00:36:15,705
Tapi itu langkah lebih dekat untuk
menjadi sedikit lebih cantik.

827
00:36:15,705 --> 00:36:19,150
Ini masih jelek, tapi lebih cantik dalam
setidaknya semuanya yang sekarang berpusat.

828
00:36:19,150 --> 00:36:23,470
>> Jadi ternyata bahwa apa yang saya gunakan
adalah bahasa lain sama sekali disebut

829
00:36:23,470 --> 00:36:25,680
CSS, Cascading style sheet.

830
00:36:25,680 --> 00:36:28,310
Dan CSS, terus terang, adalah jenis
dari, menurut pendapat pribadi saya,

831
00:36:28,310 --> 00:36:29,775
bahasa yang dirancang atrociously.

832
00:36:29,775 --> 00:36:33,110
Hal ini sangat mengganggu mengingat
semua berbagai rincian.

833
00:36:33,110 --> 00:36:38,479
Tapi itu adalah apa yang stylizes
Seluruh web di seluruh dunia saat ini.

834
00:36:38,479 --> 00:36:39,270
Saya menyinggung seseorang.

835
00:36:39,270 --> 00:36:39,769
Baik.

836
00:36:39,769 --> 00:36:43,180
Jadi mari kita kembali ke sini dan melihat
bagaimana kita benar-benar menggunakan ini.

837
00:36:43,180 --> 00:36:45,940
Dan ternyata, setidaknya itu
sebenarnya bahasa yang cukup sederhana.

838
00:36:45,940 --> 00:36:49,470
Hanya saja pasangan nilai kunci, sifat
dan nilai-nilai, sifat dan nilai-nilai.

839
00:36:49,470 --> 00:36:52,080
Memang, di sini adalah salah satu
properti dan nilai.

840
00:36:52,080 --> 00:36:55,890
>> Cukup dengan menggunakan gaya
atribut pada tag tubuh saya

841
00:36:55,890 --> 00:37:00,360
dan memberikan nilai dari
usus kata dan kata lain,

842
00:37:00,360 --> 00:37:03,730
atau properti dan nilai,
Saya dapat mempengaruhi estetika

843
00:37:03,730 --> 00:37:06,210
dari halaman web, tidak
tentu struktur belum,

844
00:37:06,210 --> 00:37:07,550
tapi estetika itu.

845
00:37:07,550 --> 00:37:10,960
Dan hanya dengan Googling sekitar, saya menyadari
bahwa CSS, cascading style sheets,

846
00:37:10,960 --> 00:37:14,170
mendukung sifat yang disebut
text-align, yang nilainya bisa

847
00:37:14,170 --> 00:37:16,980
akan ke kiri, kanan, atau tengah, misalnya.

848
00:37:16,980 --> 00:37:19,990
>> Jadi, sekarang ketika saya reload
Halaman ini, apa yang saya dapatkan

849
00:37:19,990 --> 00:37:22,730
adalah halaman berpusat,
tapi masih sangat jelek.

850
00:37:22,730 --> 00:37:25,770
Mari kita pergi ke depan dan membuka
up versi 2 Search.

851
00:37:25,770 --> 00:37:28,570
Dan sekarang melihat saya sudah melakukan sedikit lebih.

852
00:37:28,570 --> 00:37:33,760
Perhatikan bahwa di sini di dalam kepala
tag, ada bisa lebih dari judul.

853
00:37:33,760 --> 00:37:35,400
Bahkan, ada tag gaya.

854
00:37:35,400 --> 00:37:38,630
Dan ini adalah di mana ia hanya mendapat
sedikit berantakan seeing CSS kadang-kadang.

855
00:37:38,630 --> 00:37:41,971
>> Perhatikan bahwa saya tampaknya memiliki sesuatu
yang secara struktural terlihat sangat berbeda.

856
00:37:41,971 --> 00:37:44,095
Tapi di sini adalah nama
tag saya ingin bergaya.

857
00:37:44,095 --> 00:37:47,570
Berikut adalah teman-teman lama kita keriting
kurung dan kurung kurawal tertutup.

858
00:37:47,570 --> 00:37:50,290
Dan kemudian di sini adalah bahwa
properti dan nilainya.

859
00:37:50,290 --> 00:37:56,300
>> Jika saya memuat file ini, search2.html,
hasil akhirnya adalah identik.

860
00:37:56,300 --> 00:37:59,300
Tapi itu langkah menuju desain yang lebih baik.

861
00:37:59,300 --> 00:38:04,560
Dengan anjak keluar CSS ini, saya sudah
tidak bercampur dengan HTML saya.

862
00:38:04,560 --> 00:38:07,560
Dan memang, seperti yang akan kita lihat, aku bisa
menggunakan kembali sifat-sifat dan nilai-nilai.

863
00:38:07,560 --> 00:38:10,420
Jika saya ingin membuat tandan
bagian dari halaman web saya terpusat,

864
00:38:10,420 --> 00:38:13,630
Saya tidak perlu mengetik style = text-align
pusat seluruh tempat.

865
00:38:13,630 --> 00:38:16,580
Saya dapat dimasukkan ke dalam satu tempat
mungkin, seperti di atas.

866
00:38:16,580 --> 00:38:18,210
>> Tetapi bahkan ini bukan desain terbaik.

867
00:38:18,210 --> 00:38:21,720
Bahkan, salah satu hal yang Anda akan belajar
Anda menghabiskan lebih banyak waktu dengan

868
00:38:21,720 --> 00:38:25,730
pemrograman web adalah bahwa semakin Anda dapat
modules hal-hal dan faktor hal-hal

869
00:38:25,730 --> 00:38:30,610
seperti file H mari kita faktor barang keluar,
seperti helpers.c mari kita faktor hal-hal

870
00:38:30,610 --> 00:38:31,880
beberapa psets lalu.

871
00:38:31,880 --> 00:38:34,200
Demikian pula, mungkin kita
ingin mencapai hal ini.

872
00:38:34,200 --> 00:38:37,920
>> Jadi melihat di versi
tiga search.html aku sudah

873
00:38:37,920 --> 00:38:40,610
dibersihkan kepala
halaman dan hanya menempatkan

874
00:38:40,610 --> 00:38:43,320
dalam hal ini, tag link, yang
bertentangan dengan nama,

875
00:38:43,320 --> 00:38:44,700
tidak memberikan hyperlink.

876
00:38:44,700 --> 00:38:49,150
Ini link ke file lain dengan cara
href yang nilainya dalam hal ini,

877
00:38:49,150 --> 00:38:51,586
adalah pencarian 3.css

878
00:38:51,586 --> 00:38:52,960
Jadi saya menyadari kita akan cepat.

879
00:38:52,960 --> 00:38:54,600
Tapi semua saya lakukan adalah jenis
bergerak hal di sekitar.

880
00:38:54,600 --> 00:38:55,760
Mari saya terbuka pencarian 3.css.

881
00:38:55,760 --> 00:38:57,114

882
00:38:57,114 --> 00:38:58,530
Itu dia, tidak ada yang benar-benar untuk itu.

883
00:38:58,530 --> 00:39:02,270
Aku hanya disalin dan disisipkan ke dalam baru
file, seperti kita diperhitungkan barang keluar

884
00:39:02,270 --> 00:39:03,509
ke file lain sebelumnya.

885
00:39:03,509 --> 00:39:05,300
Dan result-- yang
benar-benar underwhelming--

886
00:39:05,300 --> 00:39:06,730
akan menjadi persis sama.

887
00:39:06,730 --> 00:39:10,490
Tapi kami bergerak toward-- tidak, itu tidak.

888
00:39:10,490 --> 00:39:11,930
Oh, aku tahu mengapa.

889
00:39:11,930 --> 00:39:13,790
>> Jadi tampaknya menjadi bug.

890
00:39:13,790 --> 00:39:15,010
Dan dalam arti tertentu.

891
00:39:15,010 --> 00:39:17,730
Tapi biarkan aku membuka tab Jaringan saya.

892
00:39:17,730 --> 00:39:19,660
Biarkan aku kembali halaman tersebut.

893
00:39:19,660 --> 00:39:23,315
Ah, mengapa CSS tidak diterapkan?

894
00:39:23,315 --> 00:39:26,920
Nah, file CSS, sama, memiliki
yang akan dibaca dunia, sehingga untuk berbicara.

895
00:39:26,920 --> 00:39:28,440
Dan juga saat ini dilarang.

896
00:39:28,440 --> 00:39:33,760
Jadi biarkan aku melakukan chmod a + r
bintang dot CSS-- whoops--

897
00:39:33,760 --> 00:39:37,067
kami dot CSS hanyalah
ekstensi file untuk file CSS.

898
00:39:37,067 --> 00:39:38,900
Sekarang biarkan aku kembali ke
browser saya dan reload.

899
00:39:38,900 --> 00:39:40,910
OK, sedikit lebih baik.

900
00:39:40,910 --> 00:39:42,282
>> Sekarang biarkan aku melakukan satu hal.

901
00:39:42,282 --> 00:39:42,990
Dalam pencarian 4.html.

902
00:39:42,990 --> 00:39:44,550

903
00:39:44,550 --> 00:39:48,220
Saya memiliki versi yang saya hanya berpikir
adalah cara dingin, meskipun cara yang lebih

904
00:39:48,220 --> 00:39:48,980
rumit.

905
00:39:48,980 --> 00:39:50,690
Mari kita lihat hasilnya dulu.

906
00:39:50,690 --> 00:39:52,290
Tutup ini untuk memberi kita lebih banyak ruang.

907
00:39:52,290 --> 00:39:54,275
Ubah ini untuk mencari-4, Enter.

908
00:39:54,275 --> 00:39:55,430

909
00:39:55,430 --> 00:39:57,200
>> Dan sekarang banyak hal yang rusak.

910
00:39:57,200 --> 00:39:59,910
Aku akan kembali
ke dalam direktori saya di sini.

911
00:39:59,910 --> 00:40:04,190
Dan sekarang aku hanya akan melakukan
chmod dari + r pada file-- sebuah

912
00:40:04,190 --> 00:40:07,450
karena saya tahu itu exists-- disebut
logo.gif, yang merupakan gambar.

913
00:40:07,450 --> 00:40:08,590
Dan sekarang reload.

914
00:40:08,590 --> 00:40:11,040
Dan Wow jadi sekarang aku
cukup dekat, terus terang,

915
00:40:11,040 --> 00:40:15,860
seperti versi 1999 dari Google, dan
terus terang, versi 2014 dari Google,

916
00:40:15,860 --> 00:40:16,360
kan?

917
00:40:16,360 --> 00:40:21,920
>> Jadi itu sekarang pergi ke website mereka,
akhirnya, jika saya mencari kucing.

918
00:40:21,920 --> 00:40:23,900
Dan sesungguhnya adalah.

919
00:40:23,900 --> 00:40:26,410
Tapi apa yang saya lakukan secara berbeda
dalam versi ini 4?

920
00:40:26,410 --> 00:40:28,020
Jadi kita tidak akan tinggal terlalu banyak tentang itu di sini.

921
00:40:28,020 --> 00:40:30,100
Anda akan melihat hal ini dalam masalah
menetapkan tujuh akhirnya.

922
00:40:30,100 --> 00:40:31,350
Tapi perhatikan saya melakukan beberapa hal.

923
00:40:31,350 --> 00:40:33,690
>> Saya memperkenalkan div
tag, yang merupakan divisi,

924
00:40:33,690 --> 00:40:35,450
memiliki semangat yang sama tag paragraf.

925
00:40:35,450 --> 00:40:38,220
Tapi divisi adalah seperti, inilah
daerah tak terlihat persegi panjang

926
00:40:38,220 --> 00:40:39,150
layar.

927
00:40:39,150 --> 00:40:41,680
Mari kita memberikan yang unik
identifier, footer, hanya

928
00:40:41,680 --> 00:40:44,700
sehingga kita dapat berbicara tentang
dalam HTML kita di tempat lain.

929
00:40:44,700 --> 00:40:47,952
Berikut ini adalah div lain halaman
ID yang akan menjadi konten.

930
00:40:47,952 --> 00:40:49,160
Ini adalah isi dari halaman.

931
00:40:49,160 --> 00:40:51,090
Dan di sini adalah header halaman.

932
00:40:51,090 --> 00:40:54,960
>> Dengan kata lain, saya sudah
dasarnya di HTML am mental

933
00:40:54,960 --> 00:40:57,700
melihat halaman web ini sebagai
tiga komponen, header

934
00:40:57,700 --> 00:41:01,200
di sini dengan persegi panjang tak terlihat ini,
isi di tengah, dan kemudian

935
00:41:01,200 --> 00:41:04,800
footer bawah, bahkan
meskipun kita tidak melihat hal-hal.

936
00:41:04,800 --> 00:41:09,940
Karena aku ingin di kepala saya
Halaman di sini, atau di file css,

937
00:41:09,940 --> 00:41:11,460
Saya dapat menggunakan sintaks ini.

938
00:41:11,460 --> 00:41:13,070
>> Header tidak tag.

939
00:41:13,070 --> 00:41:17,060
Ini adalah ID sehingga ternyata
bahwa dengan melakukan #header,

940
00:41:17,060 --> 00:41:20,840
Saya sekarang dapat menerapkan satu atau lebih
properti untuk header.

941
00:41:20,840 --> 00:41:24,130
Saya dapat melakukan isi yang sama,
sama untuk konten sini.

942
00:41:24,130 --> 00:41:27,230
>> Jadi misalnya, di footer, pemberitahuan
semua sifat ini saya menambahkan.

943
00:41:27,230 --> 00:41:30,660
Dan aku tahu mereka ada hanya dengan membaca
pada dokumentasi untuk CSS.

944
00:41:30,660 --> 00:41:33,450
Ukuran font akan menjadi smaller--
sehingga beberapa ukuran font relatif.

945
00:41:33,450 --> 00:41:34,741
Berat akan menjadi berani.

946
00:41:34,741 --> 00:41:37,340
Margin-- berapa banyak piksel
sekitar itu-- adalah 20 piksel.

947
00:41:37,340 --> 00:41:38,590
Dan itu akan dipusatkan.

948
00:41:38,590 --> 00:41:40,256
>> Tapi sekarang, halaman terlihat seperti ini.

949
00:41:40,256 --> 00:41:42,840
Jika saya tidak senang dengan
copy saya di sana,

950
00:41:42,840 --> 00:41:46,560
Aku bisa melakukan sesuatu seperti warna merah.

951
00:41:46,560 --> 00:41:50,570
Dan kemudian saya bisa simpan ini, reload,
dan sekarang saya sudah bergaya footer.

952
00:41:50,570 --> 00:41:54,130
Jadi ini hanya mengisyaratkan kekuasaan
dari apa yang dapat Anda lakukan di halaman web

953
00:41:54,130 --> 00:41:55,510
untuk mengubah hal-hal sekitar.

954
00:41:55,510 --> 00:41:59,080
>> Dan bahkan lebih dingin dari ini, jika Anda ingin
untuk melihat-lihat dengan website yang sebenarnya,

955
00:41:59,080 --> 00:42:00,810
Anda tidak dapat secara permanen mengubah mereka.

956
00:42:00,810 --> 00:42:03,640
Tapi kalau aku membuka
Inspektur Chrome lagi

957
00:42:03,640 --> 00:42:07,610
dan aku pergi tidak ke sisi kiri
di sini, yang menunjukkan HTML Facebook,

958
00:42:07,610 --> 00:42:11,380
tetapi menunjukkan di sebelah kanan
sisi semua CSS nya,

959
00:42:11,380 --> 00:42:13,789
Anda dapat dan
mengubah keadaan dengan cepat.

960
00:42:13,789 --> 00:42:15,080
Jadi biarkan aku pergi ke depan dan melakukannya.

961
00:42:15,080 --> 00:42:18,670
>> Biarkan aku pergi ke depan dan kontrol
klik pada kata acak ini di sini,

962
00:42:18,670 --> 00:42:21,230
menandatangani, dan klik Inspect Element.

963
00:42:21,230 --> 00:42:25,130
Chrome sangat nyaman melompat ke
tag h1 bahwa Facebook menggunakan.

964
00:42:25,130 --> 00:42:27,290
Dan perhatikan di sini Facebook
memiliki jenis malas

965
00:42:27,290 --> 00:42:29,960
sulit kode ukuran font sebagai properti di sini.

966
00:42:29,960 --> 00:42:33,530
>> Jadi hal yang keren meskipun adalah
bahwa jika saya benar-benar pergi di sini

967
00:42:33,530 --> 00:42:39,560
dan berkata, oh, Facebook, aku tidak seperti itu
64 piksel, kita sekarang dapat mengubah Facebook.

968
00:42:39,560 --> 00:42:42,590
Tentu saja, kita hanya mengubahnya
bagi saya pribadi saat ini.

969
00:42:42,590 --> 00:42:45,150
Tapi ini hanyalah
alat dalam tool kit kami

970
00:42:45,150 --> 00:42:48,360
yang akan memungkinkan kita untuk men-tweak
dan mencari tahu dan juga mendiagnosa

971
00:42:48,360 --> 00:42:49,729
masalah di halaman web kita sendiri.

972
00:42:49,729 --> 00:42:52,270
Dan kita bisa sama pergi
di sini, yang merupakan hal yang sama.

973
00:42:52,270 --> 00:42:55,830
Jika Anda benar-benar ingin mendapatkan mewah, saya
Maksudku, sekarang Anda benar-benar dapat bermutasi halaman

974
00:42:55,830 --> 00:42:57,380
dan melakukan hal-hal gila.

975
00:42:57,380 --> 00:42:59,870
>> Lalu mengapa ini semua berguna?

976
00:42:59,870 --> 00:43:02,330
Nah, pada akhirnya, kami
akan ingin menjadi

977
00:43:02,330 --> 00:43:07,110
mampu membuat halaman web yang
didorong oleh ujung belakang kita sendiri,

978
00:43:07,110 --> 00:43:10,520
tidak hanya dengan Google dan
outsourcing end kembali ke sana.

979
00:43:10,520 --> 00:43:13,510
Kami benar-benar ingin
nilai, misalnya,

980
00:43:13,510 --> 00:43:18,830
aksi mesin pencari kami
atribut untuk pergi tidak kepada orang lain,

981
00:43:18,830 --> 00:43:24,270
tetapi untuk sesuatu seperti search.php,
mana search.php ada di server kita sendiri,

982
00:43:24,270 --> 00:43:25,670
bukan pada orang lain.

983
00:43:25,670 --> 00:43:30,316
>> Dan untuk sampai ke sana, kita benar-benar
perlu untuk memperkenalkan bahasa baru.

984
00:43:30,316 --> 00:43:33,190
Jadi kita sudah melihat yang baru
bahasa di sini, atau dua benar-benar, HTML

985
00:43:33,190 --> 00:43:33,700
dan CSS.

986
00:43:33,700 --> 00:43:36,330
Tapi mereka benar-benar hanya
struktural dan estetika bahasa.

987
00:43:36,330 --> 00:43:38,360
Mereka tidak pemrograman
bahasa per se.

988
00:43:38,360 --> 00:43:41,160
Dan itu tentang sebanyak resmi
waktu seperti yang kita akan menghabiskan pada mereka.

989
00:43:41,160 --> 00:43:44,910
Karena kita akan mulai sekarang
untuk transisi ke PHP.

990
00:43:44,910 --> 00:43:48,160
>> Jadi PHP adalah sebenarnya
bahasa pemrograman.

991
00:43:48,160 --> 00:43:50,750
Ini adalah bahasa scripting
dalam arti bahwa itu

992
00:43:50,750 --> 00:43:52,855
dimaksudkan untuk menjadi bobot yang lebih ringan
dari sesuatu seperti C.

993
00:43:52,855 --> 00:43:56,082
Dan itu adalah bahasa ditafsirkan,
yang berarti itu tidak dikompilasi.

994
00:43:56,082 --> 00:43:58,790
Jadi singkatnya, apa artinya
ketika kita menggunakan bahasa seperti c

995
00:43:58,790 --> 00:44:00,290
dan kita harus melakukan kompilasi?

996
00:44:00,290 --> 00:44:02,120
Apa artinya
mengkompilasi kode sumber C?

997
00:44:02,120 --> 00:44:03,864

998
00:44:03,864 --> 00:44:04,780
AUDIENCE: [tak terdengar].

999
00:44:04,780 --> 00:44:06,184
DAVID J Malan: Katakan lagi?

1000
00:44:06,184 --> 00:44:07,100
AUDIENCE: [tak terdengar].

1001
00:44:07,100 --> 00:44:07,962

1002
00:44:07,962 --> 00:44:08,920
DAVID J Malan: Perfect.

1003
00:44:08,920 --> 00:44:10,180
Ternyata menjadi biner.

1004
00:44:10,180 --> 00:44:14,200
Ternyata menjadi nol dan orang-orang
dari kode sumber bahasa Inggris-seperti yang sebenarnya.

1005
00:44:14,200 --> 00:44:16,424
Dan kemudian kita benar-benar dapat
menjalankan mereka nol dan orang-orang

1006
00:44:16,424 --> 00:44:18,840
dengan melewatkan mereka melalui
CPU dengan mengklik ganda ikon

1007
00:44:18,840 --> 00:44:19,980
atau menjalankan perintah.

1008
00:44:19,980 --> 00:44:23,770
>> PHP dan Python dan Ruby
dan Perl dan JavaScript

1009
00:44:23,770 --> 00:44:26,250
dan tandan lainnya
bahasa ditafsirkan

1010
00:44:26,250 --> 00:44:29,290
bahasa, yang berarti
Anda tidak mengkompilasi mereka.

1011
00:44:29,290 --> 00:44:34,220
Sebaliknya, Anda memberi mereka makan sebagai masukan untuk
Program yang disebut penerjemah.

1012
00:44:34,220 --> 00:44:36,640
Dan penafsir itu,
yang orang lain menulis,

1013
00:44:36,640 --> 00:44:40,930
membaca kode atas sumber Anda ke bawah,
kiri ke kanan dan hanya menafsirkan

1014
00:44:40,930 --> 00:44:43,000
garis dan melakukan apa yang Anda katakan.

1015
00:44:43,000 --> 00:44:45,360
>> Jadi, jika Anda menemukan
baris yang mengatakan cetak,

1016
00:44:45,360 --> 00:44:48,660
tidak selalu mengkonversi cetak
ke nol yang sesuai dan yang.

1017
00:44:48,660 --> 00:44:51,910
Itu hanya memiliki interpreter ini seperti
jika kondisi besar yang bertuliskan,

1018
00:44:51,910 --> 00:44:56,110
jika instruksi programmer adalah
cetak, kemudian melakukan hal berikut.

1019
00:44:56,110 --> 00:44:58,170
Jadi menafsirkannya hanya
oleh jenis penalaran

1020
00:44:58,170 --> 00:44:59,800
melalui apa yang Anda mengatakan hal itu untuk dilakukan.

1021
00:44:59,800 --> 00:45:01,320
>> Dan PHP adalah salah satu bahasa tersebut.

1022
00:45:01,320 --> 00:45:05,310
Dan PHP tahun lalu dirancang
tepatnya untuk pemrograman web.

1023
00:45:05,310 --> 00:45:08,160
Dan itu awalnya
bahasa berantakan sangat ceroboh.

1024
00:45:08,160 --> 00:45:10,940
Dan memang, ada besar
jumlah kode PHP yang buruk di luar sana.

1025
00:45:10,940 --> 00:45:13,520
Tapi bahasa itu sendiri
telah matang selama bertahun-tahun,

1026
00:45:13,520 --> 00:45:16,200
begitu banyak sehingga sekarang ini
sebenarnya langkah berikutnya yang indah

1027
00:45:16,200 --> 00:45:19,970
pedagogis dari C karena
begitu terkutuk akrab dengan segala sesuatu

1028
00:45:19,970 --> 00:45:22,380
Anda baru saja melihat dalam beberapa minggu terakhir.

1029
00:45:22,380 --> 00:45:25,724
>> Satu perbedaan awal kita akan melihat
adalah tidak ada fungsi utama lagi.

1030
00:45:25,724 --> 00:45:28,890
Ketika Anda mulai menulis kode, itu hanya
akan dijalankan tidak peduli apa,

1031
00:45:28,890 --> 00:45:30,220
seperti yang akan kita lihat sebentar lagi.

1032
00:45:30,220 --> 00:45:33,320
Sementara itu, inilah apa
variabel seperti di PHP.

1033
00:45:33,320 --> 00:45:35,840
Ini sedikit berbeda,
tapi hanya nyaris.

1034
00:45:35,840 --> 00:45:39,380
>> Dalam PHP, tidak ada mengetik kuat.

1035
00:45:39,380 --> 00:45:41,430
Ada minggu mengetik,
yang hanya berarti ada

1036
00:45:41,430 --> 00:45:44,030
adalah tipe data seperti string
dan angka dan hal-hal lain.

1037
00:45:44,030 --> 00:45:47,030
Tapi Anda tidak repot-repot menentukan
apa yang mereka lagi.

1038
00:45:47,030 --> 00:45:48,980
PHP angka itu keluar untuk Anda.

1039
00:45:48,980 --> 00:45:52,030
Tanda dolar hanya keputusan
bahwa orang-orang PHP dibuat tahun

1040
00:45:52,030 --> 00:45:54,890
lalu sehingga setiap variabel dalam PHP
hanya dimulai dengan tanda dolar.

1041
00:45:54,890 --> 00:45:58,130
Ini sebenarnya semacam berguna dalam bahwa
melompat keluar pada Anda sedikit lebih.

1042
00:45:58,130 --> 00:46:01,315
>> Tapi setelah itu, ini
adalah suatu kondisi di PHP.

1043
00:46:01,315 --> 00:46:03,140

1044
00:46:03,140 --> 00:46:04,730
Apa yang berbeda dibandingkan C?

1045
00:46:04,730 --> 00:46:07,180

1046
00:46:07,180 --> 00:46:09,600
Trik question-- apa-apa,
yang benar-benar benar-benar baik.

1047
00:46:09,600 --> 00:46:12,140
Ekspresi Boolean di PHP-- sama.

1048
00:46:12,140 --> 00:46:19,354
Ekspresi Boolean dengan dan terhadap
atau, switch, loop, loop, loops-- OK,

1049
00:46:19,354 --> 00:46:20,270
yang satu ini berbeda.

1050
00:46:20,270 --> 00:46:22,660
>> Jadi ternyata ada
beberapa fitur lain di PHP.

1051
00:46:22,660 --> 00:46:25,243
Salah satunya adalah benar-benar ini,
yang luar biasa nyaman.

1052
00:46:25,243 --> 00:46:29,250
Jika $ angka adalah sebuah array yang telah Anda
menyatakan sebelumnya dalam sebuah program,

1053
00:46:29,250 --> 00:46:33,350
Anda memiliki mewah ini untuk masing-masing membangun
bahwa alih-alih melakukan semua itu

1054
00:46:33,350 --> 00:46:37,020
mengganggu saya sama dengan 0, I adalah
kurang dari ini, [? Saya ++?],

1055
00:46:37,020 --> 00:46:40,320
untuk setiap nomor sebagai nomor, di mana setiap
dari nilai-nilai tanda dolar hanya

1056
00:46:40,320 --> 00:46:42,790
variabel, dan yang terakhir
Anda bisa memikirkan sebagai I.

1057
00:46:42,790 --> 00:46:44,290
Anda bisa menyebutnya apa pun yang Anda inginkan.

1058
00:46:44,290 --> 00:46:45,770
Aku menyebutnya nomor.

1059
00:46:45,770 --> 00:46:48,825
Ini akan iterate atas
array disebut angka.

1060
00:46:48,825 --> 00:46:51,200
Dan pada setiap iterasi, itu
akan secara otomatis memperbarui

1061
00:46:51,200 --> 00:46:54,340
untuk Anda nomor tanda dolar
variabel sehingga Anda terus-menerus

1062
00:46:54,340 --> 00:46:58,210
memiliki akses ke variabel yang Anda inginkan
tanpa harus melakukan apapun braket persegi

1063
00:46:58,210 --> 00:47:00,980
notasi atau pengindeksan ke dalam array.

1064
00:47:00,980 --> 00:47:04,950
>> Di luar itu, kami bahkan memiliki hal-hal seperti
array, yang terlihat hampir sama,

1065
00:47:04,950 --> 00:47:08,210
kecuali itu sangat umum, seperti yang akan kita
lihat, baik di PHP dan JavaScript

1066
00:47:08,210 --> 00:47:10,750
untuk pra menginisialisasi array
menggunakan tanda kurung siku.

1067
00:47:10,750 --> 00:47:12,040
C menggunakan kurung kurawal.

1068
00:47:12,040 --> 00:47:15,330
Jadi itu sedikit berbeda, meskipun
kita tidak benar-benar menggunakan trik yang banyak.

1069
00:47:15,330 --> 00:47:20,090
>> Tetapi bahkan lebih kuat,
PHP memiliki array asosiatif,

1070
00:47:20,090 --> 00:47:23,100
yang merupakan cara mewah
mengatakan tabel hash.

1071
00:47:23,100 --> 00:47:31,610
Bahkan, jika Anda ingin mendeklarasikan hash
tabel dalam PHP, tidak seperti di C-- berapa banyak

1072
00:47:31,610 --> 00:47:34,775
baris kode yang dibutuhkan untuk
benar-benar menerapkan tabel hash di C?

1073
00:47:34,775 --> 00:47:38,310
Atau berapa banyak baris kode itu
mengambil untuk mengimplementasikan tabel hash di C?

1074
00:47:38,310 --> 00:47:39,820
Jadi mungkin banyak, kan?

1075
00:47:39,820 --> 00:47:41,680
Ini adalah beberapa lusin, mungkin 100 atau 200.

1076
00:47:41,680 --> 00:47:42,980
Ini trivial.

1077
00:47:42,980 --> 00:47:45,420
Atau itu akan menjadi, seperti
Anda akan segera melihat, trivial

1078
00:47:45,420 --> 00:47:48,080
untuk menerapkan tabel hash
[Tak terdengar] dan juga mencoba.

1079
00:47:48,080 --> 00:47:50,580
Namun dalam PHP-- dan terus terang, saya
mungkin tidak harus memberitahu Anda ini

1080
00:47:50,580 --> 00:47:53,630
sampai Monday-- di PHP, jika
Anda ingin meja, dilakukan.

1081
00:47:53,630 --> 00:47:56,431
Itu hash table-- jadi
dengan satu baris kode.

1082
00:47:56,431 --> 00:47:56,930
Dan

1083
00:47:56,930 --> 00:47:58,810
>> Banyak bahasa melakukannya.

1084
00:47:58,810 --> 00:48:00,190
Bersenang-senang dengan pset lima.

1085
00:48:00,190 --> 00:48:01,980
Jadi banyak bahasa melakukannya.

1086
00:48:01,980 --> 00:48:03,050

1087
00:48:03,050 --> 00:48:06,140
Mereka memberikan abstraksi ini
bahwa orang lain, programmer lain,

1088
00:48:06,140 --> 00:48:09,870
telah diciptakan untuk Anda sehingga
Anda dapat berdiri di bahu mereka

1089
00:48:09,870 --> 00:48:13,290
dan mulai menggunakan ide-ide yang super
menarik, seperti tabel hash dan pohon

1090
00:48:13,290 --> 00:48:14,140
dan mencoba.

1091
00:48:14,140 --> 00:48:17,790
Tapi Anda tidak perlu harus
melaksanakan hal-hal sendiri.

1092
00:48:17,790 --> 00:48:20,850
>> Dan pada akhirnya, apa yang
kita akan menggunakan PHP untuk

1093
00:48:20,850 --> 00:48:23,580
berpotensi menulis program
dari apa yang disebut baris perintah.

1094
00:48:23,580 --> 00:48:26,600
Kita bisa menciptakan setiap program
kami telah menulis semester ini sejauh ini,

1095
00:48:26,600 --> 00:48:30,410
kecuali mungkin Breakout yang menggunakan SPL,
yang spesifik untuk C saat ini.

1096
00:48:30,410 --> 00:48:33,100
Tapi setiap masalah lainnya yang ditetapkan,
tentu Mario dan Caesar

1097
00:48:33,100 --> 00:48:35,300
dan Vigenere dan
[? Crack?] Dan seterusnya, kita

1098
00:48:35,300 --> 00:48:39,520
bisa kembali menerapkan dengan PHP,
mungkin sedikit lebih mudah.

1099
00:48:39,520 --> 00:48:43,050
>> Tapi apa yang kita akhirnya akan
menggunakan PHP adalah pemrograman web.

1100
00:48:43,050 --> 00:48:46,420
Dan kita akan memperkenalkan berikutnya
seminggu model mental, paradigma yang disebut

1101
00:48:46,420 --> 00:48:49,610
MVC, model view controller,
yang jika Anda sudah melakukan pemrograman

1102
00:48:49,610 --> 00:48:51,610
sebelum di Python atau
Ruby atau di tempat lain, Anda

1103
00:48:51,610 --> 00:48:54,112
mungkin tahu tim ini dengan
Rails dan Django dan sejenisnya.

1104
00:48:54,112 --> 00:48:55,820
Tetapi jika Anda baru untuk
ini juga, Anda akan melihat

1105
00:48:55,820 --> 00:48:59,652
bahwa ini adalah benar-benar sangat alami
perpanjangan faktorisasi

1106
00:48:59,652 --> 00:49:01,360
dan jenis desain
kode yang kami telah

1107
00:49:01,360 --> 00:49:04,670
lakukan di C. Kita akan sekarang
menerapkan beberapa dari mereka pelajaran untuk PHP

1108
00:49:04,670 --> 00:49:07,190
sehingga pada akhirnya, kita
mengimplementasikan website kita sendiri.

1109
00:49:07,190 --> 00:49:09,080
Dan jika Anda semacam
terpesona atau kagum

1110
00:49:09,080 --> 00:49:10,954
bahwa kita akan melakukan
semua begitu cepat,

1111
00:49:10,954 --> 00:49:13,410
menyadari bahwa hampir setiap
semester, hampir 90%

1112
00:49:13,410 --> 00:49:16,560
siswa CS50, termasuk mereka
yang belum pernah diprogram sebelumnya,

1113
00:49:16,560 --> 00:49:20,329
akhirnya membuat proyek akhir yang
didasarkan pada pemrograman web.

1114
00:49:20,329 --> 00:49:23,120
Dan sehingga Anda akan melihat bahwa pengembalian
tinggi dalam minggu-minggu yang akan datang.

1115
00:49:23,120 --> 00:49:24,965
Jadi kita akan melihat Anda kemudian pada hari Senin.

1116
00:49:24,965 --> 00:49:27,260

1117
00:49:27,260 --> 00:49:30,120
>> SPEAKER 1: Dan sekarang, Deep
Pikiran oleh Daven Farnham.

1118
00:49:30,120 --> 00:49:34,055

1119
00:49:34,055 --> 00:49:34,780
Tabel hash.

1120
00:49:34,780 --> 00:49:37,180

1121
00:49:37,180 --> 00:49:38,402
>> [Tertawa]

1122
00:49:38,402 --> 00:49:38,902