1
00:00:00,000 --> 00:00:02,690
[Powered by Google Translate] [Seimineár: jQuery]

2
00:00:02,690 --> 00:00:04,790
[Vipul Shekhawat, Ollscoil Harvard]

3
00:00:04,790 --> 00:00:08,000
[Tá sé seo CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
Má tá tú ag a leanas chomh maith sa bhaile, is féidir leat rochtain a fháil i ndáiríre mo sleamhnáin ar líne

5
00:00:10,640 --> 00:00:13,310
ag dul go dtí an nasc seo.

6
00:00:13,310 --> 00:00:18,650
Tá sé TjjRWj, ar bit.ly.

7
00:00:18,650 --> 00:00:20,700
Is féidir leat freisin dul díreach chuig an URL díreach,

8
00:00:20,700 --> 00:00:27,300
a bhfuil cloud.cs50.net / ~ vshekhawat, a bhfuil mo ainm,

9
00:00:27,300 --> 00:00:32,409
agus jquery.

10
00:00:32,409 --> 00:00:34,920
Mé a spreagadh go mór leat a leanúint chomh maith má bhíonn tú ag breathnú sa bhaile,

11
00:00:34,920 --> 00:00:40,650
agus má tá tú anseo, chomh maith, toisc go bhfuil an cur i láthair go leor idirghníomhach.

12
00:00:40,650 --> 00:00:43,160
>> Mar sin, lá atá inniu ann tá mé ag dul a bheith ag caint faoi jQuery, agus is é an chéad cheist,

13
00:00:43,160 --> 00:00:45,300
cad é jQuery?

14
00:00:45,300 --> 00:00:47,090
I mbliana, tá a fhios agam nach bhfuil tú guys clúdaithe JavaScript

15
00:00:47,090 --> 00:00:51,080
i oiread sonraí agus is mar atá againn le blianta anuas.

16
00:00:51,080 --> 00:00:53,150
JavaScript é, ar an gcéad dul síos, ach teanga cliant-taobh

17
00:00:53,150 --> 00:00:58,390
go n-úsáideann tú chun scripteanna agus cód a rith ar gach úsáideora meaisín.

18
00:00:58,390 --> 00:01:00,660
Mar sin, tá tú ar fhreastalaí a sholáthraíonn leathanaigh gréasáin do dhaoine,

19
00:01:00,660 --> 00:01:02,600
ach b'fhéidir gur mhaith leat rudaí a dhéanamh ar a n-inneall,

20
00:01:02,600 --> 00:01:08,060
a iarraidh ar a n-inneall a thabhairt ar iarratais a sheoladh chuig do fhreastalaí gach 30 soicind nó rud éigin mar sin.

21
00:01:08,060 --> 00:01:10,420
Is féidir leat é sin a dhéanamh ag baint úsáide as JavaScript.

22
00:01:10,420 --> 00:01:13,190
Soláthraíonn JQuery ach feidhmiúlacht níos mó ar bharr JavaScript

23
00:01:13,190 --> 00:01:15,680
go ndéanann rudaí breise ar do shon.

24
00:01:15,680 --> 00:01:17,710
Má fhéachann tú ar an ábhar ar barr,

25
00:01:17,710 --> 00:01:21,410
a chuireann síos ar roinnt de na rudaí go bhfuil tú in ann a dhéanamh.

26
00:01:21,410 --> 00:01:23,500
Mar sin, tríd is tríd, bhí chruthaigh sé i mí Eanáir 2006.

27
00:01:23,500 --> 00:01:26,560
Bhí sé an chéad cumadh i mí Lúnasa 2005.

28
00:01:26,560 --> 00:01:31,370
Baineann sé le bheith thart ar feadh cúpla bliain, agus tá sé i ndáiríre mar chuid de na nua Web 2.0 gluaiseacht

29
00:01:31,370 --> 00:01:34,330
go bhfuil déanta ar an Idirlíon lonracha sin.

30
00:01:34,330 --> 00:01:37,630
Tá sé an leabharlann JavaScript is mó a úsáidtear go forleathan.

31
00:01:37,630 --> 00:01:41,450
Os cionn 19.6 milliún láithreáin ghréasáin ag baint úsáide as é, agus tá an úsáid fós ag méadú

32
00:01:41,450 --> 00:01:45,640
de réir builtwith.com, a, is cosúil, níos mó ná an bhliain seo caite,

33
00:01:45,640 --> 00:01:49,710
a bhí díreach ag méadú go leanúnach go cothrom líneach.

34
00:01:49,710 --> 00:01:52,870
I measc na 10 milliún barr suímh, níl fós -

35
00:01:52,870 --> 00:01:55,180
thart ar 40% de iad a úsáid faoi láthair é.

36
00:01:55,180 --> 00:01:58,540
Facebook úsáideann sé, go leor de na láithreáin ghréasáin eile a úsáid faoi láthair é.

37
00:01:58,540 --> 00:02:01,540
Is féidir leat breathnú ar na staitisticí ar do chuid féin, más mian leat.

38
00:02:01,540 --> 00:02:05,820
Agus d'fhéadfaí tú a insint sé legit toisc go bhfuil sé bunaíodh é agus 13 chomhalta boird,

39
00:02:05,820 --> 00:02:11,910
chomh maith le foireann de 20 duine a bhíonn ag obair ar sé ar bhonn rialta.

40
00:02:11,910 --> 00:02:16,110
Mar sin, tá sé in úsáid go forleathan, tá sé. URL org, tá sé sainiúil,

41
00:02:16,110 --> 00:02:21,660
Tá sé casadh-dícheangail do rudaí eile, mar sin tá sé le déileáil go mór.

42
00:02:21,660 --> 00:02:24,510
>> Cén fáth ar chóir duit é a úsáid? Is JQuery an-lightweight.

43
00:02:24,510 --> 00:02:27,270
Ciallaíonn sé sin nach bhfuil sé ina comhad ollmhór. Is féidir leat a íoslódáil

44
00:02:27,270 --> 00:02:31,540
an comhad minified, atá ar fad gan an spás bán agus tuairimí, agus tá sé ach 32 kB.

45
00:02:31,540 --> 00:02:33,600
Mar sin, tá sé éasca a toss díreach ar do leathanach gréasáin

46
00:02:33,600 --> 00:02:35,910
agus díreach chun tús a úsáid.

47
00:02:35,910 --> 00:02:39,630
Tá sé freisin i scríbhinn go héifeachtach, mar sin ní thógann sé suas a lán de -

48
00:02:39,630 --> 00:02:42,550
ní dhéanann sé mall síos do láithreán gréasáin i bhfad nuair a úsáideann tú é.

49
00:02:42,550 --> 00:02:45,770
Ligeann sé duit rudaí a bhí unfeasible roimhe sin i bhfeidhm.

50
00:02:45,770 --> 00:02:47,790
Tá roinnt gnéithe de feidhmiúlacht,

51
00:02:47,790 --> 00:02:51,780
cosúil le beochan a chruthú, a bheadh ​​an-, an-deacair a dhéanamh de ghnáth.

52
00:02:51,780 --> 00:02:54,300
Ach i jQuery tá siad iarbhír an-simplí.

53
00:02:54,300 --> 00:02:57,040
Agus tá roinnt rudaí a bhfuil annoying a dhéanamh,

54
00:02:57,040 --> 00:02:59,610
is féidir i JavaScript, cosúil sheoladh ar iarratas POST,

55
00:02:59,610 --> 00:03:02,190
ach chun a iarraidh le freastalaí, caithfidh tú a scríobh

56
00:03:02,190 --> 00:03:04,320
cúig nó sé nó seacht línte de chód.

57
00:03:04,320 --> 00:03:07,200
Anois is féidir leat a dhéanamh ach é a chur sa líne amháin de chód, i glaoch fheidhm aonair.

58
00:03:07,200 --> 00:03:11,790
A shimpleoidh i ndáiríre a lán de na rudaí a bhfuil tú ag déanamh.

59
00:03:11,790 --> 00:03:15,950
Agus tá na páistí fuarú úsáid. De réir sin, ciallóidh mé dom.

60
00:03:15,950 --> 00:03:19,270
I mo tionscadal deiridh na bliana seo caite, tá a news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
arb é an stáisiún raidió, chruthaigh mé an bhlag seo

62
00:03:22,530 --> 00:03:29,750
ina maireann na seónna go atá déanta againn agus na comhaid MP3 dóibh.

63
00:03:29,750 --> 00:03:32,070
Is féidir leat brabhsáil trí na seónna seo caite,

64
00:03:32,070 --> 00:03:34,130
agus tá sé déanta go léir ag baint úsáide as jQuery. Is féidir leat insint

65
00:03:34,130 --> 00:03:37,340
mar gheall ar seo go léir beochan, go bunúsach.

66
00:03:37,340 --> 00:03:42,360
Mar sin, má tá tú - má tá tú ag a chruthú post nua,

67
00:03:42,360 --> 00:03:45,980
fheiceann tú na slideDowns beag; go bhfuil déanta go léir ag baint úsáide as jQuery.

68
00:03:45,980 --> 00:03:49,140
Agus seo céimnithe - ionas gur de chineál ar stuif ar fad déanta ag baint úsáide as jQuery,

69
00:03:49,140 --> 00:03:52,720
agus ní gá duit a athlódáil i gcónaí ar an leathanach le nascleanúint a dhéanamh ar an láithreán.

70
00:03:52,720 --> 00:03:57,220
Is ea an rud fionnuar go bhfuil déanta ag baint úsáide as jQuery seo i láthair.

71
00:03:57,220 --> 00:03:59,700
Tá mé ag baint úsáide as an rud foinse oscailte ar a dtugtar scrolldeck,

72
00:03:59,700 --> 00:04:03,250
a scríobh duine éigin ar bharr jQuery.

73
00:04:03,250 --> 00:04:04,870
Má tá tú ag breathnú i ndáiríre ag an bhfoinse, is féidir leat a fheiceáil go

74
00:04:04,870 --> 00:04:07,830
tá siad ag baint úsáide as an comhartha Dollar; comharthaí dollar

75
00:04:07,830 --> 00:04:12,110
a úsáidtear i jQuery chun signify go bhfuil feidhm feidhm jQuery.

76
00:04:12,110 --> 00:04:15,020
Mar sin, tá siad a shainmhíniú wrapper ar bharr jQuery

77
00:04:15,020 --> 00:04:18,570
gur féidir leat a dhéanamh i láthair mar seo,

78
00:04:18,570 --> 00:04:21,200
agus is féidir leat a fheiceáil go anseo tá siad lena n-áirítear an comhad jQuery bunaidh,

79
00:04:21,200 --> 00:04:24,120
a bhfuil cad go mbainfidh tú a chur san áireamh más mian jQuery a úsáid

80
00:04:24,120 --> 00:04:30,450
i do láithreáin ghréasáin féin.

81
00:04:30,450 --> 00:04:32,790
>> Touching ar sin, conas a dhéanann tú é a shuiteáil?

82
00:04:32,790 --> 00:04:36,150
Is féidir leat dul díreach chuig jQuery.com agus a íoslódáil an comhad,

83
00:04:36,150 --> 00:04:38,320
é a chur le eolaire gréasáin agus áireofar í.

84
00:04:38,320 --> 00:04:42,200
Mar sin, ach ar bharr, i an chlib ceann de do chuid comhad HTML

85
00:04:42,200 --> 00:04:45,400
do phríomháit comhad HTML, ach tá an líne de chód

86
00:04:45,400 --> 00:04:49,490
leis an leagan ceart a leagan de jQuery bhfuil tú ag baint úsáide as.

87
00:04:49,490 --> 00:04:51,340
Is féidir leat é a íoslódáil ag dul go dtí jQuery.com,

88
00:04:51,340 --> 00:04:55,130
cliceáil "jQuery íoslódáil," agus atá tú a fuair sé. Sin é.

89
00:04:55,130 --> 00:04:58,880
Agus i ndáiríre, is féidir linn a ghlacadh le breathnú ar cad tá sé cosúil.

90
00:04:58,880 --> 00:05:01,080
Má chliceálann tú faoi íosluchtuithe anseo, tá jQuery seo.

91
00:05:01,080 --> 00:05:05,260
Tá sé díreach ceann mór comhad JavaScript a chuireann é an stuif draíochta ar do shon.

92
00:05:05,260 --> 00:05:09,270
Is é seo an leagan minified, nach bhfuil inléite ar chor ar bith.

93
00:05:09,270 --> 00:05:13,180
Is féidir leat breathnú freisin ar an leagan forbartha, atá inléite

94
00:05:13,180 --> 00:05:15,370
ach fós an-, an-fhada.

95
00:05:15,370 --> 00:05:17,980
Tá sé a lán de na rudaí i ann.

96
00:05:17,980 --> 00:05:20,240
Is féidir leat nasc freisin Google óstáil leagan de.

97
00:05:20,240 --> 00:05:23,820
Mar sin, beidh a cheadaíonn duit a bheith ag brath go díreach ar Google a chur ar fáil dó.

98
00:05:23,820 --> 00:05:29,310
Soláthraíonn siad gach aon leagan de é, atá ar fáil ag gach tráth.

99
00:05:29,310 --> 00:05:31,530
Mar sin, is féidir leat a bheith ag brath ar dócha Google a óstáil ar do shon.

100
00:05:31,530 --> 00:05:33,270
Nó is féidir leat nasc chuig leagan is déanaí jQuery féin.

101
00:05:33,270 --> 00:05:36,400
Tá siad URL go bhfuil suas chun dáta i gcónaí leis an leagan is déanaí.

102
00:05:36,400 --> 00:05:40,850
Tá sé jQuery-dhéanaí, agus níl fadhb amháin leis sin,

103
00:05:40,850 --> 00:05:44,350
is é sin más rud é an jQuery cothrom le dáta agus den fheidhmiúlacht roimhe

104
00:05:44,350 --> 00:05:47,250
Bhí a thiocfaidh siad retrograded nó i léig,

105
00:05:47,250 --> 00:05:49,620
Ní fhéadfaidh sé - d'fhéadfadh sé tús a níl aon fháil tacaíocht níos mó.

106
00:05:49,620 --> 00:05:52,940
Mar sin, má tá tú ag scríobh ar an suíomh gréasáin ag baint úsáide as leagan 1.8.2,

107
00:05:52,940 --> 00:05:55,000
ag an am leagan 2.7 thagann amach

108
00:05:55,000 --> 00:05:57,000
nach bhfuil roinnt de na feidhmeanna a scríobh tú ag obair níos mó.

109
00:05:57,000 --> 00:05:59,930
Mar sin, tá sé níos fearr a íoslódáil ach an comhad kB 32,

110
00:05:59,930 --> 00:06:04,100
é a chur ar do leathanach gréasáin, agus beidh sé ag obair go deo.

111
00:06:04,100 --> 00:06:07,450
>> Tá mé ag dul chun dul ar aghaidh agus tús a chur ag caint faoi an fheidhmiúlacht iarbhír de jQuery.

112
00:06:07,450 --> 00:06:13,090
Is é an chéad rud roghnóirí. Tá sé seo cad a bhí jQuery Ceapadh ar dtús a chur ar fáil.

113
00:06:13,090 --> 00:06:15,500
Agus is féidir leat cliceáil ar doiciméadú chun breathnú ar

114
00:06:15,500 --> 00:06:18,690
an doiciméadú mionsonraithe le haghaidh na roghnóirí mé ag dul a bheith ag clúdach.

115
00:06:18,690 --> 00:06:24,120
Is é an smaoineamh atá laistiar de roghnóirí gur féidir leat a roghnú heilimintí HTML ar leathanach.

116
00:06:24,120 --> 00:06:28,790
Tá Eilimintí ar leathanach IDs agus ranganna agus gnéithe aitheantais eile a thabhairt dóibh.

117
00:06:28,790 --> 00:06:30,500
Níl freisin - they're in orduithe éagsúla.

118
00:06:30,500 --> 00:06:32,570
Tá cuid de an t-am a bhíonn siad ag neadaithe taobh istigh a chéile.

119
00:06:32,570 --> 00:06:38,120
Ceadaíonn JQuery leat a thógáil ceisteanna simplí a aisghabháil eilimintí ón leathanach.

120
00:06:38,120 --> 00:06:41,890
Ansin, is féidir leat a ionramháil na gnéithe sin ag baint úsáide as feidhmeanna jQuery,

121
00:06:41,890 --> 00:06:43,990
a bhfuil an t-alt ionramháil beidh orainn a fháil go níos déanaí.

122
00:06:43,990 --> 00:06:46,040
Is féidir leat athrú ar an HTML, athrú ar an CSS,

123
00:06:46,040 --> 00:06:50,500
Is féidir leat a bheochan freisin agus cuir feidhmeanna a ghníomhachtú ar imeachtaí áirithe.

124
00:06:50,500 --> 00:06:52,710
Mar sin, mar shampla, má tá rud éigin chliceáil, ba mhaith leat rud éigin a tharlóidh,

125
00:06:52,710 --> 00:06:55,210
Is féidir leat a dhéanamh go úsáid a bhaint as jQuery chomh maith.

126
00:06:55,210 --> 00:06:57,380
Agus tá líon mór de na bealaí chun eilimintí roghnú.

127
00:06:57,380 --> 00:07:00,310
Chuid is mó acu riamh mé úsáid as, ach tá na cinn bunúsach,

128
00:07:00,310 --> 00:07:02,340
atá tábhachtach go leor.

129
00:07:02,340 --> 00:07:05,750
An roghnóir eilimint, mar shampla, má tá tú ag roghnú ach rud ar bith

130
00:07:05,750 --> 00:07:10,640
go bhfuil div - Tá mé i ndáiríre an cód seo ar oscailt le haghaidh cur i láthair sleamhnán.

131
00:07:10,640 --> 00:07:13,450
Mar sin, mar shampla, a anseo ar an chéad sleamhnán.

132
00:07:13,450 --> 00:07:17,430
Anseo ní mór dúinn a div. Má roghnaíonn againn i ndáiríre go léir an divs ar an leathanach,

133
00:07:17,430 --> 00:07:22,300
beidh sé a thabhairt ach dúinn le sraith de gach divs atá ann sa chomhad seo.

134
00:07:22,300 --> 00:07:27,040
An roghnóir haitheantas ligeann roghnaíonn tú rud ar bith le haitheantas ar leith.

135
00:07:27,040 --> 00:07:32,230
Mar sin, más rud é, mar shampla, tá an rud seo, an ID "cad,"

136
00:07:32,230 --> 00:07:37,160
agus má rinne muid seo le # cén áit éigin aitheantais,

137
00:07:37,160 --> 00:07:42,920
bheadh ​​sé ar ais go díreach le sraith go bhfuil eilimint amháin agus go bhfuil an ghné sin den leathanach.

138
00:07:42,920 --> 00:07:45,490
Is féidir linn a chur le chéile freisin ar roghnóirí an mbealach seo ag a bhfuil

139
00:07:45,490 --> 00:07:48,260
ach amháin a roghnú rudaí le IDs go bhfuil divs.

140
00:07:48,260 --> 00:07:51,810
Mar sin, yeah. Amháin a roghnú divs go bhfuil an ID.

141
00:07:51,810 --> 00:07:55,260
Chun aicme leat é a úsáid ach ponc, tá sé an rud céanna CSS.

142
00:07:55,260 --> 00:07:57,500
Oibríonn shliocht freisin; mar sin má tá tú roinnt rang

143
00:07:57,500 --> 00:08:00,170
agus tá sé gnéithe laistigh de sé neadaithe - mar sin, mar shampla,

144
00:08:00,170 --> 00:08:03,260
tá roinnt rang agus tá sé chlib ancaire nasc chuig leathanach eile,

145
00:08:03,260 --> 00:08:08,510
Is féidir leat seo a úsáid chomhréir a fháil ar an nasc.

146
00:08:08,510 --> 00:08:12,420
Is féidir leat a roghnú freisin rudaí éagsúla ag an am céanna; ach scaradh iad le camóga,

147
00:08:12,420 --> 00:08:17,360
úsáid a bhaint as aon roghnóir mhaith leat, agus beidh leat a roghnú ar fad iad ag an am céanna, i sraith amháin.

148
00:08:17,360 --> 00:08:19,650
Agus ansin níl freisin an ní roghnóir, ionas gur féidir leat a roghnú go léir divs

149
00:08:19,650 --> 00:08:24,210
nach bhfuil roinnt rang ar leith.

150
00:08:24,210 --> 00:08:28,790
Agus sin ach ar bhealach cuiditheach a fháil a thabhairt isteach chun conas a oibríonn an rogha seo.

151
00:08:28,790 --> 00:08:32,270
Feicfidh mé a thaispeáint roinnt samplaí nithiúla sa dara.

152
00:08:32,270 --> 00:08:35,480
>> Tá roghnóirí Casta - is iad seo ach roinnt samplaí.

153
00:08:35,480 --> 00:08:38,840
Tá mórán de na, ach más mian leat a roghnú go léir na clibeanna íomhá

154
00:08:38,840 --> 00:08:42,799
laistigh éigin, ansin leat a dhéanamh go díreach: íomhá.

155
00:08:42,799 --> 00:08:45,340
Más mian leat a roghnú na heilimintí fiú, mar shampla, má tá 20 díobh,

156
00:08:45,340 --> 00:08:48,290
ba mhaith leat a roghnú 0, 2, 4, 6 agus mar sin de,

157
00:08:48,290 --> 00:08:51,630
a dhéanann tú: fiú, nó is féidir leat a dhéanamh freisin: corr.

158
00:08:51,630 --> 00:08:55,470
Tá na roghnóirí pseudo, rud a chiallaíonn go bhfuil siad i ndáiríre a ríomh

159
00:08:55,470 --> 00:09:00,960
gach gné eile seachas díreach ag dul agus a roghnú ar fad iad.

160
00:09:00,960 --> 00:09:05,510
Is féidir leat freisin - is féidir le gach gné a bhfuil tréithe ar leith chomh maith.

161
00:09:05,510 --> 00:09:10,580
Mar sin, mar shampla, tá aicme = lárionad freisin an tréith.

162
00:09:10,580 --> 00:09:16,500
Chun an gclib seo ancaire, href, hipirtéacs tagartha, tá an tréith freisin.

163
00:09:16,500 --> 00:09:21,150
Mar sin, is féidir leat a roghnú rud éigin go naisc chuig leathanach ar leith nó díreach - tá sé i ndáiríre i gcoitinne.

164
00:09:21,150 --> 00:09:25,410
Is féidir leat a roghnú aon rud le haon tréith gur mhaith leat.

165
00:09:25,410 --> 00:09:27,470
Agus ansin, freisin, tá tréith.

166
00:09:27,470 --> 00:09:30,420
Má tá tú, mar shampla, ag iarraidh a roghnú go léir na heilimintí ionchur

167
00:09:30,420 --> 00:09:32,700
go bhfuil an focal "pas" mar ainm orthu,

168
00:09:32,700 --> 00:09:37,560
má tá leathanach bloc téacs ionchur

169
00:09:37,560 --> 00:09:41,050
sin ar a dtugtar "phasfhocal," Ba mhaith a bheith ar bhealach amháin d'fhéadfaí tú a roghnú go.

170
00:09:41,050 --> 00:09:43,020
Agus tá go leor níos mó. Is féidir leat dul ar aghaidh agus féachaint ar an doiciméadú

171
00:09:43,020 --> 00:09:46,950
agus féach samplaí ar leith ar conas a oibríonn sé.

172
00:09:46,950 --> 00:09:48,840
>> Is é an chéad rud eile DOM ionramháil.

173
00:09:48,840 --> 00:09:52,500
Tar éis a roghnaigh muid eilimintí, beidh muid ag iarraidh a dhéanamh i ndáiríre stuif leo.

174
00:09:52,500 --> 00:09:55,500
Go dtí seo ní mór dúinn a d'fhéach sé ar go chor ar bith, ach má fhéachann tú ar an doiciméadú,

175
00:09:55,500 --> 00:09:57,950
níl i ndáiríre a lán gur féidir linn a dhéanamh.

176
00:09:57,950 --> 00:10:02,900
Ag an bpointe seo, táimid ag dul chun eilimintí ar an láthair a roghnú

177
00:10:02,900 --> 00:10:04,890
agus a ionramháil iad a úsáid jQuery.

178
00:10:04,890 --> 00:10:08,290
Toisc go bhfuil sé seo i bhfeidhm ag baint úsáide as jQuery, ní mór dúinn rochtain ar an leabharlann jQuery,

179
00:10:08,290 --> 00:10:13,580
agus is féidir linn úsáid a bhaint as na feidhmeanna sin faoi réim chód seo.

180
00:10:13,580 --> 00:10:16,200
Rud amháin atá úsáideach gur féidir nach bhfuil a fhios agat mar gheall ar an consól.

181
00:10:16,200 --> 00:10:19,340
Agus is é Google Chrome a bhfuil mé ag baint úsáide as. Is féidir leat brúigh Alt ordú J

182
00:10:19,340 --> 00:10:21,720
nó alt rialaithe J a oscailt an consól.

183
00:10:21,720 --> 00:10:26,130
I Firefox Sílim go bhfuil sé ordú athrú K nó rialú athrú K.

184
00:10:26,130 --> 00:10:28,880
I Safari bhfuil tú ag dul a athrú roinnt suímh.

185
00:10:28,880 --> 00:10:35,460
Níl nasc más mian leat é a dhéanamh, ach molaim ag fáil Chrome nó Firefox.

186
00:10:35,460 --> 00:10:37,750
Mar sin, a ligean ar a oscailt suas ar an consól, tá sé síos anseo.

187
00:10:37,750 --> 00:10:41,170
Ceadaíonn sé duit go bunúsach a dhéanamh ach aon rud is mian leat.

188
00:10:41,170 --> 00:10:45,100
Mar sin, is féidir leat cineál díreach i athróg dtugtar x chruthú,

189
00:10:45,100 --> 00:10:49,200
x = 5, a ligean ar a fheiceáil cad x + 2.

190
00:10:49,200 --> 00:10:57,670
Is féidir leat a dhéanamh fiú rud éigin cosúil CS + ligean ar a fheiceáil, x + 45, a bheidh CS50.

191
00:10:57,670 --> 00:11:00,530
Is féidir leat a dhéanamh ach roinnt rudaí JavaScript tipiciúil.

192
00:11:00,530 --> 00:11:02,730
Ach is féidir leat a dhéanamh freisin jQuery i anseo.

193
00:11:02,730 --> 00:11:06,200
>> Mar sin, a ligean ar breathnú ar an chéad ghné seo anseo.

194
00:11:06,200 --> 00:11:09,500
Táimid ag dul a chruthú ar a dtugtar athróg HTML, a bhfuil teaghrán.

195
00:11:09,500 --> 00:11:15,890
Tá sé chlib mhír ann, go bhfuil ar a dtugtar roinnt téacs nua.

196
00:11:15,890 --> 00:11:19,420
Mar sin, ní mór dúinn an HTML, tá sé roinnt téacs nua, i mír clibeanna.

197
00:11:19,420 --> 00:11:21,800
Anois, ba mhaith linn i ndáiríre chun é a chur ar an leathanach.

198
00:11:21,800 --> 00:11:28,310
Mé a leagtar sé suas ionas go bhfuil an HTML in ionad mhír seo, teideal seo anseo, iarcheangail ID.

199
00:11:28,310 --> 00:11:32,320
Má roghnaigh muid iarcheangail ID agus ansin i gceangal leis

200
00:11:32,320 --> 00:11:34,560
an athróg HTML chruthaigh mé díreach tar éis,

201
00:11:34,560 --> 00:11:40,370
Beidh sé a chur go HTML ag an deireadh, ar dheis tar éis an gclib seo mír.

202
00:11:40,370 --> 00:11:43,730
Mar sin má dhéanann muid go - táimid roghnaithe mhír seo,

203
00:11:43,730 --> 00:11:47,590
agus tá muid ar a dtugtar an fheidhm fhoscríbhinn leis an athróg HTML Chuir mé díreach tar,

204
00:11:47,590 --> 00:11:50,960
Beidh sé a chur go téacs nua ceart ann ar an leathanach.

205
00:11:50,960 --> 00:11:54,970
Is féidir linn a réamhcheangal freisin, rud a chiallaíonn go mbeidh sé dul os comhair, ag tús an ghné.

206
00:11:54,970 --> 00:11:58,290
Mar sin, tá roinnt téacs nua ag an tús agus ina dhiaidh.

207
00:11:58,290 --> 00:12:01,660
Is féidir liom dul ar aghaidh agus athnuachan chun fáil réidh stuif seo mé a rinneadh díreach.

208
00:12:01,660 --> 00:12:05,280
Ach tá go bhfuil sampla de conas is féidir leat úsáid a bhaint as an cuir i gceangal agus modhanna

209
00:12:05,280 --> 00:12:08,910
stuif ar an leathanach a ionramháil, cuir roinnt HTML.

210
00:12:08,910 --> 00:12:11,080
>> Is féidir leat freisin ranganna.

211
00:12:11,080 --> 00:12:14,970
Ar ais i stíl an comhad seo, chruthaigh mé seo don rang bua

212
00:12:14,970 --> 00:12:19,990
go bhfuil dearg téacs dath, roinnt dath cúlra, agus scáth téacs.

213
00:12:19,990 --> 00:12:23,810
Breathnaíonn sé hideous, ach is féidir liom i ndáiríre -

214
00:12:23,810 --> 00:12:26,410
Freagraíonn mír seo haitheantas ranga.

215
00:12:26,410 --> 00:12:29,860
Mar sin, is féidir liom a chur ar an rang le haghaidh an bua.

216
00:12:29,860 --> 00:12:31,870
Is féidir liom seo a rith sa consól,

217
00:12:31,870 --> 00:12:35,480
agus a chur go rang, agus anois tá sé hideous, mar atá ag súil leis.

218
00:12:35,480 --> 00:12:39,680
An CSS go huathoibríoch faigheann i bhfeidhm ar na ranganna go bhfuil tú -

219
00:12:39,680 --> 00:12:42,680
má tá CSS do rang, faigheann sé go huathoibríoch i bhfeidhm

220
00:12:42,680 --> 00:12:44,680
má athraíonn tú an rang de dhúil.

221
00:12:44,680 --> 00:12:49,230
Ansin is féidir linn a bhaint ach é ag baint úsáide as rang bain.

222
00:12:49,230 --> 00:12:53,690
Mar sin, má tá tú roinnt ranganna réamhshainithe cosúil le dearg nó aibhsithe,

223
00:12:53,690 --> 00:12:55,990
agus ansin ba mhaith leat a dhéanamh na heilimintí go,

224
00:12:55,990 --> 00:12:58,230
ní gá duit a dhéanamh go léir an CSS styling gach uair.

225
00:12:58,230 --> 00:13:01,510
Is féidir leat a chur go díreach ar an rang gné, agus ansin beidh sé a bheith go huathoibríoch -

226
00:13:01,510 --> 00:13:05,580
beidh sé cuma go huathoibríoch oiriúnach don rang.

227
00:13:05,580 --> 00:13:07,900
Is féidir linn a bhaint freisin rudaí; mar sin tá mé ag dul a roghnú go léir na divs

228
00:13:07,900 --> 00:13:10,830
ar an leathanach agus iad a bhaint.

229
00:13:10,830 --> 00:13:13,990
Cad é go bhfuil dul chun breathnú cosúil?

230
00:13:13,990 --> 00:13:16,170
Tá sé ag dul chun breathnú cosúil le rud ar bith, mar sin níl i ndáiríre rud ar bith fágtha.

231
00:13:16,170 --> 00:13:18,170
Is é mo chur i láthair imithe.

232
00:13:18,170 --> 00:13:21,290
Is féidir liom a athnuachan agus é a thabhairt ar ais, fortunately,

233
00:13:21,290 --> 00:13:24,420
toisc go bhfuil sé ag rith ach aon uair amháin,

234
00:13:24,420 --> 00:13:29,460
ach is é sin sampla de a bhaint, más mian leat a mhilleadh go hiomlán gné as an leathanach.

235
00:13:29,460 --> 00:13:33,180
>> Is féidir leat scríobh freisin, agus mé ag dul a roghnú go léir na clibeanna mhír ar an leathanach

236
00:13:33,180 --> 00:13:36,850
agus dul taobh istigh leo agus in ionad cibé téacs a bhfuil siad iontu

237
00:13:36,850 --> 00:13:39,690
a bhfuil ach an focal "tástála."

238
00:13:39,690 --> 00:13:46,520
Má dhéanann tú seo, beidh tú in ionad gach mír ar an leathanach seo le tástáil.

239
00:13:46,520 --> 00:13:49,150
Yep. Tá siad go léir in ionad le tástáil.

240
00:13:49,150 --> 00:13:53,270
Mar sin tá go bhfuil sampla de rochtain a fháil ar an téacs agus overwriting sé.

241
00:13:53,270 --> 00:13:57,490
Is féidir leat a aisghabháil chomh maith eolas, agus tá sé seo i ndáiríre cool do bhoscaí ionchur.

242
00:13:57,490 --> 00:14:00,470
Má tá tú bosca ionchur go bhfuil daoine a chlóscríobh stuif isteach,

243
00:14:00,470 --> 00:14:03,880
daoine ag clóscríobh stuif isteach é,

244
00:14:03,880 --> 00:14:09,030
anseo againn a roghnú an t-ionchur, aon chlib ionchur le cineál téacs.

245
00:14:09,030 --> 00:14:13,800
Sa chás seo, níl ach amháin bosca ionchur i láthair iomlán,

246
00:14:13,800 --> 00:14:17,260
mar sin beidh orainn a roghnú ach an chéad cheann, agus ansin dúinn glaoch ar an fheidhm val ar sé.

247
00:14:17,260 --> 00:14:19,570
Go bhfilleann an luach, agus le haghaidh bosca ionchur,

248
00:14:19,570 --> 00:14:24,330
Is é an luach ach is cuma cad a tharlaíonn a bheith taobh istigh air.

249
00:14:24,330 --> 00:14:31,880
Mar sin má dhéanann muid seo, tuairisceáin sé ach an stuif teaghrán.

250
00:14:31,880 --> 00:14:36,860
Agus má tugaimid sé arís tar éis scríobh stuif níos mó, casadh sé isteach níos mó stuif.

251
00:14:36,860 --> 00:14:40,760
Sin bealach amháin iontach chun rochtain a fháil ar ghnéithe de bosca ionchur, agus ansin a sheiceáil,

252
00:14:40,760 --> 00:14:45,060
tá sé seo le seoladh ríomhphoist bailí é, an dáta bailí, mar shampla.

253
00:14:45,060 --> 00:14:49,600
Is féidir leat a fháil ach stuif láithreach mar go bhfuil daoine ag clóscríobh sé,

254
00:14:49,600 --> 00:14:54,830
agus ansin a sheiceáil cibé an bhfuil sé bailí, é a sheoladh ar ais chuig freastalaí, aon rud is mian leat leis é a dhéanamh.

255
00:14:54,830 --> 00:14:57,720
Agus cé tú rochtain cad atá taobh istigh na boscaí.

256
00:14:57,720 --> 00:15:00,090
>> Is féidir leat a mhodhnú freisin CSS go díreach, mar sin in ionad a chur leis

257
00:15:00,090 --> 00:15:02,510
rang go bhfuil roinnt airíonna réamhshainithe,

258
00:15:02,510 --> 00:15:08,120
Is féidir leat a chur díreach cibé CSS mian leat a rud ar bith.

259
00:15:08,120 --> 00:15:10,350
Mar sin, a ligean ar chorp a roghnú, a bhfuil an cur i láthair ar fad,

260
00:15:10,350 --> 00:15:14,370
agus dath atá ar an maoin a shainmhíníonn cad é an dathanna go bhfuil an téacs.

261
00:15:14,370 --> 00:15:19,420
Má táimid é a athrú go dearg, beidh an téacs ar fad ar an leathanach a sheal dearg.

262
00:15:19,420 --> 00:15:26,310
Is féidir linn a dhéanamh rud éigin cosúil le gorm dath cúlra,

263
00:15:26,310 --> 00:15:30,680
tá muid ag dul; tá sé go hálainn.

264
00:15:30,680 --> 00:15:33,840
Is féidir leat aon rud is mian leat le seo.

265
00:15:33,840 --> 00:15:39,250
Ag baint úsáide as an mhaoin CSS, is féidir leat a mhodhnú i ndáiríre conas tá rud ar bith ag am ar bith.

266
00:15:39,250 --> 00:15:41,630
Is é an chéad rud eile éifeachtaí.

267
00:15:41,630 --> 00:15:45,710
Tá Éifeachtaí bunúsach an rud céanna a mhodhnú CSS,

268
00:15:45,710 --> 00:15:48,870
ach tá siad ar fáil i ndáiríre roinnt beochan breise dó.

269
00:15:48,870 --> 00:15:53,380
Mar sin, seachas díreach ag taispeáint nó i bhfolach rud éigin nó a athrú ar an dath,

270
00:15:53,380 --> 00:15:56,130
is féidir leat a dhéanamh i ndáiríre beoite é.

271
00:15:56,130 --> 00:16:00,760
Seo an doiciméadú, más mian leat a chur le breathnú ar an doiciméadú forleathan chun é.

272
00:16:00,760 --> 00:16:04,760
Ach tá mé ag dul a chlúdach na cinn is mó.

273
00:16:04,760 --> 00:16:12,030
Tá an seó agus airíonna bhfolach.

274
00:16:12,030 --> 00:16:14,510
Taispeáin / folaigh haitheantas fhreagraíonn iarbhír leis an bosca ar fad,

275
00:16:14,510 --> 00:16:18,190
mar sin má tá mé i bhfolach sé, beidh sé imíonn siad díreach.

276
00:16:18,190 --> 00:16:24,210
Agus is féidir liom é a thaispeáint arís más mian liom chun é a dhéanamh teacht ar ais.

277
00:16:24,210 --> 00:16:26,340
Agus tá sé ar ais. Ní raibh sé imíonn siad i ndáiríre,

278
00:16:26,340 --> 00:16:30,670
Ní raibh mé a bhaint go hiarbhír sé as an leathanach, leag mé díreach tar éis an mhaoin CSS infheictheachta a bhfolach

279
00:16:30,670 --> 00:16:34,030
mar sin ní féidir leat é a fheiceáil níos mó.

280
00:16:34,030 --> 00:16:39,250
Níl tá sleamhnán freisin suas agus sleamhnán síos; gur féidir leat a bheith an éifeacht seo.

281
00:16:39,250 --> 00:16:47,050
Sleamhnáin sé suas a imíonn siad, agus tar éis imíonn sé

282
00:16:47,050 --> 00:16:53,210
is féidir leat sleamhnán sé síos chun é a dhéanamh teacht ar ais. Agus anois tá sé ar ais.

283
00:16:53,210 --> 00:16:57,650
Tá an éifeacht céimnithe, ina bhfuil freisin - Freagraíonn haitheantas céimnithe chun an bosca seo.

284
00:16:57,650 --> 00:17:01,200
Má mé céimnithe amach, ansin beidh sé imíonn siad go mall.

285
00:17:01,200 --> 00:17:04,490
Is féidir liom a céimnithe freisin sé i, agus beidh sé teacht ar ais.

286
00:17:04,490 --> 00:17:08,930
Is féidir leat a dhéanamh freisin céimnithe a, a bhaineann go sonrach leis an fheidhm céimnithe.

287
00:17:08,930 --> 00:17:12,589
Is féidir leat é a céimnithe ar aon teimhneacht sonrach gur mian leat.

288
00:17:12,589 --> 00:17:16,869
Mar sin, má tá tú céimnithe go mall go 0.5, beidh sé a bheith leath infheicthe.

289
00:17:16,869 --> 00:17:22,630
Is féidir liom é a dhéanamh dul go dtí 0.1, agus ar ais go dtí 1 a dhéanamh infheicthe go hiomlán arís.

290
00:17:22,630 --> 00:17:24,760
Sin díreach beochan eile gur féidir leat a dhéanamh.

291
00:17:24,760 --> 00:17:26,750
>> Tá na héifeachtaí scoránaigh.

292
00:17:26,750 --> 00:17:33,410
Mar sin, tá mé ag dul a roghnú an ID scoránaigh, a fhreagraíonn do bhosca seo,

293
00:17:33,410 --> 00:17:38,970
agus ar an div féidir leat glaoch scoránaigh; má tá sé le feiceáil bheidh sé a bheith dofheicthe,

294
00:17:38,970 --> 00:17:42,320
má tá sé dofheicthe bheidh sé a bheith le feiceáil arís.

295
00:17:42,320 --> 00:17:44,440
Mar sin, d'iarr mé díreach tar éis an fheidhm scoránaigh faoi dhó, an chéad cheann a bhí

296
00:17:44,440 --> 00:17:48,380
an rud céanna mar hide, bhí an dara glao ar an rud céanna mar seó.

297
00:17:48,380 --> 00:17:53,510
Agus is féidir leat a dhéanamh freisin seo le scorán céimnithe,

298
00:17:53,510 --> 00:17:55,730
a dhéanann an rud céanna, ach amháin fades sé i ndáiríre.

299
00:17:55,730 --> 00:17:59,410
Agus rud céanna leis an sleamhnán scoránaigh.

300
00:17:59,410 --> 00:18:01,460
Tá fo-chained chomh maith, rud a chiallaíonn

301
00:18:01,460 --> 00:18:05,520
má roghnaíonn tú gné agus ach glaoch a bunch de mhodhanna beochan ar sé,

302
00:18:05,520 --> 00:18:07,400
má bhí tú é a céimnithe amach, sleamhnán ansin síos,

303
00:18:07,400 --> 00:18:11,040
agus ansin a cheilt agus ansin céimnithe i, beidh sé a dhéanamh dóibh i ndiaidh a chéile.

304
00:18:11,040 --> 00:18:24,920
Mar sin imithe, tháinig sé ar ais - ar chúis éigin, ní raibh an craiceann a tharlóidh.

305
00:18:24,920 --> 00:18:30,030
A ligean ar triail a bhaint amach. Yeah, mar sin faded sé amach agus ansin slid sé ar shiúl.

306
00:18:30,030 --> 00:18:32,230
Agus tá neart níos mó. Is féidir leat úsáid a bhaint as an fheidhm beo

307
00:18:32,230 --> 00:18:35,370
a chruthú do beochan féin, is é atá casta go leor,

308
00:18:35,370 --> 00:18:38,790
ach cuireann sé tú le extensibility gan teorainn.

309
00:18:38,790 --> 00:18:40,630
Is féidir leat a dhéanamh ar aon chineál de beochan is mian leat.

310
00:18:40,630 --> 00:18:44,230
Is féidir leat úsáid a bhaint freisin scuaine chun scuaine suas beochan il ag an am.

311
00:18:44,230 --> 00:18:47,340
Mar sin, más mian leat rud éigin a eitilt ar fud an leathanach,

312
00:18:47,340 --> 00:18:49,860
sleamhnán as an ceart barr an taobh clé bun, is féidir leat é sin a dhéanamh,

313
00:18:49,860 --> 00:18:55,240
agus tá ach a bunch de ghníomhaíochtaí a théann i ndiaidh a chéile.

314
00:18:55,240 --> 00:18:57,490
>> Is é an chéad rud eile táimid ag dul chun labhairt faoi imeachtaí.

315
00:18:57,490 --> 00:19:02,090
Imeachtaí deis a thabhairt duit - go dtí seo, tá muid díreach tar éis rudaí a chlóscríobh isteach ar an consól

316
00:19:02,090 --> 00:19:04,870
agus go bhfuil bealach amháin chun go dtarlóidh sé,

317
00:19:04,870 --> 00:19:08,020
ach ar an leathanach iarbhír, ní bhíonn tú ag dul a bheith in ann

318
00:19:08,020 --> 00:19:10,020
a dhéanamh ar na rudaí a chineál-úsáideoir isteach an consól.

319
00:19:10,020 --> 00:19:12,050
Ba mhaith leat rudaí a tharlóidh go huathoibríoch.

320
00:19:12,050 --> 00:19:18,060
Ar an ábhar sin, is gá duit a imeachtaí a ghníomhachtú ar roinnt ócáid ​​tarlú áirithe a úsáid.

321
00:19:18,060 --> 00:19:21,340
Is féidir leat seiceáil an doiciméadú le haghaidh na sonraí iomlána.

322
00:19:21,340 --> 00:19:24,030
Mar sin, a ligean ar a fheiceáil. Ba mhaith linn a cheilt nó a thaispeáint ar an bosca,

323
00:19:24,030 --> 00:19:29,340
ach anois ní dhéanann an gcnaipe seo aon rud a dhéanamh toisc nach raibh mé i bhfeidhm go fóill.

324
00:19:29,340 --> 00:19:35,420
Tá mé ag dul chun dul go dtí an leathanach HTML iarbhír.

325
00:19:35,420 --> 00:19:38,560
Seo an sleamhnán. Níl div don sleamhnán.

326
00:19:38,560 --> 00:19:41,230
Tá sé an aicme sleamhnán.

327
00:19:41,230 --> 00:19:46,890
Níl an téacs. Anois, níl an bosca agus an cnaipe bhosca.

328
00:19:46,890 --> 00:19:52,900
Conas a ba mhaith linn a dhéanamh i ndáiríre seo a imíonn siad?

329
00:19:52,900 --> 00:19:58,250
Gcéad dul síos, a ligean ar scríobh fheidhm a dhéanann an ID bosca imíonn siad.

330
00:19:58,250 --> 00:20:01,820
Is é seo an chomhréir le haghaidh funtion, a ligean ach a ghlaoch air hideTheBox.

331
00:20:01,820 --> 00:20:06,130
Ní chuireann sé a ghlacadh d'aon argóintí, toisc nach bhfuil aon argóintí a bheidh le glacadh.

332
00:20:06,130 --> 00:20:08,950
Is féidir linn a roghnú an ID bhosca.

333
00:20:08,950 --> 00:20:15,020
Mar sin, ag baint úsáide as an jQuery roghnú, is féidir linn a roghnú haitheantas bosca,

334
00:20:15,020 --> 00:20:17,700
agus ansin a dhéanamh ach é a imíonn siad.

335
00:20:17,700 --> 00:20:20,690
A ligean ar é a dhéanamh céimnithe amach.

336
00:20:20,690 --> 00:20:27,390
Má bhí ar siúl againn an fheidhm seo sa consól iarbhír,

337
00:20:27,390 --> 00:20:33,380
d'fhéadfadh muid a shainmhíniú fheidhm seo; is féidir linn glaoch hideTheBox, agus oibríonn sé.

338
00:20:33,380 --> 00:20:36,650
Ach ba mhaith linn é a tharlóidh nuair a bhíonn an cnaipe brúite i ndáiríre.

339
00:20:36,650 --> 00:20:40,950
Chun é sin a dhéanamh, ní mór dúinn úsáid a bhaint as ócáid.

340
00:20:40,950 --> 00:20:45,500
Chun imeacht ceangal le roinnt cnaipe ar leith nó éigin ag tarlú gníomh,

341
00:20:45,500 --> 00:20:50,040
ní mór dúinn a roghnú an ghné go mbeidh an ócáid ​​tús -

342
00:20:50,040 --> 00:20:52,650
nó a chuireann faoi deara an ócáid, tá brón orainn.

343
00:20:52,650 --> 00:20:57,220
>> Mar sin, ar an gcéad dul, a ligean ar roghnaigh an bosca cnaipe ID

344
00:20:57,220 --> 00:20:59,610
toisc go bhfuil an cnaipe, agus anois, chun go cnaipe,

345
00:20:59,610 --> 00:21:02,750
ba mhaith linn a chruthú beochan nuair atá sé chliceáil.

346
00:21:02,750 --> 00:21:05,040
Mar sin, níl an fheidhm cliceáil.

347
00:21:05,040 --> 00:21:08,470
Ceadaíonn sé duit chun ceangal fheidhm eile dó.

348
00:21:08,470 --> 00:21:12,320
Tógann an fheidhm fheidhm eile mar argóint

349
00:21:12,320 --> 00:21:14,310
is féidir linn a pas a fháil san fheidhm hideTheBox,

350
00:21:14,310 --> 00:21:20,950
agus pé uair a déanfar an cnaipe chliceáil, beidh an fheidhm sin a fhorghníomhú go huathoibríoch.

351
00:21:20,950 --> 00:21:24,850
Mar sin, beidh an obair seo má táimid shábháil seo, beidh mé a athnuachan,

352
00:21:24,850 --> 00:21:33,460
agus - dara ceann, Tá brón orm.

353
00:21:33,460 --> 00:21:44,770
Lig dom a shocrú seo i ndáiríre go tapa.

354
00:21:44,770 --> 00:21:50,680
Maith go leor. Tá a théann muid. Mar sin, anois go bhfuil an bosca imeacht nuair a againn cliceáil ar an gcnaipe.

355
00:21:50,680 --> 00:21:55,470
Is féidir linn a athrú freisin seo a fadeToggle díreach,

356
00:21:55,470 --> 00:22:00,020
é a athrú ach a cheilt nó a thaispeáint ar an bosca,

357
00:22:00,020 --> 00:22:03,850
agus beidh an obair seo freisin ró-, má táimid athnuachan.

358
00:22:03,850 --> 00:22:08,550
Is féidir linn a cheilt é, is féidir linn a thaispeáint freisin é, agus a leanfaidh ar aghaidh ag obair.

359
00:22:08,550 --> 00:22:12,210
Tá rud eile is féidir linn a dhéanamh, nach bhfuil againn i ndáiríre chun an fheidhm hideTheBox shainiú

360
00:22:12,210 --> 00:22:15,050
sula dtugaimid an fheidhm cliceáil.

361
00:22:15,050 --> 00:22:17,640
Mar sin, in ionad sainmhíniú a fheidhm agus ag glaoch hideTheBox,

362
00:22:17,640 --> 00:22:20,310
táimid ag dul ach a ghlaoch air má tá an rud chliceáil.

363
00:22:20,310 --> 00:22:22,310
Mar sin, is féidir linn a shainiú gan ainm é i anseo,

364
00:22:22,310 --> 00:22:25,070
atá ina ghné go bhfuil JavaScript.

365
00:22:25,070 --> 00:22:29,720
Is féidir leat a shainiú mar fheidhm; de ghnáth, ba mhaith linn a rá hideTheBox fheidhm

366
00:22:29,720 --> 00:22:34,490
le hargóintí, ach ina ionad sin, is féidir linn a rá ach feidhmiú aon argóintí,

367
00:22:34,490 --> 00:22:36,870
tús a chur leis an brace curly a shainmhíniú ar an fheidhm,

368
00:22:36,870 --> 00:22:40,780
dhúnadh go guailleán chatach, agus ansin a shainiú ach an fheidhm i anseo,

369
00:22:40,780 --> 00:22:45,130
laistigh de na chéad lúibíní agus an lúibíní deireanach

370
00:22:45,130 --> 00:22:47,860
a fhreagraíonn do na hargóintí ar an fheidhm cliceáil.

371
00:22:47,860 --> 00:22:53,320
Mar sin, tá muid ag dul i fheidhm seo, is féidir linn cóip an líne seo de chód dheis anseo,

372
00:22:53,320 --> 00:22:55,450
agus beidh a dhéanamh ar an rud ceannann céanna.

373
00:22:55,450 --> 00:22:57,290
Agus anois nach bhfuil againn an fheidhm fadeTheBox randamach

374
00:22:57,290 --> 00:22:59,960
go bhfuil ina suí thart ar feadh aon chúis le feiceáil.

375
00:22:59,960 --> 00:23:02,070
An fheidhm a bhí sainithe gan ainm, nach bhfuil a ainm.

376
00:23:02,070 --> 00:23:08,060
Beidh sé a fhorghníomhú ach amháin nuair a cliceáil ar an gcnaipe bhosca.

377
00:23:08,060 --> 00:23:12,180
Mar sin refreshing uair amháin níos mó, ceann amháin níos mó ama, agus is féidir leat a fheiceáil go n-oibríonn sé fós.

378
00:23:12,180 --> 00:23:16,700
Agus sin conas a chruthú duit imeachtaí.

379
00:23:16,700 --> 00:23:19,190
>> Tá a lán de na himeachtaí éagsúla gur féidir linn a úsáid.

380
00:23:19,190 --> 00:23:23,540
Tá mé ag dul chun dul ar ais chun úsáid a bhaint as an consól a thaispeáint ach tú conas na hoibre.

381
00:23:23,540 --> 00:23:28,210
An IDs do gach ceann de na fhreagraíonn do gach bosca.

382
00:23:28,210 --> 00:23:33,020
Mar sin, tá an bosca seo cliceáil haitheantas é an ceann seo eochair ID, agus tá sé seo ar cheann ID luch.

383
00:23:33,020 --> 00:23:36,120
Rud amháin níos mó go níl an fheidhm gníomhaíochta; seachas clóscríobh sé amach gach uair,

384
00:23:36,120 --> 00:23:41,610
Chuaigh mé i ndáiríre amach romhainn agus mar a shainmhínítear an fheidhm gníomh síos anseo.

385
00:23:41,610 --> 00:23:46,860
Déanann sé an rud céanna leis an fheidhm hideTheBox.

386
00:23:46,860 --> 00:23:51,340
Faigheann sé sa bhosca seo agus ceachtar fades sé amach nó fades sé isteach

387
00:23:51,340 --> 00:23:54,110
Agus sin an fáth go bhfuil muid in ann é a úsáid anseo.

388
00:23:54,110 --> 00:24:00,350
Mar sin, má táimid cliceáil ar cliceáil an ID, ba mhaith linn a dhéanamh ar an bhosca imíonn siad nó a reappear.

389
00:24:00,350 --> 00:24:03,610
Tá sé an rud céanna leis an cnaipe a bhí againn ar an sleamhnán seo caite.

390
00:24:03,610 --> 00:24:07,450
Anois, tar éis glaoch againn go bhfuil, is féidir linn a cliceáil ar an agus beidh an bosca imíonn siad,

391
00:24:07,450 --> 00:24:10,160
ansin cliceáil ar sé arís agus beidh an bosca reappear.

392
00:24:10,160 --> 00:24:12,480
Sin simplí go leor. Cliceáil dúbailte a dhéanann an rud céanna,

393
00:24:12,480 --> 00:24:15,660
ach amháin éilíonn sé cliceáil dúbailte.

394
00:24:15,660 --> 00:24:19,030
Mar sin, má tá tú cliceáil ar sé uair amháin agus cliceáil ar sé arís ní tharlóidh,

395
00:24:19,030 --> 00:24:21,140
ach má dhéanann tú cliceáil dúbailte tapa, beidh sé imíonn siad.

396
00:24:21,140 --> 00:24:23,310
Má chliceálann tú dúbailte arís, beidh sé teacht ar ais.

397
00:24:23,310 --> 00:24:25,250
Mar sin, tá go leor simplí.

398
00:24:25,250 --> 00:24:31,170
Tá ionchur Méarchláir cineál aisteach; Ní dóigh liom go n-oibríonn sé i ndáiríre sa sampla seo

399
00:24:31,170 --> 00:24:37,670
mar gheall ar an eochair síos, eochair suas agus preas eochair agus gníomhaíochtaí tábhachtacha eile

400
00:24:37,670 --> 00:24:47,190
ghníomhachtú cuma cén eilimint ceangal tú é a.

401
00:24:47,190 --> 00:24:51,410
Mar shampla, fiú má cheangal mé eochair síos go dtí comhlacht nó rud éigin eile go hiomlán,

402
00:24:51,410 --> 00:24:55,950
ansin bheadh ​​sé a ghníomhachtú fós cuma - tá sé ní ar leith.

403
00:24:55,950 --> 00:25:00,190
Ní dóigh liom go bhfuil a bheith chliceáil ar an agus brúigh an eochair a dhéanamh ar rud ar bith imíonn siad.

404
00:25:00,190 --> 00:25:04,470
Bheadh ​​sé a chur i ngníomh beag beann ar cad eilimint Tá mé faoi láthair isteach

405
00:25:04,470 --> 00:25:06,880
Mar sin, nach bhfuil na obair iarbhír sa sampla seo

406
00:25:06,880 --> 00:25:13,180
toisc nach bhfuil sé aitheantas a thabhairt dom mar ionchur ag dul isteach ar an div ionchur méarchlár.

407
00:25:13,180 --> 00:25:15,740
>> Ach má fhéachann tú ar na gníomhartha luch,

408
00:25:15,740 --> 00:25:19,620
Is é an chéad cheann hover, agus is féidir é a dhéanamh ar roinnt de seo ag baint úsáide as CSS.

409
00:25:19,620 --> 00:25:24,280
Má úsáideann tú CSS, is féidir leat a chruthú sé sin go má hover tú os cionn rud éigin,

410
00:25:24,280 --> 00:25:28,940
ansin a chuid athruithe stíl.

411
00:25:28,940 --> 00:25:32,170
Ach ag baint úsáide as jQuery is féidir leat athrú ar an stíleanna de rudaí eile chomh maith.

412
00:25:32,170 --> 00:25:37,120
Mar sin, mar shampla, táimid ag dul gníomh a ghlaoch má hover os cionn an div.

413
00:25:37,120 --> 00:25:39,660
Ciallaíonn sé sin má hover againn níos mó ná é, ansin beidh an bosca imíonn siad.

414
00:25:39,660 --> 00:25:42,430
Má sinn ag dul ar shiúl ó sé, a bheidh an bosca reappear.

415
00:25:42,430 --> 00:25:45,090
Má tugaimid seo agus hover níos mó ná é, a dhéanann an bosca imíonn siad,

416
00:25:45,090 --> 00:25:47,050
agus chomh luath agus sinn ag dul ar shiúl, a thagann sé ar ais.

417
00:25:47,050 --> 00:25:49,750
Má tugaimid an fheidhm seo hover ar an ID luch,

418
00:25:49,750 --> 00:25:54,380
a fhreagraíonn do bhosca seo, ansin má táimid hover thar an bosca,

419
00:25:54,380 --> 00:26:00,440
ansin beidh an bosca imíonn siad i ndáiríre - tá é a bheith funky ceart anois, ach -

420
00:26:00,440 --> 00:26:06,310
má bhogann muid ar shiúl ó sé, beidh sé reappear. Ceart anois tá sé ar gcúl ar chúis éigin.

421
00:26:06,310 --> 00:26:12,720
An luch dul isteach agus iad feidhmeanna bogadh luch beagán den chineál céanna, ach beagán difriúil.

422
00:26:12,720 --> 00:26:16,470
Luch dul isteach ach amháin CCF nuair a thiocfaidh an luch an bosca, mar atá ag súil leis.

423
00:26:16,470 --> 00:26:19,210
Mar sin, má bhogann tú isteach é, beidh sé imíonn siad.

424
00:26:19,210 --> 00:26:23,210
Ach ní bheidh sé reappear nuair a bhogann tú ar shiúl; go mbainfidh tú a bogadh ar ais isteach é chun é a teacht ar ais.

425
00:26:23,210 --> 00:26:25,590
Tá an fheidhm bogadh luch, rud a ghníomhachtú ann freisin

426
00:26:25,590 --> 00:26:29,300
aon uair a bhfuil an luch fiú i láthair sa bhosca.

427
00:26:29,300 --> 00:26:32,430
Mar sin, beidh sé ach a choinneáil ar siúl, fading isteach agus amach.

428
00:26:32,430 --> 00:26:35,660
Agus tá sé i ndáiríre logáil - is cosúil sé cosúil tá sé ag bn díreach i agus amach,

429
00:26:35,660 --> 00:26:39,140
ach tá sé i ndáiríre logáil gníomhartha a lán níos mó ná seo,

430
00:26:39,140 --> 00:26:43,550
mar sin nuair a bhogann tú ar shiúl go mbainfidh sé a choinneáil ach ag dul toisc logáilte sé cosúil le míle acu.

431
00:26:43,550 --> 00:26:46,620
B'fhéidir nach míle. B'fhéidir cúig.

432
00:26:46,620 --> 00:26:50,200
Logs sé níos mó ná sin.

433
00:26:50,200 --> 00:26:53,280
Is é an pointe, na gníomhartha go léir luch, tá a lán acu.

434
00:26:53,280 --> 00:26:55,480
Is féidir leat léamh suas ar na cinn eile, ach tá siad ar fad beagán difriúil,

435
00:26:55,480 --> 00:26:57,700
agus is féidir leat a roghnú cibé acu is ceann de dhíth ort

436
00:26:57,700 --> 00:27:02,130
chun cibé críche ar leith go bhfuil tú ag iarraidh a dhéanamh.

437
00:27:02,130 --> 00:27:05,060
>> Is é an chéad rud eile Tá mé ag dul chun labhairt faoi AJAX.

438
00:27:05,060 --> 00:27:09,340
AJAX, tá a fhios agam nach raibh againn a chlúdach JavaScript i bhfad mar doimhneacht na bliana seo,

439
00:27:09,340 --> 00:27:11,770
mar sin tá mé ag dul díreach chun labhairt faoi AJAX i gcoitinne ar feadh nóiméid.

440
00:27:11,770 --> 00:27:15,210
AJAX sheasann do JavaScript Asynchronous agus XML.

441
00:27:15,210 --> 00:27:19,030
Tá sé go bunúsach, mar shampla, nuair a bhíonn tú ar Facebook agus pushes sé leat fógra a fháil,

442
00:27:19,030 --> 00:27:23,060
sin toisc go bhfuil AJAX ag rith ar do bhrabhsálaí gréasáin.

443
00:27:23,060 --> 00:27:25,800
Gach cúpla soicind Tá do bhrabhsálaí gréasáin iarbhír

444
00:27:25,800 --> 00:27:29,420
ag dul go dtí freastalaithe Facebook, ag iarraidh orthu, an bhfuil tú aon rud nua dom,

445
00:27:29,420 --> 00:27:31,980
agus ansin a thagann sé ar ais chugat.

446
00:27:31,980 --> 00:27:36,320
Ligeann sé seo duit a thabhairt ar iarratais a sheoladh chuig freastalaí

447
00:27:36,320 --> 00:27:38,660
gan iarbhír ag a luchtú ar an leathanach.

448
00:27:38,660 --> 00:27:42,040
Mar sin, de ghnáth, má tá tú ag baint úsáide as ach PHP agus bunachar sonraí,

449
00:27:42,040 --> 00:27:45,480
caithfidh tú a athnuachan an leathanach sular féidir leat eolas nua a fháil ón bhfreastalaí.

450
00:27:45,480 --> 00:27:48,770
Ach ag baint úsáide as AJAX, is féidir leat a tharraingt ar an bhfaisnéis nua i gcónaí,

451
00:27:48,770 --> 00:27:52,250
nó a tharraingt chun é nuair a chliceálann tú an cnaipe nó aon rud mar sin.

452
00:27:52,250 --> 00:27:56,140
Mar sin, ceadaíonn sé seo dúinn a thabhairt ar iarratais a sheoladh gan athlódáil an leathanach,

453
00:27:56,140 --> 00:27:58,130
agus is féidir linn a úsáid ceachtar GET nó POST iarratais.

454
00:27:58,130 --> 00:28:05,370
>> GET Tá iarratais, mar shampla, má tá tú chun Google.com in English

455
00:28:05,370 --> 00:28:10,900
agus a dhéanann q = tástála. Sin a thabhairt dóibh triail cheist.

456
00:28:10,900 --> 00:28:15,890
Agus sin ar iarraidh a fháil mar tá sé ag dul sna paraiméadair isteach an URL féin.

457
00:28:15,890 --> 00:28:19,250
Tá iarratas IAR mar má tá tú iad a sheoladh tríd an bpost.

458
00:28:19,250 --> 00:28:22,500
Tá sé cosúil le tú é a chur i litir agus é a long amach dóibh,

459
00:28:22,500 --> 00:28:25,140
ach ní dhéanann siad a fheiceáil i ndáiríre an t-ábhar. Ní bhíonn siad le feiceáil ar an URL.

460
00:28:25,140 --> 00:28:31,040
Ní féidir leat cineál go díreach i; ní mór duit a sheoladh ar beagnach rúnda.

461
00:28:31,040 --> 00:28:33,880
Tá sé i bpost.

462
00:28:33,880 --> 00:28:38,660
Ach ag baint úsáide as jQuery, is féidir leat a dhéanamh GET agus iarratais SCRÍOBH

463
00:28:38,660 --> 00:28:42,740
i bhfad níos éasca ná mar a d'fhéadfaí tú a úsáid a bhaint as de ghnáth ach JavaScript plain.

464
00:28:42,740 --> 00:28:50,140
Is féidir leat ceist APIs ag baint úsáide as iarratais GET, agus is féidir leat a sheiceáil freisin le haghaidh faisnéis logáil isteach.

465
00:28:50,140 --> 00:28:54,400
Ar an gcéad leathanach eile, chruthaigh mé seo, a iarrann, "Cad é do lón?"

466
00:28:54,400 --> 00:28:58,230
ag baint úsáide as an bia Harvard API, mar sin a ligean tharraingt suas.

467
00:28:58,230 --> 00:29:01,840
Is é seo ach sampla de conas is féidir leat é a úsáid jQuery ar iarraidh a fháil a dhéanamh ar API

468
00:29:01,840 --> 00:29:04,200
agus eolas a fháil ar ais ó sé.

469
00:29:04,200 --> 00:29:07,090
Mar sin, ba mhaith linn a fheiceáil ar an roghchlár don lá atá inniu,

470
00:29:07,090 --> 00:29:10,560
agus ba mhaith linn a fheiceáil cad atá le haghaidh lóin.

471
00:29:10,560 --> 00:29:16,500
Seo an URL ar iarraidh a fháil i jQuery chruthú.

472
00:29:16,500 --> 00:29:18,600
úsáideann tú an $. feidhm fháil.

473
00:29:18,600 --> 00:29:22,290
Is é an chéad argóint an URL, mar sin go díreach cad tá tú ag ceistiú.

474
00:29:22,290 --> 00:29:27,200
Ansin, is feidhm a fhorghníomhú nuair a bhíonn an t-iarratas a fháil iomlán na argóint seo chugainn.

475
00:29:27,200 --> 00:29:29,980
Mar sin, a sheolann tú amach roinnt iarratas ar an bhfreastalaí, fanacht sé le teacht ar ais.

476
00:29:29,980 --> 00:29:33,770
Nuair a thagann sé ar ais, tá tú ag dul a chur roinnt beart leis na sonraí go bhfuil ar ais ón bhfreastalaí.

477
00:29:33,770 --> 00:29:37,520
A ligean ar dul ar aghaidh agus códú seo chomh maith.

478
00:29:37,520 --> 00:29:42,110
Ní raibh mé ag códú seo ach oiread, ar na críche sin.

479
00:29:42,110 --> 00:29:46,660
Seo an TODO. Gcéad dul síos, a ligean ar úsáid an ceangailteach ócáid

480
00:29:46,660 --> 00:29:50,820
ionas go mbeidh nuair a bhíonn an cnaipe brúite, táimid ag sheoladh amach ar iarratas a fháil.

481
00:29:50,820 --> 00:29:53,410
Agus nuair a GET tuairisceáin iarratas le cuid de na sonraí,

482
00:29:53,410 --> 00:29:57,290
táimid ag dul a scríobh sé i béile seo info ID div.

483
00:29:57,290 --> 00:30:02,860
Gcéad dul síos, a ligean ar roghnaigh an ID cnaipe bia.

484
00:30:02,860 --> 00:30:07,320
Nuair atá sé chliceáil, ba mhaith linn rud éigin a dhéanamh.

485
00:30:07,320 --> 00:30:11,930
A ligean ar a dhéanamh ach sé fuction gan ainm, mar a rinneadh cheana.

486
00:30:11,930 --> 00:30:15,550
An féidir wrap na braces gcuach,

487
00:30:15,550 --> 00:30:18,530
agus nuair a bhíonn an cnaipe brúite, ba mhaith linn a sheoladh ar iarratas a fháil

488
00:30:18,530 --> 00:30:20,750
a sheiceáil cad atá le haghaidh lóin.

489
00:30:20,750 --> 00:30:24,970
Chun é sin a dhéanamh, is féidir linn ach cineál i $. A fháil.

490
00:30:24,970 --> 00:30:28,850
Is feidhm í seo jQuery, ag baint úsáide as an comhartha dollar.

491
00:30:28,850 --> 00:30:31,430
Bíonn sé cúpla argóintí. Is é an chéad cheann ar an URL,

492
00:30:31,430 --> 00:30:34,450
Is é an dara ceann an fheidhm callback, an fheidhm sin ar a dtugtar

493
00:30:34,450 --> 00:30:37,740
nuair a fhilleann an iarraidh sin i ndáiríre.

494
00:30:37,740 --> 00:30:39,890
A ligean ar a thógáil ach an URL dtús.

495
00:30:39,890 --> 00:30:44,650
Is féidir linn é a fháil as an API gur scríobh David suas.

496
00:30:44,650 --> 00:30:51,360
Ag dul anseo, is féidir linn a fheiceáil go bhfuil sé food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
agus ansin tú pas a fháil ach in ainmneacha na paraiméadair gur mhaith leat.

498
00:30:54,140 --> 00:30:57,760
Mar sin, is paraiméadar 1 luach 1.

499
00:30:57,760 --> 00:31:00,910
Breathnaíonn sé cosúil le dáta caighdeánach, tús dáta, mainneachtainí go lá atá inniu ann

500
00:31:00,910 --> 00:31:03,110
más rud é nach bhfuil tú ag dul isteach aon rud, agus an dáta deiridh freisin mainneachtainí

501
00:31:03,910 --> 00:31:05,930
le lá atá inniu ann más rud é nach bhfuil tú ag dul isteach aon rud.

502
00:31:05,930 --> 00:31:10,790
Sin cad ba mhaith linn. Ba mhaith linn a fháil ach an t-eolas don lá atá inniu.

503
00:31:10,790 --> 00:31:12,950
>> Ba mhaith linn an fhormáid a bheith i JSON.

504
00:31:12,950 --> 00:31:15,570
Sin díreach treallach; is féidir leat é a úsáid aon chineál gur mian leat.

505
00:31:15,570 --> 00:31:18,950
Is féidir leat úsáid a bhaint CSV, ach tá JSON Nodaireacht Cuspóir JavaScript.

506
00:31:18,950 --> 00:31:24,150
Tá sé an-éasca do JavaScript a thuiscint cad a chiallaíonn sé,

507
00:31:24,150 --> 00:31:27,110
agus is féidir linn a phriontáil amach é níos éasca go bhealach.

508
00:31:27,110 --> 00:31:30,490
Mar sin, a ligean ar a iarraidh air i JSON, agus lón iarraidh a ligean.

509
00:31:30,490 --> 00:31:37,660
Mar sin, béile = lóin. Just a scríobh suas go URL, théann muid ar ais anseo.

510
00:31:37,660 --> 00:31:41,290
Níl biachláir. Is é an chéad paraiméadar output = JSON

511
00:31:41,290 --> 00:31:44,640
toisc go bhfuil cad ba mhaith linn, agus tú ag scaradh na paraiméadair le 'agus'.

512
00:31:44,640 --> 00:31:48,940
Is é an dara paraiméadar - Ní féidir liom cuimhneamh orthu.

513
00:31:48,940 --> 00:31:52,170
Béile. Agus ba mhaith linn = lón béile.

514
00:31:52,170 --> 00:31:57,390
Is féidir leat triail seo URL ag clóscríobh sé isteach i do bhrabhsálaí agus dul chun é a.

515
00:31:57,390 --> 00:32:03,120
Beidh sé a thabhairt duit roinnt aschur. Tá sé díreach a bunch de rudaí go bhfuil do lón.

516
00:32:03,120 --> 00:32:10,410
Tá sé san fhormáid gránna. Ba mhaith linn a phriontáil sé isteach ar ár leathanach i bhformáid níos fearr.

517
00:32:10,410 --> 00:32:12,580
Mar sin, go bhfuil an URL ceart, anois is gá dúinn ach a scríobh le feidhm

518
00:32:12,580 --> 00:32:18,300
chun glaoch ar ais nuair a bhíonn an t-iarratas rathúil.

519
00:32:18,300 --> 00:32:20,430
Beidh an fheidhm seo a chur i ndáiríre argóint. Beidh sé sonraí.

520
00:32:20,430 --> 00:32:25,650
Tá na sonraí a thagann ar ais ón iarraidh a fháil tar éis an t-iarratas a fháil déanta.

521
00:32:25,650 --> 00:32:28,860
Is féidir linn a dhéanamh ar an braces gcuach; i anseo táimid ag scríobh an fheidhm gan ainm

522
00:32:28,860 --> 00:32:33,900
go executes, ag baint úsáide as na sonraí sin nuair a fhaigheann muid an t-eolas ar ais.

523
00:32:33,900 --> 00:32:37,840
Mar sin, sonraí, nuair a chlóscríobh againn sa URL seo,

524
00:32:37,840 --> 00:32:41,540
is é seo cad atá ar na sonraí ag dul chun breathnú cosúil. Tá sé ag dul a bheith an teaghrán ollmhór.

525
00:32:41,540 --> 00:32:48,610
Ach is é an rud maith, is féidir JavaScript pharsáil sé ag baint úsáide as an fheidhm JSON.parse.

526
00:32:48,610 --> 00:32:54,950
Mar sin, a ligean ar a chruthú athróg nua ar a dtugtar sonraí parsáil.

527
00:32:54,950 --> 00:32:57,060
Agus is é sonraí pharsáil eagar d'oibiachtaí.

528
00:32:57,060 --> 00:33:04,200
Tá gach réad faisnéis den sórt sin - go maith, a ligean ar ghlacadh le breathnú.

529
00:33:04,200 --> 00:33:08,980
Tá sé dáta, béile, catagóir, oideas, gach stuif seo eile.

530
00:33:08,980 --> 00:33:10,860
Mar sin, a ligean ar a phriontáil díreach amach an t-ainm do gach ceann acu.

531
00:33:10,860 --> 00:33:13,790
A ligean ar iterate thar an eagar ina iomlán de stuif go bhfaigheann muid ar ais ó sé,

532
00:33:13,790 --> 00:33:17,570
agus díreach phriontáil amach gach ceann - a phriontáil amach an t-ainm de gach ceann.

533
00:33:17,570 --> 00:33:22,670
Is é seo do lúb.

534
00:33:22,670 --> 00:33:26,030
>> JavaScript tá an error cabhrach nuair is féidir leat a chruthú athraitheach agus lúb thar eagar,

535
00:33:26,030 --> 00:33:30,150
agus tá var mé díreach ar an iterator, mar sin in ionad a bheith a dhéanamh var i = 0,

536
00:33:30,150 --> 00:33:40,290
Bhí mé níos lú ná an fad, i + +, is féidir leat a dhéanamh go díreach var mé i sonraí a pharsáil.

537
00:33:40,290 --> 00:33:47,060
Sa sampla seo, beidh sonraí pharsáil (i) go bhfreagróidh siad do ghné reatha

538
00:33:47,060 --> 00:33:49,850
de na eagar, an réad iarbhír.

539
00:33:49,850 --> 00:33:51,720
Agus ba mhaith linn a fháil ar an t-ainm as é.

540
00:33:51,720 --> 00:33:54,170
Mar sin, a ligean ar a dhéanamh ach ainm.

541
00:33:54,170 --> 00:33:57,000
Agus is é an rud deireanach, táimid ag dul go bhfuil roinnt jQuery arís.

542
00:33:57,000 --> 00:34:02,660
I ndáiríre é a chur leis an div, béile seo div eolas go bhfuil folamh faoi láthair.

543
00:34:02,660 --> 00:34:05,430
Mar sin, a ligean ar a roghnú go.

544
00:34:05,430 --> 00:34:13,870
Beidh muid úsáid jQuery agus roghnaigh béile div info ID, nó béile ID info, tá brón orainn.

545
00:34:13,870 --> 00:34:16,580
Ba mhaith linn a chur mar fhoscríbhinn leis seo.

546
00:34:16,580 --> 00:34:21,030
Más rud a rinne muid tástála, mar shampla, bheadh ​​sé scríobh ach é gach uair amháin.

547
00:34:21,030 --> 00:34:29,190
Mar sin, is féidir linn a gceangal ach seo.

548
00:34:29,190 --> 00:34:31,889
An ghné atá ann faoi láthair in eagar, beidh orainn a fháil ar an t-ainm as é,

549
00:34:31,889 --> 00:34:38,159
agus beidh orainn é a chur mar fhoscríbhinn le deireadh an béile info ID div.

550
00:34:38,159 --> 00:34:40,120
Agus ansin ach a dhéanamh breathnú sé níos glaine,

551
00:34:40,120 --> 00:34:51,550
beidh orainn gceangal freisin sos líne ionas nach bhfuil sé ar fad ar líne amháin.

552
00:34:51,550 --> 00:34:55,280
Mar sin, má théann gach maith, ba chóir a bheith go maith do -

553
00:34:55,280 --> 00:34:57,220
gcéad dul síos, aon uair a dhéantar an cnaipe chliceáil,

554
00:34:57,220 --> 00:35:00,070
beidh sé a sheoladh amach ar iarratas a fháil ar an URL.

555
00:35:00,070 --> 00:35:02,500
Nuair a thagann na sonraí ar ais ó sé, beidh sé pharsáil sé,

556
00:35:02,500 --> 00:35:06,950
sé seal i JSON, lúb thar an eagar ina iomláine ionadaíonn sonraí sin,

557
00:35:06,950 --> 00:35:10,310
agus ansin i gceangal leis an ainm agus sos líne

558
00:35:10,310 --> 00:35:16,500
do gach líne sa béile seo haitheantas ar eolas a bhí folamh roimhe sin.

559
00:35:16,500 --> 00:35:18,910
Mar sin, dul ar ais go dtí an leathanach seo, beidh orainn a athnuachan,

560
00:35:18,910 --> 00:35:23,690
cliceáil, a fháil amach - ní oibríonn sé. Sin trua.

561
00:35:23,690 --> 00:35:25,830
Agus é seo nuair a thagann debugging isteach

562
00:35:25,830 --> 00:35:30,070
Index.html, líne 1.

563
00:35:30,070 --> 00:35:57,210
Sin suimiúil.

564
00:35:57,210 --> 00:35:59,720
Gach ceart, go maith, seachas am a chaitheamh ag déanamh seo, tá mé ag dul díreach tar éis a

565
00:35:59,720 --> 00:36:07,070
tarraingt suas an comhad a rinneadh go bhfuil mé, a bhfuil an leagan críochnaithe.

566
00:36:07,070 --> 00:36:13,710
Níl mé cinnte cad é an difríocht, ach is féidir linn a oscailt ach an suas in ionad.

567
00:36:13,710 --> 00:36:19,740
Agus muid ag dul go dtí an AJAX, agus ba chóir é seo ag obair i gceart.

568
00:36:19,740 --> 00:36:21,730
Is é sin an méid a bhí le haghaidh lóin lá atá inniu ann,

569
00:36:21,730 --> 00:36:24,870
in aon ord ar leith, le comharthaí athfhriotail timpeall air, mar sin ní hí sin an deise.

570
00:36:24,870 --> 00:36:27,090
Ach, ar ndóigh, má bhí tú ag déanamh seo le haghaidh tionscadal deiridh,

571
00:36:27,090 --> 00:36:30,120
Ba mhaith leat é a dhéanamh cuma níos fearr.

572
00:36:30,120 --> 00:36:32,530
Ach tá go ach sampla simplí ar conas a dhéanann tú an t-iarratas a fháil.

573
00:36:32,530 --> 00:36:34,580
Agus má táimid ar an cód iarbhír, tá mé guessing, tá mé cinnte go leor

574
00:36:34,580 --> 00:36:39,690
tá sé fós go leor i bhfad mar an gcéanna.

575
00:36:39,690 --> 00:37:04,990
Oh, Rinne mé dearmad é a thiontú go teaghrán, tá go bhfuil sé.

576
00:37:04,990 --> 00:37:07,920
No, nach bhfuil sé fós ag obair. Ainneoin, tá anseo an cód gcrích iarbhír

577
00:37:07,920 --> 00:37:10,300
ar cad ba chóir é seo cuma mhaith,

578
00:37:10,300 --> 00:37:16,400
agus a dhéanann sé an rud céanna le cad feidhme mé díreach.

579
00:37:16,400 --> 00:37:22,760
Nuair a chliceálann tú ar an gcnaipe, úsáideann sé GET JSON a pharsáil na sonraí go huathoibríoch.

580
00:37:22,760 --> 00:37:29,190
Bíonn sé na sonraí ar ais ó sé agus lúb tríd an sraith iomlán

581
00:37:29,190 --> 00:37:32,770
agus priontaí amach an - is cuma cad tá do lón lá atá inniu ann, an t-ainm air,

582
00:37:32,770 --> 00:37:38,020
agus appends sos líne tar éis gach líne.

583
00:37:38,020 --> 00:37:41,100
Sin é an chaoi a úsáideann tú an fheidhm a fháil.

584
00:37:41,100 --> 00:37:44,040
>> Is féidir leat úsáid a bhaint freisin POST, nach raibh mé ag am

585
00:37:44,040 --> 00:37:47,940
a scríobh suas sampla chun é, ach is féidir linn breathnú ar an doiciméadú.

586
00:37:47,940 --> 00:37:53,220
Má fhéachann tú ar jquery.post,

587
00:37:53,220 --> 00:37:55,510
is féidir leat a fheiceáil go bhfuil sé beagnach an rud céanna.

588
00:37:55,510 --> 00:38:01,650
Tá tú URL, ach in ionad ag baint úsáide as paraiméadair a rith -

589
00:38:01,650 --> 00:38:03,990
ach iad a chur sa téad le haghaidh an URL féin,

590
00:38:03,990 --> 00:38:06,300
tá tú chun pas a fháil sa athróg sonraí

591
00:38:06,300 --> 00:38:11,990
é sin go bunúsach eagar, foclóir go paraiméadair léarscáileanna a luachanna.

592
00:38:11,990 --> 00:38:17,690
Éiríonn leat i, agus go cuireann siad i baint úsáide as POST.

593
00:38:17,690 --> 00:38:20,790
Agus nuair a bhíonn tú go bhfuil, ansin is féidir leat go mbeadh feidhm rath

594
00:38:20,790 --> 00:38:23,930
go fhorghníomhú nuair a thagann na sonraí ar ais.

595
00:38:23,930 --> 00:38:26,430
Seachas sin, tá sé go díreach mar an gcéanna. Mar sin, ag baint úsáide as POST,

596
00:38:26,430 --> 00:38:29,970
b'fhéidir gur mhaith leat POST a úsáid, mar shampla, má tá tú foirm ionchur

597
00:38:29,970 --> 00:38:35,780
lig tú daoine focal faire ionchur isteach é, agus seol iad siúd focal faire amach

598
00:38:35,780 --> 00:38:41,850
le do script ar ais-deireadh, a sheiceáil sa bhunachar sonraí cibé an bhfuil an t-úsáideoir bailí nó nach bhfuil.

599
00:38:41,850 --> 00:38:46,700
Is féidir leat a dhéanamh go léir ag baint úsáide as jQuery in ionad a bheith a athnuachan an leathanach ar chor ar bith.

600
00:38:46,700 --> 00:38:52,160
Sin é an chaoi chun feidhme mé an bhlag go thaispeáin mé tú níos luaithe.

601
00:38:52,160 --> 00:38:59,530
Má táimid ag dul go dtí an tairseach deiridh agus logáil isteach amach, logáil isteach amach,

602
00:38:59,530 --> 00:39:02,600
Logáil amach nach bhfuil ag obair.

603
00:39:02,600 --> 00:39:13,360
Bhuel, lig dom a oscailt ach sé suas i bhfuinneog nua.

604
00:39:13,360 --> 00:39:16,580
Anseo tá focal faire, agus bhí mé ag dul chun cineál i rud éigin randamach.

605
00:39:16,580 --> 00:39:18,590
Ní chuireann sé ag obair, ach is féidir leat a fheiceáil nach raibh muid

606
00:39:18,590 --> 00:39:20,840
i ndáiríre tá a athnuachan an leathanach ar chor ar bith.

607
00:39:20,840 --> 00:39:24,610
An Cód, más mian leat chun breathnú ar sé,

608
00:39:24,610 --> 00:39:37,460
Tá gach ar fáil i anseo.

609
00:39:37,460 --> 00:39:45,680
Mar sin, an Cód scríobh mé an bhliain seo caite éigin.

610
00:39:45,680 --> 00:39:47,790
Mar is féidir leat a fheiceáil anseo, tá muid ag iarraidh a sheoladh POST.

611
00:39:47,790 --> 00:39:50,400
Tá mé comhad a dtugtar login.php sa deireadh ar ais,

612
00:39:50,400 --> 00:39:53,860
a seiceálacha má tá an focal faire bailí.

613
00:39:53,860 --> 00:39:56,000
Is iad na paraiméadair pas againn i pasfhocal, mapáilte go

614
00:39:56,000 --> 00:40:00,030
an t-ionchur sin sa bhosca ionchur faoi láthair.

615
00:40:00,030 --> 00:40:04,110
Agus nuair a thagann na sonraí ar ais, ní mór dúinn a sheiceáil.

616
00:40:04,110 --> 00:40:07,680
Má tá na sonraí bréagach, ansin deirimid focal faire mícheart, sleamhnán sé síos,

617
00:40:07,680 --> 00:40:09,580
agus díreach é a dhéanamh imíonn siad tar éis sin.

618
00:40:09,580 --> 00:40:12,320
Seachas sin, táimid ag luchtú an leathanach riaracháin.

619
00:40:12,320 --> 00:40:15,080
Agus bhí sé seo déanta go léir ag baint úsáide as JSON.

620
00:40:15,080 --> 00:40:18,510
Sa línte go leor de chód, is féidir leat pas a fháil ach na sonraí chuig an deireadh ar ais,

621
00:40:18,510 --> 00:40:21,020
seiceáil cibé an bhfuil sé ceart, seiceáil cibé logáilte tú i gceart,

622
00:40:21,020 --> 00:40:24,200
agus ar ndóigh, freagra a thabhairt air, ag atreorú an duine go dtí an leathanach ceart

623
00:40:24,200 --> 00:40:29,760
nó ní ligean dóibh logáil isteach agus a rá leo go raibh siad focal faire mícheart.

624
00:40:29,760 --> 00:40:33,040
Mar sin tá go bhfuil sampla de conas a d'fhéadfaí tú a úsáid POST jQuery

625
00:40:33,040 --> 00:40:37,010
ar iarratas POST a sheoladh chuig do deireadh ar ais,

626
00:40:37,010 --> 00:40:42,400
seiceáil a dhéanamh cibé atá duine éigin logáilte isteach i gceart.

627
00:40:42,400 --> 00:40:44,820
>> Gach ceart, mar sin go bhfuil na samplaí a bhí agam, agus go léir an stuif theastaigh uaim a chlúdach.

628
00:40:44,820 --> 00:40:47,110
Sin iad na rudaí móra a ligeann jQuery duit a dhéanamh:

629
00:40:47,110 --> 00:40:52,640
gnéithe a roghnú, a mhodhnú ag baint úsáide as DOM ionramháil,

630
00:40:52,640 --> 00:40:56,340
is féidir leat éifeachtaí a chur, rudaí a ghníomhachtú ar imeachtaí áirithe,

631
00:40:56,340 --> 00:41:00,430
agus freisin a dhéanamh iarratais AJAX go seamlessly agus go héasca.

632
00:41:00,430 --> 00:41:02,840
Mar sin, buíochas a ghabháil leat as teacht nó ag faire,

633
00:41:02,840 --> 00:41:06,230
agus má tá aon cheist agat, déan teagmháil liom a fhios. Yeah?

634
00:41:06,230 --> 00:41:12,730
[Mac Léinn] Ar ais nuair a thaispeáin tú, bhí tú JSON tar éis an t-iarratas POST i Sleachta,

635
00:41:12,730 --> 00:41:15,170
agus bhí mé wondering ach cad a rinne.

636
00:41:15,170 --> 00:41:20,070
>> Yeah, féach mé. An cheist ná, sa sampla Thaispeáin mé díreach tar éis,

637
00:41:20,070 --> 00:41:25,790
bhí an JSON focal i Sleachta ar fud an -

638
00:41:25,790 --> 00:41:31,690
Feicfidh mé in ann tarraingt ach sé suas arís - ar fud an fheidhm POST.

639
00:41:31,690 --> 00:41:43,320
Tá mé ag tarraingt ach sé suas a thaispeáint.

640
00:41:43,320 --> 00:41:46,890
Mar sin, tá anseo an iarraidh IAR, agus níl sé seo JSON i Sleachta.

641
00:41:46,890 --> 00:41:50,280
A shainmhíníonn go díreach cad tá muid ag súil leis an aschur a bheith.

642
00:41:50,280 --> 00:41:54,070
Mar sin, má théann muid i JSON mar an cineál sonraí a bhfuiltear ag súil,

643
00:41:54,070 --> 00:41:56,070
nach bhfuil sé mar riachtanas, ach má táimid pas a fháil sé i,

644
00:41:56,070 --> 00:41:58,590
ansin beidh na sonraí a pharsáil go huathoibríoch mar JSON.

645
00:41:58,590 --> 00:42:00,600
Mar sin, nach bhfuil againn chun glaoch ar an fheidhm parsáil JSON ar sé,

646
00:42:00,600 --> 00:42:02,620
beidh sé tarlú ach huathoibríoch.

647
00:42:02,620 --> 00:42:05,150
Agus má tá tú a chur le breathnú ar an doiciméadú POST,

648
00:42:05,150 --> 00:42:09,850
tá an athróg chineál sonraí, cineál na sonraí a ag súil leis ón bhfreastalaí.

649
00:42:09,850 --> 00:42:12,660
Tá siad réamhshocraithe go buille faoi thuairim Chliste is féidir a bheith mícheart,

650
00:42:12,660 --> 00:42:15,520
ionas gur féidir leat fág bán é, ach tá sé ach an cineál na sonraí

651
00:42:15,520 --> 00:42:21,680
i códaithe go bhfuil tú ag baint úsáide as, bíodh sé JSON nó XML nó rud éigin eile.

652
00:42:21,680 --> 00:42:25,280
>> Ceisteanna ar bith eile?

653
00:42:25,280 --> 00:42:27,300
Gach ceart. Má tá aon cheist eile agat, leisce ort a sheoladh chugam

654
00:42:27,300 --> 00:42:30,830
ag vshekhawat@college.harvard.edu,

655
00:42:30,830 --> 00:42:34,860
agus ba chóir na sleamhnáin agus cód a bheith ar fáil ar líne go luath go leor.

656
00:42:34,860 --> 00:42:42,810
Ádh mór le do thionscadail deiridh, tá súil leat é a úsáid jQuery.

657
00:42:42,810 --> 00:42:46,810
[CS50.TV]