1 00:00:00,000 --> 00:00:07,440 2 00:00:07,440 --> 00:00:08,180 >> TOMAS REIMERS: Hai, semua orang. 3 00:00:08,180 --> 00:00:09,250 Nama saya Tomas Reimers. 4 00:00:09,250 --> 00:00:10,500 >> MIKE Rizzo: Dan saya Mike Rizzo. 5 00:00:10,500 --> 00:00:12,990 >> TOMAS REIMERS: Kami adalah dua CS50s TS. 6 00:00:12,990 --> 00:00:18,910 Dan hari ini kami mendahului seminar mengenai JavaScript dan CSS untuk aplikasi web. 7 00:00:18,910 --> 00:00:22,140 Jika anda ingin mengikuti bersama-sama, yang pautan yang tepat di sana. 8 00:00:22,140 --> 00:00:25,190 Dan adakah anda ingin meletakkan ia pada ringkas komputer? 9 00:00:25,190 --> 00:00:27,460 >> Ada link. 10 00:00:27,460 --> 00:00:30,390 Ia adalah satu kawasan yang kecil, yang mempunyai pautan kepada semua sumber kita akan menjadi 11 00:00:30,390 --> 00:00:36,490 menunjuk anda hari ini dan juga mempunyai banyak maklumat yang berguna yang ditulis oleh kami untuk 12 00:00:36,490 --> 00:00:39,680 membaca lebih mendalam apabila anda kembali, dan anda cuba untuk mengingati apa yang 13 00:00:39,680 --> 00:00:42,166 sebenarnya yang kita katakan, apakah anda bercakap tentang, dan sebagainya. 14 00:00:42,166 --> 00:00:43,870 >> MIKE Rizzo: Baiklah. 15 00:00:43,870 --> 00:00:44,890 Jadi mari kita bermula. 16 00:00:44,890 --> 00:00:45,700 >> TOMAS REIMERS: Jadi anda mahu untuk bermula? 17 00:00:45,700 --> 00:00:45,970 OK. 18 00:00:45,970 --> 00:00:47,170 >> MIKE Rizzo: Yeah. 19 00:00:47,170 --> 00:00:51,730 Oleh itu, kita mula-mula mahu untuk memulakan dengan luas gambaran tentang internet dan 20 00:00:51,730 --> 00:00:54,240 memfailkan jenis apabila mereka bentuk laman web. 21 00:00:54,240 --> 00:00:57,550 Walaupun persembahan ini kita mahu masuk ke dalam ke dalam JavaScript banyak yang lebih 22 00:00:57,550 --> 00:01:00,320 kemudian, kita mahu mulakan dengan hanya, jenis, seperti pandangan mata burung 23 00:01:00,320 --> 00:01:03,270 apa laman web dan bagaimana untuk berfikir tentang bentuk 24 00:01:03,270 --> 00:01:04,800 laman web untuk permulaan. 25 00:01:04,800 --> 00:01:08,370 >> Jadi anda semua, pada ketika ini - dengan itu menjadi malam Jumaat - seharusnya mempunyai 26 00:01:08,370 --> 00:01:11,000 dikemukakan kewangan CS50 anda masalah menetapkan. 27 00:01:11,000 --> 00:01:15,260 Mudah-mudahan, yang rasa baik apa pengaturcaraan web boleh. 28 00:01:15,260 --> 00:01:18,261 Tetapi di sini kita mahu, jenis, memberi anda satu lagi rasa, juga. 29 00:01:18,261 --> 00:01:23,190 >> TOMAS REIMERS: Jadi untuk recap apa berlaku, apabila anda menaip URL anda untuk 30 00:01:23,190 --> 00:01:26,650 pelayar web anda, URL yang mendapat melihat ke atas dalam komputer. 31 00:01:26,650 --> 00:01:28,590 Dan komputer anda disambungkan ke komputer lain, 32 00:01:28,590 --> 00:01:29,890 yang menjadi tuan rumah laman web itu. 33 00:01:29,890 --> 00:01:33,150 OK, jadi apabila anda pergi ke google.com, anda disambungkan kepada salah satu Google 34 00:01:33,150 --> 00:01:36,496 komputer, yang mempunyai fail untuk google.com. 35 00:01:36,496 --> 00:01:38,750 >> Ia kemudian meminta fail tertentu. 36 00:01:38,750 --> 00:01:40,020 Jadi, jika anda pergi ke - 37 00:01:40,020 --> 00:01:41,550 Saya tidak tahu - 38 00:01:41,550 --> 00:01:48,170 example.com / index.html atau / test.html, anda akan meminta 39 00:01:48,170 --> 00:01:49,340 bahawa fail tertentu. 40 00:01:49,340 --> 00:01:52,780 Dan web pelayan akan untuk kembali kepada anda. 41 00:01:52,780 --> 00:01:54,910 >> Kemudian, apabila anda pergi melalui fail yang - 42 00:01:54,910 --> 00:01:57,750 43 00:01:57,750 --> 00:01:59,950 sekali anda mendapat komputer yang fail - ia akan mula 44 00:01:59,950 --> 00:02:00,820 untuk membina sebuah laman web. 45 00:02:00,820 --> 00:02:03,020 Jadi sekarang ia mempunyai fail HTML, yang merupakan jenis seperti yang 46 00:02:03,020 --> 00:02:05,170 struktur laman web. 47 00:02:05,170 --> 00:02:08,620 Fail HTML juga boleh rujukan Fail CSS, yang menentukan 48 00:02:08,620 --> 00:02:09,889 gaya laman web. 49 00:02:09,889 --> 00:02:12,970 >> JavaScript fail, yang mentakrifkan interaksi dengan laman web. 50 00:02:12,970 --> 00:02:15,200 Fail-fail imej, yang hanya imej. 51 00:02:15,200 --> 00:02:19,450 Dan mungkin mengandungi pautan ke fail HTML yang lain, yang anda boleh melawat. 52 00:02:19,450 --> 00:02:22,656 53 00:02:22,656 --> 00:02:24,380 >> MIKE Rizzo: OK, hebat. 54 00:02:24,380 --> 00:02:28,980 Jadi anda lelaki itu mempunyai semua, mungkin, teliti menubuhkan tuan rumah tempatan anda 55 00:02:28,980 --> 00:02:30,810 pada mesin maya anda. 56 00:02:30,810 --> 00:02:35,650 Itu yang, jenis, adalah tempatan domain bahawa komputer anda menjadi tuan rumah hanya 57 00:02:35,650 --> 00:02:38,760 untuk anda di alamat IP anda sendiri. 58 00:02:38,760 --> 00:02:43,300 >> Jadi dalam tempoh itu, maka anda boleh menambah kepadanya laman web anda sendiri. 59 00:02:43,300 --> 00:02:47,655 Maksud saya, di CS50 Kewangan, anda perlu mempunyai menambah beberapa muka surat HTML, yang, 60 00:02:47,655 --> 00:02:49,410 jenis, dibungkus dalam pembungkus PHP. 61 00:02:49,410 --> 00:02:54,690 Tetapi akhirnya, apa laman PHP anda telah keluarkan adalah HTML. 62 00:02:54,690 --> 00:02:58,210 >> Tetapi memikirkan kembali awal-awal lagi daripada Serangga, kami terpaksa menyediakan 63 00:02:58,210 --> 00:03:00,890 kebenaran untuk segala-galanya, bukan? 64 00:03:00,890 --> 00:03:07,270 Jadi ini hanya pada dasarnya membolehkan kita tahu yang boleh membaca, menulis, dan mungkin 65 00:03:07,270 --> 00:03:08,730 melaksanakan setiap satu daripada fail. 66 00:03:08,730 --> 00:03:11,870 Jadi, kita akan melakukan cepat - hm? 67 00:03:11,870 --> 00:03:15,660 >> TOMAS REIMERS: Jadi, kita akan untuk melakukan demo cepat. 68 00:03:15,660 --> 00:03:19,560 Jadi hanya untuk mengingatkan anda, apabila anda menyambung ke komputer Google - 69 00:03:19,560 --> 00:03:20,690 sesiapa - 70 00:03:20,690 --> 00:03:24,060 dan meminta fail, komputer yang pertama perlu memastikan anda diberi kuasa 71 00:03:24,060 --> 00:03:28,790 untuk benar-benar melihat fail itu atau membaca bahawa memfailkan kerana anda tidak boleh hanya meminta 72 00:03:28,790 --> 00:03:30,430 bagi mana-mana fail pada komputer itu, betul? 73 00:03:30,430 --> 00:03:32,260 Itu akan menjadi bahaya keselamatan. 74 00:03:32,260 --> 00:03:37,020 >> Jadi fail di dalam sistem yang kita gunakan, seperti perkakas CS50 ini, mempunyai tiga 75 00:03:37,020 --> 00:03:39,200 orang umum yang boleh mempunyai kebenaran kepada sesuatu. 76 00:03:39,200 --> 00:03:41,610 Yang pertama adalah sebenar pemilik fail berkata. 77 00:03:41,610 --> 00:03:43,820 Yang kedua ialah kumpulan yang file dipunyai tersebut. 78 00:03:43,820 --> 00:03:46,090 Kami tidak akan memberi tumpuan terlalu banyak pada itu. 79 00:03:46,090 --> 00:03:50,010 Dan perkara yang terakhir adalah, jenis, seperti dunia atau seperti orang lain siapa yang 80 00:03:50,010 --> 00:03:54,130 tidak khusus kepada fail itu dan tidak mempunyai hak-hak pemilikan ke atasnya. 81 00:03:54,130 --> 00:04:05,650 >> Jadi jika kita mempunyai pemilik, kumpulan, dan kemudian dunia. 82 00:04:05,650 --> 00:04:10,510 Dan kemudian, bagi setiap kumpulan-kumpulan ini, anda boleh mempunyai salah satu daripada tiga kebenaran, 83 00:04:10,510 --> 00:04:13,010 OK, atau pelbagai daripada mereka. 84 00:04:13,010 --> 00:04:15,070 Anda boleh mempunyai keizinan baca. 85 00:04:15,070 --> 00:04:16,560 Anda boleh mempunyai kebenaran betul. 86 00:04:16,560 --> 00:04:18,880 Dan anda boleh mempunyai melaksanakan kebenaran. 87 00:04:18,880 --> 00:04:22,060 >> Jadi dari segi jenis fail sebenar, baca kebenaran adalah seperti sebenarnya membaca 88 00:04:22,060 --> 00:04:23,250 kandungan fail. 89 00:04:23,250 --> 00:04:24,730 Satu kebenaran hak menulis untuk berkata fail. 90 00:04:24,730 --> 00:04:28,370 Satu kebenaran melaksanakan sedang berjalan yang memfailkan seperti yang anda lakukan apabila anda menjalankan salah satu 91 00:04:28,370 --> 00:04:29,620 projek CS50 anda. 92 00:04:29,620 --> 00:04:32,190 93 00:04:32,190 --> 00:04:38,820 >> Oleh itu, apabila kita berfikir tentang fail seperti apabila kita perlu membaca HTML 94 00:04:38,820 --> 00:04:41,790 fail, yang perlu dunia dibaca, bukan? 95 00:04:41,790 --> 00:04:44,420 Mungkin, juga pemilik mahu dapat mengedit fail itu. 96 00:04:44,420 --> 00:04:46,610 Jadi pemilik akan memerlukan membaca dan menulis kebenaran. 97 00:04:46,610 --> 00:04:48,710 Mereka tidak benar-benar perlu melaksanakan. 98 00:04:48,710 --> 00:04:50,950 >> Kumpulan, kami akan merawat sama seperti di dunia sekarang. 99 00:04:50,950 --> 00:04:54,610 Jadi mereka perlu kebenaran telah dibaca. 100 00:04:54,610 --> 00:04:57,310 Tetapi mereka tidak perlu menulis atau melaksanakan kebenaran. 101 00:04:57,310 --> 00:05:01,920 Dan kini, jika kita berfikir kembali kepada bekas PSETs, apa yang kita sedar ialah jenis ini 102 00:05:01,920 --> 00:05:03,360 daripada kelihatan seperti binari, bukan? 103 00:05:03,360 --> 00:05:04,210 1 bermaksud ya. 104 00:05:04,210 --> 00:05:05,040 0 untuk tiada. 105 00:05:05,040 --> 00:05:06,870 Dan kita boleh menterjemahkan ini kepada perduaan. 106 00:05:06,870 --> 00:05:10,478 >> Jadi 110 dalam binari akan menjadi 6. 107 00:05:10,478 --> 00:05:13,270 100 akan 4. 108 00:05:13,270 --> 00:05:14,690 Sama dengan dunia. 109 00:05:14,690 --> 00:05:20,846 Jadi nombor yang anda akan mendapat untuk kebenaran untuk ini akan menjadi 644. 110 00:05:20,846 --> 00:05:24,400 >> MIKE Rizzo: Dan jika anda berfikir kembali ke apabila anda chmoded sesuatu, saya percaya 111 00:05:24,400 --> 00:05:28,980 mereka mengalah masalah menetapkan contoh di mana anda boleh melakukan 112 00:05:28,980 --> 00:05:36,470 sesuatu seperti chmod 644 dan kemudian memfailkan nama. 113 00:05:36,470 --> 00:05:39,980 644 maka, anda kini boleh melihat secara langsung di mana yang datang dari. 114 00:05:39,980 --> 00:05:42,840 Jadi mudah-mudahan yang membuat yang yang lebih jelas. 115 00:05:42,840 --> 00:05:45,600 >> Dan kemudian untuk kejelasan anda lelaki ini - 116 00:05:45,600 --> 00:05:48,200 oh yeah, di sini ini sekali lagi. 117 00:05:48,200 --> 00:05:53,260 Jadi 600 maka hanya akan menjadi contoh yang kita mendermakan sini di mana pemilik mempunyai 118 00:05:53,260 --> 00:05:56,360 membaca dan kebenaran betul manakala kumpulan dan dunia tidak mempunyai apa-apa kebenaran 119 00:05:56,360 --> 00:05:58,145 untuk mengakses fail. 120 00:05:58,145 --> 00:06:01,500 >> TOMAS REIMERS: Dan maka kita mempunyai cepat senarai kebenaran yang sama. 121 00:06:01,500 --> 00:06:05,250 Jadi direktori, anda mahu untuk benar-benar chmod 711. 122 00:06:05,250 --> 00:06:08,930 Pantas mengetepikan - untuk direktori untuk mempunyai kebenaran laku bermakna dapat 123 00:06:08,930 --> 00:06:11,680 untuk membuka direktori. 124 00:06:11,680 --> 00:06:15,280 Imej, CSS, JavaScript, keperluan HTML 644 kerana, pada dasarnya, dunia 125 00:06:15,280 --> 00:06:16,400 keperluan membaca kebenaran. 126 00:06:16,400 --> 00:06:20,960 >> Dan PHP, yang anda semua telah melihat walaupun kita tidak akan bercakap mengenainya 127 00:06:20,960 --> 00:06:24,880 ketat biasanya chmoded dengan kebenaran 600 kerana ia berjalan dengan 128 00:06:24,880 --> 00:06:26,540 kebenaran pemilik. 129 00:06:26,540 --> 00:06:27,790 Sekurang-kurangnya perkakas. 130 00:06:27,790 --> 00:06:30,200 131 00:06:30,200 --> 00:06:36,870 >> MIKE Rizzo: Jadi, jika anda tidak khusus menentukan jenis fail 132 00:06:36,870 --> 00:06:39,480 yang anda mahu dalam sebenarnya menetapkan sehingga persembahan ini - 133 00:06:39,480 --> 00:06:43,490 kami mempunyai masalah dengan ini kerana semuanya tidak chmoded dengan betul - 134 00:06:43,490 --> 00:06:47,550 anda akan mendapat, jenis, yang ralat terlarang bahawa laman web yang 135 00:06:47,550 --> 00:06:49,700 sebenarnya tidak mempunyai kebenaran untuk mengakses apa sahaja fail 136 00:06:49,700 --> 00:06:51,370 anda mahu ia untuk mengakses. 137 00:06:51,370 --> 00:06:54,780 Dan sudah tentu, yang dapat dijalankan - seperti dalam masalah yang ditetapkan - dengan menukar 138 00:06:54,780 --> 00:06:56,405 kebenaran sewajarnya. 139 00:06:56,405 --> 00:06:59,620 >> TOMAS REIMERS: Dan komen terakhir untuk pembangunan cepat tempatan adalah - kita 140 00:06:59,620 --> 00:07:02,000 dibawa ini, tetapi kami hanya mahu untuk membawa semula - 141 00:07:02,000 --> 00:07:06,230 jika anda meminta pelayan - tuan rumah jadi tempatan, sebagai contoh, com atau apa sahaja. - 142 00:07:06,230 --> 00:07:09,170 dan anda tidak menentukan fail tertentu, fail yang komputer anda akan 143 00:07:09,170 --> 00:07:11,540 untuk meminta dipanggil index.html. 144 00:07:11,540 --> 00:07:12,790 Atau jika yang tidak wujud, index.php. 145 00:07:12,790 --> 00:07:15,560 146 00:07:15,560 --> 00:07:16,350 >> Sejuk. 147 00:07:16,350 --> 00:07:19,560 Jadi itu hanya recap segala-galanya, mudah-mudahan, kita telah dibincangkan dalam 148 00:07:19,560 --> 00:07:22,800 seksyen, dan kuliah, dan setakat ini dalam CS50. 149 00:07:22,800 --> 00:07:26,110 Dan sekarang kita akan mula bercakap kira-kira khusus perpustakaan. 150 00:07:26,110 --> 00:07:30,270 JavaScript dan CSS perpustakaan untuk aplikasi web. 151 00:07:30,270 --> 00:07:36,350 >> Jadi salah satu sebab cepat mengapa kita mempunyai perpustakaan adalah pengaturcaraan - 152 00:07:36,350 --> 00:07:39,000 terdapat banyak masalah dalam pengaturcaraan, yang menyimpan muncul 153 00:07:39,000 --> 00:07:40,570 sekali lagi, dan sekali lagi, dan lagi. 154 00:07:40,570 --> 00:07:43,870 Anda mungkin perasan bahawa banyak laman web memerlukan keupayaan untuk mempunyai drop down 155 00:07:43,870 --> 00:07:49,100 menu, sebagai contoh, atau butuh keupayaan mempunyai butang sangat piawai 156 00:07:49,100 --> 00:07:51,400 gaya, yang mungkin tidak perkara yang paling mudah. 157 00:07:51,400 --> 00:07:54,670 Sekarang anda mula mendapat ke dalam HTML, anda menyedari bahawa butang boleh sebenarnya 158 00:07:54,670 --> 00:07:57,720 kelihatan benar-benar hodoh jika anda tidak melakukan apa-apa. 159 00:07:57,720 --> 00:08:00,830 >> Jadi ramai orang telah menulis dipanggil perpustakaan. 160 00:08:00,830 --> 00:08:02,990 Dan dalam konteks ini, mereka juga dikenali sebagai rangka kerja. 161 00:08:02,990 --> 00:08:04,790 Kami akan menggunakan dua silih berganti. 162 00:08:04,790 --> 00:08:07,360 Dan apa yang mereka adalah mereka pada dasarnya keping premade kod - 163 00:08:07,360 --> 00:08:09,130 sama ada atau CSS JavaScript - 164 00:08:09,130 --> 00:08:13,240 yang mengambil banyak daripada pasukan anda ada dalam pengkodan. 165 00:08:13,240 --> 00:08:17,290 >> Jadi mereka pra-menentukan sekumpulan kelas atau pra-menentukan sekumpulan fungsi untuk 166 00:08:17,290 --> 00:08:20,110 Kes JavaScript, yang anda boleh menghubungi di kemudian hari. 167 00:08:20,110 --> 00:08:22,690 Dan kemudian anda boleh, jenis, dapatkan akses kepada kod ini tanpa 168 00:08:22,690 --> 00:08:23,710 mempunyai kaitan apa-apa. 169 00:08:23,710 --> 00:08:27,750 Contoh perpustakaan adalah CS50.H. Itu adalah satu perpustakaan kami berikan kepada kamu 170 00:08:27,750 --> 00:08:32,090 pada minggu satu, yang membenarkan anda untuk melakukan perkara seperti itu GetInt dan GetString 171 00:08:32,090 --> 00:08:35,237 tanpa perlu menulis apa-apa kod sendiri. 172 00:08:35,237 --> 00:08:36,179 >> MIKE Rizzo: Baiklah. 173 00:08:36,179 --> 00:08:40,299 Jadi di sini, seperti kami terpaksa termasuk dalam c kami fail yang berbeza 174 00:08:40,299 --> 00:08:46,570 perpustakaan, kita juga harus termasuk dalam HTML kami fail perpustakaan yang berbeza. 175 00:08:46,570 --> 00:08:50,310 Sebagai contoh, jika kita mahu termasuk perpustakaan JavaScript khusus di sini, 176 00:08:50,310 --> 00:08:52,850 mungkin, salah satu yang kita telah menulis diri kita sendiri kerana ia menjadi tuan rumah dalam negara 177 00:08:52,850 --> 00:08:56,000 dipanggil script.js, kita hanya menggunakan tatatanda ini. 178 00:08:56,000 --> 00:08:59,500 >> Jadi kita perlu setaraf jenis skrip JavaScript sumber setaraf 179 00:08:59,500 --> 00:09:01,260 JavaScript.js. 180 00:09:01,260 --> 00:09:05,190 Dan jika anda berfikir kembali ke CS50 anda masalah kewangan yang ditetapkan, jika anda melihat di 181 00:09:05,190 --> 00:09:09,190 header.php dalam folder template ini, anda seharusnya melihat 182 00:09:09,190 --> 00:09:10,970 sesetengah dimasukkan. 183 00:09:10,970 --> 00:09:13,250 Jadi satu ini pertama - skrip - 184 00:09:13,250 --> 00:09:16,080 adalah termasuk perpustakaan JavaScript. 185 00:09:16,080 --> 00:09:18,760 Termasuk perpustakaan CSS adalah yang sedikit berbeza. 186 00:09:18,760 --> 00:09:21,430 >> Di sini, bukan skrip TAG anda perlu tag pautan. 187 00:09:21,430 --> 00:09:27,110 Dan kemudian, jenis CSS teks adalah sedikit berbeza. 188 00:09:27,110 --> 00:09:29,270 Anda tidak sentiasa perlu termasuk lembaran gaya rel. 189 00:09:29,270 --> 00:09:30,970 Tetapi saya rasa ia, secara amnya, amalan yang baik. 190 00:09:30,970 --> 00:09:35,810 >> Dan kemudian akhirnya, href, yang anda mungkin melihat di ATAGs anda untuk menghubungkan 191 00:09:35,810 --> 00:09:39,440 dalam pautan yang berbeza hanya Menyatakan pautan di mana untuk mencari itu. 192 00:09:39,440 --> 00:09:42,250 Sebagai contoh, jika kita mahu memautkan perpustakaan yang berbeza - mari kita hanya berkata - 193 00:09:42,250 --> 00:09:49,330 yang tinggal di styles.css. 194 00:09:49,330 --> 00:09:54,030 Dan kami mahu untuk menghubungkan bahawa dalam itu menjadi tuan rumah di web, kami akan menyalin itu. 195 00:09:54,030 --> 00:09:58,834 Dan kemudian tampalkannya ke dalam apa sahaja kita ada di sini sebaliknya. 196 00:09:58,834 --> 00:10:01,340 >> TOMAS REIMERS: OK, diharapkan anda lelaki sudah biasa 197 00:10:01,340 --> 00:10:02,410 dengan bagaimana untuk menghubungkan CSS. 198 00:10:02,410 --> 00:10:04,000 Anda terpaksa melakukannya pada set coklat terakhir anda. 199 00:10:04,000 --> 00:10:07,110 JavaScript, sebahagian dari kamu mungkin mempunyai beberapa pengalaman dengan. 200 00:10:07,110 --> 00:10:07,980 Sebahagian daripada anda mungkin tidak. 201 00:10:07,980 --> 00:10:12,190 >> Jadi untuk sekarang, tahu bahawa fail JavaScript adalah seperti fail CSS dalam 202 00:10:12,190 --> 00:10:15,640 erti kata bahawa anda boleh link ke atau bahawa anda boleh memasukkannya secara dalaman. 203 00:10:15,640 --> 00:10:17,360 Dan ia membolehkan anda kepada perkara-perkara skrip. 204 00:10:17,360 --> 00:10:21,820 Dan kita akan berjalan anda melalui sedikit sedikit JavaScript nanti. 205 00:10:21,820 --> 00:10:23,560 >> Jadi menggunakan perpustakaan - 206 00:10:23,560 --> 00:10:26,150 sebaik sahaja anda telah memasukkannya, ia sebagai semudah literal memanggil 207 00:10:26,150 --> 00:10:29,640 fungsi atau menambah nama kelas dengannya. 208 00:10:29,640 --> 00:10:32,220 Perkara terakhir yang kita mahu bercakap kira-kira dari segi perpustakaan - 209 00:10:32,220 --> 00:10:34,180 dan ini adalah lebih daripada nota teknikal - 210 00:10:34,180 --> 00:10:35,860 adalah pelesenan sumber terbuka. 211 00:10:35,860 --> 00:10:41,550 Oleh itu, apabila anda mendapati ini perpustakaan sebenar, anda boleh berfikir 212 00:10:41,550 --> 00:10:47,630 soalan suka ialah ia OK bahawa saya hanya menggunakan kod orang lain, terutamanya 213 00:10:47,630 --> 00:10:51,970 kerana itulah sesuatu yang kita amat memberitahu anda untuk tidak dalam kursus ini. 214 00:10:51,970 --> 00:10:55,790 >> Jadi dalam kes pelesenan sumber terbuka, banyak pemaju - 215 00:10:55,790 --> 00:10:57,540 apabila mereka telah menulis perpustakaan yang mereka fikir boleh 216 00:10:57,540 --> 00:10:59,450 membantu kepada orang lain - 217 00:10:59,450 --> 00:11:02,420 akan menyiarkannya ke web dan memberikan lesen. 218 00:11:02,420 --> 00:11:06,620 Dan suatu lesen yang pada dasarnya mengatakan saya dengan memberi kebenaran untuk lain 219 00:11:06,620 --> 00:11:11,250 orang untuk menggunakan ini sekeping perisian dengan seperti berikut 220 00:11:11,250 --> 00:11:13,230 ketentuan. 221 00:11:13,230 --> 00:11:16,100 >> Kami menyertakan pautan ke laman web yang baik untuk membantu anda memahami lesen dalam 222 00:11:16,100 --> 00:11:17,720 dalam hal keadaan kes anda menghadapi mereka. 223 00:11:17,720 --> 00:11:21,680 Ketetapan umum adalah perkara-perkara seperti anda dialu-alukan untuk menggunakan perpustakaan saya supaya 224 00:11:21,680 --> 00:11:23,000 selagi anda memberi saya kredit. 225 00:11:23,000 --> 00:11:25,670 Anda dialu-alukan untuk menggunakan perpustakaan saya selagi apabila ia rosak 226 00:11:25,670 --> 00:11:26,790 anda tidak menyalahkan saya. 227 00:11:26,790 --> 00:11:30,310 Anda dialu-alukan untuk menggunakan perpustakaan saya begitu lama kerana anda tidak menggunakannya untuk membuat wang 228 00:11:30,310 --> 00:11:31,910 untuk diri sendiri. 229 00:11:31,910 --> 00:11:34,130 Ini adalah jenis yang sama ketentuan. 230 00:11:34,130 --> 00:11:37,780 >> Untuk projek ini akhir CS50, mereka tidak harus super relevan kerana 231 00:11:37,780 --> 00:11:41,440 projek-projek yang menggunakan anda semua mungkin agak, jenis, yang dikenali. 232 00:11:41,440 --> 00:11:44,170 Tetapi apabila anda benar-benar pergi keluar ke dunia dan mula menggunakan perpustakaan, yang 233 00:11:44,170 --> 00:11:48,100 boleh atau tidak boleh dan juga dilaksanakan sebagai beberapa yang lebih popular kami 234 00:11:48,100 --> 00:11:49,780 akan pergi melalui. 235 00:11:49,780 --> 00:11:53,310 Ia baik untuk dapat memahami ini lesen dan untuk 236 00:11:53,310 --> 00:11:54,560 memahami apa yang mereka maksudkan. 237 00:11:54,560 --> 00:11:58,120 238 00:11:58,120 --> 00:11:58,586 Dan akan kembali. 239 00:11:58,586 --> 00:12:00,960 >> MIKE Rizzo: OK. 240 00:12:00,960 --> 00:12:04,850 Jadi sekarang bergerak ke contoh CSS sebenar. 241 00:12:04,850 --> 00:12:07,770 Pada ketika ini setakat ini, anda mungkin tidak temui ini. 242 00:12:07,770 --> 00:12:10,300 Tetapi anda mungkin telah dihadapi dalam kehidupan seharian anda di mana sesuatu 243 00:12:10,300 --> 00:12:13,160 yang kelihatan satu cara pada satu pelayar tidak mungkin kelihatan sama 244 00:12:13,160 --> 00:12:14,880 cara dalam pelayar web lain. 245 00:12:14,880 --> 00:12:17,400 >> Ini dipanggil pelayar pelayar keserasian. 246 00:12:17,400 --> 00:12:20,780 Dan semakin ia menjadi lebih dan lebih banyak masalah, terutama sebagai 247 00:12:20,780 --> 00:12:25,260 pelayar mengambil lebih dan lebih kebebasan untuk melaksanakan perkara-perkara yang mereka mahu. 248 00:12:25,260 --> 00:12:28,440 Jadi untuk mengatasi itu, terdapat sebenarnya perpustakaan yang besar dipanggil Normalize.CSS. 249 00:12:28,440 --> 00:12:32,236 250 00:12:32,236 --> 00:12:33,770 >> TOMAS REIMERS: Kami termasuk link. 251 00:12:33,770 --> 00:12:36,210 Pada ketika ini, ia membantu jika anda mempunyai komputer riba anda di sana 252 00:12:36,210 --> 00:12:38,740 mencari di tapak. 253 00:12:38,740 --> 00:12:42,580 Dan kita memberikan ini kepada anda dengan kini hanya kerana akhir CS50 yang 254 00:12:42,580 --> 00:12:44,370 projek sebenarnya akan meminta anda untuk melaksanakannya 255 00:12:44,370 --> 00:12:45,860 sama dan melalui pelayar. 256 00:12:45,860 --> 00:12:49,250 >> Jadi untuk menjaga di belakang anda kepala, ini adalah sebuah perpustakaan yang indah 257 00:12:49,250 --> 00:12:51,170 kerana ia akan, jenis, menyeragamkan sesuatu. 258 00:12:51,170 --> 00:12:54,230 Dalam Firefox, sesuatu yang mungkin menunjukkan sebagai satu piksel ke kiri. 259 00:12:54,230 --> 00:12:58,390 Dan kemudian Chrome boleh memutuskan bahawa sebenarnya apa yang anda maksudkan ialah 10 piksel 260 00:12:58,390 --> 00:12:59,380 ke kiri. 261 00:12:59,380 --> 00:13:01,030 Dan anda mahu menyeragamkan ini. 262 00:13:01,030 --> 00:13:05,360 Menormalkan sebenarnya akan melakukan yang benar-benar baik tugas memastikan bahawa laman anda 263 00:13:05,360 --> 00:13:08,070 kelihatan sama di seluruh pelayar. 264 00:13:08,070 --> 00:13:10,660 >> MIKE Rizzo: Jadi, jika kita mahu hanya klik link di benar-benar cepat dan menunjukkan 265 00:13:10,660 --> 00:13:13,140 anda apa yang kelihatan seperti, anda boleh memuat turun menggunakan 266 00:13:13,140 --> 00:13:14,670 butang Muat turun gergasi. 267 00:13:14,670 --> 00:13:18,520 Atau saya menggalakkan anda untuk membaca lebih lanjut mengenai ia dengan klik link ini yang lebih rendah 268 00:13:18,520 --> 00:13:19,310 sudut kanan. 269 00:13:19,310 --> 00:13:22,420 >> TOMAS REIMERS: Dan jika anda benar-benar Penantian di sana - 270 00:13:22,420 --> 00:13:24,340 klik sumber pada GitHub - 271 00:13:24,340 --> 00:13:31,720 anda sebenarnya akan melihat sumber terbuka lesen di LICENSE.md di sana. 272 00:13:31,720 --> 00:13:35,740 Dan anda akan lihat di sini adalah lesen MIT sangat popular. 273 00:13:35,740 --> 00:13:38,940 Sekali lagi, jika anda membaca teks, anda akan dapat untuk mencari ia di laman web ini 274 00:13:38,940 --> 00:13:42,550 kita dirujuk sebelum dan dapat memahaminya tanpa perlu membaca 275 00:13:42,550 --> 00:13:45,920 melalui jargon undang-undang. 276 00:13:45,920 --> 00:13:46,850 >> MIKE Rizzo: OK, hebat. 277 00:13:46,850 --> 00:13:47,940 Jadi, itu Menormalkan. 278 00:13:47,940 --> 00:13:49,190 Kami mahu memberi anda yang benar-benar cepat. 279 00:13:49,190 --> 00:13:50,030 Oh, adakah anda mempunyai soalan? 280 00:13:50,030 --> 00:13:53,013 >> PENONTON: Oleh itu, apabila anda memuat turun, anda hanya ikut kod yang bahawa mereka mempunyai 281 00:13:53,013 --> 00:13:54,098 bawah butang Muat turun? 282 00:13:54,098 --> 00:13:55,860 >> TOMAS REIMERS: Ya, jadi apabila anda memuat turun - 283 00:13:55,860 --> 00:13:58,130 >> MIKE Rizzo: Oh, itu adalah satu titik besar. 284 00:13:58,130 --> 00:14:00,700 Jadi persoalannya adalah bagaimana kita sebenarnya memuat turun? 285 00:14:00,700 --> 00:14:03,260 Jadi, jika kita klik link, kita lihat bahawa ia sebenarnya muncul 286 00:14:03,260 --> 00:14:05,030 pada kod sumber. 287 00:14:05,030 --> 00:14:08,550 Jadi untuk melakukan ini, apa yang kita dapat lakukan adalah hanya klik Save As. 288 00:14:08,550 --> 00:14:10,830 Save As dan yang perlu membawa fail. 289 00:14:10,830 --> 00:14:14,160 Dan kemudian kita boleh memilih untuk menyimpannya sebagai normalize.CSS. 290 00:14:14,160 --> 00:14:15,810 Dan kemudian anda akan perlu menghubungkannya dalam - 291 00:14:15,810 --> 00:14:18,660 >> TOMAS REIMERS: Cara yang sama anda menghubungkan dalam mana-mana fail lain. 292 00:14:18,660 --> 00:14:22,250 Dan apabila anda menghubungkannya dalam, apa yang besar mengenai Menormalkan ia akan benar-benar 293 00:14:22,250 --> 00:14:25,920 menjaga semua keras bekerja dengan sendirinya. 294 00:14:25,920 --> 00:14:27,730 Yang bererti bahawa anda tidak mempunyai untuk menambah apa-apa kelas. 295 00:14:27,730 --> 00:14:29,690 >> Anda tidak perlu berbuat apa-apa yang pelik. 296 00:14:29,690 --> 00:14:34,590 Ia akan menormalkan tanpa anda melakukan apa-apa lagi. 297 00:14:34,590 --> 00:14:36,083 Ya, anda perlu dimasukkan. 298 00:14:36,083 --> 00:14:38,990 299 00:14:38,990 --> 00:14:40,240 Google Chrome tidak bertindak balas. 300 00:14:40,240 --> 00:14:43,270 301 00:14:43,270 --> 00:14:44,860 >> Hanya yang cepat mengetepikan - 302 00:14:44,860 --> 00:14:46,800 Saya perhatikan kita melompat ke dalam ini. 303 00:14:46,800 --> 00:14:49,010 Selebihnya persembahan ini adalah akan menjadi gambaran yang cepat. 304 00:14:49,010 --> 00:14:50,380 Satu kajian perpustakaan. 305 00:14:50,380 --> 00:14:52,710 >> Pada asasnya, apa yang mereka. 306 00:14:52,710 --> 00:14:53,350 Apa yang mereka lakukan. 307 00:14:53,350 --> 00:14:54,060 Bagaimana mereka berguna. 308 00:14:54,060 --> 00:14:56,540 Bagaimana anda boleh melaksanakannya. 309 00:14:56,540 --> 00:14:59,730 Jika anda ingin mula mencari mereka, berikut bersama-sama, dan membaca 310 00:14:59,730 --> 00:15:01,990 mereka, saya sangat menggalakkan itu. 311 00:15:01,990 --> 00:15:07,620 >> Sebagai alternatif, anda dialu-alukan juga untuk mula memuat turun mereka dan termasuk 312 00:15:07,620 --> 00:15:11,400 mereka di sisi hanya untuk melihat apa yang mereka kelihatan seperti atau apa yang mereka lakukan jika anda mempunyai 313 00:15:11,400 --> 00:15:12,270 komputer riba anda di hadapan anda. 314 00:15:12,270 --> 00:15:14,650 Jika tidak, anda dialu-alukan untuk memastikan mendengar kita bercakap. 315 00:15:14,650 --> 00:15:15,500 Kita akan terus bercakap. 316 00:15:15,500 --> 00:15:18,680 Dan kita mempunyai masa pada akhirnya, mudah-mudahan kita benar-benar akan masuk ke dalam menunjukkan anda 317 00:15:18,680 --> 00:15:20,946 apa yang beberapa perpustakaan ini kelihatan seperti. 318 00:15:20,946 --> 00:15:22,320 >> MIKE Rizzo: Percuma. 319 00:15:22,320 --> 00:15:25,466 Baiklah, jadi sekarang mari kita bercakap kira-kira Fon Awesome. 320 00:15:25,466 --> 00:15:30,480 >> TOMAS REIMERS maka Font Awesome adalah tapak benar-benar kemas, terutamanya bagi mereka 321 00:15:30,480 --> 00:15:32,450 daripada kita yang kurang artistik berbakat. 322 00:15:32,450 --> 00:15:36,330 323 00:15:36,330 --> 00:15:38,880 Mengabaikan Font nama Awesome, ia memberi anda sekumpulan ikon, yang 324 00:15:38,880 --> 00:15:41,050 sangat berguna. 325 00:15:41,050 --> 00:15:45,950 Jadi banyak kali anda akan melaksanakan ikon anda mungkin mahu seperti x bagus jadi 326 00:15:45,950 --> 00:15:47,170 bahawa anda boleh menutup sesuatu. 327 00:15:47,170 --> 00:15:49,910 >> Atau anda mungkin mahu beberapa jenis Edit butang dengan lukisan pensil seperti 328 00:15:49,910 --> 00:15:50,940 orang lain mempunyai. 329 00:15:50,940 --> 00:15:53,850 Dan itu apabila anda mengetahui bahawa melukis mereka ikon boleh 330 00:15:53,850 --> 00:15:55,510 sangat membosankan dan sukar. 331 00:15:55,510 --> 00:15:59,160 Fon Awesome - jika anda benar-benar pergi ke laman web ini - 332 00:15:59,160 --> 00:16:02,892 memberikan anda banyak ikon di bawah ikon di bahagian atas. 333 00:16:02,892 --> 00:16:06,980 Ya, hanya bahagian atas. 334 00:16:06,980 --> 00:16:09,030 Ia akan memberi anda banyak ikon secara percuma. 335 00:16:09,030 --> 00:16:15,210 >> Jadi di sini anda melihat kita mempunyai perkara-perkara seperti asterisk, bar, bolt kilat, yang 336 00:16:15,210 --> 00:16:19,750 kalendar, pepijat, buku, dan sebagainya. 337 00:16:19,750 --> 00:16:21,110 Ini boleh sangat berguna. 338 00:16:21,110 --> 00:16:24,290 Cara anda termasuk ini adalah anda termasuk beribu-fail CSS. 339 00:16:24,290 --> 00:16:29,760 Dan selepas anda termasuk fail CSS, apa yang anda boleh lakukan ialah anda membuat 340 00:16:29,760 --> 00:16:33,430 tag dipanggil I. Ia satands untuk ikon dengan kelas FA 341 00:16:33,430 --> 00:16:34,460 menawarkan diri untuk Font Awesome. 342 00:16:34,460 --> 00:16:36,330 Dan kemudian, apa sahaja kelas yang anda mahu. 343 00:16:36,330 --> 00:16:41,220 >> Jadi, jika saya mahu ikon ditambah ini persegi di sini, saya akan memberikan 344 00:16:41,220 --> 00:16:43,290 ia kelas FA. 345 00:16:43,290 --> 00:16:46,230 Dan kemudian sempang sempang FA ditambah persegi. 346 00:16:46,230 --> 00:16:50,325 347 00:16:50,325 --> 00:16:53,710 >> MIKE Rizzo: Percuma, OK. 348 00:16:53,710 --> 00:16:56,980 >> TOMAS REIMERS: Dan kemudian, CSS lepas perpustakaan kita mahu untuk mendapatkan melalui kami 349 00:16:56,980 --> 00:16:59,950 cuba untuk memastikan ia minimum kepada CSS perpustakaan kerana kita merealisasikan 350 00:16:59,950 --> 00:17:03,660 tajuk persembahan ini adalah JavaScript Perpustakaan. 351 00:17:03,660 --> 00:17:07,089 Tetapi kita berfikir bahawa kita boleh dan juga memperkenalkan anda kepada perpustakaan lain 352 00:17:07,089 --> 00:17:09,569 ketika kami bercakap tentang perpustakaan. 353 00:17:09,569 --> 00:17:11,400 >> Ia Google Web Font. 354 00:17:11,400 --> 00:17:17,040 Dan apa yang Google Web Font membolehkan anda lakukan adalah menambah fon pada laman web anda, 355 00:17:17,040 --> 00:17:22,079 yang merupakan cara yang benar-benar mudah untuk membuat ia cantik dan untuk membezakan set anda 356 00:17:22,079 --> 00:17:24,460 dari orang lain adalah jika ia mempunyai font bagus atau jika ia mempunyai yang bagus yang 357 00:17:24,460 --> 00:17:27,790 koleksi fon. 358 00:17:27,790 --> 00:17:31,410 Google Web Font bagus tidak seperti perpustakaan dalam erti kata bahawa ia adalah satu 359 00:17:31,410 --> 00:17:33,490 pemasangan benar-benar mendapat petunjuk. 360 00:17:33,490 --> 00:17:38,680 >> Jadi, jika anda mengikuti pautan, ia google.com / fon, saya percaya. 361 00:17:38,680 --> 00:17:41,100 Jika anda mengikuti bahawa, anda boleh memilih fon anda. 362 00:17:41,100 --> 00:17:44,410 Anda boleh memilih di sebelah kiri dari ketebalan, condong, dan sebagainya. 363 00:17:44,410 --> 00:17:48,970 Dan kemudian, apabila anda telah memilih satu, anda boleh klik penggunaan cepat. 364 00:17:48,970 --> 00:17:49,820 Di sana. 365 00:17:49,820 --> 00:17:51,590 Bawah kanan kotak. 366 00:17:51,590 --> 00:17:54,380 367 00:17:54,380 --> 00:17:56,700 >> Dan kemudian, tatal ke bawah. 368 00:17:56,700 --> 00:17:59,600 369 00:17:59,600 --> 00:18:02,650 Pertama sekali, mereka memberikan CSS yang anda perlu benar-benar menghubungkan kepadanya. 370 00:18:02,650 --> 00:18:03,330 Ia di sana. 371 00:18:03,330 --> 00:18:05,170 Anda hanya boleh copy dan paste yang masuk 372 00:18:05,170 --> 00:18:07,250 Dan perkara yang baik tentang satu ini anda sebenarnya tidak perlu untuk 373 00:18:07,250 --> 00:18:08,340 memuat turun fail. 374 00:18:08,340 --> 00:18:11,170 >> Apa yang ia akan lakukan ialah ia akan untuk pautan ke versi Google daripadanya. 375 00:18:11,170 --> 00:18:14,130 Jadi kembali kepada apa maksudnya. 376 00:18:14,130 --> 00:18:18,270 Ini bermakna apabila pengguna downloads fail anda - 377 00:18:18,270 --> 00:18:22,300 downloads halaman HTML anda - HTML anda halaman akan rujukan fail ini. 378 00:18:22,300 --> 00:18:26,790 >> Demikian maka, anda komputer akan lihat, oh, ia menjadi tuan rumah di google.com dan bukan 379 00:18:26,790 --> 00:18:28,170 dari pada theirsite.com. 380 00:18:28,170 --> 00:18:30,370 Biar saya pergi meminta Google untuk fail itu. 381 00:18:30,370 --> 00:18:32,800 Dan kemudian, ia akan termasuk ia seolah-olah ia suatu 382 00:18:32,800 --> 00:18:35,584 sebahagian daripada laman anda sendiri. 383 00:18:35,584 --> 00:18:36,540 >> TOMAS REIMERS: Percuma. 384 00:18:36,540 --> 00:18:40,980 Dan apabila anda termasuk itu, maka untuk termasuk dalam CSS anda, ia memberi anda 385 00:18:40,980 --> 00:18:41,830 garis sebenar. 386 00:18:41,830 --> 00:18:45,188 Jadi, anda menetapkan font harta sama dengan nama fon anda. 387 00:18:45,188 --> 00:18:47,936 388 00:18:47,936 --> 00:18:50,440 >> MIKE Rizzo: OK. 389 00:18:50,440 --> 00:18:52,220 Oleh itu, kita hanya selesai dengan CSS. 390 00:18:52,220 --> 00:18:57,230 Dan sebahagian daripada anda mungkin berfikir, baik, kami mempunyai beberapa CSS pada CS50 Kewangan. 391 00:18:57,230 --> 00:19:00,390 Tetapi perpustakaan CSS adalah Bootstrap. 392 00:19:00,390 --> 00:19:05,190 Kami benar-benar termasuk Bootstrap sedikit kemudian di bawah JavaScript kerana dengan 393 00:19:05,190 --> 00:19:09,660 perpustakaan Bootstrap CSS juga datang dengan banyak JavaScript yang 394 00:19:09,660 --> 00:19:12,060 Bootstrap atau Twitter - yang membuat Bootstrap - 395 00:19:12,060 --> 00:19:15,426 menggunakan untuk menguruskan semua CSS mereka. 396 00:19:15,426 --> 00:19:19,592 >> TOMAS REIMERS: Adakah sesiapa yang mempunyai apa-apa soalan setakat ini kira-kira CSS secara umum? 397 00:19:19,592 --> 00:19:20,723 Kami baik? 398 00:19:20,723 --> 00:19:21,216 Awesome. 399 00:19:21,216 --> 00:19:22,495 >> MIKE Rizzo: Awesome. 400 00:19:22,495 --> 00:19:25,136 >> TOMAS REIMERS: Jadi bergerak ke JavaScript. 401 00:19:25,136 --> 00:19:27,900 >> MIKE Rizzo: Oleh itu, kita mahu bercakap mengenai jQuery untuk memulakan. 402 00:19:27,900 --> 00:19:30,780 Adakah sesiapa mendengar jQuery sebelum atau menggunakannya? 403 00:19:30,780 --> 00:19:32,180 Ya, beberapa? 404 00:19:32,180 --> 00:19:36,000 Jadi jika anda hanya bekerja dengan ibunda JavaScript, anda akan mendapati diri anda 405 00:19:36,000 --> 00:19:41,000 menaip banyak selectors panjang banyak. 406 00:19:41,000 --> 00:19:44,400 Jadi apa jQuery adalah ia menyediakan pembungkus bagus untuk JavaScript 407 00:19:44,400 --> 00:19:48,180 bahasa yang membolehkan anda dengan mudah memilih dan memanipulasi elemen yang berbeza 408 00:19:48,180 --> 00:19:52,470 dalam model objek dokumen yang Laman web atau DOM, yang saya fikir 409 00:19:52,470 --> 00:19:54,290 anda semua pernah mendengar dalam syarahan pada ketika ini. 410 00:19:54,290 --> 00:19:57,550 >> TOMAS REIMERS: Jika anda tidak pernah mendengar atau kuliah jika anda tidak melihat 411 00:19:57,550 --> 00:20:01,870 lagi, Dokumen Objek Model adalah asasnya bagaimana perkara-perkara yang diwakili. 412 00:20:01,870 --> 00:20:05,290 Jadi HTML jenis kelihatan seperti pokok apabila anda sebenarnya menarik keluar. 413 00:20:05,290 --> 00:20:06,850 Anda mempunyai elemen HTML di atas. 414 00:20:06,850 --> 00:20:07,560 Anda mempunyai kepala dan badan. 415 00:20:07,560 --> 00:20:09,500 >> Dan kemudian, dalam masa yang anda mempunyai segala-galanya. 416 00:20:09,500 --> 00:20:10,660 Yang dirujuk sebagai DOM yang - 417 00:20:10,660 --> 00:20:12,120 Dokumen Objek Model. 418 00:20:12,120 --> 00:20:16,090 Jadi model yang mewakili objek dalam dokumen itu adalah satu cara yang mudah untuk berfikir 419 00:20:16,090 --> 00:20:18,560 tentang itu. 420 00:20:18,560 --> 00:20:22,520 Dan salah satu perkara yang hebat tentang jQuery ia benar-benar membuat menyeberangi 421 00:20:22,520 --> 00:20:26,460 itu dan memanipulasi elemen dalam yang amat mudah. 422 00:20:26,460 --> 00:20:30,300 >> Jadi mudah, sebenarnya, bahawa majoriti JavaScript perpustakaan atau jika tidak 423 00:20:30,300 --> 00:20:34,200 majoriti, majoriti besar daripada orang-orang yang anda akan melihat benar-benar memerlukan jQuery jadi 424 00:20:34,200 --> 00:20:37,530 bahawa mereka boleh menjalankan diri mereka semata-mata kerana jika anda tidak mempunyai jQuery, anda 425 00:20:37,530 --> 00:20:40,540 akan membazirkan banyak masa cuba untuk memikirkan bagaimana untuk memilih tertentu 426 00:20:40,540 --> 00:20:43,660 unsur-unsur dan bagaimana untuk melakukan perkara-perkara lain. 427 00:20:43,660 --> 00:20:47,950 Dan perkara yang lain yang menarik mengenai jQuery adalah bahawa ia adalah pelayar salib serasi. 428 00:20:47,950 --> 00:20:51,550 >> Jadi ingat kembali apabila kita berkata tidak semua pelayar melaksanakan 429 00:20:51,550 --> 00:20:53,100 sesuatu dengan cara yang sama? 430 00:20:53,100 --> 00:20:55,120 Ini adalah benar walaupun dalam JavaScript. 431 00:20:55,120 --> 00:20:58,220 Dan salah satu perkara yang menarik mengenai jQuery ialah ia akan mengesan 432 00:20:58,220 --> 00:21:00,300 pelayar dan mengesan kaedah yang sesuai. 433 00:21:00,300 --> 00:21:03,420 >> Jadi, jika anda perlu untuk memilih satu elemen, Internet Explorer mungkin mengatakan anda 434 00:21:03,420 --> 00:21:05,770 sepatutnya dilakukan dengan cara ini. 435 00:21:05,770 --> 00:21:08,300 Firefox mungkin berkata yang betul cara ialah dengan cara ini. 436 00:21:08,300 --> 00:21:09,710 jQuery tidak peduli. 437 00:21:09,710 --> 00:21:12,550 Apabila anda memberitahu jQuery untuk memilih elemen ia akan memikirkan bagaimana ia 438 00:21:12,550 --> 00:21:16,290 sepatutnya melakukannya dalam pelayar yang pengguna kini dalam, dan kemudian lakukan 439 00:21:16,290 --> 00:21:18,584 dengan cara itu. 440 00:21:18,584 --> 00:21:22,650 >> MIKE Rizzo: Jadi jangan kita bercakap tentang penggunaan jQuery sedikit. 441 00:21:22,650 --> 00:21:27,670 Sama seperti PHP, jQuery mempunyai tertentu kesukaan bagi tanda dolar. 442 00:21:27,670 --> 00:21:30,880 Jadi, anda akan mendapati bahawa apa-apa jQuery - 443 00:21:30,880 --> 00:21:32,060 juga, bukan semua. 444 00:21:32,060 --> 00:21:35,210 Anda kadang-kadang boleh menggantikan dolar mendaftar dengan jQuery perkataan. 445 00:21:35,210 --> 00:21:38,980 Tetapi secara amnya, hanya kerana ia lebih pendek, setiap kali anda melihat jQuery menjadi 446 00:21:38,980 --> 00:21:41,420 digunakan ia akan dengan tanda dolar. 447 00:21:41,420 --> 00:21:47,030 >> Jadi di sini kami hanya menunjukkan satu permulaan pemilih bagi satu elemen dalam DOM. 448 00:21:47,030 --> 00:21:52,850 Di sini, kami mempunyai tanda dolar diikuti dengan kurungan terbuka dan sebut harga. 449 00:21:52,850 --> 00:21:56,130 Dan dalam sebut harga pergi selectors kami untuk unsur-unsur yang berbeza. 450 00:21:56,130 --> 00:21:59,810 Sama seperti dalam CSS, kita diperlukan untuk selectors dapat gaya elemen yang berbeza 451 00:21:59,810 --> 00:22:00,840 dalam halaman. 452 00:22:00,840 --> 00:22:06,555 Mereka selectors berbeza menterjemahkan betul-betul ke dalam jQuery dan JavaScript, 453 00:22:06,555 --> 00:22:07,820 untuk sebahagian besar. 454 00:22:07,820 --> 00:22:10,120 >> Jadi di sini kita mempunyai foo dot. 455 00:22:10,120 --> 00:22:14,780 Jadi, jika anda ingat dari kuliah, titik hanya bermakna kelas. 456 00:22:14,780 --> 00:22:18,850 Jadi kita memilih elemen dengan kelas foo. 457 00:22:18,850 --> 00:22:22,670 Jadi jika saya pergi ke hadapan dan membuka kami JavaScript konsol sini benar-benar cepat 458 00:22:22,670 --> 00:22:26,830 hanya menunjukkan ia, jika saya hanya menaip tanda dolar, kita lihat bahawa ia adalah beberapa 459 00:22:26,830 --> 00:22:28,090 fungsi yang muncul. 460 00:22:28,090 --> 00:22:29,420 Dan ia hanya ditakrifkan oleh jQuery. 461 00:22:29,420 --> 00:22:32,120 >> TOMAS REIMERS: Bagi anda yang tidak dikenali, konsol adalah alat yang 462 00:22:32,120 --> 00:22:35,430 dalam Chrome, yang membolehkan anda, pada dasarnya, menjalankan JavaScript pada 463 00:22:35,430 --> 00:22:36,450 halaman semasa. 464 00:22:36,450 --> 00:22:39,420 Ini anda akan mendapati amat berguna apabila anda sebenarnya sedang debugging dan anda 465 00:22:39,420 --> 00:22:42,400 perlu menjadi seperti, apa yang semasa nilai beberapa pembolehubah global atau apa 466 00:22:42,400 --> 00:22:43,910 adalah sesuatu yang lain? 467 00:22:43,910 --> 00:22:47,620 Ia adalah jenis seperti GDB dengan pengecualian bahawa anda boleh sebenarnya 468 00:22:47,620 --> 00:22:51,600 memanipulasi elemen-elemen pada halaman dengan ia dengan cara yang lebih mudah. 469 00:22:51,600 --> 00:22:55,080 Dan juga ia tidak, pada dasarnya, daftar dalam dengan anda sebelum ia apa-apa. 470 00:22:55,080 --> 00:22:58,660 >> Jadi manakala, GDB mungkin menjadi seperti, adakah anda pasti anda mahu menjalankan langkah seterusnya? 471 00:22:58,660 --> 00:22:59,830 Konsol dalam sebenar. 472 00:22:59,830 --> 00:23:03,690 Jadi sebagai laman web itu memberikan dan melakukan apa sahaja yang ia lakukan, yang 473 00:23:03,690 --> 00:23:05,720 majlis itu juga berjalan di sampingnya. 474 00:23:05,720 --> 00:23:08,330 Dan anda boleh meletakkan kod menyalahkan ke konsol itu, yang akan 475 00:23:08,330 --> 00:23:09,260 dijalankan pada halaman. 476 00:23:09,260 --> 00:23:12,190 >> MIKE Rizzo: Jadi untuk memasukkan konsol, Saya rasa saya perlu secara ringkas 477 00:23:12,190 --> 00:23:13,750 menyebut bagaimana untuk melakukannya. 478 00:23:13,750 --> 00:23:17,850 Dalam masalah terakhir yang anda mungkin mempunyai ini digunakan Chrome memeriksa elemen 479 00:23:17,850 --> 00:23:20,440 fungsi atau pandangan sumber halaman - 480 00:23:20,440 --> 00:23:23,870 dan mereka boleh diakses hanya dengan betul klik pada halaman atau tertentu yang 481 00:23:23,870 --> 00:23:28,430 unsur dan melakukan sama ada memeriksa elemen atau pandangan sumber halaman. 482 00:23:28,430 --> 00:23:31,190 Kita juga boleh mengakses JavaScript konsol secara langsung oleh 483 00:23:31,190 --> 00:23:33,630 memilih memeriksa elemen. 484 00:23:33,630 --> 00:23:37,930 Konsol demikian maka anda hanya melanda di jauh di sebelah kanan. 485 00:23:37,930 --> 00:23:41,900 >> Sebagai alternatif, anda boleh juga pergi ke bahagian atas sebelah kanan, 486 00:23:41,900 --> 00:23:46,820 yang terputus pada skrin ini di mana ia mempunyai tiga bar melintang. 487 00:23:46,820 --> 00:23:52,010 Dan anda turun ke alat dan kemudian konsol JavaScript 488 00:23:52,010 --> 00:23:53,240 di sini di mana boleh melihat - 489 00:23:53,240 --> 00:23:54,370 sekurang-kurangnya pada Windows - 490 00:23:54,370 --> 00:23:59,680 pintasan adalah Kawalan Shift J. Jadi maka jika kita mahu untuk memilih unsur 491 00:23:59,680 --> 00:24:06,060 dalam laman ini, seperti saya menunjukkan sebelum ini, kami melakukan tanda dollar parens terbuka 492 00:24:06,060 --> 00:24:08,180 dan kemudian memetik. 493 00:24:08,180 --> 00:24:11,750 >> Satu perkara yang menarik ialah, secara amnya, petikan tunggal dan petikan berganda adalah 494 00:24:11,750 --> 00:24:12,370 ditukar. 495 00:24:12,370 --> 00:24:16,050 Jadi ramai orang hanya menggunakan single sebut harga kerana mereka lebih cepat untuk menaip 496 00:24:16,050 --> 00:24:19,780 daripada petikan berganda kerana anda tidak perlu tahan Shift. 497 00:24:19,780 --> 00:24:21,770 Jadi saya hanya akan berbuat demikian sekarang. 498 00:24:21,770 --> 00:24:24,510 >> Jadi saya mahu untuk memilih sesuatu dengan kelas. 499 00:24:24,510 --> 00:24:27,200 Bekas, hanya kerana saya tahu bahawa sesuatu yang pada kita 500 00:24:27,200 --> 00:24:28,740 laman web sekarang. 501 00:24:28,740 --> 00:24:29,520 Dan saya tekan Enter. 502 00:24:29,520 --> 00:24:31,670 Dan kita boleh melihat bahawa ia dipilih itu. 503 00:24:31,670 --> 00:24:34,990 Jadi ia menunjukkan bahawa ia kembali objek itu. 504 00:24:34,990 --> 00:24:36,620 Jadi, itu pilihan asas. 505 00:24:36,620 --> 00:24:40,080 Jika kita mahu untuk benar-benar memanipulasi ia, anda perlu untuk memanggil sesuatu 506 00:24:40,080 --> 00:24:43,925 pada pemilihan itu, yang kita akan masuk ke dalam kemudian. 507 00:24:43,925 --> 00:24:49,030 >> TOMAS REIMERS: Jadi hanya melihat bahawa lebih mendalam, ini tidak berbeza 508 00:24:49,030 --> 00:24:52,245 daripada fungsi panggilan yang telah dibuat dalam C. Nama fungsi di sini adalah 509 00:24:52,245 --> 00:24:52,580 sedikit pelik. 510 00:24:52,580 --> 00:24:55,640 Ia tanda dolar. 511 00:24:55,640 --> 00:24:57,010 Ia hanya satu nama bagi suatu fungsi. 512 00:24:57,010 --> 00:24:58,810 Tiada apa-apa yang istimewa mengenainya. 513 00:24:58,810 --> 00:25:00,450 >> Kami mempunyai kurungan terbuka. 514 00:25:00,450 --> 00:25:03,880 Kemudian, kita mempunyai satu hujah kita, yang dalam kes ini berlaku kepada menjadi tali, 515 00:25:03,880 --> 00:25:05,680 yang merupakan pemilih untuk itu. 516 00:25:05,680 --> 00:25:08,130 Dan kemudian, kita ada kita kurungan tertutup. 517 00:25:08,130 --> 00:25:09,960 Itu sahaja. 518 00:25:09,960 --> 00:25:11,500 >> Ia bukan yang jauh berbeza. 519 00:25:11,500 --> 00:25:12,900 Walaupun, ia kelihatan sangat pelik. 520 00:25:12,900 --> 00:25:17,220 Dan yang boleh, jenis, lekatan yang titik untuk ramai orang. 521 00:25:17,220 --> 00:25:21,460 >> MIKE Rizzo: Jadi begitu juga, jika kita mahu untuk memilih elemen yang mempunyai ID, 522 00:25:21,460 --> 00:25:23,470 sekarang kita ingin memilih oleh ID dan bukannya kelas. 523 00:25:23,470 --> 00:25:28,080 Ia akan menjadi perkara yang sama di mana kita hanya melakukan tanda tajam untuk ID. 524 00:25:28,080 --> 00:25:33,576 Jadi kita memilih di sini semua elemen-elemen yang mempunyai bar ID. 525 00:25:33,576 --> 00:25:35,400 >> TOMAS REIMERS: Dan ini diperluaskan. 526 00:25:35,400 --> 00:25:36,450 CSS yang meluas. 527 00:25:36,450 --> 00:25:42,260 Sama seperti dalam CSS, anda boleh memilih semua pautan, yang mempunyai foo kelas. 528 00:25:42,260 --> 00:25:43,420 Di sini, ia adalah perkara yang sama. 529 00:25:43,420 --> 00:25:52,750 >> Anda boleh melakukan a.foo, yang akan memilih semua pautan dengan foo kelas. 530 00:25:52,750 --> 00:25:58,860 Anda boleh melakukan bar tajam, yang akan pilih pautan dengan bar ID dan sebagainya 531 00:25:58,860 --> 00:25:59,770 dan sebagainya. 532 00:25:59,770 --> 00:26:02,120 Sebarang pemilih CSS adalah yang sah pemilih jQuery. 533 00:26:02,120 --> 00:26:03,370 >> MIKE Rizzo: Yeah. 534 00:26:03,370 --> 00:26:07,996 535 00:26:07,996 --> 00:26:11,460 OK, jadi sekarang mari kita masuk ke dalam sedikit manipulasi yang boleh kita lakukan dengan 536 00:26:11,460 --> 00:26:12,870 kami jQuery. 537 00:26:12,870 --> 00:26:19,280 Jadi jQuery mempunyai jenis tertentu notasi di mana kita hanya menggunakan 538 00:26:19,280 --> 00:26:20,170 titik pada akhir. 539 00:26:20,170 --> 00:26:23,340 Dan anda boleh memikirkan ini seperti dalam C bagaimana kita mempunyai structs berbeza. 540 00:26:23,340 --> 00:26:27,110 Dan menceburi bidang structs, anda akan menggunakan dot untuk mendapatkan ke dalam mereka. 541 00:26:27,110 --> 00:26:28,480 >> Ini, jenis, perkara yang sama. 542 00:26:28,480 --> 00:26:33,570 Hanya kini kita mempunyai fungsi dalam ini pemilih yang kita boleh memanggil ia. 543 00:26:33,570 --> 00:26:38,640 Jadi di sini, contoh pertama anda boleh lihat adalah pemilih CSS. 544 00:26:38,640 --> 00:26:45,290 Dan pada dasarnya, apa yang adalah ia terpakai elemen CSS pertama ini 545 00:26:45,290 --> 00:26:46,230 perkara yang anda pilih - 546 00:26:46,230 --> 00:26:47,720 elemen ini yang anda pilih - 547 00:26:47,720 --> 00:26:49,290 dengan nilai itu. 548 00:26:49,290 --> 00:26:55,390 >> TOMAS REIMERS: Jadi terjemahan mudah yang akan menjadi jika jQuery, pada dasarnya, 549 00:26:55,390 --> 00:26:57,790 hanya mengambil foo. 550 00:26:57,790 --> 00:27:05,480 Dan kemudian dalam CSS berkata, warna merah dan dekat. 551 00:27:05,480 --> 00:27:06,670 Ia adalah idea yang sama. 552 00:27:06,670 --> 00:27:08,800 Apa yang dilakukan adalah ia dipilih semua elemen foo. 553 00:27:08,800 --> 00:27:10,170 Dan kemudian ia digunakan. 554 00:27:10,170 --> 00:27:15,884 Jenis, warna harta adalah sama dengan merah. 555 00:27:15,884 --> 00:27:21,070 >> MIKE Rizzo: Begitu juga, kita juga boleh mengubah kandungan sebenar apa yang 556 00:27:21,070 --> 00:27:24,870 menunjukkan kepada HTML halaman, yang adalah benar-benar sejuk kerana ia bermakna anda 557 00:27:24,870 --> 00:27:28,095 laman web kini boleh benar-benar dinamik dan tidak perlu statik 558 00:27:28,095 --> 00:27:31,660 bahawa anda mencetak menggunakan PHP pada awal-awal lagi 559 00:27:31,660 --> 00:27:33,320 halaman yang dimuatkan. 560 00:27:33,320 --> 00:27:36,810 Jadi di sini, jika kita mahu mengubah HTML ada di halaman tersebut, kami akan sekarang 561 00:27:36,810 --> 00:27:43,550 memanggil fungsi HTML, yang kemudian hanya memasukkan apa sahaja yang kita nyatakan ke dalam 562 00:27:43,550 --> 00:27:45,390 elemen yang kami dipilih. 563 00:27:45,390 --> 00:27:49,810 Jadi di sini kita memilih elemen dengan foo kelas dan kemudian berkata ia HTML 564 00:27:49,810 --> 00:27:52,200 kini ia hello dunia. 565 00:27:52,200 --> 00:27:55,600 >> TOMAS REIMERS: Dan apabila anda berfikir tentang apakah aplikasi berguna 566 00:27:55,600 --> 00:28:00,800 ini, seseorang CSS ini, perkara pertama yang anda boleh mula berfikir tentang adalah 567 00:28:00,800 --> 00:28:03,070 dari segi walaupun jatuh bawah menu. 568 00:28:03,070 --> 00:28:08,350 Anda boleh mula melakukan perkara-perkara seperti, apabila pengguna berlegar lebih bahagian atas 569 00:28:08,350 --> 00:28:11,970 daripada ke bawah drop, anda ingin bahagian bawah kelihatan. 570 00:28:11,970 --> 00:28:12,540 Betul? 571 00:28:12,540 --> 00:28:15,610 >> Jadi dalam CSS, kita mempunyai ciri-ciri untuk membuat sesuatu yang boleh dilihat. 572 00:28:15,610 --> 00:28:19,330 Perkara seperti tiada paparan kolon akan menjadikan ia tidak kelihatan. 573 00:28:19,330 --> 00:28:21,190 Paparan blok akan membuat ia kelihatan. 574 00:28:21,190 --> 00:28:25,860 Atau jika anda mahu pergi lebih mudah, anda ada perkara seperti setaraf penglihatan 575 00:28:25,860 --> 00:28:27,520 dilihat, dan penglihatan sama tersembunyi. 576 00:28:27,520 --> 00:28:30,330 577 00:28:30,330 --> 00:28:34,780 >> Dan anda boleh mula melaksanakan perkara seperti jatuh bawah hak menu 578 00:28:34,780 --> 00:28:38,410 selepas anda melalui idea bagaimana anda boleh memahami apabila ini dibuka, 579 00:28:38,410 --> 00:28:39,850 yang kita akan melalui seketika sahaja. 580 00:28:39,850 --> 00:28:42,160 Tetapi kita boleh mula melihat aplikasi ini. 581 00:28:42,160 --> 00:28:45,540 Dalam erti kata yang sama, jika anda adalah untuk cuba dan melaksanakan, katakan, berbual 582 00:28:45,540 --> 00:28:48,620 enjin dan anda ingin sedikit ucapan gelembung datang apabila anda telah 583 00:28:48,620 --> 00:28:52,880 mendapat mesej baru, sebaik sahaja anda mendapatkan mesej baru, anda boleh membuat sedikit 584 00:28:52,880 --> 00:28:55,890 ucapan gelembung datang dengan mengubah HTML halaman, betul? 585 00:28:55,890 --> 00:29:00,540 Dengan menambah bahawa ucapan gelembung tambahan dengan teks tambahan di sana. 586 00:29:00,540 --> 00:29:01,140 Yeah? 587 00:29:01,140 --> 00:29:07,750 >> PENONTON: Jadi, anda akan membenamkan ini dalam kod HTML dalam jenis seperti 588 00:29:07,750 --> 00:29:10,534 [Didengar]? 589 00:29:10,534 --> 00:29:12,940 >> MIKE Rizzo: Betul. 590 00:29:12,940 --> 00:29:16,190 Ya, kita akan mendapat yang dalam sedikit. 591 00:29:16,190 --> 00:29:18,810 Ya, ia adalah sama sedikit kepada PHP. 592 00:29:18,810 --> 00:29:21,240 Tidak betul-betul serupa. 593 00:29:21,240 --> 00:29:24,730 >> Satu perbezaan yang baik untuk membuat adalah apa ini sebenarnya mengedit apabila kita mengedit 594 00:29:24,730 --> 00:29:28,480 halaman kerana ia tidak akan menjadi mengedit fail sebenar yang sedang 595 00:29:28,480 --> 00:29:31,380 disimpan pada pelayan kerana dunia tidak mempunyai kebenaran 596 00:29:31,380 --> 00:29:32,610 untuk mengedit fail anda. 597 00:29:32,610 --> 00:29:36,080 Ini hanya mengedit apa yang di muka dan apa yang dipaparkan dalam 598 00:29:36,080 --> 00:29:36,950 pelayar. 599 00:29:36,950 --> 00:29:40,340 Jadi jika anda adalah untuk memuat semula halaman selepas, berkata, memotong sesuatu yang kita 600 00:29:40,340 --> 00:29:44,730 melihat kita boleh lakukan dengan panggilan keluarkan, perkara yang kemudian akan muncul semula. 601 00:29:44,730 --> 00:29:48,590 >> TOMAS REIMERS: Jadi salah satu cara untuk berfikir tentang ini adalah jika saya komputer anda dan 602 00:29:48,590 --> 00:29:50,170 Mike adalah, jenis, pelayan. 603 00:29:50,170 --> 00:29:53,850 Apa yang akan berlaku adalah saya akan meminta Mike, hey, boleh saya mempunyai salinan 604 00:29:53,850 --> 00:29:54,630 laman web ini? 605 00:29:54,630 --> 00:29:56,190 Dan dia akan memberi saya satu salinan pernyataan itu. 606 00:29:56,190 --> 00:29:57,430 >> Tidak, ia bukan perkara yang asal. 607 00:29:57,430 --> 00:29:58,620 Ia hanya satu salinan. 608 00:29:58,620 --> 00:30:00,450 Dan kemudian ia akan menjadi seperti, oh, ada JavaScript sini. 609 00:30:00,450 --> 00:30:02,450 Jelas sekali, saya perlu mengedit halaman untuk menjadi seperti ini. 610 00:30:02,450 --> 00:30:04,250 Dan saya mengedit salinan anda. 611 00:30:04,250 --> 00:30:05,920 >> Tetapi itu tidak melaksanakan salinan sebenar. 612 00:30:05,920 --> 00:30:08,480 Dan jika saya bertanya dia lagi muat semula halaman, - 613 00:30:08,480 --> 00:30:10,060 hey, boleh saya mempunyai satu lagi salinan bersih - 614 00:30:10,060 --> 00:30:11,440 dia akan memberi saya satu salinan lagi bersih. 615 00:30:11,440 --> 00:30:14,240 Dan kemudian, saya akan melakukan perkara yang sama seperti, oh, ini JS sini yang mengatakan 616 00:30:14,240 --> 00:30:14,866 untuk menyunting laman ini. 617 00:30:14,866 --> 00:30:17,460 Dan saya akan terus melakukan itu. 618 00:30:17,460 --> 00:30:20,930 >> MIKE Rizzo: Jadi satu perkara yang benar-benar sejuk yang anda boleh lakukan dengan jQuery adalah 619 00:30:20,930 --> 00:30:24,350 sebenarnya menambah jenis animasi ke halaman anda. 620 00:30:24,350 --> 00:30:27,440 Saya tidak tahu jika anda pernah dilihat di mana anda cuba untuk isi borang 621 00:30:27,440 --> 00:30:31,250 dalam talian dan anda tidak mengisi perkara yang betul. 622 00:30:31,250 --> 00:30:33,440 Jadi satu perkara yang kecil slaid ke bawah di bahagian atas dan mengatakan anda 623 00:30:33,440 --> 00:30:34,820 tidak melakukan ini dengan betul. 624 00:30:34,820 --> 00:30:36,260 Sila cuba sekali lagi. 625 00:30:36,260 --> 00:30:37,890 Dan kemudian, ia mungkin walaupun hanya slaid ke atas. 626 00:30:37,890 --> 00:30:40,710 >> Ternyata jQuery telah membina dalam fungsi yang membuat semua itu 627 00:30:40,710 --> 00:30:44,180 animasi benar-benar, benar-benar mudah. 628 00:30:44,180 --> 00:30:46,750 Jadi ada pertama yang pudar fungsi keluar, yang 629 00:30:46,750 --> 00:30:47,710 anda boleh memanggil sesuatu. 630 00:30:47,710 --> 00:30:55,650 Dan ia adalah satu cara untuk menukar CSS daripada elemen dengan cara yang animasi. 631 00:30:55,650 --> 00:30:58,480 Jadi ia mengambil apa sahaja elemen anda memanggilnya melenyapkan pada. 632 00:30:58,480 --> 00:31:03,990 Dan kemudian, perlahan-lahan perubahan kelegapan ia itu sehingga ia pergi sepenuhnya telus. 633 00:31:03,990 --> 00:31:07,330 >> TOMAS REIMERS: Yang popular lain adalah slaid ke bawah, yang akan membuat 634 00:31:07,330 --> 00:31:08,800 sesuatu yang muncul dengan gelongsor ke bawah. 635 00:31:08,800 --> 00:31:12,840 Jadi dalam hal menu drop down, sekali lagi, apabila kita belajar bagaimana untuk mengesan 636 00:31:12,840 --> 00:31:15,310 apabila ini telah berlegar lebih, anda hanya boleh memberitahu bawah ini 637 00:31:15,310 --> 00:31:16,910 sebahagian slaid ke bawah sekarang. 638 00:31:16,910 --> 00:31:19,270 Dan kemudian, ia akan muncul oleh tergelincir ke bawah. 639 00:31:19,270 --> 00:31:22,042 640 00:31:22,042 --> 00:31:26,590 >> MIKE Rizzo: Dan kemudian, jika anda hanya mempunyai beberapa jenis animasi diingat bahawa 641 00:31:26,590 --> 00:31:29,080 jQuery tidak semestinya memberi. 642 00:31:29,080 --> 00:31:32,690 Sebagai contoh, katakan jQuery tidak menyediakan anda dengan slaid 643 00:31:32,690 --> 00:31:33,750 ke bawah dan slaid ke atas. 644 00:31:33,750 --> 00:31:36,740 Nah, katakan anda mahu slaid sesuatu dari sebelah kiri atau dari 645 00:31:36,740 --> 00:31:39,880 yang betul seperti CS50 halaman utama tidak setiap kali 646 00:31:39,880 --> 00:31:42,080 anda pergi ke panel yang baru. 647 00:31:42,080 --> 00:31:45,030 Anda akan maka mungkin perlu melaksanakan sendiri menggunakan 648 00:31:45,030 --> 00:31:49,310 bernyawa fungsi dalam jQuery. 649 00:31:49,310 --> 00:31:51,350 >> Jadi begitu juga, anda hanya bernyawa. 650 00:31:51,350 --> 00:31:55,850 Dan kemudian, di dalamnya ia mengambil kamus nilai yang berbeza 651 00:31:55,850 --> 00:31:57,340 yang anda sepatutnya untuk lulus. 652 00:31:57,340 --> 00:32:06,960 Jadi di sini, jika kita mahu bernyawa elemen foo seperti yang lebarnya sama ada 653 00:32:06,960 --> 00:32:10,880 mengembang atau kontrak kepada 80 piksel, bergantung kepada apa yang saat ini. 654 00:32:10,880 --> 00:32:14,100 Kami hanya akan lulus bahawa sebagai hujah di dalamnya. 655 00:32:14,100 --> 00:32:18,060 >> Bernyawa juga mempunyai beberapa hujah-hujah lain bahawa anda boleh lulus, misalnya, 656 00:32:18,060 --> 00:32:21,150 kelajuan animasi yang anda mahu memberikannya. 657 00:32:21,150 --> 00:32:26,220 Dan untuk itu, saya hanya akan mengatakan cepat Google jQuery bernyawa. 658 00:32:26,220 --> 00:32:31,710 Dan kemudian, membesarkan halaman ini, anda boleh melihat ia mendapat sekumpulan berbeza 659 00:32:31,710 --> 00:32:33,560 ciri-ciri yang anda boleh memindahkannya. 660 00:32:33,560 --> 00:32:35,990 >> Dan saya menggalakkan anda - setiap kali anda datang mencari sesuatu yang anda tidak 661 00:32:35,990 --> 00:32:40,390 tahu atau hanya ingin mengetahui lebih lanjut tentang kaedah tertentu yang anda boleh menghubungi 662 00:32:40,390 --> 00:32:41,270 pada sesuatu - 663 00:32:41,270 --> 00:32:44,440 hanya Google ia. jQuery amat didokumentasikan dengan baik. 664 00:32:44,440 --> 00:32:49,140 Dan sering kali terdapat banyak contoh yang mereka berikan untuk anda. 665 00:32:49,140 --> 00:32:52,470 Jika kita tatal ke bawah - 666 00:32:52,470 --> 00:32:53,720 ke bawah - 667 00:32:53,720 --> 00:32:57,660 668 00:32:57,660 --> 00:32:59,190 yang boleh kita gunakan, juga. 669 00:32:59,190 --> 00:33:02,480 >> Sekali lagi, apabila pemaju benar-benar pergi melalui masalah penulisan yang 670 00:33:02,480 --> 00:33:05,810 perpustakaan, mereka biasanya ingin seseorang untuk menggunakannya. 671 00:33:05,810 --> 00:33:09,400 Jadi bersama akan menjadi dokumentasi yang. 672 00:33:09,400 --> 00:33:12,270 Dan dokumentasi yang biasanya boleh didapati di halaman projek itu, yang merupakan 673 00:33:12,270 --> 00:33:14,970 mengapa kita memberi anda bahawa laman asal dalam awal, yang menghubungkan anda ke 674 00:33:14,970 --> 00:33:18,080 laman projek supaya anda boleh lihat dokumentasi itu. 675 00:33:18,080 --> 00:33:22,670 >> Biasanya, halaman projek dalam kes daripada [didengar], ia memberitahu anda yang 676 00:33:22,670 --> 00:33:23,940 Nama-nama kelas. 677 00:33:23,940 --> 00:33:27,250 Dalam kes JavaScript, ia memberi anda nama fungsi. 678 00:33:27,250 --> 00:33:35,310 Dengan cara itu, jika kita tatal ke atas ke atas, nota sampingan yang cepat kepada fungsi adalah 679 00:33:35,310 --> 00:33:39,080 setiap kali anda melihat fungsi dilaksanakan seperti ini dengan keras 680 00:33:39,080 --> 00:33:43,800 kurungan di tengah-tengah, yang cara bahawa harta yang tidak diwajibkan. 681 00:33:43,800 --> 00:33:44,750 Hanya ekor. 682 00:33:44,750 --> 00:33:47,350 Saya lihat banyak soalan tentang itu. 683 00:33:47,350 --> 00:33:50,370 >> Jadi di sini kita dapat melihat bahawa bernyawa mengambil harta 684 00:33:50,370 --> 00:33:51,800 sebagai satu perdebatan yang perlu. 685 00:33:51,800 --> 00:33:54,870 Dan segala-galanya adalah pilihan. 686 00:33:54,870 --> 00:33:56,136 Nota sampingan - 687 00:33:56,136 --> 00:33:58,090 anda boleh memikirkan ini, jenis daripada, seperti laman manusia. 688 00:33:58,090 --> 00:34:04,275 Laman Man adalah dokumentasi untuk C dan untuk banyak perkara-perkara lain, juga. 689 00:34:04,275 --> 00:34:11,020 >> MIKE Rizzo: Oleh itu, kita telah belajar bagaimana untuk menukar CSS berbeza pada halaman, 690 00:34:11,020 --> 00:34:14,040 bernyawa, dan mengeluarkan menambah HTML. 691 00:34:14,040 --> 00:34:16,889 Tetapi salah satu yang benar-benar yang paling berkuasa perkara mengenai JavaScript 692 00:34:16,889 --> 00:34:18,270 dan terutamanya jQuery - 693 00:34:18,270 --> 00:34:22,570 apa yang membolehkan anda lakukan adalah bertindak balas terhadap elemen yang berbeza yang berlaku. 694 00:34:22,570 --> 00:34:25,380 Sebagai contoh, di sini kita mempunyai satu pengendali peristiwa. 695 00:34:25,380 --> 00:34:28,210 Dan itu hanya bermakna bila-bila masa ini Sekiranya berlaku, kita mengendalikan ia dalam 696 00:34:28,210 --> 00:34:29,280 cara tertentu. 697 00:34:29,280 --> 00:34:35,159 >> Jadi di sini, acara jQuery generik pengendali adalah titik pada. 698 00:34:35,159 --> 00:34:42,949 Dan kemudian, perkara pertama yang anda berikan adalah apa acara yang sepatutnya 699 00:34:42,949 --> 00:34:43,810 akan mendengar untuk. 700 00:34:43,810 --> 00:34:45,610 Jadi di sini, ia adalah klik yang kami menunggu. 701 00:34:45,610 --> 00:34:49,250 >> TOMAS REIMERS: Sebagai alternatif, anda mempunyai pada hover, yang merupakan satu yang sangat popular. 702 00:34:49,250 --> 00:34:52,000 Jadi kembali ke drop down menu saya idea. 703 00:34:52,000 --> 00:34:54,239 Anda akan mempunyai satu atas pada hover. 704 00:34:54,239 --> 00:34:56,096 Dan kemudian anda boleh mengubah itu. 705 00:34:56,096 --> 00:34:56,830 >> MIKE Rizzo: Betul. 706 00:34:56,830 --> 00:35:01,680 Dan kemudian, apabila ini berlaku, ia hanya melaksanakan fungsi ini yang kita berikan 707 00:35:01,680 --> 00:35:05,080 sebagai hujah dan ia tanda hello atau hi. 708 00:35:05,080 --> 00:35:08,900 >> TOMAS REIMERS: Jadi dalam kes JavaScript, ini adalah tempat yang kita perlu 709 00:35:08,900 --> 00:35:12,970 menghindari diri sendiri daripada C. Kita boleh sebenarnya mengambil berfungsi sebagai hujah. 710 00:35:12,970 --> 00:35:15,940 Dan terdapat banyak benar-benar cara yang rumit untuk melakukan ini. 711 00:35:15,940 --> 00:35:17,940 Kami akan menggalakkan satu cara, yang anda boleh menentukan 712 00:35:17,940 --> 00:35:19,270 berfungsi di sana. 713 00:35:19,270 --> 00:35:22,540 >> Oleh itu, apabila anda meminta untuk berfungsi sebagai parameter, anda pada dasarnya hanya 714 00:35:22,540 --> 00:35:24,500 akan menentukan fungsi di tempat kejadian. 715 00:35:24,500 --> 00:35:27,090 Dan cara anda menentukan fungsi dalam JavaScript adalah anda 716 00:35:27,090 --> 00:35:28,820 harfiah mengatakan fungsi. 717 00:35:28,820 --> 00:35:30,130 Kemudian, biasanya, nama bagi fungsi tersebut. 718 00:35:30,130 --> 00:35:32,510 Tetapi kita tidak akan untuk rujukan fungsi ini sekali lagi. 719 00:35:32,510 --> 00:35:34,040 Oleh itu, kita serahkan bernama. 720 00:35:34,040 --> 00:35:40,440 >> Kemudian kurungan, maka kerinting yang pendakap, dan kemudian kod dalam itu. 721 00:35:40,440 --> 00:35:42,540 Oleh itu, kita memahami tin ini menjadi sedikit mengelirukan. 722 00:35:42,540 --> 00:35:45,180 Oleh itu, kita memberi anda bentuk umum apa yang seorang pengendali peristiwa kelihatan seperti 723 00:35:45,180 --> 00:35:47,790 di bawah, yang pada acara. 724 00:35:47,790 --> 00:35:50,598 Dan kemudian, kod anda di dalam itu. 725 00:35:50,598 --> 00:35:52,478 >> MIKE Rizzo: Adakah terdapat apa-apa soalan mengenai ini? 726 00:35:52,478 --> 00:35:54,818 Ini boleh menjadi sedikit mengelirukan kali pertama anda melihatnya. 727 00:35:54,818 --> 00:35:57,550 >> TOMAS REIMERS: Anda benar-benar ingin membuka fail dan menunjukkan kepada mereka beberapa 728 00:35:57,550 --> 00:35:58,155 jQuery sekarang? 729 00:35:58,155 --> 00:35:59,853 >> MIKE Rizzo: Ya, mari kita buat itu. 730 00:35:59,853 --> 00:36:00,256 OK. 731 00:36:00,256 --> 00:36:02,490 >> TOMAS REIMERS: Jadi sekarang kita di dalam perkakas. 732 00:36:02,490 --> 00:36:07,730 Dan apa yang kita lakukan adalah kita telah mengambil kebebasan mewujudkan kedua-dua index.html 733 00:36:07,730 --> 00:36:10,100 fail, yang menghubungkan ke fail JavaScript. 734 00:36:10,100 --> 00:36:12,880 Dan kita boleh membuka - 735 00:36:12,880 --> 00:36:15,170 yeah. 736 00:36:15,170 --> 00:36:16,630 Nah, ia dua perkara. 737 00:36:16,630 --> 00:36:18,350 >> Yang pertama ialah ia menghubungkan kepada fail JavaScript. 738 00:36:18,350 --> 00:36:21,250 Dan kita akan melihat bahawa di sini. 739 00:36:21,250 --> 00:36:25,340 Kita lihat bahawa dalam ketua Dokumen HTML, terutamanya. 740 00:36:25,340 --> 00:36:28,260 Jadi, anda akan melihat bahawa terdapat kita, pada dasarnya, katakan MPP, 741 00:36:28,260 --> 00:36:29,590 yang bermaksud sumber. 742 00:36:29,590 --> 00:36:30,630 Dan itu URL. 743 00:36:30,630 --> 00:36:32,700 >> Jadi di sini anda boleh mengatakan kita telah termasuk jQuery. 744 00:36:32,700 --> 00:36:34,290 Dan kita juga telah menyertakan skrip. 745 00:36:34,290 --> 00:36:40,630 Cara lain untuk memasukkan JavaScript bahawa anda boleh termasuk skrip sebaris 746 00:36:40,630 --> 00:36:44,600 tag yang kita ada di bahagian bawah di mana ia kata jenis skrip adalah teks JavaScript. 747 00:36:44,600 --> 00:36:46,960 >> Oleh itu, kita katakan, mendengar, kami kira-kira untuk memasukkan skrip. 748 00:36:46,960 --> 00:36:51,890 Dan jenis skrip yang JavaScript, yang merupakan jenis teks. 749 00:36:51,890 --> 00:36:52,550 Sangat mudah. 750 00:36:52,550 --> 00:36:56,490 >> MIKE Rizzo: Jadi ini, jenis, mendapat untuk soalan anda tentang bagaimana kita termasuk 751 00:36:56,490 --> 00:37:02,340 JavaScript dalam fail kami kerana apabila kita telah PHP, kita melakukan sesuatu seperti ini. 752 00:37:02,340 --> 00:37:07,570 Dan kemudian, mempunyai fungsi PHP kami - katakan saham melakukan 753 00:37:07,570 --> 00:37:09,150 sesuatu dengan yang - 754 00:37:09,150 --> 00:37:10,490 pergi di sana. 755 00:37:10,490 --> 00:37:13,860 Walau bagaimanapun, sekarang kita mempunyai tag skrip yang kita berikan, yang sebenarnya 756 00:37:13,860 --> 00:37:19,470 sebahagian daripada HTML itu sendiri kerana ia tidak berpura-pura menjadi fail HTML seperti ia 757 00:37:19,470 --> 00:37:25,070 adalah dalam PHP kerana jika anda benar-benar pergi dan melihat sumber halaman, 758 00:37:25,070 --> 00:37:28,430 anda akan melihat tag script di sana dengan JavaScript yang berkaitan dengan 759 00:37:28,430 --> 00:37:29,800 mereka dalam itu. 760 00:37:29,800 --> 00:37:31,760 >> Demikian maka, jika kita mahu menulis beberapa JavaScript - 761 00:37:31,760 --> 00:37:37,110 mari kita katakan kita mahu mengubah tubuh kerana sekarang saya tidak mempunyai 762 00:37:37,110 --> 00:37:40,020 mana-mana tag lain yang saya boleh benar-benar mengedit selain badan. 763 00:37:40,020 --> 00:37:42,450 Mari kita hanya mengatakan saya mahu menukar CSS itu. 764 00:37:42,450 --> 00:37:46,190 Oleh itu, kita akan teruskan dan perubahan warna kepada merah. 765 00:37:46,190 --> 00:37:47,380 >> Jadi saya menyimpan fail. 766 00:37:47,380 --> 00:37:52,700 Mari kita kembali ke halaman web kami, menyegarkan, dan ia secara automatik 767 00:37:52,700 --> 00:37:55,920 kerana ia tidak kelihatan seperti ia menunggu sama sekali kerana kami tidak mendengar 768 00:37:55,920 --> 00:37:59,450 untuk sebuah acara atau apa-apa seperti itu. 769 00:37:59,450 --> 00:38:02,800 >> TOMAS REIMERS: Jadi, jika kita kembali kepada yang memfailkan khususnya - HTML 770 00:38:02,800 --> 00:38:04,710 memfailkan - apa yang anda akan lihat ialah kita perlu - 771 00:38:04,710 --> 00:38:06,810 ingat bahawa ini dimuatkan, jenis, kronologi. 772 00:38:06,810 --> 00:38:09,910 Jadi kita perlu pertama kepala. ia memuatkan kedua-dua fail. 773 00:38:09,910 --> 00:38:10,800 Kemudian kita pergi kepada badan. 774 00:38:10,800 --> 00:38:11,640 Dan kita melihat dunia hello. 775 00:38:11,640 --> 00:38:13,030 Oleh itu, kita menjadikan dunia hello. 776 00:38:13,030 --> 00:38:15,240 >> Dan kemudian sesuatu yang kita mempunyai adalah kita mempunyai tag skrip. 777 00:38:15,240 --> 00:38:20,880 Jadi ia berjalan tag skrip kerana ia tidak memberitahu ia menunggu apa-apa. 778 00:38:20,880 --> 00:38:24,700 Dan itulah yang paling asas cara untuk menjalankan JavaScript. 779 00:38:24,700 --> 00:38:29,200 >> Dengan itu berkata, anda boleh meletakkan skrip tag dalam pengepala hanya 780 00:38:29,200 --> 00:38:31,240 untuk menunjukkan ketika ini? 781 00:38:31,240 --> 00:38:34,450 782 00:38:34,450 --> 00:38:35,700 Dan menjalankan itu. 783 00:38:35,700 --> 00:38:38,880 784 00:38:38,880 --> 00:38:41,070 Kita akan melihat bahawa ia tidak berubah warna. 785 00:38:41,070 --> 00:38:44,210 Dan ini adalah salah satu daripada masalah-masalah JavaScript adalah bahawa perkara-perkara yang dimuatkan 786 00:38:44,210 --> 00:38:45,930 dalam susunan kronologi. 787 00:38:45,930 --> 00:38:49,750 >> Jadi pada masa kod yang berjalan, kami dipilih - 788 00:38:49,750 --> 00:38:52,530 kembali - 789 00:38:52,530 --> 00:38:53,670 tag badan. 790 00:38:53,670 --> 00:38:57,560 Tag badan tidak wujud lagi kerana JavaScript adalah selaras dengan HTML. 791 00:38:57,560 --> 00:39:01,790 Jadi pelayar adalah seperti pilih badan. 792 00:39:01,790 --> 00:39:02,760 Tidak ada benda itu lagi. 793 00:39:02,760 --> 00:39:03,600 Oleh itu, kita boleh mengabaikan itu. 794 00:39:03,600 --> 00:39:05,330 Dan kita terus. 795 00:39:05,330 --> 00:39:07,200 >> Dan kemudian kita menentukan tag badan. 796 00:39:07,200 --> 00:39:09,670 Tetapi itu tidak pernah mendapat dikemaskini. 797 00:39:09,670 --> 00:39:12,560 Oleh itu, apabila anda melaksanakan skrip tag, pastikan anda meletakkan 798 00:39:12,560 --> 00:39:15,502 selepas tag badan. 799 00:39:15,502 --> 00:39:16,820 Slaid berikutnya. 800 00:39:16,820 --> 00:39:17,830 >> MIKE Rizzo: OK. 801 00:39:17,830 --> 00:39:19,330 Oleh itu, kita berubah sesuatu. 802 00:39:19,330 --> 00:39:21,910 Tetapi ia tidak kelihatan seperti ia bertindak balas kepada kami di semua kerana ia hanya jenis 803 00:39:21,910 --> 00:39:24,150 ia lakukan sebaik sahaja ia dimuatkan halaman. 804 00:39:24,150 --> 00:39:27,700 Jadi sekarang, daripada melakukan ini, mengapa kita tidak menambah pengendali peristiwa. 805 00:39:27,700 --> 00:39:31,020 >> Jadi mari kita buat sesuatu kepada badan lagi. 806 00:39:31,020 --> 00:39:33,490 Dan mari kita mengatakan bahawa kita melakukannya - 807 00:39:33,490 --> 00:39:34,500 klik. 808 00:39:34,500 --> 00:39:35,750 Kami akan menambah fungsi. 809 00:39:35,750 --> 00:39:38,270 810 00:39:38,270 --> 00:39:39,690 >> TOMAS REIMERS: Mari perubahan ia menjadi warna merah lagi. 811 00:39:39,690 --> 00:39:40,000 Mengapa tidak? 812 00:39:40,000 --> 00:39:41,680 >> MIKE Rizzo: Ya, mari kita perubahan 'warna kepada merah lagi. 813 00:39:41,680 --> 00:39:46,310 814 00:39:46,310 --> 00:39:46,900 Baiklah. 815 00:39:46,900 --> 00:39:48,480 Jadi mari kita memuat semula halaman. 816 00:39:48,480 --> 00:39:49,530 OK, kita lihat - 817 00:39:49,530 --> 00:39:52,290 seperti yang dijangkakan, ia tidak menjadi merah yet. 818 00:39:52,290 --> 00:39:53,610 Tetapi kita boleh teruskan dan klik. 819 00:39:53,610 --> 00:39:54,270 >> TOMAS REIMERS: Dan ia menjadi merah. 820 00:39:54,270 --> 00:39:56,090 >> MIKE Rizzo: Dan ia menjadi merah seperti yang diharapkan. 821 00:39:56,090 --> 00:39:59,010 >> TOMAS REIMERS: Dan kita boleh melihat bagaimana kita boleh mula membina asas 822 00:39:59,010 --> 00:40:00,170 interaksi. 823 00:40:00,170 --> 00:40:03,850 Perkara-perkara lain yang kita mungkin mahu lakukan ialah, jika kita tidak mahu membuat badan 824 00:40:03,850 --> 00:40:07,230 warna merah, mari kita membuat HTML latar belakang warna merah. 825 00:40:07,230 --> 00:40:08,480 Hanya supaya ia CSS yang sama. 826 00:40:08,480 --> 00:40:19,960 827 00:40:19,960 --> 00:40:23,320 >> Dan apabila kita mengubahnya, kita boleh melihat ini kesan yang sangat dramatik mengubah 828 00:40:23,320 --> 00:40:25,510 seluruh halaman. 829 00:40:25,510 --> 00:40:29,100 Jadi sekali lagi, jika anda melaksanakan sesuatu, anda boleh mempunyai satu komponen 830 00:40:29,100 --> 00:40:30,150 yang bertujuan untuk diklik. 831 00:40:30,150 --> 00:40:32,710 Katakan butang Keluar dan komponen keseluruhan yang lain, 832 00:40:32,710 --> 00:40:33,830 yang bertujuan untuk bertindak balas. 833 00:40:33,830 --> 00:40:35,755 Jadi, anda akan mengeluarkan tetingkap apabila itu berlaku. 834 00:40:35,755 --> 00:40:39,341 835 00:40:39,341 --> 00:40:40,700 >> MIKE Rizzo: OK. 836 00:40:40,700 --> 00:40:42,200 Sama seperti contoh - 837 00:40:42,200 --> 00:40:44,400 anda tidak dapat melihat ini lebih awal - 838 00:40:44,400 --> 00:40:47,500 Saya hanya akan menunjukkan kepada anda apa yang kelihatan suka apabila kita menyembunyikan sesuatu. 839 00:40:47,500 --> 00:40:52,220 Jadi saya akan teruskan dan jangan slaid ke atas. 840 00:40:52,220 --> 00:40:54,440 >> TOMAS REIMERS: Ingin mengakhiri bahawa dalam Jenis perenggan sebelum kita berbuat demikian? 841 00:40:54,440 --> 00:40:55,132 >> MIKE Rizzo: OK. 842 00:40:55,132 --> 00:40:59,135 Ya, mengapa tidak kita lakukan yang hanya begitu kita boleh memilih ia lebih sedikit. 843 00:40:59,135 --> 00:41:00,490 >> TOMAS REIMERS: Dan mari kita memberikan kelas. 844 00:41:00,490 --> 00:41:01,740 >> MIKE Rizzo: Yeah. 845 00:41:01,740 --> 00:41:06,575 846 00:41:06,575 --> 00:41:09,920 OK, jadi mari kita lihat. 847 00:41:09,920 --> 00:41:14,820 Sebaliknya memilih badan sebenar sekarang, saya hanya akan memilih segala-galanya dengan 848 00:41:14,820 --> 00:41:18,780 kelas hello, yang di sini kita hanya mempunyai satu. 849 00:41:18,780 --> 00:41:20,900 Oleh itu, kita tidak perlu bimbang tentang itu. 850 00:41:20,900 --> 00:41:23,080 >> Jadi saya akan menyegarkan ia. 851 00:41:23,080 --> 00:41:24,230 Saya akan teruskan dan klik. 852 00:41:24,230 --> 00:41:27,890 Dan ia, jenis, melakukan satu slaid pelik sehingga perkara, yang tidak kelihatan yang 853 00:41:27,890 --> 00:41:29,580 menarik. 854 00:41:29,580 --> 00:41:31,060 Secara amnya, mereka kelihatan cukup bagus. 855 00:41:31,060 --> 00:41:32,720 Saya rasa, ini - untuk beberapa sebab - tidak. 856 00:41:32,720 --> 00:41:36,640 Saya hanya akan melakukan pudar keluar jadi anda boleh melihat bahawa juga. 857 00:41:36,640 --> 00:41:38,100 Jauh lebih bagus. 858 00:41:38,100 --> 00:41:41,150 >> Dan kemudian, jika saya membuka JavaScript memujuk lagi dan kita mahu melihat apa yang 859 00:41:41,150 --> 00:41:43,900 ia kelihatan seperti apabila kita pudar ia masuk 860 00:41:43,900 --> 00:41:46,920 Sekarang, saya hanya memanggil pudar dalam padanya. 861 00:41:46,920 --> 00:41:48,830 Dan ia pudar kembali masuk 862 00:41:48,830 --> 00:41:56,150 >> Begitu juga, kita boleh sebenarnya juga lulus hujah untuk pudar dalam atau melenyapkan, 863 00:41:56,150 --> 00:41:57,640 yang, jenis, kelajuan itu. 864 00:41:57,640 --> 00:42:02,220 Jadi mari kita pergi ke hadapan dan mengatakan kita mahu ia pergi perlahan-lahan pudar masuk 865 00:42:02,220 --> 00:42:04,250 Jadi saya rasa ia masih seolah-olah pantas. 866 00:42:04,250 --> 00:42:06,180 Tetapi ia adalah lebih perlahan daripada sebelumnya. 867 00:42:06,180 --> 00:42:10,340 >> TOMAS REIMERS: Dan jika anda ingin mencari maklumat lanjut mengenai perkara-perkara ini, sekali lagi, 868 00:42:10,340 --> 00:42:13,410 hanya pergi ke dokumentasi jQuery itu, yang kami telah memberikan kamu, dan membaca 869 00:42:13,410 --> 00:42:13,735 melalui ini. 870 00:42:13,735 --> 00:42:15,790 Mereka mendokumenkan fungsi mereka sangat baik. 871 00:42:15,790 --> 00:42:18,622 872 00:42:18,622 --> 00:42:19,570 >> MIKE Rizzo: OK. 873 00:42:19,570 --> 00:42:21,560 Jadi saya rasa mari kita kembali kepada ini. 874 00:42:21,560 --> 00:42:23,490 Dan kita boleh bercakap tentang halaman terakhir kami. 875 00:42:23,490 --> 00:42:24,690 Nah, kita boleh selesai dengan Bootstrap. 876 00:42:24,690 --> 00:42:27,140 Dan kemudian kita akan membukanya untuk beberapa soalan. 877 00:42:27,140 --> 00:42:30,180 Dan jika anda mempunyai sebarang idea-idea yang anda ingin mencuba untuk membuang dan melihat 878 00:42:30,180 --> 00:42:34,150 jika kita boleh melaksanakannya dengan JavaScript cepat. 879 00:42:34,150 --> 00:42:37,890 >> Jadi benar-benar cepat tentang Bootstrap, yang telah secara automatik termasuk dalam 880 00:42:37,890 --> 00:42:41,700 masalah terakhir anda ditetapkan dalam folder CSS dan benar-benar dikaitkan dengan dalam anda 881 00:42:41,700 --> 00:42:43,190 header.PHP. 882 00:42:43,190 --> 00:42:46,740 Jadi anda boleh menambah kelas yang ditakrif dalam Bootstrap kepadanya. 883 00:42:46,740 --> 00:42:50,490 Dan ia akan digelar secara automatik perkara-perkara yang sewajarnya. 884 00:42:50,490 --> 00:42:54,550 >> TOMAS REIMERS: Jadi Bootstrap adalah sangat perkara ajaib yang dibangunkan oleh orang 885 00:42:54,550 --> 00:42:55,340 di Twitter. 886 00:42:55,340 --> 00:42:57,230 Dan apa yang ia bertujuan untuk lakukan ialah - 887 00:42:57,230 --> 00:43:00,740 sebelum laman web benar-benar sukar untuk membuat kelihatan bagus, terutamanya apabila kita mempunyai 888 00:43:00,740 --> 00:43:02,200 banyak komponen yang sama. 889 00:43:02,200 --> 00:43:04,770 Jadi banyak butang pada web kelihatan sama. 890 00:43:04,770 --> 00:43:08,960 >> Banyak medan teks boleh dibuat kepada kelihatan lebih baik daripada teks standard 891 00:43:08,960 --> 00:43:13,620 bidang yang anda mungkin tahu dari benar-benar laman web lama atau benar-benar kurang dibuat 892 00:43:13,620 --> 00:43:18,210 laman web, yang hanya kelihatan seperti literal kotak teks-apa bentuk teks 893 00:43:18,210 --> 00:43:21,190 bayangan atau apa-apa jenis bagus garis. 894 00:43:21,190 --> 00:43:24,540 Jadi apa Bootstrap lakukan ialah ia berkata, baik, kami mempunyai banyak gaya yang sama. 895 00:43:24,540 --> 00:43:28,210 Mengapa kita tidak membuat satu set umum CSS dan satu set biasa JavaScript sebagai 896 00:43:28,210 --> 00:43:32,210 juga, yang boleh mendandan sebagai adalah dan yang boleh memberi orang perkara seperti penurunan 897 00:43:32,210 --> 00:43:34,610 down, yang boleh memberi orang perkara seperti modals. 898 00:43:34,610 --> 00:43:38,580 >> Modal adalah apa yang muncul di atas halaman bila-bila masa ia tegas bercakap 899 00:43:38,580 --> 00:43:41,090 sesuatu yang menghalang lanjut interaksi sehingga anda 900 00:43:41,090 --> 00:43:43,110 berinteraksi dengannya. 901 00:43:43,110 --> 00:43:45,820 Sesuatu seperti ini, adakah anda pasti anda mahu memadam perkara ini? 902 00:43:45,820 --> 00:43:49,100 Anda tidak boleh benar-benar apa-apa lagi sehingga anda mengatakan ya atau tidak. 903 00:43:49,100 --> 00:43:52,720 >> Ia mengambil semua ini dan ia dibungkus ia bersama-sama dan berkata, di sini kita pergi. 904 00:43:52,720 --> 00:43:54,630 Orang ramai kini boleh menggunakan ini. 905 00:43:54,630 --> 00:43:56,830 Dan anda boleh merasa lebih di getbootstrap.com. 906 00:43:56,830 --> 00:44:00,480 Ia secara automatik termasuk dalam masalah terakhir anda ditetapkan. 907 00:44:00,480 --> 00:44:04,160 Dan anda lebih daripada dialu-alukan untuk menggunakannya pada projek akhir anda. 908 00:44:04,160 --> 00:44:06,950 Dan jika anda mahu mengikut yang pautan ke mendapatkan Bootstrap. 909 00:44:06,950 --> 00:44:10,590 910 00:44:10,590 --> 00:44:15,700 >> Anda akan melihat di sini ialah Bootstrap tapak CSS. 911 00:44:15,700 --> 00:44:16,860 Anda akan melihat Bootstrap. 912 00:44:16,860 --> 00:44:20,450 Dan jika anda tatal ke bawah, anda akan melihat bagaimana untuk memuat turun, bagaimana untuk 913 00:44:20,450 --> 00:44:21,900 memasang, dan sebagainya. 914 00:44:21,900 --> 00:44:24,700 >> MIKE Rizzo: Dan anda juga boleh, cukup menarik, menyesuaikannya untuk 915 00:44:24,700 --> 00:44:27,770 berbuat apa sahaja tema yang anda mahu. 916 00:44:27,770 --> 00:44:31,270 Saya tahu bahawa sesuatu yang saya lakukan untuk saya projek akhir apabila saya mengambil kelas 917 00:44:31,270 --> 00:44:32,050 telah menyesuaikannya. 918 00:44:32,050 --> 00:44:34,540 Versi yang berbeza Bootstrap yang mempunyai skim warna yang berbeza dan 919 00:44:34,540 --> 00:44:36,700 bentuk yang berbeza daripada beberapa perkara yang berbeza. 920 00:44:36,700 --> 00:44:38,250 Jadi saya menggalakkan anda untuk bermain dengan itu. 921 00:44:38,250 --> 00:44:39,440 Ia adalah jenis yang menyeronokkan untuk dilakukan. 922 00:44:39,440 --> 00:44:43,230 >> TOMAS REIMERS: Mencari di bahagian atas sekali lagi, ia adalah hampir sama dengan Fon 923 00:44:43,230 --> 00:44:44,970 Tapak Awesome. 924 00:44:44,970 --> 00:44:47,810 Banyak dokumentasi akan mula kelihatan sama apabila anda telah 925 00:44:47,810 --> 00:44:48,940 dilihat cukup ia. 926 00:44:48,940 --> 00:44:51,260 Jadi di sini kita mempunyai CSS komponen ini. 927 00:44:51,260 --> 00:44:53,540 Dan anda akan melihat bagaimana ia boleh mendandan sesuatu. 928 00:44:53,540 --> 00:44:56,780 Jadi, jika anda klik pada meja, sebagai contoh, anda boleh terus membuat 929 00:44:56,780 --> 00:45:01,710 jadual cukup hanya dengan menambah jadual kelas dengannya. 930 00:45:01,710 --> 00:45:03,150 >> Perkara yang sama untuk butang. 931 00:45:03,150 --> 00:45:12,140 Jika anda hanya menambah BTN kelas dan BTN lalai atau BTN utama, anda boleh 932 00:45:12,140 --> 00:45:16,240 mendapat apa-apa salah satu daripada butang ini dengan gaya pra-dibuat. 933 00:45:16,240 --> 00:45:18,570 Dan kemudian, jika anda sedang mencari untuk sesuatu yang lebih kompleks daripada sekadar 934 00:45:18,570 --> 00:45:24,100 restyling apa w sudah mempunyai, lebih pada tekan JavaScript merentasi kita atas 935 00:45:24,100 --> 00:45:25,120 mempunyai banyak komponen. 936 00:45:25,120 --> 00:45:30,410 >> Jadi di sini kita mempunyai peralihan, modals, dropdowns, tab, dan petua. 937 00:45:30,410 --> 00:45:35,530 Tooltip A adalah apa yang muncul di bawah anda tetikus apabila anda membawa sesuatu. 938 00:45:35,530 --> 00:45:40,280 Popovers, amaran, butang, lipat Accordions adalah apa yang 939 00:45:40,280 --> 00:45:41,190 sedang mereka biasanya dipanggil. 940 00:45:41,190 --> 00:45:43,045 Karusel, yang flip melalui imej seperti. 941 00:45:43,045 --> 00:45:52,190 942 00:45:52,190 --> 00:45:54,840 >> Jadi mereka adalah komponen daripada Bootstrap. 943 00:45:54,840 --> 00:45:57,620 Saya akan menggalakkan anda untuk sangat pergi melihat mereka. 944 00:45:57,620 --> 00:46:01,780 Ada satu komponen JavaScript dan komponen CSS. 945 00:46:01,780 --> 00:46:03,880 Jangan ragu untuk menggunakan mereka seperti yang anda akan. 946 00:46:03,880 --> 00:46:06,730 Kami tidak akan pergi terlalu jauh ke dalam mereka kerana kita rasa dokumentasi 947 00:46:06,730 --> 00:46:09,360 adalah benar-benar dilakukan dengan baik. 948 00:46:09,360 --> 00:46:10,540 Dan yeah. 949 00:46:10,540 --> 00:46:14,500 Adakah anda mempunyai sebarang soalan mengenai itu? 950 00:46:14,500 --> 00:46:19,430 >> MIKE Rizzo: Jadi sebagai benar-benar cepat sampingan, reka bentuk laman web ini yang 951 00:46:19,430 --> 00:46:21,830 kita cepat meletakkan bersama-sama untuk persembahan ini adalah 952 00:46:21,830 --> 00:46:24,290 sebenarnya dilakukan dengan menggunakan Bootstrap. 953 00:46:24,290 --> 00:46:27,810 Seperti yang anda lihat, apabila kita klik pada ini tab yang berbeza, kami tidak pernah benar-benar 954 00:46:27,810 --> 00:46:30,750 meninggalkan laman index.html ini semasa. 955 00:46:30,750 --> 00:46:36,400 Jadi apa yang kita ada adalah divs berbeza dalam index.html ini. 956 00:46:36,400 --> 00:46:39,610 Dan kemudian, apabila kita klik yang berbeza tab, ia hanya berubah 957 00:46:39,610 --> 00:46:41,590 yang menunjukkan seseorang. 958 00:46:41,590 --> 00:46:47,390 >> Jadi sewajarnya kedudukan mereka, menukar HTML halaman supaya 959 00:46:47,390 --> 00:46:52,330 tab semasa ditandakan sebagai aktif supaya ternyata berbeza dan kelihatan 960 00:46:52,330 --> 00:46:52,820 benar-benar baik. 961 00:46:52,820 --> 00:46:57,260 >> TOMAS REIMERS: Jadi yang semua dilakukan tanpa kita menulis hampir apa-apa CSS. 962 00:46:57,260 --> 00:47:01,440 Kita juga melihat tandukan di bahagian atas, yang warna-warna yang oleh kami. 963 00:47:01,440 --> 00:47:04,800 Tetapi sebenar meletakkannya di bahagian atas halaman dan membuat 964 00:47:04,800 --> 00:47:06,660 ia adalah tatal Bootstrap. 965 00:47:06,660 --> 00:47:09,720 Dan kemudian walaupun untuk perpustakaan lain - ini bukan salah kita bercakap tentang tetapi satu 966 00:47:09,720 --> 00:47:11,580 anda boleh Google jika anda mahu. 967 00:47:11,580 --> 00:47:15,130 Ini dipanggil prettify.js. 968 00:47:15,130 --> 00:47:20,650 Dan ia akan menyerlahkan sintaks kod anda untuk anda menggunakan kedua-dua CSS dan JavaScript. 969 00:47:20,650 --> 00:47:23,480 970 00:47:23,480 --> 00:47:27,070 >> Perkara terakhir yang kita mahu bercakap tentang sebelum kita melepaskan anda keluar ke 971 00:47:27,070 --> 00:47:30,620 dunia untuk melihat perpustakaan untuk memikirkan bagaimana untuk menggunakan mereka dan, diharapkan, 972 00:47:30,620 --> 00:47:34,640 baca dokumentasi dan mencari apa yang anda keperluan ialah bagaimana untuk mencari perpustakaan. 973 00:47:34,640 --> 00:47:37,000 Jadi yang pertama adalah kami hanya akan menolak Google. 974 00:47:37,000 --> 00:47:37,810 Pergi Google. 975 00:47:37,810 --> 00:47:41,150 >> Itu betul-betul apa yang kita lakukan apabila kita perlu melakukan sesuatu ialah kita Google. 976 00:47:41,150 --> 00:47:44,730 Adakah terdapat perpustakaan JavaScript yang membolehkan saya untuk memanipulasi masa di 977 00:47:44,730 --> 00:47:45,400 cara yang berguna? 978 00:47:45,400 --> 00:47:49,510 Jadi, jika saya tahu bahawa sesetengah pengguna mewujudkan akaun di sini, dan ini adalah 979 00:47:49,510 --> 00:47:53,010 masa semasa, bagaimana saya boleh mengira perbezaan dengan yang tanpa perlu 980 00:47:53,010 --> 00:47:55,020 mengira sendiri? 981 00:47:55,020 --> 00:47:59,630 Jadi ini sebenarnya adalah perkara biasa, JavaScript perpustakaan masa. 982 00:47:59,630 --> 00:48:02,440 Dan di sini kita Moment.js-- satu yang paling popular. 983 00:48:02,440 --> 00:48:06,530 >> Jika kita memerlukan perpustakaan untuk memanipulasi sesuatu seperti warna dapat 984 00:48:06,530 --> 00:48:08,650 menjana sekumpulan warna rawak - 985 00:48:08,650 --> 00:48:10,660 mungkin, untuk menjana gaya atau sesuatu - 986 00:48:10,660 --> 00:48:13,480 kita boleh Google sesuatu seperti JavaScript perpustakaan warna. 987 00:48:13,480 --> 00:48:15,620 Dan saya pasti kita akan muncul dengan seribu dan salah seorang daripada mereka. 988 00:48:15,620 --> 00:48:18,290 989 00:48:18,290 --> 00:48:21,410 Anda dialu-alukan untuk membaca melalui mereka. 990 00:48:21,410 --> 00:48:24,610 >> Jadi kebanyakan perkara - apabila anda mencari mereka - akan di-host di salah satu daripada 991 00:48:24,610 --> 00:48:25,920 laman web yang kod tuan rumah. 992 00:48:25,920 --> 00:48:26,960 Mereka adalah beberapa orang popular. 993 00:48:26,960 --> 00:48:30,870 Yang paling popular, dengan ini, adalah github.com. 994 00:48:30,870 --> 00:48:35,300 Dan jika anda pergi ke GitHub ia sebenarnya mana Menormalkan dihoskan. 995 00:48:35,300 --> 00:48:36,950 Jadi, jika anda ingin kembali kepada yang. 996 00:48:36,950 --> 00:48:38,135 Menunjukkan kepada mereka itu. 997 00:48:38,135 --> 00:48:40,516 >> MIKE Rizzo: Dan itulah sebenarnya di mana ini dihoskan juga, jika anda perasan. 998 00:48:40,516 --> 00:48:41,000 >> TOMAS REIMERS: Yeah. 999 00:48:41,000 --> 00:48:49,078 Jadi, jika anda pergi ke Menormalkan dan pergi ke GitHub. 1000 00:48:49,078 --> 00:48:51,936 Adakah itu? 1001 00:48:51,936 --> 00:48:54,620 >> MIKE Rizzo: perkara kucing Itulah sedikit adalah simbol GitHub itu. 1002 00:48:54,620 --> 00:48:56,330 >> TOMAS REIMERS: Oh. 1003 00:48:56,330 --> 00:49:02,180 Jadi GitHub menggunakan kaedah yang dipanggil Git kod kedai. 1004 00:49:02,180 --> 00:49:05,150 Adakah anda tidak tahu apa yang sedang atau ia menakutkan anda, itu denda. 1005 00:49:05,150 --> 00:49:16,100 Anda tidak perlu tahu apa yang Git adalah kerana GitHub mempunyai butang Muat turun 1006 00:49:16,100 --> 00:49:17,200 di sebelah kanan bawah. 1007 00:49:17,200 --> 00:49:21,350 >> Perkara lain yang berguna untuk mengetahui mengenai GitHub adalah kebanyakan produk 1008 00:49:21,350 --> 00:49:23,200 akan mempunyai membaca saya. 1009 00:49:23,200 --> 00:49:25,400 Dan jika mereka tidak mempunyai laman web, yang membaca saya akan bercakap tentang bagaimana anda 1010 00:49:25,400 --> 00:49:28,310 install, bagaimana anda menggunakannya, apa yang tidak, dan sebagainya, dan sebagainya, dan sebagainya. 1011 00:49:28,310 --> 00:49:31,033 Apa yang kami pada dasarnya menjadi berjalan anda melalui. 1012 00:49:31,033 --> 00:49:32,326 >> MIKE Rizzo: berhenti Internet. 1013 00:49:32,326 --> 00:49:34,020 >> TOMAS REIMERS: Itu denda. 1014 00:49:34,020 --> 00:49:36,980 Terakhir dua perkara yang kita mahu untuk bercakap tentang - 1015 00:49:36,980 --> 00:49:38,750 kita telah berbincang mengenai Git - 1016 00:49:38,750 --> 00:49:40,290 adalah penyelesaian masalah. 1017 00:49:40,290 --> 00:49:43,020 Dan yang ini tidak begitu relevan untuk produk akhir kerana ia adalah 1018 00:49:43,020 --> 00:49:44,870 apabila anda meninggalkan 50. 1019 00:49:44,870 --> 00:49:48,310 Dan apabila anda menghadapi produk melaksanakan perpustakaan atau melaksanakan 1020 00:49:48,310 --> 00:49:50,230 projek anda sendiri, anda akan mempunyai soalan atau anda 1021 00:49:50,230 --> 00:49:51,660 akan mencari soalan. 1022 00:49:51,660 --> 00:49:53,060 >> Sekali lagi, Google ia. 1023 00:49:53,060 --> 00:49:54,630 Itu betul-betul apa yang kita lakukan. 1024 00:49:54,630 --> 00:49:56,400 Ini akan bunyi bodoh. 1025 00:49:56,400 --> 00:49:58,310 Tetapi betul-betul, kita Google ia. 1026 00:49:58,310 --> 00:50:01,810 Dan sekali lagi, salah satu perkara yang pertama anda biasanya akan menghadapi adalah 1027 00:50:01,810 --> 00:50:06,550 stackoverflow.com, yang merupakan indah soalan dan penglihatan jawapan. 1028 00:50:06,550 --> 00:50:10,530 >> Ia indah kedua-dua kerana anda boleh pos soalan-soalan dan mencari 1029 00:50:10,530 --> 00:50:12,760 jawapan tetapi juga kerana ia telah mempunyai banyak 1030 00:50:12,760 --> 00:50:14,590 pra-penduduk kandungan di sana. 1031 00:50:14,590 --> 00:50:18,510 Jadi biasanya apabila anda Google pengaturcaraan soalan dalam pertama 1032 00:50:18,510 --> 00:50:22,620 pasangan mencecah anda mungkin telah menjalankan ke dalamnya semasa set masalah anda. 1033 00:50:22,620 --> 00:50:27,840 >> Dan kemudian, perkara terakhir yang benar-benar ringkas adalah JSFIDDLE, yang - hari ini kita telah 1034 00:50:27,840 --> 00:50:32,110 telah melakukan banyak kerja dengan JavaScript HTML CSS. 1035 00:50:32,110 --> 00:50:39,820 JSFIDDLE adalah aplikasi web, yang pada asasnya membolehkan anda untuk mengambil HTML anda, ANDA 1036 00:50:39,820 --> 00:50:42,820 JavaScript bawah kiri, dan kanan atas CSS anda. 1037 00:50:42,820 --> 00:50:47,840 Dan kemudian ia boleh membuat cepat menyebabkan IT dan melihat bagaimana ia berinteraksi. 1038 00:50:47,840 --> 00:50:50,500 Ia amat berguna apabila orang cuba untuk melakukan bukti konsep seperti 1039 00:50:50,500 --> 00:50:52,910 ini adalah bagaimana anda akan melakukan drop down menu. 1040 00:50:52,910 --> 00:50:54,980 Mungkin mendedahkan cepat atau apa sahaja. 1041 00:50:54,980 --> 00:50:56,560 >> MIKE Rizzo: Jadi mari kita pergi Teruskan dan klik ini. 1042 00:50:56,560 --> 00:50:57,820 Nota ringkas - 1043 00:50:57,820 --> 00:51:00,430 manakala, sebelum kami lakukan di klik. 1044 00:51:00,430 --> 00:51:04,380 Ternyata JCorey Korea juga telah terbina di klik acara pengendali bahawa ia 1045 00:51:04,380 --> 00:51:07,020 menggunakan hanya kerana ia angka anda akan mahu melakukan banyak perkara 1046 00:51:07,020 --> 00:51:08,410 apabila anda mahu klik sesuatu. 1047 00:51:08,410 --> 00:51:09,690 >> Begitu juga, ia juga mempunyai hover a. 1048 00:51:09,690 --> 00:51:12,850 Tetapi untuk mendapatkan skop penuh mereka, melihat jQuery 1049 00:51:12,850 --> 00:51:15,320 dokumentasi dan melakukannya. 1050 00:51:15,320 --> 00:51:18,760 Saya lakukan sesuatu yang bodoh di sini. 1051 00:51:18,760 --> 00:51:21,490 >> TOMAS REIMERS: Saya mempunyai benar-benar cepat program di sini, yang mengatakan 1052 00:51:21,490 --> 00:51:22,640 butang di klik. 1053 00:51:22,640 --> 00:51:23,890 Maka kita mempunyai untuk gelung. 1054 00:51:23,890 --> 00:51:26,810 Untuk i adalah kurang daripada 404. 1055 00:51:26,810 --> 00:51:29,530 Ia hanya akan muncul mesej amaran. 1056 00:51:29,530 --> 00:51:33,425 >> MIKE Rizzo: Dan apa yang yang kod 404 berdiri dalam HTML? 1057 00:51:33,425 --> 00:51:34,145 Adakah sesiapa yang ingat? 1058 00:51:34,145 --> 00:51:35,450 Tidak dijumpai, betul. 1059 00:51:35,450 --> 00:51:38,640 1060 00:51:38,640 --> 00:51:40,885 Chrome juga menambah ini kemas perkara di mana anda boleh - 1061 00:51:40,885 --> 00:51:43,430 >> TOMAS REIMERS: Kerana orang seperti Mike mula melakukan ini banyak dan 1062 00:51:43,430 --> 00:51:47,230 pengguna menjengkelkan, yang membolehkan anda untuk melihat info. 1063 00:51:47,230 --> 00:51:48,286 >> MIKE Rizzo: Yeah. 1064 00:51:48,286 --> 00:51:50,690 >> TOMAS REIMERS: Adakah kita mempunyai apa-apa soalan kira-kira ini, kira-kira JavaScript 1065 00:51:50,690 --> 00:51:53,420 perpustakaan, mencari perpustakaan, atau kelihatan apa pembangunan web 1066 00:51:53,420 --> 00:51:55,400 seperti di dunia sebenar? 1067 00:51:55,400 --> 00:51:56,880 Kami menjalankan menentang masa. 1068 00:51:56,880 --> 00:52:00,400 Jadi saya tidak pasti kita akan mempunyai masa untuk melaksanakan 1069 00:52:00,400 --> 00:52:02,290 melainkan jika ia benar-benar cepat. 1070 00:52:02,290 --> 00:52:04,580 Adakah kita yang baik? 1071 00:52:04,580 --> 00:52:08,110 >> MIKE Rizzo: Apa sahaja yang anda lelaki ingin untuk melihat benar-benar cepat dalam, seperti, dua 1072 00:52:08,110 --> 00:52:09,556 minit atau kurang? 1073 00:52:09,556 --> 00:52:10,870 >> TOMAS REIMERS: Apa-apa kita boleh menjelaskan? 1074 00:52:10,870 --> 00:52:12,500 Bagaimana untuk menulis dalam - 1075 00:52:12,500 --> 00:52:13,260 >> PENONTON: [didengar]? 1076 00:52:13,260 --> 00:52:16,070 >> MIKE Rizzo: Ya, jadi that's - 1077 00:52:16,070 --> 00:52:18,065 >> TOMAS REIMERS: Anda hanya boleh memukul Kawalan-U di laman web. 1078 00:52:18,065 --> 00:52:19,275 >> MIKE Rizzo: Oh, saya tidak tahu bahawa. 1079 00:52:19,275 --> 00:52:22,290 >> TOMAS REIMERS: Saya fikir, ya. 1080 00:52:22,290 --> 00:52:23,300 Kawalan-U. Yeah. 1081 00:52:23,300 --> 00:52:25,970 >> MIKE Rizzo: Oh, jadi itulah kod untuk laman web. 1082 00:52:25,970 --> 00:52:29,580 Tetapi jika anda benar-benar mahu muat turun kami fail dan segala-galanya, ia menjadi tuan rumah 1083 00:52:29,580 --> 00:52:32,650 pada github.com 1084 00:52:32,650 --> 00:52:34,850 >> TOMAS REIMERS: slash nama saya - 1085 00:52:34,850 --> 00:52:38,504 Tomas Reimers - slash Seminar CS50 sempang. 1086 00:52:38,504 --> 00:52:40,710 >> MIKE Rizzo: Dan anda boleh mencari semua di sana. 1087 00:52:40,710 --> 00:52:42,310 >> TOMAS REIMERS: Inilah yang GitHub kelihatan seperti, dengan cara itu. 1088 00:52:42,310 --> 00:52:44,910 Jadi sekali lagi, apabila anda melihat sumber terbuka projek, biasanya, mereka akan membaca 1089 00:52:44,910 --> 00:52:45,950 saya sana yang anda boleh membaca. 1090 00:52:45,950 --> 00:52:50,200 Dan jika anda kembali, anda akan melihat bahawa anda mempunyai zip muat turun, yang akan 1091 00:52:50,200 --> 00:52:52,130 membenarkan anda untuk memuat turun sumber kod untuk memasukkan 1092 00:52:52,130 --> 00:52:53,666 produk dalam perkara yang anda sendiri. 1093 00:52:53,666 --> 00:52:56,890 >> MIKE Rizzo: Ya, dan jika kita hanya klik pada index.html benar-benar cepat - 1094 00:52:56,890 --> 00:52:59,180 >> TOMAS REIMERS: Anda akan melihat inilah Kod sumber untuk laman web kami. 1095 00:52:59,180 --> 00:53:02,016 1096 00:53:02,016 --> 00:53:06,070 >> MIKE Rizzo: Juga, saya terlupa untuk menolak hak sebelum dengan meja besar ia 1097 00:53:06,070 --> 00:53:09,860 termasuk, tetapi ada juga meja daripada chmods bahawa kita termasuk 1098 00:53:09,860 --> 00:53:13,210 hanya untuk kejelasan anda. 1099 00:53:13,210 --> 00:53:16,940 Tetapi jika kita tatal sepanjang jalan turun ke bawah, kita tidak benar-benar melakukan yang 1100 00:53:16,940 --> 00:53:21,160 banyak dengan JavaScript barangan di semua dengan ini. 1101 00:53:21,160 --> 00:53:26,610 Ia semata-mata dari segala-galanya lain yang kita ada. 1102 00:53:26,610 --> 00:53:28,730 >> Jadi terima kasih kepada anda semua untuk datang dan mendengar. 1103 00:53:28,730 --> 00:53:29,830 Kami berharap ini adalah benar-benar membantu. 1104 00:53:29,830 --> 00:53:33,020 Jika anda mempunyai sebarang JavaScript berkaitan soalan atau hanya mahu bercakap tentang 1105 00:53:33,020 --> 00:53:36,240 apa lagi seperti apa yang lain perkara yang sejuk anda boleh lakukan dengan JavaScript, kita akan suka 1106 00:53:36,240 --> 00:53:37,186 untuk bercakap dengan anda. 1107 00:53:37,186 --> 00:53:40,010 >> TOMAS REIMERS: Jika anda mempunyai soalan tentang projek anda atau jika ini boleh menjadi 1108 00:53:40,010 --> 00:53:42,740 relevan, kami mungkin akan melekat di sekeliling sedikit selepas ini. 1109 00:53:42,740 --> 00:53:44,640 Tetapi selain daripada itu, mempunyai hujung minggu yang baik. 1110 00:53:44,640 --> 00:53:45,845 >> MIKE Rizzo: Ya, menikmati. 1111 00:53:45,845 --> 00:53:46,120 Lihat anda semua. 1112 00:53:46,120 --> 00:53:47,370 >> TOMAS REIMERS: Lihat ya. 1113 00:53:47,370 --> 00:53:47,926