1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Seminar] [Mempersiapkan Situs Anda untuk Web]

2
00:00:02,000 --> 00:00:05,000
[Yuechen Zhao] [Harvard University]

3
00:00:05,000 --> 00:00:07,000
[Ini adalah CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:11,660
>> Oke. Berikut satu jam pengembangan web jika kalian untuk itu.

5
00:00:11,660 --> 00:00:16,290
Hari ini saya akan berbicara tentang mempersiapkan situs Anda untuk Web.

6
00:00:16,290 --> 00:00:20,260
Sepanjang hari - dan mungkin selama 2 minggu terakhir -

7
00:00:20,260 --> 00:00:22,240
kita telah berbicara tentang bagaimana membuat website,

8
00:00:22,240 --> 00:00:24,880
bagaimana menggunakan HTML, bagaimana menggunakan PHP, bagaimana menggunakan kerangka kerja,

9
00:00:24,880 --> 00:00:29,420
bagaimana untuk memastikan bahwa Anda dapat berinteraksi dengan database - hal seperti itu.

10
00:00:29,420 --> 00:00:34,830
Tapi hari ini, kita akan berbicara tentang di mana situs Anda akan hidup setelah CS50.

11
00:00:34,830 --> 00:00:40,010
Karena bagaimanapun, CS50 tidak terjadi Desember lalu.

12
00:00:40,010 --> 00:00:42,090
Kita akan berbicara tentang nama domain, hosting.

13
00:00:42,090 --> 00:00:44,790
Kita akan berbicara tentang apa kompatibilitas cross-browser

14
00:00:44,790 --> 00:00:49,540
dan kompatibilitas cross-platform adalah, dan bagaimana Anda dapat memastikan bahwa situs Anda

15
00:00:49,540 --> 00:00:51,610
akan beroperasi di bawah semua kondisi.

16
00:00:51,610 --> 00:00:54,330
Kita akan berbicara tentang kesalahan penanganan dan sihir server lain.

17
00:00:54,330 --> 00:00:57,890
Kita bicara tentang optimasi kinerja, optimasi mesin pencari,

18
00:00:57,890 --> 00:01:00,310
dan bagaimana membuat orang untuk benar-benar mengunjungi website Anda.

19
00:01:00,310 --> 00:01:05,960
Dan akhirnya, hanya beberapa sumber daya yang baik untuk memastikan bahwa kalian memiliki cukup dari

20
00:01:05,960 --> 00:01:09,680
untuk pergi dengan proyek akhir Anda, dan mudah-mudahan setelah.

21
00:01:09,680 --> 00:01:13,120
>> Hal pertama yang akan kita bicarakan adalah nama domain.

22
00:01:13,120 --> 00:01:18,020
Saat Anda pemrograman dalam alat Anda, Anda akan host lokal

23
00:01:18,020 --> 00:01:20,360
yang sebenarnya bukan nama domain.

24
00:01:20,360 --> 00:01:26,370
Itu semacam hanya nama panggilan atau alias untuk instalasi yang sebenarnya Linux Anda

25
00:01:26,370 --> 00:01:31,150
dalam VMware baik pada Mac atau VMware Player pada PC.

26
00:01:31,150 --> 00:01:36,510
Nama domain memungkinkan Anda untuk menempatkan sebuah situs ke Web dan kemudian pergi ke sesuatu seperti

27
00:01:36,510 --> 00:01:39,400
www.google.com dan website.

28
00:01:39,400 --> 00:01:41,500
Bagaimana mereka bekerja?

29
00:01:41,500 --> 00:01:43,390
Katakanlah bahwa Anda hanya web server rata -

30
00:01:43,390 --> 00:01:50,080
Rata-rata Web surfer dan Anda memiliki laptop, dan Anda pergi ke www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Anda mungkin bisa melihat keberadaan saya mencuri ini dari.

32
00:01:52,570 --> 00:01:57,300
Cara kerja hal - komputer Anda kemudian akan meminta server DNS lokal,

33
00:01:57,300 --> 00:01:59,300
"Apakah Anda tahu di mana situs ini?"

34
00:01:59,300 --> 00:02:02,200
"Apakah Anda tahu alamat IP dari www.howstuffworks.com?"

35
00:02:02,200 --> 00:02:05,580
Server DNS Anda mungkin berkata, "Ya, aku lakukan."

36
00:02:05,580 --> 00:02:09,139
Dalam hal ini, Anda mendapatkan alamat IP, dan komputer Anda mengakses alamat IP.

37
00:02:09,139 --> 00:02:15,050
Jika tidak, ia akan meminta server DNS lain, "Hei! Apakah Anda tahu apa yang www.howstuffworks.com?"

38
00:02:15,050 --> 00:02:17,670
Server yang mungkin berkata, "Ya, aku lakukan."

39
00:02:17,670 --> 00:02:22,500
Jadi, ia memberitahu yang lain apa itu, dan akhirnya, informasi yang akan diteruskan ke komputer Anda,

40
00:02:22,500 --> 00:02:24,680
dan Anda dapat mengakses howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> Bagaimana Anda bisa mendapatkan salah satu dari hal-hal ajaib?

42
00:02:27,540 --> 00:02:32,940
Bagaimana Anda bisa mendapatkan mungkin www.yourname.com atau www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
Anda dapat mendaftar untuk satu,

44
00:02:35,350 --> 00:02:38,280
dan ada banyak website di luar sana yang memungkinkan Anda untuk melakukannya.

45
00:02:38,280 --> 00:02:41,420
Anda harus - dalam situasi yang paling Anda harus membayar untuk mereka.

46
00:02:41,420 --> 00:02:43,890
Ada nama domain tertentu yang bebas.

47
00:02:43,890 --> 00:02:50,900
Jika Anda pergi ke tkdomainnames www.co.cc atau., Mereka bebas.

48
00:02:50,900 --> 00:02:56,500
Tapi, mereka datang dengan pembatasan tertentu, dan bahkan beberapa dari mereka bahkan mungkin tidak

49
00:02:56,500 --> 00:03:00,540
nyata, nama domain tingkat atas seperti com. atau bersih..

50
00:03:00,540 --> 00:03:03,300
Biasanya saya akan menyarankan pergi untuk salah satu dari mereka

51
00:03:03,300 --> 00:03:07,060
karena pengguna hanya lebih nyaman dengan mereka.

52
00:03:07,060 --> 00:03:10,070
Anda telah melihat banyak. Com. Anda telah melihat banyak jaring..

53
00:03:10,070 --> 00:03:13,790
Anda mungkin belum melihat banyak. Co.cc 's, sehingga mereka sulit untuk diingat.

54
00:03:13,790 --> 00:03:18,900
Website yang berbeda seperti GoDaddy atau NameCheap atau - Saya menggunakan salah satu yang

55
00:03:18,900 --> 00:03:21,550
jenis samar - disebut activedomain.com.

56
00:03:21,550 --> 00:03:24,160
Hal ini terlihat sangat samar, tapi itu bekerja dengan sangat baik bagi saya.

57
00:03:24,160 --> 00:03:27,810
>> Dan akhirnya, Anda memiliki orang lain yang mungkin melakukan lebih banyak iklan seperti Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Tetapi jika Anda pergi ke NetworkSolutions.com dan melihat harga mereka

59
00:03:31,140 --> 00:03:34,070
itu benar-benar mahal. Saya melihat mereka tadi malam.

60
00:03:34,070 --> 00:03:37,400
Untuk satu tahun nama domain, itu mungkin tidak bernilai uang sebanyak itu.

61
00:03:37,400 --> 00:03:40,210
Bahkan, jika Anda mendapatkan com. Atau org. Atau jaring.

62
00:03:40,210 --> 00:03:43,430
harga biasa adalah sekitar $ 10 per tahun.

63
00:03:43,430 --> 00:03:48,710
Jadi jika Anda membayar lebih banyak dari itu, itu mungkin tidak layak

64
00:03:48,710 --> 00:03:52,440
karena, setelah semua, situs ini tidak melakukan apa-apa dengan nama domain.

65
00:03:52,440 --> 00:03:58,270
Mereka hanya memberikannya kepada Anda, dan jadi jika Anda bisa mendapatkannya secara murah, mengapa tidak?

66
00:03:58,270 --> 00:04:02,540
>> Hal lain adalah setelah Anda memiliki nama domain Anda, maka Anda mungkin ingin

67
00:04:02,540 --> 00:04:08,610
pergi ke salah Godaddy.com atau di mana pun Anda membeli nama domain Anda

68
00:04:08,610 --> 00:04:11,220
dan mengatur server nama untuk nama domain.

69
00:04:11,220 --> 00:04:15,560
Apa itu artinya sekali pengguna pergi ke www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
mereka nama server alamat IP adalah alamat IP yang mereka akan mampu untuk mencari.

71
00:04:20,839 --> 00:04:24,680
Mereka akan dapat mengakses situs Anda melalui server-server nama.

72
00:04:24,680 --> 00:04:26,830
Jika Anda mengajukan permohonan untuk hosting di suatu tempat

73
00:04:26,830 --> 00:04:31,210
maka host Anda kemungkinan besar akan memberikan server nama yang akan digunakan.

74
00:04:31,210 --> 00:04:34,210
>> Dan akhirnya, ada hal ini disebut WHOIS.

75
00:04:34,210 --> 00:04:38,890
Database WHOIS adalah database yang Anda bisa masukan nama domain

76
00:04:38,890 --> 00:04:44,170
dan akan melepaskan beberapa informasi tentang pemilik situs dan informasi kontak lainnya.

77
00:04:44,170 --> 00:04:49,080
Sekarang, Anda mungkin berkata, "Aku tidak benar-benar ingin alamat rumah saya atau saya tidak benar-benar ingin alamat email saya

78
00:04:49,080 --> 00:04:54,010
di situs bagi siapa saja untuk melihat atau di Internet untuk semua orang untuk melihat. "

79
00:04:54,010 --> 00:04:57,740
Maka Anda mungkin ingin menggunakan sesuatu yang banyak layanan hosting menyediakan -

80
00:04:57,740 --> 00:04:59,740
seperti manajer WHOIS.

81
00:04:59,740 --> 00:05:03,550
Seorang manajer WHOIS hanya layanan lain yang banyak dari mereka menyatakan bahwa

82
00:05:03,550 --> 00:05:07,700
menyembunyikan informasi diri itu dan hanya menempatkan dalam yang adalah manajer untuk nama -

83
00:05:07,700 --> 00:05:13,070
untuk alamat itu biasanya hanya bahwa nama perusahaan yang memberi Anda nama domain ini -

84
00:05:13,070 --> 00:05:17,350
dan sebagainya maka informasi pribadi Anda yang tidak bocor di Internet,

85
00:05:17,350 --> 00:05:19,350
yang biasanya cukup baik.

86
00:05:19,350 --> 00:05:21,350
Saya sendiri menggunakan salah satu layanan tersebut.

87
00:05:21,350 --> 00:05:25,630
Jika Anda tidak peduli tentang privasi Anda sendiri maka itu tidak terlalu penting.

88
00:05:25,630 --> 00:05:32,490
>> Sebuah server DNS adalah singkatan dari Domain Name System, dan apa itu -

89
00:05:32,490 --> 00:05:36,560
itu semacam seperti meja tempat hash yang mengatakan,

90
00:05:36,560 --> 00:05:42,320
 "Alamat website ini akan memetakan ke alamat IP ini." Dan itu semua itu.

91
00:05:42,320 --> 00:05:48,180
Jadi setelah Anda query server DNS ini, maka Anda bisa mendapatkan alamat IP

92
00:05:48,180 --> 00:05:51,930
untuk nama domain yang sesuai dan kemudian mengunjungi situs web tersebut.

93
00:05:51,930 --> 00:05:59,820
(Anggota audiens mengajukan pertanyaan - tak terdengar)

94
00:05:59,820 --> 00:06:07,910
Yang pertama? Tingkat pertama sebenarnya biasanya hanya tembolok komputer Anda sendiri.

95
00:06:07,910 --> 00:06:12,570
Semacam komputer Anda dari mengingat terakhir kali Anda pergi ke www.google.com

96
00:06:12,570 --> 00:06:18,090
itu di alamat IP ini, dan kemudian setelah beberapa saat, cache yang akan berakhir,

97
00:06:18,090 --> 00:06:23,560
dan akan meminta seperti Comcast DNS,

98
00:06:23,560 --> 00:06:26,400
"Hei, apa www.google.com?"

99
00:06:26,400 --> 00:06:31,040
Biasanya, ketika Anda membeli nama domain dan Anda mendaftar satu, dan Anda membuat sebuah situs web,

100
00:06:31,040 --> 00:06:35,670
Anda tidak bisa pergi ke situs web yang langsung dengan nama domain karena server nama

101
00:06:35,670 --> 00:06:40,180
di seluruh dunia tidak tahu tentang nama domain Anda belum. Hal ini untuk mengisi.

102
00:06:40,180 --> 00:06:43,220
Biasanya diperlukan waktu sekitar 24-48 jam.

103
00:06:43,220 --> 00:06:48,460
Baik. Jadi, itulah sedikit tentang nama domain. Mereka sangat keren.

104
00:06:48,460 --> 00:06:51,540
Saya pikir Anda harus mendapatkan satu jika Anda serius tentang proyek

105
00:06:51,540 --> 00:06:55,300
dan jika Anda benar-benar ingin membuat proyek Anda dikenal di kampus,

106
00:06:55,300 --> 00:06:58,050
memiliki nama domain membuatnya tampak benar-benar profesional.

107
00:06:58,050 --> 00:07:01,510
>> Kemudian langkah selanjutnya, tentu saja, adalah untuk memiliki semacam hosting.

108
00:07:01,510 --> 00:07:05,540
Jika Anda hanya menyimpannya di komputer Anda, tak ada yang pernah akan bisa pergi ke sana.

109
00:07:05,540 --> 00:07:09,110
Anda bisa berpotensi menyiapkan server pada komputer Anda dan menjaga komputer Anda selamanya,

110
00:07:09,110 --> 00:07:11,160
tapi itu tidak dianjurkan.

111
00:07:11,160 --> 00:07:14,000
Ada berbagai jenis hosting yang tersedia secara online.

112
00:07:14,000 --> 00:07:21,870
Ada shared hosting. Ada VPN (dimengerti) yang virtual host.

113
00:07:21,870 --> 00:07:23,870
Ada semi-dedicated dan berdedikasi.

114
00:07:23,870 --> 00:07:29,030
Dari 3 terakhir, VPN, semi-dedicated, dan berdedikasi biasanya lebih mahal.

115
00:07:29,030 --> 00:07:32,660
Mereka biasanya digunakan untuk situs yang membutuhkan lebih banyak sumber daya.

116
00:07:32,660 --> 00:07:34,680
Jika Anda hanya memulai dengan sebuah situs web,

117
00:07:34,680 --> 00:07:40,670
itu hanya mungkin menjadi lebih ekonomis untuk pergi dengan shared hosting.

118
00:07:40,670 --> 00:07:43,430
Dan apa berbagi berarti hanya sekelompok website semua bersama-sama

119
00:07:43,430 --> 00:07:51,560
semacam pada satu server di situs ini pada host server ini, dan Anda dapat mengakses situs Anda

120
00:07:51,560 --> 00:07:53,660
melalui nama domain.

121
00:07:53,660 --> 00:07:55,980
>> Ada banyak host populer di luar sana.

122
00:07:55,980 --> 00:08:01,160
HostGator dan Dreamhost - mereka adalah sangat, sangat besar dan sangat, sangat populer

123
00:08:01,160 --> 00:08:03,160
dan sangat, sangat sukses.

124
00:08:03,160 --> 00:08:05,160
Saya pribadi menggunakan satu disebut MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Jika Anda pergi ke www.mddhosting.com, itu tuan saya pilihan.

126
00:08:08,240 --> 00:08:10,240
Saya pikir mereka sangat baik.

127
00:08:10,240 --> 00:08:14,550
Mereka selalu sangat handal, dan saya tidak pernah punya masalah dengan mereka.

128
00:08:14,550 --> 00:08:18,610
Mereka juga memiliki harga yang sangat kompetitif.

129
00:08:18,610 --> 00:08:24,400
Dua yang saya tidak terlalu suka adalah GoDaddy - yang juga tuan rumah yang sangat populer,

130
00:08:24,400 --> 00:08:26,400
tapi aku sudah punya pengalaman buruk dengan mereka,

131
00:08:26,400 --> 00:08:29,430
dan banyak orang yang saya tahu telah memiliki pengalaman sangat buruk dengan mereka.

132
00:08:29,430 --> 00:08:32,150
Mereka semacam mengejar orang-orang yang tidak tahu apa yang mereka lakukan -

133
00:08:32,150 --> 00:08:34,150
mungkin Anda membuat sebuah website untuk pertama kalinya,

134
00:08:34,150 --> 00:08:37,150
dan sehingga mereka semacam menipu mereka agar membeli paket hosting mereka.

135
00:08:37,150 --> 00:08:42,570
Jangan lakukan itu. Jangan jatuh untuk itu. Pergi mencari paket hosting lain yang benar-benar sesuai dengan kebutuhan Anda.

136
00:08:42,570 --> 00:08:44,880
Dan yang lain adalah - ada host gratis di luar sana.

137
00:08:44,880 --> 00:08:47,350
Ada situs yang akan menjadi tuan rumah website Anda secara gratis -

138
00:08:47,350 --> 00:08:49,350
kadang-kadang dengan menempatkan iklan di situs Anda,

139
00:08:49,350 --> 00:08:52,290
kadang-kadang dengan membuat Anda berpartisipasi dalam forum mereka,

140
00:08:52,290 --> 00:08:54,340
tapi kadang-kadang hanya juga gratis.

141
00:08:54,340 --> 00:09:00,000
Tapi, hati-hati dengan host gratis karena banyak dari mereka benar-benar hanya pergi keluar dari bisnis

142
00:09:00,000 --> 00:09:03,480
setelah beberapa bulan. Anda hanya tidak bisa mengikuti dengan biaya.

143
00:09:03,480 --> 00:09:07,460
Yang lain hanya sangat bisa diandalkan, dan situs Anda akan selalu berada di bawah,

144
00:09:07,460 --> 00:09:09,700
dan Anda tidak ingin itu terjadi.

145
00:09:09,700 --> 00:09:12,330
>> Setiap host akan menawarkan panel kontrol mereka sendiri.

146
00:09:12,330 --> 00:09:16,520
Perhatikan bahwa untuk alat Anda, sebenarnya tidak ada control panel per se.

147
00:09:16,520 --> 00:09:19,230
Anda harus menggunakan terminal untuk pergi dan mengedit file.

148
00:09:19,230 --> 00:09:21,230
Anda harus chmod hal sendiri.

149
00:09:21,230 --> 00:09:24,770
Jika Anda ingin pergi ke PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
Anda harus pergi ke localhost @ / phpmyadmin dan hal-hal seperti itu.

151
00:09:29,560 --> 00:09:36,660
Tapi dengan panel kontrol Anda dapat pergi dan mengedit file pada server Anda

152
00:09:36,660 --> 00:09:40,350
dengan Windows Explorer atau aplikasi finder-jenis.

153
00:09:40,350 --> 00:09:44,810
Atau Anda dapat pergi melalui dan melihat database Anda dengan alat mereka sendiri

154
00:09:44,810 --> 00:09:47,280
bukannya PHPMyAdmin.

155
00:09:47,280 --> 00:09:52,240
Jadi, ada banyak pilihan di sini, dan beberapa panel kontrol yang lebih populer adalah di sana.

156
00:09:52,240 --> 00:09:54,240
Tetapi jika Anda sedang mencari sebuah host,

157
00:09:54,240 --> 00:09:57,090
maka Anda mungkin ingin melihat apa jenis kustomisasi dan opsi

158
00:09:57,090 --> 00:10:02,810
mereka menawarkan saya untuk menyesuaikan server saya dan membuat website saya berjalan lebih baik.

159
00:10:02,810 --> 00:10:07,110
Jadi, maka Anda mungkin bertanya, "Nah, bagaimana cara memilih hosting?"

160
00:10:07,110 --> 00:10:11,460
Jika Anda pergi ke setiap situs web host yang ada banyak jargon, dan ada banyak pilihan.

161
00:10:11,460 --> 00:10:14,470
Ada banyak harga yang berbeda juga.

162
00:10:14,470 --> 00:10:19,690
Biasanya aku pergi untuk yang lebih murah hanya karena website yang mungkin Anda dan saya membuat -

163
00:10:19,690 --> 00:10:23,520
dan terutama sekarang, terutama sebagai starter - mereka mungkin tidak membutuhkan banyak sumber daya

164
00:10:23,520 --> 00:10:26,770
sebagai mungkin sebuah situs web seperti Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> Pertama, Anda ingin melihat sistem operasi jika Anda benar-benar ingin tahu apakah

166
00:10:32,090 --> 00:10:35,090
situs Anda akan di-host di Linux, pada Windows, atau Mac.

167
00:10:35,090 --> 00:10:39,790
Biasanya kami hanya pergi dengan Linux karena itulah biasanya yang termurah,

168
00:10:39,790 --> 00:10:43,730
dan juga salah satu yang mungkin kalian lebih akrab dengan karena alat.

169
00:10:43,730 --> 00:10:48,040
Dan kemudian, mungkin mereka akan menaruh beberapa pembatasan pada jumlah bandwidth yang Anda dapatkan -

170
00:10:48,040 --> 00:10:53,030
berapa banyak seperti megabyte atau gigabyte data dapat men-download pengguna

171
00:10:53,030 --> 00:10:55,470
dari situs web Anda per bulan? Atau ruang disk.

172
00:10:55,470 --> 00:11:00,640
Berapa banyak ruang yang Anda dapatkan? Apakah 500 MB? Apakah 2 GB? Apakah itu terbatas?

173
00:11:00,640 --> 00:11:05,920
Saat ini, banyak server web memberikan ruang disk terbatas sebagai cara bagi mereka

174
00:11:05,920 --> 00:11:08,560
untuk menarik perhatian Anda untuk mendapatkan paket hosting mereka.

175
00:11:08,560 --> 00:11:11,850
Tetapi jika Anda benar-benar berpikir tentang hal ini, kapan Anda pernah akan membutuhkan ruang disk terbatas?

176
00:11:11,850 --> 00:11:18,060
Jika Anda memiliki beberapa file HTML, beberapa PHP, beberapa gambar -

177
00:11:18,060 --> 00:11:20,060
itu hanya beberapa megabyte, dan sebagainya

178
00:11:20,060 --> 00:11:23,110
biasanya saya hanya pergi untuk layak mungkin beberapa gigabyte 'ruang,

179
00:11:23,110 --> 00:11:27,990
dan itu mungkin cukup untuk memulai saya sampai saya membutuhkan lebih banyak.

180
00:11:27,990 --> 00:11:31,480
>> Akhirnya, mereka dapat menempatkan pembatasan pada jenis - berapa banyak database Anda dapat memiliki.

181
00:11:31,480 --> 00:11:34,760
Mungkin Anda hanya dapat memiliki 1 basis data. Mungkin Anda dapat memiliki 2. Mungkin Anda dapat memiliki 10.

182
00:11:34,760 --> 00:11:38,330
Apakah benar-benar penting bagi Anda berapa banyak Anda dapatkan?

183
00:11:38,330 --> 00:11:40,330
Hal yang bertanya pada diri sendiri.

184
00:11:40,330 --> 00:11:42,330
Dan akhirnya, hanya hal-hal seperti bahasa.

185
00:11:42,330 --> 00:11:44,330
Apakah mereka mendukung PHP? Apakah mereka mendukung MySQL?

186
00:11:44,330 --> 00:11:49,010
Kebanyakan website hosting mendukung karena mereka bebas. Mereka open source.

187
00:11:49,010 --> 00:11:51,190
Tidak ada biaya apa pun pada mereka untuk memberikan ini untuk Anda.

188
00:11:51,190 --> 00:11:55,680
Tetapi jika Anda ingin menggunakan, katakanlah, Ruby atau Python atau beberapa bahasa lain -

189
00:11:55,680 --> 00:11:59,490
mereka mungkin tidak mendukung pada server mereka, jadi penting untuk mencari hal-hal semacam.

190
00:11:59,490 --> 00:12:05,620
>> Dan akhirnya, mereka memungkinkan Anda untuk melakukan beberapa hal yang lebih canggih seperti SSL atau pekerjaan cron?

191
00:12:05,620 --> 00:12:12,060
SSL adalah pilihan di mana Anda dapat membuat website Anda lebih aman dengan membuatnya HTTPS

192
00:12:12,060 --> 00:12:14,060
dan mengenkripsi koneksi Anda.

193
00:12:14,060 --> 00:12:17,230
Dan pekerjaan cron hanya mungkin script yang Anda ingin menjalankan

194
00:12:17,230 --> 00:12:19,510
setiap 5 menit, setiap 10 menit, setiap 15.

195
00:12:19,510 --> 00:12:22,030
Banyak situs web shared hosting pembatasan menempatkan

196
00:12:22,030 --> 00:12:26,310
pada jumlah pekerjaan cron yang dapat dijalankan karena membutuhkan lebih banyak sumber daya.

197
00:12:26,310 --> 00:12:31,800
>> Dan akhirnya, seperti segala sesuatu yang Anda ingin melihat - pastikan apa yang terjadi

198
00:12:31,800 --> 00:12:35,180
sebelum Anda membeli paket hosting Anda.

199
00:12:35,180 --> 00:12:37,720
Dan akhirnya, kinerja. Kinerja sangat besar.

200
00:12:37,720 --> 00:12:39,740
Seberapa cepat adalah website saya akan lari?

201
00:12:39,740 --> 00:12:42,950
Sebagian besar pengguna tidak akan menunggu bahkan detik untuk website Anda untuk menjalankan

202
00:12:42,950 --> 00:12:47,640
sebelum mereka hanya bosan, dan mereka pergi ke MeanBase dan mulai melihat gambar

203
00:12:47,640 --> 00:12:52,240
kucing - Anda tahu itu terjadi, dan Anda ingin memastikan bahwa Anda mendapatkan bahwa pengguna di papan

204
00:12:52,240 --> 00:12:54,300
dan bahwa Anda memiliki uptime yang baik yang hanya berarti bahwa

205
00:12:54,300 --> 00:12:56,300
website Anda akan dapat diakses setiap saat.

206
00:12:56,300 --> 00:13:01,880
Banyak host memiliki uptime benar-benar buruk dan itu hanya berarti website Anda tidak akan menjadi

207
00:13:01,880 --> 00:13:06,500
diakses, dan Anda tidak ingin itu terjadi karena Anda mungkin sedih.

208
00:13:06,500 --> 00:13:10,360
Dan Anda juga dapat melacak kinerja host Anda dengan situs-situs seperti

209
00:13:10,360 --> 00:13:16,440
Pingdom.com atau Host-tracker.com, dan mereka hanya memberitahu Anda seberapa sering situs Anda turun.

210
00:13:16,440 --> 00:13:18,490
>> Dan akhirnya, Anda ingin melihat tentang dukungan mereka.

211
00:13:18,490 --> 00:13:21,890
Jika Anda memiliki masalah mereka akan merespon Anda dalam waktu 24 jam?

212
00:13:21,890 --> 00:13:23,890
Apakah mereka akan merespon Anda dalam waktu 48 jam?

213
00:13:23,890 --> 00:13:26,500
Layanan hosting yang saya gunakan biasanya merespon saya dalam beberapa menit

214
00:13:26,500 --> 00:13:29,760
yang benar-benar bagus.

215
00:13:29,760 --> 00:13:33,990
Wah! Baiklah! Sudah waktunya untuk istirahat. Tapi aku tidak akan memberikannya kepada Anda.

216
00:13:33,990 --> 00:13:38,200
Kami hanya akan melihat gambar kucing lucu setiap sekarang dan kemudian.

217
00:13:38,200 --> 00:13:42,740
>> Hal lain yang benar-benar besar adalah kompatibilitas cross-browser.

218
00:13:42,740 --> 00:13:45,890
Apa yang saya maksud dengan kompatibilitas cross-browser?

219
00:13:45,890 --> 00:13:50,970
Anda tahu, saat ini bukan hanya Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
Ini bukan hanya Mozilla Firefox atau Safari.

221
00:13:53,970 --> 00:13:58,190
Sekarang kita memiliki Chrome. Kami memiliki Opera. Kami memiliki Dolphin. Kami memiliki Camino.

222
00:13:58,190 --> 00:14:00,540
Kami memiliki Penakluk. Kami memiliki semua browser yang berbeda.

223
00:14:00,540 --> 00:14:05,950
Hal-hal yang keluar sekarang - RockMelt - meskipun mereka semua didasarkan pada Chromium.

224
00:14:05,950 --> 00:14:10,990
Tapi faktanya adalah, tidak hanya ada satu browser lagi.

225
00:14:10,990 --> 00:14:13,860
Anda tidak hanya melihat halaman web ini dengan satu aplikasi.

226
00:14:13,860 --> 00:14:17,660
Maka, browser yang berbeda akan merespon berbeda HTML, CSS yang berbeda, dan

227
00:14:17,660 --> 00:14:21,210
JavaScript yang berbeda berbeda, dan bagaimana Anda menghadapi itu?

228
00:14:21,210 --> 00:14:24,370
Nah, dalam kasus tertentu, Anda benar-benar tidak bisa.

229
00:14:24,370 --> 00:14:29,160
Website Anda - jika bekerja dalam satu browser, kode yang Anda tulis tidak akan bekerja

230
00:14:29,290 --> 00:14:32,910
di browser lain, dan itu tugas Anda untuk memastikan bahwa kode yang Anda tulis

231
00:14:32,910 --> 00:14:36,000
bersifat universal, bahwa ia bekerja di mana-mana.

232
00:14:36,000 --> 00:14:38,000
Jadi, ini benar-benar berbahaya.

233
00:14:38,000 --> 00:14:42,450
Jika Anda mengatakan, "Yah, itu bekerja di komputer saya. Besar! Mari kita lanjutkan."

234
00:14:42,450 --> 00:14:46,040
Nah, itu mungkin tidak akan bekerja pada saya, dan ketika saya pergi ke situs web Anda

235
00:14:46,040 --> 00:14:49,210
Aku akan menjadi sangat sedih, dan aku akan segera pergi.

236
00:14:49,210 --> 00:14:51,570
Jadi, mari kita lihat bagaimana Anda dapat mencegah hal ini.

237
00:14:51,570 --> 00:14:55,520
>> Yang pertama, tentu saja, adalah untuk hanya menggunakan standar HTML, CSS, dan JavaScript.

238
00:14:55,520 --> 00:14:57,520
Apa yang saya maksud dengan itu?

239
00:14:57,520 --> 00:15:00,180
Well, ada banyak hal yang tidak standar di luar sana.

240
00:15:00,180 --> 00:15:03,490
Misalnya, dalam CSS ada banyak versi.

241
00:15:03,490 --> 00:15:10,830
Jika Anda melihat aturan CSS dengan-moz-atau-webkit-, aturan-aturan yang spesifik

242
00:15:10,830 --> 00:15:15,720
untuk kedua browser Mozilla dan browser WebKit,

243
00:15:15,720 --> 00:15:20,590
dan sehingga Anda ingin memastikan bahwa mungkin Anda ingin menghindari hal-hal

244
00:15:20,590 --> 00:15:25,150
karena jika Anda menggunakan-moz-aturan hanya akan bekerja pada Firefox.

245
00:15:25,150 --> 00:15:29,640
Dan jika Anda benar-benar ingin terlihat baik pada Internet Explorer juga,

246
00:15:29,640 --> 00:15:31,640
Anda akan kurang beruntung.

247
00:15:31,640 --> 00:15:37,910
Untuk HTML juga, Anda bisa melakukan hal-hal dalam HTML pekerjaan yang dalam satu browser

248
00:15:37,910 --> 00:15:41,830
tetapi istirahat di tempat lain, dan Anda ingin menghindari itu sebanyak mungkin.

249
00:15:41,830 --> 00:15:44,830
Dan akhirnya untuk JavaScript bahkan - ada banyak versi dari JavaScript,

250
00:15:44,830 --> 00:15:50,570
dan musim panas ini kami berlari ke masalah di mana-Document.getElementsByClassName -

251
00:15:50,570 --> 00:15:54,500
yang biasanya sebuah fungsi yang didefinisikan sebagai bagian dari standar JavaScript -

252
00:15:54,500 --> 00:15:58,120
tidak menemukan di Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Jadi, selama musim panas saya bekerja di laboratorium dan kami sedang membangun percobaan online.

254
00:16:01,900 --> 00:16:06,210
Dan kami pikir itu bekerja dengan sangat baik sampai kita menyadari pengguna yang menggunakan

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 tidak bisa menyerahkan hasil mereka.

256
00:16:09,780 --> 00:16:13,200
Kami kehilangan banyak data. Yang membuat kita benar-benar sedih.

257
00:16:13,200 --> 00:16:17,790
Jadi, Anda selalu ingin memastikan bahwa script Anda akan bekerja di mana-mana.

258
00:16:17,790 --> 00:16:20,500
>> Dan akhirnya, gunakan validator.w3.org

259
00:16:20,500 --> 00:16:22,770
yang adalah apa yang kita katakan Anda lakukan di pset 7.

260
00:16:22,770 --> 00:16:24,530
Pastikan bahwa halaman Anda divalidasi.

261
00:16:24,530 --> 00:16:28,310
Itu penting karena itu setidaknya merupakan langkah awal cek kewarasan.

262
00:16:28,310 --> 00:16:31,870
Apakah kode saya benar-benar sesuai standar?

263
00:16:34,930 --> 00:16:39,320
Cara lain untuk semacam membantu Anda memastikan bahwa situs Anda akan bekerja

264
00:16:39,320 --> 00:16:42,610
dalam situasi yang paling mungkin adalah dengan menggunakan beberapa perpustakaan dan kerangka kerja

265
00:16:42,610 --> 00:16:46,210
karena pengembang benar-benar cerdas telah memikirkan masalah ini untuk Anda.

266
00:16:46,210 --> 00:16:49,850
Mereka sudah melalui dan mereka telah menulis fungsi yang berbeda yang bekerja di seluruh browser.

267
00:16:49,850 --> 00:16:53,560
Misalnya, kita menggunakan jQuery di Pset 7.

268
00:16:53,560 --> 00:16:58,030
Meskipun Anda mungkin tidak melihatnya, jQuery menyediakan banyak fungsi

269
00:16:58,030 --> 00:17:00,280
bahwa jika tidak Anda akan harus menulis sendiri.

270
00:17:00,280 --> 00:17:05,310
Tapi pengembang tersebut menulisnya, dan mereka memastikan bahwa ia bekerja di semua browser.

271
00:17:05,310 --> 00:17:10,280
Dan Bootstrap - yang merupakan kerangka CSS lain yang kami menunjukkan Anda di Pset 7 -

272
00:17:10,280 --> 00:17:17,000
itu benar-benar menghilangkan banyak sakit kepala dengan merancang situs web yang terlihat baik.

273
00:17:17,000 --> 00:17:19,000
di semua browser.

274
00:17:19,000 --> 00:17:23,660
>> Dan akhirnya, jika Anda dapat menghindari hal itu, saya biasanya menghindari coding dari awal.

275
00:17:23,660 --> 00:17:28,079
Jika Anda hanya membuat sebuah website untuk klub sekolah Anda, misalnya,

276
00:17:28,079 --> 00:17:33,920
dan semua yang perlu Anda lakukan adalah untuk menampilkan beberapa halaman dan mungkin memiliki presiden Anda masuk

277
00:17:33,920 --> 00:17:38,910
dan mengubah beberapa hal di sana-sini - ada benar-benar tidak perlu kode yang up diri sendiri.

278
00:17:38,910 --> 00:17:40,910
Itu membutuhkan banyak waktu Anda.

279
00:17:40,910 --> 00:17:42,660
Dibutuhkan banyak energi Anda, dan Anda harus melalui dan Anda harus mencari tahu,

280
00:17:42,660 --> 00:17:45,930
juga, apakah ini akan terlihat bagus di browser ini, itu akan terlihat baik di browser ini.

281
00:17:45,930 --> 00:17:50,610
Mungkin menggunakan beberapa patch ini bahwa orang lain telah ditulis untuk Anda, seperti

282
00:17:50,610 --> 00:17:52,610
Wordpress atau Joomla atau Drupal.

283
00:17:52,610 --> 00:17:59,400
Ini disebut konten - ini disebut CMSS yang pada dasarnya hanya paket yang

284
00:17:59,400 --> 00:18:03,020
sudah datang dilakukan untuk Anda, dan Anda dapat men-download mereka, menempatkan mereka ke server Anda,

285
00:18:03,020 --> 00:18:07,510
dan menyesuaikan mereka namun Anda inginkan, dan Anda sudah memiliki website yang berjalan.

286
00:18:07,510 --> 00:18:11,680
Paket-paket kode adalah sesuatu untuk melihat ke.

287
00:18:11,680 --> 00:18:15,400
Hal-hal ini open source kecuali jika Anda pergi untuk sesuatu seperti -

288
00:18:15,400 --> 00:18:19,390
jika Anda sedang mencari paket bentuk, ada hal-hal yang tidak bebas seperti

289
00:18:19,390 --> 00:18:21,570
VBulletin atau IP.Board.

290
00:18:21,570 --> 00:18:23,790
Jika Anda tidak perlu beberapa fitur-fitur canggih,

291
00:18:23,790 --> 00:18:27,530
Anda selalu dapat memilih untuk opsi gratis.

292
00:18:27,530 --> 00:18:31,300
>> Dan akhirnya, tidak ada menghindarinya.

293
00:18:31,300 --> 00:18:33,300
Anda harus menguji, uji, uji.

294
00:18:33,300 --> 00:18:37,690
Anda harus menguji kode Anda pada semua browser dan semua platform.

295
00:18:37,690 --> 00:18:44,110
Dan kau tahu, IE6 - orang Syukurlah sudah mulai bergerak menjauh dari IE6

296
00:18:44,110 --> 00:18:49,190
karena kembali pada hari, mungkin beberapa tahun yang lalu, pengembang web harus selalu, selalu,

297
00:18:49,190 --> 00:18:55,280
selalu menjadi calo untuk kelemahan IE6 dalam mengikuti standar.

298
00:18:55,280 --> 00:19:00,860
Website hanya tampak agak tahun 1990 untuk kurangnya cara yang lebih baik untuk menghadapinya.

299
00:19:00,860 --> 00:19:04,380
Anda juga dapat menggunakan screenshot browser untuk memeriksa CSS Anda.

300
00:19:04,380 --> 00:19:08,100
Salah satu website yang sangat keren adalah browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
Ini adalah layanan gratis yang dikeluarkan oleh Adobe.

302
00:19:11,070 --> 00:19:15,160
Dan apa yang mereka lakukan adalah mereka dapat mengambil screenshot dari situs web Anda

303
00:19:15,160 --> 00:19:18,890
berjalan di bawah kondisi yang berbeda - seperti berjalan di bawah browser yang berbeda,

304
00:19:18,890 --> 00:19:22,660
berjalan di bawah platform yang berbeda - dan menunjukkan apa yang mereka terlihat seperti.

305
00:19:22,660 --> 00:19:33,260
Hanya untuk menunjukkan apa yang saya maksud di sini, saya membuat website tahun lalu yang disebut Hidup Di Harvard,

306
00:19:33,260 --> 00:19:39,150
dan apa yang saya coba lakukan - saya mencoba untuk membuat my.harvard baik.

307
00:19:39,150 --> 00:19:43,840
Karena jika Anda berada di sini tahun lalu, my.harvard tidak tampak seperti yang terlihat sekarang.

308
00:19:43,840 --> 00:19:46,640
Ini terlihat agak menjijikkan.

309
00:19:46,640 --> 00:19:50,470
Tapi sekarang terlihat jauh lebih baik.

310
00:19:50,470 --> 00:19:57,070
Implementasi saya itu tidak berguna lagi, tapi semua sama,

311
00:19:57,070 --> 00:20:01,310
Anda tahu, saya mencoba untuk menambahkan - (dimengerti) banyak apapun -

312
00:20:01,310 --> 00:20:04,680
dan terlihat - terlihat sangat baik pada komputer saya.

313
00:20:04,680 --> 00:20:08,560
Dan kemudian, mungkin kalau aku punya lebih banyak waktu saya akan pergi ke laboratorium peramban,

314
00:20:08,560 --> 00:20:13,020
dan aku akan melihat, baik, bagaimana terlihat di Chrome 18 pada Windows.

315
00:20:13,020 --> 00:20:17,060
Aku akan gulir ke bawah dan saya akan melihat - oh tidak! Lihatlah kotak pengumuman.

316
00:20:17,060 --> 00:20:20,200
Teks saya meluap. Jadi, itu buruk, benar?

317
00:20:20,200 --> 00:20:23,700
Jika pengguna menggunakan Chrome di Windows dan datang ke website saya,

318
00:20:23,700 --> 00:20:26,730
yang segera terlihat sangat tidak profesional.

319
00:20:26,730 --> 00:20:30,760
Jadi, saya harus pergi ke CSS saya dan mencari tahu apa bagian dari CSS saya hancur di sini.

320
00:20:30,760 --> 00:20:35,090
Mengapa tidak ditampilkan dengan benar dan memperbaikinya sehingga semua pengguna dapat melihat website yang sama

321
00:20:35,090 --> 00:20:37,770
dan hanya sebagai bahagia.

322
00:20:37,770 --> 00:20:44,280
>> Dan akhirnya, baik, screenshot browser yang bagus untuk menguji CSS Anda,

323
00:20:44,280 --> 00:20:46,020
tapi bagaimana Anda JavaScript?

324
00:20:46,020 --> 00:20:48,660
Bagaimana jika Anda memiliki beberapa skrip yang rumit yang berjalan?

325
00:20:48,660 --> 00:20:50,460
Nah, Anda selalu dapat melakukan virtualisasi.

326
00:20:50,460 --> 00:20:56,360
Jika Anda memiliki Mac Anda dapat menggunakan Bootcamp atau VMWare untuk virtualisasi mungkin salinan

327
00:20:56,360 --> 00:20:59,540
Windows dan penggunaan Internet Explorer di sana.

328
00:20:59,540 --> 00:21:03,400
Atau, Anda bisa pergi ke sesuatu seperti Spoon.net, yang sayangnya hanya bekerja pada PC.

329
00:21:03,400 --> 00:21:05,290
Tapi apa yang mereka lakukan adalah sangat dingin.

330
00:21:05,290 --> 00:21:10,080
Mereka virtualisasi perangkat lunak untuk Anda sehingga Anda dapat menjalankan versi yang berbeda dari IE, misalnya.

331
00:21:10,080 --> 00:21:12,080
Anda dapat menjalankan versi yang berbeda dari Firefox.

332
00:21:12,080 --> 00:21:15,720
Anda dapat menjalankan versi yang berbeda dari Safari dan menguji semua website Anda di sana.

333
00:21:15,720 --> 00:21:18,360
Sayangnya, mereka tidak bebas.

334
00:21:18,360 --> 00:21:20,860
Itu adalah layanan dibayar, sehingga selalu ada semacam ini -

335
00:21:20,860 --> 00:21:26,070
selalu ada semacam trade off antara ini, baik, aku akan membuat website saya terlihat baik.

336
00:21:26,070 --> 00:21:31,970
Jika demikian, saya mungkin harus membayar untuk beberapa layanan untuk membantu saya melakukan itu.

337
00:21:31,970 --> 00:21:35,890
Setiap pertanyaan pada saat ini tentang apa pun yang kita bicarakan?

338
00:21:38,500 --> 00:21:41,210
Awesome. Oke.

339
00:21:41,210 --> 00:21:43,870
>> Sekarang kita memiliki lebih banyak hal untuk dibicarakan.

340
00:21:43,870 --> 00:21:45,820
Bagaimana tentang kesalahan?

341
00:21:45,820 --> 00:21:48,670
Bagaimana Anda memastikan bahwa website Anda akan beroperasi bahkan ketika

342
00:21:48,670 --> 00:21:50,150
sesuatu yang buruk terjadi?

343
00:21:50,150 --> 00:21:53,940
Mungkin Anda tidak memiliki sebuah halaman yang bernama food.php.

344
00:21:53,940 --> 00:21:57,000
Tapi saya, saya pergi ke situs web Anda dan saya mencoba mengakses food.php.

345
00:21:57,000 --> 00:22:00,770
Apakah Anda hanya akan menunjukkan bahwa halaman putih yang mengatakan 404 - File tidak ditemukan?

346
00:22:00,770 --> 00:22:04,400
Atau kau akan berkata, "Yah, aku minta maaf bahwa saya tidak bisa menemukan ini untuk Anda,

347
00:22:04,400 --> 00:22:08,520
tapi mungkin di sini adalah beberapa sumber daya lain untuk membantu Anda mencari apa yang Anda butuhkan. "

348
00:22:08,520 --> 00:22:13,180
Kesalahan lainnya - jadi, ini disebut kesalahan HTTP yang hanya beberapa kode kesalahan

349
00:22:13,180 --> 00:22:17,130
bahwa server Anda mungkin telah dikirim kembali ke browser dalam kasus terjadinya sesuatu yang buruk.

350
00:22:17,130 --> 00:22:20,160
400 - Bad Request. 401 - Unauthorized.

351
00:22:20,160 --> 00:22:25,560
403 adalah jenis umum ketika Anda memiliki sebuah direktori yang tidak seharusnya diakses

352
00:22:25,560 --> 00:22:27,310
oleh pengguna, tapi pengguna mencoba untuk tetap.

353
00:22:27,310 --> 00:22:30,840
Dan 500 - Internal Server Error - yang biasanya terjadi ketika Anda memiliki sesuatu

354
00:22:30,840 --> 00:22:33,070
benar-benar buruk terjadi dengan kode PHP Anda.

355
00:22:33,070 --> 00:22:36,140
Tapi dalam hal apapun, ini macam browser - ini jenis kesalahan yang terjadi.

356
00:22:36,140 --> 00:22:40,550
>> Jadi, bagaimana Anda memastikan bahwa Anda anggun menangani kesalahan ini

357
00:22:40,550 --> 00:22:43,230
dan pastikan bahwa pengguna tidak hanya semacam tergantung di sana?

358
00:22:46,850 --> 00:22:48,850
Berikut datang. Htaccess.

359
00:22:48,850 --> 00:22:51,300
Sekarang,. Htaccess adalah sesuatu yang bekerja pada server Apache,

360
00:22:51,300 --> 00:22:55,550
sesuatu yang bekerja dan bekerja pada beberapa server lain juga.

361
00:22:55,550 --> 00:23:01,350
Ini adalah cara bagi Anda untuk mengkonfigurasi server Anda sehingga

362
00:23:01,350 --> 00:23:04,470
Anda dapat membuatnya melakukan apa pun yang Anda ingin lakukan.

363
00:23:04,470 --> 00:23:06,790
Beberapa hal yang dapat Anda lakukan. Anda bisa mengontrol pengaturan cache.

364
00:23:06,790 --> 00:23:11,290
Mungkin ada halaman tertentu di situs Web yang Anda memastikan bahwa pengguna

365
00:23:11,290 --> 00:23:14,740
download ulang setiap kali pengguna datang dan mengunjungi situs Anda.

366
00:23:14,740 --> 00:23:26,980
Atau mungkin Anda memiliki beberapa URL yang seperti yoursite.com / test / html / pages / hello.html

367
00:23:26,980 --> 00:23:31,270
dan Anda hanya ingin bahwa untuk menjadi yourname.com / hello -. baik, Anda dapat menggunakan htaccess

368
00:23:31,270 --> 00:23:34,760
untuk mengarahkan satu halaman web yang lain.

369
00:23:34,760 --> 00:23:36,600
Anda juga dapat menggunakannya untuk melakukan otentikasi.

370
00:23:36,600 --> 00:23:39,890
Mungkin ada beberapa bagian dari situs Anda bahwa Anda perlu menggunakan password lain.

371
00:23:39,890 --> 00:23:42,620
Anda dapat memblokir alamat IP tertentu, memblokir domain tertentu.

372
00:23:42,620 --> 00:23:46,770
Mungkin Anda hanya benar-benar tidak suka mahasiswa Harvard menggunakan situs web Anda.

373
00:23:46,770 --> 00:23:49,910
Nah, Anda memiliki pilihan untuk memblokir semua alamat IP Harvard.

374
00:23:49,910 --> 00:23:56,370
>> Akhirnya, Anda dapat mengobati hal - Anda dapat menulis kode tertentu untuk membuat server Anda

375
00:23:56,370 --> 00:24:03,100
memperlakukan seperti Zhao. atau. nama Anda atau. halo halaman sebagai kode PHP.

376
00:24:03,100 --> 00:24:05,170
Mungkin itu akan berguna. Mungkin itu tidak akan.

377
00:24:05,170 --> 00:24:07,980
Dan akhirnya, Anda dapat menggunakannya untuk menangani respon kesalahan.

378
00:24:07,980 --> 00:24:10,300
Apa yang saya maksud dengan itu?

379
00:24:10,300 --> 00:24:16,030
Jika Anda cukup menambahkan kode seperti ini - 404 ErrorDocument dan kemudian mengarahkan mereka ke beberapa

380
00:24:16,030 --> 00:24:20,440
halaman kesalahan, Anda dapat memastikan bahwa pengguna tidak hanya melihat benar-benar, benar-benar jelek

381
00:24:20,440 --> 00:24:23,550
404 dan menunjukkan kepada mereka sesuatu yang menyenangkan.

382
00:24:23,550 --> 00:24:29,000
>> Mari kita benar-benar melihat bagaimana kita dapat melakukannya dengan Pset Anda 7.

383
00:24:29,000 --> 00:24:34,190
Di sini, aku di alat saya.

384
00:24:34,190 --> 00:24:38,440
Aku akan membuka Chrome, dan kemudian aku akan mencoba mengakses halaman

385
00:24:38,440 --> 00:24:43,350
yang tidak ada pada CS50 Keuangan.

386
00:24:43,350 --> 00:24:52,710
Jadi, host lokal - cats.php--begitu, melihat bahwa saya membuat dokumen error

387
00:24:52,710 --> 00:24:54,770
yang mengatakan, "CANZ tidak menemukan halaman z!"

388
00:24:54,770 --> 00:24:56,990
Ia memiliki kucing sangat sedih di atasnya.

389
00:24:56,990 --> 00:24:59,910
Jika Anda pergi di Twitter, jika Anda pergi pada salah satu situs lain,

390
00:24:59,910 --> 00:25:02,700
Anda tidak dapat menemukan halaman, mereka biasanya mencoba untuk menampilkan gambar lucu

391
00:25:02,700 --> 00:25:04,850
sehingga Anda tidak terlalu kecewa.

392
00:25:04,850 --> 00:25:07,830
Anda juga bisa memiliki sesuatu yang lebih profesional yang mengatakan,

393
00:25:07,830 --> 00:25:11,760
baik, saya minta maaf saya tidak bisa menemukan halaman, tapi mungkin inilah kotak pencarian.

394
00:25:11,760 --> 00:25:16,750
Atau mungkin di sini adalah beberapa link yang akan membantu Anda menemukan link yang Anda inginkan.

395
00:25:16,750 --> 00:25:21,410
Jadi, bagaimana saya melakukan ini? Bagaimana ini mungkin?

396
00:25:21,410 --> 00:25:23,500
Jika kita masuk ke terminal kami di sini -

397
00:25:23,500 --> 00:25:26,300
Aku hanya akan memperbesar sedikit -

398
00:25:26,300 --> 00:25:30,110
melihat bahwa saya memiliki halaman baru.

399
00:25:30,110 --> 00:25:34,440
Di dalam direktori HTML saya itu disebut - Anda tidak bisa melihatnya -

400
00:25:34,440 --> 00:25:37,280
itu disebut error.php.

401
00:25:37,280 --> 00:25:41,010
Dan error.php hanyalah sebuah file yang saya buat

402
00:25:41,010 --> 00:25:43,030
yang menunjukkan bahwa halaman itu sendiri.

403
00:25:43,030 --> 00:25:46,710
Saya bisa menunjukkan kepada Anda apa yang error.php.

404
00:25:46,710 --> 00:25:48,710
Ini halaman ini persis.

405
00:25:48,710 --> 00:25:50,710
Ia mengatakan, "Oh tidak! CANZ tidak menemukan halaman z!"

406
00:25:50,710 --> 00:25:58,630
Dan, jika Anda ingin melihat - jadi, perhatikan bahwa htaccess semacam adalah nama yang aneh..

407
00:25:58,630 --> 00:26:01,040
Dimulai dengan titik yang berarti bahwa itu adalah file sistem.

408
00:26:01,040 --> 00:26:03,360
Ini adalah file tersembunyi yang umumnya tidak ditampilkan.

409
00:26:03,360 --> 00:26:09,060
Jika Anda melakukan ls-a, Anda dapat melihat semua file yang tersembunyi dalam direktori tertentu,

410
00:26:09,060 --> 00:26:12,030
dan memang, Anda lihat. htaccess adalah salah satunya.

411
00:26:12,030 --> 00:26:15,490
Mari kita pergi ke depan dan membuka htaccess. -

412
00:26:15,490 --> 00:26:19,830
dengan gedit -

413
00:26:19,830 --> 00:26:26,870
Boom! Semua yang saya miliki adalah satu baris di sana - Kesalahan dokumen untuk 404 kesalahan

414
00:26:26,870 --> 00:26:28,760
yang juga dikenal sebagai kesalahan file-tidak-ditemukan.

415
00:26:28,760 --> 00:26:32,720
Mari kita mengarahkan mereka ke sesuatu yang disebut error.php.

416
00:26:36,100 --> 00:26:42,030
Anda dapat memiliki hal-hal menyenangkan seperti CANZ tidak menemukan halaman z!

417
00:26:42,030 --> 00:26:46,770
Dan ada juga hal yang sangat keren yang dapat Anda lakukan dengan. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Jika Anda ingin melihat lebih banyak. Htaccess sihir,

419
00:26:49,520 --> 00:26:56,470
ini adalah situs yang sangat keren untuk pergi ke - itu disebut javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
jika Anda ingin melakukan lebih ajaib Server. Dan itu bisa sangat menyenangkan.

421
00:27:01,880 --> 00:27:05,490
>> Wah! Baiklah! Lebih banyak gambar lucu.

422
00:27:05,490 --> 00:27:10,060
Ini adalah orang yang melakukan push-up, dan kucingnya sedang mencoba untuk membantu. Saya pikir itu sangat lucu.

423
00:27:10,060 --> 00:27:14,830
Sayangnya, saya tidak memiliki kucing seperti itu.

424
00:27:14,830 --> 00:27:17,640
Baik. Jadi, kita bicarakan. Htaccess.

425
00:27:17,640 --> 00:27:19,640
Kita telah berbicara tentang penanganan error.

426
00:27:19,640 --> 00:27:20,940
Kami telah berbicara tentang hosting, nama domain.

427
00:27:20,940 --> 00:27:23,230
Kami telah berbicara tentang kompatibilitas cross-browser.

428
00:27:23,230 --> 00:27:25,210
Sekarang bagaimana kita memastikan bahwa website Anda benar-benar melakukan?

429
00:27:25,210 --> 00:27:26,950
Bagaimana kita memastikan bahwa jika saya pergi ke situs web Anda

430
00:27:26,950 --> 00:27:29,830
Aku bisa melihat halaman Anda dalam beberapa detik?

431
00:27:29,830 --> 00:27:33,520
Salah satu hal yang saya pikir orang hanya semacam melupakan

432
00:27:33,520 --> 00:27:36,160
adalah optimasi gambar.

433
00:27:36,160 --> 00:27:37,560
Katakanlah bahwa Anda ingin menempatkan gambar di situs Anda

434
00:27:37,560 --> 00:27:40,330
dan itu 2 MG besar.

435
00:27:40,330 --> 00:27:42,670
Itu mungkin baik bagi kita karena kita berada di Harvard,

436
00:27:42,670 --> 00:27:45,000
dan kami memiliki koneksi internet yang sangat cepat.

437
00:27:45,000 --> 00:27:47,470
Tapi bayangkan seseorang di Cina. Bayangkan seseorang di India.

438
00:27:47,470 --> 00:27:52,440
bayangkan seseorang mungkin di pedesaan Kansas yang mungkin tidak memiliki jenis yang sama

439
00:27:52,440 --> 00:27:54,690
Internet broadband yang kita miliki.

440
00:27:54,690 --> 00:27:57,710
Jika Anda memiliki 2 MB gambar di situs Anda dan pengguna mencoba untuk mengaksesnya,

441
00:27:57,710 --> 00:28:00,890
itu akan membawa mereka waktu yang sangat lama untuk men-download.

442
00:28:00,890 --> 00:28:04,160
Jadi, jika Anda tidak membutuhkan semacam resolusi,

443
00:28:04,160 --> 00:28:09,220
maka Anda dapat mengubah ukuran gambar Anda dengan sesuatu seperti Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Biasanya ada sebuah opsi bernama aman untuk web dan perangkat,

445
00:28:13,400 --> 00:28:15,850
dan apa yang dilakukannya itu strip keluar semua informasi yang tidak perlu

446
00:28:15,850 --> 00:28:20,160
dan semacam compacts file Anda ke ukuran gambar kecil sehingga Anda dapat

447
00:28:20,160 --> 00:28:22,960
memasukkannya ke website Anda, dan setiap pengguna yang mencoba untuk men-download halaman tersebut

448
00:28:22,960 --> 00:28:26,950
akan men-download versi yang lebih kecil dari gambar Anda.

449
00:28:26,950 --> 00:28:28,230
Jika Anda tidak memiliki Adobe Photo Shop

450
00:28:28,230 --> 00:28:32,650
webresizer.com juga sumber daya lain di mana Anda dapat memasukkan gambar Anda

451
00:28:32,650 --> 00:28:36,470
dan akan meludahkan gambar yang sama persis,

452
00:28:36,470 --> 00:28:39,970
tetapi akan menjadi sesuatu seperti 3 kali lebih kecil.

453
00:28:39,970 --> 00:28:41,970
Jadi itu sangat berguna bagi pengguna Anda.

454
00:28:41,970 --> 00:28:45,930
>> Hal lain yang dapat Anda lakukan adalah mengecilkan kode.

455
00:28:45,930 --> 00:28:48,460
Jika kita melihat pada Google.com,

456
00:28:48,460 --> 00:28:56,400
Anda akan melihat bahwa itu bukan semacam HTML dan CSS yang sama yang kita terbiasa.

457
00:28:56,400 --> 00:29:02,250
Hanya akan melihat kode sumber di sini.

458
00:29:02,250 --> 00:29:07,600
Jika saya hanya gulir ke bawah - wow, yang terlihat cukup menjijikkan.

459
00:29:07,600 --> 00:29:09,650
Ini akan mendapatkan nol pada gaya.

460
00:29:09,650 --> 00:29:13,470
Jika Anda kode ini Pset Anda, Anda akan mendapatkan nol pada gaya Anda.

461
00:29:13,470 --> 00:29:16,990
Ini tidak memiliki spasi. Nama-nama terlihat benar-benar samar.

462
00:29:16,990 --> 00:29:19,800
Ini semua benar-benar menjijikkan.

463
00:29:19,800 --> 00:29:24,060
Dan script untuk menutup dalam tubuh - HTML penutupan -

464
00:29:24,060 --> 00:29:26,280
mereka semua bersama-sama - semua smushed bersama-sama.

465
00:29:26,280 --> 00:29:28,280
Mengapa mereka melakukan hal ini?

466
00:29:28,280 --> 00:29:30,650
Mereka minified kode mereka.

467
00:29:30,650 --> 00:29:33,310
Perhatikan bahwa dokumen ini akan menjadi jauh lebih kecil

468
00:29:33,310 --> 00:29:36,660
bagi saya untuk men-download daripada sesuatu dengan ruang putih,

469
00:29:36,660 --> 00:29:39,410
daripada sesuatu dengan nama variabel sangat panjang.

470
00:29:39,410 --> 00:29:41,710
Jika Anda mengecilkan kode Anda Anda menghapus semua spasi.

471
00:29:41,710 --> 00:29:45,960
Tentu saja, browser Anda tidak peduli jika Anda memiliki ruang putih dalam kode Anda.

472
00:29:45,960 --> 00:29:49,630
Anda strip itu, sekarang saya dapat men-download file yang lebih kecil -

473
00:29:49,630 --> 00:29:52,770
sekarang file - dokumen yang kita akan men-download memiliki ukuran file yang lebih kecil,

474
00:29:52,770 --> 00:29:56,180
akan lebih cepat bagi saya untuk men-download, dan itu berguna.

475
00:29:56,180 --> 00:30:01,550
Jika Anda bekerja dengan situs web dan Anda meluncurkan sebuah situs web,

476
00:30:01,550 --> 00:30:04,630
itu hampir selalu baik untuk mengecilkan kode Anda.

477
00:30:04,630 --> 00:30:08,150
Alasan lain mengapa hal ini mungkin baik mungkin Anda tidak ingin orang lain untuk menggunakan kode Anda.

478
00:30:08,150 --> 00:30:11,050
Mungkin Anda tidak ingin orang lain untuk menggunakan CSS Anda.

479
00:30:11,050 --> 00:30:13,460
Anda tahu apakah Anda benar-benar ingin menjadi pelit dengan itu,

480
00:30:13,460 --> 00:30:16,670
maka Anda juga dapat mengecilkan kode Anda, dan itu akan sulit bagi saya untuk mencurinya

481
00:30:16,670 --> 00:30:19,170
karena saya tidak tahu apa yang terjadi.

482
00:30:19,170 --> 00:30:22,990
Anda juga bisa pergi ke website seperti minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Layanan seperti ini secara online membantu Anda mengecilkan kode Anda sehingga Anda tidak perlu melakukannya dengan tangan.

484
00:30:27,900 --> 00:30:30,080
Pasti tidak melakukannya dengan tangan.

485
00:30:30,080 --> 00:30:32,210
>> Oke. Sekarang berbicara tentang script.

486
00:30:32,210 --> 00:30:35,040
Mungkin dalam kode PHP Anda ada sesuatu yang Anda tidak perlu melakukan.

487
00:30:35,040 --> 00:30:37,910
Mungkin ada loop ekstra di sana.

488
00:30:37,910 --> 00:30:40,850
Kami berbicara tentang desain kode CS50.

489
00:30:40,850 --> 00:30:44,550
Bahkan jika Anda coding di C jika Anda memiliki - jika Anda melakukan pekerjaan ekstra

490
00:30:44,550 --> 00:30:49,440
bahwa Anda tidak perlu melakukan, baik, itu akan memperlambat script pada website Anda,

491
00:30:49,440 --> 00:30:53,280
dan ini sangat penting untuk situs web karena pengguna saat ini sangat tidak sabar.

492
00:30:53,280 --> 00:30:56,110
Jika Anda melakukan pekerjaan yang tidak perlu, itu akan membawa mereka lebih lama

493
00:30:56,110 --> 00:31:00,080
untuk mendapatkan informasi yang mereka inginkan, dan mereka akan sangat bahagia.

494
00:31:00,080 --> 00:31:02,200
Akhirnya, Anda mungkin ingin mengoptimalkan tabel database Anda.

495
00:31:02,200 --> 00:31:05,020
Ingat kita berbicara tentang indeks.

496
00:31:05,020 --> 00:31:09,420
Mereka tidak hanya baik untuk memastikan bahwa Anda memiliki baris yang unik.

497
00:31:09,420 --> 00:31:12,440
Mereka juga baik untuk memastikan bahwa database Anda bekerja cepat.

498
00:31:12,440 --> 00:31:16,240
Jika Anda ingin membaca tentang itu pergi ke dokumentasi MySQL,

499
00:31:16,240 --> 00:31:18,710
atau Anda dapat melihat - baik, bagaimana cara mengoptimalkan tabel database saya?

500
00:31:18,710 --> 00:31:23,350
Bagaimana cara memastikan bahwa saya memiliki indeks yang membantu saya mendapatkan informasi yang lebih cepat?

501
00:31:23,350 --> 00:31:27,300
>> Ada juga sedikit trik yang dapat Anda gunakan seperti caching.

502
00:31:27,300 --> 00:31:28,980
Jika Anda memiliki PHP - jika Anda memiliki blog, misalnya,

503
00:31:28,980 --> 00:31:31,980
dan Anda memiliki - dan itu didukung oleh PHP atau dengan bahasa lain -

504
00:31:31,980 --> 00:31:37,690
Anda bisa menyimpan blog Anda di katakanlah interval 50 menit sehingga Anda dapat melayani halaman statis

505
00:31:37,690 --> 00:31:40,610
atau HTML statis untuk para pengunjung ke situs Anda.

506
00:31:40,610 --> 00:31:43,380
Dengan cara itu pengguna tidak perlu untuk menjalankan script PHP Anda setiap kali,

507
00:31:43,380 --> 00:31:47,410
dan mungkin itu akan lebih cepat bagi mereka untuk mengakses informasi tersebut.

508
00:31:47,410 --> 00:31:49,410
>> Dan akhirnya, Anda dapat menggunakan sesuatu seperti CDN.

509
00:31:49,410 --> 00:31:51,900
Perhatikan bahwa setiap kali Anda men-download sebuah Pset,

510
00:31:51,900 --> 00:31:54,890
Anda selalu pergi ke CDN.CS50.net. Mengapa demikian?

511
00:31:54,890 --> 00:32:01,540
CS50 juga menggunakan semacam CDN - jaringan distribusi konten -

512
00:32:01,540 --> 00:32:06,120
yang hanya berarti bahwa itu adalah sekelompok server mungkin di tempat di seluruh dunia

513
00:32:06,120 --> 00:32:08,120
yang membantu melayani halaman Anda untuk pengunjung Anda.

514
00:32:08,120 --> 00:32:13,770
Jika pengunjung Anda semakin halaman dari server yang lebih dekat dengan mereka secara geografis,

515
00:32:13,770 --> 00:32:16,770
maka kemungkinan besar pengunjung Anda akan mendapatkan file yang jauh lebih cepat.

516
00:32:16,770 --> 00:32:20,490
Ada juga sumber online yang membantu Anda melakukannya.

517
00:32:20,490 --> 00:32:24,070
Salah satunya adalah CloudFlare. Mereka menawarkan layanan CDN gratis.

518
00:32:24,070 --> 00:32:26,020
Jika Anda memiliki file besar yang Anda melayani untuk pengguna Anda,

519
00:32:26,020 --> 00:32:32,260
maka mungkin lebih baik untuk menempatkan mereka pada CDN sehingga mereka bisa mendapatkan mereka lebih cepat.

520
00:32:32,260 --> 00:32:39,070
>> Topik terakhir untuk hari ini adalah optimasi mesin pencari.

521
00:32:39,070 --> 00:32:41,070
Apa optimisasi mesin pencari?

522
00:32:41,070 --> 00:32:44,070
Itu memastikan bahwa mesin pencari seperti Google atau Bing atau Yahoo

523
00:32:44,070 --> 00:32:50,740
bisa pergi ke situs Anda dan menjelajah situs Anda dan indeks situs Anda dan ketika

524
00:32:50,740 --> 00:32:53,040
Saya, misalnya, pergi ke Google.com dan saya mencoba untuk mencari sesuatu,

525
00:32:53,040 --> 00:32:55,040
maka situs Anda akan muncul.

526
00:32:55,040 --> 00:32:57,000
Bagaimana Anda memastikan bahwa situs Anda adalah salah satu dari top 10?

527
00:32:57,000 --> 00:33:00,000
Karena seperti yang kita semua tahu, jika Anda mencari sesuatu di Google

528
00:33:00,000 --> 00:33:02,880
dan itu tidak di 10 besar Anda kemungkinan besar tidak akan terlihat dalam 10 berikutnya.

529
00:33:02,880 --> 00:33:07,160
Ini adalah semacam topik yang diselimuti misteri.

530
00:33:07,160 --> 00:33:09,850
Ada banyak hype di luar sana di Internet.

531
00:33:09,850 --> 00:33:14,680
Ada banyak takhayul tentang jika Anda x maka Google akan seperti Anda lebih baik.

532
00:33:14,680 --> 00:33:16,680
Jika Anda y maka Google akan seperti Anda lebih baik.

533
00:33:16,680 --> 00:33:19,680
Ini mungkin lebih baik untuk melihat ke dalam dokumen raksasa pencari itu sendiri.

534
00:33:19,680 --> 00:33:27,470
>> Ini adalah salah satu dokumen di Google yang memberitahu Anda bagaimana untuk mengoptimalkan situs Anda

535
00:33:27,470 --> 00:33:30,860
sehingga Google dapat mengakses dan indeks sangat baik.

536
00:33:30,860 --> 00:33:33,680
Anda tidak harus menyalin URL ini karena presentasi ini akan

537
00:33:33,680 --> 00:33:36,680
secara online pula.

538
00:33:36,680 --> 00:33:38,770
Jika Anda melihat ini dan Anda membaca ini ada beberapa petunjuk yang sangat membantu dalam sana.

539
00:33:38,770 --> 00:33:42,240
Google memberitahu Anda - jika Anda benar-benar ingin situs Anda untuk diindeks dengan baik

540
00:33:42,240 --> 00:33:44,610
maka Anda harus melakukan semua hal ini.

541
00:33:44,610 --> 00:33:47,570
>> Hal lain bahwa mesin pencari sangat suka adalah konten segar.

542
00:33:47,570 --> 00:33:49,500
Jika Anda memiliki konten yang diperbarui secara teratur

543
00:33:49,500 --> 00:33:51,950
maka mesin pencari berkata, ooh, saya suka situs Anda.

544
00:33:51,950 --> 00:33:53,950
Aku akan pergi ke situs Anda sangat sering.

545
00:33:53,950 --> 00:33:56,840
Aku akan indeks banyak halaman Anda.

546
00:33:56,840 --> 00:33:59,560
Jika Anda memiliki konten segar maka Anda lebih mungkin untuk muncul -

547
00:33:59,560 --> 00:34:02,540
Anda lebih mungkin untuk menjadi lebih relevan.

548
00:34:02,540 --> 00:34:04,630
Anda lebih mungkin untuk menjadi lebih diperbarui,

549
00:34:04,630 --> 00:34:08,860
dan mesin pencari lebih mungkin untuk menempatkan situs Anda atas orang lain.

550
00:34:08,860 --> 00:34:10,860
>> Deep link adalah juga penting.

551
00:34:10,860 --> 00:34:13,530
Jika Anda benar-benar ingin situs Anda untuk terlihat baik di mata mesin pencari

552
00:34:13,530 --> 00:34:18,090
telah banyak situs-situs lain yang berhubungan dengan itu dan terkait dalam ke website Anda.

553
00:34:18,090 --> 00:34:20,090
Jangan hanya link ke situs Anda.

554
00:34:20,090 --> 00:34:26,719
Link ke mungkin yourname.com / sesuatu / sesuatu / something.php.

555
00:34:26,719 --> 00:34:29,840
Itu - ke mesin pencari - cara, wow, mereka memiliki konten yang sangat menarik

556
00:34:29,840 --> 00:34:35,350
bahwa orang lain begitu dalam menghubungkan ke situs mereka bahwa saya harus benar-benar

557
00:34:35,350 --> 00:34:38,260
menempatkan lebih penting ke halaman situs tersebut.

558
00:34:38,260 --> 00:34:41,940
>> Jika Anda memiliki judul halaman yang akurat, jika Anda tidak memiliki kesalahan itu bagus karena

559
00:34:41,940 --> 00:34:44,670
jika mesin pencari sedang mencoba untuk mengunjungi situs Anda, dan itu mendapatkan kesalahan,

560
00:34:44,670 --> 00:34:46,780
itu mungkin akan menyerah sangat, sangat segera.

561
00:34:46,780 --> 00:34:49,510
Dan akhirnya, Anda ingin memiliki waktu beban cepat karena mesin pencari -

562
00:34:49,510 --> 00:34:53,820
sama seperti manusia - jangan memiliki banyak kesabaran untuk website lambat.

563
00:34:53,820 --> 00:34:57,070
Ini adalah cara bagi Anda untuk memastikan bahwa Anda muncul lebih tinggi dalam

564
00:34:57,070 --> 00:35:01,390
permintaan pencarian mesin dan mudah-mudahan dengan demikian mendapatkan lebih banyak lalu lintas.

565
00:35:01,390 --> 00:35:04,730
Karena setelah semua, Anda telah menghabiskan sepanjang waktu ini mengembangkan website Anda.

566
00:35:04,730 --> 00:35:06,280
Anda menghabiskan semua waktu ini meluncurkan situs web ini secara online.

567
00:35:06,280 --> 00:35:11,780
Anda ingin memastikan bahwa Anda memiliki banyak pengguna yang benar-benar melihat konten Anda.

568
00:35:13,330 --> 00:35:15,660
>> Sumber-sumber lain yang baik untuk digunakan.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools adalah sesuatu untuk melihat ke.

570
00:35:19,210 --> 00:35:21,780
Ini hanya membantu Anda untuk melihat - Google tidak mengindeks situs saya.

571
00:35:21,780 --> 00:35:24,490
Apa macam kesalahan apakah hadapi?

572
00:35:24,490 --> 00:35:27,490
Berapa banyak halaman telah diindeks?

573
00:35:27,490 --> 00:35:29,490
Apa pikir adalah konten yang paling penting pada halaman saya?

574
00:35:29,490 --> 00:35:31,490
Mungkin itu bukan apa yang saya inginkan.

575
00:35:31,490 --> 00:35:36,880
Mungkin aku harus mengubah website saya sedikit sedemikian rupa sehingga tercermin baik

576
00:35:36,880 --> 00:35:38,880
apa website saya benar-benar tentang.

577
00:35:38,880 --> 00:35:41,000
Google Analytics adalah alat yang benar-benar keren lain.

578
00:35:41,000 --> 00:35:44,120
Anda dapat menambahkan sedikit JavaScript ke halaman Anda.

579
00:35:44,120 --> 00:35:47,020
Dan kemudian setelah itu Anda dapat pergi ke Google Analytics, dan akan melacak

580
00:35:47,020 --> 00:35:49,020
demografi pengunjung Anda dan pertumbuhan situs Anda.

581
00:35:49,020 --> 00:35:51,810
Ini akan memberitahu Anda persis berapa banyak pengunjung mengunjungi situs Anda

582
00:35:51,810 --> 00:35:55,310
dalam hari tertentu, dalam jam tertentu, dalam seminggu tertentu.

583
00:35:55,310 --> 00:35:57,310
Berapa banyak pengunjung dari China? Berapa banyak pengunjung dari Antartika -

584
00:35:57,310 --> 00:35:59,310
Anda mendapatkan ke website Anda.

585
00:35:59,310 --> 00:36:03,470
yang mungkin sesuatu yang keren untuk melihat atau bahkan mungkin berguna

586
00:36:03,470 --> 00:36:05,470
karena Anda mencoba untuk menargetkan kelompok tertentu.

587
00:36:05,470 --> 00:36:08,410
Mungkin Anda mencoba untuk menargetkan remaja dengan situs web Anda, dan Anda melihat bahwa

588
00:36:08,410 --> 00:36:11,410
sebagian besar pengunjung ke website Anda adalah mungkin 30 - untuk usia 40 tahun,

589
00:36:11,410 --> 00:36:15,130
maka mungkin baik Anda memiliki masalah atau Anda hanya bisa mengatakan,

590
00:36:15,130 --> 00:36:19,590
baik, maka mungkin saya hanya harus mengubah fokus situs saya sehingga

591
00:36:19,590 --> 00:36:22,240
Saya lebih fokus pada kelompok usia tersebut.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - jika Anda ingin memiliki semacam email dengan nama domain Anda -

593
00:36:28,500 --> 00:36:31,230
mungkin sesuatu seperti yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
Anda dapat menggunakan alamat gmail - Anda dapat menggunakan layanan gmail

595
00:36:35,270 --> 00:36:38,500
dan Google Apps adalah salah satu cara untuk melakukan itu.

596
00:36:38,500 --> 00:36:44,050
Anda dapat mengatur alamat email tertentu yang spesifik untuk nama domain Anda

597
00:36:44,050 --> 00:36:46,800
bukan of@gmail.com.

598
00:36:46,800 --> 00:36:51,840
>> Dan akhirnya, ada ekstensi web developer dan add-ons - untuk Chrome,

599
00:36:51,840 --> 00:36:56,380
untuk Firefox, untuk browser lain - yang memungkinkan Anda untuk masuk dan memeriksa

600
00:36:56,380 --> 00:37:02,290
CSS, JavaScript memeriksa, melihat apa yang salah dengan skrip JavaScript Anda,

601
00:37:02,290 --> 00:37:05,290
dan mungkin itu akan berguna untuk tujuan de-bugging Anda, untuk Anda mencari tahu -

602
00:37:05,290 --> 00:37:08,630
baik, mengapa tidak website saya ditampilkan dengan benar di browser ini?

603
00:37:08,630 --> 00:37:11,800
>> Dan akhirnya, jika Anda ingin mempelajari lebih lanjut tentang semua topik ini -

604
00:37:11,800 --> 00:37:14,410
jika Anda ingin mempelajari lebih lanjut tentang HTML dan CSS dan JavaScript -

605
00:37:14,410 --> 00:37:16,790
karena setelah semua, kita hanya mengajarkan Anda sedikit -

606
00:37:16,790 --> 00:37:21,240
Anda dapat pergi website seperti W3Schools.com untuk mencari lebih banyak sumber daya.

607
00:37:21,240 --> 00:37:26,340
Mereka memiliki tutorial yang sangat bagus tentang bagaimana cara melakukan x, atau apa y artinya?

608
00:37:26,340 --> 00:37:30,400
Jika Anda ingin mempelajari lebih lanjut tentang bahasa ini Anda hanya bisa pergi di sini.

609
00:37:30,400 --> 00:37:37,690
>> Baik. Saya pikir saya ingin meninggalkan beberapa menit terakhir ini untuk pertanyaan,

610
00:37:37,690 --> 00:37:39,810
jadi apakah ada pertanyaan tentang apa yang kita bicarakan?

611
00:37:39,810 --> 00:37:43,500
[Anggota audiens] Apa saja yang berada di W3Schools dan bagaimana cara tertutup?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] Apa macam hal?

613
00:37:45,500 --> 00:37:50,180
Jadi, salah satu hal yang sangat terbesar yang saya gunakan banyak adalah referensi mereka.

614
00:37:50,180 --> 00:37:54,430
Referensi rinci, misalnya untuk CSS -

615
00:37:54,430 --> 00:37:59,480
apa ini berarti atau jika Anda ingin mengubah latar belakang halaman -

616
00:37:59,480 --> 00:38:01,480
bagaimana Anda melakukannya?

617
00:38:01,480 --> 00:38:04,550
Browser mendukung perintah itu? Hal-hal seperti itu.

618
00:38:04,550 --> 00:38:10,870
Dan kemudian mereka juga hanya memiliki tutorial yang sangat bagus tentang HTML, PHP, JavaScript,

619
00:38:10,870 --> 00:38:14,290
MySQL, pada segala macam topik yang berbeda.

620
00:38:14,290 --> 00:38:18,800
Mereka memiliki tutorial yang bagus. Mereka mengajarkan Anda bagaimana melakukan sesuatu.

621
00:38:18,800 --> 00:38:22,590
Sangat menyenangkan untuk dapat pergi dan mempelajari lebih lanjut tentang topik ini.

622
00:38:22,590 --> 00:38:27,180
>> [Anggota audiens] HTML 5 masih belum kompatibel dengan semua browser di luar sana.

623
00:38:27,180 --> 00:38:30,700
Apakah Anda merekomendasikan hanya tinggal jauh dari itu karena masalah kompatibilitas?

624
00:38:30,700 --> 00:38:32,700
Bagaimana Anda menghadapi itu?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Ya, jadi, pertanyaannya adalah HTML5 masih standar bayi.

626
00:38:38,640 --> 00:38:42,030
Ini tidak benar-benar didukung oleh banyak browser, sehingga kita harus menghindarinya?

627
00:38:42,030 --> 00:38:48,040
Saya pikir tahun lalu saya akan menjadi pendukung yang sangat besar, mari kita menghindari HTML5

628
00:38:48,040 --> 00:38:52,430
karena masih - itu masih sangat baru dan pada kenyataannya, standar HTML5

629
00:38:52,430 --> 00:38:55,610
belum selesai.

630
00:38:55,610 --> 00:38:58,790
Jadi, benar-benar ada standar HTML5.

631
00:38:58,790 --> 00:39:03,840
Tapi saya pikir terutama jika Anda sedang merancang sebuah situs web sekarang,

632
00:39:03,840 --> 00:39:07,450
mungkin lebih baik jika Anda hanya pergi dengan HTML5 karena itulah semacam akan menjadi masa depan,

633
00:39:07,450 --> 00:39:11,250
dan jika Anda ingin website Anda untuk masa depan-bukti dan Anda ingin website Anda untuk bekerja

634
00:39:11,250 --> 00:39:14,320
di browser masa depan, mungkin lebih baik untuk mulai membangun sesuatu untuk masa depan

635
00:39:14,320 --> 00:39:19,830
daripada masa lalu, dan juga hanya karena fakta bahwa HTML5 sebenarnya tidak terlalu berbeda

636
00:39:19,830 --> 00:39:23,080
dari HTML4 atau XHTML.

637
00:39:23,080 --> 00:39:29,780
Jika Anda menggunakan HTML5, biasanya akan bekerja di hampir semua browser.

638
00:39:29,780 --> 00:39:34,660
Anda hanya perlu semacam masuk dan pastikan dengan screenshot ini

639
00:39:34,660 --> 00:39:38,630
dan memastikan dengan pergi ke situs ini sendiri.

640
00:39:38,630 --> 00:39:44,280
Tapi kemungkinan besar ia akan bekerja kecuali Anda menggunakan fitur yang sangat spesifik untuk HTML5.

641
00:39:44,280 --> 00:39:50,240
Perhatikan juga bahwa untuk CS50 - misalnya, untuk pemutar video yang kita gunakan -

642
00:39:50,240 --> 00:39:56,230
menggunakan HTML5 dan video HTML5 untuk menampilkan ceramah.

643
00:39:56,230 --> 00:39:59,420
Tapi jika Anda memiliki browser benar-benar tua, maka itu akan jatuh kembali pada Flash.

644
00:39:59,420 --> 00:40:01,420
Jadi, itu juga sesuatu yang lain -

645
00:40:01,420 --> 00:40:05,190
memiliki sistem jatuh kembali ketika Anda hanya tahu bahwa browser tidak akan menangani

646
00:40:05,190 --> 00:40:08,140
apa yang Anda inginkan untuk menangani.

647
00:40:08,140 --> 00:40:10,140
>> Pertanyaan lain?

648
00:40:10,140 --> 00:40:13,270
Apa pun yang kita bicarakan.

649
00:40:16,910 --> 00:40:20,750
Baik. Maka saya pikir itu saja bagi saya.

650
00:40:20,750 --> 00:40:23,090
Saya pikir itu saja.

651
00:40:23,090 --> 00:40:28,430
(Tepuk tangan)

652
00:40:28,430 --> 00:40:30,000
Keren.

653
00:40:30,500 --> 00:40:32,700
[CS50.TV]