1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. MALAN: Pekala, bu nedenle bu burada Myo koludur 3 00:00:41,880 --> 00:00:44,450 bant, bir çift olan biz CS50 son projeler için var. 4 00:00:44,450 --> 00:00:47,533 Ve biz sıraya bir gösteri oldu peşin nerede aslında size kadar 5 00:00:47,533 --> 00:00:51,120 Bu oldukça sıkı kol burada bant senin kas hareketleri dinler 6 00:00:51,120 --> 00:00:54,280 Daha sonra yazılım eşlenen Burada Colton dizüstü hangi 7 00:00:54,280 --> 00:00:57,230 vardı iTunes ve Şarkı zaten sıraya. 8 00:00:57,230 --> 00:01:00,270 Aksine beni bu demoing daha, Colton laboratuarda oldu 9 00:01:00,270 --> 00:01:04,129 açıkça bütün hafta bir gösteri alıyorum bir cesur gönüllü hazır. 10 00:01:04,129 --> 00:01:07,430 Birisi gelip istiyorsanız up-- ilk elini gördüm. 11 00:01:07,430 --> 00:01:09,540 Hadi gel. 12 00:01:09,540 --> 00:01:12,530 >> Tamam. 13 00:01:12,530 --> 00:01:13,886 Ve senin adın ne? 14 00:01:13,886 --> 00:01:14,800 >> İZLEYİCİ: Ah, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. MALAN: Maria, seni görmek güzel. 16 00:01:16,550 --> 00:01:17,310 Buraya gel. 17 00:01:17,310 --> 00:01:19,550 Beni Colton tanıştırayım. 18 00:01:19,550 --> 00:01:21,290 Colton, bu Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Merhaba, nice to meet you. 20 00:01:23,050 --> 00:01:24,330 >> David J. MALAN: Tüm Doğru, bu yüzden sen, bir adım 21 00:01:24,330 --> 00:01:26,204 gidiş Eğer koymak için kolunuzun üzerine bu 22 00:01:26,204 --> 00:01:29,280 Oldukça olduğunu, böylece dirsek yakın kadar sıkı. 23 00:01:29,280 --> 00:01:31,940 Ve bu arada, en atalım Bizim Google Glass koymak 24 00:01:31,940 --> 00:01:33,720 ve bugün teknolojilerini karıştırın edeceğiz. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: İlk gerekecek şeylerin içine bu kanca. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. MALAN: Tamam. 27 00:01:37,170 --> 00:01:39,795 Aslında, en gibi kolunu koyalım mümkün olduğunca bu kabloya yakın 28 00:01:39,795 --> 00:01:41,160 bu yüzden ilk o kadar senkronize olabilir. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Hadi yapalım. 30 00:01:42,740 --> 00:01:46,500 >> David J. MALAN: Ve bu arada, bu yüzden Herkes daha yakından bakış alabilirsiniz, 31 00:01:46,500 --> 00:01:50,290 Biz Andrew kamera atacağım Orada ekranda. 32 00:01:50,290 --> 00:01:54,460 Bu yüzden bu bir USB kablosu var Maria'nın kol bandı takılan. 33 00:01:54,460 --> 00:02:00,230 Ve bana Colton ekranını atmak edelim Bir sonraki projektör üzerinde. 34 00:02:00,230 --> 00:02:06,000 >> Peki Colton cihazı kaydediyor Bir Myo bu kabloya bağlı şimdi. 35 00:02:06,000 --> 00:02:08,060 Ve şimdi ne Maria'nın anlık yapmak için gidiyor 36 00:02:08,060 --> 00:02:10,120 Aslında yürümek olduğunu kalibrasyon adımları 37 00:02:10,120 --> 00:02:12,830 ve yazılım öğretmek nasıl onu kasları tepki 38 00:02:12,830 --> 00:02:16,070 O yaptığınızda belli önceden tanımlanmış Yazılım anlıyor jestleri. 39 00:02:16,070 --> 00:02:17,910 Eğer gitmek istiyorsanız Ekranın ön. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 Tamam, denemeye devam. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Bu gibi gidin. 43 00:02:31,860 --> 00:02:32,970 Ve bunun gibi. 44 00:02:32,970 --> 00:02:34,563 Ve sağa tüm yol. 45 00:02:34,563 --> 00:02:35,922 Geri gitmek. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. MALAN: Tamam. 47 00:02:37,740 --> 00:02:38,960 Farklı bir bakış açısı. 48 00:02:38,960 --> 00:02:39,620 Bu değil. 49 00:02:39,620 --> 00:02:40,350 Bizi bu. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: Tamam. 51 00:02:41,749 --> 00:02:42,540 DAVID J. MALAN: Hayır 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 En yüksek yukarı o yüzden onu geçelim dirsek yakın, hatta sıkı. 54 00:02:51,540 --> 00:02:52,680 Tamam. 55 00:02:52,680 --> 00:02:53,270 >> İşte başlıyoruz. 56 00:02:53,270 --> 00:02:56,780 Bu CS52X için iyi bir zaman olacaktır. 57 00:02:56,780 --> 00:02:57,670 Biz oraya gitmek. 58 00:02:57,670 --> 00:02:58,760 >> Çok güzel. 59 00:02:58,760 --> 00:03:01,170 TAMAM MI. 60 00:03:01,170 --> 00:03:02,790 Thumb pinky için. 61 00:03:02,790 --> 00:03:03,380 >> Çok güzel. 62 00:03:03,380 --> 00:03:05,140 Parmaklarınızı yayıldı. 63 00:03:05,140 --> 00:03:06,240 İyi. 64 00:03:06,240 --> 00:03:06,910 Doğru Dalga. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Bu merakla gösteriyor Sol hand-- ile size 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Evet, bu garip değil. 68 00:03:19,665 --> 00:03:21,790 DAVID J. MALAN: Dalga Sağ ve ileriye taşımak. 69 00:03:21,790 --> 00:03:22,998 Hızlı ileri atlamak veya sonraki. 70 00:03:22,998 --> 00:03:25,020 Bu Tamam Dalga doğru. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: bekleyeceğim Sakın. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. MALAN: Bazı yardıma mı ihtiyacınız var? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Yani böyle gidiyoruz. 74 00:03:30,027 --> 00:03:31,860 MARIA: Bu dönüyor Başka bir şey olsa. 75 00:03:31,860 --> 00:03:32,390 COLTON: Öyle. 76 00:03:32,390 --> 00:03:34,250 DAVID J. MALAN: Evet, ben bilmiyorum Neden size bir leftie gösteriyor. 77 00:03:34,250 --> 00:03:36,458 COLTON: Neden try-- yok Sadece böyle gidiyor deneyin. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. MALAN: Hayır? 80 00:03:40,090 --> 00:03:42,580 Belki kolunuzu ulaşmak Biraz daha düz dışarı 81 00:03:42,580 --> 00:03:46,070 ve bu gibi daha ani olun. 82 00:03:46,070 --> 00:03:48,176 Evet, tamam, hadi. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: Üzgünüm. 84 00:03:49,670 --> 00:03:51,170 DAVID J. MALAN: Bu senin hatan değil. 85 00:03:51,170 --> 00:03:53,018 COLTON: Bu iyi. 86 00:03:53,018 --> 00:03:55,430 DAVID J. MALAN: Tüm Hakları. 87 00:03:55,430 --> 00:03:56,220 Şey-- 88 00:03:56,220 --> 00:03:57,620 >> MARIA: biz o, bu atlamak mı? 89 00:03:57,620 --> 00:03:59,620 DAVID J. MALAN: Evet, haydi kurtulmuş izin. 90 00:03:59,620 --> 00:04:03,130 Herkes bir yapmak istiyorum Yani eğer Bu kesme kenarı kullanarak nihai projesi 91 00:04:03,130 --> 00:04:07,707 donanım, fark sadece olabilir alışmak biraz zaman. 92 00:04:07,707 --> 00:04:10,290 Ve bu-- gerçeklik budur aslında çok kenar kanıyor. 93 00:04:10,290 --> 00:04:12,040 >> Bu ne denir olduğunu geliştirici kiti, hangi 94 00:04:12,040 --> 00:04:14,956 aslında bir ön sürüm olması gerekiyordu böylece insanlar tam olarak ne olduğunu 95 00:04:14,956 --> 00:04:18,690 onunla mücadele bu--, rakam dışarı nasıl insanların vücudumuzun çalışma 96 00:04:18,690 --> 00:04:19,980 teknolojisini kullanır. 97 00:04:19,980 --> 00:04:21,750 İstediğiniz Yani eğer daha sonra, dersten sonra, 98 00:04:21,750 --> 00:04:23,750 size gelip izin ve ona başka bir bıçak almak. 99 00:04:23,750 --> 00:04:26,970 Alkış Ama aksi takdirde, yuvarlak, eğer biz geldiğiniz için Maria için, olabilir. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Teşekkür ederim. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. MALAN: Teşekkür ederim. 102 00:04:30,390 --> 00:04:34,945 Biz bu asmak edeceğiz, ama biz vereceğiz siz-- nasıl burada bir stres topu dersiniz? 103 00:04:34,945 --> 00:04:38,620 Ah, ve- ve-- evet, teşekkürler. 104 00:04:38,620 --> 00:04:39,715 Tamam. 105 00:04:39,715 --> 00:04:45,750 Eğer vardı meraklı için, Yani Ses seçim ile yabancı 106 00:04:45,750 --> 00:04:47,670 Biz orada yapılan Daha önce, inanılmaz bir tv 107 00:04:47,670 --> 00:04:50,210 gösteriyor ki kesinlikle gerekir tıkınırcasına izliyor Netflix olmak 108 00:04:50,210 --> 00:04:51,110 Burada bu biridir. 109 00:04:51,110 --> 00:04:54,472 >> HOPARLÖR 1: Bayanlar ve baylar, Josh adında bir büyücü. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. MALAN: Ve görünüşe göre, bu kadar Bir şey şimdi ders sırasında beni metin. 112 00:05:08,050 --> 00:05:11,190 Ben söyledim oluyorum Maria Dün bir doğum günü vardı. 113 00:05:11,190 --> 00:05:14,095 Dan Yani mutlu yıllar Maria CS50 de. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Yani son bir ay içinde okumuş olabilirsiniz Burada bu baylar, Steve 116 00:05:22,090 --> 00:05:25,260 Aslında Ballmer, Üniversitede 1977 sınıf, 117 00:05:25,260 --> 00:05:27,170 Son zamanlarda Microsoft emekli. 118 00:05:27,170 --> 00:05:29,620 O, burada bir lisans daha sonra bir kaç yıl sonra 119 00:05:29,620 --> 00:05:31,910 kendini buldu Stanford Business School 120 00:05:31,910 --> 00:05:34,160 o bir telefon alınca onun bir arkadaşı aramak 121 00:05:34,160 --> 00:05:36,516 koridora yaşamıştı Burada Harvard'da ondan. 122 00:05:36,516 --> 00:05:38,640 Bu arkadaşınızın ismi Bill oldu Gates ve zaman, 123 00:05:38,640 --> 00:05:42,700 O olmaya Steve işe çalışıyordu İlk iş kişi, gerçekten, 124 00:05:42,700 --> 00:05:45,720 Küçük bir şirkette Microsoft isim. 125 00:05:45,720 --> 00:05:48,960 >> Uzun lafın kısası, Steve sonuçta kazanıldı, 126 00:05:48,960 --> 00:05:52,130 ne zaman Microsoft'a katıldı Sadece 30 çalışanı vardı. 127 00:05:52,130 --> 00:05:54,300 Ve zaman o oldukça yakın emekli, 128 00:05:54,300 --> 00:05:58,100 Şirket 100.000 çalışanı vardı son birkaç yıldır. 129 00:05:58,100 --> 00:06:01,171 Ve böylece bir web sitesi Verge olarak bilinen video Bu haraç hazırlanan 130 00:06:01,171 --> 00:06:02,920 biz diye düşündüm ki size verdiği paylaştı 131 00:06:02,920 --> 00:06:08,380 ne kadar enerji Steve duygusu o verir herhangi bir sunum getiriyor. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VİDEO OYNATMA] 134 00:06:12,550 --> 00:06:16,220 -Microsoft Dördüncü çocuk gibi. 135 00:06:16,220 --> 00:06:18,260 Çocuklar evden yapmak. 136 00:06:18,260 --> 00:06:21,875 Bu durumda, sanırım Ben evi terk ediyorum. 137 00:06:21,875 --> 00:06:23,270 Bill Hey, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> Hey, Wazzap? 140 00:06:25,320 --> 00:06:28,590 Biz verilen oldum bir muazzam bir fırsat. 141 00:06:28,590 --> 00:06:30,210 Ve Bill bize bu fırsatı verdi. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Ben bunun için Bill teşekkür etmek istiyorum. 144 00:06:36,770 --> 00:06:39,630 Ben çok istiyorum. 145 00:06:39,630 --> 00:06:42,500 yenilik hızı yavaş gitmiyor. 146 00:06:42,500 --> 00:06:45,140 >> Daha hızlı ve daha hızlı almak için gidiyor. 147 00:06:45,140 --> 00:06:50,165 Birkaç rakip olabilir ne yazık ki ortadan kalkar! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Ben bu şirketi seviyorum. 150 00:06:59,564 --> 00:07:00,064 Evet! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Ben bir bilgisayar değilim, ve ben bu şirketi seviyorum! 153 00:07:08,250 --> 00:07:13,090 >> Geliştiriciler, geliştiriciler, geliştiriciler, geliştiriciler, geliştiriciler, geliştiriciler, 154 00:07:13,090 --> 00:07:14,560 geliştiriciler, geliştiriciler. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Evet! 157 00:07:18,970 --> 00:07:19,950 Web geliştiricileri! 158 00:07:19,950 --> 00:07:21,420 >> Web geliştiricileri! 159 00:07:21,420 --> 00:07:22,890 Web geliştiricileri! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Dinleyin başka ne hiçbir ekstra ücret ödemeden olsun! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS yönetici, randevu kalender, bir kart kazık, bir not defteri, 163 00:07:31,960 --> 00:07:33,750 Bir saat, bir kontrol paneli. 164 00:07:33,750 --> 00:07:35,461 Ve, bunu inanabiliyor musun? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> CD'ye yazabilirsiniz! 167 00:07:37,270 --> 00:07:38,660 MSN onları göndermeden! 168 00:07:38,660 --> 00:07:40,422 Siz arkadaşlarınıza mail! 169 00:07:40,422 --> 00:07:41,790 >> Tek bir tıklama ile tüm! 170 00:07:41,790 --> 00:07:48,670 Bir Microsoft, bir strateji, bir team-- disiplinli, profesyonel, odaklı, 171 00:07:48,670 --> 00:07:50,610 ve yaptığımız tüm uzman. 172 00:07:50,610 --> 00:07:52,670 Bana eski bir filmden bir satırını kullanın edelim. 173 00:07:52,670 --> 00:07:54,810 >> İlişkiler köpekbalıkları gibi. 174 00:07:54,810 --> 00:07:57,480 Onlar ileriye taşımak veya ölürler. 175 00:07:57,480 --> 00:08:01,470 Aslında teknoloji düşünüyorum şirketlerin aynı. 176 00:08:01,470 --> 00:08:04,801 >> [SON VİDEO OYNATMA] 177 00:08:04,801 --> 00:08:08,050 DAVID J. MALAN: Yani biz çok mutluyuz Steve bize katılacak duyurdu 178 00:08:08,050 --> 00:08:13,320 Burada CS50 en sonraki Çarşamba Her zamanki yer ve burada zaman. 179 00:08:13,320 --> 00:08:14,750 Uzay olasılıkla sınırlı olacaktır. 180 00:08:14,750 --> 00:08:19,650 Ve böylece, bizzat bize lütfen katılmak için kısa bir süre sonra bugün baş veya 181 00:08:19,650 --> 00:08:22,600 cs50.harvard.edu/register için. 182 00:08:22,600 --> 00:08:25,780 >> Ve biz tarafından takip edecek Salı noktalar teyit. 183 00:08:25,780 --> 00:08:29,900 Sonraki için sabırsızlanıyoruz CS50 içinde ders sırasında Çarşamba. 184 00:08:29,900 --> 00:08:33,706 Şimdi, diğer yandan, ben oldu Crimson bu rastlamak sadece 185 00:08:33,706 --> 00:08:34,289 Geçen gün. 186 00:08:34,289 --> 00:08:37,370 >> Bu çıkıyor CS50 personeli biri olduğunu ve CS50 öğrencilerinin en az bir 187 00:08:37,370 --> 00:08:40,299 Şu anda UC için çalıştıran Başkan ve başkan yardımcısı, 188 00:08:40,299 --> 00:08:42,950 hangi beni geri getirdi Kendi gün geri 189 00:08:42,950 --> 00:08:45,920 ben sefil UC seçimi kaybetti. 190 00:08:45,920 --> 00:08:48,210 Ama gümüş astar ki ben her zaman 191 00:08:48,210 --> 00:08:50,604 Hikaye olduğunu söylemek I biri eminim 192 00:08:50,604 --> 00:08:52,770 birçok nedeni ben kaybettim Seçim tam bir eksikliği 193 00:08:52,770 --> 00:08:54,103 Kamu konuşma için bir yetenek. 194 00:08:54,103 --> 00:08:56,950 Ve bu yüzden oldukça dürüst, onu Beni sürdü, bu deneyim 195 00:08:56,950 --> 00:09:02,235 Benim genç yıl, aslında imzalamak düşünüyorum Harvard Computer Society, için hangi 196 00:09:02,235 --> 00:09:04,610 grup kampüs olduğunu çeşitli teknik temaslarda bulundu 197 00:09:04,610 --> 00:09:05,318 ve diğer şeyler. 198 00:09:05,318 --> 00:09:08,117 Ve ben onların öğretim devraldı konferanslar ve dolayısıyla 199 00:09:08,117 --> 00:09:09,950 , bir fırsat vardı harika bir fırsat, 200 00:09:09,950 --> 00:09:12,620 Tam bu üzerinde çalışmaya başlamak için. 201 00:09:12,620 --> 00:09:15,000 Ama aynı zamanda, ben bir fırsat vardı Bu deneyim sırasında 202 00:09:15,000 --> 00:09:16,930 Kendimi daha HTML öğretmek. 203 00:09:16,930 --> 00:09:21,080 Ve bu yüzden dün gece procrastinated HTML tabanlı web sitesi aracılığıyla arıyor 204 00:09:21,080 --> 00:09:28,066 Ben, 1997 gibi '98 yılında yapılan benim Burada bu gibi görünüyor kampanya. 205 00:09:28,066 --> 00:09:29,920 Biliyorum. 206 00:09:29,920 --> 00:09:33,340 >> Çünkü-- ve tabii ki, haber 1998 yılında bu muhteşem tasarım kararı 207 00:09:33,340 --> 00:09:33,850 veya etajer. 208 00:09:33,850 --> 00:09:36,475 Eğer istediğiniz ilk şey, kullanıcıların Web sitenizi ziyaret üzerine yapılacak 209 00:09:36,475 --> 00:09:39,860 Başka bir bağlantıyı tıklamanız zorunda olduğunu keşiş burada web sitenize girmek için 210 00:09:39,860 --> 00:09:43,940 arkasında nerede kefen perde gibi görünüşte benim Kampanya platformu oldu. 211 00:09:43,940 --> 00:09:46,330 Ve bu alırsınız hepsi Bugün sadece bir ekran görüntüsü. 212 00:09:46,330 --> 00:09:49,500 Ama ben, gibi, içinden okuyor Kampanya afişleri dün gece 213 00:09:49,500 --> 00:09:50,490 ve benim platformu. 214 00:09:50,490 --> 00:09:52,960 >> Ve ben zaman çok kızmıştı. 215 00:09:52,960 --> 00:09:55,380 Ilginç oldu Ben-- Benim platformu. 216 00:09:55,380 --> 00:09:57,730 Yani o zamandan beri sakinleşti ettik. 217 00:09:57,730 --> 00:10:03,550 Ama birgün, ben yine çalışacak ve Bu süre kapalı umarım daha iyi. 218 00:10:03,550 --> 00:10:07,265 >> Peki, HTML, ben yapılan bu dil Size in-- yakında çok more-- yapacağız 219 00:10:07,265 --> 00:10:09,140 biz oldum şeydir Geç hakkında konuşuyor 220 00:10:09,140 --> 00:10:12,460 ve büyük ölçüde için şimdi verilen alarak biz diğer dillere üzerine hareket ettik. 221 00:10:12,460 --> 00:10:15,650 Ama sadece bir an için duralım ve bağlamda bu bazı şeyleri koymak. 222 00:10:15,650 --> 00:10:18,040 Yani bir cümlede, HTML nedir? 223 00:10:18,040 --> 00:10:19,370 >> Ya, ne için kullanılır? 224 00:10:19,370 --> 00:10:20,208 Herkes? 225 00:10:20,208 --> 00:10:20,708 Evet. 226 00:10:20,708 --> 00:10:22,002 >> İZLEYİCİ: web siteleri için Biçimlendirme. 227 00:10:22,002 --> 00:10:23,460 DAVID J. MALAN: Web sitesi için Biçimlendirme. 228 00:10:23,460 --> 00:10:27,100 Yani bir biçimlendirme dili olduğunu Bir web sayfasını yapısı sağlar. 229 00:10:27,100 --> 00:10:30,040 Üstbilgi burada gider, başlık buraya, vücut buraya. 230 00:10:30,040 --> 00:10:33,280 Bu, bir, koyu bir ayrıntı bu tür italics--. 231 00:10:33,280 --> 00:10:33,830 >> Tamam, iyi. 232 00:10:33,830 --> 00:10:37,620 Yani CSS siz-- ve I sağlar Orada bazı özgürlükler aldı 233 00:10:37,620 --> 00:10:40,990 cesur-bakan ve italik nedeniyle ile daha iyi bu ile uygulanan oluyor. 234 00:10:40,990 --> 00:10:42,096 CSS ne bu--? 235 00:10:42,096 --> 00:10:42,845 Bir cümle söylemek. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Herkes tüm. 238 00:10:46,720 --> 00:10:46,870 Evet. 239 00:10:46,870 --> 00:10:49,286 >> İZLEYİCİ: Bezemeler ve Bunu nasıl tasarlanacağı gibi şeyler. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. MALAN: Tamam, iyi. 242 00:10:52,810 --> 00:10:55,420 Sizi izin süslemeler Bunu tasarlamak ya da stilize 243 00:10:55,420 --> 00:10:59,540 kalın ve benzeri şeyler ile italik ve renkleri ve aynı zamanda daha fazla para cezası 244 00:10:59,540 --> 00:11:01,330 elemanların taneli konumlandırma. 245 00:11:01,330 --> 00:11:04,520 Bu tür şeyleri çekmenize olanak verir Son mil Örneğin, eğer, bu yüzden 246 00:11:04,520 --> 00:11:08,130 Pset7 içinde, üzerinde fark etmiş olabilirsiniz sizin portföy sayfası bu noktada iseniz 247 00:11:08,130 --> 00:11:12,270 Zaten bir varsayılan tablo o size Kullanıcının stok holdinglerin göstermek için yapmak 248 00:11:12,270 --> 00:11:15,740 ve nakit muhtemelen oldukça iğrenç görünüyor Hiçbir boşluk ile varsayılan. 249 00:11:15,740 --> 00:11:18,420 Sıkışmış bir Herşey tür Birlikte satırlar ve sütunlar halinde. 250 00:11:18,420 --> 00:11:20,662 >> Peki, bir parça CSS, fark olabilir, 251 00:11:20,662 --> 00:11:23,870 aslında bu çimdik ve bunu yapabilir çok daha tanıdık ve çok şey 252 00:11:23,870 --> 00:11:24,870 güzel bakmak için. 253 00:11:24,870 --> 00:11:27,730 Yani CSS hakkında web sitelerinin stylization. 254 00:11:27,730 --> 00:11:31,970 Ama sonra başka bir tanıttı Bize ne sağlar dil, PHP,? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Sadece ne yapalım? 257 00:11:37,590 --> 00:11:38,177 Herkes. 258 00:11:38,177 --> 00:11:40,010 Ötesinde girişim var İlk birkaç satır. 259 00:11:40,010 --> 00:11:40,260 Evet. 260 00:11:40,260 --> 00:11:41,719 >> İZLEYİCİ: dinamik içerik oluşturun. 261 00:11:41,719 --> 00:11:42,718 DAVID J. MALAN: Mükemmel. 262 00:11:42,718 --> 00:11:43,850 Dinamik içerik oluşturun. 263 00:11:43,850 --> 00:11:45,808 Ve sen bunu yapabilirsiniz dil herhangi bir sayı. 264 00:11:45,808 --> 00:11:50,120 Biz çünkü PHP kullanmak için ne C sözdizimi çok benzer bir parçası. 265 00:11:50,120 --> 00:11:52,000 >> Ama PHP tam olarak bunu yapıyor. 266 00:11:52,000 --> 00:11:54,620 Bu dinamik çıktı oluşturmanızı sağlar. 267 00:11:54,620 --> 00:11:57,890 Ve bu çıkış bazı olabilir HTML, biz genellikle yapıyorum gibi. 268 00:11:57,890 --> 00:12:00,160 O çünkü Ve o da var Bir programlama dilidir 269 00:12:00,160 --> 00:12:03,240 mekanizma ile Biz veritabanlarına konuşabilirsiniz. 270 00:12:03,240 --> 00:12:05,730 >> Ve biz sorguları yapabilirsiniz Yahoos gibi diğer sunucular 271 00:12:05,730 --> 00:12:08,660 ve programlı bir şey yapmak Gerçekten aksi olabilir 272 00:12:08,660 --> 00:12:10,400 yapmak için bir bilgisayar zorlamak istiyorum. 273 00:12:10,400 --> 00:12:13,580 Yani PHP bize başlangıç ​​sağlar dinamik içerik çıktısı. 274 00:12:13,580 --> 00:12:16,900 Bu mantık tarafından Yani, ben yoktu geri 1998 yılında bir dinamik web sitesi. 275 00:12:16,900 --> 00:12:18,460 >> Bu sadece statik bir web sayfası oldu. 276 00:12:18,460 --> 00:12:22,250 Benim içeriği ile değiştirilmesi gerekiyordu el gedit ya da eşdeğeri ile. 277 00:12:22,250 --> 00:12:25,290 Ama PHP biz kullanılan ya da ne kullanılmış olabilir, daha doğrusu, 278 00:12:25,290 --> 00:12:27,260 gibi bir şey Frosh Sohbet sitesi, hangi 279 00:12:27,260 --> 00:12:31,160 kayıtları almak gerekiyordu ve users-- şeylerin bir listesini yönetmek 280 00:12:31,160 --> 00:12:33,550 Aslında üzerinde değişiyor Biz ne olsa zaman, 281 00:12:33,550 --> 00:12:35,990 Perl, farklı kullanımı zaman dil. 282 00:12:35,990 --> 00:12:40,350 >> Ve sonra son olarak, biz tanıttı SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Yani başka bir dil Bu ne için kullanılır? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Ne için kullanılır? 286 00:12:47,639 --> 00:12:49,430 Biz slight-- girişim olabilir Tamam, biz gitmiyoruz 287 00:12:49,430 --> 00:12:51,263 çok uzak olsun Burada orkestra daha. 288 00:12:51,263 --> 00:12:53,432 HEDEF KİTLE: Bu bir protokol var veritabanlarına konuşmak için kullanılır. 289 00:12:53,432 --> 00:12:55,640 DAVID J. MALAN: Bir protokol veritabanlarına konuşmak için kullanılır. 290 00:12:55,640 --> 00:12:56,181 Bana çimdik edelim. 291 00:12:56,181 --> 00:12:59,280 Kullanılan bir doğal dil var databases-- seçer konuşmak 292 00:12:59,280 --> 00:13:01,280 ve ekler ve siler ve güncellemeler ve aslında 293 00:13:01,280 --> 00:13:03,840 Hatta daha fazla özellik olduğunu biz bile daldı değil 294 00:13:03,840 --> 00:13:07,920 içine ama var explore-- isteyebilirsiniz , diyelim ki, bir final projesi keşfetmek için. 295 00:13:07,920 --> 00:13:09,560 Yani bu çeşitli parçalar vardır. 296 00:13:09,560 --> 00:13:13,100 >> Ve umarım Pset7, olsa bile şartname, oldukça uzun 297 00:13:13,100 --> 00:13:15,990 Seni yürümek kasten uzun var nasıl bu şeyler her can ile 298 00:13:15,990 --> 00:13:17,210 Birlikte yazılması. 299 00:13:17,210 --> 00:13:20,300 Şimdi, Pazartesi biz üzerinde Bizim son dil tanıttı 300 00:13:20,300 --> 00:13:23,430 resmen tanıtmak edeceğiz , JavaScript elbette--. 301 00:13:23,430 --> 00:13:25,720 Bu, PHP gibi, bir yorumlanmış dil. 302 00:13:25,720 --> 00:13:28,110 >> Ama önemli bir ayrım Ben Pazartesi günü önerdi 303 00:13:28,110 --> 00:13:32,730 PHP ise yürütme veya olmasıdır sunucu üzerinde yorumlanır hangi 304 00:13:32,730 --> 00:13:35,990 Bu durumda CS50 cihaz olup, ya da ticari web olabilir 305 00:13:35,990 --> 00:13:39,370 internet sunucusu, JavaScript genellikle 306 00:13:39,370 --> 00:13:43,650 istemci tarafında çalışan bir dildir tarayıcıda değil sunucu tarafta-- böylece. 307 00:13:43,650 --> 00:13:46,970 Hangi Sadece açıldığında gibi, demek ki Facebook kaynak kodu yukarı ve tüm bulundu 308 00:13:46,970 --> 00:13:51,510 Bu .js dosyaları, ima oldu Eğer Facebook veya ziyaret ettiğinizde çoğu 309 00:13:51,510 --> 00:13:54,810 web siteleri bu gün, olsun sadece HTML, CSS, sadece, 310 00:13:54,810 --> 00:13:59,370 ancak JavaScript bir sürü genellikle .js dosyaları şeklinde kodu. 311 00:13:59,370 --> 00:14:03,970 Ve o browser-- kendi bulunuyor Bu kodu çalıştırır, Mac veya PC--. 312 00:14:03,970 --> 00:14:05,990 >> Ama tarayıcınız yürütür. 313 00:14:05,990 --> 00:14:08,070 Bir sanal sıralamada düşünebilirsiniz. 314 00:14:08,070 --> 00:14:12,420 JavaScript kodu olmamalı Böylece Bilgisayarınızdaki dosyaları silebilir. 315 00:14:12,420 --> 00:14:14,730 Bu mümkün olmamalı sizin adınıza e-posta gönderebilirsiniz. 316 00:14:14,730 --> 00:14:17,760 Kısıtlar ve Tarayıcınız tür onunla ne yapabilirim. 317 00:14:17,760 --> 00:14:20,630 >> Yani bu anlamda, biraz var daha az güçlü, belki, daha C. 318 00:14:20,630 --> 00:14:24,030 Ama Javascript can, gibi bir kenara, sunucu üzerinde kullanılabilir, 319 00:14:24,030 --> 00:14:27,740 Konuşmamız değil eğilimindedir edeceğiz olsa Bu bağlamda bu konuda. 320 00:14:27,740 --> 00:14:29,740 Şimdi hep beraber bu kravat verelim. 321 00:14:29,740 --> 00:14:34,000 Bir hafta önce artı, bazı HTML sundu left-- süper sıkıcı web sayfasında. 322 00:14:34,000 --> 00:14:35,000 >> Sadece dünya merhaba diyor. 323 00:14:35,000 --> 00:14:38,110 Ve sonra ben teklif Doğru biz tür fikirleri çalmak 324 00:14:38,110 --> 00:14:41,470 bizim tartışma C veri yapıları 325 00:14:41,470 --> 00:14:45,270 ve nasıl bu hiyerarşik düşünmek Soldaki işaretleme dili 326 00:14:45,270 --> 00:14:49,720 çekilmiş veya bellekte uygulanabilir düğümler ile gerçek bir ağaç yapısı olarak 327 00:14:49,720 --> 00:14:51,400 işaretçiler ve detaylar bu tür ve. 328 00:14:51,400 --> 00:14:53,820 Sağda, biz diyoruz Bir DOM-- Belgesi ki 329 00:14:53,820 --> 00:14:56,800 Hangi sadece bir Model-- Nesne ağaç söyleyerek bir fantezi yolu. 330 00:14:56,800 --> 00:14:59,520 >> Şimdi, neden bu yararlıdır Bu şekilde düşünmek? 331 00:14:59,520 --> 00:15:01,680 Şimdi ile Çünkü JavaScript, biz var çünkü 332 00:15:01,680 --> 00:15:05,810 Bu oynamak için alır kod çevre, var gerçek HTML 333 00:15:05,810 --> 00:15:08,360 tarayıcıya gönderildi Zaten zaten var 334 00:15:08,360 --> 00:15:12,690 tarafından belleğe yüklenmiş Bilgisayarınız yıllarda bir ağaca tarayıcı 335 00:15:12,690 --> 00:15:18,270 Böyle RAM, biz JavaScript kullanabilirsiniz Aslında kadar hareket veya yürümek veya arama 336 00:15:18,270 --> 00:15:21,800 veya DOM ağacı ancak biz istiyoruz ki değiştirin. 337 00:15:21,800 --> 00:15:24,040 Yani aslında, eğer sen düşünmek hakkında facebook.com, 338 00:15:24,040 --> 00:15:27,660 sohbet özelliğini kullanıyorsanız, eğer kullanımı Gmail ve Gchat özelliği, 339 00:15:27,660 --> 00:15:30,540 Eğer varsa bir şey Tekrar ve tekrar geliyor mesajlar 340 00:15:30,540 --> 00:15:35,880 ve yine, bu iletiler, muhtemelen gibi, LI etiketi, Liste Öğe etiketleri, belki. 341 00:15:35,880 --> 00:15:37,940 >> Ya da belki de konum sadece görünen devam divs 342 00:15:37,940 --> 00:15:39,770 Her zaman bir anlık ileti olsun. 343 00:15:39,770 --> 00:15:42,960 Ve böylece sadece ne demektir Facebook ya da Google yapıyor 344 00:15:42,960 --> 00:15:45,200 her zaman bir almak olduğunu sunucudan mesaj, 345 00:15:45,200 --> 00:15:48,740 muhtemelen JavaScript kullanıyorsanız sadece başka bir düğüm eklemek için 346 00:15:48,740 --> 00:15:52,700 Bu, bu başka bir düğüm tree-- daha sonra görsel sadece görünen ağaç 347 00:15:52,700 --> 00:15:54,570 Ekranda yeni bir metin çizgi gibi. 348 00:15:54,570 --> 00:15:57,100 Ama onlar takıyor Bu veri yapısı içine. 349 00:15:57,100 --> 00:15:59,742 >> Gibi sınıflara Yani CS124 ve diğerleri, sen olacak 350 00:15:59,742 --> 00:16:02,200 Aslında karşı daha fazla kod yazmak Bu gibi veri yapıları. 351 00:16:02,200 --> 00:16:04,310 Ama şimdi JavaScript için, biz sadece farz edeceğiz 352 00:16:04,310 --> 00:16:07,920 Bu tüm işlevselliği olsun dilin kendisi ücretsiz. 353 00:16:07,920 --> 00:16:09,210 Yani bir örneğe bakalım. 354 00:16:09,210 --> 00:16:13,120 >> Bana form.html adlı bir dosya açalım. 355 00:16:13,120 --> 00:16:14,601 Süper basit. 356 00:16:14,601 --> 00:16:15,600 Sadece bu gibi görünüyor. 357 00:16:15,600 --> 00:16:17,860 >> Hayır CSS, estetik hiçbir düşünce. 358 00:16:17,860 --> 00:16:19,810 Bu tamamen işlevsel değil ve görünüşe göre ben 359 00:16:19,810 --> 00:16:24,000 Bir e-posta soran bir şifre, Tekrar şifre, ardından bir onay 360 00:16:24,000 --> 00:16:26,150 Bazı şartları ve koşulları kabul etmek. 361 00:16:26,150 --> 00:16:28,740 Ne bu kaynak kodu Muhtemelen bir şey gibi görünüyor 362 00:16:28,740 --> 00:16:31,030 Eğer bir ile sanırım olabilir Şimdi düşünce biraz. 363 00:16:31,030 --> 00:16:32,840 Ben burada bir form etiketi var. 364 00:16:32,840 --> 00:16:36,190 >> Bir eylem görünüşte gidiyor register.php adlı bir dosyaya gidin. 365 00:16:36,190 --> 00:16:37,870 Ben kullanmak için gidiyorum yöntem olsun. 366 00:16:37,870 --> 00:16:40,880 Ve sonra bir metin var Adını e-posta olduğunu alanı. 367 00:16:40,880 --> 00:16:43,340 >> Ben bir şifre alanı var Şifre kimin adıdır. 368 00:16:43,340 --> 00:16:45,420 Başka var Adını Şifre alanı 369 00:16:45,420 --> 00:16:47,342 biraz keyfi teyididir. 370 00:16:47,342 --> 00:16:49,690 Sadece başka bir HTTP parametresi var. 371 00:16:49,690 --> 00:16:54,430 >> Ve sonra biz dışında bu kullanılmaz ettik Frosh Sohbet class-- içinde demo beri 372 00:16:54,430 --> 00:16:56,692 bir onay kutusu Sadece tipi çek eşittir. 373 00:16:56,692 --> 00:16:57,900 Ve ben bu anlaşmayı arayacağım. 374 00:16:57,900 --> 00:17:00,700 Yani ettik tür keyfi ama elverişli bu alanları atadı. 375 00:17:00,700 --> 00:17:03,450 Bu formu alır şimdi ne Böylece sunulan, en ne görelim. 376 00:17:03,450 --> 00:17:07,290 Ben malan@harvard.edu yaparsanız, Ben Ahududu şifre yapacağız. 377 00:17:07,290 --> 00:17:09,530 Ben hiçbir şey bir şifre yapacağız. 378 00:17:09,530 --> 00:17:10,910 En işbirliği yapmayalım. 379 00:17:10,910 --> 00:17:12,280 >> Ve ben onay kutusunu olmaz. 380 00:17:12,280 --> 00:17:13,940 Bana Kayıt tıklayın edelim. 381 00:17:13,940 --> 00:17:15,420 Ve o hm, kayıtlı olduğunuz, diyor. 382 00:17:15,420 --> 00:17:16,069 Tam olarak değil. 383 00:17:16,069 --> 00:17:17,450 >> Ama URL değişti. 384 00:17:17,450 --> 00:17:22,280 Yani bu formu açıkça izin verildi register.php göndermek için. 385 00:17:22,280 --> 00:17:25,160 Ama muhtemelen, ben olmalı Bu hataların bazıları alıcı. 386 00:17:25,160 --> 00:17:27,569 Şimdi, Pset7 ve bazı Bizim ders örnekleri, 387 00:17:27,569 --> 00:17:30,130 genellikle yazdırmak istiyorum Burada büyük bir kırmızı bir hata mesajı 388 00:17:30,130 --> 00:17:33,760 diyerek adını eksik, veya şifre eksik. 389 00:17:33,760 --> 00:17:37,680 Biz ve önce biz ettik yaptık done sunucu tarafı hata algılama. 390 00:17:37,680 --> 00:17:41,580 >> Ama pek çok web sitesi bu gün istemci tarafı hata algılama yapmak 391 00:17:41,580 --> 00:17:42,810 nerede URL değişmez. 392 00:17:42,810 --> 00:17:44,101 Bütün sayfa yenileyin değildir. 393 00:17:44,101 --> 00:17:46,940 Sen anında geri bildirim almak tarayıcıdan. 394 00:17:46,940 --> 00:17:48,070 Belki bir şey kırmızı gider. 395 00:17:48,070 --> 00:17:49,190 >> Belki bir pop up olsun. 396 00:17:49,190 --> 00:17:53,240 Ama gönderme zamanını boşa harcamayın eksik var sunucu veri. 397 00:17:53,240 --> 00:17:56,050 Peki nasıl olabilir görelim yanı sıra bu özelliği elde. 398 00:17:56,050 --> 00:17:59,660 >> Beni form1.html gidelim Hangi aynı görünüyor. 399 00:17:59,660 --> 00:18:03,530 Ama bu sefer ben yaparsam malan@harvard.edu ve ben kıpkırmızı yazın 400 00:18:03,530 --> 00:18:07,350 ve ben daha işbirliği yok ancak Kayıt tıklayın, şimdi fark. 401 00:18:07,350 --> 00:18:08,940 Bu seksi çözüm değil. 402 00:18:08,940 --> 00:18:10,900 Ben en azından bu hatayı yakaladı ettik. 403 00:18:10,900 --> 00:18:12,900 Ve ben uyarı kullandım JavaScript-- fonksiyon 404 00:18:12,900 --> 00:18:14,090 hangi biz sadece sınıfta kullanıyorsunuz. 405 00:18:14,090 --> 00:18:16,430 Genel olarak, bu kullanmamalısınız çok hızlı bir şekilde alabilirsiniz çünkü 406 00:18:16,430 --> 00:18:17,160 kontrol sağlamıştır. 407 00:18:17,160 --> 00:18:19,180 Ama eşleşmiyor şifreleri hatadır. 408 00:18:19,180 --> 00:18:21,120 >> Beni go ahead ve Tamam'a tıklayın edelim. 409 00:18:21,120 --> 00:18:25,040 Ama ne Buradaki anahtar paket URL değişmedi olduğunu. 410 00:18:25,040 --> 00:18:27,960 Yani rahatsız ettik israf Sunucunun zaman onu soran 411 00:18:27,960 --> 00:18:30,750 Ben olabileceğini bir soru kendime cevabını anladım. 412 00:18:30,750 --> 00:18:33,210 >> Ve kullanıcı, olsa Bu bahsediyoruz 413 00:18:33,210 --> 00:18:35,264 Kullanıcı en uzun Bu düşünmek için gidiyoruz, 414 00:18:35,264 --> 00:18:36,680 anında geri bildirim sahip oluyor. 415 00:18:36,680 --> 00:18:39,044 Hiçbir gecikme ile yok ağ bağlantısı. 416 00:18:39,044 --> 00:18:40,460 Yani bu kaynak kodu bakalım. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html görünüyor Burada yapısal olarak benzer. 418 00:18:45,600 --> 00:18:46,810 gerçekte, aynıdır. 419 00:18:46,810 --> 00:18:48,330 Ama ben buraya ne yaptığını görelim. 420 00:18:48,330 --> 00:18:49,913 Ve bunu yapmak için farklı yollar var. 421 00:18:49,913 --> 00:18:53,690 Ve ben en düz yaptık Henüz en şık yolu takipçi değil. 422 00:18:53,690 --> 00:18:54,869 Ben bir script etiketini var. 423 00:18:54,869 --> 00:18:57,035 Sonra diyoruz document.getElementById ('kayıt'). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 Ve ben bu değeri depolamak biçiminde bir değişken. 426 00:19:04,420 --> 00:19:05,520 >> Peki ben ne yaptım? 427 00:19:05,520 --> 00:19:08,960 Aklınıza gelebilecek Document.GetElementById olarak 428 00:19:08,960 --> 00:19:11,200 özel bir fonksiyon olduğunu JavaScript verir 429 00:19:11,200 --> 00:19:14,400 tam anlamıyla bir eller olduğunu düğümlerin bir işaretçidir 430 00:19:14,400 --> 00:19:16,520 Bu ağaç veya dikdörtgenler. 431 00:19:16,520 --> 00:19:21,470 Peki şimdi ne bizim formu değişken var JavaScript gerçekte işaret ediyor. 432 00:19:21,470 --> 00:19:25,120 >> Peki şimdi sözdizimi farklı C. Ama biz burada bir şeyler yapıyoruz. 433 00:19:25,120 --> 00:19:30,360 Bir, bu biraz garip C. karşı kesinlikle arıyor 434 00:19:30,360 --> 00:19:32,180 Ama hat 35 bakmak. 435 00:19:32,180 --> 00:19:35,130 Sol form.onsubmit So. 436 00:19:35,130 --> 00:19:38,060 Bu onsubmit olduğunu hatırlayın Bir yapı içinde bir alan gibi. 437 00:19:38,060 --> 00:19:41,480 Form değişken düşünüyorsanız Sadece bir C yapı ediliyor, 438 00:19:41,480 --> 00:19:42,600 bazı alanlar olabilir. 439 00:19:42,600 --> 00:19:46,410 >> Geri gün içinde, biz öğrencilerin isimleri vardı, Kimlikleri, evler, tarlalar bu tür. 440 00:19:46,410 --> 00:19:48,520 Sadece başka bir alan olarak onsubmit düşünüyorum. 441 00:19:48,520 --> 00:19:53,380 Ama nedeniyle özel bir alan bulunuyor Tarayıcı beklemek önceden programlanır 442 00:19:53,380 --> 00:19:57,530 .onsubmit bir değer değil Bir numara veya dize gibi, 443 00:19:57,530 --> 00:20:01,180 ama aslında bir fonksiyonu olarak ya da bir fonksiyonun adresi 444 00:20:01,180 --> 00:20:02,570 bilgisayarın belleğinde. 445 00:20:02,570 --> 00:20:04,740 >> Ve gerçekten de, bu ne var Bu anahtar kelime burada yapar. 446 00:20:04,740 --> 00:20:06,710 Bu bana yeni bir fonksiyon vermek, diyor. 447 00:20:06,710 --> 00:20:09,390 Ama onun adı nedir görünüşe göre, olacak? 448 00:20:09,390 --> 00:20:10,800 >> Pazartesi geri Düşünme. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Bu adı nedir Bu sözdizimi dayalı işlev? 451 00:20:17,170 --> 00:20:19,784 Hayır, demek istediğim, açıkça var Hiçbir isim kesinlikle associated-- 452 00:20:19,784 --> 00:20:21,200 değil burada vurgulanan ettik ne. 453 00:20:21,200 --> 00:20:22,560 >> Ama aslında Tamam. 454 00:20:22,560 --> 00:20:25,840 Bu anonim fonksiyonu, ya da bir diyebilirsiniz gibi bazı lambda fonksiyonu. 455 00:20:25,840 --> 00:20:27,589 Ve bu sadece anlamına gelir Hala bir işlev var. 456 00:20:27,589 --> 00:20:29,400 Bu ada göre arama yapabilirsiniz, sadece bu. 457 00:20:29,400 --> 00:20:30,057 Ama bu sorun değil. 458 00:20:30,057 --> 00:20:33,140 Yine Çünkü, tarayıcı olmuştur Google gibi şirketler tarafından önceden programlanan 459 00:20:33,140 --> 00:20:38,540 Microsoft veya Mozilla veya başkaları veya Sadece biliyorum .onsubmit alan ise 460 00:20:38,540 --> 00:20:43,400 Bir form elemanı vardır içinde değer, bir function-- olarak davranın 461 00:20:43,400 --> 00:20:44,750 Bir işlev işaretçisi, eğer olacak. 462 00:20:44,750 --> 00:20:46,910 Form gönderildiğinde Ve diyoruz. 463 00:20:46,910 --> 00:20:50,350 >> Peki kod idam edilmelidir zaman form gönderildiğinde? 464 00:20:50,350 --> 00:20:52,526 Görünüşe göre, her şey küme ayracı içine. 465 00:20:52,526 --> 00:20:53,650 Ve bu sadece üslup olduğunu. 466 00:20:53,650 --> 00:20:55,626 >> Siz gibi bu yapabileceğini Biz CS50 yapmak eğilimindedir. 467 00:20:55,626 --> 00:20:58,250 Ama JavaScript, çoğu kişi Aynı hat üzerinde tutmak eğilimindedir 468 00:20:58,250 --> 00:21:01,960 sadece daha net olduğu için Bu anahtar kelime fonksiyonu ile ilişkili. 469 00:21:01,960 --> 00:21:03,240 Peki şimdi ne yapıyorum? 470 00:21:03,240 --> 00:21:08,616 >> Form.email.value eşittir eşitse Boş dize ya da hiçbir şey, burada 471 00:21:08,616 --> 00:21:11,490 Ben söylemek için gidiyorum bir uyarı, Eğer e-posta adresinizi sağlamanız gerekir 472 00:21:11,490 --> 00:21:12,690 ve sonra return false. 473 00:21:12,690 --> 00:21:15,720 Ve o geri dönüş yanlış olduğunu sunulmadan formu engeller. 474 00:21:15,720 --> 00:21:19,480 Bu arada, şifre değeri ise Boş, ben kullanıcıya bağırma gidiyorum 475 00:21:19,480 --> 00:21:21,150 ve bir şifre sağlamanız gerekir, diyorum. 476 00:21:21,150 --> 00:21:23,700 >> Bu arada şeyler alıyorsanız Burada biraz meraklısı. 477 00:21:23,700 --> 00:21:29,160 Form.password.value değilse eşit form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 diğer alan, bağırma Kullanıcı bu şifreleri 479 00:21:31,680 --> 00:21:33,860 onlar gibi eşleşmiyor Bir an önce yoktu. 480 00:21:33,860 --> 00:21:35,780 Ve sonra bu biri bir biraz daha seksi çünkü ben 481 00:21:35,780 --> 00:21:40,470 Ben kavramsal biliyordum biliyorum kontrol onay kutusunun adıdır. 482 00:21:40,470 --> 00:21:45,680 >> Yani sadece bir ünlem kullanabilirsiniz çek değilse noktası söylemek 483 00:21:45,680 --> 00:21:48,040 checked-- bu Boolean bulunuyor doğru ya da false-- değer, 484 00:21:48,040 --> 00:21:49,700 Ben bu nedenle kullanıcı bağırma olacak. 485 00:21:49,700 --> 00:21:52,300 Aksi takdirde, biz aracılığıyla olsun tüm bu koşullar, 486 00:21:52,300 --> 00:21:53,270 Sadece gerçek dönelim. 487 00:21:53,270 --> 00:21:54,700 Form teslim olsun. 488 00:21:54,700 --> 00:21:56,560 Ve bu o zaman ne olacak. 489 00:21:56,560 --> 00:21:57,740 >> Kıpkırmızı edelim tipi. 490 00:21:57,740 --> 00:22:00,230 En onay kutusunu Let, Kayıt tıklayın. 491 00:22:00,230 --> 00:22:01,979 Ve şimdi hedefe gitmek. 492 00:22:01,979 --> 00:22:03,270 Şimdi, orada hiçbir veri tabanı yok. 493 00:22:03,270 --> 00:22:05,370 İlginç bir şey yok register.php içinde. 494 00:22:05,370 --> 00:22:07,980 Ben sadece bir şey gerekli Aslında konuşmak için. 495 00:22:07,980 --> 00:22:09,140 Yani beni burada, duralım. 496 00:22:09,140 --> 00:22:16,270 Biz sadece ne yaptık üzerinde herhangi bir soru ya bu yeni sözdizimi bazı nedir? 497 00:22:16,270 --> 00:22:17,640 Evet, tamam mı? 498 00:22:17,640 --> 00:22:20,025 >> İZLEYİCİ: Yani herhangi bir onay kutusu otomatik bir Boolean olduğunu. 499 00:22:20,025 --> 00:22:21,650 Böyle beyan etmek zorunda değilsiniz. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. MALAN: Doğru. 501 00:22:22,649 --> 00:22:29,340 Size gönderilmeden herhangi bir onay kutusu JavaScript kodu bir HTML formu 502 00:22:29,340 --> 00:22:31,760 Bir olarak, evet, tedavi edilecek Boolean doğru ya da yanlış value--. 503 00:22:31,760 --> 00:22:32,635 Bu iyi bir soru. 504 00:22:32,635 --> 00:22:36,080 Diğer değerler ise, bir Tabii, metin, AKA dizeleri olmuştur. 505 00:22:36,080 --> 00:22:38,500 >> Tüm hakkı, bu yüzden bana izin biraz daha geri sarma. 506 00:22:38,500 --> 00:22:39,900 Bu bütün mesele neydi? 507 00:22:39,900 --> 00:22:41,400 Sadece temiz olması için. 508 00:22:41,400 --> 00:22:44,940 Gibi, biz zaten hatta Pset7 gelen, biliyorum ve hatta geçen haftaki dersin gelen 509 00:22:44,940 --> 00:22:51,120 tabii ki kontrol edebilirsiniz örnekler, Kullanıcı bize verirsen $ _GET $ _POST bakın 510 00:22:51,120 --> 00:22:52,200 Boş bir değer. 511 00:22:52,200 --> 00:22:54,400 PHP boş işlevi unutmayın. 512 00:22:54,400 --> 00:22:58,040 >> Yani sadece ne, net olmak biz de olabilir bir nedeni 513 00:22:58,040 --> 00:23:00,535 Bu hata denetimi yapmak istiyorum tarayıcısı içinde? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Burada motivasyon nedir? 516 00:23:06,080 --> 00:23:06,580 Evet. 517 00:23:06,580 --> 00:23:09,735 >> İZLEYİCİ: Daha hızlı ve değil mi sunucuya gereksiz veri göndermek. 518 00:23:09,735 --> 00:23:10,610 DAVID J. MALAN: İyi. 519 00:23:10,610 --> 00:23:11,170 Bu hızlı. 520 00:23:11,170 --> 00:23:12,920 Sen işe yaramaz göndermek yok sunucuya veri. 521 00:23:12,920 --> 00:23:14,670 >> Yani geri fazlasını elde anında yanıt. 522 00:23:14,670 --> 00:23:16,560 Ve genel olarak, kullanıcı deneyim iyidir. 523 00:23:16,560 --> 00:23:17,900 Alternatif düşün. 524 00:23:17,900 --> 00:23:21,160 >> Gmail-- için ise ve oldu yıllar önce durum. 525 00:23:21,160 --> 00:23:24,160 Yeni bir e-posta Gmail var varsayalım Hesap, ancak tek yolu aracılığıyla 526 00:23:24,160 --> 00:23:26,510 Bu gibi olduğunu görmek için, tüm sayfayı yeniden yükleyin. 527 00:23:26,510 --> 00:23:29,030 Yoksa tıklayın varsayalım Bir bağlantı e-posta okumak için. 528 00:23:29,030 --> 00:23:31,600 >> Her şey çok yeniden var Eğer e-posta görebilirsiniz. 529 00:23:31,600 --> 00:23:33,380 Ya da bir sohbet mesajı almak Facebook--. 530 00:23:33,380 --> 00:23:36,000 Eğer yeniden kadar bunu görmüyorum sayfa ya da bazı bağlantıyı tıklatın. 531 00:23:36,000 --> 00:23:38,380 >> Gibi bu çok bir olacaktır can sıkıcı bir kullanıcı deneyimi. 532 00:23:38,380 --> 00:23:41,300 Ve bu, o gibi ne olduğunu açıkça, geri ben UC koştu zaman 533 00:23:41,300 --> 00:23:44,760 ve web daha az dinamik oldu popüler olarak ve JavaScript değildi 534 00:23:44,760 --> 00:23:45,601 gibi şimdi. 535 00:23:45,601 --> 00:23:47,850 Ve işler çok alıyorsanız daha dinamik ve çok daha fazlası 536 00:23:47,850 --> 00:23:49,900 Bu anlamda istemci tarafı. 537 00:23:49,900 --> 00:23:54,370 >> Ama orada yakalamak burada, ve Bu sinir bozucu bir Yakaladım türüdür. 538 00:23:54,370 --> 00:23:58,720 Sadece istemci tarafında eklemek için Böyle algılama anlamına gelmez 539 00:23:58,720 --> 00:24:01,430 Siz veya terk etmelidir olabilir Sunucu tarafı algılama. 540 00:24:01,430 --> 00:24:04,080 Sen aslında, sizin koymak istiyorum Her iki yerde kontrol hatası. 541 00:24:04,080 --> 00:24:05,830 Biri ne Çünkü öğrenilen ders 542 00:24:05,830 --> 00:24:10,270 makalesinden bazı alıntılar okumak Bu aptal CMS sisteminin, ile gelen 543 00:24:10,270 --> 00:24:14,410 Oldu İçerik Yönetimi sisteminin, kimlik doğrulama sisteminin uygulanması, 544 00:24:14,410 --> 00:24:16,790 Ne mekanizması yoluyla kendi giriş? 545 00:24:16,790 --> 00:24:19,515 546 00:24:19,515 --> 00:24:20,469 JavaScript. 547 00:24:20,469 --> 00:24:21,499 >> İZLEYİCİ: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. MALAN: JavaScript, tam, değil mi? 549 00:24:23,290 --> 00:24:24,610 Bu JavaScript kullanarak edilmiştir. 550 00:24:24,610 --> 00:24:27,120 Ve tam anlamıyla, siz var muhtemelen biraz oynadı 551 00:24:27,120 --> 00:24:28,700 Chrome'un Müfettiş ile. 552 00:24:28,700 --> 00:24:30,890 Onu bulmak Ve eğer, eleman kontrol edin. 553 00:24:30,890 --> 00:24:33,670 >> Yapmamı üzerinden gidelim Chrome'un tüm seçenekleri. 554 00:24:33,670 --> 00:24:37,080 Ve bu da ne kadar kolay olduğunu Bir tarayıcıda JavaScript devre dışı bırakın. 555 00:24:37,080 --> 00:24:38,950 , Artık JavaScript kontrol edin. 556 00:24:38,950 --> 00:24:41,070 >> Yani adalet, bir sürü bu gün web 557 00:24:41,070 --> 00:24:43,430 sırf kırmak için gidiyor Gmail ve diğer sites-- 558 00:24:43,430 --> 00:24:46,140 Varsayalım Facebook-- JavaScript etkindir. 559 00:24:46,140 --> 00:24:50,180 Ama aptalca bir şey yapıyoruz gibi sadece kullanıcıların girişi doğrulayarak 560 00:24:50,180 --> 00:24:52,520 ve bunu kontrol istemci tarafında hataları, 561 00:24:52,520 --> 00:24:54,940 Bir düşman kolayca yapabilirdi. 562 00:24:54,940 --> 00:24:57,180 Ve o zaman bile akıllı Eğer çocuklar gibi düşman 563 00:24:57,180 --> 00:25:01,120 Şimdi Telnet veya Curl kullanabilirsiniz ya da sadece komut satırı komutları 564 00:25:01,120 --> 00:25:05,300 ve aslında sunucuya mesaj göndermek Bu benzer kontrol ve hatalı değildir. 565 00:25:05,300 --> 00:25:08,380 >> Yani bu bir daha fazla olduğunu Kullanıcı arayüzü karar 566 00:25:08,380 --> 00:25:13,060 Bu teknik, gerçek bir daha improvement-- uygulanması 567 00:25:13,060 --> 00:25:14,410 böyle bir şey istemci tarafında. 568 00:25:14,410 --> 00:25:16,800 Yani şimdi hızlı bir bakışta, ama sonra Online yürüyüş erteleme edeceğiz 569 00:25:16,800 --> 00:25:17,674 Bu biri için aracılığıyla. 570 00:25:17,674 --> 00:25:21,480 Şeklinde iki yılında, biz aslında geçti ve kodunu biraz temizlenmiş. 571 00:25:21,480 --> 00:25:23,650 Ama beni birine erteleme izin videoları biz büyük olasılıkla olacak 572 00:25:23,650 --> 00:25:27,970 Sadece bir gösterir Pset8 embed adında bir kütüphane kullanarak benzer sözdizimi 573 00:25:27,970 --> 00:25:32,320 Bir süper, süper jQuery, JavaScript popüler kütüphane 574 00:25:32,320 --> 00:25:34,510 açıkçası çoğu kişi sadece bu gün kullanmak 575 00:25:34,510 --> 00:25:37,070 ve hatta karıştırmak varlık JavaScript kendisi. 576 00:25:37,070 --> 00:25:38,950 >> Ve dahil etmek eğilimindedir Bazı dolar işaretleri 577 00:25:38,950 --> 00:25:41,350 ve belge gibi anahtar kelimeler Burada parantez içinde. 578 00:25:41,350 --> 00:25:44,480 Fakat yine de, beni ertelemek izin Online bazı yavaş öğreticiler 579 00:25:44,480 --> 00:25:46,750 yerine sadece sözdizimi bağladım olsun. 580 00:25:46,750 --> 00:25:48,630 En geçelim biraz soğuk bir şey 581 00:25:48,630 --> 00:25:50,520 Bu uygulamaları açısından. 582 00:25:50,520 --> 00:25:57,730 >> Özellikle Yani, gitmeme izin önde ve burada bu kadar açık. 583 00:25:57,730 --> 00:25:58,340 Hadi. 584 00:25:58,340 --> 00:25:59,380 Biz oraya gitmek. 585 00:25:59,380 --> 00:26:01,500 >> Beni burada bu resmi açalım. 586 00:26:01,500 --> 00:26:03,450 Gereksiz yere karmaşık arıyorum, ama 587 00:26:03,450 --> 00:26:07,880 adı verilen bir teknik tarif AJAX-- Asynchronous JavaScript ve XML, 588 00:26:07,880 --> 00:26:10,530 XML X aslında artık gerçekten kullanılır. 589 00:26:10,530 --> 00:26:13,430 Bu bir şey kullanmak eğilimindedir Başka JSON aradı. 590 00:26:13,430 --> 00:26:16,560 >> Ama burada ne gibi bir şey olduğunu Google Haritalar veya Google Earth çalışır. 591 00:26:16,560 --> 00:26:18,060 En doğrusu, anında bu deneyelim. 592 00:26:18,060 --> 00:26:21,590 Beni go ahead ve açalım tarayıcımda kadar Krom. 593 00:26:21,590 --> 00:26:26,236 >> Ve beni içine gidelim, , maps.google.com söylüyorlar. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 Ve aslında, eski iseniz Ne hatırlamak yeterli, 596 00:26:31,930 --> 00:26:35,600 gibi, MapQuest, geri gün gibi oldu ve belki de hala bu gibi çalışmak. 597 00:26:35,600 --> 00:26:38,870 Eğer şey-- aramak için kullanıldığında 33 Oxford Caddesi, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 en paha sen yapalım Aslında olur, eğer 599 00:26:40,650 --> 00:26:43,000 yukarı kaydırmak istedi ve aşağı, sola ve sağa 600 00:26:43,000 --> 00:26:44,920 Eğer bir şekilde görünecektir Büyük üzerindeki ok, ve 601 00:26:44,920 --> 00:26:46,921 Sana başka gösterecektir buraya haritanın çerçeve. 602 00:26:46,921 --> 00:26:49,753 Yoksa size bıraktı ve tıklatın ediyorum Buraya gitmek, ya da başka bir tıklama olur 603 00:26:49,753 --> 00:26:51,000 ve buraya gitmek istiyorum. 604 00:26:51,000 --> 00:26:53,000 Ama bunun yerine bu gün, biz tabii ki sadece 605 00:26:53,000 --> 00:26:55,970 Biz gidebilirsiniz hafife almak Cambridge çevresinde oldukça hızlı 606 00:26:55,970 --> 00:26:57,550 sadece tıklayarak ve sürükleyerek. 607 00:26:57,550 --> 00:26:59,130 Ancak bazı hataları var dikkat edin. 608 00:26:59,130 --> 00:27:02,160 >> Ben yeterince hızlı yaparsanız, ne oluyor gibi görünüyor 609 00:27:02,160 --> 00:27:05,960 Ben sürüklerken biraz çok hızlı bilgisayar için yetişmek için? 610 00:27:05,960 --> 00:27:07,160 Ne görüyorsun? 611 00:27:07,160 --> 00:27:07,660 Evet. 612 00:27:07,660 --> 00:27:09,232 >> İZLEYİCİ: piksel yenileme yok. 613 00:27:09,232 --> 00:27:10,940 DAVID J. MALAN: piksel yenilemek yok. 614 00:27:10,940 --> 00:27:12,870 Actually-- ve sizi var Aslında, bu görebiliyordu, 615 00:27:12,870 --> 00:27:15,360 online ve duraklama izliyor eğer Bu ya da aslında aşağı şeyler yavaşlatır 616 00:27:15,360 --> 00:27:18,600 once-- için orada olduğunu görürsünüz fayans, kareler, dikdörtgenler veya bu 617 00:27:18,600 --> 00:27:22,040 haritadan kadar eksik Bir saniye sonra, daha fazla veri, 618 00:27:22,040 --> 00:27:24,390 Aslında daha fazla resim ekranda görüntülenir. 619 00:27:24,390 --> 00:27:29,810 Ve aslında, biz bakarak bunu yaparsanız en, Chrome-- diyelim Chrome's-- kadar 620 00:27:29,810 --> 00:27:30,310 görelim. 621 00:27:30,310 --> 00:27:31,090 Biz bunu yapamaz. 622 00:27:31,090 --> 00:27:31,860 >> Ah, hoppala. 623 00:27:31,860 --> 00:27:34,761 En maps.google.com açalım. 624 00:27:34,761 --> 00:27:36,660 Beni tekrar pencere büyük yapalım. 625 00:27:36,660 --> 00:27:38,836 >> Geri 33 Oxford Street gidin. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Geçenlerde oldu sitesi neydi? 628 00:27:43,760 --> 00:27:46,440 Ben bu gibi, özel rant vardı kendimi o anlık ileti ediyorum ki 629 00:27:46,440 --> 00:27:48,470 Çevrimiçi Herhangi bir arkadaş kim duymak istedim. 630 00:27:48,470 --> 00:27:49,345 Bazı web sitesi var. 631 00:27:49,345 --> 00:27:52,680 Ben o kadar Comcast-- olduğunu düşünüyorum Bir çok büyük Amerikan ISS. 632 00:27:52,680 --> 00:27:56,355 Yeni kablo, kaydolurken zaman modem servis veya kablo TV hizmeti, 633 00:27:56,355 --> 00:27:59,230 onlar çok makul bir form var nerede onlar adresi için sizden. 634 00:27:59,230 --> 00:28:01,450 Ve bu şaşırtıcı var otomatik tamamlama özelliği denir, 635 00:28:01,450 --> 00:28:04,600 Google gibi, bu dolmaya başlar Sorunuzun cevabı olarak. 636 00:28:04,600 --> 00:28:08,090 >> Sorun, onlar otomatik tamamlama yapmak Yazdığınız ilk şeyler. 637 00:28:08,090 --> 00:28:12,890 Yani 33 yılında yazmaya başlarsanız, o Her evin tam anlamıyla size gösterecektir 638 00:28:12,890 --> 00:28:15,790 Amerika'da ki başlar sayı 33, 639 00:28:15,790 --> 00:28:17,920 devam etmeden önce Daha fazla yazmanız bekliyoruz. 640 00:28:17,920 --> 00:28:20,660 Oxford 33 yazarsanız Yani, o zaman size her sokak gösterir 641 00:28:20,660 --> 00:28:24,726 Amerika'da 33 Oxford sahip olduğu bakılmaksızın şehrin adı, 642 00:28:24,726 --> 00:28:25,350 Eğer olduğunuzu. 643 00:28:25,350 --> 00:28:26,320 >> Ve sonra yazmaya devam. 644 00:28:26,320 --> 00:28:28,930 Ve nihayet, onlar değil ki fark Cambridge evinize teklif hizmeti 645 00:28:28,930 --> 00:28:29,920 ya böyle bir şey. 646 00:28:29,920 --> 00:28:33,410 Ama nokta bu, en olduğunu oto eşekçe uygulanması 647 00:28:33,410 --> 00:28:34,140 Hiç tamamlayın. 648 00:28:34,140 --> 00:28:36,400 >> Ve ben sadece kapalı gidiyorum Bu teğet tekrar. 649 00:28:36,400 --> 00:28:39,040 Ama iyi yolu vardır JavaScript ve kötü yolları kullanın. 650 00:28:39,040 --> 00:28:40,750 Ve bu mutlaka en iyi biri değil. 651 00:28:40,750 --> 00:28:46,360 >> Ama bu daha önce burada nokta, tirad, araçları buraya açmak oldu 652 00:28:46,360 --> 00:28:49,480 ve, geliştirici araçları açmak Daha önce teşvik ettik, 653 00:28:49,480 --> 00:28:52,840 ve Ağ izlemek için sekmesi gerçekten hızlı tıklayın gibi. 654 00:28:52,840 --> 00:28:55,400 Ve bir sürü fark istekleri oldu olsun. 655 00:28:55,400 --> 00:28:57,310 Ben sürükledi beri Tüm bu oldu. 656 00:28:57,310 --> 00:29:00,170 >> Ve büyük olasılıkla, gerçekten Bu satırların bir sürü 657 00:29:00,170 --> 00:29:04,060 Şimdi görüntü çizgi JPEG vardır MIME türleri veya içerik türleri. 658 00:29:04,060 --> 00:29:07,750 Ne yaptığını krom, çünkü bu Ben tıkla ve sürükle her zaman, tıklayın 659 00:29:07,750 --> 00:29:11,650 ve ben, oh, hayata bulunuyor sürükle Karo Google'a sormak gitmek gerekir 660 00:29:11,650 --> 00:29:15,080 Burada bitti harita üzerinde, hızlı HTTP üzerinden indirebilirsiniz, 661 00:29:15,080 --> 00:29:19,550 ve sonra bu şekilde adlandırılan DOM eklemek Bellek ağacında web tarayıcıları 662 00:29:19,550 --> 00:29:24,430 temsil kullanıcı böylece, Bana, bu güncellenmiş kiremit görür. 663 00:29:24,430 --> 00:29:26,795 Bu nedenle, böyle AJAX adında bir tekniktir. 664 00:29:26,795 --> 00:29:28,920 Geri gün içinde, gerçekten Bu böyleydi eğer 665 00:29:28,920 --> 00:29:33,050 Ekranda ne değiştirmek istedim, yukarı tıklayınız olurdu, aşağı, sola, 666 00:29:33,050 --> 00:29:33,550 Doğru. 667 00:29:33,550 --> 00:29:34,740 Ve sonra yeni bir sayfa açacak. 668 00:29:34,740 --> 00:29:36,531 Ama bu gün, her şey daha dinamiktir. 669 00:29:36,531 --> 00:29:40,490 Biz insanlar olur şekilde olur aslında interaktif olur umarım. 670 00:29:40,490 --> 00:29:43,210 Ve bu başarır denilen bir teknikle yolu 671 00:29:43,210 --> 00:29:46,170 Belki de en iyi AJAX, Bir örnek ile açıklanabilir. 672 00:29:46,170 --> 00:29:49,730 Öncelikle, beni önde gidelim ve bir dosyayı açmak 673 00:29:49,730 --> 00:29:53,540 içinde quote.php denir Günümüz dağıtım kodu. 674 00:29:53,540 --> 00:29:56,200 >> Ve sonra bana symbol-- hoppala yapalım. 675 00:29:56,200 --> 00:30:02,399 Bana sembolü yapayım = GOOG sadece bazı hisse senedi için. 676 00:30:02,399 --> 00:30:04,440 Ya da aslında, en yapalım Pset ÜCRETSİZ birer. 677 00:30:04,440 --> 00:30:05,270 Girin. 678 00:30:05,270 --> 00:30:06,580 >> Ve şimdi geri almak ne fark. 679 00:30:06,580 --> 00:30:09,210 Yani bu bir gerçekten Kısa PHP dosyası olduğunu ben 680 00:30:09,210 --> 00:30:13,210 sadece kod ödünç olduğunu yazdı Pset7 en arama fonksiyonundan 681 00:30:13,210 --> 00:30:17,830 ve bu küme ayracı kullanarak tükürür ve tırnak ve kolon gösterim, görünüşe göre, 682 00:30:17,830 --> 00:30:22,747 için geçerli hisse senedi fiyat Eğer get üzerinden geçmek şirketi. 683 00:30:22,747 --> 00:30:24,580 Yani bu farklı biz ettik ne çoğundan 684 00:30:24,580 --> 00:30:26,496 Ben bu haber yapılır kelimenin tam anlamıyla dışarı tükürme 685 00:30:26,496 --> 00:30:27,870 ne JavaScript kodu gibi görünüyor. 686 00:30:27,870 --> 00:30:30,020 >> Aslında, bu bir JavaScript amacıdır. 687 00:30:30,020 --> 00:30:34,130 Aslında, sadece daha temiz olması için JSON-- Notation-- JavaScript Object 688 00:30:34,130 --> 00:30:38,330 Senin söyleyerek sadece süslü bir yoludur çok JavaScript verileri temsil edebilir 689 00:30:38,330 --> 00:30:41,660 gibi PHP yapabilirsiniz anahtar değeri çiftleri kullanılarak. 690 00:30:41,660 --> 00:30:44,270 Ben beyan etmek istedim Yani eğer JavaScript değişken 691 00:30:44,270 --> 00:30:47,872 için, Zamyla temsil eder Zamyla-- için bir yapı instance-- 692 00:30:47,872 --> 00:30:49,580 ve biz arayalım Öğrenci, bu değişken. 693 00:30:49,580 --> 00:30:53,060 Onun kimlik ev, biri Winthrop ve isim Zamyla olduğunu. 694 00:30:53,060 --> 00:30:55,490 >> Ama ben de nesneler dizisi olabilir. 695 00:30:55,490 --> 00:30:58,710 Yani aslında var istedim içeren JavaScript bir dizi 696 00:30:58,710 --> 00:31:01,740 Birden fazla tür nesneler, bu Zaman, personel temsil 697 00:31:01,740 --> 00:31:04,910 Ben bu üç sahip olabilir geri kod parçaları 698 00:31:04,910 --> 00:31:08,560 Bunlar için geri geri üç eski personeli. 699 00:31:08,560 --> 00:31:12,201 Yani sözdizimi, oldukça PHP both-- benzer. 700 00:31:12,201 --> 00:31:13,700 Ama bu özellikle JavaScript. 701 00:31:13,700 --> 00:31:15,940 Bu nesne gösterimi var. 702 00:31:15,940 --> 00:31:17,240 Yani bu yararlı nedir? 703 00:31:17,240 --> 00:31:21,580 Ben kodu yazarsanız >> dışarı tükürür o JSON-- Şeyler Notation-- JavaScript Object o 704 00:31:21,580 --> 00:31:24,670 Bu veya malzeme gibi görünüyor , Zamyla yapısı gibi görünüyor 705 00:31:24,670 --> 00:31:27,730 Ben aslında bu kullanabilirsiniz programlar yazıyorum. 706 00:31:27,730 --> 00:31:30,660 Beni ajax0.html gidelim. 707 00:31:30,660 --> 00:31:33,310 Ve bu kadar değil too-- estetik verilen düşünce. 708 00:31:33,310 --> 00:31:34,660 Ama ne olur izle. 709 00:31:34,660 --> 00:31:37,050 >> Beni go ahead ve burada ücretsiz yazın edelim. 710 00:31:37,050 --> 00:31:38,490 Teklif almak tıklayın. 711 00:31:38,490 --> 00:31:41,060 Ve URL değişmedi dikkat edin. 712 00:31:41,060 --> 00:31:47,250 Ama görünüşe göre bir pop up aldın 0,15 $ bugünün kuruş hisse senedi fiyatı. 713 00:31:47,250 --> 00:31:49,062 Yani tüm bu kötü değil. 714 00:31:49,062 --> 00:31:52,020 Ama fark, bu şekilde bir Bu veriler, doğrudan bana geri geldi. 715 00:31:52,020 --> 00:31:54,250 Ama doğru bir adım atalım daha tanıdık bir şey. 716 00:31:54,250 --> 00:31:58,900 Bu sürüm bir de, bana izin teklifi al tıklatın, ücretsiz yeniden yazın 717 00:31:58,900 --> 00:32:01,146 ve oh şimdi--, bu oldu Aslında jQuery versiyonu. 718 00:32:01,146 --> 00:32:03,270 Ben yaptım bana-- Yani izin Oldukça yeterince hızlı ileri. 719 00:32:03,270 --> 00:32:05,830 Beni sürüm iki gidelim hangi istediğim yerdir. 720 00:32:05,830 --> 00:32:07,260 Ben burada ne yaptık dikkat edin. 721 00:32:07,260 --> 00:32:10,370 Bir ağ bir süper page-- bilgisi Herhangi bir web sayfasının basit versiyonu 722 00:32:10,370 --> 00:32:14,260 Eğer bir metin alanıyla bugün kullanabilir Burada ücretsiz ve sonra görünüşte sadece 723 00:32:14,260 --> 00:32:14,880 Metin. 724 00:32:14,880 --> 00:32:16,860 >> Bu görünüşte, burada bir biçimi değildir. 725 00:32:16,860 --> 00:32:19,360 Ama tıklarsanız olsun alıntı, benim web sayfasını fark 726 00:32:19,360 --> 00:32:22,760 I sanki değişmek üzere sadece yeni bir anlık mesaj aldım 727 00:32:22,760 --> 00:32:25,360 ya da ben sadece taşındı sanki harita ve daha fazla veri almak için gerekli 728 00:32:25,360 --> 00:32:29,220 Web sayfasına dinamik olarak eklenen URL değiştirme ve kullanıcı olmadan 729 00:32:29,220 --> 00:32:30,980 deneyim kesintiye alıyorum. 730 00:32:30,980 --> 00:32:35,750 Nitekim, ben hala yaşıyorum aynı duymak yüzden ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Yani bu örnekte sadece bakalım ve bu oluyor görüyoruz. 732 00:32:39,080 --> 00:32:42,490 Beni ajax2.html içine gidelim. 733 00:32:42,490 --> 00:32:44,770 Ve ilk formu dikkat edin. 734 00:32:44,770 --> 00:32:47,092 >> Aşağı burada, ben dönüyorum otomatik tamamlama kapalı. 735 00:32:47,092 --> 00:32:48,800 Bazen olur Tarayıcı eğer can sıkıcı 736 00:32:48,800 --> 00:32:50,508 size göstermek için çalışıyor senin tüm geçmişi. 737 00:32:50,508 --> 00:32:53,450 Yani tarafından HTML yapabilirsiniz sadece otomatik kapatma tamamlamak söyleyerek. 738 00:32:53,450 --> 00:32:57,290 >> Ben bu metin alanı a verdik symbol-- sembolü oldukça, bir kimlik. 739 00:32:57,290 --> 00:32:58,977 Ve şimdi, bu ilginç bir özelliktir. 740 00:32:58,977 --> 00:33:01,310 Biz, yayılma hakkında konuştuk değil ama bunu düşünmek olabilir 741 00:33:01,310 --> 00:33:03,177 Bir paragraf etiketi veya div etiketi gibi. 742 00:33:03,177 --> 00:33:05,010 Bir denir ne in hattı elemanı, burada 743 00:33:05,010 --> 00:33:07,415 Bir paragraf almazsınız anlamına gelir Yukarıda ve altında kırmak. 744 00:33:07,415 --> 00:33:11,530 Sadece olmadan-line kalmak için gidiyor girmek eşdeğer isabet. 745 00:33:11,530 --> 00:33:17,980 Yani HTML bu yığın verdik benzersiz bir tanımlayıcı belirlenecek 746 00:33:17,980 --> 00:33:20,130 Ben keyfi fiyat adlandırılan. 747 00:33:20,130 --> 00:33:21,560 Ve ben bir Gönder düğmesi var. 748 00:33:21,560 --> 00:33:25,420 >> Şimdi ötürü-- ve bu Çünkü aslında süper şaşırtıcı ne kadar az kod 749 00:33:25,420 --> 00:33:27,660 Yapmanız yazabilirsiniz seyleri nispeten temiz 750 00:33:27,660 --> 00:33:31,800 fark Ben eğer ben burada ne yaptık Bu sayfanın başına kadar ilerleyin. 751 00:33:31,800 --> 00:33:34,970 Ben ilk ekledik kafam bir komut dosyası etiketi 752 00:33:34,970 --> 00:33:37,410 aslında başvuran bir JavaScript başka dosya. 753 00:33:37,410 --> 00:33:39,702 Bu organizasyon dan bu, jQuery yazar 754 00:33:39,702 --> 00:33:42,660 ve bu sadece size en son veriyor kendi jQuery kütüphanesinin sürümü. 755 00:33:42,660 --> 00:33:46,305 >> Peki bu keskin gibi tür olduğunu C dahil veya PHP gerektirir. 756 00:33:46,305 --> 00:33:48,900 Sen script etiketini kullanın Bir kaynak niteliği ile. 757 00:33:48,900 --> 00:33:52,030 Ama şimdi benim kendi kodu Burada doğru olacak. 758 00:33:52,030 --> 00:33:54,170 >> Ben bir işlevi çağrılır Tırnaklar var dikkat edin. 759 00:33:54,170 --> 00:33:56,180 Ve biraz görünüyor İlk bakışta şifreli. 760 00:33:56,180 --> 00:33:57,305 Ama bu ayrı kızdırmak verelim. 761 00:33:57,305 --> 00:33:59,090 Bana bir değişken olarak adlandırılan bir URL ver. 762 00:33:59,090 --> 00:34:01,390 Kelimenin tam anlamıyla bu dize atamak. 763 00:34:01,390 --> 00:34:04,530 Yani, tek tırnak, çift tırnak içinde JavaScript bana bir dize verir. 764 00:34:04,530 --> 00:34:06,900 Artı ne yapar? 765 00:34:06,900 --> 00:34:08,199 Birleştirme. 766 00:34:08,199 --> 00:34:12,610 >> Peki bu şimdi jQuery sözdizimi hangi alışmak biraz zaman alıyor. 767 00:34:12,610 --> 00:34:18,310 Ama bu sadece bana DOM gidip anlamına gelir olan benzersiz tanımlayıcı sembolü düğüm. 768 00:34:18,310 --> 00:34:21,929 olduğu anlamına gelir hashtag benzersiz tanımlayıcı sembolü. 769 00:34:21,929 --> 00:34:24,929 >> Dolar işareti Sadece demek parantez, bu şal 770 00:34:24,929 --> 00:34:28,510 Gizli sosu jQuery bir tür yani Eğer ek işlevsellik olsun. 771 00:34:28,510 --> 00:34:31,880 Sonra .val görünüşte Bir işlev, ya da biz şimdi dediği gibi, 772 00:34:31,880 --> 00:34:35,219 Düğümün içinde bir yöntem bu sadece size değer verir. 773 00:34:35,219 --> 00:34:38,896 Kısa çirkin ve kafa karıştırıcı Yani Bu ilk bakışta göründüğü kadar, 774 00:34:38,896 --> 00:34:42,020 Bu sadece yazdığınız kullanıcı ile almak anlamına gelir içinde, dizenin sonunda koydum 775 00:34:42,020 --> 00:34:42,880 Bunu birleştirerek. 776 00:34:42,880 --> 00:34:43,739 Hepsi bu. 777 00:34:43,739 --> 00:34:46,070 >> Peki şimdi, son üç satır. 778 00:34:46,070 --> 00:34:48,690 Sen bir sürü sıkmak olabilir üç satır dışarı işlevselliği. 779 00:34:48,690 --> 00:34:52,199 Bir şekilde bu dolar işareti, kenara, sadece bir takma addır 780 00:34:52,199 --> 00:34:55,800 Özel bir global değişken için jQuery anlamıyla denir. 781 00:34:55,800 --> 00:34:57,060 >> Dolar işareti sadece serin görünüyor. 782 00:34:57,060 --> 00:35:00,080 Yani jQuery topluluk sadece tür kendi özel sembolü olarak kullanılır. 783 00:35:00,080 --> 00:35:02,470 O PHP ne anlama geldiğini anlama gelmez. 784 00:35:02,470 --> 00:35:06,356 JavaScript, dolar işareti olan sadece bir harfle gibi 785 00:35:06,356 --> 00:35:07,480 veya bir değişken için bir numara. 786 00:35:07,480 --> 00:35:09,000 >> Siz sadece isim olarak var olabilir. 787 00:35:09,000 --> 00:35:09,770 Sadece iyi görünüyor. 788 00:35:09,770 --> 00:35:11,890 Toplum Yani Bir takma ad olarak kabul 789 00:35:11,890 --> 00:35:13,390 jQuery denilen kendi kütüphane için. 790 00:35:13,390 --> 00:35:15,060 >> Ve süper popüler. 791 00:35:15,060 --> 00:35:17,620 Yani JSON tam olarak olsun. 792 00:35:17,620 --> 00:35:19,920 Bu bir işlev olduğunu jQuery millet yazdı 793 00:35:19,920 --> 00:35:23,340 bir server-- arasından JSON alır JavaScript Object Gösterimi. 794 00:35:23,340 --> 00:35:25,680 Ne URL itibaren gidiyor Bu bilgiyi almak için? 795 00:35:25,680 --> 00:35:27,790 Görünüşe göre burada bu adresten. 796 00:35:27,790 --> 00:35:31,180 >> Ve tarayıcı olarak ne yapmalıyım Bu yanıtı geri alır kısa sürede? 797 00:35:31,180 --> 00:35:36,500 Ve bu AJAX sihirli böylece, bir XML speak-- Asynchronous JavaScript. 798 00:35:36,500 --> 00:35:41,320 Bu tür a ile görmek zor Biz burada vardı basit bir örnek. 799 00:35:41,320 --> 00:35:44,730 >> Ama bu asenkron oldu duygusu benim kod zaman 800 00:35:44,730 --> 00:35:48,530 bir mesaj gönderdi idam Sunucu bana biraz JSON gidip. 801 00:35:48,530 --> 00:35:51,340 Ve süper hızlı oldu ben bir yanıt aldım. 802 00:35:51,340 --> 00:35:55,130 Ama ne ilginç bu olduğunu kod satırı benim bilgisayar asmak vermedi. 803 00:35:55,130 --> 00:35:56,550 >> Ben bir iplik simgesi görmedim. 804 00:35:56,550 --> 00:35:59,200 Ben kaybetmedim Benim fareyi hareket yeteneği. 805 00:35:59,200 --> 00:36:01,340 Benim tarayıcı aslında mükemmel iyiydi. 806 00:36:01,340 --> 00:36:06,290 >> Yolu JavaScript kolları Çünkü aşağıdaki gibi sunucudan yanıt. 807 00:36:06,290 --> 00:36:09,740 Sen dediğimiz kayıt Bir geri arama fonksiyonu, hangi 808 00:36:09,740 --> 00:36:12,830 Sadece, hey, JavaScript demektir. 809 00:36:12,830 --> 00:36:16,100 En kısa sürede sunucu olarak JSON ile yanıt, 810 00:36:16,100 --> 00:36:18,750 Bu anonim işlevini çağırın lütfen. 811 00:36:18,750 --> 00:36:23,910 >> Ve bu işleve geçirilen lütfen ne olursa olsun dize sunucusu tükürmek 812 00:36:23,910 --> 00:36:26,080 bir argüman verilerini denilen. 813 00:36:26,080 --> 00:36:28,360 Yani diğer bir deyişle, eğer Ben dinamik montaj ediyorum 814 00:36:28,360 --> 00:36:33,370 Bu geçen URL quote.php ÜCRETSİZ veya GOOG veya etajer gibi sembol, 815 00:36:33,370 --> 00:36:36,830 Sonra söylüyorum JavaScript bu URL'yi olsun gidin. 816 00:36:36,830 --> 00:36:39,080 Tarayıcısı unutmayın bir şey dönmek için gidiyor 817 00:36:39,080 --> 00:36:42,680 Bu earlier-- gördüm gibi o görünüyor. 818 00:36:42,680 --> 00:36:45,940 >> Ve ne ikinci argüman Burada JSON söylüyor almak için 819 00:36:45,940 --> 00:36:48,450 Bu işlev çağrısı olduğunu sunucu geri alır 820 00:36:48,450 --> 00:36:52,440 10 milisaniye olsun şimdi ya şimdi 10 saniye den. 821 00:36:52,440 --> 00:36:55,840 Ve en kısa sürede bunu gibi, sayfaya fiyatı ekleyin. 822 00:36:55,840 --> 00:36:58,030 Bu sözdizimi burada sadece düğüm gidip anlamına gelir 823 00:36:58,030 --> 00:37:01,940 olan benzersiz tanımlayıcı ağacından Daha önce gördüğümüz yayılma price-- olduğunu. 824 00:37:01,940 --> 00:37:04,320 >> Bu yöntem, HTML adı Sadece, yerine gidip diyor 825 00:37:04,320 --> 00:37:08,770 Data.price ile orada HTML. 826 00:37:08,770 --> 00:37:10,200 Data.price nedir? 827 00:37:10,200 --> 00:37:12,850 Peki, tarayıcı, hatırlama, Beni bu geri geliyor gösterdi. 828 00:37:12,850 --> 00:37:14,540 Yani bu veridir. 829 00:37:14,540 --> 00:37:18,100 >> Ve bu yüzden biraz şifreli var virgül burada görmek. 830 00:37:18,100 --> 00:37:19,350 Ama aslında, bana yapalım. 831 00:37:19,350 --> 00:37:22,890 Bana sadece bu yapıştırın edelim gerçek hızlı gedit içine 832 00:37:22,890 --> 00:37:27,240 Biz gösterdiğim gibi ve bu gösteriyor Daha önce Zamyla yapısı. 833 00:37:27,240 --> 00:37:31,610 Sunucu ne geri gönderiyor >> bir Bu gibi görünüyor küçük nesne. 834 00:37:31,610 --> 00:37:37,140 Ve böylece data.price olduğunu Sadece bana 0,1515 vererek. 835 00:37:37,140 --> 00:37:39,310 Hareketli Yani bir sürü parçalar burada tek seferde. 836 00:37:39,310 --> 00:37:41,860 >> Ama önemli paketler olduğunu Bu yeteneği var 837 00:37:41,860 --> 00:37:44,600 Ek HTTP yapmak için JavaScript kullanarak istekleri 838 00:37:44,600 --> 00:37:46,090 sayfayı yeniden zorunda kalmadan. 839 00:37:46,090 --> 00:37:49,580 Ve sonra biz aslında can anında web sayfasını değiştirmek. 840 00:37:49,580 --> 00:37:51,850 Ve o çıkıyor JavaScript ve diğer diller 841 00:37:51,850 --> 00:37:54,510 Şimdi kullanılabilir sadece web sayfaları mutasyona, 842 00:37:54,510 --> 00:37:57,960 ama aslında yazılım yazmak için gerçek bir bilgisayar, 843 00:37:57,960 --> 00:38:00,240 Sadece Chrome veya benzeri sınırlı değildir. 844 00:38:00,240 --> 00:38:03,530 >> Aslında, sen Colton olur eğer-- Bizi buraya geri katılmak istiyorum 845 00:38:03,530 --> 00:38:06,100 laboratuvar kodu ve Chang ile de? 846 00:38:06,100 --> 00:38:09,140 En konuştuk olan, önde gidelim Anonim işlevler ve geriçağırımları 847 00:38:09,140 --> 00:38:13,090 ve gerçekten burada kader özendirmek Kanama ile canlı demo ile 848 00:38:13,090 --> 00:38:16,480 teknoloji, bir Bu Elite Hareket cihazları. 849 00:38:16,480 --> 00:38:18,940 Şimdi, bu cihaz, geri çağırma, Biraz USB aygıtı 850 00:38:18,940 --> 00:38:25,620 de bu beautiful-- bu ki- Bu USB portlarına takılan. 851 00:38:25,620 --> 00:38:29,120 >> Ve sonra giriş sağlar İnsan jestleri şeklinde 852 00:38:29,120 --> 00:38:32,560 Kızılötesi ışınlar kullanarak tespit ederek, aslında, kolunuzdan hareketler. 853 00:38:32,560 --> 00:38:35,150 Peki Maria çalıştı ne ise daha önce, kaslı oldu 854 00:38:35,150 --> 00:38:39,000 Aslında değişen ne duygu kol, bu esaslı kızılötesi olduğunu. 855 00:38:39,000 --> 00:38:44,390 Bu yüzden içindeki hareketleri arıyor Bir ayak ya da öylesine alanında sıralama 856 00:38:44,390 --> 00:38:46,190 cihazının kendisinin. 857 00:38:46,190 --> 00:38:48,950 >> Peki neden yapmayız Bu ilk bakışta bir bıçak? 858 00:38:48,950 --> 00:38:53,100 Ve en önde gidip atmak izin Burada yükü üzerinde yukarı. 859 00:38:53,100 --> 00:38:56,250 Yani burada Colton laptop koyalım. 860 00:38:56,250 --> 00:38:58,360 Biz TV'de Andrew var. 861 00:38:58,360 --> 00:39:00,160 Ve sen bana ilk ne istersiniz? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: önde ve sadece git Bu adam üzerine ellerini koymak 863 00:39:02,409 --> 00:39:04,430 ve bazı muhteşem ışıltısını görürsünüz. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. MALAN: Çok güzel. 865 00:39:07,230 --> 00:39:11,110 Bu tüm gerçek zamanlı oluyor. 866 00:39:11,110 --> 00:39:11,889 TAMAM MI. 867 00:39:11,889 --> 00:39:12,680 Pekala, ve evet. 868 00:39:12,680 --> 00:39:14,119 Çok güzel. 869 00:39:14,119 --> 00:39:15,410 Pekala, biz başka ne yapabiliriz? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Bir sonraki ekrana gidin ve bakın. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. MALAN: Pekala. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: eğlenceli küçük bir oyun nereye robotlar yapmak olsun. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. MALAN: Pekala, bu Bana ne yapacağımı gösteren sahte eller. 874 00:39:24,738 --> 00:39:27,920 COLTON: Evet Durmayın ve blokların birini kapmak 875 00:39:27,920 --> 00:39:30,637 ve o robotun vücudunun üstüne koydu. 876 00:39:30,637 --> 00:39:32,137 DAVID J. MALAN: Ah, elim var. 877 00:39:32,137 --> 00:39:34,000 Ah. 878 00:39:34,000 --> 00:39:34,780 Tamam, güzel. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Tamam, bir dakika bekleyin. 881 00:39:38,650 --> 00:39:41,320 Biz oraya gitmek. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Ben kaza biri yaptı. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. MALAN: Tamam, ben bu adamı alırsınız. 884 00:39:45,423 --> 00:39:45,923 Kahretsin! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Bu son pratik edildiğinde gece, sen bu işe intikal biliyor musun? 887 00:39:51,550 --> 00:39:54,285 >> Bu gibi. 888 00:39:54,285 --> 00:39:55,490 TAMAM MI. 889 00:39:55,490 --> 00:39:55,990 Sonraki biri? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Tabii. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. MALAN: Pekala, ve üçüncü var. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Tamam. 894 00:40:01,674 --> 00:40:03,215 COLTON: Ve bu bir, sen amaçlara yönelik olsun 895 00:40:03,215 --> 00:40:04,923 DAVID J. MALAN: Oh, bu güzel. 896 00:40:04,923 --> 00:40:06,650 COLTON: -Evet, bu çiçeği ayrı almak. 897 00:40:06,650 --> 00:40:07,441 DAVID J. MALAN: Tamam. 898 00:40:07,441 --> 00:40:11,170 899 00:40:11,170 --> 00:40:11,670 Hayır mı? 900 00:40:11,670 --> 00:40:14,515 Cevapsız. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Ah, oraya gitmek. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. MALAN: Ah, şuna bak. 903 00:40:18,680 --> 00:40:19,830 Çok güzel. 904 00:40:19,830 --> 00:40:22,470 Peki, neden almak dont ' Burada bir gönüllü dışarı 905 00:40:22,470 --> 00:40:24,180 kim yukarı gelmek istiyorum. 906 00:40:24,180 --> 00:40:27,500 Nasıl hakkında orada Yeşil, değil mi? 907 00:40:27,500 --> 00:40:30,540 >> Pekala, ve en have-- edelim senin yerine, bazı yapıyor 908 00:40:30,540 --> 00:40:34,590 Bu oyunu biliyor olabilir ötürü-- belki de, ipi kesip? 909 00:40:34,590 --> 00:40:35,100 Görelim. 910 00:40:35,100 --> 00:40:37,320 Biz burada bizim gözlük var? 911 00:40:37,320 --> 00:40:38,625 >> Tamam. 912 00:40:38,625 --> 00:40:39,270 Teşekkür ederim. 913 00:40:39,270 --> 00:40:39,380 Adınız ne? 914 00:40:39,380 --> 00:40:40,350 >> İZLEYİCİ: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. MALAN: Laura? 916 00:40:41,266 --> 00:40:42,120 Görmek güzel. 917 00:40:42,120 --> 00:40:45,600 Eğer koyarak sakıncası yoksa Gözlük üzerinde Google Glass. 918 00:40:45,600 --> 00:40:46,970 Bu Colton olduğunu. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Merhaba. 920 00:40:47,650 --> 00:40:48,140 Tanıştığımıza memnun oldum. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. MALAN: Tamam, etrafında gel. 922 00:40:49,600 --> 00:40:52,516 Pekala, bu yüzden gidiyoruz ne Burada yapmadan önce bu oynadıktan sonra, 923 00:40:52,516 --> 00:40:55,650 üzerine elini koymak Burada Leap Motion. 924 00:40:55,650 --> 00:40:57,210 Ve şimdi ok hareket etmelidir. 925 00:40:57,210 --> 00:40:57,710 Hayır, evet. 926 00:40:57,710 --> 00:40:58,066 >> İZLEYİCİ: Hayır 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. MALAN: Biz Henüz çıkmak istemiyorum. 928 00:40:58,780 --> 00:40:59,280 Tamam, bekle. 929 00:40:59,280 --> 00:41:01,200 Buraya. 930 00:41:01,200 --> 00:41:03,530 Eğer tutun Yani fark senin bir şey üzerinde parmak, 931 00:41:03,530 --> 00:41:06,750 Fare yeşil gitmek başlar, hangi tıklayınız nasıl. 932 00:41:06,750 --> 00:41:08,980 >> Yani Çal üzerinde gezdirin. 933 00:41:08,980 --> 00:41:10,970 Ve sadece bir parmak gayet iyi. 934 00:41:10,970 --> 00:41:13,869 Ve şimdi küçük tıklayın Soldaki yeşil adam. 935 00:41:13,869 --> 00:41:15,410 O yeşil doldurur kadar Ve şimdi tutun. 936 00:41:15,410 --> 00:41:15,640 İyi. 937 00:41:15,640 --> 00:41:16,990 Şimdi, gibi üst düzey bir yukarı. 938 00:41:16,990 --> 00:41:20,190 >> İZLEYİCİ: Evet, biz burada seviyesini biri istiyorum. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. MALAN: İyi. 940 00:41:21,660 --> 00:41:25,500 Tamam, bu nedenle tüm var ipi kesilir yapmak. 941 00:41:25,500 --> 00:41:28,240 İmleç orada beyaz biri. 942 00:41:28,240 --> 00:41:28,880 >> Çok güzel. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Pekala, zor almak üzere. 945 00:41:32,790 --> 00:41:34,800 Yani önümüzdeki şimdi üzerinde parmağınızı tutun. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 İyi. 948 00:41:39,030 --> 00:41:39,999 Bu bir zor. 949 00:41:39,999 --> 00:41:40,966 >> İZLEYİCİ: Ah bok. 950 00:41:40,966 --> 00:41:41,466 TAMAM MI. 951 00:41:41,466 --> 00:41:42,466 Bu şekilde gitmek istiyor. 952 00:41:42,466 --> 00:41:44,890 Ah bok, ki- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. MALAN: Evet. 954 00:41:47,120 --> 00:41:50,700 İkincil amaç tüm yıldız elde etmektir. 955 00:41:50,700 --> 00:41:53,920 Pekala, bir sonraki. 956 00:41:53,920 --> 00:41:57,504 >> Eğer bu üçüncü bir alabilirsiniz Bakalım. 957 00:41:57,504 --> 00:41:58,004 İyi. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 Tamam, oraya gitmek. 960 00:42:06,840 --> 00:42:08,850 >> Tabii. 961 00:42:08,850 --> 00:42:11,230 Ah, çok güzel. 962 00:42:11,230 --> 00:42:11,930 Tamam. 963 00:42:11,930 --> 00:42:13,534 >> Peki neden bugün burada erteleme değil mi? 964 00:42:13,534 --> 00:42:15,200 Herkes oynamak istiyor kim yukarı gelsinler. 965 00:42:15,200 --> 00:42:16,880 Bizim gönüllü Laura için çok teşekkürler. 966 00:42:16,880 --> 00:42:18,730 Ve biz Pazartesi günü göreceksiniz. 967 00:42:18,730 --> 00:42:21,190 >> İZLEYİCİ: Muhtemelen bu geri istiyorum. 968 00:42:21,190 --> 00:42:23,640 >> HOPARLÖR 2: Bir sonraki CS50-- At 969 00:42:23,640 --> 00:42:35,222