1
00:00:00,000 --> 00:00:02,690
[Powered by Google Translate] [Seminè: JQUERY]

2
00:00:02,690 --> 00:00:04,790
[Vipul Shekhawat, Inivèsite Harvard]

3
00:00:04,790 --> 00:00:08,000
[Sa a se CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
Si w ap swiv ansanm nan kay la, ou ka aktyèlman jwenn aksè glisad mwen sou entènèt

5
00:00:10,640 --> 00:00:13,310
pa ale nan lyen sa a.

6
00:00:13,310 --> 00:00:18,650
Li nan TjjRWj, sou bit.ly.

7
00:00:18,650 --> 00:00:20,700
Ou kapab tou jis ale nan URL la dirèkteman,

8
00:00:20,700 --> 00:00:27,300
ki se cloud.cs50.net / ~ vshekhawat, ki se non mwen,

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

10
00:00:32,409 --> 00:00:34,920
Mwen trè ankouraje w swiv ansanm, si w ap gade nan kay la,

11
00:00:34,920 --> 00:00:40,650
ak si w ap isit la, tou, paske sa a se yon prezantasyon trè entèaktif.

12
00:00:40,650 --> 00:00:43,160
>> Se konsa, jodi a mwen pral yo dwe pale sou jQuery, ansanm ak kesyon an premye se,

13
00:00:43,160 --> 00:00:45,300
ki sa ki jQuery?

14
00:00:45,300 --> 00:00:47,090
Ane sa a, mwen konnen ou nèg pa gen kouvri JavaScript

15
00:00:47,090 --> 00:00:51,080
nan kòm anpil detay kòm nou gen nan ane sot pase yo.

16
00:00:51,080 --> 00:00:53,150
JavaScript se, premye nan tout, jis yon lang kliyan-kòt

17
00:00:53,150 --> 00:00:58,390
ke ou itilize nan kouri Scripts ak kòd sou machin chak itilizatè a.

18
00:00:58,390 --> 00:01:00,660
Se konsa, ou gen yon sèvè ki bay paj wèb nan moun,

19
00:01:00,660 --> 00:01:02,600
men ou ta ka vle fè lòt bagay sou machin yo,

20
00:01:02,600 --> 00:01:08,060
mande machin yo voye demann nan sèvè ou a chak segonn 30 oswa yon bagay tankou sa.

21
00:01:08,060 --> 00:01:10,420
Ou ka fè sa lè l sèvi avèk JavaScript.

22
00:01:10,420 --> 00:01:13,190
JQuery jis bay fonctionnalités plis sou tèt JavaScript

23
00:01:13,190 --> 00:01:15,680
ki fè bagay anplis pou ou.

24
00:01:15,680 --> 00:01:17,710
Si ou gade nan sa ki sou tèt,

25
00:01:17,710 --> 00:01:21,410
ki dekri kèk nan bagay la ke w ap kapab fè.

26
00:01:21,410 --> 00:01:23,500
Se konsa, an jeneral, li te kreye nan mwa janvye 2006.

27
00:01:23,500 --> 00:01:26,560
Li te premye vin ansent nan nan mwa Out 2005.

28
00:01:26,560 --> 00:01:31,370
Li te alantou pou yon ane koup, ak li vrèman yon pati nan nouvo mouvman an 2.0 Web

29
00:01:31,370 --> 00:01:34,330
ki nan te fè entènèt la pou klere.

30
00:01:34,330 --> 00:01:37,630
Li nan pi lajman itilize JavaScript bibliyotèk la.

31
00:01:37,630 --> 00:01:41,450
Plis pase 19.6 milyon dola sou sit entènèt yo lè l sèvi avèk li, epi l 'a se toujou ogmante

32
00:01:41,450 --> 00:01:45,640
dapre builtwith.com, ki, aparamman, sou ane ki sot pase yo,

33
00:01:45,640 --> 00:01:49,710
te jis te toujou rete ogmante san patipri linear.

34
00:01:49,710 --> 00:01:52,870
Pami sit sa yo tèt 10 milyon dola, gen nan toujou -

35
00:01:52,870 --> 00:01:55,180
apepwè 40% nan yo yo kounye a lè l sèvi avèk li.

36
00:01:55,180 --> 00:01:58,540
Facebook sèvi ak li, anpil nan lòt sit wèb yo kounye a sèvi ak li.

37
00:01:58,540 --> 00:02:01,540
Ou ka gade nan sa yo demografik sou pwòp ou a, si ou ta renmen.

38
00:02:01,540 --> 00:02:05,820
Men, ou ta ka di legi li a paske li gen yon fondasyon ak 13 manm konsèy,

39
00:02:05,820 --> 00:02:11,910
ansanm ak yon ekip de 20 moun k ap travay sou li sou yon baz regilye.

40
00:02:11,910 --> 00:02:16,110
Se konsa, li trè lajman itilize, li gen yon URL org., Li nan anpenpan,

41
00:02:16,110 --> 00:02:21,660
li gen vire-konpwomi pou lòt bagay, se konsa li nan yon kontra gwo.

42
00:02:21,660 --> 00:02:24,510
>> Poukisa ou ta dwe sèvi ak li? JQuery se yon bagay ki lejè.

43
00:02:24,510 --> 00:02:27,270
Sa vle di li pa yon dosye gwo. Ou ka telechaje

44
00:02:27,270 --> 00:02:31,540
dosye a minified, ki se san yo pa tout espas ki la blan ak kòmantè, ak li a sèlman 32 ko.

45
00:02:31,540 --> 00:02:33,600
Se konsa, li fasil jis lanse sou paj entènèt ou an

46
00:02:33,600 --> 00:02:35,910
ak jis kòmanse lè l sèvi avèk li.

47
00:02:35,910 --> 00:02:39,630
Li la tou trè efikas ekri nan Liv la, se konsa li pa pran yon anpil nan -

48
00:02:39,630 --> 00:02:42,550
li pa ralanti sit entènèt ou a anpil lè ou sèvi ak li.

49
00:02:42,550 --> 00:02:45,770
Li pèmèt ou aplike bagay sa yo ki te deja Inposibl.

50
00:02:45,770 --> 00:02:47,790
Gen kèk aspè nan fonksyonalite,

51
00:02:47,790 --> 00:02:51,780
tankou kreye Animations, ki nòmalman ta dwe trè, trè difisil fè.

52
00:02:51,780 --> 00:02:54,300
Men, nan jQuery yo ap aktyèlman trè senp.

53
00:02:54,300 --> 00:02:57,040
Men, gen kèk bagay ki anmèdan fè,

54
00:02:57,040 --> 00:02:59,610
posib nan JavaScript, tankou voye yon demann POST,

55
00:02:59,610 --> 00:03:02,190
men yo voye yon demann yo voye yon sèvè, ou gen yo ekri

56
00:03:02,190 --> 00:03:04,320
senk oswa sis oubyen sèt liy nan kòd.

57
00:03:04,320 --> 00:03:07,200
Koulye a, ou ka jis fè l 'nan yon sèl liy nan kòd, nan yon apèl fonksyon sèl.

58
00:03:07,200 --> 00:03:11,790
Ki vrèman senplifye yon anpil nan bagay la ke w ap fè.

59
00:03:11,790 --> 00:03:15,950
Apre sa, tout timoun yo fre yo lè l sèvi avèk li. Pa sa, mwen vle di m '.

60
00:03:15,950 --> 00:03:19,270
Nan pwojè final mwen ane pase, ki se news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
ki se pou estasyon radyo a, mwen te kreye sa a blog

62
00:03:22,530 --> 00:03:29,750
ki gen tout pouvwa a tout montre yo ke nou te fè ak dosye yo MP3 pou yo.

63
00:03:29,750 --> 00:03:32,070
Ou ka browse atravè montre ki sot pase yo,

64
00:03:32,070 --> 00:03:34,130
ak li a tout fè lè l sèvi avèk jQuery. Ou ka di

65
00:03:34,130 --> 00:03:37,340
paske nan tout Animations sa yo, esansyèlman.

66
00:03:37,340 --> 00:03:42,360
Se konsa, si ou gen - si w ap kreye yon pòs nouvo,

67
00:03:42,360 --> 00:03:45,980
ou wè sa yo slideDowns ti kras, mwen ki nan tout fè lè l sèvi avèk jQuery.

68
00:03:45,980 --> 00:03:49,140
Lè sa a fennen - Se konsa, se ki kalite bagay tout fè lè l sèvi avèk jQuery,

69
00:03:49,140 --> 00:03:52,720
epi ou pa genyen toujou ap Reload paj la navige sit la.

70
00:03:52,720 --> 00:03:57,220
Yon lòt bagay fre ki nan te fè lè l sèvi avèk jQuery sa a prezantasyon.

71
00:03:57,220 --> 00:03:59,700
Mwen lè l sèvi avèk bagay sa a sous louvri rele scrolldeck,

72
00:03:59,700 --> 00:04:03,250
kote gen yon moun te ekri sou tèt jQuery.

73
00:04:03,250 --> 00:04:04,870
Si ou aktyèlman gade nan sous la, ou ka wè ke

74
00:04:04,870 --> 00:04:07,830
yo ap lè l sèvi avèk sa a siy dola; siy dola

75
00:04:07,830 --> 00:04:12,110
yo te itilize nan jQuery siyifi ke yon fonksyon se yon fonksyon jQuery.

76
00:04:12,110 --> 00:04:15,020
Se konsa, yo ap defini yon pakè sou tèt jQuery

77
00:04:15,020 --> 00:04:18,570
ki pèmèt ou fè yon prezantasyon tankou sa a,

78
00:04:18,570 --> 00:04:21,200
epi ou ka wè ke isit la yo ap gen ladan dosye a jQuery orijinal la,

79
00:04:21,200 --> 00:04:24,120
ki se ki sa ou pral oblije gen ladan si vle itilize jQuery

80
00:04:24,120 --> 00:04:30,450
nan sit entènèt pwòp ou yo.

81
00:04:30,450 --> 00:04:32,790
>> Touche sou sa, ki jan ou enstale li?

82
00:04:32,790 --> 00:04:36,150
Ou ka jis ale nan jQuery.com ak download dosye a,

83
00:04:36,150 --> 00:04:38,320
ajoute li nan yon anyè entènèt ak gen ladan li.

84
00:04:38,320 --> 00:04:42,200
Se konsa, jis sou tèt, nan tag nan tèt nan dosye HTML ou

85
00:04:42,200 --> 00:04:45,400
nan dosye prensipal ou HTML, jis gen ki liy nan Kòd

86
00:04:45,400 --> 00:04:49,490
ak vèsyon ki kòrèk la pou ki vèsyon an jQuery w ap itilize.

87
00:04:49,490 --> 00:04:51,340
Ou ka telechaje li pa ale nan jQuery.com,

88
00:04:51,340 --> 00:04:55,130
klike sou "download jQuery," epi ou te gen li. Sa a li.

89
00:04:55,130 --> 00:04:58,880
Men, aktyèlman, nou ka pran yon gade nan sa li sanble.

90
00:04:58,880 --> 00:05:01,080
Si ou klike sou download isit la, jQuery sa a.

91
00:05:01,080 --> 00:05:05,260
Se jis nan yon sèl gwo JavaScript dosye ki fè tout bagay la majik pou ou.

92
00:05:05,260 --> 00:05:09,270
Sa a se vèsyon an minified, ki se pa lizib nan tout.

93
00:05:09,270 --> 00:05:13,180
Ou ka gade tou nan vèsyon an devlopman, ki se lizib

94
00:05:13,180 --> 00:05:15,370
men yo toujou trè, trè long.

95
00:05:15,370 --> 00:05:17,980
Li se yon anpil nan bagay nan la.

96
00:05:17,980 --> 00:05:20,240
Ou kapab tou mennen nan anime vèsyon Google a nan li.

97
00:05:20,240 --> 00:05:23,820
Se konsa, ki pral pèmèt ou jis konte sou Google ba yo li.

98
00:05:23,820 --> 00:05:29,310
Yo bay chak vèsyon nan li, disponib nan tout fwa.

99
00:05:29,310 --> 00:05:31,530
Se konsa, ou ka pwobableman konte sou Google lame li pou ou.

100
00:05:31,530 --> 00:05:33,270
Oswa ou ka mennen nan pwòp vèsyon jQuery nan dènye.

101
00:05:33,270 --> 00:05:36,400
Yo gen yon URL ki nan toujou mete ajou vèsyon an dènye.

102
00:05:36,400 --> 00:05:40,850
Li nan jQuery-dènye, ak gen yon pwoblèm ak sa,

103
00:05:40,850 --> 00:05:44,350
ki se ke si jQuery a mete ajou ak kèk nan fonctionnalités a anvan yo

104
00:05:44,350 --> 00:05:47,250
yo te vin retrograded oswa Obsoleted,

105
00:05:47,250 --> 00:05:49,620
li pa gen dwa - li kapab kòmanse pa jwenn sipòte ankò.

106
00:05:49,620 --> 00:05:52,940
Se konsa, si ou ekri yon sit entènèt lè l sèvi avèk vèsyon 1.8.2,

107
00:05:52,940 --> 00:05:55,000
pa vèsyon an tan 2.7 soti

108
00:05:55,000 --> 00:05:57,000
kèk nan fonksyon yo ou te ekri pa travay ankò.

109
00:05:57,000 --> 00:05:59,930
Se konsa, li pi bon yo jis download 32 ko dosye a,

110
00:05:59,930 --> 00:06:04,100
mete l 'sou paj entènèt ou an, epi li pral travay pou tout tan.

111
00:06:04,100 --> 00:06:07,450
>> Mwen pral ale pi devan epi yo kòmanse pale sou fonksyonalite aktyèl la nan jQuery.

112
00:06:07,450 --> 00:06:13,090
Premye bagay la se seleksyon. Sa a se sa jQuery te okòmansman vin ansent yo bay.

113
00:06:13,090 --> 00:06:15,500
Epi ou ka klike sou dokiman gade nan

114
00:06:15,500 --> 00:06:18,690
lòt dokiman an detay pou seleksyon yo mwen pral yo dwe kouvri.

115
00:06:18,690 --> 00:06:24,120
Lide a dèyè seleksyon se ke ou ka chwazi eleman HTML sou yon paj.

116
00:06:24,120 --> 00:06:28,790
Eleman nan yon paj gen idantite ki ak klas ak lòt idantifye aspè nan men yo.

117
00:06:28,790 --> 00:06:30,500
Genyen tou - they're nan lòd diferan.

118
00:06:30,500 --> 00:06:32,570
Gen kèk nan tan an yo ap nich andedan youn ak lòt.

119
00:06:32,570 --> 00:06:38,120
JQuery pèmèt ou konstwi demann senp ki rekipere eleman ki soti nan paj la.

120
00:06:38,120 --> 00:06:41,890
Lè sa a, ou ka manipile eleman sa yo lè l sèvi avèk fonksyon jQuery,

121
00:06:41,890 --> 00:06:43,990
ki se seksyon nan manipilasyon nou pral jwenn yo pi ta.

122
00:06:43,990 --> 00:06:46,040
Ou ka chanje HTML a, chanje CSS la,

123
00:06:46,040 --> 00:06:50,500
ou ka tou enkouraje epi ajoute fonksyon yo ki kapab aktive sou evènman sèten.

124
00:06:50,500 --> 00:06:52,710
Se konsa, pou egzanp, si yon bagay nan klike, ou vle yon bagay yo rive,

125
00:06:52,710 --> 00:06:55,210
ou kapab fè sa lè l sèvi avèk jQuery kòm byen.

126
00:06:55,210 --> 00:06:57,380
Men, gen yon nimewo gwo nan fason yo ka chwazi eleman.

127
00:06:57,380 --> 00:07:00,310
Pifò nan yo mwen pa janm te itilize, men gen yo se yo menm debaz yo,

128
00:07:00,310 --> 00:07:02,340
ki se trè enpòtan.

129
00:07:02,340 --> 00:07:05,750
Fè seleksyon yo a eleman, pou egzanp, si w ap sèlman chwazi anyen

130
00:07:05,750 --> 00:07:10,640
ki se yon div - Mwen gen aktyèlman kòd la louvri pou sa a prezantasyon glise.

131
00:07:10,640 --> 00:07:13,450
Se konsa, pou egzanp, isit la nan glise la an premye.

132
00:07:13,450 --> 00:07:17,430
Isit la nou gen yon DIV. Si nou aktyèlman chwazi tout div ki nan paj la,

133
00:07:17,430 --> 00:07:22,300
li pral jis ba nou yon etalaj de tout div yo ki egziste nan sa a ranpli.

134
00:07:22,300 --> 00:07:27,040
Seleksyon nan ID pèmèt ou chwazi anyen ak yon ID bay yo.

135
00:07:27,040 --> 00:07:32,230
Se konsa, si sa a, pou egzanp, bagay sa a gen ID a "ki sa,"

136
00:07:32,230 --> 00:07:37,160
epi si nou te fè sa ak # sa olye pou yo kèk ID,

137
00:07:37,160 --> 00:07:42,920
li ta jis retounen yon etalaj ki gen yon eleman sèl e ke se ke eleman nan paj la.

138
00:07:42,920 --> 00:07:45,490
Nou kapab tou konbine seleksyon fason sa a pa gen

139
00:07:45,490 --> 00:07:48,260
chwazi sèlman bagay sa yo ak idantite ki ki div.

140
00:07:48,260 --> 00:07:51,810
Se konsa, yeah. Se sèlman chwazi div ki gen ke ID.

141
00:07:51,810 --> 00:07:55,260
Pou klas ou jis sèvi ak yon dot, li nan menm bagay la kòm CSS.

142
00:07:55,260 --> 00:07:57,500
Pitit tou travay; Se konsa, si ou gen kèk klas

143
00:07:57,500 --> 00:08:00,170
e li te nich eleman nan li - se konsa, pou egzanp,

144
00:08:00,170 --> 00:08:03,260
gen kèk klas-la ak li gen yon tag jete lank lyen nan yon lòt paj,

145
00:08:03,260 --> 00:08:08,510
ou ka itilize sa a sentaks rekipere lyen an.

146
00:08:08,510 --> 00:08:12,420
Ou kapab tou chwazi bagay sa yo plizyè nan yon fwa; jis separe yo pa vigil,

147
00:08:12,420 --> 00:08:17,360
sèvi ak nenpòt seleksyon ou ta renmen, epi ou pral chwazi tout nan yo nan yon fwa, nan yon etalaj sèl.

148
00:08:17,360 --> 00:08:19,650
Lè sa a, gen tou pa fè seleksyon yo a, se konsa ou kapab chwazi tout div

149
00:08:19,650 --> 00:08:24,210
ki pa gen kèk klas espesifik.

150
00:08:24,210 --> 00:08:28,790
Epi sa a, jis yon bon fason yo ka resevwa yon entwodiksyon sou ki jan sa a seleksyon travay.

151
00:08:28,790 --> 00:08:32,270
Mwen pral montre kèk egzanp konkrè nan yon dezyèm fwa.

152
00:08:32,270 --> 00:08:35,480
>> Seleksyon Avanse yo - sa yo, se jis yon kèk egzanp.

153
00:08:35,480 --> 00:08:38,840
Gen plizyè douzèn sa yo, men si ou vle yo chwazi tout etikèt yo imaj

154
00:08:38,840 --> 00:08:42,799
nan kèk eleman, Lè sa a ou jis fè: imaj.

155
00:08:42,799 --> 00:08:45,340
Si ou vle chwazi eleman yo menm, pou egzanp, si gen 20 nan yo,

156
00:08:45,340 --> 00:08:48,290
ou vle chwazi 0, 2, 4, 6 ak sou sa,

157
00:08:48,290 --> 00:08:51,630
ou fè: menm, oswa ou ka tou fè: enpè.

158
00:08:51,630 --> 00:08:55,470
Sa yo se seleksyon pseudo, ki vle di yo ke yo aktyèlman kalkile

159
00:08:55,470 --> 00:09:00,960
chak eleman lòt olye ke jis ale epi chwazi tout nan yo.

160
00:09:00,960 --> 00:09:05,510
Ou kapab tou - chak eleman ka yo te genyen tou atribi espesifik.

161
00:09:05,510 --> 00:09:10,580
Se konsa, pou egzanp, klas = sant tou se yon atribi.

162
00:09:10,580 --> 00:09:16,500
Pou sa a tag jete lank, href, ipèrtèks referans, se yon atribi tou.

163
00:09:16,500 --> 00:09:21,150
Se konsa, ou ka chwazi yon bagay ki lyen ki mennen nan yon paj espesifik oswa jis - li a vrèman jeneral.

164
00:09:21,150 --> 00:09:25,410
Ou ka chwazi anyen ak nenpòt ki atribi ke ou ta renmen.

165
00:09:25,410 --> 00:09:27,470
Lè sa a, tou, atribi gen.

166
00:09:27,470 --> 00:09:30,420
Si ou, pou egzanp, yo te vle chwazi tout eleman ki opinyon

167
00:09:30,420 --> 00:09:32,700
ki gen mo "pas la" kòm non an nan yo,

168
00:09:32,700 --> 00:09:37,560
si yon paj gen yon blòk tèks opinyon

169
00:09:37,560 --> 00:09:41,050
ki nan rele "modpas," ki ta ka yon fason ou ka chwazi sa.

170
00:09:41,050 --> 00:09:43,020
Men, gen anpil plis. Ou ka ale pi devan epi gade nan dokiman an

171
00:09:43,020 --> 00:09:46,950
ak wè egzanp espesifik nan kijan li fonksyone.

172
00:09:46,950 --> 00:09:48,840
>> Bagay la pwochen se Dom manipilasyon.

173
00:09:48,840 --> 00:09:52,500
Apre nou chwazi eleman, nou pral vle aktyèlman fè bagay ak yo.

174
00:09:52,500 --> 00:09:55,500
Se konsa, lwen nou pa gen gade ki nan tout, men si ou gade nan dokiman an,

175
00:09:55,500 --> 00:09:57,950
gen nan reyèlman yon anpil ke nou ta ka fè.

176
00:09:57,950 --> 00:10:02,900
Nan pwen sa a, nou ap ale nan chwazi eleman sa a sou prezantasyon

177
00:10:02,900 --> 00:10:04,890
ak manipile yo lè l sèvi avèk jQuery.

178
00:10:04,890 --> 00:10:08,290
Paske sa a se aplike lè l sèvi avèk jQuery, nou genyen aksè nan bibliyotèk la jQuery,

179
00:10:08,290 --> 00:10:13,580
epi nou ka sèvi ak moun ki fonksyon ki nan Kòd sa a.

180
00:10:13,580 --> 00:10:16,200
Youn nan bagay ki itil ke ou pa ka konnen sou se konsole la.

181
00:10:16,200 --> 00:10:19,340
Men, Google Chrome se sa m ap lè l sèvi avèk. Ou ka peze alt lòd J

182
00:10:19,340 --> 00:10:21,720
oswa alt kontwòl J louvri konsole a.

183
00:10:21,720 --> 00:10:26,130
Nan Firefox Mwen panse ke K lòd li nan chanjman oswa kontwòl chanjman K.

184
00:10:26,130 --> 00:10:28,880
Nan Safari ou gen yo ale chanje kèk anviwònman.

185
00:10:28,880 --> 00:10:35,460
Genyen yon lyen si ou ta renmen fè li, men mwen rekòmande resevwa Chrome oswa Firefox.

186
00:10:35,460 --> 00:10:37,750
Se konsa, kite a louvri moute konsole a, li la desann isit la.

187
00:10:37,750 --> 00:10:41,170
Li pèmèt ou fè fondamantalman jis fè anyen ou vle.

188
00:10:41,170 --> 00:10:45,100
Se konsa, ou ka jis tape nan kreye yon varyab x rele,

189
00:10:45,100 --> 00:10:49,200
x = 5, se pou yo wè sa ki x + 2 se.

190
00:10:49,200 --> 00:10:57,670
Ou menm kapab fè yon bagay tankou CS + Ann wè, x + 45, ki pral CS50.

191
00:10:57,670 --> 00:11:00,530
Ou ka jis fè kèk bagay JavaScript òdinè.

192
00:11:00,530 --> 00:11:02,730
Men, ou ka tou fè jQuery nan isit la.

193
00:11:02,730 --> 00:11:06,200
>> Se konsa, kite pou yo gade nan sa a nan aspè premye isit la.

194
00:11:06,200 --> 00:11:09,500
Nou pral kreye yon varyab rele HTML, ki se yon fisèl.

195
00:11:09,500 --> 00:11:15,890
Li te gen yon tag paragraf nan li, ki rele kèk tèks nouvo.

196
00:11:15,890 --> 00:11:19,420
Se konsa, nou gen sa a HTML, li nan kèk tèks nouvo, nan Tags paragraf.

197
00:11:19,420 --> 00:11:21,800
Koulye a, nou aktyèlman vle ajoute li nan paj la.

198
00:11:21,800 --> 00:11:28,310
Mwen mete l 'kanpe pou ke HTML a pou paragraf sa a, tit sa a isit la, se ajoutra ID.

199
00:11:28,310 --> 00:11:32,320
Si nou chwazi ajoutra ID ak Lè sa a kole nan li

200
00:11:32,320 --> 00:11:34,560
varyab la HTML Mwen jis kreye,

201
00:11:34,560 --> 00:11:40,370
li pral ajoute ke HTML nan fen a, dwa apre sa a tag paragraf.

202
00:11:40,370 --> 00:11:43,730
Se konsa, si nou fè sa - nou chwazi paragraf sa a,

203
00:11:43,730 --> 00:11:47,590
e nou te rele fonksyon an ajoutra ak varyab la HTML Mwen jis te ajoute,

204
00:11:47,590 --> 00:11:50,960
li pral ajoute tèks sa a nouvo dwa gen nan paj la.

205
00:11:50,960 --> 00:11:54,970
Nou kapab tou prepan, ki vle di li ap mache devan, nan konmansman an nan ki eleman.

206
00:11:54,970 --> 00:11:58,290
Se konsa, gen kèk tèks nouvo nan kòmansman an ak apre sa.

207
00:11:58,290 --> 00:12:01,660
Mwen ka ale pi devan epi rafrechi debarase m de bagay sa a Mwen te jis fè.

208
00:12:01,660 --> 00:12:05,280
Men, sa a yon egzanp sou kouman ou ka itilize prepan a ak kole metòd

209
00:12:05,280 --> 00:12:08,910
manipile bagay sou paj la, ajoute kèk HTML.

210
00:12:08,910 --> 00:12:11,080
>> Ou kapab tou chanje klas yo.

211
00:12:11,080 --> 00:12:14,970
Retounen nan sa a ranpli style, mwen te kreye sa a pou klas la genyen

212
00:12:14,970 --> 00:12:19,990
ki gen koulè wouj tèks, kèk koulè background, ak yon lonbraj tèks.

213
00:12:19,990 --> 00:12:23,810
Li sanble efreyan, men mwen ka aktyèlman -

214
00:12:23,810 --> 00:12:26,410
paragraf sa a koresponn ak ID klas la.

215
00:12:26,410 --> 00:12:29,860
Se konsa, mwen ka ajoute klas la pou genyen an.

216
00:12:29,860 --> 00:12:31,870
Mwen ka egzekite sa a nan konsole a,

217
00:12:31,870 --> 00:12:35,480
ak ki pral ajoute ke klas, e kounye a, li sanble efreyan, jan yo espere.

218
00:12:35,480 --> 00:12:39,680
CSS la otomatikman vin aplike nan klas sa yo ke ou -

219
00:12:39,680 --> 00:12:42,680
si gen nan CSS pou yon klas, li otomatikman vin aplike

220
00:12:42,680 --> 00:12:44,680
si ou chanje klas la nan yon eleman.

221
00:12:44,680 --> 00:12:49,230
Lè sa a, nou ka jis retire li lè l sèvi avèk Retire klas la.

222
00:12:49,230 --> 00:12:53,690
Se konsa, si ou gen kèk klas predefini tankou wouj oswa evidans,

223
00:12:53,690 --> 00:12:55,990
ak Lè sa a ou vle aplike sa yo nan eleman,

224
00:12:55,990 --> 00:12:58,230
ou pa bezwen fè tout CSS la manier chak fwa.

225
00:12:58,230 --> 00:13:01,510
Ou ka jis ajoute klas la nan yon eleman, ak Lè sa a, li pral otomatikman vin -

226
00:13:01,510 --> 00:13:05,580
li pral otomatikman gade ki apwopriye pou ki klas la.

227
00:13:05,580 --> 00:13:07,900
Nou kapab tou retire bagay sa yo, se konsa mwen pral chwazi tout div yo

228
00:13:07,900 --> 00:13:10,830
nan paj an ak retire yo.

229
00:13:10,830 --> 00:13:13,990
Ki sa ki ki pral sanble?

230
00:13:13,990 --> 00:13:16,170
Li nan ale nan gade tankou pa gen anyen, se konsa gen la aktyèlman pa gen anyen gòch la.

231
00:13:16,170 --> 00:13:18,170
Se prezantasyon mwen ale.

232
00:13:18,170 --> 00:13:21,290
Mwen ka rafrechi ak pote l 'tounen, erezman,

233
00:13:21,290 --> 00:13:24,420
paske li nan jis kouri yon fwa,

234
00:13:24,420 --> 00:13:29,460
men sa a yon egzanp retire, si ou vle detwi yon eleman nan paj la.

235
00:13:29,460 --> 00:13:33,180
>> Ou kapab tou recouvrir, ak mwen pral chwazi tout etikèt yo paragraf nan paj la

236
00:13:33,180 --> 00:13:36,850
epi ale andedan yo epi ranplase tou sa tèks yo gen nan yo

237
00:13:36,850 --> 00:13:39,690
ak jis mo "tès la."

238
00:13:39,690 --> 00:13:46,520
Si ou fè sa, ou pral ranplase chak paragraf nan paj la ak sa a egzamen an.

239
00:13:46,520 --> 00:13:49,150
Oui. Yo ap tout ranplase ak tès yo.

240
00:13:49,150 --> 00:13:53,270
Se konsa, sa a, se yon egzanp nan aksè nan tèks la ak ranplasan li.

241
00:13:53,270 --> 00:13:57,490
Ou kapab tou rekipere enfòmasyon, e sa se vrèman fre pou bwat opinyon.

242
00:13:57,490 --> 00:14:00,470
Si w gen yon bwat opinyon ke gen moun ki ap tape bagay an,

243
00:14:00,470 --> 00:14:03,880
moun yo sezisman bagay nan li,

244
00:14:03,880 --> 00:14:09,030
isit la nou chwazi D 'a, nenpòt ki tag opinyon ak yon di ki kalite tèks.

245
00:14:09,030 --> 00:14:13,800
Nan ka sa a, gen nan yon sèl bwat D 'nan prezantasyon an antye,

246
00:14:13,800 --> 00:14:17,260
se konsa nou pral jis chwazi yon sèl la an premye, ak Lè sa a nou rele fonksyon an Val sou li.

247
00:14:17,260 --> 00:14:19,570
Sa retounen valè la, ak pou yon bwat D ',

248
00:14:19,570 --> 00:14:24,330
valè a se jis tou sa k ap pase yo andedan li.

249
00:14:24,330 --> 00:14:31,880
Se konsa, si nou fè sa, li jis retounen bagay la fisèl.

250
00:14:31,880 --> 00:14:36,860
Men, si nou rele li ankò apre ekri plis bagay, li vire nan plis bagay.

251
00:14:36,860 --> 00:14:40,760
Sa a yon fason gwo jwenn aksè nan eleman nan yon bwat D ', ak Lè sa a, tcheke,

252
00:14:40,760 --> 00:14:45,060
sa a se yon adrès imel ki valab, se sa a yon dat ki valab, pou egzanp.

253
00:14:45,060 --> 00:14:49,600
Ou ka jis rekipere bagay imedyatman kòm moun ki ap tape li,

254
00:14:49,600 --> 00:14:54,830
ak Lè sa a tcheke si li la valab, voye li tounen nan yon sèvè, fè anyen ou vle avèk li.

255
00:14:54,830 --> 00:14:57,720
Epi sa a, ki jan ou gen aksè a sa ki andedan sa yo bwat.

256
00:14:57,720 --> 00:15:00,090
>> Ou kapab tou chanje CSS dirèkteman, se konsa olye pou yo ajoute

257
00:15:00,090 --> 00:15:02,510
yon klas ki gen kèk pwopriyete predefini,

258
00:15:02,510 --> 00:15:08,120
ou ka jis ajoute tou sa CSS ou vle anyen.

259
00:15:08,120 --> 00:15:10,350
Chwazi kò Se konsa, kite a, ki se prezantasyon la an antye,

260
00:15:10,350 --> 00:15:14,370
ak koulè a ​​se pwopriyete a ki defini sa ki koulè yo nan tèks la se.

261
00:15:14,370 --> 00:15:19,420
Si nou chanje li nan wouj yo, tout tèks la nan paj an pral ale nan wouj.

262
00:15:19,420 --> 00:15:26,310
Nou ka fè yon bagay tankou ble koulè background,

263
00:15:26,310 --> 00:15:30,680
gen nou ale; li nan bèl.

264
00:15:30,680 --> 00:15:33,840
Ou kapab fè nenpòt sa ou vle ak sa.

265
00:15:33,840 --> 00:15:39,250
Sèvi ak pwopriyete a CSS, ou ka reyèlman chanje ki jan anyen parèt nan nenpòt ki lè.

266
00:15:39,250 --> 00:15:41,630
Bagay la pwochen se efè.

267
00:15:41,630 --> 00:15:45,710
Efè yo fondamantalman menm bagay la kòm modifye CSS la,

268
00:15:45,710 --> 00:15:48,870
men yo aktyèlman bay kèk animasyon siplemantè nan li.

269
00:15:48,870 --> 00:15:53,380
Se konsa, olye pou yo jis ki montre oswa kache yon bagay oswa chanje koulè a,

270
00:15:53,380 --> 00:15:56,130
ou ka aktyèlman fè li anime.

271
00:15:56,130 --> 00:16:00,760
Isit la nan dokiman an, si ou vle pran yon gade nan dokiman an vaste pou li.

272
00:16:00,760 --> 00:16:04,760
Men, mwen pral kouvri yo menm ki prensipal la.

273
00:16:04,760 --> 00:16:12,030
Gen montre nan ak pwopriyete kache.

274
00:16:12,030 --> 00:16:14,510
Montre / kache ID aktyèlman koresponn ak bwat sa a tout antye,

275
00:16:14,510 --> 00:16:18,190
Se konsa, si mwen kache li, li pral jis disparèt.

276
00:16:18,190 --> 00:16:24,210
Apre sa, mwen ka montre l 'ankò si mwen vle fè l' tounen.

277
00:16:24,210 --> 00:16:26,340
Epi li tounen. Li pa t 'aktyèlman disparèt,

278
00:16:26,340 --> 00:16:30,670
Mwen pa t 'aktyèlman retire li nan paj la, mwen jis mete pwopriyete a CSS nan vizibilite kache

279
00:16:30,670 --> 00:16:34,030
pou w pa ka wè l 'ankò.

280
00:16:34,030 --> 00:16:39,250
Genyen tou glise leve, li glise desann; ki pèmèt ou gen efè sa a.

281
00:16:39,250 --> 00:16:47,050
Li glisad jiska disparèt, epi apre li fin disparèt

282
00:16:47,050 --> 00:16:53,210
ou ka glise li desann nan fè li tounen. Epi, koulye a li nan tounen.

283
00:16:53,210 --> 00:16:57,650
Genyen tou sa a efè fennen, ki - ID fennen koresponn ak bwat sa a.

284
00:16:57,650 --> 00:17:01,200
Si m 'fennen li soti, lè sa a li pral tou dousman disparèt.

285
00:17:01,200 --> 00:17:04,490
Mwen kapab tou fennen li nan, epi li pral tounen.

286
00:17:04,490 --> 00:17:08,930
Ou kapab tou fè fennen a, ki se espesifik nan fonksyon an fennen.

287
00:17:08,930 --> 00:17:12,589
Ou ka gen li fennen nan nenpòt stupidity espesifik ke ou vle.

288
00:17:12,589 --> 00:17:16,869
Se konsa, si ou fennen li tou dousman .5, li pral vin mwatye vizib.

289
00:17:16,869 --> 00:17:22,630
Mwen ka fè li ale nan .1, ak tounen yo nan 1 fè li konplètman vizib ankò.

290
00:17:22,630 --> 00:17:24,760
Se jis yon lòt animasyon ke ou ka fè.

291
00:17:24,760 --> 00:17:26,750
>> Genyen tou efè activer.

292
00:17:26,750 --> 00:17:33,410
Se konsa, mwen pral chwazi ID a baskil, ki koresponn ak sa a bwat postal,

293
00:17:33,410 --> 00:17:38,970
ak sou ki div ou ka rele activer; si li vizib li pral vin envizib,

294
00:17:38,970 --> 00:17:42,320
si li nan envizib li yo ap vin vizib ankò.

295
00:17:42,320 --> 00:17:44,440
Se konsa, mwen jis rele fonksyon sa a activer de fwa; youn nan premye te

296
00:17:44,440 --> 00:17:48,380
menm bagay la kòm kache, rele nan dezyèm te menm bagay la kòm yon montre.

297
00:17:48,380 --> 00:17:53,510
Epi ou ka tou fè sa ak yon activer fennen,

298
00:17:53,510 --> 00:17:55,730
ki fè menm bagay la, eksepte li aktyèlman disparet.

299
00:17:55,730 --> 00:17:59,410
Men, menm bagay ak glise nan aktive.

300
00:17:59,410 --> 00:18:01,460
Gen efè nan chenn kòm byen, ki vle di

301
00:18:01,460 --> 00:18:05,520
si ou chwazi yon eleman ak jis rele yon pakèt moun sou metòd animasyon sou li,

302
00:18:05,520 --> 00:18:07,400
si ou te vle li nan fennen soti, Lè sa a, glise desann,

303
00:18:07,400 --> 00:18:11,040
ak Lè sa a kache ak Lè sa a fennen nan, li pral fè yo nan yon ranje.

304
00:18:11,040 --> 00:18:24,920
Se konsa, disparèt, tounen vin - pou kèk rezon, po a, pa t 'rive.

305
00:18:24,920 --> 00:18:30,030
Ann eseye li soti. Yeah, se konsa li ta vle chanje koulè deyò epi yo Lè sa a, li glise ale.

306
00:18:30,030 --> 00:18:32,230
Men, gen anpil plis. Ou ka itilize fonksyon an anime

307
00:18:32,230 --> 00:18:35,370
yo kreye Animations pwòp ou a, ki se jistis konplèks,

308
00:18:35,370 --> 00:18:38,790
men li bay ou ak èkstansibl enfini.

309
00:18:38,790 --> 00:18:40,630
Ou ka fè nenpòt kalite animasyon ou vle.

310
00:18:40,630 --> 00:18:44,230
Ou kapab tou itilize keu nan keu moute Animations miltip nan yon tan.

311
00:18:44,230 --> 00:18:47,340
Se konsa, si ou vle yon bagay vole atravè paj la,

312
00:18:47,340 --> 00:18:49,860
glise de dwat nan tèt a gòch la anba, ou ka fè sa,

313
00:18:49,860 --> 00:18:55,240
ak jis gen yon pakèt moun sou aksyon pral youn apre lòt la.

314
00:18:55,240 --> 00:18:57,490
>> Bagay nan pwochen nou pwal pale sou se evènman yo.

315
00:18:57,490 --> 00:19:02,090
Evènman pèmèt ou - byen lwen tèlman, nou te jis te tape bagay sa yo nan konsole a

316
00:19:02,090 --> 00:19:04,870
e ke se yon fason yo fè sa a rive,

317
00:19:04,870 --> 00:19:08,020
men sou yon paj aktyèl la, ou pa pwal pou kapab

318
00:19:08,020 --> 00:19:10,020
fè bagay sa yo di ki kalite itilizatè nan konsole a.

319
00:19:10,020 --> 00:19:12,050
Ou vle bagay sa yo rive otomatikman.

320
00:19:12,050 --> 00:19:18,060
Pou sa, ou bezwen sèvi ak evènman ki aktive sou kèk evenman k ap pase a sèten.

321
00:19:18,060 --> 00:19:21,340
Ou ka tcheke dokiman an pou detay yo plen.

322
00:19:21,340 --> 00:19:24,030
Se konsa, kite a wè. Nou vle kache oswa montre bwat la,

323
00:19:24,030 --> 00:19:29,340
men kounye a bouton sa-a pa fè anyen paske mwen pa t 'aplike li ankò.

324
00:19:29,340 --> 00:19:35,420
Mwen pral pou yo ale nan paj aktyèl la HTML.

325
00:19:35,420 --> 00:19:38,560
Isit la nan glise la. Genyen yon div pou glise la.

326
00:19:38,560 --> 00:19:41,230
Li te gen klas la nan glise.

327
00:19:41,230 --> 00:19:46,890
Genyen tèks la. Koulye a, gen nan bwat sa a ak bouton an bwat.

328
00:19:46,890 --> 00:19:52,900
Ki jan nou ta aktyèlman fè sa-a disparèt?

329
00:19:52,900 --> 00:19:58,250
Premye a tout, se pou yo ekri yon fonksyon ki fè ID nan bwat disparèt.

330
00:19:58,250 --> 00:20:01,820
Sa a se sentaks la pou funtion, kite yo jis rele li hideTheBox.

331
00:20:01,820 --> 00:20:06,130
Li pa pran okenn agiman, paske pa gen okenn agiman li dwe te pran.

332
00:20:06,130 --> 00:20:08,950
Nou ka chwazi ID nan bwat.

333
00:20:08,950 --> 00:20:15,020
Se konsa, lè l sèvi avèk jQuery a chwazi, nou ka chwazi ID bwat postal,

334
00:20:15,020 --> 00:20:17,700
ak Lè sa a jis fè l 'disparèt.

335
00:20:17,700 --> 00:20:20,690
Se pou yo fè l 'fennen deyò.

336
00:20:20,690 --> 00:20:27,390
Si nou kouri fonksyon sa a nan konsole aktyèl la,

337
00:20:27,390 --> 00:20:33,380
nou te ka defini fonksyon sa a, nou ka rele hideTheBox, epi li travay.

338
00:20:33,380 --> 00:20:36,650
Men, nou vle li nan rive lè se bouton an aktyèlman bourade.

339
00:20:36,650 --> 00:20:40,950
Pou fè sa, nou gen yo sèvi ak yon evènman.

340
00:20:40,950 --> 00:20:45,500
Pou yo mete yon evènman nan kèk bouton espesifik oswa kèk kap pase aksyon,

341
00:20:45,500 --> 00:20:50,040
nou gen yo chwazi eleman nan ke evènman an pral deklanche -

342
00:20:50,040 --> 00:20:52,650
oswa ki pral deklanche evènman an, regrèt.

343
00:20:52,650 --> 00:20:57,220
>> Se konsa, premye nan tout, se pou yo chwazi ID a bouton bwat

344
00:20:57,220 --> 00:20:59,610
paske se bouton an, epi kounye a, pou ki bouton,

345
00:20:59,610 --> 00:21:02,750
nou vle kreye yon animasyon lè li klike.

346
00:21:02,750 --> 00:21:05,040
Se konsa, gen nan fonksyon sa a klike sou.

347
00:21:05,040 --> 00:21:08,470
Li pèmèt ou fè mare yon lòt fonksyon li.

348
00:21:08,470 --> 00:21:12,320
Fonksyon sa a pran yon lòt fonksyon kòm yon agiman

349
00:21:12,320 --> 00:21:14,310
nou ka pase nan fonksyon an hideTheBox,

350
00:21:14,310 --> 00:21:20,950
ak chak fwa sa a se bouton klike, ki fonksyon pral otomatikman egzekite.

351
00:21:20,950 --> 00:21:24,850
Se konsa, sa a pral travay si nou sove sa a, mwen pral rafrechi,

352
00:21:24,850 --> 00:21:33,460
ak - yon sèl, dezyèm lan, mwen regrèt.

353
00:21:33,460 --> 00:21:44,770
Kite m 'ranje sa a vrèman byen vit.

354
00:21:44,770 --> 00:21:50,680
Okay. Gen nou ale. Se konsa, koulye bwat la se toudènyeman lè nou klike sou bouton an.

355
00:21:50,680 --> 00:21:55,470
Nou kapab tou chanje sa a nan jis fadeToggle,

356
00:21:55,470 --> 00:22:00,020
chanje li jis vle kache oswa montre bwat la,

357
00:22:00,020 --> 00:22:03,850
ak sa a ap travay tou tou, si nou rafrechi.

358
00:22:03,850 --> 00:22:08,550
Nou ka kache l, nou ka montre tou li, epi ki pral kontinye travay.

359
00:22:08,550 --> 00:22:12,210
Yon lòt bagay nou ka fè se, nou pa gen aktyèlman defini fonksyon sa a hideTheBox

360
00:22:12,210 --> 00:22:15,050
anvan nou rele fonksyon an klike sou.

361
00:22:15,050 --> 00:22:17,640
Se konsa, olye pou yo defini fonksyon an ak rele hideTheBox,

362
00:22:17,640 --> 00:22:20,310
nou ap sèlman ale nan rele l 'si se bagay sa a klike.

363
00:22:20,310 --> 00:22:22,310
Se konsa, nou ka defini li anonim nan isit la,

364
00:22:22,310 --> 00:22:25,070
ki se yon karakteristik ki JavaScript te genyen an.

365
00:22:25,070 --> 00:22:29,720
Ou ka defini yon fonksyon; nòmalman, nou ta ka di hideTheBox fonksyon

366
00:22:29,720 --> 00:22:34,490
ak agiman, men olye, nou ka jis di fonksyone pa gen agiman,

367
00:22:34,490 --> 00:22:36,870
kòmanse atèl a Curly defini fonksyon an,

368
00:22:36,870 --> 00:22:40,780
fèmen ki atèl Curly, ak Lè sa a, jis defini fonksyon an nan isit la,

369
00:22:40,780 --> 00:22:45,130
nan parantèz nan premye ak parantèz ki sot pase a

370
00:22:45,130 --> 00:22:47,860
ki koresponn ak agiman yo nan fonksyon an klike sou.

371
00:22:47,860 --> 00:22:53,320
Se konsa, nou ap pase nan fonksyon sa a, nou ka kopye liy sa a nan kòd dwa isit la,

372
00:22:53,320 --> 00:22:55,450
ak ki pral fè egzak menm bagay la.

373
00:22:55,450 --> 00:22:57,290
Epi, koulye a nou pa gen fonksyon sa a fadeTheBox o aza

374
00:22:57,290 --> 00:22:59,960
ki chita alantou pou okenn rezon aparan.

375
00:22:59,960 --> 00:23:02,070
Te fonksyon ki defini anonim, li pa gen yon non.

376
00:23:02,070 --> 00:23:08,060
Li pral sèlman egzekite lè nou klike sou bouton an bwat.

377
00:23:08,060 --> 00:23:12,180
Se konsa, entérésan yon fwa plis, yon sèl fwa pi plis, epi ou ka wè ke li toujou ap travay.

378
00:23:12,180 --> 00:23:16,700
Epi sa a, ki jan ou kreye evènman yo.

379
00:23:16,700 --> 00:23:19,190
>> Gen yon anpil nan evènman diferan ke nou kapab itilize.

380
00:23:19,190 --> 00:23:23,540
Mwen pral chanje tounen nan lè l sèvi avèk konsole a jis montre w kouman sa yo travay.

381
00:23:23,540 --> 00:23:28,210
Idantite ki yo pou chak nan sa yo koresponn ak chak bwat.

382
00:23:28,210 --> 00:23:33,020
Se konsa, ti kare sa a se klike sou ID, sa a se yon sèl ID kle, ak sa a se yon sèl ID sourit.

383
00:23:33,020 --> 00:23:36,120
Youn nan bagay plis se ke gen nan fonksyon sa a aksyon; olye ke tape li soti chak fwa,

384
00:23:36,120 --> 00:23:41,610
Mwen aktyèlman pran devan ak defini fonksyon sa a aksyon desann isit la.

385
00:23:41,610 --> 00:23:46,860
Li fè menm bagay la kòm fonksyon an hideTheBox.

386
00:23:46,860 --> 00:23:51,340
Li vin bwat sa a ak swa disparet li soti oswa disparet li pous

387
00:23:51,340 --> 00:23:54,110
Ak Se poutèt sa nou ap kapab itilize li isit la.

388
00:23:54,110 --> 00:24:00,350
Se konsa, si nou klike sou sa a ID klike sou, nou vle fè bwat la disparèt oswa repwodwi.

389
00:24:00,350 --> 00:24:03,610
Li nan menm bagay la kòm bouton an ke nou te nan glise an dènye.

390
00:24:03,610 --> 00:24:07,450
Koulye a, apre nou fin rele sa, nou kapab klike sou sa a ansanm ak ti bwat la pral disparèt,

391
00:24:07,450 --> 00:24:10,160
Lè sa a, klike sou l 'ankò ansanm ak ti bwat la ap repwodwi.

392
00:24:10,160 --> 00:24:12,480
Sa a trè senp. Klike sou doub fè menm bagay la,

393
00:24:12,480 --> 00:24:15,660
eksepte li mande pou yon klike sou doub.

394
00:24:15,660 --> 00:24:19,030
Se konsa, si ou klike sou li yon fwa, epi klike sou l 'ankò pa gen anyen ki pral rive,

395
00:24:19,030 --> 00:24:21,140
men si ou doub klike sou byen vit, li pral disparèt.

396
00:24:21,140 --> 00:24:23,310
Si ou doub klike ankò, li pral tounen.

397
00:24:23,310 --> 00:24:25,250
Se konsa, sa a, se trè senp.

398
00:24:25,250 --> 00:24:31,170
D 'klavye se kalite etranj, mwen pa panse ke li aktyèlman ap travay nan egzanp sa a

399
00:24:31,170 --> 00:24:37,670
paske kle a desann, moute kle a ak kle laprès ak lòt aksyon kle

400
00:24:37,670 --> 00:24:47,190
aktive pa gen pwoblèm sa eleman ou mare l 'bay.

401
00:24:47,190 --> 00:24:51,410
Pou egzanp, menm si mwen mare kle desann nan kò oubyen yon lòt bagay nèt,

402
00:24:51,410 --> 00:24:55,950
Lè sa a, li ta toujou aktive pa gen pwoblèm - li an pa espesifik.

403
00:24:55,950 --> 00:25:00,190
Mwen pa gen yo dwe klike sou sa a ak laprès yon kle fè anyen disparèt.

404
00:25:00,190 --> 00:25:04,470
Li ta dwe aktive kèlkeswa sa ki eleman mwen se kounye a pous

405
00:25:04,470 --> 00:25:06,880
Se konsa, sa yo pa aktyèlman ap travay nan egzanp sa a

406
00:25:06,880 --> 00:25:13,180
paske li pa rekonèt m 'tankou k ap antre nan D' nan div a opinyon klavye.

407
00:25:13,180 --> 00:25:15,740
>> Men, si ou gade nan aksyon sa yo sourit,

408
00:25:15,740 --> 00:25:19,620
youn nan premye se hover, epi li ka fè kèk nan sa a lè l sèvi avèk CSS.

409
00:25:19,620 --> 00:25:24,280
Si ou itilize CSS, ou kapab kreye li pou ke si ou hover sou yon bagay,

410
00:25:24,280 --> 00:25:28,940
Lè sa a, chanjman style li yo.

411
00:25:28,940 --> 00:25:32,170
Men, lè l sèvi avèk jQuery ou kapab chanje estil yo nan lòt bagay yo tou.

412
00:25:32,170 --> 00:25:37,120
Se konsa, pou egzanp, nou ap ale nan rele aksyon si nou hover sou sa a DIV.

413
00:25:37,120 --> 00:25:39,660
Sa vle di si nou hover sou li, Lè sa a, bwat la pral disparèt.

414
00:25:39,660 --> 00:25:42,430
Si nou avanse pou pi lwen l ', bwat la ap repwodwi.

415
00:25:42,430 --> 00:25:45,090
Si nou rele sa a ak hover sou li, ti bwat la disparèt,

416
00:25:45,090 --> 00:25:47,050
ak le pli vit ke nou avanse pou pi lwen, li vini tounen.

417
00:25:47,050 --> 00:25:49,750
Si nou rele fonksyon sa a hover sou ID an sourit,

418
00:25:49,750 --> 00:25:54,380
ki koresponn ak sa a bwat postal, Lè sa a, si nou hover sou bwat la,

419
00:25:54,380 --> 00:26:00,440
Lè sa a, bwat la aktyèlman ap disparèt - li an ke yo te Funky kounye a, men -

420
00:26:00,440 --> 00:26:06,310
si nou avanse pou pi lwen li, li pral repwodwi. Kounye a li nan bak pou kèk rezon.

421
00:26:06,310 --> 00:26:12,720
Sourit la antre nan ak fonksyon deplase sourit se yon ti jan ki similè yo, men yon ti kras diferan.

422
00:26:12,720 --> 00:26:16,470
Sourit antre nan sèlman aktive lè sourit la antre nan ti bwat la, jan yo espere.

423
00:26:16,470 --> 00:26:19,210
Se konsa, si ou deplase nan li, li pral disparèt.

424
00:26:19,210 --> 00:26:23,210
Men, li pa pral repwodwi lè ou avanse pou pi lwen; ou pral gen pou avanse pou pi tounen sou li pou l 'bay tounen.

425
00:26:23,210 --> 00:26:25,590
Genyen tou fonksyon an deplase sourit, ki pral aktive

426
00:26:25,590 --> 00:26:29,300
chak fwa sourit la se menm prezan nan bwat la.

427
00:26:29,300 --> 00:26:32,430
Se konsa, li pral jis kenbe sou prale a, manyak nan ak soti.

428
00:26:32,430 --> 00:26:35,660
Men, li la aktyèlman antre - li sanble tankou li nan jis manyak nan ak soti,

429
00:26:35,660 --> 00:26:39,140
men li la aktyèlman antre yon anpil plis aksyon pase sa a,

430
00:26:39,140 --> 00:26:43,550
Se konsa, lè ou avanse pou pi lwen li pral jis kenbe pral paske li louvri sesyon tankou yon mil nan yo.

431
00:26:43,550 --> 00:26:46,620
Petèt pa yon mil. Petèt senk.

432
00:26:46,620 --> 00:26:50,200
Li journaux plis pase sa.

433
00:26:50,200 --> 00:26:53,280
Pwen an se yo, tout aksyon sa yo sourit, gen yon anpil nan yo.

434
00:26:53,280 --> 00:26:55,480
Ou ka li moute sou yo menm ki lòt yo, men yo, yo tout yon ti kras diferan,

435
00:26:55,480 --> 00:26:57,700
epi ou ka chwazi kèlkeswa sa ki yon sèl ou bezwen

436
00:26:57,700 --> 00:27:02,130
pou kèlkeswa sa ki objektif espesifik w ap eseye fè.

437
00:27:02,130 --> 00:27:05,060
>> Bagay nan pwochen mwen pral pale sou se Ajax.

438
00:27:05,060 --> 00:27:09,340
Ajax, mwen konnen nou pa t 'kouvri JavaScript nan kòm anpil pwofondè ane sa a,

439
00:27:09,340 --> 00:27:11,770
se konsa mwen jis pral pale de Ajax an jeneral pou yon minit.

440
00:27:11,770 --> 00:27:15,210
Ajax kanpe pou asenkron JavaScript ak XML.

441
00:27:15,210 --> 00:27:19,030
Li nan fondamantalman, pou egzanp, lè w ap sou Facebook ak li pouse ou yon notifikasyon,

442
00:27:19,030 --> 00:27:23,060
sa a, se paske Ajax ap kouri sou navigatè entènèt ou.

443
00:27:23,060 --> 00:27:25,800
Chak koup la segonn navigatè entènèt ou la aktyèlman

444
00:27:25,800 --> 00:27:29,420
ale nan serveurs Facebook a, mande yo, ou gen anyen nouvo pou m ',

445
00:27:29,420 --> 00:27:31,980
ak Lè sa a li rive tounen ba ou.

446
00:27:31,980 --> 00:27:36,320
Sa a pèmèt ou voye demann nan yon sèvè

447
00:27:36,320 --> 00:27:38,660
san yo pa aktyèlman gen chaje paj la.

448
00:27:38,660 --> 00:27:42,040
Se konsa, nòmalman, si w ap sèlman lè l sèvi avèk PHP ak baz done a,

449
00:27:42,040 --> 00:27:45,480
ou gen rafrechi paj an anvan ou ka jwenn nouvo enfòmasyon ki soti nan sèvè an.

450
00:27:45,480 --> 00:27:48,770
Men, lè l sèvi avèk Ajax, ou ka rale pou sa nouvo enfòmasyon pou yo toujou,

451
00:27:48,770 --> 00:27:52,250
oswa rale pou li lè ou klike sou yon bouton oswa yon bagay tankou sa.

452
00:27:52,250 --> 00:27:56,140
Se konsa, sa a pèmèt nou voye demann san yo pa rupture paj la,

453
00:27:56,140 --> 00:27:58,130
epi nou ka itilize swa JWENN oswa POST demann.

454
00:27:58,130 --> 00:28:05,370
>> Jwenn demann yo, pou egzanp, si ou pou fè pou Google.com

455
00:28:05,370 --> 00:28:10,900
ak fè q = egzamen an. Sa a ba yo yon tès rechèch.

456
00:28:10,900 --> 00:28:15,890
Epi sa a, yon demann jwenn paske li pase nan sa yo paramèt nan URL nan tèt li.

457
00:28:15,890 --> 00:28:19,250
Yon demann POST se kòm si w ap voye yo atravè post.

458
00:28:19,250 --> 00:28:22,500
Se tankou ou mete l 'nan yon lèt ak bato li koupe yo:

459
00:28:22,500 --> 00:28:25,140
men yo pa aktyèlman wè sa ki. Yo ap pa vizib nan URL la.

460
00:28:25,140 --> 00:28:31,040
Ou pa ka dirèkteman tape l 'nan; ou gen voye li prèske an kachèt.

461
00:28:31,040 --> 00:28:33,880
Li nan nan yon pòs.

462
00:28:33,880 --> 00:28:38,660
Men, lè l sèvi avèk jQuery, ou kapab fè JWENN ak apre demann

463
00:28:38,660 --> 00:28:42,740
anpil pi fasil pase nòmalman ou ta ka lè l sèvi avèk jis plenn JavaScript.

464
00:28:42,740 --> 00:28:50,140
Ou ka sijè rechèch APIs lè l sèvi avèk JWENN demann, epi ou ka tcheke tou pou enfòmasyon pou ouvri sesyon.

465
00:28:50,140 --> 00:28:54,400
Nan paj kap vini an, mwen te kreye sa a, ki mande, "Ki sa ki nan pou manje midi?"

466
00:28:54,400 --> 00:28:58,230
lè l sèvi avèk Harvard manje API a, se konsa kite a rale ke yo.

467
00:28:58,230 --> 00:29:01,840
Sa a se jis yon egzanp sou kouman ou ka itilize jQuery fè yon demann ale nan yon API

468
00:29:01,840 --> 00:29:04,200
epi pou yo jwenn enfòmasyon tounen soti nan li.

469
00:29:04,200 --> 00:29:07,090
Se konsa, nou vle wè meni an pou jodi a,

470
00:29:07,090 --> 00:29:10,560
e nou vle wè sa ki la pou manje midi.

471
00:29:10,560 --> 00:29:16,500
Isit la nan URL la yo kreye yon demann jwenn nan jQuery.

472
00:29:16,500 --> 00:29:18,600
ou itilize $ la. jwenn fonksyon.

473
00:29:18,600 --> 00:29:22,290
Agiman an premye se URL la, se konsa egzakteman sa w ap rekèt.

474
00:29:22,290 --> 00:29:27,200
Lè sa a, agiman nan pwochen se yon fonksyon ki ègzekutra lè demann lan jwenn se konplè.

475
00:29:27,200 --> 00:29:29,980
Se konsa, ou voye koupe kèk demann nan sèvè a, rete tann pou l 'bay tounen.

476
00:29:29,980 --> 00:29:33,770
Lè li 'tounen an, w ap ale nan pran kèk aksyon ak done yo ki nan tounen soti nan sèvè an.

477
00:29:33,770 --> 00:29:37,520
Se pou yo ale pi devan epi Kòd sa a kòm byen.

478
00:29:37,520 --> 00:29:42,110
Mwen pa t 'Kòd sa a swa, sou rezon.

479
00:29:42,110 --> 00:29:46,660
Isit la nan todo la. Premye a tout, se pou yo sèvi ak obligatwa a evènman

480
00:29:46,660 --> 00:29:50,820
Konsa, lè sa a se bouton bourade, nou voye sou yon demann jwenn.

481
00:29:50,820 --> 00:29:53,410
Men, lè ki jwenn retounen demann ak kèk done,

482
00:29:53,410 --> 00:29:57,290
nou pral ekri l 'nan sa a div ID info repa.

483
00:29:57,290 --> 00:30:02,860
Premye a tout, se pou yo chwazi ID a bouton manje.

484
00:30:02,860 --> 00:30:07,320
Lè li nan klike, nou vle li fè yon bagay.

485
00:30:07,320 --> 00:30:11,930
Se pou yo jis fè li yon fuction anonim, tankou anvan.

486
00:30:11,930 --> 00:30:15,550
Èske vlope sa yo aparèy òtopedik Curly,

487
00:30:15,550 --> 00:30:18,530
ak lè se bouton sa-a bourade, nou vle voye yon demann jwenn

488
00:30:18,530 --> 00:30:20,750
yo tcheke sa ki nan pou manje midi.

489
00:30:20,750 --> 00:30:24,970
Pou fè sa, nou ka jis tape nan $. Jwenn.

490
00:30:24,970 --> 00:30:28,850
Sa a se yon fonksyon jQuery, lè l sèvi avèk siy a an dola.

491
00:30:28,850 --> 00:30:31,430
Li pran yon koup la agiman. Yon sèl an premye se URL la,

492
00:30:31,430 --> 00:30:34,450
yon sèl la se dezyèm fonksyon an kalbak, fonksyon an ki rele

493
00:30:34,450 --> 00:30:37,740
lè sa demann aktyèlman tounen lakay la.

494
00:30:37,740 --> 00:30:39,890
Se pou yo jis bati URL la an premye.

495
00:30:39,890 --> 00:30:44,650
Nou ka jwenn li nan API a David ekri yo.

496
00:30:44,650 --> 00:30:51,360
Ale isit la, nou ka wè ke li nan food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
ak Lè sa a ou jis pase nan non yo nan paramèt yo ke ou ta renmen.

498
00:30:54,140 --> 00:30:57,760
Se konsa, paramèt 1 valè 1.

499
00:30:57,760 --> 00:31:00,910
Li sanble ke dat estanda, kòmanse dat, défaut jodi a

500
00:31:00,910 --> 00:31:03,110
si ou pa antre nan anyen, ak dat fen tou défaut

501
00:31:03,910 --> 00:31:05,930
jodi a si ou pa antre nan anyen.

502
00:31:05,930 --> 00:31:10,790
Sa a ki sa nou vle. Nou vle jis jwenn enfòmasyon an pou jodi an.

503
00:31:10,790 --> 00:31:12,950
>> Nou vle fòma a yo dwe nan JSON.

504
00:31:12,950 --> 00:31:15,570
Se jis abitrè; ou ka sèvi ak nenpòt ki fòm ke ou vle.

505
00:31:15,570 --> 00:31:18,950
Ou kapab sèvi ak CSV, men JSON se JavaScript Notasyon objè.

506
00:31:18,950 --> 00:31:24,150
Li trè fasil pou JavaScript a konprann ki sa sa vle di,

507
00:31:24,150 --> 00:31:27,110
epi nou ka enprime li pi fasil ki fason.

508
00:31:27,110 --> 00:31:30,490
Se konsa, kite a mande l 'nan JSON, ak manje midi demann kite a.

509
00:31:30,490 --> 00:31:37,660
Se konsa, manje = manje midi. Jis ekri sa ki URL, nou tounen isit la.

510
00:31:37,660 --> 00:31:41,290
Genyen meni. Paramèt an premye se pwodiksyon = JSON

511
00:31:41,290 --> 00:31:44,640
paske se sa nou vle, epi ou separe paramèt yo ak yon 'ak'.

512
00:31:44,640 --> 00:31:48,940
Paramèt la se dezyèm - Mwen pa sonje.

513
00:31:48,940 --> 00:31:52,170
Repa. Men, nou vle manje midi = repa.

514
00:31:52,170 --> 00:31:57,390
Ou ka fè tès sa a URL pa sezisman l 'nan navigatè ou a ak ale nan li.

515
00:31:57,390 --> 00:32:03,120
Li pral ba ou kèk pwodiksyon. Se jis nan yon pakèt moun sou bagay sa a, se pou manje midi.

516
00:32:03,120 --> 00:32:10,410
Li nan nan fòma sa a lèd. Nou vle enprime li sou paj nou an nan yon fòma pi byen.

517
00:32:10,410 --> 00:32:12,580
Se konsa, URL la ki kòrèk, kounye a nou jis bezwen ekri yon fonksyon

518
00:32:12,580 --> 00:32:18,300
yo rele tounen lè demann lan se siksè.

519
00:32:18,300 --> 00:32:20,430
Fonksyon sa a pral aktyèlman pran yon agiman. Li pral done.

520
00:32:20,430 --> 00:32:25,650
Done a se sa ki ap vin tounen soti nan demann lan jwenn apre yo fin demann lan jwenn fè.

521
00:32:25,650 --> 00:32:28,860
Nou ka fè aparèy òtopedik yo Curly; nan isit la nou ekri fonksyon an anonim

522
00:32:28,860 --> 00:32:33,900
ki ègzekutra, lè l sèvi avèk ki done lè nou jwenn enfòmasyon an tounen.

523
00:32:33,900 --> 00:32:37,840
Se konsa, done, lè nou tape nan sa a URL,

524
00:32:37,840 --> 00:32:41,540
sa a se sa done nan ale nan sanble. Li nan pral fè sa a fil gwo.

525
00:32:41,540 --> 00:32:48,610
Men, bagay la bon se, JavaScript ka analyzes li lè l sèvi avèk fonksyon an JSON.parse.

526
00:32:48,610 --> 00:32:54,950
Se konsa, kite a kreye yon varyab ki rele New done analyzes.

527
00:32:54,950 --> 00:32:57,060
Men, done analyzes se yon etalaj de objè yo.

528
00:32:57,060 --> 00:33:04,200
Chak objè gen enfòmasyon tankou - byen, kite a pran yon gade.

529
00:33:04,200 --> 00:33:08,980
Li te gen yon dat, manje yon, kategori, resèt yo, tout bagay sa a ak lòt.

530
00:33:08,980 --> 00:33:10,860
Se konsa, kite a jis enprime soti Non a pou chak yon sèl.

531
00:33:10,860 --> 00:33:13,790
Se pou yo répétèr sou etalaj la antye nan bagay ke nou jwenn tounen soti nan li,

532
00:33:13,790 --> 00:33:17,570
ak jis enprime soti chak yon sèl - enprime soti non an nan chak yon sèl.

533
00:33:17,570 --> 00:33:22,670
Sa a se yon pou bouk.

534
00:33:22,670 --> 00:33:26,030
>> JavaScript gen sa a sentaks itil kote ou ka kreye yon varyab ak bouk sou yon etalaj,

535
00:33:26,030 --> 00:33:30,150
ak var mwen se jis iterator a, se konsa olye pou yo gen fè var mwen = 0,

536
00:33:30,150 --> 00:33:40,290
mwen te mwens pase longè a, mwen + +, ou ka jis fè var mwen an parcouru done.

537
00:33:40,290 --> 00:33:47,060
Nan egzanp sa a, parcouru done (mwen) ap koresponn ak eleman aktyèl la

538
00:33:47,060 --> 00:33:49,850
nan etalaj la, objè a vrè.

539
00:33:49,850 --> 00:33:51,720
Epi nou vle jwenn non an soti nan li.

540
00:33:51,720 --> 00:33:54,170
Se konsa, kite a jis fè Non.

541
00:33:54,170 --> 00:33:57,000
Epi bagay la dènye se, nou ap ale nan gen kèk jQuery ankò.

542
00:33:57,000 --> 00:34:02,660
Aktyèlman ajoute li nan div a, sa a div info manje sa a, se kounye a vid.

543
00:34:02,660 --> 00:34:05,430
Se konsa, kite a chwazi sa.

544
00:34:05,430 --> 00:34:13,870
Nou pral sèvi ak jQuery ak chwazi manje ID div info, oswa ID info manje, regrèt.

545
00:34:13,870 --> 00:34:16,580
Nou vle kole sa a.

546
00:34:16,580 --> 00:34:21,030
Si nou te fè tès, pou egzanp, li ta jis recouvrir li chak fwa sèl.

547
00:34:21,030 --> 00:34:29,190
Se konsa, nou ka jis kole sa a.

548
00:34:29,190 --> 00:34:31,889
Eleman ki la kounye a nan etalaj la, nou pral jwenn non an soti nan li,

549
00:34:31,889 --> 00:34:38,159
epi n ap kole li nan fen a nan div an ID info repa.

550
00:34:38,159 --> 00:34:40,120
Lè sa a, jis fè li gade cleaner,

551
00:34:40,120 --> 00:34:51,550
nou pral tou kole yon ti repo liy se konsa li a pa tout sou yon sèl liy.

552
00:34:51,550 --> 00:34:55,280
Se konsa, si tout bagay ale byen, ki ta dwe bon -

553
00:34:55,280 --> 00:34:57,220
premye nan tout, nenpòt lè sa a se bouton klike,

554
00:34:57,220 --> 00:35:00,070
li pral voye sou yon demann jwenn sa a URL.

555
00:35:00,070 --> 00:35:02,500
Lè done a vini tounen soti nan li, li pral analyzes li,

556
00:35:02,500 --> 00:35:06,950
vire l 'nan JSON, bouk sou etalaj la tout antye ki reprezante ki done,

557
00:35:06,950 --> 00:35:10,310
ak Lè sa a kole non ak yon ti repo liy

558
00:35:10,310 --> 00:35:16,500
nan chak liy sa a nan ID info manje ki te deja vid.

559
00:35:16,500 --> 00:35:18,910
Se konsa, pral tounen nan paj sa a, nou pral rafrechi,

560
00:35:18,910 --> 00:35:23,690
klike sou, chèche konnen - li pa travay. Sa a malere.

561
00:35:23,690 --> 00:35:25,830
Lè sa a se kote debogaj vini pous

562
00:35:25,830 --> 00:35:30,070
Index.html, liy 1.

563
00:35:30,070 --> 00:35:57,210
Sa a ki enteresan.

564
00:35:57,210 --> 00:35:59,720
Tout dwa, byen, olye ke depanse tan ap fè sa a, mwen jis ale nan

565
00:35:59,720 --> 00:36:07,070
rale moute dosye a fè sa m 'genyen, ki se vèsyon an fin fèt.

566
00:36:07,070 --> 00:36:13,710
Mwen pa si sa ki diferans lan se, men nou ka jis louvri sa a moute olye.

567
00:36:13,710 --> 00:36:19,740
Lè nou ale nan Ajax a, ak sa a yo ta dwe travay kòrèkteman.

568
00:36:19,740 --> 00:36:21,730
Sa se sa ki te pou manje midi jodi a,

569
00:36:21,730 --> 00:36:24,870
nan pa gen lòd patikilye, ki gen quotes bò kote l ', se konsa li pa bèl la.

570
00:36:24,870 --> 00:36:27,090
Men,, evidamman, si ou te fè sa pou yon pwojè final la,

571
00:36:27,090 --> 00:36:30,120
ou ta fè l 'gade pi byen.

572
00:36:30,120 --> 00:36:32,530
Men, sa se sèlman yon egzanp senp nan ki jan ou fè demann lan ap resevwa.

573
00:36:32,530 --> 00:36:34,580
Men, si nou gade nan Kòd aktyèl la, mwen devine, mwen se trè asire w

574
00:36:34,580 --> 00:36:39,690
li la toujou bèl anpil menm bagay la.

575
00:36:39,690 --> 00:37:04,990
Oh, mwen bliye konvèti li nan yon fisèl, ki nan li.

576
00:37:04,990 --> 00:37:07,920
Pa gen, li la toujou pa ap travay. Kèlkeswa, isit la nan Kòd aktyèl la ranpli

577
00:37:07,920 --> 00:37:10,300
pou ki sa sa a ta dwe gade tankou,

578
00:37:10,300 --> 00:37:16,400
ak li fè sa menm bagay la kòm sa m 'jis aplike.

579
00:37:16,400 --> 00:37:22,760
Lè ou klike sou bouton an, li itilize JWENN JSON otomatikman analyzes done yo.

580
00:37:22,760 --> 00:37:29,190
Li pran done yo tounen soti nan li epi li pasan nan etalaj la tout antye

581
00:37:29,190 --> 00:37:32,770
ak simagri soti - nan tou sa a pou manje midi jodi a, non an nan li,

582
00:37:32,770 --> 00:37:38,020
ak jwen yon ti repo liy yo apre chak liy.

583
00:37:38,020 --> 00:37:41,100
Sa a ki jan ou sèvi ak fonksyon an jwenn.

584
00:37:41,100 --> 00:37:44,040
>> Ou kapab tou itilize POST, ki mwen pa t 'gen tan

585
00:37:44,040 --> 00:37:47,940
yo ekri moute yon egzanp pou li, men nou ka gade nan dokiman an.

586
00:37:47,940 --> 00:37:53,220
Si ou gade nan jquery.post,

587
00:37:53,220 --> 00:37:55,510
ou ka wè ke li nan prèske menm bagay la.

588
00:37:55,510 --> 00:38:01,650
Ou gen yon URL, men olye pou yo pase paramèt lè l sèvi avèk -

589
00:38:01,650 --> 00:38:03,990
jis mete yo nan fisèl la pou URL nan tèt li,

590
00:38:03,990 --> 00:38:06,300
ou gen yo pase nan sa a varyab done

591
00:38:06,300 --> 00:38:11,990
ki se fondamantalman yon etalaj, yon diksyonè ki kat paramèt nan valè.

592
00:38:11,990 --> 00:38:17,690
Ou pase ke nan, epi ki voye yo nan lè l sèvi avèk yon pòs.

593
00:38:17,690 --> 00:38:20,790
Men, yon fwa ou gen sa, lè sa a ou ka gen yon fonksyon siksè

594
00:38:20,790 --> 00:38:23,930
ki ègzekutra lè done yo la tounen.

595
00:38:23,930 --> 00:38:26,430
Sinon, li nan ekzakteman menm bagay la. Se konsa, lè l sèvi avèk POST,

596
00:38:26,430 --> 00:38:29,970
ou ta ka vle itilize POST, pou egzanp, si w gen yon fòm opinyon

597
00:38:29,970 --> 00:38:35,780
ou kite pèp modpas D 'nan li, epi voye sa yo modpas sou

598
00:38:35,780 --> 00:38:41,850
nan do-fen script ou a, yo tcheke nan baz done a si wi ou non ki itilizatè a valab oswa ou pa.

599
00:38:41,850 --> 00:38:46,700
Ou ka fè ke tout lè l sèvi avèk jQuery olye pou yo gen rafrechi paj an nan tout.

600
00:38:46,700 --> 00:38:52,160
Sa a ki jan mwen aplike nan blog la ke mwen te montre ou pi bonè.

601
00:38:52,160 --> 00:38:59,530
Si nou ale nan pòtal la fen epi louvri sesyon soti, ale soti,

602
00:38:59,530 --> 00:39:02,600
Log deyò pa travay.

603
00:39:02,600 --> 00:39:13,360
Oke, kite m 'jis louvri l' nan yon lòt fenèt.

604
00:39:13,360 --> 00:39:16,580
Isit la, gen yon modpas, epi mwen te ale nan tape nan yon bagay o aza.

605
00:39:16,580 --> 00:39:18,590
Li pa travay, men ou ka wè ke nou pa t '

606
00:39:18,590 --> 00:39:20,840
gen aktyèlman yo rafrechi paj an nan tout.

607
00:39:20,840 --> 00:39:24,610
Kòd la, si ou vle gade nan li,

608
00:39:24,610 --> 00:39:37,460
se tout ki disponib nan isit la.

609
00:39:37,460 --> 00:39:45,680
Se konsa, kòd la mwen te ekri ane pase a nenpòt moman.

610
00:39:45,680 --> 00:39:47,790
Kòm ou ka wè isit la, nou ap voye yon demann POST.

611
00:39:47,790 --> 00:39:50,400
Mwen gen yon dosye rele login.php nan fen a tounen,

612
00:39:50,400 --> 00:39:53,860
ki chèk si modpas la se ki valid.

613
00:39:53,860 --> 00:39:56,000
Paramèt yo nou pase nan yo se modpas, trase

614
00:39:56,000 --> 00:40:00,030
D 'nan sa a, se nan bwat sa a D' kounye a.

615
00:40:00,030 --> 00:40:04,110
Men, lè done la tounen, nou tcheke.

616
00:40:04,110 --> 00:40:07,680
Si done a se fo, Lè sa a nou di kòrèk modpas, glise li,

617
00:40:07,680 --> 00:40:09,580
ak jis fè li disparèt apre sa.

618
00:40:09,580 --> 00:40:12,320
Sinon, nou chaje paj la admin.

619
00:40:12,320 --> 00:40:15,080
Lè sa a te tout fè lè l sèvi avèk JSON.

620
00:40:15,080 --> 00:40:18,510
Nan sa a liy anpil nan Kòd la, ou ka jis pase done yo nan fen a tounen,

621
00:40:18,510 --> 00:40:21,020
tcheke si li la kòrèk, tcheke si ou louvri sesyon an kòrèkteman,

622
00:40:21,020 --> 00:40:24,200
ak aktyèlman reponn li, Redireksyon moun lan nan paj ki kòrèk la

623
00:40:24,200 --> 00:40:29,760
oswa ou pa kite yo ouvri sesyon an epi di yo ke yo te gen yon modpas kòrèk.

624
00:40:29,760 --> 00:40:33,040
Se konsa, sa a, se yon egzanp sou kouman ou kapab itilize jQuery POST

625
00:40:33,040 --> 00:40:37,010
voye yon demann POST nan fen do ou,

626
00:40:37,010 --> 00:40:42,400
tcheke si yon moun nan louvri sesyon an kòrèkteman.

627
00:40:42,400 --> 00:40:44,820
>> Tout dwa, se konsa ke nan tout egzanp yo mwen te gen, ansanm ak tout bagay la mwen te vle kouvri.

628
00:40:44,820 --> 00:40:47,110
Sa yo se bagay sa yo pi gwo ki jQuery pèmèt ou fè:

629
00:40:47,110 --> 00:40:52,640
chwazi eleman, modifye yo lè l sèvi avèk Dom manipilasyon,

630
00:40:52,640 --> 00:40:56,340
ou ka ajoute efè, aktive bagay sa yo sou evènman sèten,

631
00:40:56,340 --> 00:41:00,430
epi tou li fè demann Ajax trè transparans ak byen fasil.

632
00:41:00,430 --> 00:41:02,840
Se konsa, di ou mèsi pou vini oswa l ap gade,

633
00:41:02,840 --> 00:41:06,230
epi si ou gen nenpòt kesyon, jis kite m 'konnen. Yeah?

634
00:41:06,230 --> 00:41:12,730
[Elèv] Retounen lè ou te montre, ou te gen JSON apre demann lan POST nan quotes,

635
00:41:12,730 --> 00:41:15,170
epi mwen te jis mande sa ki ki te fè sa.

636
00:41:15,170 --> 00:41:20,070
>> Yeah, mwen wè. Kesyon an te ke, nan egzanp lan mwen jis te montre,

637
00:41:20,070 --> 00:41:25,790
te gen JSON a mo nan site alantou an -

638
00:41:25,790 --> 00:41:31,690
Mwen pral jis rale l 'ankò - alantou fonksyon an POST.

639
00:41:31,690 --> 00:41:43,320
Mwen jis rale l 'moute nan montre.

640
00:41:43,320 --> 00:41:46,890
Se konsa, isit la nan demann sa a POST, ak gen nan sa a JSON nan site.

641
00:41:46,890 --> 00:41:50,280
Sa jis defini sa n ap tann pwodiksyon an yo dwe.

642
00:41:50,280 --> 00:41:54,070
Se konsa, si nou pase nan JSON kòm kalite a te espere done,

643
00:41:54,070 --> 00:41:56,070
li nan pa yon kondisyon, men si nou pase l 'nan,

644
00:41:56,070 --> 00:41:58,590
Lè sa a, done yo pral otomatikman parcouru kòm JSON.

645
00:41:58,590 --> 00:42:00,600
Se konsa, nou pa bezwen rele fonksyon an analyzes JSON sou li,

646
00:42:00,600 --> 00:42:02,620
li pral jis rive otomatikman.

647
00:42:02,620 --> 00:42:05,150
Men, si ou pran yon gade nan dokiman an pou POST,

648
00:42:05,150 --> 00:42:09,850
gen sa a varyab di ki kalite done, ki kalite done atann nan sèvè a.

649
00:42:09,850 --> 00:42:12,660
Li défaut nan yon devine entelijan ki ka sa ki mal,

650
00:42:12,660 --> 00:42:15,520
konsa ou ka kite li vid, men li jis ki kalite done

651
00:42:15,520 --> 00:42:21,680
nan kodaj ke w ap itilize, si li nan JSON oswa XML oswa yon lòt bagay.

652
00:42:21,680 --> 00:42:25,280
>> Nenpòt lòt kesyon?

653
00:42:25,280 --> 00:42:27,300
Tout dwa. Si w gen nenpòt lòt kesyon, santi yo lib yo voye yon imèl ba m '

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

655
00:42:30,830 --> 00:42:34,860
ak glisad yo ak kòd yo ta dwe disponib sou entènèt trè byento.

656
00:42:34,860 --> 00:42:42,810
Bon chans ak pwojè final ou a, espere ke ou itilize jQuery.

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