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 Давид Ј Малан: У реду, добродошао назад. 5 00:00:12,580 --> 00:00:13,600 Ово је ЦС50. 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 Након опоравка све оне ЈПЕГ-ови особља, 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 ухватили овде у-- изгледа као-- Анненберг Сала у радног времена, овдје 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 То је било на ЦС50 ручак. 18 00:00:43,870 --> 00:00:46,840 То је био Џејсон Скипинг са креативнији школски друг, 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 >> Давид Ј Малан: Али то вреди гигабајта. 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 И Замила чак је пронађен у дворану такмичењу. 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 >> Неколико анноунцементс-- тако ручак је, опет, овај петак у 1:15 ПМ. 36 00:01:26,860 --> 00:01:30,420 Ако желите да нам се придружите, РСВП на тој УРЛ овде. 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 осам, ако сте радознали, у ЦС50.тв, мислим 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 воле да поделе бундеву са Давен и Гејб и други, РСВП на главама 47 00:02:02,720 --> 00:02:04,480 на цс50.харвард.еду адресу. 48 00:02:04,480 --> 00:02:06,200 Он обећава да ће бити веома забавно. 49 00:02:06,200 --> 00:02:08,660 Давен, речено нам је, није уклесан Пумпкинс целог живота. 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 >> Семинари, меанвхиле-- тако да ускоро научити 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 >> На пример, прво, ако желите да се региструју, главу тој УРЛ тамо. 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 су повезани у менију Семинари Опција сајту курса је. 66 00:02:59,774 --> 00:03:02,190 Дакле, ако размишљате о иде изван своје зоне удобности 67 00:03:02,190 --> 00:03:05,060 или покупити неке нове вештине, на пример, програмирање иПхоне 68 00:03:05,060 --> 00:03:08,100 Аппс са Свифт, нови језик од Аппле или Објецтиве-Ц 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 >> Тако смо почели и закључен Понедељак са лоокинг ат ХТТП. 72 00:03:19,730 --> 00:03:22,675 Тако брзо рефресхер-- ХТТП, ХиперТект Трансфер Протоцол. 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 Али ти желиш да предложи шта је ХТТП? 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 Давид Ј Малан: Пропустио сам последњи део. 85 00:03:43,100 --> 00:03:45,774 Како компјутери комуницирају са-- 86 00:03:45,774 --> 00:03:47,325 >> ПУБЛИКА: Интернет сервери. 87 00:03:47,325 --> 00:03:50,450 Давид Ј Малан: зликовца-- са Интернетом сервера, и посебно, веб сервера. 88 00:03:50,450 --> 00:03:53,533 Јер опозива, постоји гомила услугама на Интернету, од којих су неке 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 ХТТП је само протокол који веб прегледачи 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 >> ПУБЛИКА: Ваша ИП адреса. 110 00:04:43,270 --> 00:04:45,890 >> Давид Ј Малан: Моја ИП адреса У Из терену, да тако кажем, 111 00:04:45,890 --> 00:04:49,490 и наравно, ИП-адреса примаоца. 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 Дакле, шта још требамо Поред ИП примаоца? 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 >> ПУБЛИКА: Да ли је ТЦП? 120 00:05:04,241 --> 00:05:05,074 Давид Ј Малан: Добро. 121 00:05:05,074 --> 00:05:06,470 ТЦП-- 122 00:05:06,470 --> 00:05:07,340 >> ПУБЛИКА: Адреса. 123 00:05:07,340 --> 00:05:09,340 >> Давид Ј Малан: Адреса, или порт, како се зове. 124 00:05:09,340 --> 00:05:11,010 Затвори, али ТЦП порта број. 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 која се користи за сигурну веб саобраћај, УРЛ који почиње са хттпс. 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 Тип веб странице ће се бе текст, али прецизније, ХТМЛ, 138 00:05:45,510 --> 00:05:47,010 које ћемо да зароните назад у. 139 00:05:47,010 --> 00:05:49,877 А Дот Дот Дот само значи, овде је ХТМЛ. 140 00:05:49,877 --> 00:05:51,710 И ту смо покупи причу данас, 141 00:05:51,710 --> 00:05:55,740 заправо писање ХТМЛ, ХиперТект Маркуп Лангуаге, који 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 респективно, ХТМЛ елемента, како ћемо га назвати, назвао главом. 157 00:06:37,660 --> 00:06:41,760 А исто важи и жаргон да тело у ХТМЛ и тако даље. 158 00:06:41,760 --> 00:06:43,970 >> А шта је лепо је ХТМЛ-- и заиста, ми ћемо 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 да солве-- видећете да Бровсер је прилично глупо. 162 00:06:52,820 --> 00:06:56,450 Управо ће урадиш-- не разликује цомпутер-- шта то кажем. 163 00:06:56,450 --> 00:06:59,279 И тако, када имате отворен носач ХТМЛ-у самом врху 164 00:06:59,279 --> 00:07:01,320 Ето, то у суштини само значи, хеј, браузер, 165 00:07:01,320 --> 00:07:04,090 Овде долази веб страница написан у ХТМЛ. 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 скоро можете мислити отвореног конзоле ХТМЛ затворена заграда таг обиљезавање 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 >> И заиста, имамо на овде шта ћемо назвати ДОМ, Д-О-м, документ 195 00:08:27,630 --> 00:08:31,680 Објецт Модел, фенси начин да се каже дрво које представља тај ХТМЛ. 196 00:08:31,680 --> 00:08:36,140 И приметите да ХТМЛ има, ми ћемо рећи, као породично стабло, двоје деце. 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 Дакле, само један, титле-- и зато имамо 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 >> Подсетимо се да је имала ХТМЛ Здраво, зарез, свет испод њега. 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 отворена конзола знак узвика Доц тип ХТМЛ, ово изгледа као таг, 217 00:09:32,080 --> 00:09:35,560 али је глупо угао случај када да је само ту, копирати и преносити 218 00:09:35,560 --> 00:09:38,460 да укаже на прегледаче Ово је ХТМЛ верзија 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 >> Давид Ј Малан: У реду, а сада је пусти ствари Диве 226 00:09:54,210 --> 00:09:55,710 да раде нешто са овим. 227 00:09:55,710 --> 00:09:58,610 Ви се сећате да последњи пут Отворио сам је ЦС50 Апплианце 228 00:09:58,610 --> 00:10:01,650 и ја урадио нешто као једноставно отвара гедит. 229 00:10:01,650 --> 00:10:05,190 И спасио фајл чак и на Мој десктоп-- нигде специал-- 230 00:10:05,190 --> 00:10:05,870 као хелло.хтмл. 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> Дакле, дозволите ми да то Поново: хелло.хтмл Ентер. 233 00:10:10,984 --> 00:10:13,900 И сада у овом фајлу, ја ћу само напред и понове оно што смо управо 234 00:10:13,900 --> 00:10:18,850 сав-- Доц типа ХТМЛ Онда ћу урадите отворена конзола хтмл затворена држач. 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 >> Давид Ј Малан: глава. 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 И онда овде, тело, на цоурсе-- онда затворити тело ознаку. 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 Али заиста, ако се смањи гедит, Видећу на десктопу његову икону. 251 00:10:55,837 --> 00:10:58,420 Иако је ово апарат, можете да урадите ово на Мац ОС 252 00:10:58,420 --> 00:11:01,580 без ТектЕдит или Прозори са Бележница чак. 253 00:11:01,580 --> 00:11:06,115 >> И ако одем напред и дупли клик да чак и Селецт-- добро, хајдемо 254 00:11:06,115 --> 00:11:07,990 Не бирајте опцију јер Цхроме не отвара. 255 00:11:07,990 --> 00:11:09,281 Идемо напред и отвори Цхроме. 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 А онда Цомманд-О за отворене И идите на мој десктоп 258 00:11:14,040 --> 00:11:15,320 и отворити тај фајл. 259 00:11:15,320 --> 00:11:20,120 Тако је браузер тумачи ХТМЛ, од врха до дна, с лева на десно. 260 00:11:20,120 --> 00:11:21,314 Хеј, ево Бровсер ХТМЛ. 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 >> Али приметите УРЛ. 266 00:11:27,800 --> 00:11:32,430 Нико од вас могао попети овом конкретном страницу на лаптоповима сада, 267 00:11:32,430 --> 00:11:34,910 чак унутар ваше апарат преко тог УРЛ, 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 И испоставило се да је ЦС50 Апплианце је више него само окружење у којем 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 софтвер, на пример, нешто зове Апацхе, који је можда 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 А такође и има софтвер као МиСКЛ, 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 И ја ћу да наставим и мове-- ствари, прво сам 289 00:12:33,030 --> 00:12:34,860 ће да бисте дошли до моје десктоп. 290 00:12:34,860 --> 00:12:36,400 Ако урадим лс, има хелло.хтмл. 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 >> хелло.хтмл-- Идем да се креће да ../вхостс за виртуелни хостс-- 295 00:12:46,840 --> 00:12:50,940 више о томе у футуре-- а потом у директоријум зове лоцалхост, 296 00:12:50,940 --> 00:12:54,420 што је надимак дат скоро било ког рачунара, било да је Мац, ПЦ, 297 00:12:54,420 --> 00:12:57,560 или Линук рачунара, а затим посебно у директоријум који смо, 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 тако да могу да видим шта је то догађа и типа ЛС. 305 00:13:15,490 --> 00:13:17,630 И заиста, то је Једино тамо. 306 00:13:17,630 --> 00:13:23,250 Сада, јер сам ставио ту тврдњу филе хелло.хтмл унутар директоријума 307 00:13:23,250 --> 00:13:26,940 позвао јавна унутар директоријума зове лоцалхост унутар директоријума 308 00:13:26,940 --> 00:13:29,810 називају вхостс, који Захваљујући ЦС50 особљу 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 Ја ћу користити стварни хттп / лоцалхост, који 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 хелло.хтмл. 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 Али мислим о лоцалхост као као Фацебоок.цом гоогле.цом, како год. 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 или корен веб сервера, ерго је подељено, а затим 328 00:14:17,729 --> 00:14:18,770 име датотеке хелло.хтмл. 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 Али шта се дешава у основи Сада је то ХТТП се користи. 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 То је јединствена адреса ваше ЦС50 Апплианце. 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 али Мац ОС-- Идем да се вратим овамо. 349 00:15:04,340 --> 00:15:05,930 Ово је мој Мац сада. 350 00:15:05,930 --> 00:15:08,460 А сада ћу да отворим Ова верзија Цхроме овде. 351 00:15:08,460 --> 00:15:17,370 И ја ћу да идем на хттп: //172.16.25 / И заборавим рест-- 133. 352 00:15:17,370 --> 00:15:25,210 >> Па идем у посету из мог Мац да ИП адреса /хелло.хтмл Ентер. 353 00:15:25,210 --> 00:15:29,850 И сад ја видим из мог Мац да моје ЦС50 Апплианце, ко је 354 00:15:29,850 --> 00:15:32,600 ИП адреса је то број, заиста понаша 355 00:15:32,600 --> 00:15:34,320 као веб сервера на Интернету. 356 00:15:34,320 --> 00:15:36,944 Он нема лепо лако запамти имена попут Фацебоок.цом, 357 00:15:36,944 --> 00:15:40,370 али користећи ХТТП Очигледно, иако Цхроме 358 00:15:40,370 --> 00:15:43,560 је врста поједностављење свет за нас, али нас не показује ХТТП. 359 00:15:43,560 --> 00:15:46,210 Али ово је заиста управо то. 360 00:15:46,210 --> 00:15:48,470 Цхроме је само штеди мало кеистрокес ових дана. 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 Дакле, да се вратимо на гедит. 366 00:15:57,910 --> 00:16:00,580 И уместо да здраво, свет, хајде да стави слику. 367 00:16:00,580 --> 00:16:05,880 И ја тврдио од пре-- лет ме го у мој лоцалхост Јавна. 368 00:16:05,880 --> 00:16:10,580 И пусти ме да одем напред и копирање гомила фајлова од данас 369 00:16:10,580 --> 00:16:15,633 из мог Дропбок фолдера у овде. 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 >> Сада када куцам лс, гледај на свим тим фајловима 372 00:16:21,680 --> 00:16:24,940 да сам дистрибуира сајт Цоурсе у унапред данас, 373 00:16:24,940 --> 00:16:26,830 од којих је још увек хелло.хтмл. 374 00:16:26,830 --> 00:16:27,830 Тако да је то један. 375 00:16:27,830 --> 00:16:30,730 А сећате овог блесави један од последњег времена-- готово цат.јпг. 376 00:16:30,730 --> 00:16:34,550 Дозволите ми да уградите цат.јпг унутар моје веб странице. 377 00:16:34,550 --> 00:16:37,690 >> Ја ћу ићи напред и да ли цат.јпг, спаси. 378 00:16:37,690 --> 00:16:38,950 Дозволите ми да се вратим на Цхроме. 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 Стандби-- Још увек имам стари Верзија из мог десктоп Опен. 384 00:16:51,520 --> 00:16:56,020 Дакле, дозволите ми да одем у моју вхост, Ми лоцалхост, мој јавни и хелло.хтмл. 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 Дакле, сада пусти ме само напред и кажу цат.јпг унутар тела 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 Тако се сећате да је постојао други Таг, слике, имг скраћено. 392 00:17:15,134 --> 00:17:17,550 То је само зато што људи не као тип пуне речи. 393 00:17:17,550 --> 00:17:19,050 А онда можемо да урадимо извор = "цат.јпг". 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 Када имате ознаку да се оба почети и завршити на истом времена-- готово 402 00:17:40,310 --> 00:17:43,790 може да буде празан, тако да само спеак-- стави подељено унутар тага 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 >> Давид Ј Малан: не имају приступ слици. 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 Подсетимо се од прошлог пута, ако у Цхроме, у уређају, 420 00:18:09,390 --> 00:18:11,870 или чак на вашем Мац или ПЦ, одете на мени Девелопер 421 00:18:11,870 --> 00:18:14,650 и идите на програмера Тоолс опција, што је вероватно немаш 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 хајде да ствари погледамо ХТТП захтеви који се чине. 425 00:18:24,110 --> 00:18:28,400 >> Изгледа као да је хелло.хтмл заиста добро, па 200. 426 00:18:28,400 --> 00:18:30,630 Али цат.јпг је 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 И дозволите ми да урадимо лс. 434 00:18:44,750 --> 00:18:46,430 Има те исте датотеке. 435 00:18:46,430 --> 00:18:49,410 >> Сада ћемо ми учинити лс-л, који вероватно си 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 Ево хелло.хтмл у ово ред овде и овде је цат.јпг. 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 И то је само апарат је усер фриендли истицањем ЈПЕГ је 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 Давид Ј Малан: Да, ту је више два Р овамо. 447 00:19:16,920 --> 00:19:20,170 Приметите шта је хелло.хтмл дешава. 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 >> И заиста, као што ћете видети у проблему сет седам, то је оно што зао ових 'с. 458 00:19:49,780 --> 00:19:53,160 Ове два Р Меан нека сви другде у свету и да прочитам, 459 00:19:53,160 --> 00:19:55,300 Посебно сада када то је у овом директоријуму. 460 00:19:55,300 --> 00:19:59,620 Дакле, најједноставнији начин да се поправи ово је идите на мој одзив и да за промену цхмод 461 00:19:59,620 --> 00:20:05,580 мод и онда А + Р, потпуно, сви, сви, плус р за читање, 462 00:20:05,580 --> 00:20:07,944 а затим цат.јпг Ентер. 463 00:20:07,944 --> 00:20:10,360 Изгледа да ништа догодити, који обично значи добра ствар. 464 00:20:10,360 --> 00:20:13,850 Дакле, ЛС-Л Поново: сад Погледајмо цат.јпг. 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 Управо сам твој-- Не знам-- есеј јавно доступни случајно, 468 00:20:23,210 --> 00:20:25,480 можете да урадите супротно, цхмод А-Р. 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 И ја ћу да кликнете мали Гхостбустерс 475 00:20:34,820 --> 00:20:38,030 симбол јасно да део Екран тако да можемо да видимо нове захтеве. 476 00:20:38,030 --> 00:20:40,630 И заиста, ту је Грумп Кат од раније. 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 за сидра хреф за Хипер Референце екуалс-- 489 00:21:12,890 --> 00:21:17,440 и нека само урадимо нешто као ввв.гоогле.цом цлосе 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 То је име за сидро хреф или Хипер референца. 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 И ово својство, хреф, средства изменити понашање ове сидро 500 00:21:45,400 --> 00:21:48,430 тако да када се кликне, иде на ову УРЛ адресу овде. 501 00:21:48,430 --> 00:21:50,330 И наравно, да је УРЛ адреса је Гоогле. 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 Још увек сам у хелло.хтмл. 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 Али, ако сам лебди изнад тамо-- и то је мало мала, 512 00:22:10,910 --> 00:22:13,576 али- можете видети у дну левом углу екрана, 513 00:22:13,576 --> 00:22:15,242 то заиста иде на гоогле.цом. 514 00:22:15,242 --> 00:22:19,280 А ако кликнем да, хоће умутити ме пут до стварног Гоогле. 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 можете да урадите нешто слично ово-- хттп://ввв.гоогле.цом. 519 00:22:34,722 --> 00:22:37,134 У реду, а сада да сам релоад након снимања ту страницу, 520 00:22:37,134 --> 00:22:38,800 Изгледа као да идем на Гоогле. 521 00:22:38,800 --> 00:22:40,966 Али нема разлога да Морам да идем на Гоогле, зар не? 522 00:22:40,966 --> 00:22:47,460 Ја стварно могу да идем у тако нешто бадгуи.цом, поново страницу овде. 523 00:22:47,460 --> 00:22:49,750 И обавештење, још увек изгледа као Гоогле. 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 један из Паипал, или наизглед од ПаиПал 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 Ако знате да имате стварни новац у банци или Паипал 532 00:23:10,380 --> 00:23:14,250 Америке или Фиделити или било Вебсите, ручно га укуцајте. 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 Да ли је неко водио људи да-- тако да могу рећи, 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 ово изгледа као банкофтхевест.цом, Не банкофтхеввест.цом, 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 >> И видећете најбоље урадио-- заиста можемо да урадимо ово-- ако одем у стварном сајту, 551 00:24:05,540 --> 00:24:10,335 банкофтхевест.цом, опет, Подсетимо од прошлог пута 552 00:24:10,335 --> 00:24:13,210 да ако је то њихова веб страница и сте радознали како то ради, 553 00:24:13,210 --> 00:24:15,610 сигурно да одете на Цхроме је Девелопер Тоолс. 554 00:24:15,610 --> 00:24:18,890 И можете видети све ХТМЛ лепо форматиран тамо. 555 00:24:18,890 --> 00:24:20,890 >> Али више до тачке, Ви цам-- хајде цлосе 556 00:24:20,890 --> 00:24:24,760 ово-- можете да одете на Виев Девелопер Виев Соурце. 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 може ићи у моју малу гедит виндов овде и направити своју веб страницу. 560 00:24:31,630 --> 00:24:33,210 Сачувајте ово хелло.хтмл. 561 00:24:33,210 --> 00:24:36,770 И вероватно ће ово сломити, јер то није обично ово лако. 562 00:24:36,770 --> 00:24:41,590 Али сада, ако ја поново свој страницу моја ЦС50 апарата и ударио Релоад, 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 Све ово ХТМЛ-- 566 00:24:46,570 --> 00:24:47,370 >> [Лаугхтер] 567 00:24:47,370 --> 00:24:49,210 >> Давид Ј Малан: --И не стварно-- и 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 непотребно сада, о томе шта ЦСС, Цасцадинг Стиле Схеетс, су, 572 00:25:00,810 --> 00:25:03,410 и како сте ви скидање друге ХТМЛ фајлове 573 00:25:03,410 --> 00:25:06,140 и ЈПЕГ датотеке ГИФ датотеке које сајт може користити. 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 >> Дакле, сада ћемо само ским путем неколико других примера ХТМЛ 577 00:25:14,450 --> 00:25:16,680 Само да вам дати осећај шта још можете да урадите. 578 00:25:16,680 --> 00:25:18,670 На пример, ово је лист.хтмл. 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 а затим поновити овер-- или листе, ратхер-- куће у питању. 582 00:25:33,760 --> 00:25:36,080 >> А ако отворим ово, хајде да урадимо ово. 583 00:25:36,080 --> 00:25:40,670 Идемо да се не хелло.хтмл, већ да лист.хтмл. 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 Дакле, дозволите ми да урадим цхмод-- оопс-- цхмод + Р на лист.хтмл. 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 А сада, ако се вратим у моју бровсер и кликните на Релоад, ту је. 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 Па, ако је пар Остали-- имате дуге параграфе тект-- 596 00:26:13,990 --> 00:26:15,698 на пример, неки Латински текст овако-- 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 И ако сам сад отворим овај фајл, параграпхс.хтмл, добро, ово 600 00:26:26,600 --> 00:26:27,570 се нервира. 601 00:26:27,570 --> 00:26:34,320 Дакле, сада ћемо да се вратимо на мој брз, цхмод а + Р Р звезда .хтмл-- 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 Али је исто идеја-- Опен команду, отворите Таг, 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 И ако се вратим на мој бровсер овде и идите на табле.хтмл, 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 И ХТМЛ је дивно да покупите јер, искрено, све што треба да урадите 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 >> Или можете погледати сваког онлине ресурса како ХТМЛ функционише, 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 ХТМЛ после разуме ове основне идеје тагова 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 И идемо у мој Мац Овде, на гоогле.цом. 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 А сада нотице-- да урадимо ово. 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 >> Зато ћу да спасим Подешавања Гоогле овде. 640 00:28:08,260 --> 00:28:11,160 А сад нотице-- ћу тражи нешто попут мачке. 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 >> У УРЛ у овом тренутку је ово, само гоогле.цом. 645 00:28:20,272 --> 00:28:22,650 И технички, то је Сласх. 646 00:28:22,650 --> 00:28:25,910 Гоогле Само чувања карактер а не да нас то показује. 647 00:28:25,910 --> 00:28:30,400 Они су нам показују хттпс, само да будемо супер охрабрујуће да смо 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 Погледајте дужини ове УРЛ. 652 00:28:39,470 --> 00:28:43,070 Али испоставило се да је већина ових ствари у УРЛ је заправо прилично бескористан. 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 да не разумем, дестилацију УРЛ у управо ово. 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 Изгледа као да Гоогле и даље функционише. 664 00:29:03,814 --> 00:29:06,980 Дакле, из неког разлога, они додајући Много ствари се њихове УРЛ би дефаулт. 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 Па, пусти ме само напред и отвори Цхроме инспекторе. 668 00:29:13,630 --> 00:29:15,960 Постоји мали миш пречица за то. 669 00:29:15,960 --> 00:29:17,360 >> Идите на картицу Нетворк. 670 00:29:17,360 --> 00:29:19,340 И сада пусти ме релоад Ова страница још једном. 671 00:29:19,340 --> 00:29:20,280 И држим Схифт. 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 инволвед-- хелло.хтмл-- или тамо може бити 52, као у овом случају. 680 00:29:43,500 --> 00:29:45,820 Када сам посетити гоогле.цом, Очигледно, мој бровсер 681 00:29:45,820 --> 00:29:49,650 почиње 52 одвојене ХТТП захтева. 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 је ово ред овде, она је у суштини итератинг преко ХТМЛ врха 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 преко ХТТП, одржива цела коверта метафора, 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 приметити да, заиста је то користи ХТТП 1.1. 698 00:30:37,090 --> 00:30:41,690 И нажалост, Гоогле Цхроме сада у верзији 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 Па, ја ћу закључити од тога да, ако Гоогле 704 00:30:57,110 --> 00:31:01,520 подржава упите овог обрасца, зашто зар не имплементира свој претрагу 705 00:31:01,520 --> 00:31:06,420 мотор ЦС50, али само предњи Енд, само графички кориснички интерфејс. 706 00:31:06,420 --> 00:31:09,610 И ми ћемо препустити задњу крај, Резултати стварни претрагу Гоогле. 707 00:31:09,610 --> 00:31:10,510 >> Како могу да урадим ово? 708 00:31:10,510 --> 00:31:13,820 Па, пусти ме у гедит овамо. 709 00:31:13,820 --> 00:31:19,180 И пусти ме да одем напред и отвори се, рецимо, нову датотеку. 710 00:31:19,180 --> 00:31:22,280 И ја ћу се сачували привремено као сеарцх-0.хтмл. 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 >> И ја ћу се брзо спремим тип доц 714 00:31:30,190 --> 00:31:33,840 ХТМЛ отворена заграда хтмл затворена заграда ХТМЛ. 715 00:31:33,840 --> 00:31:38,390 Онда ћу да урадим главу затвори главе отворена наслову ЦС50 716 00:31:38,390 --> 00:31:40,150 Претрага уместо Гоогле претрагу. 717 00:31:40,150 --> 00:31:43,480 Овде ћу имати тело, доле близу тела. 718 00:31:43,480 --> 00:31:45,835 И сад ми треба ЦС50 Сеарцх. 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.хтмл-- ћу привремено га зову сеарцх.хтмл. 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 Ја ћу га цхмод а + Р сеарцх.хтмл. 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 да имају овај текст филе под називом сеарцх.хтмл. 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 Заиста, ако одем у моју бровсер, и идите на сеарцх.хтмл, то је све што је. 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 Прочитао сам у књизи која има наслов таг зове Х1. 737 00:32:22,710 --> 00:32:26,100 И ја ћу да наставим и користи се отварају Х1 и затвори Х1. 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 А његова вредност се дешава да буде ЦС50 претрага. 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 И ова вредност ће бити ЦС50 претрага. 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 Није далеко од онога што бацање Гоогле-ов подразумевани страна изгледа. 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 Тако да је потребно да се ангажује да на Гоогле-у. 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 приписују Моја форма командом је хттп://ввв.гоогле.цом/сеарцх. 774 00:33:58,460 --> 00:34:01,180 И знам да само од обавезе закључити гледајући блиско 775 00:34:01,180 --> 00:34:02,505 код њихове УРЛ. 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 >> Давид Ј Малан:? К. 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 >> Ако сам тип у мачака и кликните ЦС50 Сеарцх и пусти, 789 00:34:32,360 --> 00:34:35,770 приметио сам се пребацили гостовању стварног Гоогле. 790 00:34:35,770 --> 00:34:38,150 Сада, Гоогле је мало нервирају у томе су 791 00:34:38,150 --> 00:34:41,877 додавање додатни параметар, ако хоћете, на УРЛ. 792 00:34:41,877 --> 00:34:43,960 То је све догађа аутоматски на Гоогле страни. 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 Када имате ХТМЛ то изгледа овако, ово 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 А када УРЛ адреса пружио вредности за ствари као што су к, 799 00:35:03,430 --> 00:35:05,440 не иду само на ову УРЛ адресу. 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 Додати параметар, ХТТП параметар тако. 803 00:35:13,060 --> 00:35:15,590 >> И само да будемо прецизни супер, шта се закључити овдје-- 804 00:35:15,590 --> 00:35:18,130 али ја ћу бити екплицит-- је да метод желим да користим 805 00:35:18,130 --> 00:35:22,270 је да, уместо нешто попут Пост, који смо на крају ћемо видети. 806 00:35:22,270 --> 00:35:27,710 Дакле укратко, једноставно разумевање ХТМЛ и користи неке прилично једноставне ознаке, 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 И догодило се превентивно идите на хттпс само да буде једноставно. 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.хтмл, 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 ЦСС, Цасцадинг Стиле Схеетс. 830 00:36:25,680 --> 00:36:28,310 И ЦСС, искрено, је добра о, по мом личном мишљењу, 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 И само Гооглинг около, схватам да ЦСС Цасцадинг Стиле Схеетс, 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 И ово је место где то постаје све мало неуредан виђење ЦСС понекад. 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 >> Ако сам учитати ову датотеку, сеарцх2.хтмл, Крајњи резултат је идентичан. 860 00:37:56,300 --> 00:37:59,300 Али то је корак ка бољем дизајну. 861 00:37:59,300 --> 00:38:04,560 Би факторинга овај ЦСС, имам не измешани са мојим ХТМЛ. 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 Као .х фајлова нас пусти фактор ствари напоље, Свиђа хелперс.ц Пустите нас фактор ствари 870 00:38:30,610 --> 00:38:31,880 Пре неколико псетс. 871 00:38:31,880 --> 00:38:34,200 Слично, можда ћемо Желим да се то постигне. 872 00:38:34,200 --> 00:38:37,920 >> Дакле приметити у верзији три сеарцх.хтмл имам 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 Она повезује на другу датотеку путем хреф чија је вредност у овом случају, 877 00:38:49,150 --> 00:38:51,586 је потрага-3.цсс 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.цсс. 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 И резултат-- потпуно ундервхелминг-- 886 00:39:05,300 --> 00:39:06,730 ће бити потпуно исти. 887 00:39:06,730 --> 00:39:10,490 Али крећемо товард-- не, није. 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 Ах, зашто се ЦСС не примењује? 894 00:39:23,315 --> 00:39:26,920 Па, ЦСС датотеку, слично, има да се свет читљив, да тако кажем. 895 00:39:26,920 --> 00:39:28,440 И то такође је тренутно забрањено. 896 00:39:28,440 --> 00:39:33,760 Дакле, дозволите ми направити цхмод а + Р звезде дот ЦСС-- вхоопс-- 897 00:39:33,760 --> 00:39:37,067 ми смо ДОТ ЦСС само Филе Ектенсион за ЦСС фајлове. 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.хтмл. 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, Ентер. 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 А сада ћу да радим цхмод о + Р на филе-- 912 00:40:04,190 --> 00:40:07,450 јер знам да се зове екистс-- лого.гиф, која је слика. 913 00:40:07,450 --> 00:40:08,590 А сада поново. 914 00:40:08,590 --> 00:40:11,040 И вов-- тако сада сам прилично близу, искрено, 915 00:40:11,040 --> 00:40:15,860 да воле верзију Гоогле-у 1999, и искрено, верзија Гоогле 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 >> Увео сам Див ознака, који је подела, 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 тако да можемо говорити о она у нашем ХТМЛ другде. 929 00:40:44,700 --> 00:40:47,952 Овде је још један див странице чија ИД ће бити садржај. 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 >> Другим речима, ја сам у суштини у ХТМЛ ам ментално 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 Зато што желим да у мојој глави паге овде, или у .ЦСС датотеци, 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 То је ИД испоставило да кроз рад #хеадер, 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 И ја знам да постоје само за читање се на документацији за ЦСС. 944 00:41:30,660 --> 00:41:33,450 Величина слова ће бити смаллер-- па нека релативна величина фонта. 945 00:41:33,450 --> 00:41:34,741 Тежина ће бити храбар. 946 00:41:34,741 --> 00:41:37,340 Маргин-- Како Велики број пиксела око то-- је 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 Али, ако ја отворим Цхроме инспектор поново 957 00:42:03,640 --> 00:42:07,610 а ја не идем у лијевој страни Овде, што показује на Фацебооку ХТМЛ, 958 00:42:07,610 --> 00:42:11,380 али показује на десно ханд сиде сву своју ЦСС, 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 Цхроме веома повољно скаче Х1 ознака да је Фацебоок користи. 964 00:42:25,130 --> 00:42:27,290 И приметио овде Фацебоок има мало лењо 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 и кажу, ох, Фацебоок, ја то не волим 64 пиксела, сада може да промени Фацебоок. 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 не само Гоогле и оутсоурцинг задњу крај тамо. 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 већ да нешто слично сеарцх.пхп, где сеарцх.пхп је на нашем серверу, 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 Тако да смо већ гледали једне нове језика овде, или два заиста, ХТМЛ 985 00:43:33,190 --> 00:43:33,700 и ЦСС. 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 Јер ћемо почети сада транзиције у ПХП. 990 00:43:44,910 --> 00:43:48,160 >> Дакле, ПХП је стварна програмски језик. 991 00:43:48,160 --> 00:43:50,750 То је скрипт језик у смислу да је то 992 00:43:50,750 --> 00:43:52,855 требало да буде лакши тежина него нешто попут Ц. 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 Шта то значи да се саставити Ц изворног кода? 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 Давид Ј Малан: понављати? 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 Давид Ј Малан: Савршено. 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 пролазећи кроз њих Процесори дуплим кликом ицон 1007 00:44:18,840 --> 00:44:19,980 или покретања наредбе. 1008 00:44:19,980 --> 00:44:23,770 >> ПХП и Питхон и Руби и Перл и ЈаваСцрипт 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 >> И ПХП је један од ових језика. 1022 00:45:01,320 --> 00:45:05,310 А пре ПХП година је дизајниран управо за веб програмирање. 1023 00:45:05,310 --> 00:45:08,160 И то је било у почетку Веома аљкаво неуредан језика. 1024 00:45:08,160 --> 00:45:10,940 И заиста, постоји огромна износ лошег ПХП кода тамо. 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 педагошки из Ц, јер је то тако проклето познато свему 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 У међувремену, ево шта променљива изгледа у ПХП. 1033 00:45:33,320 --> 00:45:35,840 То је мало другачији, али једва. 1034 00:45:35,840 --> 00:45:39,380 >> У ПХП, нема јак куцања. 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 ПХП га схвати због тебе. 1039 00:45:48,980 --> 00:45:52,030 Знак долар је само одлука да ПХП људи су годинама 1040 00:45:52,030 --> 00:45:54,890 Пре тако било која променљива у ПХП тек почиње са знаком долара. 1041 00:45:54,890 --> 00:45:58,130 То је заправо врста корисна тако скочи на вас мало. 1042 00:45:58,130 --> 00:46:01,315 >> Али после тога, ова је стање у ПХП. 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 Шта је другачије у односу на Ц? 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 Трицк куестион-- ништа, која је заправо веома лепо. 1047 00:46:09,600 --> 00:46:12,140 Боолеан изрази у ПХП-- исто. 1048 00:46:12,140 --> 00:46:19,354 Боолеан изрази са и Версус или, прекидачи, петље, петље, лоопс-- реду, 1049 00:46:19,354 --> 00:46:20,270 Ово је другачији. 1050 00:46:20,270 --> 00:46:22,660 >> Тако испада постоји Неколико других функција у ПХП. 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 осим што је уобичајено, као што ћемо види, како у ПХП и ЈаваСцрипт 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 >> Али, још снажније, ПХП има асоцијативне низове, 1070 00:47:20,090 --> 00:47:23,100 што је фенси начин да се каже хасх табеле. 1071 00:47:23,100 --> 00:47:31,610 У ствари, ако желите да прогласе хасх Табела у ПХП, за разлику од ц-- колико 1072 00:47:31,610 --> 00:47:34,775 линија кода је било потребно да заиста примени хеш табели у Ц? 1073 00:47:34,775 --> 00:47:38,310 Или колико се редова кода је то узимајући да спроведе хеш табели у Ц? 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 Али у ПХП-- и искрено, ја вероватно не би требало да вам кажем 1080 00:47:50,580 --> 00:47:53,630 до понедељак-- у ПХП, ако желите табелу, урађено. 1081 00:47:53,630 --> 00:47:56,431 То је тако хасх табле-- са једном линијом кода. 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 Забавите се са псет пет. 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 >> И тако на крају, оно што ћемо користити ПХП 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 осим можда Бреакоут који користи СПЛ, који је специфичан за Ц у овом тренутку. 1096 00:48:30,410 --> 00:48:33,100 Али сваки други проблем сет, свакако Марио и Цезар 1097 00:48:33,100 --> 00:48:35,300 и Вигенере и [? Црацк?] И надаље, ми 1098 00:48:35,300 --> 00:48:39,520 могао поново имплементирати у ПХП, и Вероватно мало лакше. 1099 00:48:39,520 --> 00:48:43,050 >> Али шта ми на крају идемо користити ПХП јесте веб програмирање. 1100 00:48:43,050 --> 00:48:46,420 И ми ћемо увести Следећа седмица ментални модел, парадигма се зове 1101 00:48:46,420 --> 00:48:49,610 ДСЦ, модели поглед контролер, који, ако сте урадили програмирањем 1102 00:48:49,610 --> 00:48:51,610 раније у Питхон или Рубин или другде, можете 1103 00:48:51,610 --> 00:48:54,112 Можда знате ове екипе са Шине и Дјанго и слично. 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 радили у Ц. Идемо сада применити неке од тих лекција за ПХП 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 студентских ЦС50, укључујући и оне који никада нису програмирани раније, 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: А сада, Дееп Мислима Давен Фарнхам. 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