1 00:00:00,000 --> 00:00:11,470 2 00:00:11,470 --> 00:00:12,764 >> SPEAKER 1: Všetko, čo vitajte späť. 3 00:00:12,764 --> 00:00:14,140 Toto je CS50. 4 00:00:14,140 --> 00:00:16,800 A to je začiatok týždňa deväť. 5 00:00:16,800 --> 00:00:19,960 A to je začiatok konca Váš čas CS50, v ktorom sa 6 00:00:19,960 --> 00:00:23,170 Prechod teraz konečne na webe aspektom kurzu, kde budete 7 00:00:23,170 --> 00:00:26,200 zistíte, že mnoho zo základov, ktoré sme boli vyvážajúci týždne 8 00:00:26,200 --> 00:00:29,270 ešte vrátiť na návštevu, alebo strašiť, nám. 9 00:00:29,270 --> 00:00:33,440 Ale teraz, zistíte, že je to rádovo jednoduchšie 10 00:00:33,440 --> 00:00:36,540 splniť určité úlohy a riešiť určité problémy - 11 00:00:36,540 --> 00:00:41,050 natoľko, že aj keď ste si mysleli, Určitým problémom súbory boli pobaviť na svojom 12 00:00:41,050 --> 00:00:44,200 vlastnou cestou, myslím, že zistíte, že p nastaviť 7, s 8 nastaviť, a potom, 13 00:00:44,200 --> 00:00:47,990 nakoniec bude konečný projekt bude o to viac potešujúce, pretože budete 14 00:00:47,990 --> 00:00:51,830 zistíte, že začneme brať za samozrejmosť teraz sa veci ako správu pamäte, a 15 00:00:51,830 --> 00:00:54,190 ukazovatele, a to, čo sa deje na pod pokrievku. 16 00:00:54,190 --> 00:00:57,310 A opäť, tematické, v priebehu celého semester bolo toto vrstvenie 17 00:00:57,310 --> 00:00:58,030 a vrstvenie. 18 00:00:58,030 --> 00:01:00,530 A teraz sme trochu do tu, stojaci na 19 00:01:00,530 --> 00:01:01,930 ramená týždňov minulosti. 20 00:01:01,930 --> 00:01:05,360 >> Teraz, prevezme od minule, že sme Hovoril o tom, ako internet funguje. 21 00:01:05,360 --> 00:01:08,120 A to bol možno zjednodušením, ale pamätajte, že 22 00:01:08,120 --> 00:01:12,960 každý počítač na svete má IP adresu riešiť, aj keď to je trochu 23 00:01:12,960 --> 00:01:14,570 zjednodušením stále. 24 00:01:14,570 --> 00:01:18,180 A tieto adresy sú slúžia na jednoznačné identifikujú stroja tak, že 25 00:01:18,180 --> 00:01:22,010 Ak odošlete informácie, alebo pakety, aby som tak povedal, môžu mať pôvod 26 00:01:22,010 --> 00:01:24,000 adresa a cieľová adresa. 27 00:01:24,000 --> 00:01:27,830 A tie isté IP adresy je možné použiť a to ako pre dobré, tak aj pre zlo, 28 00:01:27,830 --> 00:01:29,270 sledovať vás, napríklad. 29 00:01:29,270 --> 00:01:32,200 V skutočnosti, jeden každý z vás s notebookom otvorené teraz, alebo telefón v 30 00:01:32,200 --> 00:01:35,070 vrecko, má IP adresu v sieti Harvarde. 31 00:01:35,070 --> 00:01:39,120 A nie je to tak ťažké korelujú, že toho, kto a kde 32 00:01:39,120 --> 00:01:40,180 sú v týchto dňoch. 33 00:01:40,180 --> 00:01:42,090 Ale o tom snáď v budúcnosti. 34 00:01:42,090 --> 00:01:46,510 >> Teraz ma napadlo, že priviesť späť niektoré spomienky na [? zlepšiť?] a dá vám 35 00:01:46,510 --> 00:01:49,360 ďalší klip z ukážem, Možno zistíte, povedomé. 36 00:01:49,360 --> 00:01:52,710 Ak by sme mohli stlmiť svetlá len na pár sekúnd. 37 00:01:52,710 --> 00:01:53,960 Prehliadka Numb3rs. 38 00:01:53,960 --> 00:01:57,510 39 00:01:57,510 --> 00:02:00,540 >> SPEAKER 2: Je to 32-bit IPP4 adresu. 40 00:02:00,540 --> 00:02:01,610 >> SPEAKER 3: IPP, ako na internete? 41 00:02:01,610 --> 00:02:02,968 >> SPEAKER 2: Private siete. 42 00:02:02,968 --> 00:02:04,960 Pre privátne siete Amita je. 43 00:02:04,960 --> 00:02:16,930 44 00:02:16,930 --> 00:02:19,602 Ona je tak úžasná. 45 00:02:19,602 --> 00:02:21,030 >> SPEAKER 3: No tak, Charlie. 46 00:02:21,030 --> 00:02:21,490 >> SPEAKER 2: To je. 47 00:02:21,490 --> 00:02:22,470 Zrkadlo IP adresu. 48 00:02:22,470 --> 00:02:27,680 Ona je, že sme sa pozerať na to, čo robí v reálnom čase. 49 00:02:27,680 --> 00:02:30,930 >> Reproduktor 1: Ok, takže pár vecí, zle s týmto obrázkom. 50 00:02:30,930 --> 00:02:32,920 Tak jedna, a to z nich je prijateľná, To je v skutočnosti 51 00:02:32,920 --> 00:02:34,400 nie je platná adresa IP. 52 00:02:34,400 --> 00:02:38,190 Platná adresa IP musí byť čísla v tvare w.x.y.z, kde každá z 53 00:02:38,190 --> 00:02:40,000 tie listy je 0 až 255. 54 00:02:40,000 --> 00:02:42,330 Ale to je v poriadku, pretože rovnako ako filmy, kde sa falošné telefónne čísla, 55 00:02:42,330 --> 00:02:43,520 sú falošné IP adresy. 56 00:02:43,520 --> 00:02:45,230 Nemusíte vlastne hit reálne servery. 57 00:02:45,230 --> 00:02:46,760 >> Ale myslí si, je to prehliadač. 58 00:02:46,760 --> 00:02:50,760 A prehliadača nezačínajte výstup počítačový kód takhle. 59 00:02:50,760 --> 00:02:54,230 A ak sa pozrieme trochu hlbšie, všimnete že jazyk, ktorý oni vidia 60 00:02:54,230 --> 00:02:57,040 na obrazovke je nazývaný jazyk Cieľ C, čo je jazyk, v 61 00:02:57,040 --> 00:02:59,520 iPhone aplikácie, ktoré sú napísané, najmä tie, zahŕňajúce 62 00:02:59,520 --> 00:03:03,540 pastelky, ako môžete vidieť z zdrojový kód tu. 63 00:03:03,540 --> 00:03:06,600 64 00:03:06,600 --> 00:03:07,560 >> OK, myslel som to bola sranda. 65 00:03:07,560 --> 00:03:12,240 Takže tento fragment kódu je absolútne nemá nič spoločné s tým, čo to 66 00:03:12,240 --> 00:03:13,940 Najmä epizóda bola okolo. 67 00:03:13,940 --> 00:03:17,590 Takže vtip je trochu na ľudí pričom za to samozrejmosť. 68 00:03:17,590 --> 00:03:20,220 Ale to nie je tak ťažké sa dostať Tieto technické údaje správne. 69 00:03:20,220 --> 00:03:21,980 A ja by som vás povzbudiť. 70 00:03:21,980 --> 00:03:25,530 A vlastne, možno 50 veľmi dobre kaziť Mnoho televíznych relácií a filmov, alebo si 71 00:03:25,530 --> 00:03:27,320 pretože zistíte, že je to len nie je možné, čo sú 72 00:03:27,320 --> 00:03:28,630 robí na obrazovke. 73 00:03:28,630 --> 00:03:31,750 Ale naozaj, to je kód, ktorý môže vidieť, že v aplikácii pre iPhone 74 00:03:31,750 --> 00:03:33,640 alebo Mac OS aplikácie. 75 00:03:33,640 --> 00:03:35,685 To nemá nič spoločné čo do činenia s bezpečnosťou. 76 00:03:35,685 --> 00:03:38,610 Takže dávať pozor na viac také zábavné veci, ako je to. 77 00:03:38,610 --> 00:03:42,720 >> Ale dnes začneme do toho ponoriť naozaj hlboko do celej rady jazykov. 78 00:03:42,720 --> 00:03:45,410 Naozaj, jeden zastrešujúci takeaways tejto časti 79 00:03:45,410 --> 00:03:51,815 samozrejme nie je naučiť programovať v PHP, nie sa naučiť SQL samo o sebe nie je 80 00:03:51,815 --> 00:03:58,100 učiť JavaScript sebe, ale skôr učiť sa, ako sa učiť 81 00:03:58,100 --> 00:04:02,030 sami nové jazyky, pretože naozaj, začneme sa podnikom 82 00:04:02,030 --> 00:04:06,020 koliesok tak, že po vypnutí Samozrejme je koniec, nemusíte čakať 20 83 00:04:06,020 --> 00:04:08,890 Stránka špecifikácia povedať, ako realizovať nejaký program. 84 00:04:08,890 --> 00:04:12,970 Máte dosť zložky vo vašom mysle a dostatok nástrojov na náradie 85 00:04:12,970 --> 00:04:15,750 kit, s ktorým sa začať stavať riešenie problémov v záujme 86 00:04:15,750 --> 00:04:19,130 ste pre niektorých študentov skupinu, pre niektoré Výskumný projekt, alebo naozaj niečo 87 00:04:19,130 --> 00:04:20,140 vás zaujímajú. 88 00:04:20,140 --> 00:04:24,150 >> Takže na tento účel, pripomenúť, že toto je obrázok sme vychádzali to minule. 89 00:04:24,150 --> 00:04:27,620 A to je dva počítače, klient a sever, hovoriť k sebe navzájom. 90 00:04:27,620 --> 00:04:31,130 A protokolu, jazyk, tak povedal, že tieto dva počítače sa stalo 91 00:04:31,130 --> 00:04:33,220 byť povedané, sa nazýva HTTP. 92 00:04:33,220 --> 00:04:37,730 A to je len protokol používaný počítače na prenos informácií cez 93 00:04:37,730 --> 00:04:38,710 world wide web. 94 00:04:38,710 --> 00:04:41,770 Web, samozrejme, je len jedna služba ktorý beží na vrchole 95 00:04:41,770 --> 00:04:43,000 tzv internet. 96 00:04:43,000 --> 00:04:48,660 Čo je ďalšia služba na top na internete v týchto dňoch? 97 00:04:48,660 --> 00:04:51,600 Niektoré ďalšie protokol, alebo - čo to je? 98 00:04:51,600 --> 00:04:52,300 >> Divákov: FTP. 99 00:04:52,300 --> 00:04:52,790 >> SPEAKER 1: FTP. 100 00:04:52,790 --> 00:04:54,630 Takže File Transfer Protocol je iný. 101 00:04:54,630 --> 00:04:56,050 Väčšina z vás pravdepodobne ho nevyužili. 102 00:04:56,050 --> 00:04:58,830 Ale väčšina z vás pravdepodobne použité veci, ako Gchat, alebo okamihom, 103 00:04:58,830 --> 00:05:00,970 Správy všeobecnejšie rozhodne email. 104 00:05:00,970 --> 00:05:04,470 A ty tiež, sú služby, ktoré bežia na top na internete, pretože v 105 00:05:04,470 --> 00:05:08,180 konci dňa, internet sám naozaj len získať dáta z bodu A do 106 00:05:08,180 --> 00:05:12,480 bod B. a používa rad častice sám, jeden z nich alebo dva 107 00:05:12,480 --> 00:05:17,340 väčšina z nich sa všeobecne nazýva TCP / IP, čo znamená, že jeden počítač na 108 00:05:17,340 --> 00:05:19,960 internet môže byť v skutočnosti robiť rôzne veci, e-mail 109 00:05:19,960 --> 00:05:20,980 a web, a tak ďalej. 110 00:05:20,980 --> 00:05:22,220 Google robí veľa to. 111 00:05:22,220 --> 00:05:26,310 Tak, ako sú tieto služby jednoznačne identifikovať, to hovoríme na počítači 112 00:05:26,310 --> 00:05:29,080 ktoré by mohli byť v skutočnosti robí viac vecí? 113 00:05:29,080 --> 00:05:29,860 >> Číslo portu. 114 00:05:29,860 --> 00:05:34,180 A to sú len ľubovoľnej ľudskej konvencie, ako je web 80, 443 115 00:05:34,180 --> 00:05:36,580 šifrovaný web, 25 je e-mail. 116 00:05:36,580 --> 00:05:38,230 A je tu hrozno ostatných. 117 00:05:38,230 --> 00:05:41,860 A tieto čísla sú jednoducho zahrnuté do tie pakety informácií, tieto 118 00:05:41,860 --> 00:05:46,230 virtuálne obálky, ktoré skutočne obsahoval požiadavku alebo odpoveď. 119 00:05:46,230 --> 00:05:51,300 >> Takže, keď sa dostanete späť odpoveď od web, typicky, nemusíte vidieť žiadne 120 00:05:51,300 --> 00:05:54,780 Čísla akejkoľvek povahy, pokiaľ ide o stavový kód odpovede. 121 00:05:54,780 --> 00:05:56,770 Nemusíte vlastne vidieť vnútorné fungovanie 122 00:05:56,770 --> 00:05:58,090 pakety, ktoré prichádzajú späť. 123 00:05:58,090 --> 00:05:59,860 Ale 200 skutočne znamenať OK. 124 00:05:59,860 --> 00:06:01,530 A to znamená, že je všetko v poriadku. 125 00:06:01,530 --> 00:06:02,870 Možno ste videli veľa z nich. 126 00:06:02,870 --> 00:06:05,710 Čo je pravdepodobne najviac obyčajný ste videli na webe? 127 00:06:05,710 --> 00:06:05,980 >> 404. 128 00:06:05,980 --> 00:06:07,330 To jednoducho znamená, že súbor nebol nájdený. 129 00:06:07,330 --> 00:06:08,270 To znamená, že niekto posral. 130 00:06:08,270 --> 00:06:11,450 Vy ste tým preklepu URL, alebo niekto iný inak to tým, že vám 131 00:06:11,450 --> 00:06:15,100 neplatné URL, alebo odstránené súboru a URL je stále 132 00:06:15,100 --> 00:06:16,130 používaný ľuďmi. 133 00:06:16,130 --> 00:06:19,670 Takže mnoho dôvodov, možno vysvetliť prečo je súbor nebol nájdený. 134 00:06:19,670 --> 00:06:22,990 A uvidíte, v nasledujúcich týždňoch, tieto iné chybové kódy, a budete 135 00:06:22,990 --> 00:06:24,195 využiť niektorých z nich. 136 00:06:24,195 --> 00:06:25,760 Najhoršie je 500 Sk. 137 00:06:25,760 --> 00:06:29,820 Ak sa vám 500 chýb v kóde, je že ste napísal, myslím, že ako druh 138 00:06:29,820 --> 00:06:33,290 analógový SEG porúch v Svet programovanie pre web. 139 00:06:33,290 --> 00:06:34,560 Nie je to zas až tak strašné. 140 00:06:34,560 --> 00:06:36,660 Ale znamená to, že niekde ste to pokašľal. 141 00:06:36,660 --> 00:06:38,260 Takže sa teším na tie. 142 00:06:38,260 --> 00:06:39,910 >> Ale uvidíme, či môžeme vidieť ich do kontextu. 143 00:06:39,910 --> 00:06:43,460 Nechaj ma ísť do prehliadača tu a vykonajte nasledujúce kroky. 144 00:06:43,460 --> 00:06:45,710 Tak to je Chrome, ktorý sa stane byť inštalovaná v prístroji. 145 00:06:45,710 --> 00:06:49,410 Ale väčšina každý prehliadač má v týchto dňoch niektoré ekvivalentné funkcie. 146 00:06:49,410 --> 00:06:52,610 Chystám sa ísť až na Chrome menu a prejdite do ponuky Nástroje a ja idem 147 00:06:52,610 --> 00:06:53,990 na nástroje pre vývojárov. 148 00:06:53,990 --> 00:06:57,040 A uvidíte, že tento malý panel sa otvorí v dolnej časti okna. 149 00:06:57,040 --> 00:07:00,190 Ďalšie zástupcu, aby som bol úprimný, že som zvyčajne používajú sám je pravým tlačidlom myši 150 00:07:00,190 --> 00:07:04,370 alebo s klávesom Ctrl kliknite kdekoľvek na webe stránky a stačí ísť do Skontrolujte Element. 151 00:07:04,370 --> 00:07:07,440 A to nielen otvoriť to mať pre vás. 152 00:07:07,440 --> 00:07:10,230 To bude tiež otvárať, a to konkrétne, Prvky podiel na 153 00:07:10,230 --> 00:07:11,430 na ľavej strane. 154 00:07:11,430 --> 00:07:12,460 >> Takže sme samozrejme vidieť Google. 155 00:07:12,460 --> 00:07:13,930 Oni zmenili logo dnes. 156 00:07:13,930 --> 00:07:20,200 Ale keď som sa posunúť dole sem hore, všimnite si, že v rámci prvkov, vidíte 157 00:07:20,200 --> 00:07:23,460 čo sa nazýva HTML, HyperText Markup Jazyk, čo je jazyk, 158 00:07:23,460 --> 00:07:26,000 že táto a všetky webové stránky, Naozaj, sú písané palcov 159 00:07:26,000 --> 00:07:28,950 Ale je to vlastne naformátovaná pre nás oveľa viac čitateľne 160 00:07:28,950 --> 00:07:29,970 než normálne. 161 00:07:29,970 --> 00:07:34,810 V skutočnosti, ak sa vzdialite, a ja namiesto toho stačí pravým tlačidlom myši alebo so stlačeným klávesom Click 162 00:07:34,810 --> 00:07:39,630 kliknite na stránku, a potom ísť na Zobraziť Zdroj stránky, to je doslova to, čo 163 00:07:39,630 --> 00:07:42,150 Google zoslal svojho prehliadača. 164 00:07:42,150 --> 00:07:46,480 >> Takže nejaká osoba alebo osoby napísal Google.com používať tento zdrojový kód. 165 00:07:46,480 --> 00:07:47,790 Väčšina z toho nie je HTML. 166 00:07:47,790 --> 00:07:49,340 Je to vlastne volal jazyk JavaScript, ktorý 167 00:07:49,340 --> 00:07:50,880 prídeme do stredu. 168 00:07:50,880 --> 00:07:55,580 Ale čo Chrome, a to, čo každý prehliadač pre nás môžete urobiť, je trochu vidieť 169 00:07:55,580 --> 00:07:59,610 cez všetky rozptyľovanie blázon syntaxe a znova vložte prázdne miesto 170 00:07:59,610 --> 00:08:02,940 pre nás, a dokonca aj zvýraznenie syntaxe, alebo farbiť veci pre nás. 171 00:08:02,940 --> 00:08:06,470 Tak zistíte, že títo tzv vývojárske nástroje zabudované do prehliadača 172 00:08:06,470 --> 00:08:10,830 bude váš život tak, tak oveľa jednoduchšie pretože si môžete prezrieť prostredníctvom tejto ponuke 173 00:08:10,830 --> 00:08:13,940 rozhranie, presne to, čo základný zdrojový kód je pre 174 00:08:13,940 --> 00:08:15,750 všetky stránky na internete. 175 00:08:15,750 --> 00:08:19,070 A naozaj, to je jeden z najviac účinné spôsoby, ako sa učiť, ako to urobiť 176 00:08:19,070 --> 00:08:22,860 niečo nové, aspoň v prípade, že stránka nie je tak zložité, ako premôcť, je 177 00:08:22,860 --> 00:08:26,700 začať šťourat, že je to HTML, pozrite sa na jeho tzv CSS, ktoré Prídeme 178 00:08:26,700 --> 00:08:30,310 sa trochu tiež, aby sa pochopenie toho, ako sa programátor 179 00:08:30,310 --> 00:08:33,480 implementované niektoré konkrétne rysom stránky. 180 00:08:33,480 --> 00:08:36,530 >> Ale technicky zaujímavé doprava teraz to bude toto. 181 00:08:36,530 --> 00:08:39,429 Keď idem na záložke Network, Poďme sa teda jasné to. 182 00:08:39,429 --> 00:08:43,429 Budem kliknite na malú zlatý kríž, symbol tu, a potom 183 00:08:43,429 --> 00:08:45,630 prejsť na inú webovú stránku. 184 00:08:45,630 --> 00:08:48,430 A ja som jednoducho ísť na typ v Facebook.com. 185 00:08:48,430 --> 00:08:51,940 Nie HTTP, HTTPS nie, nie WWW. 186 00:08:51,940 --> 00:08:53,850 Poďme skutočne vidieť, čo sa deje tu. 187 00:08:53,850 --> 00:08:55,030 >> Enter. 188 00:08:55,030 --> 00:08:58,480 Teraz si všimnúť veľa vecí len objavil sa v tejto spodný panel, v 189 00:08:58,480 --> 00:09:00,285 pridanie na webovú stránku sa objaví v hornej časti. 190 00:09:00,285 --> 00:09:04,890 Chystám sa posunúť späť do Záložka Sieť tu, a budem 191 00:09:04,890 --> 00:09:06,080 kliknite na prvom riadku. 192 00:09:06,080 --> 00:09:10,580 Čo tento nástroj bude, aby nám zjavil je každý z HTTP požiadaviek 193 00:09:10,580 --> 00:09:13,550 že rýchlo len sa vrátil a striedavo môj prehliadač 194 00:09:13,550 --> 00:09:14,930 a servera Facebook je. 195 00:09:14,930 --> 00:09:17,830 A tak každý z tých riadkov predstavuje jednu takú žiadosť alebo 196 00:09:17,830 --> 00:09:20,970 reakcie, jeden alebo viac z tie virtuálne obálky. 197 00:09:20,970 --> 00:09:24,080 Alebo viac uvoľnene, je to ako človek ako človek, zákazník 198 00:09:24,080 --> 00:09:26,710 reštaurácie, žiadať o niečo znova a znova, a znova. 199 00:09:26,710 --> 00:09:29,400 A čašník stále prinášať je späť v čase. 200 00:09:29,400 --> 00:09:33,850 >> Takže teraz, keď som sa priblížiť na túto tému, všimnite si, a to bude jedna z tých vecí 201 00:09:33,850 --> 00:09:36,600 že ste vítaní a podporované hrať na vlastnú päsť, pretože sme 202 00:09:36,600 --> 00:09:38,150 nepôjde cez všetko veľmi podrobne. 203 00:09:38,150 --> 00:09:40,070 Nevšimnúť, že je Niekoľko čiastkových karty tu - 204 00:09:40,070 --> 00:09:43,700 Záhlavie, Náhľad, reakcie, Cookies a načasovanie. 205 00:09:43,700 --> 00:09:48,280 Ja som jednoducho ísť pozrieť na záhlavie pre túto chvíľu, pretože sa jedná o malé 206 00:09:48,280 --> 00:09:53,600 zložky vnútornú časť obálky pomôcť dát dostať z miesta na miesto. 207 00:09:53,600 --> 00:09:57,590 >> Takže v prvom rade mi dovoľte, aby som na tlačidlo zobraziť tému Zdroj u hlavičiek. 208 00:09:57,590 --> 00:10:01,910 Tam je požiadavka, že môj prehliadač, Chróm, v tomto prípade, poslal vnútri 209 00:10:01,910 --> 00:10:02,910 že virtuálny obálky. 210 00:10:02,910 --> 00:10:04,800 Spomeňte si minulý týždeň som ručne je zadané pri 211 00:10:04,800 --> 00:10:06,380 predstierať, že prehliadač. 212 00:10:06,380 --> 00:10:09,980 Potom pripomenul server, že je to hľadá názvom hostiteľa 213 00:10:09,980 --> 00:10:10,835 Facebook.com. 214 00:10:10,835 --> 00:10:13,630 A potom je tu trochu tajomný Informácie, ktoré budeme mávať 215 00:10:13,630 --> 00:10:14,830 naše ruky teraz. 216 00:10:14,830 --> 00:10:18,640 >> Ale keď začnem nalistujte teraz toto okno, dovoľte mi, aby som sa 217 00:10:18,640 --> 00:10:19,980 Hlavičky odpovede. 218 00:10:19,980 --> 00:10:23,270 To bolo to, čo je vo virtuálnom obálka, ktorá sa vrátila z 219 00:10:23,270 --> 00:10:24,095 Facebook.com. 220 00:10:24,095 --> 00:10:27,390 A keď som kliknite na tlačidlo Zobraziť zdroj len vidieť surový text to, 221 00:10:27,390 --> 00:10:28,400 Všimnite si pár vecí. 222 00:10:28,400 --> 00:10:32,130 Jeden, Facebook hovorí aj rovnaké protokol, verzia 1.1 tohto rozhodnutia. 223 00:10:32,130 --> 00:10:33,390 Tak to je pekné. 224 00:10:33,390 --> 00:10:36,820 Ale stavový kód 301, natrvalo presťahoval. 225 00:10:36,820 --> 00:10:38,880 >> Tak kde sakra si Facebook ísť? 226 00:10:38,880 --> 00:10:40,430 Čo sa to snaží sprostredkovať k nám? 227 00:10:40,430 --> 00:10:44,310 Dobre si všimnite, sem tam je ďalší záhlavie s názvom umiestnenia. 228 00:10:44,310 --> 00:10:51,050 Tak prečo je Facebook mi hovorí, že premiestnené na túto adresu URL 229 00:10:51,050 --> 00:10:53,580 vedľa umiestnenia? 230 00:10:53,580 --> 00:10:54,962 Zabudol som www. 231 00:10:54,962 --> 00:10:56,250 >> Takže to bola moja voľba. 232 00:10:56,250 --> 00:11:00,450 V skutočnosti, väčšina z nás len zriedka, pravdepodobne zadajte www.whatever.com v týchto dňoch. 233 00:11:00,450 --> 00:11:03,390 Ale ukazuje sa správcu systému, ako sú Facebook, kde si môžu 234 00:11:03,390 --> 00:11:06,800 konfigurovať svoje servery takým spôsobom, že buď Facebook.com pracuje, alebo 235 00:11:06,800 --> 00:11:12,450 www.Facebook.com funguje, alebo nie, každá takáto predpona pred ich 236 00:11:12,450 --> 00:11:13,210 názov domény. 237 00:11:13,210 --> 00:11:14,500 Takže ste urobil, že pre nás. 238 00:11:14,500 --> 00:11:16,910 A oni sú presmerovanie nás, pravdepodobne pre niektoré technické, 239 00:11:16,910 --> 00:11:18,100 niektoré z marketingových dôvodov. 240 00:11:18,100 --> 00:11:21,570 Chcú len canonicalize na www.Facebook.com. 241 00:11:21,570 --> 00:11:24,040 >> Ale to nie je tak celkom ono. 242 00:11:24,040 --> 00:11:28,560 Keby som prejdite sem, poďme čo sa stane. 243 00:11:28,560 --> 00:11:30,810 To sa mi povedať, my natrvalo presťahoval do 244 00:11:30,810 --> 00:11:33,450 http://www.Facebook.com. 245 00:11:33,450 --> 00:11:36,620 Takže poďme sa pozrieť na druhú žiadosť že môj prehliadač odosiela. 246 00:11:36,620 --> 00:11:40,070 Bohužiaľ, vyzerá to, že Facebook sa posunula opäť, pretože druhý 247 00:11:40,070 --> 00:11:44,420 žiadosť, výberom tejto URL miesto, hovorí, že taky pohyboval 248 00:11:44,420 --> 00:11:45,010 trvalo. 249 00:11:45,010 --> 00:11:48,140 A dovoľte mi prejdite sem do hlavičky odpovede. 250 00:11:48,140 --> 00:11:51,530 V prípade, že Facebook už teraz? 251 00:11:51,530 --> 00:11:52,680 >> Tak HTTPS. 252 00:11:52,680 --> 00:11:56,130 Takže teraz Facebook začalo, najmä s ohľadom na aktuálne 253 00:11:56,130 --> 00:11:59,750 udalosti v posledných mesiacoch, najmä a Aj v posledných rokoch 254 00:11:59,750 --> 00:12:03,670 donútiť všetky ich užívateľov, dobrý spôsobom, aby používal protokol HTTPS, čo je viac 255 00:12:03,670 --> 00:12:06,210 zabezpečiť, aj keď nie celkom bezpečné. 256 00:12:06,210 --> 00:12:10,000 A tak teraz moja strana, môj prehliadač je bude požadovať tento tretí URL. 257 00:12:10,000 --> 00:12:14,710 A teraz sa konečne dostávame inak neviditeľné 200 OK. 258 00:12:14,710 --> 00:12:18,830 >> Takže to, čo na svete, alebo všetky Tieto ďalšie riadky dole. 259 00:12:18,830 --> 00:12:22,630 Doslova som napísal jednu vec, a my prehliadač Zdá sa, že žiadosť ako 260 00:12:22,630 --> 00:12:23,840 20 niektoré podivné veci. 261 00:12:23,840 --> 00:12:24,640 Čo je to? 262 00:12:24,640 --> 00:12:25,810 >> DIVÁKOV: Skripty? 263 00:12:25,810 --> 00:12:28,460 >> SPEAKER 1: skripty, takže ďalšie súbory napísané v jazyku zvanom 264 00:12:28,460 --> 00:12:30,780 JavaScript, ktorý opäť zídeme vidieť kúsok v stredu. 265 00:12:30,780 --> 00:12:32,760 Čo ešte? 266 00:12:32,760 --> 00:12:33,390 Štýlov. 267 00:12:33,390 --> 00:12:36,350 Takže niečo s názvom jazyka CSS, čo uvidíme za chvíľu. 268 00:12:36,350 --> 00:12:40,690 Gif, a JPEG, PNG a, a obrázky, a filmové súbory - bez ohľadu na webovú stránku 269 00:12:40,690 --> 00:12:43,280 sa s najväčšou pravdepodobnosťou v forma súboru. 270 00:12:43,280 --> 00:12:46,750 A tak to, čo vidíme na ľavej strane strane je tu pre všetky súbory 271 00:12:46,750 --> 00:12:50,280 že mal Chrome na stiahnutie, rekurzívne, ak sa bude, s cieľom 272 00:12:50,280 --> 00:12:52,430 skladať celistvosť stránky. 273 00:12:52,430 --> 00:12:56,210 >> Takže to, čo sme videli pred chvíľou s Google, keď som kliknite na Elements 274 00:12:56,210 --> 00:13:00,470 karta, to iste, je HTML, jazyk, ktorý komponuje túto stránku. 275 00:13:00,470 --> 00:13:01,890 Ale je tu hrozno ďalších vecí. 276 00:13:01,890 --> 00:13:02,640 K dispozícii je logo. 277 00:13:02,640 --> 00:13:04,680 Tam je tých modro-ish Ikony tam. 278 00:13:04,680 --> 00:13:07,610 A je tu ďalšie prvky stále stránky, ktoré by mohli byť samy o sebe 279 00:13:07,610 --> 00:13:08,610 samostatné súbory. 280 00:13:08,610 --> 00:13:11,860 >> Takže to, čo je pekné o prehliadači, je, že vyzerá to na jazyku ideme 281 00:13:11,860 --> 00:13:14,690 začať písať, alebo ste už začal písať v sade P 7, figúrky 282 00:13:14,690 --> 00:13:17,970 , Kde tieto súbory žijú, a ide a vezme ich tiež. 283 00:13:17,970 --> 00:13:21,010 A ja nemôžem dostatočne zdôrazniť, a to aj hoci niektorí by to mohlo vyzerať trochu 284 00:13:21,010 --> 00:13:24,820 tajomný, alebo ohromujúci na prvý pohľad, naučiť sa programovať 285 00:13:24,820 --> 00:13:28,500 aplikácie pre web, je to neoceniteľný pochopiť, ako tieto 286 00:13:28,500 --> 00:13:29,410 malé nástroje fungujú. 287 00:13:29,410 --> 00:13:33,830 Jedná sa o niečo ako GDB ako nástroja, ale oveľa jednoduchšie, nakoniec použiť - 288 00:13:33,830 --> 00:13:37,690 a naozaj dáva vám oči na to, čo sme užívali za samozrejmé 289 00:13:37,690 --> 00:13:39,170 docela nejaký čas teraz. 290 00:13:39,170 --> 00:13:42,270 >> Takže to, čo teraz môžeme robiť s táto informácia? 291 00:13:42,270 --> 00:13:44,875 Dobre, poďme vlastne sa pozrieť na poňatie, na ktorých HTML. 292 00:13:44,875 --> 00:13:49,025 A budeme odkladať, pretože už máme, sa sekcia tento týždeň, na problém 293 00:13:49,025 --> 00:13:53,260 sada 7 špecifikáciu, na niektoré z viac údaje z týchto jazykov. 294 00:13:53,260 --> 00:13:57,020 Ale uvidíme, či nemôžeme maľovať obraz toho, čo by ste mali pochopiť, 295 00:13:57,020 --> 00:13:57,940 celkovo tu. 296 00:13:57,940 --> 00:14:02,280 >> Takže HTML HyperText Markup Language, nie je programovací jazyk. 297 00:14:02,280 --> 00:14:03,520 Čo to vlastne znamená? 298 00:14:03,520 --> 00:14:05,690 Takže HTML vyzerá takto. 299 00:14:05,690 --> 00:14:06,810 A niektorí z vás už to vedia. 300 00:14:06,810 --> 00:14:08,130 Niektorí z vás robili to na nejakú dobu. 301 00:14:08,130 --> 00:14:10,270 Ale uvidíme, či nemôžeme naplniť V niektorých medzier rovnako. 302 00:14:10,270 --> 00:14:11,760 Takže si všimnúť pár vecí tu. 303 00:14:11,760 --> 00:14:13,030 Po prvé, je to textový. 304 00:14:13,030 --> 00:14:15,960 Takže je to ako zdrojový kód v C, alebo nejaký iný jazyk. 305 00:14:15,960 --> 00:14:17,750 >> Všimnite si, že sa zdá, že byť istý vzorec. 306 00:14:17,750 --> 00:14:20,870 K dispozícii je odsadenie, ale technicky odsadenie je len človek 307 00:14:20,870 --> 00:14:21,205 konvencie. 308 00:14:21,205 --> 00:14:24,980 A prehliadača nezaujíma, či je tu nový linky a karty ako vidíme tu. 309 00:14:24,980 --> 00:14:27,410 Ale zistíte, že je tu symetria tu. 310 00:14:27,410 --> 00:14:31,180 Tam je to, čo budem hovoriť, v hornej časti tento súbor, otvorený tag, alebo na začiatku 311 00:14:31,180 --> 00:14:33,030 tag, nazvaný HTML. 312 00:14:33,030 --> 00:14:36,800 A potom, dole, dokonale podšívkou up, rovnako ako to robíme s zloženými zátvorkami, 313 00:14:36,800 --> 00:14:40,910 vidíme otvorený držiak, vpred lomítko, HTML, zátvorka. 314 00:14:40,910 --> 00:14:44,610 Tak to je zodpovedajúca close tag alebo koncové značky, pre tú vec. 315 00:14:44,610 --> 00:14:47,990 >> Spoločne všetko vnútri tzv open tag a zavrieť tag 316 00:14:47,990 --> 00:14:50,440 napísať, čo budeme hovoriť prvok. 317 00:14:50,440 --> 00:14:53,910 A uvidíme, za chvíľu, je to naozaj rád uzla v stromov. 318 00:14:53,910 --> 00:14:57,470 Pretože ak si myslíte, že teraz odsadenie, ktoré znamenalo, tu, 319 00:14:57,470 --> 00:15:00,780 druh majú radi, starí rodičia uzol s názvom HTML. 320 00:15:00,780 --> 00:15:06,870 Koľko detí dalo by sa povedať, na základe na tomto obrázku, HTML prvok má? 321 00:15:06,870 --> 00:15:07,720 >> Takže asi dva. 322 00:15:07,720 --> 00:15:10,240 Jedným z nich je hlava prvok, zrejme. 323 00:15:10,240 --> 00:15:11,710 A jeden je telo prvok. 324 00:15:11,710 --> 00:15:12,555 A prečo dve deti? 325 00:15:12,555 --> 00:15:15,840 No, ja som len trochu vyvodiť, že ak Mám otvorenou hlavou záznam a potom 326 00:15:15,840 --> 00:15:17,820 úzkym vedà tag, to je živel. 327 00:15:17,820 --> 00:15:21,200 A potom, v prípade, že je ďalšia otvorená karoséria tag a blízky telo tag, je to ako 328 00:15:21,200 --> 00:15:22,340 ďalší prvok. 329 00:15:22,340 --> 00:15:26,000 Takže v tom zmysle, že keď som trochu striedať obraz na jeho strane, je to 330 00:15:26,000 --> 00:15:29,910 ako s HTML tag, a potom hlava tag, a potom telo tag, a 331 00:15:29,910 --> 00:15:34,290 potom nejaký text, hello world, hojdajúcu z tohto tagu body samotného. 332 00:15:34,290 --> 00:15:36,620 >> Takže môžeme nakresliť obrázok, ktorý môže vyzerať napríklad takto. 333 00:15:36,620 --> 00:15:38,020 Tvary sú ľubovoľné. 334 00:15:38,020 --> 00:15:40,870 Ale zistíte, že som použil akúsi elipsy v hornej predstavovať 335 00:15:40,870 --> 00:15:41,860 dokumentu. 336 00:15:41,860 --> 00:15:45,980 Ukazuje sa, že tam môže byť ďalšie veci vnútri webovej stránky, ktoré som nie 337 00:15:45,980 --> 00:15:46,940 vypracovaný tu. 338 00:15:46,940 --> 00:15:50,800 Takže budeme aj zavesiť HTML uzol mimo tzv uzol dokumentu. 339 00:15:50,800 --> 00:15:53,730 A potom máme hlavu a telo a titul, oznámenia, 340 00:15:53,730 --> 00:15:55,360 ktorý je vnorený ďalší. 341 00:15:55,360 --> 00:15:58,650 Nechcel som obťažovať uvedenie ďalší riadok prestávky vnútorná časť názvu značky. 342 00:15:58,650 --> 00:16:02,710 Je to len pocit, ako by bol stále príliš ukecaný. 343 00:16:02,710 --> 00:16:07,000 Tak som to nechal v jednej línii tam, s otvorené titul, hello world, blízko titulu. 344 00:16:07,000 --> 00:16:09,380 A potom máme nejaký text hojdajúcu off tu. 345 00:16:09,380 --> 00:16:12,200 >> Tak tento obrázok sa vráti do nám, keď sme sa ponoriť do JavaScriptu. 346 00:16:12,200 --> 00:16:15,110 A pochopenie, že keď HTML napísať takto, čo 347 00:16:15,110 --> 00:16:16,250 je prehliadač robí? 348 00:16:16,250 --> 00:16:19,290 No, my nemusíme obávať ako sa to robí, alebo s tým, čo 349 00:16:19,290 --> 00:16:23,090 algoritmus, ale na konci dňa, Keď prehliadač dostane HTML ako 350 00:16:23,090 --> 00:16:27,510 že z Facebook alebo Google, analyzuje to, aby som tak povedal, to číta, 351 00:16:27,510 --> 00:16:31,160 s niečím, ako fread, zhora nadol, zľava doprava, a ako to 352 00:16:31,160 --> 00:16:36,300 uvedomuje, oh, otvorený značku a zatvorte tag, začne malloc, aby som tak povedal, 353 00:16:36,300 --> 00:16:37,800 uzol v strome. 354 00:16:37,800 --> 00:16:41,130 A keď narazí, ako sme mlčky Tu sa odsadenie, 355 00:16:41,130 --> 00:16:45,400 podriadený uzol, to mallocs uzol pre ktorý a pripojený, že k stromu. 356 00:16:45,400 --> 00:16:49,150 >> , Takže stromovej štruktúry, binárne stromy, ternárnu stromy, a väčšie stromy, ktoré 357 00:16:49,150 --> 00:16:53,380 Pozreli sme sa na týždeň alebo dva lety, oznámenia že rovnaký princíp je 358 00:16:53,380 --> 00:16:54,220 prichádza späť k nám. 359 00:16:54,220 --> 00:16:57,590 A kto realizovaný, Chrome čokoľvek Tím urobil, pravdepodobne mal 360 00:16:57,590 --> 00:17:00,800 realizovať nejaké stromovej štruktúry pod kapotou. 361 00:17:00,800 --> 00:17:05,329 A to samo o sebe je pravdepodobne jazyk C, alebo C + +, alebo nižšia 362 00:17:05,329 --> 00:17:08,540 úrovni jazyka, že budeme teraz používať na vrchole webe. 363 00:17:08,540 --> 00:17:11,200 >> Takže teraz, možno, bude tento väčší zmysel. 364 00:17:11,200 --> 00:17:15,420 Skutočné tetovanie z nejakého chlapíka, ktorí by mohli ľutovať nakoniec druhu. 365 00:17:15,420 --> 00:17:17,359 OK, v poriadku, takže veľa webových humor. 366 00:17:17,359 --> 00:17:18,599 Nie je to naozaj ako tak dobre aj dnes. 367 00:17:18,599 --> 00:17:19,560 Takže budeme ďalej. 368 00:17:19,560 --> 00:17:20,180 Dobrá. 369 00:17:20,180 --> 00:17:22,760 >> Takže poďme sa pozrieť teraz sa na niekoľko príkladov. 370 00:17:22,760 --> 00:17:24,660 Najjednoduchšie čo by mohlo byť toto. 371 00:17:24,660 --> 00:17:29,170 Chystám sa ísť dopredu a otvoriť v gedit súbor s názvom hello.php. 372 00:17:29,170 --> 00:17:31,730 373 00:17:31,730 --> 00:17:36,330 A vnútri tu, idem rýchlo len to, printf, citovať 374 00:17:36,330 --> 00:17:38,590 koniec citátu, "hello world". 375 00:17:38,590 --> 00:17:42,460 >> Takže oznámenia, a ja budem robiť svoju spätného lomítka n, Som neobťažoval vyhlásiť hlavné. 376 00:17:42,460 --> 00:17:45,310 Ukázalo sa, že v PHP, a veľa jazyky, nemusíte hlavné 377 00:17:45,310 --> 00:17:46,090 funkcie sám o sebe. 378 00:17:46,090 --> 00:17:47,720 Stačí si len začať písať váš program. 379 00:17:47,720 --> 00:17:51,210 Teraz, keď som sa tento súbor uložiť, všimnite si, že som bude musieť vykonať nasledujúce kroky. 380 00:17:51,210 --> 00:17:55,360 Nebudem používať robiť, a ja nie som bude používať rinčanie, pretože PHP, na rozdiel od 381 00:17:55,360 --> 00:17:57,400 C, nie je skompilovaný jazyk. 382 00:17:57,400 --> 00:18:01,400 Je to, čo sa nazýva interpretovať jazyk, čo znamená, že ho spustiť 383 00:18:01,400 --> 00:18:04,650 ako vstup pomocou iného programu volal tlmočníka. 384 00:18:04,650 --> 00:18:08,150 A tento program číta, zhora nadol, zľava doprava, a robí 385 00:18:08,150 --> 00:18:09,290 čo povedať, že robiť. 386 00:18:09,290 --> 00:18:12,920 >> Takže v tomto prípade tu mám jeden riadok, ktorý hovorí printf. 387 00:18:12,920 --> 00:18:17,990 Takže keď som spustiť tento zdrojový kód, hello.php, keď program, ktorý 388 00:18:17,990 --> 00:18:22,830 sa stane, pohodlne, byť nazývaný PHP, tento program PHP bude čítať 389 00:18:22,830 --> 00:18:26,120 tento súbor, zhora nadol, zľava doprava, a to bude robiť to, čo som 390 00:18:26,120 --> 00:18:30,110 povedať, že robiť - spustenie kódu, a ak je neuznáva niečo, len 391 00:18:30,110 --> 00:18:31,320 pľuvať von. 392 00:18:31,320 --> 00:18:34,940 Takže budem pokračovať a spustiť PHP na hello.php. 393 00:18:34,940 --> 00:18:37,110 Enter. 394 00:18:37,110 --> 00:18:39,690 >> A to nie je presne to, čo som chcel. 395 00:18:39,690 --> 00:18:40,530 No, prečo to je? 396 00:18:40,530 --> 00:18:43,910 No, PHP je jazyk, ktorý je vlastne navrhnutá tak, aby sa pomerne 397 00:18:43,910 --> 00:18:46,150 prelína s webom. 398 00:18:46,150 --> 00:18:50,460 Pri vytváraní webových stránok s týmto jazykom PHP, ako skoro uvidíte, budeme 399 00:18:50,460 --> 00:18:54,560 Chcete urobiť niečo také tlače z liniek, ako je tento. 400 00:18:54,560 --> 00:18:55,940 >> Tak idem na to. 401 00:18:55,940 --> 00:19:00,810 Otvorte držiak, otáznik, PHP, a teraz som len tak zarážky, len aby 402 00:19:00,810 --> 00:19:01,960 pekné veci. 403 00:19:01,960 --> 00:19:04,910 A teraz budem robiť otázku označiť zátvorka. 404 00:19:04,910 --> 00:19:06,270 Takže tam je trochu asymetria tu. 405 00:19:06,270 --> 00:19:07,490 Nemusíte to urobiť. 406 00:19:07,490 --> 00:19:10,530 A nemusíte robiť lomítko, takže PHP je trochu iný. 407 00:19:10,530 --> 00:19:14,610 >> Ale teraz, keď som znova tento program, PHP hello.php, teraz som 408 00:19:14,610 --> 00:19:16,090 skutočne dostať Hello World. 409 00:19:16,090 --> 00:19:17,750 A uvidíme, prečo je to cenné. 410 00:19:17,750 --> 00:19:20,960 Raz, to mi umožňuje určiť, Super výslovne, to je 411 00:19:20,960 --> 00:19:22,480 kód spustiť túto funkciu. 412 00:19:22,480 --> 00:19:25,480 A to je naozaj to, čo títo špeciálny tagy znamenať tady. 413 00:19:25,480 --> 00:19:30,330 >> Ale to tiež znamená, že ak som to niečo mi ide sem, že 414 00:19:30,330 --> 00:19:34,000 znamená, že doslova, že bude len vytlačiť bez nutnosti 415 00:19:34,000 --> 00:19:36,850 vlastne volanie printf, alebo tlač, alebo iné podobné funkcie. 416 00:19:36,850 --> 00:19:39,445 Takže sa vrátime k tomu za chvíľu. 417 00:19:39,445 --> 00:19:40,470 >> Po prvé, poďme na to. 418 00:19:40,470 --> 00:19:43,950 Vnútri spotrebiča, máme adresár s názvom vhosts pre virtuálne 419 00:19:43,950 --> 00:19:47,000 hostitelia, lomítko miestneho hostiteľa, lomítko verejnosti. 420 00:19:47,000 --> 00:19:50,240 Takže je to trochu ukecaný, ale dlhý príbeh Stručne povedané, je prístroj navrhnutý tak, 421 00:19:50,240 --> 00:19:53,770 iba na podporu C. Je to tiež určený na podporu PHP. 422 00:19:53,770 --> 00:19:57,440 Ale to je tiež navrhnutý tak, aby web server a databázový server. 423 00:19:57,440 --> 00:20:00,230 A je navrhnutý tak, a skutočne nastavený, byť pripomínajúce akékoľvek 424 00:20:00,230 --> 00:20:04,230 komerčné web hosting spoločnosť, ktorá môžete platiť 5 dolárov mesačne za, 425 00:20:04,230 --> 00:20:05,040 100 dolárov za mesiac. 426 00:20:05,040 --> 00:20:08,200 Či už sa jedná o službu, je konfigurovaný byť veľmi podobné 427 00:20:08,200 --> 00:20:10,170 Skutočný svet prevádzkový server. 428 00:20:10,170 --> 00:20:13,485 >> A čo to znamená, že beží na Prístroj je web server softvér. 429 00:20:13,485 --> 00:20:15,060 Stáva sa to nazvať Apache. 430 00:20:15,060 --> 00:20:17,790 Je to len zadarmo a open source, a veľmi populárne. 431 00:20:17,790 --> 00:20:23,260 A my sme nakonfigurovaný Apache vedieť že keď som navštíviť určitú adresu URL, s 432 00:20:23,260 --> 00:20:28,060 Chrome alebo prehliadač vnútri zariadenie, aby sa do tohto adresára 433 00:20:28,060 --> 00:20:31,030 pre súbory, ktoré užívateľ požaduje. 434 00:20:31,030 --> 00:20:32,790 >> Inými slovami, dovoľte mi, aby som ísť ďalej a robiť to. 435 00:20:32,790 --> 00:20:36,890 Vnútri mojej verejnom zozname, budem pokračovať a vytvoriť súbor 436 00:20:36,890 --> 00:20:39,580 s názvom index.html. 437 00:20:39,580 --> 00:20:41,000 To mi dáva kartu tu. 438 00:20:41,000 --> 00:20:44,210 A ja idem rýchlo a choďte do toho a vybrnkat 439 00:20:44,210 --> 00:20:45,010 tento program tu. 440 00:20:45,010 --> 00:20:48,410 DOCTYPE HTML, ktoré v tejto chvíli, len Predpokladám, že máte písať. 441 00:20:48,410 --> 00:20:53,490 Je to len tajomné tag, že to nie je naozaj tag HTML, ktorý uvádza, že 442 00:20:53,490 --> 00:20:55,050 tu je nejaký HTML. 443 00:20:55,050 --> 00:20:57,400 >> Chystám sa ísť dopredu a znovu čo sme videli pred chvíľou. 444 00:20:57,400 --> 00:20:58,650 Tu je hlava stránky. 445 00:20:58,650 --> 00:21:01,170 Vnútri hlavy je - 446 00:21:01,170 --> 00:21:01,890 tak titul. 447 00:21:01,890 --> 00:21:04,340 Takže budeme pozdraviť svet. 448 00:21:04,340 --> 00:21:06,570 A potom tu dole bolo telo tag. 449 00:21:06,570 --> 00:21:08,580 Dovoľte mi uzavrieť tag body. 450 00:21:08,580 --> 00:21:12,280 A potom tu budem tiež povedať, Len pre prehľadnosť, hello world. 451 00:21:12,280 --> 00:21:14,770 >> Tak to je, pravdepodobne, najjednoduchšie Webová stránka, ktorú je možné 452 00:21:14,770 --> 00:21:15,770 môže to platné. 453 00:21:15,770 --> 00:21:17,030 Je to syntakticky. 454 00:21:17,030 --> 00:21:18,620 Všetko, čo otvoril je uzavretý. 455 00:21:18,620 --> 00:21:20,910 Všetko je pekne štýlu a členité. 456 00:21:20,910 --> 00:21:23,600 Tak uvidíme, teraz, ako som prístup k tomuto súboru. 457 00:21:23,600 --> 00:21:25,540 >> No, dovoľte mi ísť do prehliadača Chrome tu. 458 00:21:25,540 --> 00:21:35,050 A nechaj ma ísť http://localhost/index.html. 459 00:21:35,050 --> 00:21:36,200 Takže to, čo je lokálny počítač? 460 00:21:36,200 --> 00:21:39,400 No, takmer akýkoľvek počítač na svete, Linux, Mac OS, Windows, má prezývku 461 00:21:39,400 --> 00:21:40,680 zavolal miestneho hostiteľa. 462 00:21:40,680 --> 00:21:42,900 Takže ak ste niekedy chceli hovoriť do svojho počítača - 463 00:21:42,900 --> 00:21:45,140 aj keď napodiv reflexívne - 464 00:21:45,140 --> 00:21:47,080 to si hovoríš miestneho hostiteľa. 465 00:21:47,080 --> 00:21:50,390 Bez ohľadu na to, aké sú vaše aktuálne počítač volal, či už je to David MacBook 466 00:21:50,390 --> 00:21:52,490 Air, alebo aj niečo viac verbose takhle. 467 00:21:52,490 --> 00:21:57,760 >> Tak toto URL je zrejme bude používať HTTP hovoriť miestneho hostiteľa, 468 00:21:57,760 --> 00:22:00,800 rovnaký počítač, spotrebič, a to bude žiadať, vezmite 469 00:22:00,800 --> 00:22:02,570 hádať, čo súbor? 470 00:22:02,570 --> 00:22:04,460 Index.html. 471 00:22:04,460 --> 00:22:08,650 Takže je spotrebič nastavený na vopred vedieť, že ak sa pýtam 472 00:22:08,650 --> 00:22:13,460 niečo ako index.html, pozrite sa v priečinku s názvom vhosts v 473 00:22:13,460 --> 00:22:17,950 zložku s názvom localhost, v zložke nej tzv public. 474 00:22:17,950 --> 00:22:20,400 To je miesto, kde všetky moje verejnosti Súbory sa bude. 475 00:22:20,400 --> 00:22:22,610 Takže som teraz bude Enter. 476 00:22:22,610 --> 00:22:27,100 >> A sakra, tam je to zakázané správy, inak známy ako 403, na 477 00:22:27,100 --> 00:22:28,490 číselný kód pre neho. 478 00:22:28,490 --> 00:22:30,130 Takže to, čo sa deje tu? 479 00:22:30,130 --> 00:22:33,210 No, to nestačí len dať súbor v mojej zložke. 480 00:22:33,210 --> 00:22:35,790 Musím skutočne vykonať nasledujúce kroky. 481 00:22:35,790 --> 00:22:40,210 >> Nechaj ma ísť do môjho vhosts adresára, do localhost, na verejnosti, a nechať 482 00:22:40,210 --> 00:22:41,680 ma robiť ls pomlčka l 483 00:22:41,680 --> 00:22:44,510 A je tu pár ďalších vecí tu pre dnešné účely. 484 00:22:44,510 --> 00:22:50,540 Všimnime si ale na ľavej strane, vedľa na index.html, vidíme iba jedno RW. 485 00:22:50,540 --> 00:22:53,560 A v minulosti, čo RW sa stál? 486 00:22:53,560 --> 00:22:54,240 >> Stačí čítať ani písať. 487 00:22:54,240 --> 00:22:58,000 Skutočnosť, že sa hovorí, že rw vľavo znamená, že, majiteľ tohto súboru, môžete 488 00:22:58,000 --> 00:22:59,020 čítať alebo písať. 489 00:22:59,020 --> 00:23:05,010 Ale potrebujem, aby všetci ľudia v svet čítať, ale nie písať. 490 00:23:05,010 --> 00:23:09,650 Takže budem meniť režim súbor chmod, všetko navyše r dať 491 00:23:09,650 --> 00:23:13,910 všetci povolenie na čítanie na súbor s názvom index.html. 492 00:23:13,910 --> 00:23:18,040 >> A keď som teraz opíšte ls pomlčka l, oznámenia , Že tu, niektorí viac 493 00:23:18,040 --> 00:23:19,160 R je sa objavilo. 494 00:23:19,160 --> 00:23:21,090 A teraz, špec ide do väčších detailov. 495 00:23:21,090 --> 00:23:24,450 Pre p Nastavte 7, že práve znamená, že každý teraz môžu čítať tento súbor. 496 00:23:24,450 --> 00:23:27,790 Ak sa vrátim do svojho prehliadača teraz a znovu, ajhľa. 497 00:23:27,790 --> 00:23:28,750 Hello world. 498 00:23:28,750 --> 00:23:32,260 >> A ja si dokonca otvorím Chrome náradie a vidieť, rovnako ako s Google a 499 00:23:32,260 --> 00:23:34,590 Facebook, že je moja HTML, formátovanie trochu 500 00:23:34,590 --> 00:23:35,930 inak a zafarbené. 501 00:23:35,930 --> 00:23:40,450 Keď idem na kartu Sieť a znovu stránky, zistíte, že tam je získať 502 00:23:40,450 --> 00:23:42,900 požadovať, aby Chrome odosiela spotrebiča. 503 00:23:42,900 --> 00:23:46,020 Tam je 200 za to konkrétny súbor. 504 00:23:46,020 --> 00:23:49,340 Takže v skratke, je to, ako to všetko rôzne kusy sa stretávajú. 505 00:23:49,340 --> 00:23:53,530 To len tak sa stane, že webový server sme použili práve teraz nie je malá, 506 00:23:53,530 --> 00:23:54,210 ako je Facebook. 507 00:23:54,210 --> 00:23:58,330 Je to doslova v rovnakom počítači, čo je úplne v poriadku. 508 00:23:58,330 --> 00:24:00,590 >> Takže čo viac si môžeme urobiť na webovej stránke? 509 00:24:00,590 --> 00:24:03,110 No, proste, poďme vánok cez pár z týchto vecí. 510 00:24:03,110 --> 00:24:07,860 Ale dovoľte mi, aby som do toho pustite a znova Gedit s index.html. 511 00:24:07,860 --> 00:24:13,980 A dovoľte mi ísť ďalej a pozdraviť CS50, tento súbor uložiť, vráťte sa 512 00:24:13,980 --> 00:24:16,260 prehliadač, naozaj nezaujatý zmena. 513 00:24:16,260 --> 00:24:19,130 >> Ale čo keď chceme skutočne odkaz na niečo, čo teraz? 514 00:24:19,130 --> 00:24:23,480 Tak to dopadá, že môžeme mať Odkazy v HTML, ktoré sú rovnako tagy 515 00:24:23,480 --> 00:24:24,140 samy o sebe. 516 00:24:24,140 --> 00:24:27,320 Stáva sa to nazvať kotva tag. a href rovná 517 00:24:27,320 --> 00:24:33,190 https://www.cs50.net, www.cs50.net zavrieť Ponuka, zátvorka. 518 00:24:33,190 --> 00:24:35,230 A teraz sa pozrime, čo inak príde nabudúce. 519 00:24:35,230 --> 00:24:36,500 >> Otvoril som značku. 520 00:24:36,500 --> 00:24:38,990 Aj teraz je potrebné dať Frázy ako CS50. 521 00:24:38,990 --> 00:24:40,600 Dovoľte mi uzavrieť tag. 522 00:24:40,600 --> 00:24:42,010 A všimnite si pár vecí. 523 00:24:42,010 --> 00:24:45,270 Aj keď je to tajomné, čo tu som sa neopakujú, keď si 524 00:24:45,270 --> 00:24:46,010 zavrieť tag. 525 00:24:46,010 --> 00:24:48,230 Tu stačí zavrieť tag s jeho menom osamotený. 526 00:24:48,230 --> 00:24:50,940 A to je to, čo je známe ako atribút s hodnotou. 527 00:24:50,940 --> 00:24:56,070 Atribúty stačí upraviť správanie niektorých značky na vnútornej stránky. 528 00:24:56,070 --> 00:24:59,150 >> Tak to je určujúce, že hyper referencie, ozdobný spôsob, ako hovoriť 529 00:24:59,150 --> 00:25:03,660 URL pre túto kotvu, pre tento spojenie, musí byť CS50.net. 530 00:25:03,660 --> 00:25:07,440 A text, ktorý chceme zobraziť, Používateľ nie je, že surový URL, ale skôr 531 00:25:07,440 --> 00:25:08,730 slovo CS50. 532 00:25:08,730 --> 00:25:13,710 >> Takže keď teraz som znova, dovoľte mi, aby som zoom pre jasnosť, dovoľte mi, aby som znovu načítať stránku, 533 00:25:13,710 --> 00:25:16,460 Všimnite si, že máme túto starú školu modrý podčiarknutý odkaz. 534 00:25:16,460 --> 00:25:20,000 A keď som sa vznášať sa nad ňou, a to sa deje bude ťažké vidieť v ľavom dolnom rohu 535 00:25:20,000 --> 00:25:23,690 hornom rohu obrazovky, všimnite si, že sa hovorí, že URL, ktoré 536 00:25:23,690 --> 00:25:24,430 Chystám sa ísť. 537 00:25:24,430 --> 00:25:27,940 A keď kliknete tam, hľa, teraz som vytváranie webových stránok. 538 00:25:27,940 --> 00:25:30,140 A my sme viedli sami na domovskú stránku. 539 00:25:30,140 --> 00:25:32,670 >> Nevšimnúť, čo potenciálu to nám ponúka. 540 00:25:32,670 --> 00:25:34,890 Bezpečnosť je veľmi v móde v týchto dňoch. 541 00:25:34,890 --> 00:25:41,210 Čo keby som namiesto toho povedal niečo ako to, a ja namiesto toho ísť do, povedzme, poďme 542 00:25:41,210 --> 00:25:42,460 vidieť, fakeCS50.net. 543 00:25:42,460 --> 00:25:44,660 544 00:25:44,660 --> 00:25:46,360 Obnoviť túto stránku. 545 00:25:46,360 --> 00:25:50,180 >> OK, tak zistíte, že stále vyzerá, akoby som bude CS50, ak prešibaný oka 546 00:25:50,180 --> 00:25:51,560 Všimnite si, budem predstierať CS50. 547 00:25:51,560 --> 00:25:54,550 Hádam, že táto doména nie je prijatá. 548 00:25:54,550 --> 00:25:55,960 OK, takže to nie je k dispozícii. 549 00:25:55,960 --> 00:25:56,600 Tak to je dobre. 550 00:25:56,600 --> 00:25:57,900 Nikto v skutočnosti má túto doménu. 551 00:25:57,900 --> 00:26:00,380 >> Ale buďme trochu zlomyseľný pretože to je trochu hlúpe. 552 00:26:00,380 --> 00:26:02,240 Čo keby sme toto nastavenie zmeniť na Paypal. 553 00:26:02,240 --> 00:26:09,960 A čo keď hovoríme, ako, www.paypal.badguy.com, 554 00:26:09,960 --> 00:26:12,070 čo je doména. 555 00:26:12,070 --> 00:26:13,700 Že pravdepodobne existuje. 556 00:26:13,700 --> 00:26:16,260 Takže teraz mi dovoľte znovu načítať stránku. 557 00:26:16,260 --> 00:26:22,890 A tu máme akúsi phishingu útoku, P-H-I-S-H-I-N-G, ktorý je 558 00:26:22,890 --> 00:26:26,760 hlúpe slovo uvedené pre útok, ktorý snaží rýb informácií alebo lepšia 559 00:26:26,760 --> 00:26:30,450 napriek tomu, peniaze z ľudí tým, že napalm je do poskytovania informácií, ktoré 560 00:26:30,450 --> 00:26:31,990 ktoré by inak robiť. 561 00:26:31,990 --> 00:26:33,500 Vyzerá to úplne legitímne, že jo? 562 00:26:33,500 --> 00:26:34,930 Musím tu súvislosť Paypal.com. 563 00:26:34,930 --> 00:26:37,700 564 00:26:37,700 --> 00:26:40,430 Úprimne povedané, keď som sexed to s niektorými grafika, môžeme, aby to vyzeralo 565 00:26:40,430 --> 00:26:41,310 spíš PayPal. 566 00:26:41,310 --> 00:26:41,510 Je to tak? 567 00:26:41,510 --> 00:26:43,815 Pretože som mohol, ako stranou, Mohol som ísť do Paypal.com. 568 00:26:43,815 --> 00:26:47,110 A my sme len videli, ako môžem zobraziť všetky ich HTML. 569 00:26:47,110 --> 00:26:50,560 Mohol by som skopírovať a znovu estetika Paypal skôr než ísť 570 00:26:50,560 --> 00:26:51,490 old school tu. 571 00:26:51,490 --> 00:26:55,010 Všimnime si ale, samozrejme, a to je málo malá stále, iba v spodnej časti 572 00:26:55,010 --> 00:26:59,190 ľavom rohu, v ako 10. bod font, vidíš, čo si URL 573 00:26:59,190 --> 00:27:01,310 v skutočnosti bude viedlo k 574 00:27:01,310 --> 00:27:06,580 >> A tak ak ste niekedy dostali spam hovorí choďte do toho a ste účet 575 00:27:06,580 --> 00:27:07,420 bola narušená. 576 00:27:07,420 --> 00:27:10,615 Prosím, kliknite na tento odkaz a dajte nám vedieť vaše heslo, takže môžeme zaistiť, že si 577 00:27:10,615 --> 00:27:13,010 vy, nemusíte vôbec robiť. 578 00:27:13,010 --> 00:27:14,180 Tieto veci by mali byť samozrejmosťou. 579 00:27:14,180 --> 00:27:17,670 Ale je to úžasne zábavné a tragické, ako sa každý rok sa to zdá 580 00:27:17,670 --> 00:27:19,660 stalo, že niektoré nenulovú počet osôb. 581 00:27:19,660 --> 00:27:21,400 >> A to je krása phishingových útokov. 582 00:27:21,400 --> 00:27:23,160 Môžete posielať milión e-mailov. 583 00:27:23,160 --> 00:27:27,720 A to iv prípade, 0.01% zo všetkých ľudí skutočne kliknite na Paypal a dá vám vaše 584 00:27:27,720 --> 00:27:31,040 heslo, je to stále nenulové číslo ľudí, ktorí si len dávať 585 00:27:31,040 --> 00:27:32,200 si ich peniaze. 586 00:27:32,200 --> 00:27:36,170 A odosielanie e-mailov, samozrejme, je úplne jednoduché av podstate zadarmo 587 00:27:36,170 --> 00:27:36,970 v týchto dňoch. 588 00:27:36,970 --> 00:27:40,410 >> Tak dlhý príbeh krátky, nádherne krásna myšlienka, že jo? 589 00:27:40,410 --> 00:27:44,620 Pred rokmi, to bolo najskôr web, umožňujúce sieť 590 00:27:44,620 --> 00:27:46,330 hypertextové odkazy medzi zdrojmi. 591 00:27:46,330 --> 00:27:49,520 Ale rovnako tak rýchlo, môže to byť používajú pre chorých účely. 592 00:27:49,520 --> 00:27:54,100 A e-mail, stačí povedať, títo dni, že HTML vložený do. 593 00:27:54,100 --> 00:27:55,410 >> No, dovoľte mi jednu vec. 594 00:27:55,410 --> 00:27:58,640 A budeme odložiť do značnej miery v sekcii problém nastaviť sedem, aby ste mohli 595 00:27:58,640 --> 00:28:00,000 preskúmať údaje. 596 00:28:00,000 --> 00:28:01,990 Ale dovoľte mi ísť dopredu a urobiť pár vecí tu. 597 00:28:01,990 --> 00:28:04,840 Chystám sa ísť dovnútra a vyhlásiť čo sa nazýva div, alebo 598 00:28:04,840 --> 00:28:06,080 divízie časti stránky. 599 00:28:06,080 --> 00:28:07,770 Dovoľte mi na záver, že tag div. 600 00:28:07,770 --> 00:28:11,460 >> A ja poviem hore tu začiatok stránky. 601 00:28:11,460 --> 00:28:14,940 A potom pod to, budem robiť niečo ako ďalší div, zavrieť túto 602 00:28:14,940 --> 00:28:17,800 tag, a to dolnej časti stránky. 603 00:28:17,800 --> 00:28:18,840 A poďme zachrániť. 604 00:28:18,840 --> 00:28:21,040 >> Takže teraz sa vráťme k môjmu súboru. 605 00:28:21,040 --> 00:28:22,120 Veľmi nezaujatý. 606 00:28:22,120 --> 00:28:25,520 Ale to, čo sa používa na rozdelenie, pod kapotou, je to vlastne 607 00:28:25,520 --> 00:28:26,920 pekný konštrukčný prvok. 608 00:28:26,920 --> 00:28:30,300 To nemá žiadne estetické tak ďaleko, môžeme vidieť, ako, zdá sa, 609 00:28:30,300 --> 00:28:31,890 uvedenie veci na nových tratiach. 610 00:28:31,890 --> 00:28:36,290 >> Nevšimnúť, ako stranou, len biť Zadajte neprerušuje to v HTML, tak ako to 611 00:28:36,290 --> 00:28:39,840 sa v C. Možno si myslíte, že by to dám krásny veľký rozdiel medzi 612 00:28:39,840 --> 00:28:41,300 hornej a dolnej časti stránky. 613 00:28:41,300 --> 00:28:43,420 Ale je to ignorovali. 614 00:28:43,420 --> 00:28:48,040 Biely priestor je v podstate ignoruje webové stránky iné ako prvý 615 00:28:48,040 --> 00:28:51,530 medzerníka znak alebo návrat vozíka, že narazíte na klávesnici. 616 00:28:51,530 --> 00:28:55,370 Ak chcete viac riadkov, môžete musieť zadať sami. 617 00:28:55,370 --> 00:28:59,080 >> Takže budem robiť niekoľko vecí tu ukázať, čo sa deje. 618 00:28:59,080 --> 00:29:02,700 Chystám sa pridať atribút, ktorý existuje A opäť, ako sa naučíte 619 00:29:02,700 --> 00:29:07,110 aké atribúty existujú, aké značky existujú, Naozaj, je online odkazy. 620 00:29:07,110 --> 00:29:09,750 HTML je druh jazyka - je to nie je programovací jazyk. 621 00:29:09,750 --> 00:29:12,460 Je to značkovací jazyk - že po dobré pol hodiny, možno hodinu s 622 00:29:12,460 --> 00:29:15,930 to, budete určite pochopiť, väčšina pravdepodobné, základná myšlienka. 623 00:29:15,930 --> 00:29:20,350 A potom vyhľadávanie Google je všetko preč možné značky, ktoré by mohli byť 624 00:29:20,350 --> 00:29:21,170 záujem 625 00:29:21,170 --> 00:29:24,290 A podľa špecifikácie, ktorá je úplne vítané a podporované tu. 626 00:29:24,290 --> 00:29:26,120 >> Takže teraz ma nechaj ísť dopredu a niečo také robiť. 627 00:29:26,120 --> 00:29:28,690 Background-color. 628 00:29:28,690 --> 00:29:32,060 A teraz idem niečo robiť ako je červená, bodkočiarka. 629 00:29:32,060 --> 00:29:33,970 A môžete to urobiť v niekoľko rôznych spôsobov. 630 00:29:33,970 --> 00:29:36,770 Som len trochu písanie ako Super výslovne ako je to možné. 631 00:29:36,770 --> 00:29:41,960 >> Ale ukazuje sa, že táto hodnota je tu čo sa nazýva CSS, Cascading Style 632 00:29:41,960 --> 00:29:43,700 Listy, čo je ďalší jazyka vôbec. 633 00:29:43,700 --> 00:29:46,770 CSS nemá nič do činenia s otvoriť značky a úzke tagy. 634 00:29:46,770 --> 00:29:48,230 Má to čo robiť s vlastnosťami. 635 00:29:48,230 --> 00:29:52,660 >> A vlastnosti sú jednoducho hodnota kľúče páry, ktoré jednoducho znamená, že niektoré slovo, 636 00:29:52,660 --> 00:29:54,680 hrubého čreva, a potom nejaký iný slovo. 637 00:29:54,680 --> 00:29:57,940 A ak máte viac, alebo len tie jeden tu, môžete skončiť s 638 00:29:57,940 --> 00:29:59,390 bodkočiarka, len pre prehľadnosť. 639 00:29:59,390 --> 00:30:01,370 Ale aj to bude fungovať tady. 640 00:30:01,370 --> 00:30:02,500 >> Teraz, čo to bude robiť? 641 00:30:02,500 --> 00:30:03,610 Asi tušíte. 642 00:30:03,610 --> 00:30:05,930 Nechaj ma ísť dopredu a znovu načítajte túto stránku. 643 00:30:05,930 --> 00:30:07,300 A teraz je to naozaj prichádza spolu. 644 00:30:07,300 --> 00:30:09,150 Takže vrchol mojej stránke je červená. 645 00:30:09,150 --> 00:30:12,380 Ale čo je kľúčové je to, že som sa zmienil skôr, že div vám 646 00:30:12,380 --> 00:30:13,220 rozdelenie stránky. 647 00:30:13,220 --> 00:30:14,410 A to je naozaj to, čo robí. 648 00:30:14,410 --> 00:30:17,920 Je to v podstate rozdeľuje stránku do obdĺžnik, ktorý potom môžete 649 00:30:17,920 --> 00:30:18,720 manipulovať. 650 00:30:18,720 --> 00:30:22,330 >> A táto predstava obdĺžnikov je druh presvedčivé v tom, že ak si myslíte, že 651 00:30:22,330 --> 00:30:26,410 najviac akejkoľvek webovej stránky, je to asi nosnej konštrukcii, na nej. 652 00:30:26,410 --> 00:30:29,620 Väčšina z vás pravdepodobne zriedka Facebook je úvodná stránka, ak ste prihlásení 653 00:30:29,620 --> 00:30:30,440 za celú dobu. 654 00:30:30,440 --> 00:30:33,920 >> Ale na domovskej stránke na Facebooku, tam je nejaký div pozdĺž vrchole. 655 00:30:33,920 --> 00:30:36,140 A to nemusí byť tak jednoduché, ako jeden div, ale je tu 656 00:30:36,140 --> 00:30:37,560 obdĺžnikové oblasti existuje. 657 00:30:37,560 --> 00:30:40,290 Zvyšok stránky je ako veľký div, rovnako ako mnoho 658 00:30:40,290 --> 00:30:41,910 väčšie obdĺžnikové oblasti. 659 00:30:41,910 --> 00:30:44,540 Tak dlhý príbeh krátky, len tým, že tieto malé stavebné kamene, na 660 00:30:44,540 --> 00:30:49,250 Schopnosť modelu veci ako obdĺžniky, nech sú široké alebo úzke, môžete tiež 661 00:30:49,250 --> 00:30:53,680 aby sa stĺpce potenciálne umožňuje rozloženie stránky, naozaj, ale môžete 662 00:30:53,680 --> 00:30:54,100 by si priali. 663 00:30:54,100 --> 00:30:56,170 Sme naozaj len poškriabaniu povrch tu. 664 00:30:56,170 --> 00:30:59,820 >> V skutočnosti, keď som urobiť jednu druhú, nechaj ma ísť ďalej a robiť štýl, 665 00:30:59,820 --> 00:31:05,410 background-color, budeme robiť niečo ako modrej, úzkym úvodzoviek. 666 00:31:05,410 --> 00:31:06,620 Poďme znova to. 667 00:31:06,620 --> 00:31:08,260 Takže teraz je to stále ešte škaredšie. 668 00:31:08,260 --> 00:31:11,520 Ale teraz môžem trochu predviesť môj P päťsto schopnosti, nie? 669 00:31:11,520 --> 00:31:12,690 Red. 670 00:31:12,690 --> 00:31:15,640 Pripomína mi to RGB, Red Zelená Modrá strojnásobuje. 671 00:31:15,640 --> 00:31:19,330 Tak to dopadá programovanie pre web, alebo web design, čo je to, máme 672 00:31:19,330 --> 00:31:21,650 ešte naprogramovaný nič samo o sebe, môžete skutočne 673 00:31:21,650 --> 00:31:22,880 majú hexadecimálny kód. 674 00:31:22,880 --> 00:31:26,480 Takže niečo niečo niečo niečo, čo tak niečo. 675 00:31:26,480 --> 00:31:30,650 Takže môžete mať šesť šestnástkovej znaky, alebo tri, v niektorých prípadoch, 676 00:31:30,650 --> 00:31:33,480 a každý z týchto otáznikov musia byť hexadecimálne číslice, 677 00:31:33,480 --> 00:31:34,985 nula až f 678 00:31:34,985 --> 00:31:41,000 >> Ak chcem mať veľa červenej a žiadna zelená, modrá a nie to, čo je 679 00:31:41,000 --> 00:31:43,740 naproti nuly pri použití hex? 680 00:31:43,740 --> 00:31:44,480 Je to f 681 00:31:44,480 --> 00:31:51,130 Takže môžem robiť ff, nula nula, nula nula, uložiť toto, a teraz sem dole. 682 00:31:51,130 --> 00:31:52,700 A ja nemám vlastne vidieť zmenu. 683 00:31:52,700 --> 00:31:56,230 Takže citujem koniec citátu "červená" je zrejme synonymom pre všetky červené, 684 00:31:56,230 --> 00:31:57,610 nie zelená, modrá nie. 685 00:31:57,610 --> 00:31:59,960 Medzitým, poďme sa zámerne meniť toto bude niečo 686 00:31:59,960 --> 00:32:01,210 náhodné, ako ABCDF. 687 00:32:01,210 --> 00:32:03,790 688 00:32:03,790 --> 00:32:05,860 >> Poďme sa pozrieť, čo to je. 689 00:32:05,860 --> 00:32:08,530 Je to naozaj pekné modré, skutočnosti, nebesky modrá. 690 00:32:08,530 --> 00:32:11,820 Dobre, tak to sú práve teraz trochu náhodné kombinácie 691 00:32:11,820 --> 00:32:12,210 znakov. 692 00:32:12,210 --> 00:32:13,410 Takže nebudeme zabŕdnuť tu. 693 00:32:13,410 --> 00:32:15,930 Ale znovu, to hovorí s presnosťou že môžete začať 694 00:32:15,930 --> 00:32:19,090 platí - aj keď ste veľmi ohromený oficiálny estetikou. 695 00:32:19,090 --> 00:32:21,750 V skutočnosti, ak naozaj chcete byť dojem, nechaj ma ísť ďalej a zmeniť 696 00:32:21,750 --> 00:32:23,500 veľkosť písma, napríklad. 697 00:32:23,500 --> 00:32:25,960 A všimnite si bodkočiarku, ktorý treba tu. 698 00:32:25,960 --> 00:32:29,570 >> Veľkosť písma, môžeme byť len smiešne tu, 96 bod. 699 00:32:29,570 --> 00:32:31,280 Uložiť že. 700 00:32:31,280 --> 00:32:33,670 Wow, to je veľká veľkosť písma. 701 00:32:33,670 --> 00:32:35,490 Tak jo, je to veľmi jednoduché. 702 00:32:35,490 --> 00:32:38,260 A vlastne, vy ste v podstate vidieť úplne prvý webovej stránky som urobil 703 00:32:38,260 --> 00:32:40,060 rokmi, keď som prvýkrát naučil toto. 704 00:32:40,060 --> 00:32:42,190 Je to veľmi jednoduché, aby sa veľmi odporné veci rýchlo. 705 00:32:42,190 --> 00:32:46,115 >> A ak ste oboznámení s Wayback Stroj na archive.org, môžete 706 00:32:46,115 --> 00:32:48,210 nájdete všetky moje príšerné Undergrad webových stránok. 707 00:32:48,210 --> 00:32:50,090 Jeden mal Kermit žaba na prednej strane. 708 00:32:50,090 --> 00:32:53,150 Prešiel som fáza, kedy som si myslel, bolo to v pohode, aby sa na pozadí 709 00:32:53,150 --> 00:32:56,320 červená opona, keď som sa dozvedel, ako sa môže dláždiť obrazy znova a znova, a 710 00:32:56,320 --> 00:32:59,540 znovu naplniť stránku veľký lepkavý červená opona. 711 00:32:59,540 --> 00:33:03,120 A potom, na vrchole tohto, bola ikona že ste museli na tlačidlo zadať svoj domov 712 00:33:03,120 --> 00:33:04,960 stránky, pretože to bolo veľmi v móde. 713 00:33:04,960 --> 00:33:08,870 >> A potom môj prvý program, ktorý som kedy napísal nebol v PHP, ale v jazyku 714 00:33:08,870 --> 00:33:12,260 tzv Pearl, napísal návštevnú knihu, ktorá je naozaj skvelá vec, 715 00:33:12,260 --> 00:33:14,250 Mnoho ľudí očakáva vás mať na domovskej stránke. 716 00:33:14,250 --> 00:33:17,510 Keď sa dostanete na stránku, chcú si prihlásiť a povedať, kto ste, 717 00:33:17,510 --> 00:33:18,720 a prečo ste tam. 718 00:33:18,720 --> 00:33:21,320 To je veľmi 1990s štýlu web design. 719 00:33:21,320 --> 00:33:24,130 >> Ale v týchto dňoch, iste, máme príde oveľa ďalej. 720 00:33:24,130 --> 00:33:27,560 A uvidíte, v časti, a to aj v probléme nastaviť sedem, a 721 00:33:27,560 --> 00:33:31,570 využitie knižnice v týchto dňoch, je to oveľa jednoduchšie, aby sa 722 00:33:31,570 --> 00:33:33,400 krajšie veci rýchlo. 723 00:33:33,400 --> 00:33:36,550 Naozaj tu sme len poškriabaniu povrch to, čo môžete urobiť, 724 00:33:36,550 --> 00:33:37,400 štylisticky. 725 00:33:37,400 --> 00:33:41,660 >> A v skutočnosti, už mi dovoľte zdôrazniť, že je to už začína škaredý, nie je 726 00:33:41,660 --> 00:33:46,030 len esteticky, ale z hľadiska o štýl mojom kódu, alebo 727 00:33:46,030 --> 00:33:47,260 Konštrukcia mojom kódu. 728 00:33:47,260 --> 00:33:52,350 Ja som v súčasnej dobe comingled HTML, ktorý je zelenkasté otvorené tagy tam, s 729 00:33:52,350 --> 00:33:55,160 CSS vlastnosti, ktoré je úplne legitímne. 730 00:33:55,160 --> 00:33:57,200 To je naozaj kde sa týmto jazykom má svoje korene. 731 00:33:57,200 --> 00:34:01,030 >> Ale v záujme čistým dizajnom, rovnako ako sme začali faktoringovej veci 732 00:34:01,030 --> 00:34:05,370 z C do súborov. súborov h, nech mi skutočne praktizovať takú 733 00:34:05,370 --> 00:34:07,990 Princíp a začať robiť toto miesto. 734 00:34:07,990 --> 00:34:13,280 Dovoľte mi, aby som dal v štýle tag tu, čo existuje aj vo formáte HTML, a dovoľte mi, aby som 735 00:34:13,280 --> 00:34:15,330 nasledujúce informácie. 736 00:34:15,330 --> 00:34:16,360 Dovoľte mi, aby som toto hodnotenie odstrániť. 737 00:34:16,360 --> 00:34:18,110 Farba pozadia bude červené. 738 00:34:18,110 --> 00:34:19,800 Idem zmazať úplne. 739 00:34:19,800 --> 00:34:22,580 Chystám sa zbaviť štýlu atribút, a ja idem k jednoznačnej 740 00:34:22,580 --> 00:34:24,620 identifikovať tento div sa slovom - 741 00:34:24,620 --> 00:34:28,750 ľubovoľne, ale rozumne, citujem koniec citátu "top". A id je zvláštne 742 00:34:28,750 --> 00:34:32,530 atribút, ktorý jednoznačne definuje určitý HTML element 743 00:34:32,530 --> 00:34:33,850 ako mať toto ID. 744 00:34:33,850 --> 00:34:37,969 >> Ak by som chcel, aby to štylizované, tu v vedúci mojej stránke, vo vnútri 745 00:34:37,969 --> 00:34:41,730 štýl tag, zistíte, že Môžem urobiť hash vrchol. 746 00:34:41,730 --> 00:34:45,300 A potom som si dať pár kučeravý traky, pripomínajúce C a nechajte 747 00:34:45,300 --> 00:34:47,130 mi vložiť v tejto štylizácii. 748 00:34:47,130 --> 00:34:49,929 A nechaj ma ísť napred a predvídať tu kam idem s tým. 749 00:34:49,929 --> 00:34:53,380 Dovoľte mi, aby som tiež vytvoriť jednu pre spodnú div. 750 00:34:53,380 --> 00:34:58,010 Dovoľte mi chytiť odporné kód z baní tu, dajte to sem, a budem 751 00:34:58,010 --> 00:35:00,770 trochu análny teraz a štylizované to len o uvedenie veci na vlastnú päsť 752 00:35:00,770 --> 00:35:02,540 linka, končiť bodkočiarkou. 753 00:35:02,540 --> 00:35:04,430 Dovoľte mi, aby som sa zbavil štýlu značky. 754 00:35:04,430 --> 00:35:05,320 >> Ale ja som neskončil. 755 00:35:05,320 --> 00:35:07,406 Musím urobiť ešte jednu vec. 756 00:35:07,406 --> 00:35:10,070 Jo, id rovná citovať koniec citátu "zdola", alebo čokoľvek id chcem 757 00:35:10,070 --> 00:35:11,740 dať tento prvok. 758 00:35:11,740 --> 00:35:13,420 Teraz mi dovoľte, aby som sa vrátiť sem. 759 00:35:13,420 --> 00:35:14,360 A to je otrasné. 760 00:35:14,360 --> 00:35:15,805 Nemôžem sa s 96 bodom. 761 00:35:15,805 --> 00:35:16,960 Jdem na 24 bodu. 762 00:35:16,960 --> 00:35:18,320 Alebo by ste mohli byť presnejšie. 763 00:35:18,320 --> 00:35:21,800 Môžete skutočne používať pixelov, px, takže že ste naozaj jemnejšie zrno 764 00:35:21,800 --> 00:35:23,220 kontrolu nad vašej stránke. 765 00:35:23,220 --> 00:35:26,860 >> Ako stranou, že to nie je nutne najlepšia vec, ak používatelia, pre 766 00:35:26,860 --> 00:35:29,650 prístupnosť dôvody, chcú možné zvýšiť veľkosť. 767 00:35:29,650 --> 00:35:32,650 Takže si uvedomiť, že existujú spôsoby, ako robiť veci, ktoré nemusia nutne 768 00:35:32,650 --> 00:35:34,230 Kód ťažké všetko. 769 00:35:34,230 --> 00:35:37,220 >> Tak jo, je to väčšia, 24. bod, než čo je predvolená. 770 00:35:37,220 --> 00:35:38,630 Ale teraz je to trochu čistejšie. 771 00:35:38,630 --> 00:35:40,230 A dovoľte mi, aby som to ešte o krok ďalej. 772 00:35:40,230 --> 00:35:47,220 Rovnako ako myšlienka hlavičkových súborov, Všimnite si, že sme o krok bližšie k tomu. 773 00:35:47,220 --> 00:35:52,000 Mám ovplyvnil, ale ešte zostáva, vnútri mojej stránky, tieto pravidlá CSS. 774 00:35:52,000 --> 00:35:56,200 Prečo ja by som mohol chcieť, aby sa tento krok ďalšie, odstráňte ho úplne, a 775 00:35:56,200 --> 00:35:59,860 vložte ho do samostatného súboru? 776 00:35:59,860 --> 00:36:01,070 >> Tak som si znova, že jo? 777 00:36:01,070 --> 00:36:03,155 To je len druh intuície práve teraz. 778 00:36:03,155 --> 00:36:06,340 Predtým som tvrdil, že to bolo len dostať škaredé mať štýl 779 00:36:06,340 --> 00:36:08,480 atribúty vnútri tagy Div sami. 780 00:36:08,480 --> 00:36:09,750 Ale tak nejako si myslím, že cez. 781 00:36:09,750 --> 00:36:13,560 Ako sa vaša strana dostane dlhšie a dlhšie, ak je ste uvedenie tu a tu, a 782 00:36:13,560 --> 00:36:18,350 tu a tu, všetky tieto rôzne farby a veľkosti písma, a ďalšie 783 00:36:18,350 --> 00:36:22,550 atribúty, vaša stránka je veľmi rýchlo stane neovládateľný pre vás. 784 00:36:22,550 --> 00:36:24,570 >> Ak niekto príde k vám a hovorí, oh, vieš čo? 785 00:36:24,570 --> 00:36:28,070 Ja by som naozaj chcela zmeniť veľkosť písma o ďalšie dva body, si 786 00:36:28,070 --> 00:36:31,275 Možno budete musieť ísť a nájsť a nahradiť obrovské množstvo riadkov kódu. 787 00:36:31,275 --> 00:36:35,170 Je to oveľa presvedčivejšie centralizovať všetky takéto estetika tu. 788 00:36:35,170 --> 00:36:38,850 Ale ak by ste chceli použiť tieto estetika v niekoľkých webových stránok, všetky 789 00:36:38,850 --> 00:36:41,100 tým skôr, aby mohli inštancie, vytvorte súbor 790 00:36:41,100 --> 00:36:45,290 volal s týmito obsah. 791 00:36:45,290 --> 00:36:46,680 >> A nechaj ma to urobiť. 792 00:36:46,680 --> 00:36:51,150 793 00:36:51,150 --> 00:36:51,920 Uložte tento súbor. 794 00:36:51,920 --> 00:36:55,580 Hovorím Styles.css, ľubovoľný, ale konvenčné. 795 00:36:55,580 --> 00:36:58,770 Dám ju do domu Johna Harvarde adresár teraz pre jednoduchosť. 796 00:36:58,770 --> 00:37:03,880 A čo sa dá robiť v mojej webovej stránky, je dostať zbaviť štýlu značky dohromady, 797 00:37:03,880 --> 00:37:08,270 a trochu unintuitively, použite odkaz tag, ktorý nedáva vám odkaz na 798 00:37:08,270 --> 00:37:13,140 hypertextové prepojenie, kliknúť zmysel, ale kde by som odkaz, href rovná 799 00:37:13,140 --> 00:37:15,120 Styles.css. 800 00:37:15,120 --> 00:37:20,050 A vzťah, ktorý tento element sa s webovou stránkou je slúžiť ako 801 00:37:20,050 --> 00:37:21,280 jeho štýlov. 802 00:37:21,280 --> 00:37:22,670 >> Tak ako to viem? 803 00:37:22,670 --> 00:37:25,950 Jeden, stačí si prečítať manuál, alebo Google okolo a vy 804 00:37:25,950 --> 00:37:27,000 pozrieť sa na rôzne zdroje. 805 00:37:27,000 --> 00:37:30,520 Myslím, že je naozaj, ako si vyzdvihnúť techniky, ako je toto, av súlade 806 00:37:30,520 --> 00:37:34,720 s touto myšlienkou výučby seba nové jazyky, opäť zistíte, že 807 00:37:34,720 --> 00:37:38,830 existuje len obmedzené množstvo vecí, do akéhokoľvek jazyka, že akonáhle dostanete 808 00:37:38,830 --> 00:37:41,310 je, zistíte, že sa dostane rýchlejšie a rýchlejšie písať. 809 00:37:41,310 --> 00:37:44,180 Naozaj, učenie sa novému programovania jazyk je tak oveľa rýchlejší ako nové 810 00:37:44,180 --> 00:37:47,380 hovorený jazyk, pretože tieto veci sú oveľa menšie a oveľa viac 811 00:37:47,380 --> 00:37:48,820 presne definovaný. 812 00:37:48,820 --> 00:37:51,590 >> Ale ja som zdôraznil trochu anomálie tu. 813 00:37:51,590 --> 00:37:57,750 Prečo som zdôraznil to lomítko tu? 814 00:37:57,750 --> 00:37:59,420 Pretože musím zavrieť tag. 815 00:37:59,420 --> 00:38:00,530 Mal by som zatvoriť tag. 816 00:38:00,530 --> 00:38:02,750 A nájdete nespočet zdroje on-line, ktoré nemajú 817 00:38:02,750 --> 00:38:04,080 nevyhnutne približuje tagy. 818 00:38:04,080 --> 00:38:08,770 A realisticky, nie je to nevyhnutne nutné z technických a existujú 819 00:38:08,770 --> 00:38:11,950 dôvody skutočnosti, prehliadače sú len pomerne tolerantní k chybám v web 820 00:38:11,950 --> 00:38:14,360 strán, k lepšiemu alebo k horšiemu, ale väčšinou horšie. 821 00:38:14,360 --> 00:38:18,830 >> Tak toto je len čistejší spôsob povedal niečo hlúpeho ako je tento, 822 00:38:18,830 --> 00:38:22,330 kde, ak chcete otvoriť link tag ale zavrieť, že to naozaj nie je pojem 823 00:38:22,330 --> 00:38:23,720 obsahu pre tagu link. 824 00:38:23,720 --> 00:38:26,000 Znamená to len to nahrať súbor a dať ho sem. 825 00:38:26,000 --> 00:38:30,610 Je to ako ostrý patrí do C. Zahrievanie môžete otvorenie a zatvorenie tag naraz 826 00:38:30,610 --> 00:38:31,660 v rámci rovnakej značky. 827 00:38:31,660 --> 00:38:33,520 A je tu ďalšie príklady tohto. 828 00:38:33,520 --> 00:38:37,280 To nie je spôsob, ako to urobiť, ale br tag, prerušenie vedenia, keď 829 00:38:37,280 --> 00:38:41,780 naozaj chcel dosiahnuť to, čo som snaží sa pred tým, že udrie Enter, ak 830 00:38:41,780 --> 00:38:45,380 Som výslovne povedal zalomenie riadku, koniec riadku, zalomenie riadku, koniec riadku, a 831 00:38:45,380 --> 00:38:49,100 potom znova načítajte túto stránku, teraz si všimnete , Že v spodnej časti stránky je, 832 00:38:49,100 --> 00:38:51,940 naozaj, veľa ďalej v v spodnej časti stránky. 833 00:38:51,940 --> 00:38:55,840 Ale aj to sa dá urobiť oveľa viac čisto pomocou CSS, a s okrajmi, 834 00:38:55,840 --> 00:38:58,120 a iné podobné estetike techniky. 835 00:38:58,120 --> 00:38:59,940 >> Takže teraz, sú to takeaways. 836 00:38:59,940 --> 00:39:02,320 V HTML, máme tieto veci tzv tagy. 837 00:39:02,320 --> 00:39:04,830 V CSS, musíme tieto veci s názvom vlastnosti. 838 00:39:04,830 --> 00:39:08,700 Môžeme comingle týchto dvoch jazykov, buď pomocou atribútu style, 839 00:39:08,700 --> 00:39:14,240 alebo štýl tag, alebo najlepšie ešte, factoring to sa úplne rovnako ako my 840 00:39:14,240 --> 00:39:17,270 v probléme nastavení 7. 841 00:39:17,270 --> 00:39:23,820 Otázky, teda o koncepčné základy tu? 842 00:39:23,820 --> 00:39:24,740 >> DIVÁKOV: Mám otázku. 843 00:39:24,740 --> 00:39:25,630 >> SPEAKER 1: Oh, ospravedlňujem sa. 844 00:39:25,630 --> 00:39:28,880 >> DIVÁKOV: Prečo to nebolo farebné - 845 00:39:28,880 --> 00:39:31,410 >> SPEAKER 1: Oh, v druhej záložke? 846 00:39:31,410 --> 00:39:32,232 To tu? 847 00:39:32,232 --> 00:39:33,482 >> DIVÁKOV: Nie, je to ako - 848 00:39:33,482 --> 00:39:35,330 849 00:39:35,330 --> 00:39:39,480 >> SPEAKER 1: Oh, to je preto, že Som bol nedbanlivý. 850 00:39:39,480 --> 00:39:41,350 Dal som súbor na zlom mieste. 851 00:39:41,350 --> 00:39:47,840 Takže keď som vlastne dať sem, a ja chmod to, všetko + r pre styles.css a 852 00:39:47,840 --> 00:39:52,050 Teraz znovu načítať stránku, teraz sme dostať späť štylizáciu. 853 00:39:52,050 --> 00:39:54,530 A pretože veľkostí písma inak, my nevidíme úplne rovnako 854 00:39:54,530 --> 00:39:55,010 biely priestor. 855 00:39:55,010 --> 00:39:58,240 My namiesto toho, čo je Východisková hodnota je miesto. 856 00:39:58,240 --> 00:40:00,050 Dobrá otázka. 857 00:40:00,050 --> 00:40:00,846 Áno? 858 00:40:00,846 --> 00:40:02,630 >> DIVÁKOV: Prečo je odkaz tag v hlavičke? 859 00:40:02,630 --> 00:40:06,270 >> SPEAKER 1: Prečo je spojenie tag vnútri hlavičky - 860 00:40:06,270 --> 00:40:07,650 krátka odpoveď, len preto, že. 861 00:40:07,650 --> 00:40:08,930 To je to, čo bolo rozhodnuté. 862 00:40:08,930 --> 00:40:10,720 To je miesto, kde odkaz tagy ísť, keď Máte, čo sa nazýva 863 00:40:10,720 --> 00:40:13,650 externé štýlov. 864 00:40:13,650 --> 00:40:16,430 Ďalšie otázky? 865 00:40:16,430 --> 00:40:17,770 >> Dobre, dobre ideme na to. 866 00:40:17,770 --> 00:40:20,500 Máme toľko zábavy pred nami dnes. 867 00:40:20,500 --> 00:40:22,480 To je len poškriabaniu povrch CSS. 868 00:40:22,480 --> 00:40:23,010 Poďme na to. 869 00:40:23,010 --> 00:40:25,980 Poďme sa päť minút prestávku tu pretože na môj e-mail, poďme visieť vo 870 00:40:25,980 --> 00:40:27,200 tam až do 02:30-ish dnes. 871 00:40:27,200 --> 00:40:28,540 Ale ak máte na odísť, to je v poriadku. 872 00:40:28,540 --> 00:40:30,380 Ale budeme postupovať vpred po päť minút prestávka. 873 00:40:30,380 --> 00:40:35,930 A budeme učiť niečo o PHP, MySQL a ďalšie. 874 00:40:35,930 --> 00:40:44,520 >> Tak jo, skúsme teraz, uviazať niektoré z týchto myšlienok dohromady a robiť, 875 00:40:44,520 --> 00:40:46,180 povedzme, naše vlastné vyhľadávač. 876 00:40:46,180 --> 00:40:48,570 Všimol som si, skôr zvedavo, nasledujúce. 877 00:40:48,570 --> 00:40:52,610 Keď ste na Google.com, že ste typicky na URL, ako je tento tu 878 00:40:52,610 --> 00:40:54,870 sa nič po dot com. 879 00:40:54,870 --> 00:40:59,760 Ale keď som hľadať niečo hlúpeho, ako mačky, a stlačte klávesu Enter, dostaneme - nie 880 00:40:59,760 --> 00:41:01,300 hlúpo, ale vieš. 881 00:41:01,300 --> 00:41:05,410 >> OK, tak oznámenie, v hornej časti stránky, Teraz, URL je, samozrejme, zmenila. 882 00:41:05,410 --> 00:41:07,190 A to nie je nič nové každému z nás. 883 00:41:07,190 --> 00:41:09,290 Kliknete na odkazy a tak sa deje na webe. 884 00:41:09,290 --> 00:41:11,420 Ale čo je zaujímavé, je nasledujúci. 885 00:41:11,420 --> 00:41:14,500 Je tu veľa neporiadku, ale nech ma vyhodiť veci, ktoré nemám 886 00:41:14,500 --> 00:41:16,600 úplne jasné, alebo nie naozaj sa relevantné. 887 00:41:16,600 --> 00:41:18,490 >> Dovoľte mi, aby som toho zbaviť. 888 00:41:18,490 --> 00:41:20,030 Dovoľte mi, aby som toho zbaviť. 889 00:41:20,030 --> 00:41:22,630 A dovoľte mi zbaviť toho všetkého. 890 00:41:22,630 --> 00:41:28,840 A teraz si všimnúť, že mačky sa nachádza v URL, nasledoval s q, potom rovná 891 00:41:28,840 --> 00:41:29,710 prihlásiť pred ním. 892 00:41:29,710 --> 00:41:32,110 Tak to dopadá, ako to je ako to funguje, pokiaľ ide 893 00:41:32,110 --> 00:41:33,360 na vstupe a výstupe. 894 00:41:33,360 --> 00:41:37,510 >> Už dlho hovorili o čierne skrinky, nie? 895 00:41:37,510 --> 00:41:41,650 Takže, ak sa jedná o vykonávaní funkcie tu ako čierna skrinka, to znamená vstup 896 00:41:41,650 --> 00:41:45,290 a produkuje výstup, no, znamená o ktorú poskytuje informácie 897 00:41:45,290 --> 00:41:49,270 webové stránky, je cestou, často jeho URL. 898 00:41:49,270 --> 00:41:52,850 Môžete jednoducho povedané otáznik a potom rovná hodnote kľúča. 899 00:41:52,850 --> 00:41:56,740 A potom možno ampersand, a potom Ďalším kľúčovým rovná hodnote, potom možno 900 00:41:56,740 --> 00:41:58,810 ďalšie ampersand, kľúč rovná hodnote. 901 00:41:58,810 --> 00:42:03,030 To je, ako odovzdáte kľúče a hodnoty, pary vstupov. 902 00:42:03,030 --> 00:42:07,050 >> Takže keď som narazila Zadajte teraz, čo je Zaujímavé na Google je, že všetky 903 00:42:07,050 --> 00:42:10,420 že neporiadok Vymazal som nezobrazí byť nevyhnutne potrebné. 904 00:42:10,420 --> 00:42:15,120 Všetko, čo potrebujem poslať do Google je otázka Značka q sa rovná mačky dostať 905 00:42:15,120 --> 00:42:16,160 späť niektoré mačky. 906 00:42:16,160 --> 00:42:20,160 No, implikácie, potom, sa, či som vytiahnuť gedit, som začal 907 00:42:20,160 --> 00:42:24,360 vytvorenie vlastného vyhľadávača tu v súbore s názvom seach0.html. 908 00:42:24,360 --> 00:42:26,750 >> A nechaj ma ísť dopredu a odstráňte jeden riadok, ktorý 909 00:42:26,750 --> 00:42:27,910 si nemal vidieť. 910 00:42:27,910 --> 00:42:31,070 A teraz, nechaj ma ísť do vlastného prehliadača, tak, aby Google a prejdite na 911 00:42:31,070 --> 00:42:34,900 http://localhost. 912 00:42:34,900 --> 00:42:36,220 A že sa to dostať do cesty. 913 00:42:36,220 --> 00:42:43,240 Takže budeme musieť rozlúčiť sa že pre túto chvíľu, presuňte to sem, 914 00:42:43,240 --> 00:42:46,270 oh, teraz budeme musieť rozlúčiť do tohto súboru. 915 00:42:46,270 --> 00:42:51,700 >> Kedykoľvek máte súbor s názvom index.html alebo index.php v 916 00:42:51,700 --> 00:42:54,980 adresár, v prípade, že webový server nakonfigurovaný týmto spôsobom, to, čo budete 917 00:42:54,980 --> 00:42:59,600 pozri predvolenom nastavení je obsah, ktorý súboru, skôr ako zoznam 918 00:42:59,600 --> 00:43:02,330 adresár, ako som chcel tady. 919 00:43:02,330 --> 00:43:03,750 Viac k tejto problematike špec. 920 00:43:03,750 --> 00:43:04,610 Ty si to vidieť. 921 00:43:04,610 --> 00:43:06,360 >> Tak toto je to, čo som vlastne chcel. 922 00:43:06,360 --> 00:43:08,810 Ale pred chvíľou tam bol súbor v tejto zložke s názvom 923 00:43:08,810 --> 00:43:11,290 index.html a index.php. 924 00:43:11,290 --> 00:43:13,380 A tak bol web server ukazuje mi tie súbory. 925 00:43:13,380 --> 00:43:15,900 Namiesto toho, chcem tento adresár zoznam tu. 926 00:43:15,900 --> 00:43:18,340 >> Takže som ísť do CSS a ísť do search0. 927 00:43:18,340 --> 00:43:21,770 A tvrdím, že je to to bude začiatok mojej vlastnej konkurenčnej 928 00:43:21,770 --> 00:43:22,490 vyhľadávače. 929 00:43:22,490 --> 00:43:27,630 A ako to urobiť, ja idem do Tu, na CSS a otvoriť sa 930 00:43:27,630 --> 00:43:30,190 gedit, hľadanie 0. 931 00:43:30,190 --> 00:43:32,280 Ale bohužiaľ, je tu moc sa tu deje. 932 00:43:32,280 --> 00:43:35,690 Všetko, čo som urobil, bolo použiť záhlavie tag, ktorý stane byť nazývaný h1, ktorý 933 00:43:35,690 --> 00:43:38,180 v podstate znamená veľký a tučné písmo a je to. 934 00:43:38,180 --> 00:43:40,810 Ale prostriedky, ktorými môžeme poskytujú vstupy sú prostredníctvom týchto 935 00:43:40,810 --> 00:43:42,180 veci s názvom formy. 936 00:43:42,180 --> 00:43:46,040 >> Tak ma nechaj ísť dopredu a otvoriť a zatvoriť, preventívne, tag formulára tu. 937 00:43:46,040 --> 00:43:48,060 A nechaj ma ísť ďalej a robiť niečo také. 938 00:43:48,060 --> 00:43:51,430 Vstup, typ rovná textu. 939 00:43:51,430 --> 00:43:56,320 A potom sa poďme zavrieť tag rámci zátvorky samotnej. 940 00:43:56,320 --> 00:43:58,800 Nepotrebujem, kto textového poľa a zastaviť textové pole. 941 00:43:58,800 --> 00:44:01,080 Je to len tam bude, alebo nie. 942 00:44:01,080 --> 00:44:06,210 >> A potom pod to, jdem Typ vstupu rovná odoslať. 943 00:44:06,210 --> 00:44:06,870 Uložiť. 944 00:44:06,870 --> 00:44:08,630 A teraz poďme jednoducho rýchle rozum skontrolovať. 945 00:44:08,630 --> 00:44:09,820 Poďme znova. 946 00:44:09,820 --> 00:44:10,890 >> OK, takže to nie je zlé. 947 00:44:10,890 --> 00:44:13,260 Nie je to Google štýl, ale je to celkom blízko. 948 00:44:13,260 --> 00:44:13,920 K dispozícii je textové pole. 949 00:44:13,920 --> 00:44:17,190 Môžem písať nejaké veci v, stlačte klávesu Enter, ale nič sa nedeje ešte. 950 00:44:17,190 --> 00:44:21,090 A to preto, že som neurčené akcie pre túto formu, aby som tak povedal. 951 00:44:21,090 --> 00:44:23,860 Takže keď som sa vrátiť do formulárového prvku, to dopadá, a viem, že to len 952 00:44:23,860 --> 00:44:27,460 od prečítaní dokumentáciu, aby tag formulára má atribút 953 00:44:27,460 --> 00:44:31,880 s názvom akcie, ktorá je URL webových stránok, na ktoré ste 954 00:44:31,880 --> 00:44:34,790 chcete odoslať formulár. 955 00:44:34,790 --> 00:44:37,610 >> Naozaj neviem, že máme čas na realizovať celú zadnú časť pre 956 00:44:37,610 --> 00:44:38,570 vyhľadávače dnes. 957 00:44:38,570 --> 00:44:41,900 Takže sme len tak povedať, čo, ísť na google.com / search. 958 00:44:41,900 --> 00:44:43,450 A teraz mi zavrieť úvodzoviek. 959 00:44:43,450 --> 00:44:46,070 A dovoľte mi, aby som sa ďalej uvádza, že metódu použiť sa deje 960 00:44:46,070 --> 00:44:47,120 byť nazývaný dostať. 961 00:44:47,120 --> 00:44:50,650 >> Dlhý príbeh krátky, sú dva spôsoby, na Aspoň, že môžete odoslať informácie 962 00:44:50,650 --> 00:44:51,880 z prehliadača na server. 963 00:44:51,880 --> 00:44:55,340 Jedným z nich je získať, a pre dnešné účely, že práve znamená v URL. 964 00:44:55,340 --> 00:44:58,730 Vidíte presne otázniky, na znamienko rovnosti a že tieto znaky 965 00:44:58,730 --> 00:44:59,780 sme videli predtým. 966 00:44:59,780 --> 00:45:02,890 Alebo je tu alternatíva nazýva post. 967 00:45:02,890 --> 00:45:06,490 Zatiaľ vieme, že príspevok je často používaný Pokiaľ chcete vkladať, ako 968 00:45:06,490 --> 00:45:09,820 obrázky a tak ďalej, alebo, ak chcete odoslať informácie o kreditnej karte, alebo 969 00:45:09,820 --> 00:45:13,810 heslá, niečo, čo to nie je naozaj zmysel, koncepčne, alebo 970 00:45:13,810 --> 00:45:18,020 bezpečnostné múdry, že skončí v URL Váš prehliadač, kde snooping rodičia, 971 00:45:18,020 --> 00:45:21,520 alebo spolubývajúci, alebo ktokoľvek s prístupom k počítaču mohli vidieť. 972 00:45:21,520 --> 00:45:23,110 >> Takže poďme zachrániť to tu. 973 00:45:23,110 --> 00:45:24,480 A musím urobiť jednu vec. 974 00:45:24,480 --> 00:45:27,250 Nestačí len hovoria mi textového poľa. 975 00:45:27,250 --> 00:45:29,850 Musím dať tejto oblasti, je cení meno. 976 00:45:29,850 --> 00:45:34,500 Takže dovoľte mi požičať Google výber mená, q, a určiť, že druhý 977 00:45:34,500 --> 00:45:38,150 prisudzujú mi naozaj záleží Názov tlačidlo Odoslať. 978 00:45:38,150 --> 00:45:40,890 Zaujíma ma predkladá čo používateľ zadá palcov 979 00:45:40,890 --> 00:45:41,940 >> A teraz je to trochu škaredé. 980 00:45:41,940 --> 00:45:42,820 Je to len hovorí predložiť. 981 00:45:42,820 --> 00:45:46,350 Ukazuje sa, a viem, že to od dokumentácie, môžem vlastne povedať, 982 00:45:46,350 --> 00:45:51,710 hodnota je citát "koniec citátu CS50 Seach, "close citácie. 983 00:45:51,710 --> 00:45:53,030 Tak poďme znovu načítať znovu. 984 00:45:53,030 --> 00:45:57,020 Tak som sa držať biť Command-R alebo Ovládanie-R na mojej klávesnici znova načítať. 985 00:45:57,020 --> 00:45:58,605 >> Teraz máme oveľa zaujímavejšie vyhľadávače. 986 00:45:58,605 --> 00:46:00,340 To nie je úplne vyzerať Google ešte, hoci. 987 00:46:00,340 --> 00:46:04,100 Tak poďme ďalej sem a urobiť malý koniec riadku. 988 00:46:04,100 --> 00:46:06,066 >> OK, tak teraz máme Google. 989 00:46:06,066 --> 00:46:08,260 V skutočnosti sme sa takmer mať Google. 990 00:46:08,260 --> 00:46:10,460 Takže teraz, čo sa stane? 991 00:46:10,460 --> 00:46:12,220 Budem písať o niečo ako mačky. 992 00:46:12,220 --> 00:46:16,570 A prehliadač bude analyzovať že forma, ktorú som definovala. 993 00:46:16,570 --> 00:46:19,470 A to bude posielať užívateľ na túto adresu URL. 994 00:46:19,470 --> 00:46:23,420 Takže tentoraz z nejakého dôvodu podivné, Mám viac informácií o zásobách 995 00:46:23,420 --> 00:46:24,410 než o aktuálnych mačky. 996 00:46:24,410 --> 00:46:30,580 Ale to je v poriadku, pretože všimnete stále skončil tu, q sa rovná mačky. 997 00:46:30,580 --> 00:46:35,200 >> Tak dlhý príbeh krátky, to sa zdá byť pomerne triviálne získať vstup od užívateľa. 998 00:46:35,200 --> 00:46:38,190 A aby sme boli spravodliví, je to hrozno iných typov polí formulára. 999 00:46:38,190 --> 00:46:41,510 Je tu zaškrtávacie políčka a málo vzájomne exkluzívne radio tlačidlá a 1000 00:46:41,510 --> 00:46:42,960 drop down menu, a ďalšie. 1001 00:46:42,960 --> 00:46:46,160 Ale všetci z nich sú relatívne jednoducho implementované 1002 00:46:46,160 --> 00:46:48,040 Tento text pole bolo. 1003 00:46:48,040 --> 00:46:52,050 A nakoniec budeme musieť urobiť či je niekto počúva na strane druhej 1004 00:46:52,050 --> 00:46:56,490 koniec čiary, aby si, že spracovanie informácií, nejako, a 1005 00:46:56,490 --> 00:46:58,440 nám vrátil naše mačky. 1006 00:46:58,440 --> 00:47:00,840 >> Poďme sa pozrieť na niečo viac zapojiť príklad. 1007 00:47:00,840 --> 00:47:06,020 Nechaj ma ísť do môjho vhost adresára, do miestneho hostiteľa, verejnosť, a kde som 1008 00:47:06,020 --> 00:47:06,980 dať dnešný zdrojový kód. 1009 00:47:06,980 --> 00:47:09,800 To všetko bude na kurze je web pre vás pohrať s 1010 00:47:09,800 --> 00:47:15,420 A keď som sa ísť do froshims, dovoľte mi otvoriť do tohto súboru sa, froshim0.php. 1011 00:47:15,420 --> 00:47:18,460 Toto je trochu ukecaný, takže nebudeme písať to od nuly. 1012 00:47:18,460 --> 00:47:21,970 Ale všimnite si, teraz pár trochu známe vlastnosti. 1013 00:47:21,970 --> 00:47:24,550 >> Jeden, tag formuláre, iná akcia. 1014 00:47:24,550 --> 00:47:25,670 Nie je to kompletné URL. 1015 00:47:25,670 --> 00:47:29,930 Teraz je zrejme na súbor s názvom register0.php, pretože v okamihu, 1016 00:47:29,930 --> 00:47:32,660 Idem sa učiť sám trochu niečo o PHP, programovanie 1017 00:47:32,660 --> 00:47:37,360 jazyk, pretože PHP možno použiť na realizovať to, čo Google realizovaný ako 1018 00:47:37,360 --> 00:47:39,650 zadný koniec ich vyhľadávačov. 1019 00:47:39,650 --> 00:47:42,890 >> Google v skutočnosti pravdepodobne používa niektoré Python, niektoré C + +, a 1020 00:47:42,890 --> 00:47:44,230 zväzky iných jazykoch. 1021 00:47:44,230 --> 00:47:48,230 Ale mohli by sme iste realizovať hľadanie Výsledky s použitím PHP, ak by sme chceli. 1022 00:47:48,230 --> 00:47:49,610 Ale teraz, budeme držať to jednoduchý. 1023 00:47:49,610 --> 00:47:53,320 A to je vlastne pripomína jedného z ďalších prvých webových stránok Aj 1024 00:47:53,320 --> 00:47:54,490 vyrobené rokmi. 1025 00:47:54,490 --> 00:47:58,160 >> Späť v môj deň, ste sa zaregistrovali na sálový šport ako nováčik podľa 1026 00:47:58,160 --> 00:48:00,880 vyplňovanie kus papiera, chôdza cez dvor a jeho umiestnením v 1027 00:48:00,880 --> 00:48:04,890 schránka na Proctor v Wigglesworth, a to ako 1028 00:48:04,890 --> 00:48:05,460 registrovaný. 1029 00:48:05,460 --> 00:48:09,650 A tak môj projekt krátko po CS50, bolo, aby to, čo umožňuje dokonalé 1030 00:48:09,650 --> 00:48:13,460 zmysel, na web, ktorý nebol ako v móde, potom ako to je teraz. 1031 00:48:13,460 --> 00:48:17,510 Ale všetko, čo sme museli urobiť, bolo vytvoriť v podstate, HTML formulára. 1032 00:48:17,510 --> 00:48:19,640 >> A táto forma vyzerala zhruba takto. 1033 00:48:19,640 --> 00:48:22,480 Mal som vstup pre prvák meno. 1034 00:48:22,480 --> 00:48:27,780 Mal som ďalšie začiarknutie políčka, či alebo nie, chce byť kapitánom, čo 1035 00:48:27,780 --> 00:48:30,400 ich pohlavia bol, a čo ich koľaji bol. 1036 00:48:30,400 --> 00:48:33,370 A potom som pevne zakódovaný vo veciach ako aple súdu, a Canaday, 1037 00:48:33,370 --> 00:48:34,880 Grays, a tak ďalej. 1038 00:48:34,880 --> 00:48:36,300 >> Takže znovu, nové značky. 1039 00:48:36,300 --> 00:48:39,820 Nevidel som to skôr, nový atribúty, ale pomerne dobre. 1040 00:48:39,820 --> 00:48:42,360 Akonáhle uvidíte príklad, môžete druh zo požičať túto myšlienku a aby sa pokles 1041 00:48:42,360 --> 00:48:43,820 down menu pre väčšinu čokoľvek. 1042 00:48:43,820 --> 00:48:46,350 Ale čo je kľúčové je, že každý z tieto veci majú svoje mená. 1043 00:48:46,350 --> 00:48:49,720 A v spodnej časti tohto formulára, je tu tlačidlo submit, ktorých označenie, 1044 00:48:49,720 --> 00:48:51,510 alebo hodnoty, je register. 1045 00:48:51,510 --> 00:48:52,670 >> Tak poďme na túto stránku. 1046 00:48:52,670 --> 00:48:55,050 Nechaj ma ísť späť do výpis adresára. 1047 00:48:55,050 --> 00:48:59,410 Nechaj ma ísť do froshims, a prejdite na froshim0.php. 1048 00:48:59,410 --> 00:49:01,150 Takže je to odporné, musí byť spravodlivý. 1049 00:49:01,150 --> 00:49:03,950 Mohol by som určite štylizovať tento s nejakou CSS, mohol by som urobiť nejaké 1050 00:49:03,950 --> 00:49:06,890 grafika, možno pridať nejaké farby, a aby to krajšie. 1051 00:49:06,890 --> 00:49:10,530 Ale funkčne, ja tvrdím, že to je vlastne celkom kompletná. 1052 00:49:10,530 --> 00:49:15,190 >> Bohužiaľ, keď som sa na to vyplniť, David, kapitán, Muž, budeme voliť, 1053 00:49:15,190 --> 00:49:20,510 povedzme Matthews, register, všetko, čo sa deje, je to. 1054 00:49:20,510 --> 00:49:21,910 Nevšimnúť pár takeaways. 1055 00:49:21,910 --> 00:49:27,130 Po prvé, čo sa súbor vrátil tým, Výsledky zrejme? 1056 00:49:27,130 --> 00:49:29,470 Tak to je naozaj register0.php. 1057 00:49:29,470 --> 00:49:34,570 Takže to, že sme videli, že akcia Hodnota pred chvíľou pre register0 to 1058 00:49:34,570 --> 00:49:37,500 potvrdzuje, že sme naozaj skončila sa v tomto konkrétnom súbore. 1059 00:49:37,500 --> 00:49:39,040 >> Teraz je to len škaredý textu. 1060 00:49:39,040 --> 00:49:42,810 Ale zistíte, že tento text je pochádzajúce z miestneho hostiteľa, 1061 00:49:42,810 --> 00:49:44,170 ktorý je z prístroja. 1062 00:49:44,170 --> 00:49:46,350 Myslite spotrebiče teraz len ako webový server, ktorý by mohol byť v 1063 00:49:46,350 --> 00:49:46,910 Science Center. 1064 00:49:46,910 --> 00:49:48,060 Mohlo by to byť na vlastný web. 1065 00:49:48,060 --> 00:49:49,850 Takže je to verejne prístupný. 1066 00:49:49,850 --> 00:49:55,480 >> Takže je jasné, že je nejaký spôsob odovzdávania pole formulára vstupy na server 1067 00:49:55,480 --> 00:49:56,840 tak, že to môže urobiť niečo s nimi. 1068 00:49:56,840 --> 00:49:59,020 Bohužiaľ, register0 je celkom hlúpe. 1069 00:49:59,020 --> 00:50:01,870 Všetko, čo to urobí, je vytlačiť rad ktorá vyzerá takto. 1070 00:50:01,870 --> 00:50:04,790 A nie je to pole v pocit, že ju poznáme. 1071 00:50:04,790 --> 00:50:08,760 Ukázalo sa, že PHP, a veľa jazyky, majú nielen číselne 1072 00:50:08,760 --> 00:50:12,350 Indexované polia, ktorých prvý index je nula, potom jeden, potom dva, potom bodka, 1073 00:50:12,350 --> 00:50:13,780 bodka, bodka, n mínus jedna. 1074 00:50:13,780 --> 00:50:16,400 >> To je to, čo sa nazýva asociatívne pole. 1075 00:50:16,400 --> 00:50:21,150 Asociatívne pole je ten, v ktorom môžete uložiť hodnotu kľúča dvojica, kde 1076 00:50:21,150 --> 00:50:23,160 kľúč nie je nevyhnutne číslo. 1077 00:50:23,160 --> 00:50:25,580 Mohlo by to byť v skutočnosti reťazec, slovo. 1078 00:50:25,580 --> 00:50:28,230 , A tak to môže byť vykonaná, pod pokrievku, ako sa ukázalo, 1079 00:50:28,230 --> 00:50:31,896 pomocou dátovej štruktúry známej ako? 1080 00:50:31,896 --> 00:50:33,600 Myslel som, že sa niečo dramatického sa malo stať - 1081 00:50:33,600 --> 00:50:34,840 hash tabuľky. 1082 00:50:34,840 --> 00:50:38,955 >> Takže hash tabuľky, odvolanie, tí z vás, kto to urobil za sadu P 6, alebo dokonca vyvolať 1083 00:50:38,955 --> 00:50:44,110 to, aspoň to iv prípade, ste skúsiť, hash tabuľka, v našom prevádzke, bola použitá na 1084 00:50:44,110 --> 00:50:45,090 uložiť len slová. 1085 00:50:45,090 --> 00:50:47,980 Ale naozaj, ste ukladanie kľúče a hodnoty. 1086 00:50:47,980 --> 00:50:51,940 Ak ste implementovali hash tabuľky pre P sada 6 slovníka, kľúče boli 1087 00:50:51,940 --> 00:50:56,890 slová, a jej hodnoty boli skutočne pravdivé alebo nepravdivé. 1088 00:50:56,890 --> 00:51:00,190 Áno, tu, alebo implicitne, Nie, tu nie. 1089 00:51:00,190 --> 00:51:02,140 >> No, môžeme zovšeobecniť túto myšlienku. 1090 00:51:02,140 --> 00:51:06,230 A mohli by sme použiť veľmi podobná dáta Konštrukcia pre uloženie nie je reťazec 1091 00:51:06,230 --> 00:51:10,180 sama o sebe sám vo svojom hash tabuľky, ale Domnievame sa, že v každom z Vášho hash 1092 00:51:10,180 --> 00:51:11,130 tabuľky uzlov. 1093 00:51:11,130 --> 00:51:14,210 A môžete dokonca urobiť v pokus skôr než len bool. 1094 00:51:14,210 --> 00:51:15,350 Tie by mohli mať niečo iné. 1095 00:51:15,350 --> 00:51:19,590 Čo keď kľúč nebol maxwell, pre inštancie, ale citujem koniec citátu "meno", alebo 1096 00:51:19,590 --> 00:51:22,900 koniec citátu "citoval kapitána." A vnútri Vaše C dátová štruktúra, dáte 1097 00:51:22,900 --> 00:51:26,170 hodnota, a to nielen logický, ale hodnoty ako citátom koniec citátu "David", alebo 1098 00:51:26,170 --> 00:51:28,690 "M", alebo "Matthews," a tak ďalej. 1099 00:51:28,690 --> 00:51:33,170 >> Takže rovnakých dátových štruktúr sme používali zrejme existujú aj v iných jazykoch. 1100 00:51:33,170 --> 00:51:37,650 A ja by som tvrdiť, že sú v skutočnosti oveľa, oveľa jednoduchší prístup tu. 1101 00:51:37,650 --> 00:51:40,300 Poďme v skutočnosti sa pozrieť teraz na nejakom takomto syntaxe. 1102 00:51:40,300 --> 00:51:43,120 >> Chystám sa ísť do adresára PHP. 1103 00:51:43,120 --> 00:51:48,390 A ja idem otvoriť lepší verzia Hello-0 pred rokom. 1104 00:51:48,390 --> 00:51:50,270 Všimnite si, že všetko, čo som urobil, bolo, pridať nejaké komentáre. 1105 00:51:50,270 --> 00:51:52,530 Takže sa môžeme zbaviť tohto rozptýlenie. 1106 00:51:52,530 --> 00:51:57,610 >> A tento program je vskutku vytlačí Dobrý deň, pretože som špecifikované medzi 1107 00:51:57,610 --> 00:52:01,420 tagy, ktoré chcem spustiť tento kód. 1108 00:52:01,420 --> 00:52:03,380 Teraz uvidíme za chvíľu prečo je to užitočné. 1109 00:52:03,380 --> 00:52:05,630 Ale poďme otvoriť jeden ďalší príklad tu. 1110 00:52:05,630 --> 00:52:10,430 Nechaj ma ísť dopredu a otvoriť povedať, gedit podmienok jedného. 1111 00:52:10,430 --> 00:52:12,970 >> To je cesta späť v čase teraz. 1112 00:52:12,970 --> 00:52:16,320 Ale týždne, myslím, že v prvom týždni alebo týždeň dva, sme mali s názvom príklad 1113 00:52:16,320 --> 00:52:18,470 conditions1.c. 1114 00:52:18,470 --> 00:52:22,050 A rozhodol som sa ho implementujeme v PHP, len trochu zdôrazniť, že 1115 00:52:22,050 --> 00:52:26,500 PHP, syntakticky, je takmer totožný na C. To nie je obrovský skok 1116 00:52:26,500 --> 00:52:27,840 z minulého týždňa v tejto oblasti. 1117 00:52:27,840 --> 00:52:31,230 >> Všimnite si, v hornej časti tohto programu, ktorý začína, rovnako ako predtým, s niektorými 1118 00:52:31,230 --> 00:52:34,260 pripomienky, ktoré sa zbavím ako rozptýlenie. 1119 00:52:34,260 --> 00:52:37,410 Všimnite si, že som v PHP Režim v tomto súbore. 1120 00:52:37,410 --> 00:52:40,160 Takže tento kód, uvidíme, dostane popravený. 1121 00:52:40,160 --> 00:52:42,670 Všimnite si, že je readline, čo je pravdepodobne 1122 00:52:42,670 --> 00:52:46,230 analóg v PHP na getString. 1123 00:52:46,230 --> 00:52:47,390 Všimnite si, že je to trochu inak. 1124 00:52:47,390 --> 00:52:51,410 Ste vlastne určiť, výzva na funkcia je volaná čítať linka, a to 1125 00:52:51,410 --> 00:52:52,180 to, čo používateľ vidí. 1126 00:52:52,180 --> 00:52:53,520 Takže sa nemusíte printf ručne. 1127 00:52:53,520 --> 00:52:54,860 Ale to nie je veľký problém. 1128 00:52:54,860 --> 00:52:59,150 Idem ukladať, vnútri $ n, Vrátená hodnota tejto, takže bez ohľadu na 1129 00:52:59,150 --> 00:53:00,490 Užívateľ zadá je ich int. 1130 00:53:00,490 --> 00:53:01,660 A tu je ďalší zvedavosť. 1131 00:53:01,660 --> 00:53:05,810 Ukázalo sa, že v PHP, akejkoľvek premenné len musí byť predponou 1132 00:53:05,810 --> 00:53:06,970 znakom dolára. 1133 00:53:06,970 --> 00:53:08,110 Je to trochu nepríjemné. 1134 00:53:08,110 --> 00:53:10,870 Ale zistíte, čo som neurobil v PHP. 1135 00:53:10,870 --> 00:53:13,980 Čo chýba z ľavej ruky strane od rovnítka? 1136 00:53:13,980 --> 00:53:15,430 >> Žiadna zmienka o type. 1137 00:53:15,430 --> 00:53:19,400 Takže toto je odlišné od C. Pre lepšiu alebo horšie, PHP je voľne 1138 00:53:19,400 --> 00:53:20,550 typový jazyk. 1139 00:53:20,550 --> 00:53:22,010 To má čísla. 1140 00:53:22,010 --> 00:53:23,240 To má reťazca. 1141 00:53:23,240 --> 00:53:24,015 To má pravdivostnú hodnotu. 1142 00:53:24,015 --> 00:53:26,220 A to má málo iné dátové typy. 1143 00:53:26,220 --> 00:53:30,570 Ale vy, programátor, zvyčajne Nemusíte sa starať o ne. 1144 00:53:30,570 --> 00:53:34,010 Výhodou je to, že to robí to trochu jednoduchšie program. 1145 00:53:34,010 --> 00:53:35,380 Môžete si myslieť o niečo menej. 1146 00:53:35,380 --> 00:53:39,840 Nevýhodou je, že aj vám otvorí až potenciálne chyby, ak ste náhodou 1147 00:53:39,840 --> 00:53:43,080 liečbe číslo ako reťazec, reťazec ako číslo, prípadne, ale aj 1148 00:53:43,080 --> 00:53:46,150 potom, PHP a mnoho jazykov, sú veľmi tolerantní. 1149 00:53:46,150 --> 00:53:49,050 Budú používať to, čo sa nazýva implicitné obsadenie. 1150 00:53:49,050 --> 00:53:55,220 A ak sa pokúsite použiť n v rámci z numerického situácie, bude 1151 00:53:55,220 --> 00:53:58,040 previesť, čo tu bude reťazec, pretože v prípade, že používateľ zadá 1152 00:53:58,040 --> 00:54:01,570 niečo, a dostanete výsledok, rovnako ako readline, alebo sa reťazec, 1153 00:54:01,570 --> 00:54:02,910 že sa to vráti reťazec. 1154 00:54:02,910 --> 00:54:07,360 >> Ale oznámenia, pár riadkov neskôr som skontrolujte, či n je väčšie ako nula. 1155 00:54:07,360 --> 00:54:13,370 Takže PHP bude implicitne odovzdaných my "Reťazec" 123, alebo čo užívateľ 1156 00:54:13,370 --> 00:54:14,860 druhy uvedené v, do int. 1157 00:54:14,860 --> 00:54:18,730 Takže v skratke, veci jednoducho funguje oveľa viac intuitívne. 1158 00:54:18,730 --> 00:54:23,410 Takže teraz začínajú odpočívať niekoľko veci, ktoré sme urobili v minulosti. 1159 00:54:23,410 --> 00:54:24,780 >> Mnoho z týchto vecí je rovnaké, aj keď. 1160 00:54:24,780 --> 00:54:26,340 Stále ste rovná rovná. 1161 00:54:26,340 --> 00:54:30,350 Ako stranou PHP má tiež rovná sa rovná rovná, ale o to, že možno, v 1162 00:54:30,350 --> 00:54:30,850 budúcnosť. 1163 00:54:30,850 --> 00:54:31,150 To bolo. 1164 00:54:31,150 --> 00:54:35,660 Typo ale dva znamienko rovnosti znamená to isté vec ako predtým, pre porovnanie. 1165 00:54:35,660 --> 00:54:37,060 printf znamená to isté ako predtým. 1166 00:54:37,060 --> 00:54:39,160 Spätné lomítko n znamená to isté vec ako predtým. 1167 00:54:39,160 --> 00:54:40,390 >> Tak ako to mám spustiť tento program? 1168 00:54:40,390 --> 00:54:44,400 No, rovnako ako predtým, keď to urobím PHP, conditions1.php, a zadajte 1169 00:54:44,400 --> 00:54:46,560 číslo ako 123. 1170 00:54:46,560 --> 00:54:47,720 To je kladné číslo. 1171 00:54:47,720 --> 00:54:49,510 Keby som zadajte 0, 0 vyberiem. 1172 00:54:49,510 --> 00:54:53,700 A keď píšem v negatívnom 123, dostanem späť záporné číslo, čo je iba 1173 00:54:53,700 --> 00:54:59,050 povedať, syntakticky, PHP je super, super podobné. 1174 00:54:59,050 --> 00:55:03,250 >> Tak prečo je to teraz vhodné vo webovom kontexte? 1175 00:55:03,250 --> 00:55:06,710 Dobre, vráťme sa k tejto froshims príklad, ktorý vyzeral, 1176 00:55:06,710 --> 00:55:08,600 opäť, ako toto. 1177 00:55:08,600 --> 00:55:11,580 A poďme vlastne vytiahnuť webovú stránku znova, ktorý vyzeral takto. 1178 00:55:11,580 --> 00:55:14,930 Čo môžeme robiť s dáta, ktorá je predložená? 1179 00:55:14,930 --> 00:55:18,770 >> No, dovoľte mi otvoriť novšie verzia tohto. 1180 00:55:18,770 --> 00:55:20,920 A uvidíte, že problém sady Špecifikácie vás prevedie 1181 00:55:20,920 --> 00:55:22,850 cez niekoľko z nich. 1182 00:55:22,850 --> 00:55:29,610 Skôr než začať s nulou, poďme sa pozrieť na froshims3, 1183 00:55:29,610 --> 00:55:31,410 ktorý robí trochu viac. 1184 00:55:31,410 --> 00:55:34,780 >> Všimnite si najprv, vlastne, poďme otvoriť to, čo bolo 0, takže vidíte 1185 00:55:34,780 --> 00:55:37,170 čo registra 0 je. 1186 00:55:37,170 --> 00:55:40,040 Všimnite si, ako register 0 robil. 1187 00:55:40,040 --> 00:55:41,730 Po prvé, mám pripomienky hore. 1188 00:55:41,730 --> 00:55:43,900 Odstrániť tie a sústrediť sa iba na túto tému. 1189 00:55:43,900 --> 00:55:48,730 Väčšina obsahu register0.php sú, samozrejme, v akom jazyku? 1190 00:55:48,730 --> 00:55:49,980 Len surové PHP. 1191 00:55:49,980 --> 00:55:53,430 >> Takže upozornenie, tento súbor sa nespustí sa, v tejto chvíli otvorené triede, 1192 00:55:53,430 --> 00:55:54,970 otáznik, PHP. 1193 00:55:54,970 --> 00:55:59,800 PHP robí vám umožní stretávať PHP kód s HTML tagy. 1194 00:55:59,800 --> 00:56:04,130 Ale čo som urobil, že tu vo vnútri zo strany cez tu. 1195 00:56:04,130 --> 00:56:08,180 >> Teraz, opäť, mali by ste poznať iba to od keď sa pozrel na manuáli. print_r, 1196 00:56:08,180 --> 00:56:13,410 ako sa ukázalo, je print_recursive. _recursive A to je len šikovný 1197 00:56:13,410 --> 00:56:16,780 úžitkové funkcie, ktoré práve vytlačí, rekurzívne, čo odovzdajte ho. 1198 00:56:16,780 --> 00:56:18,760 Pokiaľ strane to pole, to bude tlačiť pole. 1199 00:56:18,760 --> 00:56:20,180 Pokiaľ strane je číslo, to bude tlačiť číslo. 1200 00:56:20,180 --> 00:56:21,570 Stranu je reťazec, bude to vytlačiť reťazec. 1201 00:56:21,570 --> 00:56:24,500 Ak máte odovzdať mu hash tabuľky, to vytlačí hash tabuľky. 1202 00:56:24,500 --> 00:56:26,730 Nemusíte písať všetky tohto kódexu sami. 1203 00:56:26,730 --> 00:56:29,490 >> Teraz si všimnúť, že som zadanie PHP mód sem. 1204 00:56:29,490 --> 00:56:32,070 Som ukončení PHP režim tu. 1205 00:56:32,070 --> 00:56:35,950 Takže keď webový server číta tento súbor zhora nadol, zľava doprava, pretože 1206 00:56:35,950 --> 00:56:40,750 končí v súbore s názvom. php, čo nie je vo vnútri tagov PHP je 1207 00:56:40,750 --> 00:56:42,820 len bude pľuvať out, rovnako ako surové HTML. 1208 00:56:42,820 --> 00:56:43,630 O nič nejde. 1209 00:56:43,630 --> 00:56:49,280 Ale akonáhle webový server oznámenia to, že to bude hovoriť, nemal by som 1210 00:56:49,280 --> 00:56:51,850 vypľuť, a to doslova, print_r z post. 1211 00:56:51,850 --> 00:56:54,910 Mal by som urobiť nasledovné riadok kódu. 1212 00:56:54,910 --> 00:56:59,850 >> Takže posledná otázka, potom, z tohto súboru Je dobre, čo to sakra je? 1213 00:56:59,850 --> 00:57:00,530 Urobte si hádať. 1214 00:57:00,530 --> 00:57:04,230 Čo je $ _POST, asi? 1215 00:57:04,230 --> 00:57:07,070 >> DIVÁKOV: [nepočuteľné] 1216 00:57:07,070 --> 00:57:08,830 >> SPEAKER 1: Jo, vyslaní údaje. 1217 00:57:08,830 --> 00:57:11,350 Pripomeňme, poďme sa posunúť späť do čas len na chvíľu. 1218 00:57:11,350 --> 00:57:13,165 froshim0 opäť vyzeral takto. 1219 00:57:13,165 --> 00:57:15,640 Super väčšina je to len HTML. 1220 00:57:15,640 --> 00:57:18,410 Opäť platí, že niektoré značky nemáte ešte vidieť, alebo s ktorými 1221 00:57:18,410 --> 00:57:19,360 že ste už oboznámení. 1222 00:57:19,360 --> 00:57:21,990 Ale zaujímavé to bolo. 1223 00:57:21,990 --> 00:57:27,270 Tahle linka je to, čo skutočne spája to, aby naše register0.php súboru. 1224 00:57:27,270 --> 00:57:29,200 Ja podaní prostredníctvom metódy POST. 1225 00:57:29,200 --> 00:57:33,130 A to znamená, že parametre používateľ zadá nie sú 1226 00:57:33,130 --> 00:57:35,150 Skončím kde. 1227 00:57:35,150 --> 00:57:36,175 >> Oni nebude zobrazí v URL. 1228 00:57:36,175 --> 00:57:39,020 Sú stále bude odoslaný z Klient, z prehliadača, do 1229 00:57:39,020 --> 00:57:42,080 servera, ale len cez iné mechanizmus, ktorý budeme vzdať svoje ruky 1230 00:57:42,080 --> 00:57:44,330 na pre dnešok, ale to nie je v URL. 1231 00:57:44,330 --> 00:57:47,630 Ale všimnite si vzťah teraz s pošta, ktoré sú podľa konvencie, je 1232 00:57:47,630 --> 00:57:49,160 malá tu. 1233 00:57:49,160 --> 00:57:54,090 >> Ale keď otvorím register0.php, Som zrejme tlače to. 1234 00:57:54,090 --> 00:57:56,450 Tak toto je trochu divný pomenovanie. 1235 00:57:56,450 --> 00:58:01,430 Ale to, čo je pekné v PHP je, že keď pomocou PHP vo webovom kontexte, nie na 1236 00:58:01,430 --> 00:58:04,480 príkazový riadok, ako som to urobil pred chvíľou, keď ste vlastne používať v pavučine 1237 00:58:04,480 --> 00:58:10,580 strana, v vhost adresári ako my, PHP bude automaticky vyplniť tento 1238 00:58:10,580 --> 00:58:15,560 vec, ktorá je asociatívne pole, aby som tak povedal, hash tabuľky, s 1239 00:58:15,560 --> 00:58:17,290 všetko, čo užívateľ napísal palcov 1240 00:58:17,290 --> 00:58:22,000 >> Stručne povedané, $ _POST vo všetkých kontaktoch je globálna premenná, ktorá práve PHP 1241 00:58:22,000 --> 00:58:25,050 magicky vytvára pre vás, ak pomocou PHP vo webovom prostredí. 1242 00:58:25,050 --> 00:58:29,160 A to dáva do nej všetkých názvy parametrov v podobe, 1243 00:58:29,160 --> 00:58:33,200 bol predložený k tomuto súboru a všetky hodnoty, ktoré užívateľ zadali palcov 1244 00:58:33,200 --> 00:58:37,790 Tak to ruky, aby vám čo užívateľ zadali v tejto podobe. 1245 00:58:37,790 --> 00:58:42,210 >> Takže ako sme sa dostali naozaj hlúpy výstup toho len vidieť to, pretože všetko, čo som urobil 1246 00:58:42,210 --> 00:58:44,400 bola rekurzívne vytlačiť poľa. 1247 00:58:44,400 --> 00:58:46,060 Kľúčom k úspechu je meno, hodnota je David. 1248 00:58:46,060 --> 00:58:46,980 Kľúčom k úspechu je kapitán. 1249 00:58:46,980 --> 00:58:47,970 Hodnota je na. 1250 00:58:47,970 --> 00:58:52,300 A dvojitá šípka a uhol Držiak sa, je to len ľubovoľný. 1251 00:58:52,300 --> 00:58:53,270 To nie je kód. 1252 00:58:53,270 --> 00:58:57,690 To je len PHP spôsob, ako ukázať vám akú hodnotu nejakého kľúča je. 1253 00:58:57,690 --> 00:59:03,000 >> Ale teraz mi dovoľte navrhnúť, aby v froshIMs3, je to takmer totožné 1254 00:59:03,000 --> 00:59:04,950 okrem toho predkladá k tomuto súboru. 1255 00:59:04,950 --> 00:59:08,570 A opäť budeme trochu len pohľad na to, stačí sa pozrieť na nejaké 1256 00:59:08,570 --> 00:59:12,040 syntax, ale uvedomte si, čo Tento súbor. 1257 00:59:12,040 --> 00:59:14,930 Hádajte len na základe vzoru kód, ktorý pravdepodobne vyzerať 1258 00:59:14,930 --> 00:59:17,410 Riek, do určitej miery, je zrejme robí. 1259 00:59:17,410 --> 00:59:20,580 1260 00:59:20,580 --> 00:59:23,110 >> Tento súbor je nejako súvisí na poštu, e-mail. 1261 00:59:23,110 --> 00:59:24,770 Takže to, čo je tento program robí? 1262 00:59:24,770 --> 00:59:28,740 V tejto verzii, keby som bol skutočne vyplňte tento formulár - a nechaj ma ísť 1263 00:59:28,740 --> 00:59:30,760 froshIMs3, nie froshIMs0 - 1264 00:59:30,760 --> 00:59:33,280 1265 00:59:33,280 --> 00:59:34,540 forma vyzerá rovnako. 1266 00:59:34,540 --> 00:59:37,980 David, kapitán, samec, koľaji, Matthews. 1267 00:59:37,980 --> 00:59:42,980 Ale keď je predkladať, je tento súbor ísť na register3.php. 1268 00:59:42,980 --> 00:59:46,330 >> A tvrdím, pri pohľade na to zdrojový kód, bude to 1269 00:59:46,330 --> 00:59:47,650 nejako zapojiť e-mail. 1270 00:59:47,650 --> 00:59:49,620 Nechaj ma ísť dopredu a otvorte túto vo väčšej okná, a tak sme 1271 00:59:49,620 --> 00:59:51,030 môže vidieť čistejšie. 1272 00:59:51,030 --> 00:59:57,220 Sme vhosts, miestneho hostiteľa, verejnosti, froshims. 1273 00:59:57,220 --> 00:59:58,680 Idem otvoriť iný Program, len aby sme 1274 00:59:58,680 --> 01:00:00,160 môžete prezrieť viac naraz. 1275 01:00:00,160 --> 01:00:03,100 >> Takže teraz tu, všimnite si pár vecí. 1276 01:00:03,100 --> 01:00:06,530 V hornej časti je súbor otvorený držiak, otáznik, PHP. 1277 01:00:06,530 --> 01:00:08,920 Potom je tu veľa komentárov, ktoré môžeme ignorovať, je 1278 01:00:08,920 --> 01:00:10,450 nezaujímavé teraz. 1279 01:00:10,450 --> 01:00:11,300 >> Teraz je to. 1280 01:00:11,300 --> 01:00:14,200 Ukazuje sa, že PHP má veľa kódu s názvom vyžadujú. 1281 01:00:14,200 --> 01:00:19,110 Je to veľmi podobné v duchu na C je patrí hash zahŕňajú, ktorý 1282 01:00:19,110 --> 01:00:21,980 v podstate vezme obsah niektorých iný súbor a len plops je tu, 1283 01:00:21,980 --> 01:00:22,930 takže ich môžete použiť. 1284 01:00:22,930 --> 01:00:27,060 V tomto prípade, je zariadenie, pre-nainštalované, knižnica, zadarmo a 1285 01:00:27,060 --> 01:00:29,900 open source knižnicu s názvom PHP mailer, že niekto môže 1286 01:00:29,900 --> 01:00:30,770 stiahnuť z internetu. 1287 01:00:30,770 --> 01:00:32,000 Proste sme to za vás. 1288 01:00:32,000 --> 01:00:36,130 A to znamená, že teraz majú e-mail Funkčnosť mám k dispozícii. 1289 01:00:36,130 --> 01:00:38,170 >> Teraz, všimnite si pár vecí. 1290 01:00:38,170 --> 01:00:41,120 Idem na overenie formuláre podanie. 1291 01:00:41,120 --> 01:00:45,980 Ukázalo sa, PHP, jeden, má výkrik body pre operátor NOT, rovnako ako 1292 01:00:45,980 --> 01:00:49,810 C. Ale PHP má tiež funkciu, tzv prázdna. 1293 01:00:49,810 --> 01:00:53,920 >> Prázdny len vracia hodnotu true, ak je hodnota o vec, ktorú odovzdajte ho do 1294 01:00:53,920 --> 01:00:57,190 zátvorky je prázdna, rovnako ako užívateľ nemal písať nič palcov 1295 01:00:57,190 --> 01:01:02,680 Tak to hovorí, a všimnite syntax, veľmi pripomínajúce C, v prípade, že 1296 01:01:02,680 --> 01:01:07,730 názov kľúča, takže názov poľa v tvare, ktorá bola predložená poštou, podľa 1297 01:01:07,730 --> 01:01:13,010 užívateľ, nie je prázdny, a ich pohlavia nie je prázdny vo forme, 1298 01:01:13,010 --> 01:01:15,980 dobre, a ich koľaji nie je prázdna - 1299 01:01:15,980 --> 01:01:19,980 nevšimnúť, ja sa nestarám o kapitána Tak čo s tým budeme robiť? 1300 01:01:19,980 --> 01:01:21,990 >> Chystám sa spustiť tento riadok kódu. 1301 01:01:21,990 --> 01:01:24,100 A na čo si spomeniete tohto druhu ako malloc, ale je to trochu 1302 01:01:24,100 --> 01:01:24,800 chovateľ než to. 1303 01:01:24,800 --> 01:01:29,200 Ale teraz to mi dáva zvláštne struct typu PHP Mailer. 1304 01:01:29,200 --> 01:01:31,410 Ale ignorovať kľúčové slovo nové pre dnešok. 1305 01:01:31,410 --> 01:01:35,670 >> Teraz idem volať funkciu s názvom IsSMTP, ktorý hovorí, použite SMTP. 1306 01:01:35,670 --> 01:01:39,380 Toto je port 25, rovnako ako videá minulý týždeň, keď to bolo hádzanie 1307 01:01:39,380 --> 01:01:40,710 e-maily do firewallu. 1308 01:01:40,710 --> 01:01:42,440 Port 25 je SMTP. 1309 01:01:42,440 --> 01:01:44,410 SMTP znamená použiť e-mailový server. 1310 01:01:44,410 --> 01:01:46,215 Ktorý z nich môžeme použiť Harvarde SMTP.fas.harvard.edu. 1311 01:01:46,215 --> 01:01:48,850 1312 01:01:48,850 --> 01:01:51,590 >> Môžeme nastaviť od adresy sa John Harvarde. 1313 01:01:51,590 --> 01:01:55,090 Keby som prejdite ďalej, môžem nastaviť adresa príjemcu, len 1314 01:01:55,090 --> 01:01:56,840 ľubovoľne, aby sa John Harvard je to rovnako. 1315 01:01:56,840 --> 01:01:59,210 Takže to bude e-mailom sám. 1316 01:01:59,210 --> 01:02:01,600 >> Teraz môžem nastaviť predmet sa registrácia. 1317 01:02:01,600 --> 01:02:03,700 A môžem nastaviť telo na e-mail takto. 1318 01:02:03,700 --> 01:02:06,500 Táto linka vyzerá trochu viac zložitejšie, ale to je len preto, že je tam veľa 1319 01:02:06,500 --> 01:02:07,450 informácií v ňom. 1320 01:02:07,450 --> 01:02:10,670 Po prvé, je tu operátor bodky. 1321 01:02:10,670 --> 01:02:14,510 Niekto musí vedieť, čo sa už Operátor bodka robí. 1322 01:02:14,510 --> 01:02:15,436 Je to zreťazenie. 1323 01:02:15,436 --> 01:02:19,240 Takže ak chcete, aby sa reťazec v PHP, a pripojíte ho, alebo ho predradiť, aby 1324 01:02:19,240 --> 01:02:23,500 ďalší reťazec v PHP, vďaka bohu, že Nemusíte používať strcopy a malloc, 1325 01:02:23,500 --> 01:02:25,490 a to všetko ešte. 1326 01:02:25,490 --> 01:02:28,765 >> Ak chcete zřetězit dva reťazce, kto sa stará o pamäti. 1327 01:02:28,765 --> 01:02:30,850 Nechajte PHP údaj, ktorý pre vás. 1328 01:02:30,850 --> 01:02:35,200 Čo bude robiť s PHP operátor dot Tu je len urobiť veľký trest von 1329 01:02:35,200 --> 01:02:37,900 tohto riadku tento riadok, tento riadok, tento riadok. 1330 01:02:37,900 --> 01:02:40,460 A teraz oznámenia, bude to k upchávaniu v hodnotách. 1331 01:02:40,460 --> 01:02:43,680 Takže e-mail, že John Harvard sa deje pre príjem je doslova povie 1332 01:02:43,680 --> 01:02:49,450 meno, hrubého čreva, niečo, skôr potom uzavrite reťazec a spojiť na 1333 01:02:49,450 --> 01:02:52,220 čo užívateľ napísal v, potom nový riadok. 1334 01:02:52,220 --> 01:02:54,570 >> Potom na ďalší riadok John Harvarde e-mail, bude to povedať, 1335 01:02:54,570 --> 01:02:55,910 Kapitán, On alebo nič. 1336 01:02:55,910 --> 01:02:57,810 Bude to povedať pohlavia, muž alebo žena. 1337 01:02:57,810 --> 01:02:59,680 Koľaj bude Matthews v mojom prípade. 1338 01:02:59,680 --> 01:03:03,400 A potom zistíte známej bodkočiarku na samom konci. 1339 01:03:03,400 --> 01:03:07,830 A potom, tu dole, oznámenia, trochu tajomný stále, ale opäť, po 1340 01:03:07,830 --> 01:03:12,730 vzor, ​​ktorý sa zoznámiť Po nastavení P 7, pri odosielaní e-mailu 1341 01:03:12,730 --> 01:03:16,610 vráti hodnotu false, potom choďte do toho a zomrieť. 1342 01:03:16,610 --> 01:03:19,610 >> Takže PHP má funkciu nazvanú zomrieť, , Ktorá doslova, len zabije 1343 01:03:19,610 --> 01:03:22,830 webové stránky a len vytlačí čokoľvek to hovoríš - jeho umiera 1344 01:03:22,830 --> 01:03:24,280 slová, aby som tak povedal. 1345 01:03:24,280 --> 01:03:28,310 A to v prípade, vytlačí čo je chyba info je pre 1346 01:03:28,310 --> 01:03:29,860 čo sa stalo s pokaziť. 1347 01:03:29,860 --> 01:03:34,490 Tak dlhý príbeh krátky tu, čo máme je príklad, kedy, ak používateľ 1348 01:03:34,490 --> 01:03:39,150 odošle formulár, froshim0, froshims3.php, to ide 1349 01:03:39,150 --> 01:03:40,760 register3.php. 1350 01:03:40,760 --> 01:03:45,290 Ale register3.php potom pokračuje vykonávať všetky tieto riadky. 1351 01:03:45,290 --> 01:03:46,620 >> Takže je tu pár prijímame aways tu. 1352 01:03:46,620 --> 01:03:50,380 Po prvé, je to vraj pomerne jednoduché, programovo, posielať e-maily, 1353 01:03:50,380 --> 01:03:50,830 čo je dobré. 1354 01:03:50,830 --> 01:03:53,500 Keď používatelia registra pre vaše webové stránky, v V tomto prípade pri registrácii pre vaše 1355 01:03:53,500 --> 01:03:56,220 šport, môžete odoslať e-mailom prváku Proctor, alebo John 1356 01:03:56,220 --> 01:03:57,650 Harvard, v tomto prípade. 1357 01:03:57,650 --> 01:04:01,630 >> Ale to tiež znamená, že môžete robiť to, čo? 1358 01:04:01,630 --> 01:04:03,970 Posielať e-maily od kohokoľvek komukoľvek. 1359 01:04:03,970 --> 01:04:05,430 A to je veľmi pravdivé. 1360 01:04:05,430 --> 01:04:08,580 To nie je tak ľahko urobiť, ak ste zvyknutí používať Gmail. 1361 01:04:08,580 --> 01:04:11,310 Ale ak ste niekedy používali Eudora alebo Outlook, môžete do značnej miery povedať, 1362 01:04:11,310 --> 01:04:13,720 mailového servera, že ste niekto chcete. 1363 01:04:13,720 --> 01:04:16,450 A to je miesto, kde musím dať na ten klobúk a povedať, nerob to. 1364 01:04:16,450 --> 01:04:21,140 Ale to je dokladom toho, aké ľahké je vykonať phishingu a 1365 01:04:21,140 --> 01:04:24,310 Poslať anonymný e-maily, a spam, všeobecnejšie. 1366 01:04:24,310 --> 01:04:27,330 A je to naozaj scvrkáva Skutočnosť, že všetko, čo potrebujete, je nejaký 1367 01:04:27,330 --> 01:04:28,500 programový prístup. 1368 01:04:28,500 --> 01:04:31,940 >> Ako stranou, môj najbližší stretnutie s ad doska, moja prváku, 1369 01:04:31,940 --> 01:04:34,320 bolo, keď som to zistil v pohode trik, že wow, môžete 1370 01:04:34,320 --> 01:04:36,850 posielať e-maily od kohokoľvek. 1371 01:04:36,850 --> 01:04:39,770 A tak sme mali nejaké stupídne Argument, doslova v meste Matthews, 1372 01:04:39,770 --> 01:04:40,790 Medzi moje Proctor skupiny. 1373 01:04:40,790 --> 01:04:42,470 Ja si ani nepamätám čo záležitosť bola. 1374 01:04:42,470 --> 01:04:44,970 Ale chcel som skúsiť dať koniec tejto hlúpe debaty. 1375 01:04:44,970 --> 01:04:48,580 >> Tak som sa rozhodol, že bude len poslať e-mail k môjmu Proctor skupiny, predstiera, že je 1376 01:04:48,580 --> 01:04:52,000 ten druhý, s ktorého stanovisku nesúhlasil, a mať ho strpieť 1377 01:04:52,000 --> 01:04:54,680 bez ohľadu na môj názor bol tento konkrétny diskusie. 1378 01:04:54,680 --> 01:04:59,320 A tak som kované tento e-mail pomocou Technika duchom podobné tomuto. 1379 01:04:59,320 --> 01:05:01,256 Ale to bolo vlastne jednoduchšie v tej dobe. 1380 01:05:01,256 --> 01:05:02,435 Hit odoslať. 1381 01:05:02,435 --> 01:05:06,660 Nebol rád, ani by boli reklamné tabule. 1382 01:05:06,660 --> 01:05:10,280 >> A bol som veľmi rýchlo pochopil rámci sekúnd, pretože, ako viete, mám podpísať 1383 01:05:10,280 --> 01:05:11,420 moje e-maily určitým spôsobom. 1384 01:05:11,420 --> 01:05:14,200 A keď som to urobiť ručne, u väčších časť, o 15 rokov neskôr, pretože som bol 1385 01:05:14,200 --> 01:05:15,080 traumatizované tým. 1386 01:05:15,080 --> 01:05:16,960 Nemám podpis na môj e-mail hneď. 1387 01:05:16,960 --> 01:05:20,440 Ale v roku 1995 som mal sig, podpis v mojom e-mailu. 1388 01:05:20,440 --> 01:05:24,630 Takže tam bola táto poznámka hovorí, Vážení Proctor skupina, som sa zmieriť svoj názor 1389 01:05:24,630 --> 01:05:31,240 a súhlasím s Davidom, a podpísaný, aby tak, nová linka, nová linka, DJM. 1390 01:05:31,240 --> 01:05:36,220 >> Tak to nerob, alebo všeobecne, sa Výhodou tejto techniky. 1391 01:05:36,220 --> 01:05:39,950 Ale keď sa robiť webové stránky, ako pre váš konečný projekt, pri 1392 01:05:39,950 --> 01:05:43,460 internetové stránky pre niečo podnikateľské, To je, ako pragmaticky, môžete 1393 01:05:43,460 --> 01:05:47,000 využívajú ďalšie služby na internete ako pošty a potom vlastne 1394 01:05:47,000 --> 01:05:49,440 Poslať veci pomocou kódu. 1395 01:05:49,440 --> 01:05:51,240 >> Takže, ako môžeme zlepšiť na to? 1396 01:05:51,240 --> 01:05:54,370 No, v prvej poďme rýchlu prehliadku niektoré z vecí, ktoré uvidíte, 1397 01:05:54,370 --> 01:05:56,170 a potom sa pozrieť na pár príkladov. 1398 01:05:56,170 --> 01:05:59,500 Takže jedna, upokojiť, pretože letíme cez PHP. 1399 01:05:59,500 --> 01:06:02,470 A ja viem, na nejakom mieste, budete mať skutočne začať písať to, ak 1400 01:06:02,470 --> 01:06:03,460 tak už neurobili. 1401 01:06:03,460 --> 01:06:06,220 Uvedomte si, že jeden, hlavné je druh von okno s PHP. 1402 01:06:06,220 --> 01:06:09,420 Ak chcete písať kód, ktorý dostane vykonaný, stačí začať písať ju 1403 01:06:09,420 --> 01:06:13,970 súbor s názvom. php tak dlho, kým máte otvorenú konzolu 1404 01:06:13,970 --> 01:06:15,620 otáznik PHP tag. 1405 01:06:15,620 --> 01:06:19,730 >> Nevšimnúť, sú podmienky v PHP. 1406 01:06:19,730 --> 01:06:22,610 Všimnite si, to je presne rovnaký snímka sme mali v prvom týždni, kedy sme mali 1407 01:06:22,610 --> 01:06:25,670 podmienky v C. podmienok v PHP sú štrukturálne a 1408 01:06:25,670 --> 01:06:27,140 syntakticky rovnaké. 1409 01:06:27,140 --> 01:06:30,290 Jediný skutočný rozdiel je, ak máte premenné zapojení, máte tie 1410 01:06:30,290 --> 01:06:31,600 dolára. 1411 01:06:31,600 --> 01:06:33,970 >> Medzitým, logické výrazy vyzerať takto 1412 01:06:33,970 --> 01:06:35,725 alebo-ing alebo a-ing dohromady. 1413 01:06:35,725 --> 01:06:37,780 Prepína vyzerajú úplne rovnako. 1414 01:06:37,780 --> 01:06:42,180 Čo je pekné v PHP, zatiaľ čo v C, vypínače musia byť na prípady 1415 01:06:42,180 --> 01:06:46,380 primitíva ako ints alebo pripaľuje, v PHP váš prípad výpisy, ktoré môžu byť v skutočnosti 1416 01:06:46,380 --> 01:06:48,430 na celé reťazca, ktorý je vlastne celkom pekné. 1417 01:06:48,430 --> 01:06:49,480 Ušetrí nejaký čas. 1418 01:06:49,480 --> 01:06:50,820 Nemožno to urobiť v C. 1419 01:06:50,820 --> 01:06:52,880 >> Tu je pre slučky v PHP. 1420 01:06:52,880 --> 01:06:53,740 Je to rovnaké. 1421 01:06:53,740 --> 01:06:55,400 Možno nejaké doláre týchto premenných. 1422 01:06:55,400 --> 01:06:57,530 Nemusíte o tom, že niečo, čo je int. 1423 01:06:57,530 --> 01:07:00,580 Jednoducho vyhlásiť ju znakom dolára a názov premennej. 1424 01:07:00,580 --> 01:07:01,430 Ale for je rovnaký. 1425 01:07:01,430 --> 01:07:02,760 Kým slučka je rovnaký. 1426 01:07:02,760 --> 01:07:04,870 Robiť, zatiaľ čo slučka je rovnaký. 1427 01:07:04,870 --> 01:07:06,170 >> To je trochu iný. 1428 01:07:06,170 --> 01:07:12,410 Takže s PHP, s radom, môžete Staticky deklarovať maticu, ako v C, 1429 01:07:12,410 --> 01:07:14,420 ale môžete použiť hranatých zátvoriek. 1430 01:07:14,420 --> 01:07:17,060 V jazyku C, mali by ste použiť zložené zátvorky, ak ste ešte vedeli. 1431 01:07:17,060 --> 01:07:20,910 Ale to je vlastne veľmi časté v PHP deklarovať pole, v tomto prípade, 1432 01:07:20,910 --> 01:07:23,640 čísel a volaní variabilné čísla. 1433 01:07:23,640 --> 01:07:25,300 >> Premenné sami vyzerať takto. 1434 01:07:25,300 --> 01:07:28,710 Tu je reťazec, citovať koniec citátu "ahoj svet. "Tie by mohli mať spätné lomítko n 1435 01:07:28,710 --> 01:07:30,950 Proste nie v tomto prípade. 1436 01:07:30,950 --> 01:07:32,640 >> Teraz je to zaujímavá konštrukcia. 1437 01:07:32,640 --> 01:07:33,700 C nemá to. 1438 01:07:33,700 --> 01:07:34,700 Ale to je super užitočné. 1439 01:07:34,700 --> 01:07:38,160 A uvidíte to v sade P 7 spec - pre každý konštrukt. 1440 01:07:38,160 --> 01:07:41,800 Ak chcete zopakovať nad všetkými prvky poľa, nemusíte 1441 01:07:41,800 --> 01:07:45,500 vysporiadať sa s $ i $ a n, a + +, a to všetko. 1442 01:07:45,500 --> 01:07:47,640 Môžete si doslova hovoria, v PHP, tento - 1443 01:07:47,640 --> 01:07:51,890 pre každý čísel ako číslo, takže Ja som za predpokladu, že $ čísla 1444 01:07:51,890 --> 01:07:53,380 je pole čísel. 1445 01:07:53,380 --> 01:07:56,460 A keď hovorím, že pre každý čísel ako číslo, to bude 1446 01:07:56,460 --> 01:08:00,505 automaticky, pretože môj slučka vykonáva, aktualizácie, pri každom opakovaní, hodnotu 1447 01:08:00,505 --> 01:08:03,260 Vnútri čísla znak dolára - 1448 01:08:03,260 --> 01:08:07,730 znova a znova, a znova chôdza Pre mňa cez dané pole. 1449 01:08:07,730 --> 01:08:08,735 Takže to len nám ušetrí kód. 1450 01:08:08,735 --> 01:08:12,250 Žiadne bodkočiarkami, nie + + 's, no aj to, nie n je, je to len pekné. 1451 01:08:12,250 --> 01:08:13,700 >> Ale PHP tiež to má. 1452 01:08:13,700 --> 01:08:14,830 A to je veľmi výkonný. 1453 01:08:14,830 --> 01:08:17,410 A budete používať tento, ruky na, v P set 7. 1454 01:08:17,410 --> 01:08:21,990 A asociatívne pole je deklarovaný hranatými zátvorkami. 1455 01:08:21,990 --> 01:08:23,569 Ale všimnite si syntax teraz. 1456 01:08:23,569 --> 01:08:26,880 Je to pripomína to, čo sme videli, s print_r pred chvíľou. 1457 01:08:26,880 --> 01:08:31,810 Koľko kľúče, ako malý predsa nie sú kontroly, to pole Zdá sa, že. 1458 01:08:31,810 --> 01:08:32,689 >> Tak to má dve. 1459 01:08:32,689 --> 01:08:33,830 A hovorím to pole. 1460 01:08:33,830 --> 01:08:36,760 Ale či to pomôže, môžete si na to, ako hash tabuľky, alebo 1461 01:08:36,760 --> 01:08:37,930 asociatívne pole. 1462 01:08:37,930 --> 01:08:39,580 Ale to je len iný typ poľa. 1463 01:08:39,580 --> 01:08:41,080 A znovu, rôzne jazyky mať tieto. 1464 01:08:41,080 --> 01:08:43,810 Uvidíme niečo podobné v JavaScripte rovnako. 1465 01:08:43,810 --> 01:08:44,609 Existujú dva kľúče. 1466 01:08:44,609 --> 01:08:48,390 Jedným z nich je citácie koniec citátu, "symbol", jeden je citovať koniec citátu "cenu." A tých kláves 1467 01:08:48,390 --> 01:08:49,250 každý z nich má hodnotu. 1468 01:08:49,250 --> 01:08:54,420 V tomto prípade je hodnota symbolu FB, pre Facebook a cenu má hodnotu 49, 26, 1469 01:08:54,420 --> 01:08:56,899 ktorý bol Facebook je skladom cena od dnešného rána. 1470 01:08:56,899 --> 01:09:00,170 >> Takže to, čo je užitočné o asociatívne pole. 1471 01:09:00,170 --> 01:09:02,620 Mohol som číselne Indexované polia len s 1472 01:09:02,620 --> 01:09:04,120 jednoduché hranaté zátvorky. 1473 01:09:04,120 --> 01:09:09,380 A mohol by som mal znak dolára citácie sa rovná práve tento. 1474 01:09:09,380 --> 01:09:10,529 Dovoľte mi, aby som to urobí. 1475 01:09:10,529 --> 01:09:14,796 Dajme tomu, že namiesto toho len vyhlásil, Toto pole takhle. 1476 01:09:14,796 --> 01:09:17,590 To je úplne v poriadku, syntakticky. 1477 01:09:17,590 --> 01:09:20,569 Nestráca žiadne informácie, samo o sebe. 1478 01:09:20,569 --> 01:09:24,760 Stále vidím, že symbol je fb, a že cena je 49, 26. 1479 01:09:24,760 --> 01:09:28,939 Tak prečo sú asociatívne pole presvedčivé? 1480 01:09:28,939 --> 01:09:30,189 >> DIVÁKOV: Nemusíte si pamätať kam dať veci. 1481 01:09:30,189 --> 01:09:32,050 1482 01:09:32,050 --> 01:09:34,130 >> SPEAKER 1: Presne tak, nemusíte pamätať si kam dať veci. 1483 01:09:34,130 --> 01:09:37,670 Nemusíte ľubovoľne zapamätať že burzový symbol je v zátvorke nula, 1484 01:09:37,670 --> 01:09:41,479 a ceny akcií v jednom držiaku, čo je obzvlášť nebezpečné, ak 1485 01:09:41,479 --> 01:09:43,220 zmeniť veci, príp. 1486 01:09:43,220 --> 01:09:46,399 Je to oveľa príjemnejšie spojiť čo budeme hovoriť metadáta 1487 01:09:46,399 --> 01:09:48,340 so svojimi skutočnými údajmi. 1488 01:09:48,340 --> 01:09:52,399 Ja by som tvrdiť, že to, čo naozaj záleží o je tu fb a 49, 26.. 1489 01:09:52,399 --> 01:09:57,020 Symbol a cena je metadáta , Ktorý opisuje dáta, ktoré sme 1490 01:09:57,020 --> 01:09:58,180 skutočne záleží. 1491 01:09:58,180 --> 01:10:01,910 Ale to je len toľko, jednoduchší prístup. 1492 01:10:01,910 --> 01:10:04,090 >> Teraz, keď bokom to, čo je cenou, ktorú platíme? 1493 01:10:04,090 --> 01:10:06,600 Robili sme to v CS50 týždne. 1494 01:10:06,600 --> 01:10:10,740 Táto funkcia musí prísť v nejakej náklady. 1495 01:10:10,740 --> 01:10:11,350 Pamäť. 1496 01:10:11,350 --> 01:10:13,830 Takže ste nielen ukladanie 32-bit celé číslo, napríklad. 1497 01:10:13,830 --> 01:10:17,980 Tie ukladanie symbolu / 0, pravdepodobne. 1498 01:10:17,980 --> 01:10:19,160 Takže používať viac pamäte. 1499 01:10:19,160 --> 01:10:22,540 >> A čo je výkon hľadá niečo v 1500 01:10:22,540 --> 01:10:24,822 asociatívne pole, asi? 1501 01:10:24,822 --> 01:10:26,590 Je to pravdepodobne pomalší. 1502 01:10:26,590 --> 01:10:29,670 Náhodný prístup je pekné, a to najmä keď si môžete urobiť binárne vyhľadávanie. 1503 01:10:29,670 --> 01:10:33,380 Ale keď ste vlastne teraz nehľadeli čísel, ale pre reťazce, toto 1504 01:10:33,380 --> 01:10:37,630 naozaj je realizovaný pod kapucňa, pravdepodobne ako hash tabuľky, kde 1505 01:10:37,630 --> 01:10:42,950 odporúčané použiť hash tabuľky s oddelenou reťazenie. 1506 01:10:42,950 --> 01:10:46,040 Alebo môžete použiť vyskúšať skutočne uloženie hodnôt. 1507 01:10:46,040 --> 01:10:50,550 Takže možno si môžete urobiť konštantný čas, ale stále máte sa pozrieť na S-Y-M-B-O-L, 1508 01:10:50,550 --> 01:10:54,510 prípadne, namiesto toho, aby iba 32 kúsky, ktoré vyzerajú niečo hore. 1509 01:10:54,510 --> 01:10:58,430 Takže znova, tie isté myšlienky prichádzajú späť opakovať v tejto súvislosti. 1510 01:10:58,430 --> 01:11:02,120 >> Ale opäť, PHP má teraz niektorí Super globálne premenné, ktoré, ako sa ukazuje, sú 1511 01:11:02,120 --> 01:11:02,900 asociatívne pole. 1512 01:11:02,900 --> 01:11:05,590 Videli sme jeden pred chvíľou, $ _POST. 1513 01:11:05,590 --> 01:11:08,400 A to super globálnej má kľúče a hodnoty. 1514 01:11:08,400 --> 01:11:10,550 Konkrétne sa jedná o kľúče porovnajte s tým, čo? 1515 01:11:10,550 --> 01:11:14,520 Kam kľúče v $ _POST pochádza? 1516 01:11:14,520 --> 01:11:15,380 Len pre pripomenutie? 1517 01:11:15,380 --> 01:11:16,480 >> Divákov: Name. 1518 01:11:16,480 --> 01:11:17,900 >> SPEAKER 1: Meno, kde? 1519 01:11:17,900 --> 01:11:19,860 >> DIVÁKOV: [nepočuteľné] 1520 01:11:19,860 --> 01:11:20,750 >> SPEAKER 1: Názov je atribút. 1521 01:11:20,750 --> 01:11:23,480 No kde, odkiaľ sa pôvodne pochádza? 1522 01:11:23,480 --> 01:11:24,120 Formulár. 1523 01:11:24,120 --> 01:11:30,140 Takže ak HTML stránka má tag formulára, vnútri ktorého sú niektoré vstupy, ako je 1524 01:11:30,140 --> 01:11:34,760 zaškrtávacie políčka, textové polia, rozbaľovacie menu, z ktorých každý má svoje meno, ty 1525 01:11:34,760 --> 01:11:40,260 mená skončí ako kľúče v $ _POST, a úprimne povedané, keď na to príde, $ _GET. 1526 01:11:40,260 --> 01:11:42,130 Ak je metóda get, rovnaký nápad. 1527 01:11:42,130 --> 01:11:43,830 Je to len v inom Super Global. 1528 01:11:43,830 --> 01:11:47,620 A hodnoty, samozrejme, pochádza z čo užívateľ zadali pri jeho alebo 1529 01:11:47,620 --> 01:11:48,890 jej prehliadač. 1530 01:11:48,890 --> 01:11:49,830 >> Ale je tu niekoľko ďalších. 1531 01:11:49,830 --> 01:11:52,140 Je tu cookie, ktoré my budeme vrátiť sa nakoniec. 1532 01:11:52,140 --> 01:11:56,050 Ale to sú veci, ktoré poznáte web používa pre niektoré dobro alebo zlo. 1533 01:11:56,050 --> 01:11:57,420 Ale vrátime sa k tomu. 1534 01:11:57,420 --> 01:12:01,720 Server a relácie, a tí dvaja nejaké špeciálne nástroje. 1535 01:12:01,720 --> 01:12:03,940 >> Ale poďme sa na to pozrieť. 1536 01:12:03,940 --> 01:12:13,330 Nechaj ma ísť dopredu a otvoriť príklad volal mvc0.php Tak MVC 1537 01:12:13,330 --> 01:12:14,900 znamená nasledovné. 1538 01:12:14,900 --> 01:12:19,390 A predstavíme to skôr, než je typické, naozaj, aby vám navrhovanie 1539 01:12:19,390 --> 01:12:22,180 Problém set 7, a tiež záverečné projekty, na druhu priemyslu 1540 01:12:22,180 --> 01:12:23,670 Štandardný spôsob a čistý spôsob. 1541 01:12:23,670 --> 01:12:24,820 Je to dobrý dizajn. 1542 01:12:24,820 --> 01:12:29,090 >> Takže ste asi vidieť, a budete skúsenosti, v sade P 7, paradigma, triedenie 1543 01:12:29,090 --> 01:12:32,260 programátorské myslenie, to vyzerá Trochu niečo také. 1544 01:12:32,260 --> 01:12:35,570 M pre model, C pre radiče, V pre zobrazenie. 1545 01:12:35,570 --> 01:12:39,690 Dlhý príbeh krátky, MVC je len trochu metodiky, spôsob výroby 1546 01:12:39,690 --> 01:12:43,360 webové stránky, a to najmä, keď si dať všetky vaše stupídne frázy, - 1547 01:12:43,360 --> 01:12:44,970 obchodná logika - 1548 01:12:44,970 --> 01:12:49,710 všetky vaše duševného vlastníctva čo sa nazýva radič, súbor 1549 01:12:49,710 --> 01:12:54,840 ako index.php, alebo uvidíme, quote.php alebo buy.php. 1550 01:12:54,840 --> 01:12:59,570 >> V kontexte problému set 7, váš modely zvyčajne obsahujú dáta, 1551 01:12:59,570 --> 01:13:03,860 niečo sa vzťahuje k databáze, pretože my budeme nakoniec vidieť, a vaše názory 1552 01:13:03,860 --> 01:13:07,510 obsahujú estetiku vášho miesto, HTML, CSS. 1553 01:13:07,510 --> 01:13:10,420 Tak už sme videli to v C trochu bit pomocou. h súbory. 1554 01:13:10,420 --> 01:13:15,010 Naozaj sme videli pred chvíľou s CSS, faktoringovými štylizácia CSS 1555 01:13:15,010 --> 01:13:16,520 veci z nášho HTML. 1556 01:13:16,520 --> 01:13:20,730 >> Takže MVC je naozaj len o kreslení čiary v piesku a hovoria, 1557 01:13:20,730 --> 01:13:25,400 zaujímavý programový kód pre vašu webová stránka patrí, čo budeme nazývať 1558 01:13:25,400 --> 01:13:26,400 regulátor. 1559 01:13:26,400 --> 01:13:29,280 Veci vzťahujúce sa k databáze typicky skončí v modeli. 1560 01:13:29,280 --> 01:13:33,070 Ale uvidíte, v sade 7 Problém sme zlúčenie C a M, aby to jednoduché. 1561 01:13:33,070 --> 01:13:37,630 Ale pohľad je miesto, kde všetky vaše HTML a estetika typicky ísť. 1562 01:13:37,630 --> 01:13:39,160 >> Takže čo to znamená v reálnych hodnotách? 1563 01:13:39,160 --> 01:13:45,980 No, dovoľte mi ísť do našej MVC adresár takto. 1564 01:13:45,980 --> 01:13:48,880 A uvidíte viac z nich turné po vo špec. 1565 01:13:48,880 --> 01:13:53,200 Takže v mvc0, tvrdím, že to je, ako, verzia 0 webových stránok CS50 je. 1566 01:13:53,200 --> 01:13:56,670 >> Všetko, čo máme, je nejaký HTML, ako je veľký h1 tag, zrejme. 1567 01:13:56,670 --> 01:13:57,800 A potom zoznam s odrážkami. 1568 01:13:57,800 --> 01:13:59,860 Nikdy som nevidel zoznam s odrážkami skôr, ale žiadny veľký problém. 1569 01:13:59,860 --> 01:14:01,590 Poďme rýchlo sa pozrieť do zdrojového kódu. 1570 01:14:01,590 --> 01:14:06,610 Ukázalo sa, že neusporiadané zoznam s guľkami je otvorený držiak ul jedným alebo viacerými 1571 01:14:06,610 --> 01:14:09,065 ďalšie položky zoznamu, ak. 1572 01:14:09,065 --> 01:14:10,650 Tak tu je oznámenie kotva tag. 1573 01:14:10,650 --> 01:14:12,130 Videli sme, že pred chvíľou. 1574 01:14:12,130 --> 01:14:13,810 >> Takže to je to, ako som implementoval tejto stránky. 1575 01:14:13,810 --> 01:14:18,460 Mám dva odkazy, dve položky zoznamu, jeden ul k zoznamu a koniec 1576 01:14:18,460 --> 01:14:22,700 Výsledkom je, esteticky, je to veľmi docela webové stránky, verzia 0 tu. 1577 01:14:22,700 --> 01:14:26,840 Ale čo je zaujímavé, teraz je, ako to je realizovaný pod kapotou. 1578 01:14:26,840 --> 01:14:33,590 >> Nechaj ma ísť do gedit a otvoriť to Prvý príklad namaľovať obraz. 1579 01:14:33,590 --> 01:14:37,070 A my sa pozrieme na to, čo je chybný, potenciálne tu. 1580 01:14:37,070 --> 01:14:43,260 Teraz, keď idem do localhost, verejné, MVC, všimnite si niekoľko súborov. 1581 01:14:43,260 --> 01:14:45,780 Budem volať je pre Moment, všetky regulátory. 1582 01:14:45,780 --> 01:14:48,640 Ale to je tak trochu zneužitia, pretože uvidíte všetko, čo sa zmiešava 1583 01:14:48,640 --> 01:14:49,620 vnútri nich. 1584 01:14:49,620 --> 01:14:52,330 >> A nechaj ma ísť dovnútra index.php. 1585 01:14:52,330 --> 01:14:54,700 A vidíme, a to doslova rovnaký HTML. 1586 01:14:54,700 --> 01:14:57,970 Takže aj keď tento súbor končí . Php, to neznamená, že musí 1587 01:14:57,970 --> 01:14:59,500 žiadny PHP kód. 1588 01:14:59,500 --> 01:15:02,290 To môže byť len surové HTML, aj keď to je trochu hlúpe. 1589 01:15:02,290 --> 01:15:07,650 Ale zistíte, že to nie je zátvorka PHP označiť, okrem toho, ktorý, úprimne povedané, 1590 01:15:07,650 --> 01:15:09,160 je len tam slúžiť ako komentár. 1591 01:15:09,160 --> 01:15:12,080 Ale to nie je funkčne ani to zaujímavé. 1592 01:15:12,080 --> 01:15:12,960 >> Ale nevšimol. 1593 01:15:12,960 --> 01:15:15,400 Čo je zaujímavé je to, čo teraz zmeny na tejto stránke. 1594 01:15:15,400 --> 01:15:16,650 Dovoľte mi, aby som kliknite na prednášky. 1595 01:15:16,650 --> 01:15:18,560 A všimnite si URL sa čoskoro zmení. 1596 01:15:18,560 --> 01:15:20,930 Teraz som na lectures.php. 1597 01:15:20,930 --> 01:15:22,630 Dovoľte mi, aby som na tlačidlo nula. 1598 01:15:22,630 --> 01:15:27,200 Teraz som na week0.php A teraz mi tieto súbory otvoriť v gedit. 1599 01:15:27,200 --> 01:15:30,120 Nie je to len index, ale nech mi otvoria prednášky. 1600 01:15:30,120 --> 01:15:33,900 A dovoľte mi, aby som sa zbaviť komentárov zamerať sa na túto časť. 1601 01:15:33,900 --> 01:15:37,680 >> A teraz mi dovoľte otvoriť len jeden, week0.php, vyhodiť pripomienky, 1602 01:15:37,680 --> 01:15:39,910 len vyčistiť to. 1603 01:15:39,910 --> 01:15:41,720 A teraz si všimnite nasledujúce. 1604 01:15:41,720 --> 01:15:47,340 Premýšľate naozaj trochu rozmyslieť dizajn, a poďme urobiť to linku 1605 01:15:47,340 --> 01:15:52,013 do rovnakej, čo by mohlo byť vykonané tu lepšie, čo myslíte? 1606 01:15:52,013 --> 01:15:56,450 1607 01:15:56,450 --> 01:15:57,780 >> Ako som urobiť jeden týždeň? 1608 01:15:57,780 --> 01:15:58,480 Ako sa o tom. 1609 01:15:58,480 --> 01:16:00,450 Takže to je to, ako som sa raz týždenne. 1610 01:16:00,450 --> 01:16:08,290 Išiel som do súboru, Nové, Vložiť, Uložiť, week1.php, a potom som išiel sem. 1611 01:16:08,290 --> 01:16:09,875 A ja som zmenil jedno - 1612 01:16:09,875 --> 01:16:11,646 čo to bolo, jedna do piatku. 1613 01:16:11,646 --> 01:16:14,430 1614 01:16:14,430 --> 01:16:15,810 Zmenil som nuly do jednej. 1615 01:16:15,810 --> 01:16:17,150 Aj to zmenil na jeden. 1616 01:16:17,150 --> 01:16:20,350 >> OK, tak teraz sa na moje súbory. 1617 01:16:20,350 --> 01:16:22,100 Čo by sa dalo urobiť inak? 1618 01:16:22,100 --> 01:16:25,310 Kde je príležitosť, snáď? 1619 01:16:25,310 --> 01:16:28,330 Takže je tu príležitosť na nadviazanie factoring tohle von. 1620 01:16:28,330 --> 01:16:32,950 Dovoľte mi otvoriť, ako spojler, pre to, čo uvidíte v sade P 7. 1621 01:16:32,950 --> 01:16:38,750 Ak otvorím, teraz vo verzii index.php päť z toho, ako to vyzerá 1622 01:16:38,750 --> 01:16:40,730 viac tajomné, síce. 1623 01:16:40,730 --> 01:16:43,710 >> Ale to teraz, je to, čo budem hovoriť radič, ktorý je ovládajúci 1624 01:16:43,710 --> 01:16:44,770 Logika mojej stránke. 1625 01:16:44,770 --> 01:16:48,510 A môžete trochu zrekonštruovať, intuitívne, možno, čo sa deje. 1626 01:16:48,510 --> 01:16:50,630 Na prvom riadku je trochu záhadný. 1627 01:16:50,630 --> 01:16:54,040 Všimnime si ale ja vyžaduje, rovnako ako u ostrý patrí, súbor s názvom 1628 01:16:54,040 --> 01:16:55,930 helpers.php. 1629 01:16:55,930 --> 01:16:59,980 A potom volám, zdá sa, funkcia, tzv render, odovzdaním 1630 01:16:59,980 --> 01:17:00,850 dva argumenty. 1631 01:17:00,850 --> 01:17:02,440 >> Jedným z nich je citácie koniec citátu, hlavička. 1632 01:17:02,440 --> 01:17:04,800 A druhý je, aký druh dátový typ je to, na základe 1633 01:17:04,800 --> 01:17:07,180 na našich syntaxe skôr? 1634 01:17:07,180 --> 01:17:08,160 Je to spojené poľa. 1635 01:17:08,160 --> 01:17:11,730 Konkrétne je to okolo v názve s niektorými metadát, ktorá pripomína 1636 01:17:11,730 --> 01:17:13,430 mi, čo to je a jeho hodnota. 1637 01:17:13,430 --> 01:17:16,340 Potom vidím kódované ťažké ul, takže niektoré surové HTML. 1638 01:17:16,340 --> 01:17:20,020 Ale potom som sa vrátil do režimu PHP volanie funkcie odmena. 1639 01:17:20,020 --> 01:17:24,390 Takže aj keď ste nikdy nepoužívali HTML alebo PHP pred, a to aj napriek tomu, že to vyzerá 1640 01:17:24,390 --> 01:17:27,480 desivejšie, prečo je to tak pravdepodobne lepší návrh? 1641 01:17:27,480 --> 01:17:31,310 Čo je lepšie, o tom, na základe záveru? 1642 01:17:31,310 --> 01:17:32,130 >> DIVÁKOV: [nepočuteľné] 1643 01:17:32,130 --> 01:17:35,750 >> Reproduktor 1: menej redundantné v tom, že už nie je HTML tag, nič viac 1644 01:17:35,750 --> 01:17:38,410 hlavy tag, nič viac telo tag v každom prekliatom súboru. 1645 01:17:38,410 --> 01:17:41,860 Namiesto toho som počítaná spoločné prvky a pravdepodobne dať ich 1646 01:17:41,860 --> 01:17:45,150 do súboru nejakým spôsobom súvisí do hlavičky. 1647 01:17:45,150 --> 01:17:48,500 A to isté pre úzke telo tag, v blízkosti HTML tag. 1648 01:17:48,500 --> 01:17:52,165 To je asi tu vnútri na pätu niekde inde. 1649 01:17:52,165 --> 01:17:57,050 A uvidíte, v sade Problém 7, malá prehliadka toto. 1650 01:17:57,050 --> 01:17:58,070 >> Čo nás teda čaká? 1651 01:17:58,070 --> 01:18:03,390 Jedna vec, nemáme možnosť napriek tomu, je skutočne ukladanie dát. 1652 01:18:03,390 --> 01:18:06,110 A tak to, čo začneme vidieť Streda, napríklad, je, že vaša 1653 01:18:06,110 --> 01:18:08,450 starý priateľ Excel, alebo čísla, umožňuje ukladať veľké množstvo 1654 01:18:08,450 --> 01:18:10,060 Údaje v riadkoch a stĺpcoch. 1655 01:18:10,060 --> 01:18:12,570 Ukázalo sa, že vám môže robiť, že to, čo je volal databázy programovo. 1656 01:18:12,570 --> 01:18:16,620 manické A ukázalo sa, po tom, budeme môcť ukladať veci, ako je 1657 01:18:16,620 --> 01:18:20,550 to, ktoré uvidíte opäť v súbore P 7, celá partia užívateľských mien a 1658 01:18:20,550 --> 01:18:23,690 heslá, druhý z nich je vlastne šifrované, rovnako ako oni 1659 01:18:23,690 --> 01:18:25,550 boli v hackerskej vydania p Nastavte 2 je. 1660 01:18:25,550 --> 01:18:29,600 A nakoniec, budete realizovať to, vlastné ETrade-ako webové stránky, ktoré 1661 01:18:29,600 --> 01:18:32,220 realizuje spoločne CS50 financie. 1662 01:18:32,220 --> 01:18:36,000 >> Konečne, pretože ste zostali tu tak neskoro Dnes, keď sa vrátiš k tejto časti 1663 01:18:36,000 --> 01:18:41,120 kampuse v 16:00 Dnes budeme vám nielen radu, na sčesať 1664 01:18:41,120 --> 01:18:44,200 Poradenstvo veľtrhu v 16:00 v Maxwell-Dworkin, dáme vám niektoré 1665 01:18:44,200 --> 01:18:47,470 Americone Dream, Cherry Garcia, Chocolate Fudge Brownie, Chocolate 1666 01:18:47,470 --> 01:18:50,840 Chip Cookie Dough, a keď Google Chunky Monkey, dostanete to. 1667 01:18:50,840 --> 01:18:53,620 Tak toto všetko na vás čaká v 04:00 PM v Maxwell-Dworkin. 1668 01:18:53,620 --> 01:18:56,736 Uvidíme sa v stredu tiež. 1669 01:18:56,736 --> 01:18:59,960 >> SPEAKER 2: Na ďalšom CS50, RJ spí palcov 1670 01:18:59,960 --> 01:19:03,656 1671 01:19:03,656 --> 01:19:04,906 >> RJ: Môj sekcie! 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