1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI: Hello semua orang. 3 00:00:08,890 --> 00:00:11,310 Bolehkah saya mendapatkan perhatian anda? 4 00:00:11,310 --> 00:00:12,090 Terima kasih, guys. 5 00:00:12,090 --> 00:00:14,030 Hari ini saya ingin bercakap tentang Meteor. 6 00:00:14,030 --> 00:00:16,710 Ia adalah satu rangka kerja JavaScript. 7 00:00:16,710 --> 00:00:21,110 Kami akan pergi melalui bagaimana anda boleh membuat aplikasi web benar-benar sejuk. 8 00:00:21,110 --> 00:00:24,940 >> Sebelum kita masuk ke dalam JavaScript, saya hanya ingin memberitahu anda semua bahawa kemahuan ini 9 00:00:24,940 --> 00:00:26,900 akan - anda akan mempunyai kemudian sekeping semester ini. 10 00:00:26,900 --> 00:00:28,520 Ia perlu kira-kira JavaScript. 11 00:00:28,520 --> 00:00:32,910 Saya fikir [didengar] mula-mula akan menampung PHP barangan web HTML sebelum kita 12 00:00:32,910 --> 00:00:34,530 berpindah ke JavaScript. 13 00:00:34,530 --> 00:00:39,650 Dan dalam CS50, JavaScript dianggap seperti kod pelanggan. 14 00:00:39,650 --> 00:00:41,970 Jadi ia hanya mendapat dijalankan dalam pelayar web. 15 00:00:41,970 --> 00:00:45,740 >> Tetapi terima kasih kepada kemajuan terkini dalam teknologi, kita kini telah berjaya untuk menjalankan 16 00:00:45,740 --> 00:00:48,090 JavaScript sebagai pelayan juga. 17 00:00:48,090 --> 00:00:51,630 Jadi ini telah mewujudkan satu benar-benar sejuk rangka kerja kerana sekarang anda boleh menulis 18 00:00:51,630 --> 00:00:55,250 sah kod yang sama untuk pelanggan dan pelayan. 19 00:00:55,250 --> 00:00:57,810 Dan apabila anda menentukan fungsi dalam anda pelayan, pelanggan anda boleh menghubungi mereka 20 00:00:57,810 --> 00:00:59,090 fungsi yang sama. 21 00:00:59,090 --> 00:01:00,370 Dan ia menjadikannya lebih mudah. 22 00:01:00,370 --> 00:01:04,519 Sedangkan sebelum ini, jika anda menggunakan PHP pada pelayan, JavaScript di bahagian depan 23 00:01:04,519 --> 00:01:08,040 akhir, anda perlu satu fungsi PHP dan kemudian versi JavaScript daripada 24 00:01:08,040 --> 00:01:10,880 fungsi yang sama untuk melakukan jenis kerja yang sama. 25 00:01:10,880 --> 00:01:14,330 >> Jadi sebelum kita bermula, saya mahu menunjukkan demo apa 26 00:01:14,330 --> 00:01:17,190 Meteor boleh lakukan untuk anda. 27 00:01:17,190 --> 00:01:20,330 Saya akan menunjukkan kepada anda demo, iaitu apa yang anda akan dapat untuk mewujudkan oleh 28 00:01:20,330 --> 00:01:21,580 akhir seminar ini. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Kami hanya pergi di sini. 31 00:01:25,670 --> 00:01:27,410 Ini adalah aplikasi Leaderboard. 32 00:01:27,410 --> 00:01:31,970 Ini sebenarnya berdasarkan daripada contoh Meteor yang memberikan anda. 33 00:01:31,970 --> 00:01:37,220 >> Meteor adalah sangat bagus kerana apabila anda memasangnya sebagai satu pakej, anda boleh 34 00:01:37,220 --> 00:01:39,140 pada dasarnya bermain-main dengan empat demo. 35 00:01:39,140 --> 00:01:41,410 Dan Leaderboard adalah pertama demo ini. 36 00:01:41,410 --> 00:01:44,620 Selepas seminar itu, saya menggalakkan anda semua hanya meneroka demo lain 37 00:01:44,620 --> 00:01:48,300 kerana saya fikir mereka benar-benar sejuk, dan mereka menunjukkan kepada anda kuasa Meteor. 38 00:01:48,300 --> 00:01:51,310 >> Jadi apa ini, ini adalah dihoskan pada Leaderboard. 39 00:01:51,310 --> 00:01:54,950 Ini hanya terus-terang satu senarai nama. 40 00:01:54,950 --> 00:01:56,510 Dan anda boleh memilih orang. 41 00:01:56,510 --> 00:01:57,780 Mereka bertukar menjadi kuning. 42 00:01:57,780 --> 00:02:00,060 Dan kemudian anda boleh memberi mereka lima mata. 43 00:02:00,060 --> 00:02:02,850 Dan anda akan melihat bahawa senarai itu ialah disusun kerana seperti yang saya memberikan diri saya lebih 44 00:02:02,850 --> 00:02:05,850 banyak mata, saya kini di bahagian atas. 45 00:02:05,850 --> 00:02:07,420 Jadi ini adalah di mana kita bermula. 46 00:02:07,420 --> 00:02:11,690 >> Dan apa yang anda akan dapat mengambil dari seminar ini adalah beberapa lagi 47 00:02:11,690 --> 00:02:13,600 ciri-ciri yang saya ditambah kepada yang Leaderboard. 48 00:02:13,600 --> 00:02:18,240 Kami akan meliputi bagaimana untuk, dan juga menambah lima mata kepada pemain, kita boleh 49 00:02:18,240 --> 00:02:28,720 memadam pemain, kami boleh menambah pemain baru, dan kita boleh memilih bagaimana kita mahu 50 00:02:28,720 --> 00:02:29,540 untuk menyusun mereka. 51 00:02:29,540 --> 00:02:35,240 Dan semua ini adalah panggilan API sangat mudah Meteor yang menyediakan untuk anda. 52 00:02:35,240 --> 00:02:39,120 Anda juga mempunyai ciri di sini untuk Rawakkan markah. 53 00:02:39,120 --> 00:02:41,450 >> Jadi apa yang benar-benar sejuk kira-kira ini adalah anda semua boleh sebenarnya 54 00:02:41,450 --> 00:02:43,820 semua pergi ke laman web ini. 55 00:02:43,820 --> 00:02:46,575 Saya akan memasukkannya ke dalam teks yang lebih besar di sini. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 Satu-radikal-lead erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 Dan apabila kamu pergi ke laman web ini, anda akan dapat mengedit laman web, dan 60 00:03:07,622 --> 00:03:09,595 semua suntingan anda akan dapat dilihat kepada orang lain. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Jadi, anda boleh - khabar kalian semua dapat menyambung ke Laman? 63 00:03:17,740 --> 00:03:18,750 Jadi bermain-main dengannya. 64 00:03:18,750 --> 00:03:20,440 Pergi dan mula memotong beberapa nama. 65 00:03:20,440 --> 00:03:21,690 Lihat apa yang berlaku. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Jadi anda lihat semua orang boleh bermain. 68 00:03:38,510 --> 00:03:41,930 Ini hanyalah keselamatan lalai mod untuk Meteor. 69 00:03:41,930 --> 00:03:44,360 Anda melihat bahawa semua orang boleh menukar data masing-masing. 70 00:03:44,360 --> 00:03:44,920 Jangan bimbang. 71 00:03:44,920 --> 00:03:46,460 Meteor tidak mempunyai keselamatan. 72 00:03:46,460 --> 00:03:49,860 Ini adalah sangat mudah dilaksanakan ciri, di mana anda boleh menubuhkan pengguna 73 00:03:49,860 --> 00:03:50,600 dan log masuk. 74 00:03:50,600 --> 00:03:53,750 Tetapi sekarang, sesiapa yang melawat tapak boleh memberi diri mereka sebagai banyak 75 00:03:53,750 --> 00:03:55,000 menunjukkan yang mereka mahu. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 Jadi saya sentiasa seperti ini kerana ini adalah cara yang menyeronokkan untuk memulakan. 78 00:04:00,090 --> 00:04:02,360 Dan kemudian kita akan bercakap mengenai butir-butir, bagaimana 79 00:04:02,360 --> 00:04:03,610 Meteor membuat ini mungkin. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Jadi saya akan menutup apa Meteor adalah, dan kemudian kita hanya perlu untuk menampung 82 00:04:15,660 --> 00:04:18,920 dua prasyarat yang CS50 telah tidak dilindungi mencukupi. 83 00:04:18,920 --> 00:04:21,970 Tetapi pada akhir penggal, anda harus selesa dengan kedua-dua HTML dan 84 00:04:21,970 --> 00:04:25,250 JavaScript untuk benar-benar mendapatkan tangan anda kotor bekerja dengan Meteor. 85 00:04:25,250 --> 00:04:28,740 Dan saya fikir ia hanya satu cara yang baik untuk walaupun kurang selesa pelajar melakukan 86 00:04:28,740 --> 00:04:32,930 projek akhir kerana mereka boleh benar-benar tinggal dalam satu bahasa, dan mereka dapat 87 00:04:32,930 --> 00:04:37,620 melihat perubahan mereka merta. 88 00:04:37,620 --> 00:04:42,520 >> Jadi slaid ini menunjukkan beberapa teknologi utama yang Meteor JS 89 00:04:42,520 --> 00:04:43,610 memberikan kepada anda. 90 00:04:43,610 --> 00:04:46,090 Meteor tidak adalah satu teknologi baru dengan sendiri. 91 00:04:46,090 --> 00:04:48,390 Ia merupakan satu gagasan daripada semua perkara ini berbeza 92 00:04:48,390 --> 00:04:49,920 kita ada di internet. 93 00:04:49,920 --> 00:04:55,650 Dan juga HTML, CSS, JavaScript, mempunyai beberapa teknologi seperti Node.js, 94 00:04:55,650 --> 00:04:58,490 yang adalah apa yang membolehkan anda untuk menjalankan JavaScript pada akhir kembali kepada anda 95 00:04:58,490 --> 00:05:02,520 pelayan, dan juga beberapa JavaScript perpustakaan, seperti jQuery, garis bawah. 96 00:05:02,520 --> 00:05:06,320 >> Semua ini akan menjadi biasa kepada anda pada akhir semester. 97 00:05:06,320 --> 00:05:10,680 Dan kita juga boleh menggunakan pangkalan data yang dikenali sebagai mongoDB, yang merupakan benar-benar 98 00:05:10,680 --> 00:05:14,250 pangkalan data yang popular sekarang untuk ini syarikat baru. 99 00:05:14,250 --> 00:05:18,650 Anda boleh menganggapnya sebagai seperti MySQL, tetapi ia berfungsi dengan baik dengan JavaScript. 100 00:05:18,650 --> 00:05:22,140 Dan ada beberapa teknologi lain di sini dan banyak lagi yang saya tidak disenaraikan 101 00:05:22,140 --> 00:05:23,880 bahawa semua muka benar-benar baik dengan Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Saya perlu meletakkan slaid ini kerana kadang-kadang saya mendapatkan kekeliruan tentang perkara ini. 104 00:05:30,540 --> 00:05:31,695 Meteor hanya JavaScript. 105 00:05:31,695 --> 00:05:33,040 Ia bukan PHP. 106 00:05:33,040 --> 00:05:34,360 Ia tidak Ruby on Rails. 107 00:05:34,360 --> 00:05:37,950 Jadi, jika anda menulis kod, jika anda mahu menulis projek Meteor, anda benar-benar 108 00:05:37,950 --> 00:05:38,900 tidak boleh menggunakan kod Ruby. 109 00:05:38,900 --> 00:05:41,660 Anda benar-benar tidak menggunakan PHP. 110 00:05:41,660 --> 00:05:45,800 >> Walaupun kita akan melihat bahawa perbezaan dalam kod dan sintaks mungkin tidak begitu 111 00:05:45,800 --> 00:05:48,930 yang berbeza, saya ingin tekankan kepada anda bahawa Meteor, semua yang anda diaktifkan 112 00:05:48,930 --> 00:05:50,660 hanya dalam JavaScript. 113 00:05:50,660 --> 00:05:53,920 Dan semua yang anda menunjukkan kepada pengguna akan HTML CSS. 114 00:05:53,920 --> 00:05:56,780 Tetapi anda tidak benar-benar menggunakan mana-mana bahasa-bahasa lain yang lain 115 00:05:56,780 --> 00:05:59,250 seminar mungkin meliputi. 116 00:05:59,250 --> 00:06:01,020 Apa Meteor juga adalah pelayan web. 117 00:06:01,020 --> 00:06:03,930 Jadi, walaupun anda tidak mempunyai apa-apa JavaScript, dan anda hanya mahu berkhidmat 118 00:06:03,930 --> 00:06:07,020 CSS dan HTML fail, Meteor boleh melakukannya untuk anda. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> Dan di sini adalah link lagi ke demo yang saya dapatkan anda semua 121 00:06:13,770 --> 00:06:15,380 mula bermain dengan. 122 00:06:15,380 --> 00:06:18,230 Tetapi mari kita bergerak ke HTML. 123 00:06:18,230 --> 00:06:22,060 Berapa ramai orang di sini mempunyai tidak tahu apa HTML? 124 00:06:22,060 --> 00:06:22,670 OK besar. 125 00:06:22,670 --> 00:06:25,800 Dan yang benar-benar halus. 126 00:06:25,800 --> 00:06:29,410 Anda benar-benar tidak perlu tahu banyak tentang kerana kita akan pergi ke atas 127 00:06:29,410 --> 00:06:31,220 penggunaan sangat mudah. 128 00:06:31,220 --> 00:06:34,570 >> Ini adalah apa yang mudah Halaman HTML kelihatan seperti. 129 00:06:34,570 --> 00:06:38,840 Ini boleh menjadi seperti anda hello, dunia untuk HTML, sedangkan kita bermula pada C dengan 130 00:06:38,840 --> 00:06:40,760 hello, dunia. 131 00:06:40,760 --> 00:06:44,360 Saya tidak mahu anda untuk menekankan yang butir-butir apa HTML, apa yang kepala, apa yang 132 00:06:44,360 --> 00:06:46,120 badan, apa tajuk lakukan di sana. 133 00:06:46,120 --> 00:06:49,130 Saya hanya mahu menekankan struktur, bagaimana anda perlu tag. 134 00:06:49,130 --> 00:06:50,860 Dan itulah kurungan sudut. 135 00:06:50,860 --> 00:06:52,380 Dan di mana anda mempunyai perihalan anda. 136 00:06:52,380 --> 00:06:54,790 >> Jadi anda mungkin mempunyai dokumen HTML. 137 00:06:54,790 --> 00:06:59,300 Dan kemudian anda akan menutup dokumen HTML dengan garis sendeng terbalik perkara yang sama. 138 00:06:59,300 --> 00:07:01,200 Dan anda mempunyai pelbagai jenis tag. 139 00:07:01,200 --> 00:07:02,730 Dan notis bahawa mereka sedang dipadankan. 140 00:07:02,730 --> 00:07:05,300 Anda akan mempunyai seperti tag badan dan kemudian tag badan dekat. 141 00:07:05,300 --> 00:07:08,620 Dan di dalam tag badan, yang akan menjadi kandungan laman web anda. 142 00:07:08,620 --> 00:07:12,770 Jadi laman web ini hanya akan memaparkan di latar belakang putih dan teks hitam 143 00:07:12,770 --> 00:07:14,242 hello, dunia. 144 00:07:14,242 --> 00:07:17,610 Adakah ini masuk akal? 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Sekarang saya akan dengan cepat meliputi JavaScript. 147 00:07:22,640 --> 00:07:26,990 Dalam kata-kata seorang TF sebelumnya, "JavaScript adalah pengaturcaraan terbaik 148 00:07:26,990 --> 00:07:28,550 bahasa pada masa ini wujud. 149 00:07:28,550 --> 00:07:30,520 Orang lain akan cuba untuk memberitahu anda sebaliknya. 150 00:07:30,520 --> 00:07:33,840 Mereka salah. "JavaScript agak bagus, dan saya akan menunjukkan kepada anda mengapa. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Jadi ini adalah contoh klasik kita mula dalam C. Kami mempunyai hello, dunia. 153 00:07:42,380 --> 00:07:45,500 Dan anda dapati walaupun anda mengecut , anda perlu mempunyai sekurang-kurangnya dua 154 00:07:45,500 --> 00:07:46,560 baris kod di sini. 155 00:07:46,560 --> 00:07:48,990 Saya mempunyai beberapa baris kod. 156 00:07:48,990 --> 00:07:50,160 Ini boleh dilakukan dengan mudah. 157 00:07:50,160 --> 00:07:53,950 Satu baris dalam JavaScript dengan console.log, dan kemudian tali anda, 158 00:07:53,950 --> 00:07:55,340 hello, dunia. 159 00:07:55,340 --> 00:07:59,570 >> Sekarang, walaupun kita bergerak kepada yang baru bahasa JavaScript, hampir semua 160 00:07:59,570 --> 00:08:02,950 kemahiran yang anda telah belajar dengan pengekodan dalam C secara langsung mudah alih. 161 00:08:02,950 --> 00:08:07,130 Jadi tali, idea tali di petikan berganda, itu yang sama. 162 00:08:07,130 --> 00:08:08,890 Koma bertitik, itu yang sama. 163 00:08:08,890 --> 00:08:11,190 >> Satu ciri kemas mengenai JavaScript sebenarnya adalah bahawa anda 164 00:08:11,190 --> 00:08:12,360 tidak perlu koma bernoktah. 165 00:08:12,360 --> 00:08:14,950 Ia boleh meneka bahawa anda harus meletakkan koma bernoktah di sana. 166 00:08:14,950 --> 00:08:18,035 Tetapi itu berkata, anda perlu sentiasa cuba untuk meletakkan koma bertitik anda di sana. 167 00:08:18,035 --> 00:08:21,160 Ia dianggap gaya yang baik. 168 00:08:21,160 --> 00:08:22,650 Dan juga, tidak ada fungsi utama. 169 00:08:22,650 --> 00:08:25,580 Anda hanya bermula di bahagian atas fail dan membaca perkara baris demi baris. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Maka ini adalah apa yang diperlukan untuk membuat yang hello, program dunia. 172 00:08:32,760 --> 00:08:36,059 Dan kemudian melihat bahawa anda perlu membuat khabar dan kemudian berjalan hello. 173 00:08:36,059 --> 00:08:38,530 Dengan JavaScript, ia dianggap bahasa ditafsirkan. 174 00:08:38,530 --> 00:08:40,780 Apa yang anda perlu tahu ialah tidak ada membuat. 175 00:08:40,780 --> 00:08:41,950 >> Tiada menyusun. 176 00:08:41,950 --> 00:08:43,440 Anda hanya menjalankan nod. 177 00:08:43,440 --> 00:08:47,220 Dan ingat nod adalah program yang akan berjalan anda JavaScript pada konsol, 178 00:08:47,220 --> 00:08:49,030 pada kotak hitam, tidak laman web. 179 00:08:49,030 --> 00:08:52,480 Jadi anda hanya memberikan fail tersebut, dan ia akan mencetak hello, dunia. 180 00:08:52,480 --> 00:08:56,750 >> Saya benar-benar akan melakukan demo sedikit yang untuk anda semua di sini. 181 00:08:56,750 --> 00:08:59,380 Jadi mari kita pergi ke saya Terminal Node.js. 182 00:08:59,380 --> 00:09:04,470 183 00:09:04,470 --> 00:09:05,322 OK. 184 00:09:05,322 --> 00:09:06,150 Mari kita bergerak di sini. 185 00:09:06,150 --> 00:09:07,930 Jadi saya akan memulakan nod. 186 00:09:07,930 --> 00:09:10,230 Dan saya akan menunjukkan kepada anda semua dalam hanya a sec bagaimana untuk mendapatkan yang 187 00:09:10,230 --> 00:09:12,000 dipasang, jika anda tidak lakukan. 188 00:09:12,000 --> 00:09:14,800 Izinkan saya membuat yang sedikit lebih besar. 189 00:09:14,800 --> 00:09:17,800 190 00:09:17,800 --> 00:09:17,870 OK. 191 00:09:17,870 --> 00:09:20,120 Saya harap anda semua boleh lihat. 192 00:09:20,120 --> 00:09:27,390 >> Jadi saya boleh menulis kod seperti yang saya lakukan sebelum di console.log. 193 00:09:27,390 --> 00:09:28,915 Hi, Roger. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 Dan notis saya tidak perlu melakukan koma bertitik, tetapi kemudian saya mendapat ini pelik 196 00:09:35,330 --> 00:09:36,850 perkara ditentukan. 197 00:09:36,850 --> 00:09:40,310 Well sebenarnya, tidak pernah fikiran tentang perkara ditentukan. 198 00:09:40,310 --> 00:09:43,590 Perkara yang saya mahu anda untuk notis adalah bahawa anda tidak memerlukan fungsi utama di sini 199 00:09:43,590 --> 00:09:45,050 untuk mula menjalankan kod. 200 00:09:45,050 --> 00:09:46,790 Dan tidak ada akhir garis sendeng terbalik. 201 00:09:46,790 --> 00:09:50,683 Ada beberapa ciri-ciri kecil yang JavaScript boleh lakukan untuk anda. 202 00:09:50,683 --> 00:09:53,510 >> PENONTON: [didengar]. 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI: Ya. 204 00:09:54,000 --> 00:09:57,460 Saya minta maaf tentang itu. 205 00:09:57,460 --> 00:10:02,200 Dan anak panah yang hanya bermakna nod sedia untuk arahan lain. 206 00:10:02,200 --> 00:10:05,380 Jadi, anda boleh mempunyai ia melakukan mudah matematik, seperti 1 campur 1. 207 00:10:05,380 --> 00:10:10,360 Dan seperti dalam C, matematik ini simbol yang sama saja. 208 00:10:10,360 --> 00:10:13,750 Yang boleh saya lakukan console.log nombor. 209 00:10:13,750 --> 00:10:15,090 Dan kemudian ia mencetak dua. 210 00:10:15,090 --> 00:10:19,000 JavaScript adalah baik dalam erti kata bahawa kerana walaupun dua adalah int an, 211 00:10:19,000 --> 00:10:22,020 seperti dalam C, jika kamu printf dengan dua, anda akan mendapat ralat. 212 00:10:22,020 --> 00:10:24,140 >> Tetapi JavaScript tahu, oh, anda mencetak sesuatu. 213 00:10:24,140 --> 00:10:25,070 Saya akan perlu rentetan. 214 00:10:25,070 --> 00:10:28,410 Jadi biarlah saya menukar bahawa dua ke dalam tali untuk anda. 215 00:10:28,410 --> 00:10:34,970 Dan anda juga boleh melakukan beberapa perkara pelik seperti hi dan kemudian tambah dua. 216 00:10:34,970 --> 00:10:39,520 Ini adalah satu lagi contoh bagaimana dua boleh ditukar di sana juga. 217 00:10:39,520 --> 00:10:45,135 >> Maka dengan itu keluar dari jalan, mari kita hanya meliputi sedikit lebih JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Jadi, dalam C, kita mempunyai jenis. 220 00:10:50,540 --> 00:10:53,925 Apabila kita mewujudkan satu pembolehubah baru, kami perlu mengatakan bahawa ia adalah char * atau 221 00:10:53,925 --> 00:10:55,850 tali di CS50 kes itu. 222 00:10:55,850 --> 00:10:58,350 Atau jika kita mempunyai nombor perpuluhan, kita buat apung. 223 00:10:58,350 --> 00:11:00,690 Jika kita memerlukan Boolean, kita buat b. 224 00:11:00,690 --> 00:11:04,220 Dan kemudian sebaik sahaja kami mempunyai sesuatu yang telah b, ia terpaksa tinggal bool a. 225 00:11:04,220 --> 00:11:07,360 Kami tidak dapat ajaib perubahan kepada satu int melainkan kita menulis dalam 226 00:11:07,360 --> 00:11:09,450 kurungan, int b. 227 00:11:09,450 --> 00:11:11,820 >> Dalam JavaScript, tiada jenis. 228 00:11:11,820 --> 00:11:13,350 Anda hanya memikirkan ia sebagai var. 229 00:11:13,350 --> 00:11:15,270 Dan var ialah bagaimana anda membuat jenis baru. 230 00:11:15,270 --> 00:11:19,210 Jadi ia boleh mempunyai var s menjadi tali, var n menjadi apungan, 231 00:11:19,210 --> 00:11:21,230 dan var b menjadi benar. 232 00:11:21,230 --> 00:11:24,980 Dan satu perkara yang anda tidak boleh lakukan dalam C adalah Saya kini boleh berkata, selepas itu talian, b 233 00:11:24,980 --> 00:11:26,230 sama integer. 234 00:11:26,230 --> 00:11:27,400 Dan itu berfungsi dengan baik. 235 00:11:27,400 --> 00:11:30,840 Manakala dalam C, ia akan berkata seperti integer anda tidak bool a. 236 00:11:30,840 --> 00:11:32,770 Saya tidak boleh melakukannya untuk anda. 237 00:11:32,770 --> 00:11:34,050 Atau [didengar] akan membuang kesilapan. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> Dan saya cepat boleh kembali ke nod dan menunjukkan beberapa fungsi itu. 240 00:11:43,420 --> 00:11:44,960 Jadi saya boleh mempunyai var a. 241 00:11:44,960 --> 00:11:52,120 Memanggilnya "Apple." Jadi sekarang apabila saya mencetak, Saya mendapat tali saya, 'Apple.' Tetapi saya boleh 242 00:11:52,120 --> 00:11:54,900 juga kini berkata yang sama 3. 243 00:11:54,900 --> 00:11:56,610 Dan notis tidak ada kesilapan. 244 00:11:56,610 --> 00:12:00,630 Dan sekarang bersamaan 3. 245 00:12:00,630 --> 00:12:01,880 Apa-apa soalan setakat ini? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Ya. 248 00:12:07,570 --> 00:12:10,780 >> PENONTON: Tunggu, jadi console.log pada dasarnya printf, bukan? 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI: Console.log adalah printf anda. 250 00:12:12,180 --> 00:12:12,652 >> PENONTON: Betul. 251 00:12:12,652 --> 00:12:17,844 Jadi bagaimana datang jika anda taip lapan atau [didengar], apakah yang 252 00:12:17,844 --> 00:12:18,790 [Didengar]? 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI: Betul. 254 00:12:19,160 --> 00:12:21,690 Jadi ia adalah - 255 00:12:21,690 --> 00:12:24,240 barangan hijau mendapat dicetak di konsol. 256 00:12:24,240 --> 00:12:27,050 Dan apa yang kita akan melihat seterusnya adalah apabila kita bergerak ke web 257 00:12:27,050 --> 00:12:29,300 halaman, kita tidak akan melakukan - 258 00:12:29,300 --> 00:12:32,650 JavaScript akan mempunyai HTML template, yang saya akan buat di dalam yang 259 00:12:32,650 --> 00:12:34,730 Meteor sebahagian daripada seminar tersebut. 260 00:12:34,730 --> 00:12:38,730 Dan di mana anda boleh berkata, memberikan saya nilai, dan ia akan dimasukkan ke dalam 261 00:12:38,730 --> 00:12:39,920 laman web anda. 262 00:12:39,920 --> 00:12:42,520 Kerana setiap pelayar web sebenarnya mempunyai konsol sedikit. 263 00:12:42,520 --> 00:12:46,380 Dan jika anda melihat dengan teliti, anda akan mendapat beberapa maklumat, seperti anda 264 00:12:46,380 --> 00:12:51,210 printf yang muncul di sana dengan setiap laman web anda memuatkan. 265 00:12:51,210 --> 00:12:53,580 >> PENONTON: Bagaimana anda mendapatkan ke skrin shell? 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI: Jadi ada arahan yang dipanggil nod, dan ia datang dengan Meteor. 267 00:12:57,680 --> 00:13:01,230 Jadi saya hanya akan berhenti keluar dari sana. 268 00:13:01,230 --> 00:13:03,580 Nod adalah program yang berjalan JavaScript. 269 00:13:03,580 --> 00:13:07,070 Jika anda pergi ke meteor.com, anda boleh memasang Meteor, dan 270 00:13:07,070 --> 00:13:08,480 Meteor datang dengan nod. 271 00:13:08,480 --> 00:13:11,470 Kerana Meteor hanya koleksi semua pakej perisian. 272 00:13:11,470 --> 00:13:15,280 Apabila kita dapat contoh kita, saya akan berjalan semua orang melalui memasang 273 00:13:15,280 --> 00:13:17,625 Meteor, dan kemudian anda boleh memainkan dengan nod sendiri. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 OK, hebat. 276 00:13:23,980 --> 00:13:29,640 >> Jadi satu lagi ciri yang besar tentang bekerja dengan JavaScript gelung adalah sama. 277 00:13:29,640 --> 00:13:31,430 Cukup banyak sama. 278 00:13:31,430 --> 00:13:35,530 Untuk gelung, manakala gelung, melakukan manakala gelung, jika lain. 279 00:13:35,530 --> 00:13:36,880 Itu semua yang sama dengan penyokong gigi. 280 00:13:36,880 --> 00:13:38,540 Ia sintaks yang sama. 281 00:13:38,540 --> 00:13:41,350 Dalam hal sesuatu untuk gelung, kecil terperinci yang anda perlu memberi perhatian 282 00:13:41,350 --> 00:13:45,340 untuk adalah bukan int i sama dengan 0, kita perlu mengatakan var i sama dengan 0. 283 00:13:45,340 --> 00:13:49,580 Tetapi itu kerana pembolehubah jenis yang kita bercakap tentang sebelum ini. 284 00:13:49,580 --> 00:13:53,360 >> Perhatikan bahawa printf menjadi log, console.log a. 285 00:13:53,360 --> 00:13:57,370 Dan kita tidak perlu melakukan peratus p garis sendeng terbalik n dan kemudian lulus dalam i. 286 00:13:57,370 --> 00:13:58,380 Anda hanya boleh mengatakan i. 287 00:13:58,380 --> 00:14:01,910 Dan ia akan mencetak nombor dari sifar hingga empat. 288 00:14:01,910 --> 00:14:04,830 Jika anda semua ingin mencuba ini, kerana anda dibesarkan titik yang baik. 289 00:14:04,830 --> 00:14:08,730 Jika anda mahu untuk menjalankan kod ini pada anda pelayar sendiri, saya akan mengesyorkan bahawa 290 00:14:08,730 --> 00:14:11,040 semua orang membuka Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome atau mana-mana pelayar web benar-benar, tetapi saya suka Google Chrome 292 00:14:14,220 --> 00:14:17,350 kerana ia sangat diselaraskan. 293 00:14:17,350 --> 00:14:24,240 >> Anda boleh pergi ke, saya percaya, jika anda betul klik pada mana-mana laman web, hanya di 294 00:14:24,240 --> 00:14:26,880 ruang putih, anda akan melihat pilihan dipanggil Memeriksa Unsur. 295 00:14:26,880 --> 00:14:28,810 Ia biasanya yang terakhir. 296 00:14:28,810 --> 00:14:32,630 Dan apabila anda klik, anda perlu mendapatkan satu perkara yang ke bawah kelihatan di sini. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Biar saya mengezum masuk di sini. 299 00:14:37,780 --> 00:14:41,390 Dan kami mempunyai tab beberapa di sini. 300 00:14:41,390 --> 00:14:43,580 Yang anda sayangi adalah konsol. 301 00:14:43,580 --> 00:14:48,820 >> Dan ini ialah konsol JavaScript anda kini boleh bekerja dengan. 302 00:14:48,820 --> 00:14:49,370 Besar. 303 00:14:49,370 --> 00:14:52,560 Jadi saya boleh menaip barangan yang sama Saya menaip sebelum di nod. 304 00:14:52,560 --> 00:14:54,790 Salah satu campur dua. 305 00:14:54,790 --> 00:14:59,110 Var yang sama dengan "Apple". 306 00:14:59,110 --> 00:15:03,430 Dan kemudian saya mencetak, dan adalah 'Apple'. 307 00:15:03,430 --> 00:15:08,760 Jadi, dalam mana-mana pelayar web, Firefox, Chrome, Safari, apa sahaja yang anda digunakan, kerana 308 00:15:08,760 --> 00:15:11,240 Selagi anda mempunyai akses kepada JavaScript konsol, jenis yang sama 309 00:15:11,240 --> 00:15:15,520 kod saya berjalan di nod yang anda boleh dijalankan dalam konsol anda sendiri. 310 00:15:15,520 --> 00:15:17,530 >> PENONTON: [didengar]? 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI: Bagaimana mendapatkan ke konsol? 312 00:15:18,690 --> 00:15:22,880 Anda perlu klik kanan pada ruang kosong pada halaman, dan kemudian anda pergi ke 313 00:15:22,880 --> 00:15:26,100 Memeriksa Unsur. 314 00:15:26,100 --> 00:15:28,290 Jadi sebenarnya, saya ingin anda semua untuk pastikan anda boleh 315 00:15:28,290 --> 00:15:29,860 Memeriksa Unsur dalam Chrome. 316 00:15:29,860 --> 00:15:32,630 Dan lihat apabila anda taip di dalam beberapa kod ke dalam konsol 317 00:15:32,630 --> 00:15:33,880 yang ia berjalan dengan betul. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Jangan ragu untuk meminta apa-apa soalan jika sesuatu yang tidak jelas di sini. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> PENONTON: [didengar]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI: Mana-mana jenis, betul. 324 00:16:28,200 --> 00:16:31,370 Terdapat hanya satu jenis untuk semua pembolehubah dalam JavaScript. 325 00:16:31,370 --> 00:16:34,160 Dan apabila anda perlu mengisytiharkan berubah-ubah, anda mengatakan var. 326 00:16:34,160 --> 00:16:35,410 >> PENONTON: [didengar]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI: Yeah. 329 00:16:40,050 --> 00:16:43,730 Ia, tetapi dalam JavaScript, ia sangat bijak mengenai memperuntukkan memori. 330 00:16:43,730 --> 00:16:44,600 Tidak ada malloc. 331 00:16:44,600 --> 00:16:45,780 Tidak ada percuma. 332 00:16:45,780 --> 00:16:48,490 Jadi anda tidak perlu bimbang tentang itu. 333 00:16:48,490 --> 00:16:51,140 Itu satu lagi ciri baik yang JavaScript memberikan anda. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Jadi saya ingin bergerak ke atas. 336 00:16:58,440 --> 00:17:01,360 Yang akan OK? 337 00:17:01,360 --> 00:17:02,610 OK. 338 00:17:02,610 --> 00:17:04,780 339 00:17:04,780 --> 00:17:07,720 Besar. 340 00:17:07,720 --> 00:17:10,660 >> PENONTON: Saya hanya menghadapi masalah mencari [yang? Memeriksa Unsur. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI: Jadi Safari kelihatan agak berbeza, tetapi adakah anda 343 00:17:16,250 --> 00:17:18,599 mempunyai Chrome atau Firefox? 344 00:17:18,599 --> 00:17:21,619 Mereka adalah lebih mudah orang-orang yang bekerja dengan. 345 00:17:21,619 --> 00:17:25,079 Dan untuk projek-projek anda, saya cadangkan melekat dengan satu pelayar kerana 346 00:17:25,079 --> 00:17:29,610 anda akan mendapat banyak pepijat hampir kerana setiap merawat pelayar 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML sedikit berbeza. 348 00:17:31,980 --> 00:17:35,170 Jadi saya fikir hidup anda akan menjadi lebih lebih mudah jika anda berpegang kepada Chrome kerana 349 00:17:35,170 --> 00:17:37,052 ia boleh didapati pada semua mesin. 350 00:17:37,052 --> 00:17:38,790 Dan ia pelayar agak popular. 351 00:17:38,790 --> 00:17:59,860 352 00:17:59,860 --> 00:18:01,110 OK? 353 00:18:01,110 --> 00:18:03,310 354 00:18:03,310 --> 00:18:06,370 >> Jadi topik seterusnya yang kita harus menampung dalam JavaScript - 355 00:18:06,370 --> 00:18:07,730 Saya minta maaf mengenai format di sini. 356 00:18:07,730 --> 00:18:11,630 Saya terpaksa menghulurkan slaid untuk memadankan projektor skrin lebar. 357 00:18:11,630 --> 00:18:14,750 Tetapi saya kini ingin bercakap mengenai bagaimana anda melakukan fungsi. 358 00:18:14,750 --> 00:18:17,410 Dalam C, kita perlu mengisytiharkan setiap fungsi. 359 00:18:17,410 --> 00:18:22,130 Seperti int menambah, dan ia mengambil int ke dalam x, dan int y, dan kemudian kita menambah mereka 360 00:18:22,130 --> 00:18:23,100 dan kembalikan. 361 00:18:23,100 --> 00:18:26,850 >> Dalam JavaScript, fungsi sebenarnya satu lagi jenis berubah-ubah. 362 00:18:26,850 --> 00:18:30,560 Oleh itu, kita hanya mengatakan var menambah dan ia sama fungsi. 363 00:18:30,560 --> 00:18:32,580 Satu fungsi yang mengambil x dan y a. 364 00:18:32,580 --> 00:18:33,790 Dan apakah fungsi yang lakukan? 365 00:18:33,790 --> 00:18:39,910 Ia akan kembali x campur y dalam yang sama sintaks seperti dalam C. Dan anda dapati di 366 00:18:39,910 --> 00:18:44,290 JavaScript, anda tidak akan diberitahu apa yang mengembalikan kerana sejak 367 00:18:44,290 --> 00:18:49,160 pembolehubah tidak mempunyai jenis anyway, ia ia tidak benar-benar produktif, saya rasa, 368 00:18:49,160 --> 00:18:52,855 untuk menyatakan semua anda jenis dalam fungsi anda. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 Dan kemudian apabila anda memanggil fungsi, ia sintaks yang sama sebagai C. Anda 371 00:18:59,565 --> 00:19:03,610 hanya lulus dalam dua hujah anda. 372 00:19:03,610 --> 00:19:07,330 Saya ingin mencuba ini dalam nod saya. 373 00:19:07,330 --> 00:19:09,284 Bolehkah saya menukar slaid? 374 00:19:09,284 --> 00:19:10,534 >> PENONTON: [didengar]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Kita akan mendapat satu salinan slaid? 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI: Ya. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Jadi mari kita kembali ke nod. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 Jadi saya akan berkata var add sama fungsi. 382 00:19:38,160 --> 00:19:40,650 Mengambil x, y mengambil satu. 383 00:19:40,650 --> 00:19:43,690 Dan kemudian ia tahu bahawa pernyataan itu tidak selesai. 384 00:19:43,690 --> 00:19:47,692 Jadi dalam nod atau konsol anda, anda akan notis dot dot dot. 385 00:19:47,692 --> 00:19:49,660 Jadi, anda boleh menyimpan menaip kod anda. 386 00:19:49,660 --> 00:19:53,650 Dan sekarang saya akan berkata pulangan x campur y. 387 00:19:53,650 --> 00:19:54,790 Dan kemudian menutup pendakap itu. 388 00:19:54,790 --> 00:20:00,260 Dan masa ini saya menutup pendakap, ia melihat bahawa kenyataan itu selesai. 389 00:20:00,260 --> 00:20:04,730 >> Dan sekarang saya boleh mengatakan bertambah satu dan dua. 390 00:20:04,730 --> 00:20:08,280 Dan saya akan mendapat tiga daripada. 391 00:20:08,280 --> 00:20:11,545 Perhatikan bahawa jika saya hanya tidak menambah, ia memberitahu saya ia satu majlis. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 Dan satu perkara hanya untuk membayar perhatian kepada adalah jika anda memberikan nombor yang salah daripada 394 00:20:19,570 --> 00:20:23,380 hujah, ia akan membuat. 395 00:20:23,380 --> 00:20:25,890 Ia akan berjalan, tetapi anda mungkin mendapat beberapa keputusan yang benar-benar pelik. 396 00:20:25,890 --> 00:20:30,070 Jenis seperti nilai sampah, anda boleh berfikir. 397 00:20:30,070 --> 00:20:32,060 Oleh itu, sila teruskan dan cuba ini dalam pelayar anda. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> OK, jadi demi kepentingan masa, saya akan sekarang beralih kepada ciri-ciri seterusnya di 400 00:21:29,510 --> 00:21:30,760 JavaScript. 401 00:21:30,760 --> 00:21:36,520 402 00:21:36,520 --> 00:21:38,400 Jadi kita telah berbincang mengenai fungsi. 403 00:21:38,400 --> 00:21:40,840 Kami telah berbincang mengenai gelung, jika kenyataan juga. 404 00:21:40,840 --> 00:21:43,660 Sintaks adalah sama sebagai C dan pembolehubah. 405 00:21:43,660 --> 00:21:46,090 Dan sekarang saya ingin bercakap tentang tatasusunan. 406 00:21:46,090 --> 00:21:48,520 Saya minta maaf bahawa slaid mendapat sedikit terputus. 407 00:21:48,520 --> 00:21:52,470 Tetapi sebenarnya, dalam bahagian pertama, semua yang anda perlukan akan berfungsi. 408 00:21:52,470 --> 00:21:55,410 >> Jadi kita mempunyai satu lagi jenis untuk pembolehubah dipanggil tatasusunan. 409 00:21:55,410 --> 00:21:57,930 Dan kita menggunakan kurungan persegi untuk menunjukkan mereka. 410 00:21:57,930 --> 00:22:01,960 Jadi dalam contoh yang pertama, arr var, array kosong. 411 00:22:01,960 --> 00:22:05,900 Ini adalah senarai yang kosong, jadi satu pameran tidak mengandungi unsur-unsur. 412 00:22:05,900 --> 00:22:09,770 Dan anda juga boleh mempunyai satu pameran dengan tiga tali. 413 00:22:09,770 --> 00:22:13,290 Dalam C, setiap elemen dalam array anda terpaksa menjadi jenis yang sama. 414 00:22:13,290 --> 00:22:16,940 >> Tetapi kerana dalam JavaScript hanya ada satu jenis, tatasusunan boleh sebenarnya 415 00:22:16,940 --> 00:22:18,510 mempunyai pelbagai jenis nilai-nilai. 416 00:22:18,510 --> 00:22:22,220 Seperti di sini, kami mempunyai pelbagai dengan apungan, bool, dan int satu. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 Cara anda mendapatkan panjang array, anda sebenarnya tidak perlu menggunakan saiz 419 00:22:28,510 --> 00:22:29,030 atau apa-apa. 420 00:22:29,030 --> 00:22:31,570 Anda hanya mengatakan pelbagai dan kemudian dot panjang. 421 00:22:31,570 --> 00:22:36,450 Dan panjang dot ini, anda boleh memikirkan ia jenis suka struct, bagaimana setiap 422 00:22:36,450 --> 00:22:40,890 array mempunyai medan, pembolehubah tambahan di dalamnya dipanggil panjang, yang 423 00:22:40,890 --> 00:22:42,910 menjejaki berapa lama pelbagai anda. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Jadi saya hanya cepat akan pergi ke nod dan menunjukkan anda semua perkara yang sama. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Jadi saya boleh mempunyai array. 428 00:22:58,050 --> 00:23:00,280 Ia boleh menjadi senarai yang kosong. 429 00:23:00,280 --> 00:23:02,030 Dan ia akan mencetak saya menyokong senarai main kosong. 430 00:23:02,030 --> 00:23:02,530 Besar. 431 00:23:02,530 --> 00:23:08,560 Saya kini boleh mengatakan bahawa array mempunyai 1, dan 2.3, dan benar. 432 00:23:08,560 --> 00:23:10,400 Jadi semua jenis yang berbeza. 433 00:23:10,400 --> 00:23:11,740 Dan anda menyedarinya berfungsi dengan baik. 434 00:23:11,740 --> 00:23:16,330 Array saya balik sokongan semua nilai-nilai saya berikan. 435 00:23:16,330 --> 00:23:20,440 >> Jika saya mahu mendapatkan elemen pertama array, sintaksis ini sebenarnya 436 00:23:20,440 --> 00:23:22,980 yang sama seperti dalam C. Anda boleh mengatakan pelbagai sifar. 437 00:23:22,980 --> 00:23:24,430 Dan anda mendapat satu. 438 00:23:24,430 --> 00:23:27,920 Saya boleh mengatakan yang sama untuk pelbagai dua, dan saya mendapat benar. 439 00:23:27,920 --> 00:23:31,610 Jika saya melakukan sesuatu yang di luar array, JavaScript adalah bahasa yang selamat 440 00:23:31,610 --> 00:23:33,390 kerana saya tidak akan mendapat kesalahan seg. 441 00:23:33,390 --> 00:23:34,780 Saya akan mendapat ditentukan. 442 00:23:34,780 --> 00:23:37,510 >> Dan ini undefined, anda boleh jenis daripada memikirkannya sebagai null. 443 00:23:37,510 --> 00:23:41,390 Tetapi ia boleh benar-benar menjengkelkan apabila anda kod kerana anda akan perlu menyemak bahawa 444 00:23:41,390 --> 00:23:43,880 hampir semua yang anda lakukan, anda bekerja dengan adalah undefined. 445 00:23:43,880 --> 00:23:47,700 Dan kita akan melihat beberapa contoh-contoh ini apabila kita bekerja di Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Walaupun array empat adalah undefined, Saya boleh sediakan nilai. 447 00:23:50,600 --> 00:23:52,570 Jadi saya akan mengatakan ia sama dengan satu. 448 00:23:52,570 --> 00:23:57,050 Dan kemudian jika saya pergi ke pelbagai, saya mempunyai nilai tambahan di sana. 449 00:23:57,050 --> 00:24:02,470 Dan melihat bahawa pelbagai tiga, yang juga telah undefined, kekal undefined. 450 00:24:02,470 --> 00:24:05,690 Jadi saya kini mempunyai pelbagai dengan lubang di tengah-tengah. 451 00:24:05,690 --> 00:24:07,750 Tetapi jika saya dicetak pelbagai empat, Saya akan mendapat satu. 452 00:24:07,750 --> 00:24:10,960 Jika saya pelbagai tiga, saya mendapat ditentukan. 453 00:24:10,960 --> 00:24:13,880 >> Jadi ciri yang baik yang JavaScript membolehkan anda untuk melakukan adalah bahawa senarai boleh 454 00:24:13,880 --> 00:24:15,620 menukar saiz. 455 00:24:15,620 --> 00:24:18,520 Perlengkapan, tatasusunan menjadi senarai, mereka mengubah saiz. 456 00:24:18,520 --> 00:24:22,480 Dan anda boleh menentukan mana-mana lokasi di dalam mereka. 457 00:24:22,480 --> 00:24:25,370 Dan semua jurang akan diisi dengan nilai-nilai ini ditentukan. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Jadi kita telah berbincang mengenai tatasusunan. 460 00:24:33,450 --> 00:24:37,050 Sekarang, perkara terakhir saya mahu menutup dalam JavaScript, dan ini adalah sangat penting 461 00:24:37,050 --> 00:24:39,550 untuk memahami kod yang Saya akan menunjukkan kepada anda, 462 00:24:39,550 --> 00:24:41,530 akan menjadi objek. 463 00:24:41,530 --> 00:24:45,140 Dan objek adalah tempoh di - 464 00:24:45,140 --> 00:24:47,380 pada dasarnya, mereka hadir dalam banyak bahasa pengaturcaraan. 465 00:24:47,380 --> 00:24:50,620 Dan setiap bahasa pengaturcaraan suka memikirkan mereka sedikit berbeza. 466 00:24:50,620 --> 00:24:55,050 >> Tetapi saya fikir untuk Meteor, baik yang analogi adalah struct C. 467 00:24:55,050 --> 00:24:59,410 Dalam C, jika kita ingin mencari struct itu pelajar, kita akan mempunyai untuk menentukan semua 468 00:24:59,410 --> 00:25:00,240 perkara di dalamnya. 469 00:25:00,240 --> 00:25:01,440 Jadi ia perlu mempunyai nama. 470 00:25:01,440 --> 00:25:02,140 Ia perlu mempunyai setahun. 471 00:25:02,140 --> 00:25:03,650 Ia perlu mempunyai jantina. 472 00:25:03,650 --> 00:25:07,350 Tetapi kita juga perlu memberikan yang jenis semua perkara. 473 00:25:07,350 --> 00:25:11,200 >> Dan sekarang kita mempunyai acuan ini untuk struct dipanggil pelajar, kita boleh mempunyai 474 00:25:11,200 --> 00:25:14,640 struct baru, dan kemudian kita boleh secara manual mengatakan apa yang setiap medan adalah. 475 00:25:14,640 --> 00:25:17,740 Dan di mana kita menggunakan nama dot, tahun dot, dot jantina. 476 00:25:17,740 --> 00:25:21,930 Dan kemudian kita, selaras terakhir kod di sini, saya hanya mencetak yang 477 00:25:21,930 --> 00:25:24,980 menamakan pelajar struct itu. 478 00:25:24,980 --> 00:25:28,220 >> Dalam dunia JavaScript, terdapat ada perkara seperti pelajar struct. 479 00:25:28,220 --> 00:25:30,660 Anda tidak menjana struktur pratetap. 480 00:25:30,660 --> 00:25:34,680 Anda sebenarnya hanya, dalam kurungan ini, anda mengatakan apa yang segala-galanya. 481 00:25:34,680 --> 00:25:40,680 Dan ia tatatanda ini pelik dengan kolon dan kemudian koma, tetapi anda akan 482 00:25:40,680 --> 00:25:41,810 membiasakan diri dengannya tidak lama lagi cukup. 483 00:25:41,810 --> 00:25:44,930 >> Dan ia sebenarnya yang benar-benar mudah, cara yang fleksibel hanya 484 00:25:44,930 --> 00:25:47,400 memanipulasi objek. 485 00:25:47,400 --> 00:25:51,270 Anda notis bahawa jika saya mahu kini mendapat menamakan dari s, saya hanya melakukan s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Adakah terdapat apa-apa soalan mengenai ini? 488 00:25:56,790 --> 00:26:00,260 Ini biasanya telah menjadi sangat mengelirukan topik apabila kita memperkenalkan orang untuk 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Saya akan melakukan beberapa contoh ini dalam nod. 491 00:26:04,110 --> 00:26:05,010 Ya? 492 00:26:05,010 --> 00:26:06,260 >> PENONTON: [didengar]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI: Jadi adakah anda mempunyai satu contoh, pelbagai 495 00:26:16,230 --> 00:26:18,764 pembolehubah jenis itu. 496 00:26:18,764 --> 00:26:20,014 >> PENONTON: [didengar]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> PENONTON: [didengar]. 499 00:26:24,790 --> 00:26:37,610 500 00:26:37,610 --> 00:26:39,450 >> ROGER ZURAWICKI: OK. 501 00:26:39,450 --> 00:26:43,760 Jadi saya rasa cara anda akan pergi kira-kira adalah anda akan meletakkan objek dalam array, 502 00:26:43,760 --> 00:26:45,340 dan kini anda akan mempunyai pelbagai objek. 503 00:26:45,340 --> 00:26:47,547 Adakah yang menjawab soalan anda? 504 00:26:47,547 --> 00:26:48,797 >> PENONTON: [didengar]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI: Ya. 507 00:26:51,260 --> 00:26:52,430 S adalah salah satu objek. 508 00:26:52,430 --> 00:26:57,455 Oleh itu, kita boleh pergi ke nod dan hanya bermain-main sedikit. 509 00:26:57,455 --> 00:26:58,705 >> PENONTON: [didengar]? 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI: Oh, OK. 512 00:27:05,440 --> 00:27:10,660 Jadi, jika anda bertanya apa kelas adalah, kelas dilayan dengan berbeza, 513 00:27:10,660 --> 00:27:14,510 dan mereka mempunyai skim benar-benar pelik dipanggil prototaip, yang anda tidak 514 00:27:14,510 --> 00:27:15,620 perlu tahu tentang. 515 00:27:15,620 --> 00:27:17,910 Tidak ada cara yang tetap untuk melakukannya. 516 00:27:17,910 --> 00:27:21,160 Jadi, jika anda ingin menjana berbilang, anda akan hanya jenis mempunyai fungsi yang 517 00:27:21,160 --> 00:27:22,100 atau sesuatu. 518 00:27:22,100 --> 00:27:24,340 Anda menjana fungsi anda sendiri. 519 00:27:24,340 --> 00:27:26,765 Dan anda akan kembali objek. 520 00:27:26,765 --> 00:27:29,550 Itu yang paling mudah cara untuk melakukannya. 521 00:27:29,550 --> 00:27:32,454 Adakah ini masuk akal? 522 00:27:32,454 --> 00:27:33,704 OK. 523 00:27:33,704 --> 00:27:36,182 524 00:27:36,182 --> 00:27:36,650 Besar. 525 00:27:36,650 --> 00:27:39,820 Jadi sebaik sahaja kami mempunyai pemahaman JavaScript objek, mereka - 526 00:27:39,820 --> 00:27:41,082 oh, ya. 527 00:27:41,082 --> 00:27:42,026 >> PENONTON: [didengar] 528 00:27:42,026 --> 00:27:45,802 Sebagai contoh, apa perbezaan di antara "Roger" dengan memetik dua berbanding 529 00:27:45,802 --> 00:27:47,510 [Didengar] dengan tanda petikan tunggal. 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 Jadi ini adalah dalam C, kita mempunyai tunggal sebut harga yang mewakili aksara, dan dua 532 00:27:52,730 --> 00:27:54,550 sebut harga mewakili tali. 533 00:27:54,550 --> 00:27:57,920 JavaScript sebenarnya melemparkan ini jauh kerana anda boleh mempunyai tali dengan 534 00:27:57,920 --> 00:28:01,570 petikan tunggal atau berganda, dan ada ada benda itu sebagai char tunggal. 535 00:28:01,570 --> 00:28:04,400 Tetapi jika anda hanya disalin yang sama Kod C, JavaScript akan 536 00:28:04,400 --> 00:28:05,610 merawatnya dengan baik. 537 00:28:05,610 --> 00:28:07,710 Oleh sebab itulah saya dirawat ia sebagai - 538 00:28:07,710 --> 00:28:12,540 sebab itu saya betul-betul boleh pelabuhan kod dalam erti kata itu. 539 00:28:12,540 --> 00:28:15,420 >> Dan saya mahu untuk menunjukkan kepada anda contoh objek yang lebih rumit. 540 00:28:15,420 --> 00:28:19,890 Jadi, anda boleh melihat bahawa satu objek boleh mempunyai tali sebagai nilai-nilai. 541 00:28:19,890 --> 00:28:21,530 Ia boleh mempunyai satu lagi senarai nilai. 542 00:28:21,530 --> 00:28:23,820 Ia boleh mempunyai senarai objek sebagai nilai-nilai. 543 00:28:23,820 --> 00:28:25,870 Ada benar-benar tiada had untuk ini. 544 00:28:25,870 --> 00:28:29,070 Jadi di sini, ia hanya satu demonstrasi yang baik bagaimana anda boleh mendapatkan banyak 545 00:28:29,070 --> 00:28:33,290 jenis berlaku semua dalam satu objek. 546 00:28:33,290 --> 00:28:34,540 Adakah ini masuk akal? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Kini, anda juga boleh mempunyai tatasusunan objek. 549 00:28:44,700 --> 00:28:48,530 Dan di sini adalah jenis yang sama dengan apa yang anda bertanya, jika anda boleh mempunyai objek 550 00:28:48,530 --> 00:28:49,190 jenis sama. 551 00:28:49,190 --> 00:28:52,960 Tetapi masalahnya ialah, tidak ada tetap format untuk objek dalam JavaScript. 552 00:28:52,960 --> 00:28:55,020 Jadi, anda perlu menentukan mereka sendiri. 553 00:28:55,020 --> 00:28:57,600 Dan anda perlu memastikan bahawa mereka seragam. 554 00:28:57,600 --> 00:29:00,410 Jadi di sini, apabila saya mencipta objek, saya mempunyai memastikan bahawa setiap satu mempunyai 555 00:29:00,410 --> 00:29:01,910 menamakan, dan masing-masing mempunyai sebuah rumah. 556 00:29:01,910 --> 00:29:05,620 >> Dan kemudian saya mempunyai pelbagai daripada mereka, dan yang boleh menjadi pondok saya. 557 00:29:05,620 --> 00:29:08,290 Dan kemudian di sini anda boleh jenis melihat untuk gelung berlaku. 558 00:29:08,290 --> 00:29:14,090 Untuk gelung yang hanya benar-benar biasa cara untuk merentasi lebih array 559 00:29:14,090 --> 00:29:15,150 dalam JavaScript. 560 00:29:15,150 --> 00:29:18,010 Perhatikan bahawa corak ini adalah hampir sama kepada C setara, di mana anda 561 00:29:18,010 --> 00:29:21,470 mempunyai int i sama dengan sifar. i adalah kurang daripada panjang. 562 00:29:21,470 --> 00:29:23,634 Dan kemudian saya plus plus. 563 00:29:23,634 --> 00:29:26,035 >> Ia hampir kod yang sama, kecuali beberapa perincian. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Begitu juga semua orang memahami apa objek itu? 566 00:29:33,120 --> 00:29:35,820 Hanya fikirkan sebagai struct C. 567 00:29:35,820 --> 00:29:38,784 Dan cara anda akses bidang hanya dengan titik. 568 00:29:38,784 --> 00:29:41,950 Dan selagi anda ingat bagaimana untuk menggunakan dot, anda akan didenda. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> OK, jadi sekarang boleh semua orang membaca link itu? 571 00:29:58,790 --> 00:30:02,220 Ini adalah pautan kepada projek ini. 572 00:30:02,220 --> 00:30:04,950 Adakah sesiapa yang mempunyai masalah melihat pautan? 573 00:30:04,950 --> 00:30:06,251 OK, mari kita mengubahnya kemudian. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Ia bukan - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Ya, itu mungkin yang cara paling mudah untuk melakukannya. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Besar. 580 00:30:34,560 --> 00:30:38,270 >> Jadi, jika anda pergi ke laman web ini, perlu ada ada beberapa arahan yang saya akan 581 00:30:38,270 --> 00:30:42,550 pergi lebih bagaimana kita boleh memasang Meteor dan mendapatkan kami berjalan projek sampel. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Saya ingin semua orang pasti mempunyai pautan ke bawah sebelum saya bergerak. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Bolehkah saya bergerak? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 OK, hebat. 588 00:31:23,680 --> 00:31:25,890 >> Jadi di sini saya di laman web ini. 589 00:31:25,890 --> 00:31:28,740 Anda akan melihat dalam fail readme yang, kita mempunyai beberapa arahan mengenai cara 590 00:31:28,740 --> 00:31:30,200 untuk ke-ditubuhkan. 591 00:31:30,200 --> 00:31:33,920 Anda perlu sama ada dalam CS50 perkakas atau hanya pada Mac. 592 00:31:33,920 --> 00:31:35,330 Windows tidak akan berfungsi. 593 00:31:35,330 --> 00:31:37,760 Tetapi pada dasarnya apa-apa yang tidak Windows harus bekerja dengan 594 00:31:37,760 --> 00:31:39,820 arahan-baik saja. 595 00:31:39,820 --> 00:31:41,470 Tetapi saya boleh membuat ia sedikit lebih besar juga. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Jadi anda akan menghadapi yang pertama sepasang arahan. 598 00:31:48,820 --> 00:31:50,450 Ini lelaki hanya akan memasang Meteor. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Saya boleh pergi ke terminal saya. 601 00:31:58,530 --> 00:32:02,710 Dan sekiranya saya menghadapi perkara yang sama sekarang, Saya sudah mempunyai ia dipasang. 602 00:32:02,710 --> 00:32:03,710 Jadi ia sedikit lebih pendek. 603 00:32:03,710 --> 00:32:05,155 Ia mungkin mengambil masa yang lama untuk anda semua. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Tetapi saya ingin pertama pastikan yang kita ada Meteor berjalan. 606 00:32:13,530 --> 00:32:16,780 Selepas Meteor telah dipasang, anda perlu mendapat nod dalam konsol. 607 00:32:16,780 --> 00:32:19,430 >> PENONTON: Mereka bertanya untuk kata laluan. 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI: Yang akan anda kata laluan pengguna, jika anda pada Mac. 609 00:32:22,110 --> 00:32:27,030 Ia hanya perlu kebenaran untuk mengubah suai beberapa fail sistem. 610 00:32:27,030 --> 00:32:30,690 Jadi soalan itu, jika ia meminta anda untuk kata laluan, ia hanya meminta anda 611 00:32:30,690 --> 00:32:33,510 kata laluan nama pengguna anda apabila anda log masuk ke Mac anda. 612 00:32:33,510 --> 00:32:35,770 Dan ini adalah supaya anda boleh menukar fail sistem. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> Dan apabila anda sudah bersedia, anda boleh bergerak ke langkah seterusnya, yang akan menyalin 615 00:32:51,260 --> 00:32:54,220 contoh kod saya dari laman web. 616 00:32:54,220 --> 00:32:58,330 Dan anda akan mendapat direktori baru dalam anda direktori rumah dipanggil Leaderboard, dan 617 00:32:58,330 --> 00:32:59,670 kita boleh mula bekerja dari sana. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Jadi saya hanya menyalin dan menampal ini arahan ke dalam terminal saya. 620 00:33:14,620 --> 00:33:16,780 Dan bagi saya, saya sudah diklon itu. 621 00:33:16,780 --> 00:33:21,470 Jadi saya hanya kini boleh bergerak ke dalam Leaderboard. 622 00:33:21,470 --> 00:33:23,450 Dan saya harus mempunyai beberapa gambar dalam sana. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Apa-apa soalan? 625 00:33:31,113 --> 00:33:34,430 >> PENONTON: [didengar] tidak berfungsi. 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI: Oh, anda mungkin perlu lanjut dipasang juga. 627 00:33:36,741 --> 00:33:39,150 >> PENONTON: [didengar]. 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI: Maaf? 629 00:33:40,162 --> 00:33:41,412 >> PENONTON: [didengar]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI: Oh, OK. 632 00:33:47,390 --> 00:33:47,720 OK. 633 00:33:47,720 --> 00:33:52,860 Ini kerana anda mungkin perlu log masuk ke GitHub untuk mendapatkan pautan ini. 634 00:33:52,860 --> 00:33:58,160 Jika anda semua dapat melihat bahawa, yang paling mudah cara untuk melakukannya Saya kemudian akan berkata adalah 635 00:33:58,160 --> 00:33:59,270 turun zip. 636 00:33:59,270 --> 00:34:02,010 Dan ini hanya akan memuat turun semua fail. 637 00:34:02,010 --> 00:34:05,510 Dan kemudian sekali anda memasukkannya ke dalam anda memuat turun atau direktori rumah anda - 638 00:34:05,510 --> 00:34:07,360 Saya cadangkan meletakkannya di anda direktori rumah jadi kita semua 639 00:34:07,360 --> 00:34:09,210 menjalankan arahan sama. 640 00:34:09,210 --> 00:34:15,230 Selagi kita mempunyai fail, kami akan boleh mula bekerja dengan mereka. 641 00:34:15,230 --> 00:34:17,969 Biar saya tahu jika orang yang mempunyai masalah memuat turun fail. 642 00:34:17,969 --> 00:34:21,040 >> PENONTON: Dengan direktori rumah, kamu maksudkan - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI: Jadi direktori rumah akan John Harvard, jika anda berada dalam 644 00:34:24,989 --> 00:34:27,460 perkakas CS50. 645 00:34:27,460 --> 00:34:33,651 Untuk mendapatkan ke direktori rumah anda, taip C. 646 00:34:33,651 --> 00:34:34,145 >> PENONTON: [didengar] 647 00:34:34,145 --> 00:34:37,610 CS50 perkakas [didengar]. 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI: Ya. 649 00:34:38,650 --> 00:34:40,480 Anda mahu menjalankan arahan di terminal anda. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> PENONTON: [didengar]. 652 00:34:45,390 --> 00:34:50,800 Saya mendapat ralat yang menyatakan bahawa tidak fail atau direktori tersebut. 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI: Kita boleh mengambil yang cepat pecah dan pastikan bahawa 654 00:34:52,739 --> 00:34:56,760 semua orang mempunyai Meteor dipasang, dan saya akan hanya pergi cuba membantu orang keluar. 655 00:34:56,760 --> 00:34:59,130 Sila cuba untuk membantu antara satu sama lain jika anda menjalankan ke dalam masalah. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 Maaf, yeah. 658 00:35:05,580 --> 00:35:08,930 Adakah anda kedua-dua dalam perkakas? 659 00:35:08,930 --> 00:35:09,350 >> PENONTON: Yeah. 660 00:35:09,350 --> 00:35:13,190 Saya mempunyai Risa 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 Jika anda kembali ke laman web, pergi tatal ke atas ke atas. 663 00:35:20,740 --> 00:35:23,580 Dan ada HTTPS ini. 664 00:35:23,580 --> 00:35:25,810 >> PENONTON: Salin ini? 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI: Yeah. 666 00:35:26,230 --> 00:35:28,950 Dan kemudian anda mahu taip klon lanjut. 667 00:35:28,950 --> 00:35:30,814 Jadi, jika anda menekan Kawalan A - 668 00:35:30,814 --> 00:35:33,718 >> PENONTON: Di sini? 669 00:35:33,718 --> 00:35:36,410 Dan melakukan [didengar]? 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI: G-I-T. 671 00:35:37,307 --> 00:35:38,557 >> PENONTON: [didengar]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI: Git dan kemudian klon. 674 00:35:42,670 --> 00:35:46,610 Jadi ia amat serupa dengan arahan yang anda mempunyai di atas, tetapi URL berubah. 675 00:35:46,610 --> 00:35:49,010 Jadi sebelum ia ini, kini ia ini. 676 00:35:49,010 --> 00:35:50,680 Biar saya mengemaskini - 677 00:35:50,680 --> 00:35:51,354 yeah. 678 00:35:51,354 --> 00:35:52,604 >> PENONTON: [didengar]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI: ini turun. 681 00:35:58,076 --> 00:35:59,326 >> PENONTON: [didengar]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI: Oh, jadi ia tidak klon dengan betul. 684 00:36:05,690 --> 00:36:07,920 Saya akan menetapkan bahawa. 685 00:36:07,920 --> 00:36:10,190 Ada satu kesilapan dengan cuba untuk memuat turun fail. 686 00:36:10,190 --> 00:36:13,820 Biar saya mengemas kini arahan untuk anda semua jadi saya boleh pastikan ia akan berfungsi. 687 00:36:13,820 --> 00:36:17,025 Saya minta maaf tentang itu. 688 00:36:17,025 --> 00:36:21,618 Ia hendaklah sama untuk Mac atau perkakas CS50. 689 00:36:21,618 --> 00:36:22,868 >> PENONTON: [didengar]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI: Saya mengemas kini arahan untuk nombor dua, jika 692 00:36:51,190 --> 00:36:52,910 anda memuat semula halaman. 693 00:36:52,910 --> 00:36:56,520 Dan dengan ini, URL, anda harus memuat turun fail. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> PENONTON: Jadi, jika kami masih memuat turun [didengar]. 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI: Jika anda masih memuat turun Meteor? 697 00:37:05,930 --> 00:37:07,180 >> PENONTON: [didengar]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI: Ya, jika anda mahu untuk membangunkan pada Mac anda. 700 00:37:11,910 --> 00:37:14,145 Tetapi anda perlu pemaju Xcode yang alat dipasang. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Saya diuji arahan ini pada CS50 perkakas, jadi saya boleh menjamin 703 00:37:24,550 --> 00:37:25,440 bahawa ia akan berfungsi. 704 00:37:25,440 --> 00:37:26,710 Ya. biarlah saya pergi dan membantu anda. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> PENONTON: [didengar]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Saya memberi kata laluan saya. 709 00:37:40,372 --> 00:37:42,240 Ini adalah Mac. 710 00:37:42,240 --> 00:37:43,490 Dan kemudian saya lakukan [didengar]. 711 00:37:43,490 --> 00:37:51,114 712 00:37:51,114 --> 00:37:52,580 >> ROGER ZURAWICKI: OK. 713 00:37:52,580 --> 00:37:57,080 Saya akan cuba menjalankan semua arahan semata-mata dalam terminal perkakas CS50. 714 00:37:57,080 --> 00:37:58,330 >> PENONTON: [didengar]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI: Saya akan mendapatkan ia bekerja pertama di terminal, di 717 00:38:02,570 --> 00:38:04,830 Perkakas CS50, dan kemudian terminal Mac. 718 00:38:04,830 --> 00:38:08,130 >> PENONTON: Jadi, jika anda melakukannya pada CS50 perkakas seperti itu, [didengar]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI: Saya ingin untuk bergerak , tetapi jika orang yang masih mempunyai 721 00:38:15,850 --> 00:38:20,190 masalah menubuhkan Meteor, Kevin adalah lebih daripada gembira untuk membantu anda lelaki di luar, 722 00:38:20,190 --> 00:38:21,440 Kevin berbaju kelabu. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Apa yang kita perlu ada ialah kita akan jalankan arahan lepas, nombor tiga, dalam 725 00:38:32,170 --> 00:38:33,710 terminal kami. 726 00:38:33,710 --> 00:38:37,320 Apabila kita berbuat demikian, kami akan menjalankan Meteor. 727 00:38:37,320 --> 00:38:39,040 >> Dan anda perlu - 728 00:38:39,040 --> 00:38:41,200 oh, saya sudah mempunyai Meteor berjalan. 729 00:38:41,200 --> 00:38:45,230 Jadi ia tidak akan membiarkan - biarlah saya hanya menutup Meteor saya yang lain. 730 00:38:45,230 --> 00:38:49,640 Apabila saya berlari Meteor, anda kini harus melihat bahawa - 731 00:38:49,640 --> 00:38:51,490 anda akan dapat melihat direktori semasa bahawa ia hidangan. 732 00:38:51,490 --> 00:38:55,476 Dan kini ia akan mengatakan pelayan berjalan pada http://localhost. 733 00:38:55,476 --> 00:38:58,860 Itulah URL yang anda mahu meletakkan di dalam pelayar web anda. 734 00:38:58,860 --> 00:39:05,410 >> Dan pada URL itu, anda akan dapat mengakses Leaderboard baik sedikit. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Jadi melihat bahawa ini adalah di localhost, yang bermaksud bahawa jika anda melakukan apa-apa 737 00:39:14,530 --> 00:39:17,320 perubahan, anda tidak akan melihat perubahan masing-masing. 738 00:39:17,320 --> 00:39:20,830 Manakala di laman web saya menunjukkan anda pada permulaan, kita boleh mendapatkan 739 00:39:20,830 --> 00:39:23,380 perubahan semua orang kerana semua orang telah mengakses laman web yang sama. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Jadi biarlah saya hanya pergi ke [? perkataan?] 742 00:39:29,540 --> 00:39:35,570 3,000. 743 00:39:35,570 --> 00:39:38,820 Jadi anda akan dapat hanya mengesahkan bahawa fungsi ini berfungsi. 744 00:39:38,820 --> 00:39:44,790 Anda boleh memilih orang yang berbeza, dan anda boleh memberikan mereka mata yang berbeza. 745 00:39:44,790 --> 00:39:46,710 Jadi saya memberi mata seseorang. 746 00:39:46,710 --> 00:39:50,420 Anda juga dapat melihat bahawa mereka naik pangkat. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Sekarang, demi kepentingan masa, terdapat tiga ciri-ciri yang saya telah 749 00:39:57,360 --> 00:39:58,020 dilaksanakan. 750 00:39:58,020 --> 00:40:03,760 Dan kita akan melaksanakan memotong pengguna sebagai ciri pertama kami. 751 00:40:03,760 --> 00:40:06,360 Tetapi sebelum kita bergerak ke atas, adalah ada apa-apa soalan? 752 00:40:06,360 --> 00:40:09,010 Anda mempunyai tangan anda ke atas. 753 00:40:09,010 --> 00:40:10,480 Ya? 754 00:40:10,480 --> 00:40:11,730 >> PENONTON: [didengar]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI: Bolehkah anda menyemak Meteor yang dipasang? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> PENONTON: [didengar]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI: tuan rumah Tempatan 3,000? 761 00:40:32,680 --> 00:40:36,550 Dan anda berada dalam perkakas CS50 ini? 762 00:40:36,550 --> 00:40:37,800 Boleh saya lakukan - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 anda tidak perlu pada Mac. 765 00:40:41,210 --> 00:40:43,558 Ini akan bekerja di dalam perkakas. 766 00:40:43,558 --> 00:40:45,880 >> PENONTON: [didengar]. 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI: Dalam biasa pelayar web, yeah. 768 00:40:47,520 --> 00:40:49,170 >> PENONTON: [didengar]. 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI: Apakah Meteor berjalan? 770 00:40:52,100 --> 00:40:54,180 Jadi OK, ada perbezaan di sini. 771 00:40:54,180 --> 00:40:56,300 Jika anda menjalankan ia dalam perkakas, yang anda perlu lakukan 772 00:40:56,300 --> 00:40:58,400 localhost dalam perkakas. 773 00:40:58,400 --> 00:41:00,860 Jika anda menjalankan dalam Mac anda, seperti saya, maka saya boleh lakukan 774 00:41:00,860 --> 00:41:02,460 saya Mac Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Tetapi jika anda menggunakan perkakas CS50 yang, anda perlu melakukan segala-galanya 776 00:41:05,520 --> 00:41:06,350 di dalam perkakas. 777 00:41:06,350 --> 00:41:09,022 Jadi, anda perlu menggunakan Google Chrome di dalam perkakas. 778 00:41:09,022 --> 00:41:10,350 >> PENONTON: [didengar]. 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI: Ia masih tidak bekerja? 780 00:41:12,188 --> 00:41:13,438 >> PENONTON: [didengar]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI: Jadi hanya untuk mengulangi, bagaimana anda mengakses laman web ini sekarang. 783 00:41:42,390 --> 00:41:46,380 Anda mempunyai URL di sini localhost 3,000. 784 00:41:46,380 --> 00:41:49,600 Jika anda berada dalam perkakas CS50 yang, anda perlu membuka CS50 785 00:41:49,600 --> 00:41:51,320 perkakas Google Chrome. 786 00:41:51,320 --> 00:41:54,850 Dan dalam bahawa Google Chrome dalam perkakas, anda boleh menaip URL yang, 787 00:41:54,850 --> 00:41:56,400 dan anda akan melihat Leaderboard a. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Jadi saya akan hanya meletakkan ia di luar ke sebelah sini sedikit. 790 00:42:04,800 --> 00:42:09,600 Dan sekarang saya akan membuka saya editor teks di sini. 791 00:42:09,600 --> 00:42:16,040 Jadi biarlah saya hanya memastikan bahawa kod adalah teratur. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Besar. 794 00:42:19,750 --> 00:42:22,360 >> Saya ingin sekarang berjalan melalui kod sedikit. 795 00:42:22,360 --> 00:42:26,110 Dan fail yang pertama saya ingin memulakan dengan adalah leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Anda akan dapat untuk mendapatkan kod ini selepas seminar itu, jadi saya hanya mahu menunjukkan 797 00:42:31,520 --> 00:42:33,960 anda pada komputer saya apa yang berlaku. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 Jadi saya harap semua orang boleh melihat ini. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Jadi pada permulaan fail, kita mempunyai kepala kita dan hak milik, yang 802 00:42:51,590 --> 00:42:54,510 adalah sama dengan apa yang kita lihat dalam tiap-tiap dokumen HTML. 803 00:42:54,510 --> 00:42:56,990 Dan kemudian kita akan mempunyai tag badan di sini. 804 00:42:56,990 --> 00:42:59,920 >> Apa yang saya pilih adalah yang utama badan, pada dasarnya apa yang 805 00:42:59,920 --> 00:43:01,470 akan mendapatkan dipaparkan. 806 00:43:01,470 --> 00:43:05,560 Tetapi ada beberapa baru bukan HTML perkara, dan itu dalam 807 00:43:05,560 --> 00:43:06,710 kurungan sudut berganda. 808 00:43:06,710 --> 00:43:08,600 Dan ini adalah tag template. 809 00:43:08,600 --> 00:43:13,770 Jadi, anda akan lihat di sini kurungan ini Leaderboard baru kurungan. 810 00:43:13,770 --> 00:43:17,390 Dan ini adalah jenis - nak itu memanggil fungsi bagi HTML. 811 00:43:17,390 --> 00:43:19,320 >> Ini adalah versi khas HTML. 812 00:43:19,320 --> 00:43:22,730 Ia adalah versi yang menggunakan Meteor, yang sebabnya mengapa anda boleh memaparkan berbeza 813 00:43:22,730 --> 00:43:26,190 perkara, seperti Leaderboard nama-nama dan butang. 814 00:43:26,190 --> 00:43:30,870 Tetapi Leaderboard memberitahu anda untuk pergi ke template dengan Leaderboard nama. 815 00:43:30,870 --> 00:43:34,746 Jadi template tidak dapat dipaparkan oleh sendiri, tetapi ia satu majlis, jadi ia 816 00:43:34,746 --> 00:43:35,390 akan mendapat dipanggil. 817 00:43:35,390 --> 00:43:41,030 Dan anda akan menggantikan dalam semua ini kod di sini ke dalam Leaderboard. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Yang menarik Leaderboard di sini adalah hanya meja ini. 820 00:43:48,820 --> 00:43:52,910 Jika anda hanya membacanya, membaca kod ini dengan kuat, ia perlu menjadi intuitif 821 00:43:52,910 --> 00:43:57,390 kerana Leaderboard, semua kita ada di sini adalah jadual. 822 00:43:57,390 --> 00:44:00,410 Ini barangan kelas ID anda tidak perlu bimbang tentang. 823 00:44:00,410 --> 00:44:02,460 Hanya tahu bahawa ada satu header jadual. 824 00:44:02,460 --> 00:44:03,630 Itulah thead ini. 825 00:44:03,630 --> 00:44:06,860 >> Dan ia mendapati nama dan skor. 826 00:44:06,860 --> 00:44:12,150 Semua tag ini, seperti thtable, thead, anda hanya akan belajar kerana anda pergi bersama-sama. 827 00:44:12,150 --> 00:44:15,540 Ia tidak penting yang anda menghafal ini kerana anda hanya boleh mengakses mana-mana 828 00:44:15,540 --> 00:44:16,520 rujukan dalam talian. 829 00:44:16,520 --> 00:44:20,610 Atau pada akhir semester, ini hanya akan sangat akrab dengan anda. 830 00:44:20,610 --> 00:44:22,840 >> Selepas tajuk jadual, bahagian itu saya ingin menarik anda 831 00:44:22,840 --> 00:44:24,900 perhatian kepada adalah h ini tag. 832 00:44:24,900 --> 00:44:27,180 Oleh kerana ia dalam kurungan berganda, ia template. 833 00:44:27,180 --> 00:44:30,980 Ini bermakna bagi setiap pemain, apa sahaja pemain adalah, kita perlu 834 00:44:30,980 --> 00:44:31,500 memaparkannya. 835 00:44:31,500 --> 00:44:32,965 Dan kita pergi ke template pemain. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Jika kita tatal ke bawah sedikit lebih - 838 00:44:39,890 --> 00:44:40,980 Saya harap semua orang dapat melihat bahawa. 839 00:44:40,980 --> 00:44:42,900 Kami mempunyai template pemain. 840 00:44:42,900 --> 00:44:49,080 Dan template ini pada dasarnya mentakrifkan sel jadual, di mana anda masukkan ke dalam nama 841 00:44:49,080 --> 00:44:50,330 di sini dan skor. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Zoom keluar sekarang, kita dapat melihat bahawa sebahagian kod ini di - 844 00:44:56,720 --> 00:44:59,060 dan yang merupakan pemain kita di bawah sana - 845 00:44:59,060 --> 00:45:01,070 mentakrifkan salah satu daripada sel-sel. 846 00:45:01,070 --> 00:45:02,890 Setiap perkara yang saya klik menjadi kuning. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Cara mudah saya boleh menukar sekarang. 849 00:45:08,660 --> 00:45:10,150 Pastikan Meteor masih berjalan. 850 00:45:10,150 --> 00:45:12,540 Meteor harus menjadi satu proses pelayan, jadi anda hanya meninggalkan ia 851 00:45:12,540 --> 00:45:14,020 berjalan apabila anda maju. 852 00:45:14,020 --> 00:45:18,280 Katakan saya mahu menukar semua nama-nama atau skor. 853 00:45:18,280 --> 00:45:23,320 Dan saya akan berkata saya akan menambah mata di sini. 854 00:45:23,320 --> 00:45:27,215 Jadi perubahan yang saya buat di sini adalah, bukan hanya skor, saya 855 00:45:27,215 --> 00:45:30,280 menambah mata ruang. 856 00:45:30,280 --> 00:45:32,775 >> Saya akan zum keluar, dan saya akan menyelamatkan fail saya. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 Dan selepas menyimpan fail saya, saya perlu memastikan Meteor sedang berjalan. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Maaf tentang itu. 861 00:45:57,610 --> 00:46:00,330 Saya ingin menunjukkan kepada anda suntingan telah dilakukan dalam masa yang sebenar. 862 00:46:00,330 --> 00:46:06,180 Jadi saya hanya akan menukar beberapa teks. 863 00:46:06,180 --> 00:46:07,600 Klik pemain. 864 00:46:07,600 --> 00:46:10,040 Saya meletakkan dalam semua topi. 865 00:46:10,040 --> 00:46:14,540 Dan ia harus bahawa jika ini adalah bekerja dengan betul, apabila saya menyimpannya, ia 866 00:46:14,540 --> 00:46:16,801 akan mengemaskini. 867 00:46:16,801 --> 00:46:20,420 >> Oh, saya rasa sekarang masalahnya ialah Saya tidak di dalam direktori yang betul. 868 00:46:20,420 --> 00:46:24,940 869 00:46:24,940 --> 00:46:26,870 OK. 870 00:46:26,870 --> 00:46:28,160 Saya minta maaf tentang itu. 871 00:46:28,160 --> 00:46:32,860 Jadi di sini, apa yang anda notis adalah perubahan saya lalui. 872 00:46:32,860 --> 00:46:34,540 Kini mengatakan saya mahu kembali perubahan itu. 873 00:46:34,540 --> 00:46:36,200 Saya mahu pergi kembali kepada apa yang saya ada. 874 00:46:36,200 --> 00:46:37,640 Saya hanya akan menaip seperti biasa. 875 00:46:37,640 --> 00:46:39,180 Klik pemain. 876 00:46:39,180 --> 00:46:42,920 >> Sebaik sahaja aku simpan, yang tapak menyegarkan untuk saya. 877 00:46:42,920 --> 00:46:44,740 Dan saya melihat perubahan saya pada laman web ini serta-merta. 878 00:46:44,740 --> 00:46:48,170 Ini adalah ciri yang benar-benar membantu dalam debugging kerana sekarang 879 00:46:48,170 --> 00:46:49,640 Saya tidak perlu - 880 00:46:49,640 --> 00:46:52,920 apabila kita menulis kod C, bukan sahaja yang kita lakukan perlu menyimpan fail, tetapi kami terpaksa 881 00:46:52,920 --> 00:46:54,750 membuatnya dan kemudian berjalan lagi. 882 00:46:54,750 --> 00:46:58,750 Meteor adalah sangat bagus kerana tidak seperti C, saat anda menyelamatkan HTML anda atau 883 00:46:58,750 --> 00:47:01,070 JavaScript fail, perubahan menunjukkan dengan segera. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Satu soalan adalah, dalam bentuk ini, bagaimana saya mendapat nilai-nilai seperti pemain 886 00:47:09,140 --> 00:47:11,520 atau pilih nama? 887 00:47:11,520 --> 00:47:17,130 Jika saya mengezum masuk sini ke dalam kod saya, Saya melihat ini bagi setiap pemain. 888 00:47:17,130 --> 00:47:19,970 Jadi template tahu bahawa Saya mempunyai pemain entah bagaimana. 889 00:47:19,970 --> 00:47:22,110 Dan ia tahu bahawa ada Nama yang dipilih. 890 00:47:22,110 --> 00:47:23,220 Di manakah ini datang? 891 00:47:23,220 --> 00:47:25,180 Ini datang daripada JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> Dan jika anda pergi ke leaderboard.js, ini fail, kini apabila saya pergi di sini, kami mempunyai 893 00:47:30,980 --> 00:47:33,460 beberapa arahan yang ditetapkan. 894 00:47:33,460 --> 00:47:36,400 Ini adalah Meteor sintaks khas. 895 00:47:36,400 --> 00:47:38,600 Perhatikan bahawa anda tidak perlu vars atau apa-apa. 896 00:47:38,600 --> 00:47:42,990 Tetapi ini hanya structs apabila structs apabila structs atau objek. 897 00:47:42,990 --> 00:47:45,910 Dan semua saya menentukan adalah template dipanggil Leaderboard. 898 00:47:45,910 --> 00:47:47,900 >> Leaderboard perlu mendapatkan perkara yang dipanggil pemain. 899 00:47:47,900 --> 00:47:48,840 Dan apa yang pemain? 900 00:47:48,840 --> 00:47:51,860 Ia apa sahaja ungkapan ini kembali. 901 00:47:51,860 --> 00:47:53,020 Dan apa yang nama yang dipilih? 902 00:47:53,020 --> 00:47:54,630 Ia kod beberapa. 903 00:47:54,630 --> 00:47:56,810 Butiran kod kita akan meliputi sedikit kemudian. 904 00:47:56,810 --> 00:48:02,210 Tetapi sekarang saya mahu anda memahami bahawa dalam kod ini, kita mengambil 905 00:48:02,210 --> 00:48:04,350 pemain, dan kami memberikan nilai. 906 00:48:04,350 --> 00:48:07,000 Dalam kes ini, ia satu majlis yang mendapat dilaksanakan. 907 00:48:07,000 --> 00:48:10,290 Oleh itu, kita boleh mendapatkan nilai belakang apabila kita menjalankan fungsi tersebut. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Ini adalah log. 910 00:48:13,520 --> 00:48:14,770 Adakah ini masuk akal? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Saya boleh mengubah cara ia disusun. 913 00:48:25,010 --> 00:48:27,230 Di sini, ada satu objek jenis. 914 00:48:27,230 --> 00:48:31,660 Dan apa ini mengatakan adalah saya akan menyusun dengan skor menurun pertama dan 915 00:48:31,660 --> 00:48:33,170 kemudian menamakan naik. 916 00:48:33,170 --> 00:48:36,630 Jika saya menukar ini kepada satu, ia akan untuk menyusun skor menaik. 917 00:48:36,630 --> 00:48:39,120 Jadi sifar harus di atas. 918 00:48:39,120 --> 00:48:43,370 Dan apabila saya zum ke dalam laman web saya, kita kini melihat bahawa laman web yang dikemaskini. 919 00:48:43,370 --> 00:48:44,923 Dan skor adalah naik. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Fungsi akan datang saya hanya mahu untuk meliputi adalah kenaikan klik. 922 00:48:53,980 --> 00:48:57,910 Daripada kepentingan masa, saya tidak akan dapat meliputi lebih banyak Meteor 923 00:48:57,910 --> 00:49:00,690 kod, tetapi terdapat banyak sumber ada, dan saya akan 924 00:49:00,690 --> 00:49:03,560 di sini selepas seminar itu. 925 00:49:03,560 --> 00:49:07,680 Tetapi saya hanya mahu menutup peristiwa Leaderboard. 926 00:49:07,680 --> 00:49:10,520 Sintaks ini anda akan belajar sedikit kemudian dalam kuliah. 927 00:49:10,520 --> 00:49:12,870 Ini adalah JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Kami hanya mengatakan, apabila kita klik, dan ia pada kenaikan, ini 929 00:49:16,720 --> 00:49:19,160 hash hanya bermakna ID. 930 00:49:19,160 --> 00:49:23,945 Pada tag ID kenaikan gaji, maka kita mahu untuk mengemas kini - kata kunci saya mahu anda 931 00:49:23,945 --> 00:49:26,740 untuk menonton adalah kemas kini dan memilih dan pemain. 932 00:49:26,740 --> 00:49:29,080 Jadi yang mana pemain yang terpilih, kita mengemaskinikannya. 933 00:49:29,080 --> 00:49:31,260 Dan apa yang kita lakukan ialah kita kenaikan skor sebanyak lima itu. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 Dan yang akan menggambarkan fungsi kami ada di sini. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> Selepas akhir seminar ini, kita akan dapat melihat kod beberapa. 938 00:49:54,510 --> 00:50:00,400 Tetapi kembali kepada matlamat saya yang saya mahu menukar laman web ini, saya mahu di sini 939 00:50:00,400 --> 00:50:03,400 untuk menambah butang keluarkan jadi Saya boleh memadam pemain. 940 00:50:03,400 --> 00:50:05,390 Jadi untuk berbuat demikian, saya perlu untuk melakukan dua perkara. 941 00:50:05,390 --> 00:50:09,680 Saya perlu mengemaskinikan HTML, mengemaskini melihat, apa yang dipaparkan kepada pengguna, dan 942 00:50:09,680 --> 00:50:15,080 kemudian mempunyai beberapa JavaScript bahawa apabila butang ditekan, Meteor akan 943 00:50:15,080 --> 00:50:15,690 untuk melakukan sesuatu. 944 00:50:15,690 --> 00:50:18,040 Ia akan mengeluarkan pemain itu. 945 00:50:18,040 --> 00:50:20,720 >> Jadi, terdapat banyak ketulan kod yang mempunyai dasarnya sudah 946 00:50:20,720 --> 00:50:22,610 telah dilakukan untuk saya. 947 00:50:22,610 --> 00:50:26,160 Jika saya lihat di sini, saya sudah mempunyai cara yang mendapatkan pemain yang dipilih. 948 00:50:26,160 --> 00:50:29,880 Itulah barangan ini, jika anda boleh melihatnya. 949 00:50:29,880 --> 00:50:31,346 Jadi, jika saya hanya - 950 00:50:31,346 --> 00:50:35,160 Saya akan mempunyai acara lain. 951 00:50:35,160 --> 00:50:37,900 Jadi saya akan untuk menyalin apa yang saya ada. 952 00:50:37,900 --> 00:50:40,740 Kerana ini adalah senarai, Saya hanya perlu koma. 953 00:50:40,740 --> 00:50:45,480 >> Jadi sekarang saya akan klik padam. 954 00:50:45,480 --> 00:50:48,840 Dan kemudian bukan pemain update, Saya akan melakukan pemain padam. 955 00:50:48,840 --> 00:50:51,620 Dan semua pemain memadam keperluan adalah pemain yang dipilih. 956 00:50:51,620 --> 00:50:56,500 Jadi fungsi ini adalah semua yang kita perlukan. 957 00:50:56,500 --> 00:51:01,550 Saya perlu menambah beberapa HTML di sini walaupun. 958 00:51:01,550 --> 00:51:05,180 Jadi jika saya tatal ke bawah di sini, ini adalah pandangan HTML. 959 00:51:05,180 --> 00:51:08,300 Kami mempunyai sesuatu di sini, yang merupakan teg. 960 00:51:08,300 --> 00:51:09,610 Anda tidak perlu bimbang tentang itu. 961 00:51:09,610 --> 00:51:12,000 >> Apa yang penting buat adalah ini kenaikan ID. 962 00:51:12,000 --> 00:51:14,990 Dan ini adalah apa yang membolehkan kita untuk mengatakan, apabila kami klik kenaikan gaji, kita perlu 963 00:51:14,990 --> 00:51:16,410 memberikan lima mata. 964 00:51:16,410 --> 00:51:18,240 Dan anda akan melihat bahawa ini adalah butang. 965 00:51:18,240 --> 00:51:20,150 Itulah yang BTN bermakna. 966 00:51:20,150 --> 00:51:23,190 Dan kitab itu di butang adalah memberikan lima mata. 967 00:51:23,190 --> 00:51:26,440 Jadi apa yang saya akan lakukan ialah saya akan menyalin baris ini. 968 00:51:26,440 --> 00:51:29,910 Saya akan menukar ID untuk memadam. 969 00:51:29,910 --> 00:51:34,310 Dan saya akan menukar teks di sini untuk padam. 970 00:51:34,310 --> 00:51:35,980 >> Oleh itu, memastikan semuanya itu disimpan. 971 00:51:35,980 --> 00:51:39,010 Saya mahu kembali ke JavaScript saya memastikan bahawa saya mempunyai 972 00:51:39,010 --> 00:51:40,880 memadam berbaris di sini. 973 00:51:40,880 --> 00:51:41,780 Baik. 974 00:51:41,780 --> 00:51:43,145 Jadi saya akan untuk menyelamatkan kedua-dua fail. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 Setelah menyimpan kedua-dua fail, kita boleh kembali ke bahagian bawah. 977 00:51:49,320 --> 00:51:51,550 Dan sekarang kita melihat kita mempunyai butang padam. 978 00:51:51,550 --> 00:51:56,050 Dan satu lagi langkah. 979 00:51:56,050 --> 00:51:58,200 Anda notis anda mungkin akan ralat kerana apabila saya klik 980 00:51:58,200 --> 00:52:00,610 memadam, tiada apa yang berlaku. 981 00:52:00,610 --> 00:52:03,930 >> Satu cara untuk debug ini adalah untuk pergi kembali ke Memeriksa Unsur. 982 00:52:03,930 --> 00:52:07,820 Saya lakukan ini dengan sengaja supaya anda boleh melihat bagaimana anda akan debug sesuatu. 983 00:52:07,820 --> 00:52:11,210 Dalam Memeriksa Unsur, kami mempunyai semua teks kami di sini. 984 00:52:11,210 --> 00:52:13,320 Saya mahu kembali ke konsol. 985 00:52:13,320 --> 00:52:19,230 Dan apa yang berlaku apabila saya pergi di sini adalah saya mendapatkan beberapa jenis kesilapan. 986 00:52:19,230 --> 00:52:21,660 Ia mengatakan tidak ada kaedah padam. 987 00:52:21,660 --> 00:52:30,770 >> Jadi apa ini katakan ialah apabila saya pergi kembali ke kod, saya dipanggil Pemain 988 00:52:30,770 --> 00:52:31,870 memadam sini. 989 00:52:31,870 --> 00:52:34,430 Padam sebenarnya tidak perintah betul. 990 00:52:34,430 --> 00:52:39,740 Jadi untuk mengetahui apa perintah yang betul adalah, ada API Meteor. 991 00:52:39,740 --> 00:52:42,680 Dokumentasi beri perhatian kepada anda lelaki untuk hanya di meteor.com. 992 00:52:42,680 --> 00:52:45,190 Jadi saya mempunyai ia di sini. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 Ini adalah hanya supaya anda semua tahu di mana untuk mengetahui lebih lanjut. 995 00:52:51,370 --> 00:52:54,420 >> Ada pautan untuk dokumentasi. 996 00:52:54,420 --> 00:52:59,410 Dan pada dasarnya, saya boleh hanya jangan mencari untuk padam. 997 00:52:59,410 --> 00:53:03,220 Dan apa yang anda lihat, memotong sebenarnya keluarkan. 998 00:53:03,220 --> 00:53:05,400 Itulah perintah yang Saya perlu menelefon. 999 00:53:05,400 --> 00:53:09,620 Jadi sekarang kita tahu bahawa, saya akan untuk menukar ini memadam untuk menghapuskan. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Jadi sekarang, apabila saya kembali ke Leaderboard saya tapak, saya akan klik 1002 00:53:18,010 --> 00:53:19,450 memadam, dan sekarang saya pergi. 1003 00:53:19,450 --> 00:53:21,290 Tidak ada lebih Roger. 1004 00:53:21,290 --> 00:53:25,470 Dan saya boleh terus memotong setiap nama tunggal sehingga saya mempunyai apa-apa kiri. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> Sehingga adalah preview sedikit bagaimana untuk menggunakan Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Anda akan belajar banyak lagi JavaScript dan HTML yang diperlukan untuk membuat 1009 00:53:42,380 --> 00:53:46,970 ia kelihatan lebih cantik, yang kita akan buat di dalam minggu ini [? sekeping?] ditetapkan untuk HTML 1010 00:53:46,970 --> 00:53:49,630 dan JavaScript dalam seterusnya [? sekeping?] ditetapkan. 1011 00:53:49,630 --> 00:53:53,150 >> Jadi jangan bimbang jika tidak semua barangan ini datang mudah untuk anda. 1012 00:53:53,150 --> 00:53:56,410 Ia akan oleh masa projek akhir. 1013 00:53:56,410 --> 00:53:58,030 Terima kasih kerana muncul. 1014 00:53:58,030 --> 00:54:01,380 Pautan saya akan mengemaskini tidak lama lagi selepas seminar supaya anda boleh melihat beberapa lebih 1015 00:54:01,380 --> 00:54:05,630 contoh-contoh yang saya telah dilaksanakan pada bagaimana untuk mendapatkan Leaderboard yang lebih maju 1016 00:54:05,630 --> 00:54:08,640 yang saya ada di laman web ini di sini pada satu-radikal-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Terima kasih. 1019 00:54:21,260 --> 00:54:22,760 >> [Tepuk tangan] 1020 00:54:22,760 --> 00:56:58,070