1 00:00:00,000 --> 00:00:08,070 2 00:00:08,070 --> 00:00:10,430 >> R.J. AQUINO: Mari kita memulai. 3 00:00:10,430 --> 00:00:12,310 Jadi ini adalah Kuis 1. 4 00:00:12,310 --> 00:00:14,890 Berikut adalah beberapa informasi tingkat tinggi. 5 00:00:14,890 --> 00:00:19,915 Halaman Tentang untuk kuis adalah ini URL, tidak lagi CS50.net, meskipun yang 6 00:00:19,915 --> 00:00:21,080 akan tetap bekerja. 7 00:00:21,080 --> 00:00:26,920 Ini CS50.harvard.edu/quizzes/2013/1. 8 00:00:26,920 --> 00:00:31,070 Ini adalah besar Tentang halaman, memberitahu Anda di mana dan kapan, yaitu Rabu depan 9 00:00:31,070 --> 00:00:32,100 dalam sekelompok kamar. 10 00:00:32,100 --> 00:00:36,120 Dan pada hari Rabu berikutnya, saya berarti dua hari dari sekarang. 11 00:00:36,120 --> 00:00:37,890 Semua informasi ini ada. 12 00:00:37,890 --> 00:00:39,110 Tapi itu adalah kumulatif. 13 00:00:39,110 --> 00:00:43,790 >> Jadi segala sesuatu dari paruh pertama tahun berpotensi pada kuis, 14 00:00:43,790 --> 00:00:50,780 karena Anda tidak bisa benar-benar canggih hal-hal di C tanpa jika kondisi dan 15 00:00:50,780 --> 00:00:51,920 untuk loop dan sejenisnya. 16 00:00:51,920 --> 00:00:55,580 Tetapi akan ada penekanan pada materi yang dibahas sejak Kuis 0, 17 00:00:55,580 --> 00:00:59,570 dimulai dengan structs dan file I / O. Hal ini biasanya lebih 18 00:00:59,570 --> 00:01:01,620 menantang daripada Kuis 0. 19 00:01:01,620 --> 00:01:03,870 Rata-rata biasanya lebih rendah. 20 00:01:03,870 --> 00:01:05,980 Belajar keras. 21 00:01:05,980 --> 00:01:09,340 >> Sementara Anda belajar, pastikan untuk menggunakan CS50/discuss untuk posting pertanyaan Anda 22 00:01:09,340 --> 00:01:10,830 dan membaca pertanyaan orang lain. 23 00:01:10,830 --> 00:01:13,550 Jadi jika Anda tidak memiliki pertanyaan, login dan membaca 24 00:01:13,550 --> 00:01:14,580 pertanyaan teman-teman Anda. 25 00:01:14,580 --> 00:01:16,560 Mereka mungkin pertanyaan yang baik. 26 00:01:16,560 --> 00:01:17,730 Dan mengambil kuis praktek. 27 00:01:17,730 --> 00:01:20,750 Kami telah memberikan kuis untuk tujuh atau delapan tahun sekarang. 28 00:01:20,750 --> 00:01:22,180 Mereka semua online. 29 00:01:22,180 --> 00:01:25,540 Pertanyaan masa depan yang serupa pertanyaan lama. 30 00:01:25,540 --> 00:01:26,550 Itulah cara kita membuat mereka. 31 00:01:26,550 --> 00:01:27,740 >> Kuis ini belum ada. 32 00:01:27,740 --> 00:01:28,670 Tak satu pun dari kita telah melihatnya. 33 00:01:28,670 --> 00:01:32,496 Tapi itu akan terlihat seperti kuis sebelumnya. 34 00:01:32,496 --> 00:01:36,500 Untuk sesi review ini, hal ini tidak daftar lengkap dari topik. 35 00:01:36,500 --> 00:01:40,740 Anda tidak bisa hanya mengikuti ini dan kemudian menjadi sempurna siap kuis. 36 00:01:40,740 --> 00:01:43,330 Jika tidak, itu tidak akan bahwa banyak dari kuis. 37 00:01:43,330 --> 00:01:46,270 Dan ini juga belum tentu semua yang anda perlu tahu tentang 38 00:01:46,270 --> 00:01:46,970 diberikan topik. 39 00:01:46,970 --> 00:01:50,520 Ini dimaksudkan untuk mengekspos Anda untuk hal-hal kita telah membahas, mengingatkan Anda apa yang kita 40 00:01:50,520 --> 00:01:53,070 tertutup, dan cara yang kita bahas itu. 41 00:01:53,070 --> 00:01:57,030 Tapi Anda akan harus pergi jauh dan lebih dalam ketika Anda belajar untuk periksa 42 00:01:57,030 --> 00:02:00,230 bahwa Anda tahu segala sesuatu tentang setiap diberikan topik dan bahwa Anda telah mengisi 43 00:02:00,230 --> 00:02:03,320 semua sudut yang dicakup dalam perkuliahan. 44 00:02:03,320 --> 00:02:07,980 >> Catatan kuis memberitahu Anda untuk pergi ke catatan juru tulis, menonton video ceramah. 45 00:02:07,980 --> 00:02:10,155 Itu cara yang baik untuk memastikan bahwa Anda telah menutupi semua basis Anda. 46 00:02:10,155 --> 00:02:12,670 47 00:02:12,670 --> 00:02:17,340 Jadi memulai, ketika saya membuat ini slide, saya mencoba untuk menempatkan di mana aku menemukan 48 00:02:17,340 --> 00:02:18,350 informasi. 49 00:02:18,350 --> 00:02:22,890 Jadi untuk File I / O, misalnya, Minggu 7, Senin kuliah, dan diposting 50 00:02:22,890 --> 00:02:27,960 Bagian 6 dan Masalah Set semua memiliki informasi tentang file I / O. Aku sudah melakukan 51 00:02:27,960 --> 00:02:28,840 ini untuk setiap topik. 52 00:02:28,840 --> 00:02:33,010 Jadi mereka slide judul mungkin akan membantu Anda. 53 00:02:33,010 --> 00:02:38,950 >> Jadi di sini kita memiliki file I / O. Ingat, di Masalah Set 5, kami menggunakan fopen, fclose, 54 00:02:38,950 --> 00:02:41,210 fwrite, fread, dan fseek. 55 00:02:41,210 --> 00:02:48,090 Setelah pulih 30ish JPEG dan setelah diubah ukurannya dan kacau dengan 56 00:02:48,090 --> 00:02:50,320 bitmap, Anda harus cukup akrab dengan fungsi-fungsi ini 57 00:02:50,320 --> 00:02:51,830 dan bagaimana mereka bekerja. 58 00:02:51,830 --> 00:02:54,420 Jika Anda tidak lagi akrab, pasti meninjau mereka. 59 00:02:54,420 --> 00:02:56,860 Dan pastikan Anda memahami apa argumen yang berbeda, 60 00:02:56,860 --> 00:02:58,260 ketika mereka sedang digunakan. 61 00:02:58,260 --> 00:03:03,620 >> Namun umum bug terkait berkas Anda mungkin bertanya tentang - 62 00:03:03,620 --> 00:03:07,270 baik, jika Anda lupa untuk memeriksa apakah fopen benar-benar bekerja sebelum Anda pergi ke 63 00:03:07,270 --> 00:03:08,350 memodifikasi file. 64 00:03:08,350 --> 00:03:09,760 Itu bisa menjadi buruk. 65 00:03:09,760 --> 00:03:13,560 Jika Anda lupa untuk fclose file bahwa Anda telah fopened, yang mirip dengan 66 00:03:13,560 --> 00:03:14,400 kebocoran memori. 67 00:03:14,400 --> 00:03:15,980 Itu sangat buruk. 68 00:03:15,980 --> 00:03:18,670 Dan lupa untuk memeriksa apakah Anda sudah mencapai akhir file sebelum Anda 69 00:03:18,670 --> 00:03:19,790 mulai menulis untuk itu. 70 00:03:19,790 --> 00:03:22,320 >> Jadi jika Anda berkata, hei, aku di akhir file. 71 00:03:22,320 --> 00:03:23,750 Beri aku 5 byte lagi. 72 00:03:23,750 --> 00:03:27,370 Nah, yang mungkin tidak akan bekerja seperti yang Anda harapkan. 73 00:03:27,370 --> 00:03:30,930 Itu benar-benar untuk File I / O, karena kami melakukan begitu banyak 74 00:03:30,930 --> 00:03:32,300 dengan masalah yang ditetapkan. 75 00:03:32,300 --> 00:03:36,000 Jadi, jika Anda mengerti apa yang sedang terjadi Soal Set 5, mengingat bitmats 76 00:03:36,000 --> 00:03:40,090 dan JPEG, maka Anda mungkin semua ditetapkan untuk File I / O. Jika itu sedikit 77 00:03:40,090 --> 00:03:44,770 fuzzy, pasti meninjau masalah itu mengatur dan materi terkait. 78 00:03:44,770 --> 00:03:51,110 >> Structs adalah topik yang berada di garis antara 0 dan Quiz Kuis 1. 79 00:03:51,110 --> 00:03:53,090 Tidak cukup membuat cut untuk Kuis 0. 80 00:03:53,090 --> 00:03:57,040 Jadi mereka pasti akan berada di Quiz 1, Minggu 7, Senin. 81 00:03:57,040 --> 00:03:58,150 Apa struct? 82 00:03:58,150 --> 00:04:00,250 Di sini kita menunjukkan struct. 83 00:04:00,250 --> 00:04:03,140 Ini seperti jenis baru. 84 00:04:03,140 --> 00:04:07,940 Ini seperti sebuah wadah untuk beberapa bidang. 85 00:04:07,940 --> 00:04:12,970 >> Dalam hal ini, kami telah menyatakan struct mahasiswa yang memiliki dua bidang - 86 00:04:12,970 --> 00:04:17,750 string, kita panggil nama dan int, kita panggil usia. 87 00:04:17,750 --> 00:04:21,450 Jadi ketika saya melewati sekitar siswa atau aku memodifikasi siswa, saya akan dapat 88 00:04:21,450 --> 00:04:24,430 mengakses nama dan usia mereka. 89 00:04:24,430 --> 00:04:26,670 Mari kita lihat beberapa kode untuk itu. 90 00:04:26,670 --> 00:04:29,090 Di sini kita melihat bahwa saya telah menyatakan seorang mahasiswa s, seperti 91 00:04:29,090 --> 00:04:30,300 Saya menyatakan setiap variabel - 92 00:04:30,300 --> 00:04:32,430 int x, int y, dan sebagainya. 93 00:04:32,430 --> 00:04:34,180 >> Berikut mahasiswa s. 94 00:04:34,180 --> 00:04:37,370 Dia mulai dengan apa-apa yang di ladang. 95 00:04:37,370 --> 00:04:38,240 Jadi mari kita mengatur mereka. 96 00:04:38,240 --> 00:04:40,681 Anda menetapkan bidang struct dengan dot. 97 00:04:40,681 --> 00:04:43,780 Jadi saya katakan di sini bahwa s.name = RJ. 98 00:04:43,780 --> 00:04:46,470 Dan s.age = 21. 99 00:04:46,470 --> 00:04:48,500 Anda juga dapat memperbarui bidang dengan cara yang sama Anda akan memperbarui 100 00:04:48,500 --> 00:04:49,550 nilai variabel. 101 00:04:49,550 --> 00:04:53,270 Jadi saya ingin mengubah nama saya dari RJ dengan ada periode ke R.J. mengeja 102 00:04:53,270 --> 00:04:54,540 cara yang benar. 103 00:04:54,540 --> 00:04:58,890 Ini akan s.name = RJ, sama seperti yang kita katakan itu awalnya. 104 00:04:58,890 --> 00:05:00,030 Dan kemudian Anda dapat mengaksesnya. 105 00:05:00,030 --> 00:05:00,930 >> Jadi kita sudah mengatur mereka. 106 00:05:00,930 --> 00:05:01,840 Kami telah memperbarui mereka. 107 00:05:01,840 --> 00:05:03,890 Anda juga dapat mengaksesnya dengan cara yang sama. 108 00:05:03,890 --> 00:05:09,330 Jadi di sini, saya mencetak R.J. Adalah 21 tahun. 109 00:05:09,330 --> 00:05:14,700 Dan aku mengakses nilai-nilai dengan s.name dan s.age. 110 00:05:14,700 --> 00:05:17,040 Jadi yang mengakses structs dengan notasi titik. 111 00:05:17,040 --> 00:05:17,850 Yep, pertanyaan? 112 00:05:17,850 --> 00:05:21,176 >> AUDIENCE: Apakah ada alasan pada slide sebelumnya bahwa Anda tidak menempatkan 113 00:05:21,176 --> 00:05:24,848 siswa pada baris paling atas, seperti typedef struct mahasiswa dan kemudian 114 00:05:24,848 --> 00:05:25,840 mahasiswa di akhir? 115 00:05:25,840 --> 00:05:29,040 >> R.J. AQUINO: Jadi pertanyaannya adalah, pada slide ini, kita biasanya terlihat 116 00:05:29,040 --> 00:05:32,400 typedef struct node dan kemudian bidang struct dan 117 00:05:32,400 --> 00:05:34,250 maka node kata. 118 00:05:34,250 --> 00:05:37,790 Dan bagaimana datang ke sini saya tidak mengatakan, typedef struct mahasiswa dan kemudian 119 00:05:37,790 --> 00:05:39,820 bidang struct dan kemudian mahasiswa? 120 00:05:39,820 --> 00:05:44,310 Alasannya adalah bahwa saya tidak perlu mengaksesnya dalam struct. 121 00:05:44,310 --> 00:05:46,270 Jadi tidak apa-apa untuk meninggalkan tanpa nama. 122 00:05:46,270 --> 00:05:49,210 Saya hanya bisa meninggalkan sebagai sebuah struct anonim. 123 00:05:49,210 --> 00:05:53,130 >> Alasan kami melakukannya untuk daftar terhubung dan hal ini karena di dalam Anda perlu 124 00:05:53,130 --> 00:05:55,360 untuk referensi bintang struct node. 125 00:05:55,360 --> 00:05:58,220 Jadi struct harus memiliki nama, sehingga Anda dapat mengaksesnya kemudian. 126 00:05:58,220 --> 00:05:59,540 Ini adalah detail kecil. 127 00:05:59,540 --> 00:06:04,750 Tapi Anda biasanya akan melihat struct typedef kurung kurawal jika Anda tidak perlu 128 00:06:04,750 --> 00:06:08,720 nama dan typedef struct beberapa nama diikuti oleh kurung kurawal jika Anda akan 129 00:06:08,720 --> 00:06:09,520 butuh nama. 130 00:06:09,520 --> 00:06:12,070 Jadi itu adalah pertanyaan yang bagus. 131 00:06:12,070 --> 00:06:17,000 >> Dan pada saat itu, kita cenderung untuk memodifikasi structs dan lulus sekitar structs oleh 132 00:06:17,000 --> 00:06:18,680 referensi, bukan oleh nilai. 133 00:06:18,680 --> 00:06:21,940 Jadi kita hanya akan lulus sekitar pointer ke structs bukan lewat di sekitar 134 00:06:21,940 --> 00:06:23,150 structs sendiri. 135 00:06:23,150 --> 00:06:28,050 Jadi, kau sangat sering akan menjadi menggunakan, dalam hal ini, mahasiswa atau * 136 00:06:28,050 --> 00:06:34,150 struct simpul * atau simpul * gantinya out siswa atau node. 137 00:06:34,150 --> 00:06:39,350 Jadi di sini, saya katakan, OK, variabel ptr akan menjadi alamat s. 138 00:06:39,350 --> 00:06:45,570 Ini akan menjadi pointer kepada siswa R.J. 139 00:06:45,570 --> 00:06:48,965 >> Jadi kita bisa mendapatkan di bidang-bidang sama seperti yang kita mendapatkan apa-apa. 140 00:06:48,965 --> 00:06:51,460 Pertama, ID referensi pointer untuk mendapatkan struct. 141 00:06:51,460 --> 00:06:55,530 Itu * ptr dan kemudian titik dan kemudian usia. 142 00:06:55,530 --> 00:06:58,790 Jadi untuk mengakses lapangan, dan saya telah memperbarui sekarang menjadi 22, karena, mari kita 143 00:06:58,790 --> 00:07:00,860 mengatakan, itu ulang tahun saya. 144 00:07:00,860 --> 00:07:03,990 Ada sintaks pintas menggunakan panah di sini. 145 00:07:03,990 --> 00:07:07,060 Usia panah Jadi ptr hanya sama seperti * ptr.age. 146 00:07:07,060 --> 00:07:10,150 147 00:07:10,150 --> 00:07:11,550 Sekarang, itu sesuatu yang harus Anda menghafal dan mengingat. 148 00:07:11,550 --> 00:07:15,010 >> Anda menggunakannya banyak di pset6, yang pset ejaan. 149 00:07:15,010 --> 00:07:18,350 Tapi ini sebenarnya apa yang terjadi di bawah tenda. 150 00:07:18,350 --> 00:07:20,500 Ini dereferencing pointer dan kemudian mengakses itu. 151 00:07:20,500 --> 00:07:21,432 Pertanyaan? 152 00:07:21,432 --> 00:07:22,682 >> AUDIENCE: [Tak terdengar]. 153 00:07:22,682 --> 00:07:25,860 154 00:07:25,860 --> 00:07:28,060 >> R.J. AQUINO: Jadi mengapa kita menggunakan pointer sebagai structs bukan 155 00:07:28,060 --> 00:07:29,500 structs sendiri? 156 00:07:29,500 --> 00:07:33,740 Alasannya akan jika Anda melewati struct ke fungsi, Anda mungkin 157 00:07:33,740 --> 00:07:36,900 ingin lulus sekitar hanya 4 atau lebih byte yang mewakili pointer, seperti 158 00:07:36,900 --> 00:07:40,375 bertentangan dengan potensial 30 atau 40 byte yang struct. 159 00:07:40,375 --> 00:07:44,410 Jadi melewati sesuatu ke fungsi lebih mudah ketika hal 160 00:07:44,410 --> 00:07:48,230 lebih kecil singkatnya. 161 00:07:48,230 --> 00:07:49,074 Pertanyaan? 162 00:07:49,074 --> 00:07:53,026 >> AUDIENCE: Anda mungkin telah disebutkan ini pada awalnya, tetapi ada 163 00:07:53,026 --> 00:07:56,000 slide lain pada [Tak terdengar]? 164 00:07:56,000 --> 00:07:58,960 >> R.J. AQUINO: Slide ini akan setelah sesi ulasan. 165 00:07:58,960 --> 00:08:00,210 Kami akan posting mereka di situs web. 166 00:08:00,210 --> 00:08:02,450 167 00:08:02,450 --> 00:08:06,870 Jadi pindah dan pindah sedikit lebih cepat, kita akan berbicara tentang data 168 00:08:06,870 --> 00:08:07,350 struktur. 169 00:08:07,350 --> 00:08:08,040 Ada banyak. 170 00:08:08,040 --> 00:08:10,080 Kita membahas banyak dari mereka. 171 00:08:10,080 --> 00:08:12,500 Inilah yang harus Anda mengerti tentang struktur data. 172 00:08:12,500 --> 00:08:15,590 >> Anda benar-benar harus memahami dengan tinggi tingkat apa struktur masing-masing adalah. 173 00:08:15,590 --> 00:08:21,190 Dapatkah Anda menjelaskan dalam bahasa Inggris untuk Anda teman yang belum diambil CS50 bagaimana 174 00:08:21,190 --> 00:08:25,580 kita mengorganisasi data kami dan mengapa kami akan menggunakan sesuatu dengan cara ini? 175 00:08:25,580 --> 00:08:26,990 Itu satu hal. 176 00:08:26,990 --> 00:08:29,650 Hal kedua, memahami implementasi. 177 00:08:29,650 --> 00:08:34,270 Jadi memahami bagaimana menggunakan hal-hal ini di C. Dan kita akan pergi selama ini. 178 00:08:34,270 --> 00:08:39,030 >> Dan kemudian hal tiga akan tahu menjalankan kali dan keterbatasan 179 00:08:39,030 --> 00:08:40,470 berbagai struktur yang Anda gunakan. 180 00:08:40,470 --> 00:08:44,059 Jadi mengerti mengapa Anda akan menggunakan hash table bukan array. 181 00:08:44,059 --> 00:08:49,570 Memahami seberapa cepat, rata-rata, mengakses tabel hash. 182 00:08:49,570 --> 00:08:54,010 Mengerti apa operasi yang cepat pada linked list tapi lambat pada array dan 183 00:08:54,010 --> 00:08:56,080 sebaliknya. 184 00:08:56,080 --> 00:08:59,780 Jadi untuk memahami bahwa, Anda harus memahami Big-O notasi hanya tahu 185 00:08:59,780 --> 00:09:01,310 bagaimana berbicara tentang ini macam hal. 186 00:09:01,310 --> 00:09:02,700 Dan kita akan berbicara tentang itu. 187 00:09:02,700 --> 00:09:06,040 >> Sehingga hal pertama, terkait daftar. 188 00:09:06,040 --> 00:09:07,770 Berikut adalah gambaran tingkat tinggi dari linked list. 189 00:09:07,770 --> 00:09:08,830 Kami menunjukkan ini di kelas. 190 00:09:08,830 --> 00:09:11,670 Kami biasanya memiliki 10 orang berdiri di atas panggung. 191 00:09:11,670 --> 00:09:16,790 Tapi kami memiliki serangkaian node di mana masing-masing node memiliki beberapa nilai dan pointer 192 00:09:16,790 --> 00:09:18,610 nilai berikutnya. 193 00:09:18,610 --> 00:09:21,730 Jadi untuk mendapatkan dari satu node ke yang berikutnya, Anda hanya mengatakan, beri aku node berikutnya. 194 00:09:21,730 --> 00:09:22,530 Anda memiliki simpul tersebut. 195 00:09:22,530 --> 00:09:23,770 Berikan simpul berikutnya. 196 00:09:23,770 --> 00:09:24,400 Anda memiliki simpul tersebut. 197 00:09:24,400 --> 00:09:28,790 Beri aku node berikutnya dan seterusnya sampai tidak ada simpul kiri. 198 00:09:28,790 --> 00:09:31,850 >> Jadi terus berbicara tentang itu pada tingkat tinggi. 199 00:09:31,850 --> 00:09:34,100 Ini sangat mudah untuk memasukkan hal-hal menjadi linked list. 200 00:09:34,100 --> 00:09:36,010 Jika Anda tidak peduli tentang perintah, Anda hanya bisa drop 201 00:09:36,010 --> 00:09:36,840 tepat di awal. 202 00:09:36,840 --> 00:09:38,520 Itulah waktu yang konstan. 203 00:09:38,520 --> 00:09:39,900 Tapi sulit untuk menemukan nilai. 204 00:09:39,900 --> 00:09:43,060 Jika Anda mencoba untuk bertanya, adalah tujuh dalam daftar saya? 205 00:09:43,060 --> 00:09:44,740 Anda harus melalui setiap nilai tunggal. 206 00:09:44,740 --> 00:09:45,680 Apakah ini tujuh? 207 00:09:45,680 --> 00:09:46,610 Apakah ini tujuh? 208 00:09:46,610 --> 00:09:47,770 Apakah ini tujuh? 209 00:09:47,770 --> 00:09:48,690 Apakah ini tujuh? 210 00:09:48,690 --> 00:09:49,830 Berkali-kali. 211 00:09:49,830 --> 00:09:51,520 Dan itu O (n). 212 00:09:51,520 --> 00:09:53,800 Jadi, ketika belajar untuk kuis, bandingkan dengan array. 213 00:09:53,800 --> 00:09:57,010 214 00:09:57,010 --> 00:09:58,220 >> Apakah itu OK? 215 00:09:58,220 --> 00:09:59,220 Lampu pergi redup. 216 00:09:59,220 --> 00:10:01,110 OK. 217 00:10:01,110 --> 00:10:02,400 Ketika adalah linked list yang lebih baik? 218 00:10:02,400 --> 00:10:04,640 Kapan sebuah array yang lebih baik? 219 00:10:04,640 --> 00:10:06,670 Jadi mari kita lihat beberapa kode. 220 00:10:06,670 --> 00:10:08,960 Berikut adalah simpul potensial. 221 00:10:08,960 --> 00:10:09,770 Ini struct. 222 00:10:09,770 --> 00:10:12,220 Ini memiliki int n, yang akan menjadi nilai kami. 223 00:10:12,220 --> 00:10:17,780 Dan memiliki struct simpul * berikutnya, yang adalah pointer kita ke node berikutnya. 224 00:10:17,780 --> 00:10:23,040 Jadi di sini, kita dapat melihat bahwa kita terjadi telah menempatkan sebuah int di simpul kami. 225 00:10:23,040 --> 00:10:27,850 Tapi jika ini adalah sebuah linked list char bintang atau linked list mengapung, kami 226 00:10:27,850 --> 00:10:28,820 benar-benar bisa melakukannya juga. 227 00:10:28,820 --> 00:10:33,110 >> Ingat di pset6, Anda mungkin memiliki linked list dari bintang arang atau hanya 228 00:10:33,110 --> 00:10:34,360 char array statis. 229 00:10:34,360 --> 00:10:37,370 230 00:10:37,370 --> 00:10:39,040 Mari kita lihat di sini di operasi. 231 00:10:39,040 --> 00:10:43,570 Jadi kita ingin menyisipkan baru n ke dalam linked list kami. 232 00:10:43,570 --> 00:10:48,940 Kami mulai dengan pointer kepala yang pointer ke node ini yang memiliki 233 00:10:48,940 --> 00:10:53,460 nilai n dan berikutnya pointer yang poin ke node ini adalah nilai 234 00:10:53,460 --> 00:10:57,760 n dan berikutnya null, karena itu node terakhir. 235 00:10:57,760 --> 00:11:00,440 Jadi untuk kepentingan waktu, saya akan meletakkan semua kode pada layar. 236 00:11:00,440 --> 00:11:03,130 Dan kita akan berjalan melalui itu beberapa baris pada satu waktu. 237 00:11:03,130 --> 00:11:05,790 >> Jadi, inilah kode. 238 00:11:05,790 --> 00:11:07,560 Saya harap itu dapat dibaca. 239 00:11:07,560 --> 00:11:11,275 Hal pertama yang kita lakukan adalah kami malloc node baru. 240 00:11:11,275 --> 00:11:15,105 Jadi itu membuat pointer ke node baru yang tidak cukup memiliki sesuatu yang diatur 241 00:11:15,105 --> 00:11:16,450 up di dalamnya belum. 242 00:11:16,450 --> 00:11:19,580 Kami memeriksa untuk memastikan bahwa node baru tidak null. 243 00:11:19,580 --> 00:11:22,220 Jika tidak, kita harus menyerah. 244 00:11:22,220 --> 00:11:27,680 Jadi setelah memeriksa bahwa, kita sekarang menetapkan nilai-nilai dalam node. 245 00:11:27,680 --> 00:11:31,520 Jadi kita menempatkan n baru ke lapangan n kami. 246 00:11:31,520 --> 00:11:36,050 Dan kami mengatur pointer berikutnya untuk menunjuk ke kepala aslinya, sehingga kita bisa 247 00:11:36,050 --> 00:11:38,900 kini telah dimasukkan ini simpul dalam daftar kami. 248 00:11:38,900 --> 00:11:44,600 >> Akhirnya, kita memiliki titik kepala global ke node baru, sehingga jika kita 249 00:11:44,600 --> 00:11:50,300 mulai dari kepala, kita akan ini baru pertama simpul bukan 250 00:11:50,300 --> 00:11:51,560 pertama lama simpul. 251 00:11:51,560 --> 00:11:55,320 Dan ketika fungsi ini keluar, yang variabel node baru tidak ada lagi, 252 00:11:55,320 --> 00:11:57,130 karena itu lokal untuk fungsi. 253 00:11:57,130 --> 00:11:59,770 Jadi ini adalah keadaan dunia. 254 00:11:59,770 --> 00:12:03,570 Kepala global kami menunjuk ke baru node pertama, yang menunjuk ke kami 255 00:12:03,570 --> 00:12:06,346 asli pertama node, poin yang ke node setelah itu. 256 00:12:06,346 --> 00:12:09,790 >> Itu penyisipan. 257 00:12:09,790 --> 00:12:12,150 Saya berharap yang relatif mudah untuk mengikuti. 258 00:12:12,150 --> 00:12:14,300 Jika ragu, menggambar gambar. 259 00:12:14,300 --> 00:12:17,820 Jadi saya menemukan bahwa berbicara tentang daftar terhubung dan melihat 260 00:12:17,820 --> 00:12:19,870 Kode ini sangat tidak membantu. 261 00:12:19,870 --> 00:12:23,790 Sedangkan melihat gambar seorang dihubungkan daftar memungkinkan saya untuk berpikir, oh, begitu 262 00:12:23,790 --> 00:12:24,970 Saya memiliki simpul ini di sini. 263 00:12:24,970 --> 00:12:28,980 Tapi kalau aku memperbarui pointer itu, itu berakhir terputus. 264 00:12:28,980 --> 00:12:34,340 Dan aku sudah lupa di mana node berjalan. 265 00:12:34,340 --> 00:12:35,390 Dan kode keluar. 266 00:12:35,390 --> 00:12:37,830 Dan Anda memiliki beberapa node yang terputus. 267 00:12:37,830 --> 00:12:39,970 Dan Anda tidak berakhir dengan daftar yang Anda inginkan. 268 00:12:39,970 --> 00:12:43,320 >> Jadi jika Anda menggambar gambar dan melakukannya langkah demi langkah, mudah-mudahan, Anda akan melihat 269 00:12:43,320 --> 00:12:46,840 urutan yang benar dari hal-hal dalam hal memperbarui pointer untuk memastikan 270 00:12:46,840 --> 00:12:48,830 bahwa daftar datang bersama-sama. 271 00:12:48,830 --> 00:12:51,240 Insert relatif mudah. 272 00:12:51,240 --> 00:12:55,210 Yang lebih rumit akan dimasukkan ke dalam daftar diurutkan. 273 00:12:55,210 --> 00:12:59,980 Sebuah fungsi yang lebih rumit adalah menghapus dan menemukan, jadi melihat melalui daftar untuk 274 00:12:59,980 --> 00:13:03,030 melihat ada sesuatu di sana. 275 00:13:03,030 --> 00:13:07,220 Mungkin Anda melakukan ini dalam pset6 ketika Anda masuk ke tabel hash Anda dan Anda berkata, 276 00:13:07,220 --> 00:13:10,460 baik, adalah kata apple dalam linked list saya? 277 00:13:10,460 --> 00:13:11,440 >> Jadi Anda mungkin sudah melakukan ini. 278 00:13:11,440 --> 00:13:15,530 Tapi yang pasti, menyegarkan ingatan Anda dan mencoba untuk menemukan dan reimplement 279 00:13:15,530 --> 00:13:19,150 reimplement menghapus untuk linked list. 280 00:13:19,150 --> 00:13:22,850 Fun samping catatan, ada juga ganda-linked daftar, di mana Anda memiliki 281 00:13:22,850 --> 00:13:27,490 pointer yang mengarah baik ke depan dan mundur, sehingga Anda bisa pergi ke 282 00:13:27,490 --> 00:13:29,270 node berikutnya dan ke node sebelumnya. 283 00:13:29,270 --> 00:13:33,860 Dan ada pertanyaan pada tahun lalu kuis jenis itu, berbicara 284 00:13:33,860 --> 00:13:36,190 tentang daftar doubly-linked. 285 00:13:36,190 --> 00:13:40,070 >> Sekarang, itu adalah struktur yang Anda relatif akrab dengan, karena sebagian besar 286 00:13:40,070 --> 00:13:42,520 dari Anda mungkin digunakan mereka pada pset6. 287 00:13:42,520 --> 00:13:45,680 Berikut ini salah satu yang sedikit kurang akrab. 288 00:13:45,680 --> 00:13:51,020 Sebagai catatan, saya berpikir bahwa Quiz 1 adalah terutama sulit daripada Kuis 0, karena 289 00:13:51,020 --> 00:13:54,600 hal-hal yang Anda lakukan, Anda tidak melakukan banyak. 290 00:13:54,600 --> 00:13:58,100 Untuk mengambil cara lain, untuk Kuis 0, Anda telah menulis banyak C. Dan kita 291 00:13:58,100 --> 00:13:58,880 bertanya tentang C. 292 00:13:58,880 --> 00:14:02,310 >> Untuk Quiz 1, kita akan bertanya tentang PHP dan JavaScript, yang Anda 293 00:14:02,310 --> 00:14:03,490 tidak menulis sebanyak. 294 00:14:03,490 --> 00:14:07,590 Kita akan bertanya tentang C-kode yang Anda belum menulis sebanyak, 295 00:14:07,590 --> 00:14:09,130 ini hal C canggih. 296 00:14:09,130 --> 00:14:11,520 Jadi jelas, praktek kita hal-hal dibicarakan di kuliah yang Anda 297 00:14:11,520 --> 00:14:15,260 tidak perlu melakukan pada masalah ditetapkan. 298 00:14:15,260 --> 00:14:17,870 >> Omong-omong, Anda belum menulis tumpukan pada masalah yang ditetapkan. 299 00:14:17,870 --> 00:14:19,610 Tapi itu di kuliah. 300 00:14:19,610 --> 00:14:22,530 Berikut gambar-tingkat tinggi tumpukan bahwa kita menunjukkan setiap tahun. 301 00:14:22,530 --> 00:14:26,180 Ini tumpukan nampan di ruang makan Mather. 302 00:14:26,180 --> 00:14:30,570 Pada tingkat tinggi, tumpukan adalah terakhir , keluar pertama struktur data. 303 00:14:30,570 --> 00:14:32,040 Itu berarti Anda akan untuk meletakkan segala sesuatu di - 304 00:14:32,040 --> 00:14:36,400 1, 3, 7, 12, 14, negatif 0. 305 00:14:36,400 --> 00:14:39,180 Satu hal yang aku tidak bisa memiliki kata - negatif 3, 0. 306 00:14:39,180 --> 00:14:40,250 Anda menempatkan semua hal ini masuk 307 00:14:40,250 --> 00:14:42,940 Dan yang terakhir Anda masukkan ke dalam adalah yang pertama salah satu yang akan keluar. 308 00:14:42,940 --> 00:14:44,170 >> Jadi Anda memiliki dua operasi - 309 00:14:44,170 --> 00:14:45,260 mendorong dan pop. 310 00:14:45,260 --> 00:14:49,180 Semua menempatkan dalam bahwa aku isyarat seperti ini push. 311 00:14:49,180 --> 00:14:52,020 Dan kemudian ketika saya mencapai ke grab sesuatu atau mencapai di atas untuk mengambil 312 00:14:52,020 --> 00:14:53,940 sesuatu, itu pop. 313 00:14:53,940 --> 00:14:55,540 Jadi kita akan mengimplementasikan tumpukan. 314 00:14:55,540 --> 00:14:57,870 Dan kami menunjukkan mereka dalam kuliah menggunakan array. 315 00:14:57,870 --> 00:14:59,550 Tapi Anda bisa melakukannya menggunakan daftar terkait. 316 00:14:59,550 --> 00:15:01,770 Sebuah stack adalah data konseptual struktur, tidak seperti 317 00:15:01,770 --> 00:15:03,760 implementasi khusus satu. 318 00:15:03,760 --> 00:15:06,420 >> Jadi apa yang akan yang terlihat seperti? 319 00:15:06,420 --> 00:15:07,970 Ini akan terlihat jenis seperti ini. 320 00:15:07,970 --> 00:15:10,840 Anda akan memiliki ukuran integer. 321 00:15:10,840 --> 00:15:16,000 Dan Anda akan memiliki sebuah array dari nilai-nilai yang kita memanggil nampan, karena itulah 322 00:15:16,000 --> 00:15:18,570 apa gambar itu untuk us - int nampan - 323 00:15:18,570 --> 00:15:21,740 dan kemudian beberapa kapasitas maksimum. 324 00:15:21,740 --> 00:15:27,100 Jadi apa yang akan mendorong terlihat seperti? 325 00:15:27,100 --> 00:15:33,250 Nah, jika kita memiliki setumpuk s, maka untuk mendorong sesuatu ke s, kita akan mendapatkan 326 00:15:33,250 --> 00:15:34,620 ukuran s. 327 00:15:34,620 --> 00:15:42,270 Dan itu akan menjadi berikutnya tempat terbuka array kita. 328 00:15:42,270 --> 00:15:50,510 Jadi jika kita memiliki tiga hal dalam tumpukan kami, maka nampan 3 akan menjadi berikutnya 329 00:15:50,510 --> 00:15:54,290 tempat terbuka, karena 0, 1, dan 2 sudah diisi. 330 00:15:54,290 --> 00:16:01,790 >> Jadi kita menempatkan nilai ke s.trays [s.size], tempat ketiga. 331 00:16:01,790 --> 00:16:06,290 Dan kemudian kita kenaikan s.size mengatakan, hey, kami memiliki tiga hal sebelumnya. 332 00:16:06,290 --> 00:16:07,400 Sekarang, kami memiliki empat. 333 00:16:07,400 --> 00:16:10,180 Jadi pada saat Anda mendorong, Anda akan memasukkan sesuatu ke 4. 334 00:16:10,180 --> 00:16:15,560 Atau pada saat Anda pop, Anda akan untuk melihat 3 bukannya 4 atau apa pun. 335 00:16:15,560 --> 00:16:18,000 Dan kemudian kita akan kembali benar untuk mengatakan, hei, kita berhasil. 336 00:16:18,000 --> 00:16:19,160 Ini bekerja. 337 00:16:19,160 --> 00:16:22,060 Sebagai aturan praktis, jika fungsi itu seharusnya mengembalikan benar atau 338 00:16:22,060 --> 00:16:26,370 palsu selalu mengembalikan nilai true, Anda mungkin telah melakukan sesuatu yang salah. 339 00:16:26,370 --> 00:16:28,350 Jadi cara kerjanya? 340 00:16:28,350 --> 00:16:32,400 >> Nah, bekerja dengan baik selama 1, dan 2, dan 3, dan 4, dan lima. 341 00:16:32,400 --> 00:16:34,640 Tapi katakanlah saya mencapai kapasitas saya. 342 00:16:34,640 --> 00:16:38,750 Aku kemudian mengalami masalah, karena jika ukurannya sama dengan kapasitas, aku 343 00:16:38,750 --> 00:16:43,340 sekarang mencoba untuk memasukkan sesuatu ke dalam array di mana saya tidak punya ruang. 344 00:16:43,340 --> 00:16:46,980 Jadi cek singkat untuk memperbaiki hal ini. 345 00:16:46,980 --> 00:16:51,630 Jika s.size == KAPASITAS, kembali palsu. 346 00:16:51,630 --> 00:16:54,130 Jika tidak, pergi dan melakukan apa yang kita lakukan. 347 00:16:54,130 --> 00:16:55,660 Jadi apa lagi yang bisa kami meminta sekitar untuk tumpukan? 348 00:16:55,660 --> 00:16:56,460 Apa lagi yang harus Anda belajar? 349 00:16:56,460 --> 00:16:57,690 Apa lagi yang harus Anda berlatih? 350 00:16:57,690 --> 00:17:01,030 >> Nah, menerapkan pop. 351 00:17:01,030 --> 00:17:02,370 Kami sudah melakukan push. 352 00:17:02,370 --> 00:17:04,280 Aku akan memperbaikinya. 353 00:17:04,280 --> 00:17:08,180 Implementasi non-array, di mana Anda menggunakan linked list, mungkin. 354 00:17:08,180 --> 00:17:09,390 Implementasi non-int. 355 00:17:09,390 --> 00:17:10,940 Kami melakukan ints di sini. 356 00:17:10,940 --> 00:17:11,880 Tapi itu bisa saja mengapung. 357 00:17:11,880 --> 00:17:13,010 Aku bisa saja string. 358 00:17:13,010 --> 00:17:14,290 Bisa saja bintang arang. 359 00:17:14,290 --> 00:17:17,960 Lihatlah kuis masa lalu untuk jenis pertanyaan yang kami telah bertanya tentang tumpukan. 360 00:17:17,960 --> 00:17:20,000 >> Saya akan mengatakan bahwa kita tertutup tumpukan sekitar sama seperti yang kita sudah dibahas dalam 361 00:17:20,000 --> 00:17:20,540 tahun terakhir. 362 00:17:20,540 --> 00:17:24,400 Jadi pertanyaan-pertanyaan kuis harus menjadi indikasi yang baik. 363 00:17:24,400 --> 00:17:27,010 Ke depan lebih cepat, antrian. 364 00:17:27,010 --> 00:17:28,200 Mereka seperti tumpukan. 365 00:17:28,200 --> 00:17:29,960 Tapi mereka pertama, keluar pertama. 366 00:17:29,960 --> 00:17:33,530 Jika Anda Inggris, antrian kata mungkin membuat banyak akal untuk Anda. 367 00:17:33,530 --> 00:17:36,390 Jika tidak, Anda mungkin harus mendengar tentang hal itu sebagai garis. 368 00:17:36,390 --> 00:17:38,120 Mereka bekerja seperti baris di toko Apple. 369 00:17:38,120 --> 00:17:40,740 Orang pertama yang muncul di 03:00 di pagi hari adalah yang pertama 370 00:17:40,740 --> 00:17:42,880 orang untuk membeli iPad nya. 371 00:17:42,880 --> 00:17:44,260 >> Jadi kita memiliki dua operasi - 372 00:17:44,260 --> 00:17:45,720 enqueue dan dequeue. 373 00:17:45,720 --> 00:17:47,560 Enqueue menempatkan seseorang di baris. 374 00:17:47,560 --> 00:17:50,070 Dequeue menarik pertama orang dari baris. 375 00:17:50,070 --> 00:17:52,640 Sekali lagi, kita dapat menerapkan ini dengan array. 376 00:17:52,640 --> 00:17:54,880 Jadi apa yang kita struct menunjukkan dalam kuliah? 377 00:17:54,880 --> 00:17:57,660 Itu satu ini. 378 00:17:57,660 --> 00:17:59,300 Sekali lagi, angka. 379 00:17:59,300 --> 00:18:02,020 Sekali lagi, ukuran dan hal ini depan baru. 380 00:18:02,020 --> 00:18:04,880 Mengapa ada sesuatu yang disebut depan? 381 00:18:04,880 --> 00:18:07,050 Ini adalah indeks berikutnya elemen untuk dequeue. 382 00:18:07,050 --> 00:18:12,210 Hanya saja secara internal melacak orang pertama yang muncul, jadi kita yang 383 00:18:12,210 --> 00:18:15,005 bisa menariknya keluar ketika kita perlu. 384 00:18:15,005 --> 00:18:19,322 >> Pasti melihat catatan kuliah dan mencoba untuk melaksanakan enqueue dan dequeue 385 00:18:19,322 --> 00:18:21,700 ketika belajar untuk kuis. 386 00:18:21,700 --> 00:18:23,190 Hal-hal penting untuk dipikirkan. 387 00:18:23,190 --> 00:18:27,260 Membungkus sekitar jika bagian depan ditambah ukuran berakhir lebih besar dari kapasitas. 388 00:18:27,260 --> 00:18:32,670 Sekali lagi, jika struktur Anda penuh, Anda akan memiliki masalah. 389 00:18:32,670 --> 00:18:34,780 Hash tabel yang telah Anda lihat sebelumnya. 390 00:18:34,780 --> 00:18:39,820 Sebagian besar dari Anda mungkin dilaksanakan ini pada pset6. 391 00:18:39,820 --> 00:18:44,210 Ini adalah struktur yang bertujuan untuk O (1) konstanta waktu penyisipan dan O (1) 392 00:18:44,210 --> 00:18:46,430 konstan lookup waktu. 393 00:18:46,430 --> 00:18:49,760 >> Dalam CS50, kami menerapkan ini sebagai array daftar terkait. 394 00:18:49,760 --> 00:18:53,690 Komponen kunci untuk tabel hash adalah fungsi hash. 395 00:18:53,690 --> 00:18:58,350 Jadi mengubah masukan Anda, katakanlah, kata kamus, dalam angka, 396 00:18:58,350 --> 00:18:59,560 yang akan menjadi indeks kami. 397 00:18:59,560 --> 00:19:01,410 Dan kami akan menggunakan index yang ke dalam array kita. 398 00:19:01,410 --> 00:19:05,374 Jadi, inilah gambaran kecil yang lucu dari study.50.net. 399 00:19:05,374 --> 00:19:08,060 Kami membuang semua kata-kata ke dalam Fungsi hash kami. 400 00:19:08,060 --> 00:19:10,950 Dan fungsi hash memberitahu kita di mana untuk menempatkan kata-kata ini. 401 00:19:10,950 --> 00:19:15,650 >> Ini semua besar di tanah di mana hanya ada satu kata untuk setiap celah. 402 00:19:15,650 --> 00:19:20,480 Tapi seperti yang Anda ingat dari pset6, ada lebih dari kata-kata slot. 403 00:19:20,480 --> 00:19:23,080 Jadi apa yang terjadi ketika Anda mendapatkan tabrakan? 404 00:19:23,080 --> 00:19:26,730 Alih-alih menyimpan satu nilai, katakanlah, tabel hash 3, Anda 405 00:19:26,730 --> 00:19:27,990 menyimpan linked list. 406 00:19:27,990 --> 00:19:32,900 Dan alih-alih memiliki blewah di sini, Anda akan memiliki sebuah linked list, 407 00:19:32,900 --> 00:19:34,190 dimana simpul pertama adalah blewah. 408 00:19:34,190 --> 00:19:35,260 Dan simpul berikutnya adalah kucing. 409 00:19:35,260 --> 00:19:38,970 Dan simpul ketiga adalah tabrakan, mari kita mengatakan, karena semua kata-kata ini mulai 410 00:19:38,970 --> 00:19:41,110 dengan C. 411 00:19:41,110 --> 00:19:42,700 >> Jadi sebagian besar dari Anda melakukan ini untuk pset6. 412 00:19:42,700 --> 00:19:45,685 Jika Anda tidak melakukan tabel hash pada pset6 dan Anda mencoba sesuatu seperti 413 00:19:45,685 --> 00:19:47,720 trie, pasti meninjau tabel hash. 414 00:19:47,720 --> 00:19:50,650 Jika Anda tidak melakukannya pada pset6, pasti meninjau tabel hash. 415 00:19:50,650 --> 00:19:53,610 Dan jika Anda melakukannya pada pset6 dan itu tidak bekerja benar dan Anda 416 00:19:53,610 --> 00:19:56,150 memiliki banyak masalah dengan itu, pasti meninjau tabel hash. 417 00:19:56,150 --> 00:20:01,610 Jadi pelajaran benar-benar jelas meninjau tabel hash. 418 00:20:01,610 --> 00:20:07,130 >> Minoritas besar dari Anda mencoba out mencoba pada pset6. 419 00:20:07,130 --> 00:20:08,570 Gambar tingkat tinggi. 420 00:20:08,570 --> 00:20:15,150 Ini sesuatu seperti ini, di mana masing-masing node memiliki seperangkat anak-anak, di mana masing-masing 421 00:20:15,150 --> 00:20:17,100 anak sesuai dengan surat. 422 00:20:17,100 --> 00:20:20,520 Dan setiap node juga mengatakan, hey, saya kata. 423 00:20:20,520 --> 00:20:25,933 Jadi dalam hal ini, kata Maxwell, jika Anda mengikuti M ke A ke 424 00:20:25,933 --> 00:20:28,530 X-W-E-L-L dan kemudian mengikutinya satu lagi. 425 00:20:28,530 --> 00:20:32,800 Dan Anda mendapatkan simbol ini, delta, yang kami menandakan berarti ini adalah sebuah kata. 426 00:20:32,800 --> 00:20:34,780 Jadi Maxwell adalah sebuah kata. 427 00:20:34,780 --> 00:20:38,430 Delta ini seluruh menandakan yang hal-hal yang kata-kata dan yang 428 00:20:38,430 --> 00:20:40,360 hal-hal yang tidak. 429 00:20:40,360 --> 00:20:46,400 >> Jadi dalam pset6, data kita disimpan bersama salah satu node kami adalah "I am a 430 00:20:46,400 --> 00:20:52,630 kata. "Dan hal keren tentang mencoba adalah mereka menunjukkan penyisipan dan 431 00:20:52,630 --> 00:20:55,080 lookup di O (panjang kata). 432 00:20:55,080 --> 00:20:59,450 Jadi hanya untuk mendapatkan melalui Maxwell, itu M-A-X-W-E-L-L. Jadi tujuh atau delapan - 433 00:20:59,450 --> 00:21:00,360 Saya tidak bisa menghitung - 434 00:21:00,360 --> 00:21:03,920 langkah-langkah untuk sampai ke akhir dan memeriksa hal-hal. 435 00:21:03,920 --> 00:21:06,800 Implementasi begitu cepat di sini. 436 00:21:06,800 --> 00:21:10,230 Rob pergi melalui terkait daftar di postmortem nya. 437 00:21:10,230 --> 00:21:11,600 Jadi memeriksa yang keluar. 438 00:21:11,600 --> 00:21:11,720 Maaf. 439 00:21:11,720 --> 00:21:13,240 Pergi melalui trie di postmortem nya. 440 00:21:13,240 --> 00:21:14,260 Jadi memeriksa yang keluar. 441 00:21:14,260 --> 00:21:24,410 >> Tapi pada dasarnya anda memiliki masing-masing node memiliki 27 pointer ke node berikutnya dan satu 442 00:21:24,410 --> 00:21:27,050 Boolean untuk aku kata. 443 00:21:27,050 --> 00:21:31,530 Periksa postmortem Rob untuk bagaimana ini benar-benar diimplementasikan. 444 00:21:31,530 --> 00:21:34,750 Struktur akhir kita, pohon kita dan pohon pencarian biner. 445 00:21:34,750 --> 00:21:41,530 Jadi melihat ini, ini tertutup yang terakhir Minggu 8, Senin. 446 00:21:41,530 --> 00:21:46,960 Sebuah pohon mirip dengan trie, kecuali Anda tidak selalu memiliki 27 node di 447 00:21:46,960 --> 00:21:47,500 setiap titik. 448 00:21:47,500 --> 00:21:52,820 Dan Anda tidak memiliki data ini pada setiap langkah yang menandakan apakah - 449 00:21:52,820 --> 00:21:54,030 jalan tidak masalah. 450 00:21:54,030 --> 00:22:00,870 Sedangkan trie, jalan dari atas ke bawah, Maxwell, adalah penting bagi kami. 451 00:22:00,870 --> 00:22:05,270 >> Tetapi masing-masing node memiliki beberapa anak-anak, mungkin. 452 00:22:05,270 --> 00:22:07,290 Kami memiliki beberapa kosakata lebih. 453 00:22:07,290 --> 00:22:09,530 Akar pohon adalah di bagian paling atas. 454 00:22:09,530 --> 00:22:12,520 Dan kami mengatakan bahwa sangat paling bawah node yang tidak memiliki 455 00:22:12,520 --> 00:22:14,530 anak-anak daun. 456 00:22:14,530 --> 00:22:18,040 Jadi seperti trie, pohon adalah struktur node. 457 00:22:18,040 --> 00:22:21,490 Jenis umum dari pohon yang kita akan bicarakan adalah sebuah pohon biner, di mana 458 00:22:21,490 --> 00:22:26,040 setiap node tidak memiliki anak-anak atau satu anak atau dua anak. 459 00:22:26,040 --> 00:22:28,890 Jadi gambar ini di sini tidak pohon biner, karena 460 00:22:28,890 --> 00:22:32,890 simpul 3 memiliki tiga anak. 461 00:22:32,890 --> 00:22:38,140 >> Tapi jika kita mengabaikan mereka, sisanya itu adalah pohon biner karena 462 00:22:38,140 --> 00:22:43,200 menunjukkan properti yang setiap node memiliki nol, satu, atau dua anak. 463 00:22:43,200 --> 00:22:46,400 Jadi bagaimana kita bisa mengungkapkan ini dalam kode? 464 00:22:46,400 --> 00:22:51,460 Kita bisa memiliki node di mana setiap node memiliki integer di dalamnya, serta 465 00:22:51,460 --> 00:22:55,590 sebagai pointer ke pohon di sebelah kiri dan pointer ke pohon di 466 00:22:55,590 --> 00:22:59,510 kanan, sehingga dua anak. 467 00:22:59,510 --> 00:23:00,880 Bagaimana ini berguna? 468 00:23:00,880 --> 00:23:05,740 Nah, jika kita membuat aturan tentang di mana kita menempatkan node, kita dapat membuat pencarian lebih cepat. 469 00:23:05,740 --> 00:23:10,630 >> Jadi ada konsep pencarian biner pohon, di mana semua node pada 470 00:23:10,630 --> 00:23:14,420 subtree kiri memiliki nilai yang lebih kecil dari node kita sedang melihat. 471 00:23:14,420 --> 00:23:17,880 Dan semua node pada subtree kanan memiliki nilai yang lebih besar 472 00:23:17,880 --> 00:23:18,660 dari simpul akar. 473 00:23:18,660 --> 00:23:20,670 Sekarang, yang terlihat seperti banyak kata-kata. 474 00:23:20,670 --> 00:23:23,770 Aku akan memasukkannya ke dalam ganda kutipan dan menampilkan gambar. 475 00:23:23,770 --> 00:23:27,010 Jadi di sini adalah contoh dari pohon pencarian biner. 476 00:23:27,010 --> 00:23:28,770 Melihat bahwa kita mulai dengan 10. 477 00:23:28,770 --> 00:23:31,780 Segala sesuatu di sebelah kiri 10 lebih kecil dari itu. 478 00:23:31,780 --> 00:23:33,130 Dan segala sesuatu ke kanan lebih besar dari itu. 479 00:23:33,130 --> 00:23:37,620 >> Tapi lebih dari itu, setiap node di pohon mengungkapkan properti ini. 480 00:23:37,620 --> 00:23:42,110 Jadi node 7 memiliki 3 ke kiri dan 9 ke kanan. 481 00:23:42,110 --> 00:23:44,440 Jadi semua dari mereka adalah lebih kecil dari 10. 482 00:23:44,440 --> 00:23:50,470 Tapi melihat hanya mereka, 7 memiliki 3 sampai kiri dan 9 pada sisi kanan. 483 00:23:50,470 --> 00:23:56,100 Dan juga di sebelah kanan, 15 memiliki 14 ke kiri dan 50 pada sisi kanan. 484 00:23:56,100 --> 00:24:03,770 Jadi tiga node di sana, 15, 14, dan 50, juga merupakan pohon biner yang valid 485 00:24:03,770 --> 00:24:05,480 atau pohon pencarian biner yang valid. 486 00:24:05,480 --> 00:24:07,250 Dan mereka semua lebih besar dari 10. 487 00:24:07,250 --> 00:24:08,960 Jadi mereka diijinkan untuk menjadi di sana. 488 00:24:08,960 --> 00:24:09,940 Apakah ada pertanyaan? 489 00:24:09,940 --> 00:24:12,580 >> AUDIENCE: Bagaimana Anda menangani ketika Anda memiliki dua tujuh? 490 00:24:12,580 --> 00:24:12,850 >> R.J. AQUINO: Ya. 491 00:24:12,850 --> 00:24:16,550 Bagaimana Anda berurusan dengan dua nilai yang sama? 492 00:24:16,550 --> 00:24:21,465 Beberapa pohon pencarian biner mengatakan bahwa Anda mengabaikan duplikat, karena tujuannya adalah 493 00:24:21,465 --> 00:24:24,280 hanya untuk mengatakan, saya telah melihat hal-hal ini sejauh ini. 494 00:24:24,280 --> 00:24:28,120 Beberapa pohon pencarian biner Anda bisa mengatakan memiliki jumlah dalam node. 495 00:24:28,120 --> 00:24:32,000 Orang lain mungkin mengatakan bahwa segala sesuatu untuk kiri kurang dari atau sama dengan. 496 00:24:32,000 --> 00:24:33,470 Dan segala sesuatu ke kanan lebih besar dari. 497 00:24:33,470 --> 00:24:36,520 >> Ini tergantung pada apa yang Masalahnya adalah Anda memecahkan. 498 00:24:36,520 --> 00:24:40,840 Jadi dalam kamus, misalnya, Anda tidak akan peduli tentang duplikat. 499 00:24:40,840 --> 00:24:41,490 Anda akan melemparkan mereka keluar. 500 00:24:41,490 --> 00:24:44,719 Tetapi beberapa masalah lain yang mungkin Anda peduli. 501 00:24:44,719 --> 00:24:49,242 >> AUDIENCE: Apakah mungkin untuk memiliki 1 di sebelah kiri 15, yang 502 00:24:49,242 --> 00:24:50,590 kurang dari 10? 503 00:24:50,590 --> 00:24:51,885 >> R.J. AQUINO: No 504 00:24:51,885 --> 00:24:56,570 Jika 14 di sini adalah 1, ini akan tidak menjadi pohon pencarian biner yang valid, 505 00:24:56,570 --> 00:25:00,840 karena segala sesuatu di sebelah kanan 10 harus lebih besar dari itu. 506 00:25:00,840 --> 00:25:02,300 Dan kita akan melihat mengapa. 507 00:25:02,300 --> 00:25:07,960 Jika di tanah pencarian tujuan saya adalah untuk menemukan 14, saya mulai pada akar. 508 00:25:07,960 --> 00:25:08,500 Jadi saya melihat. 509 00:25:08,500 --> 00:25:08,710 OK. 510 00:25:08,710 --> 00:25:10,670 Kita akan mulai dari akar. 511 00:25:10,670 --> 00:25:12,500 Lihatlah 10. 512 00:25:12,500 --> 00:25:16,050 >> Nah, 14, target kami, lebih besar dari 10. 513 00:25:16,050 --> 00:25:17,370 Jadi, ini harus di sebelah kanan. 514 00:25:17,370 --> 00:25:21,780 Ini sangat mirip dengan seluruh telepon hal buku yang kita lakukan, biner 515 00:25:21,780 --> 00:25:23,720 cari di sana. 516 00:25:23,720 --> 00:25:26,430 Tapi bukannya pencarian biner dalam array, kita biner 517 00:25:26,430 --> 00:25:28,490 mencari di pohon ini. 518 00:25:28,490 --> 00:25:31,260 Jadi kita masih mencari 14. 519 00:25:31,260 --> 00:25:32,480 Nah, 14 lebih kecil dari 15. 520 00:25:32,480 --> 00:25:36,430 Jadi kalau ada di pohon kita, itu harus berada di daerah ini di sini. 521 00:25:36,430 --> 00:25:39,680 Itu harus di sebelah kanan 10 dan di sebelah kiri 15. 522 00:25:39,680 --> 00:25:42,250 >> Dan jadi kami memeriksa node ini. 523 00:25:42,250 --> 00:25:45,790 Dan yay, kami telah menemukan 14. 524 00:25:45,790 --> 00:25:46,760 Aku tidak akan berjalan melalui itu. 525 00:25:46,760 --> 00:25:48,090 Tapi inilah kode. 526 00:25:48,090 --> 00:25:49,690 Ini sebenarnya relatif langsung, 527 00:25:49,690 --> 00:25:52,630 karena ini adalah rekursif. 528 00:25:52,630 --> 00:25:55,420 Apa yang bisa kami meminta Anda lakukan pada kuis? 529 00:25:55,420 --> 00:25:57,000 Kita bisa meminta Anda untuk menulis kode ini. 530 00:25:57,000 --> 00:25:59,170 Kita bisa meminta Anda untuk melihat kode ini dan memodifikasi kode ini dan menjelaskan apa 531 00:25:59,170 --> 00:26:00,210 yang dilakukannya. 532 00:26:00,210 --> 00:26:00,390 Ya. 533 00:26:00,390 --> 00:26:00,770 Pertanyaan? 534 00:26:00,770 --> 00:26:04,240 >> AUDIENCE: Apakah slide ini akan menjadi tersedia karena mereka terakhir kali? 535 00:26:04,240 --> 00:26:04,740 >> R.J. AQUINO: Ya. 536 00:26:04,740 --> 00:26:06,460 Jadi slide ini pasti akan diposting. 537 00:26:06,460 --> 00:26:08,640 >> AUDIENCE: Mereka benar-benar diposting sekarang di website. 538 00:26:08,640 --> 00:26:10,020 David hanya melakukan itu. 539 00:26:10,020 --> 00:26:12,720 >> R.J. AQUINO: Slide sekarang di website. 540 00:26:12,720 --> 00:26:16,420 Saya mungkin akan menambal beberapa kesalahan ketik saya mencatat dan memperbaikinya. 541 00:26:16,420 --> 00:26:19,940 Tapi ada arus versi di situs. 542 00:26:19,940 --> 00:26:21,820 Lainnya hal yang kita bisa meminta Anda untuk melakukan - 543 00:26:21,820 --> 00:26:23,790 menulis insert. 544 00:26:23,790 --> 00:26:27,490 Menulis versi iteratif dari fungsi rekursif kami hanya menunjukkan Anda 545 00:26:27,490 --> 00:26:32,520 atau berbicara tentang hal-hal ini, seperti di paragraf, dalam kata-kata, dalam kalimat. 546 00:26:32,520 --> 00:26:35,760 Membandingkan kali run dan menjelaskan apa yang akan Anda ingin menggunakan biner 547 00:26:35,760 --> 00:26:39,200 pohon pencarian untuk bukannya hash table, misalnya. 548 00:26:39,200 --> 00:26:43,580 >> Jadi memahami struktur ini pada tingkat yang cukup mendalam. 549 00:26:43,580 --> 00:26:47,440 Memahami bagaimana menulis mereka, bagaimana menggunakannya, bagaimana berbicara tentang mereka. 550 00:26:47,440 --> 00:26:50,270 Dan Anda akan siap. 551 00:26:50,270 --> 00:26:50,630 Pertanyaan? 552 00:26:50,630 --> 00:26:55,070 >> AUDIENCE: Ketika Anda menulis pohon pencarian biner, bagaimana Anda 553 00:26:55,070 --> 00:27:01,460 menentukan nilai apa yang harus menjadikannya sebagai root? 554 00:27:01,460 --> 00:27:06,120 >> R.J. AQUINO: Jadi pertanyaannya adalah, apa nilai yang Anda buat sebagai root? 555 00:27:06,120 --> 00:27:08,760 Tergantung pada kode Anda, Anda mungkin memiliki akar global. 556 00:27:08,760 --> 00:27:14,290 Jadi, Anda mungkin memiliki kemungkinan telah di pset6 tabel hash global. 557 00:27:14,290 --> 00:27:18,640 Atau Anda mungkin melewati akar sebagai argumen. 558 00:27:18,640 --> 00:27:23,810 Jadi ini fungsi pencarian di sini membawa argumen node *. 559 00:27:23,810 --> 00:27:27,420 Dan simpul apa pun yang Anda kebetulan berada melihat adalah salah satu Anda memperlakukan 560 00:27:27,420 --> 00:27:31,510 sebagai root Anda ketika Anda melewati masuk 561 00:27:31,510 --> 00:27:32,320 Dan aku siap. 562 00:27:32,320 --> 00:27:33,480 Mereka adalah slide-slide saya. 563 00:27:33,480 --> 00:27:35,940 Orang berikutnya bisa datang Swap dalam laptop dan mic. 564 00:27:35,940 --> 00:27:47,390 565 00:27:47,390 --> 00:27:49,760 >> ROB Bowden: Saya rasa saya mungkin memiliki ditafsirkan pertanyaan yang berbeda. 566 00:27:49,760 --> 00:27:53,826 Tapi saya menafsirkannya sebagai, jika Anda memiliki nomor 1, 2, dan 3, bagaimana kita 567 00:27:53,826 --> 00:27:56,720 tahu untuk membuat 2 akar sebagai lawan 1 atau 3? 568 00:27:56,720 --> 00:27:59,480 Jika kita membuat 2 akar, maka itu baik 1 dan 3 ke kiri dan kanan. 569 00:27:59,480 --> 00:28:04,610 Tetapi jika 1 adalah akar, maka itu 1 ke atas, 2 kanan, 3 ke kanan. 570 00:28:04,610 --> 00:28:10,880 Jadi secara default, Anda tidak tahu apa yang membuat akar. 571 00:28:10,880 --> 00:28:15,400 Dan untuk algoritma kita mengharapkan untuk memberi Anda, hanya hal pertama yang Anda 572 00:28:15,400 --> 00:28:16,680 insert akan menjadi akar. 573 00:28:16,680 --> 00:28:19,890 Atau kita akan memberikan Anda sebuah pohon biner yang sudah ada yang punya akar. 574 00:28:19,890 --> 00:28:24,760 Tapi algoritma lain ada sehingga akar akan memperbarui, sehingga jika Anda 575 00:28:24,760 --> 00:28:28,370 berakhir dalam situasi di mana itu 1, 2, 3, maka secara otomatis akan update ke 576 00:28:28,370 --> 00:28:30,900 membuat 2 akar baru, sehingga itu masih baik skor. 577 00:28:30,900 --> 00:28:33,750 578 00:28:33,750 --> 00:28:34,833 >> ANGELA LI: Cool. 579 00:28:34,833 --> 00:28:36,170 Hey, guys. 580 00:28:36,170 --> 00:28:37,810 Aku Angela. 581 00:28:37,810 --> 00:28:42,490 Dan aku akan menyelesaikan C kami dan kemudian pergi ke beberapa web kami 582 00:28:42,490 --> 00:28:43,120 teknologi - 583 00:28:43,120 --> 00:28:46,570 HTTP, HTML, dan CSS. 584 00:28:46,570 --> 00:28:49,610 Jadi hal pertama adalah penyangga serangan overflow. 585 00:28:49,610 --> 00:28:53,070 Jadi mari kita lihat kode ini. 586 00:28:53,070 --> 00:28:54,260 Ini cukup sederhana. 587 00:28:54,260 --> 00:28:55,460 Ada fungsi foo. 588 00:28:55,460 --> 00:28:56,990 Dan tidak mengembalikan apa-apa. 589 00:28:56,990 --> 00:29:00,950 Tapi itu butuh di pointer ke string disebut bar. 590 00:29:00,950 --> 00:29:04,920 >> Dan itu akan menyatakan ini penyangga, yang merupakan karakter 591 00:29:04,920 --> 00:29:07,690 array yang memiliki 12 slot. 592 00:29:07,690 --> 00:29:11,730 Dan menggunakan memcpy, yang hanya fungsi yang salinan dari satu alamat 593 00:29:11,730 --> 00:29:12,910 menjadi lain. 594 00:29:12,910 --> 00:29:19,400 Jadi ini mencoba untuk menyalin ke penyangga kami dari apa pun 595 00:29:19,400 --> 00:29:21,140 Bar menunjuk ke. 596 00:29:21,140 --> 00:29:24,640 Jadi ide apa yang salah dengan kode ini? 597 00:29:24,640 --> 00:29:27,568 598 00:29:27,568 --> 00:29:30,830 >> AUDIENCE: Jika bar lebih panjang dari C, mereka akan menimpa. 599 00:29:30,830 --> 00:29:31,520 >> ANGELA LI: Ya, persis. 600 00:29:31,520 --> 00:29:34,200 Kami tidak menjamin bahwa bar akan menjadi kurang dari 12. 601 00:29:34,200 --> 00:29:36,080 Kami hanya membuat beberapa sewenang-wenang nomor 12. 602 00:29:36,080 --> 00:29:38,380 Dan kami seperti, mari kita berharap bahwa input pengguna kami kurang dari 603 00:29:38,380 --> 00:29:40,440 12 karakter. 604 00:29:40,440 --> 00:29:46,320 Jadi dalam dunia yang ideal, jika input kita selalu seperti yang diharapkan, maka kita akan mendapatkan 605 00:29:46,320 --> 00:29:47,550 sesuatu seperti, halo. 606 00:29:47,550 --> 00:29:48,920 Itu kurang dari 12 karakter. 607 00:29:48,920 --> 00:29:51,870 Ini akan dibaca ke dalam char c. 608 00:29:51,870 --> 00:29:53,280 Dan kemudian kita melakukan sesuatu dengan itu. 609 00:29:53,280 --> 00:29:54,800 Itu tidak terlalu penting. 610 00:29:54,800 --> 00:29:59,740 >> Tapi orang jahat bisa melakukan sesuatu yang lebih seperti ini, di mana mereka 611 00:29:59,740 --> 00:30:04,760 memberi kita apa pun bar menunjuk ke, itu akan menunjuk ke array besar ini 612 00:30:04,760 --> 00:30:06,280 hanya A. 613 00:30:06,280 --> 00:30:10,680 Dan ini adalah cara lebih dari 12. 614 00:30:10,680 --> 00:30:13,830 Jadi itu akan pergi sepanjang jalan di sini ke tempat kembalinya 615 00:30:13,830 --> 00:30:15,420 alamat yang digunakan untuk menjadi. 616 00:30:15,420 --> 00:30:17,860 Jadi katakanlah fungsi ini disebut foo. 617 00:30:17,860 --> 00:30:20,970 Mungkin foo disebut oleh beberapa lain fungsi, yang disebut oleh utama. 618 00:30:20,970 --> 00:30:24,890 Jadi, ketika foo berjalan, perlu untuk mengetahui di mana untuk kembali ke. 619 00:30:24,890 --> 00:30:29,130 >> Jika foo disebut oleh beberapa fungsi bernama baz, ia harus tahu bahwa itu 620 00:30:29,130 --> 00:30:30,250 harus kembali ke baz. 621 00:30:30,250 --> 00:30:34,040 Dan itulah yang alamat pengirim ini di sini memberitahu kita. 622 00:30:34,040 --> 00:30:38,340 Tetapi jika kita menimpanya dengan beberapa lain alamat, dalam hal ini, ini adalah 623 00:30:38,340 --> 00:30:42,650 representasi dari alamat di sangat awal penyangga ini, maka 624 00:30:42,650 --> 00:30:45,240 apa yang sebenarnya akan terjadi adalah bahwa bukannya kembali kembali ke baz, 625 00:30:45,240 --> 00:30:48,470 yang disebut fungsi kita, itu hanya akan pergi ke depan kode ini. 626 00:30:48,470 --> 00:30:53,930 >> Dan jika ini ada karena hacker Bung jahat datang dan 627 00:30:53,930 --> 00:30:56,820 disuntikkan ini, maka mungkin jumlah ini A adalah tidak benar-benar A. 628 00:30:56,820 --> 00:31:02,030 Dan itu sebenarnya hanya kode yang istirahat komputer Anda atau sesuatu. 629 00:31:02,030 --> 00:31:05,930 Jadi untuk menjadi defensif tentang hal semacam ini hal, Anda harus tidak pernah menganggap bahwa 630 00:31:05,930 --> 00:31:09,120 input pengguna adalah tertentu jumlah karakter. 631 00:31:09,120 --> 00:31:13,310 Misalnya, ketika Anda melakukan ejaan, Anda diberitahu bahwa kata-kata itu 632 00:31:13,310 --> 00:31:15,580 hanya akan menjadi 40 karakter maksimum panjang. 633 00:31:15,580 --> 00:31:16,570 Dan itu bagus. 634 00:31:16,570 --> 00:31:20,150 >> Tapi jika tidak, maka Anda harus pastikan untuk hanya membaca di 45 635 00:31:20,150 --> 00:31:21,520 karakter pada satu waktu. 636 00:31:21,520 --> 00:31:24,430 Jika tidak, Anda mungkin menimpa buffer Anda. 637 00:31:24,430 --> 00:31:26,140 Setiap pertanyaan itu. 638 00:31:26,140 --> 00:31:26,733 Ya. 639 00:31:26,733 --> 00:31:28,850 >> AUDIENCE: Bisakah Anda hanya berbicara sedikit lebih lanjut tentang ini? 640 00:31:28,850 --> 00:31:29,790 >> ANGELA LI: Maaf. 641 00:31:29,790 --> 00:31:31,040 Ya. 642 00:31:31,040 --> 00:31:32,813 643 00:31:32,813 --> 00:31:35,870 >> AUDIENCE: mic ini hanya untuk video. 644 00:31:35,870 --> 00:31:37,640 Saya akan mencoba dan proyek. 645 00:31:37,640 --> 00:31:39,900 Hi, guys. 646 00:31:39,900 --> 00:31:40,920 Sup? 647 00:31:40,920 --> 00:31:45,330 Jadi mari kita membahas beberapa hal dalam Perpustakaan CS50, yang Anda telah menggunakan 648 00:31:45,330 --> 00:31:49,072 semua semester, sebagian besar untuk mendapatkan input pengguna. 649 00:31:49,072 --> 00:31:53,140 Seperti yang Anda tahu, Anda termasuk CS50 library dengan hanya melakukan CS50.h, yang 650 00:31:53,140 --> 00:31:55,660 berisi semua prototipe dari fungsi yang dapat Anda gunakan, seperti 651 00:31:55,660 --> 00:31:58,640 GetString dan getInt, dan GetFloat, dan sebagainya. 652 00:31:58,640 --> 00:32:02,870 Dan ada satu baris ini di CS50 perpustakaan yang mendefinisikan string, yang 653 00:32:02,870 --> 00:32:05,380 kalian semua tahu sekarang hanya char *. 654 00:32:05,380 --> 00:32:07,900 >> Tapi mari kita mengintip di bagaimana GetString bekerja. 655 00:32:07,900 --> 00:32:10,010 Ini adalah versi yang sangat singkat. 656 00:32:10,010 --> 00:32:15,090 Anda dapat menarik file library CS50 dari, saya pikir, manuals.CS50.net. 657 00:32:15,090 --> 00:32:16,750 Dan Anda dapat membaca fungsi sebenarnya. 658 00:32:16,750 --> 00:32:19,330 Tapi ini mencakup beberapa bagian-bagian penting. 659 00:32:19,330 --> 00:32:23,870 Jadi kami telah membuat beberapa penyangga dengan beberapa kapasitas. 660 00:32:23,870 --> 00:32:27,570 Dan apa yang kita lakukan adalah kita mendapatkan satu karakter pada waktu dari standar n. 661 00:32:27,570 --> 00:32:30,910 Di situlah input pengguna teks di konsol. 662 00:32:30,910 --> 00:32:33,430 >> Dan jadi kita akan membaca dalam karakter asalkan itu bukan baru 663 00:32:33,430 --> 00:32:37,220 line dan itu tidak berakhir file, yang adalah akhir dari input standar. 664 00:32:37,220 --> 00:32:45,690 Dan untuk setiap karakter yang kita baca dalam, jika karakter yang berakhir menambahkan 665 00:32:45,690 --> 00:32:50,120 dengan jumlah karakter yang telah kita baca dan yang lebih dari kemampuan kita, 666 00:32:50,120 --> 00:32:53,490 maka apa yang kita lakukan adalah kita hanya mengubah ukuran kami penyangga sehingga itu dua kali lebih lama. 667 00:32:53,490 --> 00:32:56,950 Jadi sekali lagi, ini melindungi terhadap serangan buffer serangan overflow, karena Anda baca di 668 00:32:56,950 --> 00:32:58,315 karakter pada satu waktu. 669 00:32:58,315 --> 00:33:02,290 Dan jika pada titik tertentu Anda baca terlalu banyak, Anda hanya memperluas buffer Anda. 670 00:33:02,290 --> 00:33:03,330 Anda kalikan dengan dua. 671 00:33:03,330 --> 00:33:05,510 Dan kemudian Anda memiliki lebih banyak ruang. 672 00:33:05,510 --> 00:33:09,120 >> Jika tidak, Anda hanya menambahkan karakter ke buffer. 673 00:33:09,120 --> 00:33:15,080 Dan setelah Anda membaca di semua karakter, maka akan menyusut buffer 674 00:33:15,080 --> 00:33:18,510 kembali ke ukuran normal, tambahkan terminator null, dan kemudian kembali. 675 00:33:18,510 --> 00:33:21,880 676 00:33:21,880 --> 00:33:24,960 Sekarang, mari kita lihat getInt. 677 00:33:24,960 --> 00:33:27,700 Bisakah kalian membaca ini? 678 00:33:27,700 --> 00:33:30,710 Saya dapat memperbesar sedikit. 679 00:33:30,710 --> 00:33:33,410 680 00:33:33,410 --> 00:33:34,660 Saya tidak tahu bagaimana komputer bekerja. 681 00:33:34,660 --> 00:33:40,840 682 00:33:40,840 --> 00:33:41,270 Jangan pikiran. 683 00:33:41,270 --> 00:33:42,520 Saya tidak dapat memperbesar benar. 684 00:33:42,520 --> 00:33:47,500 685 00:33:47,500 --> 00:33:48,770 >> Ini benar-benar sulit. 686 00:33:48,770 --> 00:33:49,180 Maafkan aku. 687 00:33:49,180 --> 00:33:51,490 Mari kita lihat ini. 688 00:33:51,490 --> 00:33:57,140 Jadi apa getInt dilakukannya itu pertama berbunyi dalam string dari GetString, yang 689 00:33:57,140 --> 00:33:59,250 kami telah dilaksanakan sebelumnya. 690 00:33:59,250 --> 00:34:02,945 Dan bagian penting untuk dicatat di sini jika pembagian ini yang berakhir 691 00:34:02,945 --> 00:34:06,400 membaca seperti tidak benar-benar string, maka kita hanya kembali ke INT_MAX 692 00:34:06,400 --> 00:34:09,409 merupakan kegagalan. 693 00:34:09,409 --> 00:34:12,645 Mengapa kita kembali INT_MAX sebaliknya negatif 1 atau 1? 694 00:34:12,645 --> 00:34:13,895 Ada gagasan? 695 00:34:13,895 --> 00:34:16,853 696 00:34:16,853 --> 00:34:19,350 >> AUDIENCE: [Tak terdengar] negatif 1 pada satu. 697 00:34:19,350 --> 00:34:20,070 >> ANGELA LI: Ya, persis. 698 00:34:20,070 --> 00:34:24,560 Jadi Anda cara yang lebih cenderung hanya ingin untuk input 1 atau negatif 1 ketika diminta 699 00:34:24,560 --> 00:34:27,469 untuk n dan apa pun maxes n. 700 00:34:27,469 --> 00:34:27,969 Ini sangat besar. 701 00:34:27,969 --> 00:34:29,690 Anda mungkin tidak akan menggunakannya. 702 00:34:29,690 --> 00:34:32,690 Jadi ini seperti keputusan desain untuk pastikan bahwa Anda tidak sengaja 703 00:34:32,690 --> 00:34:38,540 kembali kesalahan atau Anda tidak kembali 1, yang mungkin diurai 704 00:34:38,540 --> 00:34:41,199 sebagai jawaban yang benar. 705 00:34:41,199 --> 00:34:45,110 Jadi jika baris tidak ada, kita kembali INT-MAX. 706 00:34:45,110 --> 00:34:48,090 Jika tidak, kita menggunakan sscanf, yang seperti scanf. 707 00:34:48,090 --> 00:34:49,449 Tapi membaca dari string. 708 00:34:49,449 --> 00:34:54,310 >> Dan kami memiliki ini diformat string, yang merupakan% i% c. 709 00:34:54,310 --> 00:34:57,440 Dan kami mencoba dan cocok bahwa dengan apa pun pengguna memberi kami. 710 00:34:57,440 --> 00:35:01,420 Kami ingin beberapa hal cocok menjadi 1, yang berarti bahwa kita hanya 711 00:35:01,420 --> 00:35:04,940 benar-benar ingin mencocokkan integer mungkin dikelilingi oleh putih 712 00:35:04,940 --> 00:35:06,840 ruang, mungkin tidak. 713 00:35:06,840 --> 00:35:10,710 Dalam hal ini, jika Anda memasukkan sesuatu seperti bar, bar tidak cocok sama sekali, 714 00:35:10,710 --> 00:35:14,400 karena harus ada integer di awal. 715 00:35:14,400 --> 00:35:17,060 Jadi tidak pernah berubah sscan 0. 716 00:35:17,060 --> 00:35:19,640 Jadi Anda tidak kembali itu. 717 00:35:19,640 --> 00:35:23,850 >> Atau, jika Anda masukkan ke dalam sesuatu seperti 1, 2, 3, A, B, C, bahwa pertandingan 718 00:35:23,850 --> 00:35:27,180 kedua integer tetapi juga karakter setelah. 719 00:35:27,180 --> 00:35:29,990 Jadi sscanf akan kembali 2, yang juga tidak ideal. 720 00:35:29,990 --> 00:35:34,620 Anda tidak ingin 1, 2, 3, A, B, C menjadi int valid. 721 00:35:34,620 --> 00:35:36,990 Sehingga juga tidak bekerja. 722 00:35:36,990 --> 00:35:38,530 Tapi mengatakan Anda masukkan ke dalam sesuatu seperti 50. 723 00:35:38,530 --> 00:35:42,460 Itu akan cocok dengan% i, yang berarti itu akan membaca ke n. 724 00:35:42,460 --> 00:35:44,790 Dan sekarang, n akan berisi nomor 50. 725 00:35:44,790 --> 00:35:46,110 Dan kemudian Anda dapat mengembalikannya. 726 00:35:46,110 --> 00:35:49,270 >> Jika tidak, anda menekan Retry. 727 00:35:49,270 --> 00:35:55,790 Dan kemudian itu hanya berjalan lagi sampai Anda mendapatkan masukan yang tepat dari pengguna. 728 00:35:55,790 --> 00:35:56,891 Setiap pertanyaan itu? 729 00:35:56,891 --> 00:36:02,182 >> AUDIENCE: Jadi, jika Anda adalah untuk mencetak nilai getInt pada [Tak terdengar] 730 00:36:02,182 --> 00:36:06,250 apakah itu akan hanya integer dan max? 731 00:36:06,250 --> 00:36:07,440 >> ANGELA LI: Ya. 732 00:36:07,440 --> 00:36:11,780 Jadi jika Anda menggunakan getInt, Anda harus mengasumsikan bahwa Anda tidak ingin max n untuk 733 00:36:11,780 --> 00:36:15,328 menjadi masukan yang valid, karena Anda akan berasumsi bahwa itu buruk. 734 00:36:15,328 --> 00:36:27,740 >> AUDIENCE: Jika kita tidak memiliki char c dan seseorang dimasukkan ke dalam 1, 2, 3, Sam, kan 735 00:36:27,740 --> 00:36:29,430 masih bekerja untuk 1, 2, 3? 736 00:36:29,430 --> 00:36:29,750 >> ANGELA LI: Saya pikir itu akan berhasil. 737 00:36:29,750 --> 00:36:33,340 Tapi Anda tidak ingin 123Sam ke menjadi input yang valid oleh pengguna. 738 00:36:33,340 --> 00:36:34,670 Itu tidak benar-benar sebuah int. 739 00:36:34,670 --> 00:36:36,840 Jadi tidak adil untuk mengurai sebagai int. 740 00:36:36,840 --> 00:36:40,910 741 00:36:40,910 --> 00:36:42,160 OK. 742 00:36:42,160 --> 00:36:45,800 Dalam hal ini, mari kita bergerak ke internet. 743 00:36:45,800 --> 00:36:49,120 Jadi HTTP bukan bahasa. 744 00:36:49,120 --> 00:36:56,060 HTTP hanyalah set standar untuk bagaimana Anda mengirim sesuatu dari klien, 745 00:36:56,060 --> 00:36:57,280 itu Anda, ke server. 746 00:36:57,280 --> 00:36:59,730 Itu orang lain di web. 747 00:36:59,730 --> 00:37:02,900 >> Jadi HTTP singkatan dari Hypertext Mentransfer Protocol. 748 00:37:02,900 --> 00:37:04,610 Ini adalah jantung dan jiwa dari seluruh web. 749 00:37:04,610 --> 00:37:07,050 Bagian hypertext hanya mengacu pada HTML. 750 00:37:07,050 --> 00:37:10,690 Transfer adalah klien seperti Anda akan mengirim permintaan ke 751 00:37:10,690 --> 00:37:13,060 server, yang memberikan tanggapan. 752 00:37:13,060 --> 00:37:16,380 Dan protokol ini hanya, bagaimana Anda mengharapkan server untuk berperilaku? 753 00:37:16,380 --> 00:37:19,960 Dan bagaimana Anda berperilaku sehingga Anda dapat merampingkan ini 754 00:37:19,960 --> 00:37:21,920 proses komunikasi? 755 00:37:21,920 --> 00:37:26,650 >> Jadi permintaan HTTP terlihat banyak seperti ini. 756 00:37:26,650 --> 00:37:28,070 GET adalah jenis permintaan. 757 00:37:28,070 --> 00:37:31,220 Kalian telah melihat permintaan GET dan permintaan POST. 758 00:37:31,220 --> 00:37:36,690 Itu hal yang kedua ada, / me, itu hanya URI atau URL di mana Anda 759 00:37:36,690 --> 00:37:38,140 ingin pergi dalam host. 760 00:37:38,140 --> 00:37:44,140 Jadi permintaan ini meminta halaman, seperti www.facebook.com / me. 761 00:37:44,140 --> 00:37:45,300 Dan itu permintaan GET. 762 00:37:45,300 --> 00:37:51,020 Dan kemudian HTTP/1.1 ini, itu hanya versi HTTP yang Anda gunakan. 763 00:37:51,020 --> 00:37:55,020 Ini hampir selalu 1.1. 764 00:37:55,020 --> 00:37:56,880 >> Dan kemudian ada a bunch hal-hal lain juga. 765 00:37:56,880 --> 00:38:02,510 Anda benar-benar bisa melihat ini jika Anda membuka konsol Anda ketika Anda 766 00:38:02,510 --> 00:38:03,770 browsing web. 767 00:38:03,770 --> 00:38:07,290 Tanggapan terlihat lebih seperti ini. 768 00:38:07,290 --> 00:38:09,620 Bagian atas adalah, sekali lagi, jenis HTTP yang Anda gunakan 769 00:38:09,620 --> 00:38:12,310 diikuti dengan kode status. 770 00:38:12,310 --> 00:38:14,700 Jadi 200 adalah OK semuanya bekerja. 771 00:38:14,700 --> 00:38:16,200 Berikut ini adalah konten Anda. 772 00:38:16,200 --> 00:38:17,390 Konten Anda akan mengikuti. 773 00:38:17,390 --> 00:38:21,730 Dan kemudian akan memberitahu Anda apa konten dan hal-hal lain juga. 774 00:38:21,730 --> 00:38:24,620 >> Kode status, ada beberapa yang penting yang harus Anda ketahui. 775 00:38:24,620 --> 00:38:26,460 200 OK seperti semuanya emas. 776 00:38:26,460 --> 00:38:28,490 Semuanya bekerja. 777 00:38:28,490 --> 00:38:29,710 403 Forbidden. 778 00:38:29,710 --> 00:38:32,910 Ini Anda mungkin pernah melihat jika Anda lupa chmod sesuatu dengan benar. 779 00:38:32,910 --> 00:38:34,510 Ini berarti bahwa Anda tidak memiliki izin yang tepat untuk 780 00:38:34,510 --> 00:38:36,210 mengakses pada server. 781 00:38:36,210 --> 00:38:38,110 Ini seperti, tidak, Anda tidak bisa melihatnya. 782 00:38:38,110 --> 00:38:39,780 404 berarti hal yang tidak ada. 783 00:38:39,780 --> 00:38:40,400 Tidak ditemukan. 784 00:38:40,400 --> 00:38:41,640 Anda mungkin pernah melihat bahwa banyak. 785 00:38:41,640 --> 00:38:45,510 >> 500 Internal Server Error biasanya seperti sesuatu yang tidak beres di samping 786 00:38:45,510 --> 00:38:46,460 dari server. 787 00:38:46,460 --> 00:38:50,830 Jadi, ketika Anda sedang menerapkan pset7, jika Anda memiliki kesalahan PHP, Anda bisa 788 00:38:50,830 --> 00:38:53,890 benar-benar pergi ke halaman dan melihat Seluruh banyak hal error PHP. 789 00:38:53,890 --> 00:38:56,900 Tapi itu biasanya tidak terjadi, karena situs web tidak benar-benar ingin 790 00:38:56,900 --> 00:38:58,830 memberitahu Anda mengapa situs mereka rusak. 791 00:38:58,830 --> 00:39:03,370 Mereka mungkin akan hanya mengembalikan 500 Kesalahan Server internal. 792 00:39:03,370 --> 00:39:06,120 >> Dan kemudian ada 418 Aku teko. 793 00:39:06,120 --> 00:39:07,910 Ada seluruh cerita tentang mengapa itu suatu hal. 794 00:39:07,910 --> 00:39:09,860 Tapi Anda dapat membaca tentang itu pada waktu Anda sendiri. 795 00:39:09,860 --> 00:39:11,450 Ada sejumlah besar kode status lain juga. 796 00:39:11,450 --> 00:39:12,700 Tapi ini adalah orang-orang Anda harus tahu. 797 00:39:12,700 --> 00:39:15,660 798 00:39:15,660 --> 00:39:18,610 Jadi mari kita bicara tentang HTML. 799 00:39:18,610 --> 00:39:22,180 HTML, ingat, bukan bahasa pemrograman. 800 00:39:22,180 --> 00:39:23,510 Ini adalah bahasa markup. 801 00:39:23,510 --> 00:39:25,210 Itu berarti menggambarkan konten. 802 00:39:25,210 --> 00:39:30,440 Ini memberitahu Anda apa yang tampak sebuah dokumen HTML suka atau tidak seperti apa 803 00:39:30,440 --> 00:39:32,230 tapi bagaimana itu terstruktur. 804 00:39:32,230 --> 00:39:36,110 >> Jadi mendefinisikan struktur dan semantik halaman web. 805 00:39:36,110 --> 00:39:37,830 Ini seperti, ini adalah sebuah paragraf. 806 00:39:37,830 --> 00:39:40,060 Ini adalah ordered list. 807 00:39:40,060 --> 00:39:42,360 Ini seperti bagian halaman saya. 808 00:39:42,360 --> 00:39:43,260 Berikut judul. 809 00:39:43,260 --> 00:39:44,310 Itu hal-hal seperti itu. 810 00:39:44,310 --> 00:39:48,770 Ini tidak gaya semua itu, karena itulah yang Anda lakukan dalam CSS. 811 00:39:48,770 --> 00:39:50,270 Dan sepertinya seri bersarang tag. 812 00:39:50,270 --> 00:39:54,720 Jadi untuk menggunakan contoh dari benar-benar dasar Halaman HTML, Anda memiliki DOCTYPE 813 00:39:54,720 --> 00:39:56,720 deklarasi di sana. 814 00:39:56,720 --> 00:40:00,940 >> Deklarasi DOCTYPE ini mengatakan, kita menggunakan HTML5. 815 00:40:00,940 --> 00:40:03,370 Kemudian Anda memiliki tag HTML besar. 816 00:40:03,370 --> 00:40:05,230 Ini berisi kepala dan tubuh. 817 00:40:05,230 --> 00:40:06,970 Di dalam kepala, Anda memiliki judul. 818 00:40:06,970 --> 00:40:12,950 Itulah apa yang terjadi dalam judul bar browser Anda. 819 00:40:12,950 --> 00:40:15,810 Kami memiliki tag link yang menghubungkan dalam style sheet eksternal. 820 00:40:15,810 --> 00:40:19,880 Dan kemudian kita memiliki naskah yang menarik dari JavaScript eksternal juga. 821 00:40:19,880 --> 00:40:23,750 >> Dan kemudian di dalam tubuh kita sebenarnya apa yang akan ditampilkan pada halaman. 822 00:40:23,750 --> 00:40:28,210 Kami punya sebuah paragraf dan kemudian gambar di dalam ayat tersebut. 823 00:40:28,210 --> 00:40:32,000 Ini adalah gambar kucing. 824 00:40:32,000 --> 00:40:35,840 Perhatikan bahwa gambar tag menutup sendiri. 825 00:40:35,840 --> 00:40:41,760 Jadi, bukannya membuka dengan gambar dan kemudian melakukan / gambar lain, Anda 826 00:40:41,760 --> 00:40:47,500 hanya slash kecil ini di sini, yang menutup itu. 827 00:40:47,500 --> 00:40:53,670 Dan tag gambar juga memiliki kunci ini nilai atribut yang disebut alt. 828 00:40:53,670 --> 00:40:56,970 Itulah teks alternatif yang terjadi ketika Anda membawa lebih dari itu. 829 00:40:56,970 --> 00:41:03,170 >> Sebagian besar elemen HTML memiliki beberapa nilai kunci hal-hal yang dapat Anda berikan, berbagai 830 00:41:03,170 --> 00:41:04,420 kustomisasi. 831 00:41:04,420 --> 00:41:06,230 832 00:41:06,230 --> 00:41:08,705 Ya. 833 00:41:08,705 --> 00:41:09,955 >> AUDIENCE: [Tak terdengar]. 834 00:41:09,955 --> 00:41:17,510 835 00:41:17,510 --> 00:41:19,680 >> ANGELA LI: Nah, jadi ini merupakan atribut dari tag. 836 00:41:19,680 --> 00:41:25,320 Jadi jika Anda menggunakan jQuery, Anda bisa melakukan pilih image.getAttribute. 837 00:41:25,320 --> 00:41:27,930 Dan kemudian Anda dapat mencari mendapatkan atribut alt. 838 00:41:27,930 --> 00:41:31,040 Dan itu akan memberikan anak kucing. 839 00:41:31,040 --> 00:41:37,400 Jika Anda ingat bentuk dalam HTML, masukan elemen akan memiliki atribut nama. 840 00:41:37,400 --> 00:41:41,870 Dan itulah yang menggunakan PHP untuk mengirim permintaan ketika formulir dikirimkan. 841 00:41:41,870 --> 00:41:44,762 842 00:41:44,762 --> 00:41:50,064 >> AUDIENCE: Apakah Anda menyebutkan sesuatu tentang bagaimana jika Anda menggunakan kittens.jpg atau 843 00:41:50,064 --> 00:41:54,410 sesuatu yang memiliki yang hilang file folder atau file lainnya? 844 00:41:54,410 --> 00:41:54,750 >> ANGELA LI: Ya. 845 00:41:54,750 --> 00:41:57,010 Jadi ini adalah apa yang disebut relatif jalan, karena aku tidak memberi 846 00:41:57,010 --> 00:41:58,740 Anda path lengkap. 847 00:41:58,740 --> 00:42:05,160 Ini seperti ketika di C jika Anda melakukan fopen beberapa file, jika Anda hi.txt fopen, bahwa 848 00:42:05,160 --> 00:42:09,190 hi.txt diharapkan berada di sama direktori, kecuali jika Anda memberikan lebih 849 00:42:09,190 --> 00:42:11,530 jalan kompleks. 850 00:42:11,530 --> 00:42:14,900 >> AUDIENCE: Jadi Anda bisa menentukan folder yang [Tak terdengar]? 851 00:42:14,900 --> 00:42:17,660 >> ANGELA LI: Ya. 852 00:42:17,660 --> 00:42:19,370 Dan Anda dapat melihat bagaimana melakukan hal itu. 853 00:42:19,370 --> 00:42:23,480 Tetapi jika saya ingin mendapatkan kittens.jpg keluar dari direktori induk, saya akan melakukan 854 00:42:23,480 --> 00:42:24,730 .. / Kittens.jpg. 855 00:42:24,730 --> 00:42:29,680 856 00:42:29,680 --> 00:42:30,930 Ya. 857 00:42:30,930 --> 00:42:32,960 858 00:42:32,960 --> 00:42:33,760 Maaf. 859 00:42:33,760 --> 00:42:34,045 Ya. 860 00:42:34,045 --> 00:42:35,700 Oh man, aku lupa pertanyaan. 861 00:42:35,700 --> 00:42:36,460 Apa pertanyaannya? 862 00:42:36,460 --> 00:42:39,570 Oh, pertanyaan itu adalah, kittens.jpg diharapkan berada di direktori yang sama? 863 00:42:39,570 --> 00:42:40,630 Dan dalam hal ini, itu. 864 00:42:40,630 --> 00:42:44,030 Tapi Anda juga bisa memberikan jalan tertentu sedemikian rupa sehingga tidak harus. 865 00:42:44,030 --> 00:42:47,100 866 00:42:47,100 --> 00:42:48,350 Baik? 867 00:42:48,350 --> 00:42:50,190 868 00:42:50,190 --> 00:42:51,350 >> CSS. 869 00:42:51,350 --> 00:42:55,420 Jadi CSS, seperti HTML, tidak bahasa pemrograman. 870 00:42:55,420 --> 00:42:58,250 CSS hanya serangkaian aturan styling. 871 00:42:58,250 --> 00:43:00,130 Ini adalah singkatan dari Cascading Style Sheets. 872 00:43:00,130 --> 00:43:03,910 Dan Anda menggunakannya bersama dengan HTML ke halaman gaya. 873 00:43:03,910 --> 00:43:08,140 Jadi ada tiga cara Anda dapat menyertakannya. 874 00:43:08,140 --> 00:43:11,950 Salah satu cara yang dapat Anda lakukan adalah di kepala bagian HTML Anda, Anda hanya dapat 875 00:43:11,950 --> 00:43:15,410 membuka tag gaya dan kemudian menempel beberapa aturan CSS di sana. 876 00:43:15,410 --> 00:43:16,759 Hal ini cukup OK. 877 00:43:16,759 --> 00:43:17,228 Ya. 878 00:43:17,228 --> 00:43:21,449 >> AUDIENCE: Bisakah Anda menempatkan orang tag gaya di antara, mari kita 879 00:43:21,449 --> 00:43:22,860 mengatakan, tubuh dan / body. 880 00:43:22,860 --> 00:43:27,400 Dan kemudian Anda akan styling hanya di dalam tubuh. 881 00:43:27,400 --> 00:43:28,840 >> ANGELA LI: Anda bisa. 882 00:43:28,840 --> 00:43:29,590 Ini akan berhasil. 883 00:43:29,590 --> 00:43:33,990 Tetapi Anda tidak harus, karena styling adalah jenis metadata yang harus pergi dalam 884 00:43:33,990 --> 00:43:35,890 kepala dokumen Anda. 885 00:43:35,890 --> 00:43:38,280 Tubuh harus benar-benar hanya mengandung apa yang sebenarnya akan 886 00:43:38,280 --> 00:43:39,420 muncul pada halaman Anda. 887 00:43:39,420 --> 00:43:42,155 >> AUDIENCE: Jadi Anda akan menempatkan gaya di kepala Anda untuk gaya 888 00:43:42,155 --> 00:43:43,930 seluruh halaman web, kan? 889 00:43:43,930 --> 00:43:44,300 >> ANGELA LI: Ya. 890 00:43:44,300 --> 00:43:50,470 Jadi menempatkan gaya di sini, aturan CSS ini akan berlaku untuk seluruh halaman berdasarkan 891 00:43:50,470 --> 00:43:52,100 penyeleksi mereka. 892 00:43:52,100 --> 00:43:57,090 Jadi cara yang lebih baik untuk melakukannya adalah bukan memiliki tag gaya di kepala Anda, 893 00:43:57,090 --> 00:44:00,430 Anda memiliki link ini ke gaya eksternal sheet seperti saya menunjukkan Anda di 894 00:44:00,430 --> 00:44:01,980 contoh sebelumnya. 895 00:44:01,980 --> 00:44:05,920 Apa yang dilakukan adalah mencoba dan menemukan mengajukan style.css dan kemudian menariknya 896 00:44:05,920 --> 00:44:08,470 dan menggunakan itu sebagai gaya untuk halaman. 897 00:44:08,470 --> 00:44:10,500 Dan style.css Anda akan hanya terlihat seperti ini. 898 00:44:10,500 --> 00:44:13,330 Ini hanya akan menjadi sekelompok CSS. 899 00:44:13,330 --> 00:44:16,210 >> Dan akhirnya, ada cara lain Anda dapat mencakup CSS, yang Anda benar-benar 900 00:44:16,210 --> 00:44:17,480 seharusnya tidak pernah melakukannya. 901 00:44:17,480 --> 00:44:18,950 Ini styling inline panggilan. 902 00:44:18,950 --> 00:44:22,650 Dan setiap elemen HTML juga dapat mengambil atribut style. 903 00:44:22,650 --> 00:44:26,320 Dan kemudian dalam gaya atribut, Anda dapat memberikan aturan CSS. 904 00:44:26,320 --> 00:44:29,140 Jadi dalam hal ini, div apapun aku mendefinisikan di sini, itu akan 905 00:44:29,140 --> 00:44:32,580 memiliki latar belakang hitam dan warna teks putih. 906 00:44:32,580 --> 00:44:35,620 Tetapi Anda tidak perlu melakukan ini, karena apa yang hal ini adalah menempatkan styling Anda 907 00:44:35,620 --> 00:44:36,850 dalam HTML Anda. 908 00:44:36,850 --> 00:44:40,530 >> Dan aku tahu kita telah berbicara tentang HTML adalah struktur dan CSS gaya. 909 00:44:40,530 --> 00:44:42,790 Jika Anda melakukan ini, itu mencampur mereka bersama-sama. 910 00:44:42,790 --> 00:44:44,550 Dan itu tidak sangat bersih. 911 00:44:44,550 --> 00:44:45,800 Jadi jangan lakukan itu. 912 00:44:45,800 --> 00:44:47,690 913 00:44:47,690 --> 00:44:52,100 Menggunakan contoh CSS, di atas sana, kita hanya memilih tubuh HTML 914 00:44:52,100 --> 00:44:52,380 dokumenter. 915 00:44:52,380 --> 00:44:55,110 Dan kami seperti, semuanya akan menjadi Comic Sans. 916 00:44:55,110 --> 00:44:57,290 Saya juga tidak menyarankan itu. 917 00:44:57,290 --> 00:44:59,940 Tapi Anda bisa melakukan itu. 918 00:44:59,940 --> 00:45:03,140 >> Aturan kedua di sini, itu akan untuk memilih elemen pada 919 00:45:03,140 --> 00:45:04,880 halaman dengan ID utama. 920 00:45:04,880 --> 00:45:11,690 Jadi HTML apapun elemen, saya katakan ID = Main, aku akan memberikan yang 921 00:45:11,690 --> 00:45:16,020 Margin 20-pixel dan menyelaraskan semuanya, semua teks, ke pusat. 922 00:45:16,020 --> 00:45:19,030 Hal terakhir yang memilih oleh kelas CSS. 923 00:45:19,030 --> 00:45:24,450 Jadi setiap elemen pada halaman yang saya berikan kelas bagian, aku akan membuatnya 924 00:45:24,450 --> 00:45:26,602 warna latar belakang biru muda. 925 00:45:26,602 --> 00:45:29,380 926 00:45:29,380 --> 00:45:30,040 Yep. 927 00:45:30,040 --> 00:45:30,700 Itu saja yang saya punya. 928 00:45:30,700 --> 00:45:30,890 Pertanyaan? 929 00:45:30,890 --> 00:45:34,020 >> AUDIENCE: Apa hashtag sebelum main lakukan? 930 00:45:34,020 --> 00:45:36,310 >> ANGELA LI: Pertanyaannya adalah, apa hashtag sebelum do utama? 931 00:45:36,310 --> 00:45:40,770 Dalam hal ini, hash di CSS berarti pilih oleh ID. 932 00:45:40,770 --> 00:45:47,490 Jadi jika saya memiliki beberapa elemen HTML, seperti divid = utama, CSS ini aturan memilih 933 00:45:47,490 --> 00:45:49,260 hal dengan ID utama. 934 00:45:49,260 --> 00:45:53,940 Dan sama, periode di depan bagian yang pilih oleh kelas CSS atau 935 00:45:53,940 --> 00:45:56,558 pilih oleh kelas HTML. 936 00:45:56,558 --> 00:46:00,940 >> AUDIENCE: Mengapa ada memiliki sebelum 6 warna background? 937 00:46:00,940 --> 00:46:01,270 >> ANGELA LI: Ya. 938 00:46:01,270 --> 00:46:03,360 Jadi pertanyaannya adalah, mengapa ada hash sebelum 6? 939 00:46:03,360 --> 00:46:05,320 Hal ini berbeda dengan hash itu. 940 00:46:05,320 --> 00:46:09,500 Ini berarti bahwa Anda memberikan warna heksadesimal. 941 00:46:09,500 --> 00:46:14,260 Jadi warna hex, ini hanya mewakili warna. 942 00:46:14,260 --> 00:46:17,860 Dan Anda ingat tiga kali lipat ketika RGB Anda melakukan forensik pset? 943 00:46:17,860 --> 00:46:18,770 Hal ini mirip. 944 00:46:18,770 --> 00:46:21,590 Dua digit pertama mewakili berapa banyak merah dalam warna. 945 00:46:21,590 --> 00:46:23,260 Kedua kedua mewakili berapa banyak hijau. 946 00:46:23,260 --> 00:46:25,450 Dan ketiga mewakili berapa banyak biru. 947 00:46:25,450 --> 00:46:30,060 Dan hash adalah ini akan untuk mewakili warna. 948 00:46:30,060 --> 00:46:35,660 >> Jadi apa pun dari 0, 0, 0, 0, 0, 0 hingga F, F, F, F, F, F berlaku. 949 00:46:35,660 --> 00:46:39,550 Ini adalah beberapa warna yang valid yang dapat ditampilkan oleh browser Anda. 950 00:46:39,550 --> 00:46:39,790 Pertanyaan? 951 00:46:39,790 --> 00:46:43,590 >> AUDIENCE: Apa perbedaan antara gunakan dengan ID dan kelas? 952 00:46:43,590 --> 00:46:46,470 >> ANGELA LI: Pertanyaannya adalah apa yang perbedaan antara 953 00:46:46,470 --> 00:46:48,950 gunakan dengan ID dan kelas? 954 00:46:48,950 --> 00:46:54,390 Anda hanya dapat memiliki satu elemen dalam Dokumen HTML yang memiliki ID yang diberikan. 955 00:46:54,390 --> 00:46:58,660 Sehingga hanya satu hal pada halaman saya diperbolehkan untuk memiliki ID utama. 956 00:46:58,660 --> 00:47:02,580 Jadi Anda menggunakannya untuk ini adalah header. 957 00:47:02,580 --> 00:47:03,850 Ini adalah navigasi. 958 00:47:03,850 --> 00:47:05,230 Ini adalah footer. 959 00:47:05,230 --> 00:47:09,070 Kelas yang berbeda, karena Anda dapat menerapkan kelas untuk banyak elemen HTML 960 00:47:09,070 --> 00:47:10,100 seperti yang Anda inginkan. 961 00:47:10,100 --> 00:47:15,860 >> Jadi misalnya, saya melakukan bagian kelas, karena mungkin ada lebih dari satu 962 00:47:15,860 --> 00:47:17,540 bagian pada halaman saya. 963 00:47:17,540 --> 00:47:20,200 Anda hanya diperbolehkan untuk memiliki banyak elemen pada halaman yang sama dengan 964 00:47:20,200 --> 00:47:23,190 kelas tetapi hanya satu dengan ID tertentu. 965 00:47:23,190 --> 00:47:25,600 >> AUDIENCE: Jadi dot mewakili kelas? 966 00:47:25,600 --> 00:47:26,090 >> ANGELA LI: Ya. 967 00:47:26,090 --> 00:47:27,380 Sebuah titik mewakili kelas. 968 00:47:27,380 --> 00:47:29,990 969 00:47:29,990 --> 00:47:31,540 Keren. 970 00:47:31,540 --> 00:47:32,370 Itu saja yang saya punya, guys. 971 00:47:32,370 --> 00:47:33,544 Terima kasih. 972 00:47:33,544 --> 00:48:13,380 >> [Tepuk Tangan] 973 00:48:13,380 --> 00:48:14,290 >> ZAMYLA CHAN: Hi, semua orang. 974 00:48:14,290 --> 00:48:14,880 Aku Zamyla. 975 00:48:14,880 --> 00:48:18,830 Aku akan meliputi PHP, MVC, dan SQL hari ini. 976 00:48:18,830 --> 00:48:22,350 977 00:48:22,350 --> 00:48:26,110 Banyak materi yang saya akan covering akan menjadi cukup banyak 978 00:48:26,110 --> 00:48:29,100 langsung dari pset7. 979 00:48:29,100 --> 00:48:29,700 Baik. 980 00:48:29,700 --> 00:48:31,180 Jadi apa PHP? 981 00:48:31,180 --> 00:48:35,150 PHP singkatan dari PHP Hypertext Preprocessor. 982 00:48:35,150 --> 00:48:38,740 Jadi, dalam dirinya sendiri, adalah sebuah rekursif nama, yang cukup keren. 983 00:48:38,740 --> 00:48:42,220 PHP adalah bahasa server-side scripting, dan menyediakan backend 984 00:48:42,220 --> 00:48:44,610 dan dasar-dasar logis dari website kami. 985 00:48:44,610 --> 00:48:48,520 >> Jadi Angela berbicara banyak tentang HTML dan CSS yang akan membuat struktur 986 00:48:48,520 --> 00:48:49,530 website. 987 00:48:49,530 --> 00:48:53,210 Tetapi bagaimana jika Anda ingin mengubah itu konten dinamis atau jika itu bervariasi 988 00:48:53,210 --> 00:48:55,240 berdasarkan pengguna atau kondisi tertentu? 989 00:48:55,240 --> 00:48:57,060 Di situlah PHP masuk 990 00:48:57,060 --> 00:49:02,610 Sekarang, biasanya, PHP mungkin mengambil beberapa baris kurang untuk menerapkan hal yang sama 991 00:49:02,610 --> 00:49:07,380 di C. Itu karena PHP menangani memori manajemen untuk programmer, 992 00:49:07,380 --> 00:49:11,170 sebagai lawan kita harus malloc bebas, hal-hal seperti itu. 993 00:49:11,170 --> 00:49:15,430 >> Tapi karena PHP adalah interpretatif bahasa, biasanya, mungkin mengeksekusi 994 00:49:15,430 --> 00:49:19,540 sedikit lebih lambat dari C, yang adalah bahasa yang dikompilasi. 995 00:49:19,540 --> 00:49:23,150 Karena kami akan pindah pemrograman bahasa, mari kita lihat bagaimana 996 00:49:23,150 --> 00:49:24,570 sintaks akan berbeda. 997 00:49:24,570 --> 00:49:28,770 Mari kita berhati-hati untuk tidak bingung dengan hal ini. 998 00:49:28,770 --> 00:49:33,750 Jadi dengan sintaks PHP, apakah Anda embedding PHP Anda di dalam sebuah HTML 999 00:49:33,750 --> 00:49:40,430 file atau dalam file php. itu sendiri, Anda perlu menyertakan kode di tempat terbuka 1000 00:49:40,430 --> 00:49:45,270 PHP dan tag PHP tertutup seperti berikut, seperti pada layar. 1001 00:49:45,270 --> 00:49:46,660 >> Variabel dalam PHP. 1002 00:49:46,660 --> 00:49:51,490 Setiap variabel tunggal akan mulai dengan tanda $ diikuti dengan nama 1003 00:49:51,490 --> 00:49:53,150 variabel Anda. 1004 00:49:53,150 --> 00:49:56,530 Sekarang, variabel dalam PHP yang longgar diketik, yang berarti bahwa Anda tidak perlu 1005 00:49:56,530 --> 00:50:00,030 untuk menunjukkan apa tipe data adalah ketika Anda menyatakan itu. 1006 00:50:00,030 --> 00:50:03,505 Namun, ini tidak berarti bahwa mereka tidak memiliki jenis sama sekali. 1007 00:50:03,505 --> 00:50:09,370 Jadi jika saya mendeklarasikan variabel dan hanya mengatur itu sama dengan 1, dan kemudian saya mendeklarasikan 1008 00:50:09,370 --> 00:50:15,140 variabel lain, mengatur itu sama dengan "1," dan kemudian satu sama lain 1.0, baik, 1009 00:50:15,140 --> 00:50:19,410 tergantung pada jenis kesetaraan operator saya gunakan, jika saya ingin membandingkan 1010 00:50:19,410 --> 00:50:21,830 di semua jenis, maka mereka akan sama. 1011 00:50:21,830 --> 00:50:25,570 Tapi kalau aku ingin memastikan bahwa jenis yang sama, PHP masih bisa melakukan 1012 00:50:25,570 --> 00:50:28,690 bahwa, meskipun kita tidak menunjukkan apa jenis itu adalah ketika kita 1013 00:50:28,690 --> 00:50:31,170 terlebih dahulu membuat file. 1014 00:50:31,170 --> 00:50:33,990 >> Sekarang, di PHP, meskipun kita beralih dari pemrograman 1015 00:50:33,990 --> 00:50:39,360 bahasa dari C, kita masih harus kami terpercaya jika kondisi, seperti ini. 1016 00:50:39,360 --> 00:50:43,270 Kami masih memiliki loop sementara kami, hanya seperti ini, di mana Anda masukkan ke dalam 1017 00:50:43,270 --> 00:50:47,300 kondisi dan kemudian tubuh loop. 1018 00:50:47,300 --> 00:50:50,360 Dan kemudian kami juga memiliki kami untuk loop, yang biasanya terlihat seperti ini. 1019 00:50:50,360 --> 00:50:55,330 Jadi jika saya ingin iterate atas semua sembilan psets dan menyerahkan dan memanggil 1020 00:50:55,330 --> 00:50:58,960 fungsi submitPset, maka saya bisa melakukan itu di sini, yang kalian memiliki semua 1021 00:50:58,960 --> 00:50:59,830 dilakukan pada titik ini. 1022 00:50:59,830 --> 00:51:01,080 Selamat, by the way. 1023 00:51:01,080 --> 00:51:04,560 1024 00:51:04,560 --> 00:51:07,550 >> Untuk kamera, orang-orang kata, terima kasih. 1025 00:51:07,550 --> 00:51:11,220 Sekarang, jika Anda tidak ingin hanya menggunakan ini untuk loop, maka PHP sebenarnya juga 1026 00:51:11,220 --> 00:51:13,580 telah hal yang disebut loop foreach. 1027 00:51:13,580 --> 00:51:22,210 Jadi jika saya memiliki sebuah array bilangan bulat, 0 sampai 8, disimpan dalam psets array, 1028 00:51:22,210 --> 00:51:27,290 maka saya bisa memiliki loop foreach yang iterates atas setiap nomor dalam psets. 1029 00:51:27,290 --> 00:51:30,640 Dan kemudian aku bisa menelepon sama berfungsi delapan kali, 1030 00:51:30,640 --> 00:51:31,910 seperti yang saya lakukan sebelumnya. 1031 00:51:31,910 --> 00:51:36,480 Jadi ini untuk setiap loop bagus, karena Anda tidak perlu jika Anda tidak tahu 1032 00:51:36,480 --> 00:51:39,470 panjang tepat dari array yang Anda telah, kemudian menggunakan loop foreach ini 1033 00:51:39,470 --> 00:51:42,800 akan mengurus itu untuk Anda. 1034 00:51:42,800 --> 00:51:45,410 >> Jadi saya membuat psets sebagai array. 1035 00:51:45,410 --> 00:51:46,700 Mari kita lihat itu. 1036 00:51:46,700 --> 00:51:51,290 Array di PHP biasanya sama dengan orang-orang yang kami punya di C, di mana 1037 00:51:51,290 --> 00:51:52,960 Anda dapat mendeklarasikan array. 1038 00:51:52,960 --> 00:51:59,200 Dan di sini, saya dapat mendeklarasikan array kosong dan kemudian membangun secara dinamis dengan menggunakan 1039 00:51:59,200 --> 00:52:00,850 indeks sebagai bilangan bulat. 1040 00:52:00,850 --> 00:52:04,140 Jadi indeks 0, aku akan menyimpan integer bernama 1. 1041 00:52:04,140 --> 00:52:09,210 Pada indeks 1 dari daftar saya, saya akan untuk menyimpan nilai 2. 1042 00:52:09,210 --> 00:52:12,670 Dan pada indeks ketiga tetapi nomor kedua, aku akan 1043 00:52:12,670 --> 00:52:14,870 menyimpan nomor 12. 1044 00:52:14,870 --> 00:52:17,250 >> Sekarang, ini baik-baik saja dalam bekerja bekerja dengan baik. 1045 00:52:17,250 --> 00:52:21,310 Tapi mengatakan itu penting bagiku apa indeks masing-masing memegang. 1046 00:52:21,310 --> 00:52:24,500 Bagi saya, indeks 0 berarti bagaimana banyak kucing yang saya miliki. 1047 00:52:24,500 --> 00:52:27,400 Dan indeks 1 berarti bagaimana banyak burung hantu yang saya miliki. 1048 00:52:27,400 --> 00:52:29,450 Dan yang berikutnya berarti berapa banyak anjing. 1049 00:52:29,450 --> 00:52:34,140 Nah, maka untuk menentukan bahwa, alih-alih harus mengingat 0 berhubungan dengan 1050 00:52:34,140 --> 00:52:38,090 kucing dan 1 burung hantu, saya dapat menggunakan array asosiatif, yang berarti bahwa 1051 00:52:38,090 --> 00:52:42,260 bukannya integer sebagai indeks saya, Aku benar-benar dapat menggunakan string. 1052 00:52:42,260 --> 00:52:43,290 >> Jadi ini cukup berguna. 1053 00:52:43,290 --> 00:52:47,130 Dan kau dasarnya hanya diganti bilangan bulat dengan string. 1054 00:52:47,130 --> 00:52:50,074 Dan di sana Anda memiliki array asosiatif. 1055 00:52:50,074 --> 00:52:51,930 Ya. 1056 00:52:51,930 --> 00:52:55,800 >> AUDIENCE: Apakah ada alasan mengapa ada garis bawah untuk yang kedua 1057 00:52:55,800 --> 00:52:58,750 bagian, karena daftar saya memiliki array. 1058 00:52:58,750 --> 00:53:01,330 >> ZAMYLA CHAN: Pertanyaannya adalah, adalah ada alasan mengapa ada sebuah 1059 00:53:01,330 --> 00:53:03,320 menggarisbawahi antara saya dan daftar? 1060 00:53:03,320 --> 00:53:03,610 Tidak. 1061 00:53:03,610 --> 00:53:06,878 Itu hanya bagaimana aku penamaan variabel saya. 1062 00:53:06,878 --> 00:53:11,670 >> AUDIENCE: Pada pertama line, itu satu kata. 1063 00:53:11,670 --> 00:53:12,560 >> ZAMYLA CHAN: Saya minta maaf. 1064 00:53:12,560 --> 00:53:13,410 Aku akan memperbaikinya. 1065 00:53:13,410 --> 00:53:13,620 Ya. 1066 00:53:13,620 --> 00:53:15,460 Mereka harus merupakan nama variabel yang sama. 1067 00:53:15,460 --> 00:53:16,710 Baik menangkap. 1068 00:53:16,710 --> 00:53:19,640 1069 00:53:19,640 --> 00:53:19,950 OK. 1070 00:53:19,950 --> 00:53:22,610 Jadi mari kita lanjutkan ke string Rangkaian. 1071 00:53:22,610 --> 00:53:27,500 Jika saya ingin mengambil dua string, maka saya bisa menggabungkannya 1072 00:53:27,500 --> 00:53:28,550 dengan operator dot. 1073 00:53:28,550 --> 00:53:32,440 Jadi jika saya memiliki Milo sebagai nama pertama dan pisang sebagai nama belakang, kemudian 1074 00:53:32,440 --> 00:53:35,430 concatenating dengan dot operator dan kemudian menempatkan spasi di antara 1075 00:53:35,430 --> 00:53:39,210 akan membuat string yang berisi Milo Pisang, yang kemudian dapat echo atau, 1076 00:53:39,210 --> 00:53:41,280 sebaliknya, mencetak. 1077 00:53:41,280 --> 00:53:44,465 >> Berbicara tentang gema, mari kita bicara tentang beberapa berguna - 1078 00:53:44,465 --> 00:53:44,920 oops. 1079 00:53:44,920 --> 00:53:46,030 Maafkan aku. 1080 00:53:46,030 --> 00:53:52,920 Beberapa fungsi PHP yang berguna. 1081 00:53:52,920 --> 00:53:56,240 Jadi kita memiliki - 1082 00:53:56,240 --> 00:53:57,444 kesulitan teknis. 1083 00:53:57,444 --> 00:53:58,694 Satu detik. 1084 00:53:58,694 --> 00:54:16,960 1085 00:54:16,960 --> 00:54:19,550 Aku mengirimkannya. 1086 00:54:19,550 --> 00:54:22,320 Masalah PowerPoint. 1087 00:54:22,320 --> 00:54:29,200 Dan kita kembali dengan fungsi PHP. 1088 00:54:29,200 --> 00:54:32,010 1089 00:54:32,010 --> 00:54:35,150 Dan kita kembali dengan fungsi PHP. 1090 00:54:35,150 --> 00:54:39,890 >> Jadi kita memerlukan fungsi, di mana jika Anda lulus dalam sebuah file, inilah hanya 1091 00:54:39,890 --> 00:54:43,300 contoh sebuah file yang Aku mungkin lulus masuk 1092 00:54:43,300 --> 00:54:47,605 Maka yang akan menyertakan kode PHP dari file yang saya menunjukkan. 1093 00:54:47,605 --> 00:54:49,940 Dan itu akan mengevaluasi bahwa masuk 1094 00:54:49,940 --> 00:54:54,450 Kemudian kami juga memiliki gema, yang adalah sejajar dengan printf. 1095 00:54:54,450 --> 00:54:57,710 Exit adalah paralel untuk istirahat, yang keluar dari blok 1096 00:54:57,710 --> 00:54:58,570 kode yang Anda masuk 1097 00:54:58,570 --> 00:55:03,180 Dan kemudian cek kosong apakah diberikan variabel seperti nol atau nol atau 1098 00:55:03,180 --> 00:55:08,482 apapun disamakan dengan yang kosong. 1099 00:55:08,482 --> 00:55:09,438 Ya. 1100 00:55:09,438 --> 00:55:15,341 >> AUDIENCE: Untuk Rangkaian string dot Operator satu, di PHP, adalah bahwa 1101 00:55:15,341 --> 00:55:20,158 sama seperti di JavaScript di mana ia menggunakan dot untuk Rangkaian berarti plus? 1102 00:55:20,158 --> 00:55:27,440 Jadi untuk nama lengkap, Anda bisa memiliki dollar tanda pertama + + dan kemudian bertahan? 1103 00:55:27,440 --> 00:55:27,720 >> ZAMYLA CHAN: Ya. 1104 00:55:27,720 --> 00:55:32,150 Jadi pertanyaannya adalah apakah di PHP kita dapat menggunakan Rangkaian string yang sama 1105 00:55:32,150 --> 00:55:33,890 seperti dalam JavaScript dengan plus. 1106 00:55:33,890 --> 00:55:35,410 Yusuf akan masuk ke itu nanti. 1107 00:55:35,410 --> 00:55:36,620 Saya pikir dia memiliki slide itu. 1108 00:55:36,620 --> 00:55:37,570 Sebenarnya, itu berbeda. 1109 00:55:37,570 --> 00:55:41,310 Jadi dalam JavaScript, Anda perlu menggunakan plus untuk menyatukan string. 1110 00:55:41,310 --> 00:55:43,280 Dan di PHP, Anda harus menggunakan operator dot. 1111 00:55:43,280 --> 00:55:44,530 Jadi mereka berbeda. 1112 00:55:44,530 --> 00:55:46,680 1113 00:55:46,680 --> 00:55:46,910 >> OK. 1114 00:55:46,910 --> 00:55:49,500 Jadi sekarang kita telah membahas semua PHP ini, di mana melakukannya 1115 00:55:49,500 --> 00:55:50,490 benar-benar berguna? 1116 00:55:50,490 --> 00:55:54,470 Yah, itu sangat berguna ketika kita dapat menggabungkan dengan HTML kita. 1117 00:55:54,470 --> 00:55:59,550 Jadi PHP kami akan memberi kita kekuatan untuk mengubah suatu halaman HTML konten sebelum 1118 00:55:59,550 --> 00:56:00,000 pemuatan. 1119 00:56:00,000 --> 00:56:04,270 Jadi berdasarkan kondisi yang berbeda, biasanya pengguna tertentu yang 1120 00:56:04,270 --> 00:56:07,520 login, kita dapat menampilkan informasi yang berbeda. 1121 00:56:07,520 --> 00:56:08,800 Linda, apakah Anda memiliki pertanyaan? 1122 00:56:08,800 --> 00:56:15,510 >> AUDIENCE: Dapatkah Anda menggabungkan integer juga? 1123 00:56:15,510 --> 00:56:16,760 >> ZAMYLA CHAN: Ya, Anda bisa. 1124 00:56:16,760 --> 00:56:19,530 1125 00:56:19,530 --> 00:56:23,270 Jadi pertanyaannya adalah jika Anda bisa menggabungkan bilangan bulat atau lainnya 1126 00:56:23,270 --> 00:56:28,920 variable.s sekarang, kita beralih ke MVC, yang adalah paradigma yang kita gunakan dalam 1127 00:56:28,920 --> 00:56:33,380 pset7 dan banyak web designer digunakan untuk mengatur kode dalam file 1128 00:56:33,380 --> 00:56:34,490 di situs web mereka. 1129 00:56:34,490 --> 00:56:35,870 M singkatan dari Model. 1130 00:56:35,870 --> 00:56:41,450 Dan pada dasarnya, file model yang akan menangani dengan interaksi dengan database. 1131 00:56:41,450 --> 00:56:44,640 Lihat file, mereka berhubungan dengan estetika website. 1132 00:56:44,640 --> 00:56:47,550 Dan Controller yang menangani permintaan pengguna, mem-parsing 1133 00:56:47,550 --> 00:56:49,230 data, apakah logika lainnya. 1134 00:56:49,230 --> 00:56:52,520 >> Dalam pset7, kami menggabungkan model dan controller. 1135 00:56:52,520 --> 00:56:55,880 Dan kami hanya memanggil mereka pengendali dan menempatkan mereka di direktori publik. 1136 00:56:55,880 --> 00:57:01,730 Dan lihat file, kita menggunakan mereka sebagai template dalam direktori template. 1137 00:57:01,730 --> 00:57:07,260 Jadi diagram ini di sini juga mewakili semacam itu sama dengan divisi 1138 00:57:07,260 --> 00:57:10,510 model dan controller dalam ungu di sini di sebelah kiri dan 1139 00:57:10,510 --> 00:57:12,770 tampilan di sebelah kanan. 1140 00:57:12,770 --> 00:57:16,020 Jadi ini adalah skema yang beberapa dari Anda mungkin telah melihat di Jam Kerja atau 1141 00:57:16,020 --> 00:57:19,130 diagram yang kita menggambar seperti Anda sedang mencari tahu pset Anda. 1142 00:57:19,130 --> 00:57:25,030 >> Jadi di sini, di controller diberikan, model controller, kita memiliki fungsi 1143 00:57:25,030 --> 00:57:30,490 yang berhubungan dengan query SQL Database, mengeksekusi logika PHP. 1144 00:57:30,490 --> 00:57:32,370 Mungkin Anda akan mencari saham di Yahoo! 1145 00:57:32,370 --> 00:57:34,590 Keuangan. 1146 00:57:34,590 --> 00:57:37,390 Atau mungkin, Anda hanya akan memeriksa untuk melihat apakah pengguna telah mengajukan 1147 00:57:37,390 --> 00:57:40,250 membentuk sudah sebelum memiliki mengunjungi halaman Anda. 1148 00:57:40,250 --> 00:57:43,390 Dan kemudian Anda akan membuat a membentuk di sini. 1149 00:57:43,390 --> 00:57:48,210 Setelah formulir yang telah disampaikan oleh pengguna, tindakan yang 1150 00:57:48,210 --> 00:57:53,470 ditentukan dalam tag HTML form akan menunjukkan halaman yang 1151 00:57:53,470 --> 00:57:55,620 kembali data tersebut ke. 1152 00:57:55,620 --> 00:57:59,460 >> Jadi semua informasi yang akan dikirim kembali ke controller. 1153 00:57:59,460 --> 00:58:02,620 Maka Anda mungkin akan melakukan sedikit lebih logika itu dan mungkin mengeksekusi beberapa 1154 00:58:02,620 --> 00:58:06,510 pertanyaan lebih dalam database SQL dan kemudian, akhirnya, datang dengan baik 1155 00:58:06,510 --> 00:58:11,930 set dikemas informasi yang Anda lakukan lulus dalam ke dalam beberapa template lainnya 1156 00:58:11,930 --> 00:58:13,950 yang ditampilkan informasi tersebut. 1157 00:58:13,950 --> 00:58:17,030 Sekarang, bagaimana kita benar-benar paket bahwa informasi up? 1158 00:58:17,030 --> 00:58:23,980 Nah, kita memiliki fungsi yang disebut Render yang berada di file functions.php di 1159 00:58:23,980 --> 00:58:29,950 pset7, di mana Anda lulus dalam nama file, nama template. 1160 00:58:29,950 --> 00:58:32,160 >> Dan kemudian Anda juga lulus dalam array asosiatif. 1161 00:58:32,160 --> 00:58:37,150 Dan sehingga array asosiatif merupakan informasi yang berbeda 1162 00:58:37,150 --> 00:58:39,040 bahwa Anda ingin lulus masuk 1163 00:58:39,040 --> 00:58:43,460 Sekarang, apa yang akan menjadi konstan dalam contoh-contoh ini adalah bahwa kunci atau, 1164 00:58:43,460 --> 00:58:47,070 agak, kunci-kunci yang asosiatif array, yaitu apa yang akan menjadi 1165 00:58:47,070 --> 00:58:51,050 diharapkan akan konstan dengan template, karena ia tahu itu perlu 1166 00:58:51,050 --> 00:58:53,990 sesuatu yang disebut pesan atau disebut nama. 1167 00:58:53,990 --> 00:58:56,940 Dan kemudian hal-hal yang di sebelah kanan, yang nilai yang sebenarnya, sehingga dalam kasus ini, siapa yang 1168 00:58:56,940 --> 00:59:00,750 anak yang baik dan Milo, mereka akan menjadi nilai-nilai yang berubah 1169 00:59:00,750 --> 00:59:05,610 bahwa controller berubah setiap waktu atau berdasarkan kondisi tertentu dan 1170 00:59:05,610 --> 00:59:07,120 akan melewati yang masuk 1171 00:59:07,120 --> 00:59:12,790 >> Jadi di sini dalam template, kita melihat bahwa kita menggunakan HTML karakter khusus, 1172 00:59:12,790 --> 00:59:16,370 yang pada dasarnya hanya berarti bahwa kita ingin untuk mendapatkan string rekan bahwa 1173 00:59:16,370 --> 00:59:17,580 pengguna meletakkan masuk 1174 00:59:17,580 --> 00:59:20,880 Dan kita ingin mengganti pesan di sana. 1175 00:59:20,880 --> 00:59:26,110 Jadi ketika kita benar-benar melihat file, spesifik 1176 00:59:26,110 --> 00:59:28,700 informasi berlalu masuk 1177 00:59:28,700 --> 00:59:33,850 Perhatikan bahwa kunci bagaimana membuat karya adalah bahwa kunci-kunci yang asosiatif 1178 00:59:33,850 --> 00:59:37,170 array, yang menjadi variabel nama di sini. 1179 00:59:37,170 --> 00:59:40,720 Dan nilai-nilai yang penting dalam array asosiatif kemudian menjadi 1180 00:59:40,720 --> 00:59:41,970 nilai dari variabel. 1181 00:59:41,970 --> 00:59:44,800 1182 00:59:44,800 --> 00:59:46,040 >> Sekarang, mari kita beralih ke SQL. 1183 00:59:46,040 --> 00:59:48,010 Ini singkatan dari Structured Query Language. 1184 00:59:48,010 --> 00:59:50,460 Dan jadi ini hanya sebuah pemrograman bahasa yang dirancang 1185 00:59:50,460 --> 00:59:51,880 untuk mengelola database. 1186 00:59:51,880 --> 00:59:56,860 Dan itu datang berguna bagi kita dalam situs keuangan pset7 kami. 1187 00:59:56,860 --> 01:00:00,510 Pada dasarnya, itu hanya cara mudah untuk melacak dan mengelola objek dan tabel 1188 01:00:00,510 --> 01:00:02,070 dan menghubungkan mereka satu sama lain. 1189 01:00:02,070 --> 01:00:06,860 Sekarang, pikirkan database SQL Anda pada dasarnya sebagai file Excel, mungkin, 1190 01:00:06,860 --> 01:00:10,040 dengan beberapa lembar tab. 1191 01:00:10,040 --> 01:00:13,820 >> Jadi Anda bisa memiliki beberapa tabel, mungkin, yang menghubungkan satu sama lain. 1192 01:00:13,820 --> 01:00:19,420 Dan banyak seperti Excel, kita memiliki banyak fungsi yang kita inginkan. 1193 01:00:19,420 --> 01:00:22,300 Sebagai contoh, kita dapat memilih baris tertentu. 1194 01:00:22,300 --> 01:00:24,110 Kita bisa memasukkan informasi. 1195 01:00:24,110 --> 01:00:25,560 Kami dapat memperbarui baris. 1196 01:00:25,560 --> 01:00:27,440 Dan kita juga dapat menghapus hal-hal. 1197 01:00:27,440 --> 01:00:30,920 1198 01:00:30,920 --> 01:00:36,560 >> SQL pilih karya dengan memilih baris atau deretan kolom yang ditentukan dari 1199 01:00:36,560 --> 01:00:39,640 database yang cocok tertentu kriteria yang Anda menunjukkan. 1200 01:00:39,640 --> 01:00:44,930 Jadi di sini ketika saya melihat select * from penyihir mana rumah = Ravenclaw, maka 1201 01:00:44,930 --> 01:00:48,340 Aku memilih *, yang berarti aku memilih setiap kolom tunggal dalam 1202 01:00:48,340 --> 01:00:56,340 baris dari penyihir tabel tetapi hanya jika kolom rumah sama Ravenclaw. 1203 01:00:56,340 --> 01:00:57,840 Sekarang, ini adalah murni atau SQL. 1204 01:00:57,840 --> 01:01:02,680 Jadi jika saya pergi ke PHPMyAdmin, yaitu cara tertentu yang kita gunakan untuk mengelola 1205 01:01:02,680 --> 01:01:07,040 database SQL kami, maka saya bisa menyisipkan itu ke website PHPMyAdmin. 1206 01:01:07,040 --> 01:01:08,290 Dan itu akan mengeksekusi. 1207 01:01:08,290 --> 01:01:11,280 >> Tapi kami benar-benar ingin melakukan bahwa di sisi PHP. 1208 01:01:11,280 --> 01:01:12,580 Jadi bagaimana kita melakukannya? 1209 01:01:12,580 --> 01:01:20,180 Nah, kita menggunakan fungsi permintaan, yang pada dasarnya mengeksekusi bahwa permintaan SQL. 1210 01:01:20,180 --> 01:01:21,830 Menggunakan? 1211 01:01:21,830 --> 01:01:25,850 sebagai pengganti, kita bisa lulus dalam tertentu nilai-nilai string kita bahwa kita 1212 01:01:25,850 --> 01:01:26,920 ingin mengganti. 1213 01:01:26,920 --> 01:01:32,110 Jadi mungkin aku menyimpan yang berbeda nilai dalam curr_house, yang 1214 01:01:32,110 --> 01:01:34,400 merupakan rumah saat ini yang saya alami. 1215 01:01:34,400 --> 01:01:39,040 Jadi saya bisa lulus bahwa dalam sebagai pengganti dengan tanda tanya. 1216 01:01:39,040 --> 01:01:43,290 Dan kemudian aku pada dasarnya akan mengeksekusi hal yang sama seperti yang saya lakukan sebelumnya, kecuali 1217 01:01:43,290 --> 01:01:45,550 sekarang, aku di PHP. 1218 01:01:45,550 --> 01:01:51,300 >> Dan permintaan akan mengembalikan array asosiatif. 1219 01:01:51,300 --> 01:01:53,470 Dan aku akan menyimpannya dalam baris. 1220 01:01:53,470 --> 01:01:56,880 Sekarang, permintaan selalu bisa gagal. 1221 01:01:56,880 --> 01:02:02,870 Mungkin query SQL tidak bisa mengeksekusi karena meja tidak ada. 1222 01:02:02,870 --> 01:02:04,310 Atau mungkin, kolom tidak ada. 1223 01:02:04,310 --> 01:02:05,400 Ada yang tidak beres. 1224 01:02:05,400 --> 01:02:08,170 Nah, dalam hal ini, Anda akan ingin untuk membuat Pastikan bahwa Anda memeriksa apakah 1225 01:02:08,170 --> 01:02:09,700 permintaan kembali palsu. 1226 01:02:09,700 --> 01:02:15,590 Dan itu dengan menggunakan tiga sama operasi di sana. 1227 01:02:15,590 --> 01:02:19,660 >> Dan kemudian saya minta maaf, yang lain Fungsi CS50, lewat di pesan. 1228 01:02:19,660 --> 01:02:23,435 Dan jika Anda melihat ke dalam meminta maaf, semua itu benar-benar adalah membuat apology.php. 1229 01:02:23,435 --> 01:02:26,100 1230 01:02:26,100 --> 01:02:26,410 Ya. 1231 01:02:26,410 --> 01:02:29,630 >> AUDIENCE: Bisakah Anda menjelaskan apa yang Bintang tidak antara pilih dan dari? 1232 01:02:29,630 --> 01:02:30,710 >> ZAMYLA CHAN: Ya, tentu saja. 1233 01:02:30,710 --> 01:02:35,220 Jadi bintang di antara pilih dan dari berarti bahwa saya ingin memilih keseluruhan 1234 01:02:35,220 --> 01:02:37,440 seluruh baris dari meja saya. 1235 01:02:37,440 --> 01:02:41,900 Aku bisa ditunjukkan pilih nama, tahun, rumah. 1236 01:02:41,900 --> 01:02:46,160 Dan saya hanya akan mendapatkan tiga kolom di meja saya. 1237 01:02:46,160 --> 01:02:51,560 Tapi kalau aku mengatakan pilih *, maka aku akan mendapatkan semuanya dalam kolom tersebut. 1238 01:02:51,560 --> 01:02:53,760 Lalu aku akan pergi Anda di belakang pertama. 1239 01:02:53,760 --> 01:02:57,656 >> AUDIENCE: Jadi ini masih di SQL, kan? 1240 01:02:57,656 --> 01:02:59,610 Apakah permintaan ini atau PHP ini? 1241 01:02:59,610 --> 01:03:00,550 >> ZAMYLA CHAN: Kami berada di query. 1242 01:03:00,550 --> 01:03:01,940 Jadi ini adalah di PHP. 1243 01:03:01,940 --> 01:03:06,280 Jadi dengan menggunakan query fungsi PHP, kita mengeksekusi query SQL. 1244 01:03:06,280 --> 01:03:11,988 1245 01:03:11,988 --> 01:03:15,364 >> AUDIENCE: Apakah apa pun di SQL case-sensitive, seperti pilih 1246 01:03:15,364 --> 01:03:17,834 atau penyihir atau rumah? 1247 01:03:17,834 --> 01:03:20,050 >> ZAMYLA CHAN: Apakah ada di SQL case-sensitive? 1248 01:03:20,050 --> 01:03:21,760 Saya percaya begitu, ya. 1249 01:03:21,760 --> 01:03:24,620 Saya percaya bahwa SELECT dan FROM dan WHERE adalah case-sensitive. 1250 01:03:24,620 --> 01:03:25,535 Tidak ada? 1251 01:03:25,535 --> 01:03:27,500 >> ROB Bowden: Jadi, itu sebaliknya. 1252 01:03:27,500 --> 01:03:32,030 Nama kolom dan sarana meja, semua dari mereka adalah case-sensitive. 1253 01:03:32,030 --> 01:03:35,470 Tapi salah satu kata kunci MySQL, seperti SELECT, FROM, dan WHERE, mereka tidak 1254 01:03:35,470 --> 01:03:36,140 case-sensitive. 1255 01:03:36,140 --> 01:03:36,420 OK. 1256 01:03:36,420 --> 01:03:37,780 Jadi kebalikan dari apa yang saya katakan. 1257 01:03:37,780 --> 01:03:40,420 Jadi semua kata kunci MySQL - 1258 01:03:40,420 --> 01:03:42,670 pilih, dari, di mana - mereka tidak case-sensitive. 1259 01:03:42,670 --> 01:03:44,630 Tapi segala sesuatu yang lain. 1260 01:03:44,630 --> 01:03:45,210 OK. 1261 01:03:45,210 --> 01:03:46,500 Anda di depan. 1262 01:03:46,500 --> 01:03:52,041 >> AUDIENCE: Jika saya memiliki $ baris dalam hal lebih dari satu baris, artinya itu adalah 1263 01:03:52,041 --> 01:03:53,640 hanya menjadi sebuah array asosiatif? 1264 01:03:53,640 --> 01:03:59,550 >> ZAMYLA CHAN: Jadi pertanyaannya adalah jika baris memiliki lebih dari satu baris di dalamnya, tidak 1265 01:03:59,550 --> 01:04:01,800 itu menjadi sebuah array asosiatif? 1266 01:04:01,800 --> 01:04:05,680 Jadi itu adalah sebuah array asosiatif array sudah. 1267 01:04:05,680 --> 01:04:10,730 Jadi bahkan jika hanya ada satu baris kembali, maka Anda akan harus pergi ke 1268 01:04:10,730 --> 01:04:12,690 Indeks 0 hasil itu. 1269 01:04:12,690 --> 01:04:15,316 Dan kemudian Anda akan memiliki baris pertama. 1270 01:04:15,316 --> 01:04:17,482 Ya, Belinda? 1271 01:04:17,482 --> 01:04:21,258 >> AUDIENCE: Bila Anda menggunakan ===, apakah ini satu-satunya contoh? 1272 01:04:21,258 --> 01:04:22,210 Atau ada orang lain? 1273 01:04:22,210 --> 01:04:26,815 >> ZAMYLA CHAN: Jadi dalam hal ini, === adalah perbandingan seluruh jenis. 1274 01:04:26,815 --> 01:04:29,870 1275 01:04:29,870 --> 01:04:34,050 Maaf. === Adalah perbandingan yang membandingkan jenis. 1276 01:04:34,050 --> 01:04:37,620 Dan kemudian == membandingkan di semua jenis. 1277 01:04:37,620 --> 01:04:41,620 >> AUDIENCE: Bisakah Anda menjelaskan apa baris adalah dalam situasi ini? 1278 01:04:41,620 --> 01:04:45,120 Apakah baris data? 1279 01:04:45,120 --> 01:04:48,100 >> ZAMYLA CHAN: Dalam slide berikutnya, aku akan menjelaskan apa baris ini. 1280 01:04:48,100 --> 01:04:49,890 Jadi, jika Anda tidak keberatan memegang off itu. 1281 01:04:49,890 --> 01:04:50,620 Dan kemudian Anda di belakang? 1282 01:04:50,620 --> 01:04:54,699 >> AUDIENCE: Untuk fungsi seperti query, membuat dan meminta maaf [Tak terdengar]? 1283 01:04:54,699 --> 01:04:59,050 1284 01:04:59,050 --> 01:05:03,050 >> ZAMYLA CHAN: Pertanyaannya adalah apakah fungsi ini - query, meminta maaf, 1285 01:05:03,050 --> 01:05:04,510 dan membuat - 1286 01:05:04,510 --> 01:05:05,930 yang umum di PHP. 1287 01:05:05,930 --> 01:05:09,460 Ini adalah orang yang CS50 menulis untuk pset7. 1288 01:05:09,460 --> 01:05:09,910 Dan Jay? 1289 01:05:09,910 --> 01:05:15,333 >> AUDIENCE: Bila Anda perlu untuk mengatakan $ _SESSION, Adalah bahwa hanya untuk ID? 1290 01:05:15,333 --> 01:05:17,310 Atau bisa Anda mengatakan bahwa di sini? 1291 01:05:17,310 --> 01:05:23,440 >> ZAMYLA CHAN: Jadi pertanyaannya adalah, ketika kita gunakan $ _SESSION, yang spesifik 1292 01:05:23,440 --> 01:05:25,290 variabel global yang kita gunakan. 1293 01:05:25,290 --> 01:05:32,080 Di sini variabel ini akan bersifat lokal untuk fungsi kita. 1294 01:05:32,080 --> 01:05:36,588 Jadi kita hanya menyatakan variabel baru. 1295 01:05:36,588 --> 01:05:38,460 >> AUDIENCE: Bagaimana meminta maaf diimplementasikan? 1296 01:05:38,460 --> 01:05:40,960 >> ZAMYLA CHAN: Pertanyaannya adalah, bagaimana meminta maaf diimplementasikan? 1297 01:05:40,960 --> 01:05:44,180 Dan saya pikir ini adalah benar-benar cantik praktek yang baik untuk kalian untuk pergi ke 1298 01:05:44,180 --> 01:05:49,260 bagian functions.php dan melihat meminta maaf dan melihat bagaimana Anda bisa memiliki 1299 01:05:49,260 --> 01:05:50,670 melakukannya sendiri. 1300 01:05:50,670 --> 01:05:55,620 Jadi saya dapat meninggalkan bahwa untuk Anda, tetapi hanya mengatakan bahwa jika Anda melihat mohon maaf, 1301 01:05:55,620 --> 01:06:02,110 maka dibutuhkan pesan bahwa Anda disampaikan untuk meminta maaf, dan kemudian 1302 01:06:02,110 --> 01:06:06,570 membuat pesan itu. 1303 01:06:06,570 --> 01:06:08,240 Pertanyaan lagi? 1304 01:06:08,240 --> 01:06:08,710 Saya suka pertanyaan. 1305 01:06:08,710 --> 01:06:09,555 Jadi membuat mereka datang. 1306 01:06:09,555 --> 01:06:11,888 >> AUDIENCE: [Tak terdengar] 1307 01:06:11,888 --> 01:06:13,840 gema atau cetak sana? 1308 01:06:13,840 --> 01:06:15,900 >> ZAMYLA CHAN: Pertanyaannya adalah, bisa kita tidak hanya telah menempatkan 1309 01:06:15,900 --> 01:06:17,000 gema atau cetak dari sana. 1310 01:06:17,000 --> 01:06:19,710 Sehingga akan melakukan sesuatu sedikit berbeda. 1311 01:06:19,710 --> 01:06:23,750 Itu akan dicetak permintaan gagal ke dalam - 1312 01:06:23,750 --> 01:06:27,420 baik, sekarang, kita benar-benar dalam controller kita. 1313 01:06:27,420 --> 01:06:30,350 Jadi kita tidak benar-benar memiliki HTML diatur di sini. 1314 01:06:30,350 --> 01:06:34,946 Minta maaf dengan rendering apologize.php benar-benar mengarahkan Anda ke apology.php. 1315 01:06:34,946 --> 01:06:39,560 1316 01:06:39,560 --> 01:06:42,200 OK. 1317 01:06:42,200 --> 01:06:45,880 >> Jadi sekarang, mari kita pergi untuk mengatasi pertanyaan dari sebelumnya tentang apa 1318 01:06:45,880 --> 01:06:47,330 benar-benar adalah baris. 1319 01:06:47,330 --> 01:06:51,960 Nah, permintaan akan kembali array baris. 1320 01:06:51,960 --> 01:06:55,020 Dan setiap baris diwakili oleh array asosiatif. 1321 01:06:55,020 --> 01:07:02,840 Jadi jika saya telah dieksekusi beberapa SQL query dan Saya telah disimpan hasilnya dalam baris, maka 1322 01:07:02,840 --> 01:07:07,850 menggunakan loop foreach, maka array Nama adalah yang pertama di sana - baris. 1323 01:07:07,850 --> 01:07:13,170 Dan kemudian aku akan menelepon setiap baris dalam sana $ row. 1324 01:07:13,170 --> 01:07:20,060 >> Jadi iterasi lebih dari itu, saya kemudian mengakses nama kolom baris yang diberikan itu, 1325 01:07:20,060 --> 01:07:22,340 tahun kolom, dan kolom rumah. 1326 01:07:22,340 --> 01:07:28,010 Perhatikan bahwa saya tidak akan mampu melakukan hal ini dengan baris, karena indeks baris 1327 01:07:28,010 --> 01:07:29,290 Nama tidak ada. 1328 01:07:29,290 --> 01:07:31,970 Baris hanya sebuah array array asosiatif. 1329 01:07:31,970 --> 01:07:34,870 Jadi Anda memiliki dua tingkat di sana. 1330 01:07:34,870 --> 01:07:37,170 Setelah Anda memiliki array baris, Anda harus masuk ke dalam itu. 1331 01:07:37,170 --> 01:07:39,110 Dan kemudian Anda dapat mengakses kolom. 1332 01:07:39,110 --> 01:07:41,636 Apakah itu membuat jelas? 1333 01:07:41,636 --> 01:07:42,520 Ya, di depan? 1334 01:07:42,520 --> 01:07:45,490 >> AUDIENCE: [Tak terdengar] buka kurung untuk [Tak terdengar]? 1335 01:07:45,490 --> 01:07:46,220 >> ZAMYLA CHAN: Maafkan saya? 1336 01:07:46,220 --> 01:07:49,740 >> AUDIENCE: Tanda kurung terbuka. 1337 01:07:49,740 --> 01:07:52,420 >> ZAMYLA CHAN: ini di sini? 1338 01:07:52,420 --> 01:07:58,520 Itu memungkinkan saya untuk memasukkan bahwa variabel. 1339 01:07:58,520 --> 01:07:58,670 Ya. 1340 01:07:58,670 --> 01:08:01,900 >> AUDIENCE: Ketika Anda mencetak, apakah Anda mencetak ke kode HTML? 1341 01:08:01,900 --> 01:08:03,110 >> ZAMYLA CHAN: Ya. 1342 01:08:03,110 --> 01:08:07,720 Ketika saya mencetak, ini di sini adalah dalam Template sekarang, jadi 1343 01:08:07,720 --> 01:08:10,310 pandangan saya metode MVC. 1344 01:08:10,310 --> 01:08:12,750 Jadi aku mencetak ke dalam HTML. 1345 01:08:12,750 --> 01:08:16,670 >> AUDIENCE: Jadi jika kita pergi ke pengembang setelah menjalankan alat ini, kita bisa 1346 01:08:16,670 --> 01:08:17,160 yang benar-benar dalam kode? 1347 01:08:17,160 --> 01:08:18,410 >> ZAMYLA CHAN: Itu bagus pertanyaan, ya. 1348 01:08:18,410 --> 01:08:22,359 Jadi, jika Anda pergi ke alat pengembang di Firefox menggunakan Firebug atau 1349 01:08:22,359 --> 01:08:26,109 Chrome, maka ya, Anda bisa melihat HTML tertentu. 1350 01:08:26,109 --> 01:08:28,470 Jadi tidak akan menunjukkan $ row ["Nama"]. 1351 01:08:28,470 --> 01:08:32,524 Ini akan menunjukkan mana yang Nama adalah berturut-turut itu. 1352 01:08:32,524 --> 01:08:36,268 >> AUDIENCE: Hanya masalah umum, apa yang tr dan td didefinisikan sebagai? 1353 01:08:36,268 --> 01:08:37,672 Mengapa kita [Tak terdengar]? 1354 01:08:37,672 --> 01:08:41,850 1355 01:08:41,850 --> 01:08:44,814 >> ZAMYLA CHAN: Tabel baris tr, tabel maka td kolom. 1356 01:08:44,814 --> 01:08:48,060 1357 01:08:48,060 --> 01:08:49,310 OK. 1358 01:08:49,310 --> 01:08:55,771 1359 01:08:55,771 --> 01:08:56,835 >> AUDIENCE: Ya, itu data tabel. 1360 01:08:56,835 --> 01:08:58,770 >> ZAMYLA CHAN: Tabel data. 1361 01:08:58,770 --> 01:08:59,894 Ya. 1362 01:08:59,894 --> 01:09:08,670 >> AUDIENCE: Ini berturut-turut di mana baris diperlakukan seperti kolom? 1363 01:09:08,670 --> 01:09:08,910 >> ZAMYLA CHAN: Maaf. 1364 01:09:08,910 --> 01:09:10,570 Bisakah anda ulangi? 1365 01:09:10,570 --> 01:09:14,450 >> AUDIENCE: Bagaimana Anda memvisualisasikan baris? 1366 01:09:14,450 --> 01:09:16,310 >> ZAMYLA CHAN: Bagaimana Anda memvisualisasikan baris dalam apa cara? 1367 01:09:16,310 --> 01:09:21,796 Apakah Anda berbicara tentang ini baris sini atau baris tr? 1368 01:09:21,796 --> 01:09:22,630 >> AUDIENCE: Baris. 1369 01:09:22,630 --> 01:09:25,229 >> ZAMYLA CHAN: baris ini di sini? 1370 01:09:25,229 --> 01:09:28,620 Saya akan membayangkan ini sebagai Saya mengeksekusi query saya. 1371 01:09:28,620 --> 01:09:38,729 Dan ia mengatakan, OK, saya telah baik 0 sampai n jumlah baris yang cocok dengan kriteria 1372 01:09:38,729 --> 01:09:40,510 bahwa Anda telah bertanya. 1373 01:09:40,510 --> 01:09:43,740 Jadi saya memiliki beberapa jumlah baris. 1374 01:09:43,740 --> 01:09:51,450 Jadi baris, yang $ rows, toko masing-masing salah satu baris dalam array. 1375 01:09:51,450 --> 01:09:58,110 Jadi, bahkan jika itu hanya salah satu dari mereka, itu masih array baris yang cocok itu. 1376 01:09:58,110 --> 01:10:03,010 >> Jadi, misalnya, ini adalah mirip dengan ketika Anda diambil 1377 01:10:03,010 --> 01:10:05,390 cache dari pengguna. 1378 01:10:05,390 --> 01:10:10,810 Dan kriteria ada di mana ID sama dengan ID sesi. 1379 01:10:10,810 --> 01:10:14,250 Ada benar-benar hanya satu baris yang bisa cocok itu. 1380 01:10:14,250 --> 01:10:18,960 Tapi tetap saja kembali baris satu baris. 1381 01:10:18,960 --> 01:10:22,620 Jadi, Anda akan harus pergi ke baris, indeks 0, indeks cache 1382 01:10:22,620 --> 01:10:26,195 benar-benar bisa cache. 1383 01:10:26,195 --> 01:10:29,650 >> AUDIENCE: Apakah fungsi cetak dalam menggemakan hal yang sama? 1384 01:10:29,650 --> 01:10:30,670 >> ZAMYLA CHAN: Ya. 1385 01:10:30,670 --> 01:10:31,190 Ya. 1386 01:10:31,190 --> 01:10:33,304 Cetak gema yang sama. 1387 01:10:33,304 --> 01:10:42,400 >> AUDIENCE: Apakah loop foreach satunya cara untuk indeks ke baris? 1388 01:10:42,400 --> 01:10:46,110 >> ZAMYLA CHAN: Apakah loop foreach satu-satunya cara yang dapat Anda 1389 01:10:46,110 --> 01:10:47,030 iterate melalui baris? 1390 01:10:47,030 --> 01:10:47,180 Tidak. 1391 01:10:47,180 --> 01:10:51,000 Anda juga dapat menggunakan untuk loop, disediakan Anda tahu panjang 1392 01:10:51,000 --> 01:10:53,024 array baris itu. 1393 01:10:53,024 --> 01:10:58,500 >> AUDIENCE: Bisakah Anda mengaksesnya menggunakan berturut-turut sebagai [Tak terdengar]? 1394 01:10:58,500 --> 01:11:01,640 >> ZAMYLA CHAN: Jadi Anda tidak bisa mengaksesnya hanya menggunakan baris jika Anda tidak memiliki 1395 01:11:01,640 --> 01:11:05,160 loop foreach asalkan Anda belum menyatakan baris. 1396 01:11:05,160 --> 01:11:08,150 1397 01:11:08,150 --> 01:11:09,660 Ya. 1398 01:11:09,660 --> 01:11:10,810 Ya, dalam putih. 1399 01:11:10,810 --> 01:11:13,990 >> AUDIENCE: Jadi apa yang tr dan td lakukan? 1400 01:11:13,990 --> 01:11:16,790 >> ZAMYLA CHAN: Jadi tr dan td adalah tag HTML. 1401 01:11:16,790 --> 01:11:19,590 tr menunjukkan awal dari baris tabel. 1402 01:11:19,590 --> 01:11:26,625 Dan setiap td menunjukkan tabel baru kolom data. 1403 01:11:26,625 --> 01:11:32,275 >> AUDIENCE: Untuk visual dari apa baris adalah seperti, bayangkan SQL, bagaimana 1404 01:11:32,275 --> 01:11:33,510 mereka memiliki berturut-turut. 1405 01:11:33,510 --> 01:11:35,980 [Tak terdengar]. 1406 01:11:35,980 --> 01:11:36,390 >> ZAMYLA CHAN: Ya. 1407 01:11:36,390 --> 01:11:37,630 Itu poin yang bagus. 1408 01:11:37,630 --> 01:11:41,510 Anda dapat memvisualisasikan baris hanya sebagai seperti pada tabel Excel, hanya 1409 01:11:41,510 --> 01:11:44,540 daftar baris. 1410 01:11:44,540 --> 01:11:46,870 OK. 1411 01:11:46,870 --> 01:11:47,230 Baik. 1412 01:11:47,230 --> 01:11:50,740 Jadi sekarang kita sudah lebih pilih, jika tidak ada pertanyaan lagi, kita akan 1413 01:11:50,740 --> 01:11:52,970 pergi ke insert. 1414 01:11:52,970 --> 01:11:58,220 Jadi jika saya ingin memasukkan ke dalam beberapa meja dan menyisipkan kolom tertentu 1415 01:11:58,220 --> 01:12:02,320 nilai-nilai, aku bisa memasukkan diriku ke Ravenclaw di tahun 7. 1416 01:12:02,320 --> 01:12:07,245 Tapi kadang-kadang mungkin ada duplikat nilai-nilai, seperti yang kita lihat di pset7 ketika kita 1417 01:12:07,245 --> 01:12:09,240 yang memperbarui portofolio kami. 1418 01:12:09,240 --> 01:12:15,610 >> Jadi dalam hal ini, kita ingin menggunakan ON DUPLICATE KEY UPDATE, sehingga kita tidak 1419 01:12:15,610 --> 01:12:18,280 menyimpan beberapa baris dengan sama nilai melainkan memperbaruinya. 1420 01:12:18,280 --> 01:12:21,780 1421 01:12:21,780 --> 01:12:25,560 Kemudian kita benar-benar memiliki pembaruan, yang bukan merupakan insert. 1422 01:12:25,560 --> 01:12:30,100 Ini hanya update di mana Anda memperbarui dalam tabel tertentu dengan diberikan 1423 01:12:30,100 --> 01:12:34,403 kriteria dan kemudian, akhirnya, menghapus, yang melakukan hal yang sangat mirip. 1424 01:12:34,403 --> 01:12:40,200 >> AUDIENCE: Bisakah Anda secara singkat pergi ke kunci duplikat? 1425 01:12:40,200 --> 01:12:40,850 >> ZAMYLA CHAN: Ya. 1426 01:12:40,850 --> 01:12:48,340 Pada dasarnya di sini, saya memiliki INSERT INTO Gringotts, adalah, Galleon, nilai-nilai ini. 1427 01:12:48,340 --> 01:12:56,900 Tapi ID, mungkin, adalah kunci yang unik nilai set up dalam tabel MySQL. 1428 01:12:56,900 --> 01:13:06,750 Jadi jika saya sudah ID yang mengatur, maka saya tidak bisa menyisipkan baris baru. 1429 01:13:06,750 --> 01:13:10,961 Jadi jika tidak ada sudah, maka saya harus memperbaruinya. 1430 01:13:10,961 --> 01:13:16,040 1431 01:13:16,040 --> 01:13:17,722 Di tengah dalam putih. 1432 01:13:17,722 --> 01:13:21,570 >> AUDIENCE: Jadi memasukkan, update, menghapus, dan pilih, adalah mereka semua tersedia 1433 01:13:21,570 --> 01:13:22,875 lokal [Tak terdengar]? 1434 01:13:22,875 --> 01:13:27,320 1435 01:13:27,320 --> 01:13:29,630 >> ZAMYLA CHAN: Jadi masukkan, memperbarui, menghapus, dan 1436 01:13:29,630 --> 01:13:31,120 pilih semua query SQL. 1437 01:13:31,120 --> 01:13:34,970 Jadi, setiap kali Anda menggunakan SQL, Anda akan memiliki orang-orang yang tersedia. 1438 01:13:34,970 --> 01:13:38,226 1439 01:13:38,226 --> 01:13:40,706 >> AUDIENCE: Kembali ke kuis masa lalu - 1440 01:13:40,706 --> 01:13:44,178 ada pertanyaan yang berhubungan dengan jika Anda memiliki meja dan ingin 1441 01:13:44,178 --> 01:13:52,610 menyisipkan nilai tes dalam satu dan Anda memasukkan Nama Anda sehingga tidak akan membiarkan Anda 1442 01:13:52,610 --> 01:13:54,594 [Tak terdengar] teman Anda skor tes. 1443 01:13:54,594 --> 01:13:59,060 Bagaimana Anda akan melakukannya dengan insert? 1444 01:13:59,060 --> 01:14:02,490 >> ZAMYLA CHAN: Jadi pertanyaannya adalah tentang pertanyaan jangka menengah sebelumnya. 1445 01:14:02,490 --> 01:14:04,320 Aku tidak menyadari yang satu itu sekarang. 1446 01:14:04,320 --> 01:14:06,790 Jadi mungkin setelah itu, jika Anda ingin datang dan menunjukkan saya, maka saya bisa 1447 01:14:06,790 --> 01:14:08,155 tentu memberikan tips. 1448 01:14:08,155 --> 01:14:11,250 1449 01:14:11,250 --> 01:14:15,460 Tapi berbicara memasukkan hal-hal, seperti mengambil nilai seseorang ketika Anda 1450 01:14:15,460 --> 01:14:18,800 seharusnya tidak, mari kita bicara tentang Serangan injeksi SQL. 1451 01:14:18,800 --> 01:14:22,050 Jadi serangan injeksi SQL pada dasarnya di mana seseorang mengambil 1452 01:14:22,050 --> 01:14:27,680 keuntungan dari keamanan rendah dari cara yang kita pakai dalam data. 1453 01:14:27,680 --> 01:14:35,660 >> Jadi di sini, seperti di CS50 keuangan, ketika kita masuk, kita bisa masuk dalam 1454 01:14:35,660 --> 01:14:39,510 nama-pengguna dalam form login, kotak teks pertama, dan 1455 01:14:39,510 --> 01:14:41,570 kemudian masukkan password. 1456 01:14:41,570 --> 01:14:45,610 Mungkin kode PHP kita mungkin terlihat sesuatu seperti ini, di mana $ username 1457 01:14:45,610 --> 01:14:51,410 adalah username dan password pasca-Data adalah sandi pasca-data. 1458 01:14:51,410 --> 01:14:55,110 Dan kemudian kita hanya mengeksekusi query kita, katakanlah, OK, baik, permintaan kita akan 1459 01:14:55,110 --> 01:14:57,990 pilih dari pengguna kami, di mana username adalah 1460 01:14:57,990 --> 01:14:58,970 salah satu yang mereka disampaikan. 1461 01:14:58,970 --> 01:15:06,870 Dan password adalah password, yang berarti bahwa password cocok. 1462 01:15:06,870 --> 01:15:12,670 >> Sekarang, bagaimana jika bukan benar-benar mengirimkan password yang sebenarnya, seperti 1463 01:15:12,670 --> 01:15:16,850 12345 dan menebak-nebak cabang yang mengatakan kata sandi dan mencoba untuk hack mereka 1464 01:15:16,850 --> 01:15:21,460 akun, bagaimana jika sebaliknya mereka disampaikan ini. 1465 01:15:21,460 --> 01:15:24,380 Mereka bisa ketik mungkin menebak di password. 1466 01:15:24,380 --> 01:15:30,480 Dan kemudian mereka akan menyelesaikan quote kemudian ketik atau 1 = 1. 1467 01:15:30,480 --> 01:15:35,160 Itu akan kecepatan langsung ke SQL query untuk terlihat seperti ini. 1468 01:15:35,160 --> 01:15:38,200 Pilih dari pengguna dimana username = Garpu dan kata sandi 1469 01:15:38,200 --> 01:15:41,450 sama lily atau 1 = 1. 1470 01:15:41,450 --> 01:15:45,450 >> Jadi baik password memiliki benar atau 1 = 1, 1471 01:15:45,450 --> 01:15:47,870 yang selalu benar. 1472 01:15:47,870 --> 01:15:52,780 Jadi dalam hal ini, pada dasarnya, pengguna dapat mengambil keuntungan dari ini dan hanya log 1473 01:15:52,780 --> 01:15:55,240 diri dan hack rekening seseorang. 1474 01:15:55,240 --> 01:15:58,950 Jadi itu sebabnya kami ingin menghindari seseorang harus melakukan ini. 1475 01:15:58,950 --> 01:16:03,890 Tapi untungnya, fungsi query dengan lewat di penampung akan mengambil 1476 01:16:03,890 --> 01:16:04,800 mengurus ini untuk Anda. 1477 01:16:04,800 --> 01:16:08,570 Juga, Anda akan biasanya tidak pernah ingin untuk benar-benar menyerahkan password 1478 01:16:08,570 --> 01:16:09,310 sendiri. 1479 01:16:09,310 --> 01:16:14,115 Itu sebabnya kami hashed atau dienkripsi mereka dalam CS50 keuangan. 1480 01:16:14,115 --> 01:16:17,553 >> AUDIENCE: The kuis masa lalu berbicara tentang MySQL escape string. 1481 01:16:17,553 --> 01:16:21,800 Apakah kita perlu khawatir tentang hal itu? 1482 01:16:21,800 --> 01:16:22,670 >> ZAMYLA CHAN: Itu pertanyaan yang bagus. 1483 01:16:22,670 --> 01:16:29,050 The MySQL escape string jelas merupakan suatu fungsi yang digunakan dalam query kita. 1484 01:16:29,050 --> 01:16:30,420 Tapi yang pasti melihat ke dalam. 1485 01:16:30,420 --> 01:16:32,950 Saya akan mengatakan bahwa permainan adil untuk mengetahui bahwa Anda akan perlu untuk memanggil yang 1486 01:16:32,950 --> 01:16:34,370 berfungsi pada string. 1487 01:16:34,370 --> 01:16:35,245 Ya, Belinda? 1488 01:16:35,245 --> 01:16:38,606 >> AUDIENCE: Bagaimana Anda tahu kapan itu tanda kutip tunggal atau tanda kutip ganda? 1489 01:16:38,606 --> 01:16:43,516 Dan juga, saya merasa seperti di kuliah Anda menyebutkan sesuatu tentang tidak memiliki 1490 01:16:43,516 --> 01:16:48,426 yang [Tak terdengar] atau sesuatu atau kedua kutip tunggal di akhir. 1491 01:16:48,426 --> 01:16:56,407 1492 01:16:56,407 --> 01:17:00,825 Saya pikir dia menunjukkan dalam kuliah yang Anda seharusnya memiliki apostrof 1 1493 01:17:00,825 --> 01:17:04,290 dan kemudian tidak memiliki apostrof atau sesuatu. 1494 01:17:04,290 --> 01:17:05,540 >> AUDIENCE: [Tak terdengar]. 1495 01:17:05,540 --> 01:17:14,860 1496 01:17:14,860 --> 01:17:18,657 >> AUDIENCE: Masalahnya adalah single terakhir kutipan di sana dalam kotak kedua 1497 01:17:18,657 --> 01:17:19,391 seharusnya tidak ada. 1498 01:17:19,391 --> 01:17:21,840 [Tak terdengar] 1499 01:17:21,840 --> 01:17:26,730 Karena ketika Anda mengambil single terakhir mengutip dan cocok untuk konten ini 1500 01:17:26,730 --> 01:17:30,522 mana password, jika Anda memiliki query, ada satu kutipan di 1501 01:17:30,522 --> 01:17:31,340 akhir sudah. 1502 01:17:31,340 --> 01:17:36,580 Anda ingin menggunakan kutip tunggal sebagai salah satu yang menghadap satu 1503 01:17:36,580 --> 01:17:37,574 [Tak terdengar]. 1504 01:17:37,574 --> 01:17:42,820 Jadi apa sebenarnya dalam teks yang kotak tidak harus memiliki itu. 1505 01:17:42,820 --> 01:17:44,070 >> ZAMYLA CHAN: Aku akan mengubah itu. 1506 01:17:44,070 --> 01:17:56,490 1507 01:17:56,490 --> 01:17:56,880 OK. 1508 01:17:56,880 --> 01:18:00,435 Jika tidak ada pertanyaan, maka aku akan menyebarkannya ke Yusuf untuk berbicara 1509 01:18:00,435 --> 01:18:04,332 tentang JavaScript, dan lain-lain. 1510 01:18:04,332 --> 01:18:09,540 >> [Tepuk Tangan] 1511 01:18:09,540 --> 01:18:11,660 >> JOSEPH ONG: Jadi kita menjalankan sedikit di belakang. 1512 01:18:11,660 --> 01:18:13,280 Jadi jika Anda harus pergi, itu OK. 1513 01:18:13,280 --> 01:18:16,540 Tapi kami meminta Anda untuk menjaga kepala Anda ke bawah jika Anda berada di tengah, sehingga Anda 1514 01:18:16,540 --> 01:18:19,560 tidak memblokir kamera dan Anda menggunakan keluar kembali jika Anda harus. 1515 01:18:19,560 --> 01:18:25,010 1516 01:18:25,010 --> 01:18:26,306 Aku Joseph by the way. 1517 01:18:26,306 --> 01:18:27,556 Hi. 1518 01:18:27,556 --> 01:18:37,910 1519 01:18:37,910 --> 01:18:38,630 Tes, tes. 1520 01:18:38,630 --> 01:18:39,630 Dan, adalah bahwa baik? 1521 01:18:39,630 --> 01:18:40,880 Keren. 1522 01:18:40,880 --> 01:18:44,460 1523 01:18:44,460 --> 01:18:47,600 >> Jadi video juga akan diposting online bagi mereka yang 1524 01:18:47,600 --> 01:18:48,850 harus pergi sekarang. 1525 01:18:48,850 --> 01:18:51,350 1526 01:18:51,350 --> 01:18:52,600 Canggung. 1527 01:18:52,600 --> 01:18:56,300 1528 01:18:56,300 --> 01:18:57,510 OK. 1529 01:18:57,510 --> 01:18:59,730 Jadi review kuis. 1530 01:18:59,730 --> 01:19:00,980 Ini adalah kucing. 1531 01:19:00,980 --> 01:19:03,150 1532 01:19:03,150 --> 01:19:07,170 Sekarang, JavaScript, yang mungkin tidak sebagai aww untuk beberapa dari kalian. 1533 01:19:07,170 --> 01:19:07,370 OK. 1534 01:19:07,370 --> 01:19:09,280 Jadi itu pertama, ingat dari Zamyla. 1535 01:19:09,280 --> 01:19:11,270 Ingat bahwa PHP adalah berjalan di server. 1536 01:19:11,270 --> 01:19:15,230 Dan banyak kali, kalian menulis loop di PHP untuk mencetak HTML, kan? 1537 01:19:15,230 --> 01:19:19,170 Jadi sekali kode yang mengeksekusi, yang HTML output yang Anda mencetak 1538 01:19:19,170 --> 01:19:20,500 akan dikirim ke pengguna. 1539 01:19:20,500 --> 01:19:25,960 Dan sekali itu terjadi, tidak lebih PHP dapat dijalankan, kecuali jika Anda kembali halaman tersebut, dari 1540 01:19:25,960 --> 01:19:27,660 Tentu saja, yang reexecutes PHP. 1541 01:19:27,660 --> 01:19:30,080 Tapi setelah Anda mencetak HTML itu, Anda tidak bisa pergi ke mana pun. 1542 01:19:30,080 --> 01:19:33,580 >> Jadi HTML yang dikirimkan ke pengguna, yang merupakan browser di sini, di mana 1543 01:19:33,580 --> 01:19:35,470 Milo menggunakan komputer. 1544 01:19:35,470 --> 01:19:40,340 Dan begitu baik, ada beberapa hal setelah kami mengirim HTML kepada pengguna. 1545 01:19:40,340 --> 01:19:43,350 Kadang-kadang kita ingin melakukan sesuatu seperti ketika Anda mengklik pada sesuatu, kita ingin 1546 01:19:43,350 --> 01:19:47,350 kotak peringatan pop up, orang-orang macam interaksi, seperti ketika Anda menekan 1547 01:19:47,350 --> 01:19:50,740 kunci, ketika Anda mengklik sesuatu pada halaman, saya ingin sesuatu terjadi. 1548 01:19:50,740 --> 01:19:54,550 Nah, Anda tidak bisa laksanakan ulang PHP kode HTML sekali yang ditetapkan. 1549 01:19:54,550 --> 01:19:55,900 Jadi bagaimana Anda melakukan ini? 1550 01:19:55,900 --> 01:19:59,930 >> Kami memperkenalkan bahasa baru yang disebut JavaScript, yang berjalan di browser 1551 01:19:59,930 --> 01:20:02,890 yang memungkinkan Anda untuk melakukan hal-hal HTML setelah Anda menerima 1552 01:20:02,890 --> 01:20:04,020 dari server. 1553 01:20:04,020 --> 01:20:07,050 Dan inilah mengapa kami menyebutnya sebagai client-side bahasa pemrograman. 1554 01:20:07,050 --> 01:20:09,110 Ia bekerja pada komputer Anda - 1555 01:20:09,110 --> 01:20:11,400 klien. 1556 01:20:11,400 --> 01:20:13,830 Setiap pertanyaan tentang hal itu sejauh ini? 1557 01:20:13,830 --> 01:20:15,650 Paradigma yang masuk akal untuk orang-orang? 1558 01:20:15,650 --> 01:20:16,010 OK. 1559 01:20:16,010 --> 01:20:16,790 Baik. 1560 01:20:16,790 --> 01:20:17,340 Baik. 1561 01:20:17,340 --> 01:20:20,850 Jadi hal pertama yang harus diperhatikan adalah JavaScript tidak PHP. 1562 01:20:20,850 --> 01:20:23,010 >> Mereka memiliki beberapa sintaks yang berbeda, yang kita akan masuk ke dalam. 1563 01:20:23,010 --> 01:20:24,530 Dan mereka memiliki kegunaan yang sangat berbeda. 1564 01:20:24,530 --> 01:20:26,640 JavaScript, sekali lagi, untuk Anda Browser, untuk klien. 1565 01:20:26,640 --> 01:20:30,640 Server berjalan di suatu tempat di orang lain komputer yang mengirimkan informasi 1566 01:20:30,640 --> 01:20:31,720 kepada Anda, benar? 1567 01:20:31,720 --> 01:20:36,730 Jadi jika kami meminta Anda untuk menulis kode PHP pada pertanyaan ujian, jangan menulis 1568 01:20:36,730 --> 01:20:38,710 JavaScript dan sebaliknya. 1569 01:20:38,710 --> 01:20:41,710 Anda hanya akan kehilangan poin, dan itu tidak akan tepat. 1570 01:20:41,710 --> 01:20:43,690 >> Jadi mari kita masuk ke beberapa perbedaan sintaks - 1571 01:20:43,690 --> 01:20:46,140 JavaScript di sebelah kiri dan PHP di sebelah kanan. 1572 01:20:46,140 --> 01:20:48,670 Hal pertama yang Anda akan melihat dengan JavaScript, kita mendeklarasikan variabel dengan 1573 01:20:48,670 --> 01:20:49,440 kata kunci var - 1574 01:20:49,440 --> 01:20:53,590 V-A-R. PHP menggunakan tanda dolar, sebagai Zamyla dibahas sebelumnya. 1575 01:20:53,590 --> 01:20:57,570 Jika Anda ingin mendeklarasikan asosiatif array, kita melihat sintaks akrab di 1576 01:20:57,570 --> 01:20:59,030 sisi kanan dengan PHP. 1577 01:20:59,030 --> 01:21:01,630 Di sisi kiri, bukan Anda menggunakan kurung kurawal. 1578 01:21:01,630 --> 01:21:03,280 Dan kemudian kunci Anda berada di sebelah kiri. 1579 01:21:03,280 --> 01:21:04,670 Maka Anda memiliki titik dua. 1580 01:21:04,670 --> 01:21:06,560 Dan kemudian Anda memiliki nilai-nilai yang Anda inginkan. 1581 01:21:06,560 --> 01:21:09,840 >> Jadi ini adalah bagaimana Anda akan melakukannya di PHP di sisi kanan dengan kedua 1582 01:21:09,840 --> 01:21:10,955 baris yang dimulai pada Milo. 1583 01:21:10,955 --> 01:21:14,540 Dan itu adalah bagaimana Anda akan melakukannya pada meninggalkan sisi dalam JavaScript jika Anda ingin 1584 01:21:14,540 --> 01:21:16,110 apa yang kita sebut sebuah objek. 1585 01:21:16,110 --> 01:21:19,340 Dan benda-benda di JavaScript adalah hanya array asosiatif. 1586 01:21:19,340 --> 01:21:23,710 Jadi jika Anda ingin mengakses bidang, di PHP Anda menggunakan sintaks braket ini. 1587 01:21:23,710 --> 01:21:27,170 Dan cara ini, Anda dapat menetapkan kembali bidang pemilik ini untuk Lauren. 1588 01:21:27,170 --> 01:21:30,150 >> Nah, dalam JavaScript, jika salah satu ingin mengakses lapangan dan mengubahnya, Anda dapat 1589 01:21:30,150 --> 01:21:31,370 menggunakan sintaks dot. 1590 01:21:31,370 --> 01:21:33,860 Anda juga dapat menggunakan sintaks braket. 1591 01:21:33,860 --> 01:21:35,550 Tetapi Anda tidak dapat menggunakan dot sintaks PHP. 1592 01:21:35,550 --> 01:21:36,525 Itu tidak akan bekerja. 1593 01:21:36,525 --> 01:21:38,910 Ini hanya bekerja di PHP. 1594 01:21:38,910 --> 01:21:42,060 Dan akhirnya, untuk mencetak sesuatu ke konsol, Anda menggunakan console.log, yang 1595 01:21:42,060 --> 01:21:43,720 kalian menggunakan banyak dalam pset8. 1596 01:21:43,720 --> 01:21:45,260 Anda dapat console.log itu. 1597 01:21:45,260 --> 01:21:50,030 >> Jika Anda ingin mencetak array dalam PHP, Anda harus menggunakan print r. 1598 01:21:50,030 --> 01:21:53,240 Dan di sisi kanan, Anda melihat saya hash Rangkaian string di sana. 1599 01:21:53,240 --> 01:21:54,070 Seseorang bertanya sebelumnya. 1600 01:21:54,070 --> 01:21:55,850 Saya menggunakan plus dalam JavaScript. 1601 01:21:55,850 --> 01:21:59,800 Jika saya ingin menyatukan sesuatu di PHP, saya menggunakan dot. 1602 01:21:59,800 --> 01:22:00,800 Ini berbeda. 1603 01:22:00,800 --> 01:22:03,420 Jika Anda menulis kode PHP, tidak menggunakan plus. 1604 01:22:03,420 --> 01:22:06,810 Jika Anda menulis JavaScript kode, tidak menulis titik. 1605 01:22:06,810 --> 01:22:08,230 Ini akan menjadi salah. 1606 01:22:08,230 --> 01:22:09,640 Dan Anda akan sedih. 1607 01:22:09,640 --> 01:22:11,000 >> Jadi perbedaan sintaks. 1608 01:22:11,000 --> 01:22:14,710 Tahu sintaks Anda, karena jika Anda harus menulis pertanyaan dan Anda menggunakan sintaks 1609 01:22:14,710 --> 01:22:16,890 dari bahasa yang salah, itu tidak akan berhasil. 1610 01:22:16,890 --> 01:22:19,520 Dan itu akan salah. 1611 01:22:19,520 --> 01:22:22,420 Jadi mari kita bicara tentang beberapa kontrol perbedaan aliran, bagaimana Anda menggunakan 1612 01:22:22,420 --> 01:22:24,040 loop dalam masing-masing. 1613 01:22:24,040 --> 01:22:26,610 Zamyla pergi ke sisi kanan. 1614 01:22:26,610 --> 01:22:27,780 Stuff di sisi kanan harus akrab. 1615 01:22:27,780 --> 01:22:29,670 Mari kita lihat di sisi kiri. 1616 01:22:29,670 --> 01:22:34,830 >> Bila Anda gunakan untuk n loop dalam JavaScript, variabel loop Anda, var i di sana, 1617 01:22:34,830 --> 01:22:37,210 loop atas kunci array. 1618 01:22:37,210 --> 01:22:39,150 Jadi Anda lihat nama, rumah, dan peran. 1619 01:22:39,150 --> 01:22:42,440 Jika saya console.log i, saya mendapatkan nama, rumah, dan peran. 1620 01:22:42,440 --> 01:22:44,720 Mereka adalah kunci. 1621 01:22:44,720 --> 01:22:50,080 Dalam JavaScript, loop foreach pergi atas nilai array ini. 1622 01:22:50,080 --> 01:22:52,040 Jadi Anda melihat mereka berdua i. 1623 01:22:52,040 --> 01:22:56,000 Namun dalam sini di sisi PHP, mencetak out Milo, CS50, dan Mascot. 1624 01:22:56,000 --> 01:22:57,390 Mereka adalah nilai dalam PHP. 1625 01:22:57,390 --> 01:23:00,180 >> Jadi ini adalah bagaimana kedua hal ini berbeda dalam bahasa yang berbeda. 1626 01:23:00,180 --> 01:23:02,970 Jadi, jika Anda menggunakan foreach lingkaran, jangan menganggap bahwa 1627 01:23:02,970 --> 01:23:03,760 memberi Anda kunci. 1628 01:23:03,760 --> 01:23:08,010 Dan jika Anda menggunakan untuk n lingkaran, jangan menganggap itu memberi Anda nilai. 1629 01:23:08,010 --> 01:23:10,420 Apakah ini masuk akal sejauh ini? 1630 01:23:10,420 --> 01:23:13,630 Slide berikut akan menunjukkan kepada Anda bagaimana Anda dapat mengakses sebaliknya di 1631 01:23:13,630 --> 01:23:15,160 masing-masing. 1632 01:23:15,160 --> 01:23:18,550 >> Nah, jika Anda memiliki kunci dalam JavaScript dan Anda ingin nilai keluar, 1633 01:23:18,550 --> 01:23:20,440 Anda hanya indeks ke dalam array dengan itu. 1634 01:23:20,440 --> 01:23:23,640 Jadi Milo dari saya akan mendapatkan apa Anda inginkan - nilai. 1635 01:23:23,640 --> 01:23:25,260 Ada sintaks ini di PHP yang berbeda. 1636 01:23:25,260 --> 01:23:28,140 Jika Anda benar-benar ingin tahu, aku tidak pikir kami telah menunjukkan kepada Anda belum. 1637 01:23:28,140 --> 01:23:31,740 Tetapi jika Anda tertarik, Anda dapat menggunakan sintaks tambahan di sebelah kanan 1638 01:23:31,740 --> 01:23:35,130 sisi yang benar-benar akan membiarkan Anda mendapatkan kunci dalam PHP ketika Anda menggunakan 1639 01:23:35,130 --> 01:23:35,880 loop foreach. 1640 01:23:35,880 --> 01:23:39,640 Jadi hanya sedikit trivia jika Anda tertarik. 1641 01:23:39,640 --> 01:23:42,630 >> Jadi itu hanya untuk menunjukkan perbedaan antara dua loop tersebut. 1642 01:23:42,630 --> 01:23:47,060 Jangan mencampur mereka ketika Anda pemrograman pertanyaan. 1643 01:23:47,060 --> 01:23:49,774 Setiap pertanyaan tentang itu. 1644 01:23:49,774 --> 01:23:50,770 Keren. 1645 01:23:50,770 --> 01:23:51,310 Baik. 1646 01:23:51,310 --> 01:23:52,250 JavaScript obyek. 1647 01:23:52,250 --> 01:23:53,040 Saya berbicara tentang mereka. 1648 01:23:53,040 --> 01:23:54,650 Mereka seperti array asosiatif. 1649 01:23:54,650 --> 01:23:57,730 Satu hal yang saya ingin Anda untuk dicatat di sini adalah bahwa nilai dalam sebuah asosiatif 1650 01:23:57,730 --> 01:23:59,540 array dapat menjadi apa pun dalam JavaScript. 1651 01:23:59,540 --> 01:24:02,240 >> Ia bahkan bisa menjadi fungsi, seperti di sana. 1652 01:24:02,240 --> 01:24:04,600 Saya memiliki fungsi yang adalah nilai kunci. 1653 01:24:04,600 --> 01:24:07,030 Dan jika saya ingin memanggil fungsi itu, Aku hanya mengakses kulit. 1654 01:24:07,030 --> 01:24:08,490 Dan kemudian saya menempatkan tanda kurung setelah itu. 1655 01:24:08,490 --> 01:24:09,790 Dan yang bekerja. 1656 01:24:09,790 --> 01:24:15,570 Jadi pertanyaan? 1657 01:24:15,570 --> 01:24:16,370 Tidak ada? 1658 01:24:16,370 --> 01:24:16,650 OK. 1659 01:24:16,650 --> 01:24:18,190 Baik. 1660 01:24:18,190 --> 01:24:20,130 JavaScript, seperti PHP, longgar diketik. 1661 01:24:20,130 --> 01:24:20,970 Apa artinya? 1662 01:24:20,970 --> 01:24:22,380 >> Itu memang memiliki jenis. 1663 01:24:22,380 --> 01:24:24,800 Tetapi ketika Anda mendeklarasikan JavaScript variabel, Anda mengatakan var i. 1664 01:24:24,800 --> 01:24:25,850 Anda tidak mengatakannya. 1665 01:24:25,850 --> 01:24:26,460 Itu bukan apa-apa. 1666 01:24:26,460 --> 01:24:28,000 Anda hanya mengatakan itu variabel. 1667 01:24:28,000 --> 01:24:31,590 Dan kemudian JavaScript akan menangani jenis di bawah tenda untuk Anda. 1668 01:24:31,590 --> 01:24:34,390 Kita bebas dapat mengkonversi antara jenis karena hal ini. 1669 01:24:34,390 --> 01:24:37,360 Jadi saya mulai keluar sebagai nomor dalam kasus ini. 1670 01:24:37,360 --> 01:24:38,790 Dan kemudian saya memiliki sebuah string. 1671 01:24:38,790 --> 01:24:39,710 Dan saya menambahkan saya untuk itu. 1672 01:24:39,710 --> 01:24:41,810 Dan aku menetapkan kembali kembali ke i. 1673 01:24:41,810 --> 01:24:43,640 >> Jadi pada baris pertama, i adalah nomor. 1674 01:24:43,640 --> 01:24:47,310 Pada baris kedua, saya sekarang menjadi String setelah saya melakukan pergantian tersebut. 1675 01:24:47,310 --> 01:24:52,820 Dan di sini, aku hanya concatenating nomor ke string. 1676 01:24:52,820 --> 01:24:56,210 Jadi, Anda melihat bahwa meskipun saya adalah integer dalam bagian pertama, itu semacam 1677 01:24:56,210 --> 01:24:58,500 seperti yang dikonversi ke String dan kemudian ditambahkan 1678 01:24:58,500 --> 01:25:00,510 ke yang halo tali. 1679 01:25:00,510 --> 01:25:02,340 Dan itulah apa yang saya maksud dengan mengetik longgar. 1680 01:25:02,340 --> 01:25:04,760 Itu yang Anda mengkonversi antara jenis yang sangat mudah. 1681 01:25:04,760 --> 01:25:08,840 Dan tidak membuang peringatan Anda seperti C tidak. 1682 01:25:08,840 --> 01:25:12,420 >> Jadi saya sekarang berisi halo 123 ke string. 1683 01:25:12,420 --> 01:25:13,270 Berikutnya. 1684 01:25:13,270 --> 01:25:15,610 Kita juga bisa dengan bebas membandingkan antara jenis. 1685 01:25:15,610 --> 01:25:19,310 Jadi, jika Anda hanya menggunakan ==, sangat banyak seperti di PHP, JavaScript 1686 01:25:19,310 --> 01:25:20,480 melakukan hal yang sama. 1687 01:25:20,480 --> 01:25:24,780 String 123 adalah sama dengan jumlah 123 ketika Anda menggunakan equals ganda. 1688 01:25:24,780 --> 01:25:27,820 Ketika digunakan sama dengan tiga, juga ingin memastikan bahwa 1689 01:25:27,820 --> 01:25:29,240 Tipe adalah sama. 1690 01:25:29,240 --> 01:25:31,960 Jadi karena itu adalah string dan yang nomor, meskipun mereka berdua 1691 01:25:31,960 --> 01:25:35,280 123, bila Anda menggunakan tiga sama, Anda mendapatkan palsu. 1692 01:25:35,280 --> 01:25:39,330 Dalam dua kali lipat sama dengan kasus, Anda mendapatkan benar, karena equals ganda tidak 1693 01:25:39,330 --> 01:25:40,020 peduli jenis. 1694 01:25:40,020 --> 01:25:42,500 Equals tiga tidak peduli jenis. 1695 01:25:42,500 --> 01:25:43,750 Pertanyaan? 1696 01:25:43,750 --> 01:25:45,790 1697 01:25:45,790 --> 01:25:48,390 OK. 1698 01:25:48,390 --> 01:25:52,870 >> Dan satu hal lagi tentang JavaScript adalah lingkup adalah jenis global kecuali Anda 1699 01:25:52,870 --> 01:25:53,460 dalam suatu fungsi. 1700 01:25:53,460 --> 01:25:55,660 Dan bekerja sama cara PHP sebenarnya. 1701 01:25:55,660 --> 01:25:57,500 Jadi mari kita pergi melalui contoh ini. 1702 01:25:57,500 --> 01:25:59,110 Saya set i 999. 1703 01:25:59,110 --> 01:26:00,900 Dan kemudian saya pergi ke ini untuk loop. 1704 01:26:00,900 --> 01:26:06,110 Jadi jika saya mencetak i dalam hal ini untuk lingkaran, saya berharap 0, 1, 2, 3, 4. 1705 01:26:06,110 --> 01:26:07,390 Saya mendapatkan i = 4. 1706 01:26:07,390 --> 01:26:10,770 Ia bertambah saya sekarang untuk 5 at akhir untuk loop. 1707 01:26:10,770 --> 01:26:13,300 Dan kemudian istirahat keluar dari loop, karena tidak memenuhi 1708 01:26:13,300 --> 01:26:14,550 kondisi lagi. 1709 01:26:14,550 --> 01:26:16,650 >> Apa yang Anda berpikir bahwa selanjutnya console.log mencetak? 1710 01:26:16,650 --> 01:26:20,570 1711 01:26:20,570 --> 01:26:24,790 Jadi itulah yang akan dilakukan di C. Dalam C, karena jika Anda memiliki seperti var i luar 1712 01:26:24,790 --> 01:26:28,855 dan Anda memiliki var i di dalam lingkaran, seperti untuk loop, maka itu membuatnya sedemikian rupa sehingga 1713 01:26:28,855 --> 01:26:30,690 itu scoped bahwa dua i adalah berbeda. 1714 01:26:30,690 --> 01:26:34,630 Dalam JavaScript, itu hanya akan memperlakukannya sebagai i yang sama. 1715 01:26:34,630 --> 01:26:37,870 Saya mendapatkan 5, karena itu adalah nilai setelah keluar dari loop. 1716 01:26:37,870 --> 01:26:39,120 Jadi mereka i adalah i yang sama. 1717 01:26:39,120 --> 01:26:42,620 1718 01:26:42,620 --> 01:26:44,130 Apakah itu masuk akal? 1719 01:26:44,130 --> 01:26:45,720 >> Yah, masuk akal dari sudut pandang JavaScript. 1720 01:26:45,720 --> 01:26:49,510 Tapi paradigma yang sama tidak membawa ke C. Mereka memiliki 1721 01:26:49,510 --> 01:26:50,310 aturan scoping yang berbeda. 1722 01:26:50,310 --> 01:26:50,630 Ya. 1723 01:26:50,630 --> 01:26:52,566 >> AUDIENCE: [Tak terdengar] 1724 01:26:52,566 --> 01:26:54,990 di luar fungsi [Tak terdengar]? 1725 01:26:54,990 --> 01:26:58,340 >> JOSEPH ONG: Jadi di luar fungsi yang? 1726 01:26:58,340 --> 01:27:00,810 Jadi saya akan mendapatkan bahwa hanya dalam satu detik. 1727 01:27:00,810 --> 01:27:02,580 Jadi kita sebut foo (i). 1728 01:27:02,580 --> 01:27:06,920 Ini melewati i ke foo, kenaikan , dan kemudian log itu. 1729 01:27:06,920 --> 01:27:07,750 Jadi itu 5. 1730 01:27:07,750 --> 01:27:09,210 Sehingga menjadi 6. 1731 01:27:09,210 --> 01:27:11,670 Tapi apa yang saya bicarakan adalah bahwa saya dalam fungsi itu. 1732 01:27:11,670 --> 01:27:14,430 Karena itu parameter, itu scoped untuk fungsi tersebut. 1733 01:27:14,430 --> 01:27:17,800 Jadi sekali saya benar-benar keluar dari itu fungsi, sekarang akan pergi 1734 01:27:17,800 --> 01:27:19,860 kembali ke i lama. 1735 01:27:19,860 --> 01:27:23,000 I yang hanya scoped karena itu dalam suatu fungsi. 1736 01:27:23,000 --> 01:27:24,200 Dan kami memiliki ruang lingkup dan fungsi. 1737 01:27:24,200 --> 01:27:29,080 Tapi kita tidak memiliki ruang lingkup di luar fungsi dalam JavaScript. 1738 01:27:29,080 --> 01:27:31,170 Apakah itu masuk akal? 1739 01:27:31,170 --> 01:27:31,320 Ya. 1740 01:27:31,320 --> 01:27:31,660 Pertanyaan. 1741 01:27:31,660 --> 01:27:34,030 >> AUDIENCE: Sama [Tak terdengar]? 1742 01:27:34,030 --> 01:27:34,500 >> JOSEPH ONG: Jadi ya. 1743 01:27:34,500 --> 01:27:36,260 Dalam PHP, itu jenis yang sama hal. 1744 01:27:36,260 --> 01:27:37,680 Ada kehalusan sedikit sebenarnya. 1745 01:27:37,680 --> 01:27:40,130 Tapi Anda bisa bertanya kepada saya tentang bahwa setelah review. 1746 01:27:40,130 --> 01:27:43,930 Anda tidak benar-benar perlu tahu bahwa kehalusan untuk kuis. 1747 01:27:43,930 --> 01:27:47,600 Untuk semua maksud dan tujuan, seperti variabel, global dan PHP, kecuali 1748 01:27:47,600 --> 01:27:49,150 mereka dalam suatu fungsi, sama hal dalam JavaScript. 1749 01:27:49,150 --> 01:27:49,480 Ya. 1750 01:27:49,480 --> 01:27:52,890 >> AUDIENCE: Mengapa hal ini diperbolehkan dalam JavaScript dan ada di mana lagi? 1751 01:27:52,890 --> 01:27:55,010 >> JOSEPH ONG: Jadi mengapa itu memungkinkan dalam JavaScript dan bukan di C? 1752 01:27:55,010 --> 01:27:58,180 Hanya saja siapa pun datang dengan JavaScript memutuskan bahwa ini adalah OK di 1753 01:27:58,180 --> 01:27:59,510 JavaScript. 1754 01:27:59,510 --> 01:28:02,430 Jadi itu hanya seperti sebuah bahasa pemrograman konvensi seperti kita katakan. 1755 01:28:02,430 --> 01:28:02,580 Ya. 1756 01:28:02,580 --> 01:28:04,480 >> AUDIENCE: Jadi mengapa pergi 6-5? 1757 01:28:04,480 --> 01:28:08,280 >> JOSEPH ONG: Jadi pergi 6-5, karena ketika aku melewati saya ke foo, bahwa 1758 01:28:08,280 --> 01:28:13,420 i dalam foo sekarang scoped untuk foo, karena ada dalam lingkup fungsi dalam 1759 01:28:13,420 --> 01:28:15,050 JavaScript. 1760 01:28:15,050 --> 01:28:18,720 Tapi begitu aku keluar dari sini, karena itu scoped ke fungsi, aku hanya 1761 01:28:18,720 --> 01:28:24,300 menggunakan i biasa yang berada di dalam sisa aliran kontrol. 1762 01:28:24,300 --> 01:28:25,210 Masuk akal? 1763 01:28:25,210 --> 01:28:26,910 Dapatkah saya melanjutkan? 1764 01:28:26,910 --> 01:28:27,320 Baik. 1765 01:28:27,320 --> 01:28:29,180 Keren. 1766 01:28:29,180 --> 01:28:31,890 >> Penerimaan ini adalah benda-benda tersebut diteruskan oleh referensi. 1767 01:28:31,890 --> 01:28:33,990 Kau tahu bagaimana ketika Anda melewati array ke C Anda bisa 1768 01:28:33,990 --> 01:28:35,810 sebenarnya memodifikasi array? 1769 01:28:35,810 --> 01:28:37,350 Ini hal yang sama di JavaScript. 1770 01:28:37,350 --> 01:28:42,960 Jika saya melewati sebuah objek, dalam hal ini, saya melewati Milo ke dalam fungsi catify ini. 1771 01:28:42,960 --> 01:28:44,490 Milo mulai keluar. 1772 01:28:44,490 --> 01:28:46,310 Namanya Milo Banana. 1773 01:28:46,310 --> 01:28:51,670 Saya melewati objek itu ke dalam fungsi karena itu obyek, sebuah asosiatif 1774 01:28:51,670 --> 01:28:53,730 array dalam JavaScript. 1775 01:28:53,730 --> 01:28:57,110 >> Ketika saya melakukan operasi dalam fungsi itu, akan 1776 01:28:57,110 --> 01:28:58,560 benar-benar mengubah objek. 1777 01:28:58,560 --> 01:29:01,720 Jadi ini hanya akan terjadi untuk objek dalam JavaScript, persis seperti itu terjadi 1778 01:29:01,720 --> 01:29:09,230 untuk array dalam nama C. Jadi Milo benar-benar akan menjadi kucing sekarang. 1779 01:29:09,230 --> 01:29:10,090 Apakah itu masuk akal? 1780 01:29:10,090 --> 01:29:11,840 Jadi ini hanya bekerja untuk objek. 1781 01:29:11,840 --> 01:29:13,090 Obyek tersebut diteruskan oleh referensi. 1782 01:29:13,090 --> 01:29:13,400 Ya. 1783 01:29:13,400 --> 01:29:16,850 >> AUDIENCE: Jadi kau mengatakan bahwa berbeda dengan variabel i. 1784 01:29:16,850 --> 01:29:17,240 >> JOSEPH ONG: Ya. 1785 01:29:17,240 --> 01:29:20,330 Variabel yang saya hanya nomor, kan? 1786 01:29:20,330 --> 01:29:25,280 Ini seperti di C ketika Anda melewati sebuah integer, itu membuat salinan. 1787 01:29:25,280 --> 01:29:28,130 Dan ketika Anda melewati sebuah array, itu benar-benar mengubah array yang sebenarnya dalam 1788 01:29:28,130 --> 01:29:32,870 C. Hal yang sama terjadi dengan JavaScript dalam kasus ini. 1789 01:29:32,870 --> 01:29:34,070 Baik. 1790 01:29:34,070 --> 01:29:38,134 Dan selanjutnya, Milo sedih karena dia sekarang kucing. 1791 01:29:38,134 --> 01:29:40,790 1792 01:29:40,790 --> 01:29:45,060 Itu benar-benar Milo setelah beberapa perjalanan ke dokter hewan. 1793 01:29:45,060 --> 01:29:46,860 >> Jadi bagaimana kita menggunakan JavaScript dalam sebuah halaman web? 1794 01:29:46,860 --> 01:29:47,790 Kita bisa memasukkannya. 1795 01:29:47,790 --> 01:29:50,090 Ini adalah kode HTML dengan tag jalur. 1796 01:29:50,090 --> 01:29:51,300 Jadi saya memiliki tag jalur di sana. 1797 01:29:51,300 --> 01:29:54,820 Dan kemudian aku menaruh beberapa JavaScript kode dalam tag script. 1798 01:29:54,820 --> 01:29:56,390 Dan kemudian dijalankan ini. 1799 01:29:56,390 --> 01:29:58,830 Ketika saya lakukan saja seperti ini, itu disebut inline JavaScript. 1800 01:29:58,830 --> 01:30:02,400 Ini semacam berantakan, karena JavaScript sebenarnya dalam HTML. 1801 01:30:02,400 --> 01:30:07,010 >> Cara yang lebih baik untuk melakukan hal ini, jauh lebih baik, adalah menulis JavaScript Anda dalam 1802 01:30:07,010 --> 01:30:10,920 file eksternal dan kemudian memberikan tag script dengan sumber. 1803 01:30:10,920 --> 01:30:14,920 Dan ini akan pergi ke file JavaScript dan membaca kode JavaScript dari 1804 01:30:14,920 --> 01:30:15,960 file tersebut sebagai gantinya. 1805 01:30:15,960 --> 01:30:18,820 Dan cara ini, Anda tidak memiliki banyak JavaScript pada awal Anda 1806 01:30:18,820 --> 01:30:20,760 File HTML, yang membuat itu benar-benar berantakan. 1807 01:30:20,760 --> 01:30:21,860 Anda hanya menaruhnya di tempat lain. 1808 01:30:21,860 --> 01:30:24,310 Dan kemudian akan membacanya dari sana. 1809 01:30:24,310 --> 01:30:25,560 Apakah itu masuk akal? 1810 01:30:25,560 --> 01:30:27,990 1811 01:30:27,990 --> 01:30:29,640 >> Hal penempatan. 1812 01:30:29,640 --> 01:30:32,620 Dalam kasus ini, script sebelum tubuh. 1813 01:30:32,620 --> 01:30:36,090 Jadi ketika saya melaksanakan itu, ada apa-apa di dalam tubuh belum. 1814 01:30:36,090 --> 01:30:39,920 Mungkin ini akan membuat sedikit lebih merasakan ketika saya menunjukkan bagian selanjutnya. 1815 01:30:39,920 --> 01:30:43,210 Dalam hal ini, script datang setelah div. 1816 01:30:43,210 --> 01:30:46,620 Jadi div benar-benar muncul pada halaman pertama. 1817 01:30:46,620 --> 01:30:49,470 Di sini dalam lingkaran merah kecil ini, Anda melihat teks muncul. 1818 01:30:49,470 --> 01:30:51,810 Dan kemudian peringatan muncul. 1819 01:30:51,810 --> 01:30:54,890 >> Dalam kasus pertama, karena script sebelum div itu, 1820 01:30:54,890 --> 01:30:56,170 peringatan muncul pertama. 1821 01:30:56,170 --> 01:30:59,250 Dan kemudian div muncul setelah Anda mengabaikan kotak. 1822 01:30:59,250 --> 01:31:01,330 Jadi eksekusi penting. 1823 01:31:01,330 --> 01:31:02,290 Jadi kita akan ingatlah ini. 1824 01:31:02,290 --> 01:31:03,640 Ini akan menjadi penting dalam sedikit. 1825 01:31:03,640 --> 01:31:08,730 1826 01:31:08,730 --> 01:31:09,540 OK. 1827 01:31:09,540 --> 01:31:12,750 Jadi baik, bagaimana Anda menunggu sampai Seluruh halaman dimuat maka sebelum Anda 1828 01:31:12,750 --> 01:31:13,580 mengeksekusi beberapa kode? 1829 01:31:13,580 --> 01:31:15,540 Kita akan masuk ke dalam ini sedikit bit kemudian juga. 1830 01:31:15,540 --> 01:31:19,016 Tapi terus penempatan ini hal-hal dalam pikiran ketika kita 1831 01:31:19,016 --> 01:31:20,570 datang ke slide lain. 1832 01:31:20,570 --> 01:31:22,030 >> Jadi kita sampai DOM sekarang. 1833 01:31:22,030 --> 01:31:23,550 Dan apa DOM? 1834 01:31:23,550 --> 01:31:26,830 Jadi jika Anda melihat kode HTML, itu hanya sekelompok teks pada layar. 1835 01:31:26,830 --> 01:31:30,560 Jadi bagaimana JavaScript tahu bahwa ini adalah elemen HTML? 1836 01:31:30,560 --> 01:31:33,410 Jadi kita harus memiliki beberapa memori representasi ini 1837 01:31:33,410 --> 01:31:34,930 struktur yang kita miliki. 1838 01:31:34,930 --> 01:31:40,240 Dan setiap kali kita memiliki ini dalam memori perwakilan di JavaScript, kita sebut 1839 01:31:40,240 --> 01:31:41,750 bahwa DOM. 1840 01:31:41,750 --> 01:31:45,130 Dan itu hanya cara orang memutuskan bahwa kita harus mewakili ini 1841 01:31:45,130 --> 01:31:46,400 Struktur HTML sebagai. 1842 01:31:46,400 --> 01:31:47,940 >> Dan apa DOM ini terlihat seperti? 1843 01:31:47,940 --> 01:31:50,460 Nah, dalam representasi memori, kita mengambil teks ini. 1844 01:31:50,460 --> 01:31:52,870 Dan kami mengubahnya menjadi memori representasi. 1845 01:31:52,870 --> 01:31:54,400 Jadi ini adalah HTML. 1846 01:31:54,400 --> 01:31:58,090 Jadi pertama-tama kita mengetahui bahwa setiap Pohon DOM memiliki dokumen. 1847 01:31:58,090 --> 01:31:59,400 Sepertinya pohon. 1848 01:31:59,400 --> 01:32:03,550 Dan dokumen berisi HTML tag, sebenarnya semuanya 1849 01:32:03,550 --> 01:32:05,150 dalam hal ini sekarang. 1850 01:32:05,150 --> 01:32:06,970 The HTML tag memiliki dua anak. 1851 01:32:06,970 --> 01:32:08,630 Ia memiliki kepala. 1852 01:32:08,630 --> 01:32:12,380 Kepala yang, jika Anda melihat lekukan di sana pada bagaimana hal itu terstruktur 1853 01:32:12,380 --> 01:32:14,960 antara tag dekat, kepala memiliki anak. 1854 01:32:14,960 --> 01:32:17,130 Anak itu judul. 1855 01:32:17,130 --> 01:32:18,370 Tepat. 1856 01:32:18,370 --> 01:32:21,000 >> Sekarang, kami memiliki anak tubuh. 1857 01:32:21,000 --> 01:32:24,870 Dan kemudian tubuh yang memiliki anak yang disebut keluarga. 1858 01:32:24,870 --> 01:32:27,950 Dan bahwa keluarga memiliki tiga anak - 1859 01:32:27,950 --> 01:32:29,550 tertua, tengah, dan bungsu. 1860 01:32:29,550 --> 01:32:31,960 Jadi, Anda harus tahu cara menggambar diagram seperti ini ketika kami meminta Anda bagaimana 1861 01:32:31,960 --> 01:32:34,270 untuk menggambar diagram ketika kita memberi Anda HTML di sebelah kiri. 1862 01:32:34,270 --> 01:32:36,350 Tahu bagaimana untuk menghasilkan pohon DOM. 1863 01:32:36,350 --> 01:32:38,930 Dan dalam hal ini, hanya ada beberapa teks, yang saya sudah diwakili 1864 01:32:38,930 --> 01:32:40,180 kotak sedikit. 1865 01:32:40,180 --> 01:32:42,750 1866 01:32:42,750 --> 01:32:47,980 >> Apakah struktur pohon DOM ini membuat pengertian dan apa DOM itu? 1867 01:32:47,980 --> 01:32:49,300 Jadi apa p stand for? 1868 01:32:49,300 --> 01:32:51,850 Di sini, p di sana di tag yang mewakili 1869 01:32:51,850 --> 01:32:54,510 tag paragraf dalam HTML. 1870 01:32:54,510 --> 01:32:57,080 Jadi, Anda bisa mencarinya. 1871 01:32:57,080 --> 01:32:59,290 Tapi itu hanya berarti beberapa ruang untuk beberapa teks. 1872 01:32:59,290 --> 01:33:02,910 Dan memiliki beberapa styling CSS default, karena itu adalah tag paragraf. 1873 01:33:02,910 --> 01:33:05,130 Tapi tidak benar-benar khawatir tentang bagian itu terlalu banyak. 1874 01:33:05,130 --> 01:33:07,510 Hanya tahu itu placeholder untuk beberapa teks. 1875 01:33:07,510 --> 01:33:08,480 Ya. 1876 01:33:08,480 --> 01:33:10,200 Pertanyaan? 1877 01:33:10,200 --> 01:33:11,021 Ya. 1878 01:33:11,021 --> 01:33:12,374 >> AUDIENCE: Anda hanya disebutkan CSS. 1879 01:33:12,374 --> 01:33:15,492 Keluarga hash dan hash semua hal yang pada dasarnya adalah 1880 01:33:15,492 --> 01:33:17,400 mewakili ID dalam CSS? 1881 01:33:17,400 --> 01:33:18,440 >> JOSEPH ONG: Ya, persis. 1882 01:33:18,440 --> 01:33:20,380 Aku akan mendapatkan apa hash ini berarti dalam satu detik. 1883 01:33:20,380 --> 01:33:23,480 Ketika Angela pergi CSS, dia berbicara tentang CSS. 1884 01:33:23,480 --> 01:33:26,770 Ini adalah penyeleksi CSS yang dia bicarakan. 1885 01:33:26,770 --> 01:33:28,268 Ya, Rob? 1886 01:33:28,268 --> 01:33:32,060 >> ROB Bowden: Saya juga akan berkomentar bahwa DOM dalam tag judul 1887 01:33:32,060 --> 01:33:35,385 juga node teks. 1888 01:33:35,385 --> 01:33:36,070 >> JOSEPH ONG: Benar. 1889 01:33:36,070 --> 01:33:38,370 Jadi dalam tag judul, Saya punya beberapa DOM teks. 1890 01:33:38,370 --> 01:33:42,730 Jadi benar-benar, judul ini harus memiliki seperti kotak kecil yang datang dari itu juga. 1891 01:33:42,730 --> 01:33:45,740 Tapi itu tidak terlalu penting terlalu banyak dalam kasus ini. 1892 01:33:45,740 --> 01:33:49,620 Kami tidak benar-benar peduli tentang node teks, seperti yang kita sebut mereka, terlalu banyak. 1893 01:33:49,620 --> 01:33:50,270 OK, kita lakukan. 1894 01:33:50,270 --> 01:33:51,520 Rupanya, kita lakukan. 1895 01:33:51,520 --> 01:33:54,260 1896 01:33:54,260 --> 01:33:57,100 Dan saya akan memperbaikinya bahwa ketika Saya upload lagi. 1897 01:33:57,100 --> 01:33:59,830 Apakah itu masuk akal? 1898 01:33:59,830 --> 01:34:01,160 >> Jadi bagaimana kita bekerja dengan DOM? 1899 01:34:01,160 --> 01:34:03,790 Setiap kali Anda berurusan dengan DOM di JavaScript, ada dua langkah. 1900 01:34:03,790 --> 01:34:05,030 Anda memilih elemen DOM. 1901 01:34:05,030 --> 01:34:06,580 Dan kemudian Anda melakukan hal-hal untuk itu. 1902 01:34:06,580 --> 01:34:11,480 Jadi dalam hal ini, secara abstrak, saya sudah memilih elemen tengah. 1903 01:34:11,480 --> 01:34:14,530 Dan kemudian contoh melakukan hal-hal untuk itu akan mengubah teks. 1904 01:34:14,530 --> 01:34:16,020 Yang digunakan untuk menjadi Bob. 1905 01:34:16,020 --> 01:34:19,930 Sekarang, apa yang saya lakukan untuk itu saya berubah Bob Milo dalam kasus ini. 1906 01:34:19,930 --> 01:34:22,130 >> Jadi bagaimana kita benar-benar melakukan ini? 1907 01:34:22,130 --> 01:34:23,440 Bagaimana kita melakukan pemilihan tersebut? 1908 01:34:23,440 --> 01:34:26,560 Dan bagaimana kita melakukan hal-hal yang dapat hal setelah kami telah mengambil itu? 1909 01:34:26,560 --> 01:34:30,470 Nah, cara kalian telah mempelajarinya di kelas ini adalah dengan menggunakan sesuatu yang kita 1910 01:34:30,470 --> 01:34:32,420 disebut jQuery. 1911 01:34:32,420 --> 01:34:33,910 Jadi apa yang jQuery? 1912 01:34:33,910 --> 01:34:37,220 jQuery adalah library yang membuat JavaScript lebih mudah untuk menulis. 1913 01:34:37,220 --> 01:34:39,500 Jadi seseorang mengambil waktu dan menulis jQuery. 1914 01:34:39,500 --> 01:34:41,530 >> jQuery sebenarnya ditulis dalam JavaScript. 1915 01:34:41,530 --> 01:34:44,550 Dan kemudian karena mereka melakukan ini, kita sekarang memiliki sejumlah fungsi yang 1916 01:34:44,550 --> 01:34:46,020 kita bisa menggunakan yang membuat kami hidup sangat mudah. 1917 01:34:46,020 --> 01:34:48,580 1918 01:34:48,580 --> 01:34:50,030 Jadi apa adalah beberapa hal-hal yang dilakukannya? 1919 01:34:50,030 --> 01:34:51,650 Hal ini membuat memilih elemen lebih mudah. 1920 01:34:51,650 --> 01:34:54,020 Itu membuat perubahan HTML, menambahkan kelas lebih mudah. 1921 01:34:54,020 --> 01:34:55,360 Itu membuat Ajax lebih mudah. 1922 01:34:55,360 --> 01:34:58,230 Kita akan sampai ke bahwa dalam satu detik. 1923 01:34:58,230 --> 01:35:00,630 >> Dan itu analog dengan C perpustakaan. 1924 01:35:00,630 --> 01:35:03,090 Jadi Anda termasuk string.h, Anda mendapatkan strlen. 1925 01:35:03,090 --> 01:35:04,680 Anda mendapatkan strcpy, semua hal ini. 1926 01:35:04,680 --> 01:35:09,650 Bila Anda termasuk jQuery, Anda mendapatkan bagus cara untuk memilih elemen untuk perubahan 1927 01:35:09,650 --> 01:35:10,390 hal, dan sebagainya. 1928 01:35:10,390 --> 01:35:12,990 Anda mendapatkan fungsi tambahan yang JavaScript tidak memberikan. 1929 01:35:12,990 --> 01:35:15,310 Jadi jQuery bukanlah JavaScript. 1930 01:35:15,310 --> 01:35:18,660 jQuery adalah library yang ditulis dalam JavaScript yang membuat JavaScript 1931 01:35:18,660 --> 01:35:20,440 mudah untuk menulis. 1932 01:35:20,440 --> 01:35:23,170 >> Jadi jQuery bukanlah suatu pemrograman bahasa. 1933 01:35:23,170 --> 01:35:24,540 Tapi JavaScript. 1934 01:35:24,540 --> 01:35:27,420 1935 01:35:27,420 --> 01:35:27,590 buat. 1936 01:35:27,590 --> 01:35:30,420 Tentu Anda mendapatkan terminologi yang benar. 1937 01:35:30,420 --> 01:35:32,490 Ada pertanyaan? 1938 01:35:32,490 --> 01:35:33,882 Ya. 1939 01:35:33,882 --> 01:35:35,132 Apakah itu pertanyaan? 1940 01:35:35,132 --> 01:35:37,910 1941 01:35:37,910 --> 01:35:38,350 Baik. 1942 01:35:38,350 --> 01:35:40,080 Jadi bagaimana Anda menggunakan jQuery? 1943 01:35:40,080 --> 01:35:42,390 Nah, ketika Anda sedang menulis beberapa Kode JavaScript dan Anda menyertakan 1944 01:35:42,390 --> 01:35:45,570 jQuery di bagian atas file Anda sebagai file script, Anda menggunakan tanda dolar 1945 01:35:45,570 --> 01:35:47,310 sekarang untuk mendapatkan akses ke jQuery. 1946 01:35:47,310 --> 01:35:49,860 Dan ini berbeda dari tanda dolar di PHP. 1947 01:35:49,860 --> 01:35:51,590 >> Ini adalah simbol yang sama Anda mengetik pada keyboard Anda. 1948 01:35:51,590 --> 01:35:52,780 Tapi mereka berarti hal yang sangat berbeda. 1949 01:35:52,780 --> 01:35:56,090 Tanda dolar di PHP berarti ini adalah bagaimana saya mendeklarasikan variabel. 1950 01:35:56,090 --> 01:35:59,120 Dalam JavaScript, ketika Anda telah menyertakan jQuery, itu singkatan dari jQuery. 1951 01:35:59,120 --> 01:36:01,280 Jadi ingatlah bahwa dalam pikiran. 1952 01:36:01,280 --> 01:36:03,420 Jadi bagaimana mungkin kita memilih elemen DOM? 1953 01:36:03,420 --> 01:36:06,500 Nah, bila Anda melakukannya dengan jelek JavaScript cara, Anda mengakses 1954 01:36:06,500 --> 01:36:08,240 mendokumentasikan variabel global. 1955 01:36:08,240 --> 01:36:11,170 Dan kemudian Anda mendapatkan elemen dengan keluarga ID. 1956 01:36:11,170 --> 01:36:15,270 Ini benar-benar panjang dan bertele-tele dan tidak sangat bagus. 1957 01:36:15,270 --> 01:36:18,190 >> Atau Anda bisa mendapatkan semua elemen yang merupakan tag p. 1958 01:36:18,190 --> 01:36:20,080 Yang bekerja juga dalam JavaScript. 1959 01:36:20,080 --> 01:36:22,470 Tapi kita tidak pernah benar-benar menunjukkan Anda sintaks terlalu banyak. 1960 01:36:22,470 --> 01:36:24,620 Apa yang kita tunjukkan kepada Anda adalah jQuery. 1961 01:36:24,620 --> 01:36:28,720 Sehingga seluruh pemilih di sana yang diungkapkan dalam JavaScript hanya mendapat 1962 01:36:28,720 --> 01:36:33,320 kental terhadap dolar ini sangat bagus menandatangani keluarga hashtag. 1963 01:36:33,320 --> 01:36:38,480 Dan $ p, hanya di mana itu seperti itu. 1964 01:36:38,480 --> 01:36:41,690 Jika Anda ingin memilih semua tag p dalam sebuah keluarga, kami menempatkan spasi 1965 01:36:41,690 --> 01:36:42,890 antara keduanya. 1966 01:36:42,890 --> 01:36:44,815 Dan sekarang, kita mendapatkan semua p tag di dalam keluarga. 1967 01:36:44,815 --> 01:36:48,740 1968 01:36:48,740 --> 01:36:50,380 >> Dan tampak akrab? 1969 01:36:50,380 --> 01:36:52,880 Nah, berbicara tentang Angela Penyeleksi CSS. 1970 01:36:52,880 --> 01:36:54,200 Beri aku satu detik. 1971 01:36:54,200 --> 01:36:57,230 Dan dalam rangka untuk memilih elemen, Anda hanya menggunakan hal yang sama seperti Anda 1972 01:36:57,230 --> 01:36:58,530 akan melakukan dengan selector CSS. 1973 01:36:58,530 --> 01:37:00,910 Jika Anda menempatkan hash di depan itu, ia memilih oleh ID. 1974 01:37:00,910 --> 01:37:02,220 Sebuah dot memilih oleh kelas. 1975 01:37:02,220 --> 01:37:06,230 Jika Anda hanya memiliki hal tanpa hash atau titik, akan memilih tag tersebut. 1976 01:37:06,230 --> 01:37:07,140 Pertanyaan. 1977 01:37:07,140 --> 01:37:07,470 Ya? 1978 01:37:07,470 --> 01:37:11,510 >> AUDIENCE: Ketika kita menggunakan dot di kami HTML, adalah bahwa tidak jQuery? 1979 01:37:11,510 --> 01:37:13,520 >> JOSEPH ONG: Dot di HTML kami adalah hal JavaScript. 1980 01:37:13,520 --> 01:37:14,750 Ini bukan hal jQuery. 1981 01:37:14,750 --> 01:37:17,620 Cara kalian belajar dengan jQuery adalah dengan menggunakan html.. 1982 01:37:17,620 --> 01:37:21,510 Dan kemudian Anda melewati apapun yang HTML akan menjadi. 1983 01:37:21,510 --> 01:37:23,480 Jadi saya akan mendapatkan bahwa hanya sebenarnya kedua. 1984 01:37:23,480 --> 01:37:27,800 Jadi bagaimana kita melakukan hal-hal untuk elemen setelah kami telah memilihnya? 1985 01:37:27,800 --> 01:37:30,130 Jadi itulah contoh memilih elemen. 1986 01:37:30,130 --> 01:37:32,280 Jadi sekarang, kami ingin melakukan hal-hal itu. 1987 01:37:32,280 --> 01:37:35,730 >> Jadi dalam hal ini, biarkan aku kembali ke slide sebelumnya. 1988 01:37:35,730 --> 01:37:37,360 Itu Bob sebelumnya. 1989 01:37:37,360 --> 01:37:40,660 Dan saya ingin mengubah itu dalam HTML ke Milo. 1990 01:37:40,660 --> 01:37:43,240 Jadi saya memanggil fungsi HTML dari elemen. 1991 01:37:43,240 --> 01:37:45,580 Bahwa fungsi HTML adalah metode elemen. 1992 01:37:45,580 --> 01:37:47,430 Dan kemudian saya memberikan apa Saya ingin HTML untuk menjadi. 1993 01:37:47,430 --> 01:37:50,560 Dan itu hanya menggantikan apa yang ada dalam bahwa tag dengan apa pun yang saya berikan. 1994 01:37:50,560 --> 01:37:50,830 Ya. 1995 01:37:50,830 --> 01:37:51,170 Pertanyaan? 1996 01:37:51,170 --> 01:37:57,397 >> AUDIENCE: hashtag ini digunakan untuk hanya jQuery. 1997 01:37:57,397 --> 01:37:59,313 [Tak terdengar] 1998 01:37:59,313 --> 01:38:01,230 kami tidak akan menggunakan itu. 1999 01:38:01,230 --> 01:38:01,960 >> JOSEPH ONG: Ya, persis. 2000 01:38:01,960 --> 01:38:03,750 Tapi jangan terlalu khawatir JavaScript tentang murni. 2001 01:38:03,750 --> 01:38:06,670 Aku hanya ingin kalian fokus pada bagaimana Anda akan melakukannya dengan jQuery, karena 2002 01:38:06,670 --> 01:38:10,020 itu akan menjadi penting bagian di kuis. 2003 01:38:10,020 --> 01:38:10,400 Benar. 2004 01:38:10,400 --> 01:38:10,880 Tepat. 2005 01:38:10,880 --> 01:38:16,025 Jadi Anda lihat hashtag itu, sehingga sesuai untuk memilih elemen dengan 2006 01:38:16,025 --> 01:38:18,310 ID tengah karena hashtag itu. 2007 01:38:18,310 --> 01:38:19,670 Hashtag berarti ID. 2008 01:38:19,670 --> 01:38:22,870 Dan elemen ini memiliki ID tengah. 2009 01:38:22,870 --> 01:38:24,366 Jadi itulah elemen yang kita pilih. 2010 01:38:24,366 --> 01:38:27,160 >> AUDIENCE: [Tak terdengar]. 2011 01:38:27,160 --> 01:38:31,090 tanda dolar hashtag [Tak terdengar]? 2012 01:38:31,090 --> 01:38:31,710 >> JOSEPH ONG: Jadi tidak ada. 2013 01:38:31,710 --> 01:38:33,280 Pertanyaannya adalah dapat Anda gunakan. Nilai. 2014 01:38:33,280 --> 01:38:36,445 Dan nilai. Hanya bekerja pada elemen yang input. 2015 01:38:36,445 --> 01:38:40,950 2016 01:38:40,950 --> 01:38:45,495 Dalam jQuery, itu akan menjadi . Val, tidak. Nilai. 2017 01:38:45,495 --> 01:38:49,080 Jadi saya akan mendapatkan contoh kecil yang menunjukkan semua ini dalam kombinasi 2018 01:38:49,080 --> 01:38:49,850 dalam satu detik. 2019 01:38:49,850 --> 01:38:53,130 Tapi saya pikir ini menyajikan potongan kecil masuk akal untuk orang sejauh ini. 2020 01:38:53,130 --> 01:38:55,450 Ingin mengubah HTML, memanggil metode HTML. 2021 01:38:55,450 --> 01:38:56,432 Ya. 2022 01:38:56,432 --> 01:38:58,200 >> AUDIENCE: Bisakah Anda menjelaskan metode lagi? 2023 01:38:58,200 --> 01:39:01,900 >> JOSEPH ONG: Jadi metode ini hanya fungsi yang dimiliki oleh salah satu, dalam hal ini 2024 01:39:01,900 --> 01:39:04,590 kasus, salah satu elemen DOM ini, karena Anda melihat saya 2025 01:39:04,590 --> 01:39:05,940 dipilih elemen pertama. 2026 01:39:05,940 --> 01:39:07,320 Sebenarnya, saya menggunakan mouse. 2027 01:39:07,320 --> 01:39:09,330 Aku memilih elemen pertama. 2028 01:39:09,330 --> 01:39:12,310 Dan kemudian aku menelepon HTML ini berfungsi bahwa itu. 2029 01:39:12,310 --> 01:39:15,710 Dan karena fungsi ini milik hal ini, kita menyebutnya metode. 2030 01:39:15,710 --> 01:39:19,480 Itu hanya sebuah nama indah untuk itu. 2031 01:39:19,480 --> 01:39:20,730 Katakan itu lagi. 2032 01:39:20,730 --> 01:39:22,880 2033 01:39:22,880 --> 01:39:25,170 Jadi ingat, kami memilih elemen sekarang. 2034 01:39:25,170 --> 01:39:27,810 Dan kami sudah memasukkannya ke dalam dari variabel elemen. 2035 01:39:27,810 --> 01:39:28,600 Benar? 2036 01:39:28,600 --> 01:39:34,380 >> Jadi ketika kita ingin mengubah HTML pada di dalam, karena itu Bob sebelumnya, Anda 2037 01:39:34,380 --> 01:39:36,420 ingin mengubah teks yang ke Milo. 2038 01:39:36,420 --> 01:39:37,920 Jadi kita sebut HTML. 2039 01:39:37,920 --> 01:39:41,610 Dan kami ceritakan apa yang HTML dalam unsur yang harus sekarang. 2040 01:39:41,610 --> 01:39:44,107 Dan sehingga mengubahnya menjadi Milo, karena saya memberikannya Milo. 2041 01:39:44,107 --> 01:39:46,542 >> AUDIENCE: Jadi mereka bekerja sama. 2042 01:39:46,542 --> 01:39:47,030 [Tak terdengar] 2043 01:39:47,030 --> 01:39:47,390 >> JOSEPH ONG: Yeah, yeah. 2044 01:39:47,390 --> 01:39:48,180 Mereka bekerja bersama-sama. 2045 01:39:48,180 --> 01:39:50,210 Jadi salah satu dari mereka memilih elemen pertama. 2046 01:39:50,210 --> 01:39:52,863 Dan yang kedua tidak sesuatu untuk itu. 2047 01:39:52,863 --> 01:39:53,790 Ya. 2048 01:39:53,790 --> 01:39:56,168 >> AUDIENCE: [Tak terdengar]. 2049 01:39:56,168 --> 01:40:01,280 Jika metode ini berbeda dengan di HTML Anda memiliki metode yang sama yang sebenarnya. 2050 01:40:01,280 --> 01:40:01,560 >> JOSEPH ONG: Ya. 2051 01:40:01,560 --> 01:40:03,370 Itu adalah metode yang berbeda. 2052 01:40:03,370 --> 01:40:04,670 Itu adalah metode yang berbeda. 2053 01:40:04,670 --> 01:40:07,860 Dan kita bisa menutupi bahwa hanya satu detik ketika kita sampai ke sebuah contoh. 2054 01:40:07,860 --> 01:40:12,000 Saya ingin memastikan bahwa kita mempercepat karena kita kehabisan waktu. 2055 01:40:12,000 --> 01:40:15,360 Tapi kita sudah menjalankan cara dari waktu ke waktu sekarang. 2056 01:40:15,360 --> 01:40:15,490 OK. 2057 01:40:15,490 --> 01:40:16,430 Keren. 2058 01:40:16,430 --> 01:40:20,130 Jadi jika Anda ingin menambahkan kelas, ada juga merupakan metode add kelas. 2059 01:40:20,130 --> 01:40:24,300 Ini hanyalah sebuah contoh dari apa yang Anda dapat melakukannya dengan jQuery. 2060 01:40:24,300 --> 01:40:25,950 Itu hanya menambah kelas. 2061 01:40:25,950 --> 01:40:28,660 >> Jika Anda ingin menghapusnya, Anda dapat menghubungi menghapus. 2062 01:40:28,660 --> 01:40:32,280 Itu hanya hal lain yang dapat Anda lakukan. 2063 01:40:32,280 --> 01:40:35,680 Contoh sehingga lebih banyak hal yang dapat Anda lakukan. 2064 01:40:35,680 --> 01:40:37,510 Jadi bisa saya hanya menaruhnya di bagian atas seperti ini? 2065 01:40:37,510 --> 01:40:38,760 Menghapus termuda. 2066 01:40:38,760 --> 01:40:42,470 2067 01:40:42,470 --> 01:40:45,930 Jika saya hanya menjalankan bahwa JavaScript pada bagian atas file saya, akan yang bekerja? 2068 01:40:45,930 --> 01:40:48,540 2069 01:40:48,540 --> 01:40:48,920 Benar. 2070 01:40:48,920 --> 01:40:50,530 Karena tengah belum ada. 2071 01:40:50,530 --> 01:40:51,840 Jadi ini tidak akan bekerja. 2072 01:40:51,840 --> 01:40:52,800 Perintah eksekusi. 2073 01:40:52,800 --> 01:40:55,040 It goes ke atas terlebih dahulu. 2074 01:40:55,040 --> 01:40:55,540 Apa? 2075 01:40:55,540 --> 01:40:57,450 >> AUDIENCE: Bungsu belum ada? 2076 01:40:57,450 --> 01:40:57,810 >> JOSEPH ONG: Ya. 2077 01:40:57,810 --> 01:40:58,710 Bungsu belum ada. 2078 01:40:58,710 --> 01:40:59,600 Tepat. 2079 01:40:59,600 --> 01:41:01,320 >> AUDIENCE: Kau bilang tengah. 2080 01:41:01,320 --> 01:41:01,510 >> JOSEPH ONG: Maaf. 2081 01:41:01,510 --> 01:41:02,720 Bungsu belum ada. 2082 01:41:02,720 --> 01:41:04,510 Dan hal lainnya adalah saya belum termasuk jQuery 2083 01:41:04,510 --> 01:41:06,580 mengajukan meminta skrip src. 2084 01:41:06,580 --> 01:41:07,960 Jadi itu tidak akan bekerja. 2085 01:41:07,960 --> 01:41:09,580 Sebenarnya, saya tidak melakukan itu di slide berikutnya, yaitu 2086 01:41:09,580 --> 01:41:10,700 seharusnya untuk memperbaiki yang baik. 2087 01:41:10,700 --> 01:41:14,120 Tapi cara kita melakukan ini adalah JavaScript adalah event driven. 2088 01:41:14,120 --> 01:41:17,410 Jadi apa yang kita lakukan adalah kita menggunakan event Handler untuk membuat hal ini terjadi. 2089 01:41:17,410 --> 01:41:19,510 Dan jadi saya pilih dokumen set pertama. 2090 01:41:19,510 --> 01:41:23,810 Aku berkata, OK, ketika dokumen siap, biarkan aku menjalankan fungsi. 2091 01:41:23,810 --> 01:41:25,470 Jadi itulah yang sintaks berarti. 2092 01:41:25,470 --> 01:41:27,100 >> Aku memilih dokumen. 2093 01:41:27,100 --> 01:41:29,530 Sekarang, ketika dokumen siap, jalankan fungsi. 2094 01:41:29,530 --> 01:41:32,970 Dan di sini ketika dokumen siap, yang berarti semua HTML memiliki 2095 01:41:32,970 --> 01:41:36,140 dimuat, maka saya menjalankan fungsi yang menghilangkan elemen tersebut. 2096 01:41:36,140 --> 01:41:40,270 Dan sekarang, ketika saya menjalankan fungsi ini bahwa aku masuk ke siap, aku 2097 01:41:40,270 --> 01:41:43,780 dijamin bahwa semua HTML pada Halaman akan ada terlebih dahulu. 2098 01:41:43,780 --> 01:41:44,100 Ya. 2099 01:41:44,100 --> 01:41:44,425 Pertanyaan? 2100 01:41:44,425 --> 01:41:48,200 >> AUDIENCE: Apa kata kunci event dalam fungsi? 2101 01:41:48,200 --> 01:41:51,750 >> JOSEPH ONG: Sehingga event kata kunci dalam Fungsi ini hanya parameter yang 2102 01:41:51,750 --> 01:41:53,490 akan dilewatkan ke fungsi untuk acara apapun. 2103 01:41:53,490 --> 01:41:55,470 Ini hanya sesuatu yang Anda dapatkan secara gratis. 2104 01:41:55,470 --> 01:41:59,320 Bila Anda menggunakan kunci dalam penangan pset8, acara yang bisa memberitahu Anda, untuk 2105 01:41:59,320 --> 01:42:01,350 Misalnya, tombol yang ditekan pada. 2106 01:42:01,350 --> 01:42:05,540 Dalam hal ini, untuk acara siap, itu sebenarnya tidak super berguna. 2107 01:42:05,540 --> 01:42:08,640 Tapi untuk acara ditekan, itu lebih berguna, karena Anda bisa tahu mana 2108 01:42:08,640 --> 01:42:12,330 Key ditekan dengan tombol mengakses kode dari yang objek acara. 2109 01:42:12,330 --> 01:42:13,530 Benar? 2110 01:42:13,530 --> 01:42:15,160 Apakah itu masuk akal? 2111 01:42:15,160 --> 01:42:16,280 OK. 2112 01:42:16,280 --> 01:42:16,580 Ya. 2113 01:42:16,580 --> 01:42:17,150 Pertanyaan? 2114 01:42:17,150 --> 01:42:19,290 >> AUDIENCE: Jadi bisa Anda meletakkan tag script di bawahnya? 2115 01:42:19,290 --> 01:42:19,940 >> JOSEPH ONG: Jadi ya. 2116 01:42:19,940 --> 01:42:21,500 Anda bisa menempatkan script tag bawahnya. 2117 01:42:21,500 --> 01:42:23,090 Tapi kemudian itu hanya menjadi benar-benar berantakan. 2118 01:42:23,090 --> 01:42:26,590 Dan kami ingin memusatkan semua kode kita di satu tempat. 2119 01:42:26,590 --> 01:42:28,290 Dan ini akan memungkinkan kita untuk melakukannya. 2120 01:42:28,290 --> 01:42:32,010 Ingat sebelumnya saya mengatakan ada lebih baik cara untuk memastikan bahwa unsur-unsur yang 2121 01:42:32,010 --> 01:42:33,880 pada halaman sebelum Anda mengeksekusi kode? 2122 01:42:33,880 --> 01:42:36,079 Dan ini adalah cara yang bagus Anda akan mencapai itu. 2123 01:42:36,079 --> 01:42:37,329 >> AUDIENCE: [Tak terdengar]. 2124 01:42:37,329 --> 01:42:41,710 2125 01:42:41,710 --> 01:42:42,230 >> JOSEPH ONG: Ya. 2126 01:42:42,230 --> 01:42:43,460 Anda masih harus, kan? 2127 01:42:43,460 --> 01:42:46,930 Karena ingat, Anda termasuk mengajukan di bagian atas halaman. 2128 01:42:46,930 --> 01:42:49,890 Jadi itu akan mengeksekusi terlebih dahulu sebelum Anda bisa sampai ke bawah halaman. 2129 01:42:49,890 --> 01:42:54,600 2130 01:42:54,600 --> 01:42:55,180 OK. 2131 01:42:55,180 --> 01:42:59,210 Jadi, Anda juga dapat menambahkan berbeda jenis event handler. 2132 01:42:59,210 --> 01:43:00,640 Ini hanya proses klik. 2133 01:43:00,640 --> 01:43:03,910 Ketika saya klik termuda, maka itu akan muncul dengan peringatan. 2134 01:43:03,910 --> 01:43:05,440 Ini hanya berbeda jenis acara. 2135 01:43:05,440 --> 01:43:08,840 Berbeda dengan acara siap, Anda sekarang menggunakan event klik saat Anda menerima 2136 01:43:08,840 --> 01:43:10,190 klik pada sebuah elemen. 2137 01:43:10,190 --> 01:43:13,860 >> Dan dalam hal ini, ingat, klik handler melekat termuda. 2138 01:43:13,860 --> 01:43:16,080 Jadi hanya terjadi ketika Saya klik termuda. 2139 01:43:16,080 --> 01:43:19,510 Dan di yang lain, acara siap melekat pada dokumen. 2140 01:43:19,510 --> 01:43:23,750 Jadi menunggu dokumen siap. 2141 01:43:23,750 --> 01:43:25,120 Masuk akal? 2142 01:43:25,120 --> 01:43:26,190 Saya pikir saya bisa melanjutkan. 2143 01:43:26,190 --> 01:43:26,610 Ya. 2144 01:43:26,610 --> 01:43:26,980 Pertanyaan? 2145 01:43:26,980 --> 01:43:28,230 >> AUDIENCE: [Tak terdengar]. 2146 01:43:28,230 --> 01:43:31,676 2147 01:43:31,676 --> 01:43:33,620 dalam hal ini Anda menggunakan [Tak terdengar]. 2148 01:43:33,620 --> 01:43:36,650 >> JOSEPH ONG: Oh, yeah, karena dalam hal ini kasus, saya harus menunggu termuda 2149 01:43:36,650 --> 01:43:40,740 elemen untuk muncul di layar pertama sebelum saya bisa melampirkan handler klik untuk 2150 01:43:40,740 --> 01:43:43,062 itu, itulah sebabnya saya memasukkannya ke dalam dokumen siap. 2151 01:43:43,062 --> 01:43:45,780 2152 01:43:45,780 --> 01:43:46,840 OK. 2153 01:43:46,840 --> 01:43:52,390 Dan selanjutnya, jadi ini adalah contoh besar bagaimana Anda akan menggabungkan semuanya. 2154 01:43:52,390 --> 01:43:55,930 Ini hanyalah sebuah contoh validasi form Anda telah melihat dalam kuliah. 2155 01:43:55,930 --> 01:43:58,410 Jadi mengambil langkah demi langkah sebagai Anda pergi melalui ini. 2156 01:43:58,410 --> 01:43:59,590 Dan itu akan benar-benar OK. 2157 01:43:59,590 --> 01:44:01,400 Hanya membacanya dari atas ke bawah. 2158 01:44:01,400 --> 01:44:03,030 >> Saya memiliki bentuk di bagian bawah. 2159 01:44:03,030 --> 01:44:07,590 Ketika dokumen siap, saya lampirkan mengirimkan handler untuk membentuk, sehingga 2160 01:44:07,590 --> 01:44:12,910 ketika saya mengirimkan formulir, saya mendapatkan nilai-nilai dalam setiap input tersebut. 2161 01:44:12,910 --> 01:44:14,560 Dan aku memeriksa apakah itu kosong. 2162 01:44:14,560 --> 01:44:17,090 Jika itu kosong, aku kembali palsu, karena Saya tidak ingin mengirimkan formulir, 2163 01:44:17,090 --> 01:44:18,950 karena bentuk yang salah. 2164 01:44:18,950 --> 01:44:22,040 Jika password kosong atau kurang dari delapan karakter, saya tidak mengajukan 2165 01:44:22,040 --> 01:44:24,470 bentuk, karena itu juga salah. 2166 01:44:24,470 --> 01:44:28,150 Dan palsu kembali hanya mencegah bentuk dari mengajukan dan 2167 01:44:28,150 --> 01:44:30,150 pergi ke halaman baru. 2168 01:44:30,150 --> 01:44:31,310 >> Dan mudah-mudahan, ini masuk akal. 2169 01:44:31,310 --> 01:44:34,650 Saya pikir kalian harus berjalan melalui ini langkah demi langkah kode Anda sendiri. 2170 01:44:34,650 --> 01:44:38,350 Dan setelah Anda memahami apa yang pilih elemen dan melakukan hal-hal itu 2171 01:44:38,350 --> 01:44:40,520 benar-benar memerlukan, ini akan membuat banyak akal untuk Anda. 2172 01:44:40,520 --> 01:44:41,295 Ya? 2173 01:44:41,295 --> 01:44:44,150 >> AUDIENCE: Apakah yang name = username artinya? 2174 01:44:44,150 --> 01:44:48,530 >> JOSEPH ONG: Jadi nama = nama pengguna dan name = password hanya berarti melihat 2175 01:44:48,530 --> 01:44:50,730 atribut apa pun Anda memilih. 2176 01:44:50,730 --> 01:44:51,790 Dan kemudian yang harus sesuai. 2177 01:44:51,790 --> 01:44:53,870 Jadi kita masuk ke pendaftaran. 2178 01:44:53,870 --> 01:44:56,240 Dan kemudian kita melihat semua input dan pendaftaran. 2179 01:44:56,240 --> 01:44:59,990 Dan kemudian kita memilih satu di mana nama Atribut sama dengan nama pengguna. 2180 01:44:59,990 --> 01:45:04,040 Sehingga pemilih pertama hanya memilih masukan nama pengguna. 2181 01:45:04,040 --> 01:45:08,220 Dan bahwa pemilih kedua hanya memilih password satu, karena mereka memiliki 2182 01:45:08,220 --> 01:45:12,240 atribut nama mereka ditetapkan sebagai apa mereka seharusnya. 2183 01:45:12,240 --> 01:45:12,575 Pertanyaan? 2184 01:45:12,575 --> 01:45:17,030 >> AUDIENCE: Pada penyerahan, bagaimana bagian bawah menyelesaikan bagian atas? 2185 01:45:17,030 --> 01:45:19,350 >> JOSEPH ONG: Jadi itu karena dari event handler. 2186 01:45:19,350 --> 01:45:23,000 Jadi kita menunggu untuk menyerahkan acara yang dipecat dari formulir. 2187 01:45:23,000 --> 01:45:24,730 Dan itu semua yang mengirimkan. 2188 01:45:24,730 --> 01:45:26,080 Mengapa saya sebut menyerahkan sana? 2189 01:45:26,080 --> 01:45:28,870 Ia mengatakan, ketika formulir dikirimkan, Saya mendapatkan menyerahkan acara. 2190 01:45:28,870 --> 01:45:33,480 Jadi biarkan aku hanya mencegat itu dan kemudian jalankan kode ini sebagai gantinya. 2191 01:45:33,480 --> 01:45:33,823 Ya? 2192 01:45:33,823 --> 01:45:35,866 >> AUDIENCE: Mengapa Anda memiliki memiliki fungsi event? 2193 01:45:35,866 --> 01:45:38,580 Mengapa kamu tidak bisa hanya [Tak terdengar]? 2194 01:45:38,580 --> 01:45:41,140 >> JOSEPH ONG: Karena dalam JavaScript, Anda harus menyatakan fungsi. 2195 01:45:41,140 --> 01:45:42,910 Itu hanya cara kerjanya dalam JavaScript. 2196 01:45:42,910 --> 01:45:44,800 Anda harus mengatakan itu akan untuk menjalankan fungsi. 2197 01:45:44,800 --> 01:45:47,290 Jadi kau mengatakan bahwa kau mengharapkan fungsi di sini bukannya 2198 01:45:47,290 --> 01:45:48,260 hanya kurung kurawal. 2199 01:45:48,260 --> 01:45:50,460 >> AUDIENCE: Dan fungsi adalah apa pun yang berikut? 2200 01:45:50,460 --> 01:45:50,650 >> JOSEPH ONG: Ya. 2201 01:45:50,650 --> 01:45:52,790 Fungsinya adalah apa yang ada di dalam kurung kurawal setelah 2202 01:45:52,790 --> 01:45:53,630 bahwa fungsi kata kunci. 2203 01:45:53,630 --> 01:45:54,045 Ya? 2204 01:45:54,045 --> 01:45:55,295 >> AUDIENCE: [Tak terdengar]. 2205 01:45:55,295 --> 01:46:00,180 2206 01:46:00,180 --> 01:46:00,660 >> JOSEPH ONG: Untuk mengirimkan? 2207 01:46:00,660 --> 01:46:03,520 >> AUDIENCE: Tidak, untuk fungsi tanpa acara tersebut. 2208 01:46:03,520 --> 01:46:03,770 >> JOSEPH ONG: Ya. 2209 01:46:03,770 --> 01:46:05,610 Jadi tanpa acara tersebut, Anda dapat memiliki itu. 2210 01:46:05,610 --> 01:46:08,480 Jika Anda tidak perlu acara tersebut, maka Anda hanya dapat menghilangkan itu. 2211 01:46:08,480 --> 01:46:12,220 Tapi jika Anda melakukannya, maka Anda hanya menaruhnya di sana. 2212 01:46:12,220 --> 01:46:12,520 Ya. 2213 01:46:12,520 --> 01:46:13,190 Pertanyaan singkat? 2214 01:46:13,190 --> 01:46:14,440 >> AUDIENCE: [Tak terdengar]. 2215 01:46:14,440 --> 01:46:21,170 2216 01:46:21,170 --> 01:46:21,440 >> JOSEPH ONG: Ya. 2217 01:46:21,440 --> 01:46:24,550 Karena apa yang perlu Anda lakukan, document.ready hanya mengatakan menunggu untuk semua 2218 01:46:24,550 --> 01:46:26,540 HTML pada halaman untuk memuat pertama. 2219 01:46:26,540 --> 01:46:30,510 Dan biasanya, Anda ingin elemen Anda di tempat sebelum Anda menjalankan kode apapun. 2220 01:46:30,510 --> 01:46:31,030 Baik. 2221 01:46:31,030 --> 01:46:32,180 Kami harus pergi ke Ajax. 2222 01:46:32,180 --> 01:46:33,110 Kami tidak punya banyak waktu. 2223 01:46:33,110 --> 01:46:35,170 Jadi pro dan kontra. 2224 01:46:35,170 --> 01:46:37,450 JavaScript lebih mudah mencoba menulis dengan jQuery. 2225 01:46:37,450 --> 01:46:38,930 Tapi jQuery agak lambat. 2226 01:46:38,930 --> 01:46:42,290 >> Ini seperti PHP lebih lambat dari C, karena itu ditafsirkan. 2227 01:46:42,290 --> 01:46:45,690 Dan jQuery adalah sedikit lebih lambat dari JavaScript, karena tidak banyak 2228 01:46:45,690 --> 01:46:46,630 hal-hal di bawah tenda. 2229 01:46:46,630 --> 01:46:48,660 Dan jadi jika Anda menggunakan jQuery, itu hanya sedikit lebih lambat dari 2230 01:46:48,660 --> 01:46:51,630 JavaScript, meskipun memberi Anda bagus keanggunan. 2231 01:46:51,630 --> 01:46:53,970 Dan akhirnya, Ajax. 2232 01:46:53,970 --> 01:46:59,170 Sejauh ini dengan Ajax, Anda belum melihat Ajax dalam hal pset7 belum, karena 2233 01:46:59,170 --> 01:47:01,150 ketika Anda melakukannya, Anda mengirimkan formulir untuk kutipan. 2234 01:47:01,150 --> 01:47:02,350 Ini beban halaman baru. 2235 01:47:02,350 --> 01:47:04,440 Jadi Anda mendapatkan lampu kilat putih besar ini pada halaman sementara yang 2236 01:47:04,440 --> 01:47:06,820 beban halaman kedua, benar? 2237 01:47:06,820 --> 01:47:08,780 >> Ini akan sangat baik jika Anda tidak memiliki flash ini. 2238 01:47:08,780 --> 01:47:11,600 Seperti Facebook, jika Anda hanya gulir ke bagian bawah, ia menambahkan konten baru 2239 01:47:11,600 --> 01:47:13,490 tanpa menyegarkan seluruh halaman. 2240 01:47:13,490 --> 01:47:15,420 Jadi sesuatu seperti ini akan menyenangkan. 2241 01:47:15,420 --> 01:47:17,370 Ini adalah kode JavaScript di sisi kiri. 2242 01:47:17,370 --> 01:47:19,390 Anda mendapatkan apa yang ada dalam input itu. 2243 01:47:19,390 --> 01:47:21,340 Anda mendapatkan info saham dari Yahoo! 2244 01:47:21,340 --> 01:47:27,440 Dan kemudian Anda membuat string besar yang mengatakan, OK, ini adalah pesan yang saya inginkan 2245 01:47:27,440 --> 01:47:28,400 untuk ditampilkan di layar. 2246 01:47:28,400 --> 01:47:32,280 Dan kemudian Anda menaruh pesan bahwa di dalam dari beberapa elemen HTML yang mendapat 2247 01:47:32,280 --> 01:47:33,970 ditampilkan pada layar. 2248 01:47:33,970 --> 01:47:35,540 >> Jadi itu semua yang terjadi di sini. 2249 01:47:35,540 --> 01:47:39,410 Jadi pada dasarnya, karena semua ini JavaScript dan Anda tidak perlu menjalankan 2250 01:47:39,410 --> 01:47:42,980 PHP lagi, ini akan memastikan bahwa halaman tidak refresh. 2251 01:47:42,980 --> 01:47:47,470 Jadi ini hanya sebuah ide abstrak yang saya katakan di sini untuk saat ini. 2252 01:47:47,470 --> 01:47:50,630 Ide abstrak adalah bahwa jika Anda melakukannya semua dalam JavaScript, Anda tidak memiliki 2253 01:47:50,630 --> 01:47:52,330 refresh halaman. 2254 01:47:52,330 --> 01:47:53,800 Tapi bagaimana Anda benar-benar melakukan ini? 2255 01:47:53,800 --> 01:47:56,230 >> Well, sebenarnya, mari kita bicara tentang masalah dengan ini terlebih dahulu. 2256 01:47:56,230 --> 01:47:59,340 Masalahnya adalah dalam JavaScript, eksekusi sinkron. 2257 01:47:59,340 --> 01:48:02,000 Jadi, Anda harus menunggu untuk satu line untuk menyelesaikan sebelum Anda 2258 01:48:02,000 --> 01:48:03,370 mengeksekusi baris berikutnya. 2259 01:48:03,370 --> 01:48:06,130 Dan bagaimana jika aku akan ke Yahoo!, dan server mereka benar-benar lambat, dan 2260 01:48:06,130 --> 01:48:08,790 dibutuhkan mereka tiga detik untuk memberikan kembali info saham? 2261 01:48:08,790 --> 01:48:12,620 Ketika saya memukul yang garis harga, jika eksekusi sinkron, seperti yang oleh 2262 01:48:12,620 --> 01:48:15,390 default, apa itu hanya akan lakukan adalah browser Anda akan mengulur 2263 01:48:15,390 --> 01:48:15,930 tiga detik. 2264 01:48:15,930 --> 01:48:18,900 Dan Anda tidak akan dapat melakukan apa pun sementara mendapat data tersebut. 2265 01:48:18,900 --> 01:48:20,010 Ini akan dibekukan. 2266 01:48:20,010 --> 01:48:20,800 >> Dan itu buruk. 2267 01:48:20,800 --> 01:48:23,390 Anda tidak ingin pengguna untuk memiliki halaman web beku. 2268 01:48:23,390 --> 01:48:24,170 Benar? 2269 01:48:24,170 --> 01:48:25,480 Itu hanya buruk. 2270 01:48:25,480 --> 01:48:26,770 Semua orang setuju? 2271 01:48:26,770 --> 01:48:29,270 Jika Anda browsing Facebook dan membeku dan Anda tidak dapat melakukan apa-apa, Anda 2272 01:48:29,270 --> 01:48:31,920 mendapatkan benar-benar frustrasi. 2273 01:48:31,920 --> 01:48:34,960 Jadi solusinya adalah kita membuat sesuatu asynchronous gantinya. 2274 01:48:34,960 --> 01:48:38,910 Jadi semua hal ini mengatakan asynchronous adalah, aku akan menanyakan hal ini 2275 01:48:38,910 --> 01:48:40,280 URL untuk beberapa data. 2276 01:48:40,280 --> 01:48:41,610 Dan kemudian aku akan terus berjalan. 2277 01:48:41,610 --> 01:48:45,330 Aku hanya akan terus melaksanakan kode itu setelah itu apa pun. 2278 01:48:45,330 --> 01:48:49,290 >> Dan kemudian setiap kali data yang siap, maka saya akan memprosesnya. 2279 01:48:49,290 --> 01:48:50,540 Itu semua yang ia katakan. 2280 01:48:50,540 --> 01:48:52,795 2281 01:48:52,795 --> 01:48:56,710 >> AUDIENCE: Ajax hanya membuat kode asynchronous? 2282 01:48:56,710 --> 01:48:58,560 >> JOSEPH ONG: Ini adalah asynchronous cara data pengambilan data. 2283 01:48:58,560 --> 01:49:01,230 Jadi hal pertama tentang Ajax itu memungkinkan saya mendapatkan data 2284 01:49:01,230 --> 01:49:03,170 dari situs eksternal. 2285 01:49:03,170 --> 01:49:07,045 Dan yang kedua adalah ia memastikan bahwa halaman saya tidak warung sementara aku 2286 01:49:07,045 --> 01:49:07,970 mengambil data tersebut. 2287 01:49:07,970 --> 01:49:09,600 Itulah bagian asynchronous dari itu. 2288 01:49:09,600 --> 01:49:13,040 Karena berbunyi di tempat lain, karena saya mengatakan saya terus berlangsung sementara 2289 01:49:13,040 --> 01:49:14,900 itu mengambil data itu, yang membuat asynchronous. 2290 01:49:14,900 --> 01:49:17,170 Aku terus mengeksekusi. 2291 01:49:17,170 --> 01:49:18,960 >> Jadi, teruslah asynchronous yang ide dalam pikiran. 2292 01:49:18,960 --> 01:49:22,010 Dan aku akan menunjukkan kepada Anda apa perbedaannya. 2293 01:49:22,010 --> 01:49:23,920 Versi sinkron adalah di sisi kiri. 2294 01:49:23,920 --> 01:49:26,240 Versi asynchronous adalah di sisi kanan. 2295 01:49:26,240 --> 01:49:29,170 Lihatlah angka-angka untuk melihat mana langkah-langkah sesuai dengan apa yang 2296 01:49:29,170 --> 01:49:30,610 mengeksekusi pada setiap baris. 2297 01:49:30,610 --> 01:49:32,730 Di sana, waspada muncul pertama. 2298 01:49:32,730 --> 01:49:34,590 Karena mendapatkan info saham dari Yahoo! 2299 01:49:34,590 --> 01:49:37,250 mengambil tiga detik, warung selama tiga detik. 2300 01:49:37,250 --> 01:49:39,880 Dan kemudian ia mengingatkan harga setelah tiga detik. 2301 01:49:39,880 --> 01:49:43,690 >> Jadi sekarang, bahwa peringatan menunjukkan pada waktu itu - 2302 01:49:43,690 --> 01:49:44,610 tiga detik masuk 2303 01:49:44,610 --> 01:49:47,670 Dan kemudian ia mengingatkan dengan setelah itu. 2304 01:49:47,670 --> 01:49:48,930 Jadi itu hanya berjalan langkah demi langkah. 2305 01:49:48,930 --> 01:49:51,200 Ini seperti apa yang kalian akan menerima, benar? 2306 01:49:51,200 --> 01:49:54,170 Dengan eksekusi asynchronous, Anda waspada pertama. 2307 01:49:54,170 --> 01:49:57,410 Kemudian Anda pergi ke URL ini. 2308 01:49:57,410 --> 01:49:59,530 Dan kau katakan, aku akan hanya meminta data. 2309 01:49:59,530 --> 01:50:01,170 Dan kemudian aku akan proses nanti. 2310 01:50:01,170 --> 01:50:04,230 Jadi segera mengeksekusi baris berikutnya setelah saya membuat 2311 01:50:04,230 --> 01:50:05,710 permintaan asynchronous. 2312 01:50:05,710 --> 01:50:08,920 >> Jadi 0,001 detik, Anda lihat hi waspada. 2313 01:50:08,920 --> 01:50:10,960 Jalankan fungsi itu, bye waspada. 2314 01:50:10,960 --> 01:50:14,240 Dan karena saya berjanji bahwa saya akan memproses data kemudian, apa 2315 01:50:14,240 --> 01:50:17,920 terjadi adalah ketika data yang datang kembali tiga detik kemudian, maka saya menjalankan bahwa 2316 01:50:17,920 --> 01:50:21,380 Fungsi yang saya miliki di sana. 2317 01:50:21,380 --> 01:50:21,870 Ya? 2318 01:50:21,870 --> 01:50:25,750 >> AUDIENCE: Bisakah Anda tentukan atau menjelaskan apa artinya Ajax? 2319 01:50:25,750 --> 01:50:30,460 >> JOSEPH ONG: Jadi Ajax adalah cara yang jika saya membutuhkan data saat aku di sebuah situs web dan saya 2320 01:50:30,460 --> 01:50:34,690 tidak ingin me-refresh halaman, maka Saya menggunakan teknologi ini disebut Ajax. 2321 01:50:34,690 --> 01:50:40,630 Yang pada dasarnya hanya berarti, pergi mengambil Data dari situs web lain. 2322 01:50:40,630 --> 01:50:43,724 Dan melakukannya dengan cara yang hanya tidak warung halaman web saya. 2323 01:50:43,724 --> 01:50:46,650 >> AUDIENCE: Jadi adalah bahwa melekat bagian dari JavaScript atau jQuery? 2324 01:50:46,650 --> 01:50:50,590 >> JOSEPH ONG: Jadi seseorang menulis cara untuk melakukan ini JavaScript lama. 2325 01:50:50,590 --> 01:50:52,050 Pada satu titik, itu tidak ada. 2326 01:50:52,050 --> 01:50:56,630 Dan begitu seseorang menemukan teknik ini untuk memungkinkan orang untuk meminta data ini 2327 01:50:56,630 --> 01:50:57,680 dalam mode ini. 2328 01:50:57,680 --> 01:50:59,550 Dan mereka menulis beberapa hal untuk melakukannya untuk Anda. 2329 01:50:59,550 --> 01:51:01,605 Dan jQuery hanya memberi Anda ini cara yang sangat baik untuk melakukannya 2330 01:51:01,605 --> 01:51:03,112 dengan $ ini. mendapatkan fungsi. 2331 01:51:03,112 --> 01:51:07,200 2332 01:51:07,200 --> 01:51:09,480 pertanyaan? 2333 01:51:09,480 --> 01:51:11,560 Saya bisa menjawab pertanyaan tentang Ajax sesudahnya juga. 2334 01:51:11,560 --> 01:51:13,870 Aku akan berada di sini. 2335 01:51:13,870 --> 01:51:16,390 >> Jadi mari kita mengambil data tanpa menyegarkan halaman. 2336 01:51:16,390 --> 01:51:18,200 Dan mari kita melakukan ini di cara asynchronous yang 2337 01:51:18,200 --> 01:51:19,450 tidak membeku halaman. 2338 01:51:19,450 --> 01:51:22,680 2339 01:51:22,680 --> 01:51:27,310 Terlalu lama, tidak membaca jika itu Penjelasan itu terlalu lama bagi Anda. 2340 01:51:27,310 --> 01:51:29,430 Jadi akhirnya, cross-site serangan scripting. 2341 01:51:29,430 --> 01:51:30,910 Kami melihat ini dengan Zamyla. 2342 01:51:30,910 --> 01:51:34,285 Jika dalam database saya seseorang memiliki nama ini, yang merupakan tag script ini, dan saya 2343 01:51:34,285 --> 01:51:38,280 memiliki beberapa kode pada halaman saya yang dicetak nama-nama orang berturut-turut, atau saya harus 2344 01:51:38,280 --> 01:51:43,310 beberapa kode JavaScript yang menyisipkan nama ini ke halaman, 2345 01:51:43,310 --> 01:51:45,680 apa HTML akan dihasilkan? 2346 01:51:45,680 --> 01:51:47,290 Yah, saya mencetak tag HTML. 2347 01:51:47,290 --> 01:51:48,390 Saya mencetak semua tag tersebut. 2348 01:51:48,390 --> 01:51:50,740 >> Aku sampai ke bagian di mana saya mencetak dengan teman-teman saya. 2349 01:51:50,740 --> 01:51:52,980 Saya mencetak Lauren keluar. 2350 01:51:52,980 --> 01:51:54,200 Ini mencetak Milo keluar. 2351 01:51:54,200 --> 01:51:56,810 Dan kemudian nama saya dalam database adalah post script 2352 01:51:56,810 --> 01:51:58,060 tidak menyenangkan Status Facebook. 2353 01:51:58,060 --> 01:52:00,740 2354 01:52:00,740 --> 01:52:04,330 Karena saya dimasukkan ini ke halaman karena terlihat seperti JavaScript, ketika 2355 01:52:04,330 --> 01:52:07,930 Halaman ini akan dikirim ke pengguna, itu akan dieksekusi sebagai JavaScript. 2356 01:52:07,930 --> 01:52:10,800 Dan jadi ini adalah apa yang kita sebut cross-site scripting serangan. 2357 01:52:10,800 --> 01:52:14,570 Seseorang menempatkan informasi berbahaya di database yang dapat sesuai dengan 2358 01:52:14,570 --> 01:52:17,080 beberapa string tambahan atau beberapa string JavaScript. 2359 01:52:17,080 --> 01:52:20,130 >> Dan ketika mendapat dicetak ke Halaman dalam mode ini, maka apa 2360 01:52:20,130 --> 01:52:22,580 terjadi adalah bahwa kode buruk dijalankan bahwa saya tidak bermaksud 2361 01:52:22,580 --> 01:52:25,110 untuk itu untuk dijalankan. 2362 01:52:25,110 --> 01:52:28,230 Dan itu semua cross-site serangan scripting. 2363 01:52:28,230 --> 01:52:31,790 Dan cara Anda mendapatkan sekitar ini adalah seperti Zamyla kata. 2364 01:52:31,790 --> 01:52:34,340 Anda hanya membungkus hal-hal dalam HTML karakter khusus. 2365 01:52:34,340 --> 01:52:39,460 Dan ini adalah HTML karakter khusus PHP fungsi yang akan mencegah semacam ini 2366 01:52:39,460 --> 01:52:42,000 hal terjadi pada Anda jika Anda memiliki berbahaya 2367 01:52:42,000 --> 01:52:43,830 string dalam database Anda. 2368 01:52:43,830 --> 01:52:47,650 Itu hanya lolos itu, sehingga tidak mendapatkan ditafsirkan sebagai HTML. 2369 01:52:47,650 --> 01:52:50,960 Ini menggantikan kurung kecil dengan apa yang kita sebut entitas. 2370 01:52:50,960 --> 01:52:52,250 Dan kami pergi ini dalam kuliah juga. 2371 01:52:52,250 --> 01:52:55,800 Jadi saya pikir kalian harus memiliki pemahaman yang baik tentang itu. 2372 01:52:55,800 --> 01:52:57,420 Pertanyaan? 2373 01:52:57,420 --> 01:52:57,820 Ya. 2374 01:52:57,820 --> 01:53:00,860 >> AUDIENCE: Jadi bagaimana akan yang [Tak terdengar]? 2375 01:53:00,860 --> 01:53:01,555 >> JOSEPH ONG: Katakanlah itu lagi. 2376 01:53:01,555 --> 01:53:02,500 >> AUDIENCE: Bagaimana akan monitor - 2377 01:53:02,500 --> 01:53:02,860 >> JOSEPH ONG: Benar. 2378 01:53:02,860 --> 01:53:06,080 Jadi Anda memiliki sesuatu yang mengatakan, ketika Saya mendaftar, ketik nama saya. 2379 01:53:06,080 --> 01:53:09,390 Aku hanya mengetik di bidang itu, nama saya dilucuti pasca tidak menarik Facebook 2380 01:53:09,390 --> 01:53:11,570 Status close tag script. 2381 01:53:11,570 --> 01:53:15,690 Dan itu akan dimasukkan ke dalam Database, karena saya tidak bisa mengatakan seseorang 2382 01:53:15,690 --> 01:53:18,260 di dunia tidak memiliki nama dengan panah kiri di dalamnya atau 2383 01:53:18,260 --> 01:53:19,036 naskah kata di dalamnya. 2384 01:53:19,036 --> 01:53:21,330 Itu tidak benar-benar masuk akal. 2385 01:53:21,330 --> 01:53:24,560 Jadi aku hanya harus memastikan bahwa saya membersihkan barang-barang sebelum saya mencetaknya 2386 01:53:24,560 --> 01:53:25,420 keluar ke halaman. 2387 01:53:25,420 --> 01:53:27,140 >> AUDIENCE: Jadi HTML kartu khusus mencegah tag script? 2388 01:53:27,140 --> 01:53:28,710 >> JOSEPH ONG: Ya. 2389 01:53:28,710 --> 01:53:29,960 Jadi tidak mencegah tag script. 2390 01:53:29,960 --> 01:53:32,320 Itu hanya memastikan bahwa tag script tidak mendapatkan 2391 01:53:32,320 --> 01:53:35,120 ditafsirkan sebagai HTML atau - 2392 01:53:35,120 --> 01:53:35,400 ya. 2393 01:53:35,400 --> 01:53:38,470 Itu hanya muncul sebagai apa sebenarnya. 2394 01:53:38,470 --> 01:53:39,220 Baik. 2395 01:53:39,220 --> 01:53:40,930 Jadi itu review kuis. 2396 01:53:40,930 --> 01:53:41,830 Keren. 2397 01:53:41,830 --> 01:53:45,088 >> [Tepuk Tangan]