[Powered by Google Translate] [Seminar] [Mempersiapkan Situs Anda untuk Web] [Yuechen Zhao] [Harvard University] [Ini adalah CS50.] [CS50.TV] 

Oke. Berikut satu jam pengembangan web jika kalian untuk itu. Hari ini saya akan berbicara tentang mempersiapkan situs Anda untuk Web. Sepanjang hari - dan mungkin selama 2 minggu terakhir - kita telah berbicara tentang bagaimana membuat website, bagaimana menggunakan HTML, bagaimana menggunakan PHP, bagaimana menggunakan kerangka kerja, bagaimana untuk memastikan bahwa Anda dapat berinteraksi dengan database - hal seperti itu. Tapi hari ini, kita akan berbicara tentang di mana situs Anda akan hidup setelah CS50. Karena bagaimanapun, CS50 tidak terjadi Desember lalu. Kita akan berbicara tentang nama domain, hosting. Kita akan berbicara tentang apa kompatibilitas cross-browser dan kompatibilitas cross-platform adalah, dan bagaimana Anda dapat memastikan bahwa situs Anda akan beroperasi di bawah semua kondisi. Kita akan berbicara tentang kesalahan penanganan dan sihir server lain. Kita bicara tentang optimasi kinerja, optimasi mesin pencari, dan bagaimana membuat orang untuk benar-benar mengunjungi website Anda. Dan akhirnya, hanya beberapa sumber daya yang baik untuk memastikan bahwa kalian memiliki cukup dari untuk pergi dengan proyek akhir Anda, dan mudah-mudahan setelah. 

Hal pertama yang akan kita bicarakan adalah nama domain. Saat Anda pemrograman dalam alat Anda, Anda akan host lokal yang sebenarnya bukan nama domain. Itu semacam hanya nama panggilan atau alias untuk instalasi yang sebenarnya Linux Anda dalam VMware baik pada Mac atau VMware Player pada PC. Nama domain memungkinkan Anda untuk menempatkan sebuah situs ke Web dan kemudian pergi ke sesuatu seperti www.google.com dan website. Bagaimana mereka bekerja? Katakanlah bahwa Anda hanya web server rata - Rata-rata Web surfer dan Anda memiliki laptop, dan Anda pergi ke www.howstuffworks.com. Anda mungkin bisa melihat keberadaan saya mencuri ini dari. Cara kerja hal - komputer Anda kemudian akan meminta server DNS lokal, "Apakah Anda tahu di mana situs ini?" "Apakah Anda tahu alamat IP dari www.howstuffworks.com?" Server DNS Anda mungkin berkata, "Ya, aku lakukan." Dalam hal ini, Anda mendapatkan alamat IP, dan komputer Anda mengakses alamat IP. Jika tidak, ia akan meminta server DNS lain, "Hei! Apakah Anda tahu apa yang www.howstuffworks.com?" Server yang mungkin berkata, "Ya, aku lakukan." Jadi, ia memberitahu yang lain apa itu, dan akhirnya, informasi yang akan diteruskan ke komputer Anda, dan Anda dapat mengakses howstuffworks.com. 

Bagaimana Anda bisa mendapatkan salah satu dari hal-hal ajaib? Bagaimana Anda bisa mendapatkan mungkin www.yourname.com atau www.ilovecats.com? Anda dapat mendaftar untuk satu, dan ada banyak website di luar sana yang memungkinkan Anda untuk melakukannya. Anda harus - dalam situasi yang paling Anda harus membayar untuk mereka. Ada nama domain tertentu yang bebas. Jika Anda pergi ke tkdomainnames www.co.cc atau., Mereka bebas. Tapi, mereka datang dengan pembatasan tertentu, dan bahkan beberapa dari mereka bahkan mungkin tidak nyata, nama domain tingkat atas seperti com. atau bersih.. Biasanya saya akan menyarankan pergi untuk salah satu dari mereka karena pengguna hanya lebih nyaman dengan mereka. Anda telah melihat banyak. Com. Anda telah melihat banyak jaring.. Anda mungkin belum melihat banyak. Co.cc 's, sehingga mereka sulit untuk diingat. Website yang berbeda seperti GoDaddy atau NameCheap atau - Saya menggunakan salah satu yang jenis samar - disebut activedomain.com. Hal ini terlihat sangat samar, tapi itu bekerja dengan sangat baik bagi saya. 

Dan akhirnya, Anda memiliki orang lain yang mungkin melakukan lebih banyak iklan seperti Network Solutions. Tetapi jika Anda pergi ke NetworkSolutions.com dan melihat harga mereka itu benar-benar mahal. Saya melihat mereka tadi malam. Untuk satu tahun nama domain, itu mungkin tidak bernilai uang sebanyak itu. Bahkan, jika Anda mendapatkan com. Atau org. Atau jaring. harga biasa adalah sekitar $ 10 per tahun. Jadi jika Anda membayar lebih banyak dari itu, itu mungkin tidak layak karena, setelah semua, situs ini tidak melakukan apa-apa dengan nama domain. Mereka hanya memberikannya kepada Anda, dan jadi jika Anda bisa mendapatkannya secara murah, mengapa tidak? 

Hal lain adalah setelah Anda memiliki nama domain Anda, maka Anda mungkin ingin pergi ke salah Godaddy.com atau di mana pun Anda membeli nama domain Anda dan mengatur server nama untuk nama domain. Apa itu artinya sekali pengguna pergi ke www.howstuffworks.com, mereka nama server alamat IP adalah alamat IP yang mereka akan mampu untuk mencari. Mereka akan dapat mengakses situs Anda melalui server-server nama. Jika Anda mengajukan permohonan untuk hosting di suatu tempat maka host Anda kemungkinan besar akan memberikan server nama yang akan digunakan. 

Dan akhirnya, ada hal ini disebut WHOIS. Database WHOIS adalah database yang Anda bisa masukan nama domain dan akan melepaskan beberapa informasi tentang pemilik situs dan informasi kontak lainnya. Sekarang, Anda mungkin berkata, "Aku tidak benar-benar ingin alamat rumah saya atau saya tidak benar-benar ingin alamat email saya di situs bagi siapa saja untuk melihat atau di Internet untuk semua orang untuk melihat. " Maka Anda mungkin ingin menggunakan sesuatu yang banyak layanan hosting menyediakan - seperti manajer WHOIS. Seorang manajer WHOIS hanya layanan lain yang banyak dari mereka menyatakan bahwa menyembunyikan informasi diri itu dan hanya menempatkan dalam yang adalah manajer untuk nama - untuk alamat itu biasanya hanya bahwa nama perusahaan yang memberi Anda nama domain ini - dan sebagainya maka informasi pribadi Anda yang tidak bocor di Internet, yang biasanya cukup baik. Saya sendiri menggunakan salah satu layanan tersebut. Jika Anda tidak peduli tentang privasi Anda sendiri maka itu tidak terlalu penting. 

Sebuah server DNS adalah singkatan dari Domain Name System, dan apa itu - itu semacam seperti meja tempat hash yang mengatakan,  "Alamat website ini akan memetakan ke alamat IP ini." Dan itu semua itu. Jadi setelah Anda query server DNS ini, maka Anda bisa mendapatkan alamat IP untuk nama domain yang sesuai dan kemudian mengunjungi situs web tersebut. (Anggota audiens mengajukan pertanyaan - tak terdengar) Yang pertama? Tingkat pertama sebenarnya biasanya hanya tembolok komputer Anda sendiri. Semacam komputer Anda dari mengingat terakhir kali Anda pergi ke www.google.com itu di alamat IP ini, dan kemudian setelah beberapa saat, cache yang akan berakhir, dan akan meminta seperti Comcast DNS, "Hei, apa www.google.com?" Biasanya, ketika Anda membeli nama domain dan Anda mendaftar satu, dan Anda membuat sebuah situs web, Anda tidak bisa pergi ke situs web yang langsung dengan nama domain karena server nama di seluruh dunia tidak tahu tentang nama domain Anda belum. Hal ini untuk mengisi. Biasanya diperlukan waktu sekitar 24-48 jam. Baik. Jadi, itulah sedikit tentang nama domain. Mereka sangat keren. Saya pikir Anda harus mendapatkan satu jika Anda serius tentang proyek dan jika Anda benar-benar ingin membuat proyek Anda dikenal di kampus, memiliki nama domain membuatnya tampak benar-benar profesional. 

Kemudian langkah selanjutnya, tentu saja, adalah untuk memiliki semacam hosting. Jika Anda hanya menyimpannya di komputer Anda, tak ada yang pernah akan bisa pergi ke sana. Anda bisa berpotensi menyiapkan server pada komputer Anda dan menjaga komputer Anda selamanya, tapi itu tidak dianjurkan. Ada berbagai jenis hosting yang tersedia secara online. Ada shared hosting. Ada VPN (dimengerti) yang virtual host. Ada semi-dedicated dan berdedikasi. Dari 3 terakhir, VPN, semi-dedicated, dan berdedikasi biasanya lebih mahal. Mereka biasanya digunakan untuk situs yang membutuhkan lebih banyak sumber daya. Jika Anda hanya memulai dengan sebuah situs web, itu hanya mungkin menjadi lebih ekonomis untuk pergi dengan shared hosting. Dan apa berbagi berarti hanya sekelompok website semua bersama-sama semacam pada satu server di situs ini pada host server ini, dan Anda dapat mengakses situs Anda melalui nama domain. 

Ada banyak host populer di luar sana. HostGator dan Dreamhost - mereka adalah sangat, sangat besar dan sangat, sangat populer dan sangat, sangat sukses. Saya pribadi menggunakan satu disebut MDDHosting. Jika Anda pergi ke www.mddhosting.com, itu tuan saya pilihan. Saya pikir mereka sangat baik. Mereka selalu sangat handal, dan saya tidak pernah punya masalah dengan mereka. Mereka juga memiliki harga yang sangat kompetitif. Dua yang saya tidak terlalu suka adalah GoDaddy - yang juga tuan rumah yang sangat populer, tapi aku sudah punya pengalaman buruk dengan mereka, dan banyak orang yang saya tahu telah memiliki pengalaman sangat buruk dengan mereka. Mereka semacam mengejar orang-orang yang tidak tahu apa yang mereka lakukan - mungkin Anda membuat sebuah website untuk pertama kalinya, dan sehingga mereka semacam menipu mereka agar membeli paket hosting mereka. Jangan lakukan itu. Jangan jatuh untuk itu. Pergi mencari paket hosting lain yang benar-benar sesuai dengan kebutuhan Anda. Dan yang lain adalah - ada host gratis di luar sana. Ada situs yang akan menjadi tuan rumah website Anda secara gratis - kadang-kadang dengan menempatkan iklan di situs Anda, kadang-kadang dengan membuat Anda berpartisipasi dalam forum mereka, tapi kadang-kadang hanya juga gratis. Tapi, hati-hati dengan host gratis karena banyak dari mereka benar-benar hanya pergi keluar dari bisnis setelah beberapa bulan. Anda hanya tidak bisa mengikuti dengan biaya. Yang lain hanya sangat bisa diandalkan, dan situs Anda akan selalu berada di bawah, dan Anda tidak ingin itu terjadi. 

Setiap host akan menawarkan panel kontrol mereka sendiri. Perhatikan bahwa untuk alat Anda, sebenarnya tidak ada control panel per se. Anda harus menggunakan terminal untuk pergi dan mengedit file. Anda harus chmod hal sendiri. Jika Anda ingin pergi ke PHPMyAdmin, Anda harus pergi ke localhost @ / phpmyadmin dan hal-hal seperti itu. Tapi dengan panel kontrol Anda dapat pergi dan mengedit file pada server Anda dengan Windows Explorer atau aplikasi finder-jenis. Atau Anda dapat pergi melalui dan melihat database Anda dengan alat mereka sendiri bukannya PHPMyAdmin. Jadi, ada banyak pilihan di sini, dan beberapa panel kontrol yang lebih populer adalah di sana. Tetapi jika Anda sedang mencari sebuah host, maka Anda mungkin ingin melihat apa jenis kustomisasi dan opsi mereka menawarkan saya untuk menyesuaikan server saya dan membuat website saya berjalan lebih baik. Jadi, maka Anda mungkin bertanya, "Nah, bagaimana cara memilih hosting?" Jika Anda pergi ke setiap situs web host yang ada banyak jargon, dan ada banyak pilihan. Ada banyak harga yang berbeda juga. Biasanya aku pergi untuk yang lebih murah hanya karena website yang mungkin Anda dan saya membuat - dan terutama sekarang, terutama sebagai starter - mereka mungkin tidak membutuhkan banyak sumber daya sebagai mungkin sebuah situs web seperti Microsoft.com. 

Pertama, Anda ingin melihat sistem operasi jika Anda benar-benar ingin tahu apakah situs Anda akan di-host di Linux, pada Windows, atau Mac. Biasanya kami hanya pergi dengan Linux karena itulah biasanya yang termurah, dan juga salah satu yang mungkin kalian lebih akrab dengan karena alat. Dan kemudian, mungkin mereka akan menaruh beberapa pembatasan pada jumlah bandwidth yang Anda dapatkan - berapa banyak seperti megabyte atau gigabyte data dapat men-download pengguna dari situs web Anda per bulan? Atau ruang disk. Berapa banyak ruang yang Anda dapatkan? Apakah 500 MB? Apakah 2 GB? Apakah itu terbatas? Saat ini, banyak server web memberikan ruang disk terbatas sebagai cara bagi mereka untuk menarik perhatian Anda untuk mendapatkan paket hosting mereka. Tetapi jika Anda benar-benar berpikir tentang hal ini, kapan Anda pernah akan membutuhkan ruang disk terbatas? Jika Anda memiliki beberapa file HTML, beberapa PHP, beberapa gambar - itu hanya beberapa megabyte, dan sebagainya biasanya saya hanya pergi untuk layak mungkin beberapa gigabyte 'ruang, dan itu mungkin cukup untuk memulai saya sampai saya membutuhkan lebih banyak. 

Akhirnya, mereka dapat menempatkan pembatasan pada jenis - berapa banyak database Anda dapat memiliki. Mungkin Anda hanya dapat memiliki 1 basis data. Mungkin Anda dapat memiliki 2. Mungkin Anda dapat memiliki 10. Apakah benar-benar penting bagi Anda berapa banyak Anda dapatkan? Hal yang bertanya pada diri sendiri. Dan akhirnya, hanya hal-hal seperti bahasa. Apakah mereka mendukung PHP? Apakah mereka mendukung MySQL? Kebanyakan website hosting mendukung karena mereka bebas. Mereka open source. Tidak ada biaya apa pun pada mereka untuk memberikan ini untuk Anda. Tetapi jika Anda ingin menggunakan, katakanlah, Ruby atau Python atau beberapa bahasa lain - mereka mungkin tidak mendukung pada server mereka, jadi penting untuk mencari hal-hal semacam. 

Dan akhirnya, mereka memungkinkan Anda untuk melakukan beberapa hal yang lebih canggih seperti SSL atau pekerjaan cron? SSL adalah pilihan di mana Anda dapat membuat website Anda lebih aman dengan membuatnya HTTPS dan mengenkripsi koneksi Anda. Dan pekerjaan cron hanya mungkin script yang Anda ingin menjalankan setiap 5 menit, setiap 10 menit, setiap 15. Banyak situs web shared hosting pembatasan menempatkan pada jumlah pekerjaan cron yang dapat dijalankan karena membutuhkan lebih banyak sumber daya. 

Dan akhirnya, seperti segala sesuatu yang Anda ingin melihat - pastikan apa yang terjadi sebelum Anda membeli paket hosting Anda. Dan akhirnya, kinerja. Kinerja sangat besar. Seberapa cepat adalah website saya akan lari? Sebagian besar pengguna tidak akan menunggu bahkan detik untuk website Anda untuk menjalankan sebelum mereka hanya bosan, dan mereka pergi ke MeanBase dan mulai melihat gambar kucing - Anda tahu itu terjadi, dan Anda ingin memastikan bahwa Anda mendapatkan bahwa pengguna di papan dan bahwa Anda memiliki uptime yang baik yang hanya berarti bahwa website Anda akan dapat diakses setiap saat. Banyak host memiliki uptime benar-benar buruk dan itu hanya berarti website Anda tidak akan menjadi diakses, dan Anda tidak ingin itu terjadi karena Anda mungkin sedih. Dan Anda juga dapat melacak kinerja host Anda dengan situs-situs seperti Pingdom.com atau Host-tracker.com, dan mereka hanya memberitahu Anda seberapa sering situs Anda turun. 

Dan akhirnya, Anda ingin melihat tentang dukungan mereka. Jika Anda memiliki masalah mereka akan merespon Anda dalam waktu 24 jam? Apakah mereka akan merespon Anda dalam waktu 48 jam? Layanan hosting yang saya gunakan biasanya merespon saya dalam beberapa menit yang benar-benar bagus. Wah! Baiklah! Sudah waktunya untuk istirahat. Tapi aku tidak akan memberikannya kepada Anda. Kami hanya akan melihat gambar kucing lucu setiap sekarang dan kemudian. 

Hal lain yang benar-benar besar adalah kompatibilitas cross-browser. Apa yang saya maksud dengan kompatibilitas cross-browser? Anda tahu, saat ini bukan hanya Microsoft Internet Explorer. Ini bukan hanya Mozilla Firefox atau Safari. Sekarang kita memiliki Chrome. Kami memiliki Opera. Kami memiliki Dolphin. Kami memiliki Camino. Kami memiliki Penakluk. Kami memiliki semua browser yang berbeda. Hal-hal yang keluar sekarang - RockMelt - meskipun mereka semua didasarkan pada Chromium. Tapi faktanya adalah, tidak hanya ada satu browser lagi. Anda tidak hanya melihat halaman web ini dengan satu aplikasi. Maka, browser yang berbeda akan merespon berbeda HTML, CSS yang berbeda, dan JavaScript yang berbeda berbeda, dan bagaimana Anda menghadapi itu? Nah, dalam kasus tertentu, Anda benar-benar tidak bisa. Website Anda - jika bekerja dalam satu browser, kode yang Anda tulis tidak akan bekerja di browser lain, dan itu tugas Anda untuk memastikan bahwa kode yang Anda tulis bersifat universal, bahwa ia bekerja di mana-mana. Jadi, ini benar-benar berbahaya. Jika Anda mengatakan, "Yah, itu bekerja di komputer saya. Besar! Mari kita lanjutkan." Nah, itu mungkin tidak akan bekerja pada saya, dan ketika saya pergi ke situs web Anda Aku akan menjadi sangat sedih, dan aku akan segera pergi. Jadi, mari kita lihat bagaimana Anda dapat mencegah hal ini. 

Yang pertama, tentu saja, adalah untuk hanya menggunakan standar HTML, CSS, dan JavaScript. Apa yang saya maksud dengan itu? Well, ada banyak hal yang tidak standar di luar sana. Misalnya, dalam CSS ada banyak versi. Jika Anda melihat aturan CSS dengan-moz-atau-webkit-, aturan-aturan yang spesifik untuk kedua browser Mozilla dan browser WebKit, dan sehingga Anda ingin memastikan bahwa mungkin Anda ingin menghindari hal-hal karena jika Anda menggunakan-moz-aturan hanya akan bekerja pada Firefox. Dan jika Anda benar-benar ingin terlihat baik pada Internet Explorer juga, Anda akan kurang beruntung. Untuk HTML juga, Anda bisa melakukan hal-hal dalam HTML pekerjaan yang dalam satu browser tetapi istirahat di tempat lain, dan Anda ingin menghindari itu sebanyak mungkin. Dan akhirnya untuk JavaScript bahkan - ada banyak versi dari JavaScript, dan musim panas ini kami berlari ke masalah di mana-Document.getElementsByClassName - yang biasanya sebuah fungsi yang didefinisikan sebagai bagian dari standar JavaScript - tidak menemukan di Internet Explorer 8. Jadi, selama musim panas saya bekerja di laboratorium dan kami sedang membangun percobaan online. Dan kami pikir itu bekerja dengan sangat baik sampai kita menyadari pengguna yang menggunakan Internet Explorer 8 tidak bisa menyerahkan hasil mereka. Kami kehilangan banyak data. Yang membuat kita benar-benar sedih. Jadi, Anda selalu ingin memastikan bahwa script Anda akan bekerja di mana-mana. 

Dan akhirnya, gunakan validator.w3.org yang adalah apa yang kita katakan Anda lakukan di pset 7. Pastikan bahwa halaman Anda divalidasi. Itu penting karena itu setidaknya merupakan langkah awal cek kewarasan. Apakah kode saya benar-benar sesuai standar? Cara lain untuk semacam membantu Anda memastikan bahwa situs Anda akan bekerja dalam situasi yang paling mungkin adalah dengan menggunakan beberapa perpustakaan dan kerangka kerja karena pengembang benar-benar cerdas telah memikirkan masalah ini untuk Anda. Mereka sudah melalui dan mereka telah menulis fungsi yang berbeda yang bekerja di seluruh browser. Misalnya, kita menggunakan jQuery di Pset 7. Meskipun Anda mungkin tidak melihatnya, jQuery menyediakan banyak fungsi bahwa jika tidak Anda akan harus menulis sendiri. Tapi pengembang tersebut menulisnya, dan mereka memastikan bahwa ia bekerja di semua browser. Dan Bootstrap - yang merupakan kerangka CSS lain yang kami menunjukkan Anda di Pset 7 - itu benar-benar menghilangkan banyak sakit kepala dengan merancang situs web yang terlihat baik. di semua browser. 

Dan akhirnya, jika Anda dapat menghindari hal itu, saya biasanya menghindari coding dari awal. Jika Anda hanya membuat sebuah website untuk klub sekolah Anda, misalnya, dan semua yang perlu Anda lakukan adalah untuk menampilkan beberapa halaman dan mungkin memiliki presiden Anda masuk dan mengubah beberapa hal di sana-sini - ada benar-benar tidak perlu kode yang up diri sendiri. Itu membutuhkan banyak waktu Anda. Dibutuhkan banyak energi Anda, dan Anda harus melalui dan Anda harus mencari tahu, juga, apakah ini akan terlihat bagus di browser ini, itu akan terlihat baik di browser ini. Mungkin menggunakan beberapa patch ini bahwa orang lain telah ditulis untuk Anda, seperti Wordpress atau Joomla atau Drupal. Ini disebut konten - ini disebut CMSS yang pada dasarnya hanya paket yang sudah datang dilakukan untuk Anda, dan Anda dapat men-download mereka, menempatkan mereka ke server Anda, dan menyesuaikan mereka namun Anda inginkan, dan Anda sudah memiliki website yang berjalan. Paket-paket kode adalah sesuatu untuk melihat ke. Hal-hal ini open source kecuali jika Anda pergi untuk sesuatu seperti - jika Anda sedang mencari paket bentuk, ada hal-hal yang tidak bebas seperti VBulletin atau IP.Board. Jika Anda tidak perlu beberapa fitur-fitur canggih, Anda selalu dapat memilih untuk opsi gratis. 

Dan akhirnya, tidak ada menghindarinya. Anda harus menguji, uji, uji. Anda harus menguji kode Anda pada semua browser dan semua platform. Dan kau tahu, IE6 - orang Syukurlah sudah mulai bergerak menjauh dari IE6 karena kembali pada hari, mungkin beberapa tahun yang lalu, pengembang web harus selalu, selalu, selalu menjadi calo untuk kelemahan IE6 dalam mengikuti standar. Website hanya tampak agak tahun 1990 untuk kurangnya cara yang lebih baik untuk menghadapinya. Anda juga dapat menggunakan screenshot browser untuk memeriksa CSS Anda. Salah satu website yang sangat keren adalah browserlab.adobe.com. Ini adalah layanan gratis yang dikeluarkan oleh Adobe. Dan apa yang mereka lakukan adalah mereka dapat mengambil screenshot dari situs web Anda berjalan di bawah kondisi yang berbeda - seperti berjalan di bawah browser yang berbeda, berjalan di bawah platform yang berbeda - dan menunjukkan apa yang mereka terlihat seperti. Hanya untuk menunjukkan apa yang saya maksud di sini, saya membuat website tahun lalu yang disebut Hidup Di Harvard, dan apa yang saya coba lakukan - saya mencoba untuk membuat my.harvard baik. Karena jika Anda berada di sini tahun lalu, my.harvard tidak tampak seperti yang terlihat sekarang. Ini terlihat agak menjijikkan. Tapi sekarang terlihat jauh lebih baik. Implementasi saya itu tidak berguna lagi, tapi semua sama, Anda tahu, saya mencoba untuk menambahkan - (dimengerti) banyak apapun - dan terlihat - terlihat sangat baik pada komputer saya. Dan kemudian, mungkin kalau aku punya lebih banyak waktu saya akan pergi ke laboratorium peramban, dan aku akan melihat, baik, bagaimana terlihat di Chrome 18 pada Windows. Aku akan gulir ke bawah dan saya akan melihat - oh tidak! Lihatlah kotak pengumuman. Teks saya meluap. Jadi, itu buruk, benar? Jika pengguna menggunakan Chrome di Windows dan datang ke website saya, yang segera terlihat sangat tidak profesional. Jadi, saya harus pergi ke CSS saya dan mencari tahu apa bagian dari CSS saya hancur di sini. Mengapa tidak ditampilkan dengan benar dan memperbaikinya sehingga semua pengguna dapat melihat website yang sama dan hanya sebagai bahagia. 

Dan akhirnya, baik, screenshot browser yang bagus untuk menguji CSS Anda, tapi bagaimana Anda JavaScript? Bagaimana jika Anda memiliki beberapa skrip yang rumit yang berjalan? Nah, Anda selalu dapat melakukan virtualisasi. Jika Anda memiliki Mac Anda dapat menggunakan Bootcamp atau VMWare untuk virtualisasi mungkin salinan Windows dan penggunaan Internet Explorer di sana. Atau, Anda bisa pergi ke sesuatu seperti Spoon.net, yang sayangnya hanya bekerja pada PC. Tapi apa yang mereka lakukan adalah sangat dingin. Mereka virtualisasi perangkat lunak untuk Anda sehingga Anda dapat menjalankan versi yang berbeda dari IE, misalnya. Anda dapat menjalankan versi yang berbeda dari Firefox. Anda dapat menjalankan versi yang berbeda dari Safari dan menguji semua website Anda di sana. Sayangnya, mereka tidak bebas. Itu adalah layanan dibayar, sehingga selalu ada semacam ini - selalu ada semacam trade off antara ini, baik, aku akan membuat website saya terlihat baik. Jika demikian, saya mungkin harus membayar untuk beberapa layanan untuk membantu saya melakukan itu. Setiap pertanyaan pada saat ini tentang apa pun yang kita bicarakan? Awesome. Oke. 

Sekarang kita memiliki lebih banyak hal untuk dibicarakan. Bagaimana tentang kesalahan? Bagaimana Anda memastikan bahwa website Anda akan beroperasi bahkan ketika sesuatu yang buruk terjadi? Mungkin Anda tidak memiliki sebuah halaman yang bernama food.php. Tapi saya, saya pergi ke situs web Anda dan saya mencoba mengakses food.php. Apakah Anda hanya akan menunjukkan bahwa halaman putih yang mengatakan 404 - File tidak ditemukan? Atau kau akan berkata, "Yah, aku minta maaf bahwa saya tidak bisa menemukan ini untuk Anda, tapi mungkin di sini adalah beberapa sumber daya lain untuk membantu Anda mencari apa yang Anda butuhkan. " Kesalahan lainnya - jadi, ini disebut kesalahan HTTP yang hanya beberapa kode kesalahan bahwa server Anda mungkin telah dikirim kembali ke browser dalam kasus terjadinya sesuatu yang buruk. 400 - Bad Request. 401 - Unauthorized. 403 adalah jenis umum ketika Anda memiliki sebuah direktori yang tidak seharusnya diakses oleh pengguna, tapi pengguna mencoba untuk tetap. Dan 500 - Internal Server Error - yang biasanya terjadi ketika Anda memiliki sesuatu benar-benar buruk terjadi dengan kode PHP Anda. Tapi dalam hal apapun, ini macam browser - ini jenis kesalahan yang terjadi. 

Jadi, bagaimana Anda memastikan bahwa Anda anggun menangani kesalahan ini dan pastikan bahwa pengguna tidak hanya semacam tergantung di sana? Berikut datang. Htaccess. Sekarang,. Htaccess adalah sesuatu yang bekerja pada server Apache, sesuatu yang bekerja dan bekerja pada beberapa server lain juga. Ini adalah cara bagi Anda untuk mengkonfigurasi server Anda sehingga Anda dapat membuatnya melakukan apa pun yang Anda ingin lakukan. Beberapa hal yang dapat Anda lakukan. Anda bisa mengontrol pengaturan cache. Mungkin ada halaman tertentu di situs Web yang Anda memastikan bahwa pengguna download ulang setiap kali pengguna datang dan mengunjungi situs Anda. Atau mungkin Anda memiliki beberapa URL yang seperti yoursite.com / test / html / pages / hello.html dan Anda hanya ingin bahwa untuk menjadi yourname.com / hello -. baik, Anda dapat menggunakan htaccess untuk mengarahkan satu halaman web yang lain. Anda juga dapat menggunakannya untuk melakukan otentikasi. Mungkin ada beberapa bagian dari situs Anda bahwa Anda perlu menggunakan password lain. Anda dapat memblokir alamat IP tertentu, memblokir domain tertentu. Mungkin Anda hanya benar-benar tidak suka mahasiswa Harvard menggunakan situs web Anda. Nah, Anda memiliki pilihan untuk memblokir semua alamat IP Harvard. 

Akhirnya, Anda dapat mengobati hal - Anda dapat menulis kode tertentu untuk membuat server Anda memperlakukan seperti Zhao. atau. nama Anda atau. halo halaman sebagai kode PHP. Mungkin itu akan berguna. Mungkin itu tidak akan. Dan akhirnya, Anda dapat menggunakannya untuk menangani respon kesalahan. Apa yang saya maksud dengan itu? Jika Anda cukup menambahkan kode seperti ini - 404 ErrorDocument dan kemudian mengarahkan mereka ke beberapa halaman kesalahan, Anda dapat memastikan bahwa pengguna tidak hanya melihat benar-benar, benar-benar jelek 404 dan menunjukkan kepada mereka sesuatu yang menyenangkan. 

Mari kita benar-benar melihat bagaimana kita dapat melakukannya dengan Pset Anda 7. Di sini, aku di alat saya. Aku akan membuka Chrome, dan kemudian aku akan mencoba mengakses halaman yang tidak ada pada CS50 Keuangan. Jadi, host lokal - cats.php--begitu, melihat bahwa saya membuat dokumen error yang mengatakan, "CANZ tidak menemukan halaman z!" Ia memiliki kucing sangat sedih di atasnya. Jika Anda pergi di Twitter, jika Anda pergi pada salah satu situs lain, Anda tidak dapat menemukan halaman, mereka biasanya mencoba untuk menampilkan gambar lucu sehingga Anda tidak terlalu kecewa. Anda juga bisa memiliki sesuatu yang lebih profesional yang mengatakan, baik, saya minta maaf saya tidak bisa menemukan halaman, tapi mungkin inilah kotak pencarian. Atau mungkin di sini adalah beberapa link yang akan membantu Anda menemukan link yang Anda inginkan. Jadi, bagaimana saya melakukan ini? Bagaimana ini mungkin? Jika kita masuk ke terminal kami di sini - Aku hanya akan memperbesar sedikit - melihat bahwa saya memiliki halaman baru. Di dalam direktori HTML saya itu disebut - Anda tidak bisa melihatnya - itu disebut error.php. Dan error.php hanyalah sebuah file yang saya buat yang menunjukkan bahwa halaman itu sendiri. Saya bisa menunjukkan kepada Anda apa yang error.php. Ini halaman ini persis. Ia mengatakan, "Oh tidak! CANZ tidak menemukan halaman z!" Dan, jika Anda ingin melihat - jadi, perhatikan bahwa htaccess semacam adalah nama yang aneh.. Dimulai dengan titik yang berarti bahwa itu adalah file sistem. Ini adalah file tersembunyi yang umumnya tidak ditampilkan. Jika Anda melakukan ls-a, Anda dapat melihat semua file yang tersembunyi dalam direktori tertentu, dan memang, Anda lihat. htaccess adalah salah satunya. Mari kita pergi ke depan dan membuka htaccess. - dengan gedit - Boom! Semua yang saya miliki adalah satu baris di sana - Kesalahan dokumen untuk 404 kesalahan yang juga dikenal sebagai kesalahan file-tidak-ditemukan. Mari kita mengarahkan mereka ke sesuatu yang disebut error.php. Anda dapat memiliki hal-hal menyenangkan seperti CANZ tidak menemukan halaman z! Dan ada juga hal yang sangat keren yang dapat Anda lakukan dengan. Htaccess. Jika Anda ingin melihat lebih banyak. Htaccess sihir, ini adalah situs yang sangat keren untuk pergi ke - itu disebut javascriptkit.com/howto/htaccess.shtml-- jika Anda ingin melakukan lebih ajaib Server. Dan itu bisa sangat menyenangkan. 

Wah! Baiklah! Lebih banyak gambar lucu. Ini adalah orang yang melakukan push-up, dan kucingnya sedang mencoba untuk membantu. Saya pikir itu sangat lucu. Sayangnya, saya tidak memiliki kucing seperti itu. Baik. Jadi, kita bicarakan. Htaccess. Kita telah berbicara tentang penanganan error. Kami telah berbicara tentang hosting, nama domain. Kami telah berbicara tentang kompatibilitas cross-browser. Sekarang bagaimana kita memastikan bahwa website Anda benar-benar melakukan? Bagaimana kita memastikan bahwa jika saya pergi ke situs web Anda Aku bisa melihat halaman Anda dalam beberapa detik? Salah satu hal yang saya pikir orang hanya semacam melupakan adalah optimasi gambar. Katakanlah bahwa Anda ingin menempatkan gambar di situs Anda dan itu 2 MG besar. Itu mungkin baik bagi kita karena kita berada di Harvard, dan kami memiliki koneksi internet yang sangat cepat. Tapi bayangkan seseorang di Cina. Bayangkan seseorang di India. bayangkan seseorang mungkin di pedesaan Kansas yang mungkin tidak memiliki jenis yang sama Internet broadband yang kita miliki. Jika Anda memiliki 2 MB gambar di situs Anda dan pengguna mencoba untuk mengaksesnya, itu akan membawa mereka waktu yang sangat lama untuk men-download. Jadi, jika Anda tidak membutuhkan semacam resolusi, maka Anda dapat mengubah ukuran gambar Anda dengan sesuatu seperti Adobe Photo Shop. Biasanya ada sebuah opsi bernama aman untuk web dan perangkat, dan apa yang dilakukannya itu strip keluar semua informasi yang tidak perlu dan semacam compacts file Anda ke ukuran gambar kecil sehingga Anda dapat memasukkannya ke website Anda, dan setiap pengguna yang mencoba untuk men-download halaman tersebut akan men-download versi yang lebih kecil dari gambar Anda. Jika Anda tidak memiliki Adobe Photo Shop webresizer.com juga sumber daya lain di mana Anda dapat memasukkan gambar Anda dan akan meludahkan gambar yang sama persis, tetapi akan menjadi sesuatu seperti 3 kali lebih kecil. Jadi itu sangat berguna bagi pengguna Anda. 

Hal lain yang dapat Anda lakukan adalah mengecilkan kode. Jika kita melihat pada Google.com, Anda akan melihat bahwa itu bukan semacam HTML dan CSS yang sama yang kita terbiasa. Hanya akan melihat kode sumber di sini. Jika saya hanya gulir ke bawah - wow, yang terlihat cukup menjijikkan. Ini akan mendapatkan nol pada gaya. Jika Anda kode ini Pset Anda, Anda akan mendapatkan nol pada gaya Anda. Ini tidak memiliki spasi. Nama-nama terlihat benar-benar samar. Ini semua benar-benar menjijikkan. Dan script untuk menutup dalam tubuh - HTML penutupan - mereka semua bersama-sama - semua smushed bersama-sama. Mengapa mereka melakukan hal ini? Mereka minified kode mereka. Perhatikan bahwa dokumen ini akan menjadi jauh lebih kecil bagi saya untuk men-download daripada sesuatu dengan ruang putih, daripada sesuatu dengan nama variabel sangat panjang. Jika Anda mengecilkan kode Anda Anda menghapus semua spasi. Tentu saja, browser Anda tidak peduli jika Anda memiliki ruang putih dalam kode Anda. Anda strip itu, sekarang saya dapat men-download file yang lebih kecil - sekarang file - dokumen yang kita akan men-download memiliki ukuran file yang lebih kecil, akan lebih cepat bagi saya untuk men-download, dan itu berguna. Jika Anda bekerja dengan situs web dan Anda meluncurkan sebuah situs web, itu hampir selalu baik untuk mengecilkan kode Anda. Alasan lain mengapa hal ini mungkin baik mungkin Anda tidak ingin orang lain untuk menggunakan kode Anda. Mungkin Anda tidak ingin orang lain untuk menggunakan CSS Anda. Anda tahu apakah Anda benar-benar ingin menjadi pelit dengan itu, maka Anda juga dapat mengecilkan kode Anda, dan itu akan sulit bagi saya untuk mencurinya karena saya tidak tahu apa yang terjadi. Anda juga bisa pergi ke website seperti minify.avivo.si. Layanan seperti ini secara online membantu Anda mengecilkan kode Anda sehingga Anda tidak perlu melakukannya dengan tangan. Pasti tidak melakukannya dengan tangan. 

Oke. Sekarang berbicara tentang script. Mungkin dalam kode PHP Anda ada sesuatu yang Anda tidak perlu melakukan. Mungkin ada loop ekstra di sana. Kami berbicara tentang desain kode CS50. Bahkan jika Anda coding di C jika Anda memiliki - jika Anda melakukan pekerjaan ekstra bahwa Anda tidak perlu melakukan, baik, itu akan memperlambat script pada website Anda, dan ini sangat penting untuk situs web karena pengguna saat ini sangat tidak sabar. Jika Anda melakukan pekerjaan yang tidak perlu, itu akan membawa mereka lebih lama untuk mendapatkan informasi yang mereka inginkan, dan mereka akan sangat bahagia. Akhirnya, Anda mungkin ingin mengoptimalkan tabel database Anda. Ingat kita berbicara tentang indeks. Mereka tidak hanya baik untuk memastikan bahwa Anda memiliki baris yang unik. Mereka juga baik untuk memastikan bahwa database Anda bekerja cepat. Jika Anda ingin membaca tentang itu pergi ke dokumentasi MySQL, atau Anda dapat melihat - baik, bagaimana cara mengoptimalkan tabel database saya? Bagaimana cara memastikan bahwa saya memiliki indeks yang membantu saya mendapatkan informasi yang lebih cepat? 

Ada juga sedikit trik yang dapat Anda gunakan seperti caching. Jika Anda memiliki PHP - jika Anda memiliki blog, misalnya, dan Anda memiliki - dan itu didukung oleh PHP atau dengan bahasa lain - Anda bisa menyimpan blog Anda di katakanlah interval 50 menit sehingga Anda dapat melayani halaman statis atau HTML statis untuk para pengunjung ke situs Anda. Dengan cara itu pengguna tidak perlu untuk menjalankan script PHP Anda setiap kali, dan mungkin itu akan lebih cepat bagi mereka untuk mengakses informasi tersebut. 

Dan akhirnya, Anda dapat menggunakan sesuatu seperti CDN. Perhatikan bahwa setiap kali Anda men-download sebuah Pset, Anda selalu pergi ke CDN.CS50.net. Mengapa demikian? CS50 juga menggunakan semacam CDN - jaringan distribusi konten - yang hanya berarti bahwa itu adalah sekelompok server mungkin di tempat di seluruh dunia yang membantu melayani halaman Anda untuk pengunjung Anda. Jika pengunjung Anda semakin halaman dari server yang lebih dekat dengan mereka secara geografis, maka kemungkinan besar pengunjung Anda akan mendapatkan file yang jauh lebih cepat. Ada juga sumber online yang membantu Anda melakukannya. Salah satunya adalah CloudFlare. Mereka menawarkan layanan CDN gratis. Jika Anda memiliki file besar yang Anda melayani untuk pengguna Anda, maka mungkin lebih baik untuk menempatkan mereka pada CDN sehingga mereka bisa mendapatkan mereka lebih cepat. 

Topik terakhir untuk hari ini adalah optimasi mesin pencari. Apa optimisasi mesin pencari? Itu memastikan bahwa mesin pencari seperti Google atau Bing atau Yahoo bisa pergi ke situs Anda dan menjelajah situs Anda dan indeks situs Anda dan ketika Saya, misalnya, pergi ke Google.com dan saya mencoba untuk mencari sesuatu, maka situs Anda akan muncul. Bagaimana Anda memastikan bahwa situs Anda adalah salah satu dari top 10? Karena seperti yang kita semua tahu, jika Anda mencari sesuatu di Google dan itu tidak di 10 besar Anda kemungkinan besar tidak akan terlihat dalam 10 berikutnya. Ini adalah semacam topik yang diselimuti misteri. Ada banyak hype di luar sana di Internet. Ada banyak takhayul tentang jika Anda x maka Google akan seperti Anda lebih baik. Jika Anda y maka Google akan seperti Anda lebih baik. Ini mungkin lebih baik untuk melihat ke dalam dokumen raksasa pencari itu sendiri. 

Ini adalah salah satu dokumen di Google yang memberitahu Anda bagaimana untuk mengoptimalkan situs Anda sehingga Google dapat mengakses dan indeks sangat baik. Anda tidak harus menyalin URL ini karena presentasi ini akan secara online pula. Jika Anda melihat ini dan Anda membaca ini ada beberapa petunjuk yang sangat membantu dalam sana. Google memberitahu Anda - jika Anda benar-benar ingin situs Anda untuk diindeks dengan baik maka Anda harus melakukan semua hal ini. 

Hal lain bahwa mesin pencari sangat suka adalah konten segar. Jika Anda memiliki konten yang diperbarui secara teratur maka mesin pencari berkata, ooh, saya suka situs Anda. Aku akan pergi ke situs Anda sangat sering. Aku akan indeks banyak halaman Anda. Jika Anda memiliki konten segar maka Anda lebih mungkin untuk muncul - Anda lebih mungkin untuk menjadi lebih relevan. Anda lebih mungkin untuk menjadi lebih diperbarui, dan mesin pencari lebih mungkin untuk menempatkan situs Anda atas orang lain. 

Deep link adalah juga penting. Jika Anda benar-benar ingin situs Anda untuk terlihat baik di mata mesin pencari telah banyak situs-situs lain yang berhubungan dengan itu dan terkait dalam ke website Anda. Jangan hanya link ke situs Anda. Link ke mungkin yourname.com / sesuatu / sesuatu / something.php. Itu - ke mesin pencari - cara, wow, mereka memiliki konten yang sangat menarik bahwa orang lain begitu dalam menghubungkan ke situs mereka bahwa saya harus benar-benar menempatkan lebih penting ke halaman situs tersebut. 

Jika Anda memiliki judul halaman yang akurat, jika Anda tidak memiliki kesalahan itu bagus karena jika mesin pencari sedang mencoba untuk mengunjungi situs Anda, dan itu mendapatkan kesalahan, itu mungkin akan menyerah sangat, sangat segera. Dan akhirnya, Anda ingin memiliki waktu beban cepat karena mesin pencari - sama seperti manusia - jangan memiliki banyak kesabaran untuk website lambat. Ini adalah cara bagi Anda untuk memastikan bahwa Anda muncul lebih tinggi dalam permintaan pencarian mesin dan mudah-mudahan dengan demikian mendapatkan lebih banyak lalu lintas. Karena setelah semua, Anda telah menghabiskan sepanjang waktu ini mengembangkan website Anda. Anda menghabiskan semua waktu ini meluncurkan situs web ini secara online. Anda ingin memastikan bahwa Anda memiliki banyak pengguna yang benar-benar melihat konten Anda. 

Sumber-sumber lain yang baik untuk digunakan. Google Webmaster Tools adalah sesuatu untuk melihat ke. Ini hanya membantu Anda untuk melihat - Google tidak mengindeks situs saya. Apa macam kesalahan apakah hadapi? Berapa banyak halaman telah diindeks? Apa pikir adalah konten yang paling penting pada halaman saya? Mungkin itu bukan apa yang saya inginkan. Mungkin aku harus mengubah website saya sedikit sedemikian rupa sehingga tercermin baik apa website saya benar-benar tentang. Google Analytics adalah alat yang benar-benar keren lain. Anda dapat menambahkan sedikit JavaScript ke halaman Anda. Dan kemudian setelah itu Anda dapat pergi ke Google Analytics, dan akan melacak demografi pengunjung Anda dan pertumbuhan situs Anda. Ini akan memberitahu Anda persis berapa banyak pengunjung mengunjungi situs Anda dalam hari tertentu, dalam jam tertentu, dalam seminggu tertentu. Berapa banyak pengunjung dari China? Berapa banyak pengunjung dari Antartika - Anda mendapatkan ke website Anda. yang mungkin sesuatu yang keren untuk melihat atau bahkan mungkin berguna karena Anda mencoba untuk menargetkan kelompok tertentu. Mungkin Anda mencoba untuk menargetkan remaja dengan situs web Anda, dan Anda melihat bahwa sebagian besar pengunjung ke website Anda adalah mungkin 30 - untuk usia 40 tahun, maka mungkin baik Anda memiliki masalah atau Anda hanya bisa mengatakan, baik, maka mungkin saya hanya harus mengubah fokus situs saya sehingga Saya lebih fokus pada kelompok usia tersebut. 

Google Apps - jika Anda ingin memiliki semacam email dengan nama domain Anda - mungkin sesuatu seperti yourname@yourname.com-- Anda dapat menggunakan alamat gmail - Anda dapat menggunakan layanan gmail dan Google Apps adalah salah satu cara untuk melakukan itu. Anda dapat mengatur alamat email tertentu yang spesifik untuk nama domain Anda bukan of@gmail.com. 

Dan akhirnya, ada ekstensi web developer dan add-ons - untuk Chrome, untuk Firefox, untuk browser lain - yang memungkinkan Anda untuk masuk dan memeriksa CSS, JavaScript memeriksa, melihat apa yang salah dengan skrip JavaScript Anda, dan mungkin itu akan berguna untuk tujuan de-bugging Anda, untuk Anda mencari tahu - baik, mengapa tidak website saya ditampilkan dengan benar di browser ini? 

Dan akhirnya, jika Anda ingin mempelajari lebih lanjut tentang semua topik ini - jika Anda ingin mempelajari lebih lanjut tentang HTML dan CSS dan JavaScript - karena setelah semua, kita hanya mengajarkan Anda sedikit - Anda dapat pergi website seperti W3Schools.com untuk mencari lebih banyak sumber daya. Mereka memiliki tutorial yang sangat bagus tentang bagaimana cara melakukan x, atau apa y artinya? Jika Anda ingin mempelajari lebih lanjut tentang bahasa ini Anda hanya bisa pergi di sini. 

Baik. Saya pikir saya ingin meninggalkan beberapa menit terakhir ini untuk pertanyaan, jadi apakah ada pertanyaan tentang apa yang kita bicarakan? [Anggota audiens] Apa saja yang berada di W3Schools dan bagaimana cara tertutup? [Yuechen Zhao] Apa macam hal? Jadi, salah satu hal yang sangat terbesar yang saya gunakan banyak adalah referensi mereka. Referensi rinci, misalnya untuk CSS - apa ini berarti atau jika Anda ingin mengubah latar belakang halaman - bagaimana Anda melakukannya? Browser mendukung perintah itu? Hal-hal seperti itu. Dan kemudian mereka juga hanya memiliki tutorial yang sangat bagus tentang HTML, PHP, JavaScript, MySQL, pada segala macam topik yang berbeda. Mereka memiliki tutorial yang bagus. Mereka mengajarkan Anda bagaimana melakukan sesuatu. Sangat menyenangkan untuk dapat pergi dan mempelajari lebih lanjut tentang topik ini. 

[Anggota audiens] HTML 5 masih belum kompatibel dengan semua browser di luar sana. Apakah Anda merekomendasikan hanya tinggal jauh dari itu karena masalah kompatibilitas? Bagaimana Anda menghadapi itu? [Yuechen Zhao] Ya, jadi, pertanyaannya adalah HTML5 masih standar bayi. Ini tidak benar-benar didukung oleh banyak browser, sehingga kita harus menghindarinya? Saya pikir tahun lalu saya akan menjadi pendukung yang sangat besar, mari kita menghindari HTML5 karena masih - itu masih sangat baru dan pada kenyataannya, standar HTML5 belum selesai. Jadi, benar-benar ada standar HTML5. Tapi saya pikir terutama jika Anda sedang merancang sebuah situs web sekarang, mungkin lebih baik jika Anda hanya pergi dengan HTML5 karena itulah semacam akan menjadi masa depan, dan jika Anda ingin website Anda untuk masa depan-bukti dan Anda ingin website Anda untuk bekerja di browser masa depan, mungkin lebih baik untuk mulai membangun sesuatu untuk masa depan daripada masa lalu, dan juga hanya karena fakta bahwa HTML5 sebenarnya tidak terlalu berbeda dari HTML4 atau XHTML. Jika Anda menggunakan HTML5, biasanya akan bekerja di hampir semua browser. Anda hanya perlu semacam masuk dan pastikan dengan screenshot ini dan memastikan dengan pergi ke situs ini sendiri. Tapi kemungkinan besar ia akan bekerja kecuali Anda menggunakan fitur yang sangat spesifik untuk HTML5. Perhatikan juga bahwa untuk CS50 - misalnya, untuk pemutar video yang kita gunakan - menggunakan HTML5 dan video HTML5 untuk menampilkan ceramah. Tapi jika Anda memiliki browser benar-benar tua, maka itu akan jatuh kembali pada Flash. Jadi, itu juga sesuatu yang lain - memiliki sistem jatuh kembali ketika Anda hanya tahu bahwa browser tidak akan menangani apa yang Anda inginkan untuk menangani. 

Pertanyaan lain? Apa pun yang kita bicarakan. Baik. Maka saya pikir itu saja bagi saya. Saya pikir itu saja. (Tepuk tangan) Keren. [CS50.TV]