1
00:00:00,000 --> 00:00:11,470

2
00:00:11,470 --> 00:00:12,764
>> ЗВУЧНИК 1: Сите, нели добредојде назад.

3
00:00:12,764 --> 00:00:14,140
Ова е CS50.

4
00:00:14,140 --> 00:00:16,800
И ова е почеток на неделата девет.

5
00:00:16,800 --> 00:00:19,960
И ова е почеток на крајот на
вашето време во CS50, во која ние

6
00:00:19,960 --> 00:00:23,170
транзиција сега, конечно, на веб
аспект на курсот, каде што ќе

7
00:00:23,170 --> 00:00:26,200
најдете дека многу од основите кои
ние сме биле извоз за неколку недели

8
00:00:26,200 --> 00:00:29,270
сепак се врати да ги посети,
или прогонуваат, нас.

9
00:00:29,270 --> 00:00:33,440
Но сега, ќе најдете дека тоа е
редот на големина полесно да се

10
00:00:33,440 --> 00:00:36,540
остварат одредени задачи и
реши одредени проблеми -

11
00:00:36,540 --> 00:00:41,050
толку многу што дури и ако си мислел
одреден проблем поставува се забавуваат во нивните

12
00:00:41,050 --> 00:00:44,200
свој начин, мислам дека ќе најдете
дека p постави 7, стр одреди 8, а потоа,

13
00:00:44,200 --> 00:00:47,990
во крајна линија, финалниот проект ќе биде
сè повеќе и повеќе пријатна, бидејќи ќе

14
00:00:47,990 --> 00:00:51,830
видите дека ние почнат да се земе здраво за готово
сега работите се допаѓа управување со меморијата, и

15
00:00:51,830 --> 00:00:54,190
покажувачи, и она што се случува
на под хауба.

16
00:00:54,190 --> 00:00:57,310
И повторно, тематски, во текот на целата
семестар е ова дели

17
00:00:57,310 --> 00:00:58,030
и дели.

18
00:00:58,030 --> 00:01:00,530
А сега ние сме вид на до
тука, стоејќи на

19
00:01:00,530 --> 00:01:01,930
рамениците на недели минатото.

20
00:01:01,930 --> 00:01:05,360
>> Сега, да се потсетиме од последниот пат кога ние
зборуваше за тоа како интернет работел.

21
00:01:05,360 --> 00:01:08,120
И тоа беше можеби
симплификација, но запомнете дека

22
00:01:08,120 --> 00:01:12,960
секој компјутер во светот има IP
решавање, иако тоа е малку на

23
00:01:12,960 --> 00:01:14,570
симплификација уште.

24
00:01:14,570 --> 00:01:18,180
И оние кои адреси се користи за да се уникатно
идентификуваат машини, така што

25
00:01:18,180 --> 00:01:22,010
кога ќе се испрати информации, или пакети,
така да се каже, тие можат да имаат потекло

26
00:01:22,010 --> 00:01:24,000
адреса и одредишна адреса.

27
00:01:24,000 --> 00:01:27,830
И истите тие IP адреси може да се користи
и за добро и, исто така, за зло,

28
00:01:27,830 --> 00:01:29,270
да ги пратите, на пример.

29
00:01:29,270 --> 00:01:32,200
Всушност, секој од вас со лаптоп
отвори сега, или на телефон во вашата

30
00:01:32,200 --> 00:01:35,070
џеб, има IP адреса
на мрежата на Харвард.

31
00:01:35,070 --> 00:01:39,120
И тоа не е толку тешко да се
корелат дека за тоа кој и каде што

32
00:01:39,120 --> 00:01:40,180
се овие дена.

33
00:01:40,180 --> 00:01:42,090
Но повеќе за тоа можеби
во иднина.

34
00:01:42,090 --> 00:01:46,510
>> Сега мислев дека сум се врати некои
спомени од [? подобрување?] и да ви даде

35
00:01:46,510 --> 00:01:49,360
уште еден клип од шоуто ќе
може да се најдат познати.

36
00:01:49,360 --> 00:01:52,710
Ако можеме да ја придуши го светла
за само неколку секунди.

37
00:01:52,710 --> 00:01:53,960
Шоуто Numb3rs.

38
00:01:53,960 --> 00:01:57,510

39
00:01:57,510 --> 00:02:00,540
>> ЗВУЧНИК 2: Тоа е 32-битен IPP4 адреса.

40
00:02:00,540 --> 00:02:01,610
>> ЗВУЧНИК 3: IPP, како и во интернет?

41
00:02:01,610 --> 00:02:02,968
>> ЗВУЧНИК 2: Приватна мрежа.

42
00:02:02,968 --> 00:02:04,960
Да приватна мрежа Amita е.

43
00:02:04,960 --> 00:02:16,930

44
00:02:16,930 --> 00:02:19,602
Таа е толку неверојатен.

45
00:02:19,602 --> 00:02:21,030
>> ЗВУЧНИК 3: Ајде, Чарли.

46
00:02:21,030 --> 00:02:21,490
>> ЗВУЧНИК 2: Тоа е.

47
00:02:21,490 --> 00:02:22,470
А огледало IP адреса.

48
00:02:22,470 --> 00:02:27,680
Таа ни овозможите да се види она што
таа го прави во реално време.

49
00:02:27,680 --> 00:02:30,930
>> ЗВУЧНИК 1: Добро, па неколку работи
ред со оваа слика.

50
00:02:30,930 --> 00:02:32,920
Значи еден, и овој е прифатливо,
ова е всушност

51
00:02:32,920 --> 00:02:34,400
не е валидна IP адреса.

52
00:02:34,400 --> 00:02:38,190
А валидна IP адреса мора да биде броеви
од формата w.x.y.z, каде што секој од

53
00:02:38,190 --> 00:02:40,000
тие писма е 0 до 255.

54
00:02:40,000 --> 00:02:42,330
Но тоа е во ред затоа што исто како и
филмови каде што тие лажни телефонски броеви,

55
00:02:42,330 --> 00:02:43,520
тие лажни IP адреси.

56
00:02:43,520 --> 00:02:45,230
Вие не всушност го погоди реалниот сервери.

57
00:02:45,230 --> 00:02:46,760
>> Но Иначе, ова е интернет пребарувач.

58
00:02:46,760 --> 00:02:50,760
И прелистувачи не почнувајте Ставање
компјутерски код вака.

59
00:02:50,760 --> 00:02:54,230
И ако ние се погледне малку подлабоко, информации
дека јазикот што тие го гледате

60
00:02:54,230 --> 00:02:57,040
на екранот е јазик наречен
Цел C, што е јазикот на

61
00:02:57,040 --> 00:02:59,520
кој iPhone апликации се напишани,
особено оние кои вклучуваат

62
00:02:59,520 --> 00:03:03,540
креони, како што можете да видите од
изворниот код овде.

63
00:03:03,540 --> 00:03:06,600

64
00:03:06,600 --> 00:03:07,560
>> Добро, јас мислев дека ова е смешно.

65
00:03:07,560 --> 00:03:12,240
Значи ова програмка на кодот има апсолутно
нема никаква врска со она што оваа

66
00:03:12,240 --> 00:03:13,940
особено епизода беше околу.

67
00:03:13,940 --> 00:03:17,590
Па шега е вид на на луѓе
презема за ова готово.

68
00:03:17,590 --> 00:03:20,220
Но, ова не е толку тешко да се добие
овие технички детали право.

69
00:03:20,220 --> 00:03:21,980
И јас би ве охрабруваме.

70
00:03:21,980 --> 00:03:25,530
И всушност, 50 многу добро може да расипат
многу ТВ емисии и филмови или

71
00:03:25,530 --> 00:03:27,320
бидејќи ќе најдете дека тоа е само
не е можно она што тие се

72
00:03:27,320 --> 00:03:28,630
прави на екранот.

73
00:03:28,630 --> 00:03:31,750
Но навистина, ова е на кодот кој го
би можеле да ја видите во iPhone апликација

74
00:03:31,750 --> 00:03:33,640
или Mac OS апликација.

75
00:03:33,640 --> 00:03:35,685
Тоа нема ништо на сите
да го стори со сигурност.

76
00:03:35,685 --> 00:03:38,610
Па да се внимава од за повеќе
таква забава работи како што.

77
00:03:38,610 --> 00:03:42,720
>> Но, денес ние почнат да се нурне во навистина
длабоко на целиот спектар на јазици.

78
00:03:42,720 --> 00:03:45,410
Еден навистина, еден од сеопфатната
takeaways на овој дел од

79
00:03:45,410 --> 00:03:51,815
Се разбира не е да се научат како да програма
во PHP, да не научат SQL по себе, не

80
00:03:51,815 --> 00:03:58,100
да научат да го вклучите Javascript по себе, туку
да се научи како да се учат

81
00:03:58,100 --> 00:04:02,030
себе нови јазици, бидејќи, навистина,
ние почнат да се земе сега

82
00:04:02,030 --> 00:04:06,020
обука тркала надвор, така што по
крајот се разбира, вие не очекуваат 20

83
00:04:06,020 --> 00:04:08,890
страница спецификација да ви кажам како
да се имплементираат некои програма.

84
00:04:08,890 --> 00:04:12,970
Имате доволно состојки во вашиот
ум, и доволно алатки во вашиот алатка

85
00:04:12,970 --> 00:04:15,750
комплет, со која треба да започне изградба на
решенија за проблемите од интерес за

86
00:04:15,750 --> 00:04:19,130
вас за некои ученици група, за некои
истражувачки проект, или навистина ништо

87
00:04:19,130 --> 00:04:20,140
од интерес за вас.

88
00:04:20,140 --> 00:04:24,150
>> Па кон таа цел, да се потсетиме дека ова е
сликата што ја привлече последен пат.

89
00:04:24,150 --> 00:04:27,620
И ова е два компјутери, клиентот и
прекине, да разговараат со еден на друг.

90
00:04:27,620 --> 00:04:31,130
И протоколот, јазикот, така да се
зборува, дека овие два или повеќе компјутери да се случи

91
00:04:31,130 --> 00:04:33,220
да се зборува се нарекува HTTP.

92
00:04:33,220 --> 00:04:37,730
И тоа е само протокол се користи од страна на
компјутери за пренос на информации преку

93
00:04:37,730 --> 00:04:38,710
на World Wide Web.

94
00:04:38,710 --> 00:04:41,770
На интернет, се разбира, е само еден сервис
која работи на врвот на

95
00:04:41,770 --> 00:04:43,000
т.н. интернет.

96
00:04:43,000 --> 00:04:48,660
Што е уште една услуга достапна на
врвот на интернет овие денови?

97
00:04:48,660 --> 00:04:51,600
Некои други протокол или - што е тоа?

98
00:04:51,600 --> 00:04:52,300
>> ПУБЛИКАТА: FTP.

99
00:04:52,300 --> 00:04:52,790
>> ЗВУЧНИК 1: FTP.

100
00:04:52,790 --> 00:04:54,630
Па датотеката Протокол за пренос е друга.

101
00:04:54,630 --> 00:04:56,050
Повеќето од вас веројатно не го користат.

102
00:04:56,050 --> 00:04:58,830
Но, повеќето од вас веројатно ги користеле
работи како Gchat, или инстант

103
00:04:58,830 --> 00:05:00,970
пораки поопшто,
секако е-мејл.

104
00:05:00,970 --> 00:05:04,470
И оние кои се, исто така, се услуги кои работат на
врвот на интернет, бидејќи, во

105
00:05:04,470 --> 00:05:08,180
крајот на денот, на интернет себе
навистина само се добијат податоци од точката А до

106
00:05:08,180 --> 00:05:12,480
точката B. И тоа го користи голем број на
честички себе, еден од нив или две

107
00:05:12,480 --> 00:05:17,340
од нив повеќето обично се нарекува TCP / IP,
што да се каже дека еден компјутер на

108
00:05:17,340 --> 00:05:19,960
на интернет, всушност, може да се прави
различни нешта, електронска пошта,

109
00:05:19,960 --> 00:05:20,980
и интернет, и така натаму.

110
00:05:20,980 --> 00:05:22,220
Google го прави многу за тоа.

111
00:05:22,220 --> 00:05:26,310
Па, како се оние услуги уникатно
идентификувани, не можеме да речеме, на компјутер

112
00:05:26,310 --> 00:05:29,080
кои, всушност, може да се прави
повеќе нешта?

113
00:05:29,080 --> 00:05:29,860
>> Бројот на портот.

114
00:05:29,860 --> 00:05:34,180
И овие се само произволни човечки
конвенции како 80 е интернет, 443 е

115
00:05:34,180 --> 00:05:36,580
шифрирана веб, 25 е-мејл.

116
00:05:36,580 --> 00:05:38,230
И таму е гроздовете на другите.

117
00:05:38,230 --> 00:05:41,860
И тие бројки едноставно се вклучени во
оние пакети на информации, оние

118
00:05:41,860 --> 00:05:46,230
виртуелен коверт, кои, всушност,
содржани барање или одговор.

119
00:05:46,230 --> 00:05:51,300
>> Па кога ќе се вратам одговор од
веб, обично, не гледам никаква

120
00:05:51,300 --> 00:05:54,780
броеви за она што во однос на
код за статус на одговорот.

121
00:05:54,780 --> 00:05:56,770
Вие не всушност гледаат на
внатрешниот работата на

122
00:05:56,770 --> 00:05:58,090
пакети кои доаѓаат назад.

123
00:05:58,090 --> 00:05:59,860
Но 200 навистина значи во ред.

124
00:05:59,860 --> 00:06:01,530
А тоа значи дека се е во ред.

125
00:06:01,530 --> 00:06:02,870
Можеби сте виделе еден куп од нив.

126
00:06:02,870 --> 00:06:05,710
Што е најверојатно најчестиот
сте виделе на интернет?

127
00:06:05,710 --> 00:06:05,980
>> 404.

128
00:06:05,980 --> 00:06:07,330
Тоа само значи датотека не е пронајдена.

129
00:06:07,330 --> 00:06:08,270
Тоа значи дека некој ја зезнав.

130
00:06:08,270 --> 00:06:11,450
Што направи од страна Грешење на URL-то, или некој
друг не знаеше од кои ви даваат

131
00:06:11,450 --> 00:06:15,100
валиден URL-то, или тие избришани
датотека и URL-то е уште

132
00:06:15,100 --> 00:06:16,130
се користи од страна на луѓе.

133
00:06:16,130 --> 00:06:19,670
Значи било кој број на причини може да се објасни
зошто датотека не е пронајдена.

134
00:06:19,670 --> 00:06:22,990
И ќе видите, во неделите што доаѓаат,
овие други грешка кодови, и ќе

135
00:06:22,990 --> 00:06:24,195
ги искористат предностите на некои од нив.

136
00:06:24,195 --> 00:06:25,760
Најлошото е 500.

137
00:06:25,760 --> 00:06:29,820
Ако добиете 500 грешка во кодот што сум
напишано, мислам на тоа како вид на

138
00:06:29,820 --> 00:06:33,290
аналогни на секунда грешки во
светот на веб програмирање.

139
00:06:33,290 --> 00:06:34,560
Тоа не е толку поразителна.

140
00:06:34,560 --> 00:06:36,660
Но, тоа само значи дека, некаде,
сте ја зезнав.

141
00:06:36,660 --> 00:06:38,260
Па со нетрпение очекуваме да оние.

142
00:06:38,260 --> 00:06:39,910
>> Но, ајде да видиме дали можеме да
види овие во контекст.

143
00:06:39,910 --> 00:06:43,460
Дозволете ми да оди на пребарувачот овде
и направете го следново.

144
00:06:43,460 --> 00:06:45,710
Па ова е Хром, кој се случува да
да се инсталира во апаратот.

145
00:06:45,710 --> 00:06:49,410
Но повеќето секој интернет пребарувач овие денови има
некои еквивалентна функционалност.

146
00:06:49,410 --> 00:06:52,610
Одам да одат нагоре мени на Хром,
и одете на Tools, и јас ќе одам да си

147
00:06:52,610 --> 00:06:53,990
да Алатки за програмери.

148
00:06:53,990 --> 00:06:57,040
И ќе видите дека оваа мала панел
се отвора во дното на прозорецот.

149
00:06:57,040 --> 00:07:00,190
Друга кратенка, да бидам искрен, дека јас
обично користат себеси е да Десен клик

150
00:07:00,190 --> 00:07:04,370
или контрола кликнете било каде на интернет
страница и само оди да ги провери Елемент.

151
00:07:04,370 --> 00:07:07,440
И дека не само што ќе се отвори
ова има за вас.

152
00:07:07,440 --> 00:07:10,230
Таа, исто така ќе се отвори, посебно,
Елементите дел на

153
00:07:10,230 --> 00:07:11,430
на левата страна.

154
00:07:11,430 --> 00:07:12,460
>> Па ние сме се разбира гледањето на Google.

155
00:07:12,460 --> 00:07:13,930
Ќе го сменат логото денес.

156
00:07:13,930 --> 00:07:20,200
Но од тоа ако се движите надолу до тука, информации
дека под Елементи, ќе видите

157
00:07:20,200 --> 00:07:23,460
она што се нарекува HTML, HyperText Markup
Јазик, и ова е јазикот

158
00:07:23,460 --> 00:07:26,000
дека овој и на сите веб страници,
навистина, се напишани внатре

159
00:07:26,000 --> 00:07:28,950
Но тоа е всушност форматирана за
ни толку многу повеќе читливо

160
00:07:28,950 --> 00:07:29,970
отколку што вообичаено е.

161
00:07:29,970 --> 00:07:34,810
Всушност, ако јас одзумирате, а јас наместо
Само десен клик или контрола клик

162
00:07:34,810 --> 00:07:39,630
кликнете на страница, и потоа оди да ја видите
Страница Извор, ова е буквално она што

163
00:07:39,630 --> 00:07:42,150
Google испрати до мојот интернет пребарувач.

164
00:07:42,150 --> 00:07:46,480
>> Па некои лице или лица напиша
Google.com со користење на овој изворниот код.

165
00:07:46,480 --> 00:07:47,790
Повеќето од ова не е HTML.

166
00:07:47,790 --> 00:07:49,340
Тоа е всушност јазик наречен
JavaScript, кои

167
00:07:49,340 --> 00:07:50,880
ние ќе дојде до средата.

168
00:07:50,880 --> 00:07:55,580
Но, она што Хром, и она што секој интернет пребарувач
може да направи за нас, е вид на видите

169
00:07:55,580 --> 00:07:59,610
минатото на сите одвлекување на вниманието на
луди синтакса, и вратете бел простор

170
00:07:59,610 --> 00:08:02,940
за нас, па дури и синтаксичко означување,
или colorize работи за нас.

171
00:08:02,940 --> 00:08:06,470
Така ќе најдете дека овие таканаречени
инвеститорот алатки е вградена во прелистувачи

172
00:08:06,470 --> 00:08:10,830
ќе го направат вашиот живот, па, па многу полесно
затоа што можете да истражуваат, преку ова мени

173
00:08:10,830 --> 00:08:13,940
интерфејс, токму она што основните
изворниот код е за

174
00:08:13,940 --> 00:08:15,750
секоја страница на интернет.

175
00:08:15,750 --> 00:08:19,070
И навистина, ова е една од најпознатите
ефикасни начини за да научат како да прават

176
00:08:19,070 --> 00:08:22,860
нешто ново, барем ако страната
не е толку сложен како да ги победат, е

177
00:08:22,860 --> 00:08:26,700
да се започне ѕиркаа наоколу тоа е HTML, погледнете
во својата т.н. CSS, која ние ќе дојдеме

178
00:08:26,700 --> 00:08:30,310
да се малку, како и, да се добие
разбирање на тоа како програмер

179
00:08:30,310 --> 00:08:33,480
имплементирани одредени
карактеристика на оваа страница.

180
00:08:33,480 --> 00:08:36,530
>> Но повеќе технички интересни право
сега тоа се случува да биде ова.

181
00:08:36,530 --> 00:08:39,429
Ако одам во мрежата јазичето,
ајде сега го расчисти ова.

182
00:08:39,429 --> 00:08:43,429
Одам да кликнете на малку
крстот симбол тука, а потоа

183
00:08:43,429 --> 00:08:45,630
да одат во друг веб-сајт.

184
00:08:45,630 --> 00:08:48,430
И јас сум само ќе да напишеш
во Facebook.com.

185
00:08:48,430 --> 00:08:51,940
Нема HTTP, нема HTTPS, без мрежа.

186
00:08:51,940 --> 00:08:53,850
Ајде да всушност гледаат што се случува овде.

187
00:08:53,850 --> 00:08:55,030
>> Enter.

188
00:08:55,030 --> 00:08:58,480
Сега забележите во целина куп работи само
се појави во оваа дното панел, во

189
00:08:58,480 --> 00:09:00,285
Покрај веб-страница
појавувајќи се во врвот.

190
00:09:00,285 --> 00:09:04,890
Одам да дојдете назад во
Мрежата јазичето тука, а јас ќе одам да

191
00:09:04,890 --> 00:09:06,080
кликнете на првиот ред.

192
00:09:06,080 --> 00:09:10,580
Што оваа алатка е ќе се открие за нас
е секој еден од HTTP барања

193
00:09:10,580 --> 00:09:13,550
која брзо само вратив и
назад помеѓу мојот интернет пребарувач

194
00:09:13,550 --> 00:09:14,930
и на Фејсбук сервер.

195
00:09:14,930 --> 00:09:17,830
И така секој еден од тие редови
претставува едно такво барање или

196
00:09:17,830 --> 00:09:20,970
одговор, една или повеќе од
оние виртуелни плик.

197
00:09:20,970 --> 00:09:24,080
Или повеќе случајно, тоа е како едно лице
како лице, клиентот во

198
00:09:24,080 --> 00:09:26,710
ресторан, бара нешто
повторно, и повторно, и повторно.

199
00:09:26,710 --> 00:09:29,400
И келнерот го држи доведување
назад едно по едно време.

200
00:09:29,400 --> 00:09:33,850
>> Па сега, ако јас зумирате на оваа, информации
и тоа ќе биде вид на нешто

201
00:09:33,850 --> 00:09:36,600
дека сте добредојдени да и ги охрабри
да си игра со на свој, бидејќи ние

202
00:09:36,600 --> 00:09:38,150
не ќе помине низ сето
во големи детали.

203
00:09:38,150 --> 00:09:40,070
Но забележително е
неколку под јазичиња тука -

204
00:09:40,070 --> 00:09:43,700
Хедери, Преглед одговор,
Колачиња, и тајмингот.

205
00:09:43,700 --> 00:09:48,280
Јас сум само ќе се погледне на заглавија
сега за сега, бидејќи тие се малку

206
00:09:48,280 --> 00:09:53,600
состојки во внатрешноста на плик кој
помогне податоци стасаат до и од места.

207
00:09:53,600 --> 00:09:57,590
>> Значи прво, дозволете ми да кликнете на ова, ги
Извор до Барање заглавија.

208
00:09:57,590 --> 00:10:01,910
Постои барање дека мојот интернет пребарувач,
Хром, во овој случај, испратени во внатрешноста на

209
00:10:01,910 --> 00:10:02,910
дека виртуелната плик.

210
00:10:02,910 --> 00:10:04,800
Ќе потсетиме минатата недела ја
рачно напишани него, додека

211
00:10:04,800 --> 00:10:06,380
претендира да биде прелистувачот.

212
00:10:06,380 --> 00:10:09,980
Тогаш тоа потсети на серверот дека тоа е
во потрага за домаќин наречен

213
00:10:09,980 --> 00:10:10,835
Facebook.com.

214
00:10:10,835 --> 00:10:13,630
А потоа, тука е малку повеќе arcane
информации кои ќе се бранува

215
00:10:13,630 --> 00:10:14,830
нашите раце за сега.

216
00:10:14,830 --> 00:10:18,640
>> Но ако почнам да дојдете долу сега во
овој прозорец, дозволете ми да се дојде до

217
00:10:18,640 --> 00:10:19,980
одговор заглавија.

218
00:10:19,980 --> 00:10:23,270
Тоа е она што е во виртуелниот
плик кој се врати од

219
00:10:23,270 --> 00:10:24,095
Facebook.com.

220
00:10:24,095 --> 00:10:27,390
И ако јас кликнете View Извор само
за да го видиш сурова текст на него,

221
00:10:27,390 --> 00:10:28,400
забележите неколку работи.

222
00:10:28,400 --> 00:10:32,130
Еден, Фејсбук, исто така, зборува на ист
протокол, верзија 1.1 од него.

223
00:10:32,130 --> 00:10:33,390
Па тоа е убаво.

224
00:10:33,390 --> 00:10:36,820
Но статусот кодот 301,
Преместена Трајно.

225
00:10:36,820 --> 00:10:38,880
>> Па, каде е грижам се Фејсбук оди?

226
00:10:38,880 --> 00:10:40,430
Што е ова обидуваат да го пренесат на нас?

227
00:10:40,430 --> 00:10:44,310
Па, забележите овде има уште еден
насловот наречен Локација.

228
00:10:44,310 --> 00:10:51,050
Значи, зошто е Фејсбук ми кажуваше дека тие
Преместена Трајно кон оваа адреса

229
00:10:51,050 --> 00:10:53,580
до Локација?

230
00:10:53,580 --> 00:10:54,962
Го заборавив www.

231
00:10:54,962 --> 00:10:56,250
>> Така што беше мојот избор.

232
00:10:56,250 --> 00:11:00,450
Всушност, повеќето од нас ретко, веројатно,
напишеш www.whatever.com овие денови.

233
00:11:00,450 --> 00:11:03,390
Но излегува систем администратор,
како што се Фејсбук, може да

234
00:11:03,390 --> 00:11:06,800
конфигурирате нивните сервери на таков начин
дека или Facebook.com работи, или

235
00:11:06,800 --> 00:11:12,450
www.Facebook.com работи, или, навистина,
секој таков префикс пред своите

236
00:11:12,450 --> 00:11:13,210
име на домен.

237
00:11:13,210 --> 00:11:14,500
Па тие го направиле тоа за нас.

238
00:11:14,500 --> 00:11:16,910
И тие се ни пренасочува, веројатно
за некои технички,

239
00:11:16,910 --> 00:11:18,100
некои маркетинг причини.

240
00:11:18,100 --> 00:11:21,570
Тие само сакаат да canonicalize
на www.Facebook.com.

241
00:11:21,570 --> 00:11:24,040
>> Но тоа не е сосема неа.

242
00:11:24,040 --> 00:11:28,560
Ако јас дојдете долу тука, ајде да
види што се случува.

243
00:11:28,560 --> 00:11:30,810
Ова е ми кажуваше ние
Преместена Трајно да

244
00:11:30,810 --> 00:11:33,450
http://www.Facebook.com.

245
00:11:33,450 --> 00:11:36,620
Па ајде да погледнеме на второ барање
дека мојот интернет пребарувач испраќа.

246
00:11:36,620 --> 00:11:40,070
За жал, тоа изгледа како што се Фејсбук
се пресели повторно бидејќи втората

247
00:11:40,070 --> 00:11:44,420
барање, со избирање дека рачно наместо тоа,
вели дека, исто така, се пресели

248
00:11:44,420 --> 00:11:45,010
трајно.

249
00:11:45,010 --> 00:11:48,140
И дозволете ми да дојдете долу тука
на одговор заглавија.

250
00:11:48,140 --> 00:11:51,530
Каде Фејсбук нема сега?

251
00:11:51,530 --> 00:11:52,680
>> Па https.

252
00:11:52,680 --> 00:11:56,130
Па сега Фејсбук започна,
особено во светлината на моменталните

253
00:11:56,130 --> 00:11:59,750
настани во последниве неколку месеци, особено и
исто така, во изминатите неколку години

254
00:11:59,750 --> 00:12:03,670
за да се принудат сите на нивните корисници, во добра
начин, да користите HTTPS, што е повеќе

255
00:12:03,670 --> 00:12:06,210
обезбеди, иако не е целосно безбеден.

256
00:12:06,210 --> 00:12:10,000
Па сега мојата страница, мојот интернет пребарувач е
ќе побара овој трет URL-то.

257
00:12:10,000 --> 00:12:14,710
И сега, конечно, ќе го добиеме
инаку невидена 200 OK.

258
00:12:14,710 --> 00:12:18,830
>> Значи она што во светот или сите
овие други редови овде долу.

259
00:12:18,830 --> 00:12:22,630
Јас буквално ја внеле една работа, а мојата
интернет пребарувач се чини дека се бара како

260
00:12:22,630 --> 00:12:23,840
20 некои чудни работи.

261
00:12:23,840 --> 00:12:24,640
Што е тоа?

262
00:12:24,640 --> 00:12:25,810
>> ПУБЛИКАТА: Скрипти?

263
00:12:25,810 --> 00:12:28,460
>> ЗВУЧНИК 1: скрипти, па други датотеки
напишани на јазик наречен

264
00:12:28,460 --> 00:12:30,780
Го вклучите Javascript-, која, пак, ние ќе
види малку во средата.

265
00:12:30,780 --> 00:12:32,760
Што друго?

266
00:12:32,760 --> 00:12:33,390
Стилски листови.

267
00:12:33,390 --> 00:12:36,350
Па нешто на јазик наречен
CSS, која ќе видиме во малку.

268
00:12:36,350 --> 00:12:40,690
Gifs, и JPEG слики, и PNGs, и слики,
и филм датотеки - без оглед на веб-страница

269
00:12:40,690 --> 00:12:43,280
го е најверојатно во
форма на датотека.

270
00:12:43,280 --> 00:12:46,750
И така она што го гледате на левата страна
страна постои на сите датотеки

271
00:12:46,750 --> 00:12:50,280
дека Хром мораше да преземете,
рекурзивно, ако сакате, со цел да се

272
00:12:50,280 --> 00:12:52,430
сочинуваат целината на страната.

273
00:12:52,430 --> 00:12:56,210
>> Значи она што го видовме еден миг пред со Google,
ако јас кликнете на елементи

274
00:12:56,210 --> 00:13:00,470
табот, ова, секако, е HTML,
јазик кој ја сочинува оваа страница.

275
00:13:00,470 --> 00:13:01,890
Но, има гроздовете на други работи.

276
00:13:01,890 --> 00:13:02,640
Има логото.

277
00:13:02,640 --> 00:13:04,680
Има оние сино-носталгичната
икони таму.

278
00:13:04,680 --> 00:13:07,610
И има други елементи сеуште на
на страница, која самите би можеле да бидат

279
00:13:07,610 --> 00:13:08,610
посебни датотеки.

280
00:13:08,610 --> 00:13:11,860
>> Значи она што е убаво за интернет пребарувач е во тоа што
тоа изгледа на јазик ние ќе

281
00:13:11,860 --> 00:13:14,690
да започнете со пишување, или веќе сте
почнав да пишувам во P сет 7, бројки

282
00:13:14,690 --> 00:13:17,970
од каде овие датотеки во живо, и
оди и ја зграпчува нив, како и.

283
00:13:17,970 --> 00:13:21,010
И не можам да истакнам доволно, дури и
иако некои од ова може да изгледа малку

284
00:13:21,010 --> 00:13:24,820
arcane или големо во прв поглед,
Учењето како да програма

285
00:13:24,820 --> 00:13:28,500
апликации за веб, тоа е
непроценливо да се разбере како овие

286
00:13:28,500 --> 00:13:29,410
малку алатки работа.

287
00:13:29,410 --> 00:13:33,830
Овие се вид на како GDB како алатки,
но многу поедноставно, во крајна линија, да се користи -

288
00:13:33,830 --> 00:13:37,690
и навистина ви дава очи во она што
ние сме биле преземање здраво за готово за

289
00:13:37,690 --> 00:13:39,170
сосема извесно време сега.

290
00:13:39,170 --> 00:13:42,270
>> Значи она што може ние сега се прави со
оваа информација?

291
00:13:42,270 --> 00:13:44,875
Добро, ајде да всушност ги разгледаме во
на концепти на основните HTML.

292
00:13:44,875 --> 00:13:49,025
И ние ќе го одложат, како што веќе го имаме, да се
делови на оваа недела, на проблемот

293
00:13:49,025 --> 00:13:53,260
постави 7 спецификација, на некои од повеќе
Деталите од овие јазици.

294
00:13:53,260 --> 00:13:57,020
Но, да видиме ако не можеме да наслика
слика на она што треба да се разбере

295
00:13:57,020 --> 00:13:57,940
целокупната тука.

296
00:13:57,940 --> 00:14:02,280
>> Па HTML, HyperText Markup Language,
не е програмски јазик.

297
00:14:02,280 --> 00:14:03,520
Што не значи дека навистина?

298
00:14:03,520 --> 00:14:05,690
Па HTML изгледа вака.

299
00:14:05,690 --> 00:14:06,810
И некои од вас веќе знаете ова.

300
00:14:06,810 --> 00:14:08,130
Некои од вас се прави
ова за некое време.

301
00:14:08,130 --> 00:14:10,270
Но, да видиме ако не можеме да го пополни
во некои празни места, како и.

302
00:14:10,270 --> 00:14:11,760
Па забележите неколку работи овде.

303
00:14:11,760 --> 00:14:13,030
Еден, тоа е само текст.

304
00:14:13,030 --> 00:14:15,960
Па тоа е исто како изворен код во
Ц, или некој друг јазик.

305
00:14:15,960 --> 00:14:17,750
>> Забележите дека се чини
да се биде модел тука.

306
00:14:17,750 --> 00:14:20,870
Има вовлекување, но технички
вовлекувањето е само човечките

307
00:14:20,870 --> 00:14:21,205
конвенција.

308
00:14:21,205 --> 00:14:24,980
А прелистувачи не се грижи ако има нови
линии и јазичиња се допаѓа гледаме таму.

309
00:14:24,980 --> 00:14:27,410
Но забележите дека има
симетрии тука.

310
00:14:27,410 --> 00:14:31,180
Таму е она што јас ќе се јави, на врвот на
оваа датотека, отворен таг, или на почетокот

311
00:14:31,180 --> 00:14:33,030
таг, наречен HTML.

312
00:14:33,030 --> 00:14:36,800
А потоа, долу, совршено наредени
нагоре, многу како што го правиме со големи загради,

313
00:14:36,800 --> 00:14:40,910
можеме да видиме отворен заградата, напред
коса црта, HTML, блиску заграда.

314
00:14:40,910 --> 00:14:44,610
Па тоа е соодветната блиску
ознака, или на крајот таг, за таа работа.

315
00:14:44,610 --> 00:14:47,990
>> Заедно, сè внатрешноста на
т.н. отворен таг и блиски таг

316
00:14:47,990 --> 00:14:50,440
компонира она што ќе го наречеме елемент.

317
00:14:50,440 --> 00:14:53,910
И ние ќе видиме, во само еден миг, тоа е
навистина како јазол во дрвја.

318
00:14:53,910 --> 00:14:57,470
Затоа што ако мислите дека за сега
вовлекување што е имплицирана тука,

319
00:14:57,470 --> 00:15:00,780
вид на мора, како, баба или дедо
јазол наречен HTML.

320
00:15:00,780 --> 00:15:06,870
Колку деца би рекол ти, врз основа
на оваа слика, на HTML елемент има?

321
00:15:06,870 --> 00:15:07,720
>> Па веројатно две.

322
00:15:07,720 --> 00:15:10,240
Една од нив е на чело елемент, очигледно.

323
00:15:10,240 --> 00:15:11,710
И еден е телото елемент.

324
00:15:11,710 --> 00:15:12,555
И зошто две деца?

325
00:15:12,555 --> 00:15:15,840
Па, јас сум само вид на inferring дека ако
Имам отворена глава таг и тогаш

326
00:15:15,840 --> 00:15:17,820
во близина главата таг, тоа е елемент.

327
00:15:17,820 --> 00:15:21,200
А потоа, ако има уште отворени тело
таг и близок телото таг, тоа е како

328
00:15:21,200 --> 00:15:22,340
уште еден елемент.

329
00:15:22,340 --> 00:15:26,000
Значи, во смисла дека ако јас вид на ротирање
сликата на негова страна, тоа е

330
00:15:26,000 --> 00:15:29,910
како да имате HTML таг, а потоа
главата таг, а потоа телото таг и

331
00:15:29,910 --> 00:15:34,290
потоа некој текст, Здраво светот, висат
надвор од телото таг себе.

332
00:15:34,290 --> 00:15:36,620
>> Па ние може да нацрта слика која
може да изгледа вака.

333
00:15:36,620 --> 00:15:38,020
На форми се произволни.

334
00:15:38,020 --> 00:15:40,870
Но забележите дека јас сум користел вид на
елипса на врвот да ги претставуваат

335
00:15:40,870 --> 00:15:41,860
самиот документ.

336
00:15:41,860 --> 00:15:45,980
Излегува не може да има други работи
внатрешноста на веб страница, која јас не сум

337
00:15:45,980 --> 00:15:46,940
подготвени тука.

338
00:15:46,940 --> 00:15:50,800
Па ние се случува да се дури и висат на HTML
јазол исклучување на т.н. документ јазол.

339
00:15:50,800 --> 00:15:53,730
И тогаш имаме главата и
тело и насловот, известување,

340
00:15:53,730 --> 00:15:55,360
која е вгнездена понатаму.

341
00:15:55,360 --> 00:15:58,650
Јас не се мачат ставање дополнителна линија
паузи во внатрешноста на титулата таг.

342
00:15:58,650 --> 00:16:02,710
Тоа само се чувствува како да е добивање на
малку премногу опширниот.

343
00:16:02,710 --> 00:16:07,000
Па јас го остави во една линија таму, со
опен, здраво светот, во близина на титулата.

344
00:16:07,000 --> 00:16:09,380
И тогаш имаме некој текст
висат надвор од овде.

345
00:16:09,380 --> 00:16:12,200
>> Значи оваа слика ќе се врати за
ни кога ќе се нурне во вклучите Javascript-.

346
00:16:12,200 --> 00:16:15,110
И разбирање дека кога ќе
пишуваат HTML вака, она

347
00:16:15,110 --> 00:16:16,250
е интернет пребарувач правиш?

348
00:16:16,250 --> 00:16:19,290
Па, ние не мора да се грижите за
како таа го прави тоа, или со она што

349
00:16:19,290 --> 00:16:23,090
алгоритам, но на крајот на денот,
Кога пребарувачот добива HTML како

350
00:16:23,090 --> 00:16:27,510
дека од Фејсбук или Google, тоа parses
тоа, така да се каже, тоа го чита,

351
00:16:27,510 --> 00:16:31,160
со нешто како fread, од врвот до
дното, лево кон десно, и како што

352
00:16:31,160 --> 00:16:36,300
сфаќа, ох, отворен ознака, и потоа да го затворите
ознака, таа почнува да се Примерок, така да се каже,

353
00:16:36,300 --> 00:16:37,800
еден јазол на дрво.

354
00:16:37,800 --> 00:16:41,130
И кога го средби, како што ние си имплицирана
тука со вовлекување, а

355
00:16:41,130 --> 00:16:45,400
јазол, тоа mallocs еден јазол за тоа
и спроведен дека во дрвото.

356
00:16:45,400 --> 00:16:49,150
>> Па дрво структури, бинарни дрва,
троичен дрвја, и поголеми дрвја, кои

357
00:16:49,150 --> 00:16:53,380
ние погледна една недела или две години, известувањето
дека истиот принцип е

358
00:16:53,380 --> 00:16:54,220
кои доаѓаат назад кон нас.

359
00:16:54,220 --> 00:16:57,590
И кој спроведува, Хром што
тим сторија тоа, веројатно имаше

360
00:16:57,590 --> 00:17:00,800
да се имплементираат некои вид на структура на стебло
под хауба.

361
00:17:00,800 --> 00:17:05,329
И дека сам по себе е веројатно во
јазик како C или C + +, или помала

362
00:17:05,329 --> 00:17:08,540
ниво јазик дека ние ќе
сега ги користат на врвот на веб.

363
00:17:08,540 --> 00:17:11,200
>> Па сега, можеби, ова ќе
направи повеќе смисла.

364
00:17:11,200 --> 00:17:15,420
Крај на тетоважа од некојси кој може
жалам тоа на крајот, каков вид на.

365
00:17:15,420 --> 00:17:17,359
Добро, во ред, па многу веб хумор.

366
00:17:17,359 --> 00:17:18,599
Тоа не е навистина се случува
повеќе толку добро денес.

367
00:17:18,599 --> 00:17:19,560
Па ние ќе продолжат понатаму.

368
00:17:19,560 --> 00:17:20,180
Сите во право.

369
00:17:20,180 --> 00:17:22,760
>> Па ајде да ги разгледаме сега
на неколку примери.

370
00:17:22,760 --> 00:17:24,660
Наједноставен можен
работа може да биде ова.

371
00:17:24,660 --> 00:17:29,170
Одам да се оди напред и да се отвори во
gedit фајл наречен hello.php.

372
00:17:29,170 --> 00:17:31,730

373
00:17:31,730 --> 00:17:36,330
И во внатрешноста на тука, јас ќе одам да брзо
само го направите ова, printf, цитирам

374
00:17:36,330 --> 00:17:38,590
unquote, "Здраво светот."

375
00:17:38,590 --> 00:17:42,460
>> Па известување, а јас ќе дадам се од обратна коса црта n,
Јас не сум пречи да се прогласи главната.

376
00:17:42,460 --> 00:17:45,310
Што се испоставува, во PHP, и многу
јазици, вие не треба главен

377
00:17:45,310 --> 00:17:46,090
функција сама по себе.

378
00:17:46,090 --> 00:17:47,720
Вие само може да започне пишување
вашата програма.

379
00:17:47,720 --> 00:17:51,210
Сега, кога јас ја зачувате оваа датотека, забележиш јас сум
ќе мора да го направите следново.

380
00:17:51,210 --> 00:17:55,360
Јас не одам да се користи се направи, и јас не сум
случува да се користи ѕвекот затоа што PHP, за разлика од

381
00:17:55,360 --> 00:17:57,400
Ц, не е компајлирана јазик.

382
00:17:57,400 --> 00:18:01,400
Тоа е она што се нарекува препознаена
јазик, што значи дека ќе го стартувате

383
00:18:01,400 --> 00:18:04,650
како влез преку друга програма
наречен преведувач.

384
00:18:04,650 --> 00:18:08,150
И таа програма го чита, врвот до
дното, лево кон десно, и не

385
00:18:08,150 --> 00:18:09,290
она што ќе го каже да го стори.

386
00:18:09,290 --> 00:18:12,920
>> Значи во овој случај тука имам
една линија во која се вели printf.

387
00:18:12,920 --> 00:18:17,990
Па кога ќе ја извршите оваа изворниот код,
hello.php, иако програма со која

388
00:18:17,990 --> 00:18:22,830
се случува, практично, да се нарекува PHP,
таа програма PHP се случува да се прочита

389
00:18:22,830 --> 00:18:26,120
оваа датотека, врвот до дното, лево кон десно,
и тоа се случува да го направи она што

390
00:18:26,120 --> 00:18:30,110
кажам тоа да се направи - извршување на кодот, и ако
тоа не го признава нешто, само

391
00:18:30,110 --> 00:18:31,320
плукање тоа надвор.

392
00:18:31,320 --> 00:18:34,940
Па јас ќе одам да се оди напред и да
се кандидира PHP на hello.php.

393
00:18:34,940 --> 00:18:37,110
Enter.

394
00:18:37,110 --> 00:18:39,690
>> И тоа не е сосема она што се наменети.

395
00:18:39,690 --> 00:18:40,530
Па, зошто е тоа така?

396
00:18:40,530 --> 00:18:43,910
Па, PHP е јазик кој е всушност
дизајнирана да биде прилично

397
00:18:43,910 --> 00:18:46,150
испреплетени со интернет.

398
00:18:46,150 --> 00:18:50,460
Кога изработка на веб страни со овој јазик
PHP, како што наскоро ќе видиме, ние ќе

399
00:18:50,460 --> 00:18:54,560
сакате да направите нешто како печати
надвор линии како оваа.

400
00:18:54,560 --> 00:18:55,940
>> Па јас ќе одам да го направите тоа.

401
00:18:55,940 --> 00:19:00,810
Отворен заградата, прашалник, PHP, и
сега јас сум само ќе алинеја само за да одржите

402
00:19:00,810 --> 00:19:01,960
работи убаво.

403
00:19:01,960 --> 00:19:04,910
И сега јас ќе одам да направите е прашање
одбележи блиску заграда.

404
00:19:04,910 --> 00:19:06,270
Па таму е малку на асиметрија тука.

405
00:19:06,270 --> 00:19:07,490
Вие не го направите тоа.

406
00:19:07,490 --> 00:19:10,530
И не го сторат коса црта, па
PHP е малку различен.

407
00:19:10,530 --> 00:19:14,610
>> Но, сега, ако јас повторување на оваа програма,
PHP hello.php, сега

408
00:19:14,610 --> 00:19:16,090
всушност Здраво Светот.

409
00:19:16,090 --> 00:19:17,750
А ние ќе се види зошто ова е вредно.

410
00:19:17,750 --> 00:19:20,960
Еден, тоа ми дозволува да се одреди,
супер експлицитно, ова е

411
00:19:20,960 --> 00:19:22,480
код, изврши тоа.

412
00:19:22,480 --> 00:19:25,480
И тоа е навистина она што овие
специјални тагови имплицираат тука.

413
00:19:25,480 --> 00:19:30,330
>> Но, тоа исто така значи дека ако јас само го прават
нешто како Јас цел овде, дека

414
00:19:30,330 --> 00:19:34,000
значи дека, буквално, дека само ќе
да се испечати, без потреба да

415
00:19:34,000 --> 00:19:36,850
всушност повик printf, или да ги печатите,
или било која слична функција.

416
00:19:36,850 --> 00:19:39,445
Па ние ќе се вратам на тоа
во само еден миг.

417
00:19:39,445 --> 00:19:40,470
>> Прво, да го направите тоа.

418
00:19:40,470 --> 00:19:43,950
Внатрешноста на апаратот, имаме
директориумот наречен Vhosts, за виртуелни

419
00:19:43,950 --> 00:19:47,000
Силите, коса црта локалниот компјутер, коса црта јавноста.

420
00:19:47,000 --> 00:19:50,240
Па тоа е малку опширниот, но долга приказна
Накусо, апаратот не е со цел

421
00:19:50,240 --> 00:19:53,770
само за поддршка C. Тоа е, исто така,
дизајниран за поддршка на PHP.

422
00:19:53,770 --> 00:19:57,440
Но тоа е исто така дизајниран да биде веб
серверот, и базата на податоци на серверот.

423
00:19:57,440 --> 00:20:00,230
И тој е наменет, и навистина конфигуриран,
да биде потсетува на било

424
00:20:00,230 --> 00:20:04,230
комерцијални веб хостинг компанија која
можете да плаќаат $ 5 месечно за,

425
00:20:04,230 --> 00:20:05,040
$ 100 за еден месец за.

426
00:20:05,040 --> 00:20:08,200
Без оглед на услуга е, тоа е конфигуриран
да се биде многу сличен на

427
00:20:08,200 --> 00:20:10,170
реалниот свет производство на серверот.

428
00:20:10,170 --> 00:20:13,485
>> И што значи тоа е тоа што работи на
апаратот е веб сервер софтвер.

429
00:20:13,485 --> 00:20:15,060
Тоа се случува да се нарече Апачи.

430
00:20:15,060 --> 00:20:17,790
Тоа е само слободен, софтвер со отворен код,
и многу популарни.

431
00:20:17,790 --> 00:20:23,260
И ние имаме конфигуриран Apache-то да знаете
дека ако јас ја посетите одреден рачно, со

432
00:20:23,260 --> 00:20:28,060
Хром или било кој прелистувач внатрешноста на
апаратот, да се погледне во овој директориум

433
00:20:28,060 --> 00:20:31,030
за датотеките што
корисникот е барател.

434
00:20:31,030 --> 00:20:32,790
>> Со други зборови, дозволете ми да
оди напред и да го направите тоа.

435
00:20:32,790 --> 00:20:36,890
Внатрешноста на мојата јавна директориум, јас ќе одам
да се оди напред и да се создаде датотека

436
00:20:36,890 --> 00:20:39,580
наречен index.html.

437
00:20:39,580 --> 00:20:41,000
Што ми дава табот тука.

438
00:20:41,000 --> 00:20:44,210
И јас одам да се оди многу брзо
и оди напред и да се тресне од

439
00:20:44,210 --> 00:20:45,010
оваа програма тука.

440
00:20:45,010 --> 00:20:48,410
DOCTYPE HTML, која за сега, само
Претпоставувам дека имаш да напишеш.

441
00:20:48,410 --> 00:20:53,490
Тоа е само таинствениот таг, тоа не е
навистина таг HTML, дека се нагласува дека

442
00:20:53,490 --> 00:20:55,050
тука доаѓа некои HTML.

443
00:20:55,050 --> 00:20:57,400
>> Одам да се оди напред и да се рекреираат
она што го видовме пред еден миг.

444
00:20:57,400 --> 00:20:58,650
Тука е шеф на страната.

445
00:20:58,650 --> 00:21:01,170
Во внатрешноста на главата беше -

446
00:21:01,170 --> 00:21:01,890
па насловот.

447
00:21:01,890 --> 00:21:04,340
Па ние ќе се каже здраво, светот.

448
00:21:04,340 --> 00:21:06,570
А потоа долу тука е телото таг.

449
00:21:06,570 --> 00:21:08,580
Дозволете ми да го затвори телото таг.

450
00:21:08,580 --> 00:21:12,280
А потоа тука Јас исто така ќе се каже,
само за јасност, Здраво светот.

451
00:21:12,280 --> 00:21:14,770
>> Па ова е, веројатно, наједноставниот
можен веб страница можете

452
00:21:14,770 --> 00:21:15,770
може да се направи тоа е валидно.

453
00:21:15,770 --> 00:21:17,030
Тоа е синтаксички валидни.

454
00:21:17,030 --> 00:21:18,620
Сето она што се отвори е затворен.

455
00:21:18,620 --> 00:21:20,910
Се е убаво во
стилизирана и вовлечен.

456
00:21:20,910 --> 00:21:23,600
Да видиме сега како јас
може да пристапите на оваа датотека.

457
00:21:23,600 --> 00:21:25,540
>> Па, дозволете ми да одат во Хром тука.

458
00:21:25,540 --> 00:21:35,050
И дозволете ми да одат на
http://localhost/index.html.

459
00:21:35,050 --> 00:21:36,200
Значи она што е локалниот компјутер?

460
00:21:36,200 --> 00:21:39,400
Добро, повеќето било кој компјутер во светот,
Linux, Mac OS, Windows, има прекар

461
00:21:39,400 --> 00:21:40,680
наречена локалниот компјутер.

462
00:21:40,680 --> 00:21:42,900
Па ако некогаш сакате да разговарате
да на свој компјутер -

463
00:21:42,900 --> 00:21:45,140
иако, чудно е рефлексивно -

464
00:21:45,140 --> 00:21:47,080
ти себе се нарекуваш локалниот компјутер.

465
00:21:47,080 --> 00:21:50,390
Без разлика што вашиот вистински компјутер е
вика, без разлика дали тоа е на David MacBook

466
00:21:50,390 --> 00:21:52,490
Воздух, или нешто повеќе
опширниот како тоа.

467
00:21:52,490 --> 00:21:57,760
>> Значи ова URL е очигледно случува да се користи
на HTTP да разговара со локалните домаќин,

468
00:21:57,760 --> 00:22:00,800
на ист компјутер, со уредот и
тоа се случува да побара, само да потрае

469
00:22:00,800 --> 00:22:02,570
погоди, она што датотека?

470
00:22:02,570 --> 00:22:04,460
Index.html.

471
00:22:04,460 --> 00:22:08,650
Значи уредот е конфигуриран во
однапред да знаат дека ако Прашувам

472
00:22:08,650 --> 00:22:13,460
за нешто како index.html, барате
во една папка наречена Vhosts, во

473
00:22:13,460 --> 00:22:17,950
папка наречена локалниот компјутер, во фолдерот
во него се нарекува јавност.

474
00:22:17,950 --> 00:22:20,400
Тоа е каде што сите од моите јавноста
додадени фајлови: се случува да биде.

475
00:22:20,400 --> 00:22:22,610
Па јас сум сега ќе удри Enter.

476
00:22:22,610 --> 00:22:27,100
>> И проклето, не е дека забранетото
порака, инаку позната како 403, на

477
00:22:27,100 --> 00:22:28,490
нумерички код за неа.

478
00:22:28,490 --> 00:22:30,130
Значи она што е во ред овде?

479
00:22:30,130 --> 00:22:33,210
Па, тоа не е доволно само да се стави
на датотеката во внатрешноста на мојата папка.

480
00:22:33,210 --> 00:22:35,790
Јас треба да всушност го направите следново.

481
00:22:35,790 --> 00:22:40,210
>> Дозволете ми да одам во мојата Vhosts директориум, во
localhost, во јавноста, и нека

482
00:22:40,210 --> 00:22:41,680
ми направи ls цртичка л.

483
00:22:41,680 --> 00:22:44,510
И има неколку други работи
тука за целите на денешниот ден.

484
00:22:44,510 --> 00:22:50,540
Но информации на левата страна, веднаш
да index.html, ние само се види еден RW за преснимување.

485
00:22:50,540 --> 00:22:53,560
И во минатото, она што
нема RW застана за?

486
00:22:53,560 --> 00:22:54,240
>> Само читаат или да пишуваат.

487
00:22:54,240 --> 00:22:58,000
Фактот дека тоа вели RW на левата страна
значи јас, сопственикот на оваа датотека, може да се

488
00:22:58,000 --> 00:22:59,020
прочита или запише неа.

489
00:22:59,020 --> 00:23:05,010
Но јас треба да ги споделите со сите луѓе во
свет ја прочитате оваа, иако не го пишувам.

490
00:23:05,010 --> 00:23:09,650
Па ќе одам да го промените режимот на
датотека, chmod, сите плус r за да даде

491
00:23:09,650 --> 00:23:13,910
сите читаат дозвола на
фајл наречен index.html.

492
00:23:13,910 --> 00:23:18,040
>> И ако јас сега Повторете ls цртичка л, најава
тоа, овде, некои повеќе

493
00:23:18,040 --> 00:23:19,160
На R се појави.

494
00:23:19,160 --> 00:23:21,090
И сега за сега, на спец оди
во повеќе детали.

495
00:23:21,090 --> 00:23:24,450
За P сет 7, тоа само значи секој
Сега можете да ја прочитате оваа датотека.

496
00:23:24,450 --> 00:23:27,790
Ако јас се вратиме на мојот интернет пребарувач
сега и повторно, Voila.

497
00:23:27,790 --> 00:23:28,750
Здраво светот.

498
00:23:28,750 --> 00:23:32,260
>> И јас дури и може да се отвори мојот Хром алатки
и види, исто како со Google и

499
00:23:32,260 --> 00:23:34,590
Фејсбук дека има мојот HTML,
форматирана малку

500
00:23:34,590 --> 00:23:35,930
поинаку и обоени.

501
00:23:35,930 --> 00:23:40,450
Ако одам до мрежата јазичето и ја превчитате
на страница, забележите дека постои добие

502
00:23:40,450 --> 00:23:42,900
побара Хром е испраќање
на апаратот.

503
00:23:42,900 --> 00:23:46,020
Тука е и 200 за кои
особено датотека.

504
00:23:46,020 --> 00:23:49,340
Значи во кратки, ова е како сите овие
различни парчиња доаѓаат заедно.

505
00:23:49,340 --> 00:23:53,530
Тоа само така се случува, дека на веб-серверот
ние сме користење на правото сега не е далечинскиот управувач,

506
00:23:53,530 --> 00:23:54,210
како што се Фејсбук.

507
00:23:54,210 --> 00:23:58,330
Тоа е буквално на ист компјутер,
кој е совршено добро.

508
00:23:58,330 --> 00:24:00,590
>> Па што повеќе можеме да направиме во некоја веб страница?

509
00:24:00,590 --> 00:24:03,110
Па, само, ајде да бриз преку
неколку од овие работи.

510
00:24:03,110 --> 00:24:07,860
Но дозволете ми да оди напред и да отвори
Gedit со index.html.

511
00:24:07,860 --> 00:24:13,980
И дозволете ми да оди напред и да каже здраво CS50,
спаси оваа датотека, вратете се на

512
00:24:13,980 --> 00:24:16,260
пребарувачот, навистина underwhelming промени.

513
00:24:16,260 --> 00:24:19,130
>> Но што ако ние сакаме да всушност
водат до нешто што сега?

514
00:24:19,130 --> 00:24:23,480
Значи излегува дека можеме да имаме
врски во HTML дека се само тагови

515
00:24:23,480 --> 00:24:24,140
себе.

516
00:24:24,140 --> 00:24:27,320
Тоа се случува да се нарече
сидро таг. a href еднаква на

517
00:24:27,320 --> 00:24:33,190
https://www.cs50.net, www.cs50.net
Затвори цитат, блиску заграда.

518
00:24:33,190 --> 00:24:35,230
И сега ајде да видиме што
друго следува потоа.

519
00:24:35,230 --> 00:24:36,500
>> Сум го отвори таг.

520
00:24:36,500 --> 00:24:38,990
Јас сега треба да го даде
една фраза од типот CS50.

521
00:24:38,990 --> 00:24:40,600
Дозволете ми да го затвори таг.

522
00:24:40,600 --> 00:24:42,010
И ќе забележите неколку работи.

523
00:24:42,010 --> 00:24:45,270
Иако има оваа криптичната работа
тука, не сум го повтори кога ќе

524
00:24:45,270 --> 00:24:46,010
затвори таг.

525
00:24:46,010 --> 00:24:48,230
Вие само затвори таг
со своето име сам.

526
00:24:48,230 --> 00:24:50,940
И тоа е она што е познат како
атрибут со вредност.

527
00:24:50,940 --> 00:24:56,070
Атрибути само ја менувате на однесување
на некои таг внатрешноста на една страница.

528
00:24:56,070 --> 00:24:59,150
>> Па ова е прецизирајќи дека хипер
референца, фенси начин да се каже

529
00:24:59,150 --> 00:25:03,660
URL за ова сидро, за овој
линк, треба да биде CS50.net.

530
00:25:03,660 --> 00:25:07,440
И текстот што сакаме да го покаже
корисникот не е дека суровини рачно, туку

531
00:25:07,440 --> 00:25:08,730
зборот CS50.

532
00:25:08,730 --> 00:25:13,710
>> Значи, ако сега јас ја превчитате, дозволете ми да зумирате за
јасност, дозволете ми да ја превчитате страница,

533
00:25:13,710 --> 00:25:16,460
забележите дека имаме оваа старата школа
сини истакна линк.

534
00:25:16,460 --> 00:25:20,000
И ако јас лебдат над неа, и тоа се случува
да биде тешко да се види, во долниот лев агол

535
00:25:20,000 --> 00:25:23,690
агол на екранот, информации
за кои вели дека го URL-то на кое

536
00:25:23,690 --> 00:25:24,430
Одам да одите.

537
00:25:24,430 --> 00:25:27,940
И ако јас кликнете таму, Voila,
сега сум изработка на веб страници.

538
00:25:27,940 --> 00:25:30,140
И ние се доведе
до почетната страница.

539
00:25:30,140 --> 00:25:32,670
>> Но забележите она што потенцијалните
ова ни нуди.

540
00:25:32,670 --> 00:25:34,890
Безбедноста е многу
во мода овие денови.

541
00:25:34,890 --> 00:25:41,210
Што ако јас наместо да каже нешто како
ова, и јас наместо да одат во, да речеме, ајде да

542
00:25:41,210 --> 00:25:42,460
Гледаш, fakeCS50.net.

543
00:25:42,460 --> 00:25:44,660

544
00:25:44,660 --> 00:25:46,360
Вчитајте ја оваа страница.

545
00:25:46,360 --> 00:25:50,180
>> Добро, така забележите тоа се уште изгледа како да сум
ќе CS50, освен ако остроумен око

546
00:25:50,180 --> 00:25:51,560
ќе забележиш јас ќе одам да се лажни CS50.

547
00:25:51,560 --> 00:25:54,550
Јас сум Сомневајќи овој домен не е донесена.

548
00:25:54,550 --> 00:25:55,960
Добро, па тоа не е на располагање.

549
00:25:55,960 --> 00:25:56,600
Па тоа е добро.

550
00:25:56,600 --> 00:25:57,900
Никој всушност има овој домен.

551
00:25:57,900 --> 00:26:00,380
>> Но, да бидеме малку повеќе малициозен
затоа што тоа е вид на глупави.

552
00:26:00,380 --> 00:26:02,240
Што ако ние го промените ова во PayPal.

553
00:26:02,240 --> 00:26:09,960
И што ако ние го нарекуваме овој, како,
www.paypal.badguy.com,

554
00:26:09,960 --> 00:26:12,070
без оглед на домен е.

555
00:26:12,070 --> 00:26:13,700
Што веројатно постои.

556
00:26:13,700 --> 00:26:16,260
Па сега дозволете ми да ја превчитате страната.

557
00:26:16,260 --> 00:26:22,890
И тука имаме еден вид на фишинг
напад, P-H-I-С-Н-И-Н-Г, кој е

558
00:26:22,890 --> 00:26:26,760
глупо зборот даден за напад што
се обидува да риби информации, или подобро

559
00:26:26,760 --> 00:26:30,450
сепак, пари, од луѓето со трикови
нив во обезбедување на информации кои

560
00:26:30,450 --> 00:26:31,990
што инаку не би можеле да се направи.

561
00:26:31,990 --> 00:26:33,500
Ова изгледа сосема legit, нели?

562
00:26:33,500 --> 00:26:34,930
Јас мора да имаат линк тука за да Paypal.com.

563
00:26:34,930 --> 00:26:37,700

564
00:26:37,700 --> 00:26:40,430
Во фер, ако јас го полово со некои
графика, можеме да го направите да изгледа

565
00:26:40,430 --> 00:26:41,310
повеќе како PayPal.

566
00:26:41,310 --> 00:26:41,510
Нели?

567
00:26:41,510 --> 00:26:43,815
Затоа што можев, како настрана,
Јас би можеле да одат на Paypal.com.

568
00:26:43,815 --> 00:26:47,110
И ние сме само гледа како можам
ги видиш сите од нивните HTML.

569
00:26:47,110 --> 00:26:50,560
Јас само би можеле да го копирате и го пресоздаде
естетика на Paypal наместо да одат

570
00:26:50,560 --> 00:26:51,490
старата школа тука.

571
00:26:51,490 --> 00:26:55,010
Но забележи, се разбира, и тоа е малку
мали, сепак, само во долниот

572
00:26:55,010 --> 00:26:59,190
лев агол, во како 10 точка
фонт, дали да видиме што рачно сте

573
00:26:59,190 --> 00:27:01,310
всушност, се случува да се доведе до.

574
00:27:01,310 --> 00:27:06,580
>> И така, ако некогаш сте добиле спам велејќи
оди напред, а ти си сметка

575
00:27:06,580 --> 00:27:07,420
е компромитиран.

576
00:27:07,420 --> 00:27:10,615
Ве молиме кликнете на овој линк и ги споделите со нас
вашата лозинка за да можеме да се обезбеди сте

577
00:27:10,615 --> 00:27:13,010
вас, никогаш не го направи тоа.

578
00:27:13,010 --> 00:27:14,180
Овие работи треба да оди без велејќи.

579
00:27:14,180 --> 00:27:17,670
Но тоа е прекрасно забавна, и
трагична, како секоја година се чини дека ова

580
00:27:17,670 --> 00:27:19,660
се случи да некои не-нулта
број на луѓе.

581
00:27:19,660 --> 00:27:21,400
>> И тоа е убавината
на phishing напади.

582
00:27:21,400 --> 00:27:23,160
Можете да испрати еден милион пораки.

583
00:27:23,160 --> 00:27:27,720
Па дури и ако 0.01% од луѓето, всушност,
кликнете на Paypal и да ви даде вашиот

584
00:27:27,720 --> 00:27:31,040
лозинка, што е уште една не-нулта број
на луѓе кои си само даваат

585
00:27:31,040 --> 00:27:32,200
ти своите пари.

586
00:27:32,200 --> 00:27:36,170
И испраќање на пораки, се разбира, е сосема
лесна и, во суштина, бесплатни

587
00:27:36,170 --> 00:27:36,970
овие денови.

588
00:27:36,970 --> 00:27:40,410
>> Па скратам приказната, прекрасно
прекрасна идеја, нели?

589
00:27:40,410 --> 00:27:44,620
Години, ова беше најрано
веб, овозможувајќи им на мрежата на

590
00:27:44,620 --> 00:27:46,330
хиперлинкови меѓу ресурси.

591
00:27:46,330 --> 00:27:49,520
Но толку брзо што може да биде
користи за болните цели.

592
00:27:49,520 --> 00:27:54,100
И-мејл, доволно е да се каже, овие
дена, го HTML вградени внатре.

593
00:27:54,100 --> 00:27:55,410
>> Па, дозволете ми да само една друга работа.

594
00:27:55,410 --> 00:27:58,640
И ние ќе го одложат во голема мера да делот во
Проблемот постави седум да ви овозможи да

595
00:27:58,640 --> 00:28:00,000
истражуваат деталите.

596
00:28:00,000 --> 00:28:01,990
Но дозволете ми да оди напред и да
направи неколку работи овде.

597
00:28:01,990 --> 00:28:04,840
Одам да одат во и прогласи
она што се нарекува div, или

598
00:28:04,840 --> 00:28:06,080
поделба, на страната.

599
00:28:06,080 --> 00:28:07,770
Дозволете ми да ја затвори таа div таг.

600
00:28:07,770 --> 00:28:11,460
>> И јас одам да се каже до
тука на врвот на страната.

601
00:28:11,460 --> 00:28:14,940
А потоа под оваа, јас ќе одам да направите
нешто како уште една div, затворите овој

602
00:28:14,940 --> 00:28:17,800
ознака, и направете го дното на страницата.

603
00:28:17,800 --> 00:28:18,840
И нека си го спаси.

604
00:28:18,840 --> 00:28:21,040
>> Па сега да се вратиме на мојот датотека.

605
00:28:21,040 --> 00:28:22,120
Многу underwhelming.

606
00:28:22,120 --> 00:28:25,520
Но она поделба се користи за,
под капакот на моторот, е тоа е всушност

607
00:28:25,520 --> 00:28:26,920
убав структурен елемент.

608
00:28:26,920 --> 00:28:30,300
Тоа нема никаква естетика толку далеку што
можеме да видиме, освен, очигледно,

609
00:28:30,300 --> 00:28:31,890
оставате работите на нови линии.

610
00:28:31,890 --> 00:28:36,290
>> Но известување, како настрана, само удирајќи
Внесете не ја сече во HTML допаѓа

611
00:28:36,290 --> 00:28:39,840
се во C. Можеби мислите дека тоа е
случува да се стави убав голем јаз помеѓу

612
00:28:39,840 --> 00:28:41,300
врвот и на дното од страницата.

613
00:28:41,300 --> 00:28:43,420
Но тоа е игнорирана.

614
00:28:43,420 --> 00:28:48,040
Бел простор е во суштина игнорира во
веб страници освен на првата

615
00:28:48,040 --> 00:28:51,530
простор бар карактер, или пајтон се врати,
што го погоди на тастатурата.

616
00:28:51,530 --> 00:28:55,370
Ако сакате повеќе линија паузи, можете
мора да го наведете себе.

617
00:28:55,370 --> 00:28:59,080
>> Па јас ќе одам да направите неколку работи
тука за да покаже што се случува.

618
00:28:59,080 --> 00:29:02,700
Одам да додадете атрибут кој
постои и повторно, на начин што го учат

619
00:29:02,700 --> 00:29:07,110
она што атрибути постојат, она тагови постојат,
навистина, е онлајн референци.

620
00:29:07,110 --> 00:29:09,750
HTML е вид на јазикот - тоа е
не е програмски јазик.

621
00:29:09,750 --> 00:29:12,460
Тоа е маркап јазик - што по
добра половина час, можеби, еден час со

622
00:29:12,460 --> 00:29:15,930
тоа, сигурно ќе сфати, повеќето
најверојатно, основната идеја.

623
00:29:15,930 --> 00:29:20,350
И потоа пребарување на Google далеку е за сите
можните тагови кои што може да биде

624
00:29:20,350 --> 00:29:21,170
поинтересувате

625
00:29:21,170 --> 00:29:24,290
И за на спецификации, што е сосема
добредојде и ги охрабри тука.

626
00:29:24,290 --> 00:29:26,120
>> Па сега дозволете ми да оди напред и да
направи вакво нешто.

627
00:29:26,120 --> 00:29:28,690
Background-color.

628
00:29:28,690 --> 00:29:32,060
И сега, јас ќе одам да направите нешто
како црвена, точка-запирка.

629
00:29:32,060 --> 00:29:33,970
И можете да го направите ова во
неколку различни начини.

630
00:29:33,970 --> 00:29:36,770
Јас сум само вид на пишување како супер
експлицитно како е можно.

631
00:29:36,770 --> 00:29:41,960
>> Но излегува дека оваа вредност е тука
она што се нарекува CSS, Cascading Style

632
00:29:41,960 --> 00:29:43,700
Листови, што е уште еден
јазик заедно.

633
00:29:43,700 --> 00:29:46,770
CSS има никаква врска со
отвори тагови и блиски тагови.

634
00:29:46,770 --> 00:29:48,230
Тоа има врска со својства.

635
00:29:48,230 --> 00:29:52,660
>> И својства се едноставно клучните вредност
пара, која само значи некој збор,

636
00:29:52,660 --> 00:29:54,680
дебелото црево, а потоа некои други зборови.

637
00:29:54,680 --> 00:29:57,940
И ако имате повеќе деца, или само
еден тука, може да се стави крај на тоа со

638
00:29:57,940 --> 00:29:59,390
точка и запирка, само за јасност.

639
00:29:59,390 --> 00:30:01,370
Но, тоа, исто така, ќе работат тука.

640
00:30:01,370 --> 00:30:02,500
>> Сега што е ова се случува да направам?

641
00:30:02,500 --> 00:30:03,610
Што веројатно може да се погоди.

642
00:30:03,610 --> 00:30:05,930
Дозволете ми да оди напред и повторно пробајте.

643
00:30:05,930 --> 00:30:07,300
И сега тоа е навистина доаѓаат заедно.

644
00:30:07,300 --> 00:30:09,150
Па врвот на мојата страница е црвена.

645
00:30:09,150 --> 00:30:12,380
Но она што е Клучот тука е дека, јас спомнав
порано, дека div ви дава

646
00:30:12,380 --> 00:30:13,220
поделба на страната.

647
00:30:13,220 --> 00:30:14,410
И тоа е навистина она што го прави тоа.

648
00:30:14,410 --> 00:30:17,920
Тоа во суштина го дели страница во
правоаголник што можете да потоа

649
00:30:17,920 --> 00:30:18,720
манипулира.

650
00:30:18,720 --> 00:30:22,330
>> И ова сфаќање на правоаголници е вид на
релевантни во тоа, ако мислите на

651
00:30:22,330 --> 00:30:26,410
повеќето секој веб-сајт, има веројатно
некаква структура на него.

652
00:30:26,410 --> 00:30:29,620
Повеќето од вас веројатно ретко се гледа
Фејсбук почетната страница од пребарувачот ако сте логирани

653
00:30:29,620 --> 00:30:30,440
во секое време.

654
00:30:30,440 --> 00:30:33,920
>> Но на почетната страница на Фејсбук, има
некој вид на div по должината на врвот.

655
00:30:33,920 --> 00:30:36,140
И тоа не може да биде едноставно
како еден div, но има еден

656
00:30:36,140 --> 00:30:37,560
правоаголни регионот таму.

657
00:30:37,560 --> 00:30:40,290
Остатокот на страницата е како
огромен div, како многу

658
00:30:40,290 --> 00:30:41,910
поголеми правоаголни регионот.

659
00:30:41,910 --> 00:30:44,540
Па скратам приказната, само со
овие мали градежни блокови, на

660
00:30:44,540 --> 00:30:49,250
способност за модел нешта како правоаголници,
дали широк или тесен, можете исто така да

661
00:30:49,250 --> 00:30:53,680
направи колони потенцијално, ви овозможува да
нокаутирам страници, навистина, меѓутоа вие можете

662
00:30:53,680 --> 00:30:54,100
би сакал.

663
00:30:54,100 --> 00:30:56,170
Ние сме навистина само гребење
на површината овде.

664
00:30:56,170 --> 00:30:59,820
>> Навистина, ако го направам еден другиот,
дозволете ми да оди напред и да прават стил,

665
00:30:59,820 --> 00:31:05,410
позадина во боја, ние ќе направиме нешто
како сина, во близина цитати.

666
00:31:05,410 --> 00:31:06,620
Ајде да ја превчитате ова.

667
00:31:06,620 --> 00:31:08,260
Па сега тоа е добивање уште погрда.

668
00:31:08,260 --> 00:31:11,520
Но сега јас вид на може да се покажат
мојата P постави пет вештини, нели?

669
00:31:11,520 --> 00:31:12,690
Црвено.

670
00:31:12,690 --> 00:31:15,640
Тоа ме потсетува на RGB, црвена
Зелена Сина тројки.

671
00:31:15,640 --> 00:31:19,330
Па, излегува во веб програмирање,
или веб дизајн, што е ова, ние сме

672
00:31:19,330 --> 00:31:21,650
уште не се програмирани ништо
по себе, можете да всушност

673
00:31:21,650 --> 00:31:22,880
имаат хексадецимален код.

674
00:31:22,880 --> 00:31:26,480
Така нешто, нешто
нешто, нешто нешто.

675
00:31:26,480 --> 00:31:30,650
Така може да имаат шест хексадецимален
знаци, или три, во некои случаи,

676
00:31:30,650 --> 00:31:33,480
и секоја од овие прашалници
мора да биде хексадецимални цифри,

677
00:31:33,480 --> 00:31:34,985
ѓ нула преку.

678
00:31:34,985 --> 00:31:41,000
>> Ако сакам да имаат многу на црвено, и
без зелена, и нема сини, она што е

679
00:31:41,000 --> 00:31:43,740
спротивно на нула кога се користи хексадецимален?

680
00:31:43,740 --> 00:31:44,480
Тоа е ѓ.

681
00:31:44,480 --> 00:31:51,130
Така што можам да направам FF, нула нула, нула нула,
спаси ова, и сега доаѓаат овде долу.

682
00:31:51,130 --> 00:31:52,700
И јас не се всушност видите промена.

683
00:31:52,700 --> 00:31:56,230
Па цитат unquote "црвените" е очигледно
синоним за сите црвени,

684
00:31:56,230 --> 00:31:57,610
без зелена, нема сино.

685
00:31:57,610 --> 00:31:59,960
Во меѓувреме, ајде да се намерно промени
ова да биде нешто

686
00:31:59,960 --> 00:32:01,210
случаен, како ABCDF.

687
00:32:01,210 --> 00:32:03,790

688
00:32:03,790 --> 00:32:05,860
>> Ајде да видиме што е тоа.

689
00:32:05,860 --> 00:32:08,530
Тоа е навистина убаво сино,
всушност, бебе сина.

690
00:32:08,530 --> 00:32:11,820
Сите во право, па овие се само сега
малку случаен комбинации на

691
00:32:11,820 --> 00:32:12,210
карактери.

692
00:32:12,210 --> 00:32:13,410
Па ние не ќе се заглави во тука.

693
00:32:13,410 --> 00:32:15,930
Но, повторно, ова зборува за прецизност
што може да почнат да

694
00:32:15,930 --> 00:32:19,090
применуваат - дури и ако сте многу совладан
од страна на естетиката.

695
00:32:19,090 --> 00:32:21,750
Всушност, ако навистина сакаат да бидат
импресиониран, дозволете ми да оди напред и да се промени

696
00:32:21,750 --> 00:32:23,500
големината на фонтот, на пример.

697
00:32:23,500 --> 00:32:25,960
И ќе забележите дека запирка, која
Потребно е таму.

698
00:32:25,960 --> 00:32:29,570
>> Големината на фонтот, можеме да бидеме само смешно
тука, 96 поен.

699
00:32:29,570 --> 00:32:31,280
Спаси.

700
00:32:31,280 --> 00:32:33,670
Леле, тоа е голема големина на фонтот.

701
00:32:33,670 --> 00:32:35,490
Сите во право, па тоа е многу лесно.

702
00:32:35,490 --> 00:32:38,260
И всушност, ти си суштина гледање
на првиот веб страница не сум направил

703
00:32:38,260 --> 00:32:40,060
години, кога јас прв пат
научиле овие работи.

704
00:32:40,060 --> 00:32:42,190
Тоа е многу лесно да се направи многу
грозен работи брзо.

705
00:32:42,190 --> 00:32:46,115
>> И ако сте запознаени со Wayback
Машина на archive.org, можете

706
00:32:46,115 --> 00:32:48,210
може да се најдат сите мои грозен
undergrad веб страници.

707
00:32:48,210 --> 00:32:50,090
Имаше Kermit жабата на предната страна.

708
00:32:50,090 --> 00:32:53,150
Отидов низ фаза каде Мислев
тоа беше кул да се земе позадината на

709
00:32:53,150 --> 00:32:56,320
црвена завеса, кога научив како можете
може плочка слики, повторно, и повторно, и

710
00:32:56,320 --> 00:32:59,540
повторно, да се пополни страница со
голема натруфен црвена завеса.

711
00:32:59,540 --> 00:33:03,120
И тогаш, на врвот на ова, беше икона
што ќе мораше да кликнете за да влезат во мојот дом

712
00:33:03,120 --> 00:33:04,960
страница, бидејќи тоа беше
многу многу во мода.

713
00:33:04,960 --> 00:33:08,870
>> И тогаш мојата прва програма што некогаш сум го напишала
не беше во PHP, но во јазик

714
00:33:08,870 --> 00:33:12,260
вика бисер, напиша книга за гости, кои
е навистина кул работа што

715
00:33:12,260 --> 00:33:14,250
многу луѓе што се очекува
да се има на почетната страница.

716
00:33:14,250 --> 00:33:17,510
Кога ќе стигнете до страницата, тие сакаат да
да влезете во, и да каже кој сте,

717
00:33:17,510 --> 00:33:18,720
и зошто сте таму.

718
00:33:18,720 --> 00:33:21,320
Ова е многу 1990 стил веб дизајн.

719
00:33:21,320 --> 00:33:24,130
>> Но, овие денови, сигурно, ние сме
доаѓаат многу подалеку.

720
00:33:24,130 --> 00:33:27,560
И ќе видите, во делот, па дури и
во проблемот постави седум, од страна на

721
00:33:27,560 --> 00:33:31,570
проширува библиотеки овие денови,
тоа е многу полесно да се направи

722
00:33:31,570 --> 00:33:33,400
поубава работи брзо.

723
00:33:33,400 --> 00:33:36,550
Навистина тука, ние сме само гребење
по површината на она што можете да направите

724
00:33:36,550 --> 00:33:37,400
стилски.

725
00:33:37,400 --> 00:33:41,660
>> И всушност, веќе, дозволете ми да истакнам
дека ова е веќе добивање грда, не

726
00:33:41,660 --> 00:33:46,030
само естетски, туку во смисла
на стил на мојот код, или

727
00:33:46,030 --> 00:33:47,260
дизајн на мојот код.

728
00:33:47,260 --> 00:33:52,350
Јас во моментов comingled HTML, кои
е зеленикаво отворен тагови таму, со

729
00:33:52,350 --> 00:33:55,160
CSS особини, кои
е целосно legit.

730
00:33:55,160 --> 00:33:57,200
Ова е навистина каде што јазикот
имаше своето потекло.

731
00:33:57,200 --> 00:34:01,030
>> Но во интерес на чист дизајн,
многу како почнавме факторинг работи

732
00:34:01,030 --> 00:34:05,370
надвор од C датотеки во. ж датотеки, нека
мене всушност практикува таков вид на

733
00:34:05,370 --> 00:34:07,990
принцип и почнете да правите
овој наместо тоа.

734
00:34:07,990 --> 00:34:13,280
Дозволете ми да се стави стил таг до тука, што
исто така постои во HTML, и дозволете ми да

735
00:34:13,280 --> 00:34:15,330
наведете следново.

736
00:34:15,330 --> 00:34:16,360
Дозволете ми да ја избришете оваа.

737
00:34:16,360 --> 00:34:18,110
Боја на позадината ќе биде црвено.

738
00:34:18,110 --> 00:34:19,800
Одам да го избришете овој целосно.

739
00:34:19,800 --> 00:34:22,580
Одам да се ослободи од стил
припишуваат, а јас ќе одам да уникатно

740
00:34:22,580 --> 00:34:24,620
идентификуваат оваа div со еден збор -

741
00:34:24,620 --> 00:34:28,750
арбитрарно, туку разумно, цитат
unquote "врвот". И проект е посебен

742
00:34:28,750 --> 00:34:32,530
атрибут, кои еднозначно ги дефинира
одреден ХТМЛ елементот

743
00:34:32,530 --> 00:34:33,850
како што имаат тој проект.

744
00:34:33,850 --> 00:34:37,969
>> Ако јас сега сакаат да стилизирани тоа, овде горе во
шефот на мојата страница, во внатрешноста на

745
00:34:37,969 --> 00:34:41,730
стил таг, забележи дека
Што можам да направам хаш врвот.

746
00:34:41,730 --> 00:34:45,300
А потоа можам да се стави неколку кадрава
загради, потсетува на C, а потоа нека

747
00:34:45,300 --> 00:34:47,130
мене ставете во таа стилизација.

748
00:34:47,130 --> 00:34:49,929
И дозволете ми да оди напред тука и да се предвиди
каде ќе одам со ова.

749
00:34:49,929 --> 00:34:53,380
Дозволете ми исто така, создаде една
за дното DIV.

750
00:34:53,380 --> 00:34:58,010
Дозволете ми да го имате овој грозен кодот од долу
тука, го стави во тука, а јас ќе бидам

751
00:34:58,010 --> 00:35:00,770
малку повеќе анален сега и стилизиран тоа
од само ставање работите на свој

752
00:35:00,770 --> 00:35:02,540
линија, завршувајќи со запирки.

753
00:35:02,540 --> 00:35:04,430
Дозволете ми да се ослободи од стил таг.

754
00:35:04,430 --> 00:35:05,320
>> Но, јас не сум се направи уште.

755
00:35:05,320 --> 00:35:07,406
Јас треба да направите една друга работа.

756
00:35:07,406 --> 00:35:10,070
Да, ид еднаква цитат unquote, "дното"
или што ид Сакам да

757
00:35:10,070 --> 00:35:11,740
даде тој елемент.

758
00:35:11,740 --> 00:35:13,420
Сега, да се навратам овде.

759
00:35:13,420 --> 00:35:14,360
И ова е крволочен.

760
00:35:14,360 --> 00:35:15,805
Јас не може да се справи со 96 поен.

761
00:35:15,805 --> 00:35:16,960
Ајде да направиме 24 точка.

762
00:35:16,960 --> 00:35:18,320
Или можете да бидам попрецизен.

763
00:35:18,320 --> 00:35:21,800
Можете да го користите пиксели, PX, па
дека навистина се пофини жито

764
00:35:21,800 --> 00:35:23,220
контрола над вашата страница.

765
00:35:23,220 --> 00:35:26,860
>> Како настрана, тоа не е нужно
најдоброто нешто што ако корисниците, за

766
00:35:26,860 --> 00:35:29,650
пристапност причини, сакате да
да биде во можност да се зголеми големини.

767
00:35:29,650 --> 00:35:32,650
Па сфатат дека постојат начини на вршење на
работи кои не мора да значи

768
00:35:32,650 --> 00:35:34,230
тешко код сè.

769
00:35:34,230 --> 00:35:37,220
>> Сите во право, па тоа е поголем, 24 точка,
од она што стандардно е.

770
00:35:37,220 --> 00:35:38,630
Но, сега тоа е малку почист.

771
00:35:38,630 --> 00:35:40,230
И дозволете ми да ја искористам оваа еден чекор понатаму.

772
00:35:40,230 --> 00:35:47,220
Исто како и на идејата за насловот датотеки,
забележите ние сме еден чекор поблиску до тоа.

773
00:35:47,220 --> 00:35:52,000
Имам констатирано и надвор, но сепак остави,
внатрешноста на мојата страница, оние CSS правила.

774
00:35:52,000 --> 00:35:56,200
Зошто јас можеби ќе сакате да ја искористам оваа еден чекор
понатаму, го отстраните овој целосно, и

775
00:35:56,200 --> 00:35:59,860
го стави во посебна датотека?

776
00:35:59,860 --> 00:36:01,070
>> За да можам да го повторна употреба, нели?

777
00:36:01,070 --> 00:36:03,155
Ова е само вид на интуиција
токму сега.

778
00:36:03,155 --> 00:36:06,340
Пред, јас тврдеше дека тоа е само
добивање грди има стил

779
00:36:06,340 --> 00:36:08,480
атрибути внатрешноста на
Divs себе.

780
00:36:08,480 --> 00:36:09,750
Но само вид на мисли дека преку.

781
00:36:09,750 --> 00:36:13,560
Како вашата страница добива подолго и подолго, ако
сте ставање тука, и тука, и

782
00:36:13,560 --> 00:36:18,350
тука и тука, на сите овие различни
бои, и фонтови, и други такви

783
00:36:18,350 --> 00:36:22,550
атрибути, вашата страница е многу брзо
ќе стане неподнослив за вас.

784
00:36:22,550 --> 00:36:24,570
>> Ако некој доаѓа до вас и
вели, ох, знаеш што?

785
00:36:24,570 --> 00:36:28,070
Јас навистина би сакал да се промени големината на фонтот
со два дополнителни поени, можете

786
00:36:28,070 --> 00:36:31,275
можеби ќе мора да оди и да најде и да го замени
огромен број на линии на код.

787
00:36:31,275 --> 00:36:35,170
Тоа е многу повеќе привлечна да се централизира
сите такви естетика тука.

788
00:36:35,170 --> 00:36:38,850
Но, ако сакате да повторна употреба оние
естетика во повеќе веб страници, сите

789
00:36:38,850 --> 00:36:41,100
поатрактивна за, на
пример, се создаде датотека

790
00:36:41,100 --> 00:36:45,290
нарекува со оние содржини.

791
00:36:45,290 --> 00:36:46,680
>> И дозволете ми да го направите тоа.

792
00:36:46,680 --> 00:36:51,150

793
00:36:51,150 --> 00:36:51,920
Спаси оваа датотека.

794
00:36:51,920 --> 00:36:55,580
Велам styles.css, арбитрарен,
но конвенционалните.

795
00:36:55,580 --> 00:36:58,770
Јас ќе ја ставам во домот на Џон Харвард
Directory Сега за едноставност.

796
00:36:58,770 --> 00:37:03,880
И она што можам да направам во мојата web-страница е да се добие
се ослободи од стил таг целосно,

797
00:37:03,880 --> 00:37:08,270
и донекаде unintuitively, користете врска
ознака, која не ви даде линк во

798
00:37:08,270 --> 00:37:13,140
хиперлинк, кликање смисла, но
каде што велам врска, href е еднаква на

799
00:37:13,140 --> 00:37:15,120
styles.css.

800
00:37:15,120 --> 00:37:20,050
И на односот што овој елемент
го со веб-страница е да служи како

801
00:37:20,050 --> 00:37:21,280
нејзините стил на состојба.

802
00:37:21,280 --> 00:37:22,670
>> Па како не знам тоа?

803
00:37:22,670 --> 00:37:25,950
Еден, ти само го прочитате упатството,
или на Google околу, а вие

804
00:37:25,950 --> 00:37:27,000
погледне во различни ресурси.

805
00:37:27,000 --> 00:37:30,520
Мислам, дека навистина е начинот на кој можете да ги собереш
техники, како таков, и, во согласност

806
00:37:30,520 --> 00:37:34,720
со оваа идеја на наставата себе нови
јазици, повторно, ќе најдете дека

807
00:37:34,720 --> 00:37:38,830
има само ограничен број на работи
на било кој јазик, кој, откако ќе се добие

808
00:37:38,830 --> 00:37:41,310
нив, ќе најдете дека тоа добива
побрзо и побрзо да се напише.

809
00:37:41,310 --> 00:37:44,180
Навистина, учење на нови програмски
јазик е толку многу побрзо отколку нова

810
00:37:44,180 --> 00:37:47,380
говорниот јазик, бидејќи овие нешта
се многу помали и многу повеќе

811
00:37:47,380 --> 00:37:48,820
прецизно дефинирани.

812
00:37:48,820 --> 00:37:51,590
>> Но јас сум истакна малку
на аномалија тука.

813
00:37:51,590 --> 00:37:57,750
Зошто сум го нагласува ова
напред коса црта тука?

814
00:37:57,750 --> 00:37:59,420
Бидејќи морам да го затвори таг.

815
00:37:59,420 --> 00:38:00,530
Јас треба да се затвори на тагот.

816
00:38:00,530 --> 00:38:02,750
И ќе најдете безброј ресурси
онлајн кои не се

817
00:38:02,750 --> 00:38:04,080
нужно блиску тагови.

818
00:38:04,080 --> 00:38:08,770
И реално, тоа не е строго
неопходни за технички и постојат

819
00:38:08,770 --> 00:38:11,950
причини на реалноста, прелистувачи се само
прилично толерантна на грешки во веб-

820
00:38:11,950 --> 00:38:14,360
страници, за подобро или за полошо,
но најмногу полошо.

821
00:38:14,360 --> 00:38:18,830
>> Значи ова тука е само почиста начин на
велејќи нешто глупаво како овој,

822
00:38:18,830 --> 00:38:22,330
каде што ако сакате да го отворите линкот таг
но затворите, има навистина нема поим

823
00:38:22,330 --> 00:38:23,720
на содржина за линк таг.

824
00:38:23,720 --> 00:38:26,000
Тоа само значи вчита оваа
поднесе и го ставив тука.

825
00:38:26,000 --> 00:38:30,610
Тоа е како остар вклучуваат во C. Можете
отвораат и затвораат таг сите одеднаш

826
00:38:30,610 --> 00:38:31,660
во рамките на истиот таг.

827
00:38:31,660 --> 00:38:33,520
И има други примери за тоа.

828
00:38:33,520 --> 00:38:37,280
Ова не е начин да го направите ова, но
на br таг, за линија паузи, ако јас

829
00:38:37,280 --> 00:38:41,780
навистина сакаше да го постигне она што бев
обидувајќи се да пред со притискање Enter, ако

830
00:38:41,780 --> 00:38:45,380
Јас експлицитно се каже ред, линија пауза,
прелом на ред, линија пауза, а

831
00:38:45,380 --> 00:38:49,100
повторно вчитајте ја оваа страница, сега ќе забележите
дека дното на страницата е,

832
00:38:49,100 --> 00:38:51,940
навистина, многу подалеку надолу во
на дното од страницата.

833
00:38:51,940 --> 00:38:55,840
Но дури и тоа може да се направи многу повеќе
демонтирани со CSS, и со маргини,

834
00:38:55,840 --> 00:38:58,120
и со други како естетски
техники.

835
00:38:58,120 --> 00:38:59,940
>> Значи за сега, takeaways се ова.

836
00:38:59,940 --> 00:39:02,320
Во HTML, имаме овие
нешта наречени тагови.

837
00:39:02,320 --> 00:39:04,830
Во CSS, имаме овие работи
наречен својства.

838
00:39:04,830 --> 00:39:08,700
Можеме да comingle овие два јазика,
или со користење на стил атрибут,

839
00:39:08,700 --> 00:39:14,240
или стил таг, или најдобро сепак, факторинг
тоа надвор целосно, како што го правиме

840
00:39:14,240 --> 00:39:17,270
во проблем во собата 7.

841
00:39:17,270 --> 00:39:23,820
Прашања, тогаш, за
концептуални основите тука?

842
00:39:23,820 --> 00:39:24,740
>> ПУБЛИКАТА: Имам едно прашање.

843
00:39:24,740 --> 00:39:25,630
>> ЗВУЧНИК 1: Ох, извинете.

844
00:39:25,630 --> 00:39:28,880
>> ПУБЛИКАТА: Зошто не беше тоа обоени -

845
00:39:28,880 --> 00:39:31,410
>> ЗВУЧНИК 1: О, во други јазиче?

846
00:39:31,410 --> 00:39:32,232
Ова овде?

847
00:39:32,232 --> 00:39:33,482
>> ПУБЛИКАТА: Не, тоа е како -

848
00:39:33,482 --> 00:39:35,330

849
00:39:35,330 --> 00:39:39,480
>> ЗВУЧНИК 1: О, тоа е затоа што
Бев се невешт.

850
00:39:39,480 --> 00:39:41,350
Ја ставив на датотеката во погрешно место.

851
00:39:41,350 --> 00:39:47,840
Значи, ако јас всушност го стави тука, и јас
chmod тоа, сите + R за styles.css, и

852
00:39:47,840 --> 00:39:52,050
сега вчитување на страница, сега ние
добие стилизација назад.

853
00:39:52,050 --> 00:39:54,530
И бидејќи фонтови се
различни, ние не ги гледаме толку многу

854
00:39:54,530 --> 00:39:55,010
бел простор.

855
00:39:55,010 --> 00:39:58,240
Ние наместо да се види она што е
Стандардно е наместо.

856
00:39:58,240 --> 00:40:00,050
Добро прашање.

857
00:40:00,050 --> 00:40:00,846
Да?

858
00:40:00,846 --> 00:40:02,630
>> ПУБЛИКАТА: Зошто е линк
ознака во внатрешноста на заглавието?

859
00:40:02,630 --> 00:40:06,270
>> ЗВУЧНИК 1: Зошто е линкови
ознака во внатрешноста на насловот -

860
00:40:06,270 --> 00:40:07,650
Краткиот одговор, само затоа.

861
00:40:07,650 --> 00:40:08,930
Тоа е она што беше одлучено.

862
00:40:08,930 --> 00:40:10,720
Тоа е каде што врската тагови одат кога
имате она што се вика

863
00:40:10,720 --> 00:40:13,650
надворешен стил лист.

864
00:40:13,650 --> 00:40:16,430
Други прашања?

865
00:40:16,430 --> 00:40:17,770
>> Добро, добро, ајде да го направите тоа.

866
00:40:17,770 --> 00:40:20,500
Имаме толку многу забавно пред нас денес.

867
00:40:20,500 --> 00:40:22,480
Тоа е само гребење
на површината на CSS.

868
00:40:22,480 --> 00:40:23,010
Ајде да го направите тоа.

869
00:40:23,010 --> 00:40:25,980
Да го земеме пет минути пауза тука
затоа што, на мојот е-мејл, ајде да висат во

870
00:40:25,980 --> 00:40:27,200
таму до 02:30-носталгичната денес.

871
00:40:27,200 --> 00:40:28,540
Но, ако имате да
заминам, тоа е во ред.

872
00:40:28,540 --> 00:40:30,380
Но ние ќе се движам по
пет минути пауза.

873
00:40:30,380 --> 00:40:35,930
И ние ќе научат малку нешто
за PHP, MySQL, и многу повеќе.

874
00:40:35,930 --> 00:40:44,520
>> Сите во право, па ајде да се обидеме, сега, да си врзеш
неколку од овие идеи заедно и да се направи,

875
00:40:44,520 --> 00:40:46,180
велат, нашата сопствена пребарувач.

876
00:40:46,180 --> 00:40:48,570
Јас забележав, а љубопитно,
следниве.

877
00:40:48,570 --> 00:40:52,610
Кога сте во Google.com, ти си
обично на URL-то како овој овде

878
00:40:52,610 --> 00:40:54,870
со ништо по dot com.

879
00:40:54,870 --> 00:40:59,760
Но, ако јас пребарување нешто глупаво како
мачки, и притиснете Enter, ние ќе дојдеме - не

880
00:40:59,760 --> 00:41:01,300
глупаво, но знаеш.

881
00:41:01,300 --> 00:41:05,410
>> Добро, така забележите, на врвот на страницата,
сега, URL-то е, се разбира, променета.

882
00:41:05,410 --> 00:41:07,190
И ова не е ништо
нови на секој од нас.

883
00:41:07,190 --> 00:41:09,290
Ќе кликнете на линкот и работи
се случува на интернет.

884
00:41:09,290 --> 00:41:11,420
Но она што е интересно овде
е следниот.

885
00:41:11,420 --> 00:41:14,500
Има едночудо средена, но ајде
ме фрлаат работи кои јас не

886
00:41:14,500 --> 00:41:16,600
се разбирам или не
навистина изгледа релевантни.

887
00:41:16,600 --> 00:41:18,490
>> Дозволете ми да се ослободи од овој.

888
00:41:18,490 --> 00:41:20,030
Дозволете ми да се ослободи од овој.

889
00:41:20,030 --> 00:41:22,630
И дозволете ми само да се ослободи
на сето ова.

890
00:41:22,630 --> 00:41:28,840
И сега се забележи дека мачките е во URL-то,
проследено со Q, тогаш еднаков

891
00:41:28,840 --> 00:41:29,710
знак пред него.

892
00:41:29,710 --> 00:41:32,110
Така што се испоставува ова е начинот на
Начинот на кој таа работи кога станува збор

893
00:41:32,110 --> 00:41:33,360
да влез и излез.

894
00:41:33,360 --> 00:41:37,510
>> Ние долго разговаравме за
црни кутии, нели?

895
00:41:37,510 --> 00:41:41,650
Така да ако ова е функција имплементирана
тука како црна кутија, тоа трае влез

896
00:41:41,650 --> 00:41:45,290
и произведува излез, добро, значи
од кои ви овозможи влез на

897
00:41:45,290 --> 00:41:49,270
веб-сајт е од страна на начин, често, на своите адреси.

898
00:41:49,270 --> 00:41:52,850
Вие едноставно стави знак прашалник
а потоа од клучниот еднаква вредност.

899
00:41:52,850 --> 00:41:56,740
А потоа можеби еден симболот, а потоа
уште еден клучен еднаква вредност, тогаш можеби

900
00:41:56,740 --> 00:41:58,810
друг го симболот, клучните еднаква вредност.

901
00:41:58,810 --> 00:42:03,030
Тоа е како ќе помине во клучеви и
вредности, пара на влезови.

902
00:42:03,030 --> 00:42:07,050
>> Значи, ако јас хит Внесете сега, она што е
Интересно за Google е дека сите

903
00:42:07,050 --> 00:42:10,420
дека средена сум избришан не се појави
да биде неопходно.

904
00:42:10,420 --> 00:42:15,120
Сè што ми треба да се испрати до Google е прашањето
марка н еднаква на мачки да се добие

905
00:42:15,120 --> 00:42:16,160
се врати некои мачки.

906
00:42:16,160 --> 00:42:20,160
Па, импликација на тоа, тогаш,
е ако јас се повлече до gedit, почнав

907
00:42:20,160 --> 00:42:24,360
правење на мојот сопствен пребарувач овде
во датотека наречена seach0.html.

908
00:42:24,360 --> 00:42:26,750
>> И дозволете ми да оди напред и да го избришете
уште една линија што може

909
00:42:26,750 --> 00:42:27,910
не беа треба да се види.

910
00:42:27,910 --> 00:42:31,070
И сега, дозволете ми да одам во мојот интернет пребарувач,
па не на Google, и да одат во

911
00:42:31,070 --> 00:42:34,900
http://localhost.

912
00:42:34,900 --> 00:42:36,220
И дека се случува да се добие на начин.

913
00:42:36,220 --> 00:42:43,240
Па ние ќе мора да се каже збогум на
дека сега за сега, се помести ова овде,

914
00:42:43,240 --> 00:42:46,270
ох, сега ние ќе треба да се
се каже збогум на таа датотека.

915
00:42:46,270 --> 00:42:51,700
>> Секогаш кога имате фајл наречен
index.html или index.php во

916
00:42:51,700 --> 00:42:54,980
директориумот, ако на веб серверот е
конфигуриран на овој начин, она што ќе

917
00:42:54,980 --> 00:42:59,600
види, по дифолт, е содржината на таа
датотека наместо листата на

918
00:42:59,600 --> 00:43:02,330
именик, како што сакав тука.

919
00:43:02,330 --> 00:43:03,750
Повеќе за ова во спецификации.

920
00:43:03,750 --> 00:43:04,610
Ти не се види тоа.

921
00:43:04,610 --> 00:43:06,360
>> Значи тоа е она што јас всушност сакаше.

922
00:43:06,360 --> 00:43:08,810
Но пред еден миг, имаше
датотека во оваа папка наречена

923
00:43:08,810 --> 00:43:11,290
index.html и index.php.

924
00:43:11,290 --> 00:43:13,380
И така на веб сервер беше
мене покажува оние датотеки.

925
00:43:13,380 --> 00:43:15,900
Наместо тоа, јас сакам овој директориум
листата тука.

926
00:43:15,900 --> 00:43:18,340
>> Па ќе одам да одат во
CSS и одат на search0.

927
00:43:18,340 --> 00:43:21,770
И тврдам дека ова е тоа ќе биде
На почетокот на моето конкурентни

928
00:43:21,770 --> 00:43:22,490
пребарување моторот.

929
00:43:22,490 --> 00:43:27,630
И да го направите ова, ќе одам да одат во
тука, во CSS, и се отвори со

930
00:43:27,630 --> 00:43:30,190
gedit, барај 0.

931
00:43:30,190 --> 00:43:32,280
Но, за жал, има
не многу се случува тука.

932
00:43:32,280 --> 00:43:35,690
Сите што го направив беше користете наслов таг, кој
се случува да се нарече H1, кои

933
00:43:35,690 --> 00:43:38,180
суштина значи голема и
храбар, и тоа е тоа.

934
00:43:38,180 --> 00:43:40,810
Но средство со кое можеме да
обезбеди влезови се преку овие

935
00:43:40,810 --> 00:43:42,180
нешта наречени форми.

936
00:43:42,180 --> 00:43:46,040
>> Па дозволете ми да оди напред и да се отвораат и затвораат,
превентивно, форма таг таму.

937
00:43:46,040 --> 00:43:48,060
И дозволете ми да оди напред и да прават
нешто како ова.

938
00:43:48,060 --> 00:43:51,430
Влез, тип еднаква на текст.

939
00:43:51,430 --> 00:43:56,320
И тогаш ајде да го затвори таг во рамките на
голема заграда себе.

940
00:43:56,320 --> 00:43:58,800
Јас не треба да започне во полето за текст
и да престане полето за текст.

941
00:43:58,800 --> 00:44:01,080
Тоа е само ќе да биде таму или не.

942
00:44:01,080 --> 00:44:06,210
>> А потоа под тоа, ајде да направиме
вид на влез еднаква поднесе.

943
00:44:06,210 --> 00:44:06,870
Зачувај ова.

944
00:44:06,870 --> 00:44:08,630
И сега ајде да се направи
брзо разумност провери.

945
00:44:08,630 --> 00:44:09,820
Ајде да ја превчитате.

946
00:44:09,820 --> 00:44:10,890
>> Добро, така што тоа не е лошо.

947
00:44:10,890 --> 00:44:13,260
Тоа не е стил на Google,
но тоа е прилично блиску.

948
00:44:13,260 --> 00:44:13,920
Има полето за текст.

949
00:44:13,920 --> 00:44:17,190
Јас да напишете некои работи во, притиснете ентер,
но ништо не се случува сеуште.

950
00:44:17,190 --> 00:44:21,090
И тоа е затоа што јас не имаш специфицирано
акција за оваа форма, така да се каже.

951
00:44:21,090 --> 00:44:23,860
Значи, ако јас се врати во форма елемент,
што се испоставува, и знам дека ова само

952
00:44:23,860 --> 00:44:27,460
од тоа да имаат прочитајте ја документацијата, дека
форма таг зема атрибут

953
00:44:27,460 --> 00:44:31,880
наречен акција што е URL-то
на веб страната на која што

954
00:44:31,880 --> 00:44:34,790
сакате да го испратите форма.

955
00:44:34,790 --> 00:44:37,610
>> Јас навистина не мислам дека имаме време да
спроведување на целата задниот крај за

956
00:44:37,610 --> 00:44:38,570
пребарувач денес.

957
00:44:38,570 --> 00:44:41,900
Па ние сме само ќе кажам, еј,
Одете на google.com / пребарувањето.

958
00:44:41,900 --> 00:44:43,450
И сега дозволете ми да затворам цитати.

959
00:44:43,450 --> 00:44:46,070
И дозволете ми да понатаму се каже дека
метод на користење се случува

960
00:44:46,070 --> 00:44:47,120
да се нарече добие.

961
00:44:47,120 --> 00:44:50,650
>> Скратам приказната, има два начина, во
и најмалку важно, дека можете да поднесете информации

962
00:44:50,650 --> 00:44:51,880
од прелистувачот на серверот.

963
00:44:51,880 --> 00:44:55,340
Една од нив е да се добие, и, за целите денес,
тоа само значи во URL-то.

964
00:44:55,340 --> 00:44:58,730
Да го гледате токму на прашалници, на
еднакво знаци, и ampersands дека

965
00:44:58,730 --> 00:44:59,780
видовме порано.

966
00:44:59,780 --> 00:45:02,890
Или има алтернатива нарекува пост.

967
00:45:02,890 --> 00:45:06,490
За сега, знам дека пост често се користи
кога сакате да испраќате датотеки, како

968
00:45:06,490 --> 00:45:09,820
слики и така натаму, или кога сакате да
достават информации за кредитна картичка, или

969
00:45:09,820 --> 00:45:13,810
лозинки, ништо дека тоа не
навистина има смисла, концепциски, или

970
00:45:13,810 --> 00:45:18,020
безбедност мудар, да се заокружи во URL-то на
Вашиот прелистувач, каде душкање родители,

971
00:45:18,020 --> 00:45:21,520
или цимерите, или некој со пристап
на вашиот компјутер може да се види.

972
00:45:21,520 --> 00:45:23,110
>> Па ајде освен што тука.

973
00:45:23,110 --> 00:45:24,480
И јас треба да се направи една друга работа.

974
00:45:24,480 --> 00:45:27,250
Тоа не е доволно само да се
велат ми даде текст полето.

975
00:45:27,250 --> 00:45:29,850
Морам да им даде на тоа поле е
цениме име.

976
00:45:29,850 --> 00:45:34,500
Па да ми позајми избор на Google на
имиња, q, и наведете дека вториот

977
00:45:34,500 --> 00:45:38,150
припишуваат јас навистина не се грижат за
името на копчето Submit.

978
00:45:38,150 --> 00:45:40,890
Сите Јас се грижат за е поднесување на
она што корисникот видови внатре

979
00:45:40,890 --> 00:45:41,940
>> И сега ова е вид на грдото.

980
00:45:41,940 --> 00:45:42,820
Тоа само вели поднесе.

981
00:45:42,820 --> 00:45:46,350
Излезе, и знам дека ова од
документација, јас всушност може да се каже

982
00:45:46,350 --> 00:45:51,710
вредност е еднаква цитат unquote "cs50
seach, "блиски понуда.

983
00:45:51,710 --> 00:45:53,030
Тогаш ајде да ја превчитате повторно.

984
00:45:53,030 --> 00:45:57,020
Па јас удираш командната R, или
Контрола-R на мојата тастатура за да ја превчитате.

985
00:45:57,020 --> 00:45:58,605
>> Сега имаме повеќе интересни
пребарување моторот.

986
00:45:58,605 --> 00:46:00,340
Тоа сосема не изгледа како
Google сепак, иако.

987
00:46:00,340 --> 00:46:04,100
Па ајде да одиме напред во овде и
се направи малку ред.

988
00:46:04,100 --> 00:46:06,066
>> Добро, па сега имаме Google.

989
00:46:06,066 --> 00:46:08,260
Ние, всушност, речиси немаат Google.

990
00:46:08,260 --> 00:46:10,460
Па сега што ќе се случи?

991
00:46:10,460 --> 00:46:12,220
Одам да напишеш во нешто
како мачки.

992
00:46:12,220 --> 00:46:16,570
И на прелистувачот се случува да го анализирам
таа форма што сум дефинирани.

993
00:46:16,570 --> 00:46:19,470
И тоа се случува да се испрати
на корисникот на тоа рачно.

994
00:46:19,470 --> 00:46:23,420
Значи ова време, за некои љубопитни причина,
Добив повеќе информации за акциите

995
00:46:23,420 --> 00:46:24,410
отколку за вистински мачки.

996
00:46:24,410 --> 00:46:30,580
Но тоа е во ред затоа што ќе забележиме уште
заврши тука, q е еднакво на мачките.

997
00:46:30,580 --> 00:46:35,200
>> Па скратам приказната, се чини прилично
тривијални да се добие влез од корисникот.

998
00:46:35,200 --> 00:46:38,190
И да бидат фер, има гроздовете
на други видови на полиња.

999
00:46:38,190 --> 00:46:41,510
Има провериш кутии, и малку меѓусебно
ексклузивни радио копчиња, и

1000
00:46:41,510 --> 00:46:42,960
паѓачкото мени, и многу повеќе.

1001
00:46:42,960 --> 00:46:46,160
Но сите од нив се како релативно
лесно имплементиран како

1002
00:46:46,160 --> 00:46:48,040
овој полето за текст беше.

1003
00:46:48,040 --> 00:46:52,050
И во крајна линија, ние само треба да бидете
дека некој е слушање на другата

1004
00:46:52,050 --> 00:46:56,490
крајот на линијата со цел да се добие дека
информации обработени, некако, и

1005
00:46:56,490 --> 00:46:58,440
да ни даде назад нашите мачки.

1006
00:46:58,440 --> 00:47:00,840
>> Ајде да погледнеме малку
повеќе вклучени пример.

1007
00:47:00,840 --> 00:47:06,020
Дозволете ми да одат во директориумот мојот Vhost е,
во локалниот хост, јавни и каде што

1008
00:47:06,020 --> 00:47:06,980
стави изворниот код на денешниот ден.

1009
00:47:06,980 --> 00:47:09,800
Сето ова ќе биде на курсот
веб-сајт за вас да нескопосник со.

1010
00:47:09,800 --> 00:47:15,420
А кога ќе отидам во froshims, дозволете ми да го отворите
сочинуваат оваа датотека сега, froshim0.php.

1011
00:47:15,420 --> 00:47:18,460
Ова ми е малку повеќе опширниот, па
ние нема да ја напишам оваа од нула.

1012
00:47:18,460 --> 00:47:21,970
Но само забележите сега неколку донекаде
запознаени карактеристики.

1013
00:47:21,970 --> 00:47:24,550
>> Еден, форма таг, различни акција.

1014
00:47:24,550 --> 00:47:25,670
Тоа не е комплетната URL.

1015
00:47:25,670 --> 00:47:29,930
Сега, тоа е очигледно за да фајл наречен
register0.php затоа што, во еден миг,

1016
00:47:29,930 --> 00:47:32,660
Одам да си ги учат малку
нешто во врска со PHP, програмирање

1017
00:47:32,660 --> 00:47:37,360
јазик, затоа што PHP може да се користи за да се
спроведе она што Google спроведува како

1018
00:47:37,360 --> 00:47:39,650
задниот крај на своите пребарувачи.

1019
00:47:39,650 --> 00:47:42,890
>> Гугл, во реалноста, веројатно го користи
некои Пајтон, некои C + +, и

1020
00:47:42,890 --> 00:47:44,230
гроздовете на други јазици.

1021
00:47:44,230 --> 00:47:48,230
Но ние секако би можеле да спроведат пребарување
резултати користење на PHP ако сакаме.

1022
00:47:48,230 --> 00:47:49,610
Но, за сега, ние ќе продолжиме да биде едноставно.

1023
00:47:49,610 --> 00:47:53,320
И ова е всушност потсетува на еден
на други првиот веб-сајтови јас

1024
00:47:53,320 --> 00:47:54,490
направени пред неколку години.

1025
00:47:54,490 --> 00:47:58,160
>> Назад во мојот ден, ти се регистрирани за
интрамурален спортови како бруцош од

1026
00:47:58,160 --> 00:48:00,880
пополнување на парче хартија, одење
низ дворот, а тоа пуштање во

1027
00:48:00,880 --> 00:48:04,890
на поштенско сандаче на Проктор во
Wigglesworth, а тоа беше како можете

1028
00:48:04,890 --> 00:48:05,460
регистриран.

1029
00:48:05,460 --> 00:48:09,650
И така мојот проект кратко време по CS50,
беше да се стави тоа, што го прави совршен

1030
00:48:09,650 --> 00:48:13,460
смисла, со излез на интернет, што не беше
како во мода тогаш како што е сега.

1031
00:48:13,460 --> 00:48:17,510
Но, сите ние требаше да направи беше да се создаде,
во суштина, форма HTML.

1032
00:48:17,510 --> 00:48:19,640
>> И таа форма погледна
приближно вака.

1033
00:48:19,640 --> 00:48:22,480
Јас имав влез за
Новак име.

1034
00:48:22,480 --> 00:48:27,780
Имав уште еден наога за тоа дали или
или не сакаа да биде капитен, што

1035
00:48:27,780 --> 00:48:30,400
полот беше, и
она што нивните dorm беше.

1036
00:48:30,400 --> 00:48:33,370
А потоа јас хард кодирани во нештата
како Apley суд, и Canaday,

1037
00:48:33,370 --> 00:48:34,880
Бели влакна, и така натаму.

1038
00:48:34,880 --> 00:48:36,300
>> Значи, повторно, нови ознаки.

1039
00:48:36,300 --> 00:48:39,820
Не сте виделе овие пред, нови
атрибути, но прилично достапни.

1040
00:48:39,820 --> 00:48:42,360
Откако ќе видите пример, можете да вид
на позајмуваат таа идеја и да се направи капка

1041
00:48:42,360 --> 00:48:43,820
опаѓачкото мени, за повеќето ништо.

1042
00:48:43,820 --> 00:48:46,350
Но она што е клучот е во тоа што секој од
овие работи имаат имиња.

1043
00:48:46,350 --> 00:48:49,720
И на дното на оваа форма, има
копче Поднесениот чија етикета,

1044
00:48:49,720 --> 00:48:51,510
или вредност, е да се регистрирате.

1045
00:48:51,510 --> 00:48:52,670
>> Па ајде да одиме на оваа страница.

1046
00:48:52,670 --> 00:48:55,050
Дозволете ми да се врати во
директориумот.

1047
00:48:55,050 --> 00:48:59,410
Дозволете ми да одат во froshims,
и да одат во froshim0.php.

1048
00:48:59,410 --> 00:49:01,150
Па тоа е страшна, да се биде фер.

1049
00:49:01,150 --> 00:49:03,950
Па јас дефинитивно би можеле да стилизирам овој
со некои CSS, би можел да направи некои

1050
00:49:03,950 --> 00:49:06,890
графика, можеби додадете некои бои,
и го прават овој поубава.

1051
00:49:06,890 --> 00:49:10,530
Но функционално, би рекле дека ова
е всушност прилично заврши.

1052
00:49:10,530 --> 00:49:15,190
>> За жал, кога јас се пополни оваа надвор,
Давид, Капетане, Машко, ние ќе изберат,

1053
00:49:15,190 --> 00:49:20,510
да речеме Метјуз, регистар,
сите што се случува е тоа.

1054
00:49:20,510 --> 00:49:21,910
Но забележите неколку takeaways.

1055
00:49:21,910 --> 00:49:27,130
Еден, она датотека врати оние
резултати, очигледно?

1056
00:49:27,130 --> 00:49:29,470
Па тоа е, всушност, register0.php.

1057
00:49:29,470 --> 00:49:34,570
Значи фактот дека видовме дека акција
вредност пред еден миг за register0, овој

1058
00:49:34,570 --> 00:49:37,500
поткрепува дека ние навистина заврши
во тој конкретен фајл.

1059
00:49:37,500 --> 00:49:39,040
>> Сега ова е само грди текст.

1060
00:49:39,040 --> 00:49:42,810
Но забележите дека овој текст е
доаѓаат од локалниот хост,

1061
00:49:42,810 --> 00:49:44,170
која е од апаратот.

1062
00:49:44,170 --> 00:49:46,350
Мислам на апаратот сега како само
веб сервер кој може да биде во

1063
00:49:46,350 --> 00:49:46,910
Научниот центар.

1064
00:49:46,910 --> 00:49:48,060
Тоа би можело да биде на вистински веб.

1065
00:49:48,060 --> 00:49:49,850
Па тоа е јавно достапен.

1066
00:49:49,850 --> 00:49:55,480
>> Толку јасно, има некој начин на полагање
форма поле влезови на сервер

1067
00:49:55,480 --> 00:49:56,840
така што тоа може да се направи нешто со нив.

1068
00:49:56,840 --> 00:49:59,020
За жал, register0
е прилично глупаво.

1069
00:49:59,020 --> 00:50:01,870
Сите тоа го прави е печатење на низа
што личи ова.

1070
00:50:01,870 --> 00:50:04,790
И тоа не е низа во
смисла дека ние го знаеме.

1071
00:50:04,790 --> 00:50:08,760
Излегува дека PHP, и многу
јазици, имаат не само бројно

1072
00:50:08,760 --> 00:50:12,350
индексирани низи чиј прв индекс е
нула, а потоа еден, потоа две, а потоа точка,

1073
00:50:12,350 --> 00:50:13,780
точка, точка, n минус 1.

1074
00:50:13,780 --> 00:50:16,400
>> Ова е она што се нарекува
асоцијативна низа.

1075
00:50:16,400 --> 00:50:21,150
Асоцијативна низа е оној во кој
можете да ги чувате клучните вредност парови каде

1076
00:50:21,150 --> 00:50:23,160
клучот не е нужно број.

1077
00:50:23,160 --> 00:50:25,580
Тоа всушност би можело да биде стринг, на збор.

1078
00:50:25,580 --> 00:50:28,230
И така ова може да се спроведе,
под капакот на моторот, што се испоставува,

1079
00:50:28,230 --> 00:50:31,896
користење на податоци структура позната како?

1080
00:50:31,896 --> 00:50:33,600
Мислев нешто драматично
беше за да се случи -

1081
00:50:33,600 --> 00:50:34,840
хаш табелата.

1082
00:50:34,840 --> 00:50:38,955
>> Па хаш табелата, се потсетиме, оние од вас
кој го сторил тоа за P сет 6, или дури и се потсетиме

1083
00:50:38,955 --> 00:50:44,110
тоа, барем, дури и ако сте направиле обид, на
хаш табелата, во нашата употреба, беше искористена за да

1084
00:50:44,110 --> 00:50:45,090
само чување зборови.

1085
00:50:45,090 --> 00:50:47,980
Но, навистина, сте биле чување
клучеви и вредности.

1086
00:50:47,980 --> 00:50:51,940
Ако спроведува хаш табелата за P
постави 6 речник, клучевите беа

1087
00:50:51,940 --> 00:50:56,890
самите зборови, како и вредностите
биле ефективно точно или неточно.

1088
00:50:56,890 --> 00:51:00,190
Да, тука, или имплицитно,
Не, не е тука.

1089
00:51:00,190 --> 00:51:02,140
>> Па, можеме да се генерализира дека идејата.

1090
00:51:02,140 --> 00:51:06,230
И ние би можеле да користат многу слични податоци
структура за да ја запази не стрингот

1091
00:51:06,230 --> 00:51:10,180
себе сам во вашиот хаш табелата, но
да претпоставиме дека во секоја една од вашите хаш

1092
00:51:10,180 --> 00:51:11,130
табелата јазли.

1093
00:51:11,130 --> 00:51:14,210
Па може дури да го направите ова во обид
наместо само да има bool.

1094
00:51:14,210 --> 00:51:15,350
Вие би можеле да имаат нешто друго.

1095
00:51:15,350 --> 00:51:19,590
Што ако клучот не беше Максвел, за
пример, но цитат unquote "името", или

1096
00:51:19,590 --> 00:51:22,900
цитирам unquote "капетан". И во внатрешноста на
вашиот C податочна структура, ќе се стави на

1097
00:51:22,900 --> 00:51:26,170
вредност, а не само Булова, но од вредност
како цитат unquote "Давид", или

1098
00:51:26,170 --> 00:51:28,690
"М", или "Метјус", и така натаму.

1099
00:51:28,690 --> 00:51:33,170
>> Па истите тие структури на податоци се користи
очигледно постојат во други јазици.

1100
00:51:33,170 --> 00:51:37,650
И јас би рекле тие се, всушност, многу,
многу поедноставно да пристапите тука.

1101
00:51:37,650 --> 00:51:40,300
Ајде да всушност ги разгледаме
сега во некои такви синтакса.

1102
00:51:40,300 --> 00:51:43,120
>> Одам да одат во директориумот PHP.

1103
00:51:43,120 --> 00:51:48,390
И јас одам да се отвори подобро
верзија на здраво-0 од порано.

1104
00:51:48,390 --> 00:51:50,270
Забележете дека сите што го направив беше
додадете некои коментари.

1105
00:51:50,270 --> 00:51:52,530
За да можеме да се ослободи од таа забава.

1106
00:51:52,530 --> 00:51:57,610
>> И оваа програма го прави навистина отпечатоци
Здраво, бидејќи јас сум наведени помеѓу

1107
00:51:57,610 --> 00:52:01,420
тагови кои сакам да се изврши овој код.

1108
00:52:01,420 --> 00:52:03,380
Сега, ние ќе се види во еден момент
зошто ова е корисно.

1109
00:52:03,380 --> 00:52:05,630
Но, ајде да се отвори уште еден пример тука.

1110
00:52:05,630 --> 00:52:10,430
Дозволете ми да оди напред и да се отвори каже,
gedit на условите еден.

1111
00:52:10,430 --> 00:52:12,970
>> Ова е начин назад во времето сега.

1112
00:52:12,970 --> 00:52:16,320
Но пред неколку недели, мислам, во една недела или
недела две, имавме пример се нарекува

1113
00:52:16,320 --> 00:52:18,470
conditions1.c.

1114
00:52:18,470 --> 00:52:22,050
И решив да го reimplement во PHP,
само да се вид на се нагласи дека

1115
00:52:22,050 --> 00:52:26,500
PHP, синтаксички, е речиси идентична
да C. Ова не е огромен скок

1116
00:52:26,500 --> 00:52:27,840
од минатата недела за ова.

1117
00:52:27,840 --> 00:52:31,230
>> Забележите на врвот на оваа програма, која
почнува, како и досега, со некои

1118
00:52:31,230 --> 00:52:34,260
коментари, кои јас ќе се ослободи
на како одвраќање.

1119
00:52:34,260 --> 00:52:37,410
Забележете дека јас сум во PHP
на владата во оваа датотека.

1120
00:52:37,410 --> 00:52:40,160
Па овој код, ќе видиме,
ќе се извршуваат.

1121
00:52:40,160 --> 00:52:42,670
Забележите дека има readline,
што е веројатно

1122
00:52:42,670 --> 00:52:46,230
аналогни во PHP од getstring.

1123
00:52:46,230 --> 00:52:47,390
Забележите тоа е малку поинаква.

1124
00:52:47,390 --> 00:52:51,410
Ти всушност наведете брза со
функција наречена читање линија, и тоа е

1125
00:52:51,410 --> 00:52:52,180
она што корисникот го гледа.

1126
00:52:52,180 --> 00:52:53,520
Значи, вие не треба да printf рачно.

1127
00:52:53,520 --> 00:52:54,860
Но тоа не е голема работа.

1128
00:52:54,860 --> 00:52:59,150
Одам да се сместат, во внатрешноста на $ n,
се врати вредноста на ова, па без оглед на

1129
00:52:59,150 --> 00:53:00,490
корисник видови во е нивната Инт.

1130
00:53:00,490 --> 00:53:01,660
И тука е уште љубопитност.

1131
00:53:01,660 --> 00:53:05,810
Што се испоставува, во PHP, секоја променлива
само треба да се префикс

1132
00:53:05,810 --> 00:53:06,970
со знак за долар.

1133
00:53:06,970 --> 00:53:08,110
Тоа е малку досадни.

1134
00:53:08,110 --> 00:53:10,870
Но се забележи она што јас не го направив во PHP.

1135
00:53:10,870 --> 00:53:13,980
Она што недостасува од левата страна
страна на еднаквите знаци?

1136
00:53:13,980 --> 00:53:15,430
>> Не се споменуваат на тип.

1137
00:53:15,430 --> 00:53:19,400
Значи ова е различно од C. За подобра
или за полошо, PHP е лабаво

1138
00:53:19,400 --> 00:53:20,550
отчукува јазик.

1139
00:53:20,550 --> 00:53:22,010
Тоа не се бројки.

1140
00:53:22,010 --> 00:53:23,240
Тоа не се стрингови.

1141
00:53:23,240 --> 00:53:24,015
Тоа го прави да Booleans.

1142
00:53:24,015 --> 00:53:26,220
И тоа не имаат неколку
други типови на податоци.

1143
00:53:26,220 --> 00:53:30,570
Но вие, програмер, обично
не мора да се грижат за нив.

1144
00:53:30,570 --> 00:53:34,010
Главата на ова е тоа што го прави
тоа малку полесно да програма.

1145
00:53:34,010 --> 00:53:35,380
Можете да замислите малку помалку.

1146
00:53:35,380 --> 00:53:39,840
Недостатоци е тоа, исто така, ви се отвора
потенцијалните грешки ако случајно сте ја

1147
00:53:39,840 --> 00:53:43,080
лекување на голем број како стринг, на низа
како број, потенцијално, но дури и

1148
00:53:43,080 --> 00:53:46,150
тогаш, PHP, и многу јазици,
се прилично толерантни.

1149
00:53:46,150 --> 00:53:49,050
Тие ќе ги користат она што се нарекува
имплицитна кастинг.

1150
00:53:49,050 --> 00:53:55,220
И ако се обидете да го користите n во контекст
на нумерички ситуација, тоа ќе

1151
00:53:55,220 --> 00:53:58,040
конвертирате она што тука се случува да биде
стринг, бидејќи ако корисникот видови

1152
00:53:58,040 --> 00:54:01,570
нешто во, и ќе го добиете резултат на тоа,
како и со readline, или да добијат низа,

1153
00:54:01,570 --> 00:54:02,910
што се случува да се врати стринг.

1154
00:54:02,910 --> 00:54:07,360
>> Но известување, неколку линии подоцна, јас
провери ако n е поголема од нула.

1155
00:54:07,360 --> 00:54:13,370
Така PHP се случува да имплицитно дадов својот
"Стринг" 123, или што на корисникот

1156
00:54:13,370 --> 00:54:14,860
видови во, во Инт.

1157
00:54:14,860 --> 00:54:18,730
Значи во кратки, нешто едноставно работи
многу повеќе интуитивно.

1158
00:54:18,730 --> 00:54:23,410
Па ние сега почнуваат да се опуштите неколку од
нешта што ние го направив во минатото.

1159
00:54:23,410 --> 00:54:24,780
>> А многу на овој материјал е
истото, иако.

1160
00:54:24,780 --> 00:54:26,340
Уште имаат еднаква еднакви.

1161
00:54:26,340 --> 00:54:30,350
Како настрана PHP, исто така е еднакво на еднаква
еднакви, но повеќе за тоа, можеби, во

1162
00:54:30,350 --> 00:54:30,850
иднина.

1163
00:54:30,850 --> 00:54:31,150
Тоа беше.

1164
00:54:31,150 --> 00:54:35,660
Печатна грешка, туку две еднаква знаци значи исто
нешто како пред, за споредба.

1165
00:54:35,660 --> 00:54:37,060
printf значи истото како порано.

1166
00:54:37,060 --> 00:54:39,160
Обратна коса црта n значи исто
нешто како порано.

1167
00:54:39,160 --> 00:54:40,390
>> Па како можам да ја извршите оваа програма?

1168
00:54:40,390 --> 00:54:44,400
Па, како и порано, ако го направам PHP,
conditions1.php, и типот на

1169
00:54:44,400 --> 00:54:46,560
голем број како 123.

1170
00:54:46,560 --> 00:54:47,720
Тоа е позитивен број.

1171
00:54:47,720 --> 00:54:49,510
Ако јас напишете 0, јас ги собереш 0.

1172
00:54:49,510 --> 00:54:53,700
И ако сум тип во негативна 123, да се добие
се врати негативен број, што е само

1173
00:54:53,700 --> 00:54:59,050
да се каже, синтаксички, PHP
е супер, супер слично.

1174
00:54:59,050 --> 00:55:03,250
>> Значи, зошто е ова сега корисни
во веб контекст?

1175
00:55:03,250 --> 00:55:06,710
Добро, ајде да се вратиме на овој froshims
пример, која изгледаше,

1176
00:55:06,710 --> 00:55:08,600
повторно, како овој овде.

1177
00:55:08,600 --> 00:55:11,580
И ајде да всушност се повлече до веб страница
повторно, која изгледаше вака.

1178
00:55:11,580 --> 00:55:14,930
Што да правиме со
податоци кои е спонзор?

1179
00:55:14,930 --> 00:55:18,770
>> Па, дозволете ми да се отвори понови
верзија на ова.

1180
00:55:18,770 --> 00:55:20,920
И ќе видите дека проблемот
поставува спецификација ќе шета

1181
00:55:20,920 --> 00:55:22,850
преку неколку од овие.

1182
00:55:22,850 --> 00:55:29,610
Наместо да почнуваат со нула,
ајде да погледнеме froshims3,

1183
00:55:29,610 --> 00:55:31,410
која се занимава малку повеќе.

1184
00:55:31,410 --> 00:55:34,780
>> Забележите прво, всушност, ајде да се отвори
надомести она што 0 е, па ќе видите

1185
00:55:34,780 --> 00:55:37,170
она што Регистрирај 0 е.

1186
00:55:37,170 --> 00:55:40,040
Информации што Регистрирај 0 направив.

1187
00:55:40,040 --> 00:55:41,730
Еден, имам коментари на врвот.

1188
00:55:41,730 --> 00:55:43,900
Бришење на оние и да се фокусира само на ова.

1189
00:55:43,900 --> 00:55:48,730
Поголемиот дел од содржината на register0.php
се, очигледно, на кој јазик?

1190
00:55:48,730 --> 00:55:49,980
Само сурови PHP.

1191
00:55:49,980 --> 00:55:53,430
>> Па известување, оваа датотека не започнува
со, во овој момент, отворен заградата,

1192
00:55:53,430 --> 00:55:54,970
прашалник, PHP.

1193
00:55:54,970 --> 00:55:59,800
PHP не ви овозможи да се мешаат
PHP код со HTML тагови.

1194
00:55:59,800 --> 00:56:04,130
Но јас го направив тоа тука во внатрешноста
на страница овде.

1195
00:56:04,130 --> 00:56:08,180
>> Сега, пак, можете само би го знаел тоа од
ја погледна во упатството. print_r,

1196
00:56:08,180 --> 00:56:13,410
што се испоставува, е print_recursive.
_recursive И ова е само корисна

1197
00:56:13,410 --> 00:56:16,780
утилитарна функција, кои едноставно отпечатоци од,
рекурзивно, што и да го рака.

1198
00:56:16,780 --> 00:56:18,760
Ако го предаде низа,
тоа ќе печати низа.

1199
00:56:18,760 --> 00:56:20,180
Ако го предаде број,
тоа ќе се печати број.

1200
00:56:20,180 --> 00:56:21,570
Го рака стринг, тоа ќе
печати низа.

1201
00:56:21,570 --> 00:56:24,500
Ако го предаде хаш табелата, тоа
ќе печати од хаш табелата.

1202
00:56:24,500 --> 00:56:26,730
Вие не треба да се напише сите
на тој кодот себе.

1203
00:56:26,730 --> 00:56:29,490
>> Сега се забележи дека јас сум влегуваат
PHP на владата овде.

1204
00:56:29,490 --> 00:56:32,070
Јас сум излегување PHP на владата овде.

1205
00:56:32,070 --> 00:56:35,950
Значи, кога веб серверот го чита оваа датотека
врвот до дното, лево кон десно, бидејќи

1206
00:56:35,950 --> 00:56:40,750
тој завршува во име на датотека се нарекува. PHP,
она што не е во внатрешноста на PHP тагови е

1207
00:56:40,750 --> 00:56:42,820
само ќе биде плукаат
надвор, како суровини HTML.

1208
00:56:42,820 --> 00:56:43,630
Нема ништо страшно.

1209
00:56:43,630 --> 00:56:49,280
Но штом на веб серверот известувања
ова, тоа се случува да се каже, јас не треба

1210
00:56:49,280 --> 00:56:51,850
плукаат, буквално, print_r на пост.

1211
00:56:51,850 --> 00:56:54,910
Јас треба да се изврши следнава
линија код.

1212
00:56:54,910 --> 00:56:59,850
>> Па на последното прашање, тогаш, од оваа датотека,
е, добро, она што е грижам е тоа?

1213
00:56:59,850 --> 00:57:00,530
Земе се погоди.

1214
00:57:00,530 --> 00:57:04,230
Што е $ _POST, веројатно?

1215
00:57:04,230 --> 00:57:07,070
>> ПУБЛИКАТА: [нечујни]

1216
00:57:07,070 --> 00:57:08,830
>> ЗВУЧНИК 1: Да, испратени податоци.

1217
00:57:08,830 --> 00:57:11,350
Потсетиме, ајде да дојдете назад во
време за само еден миг.

1218
00:57:11,350 --> 00:57:13,165
froshim0, повторно, изгледаше вака.

1219
00:57:13,165 --> 00:57:15,640
А супер мнозинство од ова е само HTML.

1220
00:57:15,640 --> 00:57:18,410
Повторно, некои тагови не сте
видел досега, или со кои

1221
00:57:18,410 --> 00:57:19,360
веќе сте запознаени.

1222
00:57:19,360 --> 00:57:21,990
Но, интересно нешто беше тоа.

1223
00:57:21,990 --> 00:57:27,270
Оваа линија е она што навистина го поврзува
на нашиот register0.php датотека.

1224
00:57:27,270 --> 00:57:29,200
Јас сум поднесување преку методот пост.

1225
00:57:29,200 --> 00:57:33,130
А тоа значи дека параметрите
корисникот видови во не се

1226
00:57:33,130 --> 00:57:35,150
случува да се заокружи каде.

1227
00:57:35,150 --> 00:57:36,175
>> Тие нема да
се појави во URL-то.

1228
00:57:36,175 --> 00:57:39,020
Тие се уште се случува да бидат испратени од
клиент, од прелистувачот, до

1229
00:57:39,020 --> 00:57:42,080
сервер, но само преку некои други
механизам кој ќе се откаже од нашите раце

1230
00:57:42,080 --> 00:57:44,330
на за денес, но тоа не е во URL-то.

1231
00:57:44,330 --> 00:57:47,630
Но информации односот сега со
пост, кои, по конвенција, е

1232
00:57:47,630 --> 00:57:49,160
мали букви тука.

1233
00:57:49,160 --> 00:57:54,090
>> Но, ако јас отвори register0.php,
Јас сум очигледно печатење ова.

1234
00:57:54,090 --> 00:57:56,450
Па ова е вид на чуден
именување на конвенцијата.

1235
00:57:56,450 --> 00:58:01,430
Но она што е убаво во PHP е тоа што кога
користење на PHP во веб контекст, а не на

1236
00:58:01,430 --> 00:58:04,480
командната линија како што го направив пред еден миг,
кога сте всушност го користат во веб-

1237
00:58:04,480 --> 00:58:10,580
страница, во Vhost директориум како и ние,
автоматски PHP ќе се пополни оваа

1238
00:58:10,580 --> 00:58:15,560
работа, која е асоцијативна низа,
така да се каже, хаш табелата, со

1239
00:58:15,560 --> 00:58:17,290
сè на корисникот внесе внатре

1240
00:58:17,290 --> 00:58:22,000
>> На кратко, $ _POST во сите настапи е
глобалната променлива дека PHP само

1241
00:58:22,000 --> 00:58:25,050
магично создава за вас кога
користење на PHP во веб контекст.

1242
00:58:25,050 --> 00:58:29,160
И го става во внатрешноста на сето тоа на
Имињата на параметри во форма која

1243
00:58:29,160 --> 00:58:33,200
беше доставен на оваа датотека и сите
вредностите што корисникот внесе внатре

1244
00:58:33,200 --> 00:58:37,790
Па тоа рацете да ви што на корисникот
ја внеле во таа форма.

1245
00:58:37,790 --> 00:58:42,210
>> Па пред, добивме навистина глупаво излез
на само гледањето тоа затоа што сите што го направив

1246
00:58:42,210 --> 00:58:44,400
беше рекурзивно печати ја оваа низа.

1247
00:58:44,400 --> 00:58:46,060
Клучот е името, вредноста е Дејвид.

1248
00:58:46,060 --> 00:58:46,980
Клучот е капетан.

1249
00:58:46,980 --> 00:58:47,970
Вредноста е.

1250
00:58:47,970 --> 00:58:52,300
И двојно стрелка и аголот
заградата таму, ова е само произволни.

1251
00:58:52,300 --> 00:58:53,270
Ова не е код.

1252
00:58:53,270 --> 00:58:57,690
Ова е само начин на PHP на кои Ви прикажуваат
што вредноста на некои клучни е.

1253
00:58:57,690 --> 00:59:03,000
>> Но, сега дозволете ми предложи дека во
froshIMs3, тоа е речиси идентична

1254
00:59:03,000 --> 00:59:04,950
освен што го доставува до оваа податотека.

1255
00:59:04,950 --> 00:59:08,570
И повторно, ние ќе се вид на само
загледувам во ова, само за да видам некои

1256
00:59:08,570 --> 00:59:12,040
синтаксата, но забележи она што
оваа датотека прави тоа.

1257
00:59:12,040 --> 00:59:14,930
Земете погоди само врз основа на линиите на
код, што веројатно не изгледаат како

1258
00:59:14,930 --> 00:59:17,410
Грчки, до одреден степен,
очигледно прави.

1259
00:59:17,410 --> 00:59:20,580

1260
00:59:20,580 --> 00:59:23,110
>> Оваа датотека е некако поврзана
до пошта, е-маил.

1261
00:59:23,110 --> 00:59:24,770
Значи она што е оваа програма прави?

1262
00:59:24,770 --> 00:59:28,740
Во оваа верзија, ако јас да се всушност
пополнете овој образец - и дозволете ми да одат на

1263
00:59:28,740 --> 00:59:30,760
froshIMs3 не, froshIMs0 -

1264
00:59:30,760 --> 00:59:33,280

1265
00:59:33,280 --> 00:59:34,540
форма изгледа исто.

1266
00:59:34,540 --> 00:59:37,980
Давид, капетан, машки, студентски дом, Метјуз.

1267
00:59:37,980 --> 00:59:42,980
Но, ако јас го достави овој, оваа датотека е
ќе одат register3.php.

1268
00:59:42,980 --> 00:59:46,330
>> И тврдам, од страна гледајќи во тоа е
изворниот код, тоа се случува да

1269
00:59:46,330 --> 00:59:47,650
некако вклучуваат е-мејл.

1270
00:59:47,650 --> 00:59:49,620
Дозволете ми да оди напред и да ја отворите оваа
во поголем прозорец, па ние

1271
00:59:49,620 --> 00:59:51,030
може да се види повеќе демонтирани.

1272
00:59:51,030 --> 00:59:57,220
Ние сме во Vhosts, локалната домаќин,
јавноста, froshims.

1273
00:59:57,220 --> 00:59:58,680
Одам да се отвори различни
Програмата, исто така ние

1274
00:59:58,680 --> 01:00:00,160
да видите повеќе одеднаш.

1275
01:00:00,160 --> 01:00:03,100
>> Па сега тука, забележите неколку работи.

1276
01:00:03,100 --> 01:00:06,530
На врвот на датотеката е отворен
заградата, прашалник, PHP.

1277
01:00:06,530 --> 01:00:08,920
Потоа, тука е еден куп на коментари,
кој можеме да го игнорираме, е

1278
01:00:08,920 --> 01:00:10,450
неинтересен за сега.

1279
01:00:10,450 --> 01:00:11,300
>> Сега има ова.

1280
01:00:11,300 --> 01:00:14,200
Излегува PHP има многу
на код наречен бараат.

1281
01:00:14,200 --> 01:00:19,110
Тоа е многу слични во духот со-C
вклучуваат, хаш вклучуваат, кои

1282
01:00:19,110 --> 01:00:21,980
во суштина ја зграпчува содржината на некои
други датотека и само да ги plops тука,

1283
01:00:21,980 --> 01:00:22,930
за да можете да ги користите.

1284
01:00:22,930 --> 01:00:27,060
Во овој случај, апаратот има,
пре-инсталиран, библиотека, слободен и

1285
01:00:27,060 --> 01:00:29,900
софтвер со отворен код библиотека наречена PHP
мејлер дека секој може да се

1286
01:00:29,900 --> 01:00:30,770
преземете од интернет.

1287
01:00:30,770 --> 01:00:32,000
Ние само го направив тоа за вас.

1288
01:00:32,000 --> 01:00:36,130
А тоа значи јас сега имаат e-mail
функционалноста на располагање.

1289
01:00:36,130 --> 01:00:38,170
>> Сега, забележите неколку работи.

1290
01:00:38,170 --> 01:00:41,120
Одам да се провери на
форма на поднесување.

1291
01:00:41,120 --> 01:00:45,980
Излегува PHP, една, има фантастичен
поени за не оператор, исто како и

1292
01:00:45,980 --> 01:00:49,810
C. Но PHP, исто така има функција
наречен празна.

1293
01:00:49,810 --> 01:00:53,920
>> Празни само враќа true ако вредноста
на нешто што го рака во

1294
01:00:53,920 --> 01:00:57,190
загради е празна, како
корисникот не напишеш ништо внатре

1295
01:00:57,190 --> 01:01:02,680
Значи ова е велејќи дека, и ќе забележите дека
синтакса, многу потсетува на Ц, ако

1296
01:01:02,680 --> 01:01:07,730
Името клуч, па името поле во формата,
кој беше поднесен преку пошта, со

1297
01:01:07,730 --> 01:01:13,010
на корисникот, не е да го испразните, и нивните
полот не е празно во форма како

1298
01:01:13,010 --> 01:01:15,980
добро, а нивните dorm не е празен -

1299
01:01:15,980 --> 01:01:19,980
но забележиш јас не се грижат за Капетане,
тогаш што ќе правиме?

1300
01:01:19,980 --> 01:01:21,990
>> Одам да се изврши
оваа линија код.

1301
01:01:21,990 --> 01:01:24,100
И можете да мислам на овој вид на
како Примерок, но тоа е малку

1302
01:01:24,100 --> 01:01:24,800
познавач од тоа.

1303
01:01:24,800 --> 01:01:29,200
Но сега за сега ова ми дава посебен
struct од типот PHP писмото.

1304
01:01:29,200 --> 01:01:31,410
Но ги игнорираат клучни зборови нови настани за денес.

1305
01:01:31,410 --> 01:01:35,670
>> Сега ќе одам да се јавите на функција наречена
IsSMTP, кој вели, користете SMTP.

1306
01:01:35,670 --> 01:01:39,380
Ова е пристаништето 25, исто како и видео
минатата недела, кога нешто беше фрлање

1307
01:01:39,380 --> 01:01:40,710
пораки во заштитниот ѕид.

1308
01:01:40,710 --> 01:01:42,440
Порта 25 е SMTP.

1309
01:01:42,440 --> 01:01:44,410
SMTP значи употреба на сервер за пошта.

1310
01:01:44,410 --> 01:01:46,215
Кој, можеме да го користиме на Харвард
SMTP.fas.harvard.edu.

1311
01:01:46,215 --> 01:01:48,850

1312
01:01:48,850 --> 01:01:51,590
>> Ние може да поставите од адреса
да се биде Џон Харвард.

1313
01:01:51,590 --> 01:01:55,090
Ако јас движете надолу понатаму, јас може да се постави
на примателот адреса, само

1314
01:01:55,090 --> 01:01:56,840
произволно, за да биде Џон
Харвард, како и.

1315
01:01:56,840 --> 01:01:59,210
Па тој се случува да се себеси испраќање.

1316
01:01:59,210 --> 01:02:01,600
>> Сега можам да го поставите тема
да се биде регистрација.

1317
01:02:01,600 --> 01:02:03,700
И јас може да се постави на телото
на е-мејл како што следи.

1318
01:02:03,700 --> 01:02:06,500
Оваа линија изгледа малку повеќе криптичната,
но тоа е само затоа што има многу

1319
01:02:06,500 --> 01:02:07,450
на информациите во него.

1320
01:02:07,450 --> 01:02:10,670
Еден, таму е точка оператор.

1321
01:02:10,670 --> 01:02:14,510
Некој мора да знаете веќе што
операторот точка го прави тоа.

1322
01:02:14,510 --> 01:02:15,436
Тоа е конкатенација.

1323
01:02:15,436 --> 01:02:19,240
Значи, ако сакате да ги преземат низа во PHP,
и тоа додаваат, или ставете пред него, да

1324
01:02:19,240 --> 01:02:23,500
друга низа во PHP, Фала му на Бога што
не мора да се користат strcopy и Примерок,

1325
01:02:23,500 --> 01:02:25,490
и сето тоа веќе.

1326
01:02:25,490 --> 01:02:28,765
>> Ако сакате да concatenate две жици,
кој се грижи за меморија.

1327
01:02:28,765 --> 01:02:30,850
Нека PHP бројка што за вас.

1328
01:02:30,850 --> 01:02:35,200
Што PHP ќе го направите со операторот точка
тука е само направи голема реченица од

1329
01:02:35,200 --> 01:02:37,900
на оваа линија, оваа линија,
оваа линија, оваа линија.

1330
01:02:37,900 --> 01:02:40,460
И сега известувањето, тоа се случува
да се вклучите во вредности.

1331
01:02:40,460 --> 01:02:43,680
Така го внесувачот на Е дека Џон Харвард се случува
да добиваат е буквално случува да се каже

1332
01:02:43,680 --> 01:02:49,450
име, дебелото црево, нешто, а, тогаш ние
затвори стринг и concatenate на

1333
01:02:49,450 --> 01:02:52,220
без оглед на корисникот внеле
во, а потоа нова линија.

1334
01:02:52,220 --> 01:02:54,570
>> Потоа, на следната линија на Џон Харвард
е-маил, тоа се случува да се каже

1335
01:02:54,570 --> 01:02:55,910
Капетан, На или Ништо.

1336
01:02:55,910 --> 01:02:57,810
Тоа се случува да се каже пол,
машки или женски.

1337
01:02:57,810 --> 01:02:59,680
Dorm ќе биде Метјуз
во мојот случај.

1338
01:02:59,680 --> 01:03:03,400
А потоа забележите запознаени запирка
на самиот крај.

1339
01:03:03,400 --> 01:03:07,830
А потоа, тука долу, информации, донекаде
криптичната уште, но повторно, по

1340
01:03:07,830 --> 01:03:12,730
шема, која ќе стане повеќе запознаени
по П постави 7, ако испраќање на пошта

1341
01:03:12,730 --> 01:03:16,610
се враќа false, тогаш оди напред и да умре.

1342
01:03:16,610 --> 01:03:19,610
>> Па PHP има функција наречена умре,
кои, буквално, само убива

1343
01:03:19,610 --> 01:03:22,830
веб-страница и само отпечатоци од она што
ќе го кажам - неговите умира

1344
01:03:22,830 --> 01:03:24,280
зборови, така да се каже.

1345
01:03:24,280 --> 01:03:28,310
И дека, во овој случај, тоа ќе печати
од она што на грешка инфо е за

1346
01:03:28,310 --> 01:03:29,860
што се случи да тргне наопаку.

1347
01:03:29,860 --> 01:03:34,490
Па скратам приказната тука, она што го имаме
е пример каде што кога корисникот

1348
01:03:34,490 --> 01:03:39,150
доставува форма, froshim0,
froshims3.php, таа оди на

1349
01:03:39,150 --> 01:03:40,760
register3.php.

1350
01:03:40,760 --> 01:03:45,290
Но register3.php потоа продолжува
да се изврши сите овие линии.

1351
01:03:45,290 --> 01:03:46,620
>> Значи има неколку преземе Aways тука.

1352
01:03:46,620 --> 01:03:50,380
Едно, тоа е очигледно прилично лесно,
програмски, да испраќаат електронски пораки,

1353
01:03:50,380 --> 01:03:50,830
што е добро.

1354
01:03:50,830 --> 01:03:53,500
Кога корисниците се регистрирате за вашиот сајт, во
овој случај, кога тие се регистрирате за вашиот

1355
01:03:53,500 --> 01:03:56,220
спорт, можете да е-пошта на Новак
Проктор, или Џон

1356
01:03:56,220 --> 01:03:57,650
Харвард, во овој случај.

1357
01:03:57,650 --> 01:04:01,630
>> Но, тоа, исто така, значи дека може да го направи она што?

1358
01:04:01,630 --> 01:04:03,970
Испрати e-mail од никого за никого.

1359
01:04:03,970 --> 01:04:05,430
И ова е многу точно.

1360
01:04:05,430 --> 01:04:08,580
Ова не е толку лесно да се направи, ако
сте навикнати да користите Gmail.

1361
01:04:08,580 --> 01:04:11,310
Но, ако некогаш сте се користат Eudora или
Изглед, прилично многу може да раскаже

1362
01:04:11,310 --> 01:04:13,720
mail сервер дека сте
некој што го сакате.

1363
01:04:13,720 --> 01:04:16,450
И ова е местото каде што треба да се стави на
дека капа и да каже, не го сторат тоа.

1364
01:04:16,450 --> 01:04:21,140
Но, ова е доказ за тоа колку лесно
е да се изврши фишинг напади, и

1365
01:04:21,140 --> 01:04:24,310
испрати анонимни пораки, и
спам, поопшто.

1366
01:04:24,310 --> 01:04:27,330
И тоа навистина се сведува на
фактот дека сите што ви треба е некои

1367
01:04:27,330 --> 01:04:28,500
програмски пристап.

1368
01:04:28,500 --> 01:04:31,940
>> Како настрана, моите најблиски средба со
реклама одбор, моето Новак година,

1369
01:04:31,940 --> 01:04:34,320
беше кога дознав овој кул
трик што, Леле, можете да

1370
01:04:34,320 --> 01:04:36,850
испрати пораки од никого.

1371
01:04:36,850 --> 01:04:39,770
И така имавме некои глупи
аргумент, буквално, во Метјуз,

1372
01:04:39,770 --> 01:04:40,790
меѓу моите Проктор група.

1373
01:04:40,790 --> 01:04:42,470
Јас дури и не се сеќавам
тоа што ова прашање беше.

1374
01:04:42,470 --> 01:04:44,970
Но јас сакав да се обиде да се стави
крај на овој глупав дебата.

1375
01:04:44,970 --> 01:04:48,580
>> Па решив јас само ќе испрати е-маил
на мојот Проктор група, преправајќи се дека

1376
01:04:48,580 --> 01:04:52,000
на другиот, со чие мислење јас
не се согласи, и имаат него се помирува со

1377
01:04:52,000 --> 01:04:54,680
без оглед на моето мислење беше во
ова особено дебата.

1378
01:04:54,680 --> 01:04:59,320
И така јас фалсификувани оваа е-мејл со користење на
техника слични во духот со ова.

1379
01:04:59,320 --> 01:05:01,256
Но тоа е всушност полесно
во тоа време.

1380
01:05:01,256 --> 01:05:02,435
Притиснете испрати.

1381
01:05:02,435 --> 01:05:06,660
Тој не беше задоволен, ниту пак
биле реклама одбор.

1382
01:05:06,660 --> 01:05:10,280
>> И јас бев многу брзо фатени во рамките на
секунди, бидејќи, како што знаете, јас се регистрирате

1383
01:05:10,280 --> 01:05:11,420
моите пораки на одреден начин.

1384
01:05:11,420 --> 01:05:14,200
И иако јас го направи тоа рачно, во голем
дел, 15 години подоцна, бидејќи јас бев

1385
01:05:14,200 --> 01:05:15,080
трауматизирани од тоа.

1386
01:05:15,080 --> 01:05:16,960
Јас немам еден и ист потпис
на мојот е-мејл сега.

1387
01:05:16,960 --> 01:05:20,440
Но, во 1995 година, јас само имаше SIG,
потпис во мојот мејл.

1388
01:05:20,440 --> 01:05:24,630
Значи имаше оваа белешка велејќи, Почитувани
Проктор група, јас покорност мое мислење

1389
01:05:24,630 --> 01:05:31,240
и се согласувам со Дејвид, потпишан така и
така, нова линија, нова линија, DJM.

1390
01:05:31,240 --> 01:05:36,220
>> Па не го правам тоа или, воопшто, се
Предноста на оваа техника.

1391
01:05:36,220 --> 01:05:39,950
Но кога правење на веб, како за
Вашиот финалниот проект, кога прави

1392
01:05:39,950 --> 01:05:43,460
веб-страница за нешто претприемачки,
ова е како, прагматично, можете да

1393
01:05:43,460 --> 01:05:47,000
потпора други услуги на интернет
како пошта, а потоа всушност

1394
01:05:47,000 --> 01:05:49,440
испрати нешта користење на кодот.

1395
01:05:49,440 --> 01:05:51,240
>> Па како можеме да ја подобриме на ова?

1396
01:05:51,240 --> 01:05:54,370
Па, прво нека земе брз турнеја на
некои од работите што ќе видите,

1397
01:05:54,370 --> 01:05:56,170
а потоа да погледнам во
неколку примери.

1398
01:05:56,170 --> 01:05:59,500
Значи еден, да ги разубеди, бидејќи
ние сме летање преку PHP.

1399
01:05:59,500 --> 01:06:02,470
И знам, во некој момент, ќе треба
всушност да почнете да пишувате ова ако

1400
01:06:02,470 --> 01:06:03,460
веќе не сте.

1401
01:06:03,460 --> 01:06:06,220
Сфатат дека, еден, главниот е вид
на надвор од прозорецот со PHP.

1402
01:06:06,220 --> 01:06:09,420
Ако сакате да се напише код кој добива
извршена, само на проектот пишување на тоа во

1403
01:06:09,420 --> 01:06:13,970
датотека се нарекува. PHP толку долго колку што
имате отворено заградата

1404
01:06:13,970 --> 01:06:15,620
прашалник PHP таг.

1405
01:06:15,620 --> 01:06:19,730
>> Но забележуваме овие се
услови во PHP.

1406
01:06:19,730 --> 01:06:22,610
Забележите, ова е иста слајд
имавме во една недела кога имавме

1407
01:06:22,610 --> 01:06:25,670
услови во C. Условите во
PHP се структурно и

1408
01:06:25,670 --> 01:06:27,140
синтаксички исти.

1409
01:06:27,140 --> 01:06:30,290
Единствената вистинска разлика е ако имаш
променливи кои се вклучени, ќе имаат оние

1410
01:06:30,290 --> 01:06:31,600
долар знаци.

1411
01:06:31,600 --> 01:06:33,970
>> Во меѓувреме, Булова изрази
изгледа само како оваа за

1412
01:06:33,970 --> 01:06:35,725
или-ИНГ или и-ИНГ заедно.

1413
01:06:35,725 --> 01:06:37,780
Прекинувачи изгледа иста.

1414
01:06:37,780 --> 01:06:42,180
Што е убаво во PHP, додека во Ц,
прекинувачи треба да бидат случаи на

1415
01:06:42,180 --> 01:06:46,380
примитивците како ints или карактери, во PHP
вашиот случај изјавите всушност може да биде

1416
01:06:46,380 --> 01:06:48,430
на цела стрингови, која е
всушност вид на убаво.

1417
01:06:48,430 --> 01:06:49,480
Ви заштедува некое време.

1418
01:06:49,480 --> 01:06:50,820
Не можеше да го стори тоа во C.

1419
01:06:50,820 --> 01:06:52,880
>> Тука е за телефонска линија во PHP.

1420
01:06:52,880 --> 01:06:53,740
Тоа е идентична.

1421
01:06:53,740 --> 01:06:55,400
Може да има некои долар знаци
за променливи.

1422
01:06:55,400 --> 01:06:57,530
Вие не треба да се спомене дека
нешто е int.

1423
01:06:57,530 --> 01:07:00,580
Можете само да го прогласи со знакот за долар
и името на променливата.

1424
01:07:00,580 --> 01:07:01,430
Но за телефонска линија е иста.

1425
01:07:01,430 --> 01:07:02,760
А додека јамка е иста.

1426
01:07:02,760 --> 01:07:04,870
А направите додека јамка е иста.

1427
01:07:04,870 --> 01:07:06,170
>> Ова е малку различен.

1428
01:07:06,170 --> 01:07:12,410
Па со PHP, со низа, може да
статички прогласи низа, како во C,

1429
01:07:12,410 --> 01:07:14,420
но вие го користите квадратни загради.

1430
01:07:14,420 --> 01:07:17,060
Во C, ќе се користи големите загради,
ако дури и знаеше тоа.

1431
01:07:17,060 --> 01:07:20,910
Но ова е всушност многу честа појава во PHP
да се изјаснат за низа, во овој случај,

1432
01:07:20,910 --> 01:07:23,640
на броеви, и повик на
променлива броеви.

1433
01:07:23,640 --> 01:07:25,300
>> Променливи самите да изгледа вака.

1434
01:07:25,300 --> 01:07:28,710
Тука е стринг, цитирам unquote "здраво
свет. "Можеби ќе имате коса црта n.

1435
01:07:28,710 --> 01:07:30,950
Јас едноставно не го направи во овој случај.

1436
01:07:30,950 --> 01:07:32,640
>> Сега ова е интересна конструкција.

1437
01:07:32,640 --> 01:07:33,700
Ц не ја имаат оваа.

1438
01:07:33,700 --> 01:07:34,700
Но, ова е супер корисни.

1439
01:07:34,700 --> 01:07:38,160
И ќе видите ова во P сет 7
спецификации - задолжително за секој конструкција.

1440
01:07:38,160 --> 01:07:41,800
Ако сакате да ја повторам над сите на
елементи низа, вие не мора

1441
01:07:41,800 --> 01:07:45,500
да се справи со $ i и $ n,
и + +, и сето тоа.

1442
01:07:45,500 --> 01:07:47,640
Вие буквално може да се каже, во PHP, ова -

1443
01:07:47,640 --> 01:07:51,890
за секој број како број, па
Јас сум претпоставувајќи дека $ броеви

1444
01:07:51,890 --> 01:07:53,380
е низа од броеви.

1445
01:07:53,380 --> 01:07:56,460
И кога велам за секој броеви
како број, ова ќе

1446
01:07:56,460 --> 01:08:00,505
автоматски, како што мојот јамка извршува,
надградба, на секоја итерација, вредноста

1447
01:08:00,505 --> 01:08:03,260
внатрешноста на знакот за долар број -

1448
01:08:03,260 --> 01:08:07,730
повторно, и повторно, и повторно одење
за мене во текот на овој низа.

1449
01:08:07,730 --> 01:08:08,735
Па тоа само ни заштедува код.

1450
01:08:08,735 --> 01:08:12,250
Без запирки, без + + е, не ми е тоа,
нема на n, тоа е само убаво.

1451
01:08:12,250 --> 01:08:13,700
>> Но, PHP, исто така, ја има оваа.

1452
01:08:13,700 --> 01:08:14,830
И ова е супер моќен.

1453
01:08:14,830 --> 01:08:17,410
И ќе ја користите оваа, рацете
на, во P постави 7.

1454
01:08:17,410 --> 01:08:21,990
И асоцијативна низа е исто така прогласи
со квадратни загради.

1455
01:08:21,990 --> 01:08:23,569
Но коментар на синтакса сега.

1456
01:08:23,569 --> 01:08:26,880
Тоа е потсетува на она што го видовме
со print_r пред еден миг.

1457
01:08:26,880 --> 01:08:31,810
Колку клучеви, како малку здрав разум чек,
не оваа низа се чини дека имаат.

1458
01:08:31,810 --> 01:08:32,689
>> Така што има две.

1459
01:08:32,689 --> 01:08:33,830
И јас ова го нарекуваат низа.

1460
01:08:33,830 --> 01:08:36,760
Но, ако тоа им помага, може да се мисли
на тоа како хаш табелата, или како

1461
01:08:36,760 --> 01:08:37,930
асоцијативна низа.

1462
01:08:37,930 --> 01:08:39,580
Но, тоа е само поинаков
тип на низа.

1463
01:08:39,580 --> 01:08:41,080
И повторно, различни јазици
имаат овие.

1464
01:08:41,080 --> 01:08:43,810
Ќе видиме нешто слично
во JavaScript, како и.

1465
01:08:43,810 --> 01:08:44,609
Има две копчиња.

1466
01:08:44,609 --> 01:08:48,390
Една од нив е цитат unquote "симбол", еден е
цитирам unquote "цена". И тие клучеви

1467
01:08:48,390 --> 01:08:49,250
секој од нив има вредност.

1468
01:08:49,250 --> 01:08:54,420
Во овој случај вредност симбол е полн пансион, за
Вредност Фејсбук, и цената е 49, 26,

1469
01:08:54,420 --> 01:08:56,899
кој беше акциите на Фејсбук
цена како на ова утро.

1470
01:08:56,899 --> 01:09:00,170
>> Значи она што е корисно за
асоцијативна низа.

1471
01:09:00,170 --> 01:09:02,620
Јас би можеле да имаат бројно
индексирани низа со само

1472
01:09:02,620 --> 01:09:04,120
едноставна квадратни загради.

1473
01:09:04,120 --> 01:09:09,380
И јас би можеле да имаат знакот за долар
Цитат еднаква токму тоа.

1474
01:09:09,380 --> 01:09:10,529
Дозволете ми да всушност го прават тоа.

1475
01:09:10,529 --> 01:09:14,796
Претпоставувам дека наместо само прогласи
оваа низа како тоа.

1476
01:09:14,796 --> 01:09:17,590
Тоа е совршено валидни,
синтаксички.

1477
01:09:17,590 --> 01:09:20,569
Тоа не губи секоја информација,
сама за себе.

1478
01:09:20,569 --> 01:09:24,760
Јас се уште се види дека симболот е fb,
и дека цената е 49, 26.

1479
01:09:24,760 --> 01:09:28,939
Па зошто се асоцијативни
низи привлечни?

1480
01:09:28,939 --> 01:09:30,189
>> Публика: Вие не треба да се запамети
каде што ќе се стави нешта.

1481
01:09:30,189 --> 01:09:32,050

1482
01:09:32,050 --> 01:09:34,130
>> ЗВУЧНИК 1: Точно, вие не мора
да се сети каде ќе се стави нешта.

1483
01:09:34,130 --> 01:09:37,670
Вие не треба да се произволно се сеќавам
дека симболот на акцијата е во заградата нула,

1484
01:09:37,670 --> 01:09:41,479
и цените на акциите е во заградата еден,
што е особено опасно ако

1485
01:09:41,479 --> 01:09:43,220
се променат работите, на крајот.

1486
01:09:43,220 --> 01:09:46,399
Тоа е многу поубаво да се дружат
она што ќе го наречеме метаподатоци

1487
01:09:46,399 --> 01:09:48,340
со вашиот вистински податоци.

1488
01:09:48,340 --> 01:09:52,399
Јас би рекол дека она што ние навистина се грижат
за тука е fb и 49, 26.

1489
01:09:52,399 --> 01:09:57,020
Симболот и цената е метаподатоци
кој го опишува податоците што

1490
01:09:57,020 --> 01:09:58,180
всушност се грижи за.

1491
01:09:58,180 --> 01:10:01,910
Но, ова е само толку
полесно да пристапите.

1492
01:10:01,910 --> 01:10:04,090
>> Сега, како настрана она што е
цената што ја плати?

1493
01:10:04,090 --> 01:10:06,600
Ние сме биле прави овој
во CS50 за неколку недели.

1494
01:10:06,600 --> 01:10:10,740
Оваа функција мора да дојде во некоја цена.

1495
01:10:10,740 --> 01:10:11,350
Меморија.

1496
01:10:11,350 --> 01:10:13,830
Па вие не сте само чување на 32-битна
цел број, на пример.

1497
01:10:13,830 --> 01:10:17,980
Сте чување симбол / 0, веројатно.

1498
01:10:17,980 --> 01:10:19,160
Па ти си со користење на повеќе меморија.

1499
01:10:19,160 --> 01:10:22,540
>> И она што е на перформансите на
бараат нешто во

1500
01:10:22,540 --> 01:10:24,822
асоцијативна низа, веројатно?

1501
01:10:24,822 --> 01:10:26,590
Тоа е веројатно побавно.

1502
01:10:26,590 --> 01:10:29,670
Случаен пристап е убаво, особено
кога можете да направите бинарна пребарување.

1503
01:10:29,670 --> 01:10:33,380
Но ако сте всушност сега не гледа
за броеви, туку и за стрингови, овој

1504
01:10:33,380 --> 01:10:37,630
навистина се спроведува под
качулка, веројатно како хаш табелата, каде што

1505
01:10:37,630 --> 01:10:42,950
го користите или хаш табелата
со посебен врзувањето.

1506
01:10:42,950 --> 01:10:46,040
Или го користите, се обиде да всушност
чување на вредности.

1507
01:10:46,040 --> 01:10:50,550
Па можеби и можете да направите постојана време, но
се уште треба да се погледне во S-Y-М-Б-О-Л,

1508
01:10:50,550 --> 01:10:54,510
потенцијално, наместо на само 32
битови да се погледне нешто.

1509
01:10:54,510 --> 01:10:58,430
Значи, повторно, истите тие идеи доаѓаат
се врати да се повтори во овој контекст.

1510
01:10:58,430 --> 01:11:02,120
>> Но, повторно, PHP, сега има некои супер
глобални тоа, што се испоставува, се

1511
01:11:02,120 --> 01:11:02,900
асоцијативни низи.

1512
01:11:02,900 --> 01:11:05,590
Видовме еден момент пред, $ _POST.

1513
01:11:05,590 --> 01:11:08,400
И дека супер глобалната
има клучеви и вредности.

1514
01:11:08,400 --> 01:11:10,550
Поточно, клучеви
редат со што?

1515
01:11:10,550 --> 01:11:14,520
Каде се клучевите во $ _POST доаѓаат од?

1516
01:11:14,520 --> 01:11:15,380
Само да повториме?

1517
01:11:15,380 --> 01:11:16,480
>> ПУБЛИКАТА: Име.

1518
01:11:16,480 --> 01:11:17,900
>> ЗВУЧНИК 1: Име, каде?

1519
01:11:17,900 --> 01:11:19,860
>> ПУБЛИКАТА: [нечујни]

1520
01:11:19,860 --> 01:11:20,750
>> ЗВУЧНИК 1: Име е атрибут.

1521
01:11:20,750 --> 01:11:23,480
Па каде, каде пак тие
оригинално доаѓаат од?

1522
01:11:23,480 --> 01:11:24,120
Форма.

1523
01:11:24,120 --> 01:11:30,140
Значи, ако една HTML страница има форма таг,
внатре, од кои некои влезови, како

1524
01:11:30,140 --> 01:11:34,760
проверете кутии, текст кутии, паѓачкото
менија, од кои секоја има име, оние

1525
01:11:34,760 --> 01:11:40,260
имиња завршуваат како клучеви во $ _POST, и,
искрено, за таа материја, $ _GET.

1526
01:11:40,260 --> 01:11:42,130
Ако метод е да се добие, истата идеја.

1527
01:11:42,130 --> 01:11:43,830
Тоа е само во различен супер глобален.

1528
01:11:43,830 --> 01:11:47,620
И вредностите, се разбира, доаѓаат од
без оглед на корисникот внесе во во неговата или

1529
01:11:47,620 --> 01:11:48,890
нејзиниот пребарувач.

1530
01:11:48,890 --> 01:11:49,830
>> Но, има уште неколку други.

1531
01:11:49,830 --> 01:11:52,140
Има куки, кои ќе
се врати на крајот.

1532
01:11:52,140 --> 01:11:56,050
Но тие се работи кои знаете
веб користи за некои добро или зло.

1533
01:11:56,050 --> 01:11:57,420
Но ние ќе се вратам на тоа.

1534
01:11:57,420 --> 01:12:01,720
Сервер и траење на сесијата, и оние две
имаат некои посебни алатка.

1535
01:12:01,720 --> 01:12:03,940
>> Но, ајде да ги разгледаме во тоа.

1536
01:12:03,940 --> 01:12:13,330
Дозволете ми да оди напред и да се отворат пример
наречен mvc0.php Значи MVC

1537
01:12:13,330 --> 01:12:14,900
се залага за следново.

1538
01:12:14,900 --> 01:12:19,390
И ние се воведе ова порано отколку што е
типичен, навистина, да ви дизајнирање

1539
01:12:19,390 --> 01:12:22,180
Проблемот сет 7, а исто така конечниот проекти,
во вид на индустрија

1540
01:12:22,180 --> 01:12:23,670
стандарден начин, и чист начин.

1541
01:12:23,670 --> 01:12:24,820
Тоа е добар дизајн.

1542
01:12:24,820 --> 01:12:29,090
>> Па ти си за да се види, и ќе
искуство, во P сет 7, парадигма, сортирање

1543
01:12:29,090 --> 01:12:32,260
на програмскиот начин на размислување, што изгледа
малку нешто како ова.

1544
01:12:32,260 --> 01:12:35,570
М за модел, Ц за контролор,
V за преглед.

1545
01:12:35,570 --> 01:12:39,690
Скратам приказната, MVC е само вид
на методологија, начин на правење

1546
01:12:39,690 --> 01:12:43,360
веб-сајтови, особено, при што ќе ги
стави сите на вашиот, глупава фраза -

1547
01:12:43,360 --> 01:12:44,970
бизнис логика -

1548
01:12:44,970 --> 01:12:49,710
сите вашата интелектуална сопственост во
она што се нарекува контролер, датотека

1549
01:12:49,710 --> 01:12:54,840
како index.php, или ние ќе видиме,
quote.php, или buy.php.

1550
01:12:54,840 --> 01:12:59,570
>> Во контекст на проблемот сет 7, Вашиот
модели обично ги содржат Вашите податоци,

1551
01:12:59,570 --> 01:13:03,860
ништо во врска со базата на податоци, како што ќе
на крајот да се види, и вашите ставови

1552
01:13:03,860 --> 01:13:07,510
содржи естетиката на вашиот
сајт, HTML, CSS.

1553
01:13:07,510 --> 01:13:10,420
Па ние веќе го виде тоа во C малку
малку со користење на. ж датотеки.

1554
01:13:10,420 --> 01:13:15,010
Ние навистина го видов пред еден миг со CSS,
од страна на факторинг стилизација CSS

1555
01:13:15,010 --> 01:13:16,520
работи надвор од нашата HTML.

1556
01:13:16,520 --> 01:13:20,730
>> Па MVC е навистина само за цртање
линии во песок и велејќи, на

1557
01:13:20,730 --> 01:13:25,400
интересни програмски код за вашиот
веб-страница припаѓа во она што ние ќе викнам

1558
01:13:25,400 --> 01:13:26,400
контролорот.

1559
01:13:26,400 --> 01:13:29,280
Работи поврзани со база на податоци обично
завршува во модел.

1560
01:13:29,280 --> 01:13:33,070
Но ќе се види, во проблем сет 7,
се спојат Ц и К, за да ја задржиш едноставен.

1561
01:13:33,070 --> 01:13:37,630
Но гледање е местото каде што сите ваши HTML
и естетика обично одат.

1562
01:13:37,630 --> 01:13:39,160
>> Па што значи ова во реални услови?

1563
01:13:39,160 --> 01:13:45,980
Па, дозволете ми да одат во нашите MVC
директориум како што следува.

1564
01:13:45,980 --> 01:13:48,880
И ќе видите повеќе од овие
турнеи низ во спецификации.

1565
01:13:48,880 --> 01:13:53,200
Па во mvc0, тврдам дека ова е, како,
верзија 0 на веб-сајтови CS50 е.

1566
01:13:53,200 --> 01:13:56,670
>> Сите ние треба е некои HTML, како и
голема H1 таг, очигледно.

1567
01:13:56,670 --> 01:13:57,800
А потоа и нумерирани листа.

1568
01:13:57,800 --> 01:13:59,860
Јас никогаш не сум видел нумерирани листа
пред тоа, но нема ништо страшно.

1569
01:13:59,860 --> 01:14:01,590
Ајде брзо да се погледне на изворниот код.

1570
01:14:01,590 --> 01:14:06,610
Излегува неподреден список со куршуми
е отворена заграда ул со еден или

1571
01:14:06,610 --> 01:14:09,065
повеќе листата на предмети, Ли.

1572
01:14:09,065 --> 01:14:10,650
Па известување тука е сидро таг.

1573
01:14:10,650 --> 01:14:12,130
Видовме дека пред еден миг.

1574
01:14:12,130 --> 01:14:13,810
>> Значи ова е како јас спроведува
оваа страница.

1575
01:14:13,810 --> 01:14:18,460
Јас имам врски две, две листата на предмети, еден
UL за неподреден список, и на крајот

1576
01:14:18,460 --> 01:14:22,700
резултат на тоа, естетски, дали е ова многу
прилично веб-сајт, верзија 0 овде.

1577
01:14:22,700 --> 01:14:26,840
Но она што е интересно сега е како оваа
се спроведува под хауба.

1578
01:14:26,840 --> 01:14:33,590
>> Дозволете ми да одат во gedit и се отвори оваа
Уште првиот пример да наслика слика.

1579
01:14:33,590 --> 01:14:37,070
А ние ќе се погледне во она што е недостатоци,
потенцијално, во тука.

1580
01:14:37,070 --> 01:14:43,260
Сега, ако одам во локалниот компјутер, јавни,
MVC, забележите неколку датотеки.

1581
01:14:43,260 --> 01:14:45,780
Одам да се јавите на овие, за
момент, сите контролори.

1582
01:14:45,780 --> 01:14:48,640
Но тоа е малку на злоупотреба, бидејќи
ќе видите се што е измешани

1583
01:14:48,640 --> 01:14:49,620
внатрешноста на нив.

1584
01:14:49,620 --> 01:14:52,330
>> И дозволете ми да оди во внатрешноста на index.php.

1585
01:14:52,330 --> 01:14:54,700
И можеме да видиме, буквално, истата HTML.

1586
01:14:54,700 --> 01:14:57,970
Па дури иако оваа датотека завршува во
. PHP, тоа не значи дека треба да

1587
01:14:57,970 --> 01:14:59,500
имате било какви PHP код.

1588
01:14:59,500 --> 01:15:02,290
Тоа само може да биде суров HTML, иако
тоа е вид на глупо.

1589
01:15:02,290 --> 01:15:07,650
Но информации нема отворени заградата PHP
таг, освен ова, што, искрено,

1590
01:15:07,650 --> 01:15:09,160
е само таму за да служат како коментар.

1591
01:15:09,160 --> 01:15:12,080
Но тоа не е функционално
дури и тоа интересно.

1592
01:15:12,080 --> 01:15:12,960
>> Но забележуваат тоа.

1593
01:15:12,960 --> 01:15:15,400
Она што е интересно сега е што
промени на оваа страница.

1594
01:15:15,400 --> 01:15:16,650
Дозволете ми да кликнете на предавања.

1595
01:15:16,650 --> 01:15:18,560
И ќе забележите дека URL е за да се промени.

1596
01:15:18,560 --> 01:15:20,930
Сега јас сум на lectures.php.

1597
01:15:20,930 --> 01:15:22,630
Дозволете ми да кликнете на нула.

1598
01:15:22,630 --> 01:15:27,200
Сега јас сум на week0.php И сега ајде
мене се отвори овие датотеки во избраната.

1599
01:15:27,200 --> 01:15:30,120
Не само индекс, но ајде
мене се отвори предавања.

1600
01:15:30,120 --> 01:15:33,900
И дозволете ми да се ослободи од коментарите
да се фокусираат на овој дел само.

1601
01:15:33,900 --> 01:15:37,680
>> И сега дозволете ми да отвори само еден повеќе,
week0.php, фрлаат на коментарите,

1602
01:15:37,680 --> 01:15:39,910
само за да се исчисти ова.

1603
01:15:39,910 --> 01:15:41,720
И сега забележиме следниве.

1604
01:15:41,720 --> 01:15:47,340
Размислување навистина вид на внимателно за
дизајн, и ајде да се направи тоа линија

1605
01:15:47,340 --> 01:15:52,013
до истиот, што би можело да се направи
подобро тука, мислиш?

1606
01:15:52,013 --> 01:15:56,450

1607
01:15:56,450 --> 01:15:57,780
>> Како ми направи една недела?

1608
01:15:57,780 --> 01:15:58,480
Како за овој.

1609
01:15:58,480 --> 01:16:00,450
Значи ова е како јас направив една недела.

1610
01:16:00,450 --> 01:16:08,290
Отидов до датотеката, Нова, paste, Зачувај,
week1.php, а потоа отидов од тука.

1611
01:16:08,290 --> 01:16:09,875
И јас се промени еден -

1612
01:16:09,875 --> 01:16:11,646
Што беше ова, еден до петок.

1613
01:16:11,646 --> 01:16:14,430

1614
01:16:14,430 --> 01:16:15,810
Ја променив нули за еден.

1615
01:16:15,810 --> 01:16:17,150
Ја променив тоа да еден.

1616
01:16:17,150 --> 01:16:20,350
>> Добро, па сега гледам на мојата датотеки.

1617
01:16:20,350 --> 01:16:22,100
Она што би можело да се направи и поинаку?

1618
01:16:22,100 --> 01:16:25,310
Каде е можност, можеби?

1619
01:16:25,310 --> 01:16:28,330
Значи има можност да се започне
факторинг овој материјал надвор.

1620
01:16:28,330 --> 01:16:32,950
Дозволете ми да се отвори, како спојлер, за
она што ќе видите во P сет 7.

1621
01:16:32,950 --> 01:16:38,750
Ако јас се отвори, сега, index.php во верзија
пет од тоа, изгледа начин

1622
01:16:38,750 --> 01:16:40,730
повеќе криптичната, очигледно.

1623
01:16:40,730 --> 01:16:43,710
>> Но, ова, сега, е она што јас ќе се јавам на
контролер кој е контролирање на

1624
01:16:43,710 --> 01:16:44,770
Логиката на мојата страница.

1625
01:16:44,770 --> 01:16:48,510
И можете вид на може да се реконструираат,
интуитивно, можеби, тоа што се случува.

1626
01:16:48,510 --> 01:16:50,630
На првата линија, тоа е
малку криптичната.

1627
01:16:50,630 --> 01:16:54,040
Но забележиш јас сум се бара, како и со
остри вклучуваат, фајл наречен

1628
01:16:54,040 --> 01:16:55,930
helpers.php.

1629
01:16:55,930 --> 01:16:59,980
И тогаш јас го повикувам, очигледно, на
функција, наречен малтерот, минувајќи во

1630
01:16:59,980 --> 01:17:00,850
два аргументи.

1631
01:17:00,850 --> 01:17:02,440
>> Една од нив е цитат unquote, заглавието.

1632
01:17:02,440 --> 01:17:04,800
А другиот е, каков вид на
тип на податок е тоа, врз основа на

1633
01:17:04,800 --> 01:17:07,180
на нашата синтакса порано?

1634
01:17:07,180 --> 01:17:08,160
Тоа е регистрирано низа.

1635
01:17:08,160 --> 01:17:11,730
Поточно, тоа е поминува во насловот
со некои метаподатоци што потсетува

1636
01:17:11,730 --> 01:17:13,430
мене она што е и неговата вредност.

1637
01:17:13,430 --> 01:17:16,340
Тогаш гледам хард кодирани
ул, па некои суровини и HTML.

1638
01:17:16,340 --> 01:17:20,020
Но тогаш јас сум назад во PHP на владата
повикувајќи функција малтерот.

1639
01:17:20,020 --> 01:17:24,390
Па дури и ако никогаш не сум се користи HTML или PHP
пред, и иако ова изгледа

1640
01:17:24,390 --> 01:17:27,480
scarier, зошто е ова веројатно
подобар дизајн?

1641
01:17:27,480 --> 01:17:31,310
Што е подобро за тоа,
врз основа на заклучок?

1642
01:17:31,310 --> 01:17:32,130
>> ПУБЛИКАТА: [нечујни]

1643
01:17:32,130 --> 01:17:35,750
>> ЗВУЧНИК 1: Помалку излишни во таа
нема повеќе HTML таг, не повеќе

1644
01:17:35,750 --> 01:17:38,410
глави таг, не повеќе телото таг
во секој проклет датотека.

1645
01:17:38,410 --> 01:17:41,860
Наместо тоа, јас сум констатирано и надвор од
заедништво и се претпоставува дека ги стави

1646
01:17:41,860 --> 01:17:45,150
во датотека некако поврзани
на заглавието.

1647
01:17:45,150 --> 01:17:48,500
И истото за тесна тело
таг, во близина HTML таг.

1648
01:17:48,500 --> 01:17:52,165
Тоа е веројатно, тука долу во внатрешноста
на подножјето некаде.

1649
01:17:52,165 --> 01:17:57,050
И ќе видите, во проблем сет 7,
малку турнеја низ ова.

1650
01:17:57,050 --> 01:17:58,070
>> Значи она што лежи напред?

1651
01:17:58,070 --> 01:18:03,390
Една работа што не ја имаат способноста
уште за е всушност да се сместат податоци.

1652
01:18:03,390 --> 01:18:06,110
И уште па што ќе почнете да ја видите
Среда, на пример, е дека вашата

1653
01:18:06,110 --> 01:18:08,450
стар пријател Excel, или броеви,
Ви овозможува да ги чувате многу

1654
01:18:08,450 --> 01:18:10,060
податоци во редови и колони.

1655
01:18:10,060 --> 01:18:12,570
Излегува можете да го направите во она што е
нарекува база на податоци, програмски.

1656
01:18:12,570 --> 01:18:16,620
манична И што излезе, после тоа,
ние ќе бидеме во можност да ги чувате работите како

1657
01:18:16,620 --> 01:18:20,550
ова, кој ќе ја видите повторно во P сет
7, целиот куп на кориснички имиња и

1658
01:18:20,550 --> 01:18:23,690
лозинки, на последната на која се
всушност шифрирана, многу како што го

1659
01:18:23,690 --> 01:18:25,550
беа во хакер издание П сет 2 е.

1660
01:18:25,550 --> 01:18:29,600
И на крајот, ќе се спроведе ова,
свој Etrade-како веб-сајт кој

1661
01:18:29,600 --> 01:18:32,220
спроведува колективно CS50 финансии.

1662
01:18:32,220 --> 01:18:36,000
>> И на крај, бидејќи вие останаа тука толку доцна
денес, ако се врати во овој дел

1663
01:18:36,000 --> 01:18:41,120
на кампусот, во 04:00 денес, ние ќе
ви даде не е само совет, на SCES

1664
01:18:41,120 --> 01:18:44,200
Советување саем, во 16:00 во
Максвел-до Дворкин, ние ќе ви даде некои

1665
01:18:44,200 --> 01:18:47,470
Americone сон, цреша Гарсија,
Чоколадо празни епови пусти, Чоколадо

1666
01:18:47,470 --> 01:18:50,840
Чип куки тесто, и, кога ќе Google
Буци мајмун, ќе го добиете ова.

1667
01:18:50,840 --> 01:18:53,620
Па сите што чека во 4:00
Премиерот во Максвел-Дворкин.

1668
01:18:53,620 --> 01:18:56,736
Те гледам во средата, како и.

1669
01:18:56,736 --> 01:18:59,960
>> ЗВУЧНИК 2: На следното
CS50, RJ спие внатре

1670
01:18:59,960 --> 01:19:03,656

1671
01:19:03,656 --> 01:19:04,906
>> RJ: Мојот дел!

1672
01:19:04,906 --> 01:19:07,727

1673
01:19:07,727 --> 01:19:08,977
Ха!

1674
01:19:08,977 --> 01:19:12,056

1675
01:19:12,056 --> 01:19:13,306
Ох,

1676
01:19:13,306 --> 01:19:16,374