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

2
00:00:10,632 --> 00:00:12,340
Allison BUCHHOLTZ-AU:
Ang lahat ng mga karapatan ng lahat.

3
00:00:12,340 --> 00:00:13,520
Maligayang pagbabalik sa seksyon.

4
00:00:13,520 --> 00:00:15,315
Ito ay ang aming malumay seksyon.

5
00:00:15,315 --> 00:00:16,542
Ito ay kaya malungkot.

6
00:00:16,542 --> 00:00:19,500
Hindi ko alam kung ano ako ng pagpunta sa gawin
nang hindi nakikita mo guys tuwing Lunes.

7
00:00:19,500 --> 00:00:20,970
Sa tingin ko dapat naming just--
siguro maaari naming lamang

8
00:00:20,970 --> 00:00:22,710
matugunan dito at may hapunan o isang bagay.

9
00:00:22,710 --> 00:00:23,270
Hindi ko alam.

10
00:00:23,270 --> 00:00:24,370
Kukunin ko dalhin ang pagkain sa halip.

11
00:00:24,370 --> 00:00:26,290
Susubukan naming makipag-usap lamang.

12
00:00:26,290 --> 00:00:29,900
Ngunit oo, sa susunod na linggo habilin
maging ang aming huling seksyon.

13
00:00:29,900 --> 00:00:32,390
>> Sa na tala, mayroon kang isang pagsusulit sa susunod na linggo.

14
00:00:32,390 --> 00:00:35,660
Alam ko Nakalimutan ko na gawin ang aking, tulad ng,
dalawang linggo sa paunang abiso noong nakaraang linggo,

15
00:00:35,660 --> 00:00:39,140
ngunit sana ka guys
Alam ito ay darating.

16
00:00:39,140 --> 00:00:42,880
Sana ito ay isa sa mga huling
midterms para sa iyo guys para sa semestre.

17
00:00:42,880 --> 00:00:46,950
Ngunit ito ay pagpunta upang masakop ang lahat ng
materyal na na-nawala namin sa paglipas.

18
00:00:46,950 --> 00:00:50,811
Kaya ito ay hindi nagkagusto maaari mong makalimutan lamang
tungkol sa apat na mga loop o variable.

19
00:00:50,811 --> 00:00:52,560
Dahil nalaman namin
mga nasa unahan,

20
00:00:52,560 --> 00:00:55,870
mga ito ay malinaw naman
patas na laro para sa iyong pagsusulit.

21
00:00:55,870 --> 00:01:00,150
>> Ito ay magiging ang parehong format, parehong
haba, kaya ka na ay ginagamit upang ito.

22
00:01:00,150 --> 00:01:02,330
May pupuntahan maging
coding sa pamamagitan ng mga problema sa kamay,

23
00:01:02,330 --> 00:01:06,270
siguro ilang tunay na hindi totoo,
siguro ilang maiikling sagot.

24
00:01:06,270 --> 00:01:08,090
Kaya dapat kang maging
pamilyar sa format,

25
00:01:08,090 --> 00:01:10,940
lalo na kung gagawin mo
ang mga pagsubok na kasanayan.

26
00:01:10,940 --> 00:01:13,950
Ngunit bilang sinasabi ko dito, ito ay
pinagsama-samang, ngunit kami ay tiyak

27
00:01:13,950 --> 00:01:17,410
pagpunta sa ay nagbibigay-diin sa
bagay mula sa linggo ng anim na pasulong.

28
00:01:17,410 --> 00:01:24,050
Kaya, kami ay marahil hindi pagpunta
upang hilingin sa iyo ang tungkol sa kung gaano karaming mga byte

29
00:01:24,050 --> 00:01:26,180
ang nasa bawat uri o
mga uri ng mga bagay,

30
00:01:26,180 --> 00:01:29,730
ngunit marahil kami ay magiging
interesado sa mga bagay tulad ng naka-link na mga listahan,

31
00:01:29,730 --> 00:01:32,750
o ibang mga istraktura ng data,
o iba't ibang mga algorithm

32
00:01:32,750 --> 00:01:33,960
na-usapan natin ang tungkol.

33
00:01:33,960 --> 00:01:38,990
Kaya tiyaking ikaw talaga
hanggang sa iyon, at kung

34
00:01:38,990 --> 00:01:41,590
Kailangan ng anumang mga mapagkukunan,
narito ang maraming mga mapagkukunan.

35
00:01:41,590 --> 00:01:44,790
Ko lang ang ibinigay sa iyo uri
ng isang mabilis na listahan doon.

36
00:01:44,790 --> 00:01:48,330
>> Sa susunod na linggo ay magiging quiz
suriin sa panahong ito.

37
00:01:48,330 --> 00:01:52,290
Kaya kung mayroon kang anumang mga katanungan
o tukoy na paksa,

38
00:01:52,290 --> 00:01:56,180
mga tukoy na bagay sa pagsusulit na
Gusto mo bang pumunta sa ibabaw, mangyaring

39
00:01:56,180 --> 00:02:01,780
ipadala sila sa maagang ng panahon nang sa gayon maaari kong
uri ng maghanda ng ilang materyal para doon.

40
00:02:01,780 --> 00:02:06,310
At bukod sa ito
pagsusuri ng seksyon, kami ay

41
00:02:06,310 --> 00:02:09,616
ring hinahawakan ang kurso-wide
suriin tulad ng ginawa namin huling beses.

42
00:02:09,616 --> 00:02:11,490
At ito ay magiging
tapos na sa pamamagitan ng parehong mga tao.

43
00:02:11,490 --> 00:02:13,030
Hindi ko alam kung na
Ginagawang mas mahusay o mas masahol pa,

44
00:02:13,030 --> 00:02:15,670
ngunit ito ay magiging akin,
Hannah, Davan, at Gabe muli.

45
00:02:15,670 --> 00:02:18,630
Kaya kung nais mong makabuo makita
amin ang lahat ng tukso sa isa't isa

46
00:02:18,630 --> 00:02:21,270
at ituturo sa iyo quiz
pagsusuri, dapat mong tiyak

47
00:02:21,270 --> 00:02:22,600
Napag-na sa susunod na Lunes din.

48
00:02:22,600 --> 00:02:26,210
Kaya mo makikita na lang ay Lunes jam
naka-pack ng pagsusuri pagsusulit, na mahusay

49
00:02:26,210 --> 00:02:29,840
dahil pagkatapos ay mayroon kang Martes
i-proseso sa pamamagitan ng lahat ng bagay.

50
00:02:29,840 --> 00:02:32,230
>> Ngunit gawin Siguradong suriin
ang mga mapagkukunang ito.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net ay sa pamamagitan ng malayo, ako
Sa tingin, isa sa mga pinaka-kapaki-pakinabang,

52
00:02:36,030 --> 00:02:37,990
karamihan ay dahil ito ay
ng maraming sample code,

53
00:02:37,990 --> 00:02:40,490
mayroon itong lahat ng mga Power Mga Puntos
kasama ang lahat ng mga tala sa ito,

54
00:02:40,490 --> 00:02:44,510
na kung saan ay talagang kung ano ako gumuhit ng karamihan
ng aking mga materyales mula sa seksyon.

55
00:02:44,510 --> 00:02:47,480
Kung mayroong anumang bagay sa nakaraang
mga seksyon na maaaring ko bang ipadala out

56
00:02:47,480 --> 00:02:49,920
na hindi ka maaaring magkaroon
nakuha, ipaalam lamang sa akin.

57
00:02:49,920 --> 00:02:52,520
Tulad ng sample code huling linggo,
kung ang sinuman ay hindi nakuha,

58
00:02:52,520 --> 00:02:55,930
-email lamang sa akin o dumating talk sa akin,
at kukunin ko na tiyakin na iyong nakuha.

59
00:02:55,930 --> 00:03:02,000
>> Kaya may na, ngayon kami ay pagpunta
na pinag-uusapan ng JavaScript.

60
00:03:02,000 --> 00:03:04,690
Kaya dito namin Tommy, na ako ay
pakikipag-usap lamang sa iyo kagabi.

61
00:03:04,690 --> 00:03:06,670
Gustung-gusto ko Tommy.

62
00:03:06,670 --> 00:03:09,040
Ang JavaScript ay kanyang paboritong
wika, tulad ng sabi niya dito.

63
00:03:09,040 --> 00:03:14,050
Makikita nila subukan at sabihin sa iyo na ito
hindi ang pinakamahusay na, at sila ay magiging mali.

64
00:03:14,050 --> 00:03:16,510
Kaya Tommy ay isang master JavaScript.

65
00:03:16,510 --> 00:03:19,850
Hindi ako masyadong sa kanyang
antas, ngunit ako ay tulad,

66
00:03:19,850 --> 00:03:22,900
"Tommy, paano ko magturo
mga bata JavaScript? "

67
00:03:22,900 --> 00:03:26,700
Kaya Mayroon akong ilang mga tip, kaya
sana ay gumagana ang mga ito out.

68
00:03:26,700 --> 00:03:31,140
>> Kaya ng ilang mga bagay upang malaman ay ang
JavaScript ay isang client-side scripting

69
00:03:31,140 --> 00:03:35,560
wika, kaya kung saan ang PHP ay isang bagay
na isinasaalang-alang namin ang higit pang mga server-side,

70
00:03:35,560 --> 00:03:39,280
ito ay i-upload sa server,
Pinagsama-sama at isagawa doon.

71
00:03:39,280 --> 00:03:42,871
Isa na ito ay pinaandar
sa iyong sariling machine.

72
00:03:42,871 --> 00:03:43,370
OK?

73
00:03:43,370 --> 00:03:46,960
Kaya nag-load ka ng ilang pahina ng JavaScript,
at ito executes sa iyong machine.

74
00:03:46,960 --> 00:03:49,910
Syntax ay halos kapareho sa C at PHP.

75
00:03:49,910 --> 00:03:52,490
Kami ay pagpunta sa pumunta sa pamamagitan ng
ilang mga halimbawa ng JavaScript,

76
00:03:52,490 --> 00:03:56,740
at iyong pupuntahan upang makita na ang
paraan makipag-usap namin tungkol sa mga variable, loop,

77
00:03:56,740 --> 00:03:58,910
at kundisyon ay lahat na halos kapareho.

78
00:03:58,910 --> 00:04:00,500
OK?

79
00:04:00,500 --> 00:04:04,490
Ang katotohanan na ang mga ito ay kaya katulad ay
marahil pagpunta sa Trip ilan sa inyo

80
00:04:04,490 --> 00:04:08,529
up, sa ilang kaso, dahil lang
makikita mo isama ng kaunting C

81
00:04:08,529 --> 00:04:09,570
kung saan mayroong hindi dapat.

82
00:04:09,570 --> 00:04:14,130
Siguro mong subukan at i-type ang isang bagay
kapag ito ay hindi dapat na-type.

83
00:04:14,130 --> 00:04:16,540
>> At sa iyon, isang bagay na
Alam ay ang JavaScript

84
00:04:16,540 --> 00:04:19,360
ay isang dynamic na-type
wika, tulad ng PHP.

85
00:04:19,360 --> 00:04:21,410
Kaya kung guys tandaan
mula sa seksyon noong nakaraang linggo,

86
00:04:21,410 --> 00:04:23,680
kapag kami ay uri ng paggawa
ang aming PHP pag-crash kurso,

87
00:04:23,680 --> 00:04:28,860
Nakita namin kung gaano maaaring maging isang string isa
naging isang int isa, at iba pa.

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

89
00:04:31,650 --> 00:04:34,850
Ang uri ng iyong mga variable
Natutukoy sa pagtakbo ng panahon,

90
00:04:34,850 --> 00:04:38,180
kaya maaaring sila ay magbabago sa paglipas ng
kurso ng programa,

91
00:04:38,180 --> 00:04:43,109
at sa parehong paraan na aming kailanman
talaga ipinahahayag uri para sa mga variable na PHP,

92
00:04:43,109 --> 00:04:45,900
kami ay pagpunta sa ay paggawa nito
bagay dito, kung saan kami ay hindi talaga

93
00:04:45,900 --> 00:04:49,740
pagkontrol sa uri ng aming mga variable,
kaya upang magsalita, tulad ng ginagawa namin sa C.

94
00:04:49,740 --> 00:04:52,200
>> At pagkatapos ay isang bagay na
iyon ay medyo cool ay

95
00:04:52,200 --> 00:04:54,090
na maaari mong error
suriin sa pamamagitan ng console,

96
00:04:54,090 --> 00:04:57,240
na may ganitong dakilang pag-andar
console.log, na

97
00:04:57,240 --> 00:05:00,930
ay nagbibigay-daan sa iyo upang i-print ang iba't ibang
variable o mga bagay na kami ay

98
00:05:00,930 --> 00:05:01,750
pag-usapan.

99
00:05:01,750 --> 00:05:05,720
Tulad ng nakaraang linggo kapag ako ay
tulad ng, "gamitin ang function na ito," na may dump

100
00:05:05,720 --> 00:05:10,490
mula sa iyong pset na ito ay isang function
na gusto mong gamitin, console.log.

101
00:05:10,490 --> 00:05:12,860
Ako ay kaya magulat kung gaano karaming
mag-aaral sa oras ng opisina

102
00:05:12,860 --> 00:05:14,530
Hindi malaman tungkol sa dump function.

103
00:05:14,530 --> 00:05:19,010
At ako ay tulad ng, "guys, kalooban ito
gawin ang iyong buhay upang mas madali. "

104
00:05:19,010 --> 00:05:22,960
>> Ang lahat ng mga karapatan, sa gayon ay uri ng
lamang ng isang maikling bagay, gaya ng lagi,

105
00:05:22,960 --> 00:05:24,000
mayroon kaming mga halimbawa.

106
00:05:24,000 --> 00:05:25,600
Alam ko na gusto mo guys na iyon.

107
00:05:25,600 --> 00:05:30,930
Kaya narito ang isang halimbawa ng isang napaka
simpleng JavaScript maghain dito.

108
00:05:30,930 --> 00:05:34,000
Kaya lang pagpunta sa gumawa
ito ang mga pop-up na nagsasabing,

109
00:05:34,000 --> 00:05:36,336
"Hello mundo," kapag
pumasok sa pahina, ngunit sabihin

110
00:05:36,336 --> 00:05:37,960
subukan at maglakad sa pamamagitan ng ilang sandali.

111
00:05:37,960 --> 00:05:43,440
Kaya malinaw naman na ito ay isa lamang
tulad ng iyong normal na index.html.

112
00:05:43,440 --> 00:05:50,280
Kaya, lamang ang aming normal na template dito,
at mayroon kaming HTML, mayroon kaming aming ulo,

113
00:05:50,280 --> 00:05:55,580
at tulad lamang ng sa CSS, kung paano namin
Kasama ang ilan sa labas ng file, i-right?

114
00:05:55,580 --> 00:05:59,260
Mayroon kaming ilang mga uri ng script
teksto na JavaScript.

115
00:05:59,260 --> 00:06:02,680
At sa mapagkukunan ay hello.js,
na kung saan ay down na dito.

116
00:06:02,680 --> 00:06:05,630
Ito ang buong file ng hello.js.

117
00:06:05,630 --> 00:06:09,080
At pagkatapos ay mayroon kaming ilang mga
pamagat at ilang mga body ng HTML

118
00:06:09,080 --> 00:06:11,050
na hindi talaga namin na nagmamalasakit sa.

119
00:06:11,050 --> 00:06:15,970
>> Ano ang mangyayari ay, kapag nag-load namin ang pahinang ito,
ito ay awtomatikong executes ang script na ito.

120
00:06:15,970 --> 00:06:16,470
OK?

121
00:06:16,470 --> 00:06:18,790
Kaya habilin JavaScript
awtomatikong isagawa.

122
00:06:18,790 --> 00:06:22,860
Kaya kung ano ang pagpunta sa gawin, ito ay pagpunta
upang agad na pumunta at isagawa ito.

123
00:06:22,860 --> 00:06:24,110
At ito ang nangyayari upang sabihin, "alerto.

124
00:06:24,110 --> 00:06:25,190
Kamusta mundo. "

125
00:06:25,190 --> 00:06:30,840
Aling mga alerto ay ang pag-andar na
talagang bumubuo sa kahon na ito.

126
00:06:30,840 --> 00:06:31,540
OK?

127
00:06:31,540 --> 00:06:33,390
Kaya uri ng lahat mapaligiran.

128
00:06:33,390 --> 00:06:36,700
Wala ang extrang namin ay may
gawin bukod sa alerto lang,

129
00:06:36,700 --> 00:06:40,000
at pagkatapos ay kahit anong nais namin
sa loob ng aming kahon Alert.

130
00:06:40,000 --> 00:06:40,500
OK?

131
00:06:40,500 --> 00:06:45,080
Kaya ito lamang ay isang napaka-simpleng
halimbawa ng kung ano ang maaaring gawin ang JavaScript.

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

133
00:06:48,110 --> 00:06:50,070
>> Isa sa mga talagang cool na
bagay, bilang namin makita,

134
00:06:50,070 --> 00:06:55,150
ay nagpapahintulot sa iyong JavaScript
upang manipulahin sa iyong mga web page,

135
00:06:55,150 --> 00:06:57,720
nang hindi na kinakailangang
-reload ang mga ito sa bawat oras.

136
00:06:57,720 --> 00:07:01,830
Kaya kung want-- mo halimbawa, kung
ikaw ay pagpasada sa isang bagay,

137
00:07:01,830 --> 00:07:04,300
kung ka guys na ba mayroon
Nakita tulad ng Menu bar,

138
00:07:04,300 --> 00:07:07,360
o kapag hover ka sa ilang
paksa, lilitaw ang isang Drop-down na menu,

139
00:07:07,360 --> 00:07:08,670
na dahil sa ang JavaScript.

140
00:07:08,670 --> 00:07:09,170
OK?

141
00:07:09,170 --> 00:07:12,670
Kaya hindi ka nagre-reload ang buong
pahina upang makakuha ng menu na ito upang lumitaw,

142
00:07:12,670 --> 00:07:17,240
lamang na iyong hinahanap para sa ilang partikular na
pagkilos na ang gumagamit ay kinuha,

143
00:07:17,240 --> 00:07:21,800
na kung saan ay tinatawag na mga kaganapan na susuriin namin
sa, at sa sandaling makita mo na, sabihin mo,

144
00:07:21,800 --> 00:07:25,960
"OK, i-edit ang isang bagay sa
pahina at bigyan ng iba't ibang mga anyo,

145
00:07:25,960 --> 00:07:28,270
pero i-edit lamang ang mga tukoy na bagay.

146
00:07:28,270 --> 00:07:29,690
Huwag i-reload ang buong bagay. "

147
00:07:29,690 --> 00:07:33,110
Kaya ito talaga ay mas nicer, at
Hindi mo na kailangang i-reload ang iyong mga pahina,

148
00:07:33,110 --> 00:07:34,510
at ito ay talagang cool.

149
00:07:34,510 --> 00:07:38,270
>> Kaya variable na pahayag,
upang maaari mong uri ng makita,

150
00:07:38,270 --> 00:07:40,530
Naglagay ako sa tuktok dito, maluwag na-type.

151
00:07:40,530 --> 00:07:42,570
Kaya ito ay napaka tulad ng PHP.

152
00:07:42,570 --> 00:07:48,770
Hindi namin kailangang sabihin
JavaScript anong uri kami

153
00:07:48,770 --> 00:07:50,740
umaasa sa bawat isa sa mga variable na ito upang maging.

154
00:07:50,740 --> 00:07:52,560
Maaari silang maging kahit anong uri gusto naming.

155
00:07:52,560 --> 00:07:57,480
Kaya napansin mo sa kasong ito, ipinahahayag namin
ang mga ito napaka-simple, sa pamamagitan lamang ng "var"

156
00:07:57,480 --> 00:08:00,990
at pagkatapos ay anumang gusto namin
ang aming mga pangalan ng variable na.

157
00:08:00,990 --> 00:08:05,680
Ang isang bagay na dapat tandaan ay na kapag
ilagay var sa harap ng isang pangalan ng variable,

158
00:08:05,680 --> 00:08:07,520
ito lokal na saklaw nito.

159
00:08:07,520 --> 00:08:09,320
OK?

160
00:08:09,320 --> 00:08:14,025
Ito ay lubos na makatwirang para sa iyo
upang tuluyang burahin lamang ang var

161
00:08:14,025 --> 00:08:18,970
at mayroon lamang mga katumbas CS50, at
na hindi lamang isang pandaigdigang variable.

162
00:08:18,970 --> 00:08:19,580
OK?

163
00:08:19,580 --> 00:08:22,490
Kaya maaari mong simulan ito sa parehong paraan,
Depende lang kung paano mo ito gusto.

164
00:08:22,490 --> 00:08:24,448
Kaya kung gumagamit ka Sinisimulan
ito sa loob ng isang function,

165
00:08:24,448 --> 00:08:28,070
at gusto mo na variable sa
manatili sa loob ng scoped na function,

166
00:08:28,070 --> 00:08:31,620
ka ng pagpunta sa nais na gawin
isang bagay tulad ng var pangalanan ang isang variable,

167
00:08:31,620 --> 00:08:34,270
kumpara sa kung nais mong
sa buong mundo scoped, mo

168
00:08:34,270 --> 00:08:36,240
Maaari lamang gawin ang mga pangalan ng
ang variable at pagkatapos ay

169
00:08:36,240 --> 00:08:38,270
kahit anong gusto mo itong itakda katumbas ng.

170
00:08:38,270 --> 00:08:40,230
OK?

171
00:08:40,230 --> 00:08:45,580
>> Ito ay uri ng mga cool na bagay down na dito,
dahil kung napansin namin ang aming mga variable

172
00:08:45,580 --> 00:08:47,590
b ay nagsisimula out bilang totoo.

173
00:08:47,590 --> 00:08:51,280
At kung ano ang maaari does--
sinuman sabihin sa akin kung ano ang ginagawa?

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

175
00:08:54,190 --> 00:08:55,890
Kaya mayroon kaming ilang mga alerto.

176
00:08:55,890 --> 00:09:00,156
Ano ang gusto nagta-type ng b
maging sa umpisa?

177
00:09:00,156 --> 00:09:00,905
Madla: Boolean.

178
00:09:00,905 --> 00:09:01,330
Allison BUCHHOLTZ-AU: Boolean.

179
00:09:01,330 --> 00:09:01,940
I-right.

180
00:09:01,940 --> 00:09:07,260
At pagkatapos reassign namin b
upang ang string na ito, i-right?

181
00:09:07,260 --> 00:09:11,170
Kaya pagkatapos dito, kung anong uri ng b maging?

182
00:09:11,170 --> 00:09:12,480
Gusto ito ay isang string, i-right?

183
00:09:12,480 --> 00:09:14,900
Kaya kung ano ang mahalaga sa
paunawa ay na sa c, namin

184
00:09:14,900 --> 00:09:17,330
maaaring halos hindi kailanman gawin
isang bagay tulad na.

185
00:09:17,330 --> 00:09:22,000
Nais naming magkaroon upang magkaroon ng isang variable,
cast ito bilang ng iba pang bagay,

186
00:09:22,000 --> 00:09:27,185
siguro gawin ang ilang mga pag-andar na may dalawang
i, pumunta mula sa isang pagsingil sa isang integer.

187
00:09:27,185 --> 00:09:31,063
Ngunit kung napansin namin dito, b
napaka madaling nagbabago type.

188
00:09:31,063 --> 00:09:33,760
>> Madla: Maghintay, kaya maaari mo lamang
na tulad ng, "gawin b isang integer?"

189
00:09:33,760 --> 00:09:34,360
>> Allison BUCHHOLTZ-AU: Oo.

190
00:09:34,360 --> 00:09:36,185
Maaari mo lang reassign b sa isang integer.

191
00:09:36,185 --> 00:09:36,910
>> Madla: talaga?

192
00:09:36,910 --> 00:09:38,035
>> Allison BUCHHOLTZ-AU: Oo.

193
00:09:38,035 --> 00:09:39,810
At pagkatapos ay magiging isang int.

194
00:09:39,810 --> 00:09:43,820
Sa gayon ang iyong mga variable na maaari magbabago sa paglipas ng
kurso ng programa masyadong.

195
00:09:43,820 --> 00:09:46,410
Hindi sila ay mahigpit na nai-type.

196
00:09:46,410 --> 00:09:49,180
Ito ay napaka maluwag na-type.

197
00:09:49,180 --> 00:09:50,820
OK?

198
00:09:50,820 --> 00:09:54,820
Isa lamang ang iyong mga variable na maaari gawin ang anumang
gusto nila, bilang uri ng namin nakita sa PHP.

199
00:09:54,820 --> 00:09:59,430
Maaari silang gumawa ng ilang nakatutuwang bagay, kaya
mahalaga ito upang maging medyo maingat.

200
00:09:59,430 --> 00:10:01,200
Pangalanan ang iyong mga variable na rin.

201
00:10:01,200 --> 00:10:03,450
Kung wala ka, biglang-bigla
ka ng pagpunta sa maging tulad ng,

202
00:10:03,450 --> 00:10:05,783
"Maghintay, naisip ko na ito ay isang
string, at ngayon ito ay isang int,

203
00:10:05,783 --> 00:10:08,170
at hindi ako talagang sigurado
kung ano ang nangyayari sa dito. "

204
00:10:08,170 --> 00:10:12,410
Kaya ito ay lamang ng isang simpleng halimbawa ng
na nagpapakita kung paano ang isang variable na maaari madali

205
00:10:12,410 --> 00:10:15,890
baguhin ang uri nito sa paglipas ng
kurso ng isang programa.

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

207
00:10:16,870 --> 00:10:19,200
Kaya ito ay dapat magmukhang
sobrang, sobrang pamilyar.

208
00:10:19,200 --> 00:10:21,510
Kaya ito ay ang aming mga loop sa JavaScript.

209
00:10:21,510 --> 00:10:27,780
Ang mga ito ay eksaktong pareho, maliban sa
sa halip ng apat int i ay katumbas ng zero,

210
00:10:27,780 --> 00:10:30,470
maaari naming lamang sabihin var i ay katumbas ng zero.

211
00:10:30,470 --> 00:10:34,100
At pagkatapos ay maaari naming magkaroon ang aming mga parehong pag-uuri
ng kondisyon, parehong uri ng pag-update,

212
00:10:34,100 --> 00:10:36,090
i plus plus gumagana lamang fine.

213
00:10:36,090 --> 00:10:39,800
Kaya fours ay pareho,
panahon ay pareho,

214
00:10:39,800 --> 00:10:41,440
at gawin panahon ay eksaktong kapareho.

215
00:10:41,440 --> 00:10:44,070
Parehong uri ng pangkalahatang format.

216
00:10:44,070 --> 00:10:48,840
Napansin namin, apat, panaklong,
bracket, ang lahat ay ang parehong.

217
00:10:48,840 --> 00:10:51,470
Gayundin magkakaroon ng semicolon
kapag makuha namin sa halimbawa code.

218
00:10:51,470 --> 00:10:55,250
Makikita mo itong Kahanga
halos parehong bilang c.

219
00:10:55,250 --> 00:10:59,770
>> Para sa pag-andar na pahayag,
muli, na halos kapareho.

220
00:10:59,770 --> 00:11:05,100
Mayroon kaming ilang mga function na lamang
Sinasabi na ito ay isang function, at pagkatapos ay

221
00:11:05,100 --> 00:11:07,660
ang pangalan ng ating
function, at ang input.

222
00:11:07,660 --> 00:11:11,590
At muli kung napansin namin, namin
walang mga uri dito kung ano pa man.

223
00:11:11,590 --> 00:11:12,090
Mag-right?

224
00:11:12,090 --> 00:11:18,150
Mayroon kaming walang sinasabi mo na ang
kailangang maging ints o doubles, o sa kamay.

225
00:11:18,150 --> 00:11:19,530
Maaaring maging kahit anong gusto nila.

226
00:11:19,530 --> 00:11:23,560
Ano ang mahalaga ay halata na
kailangan namin upang isulat ang function na sa simula pa

227
00:11:23,560 --> 00:11:26,430
upang ipaalam sa JavaScript na
ito ay talagang isang function.

228
00:11:26,430 --> 00:11:29,820
>> Kaya ito ay lamang ng ilang simpleng mga halagang
function na ay nagbabalik x o y,

229
00:11:29,820 --> 00:11:33,800
at pagkatapos ay kung ano ang cool na rin
ay na maaari mong aktwal na

230
00:11:33,800 --> 00:11:35,950
magtalaga ng isang function sa isang variable.

231
00:11:35,950 --> 00:11:41,770
Kaya sa kasong ito, suma ngayon ay
-andar na aktwal na ginagawa kabuuan.

232
00:11:41,770 --> 00:11:47,740
Kaya kung napansin mo dito, mayroon kaming
function, pangalan ng function, mga input.

233
00:11:47,740 --> 00:11:48,860
Mag-right?

234
00:11:48,860 --> 00:11:52,120
Narito mayroon lamang namin ang function at input.

235
00:11:52,120 --> 00:11:54,310
Kaya ito ay tinatawag na isang hindi nakikilalang function.

236
00:11:54,310 --> 00:11:59,265
At ito ay isang bagay na dapat ay bagong
sa karamihan ng sa iyo guys, kung hindi lahat ng iyo.

237
00:11:59,265 --> 00:12:01,140
Kaya talaga kung ano na
paraan ay gagawin namin ang hindi

238
00:12:01,140 --> 00:12:03,050
Kailangan ng pangalan ng ating
function na sa kasong ito.

239
00:12:03,050 --> 00:12:06,260
Maaari lang namin sabihin, "OK, pupunta ako sa
Mayroon function na ito na executes, dito

240
00:12:06,260 --> 00:12:08,550
mga input nito, at narito
kung ano ang pagpunta sa gawin. "

241
00:12:08,550 --> 00:12:12,540
At lalo na kapag naka-nagtatalaga
isang function sa ilang mga variable

242
00:12:12,540 --> 00:12:14,950
na iyong pupuntahan upang manipulahin,
hindi mo kinakailangang

243
00:12:14,950 --> 00:12:17,116
Kailangan upang pangalanan ito dahil
na iyong pupuntahan ay nagre-refer na

244
00:12:17,116 --> 00:12:20,990
dito sa pamamagitan ng variable na ito
pangalan, hindi ng kahit anong

245
00:12:20,990 --> 00:12:22,840
ang function ay aktwal na tinatawag.

246
00:12:22,840 --> 00:12:23,550
OK?

247
00:12:23,550 --> 00:12:27,810
>> Kaya kung makita natin dito, namin
mayroon na ngayong ilang mga variable sum

248
00:12:27,810 --> 00:12:30,920
iyon ay katumbas ng
kabuuan ng tatlong at limang.

249
00:12:30,920 --> 00:12:33,070
At gusto namin ito.

250
00:12:33,070 --> 00:12:36,750
At ito ay magkakaroon lamang ng ilang mga alerto,
tatlong plus limang ay katumbas ng bilang.

251
00:12:36,750 --> 00:12:43,950
Plus ito lamang pagdugtungin
kahit anong aming sagot ay papunta sa string.

252
00:12:43,950 --> 00:12:47,420
Gayundin cool, plus maaari pagdugtungin mga string.

253
00:12:47,420 --> 00:12:53,510
>> Para sa mga JavaScript, tulad sa PHP,
HTML, at CSS tulad ng sinabi namin,

254
00:12:53,510 --> 00:12:56,450
Marami itong Kami ay uri ng pagkuha ng
ang mga gulong ng pagsasanay off dito

255
00:12:56,450 --> 00:13:02,030
at mayroon kang guys ng maraming mga alam
kung paano talaga maintindihan ang mga bagay.

256
00:13:02,030 --> 00:13:04,280
Ang mga ito ay bahagyang naiiba,
ngunit ang mga ito ay hindi kaya sa ibang bansa

257
00:13:04,280 --> 00:13:09,460
at na hindi ka maaaring Google bagay o
tumingin up ang mga ito online gamit ang w3 paaralan.

258
00:13:09,460 --> 00:13:12,755
At talagang kami ay umaasa sa iyo
guys sa, uri ng, eksperimento

259
00:13:12,755 --> 00:13:14,400
at matuto sa inyong sarili.

260
00:13:14,400 --> 00:13:19,490
Kaya, alam ko maaaring ito ay tila ng kaunti
mas masinsinang kaysa sa ilang ng mga bagay c

261
00:13:19,490 --> 00:13:21,936
ginagawa namin, ngunit iyan ay para sa isang dahilan talaga.

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

263
00:13:25,060 --> 00:13:28,470
Ngunit sana ay hindi ito masyadong
ibang, at ito ay hindi napakalaki.

264
00:13:28,470 --> 00:13:31,940
>> Kaya array sa JavaScript,
muli napaka, na halos kapareho.

265
00:13:31,940 --> 00:13:32,460
Mag-right?

266
00:13:32,460 --> 00:13:36,520
Mayroon kaming ilang mga array variable
na katumbas ng laman bracket,

267
00:13:36,520 --> 00:13:40,340
at ito lamang ay isang walang laman na array.

268
00:13:40,340 --> 00:13:43,420
Ito ay madalas na tinatawag na
literal array pagtatanda.

269
00:13:43,420 --> 00:13:45,280
Ito lamang ay isang bagay na tinatawag namin itong.

270
00:13:45,280 --> 00:13:51,380
Kapag nakita namin array dalawang dito, mayroon kaming ilang mga
literal array na may tatlong elemento,

271
00:13:51,380 --> 00:13:51,910
tama?

272
00:13:51,910 --> 00:13:54,640
At pagkatapos ay mayroon kaming ilang mga
var ikatlong elemento na

273
00:13:54,640 --> 00:13:58,060
ang ilang mga variable na ito lamang
pagpunta upang i-hold ang string na ito, JS.

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

275
00:14:01,760 --> 00:14:06,170
>> Ang mga elemento, handa na upang mapansin,
ay pinaghihiwalay ng mga kuwit,

276
00:14:06,170 --> 00:14:07,740
gaya ng gusto namin inaasahan.

277
00:14:07,740 --> 00:14:14,630
At maaari ka ring ma-access ang mga ito, tulad ng ginawa namin
sa C, na index ng pagtatanda na ito, i-right?

278
00:14:14,630 --> 00:14:16,950
Kaya iba mula sa PHP
ngayon, kami ay bumalik

279
00:14:16,950 --> 00:14:20,180
sa makatarungan uri ng nagre-refer na
sa mga bagay sa pamamagitan ng index.

280
00:14:20,180 --> 00:14:22,189
Tulad ng C, ito ay din zero index.

281
00:14:22,189 --> 00:14:25,230
Nararamdaman kong magiging talagang malupit
kung biglang nila ginawa JavaScript isa

282
00:14:25,230 --> 00:14:30,630
index, at kailangan mong i-ganap
umisip na muli kung paano mo isipin ang tungkol sa array.

283
00:14:30,630 --> 00:14:36,140
>> Isang cool na bagay ay na sa halip
ng pagkakaroon upang do-- kung sakaling

284
00:14:36,140 --> 00:14:39,240
Nais ang haba ng isang array,
siguro umulit ka sa pamamagitan nito

285
00:14:39,240 --> 00:14:43,430
hanggang kang makahanap ng mga dulo, o
Gusto mong malaman kung ano ito ay.

286
00:14:43,430 --> 00:14:49,310
Dahil JavaScript ay napaka hindi kabit-kabit sa higit pang
paraan kaysa uri lamang, tulad ng nakikita namin dito,

287
00:14:49,310 --> 00:14:53,310
Maaari lamang kami gawin ang array
Mas malaki dahil nagpasya na.

288
00:14:53,310 --> 00:14:56,177
Kung napansin namin na hanay ng tatlong
May tatlong bagay na dapat magsimula,

289
00:14:56,177 --> 00:14:58,510
ngunit pagkatapos ang lahat ng isang biglaang,
Ikinalulungkot namin tulad ng, "oh, lamang kidding.

290
00:14:58,510 --> 00:15:01,370
Talaga kami ng pagpunta
upang gawin itong 101 mga bagay. "

291
00:15:01,370 --> 00:15:05,300
Kaya kung nais mo mang malaman ang
aktwal na haba ng iyong array,

292
00:15:05,300 --> 00:15:06,680
gawin mo ito tulad nito.

293
00:15:06,680 --> 00:15:10,470
At kami ay pagpunta sa makita ang marami
ng pagtatanda sa mga halimbawa,

294
00:15:10,470 --> 00:15:12,730
ngunit sa JavaScript
ito ay karaniwang sa kahit anong

295
00:15:12,730 --> 00:15:16,410
sa bagay na pinag-uusapan tungkol sa
tuldok ang anumang uri ng pag-andar

296
00:15:16,410 --> 00:15:17,740
na nais mong ilapat sa ito.

297
00:15:17,740 --> 00:15:18,240
OK?

298
00:15:18,240 --> 00:15:20,520
>> Kaya sa kasong ito, ang aming
object ay array dalawa,

299
00:15:20,520 --> 00:15:23,470
at sabihin natin na gusto natin ang
haba ng array dalawa.

300
00:15:23,470 --> 00:15:25,716
Kaya ito na tawag lamang tulad ng haba sa iyon.

301
00:15:25,716 --> 00:15:27,090
At na ay magbabalik ng iyong haba.

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

303
00:15:32,610 --> 00:15:36,790
Gayundin isang bagay na dapat tandaan ay
na kung napansin namin ang aming array,

304
00:15:36,790 --> 00:15:39,830
hindi tulad ng C, wala silang
maging lahat ng parehong uri.

305
00:15:39,830 --> 00:15:41,670
Ito ay higit pa tulad ng PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript ay isa lamang tulad ng ginagawa
ito kagiliw-giliw na ipakita ang kombinasyon ng C at PHP.

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

308
00:15:50,020 --> 00:15:52,170
Kaya susuriin namin sa iyon.

309
00:15:52,170 --> 00:15:56,750
Sa ngayon, sabihin ipinapalagay lamang
na ang iyong mga array ay isa lamang

310
00:15:56,750 --> 00:16:00,640
tulad ng C array, sa na
ang mga ito ay zero-index.

311
00:16:00,640 --> 00:16:04,120
OK, kaya na ang lahat.

312
00:16:04,120 --> 00:16:08,850
Maaari mo ring palawigin lamang ng isang
array sa anumang index na gusto mo.

313
00:16:08,850 --> 00:16:14,260
Sapagkat ito ay malamang na seg
pagkukulang sa iyo o bigyan ka ng ilang mga error,

314
00:16:14,260 --> 00:16:15,970
JavaScript ay tulad ng, "nah, ito ay multa.

315
00:16:15,970 --> 00:16:16,620
Mayroon akong na ito.

316
00:16:16,620 --> 00:16:19,460
Susubukan naming pumunta lamang tuwid
kung saan nais mong i-. "

317
00:16:19,460 --> 00:16:24,310
>> OK, kaya bagay ay napakahalaga.

318
00:16:24,310 --> 00:16:29,720
Ikaw guys ay gumagamit ng maraming mga
sa iyong P set, kung natatandaan ko nang tama.

319
00:16:29,720 --> 00:16:34,780
Kaya ang bagay na ito ay
katulad ng sa C ay structs.

320
00:16:34,780 --> 00:16:39,290
Kaya maaari mong isipin kapag about--
pumunta kami sa isang halimbawa karapatan

321
00:16:39,290 --> 00:16:41,810
pagkatapos nito ako sa tingin idedetalye ito
gawing mas sense-- ng maraming

322
00:16:41,810 --> 00:16:45,830
ngunit isa lamang namin ang mga bagay sa
-ayos ng impormasyon na may kaugnayan kurso.

323
00:16:45,830 --> 00:16:47,780
Kapag usapan natin ang tungkol
structs sa C, namin madalas

324
00:16:47,780 --> 00:16:53,405
makipag-usap tungkol sa isang mag-aaral na may ilang pangalan,
ID ng, bahay, alam mo, na konsentrasyon.

325
00:16:53,405 --> 00:16:56,030
At iyon ang uri ng ang parehong bagay
na namin ang mga bagay para dito.

326
00:16:56,030 --> 00:16:59,300
Ito ay lamang upang ayusin
katulad na impormasyon.

327
00:16:59,300 --> 00:17:03,620
>> Maaari ka ring mag-isip ng mga ito bilang higit pa
katulad ng nag-uugnay array sa PHP.

328
00:17:03,620 --> 00:17:10,010
Kaya ito ay magiging uri ng mga bagay
kung saan mayroon kaming ilang mga pangunahing may ilang mga halaga,

329
00:17:10,010 --> 00:17:12,859
na halos kapareho sa PHP.

330
00:17:12,859 --> 00:17:15,780
Kaya maaari mong simulan ang ilang mga
Walang laman ang bagay na ito, tulad ng nakikita natin dito,

331
00:17:15,780 --> 00:17:17,390
lamang na may kulot tirante.

332
00:17:17,390 --> 00:17:19,160
Kaya array ay mga square bracket.

333
00:17:19,160 --> 00:17:21,220
Walang laman na mga bagay ay kulot tirante.

334
00:17:21,220 --> 00:17:24,020
Magandang pagkakaiba na magkaroon.

335
00:17:24,020 --> 00:17:27,319
At ang mga ito ay lamang ng dalawang magkaibang
mga paraan upang i-set ari-arian.

336
00:17:27,319 --> 00:17:31,460
Kaya ito ay uri ng
magkano ang higit pa sa isang paraan na

337
00:17:31,460 --> 00:17:35,220
ay katulad sa PHP, gamit ang aming
nag-uugnay array, sa aming mga key,

338
00:17:35,220 --> 00:17:39,910
at ang aming halaga, samantalang ang
ang isang ito is-- ikaw

339
00:17:39,910 --> 00:17:41,920
makita ito ng maraming higit pa sa JavaScript.

340
00:17:41,920 --> 00:17:43,550
Ito ay may gawi na maging ang convention.

341
00:17:43,550 --> 00:17:47,660
At sa parehong paraan na aming ginawa
array dalawang tuldok haba, ito ay nagsasabi,

342
00:17:47,660 --> 00:17:51,580
"OK, ninyo akong bigyan ito
katangian ng bagay na ito. "

343
00:17:51,580 --> 00:17:52,110
Mag-right?

344
00:17:52,110 --> 00:17:55,660
Kaya sa parehong paraan ito ay tulad ng, "ako
ang haba na katangian ng array dalawa, "

345
00:17:55,660 --> 00:17:59,970
ito ay nagsasabi, "magbigay sa akin ang ilang
ari-arian ng aming mga walang laman na bagay. "

346
00:17:59,970 --> 00:18:02,890
O sa kasong ito, hindi namin
nagtatalaga ito sa ilang mga halaga dito.

347
00:18:02,890 --> 00:18:06,200
Ngunit maaari mo ring i-access ito na paraan.

348
00:18:06,200 --> 00:18:09,090
>> At pagkatapos ay narito ito lamang
na nagpapakita ng dalawang magkaibang mga alerto.

349
00:18:09,090 --> 00:18:12,320
Kaya ito ay magpapakita ng mga alerto
ay ang eksaktong parehong,

350
00:18:12,320 --> 00:18:17,150
ito ay dalawang lamang iba't ibang paraan ng
-access ang elemento na gusto naming.

351
00:18:17,150 --> 00:18:19,552
Ba na magkaroon ng kahulugan sa lahat?

352
00:18:19,552 --> 00:18:21,510
Pakiramdam ko ay tulad ng isang ito
Marahil ay ginagawang higit pang kahulugan,

353
00:18:21,510 --> 00:18:23,270
dahil lamang kami darating off ng PHP.

354
00:18:23,270 --> 00:18:26,400
Ngunit tulad ng ginagawa namin ng higit pang mga halimbawa, ito
ay literal na eksaktong kapareho.

355
00:18:26,400 --> 00:18:28,170
Marami sa mga ito ay baguhin lamang sa syntax.

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

357
00:18:30,710 --> 00:18:33,030
>> OK, kaya halimbawa.

358
00:18:33,030 --> 00:18:34,180
Gustung-gusto ko ang mga halimbawa.

359
00:18:34,180 --> 00:18:40,070
Kaya dito ay ilang mga CS50
variable na iyon ay isang bagay,

360
00:18:40,070 --> 00:18:42,160
at iniimbak namin ang lahat ng ito
impormasyon tungkol dito.

361
00:18:42,160 --> 00:18:46,680
Kaya mayroon kaming kurso, titser,
tfs, psets, at tape.

362
00:18:46,680 --> 00:18:51,840
Kaya napansin namin ang mga ito ay halos
lahat ng iba't ibang uri.

363
00:18:51,840 --> 00:18:52,340
Mag-right?

364
00:18:52,340 --> 00:18:56,230
Kaya maaaring iimbak ng mga bagay
mga katangian ng iba't ibang mga uri.

365
00:18:56,230 --> 00:19:01,220
Maaari naming isipin this-- ay masyadong
katulad sa aming nag-uugnay array sa PHP.

366
00:19:01,220 --> 00:19:07,470
Kaya key, halaga, key, halaga,
susi, halaga, kaya sa at iba pa.

367
00:19:07,470 --> 00:19:11,230
Ano ang mga kawili-wiling sa parehong paraan din
magkaroon kami ng mga array sa loob ng array,

368
00:19:11,230 --> 00:19:14,690
Maaari rin naming magkaroon ng bagay sa loob
bagay, o array sa loob ng mga bagay.

369
00:19:14,690 --> 00:19:18,410
Hindi ka talagang limitado sa
lamang ng isang solong isa sa mga bagay.

370
00:19:18,410 --> 00:19:24,220
Maaari naming makakuha ng napaka Inceptionesque, lamang
panatilihin ang pagpunta down ang kuneho butas doon.

371
00:19:24,220 --> 00:19:26,080
>> Kaya kung napansin namin, namin
May ilang mga kurso na

372
00:19:26,080 --> 00:19:31,120
ay isang string, magtuturo na isang string,
at array, isang int, at isang Boolean.

373
00:19:31,120 --> 00:19:36,110
Kaya lahat ng mga iba't ibang mga bagay.

374
00:19:36,110 --> 00:19:39,600
>> Ang lahat ng mga karapatan, sa gayon, mayroon kaming ng isa pa.

375
00:19:39,600 --> 00:19:42,930
Kaya sa kasong ito, mayroon kaming
isang hanay ng mga bagay.

376
00:19:42,930 --> 00:19:45,320
Kaya gusto lamang sa isang bagay
ay maaaring magkaroon ng isang array sa loob nito.

377
00:19:45,320 --> 00:19:47,210
Maaari din naming magkaroon ng isang hanay ng mga bagay.

378
00:19:47,210 --> 00:19:51,250
Ito ay maaaring kapaki-pakinabang sa
isipin ang tungkol na katulad ng uri

379
00:19:51,250 --> 00:19:54,260
kung paano nagkaroon kami ng hash
talahanayan, nagkaroon kami ng isang array

380
00:19:54,260 --> 00:19:56,220
ng lahat ng mga iba't-ibang
mga uri ng structs na

381
00:19:56,220 --> 00:19:59,070
mga mungkahi ukol sa iba't ibang
nodes at watnat.

382
00:19:59,070 --> 00:20:01,420
Ngunit sa kasong ito, kami
magkaroon ng isang hanay ng mga bagay.

383
00:20:01,420 --> 00:20:04,890
Kaya ito ay tulad ng isang array
ng nag-uugnay array.

384
00:20:04,890 --> 00:20:09,430
Kaya mayroon kaming ilang mga unang elemento ay
maging ang mga bagay na may pangalan na James

385
00:20:09,430 --> 00:20:11,340
at paglagyan ng Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Maaaring naaalala guys
isang bagay na halos kapareho sa ito

387
00:20:14,780 --> 00:20:21,710
sa iyong huling pset, kung saan kung
na nakuha ng isang bagay mula sa iyong database,

388
00:20:21,710 --> 00:20:24,480
ang unang uri ng
bagay sa iyong array ay

389
00:20:24,480 --> 00:20:27,110
ang lahat ng mga impormasyon tungkol sa
ang unang user na natugunan nito,

390
00:20:27,110 --> 00:20:30,765
at pagkatapos ay kailangan mong i-index sa na
upang makuha ang kanilang mga stock o ang kanilang mga cache

391
00:20:30,765 --> 00:20:32,110
o watnat.

392
00:20:32,110 --> 00:20:34,620
Kaya ito ay talaga ang parehong
bagay, isang maliit na pagbabago

393
00:20:34,620 --> 00:20:39,570
sa syntax, kaunti pagbabago sa
ang mga salita na ginagamit namin upang ilarawan ang mga ito.

394
00:20:39,570 --> 00:20:45,960
>> Kaya kung gusto naming, maaari sinuman sabihin
sa akin kung anong gagawin sa alertong ito dito?

395
00:20:45,960 --> 00:20:48,780
O kung ano ito bit ng
code gagawin para sa amin?

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

397
00:20:50,992 --> 00:20:52,616
Madla: Ito magbibigay sa iyo ng lahat ng mga pangalan.

398
00:20:52,616 --> 00:20:54,900
Allison BUCHHOLTZ-AU: Kanan, kaya
Gusto alertuhan lamang sa lahat ng mga pangalan

399
00:20:54,900 --> 00:20:57,960
dahil ito ay pumunta sa pamamagitan ng
cottage ko, kaya nais itong magsimula sa zero.

400
00:20:57,960 --> 00:21:01,330
Kaya nais itong sabihin, OK kaming naghahanap ng
sa ito unang bagay, na

401
00:21:01,330 --> 00:21:03,210
ay ang unang slot sa aming array.

402
00:21:03,210 --> 00:21:06,900
At sinasabi nito, "bigyan mo ako ng
katangian, ang pangalan ng bagay na iyon. "

403
00:21:06,900 --> 00:21:09,030
Kaya pumunta kami dito, kami ay
-scan, nais naming mahanap ang pangalan,

404
00:21:09,030 --> 00:21:11,340
at gusto naming i-print
James, Molly, at Carl.

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

406
00:21:14,410 --> 00:21:15,799
Ang anumang mga katanungan sa ngayon?

407
00:21:15,799 --> 00:21:17,590
Ang JavaScript sa kasamaang-palad
ka ng pagpunta sa maging

408
00:21:17,590 --> 00:21:20,950
paggawa ng maraming hinahanap sa iyong
sarili, ang pag-uunawa ng syntax,

409
00:21:20,950 --> 00:21:21,910
grappling dito.

410
00:21:21,910 --> 00:21:25,870
Ngunit siyempre ako palagi dito,
oras ng opisina ay palaging dito.

411
00:21:25,870 --> 00:21:28,260
Baka ako tuwing Martes sa linggong ito.

412
00:21:28,260 --> 00:21:31,050
Kaya kung nandoon ka, maaari kang
dumating bisitahin ang sa akin sa linggong ito.

413
00:21:31,050 --> 00:21:32,470
Gusto itong maging mahusay.

414
00:21:32,470 --> 00:21:36,260
>> OK, kaya DOM ay Dokumento-Bagay-modelo.

415
00:21:36,260 --> 00:21:38,900
Kaya ito ay isa lamang paraan
na nais naming mag-isip

416
00:21:38,900 --> 00:21:45,720
tungkol sa kung paano ang aming HTML at lahat ng bagay
sa loob nito ay organisado.

417
00:21:45,720 --> 00:21:49,930
Ito ay napaka isang bagay na
ay marahil na makabuo sa iyong pagsusulit.

418
00:21:49,930 --> 00:21:58,150
Alam ko ang aking taon, ito ay tulad ng narito
HTML file, punan ang DOM para dito.

419
00:21:58,150 --> 00:21:59,770
At sa iyo punan lang sa maliit na bagay.

420
00:21:59,770 --> 00:22:01,500
Ito ay dapat na sana ay madaling puntos.

421
00:22:01,500 --> 00:22:03,450
Sana makikita mo see--

422
00:22:03,450 --> 00:22:04,590
>> Madla: [hindi marinig]

423
00:22:04,590 --> 00:22:06,660
>> Allison BUCHHOLTZ-AU: Kaya
mo ang puno na ito?

424
00:22:06,660 --> 00:22:07,200
>> Madla: Oo.

425
00:22:07,200 --> 00:22:08,949
>> Allison BUCHHOLTZ-AU:
Kaya sila ay hilingin sa paggamit

426
00:22:08,949 --> 00:22:11,750
upang punan sa kung ano ang napupunta sa ilalim ng katawan.

427
00:22:11,750 --> 00:22:15,770
Siguro sa ilalim ng katawan, mayroon kaming ilang mga
divs o mayroon kaming ilang mga talata,

428
00:22:15,770 --> 00:22:19,160
at hihilingin namin sa iyo na punan ang
isang puno talaga tulad nito.

429
00:22:19,160 --> 00:22:21,440
Kaya mag-i-paglalakad namin sa pamamagitan nito.

430
00:22:21,440 --> 00:22:26,120
Kaya ang Dokumento-Bagay
Modelo ay isa lamang paraan

431
00:22:26,120 --> 00:22:31,240
upang buuin at sa tingin
tungkol sa graphically aming HTML.

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

433
00:22:33,860 --> 00:22:35,840
At din kapag makuha namin
sa higit JavaScript,

434
00:22:35,840 --> 00:22:37,640
ito ay magiging ang
paraan na aming aktwal

435
00:22:37,640 --> 00:22:39,990
manipulahin ang iba't ibang
mga elemento sa pahina.

436
00:22:39,990 --> 00:22:43,980
Kailangan namin ng isang paraan upang ma-access ang bawat
ng mga bagay sa aming HTML,

437
00:22:43,980 --> 00:22:48,050
at sa gayon ito ay nagbibigay sa amin ng isang napaka
kongkreto standardized na paraan

438
00:22:48,050 --> 00:22:51,010
sa kabuuan ng iba't-ibang mga pahina ng web upang gawin iyon.

439
00:22:51,010 --> 00:22:53,440
>> Kaya kung maglakad lang namin sa pamamagitan ng
ito dito, siyempre

440
00:22:53,440 --> 00:22:56,790
ang aming mga dokumento tulad ng ating buong file.

441
00:22:56,790 --> 00:22:59,350
Na malinaw naman saysay
na ito ay ang pinakamataas na bagay,

442
00:22:59,350 --> 00:23:03,520
at pagkatapos ay mayroon kaming aktwal na HTML,
na tumutugon sa ang tag na ito dito.

443
00:23:03,520 --> 00:23:08,480
Gayundin kung sa indent ang iyong mga tag
maayos, pagkatapos ng paglikha ng DOM puno

444
00:23:08,480 --> 00:23:10,530
ay nagiging sobrang simple.

445
00:23:10,530 --> 00:23:12,400
Kaya mayroon kaming ilang mga ulo dito.

446
00:23:12,400 --> 00:23:15,780
Mayroon kaming ilang mga katawan na
nakikita namin stem-off ng HTML,

447
00:23:15,780 --> 00:23:18,530
na ang dahilan kung bakit mayroon kaming ulo at katawan.

448
00:23:18,530 --> 00:23:22,880
Sa loob ng ulo, mayroon kaming ilang mga
tag ng pamagat, isang pansarang tag na pamagat,

449
00:23:22,880 --> 00:23:24,570
upang malaman namin na nauuna matapos ulo.

450
00:23:24,570 --> 00:23:28,040
At sa loob pamagat aming mga tag,
mayroon kaming kumusta, mundo.

451
00:23:28,040 --> 00:23:28,740
OK?

452
00:23:28,740 --> 00:23:31,311
Kaya na ito buong kaliwang sangay kamay.

453
00:23:31,311 --> 00:23:34,060
At pagkatapos ay para sa mga tamang sangay ng kamay
dito, makikita natin na mayroon kami ng HTML,

454
00:23:34,060 --> 00:23:38,680
OK tapos na namin ang ulo bahagi,
naghahanap kami lang sa katawan,

455
00:23:38,680 --> 00:23:40,670
kaya mayroon kaming ilang mga katawan area.

456
00:23:40,670 --> 00:23:44,350
At sa loob ng na, ang tanging
bagay na mayroon kami ay kumusta, mundo.

457
00:23:44,350 --> 00:23:45,090
OK?

458
00:23:45,090 --> 00:23:54,130
Kung nagkaroon kami bagay tulad ng
ang ilang mga bracket p at pagkatapos ay

459
00:23:54,130 --> 00:23:57,500
kumusta, mundo, at pagkatapos ay isa pang
bracket p ng paalam, mundo,

460
00:23:57,500 --> 00:24:00,080
Gusto naming magkaroon ng dalawang mga bula
darating off ng dito.

461
00:24:00,080 --> 00:24:05,550
Dahil ang mga ito ay parehong sa ilalim ng katawan, ngunit
ang mga ito ay hiwalay na mga talata kasong ito.

462
00:24:05,550 --> 00:24:11,520
May tiyak na kasanayan
sa na sa mga nakaraang pagsusulit,

463
00:24:11,520 --> 00:24:14,570
pati na rin ang maraming online dito.

464
00:24:14,570 --> 00:24:18,260
OK kaya, nagbibigay-daan ito lamang
amin makita ang lahat ng mabuti

465
00:24:18,260 --> 00:24:20,810
at manipulahin ang mga bagay
napaka sistematikong.

466
00:24:20,810 --> 00:24:21,340
OK?

467
00:24:21,340 --> 00:24:23,640
Alam namin kung paano mismo sa
pagtawid sa pamamagitan ng punong kahoy na ito,

468
00:24:23,640 --> 00:24:26,910
upang malaman namin kung ano ang gusto naming i-access.

469
00:24:26,910 --> 00:24:31,690
>> OK kaya ito ang dahilan kung bakit gusto naming
na magkaroon ng ganitong uri ng modelo,

470
00:24:31,690 --> 00:24:35,190
upang maaari naming gamitin ang mga bagay na tulad nito,
at naiintindihan namin kung ano ang ibig sabihin ng mga ito,

471
00:24:35,190 --> 00:24:38,370
at ang mga ito ay standardized
sa lahat ng mga bagay na ginagawa namin.

472
00:24:38,370 --> 00:24:45,900
Kaya pamagat tuldok dokumento lamang
ang pamagat ng our-- lahat ng mga

473
00:24:45,900 --> 00:24:48,960
ay medyo sarili paliwanag,
Gusto kong isipin.

474
00:24:48,960 --> 00:24:51,660
Kaya ang unang tatlong
mga halimbawa ang sinasabi lang,

475
00:24:51,660 --> 00:24:54,770
"OK, ibigay lamang sa akin ang
pamagat ng web page na ito. "

476
00:24:54,770 --> 00:24:58,030
Kaya ito ay magbibigay sa iyo kung ano ang
ay tumutugon sa pamagat.

477
00:24:58,030 --> 00:25:01,880
>> Tuldok dokumento katawan ay pagpunta sa magbibigay sa iyo ng
kahit anong ay sa loob ng mga body tag.

478
00:25:01,880 --> 00:25:03,240
Kaya maaari mong manipulahin ang mga iyon.

479
00:25:03,240 --> 00:25:07,820
At body tuldok dokumento na tuldok
magpasok ng HTML ay isang napaka-cool na isa,

480
00:25:07,820 --> 00:25:11,660
at marahil ay hindi tulad ng sobrang
madaling maunawaan, ngunit ang panloob na HTML

481
00:25:11,660 --> 00:25:13,740
tumutugon sa karapatang ito dito.

482
00:25:13,740 --> 00:25:17,410
Kaya kung sakaling nais mong
manipulahin ang teksto sa isang pahina,

483
00:25:17,410 --> 00:25:22,700
Karaniwang na iyong pupuntahan ginagawa
isang bagay na may body tuldok panloob na HTML.

484
00:25:22,700 --> 00:25:23,820
OK?

485
00:25:23,820 --> 00:25:31,341
Kaya panloob na HTML ay may gawi na mag-refer sa
kung ano ang talagang sa pagitan ng mga tag na ito.

486
00:25:31,341 --> 00:25:31,840
OK?

487
00:25:31,840 --> 00:25:33,020
At pagkatapos ay kapaki-pakinabang function.

488
00:25:33,020 --> 00:25:40,390
Kaya kung nais mong makakuha ng
alinman sa mga ito, ang anumang mga elemento,

489
00:25:40,390 --> 00:25:43,140
mayroon kaming ilang Id, klase
pangalan, o pangalan ng tag.

490
00:25:43,140 --> 00:25:47,100
Ito ay halos kapareho sa
bagay na aming ginawa sa CSS, tama?

491
00:25:47,100 --> 00:25:51,360
Kung saan mayroon kaming ilang mga tagapili na
tumugma sa alinman sa isang tag, isang klase

492
00:25:51,360 --> 00:25:53,800
na nagbibigay namin ang mga ito, o isang Id.

493
00:25:53,800 --> 00:25:55,310
Ito ay napaka halos parehong paraan.

494
00:25:55,310 --> 00:26:00,720
Kung mayroon kang isang bagay na
May ilang klase ng aso,

495
00:26:00,720 --> 00:26:05,800
at sabihin mo sa mga elemento ng name tag,
at mong ilagay ang aso sa there-- o paumanhin,

496
00:26:05,800 --> 00:26:06,610
Pangalan ng klase.

497
00:26:06,610 --> 00:26:07,770
Maaari mong ilagay ang tuldok doon.

498
00:26:07,770 --> 00:26:11,780
Ito ay pagpunta upang bumalik sa lahat ng mga
mga elemento sa iyo na magkaroon ng klase na iyon.

499
00:26:11,780 --> 00:26:13,880
Kaya maaari mong manipulahin lamang ang mga naka.

500
00:26:13,880 --> 00:26:18,430
Sa parehong paraan, maaaring mo lamang
Gusto upang manipulahin ang ilang mga header, kaya

501
00:26:18,430 --> 00:26:20,980
ilang h1 header, tulad ng ginawa namin.

502
00:26:20,980 --> 00:26:24,900
Maaari mong gawin makakuha ng mga elemento sa pamamagitan ng tag
pangalanan, dahil h1 ay isang pangalan ng tag.

503
00:26:24,900 --> 00:26:29,270
At sa parehong paraan, kung nais mong makakuha ng
sa ilang mga natatanging bagay, maaari mong gawin get tag.

504
00:26:29,270 --> 00:26:31,100
Kumuha ng mga elemento sa pamamagitan ng Id.

505
00:26:31,100 --> 00:26:32,710
At ang mga ito ay aktwal na ng maraming mga ito.

506
00:26:32,710 --> 00:26:36,300
Ang mga ito ay tulad ng tatlo sa napaka maraming lamang.

507
00:26:36,300 --> 00:26:39,600
Kaya kung mag-online, bilang
Pupunta ako sa hinihikayat

508
00:26:39,600 --> 00:26:45,342
mong gawin, at gawin ang ilang mga
pananaliksik sa iyong sarili,

509
00:26:45,342 --> 00:26:48,450
Ako siguradong inirerekumenda
Tinitingnan ang lahat ng mga iyon.

510
00:26:48,450 --> 00:26:50,880
Maaaring maging sobrang
kapaki-pakinabang, lalo na kapag

511
00:26:50,880 --> 00:26:57,180
nais mong lamang uri ng manipulahin
napaka-tukoy na bagay nang hindi na kinakailangang

512
00:26:57,180 --> 00:27:00,390
upang pumunta sa pamamagitan ng at subukan
upang i-parse out ang lahat.

513
00:27:00,390 --> 00:27:03,540
>> OK, kaya ang huling bagay
ay ang JavaScript kaganapan.

514
00:27:03,540 --> 00:27:10,730
Kaya kapag ako ay pakikipag-usap ng mas maaga
tungkol sa pagpunta sa isang website,

515
00:27:10,730 --> 00:27:14,340
at kapag hover ka sa isang bagay,
o ang iyong mouse sa ibabaw nagho-hover ang isang bagay,

516
00:27:14,340 --> 00:27:15,420
ibang bagay ang mangyayari.

517
00:27:15,420 --> 00:27:17,900
Ito ay kung ano ang gusto naming
isipin ang tungkol sa bilang isang kaganapan.

518
00:27:17,900 --> 00:27:23,970
Kaya kung ano ang mayroon kami na maaaring
maging kapaki-pakinabang dito ay onclick.

519
00:27:23,970 --> 00:27:29,140
Kaya mina ay noong hover, na kung saan, ako ay
medyo sigurado, ay isa lamang sa mag-agaw-buhay.

520
00:27:29,140 --> 00:27:31,300
Gayundin isang tonelada ng mga
na maaari mong hanapin.

521
00:27:31,300 --> 00:27:34,340
Mayroong isang buong listahan ng online
ng iba't-ibang mga bagay

522
00:27:34,340 --> 00:27:37,130
na maaari kang makinig para sa.

523
00:27:37,130 --> 00:27:41,220
>> Ngunit kaganapang JavaScript ay
talaga lang sa pagtugon sa mga bagay

524
00:27:41,220 --> 00:27:42,430
na ang iyong mga user ay ginagawa.

525
00:27:42,430 --> 00:27:42,930
Mag-right?

526
00:27:42,930 --> 00:27:45,220
Kaya ang iyong mga user ang ginagawa
isang bagay, na ang isang kaganapan,

527
00:27:45,220 --> 00:27:48,340
at JavaScript na tutugon
gayunpaman gusto mo ito sa.

528
00:27:48,340 --> 00:27:49,770
Ito ay tumugon nang naaayon.

529
00:27:49,770 --> 00:27:54,630
Kaya sa kasong ito, mayroon kaming
ang ilang mga window ng tuldok onload.

530
00:27:54,630 --> 00:27:57,170
Kaya kung ano ang sinasabi ay, "maghintay
hanggang-load ang window ng. "

531
00:27:57,170 --> 00:27:57,780
OK?

532
00:27:57,780 --> 00:28:02,102
Kaya kapag ang lahat ng na-load, onload,
pagkatapos ay maaari mong isagawa ang function na ito.

533
00:28:02,102 --> 00:28:03,810
Kaya kapag ang lahat ng
-load, na iyong pupuntahan

534
00:28:03,810 --> 00:28:07,760
na magkaroon ng ilang mga pindutan sa paghahanap
na nakakakuha isang elemento ng Id,

535
00:28:07,760 --> 00:28:13,740
at ng mga kopya nito ang anumang na
elemento ay kasing ang pindutan ng Paghahanap.

536
00:28:13,740 --> 00:28:17,050
At pagkatapos ay mayroon kaming na ito variable,
sabihin namin, "OK, onclick."

537
00:28:17,050 --> 00:28:20,390
Kaya kapag marinig namin ang isang pag-click
sa pindutan ng Paghahanap,

538
00:28:20,390 --> 00:28:23,990
isagawa ang function na ito, na isang
alerto, nag-click ka sa pindutan ng Paghahanap.

539
00:28:23,990 --> 00:28:28,910
>> Kaya kung ano ang mangyayari is-- ito ay isang magaling
maliit na graphic na representasyon dito.

540
00:28:28,910 --> 00:28:31,480
Kaya nag-load ang aming mga dokumento,
na aming onload,

541
00:28:31,480 --> 00:28:34,340
nakita namin ang aming Paghahanap
pindutan, na ito.

542
00:28:34,340 --> 00:28:36,570
Naghahanap kami para sa aming mga pindutan ng Paghahanap.

543
00:28:36,570 --> 00:28:40,790
At pagkatapos ay kapag ang pindutan ng Paghahanap ay
-click, ito ay tumutugon sa dito mismo.

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

545
00:28:41,980 --> 00:28:47,300
Pagkatapos ay sa wakas kami alertuhan ang aming mga user,
na ito huling linya dito.

546
00:28:47,300 --> 00:28:48,250
OK?

547
00:28:48,250 --> 00:28:52,960
Kaya bawat isa sa mga apat na hakbang lamang
ay tumutugon sa apat na mga kahon

548
00:28:52,960 --> 00:28:55,031
down na doon sa ibaba.

549
00:28:55,031 --> 00:28:56,405
Ba na magkaroon ng kahulugan sa lahat?

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

551
00:29:01,120 --> 00:29:05,200
>> At pagkatapos ay isang bagay na ako lang ang pagpunta
banggitin napaka, napaka-maikling, na aking

552
00:29:05,200 --> 00:29:08,660
Hinihikayat ka guys sa
sasamang Mas mukhang sa ay

553
00:29:08,660 --> 00:29:13,210
jQuery, na isang library lamang
na binuo batay sa JavaScript.

554
00:29:13,210 --> 00:29:16,480
Ito ay sobrang kapaki-pakinabang, bilang
sa karamihan ng mga library.

555
00:29:16,480 --> 00:29:18,320
Maraming mga pag-andar.

556
00:29:18,320 --> 00:29:21,930
Kaya kung mayroong kailanman ng isang bagay na
ang gusto mong gawin sa JavaScript,

557
00:29:21,930 --> 00:29:24,880
ang iyong unang katutubong gawi
hindi dapat mag-isip

558
00:29:24,880 --> 00:29:27,340
ng, "kung ano ang function na dapat
Code ako? "Ito ay dapat,

559
00:29:27,340 --> 00:29:29,560
"Hayaan mo akong makita ang isang tao ay
tapos na ito para sa akin. "

560
00:29:29,560 --> 00:29:32,800
Dahil siyam na beses sa labas ng sampung,
ang isang tao ay ginawa nito,

561
00:29:32,800 --> 00:29:35,760
at sila ay marahil ginawa ito ng mas mahusay.

562
00:29:35,760 --> 00:29:39,990
Mga Tao gastusin ng maraming oras paggawa ito,
at JavaScript ay napaka-karaniwang ginagamit,

563
00:29:39,990 --> 00:29:42,810
kaya mga tao ay patuloy na
sinusubukan mong gumawa ng mas mahusay na ito.

564
00:29:42,810 --> 00:29:47,110
At jQuery ay may maraming mga pag-andar
iyon ay malamang na maging kapaki-pakinabang sa iyo

565
00:29:47,110 --> 00:29:50,470
sa inyong huling proyekto kung ikaw ay
paggawa ng anumang bagay na may disenyo ng web.

566
00:29:50,470 --> 00:29:53,480
Tulad ng gusto kong sabihin, "trabaho
mas matalinong, hindi mahirap. "

567
00:29:53,480 --> 00:29:57,130
Kung ikaw guys gawin iyon, ito ay mahusay.

568
00:29:57,130 --> 00:30:00,330
Kapag handa namin sa hackathon gagawin ko hindi
nais mong maging ang lahat ng stressed out.

569
00:30:00,330 --> 00:30:03,600
Gusto kong mong maging katulad ng, "Nakatanggap ako
na ito. jQuery ay nakuha ko ang aking likod.

570
00:30:03,600 --> 00:30:05,790
Hindi ko na kailangang magsulat ng mga function. "

571
00:30:05,790 --> 00:30:07,636
>> Kaya lang ang dalawang bagay upang
tandaan, pupuntahan ko

572
00:30:07,636 --> 00:30:10,220
upang ipaalam sa iyo guys tumingin nang higit pa
sa jQuery sa inyong sarili.

573
00:30:10,220 --> 00:30:13,070
Ang lahat ng mga pupuntahan ko sabihin ay ito
ang ilang mga Kahanga-hanga bagay

574
00:30:13,070 --> 00:30:15,220
at maaaring gumawa ng iyong buhay
marami mas madali.

575
00:30:15,220 --> 00:30:17,150
Ngunit ano ang gusto mong
mayroon ay kahit anong file

576
00:30:17,150 --> 00:30:21,020
na iyong pupuntahan upang gamitin ito sa,
ka ng pagpunta sa gusto ang dalawang linya.

577
00:30:21,020 --> 00:30:25,630
Ikaw ay pagpunta sa gusto ang
script ng js jQuery js tuldok.

578
00:30:25,630 --> 00:30:28,500
At talagang iyong mapagkukunan
ay magiging ilang mga URL.

579
00:30:28,500 --> 00:30:35,870
Kung jQuery Google, ang Google
talaga nagho-host ng lahat ng mga file para sa iyo.

580
00:30:35,870 --> 00:30:38,950
Kaya gusto Siguradong sa
-input ang URL na iyon sa halip.

581
00:30:38,950 --> 00:30:41,130
Ilagay ko lang ito dito
alang-alang sa pagiging simple ng.

582
00:30:41,130 --> 00:30:45,180
Ang lahat ng mga ibig sabihin nito ay kung saan upang
hanapin ang iyong jQuery library.

583
00:30:45,180 --> 00:30:48,600
Ito ay napakalaking, kaya hindi mo nais na
upang i-host ito sa iyong sariling computer

584
00:30:48,600 --> 00:30:53,390
kung maaari mo itong iwasan, na kung saan ay kung bakit namin
may posibilidad na lamang ilagay sa URL ng Google na

585
00:30:53,390 --> 00:30:55,880
Nagho-host ang lahat ng mga file na ito para sa iyo.

586
00:30:55,880 --> 00:30:56,380
OK?

587
00:30:56,380 --> 00:30:58,850
Mo ang Google ito, nangangako ako
ito ay magiging doon.

588
00:30:58,850 --> 00:31:01,200
>> At pagkatapos ay ang anumang
JavaScript file na ikaw ay

589
00:31:01,200 --> 00:31:07,150
ginagamit, kaya ito ay lamang ng ilang panlabas
JavaScript file na iyong ginagamit.

590
00:31:07,150 --> 00:31:11,570
Sa parehong paraan na link namin sa aming CSS
mga file, ito ay pareho uri ng bagay.

591
00:31:11,570 --> 00:31:15,480
Ito lang ang nagli-link sa file
kung saan ang iyong JavaScript ay.

592
00:31:15,480 --> 00:31:18,970
At Mayroon akong ilang mga halimbawa
may mga simpleng JavaScript.

593
00:31:18,970 --> 00:31:20,220
Kaya naming mag-i-pagpunta sa pamamagitan nito.

594
00:31:20,220 --> 00:31:27,230
At pagkatapos ay sa iyong index JavaScript,
na ang iyong JavaScript maghain dito,

595
00:31:27,230 --> 00:31:30,900
ito ay uri ng damit-pambahay ng babae
na mayroon ka para sa jQuery.

596
00:31:30,900 --> 00:31:33,860
Malapit ka 99.9
porsiyento ng oras ng pagpunta

597
00:31:33,860 --> 00:31:36,800
na magkaroon ng ito sa iyong index.js file.

598
00:31:36,800 --> 00:31:40,010
Dahil kung ano ang sinasabi ay,
"Huwag isagawa ang anumang bagay

599
00:31:40,010 --> 00:31:43,480
hanggang sa iyong dokumento ay talagang
handa na, "kung saan ay kung ano mismo ang gusto mo.

600
00:31:43,480 --> 00:31:46,600
Dahil kung ang iyong dokumento ay hindi handa na,
at jQuery nagsimula ang paggawa ng mga bagay,

601
00:31:46,600 --> 00:31:48,020
ito ay isang gulo lang.

602
00:31:48,020 --> 00:31:50,480
Kaya gusto mo laging magkaroon ito wrapper.

603
00:31:50,480 --> 00:31:55,760
At pagkatapos ay para sa mga bagay na pumunta sa doon, ako
ay umalis sa sariling perusing iyong guys '.

604
00:31:55,760 --> 00:32:04,610
>> OK, kaya ang naroon kanan anumang mga katanungan
ngayon tungkol JavaScript sa pangkalahatan?

605
00:32:04,610 --> 00:32:07,420
O ang modelo ng DOM?

606
00:32:07,420 --> 00:32:10,780
Kung hindi, mayroon kaming ilang mga magandang
mga halimbawa na maaari naming pumunta sa pamamagitan ng,

607
00:32:10,780 --> 00:32:13,120
na guys makakatulong sa akin code.

608
00:32:13,120 --> 00:32:15,877
Pero pupuntahan ko rin na maging
sobrang maganda, at kung

609
00:32:15,877 --> 00:32:17,960
ayaw mong sabihin ang anumang bagay
para sa mga ito, na fine.

610
00:32:17,960 --> 00:32:20,510
Maaari ko rin lang magbibigay sa iyo ng mga halimbawa.

611
00:32:20,510 --> 00:32:24,581
Ngunit ang anumang bagay sa
PowerPoint bago ilipat namin sa?

612
00:32:24,581 --> 00:32:25,080
Ayos.

613
00:32:25,080 --> 00:32:26,990
>> Nararamdaman kong kailangan mo guys sa enerhiya.

614
00:32:26,990 --> 00:32:31,516
Kaya sa tingin ko kami ay pagpunta sa simulan
sa aking partido unang halimbawa.

615
00:32:31,516 --> 00:32:33,390
Mayroon kaming tatlong halimbawa,
mayroon kang ang iyong pinili.

616
00:32:33,390 --> 00:32:37,720
Kaya mayroon kaming orasan, na kung saan kami ay pagpunta
upang ipatupad ang isang aktwal na orasan na

617
00:32:37,720 --> 00:32:41,430
pagpunta sa i-update ang bilang napupunta sa pamamagitan ng oras.

618
00:32:41,430 --> 00:32:43,310
Mayroon kaming na ito mahusay na pag-andar Twitter.

619
00:32:43,310 --> 00:32:44,560
This-- alam mo kung ano, hawakan.

620
00:32:44,560 --> 00:32:47,220
Kami ay pagpunta sa gawin ito pumunta ang layo.

621
00:32:47,220 --> 00:32:47,950
Bam.

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

623
00:32:49,060 --> 00:32:56,132
>> Mayroon kaming na ito mahusay na pag-andar ng Twitter
dito, that-- Alam ko, tama?

624
00:32:56,132 --> 00:32:57,090
Ito ay magiging mahusay.

625
00:32:57,090 --> 00:32:58,350
Sigurado ka guys ay nasasabik?

626
00:32:58,350 --> 00:33:01,170
Iyon ay pagpunta upang mabilang ang bilang
ng mga character na iyong iniwan,

627
00:33:01,170 --> 00:33:04,520
kaya kung nagta-type ako ngayon,
Malinaw na sinasabi nito pa rin 140,

628
00:33:04,520 --> 00:33:06,190
ngunit alam namin na hindi ito ang kaso.

629
00:33:06,190 --> 00:33:08,570
At pagkatapos ay sa aming mga huli
dito, i-click dito upang i-party.

630
00:33:08,570 --> 00:33:12,150
Ano ang nangyayari sa mangyari ay kapag
namin i-click, ang background ng

631
00:33:12,150 --> 00:33:13,340
pagpunta upang baguhin ang kulay.

632
00:33:13,340 --> 00:33:17,060
Kaya mo guys mayroon ang iyong mga pagpipilian ng
kung alin ang gusto mong gawin muna.

633
00:33:17,060 --> 00:33:19,800
Nangangako ako Kukunin ko mas madali sa iyo.

634
00:33:19,800 --> 00:33:22,680
Pakiramdam ko ay tulad ng lahat ng tao ang uri
ng lang napakababang key ngayon.

635
00:33:22,680 --> 00:33:25,540
Kaya kukunin ko na ituturo sa iyo kung paano
ay ipapatupad namin ang lahat ng mga ito.

636
00:33:25,540 --> 00:33:28,520
Kung nais mong tunog ng relos
in, mabuti iyan, ngunit ko

637
00:33:28,520 --> 00:33:30,020
parang lahat ng tao ay isang maliit na pagod.

638
00:33:30,020 --> 00:33:32,970
Kaya ko makikita lamang ituturo sa iyo
sa pamamagitan ng mga halimbawa.

639
00:33:32,970 --> 00:33:35,015
Mayroon ba kami ng isang bagay na
nais naming gawin unang?

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

641
00:33:38,140 --> 00:33:39,475
Sinuman?

642
00:33:39,475 --> 00:33:41,350
Walang kagustuhan?

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

644
00:33:41,867 --> 00:33:42,450
Alam mo kung ano?

645
00:33:42,450 --> 00:33:43,290
Humihingi kami sa party.

646
00:33:43,290 --> 00:33:48,380
Pakiramdam ko ay tulad mo guys kailangan ng little--
kaya, ipapakita namin unang gawin ang isang partido.

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
>> Kaya kung ano ang mayroon kaming here-- na
Hindi dapat na maging doon.

650
00:33:56,930 --> 00:33:57,910
Ngayon ay mabuti.

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

652
00:33:59,810 --> 00:34:03,110
Kaya kung ano ang mayroon kami dito ay
lamang ang simpleng HTML na pahina

653
00:34:03,110 --> 00:34:07,840
na iyong guys ay dapat na sobrang lahat
pamilyar sa mula sa iyong huling dalawang psets.

654
00:34:07,840 --> 00:34:10,212
mayroon kaming uri ng doc dito.

655
00:34:10,212 --> 00:34:10,920
Maaari makita ng lahat ang?

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

657
00:34:11,420 --> 00:34:12,560
Ayos.

658
00:34:12,560 --> 00:34:13,900
Mayroon kaming aming HTML malinaw naman.

659
00:34:13,900 --> 00:34:18,360
Mayroon kaming ilang mga header na
-link sa isang style sheet na

660
00:34:18,360 --> 00:34:21,420
ginawa lamang maganda ang aking font at malaki at naka-bold.

661
00:34:21,420 --> 00:34:23,489
Kaya huwag mag-alala tungkol sa na.

662
00:34:23,489 --> 00:34:26,437
>> Mayroon kaming ilang mga katawan na may
isang Id background, OK?

663
00:34:26,437 --> 00:34:28,520
Dahil kami ay magiging
pagbabago ng background.

664
00:34:28,520 --> 00:34:31,964
Kaya kapag namin binabago ang
background ng aming katawan,

665
00:34:31,964 --> 00:34:35,965
tandaan namin mula sa dalawang linggo nakaraan
kapag pagharap namin sa mga web page.

666
00:34:35,965 --> 00:34:36,840
Kaya magandang upang magkaroon iyon.

667
00:34:36,840 --> 00:34:39,270
At mayroon kaming ilang Id ay katumbas ng partido.

668
00:34:39,270 --> 00:34:43,909
Ito h ref pound ay nangangahulugan lamang na
ito ay pagpunta sa pumunta sa parehong pahina.

669
00:34:43,909 --> 00:34:47,120
At i-click dito upang i-party,
na ang dahilan kung bakit kapag nag-click namin ito,

670
00:34:47,120 --> 00:34:48,940
Dapat itong baguhin sa kulay, Sa kabutihang palad.

671
00:34:48,940 --> 00:34:54,322
>> At pagkatapos ay mayroon kaming ilang script dito na
ay naka-link lamang sa partido tuldok js

672
00:34:54,322 --> 00:34:58,100
file, iyon ay walang laman dahil
hindi pa kami tapos kahit ano pa.

673
00:34:58,100 --> 00:35:00,450
At ito ay kaya malungkot.

674
00:35:00,450 --> 00:35:06,100
Ngunit sa lalong madaling panahon, ito ay baguhin
kulay, at ito ay magiging kahanga-hanga.

675
00:35:06,100 --> 00:35:10,520
>> Kaya ako lamang ng pagpunta sa ituturo sa iyo guys
sa pamamagitan ng kung paano namin maaaring lapitan ito.

676
00:35:10,520 --> 00:35:14,030
Kaya ang unang bagay na
Maaaring gusto naming gawin,

677
00:35:14,030 --> 00:35:18,050
kung ang pagbabago ay namin ang background ng
katawan, ang unang bagay na maaari naming gusto

678
00:35:18,050 --> 00:35:22,730
gawin ay talagang grab
kung ano ang katawan ay, i-right?

679
00:35:22,730 --> 00:35:27,690
Kaya gusto naming magkaroon ng kabuuan, ang aming
background, at kung napansin mo,

680
00:35:27,690 --> 00:35:29,567
Ko lang ang awtomatikong magsimula lamang sa pagta-type.

681
00:35:29,567 --> 00:35:32,400
Wala espesyal na iyan namin
kailangang gawin para sa aming mga file sa JavaScript.

682
00:35:32,400 --> 00:35:35,820
Maaari ba akong magsimula deklarasyon variable,
at nagpapahayag random na pag-andar.

683
00:35:35,820 --> 00:35:38,110
At ito ay mas libreng form.

684
00:35:38,110 --> 00:35:41,930
Ito ay tulad sa C, ibinigay namin sa iyo ang lahat
ang mga matitigas na mga panuntunan, at lumaki,

685
00:35:41,930 --> 00:35:43,220
kaya hindi namin tulad ng, "pumunta balik.

686
00:35:43,220 --> 00:35:44,000
Mag-libre.

687
00:35:44,000 --> 00:35:44,870
Gawin kung ano ang gusto mo. "

688
00:35:44,870 --> 00:35:46,280
At iyon ang JavaScript.

689
00:35:46,280 --> 00:35:48,390
Kaya mayroon kaming ilang background dito.

690
00:35:48,390 --> 00:35:55,900
Sa aming modelo ng DOM, alam namin namin
Maaari gawin tuldok dokumento makakuha ng elemento,

691
00:35:55,900 --> 00:36:00,290
at kung napansin namin dito,
ang aming mga katawan ay may Id.

692
00:36:00,290 --> 00:36:00,930
Mag-right?

693
00:36:00,930 --> 00:36:06,310
Kaya maaari ko kami makakuha ng dokumento sa pamamagitan ng
Id, at narito ang isang simpleng isa.

694
00:36:06,310 --> 00:36:08,295
Ano ang aming Id na gusto naming dito?

695
00:36:08,295 --> 00:36:09,170
Madla: Background.

696
00:36:09,170 --> 00:36:11,280
Allison BUCHHOLTZ-AU: Background.

697
00:36:11,280 --> 00:36:12,230
Perpekto.

698
00:36:12,230 --> 00:36:14,250
At semicolon sa dulo.

699
00:36:14,250 --> 00:36:15,610
Na hindi pa nawala ang layo.

700
00:36:15,610 --> 00:36:17,330
Kailangan mo pa rin ang iyong mga semicolon.

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

702
00:36:17,830 --> 00:36:19,690
Kaya na ang aming una.

703
00:36:19,690 --> 00:36:23,880
At kapag nag-click kami ng isang bagay, kami
Gusto ng isang bagay na mangyayari, i-right?

704
00:36:23,880 --> 00:36:28,270
Kaya maaari naming nais ng ilang mga variable
na naghihintay para sa isang pag-click.

705
00:36:28,270 --> 00:36:32,410
Ano kami ay pagpunta sa gawin ay kami ay pagpunta sa
gawing mas katulad ng aming link sa isang pindutan.

706
00:36:32,410 --> 00:36:43,140
Kaya kami ay pagpunta sa may ilang mga pindutan na
ay katumbas ng idokumento ang tuldok na makakuha ng elemento ng Id.

707
00:36:43,140 --> 00:36:48,670
At kung ako pinag-uusapan ng mga
i-click ang link o i-click dito upang Party

708
00:36:48,670 --> 00:36:51,850
link, ano ang maaaring aking Id na naririto?

709
00:36:51,850 --> 00:36:52,590
Party.

710
00:36:52,590 --> 00:36:55,200
Tamang.

711
00:36:55,200 --> 00:36:56,500
OK hindi masyadong masamang sa ngayon.

712
00:36:56,500 --> 00:36:59,060
Makakuha ng lahat ng tao kung anong ginagawa namin?

713
00:36:59,060 --> 00:37:02,100
>> OK, kaya ngayon mayroon namin ang aming
pindutan, at gusto naming

714
00:37:02,100 --> 00:37:04,140
mga bagay na baguhin kapag nag-click kami dito.

715
00:37:04,140 --> 00:37:08,750
Kaya kung tandaan namin mula sa aming PowerPoint,
napaka-simpleng bagay na maaari naming gawin

716
00:37:08,750 --> 00:37:12,140
ay tuldok lang ang button onclick, tama?

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

718
00:37:14,750 --> 00:37:18,730
At na pupuntahan katumbas ng ilang function.

719
00:37:18,730 --> 00:37:20,620
Ito ay isang hindi nakikilalang function.

720
00:37:20,620 --> 00:37:24,620
At ito as-- lang talaga ako
pagpunta sa gawin ito ng isang maliit na mas malaki.

721
00:37:24,620 --> 00:37:27,330
>> Kaya kung ano ko lang ginawa
dito ay ako na nagsasabi, OK,

722
00:37:27,330 --> 00:37:31,810
kapag nag-click namin ang aming mga pindutan, na
ang link na ito na lamang ang tinutukoy namin na,

723
00:37:31,810 --> 00:37:34,270
pupunta kami upang maisagawa
ang hindi kilalang pag-andar na ito.

724
00:37:34,270 --> 00:37:35,845
Hindi namin kailangan ang anumang mga input.

725
00:37:35,845 --> 00:37:37,220
Hindi namin pakialam kung ano ang sinasabi ng user.

726
00:37:37,220 --> 00:37:38,800
Kapag nag-click sila dito, hindi namin
pagpunta sa gawin ang anumang gusto namin,

727
00:37:38,800 --> 00:37:40,660
na baguhin ang kulay ng background.

728
00:37:40,660 --> 00:37:42,640
OK?

729
00:37:42,640 --> 00:37:47,224
Kaya na ang dahilan kung bakit wala kaming anumang mga input,
mayroon lamang namin ang hindi kilalang pag-andar na ito.

730
00:37:47,224 --> 00:37:49,390
At ngayon talagang kami ay pagpunta
isulat ang mga function na ito.

731
00:37:49,390 --> 00:37:55,040
>> Kaya mayroong isang bungkos ng mga paraan sa iyo
maaaring bumuo ng isang random na kulay.

732
00:37:55,040 --> 00:37:59,010
Ang paraan na aking ginawa ito ay upang
bumuo ng tatlong mga random na numero

733
00:37:59,010 --> 00:38:01,910
at i-convert ito sa isang RGB triple.

734
00:38:01,910 --> 00:38:06,130
Kaya ito ay nagpapakita lamang sa iyo ang ilang mga magandang
mga bagay na kung ikaw ay tulad ng, "oh,

735
00:38:06,130 --> 00:38:08,464
Kailangan ko upang bumuo ng isang random
numero. "kung Googled mo ito,

736
00:38:08,464 --> 00:38:09,630
ito ay kung ano ang gusto mong hanapin.

737
00:38:09,630 --> 00:38:17,580
>> Kaya mayroon kaming tatlong iba't ibang
mga bagay, var, hindi muli pula, berde.

738
00:38:17,580 --> 00:38:18,080
Mag-right?

739
00:38:18,080 --> 00:38:20,740
Kaya mga ang tatlong
mga bagay na bumubuo ng isang kulay.

740
00:38:20,740 --> 00:38:22,220
Asul, pula, at berde.

741
00:38:22,220 --> 00:38:22,960
Ayos.

742
00:38:22,960 --> 00:38:27,050
At kung ano ang maaari naming gawin ay na alam namin
na ito ay kailangang nasa pagitan ng 255,

743
00:38:27,050 --> 00:38:30,140
at kung ikaw ay tumingin up ng ilang
random na numero generator,

744
00:38:30,140 --> 00:38:36,000
maaari kang makakuha ng isang bagay tulad ng matematika
tuldok random, na kung tiningnan mo ito up

745
00:38:36,000 --> 00:38:39,230
bumalik sa ilang mga numero
sa pagitan ng zero at isa.

746
00:38:39,230 --> 00:38:39,980
OK?

747
00:38:39,980 --> 00:38:44,470
At kung ano ang mga numero gawin ang aming
RGB triples pumunta sa pagitan?

748
00:38:44,470 --> 00:38:47,240
Zero at kung ano?

749
00:38:47,240 --> 00:38:49,000
Ano ang maaari nilang pumunta hanggang sa?

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

751
00:38:49,950 --> 00:38:53,320
Kaya kung math tuldok random
napupunta sa pagitan ng zero at isa,

752
00:38:53,320 --> 00:38:56,365
kung paano maaaring gusto naming i-convert ito?

753
00:38:56,365 --> 00:38:56,990
Madla: Oras?

754
00:38:56,990 --> 00:38:57,830
Allison BUCHHOLTZ-AU: Oo, eksakto.

755
00:38:57,830 --> 00:38:58,677
Kaya oras ay 255.

756
00:38:58,677 --> 00:39:00,888
>> Madla: [hindi marinig]
Ito ay tulad ng [hindi marinig].

757
00:39:00,888 --> 00:39:02,471
Allison BUCHHOLTZ-AU: Math tuldok random.

758
00:39:02,471 --> 00:39:03,096
Madla: Cool.

759
00:39:03,096 --> 00:39:04,580
Allison BUCHHOLTZ-AU: Oo.

760
00:39:04,580 --> 00:39:06,300
Lamang ay tumatagal ng pag-aalaga ng JavaScript ng sa iyo.

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

762
00:39:07,580 --> 00:39:09,360
Kaya maaari naming gawin iyon para sa lahat ng mga ito.

763
00:39:09,360 --> 00:39:10,540
Mag-right?

764
00:39:10,540 --> 00:39:16,480
Tuldok Math random na beses 255.

765
00:39:16,480 --> 00:39:17,740
Kopyahin iyon.

766
00:39:17,740 --> 00:39:18,820
Ayos.

767
00:39:18,820 --> 00:39:23,350
Kaya ang bagay ay, ito ay maaaring
hindi nagbabalik ng isang integer.

768
00:39:23,350 --> 00:39:24,080
Mag-right?

769
00:39:24,080 --> 00:39:26,450
Siguro makuha namin ang ilang mga numero
sa pagitan ng zero at isa,

770
00:39:26,450 --> 00:39:32,150
at ito ay nagiging sanhi ito upang maging bahagyang
-off, at ang aming RGBs ay hindi maaaring maging sa kamay.

771
00:39:32,150 --> 00:39:33,360
Kailangan nila upang maging ints.

772
00:39:33,360 --> 00:39:37,610
Kaya kung sinubukan mo ito, marahil nais
May ilang mga mali-mali pag-uugali.

773
00:39:37,610 --> 00:39:38,810
Ito ay isang maliit na funky.

774
00:39:38,810 --> 00:39:43,200
Kaya kung ano ang ginagawa namin ay gusto naming makasiguro
Tiyakin na ang mga ito ay bilugan,

775
00:39:43,200 --> 00:39:45,400
at maaari mong isalin ang alinman paraan.

776
00:39:45,400 --> 00:39:47,110
Bilugan kong may floor.

777
00:39:47,110 --> 00:39:49,680
Kaya palagi kong ginawa bang
na nai-round down.

778
00:39:49,680 --> 00:39:54,440
Ngunit pagpunta off kung paano simple ito
ay upang makakuha lamang ng random na numero,

779
00:39:54,440 --> 00:39:57,920
paano sa tingin namin
maaari palapag ang numerong ito?

780
00:39:57,920 --> 00:40:00,720
Ito ay halos katulad na.

781
00:40:00,720 --> 00:40:02,810
Anumang mga ideya?

782
00:40:02,810 --> 00:40:06,450
Kaya kung random ay isa lamang sa math tuldok
random, kaya huwag tingin mo gusto naming gawin sahig?

783
00:40:06,450 --> 00:40:09,670
Math tuldok palapag.

784
00:40:09,670 --> 00:40:11,340
At maaari mo ring gawin matematika tuldok kisame.

785
00:40:11,340 --> 00:40:14,030
Round ay uri ng hindi maliwanag
dahil hindi mo gusto

786
00:40:14,030 --> 00:40:16,110
alam kung paglilikom o isalin pababa.

787
00:40:16,110 --> 00:40:20,797
Kaya karaniwang palagi naming gawin matematika
tuldok palapag, matematika tuldok kisame.

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

789
00:40:21,380 --> 00:40:22,780
>> Madla: down na ba palapag na round?

790
00:40:22,780 --> 00:40:24,740
>> Allison BUCHHOLTZ-AU: round down na palapag.

791
00:40:24,740 --> 00:40:26,990
At iyon ay isang pagpipilian lang sa aking bahagi.

792
00:40:26,990 --> 00:40:32,370
>> Kaya ngayon mayroon kaming tatlong numero
na random na binuong,

793
00:40:32,370 --> 00:40:36,610
at kung ano ang namin ang pagpunta sa gawin ngayon ay hindi namin
lamang ng pagpunta upang baguhin ang background.

794
00:40:36,610 --> 00:40:37,310
OK?

795
00:40:37,310 --> 00:40:41,490
Kaya namin na mayroon ang aming
background uri ng naka-imbak na

796
00:40:41,490 --> 00:40:43,280
sa elementong ito na tinatawag na background.

797
00:40:43,280 --> 00:40:47,300
Kaya kung ano ang mapapansin mo ay, kung ang
i-play sa paligid na may ito,

798
00:40:47,300 --> 00:40:50,460
gusto naming baguhin ang estilo.

799
00:40:50,460 --> 00:40:53,812
At ito ay uri ng isang bagay na
Gusto mo ang Google at malaman kung,

800
00:40:53,812 --> 00:40:55,020
i kung paano baguhin ang kulay.

801
00:40:55,020 --> 00:40:59,210
>> Ngunit ang paraan na-access mo ang kulay na ito ay
tuldok na background background style na tuldok.

802
00:40:59,210 --> 00:41:03,490
Kaya ito ay nagsasabi ibinigay
sa bagay na ito, background,

803
00:41:03,490 --> 00:41:06,920
na tumutukoy sa na
elemento Id up doon,

804
00:41:06,920 --> 00:41:10,690
kami ay pagpunta sa tumingin sa
estilo sa loob ng mga estilo,

805
00:41:10,690 --> 00:41:13,280
kami ay pagpunta sa tumingin sa background.

806
00:41:13,280 --> 00:41:14,270
OK?

807
00:41:14,270 --> 00:41:17,630
At kung pumunta at hanapin ito up,
maaari itong gumawa ng kaunti pa sa kahulugan,

808
00:41:17,630 --> 00:41:21,930
ngunit ito ay isa lamang lamang na nagsasabi,
"Ninyo akong bigyan ito napaka-tukoy na katangian

809
00:41:21,930 --> 00:41:25,770
ng kung ano ang iyong tinukoy ko kanina. "

810
00:41:25,770 --> 00:41:32,340
Kaya kung ano ang namin ang pagbabago nito sa ay
ilang RGB, sapagkat ito ang may katuturan.

811
00:41:32,340 --> 00:41:34,780
Ginagamit namin RGB triples, tama?

812
00:41:34,780 --> 00:41:41,530
At have-- namin na gusto kong tiyakin ko
makuha ang tamang bilang ng mga quote sa dito.

813
00:41:41,530 --> 00:41:43,940
Kaya kung ano ang ginagawa namin ay mayroon kaming
RGB, at kami ay pagpunta

814
00:41:43,940 --> 00:41:46,800
to-- ito ay tulad ng
pagdudugtong, na kung saan ay pula.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
At pagkatapos ay gusto namin ang ilang mga kuwit.

817
00:41:52,610 --> 00:41:59,925
At pagkatapos ay nais naming plus berde,
pagkatapos ng ilang kuwit, at ang ilan ay asul.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Kaya mga plus lang
ibig sabihin tulad ng pagdudugtong.

820
00:42:14,120 --> 00:42:19,810
Kaya ito ay ang paggawa lamang ito
string na nangyayari sa loob ng RGB.

821
00:42:19,810 --> 00:42:20,310
OK?

822
00:42:20,310 --> 00:42:23,200

823
00:42:23,200 --> 00:42:26,684
>> Madla: [hindi marinig] plus pagkatapos ay
ang berdeng plus pagkatapos ay ang pula.

824
00:42:26,684 --> 00:42:30,163
>> Allison BUCHHOLTZ-AU: Oo,
dahil messed ko na up.

825
00:42:30,163 --> 00:42:30,890
Masarap na ng isang tao.

826
00:42:30,890 --> 00:42:32,110
Oh, hawakan.

827
00:42:32,110 --> 00:42:32,610
Hindi.

828
00:42:32,610 --> 00:42:36,770
Dahil ang kailangan ko upang tiyakin
na nakuha ko ang lahat ng karapatan mga ito.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Kaya ako ay ipaliwanag sa Mga Nagkakaisang Bansa momento.

831
00:42:43,950 --> 00:42:47,040
Berde, asul, perpekto.

832
00:42:47,040 --> 00:42:47,971
Ngayon ko na.

833
00:42:47,971 --> 00:42:48,470
Naniniwala ako.

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
Kaya kung ano ito ay, ay background na
Mawawala na itatakda sa ilang mga string.

837
00:42:58,085 --> 00:42:58,585
Mag-right?

838
00:42:58,585 --> 00:42:59,710
Alin ang kung ano ang mayroon kami dito.

839
00:42:59,710 --> 00:43:05,870
Ito ay magiging ilang RGB 255 kuwit
255 kuwit zero, o anumang bilang ka

840
00:43:05,870 --> 00:43:06,512
mayroon doon.

841
00:43:06,512 --> 00:43:08,220
Kaya ang ginagawa namin dito,
mayroon kaming ilang mga string.

842
00:43:08,220 --> 00:43:11,910
At kung ano ang gusto naming gawin, ay hindi namin
pabagu-bagong uri ng paglikha

843
00:43:11,910 --> 00:43:14,010
na kung kailan namin aktwal na patakbuhin ang program na ito.

844
00:43:14,010 --> 00:43:16,570
Kaya ito ay ang ilang mga string.

845
00:43:16,570 --> 00:43:20,290
Plus concatenates ito sa
ang halaga pula na may,

846
00:43:20,290 --> 00:43:23,320
concatenates na ito ng
kuwit, na concatenates ito

847
00:43:23,320 --> 00:43:26,090
may kung ano berde, at
iba pa, at nakalagay ito.

848
00:43:26,090 --> 00:43:26,660
OK?

849
00:43:26,660 --> 00:43:32,210
Hanggang sa dulo, na ang
pagsasara ng mga panaklong ng RGB dito.

850
00:43:32,210 --> 00:43:32,800
OK?

851
00:43:32,800 --> 00:43:37,230
>> Kaya kung ano ito ay pagpunta sa
bumuo ng ilang command na talaga

852
00:43:37,230 --> 00:43:42,770
na RGB ng tatlong numero
background na nakatakda ngayon sa.

853
00:43:42,770 --> 00:43:43,940
OK?

854
00:43:43,940 --> 00:43:46,510
Kaya sabihin makita kung ito ay gumagana.

855
00:43:46,510 --> 00:43:49,720
Umaasa ako na ginagawa nito, dahil kung ito
Hindi, pupuntahan ko na maging tunay na malungkot.

856
00:43:49,720 --> 00:43:50,250
Ay naku.

857
00:43:50,250 --> 00:43:52,710
OK, hawakan.

858
00:43:52,710 --> 00:43:56,730
Talagang background
tuldok estilo background na tuldok.

859
00:43:56,730 --> 00:43:59,569
Siguradong ako nawawala
isang bagay lang maliit.

860
00:43:59,569 --> 00:44:00,610
Huwag mo guys mapoot na?

861
00:44:00,610 --> 00:44:04,020
Kapag ito ay lamang ng isang maliit na maliit na error?

862
00:44:04,020 --> 00:44:04,990
Makapangyarihan sa lahat background.

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
>> Madla: [hindi marinig]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
Allison BUCHHOLTZ-AU: Hindi.

868
00:44:12,770 --> 00:44:14,050
Sinubukan ko ito bago klase.

869
00:44:14,050 --> 00:44:16,570
Mayroon akong lahat ng ginawa ko bago
klase kung sakaling ako ay tulad,

870
00:44:16,570 --> 00:44:17,970
"Maghintay, kung ano ang ginawa ko mali?"

871
00:44:17,970 --> 00:44:23,190
Dahil ako ay tulad ng, "ako'y marahil
Nagkamali up ito sa isang punto. "

872
00:44:23,190 --> 00:44:24,150
Plus berde.

873
00:44:24,150 --> 00:44:26,250
Lahat kamukha ito
concatenated tama.

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
>> Madla: [hindi marinig]

877
00:44:31,870 --> 00:44:33,810
>> Allison BUCHHOLTZ-AU: Oh, mayroong kang pumunta.

878
00:44:33,810 --> 00:44:35,520
Iyon ang aking kailangan.

879
00:44:35,520 --> 00:44:36,805
Tumingin sa na.

880
00:44:36,805 --> 00:44:40,090
Tiffany upang iligtas.

881
00:44:40,090 --> 00:44:40,590
Perpekto.

882
00:44:40,590 --> 00:44:41,090
OK.

883
00:44:41,090 --> 00:44:43,834
Ngayon tingnan natin kung gumagana ito.

884
00:44:43,834 --> 00:44:44,816
Oh aking Diyos.

885
00:44:44,816 --> 00:44:45,641
OK.

886
00:44:45,641 --> 00:44:46,140
Sandali.

887
00:44:46,140 --> 00:44:48,280
>> Madla: Space matapos ang ikalawang plus.

888
00:44:48,280 --> 00:44:50,310
>> Allison BUCHHOLTZ-AU: Aling isa?

889
00:44:50,310 --> 00:44:52,910
Oh maghintay, hawakan.

890
00:44:52,910 --> 00:44:54,870
Space wear?

891
00:44:54,870 --> 00:44:57,209
>> Madla: Ikalawa plus sa
ang berdeng pagdudugtong.

892
00:44:57,209 --> 00:44:58,250
Allison BUCHHOLTZ-AU: Oh.

893
00:44:58,250 --> 00:44:59,570
Madla: Walang espasyo
pagkatapos ng plus, oo.

894
00:44:59,570 --> 00:45:00,790
Allison BUCHHOLTZ-AU: mo
hindi na kailangan iyon, but--

895
00:45:00,790 --> 00:45:01,190
Madla: Oh, hindi mo gusto?

896
00:45:01,190 --> 00:45:01,910
Allison BUCHHOLTZ-AU: Mukhang medyo.

897
00:45:01,910 --> 00:45:02,530
Madla: OK.

898
00:45:02,530 --> 00:45:03,030
OK.

899
00:45:03,030 --> 00:45:05,170
>> Allison BUCHHOLTZ AU:
Tingnan natin kung ito gumagana Hayaan.

900
00:45:05,170 --> 00:45:05,670
OK.

901
00:45:05,670 --> 00:45:07,836
Malinaw naman ako nabibigo sa
demo, na reminds sa akin

902
00:45:07,836 --> 00:45:12,810
ng isang panayam ang iba pang mga linggo,
ngunit alam ko na ito ay gagana.

903
00:45:12,810 --> 00:45:15,860
Alam ko na ito ay gagana.

904
00:45:15,860 --> 00:45:16,580
Kaya malapit.

905
00:45:16,580 --> 00:45:22,330
Maliban Hindi ko sinasadyang natanggal
ang aking mga script sa isang ito.

906
00:45:22,330 --> 00:45:24,035
Hindi, ito ay party na tuldok js.

907
00:45:24,035 --> 00:45:25,776
OK hawakan.

908
00:45:25,776 --> 00:45:28,650
Pupunta ako sa kopyahin ito, at din ako
lamang ng pagpunta sa tanggalin ang lahat ng bagay,

909
00:45:28,650 --> 00:45:30,108
dahil nagkaroon ako ng trabaho na ito nang mas maaga.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Nangangako ako ito gumagana.

912
00:45:33,770 --> 00:45:36,160
Kung hindi, ipapakita ko sa iyo kung ano ang Tommy ay.

913
00:45:36,160 --> 00:45:38,890
At doon.

914
00:45:38,890 --> 00:45:42,380
>> Madla: Ikaw ay tumutukoy sa partido
tuldok CSS, at ito ay isang partido na tuldok js.

915
00:45:42,380 --> 00:45:45,940
>> Allison BUCHHOLTZ-AU: Ah, well
dito mismo ay party na tuldok js.

916
00:45:45,940 --> 00:45:49,187
OK, ano ang gagawin ko naiiba?

917
00:45:49,187 --> 00:45:50,520
OK, ipapakita namin makita kung ito ay gumagana na ngayon.

918
00:45:50,520 --> 00:45:54,180

919
00:45:54,180 --> 00:45:54,980
Bam.

920
00:45:54,980 --> 00:46:02,110
Kaya, hindi ko alam kung ano ang aking ginawa sa ibang paraan,
ngunit ito ay kung ano ang dapat mangyari.

921
00:46:02,110 --> 00:46:03,230
Medyo cool.

922
00:46:03,230 --> 00:46:06,650
-Click ako sa ito, tulad ng, magpakailanman.

923
00:46:06,650 --> 00:46:11,185
Ngunit maaari naming subukan at tingnan kung ano ang aking ginawa
sa ibang paraan na nagkaroon ng isang ito.

924
00:46:11,185 --> 00:46:14,560
Hindi ko alam tungkol sa iyo guys, ngunit ito
mukhang talaga kung ano lamang na sinulat ko.

925
00:46:14,560 --> 00:46:17,950
Nagkaroon marahil ang isang nawawalang
semicolon sa isang lugar ang aking bagay.

926
00:46:17,950 --> 00:46:22,064
Sa totoo lang pagkatapos, sa tingin ko ako ay nawawala
may semicolon karapatan dito talaga.

927
00:46:22,064 --> 00:46:24,230
Ngunit hindi ko makita ito dahil
ito ay off ang screen.

928
00:46:24,230 --> 00:46:29,040
>> Ngunit kung napansin namin, ito ay medyo
magkano eksakto kung ano lamang na sinulat ko.

929
00:46:29,040 --> 00:46:33,010
Sa tingin ko marahil ang hardest bahagi tungkol sa
ito lamang ang uri ng bagay na ito sa

930
00:46:33,010 --> 00:46:36,830
dito, pag-unawa
kung ano ang ginagawa nito doon.

931
00:46:36,830 --> 00:46:42,230
Ang mga uri ng mga bagay na matutunan mo
talaga lang sa pamamagitan ng Pag-Google at matapat

932
00:46:42,230 --> 00:46:42,880
lamang sinusubukan.

933
00:46:42,880 --> 00:46:46,770
Kung sa tingin mo may ilang mga
katangian, mayroong ay malamang na.

934
00:46:46,770 --> 00:46:48,382
Kaya subukan ito.

935
00:46:48,382 --> 00:46:49,090
Tingnan kung ano ang mangyayari.

936
00:46:49,090 --> 00:46:53,000
Tulad ng sinabi ko, maraming ng
-e-eksperimento gamit ang JavaScript,

937
00:46:53,000 --> 00:46:56,810
at PHP, at ang lahat na
mga bagay-bagay, at CSS lalo.

938
00:46:56,810 --> 00:47:00,046
Iyon ay ang tanging totoong
paraan upang maunawaan ito.

939
00:47:00,046 --> 00:47:07,100
>> OK, kaya pagkatapos na ganap na kabiguan sa partido
tuldok js, mayroon kaming dalawang iba pang mga pagpipilian.

940
00:47:07,100 --> 00:47:10,650
Mayroon kaming orasan o Twitter.

941
00:47:10,650 --> 00:47:12,190
Ang mga ito ay parehong kawili-wili.

942
00:47:12,190 --> 00:47:17,720
Siguro hindi pa masyadong bilang masaya bilang partido,
na kung saan ay nagkaroon ng isang maliit na cool na strobing

943
00:47:17,720 --> 00:47:19,595
bagay sa dulo.

944
00:47:19,595 --> 00:47:21,714
Ka guys Mayroon ba ng anumang mga kagustuhan?

945
00:47:21,714 --> 00:47:22,380
Madla: Orasan?

946
00:47:22,380 --> 00:47:22,950
Allison BUCHHOLTZ-AU: Orasan?

947
00:47:22,950 --> 00:47:23,450
OK.

948
00:47:23,450 --> 00:47:25,390
Ayos.

949
00:47:25,390 --> 00:47:30,460
>> Kaya muli, mayroon kaming
Walang laman ang JavaScript file.

950
00:47:30,460 --> 00:47:35,800
At tulad ng nakikita namin dito, namin
May ilang mga napaka-simpleng HTML.

951
00:47:35,800 --> 00:47:40,010
Mayroon kaming aming style sheet, na lamang
format kung ano ang dapat itong parang.

952
00:47:40,010 --> 00:47:42,860
Mayroon kaming aming div sa
isang Id ng orasan, na

953
00:47:42,860 --> 00:47:44,420
lamang nagsasabing, "ito ay dapat na isang orasan."

954
00:47:44,420 --> 00:47:47,650
At mayroon kaming link
sa aming mga JavaScript file

955
00:47:47,650 --> 00:47:51,400
na aktwal na pagpunta sa
bumuo ng aming orasan para sa amin.

956
00:47:51,400 --> 00:47:56,060
Dahil ang mga cool na bagay, ay maaari kang
itakda ang JavaScript upang awtomatikong i-refresh

957
00:47:56,060 --> 00:47:56,963
ang sarili nito.

958
00:47:56,963 --> 00:47:57,810
OK?

959
00:47:57,810 --> 00:48:01,580
Kaya sa halip na naghihintay para sa
user upang maabot ang I-refresh sa pahina

960
00:48:01,580 --> 00:48:03,840
sa gayon ay maaari kang makakuha ng
-update ang oras, JavaScript

961
00:48:03,840 --> 00:48:06,760
Maaari itong i-update gayunpaman ito ang may gusto.

962
00:48:06,760 --> 00:48:12,082
>> Kaya, tulad ng sa aming huli, gusto naming
upang ma-access ang aming mga background, i-right?

963
00:48:12,082 --> 00:48:14,790
Kaya kung ano ang tingin mo ay maaaring ang
ang unang bagay na gusto naming gawin dito?

964
00:48:14,790 --> 00:48:19,538
Kung uri ng kami ay pagpunta off
ang ganitong uri ng tularan dito?

965
00:48:19,538 --> 00:48:22,200
Malamang na gusto naming
-access ang aming orasan, i-right?

966
00:48:22,200 --> 00:48:24,724
Kaya, mayroon kaming ilang var
orasan, na equals--

967
00:48:24,724 --> 00:48:26,140
ano ang sa tingin namin ito ay magiging?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Dokumento na tuldok makakuha ng elemento by-- ko rin
Gustung-gusto Sublime-- Id at ang aming Id ay orasan.

970
00:48:42,670 --> 00:48:43,585
Semicolon.

971
00:48:43,585 --> 00:48:45,710
Nakuha ko upang matiyak na makakuha ng
mga semicolon oras na ito,

972
00:48:45,710 --> 00:48:47,835
dahil nararamdaman kong iyon
ang problema huling beses.

973
00:48:47,835 --> 00:48:55,980
OK kaya, bilang ay lamang na sinasabi ko sa sinusubukan
magkaroon JavaScript i-refresh ang sarili nito,

974
00:48:55,980 --> 00:48:59,655
may mahusay na ito function, ako
Alam ito ay dumating sa madaling-gamiting nakaraang taon,

975
00:48:59,655 --> 00:49:02,780
Hindi ako sigurado pagdating sa madaling-gamiting para sa
pset, ngunit ito ay tinatawag na hanay agwat.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
At ito ay ang tunay talaga
cool na kung ikaw guys gumawa ng anumang bagay

978
00:49:08,200 --> 00:49:11,460
may oras o pagkuha ng
-update na impormasyon.

979
00:49:11,460 --> 00:49:13,700
Sa isang website para sa isang huling
proyekto, ito ay marahil

980
00:49:13,700 --> 00:49:16,240
isang function na gusto mong
makakuha ng napakabilis alam.

981
00:49:16,240 --> 00:49:19,730
Kaya kung ano ang nakatakda agwat ng ginagawa ay na
pupuntahan namin upang bigyan ito ng isang function,

982
00:49:19,730 --> 00:49:21,830
at kung gaano kadalas ito dapat
tawagan ang function na ito.

983
00:49:21,830 --> 00:49:22,430
OK?

984
00:49:22,430 --> 00:49:26,890
>> Kaya sa kasong ito, lamang kami ng pagpunta sa
lumikha muli ng ilang mga pag-andar ng hindi kilalang,

985
00:49:26,890 --> 00:49:31,530
OK, na pagpunta upang makakuha ng
ang aming petsa, at ang aming oras,

986
00:49:31,530 --> 00:49:33,780
at pagkatapos ay i-update ang mga bagay at ipakita ito.

987
00:49:33,780 --> 00:49:35,130
Kaya kami ay mag-alala tungkol sa na.

988
00:49:35,130 --> 00:49:39,120
Patuloy kaming makikipag tulad makabuo ng orasan dito.

989
00:49:39,120 --> 00:49:41,750
Ngunit kung ano ang kailangan namin ay paano
madalas upang i-refresh ito.

990
00:49:41,750 --> 00:49:43,930
Kaya sa kasong ito, ito ay lamang millisecond.

991
00:49:43,930 --> 00:49:46,877
Kaya namin lamang ng pagpunta sa
gawin 100 millisecond.

992
00:49:46,877 --> 00:49:48,210
Siyempre, ganap na arbitrary.

993
00:49:48,210 --> 00:49:50,600
Kung gusto mo itong i-update
mas mabagal, maaari mo.

994
00:49:50,600 --> 00:49:53,300
Maaari Nagkamali sa paligid
sa hanay agwat,

995
00:49:53,300 --> 00:49:57,240
kung gaano kalaki ang aming agwat ay pagkatapos namin
isang gumaganang orasan, na sana ay idedetalye ko

996
00:49:57,240 --> 00:49:59,660
makapunta sa.

997
00:49:59,660 --> 00:50:04,110
Kaya ito ay sinasabi lang, "OK, tawag
function na ito bawat 100 millisecond. "

998
00:50:04,110 --> 00:50:04,805
OK?

999
00:50:04,805 --> 00:50:07,280
Iyon lang ang ginagawa nito.

1000
00:50:07,280 --> 00:50:12,290
>> Kaya kung ano ang gusto namin ang aming mga function na
gawin ay gusto naming magkaroon ng ilang mga petsa

1001
00:50:12,290 --> 00:50:14,200
at ilang oras ay kung ano ang
kami ay pagpunta sa may.

1002
00:50:14,200 --> 00:50:19,740
Kaya maaari naming magsimula sa aming
ay katumbas ng petsa ang isang bagay,

1003
00:50:19,740 --> 00:50:22,708
at ang aming oras ay katumbas ng isang bagay
na hindi pa namin alam.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
O kaya naman talaga, kailangan lang namin ng petsa, dahil
petsa ay pagpunta upang isama ang lahat ng bagay.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
Muli kung kamakailan mo lamang ang Google ng anumang bagay tungkol sa
kung ano ang nais mong gawin, kung sumulat ka, "OK,

1008
00:50:40,010 --> 00:50:41,980
Gusto kong makuha ang oras
sa pamamagitan ng JavaScript, "ito

1009
00:50:41,980 --> 00:50:45,890
ay magbibigay sa iyo ng mahusay na ito
function na tinatawag na petsa get.

1010
00:50:45,890 --> 00:50:48,664
Literal, karamihan sa mga bagay
na nais mong gawin,

1011
00:50:48,664 --> 00:50:50,830
Ang JavaScript ay pagpunta sa may
ito ginawa para sa iyo na.

1012
00:50:50,830 --> 00:50:55,770
Kaya literal tulad ng bagong
makakuha ng mga petsa, na creating--

1013
00:50:55,770 --> 00:50:58,600
o bagong petsa, rather--
na kung saan ay pagbuo ng

1014
00:50:58,600 --> 00:51:03,690
ang ilang mga bagay na iyon ay kumakatawan sa isang petsa.

1015
00:51:03,690 --> 00:51:08,200
>> At kung ano ang pagpunta naming gawin dito ay
ito is-- pupuntahan ko isulat ito,

1016
00:51:08,200 --> 00:51:10,820
at pagkatapos ay ipaliwanag kung ano ang ginagawa nito.

1017
00:51:10,820 --> 00:51:12,560
Kaya kukunin ko na matiyak na makuha ko na ito ng tama.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> OK, kaya kung ano ang function na ito
ginagawa, ay hindi namin lamang

1020
00:51:23,440 --> 00:51:30,680
paglikha ng HTML na talaga
pagpunta sa pumunta sa loob ng aming div Id ng orasan.

1021
00:51:30,680 --> 00:51:34,610
Kaya kung ano ito ay pagpunta sa ginagawa
ay bumubuo ng lamang ng ilang mga string, OK?

1022
00:51:34,610 --> 00:51:38,510
Iyon ay pagkatapos ay magiging
transplanted sa aming HTML.

1023
00:51:38,510 --> 00:51:42,130
Talaga kung ano ang pagpunta sa gawin ay
kahit anong we-- kung ano ang ipapakita ko sa iyo

1024
00:51:42,130 --> 00:51:49,070
ay na kung ano ang sinasabi namin HTML ay,
kami ay pagpunta sa palitan dito ang text na ito

1025
00:51:49,070 --> 00:51:51,090
sa kahit anong HTML ay.

1026
00:51:51,090 --> 00:51:56,390
Kaya ito ay pagpunta sa payagan
amin upang baguhin ang aming orasan tuldok

1027
00:51:56,390 --> 00:52:00,940
HTML mula sa pagiging lamang ang teksto ng ito
ay dapat na isang orasan, upang aktwal na nagpapakita ng

1028
00:52:00,940 --> 00:52:05,630
ang mga numero at mga bagay na mahalaga sa kami
tungkol sa, at talagang maging singko ng hapon.

1029
00:52:05,630 --> 00:52:09,810
>> Kaya kung ano ang namin ang pagpunta sa gawin ay kami ay
pagpunta sa simulan ang pagbuo ng mga ito HTML.

1030
00:52:09,810 --> 00:52:16,520
Kaya sa parehong paraan na aming ginagamit
gawin plus ay katumbas para sa integer,

1031
00:52:16,520 --> 00:52:20,461
Maaari mo na ngayong gawin iyon para sa mga string,
maliban ito ay pagpunta sa pagdugtungin ang mga ito.

1032
00:52:20,461 --> 00:52:20,960
Mag-right?

1033
00:52:20,960 --> 00:52:26,070
Tulad ng nakita natin sa party na tuldok js, ito lamang
concatenates ang lahat ng mga bagay-bagay.

1034
00:52:26,070 --> 00:52:31,970
Kaya maaari mong pagdugtungin iba't ibang mga piraso ng
HTML mula sa mga variable, o mga piraso ng string

1035
00:52:31,970 --> 00:52:33,750
na sinulat mo out
sa iyong sarili, at ito lamang

1036
00:52:33,750 --> 00:52:38,650
talaga ay nagbibigay-daan sa iyo upang masiglang
bumuo ng HTML, na kung saan ay medyo cool.

1037
00:52:38,650 --> 00:52:42,040
Kaya kung mayroon kang isang bagay
napaka-tukoy na user,

1038
00:52:42,040 --> 00:52:44,130
Maaari itong daan sa iyo upang gawin iyon.

1039
00:52:44,130 --> 00:52:47,550
>> Kaya mayroon kaming ng HTML, na pupuntahan ko
subukan at matiyak na makuha ko na ito ng tama.

1040
00:52:47,550 --> 00:52:49,890
Kaya kami ay pagpunta sa gawin ang ilang mga h1 header.

1041
00:52:49,890 --> 00:52:53,610
Kaya kung ano ang mahalaga sa mapagtanto dito
ay hindi ito aktwal na HTML lamang.

1042
00:52:53,610 --> 00:52:54,460
Mag-right?

1043
00:52:54,460 --> 00:52:56,610
Sumusulat kami aktwal na
HTML code in dito, ito ay

1044
00:52:56,610 --> 00:53:01,090
hindi lamang isang string sa normal
paraan na nais naming isipin ang tungkol dito.

1045
00:53:01,090 --> 00:53:02,930
Kaya mayroon kaming ilang mga HTML.

1046
00:53:02,930 --> 00:53:04,940
Ito ay itinuturing na isang string dito bagaman.

1047
00:53:04,940 --> 00:53:10,380
At ginagawa namin ang petsa dot-- namin
nais upang makakuha ng aming oras.

1048
00:53:10,380 --> 00:53:12,910
Muli, kung ikaw ay upang tumingin
up anumang bagay tungkol sa petsa,

1049
00:53:12,910 --> 00:53:16,160
ito ay sabihin sa iyo ang mga ito ay ang lahat ng
ang mga katangian ng petsa na may.

1050
00:53:16,160 --> 00:53:17,670
At narito kung ano ang maaari mong gamitin dito.

1051
00:53:17,670 --> 00:53:20,620
Kaya marahil ito ay mga bagay tulad ng
kumuha ng oras, at kumuha ng mga minuto,

1052
00:53:20,620 --> 00:53:24,669
at makakuha ng ilang segundo, at makakuha ng millisecond,
at may alam kung ano pa mayroon silang.

1053
00:53:24,669 --> 00:53:27,210
Ngunit kung tiningnan mo sa
dokumentasyon, ito ang lahat maging doon.

1054
00:53:27,210 --> 00:53:31,980
>> Kaya mayroon kaming kumuha ng oras,
at pagkatapos naming nais

1055
00:53:31,980 --> 00:53:35,614
upang pagdugtungin na with-- ako
pagpunta sa ilipat ito sa paglipas dito.

1056
00:53:35,614 --> 00:53:38,780
Kaya kung kami ay bumubuo ng mga ngayon, hindi namin
talagang bumubuo ng oras, tama?

1057
00:53:38,780 --> 00:53:43,590
Mayroon kaming na oras, at pagkatapos ay kung ano ang
sa pagitan ng oras at minuto?

1058
00:53:43,590 --> 00:53:45,080
Mayroon kang isang tuldok-kuwit, tama?

1059
00:53:45,080 --> 00:53:48,010
Kaya gusto naming gawin ang ilang mga tuldok-kuwit dito.

1060
00:53:48,010 --> 00:53:51,780
At pagkatapos ay nais naming kunin ang aming
minuto, kaya sa parehong paraan

1061
00:53:51,780 --> 00:53:56,450
mayroon kaming petsa tuldok makakuha ng oras,
kung paano maaaring makuha namin ang aming minuto?

1062
00:53:56,450 --> 00:54:01,542
Ito ay literal na petsa na tuldok makakuha ng
minuto, kung saan ako uri ng gusto.

1063
00:54:01,542 --> 00:54:03,250
Ito ay tulad, "oh, paano
ako makakakuha ng aking minuto? "

1064
00:54:03,250 --> 00:54:05,850
Ko lang ang aking minuto.

1065
00:54:05,850 --> 00:54:07,500
>> OK.

1066
00:54:07,500 --> 00:54:10,990
At pagkatapos ay mayroon kaming isa pang tutuldok dito.

1067
00:54:10,990 --> 00:54:16,350
At pagkatapos ay kung gusto naming makuha ang aming
segundo, kung paano namin maaaring makakuha ng aming ikalawang?

1068
00:54:16,350 --> 00:54:17,400
Petsa tuldok makakuha ng ilang segundo.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Sa tingin ko ito ay medyo cool.

1071
00:54:21,590 --> 00:54:23,589
At ano ang mahalaga sa
Napagtanto, ay na rin namin

1072
00:54:23,589 --> 00:54:31,730
kailanganin mong isara ang aming mga HTML tag dito, dahil
dapat pa rin itong maging wastong HTML, kaya h1.

1073
00:54:31,730 --> 00:54:33,481
Ayos.

1074
00:54:33,481 --> 00:54:43,110
>> Kaya pagkatapos na, maaari naming gawin orasan
tuldok panloob na HTML ay katumbas ng HTML.

1075
00:54:43,110 --> 00:54:43,930
OK?

1076
00:54:43,930 --> 00:54:46,470
Kaya tandaan kung paano ko sinabi
panloob na HTML talaga

1077
00:54:46,470 --> 00:54:50,610
tumatagal ng kahit anong ay sa pagitan ng
dalawang tag na usapan natin ang tungkol

1078
00:54:50,610 --> 00:54:54,470
at pagsingit o manipulates
kahit anong ay nasa doon?

1079
00:54:54,470 --> 00:54:58,290
Kaya kung ano ang ginagawa, kung
kami bumalik sa aming mga orasan,

1080
00:54:58,290 --> 00:55:04,180
ay ang orasan ay tumutukoy sa
lahat ng bagay sa loob ng div.

1081
00:55:04,180 --> 00:55:09,770
Ito ang panloob na HTML
ng Id ng orasan div.

1082
00:55:09,770 --> 00:55:13,930
At kaya ng pagpunta sa baguhin ito sa
ang HTML na binuo namin,

1083
00:55:13,930 --> 00:55:16,750
na kung saan, na, sana,
sana, sana,

1084
00:55:16,750 --> 00:55:21,026
ay ipinapakita ang oras ngayon.

1085
00:55:21,026 --> 00:55:23,960
Susubukan naming makita.

1086
00:55:23,960 --> 00:55:25,170
Siyempre.

1087
00:55:25,170 --> 00:55:26,860
Kaya maraming mga teknikal na isyu.

1088
00:55:26,860 --> 00:55:31,480
Just-- Allison na ako ay
-off ang aking mga laro ngayong araw guys.

1089
00:55:31,480 --> 00:55:34,136
OK, na gumagana.

1090
00:55:34,136 --> 00:55:35,760
orasan tuldok panloob na HTML.

1091
00:55:35,760 --> 00:55:42,097
Ito ay Talagang HTML?

1092
00:55:42,097 --> 00:55:43,180
Gayundin ito ay kung ano ang mangyayari.

1093
00:55:43,180 --> 00:55:48,750
Kapag hindi mo makita ang isang bagay, mo
tingnan lamang sa iyong source code.

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
Huwag mong Nais mong malaman ng isang cool na trabaho sa paligid
na kami ay pagpunta sa gawin dito mismo?

1097
00:55:54,870 --> 00:55:55,740
>> Madla: Maaari mong gawin ang mga malalaking titik?

1098
00:55:55,740 --> 00:55:56,580
Ang mga malalaking titik?

1099
00:55:56,580 --> 00:55:58,996
Dahil mayroon kang makakuha ng oras,
at pagkatapos ay kumuha ng ilang minuto.

1100
00:55:58,996 --> 00:56:02,590
>> Allison BUCHHOLTZ-AU: Ito
ay makakuha ng oras at get-- oh.

1101
00:56:02,590 --> 00:56:04,945
Are-- mong gold star.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
Ang lahat ng ito ng isang pagsubok, guys.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Ipinapangako ko ito ay gumagana bago klase.

1106
00:56:17,330 --> 00:56:22,590
>> OK, ngunit may mga cool na malaman ang
na maaari mong also-- kung minsan

1107
00:56:22,590 --> 00:56:26,560
ang iyong mga panlabas na mga file ay
pagkuha ng isang maliit na mabaliw,

1108
00:56:26,560 --> 00:56:30,960
maaari mo ring lamang ilagay ang mga ito tuwid
in dito, na may gawi na ayusin ang mga bagay.

1109
00:56:30,960 --> 00:56:35,840
Maliban na ito ay tulad ng talagang pangit.

1110
00:56:35,840 --> 00:56:38,050
Siyempre i-format ang lahat.

1111
00:56:38,050 --> 00:56:41,425
Tiyakin na ang lahat ng ito kaakit-akit.

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
>> Nais kong gawin ang lahat ng mga cool na demo,
at sila lamang ang hindi gumagana out.

1115
00:56:50,621 --> 00:56:51,555
OK.

1116
00:56:51,555 --> 00:56:53,890
Script var orasan.

1117
00:56:53,890 --> 00:57:00,350
Pa rin, kung ano ang mahalaga ay
na ito ay ang pangkalahatang paraan

1118
00:57:00,350 --> 00:57:01,870
na nais mong i-format ang JavaScript.

1119
00:57:01,870 --> 00:57:04,490
Tulad ng iyong nakikita, maaari itong maging
napaka maselan minsan,

1120
00:57:04,490 --> 00:57:08,780
kahit na ito ay literal
nagtatrabaho ng dalawang segundo ang nakalipas.

1121
00:57:08,780 --> 00:57:11,820
O kaya hindi dalawang segundo ang nakalipas,
ngunit napaka, kamakailan lamang.

1122
00:57:11,820 --> 00:57:16,070
>> Kaya upang ipakita sa iyo kung ano ang dapat itong parang,
at upang ipakita sa iyo na hindi ako baliw,

1123
00:57:16,070 --> 00:57:19,730
at na ang lahat ng bagay ay eksaktong
parehong, ito ay kung ano ang dapat itong parang.

1124
00:57:19,730 --> 00:57:27,410
Saan ka ng pagpunta sa gawin ito tuktok na bahagi
dito, at kung titingnan mo ang page source,

1125
00:57:27,410 --> 00:57:32,160
kung napansin mo, ginawa niya ang ilan
Crazier bagay, pinasimple ko ito.

1126
00:57:32,160 --> 00:57:35,710
Gayundin, kredito sa Tommy
McWilliam, na aktwal na

1127
00:57:35,710 --> 00:57:38,810
nakatulong akong lumikha ng mga halimbawang ito,
na ang dahilan kung bakit alam ko gumagana ang mga iyon.

1128
00:57:38,810 --> 00:57:41,560
Dahil Tommy ay isang master JavaScript.

1129
00:57:41,560 --> 00:57:43,180
Ngunit kung napansin namin, mayroon kaming ilang mga hanay.

1130
00:57:43,180 --> 00:57:45,170
Mayroon kaming ang aming mga orasan dito.

1131
00:57:45,170 --> 00:57:48,450
Ito ay ang lahat ng JavaScript na
Sinulat ni namin, o ilan sa mga ito.

1132
00:57:48,450 --> 00:57:51,470
Sinulat ni lang namin ang isang ito dito mismo.

1133
00:57:51,470 --> 00:57:54,260
At siya ay may dagdag na
function na Pad lang ito

1134
00:57:54,260 --> 00:57:57,790
pamamagitan ng paglalagay ng zero bago ang isang
sulat o bago ang isang numero kung ito ay

1135
00:57:57,790 --> 00:57:59,412
isa lamang sa mga ito.

1136
00:57:59,412 --> 00:58:02,120
Kaya kung napansin mo, ito ay medyo
magkano kung ano mismo ay nagsulat kami lang.

1137
00:58:02,120 --> 00:58:06,230
Mayroon kang ilang mga orasan variable na
May aming mga elemento, kumuha ng mga elemento ng ID,

1138
00:58:06,230 --> 00:58:07,252
na orasan.

1139
00:58:07,252 --> 00:58:08,960
Mayroon kaming aming hanay ng agwat
function, na

1140
00:58:08,960 --> 00:58:12,670
isang hindi nakikilalang function na
na executes lahat ng ito.

1141
00:58:12,670 --> 00:58:16,940
Ilang namin ang simula ng string ng
Na namin pagkatapos ay dynamic na HTML

1142
00:58:16,940 --> 00:58:20,750
bumuo pamamagitan ng pagkakaroon ng ilang mga
h1 header, concatenating

1143
00:58:20,750 --> 00:58:23,950
may kumuha ng oras, plus
ang aming mga tutuldok, kasama ang pagkuha

1144
00:58:23,950 --> 00:58:26,860
ang minuto, kasama ang isa pang
tutuldok, kasama ang aming mga segundo,

1145
00:58:26,860 --> 00:58:29,330
at panghuli ang pangwakas na HTML para dito.

1146
00:58:29,330 --> 00:58:34,210
At pagkatapos ay i-update namin ang aming orasan
tuldok panloob na HTML sa HTML,

1147
00:58:34,210 --> 00:58:37,640
at i-update namin ang bawat 100 millisecond.

1148
00:58:37,640 --> 00:58:39,060
OK?

1149
00:58:39,060 --> 00:58:42,470
>> Tingnan nangangako ako hindi ako baliw.

1150
00:58:42,470 --> 00:58:43,440
Hindi ko alam.

1151
00:58:43,440 --> 00:58:47,160
Hindi ko alam kung bakit hindi ito sa akin gusto.

1152
00:58:47,160 --> 00:58:54,030
Pakiramdam ko ay tulad ng hitsura ang parehong,
ngunit tila Ayaw ito sa akin.

1153
00:58:54,030 --> 00:58:59,600
>> Kaya tingnan natin kung pag-ikot ng tatlong napupunta mas mahusay.

1154
00:58:59,600 --> 00:59:00,970
Kami ay tungkol sa upang makita.

1155
00:59:00,970 --> 00:59:02,910
Hindi ako sigurado kung paano ito ay pagpunta sa pumunta.

1156
00:59:02,910 --> 00:59:06,700
Ay lahat ng hindi bababa sa pagkuha ng
cons, tulad ng pangkalahatang tema

1157
00:59:06,700 --> 00:59:08,480
ng JavaScript, bagaman?

1158
00:59:08,480 --> 00:59:15,660
Umaasa ako na hindi bababa sa kapaki-pakinabang, higit pa
kaysa nagpapakita na ito ay isang maliit na maselan.

1159
00:59:15,660 --> 00:59:21,190
Ngunit ang iyong set problema ay napaka-masaya.

1160
00:59:21,190 --> 00:59:22,590
Ito ay magiging mahusay.

1161
00:59:22,590 --> 00:59:24,820
Hindi nito lubos na bilang nakakapagod
bilang na ito, palagay ko ay hindi.

1162
00:59:24,820 --> 00:59:28,100
Makikita mo talagang makapunta sa
tingnan talagang cool na mga bagay.

1163
00:59:28,100 --> 00:59:31,734
>> Kaya huling ngunit hindi bababa sa,
susubukan naming ang isa Twitter.

1164
00:59:31,734 --> 00:59:32,900
Akoy 'talagang natakot ngayon, guys.

1165
00:59:32,900 --> 00:59:35,762
Hindi ko alam kung paano ito ay pagpunta sa pumunta.

1166
00:59:35,762 --> 00:59:39,930
Ngunit lamang upang mabigyan ka ng kaunti
higit panlasa, at ito ay ang tunay

1167
00:59:39,930 --> 00:59:44,190
ng pagpapatakbo string at
input, kung ano ang pagpunta naming gawin

1168
00:59:44,190 --> 00:59:50,960
ay, kung napansin namin dito sa HTML--
ang isang ito ay may kaunti more--

1169
00:59:50,960 --> 00:59:57,200
mayroon kaming ilang teksto na lugar, kung saan
tumutugon sa teksto ng lugar na ito dito.

1170
00:59:57,200 --> 00:59:58,030
OK?

1171
00:59:58,030 --> 01:00:00,420
At na may isang Id ng teksto.

1172
01:00:00,420 --> 01:00:04,520
Restyled namin ito nang kaunti
na may ilang lapad at taas

1173
01:00:04,520 --> 01:00:07,310
na ang paunang natukoy na namin,
at kami H1,

1174
01:00:07,310 --> 01:00:11,260
na lamang ang ating isang header na
Kinakatawan ang aming mga character na natitira.

1175
01:00:11,260 --> 01:00:14,570
Binigyan namin ito ng ilang Id ng
natitirang mga character,

1176
01:00:14,570 --> 01:00:18,660
at pagkatapos ay mayroon kaming ilang script
dito, na talagang ako

1177
01:00:18,660 --> 01:00:20,790
umaasa pangatlong beses ni
ang kagandahan dito, guys.

1178
01:00:20,790 --> 01:00:26,750
>> Kaya kung ano ang gusto naming gawin,
sa parehong pangkalahatang lagay ng kalooban

1179
01:00:26,750 --> 01:00:31,480
na nagawa namin sa orasan tuldok js
at party na tuldok js bilang na napansin namin,

1180
01:00:31,480 --> 01:00:35,980
ay sinimulan namin sa pamamagitan ng aktwal daklot
ang mga bagay na aming nagmamalasakit sa, i-right?

1181
01:00:35,980 --> 01:00:42,330
Kaya sa kasong ito, mayroong dalawang
mga bagay na namin na nagmamalasakit sa, OK?

1182
01:00:42,330 --> 01:00:47,199
Ang isang bagay na hindi namin aktwal na uri ng
Tinitingnan at pagguhit ng data mula sa,

1183
01:00:47,199 --> 01:00:48,990
at isang bagay na
talaga naming binabago.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Kaya ang aming HTML.

1186
01:00:53,730 --> 01:01:00,370
Kung ito ay ang aming web page dito, kung ano ang
ang data na aming tinitingnan?

1187
01:01:00,370 --> 01:01:03,860
Ito ay magiging kahit anong
ang teksto sa aming mga kahon, i-right?

1188
01:01:03,860 --> 01:01:05,310
Kaya kahit anong nagta-type ako in dito.

1189
01:01:05,310 --> 01:01:08,150
Iyon ay kung ano ang gusto kong malaman, o
na kung ano ang gusto kong tumingin sa.

1190
01:01:08,150 --> 01:01:10,690
At kung ano ang magiging
pagbabago sa aming web page?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
Ang mga character na natitira.

1193
01:01:14,880 --> 01:01:19,550
Kaya sa parehong paraan, nais naming
magsimula sa pamamagitan ng Sinisimulan ang mga variable

1194
01:01:19,550 --> 01:01:22,030
na aktwal na hawak sa mga elementong iyon.

1195
01:01:22,030 --> 01:01:22,890
OK?

1196
01:01:22,890 --> 01:01:29,930
Kaya kung mayroon kaming ilang var
na aming text area,

1197
01:01:29,930 --> 01:01:33,681
at mayroon kaming ilang var na natitira.

1198
01:01:33,681 --> 01:01:34,180
Mag-right?

1199
01:01:34,180 --> 01:01:36,190
Kaya ang mga ito ay pagpunta sa
matagal ang dalawang bagay.

1200
01:01:36,190 --> 01:01:42,370
Kaya ang parehong uri ng mga bagay,
Ang dokumentong dot-- OK, ako ay

1201
01:01:42,370 --> 01:01:45,920
pagpunta sa tiyakin na ito ay
pagpunta sa gumana ang oras na ito.

1202
01:01:45,920 --> 01:01:49,620
Ako ay napaka-matatag.

1203
01:01:49,620 --> 01:01:53,310
OK, kaya kung gusto natin ang ating
text area, ayon

1204
01:01:53,310 --> 01:01:55,710
sa aming HTML, kung ano ang aming pantukoy?

1205
01:01:55,710 --> 01:01:56,420
Ano ang aming Id?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
Lamang ito ay magiging teksto dahil
ito ay lumilikha ng aming mga text area, OK,

1208
01:02:05,540 --> 01:02:10,320
at ang aming Id ay teksto, kaya na
kung paano namin maaaring grab kung ano ang doon.

1209
01:02:10,320 --> 01:02:12,130
OK, semicolon.

1210
01:02:12,130 --> 01:02:13,940
Pupunta ako sa maging sobrang
tumpak tungkol dito,

1211
01:02:13,940 --> 01:02:16,300
dahil gusto ko itong gumana oras na ito.

1212
01:02:16,300 --> 01:02:22,120
OK, gawin ang parehong bagay,
makakuha ng mga elemento sa pamamagitan ng Id.

1213
01:02:22,120 --> 01:02:25,970
Talaga ako nagtataka kung ano ay
sanhi ng iba pang mga dalawa hanggang Nagkamali.

1214
01:02:25,970 --> 01:02:29,750
OK, at pagkatapos ay sa isang ito,
kung ano ang gusto naming i-access?

1215
01:02:29,750 --> 01:02:30,760
Ano ang dito ang aming Id?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Mayroon kaming isa pang Id sa
ang aming HTML, ano ito?

1218
01:02:36,261 --> 01:02:37,552
Madla: Character natitira.

1219
01:02:37,552 --> 01:02:39,343
Allison BUCHHOLTZ-AU:
Natitirang mga character.

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
Ayos.

1223
01:02:46,010 --> 01:02:49,800
Kaya ako lamang ng pagpunta sa
isulat ito talagang mabilis.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Lamang ako pagpunta sa isulat ito sa segundo.

1226
01:02:55,330 --> 01:02:56,190
Kaya text area.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
Ano ang mga kawili-wiling ay B function-- doon
Maraming mga function na hindi lamang

1229
01:03:06,180 --> 01:03:09,690
tumutugma sa iyong
mouse, ngunit ang iyong keyboard.

1230
01:03:09,690 --> 01:03:10,190
OK?

1231
01:03:10,190 --> 01:03:16,540
Kaya maaari mong sabihin kapag ang anumang key ay
pinindot, maaari mong gawin ang mga bagay tulad na.

1232
01:03:16,540 --> 01:03:20,450
Kaya ang isa na ginagamit namin
ay tinatawag na sa key up, na

1233
01:03:20,450 --> 01:03:25,320
nagsasabing, "kung pinindot ang anumang key sa
iyong keyboard, kapag ang gumagamit ay itinaas

1234
01:03:25,320 --> 01:03:28,064
ang kanilang mga daliri off ang pindutan na iyon,
at ang mga key ay naging unpressed,

1235
01:03:28,064 --> 01:03:29,480
pagkatapos kami ay pagpunta sa gawin ang isang bagay. "

1236
01:03:29,480 --> 01:03:29,980
OK?

1237
01:03:29,980 --> 01:03:31,370
Kaya ito ang may katuturan, tama?

1238
01:03:31,370 --> 01:03:33,540
Dahil ang bawat karakter
-type namin, kami ay pagpunta

1239
01:03:33,540 --> 01:03:36,550
upang i-angat ang aming mga daliri off
ng ito, kaya kapag naging up ang key,

1240
01:03:36,550 --> 01:03:40,980
maaari naming malaman upang pagbawas
ang aming natitirang mga character.

1241
01:03:40,980 --> 01:03:44,440
>> Kaya mayroon kaming ilang mga susi sa
up, at sa parehong paraan,

1242
01:03:44,440 --> 01:03:47,480
kami ay pagpunta sa sabihin,
"OK, kapag ginagawa namin na, kami

1243
01:03:47,480 --> 01:03:55,110
ay pumunta upang lumikha ng ilang mga pag-andar na
ay pagpunta sa tumagal e, "sa kasong ito,

1244
01:03:55,110 --> 01:03:58,800
at ano ang gusto naming gawin ay
kalkulahin ang bilang natitira.

1245
01:03:58,800 --> 01:04:02,510
OK, kaya hayaan simulan lamang ni
sa pamamagitan ng paglikha ng isang variable.

1246
01:04:02,510 --> 01:04:05,830
Kaya mayroon kaming ilang mga r variable,
na ang nangyayari upang kumatawan

1247
01:04:05,830 --> 01:04:07,720
kung gaano karaming mga character na namin ang natitira.

1248
01:04:07,720 --> 01:04:08,890
OK?

1249
01:04:08,890 --> 01:04:14,540
Alam namin na sisimulan namin ang may
140, at kung gusto naming malaman,

1250
01:04:14,540 --> 01:04:18,360
sabihin nating, ang haba ng
string na naging input,

1251
01:04:18,360 --> 01:04:20,860
gagawin mo guys mayroon kang anumang mga ideya
kung paano namin maaaring gawin iyon?

1252
01:04:20,860 --> 01:04:23,900
Batay lamang off ng halata
mga bagay, tulad ng kung gusto naming oras,

1253
01:04:23,900 --> 01:04:25,870
ginamit namin makakuha ng oras.

1254
01:04:25,870 --> 01:04:28,860
Alam namin na ang aming object ay
text area, ngunit maaari mo guys

1255
01:04:28,860 --> 01:04:33,050
-isip ng kung ano ang maaaring dumating pagkatapos na ito?

1256
01:04:33,050 --> 01:04:35,280
Ang anumang mga ideya?

1257
01:04:35,280 --> 01:04:41,730
>> Kaya isa ito uri ng mas mababa
madaling maunawaan, subalit ito ay halaga haba na tuldok.

1258
01:04:41,730 --> 01:04:44,700
Kaya sumuko na lamang sa akin ang ilang
halaga ng katangian na

1259
01:04:44,700 --> 01:04:46,500
ay talagang ang haba ng ang string na ito.

1260
01:04:46,500 --> 01:04:50,340
Kaya ito ay pagpunta sa sabihin, "OK, ako ako naghahanap
sa ang buong string ng teksto sa loob ng lugar,

1261
01:04:50,340 --> 01:04:52,730
at pupuntahan ko upang sabihin sa
paano mo gaano ito kahaba. "

1262
01:04:52,730 --> 01:04:55,500
Dahil kung tandaan namin string
ay talagang lamang array,

1263
01:04:55,500 --> 01:04:58,110
upang maaari naming lamang gawin ang mga haba ng mga ito.

1264
01:04:58,110 --> 01:05:01,860
Kaya mayroon kaming na iyon.

1265
01:05:01,860 --> 01:05:04,058
Ayos.

1266
01:05:04,058 --> 01:05:09,360
>> Pagkatapos ay kung ano ang gusto naming gawin ay namin
hindi kailanman nais na payagan ang user

1267
01:05:09,360 --> 01:05:12,340
sa pag-input ng higit sa
140 mga character, tama?

1268
01:05:12,340 --> 01:05:15,610
Dahil kung sasabihin namin tulad ng, "oh, mo
May ganito karami ang natitira lang, "

1269
01:05:15,610 --> 01:05:20,522
at pagkatapos ay hayaan silang gawin iyon
pa rin, kami ay namamalagi.

1270
01:05:20,522 --> 01:05:22,230
At ito ay isa pang
bagay na JavaScript

1271
01:05:22,230 --> 01:05:24,530
ay maaaring maging talagang magandang
para sa, ay ang pagpapatunay ng gumagamit

1272
01:05:24,530 --> 01:05:29,062
at tinitiyak na ang iyong
Tama ang sukat ng gumagamit sa loob ng anumang mga panuntunan

1273
01:05:29,062 --> 01:05:30,270
na iyong ibinigay sa kanila.

1274
01:05:30,270 --> 01:05:36,020
Kaya kung nais mong gumawa ng mga bagay tulad ng paggawa ng
Tiyaking ang isang tao ng pag-input ang kanilang mga email address,

1275
01:05:36,020 --> 01:05:40,242
o siguraduhin na kapag sila ay
maglagay ng dalawang mga password, naitugmang mga ito.

1276
01:05:40,242 --> 01:05:41,200
JavaScript ay maaaring gawin iyon.

1277
01:05:41,200 --> 01:05:44,010
Gusto mong gawin ang isang bagay tulad ng, "kapag
ang form ay isinumite, "o katulad,

1278
01:05:44,010 --> 01:05:48,170
"Kapag Isumite ang pindutan ng Form ay
-click, suriin ang lahat ng mga bagay na ito. "

1279
01:05:48,170 --> 01:05:49,670
At maaari naming gawin iyon JavaScript.

1280
01:05:49,670 --> 01:05:52,680
Kaya ito lamang ay kung ano ang
kami ay pagpunta sa gawin dito.

1281
01:05:52,680 --> 01:05:57,810
>> Kaya kung ano ang maaaring maging isang paraan upang masuri kung
sila na wala na sa paglipas ng 140 mga character?

1282
01:05:57,810 --> 01:06:03,310
Ano ang nangyayari sa mangyayari sa
ang aming halaga ng r kung susubukan nila?

1283
01:06:03,310 --> 01:06:04,760
Ito ay magiging negatibo, tama?

1284
01:06:04,760 --> 01:06:07,380
O ito ay magiging mas mababa
kaysa sa o katumbas ng zero.

1285
01:06:07,380 --> 01:06:13,690
Kaya maaari naming gamitin ang isang kung iyon ang
gusto lang lahat ng iba pa.

1286
01:06:13,690 --> 01:06:14,270
OK?

1287
01:06:14,270 --> 01:06:20,480
At mayroon kaming ilang text area na tuldok
halaga, at kung anong ginagawa namin dito

1288
01:06:20,480 --> 01:06:29,940
ay namin cutting-- lang ano ito?

1289
01:06:29,940 --> 01:06:30,900
Sorry.

1290
01:06:30,900 --> 01:06:32,732
Isa ito, gusto lamang naming return false.

1291
01:06:32,732 --> 01:06:34,030
I Kaka-lito.

1292
01:06:34,030 --> 01:06:36,560
Lahat ng frazzled mula sa mga bagay na hindi gumagana.

1293
01:06:36,560 --> 01:06:40,010
OK, gusto lang namin sa
return false, at pagkatapos namin

1294
01:06:40,010 --> 01:06:44,160
Gusto upang ipakita ang
natitirang mga character, tama?

1295
01:06:44,160 --> 01:06:48,720
Kaya may orasan, ginawa namin
isang bagay na may panloob na HTML, tama?

1296
01:06:48,720 --> 01:06:52,070
Saan kami itakda ito katumbas ng ilang
variable, kaya kung ano ang maaari naming gawin dito?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
Ano ang mga pagbabago namin ang panloob na HTML ng?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> Madla: Natitirang?

1301
01:07:03,780 --> 01:07:05,738
>> Allison BUCHHOLTZ-AU:
Binabago namin ang natitira.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
Ang lahat ng mga karapatan, at kung ano ang ginagawa namin
nais na itakda ito katumbas?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
Ito ay magiging r, dahil iyon
ay dapat na ang aming natitirang mga character.

1306
01:07:18,437 --> 01:07:19,600
OK?

1307
01:07:19,600 --> 01:07:26,060
Kaya ako talaga kinakabahan upang makita kung
ito ay gumagana na ngayon, ngunit gagamitin namin makita.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Mag-iwan na ito.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
Iyan ay talagang mabilis.

1312
01:07:37,700 --> 01:07:38,970
[Hindi marinig] OK.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Muli, lang ako pagpunta upang ipakita sa iyo.

1315
01:07:45,990 --> 01:07:49,430
Para sa anumang dahilan,
minahan ay nagpasiya na hindi gumagana,

1316
01:07:49,430 --> 01:07:53,354
ngunit kung ano ang ipapakita ko sa iyo ay na ito
is-- oh ako ay dapat na ilagay na sa.

1317
01:07:53,354 --> 01:07:57,470
OK, napansin namin ang parehong uri ng
bagay dito, pagkuha ng mga text area.

1318
01:07:57,470 --> 01:08:01,070
>> Gayundin, kung abiso tao, kung mayroong
kailanman ng isang bagay na gusto mong gawin,

1319
01:08:01,070 --> 01:08:04,080
at hindi mo alam kung paano gawin
ito, i-click lamang ang View Source ng Pahina,

1320
01:08:04,080 --> 01:08:06,632
at sila ay pagpunta sa sabihin sa iyo.

1321
01:08:06,632 --> 01:08:07,840
Minsan mas mag-i-encrypt.

1322
01:08:07,840 --> 01:08:11,147
Para sa iyong pset, i-encrypt namin ang lahat ng bagay,
kaya ang hitsura lang ito tulad ng walang kuwentang.

1323
01:08:11,147 --> 01:08:13,480
Ngunit kung mayroong kailanman isang talagang
cool na website na gusto mo,

1324
01:08:13,480 --> 01:08:17,729
kung iki-click mo lamang ang View Source ng Pahina,
ito ay pagpunta sa sabihin sa iyo kung paano ito gawin.

1325
01:08:17,729 --> 01:08:20,770
Kaya muli, mas mahusay na makapagtrabaho, hindi mahirap.

1326
01:08:20,770 --> 01:08:24,250
At tulad ng nakikita mo dito, lahat ng
mga bagay na ito ay pareho.

1327
01:08:24,250 --> 01:08:31,930
ang isang ito dito lamang tumatagal ng ilang substring
na iyon, nakalimutan ko kung ano mismo ang ginagawa nito.

1328
01:08:31,930 --> 01:08:36,980
Pero malinaw naman tumatagal ng ilang substring
ng halaga mula sa zero hanggang sampu,

1329
01:08:36,980 --> 01:08:41,540
at ibinabalik false ano ang dapat itigil
ang mga user sa inputting ngayon,

1330
01:08:41,540 --> 01:08:46,040
at pagkatapos ay malinaw naman-a-update
panloob na HTML doon.

1331
01:08:46,040 --> 01:08:47,410
>> Ayos.

1332
01:08:47,410 --> 01:08:53,000
Kaya malaki aways tumagal mula ngayon,
eksperimento, tingnan ang source code

1333
01:08:53,000 --> 01:08:58,359
dahil ito ang nangyayari upang matulungan kang maraming,
at lahat ng tao, minsan JavaScript

1334
01:08:58,359 --> 01:09:03,200
Maaaring maging mahirap upang gumana sa at hindi
laging gagana sa paraang iyong inaasahan ito sa,

1335
01:09:03,200 --> 01:09:05,700
ngunit panatilihin lamang sinusubukan
dahil nangangako ako'y nito.

1336
01:09:05,700 --> 01:09:08,376
Nangangako ako sa lahat ng mga halimbawa
ay nagtatrabaho bago klase.

1337
01:09:08,376 --> 01:09:09,750
Hindi ko maintindihan kung ano ang nangyari.

1338
01:09:09,750 --> 01:09:13,069
Literal bang kumuha ng lahat ang parehong.

1339
01:09:13,069 --> 01:09:17,660
>> Isa pang bagay na nais lamang ako sa
ipakita sa iyo guys na maaaring maging kapaki-pakinabang super

1340
01:09:17,660 --> 01:09:21,630
ay in-- kung ano ang gumagana bago?

1341
01:09:21,630 --> 01:09:23,935
Hindi Mayroon kaming party sa trabaho, ay namin?

1342
01:09:23,935 --> 01:09:26,569
Sa tingin ko kaya.

1343
01:09:26,569 --> 01:09:27,069
Oo.

1344
01:09:27,069 --> 01:09:27,630
Ginawa namin.

1345
01:09:27,630 --> 01:09:28,250
Kahanga-hanga.

1346
01:09:28,250 --> 01:09:31,189
OK, kaya ang isang bagay na
ka guys ang dapat malaman

1347
01:09:31,189 --> 01:09:33,340
ay ang log ng console na usapan ko ang tungkol.

1348
01:09:33,340 --> 01:09:37,040
Kaya console tuldok log ng halo.

1349
01:09:37,040 --> 01:09:40,430
Kaya ito ay uri ng
JavaScript katumbas ng printf.

1350
01:09:40,430 --> 01:09:42,810
Kaya kung sakaling nais mong
siyasatin ang iyong mga variable

1351
01:09:42,810 --> 01:09:49,649
o tingnan kung ano ang nangyayari doon, kung ano
maaari mong gawin ay, kung siyasatin namin elemento,

1352
01:09:49,649 --> 01:09:51,899
ay kung ano ang gusto mong pumunta
sa, at pumunta ka sa console,

1353
01:09:51,899 --> 01:09:53,770
makikita mo na ito nakalimbag halo.

1354
01:09:53,770 --> 01:09:55,750
>> Kaya maaaring magkaroon ng namin ito
-print namin ang kahit anong gusto.

1355
01:09:55,750 --> 01:10:04,170
Kung gusto namin ito upang i-print background
style na tuldok background na tuldok,

1356
01:10:04,170 --> 01:10:08,454
dapat namin magagawang makita ang
RGB triple na ay lumalabas.

1357
01:10:08,454 --> 01:10:11,140
O hindi.

1358
01:10:11,140 --> 01:10:13,520
Nakakalimutan ko nang eksakto kung paano mo
i-print ang isang variable na tulad nang,

1359
01:10:13,520 --> 01:10:17,249
ngunit dapat mong magawang
i-print ang mga bagay tulad na.

1360
01:10:17,249 --> 01:10:19,040
Iyon ay magiging lubhang kapaki-pakinabang
para sa iyong pset kapag

1361
01:10:19,040 --> 01:10:23,330
sinusubukan na manipulahin
coordinate o watnat.

1362
01:10:23,330 --> 01:10:25,270
Kaya baguhin din nila ito piraso sa klase.

1363
01:10:25,270 --> 01:10:30,750
Ito ay iba mula sa huling taon, kaya
maging maganda lang sa iyong TFs, o ang TFs

1364
01:10:30,750 --> 01:10:36,350
sa oras ng opisina sa halip, dahil kami
uri ng pag-aaral kasama ang sa iyo guys.

1365
01:10:36,350 --> 01:10:41,230
Ngunit ang log ng console ay sobrang, sobrang
kapaki-pakinabang para sa JavaScript nakaraang taon.

1366
01:10:41,230 --> 01:10:42,740
Kaya ibigin ito.

1367
01:10:42,740 --> 01:10:43,780
Alamin kung paano gamitin ito.

1368
01:10:43,780 --> 01:10:49,026
Ito ay mas madaling gamitin kaysa sa GDB, upang
dapat na hindi bababa ng plus point.

1369
01:10:49,026 --> 01:10:50,650
Ngunit salamat guys ay tindig sa akin.

1370
01:10:50,650 --> 01:10:53,400
Sorry na ang aking
mga halimbawa para sa ilang kadahilanan

1371
01:10:53,400 --> 01:10:55,410
lamang ay hindi nais na
makipagtulungan sa akin, ngunit ko

1372
01:10:55,410 --> 01:11:01,010
Inaasahan na ito nakatulong sa uri ng makakakuha ka ng
kaunti pa sa zone ng JavaScript.

1373
01:11:01,010 --> 01:11:04,980
At magpadala sa akin ang lahat ng iyong mga tanong para sa
sa susunod na linggo upang makita ako sobrang repaired,

1374
01:11:04,980 --> 01:11:09,420
at kukunin ko na dalhin ang kendi at kahit dagdag
kendi dahil ito ay katawa-tawa.

1375
01:11:09,420 --> 01:11:14,000
Ngunit ikaw guys ay mahusay,
at may isang kahanga-hangang linggo.

1376
01:11:14,000 --> 01:11:15,584