1 00:00:00,000 --> 00:00:11,470 2 00:00:11,470 --> 00:00:12,764 >> SPEAKER 1: Minden, nem szívesen vissza. 3 00:00:12,764 --> 00:00:14,140 Ez CS50. 4 00:00:14,140 --> 00:00:16,800 És ez a kezdete a hét kilenc. 5 00:00:16,800 --> 00:00:19,960 És ez a kezdete a többi idejét CS50, melyben 6 00:00:19,960 --> 00:00:23,170 átmenet most végre a weben szempont a tanfolyam, ahol akkor 7 00:00:23,170 --> 00:00:26,200 meg, hogy sok a fundamentumok, hogy mi már exportáló hetek 8 00:00:26,200 --> 00:00:29,270 még mindig jön vissza, hogy látogassa meg, vagy kísérteni, minket. 9 00:00:29,270 --> 00:00:33,440 De most, rájössz, hogy ez egy nagyságrenddel könnyebben 10 00:00:33,440 --> 00:00:36,540 elérni bizonyos feladatokat és bizonyos problémákat - 11 00:00:36,540 --> 00:00:41,050 olyannyira, hogy még akkor is azt hitted, bizonyos probléma díszlet szórakozás a 12 00:00:41,050 --> 00:00:44,200 maga módján, azt hiszem, hogy talál beállítva, hogy p 7, 8 p állítva, majd 13 00:00:44,200 --> 00:00:47,990 végül a végleges projekt lesz annál is inkább örömteli, mert akkor 14 00:00:47,990 --> 00:00:51,830 meg, hogy elkezdjük magától értetődőnek most a dolgok, mint a memória kezelése, és 15 00:00:51,830 --> 00:00:54,190 mutatók, és mi a helyzet az a motorháztető alatt. 16 00:00:54,190 --> 00:00:57,310 És ismét, tematikus, mind az egész félévben már nem volt ilyen réteg 17 00:00:57,310 --> 00:00:58,030 és rétegződés. 18 00:00:58,030 --> 00:01:00,530 És most valami fel Itt állt a 19 00:01:00,530 --> 00:01:01,930 vállak hét múlt. 20 00:01:01,930 --> 00:01:05,360 >> Nos, emlékszem az utolsó alkalom, hogy beszélt arról, hogy az internet működik. 21 00:01:05,360 --> 00:01:08,120 És ez talán egy leegyszerűsítés, de ne feledje, hogy 22 00:01:08,120 --> 00:01:12,960 minden számítógép a világon van egy IP foglalkozik, bár ez egy kicsit a 23 00:01:12,960 --> 00:01:14,570 leegyszerűsítés is. 24 00:01:14,570 --> 00:01:18,180 És ezek a címek használják egyedülállóan meghatározza, hogy a gépek 25 00:01:18,180 --> 00:01:22,010 Ha adatokat küld, vagy csomagok, hogy úgy mondjam, akkor van egy kezdőpontja 26 00:01:22,010 --> 00:01:24,000 címét és a célállomás címét. 27 00:01:24,000 --> 00:01:27,830 És ezek ugyanazt az IP-címeket lehet használni mind a jó és a rossz is, 28 00:01:27,830 --> 00:01:29,270 nyomon követni az Ön, például. 29 00:01:29,270 --> 00:01:32,200 Sőt, mindenki közületek egy laptop Jelenleg nyitva, vagy a telefont a 30 00:01:32,200 --> 00:01:35,070 zseb van IP-címe A Harvard hálózatán. 31 00:01:35,070 --> 00:01:39,120 És ez nem is olyan nehéz, hogy összefüggésben, hogy az, hogy ki és hol 32 00:01:39,120 --> 00:01:40,180 ezekben a napokban. 33 00:01:40,180 --> 00:01:42,090 De még az, hogy talán a jövőben. 34 00:01:42,090 --> 00:01:46,510 >> Most gondoltam, hogy vissza néhány emlékek [? növelése?], és adja meg 35 00:01:46,510 --> 00:01:49,360 másik klip a show lehet, hogy talál ismerős. 36 00:01:49,360 --> 00:01:52,710 Ha tudnánk homályos a fények csak néhány másodpercig. 37 00:01:52,710 --> 00:01:53,960 A show Numb3rs. 38 00:01:53,960 --> 00:01:57,510 39 00:01:57,510 --> 00:02:00,540 >> SPEAKER 2: Ez egy 32 bites IPP4 címét. 40 00:02:00,540 --> 00:02:01,610 >> SPEAKER 3: IPP, mint az internet? 41 00:02:01,610 --> 00:02:02,968 >> SPEAKER 2: Private hálózat. 42 00:02:02,968 --> 00:02:04,960 A Amita privát hálózat. 43 00:02:04,960 --> 00:02:16,930 44 00:02:16,930 --> 00:02:19,602 Ő annyira csodálatos. 45 00:02:19,602 --> 00:02:21,030 >> SPEAKER 3: Ugyan már, Charlie. 46 00:02:21,030 --> 00:02:21,490 >> SPEAKER 2: Ez. 47 00:02:21,490 --> 00:02:22,470 A tükör IP-címet. 48 00:02:22,470 --> 00:02:27,680 Ő hagyta, hogy megnézzük, mit csinál, valós időben. 49 00:02:27,680 --> 00:02:30,930 >> SPEAKER 1: OK, így néhány dolgot stimmel ezzel a képpel. 50 00:02:30,930 --> 00:02:32,920 Tehát az egyik, és ez elfogadható, ez valójában 51 00:02:32,920 --> 00:02:34,400 nem érvényes IP-címet. 52 00:02:34,400 --> 00:02:38,190 Érvényes IP-címet kell lennie számok Az űrlap w.x.y.z, ahol az egyes 53 00:02:38,190 --> 00:02:40,000 ezeket a leveleket a 0-tól 255. 54 00:02:40,000 --> 00:02:42,330 De ez rendben van, mert, mint a filmeket, ahol hamis telefonszámot, 55 00:02:42,330 --> 00:02:43,520 hogy hamis IP-címek. 56 00:02:43,520 --> 00:02:45,230 Valójában nem hit igazi szervereket. 57 00:02:45,230 --> 00:02:46,760 >> De ne feledd, hogy ez egy böngésző. 58 00:02:46,760 --> 00:02:50,760 És a böngészők nem indul kimenetre számítógépes kódot, mint ez. 59 00:02:50,760 --> 00:02:54,230 És ha megnézzük egy kicsit mélyebbre, észre hogy a nyelvet, hogy ők látják 60 00:02:54,230 --> 00:02:57,040 A képernyő egy nyelv neve Objective C, amely a nyelv 61 00:02:57,040 --> 00:02:59,520 amely iPhone apps van írva, különösen azokat, amelyek 62 00:02:59,520 --> 00:03:03,540 ceruzák, ahogy látod a forráskód itt. 63 00:03:03,540 --> 00:03:06,600 64 00:03:06,600 --> 00:03:07,560 >> OK, azt hittem, hogy ez vicces. 65 00:03:07,560 --> 00:03:12,240 Tehát ezt a kódrészletet egyáltalán semmi köze, amit a 66 00:03:12,240 --> 00:03:13,940 adott epizód volt szó. 67 00:03:13,940 --> 00:03:17,590 Tehát a vicc van valami az emberek figyelembe ezt adni. 68 00:03:17,590 --> 00:03:20,220 De ez nem olyan nehéz, hogy ezek a helyes technikai adatokat. 69 00:03:20,220 --> 00:03:21,980 És én arra kérjük Önt. 70 00:03:21,980 --> 00:03:25,530 És tényleg, 50 is nagyon jól elrontani A sok TV-műsorok és filmek, vagy 71 00:03:25,530 --> 00:03:27,320 mert rájössz, hogy ez csak Nem lehet mit akarnak 72 00:03:27,320 --> 00:03:28,630 Ennek a képernyőn. 73 00:03:28,630 --> 00:03:31,750 De valóban, ez az a kód, amit lehet látni egy iPhone alkalmazás 74 00:03:31,750 --> 00:03:33,640 vagy Mac OS alkalmazás. 75 00:03:33,640 --> 00:03:35,685 Ennek semmi köze biztonság. 76 00:03:35,685 --> 00:03:38,610 Így tartsa a szemét ki több olyan szórakoztató dolgokat. 77 00:03:38,610 --> 00:03:42,720 >> De ma már kezd merülni az igazán mélyen egy egész sor nyelven. 78 00:03:42,720 --> 00:03:45,410 Egy valóban, egyik átfogó takeaways ezen részének 79 00:03:45,410 --> 00:03:51,815 Természetesen nem az, hogy megtanulják, hogyan kell programozni PHP nem tanulni SQL önmagában nem 80 00:03:51,815 --> 00:03:58,100 tanulni JavaScript önmagában, hanem tanítani magát, hogyan kell tanítani 81 00:03:58,100 --> 00:04:02,030 magát az új nyelv, mert valóban, kezdjük, hogy most a 82 00:04:02,030 --> 00:04:06,020 képzés kerekek le úgy, hogy miután Természetesen a végén, akkor nem várható a 20 83 00:04:06,020 --> 00:04:08,890 oldal specifikáció mondani, hogy milyen hogy végre néhány programot. 84 00:04:08,890 --> 00:04:12,970 Van elég összetevőket a szem előtt tartva, és annyi eszközök a szerszám 85 00:04:12,970 --> 00:04:15,750 készlet, amellyel kezdeni épület megoldásokat érdekes 86 00:04:15,750 --> 00:04:19,130 , hogy néhány diák csoport, néhány kutatási projekt, vagy tényleg valami 87 00:04:19,130 --> 00:04:20,140 az Ön számára. 88 00:04:20,140 --> 00:04:24,150 >> Tehát felé célból emlékeztetni arra, hogy ez A képen rajzoltam utoljára. 89 00:04:24,150 --> 00:04:27,620 És ez két számítógép, ügyfél-és Sever, beszél egymással. 90 00:04:27,620 --> 00:04:31,130 És a jegyzőkönyv, a nyelv, így a beszélni, hogy ez a két számítógép történik 91 00:04:31,130 --> 00:04:33,220 hogy beszél az úgynevezett HTTP. 92 00:04:33,220 --> 00:04:37,730 És ez még csak a protokoll által használt számítógépek át keresztüli információ 93 00:04:37,730 --> 00:04:38,710 a világhálón. 94 00:04:38,710 --> 00:04:41,770 A web, persze, csak az egyik szolgáltatás futó az első helyen a 95 00:04:41,770 --> 00:04:43,000 úgynevezett internet. 96 00:04:43,000 --> 00:04:48,660 Mi egy másik szolgáltató elérhető tetején az internet manapság? 97 00:04:48,660 --> 00:04:51,600 Néhány más protokoll vagy - mi az? 98 00:04:51,600 --> 00:04:52,300 >> Közönség: FTP. 99 00:04:52,300 --> 00:04:52,790 >> SPEAKER 1: FTP. 100 00:04:52,790 --> 00:04:54,630 Így File Transfer Protocol egy másik. 101 00:04:54,630 --> 00:04:56,050 A legtöbb akkor valószínűleg nem használta. 102 00:04:56,050 --> 00:04:58,830 De a legtöbben valószínűleg használt dolgok, mint Gchat vagy azonnali 103 00:04:58,830 --> 00:05:00,970 üzenetek általában Természetesen e-mailt. 104 00:05:00,970 --> 00:05:04,470 És azok is, olyan szolgáltatások, amelyek futnak tetején az internet, mert a 105 00:05:04,470 --> 00:05:08,180 A nap végén, az interneten is tényleg csak kap adatokat pontból 106 00:05:08,180 --> 00:05:12,480 pont B. és használja a több részecskék önmagában, az egyikük vagy két 107 00:05:12,480 --> 00:05:17,340 ezek közül legáltalánosabban az úgynevezett TCP / IP, ami azt jelenti, hogy egy számítógép 108 00:05:17,340 --> 00:05:19,960 az interneten is lehet ezzel különböző dolog, e-mail, 109 00:05:19,960 --> 00:05:20,980 és a web, és így tovább. 110 00:05:20,980 --> 00:05:22,220 Google nem sok ez. 111 00:05:22,220 --> 00:05:26,310 Hogy vannak a szolgáltatások egyedülállóan azonosították, nem azt mondjuk, a számítógép 112 00:05:26,310 --> 00:05:29,080 amely valójában csinál több dolgot? 113 00:05:29,080 --> 00:05:29,860 >> A port számát. 114 00:05:29,860 --> 00:05:34,180 És ezek csak önkényes emberi egyezmények, mint 80 web, 443 115 00:05:34,180 --> 00:05:36,580 titkosított web, 25 e-mail. 116 00:05:36,580 --> 00:05:38,230 És van egy csokor más. 117 00:05:38,230 --> 00:05:41,860 És ezek a számok csak szerepelnek a csomagokat az információ, a 118 00:05:41,860 --> 00:05:46,230 virtuális boríték, hogy valóban tartalmazott egy kérés vagy válasz. 119 00:05:46,230 --> 00:05:51,300 >> Tehát, ha kap vissza választ a web, általában, nem lát 120 00:05:51,300 --> 00:05:54,780 számok egyáltalán szempontjából a státusz kódot a választ. 121 00:05:54,780 --> 00:05:56,770 Valójában nem látja a belső működését a 122 00:05:56,770 --> 00:05:58,090 csomagok, hogy jöjjön vissza. 123 00:05:58,090 --> 00:05:59,860 De 200 valóban azt jelenti, OK. 124 00:05:59,860 --> 00:06:01,530 És ez azt jelenti, minden rendben van. 125 00:06:01,530 --> 00:06:02,870 Lehet, hogy láttam egy csomó ilyen. 126 00:06:02,870 --> 00:06:05,710 Amely talán a leggyakoribb láttad a weben? 127 00:06:05,710 --> 00:06:05,980 >> 404. 128 00:06:05,980 --> 00:06:07,330 Ez csak azt jelenti, a fájl nem található. 129 00:06:07,330 --> 00:06:08,270 Ez azt jelenti, hogy valaki elcseszte. 130 00:06:08,270 --> 00:06:11,450 Meg is tette, elírásokért az URL-t, vagy valaki más tette azáltal, hogy egy 131 00:06:11,450 --> 00:06:15,100 érvénytelen URL, vagy törölte az fájlt, és az URL-t továbbra is 132 00:06:15,100 --> 00:06:16,130 használják az emberek. 133 00:06:16,130 --> 00:06:19,670 Így tetszőleges számú oka lehet magyarázni miért a fájl nem található. 134 00:06:19,670 --> 00:06:22,990 És látni fogod, hogy a hetek, Ezen egyéb hibakódok, és akkor 135 00:06:22,990 --> 00:06:24,195 kihasználni néhány közülük. 136 00:06:24,195 --> 00:06:25,760 A legrosszabb 500. 137 00:06:25,760 --> 00:06:29,820 Ha kapsz egy 500 hiba kódot már írott, gondolom, hogy mivel a fajta a 138 00:06:29,820 --> 00:06:33,290 analóg seg hibák a világ a webes programozás. 139 00:06:33,290 --> 00:06:34,560 Ez nem annyira szörnyű. 140 00:06:34,560 --> 00:06:36,660 De ez csak azt jelenti, hogy valahol, elcseszte. 141 00:06:36,660 --> 00:06:38,260 Tehát várom, hogy ilyen. 142 00:06:38,260 --> 00:06:39,910 >> De lássuk, mi is ezeket a kontextusban. 143 00:06:39,910 --> 00:06:43,460 Hadd menjen a böngésző itt és tegye a következőket. 144 00:06:43,460 --> 00:06:45,710 Szóval ez a Chrome, ami történik, a kell szerelni a készüléket. 145 00:06:45,710 --> 00:06:49,410 De a legtöbb minden böngésző ezekben a napokban van valami hasonló funkciót. 146 00:06:49,410 --> 00:06:52,610 Én megyek be a Chrome menü és válassza az Eszközök és én megyek 147 00:06:52,610 --> 00:06:53,990 a Developer Tools. 148 00:06:53,990 --> 00:06:57,040 És látni fogod, hogy ez a kis panel nyílik meg az ablak alján. 149 00:06:57,040 --> 00:07:00,190 Egy másik parancsikont, hogy őszinte legyek, hogy én általában használ magam, hogy jobb klikk 150 00:07:00,190 --> 00:07:04,370 vagy a Control kattintson bárhová a weben oldal és csak megy Vizsgálja Element. 151 00:07:04,370 --> 00:07:07,440 És ez nem csak megnyitni ez az Ön számára. 152 00:07:07,440 --> 00:07:10,230 Azt is nyitott, különösen, Az elemek tételt 153 00:07:10,230 --> 00:07:11,430 a bal oldali. 154 00:07:11,430 --> 00:07:12,460 >> Így vagyunk természetesen látni Google. 155 00:07:12,460 --> 00:07:13,930 Megváltoztatták a logót ma. 156 00:07:13,930 --> 00:07:20,200 De ha lapozás itt, észre , hogy az elemek, látod 157 00:07:20,200 --> 00:07:23,460 úgynevezett HTML, HyperText Markup Nyelv, és ez a nyelv 158 00:07:23,460 --> 00:07:26,000 hogy ez és az összes weboldalt, Tényleg, nem írt be 159 00:07:26,000 --> 00:07:28,950 De valójában formázva számunkra sokkal több olvashatóan 160 00:07:28,950 --> 00:07:29,970 mint általában az. 161 00:07:29,970 --> 00:07:34,810 Sőt, ha kicsinyíteni, és helyette Csak jobb klikk vagy a Ctrl Click 162 00:07:34,810 --> 00:07:39,630 kattintson az oldalon, aztán megy megtekintése Oldal forrása, ez a szó, amit 163 00:07:39,630 --> 00:07:42,150 Google küldött le a böngészőt. 164 00:07:42,150 --> 00:07:46,480 >> Szóval néhány személy vagy személyek írta Google.com segítségével a forráskód. 165 00:07:46,480 --> 00:07:47,790 A legtöbb ilyen nem HTML. 166 00:07:47,790 --> 00:07:49,340 Ez valójában egy nyelv úgynevezett JavaScript, amely 167 00:07:49,340 --> 00:07:50,880 akkor jön a szerda. 168 00:07:50,880 --> 00:07:55,580 De mi Chrome, és mi minden böngésző tehet nekünk, ez a fajta látni 169 00:07:55,580 --> 00:07:59,610 múlt minden zavaró a őrült szintaxis, és helyezze vissza white space 170 00:07:59,610 --> 00:08:02,940 nekünk, és még a szintaxis kiemelése, vagy színezése dolog számunkra. 171 00:08:02,940 --> 00:08:06,470 Így rájössz, hogy ezek az úgynevezett fejlesztői eszközök beépített böngésző 172 00:08:06,470 --> 00:08:10,830 teszi az élet így, így sokkal könnyebb mert akkor tárja fel, Ebben a menüben 173 00:08:10,830 --> 00:08:13,940 felület, pontosan mi a mögöttes forráskód az 174 00:08:13,940 --> 00:08:15,750 minden oldal az interneten. 175 00:08:15,750 --> 00:08:19,070 És valóban, ez az egyik leginkább hatékony módja, hogy megtanulják, hogyan kell csinálni 176 00:08:19,070 --> 00:08:22,860 valami új, legalábbis, ha az oldal nem olyan bonyolult, hogy elborít, a 177 00:08:22,860 --> 00:08:26,700 kezdeni kutakodni ez HTML, nézd at az úgynevezett CSS, ami majd jön 178 00:08:26,700 --> 00:08:30,310 hogy egy kicsit is, hogy egy megértése, hogy hogyan programozó 179 00:08:30,310 --> 00:08:33,480 végre néhány konkrét jellemzője az oldal. 180 00:08:33,480 --> 00:08:36,530 >> De még ennél is érdekesebb technikailag jobb most ez lesz az. 181 00:08:36,530 --> 00:08:39,429 Ha elmegyek a Network fülön, nézzük most törléséhez. 182 00:08:39,429 --> 00:08:43,429 Megyek kattintson a kis kereszt szimbólum itt, majd 183 00:08:43,429 --> 00:08:45,630 megy egy másik weboldalon. 184 00:08:45,630 --> 00:08:48,430 És én csak úgy írja A Facebook.com. 185 00:08:48,430 --> 00:08:51,940 Nem HTTP, HTTPS nem, nem WWW. 186 00:08:51,940 --> 00:08:53,850 Nézzük meg, mi történik valójában itt. 187 00:08:53,850 --> 00:08:55,030 >> Enter. 188 00:08:55,030 --> 00:08:58,480 Most észre egy csomó dolgot csak meg ebben alsó panel, a 189 00:08:58,480 --> 00:09:00,285 Amellett, hogy a weboldal megjelenő tetején. 190 00:09:00,285 --> 00:09:04,890 Megyek, hogy lépjünk vissza a Hálózat fül itt, és megyek 191 00:09:04,890 --> 00:09:06,080 kattintson az első sorban. 192 00:09:06,080 --> 00:09:10,580 Milyen ez az eszköz fog jelenteni számunkra az mindenki a HTTP kérések 193 00:09:10,580 --> 00:09:13,550 hogy gyorsan csak ment vissza, és között oda a böngészőm 194 00:09:13,550 --> 00:09:14,930 és a Facebook szerverén. 195 00:09:14,930 --> 00:09:17,830 És így mindenki azokat a sorokat képvisel egy ilyen kérelmet, illetve 196 00:09:17,830 --> 00:09:20,970 válasz, egy vagy több ezek a virtuális borítékot. 197 00:09:20,970 --> 00:09:24,080 Vagy még véletlenül, ez olyan, mint egy ember mint egy ember, az ügyfél a 198 00:09:24,080 --> 00:09:26,710 étterem, kér valamit újra, és újra, és újra. 199 00:09:26,710 --> 00:09:29,400 És a pincér folyamatosan hozza vissza az egyik egy időben. 200 00:09:29,400 --> 00:09:33,850 >> Tehát most, ha én nagyítás ezt, észre és ez lesz az a fajta dolog 201 00:09:33,850 --> 00:09:36,600 hogy te szívesen és ösztönözni játszani a saját, mert 202 00:09:36,600 --> 00:09:38,150 nem megy át minden nagy részletességgel. 203 00:09:38,150 --> 00:09:40,070 De észre van egy néhány al tabs itt - 204 00:09:40,070 --> 00:09:43,700 Fejlécek, Preview, Response, Cookie-k, és időzítése. 205 00:09:43,700 --> 00:09:48,280 Elmegyek nézni fejlécek most azért, mert ezek a kis 206 00:09:48,280 --> 00:09:53,600 összetevők belül a borítékot, segít az adatok eljutni, és a helyeket. 207 00:09:53,600 --> 00:09:57,590 >> Tehát először hadd kattintson erre, megtekintése Forrás mellett Kérés fejlécek. 208 00:09:57,590 --> 00:10:01,910 Ott van a kéréssel, hogy a böngészőm, Króm, ebben az esetben, elküldte belseje 209 00:10:01,910 --> 00:10:02,910 hogy a virtuális borítékot. 210 00:10:02,910 --> 00:10:04,800 Majd visszahívja múlt héten kézzel gépelt, miközben 211 00:10:04,800 --> 00:10:06,380 úgy tesz, mintha egy böngésző. 212 00:10:06,380 --> 00:10:09,980 Aztán emlékeztette a szervert, hogy ez keresi a host neve 213 00:10:09,980 --> 00:10:10,835 Facebook.com. 214 00:10:10,835 --> 00:10:13,630 És akkor ott van egy kicsit misztikus információ, hogy mi lesz hullám 215 00:10:13,630 --> 00:10:14,830 kezünket most. 216 00:10:14,830 --> 00:10:18,640 >> De ha elkezd lapozás most Ebben az ablakban, hadd tegyem a 217 00:10:18,640 --> 00:10:19,980 válasz fejlécet. 218 00:10:19,980 --> 00:10:23,270 Ez volt az, amit ez a virtuális boríték jött vissza 219 00:10:23,270 --> 00:10:24,095 Facebook.com. 220 00:10:24,095 --> 00:10:27,390 És ha csak kattintson a Forrás megtekintése hogy a nyers szöveget is, 221 00:10:27,390 --> 00:10:28,400 észre néhány dolgot. 222 00:10:28,400 --> 00:10:32,130 Egy, a Facebook is beszél az azonos protokoll, 1.1-es verzió annak. 223 00:10:32,130 --> 00:10:33,390 Szóval ez szép. 224 00:10:33,390 --> 00:10:36,820 De status code 301, költözött véglegesen. 225 00:10:36,820 --> 00:10:38,880 >> Nos, hol a fenébe Facebook menni? 226 00:10:38,880 --> 00:10:40,430 Mi ez próbál közvetíteni nekünk? 227 00:10:40,430 --> 00:10:44,310 Nos, észre lent van egy másik header nevű Location. 228 00:10:44,310 --> 00:10:51,050 Akkor miért Facebook mondja nekem, hogy a költözött véglegesen az URL 229 00:10:51,050 --> 00:10:53,580 mellett hely? 230 00:10:53,580 --> 00:10:54,962 Elfelejtettem a www. 231 00:10:54,962 --> 00:10:56,250 >> Szóval ez volt az én választásom. 232 00:10:56,250 --> 00:11:00,450 Sőt, a legtöbben ritkán, talán, írja www.whatever.com ezekben a napokban. 233 00:11:00,450 --> 00:11:03,390 De kiderült, a rendszergazda, mint a Facebook, lehet 234 00:11:03,390 --> 00:11:06,800 beállítani a szerver oly módon, hogy vagy Facebook.com működik, vagy 235 00:11:06,800 --> 00:11:12,450 www.Facebook.com működik, vagy nagyon, ilyen előtag előtt a 236 00:11:12,450 --> 00:11:13,210 domain név. 237 00:11:13,210 --> 00:11:14,500 Így tettél, hogy számunkra. 238 00:11:14,500 --> 00:11:16,910 És ők átirányításával minket, valószínűleg bizonyos technikai, 239 00:11:16,910 --> 00:11:18,100 néhány marketing okokból. 240 00:11:18,100 --> 00:11:21,570 Azt akarom, hogy canonicalize A www.Facebook.com. 241 00:11:21,570 --> 00:11:24,040 >> De ez nem egészen erről van szó. 242 00:11:24,040 --> 00:11:28,560 Ha lapozás itt, most meglátjuk, mi történik. 243 00:11:28,560 --> 00:11:30,810 Ez azt mondja nekem, hogy költözött véglegesen 244 00:11:30,810 --> 00:11:33,450 http://www.Facebook.com. 245 00:11:33,450 --> 00:11:36,620 Tehát nézzük meg a második kérelem hogy a böngészője küld. 246 00:11:36,620 --> 00:11:40,070 Sajnos, úgy néz ki, mint a Facebook költözött újra, mert a második 247 00:11:40,070 --> 00:11:44,420 kérésére, illetve adja meg, hogy az URL-t helyette, azt mondja, hogy is költözött 248 00:11:44,420 --> 00:11:45,010 véglegesen. 249 00:11:45,010 --> 00:11:48,140 És hadd lépjünk le itt A válasz fejlécet. 250 00:11:48,140 --> 00:11:51,530 Hová Facebook elment? 251 00:11:51,530 --> 00:11:52,680 >> Így HTTPS. 252 00:11:52,680 --> 00:11:56,130 Tehát most a Facebook már elkezdődött, különösen annak fényében, az aktuális 253 00:11:56,130 --> 00:11:59,750 események az elmúlt hónapokban, elsősorban és is az elmúlt években 254 00:11:59,750 --> 00:12:03,670 kényszeríteni minden a felhasználók, a jó módja, hogy használjon HTTPS, ami több, 255 00:12:03,670 --> 00:12:06,210 biztonságos, bár nem teljesen biztonságos. 256 00:12:06,210 --> 00:12:10,000 És most az oldalamon, az én böngészője fogja kérni a harmadik URL. 257 00:12:10,000 --> 00:12:14,710 És most, végül, hogy a egyébként láthatatlan 200 OK. 258 00:12:14,710 --> 00:12:18,830 >> Tehát mi a világ vagy az összes ezek a többi sor itt. 259 00:12:18,830 --> 00:12:22,630 Szó gépelt egy dolog, és az én böngésző, úgy tűnik, hogy kért, mint a 260 00:12:22,630 --> 00:12:23,840 20 néhány furcsa dolgot. 261 00:12:23,840 --> 00:12:24,640 Mi ez? 262 00:12:24,640 --> 00:12:25,810 >> Közönség: Scripts? 263 00:12:25,810 --> 00:12:28,460 >> SPEAKER 1: Scripts, hogy más fájlokat nyelven írt nevű 264 00:12:28,460 --> 00:12:30,780 JavaScript, amely ismét fogjuk hogy egy kicsit a szerdán. 265 00:12:30,780 --> 00:12:32,760 Mi van még? 266 00:12:32,760 --> 00:12:33,390 Stíluslapokat. 267 00:12:33,390 --> 00:12:36,350 Tehát valami olyan nyelven nevű CSS, amit majd látni egy kicsit. 268 00:12:36,350 --> 00:12:40,690 Gif, és JPEG és PNG, és a képeket, és film - amit egy weboldal 269 00:12:40,690 --> 00:12:43,280 valószínűleg már a formájában egy fájlt. 270 00:12:43,280 --> 00:12:46,750 És amit látunk a bal oldalon van az összes fájlt 271 00:12:46,750 --> 00:12:50,280 hogy a Chrome kellett letölteni, rekurzívan, ha úgy tetszik, annak érdekében, hogy 272 00:12:50,280 --> 00:12:52,430 össze a teljes egészében a lap. 273 00:12:52,430 --> 00:12:56,210 >> Tehát amit láttunk az előbb a Google, ha rákattintok a Elements 274 00:12:56,210 --> 00:13:00,470 lapon ez, persze, a HTML, a nyelv, komponál ezt az oldalt. 275 00:13:00,470 --> 00:13:01,890 De van csokor más dolog. 276 00:13:01,890 --> 00:13:02,640 Van egy logó. 277 00:13:02,640 --> 00:13:04,680 Van a kék-szerű ikonok ott. 278 00:13:04,680 --> 00:13:07,610 És van más elemek mindig Az oldal maga lehet 279 00:13:07,610 --> 00:13:08,610 külön fájlokba. 280 00:13:08,610 --> 00:13:11,860 >> Szóval mi szép egy böngészőt, hogy úgy néz ki, a nyelv megyünk 281 00:13:11,860 --> 00:13:14,690 írásához, vagy már elkezdtem írni P készlet 7, a számok 282 00:13:14,690 --> 00:13:17,970 hogy hol élnek ezek a fájlok, és megy, és megragadja őket is. 283 00:13:17,970 --> 00:13:21,010 És nem tudom eléggé hangsúlyozni, még bár néhány ilyen lehet egy kicsit 284 00:13:21,010 --> 00:13:24,820 misztikus vagy elsöprő első pillantásra, Tanulás, hogyan program 285 00:13:24,820 --> 00:13:28,500 alkalmazások az interneten, ez felbecsülhetetlen megérteni, hogy ezek 286 00:13:28,500 --> 00:13:29,410 kis eszköz működik. 287 00:13:29,410 --> 00:13:33,830 Ezek a fajta, mint a GDB, mint a szerszámok, de sokkal egyszerűbb, végső soron, hogy használható - 288 00:13:33,830 --> 00:13:37,690 és tényleg ad szemed a mi mi már szedett nyújtott 289 00:13:37,690 --> 00:13:39,170 jó ideje már. 290 00:13:39,170 --> 00:13:42,270 >> Szóval mit lehet most tenni ez az információ? 291 00:13:42,270 --> 00:13:44,875 Nos, valóban, hogy egy pillantást azok a fogalmak, HTML. 292 00:13:44,875 --> 00:13:49,025 És mi elhalasztja, hiszen már van, hogy szakaszok ezen a héten, hogy a probléma 293 00:13:49,025 --> 00:13:53,260 szett 7 specifikáció, hogy néhány, a több adatait ezeken a nyelveken. 294 00:13:53,260 --> 00:13:57,020 De nézzük, ha nem tudunk festeni a kép, hogy mit kell érteni 295 00:13:57,020 --> 00:13:57,940 összességében itt. 296 00:13:57,940 --> 00:14:02,280 >> Tehát HTML HyperText Markup Language, nem egy programozási nyelv. 297 00:14:02,280 --> 00:14:03,520 Mit jelent ez valójában? 298 00:14:03,520 --> 00:14:05,690 Így néz ki a HTML, mint ez. 299 00:14:05,690 --> 00:14:06,810 És néhányan már tudják ezt. 300 00:14:06,810 --> 00:14:08,130 Néhányan már csinál ez egy ideig. 301 00:14:08,130 --> 00:14:10,270 De nézzük, ha nem tudja kitölteni néhány üres is. 302 00:14:10,270 --> 00:14:11,760 Így észre egy pár dolgot itt. 303 00:14:11,760 --> 00:14:13,030 Az egyik, hogy ez csak szöveg. 304 00:14:13,030 --> 00:14:15,960 Szóval, mint forráskód C-on, vagy valamilyen más nyelven. 305 00:14:15,960 --> 00:14:17,750 >> Figyeljük meg, hogy a jelek hogy egy minta itt. 306 00:14:17,750 --> 00:14:20,870 Van behúzás, de technikailag A behúzás csak az emberi 307 00:14:20,870 --> 00:14:21,205 egyezmény. 308 00:14:21,205 --> 00:14:24,980 A böngészők nem érdekli, ha van új vonalak és lapok, mint látjuk ott. 309 00:14:24,980 --> 00:14:27,410 De észre, hogy van szimmetriák itt. 310 00:14:27,410 --> 00:14:31,180 Van, mit fogok hívni, a tetején fájl, a nyitott tag vagy a start 311 00:14:31,180 --> 00:14:33,030 tag, az úgynevezett HTML. 312 00:14:33,030 --> 00:14:36,800 És akkor, lent, teljesen bélelt fel, ugyanúgy, mint mi, kapcsos zárójelek 313 00:14:36,800 --> 00:14:40,910 látjuk nyitva tartó, előre slash, HTML, záró zárójel. 314 00:14:40,910 --> 00:14:44,610 Szóval ez a megfelelő szoros tag, vagy a végén tag, mert a dolog. 315 00:14:44,610 --> 00:14:47,990 >> Együtt, minden belseje úgynevezett open tag és záró tag 316 00:14:47,990 --> 00:14:50,440 össze mit fogunk hívni egy elem. 317 00:14:50,440 --> 00:14:53,910 És majd meglátjuk, csak egy pillanatra, ez tényleg, mint egy csomópont a fák. 318 00:14:53,910 --> 00:14:57,470 Mert ha úgy gondolja, most a bemélyedés ez hallgatólagos itt, 319 00:14:57,470 --> 00:15:00,780 ilyen van, mint egy nagyszülő node nevű HTML. 320 00:15:00,780 --> 00:15:06,870 Hány gyerek is azt mondja, amely ezen a képen, a HTML elem? 321 00:15:06,870 --> 00:15:07,720 >> Így talán kettő. 322 00:15:07,720 --> 00:15:10,240 Az egyik a head elem, nyilván. 323 00:15:10,240 --> 00:15:11,710 És az egyik a body elem. 324 00:15:11,710 --> 00:15:12,555 És miért két gyerek? 325 00:15:12,555 --> 00:15:15,840 Nos, én csak egyfajta következtetett, hogy ha Van egy nyitott head tag, majd a 326 00:15:15,840 --> 00:15:17,820 szoros fej tag, hogy egy elem. 327 00:15:17,820 --> 00:15:21,200 És aztán, ha van egy másik nyitott karosszéria tag és egy közeli body tag, ez olyan, mintha 328 00:15:21,200 --> 00:15:22,340 másik elem. 329 00:15:22,340 --> 00:15:26,000 Tehát ebben az értelemben, hogy ha a fajta forgatás A kép az oldalán, ez 330 00:15:26,000 --> 00:15:29,910 mintha egy HTML tag, majd a fej tag, majd a body tag, és 331 00:15:29,910 --> 00:15:34,290 majd néhány szöveget, hello world, lógó le a body tag is. 332 00:15:34,290 --> 00:15:36,620 >> Így tudjuk rajzolni a képet, így néz ki. 333 00:15:36,620 --> 00:15:38,020 A formák önkényes. 334 00:15:38,020 --> 00:15:40,870 De észre, hogy én is használtam a fajta egy ellipszis tetején, hogy képviselje a 335 00:15:40,870 --> 00:15:41,860 dokumentumban. 336 00:15:41,860 --> 00:15:45,980 Kiderül, nem lehet más dolgokat belsejében egy internetes oldalt, hogy én már nem 337 00:15:45,980 --> 00:15:46,940 utalni. 338 00:15:46,940 --> 00:15:50,800 Így megyünk is tegye a HTML csomópont le egy úgynevezett dokumentum csomópontot. 339 00:15:50,800 --> 00:15:53,730 És akkor mi van fej és test és a cím, értesítés, 340 00:15:53,730 --> 00:15:55,360 amely beágyazott tovább. 341 00:15:55,360 --> 00:15:58,650 Én nem zavarta ami további vonal szünetek belül a cím. 342 00:15:58,650 --> 00:16:02,710 Csak úgy éreztem, ez már-már egy kicsit túl bőbeszédű. 343 00:16:02,710 --> 00:16:07,000 Így hagytam egy sorban van, és Open címét, hello world, közel címet. 344 00:16:07,000 --> 00:16:09,380 Aztán van néhány szöveg lóg ki innen. 345 00:16:09,380 --> 00:16:12,200 >> Tehát ez a kép, vissza fog térni nekünk, amikor azt belevetik magukat JavaScript. 346 00:16:12,200 --> 00:16:15,110 És a megértés, hogy ha írni HTML, mint ez, amit 347 00:16:15,110 --> 00:16:16,250 egy böngésző csinálsz? 348 00:16:16,250 --> 00:16:19,290 Nos, nem kell aggódnia hogyan csinálja ezt, vagy mi 349 00:16:19,290 --> 00:16:23,090 algoritmus, de a végén a nap, Amikor a böngésző megkapja HTML-szerű 350 00:16:23,090 --> 00:16:27,510 , hogy a Facebook vagy a Google, akkor feldolgozza azt, hogy úgy mondjam, azt olvassa, 351 00:16:27,510 --> 00:16:31,160 valami ilyesmit fread, fentről lefelé, balról jobbra, és ahogy 352 00:16:31,160 --> 00:16:36,300 felismeri, ó, nyitott tag, majd zárja tag, kezd malloc, hogy úgy mondjam, 353 00:16:36,300 --> 00:16:37,800 egy csomópont egy fa. 354 00:16:37,800 --> 00:16:41,130 És amikor találkozik, ahogy már hallgatólagos itt a behúzás, a 355 00:16:41,130 --> 00:16:45,400 gyermek csomópont, akkor mallocs olyan csomópont, amely és csatlakozik, hogy a fát. 356 00:16:45,400 --> 00:16:49,150 >> Így a fa szerkezetek, bináris fák, hármas fák, és nagyobb fák, hogy 357 00:16:49,150 --> 00:16:53,380 mi pillantott egy vagy két hete, értesítés hogy ugyanaz az elv 358 00:16:53,380 --> 00:16:54,220 jönnek vissza hozzánk. 359 00:16:54,220 --> 00:16:57,590 És aki végre, Chrome bármi csapat csinálta, feltehetően már 360 00:16:57,590 --> 00:17:00,800 végrehajtani valamilyen fa szerkezet a motorháztető alatt. 361 00:17:00,800 --> 00:17:05,329 És maga valószínűleg egy nyelv, mint a C vagy C + +, vagy rövid szénláncú 362 00:17:05,329 --> 00:17:08,540 szintű nyelv, hogy mi lesz most már tetején az interneten. 363 00:17:08,540 --> 00:17:11,200 >> Tehát most, talán ez lesz hogy több értelme van. 364 00:17:11,200 --> 00:17:15,420 Aktuális tetoválás egy fickó, aki talán megbánni végül, milyen. 365 00:17:15,420 --> 00:17:17,359 OK, rendben, így sok webes humor. 366 00:17:17,359 --> 00:17:18,599 Ez nem igazán fog mint olyan jól ma. 367 00:17:18,599 --> 00:17:19,560 Így fogunk lépni. 368 00:17:19,560 --> 00:17:20,180 Rendben van. 369 00:17:20,180 --> 00:17:22,760 >> Szóval vessünk egy pillantást most meg néhány példát. 370 00:17:22,760 --> 00:17:24,660 A lehető legegyszerűbb dolog lehet ez. 371 00:17:24,660 --> 00:17:29,170 Én megyek előre, és nyissa fel gedit nevű fájlt hello.php. 372 00:17:29,170 --> 00:17:31,730 373 00:17:31,730 --> 00:17:36,330 És azon belül itt, megyek, hogy gyorsan csak ezt, printf, idézve 374 00:17:36,330 --> 00:17:38,590 idézet vége, "hello world". 375 00:17:38,590 --> 00:17:42,460 >> Így észre, és én megteszem a backslash n Már nem zavar, hogy állapítsa meg fő. 376 00:17:42,460 --> 00:17:45,310 Kiderül, a php, és a sok nyelveket, akkor nem kell a fő 377 00:17:45,310 --> 00:17:46,090 funkció önmagában. 378 00:17:46,090 --> 00:17:47,720 Akkor csak elkezd írni a program. 379 00:17:47,720 --> 00:17:51,210 Most, amikor menteni ezt a fájlt, észre vagyok kell majd tegye a következőket. 380 00:17:51,210 --> 00:17:55,360 Nem fogom használni, hogy, és én nem vagyok fogja használni csenget, mert a PHP, ellentétben 381 00:17:55,360 --> 00:17:57,400 C, nem egy lefordított nyelvet. 382 00:17:57,400 --> 00:18:01,400 Ez az, amit a neve az értelmezett nyelv, ami azt jelenti, hogy futtatni 383 00:18:01,400 --> 00:18:04,650 inputként egy másik programmal hívott tolmács. 384 00:18:04,650 --> 00:18:08,150 És, hogy a program olvassa, felülről lefelé, balról jobbra, és nem 385 00:18:08,150 --> 00:18:09,290 bármit is mondani, hogy igen. 386 00:18:09,290 --> 00:18:12,920 >> Tehát ebben az esetben is van egy sor, hogy azt mondja printf. 387 00:18:12,920 --> 00:18:17,990 Tehát, amikor elindul a forráskód, hello.php, bár egy programot, amely 388 00:18:17,990 --> 00:18:22,830 történik, kényelmesen, hogy hívják a PHP, a program a PHP fog olvasni 389 00:18:22,830 --> 00:18:26,120 ezt a fájlt, felülről lefelé, balról jobbra, és azt fogja csinálni, amit én 390 00:18:26,120 --> 00:18:30,110 mondani, hogy igen - végrehajtása kódot, és ha nem ismeri valamit, csak 391 00:18:30,110 --> 00:18:31,320 kiköpi. 392 00:18:31,320 --> 00:18:34,940 Szóval megyek előre, és a PHP a hello.php. 393 00:18:34,940 --> 00:18:37,110 Enter. 394 00:18:37,110 --> 00:18:39,690 >> És ez nem elég, amit akartam. 395 00:18:39,690 --> 00:18:40,530 Nos, miért van ez? 396 00:18:40,530 --> 00:18:43,910 Nos, PHP egy olyan nyelv, valójában úgy tervezték, hogy meglehetősen 397 00:18:43,910 --> 00:18:46,150 összefonódik az interneten. 398 00:18:46,150 --> 00:18:50,460 Ha így weboldalakat ezen a nyelven PHP, ahogy azt hamarosan látni, fogjuk 399 00:18:50,460 --> 00:18:54,560 akarsz valamit, mint nyomtatott ki hasonló sor. 400 00:18:54,560 --> 00:18:55,940 >> Így fogom csinálni. 401 00:18:55,940 --> 00:19:00,810 Nyitó zárójel, kérdőjel, PHP, és most én csak fog francia, csak hogy 402 00:19:00,810 --> 00:19:01,960 dolgok szép. 403 00:19:01,960 --> 00:19:04,910 És most fogok tenni egy kérdést jelölje záró zárójel. 404 00:19:04,910 --> 00:19:06,270 Szóval van egy kis aszimmetria itt. 405 00:19:06,270 --> 00:19:07,490 Nem ezt. 406 00:19:07,490 --> 00:19:10,530 És ezt nem a perjel, így A PHP egy kicsit más. 407 00:19:10,530 --> 00:19:14,610 >> De most, ha én futtassa újra a programot, PHP hello.php, most 408 00:19:14,610 --> 00:19:16,090 valójában a Hello World. 409 00:19:16,090 --> 00:19:17,750 És majd meglátjuk, hogy ez miért fontos. 410 00:19:17,750 --> 00:19:20,960 Az egyik, hogy lehetővé teszi számomra, hogy meghatározza, szuper kifejezetten ez 411 00:19:20,960 --> 00:19:22,480 kód, ezzel a. 412 00:19:22,480 --> 00:19:25,480 És ez az, amit ezek a valóban speciális címkéket jelenti itt. 413 00:19:25,480 --> 00:19:30,330 >> De ez azt is jelenti, hogy ha csak nem valami ilyesmit Célom ide, hogy 414 00:19:30,330 --> 00:19:34,000 azt jelenti, hogy a szó szoros értelmében, hogy majd csak is kinyomtatható, anélkül, hogy 415 00:19:34,000 --> 00:19:36,850 valóban hívja printf, vagy nyomtatott, vagy bármilyen hasonló funkciót. 416 00:19:36,850 --> 00:19:39,445 Szóval megyek vissza a csak egy pillanat. 417 00:19:39,445 --> 00:19:40,470 >> Először is, nézzük ezt. 418 00:19:40,470 --> 00:19:43,950 A készülék belsejét, van egy nevű könyvtárat vhostokat, virtuális 419 00:19:43,950 --> 00:19:47,000 házigazdák, slash helyi gépen, perjel nyilvános. 420 00:19:47,000 --> 00:19:50,240 Szóval ez egy kicsit bőbeszédű, de hosszú történet Röviden, a készüléket úgy tervezték, nem 421 00:19:50,240 --> 00:19:53,770 csak támogassa C is célja, hogy támogassa a PHP. 422 00:19:53,770 --> 00:19:57,440 De ez is tervezték, hogy a web szerver és adatbázis szerver. 423 00:19:57,440 --> 00:20:00,230 És úgy tervezték, és valóban konfigurált, emlékeztet, hogy minden 424 00:20:00,230 --> 00:20:04,230 kereskedelmi web hosting cég lehet fizetni 5 $ havonta, 425 00:20:04,230 --> 00:20:05,040 100 $ havonta. 426 00:20:05,040 --> 00:20:08,200 Bármi legyen is a szolgáltatás, ez beállítva hogy nagyon hasonlít egy 427 00:20:08,200 --> 00:20:10,170 valós termelési kiszolgálóval. 428 00:20:10,170 --> 00:20:13,485 >> És mit jelent az, hogy a futó A készülék a web szerver szoftver. 429 00:20:13,485 --> 00:20:15,060 Előfordul, hogy hívják az Apache. 430 00:20:15,060 --> 00:20:17,790 Ez csak ingyenes és nyílt forráskódú, és nagyon népszerű. 431 00:20:17,790 --> 00:20:23,260 És mi van beállítva Apache tudni hogy ha meglátogat egy bizonyos URL-t, és 432 00:20:23,260 --> 00:20:28,060 Chrome böngésző, vagy belsejében készüléket, hogy vizsgálja meg a könyvtár 433 00:20:28,060 --> 00:20:31,030 A fájlokat a felhasználó kéri. 434 00:20:31,030 --> 00:20:32,790 >> Más szóval, hadd megy előre, és erre a célra. 435 00:20:32,790 --> 00:20:36,890 Belül a nyilvános könyvtár, megyek , hogy menjen előre, és hozzon létre egy fájlt 436 00:20:36,890 --> 00:20:39,580 index.html nevű. 437 00:20:39,580 --> 00:20:41,000 Ez ad nekem a lap itt. 438 00:20:41,000 --> 00:20:44,210 És én megyek gyorsan és megy előre, és bumm ki 439 00:20:44,210 --> 00:20:45,010 ez a program itt. 440 00:20:45,010 --> 00:20:48,410 Doctype HTML, amely most, csak Feltételezzük, hogy a típus. 441 00:20:48,410 --> 00:20:53,490 Ez csak egy misztikus tag, ez nem valóban egy HTML tag, amely meghatározza, hogy az 442 00:20:53,490 --> 00:20:55,050 Itt van pár HTML. 443 00:20:55,050 --> 00:20:57,400 >> Én megyek előre, és újra amit láttunk egy perce. 444 00:20:57,400 --> 00:20:58,650 Itt van a feje az oldal. 445 00:20:58,650 --> 00:21:01,170 Belül a fej volt - 446 00:21:01,170 --> 00:21:01,890 így cím. 447 00:21:01,890 --> 00:21:04,340 Tehát azt mondom hello, világ. 448 00:21:04,340 --> 00:21:06,570 És akkor itt lent volt a body tag. 449 00:21:06,570 --> 00:21:08,580 Hadd fejezzem be a body tag. 450 00:21:08,580 --> 00:21:12,280 És akkor itt én is mondom, csak a jobb átláthatóság, hello world. 451 00:21:12,280 --> 00:21:14,770 >> Szóval ez az, vitathatatlanul, a legegyszerűbb lehetséges internetes oldalon 452 00:21:14,770 --> 00:21:15,770 tehet, hogy ez érvényes-e. 453 00:21:15,770 --> 00:21:17,030 Ez szintaktikailag helyes. 454 00:21:17,030 --> 00:21:18,620 Mindent, ami nyitva van zárva. 455 00:21:18,620 --> 00:21:20,910 Minden a szépen stílusú és tagolt. 456 00:21:20,910 --> 00:21:23,600 Szóval most látni, hogyan elérheti ezt a fájlt. 457 00:21:23,600 --> 00:21:25,540 >> Nos, hadd menjen a Chrome itt. 458 00:21:25,540 --> 00:21:35,050 És hadd menjen http://localhost/index.html. 459 00:21:35,050 --> 00:21:36,200 Tehát mi a helyi gépre? 460 00:21:36,200 --> 00:21:39,400 Nos, a legtöbb olyan számítógép a világon, Linux, Mac OS, Windows, van egy beceneve 461 00:21:39,400 --> 00:21:40,680 az úgynevezett helyi host. 462 00:21:40,680 --> 00:21:42,900 Tehát, ha valaha is szeretne beszélni hogy saját számítógép - 463 00:21:42,900 --> 00:21:45,140 bár, furcsa reflexszerűen - 464 00:21:45,140 --> 00:21:47,080 hívod magad a helyi gazda. 465 00:21:47,080 --> 00:21:50,390 Nem számít, milyen a tényleges számítógép hívott, hogy ez David MacBook 466 00:21:50,390 --> 00:21:52,490 Air, vagy valami verbose ilyesmi. 467 00:21:52,490 --> 00:21:57,760 >> Tehát ez URL látszólag fogja használni a HTTP, hogy beszéljen a helyi gépre, 468 00:21:57,760 --> 00:22:00,800 ugyanazon a számítógépen, a készülék és a ez meg fog kérni, csak egy 469 00:22:00,800 --> 00:22:02,570 kitalálni, milyen file? 470 00:22:02,570 --> 00:22:04,460 Index.html. 471 00:22:04,460 --> 00:22:08,650 Így a készülék van-e állítva előre tudják, hogy ha kérdezem 472 00:22:08,650 --> 00:22:13,460 valami olyasmit, index.html, keresse meg egy dosszié hívott vhostokat, a 473 00:22:13,460 --> 00:22:17,950 elnevezésű mappát localhost, egy mappában ott az úgynevezett nyilvános. 474 00:22:17,950 --> 00:22:20,400 Ez az, ahol minden a nyilvános fájlok lesznek. 475 00:22:20,400 --> 00:22:22,610 Szóval most megy az Enter leütése. 476 00:22:22,610 --> 00:22:27,100 >> És átkozott, ott van az a tiltott üzenetet, más néven 403, a 477 00:22:27,100 --> 00:22:28,490 numerikus kódot is. 478 00:22:28,490 --> 00:22:30,130 Szóval mi a baj itt? 479 00:22:30,130 --> 00:22:33,210 Nos, ez nem elég, hogy az imént a fájl belső én mappába. 480 00:22:33,210 --> 00:22:35,790 Meg kell, hogy ténylegesen a következőket. 481 00:22:35,790 --> 00:22:40,210 >> Hadd menjek be a vhostokat könyvtárat, localhost, a köz-, és hagyja, hogy 482 00:22:40,210 --> 00:22:41,680 tegyem ls kötőjel l. 483 00:22:41,680 --> 00:22:44,510 És van néhány más dolog, itt a mai célokra. 484 00:22:44,510 --> 00:22:50,540 De észre a bal oldalon, a következő az index.html, csak látni egy RW. 485 00:22:50,540 --> 00:22:53,560 És a múltban, milyen már RW állt? 486 00:22:53,560 --> 00:22:54,240 >> Csak írni és olvasni. 487 00:22:54,240 --> 00:22:58,000 Az a tény, hogy azt mondja a bal rw azt jelenti, hogy a tulajdonos a fájl, 488 00:22:58,000 --> 00:22:59,020 olvasni vagy írni. 489 00:22:59,020 --> 00:23:05,010 De kell, hogy legyen minden ember a olvassa el ezt a világot, de nem írom meg. 490 00:23:05,010 --> 00:23:09,650 Így fogok változtatni a módot a fájl chmod minden plusz r, hogy 491 00:23:09,650 --> 00:23:13,910 mindenkinek olvasási engedélyt a index.html nevű fájlt. 492 00:23:13,910 --> 00:23:18,040 >> És ha most mégegyszer ls kötőjel l, értesítés hogy itt, egy kicsit 493 00:23:18,040 --> 00:23:19,160 R bukkant fel. 494 00:23:19,160 --> 00:23:21,090 És most, a spec megy be részletesebben. 495 00:23:21,090 --> 00:23:24,450 A P meg 7, ami csak azt jelenti, mindenki most olvasd el ezt a fájlt. 496 00:23:24,450 --> 00:23:27,790 Ha megyek vissza a böngészőben most és újra, íme. 497 00:23:27,790 --> 00:23:28,750 Hello world. 498 00:23:28,750 --> 00:23:32,260 >> És én is kinyitom a Chrome eszközök és nézd meg, mint a Google és a 499 00:23:32,260 --> 00:23:34,590 Facebook, hogy ott van a HTML, formázott egy kicsit 500 00:23:34,590 --> 00:23:35,930 másképp, és színezett. 501 00:23:35,930 --> 00:23:40,450 Ha megy a hálózat fülre, és töltse Az oldal észre, hogy ott van a kap 502 00:23:40,450 --> 00:23:42,900 kérheti, hogy a Chrome küld a készülék. 503 00:23:42,900 --> 00:23:46,020 Ott van a 200, amely adott fájlt. 504 00:23:46,020 --> 00:23:49,340 Tehát röviden, ez így ezek több darab jön össze. 505 00:23:49,340 --> 00:23:53,530 Ez csak azért történik, hogy a webszerver mi éppen most nem a távoli, 506 00:23:53,530 --> 00:23:54,210 , mint a Facebook. 507 00:23:54,210 --> 00:23:58,330 Ez szó szerint ugyanazon a számítógépen, ami teljesen rendben van. 508 00:23:58,330 --> 00:24:00,590 >> Szóval, mi mást tehetünk egy weboldal? 509 00:24:00,590 --> 00:24:03,110 Nos, csak, hadd szél segítségével egy pár ilyen dolgokat. 510 00:24:03,110 --> 00:24:07,860 De hadd menjek előre, és nyissa meg újra Gedit az index.html. 511 00:24:07,860 --> 00:24:13,980 És hadd menjen előre, és köszönjön CS50, menteni a fájlt, menj vissza a 512 00:24:13,980 --> 00:24:16,260 böngésző tényleg underwhelming változás. 513 00:24:16,260 --> 00:24:19,130 >> De mi van, ha azt akarjuk, hogy valóban linket most valamit? 514 00:24:19,130 --> 00:24:23,480 Így kiderül, hogy mi lehet a linkeket a HTML, hogy csak címkék 515 00:24:23,480 --> 00:24:24,140 magukat. 516 00:24:24,140 --> 00:24:27,320 Előfordul, hogy az úgynevezett horgony tag. a href egyenlő 517 00:24:27,320 --> 00:24:33,190 https://www.cs50.net, www.cs50.net szoros idézet, záró zárójel. 518 00:24:33,190 --> 00:24:35,230 És most lássuk, mi más következik. 519 00:24:35,230 --> 00:24:36,500 >> Kinyitottam a címkét. 520 00:24:36,500 --> 00:24:38,990 Most kell, hogy ez a kifejezés, mint a CS50. 521 00:24:38,990 --> 00:24:40,600 Hadd fejezzem be a tag. 522 00:24:40,600 --> 00:24:42,010 És észre néhány dolgot. 523 00:24:42,010 --> 00:24:45,270 Annak ellenére, hogy itt van ez a rejtélyes dolog Itt már nem ismétlődik meg, ha 524 00:24:45,270 --> 00:24:46,010 zárja a címkét. 525 00:24:46,010 --> 00:24:48,230 Csak zárja be a címke névvel egyedül. 526 00:24:48,230 --> 00:24:50,940 És ez az, ami ismert, mint egy attribútum értékkel. 527 00:24:50,940 --> 00:24:56,070 Attribútumok csak módosítja a viselkedését Néhány tag belsejében egy lap. 528 00:24:56,070 --> 00:24:59,150 >> Tehát ez meghatározza, hogy a hiper hivatkozás, a divatos szóval a 529 00:24:59,150 --> 00:25:03,660 URL a horgony, mert ez kapcsolat kell, hogy legyen CS50.net. 530 00:25:03,660 --> 00:25:07,440 És a szöveg, hogy szeretnénk mutatni a a felhasználó nem, hogy a nyers URL-t, hanem inkább 531 00:25:07,440 --> 00:25:08,730 a szó CS50. 532 00:25:08,730 --> 00:25:13,710 >> Tehát, ha most újra, hadd zoom be egyértelműség, hadd újratölti az oldalt, 533 00:25:13,710 --> 00:25:16,460 észre, hogy itt van ez a régi iskola kék aláhúzott hivatkozásokra. 534 00:25:16,460 --> 00:25:20,000 És ha fölé viszi, és ez a helyzet hogy nehéz látni, a bal alsó sarokban 535 00:25:20,000 --> 00:25:23,690 sarkában a képernyő, észre hogy azt mondja, az URL-re 536 00:25:23,690 --> 00:25:24,430 Én megyek. 537 00:25:24,430 --> 00:25:27,940 És ha rákattintok ott, íme, Most csinálok weboldalakat. 538 00:25:27,940 --> 00:25:30,140 És mi vezetett magunkat a főoldalra. 539 00:25:30,140 --> 00:25:32,670 >> De vegyük észre, mi potenciál ez kínál nekünk. 540 00:25:32,670 --> 00:25:34,890 A biztonság nagyon divatos manapság. 541 00:25:34,890 --> 00:25:41,210 Mit tegyek, ha ahelyett, hogy mond valamit, mint ezt, és inkább megy, mondjuk, nézzük 542 00:25:41,210 --> 00:25:42,460 Látod, fakeCS50.net. 543 00:25:42,460 --> 00:25:44,660 544 00:25:44,660 --> 00:25:46,360 Oldal újratöltése. 545 00:25:46,360 --> 00:25:50,180 >> OK, így észre, hogy mindig úgy néz ki, mint én vagyok, fog CS50, kivéve ha ügyes szem 546 00:25:50,180 --> 00:25:51,560 észre fogja venni fogok hamis CS50. 547 00:25:51,560 --> 00:25:54,550 Azt hiszem ezen a területen nem veszik. 548 00:25:54,550 --> 00:25:55,960 OK, ez nem áll rendelkezésre. 549 00:25:55,960 --> 00:25:56,600 Szóval ez jó. 550 00:25:56,600 --> 00:25:57,900 Senki valójában, hogy a domain. 551 00:25:57,900 --> 00:26:00,380 >> De legyünk egy kicsit rosszindulatú mert ez hülyeség. 552 00:26:00,380 --> 00:26:02,240 Mi lenne, ha változtatni a Paypal. 553 00:26:02,240 --> 00:26:09,960 És mi van, ha mi hívjuk ezt, mint például, www.paypal.badguy.com, 554 00:26:09,960 --> 00:26:12,070 amit a tartomány. 555 00:26:12,070 --> 00:26:13,700 Ez valószínűleg létezik. 556 00:26:13,700 --> 00:26:16,260 Tehát most hadd töltse újra a lapot. 557 00:26:16,260 --> 00:26:22,890 És itt van valami egy adathalász támadás, P-H-I-S-H-I-N-G, amely a 558 00:26:22,890 --> 00:26:26,760 buta szó adott a támadás, hogy megpróbál halat információ vagy jobb 559 00:26:26,760 --> 00:26:30,450 mégis, a pénz, ki az emberek a megtévesztett őket, hogy a tájékoztatás 560 00:26:30,450 --> 00:26:31,990 lehet, hogy egyébként nem csinál. 561 00:26:31,990 --> 00:26:33,500 Ez úgy néz ki, teljesen legális, ugye? 562 00:26:33,500 --> 00:26:34,930 Azt kell egy link itt Paypal.com. 563 00:26:34,930 --> 00:26:37,700 564 00:26:37,700 --> 00:26:40,430 A tisztesség, ha szexálás fel néhány grafika, akkor azt a látszatot 565 00:26:40,430 --> 00:26:41,310 több, mint a PayPal. 566 00:26:41,310 --> 00:26:41,510 Nem igaz? 567 00:26:41,510 --> 00:26:43,815 Mert nem tudtam, mint egy félre, Tudtam menni Paypal.com. 568 00:26:43,815 --> 00:26:47,110 És most láttam, hogyan lehet megtekinthet minden a HTML. 569 00:26:47,110 --> 00:26:50,560 Én is csak másolni, és újra a esztétikája Paypal nem megy 570 00:26:50,560 --> 00:26:51,490 old school itt. 571 00:26:51,490 --> 00:26:55,010 De észre, persze, és ez egy kicsit még kicsi, csak az alsó 572 00:26:55,010 --> 00:26:59,190 bal sarokban, a mint a 10-es font, látod, mit URL te 573 00:26:59,190 --> 00:27:01,310 valóban lesz vezetett. 574 00:27:01,310 --> 00:27:06,580 >> És ha valaha is ütött spam mondás megy előre, és maga veszi 575 00:27:06,580 --> 00:27:07,420 veszélybe került. 576 00:27:07,420 --> 00:27:10,615 Kérjük, kattintson erre a linkre, és tudassa velünk a jelszót, így tudjuk biztosítani, hogy maga 577 00:27:10,615 --> 00:27:13,010 te, soha ne tegye ezt. 578 00:27:13,010 --> 00:27:14,180 Ezek a dolgok magától értetődő. 579 00:27:14,180 --> 00:27:17,670 De csodálatosan szórakoztató, és tragikus, hogy minden évben úgy tűnik, hogy 580 00:27:17,670 --> 00:27:19,660 véletlenül néhány nem-nulla emberek száma. 581 00:27:19,660 --> 00:27:21,400 >> És ez a szépség Az adathalász támadások. 582 00:27:21,400 --> 00:27:23,160 Lehet küldeni egy millió e-maileket. 583 00:27:23,160 --> 00:27:27,720 És még ha a 0,01%-a valójában kattintson Paypal, és adja meg a 584 00:27:27,720 --> 00:27:31,040 jelszó, hogy még egy nem nulla szám az emberek, akik már csak így 585 00:27:31,040 --> 00:27:32,200 Ön a pénzüket. 586 00:27:32,200 --> 00:27:36,170 És e-mail küldése, persze, nagyon egyszerű és lényegében szabad 587 00:27:36,170 --> 00:27:36,970 ezekben a napokban. 588 00:27:36,970 --> 00:27:40,410 >> Tehát hosszú történet rövid, csodálatosan szép gondolat, nem? 589 00:27:40,410 --> 00:27:44,620 Évekkel ezelőtt ez volt a legkorábbi web, amely lehetővé teszi a web 590 00:27:44,620 --> 00:27:46,330 hivatkozásokat forrásai között. 591 00:27:46,330 --> 00:27:49,520 De olyan gyorsan lehet az használt beteg célokra. 592 00:27:49,520 --> 00:27:54,100 És e-mail, elég annyit mondani, hogy ezek nap, már HTML beágyazva. 593 00:27:54,100 --> 00:27:55,410 >> Nos, hadd csak egy másik dolog. 594 00:27:55,410 --> 00:27:58,640 És akkor elhalasztja nagyrészt részt probléma meg hét lehetővé teszi, hogy 595 00:27:58,640 --> 00:28:00,000 vizsgálja meg a részleteket. 596 00:28:00,000 --> 00:28:01,990 De hadd menjek előre, és nem egy pár dolgot itt. 597 00:28:01,990 --> 00:28:04,840 Fogok menni, és kijelentik, az úgynevezett a div, vagy 598 00:28:04,840 --> 00:28:06,080 részlege, az oldal. 599 00:28:06,080 --> 00:28:07,770 Hadd zárjam, hogy div tag. 600 00:28:07,770 --> 00:28:11,460 >> És azt fogom mondani fel Itt lap tetejére. 601 00:28:11,460 --> 00:28:14,940 És akkor ez alatt azt fogom tenni olyasmi, mint egy másik div, zárja be ezt az 602 00:28:14,940 --> 00:28:17,800 tag, és nem az oldal alján. 603 00:28:17,800 --> 00:28:18,840 És mentsük meg. 604 00:28:18,840 --> 00:28:21,040 >> Tehát most menjünk vissza a fájlt. 605 00:28:21,040 --> 00:28:22,120 Nagyon underwhelming. 606 00:28:22,120 --> 00:28:25,520 De mi részleg használnak, a motorháztető alatt, hogy valójában 607 00:28:25,520 --> 00:28:26,920 egy szép szerkezeti elem. 608 00:28:26,920 --> 00:28:30,300 Ez nem rendelkezik, amennyiben az esztétikai láthatjuk, nem úgy tűnik, 609 00:28:30,300 --> 00:28:31,890 amivel a dolgok az új vonalakon. 610 00:28:31,890 --> 00:28:36,290 >> De vegyük észre, mint félre, csak ütő Adja nem vágja a HTML, mint ez 611 00:28:36,290 --> 00:28:39,840 nem a C. Azt gondolhatnánk, hogy ez megy, hogy egy szép nagy különbség 612 00:28:39,840 --> 00:28:41,300 a felső és az oldal alján. 613 00:28:41,300 --> 00:28:43,420 De ez nem veszi figyelembe. 614 00:28:43,420 --> 00:28:48,040 White space lényegében figyelmen kívül hagyja a weboldalakat más, mint a legelső 615 00:28:48,040 --> 00:28:51,530 szóköz karakter, vagy kocsi vissza, hogy bejön a billentyűzeten. 616 00:28:51,530 --> 00:28:55,370 Ha többet szeretne sortörés, akkor kell adnod magad. 617 00:28:55,370 --> 00:28:59,080 >> Így fogok tenni néhány dolgot itt, hogy megmutassa, mi folyik itt. 618 00:28:59,080 --> 00:29:02,700 Fogok hozzá egy attribútumot, amely létezik, és újra, ahogy tanulni 619 00:29:02,700 --> 00:29:07,110 milyen tulajdonságokat létezik, milyen címkéket létezik, tényleg, online referenciák. 620 00:29:07,110 --> 00:29:09,750 HTML az a fajta nyelv - ez nem egy programozási nyelv. 621 00:29:09,750 --> 00:29:12,460 Ez egy leíró nyelv -, hogy miután a jó fél óra, talán egy órát 622 00:29:12,460 --> 00:29:15,930 meg, akkor biztosan fogja a legtöbb valószínű, az alapötlet. 623 00:29:15,930 --> 00:29:20,350 És akkor a Google kereső el minden lehetséges címkéket lehet, 624 00:29:20,350 --> 00:29:21,170 érdeklő 625 00:29:21,170 --> 00:29:24,290 És egy a specifikációt, hogy elég Üdvözöljük és ösztönözni itt. 626 00:29:24,290 --> 00:29:26,120 >> Tehát most hadd menjen előre, és valami ilyesmit. 627 00:29:26,120 --> 00:29:28,690 Háttér színét. 628 00:29:28,690 --> 00:29:32,060 És most, fogok csinálni valamit mint a vörös, pontosvessző. 629 00:29:32,060 --> 00:29:33,970 És akkor ezt a egy pár különböző módon. 630 00:29:33,970 --> 00:29:36,770 Én csak ilyen gépelés, mint szuper kifejezetten csak lehetséges. 631 00:29:36,770 --> 00:29:41,960 >> De kiderül, hogy ez az érték itt úgynevezett CSS, Cascading Style 632 00:29:41,960 --> 00:29:43,700 Sheets, amely egy másik nyelv összesen. 633 00:29:43,700 --> 00:29:46,770 CSS semmi köze nyitott címkék és záró tag. 634 00:29:46,770 --> 00:29:48,230 Ez arról szól, hogy tulajdonságait. 635 00:29:48,230 --> 00:29:52,660 >> És tulajdonságok egyszerűen kulcsérték pár, ami csak azt jelenti, néhány szó, 636 00:29:52,660 --> 00:29:54,680 vastagbél, majd néhány más szót. 637 00:29:54,680 --> 00:29:57,940 És ha van több is, vagy csak Ott van, akkor a végén, hogy egy 638 00:29:57,940 --> 00:29:59,390 pontosvessző, csak az egyértelműség kedvéért. 639 00:29:59,390 --> 00:30:01,370 De ez is működik itt. 640 00:30:01,370 --> 00:30:02,500 >> Nos, mi ezt csinálni? 641 00:30:02,500 --> 00:30:03,610 Akkor valószínűleg kitalálni. 642 00:30:03,610 --> 00:30:05,930 Hadd menjek előre, és töltse be újra ezt az oldalt. 643 00:30:05,930 --> 00:30:07,300 És most már tényleg halad. 644 00:30:07,300 --> 00:30:09,150 Így tetején oldalamon piros. 645 00:30:09,150 --> 00:30:12,380 De mi a legfontosabb az, hogy már említettem, korábban, hogy a div ad 646 00:30:12,380 --> 00:30:13,220 egy részlege az oldalon. 647 00:30:13,220 --> 00:30:14,410 És ez valóban mit csinál. 648 00:30:14,410 --> 00:30:17,920 Lényegében osztja a lapot egy téglalap, amit aztán 649 00:30:17,920 --> 00:30:18,720 manipulálni. 650 00:30:18,720 --> 00:30:22,330 >> És ez a fogalom a téglalap a fajta lenyűgöző abban, ha úgy gondolja, a 651 00:30:22,330 --> 00:30:26,410 legtöbb olyan honlap, ott valószínűleg bizonyos struktúrát kell létrehozni. 652 00:30:26,410 --> 00:30:29,620 A legtöbb akkor valószínűleg ritkán Facebook honlapján, ha bejelentkezett 653 00:30:29,620 --> 00:30:30,440 az egész idő alatt. 654 00:30:30,440 --> 00:30:33,920 >> De a Facebook honlapján, ott van valamilyen div a felső. 655 00:30:33,920 --> 00:30:36,140 És talán nem is olyan egyszerű mint egy div, de van egy 656 00:30:36,140 --> 00:30:37,560 négyszögletes régióban. 657 00:30:37,560 --> 00:30:40,290 A többi lap, mint hatalmas div, mint egy sokkal 658 00:30:40,290 --> 00:30:41,910 nagyobb téglalap alakú terület. 659 00:30:41,910 --> 00:30:44,540 Tehát hosszú történet rövid, csak azáltal, hogy ezek a kis építőkockák, a 660 00:30:44,540 --> 00:30:49,250 képes modell a dolgokat, mint téglalapok, hogy széles vagy keskeny, akkor is 661 00:30:49,250 --> 00:30:53,680 hogy oszlopok potenciálisan lehetővé teszi, hogy feküdt ki oldalakat, tényleg, de akkor 662 00:30:53,680 --> 00:30:54,100 szeretne. 663 00:30:54,100 --> 00:30:56,170 Mi tényleg csak vakarja a felület itt. 664 00:30:56,170 --> 00:30:59,820 >> Valóban, ha nem egy másik, hadd megy előre, és stílus, 665 00:30:59,820 --> 00:31:05,410 background-color, akkor tegyünk valamit mint a kék, közeli idézi. 666 00:31:05,410 --> 00:31:06,620 Nézzük újra ezt. 667 00:31:06,620 --> 00:31:08,260 Így most már egyre még csúnyább. 668 00:31:08,260 --> 00:31:11,520 De most már tudom milyen mutogatni a P meg öt készség, nem igaz? 669 00:31:11,520 --> 00:31:12,690 Red. 670 00:31:12,690 --> 00:31:15,640 Ez jut eszembe a RGB, Red Zöld Kék háromágyas. 671 00:31:15,640 --> 00:31:19,330 Nos, kiderült, hogy a webes programozás, vagy web design, ami egy, most már 672 00:31:19,330 --> 00:31:21,650 nem programozható semmit önmagában, akkor valóban 673 00:31:21,650 --> 00:31:22,880 van hexadecimális kódot. 674 00:31:22,880 --> 00:31:26,480 Tehát valami valami, valami valami, valami ilyesmi. 675 00:31:26,480 --> 00:31:30,650 Így hat hexadecimális karaktereket, vagy három, bizonyos esetekben, 676 00:31:30,650 --> 00:31:33,480 és minden egyes ilyen kérdőjelek kell, hogy legyen egy hexadecimális, 677 00:31:33,480 --> 00:31:34,985 nulla a f. 678 00:31:34,985 --> 00:31:41,000 >> Ha szeretnénk, hogy a sok vörös és nem zöld és nem kék, mi a 679 00:31:41,000 --> 00:31:43,740 szemben a zéró használatakor hex? 680 00:31:43,740 --> 00:31:44,480 Ez f. 681 00:31:44,480 --> 00:31:51,130 Így tudok ff, nulla nulla, nulla nulla, menteni, és most gyere ide. 682 00:31:51,130 --> 00:31:52,700 És valójában nem lát változást. 683 00:31:52,700 --> 00:31:56,230 Tehát quote unquote "piros" látszólag egyet minden piros, 684 00:31:56,230 --> 00:31:57,610 nem zöld, nem kék. 685 00:31:57,610 --> 00:31:59,960 Közben hadd szándékosan változtatni ez, hogy valami 686 00:31:59,960 --> 00:32:01,210 véletlen, mint ABCDF. 687 00:32:01,210 --> 00:32:03,790 688 00:32:03,790 --> 00:32:05,860 >> Lássuk, mi az. 689 00:32:05,860 --> 00:32:08,530 Ez egy nagyon szép kék, valóban, baby blue. 690 00:32:08,530 --> 00:32:11,820 Rendben, ezek most valamelyest véletlenszerű kombinációit 691 00:32:11,820 --> 00:32:12,210 karakter. 692 00:32:12,210 --> 00:32:13,410 Így nem megreked itt. 693 00:32:13,410 --> 00:32:15,930 De ismétlem, ez szól a pontosság hogy kezdhetjük 694 00:32:15,930 --> 00:32:19,090 alkalmazni - akkor is, ha nagyon túlterheltek az esztétika. 695 00:32:19,090 --> 00:32:21,750 Sőt, ha azt szeretné, hogy hatással, hadd menjek előre, és változtassa 696 00:32:21,750 --> 00:32:23,500 a betűméretet, például. 697 00:32:23,500 --> 00:32:25,960 És észre a pontosvessző, amely szükség van. 698 00:32:25,960 --> 00:32:29,570 >> Betűméret, mi is csak nevetséges Itt, 96. pont. 699 00:32:29,570 --> 00:32:31,280 Kivéve, hogy. 700 00:32:31,280 --> 00:32:33,670 Hú, ez egy nagy betűméretet. 701 00:32:33,670 --> 00:32:35,490 Rendben, ez nagyon egyszerű. 702 00:32:35,490 --> 00:32:38,260 És valóban, akkor lényegében lát Az első weboldal tettem 703 00:32:38,260 --> 00:32:40,060 évvel ezelőtt, amikor először tanult ez a cucc. 704 00:32:40,060 --> 00:32:42,190 Nagyon egyszerű, hogy a nagyon undorító dolgok gyorsan. 705 00:32:42,190 --> 00:32:46,115 >> És ha már ismeri a Wayback Gép archive.org, akkor 706 00:32:46,115 --> 00:32:48,210 megtalálja a förtelmes egyetemista weboldalakat. 707 00:32:48,210 --> 00:32:50,090 Az egyiknek Kermit a béka az első. 708 00:32:50,090 --> 00:32:53,150 Elmentem egy fázis, amikor azt gondoltam hűvös volt, hogy a háttérben 709 00:32:53,150 --> 00:32:56,320 a vörös függöny, amikor megtudtam, hogy hogyan , mozaikszerűen képeket újra, és újra, és 710 00:32:56,320 --> 00:32:59,540 Ismét, hogy töltse ki a oldalt egy nagy ragadós vörös függöny. 711 00:32:59,540 --> 00:33:03,120 És akkor, a tetején a volt, egy ikon hogy meg kellett a gombra az otthonom 712 00:33:03,120 --> 00:33:04,960 oldal, mert ez volt nagyon divatos. 713 00:33:04,960 --> 00:33:08,870 >> És akkor az első program, amit valaha írtam nem volt a PHP, de a nyelv 714 00:33:08,870 --> 00:33:12,260 gyöngyszemének nevezik, írt egy vendégkönyv, ami egy nagyon jó dolog, hogy egy 715 00:33:12,260 --> 00:33:14,250 Sokan várják, hogy egy honlapon. 716 00:33:14,250 --> 00:33:17,510 Amikor eljut arra az oldalra, azt akarom, bejelentkezni, és azt mondják, hogy ki vagy, 717 00:33:17,510 --> 00:33:18,720 és miért van ott. 718 00:33:18,720 --> 00:33:21,320 Ez nagyon 1990-es évek stílusa web design. 719 00:33:21,320 --> 00:33:24,130 >> De ezekben a napokban, biztosan, most már jön sokkal messzebb. 720 00:33:24,130 --> 00:33:27,560 És látni fogod, szakasz, és még A probléma meg hét, a 721 00:33:27,560 --> 00:33:31,570 kihasználva könyvtárak ezekben a napokban, ez így sokkal könnyebb 722 00:33:31,570 --> 00:33:33,400 szebb dolgok gyorsan. 723 00:33:33,400 --> 00:33:36,550 Tényleg itt, mi csak vakarja a felület, hogy mit lehet tenni 724 00:33:36,550 --> 00:33:37,400 stilisztikailag. 725 00:33:37,400 --> 00:33:41,660 >> És valóban, már, hadd emeljem ki , hogy ez már kezd csúnya, nem 726 00:33:41,660 --> 00:33:46,030 csak esztétikailag, de tekintve a stílus a kódomat, vagy a 727 00:33:46,030 --> 00:33:47,260 tervezése kódomat. 728 00:33:47,260 --> 00:33:52,350 Én jelenleg comingled HTML, amely a zöldes nyitva címkéket is, és 729 00:33:52,350 --> 00:33:55,160 CSS tulajdonságokat, melyek teljesen legális. 730 00:33:55,160 --> 00:33:57,200 Ez tényleg, ahol a nyelv volt az eredete. 731 00:33:57,200 --> 00:34:01,030 >> De az az érdeke, tiszta design, hasonlóan kezdtük faktoring cucc 732 00:34:01,030 --> 00:34:05,370 ki C fájlokat. h kép, legyen én tényleg gyakorolni ezt a fajta 733 00:34:05,370 --> 00:34:07,990 elv és kezdeni ezzel ezt helyette. 734 00:34:07,990 --> 00:34:13,280 Hadd tegyek fel egy stílust tag itt, ami is létezik HTML, és hagyd, hogy 735 00:34:13,280 --> 00:34:15,330 adja meg a következő. 736 00:34:15,330 --> 00:34:16,360 Hadd törölni ezt. 737 00:34:16,360 --> 00:34:18,110 Háttérszín lesz piros. 738 00:34:18,110 --> 00:34:19,800 Fogom törölni ezt teljesen. 739 00:34:19,800 --> 00:34:22,580 Fogok megszabadulni a stílus tulajdonítanak, és megyek, hogy egyedülálló módon 740 00:34:22,580 --> 00:34:24,620 azonosítsa a div a szó - 741 00:34:24,620 --> 00:34:28,750 önkényesen, hanem ésszerűen, idézet idézet vége "top". És id egy speciális 742 00:34:28,750 --> 00:34:32,530 tulajdonság, amely egyedi módon definiálja bizonyos HTML elem 743 00:34:32,530 --> 00:34:33,850 mintha, hogy id. 744 00:34:33,850 --> 00:34:37,969 >> Ha most akar stilizált is, itt a a feje az oldalam, belül a 745 00:34:37,969 --> 00:34:41,730 stílus tag, észreveheti, hogy Meg tudom csinálni hash tetején. 746 00:34:41,730 --> 00:34:45,300 És akkor én is hogy egy pár göndör nadrágtartó, emlékeztető C, majd hagyja, 747 00:34:45,300 --> 00:34:47,130 nekem be abban a stilizáció. 748 00:34:47,130 --> 00:34:49,929 És hadd menjen előre, itt és előre hová megyek ezzel. 749 00:34:49,929 --> 00:34:53,380 Hadd hozzon létre egyet az alsó div. 750 00:34:53,380 --> 00:34:58,010 Hadd fogd ezt a förtelmes kódot le Itt, tedd ide, és én leszek 751 00:34:58,010 --> 00:35:00,770 egy kicsit most, és anális stilizált azt módon putting a dolgokat a saját 752 00:35:00,770 --> 00:35:02,540 vonal, véget pontosvesszővel. 753 00:35:02,540 --> 00:35:04,430 Hadd megszabadulni a stílus tag. 754 00:35:04,430 --> 00:35:05,320 >> De nem történt még. 755 00:35:05,320 --> 00:35:07,406 Azt kell tennie, még valami. 756 00:35:07,406 --> 00:35:10,070 Igen, id egyenlő idézet idézet vége, "alulról" vagy bármi id akarok 757 00:35:10,070 --> 00:35:11,740 adni, hogy elem. 758 00:35:11,740 --> 00:35:13,420 Nos, hadd menjek vissza ide. 759 00:35:13,420 --> 00:35:14,360 És ez szörnyű. 760 00:35:14,360 --> 00:35:15,805 Nem tudok foglalkozni 96 pont. 761 00:35:15,805 --> 00:35:16,960 Csináljuk 24. pont. 762 00:35:16,960 --> 00:35:18,320 Vagy lehetne pontosabb. 763 00:35:18,320 --> 00:35:21,800 Tudod valójában használ pixel, px, így hogy valóban kap finomabb gabona 764 00:35:21,800 --> 00:35:23,220 felett az oldalon. 765 00:35:23,220 --> 00:35:26,860 >> Mellesleg, ez nem feltétlenül a legjobb dolog, ha a felhasználók, a 766 00:35:26,860 --> 00:35:29,650 hozzáférhetőség miatt, szeretnék képes növelni méretben. 767 00:35:29,650 --> 00:35:32,650 Tehát, hogy vannak módon csinál dolgokat, hogy nem feltétlenül 768 00:35:32,650 --> 00:35:34,230 kemény kód mindent. 769 00:35:34,230 --> 00:35:37,220 >> Rendben, ez nagyobb, 24 pont, mint bármi az alapértelmezett. 770 00:35:37,220 --> 00:35:38,630 De most ez egy kicsit tisztább. 771 00:35:38,630 --> 00:35:40,230 És engedjék meg, hogy egy lépéssel tovább. 772 00:35:40,230 --> 00:35:47,220 Csakúgy, mint az ötlet a header fájlok, észre vagyunk egy lépéssel közelebb áll. 773 00:35:47,220 --> 00:35:52,000 Van faktorált ki, de még mindig maradt, belül az oldalam, a CSS szabályokat. 774 00:35:52,000 --> 00:35:56,200 Miért is akarom, hogy egy lépéssel tovább, távolítsa el ezt teljesen, és 775 00:35:56,200 --> 00:35:59,860 tedd egy külön fájlban? 776 00:35:59,860 --> 00:36:01,070 >> Szóval tudja használni, igaz? 777 00:36:01,070 --> 00:36:03,155 Ez csak egyfajta megérzés most. 778 00:36:03,155 --> 00:36:06,340 Korábban azt állította, hogy ez csak szerzés csúnya, amelyek a stílust 779 00:36:06,340 --> 00:36:08,480 attribútumok belsejében a Divs magukat. 780 00:36:08,480 --> 00:36:09,750 De csak egyfajta gondolja, hogy a. 781 00:36:09,750 --> 00:36:13,560 Ahogy a lap egyre hosszabb és hosszabb ideig, ha te olyan itt, és itt, és 782 00:36:13,560 --> 00:36:18,350 itt és itt, mind a különböző színek és betűméretek, és más hasonló 783 00:36:18,350 --> 00:36:22,550 tulajdonságok, az oldal nagyon gyorsan fog válni kezelhetetlen az Ön számára. 784 00:36:22,550 --> 00:36:24,570 >> Ha valaki odalép hozzád, és azt mondja: Tudod mit? 785 00:36:24,570 --> 00:36:28,070 Nagyon szeretném változtatni a betűméretet két további pontot, akkor 786 00:36:28,070 --> 00:36:31,275 Lehet, hogy menjen, és keresse meg és cserélje ki rengeteg sornyi kódot. 787 00:36:31,275 --> 00:36:35,170 Sokkal vonzóbb központosítani minden ilyen esztétika itt. 788 00:36:35,170 --> 00:36:38,850 De ha szeretné, hogy újra a esztétika több weboldalak, mind 789 00:36:38,850 --> 00:36:41,100 A vonzóbb a, a Például hozzon létre egy fájlt 790 00:36:41,100 --> 00:36:45,290 megadta azokat a tartalmakat. 791 00:36:45,290 --> 00:36:46,680 >> És hadd tegyem ezt. 792 00:36:46,680 --> 00:36:51,150 793 00:36:51,150 --> 00:36:51,920 Mentse a fájlt. 794 00:36:51,920 --> 00:36:55,580 Mondom styles.css, önkényes, de a hagyományos. 795 00:36:55,580 --> 00:36:58,770 Beteszem a John Harvard otthonában címtár most az egyszerűség kedvéért. 796 00:36:58,770 --> 00:37:03,880 És mit tehetek a saját weboldal kap megszabadulni a stílus tag összesen, 797 00:37:03,880 --> 00:37:08,270 és kissé unintuitively, egy link tag, amely nem ad egy linket 798 00:37:08,270 --> 00:37:13,140 a hivatkozásra, kattintható értelme, de ahol azt mondom linkre, href egyenlő 799 00:37:13,140 --> 00:37:15,120 styles.css. 800 00:37:15,120 --> 00:37:20,050 És a kapcsolat, hogy ez az elem már a weboldal, hogy szolgáljon 801 00:37:20,050 --> 00:37:21,280 a stíluslap. 802 00:37:21,280 --> 00:37:22,670 >> Szóval hogyan tudom ezt? 803 00:37:22,670 --> 00:37:25,950 Egy, csak olvassa el a kézikönyvet, vagy a Google körül, és 804 00:37:25,950 --> 00:37:27,000 nézd meg a különböző források. 805 00:37:27,000 --> 00:37:30,520 Úgy értem, hogy valóban így felveszi technikák, mint ez, és következetes 806 00:37:30,520 --> 00:37:34,720 ez a gondolat a tanítás magát új nyelvek, ismét rájössz, hogy 807 00:37:34,720 --> 00:37:38,830 már csak véges számú dolog minden nyelv, ha egyszer 808 00:37:38,830 --> 00:37:41,310 őket, akkor rájössz, hogy ez lesz gyorsabban írni. 809 00:37:41,310 --> 00:37:44,180 Sőt, a tanulás egy új programozási nyelv sokkal gyorsabb, mint az új 810 00:37:44,180 --> 00:37:47,380 beszélt nyelvet, mert ezeket a dolgokat sokkal kisebb és sokkal 811 00:37:47,380 --> 00:37:48,820 pontosan meghatározott. 812 00:37:48,820 --> 00:37:51,590 >> De már kiemelt egy kicsit Az anomália itt. 813 00:37:51,590 --> 00:37:57,750 Miért emeltem ki ezt perjel itt? 814 00:37:57,750 --> 00:37:59,420 Mert van, hogy bezárja a tag. 815 00:37:59,420 --> 00:38:00,530 Azt kell zárni a címkét. 816 00:38:00,530 --> 00:38:02,750 És talál számtalan forrásokat Online, amelyek nem 817 00:38:02,750 --> 00:38:04,080 feltétlenül szoros címkéket. 818 00:38:04,080 --> 00:38:08,770 És reálisan, ez nem feltétlenül szükséges technikai és vannak 819 00:38:08,770 --> 00:38:11,950 miatt a valóság, böngészők csak meglehetősen toleráns a hibák web 820 00:38:11,950 --> 00:38:14,360 oldal, a jobb vagy rosszabb, de leginkább rosszabb. 821 00:38:14,360 --> 00:38:18,830 >> Szóval ez itt csak egy tisztább módja mond valami hülyeséget, mint ez, 822 00:38:18,830 --> 00:38:22,330 ahol, ha meg szeretné nyitni a link tag de zárja be, már tényleg nincs fogalma 823 00:38:22,330 --> 00:38:23,720 A tartalom a link tag. 824 00:38:23,720 --> 00:38:26,000 Ez csak azt jelenti, betölteni ezt fájlt, és tedd ide. 825 00:38:26,000 --> 00:38:30,610 Ez olyan, mint éles felvenni C. A nyit és zár a tag egyszerre 826 00:38:30,610 --> 00:38:31,660 ugyanabban a tag. 827 00:38:31,660 --> 00:38:33,520 És van más példa erre. 828 00:38:33,520 --> 00:38:37,280 Nem ez a módja, de A br tag, a sortörés, ha 829 00:38:37,280 --> 00:38:41,780 Nagyon szerettem volna, hogy elérjük azt, amit én próbál mielőtt az Enter, ha 830 00:38:41,780 --> 00:38:45,380 Én határozottan mondom sortörés, sortörés, sortörés, sortörés, és 831 00:38:45,380 --> 00:38:49,100 akkor újra az oldalt, most észre fogod venni, hogy az oldal alján van, 832 00:38:49,100 --> 00:38:51,940 sőt, sokkal messzebb le a lap alján. 833 00:38:51,940 --> 00:38:55,840 De még ez is sokkal többet tisztán a CSS, és margók, 834 00:38:55,840 --> 00:38:58,120 és más hasonló esztétikai technikák. 835 00:38:58,120 --> 00:38:59,940 >> Tehát most, az elvitelre is ezt. 836 00:38:59,940 --> 00:39:02,320 A HTML-ben, már ezek dolgokat az úgynevezett címkéket. 837 00:39:02,320 --> 00:39:04,830 A CSS, mi ezeket a dolgokat a Tulajdonságok. 838 00:39:04,830 --> 00:39:08,700 Tudjuk comingle két nyelven, akár a stílus attribútum, 839 00:39:08,700 --> 00:39:14,240 vagy a stílus tag, vagy a legjobb mégis, faktoring ki teljesen, mint mi 840 00:39:14,240 --> 00:39:17,270 A probléma meg 7. 841 00:39:17,270 --> 00:39:23,820 Kérdések, majd a fogalmi alapokat itt? 842 00:39:23,820 --> 00:39:24,740 >> Közönség: Lenne egy kérdésem. 843 00:39:24,740 --> 00:39:25,630 >> SPEAKER 1: Ó, sajnálom. 844 00:39:25,630 --> 00:39:28,880 >> Közönség: Miért nem színes - 845 00:39:28,880 --> 00:39:31,410 >> SPEAKER 1: Ó, a másik lapot? 846 00:39:31,410 --> 00:39:32,232 Ez itt? 847 00:39:32,232 --> 00:39:33,482 >> Közönség: Nem, ez olyan, mint a - 848 00:39:33,482 --> 00:39:35,330 849 00:39:35,330 --> 00:39:39,480 >> SPEAKER 1: Ó, ez azért van, mert Én volt, hogy hanyag. 850 00:39:39,480 --> 00:39:41,350 Tettem a fájlt a rossz helyen. 851 00:39:41,350 --> 00:39:47,840 Tehát, ha én tényleg tedd itt, és én chmod meg minden + R styles.css, és 852 00:39:47,840 --> 00:39:52,050 Most újra az oldalt, most kap a stilizáció vissza. 853 00:39:52,050 --> 00:39:54,530 És azért, mert a betűméret más, nem látjuk annyira, 854 00:39:54,530 --> 00:39:55,010 fehér térben. 855 00:39:55,010 --> 00:39:58,240 Mi ehelyett mi az a alapértelmezett helyett. 856 00:39:58,240 --> 00:40:00,050 Jó kérdés. 857 00:40:00,050 --> 00:40:00,846 Igen? 858 00:40:00,846 --> 00:40:02,630 >> Közönség: Miért van a link tag belsejében a fejléc? 859 00:40:02,630 --> 00:40:06,270 >> SPEAKER 1: Miért van az linkek tag belsejében a fejléc - 860 00:40:06,270 --> 00:40:07,650 rövid válasz, csak azért, mert. 861 00:40:07,650 --> 00:40:08,930 Ez az, amit döntöttek. 862 00:40:08,930 --> 00:40:10,720 Ez az, ahol a link címkéket el, amikor Van mit hívják 863 00:40:10,720 --> 00:40:13,650 külső stíluslapot. 864 00:40:13,650 --> 00:40:16,430 További kérdések? 865 00:40:16,430 --> 00:40:17,770 >> Rendben, csináljuk. 866 00:40:17,770 --> 00:40:20,500 Van annyira szórakoztató előttünk ma. 867 00:40:20,500 --> 00:40:22,480 Ez csak karcolás a felszínen a CSS. 868 00:40:22,480 --> 00:40:23,010 Csináljuk ezt. 869 00:40:23,010 --> 00:40:25,980 Vessünk egy öt perces szünetet itt mert egy e-mail címemet, hadd tegye a 870 00:40:25,980 --> 00:40:27,200 ott, amíg 02:30-ish ma. 871 00:40:27,200 --> 00:40:28,540 De ha kell hagyja, hogy rendben van. 872 00:40:28,540 --> 00:40:30,380 De majd haladjanak előre után egy öt perces szünetet. 873 00:40:30,380 --> 00:40:35,930 És mi tanulni egy kicsit valami a PHP, MySQL, és így tovább. 874 00:40:35,930 --> 00:40:44,520 >> Rendben, próbáljuk meg, most, a nyakkendő a Néhány ilyen gondolatok együtt, és, 875 00:40:44,520 --> 00:40:46,180 mondjuk, a saját kereső. 876 00:40:46,180 --> 00:40:48,570 Észrevettem, inkább kíváncsian, a következő. 877 00:40:48,570 --> 00:40:52,610 Ha a Google.com, te jellemzően egy URL-t, mint ez itt 878 00:40:52,610 --> 00:40:54,870 semmi után a dot com. 879 00:40:54,870 --> 00:40:59,760 De ha keres valami hülyeséget, mint a macskák, és nyomja meg, mi lesz - nem 880 00:40:59,760 --> 00:41:01,300 hülye, de te tudod. 881 00:41:01,300 --> 00:41:05,410 >> OK, így észre, az az oldal tetején, Most, az URL-t, természetesen, megváltozott. 882 00:41:05,410 --> 00:41:07,190 És ez nem valami új bármelyikünk. 883 00:41:07,190 --> 00:41:09,290 Ön hivatkozásokra kattintva, meg ilyesmi történik az interneten. 884 00:41:09,290 --> 00:41:11,420 De ami itt még érdekesebb a következő. 885 00:41:11,420 --> 00:41:14,500 Van egy csomó zűrzavar, de hadd én dobja el dolgokat, hogy én nem 886 00:41:14,500 --> 00:41:16,600 Teljesen megértem, vagy nem tényleg meg fontos. 887 00:41:16,600 --> 00:41:18,490 >> Hadd megszabadulni ez. 888 00:41:18,490 --> 00:41:20,030 Hadd megszabadulni ez. 889 00:41:20,030 --> 00:41:22,630 És hadd megszabadulni mindezt. 890 00:41:22,630 --> 00:41:28,840 És most észre, hogy macskák az URL, követte egy q, majd egyenlő 891 00:41:28,840 --> 00:41:29,710 jelentkezzen be előtte. 892 00:41:29,710 --> 00:41:32,110 Így kiderül, ez az, hogy a Ez úgy működik, amikor 893 00:41:32,110 --> 00:41:33,360 a bemeneti és kimeneti. 894 00:41:33,360 --> 00:41:37,510 >> Már régóta beszéltünk fekete doboz, nem igaz? 895 00:41:37,510 --> 00:41:41,650 Tehát ha ez a funkció végre itt, mint egy fekete doboz, tart bemenet 896 00:41:41,650 --> 00:41:45,290 és gyárt teljesítmény, nos, az azt jelenti, , amely az Ön által megadott bemenetet a 897 00:41:45,290 --> 00:41:49,270 honlap útján, gyakran az URL-eket. 898 00:41:49,270 --> 00:41:52,850 Egyszerűen csak fel egy kérdőjel kulcsot, majd egy egyenlő értéket. 899 00:41:52,850 --> 00:41:56,740 És akkor talán egy jelet, majd másik kulcsfontosságú egyenlő értékű, akkor talán 900 00:41:56,740 --> 00:41:58,810 másik jel, kulcs egyenlő értéket. 901 00:41:58,810 --> 00:42:03,030 Így adja át a kulcsokat, és értékek pár bemenet. 902 00:42:03,030 --> 00:42:07,050 >> Tehát, ha én Enter most mi érdekes a Google, hogy az összes 903 00:42:07,050 --> 00:42:10,420 hogy rendetlenség Töröltem nem jelenik meg miatt feltétlenül szükséges. 904 00:42:10,420 --> 00:42:15,120 Csak azt kell, hogy küldje a Google a kérdés q jel megegyezik macskák kap 905 00:42:15,120 --> 00:42:16,160 vissza néhány macska. 906 00:42:16,160 --> 00:42:20,160 Nos, a következménye az, hogy akkor, az, ha húzza fel gedit, elkezdtem 907 00:42:20,160 --> 00:42:24,360 hogy a saját kereső itt nevű fájlt seach0.html. 908 00:42:24,360 --> 00:42:26,750 >> És hadd menjen előre, és törölje még egy sort, hogy 909 00:42:26,750 --> 00:42:27,910 nem kellett volna látni. 910 00:42:27,910 --> 00:42:31,070 És most, hadd menjen a saját böngészője, így nem a Google, és menj 911 00:42:31,070 --> 00:42:34,900 http://localhost. 912 00:42:34,900 --> 00:42:36,220 És hogy fog útban. 913 00:42:36,220 --> 00:42:43,240 Szóval kell majd búcsút hogy most, mozog ez itt, 914 00:42:43,240 --> 00:42:46,270 ó, most mi lesz, hogy búcsút a fájlt. 915 00:42:46,270 --> 00:42:51,700 >> Ha van egy fájl neve index.html vagy index.php egy 916 00:42:51,700 --> 00:42:54,980 könyvtár, ha a web szerver konfigurált ilyen módon, hogy mit fog 917 00:42:54,980 --> 00:42:59,600 lásd, alapértelmezés szerint a tartalma, hogy a fájl helyett egy lista a 918 00:42:59,600 --> 00:43:02,330 könyvtár, mint szerettem volna itt. 919 00:43:02,330 --> 00:43:03,750 Erről bővebben a spec. 920 00:43:03,750 --> 00:43:04,610 Nem látni, hogy. 921 00:43:04,610 --> 00:43:06,360 >> Tehát ez az, amit valójában akartam. 922 00:43:06,360 --> 00:43:08,810 De egy pillanattal ezelőtt, volt egy fájl ebben a mappában nevű 923 00:43:08,810 --> 00:43:11,290 index.html és index.php. 924 00:43:11,290 --> 00:43:13,380 És így a webszerver volt megmutatta nekem azokat a fájlokat. 925 00:43:13,380 --> 00:43:15,900 Ehelyett, azt akarom, ez a könyvtár felsorolja itt. 926 00:43:15,900 --> 00:43:18,340 >> Így fogok menni CSS és menj search0. 927 00:43:18,340 --> 00:43:21,770 És azt állítják, hogy ez nem lesz az elején a saját versenyképes 928 00:43:21,770 --> 00:43:22,490 kereső. 929 00:43:22,490 --> 00:43:27,630 És ezt, fogok menni Itt, a CSS, és nyissa fel 930 00:43:27,630 --> 00:43:30,190 gedit, keresés 0. 931 00:43:30,190 --> 00:43:32,280 De sajnos, van Nem sok minden történik itt. 932 00:43:32,280 --> 00:43:35,690 Én csak használni a címsor tag, amely történik, hogy hívják H1, ami 933 00:43:35,690 --> 00:43:38,180 lényegében azt jelenti, nagy és merész, és ennyi. 934 00:43:38,180 --> 00:43:40,810 De az eszköz, amellyel tudunk biztosítani bemenet ezeken keresztül 935 00:43:40,810 --> 00:43:42,180 dolgokat az úgynevezett formában. 936 00:43:42,180 --> 00:43:46,040 >> Hadd megy előre, és nyissa ki és zárja be, megelőző jellegű, a form tag ott. 937 00:43:46,040 --> 00:43:48,060 És hadd menjen előre, és ezt valami ilyesmi. 938 00:43:48,060 --> 00:43:51,430 Bemenet típus egyenlő szöveget. 939 00:43:51,430 --> 00:43:56,320 És akkor hadd zárja be a tag a A zárójelben magukat. 940 00:43:56,320 --> 00:43:58,800 Nem kell kezdeni egy szöveges mező és megáll a szövegmezőbe. 941 00:43:58,800 --> 00:44:01,080 Ez csak ott lesz-e vagy sem. 942 00:44:01,080 --> 00:44:06,210 >> És akkor az alábbiakban, hogy csináljuk bemenet típusa egyenlő be. 943 00:44:06,210 --> 00:44:06,870 Mentése. 944 00:44:06,870 --> 00:44:08,630 És most nézzük csak ezt a gyors józanság ellenőrzés. 945 00:44:08,630 --> 00:44:09,820 Nézzük újra. 946 00:44:09,820 --> 00:44:10,890 >> OK, ez nem rossz. 947 00:44:10,890 --> 00:44:13,260 Ez nem a Google stílusát, de ez elég közel. 948 00:44:13,260 --> 00:44:13,920 Van egy szövegmezőbe. 949 00:44:13,920 --> 00:44:17,190 Azt is írja néhány dolgot, Enter, de nem történik semmi sem. 950 00:44:17,190 --> 00:44:21,090 És ez azért van, mert én még nem meghatározott iránti kereset ebben a formában, hogy úgy mondjam. 951 00:44:21,090 --> 00:44:23,860 Tehát, ha megyek vissza a formáját elem kiderült, és tudom, hogy ez csak 952 00:44:23,860 --> 00:44:27,460 attól, hogy olvassa el a dokumentációt, A form tag vesz egy attribútum 953 00:44:27,460 --> 00:44:31,880 nevű akció, ami az URL- a weboldal, amelyre 954 00:44:31,880 --> 00:44:34,790 szeretné küldeni az űrlapot. 955 00:44:34,790 --> 00:44:37,610 >> Nem igazán hiszem, hogy van ideje végre a teljes back end egy 956 00:44:37,610 --> 00:44:38,570 kereső ma. 957 00:44:38,570 --> 00:44:41,900 Szóval csak mondani, ugye, megy a google.com / search. 958 00:44:41,900 --> 00:44:43,450 És most hadd zárjam az idézetek. 959 00:44:43,450 --> 00:44:46,070 És hadd továbbá arról, hogy a módszert használja folyik 960 00:44:46,070 --> 00:44:47,120 hogy hívják kap. 961 00:44:47,120 --> 00:44:50,650 >> Hosszú történet rövid, van két módon, a legalábbis, hogy van-e információ benyújtására 962 00:44:50,650 --> 00:44:51,880 a böngésző szerverre. 963 00:44:51,880 --> 00:44:55,340 Az egyik kap, és a mai célokra hogy csak azt jelenti, az URL-ben. 964 00:44:55,340 --> 00:44:58,730 Látod, pontosan kérdőjelek, a egyenlőség jelet, és ampersands hogy 965 00:44:58,730 --> 00:44:59,780 láttuk korábban. 966 00:44:59,780 --> 00:45:02,890 Vagy van egy másik neve után. 967 00:45:02,890 --> 00:45:06,490 Most, tudom, hogy a post gyakran használnak ha azt szeretné, hogy feltölt fájlokat, mint a 968 00:45:06,490 --> 00:45:09,820 képek és így tovább, vagy ha azt szeretné, hogy be hitelkártyája adatait, vagy 969 00:45:09,820 --> 00:45:13,810 jelszavakat, bármi, hogy nem igazán értelme, fogalmilag, vagy 970 00:45:13,810 --> 00:45:18,020 biztonsági bölcs, hogy a végén az URL-ben a böngésző, ahol bepillantás szülők 971 00:45:18,020 --> 00:45:21,520 vagy szobatársak, vagy bárki, aki hozzáfér a számítógép lehet látni. 972 00:45:21,520 --> 00:45:23,110 >> Szóval, kivéve azt itt. 973 00:45:23,110 --> 00:45:24,480 És azt kell tennie, még valami. 974 00:45:24,480 --> 00:45:27,250 Nem elegendő csak a mondjuk adj egy szövegmezőbe. 975 00:45:27,250 --> 00:45:29,850 Meg kell adni, hogy a mező értékelik a nevet. 976 00:45:29,850 --> 00:45:34,500 Hadd kölcsön Google által választott nevek, q, és adja meg, hogy a második 977 00:45:34,500 --> 00:45:38,150 attribútum nem igazán érdekel a neve a Küldés gombot. 978 00:45:38,150 --> 00:45:40,890 Csak az érdekel nyújt be amit a felhasználó beír be 979 00:45:40,890 --> 00:45:41,940 >> És most ez a fajta csúnya. 980 00:45:41,940 --> 00:45:42,820 Csak mondja be. 981 00:45:42,820 --> 00:45:46,350 Kiderült, és tudom, hogy ez a dokumentáció, azt lehet mondani 982 00:45:46,350 --> 00:45:51,710 értéke egyenlő quote unquote "CS50 számonkérését, "közel árajánlatot. 983 00:45:51,710 --> 00:45:53,030 Akkor hát újra újra. 984 00:45:53,030 --> 00:45:57,020 Szóval folyamatosan üti Command-R, vagy Vezérlő-R a billentyűzetem hogy láthatóvá váljanak. 985 00:45:57,020 --> 00:45:58,605 >> Most van egy érdekes kereső. 986 00:45:58,605 --> 00:46:00,340 Ez nem egészen néz Google mégis, mégis. 987 00:46:00,340 --> 00:46:04,100 Szóval menjünk előre, itt- egy kis sortörés. 988 00:46:04,100 --> 00:46:06,066 >> OK, így most már a Google. 989 00:46:06,066 --> 00:46:08,260 Igazából majdnem megvan Google. 990 00:46:08,260 --> 00:46:10,460 Most mi fog történni? 991 00:46:10,460 --> 00:46:12,220 Megyek, hogy írja be valamit mint a macskák. 992 00:46:12,220 --> 00:46:16,570 És a böngésző fogja értelmezni hogy a forma, amit megadott. 993 00:46:16,570 --> 00:46:19,470 És ez meg fog küldeni a felhasználó, hogy az URL-t. 994 00:46:19,470 --> 00:46:23,420 Tehát ebben az időben, valami furcsa oknál fogva, Van még több információ a készletek 995 00:46:23,420 --> 00:46:24,410 mint a tényleges macskák. 996 00:46:24,410 --> 00:46:30,580 De ez rendben van, mert észre még mindig itt kötöttem ki, q értéke macskák. 997 00:46:30,580 --> 00:46:35,200 >> Tehát hosszú történet rövid, úgy tűnik, meglehetősen triviális, hogy adatokat kér a felhasználótól. 998 00:46:35,200 --> 00:46:38,190 És az igazat megvallva, van csokrok más típusú űrlapmezőket. 999 00:46:38,190 --> 00:46:41,510 Van jelölőnégyzetet, és a kis kölcsönösen exkluzív gombok, és 1000 00:46:41,510 --> 00:46:42,960 legördülő menük, és így tovább. 1001 00:46:42,960 --> 00:46:46,160 De ezek közül viszonylag könnyen végrehajtani 1002 00:46:46,160 --> 00:46:48,040 ez a szöveg a területen volt. 1003 00:46:48,040 --> 00:46:52,050 És végül, csak van, hogy arról, hogy valaki figyel, a másik 1004 00:46:52,050 --> 00:46:56,490 a sor végére, hogy kap, hogy a feldolgozott információk, valahogy, és 1005 00:46:56,490 --> 00:46:58,440 nekünk vissza a macskák. 1006 00:46:58,440 --> 00:47:00,840 >> Nézzük meg egy kicsit nagyobb részt példa. 1007 00:47:00,840 --> 00:47:06,020 Hadd menjek be a Vhost könyvtárában, a helyi gazda, az állami, és ahol 1008 00:47:06,020 --> 00:47:06,980 fel a mai forráskódját. 1009 00:47:06,980 --> 00:47:09,800 Mindez lesz a pálya website, hogy bütykölni. 1010 00:47:09,800 --> 00:47:15,420 És ha bemegy froshims, hadd nyissa ezt a fájlt most froshim0.php. 1011 00:47:15,420 --> 00:47:18,460 Ez az ember egy kicsit bőbeszédű, így nem fogjuk írni ezt a semmiből. 1012 00:47:18,460 --> 00:47:21,970 De csak észre, most néhány némileg ismerős jellemzőit. 1013 00:47:21,970 --> 00:47:24,550 >> Egy, form tag, a különböző lépéseket. 1014 00:47:24,550 --> 00:47:25,670 Ez nem a teljes URL-t. 1015 00:47:25,670 --> 00:47:29,930 Nos, ez nyilvánvalóan a fájl neve register0.php mert egy pillanat alatt, 1016 00:47:29,930 --> 00:47:32,660 Én fogom tanítani magamnak egy kis valami PHP egy programozási 1017 00:47:32,660 --> 00:47:37,360 nyelv, mert a PHP használható a végrehajtani, amit a Google végrehajtani 1018 00:47:37,360 --> 00:47:39,650 a hátsó végén a keresőmotorok. 1019 00:47:39,650 --> 00:47:42,890 >> Google, a valóságban, talán használ Néhány Python, néhány C + + és 1020 00:47:42,890 --> 00:47:44,230 csokor más nyelveken. 1021 00:47:44,230 --> 00:47:48,230 De minden bizonnyal végre keresés eredmények PHP, ha akarnánk. 1022 00:47:48,230 --> 00:47:49,610 De most, akkor tartsa egyszerű. 1023 00:47:49,610 --> 00:47:53,320 És ez valóban emlékeztet egy A másik első weboldalakra 1024 00:47:53,320 --> 00:47:54,490 készült évvel ezelőtt. 1025 00:47:54,490 --> 00:47:58,160 >> Az én időmben, akkor regisztrált intramuralis sport, mint egy újonc a 1026 00:47:58,160 --> 00:48:00,880 kitöltése egy darab papírt, séta az udvaron, és elejtette 1027 00:48:00,880 --> 00:48:04,890 a postafiók a Proctor Wigglesworth, és ez hogyan 1028 00:48:04,890 --> 00:48:05,460 regisztrált. 1029 00:48:05,460 --> 00:48:09,650 És így a projekt röviddel CS50, az volt, hogy, hogy az, ami tökéletes 1030 00:48:09,650 --> 00:48:13,460 értelemben rá az interneten, ami nem volt mint a divat, akkor, mint most. 1031 00:48:13,460 --> 00:48:17,510 De meg kellett tennem, hogy hozzon létre, lényegében egy HTML formában. 1032 00:48:17,510 --> 00:48:19,640 >> És, hogy a forma nézett nagyjából így. 1033 00:48:19,640 --> 00:48:22,480 Volt egy bemenet a elsőéves nevét. 1034 00:48:22,480 --> 00:48:27,780 Volt egy másik négyzetet-e vagy vagy nem lenni kapitánya, milyen 1035 00:48:27,780 --> 00:48:30,400 nemük volt, és milyen kolesz. 1036 00:48:30,400 --> 00:48:33,370 Aztán keményen kódolt dolgok mint Apley Court és Canaday, 1037 00:48:33,370 --> 00:48:34,880 Szürke, és így tovább. 1038 00:48:34,880 --> 00:48:36,300 >> Tehát még egyszer, az új címkéket. 1039 00:48:36,300 --> 00:48:39,820 Még nem láttam ezeket a korábban, az új tulajdonságok, de viszonylag elérhető. 1040 00:48:39,820 --> 00:48:42,360 Amint látod, egy példát, akkor milyen A kölcsön az ötletet, és egy csepp 1041 00:48:42,360 --> 00:48:43,820 legördülő menü a legtöbb semmit. 1042 00:48:43,820 --> 00:48:46,350 De mi a legfontosabb az, hogy minden egyes ezek a dolgok nevét. 1043 00:48:46,350 --> 00:48:49,720 És az alján ebben a formában, van a submit gomb amelynek címkéje, 1044 00:48:49,720 --> 00:48:51,510 vagy érték, nyilvántartásba. 1045 00:48:51,510 --> 00:48:52,670 >> Menjünk erre az oldalra. 1046 00:48:52,670 --> 00:48:55,050 Hadd menjek vissza a könyvtár lista. 1047 00:48:55,050 --> 00:48:59,410 Hadd menjek be froshims, és menj froshim0.php. 1048 00:48:59,410 --> 00:49:01,150 Szóval rettenetes, hogy tisztességes. 1049 00:49:01,150 --> 00:49:03,950 Így tudtam határozottan stilizál ezt néhány CSS, tudtam, hogy valami 1050 00:49:03,950 --> 00:49:06,890 grafika, talán hozzá néhány szín, és ez szebb. 1051 00:49:06,890 --> 00:49:10,530 De funkcionálisan, azt állítják, hogy ez valójában nagyon teljes. 1052 00:49:10,530 --> 00:49:15,190 >> Sajnos, amikor én ezt töltse ki, David, kapitány, Férfi, akkor válassza, 1053 00:49:15,190 --> 00:49:20,510 mondjuk Matthews, Register, minden, ami történik ez. 1054 00:49:20,510 --> 00:49:21,910 De észre néhány elvitelre. 1055 00:49:21,910 --> 00:49:27,130 Egy, milyen fájlt vissza a eredmények, úgy tűnik? 1056 00:49:27,130 --> 00:49:29,470 Így van, valóban, register0.php. 1057 00:49:29,470 --> 00:49:34,570 Tehát az a tény, hogy láttuk, hogy lépéseket érték egy perce a register0, ez 1058 00:49:34,570 --> 00:49:37,500 alátámasztja, hogy valóban véget ért fel, hogy az adott fájlt. 1059 00:49:37,500 --> 00:49:39,040 >> Most ez csak csúnya szöveget. 1060 00:49:39,040 --> 00:49:42,810 De észre, hogy ez a szöveg érkező helyi gépre, 1061 00:49:42,810 --> 00:49:44,170 amely a készülék. 1062 00:49:44,170 --> 00:49:46,350 Szerintem a készülék már mint csak a web szerver, amely lehet a 1063 00:49:46,350 --> 00:49:46,910 Science Center. 1064 00:49:46,910 --> 00:49:48,060 Lehet, hogy a tényleges interneten. 1065 00:49:48,060 --> 00:49:49,850 Tehát ez a nyilvánosság számára hozzáférhetővé. 1066 00:49:49,850 --> 00:49:55,480 >> Tehát egyértelműen, van valamilyen módon az elhaladó űrlapmező bemenetek szerveren 1067 00:49:55,480 --> 00:49:56,840 úgy, hogy valamit csinálni velük. 1068 00:49:56,840 --> 00:49:59,020 Sajnos register0 elég hülye. 1069 00:49:59,020 --> 00:50:01,870 Csak annyit tesz, hogy nyomtassa ki egy tömb úgy néz ki, mint ez. 1070 00:50:01,870 --> 00:50:04,790 És ez nem egy tömb a értelemben, hogy tudjuk. 1071 00:50:04,790 --> 00:50:08,760 Kiderült, hogy a PHP, és sok nyelv, nem csak numerikusan 1072 00:50:08,760 --> 00:50:12,350 indexelt tömbök amelynek első index nulla, akkor egy, majd két, majd pont, 1073 00:50:12,350 --> 00:50:13,780 pont, pont, n mínusz 1. 1074 00:50:13,780 --> 00:50:16,400 >> Ez az, amit a neve egy asszociatív tömb. 1075 00:50:16,400 --> 00:50:21,150 Egy asszociatív tömb, amelyben tárolhatja kulcs-érték párból, ahol 1076 00:50:21,150 --> 00:50:23,160 a kulcs nem feltétlenül egy számot. 1077 00:50:23,160 --> 00:50:25,580 Ez lehet valójában egy string, egy szót sem. 1078 00:50:25,580 --> 00:50:28,230 És ez lehet megvalósítani, a motorháztető alatt, mint kiderült, 1079 00:50:28,230 --> 00:50:31,896 adatstruktúra felhasználásával ismert, mint a? 1080 00:50:31,896 --> 00:50:33,600 Azt hittem, valami drámai fog történni - 1081 00:50:33,600 --> 00:50:34,840 hash tábla. 1082 00:50:34,840 --> 00:50:38,955 >> Tehát egy hash tábla, emlékszem, azok, aki csinálta P szett 6, sőt emlékszem 1083 00:50:38,955 --> 00:50:44,110 , legalábbis akkor is, ha nem egy próbát, a hash tábla, a mi használat, arra használták, hogy 1084 00:50:44,110 --> 00:50:45,090 csak tárolja szavak. 1085 00:50:45,090 --> 00:50:47,980 De tényleg, te tárolására kulcsokat és értékeket. 1086 00:50:47,980 --> 00:50:51,940 Ha végre egy hash tábla P készlet 6 szótár, a kulcsok voltak 1087 00:50:51,940 --> 00:50:56,890 szavak önmagukban, és az értékeket ténylegesen igaz vagy hamis. 1088 00:50:56,890 --> 00:51:00,190 Igen, itt, vagy burkoltan, Nem, nincs itt. 1089 00:51:00,190 --> 00:51:02,140 >> Nos, akkor általánosítani az ötletet. 1090 00:51:02,140 --> 00:51:06,230 És mi is egy nagyon hasonló adat struktúra tárolására nem a húr 1091 00:51:06,230 --> 00:51:10,180 magát egyedül a hash tábla, de Tegyük fel, hogy mindenki a hash 1092 00:51:10,180 --> 00:51:11,130 asztal csomópontok. 1093 00:51:11,130 --> 00:51:14,210 És akkor is ezt a próbát ahelyett, hogy csak egy bool. 1094 00:51:14,210 --> 00:51:15,350 Lehet, hogy valami mást. 1095 00:51:15,350 --> 00:51:19,590 Mi van, ha a kulcs nem volt maxwell, mert Például, de Idézet idézőjel bezárva "név", vagy 1096 00:51:19,590 --> 00:51:22,900 idézem unquote "kapitány". És belül A C adatstruktúra, akkor tesz egy 1097 00:51:22,900 --> 00:51:26,170 érték, nem csak a logikai, hanem érték mint idézet unquote "David", vagy 1098 00:51:26,170 --> 00:51:28,690 "M" vagy "Matthews", és így tovább. 1099 00:51:28,690 --> 00:51:33,170 >> Tehát ugyanezen adatstruktúrák szoktunk nyilvánvalóan léteznek más nyelveken. 1100 00:51:33,170 --> 00:51:37,650 És azt állítják, ők valójában sokkal, sokkal egyszerűbb elérni itt. 1101 00:51:37,650 --> 00:51:40,300 Nézzük valójában egy pillantást most valami hasonló szintaxist. 1102 00:51:40,300 --> 00:51:43,120 >> Én megyek egy PHP könyvtárba. 1103 00:51:43,120 --> 00:51:48,390 És fogok nyitni a jobb változata hello-0 előtti. 1104 00:51:48,390 --> 00:51:50,270 Figyeljük meg, hogy minden, amit tett, adjunk hozzá néhány megjegyzést. 1105 00:51:50,270 --> 00:51:52,530 Így tudunk megszabadulni, hogy a figyelemelterelés. 1106 00:51:52,530 --> 00:51:57,610 >> És ez a program nem nyomtatja valóban Helló, mert már meg között 1107 00:51:57,610 --> 00:52:01,420 címkék akarok végrehajtani, hogy a kódot. 1108 00:52:01,420 --> 00:52:03,380 Most majd meglátjuk, egy pillanat alatt hogy ez miért hasznos. 1109 00:52:03,380 --> 00:52:05,630 De nézzük nyitni egy másik példát itt. 1110 00:52:05,630 --> 00:52:10,430 Hadd menjek előre, és megnyitja azt mondják, gedit feltételek egy. 1111 00:52:10,430 --> 00:52:12,970 >> Ez így vissza az időben van. 1112 00:52:12,970 --> 00:52:16,320 De héttel ezelőtt, azt hiszem, az első héten vagy a héten két, volt egy példa az úgynevezett 1113 00:52:16,320 --> 00:52:18,470 conditions1.c. 1114 00:52:18,470 --> 00:52:22,050 És úgy döntöttem, hogy újraimplementálni azt a PHP, csak azért, hogy ilyen hangsúlyozni, hogy 1115 00:52:22,050 --> 00:52:26,500 PHP, szintaktikailag, szinte azonos a C. Ez nem egy hatalmas ugrás 1116 00:52:26,500 --> 00:52:27,840 a múlt héten ezt. 1117 00:52:27,840 --> 00:52:31,230 >> Figyeljük meg a tetején a program, amely kezdődik, mint korábban, néhány 1118 00:52:31,230 --> 00:52:34,260 megjegyzéseket, amit majd megszabadulni , mint a figyelemelterelés. 1119 00:52:34,260 --> 00:52:37,410 Figyeljük meg, hogy én vagyok a PHP-ben mód ebben a fájlban. 1120 00:52:37,410 --> 00:52:40,160 Tehát ezt a kódot, majd meglátjuk, lesz végrehajtva. 1121 00:52:40,160 --> 00:52:42,670 Vegyük észre, hogy ott van readline, ami valószínűleg a 1122 00:52:42,670 --> 00:52:46,230 analóg PHP a getstring. 1123 00:52:46,230 --> 00:52:47,390 Figyeljük meg, hogy ez egy kicsit más. 1124 00:52:47,390 --> 00:52:51,410 Te tényleg meg egy gyors, hogy a nevű függvényt olvasott sort, és ez 1125 00:52:51,410 --> 00:52:52,180 amit a felhasználó lát. 1126 00:52:52,180 --> 00:52:53,520 Szóval nem kell printf kézzel. 1127 00:52:53,520 --> 00:52:54,860 De ez nem egy nagy ügy. 1128 00:52:54,860 --> 00:52:59,150 Megyek tárolására, belül $ n, a vissza értéke, így bármilyen 1129 00:52:59,150 --> 00:53:00,490 felhasználó által az ő int. 1130 00:53:00,490 --> 00:53:01,660 És itt van még egy érdekesség. 1131 00:53:01,660 --> 00:53:05,810 Kiderül, a PHP, minden változó csak meg kell elé 1132 00:53:05,810 --> 00:53:06,970 egy dollár jel. 1133 00:53:06,970 --> 00:53:08,110 Ez egy kicsit bosszantó. 1134 00:53:08,110 --> 00:53:10,870 De észre, amit én nem tettem a PHP. 1135 00:53:10,870 --> 00:53:13,980 Mi hiányzik a bal oldali oldalán egyenlőségjel? 1136 00:53:13,980 --> 00:53:15,430 >> Nem tesz említést a típusát. 1137 00:53:15,430 --> 00:53:19,400 Szóval ez eltér a C-jobb vagy ami még rosszabb, a PHP gyengén 1138 00:53:19,400 --> 00:53:20,550 típusos nyelv. 1139 00:53:20,550 --> 00:53:22,010 Ez nem is számokat. 1140 00:53:22,010 --> 00:53:23,240 Ez nem is szálakat. 1141 00:53:23,240 --> 00:53:24,015 Ez van Logikai. 1142 00:53:24,015 --> 00:53:26,220 És ez nem egy pár más adattípusok. 1143 00:53:26,220 --> 00:53:30,570 De te, a programozó, általában Nem kell, hogy törődnek velük. 1144 00:53:30,570 --> 00:53:34,010 Az előnye ennek az, hogy a végeredmény egy kicsit könnyebb a programot. 1145 00:53:34,010 --> 00:53:35,380 Azt hiszem, egy kicsit kevesebb. 1146 00:53:35,380 --> 00:53:39,840 A hátránya viszont az is nyílik meg akár lehetséges hibákat, ha véletlenül 1147 00:53:39,840 --> 00:53:43,080 kezelésére több mint egy string, string számmal, esetleg, de még 1148 00:53:43,080 --> 00:53:46,150 akkor, PHP, és sok nyelven, elég toleráns. 1149 00:53:46,150 --> 00:53:49,050 Ők fogják használni az úgynevezett implicit casting. 1150 00:53:49,050 --> 00:53:55,220 És ha megpróbálod használni n keretében A numerikus helyzet, akkor 1151 00:53:55,220 --> 00:53:58,040 alakítani, mi itt lesz string, mert ha a felhasználó beír 1152 00:53:58,040 --> 00:54:01,570 valamit, és megkapod az eredményt, mint a readline, vagy kap string, 1153 00:54:01,570 --> 00:54:02,910 hogy megy vissza a string. 1154 00:54:02,910 --> 00:54:07,360 >> De vegyük észre, pár sorral később, azt ellenőrizze, ha n értéke nagyobb, mint nulla. 1155 00:54:07,360 --> 00:54:13,370 Tehát PHP fog implicit öntött a "String" 123, vagy bármi más a felhasználó 1156 00:54:13,370 --> 00:54:14,860 típusok, egy int. 1157 00:54:14,860 --> 00:54:18,730 Tehát röviden, cucc csak működik sokkal több intuitív. 1158 00:54:18,730 --> 00:54:23,410 Tehát most kezd pihenni néhány dolog, amit tettél a múltban. 1159 00:54:23,410 --> 00:54:24,780 >> Sok ez a cucc ugyanaz, mégis. 1160 00:54:24,780 --> 00:54:26,340 Még mindig egyenlő egyenlő. 1161 00:54:26,340 --> 00:54:30,350 Mint félre PHP is egyenlő értéke értéke, de az, hogy talán a 1162 00:54:30,350 --> 00:54:30,850 a jövőben. 1163 00:54:30,850 --> 00:54:31,150 Ez egy. 1164 00:54:31,150 --> 00:54:35,660 Typo hanem két egyenlő jel ugyanazt jelenti dolog, mint korábban, az összehasonlítás. 1165 00:54:35,660 --> 00:54:37,060 printf ugyanazt jelenti, mint korábban. 1166 00:54:37,060 --> 00:54:39,160 Backslash n ugyanazt jelenti dolog, mint korábban. 1167 00:54:39,160 --> 00:54:40,390 >> Szóval hogyan tudom futtatni ezt a programot? 1168 00:54:40,390 --> 00:54:44,400 Nos, mint korábban, ha én a PHP, conditions1.php, és írja be 1169 00:54:44,400 --> 00:54:46,560 több mint 123. 1170 00:54:46,560 --> 00:54:47,720 Ez egy pozitív szám. 1171 00:54:47,720 --> 00:54:49,510 Ha írja be 0, 0 vehetem. 1172 00:54:49,510 --> 00:54:53,700 És ha azt írja negatív 123, kapok vissza a negatív szám, amely csak 1173 00:54:53,700 --> 00:54:59,050 mondani, szintaktikai, PHP szuper, szuper hasonló. 1174 00:54:59,050 --> 00:55:03,250 >> Akkor miért ez már hasznos egy internetes kontextusban? 1175 00:55:03,250 --> 00:55:06,710 Nos, menjünk vissza erre froshims Például, ami úgy festett, 1176 00:55:06,710 --> 00:55:08,600 újra, így itt. 1177 00:55:08,600 --> 00:55:11,580 És nézzük valóban húzza fel a weboldalt újra, ami úgy nézett ki, mint ez. 1178 00:55:11,580 --> 00:55:14,930 Mit tehetünk a adat ez benyújtani? 1179 00:55:14,930 --> 00:55:18,770 >> Nos, hadd nyit egy újabb verzióját. 1180 00:55:18,770 --> 00:55:20,920 És látni fogod, hogy a probléma készletek specifikáció végigvezet 1181 00:55:20,920 --> 00:55:22,850 egy pár ilyen. 1182 00:55:22,850 --> 00:55:29,610 Ahelyett, hogy indul a nulla, nézzük meg froshims3, 1183 00:55:29,610 --> 00:55:31,410 amely nem egy kicsit. 1184 00:55:31,410 --> 00:55:34,780 >> Figyeljük meg az első, valóban, nyissuk fel, mi 0 volt, így látni 1185 00:55:34,780 --> 00:55:37,170 mi regiszter 0 volt. 1186 00:55:37,170 --> 00:55:40,040 Figyeljük meg, mi regiszter 0. tett. 1187 00:55:40,040 --> 00:55:41,730 Egy, már megjegyzéseket a tetején. 1188 00:55:41,730 --> 00:55:43,900 Törölni ezeket, és elsősorban csak ezen. 1189 00:55:43,900 --> 00:55:48,730 A legtöbb tartalmának register0.php igen, természetesen, milyen nyelven? 1190 00:55:48,730 --> 00:55:49,980 Csak nyers PHP. 1191 00:55:49,980 --> 00:55:53,430 >> Tehát észre, ez a fájl nem indul és abban a pillanatban, nyitó zárójel, 1192 00:55:53,430 --> 00:55:54,970 kérdőjel, PHP. 1193 00:55:54,970 --> 00:55:59,800 PHP nem teszi lehetővé, hogy összekeverednek PHP kódot HTML. 1194 00:55:59,800 --> 00:56:04,130 De én csináltam, hogy itt belül Az oldal itt. 1195 00:56:04,130 --> 00:56:08,180 >> Most megint, azt csak tudja ezt a Miután megnézte a kézi. print_r, 1196 00:56:08,180 --> 00:56:13,410 kiderült, a print_recursive. _recursive És ez csak egy ügyes 1197 00:56:13,410 --> 00:56:16,780 hasznossági függvény, hogy csak kijött, rekurzívan, amit kézzel is. 1198 00:56:16,780 --> 00:56:18,760 Ha viszont ez egy sor, ez lesz kinyomtatni egy tömb. 1199 00:56:18,760 --> 00:56:20,180 Ha viszont ez a szám, ez lesz kinyomtatni egy számot. 1200 00:56:20,180 --> 00:56:21,570 Add, hogy egy string, akkor az nyomtat egy string. 1201 00:56:21,570 --> 00:56:24,500 Ha viszont ez a hash tábla, kiírja a hash tábla. 1202 00:56:24,500 --> 00:56:26,730 Nem kell írni az összes , hogy a kódot magad. 1203 00:56:26,730 --> 00:56:29,490 >> Most veszi észre, hogy én vagyok belépő PHP mód itt. 1204 00:56:29,490 --> 00:56:32,070 Én kilépés PHP mód itt. 1205 00:56:32,070 --> 00:56:35,950 Tehát, amikor a szerver beolvassa a fájlt felülről lefelé, balról jobbra, mert a 1206 00:56:35,950 --> 00:56:40,750 végződik a fájlnév nevű. php, amit nem belső PHP címkék 1207 00:56:40,750 --> 00:56:42,820 csak lesz nyárson ki, mint a nyers HTML. 1208 00:56:42,820 --> 00:56:43,630 Nem nagy ügy. 1209 00:56:43,630 --> 00:56:49,280 De amint a web szerver észreveszi ez azt fogja mondani, hogy nem kellene 1210 00:56:49,280 --> 00:56:51,850 kiköp, a szó szoros értelmében, print_r utáni. 1211 00:56:51,850 --> 00:56:54,910 Meg kell végre a következő sor kódot. 1212 00:56:54,910 --> 00:56:59,850 >> Tehát az utolsó kérdés, akkor a fájl , nos, mi a fene ez? 1213 00:56:59,850 --> 00:57:00,530 Vegyünk egy tipp. 1214 00:57:00,530 --> 00:57:04,230 Mi az a $ _POST, talán? 1215 00:57:04,230 --> 00:57:07,070 >> Közönség: [hangtalan] 1216 00:57:07,070 --> 00:57:08,830 >> SPEAKER 1: Igen, a kiküldött adatokat. 1217 00:57:08,830 --> 00:57:11,350 Emlékezzünk, hadd lépjünk vissza idő egy pillanatra. 1218 00:57:11,350 --> 00:57:13,165 froshim0 ismét, így nézett ki. 1219 00:57:13,165 --> 00:57:15,640 Egy szuper többsége ez csak HTML. 1220 00:57:15,640 --> 00:57:18,410 Ismét néhány címkék még nem láttam még, vagy amely 1221 00:57:18,410 --> 00:57:19,360 amit már ismer. 1222 00:57:19,360 --> 00:57:21,990 De az érdekes dolog volt ez. 1223 00:57:21,990 --> 00:57:27,270 Ez egy sor az, ami igazán összeköti ez a mi register0.php fájlt. 1224 00:57:27,270 --> 00:57:29,200 Én benyújtása keresztül módszer post. 1225 00:57:29,200 --> 00:57:33,130 És ez azt jelenti, hogy a paraméterek a felhasználó által nem 1226 00:57:33,130 --> 00:57:35,150 fogja végezni, ahol. 1227 00:57:35,150 --> 00:57:36,175 >> Ők nem fognak jelenik meg az URL-t. 1228 00:57:36,175 --> 00:57:39,020 Még mindig fognak küldeni a kliens, a böngésző, hogy a 1229 00:57:39,020 --> 00:57:42,080 szervert, de csak keresztül más mechanizmus, hogy mi lesz lemond a kezünket 1230 00:57:42,080 --> 00:57:44,330 A mára, de ez nem az URL-ben. 1231 00:57:44,330 --> 00:57:47,630 De észre a kapcsolatot most üzenetre, megállapodás szerint, a 1232 00:57:47,630 --> 00:57:49,160 kisbetűs itt. 1233 00:57:49,160 --> 00:57:54,090 >> De ha nyit register0.php, Én látszólag nyomtatására. 1234 00:57:54,090 --> 00:57:56,450 Tehát ez egyfajta furcsa konvenciója. 1235 00:57:56,450 --> 00:58:01,430 De mi szép a PHP-ben, hogy amikor PHP a web kontextusban, nem a 1236 00:58:01,430 --> 00:58:04,480 parancssor, mint én egy perce amikor valóban használja a web 1237 00:58:04,480 --> 00:58:10,580 oldal, a Vhost könyvtárban, mint mi, automatikusan lesz PHP töltse ki az 1238 00:58:10,580 --> 00:58:15,560 dolog, ami egy asszociatív tömb, hogy úgy mondjam, a hash asztal, 1239 00:58:15,560 --> 00:58:17,290 mindent, amit a felhasználó beírt szöveg 1240 00:58:17,290 --> 00:58:22,000 >> Röviden, $ _POST minden sapkák a globális változó, hogy a PHP csak 1241 00:58:22,000 --> 00:58:25,050 varázslatosan teremt, ha PHP egy webes környezetben. 1242 00:58:25,050 --> 00:58:29,160 És ez teszi a benne lévő összes nevek a paraméterek a formában, hogy 1243 00:58:29,160 --> 00:58:33,200 nyújtottak be a fájlt, és az összes az értékeket, amelyeket a felhasználó gépelt be 1244 00:58:33,200 --> 00:58:37,790 Így átadja neked, amit a felhasználó gépelt be a formában. 1245 00:58:37,790 --> 00:58:42,210 >> Szóval mielőtt, van tényleg hülye kimenet Az csak látta, mert minden, amit tettem 1246 00:58:42,210 --> 00:58:44,400 t rekurzívan nyomtassa ezt a tömböt. 1247 00:58:44,400 --> 00:58:46,060 A kulcs neve az érték David. 1248 00:58:46,060 --> 00:58:46,980 A kulcs a kapitány. 1249 00:58:46,980 --> 00:58:47,970 Az érték a. 1250 00:58:47,970 --> 00:58:52,300 És a dupla nyíl és a szög konzol van, ez csak önkényes. 1251 00:58:52,300 --> 00:58:53,270 Ez nem kódot. 1252 00:58:53,270 --> 00:58:57,690 Ez csak a PHP módon mutatja meg milyen értéket néhány kulcs. 1253 00:58:57,690 --> 00:59:03,000 >> De most hadd javasoljuk, hogy a froshIMs3, ez csaknem azonos 1254 00:59:03,000 --> 00:59:04,950 kivéve azt állítja, hogy ezt a fájlt. 1255 00:59:04,950 --> 00:59:08,570 És megint, megyünk, hogy milyen, csak pillantást ez, csak hogy néhány 1256 00:59:08,570 --> 00:59:12,040 szintaxis, de észre, milyen ezt a fájlt nem. 1257 00:59:12,040 --> 00:59:14,930 Akkor gondolom csak alapul a vonalak kód, ami valószínűleg nem néz 1258 00:59:14,930 --> 00:59:17,410 Görög, bizonyos mértékig, látszólag csinál. 1259 00:59:17,410 --> 00:59:20,580 1260 00:59:20,580 --> 00:59:23,110 >> Ez a fájl valahogy kapcsolódik a mail, e-mail. 1261 00:59:23,110 --> 00:59:24,770 Szóval mi ez a program során? 1262 00:59:24,770 --> 00:59:28,740 Ebben a verzióban, ha én tényleg töltse ki az űrlapot - és hadd menjen 1263 00:59:28,740 --> 00:59:30,760 froshIMs3 nem froshIMs0 - 1264 00:59:30,760 --> 00:59:33,280 1265 00:59:33,280 --> 00:59:34,540 formáját ugyanúgy néz ki. 1266 00:59:34,540 --> 00:59:37,980 David, kapitány, férfi, kollégiumi, Matthews. 1267 00:59:37,980 --> 00:59:42,980 De ha be ezt, ez a fájl fog menni register3.php. 1268 00:59:42,980 --> 00:59:46,330 >> És azt állítják, megnézi, hogy ez forráskód, ez lesz a 1269 00:59:46,330 --> 00:59:47,650 valahogy magában email. 1270 00:59:47,650 --> 00:59:49,620 Hadd menjek előre, és nyissa meg ezt a fel egy nagyobb ablak, így 1271 00:59:49,620 --> 00:59:51,030 Láthatjuk, hogy tisztábban. 1272 00:59:51,030 --> 00:59:57,220 Vagyunk vhostokat, helyi házigazda, nyilvános, froshims. 1273 00:59:57,220 --> 00:59:58,680 Fogok nyitni egy másik programot, csak hogy 1274 00:59:58,680 --> 01:00:00,160 még több egyszerre. 1275 01:00:00,160 --> 01:00:03,100 >> Tehát most itt, észre néhány dolgot. 1276 01:00:03,100 --> 01:00:06,530 A tetején a fájl van nyitva konzol, kérdőjel, PHP. 1277 01:00:06,530 --> 01:00:08,920 Aztán ott van egy csomó hozzászólás, amit lehet figyelmen kívül hagyni, a 1278 01:00:08,920 --> 01:00:10,450 érdektelen most. 1279 01:00:10,450 --> 01:00:11,300 >> Most itt van ez. 1280 01:00:11,300 --> 01:00:14,200 Kiderül, PHP sokat A kód neve szükséges. 1281 01:00:14,200 --> 01:00:19,110 Ez nagyon hasonló szellemben a C a között, hash include, ami 1282 01:00:19,110 --> 01:00:21,980 lényegében megragadja a tartalmát néhány egyéb állományt, és csak plops őket itt, 1283 01:00:21,980 --> 01:00:22,930 így használhatja őket. 1284 01:00:22,930 --> 01:00:27,060 Ebben az esetben a készüléket ki, előre telepített, a könyvtár, a szabad és 1285 01:00:27,060 --> 01:00:29,900 nyílt forráskódú könyvtár nevű PHP Mailer, hogy bárki 1286 01:00:29,900 --> 01:00:30,770 letölthető az internetről. 1287 01:00:30,770 --> 01:00:32,000 Csak nem ez az Ön számára. 1288 01:00:32,000 --> 01:00:36,130 És ez azt jelenti, hogy most már e-mailben funkcionalitás a rendelkezésemre. 1289 01:00:36,130 --> 01:00:38,170 >> Most észre néhány dolgot. 1290 01:00:38,170 --> 01:00:41,120 Megyek, hogy érvényesítse a űrlap benyújtását. 1291 01:00:41,120 --> 01:00:45,980 Kiderült, hogy a PHP, az egyik, már felkiáltás pont a nem szolgáltató, mint 1292 01:00:45,980 --> 01:00:49,810 C. De a PHP is van egy függvény nevű üres. 1293 01:00:49,810 --> 01:00:53,920 >> Üres, csak vissza, ha az érték A dolog, adja le 1294 01:00:53,920 --> 01:00:57,190 zárójel üres, mint a felhasználó nem írja be semmit 1295 01:00:57,190 --> 01:01:02,680 Tehát ez azt mondja, és vegyük észre a szintaxis, nagyon emlékeztet a C, ha a 1296 01:01:02,680 --> 01:01:07,730 név kulcsot, így a név mező formájában, amelyet benyújtott postai úton, a 1297 01:01:07,730 --> 01:01:13,010 a felhasználó, nem üres, és nemek nem üres a formában 1298 01:01:13,010 --> 01:01:15,980 is, és a kollégiumi nem üres - 1299 01:01:15,980 --> 01:01:19,980 de észre nem érdekel kapitány akkor mit fogunk csinálni? 1300 01:01:19,980 --> 01:01:21,990 >> Fogok végrehajtani ezt a kódsort. 1301 01:01:21,990 --> 01:01:24,100 És azt hiszem ez a fajta mint a malloc, de ez egy kicsit 1302 01:01:24,100 --> 01:01:24,800 szakértő, mint ezt. 1303 01:01:24,800 --> 01:01:29,200 De most ez ad nekem egy speciális struct típusú PHP Mailer. 1304 01:01:29,200 --> 01:01:31,410 De figyelmen kívül hagyja a kulcsszó új ma. 1305 01:01:31,410 --> 01:01:35,670 >> Most fogom hívni a függvényt hívják IsSMTP, amely azt mondja, az SMTP. 1306 01:01:35,670 --> 01:01:39,380 Ez 25-ös port, mint a videó a múlt héten, amikor a dolog dobás 1307 01:01:39,380 --> 01:01:40,710 az e-maileket a tűzfalat. 1308 01:01:40,710 --> 01:01:42,440 Port 25 SMTP. 1309 01:01:42,440 --> 01:01:44,410 SMTP azt használja a levelező szervert. 1310 01:01:44,410 --> 01:01:46,215 Melyik, tudjuk használni a Harvard SMTP.fas.harvard.edu. 1311 01:01:46,215 --> 01:01:48,850 1312 01:01:48,850 --> 01:01:51,590 >> Tudjuk meg az a cím hogy John Harvard. 1313 01:01:51,590 --> 01:01:55,090 Ha lapozás tovább, én meg a címzett címe, csak 1314 01:01:55,090 --> 01:01:56,840 önkényesen, hogy John Harvard is. 1315 01:01:56,840 --> 01:01:59,210 Így ő lesz elektronikus levél magát. 1316 01:01:59,210 --> 01:02:01,600 >> Most már meg a témát hogy regisztráció. 1317 01:02:01,600 --> 01:02:03,700 És én is meg a test az e-mail a következő. 1318 01:02:03,700 --> 01:02:06,500 Ez a sor úgy néz ki, egy kicsit rejtélyes, de ez csak azért, mert van egy csomó, 1319 01:02:06,500 --> 01:02:07,450 az információ benne. 1320 01:02:07,450 --> 01:02:10,670 Egy, van egy pont operátor. 1321 01:02:10,670 --> 01:02:14,510 Valaki tudja már, mit a pont operátor nem. 1322 01:02:14,510 --> 01:02:15,436 Ez összefűzés. 1323 01:02:15,436 --> 01:02:19,240 Tehát, ha azt szeretnénk, hogy a húr a PHP, és csatolja, vagy neve elé azt, hogy 1324 01:02:19,240 --> 01:02:23,500 egy string PHP, hál 'Istennek, nem kell használni strcopy és malloc, 1325 01:02:23,500 --> 01:02:25,490 és az összes többé. 1326 01:02:25,490 --> 01:02:28,765 >> Ha szeretne összefűzni két húrok, aki törődik a memória. 1327 01:02:28,765 --> 01:02:30,850 Legyen PHP kitalálni az Ön számára. 1328 01:02:30,850 --> 01:02:35,200 Milyen PHP tenni a pont operátor Itt csak egy nagy mondatot 1329 01:02:35,200 --> 01:02:37,900 ezt a sort, ez a sor, ezt a sort, ez a sor. 1330 01:02:37,900 --> 01:02:40,460 És most értesítés, ez lesz hogy dugulás értékeket. 1331 01:02:40,460 --> 01:02:43,680 Így az e-mail, hogy John Harvard folyik fogadására szó fog mondani 1332 01:02:43,680 --> 01:02:49,450 név-, vastagbél-, valamit, hanem, akkor közel a húr, és összefűzi a 1333 01:02:49,450 --> 01:02:52,220 , amit a felhasználó beírt , aztán egy új sort. 1334 01:02:52,220 --> 01:02:54,570 >> Ezután a következő sorban John Harvard e-mail, akkor fog mondani 1335 01:02:54,570 --> 01:02:55,910 Kapitány, Be vagy semmi. 1336 01:02:55,910 --> 01:02:57,810 Ez fogja mondani nem, férfi vagy nő. 1337 01:02:57,810 --> 01:02:59,680 Dorm lesz Matthews az én esetemben. 1338 01:02:59,680 --> 01:03:03,400 És akkor észre ismerős pontosvessző a legvégén. 1339 01:03:03,400 --> 01:03:07,830 Aztán itt, értesítés, kissé rejtélyes is, de a lényeg, miután a 1340 01:03:07,830 --> 01:03:12,730 minta, amely jobban megismerik után P meg 7, ha elküldi az e-mail 1341 01:03:12,730 --> 01:03:16,610 false, akkor megy előre, és meghal. 1342 01:03:16,610 --> 01:03:19,610 >> Tehát PHP függvény nevű hal, amely a szó szoros értelmében, csak megöli a 1343 01:03:19,610 --> 01:03:22,830 honlapján, és mindig csak ki, amit mondani, hogy - az haldoklik 1344 01:03:22,830 --> 01:03:24,280 szóval, hogy úgy mondjam. 1345 01:03:24,280 --> 01:03:28,310 És, hogy abban az esetben, akkor nyomtat , hogy mi a hiba info a 1346 01:03:28,310 --> 01:03:29,860 mi történt a baj. 1347 01:03:29,860 --> 01:03:34,490 Tehát hosszú történet rövid itt, mi van egy olyan példa, ahol, ha a felhasználó 1348 01:03:34,490 --> 01:03:39,150 elküldi az űrlapot, froshim0, froshims3.php, megy 1349 01:03:39,150 --> 01:03:40,760 register3.php. 1350 01:03:40,760 --> 01:03:45,290 De register3.php, majd továbblép végrehajtani az összes ezeket a sorokat. 1351 01:03:45,290 --> 01:03:46,620 >> Szóval van egy pár take szelvény itt. 1352 01:03:46,620 --> 01:03:50,380 Az egyik, hogy ez nyilvánvalóan elég könnyű, programból, küldjön e-mailt, 1353 01:03:50,380 --> 01:03:50,830 ami jó. 1354 01:03:50,830 --> 01:03:53,500 Amikor a felhasználók regisztrálni a helyszínen, Ebben az esetben, ha regisztrál a 1355 01:03:53,500 --> 01:03:56,220 sport, akkor e-mailben a gólya Proctor, vagy John 1356 01:03:56,220 --> 01:03:57,650 Harvard, ebben az esetben. 1357 01:03:57,650 --> 01:04:01,630 >> De ez azt is jelenti, hogy mit csináljon? 1358 01:04:01,630 --> 01:04:03,970 Küldjön e-mailt bárki bárkinek. 1359 01:04:03,970 --> 01:04:05,430 És ez nagyon igaz. 1360 01:04:05,430 --> 01:04:08,580 Ez nem olyan könnyű megtenni, ha van szokva, hogy a Gmail. 1361 01:04:08,580 --> 01:04:11,310 De ha valaha is használt Eudora vagy Outlook, akkor elég sok mondani a 1362 01:04:11,310 --> 01:04:13,720 mail szerver, hogy Ön mindenki szeretne. 1363 01:04:13,720 --> 01:04:16,450 És ez az, ahol el kell helyezni azt a kalapot, és azt mondják, ne tedd ezt. 1364 01:04:16,450 --> 01:04:21,140 De ez bizonyíték arra, hogy milyen egyszerű az, hogy végre adathalász támadások, és a 1365 01:04:21,140 --> 01:04:24,310 küld névtelen e-maileket, és a spam, általában. 1366 01:04:24,310 --> 01:04:27,330 És ez tényleg attól függ, hogy a tény, hogy minden amire szüksége van némi 1367 01:04:27,330 --> 01:04:28,500 programozott hozzáférést. 1368 01:04:28,500 --> 01:04:31,940 >> Mellesleg, a legközelebbi találkozás a hirdetés fórumon, a saját első évben, 1369 01:04:31,940 --> 01:04:34,320 volt, amikor rájöttem, a hűvös fogás, hogy wow, akkor 1370 01:04:34,320 --> 01:04:36,850 küldjön e-mailt senkitől. 1371 01:04:36,850 --> 01:04:39,770 És így volt némi buta érv, szó szerint, Matthews, 1372 01:04:39,770 --> 01:04:40,790 között a Proctor csoport. 1373 01:04:40,790 --> 01:04:42,470 Már nem is emlékszem, mi a kérdés. 1374 01:04:42,470 --> 01:04:44,970 De ki akartam próbálni, hogy véget vége ennek a hülye vitát. 1375 01:04:44,970 --> 01:04:48,580 >> Szóval úgy döntöttem, én is csak e-mailben az én Proctor csoport, úgy tesz, mintha 1376 01:04:48,580 --> 01:04:52,000 A másik fickó, akinek véleménye I nem értett egyet, és őt belenyugodni 1377 01:04:52,000 --> 01:04:54,680 amit véleményem volt az adott vitában. 1378 01:04:54,680 --> 01:04:59,320 És így hamis e-mail használata technika hasonló szellemben ezt. 1379 01:04:59,320 --> 01:05:01,256 De ez valóban könnyebb abban az időben. 1380 01:05:01,256 --> 01:05:02,435 Hit küldeni. 1381 01:05:02,435 --> 01:05:06,660 Nem volt elégedett, és nem is volt a hirdetés fórumon. 1382 01:05:06,660 --> 01:05:10,280 >> És én nagyon gyorsan kifogott másodpercig, mert, mint tudjuk, aláírom 1383 01:05:10,280 --> 01:05:11,420 az én e-maileket egy bizonyos módon. 1384 01:05:11,420 --> 01:05:14,200 És bár tudom, hogy kézzel, nagy rész, 15 évvel később, mert én voltam 1385 01:05:14,200 --> 01:05:15,080 traumatizált, hogy az. 1386 01:05:15,080 --> 01:05:16,960 Nekem nincs aláírás az én e-mail van. 1387 01:05:16,960 --> 01:05:20,440 De 1995-ben, csak volt egy sig, az aláírás az én e-mailben. 1388 01:05:20,440 --> 01:05:24,630 Így volt ez a megjegyzés azt mondja, Kedves Proctor csoport, én belenyugodni véleményem 1389 01:05:24,630 --> 01:05:31,240 és egyetért David, aláírt és így így, az új vonal, új vonal, DJM. 1390 01:05:31,240 --> 01:05:36,220 >> Tehát ne csináld ezt, vagy általában, hogy előnye, ezt a technikát. 1391 01:05:36,220 --> 01:05:39,950 De amikor, hogy a honlap, mint a A projekt végső, ha így egy 1392 01:05:39,950 --> 01:05:43,460 website valami vállalkozói, ez így, pragmatikusan, akkor 1393 01:05:43,460 --> 01:05:47,000 tőkeáttétel egyéb szolgáltatásokat az interneten mint a mail, majd ténylegesen 1394 01:05:47,000 --> 01:05:49,440 elküldeni a dolgokat a kódot. 1395 01:05:49,440 --> 01:05:51,240 >> Szóval hogyan lehet javítani a helyzeten? 1396 01:05:51,240 --> 01:05:54,370 Nos, először is vessünk egy gyors túra néhány dolog, hogy látni fogod, 1397 01:05:54,370 --> 01:05:56,170 majd vess egy pillantást néhány példa. 1398 01:05:56,170 --> 01:05:59,500 Tehát az egyik, hogy megnyugtassa, mert repülünk PHP-n keresztül. 1399 01:05:59,500 --> 01:06:02,470 És tudom, egy bizonyos ponton, akkor ténylegesen írjuk ezt, ha 1400 01:06:02,470 --> 01:06:03,460 még nem tette meg. 1401 01:06:03,460 --> 01:06:06,220 Ismerd fel, hogy az egyik, a fő kedves a ki az ablakon a PHP. 1402 01:06:06,220 --> 01:06:09,420 Ha meg szeretné írni a kódot, hogy lesz végre, akkor csak elkezd írni azt 1403 01:06:09,420 --> 01:06:13,970 nevű fájl. php amíg akkor a nyitó zárójel 1404 01:06:13,970 --> 01:06:15,620 kérdőjel PHP tag. 1405 01:06:15,620 --> 01:06:19,730 >> De észre ezek feltételek php. 1406 01:06:19,730 --> 01:06:22,610 Figyeljük meg, hogy ez pontosan ugyanazon a lemezen volt az első héten, amikor már 1407 01:06:22,610 --> 01:06:25,670 körülmények C. Feltételeket PHP szerkezetileg és 1408 01:06:25,670 --> 01:06:27,140 szintaktikailag ugyanaz. 1409 01:06:27,140 --> 01:06:30,290 Egyetlen igazi különbség az, ha megvan bevont változók, akkor a 1410 01:06:30,290 --> 01:06:31,600 dollár jeleket. 1411 01:06:31,600 --> 01:06:33,970 >> Eközben logikai kifejezések néznek ki, mint ez az 1412 01:06:33,970 --> 01:06:35,725 vagy-nek vagy and-nek egymással. 1413 01:06:35,725 --> 01:06:37,780 Kapcsolók ugyanúgy néz ki. 1414 01:06:37,780 --> 01:06:42,180 Mi a jó a PHP, míg a C-ben kapcsolók kell az esetek 1415 01:06:42,180 --> 01:06:46,380 primitívek, mint a ints vagy karakter, a PHP-ben Ön esetében nyilatkozatok is lehet 1416 01:06:46,380 --> 01:06:48,430 egy egész húrok, amely valójában milyen szép. 1417 01:06:48,430 --> 01:06:49,480 Takarít meg egy kis időt. 1418 01:06:49,480 --> 01:06:50,820 Nem lehet csinálni, hogy a C- 1419 01:06:50,820 --> 01:06:52,880 >> Itt egy for ciklust a PHP. 1420 01:06:52,880 --> 01:06:53,740 Ez azonos. 1421 01:06:53,740 --> 01:06:55,400 Lehet, hogy néhány dollár jeleket a változókat. 1422 01:06:55,400 --> 01:06:57,530 Nem kell említeni, hogy az valami egy int. 1423 01:06:57,530 --> 01:07:00,580 Csak nyilvánítja egy dollár jel és a változó nevét. 1424 01:07:00,580 --> 01:07:01,430 De egy for ciklus ugyanaz. 1425 01:07:01,430 --> 01:07:02,760 A while ciklus ugyanaz. 1426 01:07:02,760 --> 01:07:04,870 A do while ciklus ugyanaz. 1427 01:07:04,870 --> 01:07:06,170 >> Ez egy kicsit más. 1428 01:07:06,170 --> 01:07:12,410 A PHP, és egy sor, akkor statikusan kijelentik tömb, mint a C, 1429 01:07:12,410 --> 01:07:14,420 de használja szögletes zárójelben. 1430 01:07:14,420 --> 01:07:17,060 A C, akkor használja zárójelek, ha még tudta. 1431 01:07:17,060 --> 01:07:20,910 De ez valójában nagyon gyakori a PHP nyilatkozni tömb, ebben az esetben, 1432 01:07:20,910 --> 01:07:23,640 a számok, és hívja a változó számokat. 1433 01:07:23,640 --> 01:07:25,300 >> Változók maguk is néz ki. 1434 01:07:25,300 --> 01:07:28,710 Itt van egy string, idézve idézet vége "hello világ. "Lehet, hogy egy backslash n. 1435 01:07:28,710 --> 01:07:30,950 Én egyszerűen nem ebben az esetben. 1436 01:07:30,950 --> 01:07:32,640 >> Most ez egy érdekes konstrukció. 1437 01:07:32,640 --> 01:07:33,700 C nem rendelkezik ezzel. 1438 01:07:33,700 --> 01:07:34,700 De ez szuper hasznos. 1439 01:07:34,700 --> 01:07:38,160 És látni fogod ezt a P meg 7 spec - a minden konstrukció. 1440 01:07:38,160 --> 01:07:41,800 Ha meg szeretné ismételni az összes, a elem egy tömb, akkor nem kell 1441 01:07:41,800 --> 01:07:45,500 foglalkozni $ i és $ n, és + +, meg minden. 1442 01:07:45,500 --> 01:07:47,640 Lehet szó mondjuk, PHP, ez - 1443 01:07:47,640 --> 01:07:51,890 az egyes számok számát, így Feltételezem, hogy $ számok 1444 01:07:51,890 --> 01:07:53,380 egy tömb a számok. 1445 01:07:53,380 --> 01:07:56,460 És amikor azt mondom, az egyes számok mint szám, ez lesz a 1446 01:07:56,460 --> 01:08:00,505 automatikusan, ahogy a ciklus végrehajtja, frissítés, minden ismétlés, az érték 1447 01:08:00,505 --> 01:08:03,260 belső dollárjel szám - 1448 01:08:03,260 --> 01:08:07,730 újra, és újra, és újra séta számomra, mint a tömbben. 1449 01:08:07,730 --> 01:08:08,735 Tehát csak megment minket kódot. 1450 01:08:08,735 --> 01:08:12,250 Nem pontosvessző, nem + + 's, nem, ez, nem az n, ez csak jó. 1451 01:08:12,250 --> 01:08:13,700 >> De a PHP is van ez. 1452 01:08:13,700 --> 01:08:14,830 És ez szuper erős. 1453 01:08:14,830 --> 01:08:17,410 És akkor használja ezt, kezek A, P meg 7. 1454 01:08:17,410 --> 01:08:21,990 És asszociatív tömb is kijelentette, szögletes zárójelben. 1455 01:08:21,990 --> 01:08:23,569 De észre a szintaxis most. 1456 01:08:23,569 --> 01:08:26,880 Ez az emlékeztető, amit látott A print_r egy perce. 1457 01:08:26,880 --> 01:08:31,810 Hány gombok, mint egy kis józanság csekket, jelent ez tömb úgy tűnik, hogy. 1458 01:08:31,810 --> 01:08:32,689 >> Tehát két. 1459 01:08:32,689 --> 01:08:33,830 És Én ezt egy tömb. 1460 01:08:33,830 --> 01:08:36,760 De ha ez segít, akkor gondolom Az ezt hash tábla, vagy 1461 01:08:36,760 --> 01:08:37,930 egy asszociatív tömb. 1462 01:08:37,930 --> 01:08:39,580 De ez csak egy másik típusú tömb. 1463 01:08:39,580 --> 01:08:41,080 És ismét, több nyelven ezeket. 1464 01:08:41,080 --> 01:08:43,810 Meglátjuk hasonlót JavaScript is. 1465 01:08:43,810 --> 01:08:44,609 Van két kulcsot. 1466 01:08:44,609 --> 01:08:48,390 Az egyik idézet idézet vége, "szimbólum," az egyik idézet idézet vége "árát". És azok a gombok 1467 01:08:48,390 --> 01:08:49,250 mindegyike egy értéket. 1468 01:08:49,250 --> 01:08:54,420 Ebben az esetben a szimbólum értéke FB, a Facebook, és az ár az érték a 49, 26, 1469 01:08:54,420 --> 01:08:56,899 ami Facebook részvényei ár a ma reggel. 1470 01:08:56,899 --> 01:09:00,170 >> Tehát mi a hasznos egy asszociatív tömb. 1471 01:09:00,170 --> 01:09:02,620 Tudtam volna számszerűen indexelt tömb csak 1472 01:09:02,620 --> 01:09:04,120 egyszerű, szögletes zárójelben. 1473 01:09:04,120 --> 01:09:09,380 És nem tudtam volna dollárjel quote egyenlő csak ez. 1474 01:09:09,380 --> 01:09:10,529 Hadd valójában csinálni. 1475 01:09:10,529 --> 01:09:14,796 Tegyük fel, hogy inkább csak kijelentette, ez a tömb, mint ezt. 1476 01:09:14,796 --> 01:09:17,590 Ez teljesen érvényes, szintaktikailag. 1477 01:09:17,590 --> 01:09:20,569 Nem veszíti el információt, önmagában. 1478 01:09:20,569 --> 01:09:24,760 Még mindig látom, hogy a szimbólum fb, valamint, hogy az ár 49, 26. 1479 01:09:24,760 --> 01:09:28,939 Akkor miért van asszociatív tömbök vonzó? 1480 01:09:28,939 --> 01:09:30,189 >> Közönség: Nem kell emlékezni ahová dolgokat. 1481 01:09:30,189 --> 01:09:32,050 1482 01:09:32,050 --> 01:09:34,130 >> SPEAKER 1: Pontosan, nem kell emlékezni ahová dolgokat. 1483 01:09:34,130 --> 01:09:37,670 Nem kell emlékezni önkényesen hogy az állomány szimbólum zárójelben nulla, 1484 01:09:37,670 --> 01:09:41,479 és a tőzsdei árfolyamok is a konzol egy, ami különösen veszélyes, ha 1485 01:09:41,479 --> 01:09:43,220 változtatni a dolgokat, végül is. 1486 01:09:43,220 --> 01:09:46,399 Sokkal szebb társítani mit fogunk hívni metaadatok 1487 01:09:46,399 --> 01:09:48,340 a tényleges adatok. 1488 01:09:48,340 --> 01:09:52,399 Azt állítják, hogy amit igazán érdekel az itt fb és 49., 26.. 1489 01:09:52,399 --> 01:09:57,020 A szimbólum és az ár metaadatok , amely leírja az adatok azt 1490 01:09:57,020 --> 01:09:58,180 tényleg érdekel. 1491 01:09:58,180 --> 01:10:01,910 De ez csak annyi könnyebben elérhetővé. 1492 01:10:01,910 --> 01:10:04,090 >> Most, egy félre mi Az ár, amit fizetni? 1493 01:10:04,090 --> 01:10:06,600 Mi már ezt A CS50 hetekig. 1494 01:10:06,600 --> 01:10:10,740 Ezt a szolgáltatást jön néhány költség. 1495 01:10:10,740 --> 01:10:11,350 Memória. 1496 01:10:11,350 --> 01:10:13,830 Szóval nem csak tárolja a 32 bites integer, például. 1497 01:10:13,830 --> 01:10:17,980 Te tárolása szimbólum / 0, valószínűleg. 1498 01:10:17,980 --> 01:10:19,160 Szóval használ több memóriát. 1499 01:10:19,160 --> 01:10:22,540 >> És mi a teljesítmény keres valamit egy 1500 01:10:22,540 --> 01:10:24,822 asszociatív tömb, talán? 1501 01:10:24,822 --> 01:10:26,590 Valószínűleg lassabb. 1502 01:10:26,590 --> 01:10:29,670 Véletlen hozzáférésű szép, különösen ha meg tudod csinálni bináris keresést. 1503 01:10:29,670 --> 01:10:33,380 De ha tényleg már akik nem a számok, hanem a vonósok, a 1504 01:10:33,380 --> 01:10:37,630 igazán valósul alatt motorháztető, valószínűleg a hash tábla, ahol a 1505 01:10:37,630 --> 01:10:42,950 használ vagy egy hash tábla külön láncolás. 1506 01:10:42,950 --> 01:10:46,040 Vagy használj egy próbát, hogy ténylegesen tárolja az értékeket. 1507 01:10:46,040 --> 01:10:50,550 Így talán meg tudod csinálni állandó, de még mindig meg kell nézni, S-Y-M-B-O-L, 1508 01:10:50,550 --> 01:10:54,510 potenciálisan, ahelyett, hogy csak 32 bit keresni valamit. 1509 01:10:54,510 --> 01:10:58,430 Tehát még egyszer, az azonos gondolatok jönnek vissza, hogy visszatérnek ebben az összefüggésben. 1510 01:10:58,430 --> 01:11:02,120 >> De ismétlem, a PHP most néhány szuper globals, hogy kiderült, az 1511 01:11:02,120 --> 01:11:02,900 asszociatív tömbök. 1512 01:11:02,900 --> 01:11:05,590 Láttunk egy pár perce, $ _POST. 1513 01:11:05,590 --> 01:11:08,400 És ez szuper globális van kulcsokat és értékeket. 1514 01:11:08,400 --> 01:11:10,550 Pontosabban, a billentyűk sorban, amit? 1515 01:11:10,550 --> 01:11:14,520 Hol a kulcsokat a $ _POST származik? 1516 01:11:14,520 --> 01:11:15,380 Csak hogy újra bedugni? 1517 01:11:15,380 --> 01:11:16,480 >> Közönség: név. 1518 01:11:16,480 --> 01:11:17,900 >> SPEAKER 1: Név, hol? 1519 01:11:17,900 --> 01:11:19,860 >> Közönség: [hangtalan] 1520 01:11:19,860 --> 01:11:20,750 >> SPEAKER 1: név a tulajdonság. 1521 01:11:20,750 --> 01:11:23,480 Hát hol, hol tettek eredetileg származik? 1522 01:11:23,480 --> 01:11:24,120 A formában. 1523 01:11:24,120 --> 01:11:30,140 Tehát, ha egy HTML oldalon van egy form tag, belsejében, amelyek közül néhány bemenet, mint a 1524 01:11:30,140 --> 01:11:34,760 jelölőnégyzetek, szövegdobozok, legördülő menük, amelyek mindegyike egy nevet, e 1525 01:11:34,760 --> 01:11:40,260 név végén, mint kulcs a $ _POST, és őszintén szólva, ha már itt tartunk, $ _GET. 1526 01:11:40,260 --> 01:11:42,130 Ha a módszer get, ugyanezt a gondolatot. 1527 01:11:42,130 --> 01:11:43,830 Ez csak egy másik szuper globális. 1528 01:11:43,830 --> 01:11:47,620 És az értékek, természetesen származik , amit a felhasználó beírt az ő vagy 1529 01:11:47,620 --> 01:11:48,890 a böngészőt. 1530 01:11:48,890 --> 01:11:49,830 >> De van még néhány más. 1531 01:11:49,830 --> 01:11:52,140 Van süti, amit majd gyere vissza végül. 1532 01:11:52,140 --> 01:11:56,050 De ezek azok a dolgok, hogy tudod A web használ valami jó vagy rossz. 1533 01:11:56,050 --> 01:11:57,420 De majd jön vissza, hogy a. 1534 01:11:57,420 --> 01:12:01,720 Server és a munkamenet, és a két néhány speciális segédprogramot. 1535 01:12:01,720 --> 01:12:03,940 >> De vessünk egy pillantást erre. 1536 01:12:03,940 --> 01:12:13,330 Hadd menjen előre, és nyit egy példát hívott mvc0.php Így MVC 1537 01:12:13,330 --> 01:12:14,900 áll a következő. 1538 01:12:14,900 --> 01:12:19,390 És be ezt korábban is jellegzetes, tényleg, hogy neked tervezés 1539 01:12:19,390 --> 01:12:22,180 Probléma szett 7, és végső projektek A sort egy iparág 1540 01:12:22,180 --> 01:12:23,670 szokásos módon, és tiszta módon. 1541 01:12:23,670 --> 01:12:24,820 Jó design. 1542 01:12:24,820 --> 01:12:29,090 >> Szóval hamarosan látni, és akkor tapasztalat, a P meg 7, paradigma, sort 1543 01:12:29,090 --> 01:12:32,260 a programozási gondolkodásmód, úgy néz ki, egy kis valamit, mint ez. 1544 01:12:32,260 --> 01:12:35,570 M modell, C-Controller, V View. 1545 01:12:35,570 --> 01:12:39,690 Hosszú történet rövid, MVC csak ilyen módszertan, a módja annak, hogy 1546 01:12:39,690 --> 01:12:43,360 weboldalak, különösen az, amely akkor fel az összes, hülye kifejezés - 1547 01:12:43,360 --> 01:12:44,970 üzleti logika - 1548 01:12:44,970 --> 01:12:49,710 az összes szellemi tulajdon az úgynevezett a vezérlő, a fájl 1549 01:12:49,710 --> 01:12:54,840 mint index.php, vagy majd meglátjuk, quote.php vagy buy.php. 1550 01:12:54,840 --> 01:12:59,570 >> Keretében a probléma meg 7, a modellek általában tartalmaznak az adatokat, 1551 01:12:59,570 --> 01:13:03,860 bármi kapcsolódó adatbázis, ahogy fogjuk végül látni, és a véleményét 1552 01:13:03,860 --> 01:13:07,510 tartalmazzák az esztétika a helyén, a HTML, a CSS. 1553 01:13:07,510 --> 01:13:10,420 Így már látta ezt a C egy kicsit bit használatával. h fájlokat. 1554 01:13:10,420 --> 01:13:15,010 Tényleg láttam egy perce CSS, a faktoring a CSS stilizáció 1555 01:13:15,010 --> 01:13:16,520 dolgok a mi HTML. 1556 01:13:16,520 --> 01:13:20,730 >> Tehát MVC tényleg csak a rajz vonalak a homokban, és azt mondja, a 1557 01:13:20,730 --> 01:13:25,400 érdekes programozási kódot webhely tartozik, amit hívjuk a 1558 01:13:25,400 --> 01:13:26,400 vezérlő. 1559 01:13:26,400 --> 01:13:29,280 Stuff kapcsolódó adatbázis tipikusan végül egy modellt. 1560 01:13:29,280 --> 01:13:33,070 De látni fogod, a probléma meg 7, akkor összeolvad C és M, hogy ez egyszerű. 1561 01:13:33,070 --> 01:13:37,630 De a kilátás, ahol minden a HTML és az esztétika általában menni. 1562 01:13:37,630 --> 01:13:39,160 >> Szóval, mit jelent ez a gyakorlatban? 1563 01:13:39,160 --> 01:13:45,980 Nos, hadd menjen be a MVC könyvtárban az alábbiak szerint. 1564 01:13:45,980 --> 01:13:48,880 És akkor még több ilyen turnézott a spec. 1565 01:13:48,880 --> 01:13:53,200 Tehát mvc0 azt állítják, hogy ez, mint, verzió 0 CS50 honlapján. 1566 01:13:53,200 --> 01:13:56,670 >> Minden van egy kis HTML, mint a nagy h1 tag, látszólag. 1567 01:13:56,670 --> 01:13:57,800 És akkor a felsorolás. 1568 01:13:57,800 --> 01:13:59,860 Még soha nem láttam a felsorolás korábban, de nem nagy ügy. 1569 01:13:59,860 --> 01:14:01,590 Nézzük gyorsan nézd meg a forráskódot. 1570 01:14:01,590 --> 01:14:06,610 Kiderült, hogy egy rendezetlen lista golyókkal nyitva tartó ul egy vagy 1571 01:14:06,610 --> 01:14:09,065 több listaelemek, li. 1572 01:14:09,065 --> 01:14:10,650 Tehát Közlemény Itt egy horgony tag. 1573 01:14:10,650 --> 01:14:12,130 Azt láttuk, hogy egy perce. 1574 01:14:12,130 --> 01:14:13,810 >> Szóval ez hogyan hajtják végre ezen az oldalon. 1575 01:14:13,810 --> 01:14:18,460 Van két linket, két lista elem, egy ul a rendezetlen lista, és a végén 1576 01:14:18,460 --> 01:14:22,700 eredmény, esztétikailag, ez nagyon szép honlap, 0-s verzió itt. 1577 01:14:22,700 --> 01:14:26,840 De ami érdekes, most az, hogy ez a valósul a motorháztető alatt. 1578 01:14:26,840 --> 01:14:33,590 >> Hadd menjek be gedit és nyissa fel a első példa, hogy festeni egy képet. 1579 01:14:33,590 --> 01:14:37,070 És nézzük meg, mi a hibás, potenciálisan itt. 1580 01:14:37,070 --> 01:14:43,260 Most, ha elmegyek a localhost, az állami, MVC, észre néhány kép. 1581 01:14:43,260 --> 01:14:45,780 Fogom nevezni ezeket, hogy a Jelenleg minden vezérlő. 1582 01:14:45,780 --> 01:14:48,640 De ez egy kicsit a visszaélés, mert látni fogod, minden a legnagyobb keverik 1583 01:14:48,640 --> 01:14:49,620 belsejében őket. 1584 01:14:49,620 --> 01:14:52,330 >> És hadd menjen be a index.php. 1585 01:14:52,330 --> 01:14:54,700 És azt látjuk, a szó szoros értelmében, az ugyanazt a HTML. 1586 01:14:54,700 --> 01:14:57,970 Így, bár ezt a fájlt végződik . Php, Ez nem jelenti azt, hogy 1587 01:14:57,970 --> 01:14:59,500 bármilyen PHP kódot. 1588 01:14:59,500 --> 01:15:02,290 Ez csak a nyers HTML, bár ez pont olyan ostoba. 1589 01:15:02,290 --> 01:15:07,650 De észre nincs nyitva tartó PHP tag, kivéve ezt, ami, őszintén szólva, 1590 01:15:07,650 --> 01:15:09,160 csak ott szolgál megjegyzést. 1591 01:15:09,160 --> 01:15:12,080 De ez funkcionálisan nem még olyan érdekes. 1592 01:15:12,080 --> 01:15:12,960 >> De észre. 1593 01:15:12,960 --> 01:15:15,400 Ami érdekes, az, hogy milyen változás ezen az oldalon. 1594 01:15:15,400 --> 01:15:16,650 Hadd kattintson előadások. 1595 01:15:16,650 --> 01:15:18,560 És észre az URL megváltozik. 1596 01:15:18,560 --> 01:15:20,930 Most vagyok lectures.php. 1597 01:15:20,930 --> 01:15:22,630 Hadd kattintson nulla. 1598 01:15:22,630 --> 01:15:27,200 Most én vagyok a week0.php És most nekem megnyitni ezeket a fájlokat a gedit. 1599 01:15:27,200 --> 01:15:30,120 Nem csak index, de most én nyit előadásokat. 1600 01:15:30,120 --> 01:15:33,900 És hadd megszabadulni a hozzászólások összpontosítani a csak részben. 1601 01:15:33,900 --> 01:15:37,680 >> És most hadd nyitnak csak még egy, week0.php, dobja el a megjegyzéseket, 1602 01:15:37,680 --> 01:15:39,910 csak azért, hogy tiszta a fel. 1603 01:15:39,910 --> 01:15:41,720 És most értesítést a következő. 1604 01:15:41,720 --> 01:15:47,340 Gondolkodás tényleg valami figyelmesen a design, és tegyük vonal 1605 01:15:47,340 --> 01:15:52,013 fel ugyanaz, mit lehetne tenni jobb itt, mit gondolsz? 1606 01:15:52,013 --> 01:15:56,450 1607 01:15:56,450 --> 01:15:57,780 >> Hogy nem vettem, hogy egy héten egy? 1608 01:15:57,780 --> 01:15:58,480 Hogy erről. 1609 01:15:58,480 --> 01:16:00,450 Szóval így csináltam egy hétig. 1610 01:16:00,450 --> 01:16:08,290 Odamentem Fájl, Új, Beillesztés, Mentés, week1.php, aztán mentem itt. 1611 01:16:08,290 --> 01:16:09,875 És én megváltozott egy - 1612 01:16:09,875 --> 01:16:11,646 mi volt ez, az egyik a péntek. 1613 01:16:11,646 --> 01:16:14,430 1614 01:16:14,430 --> 01:16:15,810 Megváltoztattam a nullát egyet. 1615 01:16:15,810 --> 01:16:17,150 Megváltoztattam ez egy. 1616 01:16:17,150 --> 01:16:20,350 >> OK, így most nézd meg a fájlokat. 1617 01:16:20,350 --> 01:16:22,100 Mit lehet tenni másképp? 1618 01:16:22,100 --> 01:16:25,310 Hol van a lehetőség, talán? 1619 01:16:25,310 --> 01:16:28,330 Tehát ott van a lehetőség, hogy indul faktoring ezt a cuccot. 1620 01:16:28,330 --> 01:16:32,950 Hadd nyit, mint a spoiler, a mit fogsz látni P set 7. 1621 01:16:32,950 --> 01:16:38,750 Ha nyit, most index.php-es verzió öt az, úgy néz ki ahogy 1622 01:16:38,750 --> 01:16:40,730 több rejtélyes, kétségkívül. 1623 01:16:40,730 --> 01:16:43,710 >> De ez, most én is így fogom hívni a vezérlő, amely irányítja a 1624 01:16:43,710 --> 01:16:44,770 logikája oldalam. 1625 01:16:44,770 --> 01:16:48,510 És tudod milyen rekonstruálni, ösztönösen, talán, mi folyik itt. 1626 01:16:48,510 --> 01:16:50,630 Az első sorban, ez egy kicsit rejtélyes. 1627 01:16:50,630 --> 01:16:54,040 De észre én igénylő, mint a éles include, a fájl neve 1628 01:16:54,040 --> 01:16:55,930 helpers.php. 1629 01:16:55,930 --> 01:16:59,980 És akkor hívom, úgy tűnik, a funkció, az úgynevezett render, átadva 1630 01:16:59,980 --> 01:17:00,850 két érv. 1631 01:17:00,850 --> 01:17:02,440 >> Az egyik idézet idézet vége, fejléc. 1632 01:17:02,440 --> 01:17:04,800 A másik pedig, hogy milyen adattípus ezt alapú 1633 01:17:04,800 --> 01:17:07,180 a mi szintaxis korábban? 1634 01:17:07,180 --> 01:17:08,160 Ez egy asszociatív tömbként. 1635 01:17:08,160 --> 01:17:11,730 Pontosabban, ez halad a címben néhány metaadat emlékeztet 1636 01:17:11,730 --> 01:17:13,430 , hogy mi ez, és az értékét. 1637 01:17:13,430 --> 01:17:16,340 Aztán látom a kemény kódolt ul, így néhány nyers HTML. 1638 01:17:16,340 --> 01:17:20,020 De aztán itt vagyok PHP módban hívás funkció render. 1639 01:17:20,020 --> 01:17:24,390 Tehát akkor is, ha soha nem használt HTML vagy PHP előtt, és bár ez úgy néz ki, 1640 01:17:24,390 --> 01:17:27,480 ijesztőbb, miért van ez valószínűleg jobb design? 1641 01:17:27,480 --> 01:17:31,310 Mi a jobb róla, alapuló következtetés? 1642 01:17:31,310 --> 01:17:32,130 >> Közönség: [hangtalan] 1643 01:17:32,130 --> 01:17:35,750 >> SPEAKER 1: Kevesebb felesleges, hogy nincs több HTML tag, nem több 1644 01:17:35,750 --> 01:17:38,410 fej tag, nem több body tag minden rohadt fájlt. 1645 01:17:38,410 --> 01:17:41,860 Ehelyett már faktorált ki hasonlóságok és feltehetően őket 1646 01:17:41,860 --> 01:17:45,150 egy fájlba valamilyen módon kapcsolódnak a fejlécet. 1647 01:17:45,150 --> 01:17:48,500 És ugyanezt a szoros test tag, a szoros HTML tag. 1648 01:17:48,500 --> 01:17:52,165 Ez talán itt lent belül A lábléc valahol. 1649 01:17:52,165 --> 01:17:57,050 És látni fogod, hogy probléma meg 7, egy kis túra ez. 1650 01:17:57,050 --> 01:17:58,070 >> Szóval, mi vár ránk? 1651 01:17:58,070 --> 01:18:03,390 Az egyetlen dolog, amit még nem képesek még a az, hogy ténylegesen az adatok tárolására. 1652 01:18:03,390 --> 01:18:06,110 És mit fogunk kezdeni, hogy Szerda, például az, hogy a 1653 01:18:06,110 --> 01:18:08,450 régi barát Excel, vagy számok, tárolását teszi lehetővé sok 1654 01:18:08,450 --> 01:18:10,060 adatok sorokban és oszlopokban. 1655 01:18:10,060 --> 01:18:12,570 Kiderült, hogy meg tudod csinálni, hogy mi nevezett adatbázis programozással. 1656 01:18:12,570 --> 01:18:16,620 mániás És kiderül, ezt követően, leszünk képesek tárolni a dolgokat, mint a 1657 01:18:16,620 --> 01:18:20,550 ezt, látni fogja újra P set 7, egy csomó felhasználónevek és 1658 01:18:20,550 --> 01:18:23,690 jelszavakat, melyek közül az utóbbi a valójában titkosított, ugyanúgy, mint ők 1659 01:18:23,690 --> 01:18:25,550 volt P set 2 hacker kiadás. 1660 01:18:25,550 --> 01:18:29,600 És végül, akkor végre ezt, Saját Etrade-szerű weboldal 1661 01:18:29,600 --> 01:18:32,220 végrehajtja együttesen CS50 finanszírozás. 1662 01:18:32,220 --> 01:18:36,000 >> Végül pedig tartózkodott itt ilyen későn ma, ha jön vissza, hogy ez a része 1663 01:18:36,000 --> 01:18:41,120 A campus, a 04:00 ma, mi lesz Önnek nem csak tanácsot, az SCE 1664 01:18:41,120 --> 01:18:44,200 Tanácsadás Fair, at 16:00 a Maxwell-Dworkin, akkor ad egy kis 1665 01:18:44,200 --> 01:18:47,470 Americone álom, Cherry Garcia, Chocolate Fudge Brownie, csokoládé 1666 01:18:47,470 --> 01:18:50,840 Chip Cookie Tészta, és, ha a Google Chunky Monkey, megkapod ezt. 1667 01:18:50,840 --> 01:18:53,620 Tehát minden, hogy várja a 04:00 PM-Maxwell Dworkin. 1668 01:18:53,620 --> 01:18:56,736 Találkozunk szerdán is. 1669 01:18:56,736 --> 01:18:59,960 >> SPEAKER 2: A következő CS50, RJ alszik be 1670 01:18:59,960 --> 01:19:03,656 1671 01:19:03,656 --> 01:19:04,906 >> RJ: A rész! 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