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

2
00:00:02,690 --> 00:00:04,790
[Vipul Shekhawat, Chuo Kikuu cha Harvard]

3
00:00:04,790 --> 00:00:08,000
[Hii ni CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
Kama wewe ni kufuatia pamoja nyumbani, unaweza kweli kupata slides yangu online

5
00:00:10,640 --> 00:00:13,310
kwa kwenda kiungo hiki.

6
00:00:13,310 --> 00:00:18,650
Ni TjjRWj, juu ya bit.ly.

7
00:00:18,650 --> 00:00:20,700
Unaweza pia tu kwenda URL moja kwa moja,

8
00:00:20,700 --> 00:00:27,300
ambayo ni cloud.cs50.net / ~ vshekhawat, ambayo ni ya jina langu,

9
00:00:27,300 --> 00:00:32,409
na jQuery.

10
00:00:32,409 --> 00:00:34,920
Mimi sana kuhimiza wewe kufuata pamoja kama wewe ni kuangalia nyumbani,

11
00:00:34,920 --> 00:00:40,650
na kama wewe ni hapa, pia, kwa sababu hii ni toleo pretty maingiliano.

12
00:00:40,650 --> 00:00:43,160
>> Hivyo leo nina kwenda kwa kuzungumzia jQuery, na swali la kwanza ni,

13
00:00:43,160 --> 00:00:45,300
ni nini jQuery?

14
00:00:45,300 --> 00:00:47,090
Mwaka huu, najua wewe guys si kufunikwa JavaScript

15
00:00:47,090 --> 00:00:51,080
katika maelezo mengi kama sisi katika miaka ya nyuma.

16
00:00:51,080 --> 00:00:53,150
JavaScript ni, kwanza ya yote, tu lugha ya mteja upande

17
00:00:53,150 --> 00:00:58,390
kwamba matumizi ya kuendesha scripts na kanuni juu ya kila mashine ya mtumiaji.

18
00:00:58,390 --> 00:01:00,660
Hivyo kuwa na server ambayo hutoa kurasa za mtandao wa watu,

19
00:01:00,660 --> 00:01:02,600
lakini unaweza kutaka kufanya mambo juu ya mashine yao,

20
00:01:02,600 --> 00:01:08,060
kuuliza mashine yao ya kutuma maombi ya server yako kila sekunde 30 au kitu kama hicho.

21
00:01:08,060 --> 00:01:10,420
Unaweza kufanya hivyo kwa kutumia JavaScript.

22
00:01:10,420 --> 00:01:13,190
JQuery tu hutoa zaidi ya utendaji juu ya JavaScript

23
00:01:13,190 --> 00:01:15,680
kwamba anafanya mambo ya ziada kwa ajili yenu.

24
00:01:15,680 --> 00:01:17,710
Kama ukiangalia yaliyomo upande wa juu,

25
00:01:17,710 --> 00:01:21,410
kwamba inaeleza baadhi ya mambo ambayo wewe ni uwezo wa kufanya.

26
00:01:21,410 --> 00:01:23,500
Hivyo kwa ujumla, iliundwa katika Januari 2006.

27
00:01:23,500 --> 00:01:26,560
Ni mara ya kwanza mimba ya mwezi Agosti 2005.

28
00:01:26,560 --> 00:01:31,370
Ni imekuwa karibu kwa miaka michache, na kwa kweli ni sehemu ya harakati mpya Web 2.0

29
00:01:31,370 --> 00:01:34,330
kwamba alifanya hivyo shiny mtandao.

30
00:01:34,330 --> 00:01:37,630
Ni wengi sana kutumika JavaScript maktaba.

31
00:01:37,630 --> 00:01:41,450
Zaidi ya milioni 19.6 ya Nje ni kutumia, na matumizi bado ni kuongeza

32
00:01:41,450 --> 00:01:45,640
kulingana na builtwith.com, ambayo, inaonekana, zaidi ya mwaka jana,

33
00:01:45,640 --> 00:01:49,710
ina tu kuwa kuendelea kuongezeka kwa haki linearly.

34
00:01:49,710 --> 00:01:52,870
Miongoni mwa maeneo ya juu ya milioni 10, bado kuna -

35
00:01:52,870 --> 00:01:55,180
karibu 40% kati yao ni sasa kwa kutumia hiyo.

36
00:01:55,180 --> 00:01:58,540
Mufti anatumia hiyo, kura ya tovuti nyingine kwa sasa matumizi yake.

37
00:01:58,540 --> 00:02:01,540
Unaweza kuangalia takwimu hizo juu yako mwenyewe, kama Ningependa.

38
00:02:01,540 --> 00:02:05,820
Na unaweza kuwaambia legit ni kwa sababu ina msingi na wajumbe 13 wa bodi,

39
00:02:05,820 --> 00:02:11,910
pamoja na timu ya watu 20 ambao kazi juu yake mara kwa mara.

40
00:02:11,910 --> 00:02:16,110
Hivyo ni sana sana kutumika, ina org. URL, ni dhana tu,

41
00:02:16,110 --> 00:02:21,660
ina spin awamu ya pili kwa ajili ya mambo mengine, hivyo ni kubwa mpango huo.

42
00:02:21,660 --> 00:02:24,510
>> Kwa nini matumizi hayo? JQuery ni nyepesi sana.

43
00:02:24,510 --> 00:02:27,270
Hiyo ina maana siyo faili kubwa. Unaweza kushusha

44
00:02:27,270 --> 00:02:31,540
faili minified, ambayo ni bila nafasi nyeupe zote na maoni, na ni 32 tu kB.

45
00:02:31,540 --> 00:02:33,600
Hivyo ni rahisi tu toss kwenye mtandao ukurasa wako

46
00:02:33,600 --> 00:02:35,910
na tu kuanza kutumia.

47
00:02:35,910 --> 00:02:39,630
Ni pia sana ufanisi imeandikwa, hivyo hana kuchukua mengi ya -

48
00:02:39,630 --> 00:02:42,550
haina kupunguza kasi ya tovuti yako mengi wakati matumizi yake.

49
00:02:42,550 --> 00:02:45,770
Ni inakuwezesha kutekeleza mambo ambayo awali walikuwa unfeasible.

50
00:02:45,770 --> 00:02:47,790
Kuna baadhi ya masuala ya utendaji,

51
00:02:47,790 --> 00:02:51,780
kama kujenga Animations, kwamba kwa kawaida itakuwa vigumu sana kufanya.

52
00:02:51,780 --> 00:02:54,300
Lakini katika jQuery wao ni kweli ni rahisi sana.

53
00:02:54,300 --> 00:02:57,040
Na kuna baadhi ya mambo ambayo ni annoying kufanya,

54
00:02:57,040 --> 00:02:59,610
inawezekana katika JavaScript, kama kutuma ombi POST,

55
00:02:59,610 --> 00:03:02,190
lakini kwa kutuma ombi la server, una kuandika

56
00:03:02,190 --> 00:03:04,320
tano au sita au saba mstari wa kanuni.

57
00:03:04,320 --> 00:03:07,200
Sasa unaweza tu kufanya hivyo katika line moja ya kanuni, katika wito moja kazi.

58
00:03:07,200 --> 00:03:11,790
Kwamba kweli simplifies mengi ya mambo kuwa wewe ni kufanya.

59
00:03:11,790 --> 00:03:15,950
Na watoto wote baridi ni kutumia. Na kwamba, I mean mimi.

60
00:03:15,950 --> 00:03:19,270
Katika mradi yangu ya mwisho ya mwaka jana, ambayo ni news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
ambayo ni kwa ajili ya kituo cha redio, mimi umba hii blog

62
00:03:22,530 --> 00:03:29,750
ambayo majeshi inaonyesha wote kwamba tumefanya na mafaili ya MP3 kwa ajili yao.

63
00:03:29,750 --> 00:03:32,070
Unaweza kuvinjari kupitia maonyesho ya nyuma,

64
00:03:32,070 --> 00:03:34,130
na ni yote kufanyika kwa kutumia jQuery. Unaweza kuwaambia

65
00:03:34,130 --> 00:03:37,340
kwa sababu ya michoro yote haya, kimsingi.

66
00:03:37,340 --> 00:03:42,360
Hivyo kama una - kama wewe ni kujenga baada ya mwezi,

67
00:03:42,360 --> 00:03:45,980
unaweza kuona slideDowns hizi kidogo; kwamba yote kufanyika kwa kutumia jQuery.

68
00:03:45,980 --> 00:03:49,140
Na fade hii - kuwa hivyo aina ya mambo yote ni kufanyika kwa kutumia jQuery,

69
00:03:49,140 --> 00:03:52,720
na huna daima upya ukurasa navigate tovuti.

70
00:03:52,720 --> 00:03:57,220
Jambo jingine baridi kwamba alifanya kutumia jQuery ni hii mada.

71
00:03:57,220 --> 00:03:59,700
Mimi nina kutumia hii wazi chanzo kitu inaitwa scrolldeck,

72
00:03:59,700 --> 00:04:03,250
ambayo mtu aliandika juu ya jQuery.

73
00:04:03,250 --> 00:04:04,870
Kama kweli kuangalia chanzo, unaweza kuona kwamba

74
00:04:04,870 --> 00:04:07,830
wao ni kutumia hii ishara ya dola; ishara ya dola

75
00:04:07,830 --> 00:04:12,110
hutumika katika jQuery kwa ishara ya kwamba kazi ni kazi jQuery.

76
00:04:12,110 --> 00:04:15,020
Hivyo wao ni kufafanua kanga juu ya jQuery

77
00:04:15,020 --> 00:04:18,570
kwamba utapata kufanya presentation kama hii,

78
00:04:18,570 --> 00:04:21,200
na unaweza kuona kwamba hapa wao ni pamoja na awali jQuery faili,

79
00:04:21,200 --> 00:04:24,120
ambayo ni nini itabidi ni pamoja na kama unataka kutumia jQuery

80
00:04:24,120 --> 00:04:30,450
katika tovuti yako mwenyewe.

81
00:04:30,450 --> 00:04:32,790
>> Kugusa juu ya kwamba, jinsi gani unaweza kufunga hiyo?

82
00:04:32,790 --> 00:04:36,150
Unaweza tu kwenda jQuery.com na kushusha faili,

83
00:04:36,150 --> 00:04:38,320
kuongeza kwa saraka ya mtandao na ni pamoja na hiyo.

84
00:04:38,320 --> 00:04:42,200
Hivyo tu juu, katika tag mkuu wa faili yako ya HTML

85
00:04:42,200 --> 00:04:45,400
ya faili yako kuu HTML, tu na kwamba mstari wa kanuni

86
00:04:45,400 --> 00:04:49,490
na toleo sahihi kwa ajili ya ambayo toleo la jQuery unatumia.

87
00:04:49,490 --> 00:04:51,340
Unaweza kushusha ni kwa kwenda jQuery.com,

88
00:04:51,340 --> 00:04:55,130
bonyeza "jQuery shusha," na nimepata hilo. Hiyo ni.

89
00:04:55,130 --> 00:04:58,880
Na kwa kweli, tunaweza kuchukua kuangalia nini inaonekana kama.

90
00:04:58,880 --> 00:05:01,080
Kama bonyeza kushusha hapa, jQuery ni hii.

91
00:05:01,080 --> 00:05:05,260
Ni moja tu kubwa JavaScript faili kwamba anafanya mambo yote uchawi kwa ajili yenu.

92
00:05:05,260 --> 00:05:09,270
Hili ni toleo minified, ambayo si someka wakati wote.

93
00:05:09,270 --> 00:05:13,180
Unaweza pia kuangalia toleo maendeleo, ambayo ni someka

94
00:05:13,180 --> 00:05:15,370
lakini bado sana, muda mrefu sana.

95
00:05:15,370 --> 00:05:17,980
Ni mengi ya mambo ya huko.

96
00:05:17,980 --> 00:05:20,240
Unaweza pia kuunganisha na toleo ya Google mwenyeji wa hayo.

97
00:05:20,240 --> 00:05:23,820
Hivyo kwamba kutakuwa na kuruhusu tu kutegemea Google kutoa hiyo.

98
00:05:23,820 --> 00:05:29,310
Wao kutoa kila toleo la hayo, inapatikana wakati wote.

99
00:05:29,310 --> 00:05:31,530
Hivyo pengine unaweza kutegemea Google jeshi hilo kwa ajili yenu.

100
00:05:31,530 --> 00:05:33,270
Au unaweza zilizounganishwa na toleo jQuery ya mwenyewe karibuni.

101
00:05:33,270 --> 00:05:36,400
Wana URL kwamba daima updated na toleo la karibuni.

102
00:05:36,400 --> 00:05:40,850
Ni jQuery-karibuni, na kuna tatizo moja na kwamba,

103
00:05:40,850 --> 00:05:44,350
ambayo ni kwamba kama jQuery updated na baadhi ya utendaji uliopita

104
00:05:44,350 --> 00:05:47,250
walikuwa inakuwa retrograded au lawama,

105
00:05:47,250 --> 00:05:49,620
ili usiwe - inaweza kuanza si kupata msaada tena.

106
00:05:49,620 --> 00:05:52,940
Hivyo kama wewe kuandika tovuti kutumia toleo 1.8.2,

107
00:05:52,940 --> 00:05:55,000
na toleo 2.7 wakati hutoka nje

108
00:05:55,000 --> 00:05:57,000
baadhi ya kazi aliandika hawana kazi tena.

109
00:05:57,000 --> 00:05:59,930
Hivyo ni bora tu kushusha 32 kB faili,

110
00:05:59,930 --> 00:06:04,100
kuiweka kwenye mtandao ukurasa wako, na kutakuwa na kazi milele.

111
00:06:04,100 --> 00:06:07,450
>> Mimi nina kwenda mbele na kuanza kuzungumza juu ya utendaji halisi ya jQuery.

112
00:06:07,450 --> 00:06:13,090
Jambo la kwanza ni selectors. Hii ni nini jQuery awali mimba kutoa.

113
00:06:13,090 --> 00:06:15,500
Na unaweza bonyeza nyaraka kuangalia

114
00:06:15,500 --> 00:06:18,690
nyaraka za kina kwa selectors mimi nina kwenda kuwa kifuniko.

115
00:06:18,690 --> 00:06:24,120
Dhana selectors ni kwamba unaweza kuchagua vipengele HTML juu ya ukurasa.

116
00:06:24,120 --> 00:06:28,790
Vipengele kwenye ukurasa kuwa Vitambulisho vya madarasa na na mambo mengine kutambua kwao.

117
00:06:28,790 --> 00:06:30,500
Kuna pia - they're katika amri mbalimbali.

118
00:06:30,500 --> 00:06:32,570
Baadhi ya wakati wao ni Furushi ndani ya kila mmoja.

119
00:06:32,570 --> 00:06:38,120
JQuery utapata kujenga maswali rahisi kwamba retrieve vipengele kutoka ukurasa.

120
00:06:38,120 --> 00:06:41,890
Basi unaweza kuendesha mambo haya kwa kutumia kazi jQuery,

121
00:06:41,890 --> 00:06:43,990
ambayo ni sehemu ya kudanganywa tutaweza kupata baadaye.

122
00:06:43,990 --> 00:06:46,040
Unaweza kubadilisha HTML, mabadiliko CSS,

123
00:06:46,040 --> 00:06:50,500
unaweza pia animate na kuongeza utendaji kwamba kuamsha juu ya matukio fulani.

124
00:06:50,500 --> 00:06:52,710
Hivyo, kwa mfano, kama kitu fulani ni clicked, unataka kitu kutokea,

125
00:06:52,710 --> 00:06:55,210
unaweza kufanya hivyo kwa kutumia jQuery pia.

126
00:06:55,210 --> 00:06:57,380
Na kuna idadi kubwa ya njia ya kuchagua vipengele.

127
00:06:57,380 --> 00:07:00,310
Wengi wao sijawahi kutumika, lakini kuna wale msingi,

128
00:07:00,310 --> 00:07:02,340
ambayo ni pretty muhimu.

129
00:07:02,340 --> 00:07:05,750
selector kipengele, kwa mfano, kama wewe tu kuchagua kitu

130
00:07:05,750 --> 00:07:10,640
kwamba ni div - mimi kweli kuwa kanuni ya wazi kwa ajili ya kuwasilisha hii slide.

131
00:07:10,640 --> 00:07:13,450
Hivyo, kwa mfano, hapa slide kwanza.

132
00:07:13,450 --> 00:07:17,430
Hapa tuna div. Kama sisi kweli kuchagua divs zote katika ukurasa,

133
00:07:17,430 --> 00:07:22,300
hivyo itabidi tu kutupatia safu ya divs wote ambazo zipo katika faili hii.

134
00:07:22,300 --> 00:07:27,040
Selector ID inakuwezesha kuchagua kitu na ID aliyopewa.

135
00:07:27,040 --> 00:07:32,230
Hivyo kama hii, kwa mfano, jambo hili ana ID "nini,"

136
00:07:32,230 --> 00:07:37,160
na kama sisi alifanya hivyo na # nini badala ya ID ya baadhi,

137
00:07:37,160 --> 00:07:42,920
ingekuwa tu kurudi safu kwamba ina kipengele moja na kwamba ni kwamba kipengele ya ukurasa.

138
00:07:42,920 --> 00:07:45,490
Tunaweza pia kuchanganya selectors njia hii kwa kuwa na

139
00:07:45,490 --> 00:07:48,260
tu kuchagua vitu na vitambulisho kwamba ni divs.

140
00:07:48,260 --> 00:07:51,810
Hivyo yeah. Tu kuchagua divs kwamba kuwa na kwamba ID.

141
00:07:51,810 --> 00:07:55,260
Kwa ajili ya darasa wewe tu kutumia dot, ni kitu sawa kama CSS.

142
00:07:55,260 --> 00:07:57,500
Ukoo pia kazi, hivyo kama una baadhi ya darasani

143
00:07:57,500 --> 00:08:00,170
na ina Furushi vipengele ndani yake - hivyo, kwa mfano,

144
00:08:00,170 --> 00:08:03,260
kuna baadhi ya darasa na ina tag nanga zilizounganishwa na ukurasa mwingine,

145
00:08:03,260 --> 00:08:08,510
unaweza kutumia hii syntax retrieve kiungo.

146
00:08:08,510 --> 00:08:12,420
Unaweza pia kuchagua mambo mbalimbali kwa mara moja; tu baina yao kwa koma,

147
00:08:12,420 --> 00:08:17,360
matumizi yoyote selector Ningependa, na wewe kuchagua wao wote kwa mara moja, katika safu moja.

148
00:08:17,360 --> 00:08:19,650
Na kisha kuna pia si selector, hivyo unaweza kuchagua divs kila

149
00:08:19,650 --> 00:08:24,210
kwamba hawana baadhi ya darasa maalum.

150
00:08:24,210 --> 00:08:28,790
Na kwamba ni njia tu ya kusaidia kupata kuanzishwa kwa jinsi uteuzi hii kazi.

151
00:08:28,790 --> 00:08:32,270
Mimi itabidi kuonyesha baadhi ya mifano halisi katika pili.

152
00:08:32,270 --> 00:08:35,480
>> Selectors juu ni - haya ni mifano michache tu.

153
00:08:35,480 --> 00:08:38,840
Kuna mambo kadhaa ya hizi, lakini kama unataka kuchagua vitambulisho wote picha

154
00:08:38,840 --> 00:08:42,799
ndani ya kipengele fulani, basi wewe tu kufanya: picha.

155
00:08:42,799 --> 00:08:45,340
Kama unataka kuchagua mambo hata, kwa mfano, kama kuna 20 ya yao,

156
00:08:45,340 --> 00:08:48,290
unataka kuchagua 0, 2, 4, 6 na kadhalika,

157
00:08:48,290 --> 00:08:51,630
kufanya: hata, au unaweza pia kufanya: isiyo ya kawaida.

158
00:08:51,630 --> 00:08:55,470
Hizi ni Pseudo selectors, ambayo ina maana kwamba kwa kweli compute

159
00:08:55,470 --> 00:09:00,960
kila kipengele nyingine badala ya kwenda tu na kuchagua wao wote.

160
00:09:00,960 --> 00:09:05,510
Unaweza pia - kila kipengele unaweza pia kuwa na sifa maalum.

161
00:09:05,510 --> 00:09:10,580
Hivyo, kwa mfano, darasa = katikati pia ni sifa.

162
00:09:10,580 --> 00:09:16,500
Kwa tag hii nanga, href, HyperText kumbukumbu, ni sifa pia.

163
00:09:16,500 --> 00:09:21,150
Hivyo unaweza kuchagua kitu ambacho viungo ukurasa maalum au tu - ni kweli ujumla.

164
00:09:21,150 --> 00:09:25,410
Unaweza kuchagua kitu na sifa yoyote kwamba Ningependa.

165
00:09:25,410 --> 00:09:27,470
Na kisha, pia, sifa ina.

166
00:09:27,470 --> 00:09:30,420
Kama, kwa mfano, alitaka kuchagua mambo yote pembejeo

167
00:09:30,420 --> 00:09:32,700
kwamba kuwa na neno "kupita" kama jina yao,

168
00:09:32,700 --> 00:09:37,560
kama ukurasa ina Nakala pembejeo kuzuia

169
00:09:37,560 --> 00:09:41,050
kwamba wito "neno la siri," kwamba d kuwa njia moja kwamba unaweza kuchagua.

170
00:09:41,050 --> 00:09:43,020
Na kuna wengi zaidi. Unaweza kwenda mbele na kuangalia nyaraka

171
00:09:43,020 --> 00:09:46,950
na kuona mifano maalum ya jinsi kazi.

172
00:09:46,950 --> 00:09:48,840
>> Jambo la pili ni DOM kudanganywa.

173
00:09:48,840 --> 00:09:52,500
Baada ya sisi kuchagua vipengele, sisi unataka kweli kufanya mambo pamoja nao.

174
00:09:52,500 --> 00:09:55,500
Hadi sasa tuna si inaonekana katika kwamba wakati wote, lakini kama ukiangalia katika nyaraka,

175
00:09:55,500 --> 00:09:57,950
kuna kweli mengi ambayo tunaweza kufanya.

176
00:09:57,950 --> 00:10:02,900
Katika hatua hii, tunakwenda kuchagua vipengele juu ya mada hii

177
00:10:02,900 --> 00:10:04,890
na kuendesha yao kwa kutumia jQuery.

178
00:10:04,890 --> 00:10:08,290
Kwa sababu hii ni kutekelezwa kwa kutumia jQuery, tuna kupata maktaba jQuery,

179
00:10:08,290 --> 00:10:13,580
na tunaweza kutumia kazi hizo ndani ya kanuni hii.

180
00:10:13,580 --> 00:10:16,200
Moja muhimu kitu kwamba huwezi kujua kuhusu ni console.

181
00:10:16,200 --> 00:10:19,340
Na Google Chrome ni nini mimi nina kutumia. Unaweza waandishi alt amri J

182
00:10:19,340 --> 00:10:21,720
au alt kudhibiti J kufungua console.

183
00:10:21,720 --> 00:10:26,130
Katika Firefox Nadhani amri ni kuhama K au kudhibiti mabadiliko ya K.

184
00:10:26,130 --> 00:10:28,880
Katika Safari una kwenda mabadiliko ya mazingira fulani.

185
00:10:28,880 --> 00:10:35,460
Kuna kiungo kama Ningependa kufanya hivyo, lakini mimi kupendekeza kupata Chrome au Firefox.

186
00:10:35,460 --> 00:10:37,750
Basi hebu kufungua console, ni chini hapa.

187
00:10:37,750 --> 00:10:41,170
Ni utapata kimsingi tu kufanya kitu chochote unataka.

188
00:10:41,170 --> 00:10:45,100
Hivyo unaweza tu aina katika kujenga variable kuitwa x,

189
00:10:45,100 --> 00:10:49,200
x = 5, hebu angalia nini x + 2 ni.

190
00:10:49,200 --> 00:10:57,670
Unaweza hata kufanya kitu kama CS + hebu angalia, x + 45, ambayo itakuwa CS50.

191
00:10:57,670 --> 00:11:00,530
Unaweza tu kufanya baadhi ya kawaida JavaScript mambo ya ajabu.

192
00:11:00,530 --> 00:11:02,730
Lakini pia unaweza kufanya jQuery katika hapa.

193
00:11:02,730 --> 00:11:06,200
>> Hivyo hebu angalia katika nyanja hii ya kwanza hapa.

194
00:11:06,200 --> 00:11:09,500
Tunakwenda kujenga variable iitwayo HTML, ambayo ni kamba.

195
00:11:09,500 --> 00:11:15,890
Ina tag aya katika yake, kwamba wito baadhi ya maandishi mpya.

196
00:11:15,890 --> 00:11:19,420
Hivyo tuna hii HTML, ni baadhi ya maandishi mpya, katika vitambulisho aya.

197
00:11:19,420 --> 00:11:21,800
Sasa sisi kweli unataka kuongeza kwa ukurasa.

198
00:11:21,800 --> 00:11:28,310
Mimi kuweka juu ili HTML kwa aya hii, jina hili hapa, ni append ID.

199
00:11:28,310 --> 00:11:32,320
Kama sisi kuchagua append ID na kisha append yake

200
00:11:32,320 --> 00:11:34,560
Kutofautiana HTML mimi tu umba,

201
00:11:34,560 --> 00:11:40,370
itakuwa kuongeza kwamba HTML mwishoni, haki baada tag aya hii.

202
00:11:40,370 --> 00:11:43,730
Hivyo kama sisi kufanya hivyo - sisi kuchaguliwa aya hii,

203
00:11:43,730 --> 00:11:47,590
na tumekuwa aitwaye kazi append na kutofautiana HTML mimi tu aliongeza,

204
00:11:47,590 --> 00:11:50,960
itakuwa kuongeza kwamba maandishi mapya haki pale juu ya ukurasa.

205
00:11:50,960 --> 00:11:54,970
Tunaweza pia prepend, ambayo ina maana itakuwa kwenda mbele, katika mwanzo wa kipengele hicho.

206
00:11:54,970 --> 00:11:58,290
Hivyo kuna baadhi ya maandishi mpya mwanzoni na baadaye.

207
00:11:58,290 --> 00:12:01,660
Siwezi kwenda mbele na kupata mahitaji ya kujikwamua mambo haya nimekuwa tu kufanyika.

208
00:12:01,660 --> 00:12:05,280
Lakini hiyo ni mfano wa jinsi unaweza kutumia prepend na append mbinu

209
00:12:05,280 --> 00:12:08,910
kuendesha mambo kwenye ukurasa, kuongeza baadhi ya HTML.

210
00:12:08,910 --> 00:12:11,080
>> Unaweza pia mabadiliko ya madarasa.

211
00:12:11,080 --> 00:12:14,970
Nyuma katika faili hii style, nimekuwa aliumba hii kwa ajili ya darasa kushinda

212
00:12:14,970 --> 00:12:19,990
kwamba ina Nakala rangi nyekundu, baadhi ya rangi ya background, na kivuli maandishi.

213
00:12:19,990 --> 00:12:23,810
Inaonekana hideous, lakini siwezi kweli -

214
00:12:23,810 --> 00:12:26,410
aya hii sambamba na ID darasa.

215
00:12:26,410 --> 00:12:29,860
Hivyo naweza kuongeza darasa kwa ajili ya kushinda.

216
00:12:29,860 --> 00:12:31,870
Mimi unaweza nitafanya hii katika console,

217
00:12:31,870 --> 00:12:35,480
na kwamba kuongeza kuwa darasa, na sasa inaonekana hideous, kama ilivyotarajiwa.

218
00:12:35,480 --> 00:12:39,680
CSS moja kwa moja anapata kutumika kwa madarasa ambayo wewe -

219
00:12:39,680 --> 00:12:42,680
kama kuna CSS kwa darasa, ni moja kwa moja anapata kutumika

220
00:12:42,680 --> 00:12:44,680
kama mabadiliko ya darasa ya kipengele.

221
00:12:44,680 --> 00:12:49,230
Basi tunaweza tu kuondoa hiyo kwa kutumia darasa kuondoa.

222
00:12:49,230 --> 00:12:53,690
Hivyo kama una baadhi ya madarasa predefined kama nyekundu au yalionyesha,

223
00:12:53,690 --> 00:12:55,990
na kisha unataka wale yanahusu mambo,

224
00:12:55,990 --> 00:12:58,230
huna kufanya CSS kila styling kila wakati.

225
00:12:58,230 --> 00:13:01,510
Unaweza tu kuongeza darasa kwa kipengele, na kisha moja kwa moja kuwa -

226
00:13:01,510 --> 00:13:05,580
itakuwa moja kwa moja kuangalia sahihi kwa ajili ya darasa hilo.

227
00:13:05,580 --> 00:13:07,900
Tunaweza pia kuondoa mambo; hivyo mimi nina kwenda kuchagua divs kila

228
00:13:07,900 --> 00:13:10,830
katika ukurasa na kuondoa yao.

229
00:13:10,830 --> 00:13:13,990
Kile ni kwamba kwenda kuangalia kama?

230
00:13:13,990 --> 00:13:16,170
Ni kwenda kuangalia kama kitu, hivyo kuna kweli hakuna kitu kushoto.

231
00:13:16,170 --> 00:13:18,170
Mada yangu ni gone.

232
00:13:18,170 --> 00:13:21,290
Siwezi kupata mahitaji na kuleta nyuma, bahati nzuri,

233
00:13:21,290 --> 00:13:24,420
sababu ni kukimbia tu mara moja,

234
00:13:24,420 --> 00:13:29,460
lakini hiyo ni mfano wa kuondoa, kama unataka kabisa kuharibu kipengele mbali ya ukurasa.

235
00:13:29,460 --> 00:13:33,180
>> Unaweza pia overwrite, na mimi nina kwenda kuchagua vitambulisho wote aya juu ya ukurasa

236
00:13:33,180 --> 00:13:36,850
na kwenda ndani yao na badala chochote Nakala wao katika wao

237
00:13:36,850 --> 00:13:39,690
na tu neno "kupima."

238
00:13:39,690 --> 00:13:46,520
Kama kufanya hivyo, itabidi kuchukua nafasi ya kila aya juu ya ukurasa na kupima hii.

239
00:13:46,520 --> 00:13:49,150
Yep. Wao ni wote kubadilishwa na kupima.

240
00:13:49,150 --> 00:13:53,270
Hivyo kwamba ni mfano wa kupata maandishi na overwriting yake.

241
00:13:53,270 --> 00:13:57,490
Unaweza pia kupata taarifa, na hii ni kweli baridi kwa ajili ya masanduku ya pembejeo.

242
00:13:57,490 --> 00:14:00,470
Kama una boksi pembejeo kwamba watu ni kuandika mambo ya ndani,

243
00:14:00,470 --> 00:14:03,880
watu ni kuandika mambo ya ndani yake,

244
00:14:03,880 --> 00:14:09,030
hapa sisi kuchagua pembejeo, yoyote tag pembejeo na aina ya maandishi.

245
00:14:09,030 --> 00:14:13,800
Katika kesi hii, kuna moja tu pembejeo ya sanduku katika mada nzima,

246
00:14:13,800 --> 00:14:17,260
hivyo tutaweza tu kuchagua moja ya kwanza, na kisha sisi wito kazi val juu yake.

247
00:14:17,260 --> 00:14:19,570
Kwamba anarudi thamani, na kwa ajili ya sanduku pembejeo,

248
00:14:19,570 --> 00:14:24,330
thamani ni tu chochote kinachotokea kwa kuwa ndani yake.

249
00:14:24,330 --> 00:14:31,880
Hivyo kama sisi kufanya hivyo, ni tu anarudi mambo kamba.

250
00:14:31,880 --> 00:14:36,860
Na kama sisi kuiita tena baada ya kuandika zaidi mambo, ni zamu katika mambo zaidi.

251
00:14:36,860 --> 00:14:40,760
Hiyo ni moja kubwa njia ya kupata mambo ya sanduku pembejeo, na kisha kuangalia,

252
00:14:40,760 --> 00:14:45,060
hii ni halali ya barua pepe, hii ni tarehe halali, kwa mfano.

253
00:14:45,060 --> 00:14:49,600
Unaweza tu retrieve mambo instantly kama watu ni kuandika hayo,

254
00:14:49,600 --> 00:14:54,830
na kisha kuangalia kama ni halali, kutuma nyuma ya server, kufanya kitu chochote unataka na hayo.

255
00:14:54,830 --> 00:14:57,720
Na kwamba ni jinsi gani kupata nini ndani ya masanduku hayo.

256
00:14:57,720 --> 00:15:00,090
>> Unaweza pia kurekebisha CSS moja kwa moja, hivyo badala ya kuongeza

257
00:15:00,090 --> 00:15:02,510
darasa kwamba ana tabia ya baadhi ya predefined,

258
00:15:02,510 --> 00:15:08,120
unaweza tu kuongeza chochote CSS unataka kitu chochote.

259
00:15:08,120 --> 00:15:10,350
Basi hebu kuchagua mwili, ambayo ni mada nzima,

260
00:15:10,350 --> 00:15:14,370
na Michezo ni mali ya kwamba amefafanua nini rangi maandishi ni.

261
00:15:14,370 --> 00:15:19,420
Kama sisi mabadiliko hayo na nyekundu, maandishi yote katika ukurasa kurejea na nyekundu.

262
00:15:19,420 --> 00:15:26,310
Tunaweza kufanya kitu kama background rangi ya bluu,

263
00:15:26,310 --> 00:15:30,680
kuna sisi kwenda, ni nzuri.

264
00:15:30,680 --> 00:15:33,840
Unaweza kufanya kitu chochote unataka na hii.

265
00:15:33,840 --> 00:15:39,250
Kutumia mali CSS, unaweza kweli kurekebisha jinsi kitu inaonekana wakati wowote.

266
00:15:39,250 --> 00:15:41,630
Jambo la pili ni madhara.

267
00:15:41,630 --> 00:15:45,710
Madhara kimsingi ni kitu kimoja kama kubadilisha CSS,

268
00:15:45,710 --> 00:15:48,870
lakini kwa kweli kutoa baadhi ya uhuishaji ziada yake.

269
00:15:48,870 --> 00:15:53,380
Hivyo badala ya kuonyesha tu au mafichoni kitu au kubadilisha rangi,

270
00:15:53,380 --> 00:15:56,130
unaweza kweli kufanya hivyo animated.

271
00:15:56,130 --> 00:16:00,760
Hapa ni nyaraka, kama unataka kuangalia nyaraka kina kwa ajili yake.

272
00:16:00,760 --> 00:16:04,760
Lakini nina kwenda kufidia wale kuu.

273
00:16:04,760 --> 00:16:12,030
Kuna show na mali kujificha.

274
00:16:12,030 --> 00:16:14,510
Show / hide ID kweli sambamba na sanduku hili zima,

275
00:16:14,510 --> 00:16:18,190
hivyo kama mimi kujificha, itakuwa tu kutoweka.

276
00:16:18,190 --> 00:16:24,210
Na siwezi kuonyesha tena kama nataka kufanya hivyo kuja nyuma.

277
00:16:24,210 --> 00:16:26,340
Na ni nyuma. Haikuwa kweli kutoweka,

278
00:16:26,340 --> 00:16:30,670
Sikuweza kwa kweli kuondoa hiyo kutoka ukurasa, mimi tu kuweka mali CSS ya kujulikana kwa siri

279
00:16:30,670 --> 00:16:34,030
hivyo huwezi kuona tena.

280
00:16:34,030 --> 00:16:39,250
Kuna pia slide juu na slide chini; kwamba inaruhusu kuwa na athari hii.

281
00:16:39,250 --> 00:16:47,050
Ni slides hadi kutoweka, na baada ya kutoweka

282
00:16:47,050 --> 00:16:53,210
unaweza slide ni chini ya kufanya hivyo kuja nyuma. Na sasa ni nyuma.

283
00:16:53,210 --> 00:16:57,650
Pia kuna athari hii kuisha, ambayo - ID fade sambamba na sanduku hili.

284
00:16:57,650 --> 00:17:01,200
Kama mimi fade nje, basi utakuwa polepole kutoweka.

285
00:17:01,200 --> 00:17:04,490
Pia naweza kuisha katika, na itakuwa nyuma.

286
00:17:04,490 --> 00:17:08,930
Unaweza pia kufanya fade kwa, ambayo ni maalum kwa kazi fade.

287
00:17:08,930 --> 00:17:12,589
Unaweza kuwa ni kufifia kwa opacity yoyote maalum kwamba unataka.

288
00:17:12,589 --> 00:17:16,869
Hivyo kama wewe fade polepole kwenye 0.5, kutakuwa na kuwa nusu inayoonekana.

289
00:17:16,869 --> 00:17:22,630
Naweza kufanya ni kwenda kwa 0.1, na nyuma ya 1 ya kufanya hivyo kikamilifu inayoonekana tena.

290
00:17:22,630 --> 00:17:24,760
Hiyo tu mwingine uhuishaji kwamba unaweza kufanya.

291
00:17:24,760 --> 00:17:26,750
>> Pia kuna madhara kugeuza.

292
00:17:26,750 --> 00:17:33,410
Hivyo nina kwenda kuchagua ID kugeuza, ambayo sambamba na sanduku hili,

293
00:17:33,410 --> 00:17:38,970
na juu div kwamba unaweza kupiga kugeuza; kama ni inayoonekana itakuwa asiyeonekana,

294
00:17:38,970 --> 00:17:42,320
kama ni asiyeonekana itakuwa inayoonekana tena.

295
00:17:42,320 --> 00:17:44,440
Hivyo mimi tu kuitwa hii kazi kugeuza mara mbili; moja ya kwanza ilikuwa

296
00:17:44,440 --> 00:17:48,380
kitu sawa kama kujificha, wito wa pili alikuwa kitu sawa kama show.

297
00:17:48,380 --> 00:17:53,510
Na pia unaweza kufanya pamoja na kugeuza kuisha,

298
00:17:53,510 --> 00:17:55,730
ambayo haina kitu kimoja, isipokuwa ni kweli unafifia.

299
00:17:55,730 --> 00:17:59,410
Na kitu kimoja na slide kugeuza.

300
00:17:59,410 --> 00:18:01,460
Kuna madhara minyororo kama vile, ambayo ina maana ya

301
00:18:01,460 --> 00:18:05,520
kama wewe kuchagua kipengele na kuwaita tu rundo ya mbinu uhuishaji juu yake,

302
00:18:05,520 --> 00:18:07,400
kama alitaka ni kufifia nje, basi slide chini,

303
00:18:07,400 --> 00:18:11,040
na kisha kujificha na kisha kuisha katika, itakuwa kufanya nao katika mstari.

304
00:18:11,040 --> 00:18:24,920
Hivyo kutoweka, akaja nyuma - kwa sababu fulani, kujificha halikutokea.

305
00:18:24,920 --> 00:18:30,030
Hebu jaribu nje. Yeah, hivyo ni Faded nje na kisha slid mbali.

306
00:18:30,030 --> 00:18:32,230
Na kuna mengi zaidi. Unaweza kutumia kazi hai

307
00:18:32,230 --> 00:18:35,370
kuunda yako mwenyewe michoro, ambayo ni haki ya tata,

308
00:18:35,370 --> 00:18:38,790
lakini hutoa kwa extensibility usio.

309
00:18:38,790 --> 00:18:40,630
Unaweza kufanya aina yoyote ya uhuishaji unataka.

310
00:18:40,630 --> 00:18:44,230
Unaweza pia kutumia foleni kwa foleni hadi michoro mbalimbali kwa wakati.

311
00:18:44,230 --> 00:18:47,340
Hivyo kama unataka kitu kwa kuruka katika ukurasa,

312
00:18:47,340 --> 00:18:49,860
slide kutoka kulia juu ya kushoto chini, unaweza kufanya hivyo,

313
00:18:49,860 --> 00:18:55,240
na tu kuwa na rundo la vitendo kwenda moja baada ya nyingine.

314
00:18:55,240 --> 00:18:57,490
>> jambo la pili tunakwenda kuzungumzia ni matukio.

315
00:18:57,490 --> 00:19:02,090
Matukio ya kuruhusu - hadi sasa, sisi been tu kuandika mambo katika console

316
00:19:02,090 --> 00:19:04,870
na kwamba ni njia moja ya kufanya hili kutokea,

317
00:19:04,870 --> 00:19:08,020
lakini katika ukurasa halisi, wewe si kwenda kuwa na uwezo wa

318
00:19:08,020 --> 00:19:10,020
kufanya mambo ya aina user katika console.

319
00:19:10,020 --> 00:19:12,050
Unataka mambo kutokea moja kwa moja.

320
00:19:12,050 --> 00:19:18,060
Kwa kuwa, unahitaji kutumia matukio kwamba kuamsha juu ya kinachotokea baadhi baadhi ya tukio hilo.

321
00:19:18,060 --> 00:19:21,340
Unaweza kuangalia nyaraka kwa maelezo kamili.

322
00:19:21,340 --> 00:19:24,030
Basi hebu angalia. Tunataka kuficha au kuonyesha ya sanduku,

323
00:19:24,030 --> 00:19:29,340
lakini hivi sasa kifungo hii haina kufanya kitu chochote kwa sababu mimi si kutekeleza hayo bado.

324
00:19:29,340 --> 00:19:35,420
Mimi nina kwenda kwa ukurasa halisi HTML.

325
00:19:35,420 --> 00:19:38,560
Hapa ni slide. Kuna div kwa slide.

326
00:19:38,560 --> 00:19:41,230
Ni ana darasa la slide.

327
00:19:41,230 --> 00:19:46,890
Kuna maandishi. Sasa, kuna hii sanduku na kifungo sanduku.

328
00:19:46,890 --> 00:19:52,900
Jinsi gani sisi kweli kufanya hii kutoweka?

329
00:19:52,900 --> 00:19:58,250
Awali ya yote, hebu kuandika kazi kwamba inafanya ID sanduku kutoweka.

330
00:19:58,250 --> 00:20:01,820
Hii ni syntax kwa funtion, hebu tu kuiita hideTheBox.

331
00:20:01,820 --> 00:20:06,130
Haina kuchukua hoja yoyote, kwa sababu hakuna hoja kuchukuliwa.

332
00:20:06,130 --> 00:20:08,950
Tunaweza kuchagua ID sanduku.

333
00:20:08,950 --> 00:20:15,020
Hivyo kwa kutumia jQuery kuchagua, tunaweza kuchagua sanduku ID,

334
00:20:15,020 --> 00:20:17,700
na kisha tu kufanya hivyo kutoweka.

335
00:20:17,700 --> 00:20:20,690
Hebu kufanya hivyo fade nje.

336
00:20:20,690 --> 00:20:27,390
Kama sisi mbio kazi huu katika console halisi,

337
00:20:27,390 --> 00:20:33,380
tunaweza kufafanua kazi huu; tunaweza kuwaita hideTheBox, na ni kazi.

338
00:20:33,380 --> 00:20:36,650
Lakini tunataka kwa kutokea wakati kifungo ni kweli taabu.

339
00:20:36,650 --> 00:20:40,950
Kufanya hivyo, sisi kuwa na matumizi ya tukio hilo.

340
00:20:40,950 --> 00:20:45,500
Kumfunga tukio kifungo baadhi maalum au baadhi ya kinachotokea hatua,

341
00:20:45,500 --> 00:20:50,040
tuna kuchagua kipengele kwamba tukio trigger -

342
00:20:50,040 --> 00:20:52,650
au kwamba trigger tukio, pole.

343
00:20:52,650 --> 00:20:57,220
>> Hivyo kwanza ya yote, hebu kuchagua kifungo sanduku ID

344
00:20:57,220 --> 00:20:59,610
kwa sababu hiyo ni kifungo, na sasa, kwa kifungo kwamba,

345
00:20:59,610 --> 00:21:02,750
tunataka kujenga uhuishaji wakati ni clicked.

346
00:21:02,750 --> 00:21:05,040
Hivyo kuna kazi huu click.

347
00:21:05,040 --> 00:21:08,470
Ni utapata kumfunga kazi nyingine kwa hilo.

348
00:21:08,470 --> 00:21:12,320
Kazi hii inachukua kazi nyingine kama hoja

349
00:21:12,320 --> 00:21:14,310
tunaweza kupita katika kazi hideTheBox,

350
00:21:14,310 --> 00:21:20,950
na wakati wowote kifungo hii ni clicked, kazi ambayo moja kwa moja nitafanya.

351
00:21:20,950 --> 00:21:24,850
Hivyo hii itakuwa na kazi kama sisi kuokoa hii, mimi itabidi kupata mahitaji,

352
00:21:24,850 --> 00:21:33,460
na - moja ya pili, samahani.

353
00:21:33,460 --> 00:21:44,770
Hebu kurekebisha hii kweli haraka.

354
00:21:44,770 --> 00:21:50,680
Sawa. Kuna sisi kwenda. Hivyo sasa ni kutoweka sanduku wakati sisi bonyeza kifungo.

355
00:21:50,680 --> 00:21:55,470
Tunaweza pia kubadilisha hii tu fadeToggle,

356
00:21:55,470 --> 00:22:00,020
mabadiliko hayo tu kuficha au kuonyesha ya sanduku,

357
00:22:00,020 --> 00:22:03,850
na hii pia kazi pia, kama sisi kupata mahitaji.

358
00:22:03,850 --> 00:22:08,550
Tunaweza kuficha hilo, tunaweza pia kuonyesha kuwa, na kwamba itaendelea kufanya kazi.

359
00:22:08,550 --> 00:22:12,210
Jambo jingine tunaweza kufanya ni, sisi si kweli kuwa kufafanua kazi huu hideTheBox

360
00:22:12,210 --> 00:22:15,050
kabla ya sisi kuwaita kazi click.

361
00:22:15,050 --> 00:22:17,640
Hivyo badala ya kufafanua kazi na wito hideTheBox,

362
00:22:17,640 --> 00:22:20,310
sisi ni kwenda tu kuiita kama jambo hili ni clicked.

363
00:22:20,310 --> 00:22:22,310
Hivyo tunaweza kufafanua anonymously katika hapa,

364
00:22:22,310 --> 00:22:25,070
ambayo ni kipengele kwamba JavaScript ina.

365
00:22:25,070 --> 00:22:29,720
Unaweza kufafanua kazi; kawaida, tunataka kusema kazi hideTheBox

366
00:22:29,720 --> 00:22:34,490
na hoja, lakini badala yake, tunaweza kusema tu kazi hoja hakuna,

367
00:22:34,490 --> 00:22:36,870
kuanza brace curly kufafanua kazi,

368
00:22:36,870 --> 00:22:40,780
karibu kwamba brace curly, na kisha tu kufafanua kazi katika hapa,

369
00:22:40,780 --> 00:22:45,130
ndani ya mabano ya kwanza na ya mwisho mabano

370
00:22:45,130 --> 00:22:47,860
kwamba yanahusiana na hoja za kazi click.

371
00:22:47,860 --> 00:22:53,320
Hivyo sisi ni kupita katika kazi hii, tunaweza nakala hii mstari wa kanuni hapa hapa,

372
00:22:53,320 --> 00:22:55,450
na kwamba kufanya exact kitu.

373
00:22:55,450 --> 00:22:57,290
Na sasa hatuna hii random fadeTheBox kazi

374
00:22:57,290 --> 00:22:59,960
kwamba ni wamekaa kuzunguka kwa sababu hakuna dhahiri.

375
00:22:59,960 --> 00:23:02,070
kazi ilikuwa defined anonymously, hana jina.

376
00:23:02,070 --> 00:23:08,060
Itakuwa tu nitafanya wakati sisi bonyeza kifungo sanduku.

377
00:23:08,060 --> 00:23:12,180
Hivyo kuburudisha mara moja zaidi, moja zaidi ya muda, na unaweza kuona kwamba bado kazi.

378
00:23:12,180 --> 00:23:16,700
Na kwamba ni jinsi gani kujenga matukio.

379
00:23:16,700 --> 00:23:19,190
>> Kuna mengi ya matukio mbalimbali ambayo tunaweza kutumia.

380
00:23:19,190 --> 00:23:23,540
Mimi nina kwenda kubadili nyuma kwa kutumia console tu kuonyesha jinsi hizi kazi.

381
00:23:23,540 --> 00:23:28,210
Vitambulisho kwa kila moja ya haya yanahusiana na sanduku ya kila aina.

382
00:23:28,210 --> 00:23:33,020
Hivyo sanduku hili ni click ID, hii ni moja ya muhimu ID, na hii ni moja ya panya ID.

383
00:23:33,020 --> 00:23:36,120
Jambo moja zaidi ni kwamba kuna kazi huu hatua; badala ya kuandika ni nje kila wakati,

384
00:23:36,120 --> 00:23:41,610
Mimi kwa kweli alikwenda mbele na inavyoelezwa kazi huu hatua chini hapa.

385
00:23:41,610 --> 00:23:46,860
Ni haina kitu kimoja kama kazi hideTheBox.

386
00:23:46,860 --> 00:23:51,340
Anapata hii sanduku na unafifia ama nje au unafifia ni in

387
00:23:51,340 --> 00:23:54,110
Na kwamba ni kwa nini sisi ni uwezo wa kutumia hapa.

388
00:23:54,110 --> 00:24:00,350
Hivyo kama sisi bonyeza ID hii click, tunataka kufanya sanduku kutoweka au reappear.

389
00:24:00,350 --> 00:24:03,610
Ni kitu kimoja kama kifungo kwamba tulikuwa katika slide ya mwisho.

390
00:24:03,610 --> 00:24:07,450
Sasa baada ya sisi kuwaita kwamba, tunaweza bonyeza hii na sanduku hupotea,

391
00:24:07,450 --> 00:24:10,160
kisha bonyeza tena na sanduku mapenzi reappear.

392
00:24:10,160 --> 00:24:12,480
Hiyo ni pretty rahisi. Click mara mbili haina kitu kimoja,

393
00:24:12,480 --> 00:24:15,660
ila inahitaji click mara mbili.

394
00:24:15,660 --> 00:24:19,030
Hivyo kama wewe bonyeza juu yake mara moja na bonyeza tena kitu kitatokea,

395
00:24:19,030 --> 00:24:21,140
lakini kama wewe bonyeza mara mbili kwa haraka, hivyo itabidi kutoweka.

396
00:24:21,140 --> 00:24:23,310
Kama wewe bonyeza mara mbili tena, itakuwa nyuma.

397
00:24:23,310 --> 00:24:25,250
Hivyo kwamba ni pretty rahisi.

398
00:24:25,250 --> 00:24:31,170
Kinanda pembejeo ni aina ya weird; sidhani ni kweli kazi katika mfano huu

399
00:24:31,170 --> 00:24:37,670
sababu muhimu chini, juu ya msingi na waandishi wa habari muhimu na nyingine hatua muhimu

400
00:24:37,670 --> 00:24:47,190
kuamsha bila kujali kipengele wewe kumfunga kwa.

401
00:24:47,190 --> 00:24:51,410
Kwa mfano, hata kama mimi amefungwa muhimu chini kwa mwili au kitu kingine kabisa,

402
00:24:51,410 --> 00:24:55,950
basi ingekuwa bado kuamsha hakuna jambo - si maalum.

403
00:24:55,950 --> 00:25:00,190
Sina kuwa kubonyeza hii na vyombo vya habari muhimu kufanya kitu kutoweka.

404
00:25:00,190 --> 00:25:04,470
Itakuwa ulioamilishwa bila kujali kile kipengele mimi nina sasa in

405
00:25:04,470 --> 00:25:06,880
Hivyo haya si kweli kazi katika mfano huu

406
00:25:06,880 --> 00:25:13,180
sababu haina kutambua mimi kama kuingia pembejeo katika div pembejeo keyboard.

407
00:25:13,180 --> 00:25:15,740
>> Lakini kama ukiangalia katika vitendo panya,

408
00:25:15,740 --> 00:25:19,620
moja ya kwanza ni hover, na inaweza kufanya baadhi ya hii kwa kutumia CSS.

409
00:25:19,620 --> 00:25:24,280
Kama kutumia CSS, unaweza kuunda hivyo kwamba kama wewe hover juu ya kitu fulani,

410
00:25:24,280 --> 00:25:28,940
kisha yake style mabadiliko.

411
00:25:28,940 --> 00:25:32,170
Lakini kwa kutumia jQuery unaweza kubadilisha mitindo ya mambo mengine kama vile.

412
00:25:32,170 --> 00:25:37,120
Hivyo, kwa mfano, sisi ni kwenda kuwaita hatua kama sisi hover juu div hii.

413
00:25:37,120 --> 00:25:39,660
Hiyo ina maana kama sisi hover juu yake, basi sanduku hupotea.

414
00:25:39,660 --> 00:25:42,430
Kama sisi hoja mbali na hayo, sanduku mapenzi reappear.

415
00:25:42,430 --> 00:25:45,090
Kama sisi wito huu na hover juu yake, sanduku haina kutoweka,

416
00:25:45,090 --> 00:25:47,050
na kwa haraka kama sisi hoja mbali, inakuja nyuma.

417
00:25:47,050 --> 00:25:49,750
Kama sisi wito kazi huu hover juu ya ID panya,

418
00:25:49,750 --> 00:25:54,380
ambayo sambamba na sanduku hili, basi kama sisi hover juu ya sanduku,

419
00:25:54,380 --> 00:26:00,440
kisha sanduku kweli kutoweka - ni kuwa funky sasa hivi, lakini -

420
00:26:00,440 --> 00:26:06,310
kama sisi hoja mbali na hayo, itakuwa reappear. Hivi sasa ni nyuma kwa sababu fulani.

421
00:26:06,310 --> 00:26:12,720
panya kuingia na panya hoja kazi ni sawa na kiasi fulani, lakini tofauti kidogo.

422
00:26:12,720 --> 00:26:16,470
Panya kuingia tu activates wakati kipanya inaingia sanduku, kama ilivyotarajiwa.

423
00:26:16,470 --> 00:26:19,210
Hivyo kama wewe hoja ndani yake, hivyo itabidi kutoweka.

424
00:26:19,210 --> 00:26:23,210
Lakini si reappear wakati hoja mbali; itabidi kuhamia kwenye hilo kwa kuwa na kuja nyuma.

425
00:26:23,210 --> 00:26:25,590
Kuna pia hoja panya kazi, ambayo huamsha

426
00:26:25,590 --> 00:26:29,300
wakati wowote panya ni hata sasa katika sanduku.

427
00:26:29,300 --> 00:26:32,430
Hivyo itabidi tu kuendelea kwenda, fading ndani na nje.

428
00:26:32,430 --> 00:26:35,660
Na ni kweli magogo - inaonekana kama ni tu zinakuwa na kutoka,

429
00:26:35,660 --> 00:26:39,140
lakini ni kweli vitendo magogo mengi zaidi kuliko huu,

430
00:26:39,140 --> 00:26:43,550
hivyo wakati wewe kuondoka hivyo itabidi tu kuendelea kwa sababu watumiaji kama elfu wao.

431
00:26:43,550 --> 00:26:46,620
Labda si elfu. Labda tano.

432
00:26:46,620 --> 00:26:50,200
Ni kumbukumbu zaidi.

433
00:26:50,200 --> 00:26:53,280
Suala ni, vitendo vyote panya, kuna mengi yao.

434
00:26:53,280 --> 00:26:55,480
Unaweza kusoma juu ya wale wengine, lakini wote ni tofauti kidogo,

435
00:26:55,480 --> 00:26:57,700
na unaweza kuchukua yoyote moja unahitaji

436
00:26:57,700 --> 00:27:02,130
kwa namna yoyote maalum kusudi wewe ni kujaribu kufanya.

437
00:27:02,130 --> 00:27:05,060
>> jambo la pili mimi naenda majadiliano juu ni AJAX.

438
00:27:05,060 --> 00:27:09,340
AJAX, najua sisi hakuwa cover JavaScript katika kama kina sana mwaka huu,

439
00:27:09,340 --> 00:27:11,770
hivyo mimi nina tu kwenda kuzungumza kuhusu AJAX kwa ujumla kwa dakika.

440
00:27:11,770 --> 00:27:15,210
AJAX anasimama kwa JavaScript Asynchronous na XML.

441
00:27:15,210 --> 00:27:19,030
Ni kimsingi, kwa mfano, wakati uko katika Picha na inasukuma wewe taarifa,

442
00:27:19,030 --> 00:27:23,060
hiyo ni kwa sababu AJAX ni mbio juu ya mtandao browser yako.

443
00:27:23,060 --> 00:27:25,800
Kila baada ya sekunde mtandao wako browser kweli

444
00:27:25,800 --> 00:27:29,420
kwenda seva Facebook, kuwauliza, je, una kitu kipya kwa ajili yangu,

445
00:27:29,420 --> 00:27:31,980
na kisha anakuja nyuma yenu.

446
00:27:31,980 --> 00:27:36,320
Hii inaruhusu kutuma maombi na server

447
00:27:36,320 --> 00:27:38,660
bila hasa kupakia ukurasa.

448
00:27:38,660 --> 00:27:42,040
Hivyo kwa kawaida, kama wewe ni tu kwa kutumia PHP na database,

449
00:27:42,040 --> 00:27:45,480
una furahisha ukurasa kabla unaweza kupata habari mpya kutoka kwa seva.

450
00:27:45,480 --> 00:27:48,770
Lakini kwa kutumia AJAX, unaweza kuvuta kwa taarifa kwamba mpya daima,

451
00:27:48,770 --> 00:27:52,250
au kuvuta kwa ajili yake wakati bonyeza kifungo au kitu kama hicho.

452
00:27:52,250 --> 00:27:56,140
Hivyo hii inaruhusu sisi kutuma maombi bila reloading ukurasa,

453
00:27:56,140 --> 00:27:58,130
na tunaweza kutumia aidha GET au POST maombi.

454
00:27:58,130 --> 00:28:05,370
>> GET maombi ni, kwa mfano, kama wewe kwa Google.com

455
00:28:05,370 --> 00:28:10,900
na kufanya q = mtihani. Hiyo ni kuwapa mtihani swala.

456
00:28:10,900 --> 00:28:15,890
Na kwamba ni ombi GET sababu ni kupita katika vigezo wale katika URL yenyewe.

457
00:28:15,890 --> 00:28:19,250
Ombi POST ni kama wewe ni kutuma yao kupitia post.

458
00:28:19,250 --> 00:28:22,500
Ni kama wewe kuweka katika barua na meli ni mbali na wao,

459
00:28:22,500 --> 00:28:25,140
lakini hawana kweli kuona yaliyomo. Wao ni kutoonekana katika URL.

460
00:28:25,140 --> 00:28:31,040
Unaweza si moja kwa moja aina yake katika; una kutuma karibu siri.

461
00:28:31,040 --> 00:28:33,880
Ni katika post.

462
00:28:33,880 --> 00:28:38,660
Lakini kwa kutumia jQuery, unaweza kufanya GET na POST maombi

463
00:28:38,660 --> 00:28:42,740
kwa urahisi zaidi kuliko wewe kawaida inaweza kutumia wazi tu JavaScript.

464
00:28:42,740 --> 00:28:50,140
Unaweza swala APIs kutumia GET maombi, na unaweza pia kuangalia kwa taarifa za kuingia.

465
00:28:50,140 --> 00:28:54,400
Kwenye ukurasa wa pili, mimi umba hii, ambayo anauliza, "Nini kwa chakula cha mchana?"

466
00:28:54,400 --> 00:28:58,230
kutumia Harvard chakula API, hivyo hebu kuvuta kuwa juu.

467
00:28:58,230 --> 00:29:01,840
Hii ni mfano tu wa jinsi gani unaweza kutumia jQuery kufanya ombi GET na API

468
00:29:01,840 --> 00:29:04,200
na kupata maelezo ya nyuma kutoka humo.

469
00:29:04,200 --> 00:29:07,090
Hivyo tunataka kuona orodha ya leo,

470
00:29:07,090 --> 00:29:10,560
na tunataka kuona nini kwa chakula cha mchana.

471
00:29:10,560 --> 00:29:16,500
Hapa ni URL kujenga ombi GET katika jQuery.

472
00:29:16,500 --> 00:29:18,600
unaweza kutumia $ kupata kazi..

473
00:29:18,600 --> 00:29:22,290
Hoja ya kwanza ni URL, hivyo nini hasa ni querying.

474
00:29:22,290 --> 00:29:27,200
Basi hoja ya pili ni kazi kwamba executes wakati ombi GET ni kamili.

475
00:29:27,200 --> 00:29:29,980
Hivyo kutuma mbali baadhi ombi server, kusubiri kwa kuja nyuma.

476
00:29:29,980 --> 00:29:33,770
Wakati gani kuja nyuma, wewe kwenda kuchukua baadhi ya hatua na data kwamba nyuma kutoka kwa seva.

477
00:29:33,770 --> 00:29:37,520
Hebu kwenda mbele na Kanuni hii pia.

478
00:29:37,520 --> 00:29:42,110
Sikuweza Kanuni hii aidha, kwa makusudi.

479
00:29:42,110 --> 00:29:46,660
Hapa ni TODO. Awali ya yote, hebu kutumia kisheria tukio

480
00:29:46,660 --> 00:29:50,820
hivyo kwamba wakati kifungo hii ni taabu, sisi kutuma mbali ombi GET.

481
00:29:50,820 --> 00:29:53,410
Na wakati kwamba GET anarudi ombi pamoja na baadhi ya data,

482
00:29:53,410 --> 00:29:57,290
sisi ni kwenda kuandika ndani ya hii div mlo info ID.

483
00:29:57,290 --> 00:30:02,860
Awali ya yote, hebu kuchagua kifungo chakula ID.

484
00:30:02,860 --> 00:30:07,320
Wakati ni clicked, tunataka kufanya kitu fulani.

485
00:30:07,320 --> 00:30:11,930
Hebu tu kufanya hivyo fuction bila majina, kama kabla.

486
00:30:11,930 --> 00:30:15,550
Unaweza wrap braces wale curly,

487
00:30:15,550 --> 00:30:18,530
na wakati kifungo hii ni taabu, tunataka kupeleka ombi GET

488
00:30:18,530 --> 00:30:20,750
kuangalia nini kwa chakula cha mchana.

489
00:30:20,750 --> 00:30:24,970
Ili kufanya hivyo, tunaweza tu aina katika $ kupata..

490
00:30:24,970 --> 00:30:28,850
Hii ni kazi jQuery, kwa kutumia ishara ya dola.

491
00:30:28,850 --> 00:30:31,430
Inachukua michache ya hoja. Wa kwanza ni URL,

492
00:30:31,430 --> 00:30:34,450
wa pili ni kazi callback, kazi ambayo inaitwa

493
00:30:34,450 --> 00:30:37,740
wakati ombi kwamba kweli anarudi.

494
00:30:37,740 --> 00:30:39,890
Hebu tu kujenga URL kwanza.

495
00:30:39,890 --> 00:30:44,650
Tunaweza kupata kutoka API kwamba Daudi aliandika juu.

496
00:30:44,650 --> 00:30:51,360
Kwenda hapa, tunaweza kuona kwamba ni food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
na kisha kupita tu katika majina ya vigezo kwamba ungependa.

498
00:30:54,140 --> 00:30:57,760
Hivyo parameter 1 ni thamani 1.

499
00:30:57,760 --> 00:31:00,910
Inaonekana kama tarehe ya kiwango, tarehe ya kuanza defaults, kwa leo

500
00:31:00,910 --> 00:31:03,110
kama huna kuingia kwenye kitu chochote, na tarehe ya mwisho pia defaults

501
00:31:03,910 --> 00:31:05,930
kwa leo kama huna kuingia kwenye kitu chochote.

502
00:31:05,930 --> 00:31:10,790
Hiyo ni nini tunataka. Tunataka tu kupata taarifa kwa leo.

503
00:31:10,790 --> 00:31:12,950
>> Tunataka format kuwa katika JSON.

504
00:31:12,950 --> 00:31:15,570
Hiyo tu kiholela; unaweza kutumia aina yoyote kwamba unataka.

505
00:31:15,570 --> 00:31:18,950
Unaweza kutumia CSV, lakini JSON ni JavaScript Object nukuu.

506
00:31:18,950 --> 00:31:24,150
Ni rahisi sana kwa JavaScript kuelewa nini maana yake,

507
00:31:24,150 --> 00:31:27,110
na tunaweza magazeti ya nje kwa urahisi zaidi kwa njia hiyo.

508
00:31:27,110 --> 00:31:30,490
Basi hebu ombi hilo katika JSON, na ombi hebu kustahili.

509
00:31:30,490 --> 00:31:37,660
Hivyo mlo = kustahili. Tu kuandika juu kwamba URL, sisi kurudi nyuma hapa.

510
00:31:37,660 --> 00:31:41,290
Kuna menus. parameter kwanza ni pato = JSON

511
00:31:41,290 --> 00:31:44,640
kwa sababu hiyo ni nini tunataka, na wewe kutenganisha vigezo na 'na'.

512
00:31:44,640 --> 00:31:48,940
parameter pili ni - sikumbuki.

513
00:31:48,940 --> 00:31:52,170
Mlo. Na tunataka mlo = kustahili.

514
00:31:52,170 --> 00:31:57,390
Unaweza mtihani huu URL kwa kuandika kwenye browser yako na kwenda nayo.

515
00:31:57,390 --> 00:32:03,120
Ni nitakupa baadhi ya pato. Ni tu rundo la mambo ambayo ni kwa chakula cha mchana.

516
00:32:03,120 --> 00:32:10,410
Ni katika muundo huu mbaya. Tunataka magazeti hayo kwenye ukurasa wetu katika muundo bora.

517
00:32:10,410 --> 00:32:12,580
Hivyo URL ni sahihi, sasa sisi tu haja ya kuandika kazi

518
00:32:12,580 --> 00:32:18,300
kuwaita nyuma wakati ombi ni mafanikio.

519
00:32:18,300 --> 00:32:20,430
Kazi hii kwa kweli kuchukua hoja. Itakuwa data.

520
00:32:20,430 --> 00:32:25,650
data ni nini anakuja nyuma kutoka ombi GET baada ya ombi GET ni kosa.

521
00:32:25,650 --> 00:32:28,860
Tunaweza kufanya braces curly; hapa sisi kuandika kazi bila majina

522
00:32:28,860 --> 00:32:33,900
kwamba executes, kwa kutumia data kwamba wakati sisi kupata taarifa nyuma.

523
00:32:33,900 --> 00:32:37,840
Hivyo data, wakati sisi typed katika URL hii,

524
00:32:37,840 --> 00:32:41,540
hii ni nini data kwenda kuangalia kama. Ni kwenda kuwa hii kamba kubwa.

525
00:32:41,540 --> 00:32:48,610
Lakini jambo zuri ni, JavaScript wanaweza kuchanganua ni kwa kutumia kazi JSON.parse.

526
00:32:48,610 --> 00:32:54,950
Basi hebu kujenga variable mpya iitwayo Hazrat data.

527
00:32:54,950 --> 00:32:57,060
Na Hazrat data ni safu ya vitu.

528
00:32:57,060 --> 00:33:04,200
Kila kitu ina habari kama vile - vizuri, hebu tuangalie.

529
00:33:04,200 --> 00:33:08,980
Ina tarehe, unga, jamii, mapishi, mambo haya mengine yote.

530
00:33:08,980 --> 00:33:10,860
Hivyo hebu tu magazeti nje jina kwa ajili ya kila mmoja.

531
00:33:10,860 --> 00:33:13,790
Hebu iterate juu ya safu nzima ya mambo ambayo sisi kupata nyuma kutoka hayo,

532
00:33:13,790 --> 00:33:17,570
na tu magazeti nje ya kila mmoja - magazeti nje ya jina la kila mmoja.

533
00:33:17,570 --> 00:33:22,670
Hii ni kwa kitanzi.

534
00:33:22,670 --> 00:33:26,030
>> JavaScript ina hii syntax msaada ambapo unaweza kujenga kutofautiana na kitanzi juu ya safu,

535
00:33:26,030 --> 00:33:30,150
na var i ni tu iterator, hivyo badala ya kuwa na kufanya var i = 0,

536
00:33:30,150 --> 00:33:40,290
i ilikuwa chini ya urefu, i + +, unaweza tu kufanya var i katika data parsed.

537
00:33:40,290 --> 00:33:47,060
Katika mfano huu, parsed data (i) yanahusiana na kipengele sasa

538
00:33:47,060 --> 00:33:49,850
wa safu, kitu halisi.

539
00:33:49,850 --> 00:33:51,720
Na tunataka kupata jina nje yake.

540
00:33:51,720 --> 00:33:54,170
Basi hebu tu kufanya jina.

541
00:33:54,170 --> 00:33:57,000
Na jambo la mwisho ni, tunakwenda kuwa na baadhi ya jQuery tena.

542
00:33:57,000 --> 00:34:02,660
Kweli kuongeza kwa div, hii info mlo div kwamba sasa ni tupu.

543
00:34:02,660 --> 00:34:05,430
Basi hebu kuchagua kwamba.

544
00:34:05,430 --> 00:34:13,870
Tutaweza kutumia jQuery na kuchagua chakula info div ID, au chakula ID info, pole.

545
00:34:13,870 --> 00:34:16,580
Tunataka append kwa hii.

546
00:34:16,580 --> 00:34:21,030
Kama sisi alifanya mtihani, kwa mfano, ingekuwa tu overwrite ni kila wakati.

547
00:34:21,030 --> 00:34:29,190
Hivyo tunaweza tu append hii.

548
00:34:29,190 --> 00:34:31,889
kipengele sasa katika safu, tutaweza kupata jina nje ya hayo,

549
00:34:31,889 --> 00:34:38,159
na tutaweza append hivyo hadi mwisho wa div mlo info ID.

550
00:34:38,159 --> 00:34:40,120
Na kisha tu kufanya ni kuangalia safi,

551
00:34:40,120 --> 00:34:51,550
tutaweza pia append kuvunja line hivyo si wote juu ya mstari mmoja.

552
00:34:51,550 --> 00:34:55,280
Hivyo kama wote unaendelea vizuri, kwamba wanapaswa kuwa nzuri kwa -

553
00:34:55,280 --> 00:34:57,220
kwanza ya yote, wakati wowote kifungo hii ni clicked,

554
00:34:57,220 --> 00:35:00,070
itakuwa kutuma mbali ombi GET kwa URL hii.

555
00:35:00,070 --> 00:35:02,500
Wakati data anakuja nyuma kutoka hayo, kutakuwa na Hazrat yake,

556
00:35:02,500 --> 00:35:06,950
kugeuka ndani JSON, kitanzi juu ya safu nzima anayewakilisha data kwamba,

557
00:35:06,950 --> 00:35:10,310
na kisha append jina na kuvunja line

558
00:35:10,310 --> 00:35:16,500
kwa kila mstari katika ID hii mlo maelezo ambayo hapo awali ilikuwa tupu.

559
00:35:16,500 --> 00:35:18,910
Hivyo kurejea ukurasa huu, tutaweza kupata mahitaji,

560
00:35:18,910 --> 00:35:23,690
click, kujua - haifanyi kazi. Hiyo ni bahati mbaya.

561
00:35:23,690 --> 00:35:25,830
Na hii ni wapi anakuja in debugging

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

563
00:35:30,070 --> 00:35:57,210
Hiyo ni ya kuvutia.

564
00:35:57,210 --> 00:35:59,720
Haki zote, vizuri, badala ya kutumia muda kufanya hili, mimi nina kwenda tu

565
00:35:59,720 --> 00:36:07,070
kuvuta up faili kufanyika kwamba mimi, ambayo ni toleo kukamilika.

566
00:36:07,070 --> 00:36:13,710
Mimi nina uhakika nini tofauti ni, lakini tunaweza tu kufungua hili badala yake.

567
00:36:13,710 --> 00:36:19,740
Na sisi kwenda AJAX, na hii lazima kazi kwa usahihi.

568
00:36:19,740 --> 00:36:21,730
Hiyo ni nini alikuwa kwa chakula cha mchana leo,

569
00:36:21,730 --> 00:36:24,870
katika hakuna utaratibu maalum, na quotes karibu yake, hivyo si prettiest.

570
00:36:24,870 --> 00:36:27,090
Lakini, ni wazi, kama wewe walikuwa wakifanya hivyo kwa ajili ya mradi wa mwisho,

571
00:36:27,090 --> 00:36:30,120
ungependa kufanya ni kuangalia bora.

572
00:36:30,120 --> 00:36:32,530
Lakini hiyo ni mfano rahisi wa jinsi ya kufanya ombi GET.

573
00:36:32,530 --> 00:36:34,580
Na kama sisi kuangalia kanuni halisi, Mimi guessing, mimi nina uhakika pretty

574
00:36:34,580 --> 00:36:39,690
bado ni pretty kiasi sawa.

575
00:36:39,690 --> 00:37:04,990
Oh, I forgot kubadilisha kwa kamba, hiyo ni yake.

576
00:37:04,990 --> 00:37:07,920
Hakuna, ni bado si kazi. Bila kujali, hapa halisi kukamilika kanuni

577
00:37:07,920 --> 00:37:10,300
kwa nini hii lazima kuangalia kama,

578
00:37:10,300 --> 00:37:16,400
na haina kitu sawa kama nini mimi tu kutekelezwa.

579
00:37:16,400 --> 00:37:22,760
Wakati bonyeza kifungo, inatumia GET JSON moja kwa moja kuchanganua data.

580
00:37:22,760 --> 00:37:29,190
Inachukua data nyuma kutoka humo na matanzi kupitia safu nzima

581
00:37:29,190 --> 00:37:32,770
na prints nje - chochote ni kwa chakula cha mchana leo, jina yake,

582
00:37:32,770 --> 00:37:38,020
na appends kuvunja line baada ya kila mstari.

583
00:37:38,020 --> 00:37:41,100
Kwamba ni jinsi gani kutumia kazi GET.

584
00:37:41,100 --> 00:37:44,040
>> Unaweza pia kutumia POST, ambayo sikuwa na muda

585
00:37:44,040 --> 00:37:47,940
kuandika juu ya mfano kwa hilo, lakini tunaweza kuangalia nyaraka.

586
00:37:47,940 --> 00:37:53,220
Kama ukiangalia jquery.post,

587
00:37:53,220 --> 00:37:55,510
unaweza kuona kwamba ni karibu kitu kimoja.

588
00:37:55,510 --> 00:38:01,650
Una URL, lakini badala ya kupita vigezo kutumia -

589
00:38:01,650 --> 00:38:03,990
tu kuweka kwenye kamba kwa ajili ya URL yenyewe,

590
00:38:03,990 --> 00:38:06,300
una kupita katika hii kutofautiana data

591
00:38:06,300 --> 00:38:11,990
kwamba kimsingi ni safu, kamusi kwamba ramani vigezo na maadili.

592
00:38:11,990 --> 00:38:17,690
Kupita kwamba katika, na kwamba amewaweka katika kutumia POST.

593
00:38:17,690 --> 00:38:20,790
Na mara moja tu na kwamba, basi unaweza kuwa na kazi ya mafanikio

594
00:38:20,790 --> 00:38:23,930
kwamba executes wakati data anakuja nyuma.

595
00:38:23,930 --> 00:38:26,430
Vinginevyo, ni sawa. Hivyo kwa kutumia POST,

596
00:38:26,430 --> 00:38:29,970
wewe kutaka kutumia POST, kwa mfano, kama una fomu ya pembejeo

597
00:38:29,970 --> 00:38:35,780
wewe basi nywila pembejeo watu ndani yake, na kutuma nywila wale mbali

598
00:38:35,780 --> 00:38:41,850
script yako nyuma-mwisho, kwa kuangalia katika database kama mtumiaji kwamba ni halali au la.

599
00:38:41,850 --> 00:38:46,700
Unaweza kufanya hivyo zote kutumia jQuery badala ya kuwa na mahitaji ukurasa wakati wote.

600
00:38:46,700 --> 00:38:52,160
Hayo ni jinsi mimi kutekelezwa katika blog kwamba mimi ilionyesha wewe mapema.

601
00:38:52,160 --> 00:38:59,530
Kama sisi kwenda kwa portal mwisho na logi nje, kuingia nje,

602
00:38:59,530 --> 00:39:02,600
Ingia nje haifanyi kazi.

603
00:39:02,600 --> 00:39:13,360
Vizuri, basi mimi tu kufungua it up katika dirisha mpya.

604
00:39:13,360 --> 00:39:16,580
Hapa kuna siri, na mimi alikuwa anaenda aina katika kitu random.

605
00:39:16,580 --> 00:39:18,590
Haina kazi, lakini unaweza kuona kwamba hatukuwa

606
00:39:18,590 --> 00:39:20,840
kweli kuwa na kupata mahitaji ukurasa wakati wote.

607
00:39:20,840 --> 00:39:24,610
kanuni, kama unataka kuangalia ni,

608
00:39:24,610 --> 00:39:37,460
ni yote inapatikana hapa.

609
00:39:37,460 --> 00:39:45,680
Hivyo kanuni niliandika mwaka jana wakati mwingine.

610
00:39:45,680 --> 00:39:47,790
Kama unaweza kuona hapa, sisi ni kutuma ombi POST.

611
00:39:47,790 --> 00:39:50,400
Nina faili inayoitwa login.php katika mwisho nyuma,

612
00:39:50,400 --> 00:39:53,860
ambayo hundi kama password ni halali.

613
00:39:53,860 --> 00:39:56,000
vigezo sisi kupita katika ni password, mapped kwa

614
00:39:56,000 --> 00:40:00,030
pembejeo kwamba ni katika sanduku hili pembejeo sasa.

615
00:40:00,030 --> 00:40:04,110
Na wakati data anakuja nyuma, sisi kuangalia.

616
00:40:04,110 --> 00:40:07,680
Kama data ni uongo, basi tunasema password sahihi, slide ni chini,

617
00:40:07,680 --> 00:40:09,580
na kufanya tu ni kutoweka baada ya hapo.

618
00:40:09,580 --> 00:40:12,320
Vinginevyo, sisi mzigo ukurasa admin.

619
00:40:12,320 --> 00:40:15,080
Na hii yote ilifanyika kwa kutumia JSON.

620
00:40:15,080 --> 00:40:18,510
Katika mistari hii wengi wa kanuni, unaweza tu kupita data hadi mwisho nyuma,

621
00:40:18,510 --> 00:40:21,020
kuangalia kama ni sahihi, kuangalia kama wewe watumiaji katika usahihi,

622
00:40:21,020 --> 00:40:24,200
na kwa kweli kujibu hilo, imetuma mtu kwa ukurasa sahihi

623
00:40:24,200 --> 00:40:29,760
au kuwaruhusu kuingia ndani na kuwaambia kwamba walikuwa password sahihi.

624
00:40:29,760 --> 00:40:33,040
Hivyo kwamba ni mfano wa jinsi unavyoweza kutumia POST jQuery

625
00:40:33,040 --> 00:40:37,010
kutuma ombi POST na mwisho wako nyuma,

626
00:40:37,010 --> 00:40:42,400
kuangalia kama mtu ni watumiaji katika usahihi.

627
00:40:42,400 --> 00:40:44,820
>> Haki ya wote, hivyo kwamba ni mifano yote nilikuwa, na mambo yote nilitaka cover.

628
00:40:44,820 --> 00:40:47,110
Hayo ni mambo makubwa ambayo jQuery inaruhusu kufanya:

629
00:40:47,110 --> 00:40:52,640
kuchagua mambo, kurekebisha yao kwa kutumia DOM ghiliba,

630
00:40:52,640 --> 00:40:56,340
unaweza kuongeza athari, kuamsha mambo juu ya matukio fulani,

631
00:40:56,340 --> 00:41:00,430
na pia kufanya maombi ya AJAX sana seamlessly na kwa urahisi.

632
00:41:00,430 --> 00:41:02,840
Hivyo asante kwa kuja au kuangalia,

633
00:41:02,840 --> 00:41:06,230
na kama una maswali yoyote, napenda tu kujua. Yeah?

634
00:41:06,230 --> 00:41:12,730
[Mwanafunzi] Nyuma wakati mlioonyesha, alikuwa JSON baada ya ombi POST katika quotes,

635
00:41:12,730 --> 00:41:15,170
na mimi mara wanashangaa tu kile kwamba alivyofanya.

636
00:41:15,170 --> 00:41:20,070
>> Yeah, naona. swali ni kwamba, katika mfano mimi ilionyesha tu,

637
00:41:20,070 --> 00:41:25,790
kulikuwa JSON neno katika quotes kuzunguka -

638
00:41:25,790 --> 00:41:31,690
Mimi itabidi kuvuta ni tena - kuzunguka kazi POST.

639
00:41:31,690 --> 00:41:43,320
Mimi tu kuunganisha ni juu ya kuonyesha.

640
00:41:43,320 --> 00:41:46,890
Hivyo hapa ni ombi hili POST, na kuna hii JSON katika quotes.

641
00:41:46,890 --> 00:41:50,280
Kwamba tu amefafanua nini sisi ni wanatarajia kuwa pato.

642
00:41:50,280 --> 00:41:54,070
Hivyo kama sisi kupita katika JSON kama aina inatarajiwa data,

643
00:41:54,070 --> 00:41:56,070
siyo mahitaji, lakini kama sisi kupita katika,

644
00:41:56,070 --> 00:41:58,590
kisha data moja kwa moja kuchanganuliwa kama JSON.

645
00:41:58,590 --> 00:42:00,600
Hivyo hatuna kuwaita Hazrat JSON kazi juu yake,

646
00:42:00,600 --> 00:42:02,620
hivyo itabidi tu kutokea moja kwa moja.

647
00:42:02,620 --> 00:42:05,150
Na kama wewe kuangalia nyaraka kwa ajili ya POST,

648
00:42:05,150 --> 00:42:09,850
kuna data aina hii kutofautiana, aina ya data inatarajiwa kutoka server.

649
00:42:09,850 --> 00:42:12,660
Ni defaults na nadhani akili ambayo inaweza kuwa na makosa,

650
00:42:12,660 --> 00:42:15,520
hivyo unaweza kuondoka ni tupu, lakini ni aina tu ya data

651
00:42:15,520 --> 00:42:21,680
katika coding kwamba unatumia, kama ni JSON au XML au kitu kingine.

652
00:42:21,680 --> 00:42:25,280
>> Maswali yoyote nyingine?

653
00:42:25,280 --> 00:42:27,300
Wote haki. Kama una maswali yoyote, jisikie huru email yangu

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

655
00:42:30,830 --> 00:42:34,860
na slides na kanuni ya lazima inapatikana online pretty hivi karibuni.

656
00:42:34,860 --> 00:42:42,810
Bahati nzuri na miradi yako ya mwisho, matumaini wewe kutumia jQuery.

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