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 delapan minggu. 3 00:00:11,140 --> 00:00:13,420 Kami memiliki minggu menyenangkan di depan kita. 4 00:00:13,420 --> 00:00:21,390 Kalian punya merpati dalam beberapa masa lalu dari kuliah untuk PHP, SQL, HTML, CSS, sehingga 5 00:00:21,390 --> 00:00:27,270 empat bahasa baru yang akan untuk mengambil sisanya kursus ini. 6 00:00:27,270 --> 00:00:30,750 Kita juga akan belajar beberapa lainnya bahasa sebelum akhir kursus ini. 7 00:00:30,750 --> 00:00:35,200 Tapi bagaimanapun, perlu untuk mengatakan, ini adalah waktu yang sangat menarik dalam CS50, sekarang Anda 8 00:00:35,200 --> 00:00:41,200 telah menguasai C, pura-pura, dan pindah ke pemrograman untuk website. 9 00:00:41,200 --> 00:00:45,320 >> Jadi minggu ini, kita akan pergi tur angin puyuh melalui empat 10 00:00:45,320 --> 00:00:50,200 bahasa yang saya sebutkan, HTML, CSS, PHP, dan SQL. 11 00:00:50,200 --> 00:00:53,340 Dan mudah-mudahan, kita akan meninggalkan banyak waktu di akhir bagian untuk berbicara 12 00:00:53,340 --> 00:00:58,800 tentang minggu ini P set dan jawaban setiap pertanyaan yang Anda semua memiliki. 13 00:00:58,800 --> 00:01:03,500 >> Setiap minggu, daftar sumber daya yang sama untuk Anda, untuk membantu Anda dengan minggu 14 00:01:03,500 --> 00:01:05,780 permasalahan yang terjadi dan atas materi - 15 00:01:05,780 --> 00:01:09,440 tapi minggu ini khususnya, untuk ini set masalah berbasis web, ada 16 00:01:09,440 --> 00:01:12,350 sejumlah sumber daya lain di luar ada yang kemungkinan akan 17 00:01:12,350 --> 00:01:13,500 menemukan sangat membantu. 18 00:01:13,500 --> 00:01:14,670 Aku memiliki mereka di sini. 19 00:01:14,670 --> 00:01:17,570 Saya akan mengirimkan email ini setelah bagian, dan ini juga menjadi online. 20 00:01:17,570 --> 00:01:21,700 >> Tapi khususnya, ada banyak sumber daya yang besar di luar sana. 21 00:01:21,700 --> 00:01:24,380 Ada juga beberapa tidak begitu besar yang, jadi waspada dari mereka. 22 00:01:24,380 --> 00:01:28,210 Tapi pada slide ini, saya memiliki empat baik sumber daya, satu untuk masing-masing 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 lembar referensi untuk HTML, lembar referensi 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, bukannya mengetik manusia dan kemudian PHP perintah, ini adalah di mana Anda akan 27 00:01:42,110 --> 00:01:46,980 pergi untuk mencari prototipe fungsi dan contoh-contoh dan juga beberapa tips dan 28 00:01:46,980 --> 00:01:48,770 trik untuk menggunakan fungsi PHP. 29 00:01:48,770 --> 00:01:51,590 Anda akan menggunakan situs ini sering, jadi saya mendorong Anda untuk menjadi 30 00:01:51,590 --> 00:01:52,280 akrab dengannya. 31 00:01:52,280 --> 00:01:55,860 Hal ini dapat menjadi sedikit teknis, tetapi juga menyediakan satu ton sumber daya dan 32 00:01:55,860 --> 00:02:00,440 contoh untuk semua fungsi dan bahkan lainnya, seperti bagaimana menggunakan array atau 33 00:02:00,440 --> 00:02:01,500 berbagai jenis variabel. 34 00:02:01,500 --> 00:02:03,480 Situs ini sangat membantu untuk PHP. 35 00:02:03,480 --> 00:02:07,160 >> Dan kemudian, untuk SQL, jika Anda terjun ke ini minggu masalah set, Anda akan tahu 36 00:02:07,160 --> 00:02:09,160 bahwa kita menggunakan database. 37 00:02:09,160 --> 00:02:13,340 Dan kita mengakses database yang melalui antarmuka pengguna yang relatif bagus. 38 00:02:13,340 --> 00:02:15,760 Atau itu salah satu cara untuk mengakses bahwa database. 39 00:02:15,760 --> 00:02:19,670 User interface adalah disebut phpMyAdmin. 40 00:02:19,670 --> 00:02:23,400 Ada tab SQL, yang kita akan lihat nanti hari ini. 41 00:02:23,400 --> 00:02:28,230 >> Dan Anda dapat mengetik ke dalam sampel SQL mereka query, melakukan hal-hal dalam database Anda 42 00:02:28,230 --> 00:02:29,780 dan kemudian jalankan pertanyaan tersebut. 43 00:02:29,780 --> 00:02:31,850 Dan jika mereka benar, itu akan mengatakan, benar yang satu ini. 44 00:02:31,850 --> 00:02:33,480 Jika mereka salah, itu akan mengatakan, itu tidak benar. 45 00:02:33,480 --> 00:02:37,260 Itu adalah tempat yang bagus untuk berlatih Anda Query SQL sebelum menulis mereka ke 46 00:02:37,260 --> 00:02:39,990 kode Anda, untuk memastikan Anda memiliki format yang benar. 47 00:02:39,990 --> 00:02:42,080 >> Akhirnya, salah satu situs lain di sini. 48 00:02:42,080 --> 00:02:45,390 Ini adalah situs web di mana Anda dapat pergi dan periksa untuk memastikan Anda 49 00:02:45,390 --> 00:02:47,520 Kode HTML adalah valid. 50 00:02:47,520 --> 00:02:51,250 Jadi sebelum berbalik masalah Anda mengatur minggu ini, pastikan semua 51 00:02:51,250 --> 00:02:52,690 HTML Anda valid. 52 00:02:52,690 --> 00:02:55,840 >> Pekan lalu, Anda telah menjalankan Valgrind, untuk pastikan Anda tidak memiliki kebocoran memori. 53 00:02:55,840 --> 00:02:59,050 Minggu ini, Anda perlu memastikan bahwa semua kode Anda adalah HTML5 yang valid. 54 00:02:59,050 --> 00:03:02,140 Jika tidak valid HTML5, Anda akan mendapatkan poin dari. 55 00:03:02,140 --> 00:03:03,110 >> Jadi pastikan - 56 00:03:03,110 --> 00:03:05,700 hanya karena kerjanya tidak berarti itu benar-benar valid. 57 00:03:05,700 --> 00:03:09,770 Jalankan kode Anda melalui website ini sebelum berbalik masuk 58 00:03:09,770 --> 00:03:10,810 Sekali lagi, inilah website. 59 00:03:10,810 --> 00:03:15,150 >> Jika Anda memiliki umpan balik bagi saya, kita memiliki beberapa lebih bagian lagi, 60 00:03:15,150 --> 00:03:18,100 dan saya selalu ingin melakukan apa yang saya bisa untuk menyediakan semua dengan bagian terbaik 61 00:03:18,100 --> 00:03:19,460 mengalami mungkin. 62 00:03:19,460 --> 00:03:22,115 Jadi biarkan aku tahu jika ada sesuatu yang dapat lakukan untuk meningkatkan atau jika ada 63 00:03:22,115 --> 00:03:24,730 hal yang Anda melihat bahwa saya bisa berbuat lebih baik. 64 00:03:24,730 --> 00:03:25,710 Terima kasih, Avi. 65 00:03:25,710 --> 00:03:27,610 Taruh di website. 66 00:03:27,610 --> 00:03:31,870 >> Ini adalah sepeda yang saya alami ketika saya itu, katakanlah, empat di rumah. 67 00:03:31,870 --> 00:03:34,500 Ini adalah Teenage Mutant Ninja Penyu bersepeda, jika Anda tidak bisa mengatakan, 68 00:03:34,500 --> 00:03:35,345 karena itu sedikit kabur. 69 00:03:35,345 --> 00:03:38,900 Anda bisa mendapatkannya sekarang di ToysRUs untuk, saya pikir, sekitar $ 100. 70 00:03:38,900 --> 00:03:42,690 >> Tapi fitur dari motor ini yang saya inginkan Anda memperhatikan semuanya ini 71 00:03:42,690 --> 00:03:43,480 di sini. 72 00:03:43,480 --> 00:03:44,980 Ini adalah roda pelatihan. 73 00:03:44,980 --> 00:03:50,230 Sampai sekarang, Anda telah genggam melalui C. Dan kita telah mengambil panjang 74 00:03:50,230 --> 00:03:53,610 waktu, dua bulan ditambah, untuk pergi melalui C. 75 00:03:53,610 --> 00:03:55,440 >> Untuk ini beberapa berikutnya bahasa, kita tidak akan 76 00:03:55,440 --> 00:03:56,600 menghabiskan banyak waktu. 77 00:03:56,600 --> 00:03:58,350 Roda pelatihan 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 tidak berarti bahwa kami hanya akan meninggalkan Anda berenang 80 00:04:04,720 --> 00:04:07,590 di luar sana dengan tidak ada cara untuk mendukung diri sendiri atau mencari cara ini 81 00:04:07,590 --> 00:04:08,270 bahasa bekerja. 82 00:04:08,270 --> 00:04:10,750 Aku hanya menunjukkan Anda daftar sumber daya untuk membantu Anda. 83 00:04:10,750 --> 00:04:14,560 >> Namun perlu diingat bahwa PHP sangat mirip dengan C. Kami akan pergi ke 84 00:04:14,560 --> 00:04:15,970 hari ini dan beberapa perbedaan. 85 00:04:15,970 --> 00:04:17,990 Tetapi untuk sebagian besar, ada untuk loop. 86 00:04:17,990 --> 00:04:18,750 Ada jika kondisi. 87 00:04:18,750 --> 00:04:20,680 >> Bila Anda ingin memecahkan masalah, Anda akan menggunakan 88 00:04:20,680 --> 00:04:22,029 kombinasi dari mereka. 89 00:04:22,029 --> 00:04:22,920 Ini sangat mirip. 90 00:04:22,920 --> 00:04:26,040 Logikanya harus sangat mirip dengan apa yang telah Anda lakukan di masa lalu. 91 00:04:26,040 --> 00:04:29,810 Apa yang benar-benar baru minggu ini adalah sintaks dan bagaimana Anda mengekspresikan diri. 92 00:04:29,810 --> 00:04:32,850 Dan Anda ingin menulis untuk loop, tapi mungkin terlihat sedikit berbeda. 93 00:04:32,850 --> 00:04:35,910 Atau Anda ingin membuat sebuah array, tetapi mungkin terlihat sedikit berbeda. 94 00:04:35,910 --> 00:04:39,920 >> Jadi perlu diingat bahwa, bergerak maju, logika ini sangat mirip dengan apa yang 95 00:04:39,920 --> 00:04:41,020 Anda telah lakukan di masa lalu. 96 00:04:41,020 --> 00:04:44,030 Tapi sekarang Anda akan menghadapi banyak sintaks baru. 97 00:04:44,030 --> 00:04:47,600 Dan kita tidak akan memandu Anda melalui semua elemen sintaks. 98 00:04:47,600 --> 00:04:53,020 Jadi itu benar-benar terserah pada Anda untuk mencari tahu, secara online atau melalui menjangkau pada 99 00:04:53,020 --> 00:04:58,770 Diskusikan atau email saya atau berbicara dengan satu sama lain, bagaimana menulis hal-hal di 100 00:04:58,770 --> 00:05:02,580 PHP dan bagaimana menulis query SQL dan bagaimana menggunakan HTML dan CSS. 101 00:05:02,580 --> 00:05:06,160 >> Tapi asal kau tahu, bukan itu kami mencoba untuk melemparkan Anda di luar sana 102 00:05:06,160 --> 00:05:07,630 lagi berenang hiu. 103 00:05:07,630 --> 00:05:10,600 Ini adalah apa yang Anda mungkin akan lakukan dengan proyek akhir Anda, jika Anda memilih 104 00:05:10,600 --> 00:05:15,150 bahasa yang berbeda, seperti IOS dan Objective C, atau jika Anda memutuskan untuk memulai 105 00:05:15,150 --> 00:05:17,580 pemrograman di masa depan dan menyelam ke dalam bahasa lain, 106 00:05:17,580 --> 00:05:19,210 seperti Phyton atau Ruby. 107 00:05:19,210 --> 00:05:23,380 >> Sering kali, logika ini sangat mirip di semua bahasa tersebut, dan 108 00:05:23,380 --> 00:05:24,560 sintaks adalah apa yang berbeda. 109 00:05:24,560 --> 00:05:27,560 Dan itu akan sampai kepada Anda, sebagai programmer, untuk pergi menggunakan web 110 00:05:27,560 --> 00:05:30,790 sumber daya yang tersedia bagi Anda dan angka cara untuk mengungkapkan apa yang Anda tahu bagaimana 111 00:05:30,790 --> 00:05:33,200 untuk mengungkapkan dalam C, dalam bahasa yang berbeda. 112 00:05:33,200 --> 00:05:36,410 Jadi ini adalah praktik yang baik, baik untuk Anda tugas akhir, dan sekali lagi, untuk 113 00:05:36,410 --> 00:05:40,150 apa yang Anda mungkin akan melakukan setelah Anda meninggalkan CS50. 114 00:05:40,150 --> 00:05:42,550 >> Sebelum kita melanjutkan, apakah ada yang memiliki pertanyaan tentang apa yang 115 00:05:42,550 --> 00:05:43,800 Aku sudah melakukan sejauh 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 lanjutkan. 119 00:05:53,910 --> 00:05:59,090 >> Pertama, kita akan berbicara secara singkat tentang perintah chmod. 120 00:05:59,090 --> 00:06:02,420 Ini, kami akan lakukan pada awal dari masalah Anda mengatur. 121 00:06:02,420 --> 00:06:05,050 Salah satu petunjuk pertama untuk Anda, setelah Anda men-download 122 00:06:05,050 --> 00:06:09,280 kode distribusi, adalah untuk mengubah hak akses dari file dan 123 00:06:09,280 --> 00:06:11,350 direktori yang Anda terima. 124 00:06:11,350 --> 00:06:16,430 >> Ada yang bisa berani menebak atau mengetahui mengapa penting untuk mengubah 125 00:06:16,430 --> 00:06:20,012 hak akses dari file 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 >> AUDIENCE: Maka tidak ada seorang pun kecuali untuk Anda dapat 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 ingin menempatkan sesuatu pada web dan Anda telah mengatur hak akses yang 130 00:06:28,330 --> 00:06:30,960 hanya Anda yang dapat melihat sesuatu, maka tidak ada orang lain dapat 131 00:06:30,960 --> 00:06:32,530 melihat apa yang telah Anda buat. 132 00:06:32,530 --> 00:06:33,380 Apa lagi? 133 00:06:33,380 --> 00:06:34,320 Ya. 134 00:06:34,320 --> 00:06:37,360 >> AUDIENCE: Mencegah orang lain bahwa Anda tidak ingin 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 benar juga. 137 00:06:38,820 --> 00:06:40,730 Mungkin ada beberapa kode yang Anda menulis, bahwa Anda tidak melakukan 138 00:06:40,730 --> 00:06:42,690 ingin orang melihat. 139 00:06:42,690 --> 00:06:46,190 Anda mungkin OK dengan orang-orang melihat HTML dan JavaScript Anda. 140 00:06:46,190 --> 00:06:50,360 Tapi PHP Anda, kode back end, banyak logika untuk kode Anda, mungkin 141 00:06:50,360 --> 00:06:53,200 hal-hal yang menyimpan beberapa password Anda untuk database Anda, Anda tidak 142 00:06:53,200 --> 00:06:55,880 ingin orang melihat bahwa jenis informasi. 143 00:06:55,880 --> 00:06:59,420 >> Jadi, penting bahwa, setiap file dan direktori kami buat memiliki izin 144 00:06:59,420 --> 00:07:03,660 berlaku untuk apakah atau tidak kita inginkan orang untuk melihat jenis-jenis file dan 145 00:07:03,660 --> 00:07:08,030 direktori dan dapat mengaksesnya dan bahkan berpotensi mengubah mereka. 146 00:07:08,030 --> 00:07:09,920 >> Jadi ada tiga jenis perizinan. 147 00:07:09,920 --> 00:07:14,980 Ada izin membaca, yang berarti Anda dapat membaca file atau daftar 148 00:07:14,980 --> 00:07:16,490 isi dari direktori. 149 00:07:16,490 --> 00:07:20,820 Ada izin menulis, yang berarti Anda dapat mengubah file atau perubahan 150 00:07:20,820 --> 00:07:24,910 direktori dan kemudian mengeksekusi izin, yang berarti Anda dapat 151 00:07:24,910 --> 00:07:31,060 mengeksekusi file atau lebih tepatnya, Anda bisa pindah ke sebuah direktori. 152 00:07:31,060 --> 00:07:34,470 Jadi CD sesuatu, jika Anda memiliki izin untuk menjalankannya, Anda dapat memindahkan 153 00:07:34,470 --> 00:07:37,300 ke direktori tersebut. 154 00:07:37,300 --> 00:07:38,510 >> Ini adalah contoh singkat. 155 00:07:38,510 --> 00:07:40,700 Sekali lagi, anda telah melebihi ini dalam masalah set. 156 00:07:40,700 --> 00:07:44,630 Tapi aku membuat direktori dengan perintah mkdir. 157 00:07:44,630 --> 00:07:46,320 Saya mengubah hak akses. 158 00:07:46,320 --> 00:07:48,505 Sebenarnya ini dua baris lakukan hal yang sama persis. 159 00:07:48,505 --> 00:07:52,580 Ini untuk menggambarkan bahwa sintaks untuk mengubah hak akses, apakah Anda melakukan 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 melihat ke bawah di meja ini bagus. 162 00:07:57,550 --> 00:07:59,960 Kita melihat bahwa ada pengguna izin terlebih dahulu. 163 00:07:59,960 --> 00:08:03,280 Itu Anda, individu, dan server Anda, yang berpotensi. 164 00:08:03,280 --> 00:08:05,070 Dan kemudian ada kelompok dan lain-lain. 165 00:08:05,070 --> 00:08:09,350 Perbedaan antara mereka dua relatif sepele. 166 00:08:09,350 --> 00:08:11,170 Jadi secara umum, kita akan benjolan mereka bersama-sama. 167 00:08:11,170 --> 00:08:14,380 >> Tapi pada dasarnya, jika kita memiliki sebuah file disebut mencakup bahwa kita ingin menjadi 168 00:08:14,380 --> 00:08:18,760 dapat mengedit diri kita sendiri dan yang kita inginkan orang lain untuk dapat mengeksekusi, 169 00:08:18,760 --> 00:08:20,560 itu izin 711. 170 00:08:20,560 --> 00:08:22,390 Dan kita melihat bahwa bawah sini dalam tabel ini. 171 00:08:22,390 --> 00:08:24,730 Kami memiliki membaca, menulis, dan mengeksekusi. 172 00:08:24,730 --> 00:08:26,790 Untuk setiap dari kita, kita ingin dapat melakukan itu. 173 00:08:26,790 --> 00:08:30,160 Group dan lain-lain, kami hanya ingin mereka untuk dapat mengeksekusi. 174 00:08:30,160 --> 00:08:33,860 >> Cara kita menerjemahkan bahwa menjadi beberapa 175 00:08:33,860 --> 00:08:36,870 izin adalah melalui biner. 176 00:08:36,870 --> 00:08:41,780 Jadi jika kita memiliki tiga orang, itu adalah 1 di kolom yang, 1 di twos 177 00:08:41,780 --> 00:08:43,049 kolom, kolom 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 izin ini adalah 1. 180 00:08:47,450 --> 00:08:48,390 Izin ini adalah 1. 181 00:08:48,390 --> 00:08:54,200 Jadi ketika 711 adalah sama dengan memberikan diri membaca, menulis, dan mengeksekusi, 182 00:08:54,200 --> 00:08:56,660 dan orang lain mengeksekusi hak istimewa. 183 00:08:56,660 --> 00:08:59,180 >> Baris ini di sini, kita umumnya akan membaca dan menulis ketika kita 184 00:08:59,180 --> 00:09:00,250 membuat direktori. 185 00:09:00,250 --> 00:09:04,650 Jadi baris ini di sini hanya menambahkan mengeksekusi hak untuk semua orang. 186 00:09:04,650 --> 00:09:07,450 Sehingga akan mirip dengan, di Selain apa yang kita miliki, 187 00:09:07,450 --> 00:09:09,930 menambahkan 1, 1, 1 untuk semua orang. 188 00:09:09,930 --> 00:09:13,880 >> Sedangkan ini, itu tidak perlu menambahkan membaca dan menulis. 189 00:09:13,880 --> 00:09:16,130 Tetapi jika Anda akan menggunakan angka, Anda tidak bisa hanya menambahkan sesuatu. 190 00:09:16,130 --> 00:09:19,070 Anda menimpa izin apa pun yang ada dan menerapkannya dengan yang baru 191 00:09:19,070 --> 00:09:20,920 nomor yang Anda berikan. 192 00:09:20,920 --> 00:09:21,930 Itu cukup cepat. 193 00:09:21,930 --> 00:09:24,115 Apakah Ada yang punya pertanyaan tentang mengubah hak akses? 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 memiliki sebuah file PHP, perizinan apa saya ingin memiliki? 197 00:09:32,480 --> 00:09:36,638 198 00:09:36,638 --> 00:09:38,780 Ini adalah dalam masalah set spec. 199 00:09:38,780 --> 00:09:41,590 Jadi, Anda dapat melihat spec dan kemudian membaca saya jawabannya. 200 00:09:41,590 --> 00:09:45,820 201 00:09:45,820 --> 00:09:48,605 >> AUDIENCE: Anda ingin pengguna untuk memiliki hak akses baca-tulis. 202 00:09:48,605 --> 00:09:51,080 Dan Anda ingin semua orang lain untuk memiliki apa-apa. 203 00:09:51,080 --> 00:09:53,060 >> JASON Hirschhorn: Dan apa angka itu? 204 00:09:53,060 --> 00:09:53,480 >> AUDIENCE: 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 file PHP, chmod ke 600. 207 00:09:59,550 --> 00:10:00,370 OK. 208 00:10:00,370 --> 00:10:01,890 Saya memiliki sebuah direktori. 209 00:10:01,890 --> 00:10:04,870 Seseorang selain Jeff, Aku punya file folder. 210 00:10:04,870 --> 00:10:08,060 Izin apa yang saya inginkan untuk memberikan ke folder itu - 211 00:10:08,060 --> 00:10:11,620 juga dalam masalah set spec, tepat di bawah jawaban ini atau 212 00:10:11,620 --> 00:10:14,840 jawaban sebelumnya? 213 00:10:14,840 --> 00:10:16,160 Juga berpotensi pada slide - 214 00:10:16,160 --> 00:10:16,450 Marcus. 215 00:10:16,450 --> 00:10:17,230 >> AUDIENCE: Untuk 216 00:10:17,230 --> 00:10:18,180 folder, itu 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 memberikan 711. 219 00:10:21,230 --> 00:10:25,280 Anda ingin dapat membaca folder itu, mengubah direktori, pindah ke 220 00:10:25,280 --> 00:10:25,785 folder. 221 00:10:25,785 --> 00:10:28,865 Dan Anda ingin orang lain untuk dapat untuk navigasi dalam folder itu, tapi 222 00:10:28,865 --> 00:10:30,790 belum tentu mengubah isinya. 223 00:10:30,790 --> 00:10:33,720 Bagaimana dengan file non-PHP, mengatakan, file JavaScript? 224 00:10:33,720 --> 00:10:36,090 Izin Apa yang kita inginkan untuk memberikan jenis file? 225 00:10:36,090 --> 00:10:37,020 >> AUDIENCE: 644. 226 00:10:37,020 --> 00:10:38,030 >> JASON Hirschhorn: 644 - 227 00:10:38,030 --> 00:10:40,010 mengapa kita ingin memberikan 644? 228 00:10:40,010 --> 00:10:42,880 >> AUDIENCE: Untuk membiarkan orang lain membacanya. 229 00:10:42,880 --> 00:10:44,840 Dan Anda membaca atau menulis itu. 230 00:10:44,840 --> 00:10:48,540 >> JASON Hirschhorn: Jadi benar, semua orang lagi yang bisa membaca bahwa JavaScript berkas. 231 00:10:48,540 --> 00:10:51,420 Dan Anda dapat mengubah itu, di samping untuk dapat membacanya. 232 00:10:51,420 --> 00:10:54,970 Jadi salah satu dari yang paling umum bug orang memiliki masalah ini diatur dan mereka 233 00:10:54,970 --> 00:10:58,880 tugas akhir, jika itu adalah akhir berbasis web proyek, mereka akan tidak menyetel 234 00:10:58,880 --> 00:11:00,170 izin yang benar. 235 00:11:00,170 --> 00:11:03,180 Dan mereka tidak akan dapat untuk melihat situs web mereka. 236 00:11:03,180 --> 00:11:04,840 Atau bagian tertentu dari situs web mereka. 237 00:11:04,840 --> 00:11:06,930 >> Jadi, pastikan Anda mengatur perizinan dengan benar. 238 00:11:06,930 --> 00:11:10,730 Jangan hanya berasumsi bahwa hal itu akan melakukannya secara otomatis untuk Anda. 239 00:11:10,730 --> 00:11:11,500 >> OK. 240 00:11:11,500 --> 00:11:15,100 Itu adalah hal kecil yang kami menghabiskan baik jumlah waktu, sehingga 241 00:11:15,100 --> 00:11:16,190 kita bisa kuku itu. 242 00:11:16,190 --> 00:11:18,000 Mari kita beralih ke HTML. 243 00:11:18,000 --> 00:11:20,430 >> Dan lagi, untuk keempat topik berikutnya, kita akan pergi melalui mereka 244 00:11:20,430 --> 00:11:21,600 relatif cepat. 245 00:11:21,600 --> 00:11:24,980 Jadi jangan ragu untuk menghentikan saya kapan saja waktu, jika Anda memiliki pertanyaan, 246 00:11:24,980 --> 00:11:27,900 apakah mereka terkait dengan apa yang saya menutupi atau sesuatu dari kuliah atau 247 00:11:27,900 --> 00:11:29,440 bahkan dari masalah ditetapkan. 248 00:11:29,440 --> 00:11:31,690 Berhenti saya kapan pun Anda perlu. 249 00:11:31,690 --> 00:11:34,370 Ketika kita sampai ke akhir, kita hanya akan mulai terjadi pada set masalah. 250 00:11:34,370 --> 00:11:38,100 >> Jadi HTML singkatan dari HyperText Bahasa markup. 251 00:11:38,100 --> 00:11:41,360 Ini bukan bahasa pemrograman. 252 00:11:41,360 --> 00:11:45,800 Semua hal ini adalah struktur konten Anda dan juga menyediakan beberapa metadata. 253 00:11:45,800 --> 00:11:52,340 Jadi misalnya, mungkin, banyak Anda telah menggunakan Facebook sebelumnya. 254 00:11:52,340 --> 00:11:56,810 Dan Anda dapat menyertakan link, atau Anda bisa menempatkan link status Anda. 255 00:11:56,810 --> 00:11:59,070 >> Dan kemudian, Anda akan melihat link yang selalu memiliki gambar yang bagus 256 00:11:59,070 --> 00:12:00,450 untuk itu dan beberapa teks. 257 00:12:00,450 --> 00:12:03,040 Secara umum, itu adalah beberapa metadata untuk halaman web. 258 00:12:03,040 --> 00:12:05,250 Dan itu metadata Facebook-spesifik. 259 00:12:05,250 --> 00:12:07,780 Dan kemudian, ketika Facebook adalah membaca bahwa halaman dan menyisipkan link tersebut, itu 260 00:12:07,780 --> 00:12:10,780 mencari metadata yang spesifik, sehingga tahu apa gambar untuk menampilkan, apa 261 00:12:10,780 --> 00:12:13,820 title untuk menampilkan, dan apa teks abstrak untuk ditampilkan. 262 00:12:13,820 --> 00:12:17,760 >> Jadi kita bisa menyertakan metadata dengan halaman web kami menggunakan HTML. 263 00:12:17,760 --> 00:12:21,190 Dan itu juga membantu kita struktur konten, secara umum, apa 264 00:12:21,190 --> 00:12:25,400 kami ingin pergi ke mana. 265 00:12:25,400 --> 00:12:28,240 >> Segala sesuatu di HTML merupakan elemen. 266 00:12:28,240 --> 00:12:30,690 Dan elemen yang tepat 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 memiliki beberapa tag. 269 00:12:35,140 --> 00:12:36,690 Ini memiliki ini tag. 270 00:12:36,690 --> 00:12:41,730 Dan kami melihat ada di bagian awal dan kemudian garis miring, sehingga 271 00:12:41,730 --> 00:12:43,960 menutup tag di 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 Ada hanya satu hal. 274 00:12:49,040 --> 00:12:50,640 >> Kita akan melihat contoh yang pada slide berikutnya. 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 Tapi untuk ini, kami membungkus ini Elemen CS50 di tag anchor. 277 00:12:59,570 --> 00:13:03,270 Dan pada dasarnya, tag ini memberitahu browser apa yang harus 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 itu akan menjadi jenis jangkar. 281 00:13:10,060 --> 00:13:13,920 Jangkar pada dasarnya digunakan untuk link ke sesuatu. 282 00:13:13,920 --> 00:13:16,000 Secara khusus, Anda bisa sudah katakan, ini adalah 283 00:13:16,000 --> 00:13:18,950 link ke homepage CS50. 284 00:13:18,950 --> 00:13:23,160 >> Bagian selanjutnya dari tag - atau umumnya, bagian dari tag 285 00:13:23,160 --> 00:13:24,290 atribut. 286 00:13:24,290 --> 00:13:27,080 Dan kita lihat di sini, bahwa tag memiliki 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 tag tertentu. 289 00:13:32,000 --> 00:13:36,100 Bahkan, jika Anda pergi ke salah satu website atau referensi kuberikan padamu 290 00:13:36,100 --> 00:13:39,480 sebelum atau mencari tag online, Anda akan melihat ada satu ton 291 00:13:39,480 --> 00:13:41,010 atribut potensial. 292 00:13:41,010 --> 00:13:42,310 >> Ini mungkin salah satu yang paling umum. 293 00:13:42,310 --> 00:13:46,090 Ini memberitahu saya untuk membuat link ke situs web tertentu. 294 00:13:46,090 --> 00:13:50,260 Dan atribut umumnya diberikan, jika tidak diberikan secara eksklusif, 295 00:13:50,260 --> 00:13:52,350 dalam pasangan kunci-nilai. 296 00:13:52,350 --> 00:13:55,380 >> Jadi, inilah kunci, href. 297 00:13:55,380 --> 00:13:57,320 Dan nilai hak ini di sini. 298 00:13:57,320 --> 00:14:01,960 Dan itu akan berguna di kemudian hari, ketika kita mulai menggunakan beberapa perpustakaan untuk 299 00:14:01,960 --> 00:14:07,280 membantu kita kode JavaScript atau menulis konten HTML. 300 00:14:07,280 --> 00:14:11,120 Kita sering akan menjadi - seperti kita akan melakukan berbagai braket 0 dan 301 00:14:11,120 --> 00:14:12,340 akan memberi kita beberapa nilai. 302 00:14:12,340 --> 00:14:17,190 >> Di masa depan, kita akan melakukan banyak hal-hal seperti sesuatu braket href. 303 00:14:17,190 --> 00:14:21,180 Dan itu akan memberi kita nilai href, atau jika kita ingin memperbarui href 304 00:14:21,180 --> 00:14:23,980 kunci dan kemudian memberikannya nilai tertentu. 305 00:14:23,980 --> 00:14:28,915 Jadi sama seperti dengan array di mana kami memiliki tombol 0 atau 1 atau tombol tombol 2 atau bahkan dengan 306 00:14:28,915 --> 00:14:33,480 hash table, baik, dengan tabel hash Anda juga, Anda mungkin memiliki - itu 307 00:14:33,480 --> 00:14:35,790 adalah sebuah array, sehingga tombol 0, tombol 1, tombol 2. 308 00:14:35,790 --> 00:14:38,480 >> Indeks yang ada, kita bisa pikirkan itu sebagai kunci. 309 00:14:38,480 --> 00:14:40,180 Dan nilai adalah apa pun yang disimpan di sana. 310 00:14:40,180 --> 00:14:42,760 Semua atribut ini adalah pasangan kunci-nilai. 311 00:14:42,760 --> 00:14:47,370 Dan itu akan menjadi penting untuk mengubah mereka atau memperbarui 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 >> Akhirnya, Anda telah melihat struktur ini sebelumnya, tapi ini adalah yang paling dasar 314 00:14:53,990 --> 00:14:55,350 struktur halaman HTML. 315 00:14:55,350 --> 00:14:58,700 Di bagian atas, kami memberitahu Anda bahwa ini sebenarnya HTML. 316 00:14:58,700 --> 00:15:01,910 Dan kemudian kita memiliki HTML terbuka tag dan tag HTML dekat. 317 00:15:01,910 --> 00:15:04,940 Jadi semuanya dalam ini adalah HTML. 318 00:15:04,940 --> 00:15:08,960 >> Kita melihat kepala dan tubuh. 319 00:15:08,960 --> 00:15:12,350 Kepala dokumen Anda umumnya termasuk apa? 320 00:15:12,350 --> 00:15:16,980 321 00:15:16,980 --> 00:15:20,995 Setiap tebakan untuk apa yang Anda dimasukkan ke dalam kepala? 322 00:15:20,995 --> 00:15:23,060 >> AUDIENCE: Anda menempatkan judul dan gaya. 323 00:15:23,060 --> 00:15:23,790 >> JASON Hirschhorn: Judul. 324 00:15:23,790 --> 00:15:26,110 Itu menebak besar. 325 00:15:26,110 --> 00:15:27,200 Saya mungkin memiliki tip Anda pergi ke. 326 00:15:27,200 --> 00:15:28,150 Apa sajakah hal-hal lain? 327 00:15:28,150 --> 00:15:30,351 Kami disebutkan salah satu dari mereka yang mungkin pergi di kepala. 328 00:15:30,351 --> 00:15:33,057 329 00:15:33,057 --> 00:15:35,225 >> AUDIENCE: Dia mengatakan, gaya. 330 00:15:35,225 --> 00:15:36,240 >> JASON Hirschhorn: Styles - 331 00:15:36,240 --> 00:15:41,050 jadi jika Anda ingin menghubungkan dengan JavaScript atau bahkan CSS, yang Anda sedang berbicara 332 00:15:41,050 --> 00:15:42,610 tentang ketika Anda sedang berbicara tentang gaya. 333 00:15:42,610 --> 00:15:45,670 File lain, Anda ingin link dalam di luar berkas, yang mungkin akan terjadi 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 Kami disebutkan beberapa slide lalu salah satu hal yang 338 00:15:52,960 --> 00:15:54,510 HTML dapat melakukannya untuk Anda. 339 00:15:54,510 --> 00:15:58,180 340 00:15:58,180 --> 00:16:01,240 Hal ini dapat memberikan - 341 00:16:01,240 --> 00:16:02,874 dimulai dengan M - 342 00:16:02,874 --> 00:16:03,820 >> AUDIENCE: Metadata. 343 00:16:03,820 --> 00:16:06,170 >> JASON Hirschhorn: Metadata - begitu banyak metadata akan masuk di kepala, 344 00:16:06,170 --> 00:16:08,990 karena itu tidak akan selalu membutuhkan untuk menjadi bagian dari tubuh kode Anda. 345 00:16:08,990 --> 00:16:11,820 Itu umumnya - tubuh adalah konten, apa yang seseorang melihat. 346 00:16:11,820 --> 00:16:14,210 Dan jadi aku hanya menyerahkan jawaban ke pertanyaan berikutnya. 347 00:16:14,210 --> 00:16:17,770 Namun dalam tubuh umumnya konten yang akan ditampilkan 348 00:16:17,770 --> 00:16:19,750 pada halaman web. 349 00:16:19,750 --> 00:16:26,120 >> Seperti yang akan kita lihat, website yang rumit cenderung berbaur atau mengubah up apa 350 00:16:26,120 --> 00:16:27,170 mereka dimasukkan ke dalam kepala dan tubuh. 351 00:16:27,170 --> 00:16:30,360 Tapi pada umumnya, kepala berisi hal-hal bahwa pengguna tidak akan 352 00:16:30,360 --> 00:16:31,290 lihat di layar. 353 00:16:31,290 --> 00:16:34,150 Ini link dalam file lain dan menyediakan metadata. 354 00:16:34,150 --> 00:16:37,690 Padahal, tubuh berisi semua pengguna akan melihat. 355 00:16:37,690 --> 00:16:39,270 Tahu apa artinya p tag ini? 356 00:16:39,270 --> 00:16:41,660 >> AUDIENCE: Ayat? 357 00:16:41,660 --> 00:16:42,780 >> AUDIENCE: Print. 358 00:16:42,780 --> 00:16:44,120 >> AUDIENCE: Tidak berarti cetak. 359 00:16:44,120 --> 00:16:45,380 >> AUDIENCE: Apakah ini berarti ayat? 360 00:16:45,380 --> 00:16:47,620 >> JASON Hirschhorn: Ayat - jadi ini adalah sebuah paragraf. 361 00:16:47,620 --> 00:16:50,920 Dan p tag ini, saya bisa hanya mengetik ini pada layar 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 Ada yang tahu bagaimana memasukkan satu baris? 364 00:16:54,380 --> 00:16:55,240 >> AUDIENCE: pr - 365 00:16:55,240 --> 00:16:55,700 >> JASON Hirschhorn: pr - 366 00:16:55,700 --> 00:16:57,080 >> AUDIENCE: Slash pr? 367 00:16:57,080 --> 00:17:00,120 >> JASON Hirschhorn: slash pr singkatan baris istirahat. 368 00:17:00,120 --> 00:17:03,270 Tapi paragraf memiliki spesifik format. 369 00:17:03,270 --> 00:17:06,060 Dan kita akan sampai ke dalam format kedua, ketika kita berbicara tentang CSS. 370 00:17:06,060 --> 00:17:09,900 Tapi segala sesuatu di dalam tag p ini akan memiliki beberapa format standar 371 00:17:09,900 --> 00:17:13,210 terkait dengan itu, mungkin beberapa spasi di antara yang berbeda 372 00:17:13,210 --> 00:17:15,069 paragraf. 373 00:17:15,069 --> 00:17:19,410 Dan itu akan menjadi salah satu cara untuk membedakan blok kode. 374 00:17:19,410 --> 00:17:20,980 >> Tag lain - 375 00:17:20,980 --> 00:17:24,584 apa tag lain yang telah 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 >> AUDIENCE: Ini akan menunjukkan seberapa besar dan berani huruf. 379 00:17:31,560 --> 00:17:32,650 >> JASON Hirschhorn: Benar, itu singkatan untuk header. 380 00:17:32,650 --> 00:17:34,960 Dan header1 adalah header besar. 381 00:17:34,960 --> 00:17:40,840 Ini mungkin akan, secara default, berani, a ukuran font besar, mungkin berpusat pada 382 00:17:40,840 --> 00:17:44,030 layar, semua jalan ke h6, yang merupakan ukuran font yang lebih kecil, kurang 383 00:17:44,030 --> 00:17:44,780 ditekankan. 384 00:17:44,780 --> 00:17:50,290 Tentu saja, Anda dapat, dalam Anda file CSS atau di suatu tempat dalam kode Anda - yang, 385 00:17:50,290 --> 00:17:53,830 lagi, kita akan mendapatkan bahwa dalam satu detik - mengubah apa perilaku default 386 00:17:53,830 --> 00:17:55,780 dari tag h1 adalah. 387 00:17:55,780 --> 00:18:01,040 >> Namun perlu diingat bahwa Chrome, Safari, Firefox, Internet Explorer semua memiliki 388 00:18:01,040 --> 00:18:04,030 standar mencari banyak ini tag standar. 389 00:18:04,030 --> 00:18:07,110 Anda dapat, sekali lagi, selalu berubah apa yang mereka terlihat seperti. 390 00:18:07,110 --> 00:18:09,955 Setiap tag lain bahwa setiap orang telah melihat? 391 00:18:09,955 --> 00:18:10,350 Ya - 392 00:18:10,350 --> 00:18:11,530 >> AUDIENCE: Sebuah situs div. 393 00:18:11,530 --> 00:18:15,830 >> JASON Hirschhorn: A tag div - tag div tidak memiliki format built-in, per 394 00:18:15,830 --> 00:18:21,850 se, yang digunakan untuk memblokir off berbagai jenis kode. 395 00:18:21,850 --> 00:18:22,980 Tag lainnya? 396 00:18:22,980 --> 00:18:23,390 Ya. 397 00:18:23,390 --> 00:18:24,333 >> AUDIENCE: li - 398 00:18:24,333 --> 00:18:24,850 >> JASON Hirschhorn: li - 399 00:18:24,850 --> 00:18:25,580 apa li untuk? 400 00:18:25,580 --> 00:18:26,210 >> AUDIENCE: Daftar. 401 00:18:26,210 --> 00:18:26,930 >> AUDIENCE: Daftar 402 00:18:26,930 --> 00:18:29,510 >> JASON Hirschhorn: li adalah untuk elemen daftar. 403 00:18:29,510 --> 00:18:30,720 Ada dua jenis daftar. 404 00:18:30,720 --> 00:18:31,970 Apa dua jenis? 405 00:18:31,970 --> 00:18:34,165 406 00:18:34,165 --> 00:18:35,806 >> AUDIENCE: Memerintahkan dan unordered. 407 00:18:35,806 --> 00:18:37,780 >> JASON Hirschhorn: Memerintahkan dan unordered - berdiri begitu ul 408 00:18:37,780 --> 00:18:38,560 untuk daftar unordered. 409 00:18:38,560 --> 00:18:41,120 Itu jika Anda ingin peluru titik, daftar peluru. 410 00:18:41,120 --> 00:18:43,180 Ordered list adalah daftar bernomor. 411 00:18:43,180 --> 00:18:47,930 Dan sehingga Anda akan melakukan tag ul terbuka dan kemudian ton elemen list dan kemudian 412 00:18:47,930 --> 00:18:50,450 menutup tag ul. dan kemauan yang membuat daftar unordered. 413 00:18:50,450 --> 00:18:52,380 >> Kita akan melihat beberapa contoh HTML dalam sedikit. 414 00:18:52,380 --> 00:18:55,800 Tapi sebelum itu, saya ingin pergi ke CSS. 415 00:18:55,800 --> 00:18:58,530 Dan CSS singkatan dari Cascading Style Sheets. 416 00:18:58,530 --> 00:19:03,010 Dan ini sangat erat terkait HTML tapi sedikit berbeda. 417 00:19:03,010 --> 00:19:06,920 Ini akan membantu Anda memformat semua konten bahwa struktur HTML. 418 00:19:06,920 --> 00:19:14,940 >> Jadi dalam CSS, kita umumnya tidak ingin gaya setiap kepala tunggal atau setiap 419 00:19:14,940 --> 00:19:17,250 gambar tunggal atau setiap paragraf. 420 00:19:17,250 --> 00:19:21,210 Kami ingin gaya beberapa elemen atau mungkin elemen tertentu. 421 00:19:21,210 --> 00:19:25,250 Dan cara kita gaya spesifik Unsur adalah untuk memberikan suatu ID. 422 00:19:25,250 --> 00:19:26,070 >> Jadi ini adalah atribut. 423 00:19:26,070 --> 00:19:27,960 Ia memiliki kunci dan nilai. 424 00:19:27,960 --> 00:19:29,130 ID adalah kuncinya. 425 00:19:29,130 --> 00:19:30,220 Logo adalah nilai. 426 00:19:30,220 --> 00:19:32,410 Aku mengambil logo secara acak. 427 00:19:32,410 --> 00:19:36,780 Dan jika Anda memberikan sesuatu ID, umumnya, yang hanya dapat diberikan 428 00:19:36,780 --> 00:19:38,800 untuk satu elemen. 429 00:19:38,800 --> 00:19:42,340 >> Dan kemudian, dalam style sheet, Anda dapat gaya yang elemen tertentu, namun 430 00:19:42,340 --> 00:19:44,090 Anda ingin terlihat. 431 00:19:44,090 --> 00:19:49,560 Jika Anda ingin bergaya sejumlah elemen, mungkin itu kelas tertentu 432 00:19:49,560 --> 00:19:51,310 header, hanya beberapa header Anda. 433 00:19:51,310 --> 00:19:56,780 Mungkin itu adalah header dan gambar dan paragraf yang semua ingin berada ditengah. 434 00:19:56,780 --> 00:20:00,700 Kemudian Anda dapat memberikan kelompok-kelompok elemen semua kelas. 435 00:20:00,700 --> 00:20:04,300 Dan Anda dapat memberikan kelas gaya tertentu. 436 00:20:04,300 --> 00:20:08,860 Jadi ID dan kelas dua cara untuk memecah kode Anda, sehingga Anda dapat membantu menjadi 437 00:20:08,860 --> 00:20:11,990 lebih spesifik 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 gaya atribut ini. 440 00:20:17,530 --> 00:20:21,200 Jadi Anda lihat, kunci gaya gaya. 441 00:20:21,200 --> 00:20:24,370 Nilai gaya sebenarnya daftar nilai kunci yang lain. 442 00:20:24,370 --> 00:20:26,570 >> Dalam hal ini, saya memilih salah satu kunci, text-align. 443 00:20:26,570 --> 00:20:27,730 Dan aku berkata, pusat. 444 00:20:27,730 --> 00:20:30,280 Anda mungkin bertanya pada diri sendiri ini point, bagaimana aku tahu tentang 445 00:20:30,280 --> 00:20:31,230 text-align. 446 00:20:31,230 --> 00:20:32,280 Apa artinya itu bahkan melakukan? 447 00:20:32,280 --> 00:20:35,350 Itu pertanyaan yang bagus untuk bertanya, dan kita akan sampai di sana dalam satu detik. 448 00:20:35,350 --> 00:20:39,740 Jadi itu salah satu cara untuk gaya sesuatu, hanya memberikan atribut style. 449 00:20:39,740 --> 00:20:43,490 >> Cara lain untuk gaya adalah sesuatu - ini adalah Akshar disebutkan sebelumnya. 450 00:20:43,490 --> 00:20:49,660 Anda dapat menggunakan tag gaya dan menempatkan bahwa di kepala dokumen HTML Anda. 451 00:20:49,660 --> 00:20:52,220 Jadi pada dasarnya Anda mengatakan, isi dalam sini 452 00:20:52,220 --> 00:20:53,870 adalah beberapa konten gaya. 453 00:20:53,870 --> 00:20:59,520 Dan format untuk itu adalah hal yang Anda ingin gaya dan kemudian, dalam 454 00:20:59,520 --> 00:21:03,460 kurung kurawal, nilai pasangan kunci atribut yang ingin Anda berikan kepada 455 00:21:03,460 --> 00:21:05,920 bahwa jenis tertentu dari elemen. 456 00:21:05,920 --> 00:21:07,370 >> Akhirnya, dan ini adalah Cara yang paling umum. 457 00:21:07,370 --> 00:21:10,320 Dan ini adalah cara kita melakukannya di p set 7. 458 00:21:10,320 --> 00:21:12,370 Ini adalah style sheet eksternal. 459 00:21:12,370 --> 00:21:14,370 Jadi Anda memiliki file css.. 460 00:21:14,370 --> 00:21:18,050 Dan di dalamnya, Anda melihat banyak hal-hal yang terlihat seperti ini, nama 461 00:21:18,050 --> 00:21:22,730 dari beberapa jenis unsur atau ID atau kelas dan kemudian, dalam keriting 462 00:21:22,730 --> 00:21:28,040 kawat gigi, daftar pasangan nilai kunci. 463 00:21:28,040 --> 00:21:30,065 >> Tentu saja, jika anda membuat sebuah eksternal berkas, 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 file HTML Anda. 467 00:21:36,250 --> 00:21:39,820 Jadi, Anda harus memasukkan ini kode dalam file HTML Anda. 468 00:21:39,820 --> 00:21:46,080 Ini menjadi nama file dan dengan asumsi itu di direktori yang sama. 469 00:21:46,080 --> 00:21:47,100 >> OK. 470 00:21:47,100 --> 00:21:48,200 Itu banyak. 471 00:21:48,200 --> 00:21:52,440 Dan sekarang kita akan bernapas dan melihat di beberapa nyata, live website dan 472 00:21:52,440 --> 00:21:53,720 menjelajahi lebih. 473 00:21:53,720 --> 00:21:55,470 Tapi sebelum kita melakukan itu, apakah ada yang memiliki pertanyaan? 474 00:21:55,470 --> 00:22:00,830 475 00:22:00,830 --> 00:22:04,970 >> Jadi jika Anda ingin melakukan ini bersama dengan saya, kita bisa pergi ke alat. 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 dapat melakukan ini dengan situs web apapun. 478 00:22:10,020 --> 00:22:13,070 Tapi kenapa tidak kita mulai dengan homepage CS50? 479 00:22:13,070 --> 00:22:14,650 >> Mari kita menyegarkan. 480 00:22:14,650 --> 00:22:18,030 Aku benar-benar sangat menyarankan Anda melakukan ini bersama dengan saya, karena apa yang kita 481 00:22:18,030 --> 00:22:22,720 akan lakukan sekarang akan menjadi sangat berguna untuk Anda, tidak hanya di 482 00:22:22,720 --> 00:22:24,450 P-Set 7, tapi di P-Set 8 juga. 483 00:22:24,450 --> 00:22:24,810 Ya. 484 00:22:24,810 --> 00:22:29,560 >> AUDIENCE: Apakah ada cara untuk melakukan komentar di HTML, tanpa menggunakan PHP? 485 00:22:29,560 --> 00:22:31,130 >> JASON Hirschhorn: Ya, Anda bisa membuat komentar dalam HTML. 486 00:22:31,130 --> 00:22:32,690 >> AUDIENCE: Apa sintaks? 487 00:22:32,690 --> 00:22:34,340 >> AUDIENCE: Exclamation mark dasbor dasbor. 488 00:22:34,340 --> 00:22:36,125 >> AUDIENCE: 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 dapat membuat komentar dalam HTML. 493 00:22:41,900 --> 00:22:43,310 Anda dapat membuat komentar dalam PHP. 494 00:22:43,310 --> 00:22:46,590 >> Seperti yang Anda lihat, komentar di HTML akan masih muncul, ketika kita melihat 495 00:22:46,590 --> 00:22:49,960 Kode sumber HTML dari situs 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 mengklik kanan di yang paling modern browser pada kebanyakan setiap halaman, 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 lakukan itu pada CS50. 500 00:23:01,480 --> 00:23:05,060 >> Dan lo dan lihatlah, kami melihat hal raksasa. 501 00:23:05,060 --> 00:23:07,420 CS50 benar-benar terlihat cukup bagus. 502 00:23:07,420 --> 00:23:08,920 Banyak situs web tidak akan terlihat bagus ini. 503 00:23:08,920 --> 00:23:10,540 Jika Anda pergi ke homepage Google dan membukanya. 504 00:23:10,540 --> 00:23:11,960 Ini tidak akan terlihat bagus ini. 505 00:23:11,960 --> 00:23:13,830 >> Tapi Anda melihat bahwa, di bagian 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 bagian atas, DOCTYPE HTML, yang familiar. 511 00:23:26,660 --> 00:23:30,650 Kemudian kita melihat tag HTML terbuka dan kepala, di sini, semua 512 00:23:30,650 --> 00:23:34,350 meta tag. 513 00:23:34,350 --> 00:23:38,000 Dan Anda bisa melihat og ini, tidak akan masuk ke yang sekarang. 514 00:23:38,000 --> 00:23:42,110 Tapi aku hampir yakin pada saat itu mereka akan Facebook. 515 00:23:42,110 --> 00:23:42,900 >> Itu sebenarnya adalah Facebook. 516 00:23:42,900 --> 00:23:44,870 Saya berpikir bahwa singkatan grafik terbuka. 517 00:23:44,870 --> 00:23:48,930 Jadi ingat, saya menyebutkan ada -Faceboook spesifik metadata Anda dapat 518 00:23:48,930 --> 00:23:49,800 memberikan ke halaman. 519 00:23:49,800 --> 00:23:51,150 Itulah yang ada di sini. 520 00:23:51,150 --> 00:23:54,580 >> Jadi ketika Anda link halaman ini di Facebook, gambar itu akan menunjukkan 521 00:23:54,580 --> 00:23:56,630 adalah gambar ini di sini. 522 00:23:56,630 --> 00:23:58,310 Dan Anda benar-benar melihat bahwa itu Facebook, karena itu 523 00:23:58,310 --> 00:23:59,470 gambar Facebook. 524 00:23:59,470 --> 00:24:00,880 >> Tapi bagaimanapun, kita sudah samping. 525 00:24:00,880 --> 00:24:03,220 Jadi kita memiliki beberapa tag metadata sini. 526 00:24:03,220 --> 00:24:05,570 Kita melihat judul CS50. 527 00:24:05,570 --> 00:24:09,830 Dan lagi, judulnya adalah apa yang terjadi di sini di tab browser. 528 00:24:09,830 --> 00:24:14,770 Kita melihat ini menghubungkan dalam, di sini, file JavaScript eksternal. 529 00:24:14,770 --> 00:24:17,640 >> Kami belum berbicara tentang JavaScript banyak, tapi minggu depan - dan tentu saja jika 530 00:24:17,640 --> 00:24:20,350 Anda melakukan masalah set berbasis web, Anda akan menggunakan JavaScript. 531 00:24:20,350 --> 00:24:23,540 Ini adalah bagaimana Anda link di eksternal JavaScript file. 532 00:24:23,540 --> 00:24:31,970 Kita lihat di sini, akhirnya, CSS style sheet, yang mendokumentasikan ini 533 00:24:31,970 --> 00:24:32,830 gaya kode ini. 534 00:24:32,830 --> 00:24:37,190 >> Mari kita benar-benar membuka bahwa sampai dan kita lihat benar-benar cepat. 535 00:24:37,190 --> 00:24:38,440 Hal ini terlihat gila. 536 00:24:38,440 --> 00:24:40,840 537 00:24:40,840 --> 00:24:42,790 Tidak ada cara saya akan mampu membaca. 538 00:24:42,790 --> 00:24:46,930 Jadi Anda benar-benar dapat meskipun, jika Anda mengambil lihat, Anda dapat melihat bahwa jenis 539 00:24:46,930 --> 00:24:48,650 ada - 540 00:24:48,650 --> 00:24:49,790 di sana kita pergi. 541 00:24:49,790 --> 00:24:53,440 >> Yang terlihat seperti sesuatu yang telah kita lihat sebelumnya, warna latar belakang, pengaturan itu 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 Hal-hal semacam ini seharusnya tidak tampak bahwa asing, meskipun, ketika disajikan 544 00:24:59,070 --> 00:25:00,850 seperti ini, dapat agak luar biasa. 545 00:25:00,850 --> 00:25:03,340 Kita tidak akan melihat file CSS ini atau menghabiskan banyak waktu di atasnya, karena 546 00:25:03,340 --> 00:25:06,030 itu, sekali lagi, cukup sulit untuk dibaca. 547 00:25:06,030 --> 00:25:09,090 >> Mari kita kembali ke ini Halaman HTML untuk CS50. 548 00:25:09,090 --> 00:25:10,930 Dan mari kita gulir ke bawah ke tubuh. 549 00:25:10,930 --> 00:25:14,730 Dan di dalamnya kita melihat tag div ini. 550 00:25:14,730 --> 00:25:18,370 Kita melihat header di sini. 551 00:25:18,370 --> 00:25:21,060 Kita melihat tag anchor. 552 00:25:21,060 --> 00:25:26,050 >> Dan ini elemen daftar adalah diberi kelas khusus. 553 00:25:26,050 --> 00:25:28,370 Dan kita melihat kelas yang diulang berulang-ulang. 554 00:25:28,370 --> 00:25:29,730 Ada Anda Curtis. 555 00:25:29,730 --> 00:25:32,730 Ada komentar di HTML5. 556 00:25:32,730 --> 00:25:36,280 >> Dan setelah Anda melihat, kita masih bisa melihat itu, tapi itu 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 Sepertinya daftar skor ini elemen komentar. 559 00:25:40,760 --> 00:25:45,110 Jika kita pergi ke halaman ini, sekali lagi, masih muncul di sana, begitu menarik. 560 00:25:45,110 --> 00:25:47,830 >> Oh, itu sebabnya, karena dari baris berikutnya ini. 561 00:25:47,830 --> 00:25:50,680 562 00:25:50,680 --> 00:25:52,735 Apa lagi yang kita melihat kepentingan? 563 00:25:52,735 --> 00:25:56,640 564 00:25:56,640 --> 00:26:00,180 Sisa ini lebih membingungkan, di berurusan dengan setengah hak ini dari 565 00:26:00,180 --> 00:26:03,280 website, yang sedikit sedikit lebih kompleks. 566 00:26:03,280 --> 00:26:08,890 >> Jadi ini adalah apa yang beberapa HTML akan terlihat seperti. 567 00:26:08,890 --> 00:26:10,990 Bagi saya meskipun, ini sedikit luar biasa, dan ini tidak 568 00:26:10,990 --> 00:26:12,350 membantu saya banyak. 569 00:26:12,350 --> 00:26:16,560 Namun, ada sesuatu yang tidak, pada kenyataannya, banyak membantu saya. 570 00:26:16,560 --> 00:26:20,490 >> Dan itulah yang saya gunakan setiap kali aku mencoba untuk mencari tahu bagaimana sesuatu 571 00:26:20,490 --> 00:26:24,270 terlihat jalan tersebut, atau bagaimana bisa Saya membuat perubahan pada website saya. 572 00:26:24,270 --> 00:26:29,280 Dan itu adalah alat pengembang yang dibangun ke Chrome. 573 00:26:29,280 --> 00:26:33,960 Jadi, jika Anda pergi ke ini tiga bar yang tepat di sini dan pergi ke tools klik 574 00:26:33,960 --> 00:26:40,120 Developer Tools, sebuah jendela kecil akan muncul di bagian bawah halaman. 575 00:26:40,120 --> 00:26:46,910 Dan khususnya, Chrome, karena indah, akan memformat jendela ini dan 576 00:26:46,910 --> 00:26:49,580 mengambil HTML dan membuatnya terlihat jauh lebih baik untuk Anda. 577 00:26:49,580 --> 00:26:54,860 Jadi sekarang itu sebenarnya beberapa dilipat HTML yang dapat Anda jelajahi untuk memeriksa 578 00:26:54,860 --> 00:26:56,620 elemen halaman. 579 00:26:56,620 --> 00:26:59,400 >> Jika kita ingin melihat tubuh, itu benar-benar menyoroti. 580 00:26:59,400 --> 00:27:03,240 Ketika Anda gulir atas bagian dari HTML, bawah dalam jendela ini, maka akan 581 00:27:03,240 --> 00:27:06,530 menyorot bagian itu berbicara tentang di jendela besar. 582 00:27:06,530 --> 00:27:10,800 Jadi biarkan aku lagi mencoba dan meledakkan 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 tubuh. 585 00:27:13,550 --> 00:27:17,280 Dan aku bergulir atas div kiri ini. 586 00:27:17,280 --> 00:27:21,420 Dan Anda melihat bahwa itu menyoroti kiri setengah ini layar. 587 00:27:21,420 --> 00:27:25,710 Jadi mari kita klik itu dan memperluas itu. 588 00:27:25,710 --> 00:27:27,280 >> Di dalamnya, sepertinya ada 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 yang disorot. 591 00:27:30,760 --> 00:27:35,900 Aku tidak tahu, tapi sepertinya ini kedua, meninggalkan batin, adalah konten 592 00:27:35,900 --> 00:27:37,700 di sisi kiri layar. 593 00:27:37,700 --> 00:27:39,360 >> Lalu ada hal yang disebut kepala. 594 00:27:39,360 --> 00:27:41,890 Sepertinya yang menyoroti bagian CS50. 595 00:27:41,890 --> 00:27:46,600 Jika kita membuka itu, kita melihat bahwa itu tidak lebih dari kepala 1. 596 00:27:46,600 --> 00:27:51,140 Ini diberi ID, dan itu mengingat CS50 teks. 597 00:27:51,140 --> 00:27:57,240 >> Jadi sekali lagi, melihat melalui ini konsol atau menggunakan alat pengembang 598 00:27:57,240 --> 00:28:00,710 pane di bagian bawah merek layar menjelajahi website ini, mudah-mudahan, 599 00:28:00,710 --> 00:28:02,990 jauh lebih sedikit menakutkan dan lebih banyak diakses. 600 00:28:02,990 --> 00:28:06,360 Hal ini juga memungkinkan kita untuk memahami bahwa website ini, meskipun terlihat sangat 601 00:28:06,360 --> 00:28:09,210 cantik dan baik, tidak semua yang banyak lebih dari apa yang Anda akan 602 00:28:09,210 --> 00:28:10,430 lakukan pada Soal Set 7. 603 00:28:10,430 --> 00:28:13,080 Dan ini benar-benar dalam kemampuan Anda untuk membuat. 604 00:28:13,080 --> 00:28:14,110 >> Jika kita ingin - 605 00:28:14,110 --> 00:28:18,270 hal menarik lainnya tentang menggunakan ini alat adalah, jika Anda mengklik kanan pada 606 00:28:18,270 --> 00:28:22,270 judul, Anda dapat mengedit HTML. 607 00:28:22,270 --> 00:28:25,660 Jadi sebut saja Jason. 608 00:28:25,660 --> 00:28:28,990 Dan sekarang Anda akan melihat saya telah berubah HTML pada halaman ini. 609 00:28:28,990 --> 00:28:31,020 >> Tentu saja, saya tidak berubah secara permanen. 610 00:28:31,020 --> 00:28:34,570 Jika saya refresh browser saya, maka akan kembali ke HTML asli. 611 00:28:34,570 --> 00:28:38,860 Tapi kadang-kadang saya ingin debug kode saya, dan saya tidak ingin melihat hanya saya 612 00:28:38,860 --> 00:28:41,370 window gedit dan mencoba dan memahami apa yang terjadi. 613 00:28:41,370 --> 00:28:42,705 >> Saya ingin melihat apa yang akan terjadi hidup. 614 00:28:42,705 --> 00:28:45,880 Jadi saya akan mengedit kode seperti ini dan mendapatkan dengan cara yang saya inginkan untuk melihat. 615 00:28:45,880 --> 00:28:47,960 Dan kemudian aku akan membuat perubahan dalam kode saya. 616 00:28:47,960 --> 00:28:50,010 >> Dan saya menemukan bahwa itu jauh lebih mudah ketika Anda bisa melakukan hal-hal 617 00:28:50,010 --> 00:28:52,400 seketika, seperti itu. 618 00:28:52,400 --> 00:28:58,410 Katakanlah, sekali lagi, kami ingin membuat yang lain kesempatan, karena kita menjelajahi dengan 619 00:28:58,410 --> 00:29:00,340 HTML dan CSS sekarang. 620 00:29:00,340 --> 00:29:02,600 Saya dapat mengedit HTML sekarang. 621 00:29:02,600 --> 00:29:06,680 Dan aku akan menyertakan link. 622 00:29:06,680 --> 00:29:10,650 >> Jadi aku akan mengubah rumah CS50 ini halaman, sehingga akan link ke - 623 00:29:10,650 --> 00:29:12,060 katakanlah - halaman rumah saya. 624 00:29:12,060 --> 00:29:16,700 Apa nama, kalau ada yang ingat, atau apa atribut saya ingin memberikan 625 00:29:16,700 --> 00:29:18,850 untuk jangkar tab ketika saya ingin untuk link di tempat lain? 626 00:29:18,850 --> 00:29:19,562 >> AUDIENCE: 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 bahwa ada adalah garis bawah di bawah Jason. 630 00:29:35,750 --> 00:29:40,170 Itu karena Chrome, secara default, memberikan jangkar garis bawah. 631 00:29:40,170 --> 00:29:41,990 Anda mungkin pernah melihat itu sebelumnya ketika Anda sudah pergi ke sebuah halaman web. 632 00:29:41,990 --> 00:29:44,200 Hal-hal yang link menggarisbawahi dan warna biru. 633 00:29:44,200 --> 00:29:47,300 Gaya default untuk link adalah umumnya menggarisbawahi 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 seperti itu, Saya bisa mengubah itu. 636 00:29:50,050 --> 00:29:51,220 Dan kami akan mengubahnya dalam hitungan detik. 637 00:29:51,220 --> 00:29:54,660 Tapi sekarang, juga melihat bahwa, jika saya hover selama ini, di bagian bawah kiri 638 00:29:54,660 --> 00:29:58,580 layar, tepat di atas elemen kata adalah link yang saya berikan. 639 00:29:58,580 --> 00:30:03,080 >> Jadi jika saya melakukan klik ini - dan kita bisa klik kanan pada ini, membuka tab baru. 640 00:30:03,080 --> 00:30:04,520 Hal ini tidak benar-benar situs saya. 641 00:30:04,520 --> 00:30:06,700 Hanya saja nama saya. 642 00:30:06,700 --> 00:30:07,210 Di sana Anda pergi. 643 00:30:07,210 --> 00:30:10,440 Sekarang kami telah mengubahnya menjadi link. 644 00:30:10,440 --> 00:30:13,220 >> Mari kita menjelajahi beberapa CSS juga. 645 00:30:13,220 --> 00:30:15,680 Hal yang indah - dan aku akan membuat ini sedikit lebih kecil - sekitar 646 00:30:15,680 --> 00:30:19,480 konsol ini adalah, bahwa sheet CSS gila kita lihat sebelumnya, itu benar-benar 647 00:30:19,480 --> 00:30:24,130 sulit untuk mengurai, kini indah ditata untuk kita di sisi kiri 648 00:30:24,130 --> 00:30:25,270 dari panel ini. 649 00:30:25,270 --> 00:30:27,230 Jadi kita dapat melihat. 650 00:30:27,230 --> 00:30:33,690 Dan jika kita memperluas tab gaya ini, kami dapat melihat semua gaya yang berbeda 651 00:30:33,690 --> 00:30:37,940 yang berkaitan dengan, dalam hal ini, elemen tertentu ini, ini 652 00:30:37,940 --> 00:30:39,700 elemen link. 653 00:30:39,700 --> 00:30:44,240 >> Jika kita melakukan tab gaya majemuk, yang hanya menunjukkan kepada kita, tidak di mana segala sesuatu 654 00:30:44,240 --> 00:30:47,450 berasal, tapi pada dasarnya semua ini gaya yang beroperasi pada 655 00:30:47,450 --> 00:30:51,220 ini elemen tertentu sekarang. 656 00:30:51,220 --> 00:30:55,050 Dan katakanlah, kita ingin untuk mengubahnya sedikit. 657 00:30:55,050 --> 00:30:58,870 658 00:30:58,870 --> 00:31:02,740 Jadi ini semua gaya yang beroperasi pada elemen tertentu. 659 00:31:02,740 --> 00:31:04,800 Katakanlah kita ingin mengubahnya, karena kita ingin melihat bagaimana sesuatu terlihat. 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 ingin menguji sesuatu, sebelum menulis dalam kode dan mendorong 662 00:31:08,720 --> 00:31:10,150 dan membuatnya hidup. 663 00:31:10,150 --> 00:31:11,780 >> Kita bisa pergi ke tab gaya. 664 00:31:11,780 --> 00:31:14,270 Dan dalam kotak pertama kata, element.style. 665 00:31:14,270 --> 00:31:17,020 Dan di sini, Anda dapat menyisipkan, Anda dapat menambahkan sesuatu. 666 00:31:17,020 --> 00:31:18,550 >> Jadi saya ingin - 667 00:31:18,550 --> 00:31:22,360 mari kita pergi ke link saya dan mengatur warna latar belakang. 668 00:31:22,360 --> 00:31:25,830 Dan itu benar-benar AutoFills untuk Anda, semua properti yang mungkin. 669 00:31:25,830 --> 00:31:29,360 Warna latar belakang, dan aku ingin untuk membuat biru itu. 670 00:31:29,360 --> 00:31:31,520 Blus bukan sebuah kata. 671 00:31:31,520 --> 00:31:32,400 Biru adalah sebuah kata. 672 00:31:32,400 --> 00:31:34,490 >> Apakah aku melihatnya datang? 673 00:31:34,490 --> 00:31:35,800 Oh, adalah bahwa karena di href? 674 00:31:35,800 --> 00:31:36,550 OK. 675 00:31:36,550 --> 00:31:40,220 Jadi saya tidak melihat perubahan apa pun di sini. 676 00:31:40,220 --> 00:31:45,100 Dan itu karena, jika kita menyoroti link, Anda akan melihat bahwa link 677 00:31:45,100 --> 00:31:48,430 tidak benar-benar mengendalikan sifat elemen tertentu. 678 00:31:48,430 --> 00:31:52,430 Ini sebenarnya, jika kita membuka link tersebut, header ini di sini itu 679 00:31:52,430 --> 00:31:53,590 mengendalikan apa yang tampak seperti. 680 00:31:53,590 --> 00:31:56,380 >> Jadi jika saya ingin membuat latar belakang biru, aku benar-benar harus mengubah 681 00:31:56,380 --> 00:31:59,640 background warna pada elemen sundulan. 682 00:31:59,640 --> 00:32:02,700 Dan sekarang kita melihat bahwa latar belakang biru. 683 00:32:02,700 --> 00:32:06,770 >> Jadi sekali lagi, ini dengan cepat mungkin akan melalui materi ini cukup cepat. 684 00:32:06,770 --> 00:32:08,580 Tapi ini dasarnya apa Anda akan lakukan. 685 00:32:08,580 --> 00:32:10,860 Ini bukan pada Soal Set 7, tapi jelas ketika Anda 686 00:32:10,860 --> 00:32:12,080 coding di web. 687 00:32:12,080 --> 00:32:12,360 >> OK. 688 00:32:12,360 --> 00:32:13,780 Saya ingin membuat latar belakang biru. 689 00:32:13,780 --> 00:32:16,180 Meskipun, dalam hal ini, biru terlihat cukup jelek. 690 00:32:16,180 --> 00:32:17,740 Aku bisa masuk di sini, bermain-main. 691 00:32:17,740 --> 00:32:20,515 Saya melihat bahwa perubahan ke biru tidak bekerja pada itu. 692 00:32:20,515 --> 00:32:26,710 Saya harus benar-benar mengubah header elemen untuk menyertakan biru 693 00:32:26,710 --> 00:32:28,200 background. 694 00:32:28,200 --> 00:32:34,450 >> Dan kemudian, jika kemudian saya kembali ke CSS saya berkas, bagaimana saya benar-benar mengatur ini 695 00:32:34,450 --> 00:32:37,520 background menjadi biru dan membuat perubahan ini tongkat? 696 00:32:37,520 --> 00:32:44,840 Karena jika kita melihat jika saya refresh Halaman, semua perubahan yang dibuat hilang. 697 00:32:44,840 --> 00:32:47,220 Jadi saya menyadari, OK, saya latar belakang biru. 698 00:32:47,220 --> 00:32:51,260 >> Aku harus pergi ke dalam elemen header1 dan mengubah warna latar belakang 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 bahwa, jika kita masuk ke dalam dari sini, header, 701 00:32:57,040 --> 00:32:59,280 judul memiliki ID. 702 00:32:59,280 --> 00:33:00,890 Dan itulah judul. 703 00:33:00,890 --> 00:33:09,010 >> Dan dalam file CSS kita, kita dapat mengatakan, OK, mengambil apa pun dengan ID dari judul dan 704 00:33:09,010 --> 00:33:11,330 memberikan properti tambahan ini. 705 00:33:11,330 --> 00:33:18,010 Bagaimana kita referensi sesuatu dengan ID judul, ide, atau siapa 706 00:33:18,010 --> 00:33:24,406 tahu bagaimana kita referensi ID dalam file CSS kami? 707 00:33:24,406 --> 00:33:26,290 >> Sebuah hash, itulah yang benar. 708 00:33:26,290 --> 00:33:28,710 Dan Anda punya sedikit itu di sini. 709 00:33:28,710 --> 00:33:32,810 Jadi suatu tempat di file CSS ini, ada baris kode - 710 00:33:32,810 --> 00:33:34,150 # # # Header kiri # judul kiri-batin. 711 00:33:34,150 --> 00:33:36,810 712 00:33:36,810 --> 00:33:40,590 Dan itu memberikan margin bawah, mendefinisikan bagian 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 ingin mengubah itu, Aku akan pergi ke dalam file CSS ini. 715 00:33:46,580 --> 00:33:49,510 Dan aku bisa juga menemukan ini bagian dari file CSS. 716 00:33:49,510 --> 00:33:50,300 Atau aku bisa menulis sendiri. 717 00:33:50,300 --> 00:33:54,670 >> Aku bisa melakukan hash judul curly brace dan maka latar belakang biru usus warna 718 00:33:54,670 --> 00:33:57,250 koma dan dekat sehingga penjepit keriting. 719 00:33:57,250 --> 00:34:02,790 Dan itu akan mengubah latar belakang warna elemen ini menjadi biru. 720 00:34:02,790 --> 00:34:06,690 Alasan mereka memberikan begitu banyak di sini adalah itu, penting dalam hal ini, 721 00:34:06,690 --> 00:34:08,690 karena judul adalah ID unik. 722 00:34:08,690 --> 00:34:11,190 >> Tapi apa yang dapat Anda lakukan adalah hal-hal 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 Itu sangat kecil. 725 00:34:15,350 --> 00:34:16,150 Saya minta maaf untuk itu. 726 00:34:16,150 --> 00:34:17,750 >> Tapi pergi ke hal dengan ID kiri. 727 00:34:17,750 --> 00:34:20,420 Di dalam itu, mencari hal dengan ID meninggalkan batin. 728 00:34:20,420 --> 00:34:22,630 Di dalam tampilan itu, mencari hal dengan ID sundulan. 729 00:34:22,630 --> 00:34:27,560 Di dalam itu, mencari hal Title ID dan mengubah judul ID. 730 00:34:27,560 --> 00:34:29,120 Jadi ini hanya cara hal bersarang. 731 00:34:29,120 --> 00:34:32,719 Beberapa orang seperti sarang, karena itu membuatnya sedikit lebih jelas. 732 00:34:32,719 --> 00:34:37,980 >> Anda akan melihat di sini juga, kan sini, tidak ada hash. 733 00:34:37,980 --> 00:34:39,449 Hanya saja h1. 734 00:34:39,449 --> 00:34:44,060 Itu karena h1 diberi nama dari tag generik. 735 00:34:44,060 --> 00:34:48,080 Dan ada beberapa properti CSS terkait dengan setiap h1 tunggal. 736 00:34:48,080 --> 00:34:51,889 Jadi jika saya menemukan h1 lain pada halaman ini, Saya juga akan melihat bahwa gaya ini adalah 737 00:34:51,889 --> 00:34:54,280 diterapkan untuk itu juga. 738 00:34:54,280 --> 00:34:59,290 >> Jika saya ingin menerapkan gaya ke kelas, bagaimana cara referensi kelas atau 739 00:34:59,290 --> 00:35:02,469 berbicara tentang kelas dalam file CSS? 740 00:35:02,469 --> 00:35:03,315 >> AUDIENCE: Dot. 741 00:35:03,315 --> 00:35:05,340 >> JASON Hirschhorn: Ini dengan sebuah titik. 742 00:35:05,340 --> 00:35:08,630 Jadi mari kita kembali ke halaman ini sebelumnya. 743 00:35:08,630 --> 00:35:11,160 Jika saya melakukan hash ID. 744 00:35:11,160 --> 00:35:14,760 Itu mengubah gaya dari hal dengan ID. 745 00:35:14,760 --> 00:35:21,390 Atau maaf, jika saya melakukan logo hash, itu menemukan hal dengan ID dari 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, yang menemukan segala sesuatu dengan kelas atas dan 748 00:35:28,280 --> 00:35:30,190 mengubah gaya nya. 749 00:35:30,190 --> 00:35:35,950 Jika saya hanya h1, yang menemukan setiap h1 tunggal dan memberikan yang apapun 750 00:35:35,950 --> 00:35:37,940 gaya saya ingin memberikannya. 751 00:35:37,940 --> 00:35:43,260 Jika saya melakukan space h1 dan kemudian. Atas. 752 00:35:43,260 --> 00:35:47,670 Itu akan menemukan semua h1s dan kemudian semua yang dengan kelas atas dan 753 00:35:47,670 --> 00:35:51,690 maka hanya mengubah gaya tersebut untuk apa pun yang saya ingin memberikannya. 754 00:35:51,690 --> 00:35:54,600 >> Dan lagi, kita bisa menulis beberapa hal ini pada kita sendiri. 755 00:35:54,600 --> 00:35:55,790 Tapi kita tidak akan sampai sejauh itu. 756 00:35:55,790 --> 00:35:59,180 Jauh lebih baik, tampaknya benar-benar pergi pada sebuah situs web real live dan melihat bagaimana 757 00:35:59,180 --> 00:36:02,800 mereka melakukannya dan melihat semua hal-hal fantastis Anda bisa melakukan. 758 00:36:02,800 --> 00:36:06,570 >> Mari kita lihat satu lagi situs web sebelum kita melanjutkan. 759 00:36:06,570 --> 00:36:10,150 Dan ini adalah salah satu yang mungkin Anda akan menjadi akrab dengan. 760 00:36:10,150 --> 00:36:12,310 Ini adalah CS50 Finance. 761 00:36:12,310 --> 00:36:16,120 Jadi sekali lagi, Anda benar-benar bisa masuk dan mengamati file CSS ini pada Anda 762 00:36:16,120 --> 00:36:19,390 komputer, karena Anda men-download ini File CSS, jika Anda men-download 763 00:36:19,390 --> 00:36:20,270 masalah ditetapkan. 764 00:36:20,270 --> 00:36:26,850 >> Kita bisa pergi ke Tools dan Developer Tools. 765 00:36:26,850 --> 00:36:30,280 Dan kita melihat tata letak HTML lebih sederhana. 766 00:36:30,280 --> 00:36:32,020 Kami memiliki atas, tengah, dan bawah. 767 00:36:32,020 --> 00:36:34,490 Dan lagi, sesuatu yang Anda harus kenal, karena Anda telah melihat 768 00:36:34,490 --> 00:36:37,680 melalui kode distribusi untuk masalah minggu ini ditetapkan. 769 00:36:37,680 --> 00:36:43,360 >> Di atas adalah, per kode, gambar tunggal yang disebut. 770 00:36:43,360 --> 00:36:47,170 Dan itu adalah sumber gambar. 771 00:36:47,170 --> 00:36:52,170 Katakanlah aku telah menyelesaikan semua apa Saya ingin untuk Soal Set 7. 772 00:36:52,170 --> 00:36:55,500 Dan itu bekerja dengan benar, tetapi Saya ingin mengubah tampilannya. 773 00:36:55,500 --> 00:36:58,900 Dan saya ingin mengubah latar belakang dari bagian atas halaman untuk, 774 00:36:58,900 --> 00:37:01,000 misalnya, biru. 775 00:37:01,000 --> 00:37:04,860 Jika itu aku, aku akan datang di sini dan mencari tahu, apa OK 776 00:37:04,860 --> 00:37:05,890 yang ingin saya ubah. 777 00:37:05,890 --> 00:37:08,700 >> Mari kita lihat, ID div atas, yang terlihat seperti 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 coba mengubah warna latar belakang. 780 00:37:13,940 --> 00:37:16,360 Mari kita lakukan Alice biru, karena itu hal yang baik. 781 00:37:16,360 --> 00:37:18,010 >> Dan Anda akan melihat bahwa - 782 00:37:18,010 --> 00:37:19,190 Anda mungkin tidak bisa melihat itu. 783 00:37:19,190 --> 00:37:23,430 Tapi ada biru muda, di samping logo CS50. 784 00:37:23,430 --> 00:37:25,810 Mari kita mengubahnya bukan menjadi merah. 785 00:37:25,810 --> 00:37:28,790 Dan Anda akan melihat sekarang saya hanya berubah warna latar belakang merah. 786 00:37:28,790 --> 00:37:37,050 >> Jadi sekarang aku akan pergi ke file CSS dan ketik # paren keriting kanan atas sini. 787 00:37:37,050 --> 00:37:42,170 Anda dapat melihat kode yang tepat sini, penjepit keriting. 788 00:37:42,170 --> 00:37:44,530 Dan kemudian, saya akan menambahkan background warna, merah. 789 00:37:44,530 --> 00:37:47,500 Dan kemudian, ada akan menjadi penjepit keriting. 790 00:37:47,500 --> 00:37:52,230 Jadi itu adalah bagaimana saya akan mengeksplorasi dan bereksperimen dengan format pada CS50 791 00:37:52,230 --> 00:37:53,070 Situs keuangan. 792 00:37:53,070 --> 00:37:55,060 >> Aku bisa melakukannya di sini dan uji it out di browser saya. 793 00:37:55,060 --> 00:37:58,130 Dan kemudian, aku bisa pergi ke dalam kode yang sebenarnya dan membuat perubahan yang akan 794 00:37:58,130 --> 00:38:01,940 benar-benar pergi hidup dan bahwa orang-orang benar-benar melihat, jika mereka datang ke 795 00:38:01,940 --> 00:38:04,280 situs tertentu saya. 796 00:38:04,280 --> 00:38:05,390 >> OK. 797 00:38:05,390 --> 00:38:06,850 Itu banyak. 798 00:38:06,850 --> 00:38:09,380 Saya minta maaf untuk pergi melalui begitu cepat. 799 00:38:09,380 --> 00:38:12,560 Apakah Ada yang punya pertanyaan sama sekali tentang HTML atau CSS? 800 00:38:12,560 --> 00:38:15,830 801 00:38:15,830 --> 00:38:24,728 >> AUDIENCE: Bisakah Anda hanya pergi atas bagaimana Anda terkait apa yang menjadi Jason, lagi? 802 00:38:24,728 --> 00:38:26,180 >> JASON Hirschhorn: Apa maksudmu terkait? 803 00:38:26,180 --> 00:38:29,765 >> AUDIENCE: Anda memberikan link ke yang lain website, dengan menggunakan jangkar. 804 00:38:29,765 --> 00:38:32,980 >> JASON Hirschhorn: Jadi kau bertanya, hanya umum, bagaimana Anda membuat link? 805 00:38:32,980 --> 00:38:33,560 >> AUDIENCE: Ya. 806 00:38:33,560 --> 00:38:34,150 >> JASON Hirschhorn: OK. 807 00:38:34,150 --> 00:38:35,575 Kode untuk membuat link - 808 00:38:35,575 --> 00:38:38,180 809 00:38:38,180 --> 00:38:40,590 >> AUDIENCE: Tidak, seperti dalam HTML. 810 00:38:40,590 --> 00:38:43,140 >> JASON Hirschhorn: Di sini, Anda maksud? 811 00:38:43,140 --> 00:38:46,960 Jadi jika saya ingin menyertakan link di suatu tempat, katakanlah, 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 itu terbuka dalam sebuah file, index.html. 815 00:38:53,720 --> 00:38:56,100 Aku masuk 816 00:38:56,100 --> 00:38:58,990 >> Mari kita hak cipta ini John Harvard link ke sesuatu. 817 00:38:58,990 --> 00:39:02,230 Jadi kita akan mengedit semua ini sebagai HTML. 818 00:39:02,230 --> 00:39:08,480 Yang Anda lakukan adalah memasukkan, sehingga braket braket dari dekat 819 00:39:08,480 --> 00:39:12,700 awal, dan kemudian braket slash braket dekat di akhir. 820 00:39:12,700 --> 00:39:13,930 >> Jadi sekarang saya telah menyertakan tag anchor. 821 00:39:13,930 --> 00:39:15,475 Dan sebenarnya, jika Anda mengklik dari ini, sekarang akan 822 00:39:15,475 --> 00:39:22,110 format itu sebagai mengedit HTML. 823 00:39:22,110 --> 00:39:24,020 Dan mengatakan, kami ingin menghubungkannya. 824 00:39:24,020 --> 00:39:25,760 Sebaiknya kita Anda atribut 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, setelah Anda melihat, hak cipta John Harvard biru. 828 00:39:47,600 --> 00:39:50,870 Dan ketika saya gulir atas itu, sekarang link. 829 00:39:50,870 --> 00:39:53,140 Jadi, Anda dapat menulis kode yang. 830 00:39:53,140 --> 00:39:57,030 Anda dapat mengelilingi apa pun cukup banyak Anda inginkan dalam sebuah tag anchor dan mengubahnya 831 00:39:57,030 --> 00:39:57,700 menjadi link. 832 00:39:57,700 --> 00:39:58,246 >> AUDIENCE: OK. 833 00:39:58,246 --> 00:39:58,520 Got it. 834 00:39:58,520 --> 00:40:01,300 >> JASON Hirschhorn: Dan jika saya tidak ingin itu - tentu saja, kadang-kadang orang cenderung 835 00:40:01,300 --> 00:40:04,090 untuk berpikir hal-hal yang hanya melihat biru umum dan digarisbawahi adalah 836 00:40:04,090 --> 00:40:05,860 bukan cara tercantik untuk membuat link. 837 00:40:05,860 --> 00:40:11,380 Jadi jika saya datang ke sini, Anda melihat bahwa, di suatu tempat di file CSS, ada 838 00:40:11,380 --> 00:40:14,500 menulis ini dan kemudian dua kurung kurawal. 839 00:40:14,500 --> 00:40:20,700 Jadi mari kita mengatakan bahwa, untuk link, saya tidak ingin mereka menjadi biru, bukan aku 840 00:40:20,700 --> 00:40:23,645 menginginkan warna link 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 ambil magenta. 845 00:40:35,110 --> 00:40:38,440 Sekarang, semua link pada halaman saya memiliki menjadi warna ini bagus magenta. 846 00:40:38,440 --> 00:40:40,170 Beberapa orang tidak suka warna sama sekali. 847 00:40:40,170 --> 00:40:41,340 Beberapa orang tidak suka menggarisbawahi. 848 00:40:41,340 --> 00:40:42,510 Anda bisa memilih. 849 00:40:42,510 --> 00:40:44,990 >> Dengan link, Anda dapat gaya bagaimana mereka terlihat setelah Anda mengunjungi mereka. 850 00:40:44,990 --> 00:40:47,820 Seperti yang akan Anda perhatikan pada banyak halaman, Link berubah ungu pada Anda mengunjungi mereka. 851 00:40:47,820 --> 00:40:49,190 Anda dapat mengubah warna itu juga. 852 00:40:49,190 --> 00:40:49,450 Ya. 853 00:40:49,450 --> 00:40:51,790 >> AUDIENCE: Jadi Anda mengubahnya untuk setiap link tunggal. 854 00:40:51,790 --> 00:40:56,310 Tetapi jika Anda hanya ingin melakukan link yang sendiri, akan Anda hanya dilakukan di ID 855 00:40:56,310 --> 00:40:58,720 bawah atau sesuatu? 856 00:40:58,720 --> 00:41:01,070 >> JASON Hirschhorn: Pertanyaan Begitu besar. 857 00:41:01,070 --> 00:41:05,090 Seperti yang Anda perhatikan di sini, saya mengubah beberapa bagian dari CSS yang berlaku untuk 858 00:41:05,090 --> 00:41:11,530 segala sesuatu yang A. Jika saya ingin hanya melakukan itu link di bagian bawah, saya 859 00:41:11,530 --> 00:41:14,500 akan pergi ke file CSS saya dan mungkin melakukan seperti yang Anda katakan, hash 860 00:41:14,500 --> 00:41:16,040 ruang bawah a. 861 00:41:16,040 --> 00:41:18,400 Dan itu akan memberi saya Seperti dalam semua bagian bawah. 862 00:41:18,400 --> 00:41:30,720 >> Atau aku bisa, alternatif, memberikan ID unik dan kemudian hanya melakukan link hash. 863 00:41:30,720 --> 00:41:32,050 Dan itu akan memungkinkan saya untuk mengubah hal ini. 864 00:41:32,050 --> 00:41:36,170 Namun, hanya membagikan ID mau tak mau umumnya buruk 865 00:41:36,170 --> 00:41:37,730 praktek, karena mereka harus unik. 866 00:41:37,730 --> 00:41:40,940 Dan semakin Anda memiliki orang-orang, itu bisa mendapatkan sedikit membingungkan. 867 00:41:40,940 --> 00:41:41,270 Ya. 868 00:41:41,270 --> 00:41:43,725 >> AUDIENCE: Dapatkah Anda memberikan hal yang sama ID ke beberapa pemilik? 869 00:41:43,725 --> 00:41:45,820 >> JASON Hirschhorn: Secara teknis, ya. 870 00:41:45,820 --> 00:41:50,700 Tidak ada yang akan menghentikan Anda, tetapi Anda seharusnya tidak Anda harus memberikan kelas. 871 00:41:50,700 --> 00:41:55,330 872 00:41:55,330 --> 00:41:57,655 OK, pertanyaan 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 Mari kita beralih ke PHP. 876 00:42:09,950 --> 00:42:10,575 Oh, ya. 877 00:42:10,575 --> 00:42:13,800 >> AUDIENCE: Ada apa ini website yang berarti bahwa kita dapat mengedit 878 00:42:13,800 --> 00:42:15,440 mereka sebelum kita menyegarkan. 879 00:42:15,440 --> 00:42:18,270 Tapi begitu kita refresh beralih kembali ke HTML awal? 880 00:42:18,270 --> 00:42:19,900 >> JASON Hirschhorn: Pertanyaan besar - 881 00:42:19,900 --> 00:42:24,810 jadi ketika kita telah dimuat ini halaman web, itu HTML. 882 00:42:24,810 --> 00:42:25,900 Dan itu JavaScript. 883 00:42:25,900 --> 00:42:29,060 PHP Its dijalankan untuk memberi kita apa pun jenis website yang kita lihat. 884 00:42:29,060 --> 00:42:33,130 Dan itu menciptakan beberapa HTML, beberapa JavaScript, dan beberapa CSS. 885 00:42:33,130 --> 00:42:35,990 Dan itu sudah dapat diakses oleh komputer kita. 886 00:42:35,990 --> 00:42:40,700 >> Dan salinan file-file disimpan secara lokal pada komputer kita, 887 00:42:40,700 --> 00:42:41,910 untuk saat ini. 888 00:42:41,910 --> 00:42:44,030 Jadi kita bisa mengedit salinan lokal. 889 00:42:44,030 --> 00:42:46,530 Tapi tentu saja, kita tidak mengedit salinan Server. 890 00:42:46,530 --> 00:42:49,420 >> Dan ketika kita me-refresh halaman, kita mendapatkan salinan server lain. 891 00:42:49,420 --> 00:42:51,250 Dan jadi kita melihat hal-hal kembali seperti mereka. 892 00:42:51,250 --> 00:42:55,200 Jika kita mampu, dari sini, untuk mengedit website resmi, kita akan memiliki banyak 893 00:42:55,200 --> 00:42:55,800 masalah. 894 00:42:55,800 --> 00:42:58,670 >> AUDIENCE: Ya, jadi kita dapat membaca dan menulis salinan itu. 895 00:42:58,670 --> 00:43:00,140 >> JASON Hirschhorn: Benar. 896 00:43:00,140 --> 00:43:04,380 Kita hanya membuat perubahan lokal di sini, tapi sekali lagi, sangat membantu untuk menjelajahi, 897 00:43:04,380 --> 00:43:05,690 seringkali. 898 00:43:05,690 --> 00:43:08,900 Ketika saya sedang menulis tugas akhir saya, untuk Misalnya, saya ingin melihat bagaimana beberapa 899 00:43:08,900 --> 00:43:11,270 situs membuat sesuatu yang terlihat cara mereka lakukan. 900 00:43:11,270 --> 00:43:17,350 Aku akan masuk dan menggunakan panel ini turun di sini, untuk melihat apa yang mereka berikan kepada CSS 901 00:43:17,350 --> 00:43:20,890 atau warna apa yang mereka memilih atau bagaimana mereka mendapatkannya sehingga, ketika Anda melayang 902 00:43:20,890 --> 00:43:24,180 atas sesuatu, daftar turun dalam Cascading busana yang bagus. 903 00:43:24,180 --> 00:43:27,220 Ini adalah cara yang bagus untuk memeriksa apa yang lain website lakukan dan meminjam dari mereka. 904 00:43:27,220 --> 00:43:30,590 905 00:43:30,590 --> 00:43:33,690 >> Mari kita beralih ke PHP. 906 00:43:33,690 --> 00:43:38,560 PHP singkatan, dalam arti rekursif, PHP Hypertext Processor. 907 00:43:38,560 --> 00:43:42,060 Dan PHP, apa itu akan melakukan adalah mengeksekusi kode sisi server. 908 00:43:42,060 --> 00:43:44,490 Jadi kita tidak akan pernah melihat kode PHP. 909 00:43:44,490 --> 00:43:47,210 >> Namun, tidak bermain dengan baik dengan HTML dan sering menghasilkan 910 00:43:47,210 --> 00:43:48,210 banyak kode HTML. 911 00:43:48,210 --> 00:43:52,570 Tetapi karena Anda akan akrab dengan masalah Set 7, kode PHP akan mengeksekusi, 912 00:43:52,570 --> 00:43:56,200 menghasilkan beberapa HTML, dan itulah yang pengguna akan berakhir melihat. 913 00:43:56,200 --> 00:44:00,510 >> PHP ini sangat mirip dengan C. Namun, ada beberapa 914 00:44:00,510 --> 00:44:04,400 perbedaan, dan perbedaan-perbedaan penting untuk dicatat. 915 00:44:04,400 --> 00:44:09,420 Salah satu perbedaan adalah bahwa variabel di PHP longgar diketik. 916 00:44:09,420 --> 00:44:11,275 Apakah ada yang punya arti apa artinya? 917 00:44:11,275 --> 00:44:14,245 >> AUDIENCE: Tidak perlu membuang sendiri. 918 00:44:14,245 --> 00:44:16,400 Seperti tidak perlu menulis dalam teks. 919 00:44:16,400 --> 00:44:19,070 >> JASON Hirschhorn: Saya tidak akan menggunakan cor kata, tapi ya, tidak perlu mendeklarasikan 920 00:44:19,070 --> 00:44:20,930 jenis untuk variabel tertentu. 921 00:44:20,930 --> 00:44:22,300 Bagaimana bukannya kita mendeklarasikan variabel? 922 00:44:22,300 --> 00:44:23,860 >> AUDIENCE: 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 variabel. 925 00:44:27,540 --> 00:44:29,580 $ 1 variabel. 926 00:44:29,580 --> 00:44:31,910 $ String adalah variabel. 927 00:44:31,910 --> 00:44:36,280 >> Variabel, $ x bisa menjadi integer. 928 00:44:36,280 --> 00:44:38,010 Kemudian, itu bisa menjadi string. 929 00:44:38,010 --> 00:44:39,420 Kemudian, bisa jadi karakter. 930 00:44:39,420 --> 00:44:40,790 Itu tidak terlalu penting. 931 00:44:40,790 --> 00:44:46,360 >> Selain itu, hal yang keren tentang PHP adalah, katakanlah, $ x adalah satu string. 932 00:44:46,360 --> 00:44:48,920 Dan $ y adalah karakter satu. 933 00:44:48,920 --> 00:44:54,370 Anda dapat menambahkan $ x dan $ y, dan itu akan memberikan 2, apa yang Anda harapkan. 934 00:44:54,370 --> 00:44:56,160 Jadi ada operasi di PHP. 935 00:44:56,160 --> 00:45:00,810 Karena itu longgar diketik variabel, beberapa casting implisit dilakukan untuk Anda 936 00:45:00,810 --> 00:45:02,330 dan beberapa operasi. 937 00:45:02,330 --> 00:45:04,240 >> Anda dapat melakukan operasi pada hal-hal jenis yang berbeda. 938 00:45:04,240 --> 00:45:08,740 Padahal sebelumnya, Anda sering mendapatkan error di C mengatakan, ini bukan jenis 939 00:45:08,740 --> 00:45:09,610 yang seharusnya untuk pergi di sini. 940 00:45:09,610 --> 00:45:11,510 Hanya hal-hal jenis ini bisa pergi di sini. 941 00:45:11,510 --> 00:45:14,900 Anda tidak akan mendapatkan jenis yang kesalahan, umumnya, di PHP. 942 00:45:14,900 --> 00:45:17,420 Jadi itu salah satu perbedaan besar - bagaimana kita berurusan dengan variabel. 943 00:45:17,420 --> 00:45:20,850 >> Perbedaan besar kedua adalah bahwa Kode PHP ditafsirkan. 944 00:45:20,850 --> 00:45:23,110 Wheres, kode C dikompilasi. 945 00:45:23,110 --> 00:45:23,910 Apa artinya? 946 00:45:23,910 --> 00:45:26,700 >> Nah, untuk kode C Anda berlari melalui kompilator. 947 00:45:26,700 --> 00:45:29,010 Anda menghasilkan file biner. 948 00:45:29,010 --> 00:45:30,770 Dan Anda menjalankan file biner. 949 00:45:30,770 --> 00:45:35,500 Anda mengurus semua kesalahan sebelum Anda menghasilkan file biner. 950 00:45:35,500 --> 00:45:37,810 >> Tentu saja, mungkin ada segmentasi kesalahan, ketika Anda menjalankan 951 00:45:37,810 --> 00:45:39,020 file biner. 952 00:45:39,020 --> 00:45:45,780 Tapi itu tidak seperti Anda lupa untuk menyertakan definisi printf, atau 953 00:45:45,780 --> 00:45:48,735 Anda tidak menggunakan variabel dan hanya menciptakan variabel boros. 954 00:45:48,735 --> 00:45:51,830 Atau Anda tidak mendefinisikan prototipe fungsi. 955 00:45:51,830 --> 00:45:53,590 >> Semua yang terjadi sebelum Anda dikompilasi. 956 00:45:53,590 --> 00:45:56,830 Ini memberi Anda semua kesalahan atau buruk hal-hal yang ia pikir mungkin terjadi. 957 00:45:56,830 --> 00:45:59,900 Dan kemudian, Anda memiliki Anda 0 dan 1 file yang Anda berlari. 958 00:45:59,900 --> 00:46:01,690 Kode PHP tidak bekerja seperti itu. 959 00:46:01,690 --> 00:46:03,750 >> Anda akan menulis kode 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 setidaknya di P-Set 7, Anda akan refresh browser web Anda, dan 962 00:46:09,160 --> 00:46:11,110 Anda akan melihat apa yang terjadi. 963 00:46:11,110 --> 00:46:14,110 Anda akan melihat output dari kode PHP. 964 00:46:14,110 --> 00:46:17,450 >> Anda juga bisa melihat, di atas halaman Anda, kesalahan. 965 00:46:17,450 --> 00:46:19,960 Karena Anda memiliki beberapa kesalahan dalam PHP Anda. 966 00:46:19,960 --> 00:46:22,390 Anda masih bisa melihat sisa halaman web adalah mencari baik-baik saja. 967 00:46:22,390 --> 00:46:25,130 Tapi satu bagian yang salah, dan ada kesalahan di tempat itu. 968 00:46:25,130 --> 00:46:28,320 Dan itu karena bagian dari kode PHP Anda tidak bekerja. 969 00:46:28,320 --> 00:46:31,680 >> Memang, ketika Anda mengeksekusi, ketika Anda pergi ke sesuatu seperti by.php. 970 00:46:31,680 --> 00:46:34,950 Ini akan pergi melalui PHP Anda mengajukan baris demi baris dan jalankan 971 00:46:34,950 --> 00:46:36,210 kemudian dan hanya kemudian. 972 00:46:36,210 --> 00:46:39,890 Ini tidak akan melakukan kompilasi depan waktu atau mengkompilasi satu salinan dan kemudian memberikan 973 00:46:39,890 --> 00:46:41,570 yang disusun copy untuk semua orang. 974 00:46:41,570 --> 00:46:43,830 Setiap kali, itu akan pergi melalui baris demi baris dan jalankan. 975 00:46:43,830 --> 00:46:46,620 >> Jadi beberapa baris mungkin bekerja dan output sesuatu yang benar. 976 00:46:46,620 --> 00:46:49,500 Dan jalur lainnya mungkin rusak dan output kesalahan gantinya. 977 00:46:49,500 --> 00:46:52,650 Jadi, ketika debugging dengan PHP, kami telah memberikan Anda beberapa hal bermanfaat 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 >> Tapi pada umumnya, Anda akan untuk melihat kesalahan 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 Tapi kau hanya akan melihat kesalahan setelah Anda benar-benar menjalankan kode. 982 00:47:00,740 --> 00:47:03,420 983 00:47:03,420 --> 00:47:08,880 >> Aspek penting lainnya dari PHP dan pengembangan web adalah ide get 984 00:47:08,880 --> 00:47:09,920 dibandingkan pos. 985 00:47:09,920 --> 00:47:13,250 Ada yang bisa menjelaskan apa perbedaan antara mendapatkan dan pasca adalah? 986 00:47:13,250 --> 00:47:17,530 987 00:47:17,530 --> 00:47:18,780 Nobody - 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 >> AUDIENCE: Tidak salah satu dari mereka membiarkan pengguna melihat data, 991 00:47:24,495 --> 00:47:26,080 dan salah satu dari mereka tidak? 992 00:47:26,080 --> 00:47:27,310 >> JASON Hirschhorn: Great. 993 00:47:27,310 --> 00:47:28,400 Ya, apakah Anda memiliki sesuatu untuk menambahkan? 994 00:47:28,400 --> 00:47:32,622 >> AUDIENCE: Saya posting tipis adalah variabel super global. 995 00:47:32,622 --> 00:47:34,740 >> JASON Hirschhorn: Jadi kedua hal ini variabel yang diberikan kepada Anda. 996 00:47:34,740 --> 00:47:35,630 Ini hanya variabel. 997 00:47:35,630 --> 00:47:37,740 Dan Anda tahu mereka variabel, karena 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 variabel yang diberikan kepada Anda oleh PHP. 1000 00:47:41,950 --> 00:47:45,990 Dan ketika Anda berpindah di antara halaman web, Anda ingin menyimpan beberapa informasi. 1001 00:47:45,990 --> 00:47:47,960 Anda mungkin ingin menyimpan jika pengguna yang login 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 Itu disimpan dalam sesuatu yang lain, variabel yang berbeda. 1004 00:47:51,390 --> 00:47:55,170 >> Siapa tahu apa variabel yang disimpan dalam, atau apa yang Anda gunakan dalam variabel 1005 00:47:55,170 --> 00:47:57,728 P-Set 7, untuk memastikan bahwa pengguna login? 1006 00:47:57,728 --> 00:48:00,360 1007 00:48:00,360 --> 00:48:03,690 $ _SESSION, Itulah yang benar, mungkin penting untuk menjadi akrab dengan 1008 00:48:03,690 --> 00:48:06,060 nama-nama hal-hal ini sering Anda gunakan. 1009 00:48:06,060 --> 00:48:10,070 >> Jadi, Anda menggunakan variabel sesi untuk menyimpan Informasi dari halaman ke halaman. 1010 00:48:10,070 --> 00:48:11,075 Itu variabel yang super. 1011 00:48:11,075 --> 00:48:15,250 Itu ada pada setiap halaman, mungkin seperti variabel global, jika Anda ingin untuk berpikir 1012 00:48:15,250 --> 00:48:16,900 tentang hal seperti itu. 1013 00:48:16,900 --> 00:48:19,260 >> Ada beberapa variabel lain yang memungkinkan Anda untuk mentransfer informasi 1014 00:48:19,260 --> 00:48:20,710 dari halaman ke halaman. 1015 00:48:20,710 --> 00:48:24,260 Secara khusus, orang-orang kita akan berfokus pada adalah GET dan POST variabel. 1016 00:48:24,260 --> 00:48:29,330 Dalam PHP mereka terlihat seperti $ _GET Dan $ _POST. 1017 00:48:29,330 --> 00:48:33,610 Dan perbedaan, seperti Marcus menunjuk keluar, antara keduanya adalah bahwa, 1018 00:48:33,610 --> 00:48:37,670 Informasi di $ _GET adalah ditampilkan dalam URL. 1019 00:48:37,670 --> 00:48:41,380 >> Jadi, jika kita melihat di sini, kita melihat link 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 gagasan ini nilai kunci pair, v adalah kuncinya. 1023 00:48:53,460 --> 00:48:56,970 Dan di sini adalah nilai. 1024 00:48:56,970 --> 00:49:01,030 >> Jadi jika kita pergi ke halaman ini atau coding di halaman ini, kita akan memiliki 1025 00:49:01,030 --> 00:49:04,000 variabel yang disebut $ _GET. 1026 00:49:04,000 --> 00:49:11,030 Jika kita pergi ke $ _GET braket terbuka "v" braket dekat, sangat mirip dengan array yang 1027 00:49:11,030 --> 00:49:15,000 notasi, ini adalah array asosiasi karena kita tidak menggunakan indeks. 1028 00:49:15,000 --> 00:49:16,710 Menggunakan string sebagai kunci. 1029 00:49:16,710 --> 00:49:17,940 Tapi ide yang sangat mirip. 1030 00:49:17,940 --> 00:49:20,520 Jika kita pergi kita, akan mendapatkan nilai ini. 1031 00:49:20,520 --> 00:49:23,276 >> Pada halaman ini, kita akan bisa menggunakan nilai ini. 1032 00:49:23,276 --> 00:49:32,200 Jika kita benar-benar melihat, mari kita pergi ke halaman YouTube. 1033 00:49:32,200 --> 00:49:35,140 Apa video yang harus kita tonton? 1034 00:49:35,140 --> 00:49:37,350 Yang satu ini, adalah orang-orang Hobbit fans? 1035 00:49:37,350 --> 00:49:40,731 >> AUDIENCE: Ya. 1036 00:49:40,731 --> 00:49:44,750 >> JASON Hirschhorn: Jadi aku menyalin URL bagian mereka dan 1037 00:49:44,750 --> 00:49:46,000 paste di jendela baru. 1038 00:49:46,000 --> 00:49:48,550 1039 00:49:48,550 --> 00:50:00,470 Dan sekarang, jika Anda melihat di sini, Anda akan melihat bahwa, sekali lagi - 1040 00:50:00,470 --> 00:50:03,170 Aku akan copy dan paste ini ke gedit, sehingga kita dapat melihat lebih besar. 1041 00:50:03,170 --> 00:50:16,530 1042 00:50:16,530 --> 00:50:19,720 Anda akan melihat bahwa ia memiliki tanda tanya ini. 1043 00:50:19,720 --> 00:50:22,150 Tanda tanya menunjuk bahwa semuanya setelah ini akan menjadi 1044 00:50:22,150 --> 00:50:23,530 disimpan dalam variabel get. 1045 00:50:23,530 --> 00:50:29,130 >> Kemudian memiliki v, itulah yang pertama kunci dan nilai pertama ini. 1046 00:50:29,130 --> 00:50:30,710 Ampersand khusus. 1047 00:50:30,710 --> 00:50:34,340 Ampersand berkata, OK, kita selesai nilai pertama. 1048 00:50:34,340 --> 00:50:37,170 Kita sekarang pindah ke lain kunci nilai pasangan. 1049 00:50:37,170 --> 00:50:41,135 Di sini, kuncinya disebut fitur, dan nilai youtu.be. 1050 00:50:41,135 --> 00:50:44,010 1051 00:50:44,010 --> 00:50:50,710 >> Jadi jika saya coding halaman ini dan seseorang pergi ke URL ini dan aku 1052 00:50:50,710 --> 00:50:53,190 mungkin watch.php. 1053 00:50:53,190 --> 00:50:54,150 Dan aku coding ini. 1054 00:50:54,150 --> 00:50:57,060 Dan aku bisa menggunakan variabel $ _GET. 1055 00:50:57,060 --> 00:51:02,740 Dan aku akan memiliki v, dan Saya akan memiliki fitur. 1056 00:51:02,740 --> 00:51:07,080 >> Dan jika saya menggunakan tombol v, saya akan mendapatkan nilai ini. 1057 00:51:07,080 --> 00:51:14,145 Dan jika saya melakukan $ _GET braket "fitur" braket dekat, saya akan mendapatkan nilai ini. 1058 00:51:14,145 --> 00:51:17,530 Sekali lagi, itu tidak selalu berlaku untuk - 1059 00:51:17,530 --> 00:51:21,460 jelas, tombol YouTube dan nilai-nilai dan mendapatkan informasi tidak berlaku untuk 1060 00:51:21,460 --> 00:51:22,700 Masalah kami Set 7. 1061 00:51:22,700 --> 00:51:28,450 Tapi ada hal-hal tertentu yang kita lulus melalui GET pada Soal kami Set 7. 1062 00:51:28,450 --> 00:51:33,120 Dan tentu saja, ketika Anda pergi ke halaman web atau coding halaman Anda sendiri, yang 1063 00:51:33,120 --> 00:51:36,440 $ _GET Akan berguna ketika Anda coding. 1064 00:51:36,440 --> 00:51:41,030 >> Apa adalah salah satu alasan untuk menggunakan $ _GET kemudian, jika memberikan privasi tidak ada? 1065 00:51:41,030 --> 00:51:43,170 Anda melihat semua informasi ini yang sedang ditransfer. 1066 00:51:43,170 --> 00:51:44,170 Ini semua ditampilkan kepada pengguna. 1067 00:51:44,170 --> 00:51:49,060 Tapi apa salah satu alasan bahwa Anda mungkin ingin menyimpan sesuatu dalam $ _GET, seperti 1068 00:51:49,060 --> 00:51:50,310 bertentangan dengan $ _POST? 1069 00:51:50,310 --> 00:51:52,650 1070 00:51:52,650 --> 00:51:53,900 Mengapa Anda ingin melakukan itu? 1071 00:51:53,900 --> 00:51:58,065 1072 00:51:58,065 --> 00:51:58,540 >> Baik. 1073 00:51:58,540 --> 00:52:00,310 Saya meminta Anda Quiz 1. 1074 00:52:00,310 --> 00:52:02,210 Apa pro dari $ _GET? 1075 00:52:02,210 --> 00:52:04,250 Apa satu pro? 1076 00:52:04,250 --> 00:52:04,700 Ya - 1077 00:52:04,700 --> 00:52:06,180 >> AUDIENCE: Lebih mudah untuk berbagi informasi. 1078 00:52:06,180 --> 00:52:07,040 >> JASON Hirschhorn: Saya pikir itu bagus. 1079 00:52:07,040 --> 00:52:07,870 Lebih mudah untuk berbagi informasi. 1080 00:52:07,870 --> 00:52:09,360 Lebih mudah untuk bookmark. 1081 00:52:09,360 --> 00:52:15,260 >> Anda dapat membuat penunjuk sekarang, YouTube.com / watch? 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 selalu melakukan permintaan POST ke halaman yang berbeda, 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 bisa bookmark video tunggal. 1086 00:52:25,750 --> 00:52:28,160 Karena jika Anda mengatakan bahwa berbagi tautan dengan orang lain, mereka tidak 1087 00:52:28,160 --> 00:52:30,160 secara otomatis mendapatkan variabel posting Anda. 1088 00:52:30,160 --> 00:52:33,570 Mereka hanya mendapatkan link ini, dan link adalah sama untuk semua orang. 1089 00:52:33,570 --> 00:52:35,180 >> Jadi itu adalah salah satu pro. 1090 00:52:35,180 --> 00:52:38,850 Hal ini memungkinkan Anda untuk bookmark ini informasi atau berbagi informasi ini 1091 00:52:38,850 --> 00:52:40,840 atau membuatnya sedikit lebih user-friendly. 1092 00:52:40,840 --> 00:52:43,890 Tentu saja, tidak ada privasi, sehingga kita memiliki variabel posting ini. 1093 00:52:43,890 --> 00:52:47,570 Dan informasi pos tidak ditampilkan dalam URL. 1094 00:52:47,570 --> 00:52:49,200 >> Ini tidak benar-benar pribadi. 1095 00:52:49,200 --> 00:52:51,710 Tapi ini sedikit lebih pribadi. 1096 00:52:51,710 --> 00:52:55,030 Dan Anda akan melihat URL ini di sini, cs50.net. 1097 00:52:55,030 --> 00:52:59,200 Apakah atau tidak Anda login ke website, itu akan memiliki yang sama 1098 00:52:59,200 --> 00:53:02,600 URL, cs50.net. 1099 00:53:02,600 --> 00:53:05,940 >> Jelas, ada sesuatu yang berbeda, jika Anda login ke situs web. 1100 00:53:05,940 --> 00:53:08,690 Anda memiliki, satu, mungkin masukan PIN Anda. 1101 00:53:08,690 --> 00:53:10,600 Dan itu telah mengkonfirmasi bahwa dengan server. 1102 00:53:10,600 --> 00:53:12,650 Dan itu mungkin menyimpan beberapa informasi lainnya. 1103 00:53:12,650 --> 00:53:14,810 Tapi URL tidak berubah sama sekali. 1104 00:53:14,810 --> 00:53:17,080 >> Dan itu yang terjadi, ketika sesuatu yang dikirim oleh POST. 1105 00:53:17,080 --> 00:53:18,800 URL tidak berubah. 1106 00:53:18,800 --> 00:53:21,100 Informasi POST ini tidak ditampilkan dalam URL. 1107 00:53:21,100 --> 00:53:26,150 Tetapi beberapa negara telah berubah, dan mungkin ada beberapa informasi yang disimpan dalam 1108 00:53:26,150 --> 00:53:27,400 Variabel POST. 1109 00:53:27,400 --> 00:53:30,460 1110 00:53:30,460 --> 00:53:36,880 >> Maaf. sebelum aku pergi ke SQL, setiap pertanyaan tentang PHP, khususnya, 1111 00:53:36,880 --> 00:53:41,850 pertanyaan tentang hal-hal yang kami tidak pergi lebih bahwa Anda telah menemukan atau sintaks atau 1112 00:53:41,850 --> 00:53:43,855 pertanyaan logika tentang 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, diucapkan sekuel sering. 1117 00:53:58,920 --> 00:54:01,740 Yang memungkinkan Anda untuk berinteraksi dengan database dalam cara yang formal. 1118 00:54:01,740 --> 00:54:04,390 Dan itu bermain sangat baik dengan PHP. 1119 00:54:04,390 --> 00:54:09,950 >> Seperti yang akan Anda lihat pada Soal Set 7, kami telah Anda diberi fungsi yang disebut query. 1120 00:54:09,950 --> 00:54:14,990 Dan dibutuhkan string SQL dan mengeksekusi bahwa permintaan pada database. 1121 00:54:14,990 --> 00:54:17,470 Dalam beberapa tahun terakhir, Anda tidak diberikan fungsi ini. 1122 00:54:17,470 --> 00:54:22,250 Anda harus menggunakan fungsi PHP untuk membuat query pada database dan cek 1123 00:54:22,250 --> 00:54:24,230 untuk kesalahan dan kemudian mendapatkan hasil. 1124 00:54:24,230 --> 00:54:26,120 >> Dan sebenarnya, itu tidak sulit, karena lagi-lagi, 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 banyak fungsi untuk berinteraksi dengan database SQL. 1127 00:54:31,240 --> 00:54:34,810 Jadi sering, dua dari ini pergi bersama-sama. 1128 00:54:34,810 --> 00:54:37,090 Tentu saja, Anda bisa berinteraksi dengan database SQL dengan 1129 00:54:37,090 --> 00:54:38,400 sejumlah bahasa lain. 1130 00:54:38,400 --> 00:54:41,420 Tapi PHP adalah salah besar untuk memilih. 1131 00:54:41,420 --> 00:54:42,290 >> Database - 1132 00:54:42,290 --> 00:54:46,030 kita akan membahas ini dengan cepat, karena ini adalah kata buzz kita akan 1133 00:54:46,030 --> 00:54:48,030 mulai menggunakan sering - 1134 00:54:48,030 --> 00:54:50,140 adalah kumpulan dari tabel. 1135 00:54:50,140 --> 00:54:53,960 Jadi kita bisa memikirkan hal itu sebagai file Excel. 1136 00:54:53,960 --> 00:54:57,260 File Excel memiliki banyak tab di bagian bawah layar. 1137 00:54:57,260 --> 00:55:03,090 Setiap tab sekarang kita akan menelepon meja, di mana tabel adalah kumpulan baris. 1138 00:55:03,090 --> 00:55:04,060 >> Dan apa berturut-turut? 1139 00:55:04,060 --> 00:55:06,890 Nah, berturut-turut adalah hal yang sama dalam file Excel. 1140 00:55:06,890 --> 00:55:10,380 Yang hanya memiliki nilai-nilai tertentu untuk masing-masing diberikan lapangan atau setiap kolom yang diberikan. 1141 00:55:10,380 --> 00:55:12,010 Ini seperti sebuah entri dalam tabel. 1142 00:55:12,010 --> 00:55:16,570 Ini adalah mahasiswa, yang memiliki ID an, a ID tertentu, dan nama khusus dan 1143 00:55:16,570 --> 00:55:17,910 rumah tertentu. 1144 00:55:17,910 --> 00:55:19,790 >> Jadi database adalah koleksi tabel. 1145 00:55:19,790 --> 00:55:22,685 Dan tabel sendiri adalah jumlah baris atau catatan. 1146 00:55:22,685 --> 00:55:25,470 1147 00:55:25,470 --> 00:55:28,280 Ada juga, di setiap tabel, bidang-bidang tertentu. 1148 00:55:28,280 --> 00:55:32,130 Dan yang menentukan apa yang setiap record adalah akan memiliki, bidang kadang-kadang disebut 1149 00:55:32,130 --> 00:55:33,890 kolom tetapi umumnya disebut bidang. 1150 00:55:33,890 --> 00:55:38,270 >> Dalam tabel yang sangat sederhana ini, saya memiliki tiga bidang, bidang ID, username 1151 00:55:38,270 --> 00:55:39,780 lapangan, dan bidang hash. 1152 00:55:39,780 --> 00:55:41,300 Dan aku punya tiga baris. 1153 00:55:41,300 --> 00:55:42,100 Saat ini, mereka kosong. 1154 00:55:42,100 --> 00:55:44,850 Mereka mungkin tidak akan kosong jika ini adalah database saya nyata. 1155 00:55:44,850 --> 00:55:50,530 >> Jadi, jika Anda telah menggunakan Excel, ide serupa untuk apa yang Anda lakukan di Excel, meskipun, 1156 00:55:50,530 --> 00:55:54,300 jelas, sekarang kita akan dapat melakukan lebih banyak hal kuat pada 1157 00:55:54,300 --> 00:55:56,430 informasi yang disimpan dalam database kami. 1158 00:55:56,430 --> 00:56:00,270 Anda akan menciptakan diri Anda salah satu database untuk Masalah Set 7. 1159 00:56:00,270 --> 00:56:02,820 Tapi Anda akan menciptakan beberapa tabel dalam database. 1160 00:56:02,820 --> 00:56:06,950 >> Anda akan menciptakan database atau meja untuk pengguna. 1161 00:56:06,950 --> 00:56:12,830 Anda akan juga membuat tabel untuk mungkin transaksi saham, untuk menjaga 1162 00:56:12,830 --> 00:56:15,580 jejak mereka, karena Anda perlu mengimplementasikan fitur sejarah. 1163 00:56:15,580 --> 00:56:18,370 Kedua meja tersebut akan memiliki bidang yang berbeda. 1164 00:56:18,370 --> 00:56:22,190 Misalnya, dalam bidang pengguna, Anda mungkin ingin nama pengguna dan 1165 00:56:22,190 --> 00:56:24,220 ID dan hash password mereka. 1166 00:56:24,220 --> 00:56:28,450 >> Dalam tabel Saham yang melacak sejarah atau tabel History, 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 perlu salah satu dari mereka nilai-nilai yang unik, untuk mengasosiasikan 1169 00:56:34,460 --> 00:56:35,830 dengan pengguna tertentu. 1170 00:56:35,830 --> 00:56:38,100 >> Tapi kemudian, Anda ingin menyimpan lain hal-hal seperti, apa waktu 1171 00:56:38,100 --> 00:56:40,630 adalah transaksi yang dilakukan. 1172 00:56:40,630 --> 00:56:42,380 Apa saham dibeli atau dijual? 1173 00:56:42,380 --> 00:56:44,150 Berapa banyak saham yang dibeli atau dijual? 1174 00:56:44,150 --> 00:56:48,360 Apa harga di mana saham dibeli atau dijual? 1175 00:56:48,360 --> 00:56:50,180 >> Jadi sekali lagi, Anda akan berinteraksi dengan database yang 1176 00:56:50,180 --> 00:56:51,350 akan memiliki beberapa tabel. 1177 00:56:51,350 --> 00:56:54,340 Setiap tabel akan memiliki menetapkan sendiri bidang. 1178 00:56:54,340 --> 00:56:58,430 Namun, ada kemungkinan akan serupa lapangan di setiap tabel, yang 1179 00:56:58,430 --> 00:57:00,130 menghubungkan mereka satu sama lain. 1180 00:57:00,130 --> 00:57:02,660 Biasanya, ini adalah bidang ID. 1181 00:57:02,660 --> 00:57:07,000 >> Karena jika setiap pengguna memiliki ID unik dan Anda mengasosiasikan ID bahwa dengan setiap 1182 00:57:07,000 --> 00:57:09,365 transaksi yang pengguna membuat atau semua sejarah pengguna. 1183 00:57:09,365 --> 00:57:12,760 1184 00:57:12,760 --> 00:57:13,830 Dan Anda memiliki ID pengguna. 1185 00:57:13,830 --> 00:57:15,365 Anda bisa mendapatkan informasi dari salah satu meja. 1186 00:57:15,365 --> 00:57:19,770 Anda bisa mendapatkan nama mereka, dan Anda bisa mendapatkan semua transaksi mereka. 1187 00:57:19,770 --> 00:57:24,410 >> Pertanyaan tentang database, atau pertanyaan spesifik? 1188 00:57:24,410 --> 00:57:25,240 Sebenarnya, mari kita pegang itu. 1189 00:57:25,240 --> 00:57:27,410 Kami akan berada di sana dalam dua sisi. 1190 00:57:27,410 --> 00:57:31,210 >> Jadi ada empat operasi pada database yang akan Anda gunakan di 1191 00:57:31,210 --> 00:57:34,790 Masalah Set 7 dan kemungkinan pernah menggunakan. 1192 00:57:34,790 --> 00:57:38,040 Hal pertama yang Anda ingin lakukan adalah insert rekor baru ke dalam tabel atau 1193 00:57:38,040 --> 00:57:39,960 baris baru ke dalam tabel. 1194 00:57:39,960 --> 00:57:46,070 Ini adalah fungsi generik, yang bentuk generik, itu query SQL. 1195 00:57:46,070 --> 00:57:52,240 >> INSERT INTO tabel, kolom apapun Anda ingin menyisipkan dan kemudian 1196 00:57:52,240 --> 00:57:58,740 nilai-nilai yang Anda akan ingin dimasukkan ke dalam orang-kolom atau bidang. 1197 00:57:58,740 --> 00:58:03,980 Jika Anda memiliki beberapa tabel dalam database atau beberapa database, Anda 1198 00:58:03,980 --> 00:58:06,630 mungkin juga perlu menentukan database dan meja yang Anda inginkan 1199 00:58:06,630 --> 00:58:07,980 untuk meletakkan segala sesuatu ke dalam. 1200 00:58:07,980 --> 00:58:11,390 Tapi sangat sederhana, jika Anda ingin menyisipkan menjadi sesuatu, Anda katakan, di sini adalah 1201 00:58:11,390 --> 00:58:12,890 bidang saya ingin 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 tabel, juga, dan user ini tabel adalah contoh yang baik. 1204 00:58:18,840 --> 00:58:21,940 Mungkin dalam tabel pengguna ini dan mungkin dalam tabel pengguna Anda di P-Set 1205 00:58:21,940 --> 00:58:24,200 7, tidak ada hanya nilai nama pengguna. 1206 00:58:24,200 --> 00:58:27,100 Ada bukan hanya nilai tunai, atau bidang, bukan. 1207 00:58:27,100 --> 00:58:29,140 Ada juga lapangan ID. 1208 00:58:29,140 --> 00:58:31,110 >> Aku tidak akan memasukkan ID yang bidang. 1209 00:58:31,110 --> 00:58:34,020 Itu akan diberikan kepada saya secara otomatis, bila 1210 00:58:34,020 --> 00:58:35,810 record baru dimasukkan. 1211 00:58:35,810 --> 00:58:37,820 Jadi ada beberapa bidang yang Anda dapat ditetapkan menjadi otomatis. 1212 00:58:37,820 --> 00:58:41,740 >> Mungkin Anda ingin memberikan setiap pengguna $ 10.000 uang tunai dari kelelawar. 1213 00:58:41,740 --> 00:58:43,470 Jadi saya tidak perlu memasukkan sejumlah uang tunai di sini. 1214 00:58:43,470 --> 00:58:45,860 Semua yang harus saya memasukkan adalah nama pengguna. 1215 00:58:45,860 --> 00:58:49,230 Dan kemudian, bidang cash akan pra-diisi, dan bidang ID akan 1216 00:58:49,230 --> 00:58:50,590 menjadi pra-diisi. 1217 00:58:50,590 --> 00:58:53,640 >> Jadi seringkali, kita tidak memasukkan sesuatu ke segala bidang, karena 1218 00:58:53,640 --> 00:58:55,400 bidang-bidang lainnya adalah pra-penduduk. 1219 00:58:55,400 --> 00:58:58,320 Karena itulah bagaimana kita mengatur meja itu. 1220 00:58:58,320 --> 00:59:01,280 >> Hal kedua yang akan ingin lakukan adalah menghapus catatan. 1221 00:59:01,280 --> 00:59:02,900 Menghapus sesuatu yang sangat sederhana. 1222 00:59:02,900 --> 00:59:05,660 Anda memberikan tabel di mana Anda ingin untuk menghapus sesuatu dari. 1223 00:59:05,660 --> 00:59:11,202 Dan Anda berkata, OK, saya ingin menghapus record yang memiliki username dari Milo. 1224 00:59:11,202 --> 00:59:16,180 Atau aku ingin menghapus semua catatan yang memiliki username dari Milo atau yang a 1225 00:59:16,180 --> 00:59:18,700 transaksi dari ID pengguna nomor 2. 1226 00:59:18,700 --> 00:59:21,950 1227 00:59:21,950 --> 00:59:24,809 Setiap pertanyaan tentang ini dua jenis query? 1228 00:59:24,809 --> 00:59:26,059 >> AUDIENCE: [Tak terdengar]. 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 aku akan menggunakan baris dan merekam bergantian dan beberapa 1232 00:59:33,530 --> 00:59:35,400 dengan kolom dan lapangan. 1233 00:59:35,400 --> 00:59:37,650 Tapi satu baris adalah satu record. 1234 00:59:37,650 --> 00:59:40,080 Satu kolom adalah satu bidang, akan kembali ke meja 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 Hal berikutnya yang Anda mungkin akan lakukan adalah mendapatkan beberapa 1238 00:59:47,310 --> 00:59:48,400 informasi dari tabel. 1239 00:59:48,400 --> 00:59:50,090 Itu adalah Select query. 1240 00:59:50,090 --> 00:59:52,330 Dan lagi, meja apa saya memilih dari? 1241 00:59:52,330 --> 00:59:58,370 Dan apa kolom yang ingin saya pilih, atau apa nilai yang ingin saya pilih dan 1242 00:59:58,370 --> 00:59:59,530 dari mana baris? 1243 00:59:59,530 --> 01:00:01,120 >> Jadi Select adalah spesifik sedikit. 1244 01:00:01,120 --> 01:00:03,620 Aku berkata, OK, saya ingin meja ini. 1245 01:00:03,620 --> 01:00:09,350 Dan kemudian saya ingin username kolom, dan Saya ingin dari baris dengan ID 2. 1246 01:00:09,350 --> 01:00:11,030 Itu salah satu cara untuk melakukan Select. 1247 01:00:11,030 --> 01:00:14,180 >> Atau bisa saya katakan, memberi saya setiap nama pengguna tunggal. 1248 01:00:14,180 --> 01:00:18,200 Atau bisa saya katakan, memberi saya seluruh baris dari tabel ini, di mana 1249 01:00:18,200 --> 01:00:19,460 username adalah 1. 1250 01:00:19,460 --> 01:00:22,300 Jadi ada beberapa cara yang berbeda untuk Pilih melakukan query, tergantung pada bagaimana 1251 01:00:22,300 --> 01:00:24,130 banyak informasi yang Anda inginkan, 1252 01:00:24,130 --> 01:00:29,410 >> Anda selalu bisa hanya memilih semuanya dari meja tertentu dan kemudian loop 1253 01:00:29,410 --> 01:00:31,320 melalui itu, memilih keluar hal yang Anda inginkan. 1254 01:00:31,320 --> 01:00:33,940 Namun perlu diingat, jika Anda memilih banyak hal dari meja dan Anda 1255 01:00:33,940 --> 01:00:37,400 memiliki tabel yang sangat besar, yang akan membawa beberapa waktu, jadi terbaik untuk hanya memilih 1256 01:00:37,400 --> 01:00:40,000 hal-hal yang Anda akan untuk akhirnya menggunakan. 1257 01:00:40,000 --> 01:00:43,580 >> Juga, dengan Select dan dengan semua ini perintah SQL lainnya juga, aku 1258 01:00:43,580 --> 01:00:45,760 memberikan Anda versi telanjang-tulang. 1259 01:00:45,760 --> 01:00:51,600 Tapi katakan, aku memilih pengguna dan saya ingin untuk mencetaknya abjad, 1260 01:00:51,600 --> 01:00:56,710 Aku bisa memilih semua pengguna dan kemudian mengurutkan mereka abjad dalam kode saya. 1261 01:00:56,710 --> 01:01:01,990 >> Atau ada cara untuk menulis pilih query, yang memilih hal-hal dalam 1262 01:01:01,990 --> 01:01:06,580 mode abjad, didasarkan dari kolom tertentu, ascending atau 1263 01:01:06,580 --> 01:01:07,490 turun. 1264 01:01:07,490 --> 01:01:11,660 Jadi perlu diingat bahwa, banyak dari apa yang Anda ingin melakukan mungkin dapat dilakukan dalam 1265 01:01:11,660 --> 01:01:15,070 query melalui tambahan atribut. 1266 01:01:15,070 --> 01:01:19,120 Jadi jangan mencari pertanyaan ini secara online atau hal-hal lain yang dapat Anda lakukan dengan 1267 01:01:19,120 --> 01:01:21,410 query untuk memperluas mereka. 1268 01:01:21,410 --> 01:01:25,020 >> Akhirnya, hal terakhir yang Anda ingin lakukan tidak memasukkan sesuatu atau menghapus 1269 01:01:25,020 --> 01:01:26,700 sesuatu, melainkan memperbarui sesuatu. 1270 01:01:26,700 --> 01:01:30,380 Dan itu dilakukan dengan update query, dan lagi, apa meja. 1271 01:01:30,380 --> 01:01:32,530 Dan perubahan apa yang ingin saya buat? 1272 01:01:32,530 --> 01:01:35,915 Dan untuk yang baris atau record melakukan Saya ingin membuat perubahan itu? 1273 01:01:35,915 --> 01:01:38,720 1274 01:01:38,720 --> 01:01:40,300 Setiap pertanyaan tentang 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 Jadi kita memiliki sekitar 15 menit. 1278 01:01:49,080 --> 01:01:51,460 Dan ini adalah slide terakhir yang saya miliki. 1279 01:01:51,460 --> 01:01:55,380 Dan mudah-mudahan, slide terakhir ini adalah Shalawat yang baik ke dalam masalah set, 1280 01:01:55,380 --> 01:01:58,820 karena memahami di mana kita ingin menyisipkan catatan, menghapusnya, pilih 1281 01:01:58,820 --> 01:02:03,420 mereka, dan memperbarui mereka akan membantu kita memahami logika 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 jawaban pertanyaan-pertanyaan ini. 1284 01:02:08,330 --> 01:02:10,570 Aku tidak akan memberitahu Anda semua jawaban. 1285 01:02:10,570 --> 01:02:15,530 Tetapi jika orang lain ingin menyajikan pertanyaan kepada kelompok atau 1286 01:02:15,530 --> 01:02:18,700 menjawab salah satu pertanyaan ini, kita bisa menggunakannya sebagai titik melompat untuk 1287 01:02:18,700 --> 01:02:20,311 berbicara tentang set masalah. 1288 01:02:20,311 --> 01:02:24,159 1289 01:02:24,159 --> 01:02:27,260 Atau jika seseorang memiliki lebih generik Pertanyaan off set masalah, merasa 1290 01:02:27,260 --> 01:02:28,210 bebas untuk meminta itu juga. 1291 01:02:28,210 --> 01:02:29,460 Dan kita bisa mulai dari sana. 1292 01:02:29,460 --> 01:02:32,840 1293 01:02:32,840 --> 01:02:35,973 Perlu diingat bahwa Anda sedang diam menyakiti semua orang. 1294 01:02:35,973 --> 01:02:36,376 Ya. 1295 01:02:36,376 --> 01:02:39,540 >> AUDIENCE: Jadi satu-satunya cara untuk lulus variabel ke dan dari web yang berbeda 1296 01:02:39,540 --> 01:02:44,532 halaman, atau yang paling nyaman cara, menggunakan POST atau GET? 1297 01:02:44,532 --> 01:02:52,380 >> JASON Hirschhorn: Jadi ya, itu adalah cara yang paling mudah untuk mengatakan - ketika 1298 01:02:52,380 --> 01:02:53,970 seseorang mengisi formulir - 1299 01:02:53,970 --> 01:02:57,540 mendapatkan informasi di web lain halaman, menggunakan GET atau POST. 1300 01:02:57,540 --> 01:03:00,400 1301 01:03:00,400 --> 01:03:04,320 Karena kerangka kita menggunakan dalam masalah set ini, Anda akan melihat 1302 01:03:04,320 --> 01:03:08,630 itu, banyak kali, kita membuat halaman lain. 1303 01:03:08,630 --> 01:03:12,420 kita Atau kita membuat file lain, tidak tentu halaman lain. 1304 01:03:12,420 --> 01:03:14,050 >> Jadi kita lulus dalam variabel. 1305 01:03:14,050 --> 01:03:16,400 Dan kemudian, ia membuat sebuah Halaman HTML, dengan menggunakan 1306 01:03:16,400 --> 01:03:18,220 informasi dari variabel tersebut. 1307 01:03:18,220 --> 01:03:20,790 Itu tidak secara teknis lewat informasi antara 1308 01:03:20,790 --> 01:03:21,910 halaman web yang berbeda. 1309 01:03:21,910 --> 01:03:24,600 Yaitu melalui informasi antara file yang berbeda. 1310 01:03:24,600 --> 01:03:26,710 >> Dan jadi kita dapat menggunakan variabel untuk melakukan itu. 1311 01:03:26,710 --> 01:03:33,230 Tapi ya, jika kita ingin lulus informasi dari halaman tertentu untuk 1312 01:03:33,230 --> 01:03:36,850 halaman lain, GET dan POST akan menjadi cara untuk melakukan itu. 1313 01:03:36,850 --> 01:03:43,060 1314 01:03:43,060 --> 01:03:45,765 Ada pertanyaan lain tentang masalah set? 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, kemudian, tertentu bagian dari masalah ditetapkan. 1318 01:03:53,660 --> 01:04:00,260 Anda akan perlu, pada satu titik, menampilkan portofolio seseorang di 1319 01:04:00,260 --> 01:04:01,710 layar. 1320 01:04:01,710 --> 01:04:06,454 Apa yang saya maksud ketika saya mengatakan portofolio, dalam konteks masalah ini diatur? 1321 01:04:06,454 --> 01:04:11,350 >> AUDIENCE: Ini seperti saham-saham yang mereka memiliki berapa banyak saham yang mereka miliki, 1322 01:04:11,350 --> 01:04:13,760 harga, dan berapa banyak uang yang mereka telah meninggalkan. 1323 01:04:13,760 --> 01:04:15,235 >> JASON Hirschhorn: Kedengarannya bagus. 1324 01:04:15,235 --> 01:04:19,640 Jadi saya ingin menampilkan semua saham mereka sendiri untuk masing-masing perusahaan saham 1325 01:04:19,640 --> 01:04:23,770 saham dan mungkin berapa banyak yang layak, dan kemudian variabel terpisah, 1326 01:04:23,770 --> 01:04:25,960 berapa banyak uang yang mereka miliki. 1327 01:04:25,960 --> 01:04:27,150 Jadi katakan saya ingin menjelaskan bahwa. 1328 01:04:27,150 --> 01:04:29,660 Mari kita mulai berbicara tentang bagaimana aku bisa pergi untuk melakukan itu, apa meja saya 1329 01:04:29,660 --> 01:04:31,210 akan perlu harus 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 >> AUDIENCE: Pengguna Nah, kemudian, saya kira Anda dapat membuat tabel yang disebut 1333 01:04:37,970 --> 01:04:41,920 Saham atau sesuatu seperti itu, yang akan berapa banyak mereka sudah membeli. 1334 01:04:41,920 --> 01:04:42,660 >> JASON Hirschhorn: OK. 1335 01:04:42,660 --> 01:04:46,530 Jadi aku akan membutuhkan tabel yang disebut Pengguna, yang melacak 1336 01:04:46,530 --> 01:04:50,640 nama pengguna, mungkin, mungkin beberapa ID, mungkin kata individu. 1337 01:04:50,640 --> 01:04:52,850 Apa sesuatu yang lain yang Anda hanya mengatakan yang terkait? 1338 01:04:52,850 --> 01:04:55,510 Seseorang selain Michael, apa yang sesuatu yang lain yang terkait dengan 1339 01:04:55,510 --> 01:04:58,270 setiap pengguna, unik untuk mereka? 1340 01:04:58,270 --> 01:05:00,050 >> AUDIENCE: ID. 1341 01:05:00,050 --> 01:05:01,170 >> JASON Hirschhorn: ID - 1342 01:05:01,170 --> 01:05:03,540 apa satu hal lain yang kita mungkin akan ingin 1343 01:05:03,540 --> 01:05:05,685 ditampilkan pada halaman ini? 1344 01:05:05,685 --> 01:05:06,990 >> AUDIENCE: Nama mereka. 1345 01:05:06,990 --> 01:05:10,550 >> JASON Hirschhorn: Nama mereka - apa hal lain yang berkaitan dengan ini 1346 01:05:10,550 --> 01:05:11,420 masalah khusus yang ditetapkan? 1347 01:05:11,420 --> 01:05:14,110 >> AUDIENCE: saham mereka sendiri Apa - 1348 01:05:14,110 --> 01:05:16,650 >> JASON Hirschhorn: Ada akan akan banyak saham apa yang mereka miliki. 1349 01:05:16,650 --> 01:05:19,670 Apa salah satu nilai tertentu meskipun, bahwa mereka akan memiliki 1350 01:05:19,670 --> 01:05:22,640 terkait 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 >> AUDIENCE: Cash. 1353 01:05:26,595 --> 01:05:28,100 >> JASON Hirschhorn: Mereka akan memiliki uang tunai. 1354 01:05:28,100 --> 01:05:31,020 Jadi setiap pengguna akan memiliki satu nilai untuk uang. 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 tabel pengguna, itu membuat akal untuk dimasukkan ke dalam uang tunai. 1357 01:05:35,040 --> 01:05:39,100 >> Anda bisa, tentu saja, membuat yang lain tabel yang memiliki ID pengguna dan mereka 1358 01:05:39,100 --> 01:05:40,200 nilai tunai. 1359 01:05:40,200 --> 01:05:41,070 Tapi itu tidak masuk akal. 1360 01:05:41,070 --> 01:05:43,410 Masuk akal untuk hanya menempatkan semua itu dalam satu meja. 1361 01:05:43,410 --> 01:05:46,860 >> Jadi kita akan memiliki sebuah meja dengan informasi tersebut. 1362 01:05:46,860 --> 01:05:48,360 Dan kemudian, apa meja lain kita akan miliki? 1363 01:05:48,360 --> 01:05:49,430 Kau bilang, meja Saham. 1364 01:05:49,430 --> 01:05:50,680 Apa yang kita menempatkan dalam tabel Saham? 1365 01:05:50,680 --> 01:05:55,860 1366 01:05:55,860 --> 01:05:57,530 Siapapun, ide - 1367 01:05:57,530 --> 01:05:58,796 >> AUDIENCE: Perusahaan. 1368 01:05:58,796 --> 01:06:00,020 >> JASON Hirschhorn: Kita akan untuk dimasukkan ke dalam nama 1369 01:06:00,020 --> 01:06:03,620 perusahaan, sehingga AAPL untuk Apple. 1370 01:06:03,620 --> 01:06:04,050 Ya. 1371 01:06:04,050 --> 01:06:05,390 >> AUDIENCE: Berapa banyak saham dan berapa banyak mereka layak. 1372 01:06:05,390 --> 01:06:08,590 >> JASON Hirschhorn: Berapa banyak saham, berapa banyak mereka layak - 1373 01:06:08,590 --> 01:06:10,630 apa sesuatu yang lain yang kita perlu dalam tabel itu? 1374 01:06:10,630 --> 01:06:12,770 >> AUDIENCE: Seorang pengguna ID untuk indeks itu. 1375 01:06:12,770 --> 01:06:14,000 >> JASON Hirschhorn: A User ID. 1376 01:06:14,000 --> 01:06:16,070 Jadi dalam tabel itu, kita akan mungkin memiliki - 1377 01:06:16,070 --> 01:06:18,610 katakanlah, jika seseorang yang memiliki tiga saham, tiga baris, masing-masing dengan 1378 01:06:18,610 --> 01:06:23,730 bahwa pengguna ID atau petunjuk bahwa individu ID, tapi nama perusahaan yang berbeda, 1379 01:06:23,730 --> 01:06:28,570 nomor yang berbeda dari saham mungkin, dan nilai harga yang berbeda untuk masing-masing 1380 01:06:28,570 --> 01:06:29,820 dari 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 tentu pelaksanaannya, 1383 01:06:37,130 --> 01:06:39,150 karena Anda menyadari ada beberapa yang lebih cara yang efisien untuk menerapkannya. 1384 01:06:39,150 --> 01:06:41,020 Tapi ini adalah tempat yang baik untuk memulai. 1385 01:06:41,020 --> 01:06:41,430 >> OK. 1386 01:06:41,430 --> 01:06:42,830 Jadi mereka adalah dua tabel yang kita miliki. 1387 01:06:42,830 --> 01:06:44,470 Sekarang kita ingin menampilkan halaman ini. 1388 01:06:44,470 --> 01:06:48,510 Apa jenis pertama query kita akan perlu untuk membuat. 1389 01:06:48,510 --> 01:06:52,190 Pada setiap halaman, diasumsikan bahwa adalah pengguna login, kita memiliki ID pengguna mereka. 1390 01:06:52,190 --> 01:06:55,480 Jadi apa adalah jenis pertama pertanyaan yang kita butuhkan untuk membuat? 1391 01:06:55,480 --> 01:06:55,910 Ya. 1392 01:06:55,910 --> 01:06:56,936 >> AUDIENCE: ID pengguna mereka. 1393 01:06:56,936 --> 01:07:00,090 >> JASON Hirschhorn: Kami memiliki ID pengguna mereka, ketika kita mulai kode di 1394 01:07:00,090 --> 01:07:01,340 mulai dari halaman kami. 1395 01:07:01,340 --> 01:07:03,880 1396 01:07:03,880 --> 01:07:06,470 Jadi apa jenis pertama query kita perlu membuat, mengingat ID pengguna? 1397 01:07:06,470 --> 01:07:09,580 1398 01:07:09,580 --> 01:07:10,530 Kami pergi selama empat jenis. 1399 01:07:10,530 --> 01:07:11,860 Hanya ada empat kemungkinan jawaban. 1400 01:07:11,860 --> 01:07:13,230 >> AUDIENCE: Ini adalah pilih rekor. 1401 01:07:13,230 --> 01:07:14,710 >> JASON Hirschhorn: A Select - 1402 01:07:14,710 --> 01:07:19,110 kita ingin memilih dari pengguna tabel untuk mendapatkan, katakanlah, 1403 01:07:19,110 --> 01:07:20,040 jumlah mereka uang tunai. 1404 01:07:20,040 --> 01:07:22,450 Dan kita dapat mencetak jumlah uang tunai di bagian atas layar. 1405 01:07:22,450 --> 01:07:22,720 OK. 1406 01:07:22,720 --> 01:07:24,210 Apa jenis berikutnya pertanyaan yang kita ingin lakukan? 1407 01:07:24,210 --> 01:07:34,650 1408 01:07:34,650 --> 01:07:36,160 >> Kami memiliki beberapa hal-hal lain kita perlu ditampilkan. 1409 01:07:36,160 --> 01:07:37,480 Mereka disimpan di meja lain. 1410 01:07:37,480 --> 01:07:38,300 Jadi bagaimana kita akan mendapatkan itu? 1411 01:07:38,300 --> 01:07:40,106 >> AUDIENCE: Anda pilih untuk mereka. 1412 01:07:40,106 --> 01:07:42,490 >> JASON Hirschhorn: A Select - lagi, hanya ada empat pilihan. 1413 01:07:42,490 --> 01:07:44,180 Pilih mungkin suara seperti yang benar. 1414 01:07:44,180 --> 01:07:47,510 Jadi kita perlu melakukan query pilih yang lain, lagi dipake ID pengguna. 1415 01:07:47,510 --> 01:07:50,370 Dan sekarang, kami ingin kembali tidak hanya satu baris, bu semua baris yang cocok dengan kami 1416 01:07:50,370 --> 01:07:53,200 kriteria, di mana user ID sama dengan 1. 1417 01:07:53,200 --> 01:07:56,790 >> Dan kemudian kita bisa pergi dan membiarkan loop hanya mencetak semua orang keluar di layar, 1418 01:07:56,790 --> 01:07:59,250 mungkin mencetak perusahaan dari masing-masing pada layar. 1419 01:07:59,250 --> 01:08:02,430 Besar, yang terdengar seperti itu menampilkan portofolio, tidak lebih 1420 01:08:02,430 --> 01:08:03,810 rumit dari itu. 1421 01:08:03,810 --> 01:08:07,460 >> OK, pengguna kemudian memutuskan bahwa mereka telah banyak uang yang tersisa. 1422 01:08:07,460 --> 01:08:09,900 Dan mereka ingin membeli beberapa saham lebih dari saham. 1423 01:08:09,900 --> 01:08:12,580 Katakanlah, mereka sudah sendiri saham perusahaan 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 masukan nama perusahaan. 1426 01:08:16,830 --> 01:08:20,380 Apa query, setelah input yang nama perusahaan, yang Anda butuhkan untuk 1427 01:08:20,380 --> 01:08:22,819 mengeksekusi selanjutnya? 1428 01:08:22,819 --> 01:08:23,180 Ya. 1429 01:08:23,180 --> 01:08:23,960 >> AUDIENCE: Update. 1430 01:08:23,960 --> 01:08:26,670 >> JASON Hirschhorn: Update - dan apa tabel yang Anda ingin memperbarui? 1431 01:08:26,670 --> 01:08:29,018 >> AUDIENCE: meja mereka, berdasarkan nomor ID mereka? 1432 01:08:29,018 --> 01:08:31,880 >> JASON Hirschhorn: Jadi update bukan pengguna table - 1433 01:08:31,880 --> 01:08:36,029 1434 01:08:36,029 --> 01:08:40,899 jadi memperbarui tabel Saham, dimana ID pengguna tidak hanya cocok, tapi 1435 01:08:40,899 --> 01:08:43,160 nama saham juga cocok. 1436 01:08:43,160 --> 01:08:45,660 Anda akan mendapatkan beberapa nilai. 1437 01:08:45,660 --> 01:08:48,270 Dan kemudian, Anda akan ingin mengambil nilai yang dan menambahkan namun banyak saham mereka 1438 01:08:48,270 --> 01:08:49,890 ingin membeli itu. 1439 01:08:49,890 --> 01:08:53,420 >> Jadi Anda tidak ingin membuta menimpa nilai tersebut. 1440 01:08:53,420 --> 01:08:56,330 Tapi Anda bisa, pada kenyataannya, mengambil awal yang menghargai dan hanya memperbaruinya. 1441 01:08:56,330 --> 01:09:00,790 Anda bisa melakukan seperti plus sama, bukan hanya equals. 1442 01:09:00,790 --> 01:09:03,689 >> Apa sesuatu meskipun - jika kita berpikir tentang hal ini dan kami ingin menjadi 1443 01:09:03,689 --> 01:09:08,090 sebagai kuat mungkin - kita harus melakukan sebelum kita menjalankan bahwa update query? 1444 01:09:08,090 --> 01:09:09,859 Mereka ingin 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 >> AUDIENCE: Kita harus memeriksa uang terlebih dahulu. 1447 01:09:12,762 --> 01:09:15,130 >> JASON Hirschhorn: Kita harus cek uang terlebih dahulu. 1448 01:09:15,130 --> 01:09:16,680 Kita harus memastikan bahwa mereka punya cukup uang. 1449 01:09:16,680 --> 01:09:20,766 Apa jenis query yang dapat kita jalankan untuk memastikan bahwa mereka memiliki cukup uang? 1450 01:09:20,766 --> 01:09:22,143 >> AUDIENCE: Another Pilih. 1451 01:09:22,143 --> 01:09:23,680 >> JASON Hirschhorn: A Select - 1452 01:09:23,680 --> 01:09:26,580 kita pilih berdasarkan ID pengguna mereka, untuk mendapatkan nilai mereka uang tunai. 1453 01:09:26,580 --> 01:09:27,620 Melakukan beberapa matematika cepat. 1454 01:09:27,620 --> 01:09:30,279 Dan jika yang lewat kerahkan, mereka punya cukup uang. 1455 01:09:30,279 --> 01:09:31,580 Kemudian kita bisa menjalankan update kami. 1456 01:09:31,580 --> 01:09:33,850 Atau mungkin, jika tidak, kami melewati itu. 1457 01:09:33,850 --> 01:09:35,370 Kami memberi mereka peringatan. 1458 01:09:35,370 --> 01:09:35,710 >> OK. 1459 01:09:35,710 --> 01:09:36,560 Katakanlah mereka tidak memiliki perusahaan. 1460 01:09:36,560 --> 01:09:37,310 Mereka membeli sebuah perusahaan baru. 1461 01:09:37,310 --> 01:09:39,910 Mereka membeli Microsoft. 1462 01:09:39,910 --> 01:09:41,910 Apa jenis pertanyaan yang ingin kita lakukan, jika mereka ingin membeli Microsoft? 1463 01:09:41,910 --> 01:09:43,350 Dan mereka tidak memiliki apapun Microsoft. 1464 01:09:43,350 --> 01:09:47,520 Tidak Manu, orang lain, siapa pun selain Marcus? 1465 01:09:47,520 --> 01:09:48,229 Carlos - 1466 01:09:48,229 --> 01:09:50,870 >> AUDIENCE: A Select, untuk memastikan mereka punya cukup uang. 1467 01:09:50,870 --> 01:09:51,770 >> JASON Hirschhorn: Kedengarannya bagus. 1468 01:09:51,770 --> 01:09:54,815 >> AUDIENCE: Dan kemudian Anda masukkan pada [Tak terdengar]. 1469 01:09:54,815 --> 01:09:56,500 >> JASON Hirschhorn: Tepat, kami akan ingin menyisipkan 1470 01:09:56,500 --> 01:09:57,800 ke dalam tabel Saham. 1471 01:09:57,800 --> 01:09:59,370 Dan kita akan ingin menyisipkan. 1472 01:09:59,370 --> 01:10:02,510 Kita bisa memasukkan ID pengguna mereka, nama perusahaan, dan berapa banyak saham 1473 01:10:02,510 --> 01:10:03,940 mereka ingin membeli. 1474 01:10:03,940 --> 01:10:08,040 >> Apa beberapa operasi lain yang adalah halaman atau fungsi Anda 1475 01:10:08,040 --> 01:10:10,420 akan harus menerapkan di P-Set 7, bahwa kita harus pergi? 1476 01:10:10,420 --> 01:10:12,160 >> AUDIENCE: Sebenarnya, aku agak memiliki pertanyaan tentang yang satu ini. 1477 01:10:12,160 --> 01:10:18,000 Sebelum Anda menampilkan portofolio, harus Anda memeriksa situs web Yahoo untuk 1478 01:10:18,000 --> 01:10:19,920 pastikan harga saham tidak berubah? 1479 01:10:19,920 --> 01:10:21,660 >> JASON Hirschhorn: Itu suara seperti ide yang baik. 1480 01:10:21,660 --> 01:10:27,260 Jadi apa Marcus katakan adalah, OK, saham harga yang terus berubah. 1481 01:10:27,260 --> 01:10:32,840 Pada saham-saham yang mereka miliki meja, kami tabel yang disebut Saham, kita bisa menyimpan 1482 01:10:32,840 --> 01:10:35,360 harga saham mereka membelinya di. 1483 01:10:35,360 --> 01:10:37,990 >> Tapi itu tidak tampak bahwa kuat, karena harga saham adalah 1484 01:10:37,990 --> 01:10:39,490 terus-menerus akan berubah. 1485 01:10:39,490 --> 01:10:41,990 Jadi sebenarnya, Anda mungkin tidak perlu untuk menyimpan harga saham. 1486 01:10:41,990 --> 01:10:45,230 Tapi setiap kali Anda menampilkan mereka portofolio, Anda menyegarkan atau memperbarui 1487 01:10:45,230 --> 01:10:46,280 harga saham. 1488 01:10:46,280 --> 01:10:48,720 >> Dan jika Anda memiliki - dan Anda sudah. 1489 01:10:48,720 --> 01:10:51,330 Aku tahu kalian semua telah melihat dalam Masalah menetapkan kembali sudah. 1490 01:10:51,330 --> 01:10:55,410 Anda telah menyadari bahwa kita telah menulis beberapa kode untuk Anda yang akan memungkinkan Anda 1491 01:10:55,410 --> 01:10:57,650 untuk mendapatkan harga saham, diberi nama perusahaan. 1492 01:10:57,650 --> 01:10:59,620 >> Jadi ya, itu mungkin terdengar sedikit lebih kuat. 1493 01:10:59,620 --> 01:11:04,260 Tapi tabel yang tidak selalu perlu untuk menyimpan harga saham. 1494 01:11:04,260 --> 01:11:04,720 OK. 1495 01:11:04,720 --> 01:11:07,590 Apa sajakah fungsi lain yang perlu untuk mengimplementasikan minggu ini bahwa 1496 01:11:07,590 --> 01:11:10,340 kita bisa bicara tentang? 1497 01:11:10,340 --> 01:11:11,590 Saya ingin berbicara tentang mereka. 1498 01:11:11,590 --> 01:11:14,342 1499 01:11:14,342 --> 01:11:16,516 >> Apa yang ingin Anda bicarakan? 1500 01:11:16,516 --> 01:11:17,810 Mungkin dalam spesifikasi ini. 1501 01:11:17,810 --> 01:11:20,600 Saya hanya akan gulir ke bawah ke bawah spec dan meminta saya kata pertama 1502 01:11:20,600 --> 01:11:21,850 Anda melihat bahwa tidak masuk akal. 1503 01:11:21,850 --> 01:11:55,130 1504 01:11:55,130 --> 01:11:56,960 Salah satu fungsi lainnya - 1505 01:11:56,960 --> 01:11:57,840 mari kita bicara tentang satu. 1506 01:11:57,840 --> 01:12:00,775 Kita akan mulai dari sana. 1507 01:12:00,775 --> 01:12:02,065 >> AUDIENCE: Merekam sejarah. 1508 01:12:02,065 --> 01:12:03,960 >> JASON Hirschhorn: Recording sejarah, salah besar. 1509 01:12:03,960 --> 01:12:06,920 Jadi Anda akan memiliki untuk melacak dari sejarah transaksi. 1510 01:12:06,920 --> 01:12:10,840 1511 01:12:10,840 --> 01:12:14,270 Jadi, Anda ingin melacak setiap kali mereka membeli atau menjual saham. 1512 01:12:14,270 --> 01:12:15,160 >> Saya membeli saham saya. 1513 01:12:15,160 --> 01:12:18,580 Kami hanya mengatakan, itu mungkin masuk akal untuk menyertakan Select, untuk mendapatkan mereka 1514 01:12:18,580 --> 01:12:20,220 jumlah uang tunai dan cek kembali. 1515 01:12:20,220 --> 01:12:25,270 Mungkin cerdas kemudian untuk mencakup menyisipkan atau update, tergantung pada 1516 01:12:25,270 --> 01:12:27,720 apakah atau tidak mereka memiliki saham itu. 1517 01:12:27,720 --> 01:12:32,740 Jika kita juga ingin melacak sejarah, bagaimana kita bisa melakukan itu? 1518 01:12:32,740 --> 01:12:37,530 1519 01:12:37,530 --> 01:12:38,720 Apakah itu masuk dalam tabel Saham? 1520 01:12:38,720 --> 01:12:39,822 >> AUDIENCE: No 1521 01:12:39,822 --> 01:12:42,130 >> JASON Hirschhorn: Tidak mungkin masuk dalam tabel yang berbeda. 1522 01:12:42,130 --> 01:12:44,040 Karena mengatakan Anda membeli 10 saham Apple. 1523 01:12:44,040 --> 01:12:45,370 Kemudian Anda membeli lagi 10 saham. 1524 01:12:45,370 --> 01:12:46,610 Anda ingin menderek catatan yang terpisah. 1525 01:12:46,610 --> 01:12:47,610 Mereka adalah dua transaksi yang terpisah. 1526 01:12:47,610 --> 01:12:50,510 >> Jadi kita memiliki meja lain, tabel History. 1527 01:12:50,510 --> 01:12:51,880 Jadi sekali lagi, kita beli. 1528 01:12:51,880 --> 01:12:54,080 Kami mengeksekusi Select, kemudian Sisipan atau Update. 1529 01:12:54,080 --> 01:12:56,410 Apa yang kita lakukan selanjutnya? 1530 01:12:56,410 --> 01:13:00,410 Apa permintaan berikutnya kita menjalankan ketika kita membeli sesuatu? 1531 01:13:00,410 --> 01:13:01,430 Kami ingin melacak sejarah. 1532 01:13:01,430 --> 01:13:01,570 Ya. 1533 01:13:01,570 --> 01:13:05,195 >> AUDIENCE: Anda ingin melacak gagal transaksi juga. 1534 01:13:05,195 --> 01:13:07,700 >> JASON Hirschhorn: Nah, sebelum kita mengatakan apa jenis transaksi, 1535 01:13:07,700 --> 01:13:11,080 apa yang kita ingin - 1536 01:13:11,080 --> 01:13:13,910 Apa jenis query, Carlos, akan memungkinkan kita untuk melacak 1537 01:13:13,910 --> 01:13:16,216 hal secara umum? 1538 01:13:16,216 --> 01:13:17,860 Anda memiliki empat tebakan. 1539 01:13:17,860 --> 01:13:18,660 Mana yang menurut Anda? 1540 01:13:18,660 --> 01:13:20,835 >> AUDIENCE: Updating. 1541 01:13:20,835 --> 01:13:22,400 >> JASON Hirschhorn: Tidak memperbarui. 1542 01:13:22,400 --> 01:13:25,250 Apa menebak kedua Anda? 1543 01:13:25,250 --> 01:13:26,730 >> AUDIENCE: Memilih. 1544 01:13:26,730 --> 01:13:30,020 >> JASON Hirschhorn: Jika Anda ingin menyimpan melacak sesuatu, Anda mungkin ingin 1545 01:13:30,020 --> 01:13:33,310 menuliskannya di suatu tempat atau menyimpannya untuk nanti. 1546 01:13:33,310 --> 01:13:37,054 Jadi, jika tidak update, maka - 1547 01:13:37,054 --> 01:13:38,310 >> AUDIENCE: Masukkan itu. 1548 01:13:38,310 --> 01:13:39,553 >> JASON Hirschhorn: Insert, di sana kita pergi. 1549 01:13:39,553 --> 01:13:44,230 Ya, sehingga Anda memilih jumlah uang tunai yang mereka miliki, suara besar. 1550 01:13:44,230 --> 01:13:45,320 Mereka tidak punya cukup uang. 1551 01:13:45,320 --> 01:13:46,720 Transaksi yang tidak akan bekerja. 1552 01:13:46,720 --> 01:13:49,440 Tidak, Anda tidak perlu untuk melacak transaksi jika tidak bekerja. 1553 01:13:49,440 --> 01:13:52,280 Atau Anda bisa, jika Anda ingin memberi mereka waktu yang sulit. 1554 01:13:52,280 --> 01:13:53,430 Tapi Anda tidak perlu. 1555 01:13:53,430 --> 01:13:55,820 >> Kemudian, Anda memasukkan atau memperbarui dalam tabel Saham mereka. 1556 01:13:55,820 --> 01:13:57,260 Dan sekarang, Anda memiliki meja Anda yang lain. 1557 01:13:57,260 --> 01:13:59,790 Anda memiliki tabel sejarah atau apa pun yang Anda ingin menyebutnya. 1558 01:13:59,790 --> 01:14:02,920 Dan dalam tabel itu, Anda akan untuk menyisipkan baris baru. 1559 01:14:02,920 --> 01:14:04,205 >> Itu mungkin akan memiliki ID pengguna. 1560 01:14:04,205 --> 01:14:05,840 Ini mungkin akan memiliki nama saham. 1561 01:14:05,840 --> 01:14:08,760 Ini mungkin akan memiliki waktu itu mereka melakukannya. 1562 01:14:08,760 --> 01:14:11,500 Dan dalam hal ini, Anda mungkin ll ingin memasukkan harga. 1563 01:14:11,500 --> 01:14:13,960 Karena bagi sejarah, Anda tidak peduli apa harga saat ini. 1564 01:14:13,960 --> 01:14:17,140 Anda peduli apa harga adalah ketika mereka membeli atau menjual sesuatu. 1565 01:14:17,140 --> 01:14:21,530 >> Jadi terdengar seperti, untuk melaksanakan pembelian sepenuhnya melibatkan sejumlah berbeda 1566 01:14:21,530 --> 01:14:25,530 Query SQL, Tapi jujur, tidak bahwa banyak kode secara keseluruhan. 1567 01:14:25,530 --> 01:14:26,330 OK. 1568 01:14:26,330 --> 01:14:28,840 Dan yang membutuhkan perawatan sejarah. 1569 01:14:28,840 --> 01:14:30,450 >> Katakanlah, kita ingin menampilkan sejarah kita. 1570 01:14:30,450 --> 01:14:31,670 Kami berbicara tentang menampilkan portofolio kami. 1571 01:14:31,670 --> 01:14:33,902 Bagaimana kita akan menampilkan sejarah kita? 1572 01:14:33,902 --> 01:14:36,312 >> AUDIENCE: Agaknya kronologis. 1573 01:14:36,312 --> 01:14:37,920 >> JASON Hirschhorn: Agaknya kronologis - 1574 01:14:37,920 --> 01:14:39,400 apa permintaan Anda pikir kita akan menggunakan? 1575 01:14:39,400 --> 01:14:40,675 >> AUDIENCE: 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 tabel yang yang sesuai dengan user ID dan kemudian 1578 01:14:46,590 --> 01:14:49,510 menampilkan mereka secara kronologis, Kedengarannya bagus. 1579 01:14:49,510 --> 01:14:52,590 Apakah kita perlu menulis kode untuk memilah-milah daftar itu? 1580 01:14:52,590 --> 01:14:55,084 >> AUDIENCE: Tidak, karena kau bilang kita ada menaik 1581 01:14:55,084 --> 01:14:57,320 dan turun hal. 1582 01:14:57,320 --> 01:14:58,230 >> JASON Hirschhorn: Thing? 1583 01:14:58,230 --> 01:14:59,190 >> AUDIENCE: Ya. 1584 01:14:59,190 --> 01:15:01,270 >> JASON Hirschhorn: Ya. 1585 01:15:01,270 --> 01:15:09,300 OK, tidak berubah dalam kode kepada saya, bahwa manual macam melalui pertanyaan Anda, 1586 01:15:09,300 --> 01:15:09,820 untuk menyortir mereka. 1587 01:15:09,820 --> 01:15:12,480 Kode yang sudah diberikan. 1588 01:15:12,480 --> 01:15:15,310 Anda dapat menulis query Pilih yang macam hal. 1589 01:15:15,310 --> 01:15:18,900 Mengurutkan mereka sebelumnya dan kemudian mencetaknya. 1590 01:15:18,900 --> 01:15:22,070 Itu membuat jauh lebih masuk akal untuk melakukan seperti itu, dibandingkan dengan cara lain. 1591 01:15:22,070 --> 01:15:22,375 Ya. 1592 01:15:22,375 --> 01:15:23,925 >> AUDIENCE: Apakah kita perlu mengurutkan mereka sebelumnya? 1593 01:15:23,925 --> 01:15:25,976 Apakah itu berarti Anda menyortir mereka dalam database? 1594 01:15:25,976 --> 01:15:30,510 >> JASON Hirschhorn: Select permintaan mengembalikan kepada Anda diurutkan. 1595 01:15:30,510 --> 01:15:34,990 Jadi melakukan itu, bukan hanya memiliki mereka kembali kepada Anda dalam urutan acak dan 1596 01:15:34,990 --> 01:15:36,150 kemudian mengurutkan mereka sendiri. 1597 01:15:36,150 --> 01:15:36,405 Ya. 1598 01:15:36,405 --> 01:15:39,925 >> AUDIENCE: Apakah ada cara untuk tetap diurutkan dalam database itu sendiri, sehingga 1599 01:15:39,925 --> 01:15:41,355 Anda tidak perlu memilah setiap kali Anda - 1600 01:15:41,355 --> 01:15:43,065 >> AUDIENCE: Dapatkah Anda masukkan diurutkan? 1601 01:15:43,065 --> 01:15:45,740 >> JASON Hirschhorn: Pertanyaan - 1602 01:15:45,740 --> 01:15:49,796 bedanya bahwa hal-hal diurutkan dalam database? 1603 01:15:49,796 --> 01:15:50,700 >> AUDIENCE: No 1604 01:15:50,700 --> 01:15:52,240 >> JASON Hirschhorn: Nah, mereka diurutkan. 1605 01:15:52,240 --> 01:15:53,100 Mereka diurutkan secara kronologis. 1606 01:15:53,100 --> 01:15:55,060 Tapi mari kita asumsikan bahwa hal-hal yang diurutkan 1607 01:15:55,060 --> 01:15:57,640 kronologis, dari atas ke bawah. 1608 01:15:57,640 --> 01:15:58,930 Kami memiliki bentuk Google. 1609 01:15:58,930 --> 01:16:01,400 Setiap kali seseorang merespon Google kami membentuk, itu hanya akan dimasukkan ke dalam 1610 01:16:01,400 --> 01:16:02,480 bawah meja itu. 1611 01:16:02,480 --> 01:16:07,318 Apakah itu penting bahwa hal-hal diurutkan secara kronologis tidak? 1612 01:16:07,318 --> 01:16:11,290 >> AUDIENCE: Jika tidak kronologis, Anda tidak harus menyortir setiap kali 1613 01:16:11,290 --> 01:16:12,920 Anda mengambil informasi keluar. 1614 01:16:12,920 --> 01:16:16,730 Tapi jika itu sudah diurutkan, tidak bisa Anda tidak perlu melakukan itu 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 kita sebagai programmer, itu mungkin masalah. 1618 01:16:23,690 --> 01:16:26,190 Dan kita mungkin ingin mencari database itu tidak menyelesaikan masalah 1619 01:16:26,190 --> 01:16:26,900 kronologis. 1620 01:16:26,900 --> 01:16:30,100 Atau mengatur database kami, sehingga membuat hal diurutkan berdasarkan ID pengguna. 1621 01:16:30,100 --> 01:16:34,060 >> Jadi seperti itu, katakanlah, kita memiliki 1.000 ID pengguna. 1622 01:16:34,060 --> 01:16:36,690 Atau Facebook, kita memiliki jutaan ID pengguna. 1623 01:16:36,690 --> 01:16:39,560 Kami tidak ingin meja kami untuk hanya menjadi acak atau database kami untuk menjadi acak. 1624 01:16:39,560 --> 01:16:41,630 Akan lebih baik jika semua ID pengguna yang diurutkan. 1625 01:16:41,630 --> 01:16:46,020 Jadi kita bisa menjalankan pencarian biner di meja kami dan kemudian hanya menemukan 1626 01:16:46,020 --> 01:16:47,050 potongan tertentu. 1627 01:16:47,050 --> 01:16:50,640 >> Jadi ya, tergantung - jika kita ditingkatkan, kita mungkin ingin mencari database 1628 01:16:50,640 --> 01:16:53,370 yang terus hal-hal diurutkan dalam berbeda cara, sehingga query ini 1629 01:16:53,370 --> 01:16:54,140 akan memakan waktu kurang. 1630 01:16:54,140 --> 01:16:56,820 Dan kita tidak harus melalui kami seluruh database di setiap baris tunggal dalam 1631 01:16:56,820 --> 01:16:58,260 tabel tertentu. 1632 01:16:58,260 --> 01:17:01,640 Tetapi tingkat kami bekerja di, kita tidak perlu khawatir tentang menjaga 1633 01:17:01,640 --> 01:17:02,270 hal diurutkan. 1634 01:17:02,270 --> 01:17:06,100 Kita dapat mengasumsikan bahwa waktu yang dibutuhkan bahwa permintaan untuk menjalankan akan menjadi 1635 01:17:06,100 --> 01:17:08,910 diabaikan, mengingat apa kita sedang berhadapan dengan. 1636 01:17:08,910 --> 01:17:13,550 Tapi ya, ide bagus - seperti yang kita meningkatkan, mungkin masuk akal untuk merancang kami 1637 01:17:13,550 --> 01:17:15,390 database dalam sedikit cara yang berbeda. 1638 01:17:15,390 --> 01:17:18,520 >> Satu desain database hal terakhir yang saya inginkan menyebutkan juga, karena Anda akan 1639 01:17:18,520 --> 01:17:22,660 akan dinilai, atau mencetak lebih tepatnya, pada desain database Anda. 1640 01:17:22,660 --> 01:17:24,160 Kami berbicara tentang hal ini. 1641 01:17:24,160 --> 01:17:27,490 Kas adalah unik untuk setiap pengguna. 1642 01:17:27,490 --> 01:17:30,820 Jadi Anda punya meja yang disebut kas yang memiliki ID pengguna mereka dan jumlah mereka 1643 01:17:30,820 --> 01:17:33,370 kas dan kemudian tabel bernama pengguna yang memiliki pengguna mereka 1644 01:17:33,370 --> 01:17:34,810 ID dan username mereka. 1645 01:17:34,810 --> 01:17:37,390 >> Mereka tabel peta ke masing-masing lain satu-ke-satu. 1646 01:17:37,390 --> 01:17:39,520 Itu mungkin masuk akal untuk mereka menjadi satu meja. 1647 01:17:39,520 --> 01:17:42,750 1648 01:17:42,750 --> 01:17:44,830 Jadi mari kita asumsikan Anda memiliki pengguna tabel yang melacak 1649 01:17:44,830 --> 01:17:46,220 nama pengguna dan uang tunai. 1650 01:17:46,220 --> 01:17:49,960 Sekarang Anda memiliki tabel yang memiliki saham individu memiliki. 1651 01:17:49,960 --> 01:17:52,130 >> Dan seorang individu mungkin memiliki lebih dari satu saham. 1652 01:17:52,130 --> 01:17:54,900 Jadi ini tidak peta ke masing-masing satu-ke-lain. 1653 01:17:54,900 --> 01:18:00,140 Ini tidak masuk akal untuk memiliki satu raksasa tabel yang memiliki 30 catatan yang 1654 01:18:00,140 --> 01:18:02,960 semua mengulangi username, bahwa semua ulangi password, bahwa semua 1655 01:18:02,960 --> 01:18:04,680 mengulang sejumlah uang tunai. 1656 01:18:04,680 --> 01:18:08,360 Tetapi masing-masing memiliki saham mungkin berbeda nama atau harga saham yang berbeda. 1657 01:18:08,360 --> 01:18:11,310 >> Ini tidak masuk akal untuk memiliki bahwa banyak catatan besar. 1658 01:18:11,310 --> 01:18:14,880 Jadilah cerdas tentang kapan Anda membuat ini database, sehingga Anda tidak melakukan 1659 01:18:14,880 --> 01:18:20,050 sesuatu yang konyol seperti itu, mengulangi banyak informasi yang tidak perlu. 1660 01:18:20,050 --> 01:18:20,570 >> OK. 1661 01:18:20,570 --> 01:18:22,570 Kami memiliki dua menit tersisa. 1662 01:18:22,570 --> 01:18:26,580 Orang-orang luar sangat senang untuk bergabung kami atau mungkin, mungkin, 1663 01:18:26,580 --> 01:18:27,650 memulai kelas mereka sendiri. 1664 01:18:27,650 --> 01:18:30,110 Apakah Ada yang punya pertanyaan sebelum kita selesaikan? 1665 01:18:30,110 --> 01:18:35,520 1666 01:18:35,520 --> 01:18:38,620 >> OK, ini memang angin puyuh melalui segala sesuatu. 1667 01:18:38,620 --> 01:18:43,510 Saya minta maaf bahwa itu harus begitu cepat dan bahwa kita tidak bisa sebagai hands-on 1668 01:18:43,510 --> 01:18:46,640 minggu ini karena saya akan sudah senang telah. 1669 01:18:46,640 --> 01:18:50,610 Tapi jika Anda memiliki pertanyaan tentang apa pun yang kita pergi atau apa pun di 1670 01:18:50,610 --> 01:18:52,090 masalah ini set - 1671 01:18:52,090 --> 01:18:54,900 Menganggap Anda sudah membacanya dan menempatkan dalam upaya yang baik-iman - 1672 01:18:54,900 --> 01:18:57,920 merasa bebas untuk email saya atau hubungi saya. 1673 01:18:57,920 --> 01:19:00,960 Aku lebih dari senang untuk bekerja melalui kode Anda dengan Anda atau menjawab 1674 01:19:00,960 --> 01:19:02,330 pertanyaan yang Anda miliki. 1675 01:19:02,330 --> 01:19:06,160 >> Perlu diingat bahwa, minggu ini, banyak dari waktu Anda akan dihabiskan belajar 1676 01:19:06,160 --> 01:19:10,730 sintaks baru dan mencoba untuk memahami bagaimana menulis query SQL atau PHP 1677 01:19:10,730 --> 01:19:14,280 fungsi atau kesepakatan dengan kerangka kerja MVC. 1678 01:19:14,280 --> 01:19:17,290 Banyak waktu Anda minggu ini mungkin tidak akan mencoba untuk mencari tahu 1679 01:19:17,290 --> 01:19:19,380 logika gila bahwa kita meminta Anda untuk melakukannya. 1680 01:19:19,380 --> 01:19:23,820 Banyak itu kami hanya pergi adalah relatif mudah. 1681 01:19:23,820 --> 01:19:25,790 >> Jadi bukan berarti menunggu sampai menit terakhir. 1682 01:19:25,790 --> 01:19:29,710 Tetapi itu berarti menyesuaikan bagaimana Anda melakukannya Anda bekerja sesuai, 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, tahu persis apa yang ingin Anda lakukan, 1685 01:19:33,640 --> 01:19:37,200 tapi dengan tidak tahu bagaimana persis menuliskannya. 1686 01:19:37,200 --> 01:19:38,450 OK, aku akan melihat Anda minggu depan. 1687 01:19:38,450 --> 01:19:40,438