1 00:00:00,000 --> 00:00:11,470 2 00:00:11,470 --> 00:00:12,764 >> SPEAKER 1: Vse, prav dobrodošli nazaj. 3 00:00:12,764 --> 00:00:14,140 To je CS50. 4 00:00:14,140 --> 00:00:16,800 To je začetek devetih teden. 5 00:00:16,800 --> 00:00:19,960 In to je začetek konca vaš čas na CS50, v katerem smo 6 00:00:19,960 --> 00:00:23,170 Prehod zdaj končno na spletu vidik seveda, če boste 7 00:00:23,170 --> 00:00:26,200 ugotovili, da veliko temeljih, ki smo bili izvozniki tednov 8 00:00:26,200 --> 00:00:29,270 Še vedno pridejo na obisk, ali preganjala, nam. 9 00:00:29,270 --> 00:00:33,440 Toda zdaj, boste ugotovili, da je red velikosti lažje 10 00:00:33,440 --> 00:00:36,540 izpolnjevanje določenih nalog in reševanje nekaterih težav - 11 00:00:36,540 --> 00:00:41,050 tako zelo, da tudi če ste mislili, določenega problema kompleti bilo zabavno v svojih 12 00:00:41,050 --> 00:00:44,200 na svoj način, mislim, da boste ugotovili, da p nastaviti 7, str nastavljena 8, in nato 13 00:00:44,200 --> 00:00:47,990 na koncu, bo končni projekt še toliko bolj razveseljivo, saj boste 14 00:00:47,990 --> 00:00:51,830 ugotovili, da smo začeli jemati za samoumevno Zdaj se stvari všeč upravljanje s pomnilnikom in 15 00:00:51,830 --> 00:00:54,190 kazalci, in kaj se dogaja na pod pokrovom. 16 00:00:54,190 --> 00:00:57,310 In spet, tematsko, vse skozi polletje je bilo to plastenje 17 00:00:57,310 --> 00:00:58,030 in plastenje. 18 00:00:58,030 --> 00:01:00,530 In zdaj smo nekako gor tu, ki stoji na 19 00:01:00,530 --> 00:01:01,930 ramena tednih preteklosti. 20 00:01:01,930 --> 00:01:05,360 >> Zdaj spomnite iz zadnjega časa, da smo je govoril o tem, kako internet deluje. 21 00:01:05,360 --> 00:01:08,120 In to je bila morda poenostavljanje, vendar ne pozabite, da 22 00:01:08,120 --> 00:01:12,960 vsak računalnik na svetu ima IP obravnavo, čeprav je to malo 23 00:01:12,960 --> 00:01:14,570 poenostavljanje vedno. 24 00:01:14,570 --> 00:01:18,180 In so ti naslovi uporablja za enolično identificirajo naprave, tako da 25 00:01:18,180 --> 00:01:22,010 ko pošljete podatke, ali pakete, če se tako izrazim, ki jih lahko imajo poreklo 26 00:01:22,010 --> 00:01:24,000 naslov in ciljni naslov. 27 00:01:24,000 --> 00:01:27,830 In se lahko uporabljajo te iste IP naslove tako za dobro kot tudi za zlo, 28 00:01:27,830 --> 00:01:29,270 vam skladbo, na primer. 29 00:01:29,270 --> 00:01:32,200 Dejstvo je, vsak od vas z laptop odprto zdaj, ali telefon v vašem 30 00:01:32,200 --> 00:01:35,070 žep, ima IP naslov na omrežje Harvardu. 31 00:01:35,070 --> 00:01:39,120 In to še ni vse, da je težko povezati, da kdo in kje ste 32 00:01:39,120 --> 00:01:40,180 so v teh dneh. 33 00:01:40,180 --> 00:01:42,090 Ampak več o tem morda v prihodnosti. 34 00:01:42,090 --> 00:01:46,510 >> Zdaj pa sem mislil, da sem prinesla nazaj nekaj spomini [? izboljšati?] in vam 35 00:01:46,510 --> 00:01:49,360 še en posnetek iz ti pokažem morda zdi znano. 36 00:01:49,360 --> 00:01:52,710 Če bi lahko dim luči le za nekaj sekund. 37 00:01:52,710 --> 00:01:53,960 Predstava Numb3rs. 38 00:01:53,960 --> 00:01:57,510 39 00:01:57,510 --> 00:02:00,540 >> ZVOČNIK 2: To je 32-bitni IPP4 naslov. 40 00:02:00,540 --> 00:02:01,610 >> ZVOČNIK 3: IPP, kot v internetu? 41 00:02:01,610 --> 00:02:02,968 >> Zvočnik 2: Zasebno omrežje. 42 00:02:02,968 --> 00:02:04,960 Da Amita zasebnega omrežja. 43 00:02:04,960 --> 00:02:16,930 44 00:02:16,930 --> 00:02:19,602 Ona je tako neverjetno. 45 00:02:19,602 --> 00:02:21,030 >> ZVOČNIK 3: Daj no, Charlie. 46 00:02:21,030 --> 00:02:21,490 >> ZVOČNIK 2: To je to. 47 00:02:21,490 --> 00:02:22,470 Ogledalo IP naslov. 48 00:02:22,470 --> 00:02:27,680 Ona je dajanje v najem nas gledajo, kaj ona počne v realnem času. 49 00:02:27,680 --> 00:02:30,930 >> SPEAKER 1: OK, torej nekaj stvari narobe s to sliko. 50 00:02:30,930 --> 00:02:32,920 Torej ena, in to je sprejemljivo, to je dejansko 51 00:02:32,920 --> 00:02:34,400 ni veljaven naslov IP. 52 00:02:34,400 --> 00:02:38,190 Veljaven IP naslov mora biti število v obliki w.x.y.z, kjer je vsaka od 53 00:02:38,190 --> 00:02:40,000 te črke je 0-255. 54 00:02:40,000 --> 00:02:42,330 Ampak to je v redu, ker tako kot filmi, kjer ponarejajo telefonske številke, 55 00:02:42,330 --> 00:02:43,520 ponarejajo naslove IP. 56 00:02:43,520 --> 00:02:45,230 Saj pravzaprav ni udaril prave strežnikov. 57 00:02:45,230 --> 00:02:46,760 >> Ampak misli, da je to brskalnik. 58 00:02:46,760 --> 00:02:50,760 In brskalniki ne začnejo prikazovanje računalniško kodo, kot je ta. 59 00:02:50,760 --> 00:02:54,230 In če pogledamo malo globlje, opazili da je jezik, ki ga oni videli 60 00:02:54,230 --> 00:02:57,040 Na zaslonu se jezik imenuje Cilj C, kar je jezik 61 00:02:57,040 --> 00:02:59,520 ki so napisana iPhone aplikacije, zlasti tiste, ki vključujejo 62 00:02:59,520 --> 00:03:03,540 barvice, kot lahko vidite iz izvorna koda tukaj. 63 00:03:03,540 --> 00:03:06,600 64 00:03:06,600 --> 00:03:07,560 >> OK, sem mislil, da je to smešno. 65 00:03:07,560 --> 00:03:12,240 Tako da je ta košček kode ima absolutno nič opraviti s tem, kar 66 00:03:12,240 --> 00:03:13,940 zlasti epizoda je bila okoli. 67 00:03:13,940 --> 00:03:17,590 Torej šala je nekako na ljudi pri čemer za to samoumevno. 68 00:03:17,590 --> 00:03:20,220 Ampak to še ni vse, da je težko dobiti te tehnične podrobnosti desno. 69 00:03:20,220 --> 00:03:21,980 In jaz bi spodbudila. 70 00:03:21,980 --> 00:03:25,530 In dejansko, 50 lahko zelo dobro pokvariti Veliko televizijskih oddaj in filmov, ali pa izberete 71 00:03:25,530 --> 00:03:27,320 saj boste ugotovili, da je to samo ni mogoče, kaj oni 72 00:03:27,320 --> 00:03:28,630 delaš na zaslonu. 73 00:03:28,630 --> 00:03:31,750 Ampak res, to je številka, ki jo Morda ga vidim v iPhone uporabe 74 00:03:31,750 --> 00:03:33,640 ali uporabo Mac OS. 75 00:03:33,640 --> 00:03:35,685 Ima sploh nič povezano z varnostjo. 76 00:03:35,685 --> 00:03:38,610 Torej pazi več take zabavne stvari, kot je ta. 77 00:03:38,610 --> 00:03:42,720 >> Toda danes smo začeli potapljati v resnici globoko, da celo vrsto jezikov. 78 00:03:42,720 --> 00:03:45,410 Res, eden krovni takeaways tega dela 79 00:03:45,410 --> 00:03:51,815 seveda ni, da se naučijo, kako program v PHP, ne da naučiti SQL sama po sebi, ne 80 00:03:51,815 --> 00:03:58,100 naučiti JavaScript po sebi, temveč da se nauči, kako se učiti 81 00:03:58,100 --> 00:04:02,030 yourself novi jeziki, saj res, smo začeli jemati zdaj 82 00:04:02,030 --> 00:04:06,020 Kolesa trening off, tako da po konec tečajnega je, da ne pričakujejo 20 83 00:04:06,020 --> 00:04:08,890 Specifikacija stran, da vam povem, kako za izvajanje nekaterih programa. 84 00:04:08,890 --> 00:04:12,970 Imate v dovolj sestavine um, in dovolj orodij v vašem orodju 85 00:04:12,970 --> 00:04:15,750 kit, pri katerem za začetek gradnje rešitve za težave, ki so v interesu 86 00:04:15,750 --> 00:04:19,130 si za nekaj skupino študentov, za nekatere raziskovalni projekt, ali res kaj 87 00:04:19,130 --> 00:04:20,140 , ki vas zanimajo. 88 00:04:20,140 --> 00:04:24,150 >> Torej proti ta namen opozoriti, da je bilo to slika mi narisal to zadnjič. 89 00:04:24,150 --> 00:04:27,620 In to je dva računalnika, naročnik in sever, pogovarjajo med seboj. 90 00:04:27,620 --> 00:04:31,130 In protokol, jezik, tako da govorijo, da ti dve računalniki zgodilo 91 00:04:31,130 --> 00:04:33,220 za govor se imenuje HTTP. 92 00:04:33,220 --> 00:04:37,730 In to je samo protokol, ki ga uporablja računalniki za prenos podatkov preko 93 00:04:37,730 --> 00:04:38,710 svetovni splet. 94 00:04:38,710 --> 00:04:41,770 Web, seveda, je le ena storitev ki teče na vrhu 95 00:04:41,770 --> 00:04:43,000 tako imenovane internet. 96 00:04:43,000 --> 00:04:48,660 Kaj je še ena storitev na voljo na Vrh internetu v teh dneh? 97 00:04:48,660 --> 00:04:51,600 Kakšen drug protokol ali - kaj je to? 98 00:04:51,600 --> 00:04:52,300 >> PUBLIKA: FTP. 99 00:04:52,300 --> 00:04:52,790 >> SPEAKER 1: FTP. 100 00:04:52,790 --> 00:04:54,630 Torej File Transfer Protocol je drugo. 101 00:04:54,630 --> 00:04:56,050 Večina vas verjetno ne uporablja. 102 00:04:56,050 --> 00:04:58,830 Ampak večina od vas verjetno uporablja stvari, kot Gchat ali instant 103 00:04:58,830 --> 00:05:00,970 sporočanje bolj splošno, Vsekakor email. 104 00:05:00,970 --> 00:05:04,470 In tisti, preveč, so storitve, ki se izvajajo na Vrh interneta, ker je na 105 00:05:04,470 --> 00:05:08,180 Konec dan, kar internet res le dobili podatke od točke A do 106 00:05:08,180 --> 00:05:12,480 točka B. In to uporablja številne sam delci, eden od njih ali dva 107 00:05:12,480 --> 00:05:17,340 med njimi najbolj splošno imenuje TCP / IP, kar pomeni, da je en računalnik na 108 00:05:17,340 --> 00:05:19,960 internet lahko dejansko opravljali različne stvari, e-pošta, 109 00:05:19,960 --> 00:05:20,980 in splet, in tako naprej. 110 00:05:20,980 --> 00:05:22,220 Google ne veliko tega. 111 00:05:22,220 --> 00:05:26,310 Torej, kako so te storitve enolično identificirati, smo rekli, na računalniku 112 00:05:26,310 --> 00:05:29,080 da bi dejansko opravljali več stvari? 113 00:05:29,080 --> 00:05:29,860 >> Številka vrat. 114 00:05:29,860 --> 00:05:34,180 In to so samo samovoljen človek konvencije kot 80 je web, 443 je 115 00:05:34,180 --> 00:05:36,580 šifrirano web, 25 je email. 116 00:05:36,580 --> 00:05:38,230 In tam je šopki drugih. 117 00:05:38,230 --> 00:05:41,860 In te številke preprosto vključiti v tiste pakete podatkov, ti 118 00:05:41,860 --> 00:05:46,230 Virtualni ovojnica, ki dejansko vseboval zahtevek ali odgovor. 119 00:05:46,230 --> 00:05:51,300 >> Torej, ko dobiš nazaj odgovor od web, običajno, ne vidiš vsak 120 00:05:51,300 --> 00:05:54,780 Številke whatsoever v smislu koda stanja odgovora. 121 00:05:54,780 --> 00:05:56,770 Ne boste dejansko videli notranje delovanje 122 00:05:56,770 --> 00:05:58,090 pakete, ki prihajajo nazaj. 123 00:05:58,090 --> 00:05:59,860 Ampak 200 dejansko pomeni OK. 124 00:05:59,860 --> 00:06:01,530 Kar pomeni, da je vse v redu. 125 00:06:01,530 --> 00:06:02,870 Morda ste videli kup teh. 126 00:06:02,870 --> 00:06:05,710 Ki je verjetno najbolj pogosti ki ste jih videli na spletu? 127 00:06:05,710 --> 00:06:05,980 >> 404. 128 00:06:05,980 --> 00:06:07,330 To samo pomeni, da datoteke ni mogoče najti. 129 00:06:07,330 --> 00:06:08,270 To pomeni, da je nekdo zasral. 130 00:06:08,270 --> 00:06:11,450 Naredil si ga mistyping URL, ali nekdo drug ni, tako da vam 131 00:06:11,450 --> 00:06:15,100 neveljaven URL, ali pa izbrisana datotek in URL še vedno 132 00:06:15,100 --> 00:06:16,130 ki jih uporabljajo ljudje. 133 00:06:16,130 --> 00:06:19,670 Torej, lahko poljubno število razlogov razložiti Zakaj je datoteka ni mogoče najti. 134 00:06:19,670 --> 00:06:22,990 In boste videli, v tednih, ki prihajajo, ti drugi Kode napak, in boste 135 00:06:22,990 --> 00:06:24,195 izkoristite nekatere od njih. 136 00:06:24,195 --> 00:06:25,760 Najhuje je 500. 137 00:06:25,760 --> 00:06:29,820 Če dobiš 500 napako v kodi, ki ste jih napisal, mislim, da je kot nekakšen 138 00:06:29,820 --> 00:06:33,290 analogni SEG napak v svet spletnega programiranja. 139 00:06:33,290 --> 00:06:34,560 To ni čisto tako strašne. 140 00:06:34,560 --> 00:06:36,660 Ampak to samo pomeni, da je nekje, ste zajebali. 141 00:06:36,660 --> 00:06:38,260 Tako da se veselim tega. 142 00:06:38,260 --> 00:06:39,910 >> Ampak poglejmo, če lahko glej to v kontekstu. 143 00:06:39,910 --> 00:06:43,460 Naj grem v brskalniku tukaj in naredite naslednje. 144 00:06:43,460 --> 00:06:45,710 Torej, to je Chrome, ki se zgodi, da biti nameščena v napravi. 145 00:06:45,710 --> 00:06:49,410 Večina pa vsak brskalnik teh dneh je nekateri enaka funkcionalnost. 146 00:06:49,410 --> 00:06:52,610 Jaz grem gor menija Chrome, in pojdite na Orodja in jaz grem 147 00:06:52,610 --> 00:06:53,990 za orodja za razvijalce. 148 00:06:53,990 --> 00:06:57,040 In boste videli, da je to malo ploščo odpre na dnu okna. 149 00:06:57,040 --> 00:07:00,190 Druga bližnjica, če sem iskren, da sem običajno uporabljajo sam je Desni klik 150 00:07:00,190 --> 00:07:04,370 ali Control kliknite kjerkoli na spletu stran in pojdite Preglej Element. 151 00:07:04,370 --> 00:07:07,440 In da ne bo samo odpreti To je za vas. 152 00:07:07,440 --> 00:07:10,230 Prav tako bo odprta, posebej Elementi del na 153 00:07:10,230 --> 00:07:11,430 leva stran. 154 00:07:11,430 --> 00:07:12,460 >> Tako smo seveda videnje Google. 155 00:07:12,460 --> 00:07:13,930 So spremenili svoj logotip danes. 156 00:07:13,930 --> 00:07:20,200 Ampak če sem se pomaknite gor, opazili da v skladu s Elements, boste videli 157 00:07:20,200 --> 00:07:23,460 kar se imenuje HTML, HyperText Markup Jezik, in to je jezik 158 00:07:23,460 --> 00:07:26,000 da ta in vse spletne strani, Res, so napisane noter 159 00:07:26,000 --> 00:07:28,950 Ampak to je dejansko oblikovano za nas toliko bolj readably 160 00:07:28,950 --> 00:07:29,970 kot običajno je. 161 00:07:29,970 --> 00:07:34,810 V bistvu, če sem pomanjšanje, in sem namesto Samo desni klik ali Control Kliknite 162 00:07:34,810 --> 00:07:39,630 kliknite na strani, nato pa pojdite na View Page Source, to je tisto, kar dobesedno 163 00:07:39,630 --> 00:07:42,150 Google poslali v mojem brskalniku. 164 00:07:42,150 --> 00:07:46,480 >> Torej nekateri oseba ali osebe, napisal Google.com uporabo te izvorne kode. 165 00:07:46,480 --> 00:07:47,790 Večina to ni HTML. 166 00:07:47,790 --> 00:07:49,340 To je pravzaprav jezik imenuje JavaScript, ki 167 00:07:49,340 --> 00:07:50,880 bomo prišli v sredo. 168 00:07:50,880 --> 00:07:55,580 Ampak kaj Chrome in kaj vsak brskalnik lahko storite za nas, je nekako videti 169 00:07:55,580 --> 00:07:59,610 mimo vseh motečega noro sintakso in ponovno vstavite prazen prostor 170 00:07:59,610 --> 00:08:02,940 za nas, in celo sintakso poudarjajo, ali Obarvate stvari za nas. 171 00:08:02,940 --> 00:08:06,470 Tako boste ugotovili, da so ti tako imenovani orodja za razvijalce vgrajene v brskalnike 172 00:08:06,470 --> 00:08:10,830 bo vaše življenje tako, toliko lažje saj lahko raziskujejo, preko tega menija 173 00:08:10,830 --> 00:08:13,940 vmesnik, kaj je osnovni Izvorna koda je za 174 00:08:13,940 --> 00:08:15,750 vsaka stran na internetu. 175 00:08:15,750 --> 00:08:19,070 In res, to je eden od najbolj učinkovitih načinov, da se naučijo, kako narediti 176 00:08:19,070 --> 00:08:22,860 nekaj novega, vsaj če stran ni tako zapleteno, preplavijo se 177 00:08:22,860 --> 00:08:26,700 začeti drezati je HTML, poglej na takoimenovano CSS, ki bomo prišli 178 00:08:26,700 --> 00:08:30,310 se malo, pa tudi, da bi dobili razumevanje, kako je programer 179 00:08:30,310 --> 00:08:33,480 izvajali nekateri zlasti značilnost strani. 180 00:08:33,480 --> 00:08:36,530 >> Ampak bolj tehnično zanimiva pravica Zdaj se dogaja, da je to. 181 00:08:36,530 --> 00:08:39,429 Če grem na zavihek Network kaj je zdaj to jasno. 182 00:08:39,429 --> 00:08:43,429 Bom še malo čez simbol tukaj in nato 183 00:08:43,429 --> 00:08:45,630 pojdite na drugo spletno stran. 184 00:08:45,630 --> 00:08:48,430 In grem s tipom na Facebook.com. 185 00:08:48,430 --> 00:08:51,940 Ne HTTP, ne HTTPS, ne WWW. 186 00:08:51,940 --> 00:08:53,850 Oglejmo dejansko videli, kaj se dogaja tukaj. 187 00:08:53,850 --> 00:08:55,030 >> Enter. 188 00:08:55,030 --> 00:08:58,480 Sedaj opazili cel kup stvari preprosto pojavil v tem talne plošče, na 189 00:08:58,480 --> 00:09:00,285 dodatek k spletni strani pojavljajo v vrhu. 190 00:09:00,285 --> 00:09:04,890 Grem, da se pomaknete nazaj v Zavihek Omrežje tukaj, in bom 191 00:09:04,890 --> 00:09:06,080 kliknite na prvo vrstico. 192 00:09:06,080 --> 00:09:10,580 Kaj to orodje bo razkrila nam je vsak od zahtevkov HTTP 193 00:09:10,580 --> 00:09:13,550 da hitro šel nazaj in nazaj med moje brskalnik 194 00:09:13,550 --> 00:09:14,930 in Facebook je strežnik. 195 00:09:14,930 --> 00:09:17,830 In tako vsak od teh vrstic predstavlja eno takšno zahtevo ali 196 00:09:17,830 --> 00:09:20,970 odziv, eno ali več tiste virtualne ovojnice. 197 00:09:20,970 --> 00:09:24,080 Ali več, mimogrede, je kot oseba, kot oseba, kupec na 198 00:09:24,080 --> 00:09:26,710 restavracija, prosi za nekaj znova in znova in znova. 199 00:09:26,710 --> 00:09:29,400 In natakar ohranja prinaša nazaj eno za drugo. 200 00:09:29,400 --> 00:09:33,850 >> Torej, zdaj, če zoom sem o tem obvestilo in to bo reč 201 00:09:33,850 --> 00:09:36,600 da ste dobrodošli in jih spodbujati igrati z na svoje, ker smo 202 00:09:36,600 --> 00:09:38,150 ne bo šel skozi vse zelo podrobno. 203 00:09:38,150 --> 00:09:40,070 Ampak obvestilo, da je Nekaj ​​pod zavihki tukaj - 204 00:09:40,070 --> 00:09:43,700 Glave, Preview, odzivnosti, Piškotki in čas. 205 00:09:43,700 --> 00:09:48,280 Grem pogledati na glave za zdaj, ker so malo 206 00:09:48,280 --> 00:09:53,600 sestavine znotraj ovoja tem pomagala priti do podatkov in od tam. 207 00:09:53,600 --> 00:09:57,590 >> Torej, najprej, kaj mi to kliknite, Pogled Vir zraven glave z zahtevo. 208 00:09:57,590 --> 00:10:01,910 Obstaja zahteva, da moj brskalnik, Krom, v tem primeru je poslal znotraj 209 00:10:01,910 --> 00:10:02,910 da virtualni ovojnici. 210 00:10:02,910 --> 00:10:04,800 Spomnite se prejšnji teden sem ročno, medtem ko je tipkal 211 00:10:04,800 --> 00:10:06,380 pretvarja, da je brskalnik. 212 00:10:06,380 --> 00:10:09,980 Potem je spomnil strežnik, da to išče gostitelja, imenovano 213 00:10:09,980 --> 00:10:10,835 Facebook.com. 214 00:10:10,835 --> 00:10:13,630 In potem je tukaj še malo bolj skrivnostno informacije, ki jih bomo pomahali 215 00:10:13,630 --> 00:10:14,830 Najine roke so za zdaj. 216 00:10:14,830 --> 00:10:18,640 >> Ampak, če začnem, da se pomaknete navzdol zdaj okno, mi priti do 217 00:10:18,640 --> 00:10:19,980 Glave odziva. 218 00:10:19,980 --> 00:10:23,270 To je bilo tisto, kar je v virtualnem ovojnica, ki se je vrnil iz 219 00:10:23,270 --> 00:10:24,095 Facebook.com. 220 00:10:24,095 --> 00:10:27,390 In če sem kliknite Ogled Vir pravkar videti surovo besedilo njej, 221 00:10:27,390 --> 00:10:28,400 opazili nekaj stvari. 222 00:10:28,400 --> 00:10:32,130 Ena, Facebook govori tudi enako protokol, različica 1.1 Sklepa. 223 00:10:32,130 --> 00:10:33,390 Torej, to je lepo. 224 00:10:33,390 --> 00:10:36,820 Ampak kode stanja 301, trajno premaknjena. 225 00:10:36,820 --> 00:10:38,880 >> No, kje za vraga je Facebook iti? 226 00:10:38,880 --> 00:10:40,430 Kaj se to poskuša prenesti k nam? 227 00:10:40,430 --> 00:10:44,310 No, opazil sem dol obstaja še en Glava se imenuje lokacijo. 228 00:10:44,310 --> 00:10:51,050 Torej, zakaj je Facebook mi je povedal, da so stalno preselil k temu URL 229 00:10:51,050 --> 00:10:53,580 poleg Location? 230 00:10:53,580 --> 00:10:54,962 Pozabil sem www. 231 00:10:54,962 --> 00:10:56,250 >> Tako da je bila moja izbira. 232 00:10:56,250 --> 00:11:00,450 V bistvu, večina od nas le redko, verjetno vnesite www.whatever.com v teh dneh. 233 00:11:00,450 --> 00:11:03,390 Vendar se izkaže, skrbnik sistema, kot je Facebook, lahko 234 00:11:03,390 --> 00:11:06,800 konfigurirajo svoje strežnike tako da bodisi Facebook.com deluje, ali 235 00:11:06,800 --> 00:11:12,450 www.Facebook.com deluje, ali res, vsaka taka predpona pred njihovimi 236 00:11:12,450 --> 00:11:13,210 domena. 237 00:11:13,210 --> 00:11:14,500 Torej, kar so naredili, da je za nami. 238 00:11:14,500 --> 00:11:16,910 In oni so nas preusmerjajo, verjetno za nekatere tehnične, 239 00:11:16,910 --> 00:11:18,100 nekatere tržne razlogov. 240 00:11:18,100 --> 00:11:21,570 Oni hočejo, da canonicalize na www.Facebook.com. 241 00:11:21,570 --> 00:11:24,040 >> Ampak to še ni čisto to. 242 00:11:24,040 --> 00:11:28,560 Če sem se pomaknite navzdol tukaj, dajmo glej kaj se zgodi. 243 00:11:28,560 --> 00:11:30,810 To se mi, da smo povedali za stalno preselila na 244 00:11:30,810 --> 00:11:33,450 http://www.Facebook.com. 245 00:11:33,450 --> 00:11:36,620 Tako da je pogled na drugo zahtevo da je moj brskalnik pošlje. 246 00:11:36,620 --> 00:11:40,070 Na žalost zgleda Facebooku je spet premakne zaradi drugega 247 00:11:40,070 --> 00:11:44,420 Zahtevek, ki ga namesto, da izberete URL pravi, da je tudi preselil 248 00:11:44,420 --> 00:11:45,010 trajno. 249 00:11:45,010 --> 00:11:48,140 In naj se pomaknite tukaj z glavami odzivanja. 250 00:11:48,140 --> 00:11:51,530 Če je Facebook izginil? 251 00:11:51,530 --> 00:11:52,680 >> Torej HTTPS. 252 00:11:52,680 --> 00:11:56,130 Torej, zdaj je Facebook začelo, še posebej v luči trenutne 253 00:11:56,130 --> 00:11:59,750 dogodki v zadnjih mesecih, zlasti in tudi v zadnjih nekaj letih 254 00:11:59,750 --> 00:12:03,670 prisiliti vse svoje uporabnike, v dobro tako, da uporabi HTTPS, ki je bolj 255 00:12:03,670 --> 00:12:06,210 zagotovitev, čeprav ni povsem varna. 256 00:12:06,210 --> 00:12:10,000 In tako zdaj mojo stran, moje brskalnik dogaja, da zahteva ta tretji naslov. 257 00:12:10,000 --> 00:12:14,710 In zdaj, končno, dobimo sicer nevidno 200 OK. 258 00:12:14,710 --> 00:12:18,830 >> Torej, kaj se v svetu ali v celoti ti drugi vrstice tukaj. 259 00:12:18,830 --> 00:12:22,630 Dobesedno sem tipkal eno stvar, in moja Brskalnik se zdi, da so zahtevali, kot 260 00:12:22,630 --> 00:12:23,840 20 neki čuden stvari. 261 00:12:23,840 --> 00:12:24,640 Kaj je to? 262 00:12:24,640 --> 00:12:25,810 >> PUBLIKA: scenarij? 263 00:12:25,810 --> 00:12:28,460 >> SPEAKER 1: skripte, tako da druge datoteke napisana v jeziku, ki se imenuje 264 00:12:28,460 --> 00:12:30,780 JavaScript, ki je, še enkrat, bomo glej malo v sredo. 265 00:12:30,780 --> 00:12:32,760 Kaj še? 266 00:12:32,760 --> 00:12:33,390 Slogov. 267 00:12:33,390 --> 00:12:36,350 Torej nekaj, kar v jeziku, ki se imenuje CSS, kar bomo videli v bit. 268 00:12:36,350 --> 00:12:40,690 Gif in jpeg in PNGs in slik, in filmske datoteke - ne glede na spletno stran 269 00:12:40,690 --> 00:12:43,280 je najverjetneje v oblika datoteke. 270 00:12:43,280 --> 00:12:46,750 Pa kaj smo videli na levo stran pa je vse datoteke 271 00:12:46,750 --> 00:12:50,280 da je Chrome za prenos, rekurzivno, če se bo, da se 272 00:12:50,280 --> 00:12:52,430 sestaviti celoto strani. 273 00:12:52,430 --> 00:12:56,210 >> Torej, kaj smo videli pred nekaj trenutki z Googlom če sem kliknite na Elements 274 00:12:56,210 --> 00:13:00,470 Kartica je to, da je HTML, jezik, ki komponira to stran. 275 00:13:00,470 --> 00:13:01,890 Ampak tam je šopki drugim. 276 00:13:01,890 --> 00:13:02,640 Tam je logotip. 277 00:13:02,640 --> 00:13:04,680 Tam je tisti modro-ish Ikone so tam. 278 00:13:04,680 --> 00:13:07,610 In tam je drugi elementi še vedno na stran, da bi tudi sami 279 00:13:07,610 --> 00:13:08,610 ločene datoteke. 280 00:13:08,610 --> 00:13:11,860 >> Torej, kaj je lepo o brskalnika je, da je videti na jeziku gremo 281 00:13:11,860 --> 00:13:14,690 , da začnete pisati, ali ste že začel pisati v P set 7, številke 282 00:13:14,690 --> 00:13:17,970 tam, kjer živijo te datoteke, in gre in jih zgrabi, kot dobro. 283 00:13:17,970 --> 00:13:21,010 In ne morem dovolj poudariti, čeprav čeprav bi nekaj tega potem malo 284 00:13:21,010 --> 00:13:24,820 Skrivnosten ali prepričljivo na prvi pogled, učenje, kako programirati 285 00:13:24,820 --> 00:13:28,500 aplikacije za splet, je neprecenljivo razumeti, kako ti 286 00:13:28,500 --> 00:13:29,410 malo orodja delujejo. 287 00:13:29,410 --> 00:13:33,830 To so nekako kot GDB, kot so orodja, vendar veliko preprostejše, končno, za uporabo - 288 00:13:33,830 --> 00:13:37,690 in res vam daje oči v kaj smo bili pri tem za samoumevno, za 289 00:13:37,690 --> 00:13:39,170 kar nekaj časa sedaj. 290 00:13:39,170 --> 00:13:42,270 >> Torej, kaj lahko sedaj storite s te informacije? 291 00:13:42,270 --> 00:13:44,875 No, kaj je dejansko si oglejte koncepti temeljijo HTML. 292 00:13:44,875 --> 00:13:49,025 In bomo odložili, kot smo že, da odseki ta teden, do problema 293 00:13:49,025 --> 00:13:53,260 nastavite 7 specifikacijo, na nekatere bolj podatki iz teh jezikih. 294 00:13:53,260 --> 00:13:57,020 Ampak poglejmo, če ne moremo barve sliko o tem, kaj je treba razumeti 295 00:13:57,020 --> 00:13:57,940 Splošni tukaj. 296 00:13:57,940 --> 00:14:02,280 >> Torej, HTML, HyperText Markup Language, ni programski jezik. 297 00:14:02,280 --> 00:14:03,520 Kaj to v resnici pomeni? 298 00:14:03,520 --> 00:14:05,690 Torej HTML videti takole. 299 00:14:05,690 --> 00:14:06,810 In nekateri od vas to že veste. 300 00:14:06,810 --> 00:14:08,130 Nekateri izmed vas ste počeli ta za nekaj časa. 301 00:14:08,130 --> 00:14:10,270 Ampak poglejmo, če ne moremo zapolniti V nekaterih polizdelkov kot tudi. 302 00:14:10,270 --> 00:14:11,760 Torej, opazil nekaj stvari tukaj. 303 00:14:11,760 --> 00:14:13,030 Ena, to je samo besedilo. 304 00:14:13,030 --> 00:14:15,960 Torej, to je tako kot izvorne kode v C, ali kakšen drug jezik. 305 00:14:15,960 --> 00:14:17,750 >> Opazili, da se zdi da je vzorec tukaj. 306 00:14:17,750 --> 00:14:20,870 Tam je zamik, vendar tehnično zamik je samo človek 307 00:14:20,870 --> 00:14:21,205 konvencije. 308 00:14:21,205 --> 00:14:24,980 Brskalniki A ne skrbi, če je novega linije in zavihki radi vidimo tam. 309 00:14:24,980 --> 00:14:27,410 Ampak obvestilo, da obstaja simetrije tukaj. 310 00:14:27,410 --> 00:14:31,180 Tukaj je tisto, kar bom poklical na vrhu ta datoteka, odprt tag ali začetek 311 00:14:31,180 --> 00:14:33,030 tag, ki se imenuje HTML. 312 00:14:33,030 --> 00:14:36,800 In potem, spodaj, popolnoma podložen navzgor, podobno kot smo storili z zavitimi oklepaji, 313 00:14:36,800 --> 00:14:40,910 vidimo oklepaj, naprej slash, HTML, zaklepaj. 314 00:14:40,910 --> 00:14:44,610 Tako, da je ustrezno blizu tag, ali končni tag za to stvar. 315 00:14:44,610 --> 00:14:47,990 >> Skupaj, vse znotraj tako imenovani odprti tag in blizu tag 316 00:14:47,990 --> 00:14:50,440 sestavite kaj bomo klic element. 317 00:14:50,440 --> 00:14:53,910 In bomo videli, v samo nekaj trenutkov, saj je Res mi je všeč vozlišče v drevesih. 318 00:14:53,910 --> 00:14:57,470 Ker če pomislite zdaj nazobčanost, ki je tu pomenilo, da 319 00:14:57,470 --> 00:15:00,780 nekako imajo radi, stari starši vozlišče se imenuje HTML. 320 00:15:00,780 --> 00:15:06,870 Koliko otrok bi lahko rekli, temelji na tej sliki, HTML element ima? 321 00:15:06,870 --> 00:15:07,720 >> Torej verjetno dva. 322 00:15:07,720 --> 00:15:10,240 Ena je glava element, očitno. 323 00:15:10,240 --> 00:15:11,710 In eden je telo element. 324 00:15:11,710 --> 00:15:12,555 In zakaj dva otroka? 325 00:15:12,555 --> 00:15:15,840 No, jaz sem nekako sklepala, da če Imam odprto glavo oznako in nato 326 00:15:15,840 --> 00:15:17,820 blizu glave tag, da je element. 327 00:15:17,820 --> 00:15:21,200 In potem, če obstaja še druga odprta karoserija tag in tesno telo tag, ki je kot 328 00:15:21,200 --> 00:15:22,340 še en element. 329 00:15:22,340 --> 00:15:26,000 Torej, v tem smislu, da če sem nekako vrtenje slika na svoji strani, to 330 00:15:26,000 --> 00:15:29,910 kot z oznako HTML, nato Glava tag in nato telo tag in 331 00:15:29,910 --> 00:15:34,290 potem pa nekaj besedila, zdravo svet, binglja off telesa samega oznako. 332 00:15:34,290 --> 00:15:36,620 >> Tako smo lahko narišem, da lahko videti takole. 333 00:15:36,620 --> 00:15:38,020 Oblike so samovoljno. 334 00:15:38,020 --> 00:15:40,870 Ampak obvestilo, da sem uporabljal tudi nekakšno elipse na vrhu za zastopanje 335 00:15:40,870 --> 00:15:41,860 sam dokument. 336 00:15:41,860 --> 00:15:45,980 Izkazalo se je, ne more biti druge stvari znotraj spletne strani, ki sem jih ni 337 00:15:45,980 --> 00:15:46,940 sestavljen tukaj. 338 00:15:46,940 --> 00:15:50,800 Torej bomo še visi HTML vozlišče off tako imenovane vozlišča dokumenta. 339 00:15:50,800 --> 00:15:53,730 In potem imamo glavo in Telo in naslov, obvestilo, 340 00:15:53,730 --> 00:15:55,360 , ki je še gnezdijo. 341 00:15:55,360 --> 00:15:58,650 Nisem trudim dajanje dodatnih linijo prelomi znotraj naslovne oznake. 342 00:15:58,650 --> 00:16:02,710 Je samo zdelo, kot da je že Malo preveč zgovorni. 343 00:16:02,710 --> 00:16:07,000 Zato sem jo pustil v eni vrstici tam, z odprta naslov, zdravo svet, blizu naslova. 344 00:16:07,000 --> 00:16:09,380 In potem imamo nekaj besedila binglja off tukaj. 345 00:16:09,380 --> 00:16:12,200 >> Tako da bo ta slika vrnili nam, ko smo se potopite v JavaScriptu. 346 00:16:12,200 --> 00:16:15,110 In razumevanje, da ko pisati HTML, kot je ta, kaj 347 00:16:15,110 --> 00:16:16,250 je brskalnik delaš? 348 00:16:16,250 --> 00:16:19,290 No, mi ne bi bilo treba skrbeti, kako se to počne, ali s kakšnimi 349 00:16:19,290 --> 00:16:23,090 Algoritem, vendar ob koncu dneva ko prejme brskalnik HTML, kot so 350 00:16:23,090 --> 00:16:27,510 da od Facebook ali Google, razčleni to, da se tako izrazim, ga prebere, 351 00:16:27,510 --> 00:16:31,160 z nekaj podobnega fread, top, da spodaj, levo in desno, in kot je 352 00:16:31,160 --> 00:16:36,300 se zaveda, oh, odprto oznako, in zaprite tag, se začne funkcije malloc, tako rekoč, 353 00:16:36,300 --> 00:16:37,800 vozlišče v drevesu. 354 00:16:37,800 --> 00:16:41,130 In ko naleti, kot smo implicitno tukaj z vdolbino, 355 00:16:41,130 --> 00:16:45,400 otrok vozlišče, da mallocs vozlišče za to in priloži, da drevesa. 356 00:16:45,400 --> 00:16:49,150 >> Torej, drevo strukture, binarni drevesa, trikomponentnih dreves in večja drevesa, ki 357 00:16:49,150 --> 00:16:53,380 smo pogledal na teden ali dva nazaj, obvestilo to je isto načelo 358 00:16:53,380 --> 00:16:54,220 vračali k nam. 359 00:16:54,220 --> 00:16:57,590 In kdor izvaja, Chrome karkoli Ekipa je to naredil, verjetno imela 360 00:16:57,590 --> 00:17:00,800 izvajati nekakšno drevesni strukturi Pod pokrovom. 361 00:17:00,800 --> 00:17:05,329 In da je sama verjetno v jezik kot C ali C + + ali nižji 362 00:17:05,329 --> 00:17:08,540 ravni jezika, da bomo zdaj uporabljajo vrhu spletu. 363 00:17:08,540 --> 00:17:11,200 >> Torej sedaj, morda, bo to bolj smiselno. 364 00:17:11,200 --> 00:17:15,420 Dejanska tattoo od nekega tipa, ki bi lahko žal sčasoma vrste. 365 00:17:15,420 --> 00:17:17,359 OK, v redu, tako da veliko spletnih humor. 366 00:17:17,359 --> 00:17:18,599 To ni res dogaja več tako dobro danes. 367 00:17:18,599 --> 00:17:19,560 Torej bomo naprej. 368 00:17:19,560 --> 00:17:20,180 Vse je v redu. 369 00:17:20,180 --> 00:17:22,760 >> Torej, vzemimo si zdaj si nekaj primerov. 370 00:17:22,760 --> 00:17:24,660 Najpreprostejša možna kar bi bil ta. 371 00:17:24,660 --> 00:17:29,170 Jaz grem naprej in odprla v gedit datoteko z imenom hello.php. 372 00:17:29,170 --> 00:17:31,730 373 00:17:31,730 --> 00:17:36,330 In v notranjosti od tu, bom hitro samo to, printf, citiram 374 00:17:36,330 --> 00:17:38,590 konec citata, "zdravo svet". 375 00:17:38,590 --> 00:17:42,460 >> Tako obvestilo, in bom naredil moj poševnico nazaj n, Sem ne moti, da se ugotovi, glavni. 376 00:17:42,460 --> 00:17:45,310 Izkazalo se je, v PHP, in veliko jeziki, ki jih ne potrebujete glavno 377 00:17:45,310 --> 00:17:46,090 Funkcija po sebi. 378 00:17:46,090 --> 00:17:47,720 Lahko samo začnete pisati vaš program. 379 00:17:47,720 --> 00:17:51,210 Zdaj, ko sem shranite to datoteko, opazil sem bodo morali storiti naslednje. 380 00:17:51,210 --> 00:17:55,360 Ne bom uporabila bo, jaz pa ne boste uporabljali Jek ker PHP, za razliko od 381 00:17:55,360 --> 00:17:57,400 C, ni sestavljen jezik. 382 00:17:57,400 --> 00:18:01,400 To je tisto, kar se imenuje razlagati jezik, kar pomeni, da ga boste pognali 383 00:18:01,400 --> 00:18:04,650 kot vhod skozi drugega programa imenuje tolmača. 384 00:18:04,650 --> 00:18:08,150 In ta program to bere, od zgoraj spodaj, levo in desno, in ne 385 00:18:08,150 --> 00:18:09,290 karkoli je povedal, da ne. 386 00:18:09,290 --> 00:18:12,920 >> Torej v tem primeru, ki sem jih tu ena vrstica, ki pravi printf. 387 00:18:12,920 --> 00:18:17,990 Torej, ko sem teči ta izvorno kodo, hello.php, čeprav je program, ki 388 00:18:17,990 --> 00:18:22,830 zgodi, prikladno, da se imenuje PHP, ta program PHP se dogaja, da se glasi 389 00:18:22,830 --> 00:18:26,120 ta datoteka, od zgoraj navzdol, od leve proti desni, in da se bo to, kar sem 390 00:18:26,120 --> 00:18:30,110 je povedal, da ne - izvajanje kode, in če ne prepozna nekaj, samo 391 00:18:30,110 --> 00:18:31,320 jo izpljunil. 392 00:18:31,320 --> 00:18:34,940 Tako da sem šel naprej in teči PHP na hello.php. 393 00:18:34,940 --> 00:18:37,110 Enter. 394 00:18:37,110 --> 00:18:39,690 >> In to ni ravno to, kar sem nameraval. 395 00:18:39,690 --> 00:18:40,530 No, zakaj je to? 396 00:18:40,530 --> 00:18:43,910 No, PHP je jezik, ki je dejansko zasnovan dokaj 397 00:18:43,910 --> 00:18:46,150 prepleta s spleta. 398 00:18:46,150 --> 00:18:50,460 Pri izdelavi spletnih strani s tem jeziku PHP, kot bomo kmalu videli, da bomo 399 00:18:50,460 --> 00:18:54,560 želijo narediti nekaj podobnega tisk izhodnih linij, kot je ta. 400 00:18:54,560 --> 00:18:55,940 >> Torej bom to naredil. 401 00:18:55,940 --> 00:19:00,810 Oklepaj, vprašaj, PHP in Zdaj grem alinei samo, da 402 00:19:00,810 --> 00:19:01,960 stvari lepo. 403 00:19:01,960 --> 00:19:04,910 In zdaj bom naredil vprašanje označite tesno nosilec. 404 00:19:04,910 --> 00:19:06,270 Torej je malo asimetrije tukaj. 405 00:19:06,270 --> 00:19:07,490 Vi ne počni tega. 406 00:19:07,490 --> 00:19:10,530 In ne boste storili, poševnica, tako PHP je malo drugačna. 407 00:19:10,530 --> 00:19:14,610 >> Ampak zdaj, če sem ponovitev tega programa, PHP hello.php, zdaj sem 408 00:19:14,610 --> 00:19:16,090 dejansko dobili Hello World. 409 00:19:16,090 --> 00:19:17,750 In bomo videli, zakaj je to pomembno. 410 00:19:17,750 --> 00:19:20,960 Ena, mi omogoča, da določite, zelo jasno, da je to 411 00:19:20,960 --> 00:19:22,480 koda, izvedbo tega. 412 00:19:22,480 --> 00:19:25,480 In da je dejansko tisto, kar ti posebne oznake pomenijo tukaj. 413 00:19:25,480 --> 00:19:30,330 >> Ampak to tudi pomeni, da če sem naredil nekaj takega sem cilj tukaj, da 414 00:19:30,330 --> 00:19:34,000 pomeni, da dobesedno, da bo le se natisne brez potrebe po 415 00:19:34,000 --> 00:19:36,850 dejansko klic printf ali tiskanje, ali podobno funkcijo. 416 00:19:36,850 --> 00:19:39,445 Tako da se bomo vrnili na to čez nekaj trenutkov. 417 00:19:39,445 --> 00:19:40,470 >> Najprej, kaj je to. 418 00:19:40,470 --> 00:19:43,950 Notranjost aparata, smo Imenik pozval Vhosts za virtualno 419 00:19:43,950 --> 00:19:47,000 Gostitelji, poševnica lokalnega gostitelja, poševnica javnosti. 420 00:19:47,000 --> 00:19:50,240 Tako da je malce verbose, vendar pa je dolga zgodba Skratka, aparat ni zasnovana 421 00:19:50,240 --> 00:19:53,770 samo za podporo C. Prav tako je zasnovan za podporo PHP. 422 00:19:53,770 --> 00:19:57,440 Ampak to je zasnovana tako, da je spletna strežnik in podatkovni strežnik. 423 00:19:57,440 --> 00:20:00,230 In je bilo načrtovano, in resnično nastavljen, se spominja koli 424 00:20:00,230 --> 00:20:04,230 komercialno spletno gostovanje podjetje, ki boste morda plačati $ 5 a mesec, 425 00:20:04,230 --> 00:20:05,040 100 dolarjev na mesec za. 426 00:20:05,040 --> 00:20:08,200 Ne glede storitev, to je nastavljen da je zelo podoben 427 00:20:08,200 --> 00:20:10,170 realnem svetu strežnik proizvodnje. 428 00:20:10,170 --> 00:20:13,485 >> In kaj to pomeni, da deluje na Aparat je web strežniške programske opreme. 429 00:20:13,485 --> 00:20:15,060 To se zgodi, da se imenuje Apache. 430 00:20:15,060 --> 00:20:17,790 To je samo brezplačno, in open source, in zelo priljubljena. 431 00:20:17,790 --> 00:20:23,260 In smo nastavljen Apache vedeti da če obiščete določeno URL, s 432 00:20:23,260 --> 00:20:28,060 Chrome ali kateri koli brskalnik notranjost aparat, pogledati v ta imenik 433 00:20:28,060 --> 00:20:31,030 za datoteke, ki uporabnik zahteva. 434 00:20:31,030 --> 00:20:32,790 >> Z drugimi besedami, naj me gredo naprej in to. 435 00:20:32,790 --> 00:20:36,890 Znotraj mojega javnega imenika, grem da gredo naprej in ustvariti datoteko 436 00:20:36,890 --> 00:20:39,580 imenuje index.html. 437 00:20:39,580 --> 00:20:41,000 To mi daje jeziček tukaj. 438 00:20:41,000 --> 00:20:44,210 In jaz grem zelo hitro in gredo naprej in poka ven 439 00:20:44,210 --> 00:20:45,010 ta program tukaj. 440 00:20:45,010 --> 00:20:48,410 DOCTYPE HTML, ki za zdaj, samo Predvidevam, da ste s tipom. 441 00:20:48,410 --> 00:20:53,490 To je samo skrivnostno oznako, ki je ni Resnično HTML tag, ki določa, da 442 00:20:53,490 --> 00:20:55,050 tukaj prihaja nekaj HTML. 443 00:20:55,050 --> 00:20:57,400 >> Jaz grem naprej in znova kar smo videli pred nekaj trenutki. 444 00:20:57,400 --> 00:20:58,650 Tukaj je glava strani. 445 00:20:58,650 --> 00:21:01,170 V notranjosti glave je - 446 00:21:01,170 --> 00:21:01,890 tako naslov. 447 00:21:01,890 --> 00:21:04,340 Torej bomo pozdravit, svet. 448 00:21:04,340 --> 00:21:06,570 In potem tukaj je telo tag. 449 00:21:06,570 --> 00:21:08,580 Dovolite mi, da zaprete telesa oznako. 450 00:21:08,580 --> 00:21:12,280 In potem je tukaj bom tudi rekel, samo za jasnost, zdravo svet. 451 00:21:12,280 --> 00:21:14,770 >> Torej, to je verjetno, najpreprostejši mogoče spletna stran, ki jo 452 00:21:14,770 --> 00:21:15,770 lahko, da je veljavna. 453 00:21:15,770 --> 00:21:17,030 To je sintaktično veljavna. 454 00:21:17,030 --> 00:21:18,620 Vse kar se je odprla je zaprta. 455 00:21:18,620 --> 00:21:20,910 Vse, kar je lepo v oblikovani in zamaknjena. 456 00:21:20,910 --> 00:21:23,600 Torej, da vidimo zdaj, kako sem Lahko dostop do te datoteke. 457 00:21:23,600 --> 00:21:25,540 >> No, naj gredo v Chrome tukaj. 458 00:21:25,540 --> 00:21:35,050 In pusti me, da http://localhost/index.html. 459 00:21:35,050 --> 00:21:36,200 Torej, kaj je lokalni gostitelj? 460 00:21:36,200 --> 00:21:39,400 No, večina katerega koli računalnika na svetu, Linux, Mac OS, Windows, ima vzdevek 461 00:21:39,400 --> 00:21:40,680 imenuje lokalnega gostitelja. 462 00:21:40,680 --> 00:21:42,900 Torej, če si kdaj želeli govoriti na svojem računalniku - 463 00:21:42,900 --> 00:21:45,140 čeprav je, čudno refleksno - 464 00:21:45,140 --> 00:21:47,080 sami lokalni gostitelj pokličite. 465 00:21:47,080 --> 00:21:50,390 Ni važno, kaj vaš dejanski računalnik pozval, naj gre Davidov MacBook 466 00:21:50,390 --> 00:21:52,490 Zrak, ali kaj več verbose tako. 467 00:21:52,490 --> 00:21:57,760 >> Torej ta URL je očitno šlo za uporabo HTTP govoriti z lokalnega gostitelja, 468 00:21:57,760 --> 00:22:00,800 Enako računalnik, aparata in to se dogaja, da zaprosijo za, vzemite 469 00:22:00,800 --> 00:22:02,570 ugibati, kakšna slika? 470 00:22:02,570 --> 00:22:04,460 Index.html. 471 00:22:04,460 --> 00:22:08,650 Torej je aparat nastavljen na vnaprej vedeti, da če jaz vprašam 472 00:22:08,650 --> 00:22:13,460 nekaj podobnega index.html, poiščite v mapo imenovano Vhosts, v 473 00:22:13,460 --> 00:22:17,950 mapa localhost, v mapi v njej se imenuje javni. 474 00:22:17,950 --> 00:22:20,400 To je, če vse moje javnosti Datoteke se bodo. 475 00:22:20,400 --> 00:22:22,610 Tako da sem zdaj dogaja, da pritisnite tipko Enter. 476 00:22:22,610 --> 00:22:27,100 >> In prekleto, je, da je prepovedana Sporočilo, sicer znan kot 403., je 477 00:22:27,100 --> 00:22:28,490 številčne kode za to. 478 00:22:28,490 --> 00:22:30,130 Torej, kaj je tukaj narobe? 479 00:22:30,130 --> 00:22:33,210 No, to ni dovolj, da samo čaka Datoteka znotraj mojega mapo. 480 00:22:33,210 --> 00:22:35,790 Moram dejansko storiti naslednje. 481 00:22:35,790 --> 00:22:40,210 >> Naj grem v mojo Vhosts imenik, v localhost, v javnosti, in naj 482 00:22:40,210 --> 00:22:41,680 me ne ls dash l. 483 00:22:41,680 --> 00:22:44,510 In tu je še nekaj drugih stvari tukaj za današnje namene. 484 00:22:44,510 --> 00:22:50,540 Ampak obvestilo, na levi strani, zraven na index.html, vidimo samo eno RW. 485 00:22:50,540 --> 00:22:53,560 In v preteklosti, kar RW je stal? 486 00:22:53,560 --> 00:22:54,240 >> Samo brati ali pisati. 487 00:22:54,240 --> 00:22:58,000 Dejstvo, da je pravi rw na levi pomeni I, lastnik te datoteke, lahko 488 00:22:58,000 --> 00:22:59,020 brati ali pisati to. 489 00:22:59,020 --> 00:23:05,010 Ampak moram pustiti vsi ljudje v svetovno to prebral, čeprav ne pisati. 490 00:23:05,010 --> 00:23:09,650 Tako da bom za spremembo načina Datoteka, chmod, vse skupaj r, da 491 00:23:09,650 --> 00:23:13,910 vsi prebrali dovoljenje za datoteka z imenom index.html. 492 00:23:13,910 --> 00:23:18,040 >> In če sem zdaj Ponovite ls dash l, obvestilo da, tukaj, nekaj več 493 00:23:18,040 --> 00:23:19,160 R je izstrelil. 494 00:23:19,160 --> 00:23:21,090 In za zdaj, spec gre bolj v podrobnosti. 495 00:23:21,090 --> 00:23:24,450 Za P set 7, to samo pomeni vse Zdaj lahko preberete to datoteko. 496 00:23:24,450 --> 00:23:27,790 Če grem nazaj v svoj brskalnik sedaj in osvežite, voila. 497 00:23:27,790 --> 00:23:28,750 Zdravo svet. 498 00:23:28,750 --> 00:23:32,260 >> In sem lahko celo odprem Chrome orodja in glej, ravno tako kot z Googlom in 499 00:23:32,260 --> 00:23:34,590 Facebook, da je moja HTML, formatiran malo 500 00:23:34,590 --> 00:23:35,930 drugače in colorized. 501 00:23:35,930 --> 00:23:40,450 Če grem na kartici omrežja in osvežite Stran, opazite, da je dobil 502 00:23:40,450 --> 00:23:42,900 zahteva, da se Chrome pošilja na aparat. 503 00:23:42,900 --> 00:23:46,020 Tam je 200 za to Zlasti datoteke. 504 00:23:46,020 --> 00:23:49,340 Torej na kratko, to je, kako vsi ti Različni kosi prihajajo skupaj. 505 00:23:49,340 --> 00:23:53,530 Samo tako se zgodi, da spletni strežnik smo z uporabo zdaj ni majhna, 506 00:23:53,530 --> 00:23:54,210 kot na primer Facebook. 507 00:23:54,210 --> 00:23:58,330 To je dobesedno na istem računalniku, kar je popolnoma v redu. 508 00:23:58,330 --> 00:24:00,590 >> Torej, kaj več lahko naredimo na spletni strani? 509 00:24:00,590 --> 00:24:03,110 No, samo, kaj je vetrič skozi Nekaj ​​od teh stvari. 510 00:24:03,110 --> 00:24:07,860 Ampak naj gredo naprej in ponovno Gedit z index.html. 511 00:24:07,860 --> 00:24:13,980 In mi pojdi pozdravit CS50, shranite to datoteko, pojdite nazaj 512 00:24:13,980 --> 00:24:16,260 brskalnik, res underwhelming spremembe. 513 00:24:16,260 --> 00:24:19,130 >> Kaj pa, če želimo dejansko povezati z nečim zdaj? 514 00:24:19,130 --> 00:24:23,480 Tako se izkaže, da imamo lahko povezave v HTML, ki so samo oznake 515 00:24:23,480 --> 00:24:24,140 sami. 516 00:24:24,140 --> 00:24:27,320 To se zgodi, da se imenuje sidro tag. href enaka 517 00:24:27,320 --> 00:24:33,190 https://www.cs50.net, www.cs50.net zapri citiram, zaklepaj. 518 00:24:33,190 --> 00:24:35,230 In zdaj poglejmo, kaj pa prihaja naslednji. 519 00:24:35,230 --> 00:24:36,500 >> Odprla sem oznako. 520 00:24:36,500 --> 00:24:38,990 Zdaj moramo dati to Stavek kot CS50. 521 00:24:38,990 --> 00:24:40,600 Dovolite mi, da zaprete oznako. 522 00:24:40,600 --> 00:24:42,010 In opazil nekaj stvari. 523 00:24:42,010 --> 00:24:45,270 Čeprav je ta skrivnosten stvar tu sem ga ne ponovi, ko 524 00:24:45,270 --> 00:24:46,010 zaprite oznako. 525 00:24:46,010 --> 00:24:48,230 Pravkar ste blizu oznako samo s svojim imenom. 526 00:24:48,230 --> 00:24:50,940 In to je tisto, kar je znano kot atribut z vrednostjo. 527 00:24:50,940 --> 00:24:56,070 Atributi samo spremeniti vedenje neke oznako notranjost strani. 528 00:24:56,070 --> 00:24:59,150 >> Torej je ta določa, da hiper referenca, fancy način rekel, 529 00:24:59,150 --> 00:25:03,660 URL za ta sidra, za to Povezava mora biti CS50.net. 530 00:25:03,660 --> 00:25:07,440 In besedilo, ki ga želimo prikazati Uporabnik ni, da je surova URL, temveč 531 00:25:07,440 --> 00:25:08,730 Beseda CS50. 532 00:25:08,730 --> 00:25:13,710 >> Torej, če sedaj sem ponovno naložiti, naj povečaj za jasnost, dovolite mi, osvežite stran, 533 00:25:13,710 --> 00:25:16,460 opazili, da imamo to staro šolo modro poudaril link. 534 00:25:16,460 --> 00:25:20,000 In če sem hover nad njim, in to se dogaja da je težko glej spodaj levo 535 00:25:20,000 --> 00:25:23,690 kotu zaslona, ​​da vidite da je pravi naslov URL, na katerega 536 00:25:23,690 --> 00:25:24,430 Jaz grem. 537 00:25:24,430 --> 00:25:27,940 In če sem kliknite tukaj, voila, Zdaj delam spletne strani. 538 00:25:27,940 --> 00:25:30,140 In sva pripeljala sebe na domačo stran. 539 00:25:30,140 --> 00:25:32,670 >> Ampak opažati potencial To nam ponuja. 540 00:25:32,670 --> 00:25:34,890 Varnost je zelo v modi v teh dneh. 541 00:25:34,890 --> 00:25:41,210 Kaj če bi namesto reči nekaj podobnega to, in sem šel namesto, recimo, dajmo 542 00:25:41,210 --> 00:25:42,460 glej, fakeCS50.net. 543 00:25:42,460 --> 00:25:44,660 544 00:25:44,660 --> 00:25:46,360 Osveži to stran. 545 00:25:46,360 --> 00:25:50,180 >> OK, torej opazite, da še vedno izgleda kot da sem bo CS50, razen bistroumno očesom 546 00:25:50,180 --> 00:25:51,560 boste opazili, da bom ponaredek CS50. 547 00:25:51,560 --> 00:25:54,550 Ugibam, da to področje ni sprejeta. 548 00:25:54,550 --> 00:25:55,960 OK, tako da to ni na voljo. 549 00:25:55,960 --> 00:25:56,600 Torej, to je dobro. 550 00:25:56,600 --> 00:25:57,900 Nihče dejansko ima to domeno. 551 00:25:57,900 --> 00:26:00,380 >> Ampak bodimo malo bolj zlonamerno ker to je nekako neumno. 552 00:26:00,380 --> 00:26:02,240 Kaj, če bi spremenili to, da Paypal. 553 00:26:02,240 --> 00:26:09,960 In kaj, če pravimo, recimo, www.paypal.badguy.com, 554 00:26:09,960 --> 00:26:12,070 karkoli domena. 555 00:26:12,070 --> 00:26:13,700 Da verjetno obstaja. 556 00:26:13,700 --> 00:26:16,260 Torej, zdaj mi osvežite stran. 557 00:26:16,260 --> 00:26:22,890 In tukaj imamo neke vrste phishing napad, P-H-I-S-H-I-N-G, ki je 558 00:26:22,890 --> 00:26:26,760 neumno dana beseda za napad, skuša informacij rib ali, bolje 559 00:26:26,760 --> 00:26:30,450 še, denar od ljudi, ki jih tricking jim v zagotavljanju informacij, ki 560 00:26:30,450 --> 00:26:31,990 jih sicer morda ne bi naredil. 561 00:26:31,990 --> 00:26:33,500 To izgleda povsem legalno, kajne? 562 00:26:33,500 --> 00:26:34,930 Moram imeti povezavo tukaj za Paypal.com. 563 00:26:34,930 --> 00:26:37,700 564 00:26:37,700 --> 00:26:40,430 V poštenost, če sem sexed ga z nekaj grafike, lahko bi bilo videti 565 00:26:40,430 --> 00:26:41,310 več kot PayPal. 566 00:26:41,310 --> 00:26:41,510 Kajne? 567 00:26:41,510 --> 00:26:43,815 Ker sem lahko, tako kot prahi, Jaz bi šel na Paypal.com. 568 00:26:43,815 --> 00:26:47,110 In pravkar smo videli, kako sem lahko videti vse njihove HTML. 569 00:26:47,110 --> 00:26:50,560 Jaz bi samo to kopirati in ponovno Estetika Paypala in ne gredo 570 00:26:50,560 --> 00:26:51,490 stara šola tukaj. 571 00:26:51,490 --> 00:26:55,010 Ampak obvestilo, seveda, in to je malo mali še vedno le na dnu 572 00:26:55,010 --> 00:26:59,190 levem kotu v kot 10 točke pisave, vidiš, kaj URL ste 573 00:26:59,190 --> 00:27:01,310 dejansko dogaja, da se pripeljalo. 574 00:27:01,310 --> 00:27:06,580 >> In tako, če ste kdaj gotten spam rekoč pojdi naprej, in ste račun 575 00:27:06,580 --> 00:27:07,420 je bila ogrožena. 576 00:27:07,420 --> 00:27:10,615 Prosimo, kliknite na to povezavo in nam sporočite geslo, da bomo lahko zagotovili, da si 577 00:27:10,615 --> 00:27:13,010 vi, nikoli ne delaj tega. 578 00:27:13,010 --> 00:27:14,180 Te stvari bi bilo samoumevno. 579 00:27:14,180 --> 00:27:17,670 Ampak to je čudovito zabaven in Tragično, kako vsako leto to zdi 580 00:27:17,670 --> 00:27:19,660 zgodi, da nekateri niso nič število ljudi. 581 00:27:19,660 --> 00:27:21,400 >> In to je lepota phishing napadov. 582 00:27:21,400 --> 00:27:23,160 Lahko pošljete milijon emails. 583 00:27:23,160 --> 00:27:27,720 In četudi 0.01% ljudi dejansko kliknite na Paypal in daš 584 00:27:27,720 --> 00:27:31,040 geslo, ki je še vedno pozitivna vrednost ljudi, ki so ga pravkar dajejo 585 00:27:31,040 --> 00:27:32,200 si njihov denar. 586 00:27:32,200 --> 00:27:36,170 In pošiljanje e-pošte, seveda, je precej enostavno in v bistvu brez 587 00:27:36,170 --> 00:27:36,970 v teh dneh. 588 00:27:36,970 --> 00:27:40,410 >> Tako da skrajšam zgodbo, čudovito lepa ideja, kajne? 589 00:27:40,410 --> 00:27:44,620 Pred leti je bilo to prej splet, ki omogoča mrežo 590 00:27:44,620 --> 00:27:46,330 hiperpovezave med viri. 591 00:27:46,330 --> 00:27:49,520 Ampak tako hitro, bi bilo uporablja za bolne namene. 592 00:27:49,520 --> 00:27:54,100 In e-pošto, zadošča reči, ti dni, so HTML, vgrajeni v notranjosti. 593 00:27:54,100 --> 00:27:55,410 >> No, pa me je samo ena stvar. 594 00:27:55,410 --> 00:27:58,640 In bomo v veliki meri odložijo na oddelku v Problem nastavite sedem vam omogočajo, da 595 00:27:58,640 --> 00:28:00,000 razišče navedbe. 596 00:28:00,000 --> 00:28:01,990 Ampak naj gredo naprej in storite nekaj stvari tukaj. 597 00:28:01,990 --> 00:28:04,840 Jaz grem v in razglasi kaj se ti div, ali 598 00:28:04,840 --> 00:28:06,080 delitev na stran. 599 00:28:06,080 --> 00:28:07,770 Dovolite mi, da zaprete to div tag. 600 00:28:07,770 --> 00:28:11,460 >> In jaz bom rekel gor Tu vrh strani. 601 00:28:11,460 --> 00:28:14,940 In nato pod to bom naredil nekaj podobnega drugo div, zaprite to 602 00:28:14,940 --> 00:28:17,800 tag, in to dnu strani. 603 00:28:17,800 --> 00:28:18,840 In da ga shranite. 604 00:28:18,840 --> 00:28:21,040 >> Torej, zdaj gremo nazaj v svojo datoteko. 605 00:28:21,040 --> 00:28:22,120 Zelo underwhelming. 606 00:28:22,120 --> 00:28:25,520 Toda kaj delitev uporabljamo, Pod pokrovom, je, da je dejansko 607 00:28:25,520 --> 00:28:26,920 Lepo strukturni element. 608 00:28:26,920 --> 00:28:30,300 To nima nobene estetike, kolikor smo lahko videli, razen, očitno, 609 00:28:30,300 --> 00:28:31,890 dajanje stvari na novih progah. 610 00:28:31,890 --> 00:28:36,290 >> Ampak obvestilo, kot prahi, samo tepe Vpišite ga ne rezani v HTML všeč 611 00:28:36,290 --> 00:28:39,840 ne v C. Morda si mislite, da je to bo dal lepo velik razkorak med 612 00:28:39,840 --> 00:28:41,300 Zgornji in spodnji strani. 613 00:28:41,300 --> 00:28:43,420 Ampak to je prezrta. 614 00:28:43,420 --> 00:28:48,040 Prazen prostor je v glavnem zajel Spletne strani, ki niso zelo prvi 615 00:28:48,040 --> 00:28:51,530 preslednico znak ali povratek, da ste zadeli na tipkovnici. 616 00:28:51,530 --> 00:28:55,370 Če želite več prelomi vrstic, si treba ga določite sami. 617 00:28:55,370 --> 00:28:59,080 >> Torej bom naredil nekaj stvari tukaj za prikaz, kaj se dogaja. 618 00:28:59,080 --> 00:29:02,700 Bom dodati atribut, ki Obstaja In spet, tako boste izvedeli, 619 00:29:02,700 --> 00:29:07,110 kakšne atribute obstajajo, kaj obstajajo oznake, Res, je prisoten reference. 620 00:29:07,110 --> 00:29:09,750 HTML je nekako jezika - to je ni programski jezik. 621 00:29:09,750 --> 00:29:12,460 To je označevalni jezik - da se po dobre pol ure, morda, ura z 622 00:29:12,460 --> 00:29:15,930 to, boste zagotovo dojeti, najbolj verjetno, osnovna ideja. 623 00:29:15,930 --> 00:29:20,350 In potem iskanje Google stran je vse možne oznake, ki vas bo morda 624 00:29:20,350 --> 00:29:21,170 zanima 625 00:29:21,170 --> 00:29:24,290 In po spec, da je precej dobrodošli in tukaj spodbujati. 626 00:29:24,290 --> 00:29:26,120 >> Torej, zdaj mi gredo naprej in narediti kaj takega. 627 00:29:26,120 --> 00:29:28,690 Barva ozadja. 628 00:29:28,690 --> 00:29:32,060 In zdaj, bom naredil nekaj kot so rdeča, podpičje. 629 00:29:32,060 --> 00:29:33,970 In lahko to storite v nekaj različnih načinov. 630 00:29:33,970 --> 00:29:36,770 Jaz sem samo nekako ga vnesete kot super eksplicitno kot je mogoče. 631 00:29:36,770 --> 00:29:41,960 >> Ampak se je izkazalo, da je ta vrednost tukaj kar se imenuje CSS, Cascading Style 632 00:29:41,960 --> 00:29:43,700 Listov, kar je še en jezik v celoti. 633 00:29:43,700 --> 00:29:46,770 CSS nima nič opraviti z odpreti oznake in tesne oznake. 634 00:29:46,770 --> 00:29:48,230 To ima opraviti z lastnostmi. 635 00:29:48,230 --> 00:29:52,660 >> In lastnosti so preprosto ključna vrednota parov, kar pomeni le nekaj besed, 636 00:29:52,660 --> 00:29:54,680 debelo črevo, in še nekaj drugih besed. 637 00:29:54,680 --> 00:29:57,940 In če imate več tisti, ali pa samo ena tukaj, ga lahko konča z 638 00:29:57,940 --> 00:29:59,390 podpičje, samo za jasnost. 639 00:29:59,390 --> 00:30:01,370 Ampak da bo tudi delam tukaj. 640 00:30:01,370 --> 00:30:02,500 >> Zdaj, kaj je to zdaj? 641 00:30:02,500 --> 00:30:03,610 Verjetno ste lahko uganiti. 642 00:30:03,610 --> 00:30:05,930 Dovolite mi, da gredo naprej in osveži stran. 643 00:30:05,930 --> 00:30:07,300 In zdaj je res napreduješ. 644 00:30:07,300 --> 00:30:09,150 Torej vrh moji strani je rdeče barve. 645 00:30:09,150 --> 00:30:12,380 Toda kaj je ključ v tem, da sem omenil, prej, da div vam 646 00:30:12,380 --> 00:30:13,220 delitev strani. 647 00:30:13,220 --> 00:30:14,410 In da je dejansko kaj počne. 648 00:30:14,410 --> 00:30:17,920 Je v bistvu deli stran v pravokotnik, ki si lahko potem 649 00:30:17,920 --> 00:30:18,720 manipulirajo. 650 00:30:18,720 --> 00:30:22,330 >> In ta pojem pravokotnikov je nekako prepričljivi v tem, da če misliš, da 651 00:30:22,330 --> 00:30:26,410 Najbolj katero koli spletno stran, tam je verjetno nekateri struktura z njo. 652 00:30:26,410 --> 00:30:29,620 Večina vas je verjetno redko Facebook je domača stran, če ste prijavljeni 653 00:30:29,620 --> 00:30:30,440 v vseh časa. 654 00:30:30,440 --> 00:30:33,920 >> Ampak na domači strani Facebook, obstaja nekakšen div po vrhu. 655 00:30:33,920 --> 00:30:36,140 In morda ne bo tako enostavno kot en div, vendar pa je 656 00:30:36,140 --> 00:30:37,560 pravokotne regija tam. 657 00:30:37,560 --> 00:30:40,290 Preostali strani je kot ogromen div, kot mnogo 658 00:30:40,290 --> 00:30:41,910 Večji pravokotne okolica. 659 00:30:41,910 --> 00:30:44,540 Tako da skrajšam zgodbo, samo s tem, ti malo gradniki, so 660 00:30:44,540 --> 00:30:49,250 sposobnost modelnih stvari, kot so pravokotniki, ali je širok ali ozek, lahko tudi ti 661 00:30:49,250 --> 00:30:53,680 bi stolpcev potencialno omogoča, da postavitev strani, res, vendar si 662 00:30:53,680 --> 00:30:54,100 bi rad. 663 00:30:54,100 --> 00:30:56,170 Mi smo res samo praskanje površina tukaj. 664 00:30:56,170 --> 00:30:59,820 >> Pravzaprav, če sem naredil še en drug eno, Naj gredo naprej in slog, 665 00:30:59,820 --> 00:31:05,410 barva ozadja, bomo naredili nekaj kot so modri, v bližini ponudb. 666 00:31:05,410 --> 00:31:06,620 Oglejmo osvežite to. 667 00:31:06,620 --> 00:31:08,260 Torej, zdaj je že celo grši. 668 00:31:08,260 --> 00:31:11,520 Zdaj pa sem lahko nekako pokažejo moja P nastavite pet sposobnosti, kajne? 669 00:31:11,520 --> 00:31:12,690 Red. 670 00:31:12,690 --> 00:31:15,640 To me spominja na RGB Red Green Blue trojk. 671 00:31:15,640 --> 00:31:19,330 No, izkazalo se je v spletnem programiranju, ali web design, ki je ta, ki smo jih 672 00:31:19,330 --> 00:31:21,650 še ni programirana ničesar po sebi, lahko dejansko 673 00:31:21,650 --> 00:31:22,880 imajo šestnajstiško kodo. 674 00:31:22,880 --> 00:31:26,480 Torej nekaj, nekaj, nekaj Nekaj, kar nekaj. 675 00:31:26,480 --> 00:31:30,650 Tako lahko imate šest šestnajstiški znakov ali tri, v nekaterih primerih, 676 00:31:30,650 --> 00:31:33,480 in vsak od teh vprałaji mora biti šestnajstiških številk, 677 00:31:33,480 --> 00:31:34,985 nič do f. 678 00:31:34,985 --> 00:31:41,000 >> Če želim, da imajo veliko rdeče, in no zelena, modra in ne, kaj je 679 00:31:41,000 --> 00:31:43,740 nasprotno od nič pri uporabi hex? 680 00:31:43,740 --> 00:31:44,480 To je f. 681 00:31:44,480 --> 00:31:51,130 Tako da sem lahko naredil FF, nič nič, nič, nič, razen tega, in zdaj sem dol. 682 00:31:51,130 --> 00:31:52,700 In jaz dejansko ne vidim spremembo. 683 00:31:52,700 --> 00:31:56,230 Torej quote citata "rdeči" očitno sinonim za vse rdeče, 684 00:31:56,230 --> 00:31:57,610 Ne zelena, ni modrega. 685 00:31:57,610 --> 00:31:59,960 Medtem pa je namerno spremeniti ta, da je nekaj 686 00:31:59,960 --> 00:32:01,210 naključno, kot ABCDF. 687 00:32:01,210 --> 00:32:03,790 688 00:32:03,790 --> 00:32:05,860 >> Poglejmo, kaj je to. 689 00:32:05,860 --> 00:32:08,530 To je res lepo modro, pravzaprav, baby blue. 690 00:32:08,530 --> 00:32:11,820 Vse je v redu, tako da so šele zdaj nekoliko naključne kombinacije 691 00:32:11,820 --> 00:32:12,210 znakov. 692 00:32:12,210 --> 00:32:13,410 Tako da ne bomo dobili obtičali tukaj. 693 00:32:13,410 --> 00:32:15,930 Toda tudi to govori z natančnostjo da lahko začnete 694 00:32:15,930 --> 00:32:19,090 uporabljati - tudi če ste zelo preobremenjeni z estetiko. 695 00:32:19,090 --> 00:32:21,750 V bistvu, če si res želite, da se navdušen, naj gredo naprej in spremeniti 696 00:32:21,750 --> 00:32:23,500 velikost pisave, na primer. 697 00:32:23,500 --> 00:32:25,960 In opazil podpičje, ki je potrebno tam. 698 00:32:25,960 --> 00:32:29,570 >> Velikost pisave, smo lahko samo smešno Tukaj, 96. točka. 699 00:32:29,570 --> 00:32:31,280 Le da. 700 00:32:31,280 --> 00:32:33,670 Vau, to je velik velikost pisave. 701 00:32:33,670 --> 00:32:35,490 Vse je v redu, tako da je zelo enostavno. 702 00:32:35,490 --> 00:32:38,260 In dejansko, ste v bistvu videnje Prva spletna stran sem naredila 703 00:32:38,260 --> 00:32:40,060 Pred leti, ko sem prvič naučili te stvari. 704 00:32:40,060 --> 00:32:42,190 To je zelo enostavno narediti zelo ostudno stvari hitro. 705 00:32:42,190 --> 00:32:46,115 >> In če ste seznanjeni s Wayback Stroj na archive.org, si 706 00:32:46,115 --> 00:32:48,210 lahko najdete vse moje grd Spletne strani undergrad. 707 00:32:48,210 --> 00:32:50,090 Je bila ena žaba Kermit na sprednji strani. 708 00:32:50,090 --> 00:32:53,150 Šla sem skozi fazo, ko sem mislil, da je kul, da se ozadje 709 00:32:53,150 --> 00:32:56,320 rdeča zavesa, ko sem se naučila, kako si Ponovno slike lahko ploščice, in spet, in 710 00:32:56,320 --> 00:32:59,540 še enkrat, da izpolnite stran s velik lepljiv rdeče zavese. 711 00:32:59,540 --> 00:33:03,120 In potem na vrhu tega je bil ikona da ste imeli kliknite za vstop moj dom 712 00:33:03,120 --> 00:33:04,960 Stran ker je to zelo v modi. 713 00:33:04,960 --> 00:33:08,870 >> In potem moj prvi program, kar sem jih kdaj napisal ni bil v PHP, ampak v jeziku 714 00:33:08,870 --> 00:33:12,260 imenuje Pearl, je napisal knjigo gostov, kar je res kul stvar, ki 715 00:33:12,260 --> 00:33:14,250 Veliko ljudi vas pričakujemo da imajo na domačo stran. 716 00:33:14,250 --> 00:33:17,510 Ko pridete do strani, ki jih želite vpisati, in reči, kdo ste, 717 00:33:17,510 --> 00:33:18,720 in zakaj ste tam. 718 00:33:18,720 --> 00:33:21,320 To je zelo 1990s slog web design. 719 00:33:21,320 --> 00:33:24,130 >> Ampak v teh dneh, zagotovo, ki smo jih prišli veliko dlje. 720 00:33:24,130 --> 00:33:27,560 In boste videli, v oddelku, in celo v problem iz sedem do 721 00:33:27,560 --> 00:33:31,570 vplivno knjižnice v teh dneh, to je tako veliko lažje 722 00:33:31,570 --> 00:33:33,400 lepši stvari hitro. 723 00:33:33,400 --> 00:33:36,550 Res tu, smo šele praskanja Površina, kaj lahko storite 724 00:33:36,550 --> 00:33:37,400 stilistično. 725 00:33:37,400 --> 00:33:41,660 >> In v resnici, že, naj poudarim, da se to že postaja grda, ne 726 00:33:41,660 --> 00:33:46,030 le estetsko, ampak v smislu stila mojega kode ali 727 00:33:46,030 --> 00:33:47,260 Zasnova mojo kodo. 728 00:33:47,260 --> 00:33:52,350 Imam trenutno comingled HTML, ki Je zelenkaste odprte oznake tam, z 729 00:33:52,350 --> 00:33:55,160 CSS lastnosti, ki je popolnoma zakonit. 730 00:33:55,160 --> 00:33:57,200 To je res, če jezik imela svoj izvor. 731 00:33:57,200 --> 00:34:01,030 >> Ampak v interesu jasne oblike, podobno kot smo začeli faktoring stvari 732 00:34:01,030 --> 00:34:05,370 ven iz datoteke C v h. datotek, kaj me dejansko prakso, da se vrste 733 00:34:05,370 --> 00:34:07,990 načelo in začeti početje to namesto tega. 734 00:34:07,990 --> 00:34:13,280 Naj povem slog oznako tu gor, ki obstaja tudi v HTML, in dovolite mi, 735 00:34:13,280 --> 00:34:15,330 navesti naslednje. 736 00:34:15,330 --> 00:34:16,360 Dovolite mi, da želite to izbrisati. 737 00:34:16,360 --> 00:34:18,110 Barva ozadja se bo rdeče. 738 00:34:18,110 --> 00:34:19,800 Jaz bom to v celoti izbrisati. 739 00:34:19,800 --> 00:34:22,580 Grem, da se znebite slogu pripisujejo, in bom enolično 740 00:34:22,580 --> 00:34:24,620 identificiranje tega div z eno besedo - 741 00:34:24,620 --> 00:34:28,750 samovoljno, ampak razumno, citiram konec citata "top". In id je posebna 742 00:34:28,750 --> 00:34:32,530 atribut, ki enolično določa nekatere HTML element 743 00:34:32,530 --> 00:34:33,850 da ima ta id. 744 00:34:33,850 --> 00:34:37,969 >> Če bi zdaj rad stilizirano njim, sem gor Vodja moji strani, znotraj 745 00:34:37,969 --> 00:34:41,730 slog tag, opazili, da Ne morem storiti hash vrh. 746 00:34:41,730 --> 00:34:45,300 In potem bom lahko dal nekaj kodrasta naramnice, ki spominja na C, in počakajte, 747 00:34:45,300 --> 00:34:47,130 mi prilepite v tej stilizacije. 748 00:34:47,130 --> 00:34:49,929 In mi daj tukaj in predvidevanje kam grem s tem. 749 00:34:49,929 --> 00:34:53,380 Dovolite mi, da ustvarjajo tudi eden za spodnji div. 750 00:34:53,380 --> 00:34:58,010 Naj vzamem to grozno kodo navzdol Tukaj, daj sem, in bom 751 00:34:58,010 --> 00:35:00,770 malo več analni zdaj in stilizirana je ga le polaganje stvari na svoje 752 00:35:00,770 --> 00:35:02,540 linija, ki se konča s podpičjem. 753 00:35:02,540 --> 00:35:04,430 Dovolite mi, da se znebite slog oznake. 754 00:35:04,430 --> 00:35:05,320 >> Ampak jaz še nisem storil. 755 00:35:05,320 --> 00:35:07,406 Moram narediti eno stvar. 756 00:35:07,406 --> 00:35:10,070 Ja, id enak quote citata, "dno", ali karkoli id ​​želim 757 00:35:10,070 --> 00:35:11,740 da ta element. 758 00:35:11,740 --> 00:35:13,420 Zdaj pa grem nazaj tja. 759 00:35:13,420 --> 00:35:14,360 In to je grozna. 760 00:35:14,360 --> 00:35:15,805 Ne morem se ukvarjati s 96. točko. 761 00:35:15,805 --> 00:35:16,960 Naredimo 24 točko. 762 00:35:16,960 --> 00:35:18,320 Ali ste lahko bolj natančni. 763 00:35:18,320 --> 00:35:21,800 Lahko dejansko uporabo točk, px, tako da si res dobil lepšo žito 764 00:35:21,800 --> 00:35:23,220 nadzor nad vašo stran. 765 00:35:23,220 --> 00:35:26,860 >> Kot prahi, da to ni nujno Najboljša stvar, če uporabniki za 766 00:35:26,860 --> 00:35:29,650 Razlogi za dostopnost, želijo lahko povečala velikosti. 767 00:35:29,650 --> 00:35:32,650 Tako spoznali, da obstajajo načini dela stvari, ki niso nujno 768 00:35:32,650 --> 00:35:34,230 težko koda vse. 769 00:35:34,230 --> 00:35:37,220 >> Vse je v redu, tako da je večji, 24. točka, kot karkoli privzeto. 770 00:35:37,220 --> 00:35:38,630 Zdaj pa je malo čistejši. 771 00:35:38,630 --> 00:35:40,230 In naj bo to en korak naprej. 772 00:35:40,230 --> 00:35:47,220 Tako kot idejo header datoteke, Opazili smo en korak bližje k temu. 773 00:35:47,220 --> 00:35:52,000 Imam izoblikoval, vendar še vedno ostane, znotraj moje strani, da ta pravila CSS. 774 00:35:52,000 --> 00:35:56,200 Zato sem morda želeli, da bi to en korak naprej, odstranite to v celoti, in 775 00:35:56,200 --> 00:35:59,860 ga dal v ločeno datoteko? 776 00:35:59,860 --> 00:36:01,070 >> Da bom lahko ponovno uporabi, kajne? 777 00:36:01,070 --> 00:36:03,155 To je nekako intuicijo prav zdaj. 778 00:36:03,155 --> 00:36:06,340 Prej sem trdil, da je bila le pridobivanje grda ob slog 779 00:36:06,340 --> 00:36:08,480 lastnosti zunanjost Divs sami. 780 00:36:08,480 --> 00:36:09,750 Ampak nekako mislim, da skozi. 781 00:36:09,750 --> 00:36:13,560 Kot vaša stran dobi več in dlje, če ste dajanje tukaj in tukaj, in 782 00:36:13,560 --> 00:36:18,350 tukaj in tukaj, vsi ti različni barv in velikosti pisave, in drugi 783 00:36:18,350 --> 00:36:22,550 atributov, je vaša stran je zelo hitro bo postala neobvladljiva za vas. 784 00:36:22,550 --> 00:36:24,570 >> Če nekdo pride do vas in pravi, oh, veš kaj? 785 00:36:24,570 --> 00:36:28,070 Res si želim, da spremenite velikost pisave z dvema dodatnima točkama, si 786 00:36:28,070 --> 00:36:31,275 morda morali iti in poiskati in zamenjati Ogromno število vrstic kode. 787 00:36:31,275 --> 00:36:35,170 To je veliko bolj prepričljiv za centralizacijo vse take estetika tukaj. 788 00:36:35,170 --> 00:36:38,850 Toda, če želite znova uporabiti tiste estetike v več spletnih strani, vse 789 00:36:38,850 --> 00:36:41,100 bolj prepričljivi, za primer, ustvarite datoteko 790 00:36:41,100 --> 00:36:45,290 imenovana s temi vsebinami. 791 00:36:45,290 --> 00:36:46,680 >> In mi to. 792 00:36:46,680 --> 00:36:51,150 793 00:36:51,150 --> 00:36:51,920 Shranite to datoteko. 794 00:36:51,920 --> 00:36:55,580 Pravim styles.css, samovoljno, ampak običajna. 795 00:36:55,580 --> 00:36:58,770 Jaz ga bom dal v John Harvard doma imeniku zdaj zaradi enostavnosti. 796 00:36:58,770 --> 00:37:03,880 In kaj lahko storim na moji spletni strani, je dobil znebili slog tag v celoti, 797 00:37:03,880 --> 00:37:08,270 in nekoliko unintuitively, uporabite povezavo tag, ki vam ne dajo povezavo v 798 00:37:08,270 --> 00:37:13,140 hiperpovezave, klikniti pamet, vendar če rečem povezavo, href enaka 799 00:37:13,140 --> 00:37:15,120 styles.css. 800 00:37:15,120 --> 00:37:20,050 In odnos, ki ta element je s spletne strani je, da služi kot 801 00:37:20,050 --> 00:37:21,280 njegov slog stanja. 802 00:37:21,280 --> 00:37:22,670 >> Torej, kako sem vedel to? 803 00:37:22,670 --> 00:37:25,950 Ena, si preberite priročnik, ali ste Google naokoli, in si 804 00:37:25,950 --> 00:37:27,000 pogled na različne vire. 805 00:37:27,000 --> 00:37:30,520 Mislim, da je resnično, kako si poberem tehnike, kot je ta, in, skladno 806 00:37:30,520 --> 00:37:34,720 s to idejo poučevanja sebe novo jeziki, še enkrat, boste ugotovili, da 807 00:37:34,720 --> 00:37:38,830 obstaja samo končno število stvari na katerem koli jeziku, da ko prideš 808 00:37:38,830 --> 00:37:41,310 njih, boste ugotovili, da je dobil hitreje in hitreje pisati. 809 00:37:41,310 --> 00:37:44,180 Dejansko se naučili novega programskega jezik je tako veliko hitreje kot novo 810 00:37:44,180 --> 00:37:47,380 Jeziki, ker te stvari so precej manjši in še veliko več 811 00:37:47,380 --> 00:37:48,820 natančno opredeljena. 812 00:37:48,820 --> 00:37:51,590 >> Vendar sem poudaril bit za nepravilnost tukaj. 813 00:37:51,590 --> 00:37:57,750 Zato sem izpostavil to poševnica tukaj? 814 00:37:57,750 --> 00:37:59,420 Ker moram zapreti oznako. 815 00:37:59,420 --> 00:38:00,530 Moral bi zapreti oznako. 816 00:38:00,530 --> 00:38:02,750 In boste našli nešteto virov spletu, ki ne 817 00:38:02,750 --> 00:38:04,080 nujno blizu oznake. 818 00:38:04,080 --> 00:38:08,770 In realno, da to ni nujno potrebni za tehnično in obstaja 819 00:38:08,770 --> 00:38:11,950 Razlogi realnosti, brskalniki so le dokaj tolerantni do napak v spletu 820 00:38:11,950 --> 00:38:14,360 strani, za boljše ali slabše, predvsem pa slabše. 821 00:38:14,360 --> 00:38:18,830 >> Torej, ta tukaj je samo čistejši način rekel nekaj neumnega, kot je ta, 822 00:38:18,830 --> 00:38:22,330 kjer, če želite odpreti link tag ampak ga zaprete, pa je res ni pojem 823 00:38:22,330 --> 00:38:23,720 vsebin za link tag. 824 00:38:23,720 --> 00:38:26,000 To samo pomeni naložiti to datoteko in jo dal tukaj. 825 00:38:26,000 --> 00:38:30,610 To je kot oster vključujejo v C. Lahko Odpiranje in zapiranje oznako naenkrat 826 00:38:30,610 --> 00:38:31,660 v istem oznako. 827 00:38:31,660 --> 00:38:33,520 In tam je drugi primeri tega. 828 00:38:33,520 --> 00:38:37,280 To ni način, da to storijo, vendar br oznako za prelom vrstic, če sem 829 00:38:37,280 --> 00:38:41,780 res hotel doseči tisto, kar sem bil poskušajo preden ga pritisnemo Enter, če 830 00:38:41,780 --> 00:38:45,380 I izrecno povedati prelom vrstice, prelom vrstice, prelom vrstice, prelom vrstice, in 831 00:38:45,380 --> 00:38:49,100 Nato osvežite stran, zdaj boste opazili da spodnji strani je 832 00:38:49,100 --> 00:38:51,940 res, veliko dlje določa spodnji strani. 833 00:38:51,940 --> 00:38:55,840 Lahko pa tudi, da je treba storiti še veliko več lepo s CSS, in marž, 834 00:38:55,840 --> 00:38:58,120 in druge take estetike Tehnike. 835 00:38:58,120 --> 00:38:59,940 >> Za zdaj so takeaways so to. 836 00:38:59,940 --> 00:39:02,320 V HTML, imamo te Stvari se imenuje oznake. 837 00:39:02,320 --> 00:39:04,830 V CSS, imamo te stvari imenovane lastnosti. 838 00:39:04,830 --> 00:39:08,700 Mi lahko comingle teh dveh jezikov, bodisi s pomočjo slog atribut, 839 00:39:08,700 --> 00:39:14,240 ali slog tag, ali še najbolje, faktoring da se v celoti, tako kot mi 840 00:39:14,240 --> 00:39:17,270 V problem nastaviti 7. 841 00:39:17,270 --> 00:39:23,820 Vprašanja, potem pa konceptualne osnove tukaj? 842 00:39:23,820 --> 00:39:24,740 >> PUBLIKA: Imam vprašanje. 843 00:39:24,740 --> 00:39:25,630 >> SPEAKER 1: Oh, oprostite. 844 00:39:25,630 --> 00:39:28,880 >> PUBLIKA: Zakaj ni bilo obarvana - 845 00:39:28,880 --> 00:39:31,410 >> SPEAKER 1: Oh, v zavihku drugi? 846 00:39:31,410 --> 00:39:32,232 Ta tukaj? 847 00:39:32,232 --> 00:39:33,482 >> PUBLIKA: Ne, to je podobno - 848 00:39:33,482 --> 00:39:35,330 849 00:39:35,330 --> 00:39:39,480 >> SPEAKER 1: Oh, to je zato, ker Sem bil površen. 850 00:39:39,480 --> 00:39:41,350 Sem dal datoteko na napačnem mestu. 851 00:39:41,350 --> 00:39:47,840 Torej, če sem dejansko dal tukaj, in jaz chmod je vse + r za styles.css in 852 00:39:47,840 --> 00:39:52,050 Zdaj osvežite stran, zdaj smo dobili stilizacije nazaj. 853 00:39:52,050 --> 00:39:54,530 In ker so velikost pisave, so drugačen, ne vidimo prav toliko 854 00:39:54,530 --> 00:39:55,010 bel prostor. 855 00:39:55,010 --> 00:39:58,240 Mi namesto tega vidite, kaj je Privzeto je namesto tega. 856 00:39:58,240 --> 00:40:00,050 Dobro vprašanje. 857 00:40:00,050 --> 00:40:00,846 Ja? 858 00:40:00,846 --> 00:40:02,630 >> PUBLIKA: Zakaj je povezava tag znotraj glavi? 859 00:40:02,630 --> 00:40:06,270 >> SPEAKER 1: Zakaj je povezave tag znotraj glave - 860 00:40:06,270 --> 00:40:07,650 Kratek odgovor, samo zato. 861 00:40:07,650 --> 00:40:08,930 To je tisto, kar je bilo odločeno. 862 00:40:08,930 --> 00:40:10,720 To je, če gredo povezava oznake, ko imate vse, kar se imenuje 863 00:40:10,720 --> 00:40:13,650 Zunanja slogi. 864 00:40:13,650 --> 00:40:16,430 Druga vprašanja? 865 00:40:16,430 --> 00:40:17,770 >> Vse je v redu, tudi naredimo to. 866 00:40:17,770 --> 00:40:20,500 Imamo tako zabavno pred nami danes. 867 00:40:20,500 --> 00:40:22,480 To je samo praskanja površina CSS. 868 00:40:22,480 --> 00:40:23,010 Naredimo to. 869 00:40:23,010 --> 00:40:25,980 Oglejmo si pet minut odmora tukaj zato, ker na moj email, pa visi v 870 00:40:25,980 --> 00:40:27,200 tam do 2:30-ish danes. 871 00:40:27,200 --> 00:40:28,540 Ampak, če imate v pustite, da je v redu. 872 00:40:28,540 --> 00:40:30,380 Ampak bomo delali naprej po Odmor za pet minut. 873 00:40:30,380 --> 00:40:35,930 In bomo izvedeli nekaj malega približno PHP, MySQL, in še več. 874 00:40:35,930 --> 00:40:44,520 >> Vse je v redu, tako da poskusimo, zdaj, tie Nekaj ​​od teh idej skupaj in da, 875 00:40:44,520 --> 00:40:46,180 recimo, naše iskalnik. 876 00:40:46,180 --> 00:40:48,570 Opazil sem, precej nenavadno, Naslednji. 877 00:40:48,570 --> 00:40:52,610 Ko ste na Google.com, si običajno v URL, kot je ta tukaj 878 00:40:52,610 --> 00:40:54,870 z nič po dot com. 879 00:40:54,870 --> 00:40:59,760 Ampak, če iščem nekaj tako neumnega mačke in pritisnite tipko Enter, da bomo dobili - ne 880 00:40:59,760 --> 00:41:01,300 neumno, ampak veš. 881 00:41:01,300 --> 00:41:05,410 >> OK, opazili na vrhu strani sedaj URL je seveda spremenila. 882 00:41:05,410 --> 00:41:07,190 In to ni nič novo, da vsak od nas. 883 00:41:07,190 --> 00:41:09,290 Kliknete povezav in podobno se zgodi na spletu. 884 00:41:09,290 --> 00:41:11,420 Ampak kaj je zanimivo tukaj je naslednja. 885 00:41:11,420 --> 00:41:14,500 Obstaja cel kup navlake, vendar naj mi mečejo stvari, ki sem ne 886 00:41:14,500 --> 00:41:16,600 razumem ali ne res poglej pomembne. 887 00:41:16,600 --> 00:41:18,490 >> Dovolite mi, da se znebite tega. 888 00:41:18,490 --> 00:41:20,030 Dovolite mi, da se znebite tega. 889 00:41:20,030 --> 00:41:22,630 In povej mi samo znebiti vsega tega. 890 00:41:22,630 --> 00:41:28,840 In sedaj opazili, da je mačke v URL, ki ji sledi q, potem enaka 891 00:41:28,840 --> 00:41:29,710 podpisati pred njim. 892 00:41:29,710 --> 00:41:32,110 Tako se izkaže, da je to, kako Tako to gre, ko gre 893 00:41:32,110 --> 00:41:33,360 na vhodu in izhodu. 894 00:41:33,360 --> 00:41:37,510 >> Smo se dolgo pogovarjali o črne skrinjice, kajne? 895 00:41:37,510 --> 00:41:41,650 Torej, če je to funkcijo izvaja tukaj kot črna škatla, ki je potreben vnos 896 00:41:41,650 --> 00:41:45,290 in izdela izhod, no, pomeni , s katerim ste se zagotovi prispevek k 897 00:41:45,290 --> 00:41:49,270 Spletna stran je v obliki, pogosto pa svoje naslovov. 898 00:41:49,270 --> 00:41:52,850 Vi preprosto dal vprašaj in nato ključ enako vrednost. 899 00:41:52,850 --> 00:41:56,740 In potem je morda znak pove, nato pa še en ključni enako vrednost, potem pa 900 00:41:56,740 --> 00:41:58,810 en znak pove, ključ je enak vrednosti. 901 00:41:58,810 --> 00:42:03,030 To je, kako se boste peljali v legendah in vrednote, para vložkov. 902 00:42:03,030 --> 00:42:07,050 >> Torej, če sem udaril Vpišite zdaj, kaj je Zanimivo je, da je Google vse 903 00:42:07,050 --> 00:42:10,420 da nered sem izbrisal ne pojavi nujno potrebna. 904 00:42:10,420 --> 00:42:15,120 Vse moram poslati na Googlu je vprašanje Oznaka q enak mačke, da bi dobili 905 00:42:15,120 --> 00:42:16,160 nazaj nekaj mačk. 906 00:42:16,160 --> 00:42:20,160 No, implikacija, da potem, se, če sem dvigni gedit, sem začel 907 00:42:20,160 --> 00:42:24,360 kar svoj iskalnik tukaj v datoteki z imenom seach0.html. 908 00:42:24,360 --> 00:42:26,750 >> In mi gredo naprej in brisanje še ena vrstica, ki jo 909 00:42:26,750 --> 00:42:27,910 Tega ne bi smela videti. 910 00:42:27,910 --> 00:42:31,070 In zdaj, naj gredo v svojem brskalniku tako, da ne bo Googlu, in pojdite na 911 00:42:31,070 --> 00:42:34,900 http://localhost. 912 00:42:34,900 --> 00:42:36,220 In da bo v napoto. 913 00:42:36,220 --> 00:42:43,240 Torej bomo morali posloviti, da da za zdaj prestavili sem, 914 00:42:43,240 --> 00:42:46,270 oh, zdaj bomo morali da se poslovite od te datoteke. 915 00:42:46,270 --> 00:42:51,700 >> Če imate datoteko z imenom index.html ali index.php v 916 00:42:51,700 --> 00:42:54,980 imenik, če spletni strežnik nastavljen na ta način, kaj boste 917 00:42:54,980 --> 00:42:59,600 glej, ki ga privzeto, je vsebina, ki Datoteka ne kotacija 918 00:42:59,600 --> 00:43:02,330 imenik, kot sem želel tukaj. 919 00:43:02,330 --> 00:43:03,750 Več o tem v spec. 920 00:43:03,750 --> 00:43:04,610 Nisi videl. 921 00:43:04,610 --> 00:43:06,360 >> Torej, to je tisto, kar sem pravzaprav želel. 922 00:43:06,360 --> 00:43:08,810 Ampak malo prej, je bila datotek v tej mapi se imenuje 923 00:43:08,810 --> 00:43:11,290 index.html in index.php. 924 00:43:11,290 --> 00:43:13,380 In tako spletni strežnik je mi pokazal te datoteke. 925 00:43:13,380 --> 00:43:15,900 Namesto tega bi rad to mapo seznam tukaj. 926 00:43:15,900 --> 00:43:18,340 >> Torej, jaz grem v CSS in pojdite na search0. 927 00:43:18,340 --> 00:43:21,770 In trdim, da je to, da bo začetek moje konkurenčno 928 00:43:21,770 --> 00:43:22,490 iskalnik. 929 00:43:22,490 --> 00:43:27,630 In za to, da bom šel v Tukaj, v CSS in odpirajo z 930 00:43:27,630 --> 00:43:30,190 gedit, iskanje 0. 931 00:43:30,190 --> 00:43:32,280 Ampak na žalost, tam je ni veliko dogaja. 932 00:43:32,280 --> 00:43:35,690 Vse, kar sem naredil, je bilo uporabiti naslov oznako, ki se zgodi, da se imenuje H1, ki 933 00:43:35,690 --> 00:43:38,180 bistvu pomeni velik in krepko, in to je to. 934 00:43:38,180 --> 00:43:40,810 Ampak sredstvo, s katerim bomo lahko zagotavljajo vložki so prek teh 935 00:43:40,810 --> 00:43:42,180 Stvari se imenuje obrazce. 936 00:43:42,180 --> 00:43:46,040 >> Naj gredo naprej in odpiranje in zapiranje, preemptively, oblika tag tam. 937 00:43:46,040 --> 00:43:48,060 In mi gredo naprej in to kaj takega. 938 00:43:48,060 --> 00:43:51,430 Vhod, tip je enako besedilo. 939 00:43:51,430 --> 00:43:56,320 Nato pa zaprite oznako v oklepaji sami. 940 00:43:56,320 --> 00:43:58,800 Ne rabim za začetek polja z besedilom in ustaviti besedilno polje. 941 00:43:58,800 --> 00:44:01,080 To je le, da bo tam ali ne. 942 00:44:01,080 --> 00:44:06,210 >> In potem v nadaljevanju, da naredimo Tip vhod enak oddate. 943 00:44:06,210 --> 00:44:06,870 Shrani. 944 00:44:06,870 --> 00:44:08,630 In zdaj naj samo narediti preverjanje hitro pameti. 945 00:44:08,630 --> 00:44:09,820 Oglejmo osvežite. 946 00:44:09,820 --> 00:44:10,890 >> OK, tako da to ni slabo. 947 00:44:10,890 --> 00:44:13,260 To ni Googlov slog, ampak to je zelo blizu. 948 00:44:13,260 --> 00:44:13,920 Tam je polje z besedilom. 949 00:44:13,920 --> 00:44:17,190 Lahko vnesete nekaj stvari v, pritisnite tipko Enter, vendar se ne zgodi nič še ni. 950 00:44:17,190 --> 00:44:21,090 In to zato, ker sem ni določeno tožba za to obliko, tako rekoč. 951 00:44:21,090 --> 00:44:23,860 Torej, če se vrnem k elementa obrazca, Izkazalo se je, in vem, da je to le 952 00:44:23,860 --> 00:44:27,460 iz ob preberite dokumentacijo, ki tag oblika je atribut 953 00:44:27,460 --> 00:44:31,880 imenujemo dejanje, ki je naslov URL spletne strani, na katero 954 00:44:31,880 --> 00:44:34,790 želite poslati obrazec. 955 00:44:34,790 --> 00:44:37,610 >> Res ne mislim, da je čas, da izvajajo celotno zadnji konec za 956 00:44:37,610 --> 00:44:38,570 iskanje danes motor. 957 00:44:38,570 --> 00:44:41,900 Tako da smo samo rekli, eh, pojdite na google.com / iskanje. 958 00:44:41,900 --> 00:44:43,450 In zdaj naj zaprem ponudbe. 959 00:44:43,450 --> 00:44:46,070 In naj še določa, da način za uporabo se dogaja 960 00:44:46,070 --> 00:44:47,120 da se imenuje priti. 961 00:44:47,120 --> 00:44:50,650 >> Skratka, tam dva načina, na Vsaj, da lahko predloži informacije 962 00:44:50,650 --> 00:44:51,880 od brskalnika do strežnika. 963 00:44:51,880 --> 00:44:55,340 Eden je dobil, in za današnje namene, da samo pomeni, da v URL. 964 00:44:55,340 --> 00:44:58,730 Vidiš točno vprałaje je enaka znake, in da ampersands 965 00:44:58,730 --> 00:44:59,780 smo videli prej. 966 00:44:59,780 --> 00:45:02,890 Ali obstaja alternativa se imenuje objava. 967 00:45:02,890 --> 00:45:06,490 Za zdaj vemo, da je delovno mesto pogosto uporablja če želite, da nalaganje datotek, kot so 968 00:45:06,490 --> 00:45:09,820 slike in tako naprej, ali ko želite predloži podatke o kreditni kartici ali 969 00:45:09,820 --> 00:45:13,810 gesla, karkoli, da ne res smiselno, konceptualno, ali 970 00:45:13,810 --> 00:45:18,020 varnost pametno, da končajo v URL Vaš brskalnik, kjer snooping starši, 971 00:45:18,020 --> 00:45:21,520 ali sostanovalca ali kdorkoli z dostopom na vaš računalnik morda videli. 972 00:45:21,520 --> 00:45:23,110 >> Tako da je prihranek, ki tukaj. 973 00:45:23,110 --> 00:45:24,480 In moram narediti eno stvar. 974 00:45:24,480 --> 00:45:27,250 Da ne zadostuje le pravijo, da mi besedilno polje. 975 00:45:27,250 --> 00:45:29,850 Moram dati tem področju je cenimo ime. 976 00:45:29,850 --> 00:45:34,500 Naj si sposodim Googlov izbiro Imena, Q, in navajajo, da drugi 977 00:45:34,500 --> 00:45:38,150 pripisujejo Res ne skrbi Ime gumb Pošlji. 978 00:45:38,150 --> 00:45:40,890 Mene zanima podaja Katere vrste uporabnik palcev 979 00:45:40,890 --> 00:45:41,940 >> In zdaj to je nekako grd. 980 00:45:41,940 --> 00:45:42,820 Prav tako pravi, da predloži. 981 00:45:42,820 --> 00:45:46,350 Izkazalo se je, in vem, da je to od dokumentacijo, lahko dejansko sem rekel 982 00:45:46,350 --> 00:45:51,710 vrednost je enaka quote citata "CS50 iskanega, "blizu quote. 983 00:45:51,710 --> 00:45:53,030 Potem pa spet naložiti. 984 00:45:53,030 --> 00:45:57,020 Torej, jaz vztrajati hitting Command-R, ali Control-R na moji tipkovnici, da osvežite. 985 00:45:57,020 --> 00:45:58,605 >> Zdaj imamo bolj zanimivo iskalnik. 986 00:45:58,605 --> 00:46:00,340 To ni čisto izgledal Google še, čeprav. 987 00:46:00,340 --> 00:46:04,100 Torej, gremo naprej v tukaj in narediti malo prelom vrstice. 988 00:46:04,100 --> 00:46:06,066 >> OK, zdaj imamo Google. 989 00:46:06,066 --> 00:46:08,260 Smo dejansko skoraj vse so Google. 990 00:46:08,260 --> 00:46:10,460 Torej, zdaj, kaj se bo zgodilo? 991 00:46:10,460 --> 00:46:12,220 Grem na vrsto v nekaj kot mačke. 992 00:46:12,220 --> 00:46:16,570 In brskalnik bo razčleniti ta obrazec, da sem opredeljen. 993 00:46:16,570 --> 00:46:19,470 In to se dogaja, da pošljete uporabnik tega URL-ja. 994 00:46:19,470 --> 00:46:23,420 Torej ta čas, za nekaj radoveden razloga, Imam več informacij o zalogah 995 00:46:23,420 --> 00:46:24,410 kot o dejanskih mačke. 996 00:46:24,410 --> 00:46:30,580 Ampak to je v redu, ker Opažamo vedno končal tukaj, q enak mačke. 997 00:46:30,580 --> 00:46:35,200 >> Tako da skrajšam zgodbo, se zdi dokaj nepomembno, da bere vhod od uporabnika. 998 00:46:35,200 --> 00:46:38,190 In bi bile poštene, tam je šopki drugih vrst polj obrazcev. 999 00:46:38,190 --> 00:46:41,510 Tam je potrditvena polja, in malo medsebojno Izključne radio gumbi in 1000 00:46:41,510 --> 00:46:42,960 padajočega menija, in še več. 1001 00:46:42,960 --> 00:46:46,160 Vendar vse te so kot relativno enostavno izvajati 1002 00:46:46,160 --> 00:46:48,040 To polje je bilo besedilo. 1003 00:46:48,040 --> 00:46:52,050 In na koncu, bomo morali narediti da nekdo posluša na drugi 1004 00:46:52,050 --> 00:46:56,490 konec vrstice, da bi dobili, da obdelujejo podatke, nekako, in 1005 00:46:56,490 --> 00:46:58,440 nam je dala nazaj naše mačke. 1006 00:46:58,440 --> 00:47:00,840 >> Oglejmo si nekoliko bolj vključeni primer. 1007 00:47:00,840 --> 00:47:06,020 Naj grem v imenik mojega vhost je, v lokalni gostitelj, javni, in kjer sem 1008 00:47:06,020 --> 00:47:06,980 dal današnjo izvorno kodo. 1009 00:47:06,980 --> 00:47:09,800 Vse to bo na tečaj je Spletna stran za vas, da Lemiti s. 1010 00:47:09,800 --> 00:47:15,420 In če sem šel v froshims, naj odpre do te datoteke zdaj, froshim0.php. 1011 00:47:15,420 --> 00:47:18,460 Ta je malo bolj zgovorni, tako ne bomo napisali to iz nič. 1012 00:47:18,460 --> 00:47:21,970 Ampak samo obvestilo sedaj nekaj nekoliko znane značilnosti. 1013 00:47:21,970 --> 00:47:24,550 >> Ena, oblika tag, drugačno ukrepanje. 1014 00:47:24,550 --> 00:47:25,670 To ni poln URL. 1015 00:47:25,670 --> 00:47:29,930 Zdaj je očitno, da vloži imenuje register0.php, ker v trenutku, 1016 00:47:29,930 --> 00:47:32,660 Bom sam naučil malo Nekaj ​​o PHP, programiranje 1017 00:47:32,660 --> 00:47:37,360 jezik, saj lahko PHP uporablja za izvajati kaj Google izvaja kot 1018 00:47:37,360 --> 00:47:39,650 zadnji konec svoje iskalnike. 1019 00:47:39,650 --> 00:47:42,890 >> Google v resnici verjetno uporablja nekatere Python, nekateri C + + in 1020 00:47:42,890 --> 00:47:44,230 šopki drugih jezikih. 1021 00:47:44,230 --> 00:47:48,230 Vendar pa bi prav gotovo izvajati iskanje rezultate z uporabo PHP, če smo želeli. 1022 00:47:48,230 --> 00:47:49,610 Ampak za zdaj, bomo keep it simple. 1023 00:47:49,610 --> 00:47:53,320 In to je pravzaprav spominja na enem drugih prvih spletnih strani I 1024 00:47:53,320 --> 00:47:54,490 je že pred leti. 1025 00:47:54,490 --> 00:47:58,160 >> Nazaj v moj dan, ste se registrirali za Notranji šport kot novinec avtorja 1026 00:47:58,160 --> 00:48:00,880 izpolnite kos papirja, hoja čez dvorišče in ga spustite v 1027 00:48:00,880 --> 00:48:04,890 nabiralnik za Proctor v Wigglesworth, in da je, kako si 1028 00:48:04,890 --> 00:48:05,460 registrirani. 1029 00:48:05,460 --> 00:48:09,650 In tako moj projekt kmalu po CS50, je dati to, kar dela mojstra 1030 00:48:09,650 --> 00:48:13,460 Občutek, na spletu, ki je ni bilo kot v modi nato kot je sedaj. 1031 00:48:13,460 --> 00:48:17,510 Ampak vse smo morali storiti, je bilo ustvarjanje, bistvu oblika HTML. 1032 00:48:17,510 --> 00:48:19,640 >> In ta oblika je pogledal približno takole. 1033 00:48:19,640 --> 00:48:22,480 Imel sem vhod za Ime novinec je. 1034 00:48:22,480 --> 00:48:27,780 Imel sem še eno potrditveno polje za to, ali ali niso hoteli biti kapetan, kaj 1035 00:48:27,780 --> 00:48:30,400 je bil njihov spol, in kakšen je bil njihov domu. 1036 00:48:30,400 --> 00:48:33,370 In potem sem težko kodirane v stvareh kot Apley sodišča in Canaday, 1037 00:48:33,370 --> 00:48:34,880 Grays, in tako naprej. 1038 00:48:34,880 --> 00:48:36,300 >> Torej, še enkrat, nove oznake. 1039 00:48:36,300 --> 00:48:39,820 Ni videla to, novo lastnosti, ampak precej dostopni. 1040 00:48:39,820 --> 00:48:42,360 Ko vidite, na primer, lahko nekako si od sposodim to idejo in da padec 1041 00:48:42,360 --> 00:48:43,820 down meni za večino nič. 1042 00:48:43,820 --> 00:48:46,350 Toda kaj je ključnega pomena je, da se vsak Te stvari imajo imena. 1043 00:48:46,350 --> 00:48:49,720 In na dnu te oblike, obstaja gumb Pošlji katerih nalepka, 1044 00:48:49,720 --> 00:48:51,510 ali vrednost, je register. 1045 00:48:51,510 --> 00:48:52,670 >> Torej gremo na to stran. 1046 00:48:52,670 --> 00:48:55,050 Naj grem nazaj v imenika. 1047 00:48:55,050 --> 00:48:59,410 Dovolite mi, da gredo v froshims, in pojdite na froshim0.php. 1048 00:48:59,410 --> 00:49:01,150 Torej, to je grozno, da je pošteno. 1049 00:49:01,150 --> 00:49:03,950 Torej, jaz bi definitivno stilu to z nekaj CSS, lahko naredim nekaj 1050 00:49:03,950 --> 00:49:06,890 grafike, morda dodate nekaj barve, in da je ta lepša. 1051 00:49:06,890 --> 00:49:10,530 Ampak funkcionalno, bi lahko dejali, da je to je pravzaprav zelo popolna. 1052 00:49:10,530 --> 00:49:15,190 >> Na žalost, ko to izpolnim, David Kapitan, Moški, bomo izbrali, 1053 00:49:15,190 --> 00:49:20,510 recimo Matthews, knjiga, vse, kar se zgodi, je to. 1054 00:49:20,510 --> 00:49:21,910 Opazil nekaj takeaways. 1055 00:49:21,910 --> 00:49:27,130 Ena, kaj datoteka vrnil tistih Rezultati, očitno? 1056 00:49:27,130 --> 00:49:29,470 Torej je res, register0.php. 1057 00:49:29,470 --> 00:49:34,570 Torej dejstvo, da smo videli, da je ukrepanje vrednost pred nekaj trenutki za register0, to 1058 00:49:34,570 --> 00:49:37,500 potrjuje, da smo zares končalo gor na tem posebnem spisu. 1059 00:49:37,500 --> 00:49:39,040 >> Zdaj je to samo grda besedilo. 1060 00:49:39,040 --> 00:49:42,810 Ampak obvestilo, da je to besedilo prihajajo iz lokalnega gostitelja, 1061 00:49:42,810 --> 00:49:44,170 ki je iz aparata. 1062 00:49:44,170 --> 00:49:46,350 Pomislite na aparatu sedaj samo Spletni strežnik, ki je lahko v 1063 00:49:46,350 --> 00:49:46,910 Science Center. 1064 00:49:46,910 --> 00:49:48,060 To bi lahko na dejanski spletu. 1065 00:49:48,060 --> 00:49:49,850 Torej je javno dostopen. 1066 00:49:49,850 --> 00:49:55,480 >> Torej je jasno, da je na nek način prenosa tvorijo inputs polj na strežnik 1067 00:49:55,480 --> 00:49:56,840 tako da lahko narediš nekaj z njimi. 1068 00:49:56,840 --> 00:49:59,020 Na žalost, register0 je precej neumno. 1069 00:49:59,020 --> 00:50:01,870 Vse to pa je izpisal niz ki je videti takole. 1070 00:50:01,870 --> 00:50:04,790 In to ni matrika v Občutek, ki ga poznamo. 1071 00:50:04,790 --> 00:50:08,760 Izkazalo se je, da PHP, in veliko jezikov, imajo ne samo številčno 1072 00:50:08,760 --> 00:50:12,350 indeksirana polja, katerih prvi indeks nič, nato pa eno, potem dve, nato pika, 1073 00:50:12,350 --> 00:50:13,780 pika, pika, n minus 1. 1074 00:50:13,780 --> 00:50:16,400 >> To je tisto, kar se imenuje asociativni niz. 1075 00:50:16,400 --> 00:50:21,150 Asociativni array je tista, v kateri lahko shranite parov ključev vrednosti, kadar 1076 00:50:21,150 --> 00:50:23,160 ključ ni nujno številko. 1077 00:50:23,160 --> 00:50:25,580 To bi pravzaprav lahko godalni, beseda. 1078 00:50:25,580 --> 00:50:28,230 In zato lahko to izvesti, Pod pokrovom motorja se je izkazalo, 1079 00:50:28,230 --> 00:50:31,896 uporablja podatkovno strukturo, imenovano? 1080 00:50:31,896 --> 00:50:33,600 Mislil nekaj dramatičnega se bo zgodilo - 1081 00:50:33,600 --> 00:50:34,840 razpršene tabele. 1082 00:50:34,840 --> 00:50:38,955 >> Tako razpršena tabela, odpoklic, tiste, ki ste kdo je to storil za P set 6 ali celo odpoklic 1083 00:50:38,955 --> 00:50:44,110 je, vsaj, tudi če si poskusiti, razpršene tabele, v našem uporabe, je bila uporabljena za 1084 00:50:44,110 --> 00:50:45,090 samo trgovina besed. 1085 00:50:45,090 --> 00:50:47,980 Ampak res, da so bile shranjevanje ključi in vrednote. 1086 00:50:47,980 --> 00:50:51,940 Če ste izvedli razpršene tabele za P nastavite 6 slovar, ključi so bili 1087 00:50:51,940 --> 00:50:56,890 same besede, in vrednosti so bili dejansko resnična ali neresnična. 1088 00:50:56,890 --> 00:51:00,190 Ja, tukaj, ali implicitno Ne, ne tukaj. 1089 00:51:00,190 --> 00:51:02,140 >> No, mogoče posplošiti to idejo. 1090 00:51:02,140 --> 00:51:06,230 In smo lahko uporabljajo zelo podobne podatke Struktura za shranjevanje ni niz 1091 00:51:06,230 --> 00:51:10,180 sama sama v vašem razpršene tabele, vendar Predvidevam, da je v vsakem od vaše hash 1092 00:51:10,180 --> 00:51:11,130 vozlišča tabele. 1093 00:51:11,130 --> 00:51:14,210 In bi lahko tudi to storite v poskusu namesto samo še bool. 1094 00:51:14,210 --> 00:51:15,350 Lahko bi imeli nekaj drugega. 1095 00:51:15,350 --> 00:51:19,590 Kaj pa, če ključ ni bil Maxwell, za instance, vendar quote citata "ime", ali 1096 00:51:19,590 --> 00:51:22,900 citiram konec citata "kapetan". In znotraj vaša podatkovna struktura C, daš 1097 00:51:22,900 --> 00:51:26,170 vrednost, ne samo logično, ampak vrednosti kot citatom navednicah "David," ali 1098 00:51:26,170 --> 00:51:28,690 "M" ali "Matthews" in tako naprej. 1099 00:51:28,690 --> 00:51:33,170 >> Torej istih podatkovnih struktur smo uporabili očitno obstajajo v drugih jezikih. 1100 00:51:33,170 --> 00:51:37,650 In sem trdijo oni dejansko veliko, veliko enostavnejši dostop tukaj. 1101 00:51:37,650 --> 00:51:40,300 Oglejmo v resnici si oglejte Zdaj na neki takega sintakso. 1102 00:51:40,300 --> 00:51:43,120 >> Jaz grem v imenik PHP. 1103 00:51:43,120 --> 00:51:48,390 In bom odprla bolje različica Hello-0 od prej. 1104 00:51:48,390 --> 00:51:50,270 Obvestilo, da je bilo vse, kar sem storil dodati nekaj pripomb. 1105 00:51:50,270 --> 00:51:52,530 Tako bomo lahko znebiti tega odvračanja pozornosti. 1106 00:51:52,530 --> 00:51:57,610 >> In ta program dejansko natisne Pozdravljeni, ker sem določene med 1107 00:51:57,610 --> 00:52:01,420 oznake, ki jih želim izvesti to kodo. 1108 00:52:01,420 --> 00:52:03,380 Zdaj bomo videli v trenutku zakaj je to koristno. 1109 00:52:03,380 --> 00:52:05,630 Ampak Odprimo en drug primer. 1110 00:52:05,630 --> 00:52:10,430 Dovolite mi, da gredo naprej in odprla reči, gedit pogojev enega. 1111 00:52:10,430 --> 00:52:12,970 >> To je davnega leta časa. 1112 00:52:12,970 --> 00:52:16,320 Ampak tedni, mislim, v enem tednu ali dva tedna, smo imeli primer, imenovano 1113 00:52:16,320 --> 00:52:18,470 conditions1.c. 1114 00:52:18,470 --> 00:52:22,050 In sem se odločil, da ga reimplement v PHP, samo da nekako poudariti, da 1115 00:52:22,050 --> 00:52:26,500 PHP, skladenjsko, je skoraj identična na C. To ni velik preskok 1116 00:52:26,500 --> 00:52:27,840 od prejšnjega tedna na to. 1117 00:52:27,840 --> 00:52:31,230 >> Obvestilo na vrhu tega programa, ki začne, kot prej, z nekaterimi 1118 00:52:31,230 --> 00:52:34,260 pripomb, ki jih bom znebil od kot odvračanje pozornosti. 1119 00:52:34,260 --> 00:52:37,410 Opazili, da sem v PHP Način v tej datoteki. 1120 00:52:37,410 --> 00:52:40,160 Torej to kodo, bomo videli, zaslužiti izvršiti. 1121 00:52:40,160 --> 00:52:42,670 Opazite, da je readline, kar je verjetno 1122 00:52:42,670 --> 00:52:46,230 analogni v PHP leta getstring. 1123 00:52:46,230 --> 00:52:47,390 Obvestilo je malo drugačna. 1124 00:52:47,390 --> 00:52:51,410 Ste dejansko določa poziv za Funkcija se imenuje brati linijo, in to je 1125 00:52:51,410 --> 00:52:52,180 kar uporabnik vidi. 1126 00:52:52,180 --> 00:52:53,520 Torej vam ni treba printf ročno. 1127 00:52:53,520 --> 00:52:54,860 Ampak to ni nič takega. 1128 00:52:54,860 --> 00:52:59,150 Jaz grem za shranjevanje, notranjost $ n, vrniti to vrednost, tako da karkoli 1129 00:52:59,150 --> 00:53:00,490 uporabnik vnese v njihova int. 1130 00:53:00,490 --> 00:53:01,660 In tu je še ena zanimivost. 1131 00:53:01,660 --> 00:53:05,810 Izkazalo se je, v PHP, vsako spremenljivko je le, da je treba predpono 1132 00:53:05,810 --> 00:53:06,970 z znak za dolar. 1133 00:53:06,970 --> 00:53:08,110 To je malce nadležno. 1134 00:53:08,110 --> 00:53:10,870 Opazil kar nisem storil v PHP. 1135 00:53:10,870 --> 00:53:13,980 Kaj manjka na levi strani stran enačaj? 1136 00:53:13,980 --> 00:53:15,430 >> Ne omenja vrste. 1137 00:53:15,430 --> 00:53:19,400 Torej je drugačen od C. Za boljše ali še huje, PHP je ohlapno 1138 00:53:19,400 --> 00:53:20,550 natipkan jezik. 1139 00:53:20,550 --> 00:53:22,010 To pa ima številke. 1140 00:53:22,010 --> 00:53:23,240 To pa ima strune. 1141 00:53:23,240 --> 00:53:24,015 To pa ima Booleans. 1142 00:53:24,015 --> 00:53:26,220 In to ima nekaj druge vrste podatkov. 1143 00:53:26,220 --> 00:53:30,570 Ampak ti, programer, običajno vam ni treba skrbeti zanje. 1144 00:53:30,570 --> 00:53:34,010 Glavo je to, da naredi je malo lažje programu. 1145 00:53:34,010 --> 00:53:35,380 Si lahko zamislite malo manj. 1146 00:53:35,380 --> 00:53:39,840 Slaba stran je, da tudi vam odpira morebitne napake, če ste pomotoma 1147 00:53:39,840 --> 00:53:43,080 zdravljenje številko kot niz, niz kot številka, potencialno pa tudi 1148 00:53:43,080 --> 00:53:46,150 potem PHP, in veliko jezikov, so zelo strpni. 1149 00:53:46,150 --> 00:53:49,050 Uporabili bodo kar se imenuje implicitne pretvorbe. 1150 00:53:49,050 --> 00:53:55,220 In če boste poskušali uporabiti n v okviru številske razmer, bo 1151 00:53:55,220 --> 00:53:58,040 spremeniti tisto, kar tukaj se bo string, ker če uporabnik vnese 1152 00:53:58,040 --> 00:54:01,570 Nekaj ​​je, in dobiš rezultat, kot pri readline, ali dobiti niz, 1153 00:54:01,570 --> 00:54:02,910 da se dogaja, da se vrnete niz. 1154 00:54:02,910 --> 00:54:07,360 >> Ampak obvestilo, nekaj vrstic pozneje, sem preveri, če je n večji od nič. 1155 00:54:07,360 --> 00:54:13,370 Torej PHP se dogaja, da implicitno odda moja "Niz" 123, ali karkoli uporabnik 1156 00:54:13,370 --> 00:54:14,860 vrste v, v notr. 1157 00:54:14,860 --> 00:54:18,730 Torej na kratko, stvari preprosto deluje Veliko bolj intuitivno. 1158 00:54:18,730 --> 00:54:23,410 Tako smo zdaj začeli, da se sprostite nekaj Stvari, ki smo jih storili v preteklosti. 1159 00:54:23,410 --> 00:54:24,780 >> Veliko teh stvari je Enako, čeprav. 1160 00:54:24,780 --> 00:54:26,340 Še vedno enaka enaka. 1161 00:54:26,340 --> 00:54:30,350 Kot PHP stran je prav tako enaka enaka enaka, vendar več o tem, morda v 1162 00:54:30,350 --> 00:54:30,850 prihodnosti. 1163 00:54:30,850 --> 00:54:31,150 To je bilo. 1164 00:54:31,150 --> 00:54:35,660 Slovnične napake, ampak dva enaka znamenja pomeni isto stvar kot prej, za primerjavo. 1165 00:54:35,660 --> 00:54:37,060 printf pomeni isto kot prej. 1166 00:54:37,060 --> 00:54:39,160 Nagibnica n pomeni isto stvar kot prej. 1167 00:54:39,160 --> 00:54:40,390 >> Torej, kako deluje ta program? 1168 00:54:40,390 --> 00:54:44,400 No, tako kot prej, če naredim PHP, conditions1.php, in tip v 1169 00:54:44,400 --> 00:54:46,560 več kot 123. 1170 00:54:46,560 --> 00:54:47,720 To je pozitivno število. 1171 00:54:47,720 --> 00:54:49,510 Če sem tipa na 0, 0 primem. 1172 00:54:49,510 --> 00:54:53,700 In če sem tip v negativnem 123, dobim nazaj negativno število, ki je le 1173 00:54:53,700 --> 00:54:59,050 reči, skladenjsko, PHP je super, super podobno. 1174 00:54:59,050 --> 00:55:03,250 >> Torej, zakaj je to zdaj koristno V spletnem kontekstu? 1175 00:55:03,250 --> 00:55:06,710 No, vrnimo se na ta froshims Primer, ki je pogledal, 1176 00:55:06,710 --> 00:55:08,600 spet, kot je ta tukaj. 1177 00:55:08,600 --> 00:55:11,580 In kaj je pravzaprav dvigni spletno stran Ponovno, ki je izgledal kot ta. 1178 00:55:11,580 --> 00:55:14,930 Kaj lahko storimo z podatke, ki jih je predložil? 1179 00:55:14,930 --> 00:55:18,770 >> No, naj odprejo novejši različica tega. 1180 00:55:18,770 --> 00:55:20,920 In boste videli, da je problem Specifikacija kompleti vas popelje 1181 00:55:20,920 --> 00:55:22,850 skozi nekaj od teh. 1182 00:55:22,850 --> 00:55:29,610 Namesto da bi začeli z ničle, oglejmo froshims3, 1183 00:55:29,610 --> 00:55:31,410 ki ima malo več. 1184 00:55:31,410 --> 00:55:34,780 >> Obvestilo prvič, pravzaprav, kaj je odprto največ, kar je bilo 0, tako da boste videli 1185 00:55:34,780 --> 00:55:37,170 kaj je register 0. 1186 00:55:37,170 --> 00:55:40,040 Opažati register 0 storil. 1187 00:55:40,040 --> 00:55:41,730 Eno imam pripombe na vrhu. 1188 00:55:41,730 --> 00:55:43,900 Izbrišite in se osredotočiti le na to. 1189 00:55:43,900 --> 00:55:48,730 Večino vsebine register0.php so, seveda, kateri jezik? 1190 00:55:48,730 --> 00:55:49,980 Samo surovo PHP. 1191 00:55:49,980 --> 00:55:53,430 >> Torej obvestilu, ta datoteka ne začne s, v tem trenutku, odprtem razredu, 1192 00:55:53,430 --> 00:55:54,970 Vprašanje znamka, PHP. 1193 00:55:54,970 --> 00:55:59,800 PHP pa vam omogočajo, da mešata PHP kodo v HTML oznake. 1194 00:55:59,800 --> 00:56:04,130 Vendar sem naredil, da je tu notri strani tukaj. 1195 00:56:04,130 --> 00:56:08,180 >> Zdaj, še enkrat, bi vedel samo to iz ko je pogledal v priročniku. print_r, 1196 00:56:08,180 --> 00:56:13,410 Izkazalo se je, je print_recursive. _recursive In to je samo priročen 1197 00:56:13,410 --> 00:56:16,780 funkcija koristnosti, ki samo natisne, rekurzivno, karkoli ga odložite. 1198 00:56:16,780 --> 00:56:18,760 Če ga ročno niz, da bomo natisniti niz. 1199 00:56:18,760 --> 00:56:20,180 Če ga predali številko, da bomo natisniti številko. 1200 00:56:20,180 --> 00:56:21,570 Podaj niz, se bo natisniti niz. 1201 00:56:21,570 --> 00:56:24,500 Če ga izročil razpršene tabele, je bo izpisal razpršene tabele. 1202 00:56:24,500 --> 00:56:26,730 Vam ni treba napisati vse tega zakonika sami. 1203 00:56:26,730 --> 00:56:29,490 >> Zdaj opazil, da sem vstopu PHP Način tukaj. 1204 00:56:29,490 --> 00:56:32,070 Jaz sem izhodu iz načina PHP tukaj. 1205 00:56:32,070 --> 00:56:35,950 Torej, ko spletni strežnik prebere to sliko od zgoraj navzdol, od leve proti desni, ker 1206 00:56:35,950 --> 00:56:40,750 se konča v datoteke imenovane. php, vse, kar ni znotraj PHP oznak je 1207 00:56:40,750 --> 00:56:42,820 samo bo treba pljuvati ven, kot surovi HTML. 1208 00:56:42,820 --> 00:56:43,630 No big deal. 1209 00:56:43,630 --> 00:56:49,280 Toda takoj, ko opazi, spletni strežnik to, da je hotel reči, da ne bi 1210 00:56:49,280 --> 00:56:51,850 pljunil ven, dobesedno, print_r post. 1211 00:56:51,850 --> 00:56:54,910 Jaz bi morala izvesti naslednja vrstica kode. 1212 00:56:54,910 --> 00:56:59,850 >> Torej zadnje vprašanje, potem te datoteke je, no, kaj za vraga je to? 1213 00:56:59,850 --> 00:57:00,530 Ugibati. 1214 00:57:00,530 --> 00:57:04,230 Kaj je $ _POST, verjetno? 1215 00:57:04,230 --> 00:57:07,070 >> PUBLIKA: [neslišno] 1216 00:57:07,070 --> 00:57:08,830 >> SPEAKER 1: Ja, so objavljene podatke. 1217 00:57:08,830 --> 00:57:11,350 Spomnimo se, kaj je pomaknete nazaj Čas za trenutek. 1218 00:57:11,350 --> 00:57:13,165 froshim0 spet videti takole. 1219 00:57:13,165 --> 00:57:15,640 Super večina je to le HTML. 1220 00:57:15,640 --> 00:57:18,410 Spet nekaj oznak, ki jih niso še videli, ali ki 1221 00:57:18,410 --> 00:57:19,360 ste že seznanjeni. 1222 00:57:19,360 --> 00:57:21,990 Ampak zanimivo je to. 1223 00:57:21,990 --> 00:57:27,270 Tale vrstica je tisto, kar zares povezuje je za naše register0.php datoteko. 1224 00:57:27,270 --> 00:57:29,200 Jaz sem oddajo po metodi pošti. 1225 00:57:29,200 --> 00:57:33,130 To pa pomeni, da so parametri uporabnik vnese v ne 1226 00:57:33,130 --> 00:57:35,150 bo na koncu kje. 1227 00:57:35,150 --> 00:57:36,175 >> Oni ne bodo pokažejo v URL. 1228 00:57:36,175 --> 00:57:39,020 So še vedno dogaja, da se pošlje iz Stranka, iz brskalnika, da 1229 00:57:39,020 --> 00:57:42,080 strežnik, ampak samo preko nekaterih drugih mehanizem, da bomo opusti svoje roke 1230 00:57:42,080 --> 00:57:44,330 na za danes, vendar to ni v URL. 1231 00:57:44,330 --> 00:57:47,630 Opazil razmerje sedaj s pošta, ki po dogovoru, je 1232 00:57:47,630 --> 00:57:49,160 male tukaj. 1233 00:57:49,160 --> 00:57:54,090 >> Ampak, če sem odprla register0.php, Jaz sem očitno tiskanje tega. 1234 00:57:54,090 --> 00:57:56,450 Torej je to nekako čudno poimenovanja. 1235 00:57:56,450 --> 00:58:01,430 Toda kaj je lepo v PHP je, da ko uporabljate PHP v spletnem kontekstu, sploh ne 1236 00:58:01,430 --> 00:58:04,480 ukazni vrstici, kot sem pred nekaj trenutki, ko ste dejansko uporabi na spletu 1237 00:58:04,480 --> 00:58:10,580 Stran je v vhost imenik, kot smo, samodejno, bo PHP zapolniti to 1238 00:58:10,580 --> 00:58:15,560 stvar, ki je asociativno polje, tako rekoč, a razpršene tabele, s 1239 00:58:15,560 --> 00:58:17,290 vse, kar uporabnik vtipka 1240 00:58:17,290 --> 00:58:22,000 >> Na kratko, $ _POST v vseh kape je globalna spremenljivka, PHP pravkar 1241 00:58:22,000 --> 00:58:25,050 čudežno ustvarja za vas, ko uporabljate PHP v spletnem okolju. 1242 00:58:25,050 --> 00:58:29,160 In postavlja notri vse Imena parametrov v obliki tega 1243 00:58:29,160 --> 00:58:33,200 je bil predložen v to datoteko in vse vrednosti, da uporabnik vtipka 1244 00:58:33,200 --> 00:58:37,790 Tako da roke na vas, kaj uporabnik vnesli v tej obliki. 1245 00:58:37,790 --> 00:58:42,210 >> Torej, preden smo dobili res neumno izhod da samo to videl, ker sem povedal vse 1246 00:58:42,210 --> 00:58:44,400 je rekurzivno natisni array. 1247 00:58:44,400 --> 00:58:46,060 Ključ je ime, vrednost je David. 1248 00:58:46,060 --> 00:58:46,980 Ključno je, kapitan. 1249 00:58:46,980 --> 00:58:47,970 Vrednost je na. 1250 00:58:47,970 --> 00:58:52,300 In dvojno puščico in kot Nosilec obstaja, to je samo poljubna. 1251 00:58:52,300 --> 00:58:53,270 To ni številka. 1252 00:58:53,270 --> 00:58:57,690 To je samo PHP način prikazuje, kakšna je vrednost nekega ključa. 1253 00:58:57,690 --> 00:59:03,000 >> Zdaj pa naj predlagajo, da v froshIMs3, da je skoraj identična 1254 00:59:03,000 --> 00:59:04,950 razen zatrjuje, da te datoteke. 1255 00:59:04,950 --> 00:59:08,570 In še enkrat, bomo nekako le pogled na to, samo da bi videli nekaj 1256 00:59:08,570 --> 00:59:12,040 sintaksa, ampak obvestilo, kaj ta datoteka ne. 1257 00:59:12,040 --> 00:59:14,930 Vzemite ugibati temelji le na progah oznaka, ki verjetno ne izgledal 1258 00:59:14,930 --> 00:59:17,410 Grški, do neke mere, je očitno počne. 1259 00:59:17,410 --> 00:59:20,580 1260 00:59:20,580 --> 00:59:23,110 >> Ta datoteka je nekako povezano na pošti, e-pošta. 1261 00:59:23,110 --> 00:59:24,770 Torej, kaj je ta program počne? 1262 00:59:24,770 --> 00:59:28,740 V tej različici, če bi bil dejansko izpolnite ta obrazec - in me spustili na 1263 00:59:28,740 --> 00:59:30,760 froshIMs3, ne froshIMs0 - 1264 00:59:30,760 --> 00:59:33,280 1265 00:59:33,280 --> 00:59:34,540 oblika videti enako. 1266 00:59:34,540 --> 00:59:37,980 David, kapetan, moški, domu, Matthews. 1267 00:59:37,980 --> 00:59:42,980 Ampak, če sem to predloži, je ta datoteka šli na register3.php. 1268 00:59:42,980 --> 00:59:46,330 >> In Trdim, ki jih gledamo na to Izvorna koda, da se bo 1269 00:59:46,330 --> 00:59:47,650 nekako vključiti e-pošte. 1270 00:59:47,650 --> 00:59:49,620 Dovolite mi, da gredo naprej in odprite to v večji okna, tako da 1271 00:59:49,620 --> 00:59:51,030 lahko videli bolj čisto. 1272 00:59:51,030 --> 00:59:57,220 Smo v Vhosts, lokalni gostitelj, javnosti, froshims. 1273 00:59:57,220 --> 00:59:58,680 Bom odprla drugačna Program, samo zato, da 1274 00:59:58,680 --> 01:00:00,160 Več lahko vidite na enkrat. 1275 01:00:00,160 --> 01:00:03,100 >> Torej, zdaj tukaj, opazil nekaj stvari. 1276 01:00:03,100 --> 01:00:06,530 Na vrhu datoteke je odprt nosilec, vprašaj, PHP. 1277 01:00:06,530 --> 01:00:08,920 Potem je tu še kup pripomb, ki lahko odmislimo, je 1278 01:00:08,920 --> 01:00:10,450 nezanimiv za zdaj. 1279 01:00:10,450 --> 01:00:11,300 >> Zdaj pa je to. 1280 01:00:11,300 --> 01:00:14,200 Izkazalo se je, PHP ima veliko kode imenuje zahtevajo. 1281 01:00:14,200 --> 01:00:19,110 To je zelo podobno v duhu C? vključujejo hash vključujejo, ki 1282 01:00:19,110 --> 01:00:21,980 bistvu zagrabi vsebine nekaterih druge datoteke in jih samo skoči tukaj 1283 01:00:21,980 --> 01:00:22,930 tako da jih lahko uporabite. 1284 01:00:22,930 --> 01:00:27,060 V tem primeru aparata, vnaprej nameščen, knjižnica, svobodne in 1285 01:00:27,060 --> 01:00:29,900 open source knjižnica imenuje PHP mailer, da lahko vsakdo 1286 01:00:29,900 --> 01:00:30,770 prenesete iz interneta. 1287 01:00:30,770 --> 01:00:32,000 Smo ga pravkar naredil za vas. 1288 01:00:32,000 --> 01:00:36,130 In to pomeni, da imam sedaj email Funkcionalnost imam na voljo. 1289 01:00:36,130 --> 01:00:38,170 >> Zdaj, opazili nekaj stvari. 1290 01:00:38,170 --> 01:00:41,120 Jaz bom za potrditev predložitev obrazca. 1291 01:00:41,120 --> 01:00:45,980 Izkazalo se je, PHP, ena, ima klicaj točk za ne operaterja, tako kot 1292 01:00:45,980 --> 01:00:49,810 C. Ampak PHP ima tudi funkcijo imenovano prazna. 1293 01:00:49,810 --> 01:00:53,920 >> Prazne vrne ravno res, če vrednost za stvar, ki jo predati 1294 01:00:53,920 --> 01:00:57,190 oklepaje je prazna, tako kot Uporabnik ni tip nič noter 1295 01:00:57,190 --> 01:01:02,680 Torej je to rekel, in opazil, sintaksa, zelo spominja na C, če 1296 01:01:02,680 --> 01:01:07,730 Ime ključ, tako ime polja v obliki ki je bila predložena po pošti, 1297 01:01:07,730 --> 01:01:13,010 uporabnik, ni prazna in njihovi spol ni prazna, v obliki, kot je 1298 01:01:13,010 --> 01:01:15,980 No, in njihova domu ni prazna - 1299 01:01:15,980 --> 01:01:19,980 Opazil sem, ne skrbi Captain, In kaj bomo naredili? 1300 01:01:19,980 --> 01:01:21,990 >> Jaz grem za izvedbo ta vrstica kode. 1301 01:01:21,990 --> 01:01:24,100 In lahko si misliš o tovrstnih kot funkcije malloc, vendar je malo 1302 01:01:24,100 --> 01:01:24,800 Ljubitelj kot to. 1303 01:01:24,800 --> 01:01:29,200 Ampak za zdaj je to mi daje poseben struct tipa PHP mailer. 1304 01:01:29,200 --> 01:01:31,410 Ampak prezreti ključno besedo novega za danes. 1305 01:01:31,410 --> 01:01:35,670 >> Zdaj bom pokličete funkcijo IsSMTP, ki pravi, uporabite SMTP. 1306 01:01:35,670 --> 01:01:39,380 To je vrata 25, tako kot video prejšnji teden, ko je bila stvar, ki meče 1307 01:01:39,380 --> 01:01:40,710 e-poštna sporočila v požarni zid. 1308 01:01:40,710 --> 01:01:42,440 Port 25 je SMTP. 1309 01:01:42,440 --> 01:01:44,410 SMTP pomeni uporabljate poštni strežnik. 1310 01:01:44,410 --> 01:01:46,215 Katera lahko uporabimo Harvardu SMTP.fas.harvard.edu. 1311 01:01:46,215 --> 01:01:48,850 1312 01:01:48,850 --> 01:01:51,590 >> Mi lahko nastavite od naslova da je John Harvard. 1313 01:01:51,590 --> 01:01:55,090 Če sem se pomaknite naprej, lahko nastavite naslov prejemnika, samo 1314 01:01:55,090 --> 01:01:56,840 samovoljno, da je John Harvard je kot dobro. 1315 01:01:56,840 --> 01:01:59,210 Tako se dogaja, se sam emailing. 1316 01:01:59,210 --> 01:02:01,600 >> Zdaj lahko nastavite temo za registracijo. 1317 01:02:01,600 --> 01:02:03,700 In lahko sem nastavil telo na email takole. 1318 01:02:03,700 --> 01:02:06,500 Ta linija je videti malo bolj nejasna, ampak to je samo zato, ker je veliko 1319 01:02:06,500 --> 01:02:07,450 informacij v njem. 1320 01:02:07,450 --> 01:02:10,670 Ena, tam je pika operater. 1321 01:02:10,670 --> 01:02:14,510 Nekdo že ve, kaj operator pika ne. 1322 01:02:14,510 --> 01:02:15,436 To je združevanje. 1323 01:02:15,436 --> 01:02:19,240 Torej, če želite, da sprejme niz v PHP, in dodajanje ali ga pripnite, da 1324 01:02:19,240 --> 01:02:23,500 drugi niz v PHP, hvala Bogu ne bi bilo treba uporabiti strcopy in malloc, 1325 01:02:23,500 --> 01:02:25,490 in vse to več. 1326 01:02:25,490 --> 01:02:28,765 >> Če želite za združevanje dveh nizov, ki skrbi za spomin. 1327 01:02:28,765 --> 01:02:30,850 Naj PHP podatek, da je za vas. 1328 01:02:30,850 --> 01:02:35,200 Kaj bo PHP storiti z operaterjem dot Tu je le, da velika kazen out 1329 01:02:35,200 --> 01:02:37,900 te vrstice, ta linija, ta vrstica, ta linija. 1330 01:02:37,900 --> 01:02:40,460 In sedaj obvestilo, da se dogaja se priklopom na vrednosti. 1331 01:02:40,460 --> 01:02:43,680 Torej email, da je John Harvard dogaja prejemati dobesedno reči 1332 01:02:43,680 --> 01:02:49,450 Ime, debelega črevesa, nekaj, ampak potem smo zaprite niz in združevanje na 1333 01:02:49,450 --> 01:02:52,220 karkoli Vtipkali v, nato novo vrstico. 1334 01:02:52,220 --> 01:02:54,570 >> Nato pa na naslednji vrstici John Harvard e, da se bo pravi 1335 01:02:54,570 --> 01:02:55,910 Kapitan, On ali nič. 1336 01:02:55,910 --> 01:02:57,810 To se dogaja, pravijo, spol, moški ali ženska. 1337 01:02:57,810 --> 01:02:59,680 Domu se bo Matthews v mojem primeru. 1338 01:02:59,680 --> 01:03:03,400 In potem opazil znano podpičjem na samem koncu. 1339 01:03:03,400 --> 01:03:07,830 In potem sem dol, obvestilo, nekoliko skrivnosten vedno, ampak spet, po 1340 01:03:07,830 --> 01:03:12,730 Vzorec, ki ga bo postalo znano Po P nastavite 7, če pošiljanje pošte 1341 01:03:12,730 --> 01:03:16,610 vrne false, potem pojdi naprej in umre. 1342 01:03:16,610 --> 01:03:19,610 >> Torej PHP ima funkcijo imenovano die, ki dobesedno, samo ubija 1343 01:03:19,610 --> 01:03:22,830 Spletna stran in samo natisne karkoli vam povedati - njegovo umira 1344 01:03:22,830 --> 01:03:24,280 besede, tako rekoč. 1345 01:03:24,280 --> 01:03:28,310 In da se v primeru, da bo tiskanje kaj info napaka je, 1346 01:03:28,310 --> 01:03:29,860 kaj se je zgodilo, da gre kaj narobe. 1347 01:03:29,860 --> 01:03:34,490 Tako da skrajšam zgodbo tukaj, kar imamo V naslednjem primeru, ko uporabnik 1348 01:03:34,490 --> 01:03:39,150 predloži obrazec, froshim0, froshims3.php, da gre za 1349 01:03:39,150 --> 01:03:40,760 register3.php. 1350 01:03:40,760 --> 01:03:45,290 Ampak register3.php potem nadaljuje za izvajanje vseh teh linij. 1351 01:03:45,290 --> 01:03:46,620 >> Torej, obstaja nekaj Vzemite Prospekti tukaj. 1352 01:03:46,620 --> 01:03:50,380 Ena, to je očitno dokaj enostavno, načrtno, da pošljete e-pošto, 1353 01:03:50,380 --> 01:03:50,830 kar je dobro. 1354 01:03:50,830 --> 01:03:53,500 Ko uporabniki registrirati za vašo spletno stran, v V tem primeru, ko se prijavimo za vašo 1355 01:03:53,500 --> 01:03:56,220 šport, lahko email novinec Proctor, ali John 1356 01:03:56,220 --> 01:03:57,650 Harvard, v tem primeru. 1357 01:03:57,650 --> 01:04:01,630 >> Ampak to tudi pomeni, da lahko narediš kaj? 1358 01:04:01,630 --> 01:04:03,970 Pošiljanje e-pošte od nikogar nikomur. 1359 01:04:03,970 --> 01:04:05,430 To je zelo res. 1360 01:04:05,430 --> 01:04:08,580 To ni tako enostavno narediti, če ste navajeni na uporabo Gmaila. 1361 01:04:08,580 --> 01:04:11,310 Ampak, če ste že kdaj uporabili Eudora ali Outlook, lahko precej povedati 1362 01:04:11,310 --> 01:04:13,720 poštni strežnik, ki ste kdorkoli želite. 1363 01:04:13,720 --> 01:04:16,450 In to je, če moram dati na da klobuk in rekel, ne delaj tega. 1364 01:04:16,450 --> 01:04:21,140 Ampak to je dokaz, kako enostavno je za izvajanje phishing napadov, in 1365 01:04:21,140 --> 01:04:24,310 pošiljanje anonimne e-pošte, in spam, bolj na splošno. 1366 01:04:24,310 --> 01:04:27,330 In res izvira na Dejstvo, da je vse, kar potrebujete, je nekaj 1367 01:04:27,330 --> 01:04:28,500 programski dostop. 1368 01:04:28,500 --> 01:04:31,940 >> Naj omenim, da moje najbližje srečanje s oglas deska, moja novinec leto, 1369 01:04:31,940 --> 01:04:34,320 je bil, ko sem odkril to kul trik, da wow, lahko 1370 01:04:34,320 --> 01:04:36,850 pošiljanje e-pošte od nikogar. 1371 01:04:36,850 --> 01:04:39,770 In tako smo imeli nekaj neumnega Trditev, dobesedno, v Matthews, 1372 01:04:39,770 --> 01:04:40,790 Med mojim Proctor skupine. 1373 01:04:40,790 --> 01:04:42,470 Sploh se ne spomnim kaj je problem. 1374 01:04:42,470 --> 01:04:44,970 Vendar sem želel, da bi poskušali postaviti konča na tej neumni razpravi. 1375 01:04:44,970 --> 01:04:48,580 >> Zato sem se odločil, bom samo pošljite email po mojem Proctor skupini in se pretvarjala, da je 1376 01:04:48,580 --> 01:04:52,000 Drugi tip, s katere mnenje I strinjal, in so mu privolili 1377 01:04:52,000 --> 01:04:54,680 kar je bilo moje mnenje v to predvsem razprava. 1378 01:04:54,680 --> 01:04:59,320 In tako sem ponarejena to e-pošto z uporabo Tehnika podoben duhu tega. 1379 01:04:59,320 --> 01:05:01,256 Vendar je bilo dejansko lažje v času. 1380 01:05:01,256 --> 01:05:02,435 Hit poslati. 1381 01:05:02,435 --> 01:05:06,660 On ni bil zadovoljen, niti ne bi so ad svet. 1382 01:05:06,660 --> 01:05:10,280 >> In bil sem zelo hitro ujela v sekund, ker, kot veste, sem se prijavijo 1383 01:05:10,280 --> 01:05:11,420 moje pošte na določen način. 1384 01:05:11,420 --> 01:05:14,200 In čeprav sem to storiti ročno, v veliki del, 15 let kasneje, ker sem bil 1385 01:05:14,200 --> 01:05:15,080 travmatizirana s tem. 1386 01:05:15,080 --> 01:05:16,960 Nimam podpisa na moj email zdaj. 1387 01:05:16,960 --> 01:05:20,440 Toda leta 1995, sem imel SIG, Podpis v mojem e-pošti. 1388 01:05:20,440 --> 01:05:24,630 Tako da je bila ta nota rekel, Dragi Proctor skupina, sem privoliti moje mnenje 1389 01:05:24,630 --> 01:05:31,240 in se strinjam z Davidom, podpisan in tako Tako, nova, nova linija, DJM. 1390 01:05:31,240 --> 01:05:36,220 >> Torej, ne delaj tega, ali na splošno, Prednost tega postopka. 1391 01:05:36,220 --> 01:05:39,950 Toda, ko izdelavo spletne strani, kot za vaš končni projekt, ko bodo 1392 01:05:39,950 --> 01:05:43,460 Spletna stran za nekaj podjetniške, to je, kako, pragmatično, lahko 1393 01:05:43,460 --> 01:05:47,000 vzvoda druge storitve na internetu kot so pošta in nato dejansko 1394 01:05:47,000 --> 01:05:49,440 pošlji stvari s pomočjo kode. 1395 01:05:49,440 --> 01:05:51,240 >> Torej, kako lahko izboljšamo to? 1396 01:05:51,240 --> 01:05:54,370 No, najprej vzemimo si kratko predstavitev nekatere stvari, ki jih boste videli, 1397 01:05:54,370 --> 01:05:56,170 in potem si oglejte Nekaj ​​primerov. 1398 01:05:56,170 --> 01:05:59,500 Torej ena, da bi pomirili, saj letimo skozi PHP. 1399 01:05:59,500 --> 01:06:02,470 In vem, da na neki točki, boste imeli dejansko začeli pisati to, če 1400 01:06:02,470 --> 01:06:03,460 imajo že ne. 1401 01:06:03,460 --> 01:06:06,220 Zavedam se, da je ena, glavna je nekako za skozi okno s PHP. 1402 01:06:06,220 --> 01:06:09,420 Če želite napisati kodo, ki dobi izvršena, ki ste jo pravkar začeli pisati v 1403 01:06:09,420 --> 01:06:13,970 datoteka z imenom. PHP dokler imate oklepaj 1404 01:06:13,970 --> 01:06:15,620 Vprašanje znamka PHP tag. 1405 01:06:15,620 --> 01:06:19,730 >> Ampak to so opazili razmere v php. 1406 01:06:19,730 --> 01:06:22,610 Obvestilo, da je to točno isto slide smo imeli v enem tednu, ko smo imeli 1407 01:06:22,610 --> 01:06:25,670 razmere v C. pogojih v PHP so strukturno in 1408 01:06:25,670 --> 01:06:27,140 skladenjsko enako. 1409 01:06:27,140 --> 01:06:30,290 Edina prava razlika je, če imaš vključene spremenljivke, imate tisti, 1410 01:06:30,290 --> 01:06:31,600 dolar znaki. 1411 01:06:31,600 --> 01:06:33,970 >> Medtem, Boolove izraze videti tako kot to za 1412 01:06:33,970 --> 01:06:35,725 ali-nih ali in-ing skupaj. 1413 01:06:35,725 --> 01:06:37,780 Stikala videti popolnoma enako. 1414 01:06:37,780 --> 01:06:42,180 Kaj je lepo v PHP, medtem ko je v C, Stikala morajo biti primeri na 1415 01:06:42,180 --> 01:06:46,380 primitivci kot ints ali ožge, v PHP Vaš primer izjave lahko dejansko 1416 01:06:46,380 --> 01:06:48,430 od cele nize, kar je pravzaprav nekako lepo. 1417 01:06:48,430 --> 01:06:49,480 Vam prihrani nekaj časa. 1418 01:06:49,480 --> 01:06:50,820 Tega ne bi mogla v C. 1419 01:06:50,820 --> 01:06:52,880 >> Tukaj je za zanke v PHP. 1420 01:06:52,880 --> 01:06:53,740 To je enako. 1421 01:06:53,740 --> 01:06:55,400 Morda imajo nekateri dolar znakov za spremenljivke. 1422 01:06:55,400 --> 01:06:57,530 Vam ni treba omeniti, da nekaj int. 1423 01:06:57,530 --> 01:07:00,580 Pravkar si jo razglasi z znak za dolar in ime spremenljivke. 1424 01:07:00,580 --> 01:07:01,430 Toda za zanke enaka. 1425 01:07:01,430 --> 01:07:02,760 Zanko, medtem ko je enaka. 1426 01:07:02,760 --> 01:07:04,870 , Medtem ko je zanka je enaka. 1427 01:07:04,870 --> 01:07:06,170 >> To je nekoliko drugačna. 1428 01:07:06,170 --> 01:07:12,410 Torej s PHP, s paleto, lahko statično razglasi niz, kot je v C, 1429 01:07:12,410 --> 01:07:14,420 ampak uporabite oglate oklepaje. 1430 01:07:14,420 --> 01:07:17,060 V C, bi lahko uporabite zavitimi oklepaji, če sploh vedel. 1431 01:07:17,060 --> 01:07:20,910 Ampak to je pravzaprav zelo pogosta v PHP prijaviti niz, v tem primeru, 1432 01:07:20,910 --> 01:07:23,640 številk, in pokličite spremenljive številke. 1433 01:07:23,640 --> 01:07:25,300 >> Spremenljivke sami videti takole. 1434 01:07:25,300 --> 01:07:28,710 Tukaj je niz, citiram konec citata "zdravo svet. "Lahko bi imeli poševnico nazaj n. 1435 01:07:28,710 --> 01:07:30,950 Jaz preprosto ne v tem primeru. 1436 01:07:30,950 --> 01:07:32,640 >> Zdaj je to zanimiv konstrukt. 1437 01:07:32,640 --> 01:07:33,700 C nima tega. 1438 01:07:33,700 --> 01:07:34,700 Ampak to je zelo koristen. 1439 01:07:34,700 --> 01:07:38,160 In boste to videli v P sklop 7 spec - za vsak konstrukt. 1440 01:07:38,160 --> 01:07:41,800 Če želite ponoviti čez vse Elementi matrike, nimate 1441 01:07:41,800 --> 01:07:45,500 ravnati z $ i in $ n, in + +, in vse to. 1442 01:07:45,500 --> 01:07:47,640 Lahko dobesedno pomeni v PHP, tem - 1443 01:07:47,640 --> 01:07:51,890 za vsako številkami kot številka, tako Jaz sem ob predpostavki, da je $ številke 1444 01:07:51,890 --> 01:07:53,380 je niz številk. 1445 01:07:53,380 --> 01:07:56,460 In ko rečem za vsako številkah kot število, bo to 1446 01:07:56,460 --> 01:08:00,505 samodejno, kot je moja zanka izvaja, posodobiti, na vsaki ponovitvi vrednost 1447 01:08:00,505 --> 01:08:03,260 Notranjost znak za dolar več - 1448 01:08:03,260 --> 01:08:07,730 znova in znova in znova hojo zame v tistem polju. 1449 01:08:07,730 --> 01:08:08,735 Tako da samo nam prihrani kodo. 1450 01:08:08,735 --> 01:08:12,250 Ni podpičji, ne + + 's, no i je, N-ih, to je samo lepo. 1451 01:08:12,250 --> 01:08:13,700 >> Ampak PHP ima tudi to. 1452 01:08:13,700 --> 01:08:14,830 In to je super močan. 1453 01:08:14,830 --> 01:08:17,410 In boste uporabljali to, roke no, v P nastavite 7. 1454 01:08:17,410 --> 01:08:21,990 In asociativno paleto razglašena tudi z oklepaji. 1455 01:08:21,990 --> 01:08:23,569 Opazil sintakso zdaj. 1456 01:08:23,569 --> 01:08:26,880 To spominja na tisto, kar smo videli z print_r trenutek nazaj. 1457 01:08:26,880 --> 01:08:31,810 Koliko tipk, kot majhen preverjanje razumnosti, se to polje se zdi, da imajo. 1458 01:08:31,810 --> 01:08:32,689 >> Torej ima dva. 1459 01:08:32,689 --> 01:08:33,830 In sem poklical ta niz. 1460 01:08:33,830 --> 01:08:36,760 Ampak če pomaga, si lahko zamislite to so razpršene tabele ali kot 1461 01:08:36,760 --> 01:08:37,930 asociativni niz. 1462 01:08:37,930 --> 01:08:39,580 Ampak to je samo drugačna tip matrike. 1463 01:08:39,580 --> 01:08:41,080 In spet, različni jeziki imajo ti. 1464 01:08:41,080 --> 01:08:43,810 Bomo videli kaj podobnega v JavaScriptu, kot dobro. 1465 01:08:43,810 --> 01:08:44,609 Obstajata dve tipki. 1466 01:08:44,609 --> 01:08:48,390 Ena je citat citata, "simbol" je eden citiram konec citata "ceno". In te ključe 1467 01:08:48,390 --> 01:08:49,250 vsak ima neko vrednost. 1468 01:08:49,250 --> 01:08:54,420 Vrednost simbola v tem primeru je FB, za Vrednost facebook, in cenovni je 49, 26, 1469 01:08:54,420 --> 01:08:56,899 ki je bil Facebook je stalež Cena od danes zjutraj. 1470 01:08:56,899 --> 01:09:00,170 >> Torej, kaj je koristno, o asociativni niz. 1471 01:09:00,170 --> 01:09:02,620 Lahko bi imeli številčno indeksirana polja s samo 1472 01:09:02,620 --> 01:09:04,120 preprostih oglatih oklepajih. 1473 01:09:04,120 --> 01:09:09,380 In lahko sem imel znak za dolar quote enaka samo to. 1474 01:09:09,380 --> 01:09:10,529 Dovolite mi, da dejansko narediti. 1475 01:09:10,529 --> 01:09:14,796 Recimo, namesto da sem razglasila to polje, kot je ta. 1476 01:09:14,796 --> 01:09:17,590 To je popolnoma veljavno, skladenjsko. 1477 01:09:17,590 --> 01:09:20,569 Da ne bo izgubila vse informacije, po sebi. 1478 01:09:20,569 --> 01:09:24,760 Še vedno vidim, da je simbol fb, in da je cena 49, 26. 1479 01:09:24,760 --> 01:09:28,939 Torej, zakaj so asociativni nizi prepričljivi? 1480 01:09:28,939 --> 01:09:30,189 >> PUBLIKA: Nimate, da se spomnimo če si dal stvari. 1481 01:09:30,189 --> 01:09:32,050 1482 01:09:32,050 --> 01:09:34,130 >> SPEAKER 1: Točno, nimate se spomnite, kjer ste postavili stvari. 1483 01:09:34,130 --> 01:09:37,670 Nimate samovoljno zapomniti da Borzni simbol je v razredu nič, 1484 01:09:37,670 --> 01:09:41,479 in cene delnic, je v razredu enem, kar je še posebej nevarno, če 1485 01:09:41,479 --> 01:09:43,220 spremeniti stvari, sčasoma. 1486 01:09:43,220 --> 01:09:46,399 To je veliko lepše povezati kaj bomo imenujemo metapodatki 1487 01:09:46,399 --> 01:09:48,340 s svojimi dejanskimi podatki. 1488 01:09:48,340 --> 01:09:52,399 Želel trdijo, da je tisto, kar resnično zanima o tem je fb in 49, 26.. 1489 01:09:52,399 --> 01:09:57,020 Simbol in cena je metapodatki , ki opisuje podatke smo 1490 01:09:57,020 --> 01:09:58,180 dejansko skrbi. 1491 01:09:58,180 --> 01:10:01,910 Ampak to je samo toliko lažji dostop. 1492 01:10:01,910 --> 01:10:04,090 >> Zdaj, kot prahi, kaj je cena, ki jo plačujemo? 1493 01:10:04,090 --> 01:10:06,600 Smo bili početje V CS50 tednov. 1494 01:10:06,600 --> 01:10:10,740 Ta funkcija mora priti na neki strošek. 1495 01:10:10,740 --> 01:10:11,350 Spomin. 1496 01:10:11,350 --> 01:10:13,830 Torej, ste ne le shranjevanje 32-bitni celo število, npr. 1497 01:10:13,830 --> 01:10:17,980 Ste shranjevanje simbol / 0, verjetno. 1498 01:10:17,980 --> 01:10:19,160 Torej boste uporabljali več pomnilnika. 1499 01:10:19,160 --> 01:10:22,540 >> In kaj je uspešnost videti kaj v 1500 01:10:22,540 --> 01:10:24,822 asociativni niz, verjetno? 1501 01:10:24,822 --> 01:10:26,590 Verjetno je počasnejši. 1502 01:10:26,590 --> 01:10:29,670 Bralno-pisalnega je lepo, še posebej, ko lahko naredite binarno iskanje. 1503 01:10:29,670 --> 01:10:33,380 Ampak, če ste dejansko zdaj ne iščejo za številke, ampak nize, to 1504 01:10:33,380 --> 01:10:37,630 Resnično se izvaja pod napa, verjetno kot razpršene tabele, kjer 1505 01:10:37,630 --> 01:10:42,950 uporabite bodisi razpršene tabele z ločenim veriženju. 1506 01:10:42,950 --> 01:10:46,040 Ali pa uporabite poskusiti, da dejansko shranjevanje vrednosti. 1507 01:10:46,040 --> 01:10:50,550 Tako da morda lahko storite konstantno nekaj časa, vendar boste še vedno morali pogledati S-Y-M-B-O-L, 1508 01:10:50,550 --> 01:10:54,510 lahko, namesto samo 32 bitov, da iščejo nekaj gor. 1509 01:10:54,510 --> 01:10:58,430 Torej še enkrat, te iste ideje, ki prihajajo nazaj ponovil v tem kontekstu. 1510 01:10:58,430 --> 01:11:02,120 >> Ampak še enkrat, PHP ima zdaj nekaj super globals, da se je izkazalo, so 1511 01:11:02,120 --> 01:11:02,900 asociativne nize. 1512 01:11:02,900 --> 01:11:05,590 Videli smo eno malo prej, $ _POST. 1513 01:11:05,590 --> 01:11:08,400 In to super Global ima ključe in vrednosti. 1514 01:11:08,400 --> 01:11:10,550 Natančneje, ključi line up s čim? 1515 01:11:10,550 --> 01:11:14,520 Kje so ključi v $ _POST prišel? 1516 01:11:14,520 --> 01:11:15,380 Samo da Rekapitulacija? 1517 01:11:15,380 --> 01:11:16,480 >> PUBLIKA: Ime. 1518 01:11:16,480 --> 01:11:17,900 >> SPEAKER 1: ime, kje? 1519 01:11:17,900 --> 01:11:19,860 >> PUBLIKA: [neslišno] 1520 01:11:19,860 --> 01:11:20,750 >> SPEAKER 1: Ime je atribut. 1521 01:11:20,750 --> 01:11:23,480 No če je kje so prvotno prišel? 1522 01:11:23,480 --> 01:11:24,120 Obrazec. 1523 01:11:24,120 --> 01:11:30,140 Torej, če stran HTML ima obliko oznake, katerega notranjost je nekaj vhodi, kot 1524 01:11:30,140 --> 01:11:34,760 potrditvena polja, polja z besedilom, spustite navzdol meniji, od katerih vsaka ima svoje ime, ti 1525 01:11:34,760 --> 01:11:40,260 Imena končajo kot ključi v $ _POST, in odkrito povedano, za to zadevo, $ _GET. 1526 01:11:40,260 --> 01:11:42,130 Če metoda get, ista ideja. 1527 01:11:42,130 --> 01:11:43,830 To je samo v različnih super globalni. 1528 01:11:43,830 --> 01:11:47,620 In vrednosti, seveda, prihaja iz karkoli Vtipkali ob njegovi ali 1529 01:11:47,620 --> 01:11:48,890 njena brskalnik. 1530 01:11:48,890 --> 01:11:49,830 >> Toda obstaja nekaj drugih. 1531 01:11:49,830 --> 01:11:52,140 Tam je piškotek, ki bomo vrnili k koncu. 1532 01:11:52,140 --> 01:11:56,050 Ampak to so stvari, ki jih morate vedeti spletna uporablja za nekatere dobro ali zlo. 1533 01:11:56,050 --> 01:11:57,420 Ampak se bomo vrnili k temu. 1534 01:11:57,420 --> 01:12:01,720 Strežnik in časom, in tisti dve imajo neko posebno korist. 1535 01:12:01,720 --> 01:12:03,940 >> Ampak dajmo si oglejte to. 1536 01:12:03,940 --> 01:12:13,330 Dovolite mi, da gredo naprej in odprla primer imenovano mvc0.php Torej MVC 1537 01:12:13,330 --> 01:12:14,900 pomeni naslednje. 1538 01:12:14,900 --> 01:12:19,390 In mi to uvesti prej kot je tipična, res, da boste dobili oblikovanje 1539 01:12:19,390 --> 01:12:22,180 Problem set 7, in tudi končni projekti, v vrste industrije 1540 01:12:22,180 --> 01:12:23,670 standardni način, in čist način. 1541 01:12:23,670 --> 01:12:24,820 To je dober design. 1542 01:12:24,820 --> 01:12:29,090 >> Tako da boste kmalu videli, in boste izkušnje, P set 7, paradigme, razvrščanje 1543 01:12:29,090 --> 01:12:32,260 iz programskega miselnosti, ki je videti Malo kaj takega. 1544 01:12:32,260 --> 01:12:35,570 M za model, C za nadzornika V za pogled. 1545 01:12:35,570 --> 01:12:39,690 Skrajšam zgodbo, MVC je nekako metodologije, način izdelave 1546 01:12:39,690 --> 01:12:43,360 spletne strani, zlasti, s katerimi si dal vse svoje, neumno frazo - 1547 01:12:43,360 --> 01:12:44,970 poslovna logika - 1548 01:12:44,970 --> 01:12:49,710 vse svoje intelektualne lastnine v kaj se ti krmilnik, datoteka 1549 01:12:49,710 --> 01:12:54,840 kot index.php, ali pa bomo videli, quote.php ali buy.php. 1550 01:12:54,840 --> 01:12:59,570 >> V okviru Problem set 7, vaš modeli po navadi vsebujejo podatke, 1551 01:12:59,570 --> 01:13:03,860 karkoli v zvezi z bazo podatkov, saj bomo sčasoma videli, in vaše mnenje 1552 01:13:03,860 --> 01:13:07,510 vsebujejo estetiko vašega strani, HTML, CSS. 1553 01:13:07,510 --> 01:13:10,420 Tako smo že videli to v C malo bit s pomočjo h. datotek. 1554 01:13:10,420 --> 01:13:15,010 Res smo ga videli pred nekaj trenutki s CSS, s faktoringom CSS stilizacijo 1555 01:13:15,010 --> 01:13:16,520 stvari iz našega HTML. 1556 01:13:16,520 --> 01:13:20,730 >> Torej MVC je res samo o izdelavi črte v pesku in pravijo, 1557 01:13:20,730 --> 01:13:25,400 zanimivo programsko kodo za vašo Spletna stran spada v tisto, kar imenujemo 1558 01:13:25,400 --> 01:13:26,400 krmilnik. 1559 01:13:26,400 --> 01:13:29,280 Stvari, povezane z bazo podatkov običajno konča v modelu. 1560 01:13:29,280 --> 01:13:33,070 Vendar pa boste videli, da Problem set 7, smo spajanje C in M ​​naj bo enostavno. 1561 01:13:33,070 --> 01:13:37,630 Ampak pogled je, če vse svoje HTML in estetika ponavadi gredo. 1562 01:13:37,630 --> 01:13:39,160 >> Torej, kaj to pomeni realno? 1563 01:13:39,160 --> 01:13:45,980 No, naj gredo v našo MVC imenik, kot sledi. 1564 01:13:45,980 --> 01:13:48,880 In boste videli več od tega gostovala skozi spec. 1565 01:13:48,880 --> 01:13:53,200 Torej, v mvc0, trdim, da je to podobno, Različica 0 spletnih strani CS50 je. 1566 01:13:53,200 --> 01:13:56,670 >> Vse, kar imamo, je nekaj HTML, kot so velika H1 tag, očitno. 1567 01:13:56,670 --> 01:13:57,800 In potem označen seznam. 1568 01:13:57,800 --> 01:13:59,860 Še nikoli nisem videl označenega seznama prej, vendar ni nič takega. 1569 01:13:59,860 --> 01:14:01,590 Oglejmo hitro pogledati izvorno kodo. 1570 01:14:01,590 --> 01:14:06,610 Izkazalo se je, neurejen seznam s kroglami je odprt nosilec ul z enim ali 1571 01:14:06,610 --> 01:14:09,065 Več seznam predmetov, li. 1572 01:14:09,065 --> 01:14:10,650 Tako obvestilo tukaj je sidro tag. 1573 01:14:10,650 --> 01:14:12,130 Videli smo, da je pred nekaj trenutki. 1574 01:14:12,130 --> 01:14:13,810 >> Torej, to je, kako sem izvajala ta stran. 1575 01:14:13,810 --> 01:14:18,460 Imam dve povezavi, dva seznam predmetov, enega ul za neurejen seznam, in konec 1576 01:14:18,460 --> 01:14:22,700 rezultat, estetsko, je to zelo lepa spletna stran, verzija 0 tukaj. 1577 01:14:22,700 --> 01:14:26,840 Ampak kaj je zanimivo, zdaj je, kako to se izvaja pod pokrovom. 1578 01:14:26,840 --> 01:14:33,590 >> Naj grem v gedit in odpiranje tem Zelo prvi primer slikati sliko. 1579 01:14:33,590 --> 01:14:37,070 In bomo pogledali, kaj je pomanjkljiv, potencialno tukaj. 1580 01:14:37,070 --> 01:14:43,260 Zdaj, če sem šel v localhost, javni, MVC, opazili nekaj datotek. 1581 01:14:43,260 --> 01:14:45,780 Bom poklical teh, Trenutek, vsi nadzorniki. 1582 01:14:45,780 --> 01:14:48,640 Ampak to je malce zlorabe zaradi boste videli vse, kar je pomešala 1583 01:14:48,640 --> 01:14:49,620 znotraj njih. 1584 01:14:49,620 --> 01:14:52,330 >> In me spustili noter v index.php. 1585 01:14:52,330 --> 01:14:54,700 In vidimo, dobesedno, enako HTML. 1586 01:14:54,700 --> 01:14:57,970 Torej, čeprav to sliko konča . Php, To ne pomeni, da mora 1587 01:14:57,970 --> 01:14:59,500 kakršne koli PHP kodo. 1588 01:14:59,500 --> 01:15:02,290 To lahko samo surovi HTML, čeprav to je nekako neumno. 1589 01:15:02,290 --> 01:15:07,650 Opazil ni oklepaj PHP označiti, razen za to, kar, odkrito povedano, 1590 01:15:07,650 --> 01:15:09,160 je samo tam, da služijo kot komentar. 1591 01:15:09,160 --> 01:15:12,080 Ampak to še ni funkcionalno tudi to zanimivo. 1592 01:15:12,080 --> 01:15:12,960 >> Ampak to obvestilo. 1593 01:15:12,960 --> 01:15:15,400 Zanimivo je zdaj kaj Spremembe na tej strani. 1594 01:15:15,400 --> 01:15:16,650 Dovolite mi, kliknite predavanja. 1595 01:15:16,650 --> 01:15:18,560 In opazil URL se bo spremenilo. 1596 01:15:18,560 --> 01:15:20,930 Zdaj sem na lectures.php. 1597 01:15:20,930 --> 01:15:22,630 Dovolite mi, da še nič. 1598 01:15:22,630 --> 01:15:27,200 Zdaj sem na week0.php In zdaj naj mi teh datotek v gedit. 1599 01:15:27,200 --> 01:15:30,120 Ne le indeks, vendar naj mi odpirajo predavanja. 1600 01:15:30,120 --> 01:15:33,900 In naj se znebi komentarjev osredotočiti samo na tem delu. 1601 01:15:33,900 --> 01:15:37,680 >> In zdaj mi odprla samo še en, week0.php, mečejo pripombe, 1602 01:15:37,680 --> 01:15:39,910 Samo za čiščenje tega. 1603 01:15:39,910 --> 01:15:41,720 In zdaj opazili naslednje. 1604 01:15:41,720 --> 01:15:47,340 Razmišljate res nekako previdno o Oblikovanje in Naj bo linijo 1605 01:15:47,340 --> 01:15:52,013 do Enako, kaj je treba storiti Bolje tukaj, pa ti misliš? 1606 01:15:52,013 --> 01:15:56,450 1607 01:15:56,450 --> 01:15:57,780 >> Kako sem narediti teden eno? 1608 01:15:57,780 --> 01:15:58,480 Kaj pa tole. 1609 01:15:58,480 --> 01:16:00,450 Torej, to je, kako sem naredila en teden. 1610 01:16:00,450 --> 01:16:08,290 Šla sem na File, New, Prilepi, Shrani, week1.php, in potem sem šel tukaj. 1611 01:16:08,290 --> 01:16:09,875 In sem spremenil eno - 1612 01:16:09,875 --> 01:16:11,646 kaj je to, ena do petka. 1613 01:16:11,646 --> 01:16:14,430 1614 01:16:14,430 --> 01:16:15,810 Spremenil sem ničle proti ena. 1615 01:16:15,810 --> 01:16:17,150 Spremenil sem, da je to eno. 1616 01:16:17,150 --> 01:16:20,350 >> OK, zdaj poglej moje datoteke. 1617 01:16:20,350 --> 01:16:22,100 Kaj bi lahko naredili drugače? 1618 01:16:22,100 --> 01:16:25,310 Kje je priložnost, morda? 1619 01:16:25,310 --> 01:16:28,330 Tako da je priložnost za začetek faktoring te stvari ven. 1620 01:16:28,330 --> 01:16:32,950 Naj mi odpirajo, kot spojler, za kar boste videli v P set 7. 1621 01:16:32,950 --> 01:16:38,750 Če bom odprl, zdaj index.php v različici pet je ta, izgleda pot 1622 01:16:38,750 --> 01:16:40,730 bolj skrivnosten, seveda. 1623 01:16:40,730 --> 01:16:43,710 >> Ampak to zdaj, je tisto, kar bom poklicala Regulator, ki je nadzorovanje 1624 01:16:43,710 --> 01:16:44,770 Logika moji strani. 1625 01:16:44,770 --> 01:16:48,510 In lahko nekako rekonstruirati, intuitivno, morda, kaj se dogaja. 1626 01:16:48,510 --> 01:16:50,630 V prvi vrstici je malo skrivnosten. 1627 01:16:50,630 --> 01:16:54,040 Opazil sem zahtevala, tako kot pri oster vključujejo datoteko z imenom 1628 01:16:54,040 --> 01:16:55,930 helpers.php. 1629 01:16:55,930 --> 01:16:59,980 In potem bom poklical, očitno, Funkcija, ki se imenuje omet, ki poteka v 1630 01:16:59,980 --> 01:17:00,850 dva argumenta. 1631 01:17:00,850 --> 01:17:02,440 >> Ena je citat citata, glava. 1632 01:17:02,440 --> 01:17:04,800 In je drugi, kakšne podatkovni tip je to, ki temelji na 1633 01:17:04,800 --> 01:17:07,180 na naše sintaksa prej? 1634 01:17:07,180 --> 01:17:08,160 To je povezano polje. 1635 01:17:08,160 --> 01:17:11,730 Natančneje, to je prenos v naslovu z nekaterimi metapodatki, ki spominja 1636 01:17:11,730 --> 01:17:13,430 me, kakšna je njegova vrednost. 1637 01:17:13,430 --> 01:17:16,340 Potem sem videl težko kodirane ul, tako da nekateri surovi HTML. 1638 01:17:16,340 --> 01:17:20,020 Potem pa sem se vrnil v načinu PHP kliče funkcijo omet. 1639 01:17:20,020 --> 01:17:24,390 Torej, tudi če ste nikoli ne uporablja HTML ali PHP prej, in čeprav je to videti 1640 01:17:24,390 --> 01:17:27,480 strašnejši, zakaj je to verjetno boljše oblikovanje? 1641 01:17:27,480 --> 01:17:31,310 Kaj je bolje, da o tem, na podlagi sklepanja? 1642 01:17:31,310 --> 01:17:32,130 >> PUBLIKA: [neslišno] 1643 01:17:32,130 --> 01:17:35,750 >> SPEAKER 1: Manj odveč, da ni več HTML tag, nič več 1644 01:17:35,750 --> 01:17:38,410 Vodje tag, ni več telo tag v vsakem prekletem datoteki. 1645 01:17:38,410 --> 01:17:41,860 Namesto tega sem vključeno ven Podobnosti in jih domnevno dal 1646 01:17:41,860 --> 01:17:45,150 v datoteko nekako povezano v glavo. 1647 01:17:45,150 --> 01:17:48,500 In ista stvar za tesno telesu tag, blizu HTML tag. 1648 01:17:48,500 --> 01:17:52,165 To je verjetno tukaj notri od nekje noge. 1649 01:17:52,165 --> 01:17:57,050 In boste videli, da Problem set 7, malo turnejo skozi to. 1650 01:17:57,050 --> 01:17:58,070 >> Torej, kaj nas čaka? 1651 01:17:58,070 --> 01:18:03,390 Ena stvar, nimamo sposobnosti še za je dejansko shranjevanje podatkov. 1652 01:18:03,390 --> 01:18:06,110 In kaj bomo začeli videti Sreda, na primer, je, da je vaš 1653 01:18:06,110 --> 01:18:08,450 stari prijatelj Excel ali številke, vam omogoča, da shranite veliko 1654 01:18:08,450 --> 01:18:10,060 Podatki v vrsticah in stolpcih. 1655 01:18:10,060 --> 01:18:12,570 Izkazalo se lahko storite, da se v kaj imenovana baza podatkov, programsko. 1656 01:18:12,570 --> 01:18:16,620 manične In izkazalo se je, po tem, bomo lahko za shranjevanje stvari, kot so 1657 01:18:16,620 --> 01:18:20,550 To, kar boste spet videli v P nizu 7, cel kup imen in 1658 01:18:20,550 --> 01:18:23,690 gesla, slednji so pravzaprav šifrirana, tako kot oni 1659 01:18:23,690 --> 01:18:25,550 so bili v P Komplet 2 je hacker izdaji. 1660 01:18:25,550 --> 01:18:29,600 In na koncu, boste izvedbo tega, svoje Etrade-všeč spletna stran, ki 1661 01:18:29,600 --> 01:18:32,220 izvaja skupaj CS50 finance. 1662 01:18:32,220 --> 01:18:36,000 >> Nazadnje, ker si ostal tukaj tako pozno Danes, če prideš nazaj v tem delu 1663 01:18:36,000 --> 01:18:41,120 na univerzi, danes bomo ob 04:00 vam ne le nasvet, na SCE 1664 01:18:41,120 --> 01:18:44,200 Svetovanje sejem, ob 16:00 v Maxwell-Dworkin, Dali vam bomo nekaj 1665 01:18:44,200 --> 01:18:47,470 Americone Dream, Cherry Garcia, Chocolate Fudge Brownie, čokolada 1666 01:18:47,470 --> 01:18:50,840 Čip piškotek testo, in ko Google Chunky Monkey, dobiš to. 1667 01:18:50,840 --> 01:18:53,620 Torej vsi, ki čaka ob 4:00 PM v Maxwell-Dworkin. 1668 01:18:53,620 --> 01:18:56,736 Se vidiva v sredo, kot dobro. 1669 01:18:56,736 --> 01:18:59,960 >> ZVOČNIK 2: Na naslednji CS50, RJ spi noter 1670 01:18:59,960 --> 01:19:03,656 1671 01:19:03,656 --> 01:19:04,906 >> RJ: Moj oddelek! 1672 01:19:04,906 --> 01:19:07,727 1673 01:19:07,727 --> 01:19:08,977 Ha! 1674 01:19:08,977 --> 01:19:12,056 1675 01:19:12,056 --> 01:19:13,306 Oh, 1676 01:19:13,306 --> 01:19:16,374