1 00:00:00,000 --> 00:00:01,390 2 00:00:01,390 --> 00:00:04,890 >> [Музыка, якая іграе] 3 00:00:04,890 --> 00:00:10,955 4 00:00:10,955 --> 00:00:12,580 DAVID J Малання: Добра, дабро запрашаем назад. 5 00:00:12,580 --> 00:00:13,600 Гэта CS50. 6 00:00:13,600 --> 00:00:15,540 Гэта канец тыдня сем. 7 00:00:15,540 --> 00:00:18,180 І гэта канец гэтага паглынальніка Паляванне з праблемай ўстаноўкі чатырох 8 00:00:18,180 --> 00:00:19,220 што вы, магчыма, памятаеце. 9 00:00:19,220 --> 00:00:21,650 Акрыяўшы ўсе гэтыя файлы JPEG персаналу, 10 00:00:21,650 --> 00:00:24,820 Вы былі аспрэчаныя, калі вы хочаце, сфатаграфаваць сябе з як многія 11 00:00:24,820 --> 00:00:25,981 з тых людзей, як вы можаце. 12 00:00:25,981 --> 00:00:28,480 Мы атрымалі цэлую кучу матэрыялаў За апошнія некалькі тыдняў, 13 00:00:28,480 --> 00:00:32,980 Сапраўды, нямала права да паўдня Сёння, некаторыя з якіх з'яўляюцца тыя тут, 14 00:00:32,980 --> 00:00:37,670 злавіў тут in-- выглядае like-- Анненберг Зала на працоўны час, адзін тут 15 00:00:37,670 --> 00:00:39,530 ў Лоуэлл Хаўс з Нікам. 16 00:00:39,530 --> 00:00:41,750 Вось Рамон быць злоўленым на тэлефоне. 17 00:00:41,750 --> 00:00:43,870 Пра гэта на CS50 абед. 18 00:00:43,870 --> 00:00:46,840 Гэта быў Джэйсан Skyping з больш творчым аднакласнік, 19 00:00:46,840 --> 00:00:48,280 хто патэлефанаваў яму гэты шлях. 20 00:00:48,280 --> 00:00:49,690 Мы не ведаем, што гэта было. 21 00:00:49,690 --> 00:00:51,940 >> [Смех] 22 00:00:51,940 --> 00:00:54,570 >> DAVID J Малання: Але што стаіць за гігабайт. 23 00:00:54,570 --> 00:00:56,960 Вось Чанг, які літаральна ўцёк са сцэны 24 00:00:56,960 --> 00:01:00,480 каб пазбегнуць яго фатаграфуюць сябар дзень, але ў рэшце рэшт злавілі. 25 00:01:00,480 --> 00:01:02,050 Вось Нік. 26 00:01:02,050 --> 00:01:03,480 Вось Нік. 27 00:01:03,480 --> 00:01:04,080 Вось Нік. 28 00:01:04,080 --> 00:01:05,090 29 00:01:05,090 --> 00:01:07,670 А вось Элісан ўніз палямі. 30 00:01:07,670 --> 00:01:11,840 І Zamyla нават быў знойдзены на конкурсе бальных. 31 00:01:11,840 --> 00:01:14,100 Так што мы будзем праходзіць праз гэтыя фатаграфіі, высветліць 32 00:01:14,100 --> 00:01:16,690 які прадставіў найбольш самае ранняе, і ўзнагарода 33 00:01:16,690 --> 00:01:20,662 адзін казачны прыз, як паабяцаў у спецыфікацыі. 34 00:01:20,662 --> 00:01:23,120 І мы будзем таксама сачыць за аб прастору, што быў уцягнуты. 35 00:01:23,120 --> 00:01:26,860 >> Пару announcements-- так абед гэта, зноў жа, у гэтую пятніцу ў 1:15 вечара. 36 00:01:26,860 --> 00:01:30,420 Калі вы хочаце далучыцца да нас, RSVP у той URL тут. 37 00:01:30,420 --> 00:01:33,730 Джэйсан з'яўляецца зноў тут ад аднаго з раздзелаў пару гадоў 38 00:01:33,730 --> 00:01:35,510 назад, які адбыўся падаць на Дзень усіх Святых. 39 00:01:35,510 --> 00:01:38,950 І на самай справе, ён апрануты, як гарбуз, што канкрэтны год. 40 00:01:38,950 --> 00:01:42,700 Калі вы паглядзіце гэты раздзел яго з 2011 раздзела 41 00:01:42,700 --> 00:01:46,480 восем, калі вам цікава, у CS50.tv, я думаю, 42 00:01:46,480 --> 00:01:49,730 гэта быў год, у якім яго паветраны помпа працаваў. 43 00:01:49,730 --> 00:01:52,490 >> Калі вы потым глядзець падобны падзел у 2012 годзе, 44 00:01:52,490 --> 00:01:55,620 Вы ўбачыце гэтую Джэйсана значна спушчаным, не так касцюм больш не функцыянавала, 45 00:01:55,620 --> 00:01:58,060 які з'яўляецца толькі сказаць у гэтую пятніцу, калі б ты 46 00:01:58,060 --> 00:02:02,720 хацеў выразаць гарбуз з Daven і Гейб і іншыя, RSVP кіраўнікам 47 00:02:02,720 --> 00:02:04,480 у cs50.harvard.edu адрасе. 48 00:02:04,480 --> 00:02:06,200 Гэта абяцае быць вельмі весела. 49 00:02:06,200 --> 00:02:08,660 Daven, мы сказалі, выразаў гарбуз усё сваё жыццё. 50 00:02:08,660 --> 00:02:11,930 Габрыэль з Бразіліі ні разу разьбяныя гарбузы на Хэлоўін. 51 00:02:11,930 --> 00:02:14,700 Дык там з імі, як ён даведаецца. 52 00:02:14,700 --> 00:02:16,830 >> Семінары, meanwhile-- так што вы даведаецеся ў бліжэйшы час 53 00:02:16,830 --> 00:02:20,650 пра тое, што нашы чаканні па Канчатковы праект, які па сутнасці 54 00:02:20,650 --> 00:02:23,150 будзе зводзіцца да распрацоўцы і рэалізацыі 55 00:02:23,150 --> 00:02:26,440 Найбольш любы праект уяўляе цікавасць для Вы, хоць і пры ўмове адабрэння 56 00:02:26,440 --> 00:02:28,490 і кіраўніцтва ад вашага навучальнага хлопец. 57 00:02:28,490 --> 00:02:32,110 Бліжэй да канца семестр, мы ўводзім шэраг 58 00:02:32,110 --> 00:02:35,610 семінараў, якія факультатыўныя заняткі на чале з навучальнымі субратаў і Гарвардзе 59 00:02:35,610 --> 00:02:38,570 Супрацоўнікі, сябры ходзе ўсёй Кампус, на розныя тэмы, якія 60 00:02:38,570 --> 00:02:41,470 з'яўляюцца датычнай да Асноўнай вучэбнай праграмы курса па 61 00:02:41,470 --> 00:02:45,590 але тым не менш гэта дастасавальна, весела, і адрозніваецца для патэнцыйных канчатковых праектаў. 62 00:02:45,590 --> 00:02:49,530 >> Напрыклад, па-першае, калі вы хочаце зарэгістраваць, галавой да гэтага URL там. 63 00:02:49,530 --> 00:02:53,010 І гэта лінейка для адны семінары ў гэтым годзе. 64 00:02:53,010 --> 00:02:56,060 Але разумею, у нас ёсць дзесяткі семінары ад мінулых гадоў, усе з якіх 65 00:02:56,060 --> 00:02:59,774 звязаны ў меню Seminars варыянт сайта Курсу. 66 00:02:59,774 --> 00:03:02,190 Так што калі вы думаеце пра выхад за межы сваёй зоны камфорту 67 00:03:02,190 --> 00:03:05,060 або падымаючы некаторыя новыя навыкі, напрыклад, праграмаванне iPhone 68 00:03:05,060 --> 00:03:08,100 прыкладання з Свіфт, новая мова ад Apple, або Objective-C 69 00:03:08,100 --> 00:03:11,230 або Праграмы або праграмавання [? кі?] лямпачкі, або любую з тым 70 00:03:11,230 --> 00:03:15,490 тут і больш, з-за праверкі з на старонку рэгістрацыі. 71 00:03:15,490 --> 00:03:19,730 >> Такім чынам, мы пачалі і заключаны Панядзелак з гледзячы на ​​HTTP. 72 00:03:19,730 --> 00:03:22,675 Так хутка refresher-- HTTP, Перадачы гіпертэксту Пратакол. 73 00:03:22,675 --> 00:03:24,045 Але што гэта на самай справе азначае? 74 00:03:24,045 --> 00:03:26,805 75 00:03:26,805 --> 00:03:27,930 Што гэта азначае? 76 00:03:27,930 --> 00:03:30,665 77 00:03:30,665 --> 00:03:31,290 Хіба што рука? 78 00:03:31,290 --> 00:03:33,074 79 00:03:33,074 --> 00:03:34,740 Я ведаю, што ты проста чухаць патыліцу. 80 00:03:34,740 --> 00:03:36,400 Але вы хочаце прапанаваць што HTTP з'яўляецца? 81 00:03:36,400 --> 00:03:37,792 82 00:03:37,792 --> 00:03:40,576 >> Аўдыторыя: Як кампутары мець зносіны з [неразборліва]. 83 00:03:40,576 --> 00:03:41,517 84 00:03:41,517 --> 00:03:43,100 DAVID J Малання: я прапусціў апошнюю частку. 85 00:03:43,100 --> 00:03:45,774 Як кампутары ўзаемадзейнічаюць with-- 86 00:03:45,774 --> 00:03:47,325 >> АЎДЫТОРЫЯ: Інтэрнэт-серверы. 87 00:03:47,325 --> 00:03:50,450 DAVID J Малання: Good-- з інтэрнэтам серверы і спецыяльна, вэб-серверы. 88 00:03:50,450 --> 00:03:53,533 Таму адклiканнi, ёсць куча паслугі ў Інтэрнэце, некаторыя з якіх 89 00:03:53,533 --> 00:03:57,349 Вы карыстаецеся верагодна штодня з чаце і паведамленне, чат і вэб, і адрас электроннай пошты, 90 00:03:57,349 --> 00:03:57,890 і да таго падобнае. 91 00:03:57,890 --> 00:04:00,900 І HTTP проста пратакол, вэб-браўзэры 92 00:04:00,900 --> 00:04:03,750 казаць пры зносінах з вэб-серверы, і наадварот. 93 00:04:03,750 --> 00:04:05,580 І аналагавы ў чалавечы свет можа быць, 94 00:04:05,580 --> 00:04:08,730 Я працягваю руку, каб паціснуць некаторыя іншы чалавек, і ён або яна 95 00:04:08,730 --> 00:04:11,970 прызнае, пашыраючы яго ці яе рукі, а таксама. 96 00:04:11,970 --> 00:04:13,970 Так што гэта проста пратакол, набор пагадненняў. 97 00:04:13,970 --> 00:04:15,630 >> І тое, што на самой справе з'яўляюцца гэтыя канвенцыі? 98 00:04:15,630 --> 00:04:18,640 Ну, гэта проста зводзіцца да адпраўка паведамленні туды і назад, 99 00:04:18,640 --> 00:04:19,770 як мы намаляваныя тут. 100 00:04:19,770 --> 00:04:22,520 І ёсць некалькі спосабаў, у якія вы можаце адпраўляць гэтыя паведамленні. 101 00:04:22,520 --> 00:04:24,360 І, мабыць, самы агульная вядомы як атрымаць. 102 00:04:24,360 --> 00:04:26,510 І мы ўбачым, кантраст для гэтага ў бліжэйшы час. 103 00:04:26,510 --> 00:04:30,010 >> Але просьба атрымаць ад браўзэра на сэрвэры проста выглядае так. 104 00:04:30,010 --> 00:04:32,960 Гэта куча тэксту, які ён ставіць ўнутры віртуальнай абгінаючай. 105 00:04:32,960 --> 00:04:35,854 На вонкавым боку гэтага канверта ідзем пару штук дэталяў. 106 00:04:35,854 --> 00:04:37,770 Што трэба, каб пайсці на Канверт, так бы мовіць, 107 00:04:37,770 --> 00:04:41,820 для таго, каб атрымаць запыт як гэта ад мяне, каб вэб-сервер? 108 00:04:41,820 --> 00:04:42,320 Так. 109 00:04:42,320 --> 00:04:43,270 >> АЎДЫТОРЫЯ: Ваш IP адрас. 110 00:04:43,270 --> 00:04:45,890 >> DAVID J Малання: Мой IP-адрас У полі, так бы мовіць, 111 00:04:45,890 --> 00:04:49,490 і, вядома, IP-адрас атрымальніка. 112 00:04:49,490 --> 00:04:52,710 Але ў выпадку вэб-пакета, Нам трэба трохі больш дэталяў 113 00:04:52,710 --> 00:04:55,254 Гэта не дастаткова проста адправіць канверт з серверам, 114 00:04:55,254 --> 00:04:57,670 таму што сервер можа быць праслухоўвання для розных тыпаў 115 00:04:57,670 --> 00:04:59,180 інтэрнэт-трафіку. 116 00:04:59,180 --> 00:05:01,370 Так што яшчэ трэба акрамя IP атрымальніка? 117 00:05:01,370 --> 00:05:02,723 118 00:05:02,723 --> 00:05:03,222 Так? 119 00:05:03,222 --> 00:05:04,241 >> АЎДЫТОРЫЯ: Хіба TCP? 120 00:05:04,241 --> 00:05:05,074 DAVID J Малання: Добра. 121 00:05:05,074 --> 00:05:06,470 TCP-- 122 00:05:06,470 --> 00:05:07,340 >> АЎДЫТОРЫЯ: Адрас. 123 00:05:07,340 --> 00:05:09,340 >> DAVID J Малання: Адрас, або порт, як гэта называецца. 124 00:05:09,340 --> 00:05:11,010 Блізка, але шэраг TCP порт. 125 00:05:11,010 --> 00:05:12,220 І ёсць куча з іх. 126 00:05:12,220 --> 00:05:14,310 Але, вядома, найбольш знаёмыя павінны ў канчатковым выніку 127 00:05:14,310 --> 00:05:17,590 быць 80, які выкарыстоўваецца па змаўчанні адзін выкарыстоўваецца для вэб-трафіку. 128 00:05:17,590 --> 00:05:20,040 І яшчэ знаёмыя адзін хутка будзе 443, 129 00:05:20,040 --> 00:05:24,280 які выкарыстоўваецца для бяспечнай вэб- трафіку, URL-адрасы, якія пачынаюцца з HTTPS. 130 00:05:24,280 --> 00:05:26,650 >> Так што гэта тое, што адбываецца ўнутры гэтага канверта. 131 00:05:26,650 --> 00:05:29,780 І атрымаць / проста азначае, даць мне вэб-старонка па змаўчанні. 132 00:05:29,780 --> 00:05:32,700 Дайце мне корань цяжка ездзіць на гэтым вэб-серверы. 133 00:05:32,700 --> 00:05:36,050 І будзем спадзявацца, вэб- Сервер адкажа, ОК 134 00:05:36,050 --> 00:05:39,630 і лік 200, якая з'яўляецца проста Пагадненне, што, так, усё 135 00:05:39,630 --> 00:05:40,470 сапраўды ў парадку. 136 00:05:40,470 --> 00:05:41,680 Вось старонка. 137 00:05:41,680 --> 00:05:45,510 Тып вэб-старонцы будзе Тэкст быць, але больш канкрэтна, HTML, 138 00:05:45,510 --> 00:05:47,010 якія мы збіраемся ныраць назад у. 139 00:05:47,010 --> 00:05:49,877 І кропка кропка кропка проста сродкі, тут з'яўляецца HTML. 140 00:05:49,877 --> 00:05:51,710 І вось, калі мы падабраць гісторыю сёння, 141 00:05:51,710 --> 00:05:55,740 на самай справе пісаць HTML, Мова разметкі гіпертэксту, які 142 00:05:55,740 --> 00:05:57,727 гэта мова, на якім Вэб-старонкі напісаныя. 143 00:05:57,727 --> 00:05:59,060 Гэта не мова праграмавання. 144 00:05:59,060 --> 00:06:01,270 Там няма функцыі або сцежкі або ўмовы. 145 00:06:01,270 --> 00:06:03,800 Гэта мова разметкі, а зноў бачым сёння, 146 00:06:03,800 --> 00:06:07,240 што дазваляе вызначыць як структураваць і стылізаваць 147 00:06:07,240 --> 00:06:09,300 эстэтычна вэб-старонкі. 148 00:06:09,300 --> 00:06:11,470 >> Так што гэта быў адзін і толькі старонкі мы сапраўды 149 00:06:11,470 --> 00:06:13,930 паглядзеў на, калі коратка, у панядзелак. 150 00:06:13,930 --> 00:06:16,250 І звярніце ўвагу, некаторыя ярка выяўленыя характарыстыкі. 151 00:06:16,250 --> 00:06:20,170 Там вельмі шмат адкрытых вуглом Кранштэйн і блізка кутні кранштэйн. 152 00:06:20,170 --> 00:06:23,160 Між тым, кутняй дужкі слова. 153 00:06:23,160 --> 00:06:25,660 І мы збіраемся пачаць называючы гэтыя словы тэгі. 154 00:06:25,660 --> 00:06:28,800 Так адкрыты кранштэйны галава і закрытым кранштэйны галава 155 00:06:28,800 --> 00:06:33,620 з'яўляюцца адкрытыя і закрытыя тэгі, або пачатковыя і канчатковыя тэгі 156 00:06:33,620 --> 00:06:37,660 адпаведна, з HTML элемента, як мы яго называем, называецца галавой. 157 00:06:37,660 --> 00:06:41,760 І тое ж самае жаргон ставіцца для цела ў HTML і пр. 158 00:06:41,760 --> 00:06:43,970 >> І што прыемна, HTML-- і на самай справе, мы будзем 159 00:06:43,970 --> 00:06:47,187 правесці жудасна мала часу на гэта, таму што вы будзеце ў асноўным толькі высветліць 160 00:06:47,187 --> 00:06:49,770 якія функцыі яна мае, калі вам на самай справе маюць канкрэтную праблему 161 00:06:49,770 --> 00:06:52,820 у solve-- вы выявіце, што Браўзэр даволі бязглузда. 162 00:06:52,820 --> 00:06:56,450 Гэта проста будзе do-- не ў адрозненне ад computer-- тое, што вы скажаце ёй зрабіць. 163 00:06:56,450 --> 00:06:59,279 І таму, калі ў вас ёсць адкрыты Кранштэйны HTML на самым версе 164 00:06:59,279 --> 00:07:01,320 там, што істотна проста азначае, эй, браўзэр, 165 00:07:01,320 --> 00:07:04,090 вось ідзе вэб-старонка напісана на HTML. 166 00:07:04,090 --> 00:07:06,130 >> Калі ён бачыць адкрыты кранштэйн галава, гэта проста азначае ,, 167 00:07:06,130 --> 00:07:10,350 эй, браўзэр, вось ідзе галавой, або самы верхні частка маёй вэб-старонцы. 168 00:07:10,350 --> 00:07:14,192 Калі ён бачыць закрытую дужку галава, гэта проста азначае, эй, 169 00:07:14,192 --> 00:07:15,150 вось менавіта для галавы. 170 00:07:15,150 --> 00:07:16,420 Чаканне чагосьці яшчэ. 171 00:07:16,420 --> 00:07:18,878 І што-то яшчэ па-відаць, будзе цела. 172 00:07:18,878 --> 00:07:22,630 І калі ў вас няма тэга, як ў вас ёсць толькі прывітанне, коска, свет, 173 00:07:22,630 --> 00:07:26,610 вось толькі будзе сырой тэкст, у канчатковым рахунку, будзе адлюстроўвацца на экране. 174 00:07:26,610 --> 00:07:29,220 >> Зараз, вы заўважыце, занадта водступ тут. 175 00:07:29,220 --> 00:07:32,160 Вы, напэўна, можна зрабіць выснову, як мы стылізацыі яго. 176 00:07:32,160 --> 00:07:34,850 Кожны раз, калі я адкрываю тэг, так сказаць, я водступ. 177 00:07:34,850 --> 00:07:38,540 І кожны раз, калі я заплюшчваю Тэг, я не па-водступ, 178 00:07:38,540 --> 00:07:40,690 блізкія па духу фігурныя дужкі. 179 00:07:40,690 --> 00:07:43,470 А за што, я збольшага выкарыстання маё меркаваньне. 180 00:07:43,470 --> 00:07:48,380 Звярніце ўвагу, што я не папрацаваў ўдару Калі ласка, увядзіце ўнутры гэтага тэга загалоўка. 181 00:07:48,380 --> 00:07:48,990 Чаму? 182 00:07:48,990 --> 00:07:51,920 Ну, я проста вырашыў, што гэта выглядала трохі чысцей мяне, чалавек, 183 00:07:51,920 --> 00:07:53,181 проста не папрацавалі рабіць гэта. 184 00:07:53,181 --> 00:07:54,930 Такім чынам, яшчэ раз, ёсць некаторыя Рашэнне называе проста 185 00:07:54,930 --> 00:07:57,670 як ёсць на З або любую мову. 186 00:07:57,670 --> 00:08:04,110 >> Але звярніце ўвагу, таксама, што гэта паглыбленне паддаецца разумовай мадэлі, 187 00:08:04,110 --> 00:08:05,670 не больш чым ўскладняюць яго. 188 00:08:05,670 --> 00:08:07,020 Але дрэва, ці не так? 189 00:08:07,020 --> 00:08:09,290 Калі вы думаеце пра Сеткі старонка, па-відаць, напісаныя 190 00:08:09,290 --> 00:08:12,050 як гэта, як прыгожа водступам, што шлях, 191 00:08:12,050 --> 00:08:17,390 Вы можаце падумаць, з адкрывальная дужкі HTML закрытая дужка тэга дэмаркацыі 192 00:08:17,390 --> 00:08:21,380 корань вузла, генеалагічнае дрэва вузел стыль у стылі дрэў 193 00:08:21,380 --> 00:08:22,900 мы глядзелі на мінулай пятніцы. 194 00:08:22,900 --> 00:08:27,630 >> І на самай справе, у нас ёсць на прама тут што мы называем DOM, D-О-М, дакумент 195 00:08:27,630 --> 00:08:31,680 аб'ектная мадэль, мудрагелісты спосаб сказаць дрэва, якое ўяўляе, што HTML. 196 00:08:31,680 --> 00:08:36,140 І звярніце ўвагу, што HTML мае, мы будзем казаць, як радаводу, двое дзяцей. 197 00:08:36,140 --> 00:08:37,659 Злева знаходзіцца галава. 198 00:08:37,659 --> 00:08:39,179 Справа знаходзіцца цела. 199 00:08:39,179 --> 00:08:44,220 >> І гэтак жа, як бессэнсоўны думкі практыкаванні, галава, вядома, ёсць, як шмат дзяцей 200 00:08:44,220 --> 00:08:46,070 у адпаведнасці з гэтай структурай? 201 00:08:46,070 --> 00:08:48,200 Так толькі адзін, title-- і вось чаму мы маем 202 00:08:48,200 --> 00:08:50,580 стрэлка ідзе ад галавы да назвы. 203 00:08:50,580 --> 00:08:55,110 Так што гэта, як быццам гэтага чалавека ў радавод была толькі адна нашчадства. 204 00:08:55,110 --> 00:08:58,230 А потым сам загаловак можа можна сказаць, ёсць дзіця таксама. 205 00:08:58,230 --> 00:09:01,780 >> Нагадаем, што HTML быў Прывітанне, коска, свет пад ім. 206 00:09:01,780 --> 00:09:06,090 І я проста намаляваў у авальнай замест прамавугольніка проста 207 00:09:06,090 --> 00:09:10,559 перадаць семантычна, што нават пры тым, гэта вузел у дрэве, так бы мовіць, 208 00:09:10,559 --> 00:09:12,100 гэта свайго роду прынцыпова адрозніваецца. 209 00:09:12,100 --> 00:09:12,800 Гэта не тэг. 210 00:09:12,800 --> 00:09:14,780 Ці больш правільна, гэта не элемент. 211 00:09:14,780 --> 00:09:16,590 Гэта проста тэкставы вузел, калі хочаце. 212 00:09:16,590 --> 00:09:18,990 Але гэта зусім адвольныя чалавека канвенцыі. 213 00:09:18,990 --> 00:09:23,180 Гэта толькі цяпер мой спосаб уяўляючы, што я буду як сукупнасць 214 00:09:23,180 --> 00:09:24,340 назваць дакумент. 215 00:09:24,340 --> 00:09:27,750 >> І як у бок, рэчы на супер левым верхнім куце, 216 00:09:27,750 --> 00:09:32,080 адкрытая дужка клічнік док тып HTML, гэта выглядае як тэг, 217 00:09:32,080 --> 00:09:35,560 але гэта глупства памежныя выпадкі, калі што як раз там, капіяваць і ўстаўляць 218 00:09:35,560 --> 00:09:38,460 пазначыць браўзэраў гэта HTML версіі 5. 219 00:09:38,460 --> 00:09:41,540 Свет пастаянна змяняецца, што ў Першы радок кода ў старонкі павінны быць. 220 00:09:41,540 --> 00:09:43,820 Гэта проста азначае, версія 5. 221 00:09:43,820 --> 00:09:45,950 Так што не зусім глядзець, як іншыя. 222 00:09:45,950 --> 00:09:48,120 >> Добра, так з гэтым сказаў, зараз вы будзеце шанаваць 223 00:09:48,120 --> 00:09:50,767 гэта даволі гэта глупства тату хто-то атрымаў. 224 00:09:50,767 --> 00:09:51,990 >> [Смех] 225 00:09:51,990 --> 00:09:54,210 >> DAVID J Малання: Добра, А цяпер давайце на самай справе апусканне 226 00:09:54,210 --> 00:09:55,710 у што-то рабіць з гэтым. 227 00:09:55,710 --> 00:09:58,610 Як вы памятаеце, што ў апошні раз Я адкрыў CS50 Appliance 228 00:09:58,610 --> 00:10:01,650 і я зрабіў што-то, як проста, як адкрыццё Gedit. 229 00:10:01,650 --> 00:10:05,190 І я захаваў файл нават на мой desktop-- нідзе special-- 230 00:10:05,190 --> 00:10:05,870 як hello.html. 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> Такім чынам, дазвольце мне зрабіць гэта again-- hello.html Enter. 233 00:10:10,984 --> 00:10:13,900 І цяпер у гэтым файле, я збіраюся ісці наперад і паўтарыць тое, што мы проста 234 00:10:13,900 --> 00:10:18,850 saw-- док тыпу HTML Тады я збіраюся зрабіць адкрытым кранштэйны HTML закрытую дужку. 235 00:10:18,850 --> 00:10:21,890 А потым я збіраюся прэвентыўна адкрываць і зачыняць тэг. 236 00:10:21,890 --> 00:10:22,390 Чаму? 237 00:10:22,390 --> 00:10:23,598 Проста так я не забываю пазней. 238 00:10:23,598 --> 00:10:26,850 Гэта проста добрая практыка, як адкрыццё і закрыццё фігурныя дужкі ўсё адразу. 239 00:10:26,850 --> 00:10:28,900 >> І тады тое, што было далей? 240 00:10:28,900 --> 00:10:30,582 Вы можаце думаць аб татуіроўцы. 241 00:10:30,582 --> 00:10:31,450 >> АЎДЫТОРЫЯ: Кіраўнік. 242 00:10:31,450 --> 00:10:32,500 >> DAVID J Малання: Кіраўнік. 243 00:10:32,500 --> 00:10:36,020 А потым тут, я меў тытул, я думаю. 244 00:10:36,020 --> 00:10:39,886 І назва была адвольна, Прывітанне, свет блізкі назву. 245 00:10:39,886 --> 00:10:42,760 А потым сюды, цела, з course-- то мы закрываем тэг цела. 246 00:10:42,760 --> 00:10:45,660 А потым проста некалькі залішне, У мяне было тое ж самае тут. 247 00:10:45,660 --> 00:10:47,150 >> Так я сцвярджаю, што гэта вэб-старонка. 248 00:10:47,150 --> 00:10:49,050 Гэта тое, што Цяпер можна было жыць у Інтэрнэце, 249 00:10:49,050 --> 00:10:51,925 хоць, вядома, гэта ў літаральным сэнсе жыве на маім працоўным стале прама цяпер. 250 00:10:51,925 --> 00:10:55,837 Але на самой справе, калі б я мінімізаваць Gedit, Я буду бачыць на маім працоўным стале яго значок. 251 00:10:55,837 --> 00:10:58,420 Нават пры тым, што гэта прылада, Вы можаце зрабіць гэта на Mac OS 252 00:10:58,420 --> 00:11:01,580 без TextEdit або Вокны з Notepad нават. 253 00:11:01,580 --> 00:11:06,115 >> І калі я іду наперад і двойчы пстрыкніце што нават і Выберыце, добра, давайце 254 00:11:06,115 --> 00:11:07,990 Не выбірайце, што з-за Chrome не адкрываючы. 255 00:11:07,990 --> 00:11:09,281 Давайце ісці наперад і адкрываць Chrome. 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 А потым зрабіць Command-O для адкрытай І арыентавацца на мой працоўны стол 258 00:11:14,040 --> 00:11:15,320 і адкрыць гэты файл. 259 00:11:15,320 --> 00:11:20,120 Гэта значыць, як браўзэр інтэрпрэтуе HTML, зверху ўніз, злева направа. 260 00:11:20,120 --> 00:11:21,314 Эй, браўзэру вось HTML. 261 00:11:21,314 --> 00:11:21,980 Вось галава. 262 00:11:21,980 --> 00:11:23,250 Вось назва. 263 00:11:23,250 --> 00:11:24,090 Вось арганізм. 264 00:11:24,090 --> 00:11:26,620 І на самай справе, гэта, як ён аказвае гэтую вэб-старонку. 265 00:11:26,620 --> 00:11:27,800 >> Але зьвярніце ўвагу на URL. 266 00:11:27,800 --> 00:11:32,430 Ніхто з вас не можа цягнуць гэтую спецыфіку старонка на наўтбуках зараз, 267 00:11:32,430 --> 00:11:34,910 нават унутры вашага Прыбор з дапамогай гэтай URL, 268 00:11:34,910 --> 00:11:40,130 таму файла: // паказвае, што гэта на самай справе на маёй файлавай сістэме, мой жорсткі дыск, 269 00:11:40,130 --> 00:11:40,990 не твая. 270 00:11:40,990 --> 00:11:42,440 Так што гэта не ўсё, што карысна. 271 00:11:42,440 --> 00:11:44,940 >> Давайце зараз пяройдзем да выкарыстоўваючы фактычны вэб-сервер. 272 00:11:44,940 --> 00:11:48,309 І атрымліваецца, у CS50 Appliance гэта больш, чым проста асяроддзі, дзе 273 00:11:48,309 --> 00:11:51,100 Вы можаце напісаць код на Сі і кампіляцыі і запусціць яго, як вы рабілі. 274 00:11:51,100 --> 00:11:55,500 Ён таксама быў настроены на Супрацоўнікі прадстаўляць тыповы вэб 275 00:11:55,500 --> 00:11:58,290 Сервер гэта ў Інтэрнэце, той, які вы маглі б заплаціць за 276 00:11:58,290 --> 00:12:00,210 ці той, які знаходзіцца ў так званым воблаку. 277 00:12:00,210 --> 00:12:02,600 >> І ён працуе Стандартная бясплатна з адкрытым зыходным кодам 278 00:12:02,600 --> 00:12:06,160 Праграмнае забеспячэнне, напрыклад, тое, называецца Apache, які з'яўляецца, бадай, 279 00:12:06,160 --> 00:12:08,700 ранейшаму з'яўляецца самым папулярным вэб- Сервернае праграмнае забеспячэнне ў свеце 280 00:12:08,700 --> 00:12:11,030 што тысячы сайтаў выкарыстоўваць сёння. 281 00:12:11,030 --> 00:12:13,420 І гэта таксама яшчэ ёсць праграмнае забеспячэнне, як MySQL, 282 00:12:13,420 --> 00:12:16,240 які з'яўляецца серверам баз дадзеных што мы ў рэшце рэшт дабрацца да, 283 00:12:16,240 --> 00:12:18,330 які з'яўляецца толькі сказаць Я магу пачаць лячэнне 284 00:12:18,330 --> 00:12:22,040 мой прыбор як паўнавартасны сервер што я не плачу за іншым месцы. 285 00:12:22,040 --> 00:12:25,980 Гэта проста жыве на сваім уласным ноўтбуку для распрацоўка і зручнасць мэтах. 286 00:12:25,980 --> 00:12:27,870 >> Так што давайце ісці наперад і скарыстацца гэтым. 287 00:12:27,870 --> 00:12:30,120 Я збіраюся ісці наперад і адкрыць акно тэрмінала. 288 00:12:30,120 --> 00:12:33,030 І я збіраюся ісці наперад і move-- фактычна, першым я 289 00:12:33,030 --> 00:12:34,860 збіраецца арыентавацца на маім працоўным стале. 290 00:12:34,860 --> 00:12:36,400 Калі я раблю Ls, ёсць hello.html. 291 00:12:36,400 --> 00:12:37,022 292 00:12:37,022 --> 00:12:38,730 І я збіраюся пайсці наперад і пачаць выкарыстоўваць 293 00:12:38,730 --> 00:12:40,800 новы каталог мы ў не выкарыстоўваецца да сённяшняга дня. 294 00:12:40,800 --> 00:12:46,840 >> hello.html-- я збіраюся рухацца у ../vhosts для віртуальнага hosts-- 295 00:12:46,840 --> 00:12:50,940 больш падрабязна пра гэта ў future-- а затым у каталогу пад назвай лакальны, 296 00:12:50,940 --> 00:12:54,420 які з'яўляецца мянушкай, дадзеным амаль любы кампутар, будзь то Mac, PC, 297 00:12:54,420 --> 00:12:57,560 або Linux кампутар, а затым адмыслова ў каталог, які мы, 298 00:12:57,560 --> 00:13:01,260 Супрацоўнікі ўжо стварылі для вас, калі Вы спампавалі прыбор пад назвай 299 00:13:01,260 --> 00:13:01,760 грамадскага. 300 00:13:01,760 --> 00:13:04,551 І як мяркуе яго назва, нічога Я паклаў у гэтую тэчку, у тэорыі, 301 00:13:04,551 --> 00:13:07,790 збіраецца цяпер быць грамадскага, па меншай меры, для людзей 302 00:13:07,790 --> 00:13:10,030 у каго ёсць прамая Падключэнне да кампутара. 303 00:13:10,030 --> 00:13:13,160 >> Так што цяпер дазвольце мне ісці наперад і зрабіць кампакт-дыск з той жа дырэкторыі 304 00:13:13,160 --> 00:13:15,490 так што я магу бачыць тое, што адбываецца і Ls тыпу. 305 00:13:15,490 --> 00:13:17,630 І на самай справе, што гэта Адзінае, што там. 306 00:13:17,630 --> 00:13:23,250 Я сцвярджаю, зараз, таму што я паставіў гэта падаць hello.html ў дырэкторыі 307 00:13:23,250 --> 00:13:26,940 званае грамадскае ўнутры дырэкторыі называецца лакальны ўнутры дырэкторыі 308 00:13:26,940 --> 00:13:29,810 званыя віртуальных даменаў, якія Дзякуючы супрацоўнікам CS50 309 00:13:29,810 --> 00:13:34,390 быў папярэдне настроены, каб быць корань вашага вэб-сервера, 310 00:13:34,390 --> 00:13:36,900 Цяпер я магу спадзявацца, гэта зрабіць. 311 00:13:36,900 --> 00:13:38,390 >> Я збіраюся адкрыць новую ўкладку. 312 00:13:38,390 --> 00:13:40,090 І я збіраюся пайсці не падаваць: //. 313 00:13:40,090 --> 00:13:44,520 Я збіраюся выкарыстоўваць фактычныя HTTP / лакальны, якія 314 00:13:44,520 --> 00:13:47,470 зноў, гэта мянушка для майго ўласнага сервера. 315 00:13:47,470 --> 00:13:51,085 А потым я збіраюся пайсці ў тое, што імя файла, проста каб было ясна? 316 00:13:51,085 --> 00:13:52,680 317 00:13:52,680 --> 00:13:54,320 Дзе гэтая гісторыя, верагодна, будзе? 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 >> Такім чынам, іншымі словамі, я хачу, каб зараз гэта гэта мой уласны кампутар, мой уласны прыбор, 322 00:14:04,270 --> 00:14:05,660 як быццам гэта рэальная сервер. 323 00:14:05,660 --> 00:14:07,490 Яго мянушка лакальны. 324 00:14:07,490 --> 00:14:10,210 Але думаць пра лакальным хасце як як Facebook.com google.com, што заўгодна. 325 00:14:10,210 --> 00:14:11,600 Гэта проста мая мясцовая назва. 326 00:14:11,600 --> 00:14:14,810 А потым у фінал, я хачу гэта ў корань жорсткага дыска, так бы мовіць, 327 00:14:14,810 --> 00:14:17,729 або корань вэб-сервера, Ergo слэш, а затым 328 00:14:17,729 --> 00:14:18,770 Імя файла hello.html. 329 00:14:18,770 --> 00:14:19,880 330 00:14:19,880 --> 00:14:21,930 >> Дазвольце мне паменшыць маштаб і націсніце Увод. 331 00:14:21,930 --> 00:14:24,266 І на самай справе, у цяперашні час мая вэб-старонка. 332 00:14:24,266 --> 00:14:25,390 Так што гэта крыху адрозніваецца. 333 00:14:25,390 --> 00:14:26,880 І гэта так жа, як у захапленне. 334 00:14:26,880 --> 00:14:27,904 Гэта старая версія. 335 00:14:27,904 --> 00:14:29,070 Дазвольце мне паменшыць шрыфт назад. 336 00:14:29,070 --> 00:14:29,745 Гэта старая. 337 00:14:29,745 --> 00:14:30,890 Гэта новы. 338 00:14:30,890 --> 00:14:35,430 Але што прынцыпова адбываецца Цяпер тое, што HTTP выкарыстоўваецца. 339 00:14:35,430 --> 00:14:39,344 >> Давайце зробім гэта крыху больш ясна ці, калі хочаце, крыху больш складана. 340 00:14:39,344 --> 00:14:41,760 Дазвольце мне пайсці ў правым ніжнім куце куце майго прыбора. 341 00:14:41,760 --> 00:14:44,000 І заўважце, што ўсё гэта Час, там быў нумар. 342 00:14:44,000 --> 00:14:47,330 Гэта унікальны адрас Вашай CS50 Appliance. 343 00:14:47,330 --> 00:14:50,800 Гэта прыватны адрас, як вынікае з 172,16, 344 00:14:50,800 --> 00:14:53,860 які проста азначае толькі вы фізічна могуць атрымаць доступ да гэтай вэб-сервер. 345 00:14:53,860 --> 00:14:56,340 Усе файрволам і добра абаронены ад астатняй 346 00:14:56,340 --> 00:14:58,130 свету з-за гэтага рашэння. 347 00:14:58,130 --> 00:15:01,920 >> А цяпер звярніце ўвагу, хоць, калі я іду ў гэты адрас, не ў маім прыборы, 348 00:15:01,920 --> 00:15:04,340 але ў Mac OS-- я збіраюся вярнуцца сюды. 349 00:15:04,340 --> 00:15:05,930 Гэта мой Mac цяпер. 350 00:15:05,930 --> 00:15:08,460 А цяпер я збіраюся адкрыць гэтая версія Chrome тут. 351 00:15:08,460 --> 00:15:17,370 І я збіраюся пайсці ў HTTP: //172.16.25 / І я забываю rest-- 133. 352 00:15:17,370 --> 00:15:25,210 >> Так што я збіраюся наведаць з майго Mac што IP-адрас /hello.html Enter. 353 00:15:25,210 --> 00:15:29,850 І зараз я бачу, з майго Mac што мой CS50 Appliance, хто 354 00:15:29,850 --> 00:15:32,600 IP-адрас, што лік, сапраўды вядзе сябе 355 00:15:32,600 --> 00:15:34,320 як вэб-сервер у Інтэрнэце. 356 00:15:34,320 --> 00:15:36,944 Гэта не ёсць добры лёгка памятаю імя, як Facebook.com, 357 00:15:36,944 --> 00:15:40,370 але ён выкарыстоўвае HTTP па-відаць, нават пры тым, што Chrome 358 00:15:40,370 --> 00:15:43,560 з'яўляецца свайго роду спрашчэнне свет для нас, але не паказвае нам, HTTP. 359 00:15:43,560 --> 00:15:46,210 Але гэта сапраўды менавіта гэта. 360 00:15:46,210 --> 00:15:48,470 Chrome толькі эканоміць некаторыя уведзеныя з клавіятуры сімвалы ў гэтыя дні. 361 00:15:48,470 --> 00:15:50,530 І вось што мы зараз бачым. 362 00:15:50,530 --> 00:15:51,890 >> Так што ўсё выдатна і выдатна. 363 00:15:51,890 --> 00:15:53,740 Але гэта даволі захапленне старонкі. 364 00:15:53,740 --> 00:15:56,230 Дазвольце мне пайсці і зрабіць што-то Зараз трохі адрозніваецца. 365 00:15:56,230 --> 00:15:57,910 Такім чынам, дазвольце мне вярнуцца да Gedit. 366 00:15:57,910 --> 00:16:00,580 І замест таго, прывітанне, свет, давайце паставім малюнак. 367 00:16:00,580 --> 00:16:05,880 І я сцвярджаў з before-- адпусціць мяне у маім каталогу лакальны грамадскасці. 368 00:16:05,880 --> 00:16:10,580 І дазвольце мне ісці наперад і скапіяваць цэлая куча файлаў з сённяшняга дня 369 00:16:10,580 --> 00:16:15,633 ад маёй тэчцы Dropbox ў тут. 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 >> Цяпер, калі я друкую Ls, глядзець на ўсіх гэтых файлаў 372 00:16:21,680 --> 00:16:24,940 што я распаўсюджвацца Сайт Вядома напярэдадні сённяшняга дня, 373 00:16:24,940 --> 00:16:26,830 адзін з якіх па-ранейшаму hello.html. 374 00:16:26,830 --> 00:16:27,830 Так што ёсць, што адзін. 375 00:16:27,830 --> 00:16:30,730 І ўспомніць гэтую дурную адзін з мінулага time-- cat.jpg. 376 00:16:30,730 --> 00:16:34,550 Такім чынам, дазвольце мне паспрабаваць ўбудаваць cat.jpg ўнутры маёй вэб-старонцы. 377 00:16:34,550 --> 00:16:37,690 >> Я збіраюся ісці наперад і зрабіць cat.jpg, захаваць. 378 00:16:37,690 --> 00:16:38,950 Дазвольце мне вярнуцца да Chrome. 379 00:16:38,950 --> 00:16:41,140 І дазвольце мне павялічыць Шрыфт і цяпер перазагрузіць. 380 00:16:41,140 --> 00:16:43,090 381 00:16:43,090 --> 00:16:45,030 На жаль, калі я паклаў гэта? 382 00:16:45,030 --> 00:16:48,210 383 00:16:48,210 --> 00:16:51,520 Standby-- мяне ўсё яшчэ ёсць стары Версія ад майго працоўнага стала адкрытым. 384 00:16:51,520 --> 00:16:56,020 Такім чынам, дазвольце мне перайсці ў маю віртуальны хост, мой лакальны, мая грамадская і hello.html. 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 Так што цяпер дазвольце мне ісці наперад і кажуць cat.jpg ўнутры цела 387 00:17:00,670 --> 00:17:02,830 дзе я хачу, каб гэта было адлюстроўваецца і перазагрузіце. 388 00:17:02,830 --> 00:17:04,560 Вядома, гэта не правільна. 389 00:17:04,560 --> 00:17:08,050 >> Таму мне трэба, каб сказаць браўзэру трохі больш свядома, што я хачу, каб гэта зрабіць. 390 00:17:08,050 --> 00:17:10,210 Проста увёўшы імя відавочна недастаткова. 391 00:17:10,210 --> 00:17:15,134 Так нагадаем, што быў яшчэ адзін тэг, малюнкі, IMG, калі коратка. 392 00:17:15,134 --> 00:17:17,550 Гэта толькі таму, што людзі не падабаюцца поўныя словы тыпу. 393 00:17:17,550 --> 00:17:19,050 І тады мы можам зрабіць крыніца = "cat.jpg". 394 00:17:19,050 --> 00:17:21,470 395 00:17:21,470 --> 00:17:23,550 >> А цяпер я збіраюся зрабіць Адна справа адрозніваецца тут. 396 00:17:23,550 --> 00:17:25,390 Нават пры тым, што ўсе нашы пазнакі да гэтага часу ёсць 397 00:17:25,390 --> 00:17:28,086 было гэта паняцце пачаць тэг і канчатковы тэг, 398 00:17:28,086 --> 00:17:30,210 што на самой справе не робяць сэнс для малюнка, ці не так? 399 00:17:30,210 --> 00:17:32,430 Малюнак альбо ёсць, альбо няма. 400 00:17:32,430 --> 00:17:36,650 І таму людзі прыйшлі з больш просты канвенцыі. 401 00:17:36,650 --> 00:17:40,310 Калі ў вас ёсць тэг, які можа і пачынацца і заканчвацца ў адной і той жа time-- 402 00:17:40,310 --> 00:17:43,790 яна можа быць пустым, таму, каб speak-- проста паставіць касую рысу ўнутры тэга 403 00:17:43,790 --> 00:17:44,710 ў самым канцы. 404 00:17:44,710 --> 00:17:45,776 405 00:17:45,776 --> 00:17:47,150 Цяпер дазвольце мне вярнуцца да маёй браўзэры. 406 00:17:47,150 --> 00:17:50,377 Хіт Перазагрузіць Блін, нешта не так. 407 00:17:50,377 --> 00:17:52,460 Вы, напэўна, бачылі гэта часам у Інтэрнэце, 408 00:17:52,460 --> 00:17:53,600 нават калі ён не быў вінаваты. 409 00:17:53,600 --> 00:17:54,766 Гэта віна вэб-сервера. 410 00:17:54,766 --> 00:17:56,240 Што оды гэта, здаецца, паказваюць? 411 00:17:56,240 --> 00:17:57,450 412 00:17:57,450 --> 00:17:58,009 Гэта працуе. 413 00:17:58,009 --> 00:17:59,300 Вось дзе вобраз належыць. 414 00:17:59,300 --> 00:17:59,700 Так? 415 00:17:59,700 --> 00:18:01,560 >> АЎДЫТОРЫЯ: Але гэта не мець доступ да выявы. 416 00:18:01,560 --> 00:18:03,070 >> DAVID J Малання: Гэта не мець доступ да выявы. 417 00:18:03,070 --> 00:18:05,230 Гэта, ці яшчэ горш, можа быць, гэта нават не існуе. 418 00:18:05,230 --> 00:18:06,729 Давайце паглядзім, калі мы не можам дыягнаставаць, што. 419 00:18:06,729 --> 00:18:09,390 Нагадаем, з мінулага разу, што, калі у Chrome, ў прыборы, 420 00:18:09,390 --> 00:18:11,870 ці нават на вашым Mac ці PC, Вы зайдзіце ў меню Developer 421 00:18:11,870 --> 00:18:14,650 і перайсці да Developer Tools варыянт, які, верагодна, у Вас ёсць 422 00:18:14,650 --> 00:18:16,850 не выкарыстоўваецца шмат ці калі-небудзь. 423 00:18:16,850 --> 00:18:20,780 І калі я іду ў Сетка і перазагрузіце старонку, 424 00:18:20,780 --> 00:18:24,110 давайце рэальна глядзець на HTTP Запыты, якія прымаюцца. 425 00:18:24,110 --> 00:18:28,400 >> Падобна на тое hello.html з'яўляецца сапраўды ОК, значыць 200. 426 00:18:28,400 --> 00:18:30,630 Але cat.jpg з'яўляецца 403. 427 00:18:30,630 --> 00:18:31,650 Так што гэта не 404. 428 00:18:31,650 --> 00:18:33,490 Файл, верагодна, існуе. 429 00:18:33,490 --> 00:18:35,250 403 азначае, забаронена. 430 00:18:35,250 --> 00:18:37,790 Так што гэта крыху заблытаным. 431 00:18:37,790 --> 00:18:42,340 Я збіраюся вярнуцца да майго акне тэрмінала. 432 00:18:42,340 --> 00:18:43,700 Дазвольце мне павялічыць тут. 433 00:18:43,700 --> 00:18:44,750 І зробім Ls. 434 00:18:44,750 --> 00:18:46,430 Там у тыя ж файлы. 435 00:18:46,430 --> 00:18:49,410 >> Цяпер дазвольце мне зрабіць LS-л, якія вы, верагодна, 436 00:18:49,410 --> 00:18:53,350 выкарыстоўваецца, перш чым паглядзець на файл памеры, можа быць, або часовыя пазнакі. 437 00:18:53,350 --> 00:18:55,590 І мы бачым цэлую кучу Пераважная інфармацыя. 438 00:18:55,590 --> 00:18:57,040 Але звярніце ўвагу, некалькі дэталяў. 439 00:18:57,040 --> 00:19:01,660 Вось hello.html ў гэтым веславаць тут і вось cat.jpg. 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 І гэта ўсяго толькі прыбор быць прыязныя, вылучыўшы ў фармаце JPEG карыстальнік 442 00:19:05,850 --> 00:19:07,380 у фіялетавы, як гэта. 443 00:19:07,380 --> 00:19:11,470 Але што яшчэ адрозніваецца побач памер файла і імя файла? 444 00:19:11,470 --> 00:19:13,438 445 00:19:13,438 --> 00:19:14,754 >> АЎДЫТОРЫЯ: [неразборліва]. 446 00:19:14,754 --> 00:19:16,920 DAVID J Малання: Так, ёсць больш за два R, сюды. 447 00:19:16,920 --> 00:19:20,170 Звярніце ўвагу, што hello.html ўжо адбываецца. 448 00:19:20,170 --> 00:19:24,050 Вось і атрымліваецца, што імя гэты каталог грамадскасці важна. 449 00:19:24,050 --> 00:19:26,400 Усё, што ў гэтым каталогу прызначаецца, каб быць адкрытымі. 450 00:19:26,400 --> 00:19:28,790 Але гэта не дастаткова проста капіяваць файлы туды. 451 00:19:28,790 --> 00:19:31,480 Акрамя таго, неабходна змяніць Рэжым файлы, 452 00:19:31,480 --> 00:19:35,180 змяніць правы Файл актыўна не 453 00:19:35,180 --> 00:19:37,650 быць па змаўчанні, якая з'яўляецца тое, што толькі я магу чытаць 454 00:19:37,650 --> 00:19:39,220 і запісаць яго, я як уласнік. 455 00:19:39,220 --> 00:19:43,540 Я хачу, каб увесь свет ўсіх на умець чытаць мой файл, калі можна так выказацца. 456 00:19:43,540 --> 00:19:44,950 Чытаць толькі азначае яго прагляду. 457 00:19:44,950 --> 00:19:49,780 >> І сапраўды, як вы ўбачыце ў праблеме ўсталяваць сем, вось што азначаюць гэтыя R ст. 458 00:19:49,780 --> 00:19:53,160 Сярэдняе гэтых двух R ў хай ўсім яшчэ ў свеце таксама прачытаць яго, 459 00:19:53,160 --> 00:19:55,300 асабліва цяпер, гэта ў гэтым каталогу. 460 00:19:55,300 --> 00:19:59,620 Так, самы просты спосаб выправіць гэта, каб перайсці да маёй радку і зрабіць CHMOD для змены 461 00:19:59,620 --> 00:20:05,580 Рэжым і затым зрабіць A + R, у цэлым, усё, усё, плюс г для чытання, 462 00:20:05,580 --> 00:20:07,944 а затым cat.jpg Enter. 463 00:20:07,944 --> 00:20:10,360 Нішто, здаецца, здарылася, што Звычайна гэта азначае добрую рэч. 464 00:20:10,360 --> 00:20:13,850 Так LS-л again-- зараз давайце паглядзім на cat.jpg. 465 00:20:13,850 --> 00:20:15,750 І гэта дазвол здаецца, змяніліся. 466 00:20:15,750 --> 00:20:18,670 Як у баку, калі вы робіце памылка, і вы, да прыкладу, 467 00:20:18,670 --> 00:20:23,210 толькі што зрабіў your-- я не знаю-- эсэ агульнадаступным выпадкова, 468 00:20:23,210 --> 00:20:25,480 Вы можаце зрабіць наадварот, CHMOD на-р. 469 00:20:25,480 --> 00:20:25,909 470 00:20:25,909 --> 00:20:28,200 Хоць, шчыра кажучы, гэта не павінна быць у агульным каталогу 471 00:20:28,200 --> 00:20:29,760 у любым выпадку, калі гэта неспакой. 472 00:20:29,760 --> 00:20:32,475 >> Так што цяпер давайце вернемся да мой браўзэр і перазагрузкі. 473 00:20:32,475 --> 00:20:32,904 474 00:20:32,904 --> 00:20:34,820 І я збіраюся націсніце трохі Ghostbusters 475 00:20:34,820 --> 00:20:38,030 сімвал, каб ачысціць гэтую частку Экран таму мы можам бачыць новыя запыты. 476 00:20:38,030 --> 00:20:40,630 І сапраўды, тут ёсць Grump Кэт раней. 477 00:20:40,630 --> 00:20:43,010 Але што яшчэ больш важна, Тэхнічна, існуе 478 00:20:43,010 --> 00:20:45,565 лік 200, якая азначае, што мы атрымалі гэта ОК. 479 00:20:45,565 --> 00:20:47,190 Добра, так што ўсё цудоўна і выдатна. 480 00:20:47,190 --> 00:20:48,940 Але мы не робім лепшы вэб-сайтаў, 481 00:20:48,940 --> 00:20:51,967 і мы не будзем спрабаваць занадта моцна, каб зрабіць самае незвычайнае з сайтаў сёння. 482 00:20:51,967 --> 00:20:54,550 Але давайце хоць бы нешта зрабіць супер знаёмыя да бразгаючы 483 00:20:54,550 --> 00:20:56,030 ад некалькіх іншых тэгаў. 484 00:20:56,030 --> 00:20:58,470 Таму выкажам здагадку, я не проста хачу котку тут. 485 00:20:58,470 --> 00:21:02,530 Выкажам здагадку, што я на самой справе хачу гэта котка спасылку на нешта. 486 00:21:02,530 --> 00:21:07,210 >> Я мог бы, напрыклад, зрабіць што-нешта накшталт гэтага. 487 00:21:07,210 --> 00:21:08,580 488 00:21:08,580 --> 00:21:12,890 для анкернага HREF для гіпер спасылка equals-- 489 00:21:12,890 --> 00:21:17,440 і давайце проста рабіць нешта як www.google.com закрыцця 490 00:21:17,440 --> 00:21:19,540 цытаваць зачыняе дужку. 491 00:21:19,540 --> 00:21:22,000 А цяпер шукаць котак. 492 00:21:22,000 --> 00:21:23,520 Зачыніць якар тэг. 493 00:21:23,520 --> 00:21:26,760 Так што гэта толькі адзін выгляд прынцыпова новая дэталь. 494 00:21:26,760 --> 00:21:28,190 Тэг вядома, адрозніваецца. 495 00:21:28,190 --> 00:21:31,770 Гэтае імя для якара HREF або гіпер спасылкі. 496 00:21:31,770 --> 00:21:35,269 >> Але што яшчэ больш важна, ёсць гэта сінтаксічныя асаблівасці тут. 497 00:21:35,269 --> 00:21:37,810 Гэта тое, што мы пачнем называць ня тэг, але атрыбут. 498 00:21:37,810 --> 00:21:40,830 І атрыбутам з'яўляецца тое, што змяняе паводзіны тэга. 499 00:21:40,830 --> 00:21:45,400 І гэта атрыбут, HREF, сродкі змяніць паводзіны гэтага якара 500 00:21:45,400 --> 00:21:48,430 так што, калі ён націснуў, ён ідзе па наступным адрасе тут. 501 00:21:48,430 --> 00:21:50,330 І, вядома, што URL з'яўляецца Google. 502 00:21:50,330 --> 00:21:53,951 >> Між тым, што гэта тэкст тут будзе? 503 00:21:53,951 --> 00:21:55,950 Ну, што гэта будзе што чалавек на самой справе 504 00:21:55,950 --> 00:21:58,470 бачыць, як падкрэслены спасылка, так проста. 505 00:21:58,470 --> 00:21:59,220 Такім чынам, давайце паспрабуем гэта. 506 00:21:59,220 --> 00:21:59,980 Дазвольце мне захаваць яго. 507 00:21:59,980 --> 00:22:01,650 Я да гэтага часу ў hello.html. 508 00:22:01,650 --> 00:22:05,360 Але ў версіі онлайн, вы ўбачыце фактычныя імёны файлаў мы загадзя падрыхтавалі. 509 00:22:05,360 --> 00:22:06,805 Дазвольце мне ісці наперад і перазагрузкі. 510 00:22:06,805 --> 00:22:08,680 А цяпер гэта вельмі захапленне старонкі яшчэ. 511 00:22:08,680 --> 00:22:10,910 Але калі я навядзіце курсор мышы на there-- і гэта трохі малая, 512 00:22:10,910 --> 00:22:13,576 но-- вы можаце бачыць у ніжняй левы кут экрана, 513 00:22:13,576 --> 00:22:15,242 гэта сапраўды збіраецца google.com. 514 00:22:15,242 --> 00:22:19,280 І калі я націскаю, што гэта будзе ўзбіце мне шлях да фактычнай Google. 515 00:22:19,280 --> 00:22:22,610 >> Але звярніце ўвагу, тут магчымасць для эксплуатацыя, як у бок. 516 00:22:22,610 --> 00:22:25,150 І мы вернемся да іншай пытанні бяспекі ў бліжэйшы час. 517 00:22:25,150 --> 00:22:29,290 Таму што ёсць гэтая дыхатамія між тым, дзе вы ідзяце і што вы кажаце, 518 00:22:29,290 --> 00:22:34,722 Вы маглі б зрабіць нешта накшталт this-- http://www.google.com. 519 00:22:34,722 --> 00:22:37,134 Добра, а цяпер, калі я перазагрузіць Пасля захавання гэтай старонцы, 520 00:22:37,134 --> 00:22:38,800 гэта выглядае як я збіраюся пайсці ў Google. 521 00:22:38,800 --> 00:22:40,966 Але няма ніякай прычыны, я павінны пайсці ў Google, ці не так? 522 00:22:40,966 --> 00:22:47,460 Я мог фактычна ісці нешта накшталт badguy.com, перазагрузіце старонку тут. 523 00:22:47,460 --> 00:22:49,750 І заўважце, гэта ўсё яшчэ выглядае як Google. 524 00:22:49,750 --> 00:22:52,020 І толькі калі я рэзкі Дастаткова навесці тут 525 00:22:52,020 --> 00:22:54,770 я бачу гэта нават збіраецца пайсці ў іншае месца. 526 00:22:54,770 --> 00:22:57,400 >> Так што, калі вы калі-небудзь атрымліваў электронная пошта, асабліва 527 00:22:57,400 --> 00:22:59,610 адзін з Paypal або здавалася б, ад Paypal 528 00:22:59,610 --> 00:23:01,830 прашу вас увайсці на ваш рахунак, гэта 529 00:23:01,830 --> 00:23:06,380 Таму вы ніколі не павінны альбо націсніце спасылкі ў паведамленнях электроннай пошты, 530 00:23:06,380 --> 00:23:07,930 шчыра кажучы, любыя спасылкі ў электронных лістах. 531 00:23:07,930 --> 00:23:10,380 Калі вы ведаеце, што фактычная грошы ў Paypal або банка 532 00:23:10,380 --> 00:23:14,250 Амерыкі ці Fidelity або любы сайт, увесці яго ўручную. 533 00:23:14,250 --> 00:23:17,530 Таму што паглядзіце, як лёгка гэта падмануць каго-то ў прадстаўленні, што 534 00:23:17,530 --> 00:23:18,526 выглядае як спасылку. 535 00:23:18,526 --> 00:23:20,400 Але гэта на самай справе мог пайсці абсалютна ў любым месцы. 536 00:23:20,400 --> 00:23:23,301 >> І ёсць нашмат больш, пагроз, чым гэта. 537 00:23:23,301 --> 00:23:25,300 На самай справе, гэта крыху датычнай цяпер, але адна 538 00:23:25,300 --> 00:23:28,430 з лепшых, якія я калі-небудзь бачыў якія з тых часоў былі зачыненыя, 539 00:23:28,430 --> 00:23:34,060 гэта хто-то прывёў людзей to-- так што гэта можа сказаць, 540 00:23:34,060 --> 00:23:37,660 Націсніце тут, каб увайсці ў ваша рахунак, банкаўскі рахунак. 541 00:23:37,660 --> 00:23:40,985 І гэта было Банк Захадзе. 542 00:23:40,985 --> 00:23:43,030 543 00:23:43,030 --> 00:23:44,250 >> Дык хто-то купіў гэта. 544 00:23:44,250 --> 00:23:47,090 І гэта крыху лягчэй ўбачыць гэта ў монашырынным шрыфтам павялічана 545 00:23:47,090 --> 00:23:49,190 у на 30-Ніхто з праектар з. 546 00:23:49,190 --> 00:23:51,720 Але калі ён маленькі шрыфт у што вы атрымліваеце па электроннай пошце, 547 00:23:51,720 --> 00:23:54,690 гэта выглядае як bankofthewest.com, ня bankofthevvest.com, 548 00:23:54,690 --> 00:23:58,230 якія нехта заплаціў $ 10 купіць. 549 00:23:58,230 --> 00:24:00,840 І тады гэта прывяло іх да эквівалент нейкі дрэнны сайт. 550 00:24:00,840 --> 00:24:05,540 >> І вы ўбачыце, too-- фактычна мы можам зрабіць this-- калі я іду да фактычнага сайце, 551 00:24:05,540 --> 00:24:10,335 bankofthewest.com, зноў жа, адклікае ў апошні раз 552 00:24:10,335 --> 00:24:13,210 што калі гэта іх вэб-старонкі і Вы цікава, як гэта працуе, 553 00:24:13,210 --> 00:24:15,610 можна, вядома, пайсці ў Інструменты для распрацоўшчыкаў Chrome. 554 00:24:15,610 --> 00:24:18,890 І вы можаце убачыць усе HTML прыгожа адфарматыраваная там. 555 00:24:18,890 --> 00:24:20,890 >> Але бліжэй да справы, Вы cam-- давайце зачыніць 556 00:24:20,890 --> 00:24:24,760 this-- вы можаце пайсці, каб паглядзець Распрацоўшчык View Source. 557 00:24:24,760 --> 00:24:25,770 558 00:24:25,770 --> 00:24:28,350 Чаму б мне проста не скапіяваць усё, што А потым я 559 00:24:28,350 --> 00:24:31,630 можа перайсці ў маёй маленькай акне GEdit тут і зрабіць свой уласны вэб-старонкі. 560 00:24:31,630 --> 00:24:33,210 Захаваць у hello.html. 561 00:24:33,210 --> 00:24:36,770 І, верагодна, гэта будзе перапынак, таму што гэта не так лёгка, як правіла. 562 00:24:36,770 --> 00:24:41,590 Але цяпер, калі я перазагрузіць свой уласны старонку на мой уласны хіт перазагрузкі і CS50 Appliance, 563 00:24:41,590 --> 00:24:42,990 Добра, некаторыя рэчы зламаў. 564 00:24:42,990 --> 00:24:45,750 Але я даволі блізкія да таго, мая ўласная банкаўская сайт, ці не так? 565 00:24:45,750 --> 00:24:46,570 Усё гэта HTML-- 566 00:24:46,570 --> 00:24:47,370 >> [Смех] 567 00:24:47,370 --> 00:24:49,210 >> DAVID J Малання: --Я ня actually-- і вы 568 00:24:49,210 --> 00:24:52,210 ведаю, што ёсць хто-то там, хто фактычна націсніце гэтыя спасылкі таксама. 569 00:24:52,210 --> 00:24:54,864 Такім чынам, ясна, некаторыя рэчы зламаў. 570 00:24:54,864 --> 00:24:56,780 Але што адбываецца, каб прывесці нам у дыскусію, 571 00:24:56,780 --> 00:25:00,810 залішне прама зараз, як да таго, што CSS, каскадныя табліцы стыляў, з'яўляюцца, 572 00:25:00,810 --> 00:25:03,410 і як вы на самой справе спампаваць іншыя файлы HTML 573 00:25:03,410 --> 00:25:06,140 і JPEG файлы GIF файлы, Сайт можа выкарыстоўваць. 574 00:25:06,140 --> 00:25:07,960 Але ўсё гэта рэальным. 575 00:25:07,960 --> 00:25:11,110 Але гэта на самай справе зводзіцца да гэтыя вельмі простыя эўрыстыкі. 576 00:25:11,110 --> 00:25:14,450 >> Так што цяпер давайце проста бегла Некалькі іншых прыкладаў HTML 577 00:25:14,450 --> 00:25:16,680 проста каб даць вам адчуванне пра тое, што яшчэ можна зрабіць. 578 00:25:16,680 --> 00:25:18,670 Напрыклад, гэта list.html. 579 00:25:18,670 --> 00:25:23,240 Выкажам здагадку, што я хацеў зрабіць вэб-старонку са спісам дамоў у квадрат. 580 00:25:23,240 --> 00:25:28,960 Я мог бы выкарыстаць вул тэг для неўпарадкаваных Спіс, а затым у спісе пункт дзіця 581 00:25:28,960 --> 00:25:33,760 а затым ітэрацыі over-- або спіс, rather-- дома ў пытанне. 582 00:25:33,760 --> 00:25:36,080 >> І калі я адкрываю гэтую гульню, давайце зробім гэта. 583 00:25:36,080 --> 00:25:40,670 Давайце не hello.html, але list.html. 584 00:25:40,670 --> 00:25:42,160 Чорт вазьмі. 585 00:25:42,160 --> 00:25:43,000 Як гэта выправіць? 586 00:25:43,000 --> 00:25:45,679 587 00:25:45,679 --> 00:25:47,220 Гэта тая ж самая праблема, як і раней, ці не так? 588 00:25:47,220 --> 00:25:52,510 Такім чынам, дазвольце мне зрабіць chmod-- oops-- CHMOD + р ад list.html. 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 І зараз, калі я вярнуся ў сваім браўзэры і націсніце Reload, там гэта. 591 00:25:59,610 --> 00:26:02,360 Так што, калі вы калі-небудзь хацелі зрабіць маркіраваны спіс, вы можаце зрабіць гэта. 592 00:26:02,360 --> 00:26:06,210 Калі вы хочаце быць супер ўяўленне і зрабіць спарадкаваны спіс, ня неўпарадкаваных спіс, 593 00:26:06,210 --> 00:26:10,170 змяніць тых, оле, перазагрузіце старонку, і Зараз браўзэр будзе налічваць гэта за вас. 594 00:26:10,170 --> 00:26:11,241 >> Што яшчэ мы можам зрабіць? 595 00:26:11,241 --> 00:26:13,990 Ну, пару others-- калі ў вас ёсць доўгія абзацы text-- 596 00:26:13,990 --> 00:26:15,698 Напрыклад, некаторыя Лацінскі тэкст як this-- 597 00:26:15,698 --> 00:26:20,730 і вы хочаце яго ў асобных пунктах, адкрыты р, побач р для тэга абзаца. 598 00:26:20,730 --> 00:26:22,010 І рабіць гэта зноў і зноў. 599 00:26:22,010 --> 00:26:26,600 І калі я зараз адкрыць гэты файл, paragraphs.html, добра, гэта 600 00:26:26,600 --> 00:26:27,570 становіцца раздражняльным. 601 00:26:27,570 --> 00:26:34,320 Так што цяпер давайце проста вернемся да маіх падкажыце, CHMOD A + R R зорку .html-- 602 00:26:34,320 --> 00:26:36,099 міленькі дзікая карта, так бы мовіць. 603 00:26:36,099 --> 00:26:37,890 Гэта павінна выправіць усе гэтыя праблемы для мяне. 604 00:26:37,890 --> 00:26:38,990 Давайце перазагрузіць. 605 00:26:38,990 --> 00:26:40,500 Там у тры абзаца. 606 00:26:40,500 --> 00:26:42,930 >> А цяпер давайце ісці наперад і адкрыць адзін іншы. 607 00:26:42,930 --> 00:26:44,310 Як наконт стала? 608 00:26:44,310 --> 00:26:46,440 Вы заўважыце, табліца выглядае крыху больш складана. 609 00:26:46,440 --> 00:26:49,110 Але гэта тое ж самае idea-- адкрыты тэг, адкрыты тэг, 610 00:26:49,110 --> 00:26:51,360 адкрыты, адкрыты, адкрыццё, закрыццё тэгаў, адкрыты тэг. 611 00:26:51,360 --> 00:26:54,410 І гэта адбываецца стаяць Табліца, чыя мяжа, відаць 612 00:26:54,410 --> 00:26:58,500 будзе таўшчыня 1-- ўсе што азначае: радок табліцы, табліцы 613 00:26:58,500 --> 00:27:00,320 Дадзеныя, якія азначае клетку. 614 00:27:00,320 --> 00:27:03,840 І калі я вярнуся ў сваім браўзэры тут і пайсці ў table.html, 615 00:27:03,840 --> 00:27:05,840 Вы можаце ўбачыць што-то як гэта, агідны. 616 00:27:05,840 --> 00:27:07,840 Але мы вернемся да кропкі дзе мы можам на самай справе 617 00:27:07,840 --> 00:27:09,260 зрабіць рэчы прыгажэй, чым гэта. 618 00:27:09,260 --> 00:27:10,530 >> Такім чынам, дазвольце мне прадугледжваюць цяпер. 619 00:27:10,530 --> 00:27:11,870 Там у пучкі з некалькіх тэгаў. 620 00:27:11,870 --> 00:27:15,225 І HTML выдатна падабраць таму што, шчыра кажучы, усё, што вам трэба зрабіць, 621 00:27:15,225 --> 00:27:17,600 будзе глядзець на існуючых вэб-старонак з якой вы знаёмыя. 622 00:27:17,600 --> 00:27:20,340 І вы, як, ну, вось як яны зрабілі гэта эстэтычна. 623 00:27:20,340 --> 00:27:23,159 >> Ці вы можаце паглядзець любы онлайн рэсурс аб тым, як HTML працуе, 624 00:27:23,159 --> 00:27:25,700 і вы ўбачыце, што ёсць Уся лексіка іншых тэгаў. 625 00:27:25,700 --> 00:27:30,110 Але з простай ментальнай мадэлі адна, што амаль любы тэг адкрыцці 626 00:27:30,110 --> 00:27:33,620 павінен быць зачынены, яго сапраўды робіць дастаткова, каб навучыць сябе 627 00:27:33,620 --> 00:27:36,950 HTML пасля зразумець гэтыя асноўныя ідэі тэгаў 628 00:27:36,950 --> 00:27:40,520 і атрыбуты і добра сфарміраванасці што мы гаварылі пра, 629 00:27:40,520 --> 00:27:44,697 закрыццё усё, што мы маглі б адкрыць так што мы не блытайце браўзэр. 630 00:27:44,697 --> 00:27:46,780 Так цяпер давайце гэта больш цікавы ўзровень 631 00:27:46,780 --> 00:27:48,100 перайшоўшы ў рэальнае. 632 00:27:48,100 --> 00:27:51,095 І пойдзем да майго Mac тут, на google.com. 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 А цяпер notice-- давайце зробім гэта. 635 00:27:54,020 --> 00:27:57,280 Я гонг, каб перайсці да Налады, паводле пошуку. 636 00:27:57,280 --> 00:28:01,070 Я хачу, каб адключыць гэты прыкры момант Вынікі рэч, дзе ён адразу ж 637 00:28:01,070 --> 00:28:02,450 пачынае рэагаваць на вашай друку. 638 00:28:02,450 --> 00:28:05,300 Давайце зробім гэты стары школу так мы на самай справе бачым, што адбываецца. 639 00:28:05,300 --> 00:28:08,260 >> Так што я іду, каб выратаваць майго Налады тут Google. 640 00:28:08,260 --> 00:28:11,160 А цяпер notice-- я збіраюся шукаць нешта накшталт котак. 641 00:28:11,160 --> 00:28:14,500 І ён па-ранейшаму робіць аўто поўная тут, але калі на машыне 642 00:28:14,500 --> 00:28:15,970 людзі набралі ў мінулым. 643 00:28:15,970 --> 00:28:17,490 Але звярніце ўвагу, што гэта адбудзецца. 644 00:28:17,490 --> 00:28:20,272 >> У URL на дадзены момант гэта, проста google.com. 645 00:28:20,272 --> 00:28:22,650 І тэхнічна, гэта рыса. 646 00:28:22,650 --> 00:28:25,910 Google проста выратаванне характар і ня паказвае нам, што. 647 00:28:25,910 --> 00:28:30,400 Яны паказваюць нам HTTPS, проста быць супер абнадзейвае, што мы 648 00:28:30,400 --> 00:28:32,850 у бяспечным або зашыфраванай старонцы. 649 00:28:32,850 --> 00:28:35,690 >> Такім чынам, дазвольце мне ісці наперад і шукаць котак. 650 00:28:35,690 --> 00:28:37,670 Зараз гэта стала сапраўды Пераважная хутка. 651 00:28:37,670 --> 00:28:39,470 Паглядзіце на даўжыню гэтага URL. 652 00:28:39,470 --> 00:28:43,070 Але аказваецца, што вялікая частка гэтага матэрыялу ў URL на самай справе даволі бескарысна. 653 00:28:43,070 --> 00:28:45,320 Я збіраюся пачаць выдаленне рэчы, якія я не разумею. 654 00:28:45,320 --> 00:28:46,560 655 00:28:46,560 --> 00:28:47,360 Я бачу котак. 656 00:28:47,360 --> 00:28:48,470 Я разумею, котак. 657 00:28:48,470 --> 00:28:50,380 Я не ведаю, чаму кошкі там зноў. 658 00:28:50,380 --> 00:28:52,620 Я сапраўды не ведаю, што гэта за глупства. 659 00:28:52,620 --> 00:28:56,030 Так што я проста буду працягваць выяўленне і выдаленне матэрыялу 660 00:28:56,030 --> 00:28:59,905 што я не разумею, перагонкі URL у толькі ў гэтым. 661 00:28:59,905 --> 00:29:00,920 662 00:29:00,920 --> 00:29:02,270 >> Цяпер дазвольце мне пачаць ўводзіць зноў. 663 00:29:02,270 --> 00:29:03,814 Падобна на тое, Google ўсё яшчэ працуе. 664 00:29:03,814 --> 00:29:06,980 Дык чаму, яны дадаюць Шмат матэрыялу для іх URL-адрасы па змаўчанні. 665 00:29:06,980 --> 00:29:09,000 Але гэта не з'яўляецца абавязковым. 666 00:29:09,000 --> 00:29:10,340 Дык што ж такое добрая пра гэта? 667 00:29:10,340 --> 00:29:13,630 Ну, дазвольце мне ісці наперад і адкрыць інспектар у Chrome. 668 00:29:13,630 --> 00:29:15,960 Там трохі ярлык мыш для яе. 669 00:29:15,960 --> 00:29:17,360 >> Перайдзіце на ўкладку Network. 670 00:29:17,360 --> 00:29:19,340 А цяпер дазвольце мне перазагрузіць гэтую старонку яшчэ раз. 671 00:29:19,340 --> 00:29:20,280 І я трымаю Shift. 672 00:29:20,280 --> 00:29:22,520 Як у баку, браўзэраў як правіла, кэшаваць або захаваць 673 00:29:22,520 --> 00:29:24,697 Інфармацыя толькі дзеля эфектыўнасці ў. 674 00:29:24,697 --> 00:29:27,280 Але звычайна трымае Зрух і перагрузка прымусіць усё 675 00:29:27,280 --> 00:29:28,994 каб пачаць усё з пачатку. 676 00:29:28,994 --> 00:29:30,410 І вось што я хачу зрабіць тут. 677 00:29:30,410 --> 00:29:33,550 >> І заўважце, усё гэта Радкі, якія толькі з'явіліся. 678 00:29:33,550 --> 00:29:37,920 Атрымліваецца, што ў любы момант Сеткі старонка, там можа быць толькі адзін файл 679 00:29:37,920 --> 00:29:43,500 involved-- hello.html-- ці там 52 можа быць, як у дадзеным выпадку. 680 00:29:43,500 --> 00:29:45,820 Калі я наведваю google.com, па-відаць, мой браўзэр 681 00:29:45,820 --> 00:29:49,650 стартуе 52 асобных запытаў HTTP. 682 00:29:49,650 --> 00:29:50,520 Чаму гэта? 683 00:29:50,520 --> 00:29:53,380 >> Ну, паглядзіце на тое, што ўнутры гэтай вэб-старонцы да верхняй. 684 00:29:53,380 --> 00:29:55,620 Там не толькі тэкст, але ёсць фактычныя выявы 685 00:29:55,620 --> 00:29:57,130 котак больш направа. 686 00:29:57,130 --> 00:29:59,110 Там у маляўнічы лагатып тут злева. 687 00:29:59,110 --> 00:30:01,750 Там усё з гэтых значкоў для мікрафона і гэтак далей. 688 00:30:01,750 --> 00:30:05,130 Там вельмі шмат дэталяў, будаўніцтва блокі, скрэтч штук, калі хочаце, 689 00:30:05,130 --> 00:30:06,250 на гэтай вэб-старонцы. 690 00:30:06,250 --> 00:30:10,310 А што браўзэр робіць на атрымліваць самую першую файл, які 691 00:30:10,310 --> 00:30:16,180 гэта радок тут, гэта, па сутнасці, ітэрацыі па HTML верхняй 692 00:30:16,180 --> 00:30:19,880 ўніз, злева направа, шукаю рэчы, як малюнак пазнакі або іншыя тэгі 693 00:30:19,880 --> 00:30:23,160 якія згадваючы іншыя файлы і калі ён бачыць іх, ідзе і атрымлівае іх 694 00:30:23,160 --> 00:30:26,050 праз HTTP, жыццяздольным цэлым Метафара канверт, 695 00:30:26,050 --> 00:30:29,670 а затым адлюстроўвае іх у Падыходнае месца на вэб-старонцы. 696 00:30:29,670 --> 00:30:33,370 >> Але звярніце ўвагу, тут, калі я спынюся на першыя кідок, пошуку кошкі, 697 00:30:33,370 --> 00:30:37,090 заўважыць, што, на самай справе ён выкарыстоўвае пратакол HTTP 1.1. 698 00:30:37,090 --> 00:30:41,690 І, на жаль, Google Chrome цяпер у версіі 39 699 00:30:41,690 --> 00:30:45,110 гэта свайго роду нулявога адказу рэчаў ўніз і не паказваючы нам фактычныя загалоўкі. 700 00:30:45,110 --> 00:30:49,680 Але тое, што было на самай справе паслаў гэта запыт для ня слэш, але / пошук? д = кошкі. 701 00:30:49,680 --> 00:30:52,830 702 00:30:52,830 --> 00:30:54,340 >> Цяпер, чаму гэта так важна? 703 00:30:54,340 --> 00:30:57,110 Ну, я збіраюся вывесці з таго, што калі вы Google 704 00:30:57,110 --> 00:31:01,520 падтрымлівае запыты гэтай формы, таму ня я рэалізаваць уласны пошук 705 00:31:01,520 --> 00:31:06,420 Рухавік для CS50, але толькі пярэдняя канец, проста графічны інтэрфейс карыстальніка. 706 00:31:06,420 --> 00:31:09,610 І мы будзем аўтсорсінг задні канец, прыводзіць фактычны пошук у Google. 707 00:31:09,610 --> 00:31:10,510 >> Так як я магу гэта зрабіць? 708 00:31:10,510 --> 00:31:13,820 Ну, дазвольце мне перайсці ў Gedit тут. 709 00:31:13,820 --> 00:31:19,180 І дазвольце мне ісці наперад і адкрываць да, скажам, новы файл. 710 00:31:19,180 --> 00:31:22,280 І я іду, каб выратаваць гэты часова як пошуку 0.html. 711 00:31:22,280 --> 00:31:25,111 712 00:31:25,111 --> 00:31:27,860 А потым у рэшце рэшт, мы будзем хутка чакаю таго, што я загадзя падрыхтаваныя. 713 00:31:27,860 --> 00:31:30,190 >> І я збіраюся хутка на хуткую руку тыпу DOC 714 00:31:30,190 --> 00:31:33,840 HTML адкрыты кранштэйны HTML закрытая дужка HTML. 715 00:31:33,840 --> 00:31:38,390 Тады я збіраюся зрабіць галаву блізка галава адкрыта назву CS50 716 00:31:38,390 --> 00:31:40,150 Пошук замест пошуку Google. 717 00:31:40,150 --> 00:31:43,480 Тут, унізе, я буду мець цела, тут блізка цела. 718 00:31:43,480 --> 00:31:45,835 А цяпер мне трэба CS50 Пошук. 719 00:31:45,835 --> 00:31:47,710 І на самай справе, давайце пабудаваць гэты паступова. 720 00:31:47,710 --> 00:31:51,043 Я збіраюся ісці наперад і зачыніць гэты і на самай справе паклаў яго ў агульны каталог. 721 00:31:51,043 --> 00:31:52,730 Так дайце мне толькі адзін момант. 722 00:31:52,730 --> 00:31:55,390 Пошук-0.html-- я збіраюся часова называць яго search.html. 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 Я збіраюся CHMOD яму + R search.html. 725 00:31:59,750 --> 00:32:01,072 726 00:32:01,072 --> 00:32:02,280 А цяпер я збіраюся адкрыць яго. 727 00:32:02,280 --> 00:32:03,224 728 00:32:03,224 --> 00:32:04,390 Добра, так, каб было хутка. 729 00:32:04,390 --> 00:32:06,800 Але мэта проста быў каб атрымаць нас да кропкі 730 00:32:06,800 --> 00:32:09,630 таго, гэты тэкст файл з імем search.html. 731 00:32:09,630 --> 00:32:10,940 732 00:32:10,940 --> 00:32:12,790 Так што няма на што глядзець яшчэ. 733 00:32:12,790 --> 00:32:16,970 На самай справе, калі я іду ў маім браўзэры, і перайсці да search.html, гэта ўсё, што ёсць. 734 00:32:16,970 --> 00:32:17,720 Але вы ведаеце, што? 735 00:32:17,720 --> 00:32:19,000 Я магу быць трохі незвычайным. 736 00:32:19,000 --> 00:32:22,710 Я прачытаў у кнізе, што ёсць Загаловак тэг называецца h1. 737 00:32:22,710 --> 00:32:26,100 І я збіраюся ісці наперад і выкарыстоўваць гэтую адкрытую h1 і блізка h1. 738 00:32:26,100 --> 00:32:27,220 Абнавіць старонку. 739 00:32:27,220 --> 00:32:29,600 І зараз гэта больш і смялей, не ўсё, што цікава, 740 00:32:29,600 --> 00:32:32,399 але па меншай меры гэта структурна больш цікавым. 741 00:32:32,399 --> 00:32:33,940 Але цяпер дазвольце мне прадставіць яшчэ адзін тэг. 742 00:32:33,940 --> 00:32:36,500 Аказваецца ёсць форма тэга. 743 00:32:36,500 --> 00:32:38,400 І дазвольце мне закрыць гэтую пазнаку. 744 00:32:38,400 --> 00:32:40,830 І атрымліваецца, што ёсць ўваход тэг, 745 00:32:40,830 --> 00:32:44,600 мае атрыбут тыпу, які гэта тып дадзеных поля, 746 00:32:44,600 --> 00:32:45,200 калі вы будзеце. 747 00:32:45,200 --> 00:32:47,050 І будзе тыпу тэксту. 748 00:32:47,050 --> 00:32:52,200 І яго значэнне будзе быць CS50 Пошук. 749 00:32:52,200 --> 00:32:53,850 Зачыніць тэг. 750 00:32:53,850 --> 00:32:57,100 І там адбываецца, няма паняцце адкрыцця і закрыцця з асобнымі тэгамі. 751 00:32:57,100 --> 00:33:00,300 >> Дазвольце мне вярнуцца сюды і паглядзець, што адбываецца, перазагрузіце. 752 00:33:00,300 --> 00:33:01,380 Атрыманне цікава. 753 00:33:01,380 --> 00:33:02,950 Падобна на тое, гэта тэкставае поле. 754 00:33:02,950 --> 00:33:04,080 755 00:33:04,080 --> 00:33:06,999 І на самай справе, я не хачу паставіць значэнне там яшчэ. 756 00:33:06,999 --> 00:33:10,040 Дазвольце мне вярнуцца сюды і фактычна атрымаць пазбавіцца ад гэтага значэння, каб захаваць яго простым. 757 00:33:10,040 --> 00:33:12,939 Замест значэння, што я хацеў даць гэтую рэч было імя. 758 00:33:12,939 --> 00:33:15,230 І я не ведаю, што гэта такое, так што я вярнуся да гэтага. 759 00:33:15,230 --> 00:33:18,270 >> Але ніжэй, што я хачу зрабіць тып ўваходу = ўявіць. 760 00:33:18,270 --> 00:33:19,840 761 00:33:19,840 --> 00:33:22,120 І гэта значэнне будзе CS50 Пошук. 762 00:33:22,120 --> 00:33:24,850 І мы ўбачым, чаму я пераехаў значэнне ў гэтым. 763 00:33:24,850 --> 00:33:28,900 Калі я перазагрузіць, я, здаецца, зараз ёсць зародкі майго ўласнага пошуку 764 00:33:28,900 --> 00:33:30,820 Рухавік, супер агідны, хоць, шчыра кажучы, гэта 765 00:33:30,820 --> 00:33:34,260 ня далёка кідок ад таго, што Старонка Google, па змаўчанні выглядае. 766 00:33:34,260 --> 00:33:37,950 >> Калі я іду сюды зараз, я магу набраць у коткі і, спадзяюся, націсніце кнопку Пошук. 767 00:33:37,950 --> 00:33:40,380 Але я не зусім зроблена яшчэ, таму што я не рэалізаваны, 768 00:33:40,380 --> 00:33:41,045 Відавочна, базы дадзеных. 769 00:33:41,045 --> 00:33:42,940 Я не лезлі Вэб-за вынікаў пошуку. 770 00:33:42,940 --> 00:33:44,840 Таму мне трэба, каб аўтсорсінг, што ў Google. 771 00:33:44,840 --> 00:33:46,290 Так як жа гэта зрабіць? 772 00:33:46,290 --> 00:33:49,170 >> Ну, перш за ўсё я трэба дадаць і дзеянні 773 00:33:49,170 --> 00:33:58,460 прыпісаць маёй тэга формы, што з'яўляецца http://www.google.com/search. 774 00:33:58,460 --> 00:34:01,180 І я ведаю, што толькі ад таго, выснову, паглядзеўшы ўважліва 775 00:34:01,180 --> 00:34:02,505 на іх URL. 776 00:34:02,505 --> 00:34:03,380 А цяпер зрабіць здагадку. 777 00:34:03,380 --> 00:34:09,090 Што павінен гэта тэкставае поле, верагодна, назваць, на аснове якой мы прыйшлі 778 00:34:09,090 --> 00:34:09,754 ад да? 779 00:34:09,754 --> 00:34:11,896 780 00:34:11,896 --> 00:34:13,290 >> АЎДЫТОРЫЯ: в. 781 00:34:13,290 --> 00:34:14,370 >> DAVID J Малання: в. 782 00:34:14,370 --> 00:34:17,800 І мы на самай справе не трэба пытанне пазначыць гэта атрымліваецца, але в сапраўды гэта, 783 00:34:17,800 --> 00:34:20,489 в для запыту, верагодна, па па змаўчанні, проста таму што гэта 784 00:34:20,489 --> 00:34:23,060 што Лары і Сяргей прыдумаў гадоў таму. 785 00:34:23,060 --> 00:34:24,739 Так што цяпер дазвольце мне перазагрузіць старонку. 786 00:34:24,739 --> 00:34:26,409 Гэта не выглядае ўсё, што адрозніваецца. 787 00:34:26,409 --> 00:34:28,120 Але цяпер паглядзім, што адбываецца. 788 00:34:28,120 --> 00:34:32,360 >> Калі я друкую ў котак і націсніце CS50 Пошук і адпусціць, 789 00:34:32,360 --> 00:34:35,770 заўважыць, што я атрымаць ўзбітым ад фактычнай Google. 790 00:34:35,770 --> 00:34:38,150 Зараз, Google у цяперашні час трохі раздражняе ў тым, што яны 791 00:34:38,150 --> 00:34:41,877 дадаўшы дадатковы параметр, калі хочаце, каб у URL. 792 00:34:41,877 --> 00:34:43,960 Вось і ўсё адбываецца аўтаматычна на баку Google. 793 00:34:43,960 --> 00:34:48,730 >> Важнай часткай з'яўляецца тое, што я, здаецца, каб спарадзілі гэты запыт тут. 794 00:34:48,730 --> 00:34:50,179 І на самай справе, гэта тое, што адбываецца. 795 00:34:50,179 --> 00:34:53,040 Калі ў вас ёсць HTML, што Падобна на тое, гэта, гэта 796 00:34:53,040 --> 00:34:57,620 з'яўляецца свайго роду абазначэння вэб-распрацоўнікаў за гэтыя словы, ісці наперад і стварыць форму 797 00:34:57,620 --> 00:34:59,990 што, калі ён прадставіў, ён збіраецца па наступным адрасе. 798 00:34:59,990 --> 00:35:03,430 І калі URL прадаставіў Значэння для такіх рэчаў, як д, 799 00:35:03,430 --> 00:35:05,440 не ідуць проста на гэты URL. 800 00:35:05,440 --> 00:35:08,210 На самай справе, перайсці да пытання знак, а затым д = кошкі. 801 00:35:08,210 --> 00:35:09,590 802 00:35:09,590 --> 00:35:13,060 Дадайце параметр, Параметр HTTP падобнае. 803 00:35:13,060 --> 00:35:15,590 >> І толькі, каб быць супер дакладным, што іх вывад here-- 804 00:35:15,590 --> 00:35:18,130 але я буду больш explicit-- з'яўляецца што метад, які я хачу выкарыстоўваць 805 00:35:18,130 --> 00:35:22,270 гэта атрымаць, а нешта накшталт Паведамленне, якое мы ў канчатковым выніку ўбачыць. 806 00:35:22,270 --> 00:35:27,710 Карацей кажучы, проста разумення HTML і выкарыстоўваючы некаторыя даволі простыя тэгі, 807 00:35:27,710 --> 00:35:30,610 Цяпер мы можам прыступіць да стварэння наш уласны фронт канчатковы карыстальнік 808 00:35:30,610 --> 00:35:32,850 інтэрфейс з магчымасцю пошуку Рухавік ззаду яго. 809 00:35:32,850 --> 00:35:34,800 >> Але гэта вядома, даволі агідны. 810 00:35:34,800 --> 00:35:37,259 Такім чынам, дазвольце мне на самай справе адкрыць трохі лепш версія. 811 00:35:37,259 --> 00:35:39,800 Гэта той, які я падрыхтаваў у наперад, што ёсць некаторыя каментары. 812 00:35:39,800 --> 00:35:41,900 Але вы ўбачыце, што я у значнай ступені аднавілі яго. 813 00:35:41,900 --> 00:35:44,150 Так што гэта ўжо даступныя ў Інтэрнэце. 814 00:35:44,150 --> 00:35:48,050 І я, здараецца, прэвентыўна перайсці да HTTPS проста трымаць яго проста. 815 00:35:48,050 --> 00:35:50,610 >> А цяпер давайце адкрыем Наступная ітэрацыя гэтага. 816 00:35:50,610 --> 00:35:52,510 З'яўляецца замест версія 1 0. 817 00:35:52,510 --> 00:35:55,315 Што выскоквае на вас, як злёгку адрозніваецца ў гэтым прыкладзе? 818 00:35:55,315 --> 00:35:59,480 819 00:35:59,480 --> 00:36:00,440 >> АЎДЫТОРЫЯ: [неразборліва]. 820 00:36:00,440 --> 00:36:03,020 >> Так, ёсць такі тэкст выраўнаваць цэнтр. 821 00:36:03,020 --> 00:36:04,590 Гэта крыху дзіўна, тут. 822 00:36:04,590 --> 00:36:06,150 Але гэта сапраўды новая. 823 00:36:06,150 --> 00:36:07,800 І, можа быць, думаю, што гэта адбудзецца. 824 00:36:07,800 --> 00:36:11,730 Калі я іду ў маім браўзэры зараз і наведаць пошуку-1.html, 825 00:36:11,730 --> 00:36:13,090 гэта амаль тое ж самае. 826 00:36:13,090 --> 00:36:15,705 Але гэта крок бліжэй да быць трохі больш значнай. 827 00:36:15,705 --> 00:36:19,150 Гэта яшчэ непрыгожа, але прыгажэй у тым, што па меншай меры, усё, цяпер па цэнтры. 828 00:36:19,150 --> 00:36:23,470 >> Вось і атрымліваецца, што тое, што я выкарыстоўваю з'яўляецца іншую мову наогул называецца 829 00:36:23,470 --> 00:36:25,680 CSS, каскадныя табліцы стыляў. 830 00:36:25,680 --> 00:36:28,310 І CSS, шчыра кажучы, гэта свайго роду з, па маім асабістым думку, 831 00:36:28,310 --> 00:36:29,775 жахліва распрацаваны мову. 832 00:36:29,775 --> 00:36:33,110 Гэта вельмі раздражняе памятаць усе розныя дэталі. 833 00:36:33,110 --> 00:36:38,479 Але гэта тое, што стылізуются Уся сусветная павуціна сёння. 834 00:36:38,479 --> 00:36:39,270 Я пакрыўдзілі каго. 835 00:36:39,270 --> 00:36:39,769 Добра. 836 00:36:39,769 --> 00:36:43,180 Так што давайце вернемся сюды і паглядзець, як мы на самай справе з дапамогай гэтага. 837 00:36:43,180 --> 00:36:45,940 І атрымліваецца, па меншай меры, гэта на самай справе даволі простая мова. 838 00:36:45,940 --> 00:36:49,470 Гэта проста пар ключ-значэнне, ўласцівасці і значэнні, ўласцівасці і значэння. 839 00:36:49,470 --> 00:36:52,080 На самай справе, тут ёсць адзін такое маёмасць і значэнне. 840 00:36:52,080 --> 00:36:55,890 >> Проста з дапамогай стылю атрыбутаў на маім целе тэга 841 00:36:55,890 --> 00:37:00,360 і надаўшы яму значэнне Слова тоўстай кішкі і іншае слова, 842 00:37:00,360 --> 00:37:03,730 або ўласцівасць і значэнне, Я магу паўплываць на эстэтыку 843 00:37:03,730 --> 00:37:06,210 вэб-старонкі, а не абавязкова структура яшчэ, 844 00:37:06,210 --> 00:37:07,550 але эстэтыка яго. 845 00:37:07,550 --> 00:37:10,960 І толькі па трошкі вакол, я разумею, што лісты CSS, каскадныя табліцы, 846 00:37:10,960 --> 00:37:14,170 падтрымлівае ўласцівасць выраўноўвання тэксту, значэнне якога можа 847 00:37:14,170 --> 00:37:16,980 быць злева, справа, або цэнтр, напрыклад. 848 00:37:16,980 --> 00:37:19,990 >> Так што цяпер, калі я перазагрузіць гэтую старонку, тое, што я сапраўды атрымліваў 849 00:37:19,990 --> 00:37:22,730 быў цэнтрам старонка, але ўсё яшчэ даволі пачварны. 850 00:37:22,730 --> 00:37:25,770 Давайце ісці наперад і адкрываць да версіі 2 Пошук. 851 00:37:25,770 --> 00:37:28,570 А цяпер звярніце ўвагу, што я зрабіў крыху больш. 852 00:37:28,570 --> 00:37:33,760 Звярніце ўвагу, што тут ўнутры галавы Тэг, можа быць больш, чым загалоўку. 853 00:37:33,760 --> 00:37:35,400 На самай справе, ёсць тэг стыль. 854 00:37:35,400 --> 00:37:38,630 І гэта, дзе гэта толькі атрымлівае трохі брудны бачанне CSS часам. 855 00:37:38,630 --> 00:37:41,971 >> Звярніце ўвагу, што я, здаецца, ёсць што-то што структурна выглядае зусім інакш. 856 00:37:41,971 --> 00:37:44,095 Але тут гэтае імя тэг Хачу стылізаваны. 857 00:37:44,095 --> 00:37:47,570 Вось нашы старыя сябры кучаравыя падцяжкі і закрытая фігурная дужка. 858 00:37:47,570 --> 00:37:50,290 А потым тут з'яўляецца тое, што ўласцівасць і яго значэнне. 859 00:37:50,290 --> 00:37:56,300 >> Калі я загрузіць гэты файл, search2.html, Канчатковым вынікам з'яўляецца ідэнтычным. 860 00:37:56,300 --> 00:37:59,300 Але гэта крок у бок павышэння якасці выконваемых работ. 861 00:37:59,300 --> 00:38:04,560 Вылучыўшы гэты CSS, у мяне ёсць ня змешваюцца яго з маёй HTML. 862 00:38:04,560 --> 00:38:07,560 І на самай справе, як мы ўбачым, я мог выкарыстоўваць гэтыя ўласцівасці і значэння. 863 00:38:07,560 --> 00:38:10,420 Калі б я хацеў зрабіць букеты частцы маёй вэб-старонцы па цэнтры, 864 00:38:10,420 --> 00:38:13,630 Я не прыйдзецца ўводзіць стыль = выраўноўвання тэксту цэнтр паўсюдна. 865 00:38:13,630 --> 00:38:16,580 Я магу паставіць у адным месцы магчыма, хацелі наверсе. 866 00:38:16,580 --> 00:38:18,210 >> Але нават гэта не лепшы дызайн. 867 00:38:18,210 --> 00:38:21,720 На самай справе, адна з рэчаў, вы даведаецеся, як вы праводзіце больш часу з 868 00:38:21,720 --> 00:38:25,730 вэб-праграмаванне з'яўляецца тое, што чым больш вы можаце модуляризуете рэчы і фактар ​​рэчы 869 00:38:25,730 --> 00:38:30,610 як .h файлаў давайце фактар ​​рэчы з, падабаецца helpers.c Давайце фактар ​​рэчы 870 00:38:30,610 --> 00:38:31,880 некалькі psets таму. 871 00:38:31,880 --> 00:38:34,200 Сапраўды гэтак жа, мы маглі б хачу дамагчыся гэтага. 872 00:38:34,200 --> 00:38:37,920 >> Так заўважыць у версіі тры з search.html я маю 873 00:38:37,920 --> 00:38:40,610 ачышчаны кіраўнік старонка і проста паставіць 874 00:38:40,610 --> 00:38:43,320 ў гэтым, спасылка тэг, які насуперак назве, 875 00:38:43,320 --> 00:38:44,700 не дае вам гіперспасылкі. 876 00:38:44,700 --> 00:38:49,150 Ён звязвае ў іншы файл шляхам HREF значэнне якога ў дадзеным выпадку, 877 00:38:49,150 --> 00:38:51,586 з'яўляецца пошук-3.css 878 00:38:51,586 --> 00:38:52,960 Так што я разумею, што мы збіраемся хутка. 879 00:38:52,960 --> 00:38:54,600 Але ўсё, што я раблю гэта свайго роду перамяшчэння рэчы вакол. 880 00:38:54,600 --> 00:38:55,760 Хай мне адкрытую пошуку 3.css. 881 00:38:55,760 --> 00:38:57,114 882 00:38:57,114 --> 00:38:58,530 Там ён не з'яўляецца, нічога сапраўды да яго. 883 00:38:58,530 --> 00:39:02,270 Я проста скапіяваў і ўставіў яго ў новы падаць, гэтак жа, як мы ўлічылі рэчы з 884 00:39:02,270 --> 00:39:03,509 у іншыя файлы перад. 885 00:39:03,509 --> 00:39:05,300 І result-- цалкам underwhelming-- 886 00:39:05,300 --> 00:39:06,730 будзе дакладна тое ж самае. 887 00:39:06,730 --> 00:39:10,490 Але мы рухаемся toward-- не, гэта не так. 888 00:39:10,490 --> 00:39:11,930 О, я ведаю, чаму. 889 00:39:11,930 --> 00:39:13,790 >> Так што, падобна, што гэта памылка. 890 00:39:13,790 --> 00:39:15,010 І гэта ў нейкім сэнсе. 891 00:39:15,010 --> 00:39:17,730 Але дазвольце мне адкрыць сваю ўкладку Сетка. 892 00:39:17,730 --> 00:39:19,660 Дазвольце мне перазагрузіце старонку. 893 00:39:19,660 --> 00:39:23,315 Ах, чаму CSS не ўжываецца? 894 00:39:23,315 --> 00:39:26,920 Добра, файл CSS, аналагічна, мае каб быць даступны ўсім, так бы мовіць. 895 00:39:26,920 --> 00:39:28,440 І гэта таксама ў цяперашні час забаронена. 896 00:39:28,440 --> 00:39:33,760 Такім чынам, дазвольце мне зрабіць CHMOD A + R зоркі кропка CSS-- whoops-- 897 00:39:33,760 --> 00:39:37,067 мы кропка CSS гэта проста Пашырэнне файла для файлаў стыляў. 898 00:39:37,067 --> 00:39:38,900 Цяпер дазвольце мне вярнуцца да мой браўзэр і перазагрузкі. 899 00:39:38,900 --> 00:39:40,910 ОК, трохі лепш. 900 00:39:40,910 --> 00:39:42,282 >> Цяпер зробім адну рэч. 901 00:39:42,282 --> 00:39:42,990 У пошукавай-4.html. 902 00:39:42,990 --> 00:39:44,550 903 00:39:44,550 --> 00:39:48,220 У мяне ёсць версія, што я проста думаў, быў значна строме, хоць і нашмат больш 904 00:39:48,220 --> 00:39:48,980 складаны. 905 00:39:48,980 --> 00:39:50,690 Давайце паглядзім на вынік у першую чаргу. 906 00:39:50,690 --> 00:39:52,290 Зачыніць гэта, каб даць нам больш месца. 907 00:39:52,290 --> 00:39:54,275 Зменіце гэта шукаць-4, Enter. 908 00:39:54,275 --> 00:39:55,430 909 00:39:55,430 --> 00:39:57,200 >> А цяпер ёсьць шмат рэчаў зламаныя. 910 00:39:57,200 --> 00:39:59,910 Я збіраюся вярнуцца у маім каталогу тут. 911 00:39:59,910 --> 00:40:04,190 А цяпер я проста хачу зрабіць CHMOD з A + R на file-- 912 00:40:04,190 --> 00:40:07,450 таму што я ведаю, што гэта exists-- называецца logo.gif, які ёсьць вобраз. 913 00:40:07,450 --> 00:40:08,590 А цяпер перазагрузіць. 914 00:40:08,590 --> 00:40:11,040 І wow-- так што зараз я даволі блізка, шчыра кажучы, 915 00:40:11,040 --> 00:40:15,860 падабацца версію Google 1999, і шчыра кажучы, версія Google 2014, 916 00:40:15,860 --> 00:40:16,360 ці не так? 917 00:40:16,360 --> 00:40:21,920 >> Так што гэта зараз адбываецца на іх сайт, у канчатковым рахунку, калі я шукаю для котак. 918 00:40:21,920 --> 00:40:23,900 І гэта сапраўды так. 919 00:40:23,900 --> 00:40:26,410 Але тое, што я зрабіў па-іншаму ў гэтай версіі 4? 920 00:40:26,410 --> 00:40:28,020 Такім чынам, мы не будзем занадта падрабязна спыняцца на гэтым тут. 921 00:40:28,020 --> 00:40:30,100 Вы ўбачыце гэта ў праблему ўсталяваць сем рэшце рэшт. 922 00:40:30,100 --> 00:40:31,350 Але звярніце ўвагу, я зрабіў некалькі рэчаў. 923 00:40:31,350 --> 00:40:33,690 >> Я ўвёў DIV тэг, які з'яўляецца падраздзяленнем, 924 00:40:33,690 --> 00:40:35,450 блізкія па духу да пункта тэга. 925 00:40:35,450 --> 00:40:38,220 Але падзел, як, вось прастакутная нябачным вобласць 926 00:40:38,220 --> 00:40:39,150 экрана. 927 00:40:39,150 --> 00:40:41,680 Давайце дамо яму унікальны Ідэнтыфікатар, склеп, толькі 928 00:40:41,680 --> 00:40:44,700 так што мы можам казаць пра гэта ў нашым фармаце HTML у іншым месцы. 929 00:40:44,700 --> 00:40:47,952 Вось яшчэ адзін DIV старонкі чый ID збіраецца здавольвацца. 930 00:40:47,952 --> 00:40:49,160 Гэта змест старонкі. 931 00:40:49,160 --> 00:40:51,090 І тут гэта загаловак старонкі. 932 00:40:51,090 --> 00:40:54,960 >> Іншымі словамі, у мяне ёсць па сутнасці ў HTML я разумова 933 00:40:54,960 --> 00:40:57,700 глядзяць гэтую вэб-старонку ў якасці Тры кампаненты, загаловак 934 00:40:57,700 --> 00:41:01,200 тут з гэтай нябачнай прамавугольніка, ўтрыманне ў сярэдзіне, а затым 935 00:41:01,200 --> 00:41:04,800 падвал ўнізе, нават хоць мы не бачым гэтыя рэчы. 936 00:41:04,800 --> 00:41:09,940 Таму што я хачу, каб у маёй галаве старонка тут, або ў файле .css, 937 00:41:09,940 --> 00:41:11,460 Я магу выкарыстоўваць гэты сінтаксіс. 938 00:41:11,460 --> 00:41:13,070 >> Загаловак не з'яўляецца тэг. 939 00:41:13,070 --> 00:41:17,060 Гэта ID так атрымліваецца што, робячы #header, 940 00:41:17,060 --> 00:41:20,840 Цяпер я магу прымяніць адну або некалькі ўласцівасці ў загалоўку. 941 00:41:20,840 --> 00:41:24,130 Я магу зрабіць тое ж самае змест, тое ж самае для ўтрымання тут. 942 00:41:24,130 --> 00:41:27,230 >> Так, напрыклад, у зносцы, паведамлення усе гэтыя ўласцівасці я дадаю. 943 00:41:27,230 --> 00:41:30,660 І я ведаю, што яны існуюць толькі на чытанне на дакументацыі для CSS. 944 00:41:30,660 --> 00:41:33,450 Памер шрыфта будзе smaller-- таму некаторыя адносны памер шрыфта. 945 00:41:33,450 --> 00:41:34,741 Вага збіраецца быць смелым. 946 00:41:34,741 --> 00:41:37,340 Margin-- колькі пікселяў вакол it-- 20 пікселяў. 947 00:41:37,340 --> 00:41:38,590 І гэта будзе па цэнтры. 948 00:41:38,590 --> 00:41:40,256 >> Але цяпер, старонка выглядае наступным чынам. 949 00:41:40,256 --> 00:41:42,840 Калі я не задаволены мая копія тут жа, 950 00:41:42,840 --> 00:41:46,560 Я мог бы зрабіць нешта накшталт чырвонага колеру. 951 00:41:46,560 --> 00:41:50,570 І тады я магу захаваць гэта, перазагрузіце, і цяпер я стылізаваны склеп. 952 00:41:50,570 --> 00:41:54,130 Так што гэта проста намякаючы на ​​ўладу аб тым, што вы можаце зрабіць на вэб-старонцы 953 00:41:54,130 --> 00:41:55,510 каб змяніць ход падзей. 954 00:41:55,510 --> 00:41:59,080 >> І нават строме, чым гэта, калі вы хочаце капацца з фактычнымі сайтаў, 955 00:41:59,080 --> 00:42:00,810 Вы не можаце пастаянна мяняць іх. 956 00:42:00,810 --> 00:42:03,640 Але калі я адкрываю Інспектар Chrome зноў 957 00:42:03,640 --> 00:42:07,610 і я іду ня да левай баку Тут, які паказвае HTML на Facebook, 958 00:42:07,610 --> 00:42:11,380 але паказвае на правай бок усё яго CSS, 959 00:42:11,380 --> 00:42:13,789 Вы можаце і змяніць становішча рэчаў на лета. 960 00:42:13,789 --> 00:42:15,080 Такім чынам, дазвольце мне ісці наперад і рабіць гэта. 961 00:42:15,080 --> 00:42:18,670 >> Дазвольце мне ісці наперад і кіравання націсніце на гэтую выпадковага слова тут, 962 00:42:18,670 --> 00:42:21,230 падпісаць і націсніце Агледзіце элемент. 963 00:42:21,230 --> 00:42:25,130 Chrome вельмі зручна пераходзіць да h1 тэг, Facebook выкарыстоўвае. 964 00:42:25,130 --> 00:42:27,290 І заўважце, тут Facebook мае выгляд ляніва 965 00:42:27,290 --> 00:42:29,960 жорстка памер шрыфта ў уласнасці тут. 966 00:42:29,960 --> 00:42:33,530 >> Так выдатна, што хоць што калі я на самой справе ісці сюды 967 00:42:33,530 --> 00:42:39,560 і кажуць, о, Facebook, я не люблю, што 64 пікселяў, мы можам зараз змяніць Facebook. 968 00:42:39,560 --> 00:42:42,590 Вядома, мы толькі змяняючы яго асабіста для мяне на дадзены момант. 969 00:42:42,590 --> 00:42:45,150 Але гэта ўсяго толькі яшчэ інструмент у нашым наборы інструментаў 970 00:42:45,150 --> 00:42:48,360 што адбываецца, каб дазволіць нам наладзіць і высветліць, а таксама дыягнаставаць 971 00:42:48,360 --> 00:42:49,729 пытанні ў нашых уласных вэб-старонак. 972 00:42:49,729 --> 00:42:52,270 І мы маглі б гэтак жа перайсці тут, што тое ж самае, што. 973 00:42:52,270 --> 00:42:55,830 Калі вы сапраўды жадаеце атрымаць фантазіі, я значыць, зараз вы можаце сапраўды мутаваць старонку 974 00:42:55,830 --> 00:42:57,380 і рабіць вар'яты рэчы. 975 00:42:57,380 --> 00:42:59,870 >> Так чаму ўсё гэта карысна? 976 00:42:59,870 --> 00:43:02,330 Ну, у рэшце рэшт, мы захоча быць 977 00:43:02,330 --> 00:43:07,110 магчымасць ствараць вэб-старонкі, што рухае нашымі задніх рэшт, 978 00:43:07,110 --> 00:43:10,520 не толькі Google і аўтсорсінг задні канец там. 979 00:43:10,520 --> 00:43:13,510 Мы на самай справе хочам значэнне, напрыклад, 980 00:43:13,510 --> 00:43:18,830 дзеянні нашай пошукавай сістэмы атрыбутаў ісці не да каго-небудзь яшчэ, 981 00:43:18,830 --> 00:43:24,270 але нешта накшталт search.php, дзе search.php на нашай уласнай сэрвэры, 982 00:43:24,270 --> 00:43:25,670 няма на каго-то іншага. 983 00:43:25,670 --> 00:43:30,316 >> І так, каб патрапіць туды, мы на самай справе трэба ўвесці новы мову. 984 00:43:30,316 --> 00:43:33,190 Такім чынам, мы ўжо глядзелі на адзін новы Мова тут, ці два сапраўды, HTML 985 00:43:33,190 --> 00:43:33,700 і CSS. 986 00:43:33,700 --> 00:43:36,330 Але яны на самай справе проста структурныя і эстэтычныя мовы. 987 00:43:36,330 --> 00:43:38,360 Яны не праграмаванне мовы як такія. 988 00:43:38,360 --> 00:43:41,160 А вось пра тое, як шмат фармальнага Час, як мы будзем марнаваць на іх. 989 00:43:41,160 --> 00:43:44,910 Таму што мы пачнем цяпер да пераходу на PHP. 990 00:43:44,910 --> 00:43:48,160 >> Так PHP з'яўляецца актуальнай Мова праграмавання. 991 00:43:48,160 --> 00:43:50,750 Гэта мова сцэнарыяў у сэнсе, што гэта 992 00:43:50,750 --> 00:43:52,855 значыць быць лёгкі вага чымсьці накшталт C, 993 00:43:52,855 --> 00:43:56,082 І гэта інтэрпрэтаваная мова, што азначае, што гэта не складзены. 994 00:43:56,082 --> 00:43:58,790 Такім чынам, у двух словах, што гэта значыла калі мы выкарыстоўвалі мову, як з 995 00:43:58,790 --> 00:44:00,290 і мы павінны былі сабраць яго? 996 00:44:00,290 --> 00:44:02,120 Што гэта значыць для кампіляцыі C зыходны код? 997 00:44:02,120 --> 00:44:03,864 998 00:44:03,864 --> 00:44:04,780 АЎДЫТОРЫЯ: [неразборліва]. 999 00:44:04,780 --> 00:44:06,184 DAVID J Малання: Скажы гэта яшчэ раз? 1000 00:44:06,184 --> 00:44:07,100 АЎДЫТОРЫЯ: [неразборліва]. 1001 00:44:07,100 --> 00:44:07,962 1002 00:44:07,962 --> 00:44:08,920 DAVID J Малання: Выдатна. 1003 00:44:08,920 --> 00:44:10,180 Гэта ператварае яго ў двайковым выглядзе. 1004 00:44:10,180 --> 00:44:14,200 Гэта ператварае яго ў нулёў і адзінак ад фактычнага англійская-як зыходны код. 1005 00:44:14,200 --> 00:44:16,424 І тады мы можам на самай справе запусціць гэтыя нулі і адзінкі 1006 00:44:16,424 --> 00:44:18,840 прапускаючы іх праз CPU, двойчы пстрыкнуўшы значок 1007 00:44:18,840 --> 00:44:19,980 або выканання каманды. 1008 00:44:19,980 --> 00:44:23,770 >> PHP і Python і Рубі і Perl і JavaScript 1009 00:44:23,770 --> 00:44:26,250 і гронкі сябра мовы інтэрпрэтуюцца 1010 00:44:26,250 --> 00:44:29,290 мовы, якія ёсць Вы не кампіляваць іх. 1011 00:44:29,290 --> 00:44:34,220 Хутчэй, вы корміце іх у якасці ўкладу ў Праграма называецца перакладчыка. 1012 00:44:34,220 --> 00:44:36,640 І што перакладчык, якія нехта напісаў, 1013 00:44:36,640 --> 00:44:40,930 счытвае зыходны код зверху ўніз, злева направа і толькі інтэрпрэтуе 1014 00:44:40,930 --> 00:44:43,000 гэтыя лініі і робіць тое, што вы кажаце. 1015 00:44:43,000 --> 00:44:45,360 >> Так што, калі вы сутыкнуліся з лінія, якая кажа друк, 1016 00:44:45,360 --> 00:44:48,660 гэта не абавязкова канвертаваць друк да адпаведных нулёў і адзінак. 1017 00:44:48,660 --> 00:44:51,910 Гэта проста ёсць гэты перакладчыка як вялікі, калі ўмова, што кажа, 1018 00:44:51,910 --> 00:44:56,110 калі інструкцыя праграміста з'яўляецца друк, то зрабіце наступнае. 1019 00:44:56,110 --> 00:44:58,170 Так ён інтэрпрэтуе яго як раз па выглядзе развагі 1020 00:44:58,170 --> 00:44:59,800 праз тое, што ты кажаш гэта зрабіць. 1021 00:44:59,800 --> 00:45:01,320 >> І PHP з'яўляецца адным з гэтых моў. 1022 00:45:01,320 --> 00:45:05,310 І PHP гадоў таму быў распрацаваны менавіта для вэб-праграмавання. 1023 00:45:05,310 --> 00:45:08,160 І гэта было першапачаткова вельмі неахайна брудны мову. 1024 00:45:08,160 --> 00:45:10,940 І на самай справе, ёсць вялікі Колькасць дрэнны код PHP там. 1025 00:45:10,940 --> 00:45:13,520 Але сам мову паспеў на працягу многіх гадоў, 1026 00:45:13,520 --> 00:45:16,200 так што цяпер гэта на самай справе выдатны наступны крок 1027 00:45:16,200 --> 00:45:19,970 педагагічна ад C, таму што гэта так па-чартоўску знаёма ўсім 1028 00:45:19,970 --> 00:45:22,380 вы толькі што бачылі ў апошнія некалькі тыдняў. 1029 00:45:22,380 --> 00:45:25,724 >> Той пачатковая рознасць мы ўбачым гэта няма асноўная функцыя больш. 1030 00:45:25,724 --> 00:45:28,890 Калі вы пачнеце пісаць код, гэта проста адбываецца не атрымаць выканана ні на што, 1031 00:45:28,890 --> 00:45:30,220 як мы ўбачым крыху пазней. 1032 00:45:30,220 --> 00:45:33,320 Між тым, вось што Пераменная выглядае ў PHP. 1033 00:45:33,320 --> 00:45:35,840 Гэта крыху розныя, але толькі ледзь-ледзь. 1034 00:45:35,840 --> 00:45:39,380 >> У PHP, значыць не строгая тыпізацыя. 1035 00:45:39,380 --> 00:45:41,430 Там у тыдзень набраўшы, які проста азначае, што 1036 00:45:41,430 --> 00:45:44,030 тыпы дадзеных, такія як радкі і нумары і іншыя рэчы. 1037 00:45:44,030 --> 00:45:47,030 Але вы не турбуйцеся паказаўшы што яны больш. 1038 00:45:47,030 --> 00:45:48,980 PHP лічбы гэта для вас. 1039 00:45:48,980 --> 00:45:52,030 Знак даляра з'яўляецца толькі рашэнне што PHP людзі зрабілі гадоў 1040 00:45:52,030 --> 00:45:54,890 назад такім чынам, каб любая пераменная у PHP проста пачынае са знакам даляра. 1041 00:45:54,890 --> 00:45:58,130 Гэта на самай справе свайго роду карысныя тым, што ён скача на вас трохі больш. 1042 00:45:58,130 --> 00:46:01,315 >> Але пасля гэтага, гэта гэта стан, пры PHP. 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 Што змянілася ў параўнанні з C? 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 ня Trick question-- нічога, які на самай справе вельмі прыемна. 1047 00:46:09,600 --> 00:46:12,140 Лагічныя выразы ў PHP-- ж. 1048 00:46:12,140 --> 00:46:19,354 Лагічныя выразы з і супраць ці, перамыкачы, завесы, завесы, loops-- ОК, 1049 00:46:19,354 --> 00:46:20,270 гэты адрозніваецца. 1050 00:46:20,270 --> 00:46:22,660 >> Вось і атрымліваецца, што ёсць Некалькі іншых функцый у PHP. 1051 00:46:22,660 --> 00:46:25,243 Адзін з іх на самой справе гэта, які цудоўна зручна. 1052 00:46:25,243 --> 00:46:29,250 Калі $ лікаў з'яўляецца масівам, што вы заявіў раней у праграме, 1053 00:46:29,250 --> 00:46:33,350 ў вас ёсць гэтая фантазія для кожнай канструкцыі што замест таго, каб рабіць усё, што 1054 00:46:33,350 --> 00:46:37,020 раздражняе Я роўны 0, я гэта менш, чым гэта, [? Я ++?], 1055 00:46:37,020 --> 00:46:40,320 для кожнага колькасці як колькасці, дзе кожны гэтых каштоўнасцяў знак даляра толькі 1056 00:46:40,320 --> 00:46:42,790 зменная, а другі Вы можаце думаць, як І. 1057 00:46:42,790 --> 00:46:44,290 Вы маглі б назваць гэта ўсё, што вы хочаце. 1058 00:46:44,290 --> 00:46:45,770 Я назваў яго нумар. 1059 00:46:45,770 --> 00:46:48,825 Гэта будзе перабраць масіў называецца лік. 1060 00:46:48,825 --> 00:46:51,200 І на кожнай ітэрацыі, гэта адбываецца аўтаматычнае абнаўленне 1061 00:46:51,200 --> 00:46:54,340 для вас лік знак даляра Зменная, так што вы ўвесь час 1062 00:46:54,340 --> 00:46:58,210 мець доступ да зменнай, якую без неабходнасці рабіць якія-небудзь квадратная дужка 1063 00:46:58,210 --> 00:47:00,980 абазначэння або індэксацыі ў масіве. 1064 00:47:00,980 --> 00:47:04,950 >> Акрамя таго, у нас нават ёсць такія рэчы, як масівы, якія выглядаюць амаль гэтак жа ,, 1065 00:47:04,950 --> 00:47:08,210 за выключэннем таго, вельмі часта, як мы будзем см, і ў PHP і JavaScript 1066 00:47:08,210 --> 00:47:10,750 папярэдне ініцыялізаваць масіў выкарыстоўваючы квадратныя дужкі. 1067 00:47:10,750 --> 00:47:12,040 З выкарыстоўвае фігурныя дужкі. 1068 00:47:12,040 --> 00:47:15,330 Так што гэта крыху адрозніваецца, хоць мы сапраўды не выкарыстоўваць гэтую выкрут шмат. 1069 00:47:15,330 --> 00:47:20,090 >> Але яшчэ больш магутна, PHP мае асацыятыўныя масівы, 1070 00:47:20,090 --> 00:47:23,100 які з'яўляецца мудрагелістым спосабам сказаць хэш-табліцы. 1071 00:47:23,100 --> 00:47:31,610 На самай справе, калі вы хочаце аб'явіць хэш Табліца ў PHP, у адрозненне ад C-- колькі 1072 00:47:31,610 --> 00:47:34,775 радкоў кода сышло на на самай справе рэалізаваць хэш-табліцу ў C? 1073 00:47:34,775 --> 00:47:38,310 Ці колькі радкоў кода з'яўляецца яго прымаючы да рэалізацыі хэш-табліцу ў C? 1074 00:47:38,310 --> 00:47:39,820 Так што гэта, верагодна, шмат, ці не так? 1075 00:47:39,820 --> 00:47:41,680 Гэта некалькі дзясяткаў, можа быць, 100 або 200. 1076 00:47:41,680 --> 00:47:42,980 Гэта нетрывіяльная. 1077 00:47:42,980 --> 00:47:45,420 Ці ён збіраецца быць, як Вы хутка ўбачыце, нетрывіяльна 1078 00:47:45,420 --> 00:47:48,080 для рэалізацыі хэш-табліцу [Неразборліва], а таксама паспрабаваць. 1079 00:47:48,080 --> 00:47:50,580 Але ў PHP-- і, шчыра кажучы, я верагодна, не павінен сказаць вам гэта 1080 00:47:50,580 --> 00:47:53,630 да Monday-- ў PHP, калі вы хочаце стол, зрабіць. 1081 00:47:53,630 --> 00:47:56,431 Гэта хэш table-- так з аднаго радка кода. 1082 00:47:56,431 --> 00:47:56,930 І 1083 00:47:56,930 --> 00:47:58,810 >> Шмат моў зрабіць. 1084 00:47:58,810 --> 00:48:00,190 Удачы з PSET пяць. 1085 00:48:00,190 --> 00:48:01,980 Так шмат моў гэтага. 1086 00:48:01,980 --> 00:48:03,050 1087 00:48:03,050 --> 00:48:06,140 Яны даюць вам гэтыя абстракцыі што іншыя людзі, іншымі праграмістамі, 1088 00:48:06,140 --> 00:48:09,870 стварылі для Вас, так што Вы можаце стаяць на сваіх плячах 1089 00:48:09,870 --> 00:48:13,290 і пачаць выкарыстоўваць ідэі, якія супер пераканаўчым, як хэш-табліцы і дрэвы 1090 00:48:13,290 --> 00:48:14,140 і спрабуе. 1091 00:48:14,140 --> 00:48:17,790 Але вы не абавязкова павінны ажыццяўляць гэтыя рэчы самастойна. 1092 00:48:17,790 --> 00:48:20,850 >> І так, у канчатковым рахунку, тое, што мы збіраемся выкарыстаць PHP для 1093 00:48:20,850 --> 00:48:23,580 патэнцыйна напісанні праграм з так званай каманднага радка. 1094 00:48:23,580 --> 00:48:26,600 Мы маглі б узнавіць кожную праграму мы напісалі ў гэтым семестры да гэтага часу, 1095 00:48:26,600 --> 00:48:30,410 акрамя, можа быць, Breakout, якая выкарыстоўвае SPL, якая спецыфічная для C на дадзены момант. 1096 00:48:30,410 --> 00:48:33,100 Але кожны Іншая праблема ўсталяваць, вядома Марыё і Цэзар 1097 00:48:33,100 --> 00:48:35,300 і Vigenere і [? Crack?] І далей, мы 1098 00:48:35,300 --> 00:48:39,520 можа паўторна рэалізаваць у PHP, і верагодна, крыху лягчэй. 1099 00:48:39,520 --> 00:48:43,050 >> Але што мы ў канчатковым выніку збіраецца выкарыстоўваць PHP для гэта вэб-праграмаванне. 1100 00:48:43,050 --> 00:48:46,420 І мы збіраемся ўвесці ў наступным тыдзень ментальная мадэль, парадыгма называецца 1101 00:48:46,420 --> 00:48:49,610 MVC, выгляд мадэлі кантролера, якія, калі вы зрабілі праграмавання 1102 00:48:49,610 --> 00:48:51,610 да гэтага ў Python або Рубі або ў іншым месцы, вы 1103 00:48:51,610 --> 00:48:54,112 можа ведаеце гэтай каманды з Рэйкі і Django і да таго падобнае. 1104 00:48:54,112 --> 00:48:55,820 Але калі вы пачатковец у гэта занадта, вы ўбачыце 1105 00:48:55,820 --> 00:48:59,652 што гэта на самай справе вельмі натуральна пашырэнне факторизации 1106 00:48:59,652 --> 00:49:01,360 і накшталт дызайну кода, які мы 1107 00:49:01,360 --> 00:49:04,670 рабіў у С. Мы збіраемся зараз ўжываць некаторыя з гэтых урокаў у PHP 1108 00:49:04,670 --> 00:49:07,190 так, каб, у канчатковым рахунку, мы рэалізацыі нашых уласных вэб-сайтаў. 1109 00:49:07,190 --> 00:49:09,080 І калі вы роду загіпнатызаваныя або здзіўлены 1110 00:49:09,080 --> 00:49:10,954 што мы збіраемся зрабіць, ўсё так хутка, 1111 00:49:10,954 --> 00:49:13,410 разумею, што амаль кожны семестр, амаль 90% 1112 00:49:13,410 --> 00:49:16,560 студэнтаў CS50, у тым ліку якія ніколі не праграмавалі, 1113 00:49:16,560 --> 00:49:20,329 у канчатковым выніку зрабіць канчатковыя праекты, заснаваныя на вэб-праграмавання. 1114 00:49:20,329 --> 00:49:23,120 І такім чынам, вы ўбачыце, што вяртаецца высокія ў бліжэйшыя тыдні. 1115 00:49:23,120 --> 00:49:24,965 Такім чынам, мы будзем бачыць вас тады ў панядзелак. 1116 00:49:24,965 --> 00:49:27,260 1117 00:49:27,260 --> 00:49:30,120 >> СПІКЕР 1: А зараз, Deep Думкі па Daven Фарнэме. 1118 00:49:30,120 --> 00:49:34,055 1119 00:49:34,055 --> 00:49:34,780 Хэш-табліцы. 1120 00:49:34,780 --> 00:49:37,180 1121 00:49:37,180 --> 00:49:38,402 >> [Смех] 1122 00:49:38,402 --> 00:49:38,902