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
[See on CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
Kui sa pärast mööda kodus, tegelikult võite kasutada minu slaidid internetis

5
00:00:10,640 --> 00:00:13,310
minnes seda linki.

6
00:00:13,310 --> 00:00:18,650
See TjjRWj kohta bit.ly.

7
00:00:18,650 --> 00:00:20,700
Võite ka lihtsalt minna URL otse,

8
00:00:20,700 --> 00:00:27,300
mis on cloud.cs50.net / ~ vshekhawat, mis on minu nimi,

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

10
00:00:32,409 --> 00:00:34,920
Ma väga soovitame jälgida mööda kui vaatate kodus,

11
00:00:34,920 --> 00:00:40,650
ja kui sa oled siin, ka, sest see on üsna interaktiivne esitlus.

12
00:00:40,650 --> 00:00:43,160
>> Nii et täna ma lähen rääkima jQuery, ja esimene küsimus on,

13
00:00:43,160 --> 00:00:45,300
Mis on jQuery?

14
00:00:45,300 --> 00:00:47,090
Sel aastal, ma tean, et te pole kaetud JavaScript

15
00:00:47,090 --> 00:00:51,080
nii üksikasjalikult, nagu me oleme viimastel aastatel.

16
00:00:51,080 --> 00:00:53,150
JavaScript on, esiteks, vaid kliendipoolse keel

17
00:00:53,150 --> 00:00:58,390
et sa kasutad skripte ja kood on iga kasutaja arvutisse.

18
00:00:58,390 --> 00:01:00,660
Nii et teil on server, mis pakub veebilehtede inimesed,

19
00:01:00,660 --> 00:01:02,600
kuid võite teha asju oma masin,

20
00:01:02,600 --> 00:01:08,060
küsida nende masin saata taotlused oma server iga 30 sekundi või midagi sellist.

21
00:01:08,060 --> 00:01:10,420
Seda saab teha, kasutades JavaScript.

22
00:01:10,420 --> 00:01:13,190
JQuery lihtsalt pakub rohkem funktsioone peal JavaScript

23
00:01:13,190 --> 00:01:15,680
mis teeb pildi kraami teile.

24
00:01:15,680 --> 00:01:17,710
Kui te vaatate sisu peal,

25
00:01:17,710 --> 00:01:21,410
mis kirjeldab mõningaid asju, et sa oled võimeline seda tegema.

26
00:01:21,410 --> 00:01:23,500
Nii üldine, see loodi jaanuaris 2006.

27
00:01:23,500 --> 00:01:26,560
See oli esimene eostatud augustis 2005.

28
00:01:26,560 --> 00:01:31,370
See on olnud juba paar aastat, ja see on tõesti osa uue Web 2.0 liikumine

29
00:01:31,370 --> 00:01:34,330
mis on tehtud Internet nii särav.

30
00:01:34,330 --> 00:01:37,630
See on levinuim JavaScript raamatukogu.

31
00:01:37,630 --> 00:01:41,450
Üle 19,6 miljoni veebilehed kasutavad seda ja kasutamine kasvab jätkuvalt

32
00:01:41,450 --> 00:01:45,640
vastavalt builtwith.com, mis ilmselt viimase aasta jooksul,

33
00:01:45,640 --> 00:01:49,710
äsja kasvab pidevalt üsna lineaarselt.

34
00:01:49,710 --> 00:01:52,870
Seas top 10 miljonit saite, seal on veel -

35
00:01:52,870 --> 00:01:55,180
umbes 40% neist, mis seda kasutavad.

36
00:01:55,180 --> 00:01:58,540
Facebook kasutab seda, palju mud veebilehed praegu kasutada.

37
00:01:58,540 --> 00:02:01,540
Võite vaadata need andmed ise, kui soovite.

38
00:02:01,540 --> 00:02:05,820
Ja siis võiks öelda, et see on õigustatud, sest see on vundament ja 13 juhatuse liikmed,

39
00:02:05,820 --> 00:02:11,910
koos meeskonnaga 20 inimest, kes töötavad seda regulaarselt.

40
00:02:11,910 --> 00:02:16,110
Nii et see on väga laialt levinud, see on. Org URL, see on väljamõeldud,

41
00:02:16,110 --> 00:02:21,660
see on positiivne kaasmõju muud kraami, nii et see on suur asi.

42
00:02:21,660 --> 00:02:24,510
>> Miks peaksid sa seda kasutada? JQuery on väga kerge.

43
00:02:24,510 --> 00:02:27,270
See tähendab, et see ei ole väga suur fail. Võite alla laadida

44
00:02:27,270 --> 00:02:31,540
minified fail, mis on ilma kõik valge ruum ja kommentaare, ja see on ainult 32 kB.

45
00:02:31,540 --> 00:02:33,600
Nii et see on lihtne lihtsalt Toss peale oma veebilehel

46
00:02:33,600 --> 00:02:35,910
ja lihtsalt kasutama hakata.

47
00:02:35,910 --> 00:02:39,630
See on ka väga tõhusalt kirjutatud, nii et see ei võta palju -

48
00:02:39,630 --> 00:02:42,550
see ei aeglusta oma kodulehel palju, kui sa seda kasutada.

49
00:02:42,550 --> 00:02:45,770
See võimaldab teil rakendada asjad, mis olid varem teostamatu.

50
00:02:45,770 --> 00:02:47,790
On mõned aspektid funktsionaalsus,

51
00:02:47,790 --> 00:02:51,780
nagu luua animatsioone, mis tavaliselt oleks väga raske teha.

52
00:02:51,780 --> 00:02:54,300
Aga jQuery nad tegelikult väga lihtne.

53
00:02:54,300 --> 00:02:57,040
Ja seal on mõned asjad, mis on tüütu teha,

54
00:02:57,040 --> 00:02:59,610
võimalik JavaScript, nagu saates POST taotluse

55
00:02:59,610 --> 00:03:02,190
vaid saata taotluse server, sa pead kirjutama

56
00:03:02,190 --> 00:03:04,320
viis või kuus või seitse rida koodi.

57
00:03:04,320 --> 00:03:07,200
Nüüd saad lihtsalt teha seda koodirida, ühes funktsioon kõne.

58
00:03:07,200 --> 00:03:11,790
See tõesti lihtsustab palju asju, mis sa teed.

59
00:03:11,790 --> 00:03:15,950
Ja kõik cool kids kasutavad seda. Poolt, et ma mõtlen mind.

60
00:03:15,950 --> 00:03:19,270
Minu lõplik projekt eelmisel aastal, mis on news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
mis on raadiojaam, olen loonud seda blogi

62
00:03:22,530 --> 00:03:29,750
mis majutab kõik näitab, et me oleme teinud ja MP3 faile neile.

63
00:03:29,750 --> 00:03:32,070
Võite sirvida viimase näitab,

64
00:03:32,070 --> 00:03:34,130
ja see on kõik tehtud kasutades jQuery. Te võite öelda,

65
00:03:34,130 --> 00:03:37,340
sest kõik need animatsioonid sisuliselt.

66
00:03:37,340 --> 00:03:42,360
Nii et kui teil on - kui loote uus postitus,

67
00:03:42,360 --> 00:03:45,980
näed neid vähe slideDowns; et kõik on tehtud kasutades jQuery.

68
00:03:45,980 --> 00:03:49,140
Ja see fade - nii et selline värk on kõik tehtud kasutades jQuery,

69
00:03:49,140 --> 00:03:52,720
ja sa ei pea pidevalt asendusostu lehekülge navigeerida kohas.

70
00:03:52,720 --> 00:03:57,220
Teine lahe asi, mis on tehtud kasutades jQuery on see esitlus.

71
00:03:57,220 --> 00:03:59,700
Ma kasutan seda avatud lähtekoodiga asi nimega scrolldeck,

72
00:03:59,700 --> 00:04:03,250
mis keegi kirjutas peal jQuery.

73
00:04:03,250 --> 00:04:04,870
Kui teil tegelikult vaadata allikas, siis näete, et

74
00:04:04,870 --> 00:04:07,830
nad kasutavad seda dollari märk; dollari märgid

75
00:04:07,830 --> 00:04:12,110
kasutatakse jQuery tähendama, et funktsioon on jQuery funktsiooni.

76
00:04:12,110 --> 00:04:15,020
Nii nad määratlevad ümbrise peal jQuery

77
00:04:15,020 --> 00:04:18,570
mis võimaldab teil teha esitluse niimoodi,

78
00:04:18,570 --> 00:04:21,200
ja te näete, et siin nad ka originaal jQuery faili

79
00:04:21,200 --> 00:04:24,120
mis on see, mida sa pead lisada, kui soovid kasutada jQuery

80
00:04:24,120 --> 00:04:30,450
aastal oma veebilehed.

81
00:04:30,450 --> 00:04:32,790
>> Puudutades seda, kuidas sa seda installida?

82
00:04:32,790 --> 00:04:36,150
Sa võid minna jQuery.com ja alla laadida faili,

83
00:04:36,150 --> 00:04:38,320
lisada see web directory ja lisada see.

84
00:04:38,320 --> 00:04:42,200
Nii lihtsalt peal, peas tag oma HTML faili

85
00:04:42,200 --> 00:04:45,400
oma peamise HTML fail, lihtsalt et koodirida

86
00:04:45,400 --> 00:04:49,490
koos õige versioon, mille versioon jQuery te kasutate.

87
00:04:49,490 --> 00:04:51,340
Saate selle alla laadida minnes jQuery.com,

88
00:04:51,340 --> 00:04:55,130
vajuta "download jQuery," ja sul on see. Nii see on.

89
00:04:55,130 --> 00:04:58,880
Ja tegelikult, saame heita pilk kuidas see välja näeb.

90
00:04:58,880 --> 00:05:01,080
Kui klõpsate alla laadida siit, jQuery on see.

91
00:05:01,080 --> 00:05:05,260
See on lihtsalt üks suur JavaScript fail, mis teeb kogu magic kraami teile.

92
00:05:05,260 --> 00:05:09,270
See on minified versiooni, mis ei ole loetav üldse.

93
00:05:09,270 --> 00:05:13,180
Võite vaadata areng versioon, mis on loetav

94
00:05:13,180 --> 00:05:15,370
kuid siiski väga, väga pikad.

95
00:05:15,370 --> 00:05:17,980
On palju asju seal.

96
00:05:17,980 --> 00:05:20,240
Võite linkida Google'i hostitud versiooni.

97
00:05:20,240 --> 00:05:23,820
Nii et tulen võimaldab teil lihtsalt tugineda Google seda anda.

98
00:05:23,820 --> 00:05:29,310
Nad annavad iga versioon on kättesaadav igal ajal.

99
00:05:29,310 --> 00:05:31,530
Nii saab ilmselt tugineda Google võõrustada seda sinu jaoks.

100
00:05:31,530 --> 00:05:33,270
Või võite linkida jQuery enda uusim versioon.

101
00:05:33,270 --> 00:05:36,400
Nad on URL, mis on alati uuendatud uusimale versioonile.

102
00:05:36,400 --> 00:05:40,850
See on jQuery viimane, ja seal on üks probleem, et

103
00:05:40,850 --> 00:05:44,350
mis on see, et kui ajakohastatud jQuery ja mõned varasemad funktsioonid

104
00:05:44,350 --> 00:05:47,250
nad olid muutub retrograded või taunitud,

105
00:05:47,250 --> 00:05:49,620
see ei tohi - see võib hakata ei saa toetada enam.

106
00:05:49,620 --> 00:05:52,940
Nii et kui sa kirjutad veebilehel kasutades versioon 1.8.2,

107
00:05:52,940 --> 00:05:55,000
ajaks versioon 2.7 välja tuleb

108
00:05:55,000 --> 00:05:57,000
teatud funktsioone teile kirjutasin, ei tööta enam.

109
00:05:57,000 --> 00:05:59,930
Nii et see on parem lihtsalt alla 32 kB faili

110
00:05:59,930 --> 00:06:04,100
pane see oma veebilehele, ja see teen tööd igavesti.

111
00:06:04,100 --> 00:06:07,450
>> Ma lähen edasi minna ja hakata rääkima tegelik funktsionaalsuse jQuery.

112
00:06:07,450 --> 00:06:13,090
Esimene asi on valijad. See on see, mida jQuery algselt kavandatud anda.

113
00:06:13,090 --> 00:06:15,500
Ja te võite klõpsata dokumentatsioon vaadata

114
00:06:15,500 --> 00:06:18,690
üksikasjalikku dokumentatsiooni valijad ma lähen katab.

115
00:06:18,690 --> 00:06:24,120
Idee valijad on, et saate valida HTML elemendid lehel.

116
00:06:24,120 --> 00:06:28,790
Elements lehel on ID ja klasside ja muude kindlaks aspektid neile.

117
00:06:28,790 --> 00:06:30,500
Seal on ka - Nad on eri tellimusi.

118
00:06:30,500 --> 00:06:32,570
Osa ajast nad pesitses sees üksteist.

119
00:06:32,570 --> 00:06:38,120
JQuery võimaldab teil ehitada lihtsaid küsimusi, et tuua elemendid lehel.

120
00:06:38,120 --> 00:06:41,890
Siis saab manipuleerida neid elemente kasutades jQuery funktsiooni,

121
00:06:41,890 --> 00:06:43,990
mis on manipuleerimine osa me jõuame hiljem.

122
00:06:43,990 --> 00:06:46,040
Teil on võimalik muuta HTML, muuta CSS,

123
00:06:46,040 --> 00:06:50,500
saab ka animeerida ja lisada funktsioone, mis aktiveerivad teatud sündmused.

124
00:06:50,500 --> 00:06:52,710
Nii näiteks, kui midagi on klõpsatud, tahad, et midagi juhtuks,

125
00:06:52,710 --> 00:06:55,210
saate seda teha kasutades jQuery samuti.

126
00:06:55,210 --> 00:06:57,380
Ja seal on väga palju võimalusi, et valida elemente.

127
00:06:57,380 --> 00:07:00,310
Enamik neist ma ei ole kunagi kasutanud, kuid seal on põhilised need,

128
00:07:00,310 --> 00:07:02,340
mis on üsna oluline.

129
00:07:02,340 --> 00:07:05,750
Element valijat, näiteks kui oled valides midagi

130
00:07:05,750 --> 00:07:10,640
mis on div - Mul on tegelikult koodi avatud Selle esitluse.

131
00:07:10,640 --> 00:07:13,450
Nii näiteks, siin on esimene slaid.

132
00:07:13,450 --> 00:07:17,430
Siin on meil div. Kui me tegelikult valida kõik divs lehel

133
00:07:17,430 --> 00:07:22,300
see lihtsalt annab meile massiivi kõik divs, mis eksisteerivad selles failis.

134
00:07:22,300 --> 00:07:27,040
ID valija saab valida midagi antud ID.

135
00:07:27,040 --> 00:07:32,230
Nii et kui see on näiteks see asi on ID ", mida"

136
00:07:32,230 --> 00:07:37,160
ja kui me tegime seda # mida asemel mõned ID,

137
00:07:37,160 --> 00:07:42,920
see oleks lihtsalt tagasi array, mis on üks element ja see on, et element osas.

138
00:07:42,920 --> 00:07:45,490
Me võime ühendada ka valijad nii lastes

139
00:07:45,490 --> 00:07:48,260
valida vaid asju, mille turvalisus on divs.

140
00:07:48,260 --> 00:07:51,810
Nii et jah. Ainult vali divs mis on selle ID.

141
00:07:51,810 --> 00:07:55,260
Klassi sa lihtsalt kasutada dot, see on sama asi nagu CSS.

142
00:07:55,260 --> 00:07:57,500
Järeltulija töötab ka, nii et kui teil on mõned klass

143
00:07:57,500 --> 00:08:00,170
ja see on pesastatud elemente - nii näiteks

144
00:08:00,170 --> 00:08:03,260
seal on mõned klassi ja see on ankrusilt siduda teisele lehele,

145
00:08:03,260 --> 00:08:08,510
saate selle süntaks laadida link.

146
00:08:08,510 --> 00:08:12,420
Võite valida ka mitu asja korraga, siis eraldage nad komadega

147
00:08:12,420 --> 00:08:17,360
kasutage valijat soovite, ja siis valida neid kõiki korraga, ühte massiivi.

148
00:08:17,360 --> 00:08:19,650
Ja siis on ka mitte valijat, siis võite valida kõik divs

149
00:08:19,650 --> 00:08:24,210
mis ei ole mõne konkreetse klassi.

150
00:08:24,210 --> 00:08:28,790
Ja see on ainult kasulik viis sissejuhatus kuidas see valik toimib.

151
00:08:28,790 --> 00:08:32,270
Ma näitan mõned konkreetsed näited teine.

152
00:08:32,270 --> 00:08:35,480
>> Täpsem valijad on - need on vaid mõned näited.

153
00:08:35,480 --> 00:08:38,840
Seal on kümneid neid, aga kui sa tahad, et valida kõik pildi siltide

154
00:08:38,840 --> 00:08:42,799
jooksul mõned element, siis sa lihtsalt teha: pilt.

155
00:08:42,799 --> 00:08:45,340
Kui soovite valida isegi elemendid, näiteks, kui on 20 neist

156
00:08:45,340 --> 00:08:48,290
soovite valida 0, 2, 4, 6 ja nii edasi,

157
00:08:48,290 --> 00:08:51,630
sa: isegi, või saab ka teha: veider.

158
00:08:51,630 --> 00:08:55,470
Need on pseudo selektorid, mis tähendab, et nad tegelikult arvutama

159
00:08:55,470 --> 00:09:00,960
iga teine ​​element mitte lihtsalt läheb ja valides neid kõiki.

160
00:09:00,960 --> 00:09:05,510
Võite ka - iga element võib olla ka spetsiifilisi atribuute.

161
00:09:05,510 --> 00:09:10,580
Nii näiteks class = center on ka atribuut.

162
00:09:10,580 --> 00:09:16,500
Sel ankrusilt, href, hyper viide, on atribuut ka.

163
00:09:16,500 --> 00:09:21,150
Seega saad sa valida midagi, mis seob konkreetse lehe või lihtsalt - see on tõesti üldiselt.

164
00:09:21,150 --> 00:09:25,410
Võite valida midagi mis tahes omadus, mida te soovite.

165
00:09:25,410 --> 00:09:27,470
Ja siis ka, atribuut sisaldab.

166
00:09:27,470 --> 00:09:30,420
Kui te näiteks tahtis, et valida kõik input elemente

167
00:09:30,420 --> 00:09:32,700
mis on sõna "pass", nagu nimi neile,

168
00:09:32,700 --> 00:09:37,560
Kui lehte sisend tekstikuvakkeeksi

169
00:09:37,560 --> 00:09:41,050
seda nimetatakse "parool", et oleks üks viis võid valida seda.

170
00:09:41,050 --> 00:09:43,020
Ja seal on palju rohkem. Võite minna ja vaadata dokumente

171
00:09:43,020 --> 00:09:46,950
ja näha konkreetseid näiteid, kuidas see toimib.

172
00:09:46,950 --> 00:09:48,840
>> Järgmine asi on DOM manipuleerimine.

173
00:09:48,840 --> 00:09:52,500
Pärast valime elemente, me ei taha tegelikult teha asju koos nendega.

174
00:09:52,500 --> 00:09:55,500
Seni ei ole me vaatasime, et üldse, kuid kui te vaatate dokumentatsiooni

175
00:09:55,500 --> 00:09:57,950
seal on tõesti palju, mida me võiksime teha.

176
00:09:57,950 --> 00:10:02,900
Sel hetkel, me ei kavatse valida elemente selle esitlus

177
00:10:02,900 --> 00:10:04,890
ja töödelda, kasutades jQuery.

178
00:10:04,890 --> 00:10:08,290
Kuna see on rakendatud kasutades jQuery, meil on juurdepääs jQuery raamatukogu

179
00:10:08,290 --> 00:10:13,580
ja me saame kasutada neid funktsioone see kood.

180
00:10:13,580 --> 00:10:16,200
Üks kasulik asi, mida sa ei pruugi teada on konsool.

181
00:10:16,200 --> 00:10:19,340
Ja Google Chrome on, mida ma kasutan. Võite vajutada alt käsk J

182
00:10:19,340 --> 00:10:21,720
või alt kontrolli J avada konsool.

183
00:10:21,720 --> 00:10:26,130
Firefox ma arvan, et see käsk vahetustega K või kontrolli üleminekut K.

184
00:10:26,130 --> 00:10:28,880
Safari sa pead minema muuta mõned seaded.

185
00:10:28,880 --> 00:10:35,460
Seal on link, kui soovite seda teha, kuid ma soovitada saada Chrome või Firefox.

186
00:10:35,460 --> 00:10:37,750
Teeme avada konsool, see on siin.

187
00:10:37,750 --> 00:10:41,170
See võimaldab teil põhimõtteliselt lihtsalt midagi teha tahad.

188
00:10:41,170 --> 00:10:45,100
Nii saad lihtsalt kirjuta luua muutuja nimega x,

189
00:10:45,100 --> 00:10:49,200
x = 5, vaatame, mis x + 2 on.

190
00:10:49,200 --> 00:10:57,670
Võite isegi teha midagi sellist CS + Vaatame x + 45, mis on CS50.

191
00:10:57,670 --> 00:11:00,530
Sa võid teha mõned tüüpilised JavaScript kraam.

192
00:11:00,530 --> 00:11:02,730
Aga sa võid ka teha jQuery siin.

193
00:11:02,730 --> 00:11:06,200
>> Seega vaatame seda esimest aspekt.

194
00:11:06,200 --> 00:11:09,500
Me läheme luua muutuja nimega HTML, mis on string.

195
00:11:09,500 --> 00:11:15,890
See on punkt tag on see, et kutsutakse mõned uus tekst.

196
00:11:15,890 --> 00:11:19,420
Nii et meil on see HTML, see on mingi uus tekst, lõikes sildid.

197
00:11:19,420 --> 00:11:21,800
Nüüd me tegelikult tahame, et lisada see lehekülg.

198
00:11:21,800 --> 00:11:28,310
Ma ehita nii, et HTML selles punktis, see pealkiri siin, lisab ID.

199
00:11:28,310 --> 00:11:32,320
Kui valime lisab ID ja siis lisab see

200
00:11:32,320 --> 00:11:34,560
HTML muutuja Ma lihtsalt loodud,

201
00:11:34,560 --> 00:11:40,370
lisab, et HTML lõpus, kohe pärast käesolevas lõikes tag.

202
00:11:40,370 --> 00:11:43,730
Nii et kui me seda teeme - me valisime selle lõigu

203
00:11:43,730 --> 00:11:47,590
ja me oleme kutsutud lisab funktsiooni HTML muutuja Ma lihtsalt lisatakse,

204
00:11:47,590 --> 00:11:50,960
lisab, et uus tekst seal lehel.

205
00:11:50,960 --> 00:11:54,970
Saame ka ülaloleva, mis tähendab, et ta läheb enne, alguses, et element.

206
00:11:54,970 --> 00:11:58,290
Seega on mõned uue teksti alguses ja pärast seda.

207
00:11:58,290 --> 00:12:01,660
Võin minna ja värskendada vabaneda seda kraami ma olen lihtsalt teinud.

208
00:12:01,660 --> 00:12:05,280
Aga see on näide sellest, kuidas saab kasutada nimedele ja lisab meetodite

209
00:12:05,280 --> 00:12:08,910
manipuleerida kraami lehel, lisada mõned HTML.

210
00:12:08,910 --> 00:12:11,080
>> Saate muuta ka klassidesse.

211
00:12:11,080 --> 00:12:14,970
Tagasi selles stiilis faili, olen loonud seda win klass

212
00:12:14,970 --> 00:12:19,990
mis on teksti värv punane, mõned tausta värvi, teksti varju.

213
00:12:19,990 --> 00:12:23,810
Tundub kole, aga ma ei saa tegelikult -

214
00:12:23,810 --> 00:12:26,410
see lõik vastab klass ID.

215
00:12:26,410 --> 00:12:29,860
Ma võin lisada klassi eest võita.

216
00:12:29,860 --> 00:12:31,870
Võin täita seda konsooli,

217
00:12:31,870 --> 00:12:35,480
ja mis lisab, et klassi ja nüüd tundub kole, nagu loodeti.

218
00:12:35,480 --> 00:12:39,680
CSS automaatselt saab kohaldada klassid, mida -

219
00:12:39,680 --> 00:12:42,680
kui seal on CSS klass, see automaatselt saab kohaldada

220
00:12:42,680 --> 00:12:44,680
kui muudad klassi element.

221
00:12:44,680 --> 00:12:49,230
Siis saame lihtsalt eemaldada, kasutades eemalda klass.

222
00:12:49,230 --> 00:12:53,690
Nii et kui teil on eelnevalt klasside nagu punane või esiletõstetud

223
00:12:53,690 --> 00:12:55,990
ja siis, mida soovite rakendada neid, et elemendid,

224
00:12:55,990 --> 00:12:58,230
sa ei pea tegema kõik CSS stiil iga kord.

225
00:12:58,230 --> 00:13:01,510
Sa võid lisada klassi element, ja siis muutub see automaatselt -

226
00:13:01,510 --> 00:13:05,580
see automaatselt otsida korral selle klassi.

227
00:13:05,580 --> 00:13:07,900
Saame ka eemaldada asju, nii et ma lähen, et valida kõik divs

228
00:13:07,900 --> 00:13:10,830
lehel ja neid kõrvaldada.

229
00:13:10,830 --> 00:13:13,990
Mis on see, et läheb välja näeb?

230
00:13:13,990 --> 00:13:16,170
See hakkab välja nägema midagi, nii et seal on tegelikult midagi vasakule.

231
00:13:16,170 --> 00:13:18,170
Minu esitlus on läinud.

232
00:13:18,170 --> 00:13:21,290
Ma värskendada ja tuua ta tagasi, õnneks

233
00:13:21,290 --> 00:13:24,420
sest see on lihtsalt töötab kord,

234
00:13:24,420 --> 00:13:29,460
aga see on näide eemaldades, kui sa tahad täielikult hävitada element leheküljelt maha.

235
00:13:29,460 --> 00:13:33,180
>> Võite kirjutada, ja ma lähen, et valida kõik lõikes tags lehel

236
00:13:33,180 --> 00:13:36,850
ja minna sees ja asendada mis tahes teksti neil neid

237
00:13:36,850 --> 00:13:39,690
vaid sõna "testimiseks."

238
00:13:39,690 --> 00:13:46,520
Kui sa seda teed, siis saad vahetada iga punkt lehel seda testida.

239
00:13:46,520 --> 00:13:49,150
Yep. Nad kõik asendada testimist.

240
00:13:49,150 --> 00:13:53,270
Nii et see näide tutvumise teksti ja kirjutada seda.

241
00:13:53,270 --> 00:13:57,490
Võite alla laadida informatsiooni, ja see on tõesti lahe sisend kasti.

242
00:13:57,490 --> 00:14:00,470
Kui teil on sisend kasti, et inimesed on kirjutades kraami,

243
00:14:00,470 --> 00:14:03,880
inimesed kirjutades kraami sinna,

244
00:14:03,880 --> 00:14:09,030
siin me valida sisend, tahes sisend silt tüüpi teksti.

245
00:14:09,030 --> 00:14:13,800
Sel juhul on ainult üks sisend kasti kogu esitlus

246
00:14:13,800 --> 00:14:17,260
nii me lihtsalt valige esimene ja siis me nimetame val funktsioon peal.

247
00:14:17,260 --> 00:14:19,570
Mis tagastab väärtuse ja input box,

248
00:14:19,570 --> 00:14:24,330
väärtus on lihtsalt mis iganes juhtub olema sees.

249
00:14:24,330 --> 00:14:31,880
Nii et kui me seda teeme, seda lihtsalt tagastab stringi kraam.

250
00:14:31,880 --> 00:14:36,860
Ja kui me nimetame seda uuesti pärast kirjalikult rohkem asju, see muutub rohkem asju.

251
00:14:36,860 --> 00:14:40,760
See on üks suurepärane võimalus tutvuda elemente sisend kasti ja seejärel vaadata,

252
00:14:40,760 --> 00:14:45,060
on see kehtiv e-posti aadress, on see kehtiv kuupäev, näiteks.

253
00:14:45,060 --> 00:14:49,600
Sa võid laadida kraam koheselt, kuna inimesed on kirjutades,

254
00:14:49,600 --> 00:14:54,830
ja seejärel kontrollida, kas see on kehtiv, saadab selle tagasi server, midagi teha tahad sellega.

255
00:14:54,830 --> 00:14:57,720
Ja see, kuidas te juurdepääsu mis seal sees on need kastid.

256
00:14:57,720 --> 00:15:00,090
>> Samuti saate muuta CSS otse, nii et selle asemel, lisades

257
00:15:00,090 --> 00:15:02,510
klass, mis on mõned eelmääratud omadused

258
00:15:02,510 --> 00:15:08,120
võid lihtsalt lisada iganes CSS soovid midagi.

259
00:15:08,120 --> 00:15:10,350
Teeme vali keha, mis on kogu esitluse

260
00:15:10,350 --> 00:15:14,370
ja värv on vara, mis määratleb, mida värvid on tekst.

261
00:15:14,370 --> 00:15:19,420
Kui me muudame seda punast, kogu teksti lehekülje muutub punaseks.

262
00:15:19,420 --> 00:15:26,310
Me ei saa teha midagi sellist tausta värvi sinine,

263
00:15:26,310 --> 00:15:30,680
Vot, see on ilus.

264
00:15:30,680 --> 00:15:33,840
Seda saab teha kõike, mida sa tahad seda.

265
00:15:33,840 --> 00:15:39,250
Kasutades CSS vara, siis võib tõesti muuta, kuidas midagi välja igal ajal.

266
00:15:39,250 --> 00:15:41,630
Järgmine asi on mõju.

267
00:15:41,630 --> 00:15:45,710
Toime on põhimõtteliselt sama asi nagu muuta CSS,

268
00:15:45,710 --> 00:15:48,870
kuid nad tegelikult pakkuda mõned ekstra animatsiooni ta.

269
00:15:48,870 --> 00:15:53,380
Nii et selle asemel lihtsalt näitab või varjab midagi või muudavad värvi,

270
00:15:53,380 --> 00:15:56,130
tegelikult võite teha seda animeeritud.

271
00:15:56,130 --> 00:16:00,760
Siin on dokumendid, kui soovite võtta pilk ulatusliku dokumentatsiooni selle eest.

272
00:16:00,760 --> 00:16:04,760
Aga ma lähen, et katta peamised.

273
00:16:04,760 --> 00:16:12,030
On Kaardimenüü omadused.

274
00:16:12,030 --> 00:16:14,510
Näita / peida ID vastab tegelikult kogu see kast,

275
00:16:14,510 --> 00:16:18,190
nii et kui ma seda varjata, siis lihtsalt kaovad.

276
00:16:18,190 --> 00:16:24,210
Ja ma ei näita seda uuesti, kui ma tahan, et see tuleb tagasi.

277
00:16:24,210 --> 00:16:26,340
Ja ta on tagasi. See tegelikult ei kao,

278
00:16:26,340 --> 00:16:30,670
Ma tegelikult ei kustuta seda lehekülge, ma lihtsalt seada CSS vara nähtavus varjatud

279
00:16:30,670 --> 00:16:34,030
nii et sa ei näe seda enam.

280
00:16:34,030 --> 00:16:39,250
Seal on ka slaid ja lükake alla, mis võimaldab teil on selle mõju.

281
00:16:39,250 --> 00:16:47,050
Ta libiseb üles kaduma ja pärast see kaob

282
00:16:47,050 --> 00:16:53,210
saab libistada alla, et muuta see tagasi tulla. Ja nüüd on see tagasi.

283
00:16:53,210 --> 00:16:57,650
Seal on ka see fade mõju, mis - fade ID vastab see kast.

284
00:16:57,650 --> 00:17:01,200
Kui ma fade see välja, siis see saab aeglaselt kaduma.

285
00:17:01,200 --> 00:17:04,490
Võin ka tuhmuma seda, ja siis tagasi tulla.

286
00:17:04,490 --> 00:17:08,930
Võite teha ka ilmumise, mis on spetsiifiline fade funktsioon.

287
00:17:08,930 --> 00:17:12,589
Sul võib olla see tuhmuma ühegi konkreetse läbipaistmatus, mida soovite.

288
00:17:12,589 --> 00:17:16,869
Nii et kui sa fade see aeglaselt 0,5, siis see muutub pool nähtav.

289
00:17:16,869 --> 00:17:22,630
Ma ei oleks minna 0,1 ja tagasi 1, et muuta see täielikult uuesti nähtavaks.

290
00:17:22,630 --> 00:17:24,760
See on lihtsalt üks animatsioon, mida saate teha.

291
00:17:24,760 --> 00:17:26,750
>> On ka toggle mõju.

292
00:17:26,750 --> 00:17:33,410
Nii et ma lähen valima toggle ID, mis vastab see kast,

293
00:17:33,410 --> 00:17:38,970
ja et div võite helistada lülita ja kui see on nähtav muutub nähtamatuks,

294
00:17:38,970 --> 00:17:42,320
kas see on nähtamatu muutub nähtavaks.

295
00:17:42,320 --> 00:17:44,440
Nii et ma lihtsalt nimetatakse seda toggle funktsioon kaks korda; esimene oli

296
00:17:44,440 --> 00:17:48,380
sama asi nagu nahk, teine ​​kõne oli sama asi, show.

297
00:17:48,380 --> 00:17:53,510
Ja te võite seda teha ka koos fade lülita,

298
00:17:53,510 --> 00:17:55,730
mis teeb sama asja, ainult et tegelikult kaob.

299
00:17:55,730 --> 00:17:59,410
Ja sama asi slide lülitada.

300
00:17:59,410 --> 00:18:01,460
Seal on aheldatud mõju hästi, mis tähendab,

301
00:18:01,460 --> 00:18:05,520
kui valite element ja helistage kamp animatsioon metoodikaid,

302
00:18:05,520 --> 00:18:07,400
kui sa tahtsid seda fade out, siis lükake alla,

303
00:18:07,400 --> 00:18:11,040
ja siis peita ja siis fade, ta teeb neid järjest.

304
00:18:11,040 --> 00:18:24,920
Nii kadus, tuli tagasi - miskipärast hide ei juhtunud.

305
00:18:24,920 --> 00:18:30,030
Proovime seda. Jah, nii see pleekinud välja ja siis jooksnud minema.

306
00:18:30,030 --> 00:18:32,230
Ja seal on palju rohkem. Võite kasutada animeerida funktsioon

307
00:18:32,230 --> 00:18:35,370
luua oma animatsioone, mis on üsna keeruline,

308
00:18:35,370 --> 00:18:38,790
kuid see annab teile lõpmatu laiendatavus.

309
00:18:38,790 --> 00:18:40,630
Võite teha mingeid animatsioon sa tahad.

310
00:18:40,630 --> 00:18:44,230
Võite kasutada ka järjekorda Jonottaa mitu animatsioone korraga.

311
00:18:44,230 --> 00:18:47,340
Nii et kui sa tahad midagi lennata üle lehekülje,

312
00:18:47,340 --> 00:18:49,860
slide ülevalt paremalt alt vasakule, saad seda teha,

313
00:18:49,860 --> 00:18:55,240
ja lihtsalt hunnik tegevusi toimub üksteise järel.

314
00:18:55,240 --> 00:18:57,490
>> Järgmine asi, mida me ei kavatse rääkida, on üritusi.

315
00:18:57,490 --> 00:19:02,090
Sündmused võimaldab teil - nii kaugele, oleme lihtsalt kirjutada asju konsool

316
00:19:02,090 --> 00:19:04,870
ja see on üks viis, kuidas see võimalik on,

317
00:19:04,870 --> 00:19:08,020
kuid tegelik leht, sa ei kavatse olla võimeline

318
00:19:08,020 --> 00:19:10,020
teha kasutaja tüüpi asju arvesse konsooli.

319
00:19:10,020 --> 00:19:12,050
Sa tahad asju juhtuda automaatselt.

320
00:19:12,050 --> 00:19:18,060
Sest, et sa pead kasutama sündmuste aktiveerida mõne teatud sündmuse toimumisest.

321
00:19:18,060 --> 00:19:21,340
Saate kontrollida dokumentatsiooni üksikasjad.

322
00:19:21,340 --> 00:19:24,030
Seega vaatame. Tahame näidata või peita kasti

323
00:19:24,030 --> 00:19:29,340
aga praegu see nupp ei tee midagi, sest ma ei kasutanud seda veel.

324
00:19:29,340 --> 00:19:35,420
Ma lähen minema tegelik HTML leht.

325
00:19:35,420 --> 00:19:38,560
Siin on klapp. Seal div jaoks slide.

326
00:19:38,560 --> 00:19:41,230
See on klass slide.

327
00:19:41,230 --> 00:19:46,890
Seal on tekst. Nüüd on see kast ja kasti nuppu.

328
00:19:46,890 --> 00:19:52,900
Kuidas me tegelikult teha see kaob?

329
00:19:52,900 --> 00:19:58,250
Esiteks, ärgem kirjutada funktsioon, mis muudab kasti ID kaovad.

330
00:19:58,250 --> 00:20:01,820
See on süntaks funtion, lähme lihtsalt nimetame seda hideTheBox.

331
00:20:01,820 --> 00:20:06,130
See ei võta mingeid argumente, sest puuduvad argumendid, mis tuleb võtta.

332
00:20:06,130 --> 00:20:08,950
Me saame valida box ID.

333
00:20:08,950 --> 00:20:15,020
Nii et kasutades jQuery valida, saame valida box ID,

334
00:20:15,020 --> 00:20:17,700
ja siis lihtsalt muuta see kaob.

335
00:20:17,700 --> 00:20:20,690
Teeme taanduma.

336
00:20:20,690 --> 00:20:27,390
Kui me jooksime seda funktsiooni tegeliku konsool

337
00:20:27,390 --> 00:20:33,380
me võiks määratleda selle funktsiooni, me võib helistada hideTheBox, ja see töötab.

338
00:20:33,380 --> 00:20:36,650
Aga me tahame, et see juhtuks, kui nupp on tegelikult pressitud.

339
00:20:36,650 --> 00:20:40,950
Selleks, et me peame kasutama sündmus.

340
00:20:40,950 --> 00:20:45,500
Siduma sündmus teatud nuppu või teatud tegevus toimub,

341
00:20:45,500 --> 00:20:50,040
Meil on valida element, et sündmus käivitab -

342
00:20:50,040 --> 00:20:52,650
või mis käivitavad juhul kahju.

343
00:20:52,650 --> 00:20:57,220
>> Nii kõigepealt, lähme valima kasti nupp ID

344
00:20:57,220 --> 00:20:59,610
sest see on nupp, ja nüüd, et selle nupu

345
00:20:59,610 --> 00:21:02,750
me tahame luua animatsiooni, kui see on klõpsatud.

346
00:21:02,750 --> 00:21:05,040
Nii et seal on see click funktsioon.

347
00:21:05,040 --> 00:21:08,470
See võimaldab teil siduda teise funktsiooni ta.

348
00:21:08,470 --> 00:21:12,320
See funktsioon võtab teise funktsiooni argumendina

349
00:21:12,320 --> 00:21:14,310
saame liigu hideTheBox funktsioon,

350
00:21:14,310 --> 00:21:20,950
ja iga kord, kui seda nuppu klõpsata, et funktsioon automaatselt täita.

351
00:21:20,950 --> 00:21:24,850
Nii, et see töötab, kui me salvestada see, et ma värskendada,

352
00:21:24,850 --> 00:21:33,460
ja - üks teine, ma vabandan.

353
00:21:33,460 --> 00:21:44,770
Las ma lahendan selle tõesti kiiresti.

354
00:21:44,770 --> 00:21:50,680
Okei. Vot nii. Nüüd kast kaob, kui me nuppu.

355
00:21:50,680 --> 00:21:55,470
Me võime muuta ka lihtsalt fadeToggle,

356
00:21:55,470 --> 00:22:00,020
muuta see lihtsalt näidata või peita kasti

357
00:22:00,020 --> 00:22:03,850
ja see töötab ka liiga, kui me värskendada.

358
00:22:03,850 --> 00:22:08,550
Me ei varja seda, saame ka näidata, ja et jätkab tööd.

359
00:22:08,550 --> 00:22:12,210
Teine asi, mida me teha saame, on, me tegelikult ei ole määratleda see hideTheBox funktsioon

360
00:22:12,210 --> 00:22:15,050
Enne me nimetame kliki funktsioon.

361
00:22:15,050 --> 00:22:17,640
Nii et selle asemel määratletakse funktsiooni ning kutsudes hideTheBox,

362
00:22:17,640 --> 00:22:20,310
me ainult kavatse seda nimetada, kui see asi on klõpsatud.

363
00:22:20,310 --> 00:22:22,310
Nii saame defineerida anonüümselt siin,

364
00:22:22,310 --> 00:22:25,070
mis on funktsioon, JavaScript on.

365
00:22:25,070 --> 00:22:29,720
Saate määrata funktsiooni; tavaliselt, me ütleks funktsioon hideTheBox

366
00:22:29,720 --> 00:22:34,490
argumentidega, vaid saame öelda toimida ühtegi argumenti,

367
00:22:34,490 --> 00:22:36,870
alustada lokkis traksidega, mis määrab funktsiooni,

368
00:22:36,870 --> 00:22:40,780
lähedal, et lokkis traksidega, ja siis lihtsalt määrab funktsiooni siin,

369
00:22:40,780 --> 00:22:45,130
esimese sulgudes ja viimane sulgudes

370
00:22:45,130 --> 00:22:47,860
mis vastavad argumendid click funktsioon.

371
00:22:47,860 --> 00:22:53,320
Nii et me möödaminnes seda funktsiooni, saame kopeeri see rida koodi siin,

372
00:22:53,320 --> 00:22:55,450
ja mis teeb täpselt sama asja.

373
00:22:55,450 --> 00:22:57,290
Ja nüüd me ei ole seda juhuslikult fadeTheBox funktsioon

374
00:22:57,290 --> 00:22:59,960
mis istub ümber ilma nähtava põhjuseta.

375
00:22:59,960 --> 00:23:02,070
Funktsioon on defineeritud anonüümselt, see ei ole veel nime.

376
00:23:02,070 --> 00:23:08,060
Ta täidab ainult siis, kui me klõpsa kasti nuppu.

377
00:23:08,060 --> 00:23:12,180
Nii värskendav veel kord, veel kord, ja te näete, et see ikka töötab.

378
00:23:12,180 --> 00:23:16,700
Ja see, kuidas sa luua sündmusi.

379
00:23:16,700 --> 00:23:19,190
>> Seal on palju erinevaid üritusi, et saame kasutada.

380
00:23:19,190 --> 00:23:23,540
Ma lähen tagasi lülituda kasutades konsooli lihtsalt näidata, kuidas need töötavad.

381
00:23:23,540 --> 00:23:28,210
ID kõigi nende vastavad igas kastis.

382
00:23:28,210 --> 00:23:33,020
Nii et see kast on kliki ID, see on võti ID ja see on hiir ID.

383
00:23:33,020 --> 00:23:36,120
Üks asi on see, et seal on see tegevus funktsioon; mitte kirjutades seda iga kord,

384
00:23:36,120 --> 00:23:41,610
Ma tegelikult läks edasi ja määratletud käesoleva meetme funktsioon siin.

385
00:23:41,610 --> 00:23:46,860
See teeb sama asja nagu hideTheBox funktsioon.

386
00:23:46,860 --> 00:23:51,340
Läheb see kast ja kas kaob see ära või kaob see sisse

387
00:23:51,340 --> 00:23:54,110
Ja sellepärast me saame kasutada seda siin.

388
00:23:54,110 --> 00:24:00,350
Nii et kui me klõpsa seda nuppu ID, me tahame teha kasti kaovad või uuesti.

389
00:24:00,350 --> 00:24:03,610
See on sama asi, kui nuppu, et meil oli eelmisel slaidil.

390
00:24:03,610 --> 00:24:07,450
Aga pärast me nimetame, et me saame klikkige sellel ja kast kaob

391
00:24:07,450 --> 00:24:10,160
Seejärel klõpsa uuesti ja kast ilmub uuesti.

392
00:24:10,160 --> 00:24:12,480
See on päris lihtne. Topeltklõps teeb sama asja,

393
00:24:12,480 --> 00:24:15,660
välja arvatud see nõuab topeltklõps.

394
00:24:15,660 --> 00:24:19,030
Nii et kui klõpsate seda üks kord ja klõpsake seda uuesti ei juhtu midagi,

395
00:24:19,030 --> 00:24:21,140
kuid kui te topeltklõps kiiresti, siis see kaob.

396
00:24:21,140 --> 00:24:23,310
Kui te topeltklõps jälle, siis tagasi tulla.

397
00:24:23,310 --> 00:24:25,250
Nii et on üsna lihtne.

398
00:24:25,250 --> 00:24:31,170
Klaviatuuriga on imelik, ma ei usu, et see tegelikult töötab selles näites

399
00:24:31,170 --> 00:24:37,670
sest võti maha, võti üles ja klahvivajutust ja muud olulised tegevused

400
00:24:37,670 --> 00:24:47,190
aktiveerida ükskõik mida element te siduda see.

401
00:24:47,190 --> 00:24:51,410
Näiteks isegi kui ma seotud klahvi keha või midagi muud täielikult

402
00:24:51,410 --> 00:24:55,950
siis ikkagi aktiveerida ükskõik - see ei ole konkreetne.

403
00:24:55,950 --> 00:25:00,190
Ma ei pea olema klõpsates seda ja vajuta klahvi teha midagi kaduma.

404
00:25:00,190 --> 00:25:04,470
Oleks aktiveeritud hoolimata sellest, mida element ma olen praegu sisse

405
00:25:04,470 --> 00:25:06,880
Nii et need tegelikult ei tööta selles näites

406
00:25:06,880 --> 00:25:13,180
sest ta ei tunne mind nii sisenemisel sisestada klaviatuurilt sisestamine div.

407
00:25:13,180 --> 00:25:15,740
>> Aga kui te vaatate hiir meetmeid,

408
00:25:15,740 --> 00:25:19,620
Esimene neist on hõljuma, ning seda saab teha mõned seda kasutades CSS.

409
00:25:19,620 --> 00:25:24,280
Kui kasutate CSS, saate luua, nii et kui te hover üle midagi,

410
00:25:24,280 --> 00:25:28,940
siis tema stiili muutusi.

411
00:25:28,940 --> 00:25:32,170
Kuid kasutades jQuery saab muuta stiilid muid asju samuti.

412
00:25:32,170 --> 00:25:37,120
Nii näiteks, me nimetame tegevus kui me hover üle selle div.

413
00:25:37,120 --> 00:25:39,660
See tähendab, et kui me hover üle, siis kast kaob.

414
00:25:39,660 --> 00:25:42,430
Kui me liigume eemale, kast ilmub uuesti.

415
00:25:42,430 --> 00:25:45,090
Kui me nimetame seda ja hover üle, kast ei kao,

416
00:25:45,090 --> 00:25:47,050
ja niipea, kui me minema, ta tuleb tagasi.

417
00:25:47,050 --> 00:25:49,750
Kui me nimetame seda hover funktsioon hiire ID,

418
00:25:49,750 --> 00:25:54,380
mis vastab selle kasti, siis kui me hover üle kast

419
00:25:54,380 --> 00:26:00,440
siis kast tegelikult kaob - see on funky just nüüd, kuid -

420
00:26:00,440 --> 00:26:06,310
kui me liigume eemale, ta naaseb. Praegu on tagasi mingil põhjusel.

421
00:26:06,310 --> 00:26:12,720
Hiir siseneda ja hiir liikuda funktsioonid on mõnevõrra sarnane, kuid veidi erinev.

422
00:26:12,720 --> 00:26:16,470
Mouse siseneda ainult aktiveerub, kui hiir siseneb kasti ootuspäraselt.

423
00:26:16,470 --> 00:26:19,210
Nii et kui sa liikuda, see kaon.

424
00:26:19,210 --> 00:26:23,210
Aga see ei ole taas, kui sa minema, sa pead liikuma tagasi peale seda ta tagasi tulla.

425
00:26:23,210 --> 00:26:25,590
Seal on ka hiir liikuda funktsiooni, mis aktiveerub

426
00:26:25,590 --> 00:26:29,300
kui hiir on isegi praeguse kasti.

427
00:26:29,300 --> 00:26:32,430
Nii, et see muudkui läheb, pleegib sisse ja välja.

428
00:26:32,430 --> 00:26:35,660
Ja see on tegelikult metsaraie - tundub, et see on lihtsalt pleegib sisse ja välja,

429
00:26:35,660 --> 00:26:39,140
aga see on tegelikult metsaraie palju rohkem tegevusi kui see,

430
00:26:39,140 --> 00:26:43,550
nii et kui sa minema see muudkui läheb, sest ta sisse nagu tuhat neist.

431
00:26:43,550 --> 00:26:46,620
Võib-olla mitte tuhat. Võib-olla viis.

432
00:26:46,620 --> 00:26:50,200
Ta logib rohkem.

433
00:26:50,200 --> 00:26:53,280
Asi on selles, kõik hiir meetmeid, seal on palju neid.

434
00:26:53,280 --> 00:26:55,480
Võite lugeda üles teiste ones, kuid nad on kõik veidi erinevad,

435
00:26:55,480 --> 00:26:57,700
ja saab valida kumb vajate

436
00:26:57,700 --> 00:27:02,130
kumb kindlal eesmärgil sa üritad teha.

437
00:27:02,130 --> 00:27:05,060
>> Järgmine asi, mida ma rääkida on AJAX.

438
00:27:05,060 --> 00:27:09,340
AJAX, ma tean, et me ei katnud JavaScript nii palju sügavust tänavu

439
00:27:09,340 --> 00:27:11,770
nii et ma olen lihtsalt kavatse rääkida AJAX üldiselt üks minut.

440
00:27:11,770 --> 00:27:15,210
AJAX tähistab Asynchronous JavaScript ja XML.

441
00:27:15,210 --> 00:27:19,030
See on põhimõtteliselt, näiteks siis, kui sa oled Facebookis ja see surub te teate,

442
00:27:19,030 --> 00:27:23,060
see on sellepärast, AJAX töötab oma veebibrauseris.

443
00:27:23,060 --> 00:27:25,800
Iga paari sekundi oma veebilehitseja on tegelikult

444
00:27:25,800 --> 00:27:29,420
läheb Facebook serveritesse, paludes neil, kas sul on midagi minu jaoks uus,

445
00:27:29,420 --> 00:27:31,980
ja siis tuleb sulle tagasi.

446
00:27:31,980 --> 00:27:36,320
See võimaldab teil saata taotlused server

447
00:27:36,320 --> 00:27:38,660
ilma et oleks tegelikult koormus lehel.

448
00:27:38,660 --> 00:27:42,040
Nii tavaliselt, kui sa oled lihtsalt kasutades PHP ja andmebaasi

449
00:27:42,040 --> 00:27:45,480
pead värskenda lehekülge enne saate uue info serverisse.

450
00:27:45,480 --> 00:27:48,770
Kuid kasutades AJAX, saab tõmmata jaoks uut informatsiooni pidevalt,

451
00:27:48,770 --> 00:27:52,250
või tõmmake see, kui klõpsate nuppu või midagi sellist.

452
00:27:52,250 --> 00:27:56,140
Nii, et see võimaldab meil saata taotlusi ilma lehekülge uuesti laadida,

453
00:27:56,140 --> 00:27:58,130
ja me saame kasutada kas GET või POST taotlused.

454
00:27:58,130 --> 00:28:05,370
>> GET nõudmised, näiteks kui teil on Google.com

455
00:28:05,370 --> 00:28:10,900
ja teha q = test. See on neile päringu test.

456
00:28:10,900 --> 00:28:15,890
Ja see on GET taotluse, sest see kulgeb nende parameetreid arvesse URL ise.

457
00:28:15,890 --> 00:28:19,250
POST taotlusel on sama, kui saadate neid posti teel.

458
00:28:19,250 --> 00:28:22,500
See on nagu sa pane see kirja ja saata see välja, et neil,

459
00:28:22,500 --> 00:28:25,140
kuid nad ei ole tegelikult näha sisu. Nad ei ole nähtav URL.

460
00:28:25,140 --> 00:28:31,040
Sa ei saa otse kirjuta see, et teil on saata see peaaegu salaja.

461
00:28:31,040 --> 00:28:33,880
See on postitus.

462
00:28:33,880 --> 00:28:38,660
Kuid kasutades jQuery, mida saate teha, GET ja POST taotlused

463
00:28:38,660 --> 00:28:42,740
palju kergemini kui tavaliselt võiks kasutades lihtsalt JavaScript.

464
00:28:42,740 --> 00:28:50,140
Võite päringu API kasutades GET nõudmised ning saate kontrollida ka sisselogimise andmeid.

465
00:28:50,140 --> 00:28:54,400
Järgmisel leheküljel, olen loonud seda, mis küsib: "Mis on lõunaks?"

466
00:28:54,400 --> 00:28:58,230
kasutades Harvard toit API, niiet tõmmake see üles.

467
00:28:58,230 --> 00:29:01,840
See on vaid üks näide, kuidas saab kasutada jQuery teha GET päringu API

468
00:29:01,840 --> 00:29:04,200
ja saada teavet tagasi saada.

469
00:29:04,200 --> 00:29:07,090
Nii et me tahame näha menüüs täna

470
00:29:07,090 --> 00:29:10,560
ja me tahame näha, mis on lõuna.

471
00:29:10,560 --> 00:29:16,500
Siin on link, et luua GET taotluse jQuery.

472
00:29:16,500 --> 00:29:18,600
kasutate $. saada funktsiooni.

473
00:29:18,600 --> 00:29:22,290
Esimene argument on URL, nii et mida sa täpselt päringu.

474
00:29:22,290 --> 00:29:27,200
Siis järgmine argument on funktsioon, mis täidab kui GET taotluse on lõpetatud.

475
00:29:27,200 --> 00:29:29,980
Nii et ära saatma mõned taotluse serverile, oodake, kuni see tagasi tulla.

476
00:29:29,980 --> 00:29:33,770
Kui see ei tule tagasi, sa lähed, et võtta mõned meetmed, mille andmeid on tagasi serverisse.

477
00:29:33,770 --> 00:29:37,520
Lähme edasi ja kodeerida seda samuti.

478
00:29:37,520 --> 00:29:42,110
Ma ei koodi see nii, meelega.

479
00:29:42,110 --> 00:29:46,660
Siin on TODO. Esiteks, ärgem kasutada juhul siduv

480
00:29:46,660 --> 00:29:50,820
nii et kui seda nuppu vajutada, saadame välja GET taotluse.

481
00:29:50,820 --> 00:29:53,410
Ja kui see GET päringu naaseb koos mõned andmed,

482
00:29:53,410 --> 00:29:57,290
me seda kirjutada sellesse jahu info ID div.

483
00:29:57,290 --> 00:30:02,860
Esiteks, ärgem valida toidu nupp ID.

484
00:30:02,860 --> 00:30:07,320
Kui see on klõpsatud, me tahame seda teha midagi.

485
00:30:07,320 --> 00:30:11,930
Teeme lihtsalt teha see anonüümne fuction, nagu enne.

486
00:30:11,930 --> 00:30:15,550
Kas murrab need looksulg,

487
00:30:15,550 --> 00:30:18,530
ja kui seda nuppu vajutada, me tahame saata GET taotluse

488
00:30:18,530 --> 00:30:20,750
vaadata, mida on lõunale.

489
00:30:20,750 --> 00:30:24,970
Selleks, et saaksime lihtsalt kirjutada $. Saada.

490
00:30:24,970 --> 00:30:28,850
See on jQuery funktsiooni abil dollari märk.

491
00:30:28,850 --> 00:30:31,430
See võtab paar argumenti. Esimene neist on URL,

492
00:30:31,430 --> 00:30:34,450
teine ​​on tagasikutse funktsiooni, funktsiooni, mis kutsutakse

493
00:30:34,450 --> 00:30:37,740
kui see taotlus tegelikult tagasi.

494
00:30:37,740 --> 00:30:39,890
Olgem lihtsalt luua URL esimene.

495
00:30:39,890 --> 00:30:44,650
Saame selle API, et David kirjutas üles.

496
00:30:44,650 --> 00:30:51,360
Lähen siin näeme, et see on food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
ja siis sa lihtsalt liigu nimed parameetrid, mida soovite.

498
00:30:54,140 --> 00:30:57,760
Nii parameeter 1 on väärtus 1.

499
00:30:57,760 --> 00:31:00,910
Tundub, et standard kuupäev, alguskuupäev, vaikimisi täna

500
00:31:00,910 --> 00:31:03,110
kui te ei anna midagi, ja lõppkuupäev ka vaikimisi

501
00:31:03,910 --> 00:31:05,930
et täna, kui te ei anna midagi.

502
00:31:05,930 --> 00:31:10,790
See on see, mida me tahame. Tahame lihtsalt saada teavet täna.

503
00:31:10,790 --> 00:31:12,950
>> Me tahame, et formaat olema JSON.

504
00:31:12,950 --> 00:31:15,570
See on lihtsalt suvaline, saate kasutada mis tahes, mida soovite.

505
00:31:15,570 --> 00:31:18,950
Võite kasutada CSV, kuid JSON on JavaScript Object märke.

506
00:31:18,950 --> 00:31:24,150
See on väga lihtne JavaScript aru, mida see tähendab,

507
00:31:24,150 --> 00:31:27,110
ja me võime printida lihtsamalt niimoodi.

508
00:31:27,110 --> 00:31:30,490
Teeme seda taotleda JSON ja olgem taotluse lõunasöök.

509
00:31:30,490 --> 00:31:37,660
Nii jahu = lõunasöök. Lihtsalt üles kirjutama, et URL, me läheme tagasi.

510
00:31:37,660 --> 00:31:41,290
Seal menüüd. Esimene parameeter on väljund = JSON

511
00:31:41,290 --> 00:31:44,640
sest see, mida me tahame, ja sa eraldi parameetrid "ja".

512
00:31:44,640 --> 00:31:48,940
Teine parameeter on - ma ei mäleta.

513
00:31:48,940 --> 00:31:52,170
Sööki. Ja me tahame jahu = lõunasöök.

514
00:31:52,170 --> 00:31:57,390
Võite katsetada seda URL tippides selle brauseri ja läheb see.

515
00:31:57,390 --> 00:32:03,120
See annab teile mõned väljund. See on lihtsalt hunnik asju, mis on lõuna.

516
00:32:03,120 --> 00:32:10,410
See on see inetu formaadis. Me tahame, et seda trükkida peale meie lehe paremas vormis.

517
00:32:10,410 --> 00:32:12,580
Nii URL on õige, nüüd me lihtsalt vaja kirjutada funktsioon

518
00:32:12,580 --> 00:32:18,300
tagasi kutsuda, kui taotlus on edukas.

519
00:32:18,300 --> 00:32:20,430
See funktsioon tegelikult võtta argument. On andmeid.

520
00:32:20,430 --> 00:32:25,650
Andmed, mida tuleb tagasi GET taotluse pärast GET taotluse on tehtud.

521
00:32:25,650 --> 00:32:28,860
Me saame seda teha looksulg; siin me kirjutame anonüümne funktsioon

522
00:32:28,860 --> 00:32:33,900
et täide, kasutades andmete kui me saada teavet tagasi.

523
00:32:33,900 --> 00:32:37,840
Seega andmed, kui me tipitud URL,

524
00:32:37,840 --> 00:32:41,540
see on see, mis andmeid läheb nägema. See saab olema see suur string.

525
00:32:41,540 --> 00:32:48,610
Aga hea asi on see, JavaScript saab sõeluda seda kasutades JSON.parse funktsioon.

526
00:32:48,610 --> 00:32:54,950
Nii loome uue muutuja nimega sõeluda andmed.

527
00:32:54,950 --> 00:32:57,060
Ja sõeluda andmed massiivi objektid.

528
00:32:57,060 --> 00:33:04,200
Iga objekt sisaldab teavet näiteks - hästi, võtame pilk.

529
00:33:04,200 --> 00:33:08,980
See on kuupäev, jahu, kategooria, retsept, kõik see muu kraam.

530
00:33:08,980 --> 00:33:10,860
Teeme lihtsalt välja printida nimi igaüks.

531
00:33:10,860 --> 00:33:13,790
Olgem korrata kogu massiivi värk, et saada tagasi seda,

532
00:33:13,790 --> 00:33:17,570
ja lihtsalt välja printida iga üks - trükkida nimi igaüks.

533
00:33:17,570 --> 00:33:22,670
See on silmus.

534
00:33:22,670 --> 00:33:26,030
>> JavaScript on see kasulik süntaks, kus saate luua muutuja ja silmus üle massiivi

535
00:33:26,030 --> 00:33:30,150
ja var i on lihtsalt iteraatoris nii, selle asemel et teha var i = 0,

536
00:33:30,150 --> 00:33:40,290
i oli väiksem kui pikkus, i + +, saate lihtsalt teha var i sõeluda andmed.

537
00:33:40,290 --> 00:33:47,060
Selles näites sõeluda andmed (i) vastab praegusele element

538
00:33:47,060 --> 00:33:49,850
massiiv, tegelik eesmärk.

539
00:33:49,850 --> 00:33:51,720
Ja me tahame saada nimi välja.

540
00:33:51,720 --> 00:33:54,170
Teeme lihtsalt seda nime.

541
00:33:54,170 --> 00:33:57,000
Ja viimane asi, me ei kavatse olla mõned jQuery uuesti.

542
00:33:57,000 --> 00:34:02,660
Tegelikult lisada see div, see eine info div see on tühi.

543
00:34:02,660 --> 00:34:05,430
Teeme siis vali see.

544
00:34:05,430 --> 00:34:13,870
Me kasutame jQuery ja valige eine info div ID või jahu info ID, sorry.

545
00:34:13,870 --> 00:34:16,580
Me tahame, et lisada sellele.

546
00:34:16,580 --> 00:34:21,030
Kui me tegime katse, näiteks, oleks lihtsalt kirjutada seda iga kord.

547
00:34:21,030 --> 00:34:29,190
Nii saame lihtsalt lisada see.

548
00:34:29,190 --> 00:34:31,889
Praegune element massiivi, me jõuame nimi välja,

549
00:34:31,889 --> 00:34:38,159
ja me lisab selle lõppu jahu info ID div.

550
00:34:38,159 --> 00:34:40,120
Ja siis lihtsalt, et see näeks puhtam,

551
00:34:40,120 --> 00:34:51,550
me ka lisada line break nii see ei ole kõik ühel real.

552
00:34:51,550 --> 00:34:55,280
Nii et kui kõik läheb hästi, et peaks olema hea -

553
00:34:55,280 --> 00:34:57,220
esiteks, kui seda nuppu klõpsata,

554
00:34:57,220 --> 00:35:00,070
saadab ta ära GET päringu URL.

555
00:35:00,070 --> 00:35:02,500
Kui andmed tuleb tagasi saada, siis see sõeluda see,

556
00:35:02,500 --> 00:35:06,950
muuta see JSON, loop kogu massiivi esindavad et andmed,

557
00:35:06,950 --> 00:35:10,310
ja siis lisada nimi ja reavahetuse

558
00:35:10,310 --> 00:35:16,500
iga rida selles jahu info ID, mis varem oli tühi.

559
00:35:16,500 --> 00:35:18,910
Nii läheb tagasi sellele lehele, muudame,

560
00:35:18,910 --> 00:35:23,690
kliki, teada - see ei tööta. See on kahetsusväärne.

561
00:35:23,690 --> 00:35:25,830
Ja see on koht, kus silumine on sisse

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

563
00:35:30,070 --> 00:35:57,210
See on huvitav.

564
00:35:57,210 --> 00:35:59,720
Olgu, mitte kulutada aega seda teha, ma lihtsalt läheb

565
00:35:59,720 --> 00:36:07,070
tõmba teha faili, et mul on, mis on läbinud versioon.

566
00:36:07,070 --> 00:36:13,710
Ma ei ole kindel, mis vahe on, kuid me saame selle avada asemel.

567
00:36:13,710 --> 00:36:19,740
Ja me läheme AJAX, ja see peaks töötama korralikult.

568
00:36:19,740 --> 00:36:21,730
Just see oli lõunasöögiks täna

569
00:36:21,730 --> 00:36:24,870
ei kindlas järjekorras, jutumärgid, nii see ei ole prettiest.

570
00:36:24,870 --> 00:36:27,090
Aga loomulikult, kui sa seda teed lõplik projekt,

571
00:36:27,090 --> 00:36:30,120
siis oleks muuta see otsima parem.

572
00:36:30,120 --> 00:36:32,530
Aga see on lihtsalt näide sellest, kuidas te seda teete GET taotluse.

573
00:36:32,530 --> 00:36:34,580
Ja kui me vaatame tegelikku koodi, ma arvan, ma olen päris kindel,

574
00:36:34,580 --> 00:36:39,690
see on ikka päris palju sama.

575
00:36:39,690 --> 00:37:04,990
Oh, ma unustasin selle teisendada string, mis see on.

576
00:37:04,990 --> 00:37:07,920
Ei, see ikka ei tööta. Sõltumata sellest, siin on tegelikult lõpetatud kood

577
00:37:07,920 --> 00:37:10,300
mida see peaks välja nägema,

578
00:37:10,300 --> 00:37:16,400
ja ta teeb sama asja nagu ma lihtsalt rakendada.

579
00:37:16,400 --> 00:37:22,760
Kui klõpsate nuppu, kasutab ta GET JSON automaatselt sõeluda andmed.

580
00:37:22,760 --> 00:37:29,190
See võtab andmed tagasi saada ja silmuseid läbi terve rida

581
00:37:29,190 --> 00:37:32,770
ja prindib välja - kõike, mis on lõuna täna, nime see,

582
00:37:32,770 --> 00:37:38,020
ja lisab reavahetuse pärast iga rida.

583
00:37:38,020 --> 00:37:41,100
See, kuidas te kasutate GET funktsioon.

584
00:37:41,100 --> 00:37:44,040
>> Võite kasutada POST, mida ma ei ole aega

585
00:37:44,040 --> 00:37:47,940
üles kirjutama näiteks seda, kuid me ei saa vaadata dokumente.

586
00:37:47,940 --> 00:37:53,220
Kui te vaatate jquery.post,

587
00:37:53,220 --> 00:37:55,510
siis näete, et see on peaaegu sama asi.

588
00:37:55,510 --> 00:38:01,650
Sul on URL, kuid lähitulede asemel parameetreid kasutades -

589
00:38:01,650 --> 00:38:03,990
lihtsalt panemist stringi URL ise,

590
00:38:03,990 --> 00:38:06,300
pead läbima selle andmed muutuja

591
00:38:06,300 --> 00:38:11,990
mis on põhimõtteliselt massiiv, sõnastik, mis kaardistab parameetrite väärtused.

592
00:38:11,990 --> 00:38:17,690
Jätate et, ja, mis saadab neid kasutades POST.

593
00:38:17,690 --> 00:38:20,790
Ja kui sul on, et siis võib olla edu funktsioon

594
00:38:20,790 --> 00:38:23,930
mis täidab kui andmed tuleb tagasi.

595
00:38:23,930 --> 00:38:26,430
Muidu on täpselt sama. Nii et kasutades POST,

596
00:38:26,430 --> 00:38:29,970
võiksite kasutada POST, näiteks kui teil on sisendi

597
00:38:29,970 --> 00:38:35,780
lasete inimesed sisend paroolid sinna, ja saata need paroolid välja

598
00:38:35,780 --> 00:38:41,850
oma back-end script, et kontrollida andmebaasi, kas kasutaja on kehtiv või mitte.

599
00:38:41,850 --> 00:38:46,700
Seda saab teha, et kõik kasutavad jQuery asemel et värskenda lehekülge üldse.

600
00:38:46,700 --> 00:38:52,160
See, kuidas ma ellu blogi, mida ma teile näidanud varem.

601
00:38:52,160 --> 00:38:59,530
Kui läheme lõpuni portaali ja välja logida, välja logida,

602
00:38:59,530 --> 00:39:02,600
Logi välja ei tööta.

603
00:39:02,600 --> 00:39:13,360
Noh, las ma lihtsalt ava see uues aknas.

604
00:39:13,360 --> 00:39:16,580
Siin on parool ja ma läksin kirjutada midagi juhuslikku.

605
00:39:16,580 --> 00:39:18,590
See ei tööta, kuid on näha, et me ei

606
00:39:18,590 --> 00:39:20,840
tegelikult on värskenda lehekülge üldse.

607
00:39:20,840 --> 00:39:24,610
Kood, kui soovite seda vaadata,

608
00:39:24,610 --> 00:39:37,460
kõik on saadaval siin.

609
00:39:37,460 --> 00:39:45,680
Nii koodi kirjutasin eelmisel aastal millalgi.

610
00:39:45,680 --> 00:39:47,790
Nagu näete siin, me saadame POST taotluse.

611
00:39:47,790 --> 00:39:50,400
Mul on fail nimega login.php lõppfaasi,

612
00:39:50,400 --> 00:39:53,860
mis kontrollib, kui parool on kehtiv.

613
00:39:53,860 --> 00:39:56,000
Parameetreid me läbima on parool, kaardistatakse

614
00:39:56,000 --> 00:40:00,030
sisend, mis on selles sisend kasti praegu.

615
00:40:00,030 --> 00:40:04,110
Ja kui andmed tuleb tagasi, me kontrollime.

616
00:40:04,110 --> 00:40:07,680
Kui andmed on vale, siis me ütleme, vale parool, lükake seda allapoole,

617
00:40:07,680 --> 00:40:09,580
ja siis tee seda kaovad pärast seda.

618
00:40:09,580 --> 00:40:12,320
Muidu laadida admin lehele.

619
00:40:12,320 --> 00:40:15,080
Ja see oli kõik tehtud kasutades JSON.

620
00:40:15,080 --> 00:40:18,510
Sel palju ridu koodi, saate läbida andmed kolp,

621
00:40:18,510 --> 00:40:21,020
kontrollida, kas see on õige, kas sa sisse õigesti,

622
00:40:21,020 --> 00:40:24,200
ja tegelikult reageerida, suunates inimese õigele lehele

623
00:40:24,200 --> 00:40:29,760
või ei lase neid sisse ja ütlen neile, et nad olid vale parool.

624
00:40:29,760 --> 00:40:33,040
Nii et see on näide sellest, kuidas sa võiksid kasutada jQuery POST

625
00:40:33,040 --> 00:40:37,010
saata POST taotluse oma lõppfaasi,

626
00:40:37,010 --> 00:40:42,400
kontrollida, kas keegi on sisse õigesti.

627
00:40:42,400 --> 00:40:44,820
>> Olgu, see on kõik näited mul oli ja kõik asjad tahtsin katta.

628
00:40:44,820 --> 00:40:47,110
Need on peamised asjad, jQuery võimaldab teil teha:

629
00:40:47,110 --> 00:40:52,640
Valige elemendid, muuta neid kasutades DOM manipuleerimine,

630
00:40:52,640 --> 00:40:56,340
saate lisada efekte, aktiveerida asju teatud sündmusi,

631
00:40:56,340 --> 00:41:00,430
ja teha ka AJAX taotlusi väga sujuvalt ja lihtsalt.

632
00:41:00,430 --> 00:41:02,840
Seega tänan teid tulevad või vaadates,

633
00:41:02,840 --> 00:41:06,230
ja kui teil on küsimusi, siis andke teada. Jah?

634
00:41:06,230 --> 00:41:12,730
[Student] tagasi, kui selgus, siis tuli JSON pärast POST taotluse hinnapakkumisi,

635
00:41:12,730 --> 00:41:15,170
ja ma just mõtlesin, mida see ka tegi.

636
00:41:15,170 --> 00:41:20,070
>> Jah, ma näen. Küsimus oli, et näiteks ma lihtsalt näitas,

637
00:41:20,070 --> 00:41:25,790
seal oli sõna JSON jutumärkides ümber -

638
00:41:25,790 --> 00:41:31,690
Ma lihtsalt tõmmake see uuesti - umbes POST funktsiooni.

639
00:41:31,690 --> 00:41:43,320
Ma lihtsalt tõmmates seda üles näidata.

640
00:41:43,320 --> 00:41:46,890
Nii et siin on postitus taotluse ja seal on see JSON jutumärkides.

641
00:41:46,890 --> 00:41:50,280
See lihtsalt määratleb, mida me ootame väljund olema.

642
00:41:50,280 --> 00:41:54,070
Nii et kui me läbima JSON oodatavad andmed tüüp,

643
00:41:54,070 --> 00:41:56,070
see ei ole nõue, kuid kui võtame seda,

644
00:41:56,070 --> 00:41:58,590
siis andmed automaatselt sõeluda nagu JSON.

645
00:41:58,590 --> 00:42:00,600
Nii et me ei pea helistama JSON sõeluda funktsioon peal,

646
00:42:00,600 --> 00:42:02,620
see lihtsalt juhtub automaatselt.

647
00:42:02,620 --> 00:42:05,150
Ja kui te võtate pilk dokumentatsiooni POST,

648
00:42:05,150 --> 00:42:09,850
on käesoleva andmete tüüpi muutuja, mis tüüpi andmeid oodatakse server.

649
00:42:09,850 --> 00:42:12,660
Vaikimisi on selleks intelligentne arvan, et võib olla vale,

650
00:42:12,660 --> 00:42:15,520
nii et sa ei jäta see tühjaks, aga see on lihtsalt tüüpi andmeid

651
00:42:15,520 --> 00:42:21,680
kodeerimine, et te kasutate, kas see on JSON või XML või midagi muud.

652
00:42:21,680 --> 00:42:25,280
>> Muid küsimusi?

653
00:42:25,280 --> 00:42:27,300
Hea küll. Kui teil on küsimusi, emaili mulle

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

655
00:42:30,830 --> 00:42:34,860
ja slaidid ja kood peaks olema kättesaadav internetis üsna varsti.

656
00:42:34,860 --> 00:42:42,810
Õnn oma lõpliku projekti, loodan, et te kasutate jQuery.

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