1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 Allison Buchholtz-AU: Semua orang yang tepat. 3 00:00:12,340 --> 00:00:13,520 Selamat datang kembali ke bagian. 4 00:00:13,520 --> 00:00:15,315 Ini adalah bagian kedua dari belakang kami. 5 00:00:15,315 --> 00:00:16,542 Ini sangat menyedihkan. 6 00:00:16,542 --> 00:00:19,500 Aku tidak tahu apa yang akan saya lakukan tanpa melihat kalian setiap hari Senin. 7 00:00:19,500 --> 00:00:20,970 Saya kira kita harus hanya-- mungkin kita bisa saja 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 Aku akan membawa makanan sebagai gantinya. 11 00:00:24,370 --> 00:00:26,290 Kami hanya akan bicara. 12 00:00:26,290 --> 00:00:29,900 Tapi ya, minggu depan akan menjadi bagian terakhir kami. 13 00:00:29,900 --> 00:00:32,390 >> Pada catatan itu, Anda memiliki kuis minggu depan. 14 00:00:32,390 --> 00:00:35,660 Aku tahu aku lupa untuk melakukan saya, seperti, dua minggu pemberitahuan terlebih dahulu minggu lalu, 15 00:00:35,660 --> 00:00:39,140 tapi mudah-mudahan kalian tahu ini akan terjadi. 16 00:00:39,140 --> 00:00:42,880 Mudah-mudahan ini adalah salah satu yang terakhir ujian tengah semester untuk kalian untuk semester. 17 00:00:42,880 --> 00:00:46,950 Tapi itu akan menutupi semua materi yang kita sudah berakhir. 18 00:00:46,950 --> 00:00:50,811 Jadi tidak seperti Anda hanya bisa melupakan sekitar empat loop atau variabel. 19 00:00:50,811 --> 00:00:52,560 Karena kita pelajari mereka pada awalnya, 20 00:00:52,560 --> 00:00:55,870 mereka adalah jelas permainan yang adil untuk kuis Anda. 21 00:00:55,870 --> 00:01:00,150 >> Ini akan menjadi format yang sama, yang sama panjang, sehingga Anda sudah digunakan untuk itu. 22 00:01:00,150 --> 00:01:02,330 Ada akan menjadi coding oleh masalah tangan, 23 00:01:02,330 --> 00:01:06,270 mungkin beberapa benar salah, mungkin beberapa jawaban singkat. 24 00:01:06,270 --> 00:01:08,090 Jadi, Anda harus akrab dengan format, 25 00:01:08,090 --> 00:01:10,940 terutama jika Anda mengambil tes praktek. 26 00:01:10,940 --> 00:01:13,950 Tapi seperti yang saya katakan di sini, itu kumulatif, tapi kami pasti 27 00:01:13,950 --> 00:01:17,410 akan fokus pada hal dari seminggu enam dan seterusnya. 28 00:01:17,410 --> 00:01:24,050 Jadi, kami mungkin tidak akan menanyakan tentang berapa byte 29 00:01:24,050 --> 00:01:26,180 dalam setiap jenis atau orang-orang macam hal, 30 00:01:26,180 --> 00:01:29,730 tapi kami mungkin akan menjadi tertarik pada hal-hal seperti daftar link, 31 00:01:29,730 --> 00:01:32,750 atau struktur data yang berbeda, atau algoritma yang berbeda 32 00:01:32,750 --> 00:01:33,960 yang kita bicarakan. 33 00:01:33,960 --> 00:01:38,990 Jadi, pastikan Anda benar-benar up pada mereka, dan jika Anda 34 00:01:38,990 --> 00:01:41,590 membutuhkan sumber daya, inilah banyak sumber daya. 35 00:01:41,590 --> 00:01:44,790 Saya hanya memberi Anda jenis dari daftar cepat di sana. 36 00:01:44,790 --> 00:01:48,330 >> Minggu depan akan kuis meninjau selama ini. 37 00:01:48,330 --> 00:01:52,290 Jadi jika Anda memiliki pertanyaan atau topik tertentu, 38 00:01:52,290 --> 00:01:56,180 hal-hal tertentu pada kuis yang Anda ingin pergi, silakan 39 00:01:56,180 --> 00:02:01,780 mengirimkannya kepada saya sebelumnya sehingga saya bisa jenis mempersiapkan beberapa materi untuk itu. 40 00:02:01,780 --> 00:02:06,310 Dan selain itu bagian review, kami akan 41 00:02:06,310 --> 00:02:09,616 juga memegang kursus-lebar meninjau seperti yang kita lakukan terakhir kali. 42 00:02:09,616 --> 00:02:11,490 Dan itu akan menjadi dilakukan oleh orang yang sama. 43 00:02:11,490 --> 00:02:13,030 Saya tidak tahu apakah itu membuatnya lebih baik atau lebih buruk, 44 00:02:13,030 --> 00:02:15,670 tapi itu akan menjadi diriku, Hannah, Davan, dan Gabe lagi. 45 00:02:15,670 --> 00:02:18,630 Jadi jika Anda ingin datang melihat kita semua olok-olok satu sama lain 46 00:02:18,630 --> 00:02:21,270 dan memandu Anda melalui kuis review, Anda harus pasti 47 00:02:21,270 --> 00:02:22,600 datang dengan Senin depan juga. 48 00:02:22,600 --> 00:02:26,210 Jadi Anda hanya akan memiliki Senin jam dikemas kuis review, yang baik 49 00:02:26,210 --> 00:02:29,840 karena Anda memiliki Selasa untuk memproses melalui segala sesuatu. 50 00:02:29,840 --> 00:02:32,230 >> Tapi yang pasti melakukan cek keluar sumber daya tersebut. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net adalah jauh, saya berpikir, salah satu yang paling berguna, 52 00:02:36,030 --> 00:02:37,990 sebagian besar karena memiliki banyak contoh kode, 53 00:02:37,990 --> 00:02:40,490 ia memiliki semua Power Poin dengan semua catatan di atasnya, 54 00:02:40,490 --> 00:02:44,510 yang benar-benar apa yang saya menggambar yang paling bahan bagian saya dari. 55 00:02:44,510 --> 00:02:47,480 Jika ada sesuatu di sebelumnya bagian yang saya mungkin telah dikirim 56 00:02:47,480 --> 00:02:49,920 Anda mungkin tidak memiliki mendapatkan, just let me know. 57 00:02:49,920 --> 00:02:52,520 Seperti contoh kode pekan lalu, kalau ada yang tidak mendapatkan itu, 58 00:02:52,520 --> 00:02:55,930 hanya email saya atau datang berbicara dengan saya, dan saya akan memastikan bahwa Anda mendapatkan itu. 59 00:02:55,930 --> 00:03:02,000 >> Maka dengan itu, hari ini kita akan untuk berbicara tentang JavaScript. 60 00:03:02,000 --> 00:03:04,690 Jadi di sini we Tommy, siapa aku hanya berbicara dengan Anda tadi malam. 61 00:03:04,690 --> 00:03:06,670 Saya suka Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript adalah favoritnya bahasa, karena ia mengatakan di sini. 63 00:03:09,040 --> 00:03:14,050 Mereka akan mencoba dan memberitahu Anda bahwa itu bukan yang terbaik, dan mereka akan salah. 64 00:03:14,050 --> 00:03:16,510 Jadi Tommy adalah master JavaScript. 65 00:03:16,510 --> 00:03:19,850 Aku tidak cukup di nya tingkat, tapi aku seperti, 66 00:03:19,850 --> 00:03:22,900 "Tommy, bagaimana cara mengajar anak-anak ini JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Jadi saya punya beberapa tips, sehingga mudah-mudahan mereka bekerja. 68 00:03:26,700 --> 00:03:31,140 >> Jadi beberapa hal yang perlu diketahui adalah bahwa JavaScript adalah scripting client-side 69 00:03:31,140 --> 00:03:35,560 bahasa, sehingga sedangkan PHP adalah sesuatu bahwa kita dianggap lebih server-side, 70 00:03:35,560 --> 00:03:39,280 itu meng-upload ke server, disusun dan dilaksanakan di sana. 71 00:03:39,280 --> 00:03:42,871 Yang satu ini dijalankan pada komputer Anda sendiri. 72 00:03:42,871 --> 00:03:43,370 OKE? 73 00:03:43,370 --> 00:03:46,960 Jadi Anda memuat beberapa halaman JavaScript, dan dijalankan pada komputer Anda. 74 00:03:46,960 --> 00:03:49,910 Sintaks yang sangat mirip 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 bahwa Cara kita berbicara tentang variabel, loop, 77 00:03:56,740 --> 00:03:58,910 dan kondisi semua sangat mirip. 78 00:03:58,910 --> 00:04:00,500 OKE? 79 00:04:00,500 --> 00:04:04,490 Fakta bahwa mereka begitu serupa mungkin akan perjalanan beberapa dari Anda 80 00:04:04,490 --> 00:04:08,529 up, dalam beberapa kasus, hanya karena Anda akan memasukkan sedikit C 81 00:04:08,529 --> 00:04:09,570 di mana tidak boleh ada. 82 00:04:09,570 --> 00:04:14,130 Mungkin Anda mencoba dan ketik sesuatu ketika tidak harus diketik. 83 00:04:14,130 --> 00:04:16,540 >> Dan pada itu, satu hal yang tahu adalah bahwa JavaScript 84 00:04:16,540 --> 00:04:19,360 adalah dinamis diketik bahasa, seperti PHP. 85 00:04:19,360 --> 00:04:21,410 Jadi, jika kalian ingat dari bagian pekan lalu, 86 00:04:21,410 --> 00:04:23,680 ketika kami agak melakukan kursus kilat PHP kita, 87 00:04:23,680 --> 00:04:28,860 kita melihat bagaimana satu string bisa berubah menjadi satu int, dan sebagainya. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Jenis variabel Anda ditentukan pada waktu berjalan, 90 00:04:34,850 --> 00:04:38,180 sehingga mereka dapat berubah dari jalannya program, 91 00:04:38,180 --> 00:04:43,109 dan dengan cara yang sama bahwa kita tidak pernah benar-benar mendeklarasikan jenis variabel PHP, 92 00:04:43,109 --> 00:04:45,900 kita akan melakukan hal yang sama hal di sini, di mana kita tidak benar-benar 93 00:04:45,900 --> 00:04:49,740 mengendalikan jenis variabel kita, sehingga untuk berbicara, seperti yang kita lakukan di C. 94 00:04:49,740 --> 00:04:52,200 >> Dan kemudian satu hal yang cukup keren adalah 95 00:04:52,200 --> 00:04:54,090 Anda dapat kesalahan periksa melalui konsol, 96 00:04:54,090 --> 00:04:57,240 dengan fungsi yang besar ini console.log, yang 97 00:04:57,240 --> 00:05:00,930 memungkinkan Anda untuk mencetak berbeda variabel atau objek yang kita akan 98 00:05:00,930 --> 00:05:01,750 berbicara tentang. 99 00:05:01,750 --> 00:05:05,720 Sama seperti minggu lalu ketika saya masih seperti, "menggunakan fungsi ini," dengan sampah 100 00:05:05,720 --> 00:05:10,490 dari pset Anda ini adalah fungsi Anda ingin menggunakan, console.log. 101 00:05:10,490 --> 00:05:12,860 Saya sangat terkejut berapa banyak siswa di jam kantor 102 00:05:12,860 --> 00:05:14,530 tidak tahu tentang fungsi sampah. 103 00:05:14,530 --> 00:05:19,010 Dan aku seperti, "orang-orang, ini akan membuat hidup Anda jauh lebih mudah. ​​" 104 00:05:19,010 --> 00:05:22,960 >> Baiklah, sehingga agak hanya hal singkat, seperti biasa, 105 00:05:22,960 --> 00:05:24,000 kami memiliki contoh. 106 00:05:24,000 --> 00:05:25,600 Aku tahu kalian mencintai mereka. 107 00:05:25,600 --> 00:05:30,930 Jadi, inilah contoh yang sangat sederhana JavaScript mengajukan sini. 108 00:05:30,930 --> 00:05:34,000 Jadi itu hanya akan membuat ini pop-up yang mengatakan, 109 00:05:34,000 --> 00:05:36,336 "Hello world," ketika Anda masukkan halaman, tapi mari kita 110 00:05:36,336 --> 00:05:37,960 mencoba dan berjalan melalui ini sedikit. 111 00:05:37,960 --> 00:05:43,440 Jadi jelas ini hanya seperti index.html normal. 112 00:05:43,440 --> 00:05:50,280 Jadi, hanya template yang biasa kami di sini, dan kami memiliki HTML, kita memiliki kepala kita, 113 00:05:50,280 --> 00:05:55,580 dan seperti dengan CSS, bagaimana kita termasuk beberapa file yang di luar, kan? 114 00:05:55,580 --> 00:05:59,260 Kami memiliki beberapa script type teks yang JavaScript. 115 00:05:59,260 --> 00:06:02,680 Dan sumbernya hello.js, yang di sini. 116 00:06:02,680 --> 00:06:05,630 Ini adalah seluruh file dari hello.js. 117 00:06:05,630 --> 00:06:09,080 Dan kemudian kita memiliki beberapa judul dan beberapa HTML tubuh 118 00:06:09,080 --> 00:06:11,050 bahwa kita tidak benar-benar peduli. 119 00:06:11,050 --> 00:06:15,970 >> Apa yang terjadi adalah, ketika kita memuat halaman ini, secara otomatis menjalankan script ini. 120 00:06:15,970 --> 00:06:16,470 OKE? 121 00:06:16,470 --> 00:06:18,790 Jadi JavaScript akan mengeksekusi secara otomatis. 122 00:06:18,790 --> 00:06:22,860 Jadi apa yang akan dilakukan, itu akan untuk segera pergi dan melaksanakan hal ini. 123 00:06:22,860 --> 00:06:24,110 Dan itu akan berkata, "waspada. 124 00:06:24,110 --> 00:06:25,190 Halo Dunia. " 125 00:06:25,190 --> 00:06:30,840 Yang peringatan adalah fungsi yang benar-benar menghasilkan kotak ini. 126 00:06:30,840 --> 00:06:31,540 OKE? 127 00:06:31,540 --> 00:06:33,390 Jadi itu semacam semua Encompass. 128 00:06:33,390 --> 00:06:36,700 Tidak ada tambahan yang kami punya yang harus dilakukan selain hanya waspada, 129 00:06:36,700 --> 00:06:40,000 dan kemudian apa yang kita inginkan dalam kotak Alert. 130 00:06:40,000 --> 00:06:40,500 OKE? 131 00:06:40,500 --> 00:06:45,080 Jadi itu hanya super sederhana contoh dari apa yang dapat Anda lakukan JavaScript. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Salah satu yang benar-benar keren hal, seperti yang kita lihat, 134 00:06:50,070 --> 00:06:55,150 adalah bahwa JavaScript memungkinkan Anda untuk memanipulasi halaman web Anda, 135 00:06:55,150 --> 00:06:57,720 tanpa harus kembali mereka setiap kali. 136 00:06:57,720 --> 00:07:01,830 Jadi jika Anda want-- misalnya, jika Anda melayang di atas sesuatu, 137 00:07:01,830 --> 00:07:04,300 jika kalian pernah terlihat seperti menu bar, 138 00:07:04,300 --> 00:07:07,360 atau ketika Anda membawa lebih dari beberapa topik, menu drop-down muncul, 139 00:07:07,360 --> 00:07:08,670 itu karena JavaScript. 140 00:07:08,670 --> 00:07:09,170 OKE? 141 00:07:09,170 --> 00:07:12,670 Jadi Anda tidak reload seluruh yang 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 disebut peristiwa yang kita akan mendapatkan dalam, dan setelah Anda melihat bahwa, Anda berkata, 144 00:07:21,800 --> 00:07:25,960 "OK, mengedit sesuatu tentang hal ini Halaman dan membuatnya terlihat berbeda, 145 00:07:25,960 --> 00:07:28,270 tetapi hanya mengedit hal-hal tertentu. 146 00:07:28,270 --> 00:07:29,690 Jangan ulang semuanya. " 147 00:07:29,690 --> 00:07:33,110 Jadi itu benar-benar jauh lebih baik, dan Anda tidak perlu memuat ulang halaman Anda, 148 00:07:33,110 --> 00:07:34,510 dan itu benar-benar keren. 149 00:07:34,510 --> 00:07:38,270 >> Jadi deklarasi variabel, sehingga Anda dapat melihat jenis, 150 00:07:38,270 --> 00:07:40,530 Aku meletakkan di atas sini, longgar diketik. 151 00:07:40,530 --> 00:07:42,570 Jadi ini sangat banyak seperti PHP. 152 00:07:42,570 --> 00:07:48,770 Kita tidak perlu memberitahu JavaScript jenis kami 153 00:07:48,770 --> 00:07:50,740 mengharapkan masing-masing variabel tersebut menjadi. 154 00:07:50,740 --> 00:07:52,560 Mereka bisa menjadi jenis apapun yang kita inginkan. 155 00:07:52,560 --> 00:07:57,480 Jadi Anda melihat dalam hal ini, kami menyatakan mereka sangat sederhana, hanya dengan "var" 156 00:07:57,480 --> 00:08:00,990 dan kemudian apa pun yang kita inginkan Nama variabel kami untuk menjadi. 157 00:08:00,990 --> 00:08:05,680 Satu hal yang perlu diperhatikan adalah bahwa ketika Anda menempatkan var di depan nama variabel, 158 00:08:05,680 --> 00:08:07,520 secara lokal scopes itu. 159 00:08:07,520 --> 00:08:09,320 OKE? 160 00:08:09,320 --> 00:08:14,025 Ini benar-benar masuk akal untuk Anda untuk benar-benar hanya menghapus var 161 00:08:14,025 --> 00:08:18,970 dan hanya memiliki s sama CS50, dan itu hanya akan menjadi variabel global. 162 00:08:18,970 --> 00:08:19,580 OKE? 163 00:08:19,580 --> 00:08:22,490 Sehingga Anda dapat menginisialisasi kedua cara, hanya tergantung pada bagaimana Anda inginkan. 164 00:08:22,490 --> 00:08:24,448 Jadi jika Anda menginisialisasi itu dalam fungsi, 165 00:08:24,448 --> 00:08:28,070 dan Anda ingin bahwa variabel tetap scoped dalam fungsi itu, 166 00:08:28,070 --> 00:08:31,620 Anda akan ingin melakukan sesuatu seperti var nama variabel, 167 00:08:31,620 --> 00:08:34,270 dibandingkan jika Anda menginginkannya global scoped, Anda 168 00:08:34,270 --> 00:08:36,240 hanya dapat melakukan nama variabel dan kemudian 169 00:08:36,240 --> 00:08:38,270 apa pun yang Anda ingin itu ditetapkan sama dengan. 170 00:08:38,270 --> 00:08:40,230 OKE? 171 00:08:40,230 --> 00:08:45,580 >> Ini adalah jenis hal yang keren di sini, karena jika kita melihat variabel kami 172 00:08:45,580 --> 00:08:47,590 b mulai keluar sebagai benar. 173 00:08:47,590 --> 00:08:51,280 Dan apa ini does-- bisa ada yang bilang padaku apa hal ini? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Jadi kita memiliki beberapa peringatan. 176 00:08:55,890 --> 00:09:00,156 Apa yang akan ketik b berada di awal? 177 00:09:00,156 --> 00:09:00,905 AUDIENCE: Boolean. 178 00:09:00,905 --> 00:09:01,330 Allison Buchholtz-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Yang Tepat. 180 00:09:01,940 --> 00:09:07,260 Dan kemudian kita menetapkan kembali b string ini, kan? 181 00:09:07,260 --> 00:09:11,170 Jadi di sini, apa jenis b adalah? 182 00:09:11,170 --> 00:09:12,480 Ini akan menjadi string, kan? 183 00:09:12,480 --> 00:09:14,900 Jadi apa yang penting untuk pemberitahuan adalah bahwa dalam c, kita 184 00:09:14,900 --> 00:09:17,330 bisa hampir tidak pernah melakukan sesuatu seperti itu. 185 00:09:17,330 --> 00:09:22,000 Kita harus memiliki variabel, dilemparkan sebagai sesuatu yang lain, 186 00:09:22,000 --> 00:09:27,185 mungkin melakukan beberapa fungsi dengan dua i, pergi dari biaya ke integer. 187 00:09:27,185 --> 00:09:31,063 Tetapi jika kita perhatikan di sini, b sangat mudah berubah mengetik. 188 00:09:31,063 --> 00:09:33,760 >> AUDIENCE: Tunggu, sehingga Anda hanya dapat seperti, "membuat b integer?" 189 00:09:33,760 --> 00:09:34,360 >> Allison Buchholtz-AU: Ya. 190 00:09:34,360 --> 00:09:36,185 Anda hanya dapat menetapkan kembali b ke integer. 191 00:09:36,185 --> 00:09:36,910 >> AUDIENCE: Benarkah? 192 00:09:36,910 --> 00:09:38,035 >> Allison Buchholtz-AU: Ya. 193 00:09:38,035 --> 00:09:39,810 Dan kemudian itu akan menjadi int. 194 00:09:39,810 --> 00:09:43,820 Jadi variabel Anda dapat berubah seiring jalannya program juga. 195 00:09:43,820 --> 00:09:46,410 Mereka tidak benar-benar diketik. 196 00:09:46,410 --> 00:09:49,180 Hal ini sangat longgar diketik. 197 00:09:49,180 --> 00:09:50,820 OKE? 198 00:09:50,820 --> 00:09:54,820 Pada dasarnya variabel Anda dapat melakukan apapun mereka inginkan, seperti yang kita semacam melihat dengan PHP. 199 00:09:54,820 --> 00:09:59,430 Mereka dapat melakukan beberapa hal gila, jadi penting untuk menjadi cukup hati-hati. 200 00:09:59,430 --> 00:10:01,200 Nama variabel Anda dengan baik. 201 00:10:01,200 --> 00:10:03,450 Jika Anda tidak, lakukan secara tiba-tiba Anda akan menjadi seperti, 202 00:10:03,450 --> 00:10:05,783 "Tunggu, aku pikir ini adalah tali, dan sekarang ini merupakan int, 203 00:10:05,783 --> 00:10:08,170 dan aku tidak benar-benar yakin apa yang terjadi di sini. " 204 00:10:08,170 --> 00:10:12,410 Jadi ini hanyalah sebuah contoh sederhana menunjukkan bagaimana variabel dapat dengan mudah 205 00:10:12,410 --> 00:10:15,890 mengubah jenisnya lebih jalannya program. 206 00:10:15,890 --> 00:10:16,870 >> OKE. 207 00:10:16,870 --> 00:10:19,200 Jadi ini harus melihat super, super akrab. 208 00:10:19,200 --> 00:10:21,510 Jadi ini adalah loop kami di JavaScript. 209 00:10:21,510 --> 00:10:27,780 Mereka persis sama, kecuali untuk bukan empat int i sama dengan nol, 210 00:10:27,780 --> 00:10:30,470 kita hanya bisa mengatakan var i sama dengan nol. 211 00:10:30,470 --> 00:10:34,100 Dan kemudian kita bisa memiliki jenis yang sama kami kondisi, jenis yang sama dari pembaruan, 212 00:10:34,100 --> 00:10:36,090 i plus plus bekerja dengan baik. 213 00:10:36,090 --> 00:10:39,800 Jadi merangkak adalah sama, sesekali adalah sama, 214 00:10:39,800 --> 00:10:41,440 dan melakukan sesekali persis sama. 215 00:10:41,440 --> 00:10:44,070 Jenis yang sama format umum. 216 00:10:44,070 --> 00:10:48,840 Kita perhatikan, empat, tanda kurung, kurung, itu semua sama. 217 00:10:48,840 --> 00:10:51,470 Juga akan ada titik koma ketika kita sampai ke contoh kode. 218 00:10:51,470 --> 00:10:55,250 Anda akan melihat itu cukup sama seperti c. 219 00:10:55,250 --> 00:10:59,770 >> Untuk deklarasi fungsi, lagi, sangat mirip. 220 00:10:59,770 --> 00:11:05,100 Kami memiliki beberapa fungsi yang hanya mengatakan bahwa itu fungsi, dan kemudian 221 00:11:05,100 --> 00:11:07,660 nama kami fungsi, dan masukan. 222 00:11:07,660 --> 00:11:11,590 Dan lagi jika kita perhatikan, kita tidak memiliki jenis apapun di sini. 223 00:11:11,590 --> 00:11:12,090 Yang Tepat? 224 00:11:12,090 --> 00:11:18,150 Kami tidak ada yang mengatakan bahwa ini perlu int atau ganda, atau mengapung. 225 00:11:18,150 --> 00:11:19,530 Mereka bisa menjadi apa pun yang mereka inginkan. 226 00:11:19,530 --> 00:11:23,560 Yang penting adalah menyadari bahwa kita perlu menulis fungsi terlebih dahulu 227 00:11:23,560 --> 00:11:26,430 untuk membiarkan JavaScript tahu bahwa ini sebenarnya fungsi. 228 00:11:26,430 --> 00:11:29,820 >> Jadi ini hanya beberapa penjumlahan sederhana fungsi yang mengembalikan x atau y, 229 00:11:29,820 --> 00:11:33,800 dan kemudian apa yang juga keren adalah bahwa Anda benar-benar bisa 230 00:11:33,800 --> 00:11:35,950 menetapkan fungsi ke variabel. 231 00:11:35,950 --> 00:11:41,770 Jadi dalam hal ini, jumlah sekarang fungsi yang sebenarnya sum. 232 00:11:41,770 --> 00:11:47,740 Jadi, jika Anda melihat di sini, kita memiliki Fungsi, nama fungsi, input. 233 00:11:47,740 --> 00:11:48,860 Yang Tepat? 234 00:11:48,860 --> 00:11:52,120 Di sini kita hanya memiliki fungsi dan masukan. 235 00:11:52,120 --> 00:11:54,310 Jadi ini disebut fungsi anonim. 236 00:11:54,310 --> 00:11:59,265 Dan ini adalah sesuatu yang harus baru untuk sebagian besar dari kalian, jika tidak kalian semua. 237 00:11:59,265 --> 00:12:01,140 Jadi pada dasarnya apa yang berarti bahwa kita tidak 238 00:12:01,140 --> 00:12:03,050 perlu nama kami fungsi dalam kasus ini. 239 00:12:03,050 --> 00:12:06,260 Kami hanya bisa mengatakan, "OK, aku akan memiliki fungsi ini yang mengeksekusi, di sini 240 00:12:06,260 --> 00:12:08,550 adalah input, dan inilah apa yang akan lakukan. " 241 00:12:08,550 --> 00:12:12,540 Dan terutama ketika Anda menetapkan fungsi beberapa variabel 242 00:12:12,540 --> 00:12:14,950 bahwa Anda akan memanipulasi, Anda tidak perlu 243 00:12:14,950 --> 00:12:17,116 perlu nama itu karena Anda akan merujuk 244 00:12:17,116 --> 00:12:20,990 untuk itu oleh variabel ini Nama, tidak dengan cara apa pun 245 00:12:20,990 --> 00:12:22,840 Fungsi ini sebenarnya disebut. 246 00:12:22,840 --> 00:12:23,550 OKE? 247 00:12:23,550 --> 00:12:27,810 >> Jadi jika kita lihat di sini, kami memiliki beberapa variabel jumlah sekarang 248 00:12:27,810 --> 00:12:30,920 yang sama dengan jumlah 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 memiliki beberapa peringatan, tiga ditambah lima sama dengan nomor. 251 00:12:36,750 --> 00:12:43,950 Ditambah ini hanya akan menggabungkan apapun jawaban kami adalah ke string. 252 00:12:43,950 --> 00:12:47,420 Juga keren, ditambah dapat menggabungkan string. 253 00:12:47,420 --> 00:12:53,510 >> Untuk JavaScript, seperti PHP, HTML, CSS dan seperti yang kita katakan, 254 00:12:53,510 --> 00:12:56,450 banyak itu kita seperti berada mengambil roda pelatihan off di sini 255 00:12:56,450 --> 00:13:02,030 dan kalian punya banyak yang tahu bagaimana untuk benar-benar memahami hal-hal ini. 256 00:13:02,030 --> 00:13:04,280 Mereka sedikit berbeda, tapi mereka tidak begitu asing 257 00:13:04,280 --> 00:13:09,460 dan bahwa Anda tidak dapat Google hal-hal atau melihat mereka secara online dengan sekolah w3. 258 00:13:09,460 --> 00:13:12,755 Dan kami benar-benar mengharapkan Anda orang untuk, jenis, percobaan 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 tampak sedikit kurang teliti dari beberapa hal c 261 00:13:19,490 --> 00:13:21,936 kita lakukan, tapi itu benar-benar karena suatu alasan. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Tapi mudah-mudahan itu tidak terlalu berbeda, dan itu tidak berlebihan. 264 00:13:28,470 --> 00:13:31,940 >> Jadi array dalam JavaScript, lagi sangat, sangat mirip. 265 00:13:31,940 --> 00:13:32,460 Yang Tepat? 266 00:13:32,460 --> 00:13:36,520 Kami memiliki beberapa variabel array itu sama dengan kurung kosong, 267 00:13:36,520 --> 00:13:40,340 dan itu hanya array kosong. 268 00:13:40,340 --> 00:13:43,420 Hal ini sering disebut notasi array literal. 269 00:13:43,420 --> 00:13:45,280 Itu baru satu hal yang kita menyebutnya. 270 00:13:45,280 --> 00:13:51,380 Jika kita melihat array dua di sini, kami memiliki beberapa Array literal yang memiliki tiga unsur, 271 00:13:51,380 --> 00:13:51,910 yang tepat? 272 00:13:51,910 --> 00:13:54,640 Dan kemudian kita memiliki beberapa Elemen ketiga var yang 273 00:13:54,640 --> 00:13:58,060 beberapa variabel yang hanya akan mengadakan string 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 koma, 276 00:14:06,170 --> 00:14:07,740 seperti yang kita harapkan. 277 00:14:07,740 --> 00:14:14,630 Dan Anda juga dapat mengakses, seperti yang kita lakukan di C, dengan notasi indeks ini, kan? 278 00:14:14,630 --> 00:14:16,950 Jadi berbeda dengan PHP sekarang, kita akan kembali 279 00:14:16,950 --> 00:14:20,180 hanya jenis merujuk hal-hal dengan indeks. 280 00:14:20,180 --> 00:14:22,189 Sama seperti C, itu juga indeks nol. 281 00:14:22,189 --> 00:14:25,230 Saya merasa seperti itu akan benar-benar kejam jika mereka tiba-tiba membuat JavaScript satu 282 00:14:25,230 --> 00:14:30,630 Indeks, dan Anda harus benar-benar memikirkan kembali bagaimana Anda berpikir tentang array. 283 00:14:30,630 --> 00:14:36,140 >> Satu hal yang keren adalah bahwa alih-alih karena harus do-- jika Anda pernah 284 00:14:36,140 --> 00:14:39,240 ingin panjang array, mungkin Anda iterate melalui itu 285 00:14:39,240 --> 00:14:43,430 sampai Anda menemukan beberapa akhir, atau Anda hanya akan tahu apa itu. 286 00:14:43,430 --> 00:14:49,310 Karena JavaScript sangat longgar lebih cara dari sekedar jenis, seperti yang kita lihat di sini, 287 00:14:49,310 --> 00:14:53,310 kita hanya bisa membuat array ini lebih besar karena kita memutuskan untuk. 288 00:14:53,310 --> 00:14:56,177 Jika kita melihat berbagai tiga memiliki tiga hal untuk memulai, 289 00:14:56,177 --> 00:14:58,510 tapi kemudian tiba-tiba, kita seperti, "oh, hanya bercanda. 290 00:14:58,510 --> 00:15:01,370 Kami benar-benar akan untuk membuatnya 101 hal. " 291 00:15:01,370 --> 00:15:05,300 Jadi jika Anda pernah ingin tahu panjang sebenarnya array, 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 melihat banyak notasi ini di contoh, 294 00:15:10,470 --> 00:15:12,730 tapi dengan JavaScript itu biasanya apa pun 295 00:15:12,730 --> 00:15:16,410 objek yang Anda bicarakan dot apa pun jenis fungsi 296 00:15:16,410 --> 00:15:17,740 Anda ingin diterapkan untuk itu. 297 00:15:17,740 --> 00:15:18,240 OKE? 298 00:15:18,240 --> 00:15:20,520 >> Jadi dalam hal ini, kami objek adalah array dua, 299 00:15:20,520 --> 00:15:23,470 dan kita katakan kita ingin panjang array dua. 300 00:15:23,470 --> 00:15:25,716 Jadi ini hanya panggilan seperti panjang itu. 301 00:15:25,716 --> 00:15:27,090 Dan itu 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 diperhatikan adalah bahwa jika kita melihat array kita, 304 00:15:36,790 --> 00:15:39,830 tidak seperti C, mereka tidak memiliki 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 dasarnya adalah seperti berbaur menarik ini C dan PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Jadi kita akan masuk ke dalam itu. 309 00:15:52,170 --> 00:15:56,750 Untuk saat ini, mari kita asumsikan bahwa array Anda pada dasarnya 310 00:15:56,750 --> 00:16:00,640 seperti C array, dalam mereka nol diindeks. 311 00:16:00,640 --> 00:16:04,120 OK, jadi itu adalah segalanya. 312 00:16:04,120 --> 00:16:08,850 Anda juga bisa hanya memperpanjang array ke indeks apa pun yang Anda inginkan. 313 00:16:08,850 --> 00:16:14,260 Sedangkan ini mungkin akan seg kesalahan pada Anda atau memberikan beberapa kesalahan, 314 00:16:14,260 --> 00:16:15,970 JavaScript adalah seperti, "nah, itu baik-baik saja. 315 00:16:15,970 --> 00:16:16,620 Aku punya ini. 316 00:16:16,620 --> 00:16:19,460 Kami hanya akan pergi langsung di mana Anda ingin. " 317 00:16:19,460 --> 00:16:24,310 >> OK, jadi objek yang sangat penting. 318 00:16:24,310 --> 00:16:29,720 Kalian akan menggunakan banyak ini di P set Anda, jika saya ingat dengan benar. 319 00:16:29,720 --> 00:16:34,780 Jadi hal yang ini mirip dengan di C struct. 320 00:16:34,780 --> 00:16:39,290 Jadi Anda bisa memikirkan about-- saat kita pergi ke sebuah contoh yang tepat 321 00:16:39,290 --> 00:16:41,810 setelah ini saya pikir itu akan membuat lebih banyak sense-- 322 00:16:41,810 --> 00:16:45,830 tapi pada dasarnya kita menggunakan benda-benda untuk mengatur informasi yang berkaitan dengan kursus. 323 00:16:45,830 --> 00:16:47,780 Ketika kita berbicara tentang struct di C, kita sering 324 00:16:47,780 --> 00:16:53,405 berbicara tentang seorang mahasiswa yang memiliki beberapa nama, ID, rumah, Anda tahu, konsentrasi. 325 00:16:53,405 --> 00:16:56,030 Dan itu semacam hal yang sama bahwa kita menggunakan benda-benda untuk di sini. 326 00:16:56,030 --> 00:16:59,300 Hanya saja untuk mengatur informasi serupa. 327 00:16:59,300 --> 00:17:03,620 >> Anda juga bisa memikirkan ini sebagai lebih mirip dengan asosiatif array di PHP. 328 00:17:03,620 --> 00:17:10,010 Jadi ini akan menjadi semacam hal di mana kita memiliki beberapa kunci dengan nilai tertentu, 329 00:17:10,010 --> 00:17:12,859 sangat mirip dengan PHP. 330 00:17:12,859 --> 00:17:15,780 Sehingga Anda dapat menginisialisasi beberapa obyek kosong, seperti yang kita lihat di sini, 331 00:17:15,780 --> 00:17:17,390 hanya dengan kurung kurawal. 332 00:17:17,390 --> 00:17:19,160 Array begitu juga tanda kurung. 333 00:17:19,160 --> 00:17:21,220 Benda kosong adalah kurung kurawal. 334 00:17:21,220 --> 00:17:24,020 Perbedaan yang baik untuk memiliki. 335 00:17:24,020 --> 00:17:27,319 Dan ini hanya dua yang berbeda cara untuk mengatur properti. 336 00:17:27,319 --> 00:17:31,460 Jadi ini adalah jenis lebih banyak cara yang 337 00:17:31,460 --> 00:17:35,220 mirip dengan PHP, dengan kami array asosiatif, dengan kunci kami, 338 00:17:35,220 --> 00:17:39,910 dan nilai kita, sedangkan satu ini is-- Anda akan 339 00:17:39,910 --> 00:17:41,920 melihat ini lebih banyak di JavaScript. 340 00:17:41,920 --> 00:17:43,550 Hal ini cenderung konvensi. 341 00:17:43,550 --> 00:17:47,660 Dan dengan cara yang sama yang kita lakukan array dua dot panjang, ini mengatakan, 342 00:17:47,660 --> 00:17:51,580 "OK, beri aku ini atribut dari objek ini. " 343 00:17:51,580 --> 00:17:52,110 Yang Tepat? 344 00:17:52,110 --> 00:17:55,660 Jadi dengan cara yang sama seperti itu, "beri aku panjang atribut array dua, " 345 00:17:55,660 --> 00:17:59,970 ini mengatakan, "memberi saya beberapa milik obyek kosong kami. " 346 00:17:59,970 --> 00:18:02,890 Atau dalam hal ini, kita menugaskan beberapa nilai di sini. 347 00:18:02,890 --> 00:18:06,200 Tapi Anda juga bisa mengaksesnya dengan cara itu. 348 00:18:06,200 --> 00:18:09,090 >> Dan maka di sini ini hanya menampilkan dua tanda berbeda. 349 00:18:09,090 --> 00:18:12,320 Jadi ini akan menunjukkan tanda akan sama persis, 350 00:18:12,320 --> 00:18:17,150 itu hanya dua cara yang berbeda mengakses elemen yang kita inginkan. 351 00:18:17,150 --> 00:18:19,552 Apakah itu masuk akal untuk semua orang? 352 00:18:19,552 --> 00:18:21,510 Saya merasa seperti ini mungkin lebih masuk akal, 353 00:18:21,510 --> 00:18:23,270 hanya karena kita datang dari PHP. 354 00:18:23,270 --> 00:18:26,400 Tapi seperti yang kita lakukan lebih banyak contoh, ini secara harfiah persis sama. 355 00:18:26,400 --> 00:18:28,170 Banyak itu hanya perubahan 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 variabel yang adalah obyek, 360 00:18:40,070 --> 00:18:42,160 dan kita menyimpan semua ini informasi tentang hal itu. 361 00:18:42,160 --> 00:18:46,680 Jadi kita harus tentu saja, instruktur, TFS, psets, dan direkam. 362 00:18:46,680 --> 00:18:51,840 Jadi kita melihat ini hampir semua jenis. 363 00:18:51,840 --> 00:18:52,340 Yang Tepat? 364 00:18:52,340 --> 00:18:56,230 Jadi obyek dapat menyimpan atribut dari berbagai jenis. 365 00:18:56,230 --> 00:19:01,220 Kita bisa memikirkan this-- itu sangat mirip dengan array asosiatif kami di PHP. 366 00:19:01,220 --> 00:19:07,470 Jadi kuncinya, nilai, kunci, nilai, key, value, seterusnya dan sebagainya. 367 00:19:07,470 --> 00:19:11,230 Yang juga menarik dengan cara yang sama bahwa kita dapat memiliki array dalam array, 368 00:19:11,230 --> 00:19:14,690 kami juga dapat memiliki objek dalam benda, atau array dalam objek. 369 00:19:14,690 --> 00:19:18,410 Anda pernah benar-benar terbatas hanya satu dari hal-hal. 370 00:19:18,410 --> 00:19:24,220 Kita bisa menjadi sangat Inceptionesque, hanya terus ke lubang kelinci di sana. 371 00:19:24,220 --> 00:19:26,080 >> Jadi jika kita perhatikan, kita memiliki beberapa kursus yang 372 00:19:26,080 --> 00:19:31,120 adalah string, instruktur yang string, dan array, int, dan Boolean. 373 00:19:31,120 --> 00:19:36,110 Jadi semua hal-hal yang berbeda. 374 00:19:36,110 --> 00:19:39,600 >> Baiklah, jadi, kita memiliki satu sama lain. 375 00:19:39,600 --> 00:19:42,930 Jadi dalam hal ini, kita memiliki array obyek. 376 00:19:42,930 --> 00:19:45,320 Jadi hanya seperti sebuah objek dapat memiliki sebuah array di dalamnya. 377 00:19:45,320 --> 00:19:47,210 Kami juga dapat memiliki sebuah array dari objek. 378 00:19:47,210 --> 00:19:51,250 Hal ini mungkin berguna untuk berpikir tentang mirip dengan jenis 379 00:19:51,250 --> 00:19:54,260 bagaimana kita memiliki hash meja, kami memiliki sebuah array 380 00:19:54,260 --> 00:19:56,220 dari semua ini berbeda jenis struct yang 381 00:19:56,220 --> 00:19:59,070 adalah pointer ke berbeda node dan yang lainnya. 382 00:19:59,070 --> 00:20:01,420 Tapi dalam kasus ini, kita memiliki array obyek. 383 00:20:01,420 --> 00:20:04,890 Jadi ini seperti sebuah array array asosiatif. 384 00:20:04,890 --> 00:20:09,430 Jadi kita memiliki beberapa elemen pertama akan menjadi obyek dengan nama James 385 00:20:09,430 --> 00:20:11,340 dan rumah Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Kalian mungkin ingat sesuatu yang sangat mirip dengan ini 387 00:20:14,780 --> 00:20:21,710 dengan pset terakhir Anda, di mana jika Anda menarik sesuatu dari database Anda, 388 00:20:21,710 --> 00:20:24,480 jenis pertama hal dalam array adalah 389 00:20:24,480 --> 00:20:27,110 semua informasi tentang pengguna pertama yang bertemu itu, 390 00:20:27,110 --> 00:20:30,765 dan kemudian Anda harus indeks ke dalam untuk mendapatkan saham mereka atau tembolok mereka 391 00:20:30,765 --> 00:20:32,110 atau yang lainnya. 392 00:20:32,110 --> 00:20:34,620 Jadi ini sangat banyak yang sama hal, hanya sedikit perubahan 393 00:20:34,620 --> 00:20:39,570 dalam sintaks, perubahan sedikit di kata-kata yang kita gunakan untuk menggambarkan mereka. 394 00:20:39,570 --> 00:20:45,960 >> Jadi jika kita ingin, bisa ada yang bilang apa peringatan ini akan lakukan di sini? 395 00:20:45,960 --> 00:20:48,780 Atau apa bit ini Kode akan lakukan untuk kita? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 AUDIENCE: Ini akan memberikan semua nama. 398 00:20:52,616 --> 00:20:54,900 Allison Buchholtz-AU: Benar, sehingga hanya akan mengingatkan dengan semua nama 399 00:20:54,900 --> 00:20:57,960 karena akan pergi melalui pondok i, sehingga akan dimulai dari nol. 400 00:20:57,960 --> 00:21:01,330 Jadi akan mengatakan, OK kita cari pada objek pertama ini, yang 401 00:21:01,330 --> 00:21:03,210 adalah slot pertama dalam array kita. 402 00:21:03,210 --> 00:21:06,900 Dan ia mengatakan, "beri aku atribut, nama objek itu. " 403 00:21:06,900 --> 00:21:09,030 Jadi kita pergi ke sini, kita akan scan, kita akan menemukan nama, 404 00:21:09,030 --> 00:21:11,340 dan kami akan mencetak James, Molly, dan Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Setiap pertanyaan sejauh ini? 407 00:21:15,799 --> 00:21:17,590 JavaScript sayangnya Anda akan menjadi 408 00:21:17,590 --> 00:21:20,950 melakukan banyak mencari pada Anda sendiri, mencari tahu sintaks, 409 00:21:20,950 --> 00:21:21,910 bergulat dengan itu. 410 00:21:21,910 --> 00:21:25,870 Tapi tentu saja aku selalu di sini, jam kantor selalu di sini. 411 00:21:25,870 --> 00:21:28,260 Aku mungkin pada hari Selasa minggu ini. 412 00:21:28,260 --> 00:21:31,050 Jadi jika Anda berada di sana, Anda dapat datang mengunjungi saya minggu ini. 413 00:21:31,050 --> 00:21:32,470 Ini akan menjadi besar. 414 00:21:32,470 --> 00:21:36,260 >> OK, jadi DOM adalah Document Object Model-. 415 00:21:36,260 --> 00:21:38,900 Jadi ini hanya cara bahwa kita suka berpikir 416 00:21:38,900 --> 00:21:45,720 tentang bagaimana HTML dan segalanya di dalamnya diatur. 417 00:21:45,720 --> 00:21:49,930 Hal ini sangat banyak sesuatu yang mungkin akan muncul di kuis Anda. 418 00:21:49,930 --> 00:21:58,150 Aku tahu tahun saya, itu seperti inilah File HTML, mengisi DOM untuk itu. 419 00:21:58,150 --> 00:21:59,770 Dan Anda hanya mengisi hal-hal kecil. 420 00:21:59,770 --> 00:22:01,500 Ini harus menjadi titik mudah mudahan. 421 00:22:01,500 --> 00:22:03,450 Mudah-mudahan Anda akan see-- 422 00:22:03,450 --> 00:22:04,590 >> AUDIENCE: [tidak terdengar] 423 00:22:04,590 --> 00:22:06,660 >> Allison Buchholtz-AU: Jadi Anda melihat pohon ini di sini? 424 00:22:06,660 --> 00:22:07,200 >> AUDIENCE: Ya. 425 00:22:07,200 --> 00:22:08,949 >> Allison Buchholtz-AU: Jadi mereka akan meminta penggunaan 426 00:22:08,949 --> 00:22:11,750 untuk mengisi apa yang terjadi di bawah tubuh. 427 00:22:11,750 --> 00:22:15,770 Mungkin di bawah tubuh, kami memiliki beberapa divs atau kita memiliki beberapa paragraf, 428 00:22:15,770 --> 00:22:19,160 dan kami akan meminta Anda untuk mengisi pohon yang sangat banyak seperti ini. 429 00:22:19,160 --> 00:22:21,440 Jadi kita akan berjalan melalui itu. 430 00:22:21,440 --> 00:22:26,120 Jadi Dokumen-Object Model ini hanya cara 431 00:22:26,120 --> 00:22:31,240 struktur dan berpikir tentang HTML kita grafis. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 Dan juga ketika kita mendapatkan menjadi lebih JavaScript, 434 00:22:35,840 --> 00:22:37,640 itu akan menjadi cara bahwa kita benar-benar 435 00:22:37,640 --> 00:22:39,990 memanipulasi berbeda elemen pada halaman. 436 00:22:39,990 --> 00:22:43,980 Kita perlu cara untuk mengakses setiap hal di HTML kita, 437 00:22:43,980 --> 00:22:48,050 dan jadi ini memberi kita sangat cara standar beton 438 00:22:48,050 --> 00:22:51,010 di berbagai halaman web untuk melakukan itu. 439 00:22:51,010 --> 00:22:53,440 >> Jadi jika kita hanya berjalan melalui ini di sini, tentu saja 440 00:22:53,440 --> 00:22:56,790 dokumen kami seperti seluruh file kami. 441 00:22:56,790 --> 00:22:59,350 Yang jelas masuk akal bahwa itu hal yang tertinggi, 442 00:22:59,350 --> 00:23:03,520 dan kemudian kita memiliki HTML kita yang sebenarnya, yang sesuai dengan tag ini di sini. 443 00:23:03,520 --> 00:23:08,480 Juga jika Anda dalam indent tag Anda benar, kemudian menciptakan pohon DOM ini 444 00:23:08,480 --> 00:23:10,530 menjadi super sederhana. 445 00:23:10,530 --> 00:23:12,400 Jadi kita memiliki beberapa kepala di sini. 446 00:23:12,400 --> 00:23:15,780 Kami memiliki beberapa tubuh yang kita melihat batang off dari HTML, 447 00:23:15,780 --> 00:23:18,530 itulah sebabnya mengapa kita memiliki kepala dan tubuh. 448 00:23:18,530 --> 00:23:22,880 Dalam kepala, kami memiliki beberapa tag judul, akhir tag judul, 449 00:23:22,880 --> 00:23:24,570 jadi kita tahu yang datang setelah kepala. 450 00:23:24,570 --> 00:23:28,040 Dan dalam tag judul kami, kami memiliki halo, dunia. 451 00:23:28,040 --> 00:23:28,740 OKE? 452 00:23:28,740 --> 00:23:31,311 Jadi itulah cabang tangan kiri ini seluruh. 453 00:23:31,311 --> 00:23:34,060 Dan kemudian untuk cabang kanan di sini, kita melihat bahwa kita memiliki HTML, 454 00:23:34,060 --> 00:23:38,680 OK kita sudah melakukan kepala bagian ini, kita cari hanya di tubuh, 455 00:23:38,680 --> 00:23:40,670 sehingga kita memiliki beberapa area tubuh. 456 00:23:40,670 --> 00:23:44,350 Dan dalam itu, satu-satunya hal yang kita miliki adalah halo, dunia. 457 00:23:44,350 --> 00:23:45,090 OKE? 458 00:23:45,090 --> 00:23:54,130 Jika kita memiliki hal-hal seperti beberapa braket p dan kemudian 459 00:23:54,130 --> 00:23:57,500 halo, dunia, dan kemudian lain braket p selamat tinggal, dunia, 460 00:23:57,500 --> 00:24:00,080 kita akan memiliki dua gelembung datang dari sini. 461 00:24:00,080 --> 00:24:05,550 Karena mereka berdua di bawah tubuh, namun mereka paragraf terpisah kasus ini. 462 00:24:05,550 --> 00:24:11,520 Pasti ada praktek pada bahwa dalam kuis sebelumnya, 463 00:24:11,520 --> 00:24:14,570 serta banyak secara online di atasnya. 464 00:24:14,570 --> 00:24:18,260 OK jadi, ini hanya memungkinkan kita melihat segala sesuatu dengan baik 465 00:24:18,260 --> 00:24:20,810 dan memanipulasi hal-hal sangat sistematis. 466 00:24:20,810 --> 00:24:21,340 OKE? 467 00:24:21,340 --> 00:24:23,640 Kita tahu persis bagaimana melintasi melalui pohon ini, 468 00:24:23,640 --> 00:24:26,910 jadi kita tahu apa yang kita ingin mengakses. 469 00:24:26,910 --> 00:24:31,690 >> OK jadi ini adalah mengapa kita ingin memiliki semacam ini model, 470 00:24:31,690 --> 00:24:35,190 sehingga kita dapat menggunakan hal-hal seperti ini, dan kami mengerti apa yang mereka maksud, 471 00:24:35,190 --> 00:24:38,370 dan mereka standar di semua hal yang kita lakukan. 472 00:24:38,370 --> 00:24:45,900 Jadi dokumen dot judul hanya judul our-- semua ini 473 00:24:45,900 --> 00:24:48,960 sendiri cukup jelas, Saya suka berpikir. 474 00:24:48,960 --> 00:24:51,660 Jadi yang pertama tiga contoh hanya mengatakan, 475 00:24:51,660 --> 00:24:54,770 "OK, hanya memberikan judul halaman web ini. " 476 00:24:54,770 --> 00:24:58,030 Sehingga akan memberikan apa sesuai dengan judul. 477 00:24:58,030 --> 00:25:01,880 >> Dokumen dot tubuh akan memberikan apa pun yang dalam tag body. 478 00:25:01,880 --> 00:25:03,240 Sehingga Anda dapat memanipulasi itu. 479 00:25:03,240 --> 00:25:07,820 Dan dokumen dot tubuh dot masukkan HTML adalah salah satu yang sangat dingin, 480 00:25:07,820 --> 00:25:11,660 dan mungkin tidak seperti super intuitif, tetapi HTML batin 481 00:25:11,660 --> 00:25:13,740 sesuai dengan hak ini di sini. 482 00:25:13,740 --> 00:25:17,410 Jadi jika Anda pernah ingin memanipulasi teks pada halaman, 483 00:25:17,410 --> 00:25:22,700 biasanya Anda akan melakukan sesuatu dengan tubuh dot HTML batin. 484 00:25:22,700 --> 00:25:23,820 OKE? 485 00:25:23,820 --> 00:25:31,341 Jadi HTML batin cenderung untuk merujuk apa yang sebenarnya antara tag tersebut. 486 00:25:31,341 --> 00:25:31,840 OKE? 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 ingin mendapatkan semua ini, setiap elemen, 489 00:25:40,390 --> 00:25:43,140 kami memiliki beberapa Id, kelas Nama, atau nama tag. 490 00:25:43,140 --> 00:25:47,100 Hal ini sangat mirip dengan hal yang kita lakukan dengan CSS, kan? 491 00:25:47,100 --> 00:25:51,360 Di mana kita memiliki beberapa pemilih yang sesuai dengan baik tag, kelas 492 00:25:51,360 --> 00:25:53,800 bahwa kita memberi mereka, atau Id. 493 00:25:53,800 --> 00:25:55,310 Hal ini sangat banyak cara yang sama. 494 00:25:55,310 --> 00:26:00,720 Jika Anda memiliki sesuatu yang memiliki beberapa kelas anjing, 495 00:26:00,720 --> 00:26:05,800 dan Anda mengatakan mendapatkan elemen dengan nama tag, dan Anda menempatkan anjing di besar-- atau maaf, 496 00:26:05,800 --> 00:26:06,610 nama kelas. 497 00:26:06,610 --> 00:26:07,770 Anda dapat menempatkan titik di sana. 498 00:26:07,770 --> 00:26:11,780 Ini akan mengembalikan semua dari mereka elemen untuk Anda yang memiliki kelas itu. 499 00:26:11,780 --> 00:26:13,880 Sehingga Anda dapat memanipulasi hanya mereka. 500 00:26:13,880 --> 00:26:18,430 Dengan cara yang sama, mungkin Anda hanya ingin memanipulasi beberapa header, sehingga 501 00:26:18,430 --> 00:26:20,980 beberapa judul h1, seperti yang kita lakukan. 502 00:26:20,980 --> 00:26:24,900 Anda bisa mendapatkan unsur menurut tag nama, karena h1 adalah nama tag. 503 00:26:24,900 --> 00:26:29,270 Dan dengan cara yang sama, jika Anda ingin mendapatkan beberapa hal yang unik, Anda dapat melakukan get tag. 504 00:26:29,270 --> 00:26:31,100 Dapatkan elemen dengan Id. 505 00:26:31,100 --> 00:26:32,710 Dan mereka benar-benar banyak ini. 506 00:26:32,710 --> 00:26:36,300 Ini hanya seperti tiga yang sangat banyak. 507 00:26:36,300 --> 00:26:39,600 Jadi, jika Anda online, seperti Aku akan mendorong 508 00:26:39,600 --> 00:26:45,342 Anda lakukan, dan melakukan beberapa penelitian pada Anda sendiri, 509 00:26:45,342 --> 00:26:48,450 Saya merekomendasikan melihat ke semua orang. 510 00:26:48,450 --> 00:26:50,880 Mereka bisa menjadi super berguna, terutama ketika 511 00:26:50,880 --> 00:26:57,180 Anda ingin hanya jenis memanipulasi hal yang sangat spesifik tanpa 512 00:26:57,180 --> 00:27:00,390 untuk pergi melalui dan mencoba untuk mengurai segala sesuatu. 513 00:27:00,390 --> 00:27:03,540 >> OK, jadi hal terakhir adalah aktivitas JavaScript. 514 00:27:03,540 --> 00:27:10,730 Jadi ketika saya sedang berbicara sebelumnya tentang pergi ke sebuah situs web, 515 00:27:10,730 --> 00:27:14,340 dan ketika Anda membawa lebih dari sesuatu, atau mouse melayang di atas sesuatu, 516 00:27:14,340 --> 00:27:15,420 sesuatu yang lain terjadi. 517 00:27:15,420 --> 00:27:17,900 Ini adalah apa yang kita ingin pikirkan sebagai suatu peristiwa. 518 00:27:17,900 --> 00:27:23,970 Jadi apa yang kita miliki kekuatan itu berguna di sini adalah onclick. 519 00:27:23,970 --> 00:27:29,140 Jadi saya berada di hover, yang, saya cukup yakin, hanya di hover. 520 00:27:29,140 --> 00:27:31,300 Juga satu ton ini Anda dapat mencari. 521 00:27:31,300 --> 00:27:34,340 Ada daftar seluruh secara online hal yang berbeda 522 00:27:34,340 --> 00:27:37,130 Anda dapat mendengarkan. 523 00:27:37,130 --> 00:27:41,220 >> Tapi peristiwa JavaScript adalah pada dasarnya hanya menanggapi hal-hal 524 00:27:41,220 --> 00:27:42,430 bahwa pengguna Anda lakukan. 525 00:27:42,430 --> 00:27:42,930 Yang Tepat? 526 00:27:42,930 --> 00:27:45,220 Jadi pengguna tidak sesuatu, itu suatu peristiwa, 527 00:27:45,220 --> 00:27:48,340 dan JavaScript akan merespon namun Anda ingin untuk. 528 00:27:48,340 --> 00:27:49,770 Ini akan merespon sesuai. 529 00:27:49,770 --> 00:27:54,630 Jadi dalam hal ini, kita memiliki beberapa jendela dot onload. 530 00:27:54,630 --> 00:27:57,170 Jadi apa ini, dapat dikatakan, "tunggu sampai jendela dimuat. " 531 00:27:57,170 --> 00:27:57,780 OKE? 532 00:27:57,780 --> 00:28:02,102 Jadi, ketika semuanya dimuat, onload, maka Anda dapat menjalankan fungsi ini. 533 00:28:02,102 --> 00:28:03,810 Jadi, ketika semuanya dimuat, Anda akan 534 00:28:03,810 --> 00:28:07,760 memiliki beberapa tombol pencarian yang mendapat suatu elemen dengan Id, 535 00:28:07,760 --> 00:28:13,740 dan mencetak apa pun Unsur adalah sebagai tombol Search. 536 00:28:13,740 --> 00:28:17,050 Dan kemudian kita memiliki variabel ini, kita katakan, "OK, onclick." 537 00:28:17,050 --> 00:28:20,390 Jadi ketika kita mendengar bunyi klik pada tombol Search, 538 00:28:20,390 --> 00:28:23,990 melaksanakan fungsi ini, yang merupakan peringatan, Anda mengklik tombol Search. 539 00:28:23,990 --> 00:28:28,910 >> Jadi apa yang terjadi is-- ini bagus sedikit representasi grafis di sini. 540 00:28:28,910 --> 00:28:31,480 Jadi beban dokumen kami, itu onload kami, 541 00:28:31,480 --> 00:28:34,340 kita menemukan Pencarian kami tombol, yang ini. 542 00:28:34,340 --> 00:28:36,570 Kami sedang mencari tombol Cari kami. 543 00:28:36,570 --> 00:28:40,790 Dan kemudian ketika tombol Search adalah diklik, itu sesuai dengan di sini. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Kemudian kita akhirnya mengingatkan pengguna kami, yang merupakan baris terakhir ini di sini. 546 00:28:47,300 --> 00:28:48,250 OKE? 547 00:28:48,250 --> 00:28:52,960 Jadi masing-masing empat langkah saja sesuai dengan empat kotak 548 00:28:52,960 --> 00:28:55,031 di sana di bagian bawah. 549 00:28:55,031 --> 00:28:56,405 Apakah itu 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 hal yang aku hanya akan lagi sangat, sangat singkat, bahwa saya 552 00:29:05,200 --> 00:29:08,660 mendorong kalian untuk pergi melihat lebih ke dalam adalah 553 00:29:08,660 --> 00:29:13,210 jQuery, yang hanya perpustakaan yang dibangun di atas JavaScript. 554 00:29:13,210 --> 00:29:16,480 Ini super berguna, karena dengan sebagian besar perpustakaan. 555 00:29:16,480 --> 00:29:18,320 Ada banyak fungsi. 556 00:29:18,320 --> 00:29:21,930 Jadi, jika ada sesuatu yang pernah Anda ingin lakukan dalam JavaScript, 557 00:29:21,930 --> 00:29:24,880 insting pertama Anda tidak boleh berpikir 558 00:29:24,880 --> 00:29:27,340 dari, "apa fungsi harus Aku kode? "Seharusnya, 559 00:29:27,340 --> 00:29:29,560 "Biarkan aku melihat seseorang yang sudah melakukan ini untuk saya. " 560 00:29:29,560 --> 00:29:32,800 Karena sembilan dari sepuluh, seseorang akan melakukannya sudah, 561 00:29:32,800 --> 00:29:35,760 dan mereka mungkin melakukannya lebih baik. 562 00:29:35,760 --> 00:29:39,990 Orang-orang menghabiskan banyak waktu melakukan ini, dan JavaScript sangat banyak digunakan, 563 00:29:39,990 --> 00:29:42,810 sehingga orang yang terus-menerus mencoba untuk membuatnya lebih baik. 564 00:29:42,810 --> 00:29:47,110 Dan jQuery memiliki banyak fungsi yang mungkin akan berguna bagi Anda 565 00:29:47,110 --> 00:29:50,470 dalam tugas akhir Anda jika Anda melakukan apa-apa dengan desain web. 566 00:29:50,470 --> 00:29:53,480 Seperti yang saya ingin mengatakan, "Pekerjaan cerdas, bukan lebih keras. " 567 00:29:53,480 --> 00:29:57,130 Jika kalian melakukannya, itu akan menjadi besar. 568 00:29:57,130 --> 00:30:00,330 Ketika kita berada di hackathon saya tidak ingin Anda untuk menjadi semua stres. 569 00:30:00,330 --> 00:30:03,600 Aku ingin kau menjadi seperti, "aku ini. jQuery kembali 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 hal yang ingat, aku akan 572 00:30:07,636 --> 00:30:10,220 untuk membiarkan kalian terlihat lebih ke jQuery sendiri. 573 00:30:10,220 --> 00:30:13,070 Semua aku akan mengatakan itu melakukan beberapa hal yang cukup mengagumkan 574 00:30:13,070 --> 00:30:15,220 dan dapat membuat hidup Anda jauh lebih mudah. 575 00:30:15,220 --> 00:30:17,150 Tapi apa yang Anda ingin miliki adalah file apapun yang 576 00:30:17,150 --> 00:30:21,020 bahwa Anda akan menggunakannya dalam, Anda akan ingin dua baris. 577 00:30:21,020 --> 00:30:25,630 Anda akan ingin naskah js jQuery dot js. 578 00:30:25,630 --> 00:30:28,500 Dan sebenarnya sumber Anda akan ada beberapa URL. 579 00:30:28,500 --> 00:30:35,870 Jika Anda Google jQuery, Google sebenarnya host semua file untuk Anda. 580 00:30:35,870 --> 00:30:38,950 Jadi Anda pasti ingin masukan URL gantinya. 581 00:30:38,950 --> 00:30:41,130 Aku hanya menempatkan ini di sini untuk mudahnya. 582 00:30:41,130 --> 00:30:45,180 Semua ini berarti adalah tempat untuk menemukan perpustakaan jQuery Anda. 583 00:30:45,180 --> 00:30:48,600 Ini besar, sehingga Anda tidak ingin menyimpannya di komputer Anda sendiri 584 00:30:48,600 --> 00:30:53,390 jika Anda dapat menghindari hal itu, itulah sebabnya kami cenderung hanya dimasukkan ke dalam URL Google yang 585 00:30:53,390 --> 00:30:55,880 host semua file-file ini untuk Anda. 586 00:30:55,880 --> 00:30:56,380 OKE? 587 00:30:56,380 --> 00:30:58,850 Anda Google itu, aku janji itu akan berada di sana. 588 00:30:58,850 --> 00:31:01,200 >> Dan kemudian apa pun File JavaScript yang Anda 589 00:31:01,200 --> 00:31:07,150 menggunakan, jadi ini hanya beberapa eksternal JavaScript file yang Anda gunakan. 590 00:31:07,150 --> 00:31:11,570 Dengan cara yang sama bahwa kita link ke CSS kami file, ini adalah hal yang sama. 591 00:31:11,570 --> 00:31:15,480 Ini hanya link ke file di mana Anda JavaScript. 592 00:31:15,480 --> 00:31:18,970 Dan saya memiliki beberapa contoh dengan JavaScript sederhana. 593 00:31:18,970 --> 00:31:20,220 Jadi kita akan pergi melalui itu. 594 00:31:20,220 --> 00:31:27,230 Dan kemudian dalam indeks Anda JavaScript, yang Anda JavaScript mengajukan sini, 595 00:31:27,230 --> 00:31:30,900 ini adalah jenis pembungkus yang Anda miliki untuk jQuery. 596 00:31:30,900 --> 00:31:33,860 Kau hampir 99,9 persen dari waktu akan 597 00:31:33,860 --> 00:31:36,800 untuk memiliki ini dalam file index.js Anda. 598 00:31:36,800 --> 00:31:40,010 Karena apa ini mengatakan adalah, "Tidak mengeksekusi apa-apa 599 00:31:40,010 --> 00:31:43,480 sampai dokumen Anda sebenarnya siap, "yang adalah apa yang Anda inginkan. 600 00:31:43,480 --> 00:31:46,600 Karena jika dokumen Anda tidak siap, dan jQuery mulai melakukan hal-hal, 601 00:31:46,600 --> 00:31:48,020 itu hanya berantakan. 602 00:31:48,020 --> 00:31:50,480 Jadi, Anda selalu ingin memiliki wrapper ini. 603 00:31:50,480 --> 00:31:55,760 Dan kemudian untuk hal-hal yang masuk ke sana, saya akan meninggalkan untuk membaca dengan teliti orang Anda sendiri. 604 00:31:55,760 --> 00:32:04,610 >> OK, jadi apakah ada pertanyaan yang tepat sekarang sekitar JavaScript pada umumnya? 605 00:32:04,610 --> 00:32:07,420 Atau model DOM? 606 00:32:07,420 --> 00:32:10,780 Jika tidak, kami memiliki beberapa keren contoh yang bisa kita lalui, 607 00:32:10,780 --> 00:32:13,120 bahwa kalian dapat membantu saya kode. 608 00:32:13,120 --> 00:32:15,877 Tapi aku juga akan menjadi super bagus, dan jika Anda 609 00:32:15,877 --> 00:32:17,960 tidak ingin mengatakan apa-apa untuk ini, itu baik-baik saja. 610 00:32:17,960 --> 00:32:20,510 Saya juga bisa hanya memberikan contoh. 611 00:32:20,510 --> 00:32:24,581 Tapi apa pun di PowerPoint sebelum kita melanjutkan? 612 00:32:24,581 --> 00:32:25,080 Keren. 613 00:32:25,080 --> 00:32:26,990 >> Saya merasa seperti kalian perlu energi. 614 00:32:26,990 --> 00:32:31,516 Jadi saya pikir kita akan memulai dengan contoh partai pertama saya. 615 00:32:31,516 --> 00:32:33,390 Kami memiliki tiga contoh, Anda memiliki pilihan Anda. 616 00:32:33,390 --> 00:32:37,720 Jadi kita memiliki jam, di mana kita akan untuk menerapkan jam aktual yang 617 00:32:37,720 --> 00:32:41,430 akan memperbarui seiring berjalannya waktu. 618 00:32:41,430 --> 00:32:43,310 Kami memiliki fungsi Twitter yang besar ini. 619 00:32:43,310 --> 00:32:44,560 This-- Anda tahu apa, tunggu. 620 00:32:44,560 --> 00:32:47,220 Kita akan membuat ini pergi. 621 00:32:47,220 --> 00:32:47,950 Bam. 622 00:32:47,950 --> 00:32:49,060 OKE. 623 00:32:49,060 --> 00:32:56,132 >> Kami memiliki fungsi Twitter yang besar ini di sini, itu-- aku tahu, kan? 624 00:32:56,132 --> 00:32:57,090 Ini akan menjadi besar. 625 00:32:57,090 --> 00:32:58,350 Apakah kalian bersemangat? 626 00:32:58,350 --> 00:33:01,170 Yang akan menghitung jumlah karakter yang telah Anda tinggalkan, 627 00:33:01,170 --> 00:33:04,520 jadi jika saya ketik sekarang, jelas masih mengatakan 140, 628 00:33:04,520 --> 00:33:06,190 tetapi kita tahu bahwa tidak terjadi. 629 00:33:06,190 --> 00:33:08,570 Dan kemudian dengan satu terakhir kami di sini, klik di sini untuk pesta. 630 00:33:08,570 --> 00:33:12,150 Apa yang akan terjadi adalah ketika kita klik, latar belakang yang 631 00:33:12,150 --> 00:33:13,340 akan mengubah warna. 632 00:33:13,340 --> 00:33:17,060 Jadi kalian punya pilihan Anda yang mana yang Anda ingin lakukan pertama. 633 00:33:17,060 --> 00:33:19,800 Aku berjanji akan mengambil sangat mudah pada Anda. 634 00:33:19,800 --> 00:33:22,680 Aku merasa seperti orang semacam hanya sangat rendah kunci hari ini. 635 00:33:22,680 --> 00:33:25,540 Jadi saya akan memandu Anda melalui cara kita akan menerapkan semua ini. 636 00:33:25,540 --> 00:33:28,520 Jika Anda ingin berpadu di, itu hebat, tapi aku 637 00:33:28,520 --> 00:33:30,020 merasa seperti semua orang sedikit lelah. 638 00:33:30,020 --> 00:33:32,970 Jadi saya hanya akan memandu Anda melalui contoh-contoh ini. 639 00:33:32,970 --> 00:33:35,015 Apakah kita memiliki sesuatu yang kami ingin lakukan pertama? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Siapa Saja? 642 00:33:39,475 --> 00:33:41,350 Tidak ada pilihan? 643 00:33:41,350 --> 00:33:41,867 OKE. 644 00:33:41,867 --> 00:33:42,450 Kamu tahu apa? 645 00:33:42,450 --> 00:33:43,290 Kami berada di pesta. 646 00:33:43,290 --> 00:33:48,380 Saya merasa seperti kalian perlu little-- sebuah jadi, kami akan melakukan salah satu pihak pertama. 647 00:33:48,380 --> 00:33:48,880 OKE. 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> Jadi apa yang kita miliki di sini-itu tidak seharusnya berada di sana. 650 00:33:56,930 --> 00:33:57,910 Sekarang baik. 651 00:33:57,910 --> 00:33:59,810 OKE. 652 00:33:59,810 --> 00:34:03,110 Jadi apa yang kita miliki di sini adalah hanya halaman HTML sederhana 653 00:34:03,110 --> 00:34:07,840 bahwa kalian semua harus menjadi super akrab dengan dua psets terakhir Anda. 654 00:34:07,840 --> 00:34:10,212 kami memiliki tipe doc kami di sini. 655 00:34:10,212 --> 00:34:10,920 Bisakah semua orang melihat? 656 00:34:10,920 --> 00:34:11,420 OKE. 657 00:34:11,420 --> 00:34:12,560 Keren. 658 00:34:12,560 --> 00:34:13,900 Kami memiliki HTML kita jelas. 659 00:34:13,900 --> 00:34:18,360 Kami memiliki beberapa judul yang terkait dengan style sheet yang 660 00:34:18,360 --> 00:34:21,420 hanya membuat font yang saya bagus dan besar dan tebal. 661 00:34:21,420 --> 00:34:23,489 Jadi jangan khawatir tentang itu. 662 00:34:23,489 --> 00:34:26,437 >> Kami memiliki beberapa tubuh dengan latar belakang Id, OK? 663 00:34:26,437 --> 00:34:28,520 Karena kita akan menjadi mengubah latar belakang. 664 00:34:28,520 --> 00:34:31,964 Jadi ketika kita mengubah latar belakang tubuh kita, 665 00:34:31,964 --> 00:34:35,965 kita ingat dari dua minggu yang lalu ketika kita berhadapan dengan halaman web. 666 00:34:35,965 --> 00:34:36,840 Begitu baik untuk memiliki. 667 00:34:36,840 --> 00:34:39,270 Dan kami memiliki beberapa Id sama partai. 668 00:34:39,270 --> 00:34:43,909 Ini h ref pound hanya berarti bahwa itu akan masuk ke halaman yang sama. 669 00:34:43,909 --> 00:34:47,120 Dan klik di sini untuk pesta, itulah sebabnya ketika kita klik, 670 00:34:47,120 --> 00:34:48,940 harus mengubah warna, untungnya. 671 00:34:48,940 --> 00:34:54,322 >> Dan kemudian kita memiliki beberapa script di sini bahwa hanya terkait dengan partai ini dot js 672 00:34:54,322 --> 00:34:58,100 File, yang kosong karena Kami tidak melakukan apa pun. 673 00:34:58,100 --> 00:35:00,450 Dan itu sangat menyedihkan. 674 00:35:00,450 --> 00:35:06,100 Tapi segera, itu akan berubah warna, dan itu akan menjadi luar biasa. 675 00:35:06,100 --> 00:35:10,520 >> Jadi aku hanya akan berjalan kalian melalui bagaimana kita bisa pendekatan ini. 676 00:35:10,520 --> 00:35:14,030 Jadi hal pertama yang kita mungkin ingin lakukan, 677 00:35:14,030 --> 00:35:18,050 jika kita mengubah latar belakang tubuh, hal pertama yang kita mungkin ingin 678 00:35:18,050 --> 00:35:22,730 lakukan sebenarnya ambil apa tubuh, kan? 679 00:35:22,730 --> 00:35:27,690 Jadi kita ingin memiliki sum, kami latar belakang, dan jika Anda perhatikan, 680 00:35:27,690 --> 00:35:29,567 Aku hanya otomatis hanya mulai mengetik. 681 00:35:29,567 --> 00:35:32,400 Tidak ada yang istimewa bahwa kita perlu lakukan untuk file JavaScript kita. 682 00:35:32,400 --> 00:35:35,820 Aku bisa mulai menyatakan variabel, dan menyatakan fungsi acak. 683 00:35:35,820 --> 00:35:38,110 Dan itu bentuk yang lebih bebas. 684 00:35:38,110 --> 00:35:41,930 Ini seperti dengan C, kami memberikan Anda semua aturan keras, dan Anda tumbuh, 685 00:35:41,930 --> 00:35:43,220 jadi kita seperti, "pergilah. 686 00:35:43,220 --> 00:35:44,000 Bebas. 687 00:35:44,000 --> 00:35:44,870 Lakukan apa yang Anda inginkan. " 688 00:35:44,870 --> 00:35:46,280 Dan itulah yang JavaScript. 689 00:35:46,280 --> 00:35:48,390 Jadi kita memiliki beberapa latar belakang di sini. 690 00:35:48,390 --> 00:35:55,900 Dengan model DOM kami, kami tahu kami dapat melakukan dokumen dot mendapatkan elemen, 691 00:35:55,900 --> 00:36:00,290 dan jika kita perhatikan di sini, tubuh kita memiliki Id. 692 00:36:00,290 --> 00:36:00,930 Yang Tepat? 693 00:36:00,930 --> 00:36:06,310 Jadi kita bisa melakukan mendapatkan dokumen dengan Id, dan inilah yang sederhana. 694 00:36:06,310 --> 00:36:08,295 Apa Id kita yang kita inginkan di sini? 695 00:36:08,295 --> 00:36:09,170 AUDIENCE: 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 Sempurna. 698 00:36:12,230 --> 00:36:14,250 Dan titik koma di akhir. 699 00:36:14,250 --> 00:36:15,610 Itu belum pergi belum. 700 00:36:15,610 --> 00:36:17,330 Anda masih perlu titik koma Anda. 701 00:36:17,330 --> 00:36:17,830 OKE. 702 00:36:17,830 --> 00:36:19,690 Jadi itulah yang pertama kami. 703 00:36:19,690 --> 00:36:23,880 Dan ketika kita klik sesuatu, kita ingin sesuatu terjadi, kan? 704 00:36:23,880 --> 00:36:28,270 Jadi kita mungkin ingin beberapa variabel yang menunggu klik. 705 00:36:28,270 --> 00:36:32,410 Apa yang akan kita lakukan adalah kita akan membuat link kami lebih mirip dengan sebuah tombol. 706 00:36:32,410 --> 00:36:43,140 Jadi kita akan memiliki beberapa tombol yang sama dokumen dot mendapatkan elemen dengan Id. 707 00:36:43,140 --> 00:36:48,670 Dan jika saya sedang berbicara tentang klik link atau klik disini untuk pesta 708 00:36:48,670 --> 00:36:51,850 Link, apa yang mungkin Id saya berada di sini? 709 00:36:51,850 --> 00:36:52,590 Partai. 710 00:36:52,590 --> 00:36:55,200 Yang Benar. 711 00:36:55,200 --> 00:36:56,500 OK tidak terlalu buruk sejauh ini. 712 00:36:56,500 --> 00:36:59,060 Semua orang mendapatkan apa yang kita lakukan? 713 00:36:59,060 --> 00:37:02,100 >> OK, jadi sekarang kita memiliki kita tombol, dan kami ingin 714 00:37:02,100 --> 00:37:04,140 hal yang berubah ketika kita klik di atasnya. 715 00:37:04,140 --> 00:37:08,750 Jadi jika kita ingat dari PowerPoint kami, hal yang sangat sederhana yang dapat kita lakukan 716 00:37:08,750 --> 00:37:12,140 adalah tombol hanya dot onclick, kan? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 Dan itu akan sama beberapa fungsi. 719 00:37:18,730 --> 00:37:20,620 Ini adalah fungsi anonim. 720 00:37:20,620 --> 00:37:24,620 Dan ini hanya as-- sebenarnya aku akan membuat ini lebih besar sedikit. 721 00:37:24,620 --> 00:37:27,330 >> Jadi apa yang saya hanya melakukan di sini adalah saya katakan, OK, 722 00:37:27,330 --> 00:37:31,810 ketika kita klik tombol kita, yang link ini yang baru saja kita disebut, 723 00:37:31,810 --> 00:37:34,270 kita akan mengeksekusi fungsi anonim ini. 724 00:37:34,270 --> 00:37:35,845 Kita tidak perlu masukan apapun. 725 00:37:35,845 --> 00:37:37,220 Kami tidak peduli apa yang dikatakan pengguna. 726 00:37:37,220 --> 00:37:38,800 Ketika mereka klik di atasnya, kami akan melakukan apapun yang kita inginkan, 727 00:37:38,800 --> 00:37:40,660 yang mengubah warna latar belakang. 728 00:37:40,660 --> 00:37:42,640 OKE? 729 00:37:42,640 --> 00:37:47,224 Jadi itu sebabnya kami tidak memiliki masukan apapun, kita hanya memiliki fungsi anonim ini. 730 00:37:47,224 --> 00:37:49,390 Dan sekarang kita benar-benar akan untuk menulis fungsi ini. 731 00:37:49,390 --> 00:37:55,040 >> Jadi ada banyak cara Anda bisa menghasilkan warna acak. 732 00:37:55,040 --> 00:37:59,010 Cara yang saya lakukan itu adalah untuk menghasilkan tiga angka acak 733 00:37:59,010 --> 00:38:01,910 dan mengkonversikannya ke RGB tiga. 734 00:38:01,910 --> 00:38:06,130 Jadi ini hanya menunjukkan beberapa keren hal-hal yang jika Anda seperti, "oh, 735 00:38:06,130 --> 00:38:08,464 Saya perlu untuk menghasilkan acak nomor. "Jika Anda Googled itu, 736 00:38:08,464 --> 00:38:09,630 ini adalah apa yang akan Anda temukan. 737 00:38:09,630 --> 00:38:17,580 >> Jadi kami memiliki tiga berbeda hal, var, tidak merah lagi, hijau. 738 00:38:17,580 --> 00:38:18,080 Yang Tepat? 739 00:38:18,080 --> 00:38:20,740 Jadi mereka adalah tiga hal-hal yang membuat warna. 740 00:38:20,740 --> 00:38:22,220 Biru, merah, dan hijau. 741 00:38:22,220 --> 00:38:22,960 Keren. 742 00:38:22,960 --> 00:38:27,050 Dan apa yang bisa kita lakukan adalah bahwa kita tahu yang perlu antara 255, 743 00:38:27,050 --> 00:38:30,140 dan jika Anda melihat beberapa nomor acak generator, 744 00:38:30,140 --> 00:38:36,000 Anda bisa mendapatkan sesuatu seperti matematika dot acak, yang jika Anda melihat ini 745 00:38:36,000 --> 00:38:39,230 kembali ke beberapa nomor antara nol dan satu. 746 00:38:39,230 --> 00:38:39,980 OKE? 747 00:38:39,980 --> 00:38:44,470 Dan apa yang nomor lakukan kami Triple RGB pergi antara? 748 00:38:44,470 --> 00:38:47,240 Nol dan apa? 749 00:38:47,240 --> 00:38:49,000 Apa yang bisa mereka pergi ke? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Jadi, jika matematika dot acak berjalan antara nol dan satu, 752 00:38:53,320 --> 00:38:56,365 bagaimana mungkin kita ingin mengubahnya? 753 00:38:56,365 --> 00:38:56,990 AUDIENCE: Waktu? 754 00:38:56,990 --> 00:38:57,830 Allison Buchholtz-AU: Ya, persis. 755 00:38:57,830 --> 00:38:58,677 Jadi waktu 255. 756 00:38:58,677 --> 00:39:00,888 >> AUDIENCE: [tidak terdengar] Ini seperti [tidak terdengar]. 757 00:39:00,888 --> 00:39:02,471 Allison Buchholtz-AU: Matematika dot acak. 758 00:39:02,471 --> 00:39:03,096 AUDIENCE: 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 mengurus Anda. 761 00:39:06,300 --> 00:39:07,580 OKE. 762 00:39:07,580 --> 00:39:09,360 Jadi kita bisa melakukannya untuk semua ini. 763 00:39:09,360 --> 00:39:10,540 Yang Tepat? 764 00:39:10,540 --> 00:39:16,480 Matematika dot acak kali 255. 765 00:39:16,480 --> 00:39:17,740 Salin itu. 766 00:39:17,740 --> 00:39:18,820 Keren. 767 00:39:18,820 --> 00:39:23,350 Jadi masalahnya, ini mungkin tidak kembali integer. 768 00:39:23,350 --> 00:39:24,080 Yang Tepat? 769 00:39:24,080 --> 00:39:26,450 Mungkin kita mendapatkan beberapa nomor antara nol dan satu, 770 00:39:26,450 --> 00:39:32,150 dan hal itu menyebabkan hal itu terjadi sedikit off, dan RGBs kita tidak bisa mengapung. 771 00:39:32,150 --> 00:39:33,360 Mereka harus int. 772 00:39:33,360 --> 00:39:37,610 Jadi jika Anda mencoba ini, itu akan mungkin memiliki beberapa perilaku tak menentu. 773 00:39:37,610 --> 00:39:38,810 Ini akan menjadi sedikit funky. 774 00:39:38,810 --> 00:39:43,200 Jadi apa yang kita lakukan adalah kita ingin membuat yakin bahwa ini bulat, 775 00:39:43,200 --> 00:39:45,400 dan Anda bisa melengkapi dengan cara baik. 776 00:39:45,400 --> 00:39:47,110 Saya bulat dengan lantai. 777 00:39:47,110 --> 00:39:49,680 Jadi saya selalu memastikan yang dibulatkan ke bawah. 778 00:39:49,680 --> 00:39:54,440 Tapi pergi dari betapa sederhananya adalah untuk hanya mendapatkan nomor acak, 779 00:39:54,440 --> 00:39:57,920 bagaimana Anda berpikir kita mungkin lantai nomor ini? 780 00:39:57,920 --> 00:40:00,720 Ini sangat mirip. 781 00:40:00,720 --> 00:40:02,810 Setiap ide? 782 00:40:02,810 --> 00:40:06,450 Jadi jika random hanya matematika dot acak, jadi jangan berpikir Anda kami akan melakukan lantai? 783 00:40:06,450 --> 00:40:09,670 Matematika dot lantai. 784 00:40:09,670 --> 00:40:11,340 Dan Anda juga dapat melakukan matematika dot langit-langit. 785 00:40:11,340 --> 00:40:14,030 Putaran adalah jenis ambigu karena Anda tidak 786 00:40:14,030 --> 00:40:16,110 tahu apakah untuk mengumpulkan atau putaran bawah. 787 00:40:16,110 --> 00:40:20,797 Jadi biasanya kami selalu melakukan matematika dot lantai, matematika dot langit-langit. 788 00:40:20,797 --> 00:40:21,380 Tapi honestly-- 789 00:40:21,380 --> 00:40:22,780 >> AUDIENCE: Apakah lantai putaran bawah? 790 00:40:22,780 --> 00:40:24,740 >> Allison Buchholtz-AU: Lantai putaran bawah. 791 00:40:24,740 --> 00:40:26,990 Dan itu hanya pilihan di bagian saya. 792 00:40:26,990 --> 00:40:32,370 >> Jadi sekarang kita memiliki nomor kami tiga yang telah dihasilkan secara acak, 793 00:40:32,370 --> 00:40:36,610 dan apa yang akan kita lakukan sekarang adalah kita hanya akan mengubah latar belakang. 794 00:40:36,610 --> 00:40:37,310 OKE? 795 00:40:37,310 --> 00:40:41,490 Jadi kita sudah memiliki kita latar belakang jenis disimpan 796 00:40:41,490 --> 00:40:43,280 dalam elemen ini disebut background. 797 00:40:43,280 --> 00:40:47,300 Jadi apa yang akan Anda perhatikan adalah, jika Anda bermain-main dengan hal ini, 798 00:40:47,300 --> 00:40:50,460 kita ingin mengubah gaya. 799 00:40:50,460 --> 00:40:53,812 Dan ini adalah jenis sesuatu yang Anda akan Google dan mencari tahu, 800 00:40:53,812 --> 00:40:55,020 seperti bagaimana untuk mengubah warna. 801 00:40:55,020 --> 00:40:59,210 >> Tapi cara Anda mengakses warna ini background dot dot gaya latar belakang. 802 00:40:59,210 --> 00:41:03,490 Jadi ini adalah pepatah yang diberikan objek ini, latar belakang, 803 00:41:03,490 --> 00:41:06,920 yang merujuk pada 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 OKE? 807 00:41:14,270 --> 00:41:17,630 Dan jika Anda pergi dan melihat ini, mungkin membuat sedikit lebih masuk akal, 808 00:41:17,630 --> 00:41:21,930 tapi ini pada dasarnya hanya mengatakan, "Memberikan atribut yang sangat spesifik ini 809 00:41:21,930 --> 00:41:25,770 dari apa yang saya ditetapkan sebelumnya. " 810 00:41:25,770 --> 00:41:32,340 Jadi apa yang kita mengubahnya untuk adalah beberapa RGB, karena itu masuk akal. 811 00:41:32,340 --> 00:41:34,780 Kami menggunakan RGB tiga kali lipat, kan? 812 00:41:34,780 --> 00:41:41,530 Dan kami have-- saya ingin memastikan saya mendapatkan jumlah yang tepat dari kutipan di sini. 813 00:41:41,530 --> 00:41:43,940 Jadi apa yang kita lakukan adalah kita harus RGB, dan kita akan 814 00:41:43,940 --> 00:41:46,800 to-- ini adalah seperti Rangkaian, yang berwarna merah. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 Dan kemudian kita ingin beberapa koma. 817 00:41:52,610 --> 00:41:59,925 Dan kemudian kita ingin ditambah 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 berarti seperti Rangkaian. 820 00:42:14,120 --> 00:42:19,810 Jadi ini hanya menciptakan ini string yang akan dalam RGB. 821 00:42:19,810 --> 00:42:20,310 OKE? 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> AUDIENCE: [tidak terdengar] ditambah kemudian yang hijau ditambah kemudian merah. 824 00:42:26,684 --> 00:42:30,163 >> Allison Buchholtz-AU: Ya, karena saya kacau yang. 825 00:42:30,163 --> 00:42:30,890 Halus yang satu. 826 00:42:30,890 --> 00:42:32,110 Oh, tunggu. 827 00:42:32,110 --> 00:42:32,610 Tak Ada. 828 00:42:32,610 --> 00:42:36,770 Karena aku harus memastikan bahwa aku baik-baik ini. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Jadi saya akan menjelaskan secara momento uno. 831 00:42:43,950 --> 00:42:47,040 Hijau, biru, sempurna. 832 00:42:47,040 --> 00:42:47,971 Sekarang saya sudah selesai. 833 00:42:47,971 --> 00:42:48,470 Saya yakin. 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> OKE. 836 00:42:52,530 --> 00:42:58,085 Jadi apa ini, adalah latar belakang yang akan diatur ke beberapa string. 837 00:42:58,085 --> 00:42:58,585 Yang Tepat? 838 00:42:58,585 --> 00:42:59,710 Yang adalah apa yang kita miliki di sini. 839 00:42:59,710 --> 00:43:05,870 Ini akan menjadi beberapa RGB 255 koma 255 koma nol, atau apa pun nomor yang Anda 840 00:43:05,870 --> 00:43:06,512 telah ada. 841 00:43:06,512 --> 00:43:08,220 Jadi kita lakukan di sini, kami memiliki beberapa string. 842 00:43:08,220 --> 00:43:11,910 Dan apa yang ingin kita lakukan, adalah kita jenis dinamis menciptakan 843 00:43:11,910 --> 00:43:14,010 bahwa ketika kita benar-benar menjalankan program ini. 844 00:43:14,010 --> 00:43:16,570 Jadi ini adalah beberapa string. 845 00:43:16,570 --> 00:43:20,290 Ditambah merangkai dengan nilai merah yang memiliki, 846 00:43:20,290 --> 00:43:23,320 yang merangkai itu dengan koma, yang merangkai itu 847 00:43:23,320 --> 00:43:26,090 dengan apa yang hijau, dan seterusnya, dan sebagainya. 848 00:43:26,090 --> 00:43:26,660 OKE? 849 00:43:26,660 --> 00:43:32,210 Sampai akhir, yang merupakan menutup kurung RGB ini di sini. 850 00:43:32,210 --> 00:43:32,800 OKE? 851 00:43:32,800 --> 00:43:37,230 >> Jadi apa ini akan menghasilkan beberapa perintah yang benar-benar 852 00:43:37,230 --> 00:43:42,770 yaitu RGB tiga angka background yang sekarang sudah siap untuk. 853 00:43:42,770 --> 00:43:43,940 OKE? 854 00:43:43,940 --> 00:43:46,510 Jadi mari kita lihat apakah ini bekerja. 855 00:43:46,510 --> 00:43:49,720 Saya harap tidak, karena jika tidak, aku akan menjadi nyata sedih. 856 00:43:49,720 --> 00:43:50,250 Oh tidak. 857 00:43:50,250 --> 00:43:52,710 OK, tunggu. 858 00:43:52,710 --> 00:43:56,730 Pasti background dot dot gaya latar belakang. 859 00:43:56,730 --> 00:43:59,569 Aku pasti hilang sesuatu yang kecil saja. 860 00:43:59,569 --> 00:44:00,610 Jangan kalian benci itu? 861 00:44:00,610 --> 00:44:04,020 Ketika itu hanya sedikit kesalahan kecil? 862 00:44:04,020 --> 00:44:04,990 Background Mahakuasa. 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 >> AUDIENCE: [tidak terdengar] 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 mencoba ini sebelumnya kelas. 869 00:44:14,050 --> 00:44:16,570 Saya memiliki semua yang saya lakukan sebelumnya kelas dalam kasus saya seperti, 870 00:44:16,570 --> 00:44:17,970 "Tunggu, apa yang saya lakukan salah?" 871 00:44:17,970 --> 00:44:23,190 Karena aku seperti, "Aku mungkin akan kekacauan ini di beberapa titik. " 872 00:44:23,190 --> 00:44:24,150 Ditambah hijau. 873 00:44:24,150 --> 00:44:26,250 Semuanya tampak seperti itu digabungkan dengan benar. 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 OKE. 876 00:44:30,520 --> 00:44:31,870 >> AUDIENCE: [tidak terdengar] 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 butuhkan. 879 00:44:35,520 --> 00:44:36,805 Lihat itu. 880 00:44:36,805 --> 00:44:40,090 Tiffany untuk menyelamatkan. 881 00:44:40,090 --> 00:44:40,590 Sempurna. 882 00:44:40,590 --> 00:44:41,090 OKE. 883 00:44:41,090 --> 00:44:43,834 Sekarang mari kita lihat apakah ia bekerja. 884 00:44:43,834 --> 00:44:44,816 Astaga. 885 00:44:44,816 --> 00:44:45,641 OKE. 886 00:44:45,641 --> 00:44:46,140 Tahan. 887 00:44:46,140 --> 00:44:48,280 >> AUDIENCE: Ruang setelah ditambah kedua. 888 00:44:48,280 --> 00:44:50,310 >> Allison Buchholtz-AU: Yang mana? 889 00:44:50,310 --> 00:44:52,910 Oh, tunggu, tunggu. 890 00:44:52,910 --> 00:44:54,870 Ruang memakai? 891 00:44:54,870 --> 00:44:57,209 >> AUDIENCE: Kedua plus Rangkaian hijau. 892 00:44:57,209 --> 00:44:58,250 Allison Buchholtz-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 AUDIENCE: Tidak ada ruang setelah ditambah, ya. 894 00:44:59,570 --> 00:45:00,790 Allison Buchholtz-AU: Anda tidak perlu itu, tapi-- 895 00:45:00,790 --> 00:45:01,190 AUDIENCE: Oh, Anda tidak? 896 00:45:01,190 --> 00:45:01,910 Allison Buchholtz-AU: Ini terlihat cantik. 897 00:45:01,910 --> 00:45:02,530 AUDIENCE: OK. 898 00:45:02,530 --> 00:45:03,030 OKE. 899 00:45:03,030 --> 00:45:05,170 >> Allison Buchholtz AU: Mari kita lihat apakah ini bekerja. 900 00:45:05,170 --> 00:45:05,670 OKE. 901 00:45:05,670 --> 00:45:07,836 Aku jelas gagal di demo ini, yang mengingatkan saya 902 00:45:07,836 --> 00:45:12,810 dari kuliah minggu, tapi aku tahu ini akan bekerja. 903 00:45:12,810 --> 00:45:15,860 Saya tahu ini akan bekerja. 904 00:45:15,860 --> 00:45:16,580 Begitu dekat. 905 00:45:16,580 --> 00:45:22,330 Kecuali saya sengaja dihapus naskah saya yang satu ini. 906 00:45:22,330 --> 00:45:24,035 Tidak, itu adalah titik partai js. 907 00:45:24,035 --> 00:45:25,776 OK tunggu. 908 00:45:25,776 --> 00:45:28,650 Aku akan menyalin ini, dan aku juga hanya akan menghapus segala sesuatu, 909 00:45:28,650 --> 00:45:30,108 karena saya punya kerja ini sebelumnya. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Saya berjanji bekerja. 912 00:45:33,770 --> 00:45:36,160 Jika tidak, saya akan menunjukkan apa yang Tommy adalah. 913 00:45:36,160 --> 00:45:38,890 Dan ada. 914 00:45:38,890 --> 00:45:42,380 >> AUDIENCE: Kau referensi partai dot CSS, dan itu adalah pesta dot js. 915 00:45:42,380 --> 00:45:45,940 >> Allison Buchholtz-AU: Ah, baik di sini adalah pesta dot js. 916 00:45:45,940 --> 00:45:49,187 OK, apa yang saya lakukan berbeda? 917 00:45:49,187 --> 00:45:50,520 OK, kita akan melihat apakah ini bekerja sekarang. 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 berbeda, tapi ini adalah apa yang harus terjadi. 921 00:46:02,110 --> 00:46:03,230 Agak dingin. 922 00:46:03,230 --> 00:46:06,650 Aku mengklik ini, seperti, selamanya. 923 00:46:06,650 --> 00:46:11,185 Tapi kita bisa mencoba dan melihat apa yang saya lakukan berbeda yang satu ini memiliki. 924 00:46:11,185 --> 00:46:14,560 Aku tidak tahu tentang kalian, tapi ini terlihat pada dasarnya apa yang saya baru saja menulis. 925 00:46:14,560 --> 00:46:17,950 Ada mungkin hilang koma di suatu tempat adalah hal saya. 926 00:46:17,950 --> 00:46:22,064 Sebenarnya setelah itu, saya pikir saya hilang titik koma di sini sebenarnya. 927 00:46:22,064 --> 00:46:24,230 Tapi aku tidak bisa melihatnya karena itu dari layar. 928 00:46:24,230 --> 00:46:29,040 >> Tetapi jika kita perhatikan, ini cukup banyak persis apa yang saya baru saja menulis. 929 00:46:29,040 --> 00:46:33,010 Saya pikir mungkin bagian tersulit tentang ini hanya jenis hal ini benar 930 00:46:33,010 --> 00:46:36,830 di sini, pemahaman apa yang dilakukannya di sana. 931 00:46:36,830 --> 00:46:42,230 Ini macam hal yang Anda pelajari benar-benar hanya dengan Googling dan jujur 932 00:46:42,230 --> 00:46:42,880 hanya mencoba. 933 00:46:42,880 --> 00:46:46,770 Jika Anda berpikir ada beberapa atribut, mungkin ada. 934 00:46:46,770 --> 00:46:48,382 Jadi mencobanya. 935 00:46:48,382 --> 00:46:49,090 Lihat apa yang terjadi. 936 00:46:49,090 --> 00:46:53,000 Seperti yang saya katakan, ada banyak eksperimen dengan JavaScript, 937 00:46:53,000 --> 00:46:56,810 dan PHP, dan semua yang hal, dan CSS terutama. 938 00:46:56,810 --> 00:47:00,046 Itulah satu-satunya yang benar cara untuk memahaminya. 939 00:47:00,046 --> 00:47:07,100 >> OK, jadi setelah itu kegagalan dengan pihak dot js, kita memiliki dua pilihan lain. 940 00:47:07,100 --> 00:47:10,650 Kami memiliki 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 menyenangkan seperti partai, yang memiliki nyala sedikit dingin 943 00:47:17,720 --> 00:47:19,595 hal di akhir. 944 00:47:19,595 --> 00:47:21,714 Apakah kalian memiliki preferensi apapun? 945 00:47:21,714 --> 00:47:22,380 AUDIENCE: Jam? 946 00:47:22,380 --> 00:47:22,950 Allison Buchholtz-AU: Jam? 947 00:47:22,950 --> 00:47:23,450 OKE. 948 00:47:23,450 --> 00:47:25,390 Keren. 949 00:47:25,390 --> 00:47:30,460 >> Jadi sekali lagi, kita kita kosong berkas JavaScript. 950 00:47:30,460 --> 00:47:35,800 Dan seperti yang kita lihat di sini, kami memiliki beberapa HTML yang sangat sederhana. 951 00:47:35,800 --> 00:47:40,010 Kami memiliki style sheet kita, bahwa hanya format apa yang seharusnya terlihat seperti. 952 00:47:40,010 --> 00:47:42,860 Kami memiliki div kami dengan Id jam, yang 953 00:47:42,860 --> 00:47:44,420 hanya mengatakan, "ini harus menjadi sebuah jam." 954 00:47:44,420 --> 00:47:47,650 Dan kami memiliki link kami ke file JavaScript kami 955 00:47:47,650 --> 00:47:51,400 yang benar-benar akan menghasilkan jam bagi kita. 956 00:47:51,400 --> 00:47:56,060 Karena hal yang keren, adalah bahwa Anda dapat set JavaScript untuk secara otomatis me-refresh 957 00:47:56,060 --> 00:47:56,963 itu sendiri. 958 00:47:56,963 --> 00:47:57,810 OKE? 959 00:47:57,810 --> 00:48:01,580 Jadi, bukannya menunggu pengguna untuk memukul Refresh pada halaman 960 00:48:01,580 --> 00:48:03,840 sehingga Anda bisa mendapatkan waktu diperbarui, JavaScript 961 00:48:03,840 --> 00:48:06,760 dapat memperbaruinya namun suka. 962 00:48:06,760 --> 00:48:12,082 >> Jadi, seperti yang terakhir kami, kami ingin untuk mengakses latar belakang kita, kan? 963 00:48:12,082 --> 00:48:14,790 Jadi apa yang Anda pikir mungkin Hal pertama yang ingin kita lakukan di sini? 964 00:48:14,790 --> 00:48:19,538 Jika kita seperti pergi semacam ini paradigma di sini? 965 00:48:19,538 --> 00:48:22,200 Kita mungkin ingin mengakses jam kami, kan? 966 00:48:22,200 --> 00:48:24,724 Jadi, kami memiliki beberapa var jam, yang equals-- 967 00:48:24,724 --> 00:48:26,140 apa yang kita pikir itu akan menjadi? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokumen dot mendapatkan elemen by-- saya juga cinta Sublime-- Id dan Id kami adalah jam. 970 00:48:42,670 --> 00:48:43,585 Titik Koma. 971 00:48:43,585 --> 00:48:45,710 Harus memastikan untuk mendapatkan mereka titik koma saat ini, 972 00:48:45,710 --> 00:48:47,835 karena saya merasa seperti itu adalah masalah terakhir kali. 973 00:48:47,835 --> 00:48:55,980 OK jadi, karena saya hanya mengatakan dengan mencoba memiliki JavaScript menyegarkan diri, 974 00:48:55,980 --> 00:48:59,655 ada fungsi yang besar ini, saya tahu itu datang berguna tahun lalu, 975 00:48:59,655 --> 00:49:02,780 Saya tidak yakin itu sangat berguna untuk ini pset, tapi itu disebut set interval. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 Dan ini sebenarnya benar-benar keren jika kalian melakukan apa-apa 978 00:49:08,200 --> 00:49:11,460 dengan waktu atau mendapatkan informasi terbaru. 979 00:49:11,460 --> 00:49:13,700 Pada website untuk final proyek, ini mungkin 980 00:49:13,700 --> 00:49:16,240 fungsi yang ingin Anda mendapatkan super akrab dengan. 981 00:49:16,240 --> 00:49:19,730 Jadi apa yang menetapkan jeda yang dilakukan adalah bahwa kita akan memberikan fungsi, 982 00:49:19,730 --> 00:49:21,830 dan seberapa sering seharusnya memanggil fungsi ini. 983 00:49:21,830 --> 00:49:22,430 OKE? 984 00:49:22,430 --> 00:49:26,890 >> Jadi dalam hal ini, kita hanya akan membuat beberapa fungsi anonim lagi, 985 00:49:26,890 --> 00:49:31,530 OK, yang akan mendapatkan kami tanggal, dan waktu kita, 986 00:49:31,530 --> 00:49:33,780 dan kemudian memperbarui hal-hal dan menampilkannya. 987 00:49:33,780 --> 00:49:35,130 Jadi kita akan khawatir tentang itu. 988 00:49:35,130 --> 00:49:39,120 Kita akan menjadi seperti menghasilkan jam di sini. 989 00:49:39,120 --> 00:49:41,750 Tapi apa yang kita butuhkan adalah bagaimana sering untuk menyegarkan itu. 990 00:49:41,750 --> 00:49:43,930 Jadi dalam hal ini, itu hanya milidetik. 991 00:49:43,930 --> 00:49:46,877 Jadi kita hanya akan melakukan 100 milidetik. 992 00:49:46,877 --> 00:49:48,210 Tentu saja, benar-benar sewenang-wenang. 993 00:49:48,210 --> 00:49:50,600 Jika Anda ingin untuk memperbarui jauh lebih lambat, Anda bisa. 994 00:49:50,600 --> 00:49:53,300 Kami bisa main-main dengan interval set, 995 00:49:53,300 --> 00:49:57,240 seberapa besar Interval kami setelah kami mendapatkan jam kerja, yang mudah-mudahan aku akan 996 00:49:57,240 --> 00:49:59,660 mendapatkan. 997 00:49:59,660 --> 00:50:04,110 Jadi ini hanya mengatakan, "OK, panggilan Fungsi ini setiap 100 milidetik. " 998 00:50:04,110 --> 00:50:04,805 OKE? 999 00:50:04,805 --> 00:50:07,280 Itu semua hal ini. 1000 00:50:07,280 --> 00:50:12,290 >> Jadi apa yang kita inginkan fungsi kita untuk lakukan adalah kita ingin memiliki beberapa tanggal 1001 00:50:12,290 --> 00:50:14,200 dan beberapa waktu yang kita akan memiliki. 1002 00:50:14,200 --> 00:50:19,740 Jadi Kita bisa mulai dengan kami tanggal sama sesuatu, 1003 00:50:19,740 --> 00:50:22,708 dan waktu kita sama sesuatu bahwa kita belum tahu. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Atau sebenarnya, kita hanya perlu date, karena tanggal akan meliputi segala sesuatu. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Sekali lagi jika Anda hanya Google apa-apa tentang apa yang ingin Anda lakukan, jika Anda menulis, "OK, 1008 00:50:40,010 --> 00:50:41,980 Saya ingin mendapatkan waktu melalui JavaScript, "itu 1009 00:50:41,980 --> 00:50:45,890 akan memberikan besar ini fungsi yang disebut tanggal get. 1010 00:50:45,890 --> 00:50:48,664 Secara harfiah, kebanyakan hal yang ingin Anda lakukan, 1011 00:50:48,664 --> 00:50:50,830 JavaScript akan memiliki itu dilakukan untuk Anda sudah. 1012 00:50:50,830 --> 00:50:55,770 Jadi itu benar-benar seperti baru mendapatkan tanggal, yang creating-- 1013 00:50:55,770 --> 00:50:58,600 atau tanggal baru, rather-- yang menghasilkan 1014 00:50:58,600 --> 00:51:03,690 beberapa objek yang mewakili tanggal. 1015 00:51:03,690 --> 00:51:08,200 >> Dan apa yang akan kita lakukan di sini adalah ini is-- Aku akan menulis ini, 1016 00:51:08,200 --> 00:51:10,820 dan kemudian menjelaskan apa yang dilakukannya. 1017 00:51:10,820 --> 00:51:12,560 Jadi saya akan memastikan bahwa saya mendapatkan 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 kami hanya 1020 00:51:23,440 --> 00:51:30,680 menciptakan 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 menghasilkan beberapa string, OK? 1022 00:51:34,610 --> 00:51:38,510 Yang kemudian akan menjadi dipindahkan ke dalam HTML kita. 1023 00:51:38,510 --> 00:51:42,130 Pada dasarnya apa yang akan lakukan adalah apapun we-- apa yang akan saya tunjukkan 1024 00:51:42,130 --> 00:51:49,070 adalah bahwa apa pun yang kita katakan HTML adalah, kita akan mengganti teks ini di sini 1025 00:51:49,070 --> 00:51:51,090 dengan apa pun HTML. 1026 00:51:51,090 --> 00:51:56,390 Jadi ini akan memungkinkan kita untuk mengubah jam kami dot 1027 00:51:56,390 --> 00:52:00,940 HTML dari sekedar teks ini harus jam, untuk benar-benar menunjukkan 1028 00:52:00,940 --> 00:52:05,630 angka dan hal-hal yang kita peduli sekitar, dan benar-benar menjadi pukul. 1029 00:52:05,630 --> 00:52:09,810 >> Jadi apa yang akan kita lakukan adalah kita akan mulai menghasilkan HTML ini. 1030 00:52:09,810 --> 00:52:16,520 Jadi dengan cara yang sama yang kita gunakan untuk melakukan ditambah sama untuk bilangan bulat, 1031 00:52:16,520 --> 00:52:20,461 Anda sekarang dapat melakukannya untuk string, kecuali itu akan menyatukan mereka. 1032 00:52:20,461 --> 00:52:20,960 Yang Tepat? 1033 00:52:20,960 --> 00:52:26,070 Seperti yang kita lihat dengan dot partai js, ini hanya merangkai semua hal ini bersama-sama. 1034 00:52:26,070 --> 00:52:31,970 Jadi Anda dapat menggabungkan bit yang berbeda HTML dari variabel, atau bit string 1035 00:52:31,970 --> 00:52:33,750 bahwa Anda menuliskan diri sendiri, dan ini hanya 1036 00:52:33,750 --> 00:52:38,650 benar-benar memungkinkan Anda untuk secara dinamis menghasilkan HTML, yang cukup keren. 1037 00:52:38,650 --> 00:52:42,040 Jadi jika Anda memiliki sesuatu sangat user tertentu, 1038 00:52:42,040 --> 00:52:44,130 ini dapat memungkinkan Anda untuk melakukan itu. 1039 00:52:44,130 --> 00:52:47,550 >> Jadi kita memiliki HTML, untuk aku akan mencoba dan memastikan bahwa saya mendapatkan hak ini. 1040 00:52:47,550 --> 00:52:49,890 Jadi kita akan melakukan beberapa kepala h1. 1041 00:52:49,890 --> 00:52:53,610 Jadi apa yang penting untuk menyadari di sini adalah bahwa ini sebenarnya hanya HTML. 1042 00:52:53,610 --> 00:52:54,460 Yang Tepat? 1043 00:52:54,460 --> 00:52:56,610 Kami menulis aktual Kode HTML di sini, itu 1044 00:52:56,610 --> 00:53:01,090 bukan hanya string dalam normal cara yang kita akan berpikir tentang hal itu. 1045 00:53:01,090 --> 00:53:02,930 Jadi kita memiliki beberapa HTML. 1046 00:53:02,930 --> 00:53:04,940 Hal ini dianggap string di sini meskipun. 1047 00:53:04,940 --> 00:53:10,380 Dan kami lakukan tanggal dot-- kami ingin mendapatkan jam kami. 1048 00:53:10,380 --> 00:53:12,910 Sekali lagi, jika Anda adalah untuk melihat up apa-apa tentang tanggal, 1049 00:53:12,910 --> 00:53:16,160 itu akan memberitahu Anda ini semua atribut tanggal tersebut memiliki. 1050 00:53:16,160 --> 00:53:17,670 Dan inilah yang dapat Anda gunakan di atasnya. 1051 00:53:17,670 --> 00:53:20,620 Jadi mungkin memiliki hal-hal seperti mendapatkan jam, dan mendapatkan menit, 1052 00:53:20,620 --> 00:53:24,669 dan mendapatkan detik, dan mendapatkan milidetik, dan siapa tahu apa lagi yang mereka miliki. 1053 00:53:24,669 --> 00:53:27,210 Tetapi jika Anda melihat ke dalam dokumentasi, itu semua akan berada di sana. 1054 00:53:27,210 --> 00:53:31,980 >> Jadi kita harus mendapatkan jam, dan kemudian kita ingin 1055 00:53:31,980 --> 00:53:35,614 untuk menggabungkan bahwa with-- saya akan memindahkan ini di sini. 1056 00:53:35,614 --> 00:53:38,780 Jadi kalau kita menghasilkan sekarang, kami sebenarnya menghasilkan waktu, kan? 1057 00:53:38,780 --> 00:53:43,590 Kami memiliki jam, dan kemudian apa antara jam dan menit? 1058 00:53:43,590 --> 00:53:45,080 Anda memiliki titik koma, kan? 1059 00:53:45,080 --> 00:53:48,010 Jadi kita ingin melakukan koma sini. 1060 00:53:48,010 --> 00:53:51,780 Dan kemudian kita ingin mendapatkan kami menit, sehingga dengan cara yang sama 1061 00:53:51,780 --> 00:53:56,450 bahwa kita memiliki tanggal dot mendapatkan jam, bagaimana kita bisa mendapatkan menit kami? 1062 00:53:56,450 --> 00:54:01,542 Ini benar-benar tanggal dot mendapatkan menit, yang aku agak suka. 1063 00:54:01,542 --> 00:54:03,250 Ini seperti, "oh, bagaimana cara mendapatkan menit saya? " 1064 00:54:03,250 --> 00:54:05,850 Aku hanya mendapatkan menit saya. 1065 00:54:05,850 --> 00:54:07,500 >> OKE. 1066 00:54:07,500 --> 00:54:10,990 Dan kemudian kita memiliki usus lain di sini. 1067 00:54:10,990 --> 00:54:16,350 Dan kemudian jika kita ingin mendapatkan kami detik, bagaimana kita bisa mendapatkan kedua? 1068 00:54:16,350 --> 00:54:17,400 Tanggal dot mendapatkan detik. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Saya pikir itu cukup keren. 1071 00:54:21,590 --> 00:54:23,589 Dan apa yang penting untuk menyadari, adalah bahwa kita juga 1072 00:54:23,589 --> 00:54:31,730 harus menutup tag HTML kita di sini, karena masih harus HTML yang valid, sehingga h1. 1073 00:54:31,730 --> 00:54:33,481 Keren. 1074 00:54:33,481 --> 00:54:43,110 >> Jadi setelah itu, kita dapat melakukan jam dot HTML batin sama dengan HTML. 1075 00:54:43,110 --> 00:54:43,930 OKE? 1076 00:54:43,930 --> 00:54:46,470 Jadi ingat bagaimana saya mengatakan HTML batin pada dasarnya 1077 00:54:46,470 --> 00:54:50,610 mengambil apa pun yang antara dua tag yang kita bicarakan 1078 00:54:50,610 --> 00:54:54,470 dan menyisipkan atau memanipulasi apa yang ada di sana? 1079 00:54:54,470 --> 00:54:58,290 Jadi apa hal ini, jika kita kembali ke jam kami, 1080 00:54:58,290 --> 00:55:04,180 adalah bahwa jam mengacu segala sesuatu dalam div ini. 1081 00:55:04,180 --> 00:55:09,770 Ini adalah bagian dalam HTML jam Id ini div. 1082 00:55:09,770 --> 00:55:13,930 Dan itu akan mengubahnya ke HTML yang kita hanya dihasilkan, 1083 00:55:13,930 --> 00:55:16,750 yang, yang, mudah-mudahan, mudah-mudahan, mudah-mudahan, 1084 00:55:16,750 --> 00:55:21,026 akan menampilkan waktu sekarang. 1085 00:55:21,026 --> 00:55:23,960 Kita lihat saja nanti. 1086 00:55:23,960 --> 00:55:25,170 Tentu saja. 1087 00:55:25,170 --> 00:55:26,860 Begitu banyak masalah teknis. 1088 00:55:26,860 --> 00:55:31,480 Hanya-- Allison Saya off my pertandingan hari orang. 1089 00:55:31,480 --> 00:55:34,136 OK, yang bekerja. 1090 00:55:34,136 --> 00:55:35,760 Jam dot HTML batin. 1091 00:55:35,760 --> 00:55:42,097 Itu HTML Benarkah? 1092 00:55:42,097 --> 00:55:43,180 Juga ini adalah apa yang terjadi. 1093 00:55:43,180 --> 00:55:48,750 Bila Anda tidak dapat melihat sesuatu, Anda hanya melihat kode sumber Anda. 1094 00:55:48,750 --> 00:55:49,250 OKE. 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 Apakah Anda ingin tahu pekerjaan dingin sekitar bahwa kita akan lakukan di sini? 1097 00:55:54,870 --> 00:55:55,740 >> AUDIENCE: Dapatkah Anda lakukan huruf kapital? 1098 00:55:55,740 --> 00:55:56,580 Huruf tersebut? 1099 00:55:56,580 --> 00:55:58,996 Karena Anda telah mendapatkan jam, dan kemudian mendapatkan menit. 1100 00:55:58,996 --> 00:56:02,590 >> Allison Buchholtz-AU: Ini 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 Ini semua ujian, guys. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Saya berjanji itu bekerja di depan kelas. 1106 00:56:17,330 --> 00:56:22,590 >> OK, tapi sesuatu yang keren untuk tahu adalah Anda dapat also-- jika kadang-kadang 1107 00:56:22,590 --> 00:56:26,560 file eksternal Anda mendapatkan sedikit gila, 1108 00:56:26,560 --> 00:56:30,960 Anda juga dapat hanya menempatkan mereka langsung di sini, yang cenderung untuk memperbaiki hal-hal. 1109 00:56:30,960 --> 00:56:35,840 Kecuali ini adalah seperti benar-benar jelek. 1110 00:56:35,840 --> 00:56:38,050 Tentu saja memformat segalanya. 1111 00:56:38,050 --> 00:56:41,425 Pastikan itu semua cukup. 1112 00:56:41,425 --> 00:56:41,925 OKE. 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> Aku ingin melakukan semua demo keren, dan mereka hanya tidak bekerja. 1115 00:56:50,621 --> 00:56:51,555 OKE. 1116 00:56:51,555 --> 00:56:53,890 Script var jam. 1117 00:56:53,890 --> 00:57:00,350 Anyways, apa yang penting adalah bahwa ini adalah cara umum 1118 00:57:00,350 --> 00:57:01,870 Anda akan memformat JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Seperti yang Anda lihat, itu bisa sangat rewel kadang-kadang, 1120 00:57:04,490 --> 00:57:08,780 bahkan ketika itu benar-benar bekerja dua detik yang lalu. 1121 00:57:08,780 --> 00:57:11,820 Atau tidak dua detik yang lalu, tapi sangat, sangat baru-baru ini. 1122 00:57:11,820 --> 00:57:16,070 >> Jadi untuk menunjukkan apa yang seharusnya terlihat seperti, dan menunjukkan bahwa aku tidak gila, 1123 00:57:16,070 --> 00:57:19,730 dan bahwa segala sesuatu adalah persis sama, ini adalah apa yang seharusnya terlihat seperti. 1124 00:57:19,730 --> 00:57:27,410 Anda hanya akan melakukan bagian atas ini di sini, dan jika Anda melihat sumber halaman, 1125 00:57:27,410 --> 00:57:32,160 jika Anda perhatikan, dia melakukan beberapa hal gila, aku disederhanakan itu. 1126 00:57:32,160 --> 00:57:35,710 Juga, kredit kepada Tommy McWilliam, yang benar-benar 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 Karena Tommy adalah master JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Tetapi jika kita perhatikan, kami memiliki beberapa set. 1130 00:57:43,180 --> 00:57:45,170 Kami memiliki fungsi jam kami di sini. 1131 00:57:45,170 --> 00:57:48,450 Ini semua JavaScript yang kita hanya menulis, atau sebagian. 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 memiliki tambahan fungsi yang hanya bantalan itu 1134 00:57:54,260 --> 00:57:57,790 dengan menempatkan nol sebelum surat atau sebelum nomor jika 1135 00:57:57,790 --> 00:57:59,412 hanya salah satu dari mereka. 1136 00:57:59,412 --> 00:58:02,120 Jadi, jika Anda perhatikan, ini cukup banyak apa yang baru saja kita tulis. 1137 00:58:02,120 --> 00:58:06,230 Anda memiliki beberapa jam variabel yang memiliki elemen kami, dapatkan elemen dengan ID, 1138 00:58:06,230 --> 00:58:07,252 yang jam. 1139 00:58:07,252 --> 00:58:08,960 Kami memiliki selang set kami fungsi, itu 1140 00:58:08,960 --> 00:58:12,670 fungsi anonim yang melaksanakan semua ini. 1141 00:58:12,670 --> 00:58:16,940 Kami telah beberapa string mulai HTML yang kita kemudian secara dinamis 1142 00:58:16,940 --> 00:58:20,750 menghasilkan dengan memiliki beberapa Header h1, concatenating 1143 00:58:20,750 --> 00:58:23,950 dengan mendapatkan jam, ditambah usus kita, ditambah mendapatkan 1144 00:58:23,950 --> 00:58:26,860 menit, ditambah lagi usus, ditambah detik kami, 1145 00:58:26,860 --> 00:58:29,330 dan akhirnya berakhir HTML untuk itu. 1146 00:58:29,330 --> 00:58:34,210 Dan kemudian kami memperbarui jam kami dot HTML batin untuk HTML, 1147 00:58:34,210 --> 00:58:37,640 dan kami update setiap 100 milidetik. 1148 00:58:37,640 --> 00:58:39,060 OKE? 1149 00:58:39,060 --> 00:58:42,470 >> Lihat Aku berjanji aku 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 hal itu tidak menyukai saya. 1152 00:58:47,160 --> 00:58:54,030 Saya merasa seperti terlihat sama, tapi rupanya ia membenci Aku. 1153 00:58:54,030 --> 00:58:59,600 >> Jadi mari kita lihat apakah putaran tiga berjalan lebih baik. 1154 00:58:59,600 --> 00:59:00,970 Kami akan melihat. 1155 00:59:00,970 --> 00:59:02,910 Saya tidak yakin bagaimana ini akan pergi. 1156 00:59:02,910 --> 00:59:06,700 Apakah setiap orang setidaknya mendapatkan kontra, seperti hanya tema umum 1157 00:59:06,700 --> 00:59:08,480 JavaScript, meskipun? 1158 00:59:08,480 --> 00:59:15,660 Saya berharap bahwa setidaknya berguna, lebih daripada menunjukkan bahwa itu sedikit rewel. 1159 00:59:15,660 --> 00:59:21,190 Tapi set masalah Anda akan sangat menyenangkan. 1160 00:59:21,190 --> 00:59:22,590 Ini akan menjadi besar. 1161 00:59:22,590 --> 00:59:24,820 Ini tidak akan cukup sebagai membosankan karena hal ini, saya tidak berpikir. 1162 00:59:24,820 --> 00:59:28,100 Anda benar-benar akan mendapatkan melihat hal-hal yang benar-benar keren. 1163 00:59:28,100 --> 00:59:31,734 >> Jadi last but not least, kami akan mencoba yang Twitter. 1164 00:59:31,734 --> 00:59:32,900 Aku 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 Tapi hanya untuk memberikan sedikit lebih banyak rasa, dan ini sebenarnya 1167 00:59:39,930 --> 00:59:44,190 memanipulasi string dan masukan, apa yang akan kita lakukan 1168 00:59:44,190 --> 00:59:50,960 adalah, jika kita perhatikan di sini dengan HTML-- yang satu ini memiliki sedikit more-- 1169 00:59:50,960 --> 00:59:57,200 kami memiliki beberapa area teks, yang sesuai dengan area teks ini di sini. 1170 00:59:57,200 --> 00:59:58,030 OKE? 1171 00:59:58,030 --> 01:00:00,420 Dan yang memiliki Id teks. 1172 01:00:00,420 --> 01:00:04,520 Kami dibenahi itu sedikit dengan beberapa lebar dan tinggi 1173 01:00:04,520 --> 01:00:07,310 bahwa kita telah ditentukan sebelumnya, dan kami telah h1, 1174 01:00:07,310 --> 01:00:11,260 yang hanya merupakan salah satu sundulan kami yang mewakili karakter kita meninggalkan. 1175 01:00:11,260 --> 01:00:14,570 Kami memberikan beberapa Id karakter yang tersisa, 1176 01:00:14,570 --> 01:00:18,660 dan kemudian kita memiliki beberapa script di sini, yang saya benar-benar 1177 01:00:18,660 --> 01:00:20,790 berharap ketiga kalinya ini pesona di sini, guys. 1178 01:00:20,790 --> 01:00:26,750 >> Jadi apa yang ingin kita lakukan, dalam vena umum yang sama 1179 01:00:26,750 --> 01:00:31,480 bahwa kami telah melakukan dengan jam dot js dan dot partai js seperti yang kita perhatikan, 1180 01:00:31,480 --> 01:00:35,980 adalah kita sudah mulai dengan benar-benar meraih hal-hal yang kita peduli, kan? 1181 01:00:35,980 --> 01:00:42,330 Jadi dalam hal ini, ada dua hal-hal yang kita peduli, OK? 1182 01:00:42,330 --> 01:00:47,199 Satu hal yang kita benar-benar jenis melihat ke dalam dan menggambar data dari, 1183 01:00:47,199 --> 01:00:48,990 dan satu hal yang kita benar-benar berubah. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Jadi ada HTML kita. 1186 01:00:53,730 --> 01:01:00,370 Jika ini adalah halaman web kami di sini, apa yang data yang kita lihat? 1187 01:01:00,370 --> 01:01:03,860 Ini akan menjadi apa pun teks dalam kotak kami, kan? 1188 01:01:03,860 --> 01:01:05,310 Jadi apa pun yang saya ketik di sini. 1189 01:01:05,310 --> 01:01:08,150 Itulah yang saya ingin tahu, atau itulah yang saya ingin melihat. 1190 01:01:08,150 --> 01:01:10,690 Dan apa yang akan menjadi perubahan pada halaman web kami? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Karakter yang tersisa. 1193 01:01:14,880 --> 01:01:19,550 Jadi dengan cara yang sama, kita ingin mulai dengan inisialisasi variabel 1194 01:01:19,550 --> 01:01:22,030 yang benar-benar memegang unsur-unsur. 1195 01:01:22,030 --> 01:01:22,890 OKE? 1196 01:01:22,890 --> 01:01:29,930 Jadi jika kita memiliki beberapa var yaitu text area kami, 1197 01:01:29,930 --> 01:01:33,681 dan kami memiliki beberapa var yang tersisa. 1198 01:01:33,681 --> 01:01:34,180 Yang Tepat? 1199 01:01:34,180 --> 01:01:36,190 Jadi ini akan terus kedua hal. 1200 01:01:36,190 --> 01:01:42,370 Jadi hal yang sama, Dokumen dot-- OK, aku 1201 01:01:42,370 --> 01:01:45,920 akan memastikan bahwa ini adalah akan bekerja saat ini. 1202 01:01:45,920 --> 01:01:49,620 Saya sangat bersikeras. 1203 01:01:49,620 --> 01:01:53,310 OK, jadi jika kita ingin kita text area, menurut 1204 01:01:53,310 --> 01:01:55,710 untuk HTML kita, apa identifier 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 Ini hanya akan menjadi teks karena ini menciptakan area teks kita, OK, 1208 01:02:05,540 --> 01:02:10,320 dan Id kami adalah teks, sehingga bagaimana kita bisa ambil apa yang ada di sana. 1209 01:02:10,320 --> 01:02:12,130 OK, titik koma. 1210 01:02:12,130 --> 01:02:13,940 Aku akan menjadi super tepat tentang hal ini, 1211 01:02:13,940 --> 01:02:16,300 karena saya ingin ini bekerja saat ini. 1212 01:02:16,300 --> 01:02:22,120 OK, melakukan hal yang sama, mendapatkan elemen dengan Id. 1213 01:02:22,120 --> 01:02:25,970 Aku benar-benar bertanya-tanya apa yang telah menyebabkan dua lainnya untuk mengacaukan. 1214 01:02:25,970 --> 01:02:29,750 OK, maka dalam satu ini, apa yang kita ingin mengakses? 1215 01:02:29,750 --> 01:02:30,760 Apa Id kita di sini? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Kami memiliki Id lain HTML kita, apa itu? 1218 01:02:36,261 --> 01:02:37,552 AUDIENCE: Karakter tersisa. 1219 01:02:37,552 --> 01:02:39,343 Allison Buchholtz-AU: Karakter tersisa. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OKE. 1222 01:02:44,330 --> 01:02:46,010 Keren. 1223 01:02:46,010 --> 01:02:49,800 Jadi aku 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 Aku hanya akan menulis ini dalam detik. 1226 01:02:55,330 --> 01:02:56,190 Jadi area teks. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Yang menarik adalah B function-- ada banyak fungsi yang tidak hanya 1229 01:03:06,180 --> 01:03:09,690 sesuai dengan Anda mouse, tapi keyboard Anda. 1230 01:03:09,690 --> 01:03:10,190 OKE? 1231 01:03:10,190 --> 01:03:16,540 Jadi, Anda bisa mengatakan ketika tombol apapun ditekan, Anda dapat melakukan hal-hal seperti itu. 1232 01:03:16,540 --> 01:03:20,450 Jadi salah satu yang kita gunakan disebut pada tombol up, yang 1233 01:03:20,450 --> 01:03:25,320 mengatakan, "jika Anda telah menekan tombol apa saja pada keyboard, bila pengguna telah mengangkat 1234 01:03:25,320 --> 01:03:28,064 jari mereka off itu, dan kuncinya 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 OKE? 1237 01:03:29,980 --> 01:03:31,370 Jadi ini masuk akal, kan? 1238 01:03:31,370 --> 01:03:33,540 Karena setiap karakter kita ketik, kita akan 1239 01:03:33,540 --> 01:03:36,550 harus mengangkat jari-jari kita off itu, jadi ketika tombol naik, 1240 01:03:36,550 --> 01:03:40,980 kita bisa tahu untuk pengurangan karakter kita yang tersisa. 1241 01:03:40,980 --> 01:03:44,440 >> Jadi kita memiliki beberapa pada tombol up, dan dengan cara yang sama, 1242 01:03:44,440 --> 01:03:47,480 kita akan mengatakan, "OK, ketika kita melakukan itu, kita 1243 01:03:47,480 --> 01:03:55,110 akan membuat beberapa fungsi yang akan mengambil e, "dalam hal ini, 1244 01:03:55,110 --> 01:03:58,800 dan apa yang ingin kita lakukan adalah menghitung jumlah yang tersisa. 1245 01:03:58,800 --> 01:04:02,510 OK, jadi mari kita mulai dengan menciptakan sebuah variabel. 1246 01:04:02,510 --> 01:04:05,830 Jadi kita memiliki beberapa variabel r, yang akan mewakili 1247 01:04:05,830 --> 01:04:07,720 berapa banyak karakter yang tersisa. 1248 01:04:07,720 --> 01:04:08,890 OKE? 1249 01:04:08,890 --> 01:04:14,540 Kita tahu bahwa kita mulai dengan 140, dan jika kita ingin tahu, 1250 01:04:14,540 --> 01:04:18,360 katakanlah, panjang ini string yang sudah masukan, 1251 01:04:18,360 --> 01:04:20,860 apakah kalian punya ide bagaimana kita bisa melakukan itu? 1252 01:04:20,860 --> 01:04:23,900 Hanya didasarkan dari jelas hal, seperti jika kita ingin jam, 1253 01:04:23,900 --> 01:04:25,870 kami menggunakan mendapatkan jam. 1254 01:04:25,870 --> 01:04:28,860 Kita tahu bahwa kita adalah obyek text area, tapi bisa kalian 1255 01:04:28,860 --> 01:04:33,050 memikirkan apa yang mungkin datang setelah? 1256 01:04:33,050 --> 01:04:35,280 Ada gagasan? 1257 01:04:35,280 --> 01:04:41,730 >> Jadi semacam ini seseorang kurang intuitif, tetapi itu adalah nilai dot panjang. 1258 01:04:41,730 --> 01:04:44,700 Jadi hanya memberi saya beberapa nilai atribut yang 1259 01:04:44,700 --> 01:04:46,500 sebenarnya panjang string ini. 1260 01:04:46,500 --> 01:04:50,340 Jadi itu akan berkata, "OK, saya sedang mencari di seluruh string ini dalam area teks, 1261 01:04:50,340 --> 01:04:52,730 dan aku akan memberitahu berapa lama itu. " 1262 01:04:52,730 --> 01:04:55,500 Karena jika kita ingat string benar-benar hanya array, 1263 01:04:55,500 --> 01:04:58,110 jadi kami hanya bisa mengambil panjang mereka. 1264 01:04:58,110 --> 01:05:01,860 Jadi kita memiliki itu. 1265 01:05:01,860 --> 01:05:04,058 Keren. 1266 01:05:04,058 --> 01:05:09,360 >> Lalu apa yang ingin kita lakukan adalah kita tidak pernah ingin untuk memungkinkan pengguna 1267 01:05:09,360 --> 01:05:12,340 input lebih dari 140 karakter, kan? 1268 01:05:12,340 --> 01:05:15,610 Karena jika kita mengatakan seperti, "oh, Anda hanya memiliki sebanyak ini yang tersisa, " 1269 01:05:15,610 --> 01:05:20,522 dan kemudian membiarkan mereka melakukan itu lagian, kami telah berbohong. 1270 01:05:20,522 --> 01:05:22,230 Dan ini merupakan salah satu hal yang JavaScript 1271 01:05:22,230 --> 01:05:24,530 dapat benar-benar baik untuk, adalah validasi pengguna 1272 01:05:24,530 --> 01:05:29,062 dan memastikan bahwa Anda pengguna cocok dalam aturan apapun 1273 01:05:29,062 --> 01:05:30,270 yang Anda berikan kepada mereka. 1274 01:05:30,270 --> 01:05:36,020 Jadi jika Anda ingin melakukan hal-hal seperti membuat yakin seseorang masukan alamat email mereka, 1275 01:05:36,020 --> 01:05:40,242 atau memastikan bahwa ketika mereka memasukkan dua password, mereka cocok. 1276 01:05:40,242 --> 01:05:41,200 JavaScript bisa melakukan itu. 1277 01:05:41,200 --> 01:05:44,010 Anda akan melakukan sesuatu seperti, "ketika formulir dikirimkan, "atau seperti, 1278 01:05:44,010 --> 01:05:48,170 "Ketika tombol Submit Form adalah diklik, periksa semua hal-hal ini. " 1279 01:05:48,170 --> 01:05:49,670 Dan kita bisa melakukan itu JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Jadi itulah yang kita akan lakukan di sini. 1281 01:05:52,680 --> 01:05:57,810 >> Jadi apa yang mungkin menjadi cara untuk memeriksa apakah mereka sudah lebih dari 140 karakter? 1282 01:05:57,810 --> 01:06:03,310 Apa yang akan terjadi Nilai kami r jika mereka mencoba? 1283 01:06:03,310 --> 01:06:04,760 Ini akan menjadi negatif, kan? 1284 01:06:04,760 --> 01:06:07,380 Atau itu akan menjadi kurang dari atau sama dengan nol. 1285 01:06:07,380 --> 01:06:13,690 Jadi kita bisa menggunakan jika itu sama seperti segala sesuatu yang lain. 1286 01:06:13,690 --> 01:06:14,270 OKE? 1287 01:06:14,270 --> 01:06:20,480 Dan kami memiliki beberapa area teks dot nilai, dan apa yang kita lakukan di sini 1288 01:06:20,480 --> 01:06:29,940 adalah kita hanya cutting-- apa itu? 1289 01:06:29,940 --> 01:06:30,900 Mohon Maaf. 1290 01:06:30,900 --> 01:06:32,732 Yang satu ini, kami hanya ingin kembali palsu. 1291 01:06:32,732 --> 01:06:34,030 Aku bingung. 1292 01:06:34,030 --> 01:06:36,560 Semua letih dari hal-hal yang tidak bekerja. 1293 01:06:36,560 --> 01:06:40,010 OK, kami hanya ingin kembali palsu, dan kemudian kita 1294 01:06:40,010 --> 01:06:44,160 ingin menampilkan karakter yang tersisa, kan? 1295 01:06:44,160 --> 01:06:48,720 Jadi dengan jam, kami melakukan sesuatu dengan HTML batin, kan? 1296 01:06:48,720 --> 01:06:52,070 Di mana kita set sama dengan beberapa variabel, jadi apa yang bisa kita lakukan di sini? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Apa yang kita mengubah HTML batin? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> AUDIENCE: Sisa? 1301 01:07:03,780 --> 01:07:05,738 >> Allison Buchholtz-AU: Kami mengubah tersisa. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Baiklah, dan apa yang kita ingin mengaturnya sama dengan? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Ini akan menjadi r, karena itu harus karakter kita yang tersisa. 1306 01:07:18,437 --> 01:07:19,600 OKE? 1307 01:07:19,600 --> 01:07:26,060 Jadi aku benar-benar gugup untuk melihat apakah ini bekerja sekarang, tapi kita lihat. 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 [Tak terdengar] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Sekali lagi, aku hanya akan menunjukkan kepada Anda. 1315 01:07:45,990 --> 01:07:49,430 Untuk alasan apapun, saya akhirnya memutuskan untuk tidak bekerja, 1316 01:07:49,430 --> 01:07:53,354 tapi apa yang saya akan menunjukkan adalah bahwa ini is-- oh aku harus menempatkan bahwa dalam. 1317 01:07:53,354 --> 01:07:57,470 OK, kita melihat jenis yang sama hal di sini, mendapatkan area teks. 1318 01:07:57,470 --> 01:08:01,070 >> Juga, jika Anda pria pemberitahuan, jika ada pernah sesuatu yang ingin Anda lakukan, 1319 01:08:01,070 --> 01:08:04,080 dan Anda tidak tahu bagaimana melakukan itu, 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 akan dienkripsi. 1322 01:08:07,840 --> 01:08:11,147 Untuk pset Anda, kami mengenkripsi segalanya, sehingga hanya tampak seperti omong kosong. 1323 01:08:11,147 --> 01:08:13,480 Tapi kalau ada yang pernah benar-benar situs keren yang Anda sukai, 1324 01:08:13,480 --> 01:08:17,729 jika Anda hanya klik View Page Source, itu akan memberitahu Anda bagaimana untuk melakukannya. 1325 01:08:17,729 --> 01:08:20,770 Jadi sekali lagi, bekerja lebih cerdas, bukan lebih keras. 1326 01:08:20,770 --> 01:08:24,250 Dan seperti yang Anda lihat di sini, semua hal-hal ini adalah sama. 1327 01:08:24,250 --> 01:08:31,930 yang satu ini di sini hanya mengambil beberapa substring itu, saya lupa persis apa hal ini. 1328 01:08:31,930 --> 01:08:36,980 Tapi itu jelas mengambil beberapa substring dari nilai dari nol sampai sepuluh, 1329 01:08:36,980 --> 01:08:41,540 dan mengembalikan palsu apa yang harus berhenti pengguna dari memasukkan lagi, 1330 01:08:41,540 --> 01:08:46,040 dan kemudian jelas update HTML dalam sana. 1331 01:08:46,040 --> 01:08:47,410 >> Keren. 1332 01:08:47,410 --> 01:08:53,000 Mengambil aways begitu besar dari hari ini, eksperimen, melihat kode sumber 1333 01:08:53,000 --> 01:08:58,359 karena itu akan banyak membantu Anda, dan semua orang, kadang-kadang JavaScript 1334 01:08:58,359 --> 01:09:03,200 akan sulit untuk bekerja dengan dan tidak selalu bekerja dengan cara yang Anda harapkan, 1335 01:09:03,200 --> 01:09:05,700 tapi hanya terus mencoba karena saya berjanji akan. 1336 01:09:05,700 --> 01:09:08,376 Saya berjanji semua contoh ini bekerja di depan kelas. 1337 01:09:08,376 --> 01:09:09,750 Saya tidak mengerti apa yang terjadi. 1338 01:09:09,750 --> 01:09:13,069 Aku benar-benar memiliki semua yang sama. 1339 01:09:13,069 --> 01:09:17,660 >> Satu hal lagi yang saya hanya ingin menunjukkan orang-orang yang bisa menjadi super berguna 1340 01:09:17,660 --> 01:09:21,630 adalah in-- apa yang bekerja sebelumnya? 1341 01:09:21,630 --> 01:09:23,935 Kami punya pesta untuk bekerja, bukan? 1342 01:09:23,935 --> 01:09:26,569 Saya rasa begitu. 1343 01:09:26,569 --> 01:09:27,069 Iya Nih. 1344 01:09:27,069 --> 01:09:27,630 Kami melakukan. 1345 01:09:27,630 --> 01:09:28,250 Mengagumkan. 1346 01:09:28,250 --> 01:09:31,189 OK, jadi satu hal yang kalian harus tahu 1347 01:09:31,189 --> 01:09:33,340 adalah log konsol yang saya bicarakan. 1348 01:09:33,340 --> 01:09:37,040 Jadi konsol dot log halo. 1349 01:09:37,040 --> 01:09:40,430 Jadi ini adalah jenis yang JavaScript setara dengan printf. 1350 01:09:40,430 --> 01:09:42,810 Jadi jika Anda pernah ingin memeriksa variabel 1351 01:09:42,810 --> 01:09:49,649 atau melihat apa yang terjadi di sana, apa yang dapat Anda lakukan adalah, jika kita memeriksa elemen, 1352 01:09:49,649 --> 01:09:51,899 adalah apa yang Anda ingin pergi untuk, dan Anda pergi ke konsol, 1353 01:09:51,899 --> 01:09:53,770 Anda akan melihat bahwa itu dicetak halo. 1354 01:09:53,770 --> 01:09:55,750 >> Jadi kita bisa memilikinya cetak apa pun yang kita inginkan. 1355 01:09:55,750 --> 01:10:04,170 Jika kita ingin mencetak latar belakang dot dot gaya latar belakang, 1356 01:10:04,170 --> 01:10:08,454 kita harus bisa 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 persis bagaimana Anda mencetak variabel seperti itu, 1359 01:10:13,520 --> 01:10:17,249 tetapi Anda harus dapat mencetak hal-hal seperti itu. 1360 01:10:17,249 --> 01:10:19,040 Itu akan sangat berguna untuk pset Anda ketika 1361 01:10:19,040 --> 01:10:23,330 Anda mencoba untuk memanipulasi koordinat atau yang lainnya. 1362 01:10:23,330 --> 01:10:25,270 Jadi mereka juga mengubah bagian ini di kelas. 1363 01:10:25,270 --> 01:10:30,750 Hal ini berbeda dari tahun-tahun terakhir, jadi hanya menyenangkan untuk TF Anda, atau TF 1364 01:10:30,750 --> 01:10:36,350 pada jam-jam kantor agak, karena kita jenis belajar bersama dengan kalian. 1365 01:10:36,350 --> 01:10:41,230 Tapi log konsol super, super membantu JavaScript tahun lalu. 1366 01:10:41,230 --> 01:10:42,740 Jadi menyukainya. 1367 01:10:42,740 --> 01:10:43,780 Pelajari cara menggunakannya. 1368 01:10:43,780 --> 01:10:49,026 Ini lebih mudah digunakan daripada GDB, sehingga harus setidaknya titik plus. 1369 01:10:49,026 --> 01:10:50,650 Tapi terima kalian bantalan dengan saya. 1370 01:10:50,650 --> 01:10:53,400 Aku menyesal bahwa saya contoh untuk beberapa alasan 1371 01:10:53,400 --> 01:10:55,410 hanya tidak ingin bekerja sama dengan saya, tapi saya 1372 01:10:55,410 --> 01:11:01,010 berharap bahwa itu membantu mendapatkan semacam Anda sedikit lebih di zona JavaScript. 1373 01:11:01,010 --> 01:11:04,980 Dan saya mengirimkan semua pertanyaan Anda untuk minggu depan jadi saya bisa sangat diperbaiki, 1374 01:11:04,980 --> 01:11:09,420 dan Aku akan membawa permen dan bahkan ekstra permen karena ini konyol. 1375 01:11:09,420 --> 01:11:14,000 Tapi kalian yang besar, dan memiliki minggu yang mengagumkan. 1376 01:11:14,000 --> 01:11:15,584