1
00:00:00,000 --> 00:00:07,440

2
00:00:07,440 --> 00:00:08,180
>> ТОМАС Реимерс: Здраво, свима.

3
00:00:08,180 --> 00:00:09,250
Зовем се Томас Реимерс.

4
00:00:09,250 --> 00:00:10,500
>> МИКЕ РИЗЗО: И ја сам Мике Ризо.

5
00:00:10,500 --> 00:00:12,990
>> ТОМАС Реимерс: Ми смо два ЦС50с ТС.

6
00:00:12,990 --> 00:00:18,910
И данас смо водећи семинар о
ЈаваСцрипт и ЦСС за веб апликације.

7
00:00:18,910 --> 00:00:22,140
Уколико желите да пратите,
линк је тамо.

8
00:00:22,140 --> 00:00:25,190
А да ли желите да га ставите горе
на рачунар на кратко?

9
00:00:25,190 --> 00:00:27,460
>> Постоји веза.

10
00:00:27,460 --> 00:00:30,390
То је мали сајт, који има везе са
сви ресурси да ћемо бити

11
00:00:30,390 --> 00:00:36,490
указујући вам данас и такође има много
корисне информације написао нас

12
00:00:36,490 --> 00:00:39,680
прочитајте више у дубину када се вратите,
а ви покушавате да се сетим шта

13
00:00:39,680 --> 00:00:42,166
тачно кажемо, шта сте били
говори о, и тако даље.

14
00:00:42,166 --> 00:00:43,870
>> МИКЕ РИЗЗО: У реду.

15
00:00:43,870 --> 00:00:44,890
Дакле, хајде да почнемо.

16
00:00:44,890 --> 00:00:45,700
>> ТОМАС Реимерс: Дакле, желите да почнете?

17
00:00:45,700 --> 00:00:45,970
У реду.

18
00:00:45,970 --> 00:00:47,170
>> МИКЕ РИЗЗО: Да.

19
00:00:47,170 --> 00:00:51,730
Дакле, ми смо прво хтели да почну са широким
преглед о интернету и

20
00:00:51,730 --> 00:00:54,240
филе врста при дизајнирању сајтова.

21
00:00:54,240 --> 00:00:57,550
Иако ова презентација ми желимо да
ући у ЈаваСцрипт много много

22
00:00:57,550 --> 00:01:00,320
касније, желели смо да почнете са
Само, некако, као поглед из птичје перспективе

23
00:01:00,320 --> 00:01:03,270
од чега је сајт и како
да размишљају о пројектовању

24
00:01:03,270 --> 00:01:04,800
сајт за почетак.

25
00:01:04,800 --> 00:01:08,370
>> Дакле, ви момци, у овом тренутку - са њом
је петак вече - треба да има

26
00:01:08,370 --> 00:01:11,000
поднела свој ЦС50 финансије
Проблем поставља.

27
00:01:11,000 --> 00:01:15,260
Надамо се, да је био добар укус
онога веб програмирање могу бити.

28
00:01:15,260 --> 00:01:18,261
Али овде ми желимо да, некако, дају
ти други укус, као и.

29
00:01:18,261 --> 00:01:23,190
>> ТОМАС Реимерс: Дакле, само да подсетимо шта
дешава, када куцате у УРЛ-у

30
00:01:23,190 --> 00:01:26,650
Ваш веб претраживач, УРЛ адреса које добија
погледао у компјутеру.

31
00:01:26,650 --> 00:01:28,590
И рачунар је повезан
на други рачунар,

32
00:01:28,590 --> 00:01:29,890
који је домаћин тај сајт.

33
00:01:29,890 --> 00:01:33,150
У реду, тако да када одете на гоогле.цом, ти си
повезан са једном од Гоогле-

34
00:01:33,150 --> 00:01:36,496
рачунари, који има
датотеке за гоогле.цом.

35
00:01:36,496 --> 00:01:38,750
>> То онда тражи одређену датотеку.

36
00:01:38,750 --> 00:01:40,020
Дакле, ако идете на -

37
00:01:40,020 --> 00:01:41,550
Ја не знам -

38
00:01:41,550 --> 00:01:48,170
екампле.цом / индек.хтмл или / тест.хтмл,
идете да тражите

39
00:01:48,170 --> 00:01:49,340
то специфичан фајл.

40
00:01:49,340 --> 00:01:52,780
А веб сервер иде
да га врати на вас.

41
00:01:52,780 --> 00:01:54,910
>> Затим, када прође кроз тај фајл -

42
00:01:54,910 --> 00:01:57,750

43
00:01:57,750 --> 00:01:59,950
Једном сте рачунар добија да
фајл - то ће да почне

44
00:01:59,950 --> 00:02:00,820
да направите веб страницу.

45
00:02:00,820 --> 00:02:03,020
Тако сада има ХТМЛ фајл,
која је врста као

46
00:02:03,020 --> 00:02:05,170
Структура веб странице.

47
00:02:05,170 --> 00:02:08,620
ХТМЛ датотека такође може референце
ЦСС датотеке, које дефинишу

48
00:02:08,620 --> 00:02:09,889
стил веб странице.

49
00:02:09,889 --> 00:02:12,970
>> ЈаваСцрипт фајлова, који дефинише
интеракција са веб странице.

50
00:02:12,970 --> 00:02:15,200
Имаге фајлови, који су само слике.

51
00:02:15,200 --> 00:02:19,450
А можда су повезане са другим ХТМЛ датотеке,
које затим можете посетити.

52
00:02:19,450 --> 00:02:22,656

53
00:02:22,656 --> 00:02:24,380
>> МИКЕ РИЗЗО: У реду, одлично.

54
00:02:24,380 --> 00:02:28,980
Дакле, ви имате све, можда,
мукотрпно подесите своју локалну домаћина

55
00:02:28,980 --> 00:02:30,810
на виртуелној машини.

56
00:02:30,810 --> 00:02:35,650
И то само, некако, је локална
домена који рачунар домаћин само

57
00:02:35,650 --> 00:02:38,760
за вас на сопствену ИП адресу.

58
00:02:38,760 --> 00:02:43,300
>> Дакле, у оквиру које, онда можете да додате
до ње сопствене веб странице.

59
00:02:43,300 --> 00:02:47,655
Мислим, у ЦС50 финансија, требало би да имате
додато неколико ХТМЛ страница, који су,

60
00:02:47,655 --> 00:02:49,410
врста, умотан у ПХП омоту.

61
00:02:49,410 --> 00:02:54,690
Али на крају, шта ваш ПХП странице
су оутпуттинг је ХТМЛ.

62
00:02:54,690 --> 00:02:58,210
>> Али размишљање назад на самом почетку
од псет, морали смо да подесите

63
00:02:58,210 --> 00:03:00,890
дозволе за све, зар не?

64
00:03:00,890 --> 00:03:07,270
Дакле, ово само у основи омогућава нам
који могу да читају, пишу, и евентуално

65
00:03:07,270 --> 00:03:08,730
извршава сваки од фајлова.

66
00:03:08,730 --> 00:03:11,870
Тако ћемо да радимо брзо - Хм?

67
00:03:11,870 --> 00:03:15,660
>> ТОМАС Реимерс: Значи идемо
да уради брзи демо.

68
00:03:15,660 --> 00:03:19,560
Дакле, само да вас подсетим, када сте
повезали на Гоогле компјутер -

69
00:03:19,560 --> 00:03:20,690
ко -

70
00:03:20,690 --> 00:03:24,060
и питати за фајл, рачунар прво
треба да се уверите да сте овлашћени

71
00:03:24,060 --> 00:03:28,790
да заправо видите тај фајл или прочитали да
филе јер ви не можете само питам

72
00:03:28,790 --> 00:03:30,430
за било које датотеке на том рачунару, зар не?

73
00:03:30,430 --> 00:03:32,260
То би био безбедносни ризик.

74
00:03:32,260 --> 00:03:37,020
>> Дакле слика на системе које користимо, као што су
ово ЦС50 апарата, имају три

75
00:03:37,020 --> 00:03:39,200
опште људи који могу да имају
Дозволе за нешто.

76
00:03:39,200 --> 00:03:41,610
Први је стварни
власник поменутог фајла.

77
00:03:41,610 --> 00:03:43,820
Друга је група која
фајл припада.

78
00:03:43,820 --> 00:03:46,090
Нећемо да се фокусира
превише на то.

79
00:03:46,090 --> 00:03:50,010
И последња ствар је, некако, као
свет или као и сви остали који су је

80
00:03:50,010 --> 00:03:54,130
није специфичан за тај фајл и не
имате права власништва над њом.

81
00:03:54,130 --> 00:04:05,650
>> Дакле, ако имамо власник, група,
а затим свет.

82
00:04:05,650 --> 00:04:10,510
А онда, за сваку од ових група, ви
може имати једну од три дозвола,

83
00:04:10,510 --> 00:04:13,010
ОК, или више њих.

84
00:04:13,010 --> 00:04:15,070
Можете да сте прочитали дозволе.

85
00:04:15,070 --> 00:04:16,560
Можете имати привилегије.

86
00:04:16,560 --> 00:04:18,880
И ви можете имати извршити дозволе.

87
00:04:18,880 --> 00:04:22,060
>> Дакле, у погледу стварних типовима датотека, прочитајте
дозвола је као заправо читање

88
00:04:22,060 --> 00:04:23,250
садржај датотеке.

89
00:04:23,250 --> 00:04:24,730
Право дозвола је писање
да је рекао датотека.

90
00:04:24,730 --> 00:04:28,370
Извршава дозвола ради
филе као да радите када покренете неку од

91
00:04:28,370 --> 00:04:29,620
Ваш ЦС50 пројекте.

92
00:04:29,620 --> 00:04:32,190

93
00:04:32,190 --> 00:04:38,820
>> Дакле, када размишљамо о датотекама
као када треба да прочитате ХТМЛ

94
00:04:38,820 --> 00:04:41,790
фајл, који треба да буде свет
читљив, зар не?

95
00:04:41,790 --> 00:04:44,420
По свој прилици, такође власник жели
да би могли да уређујете тај фајл.

96
00:04:44,420 --> 00:04:46,610
Дакле, власник ће морати
читају и пишу дозволе.

97
00:04:46,610 --> 00:04:48,710
Они стварно не треба извршити.

98
00:04:48,710 --> 00:04:50,950
>> Група, идемо на лечење
Исто као у свету за сада.

99
00:04:50,950 --> 00:04:54,610
Дакле, они треба прочитане дозволе.

100
00:04:54,610 --> 00:04:57,310
Али они не треба писати
или изврши дозволе.

101
00:04:57,310 --> 00:05:01,920
А сада, ако мислимо да вратимо некадашњи
ПСЕТс, што схватимо је ова врста

102
00:05:01,920 --> 00:05:03,360
од изгледају као бинарни, зар не?

103
00:05:03,360 --> 00:05:04,210
1 означава да.

104
00:05:04,210 --> 00:05:05,040
0 за не.

105
00:05:05,040 --> 00:05:06,870
И ми заправо може превести
ово у бинарни.

106
00:05:06,870 --> 00:05:10,478
>> Дакле, 110 у бинарном би 6.

107
00:05:10,478 --> 00:05:13,270
100 ће бити 4..

108
00:05:13,270 --> 00:05:14,690
Исто је и са светом.

109
00:05:14,690 --> 00:05:20,846
Дакле, број који ће добити за
дозволе за то би било 644.

110
00:05:20,846 --> 00:05:24,400
>> МИКЕ РИЗЗО: А ако мислите да врати
када цхмодед нешто, ја верујем

111
00:05:24,400 --> 00:05:28,980
они су дали у проблему сет
Пример где можете да урадите

112
00:05:28,980 --> 00:05:36,470
нешто слично цхмод 644
а затим име датотеке.

113
00:05:36,470 --> 00:05:39,980
644 тада, сада можете видети директно
одакле то долази.

114
00:05:39,980 --> 00:05:42,840
Дакле, надам се да то чини
мало јасније.

115
00:05:42,840 --> 00:05:45,600
>> И онда за тебе типа јасноће -

116
00:05:45,600 --> 00:05:48,200
ох иеах, овде је то поново.

117
00:05:48,200 --> 00:05:53,260
Дакле, 600 онда би само бити пример
ми смо одустали овде где власник има

118
00:05:53,260 --> 00:05:56,360
прочитајте и привилегије док група
и свет немају никакве дозволе

119
00:05:56,360 --> 00:05:58,145
за приступ датотеци.

120
00:05:58,145 --> 00:06:01,500
>> ТОМАС Реимерс: И онда имамо брзи
Списак заједничких дозвола.

121
00:06:01,500 --> 00:06:05,250
Дакле директоријуме, хоћеш
да заправо цхмод 711.

122
00:06:05,250 --> 00:06:08,930
Брзи страну - за директоријум да имају
извршна дозвола значи бити у стању

123
00:06:08,930 --> 00:06:11,680
да отворите именик.

124
00:06:11,680 --> 00:06:15,280
Слике, ЦСС, ЈаваСцрипт, ХТМЛ потребе
644 јер, у суштини, свет

125
00:06:15,280 --> 00:06:16,400
потребе читати дозволе.

126
00:06:16,400 --> 00:06:20,960
>> И ПХП, који сте видели
иако нећемо говорити о томе

127
00:06:20,960 --> 00:06:24,880
строго се обично цхмодед са
Дозвола 600 јер је покренути са

128
00:06:24,880 --> 00:06:26,540
дозволе власника.

129
00:06:26,540 --> 00:06:27,790
Барем на апарату.

130
00:06:27,790 --> 00:06:30,200

131
00:06:30,200 --> 00:06:36,870
>> МИКЕ РИЗЗО: Па ако не конкретно
одредите који тип фајла

132
00:06:36,870 --> 00:06:39,480
желите у ствари постављању
до ове презентације -

133
00:06:39,480 --> 00:06:43,490
смо имали проблем са овим јер
све није цхмодед исправно -

134
00:06:43,490 --> 00:06:47,550
ћеш добити, некако,
Забрањено грешка да сајт

135
00:06:47,550 --> 00:06:49,700
нема заправо немају дозволу
приступити без обзира на фајл

136
00:06:49,700 --> 00:06:51,370
желите да приступите.

137
00:06:51,370 --> 00:06:54,780
И наравно, да могу да се фиксирају -
као у проблему сет - променом

138
00:06:54,780 --> 00:06:56,405
дозволе на одговарајући начин.

139
00:06:56,405 --> 00:06:59,620
>> ТОМАС Реимерс: И последњи коментар за
брзо локални развој је - ми

140
00:06:59,620 --> 00:07:02,000
донео ово, али ми смо само хтели
да га опет довести до -

141
00:07:02,000 --> 00:07:06,230
ако питате за сервер - па локални хост,
на пример, цом или шта год. -

142
00:07:06,230 --> 00:07:09,170
и не одредите одређену датотеку,
фајл који је ваш рачунар иде

143
00:07:09,170 --> 00:07:11,540
да питам за се зове индек.хтмл.

144
00:07:11,540 --> 00:07:12,790
Или ако то не постоји, индек.пхп.

145
00:07:12,790 --> 00:07:15,560

146
00:07:15,560 --> 00:07:16,350
>> Цоол.

147
00:07:16,350 --> 00:07:19,560
Дакле, то је само рекапитулација свега,
надам се, да смо покривени у

148
00:07:19,560 --> 00:07:22,800
секција, и предавање,
и до сада у ЦС50.

149
00:07:22,800 --> 00:07:26,110
А сада ћемо да проговори
о посебно библиотеке.

150
00:07:26,110 --> 00:07:30,270
ЈаваСцрипт и ЦСС библиотеке
за веб апликације.

151
00:07:30,270 --> 00:07:36,350
>> Дакле, један од разлога зашто брзо смо
библиотеке је програмирање -

152
00:07:36,350 --> 00:07:39,000
има доста проблема у
програмирање, који држе ничу

153
00:07:39,000 --> 00:07:40,570
опет, и опет, и опет.

154
00:07:40,570 --> 00:07:43,870
Можда ћете приметити да много сајтова
треба способност да имају пад доле

155
00:07:43,870 --> 00:07:49,100
менији, на пример, или треба способност
да имају веома стандардну дугме

156
00:07:49,100 --> 00:07:51,400
стил, који не може бити
Најлакше.

157
00:07:51,400 --> 00:07:54,670
Сада када почнете да се у ХТМЛ, ви
схватају да дугмад могу заправо

158
00:07:54,670 --> 00:07:57,720
изгледају заиста ружно ако вам
не ради ништа.

159
00:07:57,720 --> 00:08:00,830
>> Дакле, многи људи су писани
назива библиотеке.

160
00:08:00,830 --> 00:08:02,990
И у том контексту, они су
такође назива оквири.

161
00:08:02,990 --> 00:08:04,790
Идемо на коришћење
два наизменично.

162
00:08:04,790 --> 00:08:07,360
А шта су они у суштини је
Премаде делови кода -

163
00:08:07,360 --> 00:08:09,130
или ЦСС или ЈаваСцрипт -

164
00:08:09,130 --> 00:08:13,240
да одузме доста
Теам имате у кодирање.

165
00:08:13,240 --> 00:08:17,290
>> Дакле, они унапред дефинишу гомилу предмета или
унапред дефинисати гомилу функција за

166
00:08:17,290 --> 00:08:20,110
Случај Јавасцрипт-а, који
можете позвати касније.

167
00:08:20,110 --> 00:08:22,690
А онда можете, некако, добити
приступ овом коду без

168
00:08:22,690 --> 00:08:23,710
има да уради било шта.

169
00:08:23,710 --> 00:08:27,750
Пример библиотеке био је ЦС50.Х.
То је била библиотека смо дали теби вратим

170
00:08:27,750 --> 00:08:32,090
у недељу једном, што је омогућило да урадите
ствари као што су то и Затамњена ГетСтринг

171
00:08:32,090 --> 00:08:35,237
без потребе да пишу
било сами код.

172
00:08:35,237 --> 00:08:36,179
>> МИКЕ РИЗЗО: У реду.

173
00:08:36,179 --> 00:08:40,299
Дакле овде, баш као што смо морали да укључе
у нашој ц датотеке разликује

174
00:08:40,299 --> 00:08:46,570
библиотеке, ми такође треба укључити у
наш ХТМЛ датотека различите библиотеке.

175
00:08:46,570 --> 00:08:50,310
На пример, ако бисмо желели да укључе
специфичан ЈаваСцрипт библиотека овде,

176
00:08:50,310 --> 00:08:52,850
можда, онај који смо написали
сами како је локално домаћин

177
00:08:52,850 --> 00:08:56,000
називају сцрипт.јс, само смо
користите ову нотацију.

178
00:08:56,000 --> 00:08:59,500
>> Дакле, имамо типа скрипта екуалс
ЈаваСцрипт извор једнаки

179
00:08:59,500 --> 00:09:01,260
ЈаваСцрипт.јс.

180
00:09:01,260 --> 00:09:05,190
А ако мислите назад у свој ЦС50
Проблем финансије сет, ако погледао у

181
00:09:05,190 --> 00:09:09,190
хеадер.пхп у фолдеру Обрасци,
Требало је да видите

182
00:09:09,190 --> 00:09:10,970
неке од ових укључени.

183
00:09:10,970 --> 00:09:13,250
Дакле, овај први - скрипте -

184
00:09:13,250 --> 00:09:16,080
је укључујући ЈаваСцрипт библиотека.

185
00:09:16,080 --> 00:09:18,760
Укључујући ЦСС библиотека је
мало другачија.

186
00:09:18,760 --> 00:09:21,430
>> Ево, уместо сценарија
таг треба линк ознаку.

187
00:09:21,430 --> 00:09:27,110
А онда, тип текст ЦСС
је мало другачија.

188
00:09:27,110 --> 00:09:29,270
Не морате увек да укључују
Рел стила.

189
00:09:29,270 --> 00:09:30,970
Али ја мислим да је, генерално,
добра пракса.

190
00:09:30,970 --> 00:09:35,810
>> И на крају, ХРЕФ, који сте
вероватно видели у својим АТАГс за повезивање

191
00:09:35,810 --> 00:09:39,440
у различитим везама само прецизира
линк где да пронађу.

192
00:09:39,440 --> 00:09:42,250
На пример, ако бисмо желели да повежу
другачије библиотека - рецимо -

193
00:09:42,250 --> 00:09:49,330
који је живео у стилес.цсс.

194
00:09:49,330 --> 00:09:54,030
И ми смо желели да се повежу да је то у
домаћин на Интернету, ми бисмо копирали то.

195
00:09:54,030 --> 00:09:58,834
А онда га налепите у било шта
имамо овде уместо тога.

196
00:09:58,834 --> 00:10:01,340
>> ТОМАС Реимерс: У реду, надамо се
момци су већ упознати

197
00:10:01,340 --> 00:10:02,410
како да повежете са ЦСС.

198
00:10:02,410 --> 00:10:04,000
Морао си да се то уради на
последња браон скуп.

199
00:10:04,000 --> 00:10:07,110
Јава, неки од вас можда
имају неко искуство са.

200
00:10:07,110 --> 00:10:07,980
Неки од вас не може.

201
00:10:07,980 --> 00:10:12,190
>> Дакле, за сада, знам да ЈаваСкрипт фајл
је веома слично као у ЦСС датотеку

202
00:10:12,190 --> 00:10:15,640
осећај да можете да повежете са њом или
да је можете укључити интерно.

203
00:10:15,640 --> 00:10:17,360
И то вам омогућава да сцрипт ствари.

204
00:10:17,360 --> 00:10:21,820
И ми ћемо вас провести кроз
Мало ЈаваСцрипт касније.

205
00:10:21,820 --> 00:10:23,560
>> Дакле, користећи библиотеку -

206
00:10:23,560 --> 00:10:26,150
када сте га укључен, то је као
једноставно као буквално зове

207
00:10:26,150 --> 00:10:29,640
функције или додавање
цласс имена њега.

208
00:10:29,640 --> 00:10:32,220
Последња ствар коју желим да причам
о библиотеци у смислу -

209
00:10:32,220 --> 00:10:34,180
и то је више од Техничка напомена -

210
00:10:34,180 --> 00:10:35,860
је опен соурце лиценцирање.

211
00:10:35,860 --> 00:10:41,550
Дакле, када сте пронашли те стварне библиотеке,
можда мисли на

212
00:10:41,550 --> 00:10:47,630
питања као што су да ли је у реду да сам само
користећи код туђу, посебно

213
00:10:47,630 --> 00:10:51,970
јер то је нешто што смо веома много
Рекао сам ти да не радим у овом курсу.

214
00:10:51,970 --> 00:10:55,790
>> Дакле, у случају изворног лиценцирања отвореног,
Много програмера -

215
00:10:55,790 --> 00:10:57,540
након што сам написао библиотеку,
које они мисле могли бити

216
00:10:57,540 --> 00:10:59,450
помоћи другим људима -

217
00:10:59,450 --> 00:11:02,420
ће га објавити на Интернету
и дати му дозволу.

218
00:11:02,420 --> 00:11:06,620
А лиценца у основи каже да сам овим
давање дозвола за друге

219
00:11:06,620 --> 00:11:11,250
људи да користе овај комад софтвера
са следећим врстом

220
00:11:11,250 --> 00:11:13,230
одредбе.

221
00:11:13,230 --> 00:11:16,100
>> Укључили смо везу за добар сајт за
да вам помогне да разумеју лиценце у

222
00:11:16,100 --> 00:11:17,720
случају да наиђете на њих.

223
00:11:17,720 --> 00:11:21,680
Заједничке одредбе су ствари као што су
Ви сте добродошли да користе мој библиотеку тако

224
00:11:21,680 --> 00:11:23,000
док ми дати кредит.

225
00:11:23,000 --> 00:11:25,670
Ви сте добродошли да користе мој библиотеку
тако дуго као када се ломи

226
00:11:25,670 --> 00:11:26,790
ти ме не криви.

227
00:11:26,790 --> 00:11:30,310
Ви сте добродошли да користе мој библиотеку тако дуго
као га не користите да зарадите новац

228
00:11:30,310 --> 00:11:31,910
за себе.

229
00:11:31,910 --> 00:11:34,130
То су врсте заједнички
одредбе.

230
00:11:34,130 --> 00:11:37,780
>> За овај ЦС50 финалног пројекта, они
не би требало да буде супер јер релевантне

231
00:11:37,780 --> 00:11:41,440
пројекти који ви користимо су
вероватно радије, некако, познат.

232
00:11:41,440 --> 00:11:44,170
Али када ствари иду у
свет и почните да користите библиотеке, који

233
00:11:44,170 --> 00:11:48,100
може или не може бити као и реализован као
неке од више популарних оне смо

234
00:11:48,100 --> 00:11:49,780
ће бити кроз иде.

235
00:11:49,780 --> 00:11:53,310
Лепо је бити у стању да разумеју
те лиценце и да

236
00:11:53,310 --> 00:11:54,560
разумеју шта они значе.

237
00:11:54,560 --> 00:11:58,120

238
00:11:58,120 --> 00:11:58,586
И да се вратим.

239
00:11:58,586 --> 00:12:00,960
>> МИКЕ РИЗЗО: У реду.

240
00:12:00,960 --> 00:12:04,850
Дакле, сада се креће на примерима
стварне ЦСС.

241
00:12:04,850 --> 00:12:07,770
У овом тренутку до сада, да би могао
нисам наишао ово.

242
00:12:07,770 --> 00:12:10,300
Али можда сте га срели у
ваш свакодневни живот, где се нешто

243
00:12:10,300 --> 00:12:13,160
да изгледа један начин на једном претраживачу
можда неће изгледати исто

244
00:12:13,160 --> 00:12:14,880
начин у другом прегледачу.

245
00:12:14,880 --> 00:12:17,400
>> Ово се назива прегледач
компатибилност.

246
00:12:17,400 --> 00:12:20,780
И све то постаје још и
више проблема, посебно као

247
00:12:20,780 --> 00:12:25,260
претраживачи узети више и више слободе
да имплементирају ствари као што желе.

248
00:12:25,260 --> 00:12:28,440
Тако да се превазиђе да, постоји заправо
велика библиотека зове Нормализе.ЦСС.

249
00:12:28,440 --> 00:12:32,236

250
00:12:32,236 --> 00:12:33,770
>> ТОМАС Реимерс: укључено смо везу.

251
00:12:33,770 --> 00:12:36,210
У овом тренутку, то је корисно ако
имате свој лаптоп у ту

252
00:12:36,210 --> 00:12:38,740
гледа на сајту.

253
00:12:38,740 --> 00:12:42,580
И дајемо ти ово право
Сада једноставно зато ЦС50 финале

254
00:12:42,580 --> 00:12:44,370
Пројекат се заправо дешава у
питам вас да га спроведе

255
00:12:44,370 --> 00:12:45,860
слично и преко бровсера.

256
00:12:45,860 --> 00:12:49,250
>> Дакле, само да би у задњем делу
глава, ово је дивна библиотека

257
00:12:49,250 --> 00:12:51,170
јер ће, на неки начин,
стандардизовати ствари.

258
00:12:51,170 --> 00:12:54,230
У Фирефок, нешто може да покаже
као један пиксел са леве стране.

259
00:12:54,230 --> 00:12:58,390
А онда Цхроме може да одлучи да заправо
шта си мислио 10 пиксела

260
00:12:58,390 --> 00:12:59,380
на лево.

261
00:12:59,380 --> 00:13:01,030
И ви желите да стандардизује ово.

262
00:13:01,030 --> 00:13:05,360
Нормализуј ће заправо раде стварно добро
посао водећи рачуна да ваш сајт

263
00:13:05,360 --> 00:13:08,070
Изгледа исто преко претраживача.

264
00:13:08,070 --> 00:13:10,660
>> МИКЕ РИЗЗО: Дакле, ако бисмо желели да управо
кликните на линк заиста брзо и шоу

265
00:13:10,660 --> 00:13:13,140
ви шта то личи, те
Можете га преузети користећи

266
00:13:13,140 --> 00:13:14,670
гигант Довнлоад дугме.

267
00:13:14,670 --> 00:13:18,520
Или сам вам да прочитате више о томе
кликом на овај линк у нижи

268
00:13:18,520 --> 00:13:19,310
десном углу.

269
00:13:19,310 --> 00:13:22,420
>> ТОМАС Реимерс: А ако сте стварно
кликните Реад Море тамо -

270
00:13:22,420 --> 00:13:24,340
кликните на извор на ГитХуб -

271
00:13:24,340 --> 00:13:31,720
Ви заправо ћете видети опен соурце
лиценцу о ЛИЦЕНСЕ.мд тамо.

272
00:13:31,720 --> 00:13:35,740
И ви ћете овде видети је
Веома популаран МИТ лиценца.

273
00:13:35,740 --> 00:13:38,940
Опет, ако сте прочитали кроз текст,
моћи ћете да га пронађете на сајту

274
00:13:38,940 --> 00:13:42,550
смо означен пре и бити у стању да
разумети га без потребе да чита

275
00:13:42,550 --> 00:13:45,920
кроз правни жаргон.

276
00:13:45,920 --> 00:13:46,850
>> МИКЕ РИЗЗО: У реду, одлично.

277
00:13:46,850 --> 00:13:47,940
Дакле, то је нормализовати.

278
00:13:47,940 --> 00:13:49,190
Хтели смо да ти дам
да стварно брзо.

279
00:13:49,190 --> 00:13:50,030
О, да ли имате неко питање?

280
00:13:50,030 --> 00:13:53,013
>> ПУБЛИКА: Дакле, када сте га преузели, можете
само пратите тај код да они имају

281
00:13:53,013 --> 00:13:54,098
под дугме Преузми?

282
00:13:54,098 --> 00:13:55,860
>> ТОМАС Реимерс: Да, тако
када преузимате -

283
00:13:55,860 --> 00:13:58,130
>> МИКЕ РИЗЗО: Ох, то је велика ствар.

284
00:13:58,130 --> 00:14:00,700
Дакле, питање је како да
ми заправо га преузети?

285
00:14:00,700 --> 00:14:03,260
Дакле, ако смо кликните на линк, видимо
да је заправо појављује

286
00:14:03,260 --> 00:14:05,030
у изворном коду.

287
00:14:05,030 --> 00:14:08,550
Дакле, да би то урадили, оно што смо могли
немој се само изаберите ставку Сачувај као.

288
00:14:08,550 --> 00:14:10,830
Сачувај Као и да треба
довести до датотеке.

289
00:14:10,830 --> 00:14:14,160
И онда можемо одабрати да сачувате
она као нормализе.ЦСС.

290
00:14:14,160 --> 00:14:15,810
А онда ћеш морати да га повежете на -

291
00:14:15,810 --> 00:14:18,660
>> ТОМАС Реимерс: исти ти начин
везу у било којој другој фајл.

292
00:14:18,660 --> 00:14:22,250
А када га повежете на, што је супер
о Нормализе је заправо ће

293
00:14:22,250 --> 00:14:25,920
побринути за све тешко
раде по себи.

294
00:14:25,920 --> 00:14:27,730
Што значи да не морате
да додате неке часове.

295
00:14:27,730 --> 00:14:29,690
>> Не морате да урадите нешто чудно.

296
00:14:29,690 --> 00:14:34,590
То ће нормализовати без тебе
ради ништа даље.

297
00:14:34,590 --> 00:14:36,083
Да, морате да га укључе.

298
00:14:36,083 --> 00:14:38,990

299
00:14:38,990 --> 00:14:40,240
Гоогле Цхроме не реагује.

300
00:14:40,240 --> 00:14:43,270

301
00:14:43,270 --> 00:14:44,860
>> Само брзо у страну -

302
00:14:44,860 --> 00:14:46,800
Приметио сам да смо скочио у ово.

303
00:14:46,800 --> 00:14:49,010
Остатак ове презентације је
ће бити брз преглед.

304
00:14:49,010 --> 00:14:50,380
Истраживање библиотека.

305
00:14:50,380 --> 00:14:52,710
>> У суштини, шта су они.

306
00:14:52,710 --> 00:14:53,350
Шта они раде.

307
00:14:53,350 --> 00:14:54,060
Како су корисни.

308
00:14:54,060 --> 00:14:56,540
Како сте могли да их спроведе.

309
00:14:56,540 --> 00:14:59,730
Ако желите да почнете да тражите на њих,
Следећи заједно, и кроз читање

310
00:14:59,730 --> 00:15:01,990
их, ја бих веома охрабрити да.

311
00:15:01,990 --> 00:15:07,620
>> Алтернативно, ви сте добродошли и да се
започели преузимање их и укључујући

312
00:15:07,620 --> 00:15:11,400
их у видику само да видим шта они
изгледају или оно што они раде, ако имате

313
00:15:11,400 --> 00:15:12,270
ваш лаптоп испред себе.

314
00:15:12,270 --> 00:15:14,650
Ако не, ви сте добродошли да
слушање нама разговара.

315
00:15:14,650 --> 00:15:15,500
Идемо да говоримо.

316
00:15:15,500 --> 00:15:18,680
И ми смо имали времена на крају, надам се
ми заправо ћу вам показати у

317
00:15:18,680 --> 00:15:20,946
шта су неки од ових библиотека
изгледају.

318
00:15:20,946 --> 00:15:22,320
>> МИКЕ РИЗЗО: Кул.

319
00:15:22,320 --> 00:15:25,466
У реду, тако да сада хајде да разговарамо
о Фонт Авесоме.

320
00:15:25,466 --> 00:15:30,480
>> ТОМАС Реимерс: па Фонт Страшан је
стварно уредан сајт, посебно за оне

321
00:15:30,480 --> 00:15:32,450
од нас који су мање уметнички
талентован.

322
00:15:32,450 --> 00:15:36,330

323
00:15:36,330 --> 00:15:38,880
Игнорисање име Фонт Авесоме, даје
ви гомила икона, које су

324
00:15:38,880 --> 00:15:41,050
веома корисна.

325
00:15:41,050 --> 00:15:45,950
Дакле, много пута ћете имплементирати
ицон можда желети као фина к СО

326
00:15:45,950 --> 00:15:47,170
да можете да затворите нешто.

327
00:15:47,170 --> 00:15:49,910
>> Или можда желите неку врсту дугме Едит
оловком цртеж као

328
00:15:49,910 --> 00:15:50,940
сви остали има.

329
00:15:50,940 --> 00:15:53,850
И то је када сте сазнали да
цртање те иконе може бити

330
00:15:53,850 --> 00:15:55,510
веома досадан и тежак.

331
00:15:55,510 --> 00:15:59,160
Фонт Авесоме - ако сте заиста
идите на сајт -

332
00:15:59,160 --> 00:16:02,892
даје вам много икона под
иконе на врху.

333
00:16:02,892 --> 00:16:06,980
Да, само врх.

334
00:16:06,980 --> 00:16:09,030
То ће вам дати пуно
икона за бесплатно.

335
00:16:09,030 --> 00:16:15,210
>> Дакле, овде видимо да имамо ствари као што су
астериск, барови, муња,

336
00:16:15,210 --> 00:16:19,750
календар, буба, књига, и тако даље.

337
00:16:19,750 --> 00:16:21,110
Ово може бити веома корисно.

338
00:16:21,110 --> 00:16:24,290
Начин на који укључују ово је укључите
буквално ЦСС фајл.

339
00:16:24,290 --> 00:16:29,760
И након што сте укључени у ЦСС датотеку,
шта можете да урадите је да креирате

340
00:16:29,760 --> 00:16:33,430
ознака назива И. Ит сатандс за
ицон са класе ФА

341
00:16:33,430 --> 00:16:34,460
стоји за Фонт Авесоме.

342
00:16:34,460 --> 00:16:36,330
И онда, шта год хоћеш класа.

343
00:16:36,330 --> 00:16:41,220
>> Дакле, ако сам желео икону тог плуса
квадрат овде, ја бих дао

344
00:16:41,220 --> 00:16:43,290
она класа ФА.

345
00:16:43,290 --> 00:16:46,230
А онда ФА цртица цртица плус квадрат.

346
00:16:46,230 --> 00:16:50,325

347
00:16:50,325 --> 00:16:53,710
>> МИКЕ РИЗЗО: Кул, у реду.

348
00:16:53,710 --> 00:16:56,980
>> ТОМАС Реимерс: И онда, последњи ЦСС
библиотека желимо да се кроз смо

349
00:16:56,980 --> 00:16:59,950
покушавајући да га задржи на минималан ЦСС
библиотеке, јер ми не схватају

350
00:16:59,950 --> 00:17:03,660
наслов ове презентације
је ЈаваСцрипт Библиотеке.

351
00:17:03,660 --> 00:17:07,089
Али ми смо мислили да можемо као
увести вас у другим библиотекама

352
00:17:07,089 --> 00:17:09,569
док смо разговарали о библиотекама.

353
00:17:09,569 --> 00:17:11,400
>> То је Гоогле Веб Фонтс.

354
00:17:11,400 --> 00:17:17,040
А шта Гоогле Веб Фонтс вам омогућава
да урадите је да додате фонтове на вашем сајту,

355
00:17:17,040 --> 00:17:22,079
који је заиста једноставан начин да се направи
лепа и да се направи разлика свој сет

356
00:17:22,079 --> 00:17:24,460
од свих осталих је ако има
лепо фонта или ако има леп

357
00:17:24,460 --> 00:17:27,790
колекција фонтова.

358
00:17:27,790 --> 00:17:31,410
Гоогле Веб Фонтс је лепо за разлику од других
библиотеке у смислу да је

359
00:17:31,410 --> 00:17:33,490
заиста вођена инсталација.

360
00:17:33,490 --> 00:17:38,680
>> Дакле, ако пратите линк, то је
гоогле.цом / фонтс, ја верујем.

361
00:17:38,680 --> 00:17:41,100
Ако пратите то, те
може одабрати свој фонт.

362
00:17:41,100 --> 00:17:44,410
Можете изабрати на левој страни од
дебљина, нагиб, и тако даље.

363
00:17:44,410 --> 00:17:48,970
А онда, када сте одабрали један,
можете да кликнете брзо коришћење.

364
00:17:48,970 --> 00:17:49,820
Управо тамо.

365
00:17:49,820 --> 00:17:51,590
Доле десно кутије.

366
00:17:51,590 --> 00:17:54,380

367
00:17:54,380 --> 00:17:56,700
>> А онда, идите доле.

368
00:17:56,700 --> 00:17:59,600

369
00:17:59,600 --> 00:18:02,650
Пре свега, они вам то ЦСС
потребно је да се заиста повежете са њим.

370
00:18:02,650 --> 00:18:03,330
То је тамо.

371
00:18:03,330 --> 00:18:05,170
Можете само да копирате и налепите да унутра

372
00:18:05,170 --> 00:18:07,250
И лепа ствар у вези овога је
Ви заправо не треба ни да

373
00:18:07,250 --> 00:18:08,340
преузимање фајла.

374
00:18:08,340 --> 00:18:11,170
>> Шта ће то урадите је да ће
да се повежете са Гоогле верзију њега.

375
00:18:11,170 --> 00:18:14,130
Дакле, вратимо се шта то значи.

376
00:18:14,130 --> 00:18:18,270
То значи да када корисник
преузима датотеку -

377
00:18:18,270 --> 00:18:22,300
преузима ваш ХТМЛ страница - ваш ХТМЛ
страна ће референтним ову датотеку.

378
00:18:22,300 --> 00:18:26,790
>> Дакле, ваш рачунар ће се видети,
Ох, то је била домаћин на гоогле.цом а

379
00:18:26,790 --> 00:18:28,170
него на тхеирсите.цом.

380
00:18:28,170 --> 00:18:30,370
Пусти ме питати Гоогле за тај фајл.

381
00:18:30,370 --> 00:18:32,800
И онда, то ће укључити
готово као да је

382
00:18:32,800 --> 00:18:35,584
део свог сајта.

383
00:18:35,584 --> 00:18:36,540
>> ТОМАС Реимерс: Кул.

384
00:18:36,540 --> 00:18:40,980
А када је укључите, тада се
укључити га у ЦСС, то вам даје

385
00:18:40,980 --> 00:18:41,830
стварна линија.

386
00:18:41,830 --> 00:18:45,188
Дакле, ви поставите породицу имовине фонт
једнак име фонта.

387
00:18:45,188 --> 00:18:47,936

388
00:18:47,936 --> 00:18:50,440
>> МИКЕ РИЗЗО: У реду.

389
00:18:50,440 --> 00:18:52,220
Дакле, ми смо управо завршили са ЦСС.

390
00:18:52,220 --> 00:18:57,230
А неки од вас можда мисли, добро,
ми смо имали неке ЦСС на ЦС50 финансија.

391
00:18:57,230 --> 00:19:00,390
Али ЦСС библиотека је боотстрап.

392
00:19:00,390 --> 00:19:05,190
Ми заправо укључују боотстрап мало
касније под ЈаваСцрипт јер са

393
00:19:05,190 --> 00:19:09,660
Боотстрап ЦСС библиотека такође долази
са пуно ЈаваСцрипт-те

394
00:19:09,660 --> 00:19:12,060
Боотстрап или Твиттер -
који је Боотстрап -

395
00:19:12,060 --> 00:19:15,426
користи за управљање свим њиховим ЦСС.

396
00:19:15,426 --> 00:19:19,592
>> ТОМАС Реимерс: Да ли неко има било
питања до сада око ЦСС-у уопште?

397
00:19:19,592 --> 00:19:20,723
Ми смо добри?

398
00:19:20,723 --> 00:19:21,216
Страва.

399
00:19:21,216 --> 00:19:22,495
>> МИКЕ РИЗЗО: Страва.

400
00:19:22,495 --> 00:19:25,136
>> ТОМАС Реимерс: Па креће
на ЈаваСцрипт.

401
00:19:25,136 --> 00:19:27,900
>> МИКЕ РИЗЗО: Па смо хтели да разговарамо
о јКуери за почетак.

402
00:19:27,900 --> 00:19:30,780
Да ли је неко чуо за јКуери
пре или користити га?

403
00:19:30,780 --> 00:19:32,180
Да, пар?

404
00:19:32,180 --> 00:19:36,000
Дакле, ако сте само радите са пореклом
Јава, ви ћете се наћи

405
00:19:36,000 --> 00:19:41,000
куцање доста дугих селектора много.

406
00:19:41,000 --> 00:19:44,400
Дакле, оно што ради је јКуери пружа
леп омот за ЈаваСцрипт

407
00:19:44,400 --> 00:19:48,180
језик који вам омогућава да лако изаберете
и манипулишу различите елементе

408
00:19:48,180 --> 00:19:52,470
у оквиру Доцумент Објецт Модел за
веб страница или ДОМ, који мислим

409
00:19:52,470 --> 00:19:54,290
ви сте чули у
предавање у овом тренутку.

410
00:19:54,290 --> 00:19:57,550
>> ТОМАС Реимерс: Ако нисте чули
то или ако нисте гледали предавање

411
00:19:57,550 --> 00:20:01,870
ипак, Објецт Модел документ је
основи како ствари су представљени.

412
00:20:01,870 --> 00:20:05,290
Дакле ХТМЛ врста изгледа као дрво
када сте заправо извући.

413
00:20:05,290 --> 00:20:06,850
Имате ХТМЛ елемент на врху.

414
00:20:06,850 --> 00:20:07,560
Имате главу и тело.

415
00:20:07,560 --> 00:20:09,500
>> А онда, у оквиру које
имају све остало.

416
00:20:09,500 --> 00:20:10,660
То се назива ДОМ -

417
00:20:10,660 --> 00:20:12,120
Доцумент Објецт Модел.

418
00:20:12,120 --> 00:20:16,090
Дакле, модел који представља објекте у
Документ је једноставан начин да се размишља

419
00:20:16,090 --> 00:20:18,560
о томе.

420
00:20:18,560 --> 00:20:22,520
А један од великих ствари о јКуери
је то заиста чини попречно

421
00:20:22,520 --> 00:20:26,460
да и манипулисао елементи унутар
то невероватно једноставан.

422
00:20:26,460 --> 00:20:30,300
>> Тако једноставно, у ствари, да већина
ЈаваСцрипт библиотеке или ако не

423
00:20:30,300 --> 00:20:34,200
Већина, велика већина оних
видећете заправо захтевају јКуери тако

424
00:20:34,200 --> 00:20:37,530
да они могу да се покренути једноставно
јер ако нисте имали јКуери, те

425
00:20:37,530 --> 00:20:40,540
би губили много времена покушавајући да
схватите како да изаберете одређени

426
00:20:40,540 --> 00:20:43,660
елементи и како да радим и друге ствари.

427
00:20:43,660 --> 00:20:47,950
И друга велика ствар о јКуери
је да је крст прегледач компатибилан.

428
00:20:47,950 --> 00:20:51,550
>> Па сетите се кад смо рекли да
нису сви претраживачи имплементира

429
00:20:51,550 --> 00:20:53,100
ствари на исти начин?

430
00:20:53,100 --> 00:20:55,120
Ово важи чак и у ЈаваСцрипт.

431
00:20:55,120 --> 00:20:58,220
А један од великих ствари о јКуери
је да ће то детектовати

432
00:20:58,220 --> 00:21:00,300
претраживач и детектују
одговарајући начин.

433
00:21:00,300 --> 00:21:03,420
>> Дакле, ако вам је потребно да изаберете један елемент,
Интернет Екплорер може рећи да си

434
00:21:03,420 --> 00:21:05,770
треба да урадим на овај начин.

435
00:21:05,770 --> 00:21:08,300
Фајерфокс може рећи тачан
начин је овуда.

436
00:21:08,300 --> 00:21:09,710
јКуери није брига.

437
00:21:09,710 --> 00:21:12,550
Када кажете да изаберете јКуери
елеменат ће схватити како је то

438
00:21:12,550 --> 00:21:16,290
требало да то уради у оквиру претраживача
корисник је тренутно у, а затим урадите

439
00:21:16,290 --> 00:21:18,584
то тако.

440
00:21:18,584 --> 00:21:22,650
>> МИКЕ РИЗЗО: Дакле, хајде да не причамо о томе
употреба јКуери мало.

441
00:21:22,650 --> 00:21:27,670
Баш као и ПХП, јКуери има посебан
склоност за знак долара.

442
00:21:27,670 --> 00:21:30,880
Дакле, ви ћете наћи да је било јКуери -

443
00:21:30,880 --> 00:21:32,060
добро, не све.

444
00:21:32,060 --> 00:21:35,210
Можете понекад може да замени долар
потписати са речју јКуери.

445
00:21:35,210 --> 00:21:38,980
Али генерално, само зато што је
краћи, кад год видите јКуери бити

446
00:21:38,980 --> 00:21:41,420
користи то ће бити са знаком долара.

447
00:21:41,420 --> 00:21:47,030
>> Дакле, овде смо само показује почетак
Селектор елемент у ДОМ.

448
00:21:47,030 --> 00:21:52,850
Ево, имамо знак долар следи
отвореним заградама, а затим цитата.

449
00:21:52,850 --> 00:21:56,130
И унутар наводника ићи наше селекторе
за различите елементе.

450
00:21:56,130 --> 00:21:59,810
Баш као у ЦСС, морали смо да селекторима
бити у стању да стил различите елементе

451
00:21:59,810 --> 00:22:00,840
у оквиру странице.

452
00:22:00,840 --> 00:22:06,555
Те различите селектори транслате
тачно у јКуери и ЈаваСцрипт,

453
00:22:06,555 --> 00:22:07,820
за највећи део.

454
00:22:07,820 --> 00:22:10,120
>> Дакле, овде имамо дот фоо.

455
00:22:10,120 --> 00:22:14,780
Дакле, ако се сећате из предавања,
тачка само значи класу.

456
00:22:14,780 --> 00:22:18,850
Тако смо одабиром елемент
са класе ФОО.

457
00:22:18,850 --> 00:22:22,670
Дакле, ако ја одем напред и отвори наше
ЈаваСцрипт конзола овде заиста брзо

458
00:22:22,670 --> 00:22:26,830
само га показати, ако сам само укуцајте
знак долара, видимо да је то неки

459
00:22:26,830 --> 00:22:28,090
функција која долази горе.

460
00:22:28,090 --> 00:22:29,420
И то је само дефинисан јКуери.

461
00:22:29,420 --> 00:22:32,120
>> ТОМАС Реимерс: За оне од вас
непознато, конзола је алат

462
00:22:32,120 --> 00:22:35,430
у оквиру Цхроме, који вам омогућава да,
у основи, покрените ЈаваСкрипт на

463
00:22:35,430 --> 00:22:36,450
тренутна страна.

464
00:22:36,450 --> 00:22:39,420
То ћете наћи невероватно корисно када
сте заправо ви и отклањање грешака

465
00:22:39,420 --> 00:22:42,400
треба да буде као, шта је струја
вредност неке глобалне променљиве или шта

466
00:22:42,400 --> 00:22:43,910
је нешто друго?

467
00:22:43,910 --> 00:22:47,620
То је нешто као ГДБ са изузетком
да ли заиста могу

468
00:22:47,620 --> 00:22:51,600
манипулишу елементе на страници са
то на много лакши начин.

469
00:22:51,600 --> 00:22:55,080
И такође не, у основи, проверите
у са вама пре него што то чини било шта.

470
00:22:55,080 --> 00:22:58,660
>> Дакле, док, ГДБ можда као, ви сте
сигурни да желите да покренете следећи корак?

471
00:22:58,660 --> 00:22:59,830
Конзола је у прави.

472
00:22:59,830 --> 00:23:03,690
Дакле, као што је веб страница и пружање
радиш шта год да ради,

473
00:23:03,690 --> 00:23:05,720
Савет је такође покренут уз њега.

474
00:23:05,720 --> 00:23:08,330
И ви можете ставити приписати код у
да конзола, која ће

475
00:23:08,330 --> 00:23:09,260
се ради на страници.

476
00:23:09,260 --> 00:23:12,190
>> МИКЕ РИЗЗО: Па да уђу у конзолу,
Претпостављам да би требало укратко

477
00:23:12,190 --> 00:23:13,750
помињемо како да се то уради.

478
00:23:13,750 --> 00:23:17,850
У последњих проблемима које могу да имају
половне Хром је елемент инспекцију

479
00:23:17,850 --> 00:23:20,440
функције или поглед страна извор -

480
00:23:20,440 --> 00:23:23,870
и они су доступни само право
Кликом на страници или специфичног

481
00:23:23,870 --> 00:23:28,430
елемент и раде или инспекцију
елемент или поглед страна извор.

482
00:23:28,430 --> 00:23:31,190
Ми такође могу да приступе ЈаваСцрипт
конзола директно

483
00:23:31,190 --> 00:23:33,630
избора испитати елемент.

484
00:23:33,630 --> 00:23:37,930
Па онда само ударио конзола
на десној страни.

485
00:23:37,930 --> 00:23:41,900
>> Алтернативно, могли сте и отишли
у горњи десни угао,

486
00:23:41,900 --> 00:23:46,820
који је одсечен на овом екрану где
има три хоризонталне шипке.

487
00:23:46,820 --> 00:23:52,010
А ви идите доле до алата и
онда ЈаваСцрипт конзола

488
00:23:52,010 --> 00:23:53,240
овде где могу да виде -

489
00:23:53,240 --> 00:23:54,370
барем на Виндовс -

490
00:23:54,370 --> 00:23:59,680
Пречица је контрола Схифт Ј. Па онда
ако смо хтели да изаберете елемент

491
00:23:59,680 --> 00:24:06,060
у оквиру ове странице, као што сам показао
пре, радимо долар знак отворене паренс

492
00:24:06,060 --> 00:24:08,180
а затим цитира.

493
00:24:08,180 --> 00:24:11,750
>> Занимљиво је, генерално,
једнокреветне и двокреветне цитати цитати су

494
00:24:11,750 --> 00:24:12,370
изменљив.

495
00:24:12,370 --> 00:24:16,050
Дакле, многи људи користе само један
цитати јер су брже да куцате

496
00:24:16,050 --> 00:24:19,780
него наводницима јер ви не урадите
Треба да држите Схифт.

497
00:24:19,780 --> 00:24:21,770
Зато ћу само то да урадим одмах.

498
00:24:21,770 --> 00:24:24,510
>> Зато желим да изаберете нешто
са класе.

499
00:24:24,510 --> 00:24:27,200
Контејнер, само зато што знам да је то
нешто што је на наше

500
00:24:27,200 --> 00:24:28,740
Веб страна сада.

501
00:24:28,740 --> 00:24:29,520
И ја ударио Ентер.

502
00:24:29,520 --> 00:24:31,670
И можемо да видимо да је то изабрана.

503
00:24:31,670 --> 00:24:34,990
Дакле, то показује, да је она
вратио тај објекат.

504
00:24:34,990 --> 00:24:36,620
Дакле, то је основни избор.

505
00:24:36,620 --> 00:24:40,080
Ако бисмо хтели да га заправо манипулише,
ти би нешто да позове

506
00:24:40,080 --> 00:24:43,925
на том избору, који
ми ћемо ући у касније.

507
00:24:43,925 --> 00:24:49,030
>> ТОМАС Реимерс: Дакле, само да погледате да
више у дубину, ово се не разликује

508
00:24:49,030 --> 00:24:52,245
од функцијских позива смо направили у Ц.
Име функције овде је

509
00:24:52,245 --> 00:24:52,580
мало чудно.

510
00:24:52,580 --> 00:24:55,640
То је знак за долар.

511
00:24:55,640 --> 00:24:57,010
То је само име функције.

512
00:24:57,010 --> 00:24:58,810
Нема ништа посебно о томе.

513
00:24:58,810 --> 00:25:00,450
>> Имамо отворене заграде.

514
00:25:00,450 --> 00:25:03,880
Затим, имамо један аргумент, који
у овом случају се дешава да се ниска,

515
00:25:03,880 --> 00:25:05,680
који је селектор за њега.

516
00:25:05,680 --> 00:25:08,130
И онда, ми имамо наше
затворена заграда.

517
00:25:08,130 --> 00:25:09,960
То је то.

518
00:25:09,960 --> 00:25:11,500
>> Није то знатно другачије.

519
00:25:11,500 --> 00:25:12,900
Мада, то не изгледа веома чудно.

520
00:25:12,900 --> 00:25:17,220
И то може да буде, на неки начин, је спорна
указују на много људи.

521
00:25:17,220 --> 00:25:21,460
>> МИКЕ РИЗЗО: Па слично, ако смо хтели
да изаберете неки елемент који има ИД,

522
00:25:21,460 --> 00:25:23,470
Сада желимо да изаберете од
ИД уместо класе.

523
00:25:23,470 --> 00:25:28,080
Било би слична ствар где смо
Управо радим на нагли знак за ИД.

524
00:25:28,080 --> 00:25:33,576
Зато смо овде сви избора
елементи који имају бар ИД.

525
00:25:33,576 --> 00:25:35,400
>> ТОМАС Реимерс: И ово се протеже.

526
00:25:35,400 --> 00:25:36,450
То ЦСС продужава.

527
00:25:36,450 --> 00:25:42,260
Баш као у ЦСС, можете да изаберете све
везе, које имају класе фоо.

528
00:25:42,260 --> 00:25:43,420
Ево, то је иста ствар.

529
00:25:43,420 --> 00:25:52,750
>> Можете да урадите а.фоо, који би изабрали
све везе са класном ФОО.

530
00:25:52,750 --> 00:25:58,860
Можете да урадите оштар бар, који би
изаберите везу са ИД баром и тако

531
00:25:58,860 --> 00:25:59,770
и тако даље.

532
00:25:59,770 --> 00:26:02,120
Сваки селектор ЦСС је валидан
јКуери селектор.

533
00:26:02,120 --> 00:26:03,370
>> МИКЕ РИЗЗО: Да.

534
00:26:03,370 --> 00:26:07,996

535
00:26:07,996 --> 00:26:11,460
У реду, тако да сада идемо у мало
манипулације које можемо учинити са

536
00:26:11,460 --> 00:26:12,870
наш јКуери.

537
00:26:12,870 --> 00:26:19,280
Дакле јКуери има одређену врсту
од нотације где смо само искористили

538
00:26:19,280 --> 00:26:20,170
тачка на крају.

539
00:26:20,170 --> 00:26:23,340
И можете мислити ово као у
Ц како смо имали различите Структуре.

540
00:26:23,340 --> 00:26:27,110
И да иду у те Структуре, ти би
користите тачку да уђу у њих.

541
00:26:27,110 --> 00:26:28,480
>> То је, некако, слична ствар.

542
00:26:28,480 --> 00:26:33,570
Тек сада имамо функције у ово
селектор који можемо назвати на њему.

543
00:26:33,570 --> 00:26:38,640
Дакле овде, први пример
можете видети је селектор ЦСС.

544
00:26:38,640 --> 00:26:45,290
И у суштини, оно што ради је
примењује првог елемента ЦСС на ово

545
00:26:45,290 --> 00:26:46,230
ствар коју сте изабрали -

546
00:26:46,230 --> 00:26:47,720
ово елемент који сте изабрали -

547
00:26:47,720 --> 00:26:49,290
са вредношћу тог.

548
00:26:49,290 --> 00:26:55,390
>> ТОМАС Реимерс: Па лако превод
да би, ако јКуери, у основи,

549
00:26:55,390 --> 00:26:57,790
само узео фоо.

550
00:26:57,790 --> 00:27:05,480
А онда у ЦСС рекао,
црвена боја и близу.

551
00:27:05,480 --> 00:27:06,670
То је иста идеја.

552
00:27:06,670 --> 00:27:08,800
Шта се то ради је то изабрано
сви елементи фоо.

553
00:27:08,800 --> 00:27:10,170
А онда примењени.

554
00:27:10,170 --> 00:27:15,884
Рецимо, боја имовина
једнака је црвено.

555
00:27:15,884 --> 00:27:21,070
>> МИКЕ РИЗЗО: Слично, можемо такође мења
стварни садржај који је

556
00:27:21,070 --> 00:27:24,870
показујући на ХТМЛ странице, који
је стварно цоол, јер то значи да

557
00:27:24,870 --> 00:27:28,095
веб странице сада може бити потпуно динамичан
и не морају да буду статички

558
00:27:28,095 --> 00:27:31,660
да одштампате помоћу ПХП
на самом почетку

559
00:27:31,660 --> 00:27:33,320
страна се учита.

560
00:27:33,320 --> 00:27:36,810
Дакле овде, ако смо хтели да мењају
стварна ХТМЛ-странице, ми смо сада би

561
00:27:36,810 --> 00:27:43,550
позовите ХТМЛ функцију, која онда само
умеци шта год да прецизирају у

562
00:27:43,550 --> 00:27:45,390
да елемент који смо изабрали.

563
00:27:45,390 --> 00:27:49,810
Дакле, овде смо одабиром елемент са
трла класе и онда кажу да је то ХТМЛ

564
00:27:49,810 --> 00:27:52,200
сада је здраво свет.

565
00:27:52,200 --> 00:27:55,600
>> ТОМАС Реимерс: И када мислите о
шта су корисне апликације

566
00:27:55,600 --> 00:28:00,800
ово, ово је један ЦСС, прва ствар која
можете да почнете да мислите о је

567
00:28:00,800 --> 00:28:03,070
у смислу чак падајуће меније.

568
00:28:03,070 --> 00:28:08,350
Могао би да почну да раде ствари као што, када
корисник лебди над горњем делу

569
00:28:08,350 --> 00:28:11,970
од падајући, желите да се
доњи део видљив.

570
00:28:11,970 --> 00:28:12,540
Зар не?

571
00:28:12,540 --> 00:28:15,610
>> Дакле, у ЦСС, имамо својства
да направи нешто видљиво.

572
00:28:15,610 --> 00:28:19,330
Ствари као што су дисплеј дебелог нико
би га невидљивим.

573
00:28:19,330 --> 00:28:21,190
Приказ блок би га видљивим.

574
00:28:21,190 --> 00:28:25,860
Или чак и ако желите да идете једноставније, те
такве ствари једнакима видљивости

575
00:28:25,860 --> 00:28:27,520
видљив, а видљивост је једнако сакривен.

576
00:28:27,520 --> 00:28:30,330

577
00:28:30,330 --> 00:28:34,780
>> А ти би могао почети да спроведе ствари
као падајуће меније право

578
00:28:34,780 --> 00:28:38,410
након што прође кроз идеју о томе како
можете да схватите када се то отвори,

579
00:28:38,410 --> 00:28:39,850
који ћемо добити кроз врло кратко.

580
00:28:39,850 --> 00:28:42,160
Али, можемо почети да видимо
примене ово.

581
00:28:42,160 --> 00:28:45,540
У сличном смислу, ако сте били да покушате
и спроводе, рецимо, за ћаскање

582
00:28:45,540 --> 00:28:48,620
мотор и желите да се мало
Облачићу дошао кад год сте

583
00:28:48,620 --> 00:28:52,880
добила нову поруку, када добијете
нова порука, можете направити мало

584
00:28:52,880 --> 00:28:55,890
Облачићу доћи до мењањем
ХТМЛ-странице, зар не?

585
00:28:55,890 --> 00:29:00,540
Додавањем тај додатни облачића
са додатним текстом у тамо.

586
00:29:00,540 --> 00:29:01,140
Да?

587
00:29:01,140 --> 00:29:07,750
>> ПУБЛИКА: Дакле, ви би ово уградите у
ХТМЛ код у врста као

588
00:29:07,750 --> 00:29:10,534
[ИНАУДИБЛЕ]?

589
00:29:10,534 --> 00:29:12,940
>> МИКЕ РИЗЗО: Тачно.

590
00:29:12,940 --> 00:29:16,190
Да, ми ћемо доћи до да
у мало.

591
00:29:16,190 --> 00:29:18,810
Да, то је слично
мало на ПХП.

592
00:29:18,810 --> 00:29:21,240
Не баш слично.

593
00:29:21,240 --> 00:29:24,730
>> Добар разлика да је оно што овај
је заправо уређивање када измените

594
00:29:24,730 --> 00:29:28,480
страна јер то неће бити
уређивање стварну датотеку која се

595
00:29:28,480 --> 00:29:31,380
чувају на серверу, јер свет
не би требало да има дозволу

596
00:29:31,380 --> 00:29:32,610
да измените своје фајлове.

597
00:29:32,610 --> 00:29:36,080
Ово је само изменити оно што је на страници
и шта се приказује у оквиру

598
00:29:36,080 --> 00:29:36,950
прегледач.

599
00:29:36,950 --> 00:29:40,340
Дакле, ако сте били да после поново учитате страницу,
кажу, брисање нешто као ми

600
00:29:40,340 --> 00:29:44,730
видимо можемо да урадимо са уклоните позив,
да би се онда поново појавити ствар.

601
00:29:44,730 --> 00:29:48,590
>> ТОМАС Реимерс: Дакле, један начин да се размишља о
ово је ако сам рачунар и

602
00:29:48,590 --> 00:29:50,170
Мајк је, на неки начин, сервер.

603
00:29:50,170 --> 00:29:53,850
Шта ће се десити је да ћу се
питајте Мике, хеј, могу ли добити копију

604
00:29:53,850 --> 00:29:54,630
Ова веб страница?

605
00:29:54,630 --> 00:29:56,190
А он ће ми дати копију.

606
00:29:56,190 --> 00:29:57,430
>> Не, то није оригинална ствар.

607
00:29:57,430 --> 00:29:58,620
То је само копија.

608
00:29:58,620 --> 00:30:00,450
И онда би било као, ох,
има овде ЈаваСкрипт.

609
00:30:00,450 --> 00:30:02,450
Јасно, ја треба да измените
страна да буде овако.

610
00:30:02,450 --> 00:30:04,250
И ја уређивање свој примерак.

611
00:30:04,250 --> 00:30:05,920
>> Али то се не врши
стварна копија.

612
00:30:05,920 --> 00:30:08,480
А ако бих га поново питати
Освежите страницу, -

613
00:30:08,480 --> 00:30:10,060
хеј, да имам још једну чисту копију -

614
00:30:10,060 --> 00:30:11,440
он ће ми дати
још један чист примерак.

615
00:30:11,440 --> 00:30:14,240
И онда, ја ћу да урадим исту ствар
као, ох, ово ЈС овде да каже

616
00:30:14,240 --> 00:30:14,866
да измените ово.

617
00:30:14,866 --> 00:30:17,460
И ја ћу да наставим да радим то.

618
00:30:17,460 --> 00:30:20,930
>> МИКЕ РИЗЗО: Па стварно цоол ствар
да можете да урадите са јКуери је

619
00:30:20,930 --> 00:30:24,350
заправо додати различите врсте
анимације на вашој страни.

620
00:30:24,350 --> 00:30:27,440
Ја не знам да ли сте икада видели где
Ви покушавате да је попуните формулар

621
00:30:27,440 --> 00:30:31,250
мрежи и не попунити
ствари исправно.

622
00:30:31,250 --> 00:30:33,440
Тако мала ствар клизи доле
на врху и каже да

623
00:30:33,440 --> 00:30:34,820
нису урадили исправно.

624
00:30:34,820 --> 00:30:36,260
Покушајте поново.

625
00:30:36,260 --> 00:30:37,890
А онда, можда чак и само клизи горе.

626
00:30:37,890 --> 00:30:40,710
>> Испоставило се да је изграђен у јКуери функције
да би све то

627
00:30:40,710 --> 00:30:44,180
анимација заиста, заиста лако.

628
00:30:44,180 --> 00:30:46,750
Дакле, прво је бледи
од функција, које

629
00:30:46,750 --> 00:30:47,710
можете позвати на нешто.

630
00:30:47,710 --> 00:30:55,650
И то је начин да се промени од ЦСС
који елемент у анимираном начин.

631
00:30:55,650 --> 00:30:58,480
Дакле, без обзира што је потребно елемент
ви називате то избледи на.

632
00:30:58,480 --> 00:31:03,990
А онда, полако мења се непрозирности
док она иде потпуно транспарентан.

633
00:31:03,990 --> 00:31:07,330
>> ТОМАС Реимерс: Други популаран један
се клизе, који ће

634
00:31:07,330 --> 00:31:08,800
нешто се појављују тако да клизне надоле.

635
00:31:08,800 --> 00:31:12,840
Дакле, у случају падајућег менија,
Опет, када смо научили како да се открију

636
00:31:12,840 --> 00:31:15,310
када ово је лебдела изнад,
само да кажем ово дно

637
00:31:15,310 --> 00:31:16,910
део клизе доле сада.

638
00:31:16,910 --> 00:31:19,270
И онда, чини се
по спуштању.

639
00:31:19,270 --> 00:31:22,042

640
00:31:22,042 --> 00:31:26,590
>> МИКЕ РИЗЗО: А онда, ако имате само
нека врста анимације у виду да

641
00:31:26,590 --> 00:31:29,080
јКуери не нужно обезбедити.

642
00:31:29,080 --> 00:31:32,690
На пример, рецимо јКуери
не дају ти са слајда

643
00:31:32,690 --> 00:31:33,750
доле и горе слајд.

644
00:31:33,750 --> 00:31:36,740
Па, рецимо да желите да померите
нешто са леве стране, или у од

645
00:31:36,740 --> 00:31:39,880
Право врста као ЦС50
насловна страна ради кад год

646
00:31:39,880 --> 00:31:42,080
идете на новој плочи.

647
00:31:42,080 --> 00:31:45,030
Ти би онда вероватно морати да
имплементира га сами користећи

648
00:31:45,030 --> 00:31:49,310
анимирати функцију унутар јКуери.

649
00:31:49,310 --> 00:31:51,350
>> Тако слично, само анимирати.

650
00:31:51,350 --> 00:31:55,850
А онда, у њему је потребно
речник од различитих вредности

651
00:31:55,850 --> 00:31:57,340
да ли би требало да прође.

652
00:31:57,340 --> 00:32:06,960
Дакле овде, ако смо хтели да анимирају
елемент фоо тако да њена ширина или

653
00:32:06,960 --> 00:32:10,880
проширује или уговори за 80 пиксела,
зависности од тога шта је то тренутно јесте.

654
00:32:10,880 --> 00:32:14,100
Ми само би проћи као да
Аргумент у њему.

655
00:32:14,100 --> 00:32:18,060
>> Анимирање и неке друге аргументе
да га прође, на пример,

656
00:32:18,060 --> 00:32:21,150
брзина анимације
да ли желите да га дам.

657
00:32:21,150 --> 00:32:26,220
И да се то уради, само бих
брзо Гоогле јКуери анимирати.

658
00:32:26,220 --> 00:32:31,710
А онда, доносећи ову страницу, можете да
видим да има гомила другачији

659
00:32:31,710 --> 00:32:33,560
својства да можете да га прође.

660
00:32:33,560 --> 00:32:35,990
>> А ја вам и - кад год можете доћи
на нешто што ви не

661
00:32:35,990 --> 00:32:40,390
знам или само желите да сазнате више о
Посебно метод који можете да позовете

662
00:32:40,390 --> 00:32:41,270
о нечему -

663
00:32:41,270 --> 00:32:44,440
само Гоогле. јКуери је изузетно
добро документована.

664
00:32:44,440 --> 00:32:49,140
И често пута има много
примери да они пружају за вас.

665
00:32:49,140 --> 00:32:52,470
Ако померите надоле -

666
00:32:52,470 --> 00:32:53,720
скроз доле -

667
00:32:53,720 --> 00:32:57,660

668
00:32:57,660 --> 00:32:59,190
да можемо да користимо, као добро.

669
00:32:59,190 --> 00:33:02,480
>> Опет, када програмер заправо иде
кроз невоље писања

670
00:33:02,480 --> 00:33:05,810
библиотека, они обично желе
неко да га користите.

671
00:33:05,810 --> 00:33:09,400
Тако ће уз
бити документација.

672
00:33:09,400 --> 00:33:12,270
И да документација може бити обично
наћи на страници пројекта, који је

673
00:33:12,270 --> 00:33:14,970
Зато смо вам дали тај оригинални сајт у
почетак, који вас повезује са

674
00:33:14,970 --> 00:33:18,080
пројектне странице тако можете
видим ту документацију.

675
00:33:18,080 --> 00:33:22,670
>> Типично, страна пројекат у случају
од [ИНАУДИБЛЕ], он вам је рекао

676
00:33:22,670 --> 00:33:23,940
имена класе.

677
00:33:23,940 --> 00:33:27,250
У случају ЈаваСцрипт, даје
ти име функције.

678
00:33:27,250 --> 00:33:35,310
Узгред, ако дођите до врха,
брз страни напомена о функцијама је

679
00:33:35,310 --> 00:33:39,080
кад год видим неку функцију имплементиран
овако са тешко

680
00:33:39,080 --> 00:33:43,800
заграде у средини, то значи
да та имовина је опционално.

681
00:33:43,800 --> 00:33:44,750
Само главе горе.

682
00:33:44,750 --> 00:33:47,350
Видео сам много питања
о томе.

683
00:33:47,350 --> 00:33:50,370
>> Дакле, овде видимо да
анимате узима својства

684
00:33:50,370 --> 00:33:51,800
као неопходан аргумент.

685
00:33:51,800 --> 00:33:54,870
А све остало је опционално.

686
00:33:54,870 --> 00:33:56,136
Бочни напомена -

687
00:33:56,136 --> 00:33:58,090
можете мислити о томе, врста
од, као ман странице.

688
00:33:58,090 --> 00:34:04,275
Ман странице су документација за Ц и
за многе друге ствари, као и.

689
00:34:04,275 --> 00:34:11,020
>> МИКЕ РИЗЗО: Дакле, ми смо научили како да
променити другачији ЦСС на страници,

690
00:34:11,020 --> 00:34:14,040
анимирају га, и уклонити додати ХТМЛ.

691
00:34:14,040 --> 00:34:16,889
Али једна од заиста најмоћнији
ствари о ЈаваСцрипт

692
00:34:16,889 --> 00:34:18,270
а посебно јКуери -

693
00:34:18,270 --> 00:34:22,570
оно што вам омогућава да урадите је да одговорите
различити елементи које се дешавају.

694
00:34:22,570 --> 00:34:25,380
На пример, овде имамо
догађај руковалац.

695
00:34:25,380 --> 00:34:28,210
И то само значи кад год то
догађај деси, ми то средити у

696
00:34:28,210 --> 00:34:29,280
одређени начин.

697
00:34:29,280 --> 00:34:35,159
>> Дакле овде, генерички јКуери догађај
руковалац је тачка на.

698
00:34:35,159 --> 00:34:42,949
А онда, прва ствар коју сте дали
је оно што би требало догађај

699
00:34:42,949 --> 00:34:43,810
се слуша за.

700
00:34:43,810 --> 00:34:45,610
Дакле овде, то је клик да
чекамо.

701
00:34:45,610 --> 00:34:49,250
>> ТОМАС Реимерс: Алтернативно, ви имате
на лебдење, који је веома популаран један.

702
00:34:49,250 --> 00:34:52,000
Дакле, вратимо се мојој падајућег менија идеје.

703
00:34:52,000 --> 00:34:54,239
Ти би имао један на топ ховер.

704
00:34:54,239 --> 00:34:56,096
А онда можете да промените то.

705
00:34:56,096 --> 00:34:56,830
>> МИКЕ РИЗЗО: Тачно.

706
00:34:56,830 --> 00:35:01,680
А онда, када се то деси, то је само
извршава ову функцију да ми га дају

707
00:35:01,680 --> 00:35:05,080
као аргумент и да
она упозорава здраво или ћао.

708
00:35:05,080 --> 00:35:08,900
>> ТОМАС Реимерс: Дакле, у случају
Јава, ово је место морамо да

709
00:35:08,900 --> 00:35:12,970
уклонити себе из Ц. Можемо заправо
узети функције као аргументе.

710
00:35:12,970 --> 00:35:15,940
А има и много стварно
комплексне начина да то урадите.

711
00:35:15,940 --> 00:35:17,940
Идемо да се промовише на један начин,
који је можете дефинисати

712
00:35:17,940 --> 00:35:19,270
функционише тамо.

713
00:35:19,270 --> 00:35:22,540
>> Дакле, када питате за неку функцију као
параметар, ти си само у основи

714
00:35:22,540 --> 00:35:24,500
ће дефинисати функцију
на лицу места.

715
00:35:24,500 --> 00:35:27,090
А начин на који дефинишемо функцију
у ЈаваСцрипт вам је

716
00:35:27,090 --> 00:35:28,820
буквално кажу функцију.

717
00:35:28,820 --> 00:35:30,130
Тада, обично, име
функције.

718
00:35:30,130 --> 00:35:32,510
Али ми никада идемо на референтне
ова функција поново.

719
00:35:32,510 --> 00:35:34,040
Тако да смо га оставили безимен.

720
00:35:34,040 --> 00:35:40,440
>> Тада заграде, онда коврџава
протезе, а затим код у то.

721
00:35:40,440 --> 00:35:42,540
Дакле, ми разумемо ову конзерву
бити мало збуњујуће.

722
00:35:42,540 --> 00:35:45,180
Тако да смо вам дати општи облик
шта догађај руковалац изгледа

723
00:35:45,180 --> 00:35:47,790
испод, који је на догађајима.

724
00:35:47,790 --> 00:35:50,598
А онда, ваш код унутар тога.

725
00:35:50,598 --> 00:35:52,478
>> МИКЕ РИЗЗО: Да ли постоје
Питања о томе?

726
00:35:52,478 --> 00:35:54,818
То може бити мало збуњујуће
Први пут га видим.

727
00:35:54,818 --> 00:35:57,550
>> ТОМАС Реимерс: Ви заправо желе да
отвори фајл и показати им неке

728
00:35:57,550 --> 00:35:58,155
јКуери сада?

729
00:35:58,155 --> 00:35:59,853
>> МИКЕ РИЗЗО: Да, хајде да урадимо то.

730
00:35:59,853 --> 00:36:00,256
У реду.

731
00:36:00,256 --> 00:36:02,490
>> ТОМАС Реимерс: Дакле, сада смо
у апарату.

732
00:36:02,490 --> 00:36:07,730
И шта смо урадили јесте да смо узети
слобода стварања како је индек.хтмл

733
00:36:07,730 --> 00:36:10,100
фајл, који се повезује са
ЈаваСцрипт фајл.

734
00:36:10,100 --> 00:36:12,880
И можемо отворити -

735
00:36:12,880 --> 00:36:15,170
Да.

736
00:36:15,170 --> 00:36:16,630
Па, то ради две ствари.

737
00:36:16,630 --> 00:36:18,350
>> Први је што се повезује са
ЈаваСцрипт датотека.

738
00:36:18,350 --> 00:36:21,250
И ми ћемо видети да се овде.

739
00:36:21,250 --> 00:36:25,340
Ми видимо да у глави
ХТМЛ документ, посебно.

740
00:36:25,340 --> 00:36:28,260
Тако ћете видети да тамо
смо, у основи, кажу СРЦ,

741
00:36:28,260 --> 00:36:29,590
што је скраћеница за извор.

742
00:36:29,590 --> 00:36:30,630
И то је УРЛ адреса.

743
00:36:30,630 --> 00:36:32,700
>> Дакле, овде можете да кажете да сте
укључени јКуери.

744
00:36:32,700 --> 00:36:34,290
И ми смо такође укључене скрипте.

745
00:36:34,290 --> 00:36:40,630
Други начин да се укључи ЈаваСцрипт је
да можете укључити инлине скрипте

746
00:36:40,630 --> 00:36:44,600
ознака као што смо на дну, где је
каже тип скрипта је текст ЈаваСцрипт.

747
00:36:44,600 --> 00:36:46,960
>> Зато што ми кажемо, слушај, ми смо
о да укључи скрипту.

748
00:36:46,960 --> 00:36:51,890
И тип тог писма је
ЈаваСцрипт, што је врста текста.

749
00:36:51,890 --> 00:36:52,550
Врло једноставно.

750
00:36:52,550 --> 00:36:56,490
>> МИКЕ РИЗЗО: Па ово, некако, добија се
Ваше питање о томе како укључити

751
00:36:56,490 --> 00:37:02,340
ЈаваСцрипт у нашим фајловима, јер кад смо
је ПХП, радимо овако нешто.

752
00:37:02,340 --> 00:37:07,570
А онда, имамо ПХП функције -
Рецимо акција уради

753
00:37:07,570 --> 00:37:09,150
нешто са тим -

754
00:37:09,150 --> 00:37:10,490
иде тамо.

755
00:37:10,490 --> 00:37:13,860
Међутим, сада имамо Тхе Сцрипт ознаке
да ми га дати, који су заправо

756
00:37:13,860 --> 00:37:19,470
део самог ХТМЛ јер није
фолира као ХТМЛ фајл свиђа

757
00:37:19,470 --> 00:37:25,070
је у ПХП, јер ако ви у ствари иду у
и погледајте извору странице,

758
00:37:25,070 --> 00:37:28,430
видећете ове скрипте ознаке тамо
са ЈаваСцрипт повезан са

759
00:37:28,430 --> 00:37:29,800
их у томе.

760
00:37:29,800 --> 00:37:31,760
>> Па онда, ако смо хтели да
напиши нешто ЈаваСцрипт -

761
00:37:31,760 --> 00:37:37,110
рецимо само да смо желели да промените тело
јер сада немам

762
00:37:37,110 --> 00:37:40,020
било које друге ознаке које сам заиста могу
измените поред тела.

763
00:37:40,020 --> 00:37:42,450
Рецимо само да сам хтео да
промените ЦСС тога.

764
00:37:42,450 --> 00:37:46,190
Дакле, идемо напред и промена
боје тога да црвене.

765
00:37:46,190 --> 00:37:47,380
>> Тако сам сачувајте датотеку.

766
00:37:47,380 --> 00:37:52,700
Хајде да се вратимо на нашој веб страници, освежи,
и он то ради аутоматски

767
00:37:52,700 --> 00:37:55,920
јер није изгледало као да је чекао
уопште, јер нисмо слушали

768
00:37:55,920 --> 00:37:59,450
за догађај или било шта слично.

769
00:37:59,450 --> 00:38:02,800
>> ТОМАС Реимерс: Дакле, ако се вратимо на то
филе посебно - у ХТМЛ

770
00:38:02,800 --> 00:38:04,710
филе - шта ћеш
да видим је да имамо -

771
00:38:04,710 --> 00:38:06,810
запамтите да ово је препун,
врста, хронолошки.

772
00:38:06,810 --> 00:38:09,910
Дакле, имамо прву главу.
она учитава ове две датотеке.

773
00:38:09,910 --> 00:38:10,800
Онда идемо на телу.

774
00:38:10,800 --> 00:38:11,640
И видимо хелло свет.

775
00:38:11,640 --> 00:38:13,030
Тако смо рендер хелло свет.

776
00:38:13,030 --> 00:38:15,240
>> И онда последња ствар коју имамо
је имамо скрипту ознаку.

777
00:38:15,240 --> 00:38:20,880
Тако да покреће скрипту ознаку зато што је
не говори да чекају шта.

778
00:38:20,880 --> 00:38:24,700
И то је најосновније
начин да покренете ЈаваСцрипт.

779
00:38:24,700 --> 00:38:29,200
>> Уз то је рекао, можете ставити скрипту
означите у заглављу само

780
00:38:29,200 --> 00:38:31,240
да покаже ову тачку?

781
00:38:31,240 --> 00:38:34,450

782
00:38:34,450 --> 00:38:35,700
И рун то.

783
00:38:35,700 --> 00:38:38,880

784
00:38:38,880 --> 00:38:41,070
Идемо да приметити да је
нису променили боју.

785
00:38:41,070 --> 00:38:44,210
И то је један од проблема
ЈаваСцрипт је да су ствари напуњен

786
00:38:44,210 --> 00:38:45,930
у хронолошком реду.

787
00:38:45,930 --> 00:38:49,750
>> Дакле, у време када је тај број
је покренут, одабрали смо -

788
00:38:49,750 --> 00:38:52,530
вратимо -

789
00:38:52,530 --> 00:38:53,670
тело ознака.

790
00:38:53,670 --> 00:38:57,560
Тело ознака још увек не постоји, јер
ЈаваСцрипт је у складу са ХТМЛ.

791
00:38:57,560 --> 00:39:01,790
Дакле прегледач је као изаберите тела.

792
00:39:01,790 --> 00:39:02,760
Не постоји таква ствар још.

793
00:39:02,760 --> 00:39:03,600
Тако можемо игнорисати да.

794
00:39:03,600 --> 00:39:05,330
И ми наставимо.

795
00:39:05,330 --> 00:39:07,200
>> И онда смо дефинисали тело ознаку.

796
00:39:07,200 --> 00:39:09,670
Али то никад не ажурира.

797
00:39:09,670 --> 00:39:12,560
Дакле, када сте спровођења скрипту
ознаке, проверите да ли сте поставите

798
00:39:12,560 --> 00:39:15,502
након тела ознаке.

799
00:39:15,502 --> 00:39:16,820
Следећи слајд.

800
00:39:16,820 --> 00:39:17,830
>> МИКЕ РИЗЗО: У реду.

801
00:39:17,830 --> 00:39:19,330
Тако да смо нешто променили.

802
00:39:19,330 --> 00:39:21,910
Али то не изгледа као да је одговорила на
нас уопште, јер то је само врста

803
00:39:21,910 --> 00:39:24,150
учинио га чим учита страницу.

804
00:39:24,150 --> 00:39:27,700
Тако сада, уместо да ради ово, зашто
не можемо додати управљач догађаја.

805
00:39:27,700 --> 00:39:31,020
>> Дакле, хајде да урадимо нешто
телу поново.

806
00:39:31,020 --> 00:39:33,490
И рецимо да то радимо на -

807
00:39:33,490 --> 00:39:34,500
кликните.

808
00:39:34,500 --> 00:39:35,750
Ми ћемо додати функцију.

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> Томас Реимерс: Хајде да промена
то је опет боја на црвено.

811
00:39:39,690 --> 00:39:40,000
Зашто не?

812
00:39:40,000 --> 00:39:41,680
>> МИКЕ РИЗЗО: Да, хајде да промена
његова 'боја на црвено поново.

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
У реду.

815
00:39:46,900 --> 00:39:48,480
Дакле, хајде да поново учитате страницу.

816
00:39:48,480 --> 00:39:49,530
У реду, видимо -

817
00:39:49,530 --> 00:39:52,290
као што се очекује, она не укључује увек црвено.

818
00:39:52,290 --> 00:39:53,610
Али онда можемо да идемо напред и кликните на њега.

819
00:39:53,610 --> 00:39:54,270
>> ТОМАС Реимерс: И то се окрену црвено.

820
00:39:54,270 --> 00:39:56,090
>> МИКЕ РИЗЗО: И то чини
Рудети као што је очекивано.

821
00:39:56,090 --> 00:39:59,010
>> ТОМАС Реимерс: И можемо да видимо како
можемо почети да гради веома основни

822
00:39:59,010 --> 00:40:00,170
интеракција.

823
00:40:00,170 --> 00:40:03,850
Друге ствари које би желели да урадите је,
ако не желимо да се тело

824
00:40:03,850 --> 00:40:07,230
црвена боја, хајде да ХТМЛ
позадина црвена боја.

825
00:40:07,230 --> 00:40:08,480
Само тако је то исти ЦСС.

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> А када смо га променити, можемо видети ово
веома драматичан ефекат промене

828
00:40:23,320 --> 00:40:25,510
цела страна.

829
00:40:25,510 --> 00:40:29,100
Па опет, ако сте имплементацији ствари,
можете имати једну компоненту

830
00:40:29,100 --> 00:40:30,150
која је требало да се кликне на.

831
00:40:30,150 --> 00:40:32,710
Рецимо дугме Екит и
цео друга компонента,

832
00:40:32,710 --> 00:40:33,830
који би требало да одговори.

833
00:40:33,830 --> 00:40:35,755
Дакле, ти би уклонили прозор
кад се то деси.

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> МИКЕ РИЗЗО: У реду.

836
00:40:40,700 --> 00:40:42,200
Само као пример -

837
00:40:42,200 --> 00:40:44,400
нисте добили да виде ово раније -

838
00:40:44,400 --> 00:40:47,500
Само ћу вам показати како то изгледа
волим кад ми нешто сакрити.

839
00:40:47,500 --> 00:40:52,220
Тако ћу ићи напред и не клизи горе.

840
00:40:52,220 --> 00:40:54,440
>> ТОМАС Реимерс: Желите да замотати да у
Тип став пре тога?

841
00:40:54,440 --> 00:40:55,132
>> МИКЕ РИЗЗО: У реду.

842
00:40:55,132 --> 00:40:59,135
Да, зашто не урадимо то управо тако
можемо га изабрати мало више.

843
00:40:59,135 --> 00:41:00,490
>> ТОМАС Реимерс: па да
дајте јој класу.

844
00:41:00,490 --> 00:41:01,740
>> МИКЕ РИЗЗО: Да.

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
У реду, да видимо.

847
00:41:09,920 --> 00:41:14,820
Уместо да изаберете стварног тело
Сада, ја ћу само изаберите све са

848
00:41:14,820 --> 00:41:18,780
класа здраво, које овде можемо
само једну ствар.

849
00:41:18,780 --> 00:41:20,900
Дакле, не би требало да
бринеш о томе.

850
00:41:20,900 --> 00:41:23,080
>> Па ја ћу га освежити.

851
00:41:23,080 --> 00:41:24,230
Ја ћу ићи напред и кликните на њега.

852
00:41:24,230 --> 00:41:27,890
И то, на неки начин, јесте чудно Слиде
се ствар, која не изгледа да

853
00:41:27,890 --> 00:41:29,580
атрактивна.

854
00:41:29,580 --> 00:41:31,060
Генерално, они не изгледају лепо.

855
00:41:31,060 --> 00:41:32,720
Претпостављам, ово - за неке
Разлог - није.

856
00:41:32,720 --> 00:41:36,640
Само ћу направити Фаде Оут тако
можете погледати на то превише.

857
00:41:36,640 --> 00:41:38,100
Много лепше.

858
00:41:38,100 --> 00:41:41,150
>> А онда, ако сам отвори ЈаваСцрипт
утеши поново и ми желимо да видимо шта

859
00:41:41,150 --> 00:41:43,900
изгледа кад смо га фаде ин

860
00:41:43,900 --> 00:41:46,920
Сада, ја само позовем избледети у на њега.

861
00:41:46,920 --> 00:41:48,830
И она бледи назад унутра

862
00:41:48,830 --> 00:41:56,150
>> Слично томе, могли бисмо заправо такође проћи
Аргумент да бледи или фаде оут,

863
00:41:56,150 --> 00:41:57,640
који је, некако, брзина од тога.

864
00:41:57,640 --> 00:42:02,220
Дакле, идемо напред и рећи ми желимо
она се полако бледи унутра

865
00:42:02,220 --> 00:42:04,250
Тако да претпостављам да и даље изгледало
прилично брзо.

866
00:42:04,250 --> 00:42:06,180
Али то је био спорији него раније.

867
00:42:06,180 --> 00:42:10,340
>> ТОМАС Реимерс: А ако желите да пронађете
Више информација о овим стварима, опет,

868
00:42:10,340 --> 00:42:13,410
само идите на јКуери документацији,
које смо вам дали, и прочитајте

869
00:42:13,410 --> 00:42:13,735
кроз њих.

870
00:42:13,735 --> 00:42:15,790
Они документују своје функције
невероватно добро.

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> МИКЕ РИЗЗО: У реду.

873
00:42:19,570 --> 00:42:21,560
Претпостављам да се вратимо на ово.

874
00:42:21,560 --> 00:42:23,490
И можемо да причамо о нашој последњој страници.

875
00:42:23,490 --> 00:42:24,690
Па, можемо да завршимо са боотстрап.

876
00:42:24,690 --> 00:42:27,140
А онда ћемо га отворити
за поједина питања.

877
00:42:27,140 --> 00:42:30,180
А ако ви имате неке идеје које
желите да покушате да баци горе и види

878
00:42:30,180 --> 00:42:34,150
ако можемо да их спроводе у
ЈаваСцрипт брзо.

879
00:42:34,150 --> 00:42:37,890
>> Дакле, стварно брзо око боотстрап, који
је аутоматски укључена у

880
00:42:37,890 --> 00:42:41,700
твој последњи проблем постављен у ЦСС фолдеру
и заправо повезан са у вашем

881
00:42:41,700 --> 00:42:43,190
хеадер.пхп.

882
00:42:43,190 --> 00:42:46,740
Дакле, могли сте је додао да наставу
су дефинисани унутар боотстрап на њега.

883
00:42:46,740 --> 00:42:50,490
И то би аутоматски стилизован
те ствари сходно томе.

884
00:42:50,490 --> 00:42:54,550
>> ТОМАС Реимерс: Дакле боотстрап је веома
магична ствар развијен од стране људи

885
00:42:54,550 --> 00:42:55,340
на Твиттер.

886
00:42:55,340 --> 00:42:57,230
И оно што је требало да уради је -

887
00:42:57,230 --> 00:43:00,740
пре сајтови су били заиста тешко направити
изгледају лепо, поготово када смо имали

888
00:43:00,740 --> 00:43:02,200
много заједничких компоненти.

889
00:43:02,200 --> 00:43:04,770
Дакле, много дугмади на
Веб изгледао исто.

890
00:43:04,770 --> 00:43:08,960
>> Много текстуалних поља може се изјавити
изгледају боље од стандардног текста

891
00:43:08,960 --> 00:43:13,620
поље вероватно знате из стварно
стари сајтова или стварно лоше направљен

892
00:43:13,620 --> 00:43:18,210
сајтова, који само изгледају као буквалан
текстуалне кутије без било ком облику текста

893
00:43:18,210 --> 00:43:21,190
сенка или било какав лепо контуре.

894
00:43:21,190 --> 00:43:24,540
Дакле, шта је урадио боотстрап је то рекао, добро,
Имамо пуно заједничких стилова.

895
00:43:24,540 --> 00:43:28,210
Зашто не направити један заједнички скуп ЦСС
и заједнички скуп ЈаваСцрипт како

896
00:43:28,210 --> 00:43:32,210
добро, што може да стил као што је и који
може дати људима ствари као кап

897
00:43:32,210 --> 00:43:34,610
доле меније, који се дају људима
ствари као што су модалс.

898
00:43:34,610 --> 00:43:38,580
>> Модални је оно што се појављује на следећој страни
кад год је то строго говорећи

899
00:43:38,580 --> 00:43:41,090
нешто, што инхибира даље
интеракција до тебе

900
00:43:41,090 --> 00:43:43,110
интеракцију са њом.

901
00:43:43,110 --> 00:43:45,820
Нешто овако је, да ли си сигуран
желите да избришете ово?

902
00:43:45,820 --> 00:43:49,100
Ви не можете учинити ништа друго
док ви кажете да или не.

903
00:43:49,100 --> 00:43:52,720
>> Требало је све ово и то је упаковано
заједно и рекао, идемо.

904
00:43:52,720 --> 00:43:54,630
Људи сада могу да користе ово.

905
00:43:54,630 --> 00:43:56,830
А можете га наћи преко
у гетбоотстрап.цом.

906
00:43:56,830 --> 00:44:00,480
Је аутоматски укључени у
твој последњи проблем сет.

907
00:44:00,480 --> 00:44:04,160
И ви сте више него добродошли да
користите га на завршном пројекту.

908
00:44:04,160 --> 00:44:06,950
А ако желите да пратите да
повезати да се боотстрап.

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> Ви ћете овде видети је
Боотстрап ЦСС сајт.

911
00:44:15,700 --> 00:44:16,860
Видећете Боотстрап.

912
00:44:16,860 --> 00:44:20,450
А ако дођете доле, видећете
како да га преузмете, како да

913
00:44:20,450 --> 00:44:21,900
инсталирајте га, и тако даље.

914
00:44:21,900 --> 00:44:24,700
>> МИКЕ РИЗЗО: И ви такође можете,
интересантно је, да је прилагодите на

915
00:44:24,700 --> 00:44:27,770
бити каква год тема
који желите.

916
00:44:27,770 --> 00:44:31,270
Ја знам да је то нешто што сам урадио за мој
Коначна пројекат када сам узео класу

917
00:44:31,270 --> 00:44:32,050
био је прилагодите.

918
00:44:32,050 --> 00:44:34,540
Другачија верзија Боотстрап да
имао другачији боја и

919
00:44:34,540 --> 00:44:36,700
различити облици неких
различите ствари.

920
00:44:36,700 --> 00:44:38,250
Зато сам вам и да се играју са тим.

921
00:44:38,250 --> 00:44:39,440
То је врста забаве да раде.

922
00:44:39,440 --> 00:44:43,230
>> ТОМАС Реимерс: Гледајући на врху
Опет, то је веома сличан Фонт

923
00:44:43,230 --> 00:44:44,970
Страшан сајт.

924
00:44:44,970 --> 00:44:47,810
Много документације ће почети
да изгледа као када сте

925
00:44:47,810 --> 00:44:48,940
Доста тога видели.

926
00:44:48,940 --> 00:44:51,260
Дакле, овде имамо ЦСС
компонента овог.

927
00:44:51,260 --> 00:44:53,540
И ви ћете видети како је
могу обликовати ствари.

928
00:44:53,540 --> 00:44:56,780
Дакле, ако кликнете на столовима, на пример,
можете одмах направити

929
00:44:56,780 --> 00:45:01,710
табела прилично једноставним додавањем
класа сто на њега.

930
00:45:01,710 --> 00:45:03,150
>> Исте ствари за дугмад.

931
00:45:03,150 --> 00:45:12,140
Ако сте једноставно додате класе и БТН БТН
дефаулт или БТН примарни, можете

932
00:45:12,140 --> 00:45:16,240
добити било који од ових тастера
са овим готових стилова.

933
00:45:16,240 --> 00:45:18,570
А онда, ако сте у потрази за
нешто сложенији него једноставно

934
00:45:18,570 --> 00:45:24,100
Рестилинг шта В већ имају, преко на
Јава картица преко горњем ми

935
00:45:24,100 --> 00:45:25,120
имају гомилу компоненти.

936
00:45:25,120 --> 00:45:30,410
>> Дакле, овде имамо прелаза, модалс,
падајућим листама, картице, и описе алатки.

937
00:45:30,410 --> 00:45:35,530
Тоолтип је оно што се појављује под вашом
миша када пређете на нешто.

938
00:45:35,530 --> 00:45:40,280
Поповерс, упозорења, дугмад, склапање
хармонике је оно

939
00:45:40,280 --> 00:45:41,190
они обично зову.

940
00:45:41,190 --> 00:45:43,045
Карусел, који Флип
преко попут слике.

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> Дакле, то су компоненте
од Боотстрап.

943
00:45:54,840 --> 00:45:57,620
Ја бих вам и да
високо иди погледај их.

944
00:45:57,620 --> 00:46:01,780
Постоји ЈаваСкрипт компонента
и ЦСС компонента.

945
00:46:01,780 --> 00:46:03,880
Слободно их користите као хоћеш.

946
00:46:03,880 --> 00:46:06,730
Нећемо да идемо превише у њих
јер осећамо документацију

947
00:46:06,730 --> 00:46:09,360
је заиста добро урађено.

948
00:46:09,360 --> 00:46:10,540
И да.

949
00:46:10,540 --> 00:46:14,500
Да ли имате било каквих питања у вези тога?

950
00:46:14,500 --> 00:46:19,430
>> МИКЕ РИЗЗО: Дакле, као што су заиста брзо
стране, дизајн овог веб странице које

951
00:46:19,430 --> 00:46:21,830
брзо смо саставили за
ово је презентација

952
00:46:21,830 --> 00:46:24,290
заправо ради коришћењем боотстрап.

953
00:46:24,290 --> 00:46:27,810
Као што можете видети, када кликнемо на ово
различите картице, ми смо заправо никада

954
00:46:27,810 --> 00:46:30,750
остављајући ову тренутну индек.хтмл страну.

955
00:46:30,750 --> 00:46:36,400
Дакле, оно што смо различити Дивс
у оквиру овог индек.хтмл.

956
00:46:36,400 --> 00:46:39,610
А онда, кад год смо кликните другачији
картици, то је само мења

957
00:46:39,610 --> 00:46:41,590
који нечија приказивање.

958
00:46:41,590 --> 00:46:47,390
>> Тако да их у складу са тим положајима,
мења ХТМЛ странице, тако да

959
00:46:47,390 --> 00:46:52,330
картица струја је означена као активна тако
то другачије и изглед појављује

960
00:46:52,330 --> 00:46:52,820
стварно лепо.

961
00:46:52,820 --> 00:46:57,260
>> ТОМАС Реимерс: Значи да је све урађено
без нас писања скоро сваки ЦСС.

962
00:46:57,260 --> 00:47:01,440
Ми такође видимо заглавље на врху,
које су боје од нас.

963
00:47:01,440 --> 00:47:04,800
Али стварни стављајући га на
врх стране и прављење

964
00:47:04,800 --> 00:47:06,660
то померање је боотстрап.

965
00:47:06,660 --> 00:47:09,720
И онда чак и за другу библиотеку - ово
није једна смо разговарали о томе, али један

966
00:47:09,720 --> 00:47:11,580
можете Гоогле-ако желиш.

967
00:47:11,580 --> 00:47:15,130
Ово се назива преттифи.јс.

968
00:47:15,130 --> 00:47:20,650
И то ће синтаксе истакне свој код
за вас користећи и ЦСС и ЈаваСцрипт.

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> Последња ствар коју желим да причам о томе
пре него што вас пустите напоље у

971
00:47:27,070 --> 00:47:30,620
свет да погледате библиотекама да схватим
како да их користе и да, надам се,

972
00:47:30,620 --> 00:47:34,640
прочитајте документацију и пронађете оно што
потребно је како пронаћи библиотеке.

973
00:47:34,640 --> 00:47:37,000
Дакле, прво је што смо управо
ће да гура Гоогле.

974
00:47:37,000 --> 00:47:37,810
Иди Гоогле.

975
00:47:37,810 --> 00:47:41,150
>> То је буквално оно што радимо када смо
Потребно је да урадите нешто што је Гоогле.

976
00:47:41,150 --> 00:47:44,730
Да ли постоји ЈаваСцрипт библиотека која
ми омогућава да манипулише временом у

977
00:47:44,730 --> 00:47:45,400
користан начин?

978
00:47:45,400 --> 00:47:49,510
Дакле, ако ја знам да неки корисник стварање
налог овде, и то је

979
00:47:49,510 --> 00:47:53,010
тренутно време, како могу израчунати
разлика са да без потребе да

980
00:47:53,010 --> 00:47:55,020
израчунати га се?

981
00:47:55,020 --> 00:47:59,630
Дакле, ово је заправо уобичајена ствар,
ЈаваСцрипт библиотека време.

982
00:47:59,630 --> 00:48:02,440
И овде ми Момент.јс--
најпопуларнији.

983
00:48:02,440 --> 00:48:06,530
>> Ако треба библиотеку да манипулише
нешто као боја да би могли да

984
00:48:06,530 --> 00:48:08,650
генерисати гомилу насумичних боја -

985
00:48:08,650 --> 00:48:10,660
евентуално, да генерише
стил или нешто -

986
00:48:10,660 --> 00:48:13,480
могли бисмо нешто попут Гоогле-
ЈаваСцрипт библиотека боја.

987
00:48:13,480 --> 00:48:15,620
И ја сам сигуран да ће се појавити са
хиљаду и један од њих.

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
Ви сте добродошли да прочитате кроз њих.

990
00:48:21,410 --> 00:48:24,610
>> Дакле, већина ствари - када сте их наћи -
ће бити домаћин на једном од

991
00:48:24,610 --> 00:48:25,920
сајтови који домаћин број.

992
00:48:25,920 --> 00:48:26,960
Они су неколико популарних оне.

993
00:48:26,960 --> 00:48:30,870
Најпопуларнији, по
сада, је гитхуб.цом.

994
00:48:30,870 --> 00:48:35,300
А ако идете на ГитХуб то је заправо
где је домаћин Нормализуј.

995
00:48:35,300 --> 00:48:36,950
Дакле, ако желите да се вратите на то.

996
00:48:36,950 --> 00:48:38,135
Покажите им да.

997
00:48:38,135 --> 00:48:40,516
>> МИКЕ РИЗЗО: И то је заправо где
ово је превише домаћин, ако сте приметили.

998
00:48:40,516 --> 00:48:41,000
>> ТОМАС Реимерс: Да.

999
00:48:41,000 --> 00:48:49,078
Дакле, ако идете преко да се нормализује
и идите на ГитХуб.

1000
00:48:49,078 --> 00:48:51,936
Да ли је то?

1001
00:48:51,936 --> 00:48:54,620
>> МИКЕ РИЗЗО: Та мала мачка ствар
је симбол ГитХуб.

1002
00:48:54,620 --> 00:48:56,330
>> ТОМАС Реимерс: О.

1003
00:48:56,330 --> 00:49:02,180
Дакле ГитХуб користи метод назван
Гит за чување кода.

1004
00:49:02,180 --> 00:49:05,150
Да ли ви не знате шта је то или
она вас плаши, то је у реду.

1005
00:49:05,150 --> 00:49:16,100
Не морате да знате шта је Гит
јер ГитХуб има дугме Преузми

1006
00:49:16,100 --> 00:49:17,200
у доњем десном углу.

1007
00:49:17,200 --> 00:49:21,350
>> Други корисна ствар знати
о ГитХуб је већина производа

1008
00:49:21,350 --> 00:49:23,200
ће имати ме читају.

1009
00:49:23,200 --> 00:49:25,400
А ако немају сајт,
прочитајте ми ћемо говорити о томе како сте

1010
00:49:25,400 --> 00:49:28,310
инсталирајте га, како да га користите, шта је то
ради, и тако даље, и тако даље, и тако даље.

1011
00:49:28,310 --> 00:49:31,033
Оно што смо у основи били
хода кроз вас.

1012
00:49:31,033 --> 00:49:32,326
>> МИКЕ РИЗЗО: Прекидам интернета.

1013
00:49:32,326 --> 00:49:34,020
>> ТОМАС Реимерс: То је у реду.

1014
00:49:34,020 --> 00:49:36,980
Последње две ствари које смо желели
да говоре о -

1015
00:49:36,980 --> 00:49:38,750
смо разговарали о Гит -

1016
00:49:38,750 --> 00:49:40,290
је решавање проблема.

1017
00:49:40,290 --> 00:49:43,020
А ова није толико релевантан за
финални производ као што је

1018
00:49:43,020 --> 00:49:44,870
када изађете 50.

1019
00:49:44,870 --> 00:49:48,310
А када наиђете на производе
спровођење библиотеке или спровођење

1020
00:49:48,310 --> 00:49:50,230
свој пројекат, идете
да имате питања или сте

1021
00:49:50,230 --> 00:49:51,660
ће тражити питања.

1022
00:49:51,660 --> 00:49:53,060
>> Опет, Гоогле ит.

1023
00:49:53,060 --> 00:49:54,630
То је буквално оно што радимо.

1024
00:49:54,630 --> 00:49:56,400
Ово ће звучати глупо.

1025
00:49:56,400 --> 00:49:58,310
Али буквално, ми то Гоогле.

1026
00:49:58,310 --> 00:50:01,810
И опет, једна од првих ствари
обично ћете наићи на је

1027
00:50:01,810 --> 00:50:06,550
стацковерфлов.цом, који је диван
Питање и одговор призор.

1028
00:50:06,550 --> 00:50:10,530
>> То је дивно и зато што можете
поставите питања и тражити

1029
00:50:10,530 --> 00:50:12,760
одговори, али и због тога што
већ има много

1030
00:50:12,760 --> 00:50:14,590
пре насељена тамо садржаја.

1031
00:50:14,590 --> 00:50:18,510
Дакле, обично када Гоогле-програмирање
питање у први

1032
00:50:18,510 --> 00:50:22,620
пар хитова можда сте већ покренули
у њега током твој проблем сетовима.

1033
00:50:22,620 --> 00:50:27,840
>> А онда, заиста последња ствар кратак
је ЈСФИДДЛЕ, који је - данас имамо

1034
00:50:27,840 --> 00:50:32,110
радили доста посла са
ХТМЛ ЦСС и ЈаваСцрипт.

1035
00:50:32,110 --> 00:50:39,820
ЈСФИДДЛЕ је веб апликација, која у основи
омогућава вам да понесете ХТМЛ, ваш

1036
00:50:39,820 --> 00:50:42,820
Јава дно лево, и
Ваш ЦСС врх праву.

1037
00:50:42,820 --> 00:50:47,840
И онда то може створити брз рендер
од га и видите како реагује.

1038
00:50:47,840 --> 00:50:50,500
То је веома корисно када људи покушавају
да урадите као доказ концепта

1039
00:50:50,500 --> 00:50:52,910
ово је како би
урадите падајући мени.

1040
00:50:52,910 --> 00:50:54,980
Можда брзо открили или шта год.

1041
00:50:54,980 --> 00:50:56,560
>> МИКЕ РИЗЗО: Па идемо
напред и кликните на ово.

1042
00:50:56,560 --> 00:50:57,820
Куицк Ноте -

1043
00:50:57,820 --> 00:51:00,430
а, пре него што смо били
ради на клик.

1044
00:51:00,430 --> 00:51:04,380
Испада ЈЦореи Кореја такође има изграђен
у клик догађај руковалац који се

1045
00:51:04,380 --> 00:51:07,020
користи само зато што си фигурес
ће желети да урадите много ствари

1046
00:51:07,020 --> 00:51:08,410
када желите да кликнете нешто.

1047
00:51:08,410 --> 00:51:09,690
>> Слично томе, она такође има лебди.

1048
00:51:09,690 --> 00:51:12,850
Али да бисте добили пун обим
оне, погледајте јКуери

1049
00:51:12,850 --> 00:51:15,320
документација и уради то.

1050
00:51:15,320 --> 00:51:18,760
Урадио сам нешто глупо овде.

1051
00:51:18,760 --> 00:51:21,490
>> ТОМАС Реимерс: Па ја имам стварно брзо
Програм управо овде, који каже

1052
00:51:21,490 --> 00:51:22,640
дугме на клик.

1053
00:51:22,640 --> 00:51:23,890
Онда имамо за петљу.

1054
00:51:23,890 --> 00:51:26,810
За и је мање од 404.

1055
00:51:26,810 --> 00:51:29,530
Само ће се појавити
ове поруке упозорења.

1056
00:51:29,530 --> 00:51:33,425
>> МИКЕ РИЗЗО: А шта је било
код 404 је стајао за ХТМЛ?

1057
00:51:33,425 --> 00:51:34,145
Да ли се ико сећа?

1058
00:51:34,145 --> 00:51:35,450
Није пронађен, десно.

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
Цхроме је додао овај уредан
ствар где можете -

1061
00:51:40,885 --> 00:51:43,430
>> ТОМАС Реимерс: Зато што људи као
Мајк почео да радим ово много и

1062
00:51:43,430 --> 00:51:47,230
досадне корисника, који омогућава
да видите информације.

1063
00:51:47,230 --> 00:51:48,286
>> МИКЕ РИЗЗО: Да.

1064
00:51:48,286 --> 00:51:50,690
>> ТОМАС Реимерс: Да ли имате било каквих питања
о овоме, о ЈаваСцрипт

1065
00:51:50,690 --> 00:51:53,420
библиотеке, библиотеке, или проналажење
шта веб девелопмент изглед

1066
00:51:53,420 --> 00:51:55,400
као у стварном свету?

1067
00:51:55,400 --> 00:51:56,880
Ми Понестаје против времена.

1068
00:51:56,880 --> 00:52:00,400
Тако да нисам сигуран да ћемо
да имају времена да спроведе

1069
00:52:00,400 --> 00:52:02,290
осим ако је то стварно брзо.

1070
00:52:02,290 --> 00:52:04,580
Да ли смо добро?

1071
00:52:04,580 --> 00:52:08,110
>> МИКЕ РИЗЗО: Анитхинг ви желели
да видимо заиста брзо у, као, два

1072
00:52:08,110 --> 00:52:09,556
минута или мање?

1073
00:52:09,556 --> 00:52:10,870
>> ТОМАС Реимерс: Све
можемо појаснити?

1074
00:52:10,870 --> 00:52:12,500
Како написати у -

1075
00:52:12,500 --> 00:52:13,260
>> ПУБЛИКА: [ИНАУДИБЛЕ]?

1076
00:52:13,260 --> 00:52:16,070
>> МИКЕ РИЗЗО: Да, тако то је -

1077
00:52:16,070 --> 00:52:18,065
>> ТОМАС Реимерс: Можете само да удари
Контрола-У на сајту.

1078
00:52:18,065 --> 00:52:19,275
>> МИКЕ РИЗЗО: О, нисам знао.

1079
00:52:19,275 --> 00:52:22,290
>> ТОМАС Реимерс: Ја мислим, да.

1080
00:52:22,290 --> 00:52:23,300
Контрола-У. Да.

1081
00:52:23,300 --> 00:52:25,970
>> МИКЕ РИЗЗО: О, па то је
код за сајт.

1082
00:52:25,970 --> 00:52:29,580
Али ако заиста желите да преузмете наш
датотеке и све, она је домаћин

1083
00:52:29,580 --> 00:52:32,650
на гитхуб.цом

1084
00:52:32,650 --> 00:52:34,850
>> ТОМАС Реимерс: сласх моје име -

1085
00:52:34,850 --> 00:52:38,504
Томас Реимерс - коса црта
ЦС50 цртица Семинар.

1086
00:52:38,504 --> 00:52:40,710
>> МИКЕ РИЗЗО: А можете
наћи све тамо.

1087
00:52:40,710 --> 00:52:42,310
>> ТОМАС Реимерс: То је оно што ГитХуб
изгледа, успут.

1088
00:52:42,310 --> 00:52:44,910
Па опет, кад видите отворени извор
пројекат, обично, они ће бити прочитана

1089
00:52:44,910 --> 00:52:45,950
ми тамо да можете да прочитате.

1090
00:52:45,950 --> 00:52:50,200
А ако се вратите, ви ћете приметити да
имате довнлоад зип, који ће

1091
00:52:50,200 --> 00:52:52,130
омогућавају вам да преузмете извор
код да укључи

1092
00:52:52,130 --> 00:52:53,666
производ у вашој ствари.

1093
00:52:53,666 --> 00:52:56,890
>> МИКЕ РИЗЗО: Да, и ако ми само кликните
на индек.хтмл заиста брзо -

1094
00:52:56,890 --> 00:52:59,180
>> ТОМАС Реимерс: Ви ћете овде видети је
изворни код за наш веб сајт.

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> МИКЕ РИЗЗО: Такође, заборавила сам да гура у праву
пре са великим столом она

1097
00:53:06,070 --> 00:53:09,860
укључени, али такође постоји табела
од цхмодс да смо укључени

1098
00:53:09,860 --> 00:53:13,210
Само за вашу јасноће.

1099
00:53:13,210 --> 00:53:16,940
Али ако дођите сви пут доле да се
дно, нисмо заправо чине веома

1100
00:53:16,940 --> 00:53:21,160
много са ЈаваСцрипт
ствари уопште са овим.

1101
00:53:21,160 --> 00:53:26,610
То је искључиво од свега
остало што смо имали.

1102
00:53:26,610 --> 00:53:28,730
>> Дакле, хвала вам момци за долазак
и слушање.

1103
00:53:28,730 --> 00:53:29,830
Надамо се да је ово заиста корисно.

1104
00:53:29,830 --> 00:53:33,020
Ако имате било какав ЈаваСцрипт вези
питања или само желе да разговарају о

1105
00:53:33,020 --> 00:53:36,240
шта се свиђа оно друге цоол ствари
можете да урадите са ЈаваСцрипт, волели би

1106
00:53:36,240 --> 00:53:37,186
да разговарам са тобом.

1107
00:53:37,186 --> 00:53:40,010
>> ТОМАС Реимерс: Ако имате питање
о вашем пројекту или ако то може бити

1108
00:53:40,010 --> 00:53:42,740
релевантно, ми ћемо вероватно остати овде
мало после тога.

1109
00:53:42,740 --> 00:53:44,640
Али осим тога, имају
добар викенд.

1110
00:53:44,640 --> 00:53:45,845
>> МИКЕ РИЗЗО: Да, уживајте.

1111
00:53:45,845 --> 00:53:46,120
Видимо се момци.

1112
00:53:46,120 --> 00:53:47,370
>> ТОМАС Реимерс: Видимо се.

1113
00:53:47,370 --> 00:53:47,926