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

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

3
00:00:04,790 --> 00:00:08,000
[Dan huwa CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
Jekk int wara flimkien fid-dar, inti tista 'attwalment aċċess slides tiegħi online

5
00:00:10,640 --> 00:00:13,310
billi tmur din ir-rabta.

6
00:00:13,310 --> 00:00:18,650
Huwa TjjRWj, fuq bit.ly.

7
00:00:18,650 --> 00:00:20,700
Tista 'wkoll biss tmur għall-URL direttament,

8
00:00:20,700 --> 00:00:27,300
li huwa cloud.cs50.net / ~ vshekhawat, li huwa l-isem tiegħi,

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

10
00:00:32,409 --> 00:00:34,920
I ħafna ninkoraġġukom biex isegwu flimkien jekk inti qed jaraw fid-dar,

11
00:00:34,920 --> 00:00:40,650
u jekk int hawn, ukoll, minħabba li din hija preżentazzjoni pretty interattiv.

12
00:00:40,650 --> 00:00:43,160
>> Allura llum jien ser tkun jitkellem dwar jQuery, u l-ewwel kwistjoni hija,

13
00:00:43,160 --> 00:00:45,300
dak li huwa jQuery?

14
00:00:45,300 --> 00:00:47,090
Din is-sena, I know inti guys ma koprewx JavaScript

15
00:00:47,090 --> 00:00:51,080
fid-dettall kemm għandna fis-snin imgħoddija.

16
00:00:51,080 --> 00:00:53,150
JavaScript huwa, qabel kollox, biss f'lingwa client-side

17
00:00:53,150 --> 00:00:58,390
li tuża biex imexxu skripts u kodiċi fuq magna kull utent.

18
00:00:58,390 --> 00:01:00,660
Allura għandek server li jipprovdi paġni tal-web għall-persuni,

19
00:01:00,660 --> 00:01:02,600
iżda inti tista 'tixtieq li tagħmel Jittieħed fuq magna tagħhom,

20
00:01:02,600 --> 00:01:08,060
jistaqsu magna tagħhom li tibgħat talbiet għal server tiegħek kull 30 sekonda jew xi ħaġa bħal dik.

21
00:01:08,060 --> 00:01:10,420
Tista 'tagħmel li l-użu JavaScript.

22
00:01:10,420 --> 00:01:13,190
JQuery biss jipprovdi funzjonalità aktar fuq quċċata ta 'JavaScript

23
00:01:13,190 --> 00:01:15,680
li ma extra-għalf għalik.

24
00:01:15,680 --> 00:01:17,710
Jekk inti tħares lejn il-kontenut fuq,

25
00:01:17,710 --> 00:01:21,410
li jiddeskrivi xi wħud mill-għalf li int kapaċi tagħmel.

26
00:01:21,410 --> 00:01:23,500
Allura ġenerali, hija ġiet maħluqa f'Jannar 2006.

27
00:01:23,500 --> 00:01:26,560
L-ewwel ġie maħsub ta f'Awissu 2005.

28
00:01:26,560 --> 00:01:31,370
Huwa kien madwar għal ftit snin, u huwa verament parti mill-Web 2.0 moviment ġdid

29
00:01:31,370 --> 00:01:34,330
li għamlet l-Internet sabiex tleqq.

30
00:01:34,330 --> 00:01:37,630
Hu l-librerija JavaScript aktar użati.

31
00:01:37,630 --> 00:01:41,450
Aktar minn 19,600,000 websajts qed jużawh, u l-użu għadu jiżdied

32
00:01:41,450 --> 00:01:45,640
skond builtwith.com, li, apparentement, matul l-aħħar sena,

33
00:01:45,640 --> 00:01:49,710
għadu kif ġie kontinwament tiżdied pjuttost lineari.

34
00:01:49,710 --> 00:01:52,870
Fost l-aqwa 10 miljun sit, xorta hemm -

35
00:01:52,870 --> 00:01:55,180
madwar 40% minnhom li bħalissa qed jużawh.

36
00:01:55,180 --> 00:01:58,540
Facebook użi, lottijiet ta 'websajts oħra bħalissa jużaw dan.

37
00:01:58,540 --> 00:02:01,540
Inti tista 'tħares lejn dawk l-istatistiċi fuq tiegħek, jekk inti tixtieq.

38
00:02:01,540 --> 00:02:05,820
U inti tista 'tgħid leġittimu huwa minħabba li għandu fondazzjoni u 13-il membru tal-bord,

39
00:02:05,820 --> 00:02:11,910
flimkien ma 'tim ta' 20 persuni li jaħdmu fuqha fuq bażi regolari.

40
00:02:11,910 --> 00:02:16,110
Allura huwa użat b'mod wiesa 'ħafna, hija għandha. Org URL, huwa fancy,

41
00:02:16,110 --> 00:02:21,660
hija għandha spin-offs għal għalf ieħor, dan huwa a big deal.

42
00:02:21,660 --> 00:02:24,510
>> Għaliex għandek tużah? JQuery huwa ferm ħfief.

43
00:02:24,510 --> 00:02:27,270
Dan ifisser mhuwiex fajl enormi. Tista 'tniżżel

44
00:02:27,270 --> 00:02:31,540
il-fajl minified, li huwa mingħajr l-ispazju abjad u kummenti, u huwa biss 32 kB.

45
00:02:31,540 --> 00:02:33,600
Hekk huwa faċli li biss toss fuq paġna web tiegħek

46
00:02:33,600 --> 00:02:35,910
u biss biex tibda tuża din.

47
00:02:35,910 --> 00:02:39,630
Huwa wkoll effiċjenti ħafna bil-miktub, u għalhekk ma jieħdu ħafna ta '-

48
00:02:39,630 --> 00:02:42,550
ma tnikkirx website tiegħek ħafna meta tużah.

49
00:02:42,550 --> 00:02:45,770
Hija ihallik jimplimentaw affarijiet li kienu preċedentement mhux fattibbli.

50
00:02:45,770 --> 00:02:47,790
Hemm xi aspetti ta 'funzjonalità,

51
00:02:47,790 --> 00:02:51,780
bħall-ħolqien animazzjonijiet, li normalment ikun ħafna, diffiċli ħafna li tagħmel.

52
00:02:51,780 --> 00:02:54,300
Iżda fil jQuery dawn qed attwalment sempliċi ħafna.

53
00:02:54,300 --> 00:02:57,040
U hemm xi affarijiet li huma annoying li tagħmel,

54
00:02:57,040 --> 00:02:59,610
possibbli JavaScript, bħal tibgħat talba POST,

55
00:02:59,610 --> 00:03:02,190
imma li jibagħtu talba għal server, inti għandek tikteb

56
00:03:02,190 --> 00:03:04,320
ħames jew sitt jew seba linji ta 'kodiċi.

57
00:03:04,320 --> 00:03:07,200
Issa inti tista 'biss tagħmel dan fil-linja waħda tal-kodiċi, f'sejħa funzjoni waħda.

58
00:03:07,200 --> 00:03:11,790
Li verament tissimplifika ħafna l-għalf li qed tagħmel.

59
00:03:11,790 --> 00:03:15,950
U l-gidjien jibred qed jużawh. Sa dak, I tfisser lili.

60
00:03:15,950 --> 00:03:19,270
Fi proġett finali tiegħi aħħar sena, li huwa news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
li huwa għall-istazzjon tar-radju, I ħolqot din il-blog

62
00:03:22,530 --> 00:03:29,750
li tospita l-turi li aħna ghamilt u l-MP3 files għalihom.

63
00:03:29,750 --> 00:03:32,070
Tista 'żżur il-wirjiet tal-passat,

64
00:03:32,070 --> 00:03:34,130
u dan kollu jsir bl-użu jQuery. Tista 'tgħid

65
00:03:34,130 --> 00:03:37,340
minħabba dawn animazzjonijiet, essenzjalment.

66
00:03:37,340 --> 00:03:42,360
Mela jekk għandek - jekk int ħolqien ta 'kariga ġdida,

67
00:03:42,360 --> 00:03:45,980
inti tara dawn slideDowns ftit; li kollu jsir bl-użu jQuery.

68
00:03:45,980 --> 00:03:49,140
U dan fade - sabiex dak it-tip ta 'għalf huwa magħmul bl-użu jQuery,

69
00:03:49,140 --> 00:03:52,720
u inti ma għandekx kontinwament rikarigu-paġna biex jinnaviga-sit.

70
00:03:52,720 --> 00:03:57,220
Ħaġa oħra jibred li għamlet użu jQuery huwa din il-preżentazzjoni.

71
00:03:57,220 --> 00:03:59,700
Jien jużaw dan ħaġa sors miftuħ imsejjaħ scrolldeck,

72
00:03:59,700 --> 00:04:03,250
li xi ħadd kiteb fuq quċċata ta 'jQuery.

73
00:04:03,250 --> 00:04:04,870
Jekk inti fil-fatt tfittex fis-sors, tista 'tara li

74
00:04:04,870 --> 00:04:07,830
li qed jużaw dan is-sinjal dollaru; sinjali dollaru

75
00:04:07,830 --> 00:04:12,110
huma użati fil jQuery biex turi li l-funzjoni hija funzjoni jQuery.

76
00:04:12,110 --> 00:04:15,020
Allura dawn qed tiddefinixxi tgeżwir fuq quċċata ta 'jQuery

77
00:04:15,020 --> 00:04:18,570
li jippermetti li inti tagħmel preżentazzjoni bħal din,

78
00:04:18,570 --> 00:04:21,200
u tista 'tara li hawn dawn qed inkluż il-fajl jQuery oriġinali,

79
00:04:21,200 --> 00:04:24,120
li huwa dak li inti ser ikollok biex tinkludi jekk jixtiequ jużaw jQuery

80
00:04:24,120 --> 00:04:30,450
fil-websajts tiegħek.

81
00:04:30,450 --> 00:04:32,790
>> Jinkuldi li, kif taħseb li jinstallaw dan?

82
00:04:32,790 --> 00:04:36,150
Tista 'biss tmur għall jQuery.com u tniżżel il-fajl,

83
00:04:36,150 --> 00:04:38,320
iżżidhiex mal direttorju web u jinkluduha.

84
00:04:38,320 --> 00:04:42,200
Hekk biss fuq quċċata, fil-lametta kap tal-fajl HTML tiegħek

85
00:04:42,200 --> 00:04:45,400
tal-fajl tiegħek HTML prinċipali, biss ikollhom dik il-linja tal-kodiċi

86
00:04:45,400 --> 00:04:49,490
mal-verżjoni korretta għall liema verżjoni ta 'jQuery inti qed tuża.

87
00:04:49,490 --> 00:04:51,340
Tista 'tniżżel billi tmur jQuery.com,

88
00:04:51,340 --> 00:04:55,130
ikklikkja "jQuery download," u inti stajt ltqajna. Thats it.

89
00:04:55,130 --> 00:04:58,880
U fil-fatt, nistgħu tagħti ħarsa lejn dak li jidher qisu.

90
00:04:58,880 --> 00:05:01,080
Jekk tikklikkja fuq download hawn, jQuery hija din.

91
00:05:01,080 --> 00:05:05,260
Huwa biss wieħed kbir fajl JavaScript li ma l-għalf magic għalik.

92
00:05:05,260 --> 00:05:09,270
Dan huwa l-verżjoni minified, li mhix tinqara fil-livelli kollha.

93
00:05:09,270 --> 00:05:13,180
Tista 'wkoll tħares lejn il-verżjoni l-iżvilupp, li huwa tinqara

94
00:05:13,180 --> 00:05:15,370
iżda xorta ħafna, ħafna twal.

95
00:05:15,370 --> 00:05:17,980
Huwa ħafna ta 'għalf fil hemmhekk.

96
00:05:17,980 --> 00:05:20,240
Tista 'wkoll link għal Google verżjoni ospitat ta' dan.

97
00:05:20,240 --> 00:05:23,820
Allura li ser jippermettu li inti sempliċement tibbaża ruħha fuq Google biex jipprovdiha.

98
00:05:23,820 --> 00:05:29,310
Huma jipprovdu kull verżjoni ta 'dan, disponibbli fil-ħinijiet kollha.

99
00:05:29,310 --> 00:05:31,530
Allura inti tista 'probabbilment tistrieħ fuq Google biex tospita dan għalik.

100
00:05:31,530 --> 00:05:33,270
Jew inti tista 'rabta għall-aħħar verżjoni jQuery stess.

101
00:05:33,270 --> 00:05:36,400
Huma għandhom URL li dejjem aġġornata l-aħħar verżjoni.

102
00:05:36,400 --> 00:05:40,850
Huwa jQuery-aħħar, u hemm problema waħda ma 'dan,

103
00:05:40,850 --> 00:05:44,350
li huwa li jekk il jQuery aġġornat u ftit mill-funzjonalità ta 'qabel

104
00:05:44,350 --> 00:05:47,250
huma kienu isir retrograded jew deprecated,

105
00:05:47,250 --> 00:05:49,620
ma tista '- dan jista' jibda ma jsibux appoġġjati aktar.

106
00:05:49,620 --> 00:05:52,940
Mela jekk inti tikteb websajt tuża verżjoni 1.8.2,

107
00:05:52,940 --> 00:05:55,000
mill-verżjoni 2.7 ħin toħroġ

108
00:05:55,000 --> 00:05:57,000
xi wħud mill-funzjonijiet inti kiteb ma taħdimx aktar.

109
00:05:57,000 --> 00:05:59,930
Allura huwa aħjar li biss tniżżel il-file kB 32,

110
00:05:59,930 --> 00:06:04,100
poġġih fuq il-paġna web tiegħek, u inneħħu xogħol għal dejjem.

111
00:06:04,100 --> 00:06:07,450
>> Jien ser tmur quddiem u jibda jitkellem dwar il-funzjonalità attwali ta 'jQuery.

112
00:06:07,450 --> 00:06:13,090
L-ewwel ħaġa hi seletturi. Dan huwa dak jQuery kien inizjalment maħsub biex jipprovdi.

113
00:06:13,090 --> 00:06:15,500
U inti tista 'tikklikkja fuq dokumentazzjoni li tħares lejn

114
00:06:15,500 --> 00:06:18,690
l dokumentazzjoni dettaljata għall-seletturi jien ser tkun tkopri.

115
00:06:18,690 --> 00:06:24,120
L-idea wara seletturi hija li inti tista 'tagħżel elementi HTML fuq paġna.

116
00:06:24,120 --> 00:06:28,790
Elementi fuq paġna għandek IDs u l-klassijiet u aspetti oħrajn li jidentifikaw lilhom.

117
00:06:28,790 --> 00:06:30,500
Hemm ukoll - they're fl-ordnijiet differenti.

118
00:06:30,500 --> 00:06:32,570
Uħud mill-ħin li qed nested ġewwa xulxin.

119
00:06:32,570 --> 00:06:38,120
JQuery jippermettilek li tibni mistoqsijiet sempliċi li tkun irkuprata elementi mill-paġna.

120
00:06:38,120 --> 00:06:41,890
Imbagħad inti tista 'timmanipola dawn l-elementi jużaw funzjonijiet jQuery,

121
00:06:41,890 --> 00:06:43,990
li hija s-sezzjoni manipulazzjoni aħna ser jiksbu aktar tard.

122
00:06:43,990 --> 00:06:46,040
Tista 'tbiddel il-HTML, jibdlu l-CSS,

123
00:06:46,040 --> 00:06:50,500
inti tista 'wkoll tħeġġeġ u żżid funzjonijiet li jattiva fuq ċerti avvenimenti.

124
00:06:50,500 --> 00:06:52,710
Għalhekk, per eżempju, jekk xi ħaġa s għafast, inti trid xi ħaġa li jiġri,

125
00:06:52,710 --> 00:06:55,210
inti tista 'tagħmel li l-użu jQuery ukoll.

126
00:06:55,210 --> 00:06:57,380
U hemm numru kbir ta 'modi biex tagħżel l-elementi.

127
00:06:57,380 --> 00:07:00,310
Ħafna minnhom stajt qatt jintużaw, imma hemm dawk bażiċi,

128
00:07:00,310 --> 00:07:02,340
li huma pjuttost importanti.

129
00:07:02,340 --> 00:07:05,750
Is-selettur element, per eżempju, jekk int biss tagħżel xejn

130
00:07:05,750 --> 00:07:10,640
li huwa div - I attwalment ikollhom l-kodiċi miftuħa għal din il-preżentazzjoni slide.

131
00:07:10,640 --> 00:07:13,450
Għalhekk, per eżempju, hawn l-ewwel slide.

132
00:07:13,450 --> 00:07:17,430
Hawnhekk għandna div. Jekk aħna attwalment tagħżel l-divs fuq il-paġna,

133
00:07:17,430 --> 00:07:22,300
dan ser biss tagħtina firxa ta 'l-divs li jeżistu f'dan il-fajl.

134
00:07:22,300 --> 00:07:27,040
Is-selettur ID ihallik tagħżel xejn b'ID partikolari.

135
00:07:27,040 --> 00:07:32,230
Hekk jekk dan, per eżempju, dan il-ħaġa għandha l-ID "dak,"

136
00:07:32,230 --> 00:07:37,160
u jekk aħna ma dan ma # liema minflok xi ID,

137
00:07:37,160 --> 00:07:42,920
ikun biss jirritorna firxa li għandha element wieħed u li hija li element tal-paġna.

138
00:07:42,920 --> 00:07:45,490
Nistgħu wkoll jikkombinaw seletturi b'dan il-mod billi

139
00:07:45,490 --> 00:07:48,260
tagħżel biss affarijiet ma IDs li huma divs.

140
00:07:48,260 --> 00:07:51,810
So yeah. Tagħżel biss divs li jkollhom dik ID.

141
00:07:51,810 --> 00:07:55,260
Għall-Klassi inti biss tuża dot, huwa l-istess ħaġa bħat CSS.

142
00:07:55,260 --> 00:07:57,500
Dixxendent wkoll xogħlijiet; hekk jekk ikollok xi klassi

143
00:07:57,500 --> 00:08:00,170
u li tkun nested elementi fi ħdanu - hekk, per eżempju,

144
00:08:00,170 --> 00:08:03,260
hemm xi klassi u għandu ankra tag link għall-paġna ieħor,

145
00:08:03,260 --> 00:08:08,510
inti tista 'tuża dan sintassi sabiex tkun irkuprata l-link.

146
00:08:08,510 --> 00:08:12,420
Tista 'wkoll tagħżel l-affarijiet multipli fuq darba; biss mifrudin bl-virgoli,

147
00:08:12,420 --> 00:08:17,360
tuża kwalunkwe selettur tixtieq, u inti se tagħżel kollha f'daqqa, fil-firxa waħda.

148
00:08:17,360 --> 00:08:19,650
U allura hemm ukoll il-mhux selettur, sabiex inti tista 'tagħżel divs kollha

149
00:08:19,650 --> 00:08:24,210
li ma jkollhom xi klassi speċifika.

150
00:08:24,210 --> 00:08:28,790
U dan huwa biss mod utli biex tikseb introduzzjoni għal kif jaħdem din l-għażla.

151
00:08:28,790 --> 00:08:32,270
I ser juru xi eżempji konkreti għal.

152
00:08:32,270 --> 00:08:35,480
>> Seletturi avvanzati huma - dawn huma biss ftit eżempji.

153
00:08:35,480 --> 00:08:38,840
Hemm għexieren ta 'dawn, imma jekk inti tixtieq li tagħżel l-tags immaġni

154
00:08:38,840 --> 00:08:42,799
fi ħdan xi element, allura inti biss tagħmel: image.

155
00:08:42,799 --> 00:08:45,340
Jekk inti tixtieq li jagħżlu l-elementi anke, per eżempju, jekk ikun hemm 20 minnhom,

156
00:08:45,340 --> 00:08:48,290
trid taghzel 0, 2, 4, 6 u l-bqija,

157
00:08:48,290 --> 00:08:51,630
inti tagħmel: anki, jew tista 'wkoll tagħmel: fard.

158
00:08:51,630 --> 00:08:55,470
Dawn huma seletturi psewdo, li jfisser li attwalment jaħdem

159
00:08:55,470 --> 00:09:00,960
kull element ieħor aktar milli biss jmorru u tagħżel kull wieħed minnhom.

160
00:09:00,960 --> 00:09:05,510
Tista 'wkoll - kull element jista' jkollu wkoll attributi speċifiċi.

161
00:09:05,510 --> 00:09:10,580
Għalhekk, per eżempju, klassi = ċentru huwa wkoll attribut.

162
00:09:10,580 --> 00:09:16,500
Għal dan ankra tikketta, href, Portugues referenza, hija attribut wkoll.

163
00:09:16,500 --> 00:09:21,150
Allura inti tista 'tagħżel xi ħaġa li links għal paġna speċifiċi jew biss - huwa verament ġenerali.

164
00:09:21,150 --> 00:09:25,410
Tista 'tagħżel xejn ma' kwalunkwe attribut li tixtieq.

165
00:09:25,410 --> 00:09:27,470
U mbagħad, ukoll, l-attribut fih.

166
00:09:27,470 --> 00:09:30,420
Jekk inti, per eżempju, riedu li jagħżlu l-elementi kollha ta 'input

167
00:09:30,420 --> 00:09:32,700
li jkollhom il-kelma "pass" bħala l-isem minnhom,

168
00:09:32,700 --> 00:09:37,560
jekk il-paġna għandha blokk test input

169
00:09:37,560 --> 00:09:41,050
li sejjaħ "password," li d jkun mod wieħed li inti tista 'tagħżel li.

170
00:09:41,050 --> 00:09:43,020
U hemm ħafna aktar. Inti tista 'tmur quddiem u tħares lejn d-dokumentazzjoni

171
00:09:43,020 --> 00:09:46,950
u ara eżempji speċifiċi ta 'kif taħdem.

172
00:09:46,950 --> 00:09:48,840
>> Il-ħaġa li jmiss huwa manipulazzjoni DOM.

173
00:09:48,840 --> 00:09:52,500
Wara aħna tagħżel elementi, aħna se tkun trid fil-fatt jagħmlu Jittieħed magħhom.

174
00:09:52,500 --> 00:09:55,500
S'issa għandna ma ħares lejn dik livelli kollha, iżda jekk inti tħares lejn id-dokumentazzjoni,

175
00:09:55,500 --> 00:09:57,950
hemm verament ħafna li stajna nagħmlu.

176
00:09:57,950 --> 00:10:02,900
Wara dan, aħna qed tmur biex tagħżel elementi dwar din il-preżentazzjoni

177
00:10:02,900 --> 00:10:04,890
u timmanipula minnhom jużaw jQuery.

178
00:10:04,890 --> 00:10:08,290
Minħabba din hija implimentata bl-użu jQuery, ikollna aċċess għal-librerija jQuery,

179
00:10:08,290 --> 00:10:13,580
u nistgħu nużaw dawk il-funzjonijiet fi ħdan dan il-kodiċi.

180
00:10:13,580 --> 00:10:16,200
Ħaġa waħda utli li inti tista 'ma taf dwar huwa l-console.

181
00:10:16,200 --> 00:10:19,340
U Google Chrome huwa dak li jien jużaw. Tista 'tagħfas alt kmand J

182
00:10:19,340 --> 00:10:21,720
jew alt kontroll J li tiftaħ il-console.

183
00:10:21,720 --> 00:10:26,130
Fl Firefox naħseb huwa kmand shift K jew kontroll shift K.

184
00:10:26,130 --> 00:10:28,880
Fil Safari ikollok tmur bidla xi settings.

185
00:10:28,880 --> 00:10:35,460
Hemm rabta jekk inti tixtieq li tagħmel dan, iżda nirrakkomanda jkollna Chrome jew Firefox.

186
00:10:35,460 --> 00:10:37,750
Mela ejja tiftaħ il-console, huwa stabbiliti hawn.

187
00:10:37,750 --> 00:10:41,170
Huwa jippermettilek li bażikament biss tagħmel xi ħaġa li trid.

188
00:10:41,170 --> 00:10:45,100
Allura inti tista 'sempliċement tip fil toħloq imsejjaħ x varjabbli,

189
00:10:45,100 --> 00:10:49,200
x = 5, ejja ara dak x + 2 hu.

190
00:10:49,200 --> 00:10:57,670
Tista 'anki tagħmel xi ħaġa simili CS + ejja ara, x + 45, li se jkun CS50.

191
00:10:57,670 --> 00:11:00,530
Inti tista 'biss tagħmel xi għalf JavaScript tipiku.

192
00:11:00,530 --> 00:11:02,730
Iżda int tista 'wkoll tagħmel jQuery fil hawn.

193
00:11:02,730 --> 00:11:06,200
>> Mela ejja nħarsu lejn dan l-ewwel aspett hawn.

194
00:11:06,200 --> 00:11:09,500
Aħna qed tmur biex joħolqu varjabbli msejħa HTML, li hija sekwenza.

195
00:11:09,500 --> 00:11:15,890
Hija għandha paragrafu tag fiha, li sejjaħ xi test ġdid.

196
00:11:15,890 --> 00:11:19,420
Allura aħna għandna dan HTML, huwa xi test ġdid, fil-punt tags.

197
00:11:19,420 --> 00:11:21,800
Issa aħna fil-fatt tixtieq li jżidu mal-paġna.

198
00:11:21,800 --> 00:11:28,310
I din tintrama b'tali mod li l-HTML għal dan il-paragrafu, dan it-titolu hawn, huwa ID tehmeż.

199
00:11:28,310 --> 00:11:32,320
Jekk aħna tagħżel tehmeż ID u mbagħad tehmez ma 'din

200
00:11:32,320 --> 00:11:34,560
il-varjabbli HTML I biss maħluqa,

201
00:11:34,560 --> 00:11:40,370
se jżidu li HTML fl-aħħar, dritt wara dan il-paragrafu tag.

202
00:11:40,370 --> 00:11:43,730
Hekk jekk nagħmlu dan - aħna magħżula dan il-paragrafu,

203
00:11:43,730 --> 00:11:47,590
u konna imsejjaħ il-funzjoni tehmeż mal-varjabbli HTML I biss miżjud,

204
00:11:47,590 --> 00:11:50,960
se jżidu li test il-ġdid hemm dritt fuq il-paġna.

205
00:11:50,960 --> 00:11:54,970
Nistgħu wkoll prepend, li jfisser li se jmorru qabel, fil-bidu ta 'dak l-element.

206
00:11:54,970 --> 00:11:58,290
Allura hemm xi test ġdid fil-bidu u wara.

207
00:11:58,290 --> 00:12:01,660
I tista 'tmur quddiem u jġedded biex teħles minn dan il-għalf stajt biss isir.

208
00:12:01,660 --> 00:12:05,280
Imma dak li eżempju ta 'kif tista' tuża l prepend u tehmeż metodi

209
00:12:05,280 --> 00:12:08,910
li jimmanipulaw Jittieħed fuq il-paġna, żid ftit HTML.

210
00:12:08,910 --> 00:12:11,080
>> Tista 'wkoll bidla klassijiet.

211
00:12:11,080 --> 00:12:14,970
Lura f'dan il-fajl istil, stajt ħolqot din għall-klassi win

212
00:12:14,970 --> 00:12:19,990
li għandha aħmar kulur test, xi kulur fl-isfond, u dell test.

213
00:12:19,990 --> 00:12:23,810
Huwa jistenna hideous, iżda I jistgħu attwalment -

214
00:12:23,810 --> 00:12:26,410
dan il-paragrafu jikkorrispondi għal klassi ID.

215
00:12:26,410 --> 00:12:29,860
So I tista 'żżid il-klassi għall-rebħa.

216
00:12:29,860 --> 00:12:31,870
I jista 'jesegwixxi dan fil-console,

217
00:12:31,870 --> 00:12:35,480
u li se jżid dik il-klassi, u issa jidher hideous, kif mistenni.

218
00:12:35,480 --> 00:12:39,680
Il CSS awtomatikament gets applikati għall-klassijiet li inti -

219
00:12:39,680 --> 00:12:42,680
jekk ikun hemm CSS għal klassi, awtomatikament gets applikati

220
00:12:42,680 --> 00:12:44,680
jekk tibdel il-klassi ta 'element.

221
00:12:44,680 --> 00:12:49,230
Imbagħad nistgħu jitneħħew biss billi tuża klassi tneħħi.

222
00:12:49,230 --> 00:12:53,690
Mela jekk għandek xi klassijiet predefiniti bħal aħmar jew enfasizzat,

223
00:12:53,690 --> 00:12:55,990
u mbagħad tixtieq tapplika dawk l-elementi,

224
00:12:55,990 --> 00:12:58,230
inti ma għandekx li jagħmlu l-CSS grafika kull darba.

225
00:12:58,230 --> 00:13:01,510
Tista 'biss żid il-klassi għal element, u mbagħad se awtomatikament issir -

226
00:13:01,510 --> 00:13:05,580
se awtomatikament tfittex xieraq għal dik il-klassi.

227
00:13:05,580 --> 00:13:07,900
Aħna tista 'tneħħi wkoll affarijiet; hekk jien ser tagħżel l-divs

228
00:13:07,900 --> 00:13:10,830
fuq il-paġna u tneħħihom.

229
00:13:10,830 --> 00:13:13,990
X'inhu li se look like?

230
00:13:13,990 --> 00:13:16,170
Huwa ser look like xejn, so hemm attwalment xejn xellug.

231
00:13:16,170 --> 00:13:18,170
Preżentazzjoni tiegħi hija marret.

232
00:13:18,170 --> 00:13:21,290
I jistgħu jġedded u jġibu lura, fortunatament,

233
00:13:21,290 --> 00:13:24,420
għaliex dan huwa biss running darba,

234
00:13:24,420 --> 00:13:29,460
iżda li eżempju ta 'tneħħija, jekk inti tixtieq li jeqirdu kompletament element off-paġna.

235
00:13:29,460 --> 00:13:33,180
>> Tista 'wkoll jissostitwixxu, u jien ser tagħżel l-paragrafu tags fuq il-paġna

236
00:13:33,180 --> 00:13:36,850
u mur ġewwa fihom u tissostitwixxi test ikollhom fihom

237
00:13:36,850 --> 00:13:39,690
biss mal-kelma "ittestjar."

238
00:13:39,690 --> 00:13:46,520
Jekk inti tagħmel dan, inti ser tissostitwixxi kull punt fuq il-paġna ma dan l-ittestjar.

239
00:13:46,520 --> 00:13:49,150
Yep. Huma qed kollha sostitwiti bl-ittestjar.

240
00:13:49,150 --> 00:13:53,270
Allura dak eżempju ta 'aċċess għall-test u kitba fuq dan.

241
00:13:53,270 --> 00:13:57,490
Tista 'wkoll jsib l-informazzjoni, u dan huwa verament jibred għall-kaxxi input.

242
00:13:57,490 --> 00:14:00,470
Jekk għandek input kaxxa li n-nies huma ittajpjar Jittieħed fi,

243
00:14:00,470 --> 00:14:03,880
nies huma ittajpjar Jittieħed fis dan,

244
00:14:03,880 --> 00:14:09,030
hawn aħna tagħżel l-input, kull tabella input ma 'tip ta' test.

245
00:14:09,030 --> 00:14:13,800
F'dan il-każ, hemm input kaxxa waħda biss fil-preżentazzjoni kollu,

246
00:14:13,800 --> 00:14:17,260
hekk aħna ser tagħżel biss l-ewwel wieħed, u allura aħna sejħa tal-funzjoni val fuqha.

247
00:14:17,260 --> 00:14:19,570
Li lura l-valur, u għal input kaxxa,

248
00:14:19,570 --> 00:14:24,330
il-valur huwa biss jiġri x'jiġri li jkun ġewwa fih.

249
00:14:24,330 --> 00:14:31,880
Hekk jekk nagħmlu dan, jirritorna l-għalf sekwenza.

250
00:14:31,880 --> 00:14:36,860
U jekk nagħmlu sejħa hija mill-ġdid wara bil-miktub aktar Jittieħed, jirriżulta fi Jittieħed aktar.

251
00:14:36,860 --> 00:14:40,760
Li mod wieħed tajjeb ħafna biex aċċess għall-elementi ta 'input kaxxa, u mbagħad tiċċekkja,

252
00:14:40,760 --> 00:14:45,060
dan huwa indirizz email validu, hija din id-data valida, per eżempju.

253
00:14:45,060 --> 00:14:49,600
Tista 'biss tkun irkuprata Jittieħed istantanjament kif in-nies huma ittajpjar,

254
00:14:49,600 --> 00:14:54,830
u mbagħad tiċċekkja jekk huwa validu, jibgħat lura lil server, jagħmlu xi ħaġa li trid magħha.

255
00:14:54,830 --> 00:14:57,720
U li kif inti aċċess x'hemm ġewwa dawn il-kaxxi.

256
00:14:57,720 --> 00:15:00,090
>> Tista 'wkoll timmodifika CSS direttament, hekk minflok ma żżid

257
00:15:00,090 --> 00:15:02,510
klassi li għandha xi proprjetajiet predefiniti,

258
00:15:02,510 --> 00:15:08,120
inti tista 'sempliċement żid kwalunkwe CSS inti tixtieq li xejn.

259
00:15:08,120 --> 00:15:10,350
Mela ejja korp tagħżel, li huwa l-preżentazzjoni kollu,

260
00:15:10,350 --> 00:15:14,370
u l-kulur huwa l-proprjetà li jiddefinixxi dak l-kuluri it-test huwa.

261
00:15:14,370 --> 00:15:19,420
Jekk irridu bidla li aħmar, it-test kollu fil-paġna ser idur għal aħmar.

262
00:15:19,420 --> 00:15:26,310
Nistgħu nagħmlu xi ħaġa simili blu kulur fl-isfond,

263
00:15:26,310 --> 00:15:30,680
hemm immorru; huwa beautiful.

264
00:15:30,680 --> 00:15:33,840
Tista 'tagħmel xi ħaġa li trid ma' dan.

265
00:15:33,840 --> 00:15:39,250
Uża l-proprjetà CSS, inti tista 'verament timmodifika kif xejn jistenna fi kwalunkwe ħin.

266
00:15:39,250 --> 00:15:41,630
Il-ħaġa li jmiss huwa l-effetti.

267
00:15:41,630 --> 00:15:45,710
Effetti huma bażikament l-istess ħaġa bħat timmodifika l-CSS,

268
00:15:45,710 --> 00:15:48,870
iżda huma fil-fatt jipprovdu xi animazzjoni extra lilha.

269
00:15:48,870 --> 00:15:53,380
Allura minflok sempliċiment juri jew ħabi xi ħaġa jew tibdil tal-kulur,

270
00:15:53,380 --> 00:15:56,130
inti tista 'attwalment jagħmilha animati.

271
00:15:56,130 --> 00:16:00,760
Hawn il-dokumentazzjoni, jekk inti tixtieq li tagħti ħarsa lejn l dokumentazzjoni estensiva għal dan.

272
00:16:00,760 --> 00:16:04,760
Imma jien ser tkopri dawk ewlenin.

273
00:16:04,760 --> 00:16:12,030
Hemm l-ispettaklu u l-proprjetajiet jaħbu.

274
00:16:12,030 --> 00:16:14,510
Show / hide ID jikkorrispondi għal din il-kaxxa kollha,

275
00:16:14,510 --> 00:16:18,190
hekk jekk I jaħbu dan, hija biss se jisparixxu.

276
00:16:18,190 --> 00:16:24,210
U nista juru mill-ġdid jekk Irrid nagħmel dan jasal lura.

277
00:16:24,210 --> 00:16:26,340
U huwa lura. Hija ma attwalment jisparixxu,

278
00:16:26,340 --> 00:16:30,670
I ma attwalment tneħħiha mill-paġna, I biss sett il-proprjetà CSS tal-viżibilità moħbija

279
00:16:30,670 --> 00:16:34,030
sabiex inti ma tistax tara dan aktar.

280
00:16:34,030 --> 00:16:39,250
Hemm ukoll slide up u slide stabbiliti; li jippermettilek li jkollhom dan l-effett.

281
00:16:39,250 --> 00:16:47,050
Hija slides up jisparixxu, u wara dan jispiċċa

282
00:16:47,050 --> 00:16:53,210
inti tista 'slide stabbiliti biex jagħmlu dan jasal lura. U issa huwa lura.

283
00:16:53,210 --> 00:16:57,650
Hemm ukoll dan l-effett fade, li - ID fade jikkorrispondi għal din il-kaxxa.

284
00:16:57,650 --> 00:17:01,200
Jekk I fade out, allura dan ser bil-mod jisparixxu.

285
00:17:01,200 --> 00:17:04,490
I jistgħu wkoll fade fi, u se terga 'lura.

286
00:17:04,490 --> 00:17:08,930
Tista 'wkoll tagħmel fade li, li hija speċifika għall-funzjoni fade.

287
00:17:08,930 --> 00:17:12,589
Inti jista 'jkollhom fade għal kwalunkwe opaċità speċifiku li tixtieq.

288
00:17:12,589 --> 00:17:16,869
Mela jekk inti fade bil-mod li .5, li ser issir nofs viżibbli.

289
00:17:16,869 --> 00:17:22,630
I jista 'jagħmilha tmur .1, u lura għaż 1 sabiex isiru għal kollox viżibbli mill-ġdid.

290
00:17:22,630 --> 00:17:24,760
Li jinsab biss animazzjoni ieħor li inti tista 'tagħmel.

291
00:17:24,760 --> 00:17:26,750
>> Hemm ukoll l-effetti toggle.

292
00:17:26,750 --> 00:17:33,410
Hekk jien ser jagħżlu l-ID toggle, li jikkorrispondi għal din il-kaxxa,

293
00:17:33,410 --> 00:17:38,970
u fuq dik div inti tista 'sejħa toggle; jekk huwa viżibbli se jsiru inviżibbli,

294
00:17:38,970 --> 00:17:42,320
jekk huwa inviżibbli se jsiru viżibbli mill-ġdid.

295
00:17:42,320 --> 00:17:44,440
So I biss imsejħa din il-funzjoni toggle darbtejn; l-ewwel waħda kienet

296
00:17:44,440 --> 00:17:48,380
l-istess ħaġa bħat jinħbew, it-tieni sejħa kienet l-istess ħaġa bħala juru.

297
00:17:48,380 --> 00:17:53,510
U inti tista 'ukoll tagħmel dan ma' toggle fade,

298
00:17:53,510 --> 00:17:55,730
li ma l-istess ħaġa, ħlief fil-fatt tgħib.

299
00:17:55,730 --> 00:17:59,410
U istess ħaġa ma 'l-slide toggle.

300
00:17:59,410 --> 00:18:01,460
Hemm effetti b'katina kif ukoll, li jfisser

301
00:18:01,460 --> 00:18:05,520
jekk inti tagħżel element u biss sejħa mazz ta 'metodi animazzjoni fuqha,

302
00:18:05,520 --> 00:18:07,400
jekk inti ridt li tgħib gradwalment, allura slide stabbiliti,

303
00:18:07,400 --> 00:18:11,040
u mbagħad jinħbew u mbagħad fade, se jagħmlu lilhom fil-filliera.

304
00:18:11,040 --> 00:18:24,920
Allura sparixxew, daħal lura - għal xi raġuni, l-ġilda ma seħħx.

305
00:18:24,920 --> 00:18:30,030
Ejja jippruvaw it out. Yeah, dan huwa faded out u mbagħad jiżżerżaq bogħod.

306
00:18:30,030 --> 00:18:32,230
U hemm ħafna aktar. Tista 'tuża l-funzjoni Animate

307
00:18:32,230 --> 00:18:35,370
biex joħolqu animazzjonijiet tiegħek, li huwa pjuttost kumpless,

308
00:18:35,370 --> 00:18:38,790
iżda tipprovdi inti ma 'estensjoni infinita.

309
00:18:38,790 --> 00:18:40,630
Inti tista 'tagħmel xi tip ta' animazzjoni li trid.

310
00:18:40,630 --> 00:18:44,230
Tista 'wkoll tuża kju biex kju up animazzjonijiet multipli fi żmien.

311
00:18:44,230 --> 00:18:47,340
Mela jekk inti tixtieq xi ħaġa li jtiru fuq il-paġna,

312
00:18:47,340 --> 00:18:49,860
slide mid-dritt ta 'fuq lejn ix-xellug tal-qiegħ, inti tista' tagħmel dan,

313
00:18:49,860 --> 00:18:55,240
u biss ikollhom mazz ta 'azzjonijiet għaddejjin waħda wara l-oħra.

314
00:18:55,240 --> 00:18:57,490
>> Il-ħaġa li jmiss aħna qed tmur biex jitkellmu dwar huwa l-avvenimenti.

315
00:18:57,490 --> 00:19:02,090
Avvenimenti jippermettu li inti - s'issa, aħna ħadthom kemm ġew ittajpjar affarijiet fil-console

316
00:19:02,090 --> 00:19:04,870
u li huwa mod wieħed biex dan iseħħ,

317
00:19:04,870 --> 00:19:08,020
iżda fuq paġna ta attwali, int mhux se tkun kapaċi

318
00:19:08,020 --> 00:19:10,020
jagħmlu l-affarijiet tip ta 'utent fil-console.

319
00:19:10,020 --> 00:19:12,050
Inti tixtieq affarijiet li jiġri awtomatikament.

320
00:19:12,050 --> 00:19:18,060
Għal dan, jeħtieġ li tuża avvenimenti li jattiva fuq xi ċerti jiġri avveniment.

321
00:19:18,060 --> 00:19:21,340
Tista 'tiċċekkja d-dokumentazzjoni għad-dettalji sħaħ.

322
00:19:21,340 --> 00:19:24,030
Mela ejja ara. Aħna rridu li taħbi jew juru l-kaxxa,

323
00:19:24,030 --> 00:19:29,340
iżda issa dritt din il-buttuna ma tagħmel xejn minħabba I ma timplimenta encore.

324
00:19:29,340 --> 00:19:35,420
Jien ser tmur fil-paġna HTML attwali.

325
00:19:35,420 --> 00:19:38,560
Hawn il-slide. Hemm div għall-slide.

326
00:19:38,560 --> 00:19:41,230
Hija għandha l-klassi ta 'slide.

327
00:19:41,230 --> 00:19:46,890
Hemm it-test. Issa, hemm din il-kaxxa u l-buttuna kaxxa.

328
00:19:46,890 --> 00:19:52,900
Kif aħna fil-fatt jagħmlu dan jisparixxu?

329
00:19:52,900 --> 00:19:58,250
L-ewwelnett, ejja jiktbu funzjoni li jagħmel il-ID kaxxa jisparixxu.

330
00:19:58,250 --> 00:20:01,820
Dan huwa l-sintassi għall funtion, ejja biss sejħa hija hideTheBox.

331
00:20:01,820 --> 00:20:06,130
Hija ma tikkunsidrax ebda argument, minħabba li m'hemmx argumenti li għandhom jittieħdu.

332
00:20:06,130 --> 00:20:08,950
Aħna jistgħu jagħżlu l-ID kaxxa.

333
00:20:08,950 --> 00:20:15,020
Hekk billi tuża l tagħżel jQuery, nistgħu jagħżlu kaxxa ID,

334
00:20:15,020 --> 00:20:17,700
u mbagħad biss jagħmilha jisparixxu.

335
00:20:17,700 --> 00:20:20,690
Ejjew nagħmluha tgħib gradwalment.

336
00:20:20,690 --> 00:20:27,390
Jekk aħna dam din il-funzjoni fil-console attwali,

337
00:20:27,390 --> 00:20:33,380
nistgħu jiddefinixxu din il-funzjoni; nistgħu sejħa hideTheBox, u jaħdem.

338
00:20:33,380 --> 00:20:36,650
Imma irridu li jiġri meta l-buttuna hija ppressata fil-fatt.

339
00:20:36,650 --> 00:20:40,950
Biex tagħmel dan, aħna għandhom jużaw avveniment.

340
00:20:40,950 --> 00:20:45,500
Li jorbtu avveniment biex xi buttuna speċifiku jew xi jiġri azzjoni,

341
00:20:45,500 --> 00:20:50,040
għandna biex jagħżlu l-element li l-avveniment se jikkawżaw -

342
00:20:50,040 --> 00:20:52,650
jew li se jikkawżaw l-avveniment, sorry.

343
00:20:52,650 --> 00:20:57,220
>> Allura l-ewwel nett, ejja tagħżel il-buttuna ID kaxxa

344
00:20:57,220 --> 00:20:59,610
minħabba li l-buttuna, u issa, għal dak buttuna,

345
00:20:59,610 --> 00:21:02,750
irridu noħolqu animazzjoni meta huwa għafast.

346
00:21:02,750 --> 00:21:05,040
Allura hemm din il-funzjoni ikklikkja.

347
00:21:05,040 --> 00:21:08,470
Huwa jippermettilek li jorbot funzjoni oħra lilha.

348
00:21:08,470 --> 00:21:12,320
Din il-funzjoni jieħu funzjoni oħra bħala argument

349
00:21:12,320 --> 00:21:14,310
nistgħu jgħaddu fil-funzjoni hideTheBox,

350
00:21:14,310 --> 00:21:20,950
u kull meta din il-buttuna hija għafast, dik il-funzjoni se awtomatikament tesegwixxi.

351
00:21:20,950 --> 00:21:24,850
Allura dan se taħdem jekk aħna ħlief dan, jien ser jġedded,

352
00:21:24,850 --> 00:21:33,460
u - tieni wieħed, jien sorry.

353
00:21:33,460 --> 00:21:44,770
Let me jiffissaw dan verament malajr.

354
00:21:44,770 --> 00:21:50,680
Okay. Hemm immorru. Allura issa l-kaxxa jisparixxu meta aħna ikklikkja l-buttuna.

355
00:21:50,680 --> 00:21:55,470
Nistgħu wkoll tbiddel dan għal ftit fadeToggle,

356
00:21:55,470 --> 00:22:00,020
bidla biss biex taħbi jew juru l-kaxxa,

357
00:22:00,020 --> 00:22:03,850
u dan se taħdem ukoll wisq, jekk aħna jġedded.

358
00:22:03,850 --> 00:22:08,550
Nistgħu jinħbew, nistgħu wkoll juru li dan, u li se tkompli taħdem.

359
00:22:08,550 --> 00:22:12,210
Ħaġa oħra li nistgħu nagħmlu huwa, aħna ma attwalment ikollhom jiddefinixxu din il-funzjoni hideTheBox

360
00:22:12,210 --> 00:22:15,050
qabel nsejħu l-funzjoni ikklikkja.

361
00:22:15,050 --> 00:22:17,640
Allura minflok jiddefinixxi l-funzjoni u ssejjaħ hideTheBox,

362
00:22:17,640 --> 00:22:20,310
aħna qed biss ser sejħa hija jekk din il-ħaġa huwa għafast.

363
00:22:20,310 --> 00:22:22,310
Allura nistgħu jiddefinixxu b'mod anonimu fil hawn,

364
00:22:22,310 --> 00:22:25,070
li hija karatteristika li għandha JavaScript.

365
00:22:25,070 --> 00:22:29,720
Inti tista 'tiddefinixxi funzjoni; normalment, aħna ngħid hideTheBox funzjoni

366
00:22:29,720 --> 00:22:34,490
mal-argumenti, iżda minflok, nistgħu biss jgħidu jiffunzjonaw ebda argumenti,

367
00:22:34,490 --> 00:22:36,870
tibda l-Brace kaboċċi biex jiddefinixxu l-funzjoni,

368
00:22:36,870 --> 00:22:40,780
tagħlaq dik Brace kaboċċi, u mbagħad biss jiddefinixxu l-funzjoni fil hawn,

369
00:22:40,780 --> 00:22:45,130
fi ħdan l-ewwel parentesi u l-aħħar parentesi

370
00:22:45,130 --> 00:22:47,860
li jikkorrispondu għall-argumenti tal-funzjoni ikklikkja.

371
00:22:47,860 --> 00:22:53,320
Allura aħna qed tgħaddi f'dan funzjoni, nistgħu kopja din il-linja tal-kodiċi dritt hawn,

372
00:22:53,320 --> 00:22:55,450
u li se jagħmlu l-istess ħaġa eżatt.

373
00:22:55,450 --> 00:22:57,290
U issa aħna ma jkollhomx din il-funzjoni fadeTheBox każwali

374
00:22:57,290 --> 00:22:59,960
li huwa seduta madwar għall-ebda raġuni apparenti.

375
00:22:59,960 --> 00:23:02,070
Il-funzjoni ġiet definita b'mod anonimu, ma għandhom isem.

376
00:23:02,070 --> 00:23:08,060
Hija se biss tesegwixxi meta aħna ikklikkja fuq il-buttuna kaxxa.

377
00:23:08,060 --> 00:23:12,180
Allura iġjeniċi darba aktar, waħda aktar ħin, u tista 'tara li għadu jaħdem.

378
00:23:12,180 --> 00:23:16,700
U li kif inti toħloq avvenimenti.

379
00:23:16,700 --> 00:23:19,190
>> Hemm ħafna ta 'avvenimenti differenti li nistgħu nużaw.

380
00:23:19,190 --> 00:23:23,540
Jien ser jaqilbu lura għall-użu tal-console biex turi biss int kif jaħdmu dawn.

381
00:23:23,540 --> 00:23:28,210
Il-IDs għal kull wieħed minn dawn jikkorrispondu għal kull kaxxa.

382
00:23:28,210 --> 00:23:33,020
Allura din il-kaxxa ikklikkja ID, dan huwa wieħed ID ewlenin, u dan huwa wieħed ġurdien ID.

383
00:23:33,020 --> 00:23:36,120
Ħaġ'oħra hija li hemm din il-funzjoni azzjoni; minflok ittajpjar dan jitwettaq kull darba,

384
00:23:36,120 --> 00:23:41,610
I attwalment marru quddiem u definit din il-funzjoni azzjoni stabbiliti hawn.

385
00:23:41,610 --> 00:23:46,860
Hija ma l-istess ħaġa bħala l-funzjoni hideTheBox.

386
00:23:46,860 --> 00:23:51,340
Jiġrilha din il-kaxxa u jew tgħib out jew tgħib hija pulzieri

387
00:23:51,340 --> 00:23:54,110
U hu għalhekk li aħna qed kapaċi jużaw it here.

388
00:23:54,110 --> 00:24:00,350
Allura jekk aħna ikklikkja fuq dan ikklikkja ID, irridu li jagħmlu l-kaxxa jisparixxu jew jerġgħu jitfaċċaw.

389
00:24:00,350 --> 00:24:03,610
Huwa l-istess ħaġa bħat-buttuna li kellna fl-aħħar slide.

390
00:24:03,610 --> 00:24:07,450
Issa wara li nsejħu dan, nistgħu ikklikkja fuq dan u l-kaxxa se jisparixxu,

391
00:24:07,450 --> 00:24:10,160
imbagħad ikklikkja fuqha mill-ġdid u l-kaxxa se jerġgħu jitfaċċaw.

392
00:24:10,160 --> 00:24:12,480
Li pretty sempliċi. Double click ma l-istess ħaġa,

393
00:24:12,480 --> 00:24:15,660
ħlief dan jirrikjedi klikk doppju.

394
00:24:15,660 --> 00:24:19,030
Mela jekk inti ikklikkja fuqha darba u kklikkja fuqha darb'oħra xejn se jiġri,

395
00:24:19,030 --> 00:24:21,140
imma jekk inti ikklikkja darbtejn malajr, dan ser jisparixxu.

396
00:24:21,140 --> 00:24:23,310
Jekk inti ikklikkja darbtejn mill-ġdid, se terga 'lura.

397
00:24:23,310 --> 00:24:25,250
Allura dak pjuttost sempliċi.

398
00:24:25,250 --> 00:24:31,170
Tħaddim tat-tastiera huwa tip ta stramb; I ma naħsibx li attwalment xogħlijiet f'dan l-eżempju

399
00:24:31,170 --> 00:24:37,670
minħabba li l-muftieħ isfel, sa ewlieni u l-istampa ewlenin u l-azzjonijiet ewlenin oħrajn

400
00:24:37,670 --> 00:24:47,190
jattiva x'ikun element li jorbotha li.

401
00:24:47,190 --> 00:24:51,410
Per eżempju, anke jekk I marbut ewlenin isfel għall-ġisem jew xi ħaġa oħra għal kollox,

402
00:24:51,410 --> 00:24:55,950
allura xorta jattiva ebda kwistjoni - mhuwiex speċifiku.

403
00:24:55,950 --> 00:25:00,190
I m'għandhomx ikunu tikklikkja fuq dan u istampa ewlieni biex jagħmlu xejn jisparixxu.

404
00:25:00,190 --> 00:25:04,470
Ikun attivat irrispettivament minn liema element jien bħalissa pulzieri

405
00:25:04,470 --> 00:25:06,880
Allura dawn ma attwalment jaħdmu f'dan l-eżempju

406
00:25:06,880 --> 00:25:13,180
minħabba li ma tirrikonoxxix lili bħala jidħlu input fil-div input keyboard.

407
00:25:13,180 --> 00:25:15,740
>> Imma jekk inti tħares lejn l-azzjonijiet tal-ġrieden,

408
00:25:15,740 --> 00:25:19,620
l-ewwel wieħed huwa imbagħad jerġgħu, u tista 'tagħmel xi wħud minn dan bl-użu CSS.

409
00:25:19,620 --> 00:25:24,280
Jekk tuża CSS, inti tista 'toħloq hekk li jekk inti tmur fuq xi ħaġa,

410
00:25:24,280 --> 00:25:28,940
allura bidliet istil tagħha.

411
00:25:28,940 --> 00:25:32,170
Iżda bl-użu jQuery tista 'tbiddel l-istili ta' affarijiet oħrajn ukoll.

412
00:25:32,170 --> 00:25:37,120
Għalhekk, per eżempju, aħna qed tmur biex sejħa azzjoni jekk aħna imbagħad matul dan div.

413
00:25:37,120 --> 00:25:39,660
Dan ifisser li jekk irridu imbagħad jerġgħu jsiru fuq dan, allura l-kaxxa se jisparixxu.

414
00:25:39,660 --> 00:25:42,430
Jekk nimxu lil hinn minnha, il-kaxxa se jerġgħu jitfaċċaw.

415
00:25:42,430 --> 00:25:45,090
Jekk aħna sejħa dan u imbagħad jerġgħu fuqha, il-kaxxa ma jisparixxu,

416
00:25:45,090 --> 00:25:47,050
u hekk kif aħna jitbiegħed, niġu lura.

417
00:25:47,050 --> 00:25:49,750
Jekk nagħmlu sejħa din il-funzjoni imbagħad jerġgħu-maws fuq ID,

418
00:25:49,750 --> 00:25:54,380
li jikkorrispondi għal din il-kaxxa, allura jekk aħna imbagħad jerġgħu jsiru fuq il-kaxxa,

419
00:25:54,380 --> 00:26:00,440
allura l-kaxxa fil-fatt se jisparixxu - huwa jkun funky dritt issa, iżda -

420
00:26:00,440 --> 00:26:06,310
jekk aħna jitbiegħed minnha, se jerġgħu jitfaċċaw. Dritt issa huwa lura għal xi raġuni.

421
00:26:06,310 --> 00:26:12,720
Il-ġurdien jidħlu u funzjonijiet Move mouse huma pjuttost simili, imma kemmxejn differenti.

422
00:26:12,720 --> 00:26:16,470
Mouse jidħol biss jattiva meta l-maws jidħol fil-kaxxa, kif mistenni.

423
00:26:16,470 --> 00:26:19,210
Mela jekk inti tmur fis dan, dan ser jisparixxu.

424
00:26:19,210 --> 00:26:23,210
Iżda mhux se jerġgħu jitfaċċaw meta inti tmur lil hinn; inti ser ikollok li jmur lura fuq dan biex din terga 'lura.

425
00:26:23,210 --> 00:26:25,590
Hemm ukoll il-funzjoni ġurdien jimxu, li se jattiva

426
00:26:25,590 --> 00:26:29,300
kull meta l-maws huwa saħansitra preżenti fil-kaxxa.

427
00:26:29,300 --> 00:26:32,430
Għalhekk ser biss iżommu għaddejjin, fading u 'l barra.

428
00:26:32,430 --> 00:26:35,660
U huwa attwalment qtugħ - jidher li huwa simili huwa biss fading u 'l barra,

429
00:26:35,660 --> 00:26:39,140
iżda huwa attwalment qtugħ azzjonijiet ħafna aktar minn dan,

430
00:26:39,140 --> 00:26:43,550
hekk meta inti tmur lil hinn hija ser biss iżommu għaddejjin għaliex illoggjat bħal elf minnhom.

431
00:26:43,550 --> 00:26:46,620
Forsi mhux elf. Forsi ħamsa.

432
00:26:46,620 --> 00:26:50,200
Hija zkuk aktar minn dak.

433
00:26:50,200 --> 00:26:53,280
Il-punt hu, l-azzjonijiet kollha tal-ġrieden, hemm ħafna minnhom.

434
00:26:53,280 --> 00:26:55,480
Tista 'taqra fuq l-oħrajn, iżda kollha huma kemmxejn differenti,

435
00:26:55,480 --> 00:26:57,700
u inti tista 'pick liema waħda għandek bżonn

436
00:26:57,700 --> 00:27:02,130
għal liema skop speċifiku inti qed tipprova tagħmel.

437
00:27:02,130 --> 00:27:05,060
>> Il-ħaġa li jmiss jien ser jitkellmu dwar huwa Ajax.

438
00:27:05,060 --> 00:27:09,340
Ajax, naf aħna ma tkopri JavaScript fil-fond kemm din is-sena,

439
00:27:09,340 --> 00:27:11,770
hekk jien biss ser jitkellmu dwar Ajax b'mod ġenerali għal minuta.

440
00:27:11,770 --> 00:27:15,210
Ajax stands għall Asynchronous JavaScript u XML.

441
00:27:15,210 --> 00:27:19,030
Huwa bażikament, per eżempju, meta int fuq Facebook u pushes inti notifika,

442
00:27:19,030 --> 00:27:23,060
dan għaliex AJAX tkun qed taħdem fuq web browser tiegħek.

443
00:27:23,060 --> 00:27:25,800
Kull ftit sekondi web browser tiegħek attwalment

444
00:27:25,800 --> 00:27:29,420
ser servers Facebook, talbithom, do għandek xi ħaġa ġdida għalija,

445
00:27:29,420 --> 00:27:31,980
u mbagħad niġu lura lilek.

446
00:27:31,980 --> 00:27:36,320
Dan jippermettilek li tibgħat talbiet għal server

447
00:27:36,320 --> 00:27:38,660
mingħajr ma attwalment jkollhom tagħbija il-paġna.

448
00:27:38,660 --> 00:27:42,040
Allura normalment, jekk int biss tuża PHP u database,

449
00:27:42,040 --> 00:27:45,480
inti għandek li jġedded il-paġna qabel ma inti tista 'tikseb informazzjoni ġdida mill-server.

450
00:27:45,480 --> 00:27:48,770
Iżda bl-użu Ajax, inti tista 'pull għal dik l-informazzjoni ġdida kontinwament,

451
00:27:48,770 --> 00:27:52,250
jew ġibda għaliha meta inti ikklikkja l-buttuna jew xi ħaġa bħal dik.

452
00:27:52,250 --> 00:27:56,140
Allura dan jippermetti li tibgħat talbiet mingħajr tagħbija mill-ġdid il-paġna,

453
00:27:56,140 --> 00:27:58,130
u nistgħu nużaw jew IKOLLOK jew POST talbiet.

454
00:27:58,130 --> 00:28:05,370
>> IKOLLOK talbiet huma, per eżempju, jekk inti Google.com in English

455
00:28:05,370 --> 00:28:10,900
u jagħmlu q = test. Li jagħtihom test query.

456
00:28:10,900 --> 00:28:15,890
U li IKOLLOK talba għaliex dan huwa tgħaddi fis dawk il-parametri fil-URL innifsu.

457
00:28:15,890 --> 00:28:19,250
Talba POST huwa kif jekk int tibgħat lilhom permezz post.

458
00:28:19,250 --> 00:28:22,500
Huwa simili inti tpoġġi fl-ittra u vapur off lilhom,

459
00:28:22,500 --> 00:28:25,140
iżda dawn ma attwalment ara l-kontenut. Dawn mhux qed jidhru fil-URL.

460
00:28:25,140 --> 00:28:31,040
Inti ma tistax direttament tip fil, inti għandek tibgħat kważi segretament.

461
00:28:31,040 --> 00:28:33,880
Huwa fil-post.

462
00:28:33,880 --> 00:28:38,660
Iżda bl-użu jQuery, inti tista 'tagħmel IKOLLOK u talbiet POST

463
00:28:38,660 --> 00:28:42,740
ħafna aktar faċilment milli inti normalment tista 'tuża biss JavaScript sempliċi.

464
00:28:42,740 --> 00:28:50,140
Tista 'mistoqsija APIs tuża IKOLLOK talbiet, u tista' wkoll jikkontrolla għal informazzjoni login.

465
00:28:50,140 --> 00:28:54,400
Fuq il-paġna li jmiss, I ħolqot din, li tistaqsi, "X'hemm għall-ikel?"

466
00:28:54,400 --> 00:28:58,230
jużaw l-ikel API Harvard, so ejja pull up.

467
00:28:58,230 --> 00:29:01,840
Dan huwa biss eżempju ta 'kif tista' tuża jQuery biex jagħmlu IKOLLOK talba għal API

468
00:29:01,840 --> 00:29:04,200
u jiksbu informazzjoni lura minnha.

469
00:29:04,200 --> 00:29:07,090
Allura irridu naraw l-menu għal-lum,

470
00:29:07,090 --> 00:29:10,560
u irridu naraw x'hemm għall-ikel.

471
00:29:10,560 --> 00:29:16,500
Hawn il-URL li joħolqu IKOLLOK talba fil jQuery.

472
00:29:16,500 --> 00:29:18,600
tuża l-$. nikseb funzjoni.

473
00:29:18,600 --> 00:29:22,290
L-ewwel argument huwa l-URL, hekk eżattament dak li qed juri dubji.

474
00:29:22,290 --> 00:29:27,200
Imbagħad l-argument li jmiss hija funzjoni li tesegwixxi meta t-talba IKOLLOK hija kompluta.

475
00:29:27,200 --> 00:29:29,980
Allura inti tibgħat off xi talba lill-server, jistenna li jiġu lura.

476
00:29:29,980 --> 00:29:33,770
Meta dan ma terga 'lura, int ser tieħu xi azzjoni mad-data thats lura mill-server.

477
00:29:33,770 --> 00:29:37,520
Ejja jimxi 'l quddiem u jikkodifikaw dan ukoll.

478
00:29:37,520 --> 00:29:42,110
I ma kodiċi dans, fuq l-iskop.

479
00:29:42,110 --> 00:29:46,660
Hawn il-Todo. L-ewwelnett, ejja jużaw il-vinkolanti avveniment

480
00:29:46,660 --> 00:29:50,820
b'tali mod li meta din il-buttuna hija ppressata, nibagħtu off IKOLLOK talba.

481
00:29:50,820 --> 00:29:53,410
U meta dik IKOLLOK talba prospetti ma 'xi data,

482
00:29:53,410 --> 00:29:57,290
aħna qed tmur biex tiktibha fis dan ikla info div ID.

483
00:29:57,290 --> 00:30:02,860
L-ewwelnett, ejja tagħżel l-ID buttuna ikel.

484
00:30:02,860 --> 00:30:07,320
Meta huwa għafast, irridu li tagħmel xi ħaġa.

485
00:30:07,320 --> 00:30:11,930
Ejja biss jagħmilha fuction anonima, bħal qabel.

486
00:30:11,930 --> 00:30:15,550
Tista nagħlaq dawk ċingi kaboċċi,

487
00:30:15,550 --> 00:30:18,530
u meta din il-buttuna hija ppressata, irridu li tibgħat talba IKOLLOK

488
00:30:18,530 --> 00:30:20,750
biex jiċċekkjaw x'hemm għall-ikel.

489
00:30:20,750 --> 00:30:24,970
Biex tagħmel dan, nistgħu biss tip fil $. Tikseb.

490
00:30:24,970 --> 00:30:28,850
Din hija funzjoni jQuery, juzaw is-sinjal dollaru.

491
00:30:28,850 --> 00:30:31,430
Huwa jieħu ftit argumenti. L-ewwel waħda hija l-URL,

492
00:30:31,430 --> 00:30:34,450
it-tieni waħda hija l-funzjoni callback, il-funzjoni li sejjaħ

493
00:30:34,450 --> 00:30:37,740
meta dik it-talba fil-fatt prospetti.

494
00:30:37,740 --> 00:30:39,890
Ejja biss tinbena l-URL ewwel.

495
00:30:39,890 --> 00:30:44,650
Nistgħu ġġibu mill-API li David kiteb up.

496
00:30:44,650 --> 00:30:51,360
Going hawn, nistgħu naraw li huwa food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
u mbagħad inti biss jgħaddu fl-ismijiet tal-parametri li inti tixtieq.

498
00:30:54,140 --> 00:30:57,760
Allura parametru 1 huwa valur 1.

499
00:30:57,760 --> 00:31:00,910
Jidher qisu data standard, bidu data, nuqqasijiet li llum

500
00:31:00,910 --> 00:31:03,110
jekk inti ma tidħol xejn, u t-tmiem nuqqasijiet ukoll

501
00:31:03,910 --> 00:31:05,930
li llum jekk inti ma tidħol xejn.

502
00:31:05,930 --> 00:31:10,790
Dan huwa dak li rridu. Aħna rridu li tikseb biss l-informazzjoni għal-lum.

503
00:31:10,790 --> 00:31:12,950
>> Aħna rridu li l-format li jkun JSON.

504
00:31:12,950 --> 00:31:15,570
Li jinsab biss arbitrarju; inti tista 'tuża kwalunkwe forma li tixtieq.

505
00:31:15,570 --> 00:31:18,950
Tista 'tuża CSV, iżda JSON hija JavaScript Notazzjoni Għan.

506
00:31:18,950 --> 00:31:24,150
Huwa faċli ħafna għall-JavaScript biex jifhmu xi tfisser,

507
00:31:24,150 --> 00:31:27,110
u nistgħu ipprintjaha aktar faċilment il-mod.

508
00:31:27,110 --> 00:31:30,490
Mela ejja talba fil JSON, u ejja talba lunch.

509
00:31:30,490 --> 00:31:37,660
Allura ikla = lunch. Just jiktbu up li URL, immorru lura hawn.

510
00:31:37,660 --> 00:31:41,290
Hemm menus. L-ewwel parametru huwa output = JSON

511
00:31:41,290 --> 00:31:44,640
għaliex dan huwa dak li rridu, u inti separati l-parametri ma '"u".

512
00:31:44,640 --> 00:31:48,940
It-tieni parametru huwa - I ma tiftakarx.

513
00:31:48,940 --> 00:31:52,170
Ikla. U rridu ikla = lunch.

514
00:31:52,170 --> 00:31:57,390
Tista 'test dan il-URL billi jittajpja hija fil-browser tiegħek u tmur għaliha.

515
00:31:57,390 --> 00:32:03,120
Huwa se jagħtik xi output. Huwa biss mazz ta 'għalf li għall-lunch.

516
00:32:03,120 --> 00:32:10,410
Huwa f'dan il-format ikrah. Aħna rridu li jistampaw fuq il-paġna tagħna f'format aħjar.

517
00:32:10,410 --> 00:32:12,580
Allura l-URL hija korretta, issa aħna biss bżonn jiktbu funzjoni

518
00:32:12,580 --> 00:32:18,300
għal sejħa lura meta t-talba huwa ta 'suċċess.

519
00:32:18,300 --> 00:32:20,430
Din il-funzjoni fil-fatt se jieħdu argument. Din se tkun data.

520
00:32:20,430 --> 00:32:25,650
Id-data hija dak li jiġi lura mill-IKOLLOK talba wara isir it-talba IKOLLOK.

521
00:32:25,650 --> 00:32:28,860
Nistgħu nagħmlu l-braces kaboċċi; fil hawn aħna tikteb l-funzjoni anonimu

522
00:32:28,860 --> 00:32:33,900
li tesegwixxi, bl-użu li data meta irridu jiksbu l-informazzjoni lura.

523
00:32:33,900 --> 00:32:37,840
Allura data, meta aħna ittajpjat fil dan il-URL,

524
00:32:37,840 --> 00:32:41,540
dan huwa dak li l-data għaddej biex look like. Huwa ser tkun din is-sekwenza kbira.

525
00:32:41,540 --> 00:32:48,610
Imma l-ħaġa tajba hija, JavaScript jistgħu parse billi tuża l-funzjoni JSON.parse.

526
00:32:48,610 --> 00:32:54,950
Mela ejja toħloq varjabbli ġdid imsejjaħ data parse.

527
00:32:54,950 --> 00:32:57,060
U data parse hija firxa ta 'oġġetti.

528
00:32:57,060 --> 00:33:04,200
Kull oġġett fih informazzjoni bħal - ukoll, ejja tagħti ħarsa.

529
00:33:04,200 --> 00:33:08,980
Hija għandha data, ikla, kategorija, riċetta, dan kollu Jittieħed oħra.

530
00:33:08,980 --> 00:33:10,860
Mela ejja biss jistampa l-isem għal kull wieħed.

531
00:33:10,860 --> 00:33:13,790
Ejja jtenni fuq il-firxa sħiħa ta 'għalf li aħna terġa' lura minnha,

532
00:33:13,790 --> 00:33:17,570
u biss print out kull waħda - jistampa l-isem ta 'kull wieħed.

533
00:33:17,570 --> 00:33:22,670
Dan huwa għall-loop.

534
00:33:22,670 --> 00:33:26,030
>> JavaScript għandha dan sintassi utli fejn inti tista 'toħloq varjabbli u loop fuq firxa,

535
00:33:26,030 --> 00:33:30,150
u var i huwa biss il-iterator, hekk minflok li tagħmel var i = 0,

536
00:33:30,150 --> 00:33:40,290
i kien inqas mit-tul, i + +, inti tista 'biss tagħmel var i fid-data parsed.

537
00:33:40,290 --> 00:33:47,060
F'dan l-eżempju, data parsed (i) se jikkorrispondu għall-element attwali

538
00:33:47,060 --> 00:33:49,850
tal-firxa, l-oġġett attwali.

539
00:33:49,850 --> 00:33:51,720
U aħna rridu nġibu l-isem minnha.

540
00:33:51,720 --> 00:33:54,170
Mela ejja biss tagħmel isem.

541
00:33:54,170 --> 00:33:57,000
U l-aħħar ħaġa, aħna qed tmur biex ikollhom xi jQuery mill-ġdid.

542
00:33:57,000 --> 00:34:02,660
Attwalment iżżidhiex mal-div, dan ikla div info thats bħalissa vojta.

543
00:34:02,660 --> 00:34:05,430
Mela ejja tagħżel li.

544
00:34:05,430 --> 00:34:13,870
Aħna ser tuża jQuery u agħżel ikla info div ID, jew pasta info ID, sorry.

545
00:34:13,870 --> 00:34:16,580
Aħna rridu li tehmeż għal dan.

546
00:34:16,580 --> 00:34:21,030
Jekk għamilna test, per eżempju, ikun biss jissostitwixxu dan kull wieħed ħin.

547
00:34:21,030 --> 00:34:29,190
Allura nistgħu biss iżid din.

548
00:34:29,190 --> 00:34:31,889
L-element attwali fil-firxa, aħna ser jiksbu l-isem barra minnu,

549
00:34:31,889 --> 00:34:38,159
u aħna ser tehmeż lill-tmiem tal-ikla info div ID.

550
00:34:38,159 --> 00:34:40,120
U mbagħad biss biex jagħmluha ħarsa aktar nodfa,

551
00:34:40,120 --> 00:34:51,550
aħna ser wkoll tehmeż break linja hekk huwa mhux kollha fuq linja waħda.

552
00:34:51,550 --> 00:34:55,280
Mela jekk kollox imur sew, li għandu jkun tajjeb biex -

553
00:34:55,280 --> 00:34:57,220
ewwel nett, kull meta din il-buttuna hija għafast,

554
00:34:57,220 --> 00:35:00,070
se tibgħat off IKOLLOK talba għal dan il-URL.

555
00:35:00,070 --> 00:35:02,500
Meta d-data taqa 'lura minnha, dan ser parse,

556
00:35:02,500 --> 00:35:06,950
jibdluh JSON, loop fuq il-firxa sħiħa jirrappreżenta dik id-data,

557
00:35:06,950 --> 00:35:10,310
u mbagħad tehmeż l-isem u pawża linja

558
00:35:10,310 --> 00:35:16,500
għal kull linja f'dan ikla info ID li qabel kienet vojta.

559
00:35:16,500 --> 00:35:18,910
Allura jmorru lura għal din il-paġna, aħna ser jġedded,

560
00:35:18,910 --> 00:35:23,690
click, nsib - ma jaħdimx. Li sfortunati.

561
00:35:23,690 --> 00:35:25,830
U dan huwa fejn debugging taqa pulzieri

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

563
00:35:30,070 --> 00:35:57,210
Li interessanti.

564
00:35:57,210 --> 00:35:59,720
Kull dritt, ukoll, milli jonfqu ħin tagħmel dan, jien biss ser

565
00:35:59,720 --> 00:36:07,070
iġbed il-fajl isir li għandi, li hija l-verżjoni kompluta.

566
00:36:07,070 --> 00:36:13,710
M'inix ċert x'inhi d-differenza, iżda nistgħu biss tiftaħ dan up minflok.

567
00:36:13,710 --> 00:36:19,740
U immorru l-Ajax, u dan għandu jaħdem b'mod korrett.

568
00:36:19,740 --> 00:36:21,730
Dan huwa dak li kien għall-ikel tal-lum,

569
00:36:21,730 --> 00:36:24,870
fl-ebda ordni partikolari, ma 'kwotazzjonijiet madwaru, dan mhuwiex il-prettiest.

570
00:36:24,870 --> 00:36:27,090
Iżda, ovvjament, jekk inti kienu qed jagħmlu dan għal proġett finali,

571
00:36:27,090 --> 00:36:30,120
inti jagħmluha ħarsa aħjar.

572
00:36:30,120 --> 00:36:32,530
Iżda li biss eżempju sempliċi ta 'kif inti tagħmel it-talba IKOLLOK.

573
00:36:32,530 --> 00:36:34,580
U jekk inħarsu lejn il-kodiċi attwali, jien guessing, jien pretty żgur

574
00:36:34,580 --> 00:36:39,690
huwa għadu pjuttost l-istess.

575
00:36:39,690 --> 00:37:04,990
Oh, I nesa li jaqilbu għal string, thats it.

576
00:37:04,990 --> 00:37:07,920
Le, huwa għadu mhux qed jaħdem. Indipendentement, hawn l-kodiċi attwali mimlija

577
00:37:07,920 --> 00:37:10,300
għal dak li dan għandu look like,

578
00:37:10,300 --> 00:37:16,400
u ma l-istess ħaġa bħat dak I biss implimentati.

579
00:37:16,400 --> 00:37:22,760
Meta tikklikkja fuq il-buttuna, hija tuża IKOLLOK JSON li awtomatikament parse-data.

580
00:37:22,760 --> 00:37:29,190
Huwa jieħu l-informazzjoni lura minnha u loops permezz tal-firxa sħiħa

581
00:37:29,190 --> 00:37:32,770
u tistampa l - x'ikun l għall-ikel tal-lum, l-isem ta 'dan,

582
00:37:32,770 --> 00:37:38,020
u tannetti break linja wara kull linja.

583
00:37:38,020 --> 00:37:41,100
Thats kif inti tuża l-funzjoni IKOLLOK.

584
00:37:41,100 --> 00:37:44,040
>> Tista 'wkoll tuża POST, li jien ma kellhomx żmien

585
00:37:44,040 --> 00:37:47,940
li tikteb up eżempju għal dan, iżda nistgħu nħarsu lejn id-dokumentazzjoni.

586
00:37:47,940 --> 00:37:53,220
Jekk inti tħares lejn jquery.post,

587
00:37:53,220 --> 00:37:55,510
tista 'tara li huwa kważi l-istess ħaġa.

588
00:37:55,510 --> 00:38:01,650
Għandek URL, iżda minflok li tgħaddi parametri jużaw -

589
00:38:01,650 --> 00:38:03,990
biss jdaħħalhom fil-sekwenza għall-URL innifsu,

590
00:38:03,990 --> 00:38:06,300
inti għandek tgħaddi f'dan varjabbli data

591
00:38:06,300 --> 00:38:11,990
li hija bażikament array, dizzjunarju li mapep parametri għal valuri.

592
00:38:11,990 --> 00:38:17,690
Inti tgħaddi dik fil-, u li tibgħathom fl-użu ta POST.

593
00:38:17,690 --> 00:38:20,790
U ladarba inti għandek dan, allura inti jista 'jkollhom funzjoni suċċess

594
00:38:20,790 --> 00:38:23,930
li tesegwixxi meta d-data taqa 'lura.

595
00:38:23,930 --> 00:38:26,430
Inkella, huwa eżattament l-istess. Hekk billi tuża POST,

596
00:38:26,430 --> 00:38:29,970
inti tista 'tixtieq tuża POST, per eżempju, jekk għandek forma input

597
00:38:29,970 --> 00:38:35,780
inti let passwords input nies fis dan, u jibgħat dawk passwords off

598
00:38:35,780 --> 00:38:41,850
biex iskrittura back-end tiegħek, biex jikkontrolla fid-database jekk dak l-utent huwiex validu jew le.

599
00:38:41,850 --> 00:38:46,700
Tista 'tagħmel dan kollu bl-użu jQuery minflok li jġedded il-paġna fil-livelli kollha.

600
00:38:46,700 --> 00:38:52,160
Thats kif I implimentati fil-blog li I wera inti qabel.

601
00:38:52,160 --> 00:38:59,530
Jekk immorru l-portal aħħar u l-log out, log out,

602
00:38:59,530 --> 00:39:02,600
Log out ma taħdimx.

603
00:39:02,600 --> 00:39:13,360
Well, let me biss tiftaħ it up fil-tieqa ġdida.

604
00:39:13,360 --> 00:39:16,580
Hawnhekk hemm password, u I kienet se tip fil xi ħaġa każwali.

605
00:39:16,580 --> 00:39:18,590
Ma jaħdimx, iżda tista 'tara li aħna ma

606
00:39:18,590 --> 00:39:20,840
attwalment ikollhom li jġedded il-paġna fil-livelli kollha.

607
00:39:20,840 --> 00:39:24,610
Il-kodiċi, jekk inti tixtieq li tħares lejn din,

608
00:39:24,610 --> 00:39:37,460
hija kollha disponibbli hawn.

609
00:39:37,460 --> 00:39:45,680
Allura l-kodiċi I kiteb aħħar sena f'xi.

610
00:39:45,680 --> 00:39:47,790
Kif tistgħu taraw hawn, aħna qed tibgħat talba POST.

611
00:39:47,790 --> 00:39:50,400
I jkollhom fajl imsejjaħ login.php fl-aħħar lura,

612
00:39:50,400 --> 00:39:53,860
li tiċċekkja jekk l-password huwa validu.

613
00:39:53,860 --> 00:39:56,000
Il-parametri aħna jgħaddu fil huma password, mapped

614
00:39:56,000 --> 00:40:00,030
l-input li l f'din il-kaxxa input bħalissa.

615
00:40:00,030 --> 00:40:04,110
U meta d-data tiġi lura, aħna check.

616
00:40:04,110 --> 00:40:07,680
Jekk id-data hija falza, allura nistgħu ngħidu password żbaljata, mexxiha isfel,

617
00:40:07,680 --> 00:40:09,580
u biss tagħmel dan jisparixxu wara dik.

618
00:40:09,580 --> 00:40:12,320
Inkella, aħna tagħbija il-paġna admin.

619
00:40:12,320 --> 00:40:15,080
U dan kien kollu jsir bl-użu JSON.

620
00:40:15,080 --> 00:40:18,510
Fil dan ħafna linji ta 'kodiċi, inti tista' sempliċement tgħaddi l-informazzjoni lill-aħħar lura,

621
00:40:18,510 --> 00:40:21,020
tiċċekkja jekk huwa korrett, tivverifika jekk inti illoggjat korrett,

622
00:40:21,020 --> 00:40:24,200
u effettivament tirrispondi għalih, ridirezzjonar-persuna għall-paġna korretta

623
00:40:24,200 --> 00:40:29,760
jew ma kiri lilhom login u tgħidilhom li huma kellhom password żbaljata.

624
00:40:29,760 --> 00:40:33,040
Allura dak eżempju ta 'kif inti tista' tuża POST jQuery

625
00:40:33,040 --> 00:40:37,010
li tibgħat talba POST lill-aħħar dahrek,

626
00:40:37,010 --> 00:40:42,400
verifika jekk xi ħadd illoggjat korrett.

627
00:40:42,400 --> 00:40:44,820
>> Kull dritt, b'tali mod li l-eżempji kollha I kellhom, u l-għalf jien ridt li tkopri.

628
00:40:44,820 --> 00:40:47,110
Dawk huma l-affarijiet ewlenin li jQuery tippermetti li tagħmel:

629
00:40:47,110 --> 00:40:52,640
tagħżel elementi, timmodifika billi jużaw manipulazzjoni DOM,

630
00:40:52,640 --> 00:40:56,340
inti tista 'żżid effetti, jattiva affarijiet fuq ċerti avvenimenti,

631
00:40:56,340 --> 00:41:00,430
u wkoll tagħmel talbiet Ajax ħafna seamlessly u faċilment.

632
00:41:00,430 --> 00:41:02,840
Allura nirringrazzjak għall ġejjin jew jaraw,

633
00:41:02,840 --> 00:41:06,230
u jekk ikollok xi mistoqsijiet, just let me know. Yeah?

634
00:41:06,230 --> 00:41:12,730
[Student] Lura meta inti wera, kellek JSON wara t-talba POST fil-kwotazzjonijiet,

635
00:41:12,730 --> 00:41:15,170
u I kien biss mintix dak li għamlet.

636
00:41:15,170 --> 00:41:20,070
>> Yeah, I tara. Il-kwistjoni kienet li, fl-eżempju I biss wera,

637
00:41:20,070 --> 00:41:25,790
kien hemm il-JSON kelma fil-kwotazzjonijiet madwar il -

638
00:41:25,790 --> 00:41:31,690
I ser biss pull it up again - madwar l-funzjoni POST.

639
00:41:31,690 --> 00:41:43,320
Jien biss tiġbdu biex juru.

640
00:41:43,320 --> 00:41:46,890
Allura hawnhekk din it-talba POST, u hemm dan JSON fil-kwotazzjonijiet.

641
00:41:46,890 --> 00:41:50,280
Li biss jiddefinixxi dak li aħna qed jistennew il-bejgħ li jkun.

642
00:41:50,280 --> 00:41:54,070
Hekk jekk aħna jgħaddu fil JSON it-tip data mistennija,

643
00:41:54,070 --> 00:41:56,070
mhuwiex rekwiżit, imma jekk aħna jgħaddu fil,

644
00:41:56,070 --> 00:41:58,590
allura d-data awtomatikament se parsed bħala JSON.

645
00:41:58,590 --> 00:42:00,600
Allura aħna ma jkollhomx li jsejħu l-funzjoni parse JSON fuqha,

646
00:42:00,600 --> 00:42:02,620
dan ser jiġri biss awtomatikament.

647
00:42:02,620 --> 00:42:05,150
U jekk inti tagħti ħarsa lejn l-dokumentazzjoni għall-POST,

648
00:42:05,150 --> 00:42:09,850
hemm dan it-tip varjabbli data, it-tip ta 'data mistennija mill-server.

649
00:42:09,850 --> 00:42:12,660
Hija nuqqasijiet lil raden intelliġenti li jista 'jkun ħażin,

650
00:42:12,660 --> 00:42:15,520
sabiex inti tista 'tħalli vojt, imma huwa biss it-tip ta' data

651
00:42:15,520 --> 00:42:21,680
fil-kodifikazzjoni li inti qed tuża, jekk huwa JSON jew XML jew xi ħaġa oħra.

652
00:42:21,680 --> 00:42:25,280
>> Kwalunkwe mistoqsijiet oħra?

653
00:42:25,280 --> 00:42:27,300
Kull dritt. Jekk għandek xi mistoqsijiet oħra, tħossok liberu li email me

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

655
00:42:30,830 --> 00:42:34,860
u l-pjastri u l-kodiċi għandhom ikunu disponibbli online pretty dalwaqt.

656
00:42:34,860 --> 00:42:42,810
Xorti tajba ma 'proġetti finali tiegħek, nittamaw li intom użu jQuery.

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