1 00:00:00,000 --> 00:00:11,470 2 00:00:11,470 --> 00:00:12,764 >> SPEAKER 1: Semua, betul mengalu-alukan kembali. 3 00:00:12,764 --> 00:00:14,140 Ini adalah CS50. 4 00:00:14,140 --> 00:00:16,800 Dan ini adalah permulaan minggu sembilan. 5 00:00:16,800 --> 00:00:19,960 Dan ini adalah permulaan yang lain masa anda di CS50, di mana kita 6 00:00:19,960 --> 00:00:23,170 peralihan sekarang, akhirnya, untuk web aspek kursus, di mana anda akan 7 00:00:23,170 --> 00:00:26,200 mendapati bahawa banyak asas-asas yang kita telah mengeksport selama beberapa minggu 8 00:00:26,200 --> 00:00:29,270 masih kembali untuk melawat, atau menghantui, kita. 9 00:00:29,270 --> 00:00:33,440 Tetapi sekarang, anda akan mendapati bahawa ia adalah satu perintah magnitud lebih mudah untuk 10 00:00:33,440 --> 00:00:36,540 melaksanakan tugas-tugas tertentu dan menyelesaikan masalah-masalah tertentu - 11 00:00:36,540 --> 00:00:41,050 sehinggakan walaupun anda fikir set masalah tertentu yang menyeronokkan di mereka 12 00:00:41,050 --> 00:00:44,200 cara sendiri, saya berfikir bahawa anda akan menemui p yang ditetapkan 7, p menetapkan 8, dan kemudian, 13 00:00:44,200 --> 00:00:47,990 akhirnya, projek akhir akan semua lebih memuaskan kerana anda akan 14 00:00:47,990 --> 00:00:51,830 mendapati bahawa kita mula mengambil mudah kini perkara-perkara seperti pengurusan ingatan, dan 15 00:00:51,830 --> 00:00:54,190 petunjuk, dan apa yang berlaku di bawah hood. 16 00:00:54,190 --> 00:00:57,310 Dan sekali lagi, tema, semua di seluruh semester telah lapisan ini 17 00:00:57,310 --> 00:00:58,030 dan lapisan. 18 00:00:58,030 --> 00:01:00,530 Dan sekarang kita jenis sehingga di sini, berdiri di atas 19 00:01:00,530 --> 00:01:01,930 bahu minggu lalu. 20 00:01:01,930 --> 00:01:05,360 >> Sekarang, ingat dari masa lepas bahawa kita bercakap tentang bagaimana internet bekerja. 21 00:01:05,360 --> 00:01:08,120 Dan ini mungkin merupakan satu melampaui batas, tetapi ingat bahawa 22 00:01:08,120 --> 00:01:12,960 setiap komputer di dunia mempunyai IP menangani, walaupun itu sedikit daripada 23 00:01:12,960 --> 00:01:14,570 batas masih. 24 00:01:14,570 --> 00:01:18,180 Dan orang-orang alamat digunakan untuk unik mengenal pasti mesin supaya 25 00:01:18,180 --> 00:01:22,010 apabila anda menghantar maklumat, atau paket, jadi untuk bercakap, mereka boleh mempunyai sumber yang 26 00:01:22,010 --> 00:01:24,000 alamat dan alamat destinasi. 27 00:01:24,000 --> 00:01:27,830 Dan orang-orang alamat IP yang sama boleh digunakan kedua-dua yang baik dan juga untuk kejahatan, 28 00:01:27,830 --> 00:01:29,270 untuk mengesan anda, misalnya. 29 00:01:29,270 --> 00:01:32,200 Malah, setiap seorang daripada anda dengan komputer riba membuka sekarang, atau telefon dalam anda 30 00:01:32,200 --> 00:01:35,070 poket, mempunyai alamat IP pada rangkaian Harvard. 31 00:01:35,070 --> 00:01:39,120 Dan bukan semua yang sukar untuk mengaitkan bahawa siapa dan di mana anda 32 00:01:39,120 --> 00:01:40,180 adalah hari ini. 33 00:01:40,180 --> 00:01:42,090 Tetapi lebih kepada yang mungkin pada masa hadapan. 34 00:01:42,090 --> 00:01:46,510 >> Sekarang saya fikir saya akan membawa balik beberapa kenangan [? meningkatkan?] dan memberi anda 35 00:01:46,510 --> 00:01:49,360 klip lain dari persembahan anda mungkin mendapati biasa. 36 00:01:49,360 --> 00:01:52,710 Jika kita boleh meredupkan hanya beberapa saat. 37 00:01:52,710 --> 00:01:53,960 The Numb3rs menunjukkan. 38 00:01:53,960 --> 00:01:57,510 39 00:01:57,510 --> 00:02:00,540 >> SPEAKER 2: Ia adalah satu alamat IPP4 32-bit. 40 00:02:00,540 --> 00:02:01,610 >> SPEAKER 3: IPP, seperti dalam internet? 41 00:02:01,610 --> 00:02:02,968 >> SPEAKER 2: rangkaian persendirian. 42 00:02:02,968 --> 00:02:04,960 Untuk rangkaian persendirian Amita ini. 43 00:02:04,960 --> 00:02:16,930 44 00:02:16,930 --> 00:02:19,602 Dia begitu menakjubkan. 45 00:02:19,602 --> 00:02:21,030 >> SPEAKER 3: Datang pada, Charlie. 46 00:02:21,030 --> 00:02:21,490 >> SPEAKER 2: Ia. 47 00:02:21,490 --> 00:02:22,470 Satu alamat IP cermin. 48 00:02:22,470 --> 00:02:27,680 Dia membiarkan kita melihat apa yang dia lakukan dalam masa nyata. 49 00:02:27,680 --> 00:02:30,930 >> SPEAKER 1: OK, jadi beberapa perkara kena dengan gambar ini. 50 00:02:30,930 --> 00:02:32,920 Jadi satu, dan yang satu ini boleh diterima, ini sebenarnya 51 00:02:32,920 --> 00:02:34,400 bukan alamat IP yang sah. 52 00:02:34,400 --> 00:02:38,190 Satu alamat IP yang sah telah menjadi nombor bentuk w.x.y.z, di mana setiap 53 00:02:38,190 --> 00:02:40,000 surat yang adalah 0 hingga 255. 54 00:02:40,000 --> 00:02:42,330 Tetapi itu halus kerana hanya seperti filem di mana mereka nombor telefon palsu, 55 00:02:42,330 --> 00:02:43,520 mereka palsu alamat IP. 56 00:02:43,520 --> 00:02:45,230 Anda sebenarnya tidak memukul pelayan sebenar. 57 00:02:45,230 --> 00:02:46,760 >> Tetapi fikiran anda, ini adalah pelayar. 58 00:02:46,760 --> 00:02:50,760 Dan pelayar tidak mula keluarkan kod komputer seperti ini. 59 00:02:50,760 --> 00:02:54,230 Dan jika kita melihat sedikit lebih mendalam, notis bahawa bahasa yang mereka lihat 60 00:02:54,230 --> 00:02:57,040 pada skrin adalah bahasa yang dipanggil Objektif C, yang merupakan bahasa 61 00:02:57,040 --> 00:02:59,520 aplikasi iPhone yang ditulis, khususnya yang melibatkan 62 00:02:59,520 --> 00:03:03,540 krayon, seperti yang anda boleh lihat dari kod sumber di sini. 63 00:03:03,540 --> 00:03:06,600 64 00:03:06,600 --> 00:03:07,560 >> OK, saya fikir ini adalah lucu. 65 00:03:07,560 --> 00:03:12,240 Jadi potongan kod ini telah benar-benar tiada kaitan dengan apa-apa ini 66 00:03:12,240 --> 00:03:13,940 episod tertentu adalah kira-kira. 67 00:03:13,940 --> 00:03:17,590 Jadi jenaka adalah jenis kepada orang mengambil ini diberikan. 68 00:03:17,590 --> 00:03:20,220 Tetapi ini tidak semua yang sukar untuk mendapatkan butir-butir teknikal yang betul. 69 00:03:20,220 --> 00:03:21,980 Dan saya akan menggalakkan anda. 70 00:03:21,980 --> 00:03:25,530 Dan sebenarnya, 50 sangat baik mungkin merosakkan banyak rancangan TV dan filem atau anda 71 00:03:25,530 --> 00:03:27,320 kerana anda akan mendapati bahawa ia hanya tidak mungkin apa yang mereka 72 00:03:27,320 --> 00:03:28,630 lakukan pada skrin. 73 00:03:28,630 --> 00:03:31,750 Tetapi sesungguhnya, ini adalah kod yang anda mungkin melihat ia dalam aplikasi iPhone 74 00:03:31,750 --> 00:03:33,640 atau Mac OS permohonan. 75 00:03:33,640 --> 00:03:35,685 Ia mempunyai apa-apa pada semua kaitan dengan keselamatan. 76 00:03:35,685 --> 00:03:38,610 Jadi memerhatikan keluar untuk lebih perkara yang menyeronokkan seperti seperti itu. 77 00:03:38,610 --> 00:03:42,720 >> Tetapi hari ini kita mula menyelam di benar-benar mendalam untuk pelbagai bahasa. 78 00:03:42,720 --> 00:03:45,410 Satu sesungguhnya, salah satu yang menyeluruh takeaways bahagian ini daripada 79 00:03:45,410 --> 00:03:51,815 Sudah tentu tidak belajar bagaimana untuk program dalam PHP, tidak belajar SQL per se, tidak 80 00:03:51,815 --> 00:03:58,100 belajar JavaScript per se, tetapi sebaliknya untuk mengajar diri sendiri bagaimana untuk mengajar 81 00:03:58,100 --> 00:04:02,030 diri bahasa baru kerana, sesungguhnya, kita mula mengambil kini 82 00:04:02,030 --> 00:04:06,020 roda latihan luar supaya selepas akhir kursus ini, anda tidak menjangkakan 20 83 00:04:06,020 --> 00:04:08,890 spesifikasi halaman untuk memberitahu anda bagaimana untuk melaksanakan beberapa program. 84 00:04:08,890 --> 00:04:12,970 Anda mempunyai bahan-bahan yang cukup dalam anda fikiran, dan alat-alat yang cukup dalam alat anda 85 00:04:12,970 --> 00:04:15,750 kit, dengan yang mula membina penyelesaian kepada masalah yang menarik minat 86 00:04:15,750 --> 00:04:19,130 anda bagi kumpulan sesetengah pelajar, bagi sesetengah projek penyelidikan, atau benar-benar apa-apa 87 00:04:19,130 --> 00:04:20,140 menarik minat anda. 88 00:04:20,140 --> 00:04:24,150 >> Jadi ke arah itu, ingat bahawa ini adalah gambar kita menarik masa lalu. 89 00:04:24,150 --> 00:04:27,620 Dan ini adalah dua buah komputer, pelanggan dan memutuskan, bercakap dengan satu sama lain. 90 00:04:27,620 --> 00:04:31,130 Dan protokol, bahasa, jadi untuk bercakap, bahawa kedua-dua komputer berlaku 91 00:04:31,130 --> 00:04:33,220 untuk bercakap dipanggil HTTP. 92 00:04:33,220 --> 00:04:37,730 Dan itu hanya protokol yang digunakan oleh komputer untuk memindahkan maklumat melalui 93 00:04:37,730 --> 00:04:38,710 web di seluruh dunia. 94 00:04:38,710 --> 00:04:41,770 Web, sudah tentu, adalah hanya salah satu perkhidmatan yang berjalan di atas 95 00:04:41,770 --> 00:04:43,000 yang dipanggil internet. 96 00:04:43,000 --> 00:04:48,660 Apakah perkhidmatan yang lain boleh didapati di atas internet hari ini? 97 00:04:48,660 --> 00:04:51,600 Sesetengah protokol lain atau - apa itu? 98 00:04:51,600 --> 00:04:52,300 >> PENONTON: FTP. 99 00:04:52,300 --> 00:04:52,790 >> SPEAKER 1: FTP. 100 00:04:52,790 --> 00:04:54,630 Jadi File Transfer Protocol adalah satu lagi. 101 00:04:54,630 --> 00:04:56,050 Kebanyakan anda mungkin tidak menggunakannya. 102 00:04:56,050 --> 00:04:58,830 Tetapi kebanyakan anda mungkin telah digunakan perkara-perkara seperti GChat, atau segera 103 00:04:58,830 --> 00:05:00,970 mesej lebih amnya, pasti e-mel. 104 00:05:00,970 --> 00:05:04,470 Dan orang-orang, juga, adalah perkhidmatan yang berjalan pada atas internet kerana, pada 105 00:05:04,470 --> 00:05:08,180 akhir hari, internet itu sendiri benar-benar hanya mendapatkan data dari titik A ke 106 00:05:08,180 --> 00:05:12,480 titik B. Dan ia menggunakan beberapa zarah itu sendiri, salah seorang daripada mereka atau dua 107 00:05:12,480 --> 00:05:17,340 daripada mereka yang paling umumnya dipanggil TCP / IP, yang mengatakan bahawa salah satu komputer di 108 00:05:17,340 --> 00:05:19,960 internet yang benar-benar boleh melakukan perkara yang berbeza, e-mel, 109 00:05:19,960 --> 00:05:20,980 dan web, dan sebagainya. 110 00:05:20,980 --> 00:05:22,220 Google melakukan banyak ini. 111 00:05:22,220 --> 00:05:26,310 Jadi bagaimana perkhidmatan-perkhidmatan unik dikenal pasti, adakah kita katakan, pada komputer 112 00:05:26,310 --> 00:05:29,080 yang mungkin sebenarnya melakukan pelbagai perkara? 113 00:05:29,080 --> 00:05:29,860 >> Nombor port. 114 00:05:29,860 --> 00:05:34,180 Dan ini adalah hanya manusia sewenang-wenangnya konvensyen seperti 80 adalah web, 443 adalah 115 00:05:34,180 --> 00:05:36,580 web disulitkan, 25 adalah e-mel. 116 00:05:36,580 --> 00:05:38,230 Dan terdapat tandan orang lain. 117 00:05:38,230 --> 00:05:41,860 Dan orang-orang nombor hanya dimasukkan ke dalam paket maklumat mereka 118 00:05:41,860 --> 00:05:46,230 sampul surat maya, yang benar-benar mengandungi permintaan atau jawapan. 119 00:05:46,230 --> 00:05:51,300 >> Oleh itu, apabila anda kembali jawapan dari web, biasanya, anda tidak melihat apa-apa 120 00:05:51,300 --> 00:05:54,780 nombor apa jua dari segi kod status sambutan. 121 00:05:54,780 --> 00:05:56,770 Anda tidak benar-benar melihat mekanisme dalaman 122 00:05:56,770 --> 00:05:58,090 paket yang kembali. 123 00:05:58,090 --> 00:05:59,860 Tetapi 200 sememangnya bermakna OK. 124 00:05:59,860 --> 00:06:01,530 Dan ini bermakna semua adalah baik. 125 00:06:01,530 --> 00:06:02,870 Anda mungkin telah melihat sekumpulan ini. 126 00:06:02,870 --> 00:06:05,710 Yang mungkin yang paling biasa anda telah melihat di web? 127 00:06:05,710 --> 00:06:05,980 >> 404. 128 00:06:05,980 --> 00:06:07,330 Ia hanya bermakna fail tidak dijumpai. 129 00:06:07,330 --> 00:06:08,270 Ia bermakna seseorang kacau sehingga. 130 00:06:08,270 --> 00:06:11,450 Anda lakukan dengan salah taip URL, atau seseorang lain lakukan dengan memberi anda 131 00:06:11,450 --> 00:06:15,100 URL tidak sah, atau mereka dipadam fail dan URL yang masih 132 00:06:15,100 --> 00:06:16,130 yang digunakan oleh orang-orang. 133 00:06:16,130 --> 00:06:19,670 Jadi apa-apa bilangan sebab-sebab yang boleh menjelaskan mengapa fail tidak dijumpai. 134 00:06:19,670 --> 00:06:22,990 Dan anda akan lihat, pada minggu-minggu akan datang, kod ralat yang lain, dan anda akan 135 00:06:22,990 --> 00:06:24,195 mengambil kesempatan daripada beberapa daripada mereka. 136 00:06:24,195 --> 00:06:25,760 Yang paling teruk adalah 500. 137 00:06:25,760 --> 00:06:29,820 Jika anda mendapat ralat 500 dalam kod yang anda telah bertulis, memikirkan bahawa sebagai jenis yang 138 00:06:29,820 --> 00:06:33,290 analog seg kerosakan dalam dunia pengaturcaraan web. 139 00:06:33,290 --> 00:06:34,560 Ia tidak cukup sebagai buruk. 140 00:06:34,560 --> 00:06:36,660 Tetapi ia hanya bermaksud bahawa, tempat, anda kacau sehingga. 141 00:06:36,660 --> 00:06:38,260 Jadi sabar-sabar untuk mereka. 142 00:06:38,260 --> 00:06:39,910 >> Tetapi mari kita lihat jika kita boleh melihat ini dalam konteks. 143 00:06:39,910 --> 00:06:43,460 Biar saya pergi ke pelayar di sini dan melakukan yang berikut. 144 00:06:43,460 --> 00:06:45,710 Jadi ini adalah Chrome, yang berlaku dipasang di dalam perkakas. 145 00:06:45,710 --> 00:06:49,410 Tetapi yang paling setiap pelayar hari ini mempunyai beberapa fungsi yang sama. 146 00:06:49,410 --> 00:06:52,610 Saya akan naik menu Chrome, dan pergi ke Tools, dan saya akan pergi 147 00:06:52,610 --> 00:06:53,990 ke Alat Pemaju. 148 00:06:53,990 --> 00:06:57,040 Dan anda akan melihat bahawa panel ini sedikit dibuka di bahagian bawah tingkap. 149 00:06:57,040 --> 00:07:00,190 Jalan pintas yang lain, untuk bersikap jujur, bahawa saya biasanya menggunakan diri saya adalah untuk klik kanan 150 00:07:00,190 --> 00:07:04,370 atau Kawalan klik mana-mana sahaja di web halaman dan hanya pergi ke Memeriksa Unsur. 151 00:07:04,370 --> 00:07:07,440 Dan itu bukan sahaja akan membuka ini ada untuk anda. 152 00:07:07,440 --> 00:07:10,230 Ia juga akan membuka, khususnya, Unsur-unsur bahagian pada 153 00:07:10,230 --> 00:07:11,430 sebelah kiri. 154 00:07:11,430 --> 00:07:12,460 >> Jadi kita sudah tentu melihat Google. 155 00:07:12,460 --> 00:07:13,930 Mereka menukar logo mereka hari ini. 156 00:07:13,930 --> 00:07:20,200 Tetapi pada jika saya tatal ke bawah di sini, notis Unsur-unsur yang bawah, anda lihat 157 00:07:20,200 --> 00:07:23,460 apa yang dipanggil HTML, Hiperteks Markup Bahasa, dan ini adalah bahasa 158 00:07:23,460 --> 00:07:26,000 ini dan semua laman web, benar-benar, akan ditulis masuk 159 00:07:26,000 --> 00:07:28,950 Tetapi ia sebenarnya diformat untuk kita lebih banyak lagi readably 160 00:07:28,950 --> 00:07:29,970 daripada ia biasanya adalah. 161 00:07:29,970 --> 00:07:34,810 Malah, jika saya zum keluar, dan saya bukan hanya klik atau Kawalan Klik Kanan 162 00:07:34,810 --> 00:07:39,630 klik pada halaman, dan kemudian pergi ke Lihat Page Source, ini adalah benar-benar apa yang 163 00:07:39,630 --> 00:07:42,150 Google diturunkan kepada pelayar saya. 164 00:07:42,150 --> 00:07:46,480 >> Jadi beberapa orang atau orang-orang menulis Google.com menggunakan kod sumber ini. 165 00:07:46,480 --> 00:07:47,790 Kebanyakan ini tidak HTML. 166 00:07:47,790 --> 00:07:49,340 Ini sebenarnya bahasa yang dipanggil JavaScript, yang 167 00:07:49,340 --> 00:07:50,880 kami akan datang ke pada Rabu. 168 00:07:50,880 --> 00:07:55,580 Tetapi apa Chrome, dan apa yang pelayar setiap boleh lakukan untuk kita, adalah jenis melihat 169 00:07:55,580 --> 00:07:59,610 lalu semua gangguan daripada sintaks gila, dan masukkan semula ruang putih 170 00:07:59,610 --> 00:08:02,940 bagi kami, dan juga menyerlahkan sintaks, atau Colorize perkara untuk kita. 171 00:08:02,940 --> 00:08:06,470 Jadi, anda akan mendapati bahawa apa yang dipanggil alat pemaju yang dibina dalam pelayar 172 00:08:06,470 --> 00:08:10,830 akan membuat hidup anda demikian, lebih mudah kerana anda boleh meneroka, melalui menu ini 173 00:08:10,830 --> 00:08:13,940 muka, apa yang asas kod sumber adalah untuk 174 00:08:13,940 --> 00:08:15,750 mana-mana laman di internet. 175 00:08:15,750 --> 00:08:19,070 Dan sesungguhnya, ini adalah salah satu yang paling cara yang berkesan untuk mempelajari bagaimana untuk melakukan 176 00:08:19,070 --> 00:08:22,860 sesuatu yang baru, sekurang-kurangnya jika halaman tidak begitu kompleks seperti untuk mengatasi, adalah 177 00:08:22,860 --> 00:08:26,700 mula poking sekitar ia HTML, melihat di CSS yang dipanggil, yang kami akan datang 178 00:08:26,700 --> 00:08:30,310 untuk sedikit juga, untuk mendapatkan memahami bagaimana programmer yang 179 00:08:30,310 --> 00:08:33,480 melaksanakan beberapa tertentu ciri halaman. 180 00:08:33,480 --> 00:08:36,530 >> Tetapi yang lebih teknikal yang betul menarik kini ia akan menjadi ini. 181 00:08:36,530 --> 00:08:39,429 Jika saya pergi ke tab Network, mari kita kini jelas ini. 182 00:08:39,429 --> 00:08:43,429 Saya akan klik sedikit simbol salib di sini, dan kemudian 183 00:08:43,429 --> 00:08:45,630 pergi ke laman web yang lain. 184 00:08:45,630 --> 00:08:48,430 Dan saya hanya akan menaip di Facebook.com. 185 00:08:48,430 --> 00:08:51,940 Tiada HTTP, HTTPS tidak, tiada WWW. 186 00:08:51,940 --> 00:08:53,850 Mari kita benar-benar melihat apa yang berlaku di sini. 187 00:08:53,850 --> 00:08:55,030 >> Enter. 188 00:08:55,030 --> 00:08:58,480 Sekarang notis sejumlah besar barangan hanya muncul di panel bawah ini, 189 00:08:58,480 --> 00:09:00,285 Selain laman web yang terdapat di atas. 190 00:09:00,285 --> 00:09:04,890 Saya akan meninjau kembali ke Tab Network di sini, dan saya akan 191 00:09:04,890 --> 00:09:06,080 klik pada baris pertama. 192 00:09:06,080 --> 00:09:10,580 Apakah alat ini akan mendedahkan kepada kita tiap-tiap seorang daripada permintaan HTTP 193 00:09:10,580 --> 00:09:13,550 yang cepat hanya pergi ke belakang dan alik antara pelayar saya 194 00:09:13,550 --> 00:09:14,930 dan pelayan Facebook. 195 00:09:14,930 --> 00:09:17,830 Dan supaya setiap seorang daripada mereka baris merupakan salah satu permintaan itu atau 196 00:09:17,830 --> 00:09:20,970 tindak balas, satu atau lebih daripada mereka sampul surat maya. 197 00:09:20,970 --> 00:09:24,080 Atau lebih bersahaja, ia adalah seperti orang yang seperti orang, pelanggan di 198 00:09:24,080 --> 00:09:26,710 restoran, meminta sesuatu sekali lagi, dan sekali lagi, dan lagi. 199 00:09:26,710 --> 00:09:29,400 Dan pelayan terus membawa kembali pada satu masa. 200 00:09:29,400 --> 00:09:33,850 >> Jadi sekarang, jika saya zoom di atas ini, notis dan ini akan menjadi perkara seperti 201 00:09:33,850 --> 00:09:36,600 bahawa anda mengalu-alukan dan digalakkan untuk bermain dengan sendiri, kerana kita 202 00:09:36,600 --> 00:09:38,150 tidak akan pergi melalui segala-galanya secara terperinci. 203 00:09:38,150 --> 00:09:40,070 Tetapi notis terdapat beberapa tab kecil di sini - 204 00:09:40,070 --> 00:09:43,700 Tajuk, Preview, Response, Cookies, dan masa. 205 00:09:43,700 --> 00:09:48,280 Saya hanya akan melihat tajuk buat masa sekarang kerana ini adalah sedikit 206 00:09:48,280 --> 00:09:53,600 bahan-bahan di dalam sampul surat yang data membantu mendapatkan ke dan dari tempat. 207 00:09:53,600 --> 00:09:57,590 >> Jadi pertama, izinkan saya klik ini, Lihat Source sebelah Tajuk Permintaan. 208 00:09:57,590 --> 00:10:01,910 Terdapat permintaan yang pelayar saya, Chrome, dalam kes ini, yang dihantar dalam 209 00:10:01,910 --> 00:10:02,910 sampul surat yang maya. 210 00:10:02,910 --> 00:10:04,800 Anda akan ingat minggu lepas saya ditaip sambil manual 211 00:10:04,800 --> 00:10:06,380 berpura-pura menjadi pelayar. 212 00:10:06,380 --> 00:10:09,980 Kemudian ia mengingatkan pelayan yang ia mencari tuan rumah yang dipanggil 213 00:10:09,980 --> 00:10:10,835 Facebook.com. 214 00:10:10,835 --> 00:10:13,630 Dan kemudian ada sedikit lebih batin maklumat yang kita akan melambai 215 00:10:13,630 --> 00:10:14,830 tangan kita buat masa ini. 216 00:10:14,830 --> 00:10:18,640 >> Tetapi jika saya mula tatal ke bawah kini dalam tetingkap ini, izinkan saya sampai ke 217 00:10:18,640 --> 00:10:19,980 tajuk tindak balas. 218 00:10:19,980 --> 00:10:23,270 Ini adalah apa yang ada di maya sampul surat yang pulang dari 219 00:10:23,270 --> 00:10:24,095 Facebook.com. 220 00:10:24,095 --> 00:10:27,390 Dan jika saya klik Lihat Sumber hanya untuk melihat teks mentah itu, 221 00:10:27,390 --> 00:10:28,400 notis beberapa perkara. 222 00:10:28,400 --> 00:10:32,130 Satu, Facebook juga bercakap yang sama protokol, versi 1.1 itu. 223 00:10:32,130 --> 00:10:33,390 Jadi, itu bagus. 224 00:10:33,390 --> 00:10:36,820 Tetapi kod status 301, bergerak selama-lamanya. 225 00:10:36,820 --> 00:10:38,880 >> Nah, di mana palang pintu tidak Facebook pergi? 226 00:10:38,880 --> 00:10:40,430 Apa yang ini cuba untuk menyampaikan kepada kami? 227 00:10:40,430 --> 00:10:44,310 Well, melihat ke bawah di sini terdapat satu lagi header dipanggil Lokasi. 228 00:10:44,310 --> 00:10:51,050 Jadi mengapa Facebook memberitahu saya bahawa mereka berpindah secara kekal ke URL yang 229 00:10:51,050 --> 00:10:53,580 sebelah Lokasi? 230 00:10:53,580 --> 00:10:54,962 Saya terlupa www. 231 00:10:54,962 --> 00:10:56,250 >> Jadi itu adalah pilihan saya. 232 00:10:56,250 --> 00:11:00,450 Malah, kebanyakan kita jarang, mungkin, menaip www.whatever.com hari ini. 233 00:11:00,450 --> 00:11:03,390 Tetapi ternyata pentadbir sistem, seperti Facebook, boleh 234 00:11:03,390 --> 00:11:06,800 mengkonfigurasi pelayan mereka dalam apa-apa cara yang yang sama ada Facebook.com berfungsi, atau 235 00:11:06,800 --> 00:11:12,450 www.Facebook.com berfungsi, atau, benar-benar, mana-mana awalan seperti di hadapan mereka 236 00:11:12,450 --> 00:11:13,210 nama domain. 237 00:11:13,210 --> 00:11:14,500 Jadi mereka telah melakukan itu untuk kita. 238 00:11:14,500 --> 00:11:16,910 Dan mereka mengubah hala kami, mungkin untuk beberapa teknikal, 239 00:11:16,910 --> 00:11:18,100 beberapa sebab pemasaran. 240 00:11:18,100 --> 00:11:21,570 Mereka hanya mahu canonicalize di www.Facebook.com. 241 00:11:21,570 --> 00:11:24,040 >> Tetapi itu tidak cukup ia. 242 00:11:24,040 --> 00:11:28,560 Jika saya tatal ke bawah di sini, mari kita melihat apa yang berlaku. 243 00:11:28,560 --> 00:11:30,810 Ini memberitahu saya kita berpindah secara kekal ke 244 00:11:30,810 --> 00:11:33,450 http://www.Facebook.com. 245 00:11:33,450 --> 00:11:36,620 Jadi mari kita lihat di atas permintaan kedua bahawa pelayar saya menghantar. 246 00:11:36,620 --> 00:11:40,070 Malangnya, ia kelihatan seperti Facebook telah berpindah lagi kerana kedua 247 00:11:40,070 --> 00:11:44,420 permintaan, dengan memilih URL yang sebaliknya, mengatakan bahawa, terlalu, bergerak 248 00:11:44,420 --> 00:11:45,010 selama-lamanya. 249 00:11:45,010 --> 00:11:48,140 Dan biarlah saya tatal ke bawah di sini untuk tajuk tindak balas. 250 00:11:48,140 --> 00:11:51,530 Jika telah Facebook pergi sekarang? 251 00:11:51,530 --> 00:11:52,680 >> Jadi HTTPS. 252 00:11:52,680 --> 00:11:56,130 Jadi sekarang Facebook telah bermula, terutamanya dalam cahaya semasa 253 00:11:56,130 --> 00:11:59,750 peristiwa di bulan kebelakangan ini, khususnya dan juga dalam beberapa tahun yang lalu 254 00:11:59,750 --> 00:12:03,670 untuk memaksa semua pengguna mereka, yang baik cara untuk menggunakan HTTPS, yang lebih 255 00:12:03,670 --> 00:12:06,210 menjamin, walaupun tidak sepenuhnya selamat. 256 00:12:06,210 --> 00:12:10,000 Dan sehingga kini halaman saya, pelayar saya akan meminta URL ketiga ini. 257 00:12:10,000 --> 00:12:14,710 Dan kini, akhirnya, kita mendapat sebaliknya ghaib 200 OK. 258 00:12:14,710 --> 00:12:18,830 >> Jadi apa yang di dunia atau semua baris ini yang lain di sini. 259 00:12:18,830 --> 00:12:22,630 Saya benar-benar ditaip satu perkara, dan saya pelayar nampaknya telah diminta seperti 260 00:12:22,630 --> 00:12:23,840 20 beberapa perkara ganjil. 261 00:12:23,840 --> 00:12:24,640 Apakah itu? 262 00:12:24,640 --> 00:12:25,810 >> PENONTON: Skrip? 263 00:12:25,810 --> 00:12:28,460 >> SPEAKER 1: Skrip, fail jadi lain ditulis dalam bahasa yang dipanggil 264 00:12:28,460 --> 00:12:30,780 JavaScript, yang, sekali lagi, kita akan melihat sedikit pada Rabu. 265 00:12:30,780 --> 00:12:32,760 Apa lagi? 266 00:12:32,760 --> 00:12:33,390 Gaya helaian. 267 00:12:33,390 --> 00:12:36,350 Jadi sesuatu dalam bahasa yang dipanggil CSS, yang kita akan melihat dalam sedikit. 268 00:12:36,350 --> 00:12:40,690 Gifs, dan JPEG, dan jumlah PNGS, dan imej, dan fail filem - apa sahaja laman web 269 00:12:40,690 --> 00:12:43,280 telah kemungkinan besar dalam bentuk fail. 270 00:12:43,280 --> 00:12:46,750 Dan supaya apa yang kita lihat di sebelah kiri sebelah ada semua fail-fail 271 00:12:46,750 --> 00:12:50,280 bahawa Chrome mempunyai untuk memuat turun, Recursively, jika anda akan, untuk 272 00:12:50,280 --> 00:12:52,430 mengarang keseluruhan halaman. 273 00:12:52,430 --> 00:12:56,210 >> Jadi apa yang kita lihat masa lalu dengan Google, jika saya klik pada Elemen 274 00:12:56,210 --> 00:13:00,470 tab, ini, pasti, HTML, yang bahasa yang dikomposisikan halaman ini. 275 00:13:00,470 --> 00:13:01,890 Tetapi ada tandan perkara-perkara lain. 276 00:13:01,890 --> 00:13:02,640 Terdapat logo. 277 00:13:02,640 --> 00:13:04,680 Ada orang-orang biru-ish ikon di sana. 278 00:13:04,680 --> 00:13:07,610 Dan ada unsur-unsur lain masih halaman yang diri mereka mungkin 279 00:13:07,610 --> 00:13:08,610 fail berasingan. 280 00:13:08,610 --> 00:13:11,860 >> Jadi apa yang baik tentang pelayar adalah bahawa ia kelihatan pada bahasa kita akan 281 00:13:11,860 --> 00:13:14,690 untuk mula menulis, atau anda telah pun penulisan bermula pada P set 7, angka 282 00:13:14,690 --> 00:13:17,970 di mana fail-fail hidup, dan pergi dan mengambil mereka juga. 283 00:13:17,970 --> 00:13:21,010 Dan saya tidak boleh menekankan cukup, walaupun walaupun sesetengah ini mungkin kelihatan sedikit 284 00:13:21,010 --> 00:13:24,820 batin atau besar pada pandangan pertama, belajar bagaimana untuk program 285 00:13:24,820 --> 00:13:28,500 permohonan untuk web, ia adalah yang tidak ternilai untuk memahami bagaimana 286 00:13:28,500 --> 00:13:29,410 alat sedikit bekerja. 287 00:13:29,410 --> 00:13:33,830 Ini adalah jenis seperti GDB seperti alat, tetapi lebih mudah, akhirnya, untuk digunakan - 288 00:13:33,830 --> 00:13:37,690 dan benar-benar memberi anda mata ke dalam apa kita telah mengambil untuk diberikan bagi 289 00:13:37,690 --> 00:13:39,170 sekian lama kini. 290 00:13:39,170 --> 00:13:42,270 >> Jadi apa yang boleh kita lakukan dengan maklumat ini? 291 00:13:42,270 --> 00:13:44,875 Nah, mari kita sebenarnya kita lihat konsep asas HTML. 292 00:13:44,875 --> 00:13:49,025 Dan kami akan menangguhkan, seperti yang kita sudah mempunyai, untuk bahagian minggu ini, kepada masalah 293 00:13:49,025 --> 00:13:53,260 menetapkan 7 spesifikasi, bagi sesetengah orang yang lebih butir-butir bahasa ini. 294 00:13:53,260 --> 00:13:57,020 Tetapi mari kita lihat jika kita tidak boleh cat gambar apa yang anda perlu memahami 295 00:13:57,020 --> 00:13:57,940 keseluruhan di sini. 296 00:13:57,940 --> 00:14:02,280 >> Jadi HTML, Hiperteks Markup Language, bukan bahasa pengaturcaraan. 297 00:14:02,280 --> 00:14:03,520 Apa yang benar-benar bermakna? 298 00:14:03,520 --> 00:14:05,690 Jadi HTML kelihatan seperti ini. 299 00:14:05,690 --> 00:14:06,810 Dan sesetengah daripada anda sudah tahu ini. 300 00:14:06,810 --> 00:14:08,130 Sebahagian daripada anda telah melakukan ini untuk beberapa ketika. 301 00:14:08,130 --> 00:14:10,270 Tetapi mari kita lihat jika kita tidak boleh mengisi di beberapa tempat kosong juga. 302 00:14:10,270 --> 00:14:11,760 Jadi notis beberapa perkara di sini. 303 00:14:11,760 --> 00:14:13,030 Satu, ia hanya teks. 304 00:14:13,030 --> 00:14:15,960 Jadi ia adalah sama seperti kod sumber dalam C, atau beberapa bahasa lain. 305 00:14:15,960 --> 00:14:17,750 >> Perhatikan bahawa terdapat seolah-olah menjadi corak di sini. 306 00:14:17,750 --> 00:14:20,870 Ada kasturi, tetapi secara teknikal lekukan hanya manusia 307 00:14:20,870 --> 00:14:21,205 konvensyen. 308 00:14:21,205 --> 00:14:24,980 A pelayar tidak peduli jika ada yang baru garis dan tab seperti kita lihat di sana. 309 00:14:24,980 --> 00:14:27,410 Tetapi notis bahawa terdapat simetri di sini. 310 00:14:27,410 --> 00:14:31,180 Ada apa yang saya akan memanggil, di bahagian atas fail ini, tag terbuka, atau permulaan 311 00:14:31,180 --> 00:14:33,030 tag, dipanggil HTML. 312 00:14:33,030 --> 00:14:36,800 Dan kemudian, turun ke bawah, sempurna berbaris up, sama seperti yang kita lakukan dengan pendakap kerinting, 313 00:14:36,800 --> 00:14:40,910 kita lihat kurungan terbuka, ke hadapan slash, HTML, kurungan rapat. 314 00:14:40,910 --> 00:14:44,610 Jadi yang dekat yang sama tag, atau akhir tag, untuk perkara itu. 315 00:14:44,610 --> 00:14:47,990 >> Bersama-sama, semua bahagian dalam yang dipanggil tag terbuka dan tag penutup 316 00:14:47,990 --> 00:14:50,440 mengarang apa yang kita akan memanggil unsur. 317 00:14:50,440 --> 00:14:53,910 Dan kita akan melihat, dalam hanya seketika, ia benar-benar suka nod dalam pokok. 318 00:14:53,910 --> 00:14:57,470 Kerana jika anda berfikir tentang kini lekukan itu tersirat di sini, anda 319 00:14:57,470 --> 00:15:00,780 jenis mempunyai, seperti, nenek a nod dipanggil HTML. 320 00:15:00,780 --> 00:15:06,870 Berapa ramai anak-anak anda mungkin berkata, berdasarkan pada gambar ini, elemen HTML mempunyai? 321 00:15:06,870 --> 00:15:07,720 >> Jadi mungkin dua. 322 00:15:07,720 --> 00:15:10,240 Satu adalah elemen kepala, nampaknya. 323 00:15:10,240 --> 00:15:11,710 Dan salah satu adalah elemen badan. 324 00:15:11,710 --> 00:15:12,555 Dan mengapa dua kanak-kanak? 325 00:15:12,555 --> 00:15:15,840 Well, saya hanya jenis membuat kesimpulan bahawa jika Saya mempunyai tag kepala terbuka dan kemudian 326 00:15:15,840 --> 00:15:17,820 tag kepala dekat, itulah unsur. 327 00:15:17,820 --> 00:15:21,200 Dan kemudian, jika terdapat satu lagi badan terbuka tag dan tag badan yang rapat, yang seperti 328 00:15:21,200 --> 00:15:22,340 elemen lain. 329 00:15:22,340 --> 00:15:26,000 Jadi, dalam erti kata bahawa jika saya jenis putar gambar di sebelah, ia 330 00:15:26,000 --> 00:15:29,910 seperti mempunyai tag HTML, dan kemudian tag kepala, dan kemudian tag badan dan 331 00:15:29,910 --> 00:15:34,290 maka beberapa teks, hello dunia, tergantung kira tag badan itu sendiri. 332 00:15:34,290 --> 00:15:36,620 >> Jadi kita boleh melukis gambar yang mungkin kelihatan seperti ini. 333 00:15:36,620 --> 00:15:38,020 Bentuk yang sewenang-wenangnya. 334 00:15:38,020 --> 00:15:40,870 Tetapi notis bahawa saya telah menggunakan jenis yang Bujur di atas untuk mewakili 335 00:15:40,870 --> 00:15:41,860 dokumen itu sendiri. 336 00:15:41,860 --> 00:15:45,980 Ternyata ada boleh menjadi barangan lain dalam sebuah laman web yang saya tidak telah 337 00:15:45,980 --> 00:15:46,940 disediakan di sini. 338 00:15:46,940 --> 00:15:50,800 Jadi kita akan juga menggantung HTML off nod nod dokumen kononnya. 339 00:15:50,800 --> 00:15:53,730 Dan maka kita mempunyai kepala dan badan dan tajuk, notis, 340 00:15:53,730 --> 00:15:55,360 yang bersarang lagi. 341 00:15:55,360 --> 00:15:58,650 Saya tidak mengganggu meletakkan garis tambahan rehat dalam tag tajuk. 342 00:15:58,650 --> 00:16:02,710 Ia hanya berasa seperti ia semakin terlalu sedikit lantung. 343 00:16:02,710 --> 00:16:07,000 Jadi, saya meninggalkan ia dalam satu baris di sana, dengan tajuk terbuka, hello dunia, tajuk dekat. 344 00:16:07,000 --> 00:16:09,380 Dan kemudian kita mempunyai beberapa teks tergantung kira di sini. 345 00:16:09,380 --> 00:16:12,200 >> Jadi gambar ini akan kembali kepada kita apabila kita menyelam ke dalam JavaScript. 346 00:16:12,200 --> 00:16:15,110 Dan memahami bahawa apabila anda menulis HTML seperti ini, apa yang 347 00:16:15,110 --> 00:16:16,250 adalah pelayar lakukan? 348 00:16:16,250 --> 00:16:19,290 Nah, kita tidak perlu bimbang tentang bagaimana ia berbuat demikian, atau dengan apa 349 00:16:19,290 --> 00:16:23,090 algoritma, tetapi pada akhir hari, apabila pelayar menerima HTML seperti 350 00:16:23,090 --> 00:16:27,510 bahawa, dari Facebook atau Google, ia mem-parsing , jadi untuk bercakap, ia membacanya, 351 00:16:27,510 --> 00:16:31,160 dengan sesuatu seperti fread, atas ke bawah, kiri ke kanan, dan kerana ia 352 00:16:31,160 --> 00:16:36,300 sedar, oh, tag terbuka, dan kemudian tutup tag, ia mula malloc, jadi untuk bercakap, 353 00:16:36,300 --> 00:16:37,800 nod dalam pokok. 354 00:16:37,800 --> 00:16:41,130 Dan apabila menghadapi, seperti yang kita telah tersirat di sini dengan kasturi, satu 355 00:16:41,130 --> 00:16:45,400 nod kanak-kanak, ia mallocs nod bagi dan dilampirkan bahawa pokok itu. 356 00:16:45,400 --> 00:16:49,150 >> Oleh itu, struktur pokok, pokok-pokok perduaan, pokok pertigaan, dan pokok-pokok yang lebih besar, yang 357 00:16:49,150 --> 00:16:53,380 kita memandang pada satu atau dua minggu yang lalu, notis bahawa prinsip yang sama 358 00:16:53,380 --> 00:16:54,220 datang kembali kepada kami. 359 00:16:54,220 --> 00:16:57,590 Dan sesiapa yang dilaksanakan, Chrome apa pasukan melakukannya, mungkin mempunyai 360 00:16:57,590 --> 00:17:00,800 untuk melaksanakan beberapa jenis struktur pokok di bawah hood. 361 00:17:00,800 --> 00:17:05,329 Dan itu sendiri mungkin dalam bahasa seperti C atau C + +, atau yang lebih rendah 362 00:17:05,329 --> 00:17:08,540 bahasa tahap yang kita akan kini menggunakan atas web. 363 00:17:08,540 --> 00:17:11,200 >> Jadi sekarang, mungkin, ini akan lebih masuk akal. 364 00:17:11,200 --> 00:17:15,420 Tatu sebenar dari beberapa lelaki yang mungkin menyesal akhirnya, jenis. 365 00:17:15,420 --> 00:17:17,359 OK, semua hak, jadi banyak jenaka web. 366 00:17:17,359 --> 00:17:18,599 Ia tidak benar-benar akan lebih begitu baik hari ini. 367 00:17:18,599 --> 00:17:19,560 Oleh itu, kita akan bergerak ke atas. 368 00:17:19,560 --> 00:17:20,180 Baiklah. 369 00:17:20,180 --> 00:17:22,760 >> Jadi mari kita lihat sekarang di beberapa contoh. 370 00:17:22,760 --> 00:17:24,660 Yang paling mudah perkara yang mungkin ini. 371 00:17:24,660 --> 00:17:29,170 Saya akan pergi ke hadapan dan membuka dalam gedit fail yang dipanggil hello.php. 372 00:17:29,170 --> 00:17:31,730 373 00:17:31,730 --> 00:17:36,330 Dan di dalam sini, saya akan cepat hanya melakukan ini, printf, memetik 374 00:17:36,330 --> 00:17:38,590 unquote, "hello dunia." 375 00:17:38,590 --> 00:17:42,460 >> Jadi notis, dan saya akan melakukan n backslash saya, Saya tidak peduli untuk mengisytiharkan utama. 376 00:17:42,460 --> 00:17:45,310 Ternyata, dalam php, dan banyak bahasa, anda tidak perlu utama 377 00:17:45,310 --> 00:17:46,090 fungsi per se. 378 00:17:46,090 --> 00:17:47,720 Anda hanya boleh mula menulis program anda. 379 00:17:47,720 --> 00:17:51,210 Kini, apabila saya menyimpan fail ini, notis Saya akan perlu melakukan yang berikut. 380 00:17:51,210 --> 00:17:55,360 Saya tidak akan menggunakan membuat, dan saya tidak akan menggunakan dilafaz kerana PHP, tidak seperti 381 00:17:55,360 --> 00:17:57,400 C, bukan bahasa yang disusun. 382 00:17:57,400 --> 00:18:01,400 Ia adalah apa yang dipanggil ditafsirkan bahasa, yang bermakna bahawa anda berjalan 383 00:18:01,400 --> 00:18:04,650 sebagai input melalui program lain dipanggil jurubahasa. 384 00:18:04,650 --> 00:18:08,150 Dan program yang membaca itu, atas ke bawah, kiri ke kanan, dan tidak 385 00:18:08,150 --> 00:18:09,290 apa sahaja yang anda beritahu kepada lakukan. 386 00:18:09,290 --> 00:18:12,920 >> Jadi dalam kes ini di sini saya mempunyai satu baris yang mengatakan printf. 387 00:18:12,920 --> 00:18:17,990 Oleh itu, apabila saya menjalankan kod sumber ini, hello.php, walaupun program yang 388 00:18:17,990 --> 00:18:22,830 berlaku, mudah, yang akan dipanggil PHP, bahawa program PHP akan membaca 389 00:18:22,830 --> 00:18:26,120 fail ini, atas ke bawah, kiri ke kanan, dan ia akan melakukan apa yang saya 390 00:18:26,120 --> 00:18:30,110 beritahu lakukan - melaksanakan kod, dan jika ia tidak mengiktiraf sesuatu, hanya 391 00:18:30,110 --> 00:18:31,320 meludah keluar. 392 00:18:31,320 --> 00:18:34,940 Jadi, saya akan pergi ke hadapan dan menjalankan PHP daripada hello.php. 393 00:18:34,940 --> 00:18:37,110 Enter. 394 00:18:37,110 --> 00:18:39,690 >> Dan itu tidak cukup apa yang saya dimaksudkan. 395 00:18:39,690 --> 00:18:40,530 Nah, mengapa itu? 396 00:18:40,530 --> 00:18:43,910 Nah, PHP adalah bahasa yang sebenarnya direka untuk menjadi agak 397 00:18:43,910 --> 00:18:46,150 berkait rapat dengan web. 398 00:18:46,150 --> 00:18:50,460 Apabila membuat laman web dengan bahasa ini PHP, seperti yang kita akan melihat, kita akan 399 00:18:50,460 --> 00:18:54,560 mahu melakukan sesuatu seperti cetak keluar baris seperti ini. 400 00:18:54,560 --> 00:18:55,940 >> Jadi, saya akan melakukan ini. 401 00:18:55,940 --> 00:19:00,810 Kurungan terbuka, tanda tanya, PHP, dan sekarang saya hanya akan inden hanya untuk menjaga 402 00:19:00,810 --> 00:19:01,960 perkara yang baik. 403 00:19:01,960 --> 00:19:04,910 Dan sekarang saya akan melakukan satu soalan tanda kurungan rapat. 404 00:19:04,910 --> 00:19:06,270 Jadi ada sedikit ketidakseimbangan di sini. 405 00:19:06,270 --> 00:19:07,490 Anda tidak melakukan ini. 406 00:19:07,490 --> 00:19:10,530 Dan anda tidak melakukan slash, jadi PHP adalah sedikit berbeza. 407 00:19:10,530 --> 00:19:14,610 >> Tetapi sekarang, jika saya jalankan program ini, PHP hello.php, sekarang saya 408 00:19:14,610 --> 00:19:16,090 sebenarnya mendapat Hello World. 409 00:19:16,090 --> 00:19:17,750 Dan kita akan melihat mengapa ini adalah berharga. 410 00:19:17,750 --> 00:19:20,960 Satu, ia membolehkan saya untuk menentukan, super jelas, ini adalah 411 00:19:20,960 --> 00:19:22,480 kod, melaksanakan ini. 412 00:19:22,480 --> 00:19:25,480 Dan bahawa sesungguhnya apa yang tag khas membayangkan di sini. 413 00:19:25,480 --> 00:19:30,330 >> Tetapi ia juga bermakna bahawa jika saya hanya melakukan sesuatu seperti saya berhasrat di sini, bahawa 414 00:19:30,330 --> 00:19:34,000 bermakna, secara literal, yang akan hanya dicetak tanpa perlu 415 00:19:34,000 --> 00:19:36,850 sebenarnya panggilan printf, atau cetak, atau apa-apa fungsi yang sama. 416 00:19:36,850 --> 00:19:39,445 Oleh itu, kita akan kembali kepada yang dalam hanya seketika. 417 00:19:39,445 --> 00:19:40,470 >> Pertama, mari kita melakukan ini. 418 00:19:40,470 --> 00:19:43,950 Dalam perkakas, kita mempunyai direktori dipanggil Vhosts, untuk maya 419 00:19:43,950 --> 00:19:47,000 tuan rumah, mengurangkan host tempatan, mengurangkan awam. 420 00:19:47,000 --> 00:19:50,240 Jadi ia adalah satu lantung bit, tetapi cerita lama pendek, perkakas tidak direka 421 00:19:50,240 --> 00:19:53,770 sahaja untuk menyokong C. Ia juga direka untuk menyokong PHP. 422 00:19:53,770 --> 00:19:57,440 Tetapi ia juga direka untuk menjadi web pelayan, dan pelayan pangkalan data. 423 00:19:57,440 --> 00:20:00,230 Dan ia direka, dan benar-benar dikonfigurasikan, untuk mengingatkan mana-mana 424 00:20:00,230 --> 00:20:04,230 komersial syarikat web hosting yang anda boleh membayar $ 5 sebulan bagi, 425 00:20:04,230 --> 00:20:05,040 $ 100 sebulan untuk. 426 00:20:05,040 --> 00:20:08,200 Apa sahaja perkhidmatan ini, ia dikonfigurasi menjadi sangat serupa dengan 427 00:20:08,200 --> 00:20:10,170 sebenar server pengeluaran dunia. 428 00:20:10,170 --> 00:20:13,485 >> Dan apa yang bermakna bahawa berjalan di perkakas perisian pelayan web. 429 00:20:13,485 --> 00:20:15,060 Ia berlaku kepada dipanggil Apache. 430 00:20:15,060 --> 00:20:17,790 Ia hanya percuma dan sumber terbuka, dan sangat popular. 431 00:20:17,790 --> 00:20:23,260 Dan kita telah mengkonfigurasi Apache tahu bahawa jika saya melawat URL tertentu, dengan 432 00:20:23,260 --> 00:20:28,060 Chrome atau mana-mana pelayar bahagian dalam perkakas, untuk melihat ke dalam direktori ini 433 00:20:28,060 --> 00:20:31,030 untuk fail bahawa pengguna meminta. 434 00:20:31,030 --> 00:20:32,790 >> Dalam erti kata lain, biarlah saya pergi ke hadapan dan melakukan ini. 435 00:20:32,790 --> 00:20:36,890 Di dalam direktori awam saya, saya akan untuk pergi ke hadapan dan mencipta fail 436 00:20:36,890 --> 00:20:39,580 dipanggil index.html. 437 00:20:39,580 --> 00:20:41,000 Yang memberikan saya tab di sini. 438 00:20:41,000 --> 00:20:44,210 Dan saya akan pergi dengan cepat dan pergi ke hadapan dan bang 439 00:20:44,210 --> 00:20:45,010 program ini di sini. 440 00:20:45,010 --> 00:20:48,410 DOCTYPE HTML, yang buat masa ini, hanya menganggap anda perlu menaip. 441 00:20:48,410 --> 00:20:53,490 Ia hanya tag batin, yang tidak benar-benar sebuah tag HTML, yang menyatakan bahawa 442 00:20:53,490 --> 00:20:55,050 di sini datang beberapa HTML. 443 00:20:55,050 --> 00:20:57,400 >> Saya akan pergi ke hadapan dan mencipta apa yang kita lihat sebentar tadi. 444 00:20:57,400 --> 00:20:58,650 Berikut adalah kepala halaman. 445 00:20:58,650 --> 00:21:01,170 Di dalam kepala adalah - 446 00:21:01,170 --> 00:21:01,890 jadi tajuk. 447 00:21:01,890 --> 00:21:04,340 Oleh itu, kita akan bertanya khabar, dunia. 448 00:21:04,340 --> 00:21:06,570 Dan kemudian turun di sini adalah tag badan. 449 00:21:06,570 --> 00:21:08,580 Izinkan saya menutup tag badan. 450 00:21:08,580 --> 00:21:12,280 Dan kemudian di sini saya juga akan berkata, hanya untuk kejelasan, hello dunia. 451 00:21:12,280 --> 00:21:14,770 >> Jadi ini adalah, boleh dikatakan, yang paling mudah laman web yang mungkin anda 452 00:21:14,770 --> 00:21:15,770 boleh membuat itu sah. 453 00:21:15,770 --> 00:21:17,030 Ia sintaksis sah. 454 00:21:17,030 --> 00:21:18,620 Semua itu dibuka ditutup. 455 00:21:18,620 --> 00:21:20,910 Semuanya baik dalam gaya dan tersusun. 456 00:21:20,910 --> 00:21:23,600 Jadi mari kita lihat sekarang bagaimana saya boleh mengakses fail ini. 457 00:21:23,600 --> 00:21:25,540 >> Baiklah, biar saya pergi ke Chrome sini. 458 00:21:25,540 --> 00:21:35,050 Dan biarlah saya pergi ke http://localhost/index.html. 459 00:21:35,050 --> 00:21:36,200 Jadi apa yang tuan rumah tempatan? 460 00:21:36,200 --> 00:21:39,400 Nah, mana-mana komputer yang paling di dunia, Linux, Mac OS, Windows, mempunyai nama samaran 461 00:21:39,400 --> 00:21:40,680 dipanggil tuan rumah tempatan. 462 00:21:40,680 --> 00:21:42,900 Jadi jika anda pernah mahu bercakap ke komputer anda sendiri - 463 00:21:42,900 --> 00:21:45,140 walaupun, aneh reflexively - 464 00:21:45,140 --> 00:21:47,080 anda memanggil diri anda tuan rumah tempatan. 465 00:21:47,080 --> 00:21:50,390 Tidak kira apa yang komputer anda yang sebenarnya adalah dipanggil, sama ada ia adalah MacBook Daud 466 00:21:50,390 --> 00:21:52,490 Udara, atau sesuatu yang lebih lantung seperti itu. 467 00:21:52,490 --> 00:21:57,760 >> Jadi URL ini nampaknya akan menggunakan HTTP untuk bercakap dengan tuan rumah tempatan, 468 00:21:57,760 --> 00:22:00,800 komputer yang sama, perkakas, dan ia akan meminta, hanya mengambil 469 00:22:00,800 --> 00:22:02,570 rasa, apa yang fail? 470 00:22:02,570 --> 00:22:04,460 Index.html. 471 00:22:04,460 --> 00:22:08,650 Jadi perkakas telah ditetapkan di maju ke tahu bahawa jika saya meminta 472 00:22:08,650 --> 00:22:13,460 untuk sesuatu seperti index.html, mencari dalam folder yang dipanggil Vhosts, dalam 473 00:22:13,460 --> 00:22:17,950 folder dipanggil localhost, dalam folder dalamnya dipanggil awam. 474 00:22:17,950 --> 00:22:20,400 Itulah di mana semua orang awam saya fail akan menjadi. 475 00:22:20,400 --> 00:22:22,610 Jadi, saya kini akan tekan Enter. 476 00:22:22,610 --> 00:22:27,100 >> Dan bodoh, ada yang dilarang mesej, atau dikenali sebagai 403, yang 477 00:22:27,100 --> 00:22:28,490 kod angka untuk itu. 478 00:22:28,490 --> 00:22:30,130 Jadi apa yang salah di sini? 479 00:22:30,130 --> 00:22:33,210 Nah, ia tidak cukup untuk hanya meletakkan fail di dalam folder saya. 480 00:22:33,210 --> 00:22:35,790 Saya perlu untuk benar-benar melakukan yang berikut. 481 00:22:35,790 --> 00:22:40,210 >> Biar saya pergi ke direktori Vhosts saya, ke localhost, ke dalam orang ramai, dan membiarkan 482 00:22:40,210 --> 00:22:41,680 saya melakukan ls melontarkan l. 483 00:22:41,680 --> 00:22:44,510 Dan ada beberapa perkara lain di sini untuk tujuan hari ini. 484 00:22:44,510 --> 00:22:50,540 Tetapi notis di sebelah kiri, akan datang untuk index.html, kita hanya melihat satu RW. 485 00:22:50,540 --> 00:22:53,560 Dan pada masa lalu, apa yang telah RW berdiri? 486 00:22:53,560 --> 00:22:54,240 >> Hanya membaca atau menulis. 487 00:22:54,240 --> 00:22:58,000 Hakikat bahawa ia berkata rw di sebelah kiri bermakna saya, pemilik fail ini, boleh 488 00:22:58,000 --> 00:22:59,020 membaca atau menulis. 489 00:22:59,020 --> 00:23:05,010 Tetapi saya perlu memberitahu semua orang di dunia membaca ini, walaupun tidak menulisnya. 490 00:23:05,010 --> 00:23:09,650 Jadi, saya akan mengubah cara yang fail, chmod, semua plus r untuk memberi 491 00:23:09,650 --> 00:23:13,910 semua orang membaca kebenaran kepada fail yang dipanggil index.html. 492 00:23:13,910 --> 00:23:18,040 >> Dan jika saya kini Taip semula ls melontarkan l, notis itu, di sini, ada yang lebih 493 00:23:18,040 --> 00:23:19,160 R telah muncul. 494 00:23:19,160 --> 00:23:21,090 Dan sekarang, spesifikasi pergi ke lebih terperinci. 495 00:23:21,090 --> 00:23:24,450 Untuk P set 7, yang hanya bermakna semua orang kini boleh membaca fail ini. 496 00:23:24,450 --> 00:23:27,790 Jika saya kembali ke penyemak imbas saya sekarang dan tambah nilai, Voilà. 497 00:23:27,790 --> 00:23:28,750 Hello dunia. 498 00:23:28,750 --> 00:23:32,260 >> Dan saya juga boleh membuka alat Chrome saya dan lihat, sama seperti dengan Google dan 499 00:23:32,260 --> 00:23:34,590 Facebook yang ada HTML saya, diformat sedikit 500 00:23:34,590 --> 00:23:35,930 berbeza dan berwarna. 501 00:23:35,930 --> 00:23:40,450 Jika saya pergi ke tab rangkaian dan tambah nilai halaman, melihat bahawa ada mendapat 502 00:23:40,450 --> 00:23:42,900 meminta Chrome menghantar pada perkakas. 503 00:23:42,900 --> 00:23:46,020 Terdapat 200 bagi fail tertentu. 504 00:23:46,020 --> 00:23:49,340 Jadi ringkasnya, ini adalah bagaimana semua ini pelbagai keping yang datang bersama-sama. 505 00:23:49,340 --> 00:23:53,530 Ia hanya kebetulan bahawa pelayan web kita gunakan sekarang tidak jauh, 506 00:23:53,530 --> 00:23:54,210 seperti Facebook. 507 00:23:54,210 --> 00:23:58,330 Ia adalah betul-betul di komputer yang sama, yang betul-betul OK. 508 00:23:58,330 --> 00:24:00,590 >> Jadi apa lagi yang boleh kita lakukan di laman web? 509 00:24:00,590 --> 00:24:03,110 Nah, hanya, mari angin melalui beberapa perkara-perkara ini. 510 00:24:03,110 --> 00:24:07,860 Tetapi biarlah saya pergi ke hadapan dan membuka semula Gedit dengan index.html. 511 00:24:07,860 --> 00:24:13,980 Dan biarlah saya pergi ke hadapan dan bertanya khabar CS50, menyimpan fail ini, kembali ke 512 00:24:13,980 --> 00:24:16,260 pelayar, perubahan benar-benar underwhelming. 513 00:24:16,260 --> 00:24:19,130 >> Tetapi bagaimana jika kita mahu untuk benar-benar menghubungkan kepada sesuatu yang sekarang? 514 00:24:19,130 --> 00:24:23,480 Jadi ia ternyata bahawa kita boleh mempunyai pautan dalam HTML yang hanya tag 515 00:24:23,480 --> 00:24:24,140 diri mereka sendiri. 516 00:24:24,140 --> 00:24:27,320 Ia berlaku yang dikenali sebagai tag anchor. href sama 517 00:24:27,320 --> 00:24:33,190 https://www.cs50.net, www.cs50.net quote rapat, kurungan rapat. 518 00:24:33,190 --> 00:24:35,230 Dan sekarang mari kita lihat apa lain datang akan datang. 519 00:24:35,230 --> 00:24:36,500 >> Saya telah membuka tag. 520 00:24:36,500 --> 00:24:38,990 Saya kini perlu memberikan frasa seperti CS50. 521 00:24:38,990 --> 00:24:40,600 Izinkan saya menutup tag. 522 00:24:40,600 --> 00:24:42,010 Dan notis beberapa perkara. 523 00:24:42,010 --> 00:24:45,270 Walaupun ada perkara ini samar di sini, saya tidak berulang apabila anda 524 00:24:45,270 --> 00:24:46,010 menutup tag. 525 00:24:46,010 --> 00:24:48,230 Anda hanya menutup tag dengan namanya sahaja. 526 00:24:48,230 --> 00:24:50,940 Dan ini adalah apa yang dikenali sebagai sifat dengan nilai. 527 00:24:50,940 --> 00:24:56,070 Sifat-sifat hanya mengubah suai tingkah laku beberapa tag di dalam halaman. 528 00:24:56,070 --> 00:24:59,150 >> Jadi ini menyatakan bahawa hyper rujukan, cara mewah untuk mengatakan 529 00:24:59,150 --> 00:25:03,660 URL untuk anchor ini, kerana ini link, harus CS50.net. 530 00:25:03,660 --> 00:25:07,440 Dan teks yang kita mahu untuk menunjukkan pengguna tidak adalah bahawa URL mentah, tetapi 531 00:25:07,440 --> 00:25:08,730 yang CS50 perkataan. 532 00:25:08,730 --> 00:25:13,710 >> Jadi jika sekarang saya tambah nilai, izinkan saya zoom dalam untuk kejelasan, izinkan saya memuatkan semula halaman, 533 00:25:13,710 --> 00:25:16,460 melihat bahawa kita mempunyai sekolah lama ini biru yang digariskan link. 534 00:25:16,460 --> 00:25:20,000 Dan jika saya di atasnya, dan ia akan menjadi sukar untuk melihat, di bahagian bawah kiri 535 00:25:20,000 --> 00:25:23,690 sudut skrin, notis bahawa ia berkata URL yang 536 00:25:23,690 --> 00:25:24,430 Saya akan pergi. 537 00:25:24,430 --> 00:25:27,940 Dan jika saya klik di sana, Voilà, sekarang saya membuat laman web. 538 00:25:27,940 --> 00:25:30,140 Dan kami telah membawa diri ke halaman rumah. 539 00:25:30,140 --> 00:25:32,670 >> Tetapi notis apa yang berpotensi ini menawarkan kita. 540 00:25:32,670 --> 00:25:34,890 Keselamatan adalah amat menjadi tren hari ini. 541 00:25:34,890 --> 00:25:41,210 Bagaimana jika saya bukan mengatakan sesuatu seperti ini, dan saya bukannya pergi ke, katakan, mari kita 542 00:25:41,210 --> 00:25:42,460 lihat, fakeCS50.net. 543 00:25:42,460 --> 00:25:44,660 544 00:25:44,660 --> 00:25:46,360 Muat semula laman ini. 545 00:25:46,360 --> 00:25:50,180 >> OK, jadi melihat ia masih kelihatan seperti saya akan CS50, melainkan mata bijak 546 00:25:50,180 --> 00:25:51,560 akan melihat saya akan CS50 palsu. 547 00:25:51,560 --> 00:25:54,550 Saya meneka domain ini tidak diambil. 548 00:25:54,550 --> 00:25:55,960 OK, jadi ia tidak ada. 549 00:25:55,960 --> 00:25:56,600 Jadi itulah yang baik. 550 00:25:56,600 --> 00:25:57,900 Tiada siapa yang benar-benar mempunyai domain tersebut. 551 00:25:57,900 --> 00:26:00,380 >> Tetapi mari kita menjadi sedikit lebih berniat jahat kerana itulah jenis bodoh. 552 00:26:00,380 --> 00:26:02,240 Bagaimana jika kita menukar ini kepada Paypal. 553 00:26:02,240 --> 00:26:09,960 Dan apa yang jika kita memanggil ini, seperti, www.paypal.badguy.com, 554 00:26:09,960 --> 00:26:12,070 apa sahaja domain itu. 555 00:26:12,070 --> 00:26:13,700 Yang mungkin wujud. 556 00:26:13,700 --> 00:26:16,260 Jadi sekarang biarlah saya memuat semula halaman. 557 00:26:16,260 --> 00:26:22,890 Dan di sini kita mempunyai jenis phishing serangan, P-H-I-S-H-I-N-G, yang merupakan 558 00:26:22,890 --> 00:26:26,760 perkataan bodoh diberikan untuk serangan yang cuba untuk maklumat ikan, atau, lebih baik 559 00:26:26,760 --> 00:26:30,450 lagi, wang, daripada rakyat dengan pembodohan mereka ke dalam memberikan maklumat yang 560 00:26:30,450 --> 00:26:31,990 mereka mungkin yang tidak dilakukan. 561 00:26:31,990 --> 00:26:33,500 Ini kelihatan benar-benar legit, bukan? 562 00:26:33,500 --> 00:26:34,930 Saya mesti mempunyai pautan ke sini untuk Paypal.com. 563 00:26:34,930 --> 00:26:37,700 564 00:26:37,700 --> 00:26:40,430 Dalam keadilan, jika saya sexed ia dengan beberapa grafik, kita boleh membuat ia kelihatan 565 00:26:40,430 --> 00:26:41,310 lebih seperti PayPal. 566 00:26:41,310 --> 00:26:41,510 Betul? 567 00:26:41,510 --> 00:26:43,815 Kerana saya boleh, sebagai diketepikan, Saya boleh pergi ke Paypal.com. 568 00:26:43,815 --> 00:26:47,110 Dan kita baru sahaja melihat bagaimana saya boleh melihat semua HTML mereka. 569 00:26:47,110 --> 00:26:50,560 Saya hanya boleh menyalin dan mencipta estetika Paypal bukannya pergi 570 00:26:50,560 --> 00:26:51,490 sekolah lama di sini. 571 00:26:51,490 --> 00:26:55,010 Tetapi notis, sudah tentu, dan ia sedikit masih kecil, hanya di bawah 572 00:26:55,010 --> 00:26:59,190 sudut kiri, dalam seperti titik 10 font, adakah anda melihat apa URL anda 573 00:26:59,190 --> 00:27:01,310 sebenarnya akan membawa kepada. 574 00:27:01,310 --> 00:27:06,580 >> Dan jadi jika anda pernah mendapat spam berkata pergi ke hadapan, dan anda akaun 575 00:27:06,580 --> 00:27:07,420 telah dikompromi. 576 00:27:07,420 --> 00:27:10,615 Sila klik pautan ini dan marilah kita tahu kata laluan anda supaya kita boleh memastikan anda 577 00:27:10,615 --> 00:27:13,010 anda, tidak pernah berbuat demikian. 578 00:27:13,010 --> 00:27:14,180 Perkara-perkara ini harus pergi tanpa berkata. 579 00:27:14,180 --> 00:27:17,670 Tetapi ia adalah hebat lucu, dan tragis, bagaimana setiap tahun ini seolah-olah 580 00:27:17,670 --> 00:27:19,660 berlaku kepada beberapa bukan sifar beberapa orang. 581 00:27:19,660 --> 00:27:21,400 >> Dan itulah keindahan phishing serangan. 582 00:27:21,400 --> 00:27:23,160 Anda boleh menghantar satu juta e-mel. 583 00:27:23,160 --> 00:27:27,720 Dan walaupun 0.01% orang sebenarnya klik pada Paypal dan memberikan anda 584 00:27:27,720 --> 00:27:31,040 kata laluan, yang masih nombor bukan sifar orang-orang yang baru sahaja memberikan 585 00:27:31,040 --> 00:27:32,200 anda wang mereka. 586 00:27:32,200 --> 00:27:36,170 Dan menghantar e-mel, sudah tentu, adalah agak mudah dan, pada dasarnya, percuma 587 00:27:36,170 --> 00:27:36,970 hari ini. 588 00:27:36,970 --> 00:27:40,410 >> Jadi cerita panjang pendek, hebat idea yang indah, bukan? 589 00:27:40,410 --> 00:27:44,620 Tahun lalu, ini adalah yang terawal web, membolehkan web 590 00:27:44,620 --> 00:27:46,330 hyperlink antara sumber. 591 00:27:46,330 --> 00:27:49,520 Tetapi begitu cepat ia boleh menjadi digunakan untuk tujuan sakit. 592 00:27:49,520 --> 00:27:54,100 Dan e-mel, memadai untuk mengatakan, ini hari, telah HTML tertanam dalam. 593 00:27:54,100 --> 00:27:55,410 >> Baiklah, biar saya hanya satu perkara yang lain. 594 00:27:55,410 --> 00:27:58,640 Dan kami akan menangguhkan sebahagian besarnya kepada seksyen dalam masalah menetapkan tujuh untuk membolehkan anda 595 00:27:58,640 --> 00:28:00,000 meneroka butir-butir. 596 00:28:00,000 --> 00:28:01,990 Tetapi biarlah saya pergi ke hadapan dan melakukan beberapa perkara di sini. 597 00:28:01,990 --> 00:28:04,840 Saya akan masuk dan mengisytiharkan apa yang dipanggil div, atau 598 00:28:04,840 --> 00:28:06,080 bahagian, halaman. 599 00:28:06,080 --> 00:28:07,770 Izinkan saya menutup bahawa tag div. 600 00:28:07,770 --> 00:28:11,460 >> Dan saya akan berkata sehingga di sini atas halaman. 601 00:28:11,460 --> 00:28:14,940 Dan kemudian di bawah ini, saya akan melakukan sesuatu seperti span yang lain, menutup ini 602 00:28:14,940 --> 00:28:17,800 tag, dan melakukan bahagian bawah halaman. 603 00:28:17,800 --> 00:28:18,840 Dan mari kita menyimpannya. 604 00:28:18,840 --> 00:28:21,040 >> Jadi sekarang mari kita kembali ke fail saya. 605 00:28:21,040 --> 00:28:22,120 Sangat underwhelming. 606 00:28:22,120 --> 00:28:25,520 Tetapi apa yang bahagian digunakan untuk, di bawah hood, ia sebenarnya 607 00:28:25,520 --> 00:28:26,920 elemen struktur nice. 608 00:28:26,920 --> 00:28:30,300 Ia tidak mempunyai apa-apa estetika setakat kita dapat lihat, selain daripada, nampaknya, 609 00:28:30,300 --> 00:28:31,890 meletakkan sesuatu pada garis baru. 610 00:28:31,890 --> 00:28:36,290 >> Tetapi notis, sebagai diketepikan, hanya memukul Masukkan tidak dipotong dalam HTML seperti ia 611 00:28:36,290 --> 00:28:39,840 tidak di C. Anda mungkin berfikir bahawa itu akan meletakkan jurang yang besar di antara baik 612 00:28:39,840 --> 00:28:41,300 bahagian atas dan bawah halaman. 613 00:28:41,300 --> 00:28:43,420 Tetapi ia diabaikan. 614 00:28:43,420 --> 00:28:48,040 Ruang putih pada asasnya diabaikan dalam laman web selain dari yang pertama 615 00:28:48,040 --> 00:28:51,530 watak bar ruang, atau pulangan pengangkutan, yang anda memukul pada papan kekunci. 616 00:28:51,530 --> 00:28:55,370 Jika anda ingin rehat talian lebih, anda perlu menentukan sendiri. 617 00:28:55,370 --> 00:28:59,080 >> Jadi, saya akan melakukan beberapa perkara di sini untuk menunjukkan apa yang berlaku. 618 00:28:59,080 --> 00:29:02,700 Saya akan menambah sifat yang wujud Dan sekali lagi, cara anda belajar 619 00:29:02,700 --> 00:29:07,110 apa ciri-ciri wujud, apa yang tag wujud, benar-benar, adalah rujukan dalam talian. 620 00:29:07,110 --> 00:29:09,750 HTML adalah jenis bahasa - ia bukan bahasa pengaturcaraan. 621 00:29:09,750 --> 00:29:12,460 Ia adalah satu bahasa markup - bahawa selepas setengah jam baik, mungkin, satu jam dengan 622 00:29:12,460 --> 00:29:15,930 , anda pasti akan memahami, yang paling mungkin, idea asas. 623 00:29:15,930 --> 00:29:20,350 Dan kemudian carian Google jauh adalah tag mungkin bahawa anda mungkin 624 00:29:20,350 --> 00:29:21,170 tertarik 625 00:29:21,170 --> 00:29:24,290 Dan setiap spesifikasi, yang agak mengalu-alukan dan digalakkan di sini. 626 00:29:24,290 --> 00:29:26,120 >> Jadi sekarang biarlah saya pergi ke hadapan dan melakukan sesuatu seperti ini. 627 00:29:26,120 --> 00:29:28,690 Latar belakang warna. 628 00:29:28,690 --> 00:29:32,060 Dan sekarang, saya akan melakukan sesuatu seperti merah, koma bertitik. 629 00:29:32,060 --> 00:29:33,970 Dan anda boleh melakukan ini dalam beberapa cara yang berbeza. 630 00:29:33,970 --> 00:29:36,770 Saya hanya jenis menaip sebagai super jelas yang mungkin. 631 00:29:36,770 --> 00:29:41,960 >> Tetapi ternyata bahawa nilai ini di sini adalah apa yang dipanggil CSS, Cascading Style 632 00:29:41,960 --> 00:29:43,700 Kepingan, yang merupakan satu lagi bahasa sama sekali. 633 00:29:43,700 --> 00:29:46,770 CSS mempunyai apa-apa kaitan dengan membuka tag dan tag dekat. 634 00:29:46,770 --> 00:29:48,230 Ia mempunyai kaitan dengan ciri-ciri. 635 00:29:48,230 --> 00:29:52,660 >> Dan hartanah adalah nilai hanya utama pasangan, yang hanya bermaksud beberapa perkataan, 636 00:29:52,660 --> 00:29:54,680 kolon, dan kemudian beberapa perkataan lain. 637 00:29:54,680 --> 00:29:57,940 Dan jika anda mempunyai orang-orang yang pelbagai, atau hanya satu di sini, anda boleh berakhir dengan 638 00:29:57,940 --> 00:29:59,390 koma bertitik, hanya untuk kejelasan. 639 00:29:59,390 --> 00:30:01,370 Tetapi itu juga akan bekerja di sini. 640 00:30:01,370 --> 00:30:02,500 >> Sekarang ini apa yang akan lakukan? 641 00:30:02,500 --> 00:30:03,610 Anda mungkin boleh meneka. 642 00:30:03,610 --> 00:30:05,930 Biar saya pergi ke hadapan dan muat semula laman ini. 643 00:30:05,930 --> 00:30:07,300 Dan kini ia benar-benar datang bersama-sama. 644 00:30:07,300 --> 00:30:09,150 Jadi atas halaman saya adalah merah. 645 00:30:09,150 --> 00:30:12,380 Tetapi apa yang penting di sini ialah, saya nyatakan sebelum ini, p yang memberikan anda 646 00:30:12,380 --> 00:30:13,220 satu bahagian di halaman. 647 00:30:13,220 --> 00:30:14,410 Dan bahawa sesungguhnya apa yang ia. 648 00:30:14,410 --> 00:30:17,920 Ia pada asasnya membahagikan halaman ke segi empat tepat yang anda boleh kemudian 649 00:30:17,920 --> 00:30:18,720 memanipulasi. 650 00:30:18,720 --> 00:30:22,330 >> Dan idea ini daripada segi empat tepat adalah jenis menarik dalam bahawa, jika anda berfikir 651 00:30:22,330 --> 00:30:26,410 laman web yang paling mana-mana, tidak mungkin beberapa struktur kepadanya. 652 00:30:26,410 --> 00:30:29,620 Kebanyakan anda mungkin jarang dilihat Laman Facebook jika anda log masuk 653 00:30:29,620 --> 00:30:30,440 di sepanjang masa. 654 00:30:30,440 --> 00:30:33,920 >> Tetapi di halaman rumah Facebook, terdapat beberapa jenis span di bahagian atas. 655 00:30:33,920 --> 00:30:36,140 Dan ia mungkin tidak semudah sebagai salah satu div, tetapi ada 656 00:30:36,140 --> 00:30:37,560 rantau segi empat tepat di sana. 657 00:30:37,560 --> 00:30:40,290 Selebihnya halaman adalah seperti a div besar, seperti yang lebih 658 00:30:40,290 --> 00:30:41,910 rantau segi empat tepat yang lebih besar. 659 00:30:41,910 --> 00:30:44,540 Jadi cerita panjang pendek, hanya dengan mempunyai blok-blok bangunan yang sedikit, 660 00:30:44,540 --> 00:30:49,250 keupayaan kepada perkara-perkara seperti model segi empat tepat, sama ada luas atau sempit, anda boleh juga 661 00:30:49,250 --> 00:30:53,680 membuat tiang yang berpotensi, membolehkan anda untuk meletakkan muka surat, benar-benar, tetapi anda 662 00:30:53,680 --> 00:30:54,100 ingin. 663 00:30:54,100 --> 00:30:56,170 Kami benar-benar hanya menggaru permukaan di sini. 664 00:30:56,170 --> 00:30:59,820 >> Malah, jika saya lakukan salah satu yang lain, izinkan saya pergi ke hadapan dan melakukan gaya, 665 00:30:59,820 --> 00:31:05,410 latar belakang warna, kita akan melakukan sesuatu seperti biru, memetik dekat. 666 00:31:05,410 --> 00:31:06,620 Mari kita tambah nilai ini. 667 00:31:06,620 --> 00:31:08,260 Jadi sekarang ia semakin lebih uglier. 668 00:31:08,260 --> 00:31:11,520 Tetapi sekarang saya boleh jenis menunjuk-nunjuk P saya meletakkan lima kemahiran, bukan? 669 00:31:11,520 --> 00:31:12,690 Merah. 670 00:31:12,690 --> 00:31:15,640 Ia mengingatkan saya kepada RGB, Red Green Blue tiga kali ganda. 671 00:31:15,640 --> 00:31:19,330 Nah, ternyata dalam pengaturcaraan web, atau reka bentuk web, yang ini, kita telah 672 00:31:19,330 --> 00:31:21,650 belum apa-apa yang diprogramkan per se, anda boleh sebenarnya 673 00:31:21,650 --> 00:31:22,880 mempunyai kod perenambelasan. 674 00:31:22,880 --> 00:31:26,480 Jadi sesuatu sesuatu, sesuatu sesuatu sesuatu sesuatu. 675 00:31:26,480 --> 00:31:30,650 Jadi, anda boleh mempunyai enam perenambelasan watak-watak, atau tiga, dalam beberapa kes, 676 00:31:30,650 --> 00:31:33,480 dan setiap daripada mereka tanda tanya telah menjadi digit perenambelasan, 677 00:31:33,480 --> 00:31:34,985 sifar melalui f. 678 00:31:34,985 --> 00:31:41,000 >> Jika saya ingin mempunyai banyak merah, dan tidak hijau, dan tidak biru, apa 679 00:31:41,000 --> 00:31:43,740 bertentangan dengan sifar apabila menggunakan hex? 680 00:31:43,740 --> 00:31:44,480 Ia f. 681 00:31:44,480 --> 00:31:51,130 Jadi yang boleh saya lakukan seterusnya, sifar sifar, sifar sifar, menyelamatkan ini, dan kini datang ke sini. 682 00:31:51,130 --> 00:31:52,700 Dan saya tidak benar-benar melihat perubahan. 683 00:31:52,700 --> 00:31:56,230 Jadi quote unquote "merah" adalah jelas sinonim untuk semua merah, 684 00:31:56,230 --> 00:31:57,610 tidak hijau, tidak biru. 685 00:31:57,610 --> 00:31:59,960 Sementara itu, mari kita sengaja mengubah yang satu ini menjadi sesuatu 686 00:31:59,960 --> 00:32:01,210 rawak, seperti ABCDF. 687 00:32:01,210 --> 00:32:03,790 688 00:32:03,790 --> 00:32:05,860 >> Mari kita lihat apa yang. 689 00:32:05,860 --> 00:32:08,530 Ia adalah benar-benar bagus biru, sebenarnya, biru bayi. 690 00:32:08,530 --> 00:32:11,820 Baiklah, jadi ini adalah tadi kombinasi agak rawak 691 00:32:11,820 --> 00:32:12,210 watak-watak. 692 00:32:12,210 --> 00:32:13,410 Oleh itu, kita tidak akan menjadi buntu di sini. 693 00:32:13,410 --> 00:32:15,930 Tetapi sekali lagi, ini bercakap dengan ketepatan yang bahawa anda boleh mula 694 00:32:15,930 --> 00:32:19,090 terpakai - walaupun anda sangat terharu oleh estetika. 695 00:32:19,090 --> 00:32:21,750 Malah, jika anda benar-benar mahu menjadi kagum, izinkan saya pergi ke hadapan dan mengubah 696 00:32:21,750 --> 00:32:23,500 saiz fon, misalnya. 697 00:32:23,500 --> 00:32:25,960 Dan notis koma bertitik, yang adalah perlu di sana. 698 00:32:25,960 --> 00:32:29,570 >> Saiz fon, kita boleh hanya tidak masuk akal di sini, 96 mata. 699 00:32:29,570 --> 00:32:31,280 Simpan itu. 700 00:32:31,280 --> 00:32:33,670 Wow, itu saiz fon yang besar. 701 00:32:33,670 --> 00:32:35,490 Baiklah, jadi ia sangat mudah. 702 00:32:35,490 --> 00:32:38,260 Dan sebenarnya, anda dasarnya melihat laman web pertama saya yang dibuat 703 00:32:38,260 --> 00:32:40,060 tahun lalu, apabila saya mula-mula belajar barangan ini. 704 00:32:40,060 --> 00:32:42,190 Ia amat mudah untuk membuat sangat perkara-perkara yang mengerikan dengan cepat. 705 00:32:42,190 --> 00:32:46,115 >> Dan jika anda sudah biasa dengan Wayback Mesin di archive.org, anda 706 00:32:46,115 --> 00:32:48,210 boleh menemui semua mengerikan saya laman web undergrad. 707 00:32:48,210 --> 00:32:50,090 Satu mempunyai Kermit Katak di hadapan. 708 00:32:50,090 --> 00:32:53,150 Saya pergi melalui fasa di mana saya fikir ia adalah sejuk untuk mengambil latar belakang 709 00:32:53,150 --> 00:32:56,320 tirai merah, apabila saya belajar bagaimana anda boleh imej jubin sekali lagi, dan sekali lagi, dan 710 00:32:56,320 --> 00:32:59,540 sekali lagi, untuk mengisi halaman dengan tirai merah lekat besar. 711 00:32:59,540 --> 00:33:03,120 Dan kemudian, di atas ini, adalah ikon yang anda terpaksa klik untuk memasuki rumah saya 712 00:33:03,120 --> 00:33:04,960 Laman kerana itu adalah sangat banyak dalam tren. 713 00:33:04,960 --> 00:33:08,870 >> Dan kemudian program pertama saya, saya pernah menulis tidak berada di dalam PHP, tetapi dalam bahasa yang 714 00:33:08,870 --> 00:33:12,260 dipanggil Pearl, menulis sebuah buku tetamu, yang adalah satu perkara yang benar-benar sejuk bahawa 715 00:33:12,260 --> 00:33:14,250 Ramai orang mengharapkan anda mempunyai di halaman rumah. 716 00:33:14,250 --> 00:33:17,510 Apabila anda sampai ke halaman, mereka mahu anda untuk mendaftar masuk, dan berkata, siapa anda, 717 00:33:17,510 --> 00:33:18,720 dan mengapa anda berada di sana. 718 00:33:18,720 --> 00:33:21,320 Ini sangat tahun 1990-an gaya reka bentuk web. 719 00:33:21,320 --> 00:33:24,130 >> Tetapi hari ini, sudah tentu, kita telah datang banyak lebih jauh. 720 00:33:24,130 --> 00:33:27,560 Dan anda akan melihat, di bahagian, dan juga dalam masalah yang ditetapkan tujuh, dengan 721 00:33:27,560 --> 00:33:31,570 memanfaatkan perpustakaan pada hari ini, ia adalah lebih mudah untuk membuat 722 00:33:31,570 --> 00:33:33,400 perkara-perkara yang cantik dengan cepat. 723 00:33:33,400 --> 00:33:36,550 Benar-benar di sini, kami hanya menggaru permukaan apa yang boleh anda lakukan 724 00:33:36,550 --> 00:33:37,400 stylistically. 725 00:33:37,400 --> 00:33:41,660 >> Dan sebenarnya, sudah, biarlah saya menekankan ini sudah mendapat hodoh, tidak 726 00:33:41,660 --> 00:33:46,030 hanya indah, tetapi dari segi gaya kod saya, atau 727 00:33:46,030 --> 00:33:47,260 reka bentuk kod saya. 728 00:33:47,260 --> 00:33:52,350 Saya kini comingled HTML, yang adalah tag terbuka kehijauan di sana, dengan 729 00:33:52,350 --> 00:33:55,160 Hartanah CSS, yang benar-benar legit. 730 00:33:55,160 --> 00:33:57,200 Ini benar-benar di mana bahasa mempunyai asal-usulnya. 731 00:33:57,200 --> 00:34:01,030 >> Tetapi demi kepentingan reka bentuk yang bersih, sama seperti kita mula barangan pemfaktoran 732 00:34:01,030 --> 00:34:05,370 keluar dari C fail ke. h fail, apatah saya benar-benar mengamalkan bahawa jenis 733 00:34:05,370 --> 00:34:07,990 prinsip dan mula melakukan ini sebaliknya. 734 00:34:07,990 --> 00:34:13,280 Izinkan saya meletakkan tag gaya di sini, yang juga wujud dalam HTML, dan biarlah saya 735 00:34:13,280 --> 00:34:15,330 nyatakan yang berikut. 736 00:34:15,330 --> 00:34:16,360 Biar saya memadam ini. 737 00:34:16,360 --> 00:34:18,110 Warna latar belakang akan menjadi merah. 738 00:34:18,110 --> 00:34:19,800 Saya akan memadam ini sepenuhnya. 739 00:34:19,800 --> 00:34:22,580 Saya akan menghilangkan gaya sifat, dan saya akan unik 740 00:34:22,580 --> 00:34:24,620 mengenalpasti div ini dengan kata - 741 00:34:24,620 --> 00:34:28,750 sewenang-wenangnya, tetapi munasabah, quote unquote "atas." Dan id adalah khas 742 00:34:28,750 --> 00:34:32,530 sifat yang unik mentakrifkan elemen HTML tertentu 743 00:34:32,530 --> 00:34:33,850 sebagai mempunyai id itu. 744 00:34:33,850 --> 00:34:37,969 >> Jika saya kini mahu bergaya itu, di sini di ketua halaman saya, di dalam satu 745 00:34:37,969 --> 00:34:41,730 tag gaya, melihat bahawa Boleh saya lakukan atas hash. 746 00:34:41,730 --> 00:34:45,300 Dan kemudian saya boleh meletakkan beberapa kerinting pendakap, mengingatkan C, dan biarkan 747 00:34:45,300 --> 00:34:47,130 saya paste dalam penyesuaian dgn mode itu. 748 00:34:47,130 --> 00:34:49,929 Dan biarlah saya pergi ke hadapan di sini dan menjangka di mana saya akan dengan ini. 749 00:34:49,929 --> 00:34:53,380 Biarlah saya juga mewujudkan satu untuk div bawah. 750 00:34:53,380 --> 00:34:58,010 Biar saya merebut kod ini mengerikan dari bawah di sini, meletakkan ia di sini, dan saya akan 751 00:34:58,010 --> 00:35:00,770 lebih sedikit dubur sekarang dan diolah ia dengan hanya meletakkan sesuatu pada mereka sendiri 752 00:35:00,770 --> 00:35:02,540 line, berakhir dengan koma bertitik. 753 00:35:02,540 --> 00:35:04,430 Biar saya menghilangkan tag gaya. 754 00:35:04,430 --> 00:35:05,320 >> Tetapi saya tidak dilakukan lagi. 755 00:35:05,320 --> 00:35:07,406 Saya perlu untuk melakukan satu perkara yang lain. 756 00:35:07,406 --> 00:35:10,070 Ya, id sama quote unquote, "bawah," atau apa sahaja id saya ingin 757 00:35:10,070 --> 00:35:11,740 memberikan elemen itu. 758 00:35:11,740 --> 00:35:13,420 Sekarang, mari saya kembali di sini. 759 00:35:13,420 --> 00:35:14,360 Dan ini adalah kejam. 760 00:35:14,360 --> 00:35:15,805 Saya tidak boleh berurusan dengan 96 mata. 761 00:35:15,805 --> 00:35:16,960 Mari kita buat 24 mata. 762 00:35:16,960 --> 00:35:18,320 Atau anda boleh menjadi lebih tepat. 763 00:35:18,320 --> 00:35:21,800 Anda sebenarnya boleh menggunakan piksel, px, jadi bahawa anda benar-benar mendapatkan bijirin halus 764 00:35:21,800 --> 00:35:23,220 kawalan ke atas halaman anda. 765 00:35:23,220 --> 00:35:26,860 >> Sebagai mengetepikan, yang tidak semestinya perkara yang terbaik jika pengguna, untuk 766 00:35:26,860 --> 00:35:29,650 sebab-sebab kemudahan, mahu dapat meningkatkan saiz. 767 00:35:29,650 --> 00:35:32,650 Jadi sedar bahawa terdapat cara untuk berbuat perkara-perkara yang tidak semestinya 768 00:35:32,650 --> 00:35:34,230 kod semua keras. 769 00:35:34,230 --> 00:35:37,220 >> Baiklah, jadi ia adalah lebih besar, 24 mata, daripada apa yang lalai itu. 770 00:35:37,220 --> 00:35:38,630 Tetapi sekarang ia adalah bersih sedikit. 771 00:35:38,630 --> 00:35:40,230 Dan izinkan saya mengambil ini satu langkah lagi. 772 00:35:40,230 --> 00:35:47,220 Sama seperti idea fail header, notis kita satu langkah lebih dekat untuk itu. 773 00:35:47,220 --> 00:35:52,000 Saya kira, tetapi masih kiri, dalam halaman saya, kaedah-kaedah CSS. 774 00:35:52,000 --> 00:35:56,200 Kenapa saya mahu mengambil satu langkah lagi, keluarkan ini sama sekali, dan 775 00:35:56,200 --> 00:35:59,860 memasukkannya ke dalam fail yang berasingan? 776 00:35:59,860 --> 00:36:01,070 >> Jadi saya boleh menggunakan semula ia, kan? 777 00:36:01,070 --> 00:36:03,155 Ini adalah hanya jenis gerak hati sekarang. 778 00:36:03,155 --> 00:36:06,340 Sebelum ini, saya mendakwa bahawa ia hanya semakin hodoh mempunyai gaya 779 00:36:06,340 --> 00:36:08,480 sifat-sifat di dalam satu divs sendiri. 780 00:36:08,480 --> 00:36:09,750 Tetapi hanya jenis berfikir bahawa melalui. 781 00:36:09,750 --> 00:36:13,560 Sebagai halaman anda mendapat lagi dan lagi, jika anda meletakkan di sini, dan di sini, dan 782 00:36:13,560 --> 00:36:18,350 di sini, dan di sini, semua ini berbeza warna, dan saiz fon, dan lain-lain 783 00:36:18,350 --> 00:36:22,550 sifat-sifat, halaman anda adalah sangat cepat akan menjadi tidak terurus untuk anda. 784 00:36:22,550 --> 00:36:24,570 >> Jika seseorang datang kepada kamu dan berkata, oh, anda tahu apa? 785 00:36:24,570 --> 00:36:28,070 Saya benar-benar ingin menukar saiz fon oleh dua titik tambahan, anda 786 00:36:28,070 --> 00:36:31,275 mungkin perlu pergi dan mencari dan menggantikan sejumlah besar baris kod. 787 00:36:31,275 --> 00:36:35,170 Ia lebih menarik untuk memusatkan semua estetika seperti di sini. 788 00:36:35,170 --> 00:36:38,850 Tetapi jika anda ingin menggunakan semula mereka estetika dalam laman-laman web, semua 789 00:36:38,850 --> 00:36:41,100 lebih menarik untuk, Contohnya, buat file 790 00:36:41,100 --> 00:36:45,290 dipanggil dengan mereka kandungan. 791 00:36:45,290 --> 00:36:46,680 >> Dan biarlah saya melakukan ini. 792 00:36:46,680 --> 00:36:51,150 793 00:36:51,150 --> 00:36:51,920 Simpan fail ini. 794 00:36:51,920 --> 00:36:55,580 Saya katakan styles.css, sewenang-wenangnya, tetapi konvensional. 795 00:36:55,580 --> 00:36:58,770 Saya akan meletakkan di rumah John Harvard direktori sekarang untuk kesederhanaan. 796 00:36:58,770 --> 00:37:03,880 Dan apa yang boleh saya lakukan di laman web saya adalah mendapatkan menghilangkan tag gaya sama sekali, 797 00:37:03,880 --> 00:37:08,270 dan agak unintuitively, gunakan pautan tag, yang tidak memberi anda pautan dalam 798 00:37:08,270 --> 00:37:13,140 hyperlink, rasa diklik, tetapi di mana saya katakan link, href sama 799 00:37:13,140 --> 00:37:15,120 styles.css. 800 00:37:15,120 --> 00:37:20,050 Dan hubungan yang elemen ini telah dengan laman web ini adalah untuk berkhidmat sebagai 801 00:37:20,050 --> 00:37:21,280 lembaran gaya. 802 00:37:21,280 --> 00:37:22,670 >> Jadi bagaimana saya tahu ini? 803 00:37:22,670 --> 00:37:25,950 Satu, anda hanya membaca panduan ini, atau anda Google di sekitar, dan anda 804 00:37:25,950 --> 00:37:27,000 melihat pelbagai sumber. 805 00:37:27,000 --> 00:37:30,520 Maksud saya, yang benar-benar adalah bagaimana anda mengambil teknik seperti ini, dan, selaras 806 00:37:30,520 --> 00:37:34,720 dengan idea ini pengajaran diri baru bahasa, sekali lagi, anda akan mendapati bahawa 807 00:37:34,720 --> 00:37:38,830 hanya ada beberapa terhingga perkara kepada mana-mana bahasa itu, sebaik sahaja anda mendapat 808 00:37:38,830 --> 00:37:41,310 mereka, anda akan mendapati bahawa ia mendapat cepat dan lebih cepat untuk menulis. 809 00:37:41,310 --> 00:37:44,180 Malah, pembelajaran pengaturcaraan baru bahasa adalah begitu banyak lebih cepat daripada yang baru 810 00:37:44,180 --> 00:37:47,380 bahasa yang digunakan kerana perkara-perkara adalah lebih kecil dan banyak lagi 811 00:37:47,380 --> 00:37:48,820 tepat ditakrifkan. 812 00:37:48,820 --> 00:37:51,590 >> Tetapi saya telah menekankan sedikit anomali di sini. 813 00:37:51,590 --> 00:37:57,750 Mengapa saya menekankan ini italik di sini? 814 00:37:57,750 --> 00:37:59,420 Kerana saya perlu menutup tag. 815 00:37:59,420 --> 00:38:00,530 Saya perlu menutup tag. 816 00:38:00,530 --> 00:38:02,750 Dan anda akan mencari sumber-sumber yang begitu banyak online yang tidak 817 00:38:02,750 --> 00:38:04,080 semestinya tag dekat. 818 00:38:04,080 --> 00:38:08,770 Dan realistik, ia tidak betul-betul perlu untuk teknikal dan terdapat 819 00:38:08,770 --> 00:38:11,950 sebab realiti, pelayar hanya agak toleran kesilapan dalam web 820 00:38:11,950 --> 00:38:14,360 muka surat, untuk lebih baik atau lebih teruk lagi, tetapi kebanyakannya lebih teruk. 821 00:38:14,360 --> 00:38:18,830 >> Jadi ini di sini adalah hanya cara yang lebih bersih berkata sesuatu yang bodoh seperti ini, 822 00:38:18,830 --> 00:38:22,330 di mana jika anda mahu membuka tag link tetapi menutup, ada benar-benar ada tanggapan 823 00:38:22,330 --> 00:38:23,720 kandungan untuk tag link. 824 00:38:23,720 --> 00:38:26,000 Ia hanya bermakna beban ini fail dan letakkan di sini. 825 00:38:26,000 --> 00:38:30,610 Ia seperti tajam termasuk di C. Anda boleh membuka dan menutup tag sekaligus 826 00:38:30,610 --> 00:38:31,660 dalam tag yang sama. 827 00:38:31,660 --> 00:38:33,520 Dan ada contoh-contoh lain ini. 828 00:38:33,520 --> 00:38:37,280 Ini bukan cara untuk melakukan ini, tetapi yang br tag, untuk berehat line, jika saya 829 00:38:37,280 --> 00:38:41,780 benar-benar mahu mencapai apa yang saya cuba sebelum ini dengan menekan Enter, jika 830 00:38:41,780 --> 00:38:45,380 Saya tegas mengatakan hentian baris, satu baris, hentian baris, satu baris, dan 831 00:38:45,380 --> 00:38:49,100 muat semula laman ini, kini anda akan notis yang bawah halaman ini, 832 00:38:49,100 --> 00:38:51,940 sesungguhnya, lebih jauh ke dalam bahagian bawah halaman. 833 00:38:51,940 --> 00:38:55,840 Tetapi yang boleh dilakukan lebih bersih dengan CSS, dan dengan margin, 834 00:38:55,840 --> 00:38:58,120 dan dengan yang lain seperti estetik teknik. 835 00:38:58,120 --> 00:38:59,940 >> Jadi untuk sekarang, takeaways adalah ini. 836 00:38:59,940 --> 00:39:02,320 Dalam HTML, kita mempunyai ini perkara-perkara yang dipanggil tag. 837 00:39:02,320 --> 00:39:04,830 Dalam CSS, kita mempunyai perkara-perkara dipanggil hartanah. 838 00:39:04,830 --> 00:39:08,700 Kami boleh comingle kedua-dua bahasa, sama ada dengan menggunakan sifat gaya, 839 00:39:08,700 --> 00:39:14,240 atau tag gaya, atau terbaik lagi, pemfaktoran ia keluar sama sekali, seperti yang kita lakukan 840 00:39:14,240 --> 00:39:17,270 dalam masalah yang ditetapkan 7. 841 00:39:17,270 --> 00:39:23,820 Soalan, kemudian, kira-kira asas-asas konsep di sini? 842 00:39:23,820 --> 00:39:24,740 >> PENONTON: Saya mempunyai satu soalan. 843 00:39:24,740 --> 00:39:25,630 >> SPEAKER 1: Oh, maaf. 844 00:39:25,630 --> 00:39:28,880 >> PENONTON: Mengapa tidak ia berwarna - 845 00:39:28,880 --> 00:39:31,410 >> SPEAKER 1: Oh, dalam tab yang lain? 846 00:39:31,410 --> 00:39:32,232 Ini di sini? 847 00:39:32,232 --> 00:39:33,482 >> PENONTON: Tidak, ia seperti - 848 00:39:33,482 --> 00:39:35,330 849 00:39:35,330 --> 00:39:39,480 >> SPEAKER 1: Oh, itu kerana Saya telah menjadi ceroboh. 850 00:39:39,480 --> 00:39:41,350 Saya meletakkan fail di tempat yang salah. 851 00:39:41,350 --> 00:39:47,840 Jadi jika saya benar-benar meletakkan ia di sini, dan saya chmod, semua r + untuk styles.css, dan 852 00:39:47,840 --> 00:39:52,050 kini memuatkan semula halaman, kini kita mendapatkan penyesuaian dgn mode belakang. 853 00:39:52,050 --> 00:39:54,530 Dan kerana saiz fon yang yang berbeza, kita tidak melihat cukup banyak 854 00:39:54,530 --> 00:39:55,010 ruang putih. 855 00:39:55,010 --> 00:39:58,240 Kami bukannya melihat apa yang yang lalai adalah sebaliknya. 856 00:39:58,240 --> 00:40:00,050 Baik soalan. 857 00:40:00,050 --> 00:40:00,846 Ya? 858 00:40:00,846 --> 00:40:02,630 >> PENONTON: Mengapa adalah pautan tag dalam kepala? 859 00:40:02,630 --> 00:40:06,270 >> SPEAKER 1: Mengapa pautan tag dalam kepala - 860 00:40:06,270 --> 00:40:07,650 jawapan pendek, hanya kerana. 861 00:40:07,650 --> 00:40:08,930 Itulah apa yang telah diputuskan. 862 00:40:08,930 --> 00:40:10,720 Itulah di mana tag link pergi apabila anda mempunyai apa yang dipanggil 863 00:40:10,720 --> 00:40:13,650 lembaran gaya luaran. 864 00:40:13,650 --> 00:40:16,430 Soalan-soalan lain? 865 00:40:16,430 --> 00:40:17,770 >> Baiklah, mari kita juga melakukan ini. 866 00:40:17,770 --> 00:40:20,500 Kami mempunyai menyeronokkan begitu banyak di hadapan kita hari ini. 867 00:40:20,500 --> 00:40:22,480 Yang hanya menggaru permukaan CSS. 868 00:40:22,480 --> 00:40:23,010 Mari kita melakukan ini. 869 00:40:23,010 --> 00:40:25,980 Mari kita rehat minit lima di sini kerana, setiap e-mel saya, mari kita gantung di 870 00:40:25,980 --> 00:40:27,200 di sana sehingga 02:30-ish hari ini. 871 00:40:27,200 --> 00:40:28,540 Tetapi jika anda perlu cuti, itulah denda. 872 00:40:28,540 --> 00:40:30,380 Tetapi kita akan melangkah ke hadapan selepas rehat lima minit. 873 00:40:30,380 --> 00:40:35,930 Dan kita akan belajar sesuatu yang sedikit kira-kira PHP, MySQL, dan banyak lagi. 874 00:40:35,930 --> 00:40:44,520 >> Baiklah, jadi mari kita cuba, sekarang, untuk mengikat beberapa idea-idea ini bersama-sama dan membuat, 875 00:40:44,520 --> 00:40:46,180 berkata, enjin carian kami sendiri. 876 00:40:46,180 --> 00:40:48,570 Saya perhatikan, sebaliknya ingin tahu, berikut. 877 00:40:48,570 --> 00:40:52,610 Apabila anda berada di Google.com, anda biasanya di URL seperti ini di sini 878 00:40:52,610 --> 00:40:54,870 dengan apa-apa selepas dot com. 879 00:40:54,870 --> 00:40:59,760 Tetapi jika saya mencari sesuatu yang bodoh seperti kucing, dan tekan Enter, kita akan mendapat - tidak 880 00:40:59,760 --> 00:41:01,300 bodoh, tetapi anda tahu. 881 00:41:01,300 --> 00:41:05,410 >> OK, jadi perasan, di bahagian atas halaman, sekarang, URL telah, sudah tentu, berubah. 882 00:41:05,410 --> 00:41:07,190 Dan ini tidak apa-apa baru kepada mana-mana daripada kita. 883 00:41:07,190 --> 00:41:09,290 Anda klik link dan barangan berlaku di web. 884 00:41:09,290 --> 00:41:11,420 Tetapi apa yang menarik di sini adalah seperti berikut. 885 00:41:11,420 --> 00:41:14,500 Terdapat banyak keseluruhan kekusutan, tetapi biarlah saya buang barangan yang saya tidak 886 00:41:14,500 --> 00:41:16,600 begitu faham atau tidak benar-benar kelihatan relevan. 887 00:41:16,600 --> 00:41:18,490 >> Biar saya menghilangkan ini. 888 00:41:18,490 --> 00:41:20,030 Biar saya menghilangkan ini. 889 00:41:20,030 --> 00:41:22,630 Dan biarlah saya menghilangkan semua ini. 890 00:41:22,630 --> 00:41:28,840 Dan kini melihat bahawa kucing adalah dalam URL, diikuti dengan q, maka yang sama 891 00:41:28,840 --> 00:41:29,710 menandatangani di hadapannya. 892 00:41:29,710 --> 00:41:32,110 Jadi ternyata ini ialah bagaimana Cara ia berfungsi apabila ia datang 893 00:41:32,110 --> 00:41:33,360 untuk input dan output. 894 00:41:33,360 --> 00:41:37,510 >> Kami telah lama bercakap tentang kotak hitam, bukan? 895 00:41:37,510 --> 00:41:41,650 Jadi, jika ini adalah satu fungsi dilaksanakan di sini sebagai kotak hitam, ia mengambil input 896 00:41:41,650 --> 00:41:45,290 dan menghasilkan output, baik, bermakna di mana anda memberi input kepada 897 00:41:45,290 --> 00:41:49,270 laman web adalah dengan cara, selalunya, URL itu. 898 00:41:49,270 --> 00:41:52,850 Anda hanya perlu meletakkan tanda tanya dan kemudian kunci sama nilai. 899 00:41:52,850 --> 00:41:56,740 Dan kemudian mungkin satu Ampersand, dan kemudian utama yang lain sama dengan nilai, maka mungkin 900 00:41:56,740 --> 00:41:58,810 Ampersand lain, masukkan sama dengan nilai. 901 00:41:58,810 --> 00:42:03,030 Itulah bagaimana anda lulus dalam kunci dan nilai, pasang input. 902 00:42:03,030 --> 00:42:07,050 >> Jadi jika saya tekan Enter sekarang, apa yang menarik tentang Google adalah bahawa semua 903 00:42:07,050 --> 00:42:10,420 kekusutan yang saya dipadam tidak muncul dengan tegas perlu. 904 00:42:10,420 --> 00:42:15,120 Apa yang saya perlu hantar ke Google adalah soalan tanda q sama kucing untuk mendapatkan 905 00:42:15,120 --> 00:42:16,160 menyokong beberapa kucing. 906 00:42:16,160 --> 00:42:20,160 Nah, implikasi itu, maka, adalah jika saya tarik sehingga gedit, saya telah memulakan 907 00:42:20,160 --> 00:42:24,360 membuat enjin carian saya sendiri di sini dalam fail yang dipanggil seach0.html. 908 00:42:24,360 --> 00:42:26,750 >> Dan biarlah saya pergi ke hadapan dan memadam satu baris lagi yang anda 909 00:42:26,750 --> 00:42:27,910 tidak sepatutnya untuk melihat. 910 00:42:27,910 --> 00:42:31,070 Dan sekarang, saya pergi ke dalam pelayar saya sendiri, supaya tidak Google, dan pergi ke 911 00:42:31,070 --> 00:42:34,900 http://localhost. 912 00:42:34,900 --> 00:42:36,220 Dan itu akan mendapat di jalan. 913 00:42:36,220 --> 00:42:43,240 Jadi, kita akan mempunyai untuk mengucapkan selamat tinggal kepada buat masa sekarang, bergerak ini di sini, 914 00:42:43,240 --> 00:42:46,270 oh, sekarang kita akan perlu mengucapkan selamat tinggal kepada fail tersebut. 915 00:42:46,270 --> 00:42:51,700 >> Apabila anda mempunyai fail yang dipanggil index.html atau index.php dalam 916 00:42:51,700 --> 00:42:54,980 direktori, jika pelayan web adalah dikonfigurasikan dengan cara ini, apa yang anda akan 917 00:42:54,980 --> 00:42:59,600 lihat, secara lalai, adalah kandungan yang file bukannya satu senarai 918 00:42:59,600 --> 00:43:02,330 direktori, kerana saya mahu di sini. 919 00:43:02,330 --> 00:43:03,750 Lanjut mengenai ini dalam spesifikasi. 920 00:43:03,750 --> 00:43:04,610 Anda tidak melihat bahawa. 921 00:43:04,610 --> 00:43:06,360 >> Jadi ini adalah apa yang saya benar-benar mahu. 922 00:43:06,360 --> 00:43:08,810 Tetapi masa yang lalu, terdapat fail di dalam folder ini dipanggil 923 00:43:08,810 --> 00:43:11,290 index.html dan index.php. 924 00:43:11,290 --> 00:43:13,380 Dan sebagainya pelayan web adalah menunjukkan saya fail-fail. 925 00:43:13,380 --> 00:43:15,900 Sebaliknya, saya ingin direktori ini penyenaraian di sini. 926 00:43:15,900 --> 00:43:18,340 >> Jadi, saya akan pergi ke CSS dan pergi ke search0. 927 00:43:18,340 --> 00:43:21,770 Dan saya mendakwa bahawa ini adalah ia akan menjadi permulaan yang kompetitif saya sendiri 928 00:43:21,770 --> 00:43:22,490 mencari enjin. 929 00:43:22,490 --> 00:43:27,630 Dan untuk melakukan ini, saya akan pergi di sini, ke dalam CSS, dan membuka dengan 930 00:43:27,630 --> 00:43:30,190 gedit, carian 0. 931 00:43:30,190 --> 00:43:32,280 Tetapi malangnya, ada tidak banyak yang berlaku di sini. 932 00:43:32,280 --> 00:43:35,690 Apa yang saya lakukan ialah menggunakan tag tajuk, yang berlaku akan dipanggil h1, yang 933 00:43:35,690 --> 00:43:38,180 asasnya bermakna besar dan berani, dan itu sahaja. 934 00:43:38,180 --> 00:43:40,810 Tetapi cara-cara yang kita boleh memberikan input adalah melalui ini 935 00:43:40,810 --> 00:43:42,180 perkara-perkara yang dipanggil bentuk. 936 00:43:42,180 --> 00:43:46,040 >> Jadi biarlah saya pergi ke hadapan dan membuka dan menutup, preemptively, tag borang di sana. 937 00:43:46,040 --> 00:43:48,060 Dan biarlah saya pergi ke hadapan dan melakukan sesuatu seperti ini. 938 00:43:48,060 --> 00:43:51,430 Input, jenis sama teks. 939 00:43:51,430 --> 00:43:56,320 Dan kemudian mari kita menutup tag dalam kurungan diri mereka sendiri. 940 00:43:56,320 --> 00:43:58,800 Saya tidak perlu untuk memulakan medan teks dan berhenti medan teks. 941 00:43:58,800 --> 00:44:01,080 Ia hanya akan berada di sana atau tidak. 942 00:44:01,080 --> 00:44:06,210 >> Dan kemudian di bawah itu, mari kita buat Jenis input sama hantar. 943 00:44:06,210 --> 00:44:06,870 Simpan ini. 944 00:44:06,870 --> 00:44:08,630 Dan sekarang mari kita hanya melakukan kewarasan cepat menyemak. 945 00:44:08,630 --> 00:44:09,820 Mari kita tambah nilai. 946 00:44:09,820 --> 00:44:10,890 >> OK, jadi ia tidak buruk. 947 00:44:10,890 --> 00:44:13,260 Ia bukan gaya Google, tetapi ia cukup dekat. 948 00:44:13,260 --> 00:44:13,920 Ada medan teks. 949 00:44:13,920 --> 00:44:17,190 Saya boleh menaip beberapa barangan di dalam, tekan Enter, tetapi tiada apa yang berlaku lagi. 950 00:44:17,190 --> 00:44:21,090 Dan itu kerana saya telah tidak dinyatakan tindakan untuk borang ini, jadi untuk bercakap. 951 00:44:21,090 --> 00:44:23,860 Jadi, jika saya kembali ke bentuk elemen, Ternyata, dan saya tahu ini hanya 952 00:44:23,860 --> 00:44:27,460 daripada mempunyai membaca dokumentasi, yang tag bentuk mengambil sifat 953 00:44:27,460 --> 00:44:31,880 dipanggil tindakan yang URL laman web yang anda 954 00:44:31,880 --> 00:44:34,790 ingin menghantar borang. 955 00:44:34,790 --> 00:44:37,610 >> Saya tidak fikir kita mempunyai masa untuk melaksanakan kembali akhir keseluruhan untuk 956 00:44:37,610 --> 00:44:38,570 enjin carian hari ini. 957 00:44:38,570 --> 00:44:41,900 Oleh itu, kita hanya akan berkata, eh, pergi ke google.com / search. 958 00:44:41,900 --> 00:44:43,450 Dan sekarang mari saya menutup petikan saya. 959 00:44:43,450 --> 00:44:46,070 Dan biarlah saya terus menyatakan bahawa kaedah untuk menggunakan akan 960 00:44:46,070 --> 00:44:47,120 akan dipanggil mendapatkan. 961 00:44:47,120 --> 00:44:50,650 >> Long cerpen, ada dua cara, di kurangnya, bahawa anda boleh mengemukakan maklumat 962 00:44:50,650 --> 00:44:51,880 dari pelayar untuk pelayan. 963 00:44:51,880 --> 00:44:55,340 Satu mendapatkan, dan, untuk tujuan hari ini, yang hanya bermakna dalam URL. 964 00:44:55,340 --> 00:44:58,730 Anda lihat betul-betul tanda soalan, sama dengan tanda-tanda, dan ampersands bahawa 965 00:44:58,730 --> 00:44:59,780 kita lihat sebelum ini. 966 00:44:59,780 --> 00:45:02,890 Atau ada yang dipanggil post alternatif. 967 00:45:02,890 --> 00:45:06,490 Buat masa ini, tahu bahawa post sering digunakan apabila anda mahu memuat naik fail, seperti 968 00:45:06,490 --> 00:45:09,820 imej dan sebagainya, atau apabila anda mahu mengemukakan maklumat kad kredit, atau 969 00:45:09,820 --> 00:45:13,810 kata laluan, apa-apa yang ia tidak benar-benar masuk akal, konsep, atau 970 00:45:13,810 --> 00:45:18,020 keselamatan bijak, berakhir di URL pelayar anda, di mana pengintipan ibu bapa, 971 00:45:18,020 --> 00:45:21,520 atau sebilik, atau sesiapa yang mempunyai akses ke komputer anda mungkin melihat. 972 00:45:21,520 --> 00:45:23,110 >> Jadi mari kita menyelamatkan di sini. 973 00:45:23,110 --> 00:45:24,480 Dan saya perlu untuk melakukan satu perkara yang lain. 974 00:45:24,480 --> 00:45:27,250 Ia tidak mencukupi hanya untuk berkata memberi saya medan teks. 975 00:45:27,250 --> 00:45:29,850 Saya telah memberikan bidang itulah menghargai nama. 976 00:45:29,850 --> 00:45:34,500 Jadi biarlah saya meminjam pilihan Google nama, q, dan menentukan bahawa kedua 977 00:45:34,500 --> 00:45:38,150 sifat saya tidak benar-benar mengambil berat tentang nama butang Submit itu. 978 00:45:38,150 --> 00:45:40,890 Apa yang saya mengambil berat tentang adalah mengemukakan apa jenis pengguna masuk 979 00:45:40,890 --> 00:45:41,940 >> Dan sekarang ini adalah jenis hodoh. 980 00:45:41,940 --> 00:45:42,820 Ia hanya berkata hantar. 981 00:45:42,820 --> 00:45:46,350 Ternyata, dan saya tahu ini dari dokumentasi, saya benar-benar boleh mengatakan 982 00:45:46,350 --> 00:45:51,710 nilai sama quote unquote "cs50 SEACH, "quote dekat. 983 00:45:51,710 --> 00:45:53,030 Kemudian mari kita tambah lagi. 984 00:45:53,030 --> 00:45:57,020 Jadi saya terus memukul Perintah-R, atau Kawalan-R pada papan kekunci saya untuk menambah nilai. 985 00:45:57,020 --> 00:45:58,605 >> Sekarang kita mempunyai lebih menarik mencari enjin. 986 00:45:58,605 --> 00:46:00,340 Ia tidak cukup kelihatan seperti Google lagi, walaupun. 987 00:46:00,340 --> 00:46:04,100 Jadi mari kita pergi ke hadapan di sini dan melakukan rehat garis sedikit. 988 00:46:04,100 --> 00:46:06,066 >> OK, jadi sekarang kita mempunyai Google. 989 00:46:06,066 --> 00:46:08,260 Kami benar-benar hampir tidak mempunyai Google. 990 00:46:08,260 --> 00:46:10,460 Jadi sekarang apa yang akan berlaku? 991 00:46:10,460 --> 00:46:12,220 Saya akan menaip sesuatu seperti Kucing. 992 00:46:12,220 --> 00:46:16,570 Dan pelayar yang akan menghurai bentuk yang saya ditetapkan. 993 00:46:16,570 --> 00:46:19,470 Dan ia akan menghantar pengguna untuk URL tersebut. 994 00:46:19,470 --> 00:46:23,420 Jadi kali ini, atas sebab ingin tahu, Saya mendapat lebih banyak maklumat tentang saham 995 00:46:23,420 --> 00:46:24,410 daripada kira-kira kucing sebenar. 996 00:46:24,410 --> 00:46:30,580 Tetapi itulah denda kerana notis kita masih berakhir di sini, q sama kucing. 997 00:46:30,580 --> 00:46:35,200 >> Jadi cerita panjang pendek, ia kelihatan agak remeh untuk mendapatkan input daripada pengguna. 998 00:46:35,200 --> 00:46:38,190 Dan untuk menjadi adil, terdapat tandan lain-lain jenis medan borang. 999 00:46:38,190 --> 00:46:41,510 Ada kotak semak, dan sedikit saling butang radio eksklusif, dan 1000 00:46:41,510 --> 00:46:42,960 drop down menu, dan banyak lagi. 1001 00:46:42,960 --> 00:46:46,160 Tetapi semua mereka adalah sebagai agak mudah dilaksanakan 1002 00:46:46,160 --> 00:46:48,040 medan teks ini adalah. 1003 00:46:48,040 --> 00:46:52,050 Dan akhirnya, kita hanya perlu untuk membuat seseorang pasti yang mendengar di pihak yang lain 1004 00:46:52,050 --> 00:46:56,490 akhir baris untuk mendapatkan maklumat yang diproses, entah bagaimana, dan 1005 00:46:56,490 --> 00:46:58,440 memberikan kita kembali kucing kami. 1006 00:46:58,440 --> 00:47:00,840 >> Mari kita lihat sedikit lebih terlibat sebagai contoh. 1007 00:47:00,840 --> 00:47:06,020 Biar saya pergi ke direktori Vhost saya, ke tuan rumah tempatan, orang awam, dan di mana saya 1008 00:47:06,020 --> 00:47:06,980 meletakkan kod sumber hari ini. 1009 00:47:06,980 --> 00:47:09,800 Semua ini akan diberikan kepada kursus ini laman web untuk anda untuk bermain-main dengan. 1010 00:47:09,800 --> 00:47:15,420 Dan jika saya pergi ke froshims, izinkan saya membuka up file ini sekarang, froshim0.php. 1011 00:47:15,420 --> 00:47:18,460 Yang ini adalah lantung lebih sedikit, jadi kita tidak akan menulis ini dari awal. 1012 00:47:18,460 --> 00:47:21,970 Tetapi notis kini beberapa agak ciri-ciri biasa. 1013 00:47:21,970 --> 00:47:24,550 >> Satu, tag bentuk, tindakan yang berbeza. 1014 00:47:24,550 --> 00:47:25,670 Ia bukan satu URL penuh. 1015 00:47:25,670 --> 00:47:29,930 Kini, ia nampaknya untuk memfailkan dipanggil register0.php kerana, dalam seketika, 1016 00:47:29,930 --> 00:47:32,660 Saya akan mengajar diri saya sedikit sesuatu tentang PHP, pengaturcaraan 1017 00:47:32,660 --> 00:47:37,360 bahasa, kerana PHP boleh digunakan untuk melaksanakan apa yang Google dilaksanakan sebagai 1018 00:47:37,360 --> 00:47:39,650 hujung belakang enjin carian mereka. 1019 00:47:39,650 --> 00:47:42,890 >> Google, dalam realiti, mungkin menggunakan beberapa Python, beberapa C + +, dan 1020 00:47:42,890 --> 00:47:44,230 tandan bahasa lain. 1021 00:47:44,230 --> 00:47:48,230 Tetapi kita boleh melaksanakan carian keputusan menggunakan PHP jika kita mahu. 1022 00:47:48,230 --> 00:47:49,610 Tetapi untuk sekarang, kita akan pastikan ia mudah. 1023 00:47:49,610 --> 00:47:53,320 Dan ini sebenarnya mengingatkan salah satu satu laman web yang pertama yang lain saya 1024 00:47:53,320 --> 00:47:54,490 dibuat tahun lalu. 1025 00:47:54,490 --> 00:47:58,160 >> Kembali pada hari saya, anda mendaftar untuk sukan antara dinding sebagai bayat oleh 1026 00:47:58,160 --> 00:48:00,880 mengisi sehelai kertas, berjalan di halaman, dan menjatuhkan dalam 1027 00:48:00,880 --> 00:48:04,890 peti mel daripada Proctor di Wigglesworth, dan itu adalah bagaimana anda 1028 00:48:04,890 --> 00:48:05,460 didaftarkan. 1029 00:48:05,460 --> 00:48:09,650 Dan supaya projek saya sejurus selepas CS50, adalah untuk meletakkan itu, yang membuat sempurna 1030 00:48:09,650 --> 00:48:13,460 rasa, ke laman web, yang tidak seperti dalam tren maka seperti sekarang. 1031 00:48:13,460 --> 00:48:17,510 Tetapi semua kita terpaksa lakukan ialah membuat, pada dasarnya, bentuk HTML. 1032 00:48:17,510 --> 00:48:19,640 >> Dan bentuk yang kelihatan kira-kira seperti ini. 1033 00:48:19,640 --> 00:48:22,480 Saya mempunyai input untuk nama bayat itu. 1034 00:48:22,480 --> 00:48:27,780 Saya mempunyai kotak yang lain untuk sama ada atau atau tidak mereka mahu menjadi kapten, apa 1035 00:48:27,780 --> 00:48:30,400 jantina mereka itu, dan apa asrama mereka itu. 1036 00:48:30,400 --> 00:48:33,370 Dan kemudian saya dikodkan dalam perkara-perkara seperti Apley Mahkamah, dan Canaday, 1037 00:48:33,370 --> 00:48:34,880 Grays, dan sebagainya. 1038 00:48:34,880 --> 00:48:36,300 >> Jadi sekali lagi, tag baru. 1039 00:48:36,300 --> 00:48:39,820 Tidak pernah melihat sebelum ini, baru sifat-sifat, tetapi agak mudah. 1040 00:48:39,820 --> 00:48:42,360 Sebaik sahaja anda lihat contoh, anda boleh jenis daripada meminjam idea itu dan membuat penurunan 1041 00:48:42,360 --> 00:48:43,820 menu untuk apa-apa yang paling bawah. 1042 00:48:43,820 --> 00:48:46,350 Tetapi apa yang penting adalah bahawa setiap perkara-perkara ini mempunyai nama. 1043 00:48:46,350 --> 00:48:49,720 Dan di bahagian bawah borang ini, terdapat butang submit yang label, 1044 00:48:49,720 --> 00:48:51,510 atau nilai, adalah daftar. 1045 00:48:51,510 --> 00:48:52,670 >> Jadi mari kita pergi ke halaman ini. 1046 00:48:52,670 --> 00:48:55,050 Biar saya pergi kembali ke penyenaraian direktori. 1047 00:48:55,050 --> 00:48:59,410 Biar saya pergi ke froshims, dan pergi ke froshim0.php. 1048 00:48:59,410 --> 00:49:01,150 Jadi ia adalah mengerikan, untuk berlaku adil. 1049 00:49:01,150 --> 00:49:03,950 Jadi saya pasti dapat menyesuaikan dgn mode ini dengan beberapa CSS, saya boleh membuat beberapa 1050 00:49:03,950 --> 00:49:06,890 grafik, mungkin menambah beberapa warna, dan menjadikannya lebih cantik. 1051 00:49:06,890 --> 00:49:10,530 Tetapi fungsi, saya berpendapat bahawa ini sebenarnya cukup lengkap. 1052 00:49:10,530 --> 00:49:15,190 >> Malangnya, apabila saya mengisi ini keluar, David, Kapten, Male, kami akan memilih, 1053 00:49:15,190 --> 00:49:20,510 katakan Matthews, Register, semua yang berlaku adalah ini. 1054 00:49:20,510 --> 00:49:21,910 Tetapi notis beberapa takeaways. 1055 00:49:21,910 --> 00:49:27,130 Satu, apa yang fail kembali mereka keputusan, nampaknya? 1056 00:49:27,130 --> 00:49:29,470 Jadi ia adalah, sememangnya, register0.php. 1057 00:49:29,470 --> 00:49:34,570 Jadi hakikat yang kita lihat tindakan yang nilai masa lalu untuk register0, ini 1058 00:49:34,570 --> 00:49:37,500 menguatkan bahawa kita memang berakhir sehingga pada fail yang tertentu. 1059 00:49:37,500 --> 00:49:39,040 >> Sekarang ini hanya teks hodoh. 1060 00:49:39,040 --> 00:49:42,810 Tetapi melihat bahawa teks ini adalah datang dari tuan rumah tempatan, 1061 00:49:42,810 --> 00:49:44,170 yang dari perkakas. 1062 00:49:44,170 --> 00:49:46,350 Fikirkan perkakas sekarang kerana hanya pelayan web yang boleh di 1063 00:49:46,350 --> 00:49:46,910 Science Center. 1064 00:49:46,910 --> 00:49:48,060 Ia boleh berada di web sebenar. 1065 00:49:48,060 --> 00:49:49,850 Jadi ia boleh diakses secara terbuka. 1066 00:49:49,850 --> 00:49:55,480 >> Jadi jelas, terdapat beberapa cara untuk lulus membentuk bidang input kepada pelayan 1067 00:49:55,480 --> 00:49:56,840 supaya ia boleh melakukan sesuatu dengan mereka. 1068 00:49:56,840 --> 00:49:59,020 Malangnya, register0 agak bodoh. 1069 00:49:59,020 --> 00:50:01,870 Semua ia adalah mencetak array yang kelihatan seperti ini. 1070 00:50:01,870 --> 00:50:04,790 Dan ia tidak pelbagai dalam rasa yang kita tahu. 1071 00:50:04,790 --> 00:50:08,760 Rupa-rupanya, PHP itu, dan banyak bahasa, bukan sahaja berangka 1072 00:50:08,760 --> 00:50:12,350 array diindeks yang indeks pertama adalah sifar, maka satu, maka dua, maka titik, 1073 00:50:12,350 --> 00:50:13,780 dot, dot, n tolak 1. 1074 00:50:13,780 --> 00:50:16,400 >> Ini adalah apa yang dipanggil array bersekutu. 1075 00:50:16,400 --> 00:50:21,150 Pelbagai bersekutu adalah salah satu di mana anda boleh menyimpan nilai pasangan utama di mana 1076 00:50:21,150 --> 00:50:23,160 kunci tidak semestinya nombor. 1077 00:50:23,160 --> 00:50:25,580 Ia sebenarnya boleh menjadi tali, perkataan. 1078 00:50:25,580 --> 00:50:28,230 Dan sebagainya ini boleh dilaksanakan, di bawah hood, ternyata, 1079 00:50:28,230 --> 00:50:31,896 menggunakan struktur data yang dikenali sebagai? 1080 00:50:31,896 --> 00:50:33,600 Pemikiran sesuatu yang dramatik adalah kira-kira untuk berlaku - 1081 00:50:33,600 --> 00:50:34,840 jadual hash. 1082 00:50:34,840 --> 00:50:38,955 >> Jadi jadual hash, ingat, orang-orang di antara kamu siapa yang melakukannya untuk P set 6, atau menarik balik 1083 00:50:38,955 --> 00:50:44,110 , sekurang-kurangnya walaupun anda tidak cuba, a jadual hash, dalam penggunaan kita, telah digunakan untuk 1084 00:50:44,110 --> 00:50:45,090 hanya menyimpan kata-kata. 1085 00:50:45,090 --> 00:50:47,980 Tetapi benar-benar, anda telah menyimpan kunci dan nilai-nilai. 1086 00:50:47,980 --> 00:50:51,940 Jika anda melaksanakan jadual hash untuk P menetapkan 6 kamus, kunci adalah 1087 00:50:51,940 --> 00:50:56,890 kata-kata sendiri, dan nilai-nilai berkesan adalah benar atau palsu. 1088 00:50:56,890 --> 00:51:00,190 Ya, di sini, atau tersirat, tidak, bukan di sini. 1089 00:51:00,190 --> 00:51:02,140 >> Nah, kita boleh umum idea itu. 1090 00:51:02,140 --> 00:51:06,230 Dan kita boleh menggunakan data yang sama struktur untuk menyimpan tidak rentetan 1091 00:51:06,230 --> 00:51:10,180 sendiri sahaja dalam jadual hash anda, tetapi menganggap bahawa dalam setiap satu daripada hash anda 1092 00:51:10,180 --> 00:51:11,130 nod meja itu. 1093 00:51:11,130 --> 00:51:14,210 Dan anda juga boleh melakukan ini dengan cuba bukan hanya mempunyai bool. 1094 00:51:14,210 --> 00:51:15,350 Anda boleh mempunyai sesuatu yang lain. 1095 00:51:15,350 --> 00:51:19,590 Bagaimana jika kunci tidak maxwell, untuk contoh, tetapi quote unquote "nama" atau 1096 00:51:19,590 --> 00:51:22,900 quote unquote "kapten." Dan dalam struktur data C anda, anda meletakkan 1097 00:51:22,900 --> 00:51:26,170 nilai, bukan hanya Boolean, tetapi nilai seperti quote unquote "David," atau 1098 00:51:26,170 --> 00:51:28,690 "M," atau "Matthews," dan sebagainya. 1099 00:51:28,690 --> 00:51:33,170 >> Jadi orang-orang struktur data yang sama kita digunakan nampaknya wujud dalam bahasa-bahasa lain. 1100 00:51:33,170 --> 00:51:37,650 Dan saya berpendapat mereka sebenarnya banyak, lebih mudah untuk mengakses di sini. 1101 00:51:37,650 --> 00:51:40,300 Mari kita sebenarnya kita lihat kini di beberapa sintaks tersebut. 1102 00:51:40,300 --> 00:51:43,120 >> Saya akan pergi ke dalam direktori PHP. 1103 00:51:43,120 --> 00:51:48,390 Dan saya akan membuka lebih baik versi hello-0 daripada sebelum ini. 1104 00:51:48,390 --> 00:51:50,270 Perhatikan bahawa semua yang saya lakukan ialah menambah beberapa komen. 1105 00:51:50,270 --> 00:51:52,530 Oleh itu, kita boleh menghilangkan gangguan itu. 1106 00:51:52,530 --> 00:51:57,610 >> Dan program ini tidak benar-benar mencetak hello kerana saya telah dinyatakan antara 1107 00:51:57,610 --> 00:52:01,420 tag yang saya mahu untuk melaksanakan kod itu. 1108 00:52:01,420 --> 00:52:03,380 Sekarang, kita akan melihat dalam seketika mengapa ini adalah berguna. 1109 00:52:03,380 --> 00:52:05,630 Tetapi mari membuka satu contoh lain di sini. 1110 00:52:05,630 --> 00:52:10,430 Biar saya pergi ke hadapan dan membuka berkata, gedit keadaan satu. 1111 00:52:10,430 --> 00:52:12,970 >> Ini adalah cara kembali ke masa sekarang. 1112 00:52:12,970 --> 00:52:16,320 Tetapi minggu lalu, saya fikir, pada minggu satu atau dua minggu, kami mempunyai contoh yang dipanggil 1113 00:52:16,320 --> 00:52:18,470 conditions1.c. 1114 00:52:18,470 --> 00:52:22,050 Dan saya memutuskan untuk reimplement dalam PHP, hanya untuk jenis menekankan bahawa 1115 00:52:22,050 --> 00:52:26,500 PHP, sintaksis, adalah hampir sama C. Ini bukan satu perubahan besar 1116 00:52:26,500 --> 00:52:27,840 dari minggu lepas ini. 1117 00:52:27,840 --> 00:52:31,230 >> Notis di bahagian atas program ini, yang bermula, seperti sebelum ini, dengan beberapa 1118 00:52:31,230 --> 00:52:34,260 komen, yang saya akan menghilangkan sebagai gangguan. 1119 00:52:34,260 --> 00:52:37,410 Perhatikan bahawa saya dalam PHP mod dalam fail ini. 1120 00:52:37,410 --> 00:52:40,160 Jadi kod ini, kita akan melihat, akan mendapat dilaksanakan. 1121 00:52:40,160 --> 00:52:42,670 Perhatikan bahawa terdapat readline, yang mungkin 1122 00:52:42,670 --> 00:52:46,230 analog dalam PHP daripada getstring. 1123 00:52:46,230 --> 00:52:47,390 Notis ia sedikit berbeza. 1124 00:52:47,390 --> 00:52:51,410 Anda sebenarnya menentukan segera kepada fungsi dipanggil garis membaca, dan itulah 1125 00:52:51,410 --> 00:52:52,180 apa yang pengguna melihat. 1126 00:52:52,180 --> 00:52:53,520 Jadi anda tidak perlu printf manual. 1127 00:52:53,520 --> 00:52:54,860 Tetapi itu bukan satu masalah besar. 1128 00:52:54,860 --> 00:52:59,150 Saya akan menyimpan, dalam $ n, kembali nilai ini, jadi apa sahaja yang 1129 00:52:59,150 --> 00:53:00,490 jenis pengguna dalam adalah int mereka. 1130 00:53:00,490 --> 00:53:01,660 Dan di sini adalah rasa ingin tahu yang lain. 1131 00:53:01,660 --> 00:53:05,810 Rupa-rupanya, dalam PHP, apa-apa ubah hanya perlu awalan 1132 00:53:05,810 --> 00:53:06,970 dengan tanda dolar. 1133 00:53:06,970 --> 00:53:08,110 Ia sedikit menjengkelkan. 1134 00:53:08,110 --> 00:53:10,870 Tetapi melihat apa yang saya telah tidak dilakukan dalam PHP. 1135 00:53:10,870 --> 00:53:13,980 Apa yang hilang dari tangan kiri sisi tanda sama? 1136 00:53:13,980 --> 00:53:15,430 >> Tidak menyebut jenis. 1137 00:53:15,430 --> 00:53:19,400 Jadi ini adalah berbeza daripada C. Untuk lebih baik atau untuk lebih teruk, PHP adalah longgar 1138 00:53:19,400 --> 00:53:20,550 bahasa ditaip. 1139 00:53:20,550 --> 00:53:22,010 Ia tidak mempunyai nombor. 1140 00:53:22,010 --> 00:53:23,240 Ia tidak mempunyai tali. 1141 00:53:23,240 --> 00:53:24,015 Ia tidak mempunyai Booleans. 1142 00:53:24,015 --> 00:53:26,220 Dan ia mempunyai beberapa jenis data yang lain. 1143 00:53:26,220 --> 00:53:30,570 Tetapi anda, programmer, biasanya tidak perlu mengambil berat tentang mereka. 1144 00:53:30,570 --> 00:53:34,010 Yang terbalik ini adalah bahawa ia membuat ia sedikit lebih mudah untuk program. 1145 00:53:34,010 --> 00:53:35,380 Anda boleh berfikir sedikit kurang. 1146 00:53:35,380 --> 00:53:39,840 Kekangan yang timbul ialah ia juga membuka anda sehingga bug yang berpotensi jika anda secara tidak sengaja 1147 00:53:39,840 --> 00:53:43,080 merawat beberapa sebagai tali, tali sebagai nombor, berpotensi, tetapi juga 1148 00:53:43,080 --> 00:53:46,150 maka, PHP, dan banyak bahasa, cukup toleran. 1149 00:53:46,150 --> 00:53:49,050 Mereka akan menggunakan apa yang dipanggil pemutus tersirat. 1150 00:53:49,050 --> 00:53:55,220 Dan jika anda cuba menggunakan n dalam konteks keadaan yang angka, ia akan 1151 00:53:55,220 --> 00:53:58,040 menukar apa di sini akan menjadi satu tali, kerana jika jenis pengguna 1152 00:53:58,040 --> 00:54:01,570 sesuatu, dan anda mendapat hasil, seperti readline, atau mendapatkan tali, 1153 00:54:01,570 --> 00:54:02,910 itu akan kembali rentetan. 1154 00:54:02,910 --> 00:54:07,360 >> Tetapi notis, beberapa baris kemudian, saya memeriksa jika n adalah lebih besar daripada sifar. 1155 00:54:07,360 --> 00:54:13,370 Jadi PHP akan tersirat membuang saya "Rentetan" 123, atau apa sahaja yang turun 1156 00:54:13,370 --> 00:54:14,860 jenis dalam, ke dalam int an. 1157 00:54:14,860 --> 00:54:18,730 Jadi dalam jangka pendek, barangan hanya kerja-kerja lebih banyak intuitif. 1158 00:54:18,730 --> 00:54:23,410 Jadi, sekarang kita mula untuk berehat beberapa perkara-perkara yang kita lakukan pada masa lalu. 1159 00:54:23,410 --> 00:54:24,780 >> Banyak barangan ini adalah yang sama, walaupun. 1160 00:54:24,780 --> 00:54:26,340 Masih sama sama. 1161 00:54:26,340 --> 00:54:30,350 Sebagai mengetepikan PHP juga telah sama sama sama, tetapi lebih kepada yang, mungkin, dalam 1162 00:54:30,350 --> 00:54:30,850 masa hadapan. 1163 00:54:30,850 --> 00:54:31,150 Itu adalah satu. 1164 00:54:31,150 --> 00:54:35,660 Typo tetapi dua tanda sama ertinya sama perkara seperti sebelum ini, untuk perbandingan. 1165 00:54:35,660 --> 00:54:37,060 printf bermakna perkara yang sama seperti sebelum ini. 1166 00:54:37,060 --> 00:54:39,160 Garis sendeng terbalik n bermakna yang sama perkara seperti sebelum ini. 1167 00:54:39,160 --> 00:54:40,390 >> Jadi bagaimana saya menjalankan program ini? 1168 00:54:40,390 --> 00:54:44,400 Well, seperti sebelum ini, jika saya lakukan PHP, conditions1.php, dan taip 1169 00:54:44,400 --> 00:54:46,560 beberapa seperti 123. 1170 00:54:46,560 --> 00:54:47,720 Itulah nombor positif. 1171 00:54:47,720 --> 00:54:49,510 Jika saya menaip 0, saya memilih 0. 1172 00:54:49,510 --> 00:54:53,700 Dan jika saya menaip 123 negatif, saya mendapat menyokong nombor negatif, yang hanya 1173 00:54:53,700 --> 00:54:59,050 berkata, sintaksis, PHP super, sama super. 1174 00:54:59,050 --> 00:55:03,250 >> Jadi mengapa ini sekarang berguna dalam konteks web? 1175 00:55:03,250 --> 00:55:06,710 Nah, mari kita kembali ke froshims ini Sebagai contoh, yang kelihatan, 1176 00:55:06,710 --> 00:55:08,600 sekali lagi, seperti ini di sini. 1177 00:55:08,600 --> 00:55:11,580 Dan mari kita sebenarnya tarik sehingga laman web lagi, yang kelihatan seperti ini. 1178 00:55:11,580 --> 00:55:14,930 Apa yang kita boleh lakukan dengan data yang diserahkan? 1179 00:55:14,930 --> 00:55:18,770 >> Baiklah, biar saya membuka lebih baru versi ini. 1180 00:55:18,770 --> 00:55:20,920 Dan anda akan melihat bahawa masalah spesifikasi set berjalan anda 1181 00:55:20,920 --> 00:55:22,850 melalui beberapa ini. 1182 00:55:22,850 --> 00:55:29,610 Daripada bermula dengan sifar, mari kita lihat froshims3, 1183 00:55:29,610 --> 00:55:31,410 yang tidak sedikit lebih. 1184 00:55:31,410 --> 00:55:34,780 >> Notis pertama, sebenarnya, mari kita membuka sehingga apa yang adalah 0, jadi anda lihat 1185 00:55:34,780 --> 00:55:37,170 apa daftar 0 adalah. 1186 00:55:37,170 --> 00:55:40,040 Perhatikan apa daftar 0 lakukan. 1187 00:55:40,040 --> 00:55:41,730 Satu, saya mempunyai komen di atas. 1188 00:55:41,730 --> 00:55:43,900 Padam mereka dan memberi tumpuan hanya pada ini. 1189 00:55:43,900 --> 00:55:48,730 Kebanyakan kandungan register0.php adalah, jelas, bahasa apa? 1190 00:55:48,730 --> 00:55:49,980 Hanya PHP mentah. 1191 00:55:49,980 --> 00:55:53,430 >> Jadi notis, fail ini tidak bermula dengan, pada masa, kurungan terbuka, 1192 00:55:53,430 --> 00:55:54,970 tanda tanya, PHP. 1193 00:55:54,970 --> 00:55:59,800 PHP tidak membolehkan anda untuk bergaul Kod PHP dengan tag HTML. 1194 00:55:59,800 --> 00:56:04,130 Tetapi saya telah dilakukan bahawa di sini di dalam halaman di sini. 1195 00:56:04,130 --> 00:56:08,180 >> Kini, sekali lagi, anda akan hanya tahu ini dari setelah melihat pengguna. print_r, 1196 00:56:08,180 --> 00:56:13,410 Ternyata, adalah print_recursive. _recursive Dan ini adalah hanya berguna 1197 00:56:13,410 --> 00:56:16,780 fungsi utiliti yang hanya mencetak keluar, Recursively, apa sahaja yang anda serahkan. 1198 00:56:16,780 --> 00:56:18,760 Jika anda bawanya array, ia akan mencetak array. 1199 00:56:18,760 --> 00:56:20,180 Jika anda serahkan nombor, ia akan mencetak nombor. 1200 00:56:20,180 --> 00:56:21,570 Bawanya tali, ia akan mencetak rentetan. 1201 00:56:21,570 --> 00:56:24,500 Jika anda bawanya jadual hash, ia akan mencetak jadual hash. 1202 00:56:24,500 --> 00:56:26,730 Anda tidak perlu untuk menulis semua kod yang diri sendiri. 1203 00:56:26,730 --> 00:56:29,490 >> Sekarang notis bahawa saya memasuki Mod PHP di sini. 1204 00:56:29,490 --> 00:56:32,070 Saya keluar mod PHP di sini. 1205 00:56:32,070 --> 00:56:35,950 Oleh itu, apabila pelayan web membaca fail ini atas ke bawah, kiri ke kanan, kerana 1206 00:56:35,950 --> 00:56:40,750 ia berakhir dalam nama fail yang dipanggil. php, apa sahaja yang bukan di dalam tag PHP 1207 00:56:40,750 --> 00:56:42,820 hanya akan menjadi meludah keluar, seperti HTML mentah. 1208 00:56:42,820 --> 00:56:43,630 Tiada masalah besar. 1209 00:56:43,630 --> 00:56:49,280 Tetapi sebaik sahaja notis pelayan web ini, ia akan berkata, saya tidak perlu 1210 00:56:49,280 --> 00:56:51,850 meludah keluar, secara literal, print_r pos. 1211 00:56:51,850 --> 00:56:54,910 Saya perlu melaksanakan berikut baris kod. 1212 00:56:54,910 --> 00:56:59,850 >> Jadi soalan yang terakhir, maka, fail ini adalah, baik, apa yang palang pintu itu ini? 1213 00:56:59,850 --> 00:57:00,530 Ambil tekaan. 1214 00:57:00,530 --> 00:57:04,230 Apakah $ _POST, mungkin? 1215 00:57:04,230 --> 00:57:07,070 >> PENONTON: [didengar] 1216 00:57:07,070 --> 00:57:08,830 >> SPEAKER 1: Ya, data yang dihantar. 1217 00:57:08,830 --> 00:57:11,350 Ingat, mari kita tinjau kembali masa untuk seketika. 1218 00:57:11,350 --> 00:57:13,165 froshim0, sekali lagi, kelihatan seperti ini. 1219 00:57:13,165 --> 00:57:15,640 Majoriti super ini hanya HTML. 1220 00:57:15,640 --> 00:57:18,410 Sekali lagi, beberapa tag anda tidak mempunyai melihat lagi, atau dengan yang 1221 00:57:18,410 --> 00:57:19,360 anda sudah biasa. 1222 00:57:19,360 --> 00:57:21,990 Tetapi perkara yang menarik ialah ini. 1223 00:57:21,990 --> 00:57:27,270 Ini satu baris adalah apa yang benar-benar menghubungkan ia ke fail register0.php kami. 1224 00:57:27,270 --> 00:57:29,200 Saya mengemukakan melalui kaedah pos. 1225 00:57:29,200 --> 00:57:33,130 Dan ini bermakna bahawa parameter jenis pengguna dalam tidak 1226 00:57:33,130 --> 00:57:35,150 akan berakhir di mana. 1227 00:57:35,150 --> 00:57:36,175 >> Mereka tidak akan muncul dalam URL. 1228 00:57:36,175 --> 00:57:39,020 Mereka masih akan dihantar dari pelanggan, dari pelayar, kepada 1229 00:57:39,020 --> 00:57:42,080 pelayan, tetapi hanya melalui beberapa yang lain mekanisme yang kita akan mengetepikan tangan kita 1230 00:57:42,080 --> 00:57:44,330 pada hari ini, tetapi ia bukan dalam URL. 1231 00:57:44,330 --> 00:57:47,630 Tetapi notis hubungan sekarang dengan pos, yang, mengikut konvensyen, adalah 1232 00:57:47,630 --> 00:57:49,160 huruf kecil di sini. 1233 00:57:49,160 --> 00:57:54,090 >> Tetapi jika saya membuka register0.php, Saya nampaknya percetakan ini. 1234 00:57:54,090 --> 00:57:56,450 Jadi ini adalah jenis yang pelik menamakan konvensyen. 1235 00:57:56,450 --> 00:58:01,430 Tetapi apa yang baik dalam PHP ialah apabila menggunakan PHP dalam konteks web, tidak pada 1236 00:58:01,430 --> 00:58:04,480 baris arahan seperti yang saya lakukan masa lalu, apabila anda sebenarnya menggunakan ia dalam web 1237 00:58:04,480 --> 00:58:10,580 halaman, dalam direktori Vhost seperti kita, PHP secara automatik akan mengisi ini 1238 00:58:10,580 --> 00:58:15,560 perkara, yang pelbagai bersekutu, jadi untuk bercakap, jadual hash, dengan 1239 00:58:15,560 --> 00:58:17,290 semua pengguna ditaip masuk 1240 00:58:17,290 --> 00:58:22,000 >> Pendek kata, $ _POST dalam semua topi adalah berubah-ubah global yang hanya PHP 1241 00:58:22,000 --> 00:58:25,050 ajaib mencipta untuk anda apabila menggunakan PHP dalam konteks web. 1242 00:58:25,050 --> 00:58:29,160 Dan ia meletakkan di dalamnya semua nama-nama parameter dalam bentuk yang 1243 00:58:29,160 --> 00:58:33,200 telah diserahkan kepada fail ini dan semua nilai-nilai yang pengguna ditaip masuk 1244 00:58:33,200 --> 00:58:37,790 Jadi tangan kepada anda apa yang pengguna ditaip ke dalam bentuk yang. 1245 00:58:37,790 --> 00:58:42,210 >> Jadi sebelum ini, kami mendapat output benar-benar bodoh hanya melihat ini kerana semua yang saya lakukan 1246 00:58:42,210 --> 00:58:44,400 telah Recursively mencetak pelbagai ini. 1247 00:58:44,400 --> 00:58:46,060 Yang penting ialah nama, nilai adalah Daud. 1248 00:58:46,060 --> 00:58:46,980 Yang penting ialah Kapten. 1249 00:58:46,980 --> 00:58:47,970 Nilai dihidupkan. 1250 00:58:47,970 --> 00:58:52,300 Dan anak panah dua dan sudut kurungan di sana, ini hanya sewenang-wenangnya. 1251 00:58:52,300 --> 00:58:53,270 Ini bukan kod. 1252 00:58:53,270 --> 00:58:57,690 Ini hanyalah cara PHP ini menunjukkan anda apa nilai beberapa utama adalah. 1253 00:58:57,690 --> 00:59:03,000 >> Tetapi sekarang biarlah saya mencadangkan bahawa dalam froshIMs3, ia adalah hampir sama 1254 00:59:03,000 --> 00:59:04,950 kecuali ia mengemukakan ke fail ini. 1255 00:59:04,950 --> 00:59:08,570 Dan sekali lagi, kita akan hanya jenis pandang pada ini, hanya untuk melihat beberapa 1256 00:59:08,570 --> 00:59:12,040 sintaksis, tetapi notis apa fail ini tidak. 1257 00:59:12,040 --> 00:59:14,930 Ambil guess hanya berdasarkan garis kod, yang mungkin tidak kelihatan seperti 1258 00:59:14,930 --> 00:59:17,410 Yunani, untuk tahap tertentu, nampaknya lakukan. 1259 00:59:17,410 --> 00:59:20,580 1260 00:59:20,580 --> 00:59:23,110 >> Fail ini entah bagaimana yang berkaitan untuk mel, e-mel. 1261 00:59:23,110 --> 00:59:24,770 Jadi apa yang program ini lakukan? 1262 00:59:24,770 --> 00:59:28,740 Dalam versi ini, jika saya benar-benar mengisi borang ini - dan biarlah saya pergi ke 1263 00:59:28,740 --> 00:59:30,760 froshIMs3, tidak froshIMs0 - 1264 00:59:30,760 --> 00:59:33,280 1265 00:59:33,280 --> 00:59:34,540 bentuk kelihatan sama. 1266 00:59:34,540 --> 00:59:37,980 David, kapten, lelaki, asrama, Matthews. 1267 00:59:37,980 --> 00:59:42,980 Tetapi jika saya menyerahkan ini, fail ini akan pergi ke register3.php. 1268 00:59:42,980 --> 00:59:46,330 >> Dan saya mendakwa, dengan melihat ia kod sumber, ia akan 1269 00:59:46,330 --> 00:59:47,650 entah bagaimana melibatkan e-mel. 1270 00:59:47,650 --> 00:59:49,620 Biar saya pergi ke hadapan dan membuka ini di tingkap yang lebih besar, jadi kita 1271 00:59:49,620 --> 00:59:51,030 dapat melihat ia lebih bersih. 1272 00:59:51,030 --> 00:59:57,220 Kami dalam Vhosts, tuan rumah tempatan, awam, froshims. 1273 00:59:57,220 --> 00:59:58,680 Saya akan membuka yang berbeza program, hanya supaya kita 1274 00:59:58,680 --> 01:00:00,160 boleh melihat lebih banyak sekali gus. 1275 01:00:00,160 --> 01:00:03,100 >> Jadi sekarang di sini, perhatikan beberapa perkara. 1276 01:00:03,100 --> 01:00:06,530 Di bahagian atas fail terbuka kurungan, tanda tanya, PHP. 1277 01:00:06,530 --> 01:00:08,920 Kemudian ada sekumpulan komen, mana kita boleh mengabaikan, adalah 1278 01:00:08,920 --> 01:00:10,450 tidak menarik buat masa sekarang. 1279 01:00:10,450 --> 01:00:11,300 >> Sekarang ada ini. 1280 01:00:11,300 --> 01:00:14,200 Ternyata PHP mempunyai banyak kod yang disebut memerlukan. 1281 01:00:14,200 --> 01:00:19,110 Ia adalah hampir sama dalam semangat untuk C termasuk, hash termasuk, yang 1282 01:00:19,110 --> 01:00:21,980 dasarnya dimenangi kandungan beberapa fail lain dan hanya plops mereka di sini, 1283 01:00:21,980 --> 01:00:22,930 jadi anda boleh menggunakannya. 1284 01:00:22,930 --> 01:00:27,060 Dalam kes ini, perkakas ini mempunyai, pra-pasang, perpustakaan, bebas dan 1285 01:00:27,060 --> 01:00:29,900 perpustakaan sumber terbuka yang dikenali sebagai PHP mailer bahawa sesiapa sahaja boleh 1286 01:00:29,900 --> 01:00:30,770 memuat turun dari internet. 1287 01:00:30,770 --> 01:00:32,000 Kami hanya melakukannya untuk anda. 1288 01:00:32,000 --> 01:00:36,130 Dan ini bermakna saya kini mempunyai e-mel fungsi yang ada pada saya. 1289 01:00:36,130 --> 01:00:38,170 >> Sekarang, perhatikan beberapa perkara. 1290 01:00:38,170 --> 01:00:41,120 Saya akan mengesahkan penyerahan borang itu. 1291 01:00:41,120 --> 01:00:45,980 Menghidupkan keluar PHP, satu, mempunyai seru mata untuk tidak operator, seperti 1292 01:00:45,980 --> 01:00:49,810 C. Tetapi PHP juga mempunyai fungsi yang dipanggil kosong. 1293 01:00:49,810 --> 01:00:53,920 >> Kosong hanya kembali benar jika nilai perkara yang anda bawanya 1294 01:00:53,920 --> 01:00:57,190 kurungan kosong, seperti pengguna tidak menaip apa-apa masuk 1295 01:00:57,190 --> 01:01:02,680 Jadi ini mengatakan, dan notis sintaksis, sangat mengingatkan C, jika 1296 01:01:02,680 --> 01:01:07,730 utama nama, jadi medan nama dalam bentuk, yang dikemukakan melalui pos, 1297 01:01:07,730 --> 01:01:13,010 pengguna, bukan untuk mengosongkan, dan mereka jantina tidak kosong dalam bentuk yang 1298 01:01:13,010 --> 01:01:15,980 baik, dan asrama mereka tidak kosong - 1299 01:01:15,980 --> 01:01:19,980 tetapi notis saya tidak mengambil berat tentang Kapten, maka apa yang kita akan lakukan? 1300 01:01:19,980 --> 01:01:21,990 >> Saya akan melaksanakan baris ini kod. 1301 01:01:21,990 --> 01:01:24,100 Dan anda boleh berfikir seperti ini seperti malloc, tetapi ia adalah sedikit 1302 01:01:24,100 --> 01:01:24,800 penjaga daripada itu. 1303 01:01:24,800 --> 01:01:29,200 Tetapi untuk sekarang ini memberikan saya khas struct jenis PHP mailer. 1304 01:01:29,200 --> 01:01:31,410 Tetapi mengabaikan kata kunci baru untuk hari ini. 1305 01:01:31,410 --> 01:01:35,670 >> Sekarang saya akan memanggil fungsi yang dipanggil IsSMTP, yang mengatakan, gunakan SMTP. 1306 01:01:35,670 --> 01:01:39,380 Ini adalah port 25, sama seperti video minggu lepas, apabila perkara yang telah membuang 1307 01:01:39,380 --> 01:01:40,710 e-mel ke dalam firewall. 1308 01:01:40,710 --> 01:01:42,440 Port 25 adalah SMTP. 1309 01:01:42,440 --> 01:01:44,410 SMTP bermakna menggunakan pelayan mel. 1310 01:01:44,410 --> 01:01:46,215 Yang mana satu, kita boleh menggunakan ini Harvard SMTP.fas.harvard.edu. 1311 01:01:46,215 --> 01:01:48,850 1312 01:01:48,850 --> 01:01:51,590 >> Kita boleh menetapkan alamat menjadi John Harvard. 1313 01:01:51,590 --> 01:01:55,090 Jika saya tatal ke bawah lagi, saya boleh menetapkan alamat penerima, hanya 1314 01:01:55,090 --> 01:01:56,840 sewenang-wenangnya, sebagai John Harvard itu juga. 1315 01:01:56,840 --> 01:01:59,210 Jadi dia akan menghantar e-mel sendiri. 1316 01:01:59,210 --> 01:02:01,600 >> Sekarang saya boleh menetapkan mata pelajaran untuk pendaftaran. 1317 01:02:01,600 --> 01:02:03,700 Dan saya boleh menetapkan badan e-mel seperti berikut. 1318 01:02:03,700 --> 01:02:06,500 Keturunan ini kelihatan sedikit lebih samar, tetapi hanya kerana ada banyak 1319 01:02:06,500 --> 01:02:07,450 maklumat di dalamnya. 1320 01:02:07,450 --> 01:02:10,670 Satu, ada pengendali titik. 1321 01:02:10,670 --> 01:02:14,510 Seseorang perlu tahu apa yang sudah operator dot tidak. 1322 01:02:14,510 --> 01:02:15,436 Ia dinamika. 1323 01:02:15,436 --> 01:02:19,240 Jadi, jika anda mahu mengambil satu rentetan dalam PHP, dan menambah, atau Prepend, untuk 1324 01:02:19,240 --> 01:02:23,500 satu lagi rentetan dalam PHP, terima kasih Tuhan anda tidak perlu menggunakan strcopy dan malloc, 1325 01:02:23,500 --> 01:02:25,490 dan semua itu lagi. 1326 01:02:25,490 --> 01:02:28,765 >> Jika anda ingin concatenate dua tali, yang mengambil berat tentang memori. 1327 01:02:28,765 --> 01:02:30,850 Mari angka PHP yang keluar untuk anda. 1328 01:02:30,850 --> 01:02:35,200 Apa PHP akan lakukan dengan operator titik di sini adalah hanya membuat hukuman yang besar di luar 1329 01:02:35,200 --> 01:02:37,900 garis ini, garis ini, baris ini, garis ini. 1330 01:02:37,900 --> 01:02:40,460 Dan kini notis, ia akan untuk memasang dalam nilai-nilai. 1331 01:02:40,460 --> 01:02:43,680 Jadi e-mel yang John Harvard akan untuk menerima yang benar-benar akan berkata 1332 01:02:43,680 --> 01:02:49,450 nama, kolon, sesuatu, sebaliknya, maka kita menutup tali dan concatenate pada 1333 01:02:49,450 --> 01:02:52,220 apa pengguna ditaip , kemudian barisan baru. 1334 01:02:52,220 --> 01:02:54,570 >> Kemudian, pada baris berikutnya John Harvard e-mel, ia akan berkata 1335 01:02:54,570 --> 01:02:55,910 Kapten, Pada atau Tiada apa-apa. 1336 01:02:55,910 --> 01:02:57,810 Ia akan mengatakan jantina, lelaki atau perempuan. 1337 01:02:57,810 --> 01:02:59,680 Asrama akan menjadi Matthews dalam kes saya. 1338 01:02:59,680 --> 01:03:03,400 Dan kemudian notis koma bertitik biasa pada akhir sangat. 1339 01:03:03,400 --> 01:03:07,830 Dan kemudian, ke sini, notis, agak masih samar, tetapi sekali lagi, berikutan 1340 01:03:07,830 --> 01:03:12,730 corak yang akan menjadi lebih biasa selepas P menetapkan 7, jika menghantar mel 1341 01:03:12,730 --> 01:03:16,610 pulangan palsu, kemudian pergi ke hadapan dan mati. 1342 01:03:16,610 --> 01:03:19,610 >> Jadi PHP mempunyai fungsi yang dipanggil mati, yang, secara literal, hanya membunuh 1343 01:03:19,610 --> 01:03:22,830 laman web dan hanya mencetak apa sahaja anda beritahu - yang mati 1344 01:03:22,830 --> 01:03:24,280 kata-kata, jadi untuk bercakap. 1345 01:03:24,280 --> 01:03:28,310 Dan bahawa, dalam kes itu, ia akan mencetak apa info kesilapan adalah untuk 1346 01:03:28,310 --> 01:03:29,860 apa yang berlaku kepada salah. 1347 01:03:29,860 --> 01:03:34,490 Jadi cerita panjang pendek di sini, apa yang kita ada adalah satu contoh di mana apabila pengguna 1348 01:03:34,490 --> 01:03:39,150 mengemukakan borang, froshim0, froshims3.php, ia pergi ke 1349 01:03:39,150 --> 01:03:40,760 register3.php. 1350 01:03:40,760 --> 01:03:45,290 Tetapi register3.php kemudiannya untuk melaksanakan semua ini baris. 1351 01:03:45,290 --> 01:03:46,620 >> Jadi ada aways mengambil beberapa di sini. 1352 01:03:46,620 --> 01:03:50,380 Satu, ia nampaknya agak mudah, programatik, untuk menghantar e-mel, 1353 01:03:50,380 --> 01:03:50,830 yang baik. 1354 01:03:50,830 --> 01:03:53,500 Apabila pengguna mendaftar untuk laman web anda, di kes ini, apabila mereka mendaftar untuk anda 1355 01:03:53,500 --> 01:03:56,220 sukan, anda boleh e-mel kepada mahasiswa yang Proctor, atau John 1356 01:03:56,220 --> 01:03:57,650 Harvard, dalam kes ini. 1357 01:03:57,650 --> 01:04:01,630 >> Tetapi ia juga bermakna anda boleh buat apa? 1358 01:04:01,630 --> 01:04:03,970 Hantar e-mel daripada sesiapa kepada sesiapa. 1359 01:04:03,970 --> 01:04:05,430 Dan ini adalah sangat benar. 1360 01:04:05,430 --> 01:04:08,580 Ini tidak mudah dilakukan jika anda digunakan untuk menggunakan Gmail. 1361 01:04:08,580 --> 01:04:11,310 Tetapi jika anda pernah menggunakan Eudora atau Outlook, anda cukup banyak boleh memberitahu 1362 01:04:11,310 --> 01:04:13,720 pelayan mel yang anda sesiapa sahaja yang anda mahu. 1363 01:04:13,720 --> 01:04:16,450 Dan ini adalah di mana saya perlu memakai bahawa topi dan berkata, tidak melakukan ini. 1364 01:04:16,450 --> 01:04:21,140 Tetapi ini adalah bukti betapa mudahnya ia adalah untuk melaksanakan serangan phishing, dan 1365 01:04:21,140 --> 01:04:24,310 menghantar e-mel tanpa nama, dan spam, amnya. 1366 01:04:24,310 --> 01:04:27,330 Dan ia benar-benar bisul ke hakikat bahawa semua yang anda perlukan adalah beberapa 1367 01:04:27,330 --> 01:04:28,500 Akses perancangan. 1368 01:04:28,500 --> 01:04:31,940 >> Sebagai mengetepikan, pertemuan terdekat saya dengan papan iklan, tahun bayat saya sendiri, 1369 01:04:31,940 --> 01:04:34,320 ialah apabila saya mendapati ini sejuk menipu itu, wow, anda boleh 1370 01:04:34,320 --> 01:04:36,850 menghantar e-mel dari sesiapa pun. 1371 01:04:36,850 --> 01:04:39,770 Dan jadi kami mempunyai beberapa bodoh hujah, secara literal, dalam Matthews, 1372 01:04:39,770 --> 01:04:40,790 di kalangan kumpulan Proctor saya. 1373 01:04:40,790 --> 01:04:42,470 Saya tidak ingat apa isu itu. 1374 01:04:42,470 --> 01:04:44,970 Tetapi saya mahu mencuba untuk meletakkan berakhir dengan debat ini bodoh. 1375 01:04:44,970 --> 01:04:48,580 >> Jadi saya memutuskan saya hanya akan menghantar e-mel kepada kumpulan Proctor saya, berpura-pura 1376 01:04:48,580 --> 01:04:52,000 lelaki yang lain, yang dengan pendapat saya tidak bersetuju, dan minta dia akur kepada 1377 01:04:52,000 --> 01:04:54,680 apa pendapat saya dalam perbahasan tertentu ini. 1378 01:04:54,680 --> 01:04:59,320 Oleh itu, saya palsu e-mel ini dengan menggunakan teknik yang sama dalam semangat ini. 1379 01:04:59,320 --> 01:05:01,256 Tetapi ia sebenarnya lebih mudah pada masa itu. 1380 01:05:01,256 --> 01:05:02,435 Hit menghantar. 1381 01:05:02,435 --> 01:05:06,660 Beliau tidak berpuas hati, dan tidak akan telah papan iklan. 1382 01:05:06,660 --> 01:05:10,280 >> Dan saya sangat cepat terperangkap dalam saat kerana, seperti yang anda tahu, saya mendaftar 1383 01:05:10,280 --> 01:05:11,420 e-mel saya dengan cara yang tertentu. 1384 01:05:11,420 --> 01:05:14,200 Dan walaupun saya lakukan secara manual, dalam besar bahagian, 15 tahun kemudian kerana saya 1385 01:05:14,200 --> 01:05:15,080 trauma itu. 1386 01:05:15,080 --> 01:05:16,960 Saya tidak mempunyai tandatangan pada e-mel saya sekarang. 1387 01:05:16,960 --> 01:05:20,440 Tetapi pada tahun 1995, saya hanya mempunyai sig, tandatangan dalam e-mel saya. 1388 01:05:20,440 --> 01:05:24,630 Jadi ada nota ini berkata, Dear Kumpulan Proctor, saya akur pendapat saya 1389 01:05:24,630 --> 01:05:31,240 dan bersetuju dengan David, ditandatangani dan demikian, barisan baru, barisan baru, DJM. 1390 01:05:31,240 --> 01:05:36,220 >> Jadi jangan lakukan itu atau, pada umumnya, mengambil Kelebihan teknik ini. 1391 01:05:36,220 --> 01:05:39,950 Tetapi apabila membuat laman web, seperti untuk projek akhir anda, apabila membuat 1392 01:05:39,950 --> 01:05:43,460 laman web untuk sesuatu keusahawanan, ini adalah bagaimana, pragmatik, anda boleh 1393 01:05:43,460 --> 01:05:47,000 perkhidmatan memanfaatkan lain di internet seperti mel dan kemudian benar-benar 1394 01:05:47,000 --> 01:05:49,440 menghantar barangan menggunakan kod. 1395 01:05:49,440 --> 01:05:51,240 >> Jadi bagaimana kita boleh memperbaiki ini? 1396 01:05:51,240 --> 01:05:54,370 Well, mula-mula mari kita lawatan cepat beberapa perkara yang anda akan melihat, 1397 01:05:54,370 --> 01:05:56,170 dan kemudian lihat beberapa contoh. 1398 01:05:56,170 --> 01:05:59,500 Jadi satu, untuk meyakinkan, kerana kita terbang melalui PHP. 1399 01:05:59,500 --> 01:06:02,470 Dan saya tahu, pada satu ketika, anda akan mempunyai untuk benar-benar mula menulis ini jika anda 1400 01:06:02,470 --> 01:06:03,460 tidak sudah. 1401 01:06:03,460 --> 01:06:06,220 Sedar bahawa, satu, utama adalah jenis daripada luar tingkap dengan PHP. 1402 01:06:06,220 --> 01:06:09,420 Jika anda mahu menulis kod yang mendapat dilaksanakan, anda hanya mula menulis dalam 1403 01:06:09,420 --> 01:06:13,970 fail yang dipanggil. php selagi anda mempunyai kurungan terbuka 1404 01:06:13,970 --> 01:06:15,620 tanda tanya PHP tag. 1405 01:06:15,620 --> 01:06:19,730 >> Tetapi notis ini adalah syarat dalam php. 1406 01:06:19,730 --> 01:06:22,610 Notis, ini adalah slaid yang sama kita telah di seminggu apabila kita mempunyai 1407 01:06:22,610 --> 01:06:25,670 keadaan di dalam Syarat C. PHP adalah struktur dan 1408 01:06:25,670 --> 01:06:27,140 sintaksis yang sama. 1409 01:06:27,140 --> 01:06:30,290 Satu-satunya perbezaan sebenar adalah jika anda mempunyai pembolehubah yang terlibat, anda mempunyai orang-orang 1410 01:06:30,290 --> 01:06:31,600 tanda-tanda dolar. 1411 01:06:31,600 --> 01:06:33,970 >> Sementara itu, ungkapan Boolean kelihatan seperti ini untuk 1412 01:06:33,970 --> 01:06:35,725 atau-ing atau dan-ing bersama-sama. 1413 01:06:35,725 --> 01:06:37,780 Beralih melihat sama. 1414 01:06:37,780 --> 01:06:42,180 Apa yang baik di PHP, manakala di C, suis perlu kes-kes 1415 01:06:42,180 --> 01:06:46,380 primitif seperti Ints atau aksara, dalam PHP penyata kes anda sebenarnya boleh 1416 01:06:46,380 --> 01:06:48,430 pada rentetan keseluruhan, yang merupakan sebenarnya jenis baik. 1417 01:06:48,430 --> 01:06:49,480 Menjimatkan masa. 1418 01:06:49,480 --> 01:06:50,820 Tidak boleh berbuat demikian di C. 1419 01:06:50,820 --> 01:06:52,880 >> Berikut adalah gelung dalam PHP. 1420 01:06:52,880 --> 01:06:53,740 Ia adalah sama. 1421 01:06:53,740 --> 01:06:55,400 Mungkin mempunyai beberapa tanda-tanda dolar bagi pembolehubah. 1422 01:06:55,400 --> 01:06:57,530 Anda tidak perlu untuk menyebut bahawa sesuatu yang int an. 1423 01:06:57,530 --> 01:07:00,580 Anda hanya mengisytiharkan dengan tanda dolar dan nama pembolehubah. 1424 01:07:00,580 --> 01:07:01,430 Tetapi bagi gelung adalah sama. 1425 01:07:01,430 --> 01:07:02,760 Satu gelung sementara adalah sama. 1426 01:07:02,760 --> 01:07:04,870 A lakukan semasa gelung adalah sama. 1427 01:07:04,870 --> 01:07:06,170 >> Ini adalah sedikit berbeza. 1428 01:07:06,170 --> 01:07:12,410 Jadi dengan PHP, dengan pelbagai, anda boleh statik mengisytiharkan array, seperti dalam C, 1429 01:07:12,410 --> 01:07:14,420 tetapi anda menggunakan kurungan persegi. 1430 01:07:14,420 --> 01:07:17,060 Dalam C, anda akan menggunakan pendakap kerinting, jika anda juga tahu bahawa. 1431 01:07:17,060 --> 01:07:20,910 Tetapi ini sebenarnya adalah perkara biasa dalam PHP mengisytiharkan array, dalam kes ini, 1432 01:07:20,910 --> 01:07:23,640 nombor, dan panggilan nombor berubah-ubah. 1433 01:07:23,640 --> 01:07:25,300 >> Pembolehubah diri mereka kelihatan seperti ini. 1434 01:07:25,300 --> 01:07:28,710 Berikut adalah rentetan, quote unquote "hello dunia. "Anda boleh mempunyai garis sendeng terbalik n. 1435 01:07:28,710 --> 01:07:30,950 Saya hanya tidak dalam kes ini. 1436 01:07:30,950 --> 01:07:32,640 >> Sekarang ini adalah satu binaan yang menarik. 1437 01:07:32,640 --> 01:07:33,700 C tidak mempunyai ini. 1438 01:07:33,700 --> 01:07:34,700 Tetapi ini adalah sangat membantu. 1439 01:07:34,700 --> 01:07:38,160 Dan anda akan melihat ini dalam set P 7 spec - untuk setiap membina. 1440 01:07:38,160 --> 01:07:41,800 Jika anda ingin mengulangi ke atas semua unsur-unsur yang pelbagai, anda tidak perlu 1441 01:07:41,800 --> 01:07:45,500 untuk berurusan dengan $ i dan $ n, dan + +, dan semua itu. 1442 01:07:45,500 --> 01:07:47,640 Anda benar-benar boleh berkata, dalam PHP, ini - 1443 01:07:47,640 --> 01:07:51,890 untuk setiap nombor nombor, jadi Saya menganggap bahawa $ nombor 1444 01:07:51,890 --> 01:07:53,380 adalah pelbagai nombor. 1445 01:07:53,380 --> 01:07:56,460 Dan apabila saya katakan untuk setiap nombor nombor, ini akan 1446 01:07:56,460 --> 01:08:00,505 secara automatik, seperti gelung saya melaksanakan, mengemas kini, pada setiap lelaran, nilai 1447 01:08:00,505 --> 01:08:03,260 dalam dolar beberapa tanda - 1448 01:08:03,260 --> 01:08:07,730 sekali lagi, dan sekali lagi, dan sekali lagi berjalan bagi saya lebih pelbagai itu. 1449 01:08:07,730 --> 01:08:08,735 Jadi ia hanya menyelamatkan kita kod. 1450 01:08:08,735 --> 01:08:12,250 Tiada koma bertitik, tiada + + 's, tiada i adalah, n tidak, ia hanya baik. 1451 01:08:12,250 --> 01:08:13,700 >> Tetapi PHP juga mempunyai ini. 1452 01:08:13,700 --> 01:08:14,830 Dan ini adalah sangat berkuasa. 1453 01:08:14,830 --> 01:08:17,410 Dan anda akan menggunakan ini, tangan pada, P yang ditetapkan 7. 1454 01:08:17,410 --> 01:08:21,990 Dan pelbagai bersekutu juga diisytiharkan dengan kurungan persegi. 1455 01:08:21,990 --> 01:08:23,569 Tetapi notis sintaks sekarang. 1456 01:08:23,569 --> 01:08:26,880 Ia mengingatkan apa yang kita lihat dengan print_r sebentar tadi. 1457 01:08:26,880 --> 01:08:31,810 Berapa banyak kunci, sebagai cek kewarasan sedikit, tidak array ini seolah-olah mempunyai. 1458 01:08:31,810 --> 01:08:32,689 >> Jadi ia mempunyai dua. 1459 01:08:32,689 --> 01:08:33,830 Dan saya menyeru ini array. 1460 01:08:33,830 --> 01:08:36,760 Tetapi jika ia membantu, anda boleh berfikir jadual ini sebagai hash, atau sebagai 1461 01:08:36,760 --> 01:08:37,930 pelbagai bersekutu. 1462 01:08:37,930 --> 01:08:39,580 Tetapi ia adalah hanya yang berbeza jenis array. 1463 01:08:39,580 --> 01:08:41,080 Dan sekali lagi, bahasa yang berbeza mempunyai ini. 1464 01:08:41,080 --> 01:08:43,810 Kita akan melihat sesuatu yang serupa dalam JavaScript juga. 1465 01:08:43,810 --> 01:08:44,609 Terdapat dua kunci. 1466 01:08:44,609 --> 01:08:48,390 Satu adalah unquote quote, "simbol", satu quote unquote "harga." Dan orang-orang kunci 1467 01:08:48,390 --> 01:08:49,250 masing-masing mempunyai nilai. 1468 01:08:49,250 --> 01:08:54,420 Dalam kes ini, nilai simbol adalah FB, untuk Nilai Facebook, dan harga adalah 49, 26, 1469 01:08:54,420 --> 01:08:56,899 yang saham Facebook harga pada pagi ini. 1470 01:08:56,899 --> 01:09:00,170 >> Jadi apa yang berguna tentang pelbagai bersekutu. 1471 01:09:00,170 --> 01:09:02,620 Saya boleh mempunyai berangka pelbagai diindeks dengan hanya 1472 01:09:02,620 --> 01:09:04,120 mudah kurungan persegi. 1473 01:09:04,120 --> 01:09:09,380 Dan saya boleh mempunyai tanda dolar quote sama hanya ini. 1474 01:09:09,380 --> 01:09:10,529 Biar saya benar-benar melakukannya. 1475 01:09:10,529 --> 01:09:14,796 Katakan saya bukan hanya diisytiharkan pelbagai ini seperti itu. 1476 01:09:14,796 --> 01:09:17,590 Itu adalah betul-betul sah, sintaksis. 1477 01:09:17,590 --> 01:09:20,569 Ia tidak kehilangan apa-apa maklumat, per se. 1478 01:09:20,569 --> 01:09:24,760 Saya masih melihat bahawa lambang ini adalah fb, dan bahawa harga yang 49, 26. 1479 01:09:24,760 --> 01:09:28,939 Jadi mengapa bersekutu array menarik? 1480 01:09:28,939 --> 01:09:30,189 >> PENONTON: Anda tidak perlu ingat di mana anda meletakkan barangan. 1481 01:09:30,189 --> 01:09:32,050 1482 01:09:32,050 --> 01:09:34,130 >> SPEAKER 1: Tepat sekali, anda tidak perlu ingat di mana anda meletakkan barangan. 1483 01:09:34,130 --> 01:09:37,670 Anda tidak perlu sewenang-wenangnya ingat bahawa simbol saham adalah dalam kurungan sifar, 1484 01:09:37,670 --> 01:09:41,479 dan harga saham adalah dalam kurungan satu, yang amat berbahaya jika anda 1485 01:09:41,479 --> 01:09:43,220 mengubah keadaan, akhirnya. 1486 01:09:43,220 --> 01:09:46,399 Ia lebih bagus untuk mengaitkan apa yang kita akan memanggil metadata 1487 01:09:46,399 --> 01:09:48,340 dengan data sebenar anda. 1488 01:09:48,340 --> 01:09:52,399 Saya berpendapat bahawa apa yang kita benar-benar menjaga tentang di sini adalah fb dan 49, 26. 1489 01:09:52,399 --> 01:09:57,020 Simbol dan harga yang metadata yang menggambarkan data yang kami 1490 01:09:57,020 --> 01:09:58,180 sebenarnya mengambil berat tentang. 1491 01:09:58,180 --> 01:10:01,910 Tetapi ini adalah begitu banyak hanya lebih mudah untuk mengakses. 1492 01:10:01,910 --> 01:10:04,090 >> Kini, sebagai mengetepikan apa harga yang kita bayar? 1493 01:10:04,090 --> 01:10:06,600 Kami telah melakukan ini dalam CS50 selama beberapa minggu. 1494 01:10:06,600 --> 01:10:10,740 Ciri ini mesti datang di beberapa kos. 1495 01:10:10,740 --> 01:10:11,350 Ingatan. 1496 01:10:11,350 --> 01:10:13,830 Jadi anda tidak hanya menyimpan 32-bit integer, misalnya. 1497 01:10:13,830 --> 01:10:17,980 Anda menyimpan simbol / 0, mungkin. 1498 01:10:17,980 --> 01:10:19,160 Jadi anda menggunakan memori yang lebih. 1499 01:10:19,160 --> 01:10:22,540 >> Dan apa yang prestasi mencari sesuatu sehingga di 1500 01:10:22,540 --> 01:10:24,822 array bersekutu, mungkin? 1501 01:10:24,822 --> 01:10:26,590 Ia mungkin lebih perlahan. 1502 01:10:26,590 --> 01:10:29,670 Akses rawak adalah bagus, terutamanya apabila anda boleh melakukan carian binari. 1503 01:10:29,670 --> 01:10:33,380 Tetapi jika anda benar-benar sekarang tidak melihat untuk nombor, tetapi untuk tali, ini 1504 01:10:33,380 --> 01:10:37,630 benar-benar dilaksanakan di bawah hud, mungkin jadual hash, di mana 1505 01:10:37,630 --> 01:10:42,950 anda menggunakan sama ada jadual hash dengan chaining berasingan. 1506 01:10:42,950 --> 01:10:46,040 Atau anda menggunakan cuba untuk benar-benar menyimpan nilai. 1507 01:10:46,040 --> 01:10:50,550 Jadi mungkin anda boleh melakukan masa yang berterusan, tetapi anda masih perlu melihat S-Y-M-B-O-L, 1508 01:10:50,550 --> 01:10:54,510 berpotensi, bukan hanya 32 bit untuk melihat sesuatu sehingga. 1509 01:10:54,510 --> 01:10:58,430 Jadi sekali lagi, idea-idea yang sama datang kembali berulang dalam konteks ini. 1510 01:10:58,430 --> 01:11:02,120 >> Tetapi sekali lagi, PHP kini mempunyai beberapa super globals itu, ia ternyata, adalah 1511 01:11:02,120 --> 01:11:02,900 array bersekutu. 1512 01:11:02,900 --> 01:11:05,590 Kita lihat satu masa yang lalu, $ _POST. 1513 01:11:05,590 --> 01:11:08,400 Dan yang super global mempunyai kunci dan nilai-nilai. 1514 01:11:08,400 --> 01:11:10,550 Khususnya, kekunci beratur dengan apa? 1515 01:11:10,550 --> 01:11:14,520 Di manakah kunci dalam $ _POST datang? 1516 01:11:14,520 --> 01:11:15,380 Untuk mengimbas kembali? 1517 01:11:15,380 --> 01:11:16,480 >> PENONTON: Nama. 1518 01:11:16,480 --> 01:11:17,900 >> SPEAKER 1: Nama, di mana? 1519 01:11:17,900 --> 01:11:19,860 >> PENONTON: [didengar] 1520 01:11:19,860 --> 01:11:20,750 >> SPEAKER 1: Nama adalah sifat. 1521 01:11:20,750 --> 01:11:23,480 Baik di mana, di mana yang mereka lakukan asalnya datang? 1522 01:11:23,480 --> 01:11:24,120 Borang. 1523 01:11:24,120 --> 01:11:30,140 Jadi, jika sebuah laman HTML mempunyai tag bentuk, dalam yang merupakan sebahagian input, seperti 1524 01:11:30,140 --> 01:11:34,760 memeriksa kotak, kotak teks, jatuh bawah menu, setiap yang mempunyai nama, mereka 1525 01:11:34,760 --> 01:11:40,260 nama-nama yang berakhir sebagai kunci dalam $ _POST, dan, terus-terang, dalam hal ini, $ _GET. 1526 01:11:40,260 --> 01:11:42,130 Jika kaedah adalah get, idea yang sama. 1527 01:11:42,130 --> 01:11:43,830 Ia hanya dalam berbeza super global. 1528 01:11:43,830 --> 01:11:47,620 Dan nilai-nilai, sudah tentu, datang dari apa pengguna ditaip pada atau 1529 01:11:47,620 --> 01:11:48,890 pelayar itu. 1530 01:11:48,890 --> 01:11:49,830 >> Tetapi ada beberapa yang lain. 1531 01:11:49,830 --> 01:11:52,140 Ada cookies, yang kita akan kembali ke akhirnya. 1532 01:11:52,140 --> 01:11:56,050 Tetapi mereka adalah perkara-perkara yang anda tahu web menggunakan beberapa yang baik atau jahat. 1533 01:11:56,050 --> 01:11:57,420 Tetapi kita akan kembali kepada itu. 1534 01:11:57,420 --> 01:12:01,720 Server dan sesi, dan kedua-dua mempunyai beberapa utiliti khas. 1535 01:12:01,720 --> 01:12:03,940 >> Tetapi mari kita lihat ini. 1536 01:12:03,940 --> 01:12:13,330 Biar saya pergi ke hadapan dan membuka contoh dipanggil mvc0.php Jadi MVC 1537 01:12:13,330 --> 01:12:14,900 bermaksud yang berikut. 1538 01:12:14,900 --> 01:12:19,390 Dan kita memperkenalkan ini lebih awal daripada yang biasa, benar-benar, untuk mendapatkan anda bentuk 1539 01:12:19,390 --> 01:12:22,180 Set Masalah 7, dan juga projek-projek akhir, dalam jenis industri 1540 01:12:22,180 --> 01:12:23,670 cara yang standard, dan cara bersih. 1541 01:12:23,670 --> 01:12:24,820 Ia adalah reka bentuk yang baik. 1542 01:12:24,820 --> 01:12:29,090 >> Jadi anda berada kira-kira untuk melihat, dan anda akan pengalaman, dalam set P 7, paradigma, jenis 1543 01:12:29,090 --> 01:12:32,260 daripada minda pengaturcaraan, yang kelihatan sesuatu yang kecil seperti ini. 1544 01:12:32,260 --> 01:12:35,570 M untuk Model, C bagi Pengawal, V untuk View. 1545 01:12:35,570 --> 01:12:39,690 Long cerpen, MVC hanya jenis metodologi, cara membuat 1546 01:12:39,690 --> 01:12:43,360 laman web, khususnya, di mana anda meletakkan semua frasa anda, bodoh - 1547 01:12:43,360 --> 01:12:44,970 logik perniagaan - 1548 01:12:44,970 --> 01:12:49,710 semua harta intelek anda apa yang dipanggil pengawal, fail 1549 01:12:49,710 --> 01:12:54,840 seperti index.php, atau kita akan melihat, quote.php, atau buy.php. 1550 01:12:54,840 --> 01:12:59,570 >> Dalam konteks set Masalah 7, anda model biasanya mengandungi data anda, 1551 01:12:59,570 --> 01:13:03,860 apa-apa jua yang berkaitan dengan pangkalan data, seperti yang kita akan akhirnya melihat, dan pandangan anda 1552 01:13:03,860 --> 01:13:07,510 mengandungi estetika anda tapak, HTML, CSS. 1553 01:13:07,510 --> 01:13:10,420 Jadi, kita sudah melihat ini dalam C sedikit sedikit dengan menggunakan. h fail. 1554 01:13:10,420 --> 01:13:15,010 Kami benar-benar melihat ia masa yang lalu dengan CSS, dengan mengambil kira penyesuaian dgn mode CSS 1555 01:13:15,010 --> 01:13:16,520 barangan daripada HTML kami. 1556 01:13:16,520 --> 01:13:20,730 >> Jadi MVC adalah benar-benar hanya kira-kira lukisan garis-garis di pasir dan berkata, itu 1557 01:13:20,730 --> 01:13:25,400 kod pengaturcaraan yang menarik untuk anda laman web tergolong dalam apa yang kita akan memanggil 1558 01:13:25,400 --> 01:13:26,400 pengawal. 1559 01:13:26,400 --> 01:13:29,280 Barangan yang berkaitan dengan pangkalan data biasanya berakhir dalam model. 1560 01:13:29,280 --> 01:13:33,070 Tetapi anda akan melihat, dalam set Masalah 7, kita bergabung C dan M untuk memastikan ia mudah. 1561 01:13:33,070 --> 01:13:37,630 Tetapi pandangan adalah di mana semua HTML anda dan estetika biasanya pergi. 1562 01:13:37,630 --> 01:13:39,160 >> Jadi apakah ini bermakna dari segi sebenar? 1563 01:13:39,160 --> 01:13:45,980 Baiklah, biar saya pergi ke MVC kami direktori seperti berikut. 1564 01:13:45,980 --> 01:13:48,880 Dan anda akan melihat lebih daripada melawat melalui dalam spesifikasi. 1565 01:13:48,880 --> 01:13:53,200 Jadi dalam mvc0, saya mendakwa bahawa ini adalah, seperti, versi 0 daripada laman web CS50 ini. 1566 01:13:53,200 --> 01:13:56,670 >> Semua kita mempunyai beberapa HTML, seperti tag h1 besar, nampaknya. 1567 01:13:56,670 --> 01:13:57,800 Dan kemudian satu senarai bullet. 1568 01:13:57,800 --> 01:13:59,860 Saya tidak pernah melihat senarai bullet sebelum ini, tetapi tidak ada masalah besar. 1569 01:13:59,860 --> 01:14:01,590 Mari cepat melihat kod sumber. 1570 01:14:01,590 --> 01:14:06,610 Rupa-rupanya, senarai tidak tertib dengan peluru adalah ul kurungan terbuka dengan satu atau 1571 01:14:06,610 --> 01:14:09,065 senarai barang-barang yang lebih, li. 1572 01:14:09,065 --> 01:14:10,650 Jadi notis di sini adalah tag anchor. 1573 01:14:10,650 --> 01:14:12,130 Kita melihat bahawa masa yang lalu. 1574 01:14:12,130 --> 01:14:13,810 >> Jadi ini adalah bagaimana saya telah melaksanakan halaman ini. 1575 01:14:13,810 --> 01:14:18,460 Saya telah mendapat dua link, dua item senarai, satu ul untuk senarai tidak tertib, dan akhir 1576 01:14:18,460 --> 01:14:22,700 Hasilnya, estetika, adalah ini sangat laman web yang cantik, versi 0 di sini. 1577 01:14:22,700 --> 01:14:26,840 Tetapi apa yang menarik sekarang ialah bagaimana ini dilaksanakan di bawah hood. 1578 01:14:26,840 --> 01:14:33,590 >> Biar saya pergi ke gedit dan membuka ini contoh pertama untuk melukis gambar. 1579 01:14:33,590 --> 01:14:37,070 Dan kita akan melihat apa yang cacat, berpotensi, di sini. 1580 01:14:37,070 --> 01:14:43,260 Sekarang, jika saya pergi ke localhost, awam, MVC, notis beberapa fail. 1581 01:14:43,260 --> 01:14:45,780 Saya akan memanggil ini, bagi masa, semua pengawal. 1582 01:14:45,780 --> 01:14:48,640 Tetapi itu sedikit penyalahgunaan kerana anda akan melihat segala-galanya yang berbaur 1583 01:14:48,640 --> 01:14:49,620 di dalam mereka. 1584 01:14:49,620 --> 01:14:52,330 >> Dan biarlah saya pergi dalam index.php. 1585 01:14:52,330 --> 01:14:54,700 Dan kita lihat, secara literal, HTML yang sama. 1586 01:14:54,700 --> 01:14:57,970 Jadi, walaupun fail ini berakhir pada . Php, Ia tidak bermakna ia 1587 01:14:57,970 --> 01:14:59,500 mempunyai apa-apa kod PHP. 1588 01:14:59,500 --> 01:15:02,290 Ia hanya boleh menjadi HTML mentah, walaupun itu jenis bodoh. 1589 01:15:02,290 --> 01:15:07,650 Tetapi notis tidak ada kurungan terbuka PHP tag, kecuali untuk ini, yang, terus terang, 1590 01:15:07,650 --> 01:15:09,160 hanya ada di sana untuk berkhidmat sebagai komen. 1591 01:15:09,160 --> 01:15:12,080 Tetapi itu tidak berfungsi walaupun yang menarik. 1592 01:15:12,080 --> 01:15:12,960 >> Tetapi notis ini. 1593 01:15:12,960 --> 01:15:15,400 Apa yang menarik sekarang ialah apa perubahan di halaman ini. 1594 01:15:15,400 --> 01:15:16,650 Biar saya klik Kuliah. 1595 01:15:16,650 --> 01:15:18,560 Dan notis URL akan berubah. 1596 01:15:18,560 --> 01:15:20,930 Sekarang saya di lectures.php. 1597 01:15:20,930 --> 01:15:22,630 Biar saya klik sifar. 1598 01:15:22,630 --> 01:15:27,200 Sekarang saya di week0.php Dan sekarang mari saya membuka fail-fail ini dalam gedit. 1599 01:15:27,200 --> 01:15:30,120 Bukan sahaja indeks, tetapi biarlah saya membuka kuliah. 1600 01:15:30,120 --> 01:15:33,900 Dan biarlah saya menghilangkan komen memberi tumpuan kepada bahagian ini sahaja. 1601 01:15:33,900 --> 01:15:37,680 >> Dan sekarang mari saya membuka hanya satu lagi, week0.php, buang komen, 1602 01:15:37,680 --> 01:15:39,910 hanya untuk membersihkan ini. 1603 01:15:39,910 --> 01:15:41,720 Dan kini notis berikut. 1604 01:15:41,720 --> 01:15:47,340 Berfikir benar-benar jenis teliti tentang reka bentuk, dan mari kita membuat ia selaras 1605 01:15:47,340 --> 01:15:52,013 up yang sama, apa yang boleh dilakukan lebih baik di sini, adakah anda fikir? 1606 01:15:52,013 --> 01:15:56,450 1607 01:15:56,450 --> 01:15:57,780 >> Bagaimana saya membuat satu minggu? 1608 01:15:57,780 --> 01:15:58,480 Bagaimana kira-kira ini. 1609 01:15:58,480 --> 01:16:00,450 Jadi ini adalah bagaimana saya dibuat seminggu. 1610 01:16:00,450 --> 01:16:08,290 Saya pergi ke Fail, New, Paste, Simpan, week1.php, dan kemudian saya pergi di sini. 1611 01:16:08,290 --> 01:16:09,875 Dan saya berubah satu - 1612 01:16:09,875 --> 01:16:11,646 apa yang ini, satu hingga Jumaat. 1613 01:16:11,646 --> 01:16:14,430 1614 01:16:14,430 --> 01:16:15,810 Saya berubah sifar kepada satu. 1615 01:16:15,810 --> 01:16:17,150 Saya berubah ini kepada satu. 1616 01:16:17,150 --> 01:16:20,350 >> OK, jadi sekarang melihat fail-fail saya. 1617 01:16:20,350 --> 01:16:22,100 Apa yang boleh dilakukan yang berbeza? 1618 01:16:22,100 --> 01:16:25,310 Di mana peluang, mungkin? 1619 01:16:25,310 --> 01:16:28,330 Jadi ada peluang untuk memulakan pemfaktoran barangan ini keluar. 1620 01:16:28,330 --> 01:16:32,950 Biar saya membuka, seperti spoiler, bagi apa yang anda akan lihat dalam set P 7. 1621 01:16:32,950 --> 01:16:38,750 Jika saya membuka, kini, dalam versi index.php lima daripada ini, ia kelihatan cara 1622 01:16:38,750 --> 01:16:40,730 lebih samar, diakui. 1623 01:16:40,730 --> 01:16:43,710 >> Tetapi ini, sekarang, adalah apa yang saya akan memanggil pengawal itu mengawal 1624 01:16:43,710 --> 01:16:44,770 logik halaman saya. 1625 01:16:44,770 --> 01:16:48,510 Dan anda boleh jenis semula, intuitif, mungkin, apa yang berlaku. 1626 01:16:48,510 --> 01:16:50,630 Pada baris pertama, ia sedikit samar. 1627 01:16:50,630 --> 01:16:54,040 Tetapi notis saya memerlukan, seperti dengan tajam termasuk, fail yang dipanggil 1628 01:16:54,040 --> 01:16:55,930 helpers.php. 1629 01:16:55,930 --> 01:16:59,980 Dan kemudian saya menyeru, nampaknya, satu fungsi, yang dipanggil render, lulus dalam 1630 01:16:59,980 --> 01:17:00,850 dua hujah. 1631 01:17:00,850 --> 01:17:02,440 >> Satu adalah quote unquote, tajuk. 1632 01:17:02,440 --> 01:17:04,800 Dan lain-lain, apa jenis jenis data ini, berasaskan 1633 01:17:04,800 --> 01:17:07,180 pada sintaks kami lebih awal? 1634 01:17:07,180 --> 01:17:08,160 Ia adalah pelbagai yang berkaitan. 1635 01:17:08,160 --> 01:17:11,730 Khususnya, ia lulus dalam tajuk dengan beberapa metadata yang mengingatkan 1636 01:17:11,730 --> 01:17:13,430 saya apa itu dan nilainya. 1637 01:17:13,430 --> 01:17:16,340 Kemudian saya melihat dikodkan ul, jadi sesetengah HTML mentah. 1638 01:17:16,340 --> 01:17:20,020 Tetapi kemudian saya kembali dalam mod PHP memanggil render berfungsi. 1639 01:17:20,020 --> 01:17:24,390 Jadi, walaupun anda tidak pernah menggunakan HTML atau PHP sebelum ini, dan walaupun ini kelihatan 1640 01:17:24,390 --> 01:17:27,480 menakutkan, mengapa ini mungkin reka bentuk yang lebih baik? 1641 01:17:27,480 --> 01:17:31,310 Apa yang lebih baik tentang hal itu, berdasarkan kesimpulan? 1642 01:17:31,310 --> 01:17:32,130 >> PENONTON: [didengar] 1643 01:17:32,130 --> 01:17:35,750 >> SPEAKER 1: Kurang berlebihan dalam yang tidak ada yang lebih tag HTML, tidak lebih 1644 01:17:35,750 --> 01:17:38,410 kepala tag, tag badan tidak lebih dalam setiap fail celaka. 1645 01:17:38,410 --> 01:17:41,860 Sebaliknya, saya telah difaktorkan keluar persamaan dan mungkin meletakkan mereka 1646 01:17:41,860 --> 01:17:45,150 ke dalam fail yang entah bagaimana yang berkaitan untuk tandukan. 1647 01:17:45,150 --> 01:17:48,500 Dan perkara yang sama untuk badan rapat tag, tag HTML dekat. 1648 01:17:48,500 --> 01:17:52,165 Itu mungkin turun di sini dalam daripada tempat nota kaki. 1649 01:17:52,165 --> 01:17:57,050 Dan anda akan lihat, set Masalah 7, lawatan sedikit melalui ini. 1650 01:17:57,050 --> 01:17:58,070 >> Jadi apa yang akan berlaku? 1651 01:17:58,070 --> 01:18:03,390 Satu perkara yang kita tidak mempunyai keupayaan lagi untuk sebenarnya adalah untuk menyimpan data. 1652 01:18:03,390 --> 01:18:06,110 Dan supaya apa yang kita akan mula melihat Wednesday, misalnya, adalah bahawa anda 1653 01:18:06,110 --> 01:18:08,450 Excel rakan lama, atau nombor, membolehkan anda menyimpan banyak 1654 01:18:08,450 --> 01:18:10,060 data dalam baris dan lajur. 1655 01:18:10,060 --> 01:18:12,570 Menghidupkan daripada anda boleh melakukannya dalam apa dikenali sebagai pangkalan data, programatik. 1656 01:18:12,570 --> 01:18:16,620 manik Dan ternyata, selepas itu, kita akan dapat untuk menyimpan perkara-perkara seperti 1657 01:18:16,620 --> 01:18:20,550 ini, yang anda akan melihat sekali lagi pada set P 7, sejumlah besar nama pengguna dan 1658 01:18:20,550 --> 01:18:23,690 kata laluan, yang kedua-duanya adalah sebenarnya disulitkan, sama seperti yang 1659 01:18:23,690 --> 01:18:25,550 berada dalam edisi penggodam P set 2 itu. 1660 01:18:25,550 --> 01:18:29,600 Dan akhirnya, anda akan melaksanakan ini, sendiri laman web seperti Etrade anda yang 1661 01:18:29,600 --> 01:18:32,220 melaksanakan kolektif CS50 kewangan. 1662 01:18:32,220 --> 01:18:36,000 >> Akhir sekali, kerana anda menginap di sini begitu lewat hari ini, jika anda kembali ke bahagian ini 1663 01:18:36,000 --> 01:18:41,120 kampus, pada 04:00 hari ini, kita akan memberikan anda bukan sahaja nasihat, di SCES 1664 01:18:41,120 --> 01:18:44,200 Menasihati Fair, pada 4:00 di Maxwell-Dworkin, kami akan memberikan anda beberapa 1665 01:18:44,200 --> 01:18:47,470 Dream Americone, Cherry Garcia, Chocolate fudge Pandu Puteri, Chocolate 1666 01:18:47,470 --> 01:18:50,840 Doh Cookie cip, dan apabila anda Google Monyet chunky, anda akan mendapat ini. 1667 01:18:50,840 --> 01:18:53,620 Jadi semua yang menanti pada 4:00 PM di Maxwell-Dworkin. 1668 01:18:53,620 --> 01:18:56,736 Jumpa anda pada Rabu juga. 1669 01:18:56,736 --> 01:18:59,960 >> SPEAKER 2: Pada seterusnya CS50, RJ tidur masuk 1670 01:18:59,960 --> 01:19:03,656 1671 01:19:03,656 --> 01:19:04,906 >> RJ: seksyen saya! 1672 01:19:04,906 --> 01:19:07,727 1673 01:19:07,727 --> 01:19:08,977 Ha! 1674 01:19:08,977 --> 01:19:12,056 1675 01:19:12,056 --> 01:19:13,306 Oh, 1676 01:19:13,306 --> 01:19:16,374