1 00:00:00,000 --> 00:00:11,470 2 00:00:11,470 --> 00:00:12,764 >> Ræðumaður 1: Allir, hægri velkomin aftur. 3 00:00:12,764 --> 00:00:14,140 Þetta er CS50. 4 00:00:14,140 --> 00:00:16,800 Og þetta er upphaf viku níu. 5 00:00:16,800 --> 00:00:19,960 Og þetta er að byrja á öðrum þinn tími í CS50, þar sem við 6 00:00:19,960 --> 00:00:23,170 umskipti nú loks á netið þáttur námskeiðsins, þar sem þú munt 7 00:00:23,170 --> 00:00:26,200 finna að mikið af grundvallaratriði sem við höfum verið að flytja út í margar vikur 8 00:00:26,200 --> 00:00:29,270 enn koma aftur í heimsókn, eða ásækja, okkur. 9 00:00:29,270 --> 00:00:33,440 En nú, munt þú finna að það er stærðargráðu auðveldara að 10 00:00:33,440 --> 00:00:36,540 ná tilteknum verkefnum og leysa ákveðin vandamál - 11 00:00:36,540 --> 00:00:41,050 svo mikið svo að jafnvel ef þú hélst ákveðin setur vandamál voru skemmtileg í sínu 12 00:00:41,050 --> 00:00:44,200 eigin leið, held ég að þú munt finna sem p stillt 7, bls stilla 8, og þá, 13 00:00:44,200 --> 00:00:47,990 lokum, endanlega verkefnið verður allt meira ánægjulegt vegna þess að þú munt 14 00:00:47,990 --> 00:00:51,830 finna að við förum að taka sem sjálfsögðum hlut nú hlutirnir eins minni stjórnun og 15 00:00:51,830 --> 00:00:54,190 ábendingum, og hvað er að gerast á undir hetta. 16 00:00:54,190 --> 00:00:57,310 Og aftur, þema, allt í öllu önn hefur verið þetta layering 17 00:00:57,310 --> 00:00:58,030 og layering. 18 00:00:58,030 --> 00:01:00,530 Og nú erum við svona upp hér, standa á 19 00:01:00,530 --> 00:01:01,930 herðar vikum síðustu. 20 00:01:01,930 --> 00:01:05,360 >> Nú, muna frá síðasta sinn sem við talaði um hvernig internetið virkaði. 21 00:01:05,360 --> 00:01:08,120 Og þetta var kannski einföldun, en muna að 22 00:01:08,120 --> 00:01:12,960 sérhver tölva í heiminum hefur IP takast, þó að það er dálítið um að 23 00:01:12,960 --> 00:01:14,570 einföldun enn. 24 00:01:14,570 --> 00:01:18,180 Og þeir sem viðtakandi eru notuð til að einstaklega þekkja vélar þannig að 25 00:01:18,180 --> 00:01:22,010 þegar þú sendir upplýsingar, eða pakka, svo að segja, þeir geta haft uppruna 26 00:01:22,010 --> 00:01:24,000 heimilisfang og ákvörðunarstaður heimilisfang. 27 00:01:24,000 --> 00:01:27,830 Og sömu IP tölur er hægt að nota bæði til góðs og einnig til óhamingju, 28 00:01:27,830 --> 00:01:29,270 að fylgjast með þér, til dæmis. 29 00:01:29,270 --> 00:01:32,200 Í raun, hver og einn með fartölvu opna nú, eða í síma í þínum 30 00:01:32,200 --> 00:01:35,070 vasa, hefur IP tölu á neti Harvard er. 31 00:01:35,070 --> 00:01:39,120 Og það er ekki allt sem erfitt er að samhengi að hver og hvar þú 32 00:01:39,120 --> 00:01:40,180 eru þessa dagana. 33 00:01:40,180 --> 00:01:42,090 En meira um það kannski í framtíðinni. 34 00:01:42,090 --> 00:01:46,510 >> Nú ég hélt að ég myndi koma aftur sum minningar um [? auka?] og gefa þér 35 00:01:46,510 --> 00:01:49,360 annar bút úr þættinum þú gætu fundið kunnuglegt. 36 00:01:49,360 --> 00:01:52,710 Ef við gætum lítil ljósin fyrir örfáum sekúndum. 37 00:01:52,710 --> 00:01:53,960 Þátturinn Numb3rs. 38 00:01:53,960 --> 00:01:57,510 39 00:01:57,510 --> 00:02:00,540 >> Ræðumaður 2: Það er 32-bita IPP4 netfang. 40 00:02:00,540 --> 00:02:01,610 >> Ræðumaður 3: IPP, eins og í netið? 41 00:02:01,610 --> 00:02:02,968 >> Ræðumaður 2: Private net. 42 00:02:02,968 --> 00:02:04,960 Til persónulegur net Amita er. 43 00:02:04,960 --> 00:02:16,930 44 00:02:16,930 --> 00:02:19,602 Hún er svo magnað. 45 00:02:19,602 --> 00:02:21,030 >> Ræðumaður 3: Komdu, Charlie. 46 00:02:21,030 --> 00:02:21,490 >> Ræðumaður 2: Það er. 47 00:02:21,490 --> 00:02:22,470 A IP spegill tölu. 48 00:02:22,470 --> 00:02:27,680 Hún er að láta okkur horfa á það hún er að gera í rauntíma. 49 00:02:27,680 --> 00:02:30,930 >> Ræðumaður 1: Allt í lagi, svo fátt athugavert við þessa mynd. 50 00:02:30,930 --> 00:02:32,920 Svo einn, og þetta er ásættanlegt, þetta er í raun 51 00:02:32,920 --> 00:02:34,400 ekki gilt IP vistfang. 52 00:02:34,400 --> 00:02:38,190 Gilt IP tölu þarf að vera tölur á forminu w.x.y.z, þar sem hver af 53 00:02:38,190 --> 00:02:40,000 þessir stafir er 0-255. 54 00:02:40,000 --> 00:02:42,330 En það er allt í lagi vegna þess að rétt eins og bíó þar sem þeir falsa símanúmer, 55 00:02:42,330 --> 00:02:43,520 þeir falsa IP viðtakandi. 56 00:02:43,520 --> 00:02:45,230 Þú gera ekki raunverulega högg alvöru netþjóna. 57 00:02:45,230 --> 00:02:46,760 >> En huga þér, þetta er a vafra. 58 00:02:46,760 --> 00:02:50,760 Og vafra ekki byrja outputting tölva kóða svona. 59 00:02:50,760 --> 00:02:54,230 Og ef við lítum aðeins dýpra, eftir að tungumálið sem þeir eru að sjá 60 00:02:54,230 --> 00:02:57,040 á skjánum er tungumál sem kallast Objective C, sem er tungumál í 61 00:02:57,040 --> 00:02:59,520 sem iPhone apps eru skrifuð, sérstaklega þær sem fela í sér 62 00:02:59,520 --> 00:03:03,540 vaxlitir, eins og þú geta sjá frá kóðinn hér. 63 00:03:03,540 --> 00:03:06,600 64 00:03:06,600 --> 00:03:07,560 >> OK, ég hélt að þetta var fyndið. 65 00:03:07,560 --> 00:03:12,240 Svo hefur þetta runu af kóða algerlega ekkert að gera með hvað þetta 66 00:03:12,240 --> 00:03:13,940 einkum þáttur var um. 67 00:03:13,940 --> 00:03:17,590 Svo er brandari konar á fólkinu taka fyrir þetta sem sjálfsögðum hlut. 68 00:03:17,590 --> 00:03:20,220 En þetta er ekki allt sem erfitt er að fá þessar tæknileg atriði rétt. 69 00:03:20,220 --> 00:03:21,980 Og ég myndi hvetja þig. 70 00:03:21,980 --> 00:03:25,530 Og reyndar, 50 gæti mjög vel spilla a einhver fjöldi af TV sýning og bíó eða þú 71 00:03:25,530 --> 00:03:27,320 því þú munt komast að því að það er bara ekki hægt hvað þeir eru 72 00:03:27,320 --> 00:03:28,630 gera á skjánum. 73 00:03:28,630 --> 00:03:31,750 En reyndar, þetta er númerið sem þú getur séð það í iPhone umsókn 74 00:03:31,750 --> 00:03:33,640 eða Mac OS umsókn. 75 00:03:33,640 --> 00:03:35,685 Það hefur ekki neitt að gera með öryggi. 76 00:03:35,685 --> 00:03:38,610 Svo að hafa auga út fyrir fleiri slíkt gaman eins og þessi. 77 00:03:38,610 --> 00:03:42,720 >> En í dag erum við að byrja að kafa í raun innilega til a heild svið af tungumálum. 78 00:03:42,720 --> 00:03:45,410 An örugglega, einn af overarching Takeaways þessa hluta sem 79 00:03:45,410 --> 00:03:51,815 Auðvitað er ekki að læra hvernig á að forrita í PHP, ekki að læra SQL per se, ekki 80 00:03:51,815 --> 00:03:58,100 til að læra JavaScript per se, heldur að kenna þér hvernig á að kenna 81 00:03:58,100 --> 00:04:02,030 sjálfur ný tungumál vegna þess, örugglega, við byrjum að taka nú 82 00:04:02,030 --> 00:04:06,020 hjól þjálfun burt þannig að eftir endir auðvitað er, þú búast við 20 83 00:04:06,020 --> 00:04:08,890 síðu forskrift að segja þér hvernig að framkvæma eitthvað forrit. 84 00:04:08,890 --> 00:04:12,970 Þú hefur nóg efni í þinn hugur, og nóg verkfæri tól 85 00:04:12,970 --> 00:04:15,750 Kit, sem að byrja að byggja lausnir á vandamálum sem varða 86 00:04:15,750 --> 00:04:19,130 þú fyrir sumir nemendur hópsins, fyrir suma rannsóknarverkefni, eða bara eitthvað 87 00:04:19,130 --> 00:04:20,140 áhugaverð fyrir þig. 88 00:04:20,140 --> 00:04:24,150 >> Svo til að enda, muna að þetta var myndin við brá það síðasta skipti. 89 00:04:24,150 --> 00:04:27,620 Og þetta er tvær tölvur, viðskiptavinur og skera, tala við annan. 90 00:04:27,620 --> 00:04:31,130 Og siðareglur, tungumál, svo að tala, að þessar tvær tölvur gerast 91 00:04:31,130 --> 00:04:33,220 að tala heitir HTTP. 92 00:04:33,220 --> 00:04:37,730 Og það er bara samskiptamáti sem er notaður við tölvur til að flytja upplýsingar yfir 93 00:04:37,730 --> 00:04:38,710 á veraldarvefnum. 94 00:04:38,710 --> 00:04:41,770 Vefurinn, auðvitað er bara einn þjónusta sem keyrir ofan á 95 00:04:41,770 --> 00:04:43,000 svokallaða Internet. 96 00:04:43,000 --> 00:04:48,660 Hvað er annað í boði á Efst á netið þessa dagana? 97 00:04:48,660 --> 00:04:51,600 Sumir annar siðareglur eða - hvað er það? 98 00:04:51,600 --> 00:04:52,300 >> Áhorfendur: FTP. 99 00:04:52,300 --> 00:04:52,790 >> Ræðumaður 1: FTP. 100 00:04:52,790 --> 00:04:54,630 Svo er File Transfer Protocol annað. 101 00:04:54,630 --> 00:04:56,050 Flest af þú sennilega hafa ekki notað hana. 102 00:04:56,050 --> 00:04:58,830 En flest ykkar sennilega hafa notað hlutir eins Gchat, eða augnablik 103 00:04:58,830 --> 00:05:00,970 skilaboð almennt, vissulega email. 104 00:05:00,970 --> 00:05:04,470 Og þeir, of, er þjónusta sem keyrir á Efst á internetinu vegna þess, á 105 00:05:04,470 --> 00:05:08,180 lok dags, internetið sjálft raunverulega bara fá gögn frá A-lið til 106 00:05:08,180 --> 00:05:12,480 benda B. Og það notar fjölda agnir sig, annar þeirra eða tveir 107 00:05:12,480 --> 00:05:17,340 þeirra mest almennt kallaður TCP / IP, sem er að segja að ein tölva á 108 00:05:17,340 --> 00:05:19,960 internetið getur raunverulega vera að gera mismunandi hlutir, email, 109 00:05:19,960 --> 00:05:20,980 og vefur, og svo framvegis. 110 00:05:20,980 --> 00:05:22,220 Google gerir mikið af þessu. 111 00:05:22,220 --> 00:05:26,310 Svo hvernig eru þeir þjónustu einstaklega greind, gerði við segjum, á tölvu 112 00:05:26,310 --> 00:05:29,080 sem gæti í raun verið að gera margar hlutir? 113 00:05:29,080 --> 00:05:29,860 >> Gáttarnúmer. 114 00:05:29,860 --> 00:05:34,180 Og þetta eru bara handahófskennt manna samninga eins 80 er vefur, 443 er 115 00:05:34,180 --> 00:05:36,580 brengla vefur, 25 er email. 116 00:05:36,580 --> 00:05:38,230 Og það er bunches annarra. 117 00:05:38,230 --> 00:05:41,860 Og þær tölur eru einfaldlega innifalinn í þeir pakka af upplýsingum, þá 118 00:05:41,860 --> 00:05:46,230 raunverulegur umslag, sem í raun innihélt beiðni eða svar. 119 00:05:46,230 --> 00:05:51,300 >> Svo þegar þú kemur til baka svar frá vefur, yfirleitt, þú sérð ekki allir 120 00:05:51,300 --> 00:05:54,780 tölur af neinu tagi hvað varðar stöðukóði á viðbrögðum. 121 00:05:54,780 --> 00:05:56,770 Þú gera ekki raunverulega sjá innri starfsemi á 122 00:05:56,770 --> 00:05:58,090 pakka sem koma til baka. 123 00:05:58,090 --> 00:05:59,860 En 200 er örugglega meina OK. 124 00:05:59,860 --> 00:06:01,530 Og það þýðir allt er vel. 125 00:06:01,530 --> 00:06:02,870 Þú gætir hafa séð fullt af þessu. 126 00:06:02,870 --> 00:06:05,710 Sem er líklega algengasta þú hefur séð á vefnum? 127 00:06:05,710 --> 00:06:05,980 >> 404. 128 00:06:05,980 --> 00:06:07,330 Það þýðir bara skrá fannst ekki. 129 00:06:07,330 --> 00:06:08,270 Það þýðir að einhver ruglaður upp. 130 00:06:08,270 --> 00:06:11,450 Þú gerðir af mistyping slóðina, eða einhver annar gerði því að gefa þér 131 00:06:11,450 --> 00:06:15,100 ógild URL, eða þeir eytt á skrá og slóðin er enn 132 00:06:15,100 --> 00:06:16,130 notuð af fólki. 133 00:06:16,130 --> 00:06:19,670 Svo allir tala af ástæðum geta útskýrt hvers vegna skráin er ekki að finna. 134 00:06:19,670 --> 00:06:22,990 Og þú munt sjá, í vikur til að koma, þessi öðrum númerum villa, og þú munt 135 00:06:22,990 --> 00:06:24,195 nýta sumir af þeim. 136 00:06:24,195 --> 00:06:25,760 Það versta er 500. 137 00:06:25,760 --> 00:06:29,820 Ef þú færð 500 villa í kóða sem þú hefur skrifað, hugsa um það sem tegund af 138 00:06:29,820 --> 00:06:33,290 byggður á hliðstæðum af seg galla í veröld af forritun á vefnum. 139 00:06:33,290 --> 00:06:34,560 Það er ekki alveg eins skelfilegur. 140 00:06:34,560 --> 00:06:36,660 En það þýðir bara að einhvers staðar, þú ruglaður upp. 141 00:06:36,660 --> 00:06:38,260 Svo hlakka til þeirra. 142 00:06:38,260 --> 00:06:39,910 >> En við skulum sjá hvort við getum sjá þetta í samhengi. 143 00:06:39,910 --> 00:06:43,460 Leyfðu mér að fara að vafra hér og gera eftirfarandi. 144 00:06:43,460 --> 00:06:45,710 Svo er þetta króm, sem gerist að setja í tækið. 145 00:06:45,710 --> 00:06:49,410 En mest á hverjum vafra þessa dagana hefur sumir samsvarandi virkni. 146 00:06:49,410 --> 00:06:52,610 Ég ætla að fara upp valmynd Króm, og fara í Tools, og ég ætla að fara 147 00:06:52,610 --> 00:06:53,990 til Developer Tools. 148 00:06:53,990 --> 00:06:57,040 Og þú munt sjá að þetta litla spjaldið opnar í neðst í glugganum. 149 00:06:57,040 --> 00:07:00,190 Annar flýtileið, að vera heiðarlegur, að ég venjulega nota ég sjálfur er að hægri smella 150 00:07:00,190 --> 00:07:04,370 eða Control smelltu hvar sem er á vefnum síðu og bara fara að skoða Element. 151 00:07:04,370 --> 00:07:07,440 Og það mun ekki aðeins opna þetta hafa fyrir þig. 152 00:07:07,440 --> 00:07:10,230 Það mun einnig opna, sérstaklega, The Elements hluti á 153 00:07:10,230 --> 00:07:11,430 vinstri hönd hlið. 154 00:07:11,430 --> 00:07:12,460 >> Þannig að við erum að sjálfsögðu að sjá Google. 155 00:07:12,460 --> 00:07:13,930 Þeir breytt merki þeirra í dag. 156 00:07:13,930 --> 00:07:20,200 En á ef ég skruna niður allt hér, taka að samkvæmt Elements, sjá þig 157 00:07:20,200 --> 00:07:23,460 hvað heitir HTML, HyperText Markup Tungumál, og þetta er tungumálið 158 00:07:23,460 --> 00:07:26,000 að þessu og allar vefsíður, raun, það er ritað inn 159 00:07:26,000 --> 00:07:28,950 En það er í raun sniðin fyrir okkur svo miklu meira readably 160 00:07:28,950 --> 00:07:29,970 en það er venjulega. 161 00:07:29,970 --> 00:07:34,810 Í staðreynd, ef ég súmma út, og ég í staðinn Réttlátur réttur smellur eða stjórna Smelltu 162 00:07:34,810 --> 00:07:39,630 smelltu á síðunni, og þá fara í View Page Source, þetta er bókstaflega það sem 163 00:07:39,630 --> 00:07:42,150 Google sendi niður vafranum mínum. 164 00:07:42,150 --> 00:07:46,480 >> Svo sumir einstaklingur eða einstaklingar skrifaði Google.com nota kóðann. 165 00:07:46,480 --> 00:07:47,790 Flest af þessu er ekki HTML. 166 00:07:47,790 --> 00:07:49,340 Það er í raun tungumál kallast JavaScript, sem 167 00:07:49,340 --> 00:07:50,880 við munum koma til á miðvikudag. 168 00:07:50,880 --> 00:07:55,580 En hvað Chrome, og það sem sérhver vafra getur gert fyrir okkur, er eins konar sjá 169 00:07:55,580 --> 00:07:59,610 framhjá öllum truflun á að brjálaður setningafræði, og Stingdu hvítt rúm 170 00:07:59,610 --> 00:08:02,940 fyrir okkur, og jafnvel setningafræði hápunktur, eða colorize hlutina fyrir okkur. 171 00:08:02,940 --> 00:08:06,470 Svo þú munt komast að því að þessir svokölluðu verktaki tæki byggt inn vafra 172 00:08:06,470 --> 00:08:10,830 mun gera líf þitt svo, svo mikið auðveldara vegna þess að þú getur kannað, með þessari valmynd 173 00:08:10,830 --> 00:08:13,940 tengi, nákvæmlega hvað undirliggjandi Kóðinn er fyrir 174 00:08:13,940 --> 00:08:15,750 hvaða síðu á netinu. 175 00:08:15,750 --> 00:08:19,070 Og reyndar, þetta er eitt af mest árangursríkar leiðir til að læra hvernig á að gera 176 00:08:19,070 --> 00:08:22,860 eitthvað nýtt, amk ef síðan er ekki svo flókið að yfirbuga, er 177 00:08:22,860 --> 00:08:26,700 að byrja poking kringum það er HTML, líta á svokölluðu CSS þess, sem við munum koma 178 00:08:26,700 --> 00:08:30,310 til hluti eins og heilbrigður, til að fá skilning á hvernig þessi forritari 179 00:08:30,310 --> 00:08:33,480 framkvæmda sumir einkum lögun á síðunni. 180 00:08:33,480 --> 00:08:36,530 >> En meira tæknilega áhugavert hægri nú það er að fara að vera svona. 181 00:08:36,530 --> 00:08:39,429 Ef ég fer til Network flipanum, skulum nú ljóst þetta. 182 00:08:39,429 --> 00:08:43,429 Ég ætla að smella á litla yfir tákni hér, og þá 183 00:08:43,429 --> 00:08:45,630 fara í annan vef. 184 00:08:45,630 --> 00:08:48,430 Og ég ætla bara að fara að slá í Facebook.com. 185 00:08:48,430 --> 00:08:51,940 Nei HTTP, ekki HTTPS, ekki WWW. 186 00:08:51,940 --> 00:08:53,850 Við skulum sjá í raun hvað gerist hér. 187 00:08:53,850 --> 00:08:55,030 >> Enter. 188 00:08:55,030 --> 00:08:58,480 Nú taka a heild búnt af efni bara birtist í þessari botn spjaldið, í 189 00:08:58,480 --> 00:09:00,285 viðbót við vefsíðu birtast í efst. 190 00:09:00,285 --> 00:09:04,890 Ég ætla að fletta aftur upp í Network flipanum hér, og ég ætla að 191 00:09:04,890 --> 00:09:06,080 smella á fyrstu röð. 192 00:09:06,080 --> 00:09:10,580 Hvað þetta tól er að fara að sýna okkur er hver og einn af the HTTP beiðnir 193 00:09:10,580 --> 00:09:13,550 sem hratt bara fór aftur og fram milli vafrinn minn 194 00:09:13,550 --> 00:09:14,930 og Facebook miðlara. 195 00:09:14,930 --> 00:09:17,830 Og svo hver og einn af þeim röðum er ein slík beiðni eða 196 00:09:17,830 --> 00:09:20,970 svar, eitt eða fleiri af þá raunverulegur umslag. 197 00:09:20,970 --> 00:09:24,080 Eða meira frjálslegur, það er eins og maður eins og maður, sem viðskiptavinur í 198 00:09:24,080 --> 00:09:26,710 veitingastaður, biðja um eitthvað aftur, og aftur, og aftur. 199 00:09:26,710 --> 00:09:29,400 Og þjóninn heldur uppeldi það aftur einn í einu. 200 00:09:29,400 --> 00:09:33,850 >> Svo nú, ef ég zoom í á þessu, taka og þetta mun vera svoleiðis 201 00:09:33,850 --> 00:09:36,600 að þú ert velkomin til og hvatt til að spila með á eigin spýtur, vegna þess að við 202 00:09:36,600 --> 00:09:38,150 mun ekki fara í gegnum allt í smáatriðum. 203 00:09:38,150 --> 00:09:40,070 En taka það er fáir undir flipa hér - 204 00:09:40,070 --> 00:09:43,700 Hausum, forsýning, svar, Kex og tímasetning. 205 00:09:43,700 --> 00:09:48,280 Ég ætla bara að fara að horfa á haus nú vegna þess að þetta eru lítið 206 00:09:48,280 --> 00:09:53,600 innihaldsefni inni í umslag sem hjálpa gögn fá til og frá stöðum. 207 00:09:53,600 --> 00:09:57,590 >> Svo fyrst, láta mig smellur þetta, Skoða Heimild hliðina Beiðni hausar. 208 00:09:57,590 --> 00:10:01,910 Það er óskað eftir því að vafrinn minn, Króm, í þessu tilfelli, sendir inni 209 00:10:01,910 --> 00:10:02,910 að raunverulegur umslag. 210 00:10:02,910 --> 00:10:04,800 Þú munt muna í síðustu viku I handvirkt slegið það en 211 00:10:04,800 --> 00:10:06,380 þykjast vera vafra. 212 00:10:06,380 --> 00:10:09,980 Þá minnti þjóninn sem það er leita fyrir vélina kallast 213 00:10:09,980 --> 00:10:10,835 Facebook.com. 214 00:10:10,835 --> 00:10:13,630 Og þá er það aðeins meira Bogagöng upplýsingar sem við munum veifa 215 00:10:13,630 --> 00:10:14,830 hendur okkar fyrir nú. 216 00:10:14,830 --> 00:10:18,640 >> En ef ég byrja að fletta niður nú í Þessi gluggi, láttu mig fá til 217 00:10:18,640 --> 00:10:19,980 svar hausum. 218 00:10:19,980 --> 00:10:23,270 Þetta var það sem er í the raunverulegur umslag sem kom til baka frá 219 00:10:23,270 --> 00:10:24,095 Facebook.com. 220 00:10:24,095 --> 00:10:27,390 Og ef ég smelli Skoða Source bara að sjá hrár texti af henni, 221 00:10:27,390 --> 00:10:28,400 taka nokkra hluti. 222 00:10:28,400 --> 00:10:32,130 Einn, Facebook talar sama siðareglur, útgáfa 1.1 gr. 223 00:10:32,130 --> 00:10:33,390 Svo er það gott. 224 00:10:33,390 --> 00:10:36,820 En stöðukóði 301, flutti til frambúðar. 225 00:10:36,820 --> 00:10:38,880 >> Jæja, þar sem Heck gerði Facebook fara? 226 00:10:38,880 --> 00:10:40,430 Hvað er þetta að reyna að segja okkur? 227 00:10:40,430 --> 00:10:44,310 Jæja, taka niður hér það er annað haus heitir Location. 228 00:10:44,310 --> 00:10:51,050 Svo hvers vegna er Facebook segja mér að þeir flutti varanlega til að vefslóð 229 00:10:51,050 --> 00:10:53,580 við hliðina á staðsetning? 230 00:10:53,580 --> 00:10:54,962 Ég gleymdi www. 231 00:10:54,962 --> 00:10:56,250 >> Svo það var val mitt. 232 00:10:56,250 --> 00:11:00,450 Í staðreynd, flestir af okkur sjaldan, líklega, slá www.whatever.com þessa dagana. 233 00:11:00,450 --> 00:11:03,390 En það kemur út kerfisstjóra, eins er Facebook, getum 234 00:11:03,390 --> 00:11:06,800 stilla netþjónum sínum á þann hátt sem ýmist Facebook.com virkar, eða 235 00:11:06,800 --> 00:11:12,450 www.Facebook.com virkar, eða, í raun, allir svo forskeyti fyrir framan þeirra 236 00:11:12,450 --> 00:11:13,210 lén. 237 00:11:13,210 --> 00:11:14,500 Svo þeir hafa gert það fyrir okkur. 238 00:11:14,500 --> 00:11:16,910 Og þeir eru Áframsendi okkur, sennilega fyrir einhverja tæknilega, 239 00:11:16,910 --> 00:11:18,100 sumir markaðssetningu ástæðum. 240 00:11:18,100 --> 00:11:21,570 Þeir vilja bara að canonicalize á www.Facebook.com. 241 00:11:21,570 --> 00:11:24,040 >> En það er ekki alveg það. 242 00:11:24,040 --> 00:11:28,560 Ef ég skruna niður hér, við skulum sjá hvað gerist. 243 00:11:28,560 --> 00:11:30,810 Þetta er að segja mér að við flutti varanlega til 244 00:11:30,810 --> 00:11:33,450 http://www.Facebook.com. 245 00:11:33,450 --> 00:11:36,620 Svo skulum líta á seinni beiðni að vafrinn minn sendir. 246 00:11:36,620 --> 00:11:40,070 Því miður lítur það eins og Facebook hefur flutt aftur, þar sem annað 247 00:11:40,070 --> 00:11:44,420 beiðni, með því að velja þessi slóð í staðinn, segir það líka, flutti 248 00:11:44,420 --> 00:11:45,010 varanlega. 249 00:11:45,010 --> 00:11:48,140 Og láta mig fletta niður hér við svörun haus. 250 00:11:48,140 --> 00:11:51,530 Hvar hefur Facebook farið núna? 251 00:11:51,530 --> 00:11:52,680 >> Svo HTTPS. 252 00:11:52,680 --> 00:11:56,130 Svo nú Facebook hefur byrjað, sérstaklega í ljósi núverandi 253 00:11:56,130 --> 00:11:59,750 atburðir síðustu mánaða, einkum og einnig í the fortíð par af ár 254 00:11:59,750 --> 00:12:03,670 að neyða alla notendur sína, í góðu leið, til að nota HTTPS, sem er meira 255 00:12:03,670 --> 00:12:06,210 tryggja, þó ekki alveg örugg. 256 00:12:06,210 --> 00:12:10,000 Og svo nú síðuna mína, vafrinn minn er að fara að biðja þetta þriðja vefslóð. 257 00:12:10,000 --> 00:12:14,710 Og nú, loksins, fáum við annars óséður 200 lagi. 258 00:12:14,710 --> 00:12:18,830 >> Svo hvað er í heiminum eða öll þessar aðrar raðir niður hér. 259 00:12:18,830 --> 00:12:22,630 Ég gafst bókstaflega eitt, og mín Vafrinn virðist hafa beðið um eins 260 00:12:22,630 --> 00:12:23,840 20 sumir stakur hlutur. 261 00:12:23,840 --> 00:12:24,640 Hvað er það? 262 00:12:24,640 --> 00:12:25,810 >> Áhorfendur: Scripts? 263 00:12:25,810 --> 00:12:28,460 >> Ræðumaður 1: Scripts, svo aðrar skrár skrifað á tungumáli sem heitir 264 00:12:28,460 --> 00:12:30,780 JavaScript, sem, aftur, munum við sjá smá á miðvikudag. 265 00:12:30,780 --> 00:12:32,760 Hvað annað? 266 00:12:32,760 --> 00:12:33,390 Stílblöð. 267 00:12:33,390 --> 00:12:36,350 Svo eitthvað á tungumáli sem heitir CSS, sem við munum sjá í smá. 268 00:12:36,350 --> 00:12:40,690 Hreyfimyndir og JPEG, og PNGs og myndir, og bíómynd skrá - hvað er vefur blaðsíða 269 00:12:40,690 --> 00:12:43,280 hefur er líklega í formi skrá. 270 00:12:43,280 --> 00:12:46,750 Og svo hvað við erum að sjá á vinstri hönd hlið er allar skrár 271 00:12:46,750 --> 00:12:50,280 að Chrome þurfti að sækja, endurkvæmur, ef þú vilt, til að 272 00:12:50,280 --> 00:12:52,430 semja heild á síðunni. 273 00:12:52,430 --> 00:12:56,210 >> Svo það sem við sáum í smá stund síðan við Google, ef ég smelli á þá þætti 274 00:12:56,210 --> 00:13:00,470 flipann, þetta, viss, er HTML, the tungumál sem semur þessa síðu. 275 00:13:00,470 --> 00:13:01,890 En það er bunches af öðrum hlutum. 276 00:13:01,890 --> 00:13:02,640 Það er merki. 277 00:13:02,640 --> 00:13:04,680 Það er þá blá-ish tákn þarna. 278 00:13:04,680 --> 00:13:07,610 Og það er önnur atriði enn á síðan sem sjálfir gætu verið 279 00:13:07,610 --> 00:13:08,610 sérstakar skrár. 280 00:13:08,610 --> 00:13:11,860 >> Svo er það gott um vafra er að það lítur á tungumálinu sem við erum að fara 281 00:13:11,860 --> 00:13:14,690 að byrja að skrifa, eða þú hefur þegar byrjaði að skrifa í P setja 7, tölur 282 00:13:14,690 --> 00:13:17,970 út hvar þessir skrá lifa og fer og grípur þá eins vel. 283 00:13:17,970 --> 00:13:21,010 Og ég get ekki leggja áherslu nóg, jafnvel þótt eitthvað af þessu getur litið svolítið 284 00:13:21,010 --> 00:13:24,820 Bogagöng eða yfirþyrmandi við fyrstu sýn, læra hvernig á að forrita 285 00:13:24,820 --> 00:13:28,500 umsóknir um vefinn, það er ómetanlegt að skilja hvernig þessi 286 00:13:28,500 --> 00:13:29,410 litlu tæki vinna. 287 00:13:29,410 --> 00:13:33,830 Þetta eru tegund af eins gdb eins verkfæri, en miklu einfaldara að lokum, til að nota - 288 00:13:33,830 --> 00:13:37,690 og raunverulega gefur þér augun í það við höfum verið að taka sem sjálfsögðum hlut að 289 00:13:37,690 --> 00:13:39,170 alveg sumir tími nú. 290 00:13:39,170 --> 00:13:42,270 >> Og hvað getum við gert núna með þessar upplýsingar? 291 00:13:42,270 --> 00:13:44,875 Jæja, við skulum raunverulega taka a líta á þær hugmyndir undirliggjandi HTML. 292 00:13:44,875 --> 00:13:49,025 Og við munum fresta, eins og við höfum nú þegar, að Dæmatímar þessa viku, til vandamál 293 00:13:49,025 --> 00:13:53,260 setja 7 forskrift, að sumir af the fleiri Upplýsingarnar í þessum tungumálum. 294 00:13:53,260 --> 00:13:57,020 En við skulum sjá hvort við getum ekki mála mynd af því sem þú ættir að skilja 295 00:13:57,020 --> 00:13:57,940 heild hér. 296 00:13:57,940 --> 00:14:02,280 >> Svo HTML, HyperText Markup Language, er ekki forritunarmál. 297 00:14:02,280 --> 00:14:03,520 Hvað þýðir það í raun? 298 00:14:03,520 --> 00:14:05,690 Svo lítur HTML svona. 299 00:14:05,690 --> 00:14:06,810 Og sum ykkar vita nú þegar þetta. 300 00:14:06,810 --> 00:14:08,130 Sum ykkar hafa verið að gera þetta um nokkurt skeið. 301 00:14:08,130 --> 00:14:10,270 En við skulum sjá hvort við getum ekki fyllt í sumum blanks eins vel. 302 00:14:10,270 --> 00:14:11,760 Svo taka a par af hlutum hér. 303 00:14:11,760 --> 00:14:13,030 Einn, það er bara texti. 304 00:14:13,030 --> 00:14:15,960 Svo er það bara eins frumkóða í C, eða einhver önnur tungumál. 305 00:14:15,960 --> 00:14:17,750 >> Eftir því að það virðist til að vera mynstur hér. 306 00:14:17,750 --> 00:14:20,870 Það er inndrátt, en tæknilega inndrátt er bara mannlegur 307 00:14:20,870 --> 00:14:21,205 samningur. 308 00:14:21,205 --> 00:14:24,980 A vafra ekki sama hvort það er nýtt línur og flipa eins og við sjá það. 309 00:14:24,980 --> 00:14:27,410 En eftir því að það er samhverfur hér. 310 00:14:27,410 --> 00:14:31,180 Það er það sem ég kalla, efst þessari skrá, opna tag, eða byrja 311 00:14:31,180 --> 00:14:33,030 tag, kallast HTML. 312 00:14:33,030 --> 00:14:36,800 Og þá, niðri, fullkomlega lína upp, mikið eins og við gerum með hrokkið axlabönd, 313 00:14:36,800 --> 00:14:40,910 sjáum opinn krappi, áfram rista, HTML, loka krappi. 314 00:14:40,910 --> 00:14:44,610 Svo er það samsvarandi loka tag, eða endir tag, fyrir þessi hlutur. 315 00:14:44,610 --> 00:14:47,990 >> Saman, allt inni við svokölluð opin tag og loka merki 316 00:14:47,990 --> 00:14:50,440 yrkja það sem við munum kalla stak. 317 00:14:50,440 --> 00:14:53,910 Og við munum sjá, á aðeins augnablik, það er raun eins hnút í a tré. 318 00:14:53,910 --> 00:14:57,470 Vegna þess að ef þú hugsar um nú inndrátt sem er gefið í skyn hér, þú 319 00:14:57,470 --> 00:15:00,780 konar hafa, eins og, a afa hnút kallast HTML. 320 00:15:00,780 --> 00:15:06,870 Hversu mörg börn þú gætir sagt, byggt á þessari mynd, HTML þátturinn hefur? 321 00:15:06,870 --> 00:15:07,720 >> Svo sennilega tvö. 322 00:15:07,720 --> 00:15:10,240 Eitt er höfuð þáttur, greinilega. 323 00:15:10,240 --> 00:15:11,710 Og eitt er líkami þáttur. 324 00:15:11,710 --> 00:15:12,555 Og hvers vegna tvö börn? 325 00:15:12,555 --> 00:15:15,840 Jæja, ég er bara svona inferring að ef Ég er með opinn höfuð tag og þá 326 00:15:15,840 --> 00:15:17,820 loka höfuð tag, sem er stak. 327 00:15:17,820 --> 00:15:21,200 Og þá, ef það er annar opinn líkami tag og náinn líkami tag, það er eins og 328 00:15:21,200 --> 00:15:22,340 annar þáttur. 329 00:15:22,340 --> 00:15:26,000 Svo í þeim skilningi að ef ég konar snúning myndin á hlið, það er 330 00:15:26,000 --> 00:15:29,910 eins og að hafa HTML tag, og þá höfuð tag, og þá líkama tag, og 331 00:15:29,910 --> 00:15:34,290 þá einhver texti, halló heimur, hangandi burt af líkamanum tag sig. 332 00:15:34,290 --> 00:15:36,620 >> Svo við getum teiknað mynd sem gæti litið svona út. 333 00:15:36,620 --> 00:15:38,020 The form eru handahófskennt. 334 00:15:38,020 --> 00:15:40,870 En eftir því sem ég hef notað svona sem Sporbaugur efst til að tákna 335 00:15:40,870 --> 00:15:41,860 skjalinu sjálfu. 336 00:15:41,860 --> 00:15:45,980 Það kemur í ljós að það geta verið önnur efni inni á vefsíðu sem ég hef ekki 337 00:15:45,980 --> 00:15:46,940 dregin hér. 338 00:15:46,940 --> 00:15:50,800 Þannig að við erum að fara að jafnvel hanga HTML hnút burt af svokölluðu skjal hnút. 339 00:15:50,800 --> 00:15:53,730 Og þá höfum við höfuð og líkami og titill, tilkynning, 340 00:15:53,730 --> 00:15:55,360 sem er hreiður frekar. 341 00:15:55,360 --> 00:15:58,650 Ég vissi ekki að nenna að setja frekari línu hlé inni í titli merkinu. 342 00:15:58,650 --> 00:16:02,710 Það var bara eins og það var að fá aðeins of fjölorður. 343 00:16:02,710 --> 00:16:07,000 Svo ég fór það í einni línu þar, með opinn titill, halló heimur, loka titill. 344 00:16:07,000 --> 00:16:09,380 Og þá höfum við texta Dingla burt héðan. 345 00:16:09,380 --> 00:16:12,200 >> Svo þessari mynd mun koma aftur til okkur þegar við kafa inn JavaScript. 346 00:16:12,200 --> 00:16:15,110 Og skilningur að þegar þú skrifa HTML eins og þetta, hvað 347 00:16:15,110 --> 00:16:16,250 er a flettitæki gera? 348 00:16:16,250 --> 00:16:19,290 Jæja, eigum við ekki að hafa áhyggjur hvernig það er að gera þetta, eða með hvaða 349 00:16:19,290 --> 00:16:23,090 algrím, en í lok dagsins, þegar vafrinn fær HTML eins 350 00:16:23,090 --> 00:16:27,510 að frá Facebook eða Google, flokka það það, svo að segja, það les það, 351 00:16:27,510 --> 00:16:31,160 með eitthvað eins fread, efst til botn, vinstri til hægri, og eins og það 352 00:16:31,160 --> 00:16:36,300 áttar, ó, opinn tag, og svo loka tag, byrjar hann að malloc, svo að segja, 353 00:16:36,300 --> 00:16:37,800 hnút í tré. 354 00:16:37,800 --> 00:16:41,130 Og þegar það kynni, sem við höfum gefið í skyn hér með skerðing, sem 355 00:16:41,130 --> 00:16:45,400 barn hnút, mallocs það tengipunktur fyrir að og fylgir því að trénu. 356 00:16:45,400 --> 00:16:49,150 >> Svo tré mannvirki, tvöfaldur tré, ternary tré og stærri tré, sem 357 00:16:49,150 --> 00:16:53,380 Við leit á viku eða tvær síðan, tilkynning að sama lögmál er 358 00:16:53,380 --> 00:16:54,220 koma aftur til okkar. 359 00:16:54,220 --> 00:16:57,590 Og hver framkvæmd, Króm hvað Liðið gerði það, væntanlega hafði 360 00:16:57,590 --> 00:17:00,800 að framkvæma einhvers konar uppbyggingu tré undir hetta. 361 00:17:00,800 --> 00:17:05,329 Og það sjálft er líklega í mál eins og C, eða C + +, eða lægri 362 00:17:05,329 --> 00:17:08,540 láréttur flötur tungumál sem við munum nú nota topp vefnum. 363 00:17:08,540 --> 00:17:11,200 >> Svo nú, kannski, þetta mun gera meira vit. 364 00:17:11,200 --> 00:17:15,420 Raunveruleg tattoo frá einhverjum gaur sem gæti sjá eftir því á endanum, eins konar. 365 00:17:15,420 --> 00:17:17,359 OK, allt í lagi, svo mikið af húmor vefnum. 366 00:17:17,359 --> 00:17:18,599 Það er í raun ekki að fara yfir svo vel í dag. 367 00:17:18,599 --> 00:17:19,560 Þannig að við munum fara áfram. 368 00:17:19,560 --> 00:17:20,180 Allt í lagi. 369 00:17:20,180 --> 00:17:22,760 >> Þannig að við skulum taka a líta nú á nokkur dæmi. 370 00:17:22,760 --> 00:17:24,660 Einfaldasta hægt hlutur gæti verið þetta. 371 00:17:24,660 --> 00:17:29,170 Ég ætla að fara á undan og opna upp í gedit til skrá sem kallast hello.php. 372 00:17:29,170 --> 00:17:31,730 373 00:17:31,730 --> 00:17:36,330 Og inni hér, ég er að fara til fljótt bara gera þetta, printf, vitna 374 00:17:36,330 --> 00:17:38,590 Unquote, "halló heimur." 375 00:17:38,590 --> 00:17:42,460 >> Svo tilkynning, og ég skal gera sviga n minn, Ég hef ekki nenni að lýsa helstu. 376 00:17:42,460 --> 00:17:45,310 Það kemur í ljós, í php, og a einhver fjöldi af tungumál, þú þarft ekki að helstu 377 00:17:45,310 --> 00:17:46,090 virka í sjálfu sér. 378 00:17:46,090 --> 00:17:47,720 Þú getur bara byrjað að skrifa program. 379 00:17:47,720 --> 00:17:51,210 Nú, þegar ég vista þessa skrá, eftir ég er fara til verða að gera eftirfarandi. 380 00:17:51,210 --> 00:17:55,360 Ég ætla ekki að nota gera, og ég er ekki fara að nota clang vegna PHP, ólíkt 381 00:17:55,360 --> 00:17:57,400 C, er ekki tekið saman mál. 382 00:17:57,400 --> 00:18:01,400 Það er það sem er kallað túlka tungumál, sem þýðir að þú keyrir það 383 00:18:01,400 --> 00:18:04,650 sem inntak í gegnum annað forrit kallað túlk. 384 00:18:04,650 --> 00:18:08,150 Og það forritið les það, efst til botn, vinstri til hægri, og gerir 385 00:18:08,150 --> 00:18:09,290 hvað sem þú segir að hún geri. 386 00:18:09,290 --> 00:18:12,920 >> Svo í þessu tilfelli hér er ég ein lína sem segir printf. 387 00:18:12,920 --> 00:18:17,990 Svo þegar ég keyra þessa kóðann, hello.php, þó forrit sem 388 00:18:17,990 --> 00:18:22,830 gerist, þægilegur, til að kalla PHP, þessi forrit PHP er að fara að lesa 389 00:18:22,830 --> 00:18:26,120 þessi skrá, toppur til botn, vinstri til hægri, og það er að fara að gera það sem ég 390 00:18:26,120 --> 00:18:30,110 segja það að gera - framkvæmd kóða, og ef það er ekki viðurkenna eitthvað, bara 391 00:18:30,110 --> 00:18:31,320 spúandi það út. 392 00:18:31,320 --> 00:18:34,940 Þannig að ég ætla að fara á undan og keyra PHP á hello.php. 393 00:18:34,940 --> 00:18:37,110 Enter. 394 00:18:37,110 --> 00:18:39,690 >> Og það er ekki alveg það sem ég ætlaði. 395 00:18:39,690 --> 00:18:40,530 Ja, hvers vegna er það? 396 00:18:40,530 --> 00:18:43,910 Jæja, PHP er tungumál sem er í raun hannað til að vera nokkuð 397 00:18:43,910 --> 00:18:46,150 samtvinnuð með vefnum. 398 00:18:46,150 --> 00:18:50,460 Þegar gera vefsíður með þessu tungumáli PHP, eins og við munum fljótlega sjá, munum við 399 00:18:50,460 --> 00:18:54,560 langar að gera eitthvað eins og prentun út línur eins og þetta. 400 00:18:54,560 --> 00:18:55,940 >> Þannig að ég ætla að gera þetta. 401 00:18:55,940 --> 00:19:00,810 Opin krappi, spurningarmerki, PHP, og núna er ég bara að fara undirlið bara að halda 402 00:19:00,810 --> 00:19:01,960 það nice. 403 00:19:01,960 --> 00:19:04,910 Og nú ætla ég að gera með spurningu merkja loka krappi. 404 00:19:04,910 --> 00:19:06,270 Þannig að það er hluti af asymmetry hér. 405 00:19:06,270 --> 00:19:07,490 Þú gerir það ekki þetta. 406 00:19:07,490 --> 00:19:10,530 Og þú gerir það ekki skástrik, svo PHP er svolítið öðruvísi. 407 00:19:10,530 --> 00:19:14,610 >> En nú, ef ég endursýning þetta forrit, PHP hello.php, nú ég 408 00:19:14,610 --> 00:19:16,090 reyndar fá Hello World. 409 00:19:16,090 --> 00:19:17,750 Og við munum sjá hvers vegna þetta er mikilvægt. 410 00:19:17,750 --> 00:19:20,960 Einn, það gerir mig að tilgreina, frábær skýrt, þetta er 411 00:19:20,960 --> 00:19:22,480 kóða, framkvæma þetta. 412 00:19:22,480 --> 00:19:25,480 Og það er örugglega það sem þessir sérstök merki til kynna hér. 413 00:19:25,480 --> 00:19:30,330 >> En það þýðir líka að ef ég bara eitthvað eins og ég miða hérna, sem 414 00:19:30,330 --> 00:19:34,000 þýðir að bókstaflega, sem mun bara að prenta út án þess að þurfa að 415 00:19:34,000 --> 00:19:36,850 reyndar kalla printf eða prenta, eða svipuð aðgerð. 416 00:19:36,850 --> 00:19:39,445 Þannig að við munum koma aftur til að á aðeins augnablik. 417 00:19:39,445 --> 00:19:40,470 >> Fyrst, við skulum gera þetta. 418 00:19:40,470 --> 00:19:43,950 Inni í tækinu, höfum við skrá sem kallast Vhosts, fyrir raunverulegur 419 00:19:43,950 --> 00:19:47,000 vélar, rista heimamaður gestgjafi, rista almennings. 420 00:19:47,000 --> 00:19:50,240 Svo það er dálítið fjölorður, en löng saga stutt er tæki hannað 421 00:19:50,240 --> 00:19:53,770 aðeins að styðja C. Það er líka hönnuð til að styðja PHP. 422 00:19:53,770 --> 00:19:57,440 En það er einnig hannað til að vera vefur miðlara og gagnasafn framreiðslumaður. 423 00:19:57,440 --> 00:20:00,230 Og það er af ásettu ráði, og sannarlega stillt, að vera minnir allir 424 00:20:00,230 --> 00:20:04,230 auglýsing vefþjónusta fyrirtæki sem þú gætir borga $ 5 á mánuði fyrir, 425 00:20:04,230 --> 00:20:05,040 $ 100 á mánuði fyrir. 426 00:20:05,040 --> 00:20:08,200 Hvað sem þjónustan er, það er stillt til að vera mjög svipuð og á 427 00:20:08,200 --> 00:20:10,170 raunverulega heimi framleiðslu miðlara. 428 00:20:10,170 --> 00:20:13,485 >> Og hvað það þýðir er að keyra á tækið er vefur framreiðslumaður hugbúnaður. 429 00:20:13,485 --> 00:20:15,060 Það gerist að vera kölluð Apache. 430 00:20:15,060 --> 00:20:17,790 Það er bara frjáls og opinn uppspretta, og mjög vinsæll. 431 00:20:17,790 --> 00:20:23,260 Og við höfum stillt Apache að vita að ef ég fer á ákveðna vefslóð, með 432 00:20:23,260 --> 00:20:28,060 Króm eða vafra inni á tæki, til að líta inn í þessa möppu 433 00:20:28,060 --> 00:20:31,030 fyrir skrárnar sem notandi biður. 434 00:20:31,030 --> 00:20:32,790 >> Með öðrum orðum, láta mig fara á undan og gera þetta. 435 00:20:32,790 --> 00:20:36,890 Inni opinberra skrá minn, ég er að fara að fara á undan og búa til skrá 436 00:20:36,890 --> 00:20:39,580 heitir index.html. 437 00:20:39,580 --> 00:20:41,000 Það gefur mér flipann hér. 438 00:20:41,000 --> 00:20:44,210 Og ég ætla að fara mjög fljótt og fara á undan og Bang út 439 00:20:44,210 --> 00:20:45,010 þetta forrit hér. 440 00:20:45,010 --> 00:20:48,410 DOCTYPE HTML, sem nú, bara ráð fyrir að þú þarft að slá. 441 00:20:48,410 --> 00:20:53,490 Það er bara yfirnáttúrulegt tag, það er ekki sannarlega HTML tag, sem tilgreinir að 442 00:20:53,490 --> 00:20:55,050 hér kemur nokkrar HTML. 443 00:20:55,050 --> 00:20:57,400 >> Ég ætla að fara á undan og endurskapa það sem við sáum í smá stund síðan. 444 00:20:57,400 --> 00:20:58,650 Hér er yfirmaður síðunni. 445 00:20:58,650 --> 00:21:01,170 Inside á höfði var the - 446 00:21:01,170 --> 00:21:01,890 svo titil. 447 00:21:01,890 --> 00:21:04,340 Þannig að við munum segja halló, heimur. 448 00:21:04,340 --> 00:21:06,570 Og svo niður hér var líkami tag. 449 00:21:06,570 --> 00:21:08,580 Leyfðu mér að loka líkama tag. 450 00:21:08,580 --> 00:21:12,280 Og svo hér ég líka segja, bara fyrir skýrleika, halló heimur. 451 00:21:12,280 --> 00:21:14,770 >> Svo er þetta að öllum líkindum, einfaldasta mögulegt vefsíðu sem þú 452 00:21:14,770 --> 00:21:15,770 getur gert það er í gildi. 453 00:21:15,770 --> 00:21:17,030 Það er setningafræðilega gild. 454 00:21:17,030 --> 00:21:18,620 Allt sem er opnað er lokað. 455 00:21:18,620 --> 00:21:20,910 Allt er vel í stíll og grafin. 456 00:21:20,910 --> 00:21:23,600 Svo skulum sjá nú hvernig ég getur komist í þessa skrá. 457 00:21:23,600 --> 00:21:25,540 >> Jæja, láttu mig fara til Króm hér. 458 00:21:25,540 --> 00:21:35,050 Og láta mig fara http://localhost/index.html. 459 00:21:35,050 --> 00:21:36,200 Svo er það heimamaður gestgjafi? 460 00:21:36,200 --> 00:21:39,400 Jæja, flest allir tölva í heiminum, Linux, Mac OS, Windows, hefur gælunafn 461 00:21:39,400 --> 00:21:40,680 kallast heimamaður gestgjafi. 462 00:21:40,680 --> 00:21:42,900 Svo ef þú vilt alltaf að tala til eigin tölvu - 463 00:21:42,900 --> 00:21:45,140 vísu einkennilega reflexively - 464 00:21:45,140 --> 00:21:47,080 þú kallar þig heimamaður gestgjafi. 465 00:21:47,080 --> 00:21:50,390 Sama hvað raunverulegur tölva er kallað, hvort sem það er Davíðs MacBook 466 00:21:50,390 --> 00:21:52,490 Loft, eða eitthvað meira fjölorður svona. 467 00:21:52,490 --> 00:21:57,760 >> Þannig að þetta URL er víst að fara að nota HTTP að tala til the heimamaður gestgjafi, 468 00:21:57,760 --> 00:22:00,800 sama tölva, tæki, og það er að fara að biðja um, bara taka 469 00:22:00,800 --> 00:22:02,570 giska, hvaða skrá? 470 00:22:02,570 --> 00:22:04,460 Index.html. 471 00:22:04,460 --> 00:22:08,650 Svo tæki hefur verið sett í fara að vita að ef ég er að biðja 472 00:22:08,650 --> 00:22:13,460 fyrir eitthvað eins index.html, leita í möppu sem kallast Vhosts, í 473 00:22:13,460 --> 00:22:17,950 mappa sem heitir localhost, í möppu þar heitir opinber. 474 00:22:17,950 --> 00:22:20,400 Það er þar sem allar almennings minn skrár eru að fara til vera. 475 00:22:20,400 --> 00:22:22,610 Þannig að ég ætla nú að fara að ýta á Enter. 476 00:22:22,610 --> 00:22:27,100 >> Og fjandinn, það er að bannað skilaboð, annars þekkt sem 403, the 477 00:22:27,100 --> 00:22:28,490 tölustafir kóða fyrir það. 478 00:22:28,490 --> 00:22:30,130 Svo hvað er rangt hérna? 479 00:22:30,130 --> 00:22:33,210 Jæja, það er ekki nóg bara að setja skráin inni möppuna mína. 480 00:22:33,210 --> 00:22:35,790 Ég þarf að raunverulega gera eftirfarandi. 481 00:22:35,790 --> 00:22:40,210 >> Leyfðu mér að fara inn Vhosts skrá minn, í localhost, til almennings, og láta 482 00:22:40,210 --> 00:22:41,680 mér að gera LS þjóta l. 483 00:22:41,680 --> 00:22:44,510 Og það er nokkur önnur atriði hér fyrir tilgangi í dag. 484 00:22:44,510 --> 00:22:50,540 En taka á vinstri hönd hlið, við hliðina til index.html, sjáum við aðeins eina RW. 485 00:22:50,540 --> 00:22:53,560 Og í fortíðinni, hvað hefur RW stóð fyrir? 486 00:22:53,560 --> 00:22:54,240 >> Bara að lesa eða skrifa. 487 00:22:54,240 --> 00:22:58,000 Sú staðreynd að það segir RW ​​á vinstri þýðir að ég, eigandi af þessari skrá, getur 488 00:22:58,000 --> 00:22:59,020 lesa eða skrifa það. 489 00:22:59,020 --> 00:23:05,010 En ég þarf að láta öllum í Heimurinn lesa þetta, þó ekki skrifa það. 490 00:23:05,010 --> 00:23:09,650 Þannig að ég ætla að breyta stillingu á skrá, chmod, allt plús r að gefa 491 00:23:09,650 --> 00:23:13,910 allir lesa leyfi á skrá sem heitir index.html. 492 00:23:13,910 --> 00:23:18,040 >> Og ef ég nú Endurrita LS þjóta l tilkynning að hérna, sumir meira 493 00:23:18,040 --> 00:23:19,160 Er R hafa smella upp. 494 00:23:19,160 --> 00:23:21,090 Og fyrir nú, sérstakur fer inn í fleiri smáatriði. 495 00:23:21,090 --> 00:23:24,450 Fyrir P setja 7, sem þýðir bara alla geta nú lesið þessa skrá. 496 00:23:24,450 --> 00:23:27,790 Ef ég fer aftur í vafranum mínum nú og endurhlaða, voila. 497 00:23:27,790 --> 00:23:28,750 Halló heimur. 498 00:23:28,750 --> 00:23:32,260 >> Og ég get jafnvel opna Chrome verkfæri mín og sjá, rétt eins og hjá Google og 499 00:23:32,260 --> 00:23:34,590 Facebook að það er HTML minn, sniðinn smá 500 00:23:34,590 --> 00:23:35,930 öðruvísi og colorized. 501 00:23:35,930 --> 00:23:40,450 Ef ég fer á net flipann og endurhlaða á síðunni, eftir því að það er að fá 502 00:23:40,450 --> 00:23:42,900 farið fram á að Chrome er að senda á tækið. 503 00:23:42,900 --> 00:23:46,020 Það er 200 fyrir það einkum skrá. 504 00:23:46,020 --> 00:23:49,340 Svo í stuttu máli, þetta er hvernig allt þetta ýmsir stykki koma saman. 505 00:23:49,340 --> 00:23:53,530 Það gerist bara svo að vefur framreiðslumaður við erum að nota núna er ekki fjarlægur, 506 00:23:53,530 --> 00:23:54,210 eins og Facebook. 507 00:23:54,210 --> 00:23:58,330 Það er bókstaflega á sömu tölvu, sem er fullkomlega í lagi. 508 00:23:58,330 --> 00:24:00,590 >> Svo hvað meira getum við gert í vefsíðu? 509 00:24:00,590 --> 00:24:03,110 Jæja, bara, skulum gola í gegnum a par af þessum hlutum. 510 00:24:03,110 --> 00:24:07,860 En láta mig fara á undan og hefja Gedit með index.html. 511 00:24:07,860 --> 00:24:13,980 Og láta mig fara á undan og segja halló CS50, vista þessa skrá, að fara aftur til 512 00:24:13,980 --> 00:24:16,260 vafra, virkilega underwhelming breyting. 513 00:24:16,260 --> 00:24:19,130 >> En hvað ef við viljum raunverulega tengja við eitthvað núna? 514 00:24:19,130 --> 00:24:23,480 Svo kemur í ljós að við getum haft á hlekkur í HTML sem eru bara merki 515 00:24:23,480 --> 00:24:24,140 sjálfir. 516 00:24:24,140 --> 00:24:27,320 Það gerist að vera kölluð Akkerið. a href jafngildir 517 00:24:27,320 --> 00:24:33,190 https://www.cs50.net, www.cs50.net loka vitna, loka krappi. 518 00:24:33,190 --> 00:24:35,230 Og nú skulum sjá hvað annars kemur næst. 519 00:24:35,230 --> 00:24:36,500 >> Ég hef opnað merkið. 520 00:24:36,500 --> 00:24:38,990 Ég þarf nú að gefa það setningu eins CS50. 521 00:24:38,990 --> 00:24:40,600 Leyfðu mér að loka tag. 522 00:24:40,600 --> 00:24:42,010 Og taka nokkra hluti. 523 00:24:42,010 --> 00:24:45,270 Jafnvel þó að það er þetta dulinn hlutur Hér hef ég ekki endurtekið það þegar þú 524 00:24:45,270 --> 00:24:46,010 loka tag. 525 00:24:46,010 --> 00:24:48,230 Þú lokar bara merkið með nafni sínu eingöngu. 526 00:24:48,230 --> 00:24:50,940 Og þetta er það sem er þekktur sem eiginleiki með gildi. 527 00:24:50,940 --> 00:24:56,070 Eiginleiki breyta bara hegðun einhvers tag inni á síðunni. 528 00:24:56,070 --> 00:24:59,150 >> Þannig að þetta er tilgreint að há tilvísun, ímynda sér vegur af orðatiltæki sem 529 00:24:59,150 --> 00:25:03,660 URL fyrir þetta akkeri, fyrir þetta hlekkur ætti að vera CS50.net. 530 00:25:03,660 --> 00:25:07,440 Og textinn sem við viljum sýna notandi er ekki að hrár URL, heldur 531 00:25:07,440 --> 00:25:08,730 orðið CS50. 532 00:25:08,730 --> 00:25:13,710 >> Svo ef eg endurhlaða, láta mig zoom í fyrir skýrleika, láttu mig endurhlaða síðunni, 533 00:25:13,710 --> 00:25:16,460 eftir því að við höfum þetta gamla skóla blár undirstrikað hlekkur. 534 00:25:16,460 --> 00:25:20,000 Og ef ég sveima yfir það, og það er að fara að vera erfitt að sjá í botn vinstri 535 00:25:20,000 --> 00:25:23,690 hönd horn á skjánum, taka að það segir slóðina sem 536 00:25:23,690 --> 00:25:24,430 Ég ætla að fara. 537 00:25:24,430 --> 00:25:27,940 Og ef ég smelli það, voila, nú er ég að gera vefsíður. 538 00:25:27,940 --> 00:25:30,140 Og við höfum leitt okkur á heimasíðuna. 539 00:25:30,140 --> 00:25:32,670 >> En taka það sem hugsanlegir þetta býður okkur. 540 00:25:32,670 --> 00:25:34,890 Öryggi er mjög mikið í tísku þessa dagana. 541 00:25:34,890 --> 00:25:41,210 Hvað ef ég segi í staðinn eitthvað eins þetta, og ég fer í staðinn að segja, við skulum 542 00:25:41,210 --> 00:25:42,460 sjá, fakeCS50.net. 543 00:25:42,460 --> 00:25:44,660 544 00:25:44,660 --> 00:25:46,360 Uppfæra þessa síðu. 545 00:25:46,360 --> 00:25:50,180 >> OK, svo taka það lítur samt eins og ég er fara til CS50, nema astute augum 546 00:25:50,180 --> 00:25:51,560 mun taka ég ætla að falsa CS50. 547 00:25:51,560 --> 00:25:54,550 Ég giska þetta lén er ekki tekin. 548 00:25:54,550 --> 00:25:55,960 OK, svo það er ekki í boði. 549 00:25:55,960 --> 00:25:56,600 Svo er það gott. 550 00:25:56,600 --> 00:25:57,900 Enginn hefur í raun þessi ríki. 551 00:25:57,900 --> 00:26:00,380 >> En við skulum vera a lítill fleiri illgjarn því það er góður af heimskur. 552 00:26:00,380 --> 00:26:02,240 Hvað ef við breyta þessu við Paypal. 553 00:26:02,240 --> 00:26:09,960 Og hvað ef við köllum þetta, eins og, www.paypal.badguy.com, 554 00:26:09,960 --> 00:26:12,070 hvað lén er. 555 00:26:12,070 --> 00:26:13,700 Sem er til líklega. 556 00:26:13,700 --> 00:26:16,260 Svo nú láta mig endurhlaða síðunni. 557 00:26:16,260 --> 00:26:22,890 Og hér erum við að raða í phishing árás, P-H-I-S-H-I-N-G, sem er 558 00:26:22,890 --> 00:26:26,760 kjánalegt orð gefin fyrir árás sem reynir að fiskur upplýsingar, eða, betri 559 00:26:26,760 --> 00:26:30,450 enn, peningar, út af fólki með svikull þá í að veita upplýsingar sem 560 00:26:30,450 --> 00:26:31,990 þeir gætu ekki annað að gera. 561 00:26:31,990 --> 00:26:33,500 Þetta lítur alveg legit, ekki satt? 562 00:26:33,500 --> 00:26:34,930 Ég þarf að hafa tengil hér til Paypal.com. 563 00:26:34,930 --> 00:26:37,700 564 00:26:37,700 --> 00:26:40,430 Í sanngirni, ef ég sexed það upp með sumir grafík, getum við gert það líta 565 00:26:40,430 --> 00:26:41,310 meira eins og PayPal. 566 00:26:41,310 --> 00:26:41,510 Ekki satt? 567 00:26:41,510 --> 00:26:43,815 Vegna þess að ég gat, eins og innskot, Ég gæti farið að Paypal.com. 568 00:26:43,815 --> 00:26:47,110 Og við höfum bara séð hvernig ég get sjá öll HTML þeirra. 569 00:26:47,110 --> 00:26:50,560 Ég gat bara afrita það og endurskapa fagurfræði Paypal frekar en að fara 570 00:26:50,560 --> 00:26:51,490 gamla skólann hér. 571 00:26:51,490 --> 00:26:55,010 En taka, að sjálfsögðu, og það er lítið lítill enn, aðeins í botni 572 00:26:55,010 --> 00:26:59,190 vinstri hönd horn, í eins 10 lið letur, sérð þú hvað URL sem þú ert 573 00:26:59,190 --> 00:27:01,310 í raun að fara að vera leitt til. 574 00:27:01,310 --> 00:27:06,580 >> Og svo ef þú hefur einhvern tíma fengið ruslpóst segja fara á undan og þú ert reikning 575 00:27:06,580 --> 00:27:07,420 hefur verið í hættu. 576 00:27:07,420 --> 00:27:10,615 Vinsamlegast smelltu á þennan tengil og láta okkur vita lykilorð þitt svo að við getum tryggt að þú sért 577 00:27:10,615 --> 00:27:13,010 þú, ekki alltaf gera það. 578 00:27:13,010 --> 00:27:14,180 Þetta ætti að fara án þess að segja. 579 00:27:14,180 --> 00:27:17,670 En það er frábærlega skemmtilegur og sorglegt, hvernig á hverju ári þetta virðist 580 00:27:17,670 --> 00:27:19,660 gerast að sumir non-núll fjöldi fólks. 581 00:27:19,660 --> 00:27:21,400 >> Og það er fegurð phishing árás. 582 00:27:21,400 --> 00:27:23,160 Þú getur sent út milljón tölvupósta. 583 00:27:23,160 --> 00:27:27,720 Og jafnvel þótt 0.01% af fólki í raun smelltu á Paypal og gefa þér þinn 584 00:27:27,720 --> 00:27:31,040 lykilorð, það er enn ekki núll númer af fólki sem hefur bara gefa 585 00:27:31,040 --> 00:27:32,200 þú peningar þeirra. 586 00:27:32,200 --> 00:27:36,170 Og senda tölvupóst, auðvitað, er alveg auðvelt og í raun, frítt 587 00:27:36,170 --> 00:27:36,970 þessa dagana. 588 00:27:36,970 --> 00:27:40,410 >> Svo löng saga stutt, frábærlega falleg hugmynd, ekki satt? 589 00:27:40,410 --> 00:27:44,620 Árum síðan, þetta var fyrsta vefur, gera kleift a vef 590 00:27:44,620 --> 00:27:46,330 tengla meðal auðlinda. 591 00:27:46,330 --> 00:27:49,520 En svo fljótt gæti það verið notað illa tilgangi. 592 00:27:49,520 --> 00:27:54,100 Og tölvupósti, nægja að segja, þessir daga hafa HTML embed inni. 593 00:27:54,100 --> 00:27:55,410 >> Jæja, láttu mig bara einn annar hlutur. 594 00:27:55,410 --> 00:27:58,640 Og við munum fresta mestu að hluta í Heimadæmi sjö til að leyfa þér að 595 00:27:58,640 --> 00:28:00,000 kanna þær upplýsingar. 596 00:28:00,000 --> 00:28:01,990 En láta mig fara á undan og gera nokkra hluti hér. 597 00:28:01,990 --> 00:28:04,840 Ég ætla að fara í og ​​lýsa hvað er kallað div, eða 598 00:28:04,840 --> 00:28:06,080 deild, á síðunni. 599 00:28:06,080 --> 00:28:07,770 Leyfðu mér að loka div tag. 600 00:28:07,770 --> 00:28:11,460 >> Og ég ætla að segja upp hér efst á síðunni. 601 00:28:11,460 --> 00:28:14,940 Og svo fyrir neðan þetta, ætla ég að gera eitthvað eins og annað div, loka þetta 602 00:28:14,940 --> 00:28:17,800 tag, og gera neðst á síðunni. 603 00:28:17,800 --> 00:28:18,840 Og við skulum bjarga því. 604 00:28:18,840 --> 00:28:21,040 >> Svo nú skulum við fara aftur til skrá minn. 605 00:28:21,040 --> 00:28:22,120 Mjög underwhelming. 606 00:28:22,120 --> 00:28:25,520 En hvað deild er notað, undir hetta, er það í raun 607 00:28:25,520 --> 00:28:26,920 ágætur skipulagsbreytingar þáttur. 608 00:28:26,920 --> 00:28:30,300 Það skiptir ekki hafa allir fagurfræði svo miklu leyti sem getum við séð, annað en virðist, 609 00:28:30,300 --> 00:28:31,890 setja hlutina á nýjum línum. 610 00:28:31,890 --> 00:28:36,290 >> En fyrirvara, eins og innskot, bara hitting Sláðu ekki skera hana í HTML eins og það 611 00:28:36,290 --> 00:28:39,840 er í C. Þú gætir held að það er fara að setja a ágætur stór gjá milli 612 00:28:39,840 --> 00:28:41,300 efst og neðst á síðunni. 613 00:28:41,300 --> 00:28:43,420 En það er hunsað. 614 00:28:43,420 --> 00:28:48,040 Hvítt pláss er í raun hunsað í vefsíður annarra en mjög fyrstur 615 00:28:48,040 --> 00:28:51,530 rúm bar staf eða flutning aftur, sem þú högg á lyklaborðinu. 616 00:28:51,530 --> 00:28:55,370 Ef þú vilt fleiri línuskil, þú að tilgreina það sjálfur. 617 00:28:55,370 --> 00:28:59,080 >> Þannig að ég ætla að gera nokkra hluti hér til að sýna hvað er að gerast. 618 00:28:59,080 --> 00:29:02,700 Ég ætla að bæta eigindi sem til og aftur, eins og þú að læra 619 00:29:02,700 --> 00:29:07,110 hvað eiginleika til, hvað Tags hendi, raunverulega er, á netinu tilvísanir. 620 00:29:07,110 --> 00:29:09,750 HTML er tegund af tungumáli - það er ekki forritunarmál. 621 00:29:09,750 --> 00:29:12,460 Það er Markup Language - að eftir gott hálftíma, kannski klukkutíma með 622 00:29:12,460 --> 00:29:15,930 það, munt þú vissulega skilja, mest líklegt, grunn hugmynd. 623 00:29:15,930 --> 00:29:20,350 Og þá er Google leit burt alla mögulegar skipanir sem þú gætir verið 624 00:29:20,350 --> 00:29:21,170 áhuga 625 00:29:21,170 --> 00:29:24,290 Og á þeim sérstakur, það er alveg velkomnir og hvattir hér. 626 00:29:24,290 --> 00:29:26,120 >> Svo nú láta mig fara á undan og gera eitthvað eins og this. 627 00:29:26,120 --> 00:29:28,690 Background-color. 628 00:29:28,690 --> 00:29:32,060 Og nú ætla ég að gera eitthvað eins rautt, semíkommu. 629 00:29:32,060 --> 00:29:33,970 Og þú getur gert þetta í nokkrar mismunandi leiðir. 630 00:29:33,970 --> 00:29:36,770 Ég er bara svona að slá það eins frábær sérstaklega og hægt er. 631 00:29:36,770 --> 00:29:41,960 >> En það kemur í ljós að þetta gildi hér er hvað heitir CSS, Cascading Style 632 00:29:41,960 --> 00:29:43,700 Blöð, sem er annar tungumál öllu leyti. 633 00:29:43,700 --> 00:29:46,770 CSS hefur ekkert að gera með opna merki og loka tags. 634 00:29:46,770 --> 00:29:48,230 Það hefur að gera með eiginleika. 635 00:29:48,230 --> 00:29:52,660 >> Og eiginleika eru einfaldlega lykill gildi pör, sem bara þýðir nokkrar orð, 636 00:29:52,660 --> 00:29:54,680 ristli, og þá sumir annað orð. 637 00:29:54,680 --> 00:29:57,940 Og ef þú ert með margar sjálfur, eða bara einn hér, getur þú endar það með 638 00:29:57,940 --> 00:29:59,390 semíkommu, bara fyrir skýrleika. 639 00:29:59,390 --> 00:30:01,370 En það, of, mun vinna hér. 640 00:30:01,370 --> 00:30:02,500 >> Nú hvað er þetta að fara að gera? 641 00:30:02,500 --> 00:30:03,610 Þú getur sennilega giska. 642 00:30:03,610 --> 00:30:05,930 Leyfðu mér að fara á undan og endurhlaða síðuna. 643 00:30:05,930 --> 00:30:07,300 Og nú er virkilega að koma með. 644 00:30:07,300 --> 00:30:09,150 Svo er efst á síðu mína rauður. 645 00:30:09,150 --> 00:30:12,380 En hvað er lykillinn hér er að, en ég nefndi fyrr, að div gefur þér 646 00:30:12,380 --> 00:30:13,220 deild á síðunni. 647 00:30:13,220 --> 00:30:14,410 Og það er örugglega það sem það gerir. 648 00:30:14,410 --> 00:30:17,920 Það skiptir í raun á síðunni í rétthyrningi sem þú getur síðan 649 00:30:17,920 --> 00:30:18,720 vinna. 650 00:30:18,720 --> 00:30:22,330 >> Og þetta hugmynd af ferhyrninga er eins konar sannfærandi í því, ef þú hugsa um 651 00:30:22,330 --> 00:30:26,410 flest allir website, það er sennilega sumir uppbygging til þess. 652 00:30:26,410 --> 00:30:29,620 Flest ykkar hafa líklega sjaldan séð Facebook heimasíða ef þú ert skráður 653 00:30:29,620 --> 00:30:30,440 í öllum þeim tíma. 654 00:30:30,440 --> 00:30:33,920 >> En á heimasíðu Facebook, það er einhvers konar div meðfram efst. 655 00:30:33,920 --> 00:30:36,140 Og það gæti ekki verið eins einfalt sem eitt div, en það er 656 00:30:36,140 --> 00:30:37,560 rétthyrnd svæði þar. 657 00:30:37,560 --> 00:30:40,290 The hvíla af the blaðsíða er eins gríðarlegur div, eins miklu 658 00:30:40,290 --> 00:30:41,910 stærri rétthyrnd svæði. 659 00:30:41,910 --> 00:30:44,540 Svo löng saga stutt, bara með því að hafa þessir litlu kubbar, sem 660 00:30:44,540 --> 00:30:49,250 getu til líkan hlutum og ferhyrninga, hvort breiður eða þröng, þú getur einnig 661 00:30:49,250 --> 00:30:53,680 gera dálka hugsanlega gerir þér kleift að lá út síður, í raun, en þú 662 00:30:53,680 --> 00:30:54,100 langar. 663 00:30:54,100 --> 00:30:56,170 Við erum í raun bara klóra yfirborðið hér. 664 00:30:56,170 --> 00:30:59,820 >> Reyndar, ef ég eitt annað einn, láta mig fara á undan og gera stíl, 665 00:30:59,820 --> 00:31:05,410 background-color, munum við gera eitthvað eins blár, loka gæsalöppum. 666 00:31:05,410 --> 00:31:06,620 Skulum endurhlaða þetta. 667 00:31:06,620 --> 00:31:08,260 Svo nú er að fá enn ljótari. 668 00:31:08,260 --> 00:31:11,520 En nú get ég konar láta P mín sett fimm færni, ekki satt? 669 00:31:11,520 --> 00:31:12,690 Red. 670 00:31:12,690 --> 00:31:15,640 Það minnir mig á RGB, Red Grænn Blue þrefaldaðist. 671 00:31:15,640 --> 00:31:19,330 Jæja, það kemur í ljós í forritun vefur, eða vefhönnun, sem er þetta, höfum við 672 00:31:19,330 --> 00:31:21,650 ekki enn forritað neitt í sjálfu sér, getur þú í raun 673 00:31:21,650 --> 00:31:22,880 hafa sextánskur númer. 674 00:31:22,880 --> 00:31:26,480 Svo eitthvað eitthvað, eitthvað eitthvað, eitthvað eitthvað. 675 00:31:26,480 --> 00:31:30,650 Svo er hægt að hafa sex sextánskur stafir, eða þrír, í sumum tilvikum, 676 00:31:30,650 --> 00:31:33,480 og hver af þeim spurningarmerki þarf að vera sextánskur tölustafir, 677 00:31:33,480 --> 00:31:34,985 núll gegnum f. 678 00:31:34,985 --> 00:31:41,000 >> Ef ég vil hafa mikið af rauðu, og ekki grænn, og engin blár, hvað er 679 00:31:41,000 --> 00:31:43,740 andstæða núll þegar álög? 680 00:31:43,740 --> 00:31:44,480 Það er f. 681 00:31:44,480 --> 00:31:51,130 Svo ég get gert FF, núll núll, núll núll, vista þetta, og nú koma hingað. 682 00:31:51,130 --> 00:31:52,700 Og ég í raun ekki sjá breytingar. 683 00:31:52,700 --> 00:31:56,230 Svo vitna Unquote "rauður" er greinilega samheiti fyrir allt rautt, 684 00:31:56,230 --> 00:31:57,610 ekki grænn, ekki blátt. 685 00:31:57,610 --> 00:31:59,960 Á sama tíma, við skulum vísvitandi breyta þetta að vera eitthvað 686 00:31:59,960 --> 00:32:01,210 handahófi, eins ABCDF. 687 00:32:01,210 --> 00:32:03,790 688 00:32:03,790 --> 00:32:05,860 >> Við skulum sjá hvað það er. 689 00:32:05,860 --> 00:32:08,530 Það er mjög gott blár, reyndar, baby blue. 690 00:32:08,530 --> 00:32:11,820 Allt í lagi, þannig að þetta eru bara núna nokkuð handahófi samsetningar 691 00:32:11,820 --> 00:32:12,210 stafir. 692 00:32:12,210 --> 00:32:13,410 Þannig að við munum ekki fá hika við niður í hér. 693 00:32:13,410 --> 00:32:15,930 En aftur, þetta talar til nákvæmni að þú getur byrjað að 694 00:32:15,930 --> 00:32:19,090 gilda - jafnvel ef þú ert mjög óvart af fagurfræði. 695 00:32:19,090 --> 00:32:21,750 Í staðreynd, ef þú vilt virkilega að vera hrifinn, láta mig fara á undan og breyta 696 00:32:21,750 --> 00:32:23,500 leturstærð, til dæmis. 697 00:32:23,500 --> 00:32:25,960 Og taka semíkommu, sem er nauðsynlegt þar. 698 00:32:25,960 --> 00:32:29,570 >> Leturstærð, getum við verið bara fáránlegt hér, 96 lið. 699 00:32:29,570 --> 00:32:31,280 Vista sem. 700 00:32:31,280 --> 00:32:33,670 Vá, það er stór leturstærð. 701 00:32:33,670 --> 00:32:35,490 Allt í lagi, svo það er mjög auðvelt. 702 00:32:35,490 --> 00:32:38,260 Og í raun, þú ert í raun að sjá The mjög fyrstur vefsíðu sem ég gerði 703 00:32:38,260 --> 00:32:40,060 árum síðan, þegar ég fyrst lærði þetta efni. 704 00:32:40,060 --> 00:32:42,190 Það er mjög auðvelt að gera mjög hideous hlutina hratt. 705 00:32:42,190 --> 00:32:46,115 >> Og ef þú ert kunnuglegur með the Wayback Vél á archive.org, þú 706 00:32:46,115 --> 00:32:48,210 getur fundið allar hideous minn undergrad vefsíðum. 707 00:32:48,210 --> 00:32:50,090 Einn hafði Kermit the Frog á framan. 708 00:32:50,090 --> 00:32:53,150 Ég gekk í gegnum áfanga þar sem ég hélt það var svalt að taka bakgrunn 709 00:32:53,150 --> 00:32:56,320 rautt fortjald, þegar ég lærði hvernig þú can flísar myndir aftur, og aftur, og 710 00:32:56,320 --> 00:32:59,540 aftur, að fylla síðuna með stór tacky rautt fortjald. 711 00:32:59,540 --> 00:33:03,120 Og svo ofan á þetta, var táknmynd að þú þurfti að smella til að slá heimili mitt 712 00:33:03,120 --> 00:33:04,960 síðu þar sem var mjög mikið í tísku. 713 00:33:04,960 --> 00:33:08,870 >> Og þá fyrst áætlun mín ég skrifaði alltaf var ekki í PHP, en á tungumáli 714 00:33:08,870 --> 00:33:12,260 heitir Pearl, skrifaði gestur bók, sem er raunverulega kaldur hlutur sem 715 00:33:12,260 --> 00:33:14,250 fullt af fólki að búast þig að hafa á heimasíðu. 716 00:33:14,250 --> 00:33:17,510 Þegar þú fá til the blaðsíða, þeir vilja að þú að skrá þig inn, og segja hver þú ert, 717 00:33:17,510 --> 00:33:18,720 og hvers vegna þú ert þar. 718 00:33:18,720 --> 00:33:21,320 Þetta er mjög 1990 stíl vefhönnun. 719 00:33:21,320 --> 00:33:24,130 >> En þessa dagana, örugglega, við höfum koma mikið lengra. 720 00:33:24,130 --> 00:33:27,560 Og þú munt sjá, í kafla, og jafnvel í vanda sett sjö, með því að 721 00:33:27,560 --> 00:33:31,570 meira bókasöfn þessa dagana, það er svo miklu auðveldara að gera 722 00:33:31,570 --> 00:33:33,400 fallegri hlutina hratt. 723 00:33:33,400 --> 00:33:36,550 Raun hér, við erum bara að klóra yfirborð hvað þú getur gert 724 00:33:36,550 --> 00:33:37,400 stylistically. 725 00:33:37,400 --> 00:33:41,660 >> Og í raun, þegar, láta mig leggja áherslu að þetta er nú þegar að fá ljót, ekki 726 00:33:41,660 --> 00:33:46,030 bara fagurfræðilega, en hvað varðar af stíl númerið mitt, eða 727 00:33:46,030 --> 00:33:47,260 hönnun númerið mitt. 728 00:33:47,260 --> 00:33:52,350 Ég hef nú comingled HTML, sem er græn opin merki þar, með 729 00:33:52,350 --> 00:33:55,160 CSS eignir, sem er algerlega legit. 730 00:33:55,160 --> 00:33:57,200 Þetta er í raun þar sem tungumálið hafði uppruna sinn. 731 00:33:57,200 --> 00:34:01,030 >> En í þágu hreina hönnun, líkt við byrjuðum þátta efni 732 00:34:01,030 --> 00:34:05,370 út frá C skrá inn. h skrá, láta mig æfa í raun svona 733 00:34:05,370 --> 00:34:07,990 meginreglu og byrja að gera þetta í staðinn. 734 00:34:07,990 --> 00:34:13,280 Leyfðu mér að setja stíl tag upp hér, sem einnig til í HTML, og láta mig 735 00:34:13,280 --> 00:34:15,330 tilgreina eftirfarandi. 736 00:34:15,330 --> 00:34:16,360 Leyfðu mér að eyða þessu. 737 00:34:16,360 --> 00:34:18,110 Bakgrunnslitur er að fara að vera rautt. 738 00:34:18,110 --> 00:34:19,800 Ég ætla að eyða þessu alveg. 739 00:34:19,800 --> 00:34:22,580 Ég ætla að losna við stíl eigindi, og ég ætla að einstaklega 740 00:34:22,580 --> 00:34:24,620 þekkja þessa div með orði - 741 00:34:24,620 --> 00:34:28,750 geðþótta, en sæmilega, vitna Unquote "toppur". Og id er sérstakur 742 00:34:28,750 --> 00:34:32,530 eiginleiki sem einstaklega skilgreinir tiltekinn HTML þáttur 743 00:34:32,530 --> 00:34:33,850 sem hafa að ID. 744 00:34:33,850 --> 00:34:37,969 >> Ef ég vil nú að stílfærð það, upp hér á yfirmaður síðuna mína, inni í 745 00:34:37,969 --> 00:34:41,730 stíl tag, eftir því Ég get gert kjötkássa ofan. 746 00:34:41,730 --> 00:34:45,300 Og þá get ég sett nokkrar hrokkið axlabönd, minnir á C, og þá láta 747 00:34:45,300 --> 00:34:47,130 mig líma í því stylization. 748 00:34:47,130 --> 00:34:49,929 Og láta mig fara á undan hér og sjá þar sem ég er að fara með þetta. 749 00:34:49,929 --> 00:34:53,380 Leyfðu mér að búa líka einn fyrir botn div. 750 00:34:53,380 --> 00:34:58,010 Leyfðu mér að grípa þetta hideous kóða frá niður hér, setja það hér, og ég ætla að 751 00:34:58,010 --> 00:35:00,770 svolítið meira núna endaþarms og stílfærð það bara setja hlutina á eigin spýtur 752 00:35:00,770 --> 00:35:02,540 lína, endar með semikommum. 753 00:35:02,540 --> 00:35:04,430 Leyfðu mér að fá losa af stíl tag. 754 00:35:04,430 --> 00:35:05,320 >> En ég er ekki gert ennþá. 755 00:35:05,320 --> 00:35:07,406 Ég þarf að gera einn annar hlutur. 756 00:35:07,406 --> 00:35:10,070 Já, id jafngildir vitna Unquote, "neðst", eða hvað id ég vil 757 00:35:10,070 --> 00:35:11,740 gefa að þáttur. 758 00:35:11,740 --> 00:35:13,420 Nú láta mig fara aftur hérna. 759 00:35:13,420 --> 00:35:14,360 Og þetta er grimmilegur. 760 00:35:14,360 --> 00:35:15,805 Ég get ekki tekist á við 96 lið. 761 00:35:15,805 --> 00:35:16,960 Við skulum gera 24 stig. 762 00:35:16,960 --> 00:35:18,320 Eða þú gætir verið nákvæmari. 763 00:35:18,320 --> 00:35:21,800 Þú getur í raun notað punkta, PX, svo sem þú færð í raun fínni korn 764 00:35:21,800 --> 00:35:23,220 stjórn á síðuna þína. 765 00:35:23,220 --> 00:35:26,860 >> Sem innskot, það er ekki endilega það besta ef notendur, fyrir 766 00:35:26,860 --> 00:35:29,650 Hótel ástæðum, vilja að vera fær um að auka stærðum. 767 00:35:29,650 --> 00:35:32,650 Svo átta sig á að það eru leiðir til að gera hlutir sem ekki endilega 768 00:35:32,650 --> 00:35:34,230 harður kóða allt. 769 00:35:34,230 --> 00:35:37,220 >> Allt í lagi, svo það er stærri, 24 lið, en hvað sem sjálfgefið er. 770 00:35:37,220 --> 00:35:38,630 En nú er það svolítið hreinni. 771 00:35:38,630 --> 00:35:40,230 Og láta mig taka þetta einu skrefi lengra. 772 00:35:40,230 --> 00:35:47,220 Rétt eins og the hugmynd af skrá haus, taka við erum einu skrefi nær því. 773 00:35:47,220 --> 00:35:52,000 Ég hef factored út, en enn eftir, inni á síðu mína, þeir CSS reglum. 774 00:35:52,000 --> 00:35:56,200 Af hverju gæti ég vil taka þetta eitt skref frekar, fjarlægja þetta með öllu, og 775 00:35:56,200 --> 00:35:59,860 setja það í sérstakri skrá? 776 00:35:59,860 --> 00:36:01,070 >> Svo ég get endurnýta það, ekki satt? 777 00:36:01,070 --> 00:36:03,155 Þetta er bara svona innsæi núna. 778 00:36:03,155 --> 00:36:06,340 Áður, hélt ég að það væri bara fá ljót hafa stíl 779 00:36:06,340 --> 00:36:08,480 eiginleika inni á Divs sig. 780 00:36:08,480 --> 00:36:09,750 En bara svona að hugsa að með. 781 00:36:09,750 --> 00:36:13,560 Eins síðu fær lengur og lengur, ef þú ert að setja hér, og hér, og 782 00:36:13,560 --> 00:36:18,350 hér, og hér, allar þessar mismunandi liti, og leturstærðir og öðrum slíkum 783 00:36:18,350 --> 00:36:22,550 eiginleika, síða þín er mjög fljótt fara að verða óviðráðanlega fyrir þig. 784 00:36:22,550 --> 00:36:24,570 >> Ef einhver kemur upp að þér og segir, ó, þú veist hvað? 785 00:36:24,570 --> 00:36:28,070 Ég myndi virkilega vilja breyta leturstærð af tveimur viðbótar atriði, þú 786 00:36:28,070 --> 00:36:31,275 gæti þurft að fara og finna og skipta a gríðarstór tala af línum af kóða. 787 00:36:31,275 --> 00:36:35,170 Það er miklu meira sannfærandi að miðlægur allar slíkar fagurfræði hér. 788 00:36:35,170 --> 00:36:38,850 En ef þú vilt að endurnýta þá fagurfræði í mörgum vefsíðum, allt 789 00:36:38,850 --> 00:36:41,100 meira sannfærandi til, dæmi, búa til skrá 790 00:36:41,100 --> 00:36:45,290 kallað með þeim innihald. 791 00:36:45,290 --> 00:36:46,680 >> Og láta mig gera þetta. 792 00:36:46,680 --> 00:36:51,150 793 00:36:51,150 --> 00:36:51,920 Vista þessa skrá. 794 00:36:51,920 --> 00:36:55,580 Ég segi styles.css, handahófskennt, en venjulegur. 795 00:36:55,580 --> 00:36:58,770 Ég set hana á heimili John Harvard er möppu með nú fyrir einfaldleika. 796 00:36:58,770 --> 00:37:03,880 Og hvað ég get gert í vefsíðu mína er að fá losa af stíl tag öllu leyti, 797 00:37:03,880 --> 00:37:08,270 og nokkuð unintuitively, nota tengilinn tag, sem ekki gefa þér tengil á 798 00:37:08,270 --> 00:37:13,140 tengil, smella skilningi, en þar sem ég segi tengilinn href jafngildir 799 00:37:13,140 --> 00:37:15,120 styles.css. 800 00:37:15,120 --> 00:37:20,050 Og sambandið að þessi þáttur hefur með vefsíðu er að vera 801 00:37:20,050 --> 00:37:21,280 stílblað hennar. 802 00:37:21,280 --> 00:37:22,670 >> Svo hvernig ég vissi þetta? 803 00:37:22,670 --> 00:37:25,950 Einn, lesa bara bæklinginn, eða þú Google í kring, og þú 804 00:37:25,950 --> 00:37:27,000 líta á ýmsum úrræðum. 805 00:37:27,000 --> 00:37:30,520 Ég meina, sem sannarlega er hvernig þú velur upp tækni eins og þessa, og, í samræmi 806 00:37:30,520 --> 00:37:34,720 með þessa hugmynd um að kenna sig nýja tungumálum, aftur, þú munt komast að því að 807 00:37:34,720 --> 00:37:38,830 það er aðeins tímabundið ýmislegt að hvaða tungumáli sem, þegar þú færð 808 00:37:38,830 --> 00:37:41,310 þá munt þú finna að það gerist hraðar og hraðar að skrifa. 809 00:37:41,310 --> 00:37:44,180 Reyndar, læra nýja forritun tungumál er svo miklu hraðar en ný 810 00:37:44,180 --> 00:37:47,380 talmáli því að þessir hlutir eru mun minni og margt fleira 811 00:37:47,380 --> 00:37:48,820 nákvæmlega skilgreind. 812 00:37:48,820 --> 00:37:51,590 >> En ég hef bent á hluti um frávik hér. 813 00:37:51,590 --> 00:37:57,750 Hvers vegna hef ég benti þetta áfram rista hér? 814 00:37:57,750 --> 00:37:59,420 Því ég þarf að loka tag. 815 00:37:59,420 --> 00:38:00,530 Ég ætti loka tag. 816 00:38:00,530 --> 00:38:02,750 Og þú munt finna óteljandi úrræði á netinu sem ekki 817 00:38:02,750 --> 00:38:04,080 endilega loka tags. 818 00:38:04,080 --> 00:38:08,770 Og raunhæft, það er ekki stranglega nauðsynlegt fyrir tæknilega og það eru 819 00:38:08,770 --> 00:38:11,950 ástæður raunveruleikanum, eru vafrar bara nokkuð umburðarlyndur af mistökum í vefnum 820 00:38:11,950 --> 00:38:14,360 síður, fyrir betri eða verri, en að mestu leyti verri. 821 00:38:14,360 --> 00:38:18,830 >> Þannig að þetta hér er bara hreinni leið segja eitthvað heimskulegt eins og þetta, 822 00:38:18,830 --> 00:38:22,330 þar sem ef þú vilt að opna tengil tag en loka það, það er í raun engin hugmynd 823 00:38:22,330 --> 00:38:23,720 af efni fyrir tengil merkinu. 824 00:38:23,720 --> 00:38:26,000 Það þýðir bara að hlaða þessu skrá og setja það hér. 825 00:38:26,000 --> 00:38:30,610 Það er eins skörp fela í C. Þú getur opna og loka merki allt í einu 826 00:38:30,610 --> 00:38:31,660 innan sama merkinu. 827 00:38:31,660 --> 00:38:33,520 Og það er önnur dæmi um þetta. 828 00:38:33,520 --> 00:38:37,280 Þetta er ekki leiðin til að gera þetta, en The br tag, fyrir brot línu, ef ég 829 00:38:37,280 --> 00:38:41,780 virkilega langaði til að ná því sem ég var reyna að áður með hitting inn, ef 830 00:38:41,780 --> 00:38:45,380 Ég segi skýrt línu brot, lína brot, línu brot, lína brot, og 831 00:38:45,380 --> 00:38:49,100 þá endurhlaða síðunni, nú þú munt taka að neðst á síðunni er, 832 00:38:49,100 --> 00:38:51,940 Reyndar mikið lengra niður í neðst á síðunni. 833 00:38:51,940 --> 00:38:55,840 En jafnvel það er hægt að gera miklu meira eðlilega með CSS, og með brún, 834 00:38:55,840 --> 00:38:58,120 og með öðrum slíkum fagurfræðilegu tækni. 835 00:38:58,120 --> 00:38:59,940 >> Svo nú eru Takeaways þetta. 836 00:38:59,940 --> 00:39:02,320 Í HTML, höfum við þessar það kallast tags. 837 00:39:02,320 --> 00:39:04,830 Í CSS, höfum við þetta heitir eignir. 838 00:39:04,830 --> 00:39:08,700 Við getum comingle þessar tvö tungumál, annað hvort með því að nota stíl eiginleiki, 839 00:39:08,700 --> 00:39:14,240 eða stíl tag, eða besta ennþá, þátta það út að öllu leyti, eins og við gerum 840 00:39:14,240 --> 00:39:17,270 í Heimadæmi 7. 841 00:39:17,270 --> 00:39:23,820 Spurningar, þá um hugmynda grunnatriði hér? 842 00:39:23,820 --> 00:39:24,740 >> Áhorfendur: Ég er með spurningu. 843 00:39:24,740 --> 00:39:25,630 >> Ræðumaður 1: Ó, fyrirgefðu. 844 00:39:25,630 --> 00:39:28,880 >> Áhorfendur: Hvers vegna var það ekki litað - 845 00:39:28,880 --> 00:39:31,410 >> Ræðumaður 1: Oh, í öðrum flipa? 846 00:39:31,410 --> 00:39:32,232 Þetta hér? 847 00:39:32,232 --> 00:39:33,482 >> Áhorfendur: Nei, það er eins og - 848 00:39:33,482 --> 00:39:35,330 849 00:39:35,330 --> 00:39:39,480 >> Ræðumaður 1: Oh, það er vegna þess Ég var að sloppy. 850 00:39:39,480 --> 00:39:41,350 Ég setti myndina í röngum stað. 851 00:39:41,350 --> 00:39:47,840 Þannig að ef ég setti í raun það hér, og ég chmod það, allt + r fyrir styles.css og 852 00:39:47,840 --> 00:39:52,050 nú endurhlaða síðunni, nú erum við fá stylization aftur. 853 00:39:52,050 --> 00:39:54,530 Og vegna þess að letur er öðruvísi, við sjáum ekki alveg eins mikið 854 00:39:54,530 --> 00:39:55,010 hvítt rúm. 855 00:39:55,010 --> 00:39:58,240 Við sjáum í staðinn hvað er Sjálfgefið er í staðinn. 856 00:39:58,240 --> 00:40:00,050 Góð spurning. 857 00:40:00,050 --> 00:40:00,846 Já? 858 00:40:00,846 --> 00:40:02,630 >> Áhorfendur: Hvers vegna er tengill Tag inni í hausnum? 859 00:40:02,630 --> 00:40:06,270 >> Ræðumaður 1: Hvers vegna er the hlekkur Tag inni í haus - 860 00:40:06,270 --> 00:40:07,650 stutt svar, bara vegna. 861 00:40:07,650 --> 00:40:08,930 Það er það sem var ákveðið. 862 00:40:08,930 --> 00:40:10,720 Það er þar sem tengli fara þegar þú hefur það sem er kallað 863 00:40:10,720 --> 00:40:13,650 ytri stíll lak. 864 00:40:13,650 --> 00:40:16,430 Aðrar spurningar? 865 00:40:16,430 --> 00:40:17,770 >> Allt í lagi, vel skulum gera þetta. 866 00:40:17,770 --> 00:40:20,500 Við höfum svo mikið gaman á undan okkur í dag. 867 00:40:20,500 --> 00:40:22,480 Það er bara klóra yfirborð CSS. 868 00:40:22,480 --> 00:40:23,010 Skulum gera þetta. 869 00:40:23,010 --> 00:40:25,980 Skulum taka fimm mínútna hlé hér því, á netfangið mitt, við skulum hanga í 870 00:40:25,980 --> 00:40:27,200 þar til 02:30-ish í dag. 871 00:40:27,200 --> 00:40:28,540 En ef þú þarft að fara, það er allt í lagi. 872 00:40:28,540 --> 00:40:30,380 En við munum sækja fram eftir fimm mínútna hlé. 873 00:40:30,380 --> 00:40:35,930 Og við munum læra smá eitthvað um PHP, MySQL, og fleira. 874 00:40:35,930 --> 00:40:44,520 >> Allt í lagi, þannig að við skulum reyna, nú, til að binda nokkrar af þessum hugmyndum saman og gera, 875 00:40:44,520 --> 00:40:46,180 segja, eigin leitarvél okkar. 876 00:40:46,180 --> 00:40:48,570 Ég tók eftir, frekar forvitinn, eftirfarandi. 877 00:40:48,570 --> 00:40:52,610 Þegar þú ert á Google.com, þú ert yfirleitt á vefslóð eins og þessa hér 878 00:40:52,610 --> 00:40:54,870 með ekkert eftir punktur com. 879 00:40:54,870 --> 00:40:59,760 En ef ég leita eitthvað heimskulegt eins kettir, og högg koma inn, munum við fá - ekki 880 00:40:59,760 --> 00:41:01,300 heimskur, en þú veist. 881 00:41:01,300 --> 00:41:05,410 >> OK, svo eftir, efst á síðunni, nú, the URL hefur, að sjálfsögðu, að breyta. 882 00:41:05,410 --> 00:41:07,190 Og þetta er ekki neitt ný að allir af okkur. 883 00:41:07,190 --> 00:41:09,290 Þú smellir tenglar og efni gerist á vefnum. 884 00:41:09,290 --> 00:41:11,420 En hvað er áhugavert hér er eftirfarandi. 885 00:41:11,420 --> 00:41:14,500 There 'a heild einhver fjöldi af ringulreið, en láta mig henda efni sem ég ekki 886 00:41:14,500 --> 00:41:16,600 alveg skilið eða ekki virkilega líta máli. 887 00:41:16,600 --> 00:41:18,490 >> Leyfðu mér að losna við þetta. 888 00:41:18,490 --> 00:41:20,030 Leyfðu mér að losna við þetta. 889 00:41:20,030 --> 00:41:22,630 Og láta mig fá bara losna af þessu öllu. 890 00:41:22,630 --> 00:41:28,840 Og nú eftir að kettir eru í URL, fylgt með q, þá jafn 891 00:41:28,840 --> 00:41:29,710 skrá í framan. 892 00:41:29,710 --> 00:41:32,110 Svo kemur í ljós að þetta er hvernig hvernig það virkar þegar það kemur 893 00:41:32,110 --> 00:41:33,360 að inntak og úttak. 894 00:41:33,360 --> 00:41:37,510 >> Við höfum lengi talað um svartur kassa, ekki satt? 895 00:41:37,510 --> 00:41:41,650 Svo ef þetta er fall til framkvæmda hér sem svartur kassi, það tekur inntak 896 00:41:41,650 --> 00:41:45,290 og framleiðir framleiðsla, vel, þýðir sem þú leggja til að 897 00:41:45,290 --> 00:41:49,270 website er með því, oft, af slóðum þeirra. 898 00:41:49,270 --> 00:41:52,850 Þú setur einfaldlega spurningarmerki og þá jafnt lykill gildi. 899 00:41:52,850 --> 00:41:56,740 Og þá kannski merkið, og þá annar lykill jafnt gildi, þá kannski 900 00:41:56,740 --> 00:41:58,810 annað merkið, lykill jafnt gildi. 901 00:41:58,810 --> 00:42:03,030 Það er hvernig þú fara í lykla og gildi, pör af aðföngum. 902 00:42:03,030 --> 00:42:07,050 >> Þannig að ef ég lenti inn núna, það er áhugavert um Google er að allir 903 00:42:07,050 --> 00:42:10,420 að ringulreið Ég eyddi virðist ekki að vera nauðsynlegt. 904 00:42:10,420 --> 00:42:15,120 Allt sem ég þarf að senda til Google er spurning merkja q jafngildir kettir að fá 905 00:42:15,120 --> 00:42:16,160 aftur sumir kettir. 906 00:42:16,160 --> 00:42:20,160 Jæja, The vísbendingu um það, þá, er ef ég draga upp gedit, hef ég byrjaði 907 00:42:20,160 --> 00:42:24,360 gera eigin leitarvél mína hér í skrá sem heitir seach0.html. 908 00:42:24,360 --> 00:42:26,750 >> Og láta mig fara á undan og eyða eitt lína sem þú 909 00:42:26,750 --> 00:42:27,910 áttu ekki að sjá. 910 00:42:27,910 --> 00:42:31,070 Og nú, láttu mig fara inn í eigin vafra minn, svo ekki að Google, og fara að 911 00:42:31,070 --> 00:42:34,900 http://localhost. 912 00:42:34,900 --> 00:42:36,220 Og það er að fara að fá í leiðinni. 913 00:42:36,220 --> 00:42:43,240 Þannig að við erum að fara til verða að kveðja að nú, færa þetta hérna, 914 00:42:43,240 --> 00:42:46,270 ó, nú við erum að fara til verða að kveðja til að skrá. 915 00:42:46,270 --> 00:42:51,700 >> Alltaf þegar þú ert með skrá sem heitir index.html eða index.php í 916 00:42:51,700 --> 00:42:54,980 skrá, ef vefur framreiðslumaður er stillt á þennan hátt, hvað þú munt 917 00:42:54,980 --> 00:42:59,600 sjá, við vanræksla, er efni þessa skrá frekar en skráningu á 918 00:42:59,600 --> 00:43:02,330 skrá, sem ég vildi hér. 919 00:43:02,330 --> 00:43:03,750 Meira um þetta í sérstakur. 920 00:43:03,750 --> 00:43:04,610 Þú varst ekki sjá það. 921 00:43:04,610 --> 00:43:06,360 >> Svo er þetta það sem ég vildi í raun. 922 00:43:06,360 --> 00:43:08,810 En í smá stund síðan, það var skrá í þessa möppu sem heitir 923 00:43:08,810 --> 00:43:11,290 index.html og index.php. 924 00:43:11,290 --> 00:43:13,380 Og svo er vefur framreiðslumaður var sýna mér þær skrár. 925 00:43:13,380 --> 00:43:15,900 Þess í stað vil ég þessa möppu skráningu hér. 926 00:43:15,900 --> 00:43:18,340 >> Þannig að ég ætla að fara inn CSS og fara search0. 927 00:43:18,340 --> 00:43:21,770 Og ég halda því fram að þetta er það að fara að vera upphaf eigin samkeppnishæf minn 928 00:43:21,770 --> 00:43:22,490 leita vél. 929 00:43:22,490 --> 00:43:27,630 Og til að gera þetta, ætla ég að fara í hér, í CSS, og opna með 930 00:43:27,630 --> 00:43:30,190 gedit, leita 0. 931 00:43:30,190 --> 00:43:32,280 En því miður, það er ekki mikið að gerast hér. 932 00:43:32,280 --> 00:43:35,690 Það eina sem ég gerði var að nota fyrirsögn tag, sem gerist að vera kölluð h1, sem 933 00:43:35,690 --> 00:43:38,180 í raun þýðir stór og djörf, og það er það. 934 00:43:38,180 --> 00:43:40,810 En leið sem við getum veita aðföng eru um þessar 935 00:43:40,810 --> 00:43:42,180 það kallast form. 936 00:43:42,180 --> 00:43:46,040 >> Svo láta mig fara á undan og opna og loka, preemptively, form merki þar. 937 00:43:46,040 --> 00:43:48,060 Og láta mig fara á undan og gera eitthvað eins og this. 938 00:43:48,060 --> 00:43:51,430 Inntak, tegund jafngildir texta. 939 00:43:51,430 --> 00:43:56,320 Og þá skulum loka tag innan sviga sjálfir. 940 00:43:56,320 --> 00:43:58,800 Ég þarf ekki að byrja textabox og stöðva textabox. 941 00:43:58,800 --> 00:44:01,080 Það er bara að fara að vera þarna eða ekki. 942 00:44:01,080 --> 00:44:06,210 >> Og svo fyrir neðan það, skulum gera inntak tegund jafngildir leggja. 943 00:44:06,210 --> 00:44:06,870 Vista þetta. 944 00:44:06,870 --> 00:44:08,630 Og nú skulum bara gera fljótur geðheilsan athuga. 945 00:44:08,630 --> 00:44:09,820 Skulum endurhlaða. 946 00:44:09,820 --> 00:44:10,890 >> OK, svo það er ekki slæmt. 947 00:44:10,890 --> 00:44:13,260 Það er ekki stíll Google, en það er ansi nálægt. 948 00:44:13,260 --> 00:44:13,920 Það er texti sviði. 949 00:44:13,920 --> 00:44:17,190 Ég get slegið smá dót í, ýta á Enter, en ekkert gerist enn. 950 00:44:17,190 --> 00:44:21,090 Og það er vegna þess að ég hef ekki tilgreint aðgerð fyrir þetta eyðublað, svo að segja. 951 00:44:21,090 --> 00:44:23,860 Þannig að ef ég fer aftur til mynd frumefni, það kemur í ljós, og ég veit þetta bara 952 00:44:23,860 --> 00:44:27,460 að hafa lesið skjöl, sem formi Tag tekur eigindi 953 00:44:27,460 --> 00:44:31,880 heitir aðgerð sem er URL á vefsíðu sem þú 954 00:44:31,880 --> 00:44:34,790 langar að senda eyðublaðið. 955 00:44:34,790 --> 00:44:37,610 >> Ég í raun ekki held að við höfum tíma til að framkvæma alla bak endir fyrir a 956 00:44:37,610 --> 00:44:38,570 leitarvél í dag. 957 00:44:38,570 --> 00:44:41,900 Þannig að við erum bara að fara að segja, ha, farðu á google.com / search. 958 00:44:41,900 --> 00:44:43,450 Og nú langar mig að loka vitna minn. 959 00:44:43,450 --> 00:44:46,070 Og láta mig tilgreina frekar að The aðferð til að nota er að fara 960 00:44:46,070 --> 00:44:47,120 að vera kölluð fá. 961 00:44:47,120 --> 00:44:50,650 >> Löng saga stutt, það er tvær leiðir, á kosti, sem þú getur sent inn upplýsingar 962 00:44:50,650 --> 00:44:51,880 úr vafranum til miðlara. 963 00:44:51,880 --> 00:44:55,340 Eitt er að fá, og, vegna í dag, sem þýðir bara í vefslóðinni. 964 00:44:55,340 --> 00:44:58,730 Þú sérð nákvæmlega spurningarmerki, á jafn merki og &-merkið að 965 00:44:58,730 --> 00:44:59,780 við sáum áðan. 966 00:44:59,780 --> 00:45:02,890 Eða það er val sem heitir eftir. 967 00:45:02,890 --> 00:45:06,490 Fyrir nú, vita að staða er oft notuð þegar þú vilt senda inn skrár, eins og 968 00:45:06,490 --> 00:45:09,820 myndir og svo framvegis, eða þegar þú vilt leggja greiðslukort eða 969 00:45:09,820 --> 00:45:13,810 lykilorð, nokkuð sem það er ekki skynsamleg, eðli eða 970 00:45:13,810 --> 00:45:18,020 öryggi vitur, að enda í vefslóð Vafrinn þinn, þar snuðrari foreldrar, 971 00:45:18,020 --> 00:45:21,520 eða herbergisfélaga, eða einhver með aðgang í tölvuna þína gæti séð. 972 00:45:21,520 --> 00:45:23,110 >> Þannig að við skulum spara það hér. 973 00:45:23,110 --> 00:45:24,480 Og ég þarf að gera eitt annað hlutur. 974 00:45:24,480 --> 00:45:27,250 Það þýðir ekki nægja bara að segja gefa mér textareitinn. 975 00:45:27,250 --> 00:45:29,850 Ég verð að gefa því sviði er meta nafn. 976 00:45:29,850 --> 00:45:34,500 Svo láta mig fá lánað val Google sem nöfn, Q, og skilgreina að second 977 00:45:34,500 --> 00:45:38,150 eigindi ég í raun ekki sama um nafn á senda hnappinn. 978 00:45:38,150 --> 00:45:40,890 Það eina sem ég hugsa um er að senda hvað notandinn slær inn 979 00:45:40,890 --> 00:45:41,940 >> Og nú er þetta góður af ljót. 980 00:45:41,940 --> 00:45:42,820 Það segir bara að leggja. 981 00:45:42,820 --> 00:45:46,350 Það kemur í ljós, og ég veit þetta af því skjöl, get ég í raun að segja 982 00:45:46,350 --> 00:45:51,710 gildi er vitna Unquote "cs50 leitarorðinu "loka vitna. 983 00:45:51,710 --> 00:45:53,030 Þá skulum endurhlaða aftur. 984 00:45:53,030 --> 00:45:57,020 Svo ég halda hitting Command-R eða Control-R á lyklaborðinu mínu til að endurhlaða. 985 00:45:57,020 --> 00:45:58,605 >> Nú höfum við meira áhugavert leita vél. 986 00:45:58,605 --> 00:46:00,340 Það er ekki alveg líta út eins og Google enn, þó. 987 00:46:00,340 --> 00:46:04,100 Svo skulum við fara á undan í hér og gera smá línu brot. 988 00:46:04,100 --> 00:46:06,066 >> OK, svo nú höfum við Google. 989 00:46:06,066 --> 00:46:08,260 Við reyndar næstum höfum Google. 990 00:46:08,260 --> 00:46:10,460 Svo nú hvað er að fara að gerast? 991 00:46:10,460 --> 00:46:12,220 Ég ætla að slá í eitthvað eins og kettir. 992 00:46:12,220 --> 00:46:16,570 Og the flettitæki er að fara að flokka þessi mynd sem ég skilgreint. 993 00:46:16,570 --> 00:46:19,470 Og það er að fara að senda notandi til að vefslóð. 994 00:46:19,470 --> 00:46:23,420 Svo þessar mundir, fyrir sumir forvitinn ástæðum, Ég fékk fleiri upplýsingar um hlutabréf 995 00:46:23,420 --> 00:46:24,410 en um raunverulegan ketti. 996 00:46:24,410 --> 00:46:30,580 En það er allt í lagi vegna þess að taka við enn endaði hér, q jafnt ketti. 997 00:46:30,580 --> 00:46:35,200 >> Svo langa sögu stutta, þá virðist það nokkuð léttvæg til að fá inntak frá the notandi. 998 00:46:35,200 --> 00:46:38,190 Og til að vera sanngjarn, það er bunches af öðrum tegundum sviðum formi. 999 00:46:38,190 --> 00:46:41,510 Það er stöðva hnefaleikar, og lítið gagnkvæmt einkarétt hnappar útvarp og 1000 00:46:41,510 --> 00:46:42,960 falla niður matseðlum og fleira. 1001 00:46:42,960 --> 00:46:46,160 En öll þeirra eru tiltölulega auðveldlega útfærð sem 1002 00:46:46,160 --> 00:46:48,040 þessi texti sviði var. 1003 00:46:48,040 --> 00:46:52,050 Og að lokum, höfum við bara að gera viss um að einhver er að hlusta á aðra 1004 00:46:52,050 --> 00:46:56,490 enda á línu til að fá sem upplýsingar unnar, einhvern veginn, og 1005 00:46:56,490 --> 00:46:58,440 gefa okkur aftur ketti okkar. 1006 00:46:58,440 --> 00:47:00,840 >> Við skulum líta á örlítið meiri þátt dæmi. 1007 00:47:00,840 --> 00:47:06,020 Leyfðu mér að fara inn í möppuna Vhost míns, í heimamaður gestgjafi, opinber, og þar sem ég 1008 00:47:06,020 --> 00:47:06,980 setja kóðann í dag. 1009 00:47:06,980 --> 00:47:09,800 Allt þetta mun vera á námskeiðið er website fyrir þig að tinker með. 1010 00:47:09,800 --> 00:47:15,420 Og ef ég fer í froshims, láta mig opna upp þessa skrá nú, froshim0.php. 1011 00:47:15,420 --> 00:47:18,460 Þessi er svolítið meira fjölorður, svo við munum ekki skrifa þetta frá grunni. 1012 00:47:18,460 --> 00:47:21,970 En bara taka nú fáir nokkuð þekki einkenni. 1013 00:47:21,970 --> 00:47:24,550 >> Einn, mynd tag, mismunandi aðgerð. 1014 00:47:24,550 --> 00:47:25,670 Það er ekki fullt URL. 1015 00:47:25,670 --> 00:47:29,930 Nú er það víst að skrá sem heitir register0.php því, í smá stund, 1016 00:47:29,930 --> 00:47:32,660 Ég ætla að kenna mér smá eitthvað um PHP, forritun 1017 00:47:32,660 --> 00:47:37,360 mál, vegna þess að PHP er hægt að nota til að framkvæma það sem Google framkvæmda sem 1018 00:47:37,360 --> 00:47:39,650 The bak endir af leitarvélum sínum. 1019 00:47:39,650 --> 00:47:42,890 >> Google, í raun, sennilega notar sumir Python, sumir C + +, og 1020 00:47:42,890 --> 00:47:44,230 bunches annarra tungumála. 1021 00:47:44,230 --> 00:47:48,230 En við gátum svo sannarlega innleiða leit Niðurstöður Using PHP ef við vildum. 1022 00:47:48,230 --> 00:47:49,610 En nú munum við halda það einfalt. 1023 00:47:49,610 --> 00:47:53,320 Og þetta er í raun minnir einn af hinum fyrstu vefsíður ég 1024 00:47:53,320 --> 00:47:54,490 gert árum. 1025 00:47:54,490 --> 00:47:58,160 >> Til baka í dag minn, skráð þig fyrir intramural íþróttir sem freshman eftir 1026 00:47:58,160 --> 00:48:00,880 fylla út blað, gangandi yfir garðinn og sleppa honum í 1027 00:48:00,880 --> 00:48:04,890 pósthólfið á Proctor í Wigglesworth, og það var hvernig þú 1028 00:48:04,890 --> 00:48:05,460 skráð. 1029 00:48:05,460 --> 00:48:09,650 Og svo verkefnið mitt skömmu eftir CS50, var að setja það, sem skapar meistarann 1030 00:48:09,650 --> 00:48:13,460 skilningi, á vefnum, sem var ekki eins og í tísku þá eins og það er nú. 1031 00:48:13,460 --> 00:48:17,510 En allt sem við þurftum að gera var að búa til, meginatriðum, HTML formi. 1032 00:48:17,510 --> 00:48:19,640 >> Og þessi mynd leit u.þ.b. svona. 1033 00:48:19,640 --> 00:48:22,480 Ég hafði innlegg í Freshman er nafn. 1034 00:48:22,480 --> 00:48:27,780 Ég hafði annan kassann fyrir hvort eða ekki þeir vildu vera fyrirliði, hvað 1035 00:48:27,780 --> 00:48:30,400 kyn þeirra var, og hvaða dorm þeirra var. 1036 00:48:30,400 --> 00:48:33,370 Og þá er ég dulmáli harður í hlutum eins Apley dómstólinn og Canaday, 1037 00:48:33,370 --> 00:48:34,880 Grays, og svo framvegis. 1038 00:48:34,880 --> 00:48:36,300 >> Svo aftur, nýr tags. 1039 00:48:36,300 --> 00:48:39,820 Hef ekki séð þetta áður, nýr eiginleika, en nokkuð aðgengileg. 1040 00:48:39,820 --> 00:48:42,360 Þegar þú sérð dæmi, getur þú góður af láni þessi hugmynd og gera dropa 1041 00:48:42,360 --> 00:48:43,820 dúnn matseðill fyrir flest allt. 1042 00:48:43,820 --> 00:48:46,350 En hvað er lykillinn er að hver þessir hlutir hafa nöfn. 1043 00:48:46,350 --> 00:48:49,720 Og neðst á eyðublaðinu, það er gefast upp hnappur sem merki, 1044 00:48:49,720 --> 00:48:51,510 eða verðmæti, er skráin. 1045 00:48:51,510 --> 00:48:52,670 >> Svo skulum við fara á þessa síðu. 1046 00:48:52,670 --> 00:48:55,050 Leyfðu mér að fara aftur í skrá skráningu. 1047 00:48:55,050 --> 00:48:59,410 Leyfðu mér að fara inn í froshims, og fara í froshim0.php. 1048 00:48:59,410 --> 00:49:01,150 Svo það er hideous, að vera sanngjarn. 1049 00:49:01,150 --> 00:49:03,950 Svo ég gæti örugglega stylize þetta með nokkrum CSS, ég gæti gert þetta 1050 00:49:03,950 --> 00:49:06,890 grafík, kannski bæta við nokkrum litum, og gera þetta fallegri. 1051 00:49:06,890 --> 00:49:10,530 En virkni, myndi ég halda því fram að þetta er reyndar nokkuð heill. 1052 00:49:10,530 --> 00:49:15,190 >> Því miður, þegar ég fylla þetta út, David, Captain, Male, við munum velja, 1053 00:49:15,190 --> 00:49:20,510 segjum Matthews, Register, allt sem gerist er þetta. 1054 00:49:20,510 --> 00:49:21,910 En taka nokkra takeaways. 1055 00:49:21,910 --> 00:49:27,130 Einn, hvaða skrá aftur þá Niðurstöður virðist? 1056 00:49:27,130 --> 00:49:29,470 Svo er það reyndar register0.php. 1057 00:49:29,470 --> 00:49:34,570 Svo því að við sáum að aðgerð gildi fyrir augnabliki fyrir register0 þetta 1058 00:49:34,570 --> 00:49:37,500 corroborates að við enduðum örugglega upp á þessa tilteknu skrá. 1059 00:49:37,500 --> 00:49:39,040 >> Nú er þetta bara ljót texta. 1060 00:49:39,040 --> 00:49:42,810 En eftir því þessi texti er koma frá heimamaður gestgjafi, 1061 00:49:42,810 --> 00:49:44,170 sem er frá tækinu. 1062 00:49:44,170 --> 00:49:46,350 Hugsaðu tækisins nú eins bara a vefur framreiðslumaður sem gæti verið í 1063 00:49:46,350 --> 00:49:46,910 Vísindi Center. 1064 00:49:46,910 --> 00:49:48,060 Það gæti verið á the raunverulegur vefnum. 1065 00:49:48,060 --> 00:49:49,850 Svo það opinberlega aðgengilegur. 1066 00:49:49,850 --> 00:49:55,480 >> Svo skýrt, að það er einhver leið liggur mynda sviði inntak til miðlara 1067 00:49:55,480 --> 00:49:56,840 þannig að það getur gert eitthvað með þeim. 1068 00:49:56,840 --> 00:49:59,020 Því miður, register0 er ansi heimskur. 1069 00:49:59,020 --> 00:50:01,870 Allt það gerir er að prenta út fjölda sem lítur svona út. 1070 00:50:01,870 --> 00:50:04,790 Og það er ekki fylki í skilningi að við vitum það. 1071 00:50:04,790 --> 00:50:08,760 Kemur í ljós að PHP, og mikið af tungumál, hafa ekki aðeins tölulega 1072 00:50:08,760 --> 00:50:12,350 Greinar fylki sem fyrsta vísitölu er núll, þá er, þá tvo, þá punktur, 1073 00:50:12,350 --> 00:50:13,780 punktur, punktur, n mínus 1. 1074 00:50:13,780 --> 00:50:16,400 >> Þetta er það sem er kallað tengin array. 1075 00:50:16,400 --> 00:50:21,150 An tengin array er eitt sem þú getur geymt helstu pör gildi þar 1076 00:50:21,150 --> 00:50:23,160 lykillinn er ekki endilega númer. 1077 00:50:23,160 --> 00:50:25,580 Það gæti í raun vera band, orð. 1078 00:50:25,580 --> 00:50:28,230 Og svo þetta getur verið hrint í framkvæmd, undir hetta, snýr það út, 1079 00:50:28,230 --> 00:50:31,896 nota gögn uppbygging þekktur sem? 1080 00:50:31,896 --> 00:50:33,600 Hélt eitthvað dramatísk var að gerast - 1081 00:50:33,600 --> 00:50:34,840 kjötkássa borð. 1082 00:50:34,840 --> 00:50:38,955 >> Svo kjötkássa borð, muna, þá sem gerði það fyrir P setja 6, eða jafnvel muna 1083 00:50:38,955 --> 00:50:44,110 það, að minnsta kosti, jafnvel ef þú did a reyna, sem Hash borð, í notkun okkar, var notuð til að 1084 00:50:44,110 --> 00:50:45,090 bara geyma orð. 1085 00:50:45,090 --> 00:50:47,980 En í raun, þú varst að geyma lykla og gildi. 1086 00:50:47,980 --> 00:50:51,940 Ef þú innleitt kjötkássa borð fyrir P setja 6 orðabók, takkarnir voru 1087 00:50:51,940 --> 00:50:56,890 orð sjálfir, og gildi voru í raun satt eða ósatt. 1088 00:50:56,890 --> 00:51:00,190 Já, hér, eða óbeint, nei, ekki hér. 1089 00:51:00,190 --> 00:51:02,140 >> Jæja, við getum alhæfa þessi hugmynd. 1090 00:51:02,140 --> 00:51:06,230 Og við gátum notað mjög svipuð gögn uppbygging til að geyma ekki strenginn 1091 00:51:06,230 --> 00:51:10,180 sig einn í kjötkássa töflunni, en geri ráð fyrir að í hvert eitt af kjötkássa þinn 1092 00:51:10,180 --> 00:51:11,130 hnúður töflunni. 1093 00:51:11,130 --> 00:51:14,210 Og þú gætir jafnvel gert þetta í að reyna frekar en bara að hafa bool. 1094 00:51:14,210 --> 00:51:15,350 Þú gætir hafa eitthvað annað. 1095 00:51:15,350 --> 00:51:19,590 Hvað ef lykillinn var ekki Maxwell, fyrir dæmi, en vitna Unquote "nafn" eða 1096 00:51:19,590 --> 00:51:22,900 vitna Unquote "Captain." Og inni þinn C gögn uppbygging, setja þér 1097 00:51:22,900 --> 00:51:26,170 gildi, ekki bara Boolean, en af ​​value eins tilvísun Unquote "Davíð," eða 1098 00:51:26,170 --> 00:51:28,690 "M" eða "Matthews," og svo framvegis. 1099 00:51:28,690 --> 00:51:33,170 >> Svo sömu mannvirki gögn sem við notuðum virðist til í öðrum tungumálum. 1100 00:51:33,170 --> 00:51:37,650 Og ég vil halda því fram að þeir eru í raun mikið, miklu einfaldara að komast hingað. 1101 00:51:37,650 --> 00:51:40,300 Skulum í raun kíkja nú á einhverjum slíkum setningafræði. 1102 00:51:40,300 --> 00:51:43,120 >> Ég ætla að fara í PHP skrá. 1103 00:51:43,120 --> 00:51:48,390 Og ég ætla að opna betri útgáfa af hello-0 af áður. 1104 00:51:48,390 --> 00:51:50,270 Takið eftir að allt sem ég gerði var bæta nokkrum athugasemdum. 1105 00:51:50,270 --> 00:51:52,530 Svo við getum að losna við þessi truflun. 1106 00:51:52,530 --> 00:51:57,610 >> Og þetta forrit gerir örugglega prentar halló því ég hef tilgreint milli 1107 00:51:57,610 --> 00:52:01,420 Tags sem mig langar að framkvæma þessi númer. 1108 00:52:01,420 --> 00:52:03,380 Nú munum við sjá í smá stund hvers vegna þetta er gagnlegt. 1109 00:52:03,380 --> 00:52:05,630 En við skulum opna eitt annað dæmi hér. 1110 00:52:05,630 --> 00:52:10,430 Leyfðu mér að fara á undan og opna segja, gedit aðstæður einn. 1111 00:52:10,430 --> 00:52:12,970 >> Þetta er leiðin til baka í tíma núna. 1112 00:52:12,970 --> 00:52:16,320 En vikum, held ég, í viku eitt eða viku tvö, við höfðum dæmi heitir 1113 00:52:16,320 --> 00:52:18,470 conditions1.c. 1114 00:52:18,470 --> 00:52:22,050 Og ég ákvað að reimplement það í PHP, bara til svona leggja áherslu á að 1115 00:52:22,050 --> 00:52:26,500 PHP, setningafræðilega er nánast eins í C. Þetta er ekki a gríðarstór stökk 1116 00:52:26,500 --> 00:52:27,840 frá síðustu viku að þessu. 1117 00:52:27,840 --> 00:52:31,230 >> Tilkynning efst þessarar áætlunar, sem hefst, eins og áður, með nokkrum 1118 00:52:31,230 --> 00:52:34,260 athugasemdir, sem ég mun losna um sem truflun. 1119 00:52:34,260 --> 00:52:37,410 Takið eftir að ég er í PHP háttur í þessari skrá. 1120 00:52:37,410 --> 00:52:40,160 Svo þennan kóða, munum við sjá, mun fá fram. 1121 00:52:40,160 --> 00:52:42,670 Takið eftir að það er readline, sem er líklega 1122 00:52:42,670 --> 00:52:46,230 hliðstæðum í PHP á getstring. 1123 00:52:46,230 --> 00:52:47,390 Eftir það er svolítið öðruvísi. 1124 00:52:47,390 --> 00:52:51,410 Þú tilgreinir í raun hvetja til fall sem kallast lesa línu, og það er 1125 00:52:51,410 --> 00:52:52,180 hvað notandinn sér. 1126 00:52:52,180 --> 00:52:53,520 Svo þú þarft ekki að printf handvirkt. 1127 00:52:53,520 --> 00:52:54,860 En það er ekki stór samningur. 1128 00:52:54,860 --> 00:52:59,150 Ég ætla að geyma, inni $ n er skilagildi þetta, svo hvað sem 1129 00:52:59,150 --> 00:53:00,490 notandinn slær í er int þeirra. 1130 00:53:00,490 --> 00:53:01,660 Og hér er önnur forvitni. 1131 00:53:01,660 --> 00:53:05,810 Það kemur í ljós, í PHP, allir breytu bara þarf að forskeyti 1132 00:53:05,810 --> 00:53:06,970 með dollaramerki. 1133 00:53:06,970 --> 00:53:08,110 Það er svolítið pirrandi. 1134 00:53:08,110 --> 00:53:10,870 En taka það sem ég hef ekki gert í PHP. 1135 00:53:10,870 --> 00:53:13,980 Hvað er vantar í vinstri hendi megin á jafn skilti? 1136 00:53:13,980 --> 00:53:15,430 >> Ekki minnst á tegund. 1137 00:53:15,430 --> 00:53:19,400 Svo er þetta öðruvísi C. Fyrir betri eða verri, PHP er lauslega 1138 00:53:19,400 --> 00:53:20,550 slegið tungumál. 1139 00:53:20,550 --> 00:53:22,010 Það hjartarskinn hafa tölur. 1140 00:53:22,010 --> 00:53:23,240 Það hjartarskinn hafa strengi. 1141 00:53:23,240 --> 00:53:24,015 Það hjartarskinn hafa Booleans. 1142 00:53:24,015 --> 00:53:26,220 Og það hjartarskinn hafa nokkrar aðrar gerðir gagna. 1143 00:53:26,220 --> 00:53:30,570 En þú, sem forritari, yfirleitt þarft ekki að hugsa um þau. 1144 00:53:30,570 --> 00:53:34,010 The kosti þetta er að það gerir það svolítið auðveldara að forrita. 1145 00:53:34,010 --> 00:53:35,380 Þú getur held aðeins minna. 1146 00:53:35,380 --> 00:53:39,840 The hæðir er að það opnar einnig upp á hugsanlega galla ef þú óvart 1147 00:53:39,840 --> 00:53:43,080 meðhöndla fjölda sem streng, a streng sem tala, hugsanlega, en jafnvel 1148 00:53:43,080 --> 00:53:46,150 þá, PHP, og mikið af tungumálum, eru nokkuð umburðarlyndur. 1149 00:53:46,150 --> 00:53:49,050 Þeir vilja nota það sem er kallað óbeina steypu. 1150 00:53:49,050 --> 00:53:55,220 Og ef þú reynir að nota N í samhengi um tölugildi aðstæður, mun það 1151 00:53:55,220 --> 00:53:58,040 umbreyta hvað hér er að fara til vera a band, vegna þess að ef notandinn slær 1152 00:53:58,040 --> 00:54:01,570 eitthvað í, og þú færð niðurstöður, eins og með readline, eða fá band, 1153 00:54:01,570 --> 00:54:02,910 það er að fara að skila streng. 1154 00:54:02,910 --> 00:54:07,360 >> En fyrirvara, nokkra línur síðar, ég athuga hvort n sé stærri en núll. 1155 00:54:07,360 --> 00:54:13,370 Svo PHP er að fara að óbeint kastað minn "Band" 123, eða hvað sem notandinn 1156 00:54:13,370 --> 00:54:14,860 gerðir í, inn í int. 1157 00:54:14,860 --> 00:54:18,730 Svo í stuttu máli, efni virkar bara miklu meira innsæi. 1158 00:54:18,730 --> 00:54:23,410 Svo við byrjum nú að slaka nokkrar af hlutir sem við höfum gert í fortíðinni. 1159 00:54:23,410 --> 00:54:24,780 >> A einhver fjöldi af þessu efni er á sama, þó. 1160 00:54:24,780 --> 00:54:26,340 Enn jafnt hafa jafn. 1161 00:54:26,340 --> 00:54:30,350 Sem innskot PHP einnig jafngildir hefur jafn jafngildir, en meira um það, ef til vill, í 1162 00:54:30,350 --> 00:54:30,850 framtíð. 1163 00:54:30,850 --> 00:54:31,150 Það var a. 1164 00:54:31,150 --> 00:54:35,660 Prentvilla en tveir jafn merki þýðir það sama hlutur eins og áður, til samanburðar. 1165 00:54:35,660 --> 00:54:37,060 printf þýðir það sama og áður. 1166 00:54:37,060 --> 00:54:39,160 Sviga n þýðir það sama hlutur eins og áður. 1167 00:54:39,160 --> 00:54:40,390 >> Svo hvernig keyri ég þetta forrit? 1168 00:54:40,390 --> 00:54:44,400 Jæja, eins og áður, ef ég PHP, conditions1.php, og tegund í 1169 00:54:44,400 --> 00:54:46,560 tala eins 123. 1170 00:54:46,560 --> 00:54:47,720 Það er jákvæð tala. 1171 00:54:47,720 --> 00:54:49,510 Ef ég tegund í 0, sæki ég 0.. 1172 00:54:49,510 --> 00:54:53,700 Og ef ég tegund í neikvæðri 123, ég fæ aftur neikvæð tala, sem er aðeins 1173 00:54:53,700 --> 00:54:59,050 að segja, setningafræðilega, PHP er frábær, frábær svipuð. 1174 00:54:59,050 --> 00:55:03,250 >> Svo hvers vegna er þetta nú gagnlegt í a vefur samhengi? 1175 00:55:03,250 --> 00:55:06,710 Jæja, við skulum fara aftur á þessa froshims dæmi, sem sá, 1176 00:55:06,710 --> 00:55:08,600 aftur, eins og þetta hér. 1177 00:55:08,600 --> 00:55:11,580 Og við skulum draga í raun upp vefsíðu aftur, sem leit svona út. 1178 00:55:11,580 --> 00:55:14,930 Hvað getum við gert með gögn sem er lögð? 1179 00:55:14,930 --> 00:55:18,770 >> Jæja, láttu mig opna nýrri útgáfa af þessu. 1180 00:55:18,770 --> 00:55:20,920 Og þú munt sjá að vandamálið setur forskrift gengur þér 1181 00:55:20,920 --> 00:55:22,850 gegnum nokkrar af þessum. 1182 00:55:22,850 --> 00:55:29,610 Frekar en að byrja með núll, skulum líta á froshims3, 1183 00:55:29,610 --> 00:55:31,410 sem gerir aðeins meira. 1184 00:55:31,410 --> 00:55:34,780 >> Taka fyrst, reyndar, við skulum opna upp hvað 0 var, þannig að þú sérð 1185 00:55:34,780 --> 00:55:37,170 hvaða skrá 0 var. 1186 00:55:37,170 --> 00:55:40,040 Taka eftir hvað skráin 0 gerði. 1187 00:55:40,040 --> 00:55:41,730 Eitt hef ég athugasemdir efst. 1188 00:55:41,730 --> 00:55:43,900 Eyða þeim og einblína á þetta. 1189 00:55:43,900 --> 00:55:48,730 Flest af innihaldi register0.php eru, augljóslega, hvaða tungumál? 1190 00:55:48,730 --> 00:55:49,980 Bara hrátt PHP. 1191 00:55:49,980 --> 00:55:53,430 >> Svo fyrirvara, þessi skrá er ekki byrjað með, á því augnabliki, opinn krappi, 1192 00:55:53,430 --> 00:55:54,970 spurningarmerki, PHP. 1193 00:55:54,970 --> 00:55:59,800 PHP er að leyfa þér að intermingle PHP kóða með HTML tags. 1194 00:55:59,800 --> 00:56:04,130 En ég hef gert það hér inni á síðunni hérna. 1195 00:56:04,130 --> 00:56:08,180 >> Nú, aftur, vilt þú bara veit þetta af hafa litið á handbók. print_r, 1196 00:56:08,180 --> 00:56:13,410 það kemur í ljós, er print_recursive. _recursive Og þetta er bara vel 1197 00:56:13,410 --> 00:56:16,780 gagnsemi virka sem bara prentar út, endurkvæmur, hvað sem þú afhenda það. 1198 00:56:16,780 --> 00:56:18,760 Ef þú hönd það fylki, það mun prenta fylki. 1199 00:56:18,760 --> 00:56:20,180 Ef þú hönd það númer, það verður að prenta númer. 1200 00:56:20,180 --> 00:56:21,570 Vegar a band, mun það prenta streng. 1201 00:56:21,570 --> 00:56:24,500 Ef þú hönd það kjötkássa borð, það mun prenta út kjötkássa borð. 1202 00:56:24,500 --> 00:56:26,730 Þú þarft ekki að skrifa allir þeirrar kóða sjálfur. 1203 00:56:26,730 --> 00:56:29,490 >> Nú eftir því að ég er að slá PHP háttur hérna. 1204 00:56:29,490 --> 00:56:32,070 Ég er spennandi PHP háttur hérna. 1205 00:56:32,070 --> 00:56:35,950 Svo þegar vefur framreiðslumaður les þessa skrá toppur til botn, vinstri til hægri, því 1206 00:56:35,950 --> 00:56:40,750 það endar í filename heitir. PHP, hvað er ekki inni í PHP tags er 1207 00:56:40,750 --> 00:56:42,820 bara að fara að vera spýta út, eins og hrár HTML. 1208 00:56:42,820 --> 00:56:43,630 Ekki máli. 1209 00:56:43,630 --> 00:56:49,280 En um leið og vefur framreiðslumaður tilkynningar þetta, það er að fara að segja, ætti ég ekki 1210 00:56:49,280 --> 00:56:51,850 spýta út, bókstaflega, print_r staða. 1211 00:56:51,850 --> 00:56:54,910 Ég ætti að framkvæma eftirfarandi lína af kóða. 1212 00:56:54,910 --> 00:56:59,850 >> Svo síðustu spurningu, þá af þessari skrá er vel, hvað Heck er þetta? 1213 00:56:59,850 --> 00:57:00,530 Taka giska. 1214 00:57:00,530 --> 00:57:04,230 Hvað er $ _POST, sennilega? 1215 00:57:04,230 --> 00:57:07,070 >> Áhorfendur: [inaudible] 1216 00:57:07,070 --> 00:57:08,830 >> Ræðumaður 1: Já, skráðu gögnin. 1217 00:57:08,830 --> 00:57:11,350 Muna, við skulum fletta aftur í tími fyrir réttlátur a augnablik. 1218 00:57:11,350 --> 00:57:13,165 froshim0, aftur, leit svona út. 1219 00:57:13,165 --> 00:57:15,640 A frábær meirihluti þetta er bara HTML. 1220 00:57:15,640 --> 00:57:18,410 Aftur, sumir merki sem hafa ekki séð ennþá, eða með hvaða 1221 00:57:18,410 --> 00:57:19,360 þú ert þegar kunnuglegur. 1222 00:57:19,360 --> 00:57:21,990 En áhugaverður hlutur var þetta. 1223 00:57:21,990 --> 00:57:27,270 Þessi eina lína er það sem raunverulega tenglar það að register0.php skrá okkar. 1224 00:57:27,270 --> 00:57:29,200 Ég er að senda inn í gegnum POST aðferð. 1225 00:57:29,200 --> 00:57:33,130 Og það þýðir að breytur notandinn slær í eru ekki 1226 00:57:33,130 --> 00:57:35,150 að fara að enda þar. 1227 00:57:35,150 --> 00:57:36,175 >> Þeir eru ekki að fara að mæta í vefslóðinni. 1228 00:57:36,175 --> 00:57:39,020 Þeir eru enn að fara að senda frá viðskiptavinur, frá vafra, til 1229 00:57:39,020 --> 00:57:42,080 miðlara, en bara í gegnum nokkrar aðrar kerfi sem við munum falla hendur okkar 1230 00:57:42,080 --> 00:57:44,330 á í dag, en það er ekki í vefslóðinni. 1231 00:57:44,330 --> 00:57:47,630 En taka sambandið nú með staða, sem, með því að venju, er 1232 00:57:47,630 --> 00:57:49,160 lágstafir hér. 1233 00:57:49,160 --> 00:57:54,090 >> En ef ég opna register0.php, Ég er greinilega prentun þetta. 1234 00:57:54,090 --> 00:57:56,450 Svo er þetta eins konar skrýtin nafngiftir venju. 1235 00:57:56,450 --> 00:58:01,430 En hvað er gott í PHP er að þegar nota PHP í a vefur samhengi, ekki á 1236 00:58:01,430 --> 00:58:04,480 stjórn lína eins og ég gerði smá stund síðan, þegar þú ert í raun að nota það í vefnum 1237 00:58:04,480 --> 00:58:10,580 síðu, í Vhost skrá eins og við erum, sjálfkrafa mun PHP fylla þetta 1238 00:58:10,580 --> 00:58:15,560 hlutur, sem er tengin array, svo að segja, kjötkássa borð, með 1239 00:58:15,560 --> 00:58:17,290 allt sem notandinn slegið inn 1240 00:58:17,290 --> 00:58:22,000 >> Í stuttu máli, $ _POST í öllum húfur er alþjóðlegt breytu sem PHP bara 1241 00:58:22,000 --> 00:58:25,050 dularfullur skapar fyrir þig þegar nota PHP í a vefur samhengi. 1242 00:58:25,050 --> 00:58:29,160 Og það setur innan þess allt í nöfn breytum í þeirri mynd sem 1243 00:58:29,160 --> 00:58:33,200 var lögð í þessa skrá og allar þau gildi sem notandinn slegið inn 1244 00:58:33,200 --> 00:58:37,790 Svo fær það til þín það sem notandinn slegið í því formi. 1245 00:58:37,790 --> 00:58:42,210 >> Svo áður, fengum við mjög heimskulegt framleiðsla á bara að sjá þetta vegna þess að allt sem ég gerði 1246 00:58:42,210 --> 00:58:44,400 var endurkvæmur prenta þetta fylki. 1247 00:58:44,400 --> 00:58:46,060 Lykillinn er nafn, gildið er Davíð. 1248 00:58:46,060 --> 00:58:46,980 Lykillinn er Captain. 1249 00:58:46,980 --> 00:58:47,970 Gildið er á. 1250 00:58:47,970 --> 00:58:52,300 Og tvöfalda ör og hornið krappi þarna, þetta er bara handahófskennt. 1251 00:58:52,300 --> 00:58:53,270 Þetta er ekki númer. 1252 00:58:53,270 --> 00:58:57,690 Þetta er bara leið PHP er að sýna þér hvaða gildi sumir lykill er. 1253 00:58:57,690 --> 00:59:03,000 >> En nú láta mig leggja til að í froshIMs3 er það nánast eins 1254 00:59:03,000 --> 00:59:04,950 nema það leggur í þessa skrá. 1255 00:59:04,950 --> 00:59:08,570 Og aftur, við erum að fara að eins konar bara litið á þetta, bara til að sjá nokkrar 1256 00:59:08,570 --> 00:59:12,040 setningafræði, en tilkynning hvað þessi skrá er. 1257 00:59:12,040 --> 00:59:14,930 Taka giska bara byggt á línum númer, sem líklega líta út eins 1258 00:59:14,930 --> 00:59:17,410 Grísku, að einhverju leyti, er greinilega að gera. 1259 00:59:17,410 --> 00:59:20,580 1260 00:59:20,580 --> 00:59:23,110 >> Þessi skrá er einhvern veginn tengt að póstur, tölvupóstur. 1261 00:59:23,110 --> 00:59:24,770 Svo hvað er þetta forrit að gera? 1262 00:59:24,770 --> 00:59:28,740 Í þessari útgáfu, ef ég væri í raun fylla út þetta eyðublað - og láta mig fara í 1263 00:59:28,740 --> 00:59:30,760 froshIMs3, ekki froshIMs0 - 1264 00:59:30,760 --> 00:59:33,280 1265 00:59:33,280 --> 00:59:34,540 formið lítur það sama. 1266 00:59:34,540 --> 00:59:37,980 David, skipstjóri, karlkyns, dorm, Matthews. 1267 00:59:37,980 --> 00:59:42,980 En ef ég skila þetta, þetta er að fara til register3.php. 1268 00:59:42,980 --> 00:59:46,330 >> Og ég kröfu, með því að skoða það Kóðinn er það að fara að 1269 00:59:46,330 --> 00:59:47,650 einhvern veginn falið tölvupóst. 1270 00:59:47,650 --> 00:59:49,620 Leyfðu mér að fara á undan og opna þetta upp í stærri glugga, svo við 1271 00:59:49,620 --> 00:59:51,030 getur séð það meira hreinlegur. 1272 00:59:51,030 --> 00:59:57,220 Við erum í Vhosts, heimamaður gestgjafi, almennings, froshims. 1273 00:59:57,220 --> 00:59:58,680 Ég ætla að opna annað program, bara svo að við 1274 00:59:58,680 --> 01:00:00,160 getur séð meira í einu. 1275 01:00:00,160 --> 01:00:03,100 >> Svo nú hér, taka nokkra hluti. 1276 01:00:03,100 --> 01:00:06,530 At the top of the skrá er opinn krappi, spurningarmerki, PHP. 1277 01:00:06,530 --> 01:00:08,920 Þá er það fullt af athugasemdum, sem við getum hunsa, er 1278 01:00:08,920 --> 01:00:10,450 uninteresting fyrir nú. 1279 01:00:10,450 --> 01:00:11,300 >> Nú er það þetta. 1280 01:00:11,300 --> 01:00:14,200 Það kemur í ljós PHP hefur mikið af kóða sem kallast þarfnast. 1281 01:00:14,200 --> 01:00:19,110 Það er mjög svipað í anda að s C fela í sér, kjötkássa fela í sér, hvaða 1282 01:00:19,110 --> 01:00:21,980 í meginatriðum grípur innihald sum annar skrá og bara plops þeim hér, 1283 01:00:21,980 --> 01:00:22,930 svo þú getur notað þá. 1284 01:00:22,930 --> 01:00:27,060 Í þessu tilfelli, the tæki hefur, fyrirfram uppsett, bókasafn, ókeypis og 1285 01:00:27,060 --> 01:00:29,900 opinn uppspretta bókasafn sem heitir PHP póstinum sem getur einhver 1286 01:00:29,900 --> 01:00:30,770 hlaða niður af internetinu. 1287 01:00:30,770 --> 01:00:32,000 Við gerðum bara það fyrir þig. 1288 01:00:32,000 --> 01:00:36,130 Og þetta þýðir að ég hef nú tölvupóst virkni að ráða mínu. 1289 01:00:36,130 --> 01:00:38,170 >> Nú, taka nokkra hluti. 1290 01:00:38,170 --> 01:00:41,120 Ég ætla að sannreyna Form er uppgjöf. 1291 01:00:41,120 --> 01:00:45,980 Skrúfjárn út PHP, einn, hefur upphrópunarmerki stig fyrir ekki stjórnandi, rétt eins 1292 01:00:45,980 --> 01:00:49,810 C. En PHP hefur líka valkost kallað tóm. 1293 01:00:49,810 --> 01:00:53,920 >> Tómur skilar bara satt ef gildið af hlutur þú hönd það í 1294 01:00:53,920 --> 01:00:57,190 sviga er tóm, eins og notandi ekki slá neitt inn 1295 01:00:57,190 --> 01:01:02,680 Þannig að þetta er að segja, og taka eftir því setningafræði, mjög minnir C, ef 1296 01:01:02,680 --> 01:01:07,730 nafn lykill, þannig að nafn sviði í formi, sem var lögð fram í gegnum pósti, með 1297 01:01:07,730 --> 01:01:13,010 sem notandinn er ekki að tæma, og þeirra kyn er ekki tóm í formi sem 1298 01:01:13,010 --> 01:01:15,980 vel, og dorm þeirra er ekki tóm - 1299 01:01:15,980 --> 01:01:19,980 en eftir ég er alveg sama um Captain, þá hvað við erum að fara að gera? 1300 01:01:19,980 --> 01:01:21,990 >> Ég ætla að framkvæma þessi lína af kóða. 1301 01:01:21,990 --> 01:01:24,100 Og hægt er að hugsa um þessa tegund eins malloc, en það er lítið 1302 01:01:24,100 --> 01:01:24,800 áhugamaður en það. 1303 01:01:24,800 --> 01:01:29,200 En nú þetta gefur mér sérstakt strúktúr af gerðinni PHP póst. 1304 01:01:29,200 --> 01:01:31,410 En hunsa leitarorð nýju í dag. 1305 01:01:31,410 --> 01:01:35,670 >> Nú ætla ég að hringja í aðgerð sem kallast IsSMTP, sem segir, að nota SMTP. 1306 01:01:35,670 --> 01:01:39,380 Þetta er höfn 25, rétt eins og the vídeó í síðustu viku, þegar hlutur var að kasta 1307 01:01:39,380 --> 01:01:40,710 tölvupóst í eldvegginn. 1308 01:01:40,710 --> 01:01:42,440 Port 25 er SMTP. 1309 01:01:42,440 --> 01:01:44,410 SMTP þýðir að nota póstþjóninn. 1310 01:01:44,410 --> 01:01:46,215 Hver einn, sem við getum notað er Harvard SMTP.fas.harvard.edu. 1311 01:01:46,215 --> 01:01:48,850 1312 01:01:48,850 --> 01:01:51,590 >> Við getum stillt úr heimilisfang að vera John Harvard. 1313 01:01:51,590 --> 01:01:55,090 Ef ég skruna niður frekar, get ég stillt viðtakandinn heimilisfang, bara 1314 01:01:55,090 --> 01:01:56,840 geðþótta, til að vera John Harvard er eins og heilbrigður. 1315 01:01:56,840 --> 01:01:59,210 Svo hann er að fara að vera póst sjálfur. 1316 01:01:59,210 --> 01:02:01,600 >> Nú get ég sett efni til að vera skráning. 1317 01:02:01,600 --> 01:02:03,700 Og ég get sett líkamann bréfa sem hér segir. 1318 01:02:03,700 --> 01:02:06,500 Þessi lína lítur svolítið meira dulinn, en það er bara vegna þess að það er mikið 1319 01:02:06,500 --> 01:02:07,450 af upplýsingum í henni. 1320 01:02:07,450 --> 01:02:10,670 Einn, það er punktur rekstraraðila. 1321 01:02:10,670 --> 01:02:14,510 Einhver verður að vita nú þegar hvað punktur stjórnandi gerir. 1322 01:02:14,510 --> 01:02:15,436 Það er samtenging. 1323 01:02:15,436 --> 01:02:19,240 Svo ef þú vilt taka a band í PHP, og auka við það, eða prepend það, að 1324 01:02:19,240 --> 01:02:23,500 annað band í PHP, þakka Guði þér þarft ekki að nota strcopy og malloc, 1325 01:02:23,500 --> 01:02:25,490 og allt það lengur. 1326 01:02:25,490 --> 01:02:28,765 >> Ef þú vilt concatenate tvo strengi, hver blíðuhót óður í the minni. 1327 01:02:28,765 --> 01:02:30,850 Láttu PHP mynd sem út fyrir þig. 1328 01:02:30,850 --> 01:02:35,200 Hvað PHP mun gera við punktur rekstraraðila hér er bara gera stór setningu út 1329 01:02:35,200 --> 01:02:37,900 á þessari línu, þessi lína, Þessi lína, þessi lína. 1330 01:02:37,900 --> 01:02:40,460 Og nú eftir, er það að fara að tengja í gildi. 1331 01:02:40,460 --> 01:02:43,680 Svo email sem John Harvard er að fara að fá er bókstaflega að fara að segja 1332 01:02:43,680 --> 01:02:49,450 nafn, ristill, eitthvað, frekar, þá erum við loka band og concatenate á 1333 01:02:49,450 --> 01:02:52,220 hvað notandinn slegið í, þá eru opnaðir. 1334 01:02:52,220 --> 01:02:54,570 >> Þá, á næstu línu John Harvard email, það er að fara að segja 1335 01:02:54,570 --> 01:02:55,910 Fyrirliði, On or Nothing. 1336 01:02:55,910 --> 01:02:57,810 Það er að fara að segja kyn, karl eða kona. 1337 01:02:57,810 --> 01:02:59,680 Dorm er að fara að vera Matthews í mínu tilfelli. 1338 01:02:59,680 --> 01:03:03,400 Og þá taka kunnugleg semíkommu aftast. 1339 01:03:03,400 --> 01:03:07,830 Og þá, hérna, tilkynning, nokkuð dulinn enn, en aftur, í kjölfar 1340 01:03:07,830 --> 01:03:12,730 mynstur sem mun verða kunnugt eftir P sett 7, ef senda póst 1341 01:03:12,730 --> 01:03:16,610 False, þá fara á undan og deyja. 1342 01:03:16,610 --> 01:03:19,610 >> Svo hefur PHP fall sem kallast deyja, sem, bókstaflega, bara drepur 1343 01:03:19,610 --> 01:03:22,830 website og bara prentar út hvað þú segir það - það er að deyja 1344 01:03:22,830 --> 01:03:24,280 orð, svo að segja. 1345 01:03:24,280 --> 01:03:28,310 Og að um er að ræða, mun það prentað hvað villa upplýsa er fyrir 1346 01:03:28,310 --> 01:03:29,860 hvað gerðist að fara úrskeiðis. 1347 01:03:29,860 --> 01:03:34,490 Svo langa sögu stutta hér, hvað við höfum er dæmi þar sem þegar notandinn 1348 01:03:34,490 --> 01:03:39,150 leggur út eyðublaðið, froshim0, froshims3.php, fer það að 1349 01:03:39,150 --> 01:03:40,760 register3.php. 1350 01:03:40,760 --> 01:03:45,290 En register3.php býðst til að framkvæma allar þessar línur. 1351 01:03:45,290 --> 01:03:46,620 >> Svo er það nokkur burt taka hér. 1352 01:03:46,620 --> 01:03:50,380 Einn, það virðist nokkuð auðvelt, kerfisbundið, að senda tölvupóst, 1353 01:03:50,380 --> 01:03:50,830 sem er gott. 1354 01:03:50,830 --> 01:03:53,500 Þegar notendur skrá sig fyrir síðuna þína, í þetta mál, þegar þeir skrá fyrir þinn 1355 01:03:53,500 --> 01:03:56,220 íþróttir, getur þú email freshman Proctor, eða John 1356 01:03:56,220 --> 01:03:57,650 Harvard, í þessu tilfelli. 1357 01:03:57,650 --> 01:04:01,630 >> En það þýðir líka að þú getur gert hvað? 1358 01:04:01,630 --> 01:04:03,970 Senda tölvupóst frá neinum við neinn. 1359 01:04:03,970 --> 01:04:05,430 Og þetta er mjög satt. 1360 01:04:05,430 --> 01:04:08,580 Þetta er ekki eins auðveldlega gert ef þú ert að nota til að nota Gmail. 1361 01:04:08,580 --> 01:04:11,310 En ef þú hefur einhvern tíma notað Eudora eða Outlook, getur þú nokkurn veginn segja að 1362 01:04:11,310 --> 01:04:13,720 Póstþjónn sem þú ert einhver sem þú vilt. 1363 01:04:13,720 --> 01:04:16,450 Og þetta er þar sem ég þarf að setja á að húfu og segja, ekki gera þetta. 1364 01:04:16,450 --> 01:04:21,140 En þetta er erfðaskrá til hversu auðvelt það er að framkvæma phishing árásir, og 1365 01:04:21,140 --> 01:04:24,310 senda nafnlaus bréf, og spam, meira almennt. 1366 01:04:24,310 --> 01:04:27,330 Og það snýst raunverulega niður í staðreynd að allt sem þú þarft er einhver 1367 01:04:27,330 --> 01:04:28,500 forritanlegur aðgang. 1368 01:04:28,500 --> 01:04:31,940 >> Sem innskot, mitt nánasta hitti auglýsingin borð, eigin freshman árið mitt, 1369 01:04:31,940 --> 01:04:34,320 var þegar ég uppgötvaði þetta flott bragð að, vá, getur þú 1370 01:04:34,320 --> 01:04:36,850 senda tölvupóst frá þeim. 1371 01:04:36,850 --> 01:04:39,770 Og svo vorum við með nokkur heimskur rök, bókstaflega, í Matthews, 1372 01:04:39,770 --> 01:04:40,790 hópi Proctor mínum. 1373 01:04:40,790 --> 01:04:42,470 Ég er ekki einu sinni muna hvað málið var. 1374 01:04:42,470 --> 01:04:44,970 En ég vildi reyna að setja enda á þetta heimskur umræðu. 1375 01:04:44,970 --> 01:04:48,580 >> Þannig að ég ákvað að ég mun bara að senda tölvupóst til Proctor hópnum mínum, þykjast vera 1376 01:04:48,580 --> 01:04:52,000 hinn gaurinn, með sem álit I ósammála, og hafa hann acquiesce til 1377 01:04:52,000 --> 01:04:54,680 hvað mín skoðun var í þetta tiltekna umræðu. 1378 01:04:54,680 --> 01:04:59,320 Og svo ég svikin þetta bréf með á tækni svipuð í anda að þessu. 1379 01:04:59,320 --> 01:05:01,256 En það var í raun auðveldara á þeim tíma. 1380 01:05:01,256 --> 01:05:02,435 Högg senda. 1381 01:05:02,435 --> 01:05:06,660 Hann var ekki ánægður, né myndi hafa verið auglýsingin borð. 1382 01:05:06,660 --> 01:05:10,280 >> Og ég var mjög fljótt caught innan sekúndur vegna þess, eins og þú veist, ég undirrita 1383 01:05:10,280 --> 01:05:11,420 tölvupóst minn í ákveðinn hátt. 1384 01:05:11,420 --> 01:05:14,200 Og þótt ég geri það handvirkt, í stórum hluti, 15 árum síðar vegna þess að ég var 1385 01:05:14,200 --> 01:05:15,080 áfall sem. 1386 01:05:15,080 --> 01:05:16,960 Ég hef ekki við undirskrift á netfangið mitt núna. 1387 01:05:16,960 --> 01:05:20,440 En árið 1995, hafði ég bara SIG, undirskrift í tölvupósti mínum. 1388 01:05:20,440 --> 01:05:24,630 Þannig að það var þessi athugið að segja, Dear Proctor hópur, acquiesce ég álit mitt 1389 01:05:24,630 --> 01:05:31,240 og sammála Davíð, undirritaður svo og svo, nýja línu, nýr lína, DJM. 1390 01:05:31,240 --> 01:05:36,220 >> Svo gera það ekki eða, almennt, að taka Kosturinn við þessa tækni. 1391 01:05:36,220 --> 01:05:39,950 En þegar gerð vefsíðu, eins og fyrir lokaverkefni þitt, þegar að gera 1392 01:05:39,950 --> 01:05:43,460 website fyrir eitthvað sjálfbær, þetta er hvernig, pragmatically, þú getur 1393 01:05:43,460 --> 01:05:47,000 skiptimynt aðra þjónustu á internetinu eins og póstur og þá í raun 1394 01:05:47,000 --> 01:05:49,440 senda hlutina með kóðann. 1395 01:05:49,440 --> 01:05:51,240 >> Og hvernig getum við bætt við þetta? 1396 01:05:51,240 --> 01:05:54,370 Jæja, fyrst skulum taka fljótur skoðunarferð um sumir af þeim hlutum sem þú munt sjá, 1397 01:05:54,370 --> 01:05:56,170 og þá taka a líta á a par af dæmi. 1398 01:05:56,170 --> 01:05:59,500 Svo einn, að fullvissa, því við erum að fljúga í gegnum PHP. 1399 01:05:59,500 --> 01:06:02,470 Og ég veit, á einhverjum tímapunkti, þarftu til raunverulega byrja að skrifa þetta ef þú 1400 01:06:02,470 --> 01:06:03,460 hafa ekki nú þegar. 1401 01:06:03,460 --> 01:06:06,220 Átta sig á því, einn, helstu er góður af út um gluggann með PHP. 1402 01:06:06,220 --> 01:06:09,420 Ef þú vilt að skrifa kóða sem fær framkvæma, byrja þú bara að skrifa það í 1403 01:06:09,420 --> 01:06:13,970 skrá sem kallast. php? svo lengi sem þú hefur opinn krappi 1404 01:06:13,970 --> 01:06:15,620 spurningarmerki PHP merkinu. 1405 01:06:15,620 --> 01:06:19,730 >> En taka þetta eru aðstæður í PHP. 1406 01:06:19,730 --> 01:06:22,610 Tilkynning, þetta er nákvæmlega sama mynd við höfðum í viku eitt þegar við þurftum 1407 01:06:22,610 --> 01:06:25,670 aðstæður í C. aðstæður í PHP eru setningafræðilega og 1408 01:06:25,670 --> 01:06:27,140 setningafræðilega sú sama. 1409 01:06:27,140 --> 01:06:30,290 Eini alvöru munurinn er ef þú hefur fengið breytur sem taka þátt, hefur þú þá 1410 01:06:30,290 --> 01:06:31,600 dollara merki. 1411 01:06:31,600 --> 01:06:33,970 >> Á meðan, Boolean tjáning líta bara svona 1412 01:06:33,970 --> 01:06:35,725 eða-ing eða og-ing saman. 1413 01:06:35,725 --> 01:06:37,780 Rofar líta nákvæmlega sama. 1414 01:06:37,780 --> 01:06:42,180 Hvað er gott í PHP, en í C, skiptir að vera tilvik um 1415 01:06:42,180 --> 01:06:46,380 frumform eins ints eða stafir, í PHP ræða yfirlýsingar geta raunverulega vera 1416 01:06:46,380 --> 01:06:48,430 á heild strengjum, sem er í raun eins konar ágætur. 1417 01:06:48,430 --> 01:06:49,480 Sparar þér tíma. 1418 01:06:49,480 --> 01:06:50,820 Gat ekki gert það í C. 1419 01:06:50,820 --> 01:06:52,880 >> Hér er til lykkja í PHP. 1420 01:06:52,880 --> 01:06:53,740 Það er eins. 1421 01:06:53,740 --> 01:06:55,400 Gæti hafa sumir dollara merki fyrir breytur. 1422 01:06:55,400 --> 01:06:57,530 Þú þarft ekki að nefna að eitthvað er int. 1423 01:06:57,530 --> 01:07:00,580 Þú lýsa bara með dollaramerki og nafn breytu. 1424 01:07:00,580 --> 01:07:01,430 En á fyrir lykkja er sú sama. 1425 01:07:01,430 --> 01:07:02,760 A meðan lykkja er sú sama. 1426 01:07:02,760 --> 01:07:04,870 A gera á meðan lykkja er það sama. 1427 01:07:04,870 --> 01:07:06,170 >> Þetta er svolítið öðruvísi. 1428 01:07:06,170 --> 01:07:12,410 Svo með PHP, með fjölda, getur þú statically lýsa fjölda, eins og í C, 1429 01:07:12,410 --> 01:07:14,420 en þú notar hornklofa. 1430 01:07:14,420 --> 01:07:17,060 Í C, myndir þú nota hrokkið axlabönd, ef þú vissir jafnvel þessi. 1431 01:07:17,060 --> 01:07:20,910 En þetta er reyndar mjög algengt í PHP til að lýsa fjölda, í þessu tilfelli, 1432 01:07:20,910 --> 01:07:23,640 númera, og hringdu breytilegum tölur. 1433 01:07:23,640 --> 01:07:25,300 >> Breytur sjálfir líta svona út. 1434 01:07:25,300 --> 01:07:28,710 Hér er a band, vitna Unquote "halló heimurinn. "Þú gætir hafa sviga n. 1435 01:07:28,710 --> 01:07:30,950 Ég einfaldlega ekki í þessu tilfelli. 1436 01:07:30,950 --> 01:07:32,640 >> Nú er þetta áhugavert reisa. 1437 01:07:32,640 --> 01:07:33,700 C er ekki með þessu. 1438 01:07:33,700 --> 01:07:34,700 En þetta er frábær gagnlegt. 1439 01:07:34,700 --> 01:07:38,160 Og þú munt sjá þetta í P setja 7 Sérstakur - a fyrir hvern reisa. 1440 01:07:38,160 --> 01:07:41,800 Ef þú vilt að ítreka yfir alla þættir fylki, þú þarft ekki 1441 01:07:41,800 --> 01:07:45,500 að takast á við $ i og $ n, og + +, og allt það. 1442 01:07:45,500 --> 01:07:47,640 Þú getur bókstaflega segja, í php, þetta - 1443 01:07:47,640 --> 01:07:51,890 fyrir hvert númer sem fjölda, svo Ég er hrokafullur að $ Numbers 1444 01:07:51,890 --> 01:07:53,380 er fylki af tölum. 1445 01:07:53,380 --> 01:07:56,460 Og þegar ég segi fyrir hvert númer sem tala, þetta er að fara að 1446 01:07:56,460 --> 01:08:00,505 sjálfkrafa, eins og lykkja minn keyrir, uppfæra á hverjum endurtekning, gildi 1447 01:08:00,505 --> 01:08:03,260 inni dollaramerki tala - 1448 01:08:03,260 --> 01:08:07,730 aftur, og aftur, og aftur gangandi fyrir mig yfir þessi fylking. 1449 01:08:07,730 --> 01:08:08,735 Svo sparar það okkur bara númer. 1450 01:08:08,735 --> 01:08:12,250 Engar semikommum, ekki + + 's, nei ég er, Nei það n, það er bara gaman. 1451 01:08:12,250 --> 01:08:13,700 >> En PHP hefur líka þetta. 1452 01:08:13,700 --> 01:08:14,830 Og þetta er frábær öflugur. 1453 01:08:14,830 --> 01:08:17,410 Og þú munt nota þetta, hendur á, í P sett 7. 1454 01:08:17,410 --> 01:08:21,990 Og tengin array er einnig lýst með hornklofum. 1455 01:08:21,990 --> 01:08:23,569 En taka setningafræði núna. 1456 01:08:23,569 --> 01:08:26,880 Það er minnir af því sem við sáum með print_r fyrir augnabliki. 1457 01:08:26,880 --> 01:08:31,810 Hversu margir lyklar, sem lítið andleg heilbrigði stöðva, er þetta array virðist hafa. 1458 01:08:31,810 --> 01:08:32,689 >> Svo hefur það tvo. 1459 01:08:32,689 --> 01:08:33,830 Og ég kalla þetta fylki. 1460 01:08:33,830 --> 01:08:36,760 En ef það hjálpar, getur þú hugsa þessarar sem kjötkássa töflu, eða eins og 1461 01:08:36,760 --> 01:08:37,930 að tengin array. 1462 01:08:37,930 --> 01:08:39,580 En það er bara mismunandi tegund af array. 1463 01:08:39,580 --> 01:08:41,080 Og aftur, mismunandi tungumál hafa þessir. 1464 01:08:41,080 --> 01:08:43,810 Við munum sjá eitthvað svipað í JavaScript og vel. 1465 01:08:43,810 --> 01:08:44,609 Það er tveir lyklar. 1466 01:08:44,609 --> 01:08:48,390 Einn er vitna Unquote, "tákn," einn er vitna Unquote "verð." Og þá takka 1467 01:08:48,390 --> 01:08:49,250 hver hafa gildi. 1468 01:08:49,250 --> 01:08:54,420 Í þessu tilfelli gildi táknum er FB, til Gildi facebook, og verð er 49, 26, 1469 01:08:54,420 --> 01:08:56,899 sem var lager Facebook verð eins og í morgun. 1470 01:08:56,899 --> 01:09:00,170 >> Svo hvað er gagnlegt um að tengin array. 1471 01:09:00,170 --> 01:09:02,620 Ég gæti hafa haft tölulega verðtryggð array með bara 1472 01:09:02,620 --> 01:09:04,120 einföld hornklofum. 1473 01:09:04,120 --> 01:09:09,380 Og ég hefði getað haft dollaramerki vitna jafngildir bara þetta. 1474 01:09:09,380 --> 01:09:10,529 Leyfðu mér að gera í raun það. 1475 01:09:10,529 --> 01:09:14,796 Býst ég í staðinn bara lýst þetta array svona. 1476 01:09:14,796 --> 01:09:17,590 Það er fullkomlega gild, setningafræðilega. 1477 01:09:17,590 --> 01:09:20,569 Það skiptir ekki missa neinar upplýsingar, í sjálfu sér. 1478 01:09:20,569 --> 01:09:24,760 Ég sé enn að táknið er FB, og að verð er 49, 26. 1479 01:09:24,760 --> 01:09:28,939 Svo hvers vegna eru tengin fylki sannfærandi? 1480 01:09:28,939 --> 01:09:30,189 >> Áhorfendur: Þú þarft ekki að muna þar sem þú setur efni. 1481 01:09:30,189 --> 01:09:32,050 1482 01:09:32,050 --> 01:09:34,130 >> Ræðumaður 1: Einmitt, þú ert ekki að muna hvar þú settir efni. 1483 01:09:34,130 --> 01:09:37,670 Þú þarft ekki að geðþótta muna að birgðir tákn er í krappi núll, 1484 01:09:37,670 --> 01:09:41,479 og hlutabréfaverð er í krappi einn, sem er sérstaklega hættulegt ef þú 1485 01:09:41,479 --> 01:09:43,220 breyta hlutum, loksins. 1486 01:09:43,220 --> 01:09:46,399 Það er miklu betur til að tengja hvað við munum kalla lýsigögn 1487 01:09:46,399 --> 01:09:48,340 með raunverulegum gögnum. 1488 01:09:48,340 --> 01:09:52,399 Ég myndi halda því fram að það sem við í raun sama um hér er FB og 49, 26.. 1489 01:09:52,399 --> 01:09:57,020 Táknið og verð er lýsigögn sem lýsir þau gögn sem við 1490 01:09:57,020 --> 01:09:58,180 í raun sama um. 1491 01:09:58,180 --> 01:10:01,910 En þetta er bara svo mikið auðveldara að fá aðgang. 1492 01:10:01,910 --> 01:10:04,090 >> Nú, eins og til hliðar hvað er það verð sem við borga? 1493 01:10:04,090 --> 01:10:06,600 Við höfum verið að gera þetta í CS50 í margar vikur. 1494 01:10:06,600 --> 01:10:10,740 Þessi eiginleiki verður að koma á einhverjum kostnaði. 1495 01:10:10,740 --> 01:10:11,350 Minni. 1496 01:10:11,350 --> 01:10:13,830 Svo þú ert ekki bara að geyma 32-bita heiltala, til dæmis. 1497 01:10:13,830 --> 01:10:17,980 Þú ætlar að geyma tákn / 0, sennilega. 1498 01:10:17,980 --> 01:10:19,160 Svo þú ert að nota meira minni. 1499 01:10:19,160 --> 01:10:22,540 >> Og hvað er árangur leita eitthvað upp í 1500 01:10:22,540 --> 01:10:24,822 tengin array, sennilega? 1501 01:10:24,822 --> 01:10:26,590 Það er sennilega hægari. 1502 01:10:26,590 --> 01:10:29,670 Random aðgangur er ágætur, sérstaklega þegar þú getur gert tvöfaldur leit. 1503 01:10:29,670 --> 01:10:33,380 En ef þú ert í raun nú útlit ekki fyrir tölur, en fyrir strengi, þetta 1504 01:10:33,380 --> 01:10:37,630 sannarlega er framkvæmd undir því hetta, sennilega sem kjötkássa borð, þar 1505 01:10:37,630 --> 01:10:42,950 þú annað hvort notað kjötkássa borð með sérstakri chaining. 1506 01:10:42,950 --> 01:10:46,040 Eða þú notar a reyna að raunverulega geyma gildin. 1507 01:10:46,040 --> 01:10:50,550 Svo kannski hægt að gera stöðugt tíma, en þú ert enn að líta á S-Y-M-B-O-L, 1508 01:10:50,550 --> 01:10:54,510 hugsanlega í staðinn fyrir bara 32 bits til að líta eitthvað upp. 1509 01:10:54,510 --> 01:10:58,430 Svo aftur, þessar sömu hugmyndir koma aftur að endurtaka sig í þessu samhengi. 1510 01:10:58,430 --> 01:11:02,120 >> En aftur, PHP hefur nú nokkur frábær Víðværur að það kemur í ljós, eru 1511 01:11:02,120 --> 01:11:02,900 tengin fylki. 1512 01:11:02,900 --> 01:11:05,590 Við sáum einn í smá stund síðan, $ _POST. 1513 01:11:05,590 --> 01:11:08,400 Og að Super GLOBAL hefur lykla og gildi. 1514 01:11:08,400 --> 01:11:10,550 Sérstaklega, takkana stilla upp með hvað? 1515 01:11:10,550 --> 01:11:14,520 Hvaðan takkana í $ _POST koma frá? 1516 01:11:14,520 --> 01:11:15,380 Bara að ágrip? 1517 01:11:15,380 --> 01:11:16,480 >> Áhorfendur: Nafn. 1518 01:11:16,480 --> 01:11:17,900 >> Ræðumaður 1: Nafn, hvar? 1519 01:11:17,900 --> 01:11:19,860 >> Áhorfendur: [inaudible] 1520 01:11:19,860 --> 01:11:20,750 >> Ræðumaður 1: Name er eiginleiki. 1521 01:11:20,750 --> 01:11:23,480 Jæja þar, þar sem þeir fengu upphaflega koma frá? 1522 01:11:23,480 --> 01:11:24,120 Formið. 1523 01:11:24,120 --> 01:11:30,140 Svo ef HTML síða hefur form tag, inni sem eru sumir inntak, eins 1524 01:11:30,140 --> 01:11:34,760 stöðva hnefaleikar, texta kassa, falla niður valmyndir, sem hver um sig hefur nafn, þá 1525 01:11:34,760 --> 01:11:40,260 Nöfn á endanum eins og lyklar í $ _POST, og, hreinskilnislega, fyrir þessi efni, $ _GET. 1526 01:11:40,260 --> 01:11:42,130 Ef aðferðin er að fá, sama hugmynd. 1527 01:11:42,130 --> 01:11:43,830 Það er bara í öðru frábær Global. 1528 01:11:43,830 --> 01:11:47,620 Og gildin, að sjálfsögðu, að koma frá hvað notandinn slegið inn á hans eða 1529 01:11:47,620 --> 01:11:48,890 Vafrinn hennar. 1530 01:11:48,890 --> 01:11:49,830 >> En það er nokkur annar. 1531 01:11:49,830 --> 01:11:52,140 Það er kex, sem við munum koma aftur að lokum. 1532 01:11:52,140 --> 01:11:56,050 En þeir eru það sem þú veist vefur notar fyrir sumir gott eða illt. 1533 01:11:56,050 --> 01:11:57,420 En við munum koma aftur til það. 1534 01:11:57,420 --> 01:12:01,720 Server og fundur, og þessir tveir hafa sérstakan gagnsemi. 1535 01:12:01,720 --> 01:12:03,940 >> En við skulum taka a líta á þetta. 1536 01:12:03,940 --> 01:12:13,330 Leyfðu mér að fara á undan og opna upp dæmi kallað mvc0.php Svo MVC 1537 01:12:13,330 --> 01:12:14,900 stendur fyrir eftirfarandi. 1538 01:12:14,900 --> 01:12:19,390 Og við kynna þetta fyrr en er dæmigerður, virkilega, til að fá þig að hanna 1539 01:12:19,390 --> 01:12:22,180 Heimadæmi 7, og einnig lokaverkefni, í konar iðnaði 1540 01:12:22,180 --> 01:12:23,670 staðall leið og hreinn vegur. 1541 01:12:23,670 --> 01:12:24,820 Það er góð hönnun. 1542 01:12:24,820 --> 01:12:29,090 >> Svo þú ert að fara að sjá, og þú munt reynslu, í P setja 7, hugmyndafræði, röðun 1543 01:12:29,090 --> 01:12:32,260 af forritun hugur, sem lítur smá eitthvað eins og this. 1544 01:12:32,260 --> 01:12:35,570 M fyrir Model, C fyrir Controller, V for View. 1545 01:12:35,570 --> 01:12:39,690 Löng saga stutt, MVC er bara góður um aðferðafræði, leið til að gera 1546 01:12:39,690 --> 01:12:43,360 vefsíður, einkum þar sem að setja öll, þinn heimskur setningu - 1547 01:12:43,360 --> 01:12:44,970 viðskipti rökfræði - 1548 01:12:44,970 --> 01:12:49,710 allar hugverkarétt þinn í hvað heitir stjórnandi, skrá 1549 01:12:49,710 --> 01:12:54,840 eins index.php, eða við munum sjá, quote.php eða buy.php. 1550 01:12:54,840 --> 01:12:59,570 >> Í tengslum við setja Vandamál 7, þinn líkön innihalda yfirleitt gögn, 1551 01:12:59,570 --> 01:13:03,860 eitthvað tengt við gagnagrunn, eins og við munum lokum sjá, og skoðanir þínar 1552 01:13:03,860 --> 01:13:07,510 innihalda fagurfræði þínum staður, HTML, CSS. 1553 01:13:07,510 --> 01:13:10,420 Þannig að við sáum nú þegar þetta í C smá hluti með því að nota. h skrám. 1554 01:13:10,420 --> 01:13:15,010 Við sáum það virkilega í smá stund síðan með CSS, með þátta CSS stylization 1555 01:13:15,010 --> 01:13:16,520 efni úr HTML okkar. 1556 01:13:16,520 --> 01:13:20,730 >> Svo er MVC raun bara um að teikna línur í sandinn og segja, að 1557 01:13:20,730 --> 01:13:25,400 áhugavert forritun kóða fyrir þinn website tilheyrir í það sem við munum kalla 1558 01:13:25,400 --> 01:13:26,400 stjórnandi. 1559 01:13:26,400 --> 01:13:29,280 Efni sem tengjast gagnagrunni venjulega endar í líkan. 1560 01:13:29,280 --> 01:13:33,070 En þú munt sjá, í setja dæmi 7, við sameinast C og M til að halda það einfalt. 1561 01:13:33,070 --> 01:13:37,630 En útsýni er þar sem allar HTML og fagurfræði fara yfirleitt. 1562 01:13:37,630 --> 01:13:39,160 >> Svo hvað þýðir þetta í raungildi? 1563 01:13:39,160 --> 01:13:45,980 Jæja, láttu mig fara inn í MVC okkar skrá sem hér segir. 1564 01:13:45,980 --> 01:13:48,880 Og þú munt sjá meira af þessum tónleikaferð í gegnum sérstakur. 1565 01:13:48,880 --> 01:13:53,200 Svo í mvc0, halda ég að þetta sé, eins og, útgáfa 0 vefsíður CS50 er. 1566 01:13:53,200 --> 01:13:56,670 >> Allt sem við höfum er einhver HTML, eins stór h1 tag, greinilega. 1567 01:13:56,670 --> 01:13:57,800 Og þá Punktalisti. 1568 01:13:57,800 --> 01:13:59,860 Ég hef aldrei séð bulleted lista áður, en ekki stór samningur. 1569 01:13:59,860 --> 01:14:01,590 Við skulum fljótt að líta á the uppspretta merkjamál. 1570 01:14:01,590 --> 01:14:06,610 Skrúfjárn út óraðaðan lista með byssukúlum er opinn krappi ul með einn eða 1571 01:14:06,610 --> 01:14:09,065 fleiri atriðum, li. 1572 01:14:09,065 --> 01:14:10,650 Svo er tilkynning hér akkeri merkinu. 1573 01:14:10,650 --> 01:14:12,130 Við sáum að í smá stund síðan. 1574 01:14:12,130 --> 01:14:13,810 >> Svo er þetta hvernig ég innleitt þessari síðu. 1575 01:14:13,810 --> 01:14:18,460 Ég hef fengið tvo tengla, tveir lista atriði, eitt ul fyrir óraðaða lista, og endirinn 1576 01:14:18,460 --> 01:14:22,700 Niðurstaðan, fagurfræðilega er þetta mjög laglegur website, útgáfa 0 hér. 1577 01:14:22,700 --> 01:14:26,840 En hvað er áhugavert nú er hvernig þetta er hrint í framkvæmd undir hetta. 1578 01:14:26,840 --> 01:14:33,590 >> Leyfðu mér að fara inn gedit og opna þetta mjög fyrstur dæmi til að mála mynd. 1579 01:14:33,590 --> 01:14:37,070 Og við munum líta á það sem er gölluð, hugsanlega í hér. 1580 01:14:37,070 --> 01:14:43,260 Nú ef ég fer inn localhost, almennings, MVC, taka nokkrar skrár. 1581 01:14:43,260 --> 01:14:45,780 Ég ætla að kalla þetta, fyrir stund, allar stýringar. 1582 01:14:45,780 --> 01:14:48,640 En það er hluti af misnotkun vegna þú munt sjá allt er commingled 1583 01:14:48,640 --> 01:14:49,620 innra með þeim. 1584 01:14:49,620 --> 01:14:52,330 >> Og láta mig fara inn á index.php. 1585 01:14:52,330 --> 01:14:54,700 Og við sjáum, bókstaflega, sama HTML. 1586 01:14:54,700 --> 01:14:57,970 Svo jafnvel þótt þessa skrá endar í . PHP, er það ekki að það þarf að 1587 01:14:57,970 --> 01:14:59,500 hafa allir PHP kóðann. 1588 01:14:59,500 --> 01:15:02,290 Það getur bara verið hrár HTML, þótt það er góður af kjánalegt. 1589 01:15:02,290 --> 01:15:07,650 En taka það er engin opin krappi PHP merkja, nema þetta, sem hreinskilnislega, 1590 01:15:07,650 --> 01:15:09,160 er bara þarna til að þjóna sem athugasemd. 1591 01:15:09,160 --> 01:15:12,080 En það er virkni ekki jafnvel áhugavert. 1592 01:15:12,080 --> 01:15:12,960 >> En taka þetta. 1593 01:15:12,960 --> 01:15:15,400 Hvað er áhugavert nú er það breytingar á þessari síðu. 1594 01:15:15,400 --> 01:15:16,650 Leyfðu mér að smella Fyrirlestrar. 1595 01:15:16,650 --> 01:15:18,560 Og taka slóðina er um að breyta. 1596 01:15:18,560 --> 01:15:20,930 Núna er ég á lectures.php. 1597 01:15:20,930 --> 01:15:22,630 Leyfðu mér að smella núll. 1598 01:15:22,630 --> 01:15:27,200 Núna er ég á week0.php Og nú skulum mér opnar þessa skrá í gedit. 1599 01:15:27,200 --> 01:15:30,120 Ekki bara vísitölu, en láta mig opna fyrirlestra. 1600 01:15:30,120 --> 01:15:33,900 Og láta mig losna við athugasemd að leggja áherslu á þessa hluti aðeins. 1601 01:15:33,900 --> 01:15:37,680 >> Og nú langar mig að opna bara einn, week0.php, henda athugasemdir, 1602 01:15:37,680 --> 01:15:39,910 bara að hreinsa þetta upp. 1603 01:15:39,910 --> 01:15:41,720 Og nú eftir eftirfarandi. 1604 01:15:41,720 --> 01:15:47,340 Hugsa virkilega svona vandlega um hönnun, og við skulum gera það línu 1605 01:15:47,340 --> 01:15:52,013 upp á sama, hvað væri hægt að gera betri hér, finnst þér? 1606 01:15:52,013 --> 01:15:56,450 1607 01:15:56,450 --> 01:15:57,780 >> Hvernig gerði ég gera í viku einn? 1608 01:15:57,780 --> 01:15:58,480 Hvernig óður í this. 1609 01:15:58,480 --> 01:16:00,450 Svo er þetta hvernig ég gerði viku einn. 1610 01:16:00,450 --> 01:16:08,290 Ég fór upp í File, New, Paste, Vista, week1.php, og þá fór ég í hér. 1611 01:16:08,290 --> 01:16:09,875 Og ég breytti einn - 1612 01:16:09,875 --> 01:16:11,646 hvað var þetta, einn til föstudags. 1613 01:16:11,646 --> 01:16:14,430 1614 01:16:14,430 --> 01:16:15,810 Ég breytti núll til einn. 1615 01:16:15,810 --> 01:16:17,150 Ég breytti þessu í einu. 1616 01:16:17,150 --> 01:16:20,350 >> OK, svo nú líta á minn skrá. 1617 01:16:20,350 --> 01:16:22,100 Hvað mætti ​​gera öðruvísi? 1618 01:16:22,100 --> 01:16:25,310 Hvar er tækifæri, kannski? 1619 01:16:25,310 --> 01:16:28,330 Svo er það tækifæri til að byrja þátta þetta efni út. 1620 01:16:28,330 --> 01:16:32,950 Leyfðu mér að opna, sem spoiler, fyrir hvað þú munt sjá í P setja 7. 1621 01:16:32,950 --> 01:16:38,750 Ef ég opna, nú, index.php í útgáfu fimm af þessu, lítur það leið 1622 01:16:38,750 --> 01:16:40,730 meira dulinn, að vísu. 1623 01:16:40,730 --> 01:16:43,710 >> En þetta, sem nú er, það sem ég ætla að hringja í stjórnandi sem er að stjórna 1624 01:16:43,710 --> 01:16:44,770 rökfræði á síðu mína. 1625 01:16:44,770 --> 01:16:48,510 Og þú getur konar endurgera, innsær, kannski, hvað er að gerast. 1626 01:16:48,510 --> 01:16:50,630 Á fyrstu línu, það er smá dulinn. 1627 01:16:50,630 --> 01:16:54,040 En eftir ég er að krefjast, eins og með skarpur fela, skrá sem kallast 1628 01:16:54,040 --> 01:16:55,930 helpers.php. 1629 01:16:55,930 --> 01:16:59,980 Og þá er ég að hringja, greinilega, að virka, heitir inna af hendi, sem liggur í 1630 01:16:59,980 --> 01:17:00,850 tvö rök. 1631 01:17:00,850 --> 01:17:02,440 >> Einn er vitna Unquote, haus. 1632 01:17:02,440 --> 01:17:04,800 Og hitt er, hvers konar gögn tegund er þetta, undirstaða 1633 01:17:04,800 --> 01:17:07,180 á setningafræði okkar fyrr? 1634 01:17:07,180 --> 01:17:08,160 Það er tengd array. 1635 01:17:08,160 --> 01:17:11,730 Sérstaklega, er það liggur í titlinum með nokkrum lýsigögn sem minnir 1636 01:17:11,730 --> 01:17:13,430 mér hvað það er og gildi þess. 1637 01:17:13,430 --> 01:17:16,340 Þá vil ég sjá hart dulmáli ul, svo sumir hrár HTML. 1638 01:17:16,340 --> 01:17:20,020 En þá er ég aftur í PHP háttur kalla fall inna af hendi. 1639 01:17:20,020 --> 01:17:24,390 Svo jafnvel ef þú hefur aldrei notað HTML eða PHP áður, og jafnvel þó að þetta lítur 1640 01:17:24,390 --> 01:17:27,480 scarier, hvers vegna er þetta líklega betri hönnun? 1641 01:17:27,480 --> 01:17:31,310 Hvað er betra um það, byggt á ályktun? 1642 01:17:31,310 --> 01:17:32,130 >> Áhorfendur: [inaudible] 1643 01:17:32,130 --> 01:17:35,750 >> Ræðumaður 1: Minna ofaukið í því það er ekkert meira HTML tag, ekki meira 1644 01:17:35,750 --> 01:17:38,410 höfuð tag, ekki fleiri líkami tag í öllum helvítis skrá. 1645 01:17:38,410 --> 01:17:41,860 Staðinn, hef ég reiknað út að sameiginlega og væntanlega setja þá 1646 01:17:41,860 --> 01:17:45,150 í skrá einhvern veginn tengjast til haus. 1647 01:17:45,150 --> 01:17:48,500 Og sama fyrir nánu líkama tag, loka HTML merki. 1648 01:17:48,500 --> 01:17:52,165 Það er líklega hérna inni á fót einhvers staðar. 1649 01:17:52,165 --> 01:17:57,050 Og þú munt sjá, í setja dæmi 7, smá ferð í gegnum þetta. 1650 01:17:57,050 --> 01:17:58,070 >> Svo liggur það undan? 1651 01:17:58,070 --> 01:18:03,390 The einn hlutur sem við höfum ekki getu enn er til að í raun að geyma gögn. 1652 01:18:03,390 --> 01:18:06,110 Og svo það sem við munum byrja að sjá Miðvikudagur, til dæmis, er að þín 1653 01:18:06,110 --> 01:18:08,450 gamall vinur Excel eða tölur, gerir þér kleift að geyma fullt af 1654 01:18:08,450 --> 01:18:10,060 gögn í línum og dálkum. 1655 01:18:10,060 --> 01:18:12,570 Reynist þú getur gert það í hvað er kallað gagnagrunni, kerfisbundið. 1656 01:18:12,570 --> 01:18:16,620 oflæti Og það kemur í ljós, eftir það, við munum vera fær um að geyma hluti eins og 1657 01:18:16,620 --> 01:18:20,550 þetta, sem þú munt sjá aftur í P setja 7, a heild búnt af notendanöfnum og 1658 01:18:20,550 --> 01:18:23,690 aðgangsorðs eru hið síðarnefnda sem reyndar dulkóðuð, líkt og þeir 1659 01:18:23,690 --> 01:18:25,550 voru í útgáfu spjallþráð P SET 2 er. 1660 01:18:25,550 --> 01:18:29,600 Og að lokum, munt þú framkvæma þetta, eigin Rafræn viðskipti-eins vefsvæðið þitt sem 1661 01:18:29,600 --> 01:18:32,220 útfærir sameiginlega CS50 fjármál. 1662 01:18:32,220 --> 01:18:36,000 >> Loksins, þar sem þú gist hér svo seint í dag, ef þú kemur til baka til þessa hluta 1663 01:18:36,000 --> 01:18:41,120 á háskólasvæðinu á 04:00 í dag, munum við gefa þér ekki aðeins ráð, að evrópsk samvinnufélög 1664 01:18:41,120 --> 01:18:44,200 Ráðgjöf Fair, á 16:00 í Maxwell-Dworkin, munum við gefa þér nokkrar 1665 01:18:44,200 --> 01:18:47,470 Americone Dream, Cherry Garcia, Súkkulaði Fudge Brownie, Súkkulaði 1666 01:18:47,470 --> 01:18:50,840 Chip Cookie Dough, og þegar þú Google Chunky Monkey, fá þér þetta. 1667 01:18:50,840 --> 01:18:53,620 Svo öll þessi bíður á 04:00 PM í Maxwell-Dworkin. 1668 01:18:53,620 --> 01:18:56,736 Sjáumst á miðvikudag eins og heilbrigður. 1669 01:18:56,736 --> 01:18:59,960 >> Ræðumaður 2: Á næstu CS50, RJ sefur inn 1670 01:18:59,960 --> 01:19:03,656 1671 01:19:03,656 --> 01:19:04,906 >> RJ: minn hlutinn! 1672 01:19:04,906 --> 01:19:07,727 1673 01:19:07,727 --> 01:19:08,977 Ha! 1674 01:19:08,977 --> 01:19:12,056 1675 01:19:12,056 --> 01:19:13,306 Ó, 1676 01:19:13,306 --> 01:19:16,374