1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-AU: Semua hak semua orang. 3 00:00:12,340 --> 00:00:13,520 Selamat kembali ke bahagian. 4 00:00:13,520 --> 00:00:15,315 Ia adalah bahagian kedua terakhir kami. 5 00:00:15,315 --> 00:00:16,542 Ia amat menyedihkan. 6 00:00:16,542 --> 00:00:19,500 Saya tidak tahu apa yang saya akan lakukan tanpa melihat kamu setiap hari Isnin. 7 00:00:19,500 --> 00:00:20,970 Saya rasa kita harus just-- mungkin kita boleh hanya 8 00:00:20,970 --> 00:00:22,710 bertemu di sini dan makan malam atau sesuatu. 9 00:00:22,710 --> 00:00:23,270 Saya tidak tahu. 10 00:00:23,270 --> 00:00:24,370 Saya akan membawa makanan dan bukan. 11 00:00:24,370 --> 00:00:26,290 Kami hanya akan bercakap. 12 00:00:26,290 --> 00:00:29,900 Tetapi ya, minggu depan akan menjadi bahagian terakhir kami. 13 00:00:29,900 --> 00:00:32,390 >> Pada masa yang sama, anda mempunyai kuiz minggu depan. 14 00:00:32,390 --> 00:00:35,660 Saya tahu saya terlupa untuk melakukan saya, seperti, dua minggu notis awal minggu lepas, 15 00:00:35,660 --> 00:00:39,140 tetapi diharapkan anda semua tahu ini akan datang. 16 00:00:39,140 --> 00:00:42,880 Semoga ini adalah salah satu yang terakhir ujian tengah semester untuk anda semua untuk semester. 17 00:00:42,880 --> 00:00:46,950 Tetapi ia akan merangkumi semua bahan yang kami telah pergi ke atas. 18 00:00:46,950 --> 00:00:50,811 Jadi ia tidak suka anda hanya boleh lupa kira-kira empat gelung atau pembolehubah. 19 00:00:50,811 --> 00:00:52,560 Kerana kita belajar mereka yang pada mulanya, 20 00:00:52,560 --> 00:00:55,870 yang jelas permainan yang adil untuk kuiz anda. 21 00:00:55,870 --> 00:01:00,150 >> Ia akan menjadi format yang sama, sama panjang, jadi anda sudah digunakan untuk ia. 22 00:01:00,150 --> 00:01:02,330 Terdapat akan menjadi pengekodan oleh masalah tangan, 23 00:01:02,330 --> 00:01:06,270 mungkin sesetengah palsu benar, mungkin beberapa jawapan pendek. 24 00:01:06,270 --> 00:01:08,090 Jadi, anda perlu biasa dengan format, 25 00:01:08,090 --> 00:01:10,940 terutamanya jika anda mengambil ujian amalan. 26 00:01:10,940 --> 00:01:13,950 Tetapi seperti yang saya katakan di sini, ia kumulatif, tetapi kami pasti 27 00:01:13,950 --> 00:01:17,410 akan memberi tumpuan kepada perkara-perkara dari enam minggu seterusnya. 28 00:01:17,410 --> 00:01:24,050 Jadi, kami mungkin tidak akan bertanya kepada anda tentang berapa banyak bait 29 00:01:24,050 --> 00:01:26,180 berada di dalam setiap jenis atau orang macam perkara, 30 00:01:26,180 --> 00:01:29,730 tetapi kita mungkin akan berada berminat dalam perkara-perkara seperti senarai dikaitkan, 31 00:01:29,730 --> 00:01:32,750 atau struktur data yang berbeza, atau algoritma yang berbeza 32 00:01:32,750 --> 00:01:33,960 bahawa kita telah berbincang tentang. 33 00:01:33,960 --> 00:01:38,990 Jadi, pastikan anda benar-benar sehingga kepada orang-orang, dan jika anda 34 00:01:38,990 --> 00:01:41,590 memerlukan sumber, di sini banyak sumber. 35 00:01:41,590 --> 00:01:44,790 Saya hanya memberikan anda jenis daripada senarai yang cepat ada. 36 00:01:44,790 --> 00:01:48,330 >> Minggu depan akan menjadi kuiz mengkaji semula pada masa ini. 37 00:01:48,330 --> 00:01:52,290 Jadi, jika anda mempunyai sebarang soalan atau topik tertentu, 38 00:01:52,290 --> 00:01:56,180 perkara tertentu pada kuiz yang anda ingin pergi ke, sila 39 00:01:56,180 --> 00:02:01,780 menghantar mereka kepada saya lebih awal daripada masa jadi saya boleh sejenis menyediakan beberapa bahan untuk itu. 40 00:02:01,780 --> 00:02:06,310 Dan di samping itu seksyen kajian, kita akan 41 00:02:06,310 --> 00:02:09,616 juga mengadakan kursus-lebar mengkaji semula seperti yang kami lakukan masa lalu. 42 00:02:09,616 --> 00:02:11,490 Dan ia akan menjadi dilakukan oleh orang yang sama. 43 00:02:11,490 --> 00:02:13,030 Saya tidak tahu jika itu menjadikan ia lebih baik atau lebih teruk lagi, 44 00:02:13,030 --> 00:02:15,670 tetapi ia akan menjadi saya, Hannah, Davan, dan Gabe lagi. 45 00:02:15,670 --> 00:02:18,630 Jadi jika anda ingin datang melihat kami semua kelakar antara satu sama lain 46 00:02:18,630 --> 00:02:21,270 dan berjalan anda melalui kuiz kajian, anda perlu pasti 47 00:02:21,270 --> 00:02:22,600 datang kepada bahawa Isnin depan juga. 48 00:02:22,600 --> 00:02:26,210 Jadi, anda hanya perlu kesesakan Isnin dibungkus kajian semula kuiz, yang baik 49 00:02:26,210 --> 00:02:29,840 kerana anda mempunyai Selasa untuk memproses melalui segala-galanya. 50 00:02:29,840 --> 00:02:32,230 >> Tetapi pasti melakukan semak daripada sumber-sumber ini. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net setakat ini, saya berfikir, salah satu yang paling berguna, 52 00:02:36,030 --> 00:02:37,990 sebahagian besar kerana ia mempunyai banyak contoh kod, 53 00:02:37,990 --> 00:02:40,490 ia mempunyai semua Mata Kuasa dengan semua nota di atas itu, 54 00:02:40,490 --> 00:02:44,510 yang benar-benar apa yang saya paling menarik seksyen bahan dari saya. 55 00:02:44,510 --> 00:02:47,480 Jika ada apa-apa dalam sebelumnya bahagian yang saya mungkin telah dihantar 56 00:02:47,480 --> 00:02:49,920 bahawa anda tidak boleh mempunyai mendapat, hanya beritahu saya. 57 00:02:49,920 --> 00:02:52,520 Seperti contoh kod minggu lepas, jika sesiapa tidak mendapatkan itu, 58 00:02:52,520 --> 00:02:55,930 hanya e-mel saya atau datang bercakap dengan saya, dan saya akan memastikan bahawa anda mendapatkan yang. 59 00:02:55,930 --> 00:03:02,000 >> Jadi dengan itu, hari ini kita akan menjadi bercakap tentang JavaScript. 60 00:03:02,000 --> 00:03:04,690 Jadi di sini kita Tommy, yang saya hanya bercakap dengan anda malam tadi. 61 00:03:04,690 --> 00:03:06,670 Saya suka Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript adalah kegemarannya bahasa, seperti katanya di sini. 63 00:03:09,040 --> 00:03:14,050 Mereka akan cuba dan memberitahu anda bahawa itu bukan yang terbaik, dan mereka akan menjadi salah. 64 00:03:14,050 --> 00:03:16,510 Jadi Tommy adalah pakar JavaScript. 65 00:03:16,510 --> 00:03:19,850 Saya tidak cukup pada beliau tahap, tetapi saya adalah seperti, 66 00:03:19,850 --> 00:03:22,900 "Tommy, bagaimana saya mengajar kanak-kanak JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Jadi saya mendapat beberapa tips, jadi mudah-mudahan mereka bersenam. 68 00:03:26,700 --> 00:03:31,140 >> Jadi beberapa perkara yang tahu adalah bahawa JavaScript adalah skrip pihak pelanggan 69 00:03:31,140 --> 00:03:35,560 bahasa, jadi manakala PHP adalah sesuatu bahawa kita dianggap lebih pelayan-sampingan, 70 00:03:35,560 --> 00:03:39,280 ia telah memuat naik ke pelayan, disusun dan dibunuh. 71 00:03:39,280 --> 00:03:42,871 Yang ini dilaksanakan pada mesin anda sendiri. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Jadi anda memuatkan beberapa halaman JavaScript, dan ia melaksanakan pada mesin anda. 74 00:03:46,960 --> 00:03:49,910 Syntax adalah hampir sama dengan C dan PHP. 75 00:03:49,910 --> 00:03:52,490 Kita akan pergi melalui beberapa contoh JavaScript, 76 00:03:52,490 --> 00:03:56,740 dan anda akan melihat bahawa cara kita bercakap mengenai pembolehubah, gelung, 77 00:03:56,740 --> 00:03:58,910 dan syarat-syarat semua sangat serupa. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Hakikat bahawa mereka begitu serupa adalah mungkin akan tersandung sebahagian dari kamu 80 00:04:04,490 --> 00:04:08,529 sehingga, dalam beberapa kes, hanya kerana anda akan menggabungkan sedikit C 81 00:04:08,529 --> 00:04:09,570 di mana sepatutnya tidak ada. 82 00:04:09,570 --> 00:04:14,130 Mungkin anda cuba menaip sesuatu apabila ia tidak perlu ditaip. 83 00:04:14,130 --> 00:04:16,540 >> Dan pada itu, satu perkara yang perlu tahu ialah JavaScript 84 00:04:16,540 --> 00:04:19,360 adalah dinamik ditaip bahasa, seperti PHP. 85 00:04:19,360 --> 00:04:21,410 Jadi, jika anda semua masih ingat daripada bahagian minggu lalu, 86 00:04:21,410 --> 00:04:23,680 apabila kita melakukan jenis kursus kemalangan PHP kami, 87 00:04:23,680 --> 00:04:28,860 kita melihat bagaimana satu rentetan boleh menjadi dijadikan satu int, dan sebagainya. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Jenis pembolehubah anda ditentukan pada masa jangka, 90 00:04:34,850 --> 00:04:38,180 supaya mereka boleh berubah mengikut perjalanan program ini, 91 00:04:38,180 --> 00:04:43,109 dan dengan cara yang sama bahawa kita tidak benar-benar mengisytiharkan jenis untuk pembolehubah PHP, 92 00:04:43,109 --> 00:04:45,900 kita akan melakukan perkara yang sama perkara di sini, di mana kita tidak benar-benar 93 00:04:45,900 --> 00:04:49,740 mengawal jenis pembolehubah kami, boleh dikatakan, seperti yang kita lakukan di C. 94 00:04:49,740 --> 00:04:52,200 >> Dan kemudian satu perkara yang cukup keren adalah 95 00:04:52,200 --> 00:04:54,090 bahawa anda boleh ralat semak melalui konsol, 96 00:04:54,090 --> 00:04:57,240 dengan fungsi yang hebat ini console.log, yang 97 00:04:57,240 --> 00:05:00,930 membolehkan anda untuk mencetak berbeza pembolehubah atau objek yang kita akan 98 00:05:00,930 --> 00:05:01,750 bercakap tentang. 99 00:05:01,750 --> 00:05:05,720 Sama seperti minggu lepas apabila saya seperti, "menggunakan fungsi ini," dengan dump 100 00:05:05,720 --> 00:05:10,490 dari Serangga anda ini adalah fungsi yang anda ingin gunakan, console.log. 101 00:05:10,490 --> 00:05:12,860 Saya begitu terkejut berapa banyak pelajar pada waktu pejabat 102 00:05:12,860 --> 00:05:14,530 tidak tahu tentang fungsi dump. 103 00:05:14,530 --> 00:05:19,010 Dan saya adalah seperti, "lelaki, kemahuan ini menjadikan kehidupan anda lebih mudah. ​​" 104 00:05:19,010 --> 00:05:22,960 >> Baiklah, sehingga adalah sejenis hanya satu perkara yang ringkas, seperti biasa, 105 00:05:22,960 --> 00:05:24,000 kita mempunyai contoh-contoh. 106 00:05:24,000 --> 00:05:25,600 Saya tahu kamu suka kepada orang. 107 00:05:25,600 --> 00:05:30,930 Jadi di sini adalah contoh yang sangat mudah JavaScript memfailkan sini. 108 00:05:30,930 --> 00:05:34,000 Jadi ia hanya akan mewujudkan ini pop-up yang mengatakan, 109 00:05:34,000 --> 00:05:36,336 "Hello dunia," apabila anda memasuki halaman, tetapi mari kita 110 00:05:36,336 --> 00:05:37,960 cuba berjalan melalui ini sedikit. 111 00:05:37,960 --> 00:05:43,440 Jadi jelas ini adalah hanya seperti index.html biasa anda. 112 00:05:43,440 --> 00:05:50,280 Jadi, hanya template biasa kami di sini, dan kami mempunyai HTML, kita mempunyai kepala kita, 113 00:05:50,280 --> 00:05:55,580 dan sama seperti CSS, bagaimana kita termasuk beberapa fail di luar, bukan? 114 00:05:55,580 --> 00:05:59,260 Kami mempunyai beberapa jenis skrip teks yang JavaScript. 115 00:05:59,260 --> 00:06:02,680 Dan sumber adalah hello.js, yang turun di sini. 116 00:06:02,680 --> 00:06:05,630 Ini adalah fail keseluruhan daripada hello.js. 117 00:06:05,630 --> 00:06:09,080 Dan kemudian kita mempunyai beberapa tajuk dan beberapa badan HTML 118 00:06:09,080 --> 00:06:11,050 bahawa kita tidak benar-benar mengambil berat tentang. 119 00:06:11,050 --> 00:06:15,970 >> Apa yang berlaku ialah, apabila kita memuatkan halaman ini, ia secara automatik melaksanakan skrip ini. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Jadi JavaScript akan melaksanakan secara automatik. 122 00:06:18,790 --> 00:06:22,860 Jadi apa yang ia akan lakukan, ia akan untuk segera pergi dan melaksanakan ini. 123 00:06:22,860 --> 00:06:24,110 Dan ia akan berkata, "amaran. 124 00:06:24,110 --> 00:06:25,190 Hello dunia. " 125 00:06:25,190 --> 00:06:30,840 Yang berjaga-jaga adalah fungsi yang sebenarnya menjana kotak ini. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Jadi, jenis merangkumi semua. 128 00:06:33,390 --> 00:06:36,700 Ada apa-apa tambahan kami lakukan selain hanya amaran, 129 00:06:36,700 --> 00:06:40,000 dan kemudian apa saja yang kita mahu dalam kotak Terkini. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Jadi itu hanya super mudah contoh apa JavaScript boleh buat. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Salah satu yang menyeronokkan! perkara, seperti yang kita akan lihat, 134 00:06:50,070 --> 00:06:55,150 ialah JavaScript membolehkan anda untuk memanipulasi laman web anda, 135 00:06:55,150 --> 00:06:57,720 tanpa perlu menambah nilai mereka setiap masa. 136 00:06:57,720 --> 00:07:01,830 Jadi jika anda want-- contohnya, jika anda berlegar atas sesuatu, 137 00:07:01,830 --> 00:07:04,300 jika anda semua pernah mempunyai dilihat seperti bar Menu, 138 00:07:04,300 --> 00:07:07,360 atau apabila anda pergi ke atas beberapa topik, menu Drop-down muncul, 139 00:07:07,360 --> 00:07:08,670 itulah kerana JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Jadi anda tidak menambah nilai keseluruhan halaman untuk mendapatkan menu ini muncul, 142 00:07:12,670 --> 00:07:17,240 anda hanya mencari beberapa tertentu tindakan yang pengguna telah diambil, 143 00:07:17,240 --> 00:07:21,800 yang dipanggil peristiwa yang kita akan mendapat ke dalam, dan sebaik sahaja anda melihat bahawa, kamu berkata, 144 00:07:21,800 --> 00:07:25,960 "OK, mengedit sesuatu di ini halaman dan membuat ia kelihatan berbeza, 145 00:07:25,960 --> 00:07:28,270 tetapi hanya mengedit perkara-perkara tertentu. 146 00:07:28,270 --> 00:07:29,690 Jangan memuat semula segala-galanya. " 147 00:07:29,690 --> 00:07:33,110 Jadi ia sebenarnya adalah jauh lebih bagus, dan anda tidak perlu memuat semula halaman anda, 148 00:07:33,110 --> 00:07:34,510 dan ia benar-benar sejuk. 149 00:07:34,510 --> 00:07:38,270 >> Jadi pengisytiharan pembolehubah, jadi anda jenis boleh melihat, 150 00:07:38,270 --> 00:07:40,530 Saya meletakkan di atas sini, longgar ditaip. 151 00:07:40,530 --> 00:07:42,570 Jadi ini adalah sangat banyak seperti PHP. 152 00:07:42,570 --> 00:07:48,770 Kami tidak perlu memberitahu JavaScript jenis kami 153 00:07:48,770 --> 00:07:50,740 menjangkakan setiap pemboleh ubah ini menjadi. 154 00:07:50,740 --> 00:07:52,560 Mereka boleh menjadi apa sahaja jenis yang kita mahu. 155 00:07:52,560 --> 00:07:57,480 Jadi anda perhatikan dalam kes ini, kita mengisytiharkan mereka sangat mudah, hanya dengan "var" 156 00:07:57,480 --> 00:08:00,990 dan kemudian apa saja yang kita mahu nama pembolehubah kami untuk menjadi. 157 00:08:00,990 --> 00:08:05,680 Satu perkara yang perlu diperhatikan adalah bahawa apabila anda meletakkan var di hadapan nama pembolehubah, 158 00:08:05,680 --> 00:08:07,520 ia di dalam skop ia. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Ia benar-benar murah untuk anda untuk benar-benar hanya memadam var yang 161 00:08:14,025 --> 00:08:18,970 dan hanya mempunyai s sama CS50, dan yang hanya akan menjadi pembolehubah global. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Jadi, anda boleh memulakan kedua-dua cara, hanya bergantung kepada bagaimana anda mahu ia. 164 00:08:22,490 --> 00:08:24,448 Jadi, jika anda Memulakan ia dalam fungsi, 165 00:08:24,448 --> 00:08:28,070 dan anda mahu yang berubah-ubah untuk tinggal scoped dalam fungsi itu, 166 00:08:28,070 --> 00:08:31,620 anda akan mahu lakukan sesuatu seperti var menamakan pembolehubah, 167 00:08:31,620 --> 00:08:34,270 berbanding jika anda mahu global scoped, anda 168 00:08:34,270 --> 00:08:36,240 hanya boleh dilakukan atas nama yang berubah-ubah dan kemudian 169 00:08:36,240 --> 00:08:38,270 apa sahaja yang anda ingin ia ditetapkan sama dengan. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> Ini adalah jenis perkara yang sejuk turun di sini, kerana jika kita lihat pembolehubah kami 172 00:08:45,580 --> 00:08:47,590 b bermula sebagai benar. 173 00:08:47,590 --> 00:08:51,280 Dan apa ini does-- boleh sesiapa beritahu saya apa ini melakukan? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Oleh itu, kita mempunyai beberapa amaran. 176 00:08:55,890 --> 00:09:00,156 Apa yang akan menaip daripada b menjadi pada mulanya? 177 00:09:00,156 --> 00:09:00,905 PENONTON: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Betul. 180 00:09:01,940 --> 00:09:07,260 Dan kemudian kita menyerahhakkan semula b kepada rentetan ini, bukan? 181 00:09:07,260 --> 00:09:11,170 Sebab itu di sini, apa jenis b menjadi? 182 00:09:11,170 --> 00:09:12,480 Ia akan menjadi tali, kan? 183 00:09:12,480 --> 00:09:14,900 Jadi apa yang penting kepada notis adalah bahawa dalam c, kita 184 00:09:14,900 --> 00:09:17,330 boleh hampir tidak pernah melakukan sesuatu seperti itu. 185 00:09:17,330 --> 00:09:22,000 Kami akan perlu mempunyai pembolehubah, membuang ia sebagai sesuatu yang lain, 186 00:09:22,000 --> 00:09:27,185 mungkin melakukan beberapa fungsi dengan dua i, pergi dari suatu gadaian integer. 187 00:09:27,185 --> 00:09:31,063 Tetapi jika kita lihat di sini, b sangat mudah berubah menaip. 188 00:09:31,063 --> 00:09:33,760 >> PENONTON: Tunggu, jadi anda boleh hanya menjadi seperti, "membuat b integer?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON BUCHHOLTZ-AU: Yeah. 190 00:09:34,360 --> 00:09:36,185 Anda hanya boleh menyerahhakkan semula b kepada integer. 191 00:09:36,185 --> 00:09:36,910 >> PENONTON: Betul ke? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON BUCHHOLTZ-AU: Yeah. 193 00:09:38,035 --> 00:09:39,810 Dan kemudian ia akan menjadi satu int. 194 00:09:39,810 --> 00:09:43,820 Jadi pembolehubah anda boleh berubah mengikut perjalanan program ini juga. 195 00:09:43,820 --> 00:09:46,410 Mereka tidak ketat ditaip. 196 00:09:46,410 --> 00:09:49,180 Ia sangat longgar ditaip. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Pada asasnya pembolehubah anda boleh melakukan apa sahaja yang mereka mahu, seperti yang kita melihat jenis dengan PHP. 199 00:09:54,820 --> 00:09:59,430 Mereka boleh melakukan beberapa perkara gila, jadi ia adalah penting untuk menjadi cukup berhati-hati. 200 00:09:59,430 --> 00:10:01,200 Namakan pembolehubah anda dengan baik. 201 00:10:01,200 --> 00:10:03,450 Jika anda tidak, lakukan dengan tiba-tiba anda akan menjadi seperti, 202 00:10:03,450 --> 00:10:05,783 "Tunggu, saya fikir ini adalah satu tali, dan kini ia int, 203 00:10:05,783 --> 00:10:08,170 dan saya tidak benar-benar pasti apa yang sedang berlaku di sini. " 204 00:10:08,170 --> 00:10:12,410 Jadi ini adalah hanya satu contoh yang mudah menunjukkan bagaimana pembolehubah yang boleh dengan mudah 205 00:10:12,410 --> 00:10:15,890 menukar jenis ke atas perjalanan program. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Jadi ini harus melihat super, super biasa. 208 00:10:19,200 --> 00:10:21,510 Jadi ini adalah gelung kami dalam JavaScript. 209 00:10:21,510 --> 00:10:27,780 Mereka adalah sama, kecuali bukan empat int i sama dengan sifar, 210 00:10:27,780 --> 00:10:30,470 kita hanya boleh mengatakan var i sama dengan sifar. 211 00:10:30,470 --> 00:10:34,100 Dan kemudian kita boleh mempunyai jenis yang sama kami keadaan, jenis sama kemas kini, 212 00:10:34,100 --> 00:10:36,090 i plus plus lagi boleh digunakan. 213 00:10:36,090 --> 00:10:39,800 Jadi merangkak adalah sama, whiles adalah sama, 214 00:10:39,800 --> 00:10:41,440 dan melakukan whiles adalah sama. 215 00:10:41,440 --> 00:10:44,070 Semacam sama format umum. 216 00:10:44,070 --> 00:10:48,840 Kita menyedari, empat, kurungan, kurungan, itu semua yang sama. 217 00:10:48,840 --> 00:10:51,470 Juga akan ada koma bertitik apabila kita dapat kod contoh. 218 00:10:51,470 --> 00:10:55,250 Anda akan melihat ia cukup lebih kurang sama dengan c. 219 00:10:55,250 --> 00:10:59,770 >> Untuk pengisytiharan fungsi, sekali lagi, hampir sama. 220 00:10:59,770 --> 00:11:05,100 Kami mempunyai beberapa fungsi yang hanya mengatakan bahawa itu fungsi, dan kemudian 221 00:11:05,100 --> 00:11:07,660 nama kami fungsi, dan input. 222 00:11:07,660 --> 00:11:11,590 Dan sekali lagi jika kita lihat, kita tidak mempunyai jenis sini jua. 223 00:11:11,590 --> 00:11:12,090 Betul? 224 00:11:12,090 --> 00:11:18,150 Kami mempunyai apa-apa mengatakan bahawa ini perlu ints atau beregu, atau terapung. 225 00:11:18,150 --> 00:11:19,530 Mereka boleh menjadi apa sahaja yang mereka mahu. 226 00:11:19,530 --> 00:11:23,560 Apa yang penting adalah perasan yang kita perlu menulis fungsi terlebih dahulu 227 00:11:23,560 --> 00:11:26,430 membiarkan JavaScript tahu bahawa ini sebenarnya fungsi. 228 00:11:26,430 --> 00:11:29,820 >> Jadi ini adalah hanya beberapa jumlah wang mudah fungsi yang mengembalikan x atau y, 229 00:11:29,820 --> 00:11:33,800 dan kemudian apa yang juga sejuk adalah bahawa anda boleh sebenarnya 230 00:11:33,800 --> 00:11:35,950 menguntukkan fungsi kepada pembolehubah. 231 00:11:35,950 --> 00:11:41,770 Jadi dalam kes ini, jumlah kini fungsi yang benar-benar tidak jumlah wang. 232 00:11:41,770 --> 00:11:47,740 Jadi, jika anda perhatikan di sini, kami mempunyai fungsi, nama fungsi, input. 233 00:11:47,740 --> 00:11:48,860 Betul? 234 00:11:48,860 --> 00:11:52,120 Di sini kita hanya mempunyai fungsi dan input. 235 00:11:52,120 --> 00:11:54,310 Jadi ini dipanggil fungsi tanpa nama. 236 00:11:54,310 --> 00:11:59,265 Dan ini adalah sesuatu yang harus baru untuk sebahagian besar daripada anda semua, jika tidak semua. 237 00:11:59,265 --> 00:12:01,140 Jadi, pada asasnya apa yang cara ialah kita tidak 238 00:12:01,140 --> 00:12:03,050 perlu nama kami fungsi dalam kes ini. 239 00:12:03,050 --> 00:12:06,260 Kami hanya boleh berkata, "OK, saya akan mempunyai fungsi ini yang melaksanakan, di sini 240 00:12:06,260 --> 00:12:08,550 merupakan input, dan di sini apa yang ia akan lakukan. " 241 00:12:08,550 --> 00:12:12,540 Dan terutamanya apabila anda memberikan fungsi kepada beberapa pembolehubah 242 00:12:12,540 --> 00:12:14,950 bahawa anda akan memanipulasi, anda tidak semestinya 243 00:12:14,950 --> 00:12:17,116 perlu menamakan ia kerana anda akan merujuk 244 00:12:17,116 --> 00:12:20,990 kepadanya oleh pembolehubah ini nama, tidak kira dengan apa jua 245 00:12:20,990 --> 00:12:22,840 fungsi itu sebenarnya dipanggil. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Oleh itu, jika kita lihat di sini, kita mempunyai beberapa jumlah pembolehubah sekarang 248 00:12:27,810 --> 00:12:30,920 yang adalah sama dengan sebanyak tiga dan lima. 249 00:12:30,920 --> 00:12:33,070 Dan kita akan mendapatkan ini. 250 00:12:33,070 --> 00:12:36,750 Dan ini hanya akan mempunyai beberapa amaran, tiga ditambah lima bersamaan dengan nombor. 251 00:12:36,750 --> 00:12:43,950 Plus ini hanya akan menyatukan apa jawapan kita adalah ke tali. 252 00:12:43,950 --> 00:12:47,420 Juga sejuk, plus dapat menyatukan tali. 253 00:12:47,420 --> 00:12:53,510 >> Untuk JavaScript, seperti PHP, HTML, CSS dan seperti yang kita berkata, 254 00:12:53,510 --> 00:12:56,450 banyak itu kita jenis sedang mengambil roda latihan luar di sini 255 00:12:56,450 --> 00:13:02,030 dan anda semua mempunyai banyak pengetahuan yang bagaimana untuk benar-benar memahami perkara-perkara ini. 256 00:13:02,030 --> 00:13:04,280 Mereka yang sedikit berbeza, tetapi mereka tidak begitu asing 257 00:13:04,280 --> 00:13:09,460 dan bahawa anda tidak boleh di Google benda atau melihat mereka dalam talian dengan sekolah w3. 258 00:13:09,460 --> 00:13:12,755 Dan kami benar-benar mengharapkan anda lelaki ke, jenis, eksperimen 259 00:13:12,755 --> 00:13:14,400 dan belajar sendiri. 260 00:13:14,400 --> 00:13:19,490 Jadi, saya tahu ini mungkin kelihatan sedikit kurang teliti daripada beberapa perkara yang c 261 00:13:19,490 --> 00:13:21,936 yang kita lakukan, tetapi itu sebenarnya untuk sesuatu alasan. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Tetapi mudah-mudahan ia tidak terlalu yang berbeza, dan ia tidak menggalakkan. 264 00:13:28,470 --> 00:13:31,940 >> Jadi dalam tatasusunan JavaScript, lagi sangat, sangat serupa. 265 00:13:31,940 --> 00:13:32,460 Betul? 266 00:13:32,460 --> 00:13:36,520 Kami mempunyai beberapa pelbagai pembolehubah itu sama dengan kurungan kosong, 267 00:13:36,520 --> 00:13:40,340 dan itu hanya array kosong. 268 00:13:40,340 --> 00:13:43,420 Ini seringkali dipanggil notasi pelbagai literal. 269 00:13:43,420 --> 00:13:45,280 Itu hanya satu perkara yang kami memanggilnya. 270 00:13:45,280 --> 00:13:51,380 Jika kita lihat pelbagai dua di sini, kami mempunyai beberapa pelbagai literal yang mempunyai tiga elemen, 271 00:13:51,380 --> 00:13:51,910 hak? 272 00:13:51,910 --> 00:13:54,640 Dan kemudian kita mempunyai beberapa Elemen ketiga var itulah 273 00:13:54,640 --> 00:13:58,060 beberapa pembolehubah yang hanya akan memegang tali ini, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Unsur-unsur, baik untuk melihat, dipisahkan dengan tanda koma, 276 00:14:06,170 --> 00:14:07,740 seperti yang kita jangkakan. 277 00:14:07,740 --> 00:14:14,630 Dan anda juga boleh mengakses ini, seperti yang kita lakukan dalam C, dengan tatatanda indeks ini, bukan? 278 00:14:14,630 --> 00:14:16,950 Jadi berbeza dari PHP sekarang, kita akan kembali 279 00:14:16,950 --> 00:14:20,180 kepada hanya jenis merujuk kepada perkara-perkara dengan indeks. 280 00:14:20,180 --> 00:14:22,189 Sama seperti C, ia juga indeks sifar. 281 00:14:22,189 --> 00:14:25,230 Saya rasa seperti ia akan menjadi benar-benar kejam jika mereka tiba-tiba dibuat JavaScript satu 282 00:14:25,230 --> 00:14:30,630 indeks, dan anda mempunyai untuk benar-benar memikirkan semula bagaimana anda berfikir tentang tatasusunan. 283 00:14:30,630 --> 00:14:36,140 >> Satu perkara yang sejuk adalah bahawa bukan mempunyai untuk do-- jika anda pernah 284 00:14:36,140 --> 00:14:39,240 mahu panjang array, mungkin anda melelar melaluinya 285 00:14:39,240 --> 00:14:43,430 sehingga anda menemui beberapa akhir, atau anda hanya akan tahu apa yang ia adalah. 286 00:14:43,430 --> 00:14:49,310 Kerana JavaScript adalah sangat longgar dalam lebih cara daripada jenis sahaja, seperti yang kita lihat di sini, 287 00:14:49,310 --> 00:14:53,310 kita hanya boleh membuat pelbagai ini lebih besar kerana kita membuat keputusan untuk. 288 00:14:53,310 --> 00:14:56,177 Jika kita lihat pelbagai tiga mempunyai tiga perkara untuk memulakan, 289 00:14:56,177 --> 00:14:58,510 tetapi kemudian tiba-tiba, kami seperti, "oh, hanya bergurau. 290 00:14:58,510 --> 00:15:01,370 Kami sebenarnya pergi untuk menjadikannya 101 perkara. " 291 00:15:01,370 --> 00:15:05,300 Jadi, jika anda pernah ingin tahu panjang sebenar pelbagai anda, 292 00:15:05,300 --> 00:15:06,680 anda melakukannya seperti ini. 293 00:15:06,680 --> 00:15:10,470 Dan kita akan lihat banyak tatatanda ini dalam contoh-contoh, 294 00:15:10,470 --> 00:15:12,730 tetapi dengan JavaScript ia biasanya apa sahaja 295 00:15:12,730 --> 00:15:16,410 objek yang anda bercakap tentang dot jenis apa fungsi 296 00:15:16,410 --> 00:15:17,740 anda mahu digunakan padanya. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Jadi dalam kes ini, kami objek adalah array dua, 299 00:15:20,520 --> 00:15:23,470 dan kita katakan kita mahu panjang array dua. 300 00:15:23,470 --> 00:15:25,716 Jadi ini hanya memanggil seperti panjang lebar mengenai itu. 301 00:15:25,716 --> 00:15:27,090 Dan yang akan kembali panjang anda. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Juga sesuatu yang perlu diberi perhatian adalah bahawa jika kita lihat tatasusunan kami, 304 00:15:36,790 --> 00:15:39,830 tidak seperti C, mereka tidak mempunyai untuk menjadi semua jenis yang sama. 305 00:15:39,830 --> 00:15:41,670 Ini jauh lebih seperti PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript pada asasnya sama seperti meld ini menarik C dan PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Oleh itu, kita akan masuk ke dalam itu. 309 00:15:52,170 --> 00:15:56,750 Buat masa ini, mari kita hanya menganggap bahawa tatasusunan anda pada dasarnya 310 00:15:56,750 --> 00:16:00,640 seperti C tatasusunan, dalam yang mereka sifar diindeks. 311 00:16:00,640 --> 00:16:04,120 OK, supaya segala-galanya. 312 00:16:04,120 --> 00:16:08,850 Anda juga boleh hanya melanjutkan array untuk apa indeks anda mahu. 313 00:16:08,850 --> 00:16:14,260 Manakala ini mungkin akan seg kesalahan pada anda atau memberi anda beberapa kesilapan, 314 00:16:14,260 --> 00:16:15,970 JavaScript adalah seperti, "nah, ia adalah baik. 315 00:16:15,970 --> 00:16:16,620 Saya mendapat ini. 316 00:16:16,620 --> 00:16:19,460 Kami hanya akan pergi terus di mana anda mahu. " 317 00:16:19,460 --> 00:16:24,310 >> OK, jadi objek adalah sangat penting. 318 00:16:24,310 --> 00:16:29,720 Anda semua akan menggunakan banyak ini dalam set P anda, jika saya ingat dengan betul. 319 00:16:29,720 --> 00:16:34,780 Jadi perkara bahawa ini adalah sama seperti dalam C adalah structs. 320 00:16:34,780 --> 00:16:39,290 Jadi, anda boleh berfikir about-- apabila kita pergi kepada contoh hak 321 00:16:39,290 --> 00:16:41,810 selepas ini, saya fikir ia akan membuat lebih banyak sense-- 322 00:16:41,810 --> 00:16:45,830 tetapi pada dasarnya kita menggunakan objek untuk menyusun maklumat kursus yang berkaitan. 323 00:16:45,830 --> 00:16:47,780 Apabila kita bercakap tentang structs dalam C, kita sering 324 00:16:47,780 --> 00:16:53,405 bercakap mengenai seorang pelajar yang mempunyai beberapa nama, ID, rumah, anda tahu, kepekatan. 325 00:16:53,405 --> 00:16:56,030 Dan itulah jenis perkara yang sama yang kita gunakan untuk objek di sini. 326 00:16:56,030 --> 00:16:59,300 Ia hanya untuk menganjurkan maklumat yang sama. 327 00:16:59,300 --> 00:17:03,620 >> Anda juga boleh memikirkan ini sebagai lebih sama dengan bersekutu dalam tatasusunan PHP. 328 00:17:03,620 --> 00:17:10,010 Jadi ini akan menjadi jenis perkara yang di mana kita mempunyai beberapa kunci dengan nilai tertentu, 329 00:17:10,010 --> 00:17:12,859 hampir sama dengan PHP. 330 00:17:12,859 --> 00:17:15,780 Jadi, anda boleh memulakan beberapa objek kosong, seperti yang kita lihat di sini, 331 00:17:15,780 --> 00:17:17,390 hanya dengan pendakap kerinting. 332 00:17:17,390 --> 00:17:19,160 Tatasusunan Jadi adalah penyangga persegi. 333 00:17:19,160 --> 00:17:21,220 Objek kosong adalah pendakap kerinting. 334 00:17:21,220 --> 00:17:24,020 Perbezaan yang baik untuk mempunyai. 335 00:17:24,020 --> 00:17:27,319 Dan ini adalah hanya dua yang berbeza cara untuk menetapkan ciri-ciri. 336 00:17:27,319 --> 00:17:31,460 Jadi ini adalah jenis lebih daripada cara yang 337 00:17:31,460 --> 00:17:35,220 adalah sama dengan PHP, dengan kami array bersekutu, dengan utama kami, 338 00:17:35,220 --> 00:17:39,910 dan nilai kami, sedangkan satu ini is-- anda akan 339 00:17:39,910 --> 00:17:41,920 lihat ini lebih banyak dalam JavaScript. 340 00:17:41,920 --> 00:17:43,550 Ini cenderung untuk menjadi konvensyen itu. 341 00:17:43,550 --> 00:17:47,660 Dan dengan cara yang sama yang kita lakukan array dua panjang dot, ini mengatakan, 342 00:17:47,660 --> 00:17:51,580 "OK, saya memberikan ini atribut objek ini. " 343 00:17:51,580 --> 00:17:52,110 Betul? 344 00:17:52,110 --> 00:17:55,660 Jadi cara yang sama ia adalah seperti, "berikan saya panjang atribut array dua, " 345 00:17:55,660 --> 00:17:59,970 ini berkata, "berikan saya beberapa harta objek kosong kami. " 346 00:17:59,970 --> 00:18:02,890 Atau dalam kes ini, kita memberikan ia kepada beberapa nilai di sini. 347 00:18:02,890 --> 00:18:06,200 Tetapi anda juga boleh mengaksesnya dengan cara itu. 348 00:18:06,200 --> 00:18:09,090 >> Dan kemudian di sini ini adalah hanya menunjukkan dua isyarat yang berbeza. 349 00:18:09,090 --> 00:18:12,320 Jadi ini akan menunjukkan isyarat akan sama tepat, 350 00:18:12,320 --> 00:18:17,150 ia hanya dua cara yang berbeza mengakses elemen yang kita mahu. 351 00:18:17,150 --> 00:18:19,552 Adakah ini masuk akal untuk semua orang? 352 00:18:19,552 --> 00:18:21,510 Saya rasa seperti ini mungkin lebih masuk akal, 353 00:18:21,510 --> 00:18:23,270 hanya kerana kami datang dari PHP. 354 00:18:23,270 --> 00:18:26,400 Tetapi seperti yang kita lakukan lebih contoh, ini adalah benar-benar sama. 355 00:18:26,400 --> 00:18:28,170 Banyak ia hanya berubah dalam sintaks. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, jadi contoh. 358 00:18:33,030 --> 00:18:34,180 Saya suka contoh. 359 00:18:34,180 --> 00:18:40,070 Jadi di sini adalah beberapa CS50 pembolehubah yang objek, 360 00:18:40,070 --> 00:18:42,160 dan kami menyimpan semua ini maklumat mengenainya. 361 00:18:42,160 --> 00:18:46,680 Oleh itu, kita mempunyai kursus, pengajar, TFS, psets, dan dirakam. 362 00:18:46,680 --> 00:18:51,840 Jadi kita lihat ini adalah hampir semua jenis yang berbeza. 363 00:18:51,840 --> 00:18:52,340 Betul? 364 00:18:52,340 --> 00:18:56,230 Jadi objek boleh menyimpan atribut dari jenis yang berbeza. 365 00:18:56,230 --> 00:19:01,220 Kita boleh memikirkan this-- itu sangat serupa dengan array bersekutu kami dalam PHP. 366 00:19:01,220 --> 00:19:07,470 Jadi, kunci, nilai, utama, nilai, utama, nilai, sebagainya dan sebagainya. 367 00:19:07,470 --> 00:19:11,230 Apa yang juga menarik dengan cara yang sama bahawa kita boleh mempunyai tatasusunan dalam tatasusunan, 368 00:19:11,230 --> 00:19:14,690 kita juga boleh mempunyai objek dalam objek, atau objek dalam tatasusunan. 369 00:19:14,690 --> 00:19:18,410 Anda benar-benar tidak pernah terhad kepada hanya satu pun perkara. 370 00:19:18,410 --> 00:19:24,220 Kita boleh mendapatkan sangat Inceptionesque, hanya menjaga pergi ke bawah lubang arnab di sana. 371 00:19:24,220 --> 00:19:26,080 >> Oleh itu, jika kita lihat, kita mempunyai beberapa kursus yang 372 00:19:26,080 --> 00:19:31,120 adalah rentetan, pengajar itu rentetan, dan mudah, int, dan Boolean. 373 00:19:31,120 --> 00:19:36,110 Jadi semua perkara-perkara yang berbeza. 374 00:19:36,110 --> 00:19:39,600 >> Baiklah, jadi, kami mempunyai satu sama lain. 375 00:19:39,600 --> 00:19:42,930 Jadi dalam kes ini, kita mempunyai pelbagai objek. 376 00:19:42,930 --> 00:19:45,320 Jadi hanya suka objek boleh mempunyai pelbagai di dalamnya. 377 00:19:45,320 --> 00:19:47,210 Kami juga boleh mempunyai pelbagai objek. 378 00:19:47,210 --> 00:19:51,250 Ini mungkin berguna untuk berfikir tentang sama dengan jenis 379 00:19:51,250 --> 00:19:54,260 bagaimana kita mempunyai hash yang jadual, kami mempunyai array 380 00:19:54,260 --> 00:19:56,220 semua ini berbeza jenis structs yang 381 00:19:56,220 --> 00:19:59,070 adalah petunjuk untuk berbeza nod dan barang kecil. 382 00:19:59,070 --> 00:20:01,420 Tetapi dalam kes ini, kita mempunyai pelbagai objek. 383 00:20:01,420 --> 00:20:04,890 Jadi ini adalah seperti array tatasusunan bersekutu. 384 00:20:04,890 --> 00:20:09,430 Oleh itu, kita mempunyai beberapa elemen pertama akan menjadi objek dengan nama James 385 00:20:09,430 --> 00:20:11,340 dan menempatkan Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Kamu mungkin ingat sesuatu yang hampir sama dengan ini 387 00:20:14,780 --> 00:20:21,710 dengan Serangga terakhir anda, di mana jika anda ditarik sesuatu dari pangkalan data anda, 388 00:20:21,710 --> 00:20:24,480 jenis pertama perkara yang sedang anda adalah 389 00:20:24,480 --> 00:20:27,110 semua maklumat tentang pengguna pertama yang bertemu ia, 390 00:20:27,110 --> 00:20:30,765 dan kemudian anda terpaksa ke dalam indeks yang untuk mendapatkan saham mereka atau cache mereka 391 00:20:30,765 --> 00:20:32,110 atau barang kecil. 392 00:20:32,110 --> 00:20:34,620 Jadi ini adalah lebih kurang sama perkara, hanya perubahan kecil 393 00:20:34,620 --> 00:20:39,570 dalam sintaks, sedikit perubahan dalam perkataan yang kita gunakan untuk menggambarkan mereka. 394 00:20:39,570 --> 00:20:45,960 >> Jadi, jika kita mahu, boleh sesiapa beritahu saya apa amaran ini akan dilakukan di sini? 395 00:20:45,960 --> 00:20:48,780 Atau apa yang sedikit ini kod akan lakukan untuk kita? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 PENONTON: Ia akan memberikan anda semua nama-nama. 398 00:20:52,616 --> 00:20:54,900 ALLISON BUCHHOLTZ-AU: Betul, jadi ia hanya akan memberi amaran dengan semua nama-nama 399 00:20:54,900 --> 00:20:57,960 kerana ia akan melalui kampung i, jadi ia akan mula pada sifar. 400 00:20:57,960 --> 00:21:01,330 Jadi ia akan berkata, OK kita cari pada objek pertama ini, yang 401 00:21:01,330 --> 00:21:03,210 adalah slot yang pertama yang sedang kami. 402 00:21:03,210 --> 00:21:06,900 Dan ia berkata, "berikanlah kepadaku sifat, nama objek itu. " 403 00:21:06,900 --> 00:21:09,030 Jadi kita pergi di sini, kita akan scan, kita akan mencari nama, 404 00:21:09,030 --> 00:21:11,340 dan kita akan mencetak James, Molly, dan Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Sebarang soalan setakat ini? 407 00:21:15,799 --> 00:21:17,590 JavaScript malangnya anda akan menjadi 408 00:21:17,590 --> 00:21:20,950 melakukan banyak daripada melihat ke atas pada anda sendiri, memikirkan sintaks, 409 00:21:20,950 --> 00:21:21,910 bergelut dengan ia. 410 00:21:21,910 --> 00:21:25,870 Tetapi sudah tentu saya sentiasa di sini, waktu pejabat sentiasa di sini. 411 00:21:25,870 --> 00:21:28,260 Saya mungkin pada hari Selasa minggu ini. 412 00:21:28,260 --> 00:21:31,050 Jadi, jika anda berada di sana, anda boleh datang melawat saya minggu ini. 413 00:21:31,050 --> 00:21:32,470 Ia akan menjadi besar. 414 00:21:32,470 --> 00:21:36,260 >> OK, jadi DOM adalah Dokumen-Objek Model. 415 00:21:36,260 --> 00:21:38,900 Jadi ini adalah hanya satu cara yang yang kita suka untuk berfikir 416 00:21:38,900 --> 00:21:45,720 tentang bagaimana HTML kami dan segala-galanya dalam tempoh ia dianjurkan. 417 00:21:45,720 --> 00:21:49,930 Ini adalah sangat banyak sesuatu yang mungkin akan datang pada kuiz anda. 418 00:21:49,930 --> 00:21:58,150 Saya tahu saya tahun, ia adalah seperti di sini Fail HTML, mengisi DOM untuk itu. 419 00:21:58,150 --> 00:21:59,770 Dan anda Hanya masukkan perkara-perkara kecil. 420 00:21:59,770 --> 00:22:01,500 Ini sepatutnya menjadi titik mudah diharapkan. 421 00:22:01,500 --> 00:22:03,450 Mudah-mudahan anda akan see-- 422 00:22:03,450 --> 00:22:04,590 >> PENONTON: [didengar] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON BUCHHOLTZ-AU: Jadi anda melihat pokok ini di sini? 424 00:22:06,660 --> 00:22:07,200 >> PENONTON: Yeah. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-AU: Maka mereka akan bertanya penggunaan 426 00:22:08,949 --> 00:22:11,750 mengisi apa yang berlaku di bawah badan. 427 00:22:11,750 --> 00:22:15,770 Mungkin di bawah badan, kita mempunyai beberapa divs atau kita mempunyai beberapa perenggan, 428 00:22:15,770 --> 00:22:19,160 dan kami akan meminta anda untuk mengisi pokok sangat seperti ini. 429 00:22:19,160 --> 00:22:21,440 Oleh itu, kita juga akan berjalan melaluinya. 430 00:22:21,440 --> 00:22:26,120 Jadi Dokumen-Objek Model hanya cara yang 431 00:22:26,120 --> 00:22:31,240 untuk menstruktur dan berfikir tentang kami HTML secara grafik. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 Dan juga apabila kita mendapatkan menjadi lebih JavaScript, 434 00:22:35,840 --> 00:22:37,640 ia akan menjadi cara yang kita sebenarnya 435 00:22:37,640 --> 00:22:39,990 memanipulasi berbeza elemen pada halaman. 436 00:22:39,990 --> 00:22:43,980 Kita memerlukan cara untuk mengakses setiap satu perkara dalam HTML kami, 437 00:22:43,980 --> 00:22:48,050 dan jadi ini memberi kita sangat cara standard konkrit 438 00:22:48,050 --> 00:22:51,010 di pelbagai laman web untuk melakukan itu. 439 00:22:51,010 --> 00:22:53,440 >> Jadi, jika kita hanya berjalan melalui ini di sini, sudah tentu 440 00:22:53,440 --> 00:22:56,790 dokumen kami adalah seperti keseluruhan fail kami. 441 00:22:56,790 --> 00:22:59,350 Yang jelas masuk akal bahawa ia adalah perkara yang paling tinggi, 442 00:22:59,350 --> 00:23:03,520 dan kemudian kita mempunyai HTML sebenar kami, yang sepadan dengan tag ini di sini. 443 00:23:03,520 --> 00:23:08,480 Juga jika anda dalam inden tag anda dengan betul, kemudian mewujudkan pokok DOM ini 444 00:23:08,480 --> 00:23:10,530 menjadi super mudah. 445 00:23:10,530 --> 00:23:12,400 Oleh itu, kita mempunyai beberapa kepala di sini. 446 00:23:12,400 --> 00:23:15,780 Kami mempunyai beberapa badan yang kita lihat stem kira HTML, 447 00:23:15,780 --> 00:23:18,530 itulah sebabnya kita mempunyai kepala dan badan. 448 00:23:18,530 --> 00:23:22,880 Dalam kepala, kita mempunyai beberapa tag tajuk, berakhir tag tajuk, 449 00:23:22,880 --> 00:23:24,570 jadi kita tahu bahawa datang selepas kepala. 450 00:23:24,570 --> 00:23:28,040 Dan dalam tag tajuk kita, kita mempunyai hello, dunia. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Jadi itulah ini seluruh cawangan tangan kiri. 453 00:23:31,311 --> 00:23:34,060 Dan kemudian untuk cawangan kanan di sini, kita melihat bahawa kita mempunyai HTML, 454 00:23:34,060 --> 00:23:38,680 OK kita telah melakukan bahagian kepala ini, kita cari hanya di badan, 455 00:23:38,680 --> 00:23:40,670 jadi kami mempunyai beberapa kawasan badan. 456 00:23:40,670 --> 00:23:44,350 Dan dalam tempoh itu, hanya perkara yang kita ada adalah hello, dunia. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Jika kita mempunyai perkara-perkara seperti beberapa p kurungan dan kemudian 459 00:23:54,130 --> 00:23:57,500 hello, dunia, dan kemudian yang lain pendakap p daripada selamat tinggal, dunia, 460 00:23:57,500 --> 00:24:00,080 kita akan mempunyai dua buih datang dari dari sini. 461 00:24:00,080 --> 00:24:05,550 Kerana mereka kedua-dua di bawah badan, tetapi mereka perenggan berasingan kes ini. 462 00:24:05,550 --> 00:24:11,520 Pasti ada amalan pada yang dalam kuiz sebelumnya, 463 00:24:11,520 --> 00:24:14,570 serta banyak talian di atasnya. 464 00:24:14,570 --> 00:24:18,260 OK jadi, ini hanya membolehkan kita melihat segala-galanya dengan baik 465 00:24:18,260 --> 00:24:20,810 dan memanipulasi perkara sangat sistematik. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Kita tahu bagaimana untuk berjalan di pokok ini, 468 00:24:23,640 --> 00:24:26,910 supaya kita tahu apa yang kita mahu untuk mengakses. 469 00:24:26,910 --> 00:24:31,690 >> OK jadi ini adalah mengapa kita mahu untuk mempunyai ini jenis model, 470 00:24:31,690 --> 00:24:35,190 supaya kita boleh menggunakan perkara-perkara seperti ini, dan kami faham apa yang mereka maksudkan, 471 00:24:35,190 --> 00:24:38,370 dan mereka yang seragam dalam semua perkara yang kita lakukan. 472 00:24:38,370 --> 00:24:45,900 Jadi tajuk dokumen dot hanya tajuk our-- semua ini 473 00:24:45,900 --> 00:24:48,960 adalah cukup sendiri penjelasan, Saya suka berfikir. 474 00:24:48,960 --> 00:24:51,660 Tiga Jadi yang pertama contoh hanya berkata, 475 00:24:51,660 --> 00:24:54,770 "OK, hanya memberi saya tajuk halaman web ini. " 476 00:24:54,770 --> 00:24:58,030 Jadi ia akan memberikan anda apa sepadan dengan tajuk. 477 00:24:58,030 --> 00:25:01,880 >> Badan Dokumen dot akan memberikan anda apa yang ada dalam tag tersebut badan. 478 00:25:01,880 --> 00:25:03,240 Jadi, anda boleh memanipulasi itu. 479 00:25:03,240 --> 00:25:07,820 Dan dokumen badan dot dot masukkan HTML adalah satu yang sangat sejuk, 480 00:25:07,820 --> 00:25:11,660 dan mungkin tidak seperti super intuitif, tetapi HTML dalaman 481 00:25:11,660 --> 00:25:13,740 sepadan dengan hak ini di sini. 482 00:25:13,740 --> 00:25:17,410 Jadi, jika anda pernah mahu memanipulasi teks pada halaman, 483 00:25:17,410 --> 00:25:22,700 biasanya anda akan melakukan sesuatu dengan badan dot HTML dalam. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Jadi HTML dalaman cenderung untuk merujuk kepada apa yang sebenarnya antara tag. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 Dan kemudian fungsi yang berguna. 488 00:25:33,020 --> 00:25:40,390 Jadi, jika anda mahu untuk mendapatkan mana-mana, apa-apa unsur, 489 00:25:40,390 --> 00:25:43,140 kami mempunyai beberapa ID, kelas nama, atau nama tag. 490 00:25:43,140 --> 00:25:47,100 Ini adalah hampir sama dengan perkara yang kita lakukan dengan CSS, bukan? 491 00:25:47,100 --> 00:25:51,360 Jika kita mempunyai beberapa pemilih yang sesuai dengan sama ada tag, kelas 492 00:25:51,360 --> 00:25:53,800 yang kita berikan kepada mereka, atau ID. 493 00:25:53,800 --> 00:25:55,310 Ini adalah sangat banyak cara yang sama. 494 00:25:55,310 --> 00:26:00,720 Jika anda mempunyai sesuatu yang mempunyai beberapa kelas anjing, 495 00:26:00,720 --> 00:26:05,800 dan anda mengatakan mendapatkan unsur-unsur dengan nama tag, dan anda meletakkan anjing di there-- atau maaf, 496 00:26:05,800 --> 00:26:06,610 nama kelas. 497 00:26:06,610 --> 00:26:07,770 Anda boleh meletakkan titik di sana. 498 00:26:07,770 --> 00:26:11,780 Ia akan kembali semua orang-orang unsur-unsur untuk anda yang mempunyai kelas itu. 499 00:26:11,780 --> 00:26:13,880 Jadi, anda boleh memanipulasi hanya mereka. 500 00:26:13,880 --> 00:26:18,430 Dengan cara yang sama, mungkin anda hanya ingin memanipulasi beberapa header, jadi 501 00:26:18,430 --> 00:26:20,980 beberapa header h1, seperti yang kami lakukan. 502 00:26:20,980 --> 00:26:24,900 Anda boleh melakukan mendapatkan unsur-unsur mengikut label menamakan, kerana h1 adalah tanda nama. 503 00:26:24,900 --> 00:26:29,270 Dan dengan cara yang sama, jika anda ingin mendapatkan beberapa perkara yang unik, anda boleh melakukan get tag. 504 00:26:29,270 --> 00:26:31,100 Dapatkan unsur oleh Id. 505 00:26:31,100 --> 00:26:32,710 Dan mereka sebenarnya banyak ini. 506 00:26:32,710 --> 00:26:36,300 Ini adalah hanya seperti tiga daripada sangat banyak. 507 00:26:36,300 --> 00:26:39,600 Jadi, jika anda berada dalam talian, sebagai Saya akan menggalakkan 508 00:26:39,600 --> 00:26:45,342 anda lakukan, dan melakukan beberapa penyelidikan sendiri, 509 00:26:45,342 --> 00:26:48,450 Saya pasti mengesyorkan mengkaji semua orang-orang. 510 00:26:48,450 --> 00:26:50,880 Mereka boleh menjadi super berguna, terutama apabila 511 00:26:50,880 --> 00:26:57,180 anda mahu hanya jenis memanipulasi perkara yang sangat khusus tanpa 512 00:26:57,180 --> 00:27:00,390 pergi melalui dan cuba dapat menghuraikan segala-galanya. 513 00:27:00,390 --> 00:27:03,540 >> OK, jadi perkara terakhir JavaScript adalah acara. 514 00:27:03,540 --> 00:27:10,730 Oleh itu, apabila saya bercakap lebih awal tentang pergi ke laman web, 515 00:27:10,730 --> 00:27:14,340 dan apabila anda pergi ke atas sesuatu, atau tetikus anda berlegar atas sesuatu, 516 00:27:14,340 --> 00:27:15,420 sesuatu yang lain berlaku. 517 00:27:15,420 --> 00:27:17,900 Ini adalah apa yang kita ingin fikirkan sebagai peristiwa. 518 00:27:17,900 --> 00:27:23,970 Jadi apa yang kita ada kekuatan yang berguna di sini adalah onclick. 519 00:27:23,970 --> 00:27:29,140 Jadi saya adalah pada hover, yang, saya cukup pasti, hanya pada hover. 520 00:27:29,140 --> 00:27:31,300 Juga satu tan ini yang anda boleh mencari. 521 00:27:31,300 --> 00:27:34,340 Ada senarai keseluruhan talian satu perkara yang berbeza 522 00:27:34,340 --> 00:27:37,130 bahawa anda boleh mendengar. 523 00:27:37,130 --> 00:27:41,220 >> Tetapi peristiwa-peristiwa JavaScript adalah pada dasarnya hanya bertindak balas kepada perkara-perkara 524 00:27:41,220 --> 00:27:42,430 yang pengguna anda lakukan. 525 00:27:42,430 --> 00:27:42,930 Betul? 526 00:27:42,930 --> 00:27:45,220 Jadi pengguna anda tidak sesuatu, itu acara, 527 00:27:45,220 --> 00:27:48,340 JavaScript dan akan bertindak balas Walau bagaimanapun anda ingin kepada. 528 00:27:48,340 --> 00:27:49,770 Ia akan bertindak balas dengan sewajarnya. 529 00:27:49,770 --> 00:27:54,630 Jadi dalam kes ini, kita mempunyai beberapa onload tetingkap titik. 530 00:27:54,630 --> 00:27:57,170 Jadi apa ini mengatakan adalah, "tunggu sehingga dimuatkan tetingkap ini. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Oleh itu, apabila semua ini dimuatkan, onload, maka anda boleh melaksanakan fungsi ini. 533 00:28:02,102 --> 00:28:03,810 Oleh itu, apabila segala-galanya dimuatkan, anda akan 534 00:28:03,810 --> 00:28:07,760 mempunyai beberapa butang carian yang mendapat unsur oleh Id, 535 00:28:07,760 --> 00:28:13,740 dan ia mencetak apa sahaja yang elemen adalah seperti butang Cari. 536 00:28:13,740 --> 00:28:17,050 Dan kemudian kita boleh ubah ini, kita berkata, "OK, onclick." 537 00:28:17,050 --> 00:28:20,390 Oleh itu, apabila kita mendengar bunyi klik pada butang Cari, 538 00:28:20,390 --> 00:28:23,990 melaksanakan fungsi ini, yang merupakan amaran, anda klik butang Cari. 539 00:28:23,990 --> 00:28:28,910 >> Jadi apa yang berlaku is-- ini adalah bagus perwakilan grafik sedikit di sini. 540 00:28:28,910 --> 00:28:31,480 Jadi beban dokumen kami, itulah onload kami, 541 00:28:31,480 --> 00:28:34,340 kita dapati Cari kami butang, yang ini. 542 00:28:34,340 --> 00:28:36,570 Kami mencari butang Cari kami. 543 00:28:36,570 --> 00:28:40,790 Dan kemudian apabila butang Cari adalah klik, ia sepadan dengan di sini. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Kemudian kami akhirnya memberi isyarat kepada pengguna kami, yang merupakan talian ini lalu di sini. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Jadi setiap orang hanya empat langkah sepadan dengan empat kotak 548 00:28:52,960 --> 00:28:55,031 di bawah sana di bahagian bawah. 549 00:28:55,031 --> 00:28:56,405 Adakah ini masuk akal untuk semua orang? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> Dan kemudian satu perkara yang saya hanya akan lagi sangat, sangat ringkas, saya yang 552 00:29:05,200 --> 00:29:08,660 menggalakkan anda semua untuk pergi melihat lebih ke dalam adalah 553 00:29:08,660 --> 00:29:13,210 jQuery, yang hanya perpustakaan yang dibina di atas JavaScript. 554 00:29:13,210 --> 00:29:16,480 Ia adalah super berguna, sebagai dengan kebanyakan perpustakaan. 555 00:29:16,480 --> 00:29:18,320 Terdapat banyak fungsi. 556 00:29:18,320 --> 00:29:21,930 Oleh itu, jika ada sesuatu yang pernah yang anda mahu lakukan dalam JavaScript, 557 00:29:21,930 --> 00:29:24,880 naluri pertama anda tidak perlu untuk berfikir 558 00:29:24,880 --> 00:29:27,340 daripada, "apa fungsi perlu Saya kod? "Ia harus, 559 00:29:27,340 --> 00:29:29,560 "Supaya aku dapat melihat orang itu telah dilakukan ini untuk saya. " 560 00:29:29,560 --> 00:29:32,800 Kerana sembilan kali daripada sepuluh, seseorang akan melakukannya sudah, 561 00:29:32,800 --> 00:29:35,760 dan mereka mungkin telah dilakukan dengan lebih baik. 562 00:29:35,760 --> 00:29:39,990 Orang menghabiskan banyak masa melakukan ini, JavaScript dan digunakan secara meluas, 563 00:29:39,990 --> 00:29:42,810 jadi orang yang sentiasa cuba untuk menjadikannya lebih baik. 564 00:29:42,810 --> 00:29:47,110 JQuery dan mempunyai banyak fungsi yang mungkin akan berguna untuk anda 565 00:29:47,110 --> 00:29:50,470 dalam projek akhir anda jika anda melakukan apa-apa dengan reka bentuk web. 566 00:29:50,470 --> 00:29:53,480 Seperti yang saya ingin mengatakan, "kerja lebih bijak, bukan lebih keras. " 567 00:29:53,480 --> 00:29:57,130 Jika kamu berbuat demikian, ia akan menjadi besar. 568 00:29:57,130 --> 00:30:00,330 Apabila kita berada di hackathon yang saya tidak lakukan mahu anda untuk menjadi semua tertekan. 569 00:30:00,330 --> 00:30:03,600 Saya mahu anda menjadi seperti, "Saya mendapat ini. jQuery ini mendapat belakang saya. 570 00:30:03,600 --> 00:30:05,790 Saya tidak perlu menulis fungsi-fungsi ini. " 571 00:30:05,790 --> 00:30:07,636 >> Jadi hanya dua perkara yang ingat, saya akan 572 00:30:07,636 --> 00:30:10,220 untuk memberitahu anda lelaki kelihatan lebih ke dalam jQuery pada anda sendiri. 573 00:30:10,220 --> 00:30:13,070 Semua saya akan katakan adalah ia melakukan beberapa perkara yang cukup menggerunkan 574 00:30:13,070 --> 00:30:15,220 dan boleh membuat hidup anda dengan lebih mudah. 575 00:30:15,220 --> 00:30:17,150 Tetapi apa yang anda mahu mempunyai apa sahaja fail 576 00:30:17,150 --> 00:30:21,020 bahawa anda akan menggunakannya dalam, anda akan mahu kedua-dua baris. 577 00:30:21,020 --> 00:30:25,630 Anda akan mahu skrip js jQuery dot js. 578 00:30:25,630 --> 00:30:28,500 Dan sebenarnya sumber anda akan menjadi beberapa URL. 579 00:30:28,500 --> 00:30:35,870 Jika anda di Google jQuery, Google sebenarnya menjadi tuan rumah semua fail untuk anda. 580 00:30:35,870 --> 00:30:38,950 Jadi, anda pasti mahu input yang bukan URL. 581 00:30:38,950 --> 00:30:41,130 Saya hanya meletakkan ini di sini demi kesederhanaan ini. 582 00:30:41,130 --> 00:30:45,180 Semua ini bermakna di mana untuk mencari perpustakaan jQuery anda. 583 00:30:45,180 --> 00:30:48,600 Ia adalah besar, jadi anda tidak mahu untuk menjadi tuan rumah pada komputer anda sendiri 584 00:30:48,600 --> 00:30:53,390 jika anda boleh mengelakkan ia, itulah sebabnya kita cenderung untuk hanya meletakkan di Google URL yang 585 00:30:53,390 --> 00:30:55,880 menjadi tuan rumah semua fail-fail ini untuk anda. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Anda di Google, saya berjanji ia akan berada di sana. 588 00:30:58,850 --> 00:31:01,200 >> Dan kemudian apa JavaScript fail yang anda 589 00:31:01,200 --> 00:31:07,150 menggunakan, jadi ini adalah hanya sebahagian luaran JavaScript fail yang anda gunakan. 590 00:31:07,150 --> 00:31:11,570 Dengan cara yang sama bahawa kita pautan ke CSS kami fail, ini adalah jenis yang sama perkara. 591 00:31:11,570 --> 00:31:15,480 Ini hanya link ke fail di mana anda JavaScript. 592 00:31:15,480 --> 00:31:18,970 Dan saya mempunyai beberapa contoh JavaScript dengan mudah. 593 00:31:18,970 --> 00:31:20,220 Oleh itu, kita akan pergi melaluinya. 594 00:31:20,220 --> 00:31:27,230 Dan kemudian dalam indeks anda JavaScript, yang anda JavaScript memfailkan di sini, 595 00:31:27,230 --> 00:31:30,900 ini adalah jenis pembalut bahawa anda mempunyai untuk jQuery. 596 00:31:30,900 --> 00:31:33,860 Anda hampir 99.9 peratus daripada masa yang akan 597 00:31:33,860 --> 00:31:36,800 untuk mempunyai ini dalam fail index.js anda. 598 00:31:36,800 --> 00:31:40,010 Kerana apa ini mengatakan adalah, "Tidak melaksanakan apa-apa 599 00:31:40,010 --> 00:31:43,480 sehingga dokumen anda sebenarnya bersedia, "yang adalah apa yang anda mahu. 600 00:31:43,480 --> 00:31:46,600 Kerana jika dokumen anda tidak bersedia, jQuery dan mula melakukan perkara-perkara, 601 00:31:46,600 --> 00:31:48,020 ia hanya kacau-bilau. 602 00:31:48,020 --> 00:31:50,480 Jadi, anda sentiasa mahu mempunyai pembalut ini. 603 00:31:50,480 --> 00:31:55,760 Dan kemudian untuk perkara-perkara yang pergi di sana, saya biarkan untuk perusing guys anda sendiri. 604 00:31:55,760 --> 00:32:04,610 >> OK, jadi adakah apa-apa soalan betul kini kira-kira JavaScript secara umum? 605 00:32:04,610 --> 00:32:07,420 Atau model DOM itu? 606 00:32:07,420 --> 00:32:10,780 Jika tidak, kita mempunyai beberapa sejuk contoh-contoh yang kita boleh pergi melalui, 607 00:32:10,780 --> 00:32:13,120 bahawa anda semua boleh membantu saya kod. 608 00:32:13,120 --> 00:32:15,877 Tetapi saya juga akan menjadi super baik, dan jika anda 609 00:32:15,877 --> 00:32:17,960 tidak mahu berkata apa-apa untuk ini, itulah denda. 610 00:32:17,960 --> 00:32:20,510 Saya juga boleh hanya memberikan anda contoh. 611 00:32:20,510 --> 00:32:24,581 Tetapi apa-apa pada PowerPoint sebelum kita bergerak? 612 00:32:24,581 --> 00:32:25,080 Cool. 613 00:32:25,080 --> 00:32:26,990 >> Saya rasa seperti anda semua perlu tenaga. 614 00:32:26,990 --> 00:32:31,516 Jadi saya fikir kita akan mula dengan contoh pihak saya terlebih dahulu. 615 00:32:31,516 --> 00:32:33,390 Kami mempunyai tiga contoh, anda mempunyai pilihan anda. 616 00:32:33,390 --> 00:32:37,720 Oleh itu, kita mempunyai jam, di mana kita akan untuk melaksanakan jam sebenar itulah 617 00:32:37,720 --> 00:32:41,430 akan mengemas kini seiring berjalannya waktu. 618 00:32:41,430 --> 00:32:43,310 Kami mempunyai fungsi Twitter yang hebat ini. 619 00:32:43,310 --> 00:32:44,560 This-- anda tahu apa, berpegang. 620 00:32:44,560 --> 00:32:47,220 Kami akan membuat ini pergi. 621 00:32:47,220 --> 00:32:47,950 Bam. 622 00:32:47,950 --> 00:32:49,060 OK. 623 00:32:49,060 --> 00:32:56,132 >> Kami mempunyai fungsi Twitter yang hebat ini di sini, bahawa- saya tahu, bukan? 624 00:32:56,132 --> 00:32:57,090 Ia akan menjadi besar. 625 00:32:57,090 --> 00:32:58,350 Adakah anda semua teruja? 626 00:32:58,350 --> 00:33:01,170 Yang akan mengira jumlah aksara yang anda telah meninggalkan, 627 00:33:01,170 --> 00:33:04,520 jadi jika saya menaip sekarang, Jelas sekali ia masih mengatakan 140, 628 00:33:04,520 --> 00:33:06,190 tetapi kita tahu itu bukan kes itu. 629 00:33:06,190 --> 00:33:08,570 Dan kemudian dengan terkini kami di sini, klik di sini untuk berparti. 630 00:33:08,570 --> 00:33:12,150 Apa yang akan berlaku adalah apabila kita klik, latar belakang ini 631 00:33:12,150 --> 00:33:13,340 akan berubah warna. 632 00:33:13,340 --> 00:33:17,060 Jadi, anda semua mempunyai pilihan anda yang mana yang anda mahu lakukan dahulu. 633 00:33:17,060 --> 00:33:19,800 Saya berjanji saya akan mengambil ia sangat mudah pada anda. 634 00:33:19,800 --> 00:33:22,680 Saya rasa seperti semua orang adalah jenis hanya sangat rendah utama hari ini. 635 00:33:22,680 --> 00:33:25,540 Jadi saya akan berjalan anda melalui cara kami akan melaksanakan semua ini. 636 00:33:25,540 --> 00:33:28,520 Jika anda ingin temurun dalam, itu hebat, tetapi saya 637 00:33:28,520 --> 00:33:30,020 rasa seperti semua orang adalah sedikit letih. 638 00:33:30,020 --> 00:33:32,970 Jadi saya hanya akan berjalan anda melalui contoh-contoh. 639 00:33:32,970 --> 00:33:35,015 Adakah kita mempunyai sesuatu yang kami ingin lakukan dahulu? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Sesiapa sahaja? 642 00:33:39,475 --> 00:33:41,350 Tiada keutamaan? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Anda tahu apa? 645 00:33:42,450 --> 00:33:43,290 Kami di pihak. 646 00:33:43,290 --> 00:33:48,380 Saya rasa seperti anda semua perlu little-- yang jadi, kami akan melakukan satu pihak yang pertama. 647 00:33:48,380 --> 00:33:48,880 OK. 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> Jadi apa yang kita ada here-- itulah tidak sepatutnya berada di sana. 650 00:33:56,930 --> 00:33:57,910 Sekarang ia baik. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Jadi apa yang kita ada di sini adalah hanya laman HTML yang mudah 653 00:34:03,110 --> 00:34:07,840 bahawa kamu semua harus super biasa dengan dua daripada anda psets lepas. 654 00:34:07,840 --> 00:34:10,212 kita mempunyai jenis doc kami di sini. 655 00:34:10,212 --> 00:34:10,920 Semua orang boleh lihat? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 Cool. 658 00:34:12,560 --> 00:34:13,900 Kami mempunyai HTML kami jelas. 659 00:34:13,900 --> 00:34:18,360 Kami mempunyai beberapa header yang dikaitkan dengan lembaran gaya yang 660 00:34:18,360 --> 00:34:21,420 hanya dibuat fon saya bagus dan besar dan berani. 661 00:34:21,420 --> 00:34:23,489 Jadi jangan risau tentang itu. 662 00:34:23,489 --> 00:34:26,437 >> Kami mempunyai beberapa badan dengan latar belakang Id, OK? 663 00:34:26,437 --> 00:34:28,520 Kerana kita akan menjadi menukar latar belakang. 664 00:34:28,520 --> 00:34:31,964 Oleh itu, apabila kita mengubah latar belakang dalam badan kita, 665 00:34:31,964 --> 00:34:35,965 kita ingat dari dua minggu yang lalu apabila kita berurusan dengan laman web. 666 00:34:35,965 --> 00:34:36,840 Jadi baik untuk mempunyai yang. 667 00:34:36,840 --> 00:34:39,270 Dan kita mempunyai beberapa Id sama parti. 668 00:34:39,270 --> 00:34:43,909 Ini h paun ref hanya bermakna ia akan pergi ke halaman yang sama. 669 00:34:43,909 --> 00:34:47,120 Dan klik di sini untuk parti, itulah sebabnya apabila kita klik, 670 00:34:47,120 --> 00:34:48,940 ia harus menukar warna, bersyukur. 671 00:34:48,940 --> 00:34:54,322 >> Dan kemudian kita mempunyai beberapa skrip di sini bahawa hanya dikaitkan dengan parti ini js dot 672 00:34:54,322 --> 00:34:58,100 fail, yang kosong kerana kita tidak berbuat apa-apa lagi. 673 00:34:58,100 --> 00:35:00,450 Dan ia begitu sedih. 674 00:35:00,450 --> 00:35:06,100 Tetapi tidak lama lagi, ia akan berubah warna, dan ia akan menjadi hebat. 675 00:35:06,100 --> 00:35:10,520 >> Jadi, saya hanya akan berjalan anda semua melalui bagaimana kita boleh mendekati ini. 676 00:35:10,520 --> 00:35:14,030 Jadi perkara pertama yang kita mungkin mahu lakukan, 677 00:35:14,030 --> 00:35:18,050 jika kita menukar latar belakang badan, perkara pertama yang kami mungkin mahu 678 00:35:18,050 --> 00:35:22,730 lakukan adalah sebenarnya merebut apa badan itu, bukan? 679 00:35:22,730 --> 00:35:27,690 Oleh itu, kita mahu mempunyai jumlah wang, kami latar belakang, dan jika anda perasan, 680 00:35:27,690 --> 00:35:29,567 Saya hanya secara automatik hanya mula menaip. 681 00:35:29,567 --> 00:35:32,400 Tidak ada yang istimewa yang kita perlu lakukan untuk fail JavaScript kami. 682 00:35:32,400 --> 00:35:35,820 Saya boleh mula mengisytiharkan pembolehubah, dan mengisytiharkan fungsi rawak. 683 00:35:35,820 --> 00:35:38,110 Dan ia bentuk yang lebih bebas. 684 00:35:38,110 --> 00:35:41,930 Ia seperti dengan C, yang telah kami berikan semua peraturan-peraturan ini keras, dan anda membesar, 685 00:35:41,930 --> 00:35:43,220 jadi kami seperti, "keluar. 686 00:35:43,220 --> 00:35:44,000 Menjadi percuma. 687 00:35:44,000 --> 00:35:44,870 Melakukan apa yang anda mahu. " 688 00:35:44,870 --> 00:35:46,280 Dan itulah yang JavaScript. 689 00:35:46,280 --> 00:35:48,390 Oleh itu, kita mempunyai beberapa latar belakang di sini. 690 00:35:48,390 --> 00:35:55,900 Dengan model DOM kita, kita tahu kita boleh buat dokumen dot mendapatkan unsur, 691 00:35:55,900 --> 00:36:00,290 dan jika kita lihat di sini, badan kita mempunyai Id satu. 692 00:36:00,290 --> 00:36:00,930 Betul? 693 00:36:00,930 --> 00:36:06,310 Oleh itu, kita boleh mendapatkan dokumen yang oleh Id, dan inilah salah satu yang mudah. 694 00:36:06,310 --> 00:36:08,295 Apa Id kita yang kita mahu di sini? 695 00:36:08,295 --> 00:36:09,170 PENONTON: Latar Belakang. 696 00:36:09,170 --> 00:36:11,280 ALLISON BUCHHOLTZ-AU: Latar Belakang. 697 00:36:11,280 --> 00:36:12,230 Perfect. 698 00:36:12,230 --> 00:36:14,250 Dan koma bernoktah di hujung. 699 00:36:14,250 --> 00:36:15,610 Yang belum hilang lagi. 700 00:36:15,610 --> 00:36:17,330 Anda masih memerlukan koma bertitik anda. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Jadi itulah yang pertama kami. 703 00:36:19,690 --> 00:36:23,880 Dan apabila kita klik sesuatu, kita mahukan sesuatu yang berlaku, bukan? 704 00:36:23,880 --> 00:36:28,270 Oleh itu, kita mungkin mahu beberapa pembolehubah yang yang menunggu klik. 705 00:36:28,270 --> 00:36:32,410 Apa yang kita akan lakukan ialah kita akan membuat pautan kami lebih serupa dengan butang. 706 00:36:32,410 --> 00:36:43,140 Jadi, kita akan mempunyai beberapa butang yang sama dokumen dot mendapatkan unsur oleh Id. 707 00:36:43,140 --> 00:36:48,670 Dan jika saya bercakap tentang klik pautan atau klik di sini untuk berparti 708 00:36:48,670 --> 00:36:51,850 pautan, apa yang mungkin Id saya berada di sini? 709 00:36:51,850 --> 00:36:52,590 Parti. 710 00:36:52,590 --> 00:36:55,200 Betul. 711 00:36:55,200 --> 00:36:56,500 OK tidak terlalu buruk setakat ini. 712 00:36:56,500 --> 00:36:59,060 Setiap orang mendapatkan apa yang kita lakukan? 713 00:36:59,060 --> 00:37:02,100 >> OK, jadi sekarang kita mempunyai kita butang, dan kita mahu 714 00:37:02,100 --> 00:37:04,140 perkara berubah apabila kita klik di atasnya. 715 00:37:04,140 --> 00:37:08,750 Jadi, jika kita ingat dari PowerPoint kami, perkara yang sangat mudah yang boleh kita lakukan 716 00:37:08,750 --> 00:37:12,140 hanya butang dot onclick, bukan? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 Dan itu akan sama dengan beberapa fungsi. 719 00:37:18,730 --> 00:37:20,620 Ini adalah satu fungsi tanpa nama. 720 00:37:20,620 --> 00:37:24,620 Dan ini hanya as-- sebenarnya saya akan membuat ini lebih besar sedikit. 721 00:37:24,620 --> 00:37:27,330 >> Jadi apa yang saya hanya lakukan di sini saya katakan, OK, 722 00:37:27,330 --> 00:37:31,810 apabila kita klik butang kami, yang pautan ini bahawa kita hanya disebut, 723 00:37:31,810 --> 00:37:34,270 kita akan melaksanakan fungsi tanpa nama ini. 724 00:37:34,270 --> 00:37:35,845 Kita tidak memerlukan sebarang input. 725 00:37:35,845 --> 00:37:37,220 Kami tidak peduli apa kata pengguna. 726 00:37:37,220 --> 00:37:38,800 Apabila mereka klik padanya, kami akan lakukan apa saja yang kita mahu, 727 00:37:38,800 --> 00:37:40,660 yang menukar warna latar belakang. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Jadi itulah sebabnya kita tidak mempunyai apa-apa input, kita hanya mempunyai fungsi tanpa nama ini. 730 00:37:47,224 --> 00:37:49,390 Dan kini kita sebenarnya akan untuk menulis fungsi ini. 731 00:37:49,390 --> 00:37:55,040 >> Jadi ada banyak cara anda boleh menjana warna rawak. 732 00:37:55,040 --> 00:37:59,010 Cara yang saya lakukan itu adalah untuk menjana tiga nombor rawak 733 00:37:59,010 --> 00:38:01,910 dan menukar mereka kepada RGB tiga lapis. 734 00:38:01,910 --> 00:38:06,130 Jadi ini hanya menunjukkan anda beberapa sejuk perkara-perkara yang jika anda seperti, "oh, 735 00:38:06,130 --> 00:38:08,464 Saya perlu menjana rawak nombor. "jika anda Googled ia, 736 00:38:08,464 --> 00:38:09,630 ini adalah apa yang anda akan dapati. 737 00:38:09,630 --> 00:38:17,580 >> Oleh itu, kita mempunyai tiga berbeza perkara, var, tidak lagi merah, hijau. 738 00:38:17,580 --> 00:38:18,080 Betul? 739 00:38:18,080 --> 00:38:20,740 Jadi mereka adalah tiga perkara yang membentuk warna. 740 00:38:20,740 --> 00:38:22,220 Biru, merah, dan hijau. 741 00:38:22,220 --> 00:38:22,960 Cool. 742 00:38:22,960 --> 00:38:27,050 Dan apa yang boleh kita lakukan ialah kita tahu bahawa ia perlu menjadi antara 255, 743 00:38:27,050 --> 00:38:30,140 dan jika kamu melihat ke atas beberapa penjana nombor rawak, 744 00:38:30,140 --> 00:38:36,000 anda boleh mendapatkan sesuatu seperti matematik dot rawak, yang jika anda melihat ini sehingga 745 00:38:36,000 --> 00:38:39,230 kembali ke beberapa nombor antara sifar dan satu. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 Dan apa yang kita lakukan nombor Tiga kali ganda antara RGB pergi? 748 00:38:44,470 --> 00:38:47,240 Sifar dan apa? 749 00:38:47,240 --> 00:38:49,000 Apa yang mereka boleh naik ke? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Jadi jika matematik dot rawak pergi di antara sifar dan satu, 752 00:38:53,320 --> 00:38:56,365 bagaimana mungkin kita mahu menukar ini? 753 00:38:56,365 --> 00:38:56,990 PENONTON: Masa? 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-AU: Ya, betul-betul. 755 00:38:57,830 --> 00:38:58,677 Jadi masa adalah 255. 756 00:38:58,677 --> 00:39:00,888 >> PENONTON: [didengar] Ia seperti [didengar]. 757 00:39:00,888 --> 00:39:02,471 ALLISON BUCHHOLTZ-AU: Math dot rawak. 758 00:39:02,471 --> 00:39:03,096 PENONTON: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-AU: Ya. 760 00:39:04,580 --> 00:39:06,300 JavaScript hanya menjaga anda. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Oleh itu, kita boleh berbuat demikian untuk semua ini. 763 00:39:09,360 --> 00:39:10,540 Betul? 764 00:39:10,540 --> 00:39:16,480 Math dot kali rawak 255. 765 00:39:16,480 --> 00:39:17,740 Salin itu. 766 00:39:17,740 --> 00:39:18,820 Cool. 767 00:39:18,820 --> 00:39:23,350 Jadi perkara itu, boleh ini tidak kembali integer. 768 00:39:23,350 --> 00:39:24,080 Betul? 769 00:39:24,080 --> 00:39:26,450 Mungkin kita mendapatkan jumlah antara sifar dan satu, 770 00:39:26,450 --> 00:39:32,150 dan ia menyebabkan ia menjadi sedikit off, dan RGBs kami tidak boleh terapung. 771 00:39:32,150 --> 00:39:33,360 Mereka perlu ints. 772 00:39:33,360 --> 00:39:37,610 Jadi, jika anda cuba ini, ia akan mungkin mempunyai beberapa tingkah laku tidak menentu. 773 00:39:37,610 --> 00:39:38,810 Ia akan menjadi sedikit funky. 774 00:39:38,810 --> 00:39:43,200 Jadi apa yang kita lakukan ialah kita ingin memastikan bahawa ini adalah bulat, 775 00:39:43,200 --> 00:39:45,400 dan anda boleh pusingan cara sama ada. 776 00:39:45,400 --> 00:39:47,110 Saya bulat dengan lantai. 777 00:39:47,110 --> 00:39:49,680 Oleh itu, saya sentiasa memastikan bahawa ia diturunkan. 778 00:39:49,680 --> 00:39:54,440 Tetapi akan kira bagaimana mudah ia adalah untuk hanya mendapatkan nombor rawak, 779 00:39:54,440 --> 00:39:57,920 bagaimana anda rasa kami mungkin lantai nombor ini? 780 00:39:57,920 --> 00:40:00,720 Ia hampir sama. 781 00:40:00,720 --> 00:40:02,810 Apa-apa idea? 782 00:40:02,810 --> 00:40:06,450 Jadi jika rawak hanya matematik dot rawak, jadi jangan anda fikir kita akan lakukan lantai? 783 00:40:06,450 --> 00:40:09,670 Math dot lantai. 784 00:40:09,670 --> 00:40:11,340 Dan anda juga boleh melakukan matematik dot siling. 785 00:40:11,340 --> 00:40:14,030 Pusingan adalah sejenis kabur kerana anda tidak melakukan 786 00:40:14,030 --> 00:40:16,110 tahu sama ada untuk menggaruk atau pusingan ke bawah. 787 00:40:16,110 --> 00:40:20,797 Jadi biasanya kita selalu melakukan matematik lantai dot, dot siling matematik. 788 00:40:20,797 --> 00:40:21,380 Tetapi honestly-- 789 00:40:21,380 --> 00:40:22,780 >> PENONTON: Adakah pusingan tingkat ke bawah? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON BUCHHOLTZ-AU: Tingkat pusingan ke bawah. 791 00:40:24,740 --> 00:40:26,990 Dan itu hanya pilihan di pihak saya. 792 00:40:26,990 --> 00:40:32,370 >> Jadi sekarang kita mempunyai tiga nombor kami yang telah dijana secara rawak, 793 00:40:32,370 --> 00:40:36,610 dan apa yang kita akan lakukan sekarang ialah kami hanya akan menukar latar belakang. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Jadi kita sudah ada kami latar belakang jenis disimpan 796 00:40:41,490 --> 00:40:43,280 dalam elemen ini dikenali sebagai latar belakang. 797 00:40:43,280 --> 00:40:47,300 Jadi apa yang anda akan perasan adalah, jika anda bermain-main dengan ini, 798 00:40:47,300 --> 00:40:50,460 kita ingin menukar gaya. 799 00:40:50,460 --> 00:40:53,812 Dan ini adalah sejenis sesuatu yang anda akan Google dan memikirkan, 800 00:40:53,812 --> 00:40:55,020 suka bagaimana untuk menukar warna. 801 00:40:55,020 --> 00:40:59,210 >> Tetapi cara anda mengakses warna ini adalah latar belakang latar belakang gaya dot dot. 802 00:40:59,210 --> 00:41:03,490 Jadi ini adalah pepatah diberikan objek ini, latar belakang, 803 00:41:03,490 --> 00:41:06,920 yang merujuk kepada yang unsur Id di sana, 804 00:41:06,920 --> 00:41:10,690 kita akan melihat gaya dalam gaya, 805 00:41:10,690 --> 00:41:13,280 kita akan melihat latar belakang. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 Dan jika anda pergi dan melihat ini berangkat, ia mungkin masuk akal sedikit, 808 00:41:17,630 --> 00:41:21,930 tetapi ini adalah pada dasarnya hanya berkata, "Memberikan saya sifat yang sangat khusus ini 809 00:41:21,930 --> 00:41:25,770 daripada apa yang saya telah ditakrifkan sebelum ini. " 810 00:41:25,770 --> 00:41:32,340 Jadi apa yang kita berubah kepada adalah beberapa RGB, kerana ia masuk akal. 811 00:41:32,340 --> 00:41:34,780 Kami menggunakan RGB tiga kali ganda, bukan? 812 00:41:34,780 --> 00:41:41,530 Dan kita have-- saya ingin memastikan saya mendapatkan nombor yang betul petikan di sini. 813 00:41:41,530 --> 00:41:43,940 Jadi apa yang kita lakukan ialah kita mempunyai RGB, dan kita akan 814 00:41:43,940 --> 00:41:46,800 supaya- ini adalah seperti dinamika yang berwarna merah. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 Dan kemudian kita mahu beberapa koma. 817 00:41:52,610 --> 00:41:59,925 Dan kemudian kita mahu campur hijau, maka beberapa koma, dan beberapa biru. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Jadi plus ini hanya bermakna seperti dinamika. 820 00:42:14,120 --> 00:42:19,810 Jadi ini adalah hanya mewujudkan ini rentetan perkara yang berlaku dalam RGB. 821 00:42:19,810 --> 00:42:20,310 OK? 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> PENONTON: [didengar] ditambah kemudian ditambah dengan yang hijau kemudian merah. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON BUCHHOLTZ-AU: Yeah, kerana saya yang merosakkan sehingga. 825 00:42:30,163 --> 00:42:30,890 Denda yang satu ini. 826 00:42:30,890 --> 00:42:32,110 Oh, berpegang. 827 00:42:32,110 --> 00:42:32,610 No. 828 00:42:32,610 --> 00:42:36,770 Kerana saya perlu memastikan bahawa saya mendapat semua hak ini. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Jadi saya akan terangkan dalam momento uno. 831 00:42:43,950 --> 00:42:47,040 Hijau, biru, sempurna. 832 00:42:47,040 --> 00:42:47,971 Sekarang aku selesai. 833 00:42:47,971 --> 00:42:48,470 Saya percaya. 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> OK. 836 00:42:52,530 --> 00:42:58,085 Jadi apa ini, adalah latar belakang yang akan ditetapkan untuk beberapa rentetan. 837 00:42:58,085 --> 00:42:58,585 Betul? 838 00:42:58,585 --> 00:42:59,710 Yang adalah apa yang kita ada di sini. 839 00:42:59,710 --> 00:43:05,870 Ia akan menjadi sebahagian RGB 255 koma 255 koma sifar, atau apa sahaja jumlah anda 840 00:43:05,870 --> 00:43:06,512 telah ada. 841 00:43:06,512 --> 00:43:08,220 Oleh itu, kita lakukan di sini, kami mempunyai beberapa rentetan. 842 00:43:08,220 --> 00:43:11,910 Dan apa yang kita mahu lakukan, adalah kami jenis dinamik mewujudkan 843 00:43:11,910 --> 00:43:14,010 bahawa apabila kita benar-benar menjalankan program ini. 844 00:43:14,010 --> 00:43:16,570 Jadi ini adalah beberapa rentetan. 845 00:43:16,570 --> 00:43:20,290 Plus concatenates dengan nilai merah yang mempunyai, 846 00:43:20,290 --> 00:43:23,320 yang concatenates ia dengan koma, yang concatenates ia 847 00:43:23,320 --> 00:43:26,090 dengan apa yang hijau, dan sebagainya, dan sebagainya. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Sehingga akhir sangat, yang merupakan menutup kurungan RGB ini di sini. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Jadi apa ini akan menjana adalah beberapa program benar-benar 852 00:43:37,230 --> 00:43:42,770 iaitu RGB tiga nombor latar belakang yang kini bersedia untuk. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Jadi mari kita lihat jika ia berfungsi. 855 00:43:46,510 --> 00:43:49,720 Saya berharap ia, kerana jika ia tidak, saya akan menjadi sedih sebenar. 856 00:43:49,720 --> 00:43:50,250 Oh tidak. 857 00:43:50,250 --> 00:43:52,710 OK, berpegang. 858 00:43:52,710 --> 00:43:56,730 Sudah pasti latar belakang dot dot gaya latar belakang. 859 00:43:56,730 --> 00:43:59,569 Saya pasti hilang sesuatu yang hanya kecil. 860 00:43:59,569 --> 00:44:00,610 Jangan kamu benci itu? 861 00:44:00,610 --> 00:44:04,020 Apabila ia hanya satu kesilapan kecil sedikit? 862 00:44:04,020 --> 00:44:04,990 Latar belakang Maha Kuasa. 863 00:44:04,990 --> 00:44:08,391 864 00:44:08,391 --> 00:44:08,890 RGB. 865 00:44:08,890 --> 00:44:09,765 >> PENONTON: [didengar] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON BUCHHOLTZ-AU: No. 868 00:44:12,770 --> 00:44:14,050 Saya cuba ini sebelum kelas. 869 00:44:14,050 --> 00:44:16,570 Saya mempunyai semua yang saya lakukan sebelum kelas dalam kes saya adalah seperti, 870 00:44:16,570 --> 00:44:17,970 "Menunggu, apakah yang saya lakukan salah?" 871 00:44:17,970 --> 00:44:23,190 Kerana saya adalah seperti, "Saya akan mungkin keadaan kucar-kacir ini sehingga pada satu ketika. " 872 00:44:23,190 --> 00:44:24,150 Plus hijau. 873 00:44:24,150 --> 00:44:26,250 Semuanya kelihatan seperti itu berkaskad betul. 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 OK. 876 00:44:30,520 --> 00:44:31,870 >> PENONTON: [didengar] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-AU: Oh, di sana anda pergi. 878 00:44:33,810 --> 00:44:35,520 Itulah apa yang saya perlu. 879 00:44:35,520 --> 00:44:36,805 Melihat bahawa. 880 00:44:36,805 --> 00:44:40,090 Tiffany untuk menyelamatkan. 881 00:44:40,090 --> 00:44:40,590 Perfect. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Sekarang mari kita lihat jika ia berfungsi. 884 00:44:43,834 --> 00:44:44,816 Oh Tuhanku. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Berpegang. 887 00:44:46,140 --> 00:44:48,280 >> PENONTON: Space selepas campur kedua. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON BUCHHOLTZ-AU: Yang mana satu? 889 00:44:50,310 --> 00:44:52,910 Oh tunggu, berpegang. 890 00:44:52,910 --> 00:44:54,870 Ruang haus? 891 00:44:54,870 --> 00:44:57,209 >> PENONTON: Kedua ditambah dalam dinamika yang hijau. 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 PENONTON: Tidak ada ruang selepas campur, yeah. 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-AU: Anda tidak perlu itu, but-- 895 00:45:00,790 --> 00:45:01,190 PENONTON: Oh, anda tidak? 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-AU: Ia kelihatan cantik. 897 00:45:01,910 --> 00:45:02,530 PENONTON: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ AU: Mari kita lihat jika ia berfungsi. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Saya jelas gagal di demo ini, yang mengingatkan saya 902 00:45:07,836 --> 00:45:12,810 syarahan minggu yang lain, tetapi saya tahu ini akan berfungsi. 903 00:45:12,810 --> 00:45:15,860 Saya tahu ini akan berfungsi. 904 00:45:15,860 --> 00:45:16,580 Begitu dekat. 905 00:45:16,580 --> 00:45:22,330 Sebelum aku sengaja dipadam skrip saya yang satu ini. 906 00:45:22,330 --> 00:45:24,035 Tidak, ia adalah titik pihak js. 907 00:45:24,035 --> 00:45:25,776 OK berpegang. 908 00:45:25,776 --> 00:45:28,650 Saya akan menyalin ini, dan saya juga hanya akan memadam segala-galanya, 909 00:45:28,650 --> 00:45:30,108 kerana saya mempunyai kerja ini lebih awal. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Saya berjanji ia berfungsi. 912 00:45:33,770 --> 00:45:36,160 Jika tidak, saya akan menunjukkan kepada anda apa yang Tommy adalah. 913 00:45:36,160 --> 00:45:38,890 Dan di sana. 914 00:45:38,890 --> 00:45:42,380 >> PENONTON: Anda rujukan pihak dot CSS, dan ia adalah satu js pihak titik. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON BUCHHOLTZ-AU: Ah, baik di sini adalah js dot pihak. 916 00:45:45,940 --> 00:45:49,187 OK, apa yang saya lakukan yang berbeza? 917 00:45:49,187 --> 00:45:50,520 OK, kita akan melihat jika ini kerja-kerja kini. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 Bam. 920 00:45:54,980 --> 00:46:02,110 Jadi, saya tidak tahu apa yang saya lakukan secara berbeza, tetapi ini adalah apa yang sepatutnya berlaku. 921 00:46:02,110 --> 00:46:03,230 Kinda sejuk. 922 00:46:03,230 --> 00:46:06,650 Saya klik pada ini, seperti, selama-lamanya. 923 00:46:06,650 --> 00:46:11,185 Tetapi kita boleh cuba melihat apa yang saya lakukan berbeza yang satu ini mempunyai. 924 00:46:11,185 --> 00:46:14,560 Saya tidak tahu tentang anda semua, tetapi ini kelihatan pada dasarnya apa yang saya hanya menulis. 925 00:46:14,560 --> 00:46:17,950 Mungkin ada yang hilang koma bernoktah di suatu tempat adalah perkara yang saya. 926 00:46:17,950 --> 00:46:22,064 Sebenarnya selepas, saya rasa saya telah hilang koma bernoktah di sini sebenarnya. 927 00:46:22,064 --> 00:46:24,230 Tetapi saya tidak dapat melihatnya kerana ia adalah dari skrin. 928 00:46:24,230 --> 00:46:29,040 >> Tetapi jika kita lihat, ini adalah cukup banyak betul-betul apa yang saya hanya menulis. 929 00:46:29,040 --> 00:46:33,010 Saya rasa mungkin bahagian yang paling sukar tentang ini adalah jenis hanya perkara ini betul 930 00:46:33,010 --> 00:46:36,830 di sini, pemahaman apa yang ia lakukan di sana. 931 00:46:36,830 --> 00:46:42,230 Ini macam perkara yang anda belajar benar-benar hanya dengan Googling dan jujur 932 00:46:42,230 --> 00:46:42,880 hanya cuba. 933 00:46:42,880 --> 00:46:46,770 Jika anda fikir ada beberapa sifat, mungkin ada. 934 00:46:46,770 --> 00:46:48,382 Oleh itu, cuba ia. 935 00:46:48,382 --> 00:46:49,090 Lihat apa yang berlaku. 936 00:46:49,090 --> 00:46:53,000 Seperti yang saya katakan, ada banyak uji kaji dengan JavaScript, 937 00:46:53,000 --> 00:46:56,810 dan PHP, dan apa yang barangan, dan CSS terutamanya. 938 00:46:56,810 --> 00:47:00,046 Itulah satu-satunya benar cara untuk memahaminya. 939 00:47:00,046 --> 00:47:07,100 >> OK, jadi selepas itu kemelut dengan pihak js dot, kita mempunyai dua pilihan lain. 940 00:47:07,100 --> 00:47:10,650 Kami ada jam atau Twitter. 941 00:47:10,650 --> 00:47:12,190 Mereka berdua menarik. 942 00:47:12,190 --> 00:47:17,720 Mungkin tidak cukup sebagai menyeronokkan sebagai pihak, yang mempunyai menyala sedikit sejuk 943 00:47:17,720 --> 00:47:19,595 perkara pada akhirnya. 944 00:47:19,595 --> 00:47:21,714 Adakah anda mempunyai sebarang keutamaan? 945 00:47:21,714 --> 00:47:22,380 PENONTON: Jam? 946 00:47:22,380 --> 00:47:22,950 ALLISON BUCHHOLTZ-AU: Jam? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Cool. 949 00:47:25,390 --> 00:47:30,460 >> Jadi sekali lagi, kita mempunyai kita fail JavaScript kosong. 950 00:47:30,460 --> 00:47:35,800 Dan seperti yang kita lihat di sini, kita mempunyai beberapa HTML sangat mudah. 951 00:47:35,800 --> 00:47:40,010 Kami mempunyai lembaran gaya kami, yang hanya format apa yang ia akan kelihatan seperti. 952 00:47:40,010 --> 00:47:42,860 Kami mempunyai div kami dengan satu Id jam, yang 953 00:47:42,860 --> 00:47:44,420 hanya berkata, "ini harus menjadi jam." 954 00:47:44,420 --> 00:47:47,650 Dan kami mempunyai pautan kami ke fail JavaScript kami 955 00:47:47,650 --> 00:47:51,400 yang yang sebenarnya akan menjana jam kami untuk kami. 956 00:47:51,400 --> 00:47:56,060 Kerana perkara yang sejuk, adalah bahawa anda boleh ditetapkan JavaScript untuk memuat semula secara automatik 957 00:47:56,060 --> 00:47:56,963 sendiri. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Jadi, daripada menunggu pengguna untuk memukul Refresh pada muka surat yang 960 00:48:01,580 --> 00:48:03,840 supaya anda boleh mendapatkan masa dikemaskini, JavaScript 961 00:48:03,840 --> 00:48:06,760 boleh mengemas kini ia bagaimanapun ia suka. 962 00:48:06,760 --> 00:48:12,082 >> Jadi, seperti yang terkini dengan kami, kami mahu untuk mengakses latar belakang kita, bukan? 963 00:48:12,082 --> 00:48:14,790 Jadi, apa yang anda fikir boleh menjadi Perkara pertama yang kita mahu lakukan di sini? 964 00:48:14,790 --> 00:48:19,538 Jika kita seperti hendak pergi luar seperti ini paradigma di sini? 965 00:48:19,538 --> 00:48:22,200 Kami mungkin mahu mengakses jam kami, bukan? 966 00:48:22,200 --> 00:48:24,724 Jadi, kita mempunyai beberapa var jam, yang equals-- 967 00:48:24,724 --> 00:48:26,140 apa yang kita fikir ia akan menjadi? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokumen dot mendapatkan unsur oleh- saya juga suka Id Sublime-- dan Id kami adalah jam. 970 00:48:42,670 --> 00:48:43,585 Koma bertitik. 971 00:48:43,585 --> 00:48:45,710 Got memastikan untuk mendapatkan orang koma bertitik masa ini, 972 00:48:45,710 --> 00:48:47,835 kerana saya rasa seperti yang adalah masalah masa lalu. 973 00:48:47,835 --> 00:48:55,980 OK begitu, kerana saya hanya mengatakan dengan cuba mempunyai JavaScript menyegarkan dirinya, 974 00:48:55,980 --> 00:48:59,655 ada fungsi yang hebat ini, saya tahu ia datang dalam berguna pada tahun lepas, 975 00:48:59,655 --> 00:49:02,780 Saya tidak pasti ia akan menolong untuk ini Serangga, tetapi ia dipanggil selang set. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 Dan ini adalah benar-benar benar-benar sejuk jika kamu berbuat apa-apa 978 00:49:08,200 --> 00:49:11,460 dengan masa atau mendapatkan maklumat yang terkini. 979 00:49:11,460 --> 00:49:13,700 Di dalam laman web untuk sebuah akhir projek, ini mungkin 980 00:49:13,700 --> 00:49:16,240 fungsi anda mahu mendapatkan super tahu. 981 00:49:16,240 --> 00:49:19,730 Jadi apa yang menetapkan jarak tidak adalah bahawa kita akan memberikan fungsi, 982 00:49:19,730 --> 00:49:21,830 dan berapa kerap ia perlu memanggil fungsi ini. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Jadi dalam kes ini, kita hanya akan mewujudkan beberapa fungsi tanpa nama lagi, 985 00:49:26,890 --> 00:49:31,530 OK, yang akan mendapatkan tarikh kami, dan masa kita, 986 00:49:31,530 --> 00:49:33,780 dan kemudian mengemas kini perkara dan memaparkannya. 987 00:49:33,780 --> 00:49:35,130 Oleh itu, kita akan bimbang tentang itu. 988 00:49:35,130 --> 00:49:39,120 Kami akan menjadi seperti menjana jam di sini. 989 00:49:39,120 --> 00:49:41,750 Tetapi apa yang kita perlukan ialah bagaimana sering untuk menyegarkan ia. 990 00:49:41,750 --> 00:49:43,930 Jadi dalam kes ini, ia hanya milisaat. 991 00:49:43,930 --> 00:49:46,877 Oleh itu, kita hanya akan melakukan 100 milisaat. 992 00:49:46,877 --> 00:49:48,210 Sudah tentu, benar-benar sewenang-wenangnya. 993 00:49:48,210 --> 00:49:50,600 Jika anda mahu ia untuk mengemas kini lebih perlahan, anda boleh. 994 00:49:50,600 --> 00:49:53,300 Kami boleh menggagalkan sekitar dengan tempoh yang ditetapkan, 995 00:49:53,300 --> 00:49:57,240 berapa besar selang kami adalah selepas kita mendapatkan jam bekerja, yang mudah-mudahan saya akan 996 00:49:57,240 --> 00:49:59,660 dapat. 997 00:49:59,660 --> 00:50:04,110 Jadi ini adalah hanya berkata, "OK, panggilan fungsi ini setiap 100 milisaat. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 Itu sahaja ia. 1000 00:50:07,280 --> 00:50:12,290 >> Jadi apa yang kita mahu fungsi kami untuk lakukan ialah kita mahu mempunyai beberapa tarikh 1001 00:50:12,290 --> 00:50:14,200 dan masa adalah apa yang kita akan mempunyai. 1002 00:50:14,200 --> 00:50:19,740 Jadi Kita boleh mulakan dengan kami tarikh sama dengan sesuatu, 1003 00:50:19,740 --> 00:50:22,708 dan masa kita sama sesuatu bahawa kita tidak tahu lagi. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Atau sebenarnya, kita hanya perlu tarikh, kerana tarikh akan merangkumi segala-galanya. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Sekali lagi jika anda hanya apa-apa mengenai Google apa yang anda mahu lakukan, jika anda menulis, "OK, 1008 00:50:40,010 --> 00:50:41,980 Saya ingin mendapatkan masa yang menerusi JavaScript, "ia 1009 00:50:41,980 --> 00:50:45,890 akan memberikan anda yang hebat ini fungsi dipanggil tarikh get. 1010 00:50:45,890 --> 00:50:48,664 Secara literal, kebanyakan perkara yang anda mahu lakukan, 1011 00:50:48,664 --> 00:50:50,830 JavaScript akan mempunyai ia dilakukan untuk anda sudah. 1012 00:50:50,830 --> 00:50:55,770 Jadi ia adalah benar-benar seperti baru mendapatkan tarikh, yang creating-- 1013 00:50:55,770 --> 00:50:58,600 atau tarikh baru, rather-- yang menjana 1014 00:50:58,600 --> 00:51:03,690 beberapa objek yang mewakili tarikh. 1015 00:51:03,690 --> 00:51:08,200 >> Dan apa yang kita akan lakukan di sini adalah is-- ini saya akan menulis ini, 1016 00:51:08,200 --> 00:51:10,820 dan kemudian menjelaskan apa yang ia lakukan. 1017 00:51:10,820 --> 00:51:12,560 Jadi saya akan pastikan saya mendapat hak ini. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, jadi apa fungsi ini tidak, adalah kita Hanya 1020 00:51:23,440 --> 00:51:30,680 mewujudkan HTML yang sebenarnya akan pergi dalam Id div kami jam. 1021 00:51:30,680 --> 00:51:34,610 Jadi apa ini akan melakukan hanya menjana beberapa rentetan, OK? 1022 00:51:34,610 --> 00:51:38,510 Yang kemudian akan menjadi dipindahkan ke dalam HTML kami. 1023 00:51:38,510 --> 00:51:42,130 Pada asasnya apa yang ia akan lakukan adalah apa we-- apa yang saya akan menunjukkan kepada anda 1024 00:51:42,130 --> 00:51:49,070 ialah apa yang kita katakan adalah HTML, kita akan menggantikan teks ini di sini 1025 00:51:49,070 --> 00:51:51,090 dengan apa HTML adalah. 1026 00:51:51,090 --> 00:51:56,390 Jadi ini akan membolehkan kita untuk menukar paparan jam dot kami 1027 00:51:56,390 --> 00:52:00,940 HTML daripada hanya teks ini harus jam, untuk benar-benar menunjukkan 1028 00:52:00,940 --> 00:52:05,630 nombor dan perkara-perkara yang kita mengambil berat kira-kira, dan benar-benar menjadi jam. 1029 00:52:05,630 --> 00:52:09,810 >> Jadi apa yang kita akan lakukan ialah kami akan mula menjana HTML ini. 1030 00:52:09,810 --> 00:52:16,520 Jadi dengan cara yang sama bahawa kita digunakan untuk melakukan campur sama untuk integer, 1031 00:52:16,520 --> 00:52:20,461 kini anda boleh melakukannya untuk tali, kecuali ia akan menyatukan mereka. 1032 00:52:20,461 --> 00:52:20,960 Betul? 1033 00:52:20,960 --> 00:52:26,070 Seperti yang kita lihat dengan dot pihak js, ini hanya concatenates semua ini bersama-sama. 1034 00:52:26,070 --> 00:52:31,970 Jadi, anda boleh menyatukan bit yang berbeza HTML daripada pembolehubah, atau cebisan tali 1035 00:52:31,970 --> 00:52:33,750 bahawa anda menulis diri sendiri, dan ini hanya 1036 00:52:33,750 --> 00:52:38,650 benar-benar membolehkan anda untuk secara dinamik menjana HTML, yang cukup sejuk. 1037 00:52:38,650 --> 00:52:42,040 Jadi, jika anda mempunyai sesuatu sangat user tertentu, 1038 00:52:42,040 --> 00:52:44,130 ini boleh membolehkan anda untuk berbuat demikian. 1039 00:52:44,130 --> 00:52:47,550 >> Oleh itu, kita mempunyai HTML, untuk saya akan cuba memastikan saya mendapat hak ini. 1040 00:52:47,550 --> 00:52:49,890 Jadi, kita akan melakukan beberapa header h1. 1041 00:52:49,890 --> 00:52:53,610 Jadi apa yang penting untuk menyedari di sini adalah bahawa ini adalah benar-benar hanya HTML. 1042 00:52:53,610 --> 00:52:54,460 Betul? 1043 00:52:54,460 --> 00:52:56,610 Kami menulis sebenar Kod HTML di sini, ia 1044 00:52:56,610 --> 00:53:01,090 bukan hanya satu rentetan dalam biasa cara yang kita akan berfikir mengenainya. 1045 00:53:01,090 --> 00:53:02,930 Oleh itu, kita mempunyai beberapa HTML. 1046 00:53:02,930 --> 00:53:04,940 Ini dianggap tali di sini walaupun. 1047 00:53:04,940 --> 00:53:10,380 Dan kita lakukan tarikh dot-- kita ingin mendapatkan jam kami. 1048 00:53:10,380 --> 00:53:12,910 Sekali lagi, jika anda adalah untuk melihat sehingga apa-apa mengenai tarikh, 1049 00:53:12,910 --> 00:53:16,160 ia akan memberitahu anda semua ini adalah sifat-sifat yang mempunyai tarikh. 1050 00:53:16,160 --> 00:53:17,670 Dan di sini adalah apa yang anda boleh gunakan di atasnya. 1051 00:53:17,670 --> 00:53:20,620 Oleh itu ia mungkin mempunyai sesuatu seperti mendapatkan jam, dan mendapatkan minit, 1052 00:53:20,620 --> 00:53:24,669 dan mendapatkan saat, dan mendapatkan milisaat, dan siapa tahu apa lagi yang mereka ada. 1053 00:53:24,669 --> 00:53:27,210 Tetapi jika anda melihat ke dalam dokumentasi, ia semua akan berada di sana. 1054 00:53:27,210 --> 00:53:31,980 >> Oleh itu, kita perlu mendapatkan jam, dan kemudian kita mahu 1055 00:53:31,980 --> 00:53:35,614 untuk menyatukan bahawa with-- Saya akan bergerak ini di sini. 1056 00:53:35,614 --> 00:53:38,780 Jadi, jika kita menjana sekarang, kami sebenarnya menjana masa, bukan? 1057 00:53:38,780 --> 00:53:43,590 Kami mempunyai jam, dan kemudian apa yang antara jam dan minit? 1058 00:53:43,590 --> 00:53:45,080 Anda mempunyai koma bertitik, betul? 1059 00:53:45,080 --> 00:53:48,010 Oleh itu, kita mahu melakukan koma bernoktah di sini. 1060 00:53:48,010 --> 00:53:51,780 Dan kemudian kita mahu mendapatkan kami minit, jadi dengan cara yang sama 1061 00:53:51,780 --> 00:53:56,450 bahawa kita mempunyai tarikh dot mendapatkan jam, bagaimana mungkin kita akan mendapat minit kami? 1062 00:53:56,450 --> 00:54:01,542 Ia benar-benar tarikh dot mendapatkan minit, yang saya jenis suka. 1063 00:54:01,542 --> 00:54:03,250 Ia seperti, "oh, bagaimana saya mendapatkan minit saya? " 1064 00:54:03,250 --> 00:54:05,850 Saya hanya mendapatkan minit saya. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 Dan kemudian kita mempunyai usus besar lain di sini. 1067 00:54:10,990 --> 00:54:16,350 Dan kemudian jika kita ingin mendapatkan kami saat, bagaimana kita boleh mendapatkan kedua kami? 1068 00:54:16,350 --> 00:54:17,400 Tarikh dot mendapatkan saat. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Saya rasa ia agak sejuk. 1071 00:54:21,590 --> 00:54:23,589 Dan apa yang penting kepada sedar, adalah bahawa kita juga 1072 00:54:23,589 --> 00:54:31,730 perlu menutup tag HTML kami di sini, kerana ia masih harus HTML sah, jadi h1. 1073 00:54:31,730 --> 00:54:33,481 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> Jadi selepas itu, yang boleh kita lakukan jam dot HTML dalaman adalah sama dengan HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Jadi ingat bagaimana saya berkata HTML dalaman pada dasarnya 1077 00:54:46,470 --> 00:54:50,610 mengambil apa yang di antara itu dua tag yang kita bercakap tentang 1078 00:54:50,610 --> 00:54:54,470 dan memasukkan atau memanipulasi apa yang ada di sana? 1079 00:54:54,470 --> 00:54:58,290 Jadi apa ini berlaku, jika kita kembali kepada jam kami, 1080 00:54:58,290 --> 00:55:04,180 adalah bahawa jam merujuk kepada segala-galanya dalam div ini. 1081 00:55:04,180 --> 00:55:09,770 Ini adalah HTML dalaman ini div jam Id. 1082 00:55:09,770 --> 00:55:13,930 Dan maka ia akan berubah kepada HTML yang kita hanya dihasilkan, 1083 00:55:13,930 --> 00:55:16,750 yang, yang, diharapkan, mudah-mudahan, mudah-mudahan, 1084 00:55:16,750 --> 00:55:21,026 akan menunjukkan masa sekarang. 1085 00:55:21,026 --> 00:55:23,960 Kami akan melihat. 1086 00:55:23,960 --> 00:55:25,170 Sudah tentu. 1087 00:55:25,170 --> 00:55:26,860 Begitu banyak isu-isu teknikal. 1088 00:55:26,860 --> 00:55:31,480 Just-- Allison ini saya off permainan hari ini lelaki saya. 1089 00:55:31,480 --> 00:55:34,136 OK, yang bekerja. 1090 00:55:34,136 --> 00:55:35,760 jam dot HTML dalam. 1091 00:55:35,760 --> 00:55:42,097 Ia adalah HTML Really? 1092 00:55:42,097 --> 00:55:43,180 Juga ini adalah apa yang berlaku. 1093 00:55:43,180 --> 00:55:48,750 Apabila anda tidak dapat melihat sesuatu, anda hanya melihat kod sumber anda. 1094 00:55:48,750 --> 00:55:49,250 OK. 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 Adakah anda mahu tahu kerja yang sejuk sekitar yang kita akan lakukan di sini? 1097 00:55:54,870 --> 00:55:55,740 >> PENONTON: Boleh dibuat huruf besar? 1098 00:55:55,740 --> 00:55:56,580 Huruf besar? 1099 00:55:56,580 --> 00:55:58,996 Kerana anda telah mendapatkan jam, dan kemudian mendapatkan minit. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON BUCHHOLTZ-AU: Ia adalah mendapatkan jam dan get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Anda are-- bintang emas. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Itu semua ujian, guys. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Saya berjanji ia bekerja sebelum kelas. 1106 00:56:17,330 --> 00:56:22,590 >> OK, tetapi sesuatu yang sejuk untuk tahu adalah bahawa anda boleh also-- jika kadang-kadang 1107 00:56:22,590 --> 00:56:26,560 fail luaran anda adalah mendapat sedikit gila, 1108 00:56:26,560 --> 00:56:30,960 anda juga boleh hanya meletakkan mereka lurus di sini, yang cenderung untuk menetapkan sesuatu. 1109 00:56:30,960 --> 00:56:35,840 Kecuali ini adalah seperti benar-benar hodoh. 1110 00:56:35,840 --> 00:56:38,050 Sudah tentu memformat segala-galanya. 1111 00:56:38,050 --> 00:56:41,425 Pastikan itu semua cukup. 1112 00:56:41,425 --> 00:56:41,925 OK. 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> Saya mahu melakukan semua demo sejuk, dan mereka hanya tidak bekerja keluar. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Skrip jam var. 1117 00:56:53,890 --> 00:57:00,350 Anyways, apa yang penting adalah bahawa ini adalah cara yang umum 1118 00:57:00,350 --> 00:57:01,870 bahawa anda akan memformat JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Seperti yang anda lihat, ia boleh menjadi sangat cerewet kadang-kadang, 1120 00:57:04,490 --> 00:57:08,780 walaupun ia adalah benar-benar kerja dua saat yang lalu. 1121 00:57:08,780 --> 00:57:11,820 Atau tidak dua hari lalu, tetapi sangat, baru-baru ini. 1122 00:57:11,820 --> 00:57:16,070 >> Jadi untuk menunjukkan apa yang ia akan kelihatan seperti, dan untuk menunjukkan kepada anda bahawa saya tidak gila, 1123 00:57:16,070 --> 00:57:19,730 dan segala sesuatu yang betul-betul sama, ini adalah apa yang ia akan kelihatan seperti. 1124 00:57:19,730 --> 00:57:27,410 Anda hanya akan melakukan bahagian atas ini di sini, dan jika anda melihat sumber halaman, 1125 00:57:27,410 --> 00:57:32,160 jika anda perasan, dia telah mendapatkan perkara gila, saya dipermudahkan ia. 1126 00:57:32,160 --> 00:57:35,710 Juga, kredit kepada Tommy McWilliam, yang sebenarnya 1127 00:57:35,710 --> 00:57:38,810 membantu saya membuat contoh-contoh ini, itulah sebabnya saya tahu mereka bekerja. 1128 00:57:38,810 --> 00:57:41,560 Kerana Tommy adalah pakar JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Tetapi jika kita lihat, kita mempunyai beberapa set. 1130 00:57:43,180 --> 00:57:45,170 Kami mempunyai fungsi jam kami di sini. 1131 00:57:45,170 --> 00:57:48,450 Ini semua JavaScript yang kita hanya menulis, atau sebahagian daripadanya. 1132 00:57:48,450 --> 00:57:51,470 Kami hanya menulis satu ini di sini. 1133 00:57:51,470 --> 00:57:54,260 Dan dia mempunyai tambahan fungsi yang hanya pad ia 1134 00:57:54,260 --> 00:57:57,790 dengan meletakkan sifar ke hadapan surat atau sebelum beberapa jika ia 1135 00:57:57,790 --> 00:57:59,412 hanya salah seorang daripada mereka. 1136 00:57:59,412 --> 00:58:02,120 Jadi, jika anda perhatikan, ini adalah cukup lebih tepat apa yang kita hanya menulis. 1137 00:58:02,120 --> 00:58:06,230 Anda mempunyai beberapa jam yang berubah-ubah ini berunsur kami, dapatkan unsur oleh ID, 1138 00:58:06,230 --> 00:58:07,252 iaitu jam. 1139 00:58:07,252 --> 00:58:08,960 Kami mempunyai set selang kami fungsi, itu 1140 00:58:08,960 --> 00:58:12,670 fungsi tanpa nama yang melaksanakan semua ini. 1141 00:58:12,670 --> 00:58:16,940 Kami telah memulakan beberapa rentetan HTML yang kita maka secara dinamik 1142 00:58:16,940 --> 00:58:20,750 menghasilkan sesuatu yang memberikan header h1, concatenating 1143 00:58:20,750 --> 00:58:23,950 dengan mendapatkan jam, ditambah kolon kita, ditambah mendapatkan 1144 00:58:23,950 --> 00:58:26,860 minit, ditambah lagi kolon, ditambah saat kami, 1145 00:58:26,860 --> 00:58:29,330 dan akhirnya HTML berakhir untuk itu. 1146 00:58:29,330 --> 00:58:34,210 Dan kemudian kita mengemaskini jam kami dot HTML dalam ke HTML, 1147 00:58:34,210 --> 00:58:37,640 dan kami mengemas kini setiap 100 milisaat. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Lihat Saya berjanji saya tidak gila. 1150 00:58:42,470 --> 00:58:43,440 Saya tidak tahu. 1151 00:58:43,440 --> 00:58:47,160 Saya tidak tahu mengapa ia tidak seperti saya. 1152 00:58:47,160 --> 00:58:54,030 Saya rasa seperti kelihatan yang sama, tetapi nampaknya ia membenci saya. 1153 00:58:54,030 --> 00:58:59,600 >> Jadi mari kita lihat jika pusingan tiga pergi lebih baik. 1154 00:58:59,600 --> 00:59:00,970 Kami kira-kira untuk melihat. 1155 00:59:00,970 --> 00:59:02,910 Saya tidak pasti bagaimana ini akan pergi. 1156 00:59:02,910 --> 00:59:06,700 Apakah semua orang sekurang-kurangnya mendapat keburukan, seperti hanya tema umum 1157 00:59:06,700 --> 00:59:08,480 JavaScript, walaupun? 1158 00:59:08,480 --> 00:59:15,660 Saya berharap itu sekurang-kurangnya berguna, lebih daripada menunjukkan bahawa itu sedikit cerewet. 1159 00:59:15,660 --> 00:59:21,190 Tetapi set masalah anda akan menjadi sangat menyeronokkan. 1160 00:59:21,190 --> 00:59:22,590 Ia akan menjadi besar. 1161 00:59:22,590 --> 00:59:24,820 Ia tidak akan menjadi cukup sebagai membosankan kerana ini, saya tidak fikir. 1162 00:59:24,820 --> 00:59:28,100 Anda benar-benar akan mendapatkan untuk melihat perkara-perkara benar-benar sejuk. 1163 00:59:28,100 --> 00:59:31,734 >> Jadi lepas tetapi tidak kurangnya, kami akan cuba salah Twitter. 1164 00:59:31,734 --> 00:59:32,900 Saya benar-benar takut sekarang, guys. 1165 00:59:32,900 --> 00:59:35,762 Saya tidak tahu bagaimana ini akan pergi. 1166 00:59:35,762 --> 00:59:39,930 Tetapi hanya untuk memberikan anda sedikit rasa lebih, dan ini adalah sebenarnya 1167 00:59:39,930 --> 00:59:44,190 tali memanipulasi dan input, apa yang kita akan lakukan 1168 00:59:44,190 --> 00:59:50,960 adalah, jika kita lihat di sini dengan HTML-- yang satu ini mempunyai sedikit more-- 1169 00:59:50,960 --> 00:59:57,200 kami mempunyai beberapa kawasan teks, yang sepadan dengan kawasan teks ini di sini. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 Dan yang mempunyai Id teks. 1172 01:00:00,420 --> 01:00:04,520 Kami restyled ia sedikit dengan beberapa lebar dan tinggi 1173 01:00:04,520 --> 01:00:07,310 bahawa kita telah ditentukan terlebih dahulu, dan kami telah H1, 1174 01:00:07,310 --> 01:00:11,260 yang hanya merupakan salah satu header kami bahawa mewakili aksara yang tinggal kami. 1175 01:00:11,260 --> 01:00:14,570 Kami memberikannya beberapa Id aksara yang tinggal, 1176 01:00:14,570 --> 01:00:18,660 dan maka kita mempunyai beberapa skrip di sini, yang saya benar-benar 1177 01:00:18,660 --> 01:00:20,790 berharap masa ketiga daya tarikan di sini, guys. 1178 01:00:20,790 --> 01:00:26,750 >> Jadi apa yang kita mahu lakukan, dalam urat umum yang sama 1179 01:00:26,750 --> 01:00:31,480 yang telah kami lakukan dengan js jam dot dan pihak js dot seperti yang kita dapati, 1180 01:00:31,480 --> 01:00:35,980 sedang kami telah bermula dengan sebenarnya meraih perkara-perkara yang kita mengambil berat tentang, bukan? 1181 01:00:35,980 --> 01:00:42,330 Jadi dalam kes ini, terdapat dua perkara yang kita mengambil berat tentang, OK? 1182 01:00:42,330 --> 01:00:47,199 Satu perkara yang kita benar-benar jenis mengkaji dan merangka data dari, 1183 01:00:47,199 --> 01:00:48,990 dan satu perkara yang kita sebenarnya sedang berubah. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Jadi ada HTML kami. 1186 01:00:53,730 --> 01:01:00,370 Jika ini adalah laman web kami di sini, apa yang data yang kita lihat? 1187 01:01:00,370 --> 01:01:03,860 Ia akan menjadi apa sahaja teks dalam peti kami, bukan? 1188 01:01:03,860 --> 01:01:05,310 Jadi apa yang saya menaip di sini. 1189 01:01:05,310 --> 01:01:08,150 Itulah yang saya ingin tahu, atau itulah yang saya mahu melihat. 1190 01:01:08,150 --> 01:01:10,690 Dan apa yang akan menjadi berubah pada laman web kami? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Aksara yang tinggal. 1193 01:01:14,880 --> 01:01:19,550 Jadi dengan cara yang sama, kita mahu mulakan dengan Memulakan pembolehubah 1194 01:01:19,550 --> 01:01:22,030 yang benar-benar memegang unsur-unsur. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Jadi, jika kita mempunyai beberapa var iaitu kawasan teks kami, 1197 01:01:29,930 --> 01:01:33,681 dan kami mempunyai beberapa var yang selebihnya. 1198 01:01:33,681 --> 01:01:34,180 Betul? 1199 01:01:34,180 --> 01:01:36,190 Jadi ini akan memegang kedua-dua perkara. 1200 01:01:36,190 --> 01:01:42,370 Jadi perkara yang sama perkara, dokumen dot-- OK, saya 1201 01:01:42,370 --> 01:01:45,920 akan memastikan ini adalah pergi ke tempat kerja masa ini. 1202 01:01:45,920 --> 01:01:49,620 Saya amat berkeras. 1203 01:01:49,620 --> 01:01:53,310 OK, jadi jika kita mahu kami kawasan teks, mengikut 1204 01:01:53,310 --> 01:01:55,710 untuk HTML kami, apa yang pengecam kami? 1205 01:01:55,710 --> 01:01:56,420 Apa Id kami? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Ia hanya akan menjadi teks kerana ini mewujudkan kawasan teks kami, OK, 1208 01:02:05,540 --> 01:02:10,320 Id dan kami adalah teks, jadi itulah bagaimana kita boleh merebut apa yang ada di sana. 1209 01:02:10,320 --> 01:02:12,130 OK, koma bertitik. 1210 01:02:12,130 --> 01:02:13,940 Saya akan menjadi super tepat tentang perkara ini, 1211 01:02:13,940 --> 01:02:16,300 kerana saya mahu ini untuk berjaya pada masa ini. 1212 01:02:16,300 --> 01:02:22,120 OK, melakukan perkara yang sama, mendapatkan unsur oleh Id. 1213 01:02:22,120 --> 01:02:25,970 Saya benar-benar tertanya-tanya apa yang telah disebabkan dua yang lain untuk merosakkan. 1214 01:02:25,970 --> 01:02:29,750 OK, kemudian dalam satu ini, apa yang kita mahu untuk mengakses? 1215 01:02:29,750 --> 01:02:30,760 Apa Id kami di sini? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Kami mempunyai Id lain dalam HTML kami, apakah ia? 1218 01:02:36,261 --> 01:02:37,552 PENONTON: Baki aksara. 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-AU: Baki aksara. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OK. 1222 01:02:44,330 --> 01:02:46,010 Cool. 1223 01:02:46,010 --> 01:02:49,800 Jadi, saya hanya akan menulis ini benar-benar cepat. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Saya hanya akan menulis ini dalam kedua. 1226 01:02:55,330 --> 01:02:56,190 Jadi kawasan teks. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Apa yang menarik ialah B function-- terdapat banyak fungsi yang bukan sahaja 1229 01:03:06,180 --> 01:03:09,690 sesuai dengan anda tetikus, tetapi papan kekunci anda. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Jadi, anda boleh mengatakan apabila sebarang kekunci adalah ditekan, anda boleh melakukan perkara-perkara seperti itu. 1232 01:03:16,540 --> 01:03:20,450 Jadi salah satu yang kita gunakan dipanggil pada kekunci up, yang 1233 01:03:20,450 --> 01:03:25,320 berkata, "jika anda telah ditekan sebarang kekunci pada papan kekunci anda, apabila pengguna telah ditarik balik 1234 01:03:25,320 --> 01:03:28,064 jari mereka off butang yang, dan kunci telah menjadi unpressed, 1235 01:03:28,064 --> 01:03:29,480 maka kita akan melakukan sesuatu. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Jadi ini masuk akal, bukan? 1238 01:03:31,370 --> 01:03:33,540 Kerana setiap watak kita menaip, kita akan 1239 01:03:33,540 --> 01:03:36,550 untuk mempunyai untuk mengangkat jari kita off daripadanya, jadi apabila kunci naik, 1240 01:03:36,550 --> 01:03:40,980 kita boleh tahu untuk penyusutan watak kita tinggal. 1241 01:03:40,980 --> 01:03:44,440 >> Oleh itu, kita mempunyai beberapa pada kekunci up, dan dengan cara yang sama, 1242 01:03:44,440 --> 01:03:47,480 kita akan berkata, "OK, apabila kita berbuat demikian, kita 1243 01:03:47,480 --> 01:03:55,110 akan mewujudkan beberapa fungsi yang akan mengambil e, "dalam kes ini, 1244 01:03:55,110 --> 01:03:58,800 dan apa yang kita mahu lakukan adalah mengira jumlah baki. 1245 01:03:58,800 --> 01:04:02,510 OK, jadi mari kita mulakan dengan mewujudkan pemboleh ubah. 1246 01:04:02,510 --> 01:04:05,830 Oleh itu, kita mempunyai beberapa r berubah-ubah, yang akan membawa satu 1247 01:04:05,830 --> 01:04:07,720 bilangan aksara yang kita tidak buat. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Kita tahu bahawa kita bermula dengan 140, dan jika kita ingin tahu, 1250 01:04:14,540 --> 01:04:18,360 katakan, panjang ini tali yang Sudah input, 1251 01:04:18,360 --> 01:04:20,860 adakah anda mempunyai sebarang idea bagaimana kita boleh berbuat demikian? 1252 01:04:20,860 --> 01:04:23,900 Hanya didasarkan dari yang jelas perkara, seperti jika kita mahu jam, 1253 01:04:23,900 --> 01:04:25,870 kami pernah mendapatkan jam. 1254 01:04:25,870 --> 01:04:28,860 Kita tahu bahawa objek kita adalah kawasan teks, tetapi boleh anda semua 1255 01:04:28,860 --> 01:04:33,050 memikirkan apa yang mungkin datang selepas itu? 1256 01:04:33,050 --> 01:04:35,280 Apa-apa idea? 1257 01:04:35,280 --> 01:04:41,730 >> Jadi seperti ini seseorang kurang intuitif, tetapi ia nilai panjang titik. 1258 01:04:41,730 --> 01:04:44,700 Jadi hanya memberikan saya beberapa atribut nilai yang 1259 01:04:44,700 --> 01:04:46,500 sebenarnya panjang tali ini. 1260 01:04:46,500 --> 01:04:50,340 Jadi ia akan berkata, "OK, saya sedang mencari di keseluruhan rentetan ini dalam kawasan teks, 1261 01:04:50,340 --> 01:04:52,730 dan saya akan memberitahu anda berapa lama ia. " 1262 01:04:52,730 --> 01:04:55,500 Kerana jika kita ingat tali adalah benar-benar hanya tatasusunan, 1263 01:04:55,500 --> 01:04:58,110 jadi kita boleh mengambil panjang mereka. 1264 01:04:58,110 --> 01:05:01,860 Oleh itu, kita mempunyai yang. 1265 01:05:01,860 --> 01:05:04,058 Cool. 1266 01:05:04,058 --> 01:05:09,360 >> Maka apa yang kita mahu lakukan adalah kita tidak mahu membenarkan pengguna 1267 01:05:09,360 --> 01:05:12,340 untuk input lebih daripada 140 aksara, bukan? 1268 01:05:12,340 --> 01:05:15,610 Kerana jika kita katakan seperti, "oh, anda hanya mempunyai baki sebanyak ini, " 1269 01:05:15,610 --> 01:05:20,522 dan kemudian membiarkan mereka berbuat demikian anyways, kami telah terbaring. 1270 01:05:20,522 --> 01:05:22,230 Dan ini adalah satu lagi perkara yang JavaScript 1271 01:05:22,230 --> 01:05:24,530 boleh menjadi benar-benar baik untuk, adalah pengesahan pengguna 1272 01:05:24,530 --> 01:05:29,062 dan memastikan bahawa anda pengguna sesuai dalam mana-mana kaedah 1273 01:05:29,062 --> 01:05:30,270 yang telah anda berikan kepada mereka. 1274 01:05:30,270 --> 01:05:36,020 Jadi, jika anda mahu untuk melakukan perkara seperti membuat memastikan input seseorang alamat e-mel mereka, 1275 01:05:36,020 --> 01:05:40,242 atau memastikan bahawa apabila mereka memasukkan dua kata laluan, mereka dipadankan. 1276 01:05:40,242 --> 01:05:41,200 JavaScript boleh melakukan itu. 1277 01:05:41,200 --> 01:05:44,010 Anda akan melakukan sesuatu seperti, "apabila borang yang dikemukakan, "atau seperti, 1278 01:05:44,010 --> 01:05:48,170 "Apabila butang Hantar Borang adalah klik, daftar semua perkara ini. " 1279 01:05:48,170 --> 01:05:49,670 Dan yang boleh kita lakukan yang JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Jadi itulah apa kita akan lakukan di sini. 1281 01:05:52,680 --> 01:05:57,810 >> Jadi apa yang mungkin menjadi satu cara untuk memeriksa jika mereka telah pergi lebih 140 aksara? 1282 01:05:57,810 --> 01:06:03,310 Apa yang akan berlaku kepada nilai kami r jika mereka cuba? 1283 01:06:03,310 --> 01:06:04,760 Ia akan menjadi negatif, bukan? 1284 01:06:04,760 --> 01:06:07,380 Atau ia akan menjadi kurang daripada atau sama dengan sifar. 1285 01:06:07,380 --> 01:06:13,690 Oleh itu, kita boleh menggunakan jika itu adalah hanya suka segala sesuatu yang lain. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 Dan kami mempunyai beberapa kawasan teks dot nilai, dan apa yang kami lakukan di sini 1288 01:06:20,480 --> 01:06:29,940 adalah kami hanya cutting-- apakah ia? 1289 01:06:29,940 --> 01:06:30,900 Maaf. 1290 01:06:30,900 --> 01:06:32,732 Yang ini, kami hanya mahu kembali palsu. 1291 01:06:32,732 --> 01:06:34,030 I tidak perlu lagi keliru. 1292 01:06:34,030 --> 01:06:36,560 Semua frazzled dari perkara yang tidak bekerja. 1293 01:06:36,560 --> 01:06:40,010 OK, kita hanya mahu kembali palsu, dan kemudian kita 1294 01:06:40,010 --> 01:06:44,160 ingin memaparkan baki aksara, bukan? 1295 01:06:44,160 --> 01:06:48,720 Jadi dengan masa, kita lakukan sesuatu dengan HTML dalaman, bukan? 1296 01:06:48,720 --> 01:06:52,070 Jika kita menetapkan ia sama dengan beberapa berubah-ubah, jadi apa yang kita boleh lakukan di sini? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Apa yang kita berubah HTML dalaman? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> PENONTON: Baki? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON BUCHHOLTZ-AU: Kami mengubah baki. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Baiklah, dan apa yang kita lakukan mahu untuk menetapkan ia sama dengan? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Ia akan menjadi r, kerana yang harus watak kita tinggal. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Jadi saya benar-benar saraf untuk melihat jika ini kerja-kerja sekarang, tetapi kita akan melihat. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Tinggalkan ini. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Itu benar-benar cepat. 1312 01:07:37,700 --> 01:07:38,970 [Didengar] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Sekali lagi, saya hanya akan menunjukkan kepada anda. 1315 01:07:45,990 --> 01:07:49,430 Untuk apa-apa sebab, saya membuat keputusan untuk tidak bekerja, 1316 01:07:49,430 --> 01:07:53,354 tetapi apa yang saya akan menunjukkan kepada anda adalah bahawa ini is-- oh saya sepatutnya meletakkan bahawa dalam. 1317 01:07:53,354 --> 01:07:57,470 OK, kita lihat beberapa perkara yang sama perkara di sini, mendapatkan kawasan teks. 1318 01:07:57,470 --> 01:08:01,070 >> Juga, jika anda lelaki notis, jika ada pernah sesuatu yang anda mahu lakukan, 1319 01:08:01,070 --> 01:08:04,080 dan anda tidak tahu bagaimana untuk melakukannya ia, hanya klik View Page Source, 1320 01:08:04,080 --> 01:08:06,632 dan mereka akan memberitahu anda. 1321 01:08:06,632 --> 01:08:07,840 Kadang-kadang ia akan disulitkan. 1322 01:08:07,840 --> 01:08:11,147 Untuk Serangga anda, kami menyulitkan segala-galanya, jadi ia hanya kelihatan seperti bahasa raban. 1323 01:08:11,147 --> 01:08:13,480 Tetapi jika ada yang benar-benar pernah laman web yang sejuk yang anda suka, 1324 01:08:13,480 --> 01:08:17,729 jika anda hanya klik View Page Source, ia akan memberitahu anda bagaimana untuk melakukannya. 1325 01:08:17,729 --> 01:08:20,770 Jadi sekali lagi, kerja lebih bijak, bukan lebih keras. 1326 01:08:20,770 --> 01:08:24,250 Dan seperti yang anda lihat di sini, semua perkara-perkara ini adalah sama. 1327 01:08:24,250 --> 01:08:31,930 satu ini di sini hanya mengambil masa beberapa subrentetan itu, saya lupa apa yang ini tidak. 1328 01:08:31,930 --> 01:08:36,980 Tetapi ia jelas mengambil beberapa subrentetan daripada nilai dari sifar hingga sepuluh, 1329 01:08:36,980 --> 01:08:41,540 dan pulangan palsu apa perlu berhenti pengguna dari memasukkan lagi, 1330 01:08:41,540 --> 01:08:46,040 dan kemudian jelas mengemas kini HTML dalaman di sana. 1331 01:08:46,040 --> 01:08:47,410 >> Cool. 1332 01:08:47,410 --> 01:08:53,000 Mengambil aways begitu besar dari hari ini, eksperimen, melihat kod sumber 1333 01:08:53,000 --> 01:08:58,359 kerana ia akan banyak membantu anda, dan semua orang, kadang-kadang JavaScript 1334 01:08:58,359 --> 01:09:03,200 boleh menjadi sukar untuk bekerja dengan dan tidak sentiasa berfungsi dengan cara yang anda mengharapkan ia, 1335 01:09:03,200 --> 01:09:05,700 tetapi hanya terus mencuba kerana saya berjanji ia akan. 1336 01:09:05,700 --> 01:09:08,376 Saya berjanji semua contoh ini telah bekerja sebelum kelas. 1337 01:09:08,376 --> 01:09:09,750 Saya tidak faham apa yang berlaku. 1338 01:09:09,750 --> 01:09:13,069 Saya benar-benar mempunyai segala-galanya yang sama. 1339 01:09:13,069 --> 01:09:17,660 >> Satu lagi perkara yang saya ingin menunjukkan lelaki yang boleh menjadi super berguna 1340 01:09:17,660 --> 01:09:21,630 adalah dalam- apa yang bekerja sebelum ini? 1341 01:09:21,630 --> 01:09:23,935 Kami mendapat pihak kepada kerja, tidak kita? 1342 01:09:23,935 --> 01:09:26,569 Saya fikir begitu. 1343 01:09:26,569 --> 01:09:27,069 Ya. 1344 01:09:27,069 --> 01:09:27,630 Kami lakukan. 1345 01:09:27,630 --> 01:09:28,250 Awesome. 1346 01:09:28,250 --> 01:09:31,189 OK, jadi satu perkara yang anda semua perlu tahu 1347 01:09:31,189 --> 01:09:33,340 adalah log konsol yang saya bercakap tentang. 1348 01:09:33,340 --> 01:09:37,040 Jadi menghibur log dot daripada hello. 1349 01:09:37,040 --> 01:09:40,430 Jadi ini adalah jenis yang JavaScript bersamaan printf. 1350 01:09:40,430 --> 01:09:42,810 Jadi, jika anda pernah mahu memeriksa pembolehubah anda 1351 01:09:42,810 --> 01:09:49,649 atau melihat apa yang berlaku di sana, apa yang yang boleh anda lakukan adalah, jika kita memeriksa elemen, 1352 01:09:49,649 --> 01:09:51,899 adalah apa yang anda mahu pergi untuk, dan anda pergi untuk menghibur, 1353 01:09:51,899 --> 01:09:53,770 anda akan melihat bahawa ia dicetak hello. 1354 01:09:53,770 --> 01:09:55,750 >> Oleh itu, kita boleh memilikinya cetak apa sahaja yang kita mahu. 1355 01:09:55,750 --> 01:10:04,170 Jika kita mahu ia untuk mencetak latar belakang latar belakang gaya dot dot, 1356 01:10:04,170 --> 01:10:08,454 kita akan dapat melihat RGB tiga yang muncul. 1357 01:10:08,454 --> 01:10:11,140 Atau tidak. 1358 01:10:11,140 --> 01:10:13,520 Saya lupa bagaimana anda mencetak pembolehubah seperti itu, 1359 01:10:13,520 --> 01:10:17,249 tetapi anda akan dapat mencetak perkara seperti itu. 1360 01:10:17,249 --> 01:10:19,040 Itu akan sangat berguna untuk Serangga anda apabila 1361 01:10:19,040 --> 01:10:23,330 anda cuba untuk memanipulasi Koordinat atau barang kecil. 1362 01:10:23,330 --> 01:10:25,270 Jadi mereka juga menukar sekeping ini di dalam kelas. 1363 01:10:25,270 --> 01:10:30,750 Ini adalah berbeza daripada tahun lepas, jadi hanya lebih baik untuk TFS anda, atau TFS 1364 01:10:30,750 --> 01:10:36,350 pada waktu pejabat sebaliknya, kerana kami jenis pembelajaran bersama-sama dengan anda semua. 1365 01:10:36,350 --> 01:10:41,230 Tetapi log konsol adalah super, super berguna untuk JavaScript tahun lepas. 1366 01:10:41,230 --> 01:10:42,740 Jadi menyukainya. 1367 01:10:42,740 --> 01:10:43,780 Ketahui bagaimana untuk menggunakannya. 1368 01:10:43,780 --> 01:10:49,026 Ia lebih mudah untuk digunakan berbanding GDB, supaya hendaklah sekurang-kurangnya satu kelebihan. 1369 01:10:49,026 --> 01:10:50,650 Tetapi terima kasih kepada anda semua yang berfaedah dengan saya. 1370 01:10:50,650 --> 01:10:53,400 Saya minta maaf bahawa saya contoh untuk sebab-sebab tertentu 1371 01:10:53,400 --> 01:10:55,410 hanya tidak mahu bekerjasama dengan saya, tetapi saya 1372 01:10:55,410 --> 01:11:01,010 berharap ia membantu sejenis mendapatkan anda lebih sedikit dalam zon JavaScript. 1373 01:11:01,010 --> 01:11:04,980 Dan menghantar saya semua soalan anda untuk minggu depan jadi saya boleh super dibaiki, 1374 01:11:04,980 --> 01:11:09,420 dan saya akan membawa gula-gula dan juga tambahan gula-gula kerana ini adalah tidak masuk akal. 1375 01:11:09,420 --> 01:11:14,000 Tetapi kamu yang besar, dan mempunyai minggu yang menggerunkan. 1376 01:11:14,000 --> 01:11:15,584