1 00:00:00,000 --> 00:00:02,620 [Powered by Google Translate] [7. týždeň, pokračovanie] 2 00:00:02,620 --> 00:00:05,090 [David J. Malan, Harvard University] 3 00:00:05,090 --> 00:00:07,780 [To je CS50.] [CS50.TV] 4 00:00:07,780 --> 00:00:09,810 Dobrá. Vitajte späť. To je CS50, 5 00:00:09,810 --> 00:00:12,100 a to je koniec 7. týždni. 6 00:00:12,100 --> 00:00:15,460 Takže jeden z týchto hlúpych malých vecí, ktoré idú okolo internete 7 00:00:15,460 --> 00:00:24,080 a my usrkával sa, a to by mal teraz urobiť trochu Podivínský zmysel. 8 00:00:24,080 --> 00:00:28,330 No, to bolo zábavnejšie s týmto chlapom, ako to bolo na vás. 9 00:00:28,330 --> 00:00:32,619 Keď už hovoríme o, dobre, chlapci, 10 00:00:32,619 --> 00:00:42,550 dnes je Nate narodeniny. 11 00:00:42,550 --> 00:00:46,630 Ak chcete dať vám pocit, ako dobré Nate a ja sme 12 00:00:46,630 --> 00:00:50,140 na vývoj webových aplikácií na základe triedy pondelňajšej a na základe teraz na to, 13 00:00:50,140 --> 00:00:53,170 Myslel som, že vytiahnuť Nate domovskú stránku, ak ste ho ešte nevideli ešte. 14 00:00:53,170 --> 00:00:57,020 Tohle HTML IA Nate. 15 00:00:57,020 --> 00:00:59,380 Takže vidieť jeho zdrojové kódy, ak chcete vidieť, ako to urobiť, a Nate, 16 00:00:59,380 --> 00:01:02,250 keby sme mohli embarass vám len krátko, personál som ti niečo 17 00:01:02,250 --> 00:01:06,080 Ak by som sa podelil o niektoré dezert s niektorými deťmi v triede tu. 18 00:01:06,080 --> 00:01:10,150 Ak by ste sa chceli prísť dole. 19 00:01:10,150 --> 00:01:14,350 Vy všetci tlieskajú a sú veľmi pekné, ale nikto sedí niekde blízko Nate, 20 00:01:14,350 --> 00:01:17,560 z nejakého dôvodu, v tomto zadnej zóne. 21 00:01:17,560 --> 00:01:24,020 Tak snáď môžete nájsť nejaké ľudí, aby si tieto s 22 00:01:24,020 --> 00:01:33,380 Happy Birthday, Nate. 23 00:01:33,380 --> 00:01:37,660 >> Ďalšie pozdravy: Ukázali sme, že pár ukážok z našich CS50x študentov. 24 00:01:37,660 --> 00:01:39,710 Ak by ste chceli zistiť, kto ďalší je na svete 25 00:01:39,710 --> 00:01:41,850 že sa po dobu, môžete vyraziť na túto adresu URL, 26 00:01:41,850 --> 00:01:45,780 kde Joseph, jeden z našich TFS, dal dohromady zostrih druhov 27 00:01:45,780 --> 00:01:50,290 každého, kto bol predkladanie týchto videí, medzi nimi Rick Astley. 28 00:01:50,290 --> 00:01:53,010 A ak sa vám prechádzať tieto, je to naozaj celkom inšpiratívne 29 00:01:53,010 --> 00:01:56,890 vidieť rozmanitosť krajín a miest, z ktorých ľudia ohlasovacích. 30 00:01:56,890 --> 00:02:00,830 Takže ak by ste chceli, aby sa na to pozrieť, to bude až do konca semestra. 31 00:02:00,830 --> 00:02:05,370 Dnes budeme pokračovať v náš pohľad na web, webové programovanie, HTML a podobne, 32 00:02:05,370 --> 00:02:08,280 a my sme tiež obed príde už tento piatok 33 00:02:08,280 --> 00:02:11,360 ak by ste chceli, a to najmä, tak ešte neurobili skôr. 34 00:02:11,360 --> 00:02:13,630 Tento piatok sa bude téma Nate narodeniny, 35 00:02:13,630 --> 00:02:15,700 takže ak chcete mať narodeniny obed s Natem 36 00:02:15,700 --> 00:02:17,500 a iní, niektorí z našich priateľov z priemyslu, 37 00:02:17,500 --> 00:02:19,300 prosím, hlavu tejto URL tam. 38 00:02:19,300 --> 00:02:22,510 Space, ako vždy, je obmedzená. Tiež, ak ste zabudli, 39 00:02:22,510 --> 00:02:26,460 si uvedomiť, že budúci týždeň je termín pre problém nastaviť 4 je lov, 40 00:02:26,460 --> 00:02:30,070 kedy po obnovení všetkých tých obrázkov vo formáte JPEG z card.raw, 41 00:02:30,070 --> 00:02:32,880 vy a vaši kamaráti sekcie, ak by ste chceli, môžete vyskúšať fotografovanie 42 00:02:32,880 --> 00:02:36,100 toľko počítačových vedcov z tejto pamäťovej karty ako je to možné, 43 00:02:36,100 --> 00:02:39,070 a vy a vaša časť bude potom vyhrá rozprávkové cenu. 44 00:02:39,070 --> 00:02:44,470 Vrátiť späť k PSet 4 špecifikácia, pokiaľ ide o to, čo sa predložiť a kedy. 45 00:02:44,470 --> 00:02:47,650 Tiež, ak by ste chceli mať svoje dielo zvečnenie 46 00:02:47,650 --> 00:02:51,400 na ihrisku webových stránkach a jeho histórii odevov, 47 00:02:51,400 --> 00:02:54,010 vedieť, že ste vítaní teraz začať predložením návrhov 48 00:02:54,010 --> 00:02:57,180 pre tohtoročnú tričká a mikiny a ako. 49 00:02:57,180 --> 00:02:59,200 My sa budeme snažiť zahrnúť toľko, ako môžeme, 50 00:02:59,200 --> 00:03:01,440 ale budeme mať niektorých členov štábu preskúmaní všetkých návrhov 51 00:03:01,440 --> 00:03:04,180 aby sa ubezpečil, že sú v súlade so špecifikáciami, 52 00:03:04,180 --> 00:03:07,500 a my sme potom vybrať všeobecne hŕstka z nich byť vystavený. 53 00:03:07,500 --> 00:03:10,620 Takže ak ste typ konštrukcie, len viem, že požiadavky 54 00:03:10,620 --> 00:03:14,030 pre grafiky sú PNG, aspoň 200 DPI, 55 00:03:14,030 --> 00:03:16,520 by nemali byť väčšie ako 4000 x 4000 pixelov, 56 00:03:16,520 --> 00:03:19,010 a nie viac ako 10 MB, ale vy ste vítaní veci ako 57 00:03:19,010 --> 00:03:22,430 Photoshop alebo GIMP alebo rôzne programy Graphic, 58 00:03:22,430 --> 00:03:24,590 čo máte k dispozícii. 59 00:03:24,590 --> 00:03:28,280 >> Na obzore je konečný projekt. Konečný projekt je naozaj vrchol 50, 60 00:03:28,280 --> 00:03:30,560 pričom všetkých úloh v priebehu, 61 00:03:30,560 --> 00:03:33,170 je to vaša príležitosť naozaj robiť svoju vlastnú vec. 62 00:03:33,170 --> 00:03:35,280 A to môže byť jednoducho urobiť niečo pre zábavu, 63 00:03:35,280 --> 00:03:38,160 to môže byť vyriešiť nejaký pálčivý problém si študent skupina má, 64 00:03:38,160 --> 00:03:40,980 pre niektoré nové webové stránky, niektoré nové kolekcie mechanizmus pre dáta. 65 00:03:40,980 --> 00:03:43,420 To môže byť mobilné aplikácie pre Android, pre iOS. 66 00:03:43,420 --> 00:03:46,030 Naozaj, nebo je limit, a počas nasledujúcich niekoľkých týždňov, 67 00:03:46,030 --> 00:03:50,900 ako sme prechod z C na tieto vyššie úrovne jazykov, ako je PHP a JavaScriptu, 68 00:03:50,900 --> 00:03:55,150 ocitnete sa stále oboznámení s niektorými real-svet techniky, 69 00:03:55,150 --> 00:03:57,800 Niektoré real-svet nástroje, a doplniť, že, 70 00:03:57,800 --> 00:04:00,170 viem, že kurz má históriu seminárov, 71 00:04:00,170 --> 00:04:02,880 pričom v priebehu najbližších niekoľkých týždňov, niektoré z pedagogických pracovníkov 72 00:04:02,880 --> 00:04:06,160 a priatelia naše z areálu školy ponúkne voliteľné semináre 73 00:04:06,160 --> 00:04:08,540 ktoré idú nad rámec toho, čo je zvyčajne vykonáva v sekcii 74 00:04:08,540 --> 00:04:11,090 predstaviť vám veci, ako je programovanie pre Android, 75 00:04:11,090 --> 00:04:13,450 predstaviť vám veci, ako je iOS programovanie 76 00:04:13,450 --> 00:04:15,950 alebo viac pokročilých web-vývoj techniky. 77 00:04:15,950 --> 00:04:17,970 Tam je celá história z nich už online. 78 00:04:17,970 --> 00:04:25,000 Ak pôjdete do cs50.net/seminars, sme robili to pre docela niekoľko rokov, 79 00:04:25,000 --> 00:04:28,740 a uvidíte, že archivované tu s PDF a videa a podobné 80 00:04:28,740 --> 00:04:33,090 niekoľko desiatok videá seminárov. 81 00:04:33,090 --> 00:04:37,380 V minulom roku, napríklad, mali sme seminár o ELIT svoje technické rozhovory, 82 00:04:37,380 --> 00:04:40,980 ak ste naozaj hľadáte ísť preč a robiť stáž alebo na plný úväzok vystupujú. 83 00:04:40,980 --> 00:04:43,450 Windows mobile vývoj, Android rozvoj, Google Maps, 84 00:04:43,450 --> 00:04:47,700 API, CSS, rozvoj pre BlackBerry, Emacs. 85 00:04:47,700 --> 00:04:52,610 Naozaj, ste vítaní, aby sa pozrieť na niektorý z týchto seminárov na vaše pohodlie. 86 00:04:52,610 --> 00:04:57,080 A budeme sa držať nejaké nové tomto semestri, rovnako. 87 00:04:57,080 --> 00:04:59,020 >> Takže to, čo je pred nami s konečným projektom? 88 00:04:59,020 --> 00:05:01,090 No, v prvej, aj keď tento dátum je trochu bezprostredné, 89 00:05:01,090 --> 00:05:06,460 je to naozaj len príležitosť začať premýšľať o konečnom projektu úplne realisticky. 90 00:05:06,460 --> 00:05:10,550 Vieme, že len začiatky niektorých z toho, čo budeme stále pokrýva v priebehu, 91 00:05:10,550 --> 00:05:13,470 HTML, PHP a podobne, ale ste všetci oboznámení s Web, 92 00:05:13,470 --> 00:05:16,270 a ja bias tento rozhovor k stránke len preto, že 93 00:05:16,270 --> 00:05:18,380 väčšina ľudí skončí robí webové záverečných prác, 94 00:05:18,380 --> 00:05:20,260 ale to nie je v žiadnom prípade podmienkou. 95 00:05:20,260 --> 00:05:22,260 Použitie C je v poriadku, objektívne C, Java, 96 00:05:22,260 --> 00:05:25,350 v inom jazyku, ktoré možno poznáte alebo chcete vedieť, je celkom v poriadku. 97 00:05:25,350 --> 00:05:29,370 Ale dostať tečúcou šťavy pôvodne, budeme očakávať, že predloženie preproposal 98 00:05:29,370 --> 00:05:33,520 ktoré, podľa formátu PDF na stránkach, ktoré sú teraz v cs50.net, 99 00:05:33,520 --> 00:05:36,080 a v ľavej hornej časti uvidíte záverečný projekt 100 00:05:36,080 --> 00:05:38,920 je špecifikácia pre konečného projektu, 101 00:05:38,920 --> 00:05:41,470 a tam sú podrobnosti o preproposal a podobne. 102 00:05:41,470 --> 00:05:44,760 Má celkom veľa scvrkáva na e-mailu do vášho výučby kolegami 103 00:05:44,760 --> 00:05:48,450 Len nadviazať rozhovor s ním alebo jej o tom, čo si myslíš. 104 00:05:48,450 --> 00:05:52,510 Na projects.cs50.net je prameň nápadov od ľudí, na akademickej pôde 105 00:05:52,510 --> 00:05:54,480 ak ste snaží prísť s nejakým nápadom, 106 00:05:54,480 --> 00:06:01,140 a manual.cs50.net/APIs je zoznam odkazov na API. 107 00:06:01,140 --> 00:06:06,710 >> Čo keď je API? 108 00:06:06,710 --> 00:06:09,790 Čo je to API? Povedal som to najmenej dvakrát, 109 00:06:09,790 --> 00:06:12,640 podľa prepisov posledných niekoľkých týždňov. 110 00:06:12,640 --> 00:06:17,050 Čo je to? [Študent, nezrozumiteľným] 111 00:06:17,050 --> 00:06:19,340 >> Dobre, dobre. Takže niečo programovacie rozhranie. 112 00:06:19,340 --> 00:06:22,710 Rozhranie pre programovanie aplikácií, a to môže mať niekoľko foriem, 113 00:06:22,710 --> 00:06:25,850 ale čo to naozaj scvrkáva na je kód 114 00:06:25,850 --> 00:06:29,660 že niekto iný hs písomných alebo dátových, že niekto iný zhromaždené 115 00:06:29,660 --> 00:06:33,670 , Ktorý je vám k dispozícii v niektorých programovou cestou. 116 00:06:33,670 --> 00:06:36,630 Môžete písať kód v C, PHP, Python, Ruby, 117 00:06:36,630 --> 00:06:38,760 aký je váš jazyk výberu je obvykle, 118 00:06:38,760 --> 00:06:42,240 a môžete nejako stavať na niekoho iného funkčnosti 119 00:06:42,240 --> 00:06:44,440 alebo niekto iný je dátový súbor. 120 00:06:44,440 --> 00:06:47,210 Napríklad, keď som ísť na tento odkaz tu, 121 00:06:47,210 --> 00:06:50,750 a uvidíte pár odkazov na ďalšej stránke 122 00:06:50,750 --> 00:06:56,093 kedy máme CS50 vlastné API, ktoré sú veľmi Harvard-centric, a potom tretie strany API. 123 00:06:56,930 --> 00:06:59,300 Medzi tretej strany API sú naozaj užitočné veci 124 00:06:59,300 --> 00:07:01,780 ako bytie schopné posielať SMS na ľudí, 125 00:07:01,780 --> 00:07:04,690 je schopný prijímať textové správy SMS z ľudí. 126 00:07:04,690 --> 00:07:08,160 A také veci, že by ste mohli mať tušenie, ako vykonávať sami, 127 00:07:08,160 --> 00:07:10,440 ale vďaka službám, niektoré zadarmo a niektoré komerčné, 128 00:07:10,440 --> 00:07:14,000 môžete vytvoriť na vrchole ty a robiť niečo zaujímavé pre vás. 129 00:07:14,000 --> 00:07:16,990 Medzi API CS50 tieto sú tieto kampus-centric veci ako 130 00:07:16,990 --> 00:07:21,480 Harvard kurzy, energie, akcie, jedlo, mapy, správy, tweety a Shuttleboy vlastné, 131 00:07:21,480 --> 00:07:23,940 a to sú API, ktoré vyzerajú trochu niečo takého. 132 00:07:23,940 --> 00:07:26,990 >> Dovoľte mi, aby som vytiahnuť API HarvardFood. 133 00:07:26,990 --> 00:07:30,620 Ak ste niekedy boli na webové stránky HUD je, pravdepodobne ste tam 134 00:07:30,620 --> 00:07:35,410 len čo bude na večeru, alebo aby videli, čo hodiny sú pre niektoré d-haly. 135 00:07:35,410 --> 00:07:38,000 No, to nie je príliš prehľadná, 136 00:07:38,000 --> 00:07:41,100 a tak to, čo sme si pred nejakým časom bola sme písali softvér, 137 00:07:41,100 --> 00:07:47,270 to sa stane byť v PHP, ktoré skutočne obrazovky škriabe celistvosť webu HUD je. 138 00:07:47,270 --> 00:07:51,400 Pre skríning Scrape niečo znamená napísať program v jazyku ako PHP 139 00:07:51,400 --> 00:07:55,270 ktorá predstiera, že je prehliadač, aj keď ste možno spustiť na príkazovom riadku, 140 00:07:55,270 --> 00:07:58,180 ktorá predstiera, že je prehliadač, pripojí na webové stránky, 141 00:07:58,180 --> 00:08:01,480 stiahne svoj HTML, jazyk, v ktorom je napísané, 142 00:08:01,480 --> 00:08:04,300 a potom sa číta, alebo viac špecificky, rozoberie je 143 00:08:04,300 --> 00:08:06,140 zhora dole, zľava doprava. 144 00:08:06,140 --> 00:08:08,870 A to, čo sme urobili, bolo sme písali náš kód takým spôsobom, že 145 00:08:08,870 --> 00:08:12,910 kedykoľvek sme videli niečo, čo v tomto formáte HTML, ktorý vyzeral ako niečo, čo v ponuke, 146 00:08:12,910 --> 00:08:16,470 ako hamburger, by sme potom importovať, že do našej databázy. 147 00:08:16,470 --> 00:08:20,410 A kedykoľvek sme videli nutričný obsah, by sme importovať, že do našej vlastnej databázy. 148 00:08:20,410 --> 00:08:23,090 A to, čo sme urobili, bolo využiť skutočnosť, že HUD web, 149 00:08:23,090 --> 00:08:27,280 aj keď by to mohlo byť trochu problém pre nás, ľudí na navigáciu 150 00:08:27,280 --> 00:08:32,559 pod pokrievku, je všetko v HTML generované ich vlastné počítačové programy. 151 00:08:32,559 --> 00:08:35,159 Takže všetky ich HTML, aj keď to môže vyzerať chaotický, 152 00:08:35,159 --> 00:08:38,026 rovnako ako väčšina webových stránok pod pokrievku toho vyplýva, vzor. 153 00:08:38,260 --> 00:08:40,799 Takže sme strávili pár hodín prísť na to, že vzor 154 00:08:40,799 --> 00:08:44,240 tak, že na konci, vyhodíme všetky chaotický HTML, 155 00:08:44,240 --> 00:08:47,340 všetky estetiky tučným obloženie a kurzívy a podobne, 156 00:08:47,340 --> 00:08:52,350 a to, čo sme potom schopní urobiť, je vystaviť, aby rovnaké údaje. 157 00:08:52,350 --> 00:08:54,870 Napríklad, v tomto spôsobe. 158 00:08:54,870 --> 00:08:56,840 Takže my, podľa dokumentácie tu, 159 00:08:56,840 --> 00:08:59,190 informovali svet, že ak budete žiadať o adresu URL 160 00:08:59,190 --> 00:09:03,310 , Ktorý vyzerá takto, food.cs50.net / niečo, 161 00:09:03,310 --> 00:09:07,220 a poskytujú určité parametre, ktoré budeme hovoriť dnes, 162 00:09:07,220 --> 00:09:11,780 ako end-dátum, čas, štart-dátum, čas, jedlo a tak ďalej, 163 00:09:11,780 --> 00:09:14,090 čo naše servery sa navrátim k vám, napríklad, 164 00:09:14,090 --> 00:09:18,740 je súbor CSV, čiarka členená hodnoty, ako je súbor programu Excel, 165 00:09:18,740 --> 00:09:23,140 obsahujúci všetko, čo na raňajky v tejto konkrétny deň v marci minulého roka 166 00:09:23,140 --> 00:09:25,450 keď som sa náhodou spísať túto dokumentáciu. 167 00:09:25,450 --> 00:09:27,870 >> Pre tých, ktorí poznajú, CSV nie je len súbor vo formáte. 168 00:09:27,870 --> 00:09:30,610 Tam je iný formát, že je to všetko oveľa všestrannejšie 169 00:09:30,610 --> 00:09:32,670 volal JSON, JavaScript Object notácie. 170 00:09:32,670 --> 00:09:34,770 Dáta môžu vrátiť v tomto formáte. 171 00:09:34,770 --> 00:09:38,110 Takže stánok s jedlom je, že nech už sa ponoríte do tejto API 172 00:09:38,110 --> 00:09:41,170 alebo akéhokoľvek iného CS50 je alebo tak niečo tam na internete, 173 00:09:41,170 --> 00:09:45,560 alebo vôbec nie, si uvedomiť, že svet stále začala štandardizovať 174 00:09:45,560 --> 00:09:47,670 ako stroje prepojené. 175 00:09:47,670 --> 00:09:50,660 Používame štandardné dátové formáty ako je CSV alebo JSON. 176 00:09:50,660 --> 00:09:54,320 A čo to znamená pre vás je, môžete napísať zaujímavú časť programu 177 00:09:54,320 --> 00:09:56,580 , Ktorý umožňuje váš užívateľ vyhľadávať jedálneho sály ponuky, 178 00:09:56,580 --> 00:10:00,010 že im umožňuje vytvárať zoznamy obľúbených, ktoré im umožňuje získať textové upozornenia 179 00:10:00,010 --> 00:10:02,480 keď ich obľúbené jedlo má byť podávaná v niektorých d-haly 180 00:10:02,480 --> 00:10:07,090 pomocou niekoho iného dát a budovanie na vrchole svojej API. 181 00:10:07,090 --> 00:10:13,600 Takže o tom viac v podobe seminárov a dokumentáciu, ktoré máte tu online. 182 00:10:13,600 --> 00:10:16,450 Takže tie, potom sú API. 183 00:10:16,450 --> 00:10:18,900 >> To nás privádza späť do HTML. Rýchla rekapitulácia. 184 00:10:18,900 --> 00:10:22,920 Čo je to HTML? 185 00:10:22,920 --> 00:10:25,000 [Študent, nezrozumiteľné] >> Good. HyperText Markup Language. 186 00:10:25,000 --> 00:10:31,300 Niekto iný, čo je Hypertext Markup Language? 187 00:10:31,300 --> 00:10:37,340 HyperText Markup Language. 188 00:10:37,340 --> 00:10:40,330 Dobre. Takže HTML, HyperText. 189 00:10:40,330 --> 00:10:43,100 HyperText len ​​odkazuje na web, pre najviac sa rozdeliť. 190 00:10:43,100 --> 00:10:45,730 Markup znamená, že to nie je v skutočnosti programovací jazyk, HTML. 191 00:10:45,730 --> 00:10:48,120 Nie je to jazyk, ktorý sa môžete vyjadriť logiku a 192 00:10:48,120 --> 00:10:50,710 To nemá slučky. To nemá podmienky. 193 00:10:50,710 --> 00:10:52,820 To nemá funkcie, samo o sebe. 194 00:10:52,820 --> 00:10:56,680 Skôr má tieto veci zvanej značky, alebo presnejšie povedané, prvky. 195 00:10:56,680 --> 00:10:59,970 A tieto prvky majú počiatočné a koncové značky značky, 196 00:10:59,970 --> 00:11:04,300 alebo otvorené tagy a uzavreté tagy, a čo tie tagy, znamená pre prehliadač je, 197 00:11:04,300 --> 00:11:09,270 začať niečo robiť a potom prestať robiť niečo, aj keď existujú výnimky, ktoré. 198 00:11:09,270 --> 00:11:12,480 Niekedy je to len "vloženie zalomenie riadku tu," napríklad. 199 00:11:12,480 --> 00:11:15,150 A my sme videli príklady tohto druhého dňa, medzi tučným obkladom, 200 00:11:15,150 --> 00:11:17,430 riadkov, a potom pár ďalších značiek. 201 00:11:17,430 --> 00:11:19,880 Takže HTML je jazyk, v ktorom sú napísané webové stránky. 202 00:11:19,880 --> 00:11:23,760 Takže keď idem na niečo, ako je Google.com 203 00:11:23,760 --> 00:11:26,180 a vytiahnuť len ich domovskú stránku, 204 00:11:26,180 --> 00:11:29,690 Pripomínam, že ak kliknete pravým tlačidlom, alebo kontrolovať kliknite 205 00:11:29,690 --> 00:11:32,140 a pozrite sa na zdroje Zobraziť stránku, zvyčajne 206 00:11:32,140 --> 00:11:34,420 je to kompletný neporiadok v týchto dňoch pod kapotou, ale to je preto, že 207 00:11:34,420 --> 00:11:38,170 počítače nezaujíma medzerou, takže to nemusí vyzerať pekne. 208 00:11:38,170 --> 00:11:40,240 Ale keď sa priblížite na častiach to, 209 00:11:40,240 --> 00:11:43,460 Všimnite si, že Chrome, len aby bolo pekné, že farebne odlíšené veci. 210 00:11:43,460 --> 00:11:48,460 Naozaj, toto je prvá značka, ktorá sme videli na webovej stránke. 211 00:11:48,460 --> 00:11:51,750 A opäť, HTML 5, najnovšia verzia tohto jazyka, 212 00:11:51,750 --> 00:11:53,830 nemá túto vec na začiatku, 213 00:11:53,830 --> 00:11:57,820 00:12:03,580 ale to je len druh normy, ktorá hovorí, hej svet, prichádza HTML súbor vo verzii 5. 215 00:12:03,580 --> 00:12:08,920 >> Zaujímavá časť začína tu. Takže 00:12:11,640 z HTML elementov naposledy. 217 00:12:11,640 --> 00:12:14,630 Aké boli tie dva hlavné deti? 218 00:12:14,630 --> 00:12:17,170 Hlava a telo, rovnako ako chlap s tetovaním pred chvíľou. 219 00:12:17,170 --> 00:12:19,640 Existujú dva časti webovej stránky, hlavy a tela, 220 00:12:19,640 --> 00:12:23,750 a odvolanie, potom, že snáď najjednoduchšie webovú stránku, ktorú by mohol vyzerať takto. 221 00:12:23,750 --> 00:12:27,460 A ja som odsadená to len preto, aby bolo celkom čisté a upratané s mojím kódom, 222 00:12:27,460 --> 00:12:30,710 ale to, čo je naozaj dôležité, je to, že tam je nejaká hierarchia k tomu. 223 00:12:30,710 --> 00:12:35,420 A každý tag, že som otvoril som zatvorené a že je preto táto symetria 224 00:12:35,420 --> 00:12:38,300 na všetky značky, ktoré som vytvoril. 225 00:12:38,300 --> 00:12:41,620 Takže naposledy, keď sme začali písať webové stránky na vlastné laptop. 226 00:12:41,620 --> 00:12:45,470 Otvorila som editácia textu, zachránil som súbor ako hello.html, 227 00:12:45,470 --> 00:12:50,190 Potom som vytiahol súbor na mojom prehliadači, a voila, mal som stránky na internete. 228 00:12:50,190 --> 00:12:53,110 Teraz, to nie je tak celkom pravda, mala som stránku, na mojom pevnom disku, 229 00:12:53,110 --> 00:12:58,260 a ja som bol doslova jediný človek na svete, ktorý by videl, že webovú stránku v prehliadači. 230 00:12:58,260 --> 00:13:00,670 >> Takže dnes sme sa zaviesť skutočný webový server 231 00:13:00,670 --> 00:13:02,750 a pojem skutočne poskytovanie obsahu na internete 232 00:13:02,750 --> 00:13:04,970 a ako to všetko začína do seba zapadať. 233 00:13:04,970 --> 00:13:08,350 Takže sa ukázalo, že celú tú dobu v CS50 spotrebiče 234 00:13:08,350 --> 00:13:11,590 ste mali webový server na vašom počítači. 235 00:13:11,590 --> 00:13:16,560 Sme, v spravodlivosť, iba použil pre gedit, pre Clang, pre GDB a podobne, 236 00:13:16,560 --> 00:13:21,000 ale tiež inštalovať nás pre vás v prístroji webový server, 237 00:13:21,000 --> 00:13:23,940 a že webový server sa stane byť voľný, open source, 238 00:13:23,940 --> 00:13:26,580 jeden z najobľúbenejších na svete, tzv Apache. 239 00:13:26,580 --> 00:13:31,340 Jeho ďalší technický názov je httpd, d je pre démona tu, 240 00:13:31,340 --> 00:13:34,110 ktorý je technický výraz pre server. 241 00:13:34,110 --> 00:13:38,690 Takže nainštalovaný v CS50 spotrebiča je webový server, a čo to znamená? 242 00:13:38,690 --> 00:13:43,740 No, webový server, je pojmovo, niektorí server na internete, ktoré slúžia až webový obsah. 243 00:13:43,740 --> 00:13:48,630 Keď boli požiadaní o súbor, to vypľuje HTML, ktoré skladajú tento súbor, a voila. 244 00:13:48,630 --> 00:13:51,370 Vidíte nejaké webové stránky domovskú stránku. 245 00:13:51,370 --> 00:13:54,970 Ale server je, presnejšie, kus softvéru. 246 00:13:54,970 --> 00:13:59,190 To nemusí byť na fyzickom stroji, to jednoducho musí byť kus softvéru beží. 247 00:13:59,190 --> 00:14:01,980 Takže CS50 spotrebič, samozrejme, je kus softvéru 248 00:14:01,980 --> 00:14:04,270 aj keď je to trochu predstierať, že je stroj. 249 00:14:04,270 --> 00:14:06,960 Je to predstierať, že počítač vnútri počítača, 250 00:14:06,960 --> 00:14:11,140 ale to len znamená, že zariadenie môže určite run veci ako webové servery. 251 00:14:11,140 --> 00:14:13,260 To môže skutočne spustiť e-mailové servery. 252 00:14:13,260 --> 00:14:16,440 Mohli by sme spustiť instant messaging server v prístroji, ak by sme chceli, 253 00:14:16,440 --> 00:14:20,780 a naozaj, my spustiť jeden iný typ servera, známy ako databázový server, MySQL. 254 00:14:20,780 --> 00:14:22,620 Ale o tom až budúci týždeň. 255 00:14:22,620 --> 00:14:26,400 To znamená, že môžem skutočne navštíviť webové stránky 256 00:14:26,400 --> 00:14:30,480 vnútri mojej spotrebiče pomocou prehliadača vnútri zariadenia 257 00:14:30,480 --> 00:14:33,600 alebo dokonca na mojom vlastnom notebooku, môj Mac alebo moje PC. 258 00:14:33,600 --> 00:14:37,780 Takže čo to znamená? Ukazuje sa, že zakaždým, keď používate Linux počítač, 259 00:14:37,780 --> 00:14:40,910 Jeho prezývka je "miestneho hostiteľa." 260 00:14:40,910 --> 00:14:43,370 To nemá názov domény, pretože sme nekúpili názov domény 261 00:14:43,370 --> 00:14:46,590 niečo ako zariadenie, tak jeho predvolený názov je miestne hostiteľ. 262 00:14:46,590 --> 00:14:50,470 >> Aby však bolo možné získať prístroj začať zobrazovať až webových stránok, 263 00:14:50,470 --> 00:14:52,270 musíme vytvoriť ako prvý. 264 00:14:52,270 --> 00:14:55,200 Tak poďme na to. Nechaj ma ísť do terminálu tu 265 00:14:55,200 --> 00:14:58,190 a všimnite si, že som na svoje typické John Harvard riadku. 266 00:14:58,190 --> 00:15:01,670 Nechaj ma ísť napred a typ LS, a uvidíme nejaké známe veci z tohto semestra, 267 00:15:01,670 --> 00:15:04,580 desktop, sťahovanie, Dropbox a tak ďalej, 268 00:15:04,580 --> 00:15:07,540 ale teraz začneme otáčať našu pozornosť na pár. 269 00:15:07,540 --> 00:15:11,530 Na mnohých linuxových webových serveroch tam je to zložka s názvom public html, 270 00:15:11,530 --> 00:15:15,630 ale budeme preskočiť, že jeden pre teraz a zamerať sa na to, vhostů. 271 00:15:15,630 --> 00:15:18,850 Každý, kto vedia, čo vhost je? 272 00:15:18,850 --> 00:15:21,110 Len hlúpy žargón pre virtuálne hostiteľa, 273 00:15:21,110 --> 00:15:23,850 a čo to znamená, že na typické servera 274 00:15:23,850 --> 00:15:26,810 môžete skutočne hostiť viac webových stránok. 275 00:15:26,810 --> 00:15:31,500 Môžete si kúpiť názov domény, ako je foo.com, a môžete hosťovať na serveri. 276 00:15:31,500 --> 00:15:36,100 Ale môžete si tiež kúpiť bar.com a hosťovať na rovnakom serveri. 277 00:15:36,100 --> 00:15:40,250 Dôvodom je, že prehliadače sú dosť bystrí na to, aby informoval servera 278 00:15:40,250 --> 00:15:45,880 ak užívateľ požaduje nejaké webové stránky, ako názov domény užívateľ chce na domovskej. 279 00:15:45,880 --> 00:15:48,760 Takže to, čo je pekné o tom sa nemusíte jeden fyzický server, 280 00:15:48,760 --> 00:15:52,040 alebo jeden CS50 zariadenia pre každý web, budete chcieť vytvoriť. 281 00:15:52,040 --> 00:15:55,520 Môžete použiť rovnaký server a rozvíjať sto rôznych webových stránok. 282 00:15:55,520 --> 00:15:58,770 A skutočne, ak ste osoba snaží na začiatok stránky, 283 00:15:58,770 --> 00:16:02,100 či už pre zábavu, alebo na podnikanie, zvyčajne budete chodiť na internete, 284 00:16:02,100 --> 00:16:04,650 a budete platiť niekto desať babiek mesačne, sto dolárov mesačne 285 00:16:04,650 --> 00:16:06,670 hostiť vaše webové stránky pre vás. 286 00:16:06,670 --> 00:16:11,060 A spôsob, akým funguje, je, že sa nabíjajú ostatných ľudí 287 00:16:11,060 --> 00:16:13,160 desať babiek mesačne alebo sto dolárov mesačne 288 00:16:13,160 --> 00:16:17,200 hostiť webové stránky iných ľudí na ich rovnakom serveri. 289 00:16:17,200 --> 00:16:20,740 Dôvodom môžu urobiť, je kvôli tejto vlastnosti zvanej bhosts, 290 00:16:20,740 --> 00:16:23,790 ale o tom viac, keď príde čas na záverečných prác. 291 00:16:23,790 --> 00:16:28,360 >> Pre túto chvíľu, poďme ponoriť tam. Takže cd vhosts, a keď som typ LS teraz, 292 00:16:28,360 --> 00:16:31,370 Všimnite si, že je tu zložku tam volal miestneho hostiteľa. 293 00:16:31,370 --> 00:16:33,440 To preto, že v predvolenom nastavení, spotrebič údaje 294 00:16:33,440 --> 00:16:36,160 ste niekedy bude prevádzkovať jednu stránku na zariadení. 295 00:16:36,160 --> 00:16:38,970 To nie je naozaj skutočný svet, to nie je real-world web server. 296 00:16:38,970 --> 00:16:41,690 Tak nechaj ma ísť do miestneho hostiteľa, a teraz uvidíme sa tam 297 00:16:41,690 --> 00:16:44,290 jeden posledný adresár nazvaný HTML. 298 00:16:44,290 --> 00:16:47,080 Takže je to trochu hlboko, hierarchie, ale ak a až 299 00:16:47,080 --> 00:16:51,230 ste sa rozhodli začať rozvíjať viac webových stránok v priebehu nasledujúcich mesiacov alebo rokov n, 300 00:16:51,230 --> 00:16:54,370 tento druh štruktúry zložiek má tendenciu byť užitočné. 301 00:16:54,370 --> 00:16:56,560 Teraz poďme do HTML, ako som práve urobil, 302 00:16:56,560 --> 00:16:59,010 typ ls, a nič ich tam. 303 00:16:59,010 --> 00:17:01,390 Takže teraz poďme do toho a urobiť to. Dovoľte mi, aby som otvoriť Chrome 304 00:17:01,390 --> 00:17:07,300 vo vnútri spotrebiča, a nechaj ma ísť na http://localhost. 305 00:17:07,300 --> 00:17:14,440 Takže doslova meno pre moje zariadenie, zadajte, a ja si index /. 306 00:17:14,440 --> 00:17:18,290 To nie je naozaj mi ukázal niečo zaujímavé, 307 00:17:18,290 --> 00:17:23,400 ale ukázalo sa, že to, čo vidíme, je, že zložka, HTML. 308 00:17:23,400 --> 00:17:25,770 Na tom nie je nič vnútri tejto zložky práve teraz, 309 00:17:25,770 --> 00:17:28,750 takže miesto, čo budem musieť urobiť, je najprv vytvoriť súbor. 310 00:17:28,750 --> 00:17:33,530 Vytvoriť súbor HTML ako sme to urobili v pondelok, ale tentoraz dať vnútri spotrebiča. 311 00:17:33,530 --> 00:17:36,830 Pre tých z vás, ktorí sa snažia sledovať spolu s notebookmi teraz, 312 00:17:36,830 --> 00:17:42,040 dovoľte mi, aby som vykonajte jednu stranou, ktorá bude spadať do webovej PSet, 313 00:17:42,040 --> 00:17:44,280 ale aby si to do práce za veľmi prvýkrát, 314 00:17:44,280 --> 00:17:49,830 budete musieť spustiť tento príkaz: sudo service httpd štarte. 315 00:17:49,830 --> 00:17:52,670 A to, opäť sa bude opakovať v poslednom Pset, 316 00:17:52,670 --> 00:17:55,460 ale ak hráte spolu doma teraz, web server 317 00:17:55,460 --> 00:17:58,660 vypnutie v zariadení, a to tak, že nie je miazgy pamäť RAM 318 00:17:58,660 --> 00:18:01,960 a pamäť pre 7 týždňov out of semestra, kedy nepotrebujeme ju. 319 00:18:01,960 --> 00:18:05,190 Takže budete musieť spustiť tento príkaz raz, a budete mať výstup takého. 320 00:18:05,190 --> 00:18:07,920 Potom by ste mali byť schopní hrať tadiaľ. 321 00:18:07,920 --> 00:18:10,330 Teraz sa vráťme do tejto zložky. 322 00:18:10,330 --> 00:18:12,770 Táto zložka je prázdna, tak mi dovoľte začať vytvárať súbor, 323 00:18:12,770 --> 00:18:16,360 gedit hello.html. 324 00:18:16,360 --> 00:18:20,930 >> Dobrá. Gedit je otvorený, ako zvyčajne. Dovoľte mi, aby som to doctype, html, 325 00:18:20,930 --> 00:18:25,270 html, dovoľte mi, aby som pred seba a začať zavrela značky vopred. 326 00:18:25,270 --> 00:18:28,380 Teraz mám hlavu. Nechaj ma ísť ďalej a zatvorte hlavu, 327 00:18:28,380 --> 00:18:32,450 dovoľte mi, aby som teraz urobiť názov stránky, hello world ako minule, 328 00:18:32,450 --> 00:18:34,790 zavrieť titul, teraz mi dovoľte to telo. 329 00:18:34,790 --> 00:18:38,130 V tú poviem ahoj, svet s niektorými exclams 330 00:18:38,130 --> 00:18:40,550 aby bolo jasné, že je to iný reťazec. 331 00:18:40,550 --> 00:18:45,800 Zavrieť telo, a teraz mi dovoľte pokračovať a súbor uložte. 332 00:18:45,800 --> 00:18:48,470 Nechajte ma ísť späť do môjho terminálovom okne, a keď som typ LS, 333 00:18:48,470 --> 00:18:51,830 Mal by som, pravdepodobne, pozri hello.html. A ja. 334 00:18:51,830 --> 00:18:55,070 Takže teraz sa vráťme k môjmu prehliadači, kliknite na tlačidlo znova, 335 00:18:55,070 --> 00:18:58,930 a môžete vidieť, že sú naozaj v tejto HTML zložky. 336 00:18:58,930 --> 00:19:02,310 Nevidím na webovú stránku ešte, to je Apache, webový server, 337 00:19:02,310 --> 00:19:04,670 len ukazovať mi zoznam obsah tohto adresára. 338 00:19:04,670 --> 00:19:08,260 Rovnako ako Mac OS alebo Windows by zvyčajne na vašom vlastnom miestnom pevnom disku. 339 00:19:08,260 --> 00:19:12,730 Takže keď chcem vidieť túto webovú stránku, môžem kliknite na tento malý odkaz tu, hello.html, 340 00:19:12,730 --> 00:19:15,160 a naozaj, to je to, čo som očakával, že uvidí. 341 00:19:15,160 --> 00:19:18,080 Teraz, opäť, to nie je URL, že každý z vás môže navštíviť práve teraz, 342 00:19:18,080 --> 00:19:20,760 pretože pre teba, miestne hostiteľ, ak máte notebook tu, 343 00:19:20,760 --> 00:19:23,050 to sa odkazuje na vlastné inštanciu spotrebiča. 344 00:19:23,050 --> 00:19:25,900 To je na moje vlastné osobné zariadenia, 345 00:19:25,900 --> 00:19:29,080 ale toto je druh nemý pre mňa mať, mať 346 00:19:29,080 --> 00:19:34,480 užívateľ ako ja kliknite na hello.html skutočne vidieť obsah tejto stránky. 347 00:19:34,480 --> 00:19:42,590 Ukazuje sa, že webové servery ako Apache nech máte predvolený súbor pre ľubovoľný webový server. 348 00:19:42,590 --> 00:19:44,640 Všimnite si, máme hello.html. 349 00:19:44,640 --> 00:19:48,410 Čo je príkaz v Linuxe premenovať súbor? 350 00:19:48,410 --> 00:19:50,870 >> MV, na nasťahovanie. Tak nechaj ma to urobiť, že, 351 00:19:50,870 --> 00:19:55,870 a dovoľte mi, aby som premenovať hello.html na index.html. 352 00:19:55,870 --> 00:19:58,610 Dovoľte mi, aby som typ LS potvrdiť, že to teraz bol premenovaný. 353 00:19:58,610 --> 00:20:03,250 Teraz to bude - ak sa vrátim k miestnemu hostiteľovi, 354 00:20:03,250 --> 00:20:06,710 všimnúť, teraz, že som automaticky videl, že webové stránky. 355 00:20:06,710 --> 00:20:11,740 To je totožný s mojím skutočne robí / index.html, 356 00:20:11,740 --> 00:20:14,740 ale pekná vec teraz je, že webový server je premýšľaním, 357 00:20:14,740 --> 00:20:18,830 oh, ak máte súbor, ktorý, ľudskými konvenciami, sa nazýva index.html, 358 00:20:18,830 --> 00:20:21,200 dovoľte mi ukázať, že je súbor v predvolenom nastavení 359 00:20:21,200 --> 00:20:25,290 skôr ako nejaký hlúpy výpisu adresára, ktorý nie je vôbec užívateľsky príjemný. 360 00:20:25,290 --> 00:20:28,900 Naozaj, väčšina internetových stránok, ktoré navštívite na internete nemajú zoznam súborov kliknúť na, 361 00:20:28,900 --> 00:20:34,040 oni vám ukázať obsah. Tak to je, ako sa nám to podarí, index.html. 362 00:20:34,040 --> 00:20:37,000 Takže je to všetko legrace a dobré, ale to je celkom jednoduchá webová stránka. 363 00:20:37,000 --> 00:20:41,640 Nechaj ma ísť ďalej a otvoriť súbor index.html v mojich vhostů, 364 00:20:41,640 --> 00:20:47,620 pocítacov v lokálnej sieti, html adresár, a poďme pridať niečo väčšieho záujmu. 365 00:20:47,620 --> 00:20:56,120 Takže je tu hello world, poďme miesto hovoria "To je CS50, Harvard College je. . . " 366 00:20:56,120 --> 00:21:00,000 Takže na začiatku popisu predmetu katalógu nejakého druhu tam. 367 00:21:00,000 --> 00:21:03,780 Teraz, keď som znovu, mal by som to vidieť v mojej domovskej stránke. 368 00:21:03,780 --> 00:21:09,560 Dobre, a ja vidím, že, ale predpokladajme, že chcem, aby sa zoznam niektorých viac obsahu v tomto súbore. 369 00:21:09,560 --> 00:21:15,160 Mohol by som ísť sem dole a hovoria, predpoklady none, 370 00:21:15,160 --> 00:21:18,740 hoci niektorí z vás sa možno páčilo, "Ha ha ha, žiadne požiadavky." 371 00:21:18,740 --> 00:21:24,320 Ale - oficiálne. Takže znova, a teraz máme rovnaký vtip, že sme videli minule. 372 00:21:24,320 --> 00:21:26,240 Ale prečo je to? Bola to jednoduchá oprava. 373 00:21:26,240 --> 00:21:31,440 Prečo je táto stránka rozbité? 374 00:21:31,440 --> 00:21:34,170 [Študent, nezrozumiteľné] >> Jo, sme vyriešili to predtým 375 00:21:34,170 --> 00:21:37,440 tým, že explicitne hovoriť prehliadači vloženie zalomenie riadku tu. " 376 00:21:37,440 --> 00:21:39,440 A to preto, že opäť, prehliadač to len bude robiť 377 00:21:39,440 --> 00:21:42,610 výslovne neuvádza, ktoré značkovací jazyk hovorí, že k tomu, 378 00:21:42,610 --> 00:21:45,730 takže aj keď ste mohol zasiahnuť zadajte raz alebo dvakrát alebo dokonca desaťkrát, 379 00:21:45,730 --> 00:21:49,870 bude to spojiť, že všetci do jedného priestoru, len konvencií. 380 00:21:49,870 --> 00:21:52,770 Takže ak naozaj chcete zalomenie riadku, musíte použiť tag br, 381 00:21:52,770 --> 00:21:56,840 a teraz oznámenia, rovnako ako pondelok som dal / vnútri tohto tagu, 382 00:21:56,840 --> 00:22:00,090 len preto, že to jednoducho nie je ono 383 00:22:00,090 --> 00:22:02,990 kto zalomenie riadku a potom zastavte ho nič medzi tým. 384 00:22:02,990 --> 00:22:07,740 >> Takže konvencie v HTML je otvoriť a zavrieť tag súčasne. 385 00:22:07,740 --> 00:22:11,050 Ako stranou, uvidíte veľa webových stránok v knihách nerobí, že. 386 00:22:11,050 --> 00:22:14,240 Je správne robiť alebo nerobiť to, ale my by sme tvrdiť, 387 00:22:14,240 --> 00:22:17,430 že dizajn-múdry a štylisticky, to je proste lepšia 388 00:22:17,430 --> 00:22:20,540 pretože potom každý tag je ako otvárať a zatvárať nejako. 389 00:22:20,540 --> 00:22:23,370 Tak teraz poďme zachrániť a znovu. Vráťte sa späť do prehliadača, jo. 390 00:22:23,370 --> 00:22:26,680 Teraz robíme nejaký pokrok, ale nie je to dosť. 391 00:22:26,680 --> 00:22:33,210 Poďme ďalej a začať písať v nejakom dlhšom časť textu. 392 00:22:33,210 --> 00:22:40,610 Takže povedzme, "quick brown fox skáče cez lenivého psa." 393 00:22:40,610 --> 00:22:42,700 A teraz mi dovoľte stačí skopírovať a vložiť tento niekoľkokrát 394 00:22:42,700 --> 00:22:45,040 takže máme odsek textu. 395 00:22:45,040 --> 00:22:47,780 Nechaj ma ísť späť sem. Takže to nevyzerá moc dobre. 396 00:22:47,780 --> 00:22:50,000 Mám zalomenie riadku, takže je to v poriadku, 397 00:22:50,000 --> 00:22:52,140 ale teraz, keď sa dostávame k tej miery, že webovú stránku 398 00:22:52,140 --> 00:22:55,640 , Ktorý má veľa obsahu a nie len jednotlivé riadky, ktorými preukážu, HTML, 399 00:22:55,640 --> 00:22:58,570 môžeme začať premýšľať o týchto veciach ako skutočné odsekov. 400 00:22:58,570 --> 00:23:01,590 A môžeme začať štruktúrovať naše webové stránky trochu čistejšie. 401 00:23:01,590 --> 00:23:05,120 A skutočne, čo môžem urobiť, je ísť tu vnútri môjho tela tagu, 402 00:23:05,120 --> 00:23:09,400 a viete čo, keby "To je CS50. . . " Naozaj demarks začiatok odseku, 403 00:23:09,400 --> 00:23:11,310 dobre, poďme označiť ho ako taký. 404 00:23:11,310 --> 00:23:13,570 Dovoľte mi, aby som odsadenie textu, len konvencií, dovoľte mi povedať, 405 00:23:13,570 --> 00:23:15,710 že tento odsek tu končí, 406 00:23:15,710 --> 00:23:18,320 a potom skôr než robiť to koniec riadku, dovoľte mi povedať, 407 00:23:18,320 --> 00:23:23,300 , Že táto tam patrí a ako nový odsek, 408 00:23:23,300 --> 00:23:27,610 a ja len rýchlo zarážka len o prepisovanie všetky tieto veci. 409 00:23:27,610 --> 00:23:30,660 >> Takže teraz máme odsadenie tam, 410 00:23:30,660 --> 00:23:33,510 a teraz naše značky začína byť trochu viac 411 00:23:33,510 --> 00:23:37,070 sémanticky v súlade s tým, čo sa snažíme robiť. 412 00:23:37,070 --> 00:23:40,130 Máme bod, takže povedzme, že bod s tagom p 413 00:23:40,130 --> 00:23:43,370 Máme druhý odsek, tak povedzme, že bod s tagom p 414 00:23:43,370 --> 00:23:45,850 A teraz, čo prehliadač typicky robiť 415 00:23:45,850 --> 00:23:48,490 je rovnako ako v anglickej knihe alebo esej, 416 00:23:48,490 --> 00:23:51,280 kde sa obvykle vidieť niektoré riadkov medzi odsekmi. 417 00:23:51,280 --> 00:23:53,720 Prehliadače bude to pre vás automaticky. 418 00:23:53,720 --> 00:23:56,680 Takže teraz máme dva body a môžeme pokračovať v tomto. 419 00:23:56,680 --> 00:23:58,770 Ale, samozrejme, na webe, keď máte tela texte 420 00:23:58,770 --> 00:24:01,370 nie je to zvyčajne len veľké guľôčky textu. 421 00:24:01,370 --> 00:24:04,040 Tam sú často hypertextové odkazy tam. 422 00:24:04,040 --> 00:24:07,250 Takže ak chceme, napríklad, obsahovať niektoré odkazy tam, 423 00:24:07,250 --> 00:24:10,760 Predpokladám, že to, čo by mohlo byť zaujímavé v akejkoľvek webovej stránky som vytvoriť tu - 424 00:24:10,760 --> 00:24:12,780 nechajte ma ísť na Google.com, 425 00:24:12,780 --> 00:24:16,540 a dovoľte mi, aby som vyhľadať quick brown fox. 426 00:24:16,540 --> 00:24:22,150 Prejsť na Google obrázkov, a, ako o tom - to je roztomilé. 427 00:24:22,150 --> 00:24:27,420 Pôjdeme s tým. Takže tu máme quick brown fox skákanie cez lenivého psa. 428 00:24:27,420 --> 00:24:30,560 Takže, čo budem robiť tu, len kvôli demonštrácii, 429 00:24:30,560 --> 00:24:32,950 Predpokladám, že je tento obraz bol na mojom serveri, 430 00:24:32,950 --> 00:24:35,240 a ja som bol vytvorenie týchto snímok. 431 00:24:35,240 --> 00:24:38,720 Čo som práve urobil, bolo pravým kliknutím alebo kontrolovať kliknite na obrázok, 432 00:24:38,720 --> 00:24:42,370 a to, čo uvidíte vo väčšine prehliadačov je trochu menu - 433 00:24:42,370 --> 00:24:48,800 prestaň s tým, že - trochu menu, ktoré vám umožní vybrať si Kopírovať adresu odkazu alebo Kopírovať adresu URL. 434 00:24:48,800 --> 00:24:52,750 Tak nechaj ma ísť späť do môjho HTML, a predpokladajme, že chcem 435 00:24:52,750 --> 00:24:56,420 na hypertextový odkaz tohto na inú webovú stránku. 436 00:24:56,420 --> 00:24:58,640 >> Aký bol tag volal, že? 437 00:24:58,640 --> 00:25:01,650 [Študent, nezrozumiteľné] >> Jo. Takže href pre hyper odkaz. 438 00:25:01,650 --> 00:25:04,660 Nechaj ma ísť dopredu a vložte že dovnútra 439 00:25:04,660 --> 00:25:07,290 Je to celkom dlhá URL, tak mi dovoľte priblížiť späť. 440 00:25:07,290 --> 00:25:09,950 Zavrieť držiaky, takže teraz nevšimol som cestu sem 441 00:25:09,950 --> 00:25:11,960 preto, že URL sa stalo, že je celkom dlhá. 442 00:25:11,960 --> 00:25:15,180 Dovoľte mi, aby som prejdite sem na koniec quick brown fox, 443 00:25:15,180 --> 00:25:18,830 a potom ma zavrite túto značku s 00:25:21,280 kde som len zavrel meno tagu. 445 00:25:21,280 --> 00:25:24,470 Teraz mi dovoľte pokračovať a okrem toho, že súbor, načítať webovú stránku, 446 00:25:24,470 --> 00:25:27,880 a teraz, v predvolenom nastavení, že to bude potrebné zdôrazniť modro pre mňa, 447 00:25:27,880 --> 00:25:31,980 ale naozaj, môžem teraz kliknite na tento a je to. Tam je to image. 448 00:25:31,980 --> 00:25:33,990 A to nemal byť obrázok, mohla spojené 449 00:25:33,990 --> 00:25:36,270 na nejakú inú náhodné webové stránky na Internete. 450 00:25:36,270 --> 00:25:39,610 Mohol by som to, napríklad, s CS50, tak jeden posledný príklad tu. 451 00:25:39,610 --> 00:25:42,730 "To je CS50" mohlo mať zmysel ísť, href = 452 00:25:42,730 --> 00:25:50,340 http://www.cs50.net, úzkym citácie, úzkym kotva. 453 00:25:50,340 --> 00:25:53,990 Takže teraz, že to ešte kratšie URL, a tentoraz nebudeme sa na takýto obrázok odkaz. 454 00:25:53,990 --> 00:25:57,880 Sme miesto bude odkaz na inú stránku. 455 00:25:57,880 --> 00:25:59,840 Teraz máme obrázok tu. 456 00:25:59,840 --> 00:26:02,970 Mám pocit, že to môžeme urobiť trochu lepšie ako len prepojenie na obrázok. 457 00:26:02,970 --> 00:26:05,760 Čo keď budeme chcieť, aby skutočne stelesňujú v našom vlastnom webové stránky? 458 00:26:05,760 --> 00:26:09,290 >> No, čo sa dá urobiť je, skôr ako odkaz na túto grafiku, 459 00:26:09,290 --> 00:26:14,690 dovoľte mi, aby som namiesto toho znížiť URL, a budeme sa zbaviť tohto odkazu a vyčistite toto hore. 460 00:26:14,690 --> 00:26:17,190 A pôjdeme dole a zbaviť tohto. 461 00:26:17,190 --> 00:26:20,910 Nemáme naozaj potrebujete všetky tieto vety, takže mi dovoľte skrátiť stránku trochu. 462 00:26:20,910 --> 00:26:24,530 A potom tu dole, nechajte ma ísť napred v novom odseku, 463 00:26:24,530 --> 00:26:30,100 povedať, že som si to chcete text teraz, chcem si obraz, ktorého zdrojom bude, že URL. 464 00:26:30,100 --> 00:26:33,100 Obrázok, ako koniec riadku, je buď tam, alebo to nie je. 465 00:26:33,100 --> 00:26:35,900 Tak nech mi okamžite ukončiť túto značku. 466 00:26:35,900 --> 00:26:39,440 Nechaj ma ísť napred teraz a zatvorte odsek, že som vo vnútri, 467 00:26:39,440 --> 00:26:43,010 a ak všetko pôjde dobre s hello, world, keď som znovu teraz, 468 00:26:43,010 --> 00:26:45,520 I, naozaj, pozri obrázok vpravo vnútri mojej vlastnej webovej stránky obrázok. 469 00:26:45,520 --> 00:26:48,570 Takže teraz máme značku obrázku, kotevné značku a podobne, 470 00:26:48,570 --> 00:26:51,320 a pre dobrú mieru, nechaj ma to urobiť ešte jednu vec, ktorá je často ignorovaná 471 00:26:51,320 --> 00:26:55,900 na webových stránkach v týchto dňoch: Poďme poskytnúť určité popisný text k tomuto obrázku 472 00:26:55,900 --> 00:26:58,090 pre ľudí, ktorí sú na mobilnom zariadení 473 00:26:58,090 --> 00:27:00,640 a preto nemusí byť schopný stiahnuť obrázok veľmi rýchlo, 474 00:27:00,640 --> 00:27:03,310 pre ľudí, ktorí sú slepí a nemusia byť schopní vidieť obraz 475 00:27:03,310 --> 00:27:06,480 ale oni by mohli mať čítačku obrazovky, ktorý môže povedať, je to, čo tento obrázok je. 476 00:27:06,480 --> 00:27:09,100 A k tomu, že tam je ďalší atribút pre imidž značky 477 00:27:09,100 --> 00:27:11,290 volal alt, pre alternatívny text. 478 00:27:11,290 --> 00:27:14,650 A čo sa dá robiť, je tu povedať: "Toto je quick brown fox." 479 00:27:14,650 --> 00:27:17,650 Takže aj keď človek nemôže vidieť obraz na obrazovke, 480 00:27:17,650 --> 00:27:20,560 on alebo ona môže aspoň počuť, ako s nejakým kusom softvéru, 481 00:27:20,560 --> 00:27:23,080 čo vlastne je tam na obrazovke. 482 00:27:23,080 --> 00:27:25,040 >> To sa nezmení estetiku stránky, 483 00:27:25,040 --> 00:27:27,640 ale to je určite dobrá prax pre užívateľa. 484 00:27:27,640 --> 00:27:31,760 Dobre, nechajme túto webovú stránku vo svojej súčasnej podobe, 485 00:27:31,760 --> 00:27:33,890 ale uvidíme, či nemôžeme teraz predstavuje 486 00:27:33,890 --> 00:27:36,210 nejaký lepší prístupy k písaniu týchto webových stránok, 487 00:27:36,210 --> 00:27:39,980 Niektoré lekcie, ktoré sa chystáte, aby nám slúžili rovnako ako naše stránky stále viac a viac zložitejšie. 488 00:27:39,980 --> 00:27:42,220 Čo my nebudeme robiť v priebehu najbližších niekoľkých týždňov 489 00:27:42,220 --> 00:27:46,810 je vás prevedie všetkými niekoľkých desiatok značiek HTML, ktoré tam sú. 490 00:27:46,810 --> 00:27:49,800 Rovnako ako v začiatku v roku týždni 0, to asi bude stačiť 491 00:27:49,800 --> 00:27:52,120 aby na vysokej úrovni prehľad niektorých pojmov, 492 00:27:52,120 --> 00:27:54,530 rýchle prehliadka niektorých bloky, ktoré boli pravdepodobne schopné, 493 00:27:54,530 --> 00:27:58,240 pekný pohodlne, prejdite na vlastnú päsť, rôzne skladačky. 494 00:27:58,240 --> 00:28:00,460 A že sa to stane znovu v HTML, s najväčšou pravdepodobnosťou, 495 00:28:00,460 --> 00:28:04,320 kedy tu dostatok zdrojov na webe, že budeme ukazovať vás na, 496 00:28:04,320 --> 00:28:06,920 rôzne učebnice, ak dávate prednosť prečítať učebnicu, 497 00:28:06,920 --> 00:28:10,560 že vás prevedie všetkými rôzne veci, ktoré môžete urobiť s HTML, 498 00:28:10,560 --> 00:28:16,100 ale naozaj, videli sme tak ďaleko v HTML väčšine základných pojmov. 499 00:28:16,100 --> 00:28:19,900 Máme predstavu tagov bude otvorený, v zatvorenej tagy. 500 00:28:19,900 --> 00:28:22,100 Niektoré značky, ktoré sú oba otvorené a uzavreté 501 00:28:22,100 --> 00:28:24,620 v tom zmysle, že sú prázdne, tam by mala byť nič vnútri nich 502 00:28:24,620 --> 00:28:27,490 ako obrazu značky alebo koniec riadku, ktoré sú práve tam. 503 00:28:27,490 --> 00:28:32,330 Tiež sme sa pozreli už na pojmu atribútu, ako alt alebo zdroje. 504 00:28:32,330 --> 00:28:36,410 Všimnite si, že tieto slová majú tendenciu, podľa konvencie, byť krátky a stručné. 505 00:28:36,410 --> 00:28:39,140 >> Nemáme priestor na voľnú úvahu o tom, čo tieto veci sú povolaní, 506 00:28:39,140 --> 00:28:42,060 niekto iný, kto vynašiel HTML prišiel s týmito menami. 507 00:28:42,060 --> 00:28:44,710 Takže stačí začať vedieť, alebo vyhľadať, kedykoľvek ich potrebujete, 508 00:28:44,710 --> 00:28:47,160 aké názvy sú pre tieto tagy a atribúty. 509 00:28:47,160 --> 00:28:49,510 V prípade týchto vlastností, pripisuje všeobecne 510 00:28:49,510 --> 00:28:52,900 zmeniť správanie niektorých tagu. 511 00:28:52,900 --> 00:28:55,710 V tomto prípade, je zdrojom atribút hovorí značku obrázku 512 00:28:55,710 --> 00:28:57,940 Čo je zdrojom obrazu by mali byť. 513 00:28:57,940 --> 00:29:04,460 Atribút href hovorí kotevné tag to, čo by mal vlastne byť prepojenie do. 514 00:29:04,460 --> 00:29:06,800 Ale pokiaľ ide o štruktúru webové stránky, aj keď Facebook 515 00:29:06,800 --> 00:29:09,680 a Google a ako vyzerať ako úplný neporiadok 516 00:29:09,680 --> 00:29:12,560 pod pokrievku na prvý pohľad, ak začnete čítať cez to 517 00:29:12,560 --> 00:29:16,950 viac metodicky, všetci nasledovať tento základný, základnú štruktúru. 518 00:29:16,950 --> 00:29:19,660 Ale môžeme zlepšiť štylizáciu týchto vecí. 519 00:29:19,660 --> 00:29:24,180 Tak nechaj ma ísť na niektoré príklady, ktoré som vopred pripravených. 520 00:29:24,180 --> 00:29:27,280 Nechaj ma ísť napred a skopírujte je z inej zložky tu 521 00:29:27,280 --> 00:29:29,380 a dať ich do tohto adresára. 522 00:29:29,380 --> 00:29:32,210 V predstihu, čo som urobil, bolo pripraviť niekoľko súborov: 523 00:29:32,210 --> 00:29:35,670 search0, search1, search2, a search3 a 4. 524 00:29:35,670 --> 00:29:38,740 Nechaj ma ísť dopredu a otvoriť prvú z týchto súborov, 525 00:29:38,740 --> 00:29:42,570 a uvidíme, či nemôžeme začať vytvárať vlastné vyhľadávač. 526 00:29:42,570 --> 00:29:46,530 V hornej časti tohto súboru, ako je tomu v prípade zvyčajne v triede, len banda komentáre. 527 00:29:46,530 --> 00:29:49,760 V HTML, aj keď, prostriedky, ktoré kto komentár 528 00:29:49,760 --> 00:29:55,640 je <-! a potom si vnútri komentár, multi-line komentár. 529 00:29:55,640 --> 00:29:59,800 Keď ste pripravení zastaviť ten komentár, môžete tak urobiť ->. 530 00:29:59,800 --> 00:30:02,380 Takže všetko, čo na vrchole v modrej farbe je len komentár. 531 00:30:02,380 --> 00:30:04,620 >> To je môj deklarácie DOCTYPE, ktorá opäť, 532 00:30:04,620 --> 00:30:07,080 stačí skopírovať a vložiť na viere, pre teraz. 533 00:30:07,080 --> 00:30:10,410 To len povie prehliadači, Here Comes niektoré HTML 5. " 534 00:30:10,410 --> 00:30:13,600 Pod týmto, na riadku 14, je prvý z mojich skutočných značiek, 535 00:30:13,600 --> 00:30:16,900 a to len hovorí, ako predtým, prichádza nejaký HTML, 536 00:30:16,900 --> 00:30:19,460 Tu prichádza hlavu mojej stránky, tu prichádza titul, 537 00:30:19,460 --> 00:30:23,900 a potom, naopak, že je to o titul, tak je to na hlavu. 538 00:30:23,900 --> 00:30:26,460 Tu teraz prichádza telo mojej strane. 539 00:30:26,460 --> 00:30:31,040 Takže pár nových značiek teraz: h1 je skratka pre okruh 1. 540 00:30:31,040 --> 00:30:33,850 Tam je tradícia v HTML pre mnoho rokov späť 541 00:30:33,850 --> 00:30:37,990 mať rôzne veľkosti textu. 542 00:30:37,990 --> 00:30:41,980 A späť v deň, každý z nich znamená, všeobecne, len veľké a tučné. 543 00:30:41,980 --> 00:30:45,860 Ale je tu tiež h2, čo je veľká, ale nie tak veľký a odvážny. 544 00:30:45,860 --> 00:30:49,320 Je tu h3, ktorý je tak trochu veľká, ale nie je zďaleka tak veľký a odvážny, 545 00:30:49,320 --> 00:30:52,380 a tak ďalej, celú cestu až do h6. 546 00:30:52,380 --> 00:30:55,550 V týchto dňoch, aj keď sú h1, h2 a h3 naozaj na mysli 547 00:30:55,550 --> 00:30:57,980 mať viac sémantický význam pre nich, 548 00:30:57,980 --> 00:31:01,100 pričom h1 je naozaj nadpis: hlavičke webovej stránky, 549 00:31:01,100 --> 00:31:04,210 hlavičku stĺpca alebo niečo podobného textu. 550 00:31:04,210 --> 00:31:09,030 Tak som schválne povedal h1 CS50 Vyhľadávanie> h1 551 00:31:09,030 --> 00:31:12,640 na špecifikujte, že to je naozaj čísla, názov mojej stránky. 552 00:31:12,640 --> 00:31:14,850 Nie je názvu v tom zmysle, hlavičky, 553 00:31:14,850 --> 00:31:18,960 ale titul, ktorý ste skutočne vidieť v samotnej webovej stránky, v tele. 554 00:31:18,960 --> 00:31:20,990 Teraz to môžete asi tušíte, čo to je, 555 00:31:20,990 --> 00:31:23,110 aj keď máme pár nových kúskov syntaxe. 556 00:31:23,110 --> 00:31:25,930 Jedná sa o formu. Takže web naozaj začína byť zaujímavé 557 00:31:25,930 --> 00:31:28,770 keď webové stránky sa vstup od užívateľa. 558 00:31:28,770 --> 00:31:31,700 V tejto triedy, v probléme nastaveným na programovanie webových, 559 00:31:31,700 --> 00:31:33,880 nebudeme robiť webové stránky, sama o sebe, 560 00:31:33,880 --> 00:31:37,570 so statickým obsahom, ktorý ukazuje fotografie, ktoré ste prijali, 561 00:31:37,570 --> 00:31:40,010 alebo je to môj životopis, a veci, o mne, 562 00:31:40,010 --> 00:31:42,450 pretože tie veci sú relatívne jednoduché dať dohromady. 563 00:31:42,450 --> 00:31:44,400 Je ťažké, aby sa veci krásne na webe, 564 00:31:44,400 --> 00:31:46,390 ale aspoň uvedenie do obsahu je celkom triviálne. 565 00:31:46,390 --> 00:31:49,380 Ale veci sa naozaj zaujímavé, keď niekto môže navštíviť vaše webové stránky 566 00:31:49,380 --> 00:31:52,260 a poskytnúť vstupné a môžu vypĺňať formuláre, 567 00:31:52,260 --> 00:31:55,800 môže zaškrtnúť políčka a môže komunikovať s vašej webovej stránky. 568 00:31:55,800 --> 00:31:57,780 A skutočne, asi každý web na ktorých vám záleží 569 00:31:57,780 --> 00:32:00,710 v týchto dňoch, v každom detaile, je nejako interaktívne. 570 00:32:00,710 --> 00:32:03,110 Facebook, Google a podobne, že sa vstup užívateľa 571 00:32:03,110 --> 00:32:05,100 a produkovať vlastné výstup. 572 00:32:05,100 --> 00:32:07,780 >> Tak začnime k tomu, že teraz. Poďme Prechod teraz 573 00:32:07,780 --> 00:32:11,150 z len pomocou HTML pre značky statického obsahu 574 00:32:11,150 --> 00:32:14,790 ako miesto dodania mechanizmus pre dynamický obsah. 575 00:32:14,790 --> 00:32:17,350 A na tento účel, poďme zaviesť vlastné vyhľadávač. 576 00:32:17,350 --> 00:32:20,820 Poďme to urobiť takto. Tu je forma tag. 577 00:32:20,820 --> 00:32:24,090 Akčný atribút určuje, že keď používateľ vypĺňa tento formulár 578 00:32:24,090 --> 00:32:28,400 s ich klávesnicou, bude predložená na túto adresu URL tu. 579 00:32:28,400 --> 00:32:31,230 Takže som trochu podvádzanie. Bude to trvať nás trochu dlhšie 580 00:32:31,230 --> 00:32:33,780 ako jeden druh prevedenie celej vyhľadávač, 581 00:32:33,780 --> 00:32:35,880 takže jednoducho budeme robiť front-end, aby som tak povedal. 582 00:32:35,880 --> 00:32:38,650 Urobíme tú časť, ktorá užívateľovi umožňuje vyhľadávanie, a budeme tak nejako pramice na Google 583 00:32:38,650 --> 00:32:40,950 Najťažšie nájsť výsledky vyhľadávania, 584 00:32:40,950 --> 00:32:43,520 ale konkrétne, budem hovoriť na webový server spoločnosti Google 585 00:32:43,520 --> 00:32:46,710 pomocou jednej z dvoch veľmi populárnych metód. 586 00:32:46,710 --> 00:32:50,000 Jeden sa dostať, ďalší, že budeme nakoniec vidieť, že pošta, 587 00:32:50,000 --> 00:32:52,660 hoci tam sú iní, že sú menej často používané. 588 00:32:52,660 --> 00:32:56,440 Tak sa jednoducho vyvoláva predstavu, ja sa chcem dostať nejaký obsah, získať nejaké výsledky vyhľadávania. 589 00:32:56,440 --> 00:32:58,440 To, môžete snáď hádať, čo to robí. 590 00:32:58,440 --> 00:33:01,900 To je nejaký vstup, je to v skutočnosti, bude vyzerať ako textové pole, 591 00:33:01,900 --> 00:33:05,200 a názov tohto vstupu, názov tejto premennej, aby som tak povedal, 592 00:33:05,200 --> 00:33:08,610 sa bude q na dotaz konvencií. 593 00:33:08,610 --> 00:33:11,700 A opäť, typ tohto vstupu sa nebude políčko; 594 00:33:11,700 --> 00:33:13,890 to nebude menu; to bude textové pole 595 00:33:13,890 --> 00:33:18,060 ako označil tento atribút tu, a tohto textového poľa, 596 00:33:18,060 --> 00:33:20,680 ako koniec riadku, je buď tam, alebo nie. 597 00:33:20,680 --> 00:33:24,480 Takže máme prázdny element s lomítkom vnútri tohto tagu. 598 00:33:24,480 --> 00:33:28,050 Potom idem dať zalomenie riadku, a môžete, možno, asi, čo to bude robiť. 599 00:33:28,050 --> 00:33:30,210 To je iný druh formulára vstupu. 600 00:33:30,210 --> 00:33:32,350 >> Ten sa bude používať pre odosielanie formulára. 601 00:33:32,350 --> 00:33:36,140 Tak to bude veľký tlačidlo, ktoré môže užívateľ kliknúť odoslať formulár, 602 00:33:36,140 --> 00:33:40,800 a štítok na toto tlačidlo bude "CS50 hľadať." 603 00:33:40,800 --> 00:33:44,170 Zavrieť formulár, úzkym telo, úzkym HTML. 604 00:33:44,170 --> 00:33:46,280 Poďme sa pozrieť, čo máme vo forme tejto webovej stránke. 605 00:33:46,280 --> 00:33:48,260 Tak nechaj ma ísť do môjho prehliadača, 606 00:33:48,260 --> 00:33:50,360 nechaj ma ísť, ešte k miestnemu hostiteľovi. 607 00:33:50,360 --> 00:33:54,650 To je stále index.html, takže ak chcem vidieť tento súbor s názvom search0, 608 00:33:54,650 --> 00:33:59,710 Ja si jednoducho urobiť / search0.html, zadajte - 609 00:33:59,710 --> 00:34:01,880 a prvý z mojich chýb. 610 00:34:01,880 --> 00:34:04,400 Čo sa deje? Jasne som Nemáte oprávnenie 611 00:34:04,400 --> 00:34:06,430 prístup k tomuto súboru, z nejakého dôvodu. 612 00:34:06,430 --> 00:34:10,170 Ale to je preto, že na rozdiel od práce, ktorú sme urobili tak ďaleko v C, 613 00:34:10,170 --> 00:34:14,340 kde sú programy, ktoré napísať Predpokladá sa, že runable vami, 614 00:34:14,340 --> 00:34:17,590 vami spustiteľný, že to nie je naozaj tak na webe, 615 00:34:17,590 --> 00:34:21,010 , Ktorým sa niekedy budete chcieť vytvoriť súbory na serveri, 616 00:34:21,010 --> 00:34:23,310 ale nechcete, aby sa celý svet, aby mohli vidieť. 617 00:34:23,310 --> 00:34:25,469 Skôr, chcete, aby sa svet vidieť niektoré súbory 618 00:34:25,469 --> 00:34:27,730 ale nie iní, len kvôli Ochrana osobných údajov na. 619 00:34:27,730 --> 00:34:30,730 Takže je to skôr opt-in základe keď robíte veci na webe. 620 00:34:30,730 --> 00:34:32,810 A tak mi dovoľte vlastne napíšte ls tu, 621 00:34:32,810 --> 00:34:37,440 a uvidíte súbory, ktoré mám, ale pripomenúť, že keď to urobím ls-l pre dlhé, 622 00:34:37,440 --> 00:34:41,520 Zoženiem dlhší záznam, ktorý mi dáva nejaké ďalšie informácie o týchto súboroch 623 00:34:41,520 --> 00:34:45,139 ktoré sú teraz, naozaj, prvýkrát relevantnými pre nás. 624 00:34:45,139 --> 00:34:47,840 Všimnite si, že na pravej sú mená mojich súborov, 625 00:34:47,840 --> 00:34:50,690 a potom čas, kedy boli naposledy zmenené alebo kopírovať. 626 00:34:50,690 --> 00:34:54,370 Toto číslo je tu to, čo? Spomínate si? 627 00:34:54,370 --> 00:34:56,400 Veľkosť v bajtoch, aký veľký je súbor. 628 00:34:56,400 --> 00:34:59,520 >> Tak sa mi zdá, mať nejaký loga v tú, ktorá je väčšia ako všetky ostatné súbory. 629 00:34:59,520 --> 00:35:03,610 To je, kto som, to je to, čo som a čo skupina som dovnútra 630 00:35:03,610 --> 00:35:07,430 Ale potom, tu vľavo je trochu mystické poradí, 631 00:35:07,430 --> 00:35:10,040 a hovorili sme, myslím, stručne o tom v minulosti, 632 00:35:10,040 --> 00:35:12,050 ale to má čo do činenia s oprávneniami. 633 00:35:12,050 --> 00:35:14,020 A aj keď je to trochu nejasné, 634 00:35:14,020 --> 00:35:17,270 RW pravdepodobne znamená, čítanie a zápis. 635 00:35:17,270 --> 00:35:22,560 Tak to dopadá, že tieto pomlčky označujú rôzne sady oprávnenia pre rôzne ľudí. 636 00:35:22,560 --> 00:35:24,730 A vzor je, v podstate, nasledujúcim spôsobom. 637 00:35:24,730 --> 00:35:27,650 Keď vidíte postupnosť čiarok tu, vyzerajú takto. 638 00:35:27,650 --> 00:35:30,450 Tam je pomlčka, potom je tu ďalšie tri pomlčky, 639 00:35:30,450 --> 00:35:33,390 potom je tu ďalšie tri, potom je tu ďalšie tri. 640 00:35:33,390 --> 00:35:36,800 Prvá z nich je buď pomlčka, alebo je to reklama na adresár. 641 00:35:36,800 --> 00:35:40,220 Tak že jeden je celkom jednoduché. Ak je to zložka, hovorí d, inak je to pomlčka. 642 00:35:40,220 --> 00:35:44,080 Je tu pár ďalších prípadoch, ale teraz jednoducho budeme starať o súboroch a adresároch. 643 00:35:44,080 --> 00:35:48,090 Tieto ďalšie tri pomlčky - a ja som umelo vkladá medzery. 644 00:35:48,090 --> 00:35:50,490 Boli samozrejme, nie tam, keď sme ich videli pred chvíľou. 645 00:35:50,490 --> 00:35:52,900 Jedná sa o vlastníka súboru je oprávnenie, 646 00:35:52,900 --> 00:35:55,840 a odvoláva z druhej dávno, že to bolo čítanie a zápis. 647 00:35:55,840 --> 00:35:58,560 To bolo preto, že ja, ako osoba, ktorá vytvorila tento súbor pred chvíľou, 648 00:35:58,560 --> 00:36:01,250 I len tým, že v predvolenom nastavení, v počítači so systémom Linux, 649 00:36:01,250 --> 00:36:03,910 majú schopnosť pokračovať v čítaní a písaní, že súbor. 650 00:36:03,910 --> 00:36:07,170 >> Takže operačný systém jednoducho mi dáva RW automaticky. 651 00:36:07,170 --> 00:36:10,840 Prostredný z nich sa vzťahujú k mojej skupine, že študentov, 652 00:36:10,840 --> 00:36:14,590 čo je druh zmysel na prístroji, pretože som jediná osoba používajúce prístroj. 653 00:36:14,590 --> 00:36:16,620 Takže mi dovoľte mávať rukami na to pre túto chvíľu. 654 00:36:16,620 --> 00:36:19,190 Ale tie posledné sú najdôležitejšie pre web. 655 00:36:19,190 --> 00:36:21,580 To je každý inde na svete, a skutočnosť, 656 00:36:21,580 --> 00:36:24,600 , Že je to --- znamená, že nikto iný na svete 657 00:36:24,600 --> 00:36:26,680 má nejaké oprávnenie k tomuto súboru. 658 00:36:26,680 --> 00:36:29,180 Je zrejmé problém, tak musím opraviť 659 00:36:29,180 --> 00:36:33,830 by nejako dávať svetu, čo? Čítať a písať? 660 00:36:33,830 --> 00:36:35,850 To je asi hlúpe, nie? Ja nechcem, aby niekto na webe 661 00:36:35,850 --> 00:36:38,530 ísť navštíviť mojej stránky a nejako zmeniť tento súbor, 662 00:36:38,530 --> 00:36:40,800 aj keď naozaj nemohli s HTML súboru, 663 00:36:40,800 --> 00:36:44,110 ale len v zásade, pravdepodobne len chcem, aby boli schopní čítať. 664 00:36:44,110 --> 00:36:47,910 Čo to znamená čítať? To neznamená, že budeš sa starať o skutočné HTML, 665 00:36:47,910 --> 00:36:51,820 ale prehliadač musí byť schopný analyzovať tento značkovací jazyk, 666 00:36:51,820 --> 00:36:53,720 zhora dole, zľava doprava. 667 00:36:53,720 --> 00:36:57,990 Takže niekto na webe musí byť schopný čítať, tak som minimálne dať jej r 668 00:36:57,990 --> 00:37:00,240 Urobím to v niekoľkými rôznymi spôsobmi, ale snáď 669 00:37:00,240 --> 00:37:03,080 Najjednoduchšie je spustiť tento príkaz tu. 670 00:37:03,080 --> 00:37:10,860 Chmod, zmena režimu, potom + r, takže všetky, všetci na svete + čítať, 671 00:37:10,860 --> 00:37:13,830 a potom názov súboru, search0.html. 672 00:37:13,830 --> 00:37:18,310 >> Teraz, keď som to ls-l znovu, zistíte, že súbor bol zmenený, 673 00:37:18,310 --> 00:37:21,440 a naozaj, som sa obrátil na r pre každého. 674 00:37:21,440 --> 00:37:23,350 Tiež som zapol ju za svoju skupinu, ale to je v poriadku, 675 00:37:23,350 --> 00:37:27,150 , Pretože keď som sa obrátil v na pre každého, moja skupina je podmnožinou toho. 676 00:37:27,150 --> 00:37:31,480 Tak to je taky v pohode. To jednoducho znamená, že počítač teraz robil to čitateľné. 677 00:37:31,480 --> 00:37:34,430 Teraz mi dovoľte vrátiť sa k môjmu prehliadači, kliknite na tlačidlo znova. 678 00:37:34,430 --> 00:37:36,330 Ah-ha. V súčasnej dobe máme CS50 Hľadať. 679 00:37:36,330 --> 00:37:39,830 Som priblíženie v malom umelo - dosť príšernú vyhľadávače. 680 00:37:39,830 --> 00:37:41,930 Ale uvidíme, či to skutočne funguje. 681 00:37:41,930 --> 00:37:45,880 Najprv mi dovoľte, aby som to rýchlo zdravý rozum kontrolu, dovoľte mi, aby som ovládať tlačidlom myši a zobraziť zdrojový kód stránky. 682 00:37:45,880 --> 00:37:50,780 Všimnite si, že v rámci Chrome sme dnes svedkami rovnakej HTML, ktorý som sám vytvoril. 683 00:37:50,780 --> 00:37:55,420 Nenechajte sa zmiasť tu, hoci. Nemôžem začať so zmenou kód tu, 684 00:37:55,420 --> 00:37:59,420 pretože prehliadač má len pre čítanie pohľad na tohto kódu. 685 00:37:59,420 --> 00:38:06,060 V prehliadači sa len pýtal miestneho hostiteľa pre súbor s názvom search0.html. 686 00:38:06,060 --> 00:38:09,490 Teraz je náhoda, že spotrebič 687 00:38:09,490 --> 00:38:13,480 sa stane, že na rovnakom počítači ako svojom prehliadači. 688 00:38:13,480 --> 00:38:20,470 Mohol by som mať, equivalently, zadali v www.facebook.com/search0.html, 689 00:38:20,470 --> 00:38:23,830 a ak Facebook mal súbor s názvom, ktorý by som potom vidieť ich HTML. 690 00:38:23,830 --> 00:38:27,360 A, samozrejme, nemôžem zmeniť súbor, ktorý sa vráti z Facebooku, a to buď. 691 00:38:27,360 --> 00:38:29,360 Takže teraz sme trochu rozostřování hraníc. 692 00:38:29,360 --> 00:38:32,130 Prístroj je ako server, servírujú stránky, 693 00:38:32,130 --> 00:38:34,870 ale je to aj klient v tom zmysle, že som pomocou prehliadača 694 00:38:34,870 --> 00:38:37,630 sa skutočne hovoriť k tomuto serveru. 695 00:38:37,630 --> 00:38:39,610 Tak uvidíme, či moje Google search engine funguje. 696 00:38:39,610 --> 00:38:44,930 Nechaj ma ísť dopredu a hľadať quick brown fox, zadajte. 697 00:38:44,930 --> 00:38:47,540 A voila, teraz mám vlastný vyhľadávač. 698 00:38:47,540 --> 00:38:51,460 >> Ale ako to funguje? 699 00:38:51,460 --> 00:38:55,380 Trochu pritiahnuté za vlasy, ale - a teraz nemôžete vidieť, presne, časť, ktorá je v záujme. 700 00:38:55,380 --> 00:38:57,370 Všimnite si, čo sa stane. 701 00:38:57,370 --> 00:39:00,430 Všimnite si, že URL. Ukazuje sa, že táto metóda, 702 00:39:00,430 --> 00:39:02,780 volal dostať, je super-jednoduchý. 703 00:39:02,780 --> 00:39:10,270 Keď zadáte do formulára, ktorý chcete "dostať" výsledky z nejakého servera, 704 00:39:10,270 --> 00:39:13,200 čo to bude robiť, je vziať, čo ste zadali do formulára 705 00:39:13,200 --> 00:39:15,290 a vložte ho do URL. 706 00:39:15,290 --> 00:39:18,580 Bude to pre štandardizáciu, ako dostane to dať do URL takto. 707 00:39:18,580 --> 00:39:22,290 Všimnite si, že toto je URL, že bola hodnota môjho atribútu action. 708 00:39:22,290 --> 00:39:24,730 To je miesto, kde som chcel forma skončiť. 709 00:39:24,730 --> 00:39:26,950 Ale potom zaznamenáte tento otáznik. 710 00:39:26,950 --> 00:39:30,230 Toto je zmluva o webe, ktorým poskytnúť vstup užívateľa 711 00:39:30,230 --> 00:39:35,320 na webové stránky, môžete pridať do URL otáznik, 712 00:39:35,320 --> 00:39:38,330 a potom máte veľa párov kľúč-hodnota. 713 00:39:38,330 --> 00:39:42,380 Názov kľúča, inak známy ako parameter na webe, 714 00:39:42,380 --> 00:39:46,380 potom máte znamienko rovnosti, potom máte hodnotu tohto parametra. 715 00:39:46,380 --> 00:39:49,810 Takže je to v podstate názov premennej a hodnota premennej, 716 00:39:49,810 --> 00:39:54,250 ale tie premenné názvy a hodnoty pochádza z HTML formulára. 717 00:39:54,250 --> 00:39:56,250 Prečo sú plusy tam, myslíš? 718 00:39:56,250 --> 00:39:59,340 Pretože som nemal písať + medzi mojimi slovami. 719 00:39:59,340 --> 00:40:01,430 [Študent, nezrozumiteľným] 720 00:40:01,430 --> 00:40:05,080 >> Jo, je to len pre rozteče. Kurzy sú, keď ste videli URL, 721 00:40:05,080 --> 00:40:07,320 tam nikdy žiadne medzery v tom, aj keby len preto, že 722 00:40:07,320 --> 00:40:09,440 ak tam boli, nemohli ste naozaj skopírovať a vložiť 723 00:40:09,440 --> 00:40:12,700 do infraštruktúry alebo do e-mailu, pretože to by porušilo. 724 00:40:12,700 --> 00:40:15,420 Ak celá vec byť jeden súvislý reťazec znakov. 725 00:40:15,450 --> 00:40:18,450 >> Takže prehliadač je dosť šikovný na to, aby si uvedomiť, uh-uh. 726 00:40:18,450 --> 00:40:22,610 Nepoužívajte len dať priestor tam. Dovoľte mi, aby som kódovať priestor v nejakej štandardným spôsobom. 727 00:40:22,610 --> 00:40:25,170 Jeden z konvencií na tom je, že má prehliadač 728 00:40:25,170 --> 00:40:29,350 automaticky umiestni +, kde by ste inak medzeru. 729 00:40:29,350 --> 00:40:32,140 Takže teraz, upozornenia Google bol trochu user-friendly. 730 00:40:32,140 --> 00:40:34,380 Určite som vytvoriť túto webovú stránku, 731 00:40:34,380 --> 00:40:37,200 ale oni vopred vyplnené vlastné textové polia 732 00:40:37,200 --> 00:40:39,490 s tým, čo, presne, som napísal dovnútra 733 00:40:39,490 --> 00:40:43,090 Dajme tomu, že chcete vyhľadávať niečo iné, ako lenivého psa. 734 00:40:43,090 --> 00:40:45,340 Môžem len napísať to tu, re-search. 735 00:40:45,340 --> 00:40:47,730 Všimnite si, že URL zmení tu, 736 00:40:47,730 --> 00:40:51,390 ale všimnite si potom, že som si skutočne hľadať čokoľvek chcem 737 00:40:51,390 --> 00:40:53,610 len tým, že pochopenie toho, ako adresy URL prácu. 738 00:40:53,610 --> 00:40:56,840 Ja som mohol robiť lenivou mačku, zadajte, 739 00:40:56,840 --> 00:41:01,370 a všimnite si, teraz som stále veľmi lenivý - mali by sme? Mám pocit, že by sme mali. 740 00:41:01,370 --> 00:41:09,900 Mám veľmi lenivý mačku. 741 00:41:09,900 --> 00:41:11,930 Dobrá. To je jeden z najhlúpejší vecí, ktoré sme urobili. 742 00:41:11,930 --> 00:41:17,160 Ale to je lenivý kocúr. 743 00:41:17,160 --> 00:41:19,730 Tak či onak, čo je kľúčom takeaway tu? 744 00:41:19,730 --> 00:41:22,830 Teraz sme trochu hrať vo svete HTTP. 745 00:41:22,830 --> 00:41:26,050 HTML je práve tento značkovací jazyk, open tag, zavrieť tag, 746 00:41:26,050 --> 00:41:29,490 ktorá rozpráva prehliadač, ako vykreslenie obsahu na webovej stránke. 747 00:41:29,490 --> 00:41:32,850 Ale keď začnete prenášať dáta v internete 748 00:41:32,850 --> 00:41:36,290 medzi webovým prehliadačom a serverom, že ak je tento protokol 749 00:41:36,290 --> 00:41:39,370 známy ako HyperText Transfer Protocol prevezme. 750 00:41:39,370 --> 00:41:42,630 Toto je druh ľudského dohovoru; keď Sam a ja si potriasli rukami v pondelok, 751 00:41:42,630 --> 00:41:48,300 predvolené pripojenie a potom zatvorenie pripojenia, rovnaký nápad sem. 752 00:41:48,300 --> 00:41:53,100 Ako sa na Google výsledky vráti ku mne? 753 00:41:53,100 --> 00:41:55,290 Ako sa moja forma podania bude Google? 754 00:41:55,290 --> 00:41:58,160 No, spomínam z druhý deň, že to, čo sa naozaj deje 755 00:41:58,160 --> 00:42:02,150 pod pokrievku, keď požiadať o webové stránky, je, 756 00:42:02,150 --> 00:42:04,860 Váš prehliadač posiela trochu záhadný, správu ako 757 00:42:04,860 --> 00:42:09,510 GET / HTTP/1.1 pre predvolenú domovskú stránku. 758 00:42:09,510 --> 00:42:13,000 >> Alebo, v tomto prípade, pretože najmä požiadať skôr 759 00:42:13,000 --> 00:42:17,340 search0.html, to by potom bolo niečo, mystické správu 760 00:42:17,340 --> 00:42:20,040 že môj prehliadač posiela do zariadenia. 761 00:42:20,040 --> 00:42:23,090 Alebo, v tomto prípade Google, čo sa vlastne poslaný 762 00:42:23,090 --> 00:42:33,740 je požiadavka na / vyhľadávanie, a potom? q = lenivý mačka, s naviac tam. 763 00:42:33,740 --> 00:42:36,790 Takže táto správa, že som, človek, som nikdy písať, 764 00:42:36,790 --> 00:42:40,620 ale potom je poslaný do prehliadača, je to, ako HTTP stane. 765 00:42:40,620 --> 00:42:43,240 To je ekvivalentná našich mať potriasol rukou. 766 00:42:43,240 --> 00:42:46,320 To je požiadavka, a server to asi poslať odpoveď. 767 00:42:46,320 --> 00:42:48,560 Takže poďme sa pozrieť na to pod kapotou. 768 00:42:48,560 --> 00:42:55,320 Rovnako ako predtým, môžeme otvoriť túto špeciálnu poľa v prehliadači. 769 00:42:55,320 --> 00:42:58,720 Zobraziť stránku, skontrolujte prvky. 770 00:42:58,720 --> 00:43:01,550 Takže podľa prezrieť prvok, zistíte, že to, čo sa stalo v prehliadači Chrome, 771 00:43:01,550 --> 00:43:04,160 a IE a Firefox majú podobné mechanizmy, 772 00:43:04,160 --> 00:43:07,370 máme tieto nástroje pre vývojárov, ktoré sú prístupné na nás. 773 00:43:07,370 --> 00:43:09,630 Normálny ľudia nemajú používať tieto karty. 774 00:43:09,630 --> 00:43:11,940 Ale my, teraz, zaujíma, čo sa deje 775 00:43:11,940 --> 00:43:13,890 pod pokrievku na úrovni siete. 776 00:43:13,890 --> 00:43:16,130 Takže ak som vytiahnuť sieťovú úroveň tu, 777 00:43:16,130 --> 00:43:18,510 nechaj ma ísť napred a rozšíriť toto okno, 778 00:43:18,510 --> 00:43:21,840 otvoriť túto položku tu, a pozrite sa na hlavičku. 779 00:43:21,840 --> 00:43:26,010 Takže čo sa stane, keď som požiadať o súbor z webového servera 780 00:43:26,010 --> 00:43:29,410 je môj prehliadač posiela veľa vecí. 781 00:43:29,410 --> 00:43:32,390 A dovoľte mi, aby som zobraziť zdrojový kód. Takže podľa hlavičiek, 782 00:43:32,390 --> 00:43:35,250 a to je len Chrome a ukazoval mi nejaké diagnostické výstup, 783 00:43:35,250 --> 00:43:37,340 niečo ako ladiaci nejakého druhu, 784 00:43:37,340 --> 00:43:40,500 Všimnite si, že to, čo som zdôraznil tu je presne to, čo 785 00:43:40,500 --> 00:43:47,060 Chrome odosiela na server, aby požiadalo o súbor s názvom search0.html. 786 00:43:47,060 --> 00:43:50,160 To hovorí server, čo si myslí, že jeho meno je, 787 00:43:50,160 --> 00:43:52,210 vďaka tejto oblasti hostiteľského hrubého čreva, potom je tu nejaký 788 00:43:52,210 --> 00:43:56,950 pekný ezoterické veci sem, ako niečo, čo robiť s dátami a časy, 789 00:43:56,950 --> 00:43:59,720 niečo spoločné s jazykmi, ktoré prehliadač nerozumie, 790 00:43:59,720 --> 00:44:02,850 ale naozaj dôležité linky sú tieto prvé dve tu. 791 00:44:02,850 --> 00:44:05,490 >> Čo server odpovie? No, ak by sme prejdite sem 792 00:44:05,490 --> 00:44:08,510 a zobraziť zdrojový kód tejto veci, zistíte, že server 793 00:44:08,510 --> 00:44:13,700 odpovedal s trochu tajomnou správu rovnako, 304 nemení. 794 00:44:13,700 --> 00:44:16,030 To je trochu divné, dovoľte mi, aby som sa skutočne snaží to napraviť. 795 00:44:16,030 --> 00:44:18,670 Dovoľte mi, aby som podržte stlačený kláves Shift a kliknite na tlačidlo znova tu 796 00:44:18,670 --> 00:44:22,460 donútiť prehliadač, aby skutočne túto žiadosť prvýkrát. 797 00:44:22,460 --> 00:44:25,700 Potom mi dovoľte priblížiť, a budeme vidieť, že sa odozva servera, 798 00:44:25,700 --> 00:44:28,950 pretože som držal posun, je 200 OK. 799 00:44:28,950 --> 00:44:31,170 Takže ste asi nikdy nevidel číslo 200 800 00:44:31,170 --> 00:44:33,300 V súvislosti s webu, ale čo čísel 801 00:44:33,300 --> 00:44:36,760 ste niekedy videli neočakávane zo serveru? 802 00:44:36,760 --> 00:44:42,010 404, súbor nebol nájdený, 403, zakázaná, 500, chyba servera. 803 00:44:42,010 --> 00:44:44,890 Takže tam sú tieto číselné kódy, ktoré svet používa na webe 804 00:44:44,890 --> 00:44:47,870 znamenať chyby, rovnako ako funkcia C 805 00:44:47,870 --> 00:44:51,030 môže vrátiť chyby a hlavné môže vrátiť návratový kód. 806 00:44:51,030 --> 00:44:54,160 200, aj keď, môžete vidieť len zriedka, pretože to znamená, je všetko v poriadku. 807 00:44:54,160 --> 00:44:59,000 A 304 budete pravdepodobne nikdy vidieť, pretože to, čo je to znamenať? 808 00:44:59,000 --> 00:45:03,330 To nič nemá - uvidíme, či môžeme simulovať to znovu - 809 00:45:03,330 --> 00:45:07,170 Oh, teraz to nie je spolupracujúci. 304 povedal nemení, 810 00:45:07,170 --> 00:45:09,170 tak prečo bol server ešte reagovať? 811 00:45:09,170 --> 00:45:12,550 No, pre efektivitu, webový server automaticky za vás, 812 00:45:12,550 --> 00:45:16,570 ak súbor nebol zmenený, nebude prenášať celý súbor HTML. 813 00:45:16,570 --> 00:45:19,150 Je to len povedať, že prehliadač sa nezmenil. 814 00:45:19,150 --> 00:45:21,220 Stačí použiť kópiu už máte. 815 00:45:21,220 --> 00:45:22,650 Takže tam je to predstava ukladanie do vyrovnávacej pamäte na webe 816 00:45:22,650 --> 00:45:25,840 pre výkon, takže nemusíte strácať čas a odpadové šírku pásma 817 00:45:25,840 --> 00:45:29,160 sťahovanie súborov znovu a znovu zbytočne. 818 00:45:29,160 --> 00:45:31,460 >> But táto webová stránka, teraz, bol super-jednoduchý, 819 00:45:31,460 --> 00:45:34,980 a to len vtedy ukázal mi HTML, ktorý sa vrátila. 820 00:45:34,980 --> 00:45:40,940 Poďme vlastne používať siete kartu teraz urobiť vyhľadávanie na Google ako quick brown fox. 821 00:45:40,940 --> 00:45:43,010 Dovoľte mi, aby som potom kliknite na tlačidlo CS50 vyhľadávanie, 822 00:45:43,010 --> 00:45:46,950 a teraz, zistíte v dolnej tu celá partia vecí vrátil 823 00:45:46,950 --> 00:45:49,900 pretože keď som navštíviť skutočný webové stránky, ako Google.com, 824 00:45:49,900 --> 00:45:53,520 majú obrázky, ktoré majú textu, majú jazyk zvaný JavaScript tam. 825 00:45:53,520 --> 00:45:55,940 Takže každý riadok v tejto tabuľke dole 826 00:45:55,940 --> 00:46:01,490 predstavuje niečo, čo Google pľuvať v reakcii na môj jednu žiadosť. 827 00:46:01,490 --> 00:46:04,160 Ten mi záleží, aj keď, je to prvé. 828 00:46:04,160 --> 00:46:08,420 A keď pôjdem do vyhľadávania, žiadosť, kliknite na voľbu Zobraziť zdroj tu, 829 00:46:08,420 --> 00:46:11,300 Všimnite si, že, skutočne, mystické posolstvo, že môj prehliadač poslal 830 00:46:11,300 --> 00:46:15,010 na Google práve tieto dva riadky tu, 831 00:46:15,010 --> 00:46:18,420 nasleduje nejaký tajomný informácií tu dole, ktoré budeme ignorovať teraz. 832 00:46:18,420 --> 00:46:20,890 Všimnime si ale tiež, čo Chrome je celkom šikovný s, 833 00:46:20,890 --> 00:46:24,540 je to tiež ukazuje mi reťazec dotazu, ktorý bol odoslaný dovnútra 834 00:46:24,540 --> 00:46:27,410 Takže skôr než ukázať mi to, ktoré bolo doslova poslaný, 835 00:46:27,410 --> 00:46:30,800 ak ju môžem prezrieť dekódované, Chrome, len pre účely ladenia, 836 00:46:30,800 --> 00:46:34,270 pre vývojárov, ako sme my, je to len ukazuje mi fotky verzia - 837 00:46:34,270 --> 00:46:36,390 to nie je ako sa to píše Fox, zrejme. 838 00:46:36,390 --> 00:46:40,520 Len som si všimol, to teraz - ale je to, že vám ukazuje, čo som, zdá sa, zadali. 839 00:46:40,520 --> 00:46:45,340 Medzitým, odpoveď, že sa vrátil zo servera je opäť 200 OK. 840 00:46:45,340 --> 00:46:47,930 Ale zahrnuté do tejto reakcii, samozrejme, 841 00:46:47,930 --> 00:46:51,920 ak by sme skutočne mohli HTML stránky - 842 00:46:51,920 --> 00:46:55,440 ľúto, je to trochu klávesová skratka preč nakrivo dnes. 843 00:46:55,440 --> 00:46:59,020 >> Postarám sa o to neskôr. Takže ak sme vlastne zobrazenie stránky je zdroj, 844 00:46:59,020 --> 00:47:02,990 ktoré môžem robiť tu dole kliknutím odpoveď, 845 00:47:02,990 --> 00:47:10,080 To je to, čo bolo vlastne pľuvať späť, navyše k tomuto kryptické 200 OK správy zo servera. 846 00:47:10,080 --> 00:47:12,520 Trochu záhadné, ale kde je to všetko pochádza? 847 00:47:12,520 --> 00:47:15,570 No, poďme urobiť jednu vec tu. Ďalším trochu-Cryptic Command, 848 00:47:15,570 --> 00:47:20,530 Ale toto je trochu úhľadné v tom, že nám ukazuje presne to, čo sa deje pod kapotou. 849 00:47:20,530 --> 00:47:22,530 Takže som späť na mojom Macu tu, som pripojený 850 00:47:22,530 --> 00:47:25,980 prostredníctvom programu nazvaného SSH, Secure Shell, na inom serveri 851 00:47:25,980 --> 00:47:28,940 pretože väčšina počítačov Harvarde zablokovať príkaz sa chystáme spustiť 852 00:47:28,940 --> 00:47:31,640 pretože tam je to príkaz na niektorých serveroch nazývaný traceroute 853 00:47:31,640 --> 00:47:34,810 , Ktorý vám umožní sledovať trasu medzi bodmi A a B, 854 00:47:34,810 --> 00:47:37,020 a tak ďaleko sme sa brať úplne za samozrejmosť 855 00:47:37,020 --> 00:47:40,170 že môžem písať Google.com a nejako získať dáta späť 856 00:47:40,170 --> 00:47:43,530 z polovice celej krajiny alebo cez pol sveta. 857 00:47:43,530 --> 00:47:45,810 S traceroute môžeme skutočne ponoriť sa trochu hlbšie 858 00:47:45,810 --> 00:47:49,370 ako internet funguje, a uvidíme, čo sa deje pod kapotou. 859 00:47:49,370 --> 00:47:54,440 Tak poďme do toho a ľubovoľne sledovať trasu, povedzme, Stanford.edu, 860 00:47:54,440 --> 00:47:57,150 ktorá je po celej krajine, a stlačte klávesu Enter. 861 00:47:57,150 --> 00:47:59,380 Tento príkaz môže byť super-rýchly a super-pomalé, 862 00:47:59,380 --> 00:48:02,010 ale to, čo vidíme dnes, riadok po riadku, 863 00:48:02,010 --> 00:48:08,060 je každý jeden z krokov alebo poskokov medzi nami a Palo Alto, alebo Stanforde, 864 00:48:08,060 --> 00:48:11,010 kde majú svoje webový server. 865 00:48:11,010 --> 00:48:16,600 Takže to, čo má každý z týchto riadkov predstavujú konkrétnejšie, aj keď? 866 00:48:16,600 --> 00:48:19,100 Kus žargónu z internetu? [Študent, nezrozumiteľným] 867 00:48:19,100 --> 00:48:21,570 >> Čo je to? [Študent, nezrozumiteľným] 868 00:48:21,570 --> 00:48:25,390 >> Oh, tak tam sú časy, ale čo každý riadok - čo tým chcem povedať hop? 869 00:48:25,390 --> 00:48:29,140 >> No, sú tieto veci na internete tzv smerovača. 870 00:48:29,140 --> 00:48:33,020 A smerovača, ako názov napovedá, cesta informácie z bodu a do bodu b 871 00:48:33,020 --> 00:48:36,920 Ale existuje niekoľko bodov, mimo a a b 872 00:48:36,920 --> 00:48:40,010 Tam je c a d, e, f medzi riadku 1, 873 00:48:40,010 --> 00:48:43,480 ktorý sa stane byť môj počítač IP adresu, 874 00:48:43,480 --> 00:48:46,890 alebo môj číselná adresa, ktorá jedinečne identifikuje počítač, 875 00:48:46,890 --> 00:48:50,300 a krok 15, čo je vlastne šiesty webový server, 876 00:48:50,300 --> 00:48:54,640 zrejme, ktoré som vyvodil z toho, alebo verzia 6 ich webového servera na Stanforde. 877 00:48:54,640 --> 00:48:56,680 Ale čo je to druh čistý je, môžeme vidieť cestu 878 00:48:56,680 --> 00:49:00,480 že môj 0 a 1 je berú z môjho počítača na Stanford. 879 00:49:00,480 --> 00:49:02,500 Takže krok 1 vlastný počítač adresa. 880 00:49:02,500 --> 00:49:05,760 Každý počítač na Internete má jedinečný identifikátor, ktorý vyzerá takto. 881 00:49:05,760 --> 00:49:08,150 Number.number.number.number. 882 00:49:08,150 --> 00:49:10,370 Niekde na tejto pôde, pravdepodobne v oblasti vedy centre, 883 00:49:10,370 --> 00:49:16,780 je router nazýva jadro Brána 2-te83, nech to znamená čokoľvek, 884 00:49:16,780 --> 00:49:20,590 takže to je jeden z veľkých Harvardu fantázie smerovača, ktorý smeruje veľa ich prevádzku. 885 00:49:20,590 --> 00:49:24,640 Tu je ďalší z routerov Harvardu, toto je Border Gateway, 886 00:49:24,640 --> 00:49:28,310 cezhraničný význam, že je to pravdepodobne na okraji areálu niekde. 887 00:49:28,480 --> 00:49:32,790 Potom je tu nox jeden, riadok 4, ktorý je severný križovatky, 888 00:49:32,790 --> 00:49:35,070 čo je veľký ISP, poskytovateľ internetových služieb, 889 00:49:35,070 --> 00:49:37,740 že miesta ako Harvard pripojiť až. 890 00:49:37,740 --> 00:49:40,760 Ale potom to trochu zaujímavý v súlade 6. 891 00:49:40,760 --> 00:49:45,960 Kde sú moje kúsky naraz? Kansas. 892 00:49:45,960 --> 00:49:49,300 Svet má vo zvyku používať letiskové kódy v mnohých z týchto vecí, 893 00:49:49,300 --> 00:49:52,900 alebo aspoň skratiek štátov alebo miest, 894 00:49:52,900 --> 00:49:56,490 tak to vyzerá, len v 60 ms, 895 00:49:56,490 --> 00:49:59,420 balíček informácií, 0 a 1 je z môjho notebooku 896 00:49:59,420 --> 00:50:03,210 dostal až do Kansasu, a znova, v 60 ms. 897 00:50:03,210 --> 00:50:08,180 >> Navyše, po Kansase, vzali zájazd cez Houston, pravdepodobne, 898 00:50:08,180 --> 00:50:10,140 ako vyplýva už z názvu tohto servera. 899 00:50:10,140 --> 00:50:13,310 Takže rovnako ako server na internete, musí mať číselnú adresu, 900 00:50:13,310 --> 00:50:18,360 to môže tiež voliteľne, majú mierne viac človeka-friendly adresu, na ktorú ľudia vymysleli. 901 00:50:18,360 --> 00:50:20,510 Teraz, v kroku 8, nevieme, čo to je. 902 00:50:20,510 --> 00:50:22,550 Niekedy routery tak nejako ignorovať, 903 00:50:22,550 --> 00:50:25,010 a oni jednoducho nemajú odpovedať na otázky, takže je to v poriadku. 904 00:50:25,010 --> 00:50:29,290 Jeden po kroku 8 je zrejme kde? L.A. 905 00:50:29,290 --> 00:50:35,290 Všimnite si, len 78 ms, to, čo sa nám ľudí, ako je 6 + hodín urobiť fyzicky, 906 00:50:35,290 --> 00:50:40,110 berie pakety informácií na internete 78 ms cestovať tak ďaleko. 907 00:50:40,110 --> 00:50:45,890 Krok 10 je v LA tiež, a krok 11 sa zdá k išli na sever, do blízkosti Stanforde. 908 00:50:45,890 --> 00:50:48,750 To je ich hranice router, alebo hraničný smerovač. 909 00:50:48,750 --> 00:50:51,240 Pár krokov na Stanforde, ktoré sú ignorujem nás, 910 00:50:51,240 --> 00:50:55,610 a konečne sa dostávame k webovému serveru za pouhých 87 ms. 911 00:50:55,610 --> 00:50:57,760 Teraz, všetky z týchto čísel, ako stranou, 912 00:50:57,760 --> 00:51:00,640 len povedať, ako dlho to trvá, údaje sa dostať odo mňa 913 00:51:00,640 --> 00:51:03,530 na každú z týchto smerovačov, a to nesčítajú. 914 00:51:03,530 --> 00:51:06,960 Čo tento program je, že najprv odošle správu, v podstate na prvý routeru. 915 00:51:06,960 --> 00:51:09,490 Potom sa jeden do druhého routeru; potom jeden na tretej routeru, 916 00:51:09,490 --> 00:51:12,610 meranie zakaždým. Takže teoreticky, budú tieto časy sa stále 917 00:51:12,610 --> 00:51:14,860 alebo aspoň veľmi blízko seba, 918 00:51:14,860 --> 00:51:18,090 a, naozaj, tie, ktoré sú tu na akademickej pôde sú super-small. 919 00:51:18,090 --> 00:51:20,820 Akonáhle začnete ísť po celej krajine, trvá dát 920 00:51:20,820 --> 00:51:24,830 trochu dlhšie cestovať, bližšie k 100 ms, dávať alebo brať. 921 00:51:24,830 --> 00:51:28,330 Ale poďme opačným smerom teraz. Ako o Cambridge University vo Veľkej Británii? 922 00:51:28,330 --> 00:51:32,540 Dovoľte mi, aby som namiesto toho použiť traceroute z www.cam pre Cambridge, 923 00:51:32,540 --> 00:51:36,710 . Ac pre akademické,. Uk, a stlačte klávesu Enter tu. 924 00:51:36,710 --> 00:51:38,830 To bolo sakramentsky rýchlo. 925 00:51:38,830 --> 00:51:43,300 Moje údaje doslova išiel do Cambridge, Anglicko, v tomto zlomku sekundy času. 926 00:51:43,300 --> 00:51:45,340 >> Tak uvidíme, na cestu, ktorá to trvalo. 927 00:51:45,340 --> 00:51:47,520 Harvard, Harvard, Harvard, Severná Crossroads, 928 00:51:47,520 --> 00:51:52,690 ktorý je ISP, a potom je severná križovatky, a potom bum. 929 00:51:52,690 --> 00:51:58,320 Čo je medzi kroky 6 a 7, router 6 a 7? 930 00:51:58,320 --> 00:52:02,040 Atlantický oceán. A my sme vyvodila to z toho, že 931 00:52:02,040 --> 00:52:06,530 Ideme od 20 ms tu 80 ms tu. 932 00:52:06,530 --> 00:52:10,050 Takže niečo vzal 60 ms, dávať alebo brať, prekonať. 933 00:52:10,050 --> 00:52:12,910 A to bol pravdepodobne veľký vodný útvar. 934 00:52:12,910 --> 00:52:15,250 Čo sa deje potom? No, tu sme v Londýne, 935 00:52:15,250 --> 00:52:18,860 Len 88 ms neskôr. Viac London, viac London, 936 00:52:18,860 --> 00:52:21,730 neviete, kde to je, ale budeme predpokladať, že je to mimo Londýn, 937 00:52:21,730 --> 00:52:26,390 Cambridge tu, a nakoniec sme - doslova, University of Cambridge 938 00:52:26,390 --> 00:52:29,500 . Something.net, a potom, nakoniec, v riadku 16, 939 00:52:29,500 --> 00:52:31,720 ich web server je zrejme nazýva Scorpius 940 00:52:31,720 --> 00:52:35,500 pod pokrievku, aj keď vieme, ako www. 941 00:52:35,500 --> 00:52:38,790 Druh mysli-vyfúknutie, myslím. Prvýkrát, čo som to urobil, to úplne mi vyrazil dych. 942 00:52:38,790 --> 00:52:41,670 Bohužiaľ, Harvard blokuje tento druh dopravy, zvyčajne, v sieti. 943 00:52:41,670 --> 00:52:44,340 Takže nemôžete robiť to super ľahko. 944 00:52:44,340 --> 00:52:48,500 Uvedomte si, aj keď, toto je možné. 945 00:52:48,500 --> 00:52:53,630 Dobrá. Poďme vziať našu 5-minút prestávku tu. Vrátime sa a ponoriť hlbšie. 946 00:52:53,630 --> 00:53:00,850 Takže sme späť, a my sme trochu vliekli okolo v niekoľkých rôznych smeroch tu. 947 00:53:00,850 --> 00:53:03,700 Takže poďme zhrnúť, čo presne sa deje. 948 00:53:03,700 --> 00:53:07,990 Začali sme rozhovor o tom hovoriť jazykom volal HTML. 949 00:53:07,990 --> 00:53:10,680 Opäť, nie je programovací jazyk. Je to len značkovací jazyk 950 00:53:10,680 --> 00:53:15,490 že je z veľkej časti o estetike a štruktúrovanie obsahu vo forme webovej stránky. 951 00:53:15,490 --> 00:53:19,220 Ale HTML, preto je treba nejaký mechanizmus 952 00:53:19,220 --> 00:53:22,870 pre cestovanie medzi webovým prehliadačom a serverom. 953 00:53:22,870 --> 00:53:28,360 HTML teda druh jázd na vrchole tejto inom jazyku, 954 00:53:28,360 --> 00:53:31,280 alebo viac vhodne, protokol, známy ako HTTP. 955 00:53:31,280 --> 00:53:33,730 >> A HTTP, ako sme videli doteraz, 956 00:53:33,730 --> 00:53:37,140 je tak trochu analogickej tejto ľudskej konvencie trasúcimi sa rukami. 957 00:53:37,140 --> 00:53:39,940 Keď prehliadač chce požiadať o stránku zo servera, 958 00:53:39,940 --> 00:53:43,450 pošle, že "sa" požiadavka z prehliadača na server, 959 00:53:43,450 --> 00:53:48,040 a potom server odpovie číslo ako 200, je všetko v poriadku, 960 00:53:48,040 --> 00:53:53,290 rovnako ako HTML alebo nejakú zlú číslo ako 404, súbor nebol nájdený. 961 00:53:53,290 --> 00:53:58,220 Ale medzitým, HTTP sama o sebe nie je Internet sám o sebe. 962 00:53:58,220 --> 00:54:01,550 HTTP je len služba, rys internete 963 00:54:01,550 --> 00:54:05,530 podobne ako G chate je ďalšia služba, podobne ako e-mail je ďalšia služba. 964 00:54:05,530 --> 00:54:09,180 Je tu všetky druhy vecí, ktoré môžeme robiť na internete. 965 00:54:09,180 --> 00:54:12,670 HTTP je len jedným z týchto aplikácií. 966 00:54:12,670 --> 00:54:17,210 Tak na vrchole - HTTP je v hornej časti niečo iné 967 00:54:17,210 --> 00:54:21,750 ktoré sme nespomenuli podľa názvu, možno ste počuli o podľa názvu, TCP / IP. 968 00:54:21,750 --> 00:54:25,160 Takže príbeh sme jednoducho povedali, že je všetko okolo 969 00:54:25,160 --> 00:54:28,720 ako dáta cestuje z bodu a do bodu b 970 00:54:28,720 --> 00:54:30,950 A v tomto prípade, sme videli na veľmi nízkej úrovni 971 00:54:30,950 --> 00:54:33,060 router na router na router k routeru, 972 00:54:33,060 --> 00:54:35,390 ako sú dáta skutočne prenášané. 973 00:54:35,390 --> 00:54:40,510 Ale po ceste, bude to zaznamenáte rôzne prekážky. 974 00:54:40,510 --> 00:54:43,770 Okrem týchto smerovačov, tam sú veci, zvané firewall na internete, 975 00:54:43,770 --> 00:54:46,680 a tak údaje, ako napríklad, že sme práve vysiela 976 00:54:46,680 --> 00:54:49,720 odo mňa na Stanford, odo mňa do Cambridge, 977 00:54:49,720 --> 00:54:54,560 je poslaný k, na tejto úrovni, niečo, čo nazýva IP adresu. 978 00:54:54,560 --> 00:54:57,340 Videli sme to pred chvíľou, a IP adresa 979 00:54:57,340 --> 00:55:02,480 je len číselná adresa v tvare w.x.y.z, 980 00:55:02,480 --> 00:55:08,070 kde každý z nich je medzi, dávať alebo brať, 0 a 255, 981 00:55:08,070 --> 00:55:10,080 keď nemôžete úplne používať všetky z týchto čísel. 982 00:55:10,080 --> 00:55:14,220 Ale každý z týchto miesto držiakov je číslo v rozmedzí od 0 do 255. 983 00:55:14,220 --> 00:55:16,820 Takže IP adresy v týchto dňoch je 32 bitov. 984 00:55:16,820 --> 00:55:20,780 >> Teraz, že nám dáva, koľko je to možné IP adresy na svete? 985 00:55:20,780 --> 00:55:24,420 Zhruba 4 mld Sk, pretože kedykoľvek sme počítanie v právomoci 2 986 00:55:24,420 --> 00:55:27,760 celú cestu až do 32 niečoho, že zvyčajne nám 4000000000. 987 00:55:27,760 --> 00:55:30,160 Takže je to veľa IP adries, ale môžete si prečítať, 988 00:55:30,160 --> 00:55:32,410 alebo môžete teraz zaznamenať v populárnom tlače, 989 00:55:32,410 --> 00:55:36,020 tlak smerom k novej verzii IP názvom IPv6. 990 00:55:36,020 --> 00:55:38,290 Práve teraz sme použili verzii 4. 991 00:55:38,290 --> 00:55:41,060 Tam naozaj nebol verzia 5, sme len skákanie právo 6. 992 00:55:41,060 --> 00:55:46,760 Verzia 6 ich bude používať 128 bitov pre adresy IP, ktorá je Podivínský obrovský. 993 00:55:46,760 --> 00:55:49,430 Nemali by sme dôjdu pre docela nejaký čas, 994 00:55:49,430 --> 00:55:52,980 ale my sme začali bežať z verzie 4 IP adresy, 995 00:55:52,980 --> 00:55:56,110 pretože každý z nás má nielen veci, ako sú notebooky a stolné počítače, 996 00:55:56,110 --> 00:55:58,700 Mnoho z nás má mobilné telefóny, veľa z nás má iné zariadenia 997 00:55:58,700 --> 00:56:01,600 ako TiVo a ako, že adresy IP sami. 998 00:56:01,600 --> 00:56:03,720 Harvard sám má desiatky tisíc počítačov. 999 00:56:03,720 --> 00:56:07,970 Takže svet je skutočne dochádza IP adries, aspoň v tejto podobe. 1000 00:56:07,970 --> 00:56:10,340 Takže v priebehu niekoľkých najbližších rokov, budete vidieť adresy 1001 00:56:10,340 --> 00:56:12,870 na svojich vlastných počítačoch pravdepodobne pomaly meniť 1002 00:56:12,870 --> 00:56:16,740 ako viac a viac spoločností a univerzít začne podporovať novšiu verziu. 1003 00:56:16,740 --> 00:56:22,770 Ale IP adresa nie je dostatočná pre pripojenie k počítaču a požadovať dáta z počítača b. 1004 00:56:22,770 --> 00:56:24,950 Vzhľadom k tomu, počítač b môže byť server, 1005 00:56:24,950 --> 00:56:27,600 a server, ako som už spomenul, je to hrozno vecí. 1006 00:56:27,600 --> 00:56:29,940 To môže hostiť webové stránky, môže to byť e-mailový server, 1007 00:56:29,940 --> 00:56:32,310 to môže byť Skype server, môže to byť rozprávanie G server. 1008 00:56:32,310 --> 00:56:35,870 >> Všetky tieto rôzne služby, ktoré môžu byť poskytované na serveri 1009 00:56:35,870 --> 00:56:38,330 mohli všetci, fyzicky, byť na rovnakom stroji. 1010 00:56:38,330 --> 00:56:40,380 Takže okrem IP adresy, 1011 00:56:40,380 --> 00:56:43,250 svet má veci zvanej porty na internete. 1012 00:56:43,250 --> 00:56:47,830 Port je len číslo, takže tam je jedinečné číslo pre HTTP. 1013 00:56:47,830 --> 00:56:50,280 Jeho číslo je 80. 1014 00:56:50,280 --> 00:56:55,870 HTTP tiež používa číslo 443, ale konkrétne u kódovaných HTTPS. 1015 00:56:55,870 --> 00:57:00,030 Keď vidíte s, pre bezpečný, že je s použitím iné číslo. 1016 00:57:00,030 --> 00:57:06,580 Existujú aj ďalšie čísla, ako 25, používané na niečo, čo nazýva SMTP, inak známy ako e-mail. 1017 00:57:06,580 --> 00:57:09,620 Je tu niečo, čo nazýva 22 pre SSH, 1018 00:57:09,620 --> 00:57:11,850 a tam je celá partia ďalších prístavov tam. 1019 00:57:11,850 --> 00:57:14,460 Teraz, my ľudia len zriedka vidieť tieto čísla. 1020 00:57:14,460 --> 00:57:21,970 Avšak, keď napíšete adresu ako http://www.facebook.com, 1021 00:57:21,970 --> 00:57:26,560 prehliadač tajne vkladanie 80, pretože ste pomocou protokolu HTTP. 1022 00:57:26,560 --> 00:57:30,630 Ak namiesto toho, zadajte HTTPS, je to tajne vloženie 443. 1023 00:57:30,630 --> 00:57:35,180 A môžeme trochu vidieť ručne, ak som vytiahnuť Brower 1024 00:57:35,180 --> 00:57:41,850 a prejdite na http://www.facebook.com:80. 1025 00:57:41,850 --> 00:57:44,550 Preto výslovne citovať nielen názov webovej stránky 1026 00:57:44,550 --> 00:57:47,650 ale port, ktorý chcem hovoriť, a stlačte klávesu Enter. 1027 00:57:47,650 --> 00:57:50,170 Všimnite si, že zmizne, pretože prehliadač predpokladá, 1028 00:57:50,170 --> 00:57:53,360 oh, 80, nie som dokonca ísť obťažovať o tom, že na vás. 1029 00:57:53,360 --> 00:57:56,400 Ale dôvod, prečo je to, že keď som vlastne chcel poslať niekoho e-mail, 1030 00:57:56,400 --> 00:58:02,340 Ja by som vlastne posielať im to na porte 25, ktorý je SMTP. 1031 00:58:02,340 --> 00:58:04,890 Trochu oversimplification, ale niektorí z vás majú priateľov 1032 00:58:04,890 --> 00:58:09,290 ktorí skutočne pracujú na Facebooku, a oni, podobne, majú servery, ktoré dostane e-mail. 1033 00:58:09,290 --> 00:58:12,610 >> Zakaždým, keď pošlete e-mail, čo gmail robí pre vás 1034 00:58:12,610 --> 00:58:14,960 alebo Outlook alebo čokoľvek program, ktorý používate, 1035 00:58:14,960 --> 00:58:19,270 je to trochu tajne vloženie toto číslo tiež, 25, v tomto prípade. 1036 00:58:19,270 --> 00:58:24,490 Je to táto kombinácia IP adresy a čísla, ktoré jednoznačne identifikuje 1037 00:58:24,490 --> 00:58:29,190 počítač na internete a konkrétnu službu na tomto počítači. 1038 00:58:29,190 --> 00:58:33,460 Teraz, samozrejme, väčšina z nás pravdepodobne nikdy zadali ručne IP adresu. 1039 00:58:33,460 --> 00:58:37,340 Možno máte v zariadení, ale v reálnom svete, nie toľko. 1040 00:58:37,340 --> 00:58:42,750 Prečo by sme zadajte IP adresy do prehliadača? 1041 00:58:42,750 --> 00:58:45,860 To bude fungovať, v skutočnosti, môžeme vidieť, dovoľte mi ukázať vám 1042 00:58:45,860 --> 00:58:50,000 jeden ďalší príkaz, ktorý by mal fungovať väčšina kdekoľvek na akademickej pôde Harvarde na Mac alebo PC. 1043 00:58:50,000 --> 00:58:53,970 Tam je to príkaz nazýva nslookup, meno servera vyhľadávanie. 1044 00:58:53,970 --> 00:58:59,960 Keď sa pozriem do www.cnn.com, ukázalo sa, že CNN má - oh, zaujímavé. 1045 00:58:59,960 --> 00:59:03,180 CNN začala používať Amazon Web Services. 1046 00:59:03,180 --> 00:59:06,380 Možno viete o cloud computingu, Amazon je jedným z veľkých hráčov v cloud computingu. 1047 00:59:06,380 --> 00:59:10,240 Čo som práve urobil, bolo, povedal som, "Daj mi adresu webového servera CNN," 1048 00:59:10,240 --> 00:59:14,090 ale ukazuje sa, že CNN webový server je riadená Amazon, 1049 00:59:14,090 --> 00:59:16,030 Amazon Web Services, čo naznačuje,. 1050 00:59:16,030 --> 00:59:19,680 A adresa tohto servera je to tu. 1051 00:59:19,680 --> 00:59:22,350 Takže som si istý, či to bude fungovať, pretože oni nie sú zvyknutí používať Amazon. 1052 00:59:22,350 --> 00:59:32,830 Ale skúsme túto; http://, IP adresu, zadajte, a - 1053 00:59:32,830 --> 00:59:35,690 to bude fungovať? 1054 00:59:35,690 --> 00:59:39,280 Áno. To bude fungovať. Internet je super-pomalé dnes. 1055 00:59:39,280 --> 00:59:43,680 Ale vo chvíli, uvidíte nejaké reportáž. 1056 00:59:43,680 --> 00:59:48,360 Tam ideme. Bank of America je žalovať. Dobrá. 1057 00:59:48,360 --> 00:59:54,000 >> To preto, že táto IP adresa náhodou tým synonymom www.cnn.com. 1058 00:59:54,000 --> 00:59:59,920 Samozrejme, že by bolo strašné marketing povedať, navštívte nás na webe v 50.112.94.127. 1059 00:59:59,920 --> 01:00:02,370 Tie nikdy zapamätať. Takže aj v týchto dňoch môžete pripomenúť veci 1060 01:00:02,370 --> 01:00:07,210 ako 1-800-COLLECT alebo mnemotechnická pomôcky svet prišiel s telefónnych čísel. 1061 01:00:07,210 --> 01:00:09,540 Čo, pred mobilných telefónov, boli skôr ťažké si spomenúť, 1062 01:00:09,540 --> 01:00:11,800 kým mohol len zadajte ho a zabudnúť na to. 1063 01:00:11,800 --> 01:00:15,730 Takže na webe, má aj túto konvenciu mien a IP adries, 1064 01:00:15,730 --> 01:00:17,770 a tam sú tieto veci tam volal servery DNS, 1065 01:00:17,770 --> 01:00:23,870 doménových mien systémy serverov, ktoré prekladajú IP adresy do mena a naopak. 1066 01:00:23,870 --> 01:00:26,340 Takže to je to, čo sa deje na pod pokrievku. 1067 01:00:26,340 --> 01:00:29,540 Na konci, máme TCP / IP, ktorý je pre tento veľmi nízky, na úrovni protokolu 1068 01:00:29,540 --> 01:00:32,570 že naozaj, jednoducho dostane 0 a 1 je cez internet, 1069 01:00:32,570 --> 01:00:36,030 a robí tak tým, že je do virtuálnej obálky, 1070 01:00:36,030 --> 01:00:38,820 ak chcete, a písanie na vonkajšej strane obálky 1071 01:00:38,820 --> 01:00:43,930 IP adresa ciele, rovnako ako číselná číslo portu 1072 01:00:43,930 --> 01:00:47,520 poskytovanie služby na tomto určení, že chce hovoriť. 1073 01:00:47,520 --> 01:00:51,060 Medzitým sa na obálke tiež niečo známy ako spiatočnej adresy, 1074 01:00:51,060 --> 01:00:55,600 ktoré je vaša IP adresa, takže keď CNN dostane paket informácií od vás, 1075 01:00:55,600 --> 01:00:58,710 otvorí sa tento virtuálny obálku, vidia, že chcete domovskú stránku, 1076 01:00:58,710 --> 01:01:04,630 vie od odosielateľa časti tohto virtuálneho obálky komu zaslať HTML späť na. 1077 01:01:04,630 --> 01:01:07,470 Takže poďme sa pozrieť na to v trochu podrobnejšie. 1078 01:01:07,470 --> 01:01:11,370 To je od spoločnosti s názvom Ericson, od niekoľkých rokov späť. 1079 01:01:11,370 --> 01:01:14,780 A vzali niektoré slobody s tým, ako vlastne funguje Internet, 1080 01:01:14,780 --> 01:01:18,920 ale maľuje oveľa vizuálny obraz ako obyčajné kriedy až tu. 1081 01:01:18,920 --> 01:01:26,690 Tak som vám "trochu na internete." 1082 01:02:26,660 --> 01:02:29,840 >> [Moderátor] Prvýkrát v histórii, 1083 01:02:29,840 --> 01:02:35,260 ľudia a stroje pracujú spoločne, splnenie sna. 1084 01:02:35,260 --> 01:02:38,910 Zjednotenie sila, ktorá nepozná geografické hranice. 1085 01:02:38,910 --> 01:02:43,230 Bez ohľadu na rasu, vyznanie alebo farbu. 1086 01:02:43,230 --> 01:02:47,770 Nová éra, kde komunikácia skutočne spája ľudí dohromady. 1087 01:02:47,770 --> 01:02:50,070 To je 1088 01:02:50,070 --> 01:02:54,980 Dawn of the Net. 1089 01:02:54,980 --> 01:03:04,640 Chcete vedieť, ako to funguje? Kliknite tu pre začať svoju cestu do siete. 1090 01:03:04,640 --> 01:03:07,890 Teraz, presne to, čo sa stalo, keď ste klikli na tento odkaz? 1091 01:03:07,890 --> 01:03:10,150 Vy ste začali tok informácií. 1092 01:03:10,150 --> 01:03:13,310 Tieto informácie putuje do vášho osobného podateľne 1093 01:03:13,310 --> 01:03:18,500 kde Mr IP balíčkov, označí ju, a odošle ju na svojej ceste. 1094 01:03:18,500 --> 01:03:20,960 Každý paket je obmedzený vo svojej veľkosti. 1095 01:03:20,960 --> 01:03:23,880 Podateľňa musí rozhodnúť, ako rozdeliť informácií 1096 01:03:23,880 --> 01:03:26,070 a ako zabaliť. 1097 01:03:26,070 --> 01:03:29,550 Teraz, balíček potrebuje štítok obsahujúci dôležité informácie 1098 01:03:29,550 --> 01:03:35,570 ako adresa odosielateľa, príjemcu je adresa, a typu paketu to je. 1099 01:03:51,700 --> 01:03:54,980 Vzhľadom k tomu, tento konkrétny paket ide von na internet, 1100 01:03:54,980 --> 01:03:57,720 to tiež dostane adresu proxy servera, 1101 01:03:57,720 --> 01:04:01,520 ktorá má špeciálnu funkciu, ako uvidíme neskôr. 1102 01:04:01,520 --> 01:04:06,650 Paket je teraz začala na vašej lokálnej sieti, alebo LAN. 1103 01:04:06,650 --> 01:04:10,160 Táto sieť sa používa pre pripojenie všetkých lokálnych počítačov " 1104 01:04:10,160 --> 01:04:15,900 routery, tlačiarne, etcetera, pre výmenu informácií v rámci fyzickej stien budovy. 1105 01:04:15,900 --> 01:04:20,290 Zariadenie LAN je celkom nekontrolované miesto, a, bohužiaľ, 1106 01:04:20,290 --> 01:04:23,950 nehody sa môže stať. 1107 01:04:31,190 --> 01:04:34,710 Cesta z LAN je vybavený všetkými typmi informácií. 1108 01:04:34,710 --> 01:04:38,900 Jedná sa o IP pakety, Novell pakety, AppleTalk pakety. 1109 01:04:38,900 --> 01:04:41,270 Idú proti dopravy, ako zvyčajne. 1110 01:04:41,270 --> 01:04:44,260 Miestne router číta adresy a, ak je to potrebné, 1111 01:04:44,260 --> 01:04:48,520 zdvihne paket do inej siete. 1112 01:04:48,520 --> 01:04:54,270 Ah, router. Symbol kontroly v zdanlivo zmäteného sveta. 1113 01:04:54,270 --> 01:05:05,480 [Router mumlal a hovoriť k sebe] 1114 01:05:05,480 --> 01:05:10,030 >> [Moderátor] Tu je, systematické, bezcitný, metodické, 1115 01:05:10,030 --> 01:05:14,150 konzervatívny, a niekedy nie je úplne až na rýchlosť. 1116 01:05:14,150 --> 01:05:17,680 Ale aspoň je presný, z väčšej časti. 1117 01:05:32,270 --> 01:05:36,820 Vzhľadom k tomu, pakety opustia router, oni robia ich cestu do podnikovej internete 1118 01:05:36,820 --> 01:05:40,830 a hlava pre router prepínača. 1119 01:05:40,830 --> 01:05:46,250 Bit účinnejší ako router, router switch hrá veľmi jednoduché a voľné s IP pakety, 1120 01:05:46,250 --> 01:05:48,920 obratne smerovanie je po ceste. 1121 01:05:48,920 --> 01:05:52,130 Digitálny "pinball wizard," ak chcete. 1122 01:05:52,130 --> 01:06:04,270 [Router switch hovoriť k sebe] 1123 01:06:09,830 --> 01:06:12,150 [Moderátor] Ako pakety dorazia na miesto určenia, 1124 01:06:12,150 --> 01:06:14,740 oni sú vyzdvihnutá sieťové rozhranie, 1125 01:06:14,740 --> 01:06:18,040 pripravené na odoslanie do ďalšej úrovne. 1126 01:06:18,040 --> 01:06:21,010 V tomto prípade, zástupcu. 1127 01:06:21,010 --> 01:06:25,040 Proxy je mnoho spoločností používa ako akýsi prostredník človeka 1128 01:06:25,040 --> 01:06:27,630 aby sa uľahčila zaťaženie internetového pripojenia 1129 01:06:27,630 --> 01:06:32,240 a z bezpečnostných dôvodov, rovnako. 1130 01:06:32,240 --> 01:06:38,750 Ako môžete vidieť, že pakety sú rôznych veľkostí v závislosti na ich obsahu. 1131 01:06:55,210 --> 01:07:01,890 Proxy otvorí paket a hľadá webovej adresy alebo URL. 1132 01:07:01,890 --> 01:07:04,950 V závislosti na tom, či je adresa prijateľné, 1133 01:07:04,950 --> 01:07:08,000 paket je odoslaný na internete. 1134 01:07:13,890 --> 01:07:19,630 Existujú však niektoré adresy, ktoré nespĺňajú so súhlasom zodpovedného zástupcu. 1135 01:07:19,630 --> 01:07:25,680 To znamená, firemné alebo riadenie pokyny. 1136 01:07:25,680 --> 01:07:30,580 Tie sú súhrnne zaoberá. 1137 01:07:30,580 --> 01:07:32,410 Budeme mať nič z toho. 1138 01:07:32,410 --> 01:07:36,350 Pre tých, ktorí si to, je to opäť na ceste. 1139 01:07:46,850 --> 01:07:53,310 >> Ďalší na rade, firewall. 1140 01:07:53,310 --> 01:07:57,410 Firemné firewall slúži na dva účely. 1141 01:07:57,410 --> 01:08:02,420 Zabraňuje niektoré trochu škaredé veci z internetu od príchodu do intranetu, 1142 01:08:02,420 --> 01:08:10,280 a to môže tiež zabrániť citlivé firemné informácie pred rozposlané na internete. 1143 01:08:10,280 --> 01:08:12,980 Akonáhle cez bránu firewall, router vyzdvihne balíček 1144 01:08:12,980 --> 01:08:18,180 a umiestni ju na oveľa užšie ceste, alebo šírku pásma, ako hovoríme. 1145 01:08:18,180 --> 01:08:23,720 Je zrejmé, cesty nie je dostatočne široká, aby ich všetky. 1146 01:08:23,720 --> 01:08:29,319 Teraz by vás zaujímalo, čo sa stane so všetkými tými pakety, ktoré nechcete, aby sa po ceste. 1147 01:08:29,319 --> 01:08:32,270 No, keď pán IP nedostane potvrdenie 1148 01:08:32,270 --> 01:08:35,000 že paket bol prijatý načas, 1149 01:08:35,000 --> 01:08:39,890 jednoducho pošle náhradné paket. 1150 01:08:39,890 --> 01:08:44,760 Teraz sme pripravení vstúpiť do sveta internetu. 1151 01:08:44,760 --> 01:08:49,370 Pavučiny prepojených sietí, ktoré pokrývajú celú našu planétu. 1152 01:08:49,370 --> 01:08:56,050 Tu, smerovače a prepínače nadviazať spojenie medzi sieťami. 1153 01:08:56,050 --> 01:08:59,200 Teraz, Net je úplne odlišné prostredia, než nájdete 1154 01:08:59,200 --> 01:09:01,569 v rámci ochranných múrov vašej LAN. 1155 01:09:01,569 --> 01:09:04,060 Tu, to je Divoký západ. 1156 01:09:04,060 --> 01:09:06,359 Dostatok priestoru, veľa príležitostí, 1157 01:09:06,359 --> 01:09:09,760 veľa vecí k objavovaniu a miesta odísť. 1158 01:09:09,760 --> 01:09:12,760 Vďaka veľmi malú kontrolu a reguláciu, 1159 01:09:12,760 --> 01:09:18,300 nové myšlienky nájsť úrodnú pôdu, aby sa zasadila obálku svojich možností. 1160 01:09:18,300 --> 01:09:22,330 Ale kvôli tejto slobody, určité nebezpečenstvo aj číhajú. 1161 01:09:22,330 --> 01:09:27,000 Už nikdy nebudete vedieť, kedy sa stretnete s obávaný ping smrti, 1162 01:09:27,000 --> 01:09:29,890 špeciálna verzia normálneho požiadavky ping, 1163 01:09:29,890 --> 01:09:35,720 ktoré nejaký idiot vymyslel pokaziť nič netušiaci hostiteľov. 1164 01:09:35,720 --> 01:09:39,130 Cesta naše pakety sa môžu cez satelit, 1165 01:09:39,130 --> 01:09:43,090 telefónnej linky, bezdrôtové, alebo dokonca zaoceánsky kábel. 1166 01:09:43,090 --> 01:09:46,520 Nemajú vždy najrýchlejší alebo najkratšej trasy je to možné, 1167 01:09:46,520 --> 01:09:50,290 ale budú tam nakoniec. 1168 01:09:50,290 --> 01:09:55,230 Možno, že je to dôvod, prečo sa niekedy nazýva "World Wide Wait." 1169 01:09:55,230 --> 01:09:57,980 Ale keď všetko funguje bez problémov, 1170 01:09:57,980 --> 01:10:03,800 môžete obísť zemeguľu päťkrát viac ako na pokles z klobúka, doslova. 1171 01:10:03,800 --> 01:10:08,230 A to všetko za cenu miestneho hovoru alebo menej. 1172 01:10:08,230 --> 01:10:15,070 Takmer na konci našej cesty, nájdeme inú bránu firewall. 1173 01:10:15,070 --> 01:10:18,420 >> V závislosti na uhle pohľadu ako dátový paket, 1174 01:10:18,420 --> 01:10:23,730 firewall môže byť baštou bezpečnosti alebo obávaný protivník. 1175 01:10:23,730 --> 01:10:28,530 To všetko závisí na tom, na ktorej strane ste a čo vaše úmysly. 1176 01:10:28,530 --> 01:10:34,990 Brána firewall je navrhnutý tak, aby iba tie pakety, ktoré spĺňajú jeho kritériá. 1177 01:10:34,990 --> 01:10:39,360 Tento firewall pracuje na portoch 80 a 25. 1178 01:10:39,360 --> 01:10:46,630 Všetky pokusy o vstup cez iné porty sú uzavreté pre podnikanie. 1179 01:10:57,660 --> 01:11:03,480 Port 25 je používaný pre poštové paketov, 1180 01:11:03,480 --> 01:11:10,720 zatiaľ čo port 80 je vstupom pre pakety z internetu do webového servera. 1181 01:11:10,720 --> 01:11:15,080 Vnútri firewall, pakety sú premietané viac dôkladne. 1182 01:11:15,080 --> 01:11:17,970 Niektoré pakety, aby to ľahko cez colnicu, 1183 01:11:17,970 --> 01:11:21,420 zatiaľ čo iní vyzerajú trochu pochybné. 1184 01:11:21,420 --> 01:11:24,060 Teraz je firewall dôstojník nie je ľahko oklamať, 1185 01:11:24,060 --> 01:11:32,120 ako keď to ping of death paketu sa snaží zamaskovať seba ako normálny ping paketu. 1186 01:11:32,120 --> 01:11:37,520 [Firewall dôstojník hovoril paketov] 1187 01:11:37,520 --> 01:11:40,510 [Moderátor] Z týchto paketov to šťastie, aby sa to tak ďaleko, 1188 01:11:40,510 --> 01:11:45,730 cesta je takmer u konca. 1189 01:11:45,730 --> 01:11:52,130 Je to len línie až na rozhraní, aby boli prijaté do webového servera. 1190 01:11:52,130 --> 01:11:55,440 V súčasnej dobe, môže webový server bežať na mnohých veciach, 1191 01:11:55,440 --> 01:11:59,230 zo sálového počítača na webovú kameru k počítaču na vašom stole. 1192 01:11:59,230 --> 01:12:01,720 Prečo nie vaše chladnička? 1193 01:12:01,720 --> 01:12:04,870 Pomocou vhodného nastavenia, môžete zistiť, či máte predpoklady stať 1194 01:12:04,870 --> 01:12:08,390 pre Chicken Cacciatore, alebo ak máte ísť nakupovať. 1195 01:12:08,390 --> 01:12:11,760 Pamätajte, že toto je úsvit Net. 1196 01:12:11,760 --> 01:12:17,310 Takmer všetko je možné. 1197 01:12:17,310 --> 01:12:20,440 Jeden po druhom, sú prijímané pakety, 1198 01:12:20,440 --> 01:12:26,320 otvoril, a rozbalený. 1199 01:12:26,320 --> 01:12:31,200 Informácie, ktoré obsahujú, to znamená, že si žiadosť o informácie, 1200 01:12:31,200 --> 01:12:34,830 je poslaný do aplikácie webového servera. 1201 01:12:41,540 --> 01:12:47,140 Paket sám je recyklovaný, 1202 01:12:47,140 --> 01:12:57,570 pripravený na opätovné použitie, a naplní vaše požadované informácie, 1203 01:12:57,570 --> 01:13:03,340 riešiť, a vyslal na svojej ceste späť k vám. 1204 01:13:03,340 --> 01:13:13,250 Späť minulosti firewall, smerovače, a na cez k internetu. 1205 01:13:13,250 --> 01:13:21,020 Späť cez firemný firewall 1206 01:13:21,020 --> 01:13:24,180 a na svoje rozhranie, 1207 01:13:24,180 --> 01:13:31,180 pripravení dodávať svoj webový prehliadač s informáciami, ktoré ste požiadali. 1208 01:13:31,180 --> 01:13:39,840 To znamená, že tento film. 1209 01:13:39,840 --> 01:13:43,550 Potešený ich úsilie, a dôverovať lepší svet, 1210 01:13:43,550 --> 01:13:50,250 naše pakety Trusty údaje odísť blažene do západu slnka iný deň, 1211 01:13:50,250 --> 01:13:56,880 rebríček plne poslúžila svojej pánov dobre. 1212 01:13:56,880 --> 01:14:02,560 Teraz, nie je to šťastný koniec? 1213 01:14:02,560 --> 01:14:07,040 [Malan] Dobre, to stačí. Uvidíme sa budúci týždeň. 1214 01:14:07,040 --> 01:14:10,040 [CS50.TV]