1
00:00:00,000 --> 00:00:04,439

2
00:00:04,439 --> 00:00:07,230
DOUG LLOYD: Sa físeán seo, bhíomar ag iarraidh
a ghlaoch amach aird ar leith

3
00:00:07,230 --> 00:00:09,110
le ar leith an-
eilimint de JavaScript

4
00:00:09,110 --> 00:00:11,350
go mb'fhéidir go mbeadh tú handy
nuair tú ag tosú

5
00:00:11,350 --> 00:00:15,750
a bheith ag obair ar ionramháil leathanaigh ghréasáin agus
ag athrú an ábhar ar do leathanach gréasáin

6
00:00:15,750 --> 00:00:16,460
ar an eitilt.

7
00:00:16,460 --> 00:00:19,450
Agus sin an nóisean de
an Cuspóir Doiciméad Model.

8
00:00:19,450 --> 00:00:23,030
Mar sin, mar a chonaic muid i ár físeán ar
JavaScript, tá rudaí an-solúbtha.

9
00:00:23,030 --> 00:00:24,750
>> Agus is féidir leo go bhfuil réimsí éagsúla.

10
00:00:24,750 --> 00:00:28,075
Agus cé nach raibh muid ag dul isteach a lán de
mion, na réimsí nó airíonna,

11
00:00:28,075 --> 00:00:30,200
go ba mhaith linn is dócha níos mó
glaoch go cuí orthu

12
00:00:30,200 --> 00:00:33,915
i gcomhthéacs ar rud, fiú
Is féidir leis na hairíonna a bheith rudaí eile.

13
00:00:33,915 --> 00:00:36,210
Agus taobh istigh de na cuspóirí sin
Is féidir a bheith rudaí eile.

14
00:00:36,210 --> 00:00:39,630
>> Tá tú an rud an-mhór
le go leor de na rudaí eile

15
00:00:39,630 --> 00:00:43,550
taobh istigh de sé, a saghas
Cruthaíonn an smaoineamh seo de chrann mór.

16
00:00:43,550 --> 00:00:47,540
Anois, tá an doiciméad réad a
réad-speisialta i JavaScript

17
00:00:47,540 --> 00:00:52,580
a eagraíonn do gréasáin ar fad
leathanach faoin saghas scáth

18
00:00:52,580 --> 00:00:53,470
de rud.

19
00:00:53,470 --> 00:00:56,770
Agus mar sin taobh istigh den doiciméad
Tá réad rudaí i láthair

20
00:00:56,770 --> 00:00:59,630
an ceann agus comhlacht ar do leathanach gréasáin.

21
00:00:59,630 --> 00:01:03,760
>> Taobh istigh de na atá eile
réada, et cetera, et cetera,

22
00:01:03,760 --> 00:01:08,411
go dtí go mbeidh do leathanach gréasáin ar fad
eagraithe sa réad mór.

23
00:01:08,411 --> 00:01:09,660
Cad é an bun os cionn anseo, ceart?

24
00:01:09,660 --> 00:01:12,170
Bhuel, tá a fhios againn conas a bheith ag obair
le rudaí i JavaScript.

25
00:01:12,170 --> 00:01:15,840
>> Mar sin má tá do chuspóir
Tagraíonn ár leathanach gréasáin ar fad, go

26
00:01:15,840 --> 00:01:19,590
Ciallaíonn trí ghlaoch ar an ceart
Modhanna a ionramháil go réad

27
00:01:19,590 --> 00:01:22,360
nó a mhodhnú áirithe
de a n-airíonna, táimid ag

28
00:01:22,360 --> 00:01:25,500
Is féidir athrú ar na gnéithe de
ár leathanach programmatically

29
00:01:25,500 --> 00:01:30,210
ag baint úsáide as JavaScript ionad a bheith
chun rudaí a bhfuil, abair, HTML chódú.

30
00:01:30,210 --> 00:01:33,760
Mar sin, tá anseo sampla de
an-simplí leathanach gréasáin, ceart?

31
00:01:33,760 --> 00:01:35,850
Tá sé seo fuair clibeanna HTML, ceann.

32
00:01:35,850 --> 00:01:37,979
>> Taobh istigh de tá teideal, Dia duit ar domhan.

33
00:01:37,979 --> 00:01:38,770
Ansin tá mé ag comhlacht.

34
00:01:38,770 --> 00:01:40,686
Taobh istigh de sin, tá mé
trí rudaí éagsúla.

35
00:01:40,686 --> 00:01:44,170
Tá mé chlib header h2,
mír, agus nasc.

36
00:01:44,170 --> 00:01:45,920
Is é seo an leathanach gréasáin an-simplí.

37
00:01:45,920 --> 00:01:48,590
>> Bhuel, cad a d'fhéadfadh an doiciméad
agóid ar an cuma mhaith?

38
00:01:48,590 --> 00:01:50,700
Bhuel, tá sé ina beagán
scary b'fhéidir ar dtús.

39
00:01:50,700 --> 00:01:52,510
Ach tá sé i ndáiríre ach le crann mór.

40
00:01:52,510 --> 00:01:54,890
Agus ag an fhréamh an-de tá sé doiciméad.

41
00:01:54,890 --> 00:02:00,030
>> Taobh istigh de bhfuil an doiciméad eile
rud a thagraíonn do HTML ar mo leathanach.

42
00:02:00,030 --> 00:02:02,660
Agus is é an HTML ar mo leathanach seo ar fad.

43
00:02:02,660 --> 00:02:06,900
Agus ansin taobh istigh de na HTML
rud, tá mé rud ceann,

44
00:02:06,900 --> 00:02:09,000
a thagraíonn rud ann.

45
00:02:09,000 --> 00:02:11,009
>> Agus taobh istigh de ann,
Tá mé rud teideal.

46
00:02:11,009 --> 00:02:15,620
Agus taobh istigh de ann, tá mé eile
agóid go díreach Dia duit ar domhan.

47
00:02:15,620 --> 00:02:18,020
Raibh mé in ann mo chorp
ionadaíocht mar seo.

48
00:02:18,020 --> 00:02:22,850
>> Taobh istigh de mo chorp, tá mé h2
réad agus rud p mhír

49
00:02:22,850 --> 00:02:25,270
agus rud ar feadh nasc.

50
00:02:25,270 --> 00:02:29,660
Agus mar sin an ordlathas ar fad
Is féidir a léiriú mar chrann mór

51
00:02:29,660 --> 00:02:31,990
le go leor de beagán níos lú
rudaí a ag teacht amach as é.

52
00:02:31,990 --> 00:02:33,740
Anois, ar ndóigh, nuair
táimid ag cláir, táimid ag

53
00:02:33,740 --> 00:02:35,560
Ní gá smaoineamh ar rudaí cosúil le crann mór.

54
00:02:35,560 --> 00:02:37,980
Ba mhaith linn a fheiceáil iarbhír
rudaí a bhaineann cód.

55
00:02:37,980 --> 00:02:40,790
>> Agus fortunately, is féidir linn
úsáid a bhaint as ár n-uirlisí forbróir

56
00:02:40,790 --> 00:02:46,080
a ghlacadh i ndáiríre le breathnú ar
an suíomh gréasáin seo ar an doiciméad réad.

57
00:02:46,080 --> 00:02:48,150
Agus a ligean ar é sin a dhéanamh.

58
00:02:48,150 --> 00:02:49,580
Mar sin, tá mé d'oscail suas cluaisín bhrabhsálaí.

59
00:02:49,580 --> 00:02:51,540
>> Agus tá mé oscail suas Uirlisí d'Fhorbróirí.

60
00:02:51,540 --> 00:02:54,460
Agus i mo físeán ar JavaScript, mé
luaite nach bhfuil an consól

61
00:02:54,460 --> 00:02:56,770
someplace ach amháin i gcás
phriontáil muid eolas,

62
00:02:56,770 --> 00:02:59,560
tá sé freisin áit ina
is féidir linn eolas a ionchur.

63
00:02:59,560 --> 00:03:01,380
Sa chomhthéacs sin, cad a
Tá mé ag dul a rá go bhfuil

64
00:03:01,380 --> 00:03:05,720
Ba mhaith liom a fháil ar ais
an doiciméad rudaí,

65
00:03:05,720 --> 00:03:07,502
mar sin is féidir liom tosú a bheith ag féachaint ar sé.

66
00:03:07,502 --> 00:03:08,460
Mar sin, conas a d'fhéadfadh liom a dhéanamh?

67
00:03:08,460 --> 00:03:10,740
Bhuel, más mian liom a
a eagrú sé i ndáiríre nicely,

68
00:03:10,740 --> 00:03:16,317
Tá mé ag dul a rá console.dir, D-I-R.
Anois, a úsáid mé console.log dtí díreach a phriontáil

69
00:03:16,317 --> 00:03:17,400
rud éigin amach an-simplí.

70
00:03:17,400 --> 00:03:20,450
Ach más mian liom a eagrú ar an
hierarchically cosúil le rud,

71
00:03:20,450 --> 00:03:23,800
Ba mhaith liom é saghas struchtúrtha
cosúil le struchtúr eolaire.

72
00:03:23,800 --> 00:03:27,400
>> Mar sin ba mhaith liom doiciméad a console.dir.

73
00:03:27,400 --> 00:03:28,430
Tá mé ag dul a bhuail Iontráil.

74
00:03:28,430 --> 00:03:32,350
Agus ceart faoi bhun sé anois,
agus beidh mé zúmáil isteach anseo,

75
00:03:32,350 --> 00:03:36,000
Tá mé an doiciméad freagartha
le arrow beag in aice leis é.

76
00:03:36,000 --> 00:03:39,470
Anois, nuair a oscailt mé an arrow,
tá dul chun bheith ina lán de rudaí.

77
00:03:39,470 --> 00:03:42,560
>> Ach táimid ag dul a neamhaird ar a lán
de é agus díreach de chineál ar fhócas

78
00:03:42,560 --> 00:03:46,250
ar an chuid is tábhachtaí, mar sin againn
Is féidir tús a chur leis an doiciméad seo nascleanúint.

79
00:03:46,250 --> 00:03:50,125
Níl a lán níos mó chun an DOM ná
ach nóid agus nóid leanbh tuismitheoir.

80
00:03:50,125 --> 00:03:51,500
Níl a lán de rudaí coimhdeacha.

81
00:03:51,500 --> 00:03:52,280
>> Mar sin, tá mé ag dul a oscailt suas seo.

82
00:03:52,280 --> 00:03:54,610
Agus níl a lán iomlán
de stuif go Vox suas.

83
00:03:54,610 --> 00:03:59,000
Ach tá go léir cúram mé faoi
ar dheis anseo, nóid leanbh.

84
00:03:59,000 --> 00:04:00,410
A ligean ar a oscailt suas.

85
00:04:00,410 --> 00:04:03,810
>> Taobh istigh de ann a fheiceáil mé
rud éigin ar an eolas, HTML.

86
00:04:03,810 --> 00:04:07,670
Mar sin, taobh istigh de inár ndoiciméad
leibhéal amháin síos, HTML.

87
00:04:07,670 --> 00:04:08,550
Oscailte mé suas.

88
00:04:08,550 --> 00:04:10,380
Cad tá súil againn?

89
00:04:10,380 --> 00:04:13,760
>> Má tá tú chun cuimhne as ár léaráid,
cad ba cheart dúinn a fháil taobh istigh de HTML?

90
00:04:13,760 --> 00:04:17,275
Cén dá nóid faoi bhun sé sa chrann?

91
00:04:17,275 --> 00:04:17,899
A ligean ar a fháil amach.

92
00:04:17,899 --> 00:04:18,940
Táimid ag oscailt suas HTML.

93
00:04:18,940 --> 00:04:22,079
Théann muid síos go dtí a nóid leanbh.

94
00:04:22,079 --> 00:04:23,440
>> Pop go oscailte.

95
00:04:23,440 --> 00:04:25,990
Níl ceann agus comhlacht.

96
00:04:25,990 --> 00:04:28,540
Agus is féidir linn a oscailt suas ar an ceann.

97
00:04:28,540 --> 00:04:30,460
Téigh go dtí a chuid nóid leanbh.

98
00:04:30,460 --> 00:04:31,460
Bhuel, níl an teideal.

99
00:04:31,460 --> 00:04:33,293
>> Agus d'fhéadfadh muid dul ar aghaidh agus
ar mar seo go deo.

100
00:04:33,293 --> 00:04:34,770
D'fhéadfadh muid a seo a dhéanamh le comhlacht chomh maith.

101
00:04:34,770 --> 00:04:40,090
Ach tá bealach dúinn chun breathnú ar
an doiciméad eagraithe mar rud mór.

102
00:04:40,090 --> 00:04:42,610
Agus má táimid ar é mór
rud go Breathnaíonn a lán

103
00:04:42,610 --> 00:04:47,480
cosúil le cód, a chiallaíonn gur féidir linn tús
a ionramháil ar an réad mór ag baint úsáide as

104
00:04:47,480 --> 00:04:51,220
cód a athrú cad ár
Breathnaíonn láithreán gréasáin agus mothaíonn mhaith.

105
00:04:51,220 --> 00:04:54,920
>> Mar sin, go bhfuil uirlis chumhachtach deas
ní mór dúinn ar fáil dúinn anois.

106
00:04:54,920 --> 00:04:57,360
Mar sin, mar a chonaic muid díreach, an
doiciméad réad féin

107
00:04:57,360 --> 00:05:01,392
agus gach ceann de na rudaí taobh istigh de sé
bhfuil airíonna agus modhanna, ach

108
00:05:01,392 --> 00:05:04,100
mar aon rud eile go bhfuil muid
ag obair le i JavaScript.

109
00:05:04,100 --> 00:05:08,370
Ach is féidir linn a úsáid na maoine agus
úsáid a bhaint as na modhanna chun saghas druil síos

110
00:05:08,370 --> 00:05:10,900
as an doiciméad mór agus a fháil
níos ísle agus níos ísle agus níos ísle,

111
00:05:10,900 --> 00:05:13,360
míne agus finer gráin
sonraí, go dtí go táimid ag

112
00:05:13,360 --> 00:05:17,510
a fháil chun píosa an-sonrach ar ár
leathanach gréasáin gur mhaith linn a athrú.

113
00:05:17,510 --> 00:05:22,700
>> Agus nuair a muid airíonna na thabhairt cothrom le dáta
Dhoiciméadú Réad nó cuir glaoch ar na modhanna sin,

114
00:05:22,700 --> 00:05:24,450
D'fhéadfadh rudaí a tharlóidh ar ár leathanach gréasáin.

115
00:05:24,450 --> 00:05:28,420
Agus ní mór dúinn a dhéanamh ar bith refreshing
a bheith acu a chur leis na hathruithe i bhfeidhm.

116
00:05:28,420 --> 00:05:33,160
>> Agus sin cumas deas fionnuar a
ní mór nuair a bhíonn muid ag obair le cód.

117
00:05:33,160 --> 00:05:37,185
Mar sin, cad iad roinnt de na maoine
atá mar chuid de dhoiciméad rud?

118
00:05:37,185 --> 00:05:40,100
Bhuel, chonaic tú is dócha go bhfuil
cúpla acu i ndáiríre go tapa

119
00:05:40,100 --> 00:05:42,700
mar a bhí muid ag zipping
tríd an doiciméad ollmhór

120
00:05:42,700 --> 00:05:45,150
réad chonaic muid díreach sa bhrabhsálaí gréasáin.

121
00:05:45,150 --> 00:05:48,420
>> Ach cúpla na maoine
d'fhéadfadh a bheith rudaí cosúil le HTML istigh.

122
00:05:48,420 --> 00:05:52,950
Agus d'fhéadfadh tú a thabhairt chun cuimhne fiú dom
ag baint úsáide as seo sa físeán JavaScript

123
00:05:52,950 --> 00:05:54,950
ag an deireadh an-nuair mé
bhí ag caint faoi imeachtaí.

124
00:05:54,950 --> 00:05:56,125
Cad a bhí an HTML istigh?

125
00:05:56,125 --> 00:05:59,030
Bhuel, tá sé ach cad atá
i idir na clibeanna.

126
00:05:59,030 --> 00:06:01,590
>> Agus mar sin an HTML istigh,
mar shampla, ar an teideal

127
00:06:01,590 --> 00:06:05,390
tag, dá mbeadh choinnigh muid ag dul i
go sampla nóiméad ó shin,

128
00:06:05,390 --> 00:06:08,020
bheadh ​​Dia duit ar domhan.

129
00:06:08,020 --> 00:06:10,140
Ba é sin an teideal ár leathanach.

130
00:06:10,140 --> 00:06:12,370
Airíonna Eile
Áirítear ainm nód, a

131
00:06:12,370 --> 00:06:15,810
Is é an t-ainm ar HTML
eilimint mar theideal den sórt sin.

132
00:06:15,810 --> 00:06:19,100
ID, a bhfuil an ID
tréith de gné HTML.

133
00:06:19,100 --> 00:06:23,790
>> Thabhairt chun cuimhne gur féidir linn a léiriú go speisialta
gnéithe sonracha dár HTML

134
00:06:23,790 --> 00:06:27,510
le tréith ID, a de ghnáth
thagann i handy i gcomhthéacs an CSS,

135
00:06:27,510 --> 00:06:29,000
go sonrach.

136
00:06:29,000 --> 00:06:33,217
Nód tuismitheoir, a bhfuil tagairt
cad atá suas díreach os mo chionn sa DOM.

137
00:06:33,217 --> 00:06:35,800
Agus nóid leanbh, a bhfuil
tagairt do cad atá síos thíos dom.

138
00:06:35,800 --> 00:06:37,950
Agus chonaic muid a lán de sin
díreach ag féachaint tríd.

139
00:06:37,950 --> 00:06:42,970
Nóid leanbh, go conas a fuair muid
níos ísle agus níos ísle ar an gcrann.

140
00:06:42,970 --> 00:06:46,590
>> Tréithe, go díreach le sraith
de tréithe an eilimint HTML.

141
00:06:46,590 --> 00:06:50,270
Mar sin, d'fhéadfadh sampla de tréithe
a bheith má tá tú clib íomhá,

142
00:06:50,270 --> 00:06:54,090
Tá sé de ghnáth tréith foinse,
b'fhéidir airde agus tréith leithead.

143
00:06:54,090 --> 00:06:57,120
Agus mar sin a bheadh ​​a bheith díreach le sraith
de gach ceann de na tréithe a bhaineann

144
00:06:57,120 --> 00:06:59,300
leis an eilimint HTML.

145
00:06:59,300 --> 00:07:04,140
>> Tá stíl amháin eile a
dhéanann ionadaíocht CSS

146
00:07:04,140 --> 00:07:06,050
styling de eilimint ar leith.

147
00:07:06,050 --> 00:07:08,310
Agus níos déanaí sa
físeán, beidh muid a go sonrach

148
00:07:08,310 --> 00:07:14,592
stíl ghiaráil a dhéanamh cúpla
athruithe ar ár láithreán gréasáin.

149
00:07:14,592 --> 00:07:15,800
Mar sin, tá na roinnt airíonna.

150
00:07:15,800 --> 00:07:17,591
>> Agus tá roinnt
Modhanna gur féidir linn

151
00:07:17,591 --> 00:07:22,450
a úsáid chun freisin níos tapúla leithlisiú b'fhéidir
gnéithe an Cuspóir Doiciméad.

152
00:07:22,450 --> 00:07:26,730
B'fhéidir, an chuid is mó versatile
acu seo getElementById.

153
00:07:26,730 --> 00:07:31,190
Mar sin, d'fhéadfadh liom a rá rud éigin cosúil, mar gheall ar
cuimhnigh tá sé ina modh an Doiciméid

154
00:07:31,190 --> 00:07:34,880
Réad, document.getElementById.

155
00:07:34,880 --> 00:07:39,820
>> Agus taobh istigh de na lúibíní, sonraigh
gné HTML le haitheantas ar leith

156
00:07:39,820 --> 00:07:42,330
tréith go atá mé roimhe
leagan, agus beidh mé láithreach

157
00:07:42,330 --> 00:07:46,685
téigh ar dheis go dtí sin eilimint
ar an láithreán gréasáin iomlán.

158
00:07:46,685 --> 00:07:49,310
Mar sin, ní dóigh liom go bhfuil a dhruileáil b'fhéidir
síos trí gach ciseal amháin.

159
00:07:49,310 --> 00:07:52,841
Is féidir liom a úsáid ach an modh seo a fháil air,
saghas cosúil le lorg teasa diúracán,

160
00:07:52,841 --> 00:07:53,340
ceart?

161
00:07:53,340 --> 00:07:56,300
Téann sé ach agus faigheann
go díreach cad atá sé ag lorg.

162
00:07:56,300 --> 00:07:59,290
>> Is GetElementsByTagName
an-chosúil i spiorad.

163
00:07:59,290 --> 00:08:02,500
B'fhéidir go mbeadh sé seo teacht ar gach ceann de na
clibeanna trom nó gach ceann de na clibeanna p

164
00:08:02,500 --> 00:08:05,920
agus a thabhairt dom le sraith de gach rud
go raibh mé in ann obair ansin leis.

165
00:08:05,920 --> 00:08:12,080
Cuireann appendChild rud éigin
leibhéal amháin síos sa chrann.

166
00:08:12,080 --> 00:08:16,440
>> Mar sin, is féidir liom a chur ar nua ar fad
eilimint leibhéal amháin níos ísle.

167
00:08:16,440 --> 00:08:19,700
Nó is féidir liom a bhaint gné go
leibhéal amháin níos ísle chomh maith más mian liom

168
00:08:19,700 --> 00:08:22,870
rud éigin as mo leathanach gréasáin a scriosadh.

169
00:08:22,870 --> 00:08:28,480
Anois, nóta códú tapaidh agus mear
tinneas cinn a shábháil nóta, tá súil againn.

170
00:08:28,480 --> 00:08:31,670
>> getElementById-- é an d litreacha beaga.

171
00:08:31,670 --> 00:08:36,950
Ní féidir liom a insint duit cé mhéad uair a bhfuil mé
getElementById úsáidtear agus caipitlithe

172
00:08:36,950 --> 00:08:38,336
an d ann.

173
00:08:38,336 --> 00:08:39,460
Toisc go bhfuil sé i ndáiríre coitianta.

174
00:08:39,460 --> 00:08:42,990
Má scríobhann muid an ID focal, tá sé
de ghnáth caipiteal I caipitil D.

175
00:08:42,990 --> 00:08:44,240
Agus mo cód nach bhfuil ach ag obair.

176
00:08:44,240 --> 00:08:45,630
Agus ní féidir liom a dhéanamh amach cén fáth.

177
00:08:45,630 --> 00:08:49,490
Is é seo an i ndáiríre, i ndáiríre, i ndáiríre
bug coitianta a dhéanann gach duine,

178
00:08:49,490 --> 00:08:51,890
fiú saineolaithe go bhfuil
ag déanamh seo go deo.

179
00:08:51,890 --> 00:08:55,410
Mar sin, ach bheith ar an eolas, getElementById,
is é sin d litreacha beaga.

180
00:08:55,410 --> 00:09:00,080
Agus tá súil againn, Sábhálann go bhfuil roinnt tú
nóiméad ar a laghad de heartache.

181
00:09:00,080 --> 00:09:02,204
>> Mar sin, cad é seo ar fad a insint dúinn?

182
00:09:02,204 --> 00:09:03,120
Ní mór dúinn na modhanna sin.

183
00:09:03,120 --> 00:09:04,161
Ní mór dúinn na maoine.

184
00:09:04,161 --> 00:09:06,610
Anois, má tús a chur orainn ó
doiciméad, doiciméad.

185
00:09:06,610 --> 00:09:10,220
is cuma cad, is féidir linn a fháil anois ar aon
píosa amháin de ár leathanach gréasáin

186
00:09:10,220 --> 00:09:14,870
gur mhaith linn a úsáid a bhaint as JavaScript
ach trí ghlaoch ar na modhanna

187
00:09:14,870 --> 00:09:19,940
agus a ghiaráil na hairíonna
go bhfaighidh muid ag láithreacha éagsúla.

188
00:09:19,940 --> 00:09:24,890
>> Is féidir é seo a fháil wordy, seo
document.getElementById,

189
00:09:24,890 --> 00:09:28,560
b'fhéidir go mbeadh ainm tag fada,
b'fhéidir go bhfuil tú a glaonna níos déanaí.

190
00:09:28,560 --> 00:09:31,230
Is féidir le rudaí a fháil le beagán wordy.

191
00:09:31,230 --> 00:09:34,480
Agus mar ríomhchláraitheoirí, is atá tú
is dócha le feiceáil i go leor de na físeáin,

192
00:09:34,480 --> 00:09:36,600
ní féidir linn buíochas rudaí wordy.

193
00:09:36,600 --> 00:09:38,520
>> Is maith linn a bheith in ann rudaí a dhéanamh go tapa.

194
00:09:38,520 --> 00:09:42,640
Mar sin, ba mhaith linn níos
bhealach gonta rud éigin a rá.

195
00:09:42,640 --> 00:09:46,270
Mar sin, an saghas thoradh ar an
coincheap an rud ar a dtugtar jQuery.

196
00:09:46,270 --> 00:09:49,170
Anois, nach bhfuil jQuery JavaScript.

197
00:09:49,170 --> 00:09:50,350
Níl sé mar chuid de JavaScript.

198
00:09:50,350 --> 00:09:54,790
>> Is leabharlann scríobhadh go
ag roinnt ríomhchláraitheoirí JavaScript

199
00:09:54,790 --> 00:09:57,060
thart ar 10 bliain ó shin.

200
00:09:57,060 --> 00:10:01,300
Agus is é a sprioc a shimpliú seo cad atá
ar a dtugtar scriptithe taobh cliant, a

201
00:10:01,300 --> 00:10:04,310
go bunúsach cad a bhí muid díreach
ag caint faoi le manipulations DOM.

202
00:10:04,310 --> 00:10:11,090
Agus mar sin má bhí mé a mhodhnú
dath cúlra de mo leathanach gréasáin, b'fhéidir

203
00:10:11,090 --> 00:10:11,980
a Div ar leith.

204
00:10:11,980 --> 00:10:15,325
>> Anseo, tá mé ag dul cosúil
ElementById colorDiv.

205
00:10:15,325 --> 00:10:16,950
Agus ba mhaith liom a chur ar bun a dath cúlra.

206
00:10:16,950 --> 00:10:20,720
Má tá mé ag baint úsáide as díreach tar JavaScript íon
ag baint úsáide as an Cuspóir Doiciméad Model,

207
00:10:20,720 --> 00:10:23,990
go bhfuil a lán de rudaí, ceart?
document.getElementById

208
00:10:23,990 --> 00:10:25,531
colorDiv.style.backgroundColor = glas.

209
00:10:25,531 --> 00:10:27,260

210
00:10:27,260 --> 00:10:28,050
>> Whew.

211
00:10:28,050 --> 00:10:30,110
Ba é sin go leor a rá.

212
00:10:30,110 --> 00:10:31,720
Tá sé go leor le cineál, freisin.

213
00:10:31,720 --> 00:10:35,760
Agus mar sin i jQuery, is féidir linn a rá b'fhéidir
seo le beagán níos cruinn.

214
00:10:35,760 --> 00:10:39,350
An trádáil uaire a bheith tá sé b'fhéidir beagán
beagán níos cryptic ar fad ar tobann,

215
00:10:39,350 --> 00:10:39,850
ceart?

216
00:10:39,850 --> 00:10:43,580
>> Ar a laghad tá an fada le beagán níos mó
míniúcháin i dtaobh cad tá ag éirí linn.

217
00:10:43,580 --> 00:10:49,947
Seo a shíniú dollar, lúibíní,
ceanglófar aonair, hash, colorDiv, ceart?

218
00:10:49,947 --> 00:10:50,780
Cad is brí le sin?

219
00:10:50,780 --> 00:10:53,640
Bhuel, tá go bunúsach ach
document.getElementById colorDiv.

220
00:10:53,640 --> 00:10:58,700
>> Ach tá sé an saghas luathscríbhneoireachta
bhealach a dhéanamh ag baint úsáide as jQuery.

221
00:10:58,700 --> 00:11:01,380
A ligean ar a ghlacadh ach le breathnú anois
ag cúpla bealaí éagsúla

222
00:11:01,380 --> 00:11:04,520
go d'fhéadfadh mé i ndáiríre
úsáid Cuspóir Doiciméad

223
00:11:04,520 --> 00:11:06,807
Múnla chun píosaí de mo shuíomh ionramháil.

224
00:11:06,807 --> 00:11:09,140
Go háirithe, táimid ag dul
a bheith ag obair ar ionramháil

225
00:11:09,140 --> 00:11:14,090
an dath ar leith
Div, colorDiv, ar an leathanach gréasáin.

226
00:11:14,090 --> 00:11:15,299
Mar sin, a ligean ar ghlacadh le breathnú ar sin.

227
00:11:15,299 --> 00:11:15,798
Ceart go leor.

228
00:11:15,798 --> 00:11:16,700
Mar sin, tá mé ar an leathanach.

229
00:11:16,700 --> 00:11:20,750
Sé ar a dtugtar test.html nuair a íoslódáil tú
seo más mian leat a tinker leis seo.

230
00:11:20,750 --> 00:11:24,730
Agus fuair mé a bunch de
cnaipí ar an leathanach seo.

231
00:11:24,730 --> 00:11:27,730
Agus mé ag rá feidhmeanna aonair
do dath cúlra, corcra, glas,

232
00:11:27,730 --> 00:11:31,330
oráiste, dearg, gorm, aon fheidhm aonair
do dath cúlra, imeacht láimhseálaí

233
00:11:31,330 --> 00:11:34,360
do dath cúlra, agus ag baint úsáide jQuery.

234
00:11:34,360 --> 00:11:38,147
Cad mé ag caint faoi
nuair atá mé ag déanamh seo?

235
00:11:38,147 --> 00:11:39,230
Mar sin, againn le feiceáil na cnaipí.

236
00:11:39,230 --> 00:11:41,521
Anois, a ligean ar ghlacadh le breathnú ar
roinnt de na cód foinse anseo.

237
00:11:41,521 --> 00:11:44,770
Beidh muid tús a chur leis test.html.

238
00:11:44,770 --> 00:11:48,100
Feidhmeanna Mar sin aonair ar chúlra
Is dath méid atá clóscríofa mé anseo.

239
00:11:48,100 --> 00:11:49,350
Lig dom scrollú le beagán.

240
00:11:49,350 --> 00:11:56,170

241
00:11:56,170 --> 00:11:58,820
>> Agus beidh tú faoi deara go bhfuil mé
Tá na cnaipí atá sainithe

242
00:11:58,820 --> 00:12:03,990
a rá nuair atá an gcnaipe seo chliceáil,
glaoch ar an fheidhm cas corcra.

243
00:12:03,990 --> 00:12:06,670
Nuair a bhíonn an cnaipe cliceáil, in áit,
glaoch ar an fheidhm cas glas,

244
00:12:06,670 --> 00:12:08,710
cas oráiste, cas dearg, cas gorm.

245
00:12:08,710 --> 00:12:11,880
Is féidir leat buille faoi thuairim is dócha go bhfuil an
Is dócha gurb é ní an dearadh is fearr

246
00:12:11,880 --> 00:12:12,460
ciall, ceart?

247
00:12:12,460 --> 00:12:16,490
>> Bheadh ​​sé deas dá raibh mé
go mbeadh cur chuige níos ginearálta.

248
00:12:16,490 --> 00:12:19,570
Bhuel, ar an gcéad beidh orainn a chur le breathnú
ag cad iad na cúig fheidhm

249
00:12:19,570 --> 00:12:24,400
document.getElementById
colorDiv.style.background = corcra,

250
00:12:24,400 --> 00:12:27,250
glas, oráiste, dearg,
agus gorm, faoi seach.

251
00:12:27,250 --> 00:12:30,930
Mar sin, ní go háirithe an dearadh is fearr.

252
00:12:30,930 --> 00:12:33,390
>> An chéad sraith eile de cnaipí
Tá mé é bhí mé scríofa

253
00:12:33,390 --> 00:12:36,380
feidhm amháin ar a dtugtar
dath a athrú go cosúil

254
00:12:36,380 --> 00:12:38,960
Glacann ar shraith mar a argóint.

255
00:12:38,960 --> 00:12:40,290
Mar sin, tá sé seo le beagán níos fearr.

256
00:12:40,290 --> 00:12:43,840
Corcra, glas, oráiste, dearg,
Is gorm anois argóint.

257
00:12:43,840 --> 00:12:46,230
Mar sin, tá mé scríofa níos ginearálta
cás fheidhm JavaScript,

258
00:12:46,230 --> 00:12:47,771
a d'fhéadfadh a cuma rud éigin mar seo.

259
00:12:47,771 --> 00:12:48,680
Tá mé ag dul i.

260
00:12:48,680 --> 00:12:52,090
Is é seo an dath a athrú an fheidhm
ag súil argóint a dtugtar dath.

261
00:12:52,090 --> 00:12:54,970
Agus mé ag rá a leagtar ar an
dath cúlra do dath.

262
00:12:54,970 --> 00:12:58,390
Mar sin, anseo Is ionann an méid a fuair mé anseo.

263
00:12:58,390 --> 00:12:59,770
Mar sin tá go le beagán níos fearr.

264
00:12:59,770 --> 00:13:02,740
>> Ach d'fhéadfadh liom a bheith in ann
a dhéanamh níos fearr ná sin.

265
00:13:02,740 --> 00:13:06,140
Má théann muid síos a chur le breathnú
ag an staid ócáid ​​láimhseálaí,

266
00:13:06,140 --> 00:13:07,860
anois táim go léir na glaonna mar an gcéanna.

267
00:13:07,860 --> 00:13:10,340
Má tá tú chun cuimhne le haghaidh ár
plé ar láimhseálaithe ócáid,

268
00:13:10,340 --> 00:13:15,770
Is féidir liom faisnéis maidir le cé acu de a fháil
Bhí chliceáil ar na cnaipí agus a úsáid go.

269
00:13:15,770 --> 00:13:19,560
>> Agus mar sin i event.JavaScript, tá mé
scríofa imeacht dath a athrú, a

270
00:13:19,560 --> 00:13:21,110
figiúirí amach a cnaipe bhí chliceáil.

271
00:13:21,110 --> 00:13:23,250
Sin an líne réad truicir.

272
00:13:23,250 --> 00:13:25,240
Agus ansin anseo, faigheann sé i ndáiríre wordy.

273
00:13:25,240 --> 00:13:27,420
Ach cad mé ag déanamh go bhfuil mé
ag leagan an cúlra

274
00:13:27,420 --> 00:13:30,340
dath a triggerObject inner.HTML.

275
00:13:30,340 --> 00:13:34,170
Sin an téacs i
idir na clibeanna cnaipe.

276
00:13:34,170 --> 00:13:36,500
>> Agus ansin tá mé cosúil
a leag sé a litreacha beaga.

277
00:13:36,500 --> 00:13:40,780
Agus sin conas is féidir liom thiontú ina iomlán
teaghrán go litreacha beaga i JavaScript ag baint úsáide as

278
00:13:40,780 --> 00:13:42,940
go modh a litreacha beaga.

279
00:13:42,940 --> 00:13:46,570
Toisc nuair a leag mé dath,
mar tá mé ag iarraidh a dhéanamh anseo,

280
00:13:46,570 --> 00:13:48,260
Tá an dath a bheith go léir litreacha beaga.

281
00:13:48,260 --> 00:13:50,920
>> Ach ar an gcnaipe go raibh mé,
má táimid ag breathnú eile a chur,

282
00:13:50,920 --> 00:13:55,890
faoi ​​deara go bhfuil an téacs ann
scríofa le P caipitil do corcra.

283
00:13:55,890 --> 00:13:59,140
Agus ansin ag an an-
bun anseo, mé cosúil

284
00:13:59,140 --> 00:14:02,630
iarracht a dhéanamh seo le jQuery chomh maith.

285
00:14:02,630 --> 00:14:06,000
Agus sa chás seo, nach bhfuil mé i ndáiríre
glaoch feidhm ar chor ar bith.

286
00:14:06,000 --> 00:14:11,430
Dúirt mé díreach tar éis an rang go bhfuil mé
Tá baint úsáide as ar feadh an cnaipe an cnaipe JQ.

287
00:14:11,430 --> 00:14:12,360
Sin é.

288
00:14:12,360 --> 00:14:14,950
>> Mar sin, ní conas jQuery fhios cad tá mé ag déanamh?

289
00:14:14,950 --> 00:14:18,740
Bhuel, tá sé seo ar cheann de na buntáistí
míbhuntáistí jQuery Slais.

290
00:14:18,740 --> 00:14:21,560
Is féidir é a deis dom chun rudaí a dhéanamh
an-cruinn, ach b'fhéidir nach bhfuil

291
00:14:21,560 --> 00:14:22,570
chomh intuitively.

292
00:14:22,570 --> 00:14:25,570
B'fhéidir na trí eile a dhéanamh
beagán níos mó ciall cad tá mé ag déanamh.

293
00:14:25,570 --> 00:14:29,010
Anseo, áfach, tá an méid a ar siúl?

294
00:14:29,010 --> 00:14:31,940
>> Réir dealraimh, a chruthú
feidhm gan ainm

295
00:14:31,940 --> 00:14:36,790
go ualaí aon uair mo doiciméad
tá sé réidh, mar sin document.ready,

296
00:14:36,790 --> 00:14:38,760
Tá roinnt feidhm ag dul a tharlóidh.

297
00:14:38,760 --> 00:14:40,490
Go bunúsach, tá nuair doiciméad réidh?

298
00:14:40,490 --> 00:14:42,310
Tá sé nuair a bhfuil mo leathanach luchtaithe.

299
00:14:42,310 --> 00:14:46,540
>> Mar sin, chomh luath agus a bhfuil mo leathanach luchtaithe, an
tar éis feidhm i gcónaí réidh.

300
00:14:46,540 --> 00:14:54,310
Deir sé, más rud é réad de chineál jQButton,
nó má tá jQButton ranga chliceáil,

301
00:14:54,310 --> 00:14:55,570
fhorghníomhú an fheidhm seo.

302
00:14:55,570 --> 00:14:59,360
Mar sin, tá anseo dhá fheidhm gan ainm,
ceann amháin a shainmhínítear taobh istigh de na eile.

303
00:14:59,360 --> 00:15:03,930
>> Mar sin, mo comhthéacs ar fad
anseo tá go dtí seo mo leathanach

304
00:15:03,930 --> 00:15:06,520
nuair ualaí a eascraíonn sé iarrann sé an fheidhm sin.

305
00:15:06,520 --> 00:15:09,740
Agus is é an fheidhm seo ag fanacht
ar feadh cnaipe a chliceáil.

306
00:15:09,740 --> 00:15:14,490
Agus nuair a bhíonn an cnaipe chliceáil, JQ
cnaipe é go sonrach chliceáil,

307
00:15:14,490 --> 00:15:17,150
iarrann sé seo eile
feidhm, atá ag dul

308
00:15:17,150 --> 00:15:21,250
a shocrú ar an cúlra
dath colorDiv a bheith

309
00:15:21,250 --> 00:15:25,990
is cuma cad é an téacs i idir na clibeanna.

310
00:15:25,990 --> 00:15:28,050
>> Is é seo an coincheap de
a cnaipe bhí chliceáil.

311
00:15:28,050 --> 00:15:31,230
Ach a mhalairt, is é seo saghas
iompar cosúil le ócáid.

312
00:15:31,230 --> 00:15:34,460
Tá sé díreach ar an mbealach céanna agam
Bheadh ​​iúl seo i jQuery.

313
00:15:34,460 --> 00:15:36,790
Arís, is dócha
lán níos imeaglaithe.

314
00:15:36,790 --> 00:15:40,840
Níl sé chomh soiléir agus is
rud éigin cosúil le event.js,

315
00:15:40,840 --> 00:15:45,080
a bhfuil b'fhéidir le beagán níos mó
verbose, ach le beagán níos lú

316
00:15:45,080 --> 00:15:46,000
imeaglaithe.

317
00:15:46,000 --> 00:15:51,460
>> Ach má pop muid ar ais go dtí mo bhrabhsálaí
fuinneog, má tús mé clicking-- go maith,

318
00:15:51,460 --> 00:15:52,690
gur athraigh go corcra.

319
00:15:52,690 --> 00:15:54,450
Tá sé seo glas baint úsáide as modh teaghrán.

320
00:15:54,450 --> 00:15:56,500
Tá sé seo oráiste baint úsáide as an láimhseálaí ócáid.

321
00:15:56,500 --> 00:15:58,300
>> Tá sé seo ag baint úsáide as dearg jQuery, ceart?

322
00:15:58,300 --> 00:16:01,270
Iad féin a iompar siad go léir díreach mar an gcéanna.

323
00:16:01,270 --> 00:16:06,509
Dhéanann siad díreach tar éis ag baint úsáide as sé difriúil
cur chuige chun an fhadhb a réiteach.

324
00:16:06,509 --> 00:16:08,550
Níl a lán níos mó chun
jQuery ansin tá muid cinnte

325
00:16:08,550 --> 00:16:10,050
ag dul chun labhairt faoi i físeán seo.

326
00:16:10,050 --> 00:16:15,410
Ach más mian leat níos mó a fhoghlaim, is féidir leat
téigh go dtí an saghas jQuery doiciméadú

327
00:16:15,410 --> 00:16:19,710
agus foghlaim go leor le beagán níos mó faoi
an leabharlann an-solúbtha, a

328
00:16:19,710 --> 00:16:22,550
Is iontach chun déanamh taobh cliant
scriptithe cosúil le cad a bhí á dhéanamh againn

329
00:16:22,550 --> 00:16:26,240
a ionramháil an cuma
agus sílim ar ár leathanach gréasáin

330
00:16:26,240 --> 00:16:28,750
leis an Cuspóir Doiciméad Model.

331
00:16:28,750 --> 00:16:29,650
Tá mé Doug Lloyd.

332
00:16:29,650 --> 00:16:31,930
Is é seo an CS50.

333
00:16:31,930 --> 00:16:34,022