1 00:00:00,000 --> 00:00:08,802 2 00:00:08,802 --> 00:00:11,140 >> JASON Hirschhorn: Selamat Datang semua orang untuk minggu lapan. 3 00:00:11,140 --> 00:00:13,420 Kami mempunyai minggu yang menarik di hadapan kami. 4 00:00:13,420 --> 00:00:21,390 Anda lelaki itu mempunyai merpati dalam pasangan ini lalu kuliah untuk PHP, SQL, HTML, CSS, jadi 5 00:00:21,390 --> 00:00:27,270 empat jenama baru bahasa yang akan untuk mengambil selebihnya kursus ini. 6 00:00:27,270 --> 00:00:30,750 Kami juga akan belajar beberapa lain bahasa sebelum akhir kursus ini. 7 00:00:30,750 --> 00:00:35,200 Tetapi bagaimanapun, tidak perlu untuk mengatakan, ini adalah satu masa yang sangat menarik dalam CS50, kini anda 8 00:00:35,200 --> 00:00:41,200 telah menguasai C, kononnya, dan beralih kepada pengaturcaraan untuk laman web. 9 00:00:41,200 --> 00:00:45,320 >> Jadi minggu ini, kita akan pergi lawatan puting beliung melalui empat 10 00:00:45,320 --> 00:00:50,200 bahasa yang saya nyatakan tadi, HTML, CSS, PHP, dan SQL. 11 00:00:50,200 --> 00:00:53,340 Dan mudah-mudahan, kita akan meninggalkan banyak masa di akhir seksyen bercakap 12 00:00:53,340 --> 00:00:58,800 tentang P set dan jawapan minggu ini apa-apa soalan yang anda semua ada. 13 00:00:58,800 --> 00:01:03,500 >> Setiap minggu, senarai yang sama sumber untuk anda, untuk membantu anda dengan minggu ini 14 00:01:03,500 --> 00:01:05,780 masalah yang ditetapkan dan akan lebih bahan - 15 00:01:05,780 --> 00:01:09,440 tetapi minggu ini khususnya, bagi berasaskan web set masalah, terdapat 16 00:01:09,440 --> 00:01:12,350 pelbagai sumber lain di luar sana yang anda akan mungkin 17 00:01:12,350 --> 00:01:13,500 mendapati sangat membantu. 18 00:01:13,500 --> 00:01:14,670 Saya mempunyai mereka di sini. 19 00:01:14,670 --> 00:01:17,570 Saya akan email anda ini selepas seksyen, dan ini juga berada dalam talian. 20 00:01:17,570 --> 00:01:21,700 >> Tetapi khususnya, terdapat banyak sumber besar di luar sana. 21 00:01:21,700 --> 00:01:24,380 Terdapat juga beberapa tidak begitu besar yang, jadi berhati-hati dengan mereka. 22 00:01:24,380 --> 00:01:28,210 Tetapi pada slaid ini, saya mempunyai empat baik sumber, satu untuk setiap satu daripada 23 00:01:28,210 --> 00:01:30,600 bahasa yang anda akan bekerja dengan minggu ini - 24 00:01:30,600 --> 00:01:35,090 satu rujukan kunci untuk HTML, kunci rujukan untuk CSS. 25 00:01:35,090 --> 00:01:38,320 Hak ini di sini adalah manual PHP. 26 00:01:38,320 --> 00:01:42,110 >> Jadi, daripada seorang lelaki dan kemudian menaip PHP yang arahan, ini adalah di mana anda akan 27 00:01:42,110 --> 00:01:46,980 pergi untuk mencari prototaip fungsi dan contoh dan juga beberapa tips dan 28 00:01:46,980 --> 00:01:48,770 muslihat untuk menggunakan fungsi PHP. 29 00:01:48,770 --> 00:01:51,590 Anda akan menggunakan laman web ini sering, jadi saya menggalakkan anda untuk menjadi 30 00:01:51,590 --> 00:01:52,280 biasa dengannya. 31 00:01:52,280 --> 00:01:55,860 Ia boleh menjadi sedikit teknikal, tetapi ia juga menyediakan satu tan sumber dan 32 00:01:55,860 --> 00:02:00,440 contoh untuk semua fungsi dan walaupun yang lain, seperti bagaimana untuk menggunakan tatasusunan atau 33 00:02:00,440 --> 00:02:01,500 jenis pembolehubah. 34 00:02:01,500 --> 00:02:03,480 Laman web ini adalah sangat berguna untuk PHP. 35 00:02:03,480 --> 00:02:07,160 >> Dan kemudian, untuk SQL, jika anda ke dalam merpati ini set masalah minggu ini, anda akan tahu 36 00:02:07,160 --> 00:02:09,160 bahawa kita menggunakan database. 37 00:02:09,160 --> 00:02:13,340 Dan kita mengakses pangkalan data yang melalui antara muka pengguna yang agak bagus. 38 00:02:13,340 --> 00:02:15,760 Atau itu satu cara untuk akses pangkalan data itu. 39 00:02:15,760 --> 00:02:19,670 Antara muka pengguna adalah dipanggil phpMyAdmin. 40 00:02:19,670 --> 00:02:23,400 Ada tekan SQL, yang kita akan melihat kemudian hari ini. 41 00:02:23,400 --> 00:02:28,230 >> Dan anda boleh menaip ke dalam sampel SQL mereka pertanyaan bagi melakukan sesuatu dengan pangkalan data anda 42 00:02:28,230 --> 00:02:29,780 dan kemudian berjalan mereka pertanyaan. 43 00:02:29,780 --> 00:02:31,850 Dan jika mereka betul, ia akan berkata, betul ini seseorang. 44 00:02:31,850 --> 00:02:33,480 Jika mereka tidak betul, ia akan katakan, ia tidak betul. 45 00:02:33,480 --> 00:02:37,260 Yang merupakan tempat yang hebat untuk melatih Pertanyaan SQL sebelum menulis mereka ke dalam 46 00:02:37,260 --> 00:02:39,990 kod anda, untuk memastikan anda mempunyai format yang betul. 47 00:02:39,990 --> 00:02:42,080 >> Akhirnya, salah satu laman web yang lain di sini. 48 00:02:42,080 --> 00:02:45,390 Ini adalah laman web di mana anda boleh pergi dan periksa untuk memastikan anda 49 00:02:45,390 --> 00:02:47,520 Kod HTML tidak sah. 50 00:02:47,520 --> 00:02:51,250 Jadi sebelum membelok masalah anda ditetapkan minggu ini, membuat semua pasti 51 00:02:51,250 --> 00:02:52,690 HTML anda adalah sah. 52 00:02:52,690 --> 00:02:55,840 >> Minggu lepas, anda telah menjalankan valgrind, untuk pastikan anda tidak kehilangan memori. 53 00:02:55,840 --> 00:02:59,050 Minggu ini, anda perlu untuk memastikan semua kod anda adalah HTML5 sah. 54 00:02:59,050 --> 00:03:02,140 Jika tidak HTML5 sah, anda akan mendapat mata luar. 55 00:03:02,140 --> 00:03:03,110 >> Oleh itu, pasti - 56 00:03:03,110 --> 00:03:05,700 hanya kerana ia berfungsi tidak bermakna ia benar-benar sah. 57 00:03:05,700 --> 00:03:09,770 Menjalankan kod anda melalui laman web ini sebelum membelok ia masuk 58 00:03:09,770 --> 00:03:10,810 Sekali lagi, di sini laman web. 59 00:03:10,810 --> 00:03:15,150 >> Jika anda ada sebarang maklumbalas bagi saya, kita mempunyai beberapa lebih bahagian kiri, 60 00:03:15,150 --> 00:03:18,100 dan saya sentiasa mahu melakukan apa yang saya boleh untuk memberikan anda semua seksyen yang terbaik 61 00:03:18,100 --> 00:03:19,460 mengalami mungkin. 62 00:03:19,460 --> 00:03:22,115 Jadi biarlah saya tahu jika ada apa-apa saya boleh lakukan untuk memperbaiki atau jika terdapat 63 00:03:22,115 --> 00:03:24,730 perkara yang anda melihat bahawa saya boleh melakukan lebih baik. 64 00:03:24,730 --> 00:03:25,710 Terima kasih, Avi. 65 00:03:25,710 --> 00:03:27,610 Letakkan ia di laman web. 66 00:03:27,610 --> 00:03:31,870 >> Ini adalah basikal saya apabila saya telah, katakan, empat di rumah. 67 00:03:31,870 --> 00:03:34,500 Ia adalah satu Teenage Mutant Ninja Turtle berbasikal, dalam kes anda tidak boleh memberitahu, 68 00:03:34,500 --> 00:03:35,345 kerana ia sedikit kabur. 69 00:03:35,345 --> 00:03:38,900 Anda boleh mendapatkannya sekarang di ToysRUs untuk, saya fikir, kira-kira $ 100. 70 00:03:38,900 --> 00:03:42,690 >> Tetapi ciri basikal ini yang saya mahu anda untuk memberi perhatian kepada adalah ini 71 00:03:42,690 --> 00:03:43,480 di sini. 72 00:03:43,480 --> 00:03:44,980 Ini adalah roda latihan. 73 00:03:44,980 --> 00:03:50,230 Sehingga kini, anda telah pegang tangan melalui C. Dan kami telah mengambil yang panjang 74 00:03:50,230 --> 00:03:53,610 masa, dua bulan plus, melalui C. 75 00:03:53,610 --> 00:03:55,440 >> Untuk pasangan ini seterusnya bahasa, kita tidak akan 76 00:03:55,440 --> 00:03:56,600 membelanjakan banyak masa. 77 00:03:56,600 --> 00:03:58,350 Roda latihan datang dari. 78 00:03:58,350 --> 00:04:01,360 Dan kita akan menyelam ke dalam bahasa dengan cepat dan bergerak melalui 79 00:04:01,360 --> 00:04:04,720 mereka dengan cepat, yang bukan untuk mengatakan bahawa kami hanya akan meninggalkan anda renang 80 00:04:04,720 --> 00:04:07,590 di luar sana dengan cara untuk menyokong diri sendiri atau memikirkan bagaimana ini 81 00:04:07,590 --> 00:04:08,270 bahasa bekerja. 82 00:04:08,270 --> 00:04:10,750 Saya hanya menunjukkan anda senarai sumber-sumber untuk membantu anda. 83 00:04:10,750 --> 00:04:14,560 >> Tetapi perlu diingat bahawa PHP adalah amat sama dengan C. Kami akan pergi ke atas 84 00:04:14,560 --> 00:04:15,970 hari ini dan beberapa perbezaan. 85 00:04:15,970 --> 00:04:17,990 Tetapi bagi sebahagian besar, terdapat untuk gelung. 86 00:04:17,990 --> 00:04:18,750 Terdapat jika keadaan. 87 00:04:18,750 --> 00:04:20,680 >> Apabila anda mahu untuk menyelesaikan masalah, anda akan menggunakan 88 00:04:20,680 --> 00:04:22,029 gabungan mereka. 89 00:04:22,029 --> 00:04:22,920 Ia amat serupa. 90 00:04:22,920 --> 00:04:26,040 Logiknya harus hampir sama dengan apa yang anda lakukan pada masa lalu. 91 00:04:26,040 --> 00:04:29,810 Apa yang benar-benar baru minggu ini adalah sintaks dan bagaimana anda meluahkan diri anda. 92 00:04:29,810 --> 00:04:32,850 Dan anda mahu menulis untuk gelung, tetapi ia mungkin kelihatan sedikit berbeza. 93 00:04:32,850 --> 00:04:35,910 Atau anda ingin membuat satu pameran, tetapi ia mungkin kelihatan sedikit berbeza. 94 00:04:35,910 --> 00:04:39,920 >> Jadi ingat bahawa, bergerak ke hadapan, logik hampir sama dengan apa yang 95 00:04:39,920 --> 00:04:41,020 anda lakukan pada masa lalu. 96 00:04:41,020 --> 00:04:44,030 Tetapi anda sedang akan menghadapi banyak sintaks baru. 97 00:04:44,030 --> 00:04:47,600 Dan kita tidak akan berjalan anda melalui semua unsur-unsur sintaks. 98 00:04:47,600 --> 00:04:53,020 Jadi ia benar-benar terpulang kepada anda untuk memikirkan, dalam talian atau melalui mendekati pada 99 00:04:53,020 --> 00:04:58,770 Membincangkan atau menghantar e-mel saya atau bercakap dengan satu sama lain, bagaimana untuk menulis perkara-perkara di 100 00:04:58,770 --> 00:05:02,580 PHP dan bagaimana untuk menulis pertanyaan SQL dan bagaimana untuk menggunakan HTML dan CSS. 101 00:05:02,580 --> 00:05:06,160 >> Tetapi hanya supaya anda tahu, ia tidak bahawa kita cuba untuk membuang anda di luar sana 102 00:05:06,160 --> 00:05:07,630 sekali lagi untuk berenang jerung. 103 00:05:07,630 --> 00:05:10,600 Ini adalah apa yang anda mungkin akan melakukan dengan projek akhir anda, jika anda memilih 104 00:05:10,600 --> 00:05:15,150 bahasa yang berbeza, seperti IOS dan Objektif C, atau jika anda membuat keputusan untuk memulakan 105 00:05:15,150 --> 00:05:17,580 pengaturcaraan pada masa hadapan dan menyelam ke dalam bahasa lain, 106 00:05:17,580 --> 00:05:19,210 seperti Python atau Ruby. 107 00:05:19,210 --> 00:05:23,380 >> Sering kali, logik hampir sama di semua bahasa ini, dan 108 00:05:23,380 --> 00:05:24,560 sintaks adalah apa yang berbeza. 109 00:05:24,560 --> 00:05:27,560 Dan ia akan menjadi sehingga anda, sebagai programmer, untuk pergi menggunakan web 110 00:05:27,560 --> 00:05:30,790 sumber yang ada kepada anda dan angka bagaimana untuk meluahkan apa yang anda tahu bagaimana 111 00:05:30,790 --> 00:05:33,200 untuk menyatakan dalam C, dalam bahasa yang berbeza. 112 00:05:33,200 --> 00:05:36,410 Jadi ini adalah amalan yang baik, kedua-duanya untuk anda projek akhir, dan sekali lagi, untuk 113 00:05:36,410 --> 00:05:40,150 apa yang anda mungkin akan melakukan selepas anda meninggalkan CS50. 114 00:05:40,150 --> 00:05:42,550 >> Sebelum kita beralih, adakah sesiapa mempunyai sebarang soalan mengenai apa yang 115 00:05:42,550 --> 00:05:43,800 Yang saya lakukan setakat ini? 116 00:05:43,800 --> 00:05:52,450 117 00:05:52,450 --> 00:05:53,120 Besar. 118 00:05:53,120 --> 00:05:53,910 Mari kita bergerak ke atas. 119 00:05:53,910 --> 00:05:59,090 >> Pertama, kita akan bercakap secara ringkas mengenai arahan chmod itu. 120 00:05:59,090 --> 00:06:02,420 Ini, kami akan melakukan yang pada permulaan masalah anda ditetapkan. 121 00:06:02,420 --> 00:06:05,050 Salah satu arahan yang pertama untuk anda, selepas anda memuat turun 122 00:06:05,050 --> 00:06:09,280 kod pengedaran, adalah untuk menukar kebenaran fail dan 123 00:06:09,280 --> 00:06:11,350 direktori yang anda terima. 124 00:06:11,350 --> 00:06:16,430 >> Bolehkah sesiapa meneroka tekaan atau tahu mengapa ia adalah penting untuk menukar 125 00:06:16,430 --> 00:06:20,012 kebenaran fail tertentu dan direktori pada komputer anda? 126 00:06:20,012 --> 00:06:20,956 Avi - 127 00:06:20,956 --> 00:06:24,796 >> PENONTON: Maka tidak salah kecuali anda boleh melihat apa yang anda lakukan? 128 00:06:24,796 --> 00:06:25,470 >> JASON Hirschhorn: OK. 129 00:06:25,470 --> 00:06:28,330 Jadi, jika kita mahu meletakkan sesuatu pada web dan anda telah menetapkan bahawa kebenaran 130 00:06:28,330 --> 00:06:30,960 sahaja anda boleh melihat sesuatu, maka tiada siapa lagi yang boleh 131 00:06:30,960 --> 00:06:32,530 melihat apa yang anda buat. 132 00:06:32,530 --> 00:06:33,380 Apa lagi? 133 00:06:33,380 --> 00:06:34,320 Yeah. 134 00:06:34,320 --> 00:06:37,360 >> PENONTON: Mencegah orang lain yang anda tidak mahu melihat sesuatu, dari 135 00:06:37,360 --> 00:06:37,870 melihat sesuatu. 136 00:06:37,870 --> 00:06:38,820 >> JASON Hirschhorn: Itu betul juga. 137 00:06:38,820 --> 00:06:40,730 Terdapat mungkin adalah beberapa kod yang anda menulis, bahawa anda tidak melakukan 138 00:06:40,730 --> 00:06:42,690 mahu orang ramai untuk melihat. 139 00:06:42,690 --> 00:06:46,190 Anda mungkin OK dengan orang melihat HTML anda dan anda JavaScript. 140 00:06:46,190 --> 00:06:50,360 Tetapi PHP anda, kod akhir kembali, banyak logik untuk kod anda, mungkin 141 00:06:50,360 --> 00:06:53,200 perkara-perkara yang menyimpan beberapa kata laluan anda untuk pangkalan data anda, anda tidak perlu 142 00:06:53,200 --> 00:06:55,880 mahu orang ramai untuk melihat bahawa jenis maklumat. 143 00:06:55,880 --> 00:06:59,420 >> Jadi ia adalah penting bahawa, setiap fail dan direktori kami buat memiliki kebenaran 144 00:06:59,420 --> 00:07:03,660 berkenaan sama ada atau tidak kita mahu orang ramai untuk melihat orang-orang jenis fail dan 145 00:07:03,660 --> 00:07:08,030 direktori dan dapat mengaksesnya dan berpotensi walaupun menukar mereka. 146 00:07:08,030 --> 00:07:09,920 >> Jadi terdapat tiga jenis daripada kebenaran. 147 00:07:09,920 --> 00:07:14,980 Ada kebenaran membaca, yang cara anda boleh membaca fail atau senarai yang 148 00:07:14,980 --> 00:07:16,490 kandungan direktori. 149 00:07:16,490 --> 00:07:20,820 Ada kebenaran menulis, yang ertinya anda boleh menukar fail atau perubahan 150 00:07:20,820 --> 00:07:24,910 direktori dan kemudian melaksanakan kebenaran, yang bermakna anda boleh 151 00:07:24,910 --> 00:07:31,060 melaksanakan fail atau sebaliknya, anda boleh bergerak ke dalam direktori. 152 00:07:31,060 --> 00:07:34,470 Jadi CD sesuatu, jika anda mempunyai kebenaran untuk melaksanakannya, anda boleh bergerak 153 00:07:34,470 --> 00:07:37,300 ke dalam direktori. 154 00:07:37,300 --> 00:07:38,510 >> Ini adalah contoh ringkas. 155 00:07:38,510 --> 00:07:40,700 Sekali lagi, anda telah pergi ke atas ini dalam masalah yang ditetapkan. 156 00:07:40,700 --> 00:07:44,630 Tetapi saya mencipta direktori dengan arahan mkdir itu. 157 00:07:44,630 --> 00:07:46,320 Saya menukar kebenaran. 158 00:07:46,320 --> 00:07:48,505 Dua titisan sebenarnya melakukan perkara sama. 159 00:07:48,505 --> 00:07:52,580 Ia untuk menggambarkan bahawa sintaks untuk berubah kebenaran, sama ada yang anda lakukan 160 00:07:52,580 --> 00:07:55,600 a + x atau 711, mereka adalah sama. 161 00:07:55,600 --> 00:07:57,550 >> Kami di meja ini bagus. 162 00:07:57,550 --> 00:07:59,960 Kami melihat bahawa ada pengguna kebenaran pertama. 163 00:07:59,960 --> 00:08:03,280 Itulah kamu, individu, dan pelayan anda, berpotensi. 164 00:08:03,280 --> 00:08:05,070 Dan kemudian ada kumpulan dan lain-lain. 165 00:08:05,070 --> 00:08:09,350 Perbandingan antara dua yang agak remeh. 166 00:08:09,350 --> 00:08:11,170 Jadi secara amnya, kami akan sekaligus mereka bersama-sama. 167 00:08:11,170 --> 00:08:14,380 >> Tetapi pada dasarnya, jika kita mempunyai fail dipanggil merangkumi bahawa kita mahu menjadi 168 00:08:14,380 --> 00:08:18,760 boleh mengedit diri kita dan kita mahu orang lain untuk dapat melaksanakan, 169 00:08:18,760 --> 00:08:20,560 ia kebenaran 711. 170 00:08:20,560 --> 00:08:22,390 Dan kita melihat bahawa turun sini dalam jadual ini. 171 00:08:22,390 --> 00:08:24,730 Kami mempunyai membaca, menulis dan melaksanakan. 172 00:08:24,730 --> 00:08:26,790 Bagi setiap daripada kita, kita mahu dapat melakukan mereka. 173 00:08:26,790 --> 00:08:30,160 Kumpulan dan lain-lain, kita hanya mahu mereka dapat melaksanakan. 174 00:08:30,160 --> 00:08:33,860 >> Cara kami menterjemah yang kepada beberapa 175 00:08:33,860 --> 00:08:36,870 kebenaran adalah melalui binari. 176 00:08:36,870 --> 00:08:41,780 Jadi, jika kita mempunyai tiga orang, itu adalah satu 1 dalam ruang yang, satu 1 dalam berdua-dua 177 00:08:41,780 --> 00:08:43,049 ruangan, kolum 1 merangkak. 178 00:08:43,049 --> 00:08:45,180 Itulah 7 di sana. 179 00:08:45,180 --> 00:08:47,450 Dan kebenaran ini ialah 1. 180 00:08:47,450 --> 00:08:48,390 Kebenaran ini 1. 181 00:08:48,390 --> 00:08:54,200 Jadi 711 apabila adalah sama seperti memberi diri kita membaca, menulis dan melaksanakan, 182 00:08:54,200 --> 00:08:56,660 dan orang lain melaksanakan keistimewaan. 183 00:08:56,660 --> 00:08:59,180 >> Keturunan ini di sini, kita secara amnya akan telah membaca dan menulis apabila kita 184 00:08:59,180 --> 00:09:00,250 mewujudkan direktori. 185 00:09:00,250 --> 00:09:04,650 Jadi garis ini di sini hanya menambah melaksanakan keistimewaan kepada semua orang. 186 00:09:04,650 --> 00:09:07,450 Jadi yang akan serupa dengan, dalam tambahan kepada apa yang kita ada, 187 00:09:07,450 --> 00:09:09,930 menambah 1, 1, 1 untuk semua orang. 188 00:09:09,930 --> 00:09:13,880 >> Manakala ini, ia tidak perlu untuk menambah membaca dan menulis. 189 00:09:13,880 --> 00:09:16,130 Tetapi jika anda akan menggunakan nombor, anda tidak boleh hanya menambah sesuatu. 190 00:09:16,130 --> 00:09:19,070 Anda menulis ganti apa sahaja kebenaran adalah sana dan melaksanakannya dengan yang baru 191 00:09:19,070 --> 00:09:20,920 Nombor yang anda berikan. 192 00:09:20,920 --> 00:09:21,930 Itu adalah agak cepat. 193 00:09:21,930 --> 00:09:24,115 Adakah sesiapa mempunyai apa-apa soalan mengenai perubahan kebenaran? 194 00:09:24,115 --> 00:09:28,460 195 00:09:28,460 --> 00:09:28,950 >> OK. 196 00:09:28,950 --> 00:09:32,480 Jika saya mempunyai fail PHP, apa kebenaran saya mahu ia ada? 197 00:09:32,480 --> 00:09:36,638 198 00:09:36,638 --> 00:09:38,780 Ini adalah dalam spec set masalah. 199 00:09:38,780 --> 00:09:41,590 Jadi anda boleh melihat spec dan kemudian membaca aku jawapan. 200 00:09:41,590 --> 00:09:45,820 201 00:09:45,820 --> 00:09:48,605 >> PENONTON: Anda mahu pengguna mempunyai kebenaran baca-tulis. 202 00:09:48,605 --> 00:09:51,080 Dan anda mahu semua orang lagi mempunyai apa-apa. 203 00:09:51,080 --> 00:09:53,060 >> JASON Hirschhorn: Dan apa nombor itu? 204 00:09:53,060 --> 00:09:53,480 >> PENONTON: 600. 205 00:09:53,480 --> 00:09:54,840 >> JASON Hirschhorn: 600. 206 00:09:54,840 --> 00:09:59,550 Jadi chmod 600 - setiap kali anda mencetak fail PHP, chmod kepada 600. 207 00:09:59,550 --> 00:10:00,370 OK. 208 00:10:00,370 --> 00:10:01,890 Saya mempunyai direktori. 209 00:10:01,890 --> 00:10:04,870 Seseorang selain Jeff, Saya mempunyai folder fail. 210 00:10:04,870 --> 00:10:08,060 Apa kebenaran yang saya mahu untuk diberikan kepada folder yang - 211 00:10:08,060 --> 00:10:11,620 juga dalam masalah yang ditetapkan spec, hak di bawah jawapan ini atau 212 00:10:11,620 --> 00:10:14,840 jawapan sebelumnya? 213 00:10:14,840 --> 00:10:16,160 Juga berpotensi pada slaid - 214 00:10:16,160 --> 00:10:16,450 Marcus. 215 00:10:16,450 --> 00:10:17,230 >> PENONTON: Untuk 216 00:10:17,230 --> 00:10:18,180 folder, ia 711. 217 00:10:18,180 --> 00:10:19,590 JASON Hirschhorn: 711 - 218 00:10:19,590 --> 00:10:21,230 jadi folder, anda ingin memberi 711. 219 00:10:21,230 --> 00:10:25,280 Anda ingin dapat membaca folder itu, menukar direktori, bergerak ke 220 00:10:25,280 --> 00:10:25,785 folder itu. 221 00:10:25,785 --> 00:10:28,865 Dan anda mahu orang lain dapat untuk mengemudi dalam folder itu, tetapi 222 00:10:28,865 --> 00:10:30,790 tidak semestinya mengubah kandungannya. 223 00:10:30,790 --> 00:10:33,720 Apa tentang fail bukan PHP, mengatakan, fail JavaScript? 224 00:10:33,720 --> 00:10:36,090 Apa kebenaran yang kita mahu untuk memberikan yang jenis fail? 225 00:10:36,090 --> 00:10:37,020 >> PENONTON: 644. 226 00:10:37,020 --> 00:10:38,030 >> JASON Hirschhorn: 644 - 227 00:10:38,030 --> 00:10:40,010 mengapa kita mahu memberikan 644? 228 00:10:40,010 --> 00:10:42,880 >> PENONTON: Untuk membolehkan orang lain membacanya. 229 00:10:42,880 --> 00:10:44,840 Dan anda membaca atau menulisnya. 230 00:10:44,840 --> 00:10:48,540 >> JASON Hirschhorn: Jadi betul, semua orang lagi yang boleh membaca bahawa JavaScript fail. 231 00:10:48,540 --> 00:10:51,420 Dan anda boleh menukar itu, sebagai tambahan untuk dapat membacanya. 232 00:10:51,420 --> 00:10:54,970 Jadi salah satu pepijat orang yang paling biasa mempunyai masalah ini ditetapkan dan mereka 233 00:10:54,970 --> 00:10:58,880 projek akhir, jika ia adalah akhir berasaskan web projek, mereka akan belum menetapkan 234 00:10:58,880 --> 00:11:00,170 kebenaran betul. 235 00:11:00,170 --> 00:11:03,180 Dan mereka tidak akan dapat untuk melihat laman web mereka. 236 00:11:03,180 --> 00:11:04,840 Atau bahagian tertentu di dalam laman web mereka. 237 00:11:04,840 --> 00:11:06,930 >> Jadi pastikan anda menetapkan kebenaran dengan betul. 238 00:11:06,930 --> 00:11:10,730 Jangan hanya menganggap bahawa ia akan melakukannya secara automatik untuk anda. 239 00:11:10,730 --> 00:11:11,500 >> OK. 240 00:11:11,500 --> 00:11:15,100 Itu adalah satu perkara kecil yang kita menghabiskan jumlah yang baik masa, jadi 241 00:11:15,100 --> 00:11:16,190 kita boleh kuku ia. 242 00:11:16,190 --> 00:11:18,000 Mari kita bergerak ke HTML. 243 00:11:18,000 --> 00:11:20,430 >> Dan sekali lagi, untuk empat topik seterusnya, kita akan pergi melalui mereka 244 00:11:20,430 --> 00:11:21,600 agak cepat. 245 00:11:21,600 --> 00:11:24,980 Oleh itu, sila berasa bebas untuk menghentikan saya di mana-mana masa, jika anda mempunyai sebarang soalan, 246 00:11:24,980 --> 00:11:27,900 sama ada mereka yang berkaitan dengan apa yang saya meliputi atau sesuatu dari kuliah atau 247 00:11:27,900 --> 00:11:29,440 walaupun dari masalah yang ditetapkan. 248 00:11:29,440 --> 00:11:31,690 Menghalang saya bila-bila masa anda perlu. 249 00:11:31,690 --> 00:11:34,370 Apabila kita sampai ke akhir, kita akan hanya mula pergi lebih masalah yang ditetapkan. 250 00:11:34,370 --> 00:11:38,100 >> Jadi HTML bermaksud Hiperteks Bahasa markup. 251 00:11:38,100 --> 00:11:41,360 Ia bukan satu bahasa pengaturcaraan. 252 00:11:41,360 --> 00:11:45,800 Semua ia adalah struktur kandungan anda dan juga menyediakan beberapa metadata. 253 00:11:45,800 --> 00:11:52,340 Jadi, sebagai contoh, mungkin, banyak anda telah menggunakan Facebook sebelum ini. 254 00:11:52,340 --> 00:11:56,810 Dan anda boleh termasuk pautan dalam, atau anda boleh meletakkan link sebagai status anda. 255 00:11:56,810 --> 00:11:59,070 >> Dan kemudian, anda akan perasan pautan yang sentiasa mempunyai gambaran yang bagus 256 00:11:59,070 --> 00:12:00,450 kepadanya dan teks. 257 00:12:00,450 --> 00:12:03,040 Secara umumnya, iaitu beberapa metadata untuk laman web. 258 00:12:03,040 --> 00:12:05,250 Dan ia metadata Facebook khusus. 259 00:12:05,250 --> 00:12:07,780 Dan kemudian, apabila Facebook adalah membaca yang halaman dan memasukkan pautan itu, ia 260 00:12:07,780 --> 00:12:10,780 mencari metadata tertentu, jadi ia tahu apa gambar untuk dipaparkan, apa yang 261 00:12:10,780 --> 00:12:13,820 tajuk untuk memaparkan, dan apa yang teks abstrak untuk dipaparkan. 262 00:12:13,820 --> 00:12:17,760 >> Oleh itu, kita boleh termasuk metadata dengan Laman web kami menggunakan HTML. 263 00:12:17,760 --> 00:12:21,190 Dan ia juga membantu kita struktur kandungan, secara amnya, apa yang 264 00:12:21,190 --> 00:12:25,400 kami mahu pergi ke mana. 265 00:12:25,400 --> 00:12:28,240 >> Segala-galanya dalam HTML adalah unsur. 266 00:12:28,240 --> 00:12:30,690 Dan elemen-elemen di sini - 267 00:12:30,690 --> 00:12:33,410 CS50 ini, teks adalah elemen. 268 00:12:33,410 --> 00:12:35,140 Dan ia mempunyai beberapa tag. 269 00:12:35,140 --> 00:12:36,690 Ia mempunyai ini teg. 270 00:12:36,690 --> 00:12:41,730 Dan kita lihat terdapat satu di permulaan dan kemudian tanda palang, jadi 271 00:12:41,730 --> 00:12:43,960 menutup tag yang pada akhir. 272 00:12:43,960 --> 00:12:46,800 Kadang-kadang, tidak ada yang terbuka tag dan tag dekat. 273 00:12:46,800 --> 00:12:49,040 Terdapat hanya satu perkara. 274 00:12:49,040 --> 00:12:50,640 >> Kita akan melihat satu contoh yang pada slaid seterusnya. 275 00:12:50,640 --> 00:12:52,640 Jadi anda tidak perlu terbuka dan tag dekat. 276 00:12:52,640 --> 00:12:59,570 Tetapi untuk ini, kami Bingkai Bingkai ini Elemen CS50 di tag sauh. 277 00:12:59,570 --> 00:13:03,270 Dan pada dasarnya, tag ini memberitahu pelayar apa yang perlu dilakukan dengan 278 00:13:03,270 --> 00:13:04,700 elemen tertentu. 279 00:13:04,700 --> 00:13:07,380 >> Jadi sekali lagi, CS50 adalah teks kita akan melihat. 280 00:13:07,380 --> 00:13:10,060 Dan ia akan menjadi sejenis sauh. 281 00:13:10,060 --> 00:13:13,920 Anchor pada asasnya digunakan untuk link kepada sesuatu. 282 00:13:13,920 --> 00:13:16,000 Khususnya, yang anda boleh sudah memberitahu, ini adalah satu 283 00:13:16,000 --> 00:13:18,950 pautan ke laman utama CS50 itu. 284 00:13:18,950 --> 00:13:23,160 >> Sebahagian dari tag - atau secara amnya, sebahagian daripada tag adalah 285 00:13:23,160 --> 00:13:24,290 atribut. 286 00:13:24,290 --> 00:13:27,080 Dan kita lihat di sini, yang tag yang mempunyai satu 287 00:13:27,080 --> 00:13:29,680 atribut, atribut href ini. 288 00:13:29,680 --> 00:13:32,000 Dan mereka mengubah suai tag tertentu. 289 00:13:32,000 --> 00:13:36,100 Malah, jika anda pergi ke salah satu daripada laman web atau rujukan aku telah memberi 290 00:13:36,100 --> 00:13:39,480 sebelum atau mencari tag dalam talian, anda akan notis terdapat satu tan 291 00:13:39,480 --> 00:13:41,010 sifat-sifat yang berpotensi. 292 00:13:41,010 --> 00:13:42,310 >> Ini mungkin salah satu satu yang paling biasa. 293 00:13:42,310 --> 00:13:46,090 Ini memberitahu saya untuk mewujudkan satu pautan ke laman web tertentu. 294 00:13:46,090 --> 00:13:50,260 Dan sifat-sifat umumnya diberikan, jika tidak semata-mata diberikan, 295 00:13:50,260 --> 00:13:52,350 dalam pasangan kunci-nilai. 296 00:13:52,350 --> 00:13:55,380 >> Jadi inilah yang utama, href. 297 00:13:55,380 --> 00:13:57,320 Dan nilai yang tepat ini di sini. 298 00:13:57,320 --> 00:14:01,960 Dan yang akan datang dalam berguna di kemudian hari, apabila kita mula menggunakan beberapa perpustakaan untuk 299 00:14:01,960 --> 00:14:07,280 membantu kita dalam kod JavaScript atau menulis kandungan HTML. 300 00:14:07,280 --> 00:14:11,120 Kita sering akan menjadi - seperti kita akan melakukan pelbagai kurungan 0 dan yang 301 00:14:11,120 --> 00:14:12,340 akan membawa bersama nilai. 302 00:14:12,340 --> 00:14:17,190 >> Pada masa akan datang, kita akan melakukan banyak perkara seperti sesuatu kurungan href. 303 00:14:17,190 --> 00:14:21,180 Dan yang akan memberi kita nilai href, atau jika kita ingin mengemaskini href yang 304 00:14:21,180 --> 00:14:23,980 utama dan kemudian memberikan nilai tertentu. 305 00:14:23,980 --> 00:14:28,915 Jadi sama seperti dengan pameran di mana kami mempunyai utama 0 atau kekunci 1 atau kekunci 2 atau walaupun dengan 306 00:14:28,915 --> 00:14:33,480 hash meja, dengan baik, dengan meja hash anda juga, anda mungkin mempunyai - ia 307 00:14:33,480 --> 00:14:35,790 adalah pelbagai, jadi kunci 0, kekunci 1, utama 2. 308 00:14:35,790 --> 00:14:38,480 >> Bahawa indeks di sana, kita boleh memikirkan bahawa sebagai kunci. 309 00:14:38,480 --> 00:14:40,180 Dan nilai adalah apa sahaja telah disimpan di sana. 310 00:14:40,180 --> 00:14:42,760 Semua sifat-sifat ini adalah pasangan kunci-nilai. 311 00:14:42,760 --> 00:14:47,370 Dan yang akan menjadi penting untuk menukar mereka atau mengemas kini mereka atau 312 00:14:47,370 --> 00:14:51,020 memasukkan mereka di kemudian hari. 313 00:14:51,020 --> 00:14:53,990 >> Akhir sekali, anda telah melihat struktur ini sebelum ini, tetapi ini adalah yang paling asas 314 00:14:53,990 --> 00:14:55,350 struktur halaman HTML. 315 00:14:55,350 --> 00:14:58,700 Di bahagian atas, kita memberitahu anda bahawa ini sebenarnya HTML. 316 00:14:58,700 --> 00:15:01,910 Dan kemudian kita mempunyai HTML terbuka tag dan HTML tag dekat. 317 00:15:01,910 --> 00:15:04,940 Jadi kesemua di dalam ini adalah HTML. 318 00:15:04,940 --> 00:15:08,960 >> Kita melihat kepala dan badan. 319 00:15:08,960 --> 00:15:12,350 Ketua dokumen anda secara amnya termasuk apa? 320 00:15:12,350 --> 00:15:16,980 321 00:15:16,980 --> 00:15:20,995 Apa-apa tekaan untuk apa yang anda meletakkan di kepala? 322 00:15:20,995 --> 00:15:23,060 >> PENONTON: Anda meletakkan tajuk dan gaya. 323 00:15:23,060 --> 00:15:23,790 >> JASON Hirschhorn: Tajuk. 324 00:15:23,790 --> 00:15:26,110 Itu adalah satu tekaan yang besar. 325 00:15:26,110 --> 00:15:27,200 Saya mungkin telah disebut-sebut anda pergi ke. 326 00:15:27,200 --> 00:15:28,150 Apakah beberapa perkara-perkara lain? 327 00:15:28,150 --> 00:15:30,351 Yang telah dinyatakan salah seorang daripada mereka yang mungkin pergi di kepala. 328 00:15:30,351 --> 00:15:33,057 329 00:15:33,057 --> 00:15:35,225 >> PENONTON: Beliau berkata, gaya. 330 00:15:35,225 --> 00:15:36,240 >> JASON Hirschhorn: Gaya - 331 00:15:36,240 --> 00:15:41,050 jadi jika anda ingin membuat pautan dalam JavaScript ataupun CSS, yang anda bercakap 332 00:15:41,050 --> 00:15:42,610 apabila anda bercakap tentang gaya. 333 00:15:42,610 --> 00:15:45,670 Fail lain, anda mahu untuk menghubungkan dalam di luar fail, yang mungkin akan berlaku 334 00:15:45,670 --> 00:15:46,920 di kepala. 335 00:15:46,920 --> 00:15:48,660 336 00:15:48,660 --> 00:15:51,070 >> Apa lagi? 337 00:15:51,070 --> 00:15:52,960 Yang telah dinyatakan beberapa slaid lalu salah satu perkara-perkara yang 338 00:15:52,960 --> 00:15:54,510 HTML boleh lakukan untuk anda. 339 00:15:54,510 --> 00:15:58,180 340 00:15:58,180 --> 00:16:01,240 Ia boleh memberikan - 341 00:16:01,240 --> 00:16:02,874 bermula dengan M a - 342 00:16:02,874 --> 00:16:03,820 >> PENONTON: rencana. 343 00:16:03,820 --> 00:16:06,170 >> JASON Hirschhorn: Metadata - jadi banyak metadata akan pergi di kepala, 344 00:16:06,170 --> 00:16:08,990 kerana itu tidak semestinya perlu untuk menjadi sebahagian daripada badan kod anda. 345 00:16:08,990 --> 00:16:11,820 Itulah secara amnya - tubuh adalah kandungan, apa yang seseorang melihat. 346 00:16:11,820 --> 00:16:14,210 Dan jadi saya hanya menyampaikan jawapan kepada soalan saya seterusnya. 347 00:16:14,210 --> 00:16:17,770 Tetapi dalam badan biasanya kandungan yang akan dipaparkan 348 00:16:17,770 --> 00:16:19,750 pada halaman web. 349 00:16:19,750 --> 00:16:26,120 >> Seperti yang kita lihat, laman web yang rumit cenderung untuk bergaul atau menukar sehingga apa yang 350 00:16:26,120 --> 00:16:27,170 mereka dimasukkan ke dalam kepala dan badan. 351 00:16:27,170 --> 00:16:30,360 Tetapi secara amnya, kepala mengandungi perkara-perkara bahawa pengguna tidak akan 352 00:16:30,360 --> 00:16:31,290 melihat pada skrin. 353 00:16:31,290 --> 00:16:34,150 Ia menghubungkan dalam fail lain dan menyediakan metadata. 354 00:16:34,150 --> 00:16:37,690 Manakala, badan mengandungi segala-galanya pengguna akan melihat. 355 00:16:37,690 --> 00:16:39,270 Apa-apa idea apa yang p ini tag bermakna? 356 00:16:39,270 --> 00:16:41,660 >> PENONTON: Perenggan? 357 00:16:41,660 --> 00:16:42,780 >> PENONTON: Cetak. 358 00:16:42,780 --> 00:16:44,120 >> PENONTON: Tidak bermakna cetak. 359 00:16:44,120 --> 00:16:45,380 >> PENONTON: Adakah ini bermakna perenggan? 360 00:16:45,380 --> 00:16:47,620 >> JASON Hirschhorn: Perenggan - jadi ini adalah perenggan. 361 00:16:47,620 --> 00:16:50,920 Dan p ini tag, saya boleh baru sahaja ditaip ini di skrin dan kemudian 362 00:16:50,920 --> 00:16:52,630 termasuk satu baris pada akhir itu. 363 00:16:52,630 --> 00:16:54,380 Sesiapa sahaja tahu cara untuk memasukkan satu baris? 364 00:16:54,380 --> 00:16:55,240 >> PENONTON: pr - 365 00:16:55,240 --> 00:16:55,700 >> JASON Hirschhorn: pr - 366 00:16:55,700 --> 00:16:57,080 >> PENONTON: Slash pr? 367 00:16:57,080 --> 00:17:00,120 >> JASON Hirschhorn: pr slash bermaksud rehat talian. 368 00:17:00,120 --> 00:17:03,270 Tetapi perenggan mempunyai tertentu pemformatan. 369 00:17:03,270 --> 00:17:06,060 Dan kita akan mendapat untuk pemformatan dalam kedua, apabila kita bercakap mengenai CSS. 370 00:17:06,060 --> 00:17:09,900 Tetapi segala-galanya di dalam p tag akan mempunyai beberapa format lalai 371 00:17:09,900 --> 00:17:13,210 yang dikaitkan dengannya, mungkin beberapa jarak di antara yang berbeza 372 00:17:13,210 --> 00:17:15,069 perenggan. 373 00:17:15,069 --> 00:17:19,410 Dan ia akan menjadi salah satu cara untuk membezakan blok kod. 374 00:17:19,410 --> 00:17:20,980 >> Mana-mana tag yang lain - 375 00:17:20,980 --> 00:17:24,584 apakah tag lain yang anda lihat? 376 00:17:24,584 --> 00:17:26,609 >> JASON Hirschhorn: H1 melalui H6. 377 00:17:26,609 --> 00:17:28,460 h1 melalui H6, dan apa itu? 378 00:17:28,460 --> 00:17:31,560 >> PENONTON: Ia akan menunjukkan berapa besar dan berani huruf adalah. 379 00:17:31,560 --> 00:17:32,650 >> JASON Hirschhorn: Betul, ia bermaksud header. 380 00:17:32,650 --> 00:17:34,960 Dan sebagainya header1 adalah header besar. 381 00:17:34,960 --> 00:17:40,840 Ia akan mungkin, secara lalai, berani, yang saiz font besar, mungkin tertumpu kepada 382 00:17:40,840 --> 00:17:44,030 skrin, semua jalan ke H6, yang merupakan saiz font yang lebih kecil, kurang 383 00:17:44,030 --> 00:17:44,780 penekanan. 384 00:17:44,780 --> 00:17:50,290 Sudah tentu, anda boleh, anda fail CSS atau di suatu tempat di kod anda - yang, 385 00:17:50,290 --> 00:17:53,830 sekali lagi, kita akan dapat bahawa dalam kedua - mengubah apa kelakuan lalai 386 00:17:53,830 --> 00:17:55,780 daripada tag h1 adalah. 387 00:17:55,780 --> 00:18:01,040 >> Tetapi perlu diingat bahawa Chrome, Safari, Firefox, Internet Explorer semua mempunyai 388 00:18:01,040 --> 00:18:04,030 lalai mencari banyak tag standard. 389 00:18:04,030 --> 00:18:07,110 Anda boleh, sekali lagi, sentiasa menukar apa yang mereka kelihatan seperti. 390 00:18:07,110 --> 00:18:09,955 Mana-mana tag lain yang semua orang telah melihat? 391 00:18:09,955 --> 00:18:10,350 Ya - 392 00:18:10,350 --> 00:18:11,530 >> PENONTON: Sebuah laman web div. 393 00:18:11,530 --> 00:18:15,830 >> JASON Hirschhorn: A tag div - tag div tidak mempunyai format terbina dalam, bagi setiap 394 00:18:15,830 --> 00:18:21,850 se, yang digunakan untuk menghalang jenis kod. 395 00:18:21,850 --> 00:18:22,980 Mana-mana tag yang lain? 396 00:18:22,980 --> 00:18:23,390 Ya. 397 00:18:23,390 --> 00:18:24,333 >> PENONTON: li - 398 00:18:24,333 --> 00:18:24,850 >> JASON Hirschhorn: li - 399 00:18:24,850 --> 00:18:25,580 apa yang li bagi? 400 00:18:25,580 --> 00:18:26,210 >> PENONTON: Senarai. 401 00:18:26,210 --> 00:18:26,930 >> PENONTON: Senarai 402 00:18:26,930 --> 00:18:29,510 >> JASON Hirschhorn: li adalah untuk unsur-unsur senarai. 403 00:18:29,510 --> 00:18:30,720 Terdapat dua jenis senarai. 404 00:18:30,720 --> 00:18:31,970 Apakah dua jenis? 405 00:18:31,970 --> 00:18:34,165 406 00:18:34,165 --> 00:18:35,806 >> PENONTON: bertertib dan tidak tertib. 407 00:18:35,806 --> 00:18:37,780 >> JASON Hirschhorn: bertertib dan tidak tertib - berdiri jadi ul 408 00:18:37,780 --> 00:18:38,560 untuk senarai yang tidak tertib. 409 00:18:38,560 --> 00:18:41,120 Itulah jika anda mahu peluru titik, senarai peluru. 410 00:18:41,120 --> 00:18:43,180 Senarai tertib adalah senarai bernombor. 411 00:18:43,180 --> 00:18:47,930 Dan supaya anda akan melakukan sesuatu ul tag terbuka dan kemudian tan elemen senarai dan kemudian 412 00:18:47,930 --> 00:18:50,450 menutup tag ul itu. dan kehendak yang membuat senarai tidak tertib. 413 00:18:50,450 --> 00:18:52,380 >> Kita akan melihat beberapa contoh-contoh HTML dalam sedikit. 414 00:18:52,380 --> 00:18:55,800 Tetapi sebelum itu, saya mahu ke CSS. 415 00:18:55,800 --> 00:18:58,530 Dan CSS bermaksud Cascading Style Sheets. 416 00:18:58,530 --> 00:19:03,010 Dan ini adalah sangat berkait rapat untuk HTML tetapi sedikit berbeza. 417 00:19:03,010 --> 00:19:06,920 Ini membantu anda memformat semua kandungan bahawa struktur HTML. 418 00:19:06,920 --> 00:19:14,940 >> Jadi dalam CSS, kita secara amnya tidak mahu gaya setiap header tunggal atau setiap 419 00:19:14,940 --> 00:19:17,250 imej tunggal atau setiap perenggan tunggal. 420 00:19:17,250 --> 00:19:21,210 Kami mahu gaya beberapa elemen atau mungkin unsur tertentu. 421 00:19:21,210 --> 00:19:25,250 Dan cara kita gaya tertentu yang elemen adalah untuk memberikan ID. 422 00:19:25,250 --> 00:19:26,070 >> Jadi ini adalah sesuatu sifat. 423 00:19:26,070 --> 00:19:27,960 Ia mempunyai utama dan nilai. 424 00:19:27,960 --> 00:19:29,130 ID adalah kunci. 425 00:19:29,130 --> 00:19:30,220 Logo adalah nilai. 426 00:19:30,220 --> 00:19:32,410 Saya mengambil logo secara rawak. 427 00:19:32,410 --> 00:19:36,780 Dan jika anda memberikan sesuatu ID, secara amnya, yang hanya boleh diberikan 428 00:19:36,780 --> 00:19:38,800 kepada satu unsur. 429 00:19:38,800 --> 00:19:42,340 >> Dan kemudian, dalam lembaran gaya anda, anda boleh gaya elemen tertentu, bagaimanapun 430 00:19:42,340 --> 00:19:44,090 anda mahu ia melihat. 431 00:19:44,090 --> 00:19:49,560 Jika anda ingin untuk gaya beberapa unsur-unsur, mungkin ia kelas tertentu 432 00:19:49,560 --> 00:19:51,310 header, hanya beberapa tajuk anda. 433 00:19:51,310 --> 00:19:56,780 Mungkin ia adalah header dan imej serta perenggan anda semua mahu tertumpu. 434 00:19:56,780 --> 00:20:00,700 Kemudian anda boleh memberikan kumpulan-kumpulan unsur-unsur semua kelas. 435 00:20:00,700 --> 00:20:04,300 Dan anda boleh memberi kelas gaya tertentu. 436 00:20:04,300 --> 00:20:08,860 Jadi ID dan kelas dua cara untuk memecahkan kod anda, jadi anda boleh membantu menjadi 437 00:20:08,860 --> 00:20:11,990 yang lebih khusus dalam apa yang anda gaya. 438 00:20:11,990 --> 00:20:13,830 >> Ada tiga cara untuk gaya. 439 00:20:13,830 --> 00:20:17,530 Yang pertama adalah, dengan ini sifat gaya. 440 00:20:17,530 --> 00:20:21,200 Jadi anda lihat, kunci gaya adalah gaya. 441 00:20:21,200 --> 00:20:24,370 Nilai gaya sebenarnya lagi senarai nilai utama. 442 00:20:24,370 --> 00:20:26,570 >> Dalam kes ini, saya mengambil satu kunci, text-align. 443 00:20:26,570 --> 00:20:27,730 Dan saya berkata, pusat. 444 00:20:27,730 --> 00:20:30,280 Anda mungkin bertanya diri anda pada ini mata, bagaimana saya tahu mengenai 445 00:20:30,280 --> 00:20:31,230 text-align. 446 00:20:31,230 --> 00:20:32,280 Apakah yang juga lakukan? 447 00:20:32,280 --> 00:20:35,350 Itu merupakan soalan yang baik untuk bertanya, dan kita akan sampai ke sana dalam satu saat. 448 00:20:35,350 --> 00:20:39,740 Jadi, itu salah satu cara untuk gaya sesuatu, hanya memberikan sifat gaya. 449 00:20:39,740 --> 00:20:43,490 >> Satu lagi cara untuk gaya sesuatu yang - ini adalah Akshar dinyatakan sebelum ini. 450 00:20:43,490 --> 00:20:49,660 Anda boleh menggunakan tag gaya dan meletakkan bahawa di kepala dokumen HTML anda. 451 00:20:49,660 --> 00:20:52,220 Jadi anda pada dasarnya mengatakan, kandungan di dalam sini 452 00:20:52,220 --> 00:20:53,870 adalah beberapa kandungan gaya. 453 00:20:53,870 --> 00:20:59,520 Dan format untuk itu adalah perkara yang anda mahu gaya dan kemudian, di dalam 454 00:20:59,520 --> 00:21:03,460 pendakap kerinting, pasangan nilai utama ciri-ciri yang anda mahu berikan kepada 455 00:21:03,460 --> 00:21:05,920 jenis yang tertentu unsur. 456 00:21:05,920 --> 00:21:07,370 >> Akhir sekali, dan ini adalah Cara yang paling biasa. 457 00:21:07,370 --> 00:21:10,320 Dan ini adalah cara kita melakukannya dalam p set 7. 458 00:21:10,320 --> 00:21:12,370 Ia merupakan satu lembaran gaya luaran. 459 00:21:12,370 --> 00:21:14,370 Jadi anda mempunyai fail. Css. 460 00:21:14,370 --> 00:21:18,050 Dan di dalamnya, anda melihat banyak perkara-perkara yang kelihatan seperti ini, nama 461 00:21:18,050 --> 00:21:22,730 daripada beberapa jenis unsur atau ID atau kelas dan kemudian, di dalam kerinting 462 00:21:22,730 --> 00:21:28,040 pendakap, senarai nilai pasangan utama. 463 00:21:28,040 --> 00:21:30,065 >> Sudah tentu, jika anda membuat luar fail, anda akan 464 00:21:30,065 --> 00:21:31,310 perlu memasukkannya - 465 00:21:31,310 --> 00:21:34,860 tajam termasuk, yang akan menjadi analogi C - 466 00:21:34,860 --> 00:21:36,250 dalam fail HTML anda. 467 00:21:36,250 --> 00:21:39,820 Jadi, anda perlu untuk memasukkan ini kod dalam fail HTML anda. 468 00:21:39,820 --> 00:21:46,080 Ini kerana nama fail dan menganggap ia dalam direktori yang sama. 469 00:21:46,080 --> 00:21:47,100 >> OK. 470 00:21:47,100 --> 00:21:48,200 Itu adalah banyak. 471 00:21:48,200 --> 00:21:52,440 Dan kami kini akan bernafas dan melihat beberapa sebenar, laman web secara langsung dan 472 00:21:52,440 --> 00:21:53,720 meneroka lebih. 473 00:21:53,720 --> 00:21:55,470 Tetapi sebelum kita melakukannya, adakah sesiapa mempunyai apa-apa soalan? 474 00:21:55,470 --> 00:22:00,830 475 00:22:00,830 --> 00:22:04,970 >> Jadi, jika anda mahu melakukan ini bersama-sama dengan saya, kita boleh pergi ke perkakas. 476 00:22:04,970 --> 00:22:08,950 Dan saya memilih halaman rumah CS50. 477 00:22:08,950 --> 00:22:10,020 Anda boleh melakukan ini dengan mana-mana laman web. 478 00:22:10,020 --> 00:22:13,070 Tetapi mengapa tidak kita mula dengan Laman CS50 ini? 479 00:22:13,070 --> 00:22:14,650 >> Mari kita menyegarkan. 480 00:22:14,650 --> 00:22:18,030 Saya sebenarnya amat menyarankan anda melakukan ini bersama-sama dengan saya, kerana apa yang kita 481 00:22:18,030 --> 00:22:22,720 akan lakukan sekarang akan menjadi amat berguna untuk anda, bukan sahaja di 482 00:22:22,720 --> 00:22:24,450 P-Set 7, tetapi dalam P-Set 8 juga. 483 00:22:24,450 --> 00:22:24,810 Yeah. 484 00:22:24,810 --> 00:22:29,560 >> PENONTON: Adakah terdapat cara untuk melakukan comments dalam HTML, tanpa menggunakan PHP? 485 00:22:29,560 --> 00:22:31,130 >> JASON Hirschhorn: Ya, anda boleh membuat komen dalam HTML. 486 00:22:31,130 --> 00:22:32,690 >> PENONTON: Apakah sintaks? 487 00:22:32,690 --> 00:22:34,340 >> PENONTON: Tanda seru sengkang sengkang. 488 00:22:34,340 --> 00:22:36,125 >> PENONTON: OK. 489 00:22:36,125 --> 00:22:37,100 >> JASON Hirschhorn: Ya. 490 00:22:37,100 --> 00:22:38,350 Itulah sintaks. 491 00:22:38,350 --> 00:22:40,630 492 00:22:40,630 --> 00:22:41,900 Anda boleh membuat komen dalam HTML. 493 00:22:41,900 --> 00:22:43,310 Anda boleh membuat komen dalam PHP. 494 00:22:43,310 --> 00:22:46,590 >> Seperti yang anda akan lihat, mengulas dalam HTML akan masih muncul, apabila kita melihat 495 00:22:46,590 --> 00:22:49,960 HTML kod sumber laman tertentu. 496 00:22:49,960 --> 00:22:51,610 Jadi cs50.net ini. 497 00:22:51,610 --> 00:22:57,360 Jika anda klik kanan dalam kebanyakan moden pelayar pada kebanyakan halaman apa-apa, anda melihat 498 00:22:57,360 --> 00:22:58,820 sumber halaman. 499 00:22:58,820 --> 00:23:01,480 Jadi mari kita buat bahawa pada CS50. 500 00:23:01,480 --> 00:23:05,060 >> Dan sesungguhnya dan tiba-tiba, kita melihat satu perkara yang gergasi. 501 00:23:05,060 --> 00:23:07,420 CS50 sebenarnya kelihatan cukup bagus. 502 00:23:07,420 --> 00:23:08,920 Banyak laman web tidak akan kelihatan bagus ini. 503 00:23:08,920 --> 00:23:10,540 Jika anda pergi ke laman utama Google dan buka. 504 00:23:10,540 --> 00:23:11,960 Ia tidak akan kelihatan bagus ini. 505 00:23:11,960 --> 00:23:13,830 >> Tetapi anda dapati, di bahagian atas - 506 00:23:13,830 --> 00:23:16,650 ini adalah jenis kecil. 507 00:23:16,650 --> 00:23:17,900 Mari kita membuat ini lebih besar. 508 00:23:17,900 --> 00:23:22,660 509 00:23:22,660 --> 00:23:23,570 OK. 510 00:23:23,570 --> 00:23:26,660 Di bahagian atas, DOCTYPE HTML, itulah biasa. 511 00:23:26,660 --> 00:23:30,650 Kemudian kita lihat HTML tag terbuka dan kepala, di sini, semua 512 00:23:30,650 --> 00:23:34,350 daripada tag meta. 513 00:23:34,350 --> 00:23:38,000 Dan anda boleh melihat og ini, tidak akan pergi ke dalam itu sekarang. 514 00:23:38,000 --> 00:23:42,110 Tetapi saya hampir positif pada itu pasti ia Facebook. 515 00:23:42,110 --> 00:23:42,900 >> Itulah sebenarnya yang Facebook. 516 00:23:42,900 --> 00:23:44,870 Saya berfikir bahawa bermaksud graf terbuka. 517 00:23:44,870 --> 00:23:48,930 Jadi ingat, saya menyebut terdapat Faceboook khusus metadata anda boleh 518 00:23:48,930 --> 00:23:49,800 memberi halaman. 519 00:23:49,800 --> 00:23:51,150 Itulah apa yang betul di sini. 520 00:23:51,150 --> 00:23:54,580 >> Oleh itu, apabila anda link halaman ini di Facebook, imej ia akan menunjukkan 521 00:23:54,580 --> 00:23:56,630 adalah imej ini di sini. 522 00:23:56,630 --> 00:23:58,310 Dan anda benar-benar melihat bahawa itu Facebook, kerana ia 523 00:23:58,310 --> 00:23:59,470 imej Facebook. 524 00:23:59,470 --> 00:24:00,880 >> Tetapi bagaimanapun, kami mendapat diketepikan. 525 00:24:00,880 --> 00:24:03,220 Oleh itu, kita mempunyai beberapa tag metadata sini. 526 00:24:03,220 --> 00:24:05,570 Kita lihat tajuk CS50 itu. 527 00:24:05,570 --> 00:24:09,830 Dan sekali lagi, tajuk adalah apa yang berlaku di sini di tekan pelayar. 528 00:24:09,830 --> 00:24:14,770 Kami melihat ini menghubungkan dalam, di sini, fail JavaScript luar. 529 00:24:14,770 --> 00:24:17,640 >> Kami tidak bercakap tentang JavaScript banyak, tetapi minggu depan - dan sudah tentu jika 530 00:24:17,640 --> 00:24:20,350 yang anda lakukan satu set masalah berasaskan web, anda akan menggunakan JavaScript. 531 00:24:20,350 --> 00:24:23,540 Ini adalah bagaimana anda link di luar JavaScript fail. 532 00:24:23,540 --> 00:24:31,970 Kita lihat di sini, akhirnya, CSS lembaran gaya, yang mendokumenkan ini 533 00:24:31,970 --> 00:24:32,830 gaya kod ini. 534 00:24:32,830 --> 00:24:37,190 >> Mari sebenarnya up dan melihat yang benar-benar cepat. 535 00:24:37,190 --> 00:24:38,440 Ini kelihatan gila. 536 00:24:38,440 --> 00:24:40,840 537 00:24:40,840 --> 00:24:42,790 Tiada cara yang saya akan dapat membaca. 538 00:24:42,790 --> 00:24:46,930 Jadi, anda boleh sebenarnya walaupun, jika anda mengambil melihat, anda jenis boleh melihat bahawa 539 00:24:46,930 --> 00:24:48,650 ada - 540 00:24:48,650 --> 00:24:49,790 ada kita pergi. 541 00:24:49,790 --> 00:24:53,440 >> Yang kelihatan seperti sesuatu yang kita telah melihat sebelum ini, warna latar belakang, menetapkan ia 542 00:24:53,440 --> 00:24:55,550 sama dengan beberapa nilai merah-hijau-biru. 543 00:24:55,550 --> 00:24:59,070 Barangan ini semacam tidak kelihatan seolah-olah asing, walaupun, apabila dikemukakan 544 00:24:59,070 --> 00:25:00,850 seperti ini, ia boleh menjadi agak keterlaluan. 545 00:25:00,850 --> 00:25:03,340 Kita tidak akan melihat fail CSS ini atau menghabiskan banyak masa di atasnya, kerana 546 00:25:03,340 --> 00:25:06,030 ia adalah, sekali lagi, agak sukar untuk dibaca. 547 00:25:06,030 --> 00:25:09,090 >> Mari kita kembali kepada ini Halaman HTML untuk CS50. 548 00:25:09,090 --> 00:25:10,930 Dan mari kita tatal ke bawah ke badan. 549 00:25:10,930 --> 00:25:14,730 Dan di dalam kita lihat tag div ini. 550 00:25:14,730 --> 00:25:18,370 Kami pengatas yang betul di sini. 551 00:25:18,370 --> 00:25:21,060 Kita lihat tag anchor. 552 00:25:21,060 --> 00:25:26,050 >> Dan elemen senarai ini adalah diberikan kelas tertentu. 553 00:25:26,050 --> 00:25:28,370 Dan kita melihat kelas yang berulang berulang-ulang kali. 554 00:25:28,370 --> 00:25:29,730 Ada anda Curtis. 555 00:25:29,730 --> 00:25:32,730 Terdapat komen dalam HTML5. 556 00:25:32,730 --> 00:25:36,280 >> Dan seperti yang anda notis, kita masih boleh melihat , tetapi ia tidak muncul. 557 00:25:36,280 --> 00:25:37,960 Ini sebenarnya benar-benar menarik. 558 00:25:37,960 --> 00:25:40,760 Ia kelihatan seperti senarai skor ini elemen komentar. 559 00:25:40,760 --> 00:25:45,110 Jika kita pergi ke halaman ini, sekali lagi, ia masih muncul di sana, begitu menarik. 560 00:25:45,110 --> 00:25:47,830 >> Oh, itu sebabnya, kerana garis ini akan datang. 561 00:25:47,830 --> 00:25:50,680 562 00:25:50,680 --> 00:25:52,735 Apa lagi yang kita lihat kepentingan? 563 00:25:52,735 --> 00:25:56,640 564 00:25:56,640 --> 00:26:00,180 Selebihnya ini adalah lebih mengelirukan, dalam berurusan dengan separuh ini hak 565 00:26:00,180 --> 00:26:03,280 laman web, yang merupakan sedikit sedikit lebih kompleks. 566 00:26:03,280 --> 00:26:08,890 >> Jadi ini adalah apa yang HTML akan kelihatan seperti. 567 00:26:08,890 --> 00:26:10,990 Bagi saya walaupun, ini adalah sedikit menggalakkan, dan ini tidak 568 00:26:10,990 --> 00:26:12,350 membantu saya yang banyak. 569 00:26:12,350 --> 00:26:16,560 Walau bagaimanapun, ada sesuatu yang tidak, sebenarnya, membantu saya banyak. 570 00:26:16,560 --> 00:26:20,490 >> Dan itulah yang saya gunakan apabila saya cuba untuk memikirkan bagaimana sesuatu 571 00:26:20,490 --> 00:26:24,270 kelihatan cara yang ia, atau bagaimana boleh Saya membuat perubahan kepada laman web saya. 572 00:26:24,270 --> 00:26:29,280 Dan itu adalah alat pemaju yang dibina ke dalam Chrome. 573 00:26:29,280 --> 00:26:33,960 Jadi, jika anda pergi ke ini tiga bar betul di sini dan turun ke alat klik pada 574 00:26:33,960 --> 00:26:40,120 Alat Pembangun, tetingkap kecil akan muncul di bahagian bawah halaman. 575 00:26:40,120 --> 00:26:46,910 Dan khususnya, Chrome, kerana ia adalah indah, akan memformat tetingkap ini dan 576 00:26:46,910 --> 00:26:49,580 mengambil HTML dan membuat ia kelihatan banyak lebih bagus untuk anda. 577 00:26:49,580 --> 00:26:54,860 Jadi sekarang ia sebenarnya beberapa lipat HTML yang anda boleh meneroka untuk memeriksa 578 00:26:54,860 --> 00:26:56,620 elemen halaman. 579 00:26:56,620 --> 00:26:59,400 >> Jika kita mahu melihat badan, ia sebenarnya menonjolkan. 580 00:26:59,400 --> 00:27:03,240 Apabila anda tatal ke atas sebahagian daripada HTML, turun dalam tetingkap ini, ia akan 581 00:27:03,240 --> 00:27:06,530 menyerlahkan bahagian yang ia bercakap kira-kira dalam tetingkap besar. 582 00:27:06,530 --> 00:27:10,800 Jadi biarlah saya sekali lagi mencuba dan meletupkan ini sedikit. 583 00:27:10,800 --> 00:27:12,170 OK. 584 00:27:12,170 --> 00:27:13,550 >> Jadi mari kita membuka badan. 585 00:27:13,550 --> 00:27:17,280 Dan saya menatal lebih div kiri ini. 586 00:27:17,280 --> 00:27:21,420 Dan anda dapati ia menonjolkan separuh ini sebelah kiri skrin. 587 00:27:21,420 --> 00:27:25,710 Jadi mari kita klik pada itu dan mengembangkan itu. 588 00:27:25,710 --> 00:27:27,280 >> Di dalam itu, ia kelihatan seperti terdapat dua divs. 589 00:27:27,280 --> 00:27:29,790 Ada div pertama ini. 590 00:27:29,790 --> 00:27:30,760 Saya tidak melihat bahawa diserlahkan. 591 00:27:30,760 --> 00:27:35,900 Saya tidak tahu, tetapi ia kelihatan seperti ini kedua, kiri dalaman, adalah kandungan 592 00:27:35,900 --> 00:27:37,700 pada sebelah kiri skrin. 593 00:27:37,700 --> 00:27:39,360 >> Kemudian ada perkara ini dipanggil header. 594 00:27:39,360 --> 00:27:41,890 Ia kelihatan seperti yang yang menonjolkan bahagian CS50. 595 00:27:41,890 --> 00:27:46,600 Jika kita membuka bahawa sehingga, kita lihat bahawa ia tidak lebih daripada header 1. 596 00:27:46,600 --> 00:27:51,140 Ia diberikan ID, dan ia diberikan cs50 teks. 597 00:27:51,140 --> 00:27:57,240 >> Jadi sekali lagi, melihat melalui ini konsol atau menggunakan alat-alat pemaju 598 00:27:57,240 --> 00:28:00,710 anak tetingkap di bahagian bawah yang membuat skrin meneroka laman web ini, mudah-mudahan, satu 599 00:28:00,710 --> 00:28:02,990 banyak tidak menakutkan dan banyak lebih mudah. 600 00:28:02,990 --> 00:28:06,360 Ia juga membolehkan kita memahami bahawa laman web ini, walaupun ia kelihatan sangat 601 00:28:06,360 --> 00:28:09,210 cantik dan bagus, tidak semua yang banyak lebih daripada apa yang anda akan menjadi 602 00:28:09,210 --> 00:28:10,430 lakukan pada Set Masalah 7. 603 00:28:10,430 --> 00:28:13,080 Dan ini adalah benar-benar dalam keupayaan anda untuk mencipta. 604 00:28:13,080 --> 00:28:14,110 >> Jika kita mahu - 605 00:28:14,110 --> 00:28:18,270 perkara yang lain sejuk kira-kira menggunakan alat adalah, jika anda klik kanan pada 606 00:28:18,270 --> 00:28:22,270 tajuk, anda boleh mengedit HTML. 607 00:28:22,270 --> 00:28:25,660 Jadi mari kita memanggilnya Jason. 608 00:28:25,660 --> 00:28:28,990 Dan sekarang anda akan melihat saya telah berubah HTML di halaman ini. 609 00:28:28,990 --> 00:28:31,020 >> Sudah tentu, saya tidak berubah ia selama-lamanya. 610 00:28:31,020 --> 00:28:34,570 Jika saya muat semula penyemak imbas saya, maka ia akan kembali ke HTML asal. 611 00:28:34,570 --> 00:28:38,860 Tetapi kadang-kadang saya mahu debug kod saya, dan saya tidak mahu melihat hanya perlu saya 612 00:28:38,860 --> 00:28:41,370 tetingkap gedit dan cuba dan memahami apa yang berlaku. 613 00:28:41,370 --> 00:28:42,705 >> Saya mahu melihat apa yang akan berlaku secara langsung. 614 00:28:42,705 --> 00:28:45,880 Jadi saya akan mengedit kod seperti ini dan mendapatkan dengan cara yang saya mahu ia melihat. 615 00:28:45,880 --> 00:28:47,960 Dan kemudian saya akan membuat perubahan dalam kod saya. 616 00:28:47,960 --> 00:28:50,010 >> Dan saya mendapati bahawa itu lebih mudah apabila anda boleh melakukan perkara-perkara 617 00:28:50,010 --> 00:28:52,400 merta, seperti itu. 618 00:28:52,400 --> 00:28:58,410 Katakanlah, sekali lagi, kita mahu untuk membuat satu lagi kebetulan, kerana kita meneroka dengan 619 00:28:58,410 --> 00:29:00,340 HTML dan CSS sekarang. 620 00:29:00,340 --> 00:29:02,600 Saya mengedit HTML sekarang. 621 00:29:02,600 --> 00:29:06,680 Dan saya akan termasuk pautan. 622 00:29:06,680 --> 00:29:10,650 >> Jadi saya akan menukar rumah CS50 ini halaman, jadi ia akan mengandungi pautan ke - 623 00:29:10,650 --> 00:29:12,060 katakan - halaman rumah saya. 624 00:29:12,060 --> 00:29:16,700 Apakah nama yang, jika sesiapa mengimbas kembali, atau apa sifat yang saya ingin memberikan 625 00:29:16,700 --> 00:29:18,850 kepada tekan sauh apabila saya ingin ia untuk menghubungkan tempat lain? 626 00:29:18,850 --> 00:29:19,562 >> PENONTON: href? 627 00:29:19,562 --> 00:29:20,812 >> JASON Hirschhorn: href - 628 00:29:20,812 --> 00:29:32,520 629 00:29:32,520 --> 00:29:35,750 Jadi sekarang, anda akan melihat bahawa terdapat adalah menggariskan di bawah Jason. 630 00:29:35,750 --> 00:29:40,170 Ini kerana Chrome, secara lalai, memberikan sauh menggariskan satu. 631 00:29:40,170 --> 00:29:41,990 Anda mungkin melihat bahawa sebelum apabila anda pergi ke laman web. 632 00:29:41,990 --> 00:29:44,200 Perkara-perkara yang pautan yang digariskan dan biru. 633 00:29:44,200 --> 00:29:47,300 Gaya lalai untuk pautan adalah untuk secara amnya garis bawah 634 00:29:47,300 --> 00:29:48,830 dan memasukkannya ke dalam biru. 635 00:29:48,830 --> 00:29:50,050 >> Jika saya tidak suka itu, Saya boleh mengubah itu. 636 00:29:50,050 --> 00:29:51,220 Dan kami akan mengubahnya dalam satu saat. 637 00:29:51,220 --> 00:29:54,660 Tetapi sekarang, juga melihat bahawa, jika saya berlegar dengan langkah ini, di bahagian bawah kiri yang 638 00:29:54,660 --> 00:29:58,580 skrin, tepat di atas unsur-unsur perkataan adalah pautan yang saya berikan. 639 00:29:58,580 --> 00:30:03,080 >> Jadi jika saya klik pada ini - dan kita boleh klik kanan pada ini, buka tab baru. 640 00:30:03,080 --> 00:30:04,520 Ini sebenarnya bukanlah laman utama saya. 641 00:30:04,520 --> 00:30:06,700 Ia hanya nama saya. 642 00:30:06,700 --> 00:30:07,210 Terdapat anda pergi. 643 00:30:07,210 --> 00:30:10,440 Kami kini telah mengubahnya menjadi pautan. 644 00:30:10,440 --> 00:30:13,220 >> Mari kita meneroka beberapa CSS juga. 645 00:30:13,220 --> 00:30:15,680 Perkara yang indah - dan saya akan membuat ini sedikit lebih kecil - kira-kira 646 00:30:15,680 --> 00:30:19,480 konsol ini adalah, bahawa kunci CSS gila kita lihat sebelum ini, yang benar-benar 647 00:30:19,480 --> 00:30:24,130 sukar untuk menghurai, kini dengan indah disusun untuk kami di sebelah kiri 648 00:30:24,130 --> 00:30:25,270 anak tetingkap ini. 649 00:30:25,270 --> 00:30:27,230 Oleh itu, kita boleh melihat. 650 00:30:27,230 --> 00:30:33,690 Dan jika kita mengembangkan tekan gaya ini, kami boleh melihat semua gaya yang berbeza 651 00:30:33,690 --> 00:30:37,940 yang berkaitan dengan, dalam kes ini, unsur ini khususnya, ini 652 00:30:37,940 --> 00:30:39,700 unsur link. 653 00:30:39,700 --> 00:30:44,240 >> Jika kita melakukan tekan gaya majmuk, yang hanya menunjukkan kepada kita, tidak di mana segala-galanya 654 00:30:44,240 --> 00:30:47,450 berasal, tetapi pada dasarnya semua ini gaya yang beroperasi di 655 00:30:47,450 --> 00:30:51,220 elemen ini sekarang. 656 00:30:51,220 --> 00:30:55,050 Dan katakan, kita mahu mengubahnya sedikit. 657 00:30:55,050 --> 00:30:58,870 658 00:30:58,870 --> 00:31:02,740 Jadi ini adalah semua gaya yang beroperasi pada unsur khusus ini. 659 00:31:02,740 --> 00:31:04,800 Katakanlah kita ingin mengubahnya, kerana kita mahu melihat bagaimana sesuatu kelihatan. 660 00:31:04,800 --> 00:31:06,050 Dan kita hanya bermain sekitar sekarang. 661 00:31:06,050 --> 00:31:08,720 Atau kita mahu menguji sesuatu daripada, sebelum menulisnya dalam kod dan menolak 662 00:31:08,720 --> 00:31:10,150 ia dan membuat ia hidup. 663 00:31:10,150 --> 00:31:11,780 >> Kita boleh pergi ke tab gaya. 664 00:31:11,780 --> 00:31:14,270 Dan dalam kotak pertama ia berkata, element.style. 665 00:31:14,270 --> 00:31:17,020 Dan di sini, anda boleh memasukkan, anda boleh menambah sesuatu. 666 00:31:17,020 --> 00:31:18,550 >> Jadi saya mahu - 667 00:31:18,550 --> 00:31:22,360 mari kita pergi ke link saya dan set warna latar belakang. 668 00:31:22,360 --> 00:31:25,830 Dan ia sebenarnya autofills untuk anda, semua sifat-sifat mungkin. 669 00:31:25,830 --> 00:31:29,360 Warna latar belakang, dan saya mahu untuk membuat biru itu. 670 00:31:29,360 --> 00:31:31,520 Talkum bukan perkataan. 671 00:31:31,520 --> 00:31:32,400 Biru adalah perkataan. 672 00:31:32,400 --> 00:31:34,490 >> Adakah saya melihatnya naik? 673 00:31:34,490 --> 00:31:35,800 Oh, ialah kerana ia dalam href ini? 674 00:31:35,800 --> 00:31:36,550 OK. 675 00:31:36,550 --> 00:31:40,220 Jadi saya tidak nampak apa-apa perubahan di sini. 676 00:31:40,220 --> 00:31:45,100 Dan itu kerana, jika kita menonjolkan link, anda akan melihat bahawa pautan 677 00:31:45,100 --> 00:31:48,430 sebenarnya tidak mengawal sifat unsur khusus ini. 678 00:31:48,430 --> 00:31:52,430 Ini sebenarnya, jika kita membuka pautan, header ini di sini itulah 679 00:31:52,430 --> 00:31:53,590 mengawal apa yang kelihatan seperti. 680 00:31:53,590 --> 00:31:56,380 >> Jadi jika saya ingin latar belakang biru, saya sebenarnya perlu mengubah 681 00:31:56,380 --> 00:31:59,640 warna latar belakang yang elemen header. 682 00:31:59,640 --> 00:32:02,700 Dan kini kita melihat bahawa latar belakang biru. 683 00:32:02,700 --> 00:32:06,770 >> Jadi sekali lagi, ini dengan cepat mungkin akan melalui bahan ini cukup cepat. 684 00:32:06,770 --> 00:32:08,580 Tetapi ini adalah pada dasarnya apa yang anda akan lakukan. 685 00:32:08,580 --> 00:32:10,860 Ia bukan pada Set Masalah 7, tetapi pastinya apabila anda 686 00:32:10,860 --> 00:32:12,080 pengekodan di web. 687 00:32:12,080 --> 00:32:12,360 >> OK. 688 00:32:12,360 --> 00:32:13,780 Saya ingin biru latar belakang. 689 00:32:13,780 --> 00:32:16,180 Walaupun, dalam kes ini, biru kelihatan agak hodoh. 690 00:32:16,180 --> 00:32:17,740 Saya boleh pergi di sini, bermain-main. 691 00:32:17,740 --> 00:32:20,515 Saya melihat bahawa menukar kepada biru tidak berfungsi pada itu. 692 00:32:20,515 --> 00:32:26,710 Saya mempunyai untuk benar-benar menukar header unsur untuk memasukkan biru 693 00:32:26,710 --> 00:32:28,200 latar belakang. 694 00:32:28,200 --> 00:32:34,450 >> Dan kemudian, jika kemudian saya kembali ke CSS saya fail, bagaimana saya sebenarnya menetapkan ini 695 00:32:34,450 --> 00:32:37,520 latar belakang menjadi biru dan membuat perubahan kayu ini? 696 00:32:37,520 --> 00:32:44,840 Kerana jika kita lihat jika saya memuat semula halaman, semua perubahan yang saya buat yang hilang. 697 00:32:44,840 --> 00:32:47,220 Jadi saya sedar, OK, saya latar belakang biru. 698 00:32:47,220 --> 00:32:51,260 >> Saya perlu pergi ke unsur header1 dan menukar warna latar belakang kepada biru. 699 00:32:51,260 --> 00:32:52,710 Bagaimana saya benar-benar membuat perubahan itu? 700 00:32:52,710 --> 00:32:57,040 Nah, ingat bahawa, jika kita masuk ke dalam dari sini, header ini, 701 00:32:57,040 --> 00:32:59,280 tajuk mempunyai ID. 702 00:32:59,280 --> 00:33:00,890 Dan itulah tajuk. 703 00:33:00,890 --> 00:33:09,010 >> Dan sebagainya dalam fail CSS, kita boleh berkata, OK, mengambil apa-apa dengan ID hakmilik dan 704 00:33:09,010 --> 00:33:11,330 memberikan harta tambahan ini. 705 00:33:11,330 --> 00:33:18,010 Bagaimana kita merujuk sesuatu dengan ID hakmilik, mana-mana idea-idea, atau sesiapa 706 00:33:18,010 --> 00:33:24,406 tahu bagaimana kita rujukan ID dalam fail CSS kita? 707 00:33:24,406 --> 00:33:26,290 >> Hash A, itulah betul. 708 00:33:26,290 --> 00:33:28,710 Dan anda mendapat tanda-tanda bahawa yang betul di sini. 709 00:33:28,710 --> 00:33:32,810 Jadi tempat dalam fail CSS ini, ada baris ini kod - 710 00:33:32,810 --> 00:33:34,150 # # Meninggalkan kiri dalaman # header # tajuk. 711 00:33:34,150 --> 00:33:36,810 712 00:33:36,810 --> 00:33:40,590 Dan ia memberikan margin bawah, menentukan bawah margin ini 713 00:33:40,590 --> 00:33:42,220 elemen tertentu. 714 00:33:42,220 --> 00:33:46,580 >> Nah, jika saya mahu mengubahnya, Saya akan pergi ke dalam fail CSS ini. 715 00:33:46,580 --> 00:33:49,510 Dan saya sama ada boleh mencari ini sebahagian daripada fail CSS. 716 00:33:49,510 --> 00:33:50,300 Atau saya boleh menulis saya sendiri. 717 00:33:50,300 --> 00:33:54,670 >> Saya boleh lakukan hash pendakap kerinting dan tajuk kemudian biru latar belakang warna kolon 718 00:33:54,670 --> 00:33:57,250 koma bertitik itu dan menutup pendakap kerinting. 719 00:33:57,250 --> 00:34:02,790 Dan yang akan menukar latar belakang warna unsur ini kepada biru. 720 00:34:02,790 --> 00:34:06,690 Sebab mereka memberi anda banyak di sini ialah itu, ia adalah perlu dalam kes ini, 721 00:34:06,690 --> 00:34:08,690 kerana tajuk adalah ID yang unik. 722 00:34:08,690 --> 00:34:11,190 >> Tetapi apa yang anda boleh lakukan ialah perkara sarang. 723 00:34:11,190 --> 00:34:14,760 Jadi ini mengatakan, OK, pergi ke kiri. 724 00:34:14,760 --> 00:34:15,350 Itulah yang sangat kecil. 725 00:34:15,350 --> 00:34:16,150 Saya memohon maaf untuk itu. 726 00:34:16,150 --> 00:34:17,750 >> Tetapi pergi ke perkara dengan ID kiri. 727 00:34:17,750 --> 00:34:20,420 Di dalam itu, mencari perkara dengan ID meninggalkan dalaman. 728 00:34:20,420 --> 00:34:22,630 Di dalam pandangan yang, mencari perkara dengan header ID. 729 00:34:22,630 --> 00:34:27,560 Di dalam itu, mencari perkara yang Tajuk ID dan menukar tajuk ID. 730 00:34:27,560 --> 00:34:29,120 Jadi ini adalah hanya cara yang perkara bersarang. 731 00:34:29,120 --> 00:34:32,719 Sesetengah orang seperti sarang, kerana ia membuatkan ia agak lebih jelas. 732 00:34:32,719 --> 00:34:37,980 >> Anda akan melihat ke bawah di sini juga, hak di sini, tidak ada hash. 733 00:34:37,980 --> 00:34:39,449 Ia hanya H1. 734 00:34:39,449 --> 00:34:44,060 Ini kerana h1 diberi menamakan sebuah tag generik. 735 00:34:44,060 --> 00:34:48,080 Dan terdapat beberapa ciri-ciri CSS yang berkaitan dengan setiap h1 tunggal. 736 00:34:48,080 --> 00:34:51,889 Jadi, jika saya mendapati h1 lain di halaman ini, Saya juga akan melihat bahawa gaya ini adalah 737 00:34:51,889 --> 00:34:54,280 digunakan padanya juga. 738 00:34:54,280 --> 00:34:59,290 >> Jika saya mahu memohon gaya untuk kelas, bagaimana saya rujukan kelas atau 739 00:34:59,290 --> 00:35:02,469 bercakap tentang kelas dalam fail CSS? 740 00:35:02,469 --> 00:35:03,315 >> PENONTON: Dot. 741 00:35:03,315 --> 00:35:05,340 >> JASON Hirschhorn: Ia dengan titik. 742 00:35:05,340 --> 00:35:08,630 Jadi mari kita kembali semula ke laman ini sebelum ini. 743 00:35:08,630 --> 00:35:11,160 Jika saya ID hash. 744 00:35:11,160 --> 00:35:14,760 Yang mengubah gaya benda itu dengan ID. 745 00:35:14,760 --> 00:35:21,390 Atau maaf, jika saya lakukan logo hash, itu mencari perkara dengan ID logo 746 00:35:21,390 --> 00:35:24,010 dan memberikan gaya CSS tertentu. 747 00:35:24,010 --> 00:35:28,280 >> Jika saya melakukan sesuatu. Atas, itu mencari segala-galanya dengan kelas atas dan 748 00:35:28,280 --> 00:35:30,190 mengubah gaya itu. 749 00:35:30,190 --> 00:35:35,950 Jika saya hanya H1, yang mendapati setiap h1 tunggal dan memberikan apa sahaja yang 750 00:35:35,950 --> 00:35:37,940 gaya saya mahu memberikannya. 751 00:35:37,940 --> 00:35:43,260 Jika saya ruang h1 dan kemudian. Atas. 752 00:35:43,260 --> 00:35:47,670 Yang akan pergi mencari semua h1s dan kemudian semua orang-orang dengan kelas atas dan 753 00:35:47,670 --> 00:35:51,690 kemudian hanya menukar mereka gaya untuk apa yang saya mahu memberikan. 754 00:35:51,690 --> 00:35:54,600 >> Dan sekali lagi, kita boleh telah menulis beberapa ini pada kita sendiri. 755 00:35:54,600 --> 00:35:55,790 Tetapi kita tidak akan mendapat yang jauh. 756 00:35:55,790 --> 00:35:59,180 Jauh lebih baik, ia kelihatan untuk benar-benar pergi di laman web hidup sebenar dan melihat bagaimana 757 00:35:59,180 --> 00:36:02,800 mereka melakukannya dan melihat semua daripada perkara hebat yang anda dapat lakukan. 758 00:36:02,800 --> 00:36:06,570 >> Mari kita lihat satu lagi laman web sebelum kita bergerak ke atas. 759 00:36:06,570 --> 00:36:10,150 Dan ini adalah salah satu yang anda akan mungkin menjadi biasa dengan. 760 00:36:10,150 --> 00:36:12,310 Ini adalah CS50 Kewangan. 761 00:36:12,310 --> 00:36:16,120 Jadi sekali lagi, anda sebenarnya boleh masuk dan memerhatikan fail CSS ini pada anda 762 00:36:16,120 --> 00:36:19,390 komputer, kerana anda memuat turun ini Fail CSS, jika anda memuat turun yang 763 00:36:19,390 --> 00:36:20,270 masalah ditetapkan. 764 00:36:20,270 --> 00:36:26,850 >> Kita boleh pergi ke Tools dan Developer Tools. 765 00:36:26,850 --> 00:36:30,280 Dan kita melihat susun atur HTML lebih mudah. 766 00:36:30,280 --> 00:36:32,020 Kami mempunyai, tengah, dan bawah. 767 00:36:32,020 --> 00:36:34,490 Dan sekali lagi, sesuatu yang anda perlu kenal, kerana anda telah melihat 768 00:36:34,490 --> 00:36:37,680 melalui kod pengedaran bagi masalah ini minggu ini ditetapkan. 769 00:36:37,680 --> 00:36:43,360 >> Di bahagian atas, per kod, imej yang dipanggil. 770 00:36:43,360 --> 00:36:47,170 Dan itu adalah sumber imej. 771 00:36:47,170 --> 00:36:52,170 Katakan saya telah selesai semua apa Saya mahu untuk Masalah Set 7. 772 00:36:52,170 --> 00:36:55,500 Dan ia berfungsi dengan betul, tetapi Saya ingin menukar rupanya. 773 00:36:55,500 --> 00:36:58,900 Dan saya mahu menukar latar belakang bahagian atas halaman untuk, 774 00:36:58,900 --> 00:37:01,000 sebagai contoh, biru. 775 00:37:01,000 --> 00:37:04,860 Jika ia adalah saya, saya akan datang dalam di sini dan memikirkan, OK apa 776 00:37:04,860 --> 00:37:05,890 yang saya mahu kepada perubahan. 777 00:37:05,890 --> 00:37:08,700 >> Mari kita lihat, div atas ID, yang kelihatan seperti bahagian atas halaman. 778 00:37:08,700 --> 00:37:09,910 Jadi mari kita pergi ke sana. 779 00:37:09,910 --> 00:37:13,940 Mari kita cuba mengubah warna latar belakang. 780 00:37:13,940 --> 00:37:16,360 Mari kita pergi melakukan Alice biru, kerana itulah salah satu yang lebih bagus. 781 00:37:16,360 --> 00:37:18,010 >> Dan anda akan melihat bahawa - 782 00:37:18,010 --> 00:37:19,190 anda mungkin tidak dapat melihat itu. 783 00:37:19,190 --> 00:37:23,430 Tetapi ada satu cahaya biru, bersama logo CS50 itu. 784 00:37:23,430 --> 00:37:25,810 Mari kita mengubahnya dan bukannya ke merah. 785 00:37:25,810 --> 00:37:28,790 Dan anda akan notis sekarang saya hanya berubah warna latar belakang ke merah. 786 00:37:28,790 --> 00:37:37,050 >> Jadi sekarang saya akan pergi ke dalam fail CSS saya dan menaip # paren kerinting atas di sini. 787 00:37:37,050 --> 00:37:42,170 Anda boleh lihat kanan kod di sini, menyokong kerinting. 788 00:37:42,170 --> 00:37:44,530 Dan kemudian, saya akan menambah latar belakang warna, merah. 789 00:37:44,530 --> 00:37:47,500 Dan kemudian, terdapat akan menjadi pendakap kerinting. 790 00:37:47,500 --> 00:37:52,230 Jadi itulah bagaimana saya akan meneroka dan percubaan dengan format pada CS50 791 00:37:52,230 --> 00:37:53,070 Tapak Kewangan. 792 00:37:53,070 --> 00:37:55,060 >> Saya boleh melakukannya di sini dan ujian ia keluar pada pelayar saya. 793 00:37:55,060 --> 00:37:58,130 Dan kemudian, saya boleh pergi ke dalam kod sebenar saya dan membuat perubahan yang akan 794 00:37:58,130 --> 00:38:01,940 sebenarnya pergi secara langsung dan bahawa orang-orang benar-benar melihat, jika mereka untuk datang ke 795 00:38:01,940 --> 00:38:04,280 laman khusus saya. 796 00:38:04,280 --> 00:38:05,390 >> OK. 797 00:38:05,390 --> 00:38:06,850 Itu adalah banyak. 798 00:38:06,850 --> 00:38:09,380 Saya memohon maaf kerana akan melalui ia begitu cepat. 799 00:38:09,380 --> 00:38:12,560 Adakah sesiapa mempunyai apa-apa soalan di semua tentang HTML atau CSS? 800 00:38:12,560 --> 00:38:15,830 801 00:38:15,830 --> 00:38:24,728 >> PENONTON: Bolehkah anda hanya pergi ke atas bagaimana anda dikaitkan apa yang menjadi Jason, sekali lagi? 802 00:38:24,728 --> 00:38:26,180 >> JASON Hirschhorn: Apa anda bermakna dikaitkan? 803 00:38:26,180 --> 00:38:29,765 >> PENONTON: Anda menyediakan link yang lain laman web, dengan menggunakan sauh. 804 00:38:29,765 --> 00:38:32,980 >> JASON Hirschhorn: Jadi yang anda bertanya, hanya secara umum, bagaimana anda membuat pautan? 805 00:38:32,980 --> 00:38:33,560 >> PENONTON: Yeah. 806 00:38:33,560 --> 00:38:34,150 >> JASON Hirschhorn: OK. 807 00:38:34,150 --> 00:38:35,575 Kod untuk membuat pautan - 808 00:38:35,575 --> 00:38:38,180 809 00:38:38,180 --> 00:38:40,590 >> PENONTON: Tidak, seperti dalam HTML. 810 00:38:40,590 --> 00:38:43,140 >> JASON Hirschhorn: Down di sini, anda bermakna? 811 00:38:43,140 --> 00:38:46,960 Jadi jika saya mahu termasuk pautan yang di suatu tempat, katakan, ini adalah HTML pada saya 812 00:38:46,960 --> 00:38:50,210 halaman di sini. 813 00:38:50,210 --> 00:38:51,010 Ini adalah HTML. 814 00:38:51,010 --> 00:38:53,720 Mungkin ia terbuka dalam fail, index.html. 815 00:38:53,720 --> 00:38:56,100 Saya pergi masuk 816 00:38:56,100 --> 00:38:58,990 >> Mari kita cipta ini John Harvard pautan kepada sesuatu. 817 00:38:58,990 --> 00:39:02,230 Oleh itu, kita akan mengedit semua ini sebagai HTML. 818 00:39:02,230 --> 00:39:08,480 Semua yang anda lakukan adalah termasuk, jadi braket pendakap dekat di 819 00:39:08,480 --> 00:39:12,700 permulaan, dan kemudian kurungan slash pendakap hampir pada akhir. 820 00:39:12,700 --> 00:39:13,930 >> Jadi sekarang saya telah menyertakan tag sauh. 821 00:39:13,930 --> 00:39:15,475 Dan sebenarnya, jika anda klik daripada ini, ia akan kini 822 00:39:15,475 --> 00:39:22,110 memformat ia mengedit sebagai HTML. 823 00:39:22,110 --> 00:39:24,020 Dan berkata, kita mahu untuk menghubungkan ia. 824 00:39:24,020 --> 00:39:25,760 Kami akan anda sifat href. 825 00:39:25,760 --> 00:39:27,010 Dan kita katakan - 826 00:39:27,010 --> 00:39:42,600 827 00:39:42,600 --> 00:39:47,600 >> Dan sekarang, kerana anda notis, hak cipta John Harvard adalah biru. 828 00:39:47,600 --> 00:39:50,870 Dan apabila saya tatal ke atas ia, kini ia pautan. 829 00:39:50,870 --> 00:39:53,140 Jadi, anda boleh menulis kod itu. 830 00:39:53,140 --> 00:39:57,030 Anda boleh mengelilingi apa-apa cukup banyak yang anda mahu dalam tag sauh dan mengubahnya 831 00:39:57,030 --> 00:39:57,700 sebagai pautan. 832 00:39:57,700 --> 00:39:58,246 >> PENONTON: OK. 833 00:39:58,246 --> 00:39:58,520 Dah dapat. 834 00:39:58,520 --> 00:40:01,300 >> JASON Hirschhorn: Dan jika saya tidak mahu itu - sudah tentu, kadang-kadang orang cenderung 835 00:40:01,300 --> 00:40:04,090 untuk berfikir perkara-perkara yang hanya melihat biru secara umum dan yang bergaris bawah adalah 836 00:40:04,090 --> 00:40:05,860 bukan dengan cara yang tercantik untuk membuat pautan. 837 00:40:05,860 --> 00:40:11,380 Jadi jika saya datang ke sini, anda melihat bahawa, di suatu tempat dalam fail CSS, terdapat 838 00:40:11,380 --> 00:40:14,500 menulis ini dan kemudian dua pendakap kerinting. 839 00:40:14,500 --> 00:40:20,700 Jadi mari kita mengatakan bahawa, untuk link, saya tidak mahu mereka menjadi biru, bukan saya 840 00:40:20,700 --> 00:40:23,645 mahu warna pautan ke menjadi magenta ini bagus. 841 00:40:23,645 --> 00:40:28,320 842 00:40:28,320 --> 00:40:30,640 >> Mari kita memberikan warna. 843 00:40:30,640 --> 00:40:34,060 844 00:40:34,060 --> 00:40:35,110 Mari kita mengambil magenta. 845 00:40:35,110 --> 00:40:38,440 Sekarang, semua pautan pada halaman saya mempunyai menjadi warna ini bagus magenta. 846 00:40:38,440 --> 00:40:40,170 Sesetengah orang tidak suka warna. 847 00:40:40,170 --> 00:40:41,340 Sesetengah orang tidak suka garis bawah. 848 00:40:41,340 --> 00:40:42,510 Anda mendapat untuk memilih. 849 00:40:42,510 --> 00:40:44,990 >> Dengan pautan, anda boleh mendandan bagaimana mereka melihat apabila anda telah melawat mereka. 850 00:40:44,990 --> 00:40:47,820 Seperti yang anda akan notis pada banyak muka surat, pautan bertukar ungu pada anda melawat mereka. 851 00:40:47,820 --> 00:40:49,190 Anda boleh menukar warna itu juga. 852 00:40:49,190 --> 00:40:49,450 Yeah. 853 00:40:49,450 --> 00:40:51,790 >> PENONTON: Jadi anda mengubahnya untuk setiap pautan tunggal. 854 00:40:51,790 --> 00:40:56,310 Tetapi jika anda hanya mahu melakukan pautan yang itu sendiri, akan anda hanya melakukan di ID yang 855 00:40:56,310 --> 00:40:58,720 bawah atau sesuatu? 856 00:40:58,720 --> 00:41:01,070 >> JASON Hirschhorn: Soalan Jadi besar. 857 00:41:01,070 --> 00:41:05,090 Seperti yang anda perhatikan di sini, saya berubah beberapa sebahagian daripada CSS yang terpakai kepada 858 00:41:05,090 --> 00:41:11,530 segala-galanya itulah A. satu Jika saya mahu buatlah pautan yang di bawah, saya 859 00:41:11,530 --> 00:41:14,500 akan pergi ke fail CSS saya dan mungkin lakukan seperti anda berkata, hash 860 00:41:14,500 --> 00:41:16,040 ruang bawah a. 861 00:41:16,040 --> 00:41:18,400 Dan yang memberi aku semua A dalam bahagian bawah. 862 00:41:18,400 --> 00:41:30,720 >> Atau saya boleh, sebagai alternatif, memberikan ID yang unik dan kemudian hanya buat rangkaian hash. 863 00:41:30,720 --> 00:41:32,050 Dan yang akan membolehkan saya untuk menukar ini keluar. 864 00:41:32,050 --> 00:41:36,170 Walau bagaimanapun, hanya bertindak memberikan ID mau tak mau biasanya yang tidak baik 865 00:41:36,170 --> 00:41:37,730 amalan, kerana orang-orang harus unik. 866 00:41:37,730 --> 00:41:40,940 Dan lebih banyak anda mempunyai orang-orang, ia boleh mendapatkan sedikit mengelirukan. 867 00:41:40,940 --> 00:41:41,270 Yeah. 868 00:41:41,270 --> 00:41:43,725 >> PENONTON: Bolehkah anda memberikan yang sama ID untuk beberapa pemilik? 869 00:41:43,725 --> 00:41:45,820 >> JASON Hirschhorn: Secara teknikal, ya. 870 00:41:45,820 --> 00:41:50,700 Tiada apa-apa akan menghalang anda, tetapi anda tidak perlu Anda harus memberikan kelas. 871 00:41:50,700 --> 00:41:55,330 872 00:41:55,330 --> 00:41:57,655 OK, mana-mana soalan-soalan lain tentang HTML atau CSS? 873 00:41:57,655 --> 00:42:05,660 874 00:42:05,660 --> 00:42:06,310 >> OK. 875 00:42:06,310 --> 00:42:09,950 Marilah kita beralih kepada PHP. 876 00:42:09,950 --> 00:42:10,575 Oh, ya. 877 00:42:10,575 --> 00:42:13,800 >> PENONTON: Apakah ia mengenai ini laman web yang bermakna kita boleh mengedit 878 00:42:13,800 --> 00:42:15,440 mereka sebelum kita menyegarkan. 879 00:42:15,440 --> 00:42:18,270 Tetapi apabila kita menyegarkan ia kembali belakang untuk HTML awal? 880 00:42:18,270 --> 00:42:19,900 >> JASON Hirschhorn: Soalan Besar - 881 00:42:19,900 --> 00:42:24,810 jadi apabila kita telah dimuatkan ini laman web, ia HTML. 882 00:42:24,810 --> 00:42:25,900 Dan ia JavaScript. 883 00:42:25,900 --> 00:42:29,060 Ia PHP dilaksanakan untuk memberi kita apa sahaja jenis laman web yang kita lihat. 884 00:42:29,060 --> 00:42:33,130 Dan ia mencipta beberapa HTML, beberapa JavaScript, dan beberapa CSS. 885 00:42:33,130 --> 00:42:35,990 Dan yang kini boleh diakses oleh komputer kita. 886 00:42:35,990 --> 00:42:40,700 >> Dan salinan fail-fail disimpan tempatan pada komputer kita, 887 00:42:40,700 --> 00:42:41,910 pada masa itu. 888 00:42:41,910 --> 00:42:44,030 Oleh itu, kita boleh mengedit bahawa salinan tempatan. 889 00:42:44,030 --> 00:42:46,530 Tetapi sudah tentu, kami tidak mengedit salinan pelayan. 890 00:42:46,530 --> 00:42:49,420 >> Dan apabila kita muat semula halaman, kita mendapat satu lagi salinan pelayan. 891 00:42:49,420 --> 00:42:51,250 Dan dengan itu kita melihat benda-benda kembali kerana mereka. 892 00:42:51,250 --> 00:42:55,200 Jika kita dapat, dari sini, untuk mengedit laman web rasmi, kita akan mempunyai banyak 893 00:42:55,200 --> 00:42:55,800 masalah. 894 00:42:55,800 --> 00:42:58,670 >> PENONTON: Ya, supaya kita boleh membaca dan menulis salinan itu. 895 00:42:58,670 --> 00:43:00,140 >> JASON Hirschhorn: Betul. 896 00:43:00,140 --> 00:43:04,380 Kami hanya membuat perubahan tempatan di sini, tetapi sekali lagi, sangat berguna untuk meneroka, 897 00:43:04,380 --> 00:43:05,690 sering kali. 898 00:43:05,690 --> 00:43:08,900 Apabila saya Penulisan projek akhir saya, untuk Sebagai contoh, saya mahu melihat bagaimana sesetengah 899 00:43:08,900 --> 00:43:11,270 laman web membuat sesuatu rupa cara yang mereka lakukan. 900 00:43:11,270 --> 00:43:17,350 Saya akan pergi di dalam dan menggunakan anak tetingkap ini ke bawah di sini, untuk melihat apa yang CSS mereka berikan kepada 901 00:43:17,350 --> 00:43:20,890 atau apa warna mereka memilih atau bagaimana mereka mendapat ia supaya, apabila anda berlegar 902 00:43:20,890 --> 00:43:24,180 atas sesuatu, senarai turun dalam melata fesyen yang bagus. 903 00:43:24,180 --> 00:43:27,220 Ia adalah satu cara yang baik untuk memeriksa apa yang lain laman web yang berbuat dan meminjam daripada mereka. 904 00:43:27,220 --> 00:43:30,590 905 00:43:30,590 --> 00:43:33,690 >> Mari kita beralih kepada PHP. 906 00:43:33,690 --> 00:43:38,560 PHP bermaksud, dalam erti kata yang rekursi, Pemproses PHP Hypertext. 907 00:43:38,560 --> 00:43:42,060 Dan PHP, apa yang ia akan lakukan adalah melaksanakan kod sebelah pelayan. 908 00:43:42,060 --> 00:43:44,490 Jadi, kita tidak akan melihat kod PHP. 909 00:43:44,490 --> 00:43:47,210 >> Walau bagaimanapun, ia bermain dengan baik dengan HTML dan sering menjana 910 00:43:47,210 --> 00:43:48,210 banyak kod HTML. 911 00:43:48,210 --> 00:43:52,570 Tetapi seperti yang anda akan biasa dengan Masalah Menetapkan 7, kod PHP anda akan melaksanakan, 912 00:43:52,570 --> 00:43:56,200 menjana HTML, dan itulah yang pengguna akan berakhir melihat. 913 00:43:56,200 --> 00:44:00,510 >> PHP adalah amat serupa dengan C. Walau bagaimanapun, terdapat beberapa 914 00:44:00,510 --> 00:44:04,400 perbezaan, dan perbezaan mereka adalah penting untuk ambil perhatian. 915 00:44:04,400 --> 00:44:09,420 Satu perbezaan adalah bahawa pembolehubah dalam PHP adalah longgar ditaip. 916 00:44:09,420 --> 00:44:11,275 Adakah sesiapa mempunyai rasa daripada apa yang bermakna? 917 00:44:11,275 --> 00:44:14,245 >> PENONTON: Tidak perlu untuk membuang sendiri. 918 00:44:14,245 --> 00:44:16,400 Seperti tidak perlu untuk menulis dalam teks. 919 00:44:16,400 --> 00:44:19,070 >> JASON Hirschhorn: Saya tidak akan menggunakan cast perkataan, tetapi ya, tidak perlu untuk mengisytiharkan 920 00:44:19,070 --> 00:44:20,930 jenis untuk satu pemboleh ubah tertentu. 921 00:44:20,930 --> 00:44:22,300 Bagaimana sebaliknya kita mengisytiharkan pembolehubah? 922 00:44:22,300 --> 00:44:23,860 >> PENONTON: Gunakan tanda dolar. 923 00:44:23,860 --> 00:44:25,270 >> JASON Hirschhorn: Gunakan tanda dolar. 924 00:44:25,270 --> 00:44:27,540 Jadi $ x adalah pembolehubah. 925 00:44:27,540 --> 00:44:29,580 $ 1 pembolehubah. 926 00:44:29,580 --> 00:44:31,910 $ String dijadikan pemboleh ubah. 927 00:44:31,910 --> 00:44:36,280 >> Pembolehubah-pembolehubah, $ x boleh integer. 928 00:44:36,280 --> 00:44:38,010 Kemudian, ia boleh menjadi rentetan. 929 00:44:38,010 --> 00:44:39,420 Kemudian, ia boleh menjadi bersifat. 930 00:44:39,420 --> 00:44:40,790 Ia tidak benar-benar perkara itu. 931 00:44:40,790 --> 00:44:46,360 >> Selain itu, perkara yang sejuk kira-kira PHP adalah, katakan, $ x adalah salah satu tali. 932 00:44:46,360 --> 00:44:48,920 Dan $ y adalah watak satu. 933 00:44:48,920 --> 00:44:54,370 Anda boleh menambah $ x dan $ y, dan ia akan memberikan 2, apa yang anda harapkan. 934 00:44:54,370 --> 00:44:56,160 Jadi terdapat operasi dalam PHP. 935 00:44:56,160 --> 00:45:00,810 Kerana ia longgar ditaip pembolehubah, beberapa pemutus tersirat dilakukan untuk anda 936 00:45:00,810 --> 00:45:02,330 dan sesetengah operasi. 937 00:45:02,330 --> 00:45:04,240 >> Anda boleh melakukan operasi kepada perkara-perkara jenis yang berbeza. 938 00:45:04,240 --> 00:45:08,740 Sedangkan sebelum ini, anda sering mendapat ralat dalam C kata, ini tidak adalah jenis yang 939 00:45:08,740 --> 00:45:09,610 yang sepatutnya pergi sini. 940 00:45:09,610 --> 00:45:11,510 Hanya perkara yang jenis ini boleh pergi di sini. 941 00:45:11,510 --> 00:45:14,900 Anda tidak akan mendapat jenis yang kesilapan, secara amnya, dalam PHP. 942 00:45:14,900 --> 00:45:17,420 Jadi, itu satu perbezaan besar - bagaimana kita menangani pembolehubah. 943 00:45:17,420 --> 00:45:20,850 >> Perbezaan besar kedua ialah Kod PHP ditafsirkan. 944 00:45:20,850 --> 00:45:23,110 Wheres, kod C disusun. 945 00:45:23,110 --> 00:45:23,910 Apa yang itu bermakna? 946 00:45:23,910 --> 00:45:26,700 >> Nah, untuk kod C anda berlari melalui pengkompil. 947 00:45:26,700 --> 00:45:29,010 Anda menjana fail binari. 948 00:45:29,010 --> 00:45:30,770 Dan anda berlari bahawa fail binari. 949 00:45:30,770 --> 00:45:35,500 Anda menjaga semua kesilapan sebelum anda menjana fail binari. 950 00:45:35,500 --> 00:45:37,810 >> Sudah tentu, terdapat mungkin telah segmentasi kesilapan, apabila anda berlari 951 00:45:37,810 --> 00:45:39,020 fail binari. 952 00:45:39,020 --> 00:45:45,780 Tetapi ia tidak seperti anda terlupa untuk memasukkan definisi printf, atau 953 00:45:45,780 --> 00:45:48,735 anda tidak menggunakan pemboleh ubah dan hanya mencipta pembolehubah membazir. 954 00:45:48,735 --> 00:45:51,830 Atau anda tidak menentukan fungsi prototaip. 955 00:45:51,830 --> 00:45:53,590 >> Semua yang berlaku sebelum anda disusun. 956 00:45:53,590 --> 00:45:56,830 Ia memberikan anda semua satu kesilapan atau buruk perkara-perkara yang ia fikir mungkin berlaku. 957 00:45:56,830 --> 00:45:59,900 Dan kemudian, anda mempunyai 0 dan 1 fail yang anda berlari. 958 00:45:59,900 --> 00:46:01,690 Kod PHP tidak berfungsi seperti itu. 959 00:46:01,690 --> 00:46:03,750 >> Anda akan menulis kod PHP anda. 960 00:46:03,750 --> 00:46:05,820 Kemudian, anda akan menyimpannya, mungkin. 961 00:46:05,820 --> 00:46:09,160 Dan sekurang-kurangnya dalam P-Set 7, anda akan untuk menyegarkan pelayar web anda, dan 962 00:46:09,160 --> 00:46:11,110 anda akan melihat apa yang berlaku. 963 00:46:11,110 --> 00:46:14,110 Anda akan melihat output itu kod PHP. 964 00:46:14,110 --> 00:46:17,450 >> Anda juga mungkin melihat, di bahagian atas halaman anda, ralat. 965 00:46:17,450 --> 00:46:19,960 Kerana anda mempunyai beberapa kesilapan dalam PHP anda. 966 00:46:19,960 --> 00:46:22,390 Anda mungkin masih melihat seluruh Laman web ini sedang halus. 967 00:46:22,390 --> 00:46:25,130 Tetapi satu bahagian adalah salah, dan ada kesilapan di tempat itu. 968 00:46:25,130 --> 00:46:28,320 Dan itu kerana bahagian kod PHP anda tidak berfungsi. 969 00:46:28,320 --> 00:46:31,680 >> Malah, apabila anda melaksanakan, apabila anda pergi ke sesuatu seperti by.php. 970 00:46:31,680 --> 00:46:34,950 Ia akan melalui PHP anda memfailkan baris demi baris dan melaksanakannya 971 00:46:34,950 --> 00:46:36,210 kemudian dan hanya kemudian. 972 00:46:36,210 --> 00:46:39,890 Ia tidak akan untuk menyusun ia mendahului masa atau menyusun satu salinan dan kemudian memberikan 973 00:46:39,890 --> 00:46:41,570 bahawa salinan disusun untuk semua orang. 974 00:46:41,570 --> 00:46:43,830 Setiap kali, ia akan melalui baris demi baris dan melaksanakannya. 975 00:46:43,830 --> 00:46:46,620 >> Jadi beberapa baris mungkin bekerja dan output sesuatu betul. 976 00:46:46,620 --> 00:46:49,500 Dan lain-lain talian mungkin dipecahkan dan output kesilapan sebaliknya. 977 00:46:49,500 --> 00:46:52,650 Oleh itu, apabila debugging dengan PHP, kami telah diberikan anda beberapa perkara yang membantu 978 00:46:52,650 --> 00:46:54,580 untuk membantu anda debug, seperti fungsi pembuangan. 979 00:46:54,580 --> 00:46:56,900 >> Tetapi secara amnya, anda akan untuk melihat kesilapan-kesilapan ini. 980 00:46:56,900 --> 00:46:58,340 Dan itulah bagaimana anda akan tahu anda melakukan sesuatu yang salah. 981 00:46:58,340 --> 00:47:00,740 Tetapi anda hanya akan melihat kepalsuan itu sebaik sahaja anda sebenarnya menjalankan kod. 982 00:47:00,740 --> 00:47:03,420 983 00:47:03,420 --> 00:47:08,880 >> Satu lagi aspek penting dalam PHP dan pembangunan web adalah idea daripada acara 984 00:47:08,880 --> 00:47:09,920 berbanding pos. 985 00:47:09,920 --> 00:47:13,250 Bolehkah sesiapa menjelaskan apa perbezaan antara mendapat dan pos adalah? 986 00:47:13,250 --> 00:47:17,530 987 00:47:17,530 --> 00:47:18,780 Tiada siapa - 988 00:47:18,780 --> 00:47:21,710 989 00:47:21,710 --> 00:47:21,970 ya. 990 00:47:21,970 --> 00:47:24,495 >> PENONTON: Tidak salah seorang daripada mereka membolehkan pengguna melihat data, 991 00:47:24,495 --> 00:47:26,080 dan salah seorang daripada mereka tidak? 992 00:47:26,080 --> 00:47:27,310 >> JASON Hirschhorn: Great. 993 00:47:27,310 --> 00:47:28,400 Ya, adakah anda mempunyai sesuatu untuk menambah? 994 00:47:28,400 --> 00:47:32,622 >> PENONTON: Saya nipis pos adalah ubah super global. 995 00:47:32,622 --> 00:47:34,740 >> JASON Hirschhorn: Jadi kedua-dua pembolehubah yang diberikan kepada anda. 996 00:47:34,740 --> 00:47:35,630 Ini hanya pembolehubah. 997 00:47:35,630 --> 00:47:37,740 Dan anda tahu mereka pembolehubah, kerana di sini saya 998 00:47:37,740 --> 00:47:38,780 menggunakan tanda dolar. 999 00:47:38,780 --> 00:47:41,950 >> Ini adalah pembolehubah diberikan kepada anda oleh PHP. 1000 00:47:41,950 --> 00:47:45,990 Dan apabila anda bergerak antara halaman web, anda mahu menyimpan beberapa maklumat. 1001 00:47:45,990 --> 00:47:47,960 Anda mungkin mahu menyimpan jika pengguna adalah log masuk 1002 00:47:47,960 --> 00:47:49,270 Itu tidak disimpan dalam GET dan POST. 1003 00:47:49,270 --> 00:47:51,390 Yang disimpan di dalam sesuatu yang lain, pembolehubah yang berbeza. 1004 00:47:51,390 --> 00:47:55,170 >> Sesiapa sahaja tahu apa yang berubah-ubah itu disimpan dalam, atau apa yang berubah-ubah yang anda gunakan dalam 1005 00:47:55,170 --> 00:47:57,728 P-Set 7, memastikan bahawa pengguna log masuk dalam? 1006 00:47:57,728 --> 00:48:00,360 1007 00:48:00,360 --> 00:48:03,690 $ _session, Itulah betul, mungkin penting untuk membiasakan diri dengan 1008 00:48:03,690 --> 00:48:06,060 nama-nama perkara-perkara ini anda menggunakan kerap. 1009 00:48:06,060 --> 00:48:10,070 >> Jadi anda menggunakan pembolehubah sesi untuk menyelamatkan maklumat dari halaman ke halaman. 1010 00:48:10,070 --> 00:48:11,075 Itu merupakan pembolehubah super. 1011 00:48:11,075 --> 00:48:15,250 Ia wujud pada setiap halaman, mungkin seperti berubah-ubah global, jika anda mahu berfikir 1012 00:48:15,250 --> 00:48:16,900 mengenainya seperti itu. 1013 00:48:16,900 --> 00:48:19,260 >> Terdapat beberapa pembolehubah lain yang membolehkan anda untuk memindahkan maklumat 1014 00:48:19,260 --> 00:48:20,710 dari halaman ke halaman. 1015 00:48:20,710 --> 00:48:24,260 Khususnya, orang-orang kita akan memberi tumpuan kepada adalah GET dan POST pembolehubah. 1016 00:48:24,260 --> 00:48:29,330 Dalam PHP mereka kelihatan seperti $ _GET Dan $ _POST. 1017 00:48:29,330 --> 00:48:33,610 Dan perbezaan, sebagai Marcus berkata keluar, di antara kedua-dua mereka ialah, 1018 00:48:33,610 --> 00:48:37,670 maklumat dalam $ _GET adalah dipaparkan dalam URL. 1019 00:48:37,670 --> 00:48:41,380 >> Jadi, jika kita melihat ke bawah di sini, kita melihat pautan YouTube. 1020 00:48:41,380 --> 00:48:43,760 Kita melihat tanda tanya ini. 1021 00:48:43,760 --> 00:48:47,730 Kita melihat v = dan kemudian beberapa nilai. 1022 00:48:47,730 --> 00:48:53,460 Kembali ke idea ini nilai utama yang pasangan, v adalah kunci. 1023 00:48:53,460 --> 00:48:56,970 Dan di sini ialah nilai. 1024 00:48:56,970 --> 00:49:01,030 >> Jadi jika kita pergi ke laman ini atau pengekodan di halaman ini, kita akan mempunyai 1025 00:49:01,030 --> 00:49:04,000 ubah dipanggil $ _GET. 1026 00:49:04,000 --> 00:49:11,030 Jika kita pergi ke $ _GET kurungan terbuka "v" kurungan rapat, hampir sama dengan pelbagai 1027 00:49:11,030 --> 00:49:15,000 notasi, ini adalah pelbagai bersekutu kerana kita tidak menggunakan indeks. 1028 00:49:15,000 --> 00:49:16,710 Telah menggunakan tali sebagai kunci. 1029 00:49:16,710 --> 00:49:17,940 Tetapi idea yang sama. 1030 00:49:17,940 --> 00:49:20,520 Jika kita pergi kita, akan mendapat nilai ini. 1031 00:49:20,520 --> 00:49:23,276 >> Pada halaman ini, kita akan dapat menggunakan nilai ini. 1032 00:49:23,276 --> 00:49:32,200 Jika kita benar-benar melihat, mari kita pergi ke laman YouTube. 1033 00:49:32,200 --> 00:49:35,140 Apa video yang patut kita menonton? 1034 00:49:35,140 --> 00:49:37,350 Yang ini, adalah orang Hobbit peminat? 1035 00:49:37,350 --> 00:49:40,731 >> PENONTON: Ya. 1036 00:49:40,731 --> 00:49:44,750 >> JASON Hirschhorn: Jadi saya menyalin URL bahagian mereka dan 1037 00:49:44,750 --> 00:49:46,000 paste di tetingkap baru. 1038 00:49:46,000 --> 00:49:48,550 1039 00:49:48,550 --> 00:50:00,470 Dan kini, jika anda melihat di sini, anda akan perhatian bahawa, sekali lagi - 1040 00:50:00,470 --> 00:50:03,170 Saya akan copy dan paste ini ke dalam gedit, jadi kita dapat melihat ia lebih besar. 1041 00:50:03,170 --> 00:50:16,530 1042 00:50:16,530 --> 00:50:19,720 Anda akan melihat bahawa ia mempunyai ini tanda tanya. 1043 00:50:19,720 --> 00:50:22,150 Tanda soalan menandakan bahawa segala-galanya selepas ini akan menjadi 1044 00:50:22,150 --> 00:50:23,530 yang disimpan di dalam mendapatkan berubah-ubah. 1045 00:50:23,530 --> 00:50:29,130 >> Ia kemudian mempunyai v, itu yang pertama penting dan nilai pertama ini. 1046 00:50:29,130 --> 00:50:30,710 Ampersand adalah istimewa. 1047 00:50:30,710 --> 00:50:34,340 Ampersand mengatakan, OK, kita selesai nilai pertama. 1048 00:50:34,340 --> 00:50:37,170 Kami kini beralih ke satu lagi pasangan nilai utama. 1049 00:50:37,170 --> 00:50:41,135 Di sini, kunci dipanggil ciri, dan nilai adalah youtu.be. 1050 00:50:41,135 --> 00:50:44,010 1051 00:50:44,010 --> 00:50:50,710 >> Jadi, jika saya pengekodan laman ini dan seseorang pergi ke URL ini dan saya mempunyai 1052 00:50:50,710 --> 00:50:53,190 mungkin watch.php. 1053 00:50:53,190 --> 00:50:54,150 Dan saya telah pengekodan ini. 1054 00:50:54,150 --> 00:50:57,060 Dan saya boleh menggunakan $ _GET berubah-ubah. 1055 00:50:57,060 --> 00:51:02,740 Dan saya akan v, dan Saya akan mempunyai ciri. 1056 00:51:02,740 --> 00:51:07,080 >> Dan jika saya menggunakan kekunci v, saya akan mendapat nilai ini. 1057 00:51:07,080 --> 00:51:14,145 Dan jika saya $ _GET kurungan "ciri" kurungan rapat, saya akan mendapat nilai ini. 1058 00:51:14,145 --> 00:51:17,530 Sekali lagi, ia tidak semestinya terpakai bagi - 1059 00:51:17,530 --> 00:51:21,460 jelas, kunci dan nilai-nilai YouTube dan mendapatkan maklumat ini tidak terpakai bagi 1060 00:51:21,460 --> 00:51:22,700 Masalah kami Tetapkan 7. 1061 00:51:22,700 --> 00:51:28,450 Tetapi ada beberapa perkara yang kita lulus melalui GET dalam Set 7 Masalah kami. 1062 00:51:28,450 --> 00:51:33,120 Dan sudah tentu, apabila anda pergi ke laman web atau pengekodan laman anda sendiri, 1063 00:51:33,120 --> 00:51:36,440 $ _GET Akan sangat berguna apabila pengekodan anda. 1064 00:51:36,440 --> 00:51:41,030 >> Apa yang salah satu sebab untuk menggunakan $ _GET kemudian, jika ia mampu ada privasi? 1065 00:51:41,030 --> 00:51:43,170 Anda melihat semua maklumat ini yang yang dipindahkan. 1066 00:51:43,170 --> 00:51:44,170 Ini semua dipaparkan kepada pengguna. 1067 00:51:44,170 --> 00:51:49,060 Tetapi apa yang salah satu sebab yang mungkin anda mahu menyimpan sesuatu dalam $ _GET, sebagai 1068 00:51:49,060 --> 00:51:50,310 berbanding $ _POST? 1069 00:51:50,310 --> 00:51:52,650 1070 00:51:52,650 --> 00:51:53,900 Mengapa anda mungkin mahu berbuat demikian? 1071 00:51:53,900 --> 00:51:58,065 1072 00:51:58,065 --> 00:51:58,540 >> Baiklah. 1073 00:51:58,540 --> 00:52:00,310 Saya bertanya kepada anda dalam Kuiz 1. 1074 00:52:00,310 --> 00:52:02,210 Apakah pro sebanyak $ _GET? 1075 00:52:02,210 --> 00:52:04,250 Apa yang salah pro? 1076 00:52:04,250 --> 00:52:04,700 Ya - 1077 00:52:04,700 --> 00:52:06,180 >> PENONTON: Lebih mudah untuk berkongsi maklumat. 1078 00:52:06,180 --> 00:52:07,040 >> JASON Hirschhorn: Saya rasa yang hebat. 1079 00:52:07,040 --> 00:52:07,870 Ia lebih mudah untuk berkongsi maklumat. 1080 00:52:07,870 --> 00:52:09,360 Ia lebih mudah untuk bookmark. 1081 00:52:09,360 --> 00:52:15,260 >> Anda boleh menanda buku sekarang, YouTube.com / menonton? V = sesuatu dan pergi 1082 00:52:15,260 --> 00:52:16,900 dengan video tertentu. 1083 00:52:16,900 --> 00:52:22,020 Jika YouTube sentiasa lakukan permintaan POST untuk muka surat yang berbeza, setiap URL YouTube 1084 00:52:22,020 --> 00:52:22,985 akan YouTube.com. 1085 00:52:22,985 --> 00:52:25,750 Anda tidak boleh bookmark satu video. 1086 00:52:25,750 --> 00:52:28,160 Kerana jika anda berkata berkongsi pautan yang dengan orang lain, mereka tidak 1087 00:52:28,160 --> 00:52:30,160 secara automatik mendapatkan jawatan pembolehubah anda. 1088 00:52:30,160 --> 00:52:33,570 Mereka hanya mendapat pautan ini, dan pautan adalah sama untuk semua orang. 1089 00:52:33,570 --> 00:52:35,180 >> Jadi yang merupakan salah satu pro. 1090 00:52:35,180 --> 00:52:38,850 Ia membolehkan anda untuk bookmark ini maklumat atau berkongsi maklumat ini 1091 00:52:38,850 --> 00:52:40,840 atau membuat ia sedikit lebih mesra pengguna. 1092 00:52:40,840 --> 00:52:43,890 Sudah tentu, tidak ada privasi, jadi kita perlu jawatan ini berubah-ubah. 1093 00:52:43,890 --> 00:52:47,570 Dan maklumat pos tidak dipaparkan dalam URL. 1094 00:52:47,570 --> 00:52:49,200 >> Ia bukan benar-benar peribadi. 1095 00:52:49,200 --> 00:52:51,710 Tetapi ia adalah sedikit lebih peribadi. 1096 00:52:51,710 --> 00:52:55,030 Dan supaya anda akan melihat URL ini turun di sini, cs50.net. 1097 00:52:55,030 --> 00:52:59,200 Sama ada anda log masuk ke dalam laman web, ia akan mempunyai sama 1098 00:52:59,200 --> 00:53:02,600 URL, cs50.net. 1099 00:53:02,600 --> 00:53:05,940 >> Jelas sekali, sesuatu yang berbeza, jika anda log masuk ke dalam laman web. 1100 00:53:05,940 --> 00:53:08,690 Anda ada, satu, mungkin input PIN anda. 1101 00:53:08,690 --> 00:53:10,600 Dan ia telah mengesahkan bahawa dengan pelayan. 1102 00:53:10,600 --> 00:53:12,650 Dan ia mungkin menyelamatkan beberapa maklumat lain. 1103 00:53:12,650 --> 00:53:14,810 Tetapi URL tidak berubah sama sekali. 1104 00:53:14,810 --> 00:53:17,080 >> Dan sebagainya itu berlaku, apabila sesuatu yang dihantar melalui POST. 1105 00:53:17,080 --> 00:53:18,800 URL tidak berubah. 1106 00:53:18,800 --> 00:53:21,100 Maklumat POST tidak dipaparkan dalam URL. 1107 00:53:21,100 --> 00:53:26,150 Tetapi beberapa keadaan telah berubah, dan mungkin ada beberapa maklumat yang disimpan di dalam 1108 00:53:26,150 --> 00:53:27,400 POST berubah-ubah. 1109 00:53:27,400 --> 00:53:30,460 1110 00:53:30,460 --> 00:53:36,880 >> Maaf. sebelum saya pergi ke dalam SQL, mana-mana soalan mengenai PHP, khususnya, 1111 00:53:36,880 --> 00:53:41,850 soalan mengenai perkara yang kita tidak pergi ke atas yang anda telah menemui atau mana-mana sintaks atau 1112 00:53:41,850 --> 00:53:43,855 soalan logik mengenai PHP? 1113 00:53:43,855 --> 00:53:49,300 1114 00:53:49,300 --> 00:53:50,050 OK. 1115 00:53:50,050 --> 00:53:54,400 >> Bahasa akhir anda akan berinteraksi dengan minggu ini adalah 1116 00:53:54,400 --> 00:53:58,920 Structured Query Language, SQL, disebut sekuel kerap. 1117 00:53:58,920 --> 00:54:01,740 Yang membolehkan anda berinteraksi dengan pangkalan data dengan cara yang rasmi. 1118 00:54:01,740 --> 00:54:04,390 Dan ia memainkan sangat baik dengan PHP. 1119 00:54:04,390 --> 00:54:09,950 >> Seperti yang anda akan lihat dalam Set Masalah 7, kita telah diberikan anda fungsi yang dipanggil pertanyaan. 1120 00:54:09,950 --> 00:54:14,990 Dan ia mengambil rentetan SQL dan bermaksud melaksanakan bahawa pertanyaan mengenai pangkalan data. 1121 00:54:14,990 --> 00:54:17,470 Dalam tahun-tahun yang lalu, anda tidak diberikan fungsi ini. 1122 00:54:17,470 --> 00:54:22,250 Anda terpaksa menggunakan fungsi PHP untuk membuat pertanyaan kepada pangkalan data dan cek 1123 00:54:22,250 --> 00:54:24,230 kesilapan dan kemudian mendapatkan keputusan. 1124 00:54:24,230 --> 00:54:26,120 >> Dan sebenarnya, ia bukan yang keras, kerana sekali lagi, ia memainkan 1125 00:54:26,120 --> 00:54:27,080 sangat baik dengan PHP. 1126 00:54:27,080 --> 00:54:31,240 Dan PHP memberikan anda banyak fungsi untuk berinteraksi dengan pangkalan data SQL. 1127 00:54:31,240 --> 00:54:34,810 Jadi selalunya, kedua-dua ini pergi bersama-sama. 1128 00:54:34,810 --> 00:54:37,090 Sudah tentu, anda boleh berinteraksi dengan pangkalan data SQL dengan mana-mana 1129 00:54:37,090 --> 00:54:38,400 beberapa bahasa lain. 1130 00:54:38,400 --> 00:54:41,420 Tetapi PHP adalah satu yang besar untuk memilih. 1131 00:54:41,420 --> 00:54:42,290 >> Pangkalan data - 1132 00:54:42,290 --> 00:54:46,030 kami akan pergi lebih ini dengan cepat, kerana ini adalah perkataan buzz kita akan 1133 00:54:46,030 --> 00:54:48,030 mula menggunakan kerap - 1134 00:54:48,030 --> 00:54:50,140 adalah koleksi jadual. 1135 00:54:50,140 --> 00:54:53,960 Oleh itu, kita boleh berfikir ia sebagai fail Excel. 1136 00:54:53,960 --> 00:54:57,260 Fail Excel mempunyai banyak tab yang di bahagian bawah skrin. 1137 00:54:57,260 --> 00:55:03,090 Setiap tab kita sekarang akan memanggil sebuah meja, di mana meja adalah koleksi baris. 1138 00:55:03,090 --> 00:55:04,060 >> Dan apa yang berturut-turut? 1139 00:55:04,060 --> 00:55:06,890 Nah, berturut-turut ialah perkara yang sama dalam fail Excel. 1140 00:55:06,890 --> 00:55:10,380 Yang hanya mempunyai nilai-nilai tertentu bagi setiap diberi bidang atau setiap lajur diberikan. 1141 00:55:10,380 --> 00:55:12,010 Ia seperti suatu catatan dalam jadual. 1142 00:55:12,010 --> 00:55:16,570 Ia seorang pelajar, yang mempunyai ID, yang ID tertentu, dan nama tertentu dan 1143 00:55:16,570 --> 00:55:17,910 rumah tertentu. 1144 00:55:17,910 --> 00:55:19,790 >> Jadi pangkalan data adalah koleksi jadual. 1145 00:55:19,790 --> 00:55:22,685 Dan jadual sendiri adalah beberapa baris atau rekod. 1146 00:55:22,685 --> 00:55:25,470 1147 00:55:25,470 --> 00:55:28,280 Terdapat juga, dalam setiap meja, bidang-bidang tertentu. 1148 00:55:28,280 --> 00:55:32,130 Dan yang menentukan apa yang setiap rekod adalah akan ada, kadang-kadang dipanggil bidang 1149 00:55:32,130 --> 00:55:33,890 tiang tetapi secara umumnya dipanggil bidang. 1150 00:55:33,890 --> 00:55:38,270 >> Dalam jadual ini sangat mudah, saya mempunyai tiga bidang, medan ID, nama pengguna yang 1151 00:55:38,270 --> 00:55:39,780 bidang, dan padang hash. 1152 00:55:39,780 --> 00:55:41,300 Dan saya mempunyai tiga baris. 1153 00:55:41,300 --> 00:55:42,100 Sekarang, mereka kosong. 1154 00:55:42,100 --> 00:55:44,850 Mereka mungkin tidak akan menjadi kosong jika ini adalah pangkalan data sebenar saya. 1155 00:55:44,850 --> 00:55:50,530 >> Jadi jika anda telah menggunakan Excel, idea yang sama dengan apa yang anda lakukan dalam Excel, walaupun, 1156 00:55:50,530 --> 00:55:54,300 jelas, kini kita akan dapat melakukan lebih berkuasa perkara di 1157 00:55:54,300 --> 00:55:56,430 maklumat yang disimpan dalam pangkalan data kami. 1158 00:55:56,430 --> 00:56:00,270 Anda akan mewujudkan diri anda satu pangkalan data untuk Set Masalah 7. 1159 00:56:00,270 --> 00:56:02,820 Tetapi anda akan mewujudkan pelbagai jadual dalam pangkalan data. 1160 00:56:02,820 --> 00:56:06,950 >> Anda akan mewujudkan pangkalan data atau jadual untuk pengguna. 1161 00:56:06,950 --> 00:56:12,830 Anda akan juga mewujudkan jadual untuk mungkin urus niaga saham, untuk menjaga 1162 00:56:12,830 --> 00:56:15,580 menjejaki mereka, kerana anda perlu melaksanakan ciri sejarah. 1163 00:56:15,580 --> 00:56:18,370 Kedua-dua mereka akan mempunyai jadual bidang yang berbeza. 1164 00:56:18,370 --> 00:56:22,190 Sebagai contoh, dalam bidang pengguna, anda mungkin mahu nama pengguna mereka dan 1165 00:56:22,190 --> 00:56:24,220 ID dan hash kata laluan mereka. 1166 00:56:24,220 --> 00:56:28,450 >> Dalam jadual Stok yang menjejaki sejarah atau meja Sejarah, anda 1167 00:56:28,450 --> 00:56:31,620 mungkin tidak perlu nama pengguna dan hash dan ID. 1168 00:56:31,620 --> 00:56:34,460 Anda mungkin hanya memerlukan satu dari orang-orang nilai-nilai yang unik, untuk mengaitkan 1169 00:56:34,460 --> 00:56:35,830 dengan pengguna yang diberikan. 1170 00:56:35,830 --> 00:56:38,100 >> Tetapi, anda ingin menyimpan lain perkara-perkara seperti, apa masa 1171 00:56:38,100 --> 00:56:40,630 telah transaksi yang dibuat. 1172 00:56:40,630 --> 00:56:42,380 Apa saham telah dibeli atau dijual? 1173 00:56:42,380 --> 00:56:44,150 Berapa banyak saham stok telah dibeli atau dijual? 1174 00:56:44,150 --> 00:56:48,360 Berapakah harga yang padanya saham telah dibeli atau dijual? 1175 00:56:48,360 --> 00:56:50,180 >> Jadi sekali lagi, anda akan berinteraksi dengan pangkalan data itu 1176 00:56:50,180 --> 00:56:51,350 akan mempunyai pelbagai jadual. 1177 00:56:51,350 --> 00:56:54,340 Jadual masing-masing akan mempunyai menetapkan sendiri bidang. 1178 00:56:54,340 --> 00:56:58,430 Walau bagaimanapun, ada kemungkinan akan menjadi sama bidang dalam setiap jadual, yang 1179 00:56:58,430 --> 00:57:00,130 berkaitan kepada satu sama lain. 1180 00:57:00,130 --> 00:57:02,660 Biasanya, ini adalah satu bidang ID. 1181 00:57:02,660 --> 00:57:07,000 >> Kerana jika setiap pengguna mempunyai ID yang unik dan anda mengaitkan ID bahawa dengan setiap 1182 00:57:07,000 --> 00:57:09,365 urus niaga yang pengguna membuat atau semua sejarah yang pengguna. 1183 00:57:09,365 --> 00:57:12,760 1184 00:57:12,760 --> 00:57:13,830 Dan anda mempunyai ID pengguna. 1185 00:57:13,830 --> 00:57:15,365 Anda boleh mendapatkan maklumat sama ada daripada jadual. 1186 00:57:15,365 --> 00:57:19,770 Anda boleh mendapatkan nama pengguna mereka, dan anda boleh mendapatkan semua urus niaga mereka. 1187 00:57:19,770 --> 00:57:24,410 >> Apa-apa soalan mengenai pangkalan data, atau soalan tertentu? 1188 00:57:24,410 --> 00:57:25,240 Sebenarnya, mari kita memegang itu. 1189 00:57:25,240 --> 00:57:27,410 Kami akan berada di sana dalam kedua-dua pihak. 1190 00:57:27,410 --> 00:57:31,210 >> Jadi, terdapat empat operasi di pangkalan data yang anda akan menggunakan di 1191 00:57:31,210 --> 00:57:34,790 Set Masalah 7 dan mungkin pernah menggunakan. 1192 00:57:34,790 --> 00:57:38,040 Perkara pertama yang anda mahu lakukan adalah memasukkan rekod baru ke meja atau 1193 00:57:38,040 --> 00:57:39,960 baris baru ke dalam jadual. 1194 00:57:39,960 --> 00:57:46,070 Ini adalah fungsi generik, bentuk generik, itu SQL query. 1195 00:57:46,070 --> 00:57:52,240 >> INSERT INTO meja, apa sahaja ruangan anda mahu masukkan dan kemudian 1196 00:57:52,240 --> 00:57:58,740 nilai-nilai yang anda akan mahu untuk dimasukkan ke dalam mereka lajur atau bidang. 1197 00:57:58,740 --> 00:58:03,980 Jika anda mempunyai beberapa jadual dalam pangkalan data atau pelbagai pangkalan data, anda 1198 00:58:03,980 --> 00:58:06,630 juga mungkin perlu untuk menentukan pangkalan data dan jadual yang anda mahu 1199 00:58:06,630 --> 00:58:07,980 untuk meletakkan perkara-perkara ke dalam. 1200 00:58:07,980 --> 00:58:11,390 Tetapi yang sangat mudah, jika anda mahu untuk memasukkan ke dalam sesuatu, yang kamu katakan, di sini adalah 1201 00:58:11,390 --> 00:58:12,890 bidang saya mahu memasukkan ke dalam. 1202 00:58:12,890 --> 00:58:14,740 Dan di sini adalah nilai-nilai. 1203 00:58:14,740 --> 00:58:18,840 >> Dalam beberapa jadual, juga, dan pengguna ini ini meja adalah contoh yang baik. 1204 00:58:18,840 --> 00:58:21,940 Mungkin dalam jadual ini pengguna dan mungkin dalam jadual pengguna anda di P-Set 1205 00:58:21,940 --> 00:58:24,200 7, terdapat bukan hanya satu nilai nama pengguna. 1206 00:58:24,200 --> 00:58:27,100 Terdapat bukan hanya satu nilai wang tunai, atau bidang, bukan. 1207 00:58:27,100 --> 00:58:29,140 Terdapat juga medan ID. 1208 00:58:29,140 --> 00:58:31,110 >> Saya tidak akan untuk memasukkan bahawa bidang ID. 1209 00:58:31,110 --> 00:58:34,020 Itu akan diberikan kepada saya secara automatik, apabila 1210 00:58:34,020 --> 00:58:35,810 rekod baru dimasukkan. 1211 00:58:35,810 --> 00:58:37,820 Jadi ada beberapa bidang yang anda boleh bersedia untuk menjadi automatik. 1212 00:58:37,820 --> 00:58:41,740 >> Mungkin anda ingin memberi setiap pengguna $ 10,000 tunai off kelawar. 1213 00:58:41,740 --> 00:58:43,470 Jadi, saya tidak perlu memasukkan beberapa wang tunai di sini. 1214 00:58:43,470 --> 00:58:45,860 Apa yang saya perlu untuk memasukkan nama pengguna. 1215 00:58:45,860 --> 00:58:49,230 Dan kemudian, bidang tunai akan pra-penduduk, dan bidang ID akan 1216 00:58:49,230 --> 00:58:50,590 pra-penduduk. 1217 00:58:50,590 --> 00:58:53,640 >> Jadi sering kali, kami tidak memasukkan sesuatu ke dalam setiap bidang, kerana 1218 00:58:53,640 --> 00:58:55,400 bidang-bidang lain adalah pra-penduduknya. 1219 00:58:55,400 --> 00:58:58,320 Oleh kerana itu bagaimana kita menubuhkan sebuah meja itu. 1220 00:58:58,320 --> 00:59:01,280 >> Perkara kedua yang akan mahu lakukan adalah memadam rekod. 1221 00:59:01,280 --> 00:59:02,900 Memotong sesuatu yang sangat mudah. 1222 00:59:02,900 --> 00:59:05,660 Anda memberikan meja di mana anda mahu memadam sesuatu daripada. 1223 00:59:05,660 --> 00:59:11,202 Dan anda berkata, OK, saya mahu memadam rekod yang mempunyai nama pengguna Milo. 1224 00:59:11,202 --> 00:59:16,180 Atau saya mahu memadam semua rekod yang mempunyai nama pengguna Milo atau yang merupakan 1225 00:59:16,180 --> 00:59:18,700 transaksi daripada nombor ID pengguna 2. 1226 00:59:18,700 --> 00:59:21,950 1227 00:59:21,950 --> 00:59:24,809 Soalan mengenai ini dua jenis pertanyaan? 1228 00:59:24,809 --> 00:59:26,059 >> PENONTON: [didengar]. 1229 00:59:26,059 --> 00:59:28,721 1230 00:59:28,721 --> 00:59:30,770 >> JASON Hirschhorn: Ya. 1231 00:59:30,770 --> 00:59:33,530 Jadi saya akan menggunakan baris dan rekod silih berganti dan beberapa 1232 00:59:33,530 --> 00:59:35,400 dengan ruang dan bidang. 1233 00:59:35,400 --> 00:59:37,650 Tetapi satu baris adalah salah satu rekod. 1234 00:59:37,650 --> 00:59:40,080 Satu lajur adalah salah satu bidang, akan menyokong kepada jadual ini. 1235 00:59:40,080 --> 00:59:44,210 1236 00:59:44,210 --> 00:59:45,420 >> OK. 1237 00:59:45,420 --> 00:59:47,310 Perkara seterusnya yang anda mungkin akan lakukan adalah mendapatkan beberapa 1238 00:59:47,310 --> 00:59:48,400 maklumat dari meja. 1239 00:59:48,400 --> 00:59:50,090 Itu adalah Pilih pertanyaan. 1240 00:59:50,090 --> 00:59:52,330 Dan sekali lagi, apa yang jadual saya memilih dari? 1241 00:59:52,330 --> 00:59:58,370 Dan apa ruangan yang saya mahu untuk memilih, atau apa nilai yang saya mahu untuk memilih dan 1242 00:59:58,370 --> 00:59:59,530 yang berturut-turut? 1243 00:59:59,530 --> 01:00:01,120 >> Oleh itu adalah Pilih tertentu sedikit. 1244 01:00:01,120 --> 01:00:03,620 Saya berkata, OK, saya mahu jadual ini. 1245 01:00:03,620 --> 01:00:09,350 Dan kemudian saya mahu nama pengguna ruang, dan Saya mahu ia dari barisan dengan ID 2. 1246 01:00:09,350 --> 01:00:11,030 Itulah salah satu cara untuk melakukan Pilih. 1247 01:00:11,030 --> 01:00:14,180 >> Atau boleh saya katakan, memberi saya setiap nama pengguna tunggal. 1248 01:00:14,180 --> 01:00:18,200 Atau boleh saya katakan, memberi saya satu keseluruhan baris dari jadual ini, di mana 1249 01:00:18,200 --> 01:00:19,460 nama pengguna ialah 1. 1250 01:00:19,460 --> 01:00:22,300 Jadi terdapat beberapa cara yang berbeza untuk melakukan Pilih pertanyaan, bergantung kepada bagaimana 1251 01:00:22,300 --> 01:00:24,130 banyak maklumat yang anda mahu, 1252 01:00:24,130 --> 01:00:29,410 >> Anda boleh sentiasa hanya pilih semua itu jadual tertentu dan kemudian gelung 1253 01:00:29,410 --> 01:00:31,320 melaluinya, memilih keluar perkara yang anda mahu. 1254 01:00:31,320 --> 01:00:33,940 Tetapi perlu diingat, jika anda memilih banyak perkara dari jadual dan anda 1255 01:00:33,940 --> 01:00:37,400 mempunyai jadual benar-benar besar, yang akan membawa masa, jadi terbaik untuk hanya memilih 1256 01:00:37,400 --> 01:00:40,000 perkara-perkara yang anda akan untuk akhirnya menggunakan. 1257 01:00:40,000 --> 01:00:43,580 >> Juga, dengan Pilih dan dengan semua ini lain SQL menyuruh juga, saya 1258 01:00:43,580 --> 01:00:45,760 memberikan anda versi kosong-tulang. 1259 01:00:45,760 --> 01:00:51,600 Tetapi katakan, saya memilih pengguna dan saya mahu untuk mencetak mereka keluar mengikut abjad, 1260 01:00:51,600 --> 01:00:56,710 Saya boleh pilih semua pengguna dan kemudian jenis mereka mengikut abjad dalam kod saya. 1261 01:00:56,710 --> 01:01:01,990 >> Atau ada cara untuk menulis pilih pertanyaan, yang memilih perkara-perkara dalam 1262 01:01:01,990 --> 01:01:06,580 fesyen abjad, berdasarkan kira satu ruangan tertentu, sama ada menaik atau 1263 01:01:06,580 --> 01:01:07,490 menurun. 1264 01:01:07,490 --> 01:01:11,660 Jadi ingat bahawa, banyak daripada apa yang anda mahu lakukan mungkin boleh dilakukan dalam 1265 01:01:11,660 --> 01:01:15,070 pertanyaan melalui tambahan atribut. 1266 01:01:15,070 --> 01:01:19,120 Jadi jangan mencari pertanyaan ini dalam talian atau perkara-perkara lain yang anda boleh lakukan dengan ini 1267 01:01:19,120 --> 01:01:21,410 pertanyaan untuk mengembangkan mereka. 1268 01:01:21,410 --> 01:01:25,020 >> Akhir sekali, perkara terakhir yang anda mahu lakukan tidak memasukkan sesuatu atau memadam 1269 01:01:25,020 --> 01:01:26,700 sesuatu, tetapi sebaliknya mengemas kini sesuatu. 1270 01:01:26,700 --> 01:01:30,380 Dan yang dilakukan dengan kemas kini pertanyaan, dan sekali lagi, apa yang jadual. 1271 01:01:30,380 --> 01:01:32,530 Dan apa perubahan yang saya mahu untuk membuat? 1272 01:01:32,530 --> 01:01:35,915 Dan yang mana baris atau rekod melakukan Saya mahu membuat perubahan itu? 1273 01:01:35,915 --> 01:01:38,720 1274 01:01:38,720 --> 01:01:40,300 Soalan mengenai SQL? 1275 01:01:40,300 --> 01:01:47,070 1276 01:01:47,070 --> 01:01:47,310 >> OK. 1277 01:01:47,310 --> 01:01:49,080 Oleh itu, kita mempunyai kira-kira 15 minit. 1278 01:01:49,080 --> 01:01:51,460 Dan ini adalah slaid terakhir saya. 1279 01:01:51,460 --> 01:01:55,380 Dan mudah-mudahan, slaid terakhir ini adalah Segue baik ke dalam masalah yang ditetapkan, 1280 01:01:55,380 --> 01:01:58,820 kerana memahami di mana kita mahu memasukkan rekod, memadamnya, pilih 1281 01:01:58,820 --> 01:02:03,420 mereka, dan kini mereka akan membantu kita memahami logik yang lebih besar dan mengalir 1282 01:02:03,420 --> 01:02:05,570 Masalah Set 7. 1283 01:02:05,570 --> 01:02:08,330 >> Jadi saya tahu semua jawapan kepada soalan-soalan. 1284 01:02:08,330 --> 01:02:10,570 Saya tidak akan memberitahu anda semua jawapan. 1285 01:02:10,570 --> 01:02:15,530 Tetapi jika orang lain ingin mengemukakan soalan kepada kumpulan atau 1286 01:02:15,530 --> 01:02:18,700 menjawab kepada salah satu soalan ini, kita boleh menggunakannya sebagai titik melompat dari untuk 1287 01:02:18,700 --> 01:02:20,311 bercakap tentang masalah yang ditetapkan. 1288 01:02:20,311 --> 01:02:24,159 1289 01:02:24,159 --> 01:02:27,260 Atau jika seseorang mempunyai lebih generik soalan off masalah yang ditetapkan, berasa 1290 01:02:27,260 --> 01:02:28,210 bebas untuk bertanya itu juga. 1291 01:02:28,210 --> 01:02:29,460 Dan kita boleh mula di sana. 1292 01:02:29,460 --> 01:02:32,840 1293 01:02:32,840 --> 01:02:35,973 Perlu diingat bahawa anda menjadi senyap mencederakan semua orang. 1294 01:02:35,973 --> 01:02:36,376 Yeah. 1295 01:02:36,376 --> 01:02:39,540 >> PENONTON: Jadi satu-satunya cara untuk lulus pembolehubah ke dan dari web yang berbeza 1296 01:02:39,540 --> 01:02:44,532 halaman, atau yang paling mudah cara, dengan menggunakan POST atau GET? 1297 01:02:44,532 --> 01:02:52,380 >> JASON Hirschhorn: Jadi ya, iaitu Cara yang paling mudah untuk mengatakan - apabila 1298 01:02:52,380 --> 01:02:53,970 seseorang mengisi borang - 1299 01:02:53,970 --> 01:02:57,540 mendapatkan maklumat mengenai web yang lain halaman, dengan menggunakan GET atau POST. 1300 01:02:57,540 --> 01:03:00,400 1301 01:03:00,400 --> 01:03:04,320 Oleh kerana rangka kerja yang kami gunakan dalam set masalah ini, anda akan notis 1302 01:03:04,320 --> 01:03:08,630 itu, banyak kali, kita menampilkan halaman lain. 1303 01:03:08,630 --> 01:03:12,420 kami Atau kita menyebabkan fail lain, tidak semestinya laman lain. 1304 01:03:12,420 --> 01:03:14,050 >> Oleh itu, kita lulus dalam pembolehubah. 1305 01:03:14,050 --> 01:03:16,400 Dan kemudian, ia menyebabkan satu Halaman HTML, menggunakan 1306 01:03:16,400 --> 01:03:18,220 maklumat daripada berubah-ubah itu. 1307 01:03:18,220 --> 01:03:20,790 Yang tidak secara teknikal lulus maklumat antara 1308 01:03:20,790 --> 01:03:21,910 laman web yang berbeza. 1309 01:03:21,910 --> 01:03:24,600 Yang lulus maklumat antara fail yang berbeza. 1310 01:03:24,600 --> 01:03:26,710 >> Dan supaya kita boleh menggunakan mana-mana berubah-ubah untuk melakukannya. 1311 01:03:26,710 --> 01:03:33,230 Tetapi ya, jika kita mahu meluluskan maklumat dari laman tertentu untuk 1312 01:03:33,230 --> 01:03:36,850 laman lain, GET dan POST akan menjadi cara untuk melakukannya. 1313 01:03:36,850 --> 01:03:43,060 1314 01:03:43,060 --> 01:03:45,765 Apa-apa soalan lain tentang masalah yang ditetapkan? 1315 01:03:45,765 --> 01:03:49,490 1316 01:03:49,490 --> 01:03:50,150 >> OK. 1317 01:03:50,150 --> 01:03:53,660 Mari kita pergi melalui, maka, tertentu sebahagian daripada masalah yang ditetapkan. 1318 01:03:53,660 --> 01:04:00,260 Anda akan perlu, pada satu ketika, memaparkan portfolio seseorang itu pada 1319 01:04:00,260 --> 01:04:01,710 skrin. 1320 01:04:01,710 --> 01:04:06,454 Apa yang saya maksudkan apabila saya berkata portfolio, dalam konteks masalah ini ditetapkan? 1321 01:04:06,454 --> 01:04:11,350 >> PENONTON: Ia seperti saham yang mereka mempunyai berapa, banyak saham yang mereka miliki, 1322 01:04:11,350 --> 01:04:13,760 harga, dan berapa banyak wang yang mereka telah meninggalkan. 1323 01:04:13,760 --> 01:04:15,235 >> JASON Hirschhorn: Itu bunyi yang hebat. 1324 01:04:15,235 --> 01:04:19,640 Jadi saya mahu untuk memaparkan semua saham mereka sendiri bagi setiap syarikat saham ini 1325 01:04:19,640 --> 01:04:23,770 saham dan mungkin berapa banyak itu bernilai, dan kemudian berubah-ubah yang berasingan, 1326 01:04:23,770 --> 01:04:25,960 berapa banyak wang mereka sendiri. 1327 01:04:25,960 --> 01:04:27,150 Jadi katakan Ingin saya terangkan itu. 1328 01:04:27,150 --> 01:04:29,660 Mari kita mula bercakap tentang bagaimana saya boleh tidak melakukan itu, apa yang jadual saya 1329 01:04:29,660 --> 01:04:31,210 akan perlu perlu dapat melakukan itu. 1330 01:04:31,210 --> 01:04:34,070 1331 01:04:34,070 --> 01:04:34,460 Ya - 1332 01:04:34,460 --> 01:04:37,970 >> PENONTON: Pengguna Nah, dan kemudian, saya rasa anda boleh membuat jadual yang dipanggil 1333 01:04:37,970 --> 01:04:41,920 Saham atau sesuatu seperti itu, yang akan berapa banyak yang mereka beli. 1334 01:04:41,920 --> 01:04:42,660 >> JASON Hirschhorn: OK. 1335 01:04:42,660 --> 01:04:46,530 Jadi, saya akan memerlukan meja yang dipanggil Pengguna, yang menyimpan maklumat tentang 1336 01:04:46,530 --> 01:04:50,640 nama pengguna, mungkin, mungkin beberapa ID, mungkin kata laluan seseorang individu. 1337 01:04:50,640 --> 01:04:52,850 Apakah sesuatu yang lain yang anda hanya berkata dikaitkan? 1338 01:04:52,850 --> 01:04:55,510 Seseorang selain Michael, apa yang sesuatu yang lain yang dikaitkan dengan 1339 01:04:55,510 --> 01:04:58,270 setiap pengguna, unik kepada mereka? 1340 01:04:58,270 --> 01:05:00,050 >> PENONTON: ID. 1341 01:05:00,050 --> 01:05:01,170 >> JASON Hirschhorn: ID - 1342 01:05:01,170 --> 01:05:03,540 apa satu perkara lain yang kita mungkin akan mahu 1343 01:05:03,540 --> 01:05:05,685 memaparkan di halaman ini? 1344 01:05:05,685 --> 01:05:06,990 >> PENONTON: Nama mereka. 1345 01:05:06,990 --> 01:05:10,550 >> JASON Hirschhorn: Nama mereka - apa yang satu lagi perkara yang berkaitan dengan ini 1346 01:05:10,550 --> 01:05:11,420 masalah tertentu yang ditetapkan? 1347 01:05:11,420 --> 01:05:14,110 >> PENONTON: Apa saham mereka sendiri - 1348 01:05:14,110 --> 01:05:16,650 >> JASON Hirschhorn: Terdapat akan menjadi banyak apa saham mereka sendiri. 1349 01:05:16,650 --> 01:05:19,670 Apakah satu nilai tertentu walaupun, bahawa mereka akan mempunyai 1350 01:05:19,670 --> 01:05:22,640 yang berkaitan dengan mereka? 1351 01:05:22,640 --> 01:05:25,709 Bagaimana mereka akan membeli dan menjual saham mereka? 1352 01:05:25,709 --> 01:05:26,595 >> PENONTON: Tunai. 1353 01:05:26,595 --> 01:05:28,100 >> JASON Hirschhorn: Mereka akan mempunyai wang tunai. 1354 01:05:28,100 --> 01:05:31,020 Jadi setiap pengguna akan mempunyai satu nilai wang tunai. 1355 01:05:31,020 --> 01:05:32,360 Dan itu akan menjadi unik untuk setiap pengguna. 1356 01:05:32,360 --> 01:05:35,040 Jadi dalam jadual pengguna, ia membuat akal untuk dimasukkan ke dalam wang tunai. 1357 01:05:35,040 --> 01:05:39,100 >> Anda boleh, sudah tentu, mewujudkan satu lagi jadual yang mempunyai ID pengguna dan mereka 1358 01:05:39,100 --> 01:05:40,200 nilai tunai. 1359 01:05:40,200 --> 01:05:41,070 Tetapi ia tidak masuk akal. 1360 01:05:41,070 --> 01:05:43,410 Ia masuk akal untuk hanya meletakkan semua itu dalam satu jadual. 1361 01:05:43,410 --> 01:05:46,860 >> Jadi, kita akan mempunyai satu jadual dengan maklumat tersebut. 1362 01:05:46,860 --> 01:05:48,360 Dan kemudian, apa yang meja lain kita akan ada? 1363 01:05:48,360 --> 01:05:49,430 Anda berkata, meja Stok. 1364 01:05:49,430 --> 01:05:50,680 Apa yang kita meletakkan dalam jadual Stok yang? 1365 01:05:50,680 --> 01:05:55,860 1366 01:05:55,860 --> 01:05:57,530 Sesiapa sahaja, idea-idea - 1367 01:05:57,530 --> 01:05:58,796 >> PENONTON: Syarikat. 1368 01:05:58,796 --> 01:06:00,020 >> JASON Hirschhorn: Kami akan untuk dimasukkan ke dalam nama 1369 01:06:00,020 --> 01:06:03,620 syarikat, sehingga AAPL untuk Apple. 1370 01:06:03,620 --> 01:06:04,050 Yeah. 1371 01:06:04,050 --> 01:06:05,390 >> PENONTON: Berapa banyak saham dan berapa banyak mereka bernilai. 1372 01:06:05,390 --> 01:06:08,590 >> JASON Hirschhorn: Berapa banyak syer, berapa banyak mereka bernilai - 1373 01:06:08,590 --> 01:06:10,630 apa yang sesuatu yang lain kita perlu dalam jadual itu? 1374 01:06:10,630 --> 01:06:12,770 >> PENONTON: ID pengguna untuk indeks ia. 1375 01:06:12,770 --> 01:06:14,000 >> JASON Hirschhorn: ID Pengguna. 1376 01:06:14,000 --> 01:06:16,070 Jadi dalam jadual itu, kita akan mungkin mempunyai - 1377 01:06:16,070 --> 01:06:18,610 katakan, jika ia seseorang yang memiliki tiga saham, tiga baris, masing-masing dengan 1378 01:06:18,610 --> 01:06:23,730 ID pengguna atau manual individu itu ID, tetapi nama syarikat yang berlainan, 1379 01:06:23,730 --> 01:06:28,570 nombor berbeza saham mungkin, dan nilai harga yang berbeza untuk setiap 1380 01:06:28,570 --> 01:06:29,820 daripada saham-saham. 1381 01:06:29,820 --> 01:06:34,690 1382 01:06:34,690 --> 01:06:37,130 Sekali lagi, apa yang saya katakan sekarang tidak semestinya pelaksanaan, 1383 01:06:37,130 --> 01:06:39,150 kerana anda sedar ada lagi yang cara berkesan untuk melaksanakannya. 1384 01:06:39,150 --> 01:06:41,020 Tetapi ini adalah tempat yang baik untuk bermula. 1385 01:06:41,020 --> 01:06:41,430 >> OK. 1386 01:06:41,430 --> 01:06:42,830 Tadi itu adalah dua jadual yang kita ada. 1387 01:06:42,830 --> 01:06:44,470 Sekarang kita ingin memaparkan halaman ini. 1388 01:06:44,470 --> 01:06:48,510 Apakah jenis pertama pertanyaan kita perlu untuk membuat. 1389 01:06:48,510 --> 01:06:52,190 Pada setiap halaman, diandaikan bahawa adalah pengguna itu log masuk, kita mempunyai ID pengguna mereka. 1390 01:06:52,190 --> 01:06:55,480 Jadi apa jenis pertama Pertanyaan kita perlu membuat? 1391 01:06:55,480 --> 01:06:55,910 Yeah. 1392 01:06:55,910 --> 01:06:56,936 >> PENONTON: ID pengguna mereka. 1393 01:06:56,936 --> 01:07:00,090 >> JASON Hirschhorn: Kami mempunyai ID pengguna mereka, apabila kami mula kod di 1394 01:07:00,090 --> 01:07:01,340 permulaan halaman kami. 1395 01:07:01,340 --> 01:07:03,880 1396 01:07:03,880 --> 01:07:06,470 Jadi apa jenis pertama pertanyaan kita perlukan untuk membuat, diberikan ID pengguna? 1397 01:07:06,470 --> 01:07:09,580 1398 01:07:09,580 --> 01:07:10,530 Kami pergi empat jenis. 1399 01:07:10,530 --> 01:07:11,860 Terdapat hanya empat jawapan yang mungkin. 1400 01:07:11,860 --> 01:07:13,230 >> PENONTON: Ia adalah memilih rekod. 1401 01:07:13,230 --> 01:07:14,710 >> JASON Hirschhorn: A Pilih - 1402 01:07:14,710 --> 01:07:19,110 kita mahu untuk memilih daripada pengguna ini meja untuk mendapatkan, katakan, 1403 01:07:19,110 --> 01:07:20,040 amaunnya wang tunai. 1404 01:07:20,040 --> 01:07:22,450 Dan kita boleh mencetak jumlah wang tunai di bahagian atas skrin. 1405 01:07:22,450 --> 01:07:22,720 OK. 1406 01:07:22,720 --> 01:07:24,210 Apakah jenis akan datang Pertanyaan kita mahu lakukan? 1407 01:07:24,210 --> 01:07:34,650 1408 01:07:34,650 --> 01:07:36,160 >> Kami mempunyai beberapa perkara lain kita perlu untuk dipaparkan. 1409 01:07:36,160 --> 01:07:37,480 Mereka disimpan di dalam jadual yang lain. 1410 01:07:37,480 --> 01:07:38,300 Jadi bagaimana kita boleh mendapatkan itu? 1411 01:07:38,300 --> 01:07:40,106 >> PENONTON: Anda pilih untuk mereka. 1412 01:07:40,106 --> 01:07:42,490 >> JASON Hirschhorn: A Pilih - sekali lagi, terdapat hanya empat pilihan jawapan. 1413 01:07:42,490 --> 01:07:44,180 Pilih mungkin bunyi seperti yang betul. 1414 01:07:44,180 --> 01:07:47,510 Oleh itu, kita perlu melakukan satu lagi pilih pertanyaan, sekali lagi menggunakan ID pengguna. 1415 01:07:47,510 --> 01:07:50,370 Dan sekarang, kita mahu kembali bukan hanya satu berturut-turut, bu semua baris yang sepadan dengan kami 1416 01:07:50,370 --> 01:07:53,200 kriteria, di mana ID pengguna sama 1. 1417 01:07:53,200 --> 01:07:56,790 >> Dan kemudian kita boleh pergi dan membiarkan gelung hanya mencetak semua keluar pada skrin, 1418 01:07:56,790 --> 01:07:59,250 mungkin mencetak syarikat daripada setiap orang-orang pada skrin. 1419 01:07:59,250 --> 01:08:02,430 Besar, yang berbunyi seperti itu memaparkan portfolio, tidak banyak lagi 1420 01:08:02,430 --> 01:08:03,810 rumit daripada itu. 1421 01:08:03,810 --> 01:08:07,460 >> OK, pengguna kemudian memutuskan bahawa mereka telah banyak wang yang ditinggalkan. 1422 01:08:07,460 --> 01:08:09,900 Dan mereka mahu membeli beberapa lebih banyak saham saham. 1423 01:08:09,900 --> 01:08:12,580 Katakan, mereka telah memiliki saham syarikat ini juga. 1424 01:08:12,580 --> 01:08:14,110 >> Jadi mereka pergi ke halaman membeli anda. 1425 01:08:14,110 --> 01:08:16,830 Mereka input nama syarikat. 1426 01:08:16,830 --> 01:08:20,380 Apakah pertanyaan tersebut, selepas input yang nama syarikat, yang anda perlu 1427 01:08:20,380 --> 01:08:22,819 melaksanakan seterusnya? 1428 01:08:22,819 --> 01:08:23,180 Yeah. 1429 01:08:23,180 --> 01:08:23,960 >> PENONTON: Update. 1430 01:08:23,960 --> 01:08:26,670 >> JASON Hirschhorn: Update - dan apa jadual yang anda mahu untuk mengemaskini? 1431 01:08:26,670 --> 01:08:29,018 >> PENONTON: meja mereka, berdasarkan pada nombor ID mereka? 1432 01:08:29,018 --> 01:08:31,880 >> JASON Hirschhorn: Jadi mengemaskini tidak jadual pengguna - 1433 01:08:31,880 --> 01:08:36,029 1434 01:08:36,029 --> 01:08:40,899 jadi mengemaskini jadual Stok, di mana ID pengguna bukan sahaja perlawanan, tetapi 1435 01:08:40,899 --> 01:08:43,160 nama saham juga perlawanan. 1436 01:08:43,160 --> 01:08:45,660 Anda akan mendapat beberapa nilai. 1437 01:08:45,660 --> 01:08:48,270 Dan kemudian, anda akan mahu mengambil nilai yang dan menambah saham bagaimanapun banyak mereka 1438 01:08:48,270 --> 01:08:49,890 ingin membeli daripadanya. 1439 01:08:49,890 --> 01:08:53,420 >> Jadi anda tidak mahu membuta tuli menulis ganti nilai itu. 1440 01:08:53,420 --> 01:08:56,330 Tetapi anda boleh, sebenarnya, mengambil awal yang menghargai dan hanya mengemaskinikannya. 1441 01:08:56,330 --> 01:09:00,790 Anda boleh melakukan seperti ditambah dengan sama, bukan hanya satu setaraf. 1442 01:09:00,790 --> 01:09:03,689 >> Apakah sesuatu walaupun - jika kita berfikir tentang perkara ini dan kita mahu menjadi 1443 01:09:03,689 --> 01:09:08,090 sebagai kukuh yang mungkin - kita perlu melakukan sebelum kita menjalankan yang kemas kini pertanyaan? 1444 01:09:08,090 --> 01:09:09,859 Mereka mahu membeli lima tahun Apple. 1445 01:09:09,859 --> 01:09:11,030 Setiap saham Apple adalah $ 200. 1446 01:09:11,030 --> 01:09:12,762 >> PENONTON: Kami perlu menyemak wang pertama. 1447 01:09:12,762 --> 01:09:15,130 >> JASON Hirschhorn: Kami perlu memeriksa wang pertama. 1448 01:09:15,130 --> 01:09:16,680 Kami perlu memastikan mereka mempunyai wang yang cukup. 1449 01:09:16,680 --> 01:09:20,766 Apakah jenis pertanyaan boleh kita melaksanakan untuk memastikan mereka mempunyai wang yang cukup? 1450 01:09:20,766 --> 01:09:22,143 >> PENONTON: Satu lagi Pilih. 1451 01:09:22,143 --> 01:09:23,680 >> JASON Hirschhorn: A Pilih - 1452 01:09:23,680 --> 01:09:26,580 kita pilih berdasarkan ID pengguna mereka, untuk mendapatkan nilai wang tunai. 1453 01:09:26,580 --> 01:09:27,620 Adakah beberapa matematik cepat. 1454 01:09:27,620 --> 01:09:30,279 Dan jika yang berlalu mengumpul, mereka mempunyai wang tunai yang mencukupi. 1455 01:09:30,279 --> 01:09:31,580 Kemudian kita boleh menjalankan kemas kini kami. 1456 01:09:31,580 --> 01:09:33,850 Atau mungkin, jika tidak, kita akan pergi kemudian. 1457 01:09:33,850 --> 01:09:35,370 Kita memberi mereka amaran. 1458 01:09:35,370 --> 01:09:35,710 >> OK. 1459 01:09:35,710 --> 01:09:36,560 Mengatakan mereka tidak mempunyai sebuah syarikat. 1460 01:09:36,560 --> 01:09:37,310 Mereka membeli sebuah syarikat baru. 1461 01:09:37,310 --> 01:09:39,910 Mereka membeli Microsoft. 1462 01:09:39,910 --> 01:09:41,910 Apakah jenis pertanyaan kita mahu lakukan, jika mereka mahu membeli Microsoft? 1463 01:09:41,910 --> 01:09:43,350 Dan mereka tidak mempunyai apa-apa Microsoft. 1464 01:09:43,350 --> 01:09:47,520 Tidak Manu, orang lain, sesiapa sahaja selain Marcus? 1465 01:09:47,520 --> 01:09:48,229 Carlos - 1466 01:09:48,229 --> 01:09:50,870 >> PENONTON: A Pilih, untuk memastikan mereka mempunyai wang yang cukup. 1467 01:09:50,870 --> 01:09:51,770 >> JASON Hirschhorn: Bunyi yang baik. 1468 01:09:51,770 --> 01:09:54,815 >> PENONTON: Dan kemudian anda memasukkan pada [didengar]. 1469 01:09:54,815 --> 01:09:56,500 >> JASON Hirschhorn: Tepat sekali, kami akan mahu untuk memasukkan 1470 01:09:56,500 --> 01:09:57,800 ke dalam jadual Stok itu. 1471 01:09:57,800 --> 01:09:59,370 Dan kita akan mahu untuk memasukkan. 1472 01:09:59,370 --> 01:10:02,510 Kami boleh memasukkan ID pengguna mereka, nama syarikat itu, dan berapa banyak saham yang 1473 01:10:02,510 --> 01:10:03,940 mereka mahu membeli. 1474 01:10:03,940 --> 01:10:08,040 >> Apakah beberapa operasi lain yang adalah halaman atau fungsi anda 1475 01:10:08,040 --> 01:10:10,420 akan perlu melaksanakan di P-Set 7, bahawa kita harus pergi ke? 1476 01:10:10,420 --> 01:10:12,160 >> PENONTON: Sebenarnya, saya jenis mempunyai satu soalan kira-kira satu ini. 1477 01:10:12,160 --> 01:10:18,000 Sebelum anda memaparkan portfolio, sekiranya anda memeriksa laman web Yahoo untuk 1478 01:10:18,000 --> 01:10:19,920 memastikan harga saham tidak berubah? 1479 01:10:19,920 --> 01:10:21,660 >> JASON Hirschhorn: Itu bunyi seperti idea yang baik. 1480 01:10:21,660 --> 01:10:27,260 Jadi apa Marcus berkata demikian OK, saham harga sentiasa berubah-ubah. 1481 01:10:27,260 --> 01:10:32,840 Dalam saham bahawa mereka memiliki jadual, kami jadual dipanggil Stok, kita boleh menyelamatkan 1482 01:10:32,840 --> 01:10:35,360 harga saham mereka membelinya di. 1483 01:10:35,360 --> 01:10:37,990 >> Tetapi itu tidak kelihatan seolah-olah yang teguh, kerana harga saham adalah 1484 01:10:37,990 --> 01:10:39,490 sentiasa akan berubah. 1485 01:10:39,490 --> 01:10:41,990 Jadi sebenarnya, anda mungkin tidak perlu untuk menyelamatkan harga saham. 1486 01:10:41,990 --> 01:10:45,230 Tetapi setiap kali anda memaparkan mereka portfolio, anda memuat semula atau mengemaskini 1487 01:10:45,230 --> 01:10:46,280 harga saham. 1488 01:10:46,280 --> 01:10:48,720 >> Dan jika anda mempunyai - dan anda telah. 1489 01:10:48,720 --> 01:10:51,330 Saya tahu anda semua kelihatan dalam masalah menetapkan kembali sudah. 1490 01:10:51,330 --> 01:10:55,410 Anda telah menyedari bahawa kita telah menulis beberapa kod untuk anda yang akan membolehkan anda 1491 01:10:55,410 --> 01:10:57,650 untuk mendapatkan harga saham, diberi nama syarikat. 1492 01:10:57,650 --> 01:10:59,620 >> Jadi ya, yang mungkin bunyi sedikit lebih teguh. 1493 01:10:59,620 --> 01:11:04,260 Tetapi jadual yang tidak semestinya perlu untuk menyelamatkan harga saham. 1494 01:11:04,260 --> 01:11:04,720 OK. 1495 01:11:04,720 --> 01:11:07,590 Apakah beberapa fungsi lain yang anda perlu melaksanakan minggu ini bahawa 1496 01:11:07,590 --> 01:11:10,340 kita boleh bercakap tentang? 1497 01:11:10,340 --> 01:11:11,590 Saya mahu bercakap tentang mereka. 1498 01:11:11,590 --> 01:11:14,342 1499 01:11:14,342 --> 01:11:16,516 >> Apa yang anda mahu untuk bercakap tentang? 1500 01:11:16,516 --> 01:11:17,810 Ia mungkin dalam spec ini. 1501 01:11:17,810 --> 01:11:20,600 Saya hanya akan tatal ke bawah ke bahagian bawah daripada spec dan bertanya kepada saya perkataan pertama 1502 01:11:20,600 --> 01:11:21,850 anda melihat bahawa tidak masuk akal. 1503 01:11:21,850 --> 01:11:55,130 1504 01:11:55,130 --> 01:11:56,960 Satu fungsi lain - 1505 01:11:56,960 --> 01:11:57,840 mari kita bercakap tentang satu. 1506 01:11:57,840 --> 01:12:00,775 Kita bermula di sana. 1507 01:12:00,775 --> 01:12:02,065 >> PENONTON: Rakaman sejarah. 1508 01:12:02,065 --> 01:12:03,960 >> JASON Hirschhorn: Rakaman sejarah, satu yang besar. 1509 01:12:03,960 --> 01:12:06,920 Jadi, anda akan perlu untuk mengesan daripada sejarah transaksi. 1510 01:12:06,920 --> 01:12:10,840 1511 01:12:10,840 --> 01:12:14,270 Jadi, anda mahu untuk mengesan setiap kali mereka membeli atau menjual saham. 1512 01:12:14,270 --> 01:12:15,160 >> Saya telah membeli saham saya. 1513 01:12:15,160 --> 01:12:18,580 Kita hanya berkata, ia mungkin masuk akal untuk memasukkan Pilih, untuk mendapatkan mereka 1514 01:12:18,580 --> 01:12:20,220 jumlah tunai dan cek kembali. 1515 01:12:20,220 --> 01:12:25,270 Ia mungkin adalah bijak kemudian untuk memasukkan memasukkan atau kemas kini, bergantung kepada 1516 01:12:25,270 --> 01:12:27,720 sama ada mereka memiliki saham itu. 1517 01:12:27,720 --> 01:12:32,740 Jika kita juga mahu untuk mengesan sejarah, bagaimana kita boleh berbuat demikian? 1518 01:12:32,740 --> 01:12:37,530 1519 01:12:37,530 --> 01:12:38,720 Adakah yang pergi dalam jadual Stok yang? 1520 01:12:38,720 --> 01:12:39,822 >> PENONTON: No 1521 01:12:39,822 --> 01:12:42,130 >> JASON Hirschhorn: Tiada ia mungkin pergi dalam jadual yang berbeza. 1522 01:12:42,130 --> 01:12:44,040 Kerana mengatakan anda membeli 10 saham Apple. 1523 01:12:44,040 --> 01:12:45,370 Kemudian anda membeli 10 saham yang lain. 1524 01:12:45,370 --> 01:12:46,610 Anda mahu tunda rekod yang berasingan. 1525 01:12:46,610 --> 01:12:47,610 Inilah dua urus niaga berasingan. 1526 01:12:47,610 --> 01:12:50,510 >> Oleh itu, kita mempunyai jadual yang lain, jadual Sejarah. 1527 01:12:50,510 --> 01:12:51,880 Jadi sekali lagi, kita beli. 1528 01:12:51,880 --> 01:12:54,080 Kami melaksanakan Pilih, kemudian Sisipan atau Kemas kini. 1529 01:12:54,080 --> 01:12:56,410 Apa yang kami lakukan seterusnya? 1530 01:12:56,410 --> 01:13:00,410 Apa pertanyaan seterusnya yang kita melaksanakan apabila kita membeli sesuatu? 1531 01:13:00,410 --> 01:13:01,430 Kami mahu menjejaki sejarah. 1532 01:13:01,430 --> 01:13:01,570 Yeah. 1533 01:13:01,570 --> 01:13:05,195 >> PENONTON: Anda mahu untuk mengesan gagal transaksi juga. 1534 01:13:05,195 --> 01:13:07,700 >> JASON Hirschhorn: Baiklah, sebelum kita kata jenis transaksi, 1535 01:13:07,700 --> 01:13:11,080 apa yang kita mahu - 1536 01:13:11,080 --> 01:13:13,910 Apakah jenis pertanyaan, Carlos, akan membolehkan kita untuk mengesan 1537 01:13:13,910 --> 01:13:16,216 perkara secara umum? 1538 01:13:16,216 --> 01:13:17,860 Anda mempunyai empat tekaan. 1539 01:13:17,860 --> 01:13:18,660 Yang mana satu yang anda fikir? 1540 01:13:18,660 --> 01:13:20,835 >> PENONTON: Mengemaskini. 1541 01:13:20,835 --> 01:13:22,400 >> JASON Hirschhorn: Tidak mengemas kini. 1542 01:13:22,400 --> 01:13:25,250 Apa tekaan kedua anda? 1543 01:13:25,250 --> 01:13:26,730 >> PENONTON: Memilih. 1544 01:13:26,730 --> 01:13:30,020 >> JASON Hirschhorn: Jika anda hendak simpan menjejaki sesuatu, anda mungkin mahu 1545 01:13:30,020 --> 01:13:33,310 menulisnya di suatu tempat atau untuk kegunaan kemudian. 1546 01:13:33,310 --> 01:13:37,054 Jadi, jika tidak mengemas kini, maka - 1547 01:13:37,054 --> 01:13:38,310 >> PENONTON: Masukkan ia. 1548 01:13:38,310 --> 01:13:39,553 >> JASON Hirschhorn: Sisipan, ada kita pergi. 1549 01:13:39,553 --> 01:13:44,230 Ya, jadi anda pilih jumlah tunai mereka ada, bunyi yang hebat. 1550 01:13:44,230 --> 01:13:45,320 Mereka tidak mempunyai wang tunai yang mencukupi. 1551 01:13:45,320 --> 01:13:46,720 Urus niaga yang tidak akan bekerja. 1552 01:13:46,720 --> 01:13:49,440 Tidak, anda tidak perlu untuk mengesan transaksi jika ia tidak berfungsi. 1553 01:13:49,440 --> 01:13:52,280 Atau anda boleh, jika anda mahu memberi mereka masa yang sukar. 1554 01:13:52,280 --> 01:13:53,430 Tetapi anda tidak perlu. 1555 01:13:53,430 --> 01:13:55,820 >> Kemudian, anda memasukkan atau mengemaskini dalam jadual Stok mereka. 1556 01:13:55,820 --> 01:13:57,260 Dan sekarang, anda mempunyai jadual anda yang lain. 1557 01:13:57,260 --> 01:13:59,790 Anda mempunyai jadual sejarah anda atau apa sahaja yang anda mahu panggil ia. 1558 01:13:59,790 --> 01:14:02,920 Dan dalam jadual itu, anda akan untuk memasukkan baris baru. 1559 01:14:02,920 --> 01:14:04,205 >> Itu mungkin akan mempunyai ID pengguna. 1560 01:14:04,205 --> 01:14:05,840 Ia mungkin akan mempunyai nama saham. 1561 01:14:05,840 --> 01:14:08,760 Ia mungkin akan mempunyai satu masa yang mereka melakukannya. 1562 01:14:08,760 --> 01:14:11,500 Dan dalam kes ini, anda ll mungkin ingin memasukkan harga. 1563 01:14:11,500 --> 01:14:13,960 Kerana bagi sejarah yang, anda tidak perlu peduli apa harga semasa. 1564 01:14:13,960 --> 01:14:17,140 Anda mengambil berat apa yang harga adalah apabila mereka dibeli atau dijual sesuatu. 1565 01:14:17,140 --> 01:14:21,530 >> Jadi ia kedengaran seperti, untuk melaksanakan membeli melibatkan sepenuhnya beberapa berbeza 1566 01:14:21,530 --> 01:14:25,530 Pertanyaan SQL, Tetapi secara jujur, tidak kod yang lebih secara keseluruhan. 1567 01:14:25,530 --> 01:14:26,330 OK. 1568 01:14:26,330 --> 01:14:28,840 Dan yang menjaga sejarah. 1569 01:14:28,840 --> 01:14:30,450 >> Katakan, kita mahu memaparkan sejarah kita. 1570 01:14:30,450 --> 01:14:31,670 Kita bercakap tentang memaparkan portfolio kami. 1571 01:14:31,670 --> 01:14:33,902 Bagaimana kita akan memaparkan sejarah kita? 1572 01:14:33,902 --> 01:14:36,312 >> PENONTON: Barangkali mungkin kronologi. 1573 01:14:36,312 --> 01:14:37,920 >> JASON Hirschhorn: Barangkali mungkin kronologi - 1574 01:14:37,920 --> 01:14:39,400 apa pertanyaan yang anda fikir kita akan digunakan? 1575 01:14:39,400 --> 01:14:40,675 >> PENONTON: A pilih. 1576 01:14:40,675 --> 01:14:41,840 >> JASON Hirschhorn: A Pilih - 1577 01:14:41,840 --> 01:14:46,590 pilih mungkin semua baris dari jadual yang yang sepadan dengan ID pengguna dan kemudian 1578 01:14:46,590 --> 01:14:49,510 memaparkan mereka mengikut susunan waktu, bunyi yang baik. 1579 01:14:49,510 --> 01:14:52,590 Adakah kita perlu menulis kod untuk menyusun melalui senarai itu? 1580 01:14:52,590 --> 01:14:55,084 >> PENONTON: Tidak, kerana anda memberitahu kami ada naik satu 1581 01:14:55,084 --> 01:14:57,320 dan menurun perkara. 1582 01:14:57,320 --> 01:14:58,230 >> JASON Hirschhorn: Thing? 1583 01:14:58,230 --> 01:14:59,190 >> PENONTON: Yeah. 1584 01:14:59,190 --> 01:15:01,270 >> JASON Hirschhorn: Yeah. 1585 01:15:01,270 --> 01:15:09,300 OK, jangan berpaling dalam kod kepada saya, bahawa secara manual menyusun melalui pertanyaan anda, 1586 01:15:09,300 --> 01:15:09,820 untuk menyusun mereka. 1587 01:15:09,820 --> 01:15:12,480 Kod yang telah pun diberikan. 1588 01:15:12,480 --> 01:15:15,310 Anda boleh menulis Pilih pertanyaan yang menyusun sesuatu. 1589 01:15:15,310 --> 01:15:18,900 Menyusun mereka terlebih dahulu dan kemudian mencetak mereka keluar. 1590 01:15:18,900 --> 01:15:22,070 Ia masuk akal banyak lagi untuk melakukan dengan cara itu, daripada cara lain. 1591 01:15:22,070 --> 01:15:22,375 Ya. 1592 01:15:22,375 --> 01:15:23,925 >> PENONTON: Adakah kita perlu menyusun mereka terlebih dahulu? 1593 01:15:23,925 --> 01:15:25,976 Adakah ini bermakna anda jenis mereka dalam pangkalan data? 1594 01:15:25,976 --> 01:15:30,510 >> JASON Hirschhorn: The Pilih pertanyaan mengembalikannya kepada anda disusun. 1595 01:15:30,510 --> 01:15:34,990 Jadi melakukan itu, bukan hanya mempunyai mereka kembali kepada anda dalam susunan rawak dan 1596 01:15:34,990 --> 01:15:36,150 kemudian menyusun mereka sendiri. 1597 01:15:36,150 --> 01:15:36,405 Yeah. 1598 01:15:36,405 --> 01:15:39,925 >> PENONTON: Adakah terdapat cara untuk memastikan ia disusun dalam pangkalan data sendiri, supaya 1599 01:15:39,925 --> 01:15:41,355 anda tidak perlu untuk menyusun setiap kali anda - 1600 01:15:41,355 --> 01:15:43,065 >> PENONTON: Bolehkah anda memasukkan ia disusun? 1601 01:15:43,065 --> 01:15:45,740 >> JASON Hirschhorn: Soalan - 1602 01:15:45,740 --> 01:15:49,796 adakah ia perkara yang perkara-perkara yang disusun dalam pangkalan data? 1603 01:15:49,796 --> 01:15:50,700 >> PENONTON: No 1604 01:15:50,700 --> 01:15:52,240 >> JASON Hirschhorn: Baiklah, mereka disusun. 1605 01:15:52,240 --> 01:15:53,100 Mereka disusun secara kronologi. 1606 01:15:53,100 --> 01:15:55,060 Tetapi mari kita andaikan bahawa perkara-perkara yang disusun 1607 01:15:55,060 --> 01:15:57,640 mengikut susunan waktu, dari atas ke bawah. 1608 01:15:57,640 --> 01:15:58,930 Kami mempunyai satu bentuk Google. 1609 01:15:58,930 --> 01:16:01,400 Setiap kali seseorang bertindak balas kepada Google kami membentuk, ia hanya mendapat dimasukkan ke dalam 1610 01:16:01,400 --> 01:16:02,480 bawah jadual itu. 1611 01:16:02,480 --> 01:16:07,318 Adakah ia perkara yang perkara-perkara yang disusun tidak mengikut susunan waktu? 1612 01:16:07,318 --> 01:16:11,290 >> PENONTON: Jika ia bukan kronologi, anda tidak perlu menyusun setiap kali 1613 01:16:11,290 --> 01:16:12,920 anda mengambil maklumat keluar. 1614 01:16:12,920 --> 01:16:16,730 Tetapi jika ia sudah disusun, tidak boleh anda tidak perlu berbuat demikian tambahan 1615 01:16:16,730 --> 01:16:17,570 fungsi panggilan? 1616 01:16:17,570 --> 01:16:20,690 >> JASON Hirschhorn: Jadi, itu sebenarnya titik yang baik. 1617 01:16:20,690 --> 01:16:23,690 Bagi kami sebagai pengaturcara, ia mungkin perkara itu. 1618 01:16:23,690 --> 01:16:26,190 Dan kita mungkin mahu mencari pangkalan data yang tidak menyelesaikan segera 1619 01:16:26,190 --> 01:16:26,900 kronologi. 1620 01:16:26,900 --> 01:16:30,100 Atau menubuhkan pangkalan data kami, jadi ia memastikan perkara disusun mengikut ID pengguna. 1621 01:16:30,100 --> 01:16:34,060 >> Jadi dengan cara itu, katakan, kita mempunyai 1,000 pengguna ID. 1622 01:16:34,060 --> 01:16:36,690 Atau Facebook, terdapat berjuta-juta ID pengguna. 1623 01:16:36,690 --> 01:16:39,560 Kita tidak mahu meja kami sentiasa berada rawak atau pangkalan data kami untuk menjadi rawak. 1624 01:16:39,560 --> 01:16:41,630 Ia akan lebih baik jika semua ID pengguna telah disusun. 1625 01:16:41,630 --> 01:16:46,020 Demikian maka kita boleh menjalankan carian binari di atas meja kami dan kemudian hanya mencari 1626 01:16:46,020 --> 01:16:47,050 sebahagian tertentu. 1627 01:16:47,050 --> 01:16:50,640 >> Jadi ya, bergantung kepada - jika kita ditingkatkan, kita mungkin ingin mencari pangkalan data 1628 01:16:50,640 --> 01:16:53,370 bahawa perkara disimpan disusun dalam yang berbeza cara, supaya permintaan ini 1629 01:16:53,370 --> 01:16:54,140 akan mengambil masa yang kurang. 1630 01:16:54,140 --> 01:16:56,820 Dan kita tidak perlu melalui kami keseluruhan pangkalan data dalam setiap baris tunggal dalam 1631 01:16:56,820 --> 01:16:58,260 jadual yang diberikan. 1632 01:16:58,260 --> 01:17:01,640 Tetapi tahap kita bekerja di, kita tidak perlu bimbang tentang menjaga 1633 01:17:01,640 --> 01:17:02,270 perkara disusun. 1634 01:17:02,270 --> 01:17:06,100 Kita boleh mengandaikan bahawa masa yang diambil bahawa pertanyaan untuk menjalankan akan menjadi 1635 01:17:06,100 --> 01:17:08,910 diabaikan, berdasarkan apa yang kita berurusan dengan. 1636 01:17:08,910 --> 01:17:13,550 Tetapi ya, idea yang hebat - seperti yang kita meningkatkan, ia mungkin masuk akal untuk mereka bentuk kami 1637 01:17:13,550 --> 01:17:15,390 pangkalan data dalam sedikit cara yang berbeza. 1638 01:17:15,390 --> 01:17:18,520 >> Satu akhir pangkalan data reka bentuk perkara yang saya mahu lagi juga, kerana anda akan 1639 01:17:18,520 --> 01:17:22,660 akan digredkan, atau menjaringkan sebaliknya, pada reka bentuk pangkalan data anda. 1640 01:17:22,660 --> 01:17:24,160 Kita bercakap tentang perkara ini. 1641 01:17:24,160 --> 01:17:27,490 Tunai adalah unik untuk setiap pengguna. 1642 01:17:27,490 --> 01:17:30,820 Jadi, anda telah mendapat jadual dipanggil tunai yang mempunyai ID pengguna mereka dan jumlah mereka 1643 01:17:30,820 --> 01:17:33,370 tunai dan kemudian jadual yang dipanggil pengguna yang mempunyai pengguna mereka 1644 01:17:33,370 --> 01:17:34,810 ID dan nama pengguna mereka. 1645 01:17:34,810 --> 01:17:37,390 >> Mereka jadual map ke setiap lain satu-sama-satu. 1646 01:17:37,390 --> 01:17:39,520 Ia mungkin masuk akal untuk mereka untuk menjadi satu jadual. 1647 01:17:39,520 --> 01:17:42,750 1648 01:17:42,750 --> 01:17:44,830 Jadi mari kita andaikan anda mempunyai pengguna jadual yang menjejak 1649 01:17:44,830 --> 01:17:46,220 nama pengguna dan wang tunai. 1650 01:17:46,220 --> 01:17:49,960 Anda kini mempunyai jadual yang mempunyai saham individu memiliki. 1651 01:17:49,960 --> 01:17:52,130 >> Dan individu mungkin memiliki lebih daripada satu saham. 1652 01:17:52,130 --> 01:17:54,900 Jadi ini tidak map ke masing-masing satu-sama-lain. 1653 01:17:54,900 --> 01:18:00,140 Ia tidak masuk akal untuk mempunyai satu gergasi jadual yang mempunyai 30 rekod yang 1654 01:18:00,140 --> 01:18:02,960 semua mengulangi nama pengguna, bahawa semua mengulangi kata laluan, semua 1655 01:18:02,960 --> 01:18:04,680 mengulangi beberapa tunai. 1656 01:18:04,680 --> 01:18:08,360 Tetapi masing-masing mempunyai mungkin saham yang berbeza nama atau harga saham yang berbeza. 1657 01:18:08,360 --> 01:18:11,310 >> Ia tidak masuk akal untuk mempunyai yang banyak rekod besar. 1658 01:18:11,310 --> 01:18:14,880 Bijak apabila anda membuat ini pangkalan data, supaya anda tidak melakukan 1659 01:18:14,880 --> 01:18:20,050 sesuatu yang bodoh seperti itu, mengulangi banyak maklumat yang tidak perlu. 1660 01:18:20,050 --> 01:18:20,570 >> OK. 1661 01:18:20,570 --> 01:18:22,570 Kami mempunyai dua minit kiri. 1662 01:18:22,570 --> 01:18:26,580 Orang di luar teruja untuk menyertai kami atau mungkin, mungkin, 1663 01:18:26,580 --> 01:18:27,650 memulakan kelas mereka sendiri. 1664 01:18:27,650 --> 01:18:30,110 Adakah sesiapa mempunyai apa-apa soalan sebelum kita selesaikan? 1665 01:18:30,110 --> 01:18:35,520 1666 01:18:35,520 --> 01:18:38,620 >> OK, ini sememangnya angin badai melalui segala-galanya. 1667 01:18:38,620 --> 01:18:43,510 Saya memohon maaf bahawa ia mempunyai untuk menjadi begitu cepat dan bahawa kita tidak boleh sebagai tangan-pada 1668 01:18:43,510 --> 01:18:46,640 minggu ini kerana saya akan tunggu suka telah. 1669 01:18:46,640 --> 01:18:50,610 Tetapi jika anda mempunyai sebarang soalan mengenai apa-apa kami pergi ke atau apa-apa dalam 1670 01:18:50,610 --> 01:18:52,090 masalah ini ditetapkan - 1671 01:18:52,090 --> 01:18:54,900 Menganggap anda membacanya dan meletakkan dalam usaha yang baik-iman - 1672 01:18:54,900 --> 01:18:57,920 sila email saya atau hubungi saya. 1673 01:18:57,920 --> 01:19:00,960 Saya lebih daripada gembira untuk bekerja melalui kod anda dengan anda atau menjawab apa-apa 1674 01:19:00,960 --> 01:19:02,330 soalan yang anda ada. 1675 01:19:02,330 --> 01:19:06,160 >> Perlu diingat bahawa, minggu ini, banyak daripada masa anda akan dibelanjakan pembelajaran 1676 01:19:06,160 --> 01:19:10,730 sintaks baru dan cuba untuk memahami bagaimana untuk menulis pertanyaan SQL atau PHP 1677 01:19:10,730 --> 01:19:14,280 fungsi atau perjanjian dengan rangka kerja MVC. 1678 01:19:14,280 --> 01:19:17,290 Banyak masa anda minggu ini mungkin tidak akan cuba untuk memikirkan 1679 01:19:17,290 --> 01:19:19,380 logik gila bahawa kita meminta anda untuk lakukan. 1680 01:19:19,380 --> 01:19:23,820 Banyak ia kita hanya pergi ke atas adalah agak mudah. 1681 01:19:23,820 --> 01:19:25,790 >> Jadi itu tidak bermakna menunggu sehingga saat-saat akhir. 1682 01:19:25,790 --> 01:19:29,710 Tetapi ia tidak bermakna menyesuaikan bagaimana anda melakukannya anda bekerja dengan sewajarnya, untuk memastikan 1683 01:19:29,710 --> 01:19:30,970 anda memahami dan belajar sintaks. 1684 01:19:30,970 --> 01:19:33,640 Jadi anda tidak, tiba-tiba, mengetahui apa yang anda mahu lakukan, 1685 01:19:33,640 --> 01:19:37,200 tetapi dengan tidak tahu bagaimana untuk betul-betul menulisnya. 1686 01:19:37,200 --> 01:19:38,450 OK, saya akan melihat anda minggu depan. 1687 01:19:38,450 --> 01:19:40,438