1
00:00:00,000 --> 00:00:10,632

2
00:00:10,632 --> 00:00:12,340
ALLISON BUCHHOLTZ-о:
Сите права секого.

3
00:00:12,340 --> 00:00:13,520
Добредојдовте назад на секција.

4
00:00:13,520 --> 00:00:15,315
Тоа е нашата претпоследниот дел.

5
00:00:15,315 --> 00:00:16,542
Тоа е толку тажна.

6
00:00:16,542 --> 00:00:19,500
Јас не знам што јас ќе одам да направите
без да се види дека вие момци секој понеделник.

7
00:00:19,500 --> 00:00:20,970
Претпоставувам дека треба да just--
можеби и ние може само да

8
00:00:20,970 --> 00:00:22,710
сретнам и ќе имаме вечера или нешто слично.

9
00:00:22,710 --> 00:00:23,270
Не знам.

10
00:00:23,270 --> 00:00:24,370
Јас ќе донесе храна, наместо.

11
00:00:24,370 --> 00:00:26,290
Ние само ќе разговараме.

12
00:00:26,290 --> 00:00:29,900
Но да, следната недела ќе го
биде нашата последна секција.

13
00:00:29,900 --> 00:00:32,390
>> На тој белешка, имате квиз следната недела.

14
00:00:32,390 --> 00:00:35,660
Знам дека сум заборавил да го дадам, како,
две недели претходно известување минатата недела,

15
00:00:35,660 --> 00:00:39,140
но се надевам дека вие момци
знаеше ова доаѓа.

16
00:00:39,140 --> 00:00:42,880
Се надевам дека ова е еден од последните
midterms за вас момци за семестар.

17
00:00:42,880 --> 00:00:46,950
Но, тоа се случува да се покријат сите
материјал што ние сме го завршена.

18
00:00:46,950 --> 00:00:50,811
Значи тоа не е како што само може да се заборави
околу четири јамки или променливи.

19
00:00:50,811 --> 00:00:52,560
Затоа што сме научиле
оние кои се во почетокот,

20
00:00:52,560 --> 00:00:55,870
тие се очигледно
фер игра за вашиот квиз.

21
00:00:55,870 --> 00:01:00,150
>> Тоа се случува да биде ист формат, истиот
должина, така што веќе се навикнати на тоа.

22
00:01:00,150 --> 00:01:02,330
Постојат ќе биде
кодирање со рака проблеми,

23
00:01:02,330 --> 00:01:06,270
можеби и некои вистински лажни,
можеби некој краток одговор.

24
00:01:06,270 --> 00:01:08,090
Значи, вие треба да бидат
запознаени со формат,

25
00:01:08,090 --> 00:01:10,940
особено ако се земе
на пракса тестови.

26
00:01:10,940 --> 00:01:13,950
Но, како што велат овде, тоа е
кумулативни, но ние сме дефинитивно

27
00:01:13,950 --> 00:01:17,410
ќе треба да се фокусира на
работите од шест наваму недела.

28
00:01:17,410 --> 00:01:24,050
Значи, ние сме веројатно нема
да ве прашам за колку бајти

29
00:01:24,050 --> 00:01:26,180
се во секој вид или
овие видови на нештата,

30
00:01:26,180 --> 00:01:29,730
но ние сме веројатно нема да биде
заинтересирани за нешта како се поврзани листи,

31
00:01:29,730 --> 00:01:32,750
или различни структури на податоци,
или различни алгоритми

32
00:01:32,750 --> 00:01:33,960
дека ние сме зборуваше.

33
00:01:33,960 --> 00:01:38,990
Така осигурајте се дека сте навистина
врз оние, и ако

34
00:01:38,990 --> 00:01:41,590
потребни никакви ресурси,
тука е многу ресурси.

35
00:01:41,590 --> 00:01:44,790
Јас само ви даде вид
на брз листа таму.

36
00:01:44,790 --> 00:01:48,330
>> Следната недела ќе биде квиз
се видат во ова време.

37
00:01:48,330 --> 00:01:52,290
Значи, ако имате било какви прашања
или специфични теми,

38
00:01:52,290 --> 00:01:56,180
одредени работи за кои квиз
што би сакале да поминат, ве молиме

39
00:01:56,180 --> 00:02:01,780
да ги испратите на мене пред време, така што можам
вид подготви некои материјал за тоа.

40
00:02:01,780 --> 00:02:06,310
И покрај ова
делот преглед, ние ќе

41
00:02:06,310 --> 00:02:09,616
исто така, да се држи курсот на ниво
се видат како што правевме последен пат.

42
00:02:09,616 --> 00:02:11,490
И тоа се случува да биде
направено од страна на истите луѓе.

43
00:02:11,490 --> 00:02:13,030
Јас не знам дали тоа
прави подобро или полошо,

44
00:02:13,030 --> 00:02:15,670
но тоа се случува да ми биде,
Хана, Davan и Габе повторно.

45
00:02:15,670 --> 00:02:18,630
Значи, ако сакате да се види
сите нас шеги едни со други

46
00:02:18,630 --> 00:02:21,270
и ви прошетка низ квиз
преглед, дефинитивно треба да

47
00:02:21,270 --> 00:02:22,600
дојде до следниот понеделник, исто така.

48
00:02:22,600 --> 00:02:26,210
Значи, вие само ќе треба понеделник џем
спакувани на квизот преглед, кој е добар

49
00:02:26,210 --> 00:02:29,840
затоа што тогаш имате вторник
да се процесира преку сè.

50
00:02:29,840 --> 00:02:32,230
>> Но, дефинитивно не се провери
на овие ресурси.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net е далеку, јас
мислам, една од најпознатите корисни,

52
00:02:36,030 --> 00:02:37,990
најмногу поради тоа што има
многу примерок код,

53
00:02:37,990 --> 00:02:40,490
таа ги има сите штекерите
со сите белешки на тоа,

54
00:02:40,490 --> 00:02:44,510
кои се навистина она што го привлече повеќето
на мојот дел од материјали.

55
00:02:44,510 --> 00:02:47,480
Ако има нешто во претходната
делови кои можеби сум испрати

56
00:02:47,480 --> 00:02:49,920
дека не може да има
добиле, само да ме известите.

57
00:02:49,920 --> 00:02:52,520
Како и минатата недела примерок код,
ако некој не се тоа,

58
00:02:52,520 --> 00:02:55,930
само ми мејл или се разговара со мене,
и јас ќе бидете сигурни дека ќе го добиете тоа.

59
00:02:55,930 --> 00:03:02,000
>> Така да со тоа, денес ние ќе се обидеме
да се зборува за JavaScript.

60
00:03:02,000 --> 00:03:04,690
Значи тука сме Томи, кој сум
само да разговараат со вас минатата ноќ.

61
00:03:04,690 --> 00:03:06,670
Сакам Томи.

62
00:03:06,670 --> 00:03:09,040
JavaScript е неговата омилена
јазик, како што вели тој тука.

63
00:03:09,040 --> 00:03:14,050
Тие ќе се обидат и да ви кажам дека тоа е
не е најдобар, и тие ќе бидат во ред.

64
00:03:14,050 --> 00:03:16,510
Значи Томи е да го вклучите Javascript господар.

65
00:03:16,510 --> 00:03:19,850
Јас не сум сосема во неговиот
ниво, но јас бев како,

66
00:03:19,850 --> 00:03:22,900
"Томи, како можам да ги учат
овие деца да го вклучите Javascript? "

67
00:03:22,900 --> 00:03:26,700
Значи, добив неколку совети, па
се надевам дека тие работат надвор.

68
00:03:26,700 --> 00:03:31,140
>> Така неколку работи кои треба да се знае е дека
JavaScript е клиент-side scripting

69
00:03:31,140 --> 00:03:35,560
јазик, па со оглед на PHP е нешто
кои ги смета за повеќе од страна на серверот,

70
00:03:35,560 --> 00:03:39,280
тоа беше испратите до серверот,
Составувач и егзекутирани таму.

71
00:03:39,280 --> 00:03:42,871
Ова се извршува
на вашата машина.

72
00:03:42,871 --> 00:03:43,370
Во ред?

73
00:03:43,370 --> 00:03:46,960
Така да се вчита некои го вклучите Javascript-страница,
и го извршува на Вашиот компјутер.

74
00:03:46,960 --> 00:03:49,910
Синтаксата е многу сличен на C и PHP.

75
00:03:49,910 --> 00:03:52,490
Ние сме случува да поминат низ
некои примери на JavaScript,

76
00:03:52,490 --> 00:03:56,740
и си оди да се види дека
начинот на кој ние се зборува за променливите, петелки,

77
00:03:56,740 --> 00:03:58,910
и условите се многу слични.

78
00:03:58,910 --> 00:04:00,500
Во ред?

79
00:04:00,500 --> 00:04:04,490
Фактот дека тие се толку слични е
веројатно нема да се патувањето некои од вас

80
00:04:04,490 --> 00:04:08,529
нагоре, во некои случаи, само затоа што
ќе се вклучат малку C

81
00:04:08,529 --> 00:04:09,570
таму каде што не треба да биде.

82
00:04:09,570 --> 00:04:14,130
Можеби се обидувате и напишете нешто
кога тоа не треба да се внесе.

83
00:04:14,130 --> 00:04:16,540
>> И на тоа, едно нешто да се
знам е дека го вклучите Javascript-

84
00:04:16,540 --> 00:04:19,360
е динамички отчукува
јазик како PHP.

85
00:04:19,360 --> 00:04:21,410
Значи, ако вие момци се сеќавам
од делот на минатата недела,

86
00:04:21,410 --> 00:04:23,680
кога бевме работејќи
нашите PHP несреќата се разбира,

87
00:04:23,680 --> 00:04:28,860
видовме како стринг би можело да биде
се претвори во цел број еден, и така натаму.

88
00:04:28,860 --> 00:04:31,650

89
00:04:31,650 --> 00:04:34,850
Тип на променливите
се утврдени во рок време,

90
00:04:34,850 --> 00:04:38,180
така што тие може да го промени текот на
За време на програмата,

91
00:04:38,180 --> 00:04:43,109
и на ист начин на кој што никогаш
навистина прогласи видови на PHP променливи,

92
00:04:43,109 --> 00:04:45,900
ние ќе треба да се прават истото
нешто овде, каде што ние не сме навистина

93
00:04:45,900 --> 00:04:49,740
контрола на видови на нашите променливи,
така да се каже, како што го правиме во В.

94
00:04:49,740 --> 00:04:52,200
>> И тогаш едно нешто
тоа е прилично кул е

95
00:04:52,200 --> 00:04:54,090
кои можете да ги грешка
провери преку конзола,

96
00:04:54,090 --> 00:04:57,240
со оваа голема функција
console.log, што

97
00:04:57,240 --> 00:05:00,930
ви овозможува да печатите на различни
променливи или предмети кои ќе

98
00:05:00,930 --> 00:05:01,750
се зборува.

99
00:05:01,750 --> 00:05:05,720
Исто како и минатата недела, кога бев
како, "ја користите оваа функција", со депонија

100
00:05:05,720 --> 00:05:10,490
од вашиот pset ова е функција
сакате да го користите, console.log.

101
00:05:10,490 --> 00:05:12,860
Бев толку изненадени колку многу
студенти на работното време

102
00:05:12,860 --> 00:05:14,530
не знаат за депонија функција.

103
00:05:14,530 --> 00:05:19,010
И јас бев како, "момци, ова ќе
го направат вашиот живот многу полесно. "

104
00:05:19,010 --> 00:05:22,960
>> Сите во право, па тоа беше вид на
само еден краток работа, како и секогаш,

105
00:05:22,960 --> 00:05:24,000
Имаме примери.

106
00:05:24,000 --> 00:05:25,600
Знам дека вие момци сакам оние.

107
00:05:25,600 --> 00:05:30,930
Па еве еден пример на многу
едноставно го вклучите Javascript-датотека тука.

108
00:05:30,930 --> 00:05:34,000
Така, тоа е само ќе треба да се создаде
овој pop-up кој се вели дека,

109
00:05:34,000 --> 00:05:36,336
"Здраво", кога ќе
влезат на страницата, но ајде

110
00:05:36,336 --> 00:05:37,960
се обиде и да одат преку овој малку.

111
00:05:37,960 --> 00:05:43,440
Значи очигледно ова е само
како и вашата нормална index.html.

112
00:05:43,440 --> 00:05:50,280
Значи, само нашата нормална дефиниција тука,
и ние имаме HTML, имаме нашата глава,

113
00:05:50,280 --> 00:05:55,580
и исто како и со CSS, како ние
вклучени некои надвор датотека, нели?

114
00:05:55,580 --> 00:05:59,260
Имаме некои скрипта тип
текст кој е да го вклучите Javascript.

115
00:05:59,260 --> 00:06:02,680
И изворот е hello.js,
кој е овде долу.

116
00:06:02,680 --> 00:06:05,630
Ова е целата датотека на hello.js.

117
00:06:05,630 --> 00:06:09,080
И тогаш имаме некои
насловот и некои тело HTML

118
00:06:09,080 --> 00:06:11,050
дека ние не навистина се грижат.

119
00:06:11,050 --> 00:06:15,970
>> Што се случува е, кога ќе се вчита оваа страница,
тој автоматски ја извршува оваа скрипта.

120
00:06:15,970 --> 00:06:16,470
Во ред?

121
00:06:16,470 --> 00:06:18,790
Така ќе го вклучите Javascript-
се изврши автоматски.

122
00:06:18,790 --> 00:06:22,860
Значи она што се случува да се направи, тоа се случува
веднаш да одат и да се изврши тоа.

123
00:06:22,860 --> 00:06:24,110
И тоа се случува да се каже, "тревога.

124
00:06:24,110 --> 00:06:25,190
Здраво светот ".

125
00:06:25,190 --> 00:06:30,840
Кои алармирање е функција која
всушност генерира оваа кутија.

126
00:06:30,840 --> 00:06:31,540
Во ред?

127
00:06:31,540 --> 00:06:33,390
Така, тоа е вид на сите вградени.

128
00:06:33,390 --> 00:06:36,700
Нема ништо екстра моравме
да се направи освен само на алармирање,

129
00:06:36,700 --> 00:06:40,000
а потоа она што сакавме
во рамките на нашите алармирање кутија.

130
00:06:40,000 --> 00:06:40,500
Во ред?

131
00:06:40,500 --> 00:06:45,080
Значи тоа е само супер едноставен
пример за тоа што го вклучите Javascript-може да го направи.

132
00:06:45,080 --> 00:06:48,110

133
00:06:48,110 --> 00:06:50,070
>> Една од навистина кул
работи, како што ќе видиме,

134
00:06:50,070 --> 00:06:55,150
е тоа што ви овозможува да го вклучите Javascript
да манипулира со вашите веб страни,

135
00:06:55,150 --> 00:06:57,720
без да се
да ја превчитате во секое време.

136
00:06:57,720 --> 00:07:01,830
Значи, ако сте want-- на пример, ако
ќе се лебди над нешто,

137
00:07:01,830 --> 00:07:04,300
ако вие момци некогаш имаат
види како менија,

138
00:07:04,300 --> 00:07:07,360
или кога ќе лебдат над некои
тема, се појавува опаѓачкото мени,

139
00:07:07,360 --> 00:07:08,670
тоа е затоа што на JavaScript.

140
00:07:08,670 --> 00:07:09,170
Во ред?

141
00:07:09,170 --> 00:07:12,670
Значи, вие не сте претовар на целиот
страница да се добие ова мени да се појавиш,

142
00:07:12,670 --> 00:07:17,240
сте само барате некои специфични
акција што корисникот има преземено,

143
00:07:17,240 --> 00:07:21,800
кои се нарекуваат настани кои ние ќе добиете
во, и штом еднаш ќе сфатат тоа, така да се каже,

144
00:07:21,800 --> 00:07:25,960
"Добро, уредувате нешто на овој
страница и да го направите да изгледа различно,

145
00:07:25,960 --> 00:07:28,270
но само уредувате овие специфични нешта.

146
00:07:28,270 --> 00:07:29,690
Не ја превчитате целата работа. "

147
00:07:29,690 --> 00:07:33,110
Така, тоа всушност е многу поубав, и
вие не мора да ја превчитате вашите страници,

148
00:07:33,110 --> 00:07:34,510
и тоа е навистина кул.

149
00:07:34,510 --> 00:07:38,270
>> Значи променливи декларации,
па можете вид на може да се види,

150
00:07:38,270 --> 00:07:40,530
Ја ставив на врвот тука, лабаво отчукува.

151
00:07:40,530 --> 00:07:42,570
Значи ова е многу слично на PHP.

152
00:07:42,570 --> 00:07:48,770
Ние не треба да се каже
Го вклучите Javascript-тоа каков тип ние сме

153
00:07:48,770 --> 00:07:50,740
очекуваме секој од овие променливи да биде.

154
00:07:50,740 --> 00:07:52,560
Тие можат да бидат без оглед на видот сакаме.

155
00:07:52,560 --> 00:07:57,480
Значи, ќе забележите во овој случај, ние прогласи
нив многу едноставно, само со "var"

156
00:07:57,480 --> 00:08:00,990
а потоа и што сакаме
нашите променлива име да биде.

157
00:08:00,990 --> 00:08:05,680
Една работа е да се напомене е дека кога ќе се
var стави во предниот дел на името на променливата,

158
00:08:05,680 --> 00:08:07,520
тоа локално тоа опсега.

159
00:08:07,520 --> 00:08:09,320
Во ред?

160
00:08:09,320 --> 00:08:14,025
Тоа е сосема прифатлива за вас
целосно да се избрише само var

161
00:08:14,025 --> 00:08:18,970
и само треба е еднаква на CS50, и
дека само ќе биде глобална променлива.

162
00:08:18,970 --> 00:08:19,580
Во ред?

163
00:08:19,580 --> 00:08:22,490
Така можете да го иницијализирам двата начини,
само зависи од тоа колку што сакате.

164
00:08:22,490 --> 00:08:24,448
Значи, ако сте иницијализацијата
тоа во функција,

165
00:08:24,448 --> 00:08:28,070
и сакате таа променлива да
остане scoped во рамките на таа функција,

166
00:08:28,070 --> 00:08:31,620
сте ќе сакате да го направите
нешто како var името на променливата,

167
00:08:31,620 --> 00:08:34,270
наспроти ако сакате тоа
глобално scoped, можете

168
00:08:34,270 --> 00:08:36,240
само може да го направи името
променливата, а потоа

169
00:08:36,240 --> 00:08:38,270
она што би сакал да го постави еднаква на.

170
00:08:38,270 --> 00:08:40,230
Во ред?

171
00:08:40,230 --> 00:08:45,580
>> Ова е вид на кул работа овде долу,
бидејќи ако забележите нашата променлива

172
00:08:45,580 --> 00:08:47,590
б почнува како вистина.

173
00:08:47,590 --> 00:08:51,280
И што е ова does-- може
некој да ми каже што ова го прави?

174
00:08:51,280 --> 00:08:54,190

175
00:08:54,190 --> 00:08:55,890
Значи имаме некои алармирање.

176
00:08:55,890 --> 00:09:00,156
Што би тип на б
да биде на почетокот?

177
00:09:00,156 --> 00:09:00,905
ПУБЛИКАТА: Булова.

178
00:09:00,905 --> 00:09:01,330
ALLISON BUCHHOLTZ-о: Булова.

179
00:09:01,330 --> 00:09:01,940
Токму така.

180
00:09:01,940 --> 00:09:07,260
И тогаш преназначаване б
на овој стринг, нели?

181
00:09:07,260 --> 00:09:11,170
Па тогаш тука, она што вид на б биде?

182
00:09:11,170 --> 00:09:12,480
Тоа би било низа, нели?

183
00:09:12,480 --> 00:09:14,900
Значи она што е важно да се
се забележи е дека во C, ние

184
00:09:14,900 --> 00:09:17,330
речиси никогаш не можел да го стори
нешто слично.

185
00:09:17,330 --> 00:09:22,000
Ние ќе треба да имаат променлива,
фрли како нешто друго,

186
00:09:22,000 --> 00:09:27,185
можеби и направи некои функција со две
Јас, одат од обвинение во цел број.

187
00:09:27,185 --> 00:09:31,063
Но, ако ние се забележи, б
многу лесно се менува тип.

188
00:09:31,063 --> 00:09:33,760
>> ПУБЛИКАТА: Чекај, па може да се само
биде како "направи б цел број?"

189
00:09:33,760 --> 00:09:34,360
>> ALLISON BUCHHOLTZ-о: Да.

190
00:09:34,360 --> 00:09:36,185
Вие само може да преназначаване б цел број.

191
00:09:36,185 --> 00:09:36,910
>> ПУБЛИКАТА: Навистина?

192
00:09:36,910 --> 00:09:38,035
>> ALLISON BUCHHOLTZ-о: Да.

193
00:09:38,035 --> 00:09:39,810
И тогаш тоа ќе биде цел број.

194
00:09:39,810 --> 00:09:43,820
Така да твојот променливи можат да се менуваат со текот
За време на програмата премногу.

195
00:09:43,820 --> 00:09:46,410
Тие не се строго го напишале.

196
00:09:46,410 --> 00:09:49,180
Тоа е многу лабаво отчукува.

197
00:09:49,180 --> 00:09:50,820
Во ред?

198
00:09:50,820 --> 00:09:54,820
Во суштина променливите можат да прават што
тие сакаат, како што вид на виде со PHP.

199
00:09:54,820 --> 00:09:59,430
Тие можат да прават некои луди работи, па
важно е да се биде прилично внимателни.

200
00:09:59,430 --> 00:10:01,200
Име на променливите добро.

201
00:10:01,200 --> 00:10:03,450
Ако не, не сите одеднаш
си оди за да биде како,

202
00:10:03,450 --> 00:10:05,783
"Чекај, јас мислев дека ова е
стринг, а сега тоа е int,

203
00:10:05,783 --> 00:10:08,170
и јас не сум баш сигурен
она што се случува тука. "

204
00:10:08,170 --> 00:10:12,410
Значи ова е само еден едноставен пример на
кои покажуваат како променлива може лесно да

205
00:10:12,410 --> 00:10:15,890
промени својот тип во
текот на програмата.

206
00:10:15,890 --> 00:10:16,870
>> OK.

207
00:10:16,870 --> 00:10:19,200
Значи, ова би требало да изгледа
супер, супер познато.

208
00:10:19,200 --> 00:10:21,510
Значи овие се нашите јамки во JavaScript.

209
00:10:21,510 --> 00:10:27,780
Тие се исти, освен за
наместо четири int i е еднаква на нула,

210
00:10:27,780 --> 00:10:30,470
ние може само да се каже var i е еднаква на нула.

211
00:10:30,470 --> 00:10:34,100
И тогаш можеме да имаме ист вид
на состојба, истиот вид на надградба,

212
00:10:34,100 --> 00:10:36,090
Јас плус плус работи само парична казна.

213
00:10:36,090 --> 00:10:39,800
Значи, четири се исти,
whiles се исти,

214
00:10:39,800 --> 00:10:41,440
и не whiles се исти.

215
00:10:41,440 --> 00:10:44,070
Ист вид на општ формат.

216
00:10:44,070 --> 00:10:48,840
Забележуваме, четири, загради,
загради, тоа е сеедно.

217
00:10:48,840 --> 00:10:51,470
Исто така ќе има semicolons
Кога ќе го примерот код.

218
00:10:51,470 --> 00:10:55,250
Ќе видите дека е доста
многу исти како и c.

219
00:10:55,250 --> 00:10:59,770
>> За функцијата декларации,
повторно, многу слични.

220
00:10:59,770 --> 00:11:05,100
Имаме некои функција која само
вели дека тоа е во функција, а потоа

221
00:11:05,100 --> 00:11:07,660
името на нашата
функција, и влезови.

222
00:11:07,660 --> 00:11:11,590
И повторно, ако ние забележуваме, ги
немаат типови тука она.

223
00:11:11,590 --> 00:11:12,090
Зарем не?

224
00:11:12,090 --> 00:11:18,150
Ние немаме ништо велејќи дека овие
треба да бидат ints или двојки, или пловки.

225
00:11:18,150 --> 00:11:19,530
Тие можат да бидат она што тие сакаат.

226
00:11:19,530 --> 00:11:23,560
Она што е важно е да забележи дека
ние треба да се напише функција однапред

227
00:11:23,560 --> 00:11:26,430
за да го вклучите Javascript-се знае дека
ова е всушност функција.

228
00:11:26,430 --> 00:11:29,820
>> Значи ова е само некои едноставни сума
функција која враќа x или y,

229
00:11:29,820 --> 00:11:33,800
а потоа она што е, исто така, кул
е дека всушност можете да

230
00:11:33,800 --> 00:11:35,950
доделите функција на променлива.

231
00:11:35,950 --> 00:11:41,770
Значи во овој случај, сума е сега
функција што всушност го прави сума.

232
00:11:41,770 --> 00:11:47,740
Значи ако забележите дека овде, имаме
функција, име на функција, влезови.

233
00:11:47,740 --> 00:11:48,860
Зарем не?

234
00:11:48,860 --> 00:11:52,120
Тука треба само функција и влезови.

235
00:11:52,120 --> 00:11:54,310
Значи ова се нарекува анонимен функција.

236
00:11:54,310 --> 00:11:59,265
И ова е нешто што треба да бидат нови
за повеќето од вас момци, ако не и сите од вас.

237
00:11:59,265 --> 00:12:01,140
Значи, во основа она што
значи тоа е дека ние не

238
00:12:01,140 --> 00:12:03,050
треба да се името на нашата
функција во овој случај.

239
00:12:03,050 --> 00:12:06,260
Ние само може да се каже, "Добро, јас ќе одам да
имаат оваа функција која извршува, тука

240
00:12:06,260 --> 00:12:08,550
се неговите влезови, и еве
она што се случува да се направи. "

241
00:12:08,550 --> 00:12:12,540
И, особено кога сте доделување
функција на некои променливи

242
00:12:12,540 --> 00:12:14,950
дека си оди за да се манипулира,
Вие не мора нужно

243
00:12:14,950 --> 00:12:17,116
треба да го именува, бидејќи
ви се случува да се однесуваат

244
00:12:17,116 --> 00:12:20,990
на неа од страна на оваа променлива
име, а не со она што

245
00:12:20,990 --> 00:12:22,840
функцијата е, всушност, наречен.

246
00:12:22,840 --> 00:12:23,550
Во ред?

247
00:12:23,550 --> 00:12:27,810
>> Значи, ако ние ја видите тука, ние
имаат некоја променлива сума сега

248
00:12:27,810 --> 00:12:30,920
што е еднаков на
Збирот на три и пет.

249
00:12:30,920 --> 00:12:33,070
И ние би го добивате ова.

250
00:12:33,070 --> 00:12:36,750
И ова само ќе треба некои алармирање,
три плус пет еднаква на број.

251
00:12:36,750 --> 00:12:43,950
Ова плус само ќе concatenate
Без оглед на нашите Одговорот беше на јажето.

252
00:12:43,950 --> 00:12:47,420
Исто така кул, плус може да concatenate жици.

253
00:12:47,420 --> 00:12:53,510
>> За да го вклучите Javascript, како со PHP,
HTML, CSS, и како што рековме,

254
00:12:53,510 --> 00:12:56,450
многу од тоа ние сме вид на преземање
на обука тркала исклучите тука

255
00:12:56,450 --> 00:13:02,030
а вие момци имаат многу знаење
како да навистина се разбере овие работи.

256
00:13:02,030 --> 00:13:04,280
Тие се малку различни,
но тие не се толку странски

257
00:13:04,280 --> 00:13:09,460
и дека не може Google работи или
изгледа за нив на интернет со W3 училишта.

258
00:13:09,460 --> 00:13:12,755
И ние сме навистина ве очекуваме
момци да, вид, експеримент

259
00:13:12,755 --> 00:13:14,400
и да учат на свој.

260
00:13:14,400 --> 00:13:19,490
Па, знам дека ова може да изгледа малку
помалку темелно од некои од в нешта

261
00:13:19,490 --> 00:13:21,936
што го правиме, но тоа е, всушност, со причина.

262
00:13:21,936 --> 00:13:25,060

263
00:13:25,060 --> 00:13:28,470
Но, се надевам дека тоа не е премногу
различни, и тоа не е огромно.

264
00:13:28,470 --> 00:13:31,940
>> Значи низи во JavaScript,
повторно многу, многу слични.

265
00:13:31,940 --> 00:13:32,460
Зарем не?

266
00:13:32,460 --> 00:13:36,520
Имаме некои променлива низа
тоа е еднакво на празни загради,

267
00:13:36,520 --> 00:13:40,340
и тоа е само празна низа.

268
00:13:40,340 --> 00:13:43,420
Ова е често нарекуван
буквална низа нотација.

269
00:13:43,420 --> 00:13:45,280
Тоа е само едно нешто што го нарекуваат.

270
00:13:45,280 --> 00:13:51,380
Ако гледаме низа две овде, имаме некои
буквална низа која има три елементи,

271
00:13:51,380 --> 00:13:51,910
нели?

272
00:13:51,910 --> 00:13:54,640
И тогаш имаме некои
var третиот елемент кој е

273
00:13:54,640 --> 00:13:58,060
некои променлива тоа е само
случува да се одржи овој стринг, ЈС.

274
00:13:58,060 --> 00:14:01,760

275
00:14:01,760 --> 00:14:06,170
>> Елементите, добро е да се забележи,
се одделени со запирки,

276
00:14:06,170 --> 00:14:07,740
исто како што би се очекувало.

277
00:14:07,740 --> 00:14:14,630
И ти исто така да пристапите до овие, како што направивме
во C, со овој индекс нотација, нели?

278
00:14:14,630 --> 00:14:16,950
Сосема различни од PHP
Сега, ние ќе се вратам

279
00:14:16,950 --> 00:14:20,180
да се само вид на повикување
да работи со индекс.

280
00:14:20,180 --> 00:14:22,189
Исто како и Ц, тоа е исто така нула индекс.

281
00:14:22,189 --> 00:14:25,230
Се чувствувам како тоа ќе биде навистина сурови
ако тие одеднаш направи го вклучите Javascript-еден

282
00:14:25,230 --> 00:14:30,630
индекс, и ти мораше да целосно
преиспита начинот на кој размислуваме за низи.

283
00:14:30,630 --> 00:14:36,140
>> Една кул работа е тоа што наместо
на морале да do-- ако некогаш

284
00:14:36,140 --> 00:14:39,240
сакаше должината на низата,
можеби ќе iterate преку него

285
00:14:39,240 --> 00:14:43,430
додека не се најде некој крај, или
вие само ќе знаат што е тоа.

286
00:14:43,430 --> 00:14:49,310
Бидејќи го вклучите Javascript-е многу лабава во повеќе
погледи, отколку само тип, како што гледаме тука,

287
00:14:49,310 --> 00:14:53,310
ние само може да се направи оваа низа
поголеми, бидејќи ние одлучи да.

288
00:14:53,310 --> 00:14:56,177
Ако ги забележите низа три
има три работи кои треба да се започне,

289
00:14:56,177 --> 00:14:58,510
но потоа одеднаш,
ние сме како, "О, само се шегувам.

290
00:14:58,510 --> 00:15:01,370
Ние сме, всушност, се случува
да се направи 101 работи. "

291
00:15:01,370 --> 00:15:05,300
Значи, ако некогаш сакате да ги знаете
Крај на должината на низата,

292
00:15:05,300 --> 00:15:06,680
да го стори тоа како оваа.

293
00:15:06,680 --> 00:15:10,470
И ние си оди за да се види многу
на оваа нотација во примери,

294
00:15:10,470 --> 00:15:12,730
но со вклучите Javascript-
тоа е обично она што

295
00:15:12,730 --> 00:15:16,410
објект што го зборуваме за
точка секаков вид на функција

296
00:15:16,410 --> 00:15:17,740
сакаш да се применува на него.

297
00:15:17,740 --> 00:15:18,240
Во ред?

298
00:15:18,240 --> 00:15:20,520
>> Значи во овој случај, нашите
објектот е низа две,

299
00:15:20,520 --> 00:15:23,470
и ние велиме ние сакаме
должината на низата две.

300
00:15:23,470 --> 00:15:25,716
Значи ова е само нарекува како должината на тоа.

301
00:15:25,716 --> 00:15:27,090
И тоа ќе се врати должина.

302
00:15:27,090 --> 00:15:32,610

303
00:15:32,610 --> 00:15:36,790
Исто така нешто да се напомене е
дека ако ние забележиме нашите низи,

304
00:15:36,790 --> 00:15:39,830
за разлика Ц, тие немаат
за да се сите од ист вид.

305
00:15:39,830 --> 00:15:41,670
Ова е многу повеќе како PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript е во основа, само како
оваа интересна meld на C и PHP.

307
00:15:45,905 --> 00:15:50,020

308
00:15:50,020 --> 00:15:52,170
Затоа ние ќе навлегувам во тоа.

309
00:15:52,170 --> 00:15:56,750
За сега, ајде да претпоставиме
дека вашиот низи се во основа

310
00:15:56,750 --> 00:16:00,640
како C низи, во кој
тие се нула индексирани.

311
00:16:00,640 --> 00:16:04,120
Добро, така што тоа е сè.

312
00:16:04,120 --> 00:16:08,850
Можете исто така да само се прошири на
низа на она индекс што го сакате.

313
00:16:08,850 --> 00:16:14,260
Со оглед на ова, најверојатно, ќе СКГ
грешка на вас или да ви даде некои грешки,

314
00:16:14,260 --> 00:16:15,970
JavaScript е како, "Не, тоа е во ред.

315
00:16:15,970 --> 00:16:16,620
Ја добив оваа.

316
00:16:16,620 --> 00:16:19,460
Ние само ќе одат директно
каде што сакате да. "

317
00:16:19,460 --> 00:16:24,310
>> Добро, така што предмети се многу важни.

318
00:16:24,310 --> 00:16:29,720
Вие момци ќе биде со користење на многу од овие
во вашиот P сет, ако се сеќавам точно.

319
00:16:29,720 --> 00:16:34,780
Значи она што овие се
сличен на C се structs.

320
00:16:34,780 --> 00:16:39,290
Значи, можете да се сетите кога about--
одиме на пример правото

321
00:16:39,290 --> 00:16:41,810
По ова Мислам дека тоа ќе
направи многу повеќе sense--

322
00:16:41,810 --> 00:16:45,830
но ние во основа ги користат објектите за да
организираат се разбира поврзани со информации.

323
00:16:45,830 --> 00:16:47,780
Кога зборувавме за
structs во C, ние често

324
00:16:47,780 --> 00:16:53,405
се зборува за еден студент кој имаше некои име,
Проект, куќа, знаете, концентрација.

325
00:16:53,405 --> 00:16:56,030
И тоа е вид на истото
дека ние ги користиме објекти за тука.

326
00:16:56,030 --> 00:16:59,300
Тоа е само да се организира
слични информации.

327
00:16:59,300 --> 00:17:03,620
>> Можете исто така да мислам на овие што се повеќе
слични на асоцијативни низи во PHP.

328
00:17:03,620 --> 00:17:10,010
Значи ова ќе биде вид на работа
каде што имаме некои клучни со некоја вредност,

329
00:17:10,010 --> 00:17:12,859
многу сличен на PHP.

330
00:17:12,859 --> 00:17:15,780
Така може да се иницијализира некои
празен објект, како што гледаме тука,

331
00:17:15,780 --> 00:17:17,390
само со големи загради.

332
00:17:17,390 --> 00:17:19,160
Така низите се квадратни загради.

333
00:17:19,160 --> 00:17:21,220
Празна објекти се големи загради.

334
00:17:21,220 --> 00:17:24,020
Добар разлика да го имаат.

335
00:17:24,020 --> 00:17:27,319
И овие се само две различни
начини да се постави својства.

336
00:17:27,319 --> 00:17:31,460
Значи ова е вид на
многу повеќе на начин кој

337
00:17:31,460 --> 00:17:35,220
е сличен на PHP, со нашите
асоцијативни низи, со нашите клучни,

338
00:17:35,220 --> 00:17:39,910
и нашата вредност, додека
оваа is-- испишан

339
00:17:39,910 --> 00:17:41,920
гледаат оваа многу повеќе во JavaScript.

340
00:17:41,920 --> 00:17:43,550
Оваа тенденција да се биде на конвенцијата.

341
00:17:43,550 --> 00:17:47,660
И во истиот начин на кој ние го сторивме
низа две точки должина, ова е велејќи дека,

342
00:17:47,660 --> 00:17:51,580
"Во ред, дај ми ова
атрибут на овој објект. "

343
00:17:51,580 --> 00:17:52,110
Зарем не?

344
00:17:52,110 --> 00:17:55,660
Значи, на ист начин како што беше како, "Дај ми
должина атрибут на низа две "

345
00:17:55,660 --> 00:17:59,970
ова е велејќи: "дај ми некои
имотот на нашите празни објект. "

346
00:17:59,970 --> 00:18:02,890
Или во овој случај, ние сме
пренесување на некоја вредност тука.

347
00:18:02,890 --> 00:18:06,200
Но вие исто така би можеле да пристапите на тој начин.

348
00:18:06,200 --> 00:18:09,090
>> А потоа, тука тоа е само
покажува две различни сигнали.

349
00:18:09,090 --> 00:18:12,320
Значи ова ќе се покаже на сигнали
ќе биде иста,

350
00:18:12,320 --> 00:18:17,150
тоа е само два различни начини на
пристап до елемент што го сакаме.

351
00:18:17,150 --> 00:18:19,552
Дали тоа се направи смисла на сите?

352
00:18:19,552 --> 00:18:21,510
Се чувствувам како оваа
веројатно го прави повеќе смисла,

353
00:18:21,510 --> 00:18:23,270
само затоа што ние сме излетаат на PHP.

354
00:18:23,270 --> 00:18:26,400
Но, како и да правиме вакви примери, ова
е буквално иста.

355
00:18:26,400 --> 00:18:28,170
А многу од тоа е само промена на синтакса.

356
00:18:28,170 --> 00:18:30,710

357
00:18:30,710 --> 00:18:33,030
>> Добро, така примери.

358
00:18:33,030 --> 00:18:34,180
Сакам примери.

359
00:18:34,180 --> 00:18:40,070
Значи тука е некои CS50
променлива која е објект,

360
00:18:40,070 --> 00:18:42,160
и ни ги чува сите овие
информации во врска со тоа.

361
00:18:42,160 --> 00:18:46,680
Значи имаме разбира, инструктор,
TFS, psets, и снимено.

362
00:18:46,680 --> 00:18:51,840
Значи ние забележуваме овие се речиси
сите на различни видови.

363
00:18:51,840 --> 00:18:52,340
Зарем не?

364
00:18:52,340 --> 00:18:56,230
Значи предмети може да се сместат
атрибути на различни видови.

365
00:18:56,230 --> 00:19:01,220
Можеме да мислиме на this-- тоа е многу
слична на нашата асоцијативна низа во PHP.

366
00:19:01,220 --> 00:19:07,470
Значи клучот, вредност, клуч, вредност,
клуч, вредност, па натаму и така натаму.

367
00:19:07,470 --> 00:19:11,230
Она што е исто така интересно на ист начин
дека можеме да имаме низи во низи,

368
00:19:11,230 --> 00:19:14,690
ние, исто така, може да има објекти во
предмети, или низи во рамките објекти.

369
00:19:14,690 --> 00:19:18,410
Никогаш не сте навистина ограничени на
само еден од оние нешта.

370
00:19:18,410 --> 00:19:24,220
Ние може да се добие многу Inceptionesque, само
Продолжувам да одам надолу зајакот дупка таму.

371
00:19:24,220 --> 00:19:26,080
>> Значи, ако ние забележуваме, ги
Се разбира дека има некои

372
00:19:26,080 --> 00:19:31,120
е стринг, инструктор кој е стринг,
и низа, еден int, и Булова.

373
00:19:31,120 --> 00:19:36,110
Значи, сите овие различни нешта.

374
00:19:36,110 --> 00:19:39,600
>> Сите во право, тогаш, имаме уште еден.

375
00:19:39,600 --> 00:19:42,930
Значи во овој случај, имаме
низа од објекти.

376
00:19:42,930 --> 00:19:45,320
Па само како објект
може да има низа во неа.

377
00:19:45,320 --> 00:19:47,210
Ние, исто така може да има низа од објекти.

378
00:19:47,210 --> 00:19:51,250
Ова може да биде корисно да се
размислуваат за слична вид

379
00:19:51,250 --> 00:19:54,260
за тоа како ние имавме хаш
маса, имавме низа

380
00:19:54,260 --> 00:19:56,220
на сите овие различни
видови на structs дека

381
00:19:56,220 --> 00:19:59,070
беа совети за различни
јазли и какво ли не.

382
00:19:59,070 --> 00:20:01,420
Но, во овој случај,
имаат низа на предмети.

383
00:20:01,420 --> 00:20:04,890
Значи ова е како низа
на асоцијативни низи.

384
00:20:04,890 --> 00:20:09,430
Значи имаме некои Првиот елемент ќе
биде предмет со името Џејмс

385
00:20:09,430 --> 00:20:11,340
и куќа Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Вие момци нема да се сеќава
нешто многу слично на ова,

387
00:20:14,780 --> 00:20:21,710
при вашето последно pset, каде што ако
извади нешто од вашата база на податоци,

388
00:20:21,710 --> 00:20:24,480
првиот вид на
нешто во вашата низа беше

389
00:20:24,480 --> 00:20:27,110
сите информации во врска со
првиот корисник што го сретнавме,

390
00:20:27,110 --> 00:20:30,765
и тогаш ќе мораше да индекс во кој
да се добие нивните акции или нивните кеш

391
00:20:30,765 --> 00:20:32,110
или какво ли не.

392
00:20:32,110 --> 00:20:34,620
Значи ова е многу исти
работа, само една мала промена

393
00:20:34,620 --> 00:20:39,570
во синтакса, малку промена во
зборовите што ги користиме за да ги опише.

394
00:20:39,570 --> 00:20:45,960
>> Значи, ако сакаме, секој може да се каже
ми што ова предупредување ќе се направи?

395
00:20:45,960 --> 00:20:48,780
Или она што ова малку
код ќе го направи за нас?

396
00:20:48,780 --> 00:20:50,992

397
00:20:50,992 --> 00:20:52,616
ПУБЛИКАТА: Тоа ќе ви даде сите имиња.

398
00:20:52,616 --> 00:20:54,900
ALLISON BUCHHOLTZ-о: право, па тоа
само ќе ги алармира со сите имиња

399
00:20:54,900 --> 00:20:57,960
бидејќи тоа ќе оди преку
куќа јас, така што ќе почнат од нула.

400
00:20:57,960 --> 00:21:01,330
Значи тоа би рекол, во ред што го барате
на овој прв објект, кој

401
00:21:01,330 --> 00:21:03,210
е првиот слот во нашата низа.

402
00:21:03,210 --> 00:21:06,900
Таа вели: "дај ми го
атрибут, името на тој објект. "

403
00:21:06,900 --> 00:21:09,030
Значи ќе одиме тука, ние би
скенирање, ние ќе се најде име,

404
00:21:09,030 --> 00:21:11,340
и ние би ги испечатите
Џејмс, Моли и Карл.

405
00:21:11,340 --> 00:21:14,410

406
00:21:14,410 --> 00:21:15,799
Било какви прашања досега?

407
00:21:15,799 --> 00:21:17,590
За жал го вклучите Javascript-
си оди за да биде

408
00:21:17,590 --> 00:21:20,950
прават многу угледување на вашиот
сопствена земја, да пронајдат синтакса,

409
00:21:20,950 --> 00:21:21,910
бори со него.

410
00:21:21,910 --> 00:21:25,870
Но, се разбира, јас сум секогаш тука,
работното време се секогаш тука.

411
00:21:25,870 --> 00:21:28,260
Би можел да бидам во вторник оваа недела.

412
00:21:28,260 --> 00:21:31,050
Значи, ако сте таму, можете да
доаѓаат посетите мене оваа недела.

413
00:21:31,050 --> 00:21:32,470
Тоа би било одлично.

414
00:21:32,470 --> 00:21:36,260
>> Добро, така ДОМ е-документ Object Model.

415
00:21:36,260 --> 00:21:38,900
Значи ова е само начин
дека ние сакаме да мислиме

416
00:21:38,900 --> 00:21:45,720
за тоа како нашата HTML и сето
во неа се организира.

417
00:21:45,720 --> 00:21:49,930
Ова е многу нешто што
најверојатно ќе излезе на вашиот квиз.

418
00:21:49,930 --> 00:21:58,150
Знам дека моите година, тоа беше како еве
HTML датотека, пополнете во ДОМ за тоа.

419
00:21:58,150 --> 00:21:59,770
А ти само го пополните мали нешта.

420
00:21:59,770 --> 00:22:01,500
Тие треба да бидат лесни поени надевам.

421
00:22:01,500 --> 00:22:03,450
Се надеваме дека ќе see--

422
00:22:03,450 --> 00:22:04,590
>> ПУБЛИКАТА: [нечујни]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON BUCHHOLTZ-о: Значи
ќе го видите ова дрво тука?

424
00:22:06,660 --> 00:22:07,200
>> ПУБЛИКАТА: Да.

425
00:22:07,200 --> 00:22:08,949
>> ALLISON BUCHHOLTZ-о:
Значи, тие ќе побараат употреба

426
00:22:08,949 --> 00:22:11,750
да се пополни во она што се случува во телото.

427
00:22:11,750 --> 00:22:15,770
Можеби под телото, имаме некои
divs или имаме некои ставови,

428
00:22:15,770 --> 00:22:19,160
и ние ќе побара од вас да се пополни во
дрво многу се допаѓа ова.

429
00:22:19,160 --> 00:22:21,440
Затоа ние ќе се шетаат низ него.

430
00:22:21,440 --> 00:22:26,120
Значи, документ-објект
Модел е само начин

431
00:22:26,120 --> 00:22:31,240
да структура и да размислуваат
за нашите HTML графички.

432
00:22:31,240 --> 00:22:33,860

433
00:22:33,860 --> 00:22:35,840
И, исто така, кога ќе го добиеме
во повеќе JavaScript,

434
00:22:35,840 --> 00:22:37,640
тоа се случува да биде
начинот на кој ние, всушност,

435
00:22:37,640 --> 00:22:39,990
манипулира со различни
елементите на страната.

436
00:22:39,990 --> 00:22:43,980
Ние треба начин за пристап до секој
на нештата во нашиот HTML,

437
00:22:43,980 --> 00:22:48,050
па така ова ни дава многу
бетон стандардизиран начин

438
00:22:48,050 --> 00:22:51,010
низ различни веб страници, за да го направите тоа.

439
00:22:51,010 --> 00:22:53,440
>> Значи, ако ние само одиме преку
ова тука, се разбира

440
00:22:53,440 --> 00:22:56,790
нашиот документ е како целата наша датотека.

441
00:22:56,790 --> 00:22:59,350
Тоа очигледно го прави смисла
дека тоа е највисок работа,

442
00:22:59,350 --> 00:23:03,520
а потоа ние си имаме вистински HTML,
што одговара на овој таг тука.

443
00:23:03,520 --> 00:23:08,480
Исто така, ако во алинеја вашиот тагови
правилно, тогаш креирањето на овој DOM-стебло

444
00:23:08,480 --> 00:23:10,530
стане супер едноставен.

445
00:23:10,530 --> 00:23:12,400
Значи имаме некои главата тука.

446
00:23:12,400 --> 00:23:15,780
Имаме некои органот кој
можеме да видиме матични исклучување на HTML,

447
00:23:15,780 --> 00:23:18,530
која е причината зошто имаме главата и телото.

448
00:23:18,530 --> 00:23:22,880
Во рамките на главата, имаме некои
Насловот таг, крај наслов таг,

449
00:23:22,880 --> 00:23:24,570
Па знаеме дека доаѓа по главата.

450
00:23:24,570 --> 00:23:28,040
И во нашиот наслов ознака,
имаме здраво, свет.

451
00:23:28,040 --> 00:23:28,740
Во ред?

452
00:23:28,740 --> 00:23:31,311
Значи тоа е целата оваа левата рака гранка.

453
00:23:31,311 --> 00:23:34,060
И тогаш за десната рака гранка
тука, ние гледаме дека имаме HTML,

454
00:23:34,060 --> 00:23:38,680
Добро сме го правеле ова главата дел,
ние сме во потрага само на телото,

455
00:23:38,680 --> 00:23:40,670
па ние имаме некои тело област.

456
00:23:40,670 --> 00:23:44,350
И во тоа, само
нешто што го имаме е здраво, свет.

457
00:23:44,350 --> 00:23:45,090
Во ред?

458
00:23:45,090 --> 00:23:54,130
Ако имавме вакви работи
некои заградата П, а потоа

459
00:23:54,130 --> 00:23:57,500
Здраво, свет, а потоа уште
заградата на стр збогум, свет,

460
00:23:57,500 --> 00:24:00,080
ќе имаме две меурчиња
кои доаѓаат надвор од овде.

461
00:24:00,080 --> 00:24:05,550
Затоа што тие се и под телото, но
тие се посебен ставовите овој случај.

462
00:24:05,550 --> 00:24:11,520
Постои дефинитивно пракса
за тоа во претходната квизови,

463
00:24:11,520 --> 00:24:14,570
како и многу онлајн на неа.

464
00:24:14,570 --> 00:24:18,260
OK, па, тоа само им овозможува на
ни да види сè убаво

465
00:24:18,260 --> 00:24:20,810
и манипулираат работи
многу систематски.

466
00:24:20,810 --> 00:24:21,340
Во ред?

467
00:24:21,340 --> 00:24:23,640
Ние знаеме како точно да се
напречни преку ова дрво,

468
00:24:23,640 --> 00:24:26,910
па ние знаеме што сакате да пристапите.

469
00:24:26,910 --> 00:24:31,690
>> OK, па тоа е причината зошто ние сакаме
да имаат овој вид на модел,

470
00:24:31,690 --> 00:24:35,190
така што можеме да го користиме вакви работи,
и ние го разбираме она што тие значат,

471
00:24:35,190 --> 00:24:38,370
и тие се стандардизирани
низ сите она што го правиме.

472
00:24:38,370 --> 00:24:45,900
Значи насловот на документот точка е само
насловот на our-- сите овие

473
00:24:45,900 --> 00:24:48,960
се прилично само објаснување,
Сакам да мислам.

474
00:24:48,960 --> 00:24:51,660
Па првите три
примери се само велејќи,

475
00:24:51,660 --> 00:24:54,770
"Во ред, само дај ми
Насловот на оваа веб-страница. "

476
00:24:54,770 --> 00:24:58,030
Значи тоа ќе ви даде она што
одговара на насловот.

477
00:24:58,030 --> 00:25:01,880
>> Документ точка тело ќе ви даде
се што е во рамките на тие телото тагови.

478
00:25:01,880 --> 00:25:03,240
Така може да се манипулира со тоа.

479
00:25:03,240 --> 00:25:07,820
А документ точка точка на телото
внесете HTML е многу кул една,

480
00:25:07,820 --> 00:25:11,660
а можеби и не е како супер
интуитивен, но внатрешниот HTML

481
00:25:11,660 --> 00:25:13,740
одговара на ова право тука.

482
00:25:13,740 --> 00:25:17,410
Значи, ако некогаш сакаш да
манипулира со текст на страницата,

483
00:25:17,410 --> 00:25:22,700
обично си оди за да се прави
нешто со телото точка внатрешниот HTML.

484
00:25:22,700 --> 00:25:23,820
Во ред?

485
00:25:23,820 --> 00:25:31,341
Значи внатрешниот HTML има тенденција да се однесуваат на
она што е, всушност, меѓу овие тагови.

486
00:25:31,341 --> 00:25:31,840
Во ред?

487
00:25:31,840 --> 00:25:33,020
И тогаш корисни функции.

488
00:25:33,020 --> 00:25:40,390
Значи, ако се сака да се добие
било која од овие, било кој елемент,

489
00:25:40,390 --> 00:25:43,140
ние имаме некои лични, класа
име, или име на етикета.

490
00:25:43,140 --> 00:25:47,100
Ова е многу слична на
работите што го правевме со CSS, нели?

491
00:25:47,100 --> 00:25:51,360
Каде што имаме некои селектори дека
одговара на било таг, класа

492
00:25:51,360 --> 00:25:53,800
дека ние нив, или лична даде.

493
00:25:53,800 --> 00:25:55,310
Ова е многу многу на ист начин.

494
00:25:55,310 --> 00:26:00,720
Ако имате нешто што
има некои класа на куче,

495
00:26:00,720 --> 00:26:05,800
и велиш добиете елементи по име на етикета,
и да се стави куче во there-- или Жал ми е,

496
00:26:05,800 --> 00:26:06,610
Име класа.

497
00:26:06,610 --> 00:26:07,770
Може да се стави точка во таму.

498
00:26:07,770 --> 00:26:11,780
Тоа се случува да се врати на сите оние
елементи на вас, кои имаат таа класа.

499
00:26:11,780 --> 00:26:13,880
Така може да се манипулира само оние.

500
00:26:13,880 --> 00:26:18,430
На ист начин, можеби само
сакаат да манипулираат некои насловот, па

501
00:26:18,430 --> 00:26:20,980
некои H1 заглавието, како што правевме.

502
00:26:20,980 --> 00:26:24,900
Вие би можеле да добиете елементи од таг
име, бидејќи Н1 е име таг.

503
00:26:24,900 --> 00:26:29,270
И на ист начин, ако сакате да се добие
некои уникатни нешто, може да се добие таг.

504
00:26:29,270 --> 00:26:31,100
Земете елемент со лична карта.

505
00:26:31,100 --> 00:26:32,710
И тие се, всушност, многу од овие.

506
00:26:32,710 --> 00:26:36,300
Ова се само како три од многу многу.

507
00:26:36,300 --> 00:26:39,600
Значи, ако одите на интернет, како
Одам да се поттикне

508
00:26:39,600 --> 00:26:45,342
можете да го направите, а не некои
истражување на свој,

509
00:26:45,342 --> 00:26:48,450
Јас дефинитивно препорачувам
гледајќи во сите од нив.

510
00:26:48,450 --> 00:26:50,880
Тие можат да бидат супер
корисно, особено кога

511
00:26:50,880 --> 00:26:57,180
сакате да само вид на манипулација
многу конкретни работи без

512
00:26:57,180 --> 00:27:00,390
да се оди преку и да се обидат
да го анализирам од сè.

513
00:27:00,390 --> 00:27:03,540
>> Добро, па последното нешто
е да го вклучите Javascript настани.

514
00:27:03,540 --> 00:27:10,730
Значи, кога зборував на почетокот
за да оди преку веб-сајтот,

515
00:27:10,730 --> 00:27:14,340
и кога ќе лебдат над нешто,
или глувчето лебди над нешто,

516
00:27:14,340 --> 00:27:15,420
нешто се случува.

517
00:27:15,420 --> 00:27:17,900
Тоа е она што ние би сакале да
се размислува за како настан.

518
00:27:17,900 --> 00:27:23,970
Значи она што го имаме кои би можеле да
да биде корисно тука е OnClick.

519
00:27:23,970 --> 00:27:29,140
Па мојата беше на кружење, која, сигурен сум
прилично сигурен, е само за кружење.

520
00:27:29,140 --> 00:27:31,300
Исто така еден тон на овие
кои можете да барате.

521
00:27:31,300 --> 00:27:34,340
Има цела листа на интернет
на различни нешта

522
00:27:34,340 --> 00:27:37,130
дека можете да ги преслушате.

523
00:27:37,130 --> 00:27:41,220
>> Но JavaScript настани се
во основа, само одговарање на работите

524
00:27:41,220 --> 00:27:42,430
дека вашето корисничко се прави.

525
00:27:42,430 --> 00:27:42,930
Зарем не?

526
00:27:42,930 --> 00:27:45,220
Така да твојот корисник не
нешто, тоа е еден настан,

527
00:27:45,220 --> 00:27:48,340
и го вклучите Javascript ќе одговори
сепак сакате тоа да се.

528
00:27:48,340 --> 00:27:49,770
Тоа ќе одговори соодветно.

529
00:27:49,770 --> 00:27:54,630
Значи во овој случај, имаме
некои прозорец точка вчитан.

530
00:27:54,630 --> 00:27:57,170
Па што е ова, вели, "Чекај
до натоварени на прозорецот. "

531
00:27:57,170 --> 00:27:57,780
Во ред?

532
00:27:57,780 --> 00:28:02,102
Значи, кога сè е вчитан, вчитан,
тогаш можете да ја извршат оваа функција.

533
00:28:02,102 --> 00:28:03,810
Значи, кога сè е
натоварен, си оди

534
00:28:03,810 --> 00:28:07,760
да има некои копчето за пребарување
кој добива елемент со лична карта,

535
00:28:07,760 --> 00:28:13,740
и отпечатоци што и
елемент е како го копчето за пребарување.

536
00:28:13,740 --> 00:28:17,050
И тогаш имаме оваа променлива,
ние се каже, "Во ред, OnClick."

537
00:28:17,050 --> 00:28:20,390
Значи, кога ќе слушнете клик
на копчето за пребарување,

538
00:28:20,390 --> 00:28:23,990
вршење на оваа функција, што е
алармирање, сте кликнале на копчето за пребарување.

539
00:28:23,990 --> 00:28:28,910
>> Значи она што се случува is-- ова е убаво
малку графички приказ тука.

540
00:28:28,910 --> 00:28:31,480
Значи, нашата документот товари,
тоа е нашата вчитан,

541
00:28:31,480 --> 00:28:34,340
ќе најдеме нашите Барај
копчето, што е ова.

542
00:28:34,340 --> 00:28:36,570
Ние сме во потрага за нашите Барај копче.

543
00:28:36,570 --> 00:28:40,790
И тогаш кога копчето за пребарување е
кликнато, што одговара токму тука.

544
00:28:40,790 --> 00:28:41,980
OnClick.

545
00:28:41,980 --> 00:28:47,300
Тогаш ние конечно се алармираат нашите корисници,
што е тоа последната линија тука.

546
00:28:47,300 --> 00:28:48,250
Во ред?

547
00:28:48,250 --> 00:28:52,960
Значи секој од овие четири чекори само
одговара на четири кутии

548
00:28:52,960 --> 00:28:55,031
таму долу на дното.

549
00:28:55,031 --> 00:28:56,405
Дали тоа се направи смисла на сите?

550
00:28:56,405 --> 00:29:01,120

551
00:29:01,120 --> 00:29:05,200
>> И тогаш едно нешто што јас сум само ќе
зборуваме многу, многу кратко, дека јас

552
00:29:05,200 --> 00:29:08,660
Ги охрабрувам момци да
Барајте повеќе во е

553
00:29:08,660 --> 00:29:13,210
jQuery, што е само една библиотека
кој е изграден на врвот на JavaScript.

554
00:29:13,210 --> 00:29:16,480
Тоа е супер корисно, како што
со повеќето библиотеки.

555
00:29:16,480 --> 00:29:18,320
Постојат голем број на функции.

556
00:29:18,320 --> 00:29:21,930
Значи, ако има нешто што некогаш
сакате да го направите во JavaScript,

557
00:29:21,930 --> 00:29:24,880
Вашиот прв инстинкт
не треба да биде да се мисли

558
00:29:24,880 --> 00:29:27,340
на "она функција треба да
Јас код? "Треба да биде,

559
00:29:27,340 --> 00:29:29,560
"Дозволете ми да видам некој е
веќе го направи тоа за мене. "

560
00:29:29,560 --> 00:29:32,800
Бидејќи девет пати од десет,
некој ќе го направиле тоа веќе,

561
00:29:32,800 --> 00:29:35,760
и тие веројатно да го направи подобро.

562
00:29:35,760 --> 00:29:39,990
Луѓето поминуваат многу време го прават овие,
и го вклучите Javascript-е многу широко се користи,

563
00:29:39,990 --> 00:29:42,810
па луѓето се постојано
обидувајќи се да го направи тоа подобро.

564
00:29:42,810 --> 00:29:47,110
И jQuery има многу функции
кои најверојатно ќе бидат корисни за вас

565
00:29:47,110 --> 00:29:50,470
во твојот последен проект, ако сте
прави ништо со веб дизајн.

566
00:29:50,470 --> 00:29:53,480
Што сакам да кажам, "работа
попаметно и полесно ".

567
00:29:53,480 --> 00:29:57,130
Ако вие момци го направите тоа, тоа ќе биде одлично.

568
00:29:57,130 --> 00:30:00,330
Кога сме на Hackathon Јас не
сакаме да бидеме сите стрес.

569
00:30:00,330 --> 00:30:03,600
Сакам да бидам како: "Јас добив
ова. jQuery доби мојот грб.

570
00:30:03,600 --> 00:30:05,790
Јас не треба да пишувам овие функции. "

571
00:30:05,790 --> 00:30:07,636
>> Па само две работи да се
се сеќавам, јас ќе одам

572
00:30:07,636 --> 00:30:10,220
да ви момци изгледа повеќе
во jQuery за своја.

573
00:30:10,220 --> 00:30:13,070
Сите Одам да го кажам е тоа
прави некои прилично страшни работи

574
00:30:13,070 --> 00:30:15,220
и можат да го направат вашиот живот
во целина многу полесно.

575
00:30:15,220 --> 00:30:17,150
Но, она што сакате да го
имате она што е датотека

576
00:30:17,150 --> 00:30:21,020
дека си оди за да се го користите во,
сте ќе сакаат овие две линии.

577
00:30:21,020 --> 00:30:25,630
Сте ќе сакате
сценариото на jQuery js js точка.

578
00:30:25,630 --> 00:30:28,500
И всушност, вашиот извор
се случува да се направат одредени URL-то.

579
00:30:28,500 --> 00:30:35,870
Ако на Google jQuery, Гугл
всушност е домаќин на сите датотеки за вас.

580
00:30:35,870 --> 00:30:38,950
Значи, вие дефинитивно сакате да
влез овој URL наместо тоа.

581
00:30:38,950 --> 00:30:41,130
Јас само се стави ова овде
Заради полесно.

582
00:30:41,130 --> 00:30:45,180
Сето ова значи е каде да се
најдете вашиот jQuery библиотеката.

583
00:30:45,180 --> 00:30:48,600
Тоа е голем, па да не сакате
да го домаќин на свој компјутер

584
00:30:48,600 --> 00:30:53,390
ако може да се избегне, која е причината зошто ние
имаат тенденција да само стави во URL-то на Google,

585
00:30:53,390 --> 00:30:55,880
домаќин на сите овие датотеки за вас.

586
00:30:55,880 --> 00:30:56,380
Во ред?

587
00:30:56,380 --> 00:30:58,850
Можете да го Google, јас ветувам
тоа ќе биде таму.

588
00:30:58,850 --> 00:31:01,200
>> И тогаш што
Го вклучите Javascript-датотека кој сте

589
00:31:01,200 --> 00:31:07,150
користење, така што ова е само некој надворешен
Го вклучите Javascript-датотека кој сте го користите.

590
00:31:07,150 --> 00:31:11,570
Во истиот начин на кој што водат до нашите CSS
датотеки, ова е истиот вид на работа.

591
00:31:11,570 --> 00:31:15,480
Ова само линкови до датотеки
каде се вашите вклучите Javascript-е.

592
00:31:15,480 --> 00:31:18,970
И јас имам некои примери
со едноставни JavaScript.

593
00:31:18,970 --> 00:31:20,220
Затоа ние ќе се оди преку него.

594
00:31:20,220 --> 00:31:27,230
И тогаш во вашиот индекс на JavaScript,
која е вашата вклучите Javascript-датотека тука,

595
00:31:27,230 --> 00:31:30,900
ова е вид на обвивка
кои имате за jQuery.

596
00:31:30,900 --> 00:31:33,860
Ти си речиси 99,9
проценти од времето случува

597
00:31:33,860 --> 00:31:36,800
да ја имаат оваа во вашиот index.js датотека.

598
00:31:36,800 --> 00:31:40,010
Поради тоа што ова вели дека е,
"Не се изврши ништо

599
00:31:40,010 --> 00:31:43,480
додека вашиот документ е, всушност,
подготвени ", која е токму она што го сакате.

600
00:31:43,480 --> 00:31:46,600
Затоа што ако вашиот документ не е подготвена,
и jQuery започнува вршење на работите,

601
00:31:46,600 --> 00:31:48,020
тоа е само хаос.

602
00:31:48,020 --> 00:31:50,480
Значи секогаш сакаат да ја имаат оваа обвивка.

603
00:31:50,480 --> 00:31:55,760
А потоа и за работи кои одат во таму,
се остава свој perusing вашиот момчиња ".

604
00:31:55,760 --> 00:32:04,610
>> Добро, така што постојат било какви прашања во право
сега за да го вклучите Javascript воопшто?

605
00:32:04,610 --> 00:32:07,420
Или моделот ДОМ?

606
00:32:07,420 --> 00:32:10,780
Ако не, ние имаме некои кул
примери кои може да се оди преку,

607
00:32:10,780 --> 00:32:13,120
дека вие момци можат да ми помогнат код.

608
00:32:13,120 --> 00:32:15,877
Но, јас сум исто така, ќе биде
супер убаво, и ако

609
00:32:15,877 --> 00:32:17,960
не сакам да кажам нешто
за овие, тоа е во ред.

610
00:32:17,960 --> 00:32:20,510
Јас исто така, може само да ви даде примери.

611
00:32:20,510 --> 00:32:24,581
Но, ништо на
PowerPoint, пред да преминеме на?

612
00:32:24,581 --> 00:32:25,080
Кул.

613
00:32:25,080 --> 00:32:26,990
>> Се чувствувам како вие момци треба да ги енергија.

614
00:32:26,990 --> 00:32:31,516
Па јас мислам дека ние сме случува да се започне
со мојата партија пример во прв план.

615
00:32:31,516 --> 00:32:33,390
Имаме три примери,
имате вашиот избор.

616
00:32:33,390 --> 00:32:37,720
Значи ние треба часовник, каде одиме
за спроведување на вистински часовник, кој е

617
00:32:37,720 --> 00:32:41,430
случува да се ажурираат, како времето одминува.

618
00:32:41,430 --> 00:32:43,310
Ние ја имаат оваа голема Твитер функција.

619
00:32:43,310 --> 00:32:44,560
This-- знаеш што, се издржи.

620
00:32:44,560 --> 00:32:47,220
Ние сме случува да се направи тоа оди далеку.

621
00:32:47,220 --> 00:32:47,950
Бам.

622
00:32:47,950 --> 00:32:49,060
OK.

623
00:32:49,060 --> 00:32:56,132
>> Ние ја имаат оваа голема Твитер функција
тука, that-- знам, нели?

624
00:32:56,132 --> 00:32:57,090
Тоа се случува да биде одлично.

625
00:32:57,090 --> 00:32:58,350
Дали сте возбудени момци?

626
00:32:58,350 --> 00:33:01,170
Тоа се случува да се брои бројот
на знаци кои сте го напуштиле,

627
00:33:01,170 --> 00:33:04,520
Значи, ако сум тип во моментов,
Очигледно, тоа сè уште вели 140,

628
00:33:04,520 --> 00:33:06,190
но ние знаеме дека тоа не е случај.

629
00:33:06,190 --> 00:33:08,570
И тогаш со нашите последен
тука, кликнете тука за да се забавуваат.

630
00:33:08,570 --> 00:33:12,150
Што ќе се случи е кога
ние кликнете, позадината е

631
00:33:12,150 --> 00:33:13,340
ќе се промени бои.

632
00:33:13,340 --> 00:33:17,060
Значи вие момци имаат вашите опции на
кој сакате да се направи првата.

633
00:33:17,060 --> 00:33:19,800
Ветувам дека ќе го правиме тоа многу лесно за вас.

634
00:33:19,800 --> 00:33:22,680
Се чувствувам како секој е вид
само многу ниска клуч денес.

635
00:33:22,680 --> 00:33:25,540
Затоа јас ќе ви прошетка низ тоа како
ние ќе ги спроведе сите од нив.

636
00:33:25,540 --> 00:33:28,520
Ако сакате да свири
во, тоа е одлично, но јас

637
00:33:28,520 --> 00:33:30,020
се чувствувам како сите се малку уморни.

638
00:33:30,020 --> 00:33:32,970
Па јас само ќе ви прошетка
преку овие примери.

639
00:33:32,970 --> 00:33:35,015
Дали имаме нешто што
ние би сакале да се направи прво?

640
00:33:35,015 --> 00:33:38,140

641
00:33:38,140 --> 00:33:39,475
Секој?

642
00:33:39,475 --> 00:33:41,350
Без преференци?

643
00:33:41,350 --> 00:33:41,867
OK.

644
00:33:41,867 --> 00:33:42,450
Знаеш што?

645
00:33:42,450 --> 00:33:43,290
Ние сме на партијата.

646
00:33:43,290 --> 00:33:48,380
Се чувствувам како вие момци треба little--
Значи, ние ќе го стори на партијата прво.

647
00:33:48,380 --> 00:33:48,880
OK.

648
00:33:48,880 --> 00:33:51,470

649
00:33:51,470 --> 00:33:56,930
>> Значи она што го имаат here-- тоа е
не би требало да биде таму.

650
00:33:56,930 --> 00:33:57,910
Сега тоа е добро.

651
00:33:57,910 --> 00:33:59,810
OK.

652
00:33:59,810 --> 00:34:03,110
Значи она што го имаме тука е
само едноставна HTML страница

653
00:34:03,110 --> 00:34:07,840
дека вие момци сите треба да биде супер
запознаени со од вашиот последните две psets.

654
00:34:07,840 --> 00:34:10,212
ние си имаме doc тип тука.

655
00:34:10,212 --> 00:34:10,920
Дали секој се види?

656
00:34:10,920 --> 00:34:11,420
OK.

657
00:34:11,420 --> 00:34:12,560
Кул.

658
00:34:12,560 --> 00:34:13,900
Ние имаме HTML очигледно.

659
00:34:13,900 --> 00:34:18,360
Имаме некои насловот дека е
поврзани со стил лист кој

660
00:34:18,360 --> 00:34:21,420
само го направи мојот фонт убав и голем и смел.

661
00:34:21,420 --> 00:34:23,489
Затоа не треба да се грижите за тоа.

662
00:34:23,489 --> 00:34:26,437
>> Имаме некои тело со
лична позадина, во ред?

663
00:34:26,437 --> 00:34:28,520
Бидејќи ние си оди за да биде
менување на позадина.

664
00:34:28,520 --> 00:34:31,964
Значи, кога ние сме се менува
позадината на нашето тело,

665
00:34:31,964 --> 00:34:35,965
ние се сеќавам од пред две недели
кога ќе се занимаваат со веб-страници.

666
00:34:35,965 --> 00:34:36,840
Па добро да го имаат тоа.

667
00:34:36,840 --> 00:34:39,270
И ние имаме некои Id еднаква на партијата.

668
00:34:39,270 --> 00:34:43,909
Ова ж код фунти само значи дека
тоа се случува да одат на истата страница.

669
00:34:43,909 --> 00:34:47,120
И кликнете тука за да се забавувам,
кој е зошто кога ќе кликнете на неа,

670
00:34:47,120 --> 00:34:48,940
тоа треба да се менува бои, за среќа.

671
00:34:48,940 --> 00:34:54,322
>> И тогаш имаме некои скрипта тука
е само поврзана со оваа партија точка js

672
00:34:54,322 --> 00:34:58,100
датотека, дека е празна, бидејќи
не сме го направиле ништо сеуште.

673
00:34:58,100 --> 00:35:00,450
И тоа е толку тажна.

674
00:35:00,450 --> 00:35:06,100
Но, многу скоро, тоа ќе се промени
бои, и тоа ќе биде неверојатна.

675
00:35:06,100 --> 00:35:10,520
>> Па јас сум само ќе ви прошетка момци
преку тоа како ние би можеле да се зафатиме со ова.

676
00:35:10,520 --> 00:35:14,030
Така првото нешто што
ние можеби ќе сакате да се направи,

677
00:35:14,030 --> 00:35:18,050
ако ние се менува позадината на
телото, првото нешто што можеби ќе сакате

678
00:35:18,050 --> 00:35:22,730
да направите е, всушност, го дофати
што телото е, нели?

679
00:35:22,730 --> 00:35:27,690
Значи, сакаме да имаме Накусо, во нашите
позадина, и ако забележите,

680
00:35:27,690 --> 00:35:29,567
Јас само автоматски само на проектот пишување.

681
00:35:29,567 --> 00:35:32,400
Нема ништо посебно што ние
треба да се направи за нашиот JavaScript датотеки.

682
00:35:32,400 --> 00:35:35,820
Јас може да започне прогласување променливи,
и прогласување случаен функции.

683
00:35:35,820 --> 00:35:38,110
И тоа е многу повеќе слободна форма.

684
00:35:38,110 --> 00:35:41,930
Тоа е како со C, ние ви даде сите
овие тешки правила, а вие пораснав,

685
00:35:41,930 --> 00:35:43,220
па ние сме како, "одат натаму.

686
00:35:43,220 --> 00:35:44,000
Бидете слободни.

687
00:35:44,000 --> 00:35:44,870
Прави што сакаш. "

688
00:35:44,870 --> 00:35:46,280
И тоа е она што го вклучите Javascript-е.

689
00:35:46,280 --> 00:35:48,390
Значи ние треба некоја позадина тука.

690
00:35:48,390 --> 00:35:55,900
Со нашите ДОМ модел, ние знаеме
може да се направи документ точка добие елемент,

691
00:35:55,900 --> 00:36:00,290
и ако ние се забележи,
Нашето тело има лична карта.

692
00:36:00,290 --> 00:36:00,930
Зарем не?

693
00:36:00,930 --> 00:36:06,310
Значи можеме да се добие документ со
ID, и тука е едноставен.

694
00:36:06,310 --> 00:36:08,295
Што е нашата број кој сакаме тука?

695
00:36:08,295 --> 00:36:09,170
ПУБЛИКАТА: Позадина.

696
00:36:09,170 --> 00:36:11,280
ALLISON BUCHHOLTZ-о: Позадина.

697
00:36:11,280 --> 00:36:12,230
Перфект.

698
00:36:12,230 --> 00:36:14,250
И запирка на крајот.

699
00:36:14,250 --> 00:36:15,610
Тоа не исчезнала уште.

700
00:36:15,610 --> 00:36:17,330
Вие сеуште треба вашата semicolons.

701
00:36:17,330 --> 00:36:17,830
OK.

702
00:36:17,830 --> 00:36:19,690
Значи тоа е нашиот прв.

703
00:36:19,690 --> 00:36:23,880
И кога ќе кликнете на нешто, ние
сакате нешто да се случи, нели?

704
00:36:23,880 --> 00:36:28,270
Значи, ние можеби ќе сакате некои променливи
кој е на чекање за клик.

705
00:36:28,270 --> 00:36:32,410
Она што се случува да се направи е тоа што се случува да се
направи нашата врската повеќе сличен на едно копче.

706
00:36:32,410 --> 00:36:43,140
Значи ние си оди за да имаат некоја копче што
еднаква документира точка добие елемент со лична карта.

707
00:36:43,140 --> 00:36:48,670
И ако јас зборувам за
кликнете на линкот или кликнете тука за да се забавуваат

708
00:36:48,670 --> 00:36:51,850
линк, што би можело да ми Id биде тука?

709
00:36:51,850 --> 00:36:52,590
Партија.

710
00:36:52,590 --> 00:36:55,200
Точни.

711
00:36:55,200 --> 00:36:56,500
Добро не е премногу лоша досега.

712
00:36:56,500 --> 00:36:59,060
Секој се добие она што го правиш?

713
00:36:59,060 --> 00:37:02,100
>> Добро, па сега ни
копчето, и ние сакаме

714
00:37:02,100 --> 00:37:04,140
работите да се променат кога ќе кликнете на неа.

715
00:37:04,140 --> 00:37:08,750
Значи, ако ние се сеќаваме од нашето PowerPoint,
многу едноставна работа што можеме да направиме

716
00:37:08,750 --> 00:37:12,140
е само копчето точка OnClick, нели?

717
00:37:12,140 --> 00:37:14,750

718
00:37:14,750 --> 00:37:18,730
И тоа се случува да се изедначи на некоја функција.

719
00:37:18,730 --> 00:37:20,620
Ова е анонимен функција.

720
00:37:20,620 --> 00:37:24,620
И ова е само as-- всушност јас сум
случува да се направи ова малку поголем.

721
00:37:24,620 --> 00:37:27,330
>> Значи она што го направија
тука сакам да кажам дека, во ред,

722
00:37:27,330 --> 00:37:31,810
кога ќе кликнете нашите копче, кое е
овој линк, кој ние само се наведени,

723
00:37:31,810 --> 00:37:34,270
ние ќе се обидеме да се изврши
овој анонимен функција.

724
00:37:34,270 --> 00:37:35,845
Ние не се потребни никакви влезови.

725
00:37:35,845 --> 00:37:37,220
Ние не се грижат што корисникот вели.

726
00:37:37,220 --> 00:37:38,800
Кога ќе кликнете на неа, ние сме
ќе го направи она што го сакаме,

727
00:37:38,800 --> 00:37:40,660
што е промена на боја на позадината.

728
00:37:40,660 --> 00:37:42,640
Во ред?

729
00:37:42,640 --> 00:37:47,224
Значи тоа е причината зошто ние не имате било какви влезови,
ние само треба овој анонимен функција.

730
00:37:47,224 --> 00:37:49,390
И сега ние сме всушност, се случува
да ја напишам оваа функција.

731
00:37:49,390 --> 00:37:55,040
>> Значи има еден куп начини можете
може да генерира случаен боја.

732
00:37:55,040 --> 00:37:59,010
Начинот на кој што го направив беше да се
генерира три случајни броеви

733
00:37:59,010 --> 00:38:01,910
и да ги конвертирате во еден RGB трокреветни.

734
00:38:01,910 --> 00:38:06,130
Значи ова само ви покажува некои кул
работи што ако сте како, "О,

735
00:38:06,130 --> 00:38:08,464
Јас мора да се генерираат случајни
број. "Ако го Googled,

736
00:38:08,464 --> 00:38:09,630
тоа е она што ќе го најде.

737
00:38:09,630 --> 00:38:17,580
>> Значи, имаме три различни
работи, var, а не пак црвена, зелена.

738
00:38:17,580 --> 00:38:18,080
Зарем не?

739
00:38:18,080 --> 00:38:20,740
Значи тоа се трите
нешта кои го сочинуваат боја.

740
00:38:20,740 --> 00:38:22,220
Сина, црвена и зелена боја.

741
00:38:22,220 --> 00:38:22,960
Кул.

742
00:38:22,960 --> 00:38:27,050
И она што можеме да направиме е она што го знаеме
дека тоа треба да биде помеѓу 255,

743
00:38:27,050 --> 00:38:30,140
и ако сте виделе некои
генератор на случаен број,

744
00:38:30,140 --> 00:38:36,000
можете да добиете нешто како математика
точка случаен избор, кои, ако се погледне на овој горе

745
00:38:36,000 --> 00:38:39,230
се враќа во некои број
помеѓу нула и еден.

746
00:38:39,230 --> 00:38:39,980
Во ред?

747
00:38:39,980 --> 00:38:44,470
И што правиме броеви
RGB тројки одат помеѓу?

748
00:38:44,470 --> 00:38:47,240
Нула и што?

749
00:38:47,240 --> 00:38:49,000
Што можат да одат до?

750
00:38:49,000 --> 00:38:49,950
255.

751
00:38:49,950 --> 00:38:53,320
Значи, ако математика точка случаен избор
оди помеѓу нула и еден,

752
00:38:53,320 --> 00:38:56,365
како можеме да сакате да го конвертирате ова?

753
00:38:56,365 --> 00:38:56,990
ПУБЛИКАТА: Време?

754
00:38:56,990 --> 00:38:57,830
ALLISON BUCHHOLTZ-о: Да, точно.

755
00:38:57,830 --> 00:38:58,677
Значи време е 255.

756
00:38:58,677 --> 00:39:00,888
>> ПУБЛИКАТА: [нечујни]
Тоа е како [нечујни].

757
00:39:00,888 --> 00:39:02,471
ALLISON BUCHHOLTZ-о: Математика точка случаен избор.

758
00:39:02,471 --> 00:39:03,096
ПУБЛИКАТА: Кул.

759
00:39:03,096 --> 00:39:04,580
ALLISON BUCHHOLTZ-о: Да.

760
00:39:04,580 --> 00:39:06,300
Го вклучите Javascript-само се грижи за вас.

761
00:39:06,300 --> 00:39:07,580
OK.

762
00:39:07,580 --> 00:39:09,360
Значи можеме да го направи тоа за сите од нив.

763
00:39:09,360 --> 00:39:10,540
Зарем не?

764
00:39:10,540 --> 00:39:16,480
Математика точка случаен избор пати 255.

765
00:39:16,480 --> 00:39:17,740
Копија од тоа.

766
00:39:17,740 --> 00:39:18,820
Кул.

767
00:39:18,820 --> 00:39:23,350
Значи, она е, ова може да
не се врати цел број.

768
00:39:23,350 --> 00:39:24,080
Зарем не?

769
00:39:24,080 --> 00:39:26,450
Можеби и ние да се добијат некои број
помеѓу нула и еден,

770
00:39:26,450 --> 00:39:32,150
и тоа предизвикува тој да биде малку
надвор, а нашите RGBs не може да биде присутна.

771
00:39:32,150 --> 00:39:33,360
Тие треба да бидат ints.

772
00:39:33,360 --> 00:39:37,610
Значи, ако сте се обиделе ова, би веројатно
има некои непредвидливото однесување.

773
00:39:37,610 --> 00:39:38,810
Тоа ќе биде малку фанки.

774
00:39:38,810 --> 00:39:43,200
Значи она што го правиме ако сакаме да се направи
Осигурајте се дека овие се заоблени,

775
00:39:43,200 --> 00:39:45,400
и може да се заокружи било начин.

776
00:39:45,400 --> 00:39:47,110
Се заокружува со подот.

777
00:39:47,110 --> 00:39:49,680
Па јас секогаш се сигурни
дека заокружени.

778
00:39:49,680 --> 00:39:54,440
Но случува надвор од тоа како едноставна
беше само да добие случаен број,

779
00:39:54,440 --> 00:39:57,920
како да се мислиме
можеби кат овој број?

780
00:39:57,920 --> 00:40:00,720
Тоа е многу сличен.

781
00:40:00,720 --> 00:40:02,810
Секоја идеја?

782
00:40:02,810 --> 00:40:06,450
Значи, ако случајно беше само математика точка
по случаен избор, па мислите дека ние би го сторила подот?

783
00:40:06,450 --> 00:40:09,670
Математика точка подот.

784
00:40:09,670 --> 00:40:11,340
И ти исто така може да направи математика точка таванот.

785
00:40:11,340 --> 00:40:14,030
Тркалезна ти е вид на двосмислена
Бидејќи вие не

786
00:40:14,030 --> 00:40:16,110
знам дали да се заокружи или круг надолу.

787
00:40:16,110 --> 00:40:20,797
Па обично ние секогаш направи математика
точка кат, математика точка таванот.

788
00:40:20,797 --> 00:40:21,380
Но honestly--

789
00:40:21,380 --> 00:40:22,780
>> ПУБЛИКАТА: Дали кат круг долу?

790
00:40:22,780 --> 00:40:24,740
>> ALLISON BUCHHOLTZ-о: кат заокружува надолу.

791
00:40:24,740 --> 00:40:26,990
И тоа е само избор за мојата улога.

792
00:40:26,990 --> 00:40:32,370
>> Така, сега имаме три броеви
кои биле случајно генерираниот,

793
00:40:32,370 --> 00:40:36,610
и она што ние ќе треба да направите сега е ние сме
само се случува да се промени позадината.

794
00:40:36,610 --> 00:40:37,310
Во ред?

795
00:40:37,310 --> 00:40:41,490
Значи ние веќе имаме
позадина вид на складирани

796
00:40:41,490 --> 00:40:43,280
во овој елемент се нарекува позадина.

797
00:40:43,280 --> 00:40:47,300
Значи она што ќе забележите е, ако
ќе одигра околу со тоа,

798
00:40:47,300 --> 00:40:50,460
ние сакаме да го промените стилот.

799
00:40:50,460 --> 00:40:53,812
И ова е вид на нешто што
ќе Google и дознаам,

800
00:40:53,812 --> 00:40:55,020
Како како да се промени бојата.

801
00:40:55,020 --> 00:40:59,210
>> Но начинот на кој можете да пристапите на оваа боја е
позадина точка точка стил позадина.

802
00:40:59,210 --> 00:41:03,490
Значи ова е велејќи дека со оглед на
овој објект, позадина,

803
00:41:03,490 --> 00:41:06,920
кој се однесува на тоа
елемент Id таму горе,

804
00:41:06,920 --> 00:41:10,690
ние ќе се погледне на
стил во стил,

805
00:41:10,690 --> 00:41:13,280
ние ќе треба да се погледне во позадина.

806
00:41:13,280 --> 00:41:14,270
Во ред?

807
00:41:14,270 --> 00:41:17,630
И ако одат и да бараат на овој горе,
тоа би можело да се направи малку повеќе смисла,

808
00:41:17,630 --> 00:41:21,930
Но, ова е во основа само велејќи,
"Ми даде овој многу специфичен атрибут

809
00:41:21,930 --> 00:41:25,770
од она што сум го дефинира порано. "

810
00:41:25,770 --> 00:41:32,340
Значи она што ние сме го менува за да се
некои RGB, бидејќи тоа го прави смисла.

811
00:41:32,340 --> 00:41:34,780
Ние сме користење на RGB тројки, нели?

812
00:41:34,780 --> 00:41:41,530
И ние have-- сакам да бидете сигурни дека јас
добиле вистинскиот број на цитати од тука.

813
00:41:41,530 --> 00:41:43,940
Значи она што го правиме е тоа што имаме
RGB, и ние ќе

814
00:41:43,940 --> 00:41:46,800
to-- ова е како
конкатенација, кој е црвена.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
И тогаш ќе сакате некои запирка.

817
00:41:52,610 --> 00:41:59,925
И тогаш сакаме плус зелена,
тогаш некои запирка, а некои сина боја.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Значи овие предности само
значи како сплет.

820
00:42:14,120 --> 00:42:19,810
Значи ова е само создавање на овој
стринг што се случува во рамките на RGB.

821
00:42:19,810 --> 00:42:20,310
Во ред?

822
00:42:20,310 --> 00:42:23,200

823
00:42:23,200 --> 00:42:26,684
>> ПУБЛИКАТА: [нечујни] плус тогаш
зелените плус тогаш црвено.

824
00:42:26,684 --> 00:42:30,163
>> ALLISON BUCHHOLTZ-о Да,
бидејќи јас збркана дека до.

825
00:42:30,163 --> 00:42:30,890
Дека еден е во ред.

826
00:42:30,890 --> 00:42:32,110
Ах, се издржи.

827
00:42:32,110 --> 00:42:32,610
Не

828
00:42:32,610 --> 00:42:36,770
Затоа што треба да бидете сигурни
што ја добив сите овие право.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Па јас ќе објаснам во ООН Momento.

831
00:42:43,950 --> 00:42:47,040
Зелена, сина, совршена.

832
00:42:47,040 --> 00:42:47,971
Сега јас сум се направи.

833
00:42:47,971 --> 00:42:48,470
Верувам.

834
00:42:48,470 --> 00:42:51,570

835
00:42:51,570 --> 00:42:52,530
>> OK.

836
00:42:52,530 --> 00:42:58,085
Па што е ова, е дека позадината
ќе треба да се постави на некои стринг.

837
00:42:58,085 --> 00:42:58,585
Зарем не?

838
00:42:58,585 --> 00:42:59,710
Што е она што го имаме овде.

839
00:42:59,710 --> 00:43:05,870
Тоа се случува да биде некој RGB 255 запирка
255 запирка нула, или број што го

840
00:43:05,870 --> 00:43:06,512
има таму.

841
00:43:06,512 --> 00:43:08,220
Значи правиш тука,
ние имаме некои стринг.

842
00:43:08,220 --> 00:43:11,910
И она што сакаме да го направиме, е ние сме
вид на динамички создавање

843
00:43:11,910 --> 00:43:14,010
дека кога ние всушност ја извршите оваа програма.

844
00:43:14,010 --> 00:43:16,570
Значи ова е некои стринг.

845
00:43:16,570 --> 00:43:20,290
Плус тоа concatenates со
вредноста што има црвена,

846
00:43:20,290 --> 00:43:23,320
кој concatenates тоа со
запирка, што concatenates

847
00:43:23,320 --> 00:43:26,090
со она што е зелена, и
така натаму, и така натаму.

848
00:43:26,090 --> 00:43:26,660
Во ред?

849
00:43:26,660 --> 00:43:32,210
До самиот крај, која е
затворање загради на овој RGB тука.

850
00:43:32,210 --> 00:43:32,800
Во ред?

851
00:43:32,800 --> 00:43:37,230
>> Значи она што ова се случува да
генерира некоја команда навистина

852
00:43:37,230 --> 00:43:42,770
тоа е RGB од три броеви
дека позадината е сега во собата да.

853
00:43:42,770 --> 00:43:43,940
Во ред?

854
00:43:43,940 --> 00:43:46,510
Значи, да се види дали тоа функционира.

855
00:43:46,510 --> 00:43:49,720
Се надевам дека го прави тоа, бидејќи ако тоа
не, јас ќе одам да се биде вистински тажен.

856
00:43:49,720 --> 00:43:50,250
О, не.

857
00:43:50,250 --> 00:43:52,710
Добро, се издржи.

858
00:43:52,710 --> 00:43:56,730
Дефинитивно позадина
точка точка стил позадина.

859
00:43:56,730 --> 00:43:59,569
Јас сум дефинитивно недостасува
нешто само мал.

860
00:43:59,569 --> 00:44:00,610
Не сте момци мразам тоа?

861
00:44:00,610 --> 00:44:04,020
Кога тоа е само мал малку грешка?

862
00:44:04,020 --> 00:44:04,990
Семоќниот позадина.

863
00:44:04,990 --> 00:44:08,391

864
00:44:08,391 --> 00:44:08,890
RGB.

865
00:44:08,890 --> 00:44:09,765
>> ПУБЛИКАТА: [нечујни]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
ALLISON BUCHHOLTZ-о: Не

868
00:44:12,770 --> 00:44:14,050
Се обидов ова пред класа.

869
00:44:14,050 --> 00:44:16,570
Имам се што направи пред
класа во случај јас бев како,

870
00:44:16,570 --> 00:44:17,970
"Чекај, што направив погрешно?"

871
00:44:17,970 --> 00:44:23,190
Бидејќи јас бев како, "Јас веројатно ќе
хаос овој горе во одреден момент. "

872
00:44:23,190 --> 00:44:24,150
Плус зелена.

873
00:44:24,150 --> 00:44:26,250
Сè што изгледа како да е
concatenated правилно.

874
00:44:26,250 --> 00:44:29,620

875
00:44:29,620 --> 00:44:30,520
OK.

876
00:44:30,520 --> 00:44:31,870
>> ПУБЛИКАТА: [нечујни]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON BUCHHOLTZ-о О, и таму да одите.

878
00:44:33,810 --> 00:44:35,520
Тоа е она што ми треба.

879
00:44:35,520 --> 00:44:36,805
Погледни го тоа.

880
00:44:36,805 --> 00:44:40,090
Тифани за спасување.

881
00:44:40,090 --> 00:44:40,590
Перфект.

882
00:44:40,590 --> 00:44:41,090
OK.

883
00:44:41,090 --> 00:44:43,834
Сега да видиме дали таа работи.

884
00:44:43,834 --> 00:44:44,816
О Боже.

885
00:44:44,816 --> 00:44:45,641
OK.

886
00:44:45,641 --> 00:44:46,140
Чекај.

887
00:44:46,140 --> 00:44:48,280
>> ПУБЛИКАТА: простор по втората плус.

888
00:44:48,280 --> 00:44:50,310
>> ALLISON BUCHHOLTZ-о: Кој?

889
00:44:50,310 --> 00:44:52,910
О чека, се издржи.

890
00:44:52,910 --> 00:44:54,870
Простор носат?

891
00:44:54,870 --> 00:44:57,209
>> ПУБЛИКАТА: Втора плус
зелените сплет.

892
00:44:57,209 --> 00:44:58,250
ALLISON BUCHHOLTZ-о: О.

893
00:44:58,250 --> 00:44:59,570
ПУБЛИКАТА: Нема простор
по плус, да.

894
00:44:59,570 --> 00:45:00,790
ALLISON BUCHHOLTZ-о: Вие
не е потребно тоа, but--

895
00:45:00,790 --> 00:45:01,190
ПУБЛИКАТА: О, не?

896
00:45:01,190 --> 00:45:01,910
ALLISON BUCHHOLTZ-о: Тоа изгледа убаво.

897
00:45:01,910 --> 00:45:02,530
ПУБЛИКАТА: Добро.

898
00:45:02,530 --> 00:45:03,030
OK.

899
00:45:03,030 --> 00:45:05,170
>> ALLISON BUCHHOLTZ АУ:
Да видиме дали тоа функционира.

900
00:45:05,170 --> 00:45:05,670
OK.

901
00:45:05,670 --> 00:45:07,836
Јас сум очигледно не на
ова демо, што ме потсетува

902
00:45:07,836 --> 00:45:12,810
на предавање на други недела,
но знам дека тоа ќе работи.

903
00:45:12,810 --> 00:45:15,860
Знам дека ова ќе работат.

904
00:45:15,860 --> 00:45:16,580
Толку блиску.

905
00:45:16,580 --> 00:45:22,330
Ако јас не случајно избришани
мојата скрипта на оваа.

906
00:45:22,330 --> 00:45:24,035
Не, тоа е партија точка js.

907
00:45:24,035 --> 00:45:25,776
Добро се издржи.

908
00:45:25,776 --> 00:45:28,650
Одам да го копирате ова, и јас сум исто така,
само ќе го избришете сè,

909
00:45:28,650 --> 00:45:30,108
бидејќи имав оваа работна порано.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Јас ветувам дека таа работи.

912
00:45:33,770 --> 00:45:36,160
Ако не, јас ќе ви покаже што е Томи.

913
00:45:36,160 --> 00:45:38,890
И таму.

914
00:45:38,890 --> 00:45:42,380
>> ПУБЛИКАТА: Ти си референцирање партија
дот, CSS, и тоа е една партија точка js.

915
00:45:42,380 --> 00:45:45,940
>> ALLISON BUCHHOLTZ-о: Ах, добро
тука е партија точка js.

916
00:45:45,940 --> 00:45:49,187
Добро, што сум направил поинаку?

917
00:45:49,187 --> 00:45:50,520
Добро, ќе видиме дали ова работи сега.

918
00:45:50,520 --> 00:45:54,180

919
00:45:54,180 --> 00:45:54,980
Бам.

920
00:45:54,980 --> 00:46:02,110
Значи, јас не го знам она што го направив поинаку,
но тоа е она што треба да се случи.

921
00:46:02,110 --> 00:46:03,230
Kinda кул.

922
00:46:03,230 --> 00:46:06,650
Јас кликна на ова, како, засекогаш.

923
00:46:06,650 --> 00:46:11,185
Но, можеме да се обиде и да се види она што го направив
поинаку дека оваа имал.

924
00:46:11,185 --> 00:46:14,560
Не знам за вас момци, но ова
изгледа во основа она што јас само напишав.

925
00:46:14,560 --> 00:46:17,950
Имаше веројатно исчезнати
точка и запирка некаде е моја работа.

926
00:46:17,950 --> 00:46:22,064
Всушност, откако, мислам дека беше недостасува
точка и запирка токму тука, всушност.

927
00:46:22,064 --> 00:46:24,230
Но, јас не можеше да го види, бидејќи
тоа беше надвор од екранот.

928
00:46:24,230 --> 00:46:29,040
>> Но, ако ги забележите, ова е прилично
многу точно она што јас само напишав.

929
00:46:29,040 --> 00:46:33,010
Мислам дека веројатно најтешкиот дел за
ова е само вид на тоа нешто во право

930
00:46:33,010 --> 00:46:36,830
тука, разбирање
она што таа го прави таму.

931
00:46:36,830 --> 00:46:42,230
Овие видови на нештата ќе научат
навистина само со Googling и чесно

932
00:46:42,230 --> 00:46:42,880
само се обидува.

933
00:46:42,880 --> 00:46:46,770
Ако мислите дека некои
атрибут, таму веројатно е.

934
00:46:46,770 --> 00:46:48,382
Значи да го пробате.

935
00:46:48,382 --> 00:46:49,090
Погледнете што се случува.

936
00:46:49,090 --> 00:46:53,000
Како што реков, има многу на
експериментирање со вклучите Javascript-,

937
00:46:53,000 --> 00:46:56,810
и PHP, и сето тоа
работи, и CSS, особено.

938
00:46:56,810 --> 00:47:00,046
Тоа е единствениот вистински
начин да го разбере.

939
00:47:00,046 --> 00:47:07,100
>> Добро, па после тоа фијаско со партијата
точка ЈС, имаме две други опции.

940
00:47:07,100 --> 00:47:10,650
Имаме часовникот или Твитер.

941
00:47:10,650 --> 00:47:12,190
Тие се двете интересно.

942
00:47:12,190 --> 00:47:17,720
Можеби не е толку забавно како партија,
кои имаа излади малку strobing

943
00:47:17,720 --> 00:47:19,595
работа на крајот.

944
00:47:19,595 --> 00:47:21,714
Дали вие момци имате било какви предност?

945
00:47:21,714 --> 00:47:22,380
ПУБЛИКАТА: часовникот?

946
00:47:22,380 --> 00:47:22,950
ALLISON BUCHHOLTZ-о: часовникот?

947
00:47:22,950 --> 00:47:23,450
OK.

948
00:47:23,450 --> 00:47:25,390
Кул.

949
00:47:25,390 --> 00:47:30,460
>> Значи, повторно, ние си имаме
празни вклучите Javascript-датотека.

950
00:47:30,460 --> 00:47:35,800
И како што гледаме тука, ние
има некои многу едноставни HTML.

951
00:47:35,800 --> 00:47:40,010
Ние имаме стилот на состојба, што само
формати на она што треба да изгледа.

952
00:47:40,010 --> 00:47:42,860
Ние имаме div со
идентификација на часовникот, којшто

953
00:47:42,860 --> 00:47:44,420
само вели дека "ова треба да биде часовник."

954
00:47:44,420 --> 00:47:47,650
И ние имаме линк
за нашите вклучите Javascript-датотека

955
00:47:47,650 --> 00:47:51,400
што е, всушност, ќе
генерираат нашите часовникот за нас.

956
00:47:51,400 --> 00:47:56,060
Бидејќи кул работа, е дека можете да
Го вклучите Javascript-се постави автоматски да се освежи

957
00:47:56,060 --> 00:47:56,963
себе.

958
00:47:56,963 --> 00:47:57,810
Во ред?

959
00:47:57,810 --> 00:48:01,580
Така, наместо да чека за
корисникот да ја погоди Освежи на страницата

960
00:48:01,580 --> 00:48:03,840
така што ќе може да се добие
ажурира времето, го вклучите Javascript-

961
00:48:03,840 --> 00:48:06,760
може да го ажурира сепак го сака.

962
00:48:06,760 --> 00:48:12,082
>> Значи, како и со нашиот последен еден, сакавме
за пристап до нашата позадина, нели?

963
00:48:12,082 --> 00:48:14,790
Па што мислиш може да биде
Првото нешто што сакате да го направите тука?

964
00:48:14,790 --> 00:48:19,538
Ако ние сме вид на се исклучуваа
овој вид на парадигмата тука?

965
00:48:19,538 --> 00:48:22,200
Ние веројатно сакате да
пристап до нашите часовник, нели?

966
00:48:22,200 --> 00:48:24,724
Значи, имаме некои var
часовник, кој equals--

967
00:48:24,724 --> 00:48:26,140
она што мислиме дека тоа нема да биде?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Документ точка добие елемент by-- Јас, исто така
сакам Sublime-- ID и нашите Id е часовникот.

970
00:48:42,670 --> 00:48:43,585
Точка и запирка.

971
00:48:43,585 --> 00:48:45,710
Мора да бидете сигурни дека за да се добие
оние semicolons тоа време,

972
00:48:45,710 --> 00:48:47,835
бидејќи чувствувам како тоа
беше проблемот за последен пат.

973
00:48:47,835 --> 00:48:55,980
OK, па, како што беше само велејќи дека со обидот
за да го вклучите Javascript-се освежи,

974
00:48:55,980 --> 00:48:59,655
има оваа голема функција, јас
знаат дека тоа дојде во рака минатата година,

975
00:48:59,655 --> 00:49:02,780
Не сум сигурен што доаѓа во удобен за ова
pset, но тоа се вика сет интервал.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
И ова е, всушност, навистина
кул, ако вие момци се направи нешто

978
00:49:08,200 --> 00:49:11,460
со текот на времето или добивање
ажурирани информации.

979
00:49:11,460 --> 00:49:13,700
На веб-сајтот за конечна
проект, ова е веројатно

980
00:49:13,700 --> 00:49:16,240
на функцијата што сакате да
добиете супер запознаени со.

981
00:49:16,240 --> 00:49:19,730
Значи она што го поставите интервал не е тоа
ние ќе треба да го даде функција,

982
00:49:19,730 --> 00:49:21,830
и колку често треба да
нарекуваме оваа функција.

983
00:49:21,830 --> 00:49:22,430
Во ред?

984
00:49:22,430 --> 00:49:26,890
>> Значи во овој случај, ние сме само ќе
создаде некои анонимни функција повторно,

985
00:49:26,890 --> 00:49:31,530
ОК, тоа се случува да се
нашите датум, и за нашето време,

986
00:49:31,530 --> 00:49:33,780
а потоа и ажурирање работи и прикажување на тоа.

987
00:49:33,780 --> 00:49:35,130
Затоа ние ќе се грижи за тоа.

988
00:49:35,130 --> 00:49:39,120
Ние ќе биде како да генерираат часовник тука.

989
00:49:39,120 --> 00:49:41,750
Но, она што ни треба е како
често да го одмориме.

990
00:49:41,750 --> 00:49:43,930
Значи во овој случај, тоа е само милисекунди.

991
00:49:43,930 --> 00:49:46,877
Значи ние сме само ќе
направи 100 милисекунди.

992
00:49:46,877 --> 00:49:48,210
Се разбира, сосема произволна.

993
00:49:48,210 --> 00:49:50,600
Ако сакаше тоа да го обновите
многу побавно, што би можеле да.

994
00:49:50,600 --> 00:49:53,300
Ние можеме да се плеткаме околу
со сет интервал,

995
00:49:53,300 --> 00:49:57,240
колку е голема нашата интервал е откако ќе го добиеме
часовник кој работи, кој се надевам дека ќе

996
00:49:57,240 --> 00:49:59,660
се стигне.

997
00:49:59,660 --> 00:50:04,110
Значи ова е само велејќи, "Добро, повик
оваа функција секои 100 милисекунди. "

998
00:50:04,110 --> 00:50:04,805
Во ред?

999
00:50:04,805 --> 00:50:07,280
Тоа е се што прави.

1000
00:50:07,280 --> 00:50:12,290
>> Значи она што го сакаме нашиот функција да
направите е да сакаме да имаме некои денот

1001
00:50:12,290 --> 00:50:14,200
и некое време е она што
ние сме случува да имаат.

1002
00:50:14,200 --> 00:50:19,740
Значи можеме да го започнеме со нашите
датум еднаква на нешто,

1003
00:50:19,740 --> 00:50:22,708
и за нашето време е еднакво на нешто
дека се 'уште не се знае.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
Или, всушност, ние само треба денес, бидејќи
датум се случува да се вклучат сè.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
Повторно, ако само на Google нешто во врска со
што сакате да направите, ако се напише, "Добро,

1008
00:50:40,010 --> 00:50:41,980
Сакам да се добие време
користејќи JavaScript ", се

1009
00:50:41,980 --> 00:50:45,890
ќе ви даде овој голем
функција наречена датум добие.

1010
00:50:45,890 --> 00:50:48,664
Буквално, повеќето нешта
што сакате да направите,

1011
00:50:48,664 --> 00:50:50,830
Го вклучите Javascript-се случува да имаат
тоа го прави за вас веќе.

1012
00:50:50,830 --> 00:50:55,770
Така, тоа е буквално како нов
да добиеме датум, кој е creating--

1013
00:50:55,770 --> 00:50:58,600
или нов датум, rather--
кој е генерирање на

1014
00:50:58,600 --> 00:51:03,690
некој предмет што претставува датум.

1015
00:51:03,690 --> 00:51:08,200
>> И она што се случува да го направите тука е
ова is-- јас ќе одам да се напише ова,

1016
00:51:08,200 --> 00:51:10,820
а потоа објасни она што го прави.

1017
00:51:10,820 --> 00:51:12,560
Затоа јас ќе бидете сигурни дека да се добие тоа право.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> Добро, така што оваа функција
не, е дека ние сме само

1020
00:51:23,440 --> 00:51:30,680
создавање на HTML тоа е, всушност,
нема да оди во рамките на нашите div id на часовникот.

1021
00:51:30,680 --> 00:51:34,610
Па што ова се случува да се прави
е само генерирање на некои стринг, во ред?

1022
00:51:34,610 --> 00:51:38,510
Тоа е тогаш ќе биде
трансплантирани во нашиот HTML.

1023
00:51:38,510 --> 00:51:42,130
Во суштина она што тоа се случува да направите е
што we-- она ​​што јас ќе ви покажам

1024
00:51:42,130 --> 00:51:49,070
е дека што и да каже HTML е,
ние ќе треба да го замени овој текст тука

1025
00:51:49,070 --> 00:51:51,090
со што HTML е.

1026
00:51:51,090 --> 00:51:56,390
Значи, тоа се случува да се овозможи
нас да го промениме нашиот часовник точка

1027
00:51:56,390 --> 00:52:00,940
HTML од тоа да биде само на текстот на овој
треба да биде часовникот, да всушност покажуваат

1028
00:52:00,940 --> 00:52:05,630
броевите и работите кои ние се грижиме
за, и, всушност ќе биде часот.

1029
00:52:05,630 --> 00:52:09,810
>> Значи она што ние ќе треба да направите е да сме
случува да се започне генерирање на оваа HTML.

1030
00:52:09,810 --> 00:52:16,520
Значи, во истиот начин на кој ние се користи
да се направи плус еднаква на целите броеви,

1031
00:52:16,520 --> 00:52:20,461
сега можете да го стори тоа за жици,
освен тоа се случува да ги concatenate.

1032
00:52:20,461 --> 00:52:20,960
Зарем не?

1033
00:52:20,960 --> 00:52:26,070
Како што видовме со партијата точка ЈС, тоа само
concatenates сите овие работи заедно.

1034
00:52:26,070 --> 00:52:31,970
Така можете да concatenate различни делови од
HTML код променливи, или делови од жиците

1035
00:52:31,970 --> 00:52:33,750
што ќе се напише
себе, и тоа само

1036
00:52:33,750 --> 00:52:38,650
навистина Ви овозможува да се динамички
генерира HTML, што е прилично кул.

1037
00:52:38,650 --> 00:52:42,040
Значи, ако имате нешто
многу лесен за специфични,

1038
00:52:42,040 --> 00:52:44,130
ова може да ви овозможи да го направите тоа.

1039
00:52:44,130 --> 00:52:47,550
>> Значи имаме HTML, да јас ќе одам да
се обиде и да бидете сигурни дека да се добие тоа право.

1040
00:52:47,550 --> 00:52:49,890
Значи ние се случува да се направи некои H1 заглавието.

1041
00:52:49,890 --> 00:52:53,610
Значи она што е важно да сфатат тука
е дека ова е всушност само HTML.

1042
00:52:53,610 --> 00:52:54,460
Зарем не?

1043
00:52:54,460 --> 00:52:56,610
Ви пишуваме вистински
HTML кодот во тука, тоа е

1044
00:52:56,610 --> 00:53:01,090
не само една нишка во нормална
начин на кој можеме да се размислува за тоа.

1045
00:53:01,090 --> 00:53:02,930
Значи имаме некои HTML.

1046
00:53:02,930 --> 00:53:04,940
Ова се смета за низа тука, секако.

1047
00:53:04,940 --> 00:53:10,380
И тоа го правиме денес ние dot--
сакаат да ги добијат нашите часа.

1048
00:53:10,380 --> 00:53:12,910
Повторно, ако сте во ситуација да се погледне
до нешто во врска со датумот,

1049
00:53:12,910 --> 00:53:16,160
тоа ќе ти кажам сите тие се
атрибути кои денес ги има.

1050
00:53:16,160 --> 00:53:17,670
И тука е она што можете да го користите на неа.

1051
00:53:17,670 --> 00:53:20,620
Тоа, најверојатно, има работи како
добие часа, и да добијат минути,

1052
00:53:20,620 --> 00:53:24,669
и да добијат секунди, и да добијат милисекунди,
и кој знае што друго тие имаат.

1053
00:53:24,669 --> 00:53:27,210
Но, ако погледнете во
документација, сето тоа ќе биде таму.

1054
00:53:27,210 --> 00:53:31,980
>> Значи ние треба да се добие часа,
а потоа ние би сакале

1055
00:53:31,980 --> 00:53:35,614
да concatenate дека with-- Јас сум
ќе се движи овој овде.

1056
00:53:35,614 --> 00:53:38,780
Значи, ако ние сме генерирање моментов, ние сме
всушност генерирање на време, нели?

1057
00:53:38,780 --> 00:53:43,590
Имаме часа, а потоа она што е
меѓу часови и минути?

1058
00:53:43,590 --> 00:53:45,080
Имате запирка, нели?

1059
00:53:45,080 --> 00:53:48,010
Значи, сакаме да се направи некои запирка тука.

1060
00:53:48,010 --> 00:53:51,780
И тогаш сакаме да се добие ни
минути, така што на ист начин

1061
00:53:51,780 --> 00:53:56,450
што го имаме денес точка добие часа,
како можеме да ги добиеме нашите минути?

1062
00:53:56,450 --> 00:54:01,542
Тоа е буквално и биде доделен датум точка добие
минути, што јас вид на се допаѓа.

1063
00:54:01,542 --> 00:54:03,250
Тоа е како, "О, колку
можам да добијам моите минути? "

1064
00:54:03,250 --> 00:54:05,850
Јас само се добие мојата минути.

1065
00:54:05,850 --> 00:54:07,500
>> OK.

1066
00:54:07,500 --> 00:54:10,990
И тогаш имаме уште дебелото црево тука.

1067
00:54:10,990 --> 00:54:16,350
И тогаш, ако сакаме да се добие ни
секунди, како можеме да ги добиеме нашите секунда?

1068
00:54:16,350 --> 00:54:17,400
Датум точка добие секунди.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Мислам дека тоа е прилично кул.

1071
00:54:21,590 --> 00:54:23,589
И она што е важно да се
се реализира, е дека ние, исто така,

1072
00:54:23,589 --> 00:54:31,730
треба да ги затвориме нашите HTML таг тука, затоа што
сепак треба да биде валиден HTML, па Н1.

1073
00:54:31,730 --> 00:54:33,481
Кул.

1074
00:54:33,481 --> 00:54:43,110
>> Па после тоа, ние може да го направи часовник
точка внатрешниот HTML-от е еднаква на HTML.

1075
00:54:43,110 --> 00:54:43,930
Во ред?

1076
00:54:43,930 --> 00:54:46,470
Значи се сеќавам како што реков
внатрешниот HTML основа

1077
00:54:46,470 --> 00:54:50,610
се 'што е помеѓу
две тагови кои ние разговаравме за

1078
00:54:50,610 --> 00:54:54,470
и внесува или манипулира
она што е таму?

1079
00:54:54,470 --> 00:54:58,290
Значи она што го прави ова, ако
ние се вратиме на нашите часовник,

1080
00:54:58,290 --> 00:55:04,180
е дека часовникот се однесува на
сè што е во овој div.

1081
00:55:04,180 --> 00:55:09,770
Ова е внатрешниот HTML
Id на овој часовник div.

1082
00:55:09,770 --> 00:55:13,930
И тоа така се случува да ја промените да
HTML кодот што ние едноставно се генерираат,

1083
00:55:13,930 --> 00:55:16,750
кој, што, се надевам,
се надевам, се надевам,

1084
00:55:16,750 --> 00:55:21,026
ќе се покаже на момент.

1085
00:55:21,026 --> 00:55:23,960
Ќе видиме.

1086
00:55:23,960 --> 00:55:25,170
Се разбира.

1087
00:55:25,170 --> 00:55:26,860
Толку многу технички проблеми.

1088
00:55:26,860 --> 00:55:31,480
Just-- Алисон Јас сум
ми игра денес момци.

1089
00:55:31,480 --> 00:55:34,136
ОК, тоа функционира.

1090
00:55:34,136 --> 00:55:35,760
точка внатрешниот часовник на HTML.

1091
00:55:35,760 --> 00:55:42,097
Тоа беше HTML Навистина?

1092
00:55:42,097 --> 00:55:43,180
Исто така, тоа е она што се случува.

1093
00:55:43,180 --> 00:55:48,750
Кога не може да се види нешто,
само погледнете во вашиот изворен код.

1094
00:55:48,750 --> 00:55:49,250
OK.

1095
00:55:49,250 --> 00:55:51,912

1096
00:55:51,912 --> 00:55:54,870
Дали сакате да знаете кул работи околу
дека ние ќе треба да се направи во право тука?

1097
00:55:54,870 --> 00:55:55,740
>> ПУБЛИКАТА: Можете ли да направите големи букви?

1098
00:55:55,740 --> 00:55:56,580
На големи букви?

1099
00:55:56,580 --> 00:55:58,996
Бидејќи имате добиете часа,
и потоа да се минути.

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON BUCHHOLTZ-о: Тоа
е да се добие часа и get-- ох.

1101
00:56:02,590 --> 00:56:04,945
Вие are-- злато ѕвезда.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
Сето ова е тест, момци.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Јас ветувам дека тоа е работа пред класа.

1106
00:56:17,330 --> 00:56:22,590
>> Добро, но нешто кул да знаете е
дека можете да also-- ако понекогаш

1107
00:56:22,590 --> 00:56:26,560
вашиот надворешен датотеки се
добивање малку луд,

1108
00:56:26,560 --> 00:56:30,960
можете исто така да само да ги стави директно
овде, која има тенденција да ги среди работите.

1109
00:56:30,960 --> 00:56:35,840
Освен ова е како навистина грди.

1110
00:56:35,840 --> 00:56:38,050
Се разбира форматирате сè.

1111
00:56:38,050 --> 00:56:41,425
Бидете сигурни дека тоа е сите прилично.

1112
00:56:41,425 --> 00:56:41,925
OK.

1113
00:56:41,925 --> 00:56:47,200

1114
00:56:47,200 --> 00:56:50,621
>> Сакав да го направите сите кул демо снимки,
и тие се само не работат надвор.

1115
00:56:50,621 --> 00:56:51,555
OK.

1116
00:56:51,555 --> 00:56:53,890
Сценарио var часовникот.

1117
00:56:53,890 --> 00:57:00,350
Относнотова, она што е важно е
дека ова е општ начин

1118
00:57:00,350 --> 00:57:01,870
дека ќе го форматирам JavaScript.

1119
00:57:01,870 --> 00:57:04,490
Како што можете да видите, тоа може да биде
многу претрупан понекогаш,

1120
00:57:04,490 --> 00:57:08,780
дури и кога беше буквално
работа пред две секунди.

1121
00:57:08,780 --> 00:57:11,820
Или не пред две втори,
но многу, многу скоро.

1122
00:57:11,820 --> 00:57:16,070
>> Па да ви го покаже она што треба да изгледа,
и да ти докажам дека не сум луд,

1123
00:57:16,070 --> 00:57:19,730
и дека сè е токму
исто, тоа е она што треба да изгледа.

1124
00:57:19,730 --> 00:57:27,410
Ти си само случува да го направите ова горниот дел
тука, и ако видите изворниот,

1125
00:57:27,410 --> 00:57:32,160
ако забележите, тој ја направи некои
полуда работи, јас го поедноставен.

1126
00:57:32,160 --> 00:57:35,710
Исто така, кредит на Томи
McWilliam, кои, всушност,

1127
00:57:35,710 --> 00:57:38,810
ми помогна да се создадат овие примери,
кој е зошто јас знам дека тие работат.

1128
00:57:38,810 --> 00:57:41,560
Бидејќи Томи е да го вклучите Javascript господар.

1129
00:57:41,560 --> 00:57:43,180
Но, ако ги забележуваме, ги има некои сет.

1130
00:57:43,180 --> 00:57:45,170
Ние имаме функција на часовникот тука.

1131
00:57:45,170 --> 00:57:48,450
Ова е за сите што го вклучите Javascript-
ние само напишал, или некои од нив.

1132
00:57:48,450 --> 00:57:51,470
Ние само го напишал ова, токму тука.

1133
00:57:51,470 --> 00:57:54,260
И тој има екстра
функција која само го влошки

1134
00:57:54,260 --> 00:57:57,790
со поставување на нула пред
писмо или пред голем број ако е

1135
00:57:57,790 --> 00:57:59,412
само еден од нив.

1136
00:57:59,412 --> 00:58:02,120
Значи ако забележите дека, ова е прилично
многу точно она што ние само напишав.

1137
00:58:02,120 --> 00:58:06,230
Имате некои променлива часовник кој
има нашата елемент, се елемент по проект,

1138
00:58:06,230 --> 00:58:07,252
која е часовникот.

1139
00:58:07,252 --> 00:58:08,960
Ние имаме сет интервал
функција, тоа е

1140
00:58:08,960 --> 00:58:12,670
анонимен функција
која извршува сето ова.

1141
00:58:12,670 --> 00:58:16,940
Имаме некои почнуваат низа
HTML кој потоа ќе можеме динамички

1142
00:58:16,940 --> 00:58:20,750
генерира со тоа што некои
H1 заглавието, concatenating

1143
00:58:20,750 --> 00:58:23,950
со добие часа, плус
нашите дебелото црево, плус добива

1144
00:58:23,950 --> 00:58:26,860
записникот, плус уште
дебелото црево, плус нашите секунди,

1145
00:58:26,860 --> 00:58:29,330
и на крај завршува HTML за тоа.

1146
00:58:29,330 --> 00:58:34,210
И тогаш ние ажурирање на нашите часовник
точка внатрешниот HTML во HTML,

1147
00:58:34,210 --> 00:58:37,640
и ние се ажурира на секои 100 милисекунди.

1148
00:58:37,640 --> 00:58:39,060
Во ред?

1149
00:58:39,060 --> 00:58:42,470
>> Види Ветувам дека не сум луд.

1150
00:58:42,470 --> 00:58:43,440
Не знам.

1151
00:58:43,440 --> 00:58:47,160
Не знам зошто не ми се допаѓа.

1152
00:58:47,160 --> 00:58:54,030
Се чувствувам како изгледа исто,
но очигледно тоа ме мрази.

1153
00:58:54,030 --> 00:58:59,600
>> Значи, да се види дали круг три оди подобро.

1154
00:58:59,600 --> 00:59:00,970
Ние сме за да ја видите.

1155
00:59:00,970 --> 00:59:02,910
Не сум сигурен како тоа се случува да одам.

1156
00:59:02,910 --> 00:59:06,700
Е секој барем добивање на
лошите страни, како само на општата тема

1157
00:59:06,700 --> 00:59:08,480
на JavaScript, иако?

1158
00:59:08,480 --> 00:59:15,660
Се надевам дека тоа е најмалку корисни, повеќе
од кои покажуваат дека тоа е малку претрупан.

1159
00:59:15,660 --> 00:59:21,190
Но, вашиот проблем во собата ќе биде многу забавно.

1160
00:59:21,190 --> 00:59:22,590
Тоа се случува да биде одлично.

1161
00:59:22,590 --> 00:59:24,820
Тоа нема да биде толку мачна
како ова, јас не мислам.

1162
00:59:24,820 --> 00:59:28,100
Вие, всушност, ќе се дојде до
види навистина кул работи.

1163
00:59:28,100 --> 00:59:31,734
>> Значи, последно, но не и најмалку важно,
ние ќе се обидеме на еден месец.

1164
00:59:31,734 --> 00:59:32,900
Јас сум навистина исплашени сега, момци.

1165
00:59:32,900 --> 00:59:35,762
Не знам како тоа се случува да одам.

1166
00:59:35,762 --> 00:59:39,930
Но, само за да ви даде малку
повеќе вкус, а тоа е, всушност,

1167
00:59:39,930 --> 00:59:44,190
манипулирање со жици и
влезови, она што се случува да се направи

1168
00:59:44,190 --> 00:59:50,960
е, ако ние се забележи со HTML--
и оваа има малку more--

1169
00:59:50,960 --> 00:59:57,200
имаме некој текст област, која
одговара на овој текст областа тука.

1170
00:59:57,200 --> 00:59:58,030
Во ред?

1171
00:59:58,030 --> 01:00:00,420
И што има ID на текст.

1172
01:00:00,420 --> 01:00:04,520
Ние тоа го сменил малку
со некои ширина и висина

1173
01:00:04,520 --> 01:00:07,310
дека ние сме предодредени,
и ние сме Н1,

1174
01:00:07,310 --> 01:00:11,260
која само е нашата насловот оној кој
ги претставува нашите карактери.

1175
01:00:11,260 --> 01:00:14,570
Ние ја даде некои Id на
преостанати карактери,

1176
01:00:14,570 --> 01:00:18,660
и тогаш имаме некои скрипта
тука, за што јас сум навистина

1177
01:00:18,660 --> 01:00:20,790
надевајќи се дека по трет пат е
шарм тука, момци.

1178
01:00:20,790 --> 01:00:26,750
>> Значи она што сакате да го направите,
во ист основен вена

1179
01:00:26,750 --> 01:00:31,480
што ние го направивме со часовник точка js
и партиски точка js како што сум забележал,

1180
01:00:31,480 --> 01:00:35,980
е ние сме отворени од страна всушност грабање
работите кои ние се грижиме за, нели?

1181
01:00:35,980 --> 01:00:42,330
Значи во овој случај, постојат два
работите кои ние се грижиме за, во ред?

1182
01:00:42,330 --> 01:00:47,199
Едно нешто што ние сме всушност вид на
гледајќи во и цртање податоци од,

1183
01:00:47,199 --> 01:00:48,990
и едно нешто што
ние сме всушност се менува.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Па таму е нашиот HTML.

1186
01:00:53,730 --> 01:01:00,370
Ако ова е нашата веб страница овде, што е
податоците што ги барате?

1187
01:01:00,370 --> 01:01:03,860
Тоа се случува да биде што
текстот во нашата кутии, нели?

1188
01:01:03,860 --> 01:01:05,310
Значи она што го пишувате тука.

1189
01:01:05,310 --> 01:01:08,150
Тоа е она што сакам да знам, или
тоа е она што сакате да се погледне.

1190
01:01:08,150 --> 01:01:10,690
И она што се случува да биде
менување на нашата веб-страница?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
На преостанати карактери.

1193
01:01:14,880 --> 01:01:19,550
Значи, на ист начин, ние сакаме да
започне со иницијализацијата променливи

1194
01:01:19,550 --> 01:01:22,030
кои, всушност, се држат овие елементи.

1195
01:01:22,030 --> 01:01:22,890
Во ред?

1196
01:01:22,890 --> 01:01:29,930
Значи, ако имаме некои var
тоа е нашиот текст област,

1197
01:01:29,930 --> 01:01:33,681
и ние имаме некои var што преостанува.

1198
01:01:33,681 --> 01:01:34,180
Зарем не?

1199
01:01:34,180 --> 01:01:36,190
Значи овие се случува да
држете тие две работи.

1200
01:01:36,190 --> 01:01:42,370
Значи на ист вид на работа,
документ dot-- Добро, јас сум

1201
01:01:42,370 --> 01:01:45,920
случува да бидете сигурни дека тоа е
оди на работа тоа време.

1202
01:01:45,920 --> 01:01:49,620
Јас сум многу непопустливи.

1203
01:01:49,620 --> 01:01:53,310
Добро, па ако сакаме нашиот
текстуалното поле, според

1204
01:01:53,310 --> 01:01:55,710
на нашиот HTML, што е нашиот идентификатор?

1205
01:01:55,710 --> 01:01:56,420
Што е нашата ID?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
Тоа само ќе биде текст, бидејќи
ова го создава нашиот текст област, во ред,

1208
01:02:05,540 --> 01:02:10,320
и нашите Id е текст, така што е
како можеме да го зграби она што е таму.

1209
01:02:10,320 --> 01:02:12,130
Добро, точка-запирка.

1210
01:02:12,130 --> 01:02:13,940
Одам да се биде супер
прецизен за тоа,

1211
01:02:13,940 --> 01:02:16,300
затоа што сакам ова да работи тоа време.

1212
01:02:16,300 --> 01:02:22,120
Добро, го прават истото,
добие елемент со лична карта.

1213
01:02:22,120 --> 01:02:25,970
Јас сум навистина се прашувам што има
предизвикани од другите две да се плеткаш.

1214
01:02:25,970 --> 01:02:29,750
Добро, тогаш во овој,
што сакаме да пристапите?

1215
01:02:29,750 --> 01:02:30,760
Што е наша лична тука?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Имаме уште еден проект во
нашиот HTML, што е тоа?

1218
01:02:36,261 --> 01:02:37,552
ПУБЛИКАТА: преостанати карактери.

1219
01:02:37,552 --> 01:02:39,343
ALLISON BUCHHOLTZ-о:
Преостанати карактери.

1220
01:02:39,343 --> 01:02:43,360

1221
01:02:43,360 --> 01:02:44,330
>> OK.

1222
01:02:44,330 --> 01:02:46,010
Кул.

1223
01:02:46,010 --> 01:02:49,800
Па јас сум само ќе
напишам ова навистина брзо.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Јас сум само се случува да пишувам ова во секунда.

1226
01:02:55,330 --> 01:02:56,190
Значи текст.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
Она што е интересно е B function-- таму
многу функции кои не само што

1229
01:03:06,180 --> 01:03:09,690
одговара на вашиот
глувчето, но вашата тастатура.

1230
01:03:09,690 --> 01:03:10,190
Во ред?

1231
01:03:10,190 --> 01:03:16,540
Така може да се каже кога било кое копче е
притиснато, можете да ги правите нештата како тоа.

1232
01:03:16,540 --> 01:03:20,450
Значи она што ние сме со користење
се нарекува за клучните нагоре, што

1233
01:03:20,450 --> 01:03:25,320
вели: "ако сте притисне било кое копче за
вашата тастатура, кога корисникот ќе ја укина

1234
01:03:25,320 --> 01:03:28,064
прстот исклучи дека копче,
и клучните стана unpressed,

1235
01:03:28,064 --> 01:03:29,480
тогаш ние ќе треба да се направи нешто. "

1236
01:03:29,480 --> 01:03:29,980
Во ред?

1237
01:03:29,980 --> 01:03:31,370
Значи, тоа го прави смисла, нели?

1238
01:03:31,370 --> 01:03:33,540
Затоа што секој карактер
ние тип, ние ќе

1239
01:03:33,540 --> 01:03:36,550
мора да се укине нашите прстите
од него, па кога клучот оди нагоре,

1240
01:03:36,550 --> 01:03:40,980
можеме да знаеме да Намалување на
нашите преостанати карактери.

1241
01:03:40,980 --> 01:03:44,440
>> Значи ние треба некои клуч за
нагоре, и на ист начин,

1242
01:03:44,440 --> 01:03:47,480
ние сме случува да се каже,
"Добро, кога тоа го правиме, ние

1243
01:03:47,480 --> 01:03:55,110
се случува да се создаде некоја функција што
се случува да се земе е ", во овој случај,

1244
01:03:55,110 --> 01:03:58,800
и она што сакате да го направите е
пресметување на преостанатите бројот.

1245
01:03:58,800 --> 01:04:02,510
Добро, па ајде да започнете
преку создавање на променлива.

1246
01:04:02,510 --> 01:04:05,830
Значи имаме некои променлива R,
кој нема да претставуваат

1247
01:04:05,830 --> 01:04:07,720
колку знаци сме го оставиле.

1248
01:04:07,720 --> 01:04:08,890
Во ред?

1249
01:04:08,890 --> 01:04:14,540
Ние знаеме дека ние започнуваме со
140, и ако сакаме да знаеме,

1250
01:04:14,540 --> 01:04:18,360
да речеме, должината на овој
низа што е создадено влез,

1251
01:04:18,360 --> 01:04:20,860
Дали ви момци имаат било каква идеја
како да го направите тоа?

1252
01:04:20,860 --> 01:04:23,900
Само базирана на очигледните
работи, како и ако сакаме часа,

1253
01:04:23,900 --> 01:04:25,870
ние се користи за да се добие часа.

1254
01:04:25,870 --> 01:04:28,860
Ние знаеме дека нашата цел е
текстуалното поле, но дали вие момци

1255
01:04:28,860 --> 01:04:33,050
мислам на она што може да дојде по неа?

1256
01:04:33,050 --> 01:04:35,280
Сите идеи?

1257
01:04:35,280 --> 01:04:41,730
>> Значи ова е вид на помалку
интуитивни, но тоа е вредност точка должина.

1258
01:04:41,730 --> 01:04:44,700
Па само да ми даде некои
вредноста на атрибутот што

1259
01:04:44,700 --> 01:04:46,500
е всушност должината на овој стринг.

1260
01:04:46,500 --> 01:04:50,340
Значи, тоа се случува да се каже, "Добро, јас сум во потрага
на целата оваа низа во текстуалното поле,

1261
01:04:50,340 --> 01:04:52,730
а јас ќе одам да се каже
можете колку долго е тоа. "

1262
01:04:52,730 --> 01:04:55,500
Бидејќи, ако ние се сеќаваме на жици
се навистина само низи,

1263
01:04:55,500 --> 01:04:58,110
па ние само може да се земе должината на нив.

1264
01:04:58,110 --> 01:05:01,860
Значи ние треба тоа.

1265
01:05:01,860 --> 01:05:04,058
Кул.

1266
01:05:04,058 --> 01:05:09,360
>> Потоа она што сакаме да го направиме е ние
никогаш не сакаат да им овозможи на корисникот

1267
01:05:09,360 --> 01:05:12,340
да го внесете повеќе од
140 карактери, нели?

1268
01:05:12,340 --> 01:05:15,610
Бидејќи, ако кажеме како, "О, ти
имаат само ова многу останатите "

1269
01:05:15,610 --> 01:05:20,522
а потоа нека го направи тоа
Относнотова, ние сме биле лаже.

1270
01:05:20,522 --> 01:05:22,230
И ова е уште еден
Она што го вклучите Javascript-

1271
01:05:22,230 --> 01:05:24,530
може да биде навистина добар
за, е корисник валидација

1272
01:05:24,530 --> 01:05:29,062
и правење на сигурни дека вашата
корисникот вклопува во сите правила

1273
01:05:29,062 --> 01:05:30,270
дека сте се предвидени за нив.

1274
01:05:30,270 --> 01:05:36,020
Значи, ако сакате да ги правите нештата како да се прави
дека некој влез на нивните е-мејл адреса,

1275
01:05:36,020 --> 01:05:40,242
или да се направат сигурни дека кога ќе
влезе во две лозинки, тие се исти.

1276
01:05:40,242 --> 01:05:41,200
Го вклучите Javascript-може да го направи тоа.

1277
01:05:41,200 --> 01:05:44,010
Ќе се направи нешто како, "кога
форма се доставува, "или слично,

1278
01:05:44,010 --> 01:05:48,170
"Кога достават образец копче е
кликнато, проверете ги сите овие работи. "

1279
01:05:48,170 --> 01:05:49,670
И ние може да го направи тоа JavaScript.

1280
01:05:49,670 --> 01:05:52,680
Значи тоа е само она што
ние ќе треба да го направите тука.

1281
01:05:52,680 --> 01:05:57,810
>> Значи она што може да биде начин да се провери дали
тие си отиде повеќе од 140 карактери?

1282
01:05:57,810 --> 01:06:03,310
Што ќе се случи со
нашата вредност на R доколку се обидат?

1283
01:06:03,310 --> 01:06:04,760
Тоа се случува да биде негативен, нели?

1284
01:06:04,760 --> 01:06:07,380
Или тоа се случува да биде помалку
од или еднакво на нула.

1285
01:06:07,380 --> 01:06:13,690
Значи, ние може да се користи, ако тоа е
исто како и сè друго.

1286
01:06:13,690 --> 01:06:14,270
Во ред?

1287
01:06:14,270 --> 01:06:20,480
И ние имаме некој текст област точка
вредност, и она што го правиме тука

1288
01:06:20,480 --> 01:06:29,940
е ние сме само cutting-- што е тоа?

1289
01:06:29,940 --> 01:06:30,900
Жал ми е.

1290
01:06:30,900 --> 01:06:32,732
Оваа една, ние едноставно сакаат да се вратат лажни.

1291
01:06:32,732 --> 01:06:34,030
Јас се збуни.

1292
01:06:34,030 --> 01:06:36,560
Сите истрошен од работите не работат.

1293
01:06:36,560 --> 01:06:40,010
Добро, ние само сакаме да
return false, а потоа ние

1294
01:06:40,010 --> 01:06:44,160
сакате да се прикаже
Останатите карактери, нели?

1295
01:06:44,160 --> 01:06:48,720
Така е и со часовникот, ние го сторивме
нешто со внатрешниот HTML, нели?

1296
01:06:48,720 --> 01:06:52,070
Каде сме ние го постави еднаква на некои
променлива, така што можеме да го правиме тука?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
Што сме ние менување на внатрешниот HTML кодот на?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> ПУБЛИКАТА: Останата?

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON BUCHHOLTZ-о:
Ние сме менување на останатите.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
Сите права се, и она што ние
сакате да го поставите еднаква?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
Тоа се случува да биде R, бидејќи тоа
треба да биде нашиот преостанати карактери.

1306
01:07:18,437 --> 01:07:19,600
Во ред?

1307
01:07:19,600 --> 01:07:26,060
Затоа, јас сум навистина нервозен за да се види дали
ова работи сега, но ќе видиме.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Оставете го тоа.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
Тоа е навистина брзо.

1312
01:07:37,700 --> 01:07:38,970
[Нечујни] ред.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Повторно, јас сум само ќе ви покаже.

1315
01:07:45,990 --> 01:07:49,430
За која било причина,
рудникот одлучи да не работат,

1316
01:07:49,430 --> 01:07:53,354
но она што јас ќе ви покажеме е дека ова
is-- ох јас требаше да се стави дека во.

1317
01:07:53,354 --> 01:07:57,470
Добро, ќе забележиме истиот вид на
работа тука, впуштајќи се во текстуалното поле.

1318
01:07:57,470 --> 01:08:01,070
>> Исто така, ако човек известување, ако има
некогаш нешто што сакате да направите,

1319
01:08:01,070 --> 01:08:04,080
а вие не знаете како да направите
тоа, само кликнете на View страница извор,

1320
01:08:04,080 --> 01:08:06,632
и тие ќе ти кажам.

1321
01:08:06,632 --> 01:08:07,840
Понекогаш тоа ќе биде криптирана.

1322
01:08:07,840 --> 01:08:11,147
За ваша pset, ние го криптирате сè,
па тоа само изгледа како глупост.

1323
01:08:11,147 --> 01:08:13,480
Но, ако има некогаш навистина
кул веб-сајт кој ви се допаѓа,

1324
01:08:13,480 --> 01:08:17,729
ако само кликнете Преглед на кодот на страницата,
тоа се случува да ви кажам како да го направи тоа.

1325
01:08:17,729 --> 01:08:20,770
Значи, повторно, се работи попаметно, а не потешко.

1326
01:08:20,770 --> 01:08:24,250
И како што гледате тука, на сите
овие работи се исти.

1327
01:08:24,250 --> 01:08:31,930
ова овде само зема некои подниза
дека, заборавам токму она што овој го прави тоа.

1328
01:08:31,930 --> 01:08:36,980
Но, тоа очигледно зема некои подниза
на вредност од нула до десет,

1329
01:08:36,980 --> 01:08:41,540
и се враќа false што треба да престанат
корисникот од внесување на повеќе,

1330
01:08:41,540 --> 01:08:46,040
и тогаш очигледно ажурира
внатрешниот HTML таму.

1331
01:08:46,040 --> 01:08:47,410
>> Кул.

1332
01:08:47,410 --> 01:08:53,000
Значи големи преземе бесплатни работи од денес,
експеримент, погледнете во изворниот код

1333
01:08:53,000 --> 01:08:58,359
затоа што тоа се случува да ви помогне многу,
и сите, понекогаш го вклучите Javascript-

1334
01:08:58,359 --> 01:09:03,200
може да биде тешко да се работи со и не
секогаш да работи на начинот на кој што се очекува да се,

1335
01:09:03,200 --> 01:09:05,700
туку само се обидувам
бидејќи јас ветувам дека ќе.

1336
01:09:05,700 --> 01:09:08,376
Јас ветувам дека сите овие примери
работевме пред класа.

1337
01:09:08,376 --> 01:09:09,750
Не ми е јасно што се случило.

1338
01:09:09,750 --> 01:09:13,069
Јас буквално се што е иста.

1339
01:09:13,069 --> 01:09:17,660
>> Уште една работа што сакам да го
ви покаже момци кои можат да бидат супер корисни

1340
01:09:17,660 --> 01:09:21,630
е in-- што работеше и пред тоа?

1341
01:09:21,630 --> 01:09:23,935
Добивме партија на работа, не ние?

1342
01:09:23,935 --> 01:09:26,569
Јас мислам така.

1343
01:09:26,569 --> 01:09:27,069
Да.

1344
01:09:27,069 --> 01:09:27,630
Ние го сторивме.

1345
01:09:27,630 --> 01:09:28,250
Прекрасно.

1346
01:09:28,250 --> 01:09:31,189
ОК, значи едно нешто што
вие момци треба да ги знаете

1347
01:09:31,189 --> 01:09:33,340
е конзолата најавите дека говорев.

1348
01:09:33,340 --> 01:09:37,040
Значи конзола точка најавите на здраво.

1349
01:09:37,040 --> 01:09:40,430
Значи ова е вид на
Го вклучите Javascript-еквивалент од printf.

1350
01:09:40,430 --> 01:09:42,810
Значи, ако некогаш сакаш да
прегледате вашиот променливи

1351
01:09:42,810 --> 01:09:49,649
или да видиме што се случува таму, што
можете да го направите е, ако ние ја испита елемент,

1352
01:09:49,649 --> 01:09:51,899
е она што сакате да одите
да, а вие одете на конзола,

1353
01:09:51,899 --> 01:09:53,770
ќе видите дека тоа печатени здраво.

1354
01:09:53,770 --> 01:09:55,750
>> Значи, ние би можеле да го имаат
Верзија за она што сакавме.

1355
01:09:55,750 --> 01:10:04,170
Ако сакавме да се печати позадина
точка точка стил позадина,

1356
01:10:04,170 --> 01:10:08,454
ние треба да бидеме во можност да ја видите
RGB тројно што доаѓа до.

1357
01:10:08,454 --> 01:10:11,140
Или не.

1358
01:10:11,140 --> 01:10:13,520
Заборавам како точно
печати променлива како што,

1359
01:10:13,520 --> 01:10:17,249
но треба да бидете во можност да
печати работи како што.

1360
01:10:17,249 --> 01:10:19,040
Тоа ќе биде многу корисно
за pset кога

1361
01:10:19,040 --> 01:10:23,330
сте се обидува да манипулира
координати и какво ли не.

1362
01:10:23,330 --> 01:10:25,270
Значи, тие исто така се промени ова парче во својата класа.

1363
01:10:25,270 --> 01:10:30,750
Ова е различно од последните години, па
само било убаво да вашиот TFS, или TFS

1364
01:10:30,750 --> 01:10:36,350
на работното време, а, бидејќи ние сме
вид на учење заедно со вас момци.

1365
01:10:36,350 --> 01:10:41,230
Но конзола најавите беше супер, супер
помош за да го вклучите Javascript минатата година.

1366
01:10:41,230 --> 01:10:42,740
Значи тоа го сакаат.

1367
01:10:42,740 --> 01:10:43,780
Научете како да го користам.

1368
01:10:43,780 --> 01:10:49,026
Тоа е полесно да се користи од GDB, така што
треба да биде најмалку еден плус точка.

1369
01:10:49,026 --> 01:10:50,650
Но, ви благодарам момци се носат со мене.

1370
01:10:50,650 --> 01:10:53,400
Жал ми е што мојот
примери за некоја причина

1371
01:10:53,400 --> 01:10:55,410
едноставно не сакаат да
соработуваат со мене, но јас

1372
01:10:55,410 --> 01:11:01,010
се надевам дека тоа помогна вид на се што е
малку повеќе во зоната на JavaScript.

1373
01:11:01,010 --> 01:11:04,980
И ме испрати на сите ваши прашања за
следната недела, така што може да се супер поправени,

1374
01:11:04,980 --> 01:11:09,420
и јас ќе донесе слатки, па дури и дополнителни
бонбони бидејќи тоа беше смешно.

1375
01:11:09,420 --> 01:11:14,000
Но, вие момци се одлични,
и имаат одличен недела.

1376
01:11:14,000 --> 01:11:15,584