1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:10,960 [MÜZİK OYUN] 3 00:00:10,960 --> 00:00:12,960 ROGER ZURAWICKI: Merhaba, benim isim, Roger Zurawicki olduğunu 4 00:00:12,960 --> 00:00:16,410 ve ben kapsayan olacak CS50 Meteor seminer. 5 00:00:16,410 --> 00:00:21,520 Meteor yeni çerçeve web yeni bir tür ayrılmış, 6 00:00:21,520 --> 00:00:25,220 PHP isteklerini yapmıyor ileri ve geri tür 7 00:00:25,220 --> 00:00:29,070 web biz PHPP sette gördüm ama daha dinamik JavaScript 8 00:00:29,070 --> 00:00:31,370 ağ-yapının parçaları. 9 00:00:31,370 --> 00:00:36,260 Şeyler Meteor yapabilirsiniz Canlı Güncelleniyor içerir 10 00:00:36,260 --> 00:00:42,380 ve hemen iletişim Aynı web sitesinin kullanıcıları arasında. 11 00:00:42,380 --> 00:00:46,420 >> Bu seminerde için, biz var kod benim GitHub de ev sahipliği yaptı. 12 00:00:46,420 --> 00:00:49,690 Bu URL'ye gidin ve indirebilirsiniz. 13 00:00:49,690 --> 00:00:53,085 Eğer Git nasıl kullanacağınızı biliyorsanız, Eğer depo klonlayabilirsiniz. 14 00:00:53,085 --> 00:00:55,460 Eğer nasıl kullanılacağını bilmiyorsanız Kalk ya GitHub kullanılmış değil, 15 00:00:55,460 --> 00:00:57,030 bu tamamen iyi. 16 00:00:57,030 --> 00:01:00,480 Ben gerçekten hızlı bir şekilde size gösterecektir Biz GitHub gitmek nasıl, 17 00:01:00,480 --> 00:01:03,604 ve bir seçenek var Orada bir zip indir. 18 00:01:03,604 --> 00:01:06,770 Bu rehberi indir sonra, Bizim kodu ile oynamaya başlayabilirsiniz. 19 00:01:06,770 --> 00:01:10,200 20 00:01:10,200 --> 00:01:13,190 >> Meteor hakkında daha fazla bilgi meteor.com bulunabilir. 21 00:01:13,190 --> 00:01:16,580 Seminer klasöründe, aslında kullanabileceğimiz bazı Meteor projelerimiz var. 22 00:01:16,580 --> 00:01:20,380 23 00:01:20,380 --> 00:01:26,400 Biz var klasörlerin biri bizim Seminer projesi todos app. 24 00:01:26,400 --> 00:01:28,780 Yani ben onun içine giderseniz, Meteor yüklü. 25 00:01:28,780 --> 00:01:35,690 Yani çalıştırmak için, ben sadece yazmanız gerekir Meteor ve Meteor kuracaktır. 26 00:01:35,690 --> 00:01:38,310 Gördüğünüz gibi, biz var Biz Meteor yüklü emin olun. 27 00:01:38,310 --> 00:01:40,562 Ben sadece gidiyorum Bir kez daha çalıştırın 28 00:01:40,562 --> 00:01:42,520 yapmak emin Meteor düzgün yüklenir. 29 00:01:42,520 --> 00:01:46,370 30 00:01:46,370 --> 00:01:48,450 >> Ben Meteor varken yükleme, ben size gösterebilirim 31 00:01:48,450 --> 00:01:53,760 Meteor bazı sitelerin canlı demolar internet üzerinden hemen canlı gidiyor. 32 00:01:53,760 --> 00:01:57,990 Ben bizim app bir demo var. 33 00:01:57,990 --> 00:02:00,740 Aşağıdaki URL adresinden erişebilirsiniz. 34 00:02:00,740 --> 00:02:06,350 Bu uygulama yapmak olduğunu biz Bizim seminer dizinde var. 35 00:02:06,350 --> 00:02:09,940 Bunun için URL rozu-rabbit.meteor.com. 36 00:02:09,940 --> 00:02:14,782 Göreceksiniz ki Meteor aslında olacak ücretsiz Meteor projelere ev sahipliği. 37 00:02:14,782 --> 00:02:17,490 Ve seminerin sonunda, siz de bunu yapmak mümkün olacak. 38 00:02:17,490 --> 00:02:20,550 39 00:02:20,550 --> 00:02:22,160 >> Bu liste uygulaması yapmak için bir olduğunu. 40 00:02:22,160 --> 00:02:27,740 Ve oturum açabilirsiniz oluşturmak hesapları ve görevler ekleyebilir. 41 00:02:27,740 --> 00:02:30,020 Sen şöyle bir hesap oluşturabilirsiniz. 42 00:02:30,020 --> 00:02:33,050 43 00:02:33,050 --> 00:02:35,850 Ve şimdi, bir zamanlar bir var Hesap, görevleri ekleyebilirsiniz. 44 00:02:35,850 --> 00:02:42,780 Örneğin, görevlerinden biri ben benim çamaşır almak gitmek gerekebilir. 45 00:02:42,780 --> 00:02:45,160 Ve sen bu iseniz Siteye çevrimiçi, sen olacak 46 00:02:45,160 --> 00:02:49,790 Aslında bu görevi görmek Gerçek zamanlı olarak bilgisayar. 47 00:02:49,790 --> 00:02:53,760 >> Ben size hızlı bir demo gösterebilir Açılış Rozu-tavşan bu 48 00:02:53,760 --> 00:02:56,700 Aynı URL'ye sahip başka bir sekmede. 49 00:02:56,700 --> 00:03:00,360 Ve biz aynı veri çıkageldi görüyoruz. 50 00:03:00,360 --> 00:03:02,240 Biz de çalıştırabilirsiniz Farklı bir tarayıcı. 51 00:03:02,240 --> 00:03:03,420 Ben Safari'de çalıştırın söyle. 52 00:03:03,420 --> 00:03:04,720 Biz açmış değiliz Bu şekilde. 53 00:03:04,720 --> 00:03:07,750 54 00:03:07,750 --> 00:03:11,060 Bu yüzden aynı Meteor var app ve yükler kez, 55 00:03:11,060 --> 00:03:13,910 Aynı veriyi görürsünüz ilk biri yaptı. 56 00:03:13,910 --> 00:03:16,710 Gördüğünüz gibi, ben burada açmış değilim. 57 00:03:16,710 --> 00:03:20,000 Ve ne zaman seyirci kontrolleri veri, tüm tarayıcılarda günceller 58 00:03:20,000 --> 00:03:20,910 aynı zamanda. 59 00:03:20,910 --> 00:03:23,740 Bu gerçekten biridir Meteor hakkında serin özellikleri. 60 00:03:23,740 --> 00:03:27,700 Neredeyse hiç çalışma ile, canlı güncelleme uygulaması var 61 00:03:27,700 --> 00:03:31,240 bütün bunlar üzerinde değişiklikler kerede cihazlar. 62 00:03:31,240 --> 00:03:36,690 >> Ben burada onay kutusunu işaretlerseniz Benim yapmak listesinde, biz sahip olacak, 63 00:03:36,690 --> 00:03:41,230 Benim diğer Chrome tarayıcısında, öğe off kontrol. 64 00:03:41,230 --> 00:03:42,605 Ve bu anında olur. 65 00:03:42,605 --> 00:03:46,340 66 00:03:46,340 --> 00:03:47,280 Tamam. 67 00:03:47,280 --> 00:03:52,730 Yani Meteor gibi görünüyor Kurulum artık hazırdır. 68 00:03:52,730 --> 00:03:57,000 Şimdi en geri dönelim todos uygulaması bu yerel çalıştırın ve. 69 00:03:57,000 --> 00:04:01,599 >> Bir Meteor projeniz varsa, yapabilirsiniz sadece komut Meteor ile çalıştırın. 70 00:04:01,599 --> 00:04:03,640 Eğer bu, Meteor yaptıktan sonra Bazı hazırlık yapacak 71 00:04:03,640 --> 00:04:06,120 tüm emin olmak için kod kontrol altında olduğunu. 72 00:04:06,120 --> 00:04:12,440 Ve sonra o size anlatacağım Proje hizmet için hazırdır. 73 00:04:12,440 --> 00:04:17,750 Sen izin gerekebilir senin güvenlik duvarı, bilgisayar blokları eğer. 74 00:04:17,750 --> 00:04:22,440 >> Peki Meteor bana anlatıyor Şu anda bu web sitesinde yer almaktadır 75 00:04:22,440 --> 00:04:26,100 benim bilgisayar yerel, ben görebiliyorum Bu Meteor projesi nedir. 76 00:04:26,100 --> 00:04:29,290 Şu anda, benim app olduğunu unutmayın internet erişilebilir değil. 77 00:04:29,290 --> 00:04:35,170 Biz Meteor getirmek için nasıl ele alacağız Biraz sonra canlı siteye uygulaması. 78 00:04:35,170 --> 00:04:40,510 Yani sadece bu kopyalamak için gidiyorum URL şimdi ve Google Chrome gidin. 79 00:04:40,510 --> 00:04:42,600 >> Ve bunu yapmak için Örneğin gelen listeler. 80 00:04:42,600 --> 00:04:46,080 Onların hayata görebilirsiniz Burada bir kaç daha fazla özellik. 81 00:04:46,080 --> 00:04:49,210 Biz, farklı sekmeler var Aynı hesap özelliklere sahip, 82 00:04:49,210 --> 00:04:52,141 ve biz yeni listeleri ekleyebilirsiniz. 83 00:04:52,141 --> 00:04:54,140 Şimdi, biri gerçekten Meteor hakkında serin özelliği 84 00:04:54,140 --> 00:04:57,450 değil sadece can bu Web tarayıcınızda çalışmak, 85 00:04:57,450 --> 00:05:00,030 ama aynı zamanda oluşturabilirsiniz yerel iPhone ve Android 86 00:05:00,030 --> 00:05:02,990 PhoneGap adında bir araç ile uygulamalar. 87 00:05:02,990 --> 00:05:06,740 >> Yani bazı projeler gelecek çalıştırmak için önceden yapılandırılmış 88 00:05:06,740 --> 00:05:08,700 Bu todos uygulaması gibi iOS üzerinde. 89 00:05:08,700 --> 00:05:14,780 Yani yapmam gereken tüm iOS onu çalıştırmak için sonra Meteor, koşmak, ve iOS yazın edilmektedir. 90 00:05:14,780 --> 00:05:17,540 Ve ben Meteor, bunu yaparken Tekrar paketi hazırlayacaktır. 91 00:05:17,540 --> 00:05:21,670 Hazır olduğunu bir kez ve sonra, bu olacak Benim komuta iOS simülatörü yükleyin. 92 00:05:21,670 --> 00:05:24,745 Yalnızca iOS uygulamaları çalıştırmak Not eğer Mac bilgisayarınız varsa. 93 00:05:24,745 --> 00:05:27,650 94 00:05:27,650 --> 00:05:30,730 Üzerinde uygulamalarınızı çalıştırabilirsiniz Tüm platformlarda android. 95 00:05:30,730 --> 00:05:34,070 96 00:05:34,070 --> 00:05:38,290 >> Peki şimdi benim iPhone görebilirsiniz Simülatör benim ekranda geldi. 97 00:05:38,290 --> 00:05:40,370 Ve sadece bir an, bu uygulaması ile yük olacak. 98 00:05:40,370 --> 00:05:46,070 99 00:05:46,070 --> 00:05:48,490 Biz sadece biraz yaparsanız küçük, ekrana sığmayacak 100 00:05:48,490 --> 00:05:50,780 biz bizim iPhone uygulaması var bakın. 101 00:05:50,780 --> 00:05:53,220 Ve sadece biz değil karışık, en yapalım 102 00:05:53,220 --> 00:05:59,790 Aynı üzerinde olduğundan emin olun Web sitesi, yerel ana bilgisayar 3000. 103 00:05:59,790 --> 00:06:03,490 >> Yani burada bir örnek Ben Meteor app, 104 00:06:03,490 --> 00:06:08,770 hem çalışan todos uygulaması, Bir telefon ve bir web tarayıcısı üzerinde. 105 00:06:08,770 --> 00:06:10,770 Ve ben bir şeyler değiştirmek zaman Web tarayıcısında, 106 00:06:10,770 --> 00:06:12,675 hemen telefona gidiyor. 107 00:06:12,675 --> 00:06:16,500 Ve ben telefonda bir şey silebilirsiniz, ve web tarayıcısında değiştirir. 108 00:06:16,500 --> 00:06:21,050 >> Şimdi, normalde yerli oluşturmak için iOS veya Android telefon uygulaması, 109 00:06:21,050 --> 00:06:26,090 Java veya birini bilmeniz gereken Amaç C. teknolojisi Meteor kullandığı 110 00:06:26,090 --> 00:06:29,240 JavaScript gibi çalışmasına izin vermek için app PhoneGap denir. 111 00:06:29,240 --> 00:06:31,320 Ne uygulaması esas bir web tarayıcısı. 112 00:06:31,320 --> 00:06:34,500 Ve Meteor bütün kolları katılan zor parçalar 113 00:06:34,500 --> 00:06:39,820 bu web tarayıcısı getirmek için iPhone veya Android cihazınız. 114 00:06:39,820 --> 00:06:42,210 Bunu görebilirsiniz Kullanıcı arabirimi, pürüzsüz 115 00:06:42,210 --> 00:06:45,290 ve görünüyor ve çok hissediyor çok doğal bir uygulama gibi. 116 00:06:45,290 --> 00:06:48,620 Ben eve gitmek olduğunu fark ederseniz Ekran şimdi, ben de bir simge olsun. 117 00:06:48,620 --> 00:06:50,880 Bu gibi bir web sitesi değildir Safari bulmak istiyorum. 118 00:06:50,880 --> 00:06:51,860 Bu kendi app. 119 00:06:51,860 --> 00:06:54,130 Sen yükleyebilirsiniz ve Eğer isterseniz silin. 120 00:06:54,130 --> 00:06:59,500 121 00:06:59,500 --> 00:07:04,436 >> Size ne kodu göstermek kısaca edebilirsiniz todos bu tür uygulama gibi görünüyor. 122 00:07:04,436 --> 00:07:08,260 Eğer todos klasöründe bakarsanız, birçok klasör vardır göreceksiniz. 123 00:07:08,260 --> 00:07:11,440 Ama tabii boyunca Seminerin, biz olacak 124 00:07:11,440 --> 00:07:14,780 Her klasör için kullanılan anlamak. 125 00:07:14,780 --> 00:07:17,830 Terminal içine gidelim bu yüzden biraz daha iyi dosyaları görebilirsiniz. 126 00:07:17,830 --> 00:07:20,410 >> Ben Kontrolü basın gidiyorum C, sunucuyu durdurmak için 127 00:07:20,410 --> 00:07:22,770 ve şimdi geri todos app değilim. 128 00:07:22,770 --> 00:07:26,660 Ben gibi, burada farklı klasörler var istemci klasörü, sunucu klasörü. 129 00:07:26,660 --> 00:07:30,500 Ve bu klasörleri sadece anlamına istemci klasöründe şeyi 130 00:07:30,500 --> 00:07:32,630 Web tarayıcınızda idam alır. 131 00:07:32,630 --> 00:07:35,530 Bir sunucu klasörüne herşey Bir sunucu üzerinde çalıştırılmaktadır. 132 00:07:35,530 --> 00:07:38,100 >> Ben işaret etmek istiyorum neler dışarı biz ne vardı ki 133 00:07:38,100 --> 00:07:42,140 bizim telefon çalışan vardı ve Bizim web tarayıcı, bu istemciler vardı. 134 00:07:42,140 --> 00:07:45,730 Ama ne bir çalışan var Terminal, bu sunucu var. 135 00:07:45,730 --> 00:07:48,710 Bizim gibi, diğer klasörleri kütüphane kodu lib, 136 00:07:48,710 --> 00:07:51,050 senin gibi yardımcı fonksiyonları yapabilirsiniz 137 00:07:51,050 --> 00:07:53,710 istemci hem de sunucu kullanmak. 138 00:07:53,710 --> 00:07:55,820 Ve sonra bir kamu var Klasör ve kaynakları 139 00:07:55,820 --> 00:07:59,310 almak için gerekli klasör Resimlerinizi ve diğer CSS yüklendi. 140 00:07:59,310 --> 00:08:02,630 141 00:08:02,630 --> 00:08:09,360 >> Eğer Meteor kurduysanız, biz olacak Meteor öğretici ile devam ediyor. 142 00:08:09,360 --> 00:08:12,790 Sen, bu URL'ye gidebilir meteor.com/install, 143 00:08:12,790 --> 00:08:17,990 Komut satırı almak için ben Meteor yükler olduğunu gösterdi. 144 00:08:17,990 --> 00:08:20,240 Biz ilk yoluyla gidecek birkaç adım daha iyi olsun 145 00:08:20,240 --> 00:08:22,760 Meteor yükleme hakkında hissediyorum. 146 00:08:22,760 --> 00:08:28,000 >> Ama önce, ben o kadar önemli olduğunu düşünüyorum Biz JavaScript biraz gözden. 147 00:08:28,000 --> 00:08:32,360 Size nasıl bazı örnekler göstermek için Bizim C bilgisi tercüme edilebilir 148 00:08:32,360 --> 00:08:34,950 JavaScript, ben oldum Birkaç örnek oluşturdu. 149 00:08:34,950 --> 00:08:36,940 Onlar js dizinde bulunmaktadır. 150 00:08:36,940 --> 00:08:41,750 Seminerler sizi klasörü eğer Yani js adında bir klasör var, bak. 151 00:08:41,750 --> 00:08:44,540 Ve burada, biz birkaç örnek var. 152 00:08:44,540 --> 00:08:50,120 >> Ilk açalım örnek ve çok hızlı bir şekilde bakın. 153 00:08:50,120 --> 00:08:53,980 Gördüğümüz standart olduğunu Dünya komutunu merhaba. 154 00:08:53,980 --> 00:08:56,520 C fark olduğunu epeyce çizgileri var. 155 00:08:56,520 --> 00:09:00,490 Ve CS50 öğrenciler bildiğiniz gibi, Biz ana işlevi gerekir, 156 00:09:00,490 --> 00:09:05,730 ve biz standart içermek zorunda I / O printf aramak için kütüphane. 157 00:09:05,730 --> 00:09:09,320 >> JavaScript karşılaştırır nasıl bakalım. 158 00:09:09,320 --> 00:09:11,560 Ben ex1.js. açmak için gidiyorum 159 00:09:11,560 --> 00:09:14,650 Dışarı yorumladı ne olduğunu Kod gibi görünecektir C, 160 00:09:14,650 --> 00:09:17,550 ve aşağıdaki satırı hepsi Eğer düğüm çalıştırmak gerekir. 161 00:09:17,550 --> 00:09:20,452 Sen, sen bir ana işlevi gerekmez herhangi bir dosya eklemek gerekmez, 162 00:09:20,452 --> 00:09:21,660 ve iade gerekmez. 163 00:09:21,660 --> 00:09:23,810 Sadece console.log diyoruz. 164 00:09:23,810 --> 00:09:26,370 Bu printf eşdeğerdir. 165 00:09:26,370 --> 00:09:29,310 >> Ve aynı alır argümanlar olur printf. 166 00:09:29,310 --> 00:09:33,870 Ve onu çalıştırmak için, yerine EX1 yapmak çalışan, 167 00:09:33,870 --> 00:09:38,930 Sadece Düğüm ex1.js. çağırır 168 00:09:38,930 --> 00:09:41,830 Daha sonra Düğüm yazmak ve Dosya, ve koşmak olur. 169 00:09:41,830 --> 00:09:43,580 Bu derlenmiş almaz. 170 00:09:43,580 --> 00:09:45,970 JavaScript yorumlanmış bir dildir. 171 00:09:45,970 --> 00:09:49,150 Yani olması gerekmez o çalıştırılır önce derlenmiş. 172 00:09:49,150 --> 00:09:53,450 Ben ex1.c çalıştırmak istedim, Ben, önce onu yapmak zorunda 173 00:09:53,450 --> 00:09:59,160 ve sonra yürütülebilir çalıştırabilirsiniz Aynı çıktıyı almak için. 174 00:09:59,160 --> 00:10:02,460 >> Let en hızlı bazı kapak Diğer JavaScript kavramlar. 175 00:10:02,460 --> 00:10:04,490 En örneğin iki bakalım. 176 00:10:04,490 --> 00:10:14,690 Ex2.js ise, ex2.c olarak, biz bazı kod var olduğunu görüyoruz. 177 00:10:14,690 --> 00:10:16,550 Beni hızla gidelim Daha iyi bir metin editörü 178 00:10:16,550 --> 00:10:18,400 Bu, bu gösterecektir Yeni hatlar biraz daha iyi. 179 00:10:18,400 --> 00:10:21,760 180 00:10:21,760 --> 00:10:22,380 Tamam. 181 00:10:22,380 --> 00:10:24,190 Burada örnek 2.c. var 182 00:10:24,190 --> 00:10:27,360 Burada farklı türleri var biz yazdırarak ediyoruz. 183 00:10:27,360 --> 00:10:30,880 Bildiğimiz gibi, printf alır Farklı yüzde argümanlar 184 00:10:30,880 --> 00:10:34,050 farklı veri parçalarını erişmek için. 185 00:10:34,050 --> 00:10:36,840 Biz yazdırmak istiyorsanız Bir dize, biz% s diyoruz. 186 00:10:36,840 --> 00:10:40,390 Biz yüzer aramak istiyorsanız, nokta sayısı, biz% f çağırdı. 187 00:10:40,390 --> 00:10:45,810 Ve bir çağrı için kolay bir yolu var Onun doğru veya yanlış değerine göre boolean. 188 00:10:45,810 --> 00:10:50,760 % D kullanmak Ama eğer alabilirsiniz 0 ya da yanlış ve gerçek bir 1. 189 00:10:50,760 --> 00:10:53,270 >> Javascript bizim için biraz daha güzel. 190 00:10:53,270 --> 00:10:57,740 JavaScript, en az bakalım farklılıklar bu dosyada var. 191 00:10:57,740 --> 00:11:05,790 Öncelikle, C biz var olduğunu fark bir tür her değişkeni başlatmak. 192 00:11:05,790 --> 00:11:06,940 S karakter yıldızdır. 193 00:11:06,940 --> 00:11:08,930 Bu bir dize, ve o başka bir türü olamaz. 194 00:11:08,930 --> 00:11:10,450 N şamandıra olduğunu. 195 00:11:10,450 --> 00:11:11,780 B Bool olduğunu. 196 00:11:11,780 --> 00:11:14,220 >> Ama JavaScript, Dinamik türleri vardır. 197 00:11:14,220 --> 00:11:16,400 Yani yok demektir JavaScript söylemek gerekir 198 00:11:16,400 --> 00:11:17,860 senin değişkenleri ne olacağını türleri. 199 00:11:17,860 --> 00:11:22,730 Sadece söylemek değişken için var, ismi değişken ve daha sonra değeri. 200 00:11:22,730 --> 00:11:24,690 Yani var gerçekten bir şey olabilir. 201 00:11:24,690 --> 00:11:25,640 Bu bir dize olabilir. 202 00:11:25,640 --> 00:11:27,300 Bir kayan nokta sayı olabilir. 203 00:11:27,300 --> 00:11:28,560 Bu bir karakter olabilir. 204 00:11:28,560 --> 00:11:31,250 Bir Boolean olabilir. 205 00:11:31,250 --> 00:11:34,380 Ve konsol günlüğü biraz farklı çalışır. 206 00:11:34,380 --> 00:11:37,340 Eğer yazdırmak istiyorsanız Bir numara,% d diyoruz. 207 00:11:37,340 --> 00:11:41,740 Ama en değerleri olabilir sadece iyi dizeleri olarak yazdırılır. 208 00:11:41,740 --> 00:11:46,220 >> En Düğüm bu çalıştıralım ne olacağını görmek için. 209 00:11:46,220 --> 00:11:51,880 Ben, Düğüm ex2.js arayabilirsiniz ve biz printf olsun 210 00:11:51,880 --> 00:11:56,870 değerleri CS50, N ile birlikte kayan nokta sayısı, 211 00:11:56,870 --> 00:12:00,620 ve daha sonra Boolean olarak B Gerçek bir dizeye dönüştürülür. 212 00:12:00,620 --> 00:12:03,830 Ne örnek 2.c yaptıysanız hakkında? 213 00:12:03,830 --> 00:12:09,630 Peki, biz hala bazı var printf daha can sıkma. 214 00:12:09,630 --> 00:12:13,110 Dikkat kayan nokta olduğunu numara doğru biçimlendirilmiş olması gerekir, 215 00:12:13,110 --> 00:12:18,120 ve Boolean sadece yapamam doğru veya yanlış olarak görüntülenir. 216 00:12:18,120 --> 00:12:18,620 Tamam. 217 00:12:18,620 --> 00:12:22,680 Şimdi örnek üç bakalım. 218 00:12:22,680 --> 00:12:26,470 Örneğin, üç, biz gösteriyor Eğer döngü için bir kullanmak nasıl. 219 00:12:26,470 --> 00:12:27,630 Aslında, çok basit. 220 00:12:27,630 --> 00:12:31,430 Hakkında güzel şeylerden biri JavaScript C tabanlı olmasıdır. 221 00:12:31,430 --> 00:12:33,920 Bu demektir ki bir sürü senin Kod çok benzer bakacağız 222 00:12:33,920 --> 00:12:36,490 ve çok aynı hissediyorum. 223 00:12:36,490 --> 00:12:39,220 Bir döngü için, tek şey gerçekten burada değişti 224 00:12:39,220 --> 00:12:41,840 yerine int i, biz i var dosya. 225 00:12:41,840 --> 00:12:45,470 Biz hala değer atayabilirsiniz Sıfır, bu beşten az olduğunu kontrol edin 226 00:12:45,470 --> 00:12:49,390 ve tek bir artıracaktır ++ operatörü ile. 227 00:12:49,390 --> 00:12:56,286 Biz i üzerinde console.log diyoruz, ve bu Bize her hattı ile bir numara basacaktır. 228 00:12:56,286 --> 00:12:58,410 En hızlı gerçekten çalıştıralım bu çıkışları görmek için. 229 00:12:58,410 --> 00:13:02,320 230 00:13:02,320 --> 00:13:03,880 Her satırda yeni bir numara almak. 231 00:13:03,880 --> 00:13:06,920 Başka bir şey seni istiyorum console.log ile fark etmek 232 00:13:06,920 --> 00:13:09,960 Eğer yazmak yoktu olduğunu Yeni hat için ters eğik çizgi n. 233 00:13:09,960 --> 00:13:12,480 Console.log basacaktır kendi satırında her şey. 234 00:13:12,480 --> 00:13:14,585 Bu güzel bir özellik var JavaScript bize verdiği. 235 00:13:14,585 --> 00:13:18,440 236 00:13:18,440 --> 00:13:22,600 >> Şimdi örnek dört kadar açalım. 237 00:13:22,600 --> 00:13:28,710 Örneğin, dört, birinci C, biz birkaç fonksiyonları çağırıyor. 238 00:13:28,710 --> 00:13:33,290 Biz bildirmek zorunda olduğunu fark fonksiyonlar ana bunları kullanmadan önce. 239 00:13:33,290 --> 00:13:37,250 Biz ise ana birinci ve Daha sonra ekleyin ve sonra yüksek, yapmak, 240 00:13:37,250 --> 00:13:39,540 clang veya GCC olur Bize söyleyerek bir hata verir 241 00:13:39,540 --> 00:13:41,060 yüksek ne bilmiyor. 242 00:13:41,060 --> 00:13:42,780 Bu ne eklenti bilmiyor. 243 00:13:42,780 --> 00:13:46,480 C Yani, konusunda seçici olmak zorunda Eğer işlevleri çağırmak sırası. 244 00:13:46,480 --> 00:13:49,220 245 00:13:49,220 --> 00:13:51,310 >> Nasıl yapabilirsiniz de Yapalım bakmak JavaScript bunu. 246 00:13:51,310 --> 00:13:56,060 Biz farklı dosyaları var orada çünkü Bunu yapmak için birkaç farklı yolu vardır. 247 00:13:56,060 --> 00:13:58,950 Tek yönlü oldukça fazla doğrudan bir çeviri. 248 00:13:58,950 --> 00:14:02,180 C fonksiyonlar için dönüş türleri, ve JavaScript 249 00:14:02,180 --> 00:14:05,210 Gerçekten bilmek ya da bakım değil Eğer geri tipi ne, 250 00:14:05,210 --> 00:14:06,300 Eğer bir türü yazmıyorsun. 251 00:14:06,300 --> 00:14:08,100 Bunun yerine, sadece ihtiyacınız işlevi yazmak, 252 00:14:08,100 --> 00:14:11,180 ve her şey güzel daha önce aynı çok. 253 00:14:11,180 --> 00:14:14,630 >> Eğer gibi bir değişken, varsa biz sadece x ve y yazmak gerek, ekleyin. 254 00:14:14,630 --> 00:14:16,060 Biz x, int olduğunu söylemek gerekmez. 255 00:14:16,060 --> 00:14:18,940 Biz y bir int olduğunu söylemek gerekmez. 256 00:14:18,940 --> 00:14:21,030 Biz aynı sözdizimi ile dönmek. 257 00:14:21,030 --> 00:14:24,230 Yüksek için, biz bunu beyan yerine void işlev. 258 00:14:24,230 --> 00:14:26,110 Dikkat olsun ki o, geçersiz veya non-boşluk var 259 00:14:26,110 --> 00:14:28,380 hala aynı işlevi var. 260 00:14:28,380 --> 00:14:32,440 Ve biz sadece koymayın Parantez içinde bir şey 261 00:14:32,440 --> 00:14:34,690 ve C kodu çok benziyor. 262 00:14:34,690 --> 00:14:37,460 Ve aşağıda, biz aşağıya arayabilirsiniz. 263 00:14:37,460 --> 00:14:42,730 Biz örnek 4b bakarsak >> biz fark ben bir kaç şey değişti ettik. 264 00:14:42,730 --> 00:14:45,340 Ben değiştim tek şey Gerçekten olsa emirdir. 265 00:14:45,340 --> 00:14:47,340 Aynı var fonksiyonlar, ama şimdi onlar konum 266 00:14:47,340 --> 00:14:52,200 onlar kullanılan konum sonra ilan console.log ve hatlar 18, 19, yüksek. 267 00:14:52,200 --> 00:14:54,740 C Bu yaptıysak, Bir hata atmak olun. 268 00:14:54,740 --> 00:14:56,070 İşte, bu gayet güzel çalışıyor. 269 00:14:56,070 --> 00:15:01,935 Ve ben size bu gösterebilirim 4b örnek üzerinde düğüm arıyor. 270 00:15:01,935 --> 00:15:05,350 271 00:15:05,350 --> 00:15:10,130 Biz işlevleri çağırabilirsiniz >> başka bir yolu değişkenler olarak işlevlerini kaydederek olduğunu. 272 00:15:10,130 --> 00:15:13,790 Sanki bir değişken, dedi Her türlü olabilir. 273 00:15:13,790 --> 00:15:16,720 Değişken türlerinden biri sahip bir fonksiyonudur. 274 00:15:16,720 --> 00:15:19,800 Örneğin bakarsanız Yani Ben değiştim ne 4c, 275 00:15:19,800 --> 00:15:24,320 Burada var yerine fonksiyon eklenti ekleyin. 276 00:15:24,320 --> 00:15:26,807 Ve şimdi bir işlev eşittir ekleyin. 277 00:15:26,807 --> 00:15:28,140 Burada bu fonksiyon anonimdir. 278 00:15:28,140 --> 00:15:33,346 Bu adı yok, bu yüzden sadece var fonksiyonu ve daha sonra parantez. 279 00:15:33,346 --> 00:15:35,220 Bundan sonra sözdizimi değiştirmek, ama sen değil 280 00:15:35,220 --> 00:15:38,300 akılda tutmak zorunda olduğunu Eğer sen bir değişken var 281 00:15:38,300 --> 00:15:42,940 add içine fonksiyonu saklamak ve yüksek içine depolamak değişken. 282 00:15:42,940 --> 00:15:47,620 >> Çünkü eklemek ve yüksek şimdi değişkenler ve fonksiyonlar, bir şey değişir. 283 00:15:47,620 --> 00:15:50,190 Bu benim görmek yaygın bir hata İnsanların JavaScript'ler bir sürü, 284 00:15:50,190 --> 00:15:52,410 ve bir şey akılda tutmak. 285 00:15:52,410 --> 00:15:54,365 Ben bu çalıştırdığınızda, en ne görelim. 286 00:15:54,365 --> 00:15:57,410 287 00:15:57,410 --> 00:15:58,230 Ben bir hata alıyorum. 288 00:15:58,230 --> 00:16:01,000 Bu noktada tanımsız söylüyor. 289 00:16:01,000 --> 00:16:03,520 Yani onu söylüyor olduğunu eklemek ne olduğunu bilmez. 290 00:16:03,520 --> 00:16:06,010 >> Şimdi eklemek için bir değil fonksiyonu, eklediğiniz bir değişkendir. 291 00:16:06,010 --> 00:16:10,100 Ve aslında vermediyseniz Eğer kullanıldığında henüz bir değer ekleyin. 292 00:16:10,100 --> 00:16:14,460 Bu nerede olursa örnek 4d, bize getiriyor Eğer işlevleri gibi değişkenleri kullanmak istiyorsanız, 293 00:16:14,460 --> 00:16:17,210 Sadece emin olmak gerekir onlar onlar alıştığınız önce değeri olsun. 294 00:16:17,210 --> 00:16:20,200 295 00:16:20,200 --> 00:16:23,420 >> En sonra, örneğin beş geçelim. 296 00:16:23,420 --> 00:16:27,390 Burada, biz hakkında konuşmak C C'de yapılar, yapılar 297 00:16:27,390 --> 00:16:30,320 Onlara bu sabit bir yapıya sahip Bunları bildirmek zorunda çünkü 298 00:16:30,320 --> 00:16:33,050 Bunu kullanmadan önce, ve Eğer ben bir öğrenci var ki, 299 00:16:33,050 --> 00:16:36,645 ve her öğrencinin tam sahiptir bir isim, bir yıl, bir cinsiyet. 300 00:16:36,645 --> 00:16:37,770 Bu hepsi sahip olması. 301 00:16:37,770 --> 00:16:42,280 Bu başka değerlere sahip olamaz, ve belirli türleri olmak zorunda. 302 00:16:42,280 --> 00:16:47,540 >> Sonra başlatılamıyor Bu güzel sözdizimi yapı 303 00:16:47,540 --> 00:16:49,470 bu düzeni bilir çünkü. 304 00:16:49,470 --> 00:16:51,460 Yani Roger isim olduğunu bilir. 305 00:16:51,460 --> 00:16:54,060 2016 bir olduğunu bilir yıl ve M cinsiyet olduğunu 306 00:16:54,060 --> 00:16:58,200 biz bu söyledim çünkü Liste bir yapı öğrencisi. 307 00:16:58,200 --> 00:17:01,607 Ve sonra yazdırabilirsiniz Bu, s.name erişmek. 308 00:17:01,607 --> 00:17:03,690 Nasıl olur bakalım JavaScript bu dönüştürmek. 309 00:17:03,690 --> 00:17:06,400 310 00:17:06,400 --> 00:17:09,790 Şimdi bir olduğunu s edin Değişken ve hiçbir türü var. 311 00:17:09,790 --> 00:17:10,920 Yine sadece bir var var. 312 00:17:10,920 --> 00:17:14,480 O eğer önemli değil, çünkü Bu değişken türü, bir gösterici 313 00:17:14,480 --> 00:17:17,440 Bir yapı ya da başka bir şey var. 314 00:17:17,440 --> 00:17:19,650 Biz biraz farklı bir sözdizimi vardır. 315 00:17:19,650 --> 00:17:21,890 Bu sözdizimi nesne sözdizimi. 316 00:17:21,890 --> 00:17:24,400 >> Siz JSON bunu görmüş olabilir. 317 00:17:24,400 --> 00:17:27,780 JSON aslında açılımı JavaScript Object Gösterimi. 318 00:17:27,780 --> 00:17:31,240 Bu tanımlamak nasıl JavaScript nesneleri. 319 00:17:31,240 --> 00:17:34,500 Biz hangi bir anahtar var adı gibi değer. 320 00:17:34,500 --> 00:17:37,680 Ve biz üzerinde değerleri vermek kolonun diğer tarafı. 321 00:17:37,680 --> 00:17:41,850 Ve akılda tutmak için bir şey sensin Bir isim ve bir yıl olması gerekmez 322 00:17:41,850 --> 00:17:42,980 ve bir nesne için bir cinsiyet. 323 00:17:42,980 --> 00:17:44,570 Bir nesne yok değerlere sahip olabilir. 324 00:17:44,570 --> 00:17:46,920 Bu istediğiniz gibi birçok olabilir. 325 00:17:46,920 --> 00:17:50,375 >> Biz sadece bu nesneleri kullanabilirsiniz Aynı şekilde biz, s.name bir yapı kullanmak istiyorum. 326 00:17:50,375 --> 00:17:53,810 327 00:17:53,810 --> 00:17:57,080 Biz hızla gerçekten çalıştırabilirsiniz Düğüm örneği 5.c. yaparak 328 00:17:57,080 --> 00:18:00,320 329 00:18:00,320 --> 00:18:02,520 Biz aslında düğüm bir C dosyasını çalıştırın olamaz. 330 00:18:02,520 --> 00:18:03,654 Bu, C nedir bilmiyor. 331 00:18:03,654 --> 00:18:04,695 Sadece JavaScript bilir. 332 00:18:04,695 --> 00:18:09,865 Biz ex5.js çalıştırdığınızda, biz olsun Biz beklenen değer. 333 00:18:09,865 --> 00:18:13,490 334 00:18:13,490 --> 00:18:15,980 >> En örnek altı geçelim. 335 00:18:15,980 --> 00:18:18,930 İşte ben biraz konuşmak istiyorum JavaScript diziler hakkında biraz daha 336 00:18:18,930 --> 00:18:20,930 Onlar biraz çünkü sen ne daha farklı 337 00:18:20,930 --> 00:18:26,940 C. Diziler notaya edilir olarak kullanılan, değil C gibi parantez ile, 338 00:18:26,940 --> 00:18:28,640 kaşlı ayraçlar, ancak parantez ile. 339 00:18:28,640 --> 00:18:32,150 Boş bir dizi olabilir, hat dört arr gibi. 340 00:18:32,150 --> 00:18:34,680 Siz diziler olabilir Birden değerleri ile. 341 00:18:34,680 --> 00:18:39,790 Ve onlara erişmek C sadece aynı şekilde 342 00:18:39,790 --> 00:18:42,990 >> Kadar yedi hat, her şeyi Oldukça basit görünüyor. 343 00:18:42,990 --> 00:18:45,390 Bir küçük fark hattında 10 de burada. 344 00:18:45,390 --> 00:18:48,620 yolu bir uzunluğu olsun Dizi sadece .length arayarak olduğunu. 345 00:18:48,620 --> 00:18:50,620 Bir dizi aslında olabilir Bir nesne gibi muamele, 346 00:18:50,620 --> 00:18:54,960 ve bu nesne uzunluğu özelliğine sahip bunun uzunluğunu almak için çağrı söyledi. 347 00:18:54,960 --> 00:18:57,350 Bu farklı olduğuna dikkat edin C, çünkü C Eğer 348 00:18:57,350 --> 00:19:01,600 uzunluğunu bilmek zorunda vaktinden nesne. 349 00:19:01,600 --> 00:19:04,700 Diziler hakkında >> Yani bir başka güzel bir şey Eğer farklı olabilir olmasıdır. 350 00:19:04,700 --> 00:19:07,470 C bir dizi varsa, orada Belirli bir değer diziler, 351 00:19:07,470 --> 00:19:11,900 Bir yapı işaretçi ya veya [duyulamaz] yüzer veya. 352 00:19:11,900 --> 00:19:13,700 Burada, farklı değerlere sahip olabilir. 353 00:19:13,700 --> 00:19:17,560 Ben ilk kayan nokta sayısı vardı, daha sonra bir Boolean, sonra başka bir tamsayı. 354 00:19:17,560 --> 00:19:19,670 Ve aslında, onlar da türlerini değiştirebilirsiniz. 355 00:19:19,670 --> 00:19:21,220 Hat 16 bak. 356 00:19:21,220 --> 00:19:26,760 Dizi iki olmaktan değişiyor Bir dize bir sayı, bir tamsayı. 357 00:19:26,760 --> 00:19:30,920 >> Diziler hakkında güzel bir şey burada hat 19, onlar sonsuz boyutu var. 358 00:19:30,920 --> 00:19:35,900 Sadece ben yüzüncü istiyorum söyleyebilirim eleman okunaklı dize olmak. 359 00:19:35,900 --> 00:19:38,510 Ve bu yapmak için görünmüyor anlamda nedeniyle dizisi yalnızca 360 00:19:38,510 --> 00:19:41,080 üç unsur için yer vardır, böylece son iki olmalıdır. 361 00:19:41,080 --> 00:19:44,800 Bunu yaparken Ama, diyelim Üç olur ne dizisi bakın. 362 00:19:44,800 --> 00:19:47,460 Biz hızlı bu aday olacağını Düğüm örneği six.js. ile 363 00:19:47,460 --> 00:19:49,990 364 00:19:49,990 --> 00:19:52,180 Biz bu gerçekten uzun olsun Dizi, ve ne olur 365 00:19:52,180 --> 00:19:55,100 İlk birkaç unsurları var olan boşlukları ve daha sonra bir demet 366 00:19:55,100 --> 00:19:56,580 kadar bizim dize olsun. 367 00:19:56,580 --> 00:19:58,580 JavaScript doldurur Dizi ihtiyaç duyulan gibi. 368 00:19:58,580 --> 00:20:01,790 369 00:20:01,790 --> 00:20:05,420 >> En nihayet son örnek gidelim. 370 00:20:05,420 --> 00:20:08,180 Burada bir liste var Farklı öğrenciler. 371 00:20:08,180 --> 00:20:11,350 Biraz konuşmak istiyorum bazı güzel yönleri hakkında biraz 372 00:20:11,350 --> 00:20:14,240 ve JavaScript döngüler için. 373 00:20:14,240 --> 00:20:17,500 C, döngüler için bir tür sınırlıdır. 374 00:20:17,500 --> 00:20:21,490 Onlar, nereye sabit bir yapıya sahip Bir değişken, bir şartım var, 375 00:20:21,490 --> 00:20:23,850 ve sonra bir şey yapmak döngünün sonunda. 376 00:20:23,850 --> 00:20:27,560 Ve tabii ki bu, JavaScript çalışır Daha önceki örneklerde gördüğümüz gibi. 377 00:20:27,560 --> 00:20:31,030 Ama biz de güzel yollar var ve JavaScript yapıyor. 378 00:20:31,030 --> 00:20:33,870 Bu bir foreach döngüsü denir. 379 00:20:33,870 --> 00:20:36,580 >> Üzgünüm, geri dönelim Burada örnek yedi. 380 00:20:36,580 --> 00:20:39,320 Biz de bölüm liste olduğunu söyleyebiliriz. 381 00:20:39,320 --> 00:20:43,250 Yani beni her i verebilir veya Bu listedeki her dizin. 382 00:20:43,250 --> 00:20:46,255 Sonra öğrenci alabilirsiniz Sadece i bölümünü arayarak. 383 00:20:46,255 --> 00:20:50,690 Yani ayar i tüm kodu sıfıra eşit ve emin i yapma 384 00:20:50,690 --> 00:20:54,420 olan uzunluğundan daha az ve i bir her zaman ekleyerek, işte 385 00:20:54,420 --> 00:21:00,220 yerine dikkat çekici güzel bu foreach döngüsü ile. 386 00:21:00,220 --> 00:21:02,830 >> Sadece foreach döngüleri yapmak listeleri veya dizilerde çalışmak, 387 00:21:02,830 --> 00:21:06,130 aynı zamanda nesne çalışır, hangi da güzel. 388 00:21:06,130 --> 00:21:10,240 Sen adını alabilirsiniz Sadece alarak her özellik 389 00:21:10,240 --> 00:21:15,030 Bir sözlük ya da bir nesne, öğrenci gibi, ve sonra bana her tuşu ver diyerek. 390 00:21:15,030 --> 00:21:18,920 Bir anahtarı, bu olurdu özellikleri, isim veya ev. 391 00:21:18,920 --> 00:21:22,870 Yani burada ne olacak ne olduğunu ilk adı ve sonra çıktı 392 00:21:22,870 --> 00:21:24,920 Her öğrenci evi. 393 00:21:24,920 --> 00:21:29,170 >> Ben Düğüm bu çalıştırabilirsiniz Gerçekten hızlı bir şekilde göstermek için. 394 00:21:29,170 --> 00:21:35,510 Biz ilk döngü, C tarzı olsun her nesne dışarı yazdırılan olsun. 395 00:21:35,510 --> 00:21:38,910 Ve sonra JavaScript var stil, burada sadece can 396 00:21:38,910 --> 00:21:41,510 Her tuşa basmak ve ayrı ayrı değer. 397 00:21:41,510 --> 00:21:45,560 398 00:21:45,560 --> 00:21:47,050 >> Tamam. 399 00:21:47,050 --> 00:21:52,850 Şimdi node.js kapalı ettik, sanırım Biz Meteor ile başlamak için hazırız. 400 00:21:52,850 --> 00:21:56,070 Dediğim gibi, Meteor büyük bir iş yaptı Bazı hazır örnekler yazma 401 00:21:56,070 --> 00:22:00,600 sizin için içinden keşfedebilirsiniz ki Bu öğretici veya seminer klasöründe. 402 00:22:00,600 --> 00:22:03,750 Ama burada ben istiyorum sıfırdan daha başlangıç. 403 00:22:03,750 --> 00:22:06,810 >> Başvurusunu yapmak için basit bir yaratalım. 404 00:22:06,810 --> 00:22:14,140 Bu ne tabanının tür Ben ise daha önce gösterdiğim uygulama yapmak. 405 00:22:14,140 --> 00:22:16,990 Bu eğitimde, sen var olduğunu göreceksiniz 406 00:22:16,990 --> 00:22:20,180 Bir komut Meteor oluşturmak Yeni Meteor projesi oluşturun. 407 00:22:20,180 --> 00:22:24,510 Siz sırayla bu aramak gerekir Meteor projeleri çünkü o çalıştırmak için 408 00:22:24,510 --> 00:22:27,470 komutları çalışacak Meteor oluşturmak için 409 00:22:27,470 --> 00:22:31,100 Projeniz için gerekli dosyaları. 410 00:22:31,100 --> 00:22:35,920 >> Eğer terminale gitmek, biz adım bir adlandırılan klasör içine gidin. 411 00:22:35,920 --> 00:22:41,240 Ve bir karşılık olacak adım öğretici ilk adım. 412 00:22:41,240 --> 00:22:44,020 Uyarı klasörler, adım vardır bir, adım, iki, beş, tüm yol. 413 00:22:44,020 --> 00:22:47,835 Ve her biri karşılık gelen bir Bu öğretici bir adım. 414 00:22:47,835 --> 00:22:50,960 415 00:22:50,960 --> 00:22:52,780 Bunu açmak için gidiyorum Burada benim metin editörü 416 00:22:52,780 --> 00:22:56,280 bu yüzden yaratılmış ne biraz görebilirsiniz. 417 00:22:56,280 --> 00:22:58,530 Biz fark orada dört ana parçalar vardır. 418 00:22:58,530 --> 00:23:01,170 Bir Meteor dizin .meteor var. 419 00:23:01,170 --> 00:23:03,180 Ve size genellikle dokunmak gerek yok. 420 00:23:03,180 --> 00:23:05,070 Meteor ilgilenir Bu klasör, ve sadece 421 00:23:05,070 --> 00:23:08,640 emin kılar senin Proje düzgün çalışacaktır. 422 00:23:08,640 --> 00:23:14,580 >> Biz de, üç dosya, bir HTML dosyası var Bir JavaScript dosyası, ve bir CSS dosyası. 423 00:23:14,580 --> 00:23:18,670 Ilk HTML dosyası ile başlayalım. 424 00:23:18,670 --> 00:23:21,310 İlk bakışta, bu görünüyor Normal bir HTML belgesi gibi. 425 00:23:21,310 --> 00:23:23,490 Ama fark bazı farklılıklar vardır. 426 00:23:23,490 --> 00:23:26,520 Bir, bu değil aslında Tam bir HTML belgesi. 427 00:23:26,520 --> 00:23:28,640 Biz HTML etiketleri kaçırıyorsun. 428 00:23:28,640 --> 00:23:29,700 Bu normaldir. 429 00:23:29,700 --> 00:23:33,560 Meteor olarak, beklenen değilsin Bu HTML etiketleri oluşturmak için. 430 00:23:33,560 --> 00:23:35,260 Bu sizin için bitti. 431 00:23:35,260 --> 00:23:38,380 Sen eğer begin-- istiyorum Bir web sitesi oluşturmak istiyorsanız, 432 00:23:38,380 --> 00:23:40,430 Sadece başlamak gerekir Baş etiketiyle, 433 00:23:40,430 --> 00:23:43,510 o tanımlamak ve Vücut etiketini tanımlamak. 434 00:23:43,510 --> 00:23:48,940 >> Ama bu fark varsa HTML dosyası, yeni bir etiket var. 435 00:23:48,940 --> 00:23:50,350 Biz şablon etiketine sahip. 436 00:23:50,350 --> 00:23:52,050 Bu normal bir HTML değil. 437 00:23:52,050 --> 00:23:55,300 Bu HTML özel bir versiyonu Meteor sizin için kullanılabilir yapar. 438 00:23:55,300 --> 00:23:57,660 Bu uzay barlar denir. 439 00:23:57,660 --> 00:24:00,980 Seni küçük gibi şablonları tanımlayabilirsiniz tür yardımcı fonksiyonları gibi modülleri, 440 00:24:00,980 --> 00:24:03,660 senin C veya JavaScript kodu. 441 00:24:03,660 --> 00:24:06,020 Bu şablon olur Görev adında bir isim var. 442 00:24:06,020 --> 00:24:10,520 Ve on line burada görebilirsiniz 13 Bu şablonları çağırabilir. 443 00:24:10,520 --> 00:24:14,380 Ve ne Meteor yapacak sadece bir sizin için bu görevleri doldurun. 444 00:24:14,380 --> 00:24:17,540 445 00:24:17,540 --> 00:24:22,580 >> Eğer fark edebilirsiniz başka bir şey değildir biraz farklı bu her fonksiyondur. 446 00:24:22,580 --> 00:24:26,130 Her değişken alacak görevleri ve tür onu geçmesi 447 00:24:26,130 --> 00:24:28,810 Bu foreach döngüsü biz de Örnek yedi gördüm. 448 00:24:28,810 --> 00:24:34,200 Bu, her bir sözlük alabilir veya bir liste, bir nesne veya bir liste, 449 00:24:34,200 --> 00:24:38,820 ve sadece tüm aracılığıyla gidersiniz Bir foreach döngüsü gibi değerler olur. 450 00:24:38,820 --> 00:24:44,110 Bu yüzden görevleri bir sürü varsa, bu Her görev şablonu arayacak. 451 00:24:44,110 --> 00:24:49,590 >> En Meteor projeyi çalıştıralım sadece bu durumda olduğunu görmek için. 452 00:24:49,590 --> 00:24:53,260 Ben Meteor projeyi çalıştırmak Sadece Meteor veya Meteor çalıştırın. 453 00:24:53,260 --> 00:24:56,690 Ve şimdi Meteor sadece ihtiyacınız olacak hızlı projeyi hazırlamak, 454 00:24:56,690 --> 00:25:03,320 Gerekirse veritabanını başlatmak, ve daha sonra lokal uygulamayı sonrası. 455 00:25:03,320 --> 00:25:07,200 Şimdi bizim web tarayıcısı gidebilirsiniz. 456 00:25:07,200 --> 00:25:10,215 Ve biz bu biz görürsünüz çok basit bir uygulaması var. 457 00:25:10,215 --> 00:25:22,190 458 00:25:22,190 --> 00:25:29,130 Bu yüzden gösterdi gördüm aslında ne oldu adım bir adım bir dosya. 459 00:25:29,130 --> 00:25:33,260 >> En iki çünkü adıma geçelim Ben aynı amaca hizmet olacağını düşünüyorum. 460 00:25:33,260 --> 00:25:36,500 Ben sadece değiştirmek için gidiyorum adım, iki dizine 461 00:25:36,500 --> 00:25:39,550 Gördüğümüz böylece tekrar Meteor çalıştırın Şablon biz sadece çalıştı. 462 00:25:39,550 --> 00:25:43,560 463 00:25:43,560 --> 00:25:45,730 Evet, bir soru? 464 00:25:45,730 --> 00:25:49,724 >> İZLEYİCİ: Biz alıyorsanız izni inkar, onu ne ki- olduğunu 465 00:25:49,724 --> 00:25:50,390 Bunun için çağırdı? 466 00:25:50,390 --> 00:25:52,154 467 00:25:52,154 --> 00:25:54,070 ROGER ZURAWICKI: Eğer Eğer, Meteor çalıştırmak koşuyoruz 468 00:25:54,070 --> 00:25:57,280 ve izniniz var reddedildi, bazı dosyaların 469 00:25:57,280 --> 00:25:59,070 Sağ izin kümesi olmayabilir. 470 00:25:59,070 --> 00:26:03,970 Yani nerede kontrol etmek zorunda izinleri kapalı. 471 00:26:03,970 --> 00:26:06,030 Onlar kapalı olabilir senin Meteor projesi, 472 00:26:06,030 --> 00:26:08,550 ya da kapalı olabilir Meteor kendilerini dosyaları. 473 00:26:08,550 --> 00:26:13,742 >> İZLEYİCİ: Ben şimdi bunu indirdiyseniz senin GitHub, o zaman ben ne yapmalıyım 474 00:26:13,742 --> 00:26:16,110 [Duyulamaz]? 475 00:26:16,110 --> 00:26:20,110 >> ROGER ZURAWICKI: Eğer isterseniz Bunu erişebilirsiniz emin olmak için, 476 00:26:20,110 --> 00:26:21,450 çalıştırabileceğiniz bir komut var. 477 00:26:21,450 --> 00:26:26,590 Hızla bana izin ver dışarı yazmak bu nedenle diğer insanlar görebilirsiniz. 478 00:26:26,590 --> 00:26:30,670 Ben burada yeni bir sekme açmak için gidiyorum ve benim seminer klasörüne gidin. 479 00:26:30,670 --> 00:26:33,500 480 00:26:33,500 --> 00:26:36,490 Chmod komutu izinleri değiştirmek için, 481 00:26:36,490 --> 00:26:40,060 bunu için ve r söyleyebiliriz yinelemeli her dosya için. 482 00:26:40,060 --> 00:26:46,040 Ve izinleri, sen 0755 deneyebilirsiniz Eğer tam erişime sahip emin olmak için, 483 00:26:46,040 --> 00:26:47,820 ve herkes okuyabilir. 484 00:26:47,820 --> 00:26:50,100 Ve sadece çalıştırırsanız Bu komut, o yapacağız 485 00:26:50,100 --> 00:26:55,800 Emin izinleri vardır Bütün dizine kontrol edin. 486 00:26:55,800 --> 00:26:59,160 -L ls Koşu size gösterebilirim daha ayrıntılı izinleri. 487 00:26:59,160 --> 00:27:01,290 Bu Tamam görünüyor. 488 00:27:01,290 --> 00:27:03,900 >> Ne en önemli olmasıdır Eğer üçünü var 489 00:27:03,900 --> 00:27:06,610 tüm dosyaları için rwx Seminer dizini. 490 00:27:06,610 --> 00:27:09,415 491 00:27:09,415 --> 00:27:11,330 Bu sorunu çözdü mü? 492 00:27:11,330 --> 00:27:13,735 >> İZLEYİCİ: Bu eksik diyor edimsel [duyulamaz]. 493 00:27:13,735 --> 00:27:17,980 494 00:27:17,980 --> 00:27:18,740 [Duyulamaz] 495 00:27:18,740 --> 00:27:20,490 ROGER ZURAWICKI: Sen emin olmak gerekir 496 00:27:20,490 --> 00:27:23,022 senin komutun sonunda bir nokta var. 497 00:27:23,022 --> 00:27:23,938 HEDEF KİTLE: [duyulamaz]. 498 00:27:23,938 --> 00:27:36,395 499 00:27:36,395 --> 00:27:37,520 ROGER ZURAWICKI: Pekala. 500 00:27:37,520 --> 00:27:42,220 Bize hızlı geri dönelim Yerel ev sahibi, biz app. 501 00:27:42,220 --> 00:27:46,640 Ve biz bir olduğunu göreceksiniz beklendiği gibi burada birkaç görevler. 502 00:27:46,640 --> 00:27:49,330 503 00:27:49,330 --> 00:27:51,990 Biz CSS bir grup, sahip olduğu hakkında endişelenmenize gerek yok. 504 00:27:51,990 --> 00:27:53,740 Meteor öğretici sadece sizin için bu verir 505 00:27:53,740 --> 00:27:58,010 Liste bakmak a yapmak için, sizin yapmak Düz HTML daha güzel biraz. 506 00:27:58,010 --> 00:28:02,290 Ve biz JavaScript dosyasını, var olan Ben, biraz sonra daha detaya gidersiniz 507 00:28:02,290 --> 00:28:04,272 ama sadece bu görevleri sağlar. 508 00:28:04,272 --> 00:28:04,980 Bu görev biridir. 509 00:28:04,980 --> 00:28:05,740 Bu görev iki. 510 00:28:05,740 --> 00:28:06,590 Bu görev üçtür. 511 00:28:06,590 --> 00:28:09,720 Yani bu Meteor en alıyorum veridir. 512 00:28:09,720 --> 00:28:15,590 >> Serin şeylerden biri Meteor ilgili değişiklikler otomatik olabilir ki. 513 00:28:15,590 --> 00:28:18,990 Ben değiştirmek istedim İlk görevin adı, 514 00:28:18,990 --> 00:28:22,490 bu yüzden bu değil söyleyebilirim Görev biri, ve bunu kaydetmek, 515 00:28:22,490 --> 00:28:26,370 Ben web gidin, sonra ne zaman Tarayıcı, bunu yenilemek olabilir, 516 00:28:26,370 --> 00:28:30,861 ve otomatik diyor Bu bir görev değildir. 517 00:28:30,861 --> 00:28:32,860 Aynı şeyi yapabilirsiniz Bu dosyalardan herhangi. 518 00:28:32,860 --> 00:28:37,940 Bir değişiklik yapın, yerine yapılacak Liste, ben benim liste yapmak zorunda kalacaktır. 519 00:28:37,940 --> 00:28:40,980 >> Ve bir şey, sadece fark, ben bile yenilemek için yoktu. 520 00:28:40,980 --> 00:28:43,960 yenilenme fikri tür ve Meteor sizin için çözüldü. 521 00:28:43,960 --> 00:28:48,970 Dosya değişiklikleri algılar zaman, Sizin için değişiklikleri yükleyecektir. 522 00:28:48,970 --> 00:28:53,110 Bu ister, tüm dosyaları üzerinde çalışır HTML, CSS, JavaScript veya var. 523 00:28:53,110 --> 00:28:57,990 Bu uygulama görüneceğini göstermek için gibi CSS olmadan, ben hepsini kaldırabilirsiniz. 524 00:28:57,990 --> 00:29:04,720 O yeniden ne zaman Ve, şimdi var Bir değil güzel görünümlü liste yapmak. 525 00:29:04,720 --> 00:29:06,370 Geri içeriğin koyalım. 526 00:29:06,370 --> 00:29:11,343 Ve elbette ki, onu yeniler, ve bizim CSS geri döndü. 527 00:29:11,343 --> 00:29:11,843 Büyük. 528 00:29:11,843 --> 00:29:15,700 529 00:29:15,700 --> 00:29:20,010 >> Şimdi öğretici ile hareket edebilirsiniz. 530 00:29:20,010 --> 00:29:23,360 En adım, iki, şablonları hakkında konuşalım. 531 00:29:23,360 --> 00:29:27,140 Bu sadece gördüm ne Farklı görevler ile. 532 00:29:27,140 --> 00:29:31,550 Meteor size açıklayacağım ne şablonlar ve nasıl bu mantık çalışır. 533 00:29:31,550 --> 00:29:34,760 Ama sadece kod bakalım biz onu dışarı mantıklı olmadığını görmek. 534 00:29:34,760 --> 00:29:38,030 535 00:29:38,030 --> 00:29:41,460 >> Çok basit uygulamalarda, Biz basit ne var gibi 536 00:29:41,460 --> 00:29:44,550 adım bir adım, iki adım, yapmak üç, dört adım, adım, beş, 537 00:29:44,550 --> 00:29:45,700 Biz herhangi bir klasör yok. 538 00:29:45,700 --> 00:29:47,533 Biz sunucu yok Klasör bahsettiğim. 539 00:29:47,533 --> 00:29:50,510 Biz müşteri yok sözü edilen klasör. 540 00:29:50,510 --> 00:29:52,290 Yani Meteor tüm dosyaları çalışır. 541 00:29:52,290 --> 00:29:55,210 Bu onu hem edeceğiz İstemci, sunucu üzerinde hem. 542 00:29:55,210 --> 00:29:58,840 >> Ve sen JavaScript bölümlerini istiyorsanız kod, sadece istemci üzerinde çalıştırmak için 543 00:29:58,840 --> 00:30:02,350 onlar emin olmak gerekir Bir açıklamada ise, tür ne gibi 544 00:30:02,350 --> 00:30:04,890 Biz burada bizim JavaScript dosyasında var. 545 00:30:04,890 --> 00:30:08,010 Böylece meteor, yalnızca O zaman, istemci var ben 546 00:30:08,010 --> 00:30:12,355 Bir şablon tanımlamak istiyorum yardımcı denilen görevler. 547 00:30:12,355 --> 00:30:15,050 548 00:30:15,050 --> 00:30:19,260 Ne bu kod gerçekten Does orada diyor olduğunu 549 00:30:19,260 --> 00:30:21,800 Bir nesne olarak adlandırılan şablon Bu meteor içerir. 550 00:30:21,800 --> 00:30:23,270 Ve biz bir yardımcı eklemek için gidiyoruz. 551 00:30:23,270 --> 00:30:27,680 Yardımcılar bu görevler, görevler gibi bu işler. 552 00:30:27,680 --> 00:30:33,890 >> Siz görürsünüz biz geri gitmek eğer HTML dosyası, biz görevler her çağırdı. 553 00:30:33,890 --> 00:30:35,750 Görevler HTML tanımlı değil. 554 00:30:35,750 --> 00:30:37,770 Bu JavaScript tanımlanan oluyor. 555 00:30:37,770 --> 00:30:42,610 Ve Meteor hangi görevleri olduğunu bilmesi gerekiyor Burada JavaScript gittiğinizde. 556 00:30:42,610 --> 00:30:45,550 Görevler bu yardımcısıdır. 557 00:30:45,550 --> 00:30:49,830 Yardımcı, aklınıza Bir şablon değişkeni olarak. 558 00:30:49,830 --> 00:30:51,000 Ve görevleri ne yapar? 559 00:30:51,000 --> 00:30:53,580 Peki, bu değerler listesini verir. 560 00:30:53,580 --> 00:30:56,750 Bir liste Çünkü, biz her çağırabilirsiniz. 561 00:30:56,750 --> 00:30:58,590 Biz görevler her diyoruz yüzden bu. 562 00:30:58,590 --> 00:30:59,730 Ve şimdi görev var. 563 00:30:59,730 --> 00:31:02,850 564 00:31:02,850 --> 00:31:03,990 >> Görevi ne yapar? 565 00:31:03,990 --> 00:31:07,740 Peki, bu ok vardır Burada kaşlı ayraçlar sonra. 566 00:31:07,740 --> 00:31:09,130 Bu görev, bir şablon olduğu anlamına gelir. 567 00:31:09,130 --> 00:31:11,100 Bu, bir yardımcı değil biz sadece ne gördüm gibi. 568 00:31:11,100 --> 00:31:12,872 Biz tanımladığınız bir şablon var. 569 00:31:12,872 --> 00:31:14,080 Ve nerede tanımladığım? 570 00:31:14,080 --> 00:31:16,950 Biz burada altına tanımladığınız. 571 00:31:16,950 --> 00:31:21,160 >> Tüm bu şablonu oluşturma does Bir liste öğesi, ve metin çağırır. 572 00:31:21,160 --> 00:31:24,160 Şimdi, metin gibi görünüyor yardımcı, ama ben size göstereceğim 573 00:31:24,160 --> 00:31:26,610 Bu aslında hala olduğu görevleri bir veri üyesi. 574 00:31:26,610 --> 00:31:29,230 575 00:31:29,230 --> 00:31:33,670 Her çağırdığınızda, gider veri yapısı biraz. 576 00:31:33,670 --> 00:31:39,130 Foreach döngüsü gibi, artık sadece görünüyor Bizim nesnenin ilk elemana. 577 00:31:39,130 --> 00:31:41,850 Biz o metin görmek Bizim nesne olarak tanımlanmıştır. 578 00:31:41,850 --> 00:31:45,350 Yani Meteor olduğunu bilmek akıllı Biz bu metin hakkında konuşuyor 579 00:31:45,350 --> 00:31:47,630 değil metin denir yardımcı. 580 00:31:47,630 --> 00:31:52,120 Sadece bu değeri alır Burada metin ve HTML gibi görüntüler onu, 581 00:31:52,120 --> 00:31:55,475 ve bu verilerin nasıl gidiyor bulunuyor HTML, JavaScript den. 582 00:31:55,475 --> 00:32:03,320 583 00:32:03,320 --> 00:32:07,030 >> Bu örnekte, ama üzerinde hareket biz zor bu değerleri kodlanmış. 584 00:32:07,030 --> 00:32:10,440 Meteor gerçekten iki yapar Bizim için güzel şeyler. 585 00:32:10,440 --> 00:32:15,050 Canlı refresh yanında biz gösterdi, o da bizim veritabanı yönetir. 586 00:32:15,050 --> 00:32:18,750 PHP ile çalışmak olsaydı, Eğer phpMyAdmin'i yapılandırmak zorunda. 587 00:32:18,750 --> 00:32:21,320 Emin yapmak zorunda senin tablolar, tüm çek vardı. 588 00:32:21,320 --> 00:32:24,760 Sen yapmak için bir sürü iş yapmak zorunda , veri doğru biçimlendirilmiş emin 589 00:32:24,760 --> 00:32:27,880 ve PHP onunla iletişim kuramadı. 590 00:32:27,880 --> 00:32:30,170 >> Şimdi, Meteor yeni bir paradigma kullanır. 591 00:32:30,170 --> 00:32:32,310 Bu, daha modern bir yoludur bir veritabanı taşıma. 592 00:32:32,310 --> 00:32:34,580 Bu MongoDB adında bir teknoloji var. 593 00:32:34,580 --> 00:32:38,740 Sadece JavaScript gibi, biz öyle gördüm veri vardı ne tür önemli değildi. 594 00:32:38,740 --> 00:32:39,640 Her şey bir var oldu. 595 00:32:39,640 --> 00:32:40,570 Bu charstar değildi. 596 00:32:40,570 --> 00:32:40,930 Bu bir int değildi. 597 00:32:40,930 --> 00:32:41,970 Bu yapı değildi. 598 00:32:41,970 --> 00:32:44,210 O var, sadece bu var oldu. 599 00:32:44,210 --> 00:32:46,320 >> MongoDB aynı şekilde bir tür çalışır. 600 00:32:46,320 --> 00:32:48,160 Sen tablo tanımlamak zorunda değilsiniz. 601 00:32:48,160 --> 00:32:50,860 Bir tablo söylemek zorunda değilsiniz Bir int olan bir isim vardır. 602 00:32:50,860 --> 00:32:54,710 Bu, bilmiyorum, bir var ondalık olan dolar. 603 00:32:54,710 --> 00:32:58,360 Bu, sadece bu JavaScript nesneleri var Tüm bu değişkenler, esas olarak. 604 00:32:58,360 --> 00:33:02,780 Ve bu gerçekten güçlü app prototip yolu. 605 00:33:02,780 --> 00:33:06,190 Ve bu yüzden Meteor Bu yararlanır. 606 00:33:06,190 --> 00:33:11,080 >> Biz üç adım giderseniz, en nelerin değiştiğini görelim. 607 00:33:11,080 --> 00:33:15,480 Biz todos HTML bakarsak, çok değil. 608 00:33:15,480 --> 00:33:17,170 CSS hiç değişmedi. 609 00:33:17,170 --> 00:33:22,420 Ancak küçük değişiklik, HTML görmek görevler tanımlanır nasıl değiştirdik olduğunu. 610 00:33:22,420 --> 00:33:23,800 Görevler artık bir işlevdir. 611 00:33:23,800 --> 00:33:25,800 Yani her demektir Biz görevleri almak istiyorum zaman, 612 00:33:25,800 --> 00:33:27,480 Bu işlevi çalıştırmak için gidiyoruz. 613 00:33:27,480 --> 00:33:29,230 Bu dönmez bir değer olarak işlev görür. 614 00:33:29,230 --> 00:33:33,710 >> Meteor aslında çalıştırmak için akıllı Fonksiyon biz ne olsun görmek için. 615 00:33:33,710 --> 00:33:36,650 Ve görevleri denilen bu şeyi verir. 616 00:33:36,650 --> 00:33:40,650 Biz, birinci hatta görevleri tanımlanmış ettik ve bir Mongo koleksiyon. 617 00:33:40,650 --> 00:33:43,170 Mongo için başvuran meteor kullanır veritabanı 618 00:33:43,170 --> 00:33:48,420 ve bu yeni sadece en yapalım anlamına gelir yeni bir koleksiyon, o görevleri diyoruz. 619 00:33:48,420 --> 00:33:53,540 MySQL, bu eşdeğer olacaktır tablo adı verilen görevler arıyor. 620 00:33:53,540 --> 00:33:56,350 Mongo koleksiyonları, değil tablolar vardır. 621 00:33:56,350 --> 00:34:00,100 Yani bu sadece görevleri arar. 622 00:34:00,100 --> 00:34:04,820 Içinde >> Şimdi, şablon bizim şablon olarak bir yardımcı, her 623 00:34:04,820 --> 00:34:08,380 Hepimizin almak için yapmanız gereken görevler Bu fonksiyon, buluyorum 624 00:34:08,380 --> 00:34:11,710 ve bu boş ayraç. 625 00:34:11,710 --> 00:34:14,150 Bu Mongo sözdizimi daha özel olduğunu. 626 00:34:14,150 --> 00:34:16,159 Orada bol var nasıl online dokümantasyon 627 00:34:16,159 --> 00:34:19,360 Eğer verimli yapabilir ve gerçekten yararlı Mongo sorgular. 628 00:34:19,360 --> 00:34:25,560 Ama böyle bir şey iyidir Sadece tüm verileri bulmak için yeterli. 629 00:34:25,560 --> 00:34:30,100 >> Şimdi, konulardan biri görebileceğiniz biz aslında veri eklemek asla olmasıdır. 630 00:34:30,100 --> 00:34:35,020 Peki ne biz olur aslında adımı üç çalıştırın? 631 00:34:35,020 --> 00:34:37,550 En hızlı içine gidelim üç adım ve Meteor çalıştırın. 632 00:34:37,550 --> 00:34:42,870 633 00:34:42,870 --> 00:34:45,650 Ben başka bir Meteor olduğunu fark Proje, başka bir yerde çalışan 634 00:34:45,650 --> 00:34:49,110 böylece Meteor böyle değil. 635 00:34:49,110 --> 00:34:52,810 Ben sadece hızlı yakın gidiyorum Kontrol C ile diğer Meteor, 636 00:34:52,810 --> 00:34:55,780 Adım üç gidin, ve yeniden Meteor çalıştırın. 637 00:34:55,780 --> 00:35:01,070 638 00:35:01,070 --> 00:35:03,180 O başlıyor edin MongoDB için MongoDB 639 00:35:03,180 --> 00:35:06,370 Her Meteor projesinin bir parçasıdır. 640 00:35:06,370 --> 00:35:09,190 >> Yani benim uygulama hataları vardır diyor. 641 00:35:09,190 --> 00:35:10,590 Bu Meteor olan güzel bir özellik. 642 00:35:10,590 --> 00:35:13,700 Bu emin olur senin HTML de doğrulanır. 643 00:35:13,700 --> 00:35:17,710 En hızlı bu olabilir neden bakalım. 644 00:35:17,710 --> 00:35:26,110 Ben yanlışlıkla var gibi görünüyor Yanlış HTML kodunu kopyaladım. 645 00:35:26,110 --> 00:35:30,610 Ben şimdi kaydederseniz, Meteor otomatik, sunucu yeniden 646 00:35:30,610 --> 00:35:34,650 beklendiği gibi ve şimdi uygulama çalışıyor. 647 00:35:34,650 --> 00:35:39,220 Bunu düzeltmek için dikkat, sadece çalıştırabilirsiniz Adım iki aynı HTML dosyası, 648 00:35:39,220 --> 00:35:40,380 Adım üç içine kopyalayın. 649 00:35:40,380 --> 00:35:43,290 650 00:35:43,290 --> 00:35:45,917 >> Bizim yerel ana geri gidebilirsiniz. 651 00:35:45,917 --> 00:35:47,500 Ve şimdi biz liste yapmak için sitemizi görüyoruz. 652 00:35:47,500 --> 00:35:50,070 Büyük, ama boş. 653 00:35:50,070 --> 00:35:54,210 Biz aslında hiç yok Bizim Mongo veritabanı görevleri. 654 00:35:54,210 --> 00:35:57,930 Yani bir konuşalım birkaç yolu bunu yapabiliriz. 655 00:35:57,930 --> 00:36:03,240 Biz terminale geri giderseniz, biz kapatın ve Meteor Mongo çalıştırabilirsiniz. 656 00:36:03,240 --> 00:36:05,320 >> Eğer bilginiz varsa Meteor nasıl çalıştığını, 657 00:36:05,320 --> 00:36:14,100 Bu aslında size erişim sağlar Meteor tam MongoDB için. 658 00:36:14,100 --> 00:36:17,570 Çalıştırdığınız gerektiğini edin Bu işe ilk meteor. 659 00:36:17,570 --> 00:36:23,840 Yani yeni bir sekmede bu çalıştırırsanız, ben Aynı dizine geri gidebilirsiniz. 660 00:36:23,840 --> 00:36:29,040 661 00:36:29,040 --> 00:36:32,570 Ve şimdi Meteor gayet güzel çalışıyor. 662 00:36:32,570 --> 00:36:33,600 Bu istemi. 663 00:36:33,600 --> 00:36:36,350 664 00:36:36,350 --> 00:36:38,790 Bana biraz yapalım Gördüğümüz böylece büyük. 665 00:36:38,790 --> 00:36:41,550 Bu biraz daha farklı görünüyor ne size kullanılmış olabilir 666 00:36:41,550 --> 00:36:42,869 Gerçekten Mongo kullanmanız gerekmez. 667 00:36:42,869 --> 00:36:45,410 Benim bütün mesele burada böylece JavaScript kullanabilirsiniz. 668 00:36:45,410 --> 00:36:48,250 Ama merak ediyorsanız, Mongo API yok 669 00:36:48,250 --> 00:36:50,730 SQL, Structured Query Language kullanın. 670 00:36:50,730 --> 00:36:55,570 Kendi dilini kullanan JavaScript çok benziyor. 671 00:36:55,570 --> 00:37:00,520 Çok hızlı, biz bulabilirsiniz db.tasks ile tablo. 672 00:37:00,520 --> 00:37:08,940 Ve bu beni söylüyor Biz bulmak çalıştırırsanız çıkıyor, 673 00:37:08,940 --> 00:37:13,450 biz ne vardı benzer tür Meteor, biz tüm unsurları yükleyebilirsiniz. 674 00:37:13,450 --> 00:37:17,330 Sorun, biz yok Aslında tanımlanan herhangi bir görevleri var. 675 00:37:17,330 --> 00:37:20,600 Bu yüzden onları alamıyorum. 676 00:37:20,600 --> 00:37:22,130 >> Biz olsa, ekleyebilirsiniz. 677 00:37:22,130 --> 00:37:25,170 Bu yüzden parçayı çalıştırabilirsiniz Komut ekleme ile. 678 00:37:25,170 --> 00:37:29,140 Ve biz sadece vermek bir nesne, ve biz sadece 679 00:37:29,140 --> 00:37:31,840 biçimi biz ne bekliyoruz emin olun. 680 00:37:31,840 --> 00:37:35,030 Biz adım iki baktı ise, biz her görevi gördü 681 00:37:35,030 --> 00:37:39,590 Bir metin bir nesne oldu tuşu ve ne olursa olsun gibi 682 00:37:39,590 --> 00:37:41,640 Yapılacaklar öğesi, bir değişken olarak oldu. 683 00:37:41,640 --> 00:37:44,680 Yani biz burada bir şeyler yapabiliriz. 684 00:37:44,680 --> 00:37:50,160 >> Biz bir görev eklemek olabilir Ben Mongo gelen denir. 685 00:37:50,160 --> 00:37:52,570 Ve biz Enter tuşuna basın, ve çalıştırır. 686 00:37:52,570 --> 00:37:56,900 Biz yeniden bulmak çalıştırın, ve biz yapabilirsiniz bir nesne burada olduğunu görüyoruz. 687 00:37:56,900 --> 00:38:01,810 Mongo ona bir kimlik, atar size hangi Gerçekten hakkında endişelenmenize gerek yok. 688 00:38:01,810 --> 00:38:06,690 Ne sizin için önemli verilerdir Eğer koymak, dışarı almak veridir. 689 00:38:06,690 --> 00:38:10,500 >> En sitemize geri dönelim ve hey, bizim görev yüklendi. 690 00:38:10,500 --> 00:38:13,987 Ve bunu görebilirsiniz Meteor çok akıllı olduğu için 691 00:38:13,987 --> 00:38:16,570 ve her zaman, senin için yeniler Sayfayı dokunmak yoktu. 692 00:38:16,570 --> 00:38:19,160 Bu otomatik olarak yüklenir. 693 00:38:19,160 --> 00:38:23,520 >> En bazı kod çalıştıralım JavaScript olsa bunu yapmak için. 694 00:38:23,520 --> 00:38:26,120 Biz geri düğüm var gibi JavaScript dışarı yürütmek için sonuna, 695 00:38:26,120 --> 00:38:29,280 biz de JavaScript çalıştırabilirsiniz doğrudan tarayıcılarda. 696 00:38:29,280 --> 00:38:31,970 Bir özelliği ile bunu yapabilirsiniz Eleman kontrol edin denir. 697 00:38:31,970 --> 00:38:34,210 Ben sağ tıklarsanız bulma bölümü, 698 00:38:34,210 --> 00:38:36,730 bir seçenek var Eleman kontrol edin denir. 699 00:38:36,730 --> 00:38:38,840 Eğer çalıştırıyorsanız bir Safari, sizin gibi tarayıcı 700 00:38:38,840 --> 00:38:45,430 senin geliştirici etkinleştirmeniz gerekebilir senden önce araçlar bu özelliği olsun. 701 00:38:45,430 --> 00:38:46,930 >> Ne umurumda konsoludur. 702 00:38:46,930 --> 00:38:48,930 Yani biz sadece gidecek altındaki konsol. 703 00:38:48,930 --> 00:38:52,110 704 00:38:52,110 --> 00:38:55,970 Şimdi herhangi bir JavaScript çalıştırabilirsiniz Burada, JavaScript gibi 705 00:38:55,970 --> 00:38:58,860 Bu dosyalar js örnekte göstermektedir. 706 00:38:58,860 --> 00:39:02,040 Ama şimdi görevlerini bakalım. 707 00:39:02,040 --> 00:39:04,955 Biz bizim komutunu çalıştırabilirsiniz. 708 00:39:04,955 --> 00:39:07,830 Ve umarım yapmak mümkün olacak biraz daha büyük bu yüzden hepimiz görebiliriz. 709 00:39:07,830 --> 00:39:14,390 710 00:39:14,390 --> 00:39:18,450 >> Biz tasks.find çalıştırın ve olacak ise Bu aynı kod olduğunu görüyoruz 711 00:39:18,450 --> 00:39:24,840 JavaScript dosyası kullanır ki üç adımda bu task.find. 712 00:39:24,840 --> 00:39:29,100 Biz de aynı şeyi çalıştırın ve olabilir Şimdi bazı garip şeyler olsun. 713 00:39:29,100 --> 00:39:31,050 Nasıl biz aslında veri alabilirim? 714 00:39:31,050 --> 00:39:34,860 Peki, biz bu çalıştırmak zorunda denilen komut getir. 715 00:39:34,860 --> 00:39:37,150 >> Bu hata ayıklama için çok yararlıdır. 716 00:39:37,150 --> 00:39:41,000 Burada ne olsun Bir imleç, ve bu 717 00:39:41,000 --> 00:39:44,890 Meteor olan güzel bir yol optimize getiriliyor verileri. 718 00:39:44,890 --> 00:39:48,270 Bu imleç için tüm özelliklere sahiptir Canlı güncelleme ve sayfayı yenilemeyi 719 00:39:48,270 --> 00:39:49,650 şey değişti zaman. 720 00:39:49,650 --> 00:39:51,280 Ama bize veri almazsınız. 721 00:39:51,280 --> 00:39:52,720 Biz getir yoluyla veri alabilirsiniz. 722 00:39:52,720 --> 00:39:56,880 Ve biz bir nesne var görmek ve o, sadece biz Mongo ne vardı gibi 723 00:39:56,880 --> 00:40:00,040 kimlik ve metin ile biz koymak. 724 00:40:00,040 --> 00:40:04,200 >> Peki Meteor bir öğe eklemek musunuz? 725 00:40:04,200 --> 00:40:07,250 Peki, biz sadece görevleri var. 726 00:40:07,250 --> 00:40:09,990 Ve sonra çalıştırabilirsiniz Aynı ekleme komutu, 727 00:40:09,990 --> 00:40:17,520 Bir sözlük ya da bir nesneyi vererek Aynı biçim, metin 728 00:40:17,520 --> 00:40:22,340 ve sonra konsoldan geliyor. 729 00:40:22,340 --> 00:40:27,240 Yukarıda bir göz atın zaman çünkü Bunu yapmak, bu web sitesinde gösterir 730 00:40:27,240 --> 00:40:29,660 otomatik. 731 00:40:29,660 --> 00:40:33,291 Eğer bir şey koyabilirsiniz >> Uyarı Bu öğeler istiyorum. 732 00:40:33,291 --> 00:40:35,040 Bu gerek yok sabit bir yapıya sahiptir. 733 00:40:35,040 --> 00:40:39,790 Ben bir eşit olabilir Üç numaralı ve yanlış eşit, b. 734 00:40:39,790 --> 00:40:41,600 Ve tüm çalışır. 735 00:40:41,600 --> 00:40:46,000 Ben bile seçebilirsiniz değil tüm bir metin içerir. 736 00:40:46,000 --> 00:40:48,320 Bu sadece tavsiye edilmez ama sonra Meteor çünkü 737 00:40:48,320 --> 00:40:50,920 görüntülemek için ne bilemezsiniz. 738 00:40:50,920 --> 00:40:53,110 Ancak her durumda, biz Bir kimliği almak ve işte 739 00:40:53,110 --> 00:40:54,785 Eğer kullanabileceğiniz nesnenin kimliği. 740 00:40:54,785 --> 00:41:01,120 741 00:41:01,120 --> 00:41:03,280 >> Biz devam ederken dört adıma ve beş adım, 742 00:41:03,280 --> 00:41:06,870 öğretici yollarını gösterecektir kullanarak UI öğeleri oluşturabilirsiniz 743 00:41:06,870 --> 00:41:13,130 Eğer bilmek HTML Farklı görevler oluşturabilirsiniz. 744 00:41:13,130 --> 00:41:15,440 En gerçekten hızlı bir şekilde adım dört bakalım. 745 00:41:15,440 --> 00:41:18,290 Biz ekledi görürsünüz olaylar hakkında bir bölüm. 746 00:41:18,290 --> 00:41:20,874 Şablonlar olabilir Bize veri almak yardımcıları,. 747 00:41:20,874 --> 00:41:22,040 Ama aynı zamanda olayları arayabilirsiniz. 748 00:41:22,040 --> 00:41:25,300 Ve bu nerede şeyler olaylar nedeniyle yararlı olur 749 00:41:25,300 --> 00:41:28,590 Eğer tıkladığınızda ne olur edilir Web sitenizde farklı şeyler. 750 00:41:28,590 --> 00:41:33,790 >> Burada, bizim kod anlatıyor Bize bu olay eklemek için. 751 00:41:33,790 --> 00:41:38,860 Gönderdiğiniz ne zaman ekle sınıf yeni görev ile bir şey. 752 00:41:38,860 --> 00:41:41,910 Burada ne var CSS seçici olduğunu. 753 00:41:41,910 --> 00:41:45,870 Yani bu sadece bir HTML arar sınıf yeni görevi vardır unsur. 754 00:41:45,870 --> 00:41:47,940 Ve bu olay için, gibi göndermek görünüyor. 755 00:41:47,940 --> 00:41:51,050 Diğer olaylar şunlardır hover, tıklama, çift tıklama, 756 00:41:51,050 --> 00:41:54,450 normal HTML almak için benzer. 757 00:41:54,450 --> 00:41:56,770 >> Ne buradan vermek artık bir işlevdir. 758 00:41:56,770 --> 00:42:01,210 Ve sahip edebilirsiniz Bu işlev kodu. 759 00:42:01,210 --> 00:42:06,360 Kalkarken biter ne bu işlevi Eğer bu yeni görevi teslim çağrılan. 760 00:42:06,360 --> 00:42:12,170 Sadece bu yüzden HTML bakalım biz Bu yeni görevi ne olduğunu anlamak. 761 00:42:12,170 --> 00:42:15,570 Biz burada bir form ekledim sınıf yeni görev ile. 762 00:42:15,570 --> 00:42:19,880 Ve bu metin alır bir girişi vardır. 763 00:42:19,880 --> 00:42:22,605 Ve bu nerede biz Bizim yeni görevler eklemek olacaktır. 764 00:42:22,605 --> 00:42:25,520 765 00:42:25,520 --> 00:42:29,780 >> Yılında edelim çalışma adımı dört Web sitesi neye benzediğini görmek için. 766 00:42:29,780 --> 00:42:32,710 Biz ilk out çıkabilirsiniz MongoDB biz vardı 767 00:42:32,710 --> 00:42:35,300 Bizim Önceki Kontrol C ile örnek 768 00:42:35,300 --> 00:42:37,690 Ve en içine değiştirmesine izin adım dört dizin. 769 00:42:37,690 --> 00:42:41,000 770 00:42:41,000 --> 00:42:42,920 Biz yine Meteor edeceğiz sunucuyu başlatmak için. 771 00:42:42,920 --> 00:42:46,850 772 00:42:46,850 --> 00:42:50,510 Ve ne yazık ki, ben Meteor vardı Başka bir terminalde çalışan. 773 00:42:50,510 --> 00:42:53,080 Ben sadece gidiyorum Bu kapalı emin olun. 774 00:42:53,080 --> 00:43:01,805 Şimdi bu ve değişim çıkın edelim bölümü dört, dört adım. 775 00:43:01,805 --> 00:43:02,305 TAMAM MI. 776 00:43:02,305 --> 00:43:11,220 777 00:43:11,220 --> 00:43:13,250 >> Şimdi Meteor kodu çalışıyor. 778 00:43:13,250 --> 00:43:19,480 Ve sen olmadan, güncelleştirmek görebilirsiniz bize bile sayfayı yenilemek zorunda. 779 00:43:19,480 --> 00:43:24,410 Burada değişti şimdi Biz herhangi bir görevleri yok, 780 00:43:24,410 --> 00:43:29,530 ama biz burada, bu bir form var metin kutusu, yeni görevler eklemek için. 781 00:43:29,530 --> 00:43:31,550 Ve biz burada bizim görev yazabilirsiniz. 782 00:43:31,550 --> 00:43:34,564 HTML sayfası geliyor. 783 00:43:34,564 --> 00:43:36,105 Ben Enter tuşuna bastığınızda, bu teslim var. 784 00:43:36,105 --> 00:43:39,180 785 00:43:39,180 --> 00:43:44,540 >> Biz ne görebilirsiniz JavaScript kodu ile tanımlanan. 786 00:43:44,540 --> 00:43:49,930 Ne bu işlev yaptım oldu şeklinde metin almak, 787 00:43:49,930 --> 00:43:53,680 ve sonra sadece, tasks.insert denilen gibi biz konsolda yaptım. 788 00:43:53,680 --> 00:43:56,410 Onlar da bir createdAt tarih eklemek için seçti. 789 00:43:56,410 --> 00:43:59,840 Bu nasıl olur ise Geçerli saati belirtin. 790 00:43:59,840 --> 00:44:03,220 Bundan sonra, o yaparak formunu temizler Emin değer boş bir dizedir. 791 00:44:03,220 --> 00:44:06,550 >> Ve o yanlış dönüş çağrıları Başka emin olun hiçbir şey olmuyor. 792 00:44:06,550 --> 00:44:10,350 Eğer sahte döndüğünüzde yürütme durur form olay. 793 00:44:10,350 --> 00:44:14,520 Bir form, bir eylem vardır Say Böyle bir PHP sayfası teslim. 794 00:44:14,520 --> 00:44:16,980 Eğer geri olmasaydı yanlış, true dönecekti. 795 00:44:16,980 --> 00:44:18,500 O istekte sona ereceğini. 796 00:44:18,500 --> 00:44:20,590 Yanlış yakaladığını onu ve Doğru orada durur. 797 00:44:20,590 --> 00:44:23,510 798 00:44:23,510 --> 00:44:28,610 >> Yani biraz demo hakkında oldu Meteor çalışır ve biz ettik nasıl 799 00:44:28,610 --> 00:44:30,980 Bir süre öğretici izliyor. 800 00:44:30,980 --> 00:44:33,560 Ve çekinmeyin olabilir ücretsiz bu yapmaya devam etmek. 801 00:44:33,560 --> 00:44:37,760 Kaynakların bol vardır, ve öğretici sadece aslında 802 00:44:37,760 --> 00:44:40,400 açıklayan hakkında çok iyi ne oluyor. 803 00:44:40,400 --> 00:44:44,362 Ben, şimdi size göstermek istiyorum Biz yapmamışlar birkaç dakika, 804 00:44:44,362 --> 00:44:46,320 bazıları nelerdir Meteorunun soğutucu özellikleri, 805 00:44:46,320 --> 00:44:48,772 ve bazıları nelerdir daha yararlı paketler. 806 00:44:48,772 --> 00:44:51,730 Meteor hakkında büyük şeylerden biri Eğer bir paket sistemine sahip olmasıdır. 807 00:44:51,730 --> 00:44:55,620 Kolayca kodu dahil edebilirsiniz geliştiricilerin bu binlerce 808 00:44:55,620 --> 00:44:58,840 Dünya çapında yazdım senin Meteor projeye. 809 00:44:58,840 --> 00:45:02,410 Bunun bir örneği ne olabilir olduğunu öğretici, adım dokuz yapmak 810 00:45:02,410 --> 00:45:07,435 Eğer hesap eklemek için çalışıyoruz senin Meteor proje. 811 00:45:07,435 --> 00:45:10,010 812 00:45:10,010 --> 00:45:13,690 Biz CS50 PHP varsa Proje, biz olurdu 813 00:45:13,690 --> 00:45:17,810 çerçeve güvenmek ya da kendi kodu yapmak 814 00:45:17,810 --> 00:45:20,820 Biz güvenli idare edin şifreler ve kullanıcı adları 815 00:45:20,820 --> 00:45:23,120 ve veritabanı depolama ve bütün. 816 00:45:23,120 --> 00:45:25,670 >> Bu Meteor bazı vardır çıkıyor paketler, sizin için bunu 817 00:45:25,670 --> 00:45:29,160 ve çok kolay bunu yapmak için. 818 00:45:29,160 --> 00:45:31,950 Ne yapabilirim bir kaç paket ekleyin. 819 00:45:31,950 --> 00:45:37,450 Yani bu hakkı yapalım Şimdi bizim konsolda. 820 00:45:37,450 --> 00:45:42,460 Ben projeyi çıkmak için gidiyorum ve Şu anda basit todos gitmek. 821 00:45:42,460 --> 00:45:47,450 822 00:45:47,450 --> 00:45:50,050 Şimdi, basit-todos olduğunu Proje size 823 00:45:50,050 --> 00:45:53,500 yapılan sonra olacaktır adım adım 11 veya 12 ile, 824 00:45:53,500 --> 00:45:55,250 Bu yazının sonunda. 825 00:45:55,250 --> 00:45:58,642 Ve görmek için de en hızlı bakalım Elimizdeki farklı özellikleri nelerdir. 826 00:45:58,642 --> 00:46:01,610 Sadece o çalışıyor emin olalım. 827 00:46:01,610 --> 00:46:04,400 Bazen bir süre alır yenilemek, ama burada o kadar. 828 00:46:04,400 --> 00:46:09,710 >> Biz gizlemek için seçeneğiniz vardır bütün görevleri, ve biz oturum açabilirsiniz. 829 00:46:09,710 --> 00:46:11,770 Ve bu ile yapıldı Meteor paketi. 830 00:46:11,770 --> 00:46:12,270 Bu harika. 831 00:46:12,270 --> 00:46:14,910 Şimdi kullanıcı adı var ve şifre işareti. 832 00:46:14,910 --> 00:46:19,170 Biz eklemek istedim ama ne Oturum açma mekanizması başka türlü? 833 00:46:19,170 --> 00:46:22,560 Diyelim ki günlük istedim diyelim Benim Meteor hesabı ile. 834 00:46:22,560 --> 00:46:27,270 Ben meteor eklenti çalıştırmak için gidiyoruz ve bu kulüpler paketleri eklemek için sözdizimi. 835 00:46:27,270 --> 00:46:32,160 Ben hesapları ve accounts.meteor söyleyebiliriz. 836 00:46:32,160 --> 00:46:35,720 Şimdi bulmak için gidiyor paket ve yükleyin. 837 00:46:35,720 --> 00:46:40,480 Sen ben değil görebilirsiniz Sağ paket adı bulundu. 838 00:46:40,480 --> 00:46:42,820 >> Peki paketleri hakkında öğrenebilirim? 839 00:46:42,820 --> 00:46:46,380 Peki yapılan büyük bir web sitesi, orada Meteor insanlar tarafından kullanılabilir, 840 00:46:46,380 --> 00:46:47,780 atmospherejs.com denir. 841 00:46:47,780 --> 00:46:52,520 Atmospherejs, bir kelime, nokta com, büyük bir depo 842 00:46:52,520 --> 00:46:57,660 Meteorunun tüm bulmak için Depodaki paketler. 843 00:46:57,660 --> 00:47:05,140 Sonra hesapları arama ve yapabilirsiniz ilgili tüm şeyler bana göstereceğim, 844 00:47:05,140 --> 00:47:07,320 hesabın adı ile bütün paketler. 845 00:47:07,320 --> 00:47:10,180 846 00:47:10,180 --> 00:47:13,270 >> Yükler ki, biz deneyebilirsiniz iken diğer bazı paketleri ekleyerek. 847 00:47:13,270 --> 00:47:19,380 Belki Meteor paketi çalışmıyor Şu anda, ama Facebook ekleyebilirsiniz. 848 00:47:19,380 --> 00:47:22,860 849 00:47:22,860 --> 00:47:27,190 Sonra hesap ekleyebilir ve Yine Meteor projeyi çalıştırın. 850 00:47:27,190 --> 00:47:33,260 851 00:47:33,260 --> 00:47:36,900 Bu başladığında, bakalım ne web sitesinde değişti. 852 00:47:36,900 --> 00:47:40,010 853 00:47:40,010 --> 00:47:44,580 Ben belki see-- olabilir burada yenilemek zorunda. 854 00:47:44,580 --> 00:47:47,320 >> Ben bir düğme var Facebook login yapılandırın. 855 00:47:47,320 --> 00:47:49,765 Ve burada, ben hepsine sahip talimatları Meteor 856 00:47:49,765 --> 00:47:52,960 sizin için hazırladı bir Facebook uygulaması kurma. 857 00:47:52,960 --> 00:47:58,990 Ve bunu kullanabilirsiniz bilgi kimlikleri eklemek için. 858 00:47:58,990 --> 00:48:04,130 Bu işlem tamamlandıktan sonra, sana sahip olacağım App çalışan Facebook giriş. 859 00:48:04,130 --> 00:48:08,559 >> Ben sadece almak için gidiyorum Bir uygulama kimliği ve bir sır, 860 00:48:08,559 --> 00:48:10,100 Sadece bu işe nasıl size göstermek için. 861 00:48:10,100 --> 00:48:16,000 862 00:48:16,000 --> 00:48:20,360 Bir Facebook hesabına ihtiyacınız olacak Facebook geliştirici seçeneklerini kullanmak için. 863 00:48:20,360 --> 00:48:31,160 864 00:48:31,160 --> 00:48:35,290 Bana sadece hızlı bulsun Gerekli olan meteor anahtarlar. 865 00:48:35,290 --> 00:48:46,994 866 00:48:46,994 --> 00:48:49,160 Başka Meteor proje var Ben kullanmak için gidiyorum, 867 00:48:49,160 --> 00:48:55,590 ve ben sadece almaya gidiyorum Bu dosyadan anahtarları. 868 00:48:55,590 --> 00:49:14,410 869 00:49:14,410 --> 00:49:20,930 >> Ve ben onu bulduktan sonra, ben sadece mümkün olacak Benim Facebook içine bu anahtarları kopyalamak için. 870 00:49:20,930 --> 00:49:23,489 Yani burada bir anahtardır. 871 00:49:23,489 --> 00:49:24,280 Ve bu sır. 872 00:49:24,280 --> 00:49:26,071 Sen olmamalı insanlarla bu paylaşımı. 873 00:49:26,071 --> 00:49:28,870 874 00:49:28,870 --> 00:49:30,910 Ve sonra bunu app gizli verin. 875 00:49:30,910 --> 00:49:33,560 Ve bu yüzden Facebook ise Eğer sen bilir. 876 00:49:33,560 --> 00:49:37,630 877 00:49:37,630 --> 00:49:39,080 Ve sen yapılandırmayı kaydedin. 878 00:49:39,080 --> 00:49:45,160 879 00:49:45,160 --> 00:49:48,640 >> Ben sürecin I düşünmek Benim Meteor uygulaması durduruldu. 880 00:49:48,640 --> 00:49:52,290 Ben sadece yapmak istiyorum Emin hala var. 881 00:49:52,290 --> 00:49:54,962 882 00:49:54,962 --> 00:49:58,610 Tamam, en emin bizim Meteor sunucu yapalım böylece web sayfası çalışan çalışıyor. 883 00:49:58,610 --> 00:50:02,440 Biz Meteor durdurmak edin Sunucu, sayfa hala orada. 884 00:50:02,440 --> 00:50:04,700 Sadece artık güncelleme olmayacak. 885 00:50:04,700 --> 00:50:10,290 Meteor sunucusu gerekli olan emin olmak için sayfa canlı olduğunu. 886 00:50:10,290 --> 00:50:14,050 >> Tamam, ben onu teslim, ve şimdi ettik Ben Facebook ile oturum açabilirsiniz. 887 00:50:14,050 --> 00:50:17,400 Şimdi sadece bir meselesi bir Facebook pop up sahip 888 00:50:17,400 --> 00:50:21,710 ve hesabınızda koyarak bilgi ve günlük olarak. 889 00:50:21,710 --> 00:50:24,520 890 00:50:24,520 --> 00:50:27,930 Bunu yaptığınızda, Facebook olabilir Eğer biraz daha fazla güvenlik için dırdır. 891 00:50:27,930 --> 00:50:29,810 Yani biz sadece orada durmak gerekir. 892 00:50:29,810 --> 00:50:34,110 nokta İşiniz bittiğinde bu bununla, size Facebook giriş olacak. 893 00:50:34,110 --> 00:50:37,850 >> Meteor bir grup var Diğer paketler de. 894 00:50:37,850 --> 00:50:39,200 Google+ ile giriş yapabilirsiniz. 895 00:50:39,200 --> 00:50:40,500 Siz GitHub ile giriş yapabilirsiniz. 896 00:50:40,500 --> 00:50:42,170 Siz Twitter ile giriş yapabilirsiniz. 897 00:50:42,170 --> 00:50:44,870 Eğer ararsanız Veya, olacak diğer şeyler bol bulabilirsiniz 898 00:50:44,870 --> 00:50:49,170 Meetup, LinkedIn gibi, ve Meteor Geliştirici. 899 00:50:49,170 --> 00:50:53,100 Yani Meteor Geliştirici oldu paket ben arıyordum. 900 00:50:53,100 --> 00:50:56,170 Meteor hesapları-meteor-geliştirici ekleyin. 901 00:50:56,170 --> 00:51:06,192 902 00:51:06,192 --> 00:51:07,900 Bu arada, ben Ayrıca tavsiye etmek istiyorum 903 00:51:07,900 --> 00:51:11,340 Projeleriniz için diğer bazı paketler. 904 00:51:11,340 --> 00:51:14,670 Bu yararlı kanıtlamak olabilir jQuery paketi içerir. 905 00:51:14,670 --> 00:51:17,909 Bu kullanmanızı sağlar Müşterileriniz jQuery. 906 00:51:17,909 --> 00:51:21,200 Sadece tek bir hat ile bunu, ve olabilir Meteor emin güncel konum yapacak 907 00:51:21,200 --> 00:51:21,825 jQuery üzerine. 908 00:51:21,825 --> 00:51:24,330 909 00:51:24,330 --> 00:51:27,450 Ben de houston tavsiye: admin. 910 00:51:27,450 --> 00:51:31,550 >> Bu phpMyAdmin gibi bir tür olduğunu senin MongoDB için aracı bir tür. 911 00:51:31,550 --> 00:51:33,890 Bu düzenlemenize olanak verir veri oldukça kolay 912 00:51:33,890 --> 00:51:37,950 Mongo kabuk gitmek zorunda kalmadan, gibi daha önce seminerde yapmıştı. 913 00:51:37,950 --> 00:51:43,160 914 00:51:43,160 --> 00:51:47,101 Yani şimdi çalışıyor ki, en çalışmasına izin Tekrar Meteor ve biz neler yapabileceğini görmek. 915 00:51:47,101 --> 00:51:56,240 916 00:51:56,240 --> 00:52:00,720 >> Bazı paketler ekleyerek fark Onları bazı uyarılar sunmak olabilir. 917 00:52:00,720 --> 00:52:02,720 Sen endişelenmenize gerek olmayacak houston ile bu konuda. 918 00:52:02,720 --> 00:52:06,040 919 00:52:06,040 --> 00:52:10,810 Yani biz şimdi seçeneği olabilir Meteor yönetici yapılandırmak için. 920 00:52:10,810 --> 00:52:15,080 Ve onlar yön vermek Bunu ayarlamak istiyorsanız. 921 00:52:15,080 --> 00:52:17,750 922 00:52:17,750 --> 00:52:20,440 >> Biz de şimdi / admin gidebilirsiniz. 923 00:52:20,440 --> 00:52:23,280 Bu sizin getirilir houston paketi. 924 00:52:23,280 --> 00:52:27,470 Ve bu Meteor yönetici arayüzü. 925 00:52:27,470 --> 00:52:30,660 Sen sadece bir oluşturmak yönetici hesabı, gibi pek. 926 00:52:30,660 --> 00:52:38,150 Eğer sayfayı yenileyin Ve eğer olabilir Bazı koleksiyonlar gösteren var. 927 00:52:38,150 --> 00:52:40,980 928 00:52:40,980 --> 00:52:43,460 >> Bu çok yararlı bir araçtır, ve ben şiddetle tavsiye ederim. 929 00:52:43,460 --> 00:52:46,717 930 00:52:46,717 --> 00:52:49,050 Sen çünkü görebilirsiniz houston bazı hatalar veriyordu, 931 00:52:49,050 --> 00:52:52,330 Biz herhangi bir koleksiyon yok Hemen gösteren. 932 00:52:52,330 --> 00:52:56,800 Eğer houston kullanmak istiyorsunuz yolu Bu işlev alır emin 933 00:52:56,800 --> 00:52:58,860 senin basit todos çağırdı. 934 00:52:58,860 --> 00:53:01,370 Yani houston değil Benim görevleri ne olduğunu biliyorum. 935 00:53:01,370 --> 00:53:04,490 >> Bir Mongo kurmak toplama adı verilen görevler. 936 00:53:04,490 --> 00:53:11,390 Basit-todos ve sadece içine gidelim Bu JavaScript emin olun, 937 00:53:11,390 --> 00:53:16,295 Bizim koleksiyonları görevleri ekledik. 938 00:53:16,295 --> 00:53:19,340 939 00:53:19,340 --> 00:53:25,670 Biz şimdi kaydettiğiniz, ve bina bulunuyor Uygulama, ferahlatıcı. 940 00:53:25,670 --> 00:53:26,750 Ve bakalım. 941 00:53:26,750 --> 00:53:29,090 Şimdi bazı görevleri var. 942 00:53:29,090 --> 00:53:32,630 Ve bazı yeni görevler ekleyebilirsiniz. 943 00:53:32,630 --> 00:53:35,840 Ama biz görevleri eklemek istiyorsanız, en app kendisi ile yapalım. 944 00:53:35,840 --> 00:53:39,660 945 00:53:39,660 --> 00:53:41,050 >> Şimdi bazı verileri ekleyebilirsiniz. 946 00:53:41,050 --> 00:53:53,410 Merhaba, bu bir görevdir. 947 00:53:53,410 --> 00:53:57,080 Bu tür garip görünüyor biz herhangi bir görevleri görmüyoruz. 948 00:53:57,080 --> 00:54:00,290 949 00:54:00,290 --> 00:54:05,260 Biz herhangi bir var eğer biz kontrol etmek isteyebilirsiniz Burada, ya da belki başka bir yerde hatalar. 950 00:54:05,260 --> 00:54:08,810 951 00:54:08,810 --> 00:54:20,260 Biz yönetici içine giderseniz, o garip görünüyor. 952 00:54:20,260 --> 00:54:24,080 Eğer depo çekin Bu seminer sonrasında, 953 00:54:24,080 --> 00:54:27,580 Ben emin olacaktır Basit-todos houston ile çalışır. 954 00:54:27,580 --> 00:54:30,370 Ne yazık ki, görünmüyor Bu şu anda çalışıyor olması. 955 00:54:30,370 --> 00:54:34,810 956 00:54:34,810 --> 00:54:37,640 Başka soru >> var mı? 957 00:54:37,640 --> 00:54:41,800 Houston, normal olarak bir çok iyi çalışıyor aracı. 958 00:54:41,800 --> 00:54:44,510 Houston, özellikle biraz Diğer olanlardan daha buggier, 959 00:54:44,510 --> 00:54:49,470 ama çalışır bunu tavsiye ederiz. 960 00:54:49,470 --> 00:54:50,080 Evet. 961 00:54:50,080 --> 00:54:52,395 >> İZLEYİCİ: Ne yapabilirim Facebook'tan paket 962 00:54:52,395 --> 00:54:54,270 Bir kullanıcı oturum kez kendi Facebook ile giriş? 963 00:54:54,270 --> 00:54:55,978 >> ROGER ZURAWICKI: kez bir kullanıcının, giriş 964 00:54:55,978 --> 00:54:59,540 Eğer Facebook API arama yapabilirsiniz. 965 00:54:59,540 --> 00:55:02,890 Bunun bir sürü daha yatıyor nasıl Facebook kendi API açar. 966 00:55:02,890 --> 00:55:05,120 Meteor, emin olun bağlantısı var. 967 00:55:05,120 --> 00:55:09,300 Ama bundan sonra her şeyin bir konudur Facebook API nasıl kullanılacağını öğrenmek. 968 00:55:09,300 --> 00:55:10,216 HEDEF KİTLE: [duyulamaz]. 969 00:55:10,216 --> 00:55:17,756 970 00:55:17,756 --> 00:55:18,880 ROGER ZURAWICKI: Pekala. 971 00:55:18,880 --> 00:55:21,670 Için çok teşekkür ederiz Meteor bu CS50 seminer. 972 00:55:21,670 --> 00:55:24,060 Herhangi bir sorunuz varsa, Eğer bana e-posta 973 00:55:24,060 --> 00:55:28,319 Benim e-posta adresi Seminerin aşağıda listelenmiştir. 974 00:55:28,319 --> 00:55:30,110 Ve ben mutlu olacağım sorularınıza cevap. 975 00:55:30,110 --> 00:55:33,020 Ben de olacağım CS50 hackathon gerekir 976 00:55:33,020 --> 00:55:35,550 Eğer Meteor projeleri ile yardıma ihtiyacım var. 977 00:55:35,550 --> 00:55:37,650 Izlemek için teşekkür ederiz. 978 00:55:37,650 --> 00:55:38,816