1 00:00:00,000 --> 00:00:01,390 2 00:00:01,390 --> 00:00:04,890 >> [MÜZİK OYUN] 3 00:00:04,890 --> 00:00:10,955 4 00:00:10,955 --> 00:00:12,580 DAVID J MALAN: Pekala, tekrar hoşgeldiniz. 5 00:00:12,580 --> 00:00:13,600 Bu CS50 olduğunu. 6 00:00:13,600 --> 00:00:15,540 Bu haftanın yedi sonudur. 7 00:00:15,540 --> 00:00:18,180 Ve bu toplayıcı sonu sorunu avı dört set 8 00:00:18,180 --> 00:00:19,220 Hatırlayacağınız olabilir. 9 00:00:19,220 --> 00:00:21,650 Tüm kurtardıktan sonra personelin bu JPEG, 10 00:00:21,650 --> 00:00:24,820 Eğer isterseniz size, meydan edildi gibi birçok kendinizi fotoğrafını çekmek 11 00:00:24,820 --> 00:00:25,981 Mümkün olduğu bu millet. 12 00:00:25,981 --> 00:00:28,480 Biz gönderimler bir sürü var Son birkaç hafta içinde, 13 00:00:28,480 --> 00:00:32,980 Gerçekten, epeyce sağ öğleden önce Günümüzde, bazıları burada olanlardır 14 00:00:32,980 --> 00:00:37,670 Annenberg da-- görünüyor in-- burada yakalandı Burada ofis saatlerinde Salon, bir 15 00:00:37,670 --> 00:00:39,530 Nick ile Lowell House. 16 00:00:39,530 --> 00:00:41,750 İşte Ramon telefonda yakalandı ediliyor. 17 00:00:41,750 --> 00:00:43,870 Bu CS50 öğle yemeğinde oldu. 18 00:00:43,870 --> 00:00:46,840 Bu Jason ile Skyping oldu Bir daha yaratıcı sınıf arkadaşı, 19 00:00:46,840 --> 00:00:48,280 kim ona bu şekilde aradı. 20 00:00:48,280 --> 00:00:49,690 Biz bu ne bilmiyorum. 21 00:00:49,690 --> 00:00:51,940 >> [KAHKAHA] 22 00:00:51,940 --> 00:00:54,570 >> DAVID J MALAN: Ama bir gigabayt değer. 23 00:00:54,570 --> 00:00:56,960 İşte Chang, kim kelimenin tam anlamıyla sahne kaçtı 24 00:00:56,960 --> 00:01:00,480 bir fotoğraflandı önlemek için gün, ama sonunda yakalandı. 25 00:01:00,480 --> 00:01:02,050 İşte Nick. 26 00:01:02,050 --> 00:01:03,480 İşte Nick. 27 00:01:03,480 --> 00:01:04,080 İşte Nick. 28 00:01:04,080 --> 00:01:05,090 29 00:01:05,090 --> 00:01:07,670 Ve burada Alison aşağı alanlar gereğidir. 30 00:01:07,670 --> 00:01:11,840 Ve Zamyla bile bulundu Bir balo salonu yarışmaya. 31 00:01:11,840 --> 00:01:14,100 Bu yüzden geçeceği Bu fotoğraflar, anlamaya 32 00:01:14,100 --> 00:01:16,690 kim sunulan en erken ve ödül 33 00:01:16,690 --> 00:01:20,662 bir muhteşem ödül olarak spec vaat. 34 00:01:20,662 --> 00:01:23,120 Ve biz de yaklaşık takip edeceğiz karıştığını alanı. 35 00:01:23,120 --> 00:01:26,860 >> Announcements-- yüzden öğle bir çift Yine, 13:15 bu Cuma. 36 00:01:26,860 --> 00:01:30,420 Bize katılmak isterseniz, Burada bu URL'de RSVP. 37 00:01:30,420 --> 00:01:33,730 Jason birinden burada tekrar belirir yıllık bölümlerinin bir çift 38 00:01:33,730 --> 00:01:35,510 geri, hangi oldu Halloween üzerine düşmesine. 39 00:01:35,510 --> 00:01:38,950 Ve gerçekten de, o gibi giyinmiş o yıl kabak. 40 00:01:38,950 --> 00:01:42,700 Bu bölüm izle varsa onun ile ilgili 2011 bölümün 41 00:01:42,700 --> 00:01:46,480 Sekiz, sen merak eğer, CS50.tv de, sanırım 42 00:01:46,480 --> 00:01:49,730 Bu yıl hangi Onun hava pompası çalışıyordu. 43 00:01:49,730 --> 00:01:52,490 >> Eğer izlersen 2012 yılında benzer bir bölüm, 44 00:01:52,490 --> 00:01:55,620 Eğer, çok sönük bu Jason görürsünüz takım artık görev beri, 45 00:01:55,620 --> 00:01:58,060 Hangi demek sadece Bu Cuma, şimdi etsen eğer 46 00:01:58,060 --> 00:02:02,720 Daven ile kabak bölmek istiyorum ve Gabe ve diğerleri, kafaları RSVP 47 00:02:02,720 --> 00:02:04,480 cs50.harvard.edu adreste. 48 00:02:04,480 --> 00:02:06,200 Bu çok eğlenceli olacağa benziyor. 49 00:02:06,200 --> 00:02:08,660 Daven, biz söylendi, oyulmuş olan konum Hayatının bütün kabaklar. 50 00:02:08,660 --> 00:02:11,930 Brezilya Gabriel asla var Cadılar Bayramı için bir kabak oyma. 51 00:02:11,930 --> 00:02:14,700 O öğrenir Yani onlarla birlikte orada olacağım. 52 00:02:14,700 --> 00:02:16,830 >> Seminerler, meanwhile-- böylece yakında öğreneceksiniz 53 00:02:16,830 --> 00:02:20,650 ne hakkında bizim beklentileri içindir Nihai proje, hangi temelde 54 00:02:20,650 --> 00:02:23,150 aşağı kaynatın olacak tasarlanması ve uygulanması 55 00:02:23,150 --> 00:02:26,440 ilgi herhangi bir proje için en onayına tabi olsa sen, 56 00:02:26,440 --> 00:02:28,490 ve öğretim görevlisi gelen rehberlik. 57 00:02:28,490 --> 00:02:32,110 Sonuna doğru yarıyıl, bir dizi tanıtmak 58 00:02:32,110 --> 00:02:35,610 İsteğe bağlı sınıfları seminer, öğretim arkadaşlarının ve Harvard liderliğindeki 59 00:02:35,610 --> 00:02:38,570 Personel, karşısında elbette arkadaşlar çeşitli konularda kampüs, bu 60 00:02:38,570 --> 00:02:41,470 teğet olan dersin yatan izlence 61 00:02:41,470 --> 00:02:45,590 ama yine de uygulanabilir, eğlenceli, ve Potansiyel nihai projeler için farklı. 62 00:02:45,590 --> 00:02:49,530 >> Örneğin, ilk, eğer isterseniz Oradaki URL'ye, baş kayıt. 63 00:02:49,530 --> 00:02:53,010 Ve bunun için sanatçısını olduğunu yalnız bu yılki seminer. 64 00:02:53,010 --> 00:02:56,060 Ama biz onlarca var farkındalar yıl geçmiş seminerler, bütün bunlar 65 00:02:56,060 --> 00:02:59,774 Seminerler menüsünde bağlantılı dersin web sitesinin seçeneği. 66 00:02:59,774 --> 00:03:02,190 Eğer düşünüyorsanız Yani eğer konfor bölgesi ötesine gidiyor 67 00:03:02,190 --> 00:03:05,060 ya da bazı yeni beceriler toplayıp, Örneğin, iPhone programlama 68 00:03:05,060 --> 00:03:08,100 Swift, yeni bir dil ile uygulamalar Apple veya Objective-C 69 00:03:08,100 --> 00:03:11,230 veya Android uygulamaları veya programlama [? istaka?] ampulleri, ya da konulardan herhangi 70 00:03:11,230 --> 00:03:15,490 Burada ve daha nedeniyle check up kayıt sayfası üzerinden. 71 00:03:15,490 --> 00:03:19,730 >> Yani biz başladı ve sonuçlandırılan HTTP bakarak Pazartesi. 72 00:03:19,730 --> 00:03:22,675 Yani hızlı refresher-- HTTP, Hiper Metin Aktarım Protokolü. 73 00:03:22,675 --> 00:03:24,045 Ama bu gerçekten ne anlama geliyor? 74 00:03:24,045 --> 00:03:26,805 75 00:03:26,805 --> 00:03:27,930 Gerçekten ne anlama geliyor? 76 00:03:27,930 --> 00:03:30,665 77 00:03:30,665 --> 00:03:31,290 Bu bir el mi? 78 00:03:31,290 --> 00:03:33,074 79 00:03:33,074 --> 00:03:34,740 Ben sadece başınızı tırmalamak biliyorum. 80 00:03:34,740 --> 00:03:36,400 Ama HTTP ne önermek istiyorum? 81 00:03:36,400 --> 00:03:37,792 82 00:03:37,792 --> 00:03:40,576 >> İZLEYİCİ: Nasıl bilgisayarlar [duyulamaz] ile iletişim. 83 00:03:40,576 --> 00:03:41,517 84 00:03:41,517 --> 00:03:43,100 DAVID J MALAN: Ben son bölümünü kaçırdım. 85 00:03:43,100 --> 00:03:45,774 Şarkı söylemeyi kes bilgisayarlar iletişim nasıl 86 00:03:45,774 --> 00:03:47,325 >> İZLEYİCİ: İnternet sunucuları. 87 00:03:47,325 --> 00:03:50,450 DAVID J MALAN: internet Good-- sunucular, ve özellikle, web sunucuları. 88 00:03:50,450 --> 00:03:53,533 Hatırlama Çünkü, bir demet var internet hizmetleri, bazıları 89 00:03:53,533 --> 00:03:57,349 Eğer sohbet arasında günlük muhtemelen kullanmak ve mesaj, sohbet ve web ve e-posta, 90 00:03:57,349 --> 00:03:57,890 ve benzeri yer alır. 91 00:03:57,890 --> 00:04:00,900 Ve HTTP sadece bir protokol web tarayıcıları ki 92 00:04:00,900 --> 00:04:03,750 ile iletişim kurarken konuşmak Web sunucuları, ve tersi. 93 00:04:03,750 --> 00:04:05,580 Ve analogun İnsan dünya olabilir 94 00:04:05,580 --> 00:04:08,730 Bazı sallamak elimi uzatmak diğer insan en ve o 95 00:04:08,730 --> 00:04:11,970 uzatarak kabul onun ya da onu eli de. 96 00:04:11,970 --> 00:04:13,970 Yani bu sadece bir protokol var, sözleşmelerin bir dizi. 97 00:04:13,970 --> 00:04:15,630 >> Ve bu sözleşmeler gerçekten ne? 98 00:04:15,630 --> 00:04:18,640 Peki, sadece aşağı kaynar ileri ve geri mesaj gönderme, 99 00:04:18,640 --> 00:04:19,770 biz burada gösterildiği gibi. 100 00:04:19,770 --> 00:04:22,520 Ve yollar bir çift var var hangi Bu mesaj gönderebilirsiniz. 101 00:04:22,520 --> 00:04:24,360 Ve belki de en ortak olsun olarak bilinir. 102 00:04:24,360 --> 00:04:26,510 Ve biz bir kontrast görürsünüz Bu uzun önce. 103 00:04:26,510 --> 00:04:30,010 >> Ama tarayıcıdan bir get isteği sunucuya sadece bu gibi görünüyor. 104 00:04:30,010 --> 00:04:32,960 O koyar metnin bir demet var sanal bir zarfın içinde. 105 00:04:32,960 --> 00:04:35,854 Bu zarfın üzerine Ayrıntılar birkaç adet gidin. 106 00:04:35,854 --> 00:04:37,770 Ne gitmek gerekiyor zarf, yani, konuşmak 107 00:04:37,770 --> 00:04:41,820 gibi bir isteği elde etmek için Bir web sunucusuna benden bu? 108 00:04:41,820 --> 00:04:42,320 Evet. 109 00:04:42,320 --> 00:04:43,270 >> İZLEYİCİ: IP adresiniz. 110 00:04:43,270 --> 00:04:45,890 >> DAVID J MALAN: My IP adresi Kimden alanında, tabiri caizse, 111 00:04:45,890 --> 00:04:49,490 ve tabii ki, Alıcının IP adresi. 112 00:04:49,490 --> 00:04:52,710 Ama bir web paket halinde, Biz biraz daha ayrıntı gerekir 113 00:04:52,710 --> 00:04:55,254 Sadece yeterli değil Bir sunucuya bir zarf göndermek, 114 00:04:55,254 --> 00:04:57,670 bu sunucu olabilir çünkü farklı türleri için dinleme 115 00:04:57,670 --> 00:04:59,180 İnternet trafiğinin. 116 00:04:59,180 --> 00:05:01,370 Peki başka ne ihtiyacımız var Alıcının IP dışında? 117 00:05:01,370 --> 00:05:02,723 118 00:05:02,723 --> 00:05:03,222 Evet? 119 00:05:03,222 --> 00:05:04,241 >> İZLEYİCİ: TCP mi? 120 00:05:04,241 --> 00:05:05,074 DAVID J MALAN: İyi. 121 00:05:05,074 --> 00:05:06,470 TCP-- 122 00:05:06,470 --> 00:05:07,340 >> İZLEYİCİ: Adres. 123 00:05:07,340 --> 00:05:09,340 >> DAVID J MALAN: Adres, ya da denir liman olarak. 124 00:05:09,340 --> 00:05:11,010 Yakın, ancak TCP port numarası. 125 00:05:11,010 --> 00:05:12,220 Ve bu bir demet var. 126 00:05:12,220 --> 00:05:14,310 Ama kesinlikle en tanıdık olmalıdır sonunda 127 00:05:14,310 --> 00:05:17,590 Varsayılan hangi, 80 olacak bir web trafiği için de kullanılır. 128 00:05:17,590 --> 00:05:20,040 Ve bir başka tanıdık biri yakında 443 olacak 129 00:05:20,040 --> 00:05:24,280 hangi güvenli web için kullanılır Trafik, https ile başlayan URL'ler. 130 00:05:24,280 --> 00:05:26,650 >> Peki bu gider ne Bu zarfın içinde. 131 00:05:26,650 --> 00:05:29,780 Ve olsun / Sadece vermek anlamına gelir Beni varsayılan web sayfası. 132 00:05:29,780 --> 00:05:32,700 Bana sert kök ver Bu web sunucusu üzerinde sürücü. 133 00:05:32,700 --> 00:05:36,050 Ve umarım, web Tamam, ile cevap verecektir sunucu 134 00:05:36,050 --> 00:05:39,630 sadece ve sayı 200, evet, hepsi, diyerek bir kongre 135 00:05:39,630 --> 00:05:40,470 Gerçekten Tamam. 136 00:05:40,470 --> 00:05:41,680 İşte sayfası var. 137 00:05:41,680 --> 00:05:45,510 Web sayfasının tipi gidiyor Metin, ama daha özel olarak ise, HTML 138 00:05:45,510 --> 00:05:47,010 hangi biz geri dalmak üzereyiz. 139 00:05:47,010 --> 00:05:49,877 Ve nokta nokta sadece dot araçlar, burada HTML. 140 00:05:49,877 --> 00:05:51,710 Ve bu nerede biz Bugün hikayeyi pick up, 141 00:05:51,710 --> 00:05:55,740 Aslında, HTML yazma Köprü Metni Biçimlendirme Dili, hangi 142 00:05:55,740 --> 00:05:57,727 bir dil olduğu web sayfaları yazılır. 143 00:05:57,727 --> 00:05:59,060 Bir programlama dili değil. 144 00:05:59,060 --> 00:06:01,270 Hiçbir fonksiyonlar var ya da halkaları ya da koşullar. 145 00:06:01,270 --> 00:06:03,800 Bu bir biçimlendirme dili var, de bugün tekrar bakın, 146 00:06:03,800 --> 00:06:07,240 Bu sizin belirlemenizi sağlar yapısı ve stilize nasıl 147 00:06:07,240 --> 00:06:09,300 estetik bir web sayfası. 148 00:06:09,300 --> 00:06:11,470 >> Yani bu bir oldu ve sadece sayfa biz gerçekten 149 00:06:11,470 --> 00:06:13,930 kısaca eğer Pazartesi günü, baktı. 150 00:06:13,930 --> 00:06:16,250 Ve bir kaç fark göze çarpan özellikleri. 151 00:06:16,250 --> 00:06:20,170 Açık açılı bir sürü var braket ve yakın açılı ayraç. 152 00:06:20,170 --> 00:06:23,160 Bu açılı Arasında parantez kelimeler. 153 00:06:23,160 --> 00:06:25,660 Ve biz başlatmak için gidiyoruz bu kelimeler etiketleri arıyor. 154 00:06:25,660 --> 00:06:28,800 Yani açık dirsek kafa ve kapalı dirsek kafa 155 00:06:28,800 --> 00:06:33,620 açık ve kapalı etiketleri, veya başlangıç ​​ve bitiş etiketleri 156 00:06:33,620 --> 00:06:37,660 sırasıyla, bir HTML elemanı, biz arayacağım gibi, kafa çağırdı. 157 00:06:37,660 --> 00:06:41,760 Ve aynı jargon geçerlidir HTML ve benzeri gövdeye. 158 00:06:41,760 --> 00:06:43,970 >> Ve ne güzel olduğunu HTML-- ve gerçekten, biz olacak 159 00:06:43,970 --> 00:06:47,187 Bunun üzerine korkunç az zaman harcamak, Eğer çoğunlukla sadece anlamaya olacak çünkü 160 00:06:47,187 --> 00:06:49,770 ne o özellikleri sizi vardır aslında somut bir sorun var 161 00:06:49,770 --> 00:06:52,820 Eğer bulacaksınız solve-- için Bir tarayıcı oldukça aptal. 162 00:06:52,820 --> 00:06:56,450 Sadece farklı değil sanıyor- gidiyor Yapmanız bunu söylemek ne computer--. 163 00:06:56,450 --> 00:06:59,279 Ve böylece açıkken çok üstünde dirsek, HTML 164 00:06:59,279 --> 00:07:01,320 Orada, o aslında Sadece demek, hey, tarayıcı, 165 00:07:01,320 --> 00:07:04,090 Burada HTML ile yazılmış bir web sayfası geliyor. 166 00:07:04,090 --> 00:07:06,130 >> Açık dirsek gördüğünde Sadece anlamına kafa, 167 00:07:06,130 --> 00:07:10,350 Hey, tarayıcı, burada kafa geliyor, ya da benim web sayfasının en üst kısmı. 168 00:07:10,350 --> 00:07:14,192 Kapalı bir ayraç gördüğünde Sadece hey, demek kafa, 169 00:07:14,192 --> 00:07:15,150 Bu kafa için var. 170 00:07:15,150 --> 00:07:16,420 Başka bir şey için bekleme. 171 00:07:16,420 --> 00:07:18,878 Ve başka bir şey değildir görünüşte vücut olacak. 172 00:07:18,878 --> 00:07:22,630 Ve bir etiket gibi yoksa zaman Eğer, sadece merhaba, virgül, dünya var 173 00:07:22,630 --> 00:07:26,610 bu sadece ham metin olacak ki sonuçta ekranda görüntülenir. 174 00:07:26,610 --> 00:07:29,220 >> Şimdi, sen de fark edeceksiniz Burada girinti. 175 00:07:29,220 --> 00:07:32,160 Muhtemelen çıkarabiliriz nasıl bunu stylizing ediyoruz. 176 00:07:32,160 --> 00:07:34,850 Ben bir etiket her açtığınızda, tabiri caizse, ben girinti. 177 00:07:34,850 --> 00:07:38,540 Ve her zaman kapatın Bir etiket, ben un-girinti, 178 00:07:38,540 --> 00:07:40,690 kaşlı ayraçlar ruhu benzer. 179 00:07:40,690 --> 00:07:43,470 Ve bunun ötesinde, ben tür değilim Benim yargı kullanarak. 180 00:07:43,470 --> 00:07:48,380 Ben isabet rahatsız etmedi Bildirimi Bu başlık etiketi içinde girin. 181 00:07:48,380 --> 00:07:48,990 Neden? 182 00:07:48,990 --> 00:07:51,920 Eh, ben sadece bir baktım karar Bana biraz daha temiz, insan, 183 00:07:51,920 --> 00:07:53,181 sadece yapıyor rahatsız değil. 184 00:07:53,181 --> 00:07:54,930 Yani yine, orada bazı yargı sadece aramaları 185 00:07:54,930 --> 00:07:57,670 gibi C veya herhangi bir dilde yoktur. 186 00:07:57,670 --> 00:08:04,110 >> Ama haber çok bu girinti Bir zihinsel modeli kendisini ödünç, 187 00:08:04,110 --> 00:08:05,670 değil bunu zorlaştırmak fazla olmaktadır. 188 00:08:05,670 --> 00:08:07,020 Ama bir ağaç, değil mi? 189 00:08:07,020 --> 00:08:09,290 Bir web düşünüyorsanız sayfa, görünüşe göre yazılı 190 00:08:09,290 --> 00:08:12,050 Bu gibi olarak güzel, bu şekilde girintili 191 00:08:12,050 --> 00:08:17,390 neredeyse açık dirsek düşünebilirsiniz HTML kapalı dirsek etiketi demarcating olduğunu 192 00:08:17,390 --> 00:08:21,380 Bir düğümün kök, bir aile ağacı ağaçların tarzında tarzı düğüm 193 00:08:21,380 --> 00:08:22,900 Geçen Cuma baktı. 194 00:08:22,900 --> 00:08:27,630 >> Ve gerçekten, biz burada sağda var Biz DOM, D-O-M, belge arayacağım ne 195 00:08:27,630 --> 00:08:31,680 nesne modeli, diyerek bir fantezi yolu Bu HTML temsil eden bir ağaç. 196 00:08:31,680 --> 00:08:36,140 Ve HTML olduğunu fark, biz söyleyeceğim Bir aile ağacı, iki çocuk gibi. 197 00:08:36,140 --> 00:08:37,659 Sol tarafta başıdır. 198 00:08:37,659 --> 00:08:39,179 Sağda organıdır. 199 00:08:39,179 --> 00:08:44,220 >> Ve sadece bir akılsız düşünce egzersizi olarak, Baş, elbette, kaç çocuğu var 200 00:08:44,220 --> 00:08:46,070 Bu yapıya göre,? 201 00:08:46,070 --> 00:08:48,200 Yani sadece bir, title-- Elimizdeki bu yüzden ve bu var 202 00:08:48,200 --> 00:08:50,580 başlık baş giden ok. 203 00:08:50,580 --> 00:08:55,110 Yani bu kişi sanki bulunuyor Aile ağacı sadece bir yavru vardı. 204 00:08:55,110 --> 00:08:58,230 Ve sonra başlık kendisi can de bir çocuk sahibi olmak söylenebilir. 205 00:08:58,230 --> 00:09:01,780 >> HTML olduğunu hatırlayın merhaba, virgül, altındaki dünya. 206 00:09:01,780 --> 00:09:06,090 Ve ben sadece bir içinde boğuldum yerine dikdörtgen, oval, sadece 207 00:09:06,090 --> 00:09:10,559 Bu halde semantik iletmek o yüzden konuşmak, ağaçtaki bir düğüm var, 208 00:09:10,559 --> 00:09:12,100 bu tür temelden farklı. 209 00:09:12,100 --> 00:09:12,800 Bu bir etiket değil. 210 00:09:12,800 --> 00:09:14,780 Ya da daha doğrusu, bir unsur değil. 211 00:09:14,780 --> 00:09:16,590 Eğer sen bu, sadece bir metin düğümü var. 212 00:09:16,590 --> 00:09:18,990 Ancak bu tamamen keyfi insan sözleşmeler. 213 00:09:18,990 --> 00:09:23,180 Bu sadece şimdi benim yolu Bir agrega olarak ne ben olacak temsil 214 00:09:23,180 --> 00:09:24,340 Belgeyi diyoruz. 215 00:09:24,340 --> 00:09:27,750 >> Ve bir kenara, bir şey gibi en Süper sol üst köşesi, 216 00:09:27,750 --> 00:09:32,080 Açık dirsek ünlem doc tipi, HTML, bu, bir etiketi gibi görünüyor 217 00:09:32,080 --> 00:09:35,560 ama aptal köşe durumda nerede Bu sadece orada, kopyalanan ve yapıştırılan olduğunu 218 00:09:35,560 --> 00:09:38,460 tarayıcılar belirtmek için Bu HTML versiyonu 5'tir. 219 00:09:38,460 --> 00:09:41,540 Dünya ne sürekli değişiyor Bir sayfada kodun ilk satırı olmalıdır. 220 00:09:41,540 --> 00:09:43,820 Bu sadece sürüm 5 anlamına gelir. 221 00:09:43,820 --> 00:09:45,950 Yani oldukça yok diğerleri gibi görünüyorsun. 222 00:09:45,950 --> 00:09:48,120 >> Bu öylesine Pekala, Şimdi takdir edersiniz, dedi 223 00:09:48,120 --> 00:09:50,767 Bu oldukça bu aptal dövme birisi var. 224 00:09:50,767 --> 00:09:51,990 >> [KAHKAHA] 225 00:09:51,990 --> 00:09:54,210 >> DAVID J MALAN: Pekala, ve şimdi aslında dalış yapalım 226 00:09:54,210 --> 00:09:55,710 Bu bir şey yapmaya. 227 00:09:55,710 --> 00:09:58,610 Bunu son kez Hatırlayacaksınız Ben CS50 Appliance açtı 228 00:09:58,610 --> 00:10:01,650 ve ben bir şey yaptım açılması gedit gibi basit. 229 00:10:01,650 --> 00:10:05,190 Ve ben bile dosyayı kaydettiğiniz Benim desktop-- hiçbir special-- 230 00:10:05,190 --> 00:10:05,870 hello.html olarak. 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> Peki bana bunu izin again-- hello.html girin. 233 00:10:10,984 --> 00:10:13,900 Ve şimdi bu dosyada, ben gidiyorum go ahead ve çoğaltmak ne sadece 234 00:10:13,900 --> 00:10:18,850 Ben-- doc tipi html Sonra ben gidiyorum Açık dirsek html kapalı dirsek yapmak. 235 00:10:18,850 --> 00:10:21,890 Ve sonra ben preemptively gidiyorum açmak ve etiketi kapatın. 236 00:10:21,890 --> 00:10:22,390 Neden? 237 00:10:22,390 --> 00:10:23,598 Sadece bu yüzden daha sonra unutma. 238 00:10:23,598 --> 00:10:26,850 Bu açılması gibi, sadece iyi bir uygulama var ve tek seferde kapatma küme ayraçları. 239 00:10:26,850 --> 00:10:28,900 >> Ve sonra ne sonraki geldi? 240 00:10:28,900 --> 00:10:30,582 Sen dövme düşünebilirsiniz. 241 00:10:30,582 --> 00:10:31,450 >> İZLEYİCİ: kafa. 242 00:10:31,450 --> 00:10:32,500 >> DAVID J MALAN: Baş. 243 00:10:32,500 --> 00:10:36,020 Ve sonra burada, ben başlığı vardı, sanırım. 244 00:10:36,020 --> 00:10:39,886 Ve başlık, keyfi oldu merhaba, dünya yakın başlık. 245 00:10:39,886 --> 00:10:42,760 Ve sonra buraya, vücut, ve elbette-- sonra vücut etiketi kapatın. 246 00:10:42,760 --> 00:10:45,660 Ve sonra sadece biraz Yedekli, Ben buraya aynı şey vardı. 247 00:10:45,660 --> 00:10:47,150 >> Yani bu bir web sayfası olduğunu iddia ediyor. 248 00:10:47,150 --> 00:10:49,050 Bu bir şey olduğunu Şimdi web üzerinde yaşayabilir, 249 00:10:49,050 --> 00:10:51,925 Hatta tabii rağmen, tam anlamıyla var Şu anda benim masaüstünde yaşayan. 250 00:10:51,925 --> 00:10:55,837 Ancak gerçekten, bir gEdit en aza indirmek eğer Ben masaüstünde simgesi görürsünüz. 251 00:10:55,837 --> 00:10:58,420 Bu cihaz olsa da, Mac OS bu yapabileceğini 252 00:10:58,420 --> 00:11:01,580 TextEdit olmayan veya Hatta Not Defteri Windows. 253 00:11:01,580 --> 00:11:06,115 >> Ve ben go ahead ve eğer çift tıklayın bile, ve select-- iyi, diyelim 254 00:11:06,115 --> 00:11:07,990 çünkü seçmeyin Krom açılış değil. 255 00:11:07,990 --> 00:11:09,281 En go ahead ve Chrome'u açalım. 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 Ve sonra komut-O açık yapmak Ve benim masaüstüne gidin 258 00:11:14,040 --> 00:11:15,320 ve bu dosyayı açın. 259 00:11:15,320 --> 00:11:20,120 Bir tarayıcı nasıl yorumlayacağını budur HTML, alt üst, soldan sağa. 260 00:11:20,120 --> 00:11:21,314 Hey, tarayıcı burada HTML var. 261 00:11:21,314 --> 00:11:21,980 İşte kafa. 262 00:11:21,980 --> 00:11:23,250 İşte başlık var. 263 00:11:23,250 --> 00:11:24,090 İşte vücut. 264 00:11:24,090 --> 00:11:26,620 Ve gerçekten de, bu nasıl bu web sayfasını oluşturur. 265 00:11:26,620 --> 00:11:27,800 >> Ama URL'yi dikkat edin. 266 00:11:27,800 --> 00:11:32,430 Hiçbiriniz bu spesifik yukarı çekin şu anda dizüstü sayfa, 267 00:11:32,430 --> 00:11:34,910 Hatta içinde edin Bu URL yoluyla cihaz, 268 00:11:34,910 --> 00:11:40,130 dosyanın nedeniyle: // aslında olduğunu gösterir Benim dosya sisteminde, benim sabit disk, 269 00:11:40,130 --> 00:11:40,990 senin değil. 270 00:11:40,990 --> 00:11:42,440 Yani bu tüm bu yararlı değildir. 271 00:11:42,440 --> 00:11:44,940 >> Şimdi doğru hareket edelim gerçek bir web sunucusu kullanarak. 272 00:11:44,940 --> 00:11:48,309 Ve CS50 Appliance çıkıyor Sadece bir ortamda nerede daha fazla 273 00:11:48,309 --> 00:11:51,100 C kodu yazmak ve derlemek Eğer yapıyorum gibi ve çalıştırın. 274 00:11:51,100 --> 00:11:55,500 Ayrıca tarafından yapılandırıldı Personel tipik bir web temsil etmek 275 00:11:55,500 --> 00:11:58,290 internette var sunucu, sen ödemek için olabilir bir 276 00:11:58,290 --> 00:12:00,210 Sözde bulut öyle ya da bir. 277 00:12:00,210 --> 00:12:02,600 >> Ve çalışıyor Standart ücretsiz açık kaynak kodlu 278 00:12:02,600 --> 00:12:06,160 Yazılım, örneğin, bir şey belki de denir Apache, 279 00:12:06,160 --> 00:12:08,700 hala en popüler web Dünyada sunucu yazılımı 280 00:12:08,700 --> 00:12:11,030 web siteleri binlerce bugün kullandığımız söyledi. 281 00:12:11,030 --> 00:12:13,420 Ve o da, hatta sahiptir MySQL gibi yazılım, 282 00:12:13,420 --> 00:12:16,240 hangi bir veritabanı sunucusu biz sonunda alırsınız ki, 283 00:12:16,240 --> 00:12:18,330 Hangi demek sadece Ben tedavi başlayabilirsiniz 284 00:12:18,330 --> 00:12:22,040 tam teşekküllü sunucusu olarak benim cihaz ben başka bir yerde ödeme değilim. 285 00:12:22,040 --> 00:12:25,980 Sadece benim kendi laptop yaşıyor geliştirme ve kolaylık sağlamak amaçlı. 286 00:12:25,980 --> 00:12:27,870 >> Yani öncesinde gidelim ve Bu yararlanın. 287 00:12:27,870 --> 00:12:30,120 Ben önde gitmek için gidiyorum ve Bir terminal penceresi açın. 288 00:12:30,120 --> 00:12:33,030 Ve ben önde gitmek için gidiyorum ve İlk ben, aslında move-- 289 00:12:33,030 --> 00:12:34,860 Benim masaüstüne gitmek için gidiyoruz. 290 00:12:34,860 --> 00:12:36,400 Ben ls yaparsanız, hello.html var. 291 00:12:36,400 --> 00:12:37,022 292 00:12:37,022 --> 00:12:38,730 Ve ben gidiyorum önde ve kullanmaya başlamak 293 00:12:38,730 --> 00:12:40,800 biz ettik, yeni bir dizin Bugün önce kullanılmaz. 294 00:12:40,800 --> 00:12:46,840 >> Hello.html-- ben hareket edeceğim Sanal hosts-- için ../vhosts için 295 00:12:46,840 --> 00:12:50,940 Daha sonra future-- ve bu konuda daha fazla localhost adlı bir dizine, 296 00:12:50,940 --> 00:12:54,420 Neredeyse verilen takma hangi herhangi bir bilgisayar, bir Mac, PC olsun, 297 00:12:54,420 --> 00:12:57,560 Linux bilgisayar, ve sonra ya Özellikle bir dizine ki, 298 00:12:57,560 --> 00:13:01,260 Personel zaten sizin ne için yaratılmış Aradığınız cihazı indirilen 299 00:13:01,260 --> 00:13:01,760 Kamu. 300 00:13:01,760 --> 00:13:04,551 Ve onun adını, bir şey anlaşılacağı gibi Ben, teoride, bu klasöre koymak 301 00:13:04,551 --> 00:13:07,790 Şimdi olacak Kamu, en azından insanlara 302 00:13:07,790 --> 00:13:10,030 doğrudan kim Benim bilgisayar bağlantısı. 303 00:13:10,030 --> 00:13:13,160 >> Peki şimdi beni önde gitmeme izin ve aynı dizine cd yapmak 304 00:13:13,160 --> 00:13:15,490 bu yüzden ne görebiliyorum oluyor ve tipi ls. 305 00:13:15,490 --> 00:13:17,630 Ve gerçekten de, işte Orada tek şey. 306 00:13:17,630 --> 00:13:23,250 Şimdi ben bu koyduk, çünkü iddia Bir dizinin içinde hello.html dosya 307 00:13:23,250 --> 00:13:26,940 Bir dizinin kamu içinde denir Bir dizinin içinde denir localhost 308 00:13:26,940 --> 00:13:29,810 adı vhosts, burada CS50 personeli sayesinde 309 00:13:29,810 --> 00:13:34,390 olmak üzere önceden konfigüre edilmiştir web sunucusu kök, 310 00:13:34,390 --> 00:13:36,900 Ben şimdi umarım bu yapabilirsiniz. 311 00:13:36,900 --> 00:13:38,390 >> Yeni bir sekme açmak için gidiyorum. 312 00:13:38,390 --> 00:13:40,090 //: Ve ben dosya değil gideceğim. 313 00:13:40,090 --> 00:13:44,520 Ben gerçek kullanmak için gidiyorum http / localhost, burada 314 00:13:44,520 --> 00:13:47,470 Yine, takma addır Kendi sunucu için. 315 00:13:47,470 --> 00:13:51,085 Ve sonra ben gitmek için gidiyorum ne dosya adı, sadece temiz olması için? 316 00:13:51,085 --> 00:13:52,680 317 00:13:52,680 --> 00:13:54,320 Bu hikaye muhtemelen nereye gidiyor? 318 00:13:54,320 --> 00:13:56,066 319 00:13:56,066 --> 00:13:56,565 hello.html. 320 00:13:56,565 --> 00:13:58,350 321 00:13:58,350 --> 00:14:04,270 >> Yani diğer bir deyişle, ben şimdi bu istiyorum Kendi bilgisayar, benim kendi cihaz, bir 322 00:14:04,270 --> 00:14:05,660 gerçek bir sunucu var sanki. 323 00:14:05,660 --> 00:14:07,490 Onun takma localhost edilir. 324 00:14:07,490 --> 00:14:10,210 Ama localhost düşünüyorum gibi Facebook.com google.com, ne olursa olsun. 325 00:14:10,210 --> 00:14:11,600 Bu sadece benim yerel isim. 326 00:14:11,600 --> 00:14:14,810 Ve sonra ben istiyorum finalde ise Sabit diskin kök, yani, konuşmak 327 00:14:14,810 --> 00:14:17,729 veya web sunucusu kök, Daha sonra eğik çizgi ergo ve 328 00:14:17,729 --> 00:14:18,770 dosya adı hello.html. 329 00:14:18,770 --> 00:14:19,880 330 00:14:19,880 --> 00:14:21,930 >> Beni uzaklaştırmak ve Enter tuşuna basın edelim. 331 00:14:21,930 --> 00:14:24,266 Ve gerçekten de, şimdi benim web sayfası var. 332 00:14:24,266 --> 00:14:25,390 Yani biraz farklı. 333 00:14:25,390 --> 00:14:26,880 Ve bu sadece underwhelming olarak var. 334 00:14:26,880 --> 00:14:27,904 Bu eski versiyonu. 335 00:14:27,904 --> 00:14:29,070 Bana geri yazı küçültmek edelim. 336 00:14:29,070 --> 00:14:29,745 Bu eski. 337 00:14:29,745 --> 00:14:30,890 Bu yeni. 338 00:14:30,890 --> 00:14:35,430 Ama temelde ne oluyor Şimdi HTTP kullanılıyor olmasıdır. 339 00:14:35,430 --> 00:14:39,344 >> Şimdi bu biraz daha net veya yapalım, Biraz daha karmaşık, eğer sen. 340 00:14:39,344 --> 00:14:41,760 Beni sağ alt gidelim Benim cihazın köşesinde. 341 00:14:41,760 --> 00:14:44,000 Ve tüm bu fark Zaman, bir dizi oldu. 342 00:14:44,000 --> 00:14:47,330 Bu benzersiz adres senin CS50 Appliance. 343 00:14:47,330 --> 00:14:50,800 Bu, özel bir adres var 172,16 ima ettiği, 344 00:14:50,800 --> 00:14:53,860 hangi sadece sadece fiziksel anlamı Bu web sunucusuna erişebilir. 345 00:14:53,860 --> 00:14:56,340 Her şey güvenlik duvarı ve güzel geri kalanı korunmaktadır 346 00:14:56,340 --> 00:14:58,130 Çünkü bu dünyanın hitap. 347 00:14:58,130 --> 00:15:01,920 Ben gidersem >> Ve şimdi olsa fark benim cihazda bu adres, 348 00:15:01,920 --> 00:15:04,340 ancak Mac OS-- ben gidiyorum Buraya geri dönmek için. 349 00:15:04,340 --> 00:15:05,930 Bu artık benim Mac. 350 00:15:05,930 --> 00:15:08,460 Ve şimdi açmak için gidiyorum Burada Chrome'un bu sürümü. 351 00:15:08,460 --> 00:15:17,370 Ve ben http gitmek için gidiyorum: //172.16.25 / Ve ben rest-- 133 unutma. 352 00:15:17,370 --> 00:15:25,210 >> Yani benim Mac ziyaret edeceğim Bu IP adresi girin /hello.html. 353 00:15:25,210 --> 00:15:29,850 Ve şimdi benim Mac görmek Benim CS50 Appliance ki, kim 354 00:15:29,850 --> 00:15:32,600 IP adresi olduğunu sayı, gerçekten davranıyor 355 00:15:32,600 --> 00:15:34,320 internet üzerinde bir web sunucusu gibi. 356 00:15:34,320 --> 00:15:36,944 Bu güzel kolay yok Facebook.com gibi adını hatırlıyorum, 357 00:15:36,944 --> 00:15:40,370 ama HTTP kullanıyor görünüşe göre, olsa Krom 358 00:15:40,370 --> 00:15:43,560 tür dünyasını basitleştirilmesi olduğunu Bizim için ancak HTTP bize gösteren değil. 359 00:15:43,560 --> 00:15:46,210 Ama bu gerçekten tam olarak bu. 360 00:15:46,210 --> 00:15:48,470 Krom sadece bazı tasarruf bu gün tuş vuruşlarını. 361 00:15:48,470 --> 00:15:50,530 Ve biz şimdi bakın ne. 362 00:15:50,530 --> 00:15:51,890 >> Yani güzel ve iyi hepsi. 363 00:15:51,890 --> 00:15:53,740 Ama oldukça underwhelming sayfası var. 364 00:15:53,740 --> 00:15:56,230 Beni gidip bir şeyler yapalım Şimdi biraz farklı. 365 00:15:56,230 --> 00:15:57,910 Bu yüzden bana gedit geri dönelim. 366 00:15:57,910 --> 00:16:00,580 Ve yerine merhaba arasında, Dünya, en bir görüntü koyalım. 367 00:16:00,580 --> 00:16:05,880 Ve ben gitmeme izin before-- gelen talep Benim localhost dizin halkın içine. 368 00:16:05,880 --> 00:16:10,580 Ve beni go ahead ve bir kopyalama izin Bugünden itibaren dosyaların sürü 369 00:16:10,580 --> 00:16:15,633 Benim Dropbox klasörüne buraya takın. 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 Ben ls yazarsanız >> Şimdi, bak Tüm bu dosyalara 372 00:16:21,680 --> 00:16:24,940 Ben tarafından dağıtılan ettik bugün önceden dersin web sitesini, 373 00:16:24,940 --> 00:16:26,830 biri hala hello.html olduğunu. 374 00:16:26,830 --> 00:16:27,830 Yani bu bir var. 375 00:16:27,830 --> 00:16:30,730 Ve bu aptal bir hatırlama Son seferinde-- cat.jpg gelen. 376 00:16:30,730 --> 00:16:34,550 Bu yüzden bana embed deneyelim Benim web sayfası içinde cat.jpg. 377 00:16:34,550 --> 00:16:37,690 >> Ben önde gitmek için gidiyorum ve, cat.jpg yapmak kaydedin. 378 00:16:37,690 --> 00:16:38,950 Bana Chrome geri dönelim. 379 00:16:38,950 --> 00:16:41,140 Ve bana yakınlaştırmak izin yazı tipi ve şimdi yeniden. 380 00:16:41,140 --> 00:16:43,090 381 00:16:43,090 --> 00:16:45,030 Üzgünüz, bu nereye koydu? 382 00:16:45,030 --> 00:16:48,210 383 00:16:48,210 --> 00:16:51,520 Standby-- ben hala eski var Benim masaüstü açıkken sürüm. 384 00:16:51,520 --> 00:16:56,020 Yani benim, benim Sankon içine gidelim localhost, benim halk ve hello.html. 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 Yani şimdi beni önde gitmeme izin ve vücudun içinde cat.jpg demek 387 00:17:00,670 --> 00:17:02,830 Ben istiyorum nerede olmak görüntülenir ve yeniden. 388 00:17:02,830 --> 00:17:04,560 Tabii ki, bu doğru değildir. 389 00:17:04,560 --> 00:17:08,050 >> Yüzden biraz tarayıcı söylemek gerekir daha bilinçli ben bunu yapmak istediğinizi. 390 00:17:08,050 --> 00:17:10,210 Sadece adı yazarak Açıkçası yeterli değildir. 391 00:17:10,210 --> 00:17:15,134 Yani başka olduğunu hatırlamak etiketi, görüntü, kısa img. 392 00:17:15,134 --> 00:17:17,550 Bu sadece insanlar için var tipi tam kelime sevmiyorum. 393 00:17:17,550 --> 00:17:19,050 Ve sonra = "cat.jpg" kaynak yapabilirsiniz. 394 00:17:19,050 --> 00:17:21,470 395 00:17:21,470 --> 00:17:23,550 >> Ve şimdi ben yapacağım Burada bir şey farklı. 396 00:17:23,550 --> 00:17:25,390 Hatta tüm rağmen Bizim etiketleri bugüne kadar var 397 00:17:25,390 --> 00:17:28,086 Bir bu kavramı vardı başlangıç ​​etiketi ve bir bitiş etiketi, 398 00:17:28,086 --> 00:17:30,210 gerçekten yapmaz Bir görüntünün duygusu, değil mi? 399 00:17:30,210 --> 00:17:32,430 Bir görüntü ya var ya da yok orada. 400 00:17:32,430 --> 00:17:36,650 Ve böylece insanlar gelmiş basit bir kongre ile. 401 00:17:36,650 --> 00:17:40,310 Bir etiketi varsa o can hem başlatıp aynı olan Zamanın sona 402 00:17:40,310 --> 00:17:43,790 o yüzden sadece speak-- için, boş olabilir etiketinin içine eğik çizgi koymak 403 00:17:43,790 --> 00:17:44,710 en sonunda. 404 00:17:44,710 --> 00:17:45,776 405 00:17:45,776 --> 00:17:47,150 Şimdi benim tarayıcıya geri dönelim. 406 00:17:47,150 --> 00:17:50,377 Sayfaya Lanet, bir terslik var Hit. 407 00:17:50,377 --> 00:17:52,460 Muhtemelen bu gördüm bazen web üzerinde, 408 00:17:52,460 --> 00:17:53,600 bile bu senin hatan olmadı. 409 00:17:53,600 --> 00:17:54,766 Bu web sunucunun suçu. 410 00:17:54,766 --> 00:17:56,240 Ne gazeller bu işaret ediyor? 411 00:17:56,240 --> 00:17:57,450 412 00:17:57,450 --> 00:17:58,009 Bu kırık. 413 00:17:58,009 --> 00:17:59,300 Görüntü nereye ait olduğunu. 414 00:17:59,300 --> 00:17:59,700 Evet? 415 00:17:59,700 --> 00:18:01,560 >> İZLEYİCİ: Ama öyle değil görüntü erişimi vardır. 416 00:18:01,560 --> 00:18:03,070 >> DAVID J MALAN: Bu değil görüntü erişimi vardır. 417 00:18:03,070 --> 00:18:05,230 Yani, ya da daha kötüsü, belki o bile yok. 418 00:18:05,230 --> 00:18:06,729 Biz teşhis edemez görelim. 419 00:18:06,729 --> 00:18:09,390 Son kez hatırlayın eğer Chrome'da, cihazda, 420 00:18:09,390 --> 00:18:11,870 hatta sizin Mac veya PC üzerinde, Eğer Geliştirici menüsüne gidin 421 00:18:11,870 --> 00:18:14,650 ve Geliştirici Araçları gitmek seçenek, muhtemelen ettik 422 00:18:14,650 --> 00:18:16,850 çok değil ya şimdiye kadar kullanılan. 423 00:18:16,850 --> 00:18:20,780 Ve ben Ağa gidersem ve sayfayı yeniden yükleyin, 424 00:18:20,780 --> 00:18:24,110 en aslında HTTP bakalım yapılıyor istekleri. 425 00:18:24,110 --> 00:18:28,400 Hello.html gibi >> görünüyor gerçekten Tamam, dolayısıyla 200. 426 00:18:28,400 --> 00:18:30,630 Ama cat.jpg 403 olduğunu. 427 00:18:30,630 --> 00:18:31,650 Yani bir 404 değil. 428 00:18:31,650 --> 00:18:33,490 Dosya muhtemelen var. 429 00:18:33,490 --> 00:18:35,250 403 yasak anlamına gelir. 430 00:18:35,250 --> 00:18:37,790 Yani bu biraz kafa karıştırıcı. 431 00:18:37,790 --> 00:18:42,340 Geri dönmek için gidiyorum Benim Terminal penceresine. 432 00:18:42,340 --> 00:18:43,700 Beni buraya yakınlaştırmak edelim. 433 00:18:43,700 --> 00:18:44,750 Ve bana bir ls yapalım. 434 00:18:44,750 --> 00:18:46,430 Bu aynı dosyaları var. 435 00:18:46,430 --> 00:18:49,410 >> Şimdi bana bir ls-l yapalım, muhtemelen ettik hangi 436 00:18:49,410 --> 00:18:53,350 dosyaya bakmak için daha önce kullanılmış boyutları, belki veya damgaları. 437 00:18:53,350 --> 00:18:55,590 Ve biz bir sürü görmek ezici bilgiler. 438 00:18:55,590 --> 00:18:57,040 Ama birkaç ayrıntı dikkat edin. 439 00:18:57,040 --> 00:19:01,660 İşte hello.html bu var Burada kürek ve burada cat.jpg var. 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 Ve bu varlık sadece cihaz var JPEG en vurgulayarak kullanıcı dostu 442 00:19:05,850 --> 00:19:07,380 Bu gibi mor. 443 00:19:07,380 --> 00:19:11,470 Ama başka ne yanında farklı dosya boyutu ve dosya adı? 444 00:19:11,470 --> 00:19:13,438 445 00:19:13,438 --> 00:19:14,754 >> İZLEYİCİ: [duyulamaz]. 446 00:19:14,754 --> 00:19:16,920 DAVID J MALAN: Evet, var burada üzerinde iki R. 447 00:19:16,920 --> 00:19:20,170 Hello.html oluyor ne dikkat edin. 448 00:19:20,170 --> 00:19:24,050 Bu yüzden adı çıkıyor Bu dizin kamu önemlidir. 449 00:19:24,050 --> 00:19:26,400 Bu dizindeki şey Kamu olması gerekiyordu. 450 00:19:26,400 --> 00:19:28,790 Ama yeterli değil sadece orada dosyaları bırakmak için. 451 00:19:28,790 --> 00:19:31,480 Ayrıca değiştirmek gerekir dosya modu 452 00:19:31,480 --> 00:19:35,180 izinlerini değiştirmek Dosya proaktif değil 453 00:19:35,180 --> 00:19:37,650 Varsayılan ayarı olacak, hangi sadece okudum olmasıdır 454 00:19:37,650 --> 00:19:39,220 ve ben sahibi olmak, yazmak. 455 00:19:39,220 --> 00:19:43,540 Ben bütün dünya herkes için istiyoruz tabiri caizse, benim dosyayı okumak mümkün. 456 00:19:43,540 --> 00:19:44,950 Sadece görüntülemek anlamına gelir oku. 457 00:19:44,950 --> 00:19:49,780 >> Ve gerçekten de, gibi sorun görürsünüz yedi set, ne bu R'ın ortalama var. 458 00:19:49,780 --> 00:19:53,160 Bu iki R'ın ortalama herkesi izin dünyanın başka da, okumak 459 00:19:53,160 --> 00:19:55,300 Özellikle şimdi Bu dizinde var. 460 00:19:55,300 --> 00:19:59,620 Yani bu düzeltmek için en basit yolu ise Benim istemine gidin ve değişim için chmod yapmak 461 00:19:59,620 --> 00:20:05,580 modu ve daha sonra, tamamen, bir + r yapmak Herkes, okuma, tüm artı r, 462 00:20:05,580 --> 00:20:07,944 ve daha sonra cat.jpg girin. 463 00:20:07,944 --> 00:20:10,360 Hiçbir şey, ne gibi görünüyor Genellikle iyi bir şey demektir. 464 00:20:10,360 --> 00:20:13,850 Şimdi again-- Yani ls-l en cat.jpg bakalım. 465 00:20:13,850 --> 00:20:15,750 Ve bu izin değişmiş gibi görünüyor. 466 00:20:15,750 --> 00:20:18,670 Gibi bir kenara, yaparsanız bir hata ve, örneğin, 467 00:20:18,670 --> 00:20:23,210 Sadece deneme biliyorsun-- yok Senin- yapılan kamuya kaza erişilebilir, 468 00:20:23,210 --> 00:20:25,480 Eğer tersini yapabilirsiniz, bir-r chmod. 469 00:20:25,480 --> 00:20:25,909 470 00:20:25,909 --> 00:20:28,200 Açıkçası olsa, o olmamalı Kamu dizinde 471 00:20:28,200 --> 00:20:29,760 Zaten bu endişe eğer. 472 00:20:29,760 --> 00:20:32,475 >> Peki şimdi en geri dönelim Benim tarayıcı ve yeniden. 473 00:20:32,475 --> 00:20:32,904 474 00:20:32,904 --> 00:20:34,820 Ve ben tıklayın gidiyorum Küçük Hayalet Avcıları 475 00:20:34,820 --> 00:20:38,030 sembolü o kısmını temizlemek için Ekran yüzden yeni istekleri görebilirsiniz. 476 00:20:38,030 --> 00:20:40,630 Ve gerçekten de, burada Önce gelen grump Kedi. 477 00:20:40,630 --> 00:20:43,010 Ama daha da önemlisi, Teknik olarak, orada 478 00:20:43,010 --> 00:20:45,565 numara 200, burada biz Tamam var demektir. 479 00:20:45,565 --> 00:20:47,190 Pekala, böylece ince ve iyi hepsi. 480 00:20:47,190 --> 00:20:48,940 Ama biz yapmıyoruz web sitelerinin en iyisi, 481 00:20:48,940 --> 00:20:51,967 ne de çok zor denemek için gidiyoruz web sitelerinin kıyafet bugün yapmak. 482 00:20:51,967 --> 00:20:54,550 Ama en azından bir şey yapalım tehdidi önce süper tanıdık 483 00:20:54,550 --> 00:20:56,030 Birkaç diğer etiketleri kapalı. 484 00:20:56,030 --> 00:20:58,470 Ben sadece burada bir kediyi istemiyorum varsayalım. 485 00:20:58,470 --> 00:21:02,530 Ben aslında bu istediğinizi varsayalım Kedi şey bağlamak için. 486 00:21:02,530 --> 00:21:07,210 >> Ben belki, örneğin Böyle bir şey yapmak. 487 00:21:07,210 --> 00:21:08,580 488 00:21:08,580 --> 00:21:12,890 çapa href bir hiper referans equals-- 489 00:21:12,890 --> 00:21:17,440 ve en adil bir şey yapalım www.google.com yakın gibi 490 00:21:17,440 --> 00:21:19,540 yakın desteğini alıntı. 491 00:21:19,540 --> 00:21:22,000 Ve şimdi Kediler için arayın. 492 00:21:22,000 --> 00:21:23,520 Kapat çapa etiketi. 493 00:21:23,520 --> 00:21:26,760 Yani bu sadece bir tür vardır bir temelde yeni detay. 494 00:21:26,760 --> 00:21:28,190 Tabii etiketi, farklı. 495 00:21:28,190 --> 00:21:31,770 Bu çapa için ad var href veya hiper referans. 496 00:21:31,770 --> 00:21:35,269 >> Ama daha da önemlisi, orada Burada bu sözdizimsel özellik. 497 00:21:35,269 --> 00:21:37,810 Bu bizim arayarak başlayacağız ne bir etiket, ama bir nitelik. 498 00:21:37,810 --> 00:21:40,830 Ve bir nitelik şeydir Bir etiketin davranışını değiştirir. 499 00:21:40,830 --> 00:21:45,400 Ve bu özellik, href, araçlar Bu çapa davranışını değiştirmek 500 00:21:45,400 --> 00:21:48,430 bu tıklandığında böylece Burada bu URL'ye gider. 501 00:21:48,430 --> 00:21:50,330 Ve tabii ki, bu URL Google'ın. 502 00:21:50,330 --> 00:21:53,951 >> Bu arada, bu ne olacak burada metin? 503 00:21:53,951 --> 00:21:55,950 Peki, bu olacak ne insan aslında 504 00:21:55,950 --> 00:21:58,470 Altı çizili olarak görüyor bağlantı, o kadar basit. 505 00:21:58,470 --> 00:21:59,220 Yani bu deneyelim. 506 00:21:59,220 --> 00:21:59,980 Bana kurtaralım. 507 00:21:59,980 --> 00:22:01,650 Ben hello.html hala yaşıyorum. 508 00:22:01,650 --> 00:22:05,360 Ama çevrimiçi sürümlerinde, göreceksin Biz gerçek dosya adları önceden hazırlanmış. 509 00:22:05,360 --> 00:22:06,805 Beni go ahead ve yeniden edelim. 510 00:22:06,805 --> 00:22:08,680 Ve şimdi çok var Hala underwhelming sayfa. 511 00:22:08,680 --> 00:22:10,910 Ama üzerinde gezdirin eğer orada-- ve biraz küçük 512 00:22:10,910 --> 00:22:13,576 ama- Eğer alt görebilirsiniz Ekranın sol köşesinde, 513 00:22:13,576 --> 00:22:15,242 gerçekten google.com gidiyor. 514 00:22:15,242 --> 00:22:19,280 Bunu tıklarsanız Ve, o olacak Bana gerçek Google'a yol fırçalamak. 515 00:22:19,280 --> 00:22:22,610 >> Ama burada bir fırsat fark Sadece bir kenara olarak sömürü,. 516 00:22:22,610 --> 00:22:25,150 Ve diğer geri geleceğiz uzun zaman önce güvenlik sorunları. 517 00:22:25,150 --> 00:22:29,290 Bu ikilemi var çünkü gitmek ve ne demek nereye arasında, 518 00:22:29,290 --> 00:22:34,722 Eğer böyle bir şey yapabileceğini bu-- http://www.google.com. 519 00:22:34,722 --> 00:22:37,134 Tamam, şimdi ben yeniden, eğer Bu sayfayı kaydettikten sonra, 520 00:22:37,134 --> 00:22:38,800 Google'a gidiyorum gibi görünüyor. 521 00:22:38,800 --> 00:22:40,966 Ama hiçbir sebep yok ben Doğru, Google gitmek zorunda? 522 00:22:40,966 --> 00:22:47,460 Aslında böyle bir şey gidebiliriz badguy.com, buraya sayfayı yeniden yükleyin. 523 00:22:47,460 --> 00:22:49,750 Ve haber, hala Google gibi görünüyor. 524 00:22:49,750 --> 00:22:52,020 Ve ben keskin değilim sadece Burada üzerinde gezdirin yeterli 525 00:22:52,020 --> 00:22:54,770 Ben bile gidiyor görüyorum farklı bir konuma gidin. 526 00:22:54,770 --> 00:22:57,400 >> Hiç kazanılmış ettik Yani eğer Bir e-posta, özellikle 527 00:22:57,400 --> 00:22:59,610 PayPal itibaren bir ya da görünüşte Paypal 528 00:22:59,610 --> 00:23:01,830 Seni soran oturum Hesabınıza, bu 529 00:23:01,830 --> 00:23:06,380 neden asla gerekir Hiç E-postalardaki bağlantıları tıklayın 530 00:23:06,380 --> 00:23:07,930 açıkçası, e-postalar herhangi bağlantıları. 531 00:23:07,930 --> 00:23:10,380 Eğer biliyorsanız gerçek var Paypal veya banka para 532 00:23:10,380 --> 00:23:14,250 Amerika veya Fidelity veya bunların herhangi birinin Web sitesi, elle yazın. 533 00:23:14,250 --> 00:23:17,530 O ne kadar kolay bakmak Çünkü sunulması halinde birisi kandırmak ne 534 00:23:17,530 --> 00:23:18,526 Bir bağlantı gibi görünüyor. 535 00:23:18,526 --> 00:23:20,400 Ama aslında olabilir Kesinlikle bir yere gitmek. 536 00:23:20,400 --> 00:23:23,301 >> Ve çok daha büyük var Bu daha tehditler. 537 00:23:23,301 --> 00:23:25,300 Aslında, bu biraz bir teğet şimdi, ama bir 538 00:23:25,300 --> 00:23:28,430 En iyi olanlar şimdiye kadar gördüğüm hangi beri, kapatıldı 539 00:23:28,430 --> 00:23:34,060 Birisi led insanlar Bu diyebilirsiniz yani amaçlara yönelik, 540 00:23:34,060 --> 00:23:37,660 oturum için buraya tıklayın senin Hesap, bir banka hesabı. 541 00:23:37,660 --> 00:23:40,985 Ve bu Batı'nın Bankası oldu. 542 00:23:40,985 --> 00:23:43,030 543 00:23:43,030 --> 00:23:44,250 >> Yani birisi bu aldım. 544 00:23:44,250 --> 00:23:47,090 Ve görmek için biraz daha kolay Bir tek aralıklı yazı o uzaklaştırdınız 545 00:23:47,090 --> 00:23:49,190 30 metrelik projektör üzerinde. 546 00:23:49,190 --> 00:23:51,720 Ama küçük yazı bir de ne zaman Eğer alıyorsanız e-posta, 547 00:23:51,720 --> 00:23:54,690 Bu bankofthewest.com gibi görünüyor, değil bankofthevvest.com, 548 00:23:54,690 --> 00:23:58,230 Hangi birisi satın almak için 10 $ ödemişti. 549 00:23:58,230 --> 00:24:00,840 Ve sonra bu onları açtı Bazı kötü sitesinde eşdeğer. 550 00:24:00,840 --> 00:24:05,540 Aslında biz yapabiliriz >> Ve too-- görürsünüz Ben gerçek web sitesine giderseniz bu--, 551 00:24:05,540 --> 00:24:10,335 bankofthewest.com, yine, son kez geri çağırma 552 00:24:10,335 --> 00:24:13,210 Bu web sayfası eğer ve Eğer, nasıl çalıştığını olarak meraklı 553 00:24:13,210 --> 00:24:15,610 kesinlikle gidebilirsiniz Chrome'un geliştirici araçları. 554 00:24:15,610 --> 00:24:18,890 Ve tüm görebilirsiniz HTML güzel orada biçimlendirilmiş. 555 00:24:18,890 --> 00:24:20,890 >> Ama noktaya daha Eğer en kapatalım cam-- 556 00:24:20,890 --> 00:24:24,760 Eğer görüntüle gidebilirsiniz bu-- Geliştirici Kaynağı. 557 00:24:24,760 --> 00:24:25,770 558 00:24:25,770 --> 00:24:28,350 Neden sadece kopya yok bütün bunlar Ve sonra ben 559 00:24:28,350 --> 00:24:31,630 benim küçük gedit penceresine geçebiliriz Burada benim kendi web sayfası yapmak. 560 00:24:31,630 --> 00:24:33,210 Hello.html bu kaydedin. 561 00:24:33,210 --> 00:24:36,770 Ve muhtemelen bu, kırmak için gidiyor genellikle bu kolay değil çünkü. 562 00:24:36,770 --> 00:24:41,590 Ama benim kendi sayfayı yeniden şimdi ise , CS50 Aletler ve hit yeniden kendi 563 00:24:41,590 --> 00:24:42,990 Tamam, bazı şeyler kırdı. 564 00:24:42,990 --> 00:24:45,750 Ama sahip oldukça yakın değilim Kendi bankacılık sitesi, değil mi? 565 00:24:45,750 --> 00:24:46,570 Tüm bu HTML-- 566 00:24:46,570 --> 00:24:47,370 >> [KAHKAHA] 567 00:24:47,370 --> 00:24:49,210 >> DAVID J MALAN: --Ben actually-- ve vermedi 568 00:24:49,210 --> 00:24:52,210 birileri orada olduğunu biliyorum kim aslında çok bu bağlantıları tıklıyorsunuz. 569 00:24:52,210 --> 00:24:54,864 Yani açıkça, bazı şeyler kırdı. 570 00:24:54,864 --> 00:24:56,780 Ama bu yol gidiyor Bir tartışma içine bizi, 571 00:24:56,780 --> 00:25:00,810 gereksiz yere şu anda, olarak ne CSS, basamaklı stil sayfaları, vardır 572 00:25:00,810 --> 00:25:03,410 ve nasıl aslında Diğer HTML dosyaları indir 573 00:25:03,410 --> 00:25:06,140 ve JPEG GIF dosyaları dosyaları olduğunu Web sitesi kullanıyor olabilirsiniz. 574 00:25:06,140 --> 00:25:07,960 Ama bütün accomplishable olduğunu. 575 00:25:07,960 --> 00:25:11,110 Ama gerçekten aşağı kaynar Bu çok basit sezgisel tarama. 576 00:25:11,110 --> 00:25:14,450 >> Peki şimdi sadece bir göz atmak diyelim HTML diğer örnekler çift 577 00:25:14,450 --> 00:25:16,680 Sadece bir fikir vermek için Yapabileceğiniz başka ne. 578 00:25:16,680 --> 00:25:18,670 Örneğin, bu list.html olup. 579 00:25:18,670 --> 00:25:23,240 Bir web sayfası yapmak istedim varsayalım dörtlü evlerin bir listesini. 580 00:25:23,240 --> 00:25:28,960 Ben sırasız için ul etiketi kullanabilir listesi ve ardından liste öğesi çocuk 581 00:25:28,960 --> 00:25:33,760 ve sonra, çakışık veya liste yineleme Söz konusu evler rather--. 582 00:25:33,760 --> 00:25:36,080 Ben bu kadar açarsanız >> Ve, hadi yapalım. 583 00:25:36,080 --> 00:25:40,670 En hello.html değil gidelim, ama list.html için. 584 00:25:40,670 --> 00:25:42,160 Kahretsin. 585 00:25:42,160 --> 00:25:43,000 Ben bu nasıl düzeltebilirim? 586 00:25:43,000 --> 00:25:45,679 587 00:25:45,679 --> 00:25:47,220 Bu doğru, daha önce olduğu gibi aynı sorun var? 588 00:25:47,220 --> 00:25:52,510 Bu yüzden bana chmod-- oops-- yapalım chmod a + list.html r. 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 Ve şimdi benim tarayıcıya geri dönmek durumunda ve Yeniden tıklatın, orada öyle. 591 00:25:59,610 --> 00:26:02,360 Yani hiç yapmak istedim eğer Bir madde işaretli liste, bunu yapabilirsiniz. 592 00:26:02,360 --> 00:26:06,210 Süper fantezi ve yapmak istiyorsanız Bir sıralı liste değil, bir sırasız liste, 593 00:26:06,210 --> 00:26:10,170 , ol için bu sayfayı yeniden değiştirmek ve Şimdi tarayıcı sizin için sayı olacaktır. 594 00:26:10,170 --> 00:26:11,241 >> Başka ne yapabiliriz? 595 00:26:11,241 --> 00:26:13,990 Eh, uzadıya bir çift ise Eğer text-- uzun paragraflar var 596 00:26:13,990 --> 00:26:15,698 Örneğin, bazı Bu-- gibi Latin metin 597 00:26:15,698 --> 00:26:20,730 ve ayrı paragraflarda istiyorum, Açık p, paragraf etiketi için yakın s. 598 00:26:20,730 --> 00:26:22,010 Ve tekrar ve tekrar yapmak. 599 00:26:22,010 --> 00:26:26,600 Ve şimdi bu dosyayı açarsanız, paragraphs.html, iyi, bu 600 00:26:26,600 --> 00:26:27,570 can sıkıcı oluyor. 601 00:26:27,570 --> 00:26:34,320 Yani şimdi sadece geri dönelim benim istemi, a + r r yıldızı chmod .html-- 602 00:26:34,320 --> 00:26:36,099 Bir güzel küçük vahşi kart tabiri caizse. 603 00:26:36,099 --> 00:26:37,890 Bu tüm düzeltmek gerekir Benim için bu sorunlar. 604 00:26:37,890 --> 00:26:38,990 En yeniden edelim. 605 00:26:38,990 --> 00:26:40,500 Üç paragraf var. 606 00:26:40,500 --> 00:26:42,930 >> Ve şimdi en önde gidelim ve diğeri açılır. 607 00:26:42,930 --> 00:26:44,310 Nasıl tablo hakkında? 608 00:26:44,310 --> 00:26:46,440 Sen tablo görünüyor fark edeceksiniz Biraz daha karmaşık. 609 00:26:46,440 --> 00:26:49,110 Fakat bu iyi düşünce bulunuyor Açık etiketi, açık etiket, 610 00:26:49,110 --> 00:26:51,360 açık açık, açık, kapalı etiketi, açık etiket. 611 00:26:51,360 --> 00:26:54,410 Ve bunlar için durmak için ne olan sınır tablosu, görünüşte 612 00:26:54,410 --> 00:26:58,500 Bir kalınlık olacak 1-- ne olursa olsun Bu means-- tablo satır, tablo 613 00:26:58,500 --> 00:27:00,320 bir hücre anlamına gelir veriler. 614 00:27:00,320 --> 00:27:03,840 Ve ben tarayıcıya geri dönmek durumunda Burada ve table.html gidin, 615 00:27:03,840 --> 00:27:05,840 Eğer bir şey görebilirsiniz Bu gibi çirkin. 616 00:27:05,840 --> 00:27:07,840 Ama biz noktaya alırsınız nerede biz aslında can 617 00:27:07,840 --> 00:27:09,260 Bundan daha güzel şeyler yapmak. 618 00:27:09,260 --> 00:27:10,530 >> Bu yüzden bana şimdi şart edelim. 619 00:27:10,530 --> 00:27:11,870 Daha fazla etiketleri salkımları var. 620 00:27:11,870 --> 00:27:15,225 Ve HTML almak için harika Çünkü, açıkçası, tüm yapmanız gereken 621 00:27:15,225 --> 00:27:17,600 mevcut web sayfalarına bakmak olduğunu hangi ile aşina. 622 00:27:17,600 --> 00:27:20,340 Ve oh, o nasıl, gibisin Onlar estetik yaptılar. 623 00:27:20,340 --> 00:27:23,159 >> Yoksa herhangi bir çevrimiçi bakabilirsiniz HTML nasıl çalıştığını olarak kaynak, 624 00:27:23,159 --> 00:27:25,700 ve bir var olduğunu göreceksiniz diğer etiketlerin tüm kelime. 625 00:27:25,700 --> 00:27:30,110 Ama basit bir zihinsel modeli ile tek başına açmak neredeyse her etiket 626 00:27:30,110 --> 00:27:33,620 Gerçekten, bunu kapatılması etti kendini öğretmek için yeterli geliyor 627 00:27:33,620 --> 00:27:36,950 HTML sonra anlamak etiketleri bu temel fikirler 628 00:27:36,950 --> 00:27:40,520 nitelikleri ve iyi biçimlilik ve Konuştuğumuz ettik, 629 00:27:40,520 --> 00:27:44,697 Biz açılabilir kapanış şey Bu yüzden biz bir tarayıcı karıştırmayın. 630 00:27:44,697 --> 00:27:46,780 Yani şimdi bu atalım Bir daha ilginç bir seviye 631 00:27:46,780 --> 00:27:48,100 Gerçek giderek. 632 00:27:48,100 --> 00:27:51,095 Ve benim Mac gidelim Burada, google.com için. 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 Ve şimdi notice-- yapalım şunu. 635 00:27:54,020 --> 00:27:57,280 Ben gitmek için gong ediyorum Ayarlar, Arama Ayarları. 636 00:27:57,280 --> 00:28:01,070 Ben bu can sıkıcı anlık kapatmak istiyorum Sonuçlar şey nerede hemen 637 00:28:01,070 --> 00:28:02,450 senin yazarak yanıt başlar. 638 00:28:02,450 --> 00:28:05,300 Bu yüzden bu eski okulu yapalım biz aslında neler görüyorum. 639 00:28:05,300 --> 00:28:08,260 >> Yani kurtarmak için gidiyorum benim Burada Google ayarları. 640 00:28:08,260 --> 00:28:11,160 Ve şimdi ben gidiyorum notice-- kedi gibi bir şey aramak. 641 00:28:11,160 --> 00:28:14,500 Ve hala auto yapıyor Burada tam ama şeyler dayalı 642 00:28:14,500 --> 00:28:15,970 İnsanlar geçmişte yazdığınız. 643 00:28:15,970 --> 00:28:17,490 Ama ne olacak ne fark. 644 00:28:17,490 --> 00:28:20,272 >> Şu anda URL Bu, sadece google.com. 645 00:28:20,272 --> 00:28:22,650 Ve teknik, bu çizgi var. 646 00:28:22,650 --> 00:28:25,910 Google sadece bir karakter tasarruf ediyor ve bizi gösteren değil. 647 00:28:25,910 --> 00:28:30,400 Onlar sadece bize https gösteriyor Biz konum süper güven olmak 648 00:28:30,400 --> 00:28:32,850 güvenli veya şifreli sayfasında. 649 00:28:32,850 --> 00:28:35,690 >> Bu yüzden bana go ahead ve kediler için arama izin. 650 00:28:35,690 --> 00:28:37,670 Şimdi bu gerçekten var hızla ezici. 651 00:28:37,670 --> 00:28:39,470 Bu URL uzunluğu bak. 652 00:28:39,470 --> 00:28:43,070 Ama çıkıyor, bu şeylerin çoğunu o URL aslında oldukça işe yaramaz. 653 00:28:43,070 --> 00:28:45,320 Ben silme işlemini başlatmak için gidiyorum Ben anlamıyorum şeyler. 654 00:28:45,320 --> 00:28:46,560 655 00:28:46,560 --> 00:28:47,360 Ben kedileri görüyorum. 656 00:28:47,360 --> 00:28:48,470 Ben kedileri anlıyorum. 657 00:28:48,470 --> 00:28:50,380 Kediler orada tekrar neden bilmiyorum. 658 00:28:50,380 --> 00:28:52,620 Ben gerçekten bilmiyorum Bu saçmalık nedir. 659 00:28:52,620 --> 00:28:56,030 Ben sadece tutmak için gidiyorum vurgulayarak ve malzeme silme 660 00:28:56,030 --> 00:28:59,905 ben anlamıyorum, sadece bu URL'yi damıtılması. 661 00:28:59,905 --> 00:29:00,920 662 00:29:00,920 --> 00:29:02,270 >> Şimdi bana tekrar girin olsun edelim. 663 00:29:02,270 --> 00:29:03,814 Google hala çalışıyor gibi görünüyor. 664 00:29:03,814 --> 00:29:06,980 Yani nedense, onlar ekliyoruz kendi URL ile varsayılan şeyler çok. 665 00:29:06,980 --> 00:29:09,000 Ama kesinlikle gerekli değil. 666 00:29:09,000 --> 00:29:10,340 Yani bu konuda güzel nedir? 667 00:29:10,340 --> 00:29:13,630 Peki, beni önde gidelim ve Chrome'un Müfettiş açmak. 668 00:29:13,630 --> 00:29:15,960 Bunun için bir küçük fare kısayolu var. 669 00:29:15,960 --> 00:29:17,360 >> Ağ sekmesine gidin. 670 00:29:17,360 --> 00:29:19,340 Ve şimdi beni yeniden izin Bu sayfayı bir kez daha. 671 00:29:19,340 --> 00:29:20,280 Ve ben Shift tutuyorum. 672 00:29:20,280 --> 00:29:22,520 Bir kenara, tarayıcılar gibi önbelleğe veya tasarruf eğilimi 673 00:29:22,520 --> 00:29:24,697 Sadece verimliliği aşkına bilgi. 674 00:29:24,697 --> 00:29:27,280 Ama genelde, tutma Shift ve Her şeyi zorlar yeniden 675 00:29:27,280 --> 00:29:28,994 baştan başlamak için. 676 00:29:28,994 --> 00:29:30,410 Ve ben burada yapmak istediğim şey. 677 00:29:30,410 --> 00:29:33,550 >> Ve tüm bu fark Sadece ortaya satırlar. 678 00:29:33,550 --> 00:29:37,920 Bu herhangi bir web çıkıyor sayfa, sadece bir dosya olabilir 679 00:29:37,920 --> 00:29:43,500 involved-- hello.html-- veya orada Bu durumda olduğu gibi, 52 olabilir. 680 00:29:43,500 --> 00:29:45,820 Ben ziyaret ettiğinizde google.com, Görünüşe göre, benim tarayıcı 681 00:29:45,820 --> 00:29:49,650 52 ayrı HTTP isteklerini başladı. 682 00:29:49,650 --> 00:29:50,520 Neden? 683 00:29:50,520 --> 00:29:53,380 >> Peki, içinde ne bakmak Bu web sayfası kadar üst. 684 00:29:53,380 --> 00:29:55,620 Sadece metin yok değil, ama gerçek görüntüler var 685 00:29:55,620 --> 00:29:57,130 sağ üzerinde kedilerin. 686 00:29:57,130 --> 00:29:59,110 Renkli logo solda buraya var. 687 00:29:59,110 --> 00:30:01,750 Bu simgelerin hepsi var Bir mikrofon ve benzeri. 688 00:30:01,750 --> 00:30:05,130 Adet çok bina var, bloklar, çizik parçaları, eğer sen, 689 00:30:05,130 --> 00:30:06,250 Bu web sayfası. 690 00:30:06,250 --> 00:30:10,310 Ve tarayıcı ne üzerine yapıyor çok ilk dosyayı alıyorum hangi 691 00:30:10,310 --> 00:30:16,180 Burada bu satır, aslında olduğunu HTML üstünden yineleme 692 00:30:16,180 --> 00:30:19,880 aşağıya, arayan, soldan sağa resim etiketleri veya diğer etiketleri gibi şeyler 693 00:30:19,880 --> 00:30:23,160 diğer dosyalar söz ve onları gördüğünde, gider ve onları getirir 694 00:30:23,160 --> 00:30:26,050 HTTP üzerinden, canlı bütün zarf metafor, 695 00:30:26,050 --> 00:30:29,670 ve daha sonra bunları görüntüler web sayfasında uygun bir yer. 696 00:30:29,670 --> 00:30:33,370 Ben odaklanmak durumunda >> Ama burada dikkat İlk atış, arama kediler, 697 00:30:33,370 --> 00:30:37,090 gerçekten de HTTP 1.1 kullanıyor, dikkat edin. 698 00:30:37,090 --> 00:30:41,690 Ve ne yazık ki, Google Şu anda sürüm 39 Krom 699 00:30:41,690 --> 00:30:45,110 aşağı zayıflar şeyler tür ve Bize gerçek başlıklarını gösteren değil. 700 00:30:45,110 --> 00:30:49,680 Ama ne gerçekten gönderilen bir istek slash değil, ama / arama? q = kediler. 701 00:30:49,680 --> 00:30:52,830 702 00:30:52,830 --> 00:30:54,340 >> Şimdi, neden önemlidir? 703 00:30:54,340 --> 00:30:57,110 Eh, ben anlaması için gidiyorum Bu o eğer Google 704 00:30:57,110 --> 00:31:01,520 Bu formun, neden sorguları destekler Kendi arama uygulamak değil 705 00:31:01,520 --> 00:31:06,420 CS50 için motor, ama sadece ön sonunda, sadece grafik kullanıcı arayüzü. 706 00:31:06,420 --> 00:31:09,610 Ve biz arka uç outsource olacak, gerçek arama Google'a sonuçları. 707 00:31:09,610 --> 00:31:10,510 >> Peki bunu nasıl? 708 00:31:10,510 --> 00:31:13,820 Peki, beni buraya gedit içine gidelim. 709 00:31:13,820 --> 00:31:19,180 Ve beni go ahead ve açalım yukarı, diyelim yeni bir dosya olsun. 710 00:31:19,180 --> 00:31:22,280 Ve ben bu kurtarmak için gidiyorum geçici arama-0.html olarak. 711 00:31:22,280 --> 00:31:25,111 712 00:31:25,111 --> 00:31:27,860 Ve sonra sonunda, biz hızlı olacak ileri ben birine önceden hazırlanmış. 713 00:31:27,860 --> 00:31:30,190 >> Ve ben gidiyorum hızlı doc türünü kırbaç 714 00:31:30,190 --> 00:31:33,840 html açık dirsek html yakın dirsek html. 715 00:31:33,840 --> 00:31:38,390 Sonra başını yapacağım yakın baş açık başlık CS50 716 00:31:38,390 --> 00:31:40,150 Yerine Google arama ara. 717 00:31:40,150 --> 00:31:43,480 Burada aşağı Ben gidiyorum Vücut, buraya yakın gövde. 718 00:31:43,480 --> 00:31:45,835 Ve şimdi ben CS50 Arama gerekir. 719 00:31:45,835 --> 00:31:47,710 Ve aslında, diyelim aşamalı bu inşa. 720 00:31:47,710 --> 00:31:51,043 Ben go ahead ve bu kapatın ve gidiyorum Aslında benim kamu dizine koydu. 721 00:31:51,043 --> 00:31:52,730 Yani bana sadece bir an ver. 722 00:31:52,730 --> 00:31:55,390 Ben gidiyorum arama-0.html-- zamansal search.html diyoruz. 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 Ben bunu bir + r search.html chmod gidiyorum. 725 00:31:59,750 --> 00:32:01,072 726 00:32:01,072 --> 00:32:02,280 Ve şimdi ben bunu açmak için gidiyorum. 727 00:32:02,280 --> 00:32:03,224 728 00:32:03,224 --> 00:32:04,390 Pekala, bu kadar hızlı oldu. 729 00:32:04,390 --> 00:32:06,800 Ama amaç sadece oldu noktaya bizi almak için 730 00:32:06,800 --> 00:32:09,630 Bu metni sahip denilen search.html dosya. 731 00:32:09,630 --> 00:32:10,940 732 00:32:10,940 --> 00:32:12,790 Henüz bakmak için çok değil. 733 00:32:12,790 --> 00:32:16,970 Nitekim, benim tarayıcı gidin, ve eğer işte bu, hepsi search.html gidin. 734 00:32:16,970 --> 00:32:17,720 Ama biliyor musun? 735 00:32:17,720 --> 00:32:19,000 Ben biraz meraklısı olabilir. 736 00:32:19,000 --> 00:32:22,710 Ben orada bir kitapta okumak Bir başlık etiketi h1 denir. 737 00:32:22,710 --> 00:32:26,100 Ve ben önde gitmek için gidiyorum ve Bu açık h1 ve yakın h1 kullanın. 738 00:32:26,100 --> 00:32:27,220 Sayfayı güncelle. 739 00:32:27,220 --> 00:32:29,600 Ve şimdi, daha büyük ve cesur var tüm ilginç ki, 740 00:32:29,600 --> 00:32:32,399 ama en azından yapısal daha ilginç. 741 00:32:32,399 --> 00:32:33,940 Ama şimdi beni başka bir etiketi tanıştırayım. 742 00:32:33,940 --> 00:32:36,500 Bir form etiketi var dışarı O döner. 743 00:32:36,500 --> 00:32:38,400 Ve beni bu etiketi kapatalım. 744 00:32:38,400 --> 00:32:40,830 Ve orada 's çıkıyor bir giriş etiketi ki 745 00:32:40,830 --> 00:32:44,600 tipi denilen bir nitelik vardır ki alanın veri türü, 746 00:32:44,600 --> 00:32:45,200 eğer sen. 747 00:32:45,200 --> 00:32:47,050 Ve türü metin olacak. 748 00:32:47,050 --> 00:32:52,200 Ve onun değerini gidiyor CS50 Arama olması. 749 00:32:52,200 --> 00:32:53,850 Kapat etiketi. 750 00:32:53,850 --> 00:32:57,100 Ve hiçbir fikri olması oluyor Açılış ve ayrı etiketleri ile kapanış. 751 00:32:57,100 --> 00:33:00,300 >> Beni buraya geri dönelim ve oluyor, yeniden neler olduğunu görmek. 752 00:33:00,300 --> 00:33:01,380 Ilginç alınıyor. 753 00:33:01,380 --> 00:33:02,950 Bir metin alanı var gibi görünüyor. 754 00:33:02,950 --> 00:33:04,080 755 00:33:04,080 --> 00:33:06,999 Ve aslında, ben istemedim henüz bir değer koymak. 756 00:33:06,999 --> 00:33:10,040 Beni buraya gitmek ve aslında alalım basit tutmak için bu değerin kurtulmak. 757 00:33:10,040 --> 00:33:12,939 Bunun yerine, bir değer, ne istediğini Bu şeyi vermek için bir isim oldu. 758 00:33:12,939 --> 00:33:15,230 Ve ben, ne olduğunu bilmiyorum bu yüzden tekrar o geleceğiz. 759 00:33:15,230 --> 00:33:18,270 >> Ama bunun altında, ben istiyorum input type yapmak = gönderin. 760 00:33:18,270 --> 00:33:19,840 761 00:33:19,840 --> 00:33:22,120 Ve bu değer CS50 Arama olacak. 762 00:33:22,120 --> 00:33:24,850 Ve biz I neden görürsünüz Bu değer taşındı. 763 00:33:24,850 --> 00:33:28,900 Ben yeniden, ben şimdi var gibi görünüyor Kendi arama başlangıçlar 764 00:33:28,900 --> 00:33:30,820 Motor, süper iğrenç, Açıkçası olsa, bu kadar 765 00:33:30,820 --> 00:33:34,260 değil bir çok atmak ne Google'ın varsayılan sayfa gibi görünüyor. 766 00:33:34,260 --> 00:33:37,950 >> Ben şimdi burada giderseniz, ben yazabilirsiniz kediler ve umarım Ara'yı tıklatın. 767 00:33:37,950 --> 00:33:40,380 Ama ben oldukça henüz bitmedi Ben hayata değil çünkü, 768 00:33:40,380 --> 00:33:41,045 Açıkçası, bir veritabanı. 769 00:33:41,045 --> 00:33:42,940 Ben sürünerek değil arama sonuçlarında web. 770 00:33:42,940 --> 00:33:44,840 Yani Google'a bu outsource gerekir. 771 00:33:44,840 --> 00:33:46,290 Peki nasıl bu yapacağım? 772 00:33:46,290 --> 00:33:49,170 >> Peki, tüm I ilk eklemek ve eylem gerekir 773 00:33:49,170 --> 00:33:58,460 Benim form etiketi yükledikleri http://www.google.com/search olduğunu. 774 00:33:58,460 --> 00:34:01,180 Ve ben biliyorum ki sadece sahip olmaktan yakından bakarak anlaşılmaktadır 775 00:34:01,180 --> 00:34:02,505 kendi URL de. 776 00:34:02,505 --> 00:34:03,380 Ve şimdi bir tahmin almak. 777 00:34:03,380 --> 00:34:09,090 Ne gerekir bu metin alanı muhtemelen Geldiğimiz yere göre, çağrılabilir 778 00:34:09,090 --> 00:34:09,754 önce gelen? 779 00:34:09,754 --> 00:34:11,896 780 00:34:11,896 --> 00:34:13,290 >> İZLEYİCİ:? Q. 781 00:34:13,290 --> 00:34:14,370 >> DAVID J MALAN:? Q. 782 00:34:14,370 --> 00:34:17,800 Ve biz aslında soruyu ihtiyacımız yok o çıkıyor, ama q gerçekten öyle işaretlemek, 783 00:34:17,800 --> 00:34:20,489 sorgusu muhtemelen tarafından q Varsayılan, işte sırf 784 00:34:20,489 --> 00:34:23,060 ne Larry ve Sergey yıllar önce geldi. 785 00:34:23,060 --> 00:34:24,739 Yani şimdi bana bu sayfayı yeniden yükleyin verelim. 786 00:34:24,739 --> 00:34:26,409 Tüm bu farklı görünmüyor. 787 00:34:26,409 --> 00:34:28,120 Ama şimdi ne izle. 788 00:34:28,120 --> 00:34:32,360 >> Ben kedi ve tıklama yazarsanız Arama ve gidelim CS50, 789 00:34:32,360 --> 00:34:35,770 Ben çırpılmış olsun fark uzak gerçek Google. 790 00:34:35,770 --> 00:34:38,150 Şimdi, Google biraz ediliyor onlar konum sataşmak 791 00:34:38,150 --> 00:34:41,877 ek bir parametre ekleyerek, Eğer URL'ye, olacak eğer. 792 00:34:41,877 --> 00:34:43,960 Bu tüm oluyor otomatik olarak Google tarafında. 793 00:34:43,960 --> 00:34:48,730 >> Önemli bir parçası ben görünüyor ki Burada bu isteği yaratmıştır için. 794 00:34:48,730 --> 00:34:50,179 Ve gerçekten de, bu böyle oluyor. 795 00:34:50,179 --> 00:34:53,040 Eğer HTML varsa o Bu, bu gibi görünüyor 796 00:34:53,040 --> 00:34:57,620 web geliştiricileri gösterim tür dediği için, go ahead ve bir form oluşturun 797 00:34:57,620 --> 00:34:59,990 o teslim ne zaman ki, Bu URL'ye gitmek için gidiyor. 798 00:34:59,990 --> 00:35:03,430 Ve URL sağlamıştır zaman q gibi şeyler için değerler, 799 00:35:03,430 --> 00:35:05,440 Sadece bu URL'ye gitmeyin. 800 00:35:05,440 --> 00:35:08,210 Aslında, soru gitmek işareti ve ardından q = kediler. 801 00:35:08,210 --> 00:35:09,590 802 00:35:09,590 --> 00:35:13,060 Parametresini ekleyin, Böyle HTTP parametresi. 803 00:35:13,060 --> 00:35:15,590 >> Ve sadece süper hassas olmak, Ne ötürü-- anlaşılmaktadır ediliyor 804 00:35:15,590 --> 00:35:18,130 ama daha explicit-- olduğunu olacak ben kullanmak istiyorum yöntem 805 00:35:18,130 --> 00:35:22,270 yerine gibi bir şey, olsun biz sonunda göreceğiz yazılan. 806 00:35:22,270 --> 00:35:27,710 Kısacası, sadece anlayış So HTML ve bazı oldukça basit etiketlerini kullanarak, 807 00:35:27,710 --> 00:35:30,610 Şimdi oluşturmak için başlayabilir Bizim kendi ön uç kullanıcı 808 00:35:30,610 --> 00:35:32,850 Bir arama ile arayüz Bunun arkasında motoru. 809 00:35:32,850 --> 00:35:34,800 >> Ama bu tabii, oldukça iğrenç. 810 00:35:34,800 --> 00:35:37,259 Bu yüzden bana aslında yukarı açalım biraz daha iyi bir versiyonu. 811 00:35:37,259 --> 00:35:39,800 Bunun içinde elde biridir bazı yorumlar vardır ilerlemek. 812 00:35:39,800 --> 00:35:41,900 Ama bu ben görürsünüz hemen hemen onu yeniden. 813 00:35:41,900 --> 00:35:44,150 Yani bu online zaten mevcut. 814 00:35:44,150 --> 00:35:48,050 Ve ben preemptively için oldu sadece basit tutmak için https gidin. 815 00:35:48,050 --> 00:35:50,610 >> Ve şimdi bir yukarı açalım Bu sonraki yineleme. 816 00:35:50,610 --> 00:35:52,510 Sürüm 1 yerine 0 olduğunu. 817 00:35:52,510 --> 00:35:55,315 Ne kadar biraz size dışarı atlar Bu örnekte, farklı? 818 00:35:55,315 --> 00:35:59,480 819 00:35:59,480 --> 00:36:00,440 >> İZLEYİCİ: [duyulamaz]. 820 00:36:00,440 --> 00:36:03,020 >> Evet, bu metin hizalama merkezi var. 821 00:36:03,020 --> 00:36:04,590 Bu Buraya kadar biraz garip. 822 00:36:04,590 --> 00:36:06,150 Ama bu gerçekten yeni. 823 00:36:06,150 --> 00:36:07,800 Ve belki de ne olacak sanırım. 824 00:36:07,800 --> 00:36:11,730 Şimdi benim tarayıcı giderseniz ve arama-1.html ziyaret 825 00:36:11,730 --> 00:36:13,090 neredeyse aynı şey. 826 00:36:13,090 --> 00:36:15,705 Ama bir adım daha yakın daha güzel olmak biraz. 827 00:36:15,705 --> 00:36:19,150 Hala çirkin, ama içinde güzel en azından her şeyi şimdi merkezli oluyor. 828 00:36:19,150 --> 00:36:23,470 >> Peki ben ne kullanıyorum çıkıyor Başka bir dil tamamen denir 829 00:36:23,470 --> 00:36:25,680 CSS, basamaklı stil sayfaları. 830 00:36:25,680 --> 00:36:28,310 Ve CSS, açıkçası, tür bir, benim kişisel görüşüme göre, 831 00:36:28,310 --> 00:36:29,775 Bir acımasızca tasarlanmış bir dil. 832 00:36:29,775 --> 00:36:33,110 Bu hatırlamak çok can sıkıcı tüm çeşitli ayrıntılar. 833 00:36:33,110 --> 00:36:38,479 Ama stylizes ne Tüm dünyada internet bugün. 834 00:36:38,479 --> 00:36:39,270 Birini rahatsız. 835 00:36:39,270 --> 00:36:39,769 Tamam. 836 00:36:39,769 --> 00:36:43,180 Yani buraya gitmek ve görelim nasıl biz aslında bu kullanıyoruz. 837 00:36:43,180 --> 00:36:45,940 Ve en azından bu, çıkıyor Aslında oldukça basit bir dil. 838 00:36:45,940 --> 00:36:49,470 Sadece anahtar değer çiftleri, özellikleri bulunuyor ve değerler, özellikler ve değerler. 839 00:36:49,470 --> 00:36:52,080 Gerçekten de, burada biridir Böyle bir özellik ve değer. 840 00:36:52,080 --> 00:36:55,890 >> Sadece stil kullanarak Benim vücut etiketi özniteliği 841 00:36:55,890 --> 00:37:00,360 ve bir değeri elde kelime kolon ve başka kelime, 842 00:37:00,360 --> 00:37:03,730 veya bir özellik ve bir değer, Ben estetik etkileyebilir 843 00:37:03,730 --> 00:37:06,210 web sayfası, değil mutlaka Henüz yapı, 844 00:37:06,210 --> 00:37:07,550 ama bunun estetik. 845 00:37:07,550 --> 00:37:10,960 Ve sadece etrafında Googling, ben fark CSS, basamaklı stil sayfaları, 846 00:37:10,960 --> 00:37:14,170 adlı bir özellik destekler değeri text-align, can 847 00:37:14,170 --> 00:37:16,980 Örneğin, sağ ya da merkez sol olmak. 848 00:37:16,980 --> 00:37:19,990 >> Peki şimdi yeniden ne zaman Bu sayfayı, ne aldın 849 00:37:19,990 --> 00:37:22,730 Bir merkezli sayfa oldu, ama yine de oldukça çirkin. 850 00:37:22,730 --> 00:37:25,770 En go ahead ve açalım Arama sürüm 2 kadar. 851 00:37:25,770 --> 00:37:28,570 Ve şimdi ben biraz daha yaptık dikkat edin. 852 00:37:28,570 --> 00:37:33,760 Kafanın içinde burada bu kadar dikkat edin etiketi, başlık daha var olabilir. 853 00:37:33,760 --> 00:37:35,400 Aslında, bir stil etiketi var. 854 00:37:35,400 --> 00:37:38,630 Sadece bir gets Ve burası bazen biraz dağınık görünce CSS. 855 00:37:38,630 --> 00:37:41,971 Bir şey var gibi >> Bildirimi Bu yapısal olarak çok farklı görünüyor. 856 00:37:41,971 --> 00:37:44,095 Ama burada adı Ben istiyorum etiketi stilize etmek. 857 00:37:44,095 --> 00:37:47,570 İşte bizim eski arkadaşlar kıvırcık vardır ayraçları ve kapalı küme ayracı. 858 00:37:47,570 --> 00:37:50,290 Sonra buraya olmasıdır özellik ve değeri. 859 00:37:50,290 --> 00:37:56,300 >> Ben bu dosyayı yüklerseniz, search2.html, Sonuç aynıdır. 860 00:37:56,300 --> 00:37:59,300 Ama daha iyi bir tasarım doğru bir adımdır. 861 00:37:59,300 --> 00:38:04,560 Bu CSS dışarı faktoring, ben oldum Benim HTML ile birbirine karışmadığı. 862 00:38:04,560 --> 00:38:07,560 Göreceğiz gibi Ve gerçekten, I could Bu özellikleri ve değerleri yeniden. 863 00:38:07,560 --> 00:38:10,420 Ben demet yapmak istedim Benim web sayfası parçaları merkezli, 864 00:38:10,420 --> 00:38:13,630 Ben style = text-align yazmak zorunda değilsiniz biryere merkezi. 865 00:38:13,630 --> 00:38:16,580 Ben bir yerde koyabilirsiniz belki, üstünde yukarı gibi. 866 00:38:16,580 --> 00:38:18,210 >> Ama bu bile iyi bir tasarım değil. 867 00:38:18,210 --> 00:38:21,720 Aslında, şeylerden biri öğreneceksiniz Eğer daha fazla vakit geçirmek gibi 868 00:38:21,720 --> 00:38:25,730 web programlama ki daha yapabilirsiniz olduğunu dışarı şeyler ve faktör şeyler modülarize 869 00:38:25,730 --> 00:38:30,610 .h dosyaları gibi, bize faktör şeyler verdi Bize faktör şeyler izin helpers.c istiyorum 870 00:38:30,610 --> 00:38:31,880 Birkaç psets önce. 871 00:38:31,880 --> 00:38:34,200 Benzer şekilde, biz olabilir Bunu başarmak istiyorum. 872 00:38:34,200 --> 00:38:37,920 >> Yani sürümünde fark search.html üç Birkaç gün önce 873 00:38:37,920 --> 00:38:40,610 Kafa temizledik sayfa ve sadece koymak 874 00:38:40,610 --> 00:38:43,320 bu, bir bağlantı etiketi, hangi adına karşı, 875 00:38:43,320 --> 00:38:44,700 Size bir köprüyü vermez. 876 00:38:44,700 --> 00:38:49,150 Bu yoluyla başka bir dosyaya bağlantılar değeri bu durumda bir href, 877 00:38:49,150 --> 00:38:51,586 Arama-3.css olduğunu 878 00:38:51,586 --> 00:38:52,960 Yani biz hızla gidiyoruz biliyoruz. 879 00:38:52,960 --> 00:38:54,600 Ama yapıyorum hepsi tür bir şeyler etrafında hareket. 880 00:38:54,600 --> 00:38:55,760 Bana açık arama-3.css edelim. 881 00:38:55,760 --> 00:38:57,114 882 00:38:57,114 --> 00:38:58,530 Bunun için gerçekten bir şey yok. 883 00:38:58,530 --> 00:39:02,270 Ben sadece kopyalanan ve yeni yapıştırılan biz bir şeyler çarpanlarına çok gibi, dosya 884 00:39:02,270 --> 00:39:03,509 önce diğer dosyaları içine. 885 00:39:03,509 --> 00:39:05,300 Ve result-- Tamamen underwhelming-- 886 00:39:05,300 --> 00:39:06,730 aynı olacak. 887 00:39:06,730 --> 00:39:10,490 Ama biz toward-- gidiyoruz hayır, öyle değil. 888 00:39:10,490 --> 00:39:11,930 Ah, ben nedenini biliyorum. 889 00:39:11,930 --> 00:39:13,790 >> Yani bu bir hata gibi görünüyor. 890 00:39:13,790 --> 00:39:15,010 Ve bazı anlamında değildir. 891 00:39:15,010 --> 00:39:17,730 Ama bana Ağ sekmesini kadar açalım. 892 00:39:17,730 --> 00:39:19,660 Bana sayfayı yeniden yükleyin edelim. 893 00:39:19,660 --> 00:39:23,315 Ah, neden CSS değil uygulanmaktadır? 894 00:39:23,315 --> 00:39:26,920 Peki, CSS dosyası, benzer vardır okunabilir olması için dünya, tabiri caizse. 895 00:39:26,920 --> 00:39:28,440 Ve çok şu anda yasaktır. 896 00:39:28,440 --> 00:39:33,760 Bu yüzden bana bir chmod a + r yapalım yıldızın nokta CSS-- whoops-- 897 00:39:33,760 --> 00:39:37,067 Biz nokta CSS sadece bir konum CSS dosyaları için dosya uzantısı. 898 00:39:37,067 --> 00:39:38,900 Şimdi bana geri dönelim Benim tarayıcı ve yeniden. 899 00:39:38,900 --> 00:39:40,910 Tamam, biraz daha iyi. 900 00:39:40,910 --> 00:39:42,282 >> Şimdi bana son bir şey yapalım. 901 00:39:42,282 --> 00:39:42,990 Arama-4.html olarak. 902 00:39:42,990 --> 00:39:44,550 903 00:39:44,550 --> 00:39:48,220 Ben sadece düşündüm bir sürümü var yol daha olsa, yol serindi 904 00:39:48,220 --> 00:39:48,980 karmaşık. 905 00:39:48,980 --> 00:39:50,690 Ilk sonucu bakalım. 906 00:39:50,690 --> 00:39:52,290 Bize daha fazla yer vermek için bu kapatın. 907 00:39:52,290 --> 00:39:54,275 Bu,-4 arama girin değiştirin. 908 00:39:54,275 --> 00:39:55,430 909 00:39:55,430 --> 00:39:57,200 >> Ve şimdi şeylerin bir demet kırık. 910 00:39:57,200 --> 00:39:59,910 Geri dönmek için gidiyorum Burada benim dizine. 911 00:39:59,910 --> 00:40:04,190 Ve şimdi sadece yapacağım Bir file-- ucunda + r chmod 912 00:40:04,190 --> 00:40:07,450 Ben denir exists-- biliyorum çünkü bir görüntü logo.gif. 913 00:40:07,450 --> 00:40:08,590 Ve şimdi yeniden. 914 00:40:08,590 --> 00:40:11,040 Ve ben şimdi Medusa tavsiye oldukça yakın, açıkçası, 915 00:40:11,040 --> 00:40:15,860 Google 1999 versiyonu gibi, ve açıkçası, Google 2014 sürümü, 916 00:40:15,860 --> 00:40:16,360 değil mi? 917 00:40:16,360 --> 00:40:21,920 >> Peki şimdi, kendi web sitesine gidiyor sonuçta, ben kediler için arama eğer. 918 00:40:21,920 --> 00:40:23,900 Ve gerçekten de öyle. 919 00:40:23,900 --> 00:40:26,410 Ama ben farklı ne yaptım Bu sürümde 4? 920 00:40:26,410 --> 00:40:28,020 Yani biz burada üzerinde çok fazla durmayacağız. 921 00:40:28,020 --> 00:40:30,100 Siz sorun bu görürsünüz Sonunda yedi set. 922 00:40:30,100 --> 00:40:31,350 Ama ben bir kaç şey yaptım fark. 923 00:40:31,350 --> 00:40:33,690 >> Ben bir div tanıttı bölünme etiketi, 924 00:40:33,690 --> 00:40:35,450 Bir paragraf etiketine ruhu benzer. 925 00:40:35,450 --> 00:40:38,220 Ama bir bölümü burada, sadece gibi Dikdörtgen görünmez bölgesi 926 00:40:38,220 --> 00:40:39,150 Ekranın. 927 00:40:39,150 --> 00:40:41,680 Hadi bir benzersiz vereyim tanımlayıcı, bir altbilgi, sadece 928 00:40:41,680 --> 00:40:44,700 bu yüzden hakkında konuşabilirsiniz başka bir yerde bizim HTML. 929 00:40:44,700 --> 00:40:47,952 İşte sayfanın başka bir div kimin kimliği, içerik olacak. 930 00:40:47,952 --> 00:40:49,160 Bu sayfanın içeriği var. 931 00:40:49,160 --> 00:40:51,090 Ve buraya sayfanın başlığıdır. 932 00:40:51,090 --> 00:40:54,960 >> Diğer bir deyişle, ettik aslında HTML zihinsel duyuyorum 933 00:40:54,960 --> 00:40:57,700 Bu web sayfasını görüntülerken olarak üç bileşen, bir başlık bölümü 934 00:40:57,700 --> 00:41:01,200 Bu görünmez dikdörtgen ile burada, ortada içerik ve ardından 935 00:41:01,200 --> 00:41:04,800 aşağı aşağıda altbilgi, hatta ama biz bunları görmüyoruz. 936 00:41:04,800 --> 00:41:09,940 Ben kafamda istiyorum çünkü sayfa burada, ya da bir .css dosyası, 937 00:41:09,940 --> 00:41:11,460 Ben bu sözdizimini kullanabilirsiniz. 938 00:41:11,460 --> 00:41:13,070 >> Kafa vurusu etiket değildir. 939 00:41:13,070 --> 00:41:17,060 O döner böylece bir kimlik var #header yaparak olduğunu, 940 00:41:17,060 --> 00:41:20,840 Ben şimdi bir tane ya da daha fazla uygulayabilirsiniz başlığına özellikleri. 941 00:41:20,840 --> 00:41:24,130 Ben aynı içeriği yapabilirim, Burada içerik için aynı. 942 00:41:24,130 --> 00:41:27,230 >> Yani örneğin, altbilgi, haber Ben ekliyorum bu özelliklerin hepsi. 943 00:41:27,230 --> 00:41:30,660 Ve onlar okuma ile sadece var biliyorum CSS belgelerine kadar. 944 00:41:30,660 --> 00:41:33,450 Yazı tipi boyutu smaller-- olacak bu nedenle bazı göreceli yazı tipi boyutu. 945 00:41:33,450 --> 00:41:34,741 Ağırlık cesur olacak. 946 00:41:34,741 --> 00:41:37,340 Kaç piksel Margin-- etrafında bu-- 20 piksel. 947 00:41:37,340 --> 00:41:38,590 Ve merkezli olmak üzere gidiyor. 948 00:41:38,590 --> 00:41:40,256 >> Ama şimdi, sayfa bu gibi görünüyor. 949 00:41:40,256 --> 00:41:42,840 Ben memnun değilim Eğer Orada benim kopyalama, 950 00:41:42,840 --> 00:41:46,560 Ben kırmızı renk gibi bir şey yapabilirdi. 951 00:41:46,560 --> 00:41:50,570 Ve sonra ben bu kaydedebilirsiniz, yeniden, ve şimdi altbilgi stilize ettik. 952 00:41:50,570 --> 00:41:54,130 Yani bu sadece güç ima edilir Eğer bir web sayfası ne yapabilirim 953 00:41:54,130 --> 00:41:55,510 şeyleri etrafında değiştirmek için. 954 00:41:55,510 --> 00:41:59,080 >> Ve bu daha serin, isterseniz Gerçek web siteleri etrafında kurcalamak için, 955 00:41:59,080 --> 00:42:00,810 Eğer kalıcı olarak değiştiremezsiniz. 956 00:42:00,810 --> 00:42:03,640 Ama ben açarsanız Chrome'un Müfettiş tekrar 957 00:42:03,640 --> 00:42:07,610 ve ben sol tarafına değil gitmek Burada, Facebook'un HTML gösterir, 958 00:42:07,610 --> 00:42:11,380 ancak sağ tarafta gösterir taraftaki kendi CSS tüm, 959 00:42:11,380 --> 00:42:13,789 yapabilirsiniz ya ve anında şeyleri değiştirmek. 960 00:42:13,789 --> 00:42:15,080 Bu yüzden bana go ahead ve bu yapalım. 961 00:42:15,080 --> 00:42:18,670 >> Bana önde ve kontrol gidelim Burada bu rastgele kelime tıklayın 962 00:42:18,670 --> 00:42:21,230 imzalamak ve Eleman kontrol edin tıklatın. 963 00:42:21,230 --> 00:42:25,130 Krom çok uygun atlar Facebook kullanan h1 etiketi. 964 00:42:25,130 --> 00:42:27,290 Ve burada Facebook fark tür tembel vardır 965 00:42:27,290 --> 00:42:29,960 Sert burada bir özelliği olarak yazı tipi boyutunu kodlu. 966 00:42:29,960 --> 00:42:33,530 >> Serin şey olsa So Aslında buraya gitmek eğer 967 00:42:33,530 --> 00:42:39,560 ve oh, Facebook, bunu sevmiyorum, demek 64 piksel, şimdi Facebook değiştirebilirsiniz. 968 00:42:39,560 --> 00:42:42,590 Tabii ki, biz sadece onu değiştiriyoruz Benim için şahsen şu anda. 969 00:42:42,590 --> 00:42:45,150 Ama bu sadece başka bir şeydir Bizim araç kiti aracı 970 00:42:45,150 --> 00:42:48,360 Bu bize oynamak için izin gidiyor ve anlamaya ve ayrıca teşhis 971 00:42:48,360 --> 00:42:49,729 Kendi web sayfalarında konular. 972 00:42:49,729 --> 00:42:52,270 Ve biz benzer üzerinde gidebiliriz Burada, aynı şey hangi. 973 00:42:52,270 --> 00:42:55,830 Eğer gerçekten fantezi almak istiyorsanız, ben Şimdi gerçekten sayfayı mutasyona olabilir, demek 974 00:42:55,830 --> 00:42:57,380 ve çılgınca şeyler yapmak. 975 00:42:57,380 --> 00:42:59,870 >> Peki neden bu tüm yararlıdır? 976 00:42:59,870 --> 00:43:02,330 Peki, sonuçta, biz konum olmak istiyorum olacak 977 00:43:02,330 --> 00:43:07,110 web sayfaları oluşturmak mümkün olduğunu Bizim kendi arka uçları ile tahrik edilir, 978 00:43:07,110 --> 00:43:10,520 tarafından değil, sadece Google ve Orada arka uç dış kaynak. 979 00:43:10,520 --> 00:43:13,510 Biz aslında istiyoruz bir değer, örneğin, 980 00:43:13,510 --> 00:43:18,830 arama motorunun eylem başkasına değil gitmek özniteliği, 981 00:43:18,830 --> 00:43:24,270 ama search.php gibi bir şey, search.php kendi sunucusunda olduğu, 982 00:43:24,270 --> 00:43:25,670 değil başkasının üzerine. 983 00:43:25,670 --> 00:43:30,316 >> Ve böylece biz aslında, oraya Yeni bir dil tanıtmak gerekir. 984 00:43:30,316 --> 00:43:33,190 Yani biz zaten bir Yeni baktım Gerçekten burada dil, ya da iki, HTML 985 00:43:33,190 --> 00:43:33,700 ve CSS. 986 00:43:33,700 --> 00:43:36,330 Ama onlar gerçekten sadece vardır yapısal ve estetik dil. 987 00:43:36,330 --> 00:43:38,360 Onlar programlama değil dil başına. 988 00:43:38,360 --> 00:43:41,160 Ve bu resmi yaklaşık olarak çok var zaman biz onlara harcayacağınız gibi. 989 00:43:41,160 --> 00:43:44,910 Şimdi başlayacağız Çünkü PHP geçiş. 990 00:43:44,910 --> 00:43:48,160 >> Peki PHP gerçek olduğunu programlama dili. 991 00:43:48,160 --> 00:43:50,750 Bu bir betik dili var o olduğunu anlamda 992 00:43:50,750 --> 00:43:52,855 hafif kilo olması gerekiyordu C gibi bir şey daha 993 00:43:52,855 --> 00:43:56,082 Ve bu bir dil var, hangi derlenmiş değil demektir. 994 00:43:56,082 --> 00:43:58,790 Özetle Yani, bu ne demek istedi Biz c gibi bir dil kullanıldığında 995 00:43:58,790 --> 00:44:00,290 ve biz bunu derlemek zorunda? 996 00:44:00,290 --> 00:44:02,120 Bu ne anlama geliyor C kaynak kodunu derlemek? 997 00:44:02,120 --> 00:44:03,864 998 00:44:03,864 --> 00:44:04,780 HEDEF KİTLE: [duyulamaz]. 999 00:44:04,780 --> 00:44:06,184 DAVID J MALAN: Tekrar söyle? 1000 00:44:06,184 --> 00:44:07,100 HEDEF KİTLE: [duyulamaz]. 1001 00:44:07,100 --> 00:44:07,962 1002 00:44:07,962 --> 00:44:08,920 DAVID J MALAN: Mükemmel. 1003 00:44:08,920 --> 00:44:10,180 Bu ikili haline dönüşür. 1004 00:44:10,180 --> 00:44:14,200 Bu sıfır ve olanları içine döner Gerçek İngilizce-benzeri kaynak kodundan. 1005 00:44:14,200 --> 00:44:16,424 Ve sonra biz aslında can Bu sıfır ve olanları çalıştırmak 1006 00:44:16,424 --> 00:44:18,840 geçirerek Çift tıklayarak bir simge CPU 1007 00:44:18,840 --> 00:44:19,980 veya bir komutu çalıştırmak. 1008 00:44:19,980 --> 00:44:23,770 >> PHP ve Python ve Ruby Perl ve JavaScript ve 1009 00:44:23,770 --> 00:44:26,250 ve diğer salkımları dil yorumlanır 1010 00:44:26,250 --> 00:44:29,290 demek ki diller, Eğer bunları derlemek yok. 1011 00:44:29,290 --> 00:44:34,220 Aksine, sizin için girdi olarak onları beslemek Bir program, bir tercüman çağırdı. 1012 00:44:34,220 --> 00:44:36,640 Ve o tercüman, Hangi başkası yazdı, 1013 00:44:36,640 --> 00:44:40,930 , alt kaynak kodu üst okur sağ ve sadece yorumluyor sola 1014 00:44:40,930 --> 00:44:43,000 Bu hatlar ve ne demek yapar. 1015 00:44:43,000 --> 00:44:45,360 >> Yani karşılaşırsanız eğer Baskı diyor çizgi, 1016 00:44:45,360 --> 00:44:48,660 mutlaka baskı dönüştürmek değil gelen sıfır ve olanlar. 1017 00:44:48,660 --> 00:44:51,910 Bu gibi bu tercüman var diyor büyük bir if koşulu, 1018 00:44:51,910 --> 00:44:56,110 programcının talimat ise Baskı, daha sonra aşağıdakileri yapın. 1019 00:44:56,110 --> 00:44:58,170 Yani sadece yorumlar akıl türüne göre 1020 00:44:58,170 --> 00:44:59,800 Yapmanız bunu söylüyorsun ne aracılığıyla. 1021 00:44:59,800 --> 00:45:01,320 >> Ve PHP bu dillerden biridir. 1022 00:45:01,320 --> 00:45:05,310 Ve PHP yıl önce tasarlanmış tam web programlama için. 1023 00:45:05,310 --> 00:45:08,160 Ve başlangıçta bir oldu çok özensiz, dağınık dil. 1024 00:45:08,160 --> 00:45:10,940 Ve gerçekten de, bir büyük var Orada kötü bir PHP kodu miktarı. 1025 00:45:10,940 --> 00:45:13,520 Ama dilin kendisi yılda olgunlaştı, 1026 00:45:13,520 --> 00:45:16,200 o kadar ki şimdi o yüzden aslında harika bir sonraki adım 1027 00:45:16,200 --> 00:45:19,970 pedagojik o çünkü C her şeyi tanıdık o kadar belâ 1028 00:45:19,970 --> 00:45:22,380 Sadece son birkaç hafta içinde gördüm. 1029 00:45:22,380 --> 00:45:25,724 >> Bir başlangıç ​​farkı göreceğiz Hiçbir ana işlevi artık var olduğunu. 1030 00:45:25,724 --> 00:45:28,890 Eğer yazma kodu başlattığınızda, bu sadece gidiş ne olursa olsun idam almak için, 1031 00:45:28,890 --> 00:45:30,220 Biz birazdan göreceğimiz gibi. 1032 00:45:30,220 --> 00:45:33,320 Bu arada, burada ne Değişken PHP gibi görünüyor. 1033 00:45:33,320 --> 00:45:35,840 Bu, biraz farklı ama sadece zar zor. 1034 00:45:35,840 --> 00:45:39,380 >> PHP, güçlü yazarak yok. 1035 00:45:39,380 --> 00:45:41,430 Haftanın yazarak var, hangi sadece orada demektir 1036 00:45:41,430 --> 00:45:44,030 dizeleri gibi veri tipleri ve numaraları ve diğer şeyler. 1037 00:45:44,030 --> 00:45:47,030 Ama belirterek zahmet etmeyin onlar artık ne. 1038 00:45:47,030 --> 00:45:48,980 PHP sizin için rakamlar. 1039 00:45:48,980 --> 00:45:52,030 Dolar işareti sadece bir karardır PHP insanların yıl yapılan 1040 00:45:52,030 --> 00:45:54,890 önce öyle ki PHP herhangi değişken Sadece bir dolar işareti ile başlar. 1041 00:45:54,890 --> 00:45:58,130 O aslında bir tür yararlıdır biraz daha size dışarı atlar. 1042 00:45:58,130 --> 00:46:01,315 >> Ama bundan sonra, bu PHP bir durumdur. 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 C karşı farklı nedir? 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 Hiçbir şey question-- Trick, hangi aslında gerçekten güzel. 1047 00:46:09,600 --> 00:46:12,140 PHP-- aynı Boolean ifadeler. 1048 00:46:12,140 --> 00:46:19,354 Ve karşı Boole ifadeleri veya, anahtarlar, döngüler, döngüler, tamam loops--, 1049 00:46:19,354 --> 00:46:20,270 bu farklıdır. 1050 00:46:20,270 --> 00:46:22,660 Bir var dışarı >> Bu yüzden döner PHP diğer özellikleri çift. 1051 00:46:22,660 --> 00:46:25,243 Bunlardan biri, aslında bu hangi harika uygundur. 1052 00:46:25,243 --> 00:46:29,250 $ Sayılar Eğer ettik bir dizidir Bir programda önceden ilan, 1053 00:46:29,250 --> 00:46:33,350 Her bir yapı için, bu fantezi bilgisi o bütün yapıyor yerine 1054 00:46:33,350 --> 00:46:37,020 can sıkıcı Ben ise, 0 eşittir Bu daha ucuz, [ Ben ++?], 1055 00:46:37,020 --> 00:46:40,320 ile, her biri her bir numara Bu dolar işareti değerlerinin sadece bir 1056 00:46:40,320 --> 00:46:42,790 Bir değişken, ve ikincisi Eğer I. olarak düşünebilirsiniz 1057 00:46:42,790 --> 00:46:44,290 İstediğiniz herhangi bir şey diyebiliriz. 1058 00:46:44,290 --> 00:46:45,770 Ben sayı denir. 1059 00:46:45,770 --> 00:46:48,825 Bu yineleme gidiyor dizi numaraları denir. 1060 00:46:48,825 --> 00:46:51,200 Ve her tekrarında, bu kadar otomatik güncelleme olacak 1061 00:46:51,200 --> 00:46:54,340 Size dolar işareti numarası için Değişken böylece sürekli 1062 00:46:54,340 --> 00:46:58,210 İstediğiniz değişkene erişimi Herhangi bir köşeli ayraç yapmak zorunda kalmadan 1063 00:46:58,210 --> 00:47:00,980 bir diziye gösterimi veya indeksleme. 1064 00:47:00,980 --> 00:47:04,950 >> Bunun ötesinde, biz bile gibi şeyler var hemen hemen aynı bakmak diziler, 1065 00:47:04,950 --> 00:47:08,210 o, çok yaygın dışında olduğu gibi yaparız PHP ve JavaScript, hem bakın 1066 00:47:08,210 --> 00:47:10,750 Bir diziyi başlatmak öncesi köşeli parantez kullanılarak. 1067 00:47:10,750 --> 00:47:12,040 C küme parantezi kullanır. 1068 00:47:12,040 --> 00:47:15,330 Bu yüzden de, biraz daha farklı biz gerçekten çok bu hile kullanmak vermedi. 1069 00:47:15,330 --> 00:47:20,090 >> Ama daha güçlü, PHP, ilişkisel diziler 1070 00:47:20,090 --> 00:47:23,100 hangi bir fantezi yoludur hash tabloları söyleyerek. 1071 00:47:23,100 --> 00:47:31,610 Aslında, bir karma bildirmek istiyorum masa PHP, C- aksine kaç 1072 00:47:31,610 --> 00:47:34,775 kod satırları o kadar sürdü aslında C bir karma tablo uygulamak? 1073 00:47:34,775 --> 00:47:38,310 Ya kod bunu kaç satır değildir C bir karma tablo uygulamak alarak? 1074 00:47:38,310 --> 00:47:39,820 Yani doğru, muhtemelen çok değil mi? 1075 00:47:39,820 --> 00:47:41,680 Belki, 100 veya 200 bir kaç düzine var. 1076 00:47:41,680 --> 00:47:42,980 Bu nontrivial var. 1077 00:47:42,980 --> 00:47:45,420 Ya da bu gibi olduğu hakkında yakında, aşikar olmayan görürsünüz 1078 00:47:45,420 --> 00:47:48,080 bir karma tablo uygulamak için [Duyulamaz] ve aynı zamanda bir deneyin. 1079 00:47:48,080 --> 00:47:50,580 PHP-- ve açıkçası Ama Muhtemelen bu söylemek gerekir 1080 00:47:50,580 --> 00:47:53,630 Monday-- kadar PHP, eğer İşiniz, bir tablo istiyorum. 1081 00:47:53,630 --> 00:47:56,431 Bu bir karma öylesine table-- var bir satır kod ile. 1082 00:47:56,431 --> 00:47:56,930 Ve 1083 00:47:56,930 --> 00:47:58,810 >> Dillerin bir sürü bunu. 1084 00:47:58,810 --> 00:48:00,190 Pset beş ile eğlenin. 1085 00:48:00,190 --> 00:48:01,980 Yani dil bir sürü bunu. 1086 00:48:01,980 --> 00:48:03,050 1087 00:48:03,050 --> 00:48:06,140 Onlar bu soyutlamalar vermek diğer insanlar, diğer programcılar ki, 1088 00:48:06,140 --> 00:48:09,870 Böylece sizin için yarattık Eğer onların omuzlarında durabiliriz 1089 00:48:09,870 --> 00:48:13,290 ve süper fikirler kullanmaya başlayabilirsiniz zorlayıcı, karma tablolar ve ağaçlar gibi 1090 00:48:13,290 --> 00:48:14,140 ve çalışır. 1091 00:48:14,140 --> 00:48:17,790 Ama ille gerekmez Bunları kendiniz uygulamak. 1092 00:48:17,790 --> 00:48:20,850 >> Ve böylece sonuçta, ne biz PHP kullanmak için gidiyoruz 1093 00:48:20,850 --> 00:48:23,580 potansiyel program yazıyor Sözde komut satırı. 1094 00:48:23,580 --> 00:48:26,600 Biz her program yeniden olabilir Biz bugüne kadar bu dönem yazdım 1095 00:48:26,600 --> 00:48:30,410 belki hariç SPL kullanan Koparma, ki şu anda C özgüdür. 1096 00:48:30,410 --> 00:48:33,100 Ama diğer her sorun ayarlayın, Kesinlikle Mario ve Sezar 1097 00:48:33,100 --> 00:48:35,300 ve Vigenere ve [? , Biz? Crack] ve ileriye 1098 00:48:35,300 --> 00:48:39,520 olabilir PHP yeniden uygulamak ve muhtemelen daha kolay biraz. 1099 00:48:39,520 --> 00:48:43,050 >> Ama biz sonuçta gidiyoruz ne Web programlama için PHP kullanmak için. 1100 00:48:43,050 --> 00:48:46,420 Ve bir sonraki tanıtmak için gidiyoruz hafta zihinsel modeli olarak adlandırılan bir paradigma 1101 00:48:46,420 --> 00:48:49,610 MVC, Model View Controller, hangi programlama yaptık eğer 1102 00:48:49,610 --> 00:48:51,610 Python'daki önce veya Yakut veya başka bir yerde, sen 1103 00:48:51,610 --> 00:48:54,112 Bu takımla biliyor olabilir Raylar ve Django ve benzeri. 1104 00:48:54,112 --> 00:48:55,820 Ama yeni iseniz Bu da, göreceksiniz 1105 00:48:55,820 --> 00:48:59,652 Bu aslında çok doğal olduğunu çarpanlara uzatılması 1106 00:48:59,652 --> 00:49:01,360 ve tasarım tür kod biz ettik ki 1107 00:49:01,360 --> 00:49:04,670 C. yapıyor Biz şimdi gidiyoruz PHP için bu derslerden bazıları uygulamak 1108 00:49:04,670 --> 00:49:07,190 böylece sonuçta, biz Kendi web uygulama. 1109 00:49:07,190 --> 00:49:09,080 Ve sen tür iseniz Büyüleyen veya hayret 1110 00:49:09,080 --> 00:49:10,954 biz yapacağız ki çok hızlı bir şekilde tümünü 1111 00:49:10,954 --> 00:49:13,410 hemen hemen her fark yarıyıl, yaklaşık% 90 1112 00:49:13,410 --> 00:49:16,560 de dahil olmak üzere öğrenciler CS50, bir kim, daha önce programlanmış hiç 1113 00:49:16,560 --> 00:49:20,329 Nihai projeler yapmak sonunda o web programlama dayanmaktadır. 1114 00:49:20,329 --> 00:49:23,120 Ve böylece döner göreceksiniz gelecek haftalarda yüksek. 1115 00:49:23,120 --> 00:49:24,965 Yani biz Pazartesi günü sonra göreceksiniz. 1116 00:49:24,965 --> 00:49:27,260 1117 00:49:27,260 --> 00:49:30,120 >> HOPARLÖR 1: Ve şimdi, Derin DAV Farnham tarafından Düşünceler. 1118 00:49:30,120 --> 00:49:34,055 1119 00:49:34,055 --> 00:49:34,780 Hash tablo. 1120 00:49:34,780 --> 00:49:37,180 1121 00:49:37,180 --> 00:49:38,402 >> [KAHKAHA] 1122 00:49:38,402 --> 00:49:38,902