1 00:00:00,000 --> 00:00:01,390 2 00:00:01,390 --> 00:00:04,890 >> [MUSIC Playing] 3 00:00:04,890 --> 00:00:10,955 4 00:00:10,955 --> 00:00:12,580 DAVID J Malan: Të gjithë të drejtë, të mirëpritur mbrapa. 5 00:00:12,580 --> 00:00:13,600 Kjo është CS50. 6 00:00:13,600 --> 00:00:15,540 Ky është fundi i javës shtatë. 7 00:00:15,540 --> 00:00:18,180 Dhe kjo është fundi i atij pastrues gjueti nga problemi vendosur katër 8 00:00:18,180 --> 00:00:19,220 që ju të mund të të kujtojnë. 9 00:00:19,220 --> 00:00:21,650 Pas shërimit të gjithë ato JPEGs të stafit, 10 00:00:21,650 --> 00:00:24,820 ju u sfiduar, në qoftë se ju dëshironi, për të fotografuar veten me sa më shumë 11 00:00:24,820 --> 00:00:25,981 e këtyre folks si ju mund. 12 00:00:25,981 --> 00:00:28,480 Ne morëm një bandë e tërë e parashtresave gjatë disa javëve të fundit, 13 00:00:28,480 --> 00:00:32,980 në të vërtetë, mjaft e drejtë pak para mesditës sot, disa prej të cilave janë ata këtu, 14 00:00:32,980 --> 00:00:37,670 kapur këtu in-- duket like-- Annenberg Hall në orët e zyrës, një here 15 00:00:37,670 --> 00:00:39,530 në Lowell House me Nick. 16 00:00:39,530 --> 00:00:41,750 Ja Ramon duke u kapur në telefon. 17 00:00:41,750 --> 00:00:43,870 Kjo ishte në një drekë CS50. 18 00:00:43,870 --> 00:00:46,840 Kjo ishte Jason Skyping me një shok klase më kreative, 19 00:00:46,840 --> 00:00:48,280 i cili i telefonoi atij në këtë mënyrë. 20 00:00:48,280 --> 00:00:49,690 Ne nuk e dimë se çfarë kjo ishte. 21 00:00:49,690 --> 00:00:51,940 >> [Qeshura] 22 00:00:51,940 --> 00:00:54,570 >> DAVID J Malan: Po kjo është me vlerë një Gigabyte. 23 00:00:54,570 --> 00:00:56,960 Këtu është Chang, i cili fjalë për fjalë u off fazë 24 00:00:56,960 --> 00:01:00,480 për të shmangur duke u fotografuar një ditë, por u kapën. 25 00:01:00,480 --> 00:01:02,050 Këtu është Nick. 26 00:01:02,050 --> 00:01:03,480 Këtu është Nick. 27 00:01:03,480 --> 00:01:04,080 Këtu është Nick. 28 00:01:04,080 --> 00:01:05,090 29 00:01:05,090 --> 00:01:07,670 Dhe këtu është Alison poshtë nga fusha. 30 00:01:07,670 --> 00:01:11,840 Dhe Zamyla edhe u gjet në një konkurs ballroom. 31 00:01:11,840 --> 00:01:14,100 Pra, ne do të shkojnë nëpër këto foto, gjej 32 00:01:14,100 --> 00:01:16,690 që e ka paraqitur më hershme, dhe shpërblimi 33 00:01:16,690 --> 00:01:20,662 një çmim të pabesueshëm, si premtuar në spekulim. 34 00:01:20,662 --> 00:01:23,120 Dhe ne do të ndjekin deri në lidhje me hapësira që është përfshirë. 35 00:01:23,120 --> 00:01:26,860 >> Një çift i announcements-- kështu drekë është, përsëri, këtë të premte në 13:15. 36 00:01:26,860 --> 00:01:30,420 Nëse ju dëshironi të bashkohet me ne, RSVP në atë URL këtu. 37 00:01:30,420 --> 00:01:33,730 Jason shfaqet përsëri këtu nga një e seksioneve nja dy vjet 38 00:01:33,730 --> 00:01:35,510 mbrapa, e cila ka ndodhur të bjerë në Halloween. 39 00:01:35,510 --> 00:01:38,950 Dhe në të vërtetë, ai i veshur si një kungull atë vit të veçantë. 40 00:01:38,950 --> 00:01:42,700 Nëse ju shihni këtë seksion të vitit 2011 seksionit të tij nga 41 00:01:42,700 --> 00:01:46,480 tetë, nëse ju jeni kurioz, në CS50.tv, unë mendoj se 42 00:01:46,480 --> 00:01:49,730 ky ishte viti në të cilin pompë e ajrit e tij ishte duke punuar. 43 00:01:49,730 --> 00:01:52,490 >> Nëse ju pastaj të shikojnë seksion të ngjashme në vitin 2012, 44 00:01:52,490 --> 00:01:55,620 ju do të shihni këtë Jasonin shumë shfry, pasi padia nuk funksionoi, 45 00:01:55,620 --> 00:01:58,060 e cila është vetëm për të thënë kjo e premte, në qoftë se ju do të 46 00:01:58,060 --> 00:02:02,720 pëlqen të ndërtoj një kungull me Daven dhe Gabe dhe të tjerët, RSVP krerëve 47 00:02:02,720 --> 00:02:04,480 në adresën cs50.harvard.edu. 48 00:02:04,480 --> 00:02:06,200 Ajo premton të jetë kënaqësi e madhe. 49 00:02:06,200 --> 00:02:08,660 Daven, ne jemi duke u tha, ka gdhendur Pumpkins gjithë jetës së tij. 50 00:02:08,660 --> 00:02:11,930 Gabriel nga Brazili nuk ka gdhendur një kungull për Halloween. 51 00:02:11,930 --> 00:02:14,700 Pra, të jetë atje me ta si ai mëson. 52 00:02:14,700 --> 00:02:16,830 >> Seminare, meanwhile-- kështu që ju do të mësoni së shpejti 53 00:02:16,830 --> 00:02:20,650 për atë që pritjet tona janë për Projekti final, i cili në thelb 54 00:02:20,650 --> 00:02:23,150 do të valoj poshtë për hartimin dhe zbatimin e 55 00:02:23,150 --> 00:02:26,440 më çdo projekt me interes për ju, edhe pse subjekt i miratimit 56 00:02:26,440 --> 00:02:28,490 dhe udhëzime nga shokët tuaj të mësimdhënies. 57 00:02:28,490 --> 00:02:32,110 Nga fundi i semester, ne kemi prezantuar një numër 58 00:02:32,110 --> 00:02:35,610 i seminareve, të cilat janë klasa fakultative udhëhequr nga miqtë mësimdhënies dhe Harvard 59 00:02:35,610 --> 00:02:38,570 Stafi, miqtë e kursit të gjithë kampus, mbi tema të ndryshme që 60 00:02:38,570 --> 00:02:41,470 janë tangenciale në Planprogrami themelor KURS s 61 00:02:41,470 --> 00:02:45,590 por megjithatë zbatueshme, fun, dhe të ndryshme për projekte të mundshme të fundit. 62 00:02:45,590 --> 00:02:49,530 >> Për shembull, së pari, në qoftë se ju dëshironi për të regjistruar, kokën në atë URL atje. 63 00:02:49,530 --> 00:02:53,010 Dhe kjo është rresht për seminare vetëm këtij viti. 64 00:02:53,010 --> 00:02:56,060 Por kuptojnë ne kemi dhjetra e seminare nga vitet e kaluara, të cilat 65 00:02:56,060 --> 00:02:59,774 janë të lidhur në menynë Seminare Mundësia e internetit kursit së. 66 00:02:59,774 --> 00:03:02,190 Pra, nëse ju jeni duke menduar në lidhje me shkon përtej zonës tuaj rehati 67 00:03:02,190 --> 00:03:05,060 ose picking up disa aftësi të reja, për shembull, programimin e iPhone 68 00:03:05,060 --> 00:03:08,100 Apps me Swift, një gjuhë të re nga Apple apo Objektivi-C 69 00:03:08,100 --> 00:03:11,230 ose Android Apps, ose programimi [? sugjerim?] poqat, apo ndonjë prej temave 70 00:03:11,230 --> 00:03:15,490 deri këtu dhe më shumë, kontrolloni për shkak out faqen e regjistrimit. 71 00:03:15,490 --> 00:03:19,730 >> Pra, kemi filluar dhe përfundoi në Të hënën me kërkim në HTTP. 72 00:03:19,730 --> 00:03:22,675 Pra HTTP shpejtë refresher--, HyperText Transfer Protocol. 73 00:03:22,675 --> 00:03:24,045 Por çfarë do që me të vërtetë do të thotë? 74 00:03:24,045 --> 00:03:26,805 75 00:03:26,805 --> 00:03:27,930 Çfarë do që me të vërtetë do të thotë? 76 00:03:27,930 --> 00:03:30,665 77 00:03:30,665 --> 00:03:31,290 A është kjo një dorë? 78 00:03:31,290 --> 00:03:33,074 79 00:03:33,074 --> 00:03:34,740 Unë e di që ju jeni vetëm kruarje kokën tuaj. 80 00:03:34,740 --> 00:03:36,400 Por ju doni të propozojë çfarë HTTP është? 81 00:03:36,400 --> 00:03:37,792 82 00:03:37,792 --> 00:03:40,576 >> Audienca e: Sa kompjutera komunikuar me [padëgjueshme]. 83 00:03:40,576 --> 00:03:41,517 84 00:03:41,517 --> 00:03:43,100 DAVID J Malan: I humbur pjesën e fundit. 85 00:03:43,100 --> 00:03:45,774 Sa kompjutera të komunikojnë with-- 86 00:03:45,774 --> 00:03:47,325 >> Servers Internet: AUDIENCA. 87 00:03:47,325 --> 00:03:50,450 DAVID J Malan: Good-- me internet servers, dhe në veçanti, web servers. 88 00:03:50,450 --> 00:03:53,533 Sepse kujtohet, ka një bandë e Shërbimet në internet, disa prej të cilave 89 00:03:53,533 --> 00:03:57,349 ju përdorni ndoshta përditshme mes chat dhe mesazh, chat, dhe web, dhe email, 90 00:03:57,349 --> 00:03:57,890 dhe si. 91 00:03:57,890 --> 00:04:00,900 Dhe HTTP është vetëm protokoll që shfletues web 92 00:04:00,900 --> 00:04:03,750 flasin kur komunikojnë me servers web, dhe anasjelltas. 93 00:04:03,750 --> 00:04:05,580 Dhe analog në bota njerëzore mund të jetë, 94 00:04:05,580 --> 00:04:08,730 I zgjasë dorën time për të shkundur disa njerëzore e të tjera dhe ai ose ajo 95 00:04:08,730 --> 00:04:11,970 pranon duke i zgjeruar tij apo dorën e saj si. 96 00:04:11,970 --> 00:04:13,970 Pra, kjo është vetëm një protokoll, një grup i konventave. 97 00:04:13,970 --> 00:04:15,630 >> Dhe çfarë me të vërtetë janë këto konventa? 98 00:04:15,630 --> 00:04:18,640 E pra, ajo vetëm vlon poshtë për dërgimin e mesazheve mbrapa dhe me radhë, 99 00:04:18,640 --> 00:04:19,770 si ne përshkruar këtu. 100 00:04:19,770 --> 00:04:22,520 Dhe ka disa mënyra në të cilat ju mund të dërgoni këto mesazhe. 101 00:04:22,520 --> 00:04:24,360 Dhe ndoshta më e zakonshme është i njohur si të merrni. 102 00:04:24,360 --> 00:04:26,510 Dhe ne do të shohim një dallim për këtë para se të gjatë. 103 00:04:26,510 --> 00:04:30,010 >> Por një kërkesë get nga një shfletues për server ashtu duket si ky. 104 00:04:30,010 --> 00:04:32,960 Kjo është një bandë e tekstit që i vë brenda një zarf virtuale. 105 00:04:32,960 --> 00:04:35,854 Në pjesën e jashtme të kësaj oferte të shko një pjesë nja dy detaje. 106 00:04:35,854 --> 00:04:37,770 Çfarë duhet të shkoni në zarf, në mënyrë që të flasin, 107 00:04:37,770 --> 00:04:41,820 në mënyrë që të marrë një kërkesë të tillë këtë nga unë për një web server? 108 00:04:41,820 --> 00:04:42,320 Po. 109 00:04:42,320 --> 00:04:43,270 >> AUDIENCA: Adresa IP e juaj. 110 00:04:43,270 --> 00:04:45,890 >> DAVID J Malan: IP Adresa ime në Nga fushë, në mënyrë që të flasin, 111 00:04:45,890 --> 00:04:49,490 dhe natyrisht, Adresa marrësit IP. 112 00:04:49,490 --> 00:04:52,710 Por në rastin e një pako të internetit, ne kemi nevojë për një shumë detaje të vogël 113 00:04:52,710 --> 00:04:55,254 Kjo nuk është e mjaftueshme vetëm për të dërgoni një zarf me një server, 114 00:04:55,254 --> 00:04:57,670 sepse kjo server mund të jetë dëgjuar për lloje të ndryshme 115 00:04:57,670 --> 00:04:59,180 e trafikut të internetit. 116 00:04:59,180 --> 00:05:01,370 Pra, çfarë tjetër nuk kemi nevojë për Përveç marrësit IP? 117 00:05:01,370 --> 00:05:02,723 118 00:05:02,723 --> 00:05:03,222 Vërtet? 119 00:05:03,222 --> 00:05:04,241 >> AUDIENCA: A është TCP? 120 00:05:04,241 --> 00:05:05,074 DAVID J Malan: Mirë. 121 00:05:05,074 --> 00:05:06,470 TCP-- 122 00:05:06,470 --> 00:05:07,340 >> AUDIENCA: Adresa. 123 00:05:07,340 --> 00:05:09,340 >> DAVID J Malan: Adresa, ose port, siç është quajtur. 124 00:05:09,340 --> 00:05:11,010 Mbylle, por një numër port TCP. 125 00:05:11,010 --> 00:05:12,220 Dhe ka një bandë e tyre. 126 00:05:12,220 --> 00:05:14,310 Por me siguri më njohur duhet përfundimisht 127 00:05:14,310 --> 00:05:17,590 jetë 80, e cila është paracaktuar një përdorur për trafikun web. 128 00:05:17,590 --> 00:05:20,040 Dhe një tjetër të njohur ai së shpejti do të jetë 443, 129 00:05:20,040 --> 00:05:24,280 e cila është përdorur për të sigurt web trafikut, URL që fillojnë me https. 130 00:05:24,280 --> 00:05:26,650 >> Pra, kjo është ajo që shkon brenda kësaj zarf. 131 00:05:26,650 --> 00:05:29,780 Dhe për të marrë / thjesht do të thotë, të japë me web faqja default. 132 00:05:29,780 --> 00:05:32,700 Më jep rrënjët e vështirë makinë në këtë web server. 133 00:05:32,700 --> 00:05:36,050 Dhe shpresojmë se, web server do të përgjigjet me, OK 134 00:05:36,050 --> 00:05:39,630 dhe numri 200, e cila është vetëm një konventë thënë, po, të gjithë 135 00:05:39,630 --> 00:05:40,470 është me të vërtetë OK. 136 00:05:40,470 --> 00:05:41,680 Ja faqja. 137 00:05:41,680 --> 00:05:45,510 Lloji i web faqes do të të jetë teksti, por më konkretisht, HTML, 138 00:05:45,510 --> 00:05:47,010 të cilat ne jemi gati për të zhyten përsëri në. 139 00:05:47,010 --> 00:05:49,877 Dhe dot dot dot vetëm do të thotë, këtu është HTML. 140 00:05:49,877 --> 00:05:51,710 Dhe kjo është ajo ku ne marr histori sot, 141 00:05:51,710 --> 00:05:55,740 në të vërtetë shkrim HTML, HyperText Markup Language, e cila 142 00:05:55,740 --> 00:05:57,727 është gjuha në të cilën web faqet janë të shkruara. 143 00:05:57,727 --> 00:05:59,060 Kjo nuk është një gjuhë programimi. 144 00:05:59,060 --> 00:06:01,270 Nuk ka funksione ose sythe apo kushte. 145 00:06:01,270 --> 00:06:03,800 Kjo është një gjuhë markup, si edhe herë të parë sot, 146 00:06:03,800 --> 00:06:07,240 që ju lejon të specifikoni se si të strukturës dhe të stilizoj 147 00:06:07,240 --> 00:06:09,300 aesthetically një faqe web. 148 00:06:09,300 --> 00:06:11,470 >> Pra, kjo ishte një dhe vetëm faqja ne me të vërtetë 149 00:06:11,470 --> 00:06:13,930 shikuar, nëse shkurtimisht, të hënën. 150 00:06:13,930 --> 00:06:16,250 Dhe vini re disa karakteristikat e spikatur. 151 00:06:16,250 --> 00:06:20,170 Ka shumë të hapur angled kllapa dhe kllapa ngushtë angled. 152 00:06:20,170 --> 00:06:23,160 Në mes atyre që angled kllapa janë fjalët. 153 00:06:23,160 --> 00:06:25,660 Dhe ne jemi duke shkuar për të filluar duke e quajtur këto fjalë tags. 154 00:06:25,660 --> 00:06:28,800 Kreu kllapa kështu hapur dhe kreu kllapa mbyllura 155 00:06:28,800 --> 00:06:33,620 janë tags hapura dhe të mbyllura, ose të fillojë dhe në fund tags të 156 00:06:33,620 --> 00:06:37,660 përkatësisht, të një elementi HTML, si ne do të thërrasë atë, i quajtur kokë. 157 00:06:37,660 --> 00:06:41,760 Dhe e njëjta vlen edhe zhargoni me trupin në HTML dhe kështu me radhë. 158 00:06:41,760 --> 00:06:43,970 >> Dhe çfarë është e bukur është HTML-- dhe në të vërtetë, ne do të 159 00:06:43,970 --> 00:06:47,187 kalojnë tmerrësisht pak kohë në të, sepse ju do të kryesisht vetëm kuptoj 160 00:06:47,187 --> 00:06:49,770 çfarë përmban ajo ka, kur ju në fakt kanë një problem konkret 161 00:06:49,770 --> 00:06:52,820 për solve-- ju do të gjeni se një shfletues është shumë e memec. 162 00:06:52,820 --> 00:06:56,450 Është vetëm do të do-- jo ndryshe a computer-- atë që ju them se për të bërë. 163 00:06:56,450 --> 00:06:59,279 Dhe kështu që kur ju keni të hapur HTML kllapa në krye 164 00:06:59,279 --> 00:07:01,320 atje, që në thelb thjesht do të thotë, hej, browser, 165 00:07:01,320 --> 00:07:04,090 këtu vjen një faqe web shkruar në HTML. 166 00:07:04,090 --> 00:07:06,130 >> Kur sheh parantezë të hapur kreu, që vetëm do të thotë, 167 00:07:06,130 --> 00:07:10,350 hey, browser, këtu vjen kokën, ose të pjesa larti i web faqen time. 168 00:07:10,350 --> 00:07:14,192 Kur sheh një parantezë mbyllur kreu, që vetëm do të thotë, hej, 169 00:07:14,192 --> 00:07:15,150 kjo është ajo për kokë. 170 00:07:15,150 --> 00:07:16,420 Koha e pritjes për diçka tjetër. 171 00:07:16,420 --> 00:07:18,878 Dhe kjo është diçka tjetër me sa duket do të jetë trupi. 172 00:07:18,878 --> 00:07:22,630 Dhe kur ju nuk keni një tag, si ju keni vetëm tungjatjeta, presje, bota, 173 00:07:22,630 --> 00:07:26,610 kjo është vetëm do të jetë teksti para se në fund të fundit është shfaqur në ekran. 174 00:07:26,610 --> 00:07:29,220 >> Tani, ju do të vëreni shumë gjurmë këtu. 175 00:07:29,220 --> 00:07:32,160 Ju ndoshta mund të konkludoj si ne jemi stylizing atë. 176 00:07:32,160 --> 00:07:34,850 Çdo herë që unë të hapur një tag, në mënyrë që të flasin, unë porosis. 177 00:07:34,850 --> 00:07:38,540 Dhe çdo herë që unë të mbyllur një tag, I un-indent, 178 00:07:38,540 --> 00:07:40,690 ngjashme në frymë të formatimin e teksteve kaçurrel. 179 00:07:40,690 --> 00:07:43,470 Dhe përtej kësaj, unë jam natyrë e përdorur gjykimin tim. 180 00:07:43,470 --> 00:07:48,380 Vini re se unë nuk u mërzit goditur Shkruani brenda këtij tag titullin. 181 00:07:48,380 --> 00:07:48,990 Pse? 182 00:07:48,990 --> 00:07:51,920 E pra, unë vetëm vendosa dukej a pak të pastër për mua, njeriut, 183 00:07:51,920 --> 00:07:53,181 jo vetëm të shqetësojë duke bërë atë. 184 00:07:53,181 --> 00:07:54,930 Pra, përsëri, ka disa Gjykimi quan vetëm 185 00:07:54,930 --> 00:07:57,670 si ka në C apo ndonjë gjuhë. 186 00:07:57,670 --> 00:08:04,110 >> Por vini re gjithashtu se kjo vulë jep veten për një model mendor, 187 00:08:04,110 --> 00:08:05,670 të mos i mbi komplikojë atë. 188 00:08:05,670 --> 00:08:07,020 Por një pemë, e drejtë? 189 00:08:07,020 --> 00:08:09,290 Nëse ju mendoni për një web faqe, shkruar me sa duket 190 00:08:09,290 --> 00:08:12,050 si kjo, si bukur prerë në këtë mënyrë, 191 00:08:12,050 --> 00:08:17,390 ju mund të pothuajse të mendoni kllapa hapur HTML tag kllapa e mbyllur është e demarkacionit 192 00:08:17,390 --> 00:08:21,380 rrënja e një nyje, një pemë familjare Nyja style në stilin e pemëve 193 00:08:21,380 --> 00:08:22,900 ne kemi shikuar në të premten e kaluar. 194 00:08:22,900 --> 00:08:27,630 >> Dhe vërtet, ne kemi më të drejtë këtu atë që ne do të thërrasë një DOM, D-O-M, dokument 195 00:08:27,630 --> 00:08:31,680 Modeli objekt, një mënyrë e sofistikuar për të thënë një pemë që përfaqëson atë HTML. 196 00:08:31,680 --> 00:08:36,140 Dhe vini re se HTML ka, ne do të themi, si një pemë familjare, dy fëmijë. 197 00:08:36,140 --> 00:08:37,659 Në të majtë është kokë. 198 00:08:37,659 --> 00:08:39,179 Në të djathtë është trupi. 199 00:08:39,179 --> 00:08:44,220 >> Dhe vetëm si një ushtrim pamend mendimit, kreu, natyrisht, ka si shumë fëmijë 200 00:08:44,220 --> 00:08:46,070 sipas kësaj strukture? 201 00:08:46,070 --> 00:08:48,200 Pra, vetëm një, title-- dhe kjo është arsyeja pse ne kemi 202 00:08:48,200 --> 00:08:50,580 shigjeta shkuar nga koka deri te titulli. 203 00:08:50,580 --> 00:08:55,110 Pra, kjo është sikur ai person në pemë familje kishte vetëm një pasardhës. 204 00:08:55,110 --> 00:08:58,230 Dhe pastaj vetë titulli mund të të thuhet se kanë një fëmijë shumë. 205 00:08:58,230 --> 00:09:01,780 >> Kujtojnë se kishte HTML hello, presje, bota nën atë. 206 00:09:01,780 --> 00:09:06,090 Dhe unë e kam tërhequr thjesht brenda një ovale në vend të një drejtkëndësh vetëm 207 00:09:06,090 --> 00:09:10,559 të përcjellë semantike se edhe pse kjo është një nyje në pemë, në mënyrë që të flasin, 208 00:09:10,559 --> 00:09:12,100 kjo është lloj krejtësisht të ndryshme. 209 00:09:12,100 --> 00:09:12,800 Kjo nuk është një tag. 210 00:09:12,800 --> 00:09:14,780 Ose më mirë, kjo nuk është një element. 211 00:09:14,780 --> 00:09:16,590 Kjo është vetëm një nyje tekst, nëse ju do. 212 00:09:16,590 --> 00:09:18,990 Por këto janë krejtësisht Konventat arbitrare të njeriut. 213 00:09:18,990 --> 00:09:23,180 Kjo është vetëm tani rruga ime përfaqëson atë që unë do të si një agregat 214 00:09:23,180 --> 00:09:24,340 telefononi dokumentin. 215 00:09:24,340 --> 00:09:27,750 >> Dhe, si një mënjanë, gjë në këndi super të lartë të majtë, 216 00:09:27,750 --> 00:09:32,080 kllapa hapur pikë thirrje doc lloji HTML, kjo duket si një tag, 217 00:09:32,080 --> 00:09:35,560 por kjo është rasti budalla qoshe ku kjo është vetëm atje, kopjohet dhe të ngjit 218 00:09:35,560 --> 00:09:38,460 të tregojë shfletuesit ky është version HTML 5. 219 00:09:38,460 --> 00:09:41,540 Bota mban ndryshuar atë në Linja e parë e kodit në një faqe duhet të jetë. 220 00:09:41,540 --> 00:09:43,820 Kjo thjesht do të thotë versionin 5. 221 00:09:43,820 --> 00:09:45,950 Pra, kjo nuk ka fare duken si të tjerët. 222 00:09:45,950 --> 00:09:48,120 >> Të gjithë të drejtë, kështu që me atë tha, tani ju do të vlerësojmë 223 00:09:48,120 --> 00:09:50,767 ky mjaft ky budalla tatuazh dikush mori. 224 00:09:50,767 --> 00:09:51,990 >> [Qeshura] 225 00:09:51,990 --> 00:09:54,210 >> DAVID J Malan: Në rregull, dhe tani le të vërtetë bixhozi 226 00:09:54,210 --> 00:09:55,710 në bërë diçka me këtë. 227 00:09:55,710 --> 00:09:58,610 Ju do të kujtojnë se herën e fundit I hapur deri Appliance CS50 228 00:09:58,610 --> 00:10:01,650 dhe kam bërë diçka si thjeshtë si hapjes up gedit. 229 00:10:01,650 --> 00:10:05,190 Dhe unë ruajtur fotografi edhe në desktop-- im askund special-- 230 00:10:05,190 --> 00:10:05,870 si hello.html. 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> Pra më lejoni të bëjë këtë again-- hello.html Enter. 233 00:10:10,984 --> 00:10:13,900 Dhe tani në këtë fotografi, unë jam duke shkuar për të shkojnë përpara dhe të përsëris atë që sapo 234 00:10:13,900 --> 00:10:18,850 saw-- lloji doc html Atëherë unë jam duke shkuar për bëni html hapur kllapa kllapa mbyllur. 235 00:10:18,850 --> 00:10:21,890 Dhe atëherë unë jam duke shkuar për të preemptively të hapur dhe të mbyllur tag. 236 00:10:21,890 --> 00:10:22,390 Pse? 237 00:10:22,390 --> 00:10:23,598 Vetëm kështu që unë nuk e harroj më vonë. 238 00:10:23,598 --> 00:10:26,850 Kjo është vetëm praktikë e mirë, ashtu si hapja dhe mbylljen e formatimin e teksteve kaçurrel të gjitha përnjëherë. 239 00:10:26,850 --> 00:10:28,900 >> Dhe pastaj çfarë erdhi më pas? 240 00:10:28,900 --> 00:10:30,582 Ju mund të mendoni se e tatuazh. 241 00:10:30,582 --> 00:10:31,450 >> AUDIENCA: kokë. 242 00:10:31,450 --> 00:10:32,500 >> DAVID J Malan: kokë. 243 00:10:32,500 --> 00:10:36,020 Dhe pastaj këtu, unë kishte titullin, unë mendoj. 244 00:10:36,020 --> 00:10:39,886 Dhe titulli ishte arbitrare, hello, titulli afër botës. 245 00:10:39,886 --> 00:10:42,760 Dhe pastaj këtu poshtë, trupi, i course-- atëherë ne mbyllim tag trupit. 246 00:10:42,760 --> 00:10:45,660 Dhe pastaj vetëm disi redundantly, I kishte të njëjtën gjë këtu poshtë. 247 00:10:45,660 --> 00:10:47,150 >> Kështu që unë pretendojnë se kjo është një faqe web. 248 00:10:47,150 --> 00:10:49,050 Kjo është diçka që tani mund të jetojnë në web, 249 00:10:49,050 --> 00:10:51,925 edhe pse natyrisht, kjo është fjalë për fjalë jetojnë në tavolinën e punës time tani. 250 00:10:51,925 --> 00:10:55,837 Por në të vërtetë, në qoftë se unë minimizuar Gedit, Unë do të shoh në tavolinën e punës time icon saj. 251 00:10:55,837 --> 00:10:58,420 Edhe pse kjo është aplikim, ju mund të bëni këtë për Mac OS 252 00:10:58,420 --> 00:11:01,580 pa TextEdit ose Dritaret me Notepad edhe. 253 00:11:01,580 --> 00:11:06,115 >> Dhe kur të shkoj përpara dhe double klik se edhe, dhe select-- mirë, le të 254 00:11:06,115 --> 00:11:07,990 Mos zgjidhni se për shkak Chrome nuk është hapur. 255 00:11:07,990 --> 00:11:09,281 Le të shkojnë përpara dhe të hapur Chrome. 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 Dhe pastaj të bëjë Command-O për të hapur Dhe për të lundruar në desktop e mia 258 00:11:14,040 --> 00:11:15,320 dhe të hapur këtë dosje. 259 00:11:15,320 --> 00:11:20,120 Kjo është se si një shfletues interpreton HTML, top në fund, e majta në të djathtë. 260 00:11:20,120 --> 00:11:21,314 Hej, browser këtu është HTML. 261 00:11:21,314 --> 00:11:21,980 Ja kokë. 262 00:11:21,980 --> 00:11:23,250 Këtu është titulli. 263 00:11:23,250 --> 00:11:24,090 Këtu është trupi. 264 00:11:24,090 --> 00:11:26,620 Dhe në të vërtetë, kjo është se si ajo e bën këtë web faqe. 265 00:11:26,620 --> 00:11:27,800 >> Por vini re URL. 266 00:11:27,800 --> 00:11:32,430 Askush nga ju nuk mund të tërheqë këtë specifikë faqe në laptopë tuaj tani, 267 00:11:32,430 --> 00:11:34,910 edhe brenda tuaj aplikim nëpërmjet këtë URL, 268 00:11:34,910 --> 00:11:40,130 sepse skedarit: // tregon është e vërtetë në sistemin tim fotografi, hard drive time, 269 00:11:40,130 --> 00:11:40,990 jo tuajat. 270 00:11:40,990 --> 00:11:42,440 Pra, kjo nuk është e gjitha që e dobishme. 271 00:11:42,440 --> 00:11:44,940 >> Le tani të shkojë drejt duke përdorur një web server aktuale. 272 00:11:44,940 --> 00:11:48,309 Dhe kjo rezulton nga CS50 Appliance është më shumë se vetëm një mjedis ku 273 00:11:48,309 --> 00:11:51,100 ju mund të shkruani kodin C dhe përpilojnë dhe drejtuar atë si ju keni qenë duke bërë. 274 00:11:51,100 --> 00:11:55,500 Ajo gjithashtu është konfiguruar nga stafi për të përfaqësuar një web tipike 275 00:11:55,500 --> 00:11:58,290 server që është në internet, një që ju mund të paguani për 276 00:11:58,290 --> 00:12:00,210 ose një që është në të ashtuquajturin re. 277 00:12:00,210 --> 00:12:02,600 >> Dhe kjo është duke burim standarde lirë të hapur 278 00:12:02,600 --> 00:12:06,160 software, për shembull, diçka quajtur Apache, e cila është ndoshta 279 00:12:06,160 --> 00:12:08,700 ende më popullore web software server në botë 280 00:12:08,700 --> 00:12:11,030 se mijëra e faqeve përdorim sot. 281 00:12:11,030 --> 00:12:13,420 Dhe ai gjithashtu ka edhe software si MySQL, 282 00:12:13,420 --> 00:12:16,240 cila është një server bazës se ne do të merrni në fund të, 283 00:12:16,240 --> 00:12:18,330 e cila është vetëm për të thënë Unë mund të fillojnë trajtimin 284 00:12:18,330 --> 00:12:22,040 aplikim ime si një server të drejta të plota se unë nuk jam duke paguar për diku tjetër. 285 00:12:22,040 --> 00:12:25,980 Ajo thjesht jeton në laptop tim për qëllime të zhvillimit dhe komoditet. 286 00:12:25,980 --> 00:12:27,870 >> Pra, le të shkojnë përpara dhe të të përfitojnë nga kjo. 287 00:12:27,870 --> 00:12:30,120 Unë jam duke shkuar për të shkuar përpara dhe të hapur një dritare terminali. 288 00:12:30,120 --> 00:12:33,030 Dhe unë jam duke shkuar për të shkuar përpara dhe të move-- të vërtetë, së pari unë jam 289 00:12:33,030 --> 00:12:34,860 do të lundruar në tavolinën e punës time. 290 00:12:34,860 --> 00:12:36,400 Nëse unë bëj ls, ka hello.html. 291 00:12:36,400 --> 00:12:37,022 292 00:12:37,022 --> 00:12:38,730 Dhe unë jam duke shkuar për të shkuar përpara dhe të fillojnë duke përdorur 293 00:12:38,730 --> 00:12:40,800 një directory të re ne kemi nuk përdoret më parë sot. 294 00:12:40,800 --> 00:12:46,840 >> hello.html-- Unë jam duke shkuar për të lëvizur të ../vhosts për hosts-- virtuale 295 00:12:46,840 --> 00:12:50,940 më shumë se në future-- dhe pastaj në një direktori të quajtur localhost, 296 00:12:50,940 --> 00:12:54,420 cila është nickname dhënë pothuajse çdo kompjuter, nëse kjo është një Mac, PC, 297 00:12:54,420 --> 00:12:57,560 ose kompjuter Linux, dhe pastaj veçanërisht në një directory që ne, 298 00:12:57,560 --> 00:13:01,260 Stafi krijuar tashmë për ju kur ju shkarkuar pajisjen e quajtur 299 00:13:01,260 --> 00:13:01,760 publike. 300 00:13:01,760 --> 00:13:04,551 Dhe, si emrin e saj sugjeron, asgjë I vënë në këtë dosje, në teori, 301 00:13:04,551 --> 00:13:07,790 do të jetë tani publik, të paktën për njerëzit 302 00:13:07,790 --> 00:13:10,030 të cilët kanë një të drejtpërdrejtë lidhja në kompjuterin tim. 303 00:13:10,030 --> 00:13:13,160 >> Deri tani më lejoni të shkoj përpara dhe të bëni cd me të njëjtën directory 304 00:13:13,160 --> 00:13:15,490 kështu që unë mund të shoh se çfarë është në vazhdim e sipër dhe ls lloji. 305 00:13:15,490 --> 00:13:17,630 Dhe me të vërtetë, kjo është vetmja gjë në atje. 306 00:13:17,630 --> 00:13:23,250 Unë pretendojnë tani se për shkak se unë kam vënë këtë paraqesë hello.html brenda një directory 307 00:13:23,250 --> 00:13:26,940 quajtur brenda publik i një directory quajtur localhost brenda një directory 308 00:13:26,940 --> 00:13:29,810 quajtur vhosts, të cilat në sajë të stafit CS50 309 00:13:29,810 --> 00:13:34,390 ka qenë e para-konfiguruar që të jetë rrënja e web serverin tuaj, 310 00:13:34,390 --> 00:13:36,900 Unë tani mund të shpresojmë të bëjmë këtë. 311 00:13:36,900 --> 00:13:38,390 >> Unë jam duke shkuar për të hapur një skedë të re. 312 00:13:38,390 --> 00:13:40,090 Dhe unë jam duke shkuar për të shkuar për të mos paraqesë: //. 313 00:13:40,090 --> 00:13:44,520 Unë jam duke shkuar për të përdorur aktuale http / localhost, e cila 314 00:13:44,520 --> 00:13:47,470 përsëri, është nofka për serverin tim. 315 00:13:47,470 --> 00:13:51,085 Dhe atëherë unë jam duke shkuar për të shkuar në atë të paraqesë emrin, vetëm që të jetë i qartë? 316 00:13:51,085 --> 00:13:52,680 317 00:13:52,680 --> 00:13:54,320 Ku është kjo histori ndoshta do? 318 00:13:54,320 --> 00:13:56,066 319 00:13:56,066 --> 00:13:56,565 hello.html. 320 00:13:56,565 --> 00:13:58,350 321 00:13:58,350 --> 00:14:04,270 >> Pra, me fjalë të tjera, unë dua të tani kjo Është kompjuterin tim, aplikim tim, 322 00:14:04,270 --> 00:14:05,660 sikur kjo është një server aktual. 323 00:14:05,660 --> 00:14:07,490 Pseudonimi i tij është localhost. 324 00:14:07,490 --> 00:14:10,210 Por mendoj se për localhost si si Facebook.com google.com, çfarëdo. 325 00:14:10,210 --> 00:14:11,600 Është vetëm emri im lokale. 326 00:14:11,600 --> 00:14:14,810 Dhe pastaj e fundit që unë dua është në Rrënja e hard drive, kështu që të flasin, 327 00:14:14,810 --> 00:14:17,729 ose rrënja e web server, prandaj me plagë përpara dhe pas 328 00:14:17,729 --> 00:14:18,770 Emri i skedarit hello.html. 329 00:14:18,770 --> 00:14:19,880 330 00:14:19,880 --> 00:14:21,930 >> Më lejoni të zoom out dhe hit Enter. 331 00:14:21,930 --> 00:14:24,266 Dhe me të vërtetë, tani ka faqen time web. 332 00:14:24,266 --> 00:14:25,390 Pra, kjo është pak më ndryshe. 333 00:14:25,390 --> 00:14:26,880 Dhe kjo është po aq e underwhelming. 334 00:14:26,880 --> 00:14:27,904 Ky është versioni i vjetër. 335 00:14:27,904 --> 00:14:29,070 Më lejoni të tkurret font mbrapa. 336 00:14:29,070 --> 00:14:29,745 Kjo është e vjetër. 337 00:14:29,745 --> 00:14:30,890 Kjo është e re. 338 00:14:30,890 --> 00:14:35,430 Por çfarë po ndodh krejtësisht tani është se HTTP është duke u përdorur. 339 00:14:35,430 --> 00:14:39,344 >> Le të bëjmë këtë një pak më të qartë, ose, në qoftë se ju do të, pak më e komplikuar. 340 00:14:39,344 --> 00:14:41,760 Më lejoni të shkoj në fund të drejtën në këndin e majtë të pajisjes tim. 341 00:14:41,760 --> 00:14:44,000 Dhe vini re se e gjithë kjo kohë, ka pasur një numër. 342 00:14:44,000 --> 00:14:47,330 Kjo është adresa unike i pajisjes tuaj CS50. 343 00:14:47,330 --> 00:14:50,800 Kjo është një adresë private, siç nënkuptohet nga 172,16, 344 00:14:50,800 --> 00:14:53,860 e cila thjesht do të thotë vetëm që ju fizikisht mund të hyni në këtë web server. 345 00:14:53,860 --> 00:14:56,340 Çdo gjë është firewall dhe mbrojtur mirë nga pjesa tjetër 346 00:14:56,340 --> 00:14:58,130 e botës për shkak të kësaj adresimit. 347 00:14:58,130 --> 00:15:01,920 >> Dhe tani vini re edhe pse nëse unë shkoj në kjo adresë, jo në aplikim e mia, 348 00:15:01,920 --> 00:15:04,340 por në Mac OS-- unë jam duke shkuar për të shkuar përsëri mbi këtu. 349 00:15:04,340 --> 00:15:05,930 Ky është Mac im tani. 350 00:15:05,930 --> 00:15:08,460 Dhe tani unë jam duke shkuar për të hapur ky version i Chrome këtu. 351 00:15:08,460 --> 00:15:17,370 Dhe unë jam duke shkuar për të shkuar në http: //172.16.25 / Dhe unë harroj rest-- 133. 352 00:15:17,370 --> 00:15:25,210 >> Kështu që unë jam duke shkuar për të vizituar nga Mac tim që adresa IP /hello.html Enter. 353 00:15:25,210 --> 00:15:29,850 Dhe tani unë shoh nga Mac tim që Appliance CS50 tim, i cili është 354 00:15:29,850 --> 00:15:32,600 Adresa IP është se numri, është me të vërtetë sillet 355 00:15:32,600 --> 00:15:34,320 si një web server në internet. 356 00:15:34,320 --> 00:15:36,944 Ajo nuk ka një të lehtë e mirë për të mend emrin si Facebook.com, 357 00:15:36,944 --> 00:15:40,370 por kjo është duke përdorur HTTP me sa duket, edhe pse Chrome 358 00:15:40,370 --> 00:15:43,560 është lloj i thjeshtimi botën për ne por nuk na tregon HTTP. 359 00:15:43,560 --> 00:15:46,210 Por kjo është me të vërtetë pikërisht këtë. 360 00:15:46,210 --> 00:15:48,470 Chrome është vetëm kursyer disa tasteve këto ditë. 361 00:15:48,470 --> 00:15:50,530 Dhe kjo është ajo që ne tani shohim. 362 00:15:50,530 --> 00:15:51,890 >> Pra, kjo është e gjitha mirë dhe të mirë. 363 00:15:51,890 --> 00:15:53,740 Por kjo është një faqe mjaft underwhelming. 364 00:15:53,740 --> 00:15:56,230 Më lejoni të shkoj në dhe të bëjë diçka pak më ndryshe tani. 365 00:15:56,230 --> 00:15:57,910 Pra më lejoni të shkoj përsëri në gedit. 366 00:15:57,910 --> 00:16:00,580 Dhe në vend të hello, botë, le të vënë një imazh. 367 00:16:00,580 --> 00:16:05,880 Dhe unë pretendohet nga before-- më lejoni të shkoj në time publikun directory localhost. 368 00:16:05,880 --> 00:16:10,580 Dhe më lejoni të shkoj përpara dhe të kopjoni një tërë bandë e dosjeve nga sot 369 00:16:10,580 --> 00:16:15,633 nga dosja ime Dropbox në këtu. 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 >> Tani, nëse unë lloji ls, shikoni në të gjitha këto fotografi 372 00:16:21,680 --> 00:16:24,940 që unë kam shpërndarë nga website Sigurisht në para sot, 373 00:16:24,940 --> 00:16:26,830 një nga të cilat është ende hello.html. 374 00:16:26,830 --> 00:16:27,830 Pra, nuk është se një. 375 00:16:27,830 --> 00:16:30,730 Dhe kujtojnë këtë silly nga cat.jpg kaluar time--. 376 00:16:30,730 --> 00:16:34,550 Pra më lejoni të përpiqen për të embed cat.jpg brenda web faqen time. 377 00:16:34,550 --> 00:16:37,690 >> Unë jam duke shkuar për të shkuar përpara dhe të bëjë cat.jpg, të shpëtuar. 378 00:16:37,690 --> 00:16:38,950 Më lejoni të kthehem në Chrome. 379 00:16:38,950 --> 00:16:41,140 Dhe më lejoni të zoom në font dhe tani reload. 380 00:16:41,140 --> 00:16:43,090 381 00:16:43,090 --> 00:16:45,030 Oops, ku kam vënë këtë? 382 00:16:45,030 --> 00:16:48,210 383 00:16:48,210 --> 00:16:51,520 Standby-- Unë ende kam të vjetër version nga Open tim desktop. 384 00:16:51,520 --> 00:16:56,020 Pra më lejoni të shkoj në vhost time, im localhost, publiku im, dhe hello.html. 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 Deri tani më lejoni të shkoj përpara dhe të thonë cat.jpg brenda trupit 387 00:17:00,670 --> 00:17:02,830 ku unë dua që ajo të jetë shfaqet dhe reload. 388 00:17:02,830 --> 00:17:04,560 Sigurisht, kjo nuk është e saktë. 389 00:17:04,560 --> 00:17:08,050 >> Kështu që unë duhet të them shfletuesit pak më qëllim atë që unë dua që ajo të bëjë. 390 00:17:08,050 --> 00:17:10,210 Thjesht shtypni emri është natyrisht jo të mjaftueshme. 391 00:17:10,210 --> 00:17:15,134 Pra, kujtojnë se nuk ishte një tjetër tag, image, img për të shkurtër. 392 00:17:15,134 --> 00:17:17,550 Kjo është vetëm për shkak se njerëzit nuk i pëlqen fjalët lloji plotë. 393 00:17:17,550 --> 00:17:19,050 Dhe atëherë ne mund të bëjmë burim = "cat.jpg". 394 00:17:19,050 --> 00:17:21,470 395 00:17:21,470 --> 00:17:23,550 >> Dhe tani unë jam duke shkuar për të bërë një gjë tjetër këtu. 396 00:17:23,550 --> 00:17:25,390 Edhe pse të gjithë tags tona deri tani kanë 397 00:17:25,390 --> 00:17:28,086 pasur këtë nocion të a të fillojë tag dhe një tag fund, 398 00:17:28,086 --> 00:17:30,210 që nuk ka të vërtetë të bëjë ndjenjë për një imazh, e drejtë? 399 00:17:30,210 --> 00:17:32,430 Një imazh është ose nuk ekziston apo jo. 400 00:17:32,430 --> 00:17:36,650 Dhe kështu që njerëzit kanë ardhur me një konventë të thjeshtë. 401 00:17:36,650 --> 00:17:40,310 Kur ju keni një tag që mund të të dyja të fillojë dhe të përfundojë në të njëjtën time-- 402 00:17:40,310 --> 00:17:43,790 ajo mund të jetë bosh, në mënyrë që të speak-- drejtë vënë plagë përpara në brendësi të tag 403 00:17:43,790 --> 00:17:44,710 në fund. 404 00:17:44,710 --> 00:17:45,776 405 00:17:45,776 --> 00:17:47,150 Tani më lejoni të kthehem në shfletuesin tim. 406 00:17:47,150 --> 00:17:50,377 Hit Rifresko Damn, diçka është e gabuar. 407 00:17:50,377 --> 00:17:52,460 Ju ndoshta keni parë këtë herë pas here në web, 408 00:17:52,460 --> 00:17:53,600 edhe në qoftë se ajo nuk ka qenë faji juaj. 409 00:17:53,600 --> 00:17:54,766 Është faji web server-it. 410 00:17:54,766 --> 00:17:56,240 Çfarë oda kjo duket për të treguar? 411 00:17:56,240 --> 00:17:57,450 412 00:17:57,450 --> 00:17:58,009 Është thyer. 413 00:17:58,009 --> 00:17:59,300 Kjo është ku imazhi i takon. 414 00:17:59,300 --> 00:17:59,700 Vërtet? 415 00:17:59,700 --> 00:18:01,560 >> AUDIENCA: Por kjo nuk ka të kenë qasje në imazhin. 416 00:18:01,560 --> 00:18:03,070 >> DAVID J Malan: Nuk ka të kenë qasje në imazhin. 417 00:18:03,070 --> 00:18:05,230 Kjo, ose edhe më keq, ndoshta ajo nuk ekzistojnë edhe. 418 00:18:05,230 --> 00:18:06,729 Le të shohim nëse ne nuk mund të diagnostikojnë atë. 419 00:18:06,729 --> 00:18:09,390 Recall nga hera e fundit se në qoftë se në Chrome, në aplikim, 420 00:18:09,390 --> 00:18:11,870 apo edhe në Mac apo PC, ju shkoni në menynë për Zhvilluesa 421 00:18:11,870 --> 00:18:14,650 dhe të shkojnë në Developer Tools opsion, e cila ndoshta ju keni 422 00:18:14,650 --> 00:18:16,850 nuk përdoren më ose kurrë. 423 00:18:16,850 --> 00:18:20,780 Dhe në qoftë se unë shkoj tek Rrjeti dhe ringarkoni faqe, 424 00:18:20,780 --> 00:18:24,110 le të vërtetë të shohim në HTTP Kërkesat që janë duke u bërë. 425 00:18:24,110 --> 00:18:28,400 >> Ajo duket si hello.html është vërtetë OK, pra 200. 426 00:18:28,400 --> 00:18:30,630 Por cat.jpg është 403. 427 00:18:30,630 --> 00:18:31,650 Pra, kjo nuk është një 404. 428 00:18:31,650 --> 00:18:33,490 File ndoshta ekziston. 429 00:18:33,490 --> 00:18:35,250 403 do të thotë ndaluar. 430 00:18:35,250 --> 00:18:37,790 Pra, kjo është pak konfuze. 431 00:18:37,790 --> 00:18:42,340 Unë jam duke shkuar për të shkuar mbrapa në dritaren time terminal. 432 00:18:42,340 --> 00:18:43,700 Më lejoni të zoom në deri këtu. 433 00:18:43,700 --> 00:18:44,750 Dhe më lejoni të bëj një ls. 434 00:18:44,750 --> 00:18:46,430 Ka ato të njëjta fotografi. 435 00:18:46,430 --> 00:18:49,410 >> Tani, më lejoni të bëj një ls-l, të cilat ju keni ndoshta 436 00:18:49,410 --> 00:18:53,350 përdorur më parë për të shikoni në fotografi Madhësive ndoshta apo timestamps. 437 00:18:53,350 --> 00:18:55,590 Dhe ne shohim një bandë e tërë e Informacioni madhe. 438 00:18:55,590 --> 00:18:57,040 Por vini re disa detaje. 439 00:18:57,040 --> 00:19:01,660 Ja hello.html në këtë rresht këtu dhe këtu është cat.jpg. 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 Dhe kjo është vetëm pajisja qenit user friendly duke theksuar JPEG e 442 00:19:05,850 --> 00:19:07,380 në vjollcë si kjo. 443 00:19:07,380 --> 00:19:11,470 Por, çfarë tjetër është e ndryshme veç madhësia e skedës dhe emri i file? 444 00:19:11,470 --> 00:19:13,438 445 00:19:13,438 --> 00:19:14,754 >> Audienca: [padëgjueshme]. 446 00:19:14,754 --> 00:19:16,920 DAVID J Malan: Po, ka dy më shumë R këtu. 447 00:19:16,920 --> 00:19:20,170 Vini re se çfarë hello.html ka ndodh. 448 00:19:20,170 --> 00:19:24,050 Pra, rezulton se në emër të ky publik directory është e rëndësishme. 449 00:19:24,050 --> 00:19:26,400 Çdo gjë në këtë directory është menduar të jetë publik. 450 00:19:26,400 --> 00:19:28,790 Por kjo nuk është e mjaftueshme vetëm për të drop fotografi në atje. 451 00:19:28,790 --> 00:19:31,480 Ju gjithashtu duhet të ndryshojë mënyra e dosjeve, 452 00:19:31,480 --> 00:19:35,180 të ndryshojë lejet e fotografi në aktive jo 453 00:19:35,180 --> 00:19:37,650 të jetë vendosjen e parazgjedhur, e cila është se vetëm unë mund të lexoni 454 00:19:37,650 --> 00:19:39,220 dhe e shkruajnë atë, unë duke qenë pronar. 455 00:19:39,220 --> 00:19:43,540 Unë dua të gjithë të gjithë botën për të jetë në gjendje për të lexuar dosjen time, kështu që të flasin. 456 00:19:43,540 --> 00:19:44,950 Lexoni thjesht do të thotë të parë atë. 457 00:19:44,950 --> 00:19:49,780 >> Dhe me të vërtetë, si ju do të shihni në problemin vendosur shtatë, kjo është ajo që do të thotë këto r-së. 458 00:19:49,780 --> 00:19:53,160 Thotë Këto dy R le të gjithë tjetër në botë lexoni edhe atë, 459 00:19:53,160 --> 00:19:55,300 sidomos tani që kjo është në këtë directory. 460 00:19:55,300 --> 00:19:59,620 Pra, mënyra më e thjeshtë për të rregulluar këtë është që të shkoni në prompt time dhe të bëjë chmod për ndryshim 461 00:19:59,620 --> 00:20:05,580 Mënyra dhe pastaj të bëjë një r +, krejt, të gjithë, të gjithë, plus r për të lexuar, 462 00:20:05,580 --> 00:20:07,944 dhe pastaj cat.jpg Enter. 463 00:20:07,944 --> 00:20:10,360 Asgjë nuk duket të ndodhë, e cila zakonisht do të thotë një gjë e mirë. 464 00:20:10,360 --> 00:20:13,850 Pra ls-l again-- tani le të shohim në cat.jpg. 465 00:20:13,850 --> 00:20:15,750 Dhe kjo leje duket se kanë ndryshuar. 466 00:20:15,750 --> 00:20:18,670 Si një mënjanë, në qoftë se ju bëni një gabim dhe ju, për shembull, 467 00:20:18,670 --> 00:20:23,210 bërë vetëm your-- unë nuk know-- ese publikisht të arritshme nga aksident, 468 00:20:23,210 --> 00:20:25,480 ju mund të bëni të kundërtën, chmod a-r. 469 00:20:25,480 --> 00:20:25,909 470 00:20:25,909 --> 00:20:28,200 Edhe pse sinqerisht, ajo nuk duhet të jenë në directory publik 471 00:20:28,200 --> 00:20:29,760 gjithsesi nëse kjo është shqetësimi. 472 00:20:29,760 --> 00:20:32,475 >> Pra, tani le të kthehemi në shfletuesi im dhe reload. 473 00:20:32,475 --> 00:20:32,904 474 00:20:32,904 --> 00:20:34,820 Dhe unë jam duke shkuar për të klikoni Ghostbusters pak 475 00:20:34,820 --> 00:20:38,030 simbol të qartë se një pjesë e ekran kështu që ne mund të shohim kërkesat e reja. 476 00:20:38,030 --> 00:20:40,630 Dhe me të vërtetë, këtu është Cat Grump para. 477 00:20:40,630 --> 00:20:43,010 Por më e rëndësishmja, teknikisht, nuk ka 478 00:20:43,010 --> 00:20:45,565 numri 200, i cili do të thotë që kemi marrë është OK. 479 00:20:45,565 --> 00:20:47,190 Në rregull, kështu që kjo është e gjitha mirë dhe të mirë. 480 00:20:47,190 --> 00:20:48,940 Por ne nuk jemi duke e bërë më të mirë të faqeve, 481 00:20:48,940 --> 00:20:51,967 as nuk jemi duke shkuar për të përpiqen shumë të vështirë për të bëjnë fanciest e faqeve sot. 482 00:20:51,967 --> 00:20:54,550 Por le të paktën të bëjë diçka super njohur më parë kërcitës 483 00:20:54,550 --> 00:20:56,030 off disa tags disa të tjera. 484 00:20:56,030 --> 00:20:58,470 Kështu që mendoj se nuk duan vetëm një mace ketu. 485 00:20:58,470 --> 00:21:02,530 Mendoj unë në fakt duan këtë cat për të lidhur për diçka. 486 00:21:02,530 --> 00:21:07,210 >> Unë mund, për shembull bëni diçka si kjo. 487 00:21:07,210 --> 00:21:08,580 488 00:21:08,580 --> 00:21:12,890 një për të ankorohen href për equals-- reference hiper 489 00:21:12,890 --> 00:21:17,440 dhe le të vetëm të bëjë diçka si www.google.com ngushtë 490 00:21:17,440 --> 00:21:19,540 citoj kllapa ngushtë. 491 00:21:19,540 --> 00:21:22,000 Dhe tani kërkoni për macet. 492 00:21:22,000 --> 00:21:23,520 Mbylle spirancë tag. 493 00:21:23,520 --> 00:21:26,760 Pra, kjo është vetëm një lloj detaje të krejtësisht të reja. 494 00:21:26,760 --> 00:21:28,190 Tag sigurisht, është e ndryshme. 495 00:21:28,190 --> 00:21:31,770 Kjo është emri i një spirancë referencë href ose hiper. 496 00:21:31,770 --> 00:21:35,269 >> Por më e rëndësishmja, nuk ka kjo veçori sintaksore këtu. 497 00:21:35,269 --> 00:21:37,810 Kjo është ajo që ne do të fillojnë duke e quajtur nuk është një tag, por një atribut. 498 00:21:37,810 --> 00:21:40,830 Dhe një atribut është diçka që modifikon sjelljen e një tag. 499 00:21:40,830 --> 00:21:45,400 Dhe kjo atribut, href, mjetet modifikojë sjelljen e këtij spirancë 500 00:21:45,400 --> 00:21:48,430 në mënyrë që kur ajo është klikuar, ajo shkon në këtë URL këtu. 501 00:21:48,430 --> 00:21:50,330 Dhe sigurisht, kjo URL është Google. 502 00:21:50,330 --> 00:21:53,951 >> Ndërkohë, çfarë është ky tekst këtu do të jetë? 503 00:21:53,951 --> 00:21:55,950 E pra, kjo do të jetë çfarë njeriut të vërtetë 504 00:21:55,950 --> 00:21:58,470 sheh si të nënvizuar Lidhje, aq e thjeshtë sa se. 505 00:21:58,470 --> 00:21:59,220 Pra, le të provoni këtë. 506 00:21:59,220 --> 00:21:59,980 Më lejoni të shpëtuar atë. 507 00:21:59,980 --> 00:22:01,650 Unë jam ende në hello.html. 508 00:22:01,650 --> 00:22:05,360 Por në versionet online, ju do të shihni emrat e file aktuale ne para-përgatitur. 509 00:22:05,360 --> 00:22:06,805 Më lejoni të shkoj përpara dhe të reload. 510 00:22:06,805 --> 00:22:08,680 Dhe tani kjo është një shumë Faqja underwhelming ende. 511 00:22:08,680 --> 00:22:10,910 Por në qoftë se unë rri pezull mbi there-- dhe kjo është një pak më të vogël, 512 00:22:10,910 --> 00:22:13,576 but-- ju mund të shihni në fund këndin e majtë dora e ekranit tuaj, 513 00:22:13,576 --> 00:22:15,242 ajo me të vërtetë do të google.com. 514 00:22:15,242 --> 00:22:19,280 Dhe në qoftë se unë klikoni atë, ajo do të lëvizje më rrugën për aktuale Google. 515 00:22:19,280 --> 00:22:22,610 >> Por vini re këtu një mundësi për shfrytëzimit, ashtu si një mënjanë. 516 00:22:22,610 --> 00:22:25,150 Dhe ne do të kthehemi në tjetrin Çështjet e sigurisë para se të gjatë. 517 00:22:25,150 --> 00:22:29,290 Sepse ka kjo dikotomi mes ku ju shkoni dhe çfarë ju thoni, 518 00:22:29,290 --> 00:22:34,722 ju mund të bëni diçka si this-- http://www.google.com. 519 00:22:34,722 --> 00:22:37,134 OK, dhe tani, nëse unë reload pas kursimit këtë faqe, 520 00:22:37,134 --> 00:22:38,800 kjo duket si unë jam duke shkuar për të shkuar në Google. 521 00:22:38,800 --> 00:22:40,966 Por nuk ka asnjë arsye që unë duhet të shkoni në Google, apo jo? 522 00:22:40,966 --> 00:22:47,460 Unë në fakt mund të shkoni në diçka si badguy.com, ringarkoni faqen mbi këtu. 523 00:22:47,460 --> 00:22:49,750 Dhe njoftimi, ajo ende duket si Google. 524 00:22:49,750 --> 00:22:52,020 Dhe vetëm në qoftë se unë jam i mprehtë të mjaftueshme për të rri pezull mbi këtu 525 00:22:52,020 --> 00:22:54,770 nuk kam shoh ajo edhe do të shkoni në një vend tjetër. 526 00:22:54,770 --> 00:22:57,400 >> Pra, nëse ju keni marrë ndonjëherë një email, sidomos 527 00:22:57,400 --> 00:22:59,610 një nga Paypal, ose me sa duket nga Paypal 528 00:22:59,610 --> 00:23:01,830 duke i kërkuar që ju të hyni në në llogarinë tuaj, ky 529 00:23:01,830 --> 00:23:06,380 është arsyeja pse ju nuk duhet të ndonjëherë klikoni lidhjet në email, 530 00:23:06,380 --> 00:23:07,930 sinqerisht, çdo lidhje në email. 531 00:23:07,930 --> 00:23:10,380 Nëse ju e dini që ju keni aktuale paratë në Paypal ose Bankën 532 00:23:10,380 --> 00:23:14,250 e Amerikës apo Fidelity ose ndonjë website, shkruani atë në dorë. 533 00:23:14,250 --> 00:23:17,530 Sepse shikoni se sa e lehtë është për të gënjejnë dikë në paraqitjen e asaj që 534 00:23:17,530 --> 00:23:18,526 duket si një lidhje. 535 00:23:18,526 --> 00:23:20,400 Por në fakt ajo mund të shkoni absolutisht kudo. 536 00:23:20,400 --> 00:23:23,301 >> Dhe ka shumë më e madhe Kërcënimet se kjo. 537 00:23:23,301 --> 00:23:25,300 Në fakt, kjo është pak e i një tangente tani, por një 538 00:23:25,300 --> 00:23:28,430 nga ato më të mirë që kam parë i cili ka qenë që nga viti mbyllur, 539 00:23:28,430 --> 00:23:34,060 është dikush udhëhequr njerëzit to-- kështu që kjo mund të thotë, 540 00:23:34,060 --> 00:23:37,660 klikoni këtu për të hyrë brënda në tuaj llogari, një llogari bankare. 541 00:23:37,660 --> 00:23:40,985 Dhe kjo ishte Banka e Perëndimit. 542 00:23:40,985 --> 00:23:43,030 543 00:23:43,030 --> 00:23:44,250 >> Pra, dikush bleu këtë. 544 00:23:44,250 --> 00:23:47,090 Dhe kjo është pak më e lehtë për të parë atë në një mono spaced font zoomed 545 00:23:47,090 --> 00:23:49,190 në në një projektor 30-këmbë. 546 00:23:49,190 --> 00:23:51,720 Por kur ajo është font vogël në një email që ju jeni duke marrë, 547 00:23:51,720 --> 00:23:54,690 kjo duket si bankofthewest.com, jo bankofthevvest.com, 548 00:23:54,690 --> 00:23:58,230 të cilat dikush kishte paguar 10 $ për të blerë. 549 00:23:58,230 --> 00:24:00,840 Dhe pastaj kjo çoi ata në ekuivalent i një website të këqija. 550 00:24:00,840 --> 00:24:05,540 >> Dhe ju do të shihni too-- të vërtetë ne mund të bëjmë this-- nëse unë shkoj në faqen e internetit aktuale, 551 00:24:05,540 --> 00:24:10,335 bankofthewest.com, përsëri, kujtojnë nga hera e fundit 552 00:24:10,335 --> 00:24:13,210 se në qoftë se kjo është faqja e tyre web dhe ju jeni kurioz se si punon, 553 00:24:13,210 --> 00:24:15,610 ju me siguri mund të shkoni në Zhvilluesi mjetet Chrome. 554 00:24:15,610 --> 00:24:18,890 Dhe ju mund të shihni të gjitha HTML formatuar bukur atje. 555 00:24:18,890 --> 00:24:20,890 >> Por më shumë për pikë, ju cam-- le të mbyllet 556 00:24:20,890 --> 00:24:24,760 this-- ju mund të shkoni për të Shiko Developer View Source. 557 00:24:24,760 --> 00:24:25,770 558 00:24:25,770 --> 00:24:28,350 Pse nuk mundem thjesht kopje të gjithë që Dhe pastaj unë 559 00:24:28,350 --> 00:24:31,630 mund të shkoni në dritaren time të vogël gedit këtu dhe të bëni vetë web faqen time. 560 00:24:31,630 --> 00:24:33,210 Ruaj këtë hello.html. 561 00:24:33,210 --> 00:24:36,770 Dhe ndoshta kjo do të thyer, sepse kjo nuk është kaq e lehtë zakonisht. 562 00:24:36,770 --> 00:24:41,590 Por tani në qoftë se unë rifreskoni faqen time në mi CS50 Appliance dhe reload goditi, 563 00:24:41,590 --> 00:24:42,990 OK, disa sende thyen. 564 00:24:42,990 --> 00:24:45,750 Por unë jam shumë afër për të pasur vetë web faqen time bankare, e drejtë? 565 00:24:45,750 --> 00:24:46,570 E gjithë kjo HTML-- 566 00:24:46,570 --> 00:24:47,370 >> [Qeshura] 567 00:24:47,370 --> 00:24:49,210 >> DAVID J Malan: --I nuk actually-- dhe ju 568 00:24:49,210 --> 00:24:52,210 e di se ka dikush atje të cilët në fakt do të klikoni këto lidhje too. 569 00:24:52,210 --> 00:24:54,864 Pra në mënyrë të qartë, disa sende thyen. 570 00:24:54,864 --> 00:24:56,780 Por kjo do të çojë na në një diskutim, 571 00:24:56,780 --> 00:25:00,810 panevojshme tani, për çfarë CSS, fletët Cascading Style, janë, 572 00:25:00,810 --> 00:25:03,410 dhe si ju në të vërtetë shkarko tjera fotografi HTML 573 00:25:03,410 --> 00:25:06,140 dhe JPEG fotografi GIF fotografi që faqen e internetit mund të jetë duke përdorur. 574 00:25:06,140 --> 00:25:07,960 Por të gjithë që është e accomplishable. 575 00:25:07,960 --> 00:25:11,110 Por me të vërtetë boils poshtë për këto heuristics shumë të thjeshta. 576 00:25:11,110 --> 00:25:14,450 >> Pra, tani le të vetëm të cek nëpërmjet një disa shembuj të tjerë të HTML 577 00:25:14,450 --> 00:25:16,680 vetëm për të ju jap një kuptim për çfarë tjetër që ju mund të bëni. 578 00:25:16,680 --> 00:25:18,670 Për shembull, kjo është list.html. 579 00:25:18,670 --> 00:25:23,240 Mendoj unë të kërkuar për të bërë një faqe interneti me një listë të shtëpive në kuadrat. 580 00:25:23,240 --> 00:25:28,960 Unë mund të përdorni tag ul për të parenditur lista dhe pastaj fëmija pika lista 581 00:25:28,960 --> 00:25:33,760 dhe pastaj iterate over-- apo listë, rather-- shtëpitë në fjalë. 582 00:25:33,760 --> 00:25:36,080 >> Dhe në qoftë se kam hapur këtë ide, le ta bëjmë këtë. 583 00:25:36,080 --> 00:25:40,670 Le të mos shkojnë në hello.html, por për list.html. 584 00:25:40,670 --> 00:25:42,160 Damn atë. 585 00:25:42,160 --> 00:25:43,000 Si mund ta fix this? 586 00:25:43,000 --> 00:25:45,679 587 00:25:45,679 --> 00:25:47,220 Është e njëjta çështje si më parë, e drejtë? 588 00:25:47,220 --> 00:25:52,510 Pra, më lejoni të bëj oops-- chmod-- chmod a + r të list.html. 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 Dhe tani, nëse unë kthehem në shfletuesin tim dhe klikoni Rifresko, nuk është. 591 00:25:59,610 --> 00:26:02,360 Pra, nëse ju keni kërkuar ndonjëherë për të bërë një listë bulleted, ju mund të bëni atë. 592 00:26:02,360 --> 00:26:06,210 Nëse ju doni të jenë të super dashuroj dhe të bëjë një listë urdhëruar, jo një listë parenditur, 593 00:26:06,210 --> 00:26:10,170 ndryshojë atyre që ol, rifreskoni faqen, dhe tani shfletuesi do të numërojë atë për ju. 594 00:26:10,170 --> 00:26:11,241 >> Çfarë tjetër mund të bëjmë? 595 00:26:11,241 --> 00:26:13,990 E pra, një çift i others-- nëse ju keni marrë paragrafëve të gjatë e text-- 596 00:26:13,990 --> 00:26:15,698 për shembull, disa Teksti latin si this-- 597 00:26:15,698 --> 00:26:20,730 dhe ju doni atë në paragrafët veçanta, p hapur, p ngushtë për paragrafi tag. 598 00:26:20,730 --> 00:26:22,010 Dhe të bëjë atë përsëri dhe përsëri. 599 00:26:22,010 --> 00:26:26,600 Dhe në qoftë se unë tashmë e hapur deri në këtë fotografi, paragraphs.html, mirë, kjo 600 00:26:26,600 --> 00:26:27,570 po bëhet i bezdisshëm. 601 00:26:27,570 --> 00:26:34,320 Pra, tani le të vetëm të kthehemi tim shpejtë, chmod a + yll r r .html-- 602 00:26:34,320 --> 00:26:36,099 një kartë e bukur pak e egër në mënyrë që të flasin. 603 00:26:36,099 --> 00:26:37,890 Kjo duhet të rregullojmë të gjitha këto probleme për mua. 604 00:26:37,890 --> 00:26:38,990 Le të reload. 605 00:26:38,990 --> 00:26:40,500 Ka tre paragrafe. 606 00:26:40,500 --> 00:26:42,930 >> Dhe tani le të shkojë përpara dhe të hapur një tjetër. 607 00:26:42,930 --> 00:26:44,310 Si për tryezë? 608 00:26:44,310 --> 00:26:46,440 Ju do të vëreni duket tryezë pak më komplekse. 609 00:26:46,440 --> 00:26:49,110 Por është e njëjta idea-- tag hapur, tag hapur, 610 00:26:49,110 --> 00:26:51,360 të hapur, të hapur, të hapur, të ngushtë tag, tag hapur. 611 00:26:51,360 --> 00:26:54,410 Dhe këto ndodhin të qëndrojë për tavolinë, kufiri i të cilit është me sa duket 612 00:26:54,410 --> 00:26:58,500 do të jetë një trashësi 1-- çfarëdo se rresht tryezë means--, tavolinë 613 00:26:58,500 --> 00:27:00,320 dhënave, që do të thotë një qelizë. 614 00:27:00,320 --> 00:27:03,840 Dhe në qoftë se unë kthehem në shfletuesin tim këtu dhe të shkojnë në table.html, 615 00:27:03,840 --> 00:27:05,840 ju mund të shihni diçka si kjo, e shëmtuar. 616 00:27:05,840 --> 00:27:07,840 Por ne do të merrni deri në pikën ku ne mund të vërtetë 617 00:27:07,840 --> 00:27:09,260 bëjë gjëra prettier se kaq. 618 00:27:09,260 --> 00:27:10,530 >> Pra më lejoni të përcaktojë tani për tani. 619 00:27:10,530 --> 00:27:11,870 Ka bunches e më tags. 620 00:27:11,870 --> 00:27:15,225 Dhe HTML është i mrekullueshëm për të marr sepse, sinqerisht, të gjithë ju duhet të bëni 621 00:27:15,225 --> 00:27:17,600 po shikoni në faqet ekzistuese web me të cilën ju jeni të njohur. 622 00:27:17,600 --> 00:27:20,340 Dhe ju jeni si, oh, kjo është se si ata e bënë këtë aesthetically. 623 00:27:20,340 --> 00:27:23,159 >> Ose ju mund të kërkoni ndonjë internet burimeve se si punon HTML, 624 00:27:23,159 --> 00:27:25,700 dhe ju do të shihni se ka një tërë fjalorin e etiketave të tjera. 625 00:27:25,700 --> 00:27:30,110 Por me model të thjeshtë mendor vetëm se pothuajse çdo tag keni hapur 626 00:27:30,110 --> 00:27:33,620 ka për t'u mbyllur, me të vërtetë nuk mjafton për të mësuar veten 627 00:27:33,620 --> 00:27:36,950 HTML pas kuptojnë këto ide themelore e etiketave 628 00:27:36,950 --> 00:27:40,520 dhe atributet dhe mirë-formedness që ne kemi biseduar rreth, 629 00:27:40,520 --> 00:27:44,697 mbyllur çdo gjë që ne mund të hapur në mënyrë që të mos e ngatërruar një shfletues. 630 00:27:44,697 --> 00:27:46,780 Pra, tani le të marrin këtë një nivel më interesante 631 00:27:46,780 --> 00:27:48,100 duke shkuar në aktuale. 632 00:27:48,100 --> 00:27:51,095 Dhe le të shkojë në Mac tim këtu, në google.com. 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 Dhe tani notice-- le ta bëjmë këtë. 635 00:27:54,020 --> 00:27:57,280 Unë jam gong për të shkuar në Settings, Kërko Cilësimet. 636 00:27:57,280 --> 00:28:01,070 Unë dua ta fikur këtë çast bezdisshëm Rezultatet gjë ku menjëherë 637 00:28:01,070 --> 00:28:02,450 fillon duke iu përgjigjur shtypur tuaj. 638 00:28:02,450 --> 00:28:05,300 Le të bëjmë në këtë shkollë të vjetër në mënyrë ne fakt shohim se çfarë po ndodh. 639 00:28:05,300 --> 00:28:08,260 >> Kështu që unë jam duke shkuar për të shpëtuar tim Settings Google këtu. 640 00:28:08,260 --> 00:28:11,160 Dhe tani notice-- unë jam duke shkuar për kërkoni për diçka si macet. 641 00:28:11,160 --> 00:28:14,500 Dhe kjo është ende e bën auto të plotë këtu, por në bazë të gjërave 642 00:28:14,500 --> 00:28:15,970 njerëzit kanë shtypur në të kaluarën. 643 00:28:15,970 --> 00:28:17,490 Por vini re se çfarë do të ndodhë. 644 00:28:17,490 --> 00:28:20,272 >> Në URL në këtë moment është kjo, vetëm google.com. 645 00:28:20,272 --> 00:28:22,650 Dhe teknikisht, kjo është plagë. 646 00:28:22,650 --> 00:28:25,910 Google është vetëm ruajtjen e një karakter dhe mos na treguar atë. 647 00:28:25,910 --> 00:28:30,400 Ata janë duke na treguar https, vetëm të jetë super siguruar që ne jemi 648 00:28:30,400 --> 00:28:32,850 në një faqe të sigurt apo të koduar. 649 00:28:32,850 --> 00:28:35,690 >> Pra më lejoni të shkoj përpara dhe të kërkoni për macet. 650 00:28:35,690 --> 00:28:37,670 Tani kjo mori me të vërtetë madhe shpejt. 651 00:28:37,670 --> 00:28:39,470 Shikoni në kohëzgjatjen e këtij URL. 652 00:28:39,470 --> 00:28:43,070 Por kjo rezulton se shumica e këtij stuff në URL është në të vërtetë shumë e padobishme. 653 00:28:43,070 --> 00:28:45,320 Unë jam duke shkuar për të filluar fshirjes gjëra që unë nuk e kuptoj. 654 00:28:45,320 --> 00:28:46,560 655 00:28:46,560 --> 00:28:47,360 Unë po të shoh macet. 656 00:28:47,360 --> 00:28:48,470 Unë e kuptoj macet. 657 00:28:48,470 --> 00:28:50,380 Unë nuk e di pse macet janë atje përsëri. 658 00:28:50,380 --> 00:28:52,620 Unë me të vërtetë nuk e di çfarë është kjo marrëzi është. 659 00:28:52,620 --> 00:28:56,030 Kështu që unë jam vetëm duke shkuar për të mbajtur evidentimin dhe fshirjes sende 660 00:28:56,030 --> 00:28:59,905 se unë nuk e kuptoj, distilimi URL në vetëm këtë. 661 00:28:59,905 --> 00:29:00,920 662 00:29:00,920 --> 00:29:02,270 >> Tani më lejoni të merrni të hyjë përsëri. 663 00:29:02,270 --> 00:29:03,814 Ajo duket si Google ende punon. 664 00:29:03,814 --> 00:29:06,980 Pra, për disa arsye, ata janë duke shtuar a shumë gjëra të anëtarit by default URL tyre. 665 00:29:06,980 --> 00:29:09,000 Por kjo nuk është e nevojshme në mënyrë rigoroze. 666 00:29:09,000 --> 00:29:10,340 Pra, çfarë është e mirë në lidhje me këtë? 667 00:29:10,340 --> 00:29:13,630 E pra, më lejoni të shkoj përpara dhe të hapur deri Inspector Chrome. 668 00:29:13,630 --> 00:29:15,960 Ka një shkurtore pak miut për të. 669 00:29:15,960 --> 00:29:17,360 >> Go to tab Rrjetit. 670 00:29:17,360 --> 00:29:19,340 Dhe tani më lejoni të reload këtë faqe herë më shumë. 671 00:29:19,340 --> 00:29:20,280 Dhe unë jam duke mbajtur Shift. 672 00:29:20,280 --> 00:29:22,520 Si një mënjanë, shfletues kanë tendencë për të cache ose të shpëtuar 673 00:29:22,520 --> 00:29:24,697 informacion vetëm për hir efikasitetin e. 674 00:29:24,697 --> 00:29:27,280 Por zakonisht, duke mbajtur Shift dhe reloading do të detyrojë çdo gjë 675 00:29:27,280 --> 00:29:28,994 të fillojë përsëri nga fillimi. 676 00:29:28,994 --> 00:29:30,410 Dhe kjo është ajo që unë dua të bëj këtu. 677 00:29:30,410 --> 00:29:33,550 >> Dhe vini re të gjitha këto Rreshtat që vetëm shfaq. 678 00:29:33,550 --> 00:29:37,920 Ajo rezulton se në çdo web caktuar faqe, nuk mund të jetë vetëm një fotografi 679 00:29:37,920 --> 00:29:43,500 involved-- hello.html-- apo atje mund të jetë 52, si në këtë rast. 680 00:29:43,500 --> 00:29:45,820 Kur kam vizituar google.com, me sa duket, shfletuesi im 681 00:29:45,820 --> 00:29:49,650 nis 52 të ndara HTTP kërkesave. 682 00:29:49,650 --> 00:29:50,520 Pse është kjo? 683 00:29:50,520 --> 00:29:53,380 >> E pra, shikoni se çfarë ka brenda të kësaj faqe web deri krye. 684 00:29:53,380 --> 00:29:55,620 Nuk është vetëm tekst, por ka imazhe aktuale 685 00:29:55,620 --> 00:29:57,130 e macet mbi të djathtë. 686 00:29:57,130 --> 00:29:59,110 Ka një logo gjallë deri këtu në të majtë. 687 00:29:59,110 --> 00:30:01,750 Ka të gjitha këto ikona për një mikrofon dhe kështu me radhë. 688 00:30:01,750 --> 00:30:05,130 Ka shumë pjesë, ndërtimin e blloqe, copa rimbushëse, në qoftë se ju do, 689 00:30:05,130 --> 00:30:06,250 në këtë web faqe. 690 00:30:06,250 --> 00:30:10,310 Dhe çfarë shfletuesi është duke bërë mbi duke marrë dosjen e parë, e cila 691 00:30:10,310 --> 00:30:16,180 është ky rresht këtu, ajo është në thelb iterating mbi krye HTML 692 00:30:16,180 --> 00:30:19,880 në fund, e majta në të djathtë, duke kërkuar për gjëra të tilla si tags imazhit apo etiketave të tjera 693 00:30:19,880 --> 00:30:23,160 që përmendet fotografi të tjera dhe kur i sheh ata, shkon dhe i lexon ato 694 00:30:23,160 --> 00:30:26,050 nëpërmjet HTTP, tërë praktike metaforë zarf, 695 00:30:26,050 --> 00:30:29,670 dhe pastaj tregon ato në Vendndodhja përshtatshme në web faqe. 696 00:30:29,670 --> 00:30:33,370 >> Por vini re këtu në qoftë se unë të përqëndrohet në macet e para hedhin, kërko, 697 00:30:33,370 --> 00:30:37,090 vini re se, në të vërtetë ai është duke përdorur HTTP 1.1. 698 00:30:37,090 --> 00:30:41,690 Dhe për fat të keq, Google Chrome tani në versionin 39 699 00:30:41,690 --> 00:30:45,110 është lloj i dumbing gjëra poshtë dhe nuk na treguar headers aktuale. 700 00:30:45,110 --> 00:30:49,680 Por ajo që u është dërguar me të vërtetë është një kërkesë për të mos çaj, por / kërko? q = macet. 701 00:30:49,680 --> 00:30:52,830 702 00:30:52,830 --> 00:30:54,340 >> Tani, pse është kjo e rëndësishme? 703 00:30:54,340 --> 00:30:57,110 E pra, unë jam duke shkuar për të dëshmoj nga kjo se në qoftë se ju Google 704 00:30:57,110 --> 00:31:01,520 mbështet pyetje të kësaj forme, pse A nuk e zbatojnë kërkimin tim 705 00:31:01,520 --> 00:31:06,420 motor për CS50, por vetëm para në fund, vetëm grafik user interface. 706 00:31:06,420 --> 00:31:09,610 Dhe ne do të transferojmë në fund mbrapa, kërko aktuale rezulton në Google. 707 00:31:09,610 --> 00:31:10,510 >> Pra, si mund ta bëj këtë? 708 00:31:10,510 --> 00:31:13,820 E pra, më lejoni të shkoj në gedit këtu. 709 00:31:13,820 --> 00:31:19,180 Dhe më lejoni të shkoj përpara dhe të hapur up, le të themi, një skedë të re. 710 00:31:19,180 --> 00:31:22,280 Dhe unë jam duke shkuar për të shpëtuar këtë përkohësisht si kërkim-0.html. 711 00:31:22,280 --> 00:31:25,111 712 00:31:25,111 --> 00:31:27,860 Dhe pastaj në fund, ne do të fast përpara atij I para-përgatitur. 713 00:31:27,860 --> 00:31:30,190 >> Dhe unë jam duke shkuar për shpejt nxit lloji doc 714 00:31:30,190 --> 00:31:33,840 html kllapa hapur html html afër kllapa. 715 00:31:33,840 --> 00:31:38,390 Atëherë unë jam duke shkuar për të bërë kokën Kreu i afërt Titulli hapur CS50 716 00:31:38,390 --> 00:31:40,150 Kërko në vend të Google search. 717 00:31:40,150 --> 00:31:43,480 Poshtë këtu unë jam duke shkuar të ketë trupi, trupi poshtë këtu afër. 718 00:31:43,480 --> 00:31:45,835 Dhe tani kam nevojë për CS50 Kërko. 719 00:31:45,835 --> 00:31:47,710 Dhe në fakt, le të ndërtuar këtë incrementally. 720 00:31:47,710 --> 00:31:51,043 Unë jam duke shkuar për të shkuar përpara dhe të mbyllë këtë dhe në të vërtetë vënë atë në directory time publike. 721 00:31:51,043 --> 00:31:52,730 Pra, më jepni vetëm një moment. 722 00:31:52,730 --> 00:31:55,390 search-0.html-- Unë jam duke shkuar për përkohësisht quajnë atë search.html. 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 Unë jam duke shkuar për chmod atë një search.html + r. 725 00:31:59,750 --> 00:32:01,072 726 00:32:01,072 --> 00:32:02,280 Dhe tani unë jam duke shkuar për të hapur atë. 727 00:32:02,280 --> 00:32:03,224 728 00:32:03,224 --> 00:32:04,390 Të gjitha të drejtat, në mënyrë që të ishte e shpejtë. 729 00:32:04,390 --> 00:32:06,800 Por qëllimi ishte thjesht për të na marrë në pikën 730 00:32:06,800 --> 00:32:09,630 e ka këtë tekst paraqesë quajtur search.html. 731 00:32:09,630 --> 00:32:10,940 732 00:32:10,940 --> 00:32:12,790 Pra, jo shumë për të parë në ende. 733 00:32:12,790 --> 00:32:16,970 Në të vërtetë, në qoftë se unë shkoj në shfletuesin tim, dhe shkojnë në search.html, se e gjitha kjo është e. 734 00:32:16,970 --> 00:32:17,720 Por ju e dini se çfarë? 735 00:32:17,720 --> 00:32:19,000 Unë mund të jetë një pak njohës. 736 00:32:19,000 --> 00:32:22,710 Kam lexuar në një libër që ka a tag titull të quajtur H1. 737 00:32:22,710 --> 00:32:26,100 Dhe unë jam duke shkuar për të shkuar përpara dhe të përdorin atë H1 hapur dhe H1 ngushtë. 738 00:32:26,100 --> 00:32:27,220 Ringarkoni faqen. 739 00:32:27,220 --> 00:32:29,600 Dhe tani ajo është më e madhe dhe më të guximshme, jo të gjithë atë interesante, 740 00:32:29,600 --> 00:32:32,399 por të paktën ajo strukturore shumë interesante. 741 00:32:32,399 --> 00:32:33,940 Por tani më lejoni të prezantoj një tag. 742 00:32:33,940 --> 00:32:36,500 Ajo rezulton se ka një tag formë. 743 00:32:36,500 --> 00:32:38,400 Dhe më lejoni të mbyllur këtë tag. 744 00:32:38,400 --> 00:32:40,830 Dhe kjo rezulton se nuk ka një tag input se 745 00:32:40,830 --> 00:32:44,600 ka një atribut të quajtur lloji, e cila është lloji i të dhënave të fushës, 746 00:32:44,600 --> 00:32:45,200 nëse ju do. 747 00:32:45,200 --> 00:32:47,050 Dhe do të jetë e tekstit tipit. 748 00:32:47,050 --> 00:32:52,200 Dhe vlera e saj është duke shkuar të CS50 Kërko. 749 00:32:52,200 --> 00:32:53,850 Mbylle tag. 750 00:32:53,850 --> 00:32:57,100 Dhe nuk do të ketë asnjë nocioni i hapjes dhe mbylljes me tags veçanta. 751 00:32:57,100 --> 00:33:00,300 >> Më lejoni të kthehem këtu dhe të shohim se çfarë po ndodh, reload. 752 00:33:00,300 --> 00:33:01,380 Getting interesante. 753 00:33:01,380 --> 00:33:02,950 Ajo duket si ajo është një fushë teksti. 754 00:33:02,950 --> 00:33:04,080 755 00:33:04,080 --> 00:33:06,999 Dhe në të vërtetë, unë nuk dua për të vënë një vlerë ende atje. 756 00:33:06,999 --> 00:33:10,040 Më lejoni të kthehem këtu dhe në fakt të marrë shpëtoj i kësaj vlere për ta mbajtur atë të thjeshtë. 757 00:33:10,040 --> 00:33:12,939 Në vend të një vlere, atë që kam kërkuar për të dhënë këtë gjë ishte një emër. 758 00:33:12,939 --> 00:33:15,230 Dhe unë nuk e di se çfarë është, kështu që unë do të kthehem në atë. 759 00:33:15,230 --> 00:33:18,270 >> Por më poshtë se, unë dua për të bërë lloj e zbritshme = paraqesë. 760 00:33:18,270 --> 00:33:19,840 761 00:33:19,840 --> 00:33:22,120 Dhe kjo vlerë do të jetë CS50 Kërko. 762 00:33:22,120 --> 00:33:24,850 Dhe ne do të shohim se pse unë lëvizur vlerë për këtë. 763 00:33:24,850 --> 00:33:28,900 Kur unë reload, unë duket se tani kanë fillimet e kërkimit tim 764 00:33:28,900 --> 00:33:30,820 motor, super e shëmtuar, edhe pse sinqerisht, kjo është 765 00:33:30,820 --> 00:33:34,260 jo larg hedhin nga ajo Faqja e Google parazgjedhur duket si. 766 00:33:34,260 --> 00:33:37,950 >> Nëse unë shkoj këtu, unë mund të shtypni në macet dhe shpresojmë klikoni Kërko. 767 00:33:37,950 --> 00:33:40,380 Por unë nuk jam bërë ende mjaft, sepse unë nuk e kam zbatuar, 768 00:33:40,380 --> 00:33:41,045 padyshim, një bazë të dhënash. 769 00:33:41,045 --> 00:33:42,940 Unë nuk kam crawled web për rezultatet e kërkimit. 770 00:33:42,940 --> 00:33:44,840 Kështu që kam nevojë për të transferojmë atë në Google. 771 00:33:44,840 --> 00:33:46,290 Pra, si mund ta bëni këtë? 772 00:33:46,290 --> 00:33:49,170 >> E pra, para së gjithash I duhet të shtoni dhe të veprimit 773 00:33:49,170 --> 00:33:58,460 atribuojnë formë tag tim se është http://www.google.com/search. 774 00:33:58,460 --> 00:34:01,180 Dhe unë e di se vetëm nga të pasurit nxirret duke shikuar nga afër 775 00:34:01,180 --> 00:34:02,505 në URL-të e tyre. 776 00:34:02,505 --> 00:34:03,380 Dhe tani të marrë një guess. 777 00:34:03,380 --> 00:34:09,090 Çfarë duhet kjo fushë teksti ndoshta të quhet, në bazë të ku kemi ardhur 778 00:34:09,090 --> 00:34:09,754 para? 779 00:34:09,754 --> 00:34:11,896 780 00:34:11,896 --> 00:34:13,290 >> AUDIENCA:? Q. 781 00:34:13,290 --> 00:34:14,370 >> DAVID J Malan:? Q. 782 00:34:14,370 --> 00:34:17,800 Dhe ne nuk mund të vërtetë nevojë për pyetje shënuar kjo rezulton, por q është me të vërtetë ajo, 783 00:34:17,800 --> 00:34:20,489 q për pyetje ndoshta nga parazgjedhur, vetëm për shkak se kjo është 784 00:34:20,489 --> 00:34:23,060 çfarë Larry dhe Sergey doli me vite më parë. 785 00:34:23,060 --> 00:34:24,739 Pra, tani më lejoni të rifreskoni këtë faqe. 786 00:34:24,739 --> 00:34:26,409 Ajo nuk duket e gjitha që të ndryshme. 787 00:34:26,409 --> 00:34:28,120 Por tani të shikojnë se çfarë ndodh. 788 00:34:28,120 --> 00:34:32,360 >> Nëse unë lloji në macet dhe klikoni CS50 Kërkoni dhe le të shkojë, 789 00:34:32,360 --> 00:34:35,770 njoftim shkoj whisked larg të vërtetë Google. 790 00:34:35,770 --> 00:34:38,150 Tani, Google ka qenë pak bezdisshëm në se ata janë 791 00:34:38,150 --> 00:34:41,877 bashkëngjitur një parametër shtesë, në qoftë se ju do të, në URL. 792 00:34:41,877 --> 00:34:43,960 Kjo është e gjitha ndodh automatikisht në anën e Google. 793 00:34:43,960 --> 00:34:48,730 >> Pjesë e rëndësishme është se unë duket kanë gjeneruar këtë kërkesë këtu. 794 00:34:48,730 --> 00:34:50,179 Dhe me të vërtetë, kjo është ajo që ndodh. 795 00:34:50,179 --> 00:34:53,040 Kur ju keni HTML se duket si kjo, kjo 796 00:34:53,040 --> 00:34:57,620 është lloj i web developers simbol për të thënë, të shkojnë përpara dhe për të krijuar një formë 797 00:34:57,620 --> 00:34:59,990 se kur është paraqitur, ajo do të shkojë në këtë URL. 798 00:34:59,990 --> 00:35:03,430 Dhe kur URL ka dhënë Vlerat për gjëra të tilla si q, 799 00:35:03,430 --> 00:35:05,440 nuk shkojnë vetëm për këtë URL. 800 00:35:05,440 --> 00:35:08,210 Në fakt, shkoni tek pyetja mark dhe pastaj q = macet. 801 00:35:08,210 --> 00:35:09,590 802 00:35:09,590 --> 00:35:13,060 Append parametër, HTTP parametër si kjo. 803 00:35:13,060 --> 00:35:15,590 >> Dhe vetëm të jenë super të saktë, çfarë është duke u nxirret here-- 804 00:35:15,590 --> 00:35:18,130 por unë do të jetë më i explicit-- është se metoda që unë dua të përdorni 805 00:35:18,130 --> 00:35:22,270 është marrë, në vend të diçka si pas, të cilat ne do të shohim përfundimisht. 806 00:35:22,270 --> 00:35:27,710 Pra me pak fjalë, thjesht nga të kuptuarit HTML dhe duke përdorur disa tags mjaft të thjeshta, 807 00:35:27,710 --> 00:35:30,610 ne tani mund të fillojnë për të krijuar vet përdoruesit tonë përpara në fund 808 00:35:30,610 --> 00:35:32,850 ndërfaqe me një kërkim të motor pas saj. 809 00:35:32,850 --> 00:35:34,800 >> Por kjo sigurisht, është shumë e shëmtuar. 810 00:35:34,800 --> 00:35:37,259 Pra më lejoni të vërtetë të hapur një version pak më të mirë. 811 00:35:37,259 --> 00:35:39,800 Ky është ai I përgatitur në të avancuar që ka disa komente. 812 00:35:39,800 --> 00:35:41,900 Por ju do të shihni se unë pretty much rikrijuar atë. 813 00:35:41,900 --> 00:35:44,150 Pra, kjo është tashmë në dispozicion në internet. 814 00:35:44,150 --> 00:35:48,050 Dhe unë ndodhi të preemptively shkojnë në https vetëm për të mbajtur atë të thjeshtë. 815 00:35:48,050 --> 00:35:50,610 >> Dhe tani le të hapur një Përsëritje e ardhshme të kësaj. 816 00:35:50,610 --> 00:35:52,510 Është versioni 1 vend të 0. 817 00:35:52,510 --> 00:35:55,315 Çfarë në hedhje nga ju si pak ndryshe në këtë shembull? 818 00:35:55,315 --> 00:35:59,480 819 00:35:59,480 --> 00:36:00,440 >> Audienca: [padëgjueshme]. 820 00:36:00,440 --> 00:36:03,020 >> Po, nuk ka kjo qendër align tekst. 821 00:36:03,020 --> 00:36:04,590 Kjo është pak i çuditshëm këtu. 822 00:36:04,590 --> 00:36:06,150 Por kjo është me të vërtetë e re. 823 00:36:06,150 --> 00:36:07,800 Dhe ndoshta me mend se çfarë do të ndodhë. 824 00:36:07,800 --> 00:36:11,730 Nëse unë shkoj në shfletuesin tim tani dhe për të vizituar të kërkimit-1.html, 825 00:36:11,730 --> 00:36:13,090 kjo është pothuajse e njëjta gjë. 826 00:36:13,090 --> 00:36:15,705 Por kjo është një hap më pranë duke qenë pak më i bukur. 827 00:36:15,705 --> 00:36:19,150 Është ende e shëmtuar, por prettier në atë të paktën gjithçka është përqëndruar tani. 828 00:36:19,150 --> 00:36:23,470 >> Pra, rezulton se çfarë unë jam duke përdorur është një gjuhë tjetër quhet krejt 829 00:36:23,470 --> 00:36:25,680 CSS, fletët Cascading Style. 830 00:36:25,680 --> 00:36:28,310 Dhe CSS, sinqerisht, është lloji e, sipas mendimit tim personal, 831 00:36:28,310 --> 00:36:29,775 një gjuhë të dizajnuar atrociously. 832 00:36:29,775 --> 00:36:33,110 Është shumë i bezdisshëm për të kujtuar të gjitha detajet e ndryshme. 833 00:36:33,110 --> 00:36:38,479 Por kjo është ajo që stylizes tërë web mbarë botën sot. 834 00:36:38,479 --> 00:36:39,270 I ofenduar dikë. 835 00:36:39,270 --> 00:36:39,769 Dakord. 836 00:36:39,769 --> 00:36:43,180 Pra, le të kthehemi këtu dhe të shohim se si ne jemi të vërtetë duke përdorur këtë. 837 00:36:43,180 --> 00:36:45,940 Dhe kjo rezulton, të paktën kjo është në të vërtetë një gjuhë mjaft të thjeshtë. 838 00:36:45,940 --> 00:36:49,470 Kjo është vetëm palë kryesore me vlerë, pronat dhe vlerat, pronat dhe vlerat. 839 00:36:49,470 --> 00:36:52,080 Në të vërtetë, këtu është një prona të tilla dhe vlera. 840 00:36:52,080 --> 00:36:55,890 >> Thjesht duke përdorur stilin atribut për tag trupit tim 841 00:36:55,890 --> 00:37:00,360 dhe duke i dhënë asaj një vlerë të a zorrës së trashë fjalë dhe një tjetër fjalë, 842 00:37:00,360 --> 00:37:03,730 apo një pronë dhe vlerë, Unë mund të ndikojnë në estetikë 843 00:37:03,730 --> 00:37:06,210 të web faqes, jo domosdoshmërisht struktura akoma, 844 00:37:06,210 --> 00:37:07,550 por estetikë e saj. 845 00:37:07,550 --> 00:37:10,960 Dhe vetëm nga Googling rreth, unë të kuptojë që fletë CSS, stil Cascading, 846 00:37:10,960 --> 00:37:14,170 mbështet një pronë të quajtur text-align, vlera e të cilave mund të 847 00:37:14,170 --> 00:37:16,980 të lihet, të drejtë, apo qendër, për shembull. 848 00:37:16,980 --> 00:37:19,990 >> Deri tani, kur unë reload Kjo faqe, çfarë unë kam marrë 849 00:37:19,990 --> 00:37:22,730 ishte një faqe në qendër, por ende mjaft të shëmtuar. 850 00:37:22,730 --> 00:37:25,770 Le të shkojnë përpara dhe të hapur up version 2 të Kërko. 851 00:37:25,770 --> 00:37:28,570 Dhe tani vini re unë kam bërë një pak më shumë. 852 00:37:28,570 --> 00:37:33,760 Vini re se deri këtu brenda kokës tag, nuk mund të jetë më shumë se titullit. 853 00:37:33,760 --> 00:37:35,400 Në fakt, ka një tag stil. 854 00:37:35,400 --> 00:37:38,630 Dhe ky është vendi ku ajo merr vetëm një pak CSS çrregullt shihnin ndonjëherë. 855 00:37:38,630 --> 00:37:41,971 >> Vini re se unë duket të ketë diçka se strukturalisht duket shumë ndryshe. 856 00:37:41,971 --> 00:37:44,095 Por këtu është emri i tag Unë dua të stilizuar. 857 00:37:44,095 --> 00:37:47,570 Këtu janë miqtë tanë të vjetër kaçurrel formatimin e teksteve dhe mbajtëse mbyllur kaçurrel. 858 00:37:47,570 --> 00:37:50,290 Dhe atëherë këtu është se prona dhe vlera e saj. 859 00:37:50,290 --> 00:37:56,300 >> Nëse unë ngarkesës këtë fotografi, search2.html, Rezultati përfundimtar është i njëjtë. 860 00:37:56,300 --> 00:37:59,300 Por kjo është një hap drejt dizajn më të mirë. 861 00:37:59,300 --> 00:38:04,560 Nga factoring këtë CSS, unë kam jo të përziera me HTML tim. 862 00:38:04,560 --> 00:38:07,560 Dhe me të vërtetë, siç do të shohim, unë mund të ripërdorimin këto prona dhe vlera. 863 00:38:07,560 --> 00:38:10,420 Në qoftë se unë të kërkuar për të bërë bunches e pjesët e web faqen time në qendër, 864 00:38:10,420 --> 00:38:13,630 Unë nuk duhet të tipit style = text-align qendra në të gjithë vendin. 865 00:38:13,630 --> 00:38:16,580 Unë mund të vënë në një vend ndoshta, si deri në krye. 866 00:38:16,580 --> 00:38:18,210 >> Por edhe kjo nuk është dizajn të mirë. 867 00:38:18,210 --> 00:38:21,720 Në fakt, një nga gjërat që ju do të mësoni si keni shpenzuar më shumë kohë me të 868 00:38:21,720 --> 00:38:25,730 programimit web është se sa më shumë që ju mund të modularize gjërat dhe faktor gjëra jashtë 869 00:38:25,730 --> 00:38:30,610 si fotografi .h le faktor gjëra jashtë, doja helpers.c Le faktor gjëra jashtë 870 00:38:30,610 --> 00:38:31,880 një psets më parë. 871 00:38:31,880 --> 00:38:34,200 Në mënyrë të ngjashme, mund ne duan për të arritur këtë. 872 00:38:34,200 --> 00:38:37,920 >> Pra njoftim version tre search.html I kam 873 00:38:37,920 --> 00:38:40,610 pastruar kreu i faqja dhe vetëm vënë 874 00:38:40,610 --> 00:38:43,320 Në këtë, një tag link, i cili në kundërshtim me emrin, 875 00:38:43,320 --> 00:38:44,700 nuk ju jap një hyperlink. 876 00:38:44,700 --> 00:38:49,150 Ajo lidhet me një tjetër fotografi me anë të një href vlera e të cilit në këtë rast, 877 00:38:49,150 --> 00:38:51,586 është search-3.css 878 00:38:51,586 --> 00:38:52,960 Kështu që unë e kuptojnë që ne jemi duke shkuar shpejt. 879 00:38:52,960 --> 00:38:54,600 Por të gjitha unë jam duke bërë është lloj të lëvizin gjërat rreth. 880 00:38:54,600 --> 00:38:55,760 Më lejoni të hapur search-3.css. 881 00:38:55,760 --> 00:38:57,114 882 00:38:57,114 --> 00:38:58,530 Nuk është, asgjë të vërtetë në të. 883 00:38:58,530 --> 00:39:02,270 Unë vetëm të kopjohet dhe të ngjit atë në një të ri paraqesë, ashtu si ne faktorizohen stuff nga 884 00:39:02,270 --> 00:39:03,509 në fotografi të tjera para. 885 00:39:03,509 --> 00:39:05,300 Dhe result-- plotësisht underwhelming-- 886 00:39:05,300 --> 00:39:06,730 do të jetë e njëjtë. 887 00:39:06,730 --> 00:39:10,490 Por ne jemi duke lëvizur toward-- jo, kjo nuk është. 888 00:39:10,490 --> 00:39:11,930 Oh, unë e di pse. 889 00:39:11,930 --> 00:39:13,790 >> Pra, kjo duket të jetë një bug. 890 00:39:13,790 --> 00:39:15,010 Dhe kjo është në një farë mënyre. 891 00:39:15,010 --> 00:39:17,730 Por më lejoni të hapur Rrjeti tab tim. 892 00:39:17,730 --> 00:39:19,660 Më lejoni të ringarkoni faqen. 893 00:39:19,660 --> 00:39:23,315 Ah, pse CSS nuk po zbatohet? 894 00:39:23,315 --> 00:39:26,920 Well, fotografi CSS, në mënyrë të ngjashme, ka të jetë i lexueshëm në botë, kështu që të flasin. 895 00:39:26,920 --> 00:39:28,440 Dhe kjo shumë është e ndaluar aktualisht. 896 00:39:28,440 --> 00:39:33,760 Pra, më lejoni të bëj një chmod a + r yll dot CSS-- whoops-- 897 00:39:33,760 --> 00:39:37,067 ne jemi dot CSS është vetëm file extension për fotografi CSS. 898 00:39:37,067 --> 00:39:38,900 Tani më lejoni të kthehem tek shfletuesi im dhe reload. 899 00:39:38,900 --> 00:39:40,910 OK, pak më të mirë. 900 00:39:40,910 --> 00:39:42,282 >> Tani, më lejoni të bëj një gjë të fundit. 901 00:39:42,282 --> 00:39:42,990 Në kërkim-4.html. 902 00:39:42,990 --> 00:39:44,550 903 00:39:44,550 --> 00:39:48,220 Unë kam një version që unë vetëm menduar ishte mënyra pije freskuese, megjithëse mënyrë më 904 00:39:48,220 --> 00:39:48,980 komplikuar. 905 00:39:48,980 --> 00:39:50,690 Le të shikojmë në rezultat të parë. 906 00:39:50,690 --> 00:39:52,290 Mbyllë këtë për të na japë më shumë hapësirë. 907 00:39:52,290 --> 00:39:54,275 Ndrysho këtë kërkim-4, Enter. 908 00:39:54,275 --> 00:39:55,430 909 00:39:55,430 --> 00:39:57,200 >> Dhe tani një bandë e gjëra janë thyer. 910 00:39:57,200 --> 00:39:59,910 Unë jam duke shkuar për të shkuar mbrapa në directory time këtu. 911 00:39:59,910 --> 00:40:04,190 Dhe tani unë jam vetëm duke shkuar për të bërë a chmod i një R + mbi një file-- 912 00:40:04,190 --> 00:40:07,450 sepse unë e di se exists-- quajtur logo.gif, e cila eshte nje imazh. 913 00:40:07,450 --> 00:40:08,590 Dhe tani reload. 914 00:40:08,590 --> 00:40:11,040 Dhe wow-- kështu që tani unë jam mjaft të ngushtë, sinqerisht, 915 00:40:11,040 --> 00:40:15,860 të pëlqen versionin e Google 1999, dhe sinqerisht, versioni 2014 i Google, 916 00:40:15,860 --> 00:40:16,360 e drejtë? 917 00:40:16,360 --> 00:40:21,920 >> Pra, ajo tani do të faqen e internetit e tyre, në fund të fundit, në qoftë se unë të kërkuar për macet. 918 00:40:21,920 --> 00:40:23,900 Dhe në të vërtetë është. 919 00:40:23,900 --> 00:40:26,410 Por ajo që ka të bëj ndryshe në këtë version 4? 920 00:40:26,410 --> 00:40:28,020 Pra, ne nuk do të ndalem shumë në atë këtu. 921 00:40:28,020 --> 00:40:30,100 Ju do të shihni këtë në problemin vendosur shtatë përfundimisht. 922 00:40:30,100 --> 00:40:31,350 Por vini re kam bërë disa gjëra. 923 00:40:31,350 --> 00:40:33,690 >> I futur një div tag, i cili është ndarja, 924 00:40:33,690 --> 00:40:35,450 ngjashme në frymë të një paragrafi tag. 925 00:40:35,450 --> 00:40:38,220 Por një ndarje është vetëm si, këtu është një rajon drejtkëndëshe padukshëm 926 00:40:38,220 --> 00:40:39,150 e ekranit. 927 00:40:39,150 --> 00:40:41,680 Le t'i jepte një të veçantë identifikues, një futboll, vetëm 928 00:40:41,680 --> 00:40:44,700 në mënyrë që ne mund të flasim për atë në HTML tonë diku tjetër. 929 00:40:44,700 --> 00:40:47,952 Këtu është një div e faqes të cilit ID do të jetë i kënaqur. 930 00:40:47,952 --> 00:40:49,160 Kjo është përmbajtja e faqes. 931 00:40:49,160 --> 00:40:51,090 Dhe këtu është header e faqes. 932 00:40:51,090 --> 00:40:54,960 >> Me fjalë të tjera, unë kam në thelb në HTML jam mendërisht 933 00:40:54,960 --> 00:40:57,700 shikojnë këtë faqe interneti si tre komponente, a header 934 00:40:57,700 --> 00:41:01,200 deri këtu me këtë drejtkëndësh padukshme, Përmbajtja në mes, dhe pastaj 935 00:41:01,200 --> 00:41:04,800 futboll poshtë poshtë, madje edhe edhe pse ne nuk i shohim këto gjëra. 936 00:41:04,800 --> 00:41:09,940 Sepse unë dua të në kokën time e faqe këtu, ose në një skedar .css, 937 00:41:09,940 --> 00:41:11,460 Unë mund të përdorni këtë sintaksë. 938 00:41:11,460 --> 00:41:13,070 >> Header nuk është një tag. 939 00:41:13,070 --> 00:41:17,060 Kjo është një ID kështu që kthehet se duke bërë #header, 940 00:41:17,060 --> 00:41:20,840 Unë tani mund të aplikojnë një ose më shumë Pronat në kokë. 941 00:41:20,840 --> 00:41:24,130 Unë mund të bëjë të njëjtën përmbajtje, njëjtë për përmbajtje këtu. 942 00:41:24,130 --> 00:41:27,230 >> Kështu për shembull, në futboll, njoftimin të gjitha këto prona që unë jam duke shtuar. 943 00:41:27,230 --> 00:41:30,660 Dhe unë e di se ata ekzistojnë vetëm nga leximi deri në dokumentacionin për CSS. 944 00:41:30,660 --> 00:41:33,450 Font size do të jetë smaller-- kështu që disa madhësinë relative font. 945 00:41:33,450 --> 00:41:34,741 Pesha do të jetë e guximshme. 946 00:41:34,741 --> 00:41:37,340 Margin-- si shumë piksele rreth it-- është 20 pixels. 947 00:41:37,340 --> 00:41:38,590 Dhe kjo do të jetë në qendër. 948 00:41:38,590 --> 00:41:40,256 >> Por tani, faqja duket si ky. 949 00:41:40,256 --> 00:41:42,840 Nëse unë nuk jam i kënaqur me kopje e mia të drejtë atje, 950 00:41:42,840 --> 00:41:46,560 Unë mund të bëjë diçka si ngjyra e kuqe. 951 00:41:46,560 --> 00:41:50,570 Dhe atëherë unë mund të shpëtojë këtë, ringarkoni, dhe tani unë kam stilizuar futboll. 952 00:41:50,570 --> 00:41:54,130 Pra, kjo është vetëm nënkuptuar në pushtet të asaj që ju mund të bëni në një faqe interneti 953 00:41:54,130 --> 00:41:55,510 për të ndryshuar gjërat. 954 00:41:55,510 --> 00:41:59,080 >> Dhe madje edhe pije freskuese se këtë, në qoftë se ju dëshironi të thes rreth me faqet e internetit aktuale, 955 00:41:59,080 --> 00:42:00,810 ju nuk mund të ndryshojë përgjithmonë ato. 956 00:42:00,810 --> 00:42:03,640 Por në qoftë se unë të hapur Inspektori Chrome përsëri 957 00:42:03,640 --> 00:42:07,610 dhe unë nuk shkoj në anën e majtë këtu, e cila tregon HTML Facebook, 958 00:42:07,610 --> 00:42:11,380 por tregon në të djathtë hand side gjithë CSS saj, 959 00:42:11,380 --> 00:42:13,789 ju ose mund të dhe ndryshojnë gjërat në fluturojnë. 960 00:42:13,789 --> 00:42:15,080 Pra më lejoni të shkoj përpara dhe të bëjë këtë. 961 00:42:15,080 --> 00:42:18,670 >> Më lejoni të shkoj përpara dhe të kontrollit klikoni në këtë fjalë të rastit këtu, 962 00:42:18,670 --> 00:42:21,230 nënshkruajë, dhe klikoni Inspect Element. 963 00:42:21,230 --> 00:42:25,130 Chrome shumë të përshtatshme për hedhje tag h1 që Facebook është duke përdorur. 964 00:42:25,130 --> 00:42:27,290 Dhe vini re këtu Facebook ka lloj lazily 965 00:42:27,290 --> 00:42:29,960 vështirë koduar madhësinë e shkronjave, si një pronë këtu. 966 00:42:29,960 --> 00:42:33,530 >> Pra, gjëja e ftohtë edhe pse është e se në qoftë se unë në fakt shkojnë këtu 967 00:42:33,530 --> 00:42:39,560 dhe thonë, oh, Facebook, unë nuk e pëlqen atë 64 pixels, ne tani mund të ndryshojë në Facebook. 968 00:42:39,560 --> 00:42:42,590 Natyrisht, ne jemi vetëm duke ndryshuar atë për mua personalisht në këtë moment. 969 00:42:42,590 --> 00:42:45,150 Por kjo është vetëm një tjetër mjet në kit tonë mjet 970 00:42:45,150 --> 00:42:48,360 që do të na lejojë që të shkulje dhe të kuptoj se si dhe diagnozë 971 00:42:48,360 --> 00:42:49,729 Çështjet në faqet tona web. 972 00:42:49,729 --> 00:42:52,270 Dhe ne mund të shkojnë mbi të ngjashme këtu, e cila është e njëjta gjë. 973 00:42:52,270 --> 00:42:55,830 Nëse jeni të vërtetë doni të merrni dashuroj, unë do të thotë, tani ju mund të vërtetë të shndrrohet faqe 974 00:42:55,830 --> 00:42:57,380 dhe të bëjë gjëra të çmendur. 975 00:42:57,380 --> 00:42:59,870 >> Pra, pse është e gjithë kjo e dobishme? 976 00:42:59,870 --> 00:43:02,330 E pra, në fund të fundit, ne jemi do të duan të jenë të 977 00:43:02,330 --> 00:43:07,110 në gjendje për të krijuar faqe web që janë të shtyrë nga skajet tona mbrapa, 978 00:43:07,110 --> 00:43:10,520 jo vetëm nga Google dhe outsourcing në fund mbrapa atje. 979 00:43:10,520 --> 00:43:13,510 Ne fakt duam vlera, për shembull, 980 00:43:13,510 --> 00:43:18,830 i veprimit motorit tonë search atribut për të mos shkuar dikujt tjetër, 981 00:43:18,830 --> 00:43:24,270 por për diçka si search.php, ku search.php është në serverin tonë, 982 00:43:24,270 --> 00:43:25,670 jo dikush tjetër. 983 00:43:25,670 --> 00:43:30,316 >> Dhe kështu që të merrni atje, ne fakt nevojë për të futur një gjuhë të re. 984 00:43:30,316 --> 00:43:33,190 Pra, ne kemi shikuar tashmë në një të ri Gjuha këtu, ose dy të vërtetë, HTML 985 00:43:33,190 --> 00:43:33,700 dhe CSS. 986 00:43:33,700 --> 00:43:36,330 Por ata me të vërtetë janë vetëm Gjuhët strukturore dhe estetike. 987 00:43:36,330 --> 00:43:38,360 Ata nuk po e programimit Gjuhët në vetvete. 988 00:43:38,360 --> 00:43:41,160 Dhe kjo është në lidhje me sa më shumë formal Ora si ne do të kalojnë mbi ta. 989 00:43:41,160 --> 00:43:44,910 Sepse ne do të fillojmë tani të kalojnë në PHP. 990 00:43:44,910 --> 00:43:48,160 >> Pra, PHP është një aktuale gjuhë programimi. 991 00:43:48,160 --> 00:43:50,750 Kjo është një gjuhë e shkruar në kuptimin që kjo është 992 00:43:50,750 --> 00:43:52,855 për qëllim të jetë pesha të lehta se diçka si C. 993 00:43:52,855 --> 00:43:56,082 Dhe kjo është një gjuhë interpretuar, që do të thotë se nuk është hartuar. 994 00:43:56,082 --> 00:43:58,790 Pra, me pak fjalë, çfarë e bëri atë të thotë kur kemi përdorur një gjuhë si C 995 00:43:58,790 --> 00:44:00,290 dhe ne kishim për të hartuar atë? 996 00:44:00,290 --> 00:44:02,120 Çfarë do të thotë të përpilojnë kodin burimor C? 997 00:44:02,120 --> 00:44:03,864 998 00:44:03,864 --> 00:44:04,780 Audienca: [padëgjueshme]. 999 00:44:04,780 --> 00:44:06,184 DAVID J Malan: Thuaj atë përsëri? 1000 00:44:06,184 --> 00:44:07,100 Audienca: [padëgjueshme]. 1001 00:44:07,100 --> 00:44:07,962 1002 00:44:07,962 --> 00:44:08,920 DAVID J Malan: Perfect. 1003 00:44:08,920 --> 00:44:10,180 Ajo e kthen atë në binar. 1004 00:44:10,180 --> 00:44:14,200 Ajo e kthen atë në zero dhe ato nga kodi burimor angleze si aktuale. 1005 00:44:14,200 --> 00:44:16,424 Dhe pastaj ne mund të vërtetë drejtuar ato zero dhe ato 1006 00:44:16,424 --> 00:44:18,840 nëpërmjet kalimit CPU nga dyfishtë klikuar një ikonë 1007 00:44:18,840 --> 00:44:19,980 ose drejtimin e një komandë. 1008 00:44:19,980 --> 00:44:23,770 >> PHP dhe Python dhe Ruby dhe Perl dhe JavaScript 1009 00:44:23,770 --> 00:44:26,250 dhe bunches e të tjera gjuhë janë interpretuar 1010 00:44:26,250 --> 00:44:29,290 gjuhë, e cila është për të thënë ju nuk përpilojnë ato. 1011 00:44:29,290 --> 00:44:34,220 Përkundrazi, ti ushqyer ato si input në një program të quajtur një përkthyes. 1012 00:44:34,220 --> 00:44:36,640 Dhe kjo përkthyes, të cilat dikush tjetër shkroi, 1013 00:44:36,640 --> 00:44:40,930 lexon kodin tuaj burim lartë deri në fund, majta në të djathtë dhe vetëm interpreton 1014 00:44:40,930 --> 00:44:43,000 ato linja dhe bën atë që ju thoni. 1015 00:44:43,000 --> 00:44:45,360 >> Pra, nëse ju hasni a linjë që thotë të shtypura, 1016 00:44:45,360 --> 00:44:48,660 kjo nuk do të konvertohet shtypura me zero përkatëse dhe ato. 1017 00:44:48,660 --> 00:44:51,910 Ajo vetëm ka këtë përkthyes si a nëse kusht i madh që thotë, 1018 00:44:51,910 --> 00:44:56,110 nëse udhëzimi programues është shtypura, pastaj të bëjë të mëposhtme. 1019 00:44:56,110 --> 00:44:58,170 Pra, ai e interpreton atë vetëm nga lloji e arsyetimit 1020 00:44:58,170 --> 00:44:59,800 me atë që ju jeni duke thënë se për të bërë. 1021 00:44:59,800 --> 00:45:01,320 >> Dhe PHP është një prej këtyre gjuhëve. 1022 00:45:01,320 --> 00:45:05,310 Dhe PHP vjet më parë është projektuar pikërisht për programimin e web. 1023 00:45:05,310 --> 00:45:08,160 Dhe kjo ishte fillimisht një gjuhë shumë të lëngshëm të çrregullt. 1024 00:45:08,160 --> 00:45:10,940 Dhe me të vërtetë, ka një të madhe Shuma e kodit të këqija PHP atje. 1025 00:45:10,940 --> 00:45:13,520 Por vetë gjuha ka pjekur gjatë viteve, 1026 00:45:13,520 --> 00:45:16,200 aq shumë në mënyrë që tani është në fakt një hap tjetër i mrekullueshëm 1027 00:45:16,200 --> 00:45:19,970 pedagogjike nga C për shkak se është kështu darned njohur për çdo gjë 1028 00:45:19,970 --> 00:45:22,380 ju keni parë vetëm në javët e fundit. 1029 00:45:22,380 --> 00:45:25,724 >> Një ndryshim fillestar ne do të shohim ka nuk ka asnjë funksion kryesor më. 1030 00:45:25,724 --> 00:45:28,890 Kur ju filloni kodin shkrim, është vetëm do të merrni ekzekutuar pa marrë parasysh se çfarë, 1031 00:45:28,890 --> 00:45:30,220 si ne do të shohim në një moment. 1032 00:45:30,220 --> 00:45:33,320 Ndërkohë, këtu është ajo a ndryshueshme duket si në PHP. 1033 00:45:33,320 --> 00:45:35,840 Kjo është pak më ndryshe, por vetëm mezi. 1034 00:45:35,840 --> 00:45:39,380 >> Në PHP, nuk ka strong typing. 1035 00:45:39,380 --> 00:45:41,430 Ka javë typing, e cila thjesht do të thotë se 1036 00:45:41,430 --> 00:45:44,030 lloje të të dhënave si strings dhe numrat dhe gjëra të tjera. 1037 00:45:44,030 --> 00:45:47,030 Por ju nuk e mërzit specifikuar atë që ata janë më. 1038 00:45:47,030 --> 00:45:48,980 PHP shifrat atë për ju. 1039 00:45:48,980 --> 00:45:52,030 Shenja dollari është vetëm një vendim që PHP populli bërë vjet 1040 00:45:52,030 --> 00:45:54,890 më parë e tillë që çdo variabël në PHP vetëm fillon me një shenjë dollar. 1041 00:45:54,890 --> 00:45:58,130 Kjo është në fakt lloj i dobishëm në atë ajo hedhje nga ju pak më shumë. 1042 00:45:58,130 --> 00:46:01,315 >> Por pas kësaj, kjo është një kusht në PHP. 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 Çfarë është e ndryshme në krahasim me C? 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 Gënjejnë question-- asgjë, e cila është në të vërtetë me të vërtetë e bukur. 1047 00:46:09,600 --> 00:46:12,140 Shprehje Boolean në PHP-- njëjtë. 1048 00:46:12,140 --> 00:46:19,354 Shprehjet me Boolean dhe kundrejt ose, çelsin, unazore, sythe, loops-- OK, 1049 00:46:19,354 --> 00:46:20,270 kjo është e ndryshme. 1050 00:46:20,270 --> 00:46:22,660 >> Pra, ajo rezulton se ka a Disa karakteristika të tjera në PHP. 1051 00:46:22,660 --> 00:46:25,243 Një prej tyre është në të vërtetë kjo, e cila është mrekullisht i përshtatshëm. 1052 00:46:25,243 --> 00:46:29,250 Nëse $ numrave është një koleksion që ju keni deklaruar më parë në një program, 1053 00:46:29,250 --> 00:46:33,350 ju e keni këtë zbukuruar për çdo konstrukt që në vend të bëjnë gjithë atë 1054 00:46:33,350 --> 00:46:37,020 I bezdisshëm barabartë 0, I është më pak se kjo, [? I ++?], 1055 00:46:37,020 --> 00:46:40,320 për çdo numrat si numër, ku çdo e këtyre vlerave shenjë të dollarit është vetëm 1056 00:46:40,320 --> 00:46:42,790 a variable, dhe fundit ju mund të mendoni si I. 1057 00:46:42,790 --> 00:46:44,290 Ju mund të telefononi atë gjë që ju dëshironi. 1058 00:46:44,290 --> 00:46:45,770 Unë e quajti atë numër. 1059 00:46:45,770 --> 00:46:48,825 Kjo do të iterate mbi array quajtur numra. 1060 00:46:48,825 --> 00:46:51,200 Dhe në çdo përsëritje, është e do të update automatikisht 1061 00:46:51,200 --> 00:46:54,340 për ju numrin shenja dollari ndryshueshme në mënyrë që ju vazhdimisht 1062 00:46:54,340 --> 00:46:58,210 të kenë qasje në variablin që ju dëshironi pa pasur nevojë të bëni ndonjë parantezë katror 1063 00:46:58,210 --> 00:47:00,980 simbol ose indeksimit në një rrjet. 1064 00:47:00,980 --> 00:47:04,950 >> Përtej kësaj, ne kemi edhe gjëra të tilla si vargjeve, të cilat duken pothuajse të njëjtë, 1065 00:47:04,950 --> 00:47:08,210 përveç se është shumë e zakonshme, pasi ne do të shih, si në PHP dhe JavaScript 1066 00:47:08,210 --> 00:47:10,750 të para nisja një grup duke përdorur kllapa katrore. 1067 00:47:10,750 --> 00:47:12,040 C përdor formatimin e teksteve kaçurrel. 1068 00:47:12,040 --> 00:47:15,330 Pra, kjo është pak më ndryshe, edhe pse ne nuk të vërtetë e përdorin këtë mashtrim shumë. 1069 00:47:15,330 --> 00:47:20,090 >> Por edhe më fuqishëm, PHP ka vargjeve associative, 1070 00:47:20,090 --> 00:47:23,100 e cila është një mënyrë e sofistikuar të thënë tabelave hash. 1071 00:47:23,100 --> 00:47:31,610 Në fakt, në qoftë se ju doni të shpallë një hash tavolinë në PHP, ndryshe nga C-- sa 1072 00:47:31,610 --> 00:47:34,775 rreshta të kodit u desh të në fakt të zbatuar një tabelë hash në C? 1073 00:47:34,775 --> 00:47:38,310 Ose sa rreshta të kodit është ajo duke marrë për të zbatuar një tabelë hash në C? 1074 00:47:38,310 --> 00:47:39,820 Pra, kjo është ndoshta një shumë, e drejtë? 1075 00:47:39,820 --> 00:47:41,680 Kjo është një duzinë pak, ndoshta 100 apo 200. 1076 00:47:41,680 --> 00:47:42,980 Është jo banale. 1077 00:47:42,980 --> 00:47:45,420 Apo është gati të jetë, si të ju së shpejti do të shihni, jo banale 1078 00:47:45,420 --> 00:47:48,080 për të zbatuar një tabelë hash [Padëgjueshme] dhe gjithashtu një provoni. 1079 00:47:48,080 --> 00:47:50,580 Por në PHP-- dhe sinqerisht, unë ndoshta nuk duhet të ju them këtë 1080 00:47:50,580 --> 00:47:53,630 deri Monday-- në PHP, nëse ju doni një tryezë, bërë. 1081 00:47:53,630 --> 00:47:56,431 Kjo është një hash table-- kështu me një linjë të kodit. 1082 00:47:56,431 --> 00:47:56,930 Dhe 1083 00:47:56,930 --> 00:47:58,810 >> Një shumë e gjuhëve të bëjë atë. 1084 00:47:58,810 --> 00:48:00,190 Have fun me pset pesë. 1085 00:48:00,190 --> 00:48:01,980 Pra, një shumë e gjuhëve të bëjë këtë. 1086 00:48:01,980 --> 00:48:03,050 1087 00:48:03,050 --> 00:48:06,140 Ata ju japin këto abstraksionet se njerëzit e tjerë, programuesit e tjerë, 1088 00:48:06,140 --> 00:48:09,870 kanë krijuar për ju në mënyrë që të ju mund të qëndrojnë mbi supet e tyre 1089 00:48:09,870 --> 00:48:13,290 dhe të fillojnë duke përdorur idetë që janë super imponues, si tavolina hash dhe pemë 1090 00:48:13,290 --> 00:48:14,140 dhe përpiqet. 1091 00:48:14,140 --> 00:48:17,790 Por ju nuk domosdoshmërisht duhet të zbatojë këto gjëra vetes. 1092 00:48:17,790 --> 00:48:20,850 >> Dhe kështu në fund të fundit, çfarë ne jemi duke shkuar për të përdorur PHP për 1093 00:48:20,850 --> 00:48:23,580 është potencialisht shkruar programe i ashtu-quajtur command line. 1094 00:48:23,580 --> 00:48:26,600 Ne mund të krijosh çdo program ne kemi shkruar këtë semestër deri tani, 1095 00:48:26,600 --> 00:48:30,410 me përjashtim të ndoshta Breakout cili përdor SPL, cili eshte specifik të C momentin. 1096 00:48:30,410 --> 00:48:33,100 Por çdo problem tjetër të vendosur, sigurisht Mario dhe Caesar 1097 00:48:33,100 --> 00:48:35,300 dhe Vigenere dhe [? Crack?] Dhe në vazhdim, ne 1098 00:48:35,300 --> 00:48:39,520 mund të ri-zbatuar në PHP, dhe ndoshta pak më të lehtë. 1099 00:48:39,520 --> 00:48:43,050 >> Por ajo që ne jemi duke shkuar në fund të fundit për të përdorur PHP për të është programimit web. 1100 00:48:43,050 --> 00:48:46,420 Dhe ne jemi duke shkuar për të prezantuar ardhshëm Javën e një model mendor, një paradigmë të quajtur 1101 00:48:46,420 --> 00:48:49,610 MVC, view Modeli kontrollues, e cila në qoftë se ju keni bërë programimit 1102 00:48:49,610 --> 00:48:51,610 para në Python ose Ruby ose diku tjetër, ju 1103 00:48:51,610 --> 00:48:54,112 mund të dinë e këtij ekipi me Binarët dhe Django dhe si. 1104 00:48:54,112 --> 00:48:55,820 Por në qoftë se ju jeni e re në këtë shumë, ju do të shihni 1105 00:48:55,820 --> 00:48:59,652 se kjo është në fakt një shumë e natyrshme Zgjerimi i faktorizimi 1106 00:48:59,652 --> 00:49:01,360 dhe lloj të dizajnit e kodit që ne kemi 1107 00:49:01,360 --> 00:49:04,670 janë bërë në C. Ne jemi duke shkuar për tani të aplikoni disa nga këto mësime në PHP 1108 00:49:04,670 --> 00:49:07,190 në mënyrë që në fund të fundit, ne jemi zbatimin e vet faqet tona. 1109 00:49:07,190 --> 00:49:09,080 Dhe nëse ju jeni lloj mesmerized ose i habitur 1110 00:49:09,080 --> 00:49:10,954 që ne jemi duke shkuar për të bërë të gjitha në mënyrë të shpejtë, 1111 00:49:10,954 --> 00:49:13,410 kuptojnë se pothuajse çdo semester, gati 90% 1112 00:49:13,410 --> 00:49:16,560 e studentëve CS50, duke përfshirë edhe ato të cilët kurrë nuk kanë programuar më parë, 1113 00:49:16,560 --> 00:49:20,329 përfundojnë duke e bërë projektet përfundimtare që janë të bazuara në programimin e web. 1114 00:49:20,329 --> 00:49:23,120 Dhe kështu që ju do të shihni se kthimet janë të larta në javët që do të vijnë. 1115 00:49:23,120 --> 00:49:24,965 Pra, ne do të shihemi më pas të hënën. 1116 00:49:24,965 --> 00:49:27,260 1117 00:49:27,260 --> 00:49:30,120 >> Gjuha 1: Dhe tani, Deep Mendime nga Daven Farnham. 1118 00:49:30,120 --> 00:49:34,055 1119 00:49:34,055 --> 00:49:34,780 Tavolina hash. 1120 00:49:34,780 --> 00:49:37,180 1121 00:49:37,180 --> 00:49:38,402 >> [Qeshura] 1122 00:49:38,402 --> 00:49:38,902