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

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

3
00:00:04,790 --> 00:00:08,000
[Hau da CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
Zaren zehar jarraitzen du etxean, benetan sartu ahal izango duzu nire diapositibak online

5
00:00:10,640 --> 00:00:13,310
esteka honetan joanda.

6
00:00:13,310 --> 00:00:18,650
TjjRWj da, bit.ly. an

7
00:00:18,650 --> 00:00:20,700
Dezakezu ere, besterik gabe, URL-zuzenean,

8
00:00:20,700 --> 00:00:27,300
horrek cloud.cs50.net / ~ vshekhawat, eta horrek nire izena da,

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

10
00:00:32,409 --> 00:00:34,920
Animatzen dut oso zehar jarraitu ahal izango duzu ari zaren etxean bada ikusten,

11
00:00:34,920 --> 00:00:40,650
Oraindik, eta hemen bada, baita, eta hau nahiko aurkezpen interaktibo bat delako.

12
00:00:40,650 --> 00:00:43,160
>> Beraz, gaur egun jQuery buruz hitz egiten ari naiz, eta lehen galdera da,

13
00:00:43,160 --> 00:00:45,300
jQuery zer da?

14
00:00:45,300 --> 00:00:47,090
Aurten, you guys ez dute estaltzen Ikusteko Javascript-a ezagutzen dut

15
00:00:47,090 --> 00:00:51,080
Xehetasun askoz urteetan bezala dugun bezala.

16
00:00:51,080 --> 00:00:53,150
Ikusteko Javascript-a da, lehenik eta behin, besterik gabe, bezero-aldean, hizkuntza bat

17
00:00:53,150 --> 00:00:58,390
erabiltzen duzun gidoiak eta kodea exekutatu nahi erabiltzaile bakoitzaren makinan.

18
00:00:58,390 --> 00:01:00,660
Beraz, zerbitzari bat eskaintzen duen web-orriak pertsona duzu,

19
00:01:00,660 --> 00:01:02,600
baina zerbait egin nahi beren makina izan dezakezu,

20
00:01:02,600 --> 00:01:08,060
galdetu beren makina eskaerak bidaltzeko zerbitzaria 30 segundotan behin edo horrelako zerbait.

21
00:01:08,060 --> 00:01:10,420
Ikusteko Javascript-a erabiliz egin dezakezu.

22
00:01:10,420 --> 00:01:13,190
JQuery besterik gehiago funtzionalitatea eskaintzen Javascript gainean

23
00:01:13,190 --> 00:01:15,680
duzun gauza estra du.

24
00:01:15,680 --> 00:01:17,710
Edukiak begiratuz gero, gainean,

25
00:01:17,710 --> 00:01:21,410
azaltzen dituen gauza zaren gai batzuk egin.

26
00:01:21,410 --> 00:01:23,500
Beraz, oro har, izan zen 2006ko urtarrilean sortu zen.

27
00:01:23,500 --> 00:01:26,560
Izan zen lehen sortu zuen 2005eko abuztuan.

28
00:01:26,560 --> 00:01:31,370
Ari izan inguruan urte pare bat, eta benetan, web berria 2.0 mugimenduaren zati

29
00:01:31,370 --> 00:01:34,330
hori egin Interneten hain distiratsua.

30
00:01:34,330 --> 00:01:37,630
Gehien erabiltzen Javascript liburutegia da.

31
00:01:37,630 --> 00:01:41,450
19,6 milioi web gune daude, eta erabilera gero eta handiagoa da, oraindik ere

32
00:01:41,450 --> 00:01:45,640
to builtwith.com arabera, eta horrek, itxuraz, azken urtean,

33
00:01:45,640 --> 00:01:49,710
izan berri da etengabe, nahiko lineala handitzeko.

34
00:01:49,710 --> 00:01:52,870
10 milioi goiko guneak, besteak beste, ez da oraindik -

35
00:01:52,870 --> 00:01:55,180
40 inguru horietako% dira gaur egun erabiltzen.

36
00:01:55,180 --> 00:01:58,540
Facebook erabiltzen du, webguneak beste asko gaur egun erabiltzen da.

37
00:01:58,540 --> 00:02:01,540
Zeure estatistika horiek begiratu dezakezu, litzaidake nahi baduzu.

38
00:02:01,540 --> 00:02:05,820
Eta bere ordez esan izan duzu dauka fundazio eta 13 Kontseilariak delako,

39
00:02:05,820 --> 00:02:11,910
20 pertsona lan egiten dute, aldizka-talde batekin batera.

40
00:02:11,910 --> 00:02:16,110
Beraz, asko erabiltzen da. Org URL du, dotorea da,

41
00:02:16,110 --> 00:02:21,660
spin-off ditu gauzak beste, beraz, big Akordio bat da.

42
00:02:21,660 --> 00:02:24,510
>> Zergatik erabiltzen duzun? JQuery oso arina.

43
00:02:24,510 --> 00:02:27,270
Horrek esan nahi du, ez da fitxategi handi bat. Deskarga dezakezu

44
00:02:27,270 --> 00:02:31,540
minified fitxategia, hau da, espazio zuriak eta iruzkinak gabe, eta soilik 32 kB da.

45
00:02:31,540 --> 00:02:33,600
Beraz, erraza da zure web orrian aldera zozketa

46
00:02:33,600 --> 00:02:35,910
eta besterik ez da erabiltzen hasteko.

47
00:02:35,910 --> 00:02:39,630
Era berean, oso modu eraginkorrean idatzia, eta, beraz, ez da hartzen asko -

48
00:02:39,630 --> 00:02:42,550
ez du mantsotu zure web askoz noiz erabili duzu.

49
00:02:42,550 --> 00:02:45,770
Gauza izan ziren aurrez unfeasible ezartzeko aukera ematen dizu.

50
00:02:45,770 --> 00:02:47,790
Badira funtzionalitatea alderdi batzuk,

51
00:02:47,790 --> 00:02:51,780
animazioak sortzeko bezala, normalean oso, oso zaila izango litzateke egin.

52
00:02:51,780 --> 00:02:54,300
Baina jQuery en benetan ari dira, oso erraza da.

53
00:02:54,300 --> 00:02:57,040
Eta badira gauza batzuk gogaikarriak egin,

54
00:02:57,040 --> 00:02:59,610
Ikusteko Javascript-a posible, POST eskaera bat bidali bezala,

55
00:02:59,610 --> 00:03:02,190
baina zerbitzari eskaera bat bidaltzeko, idatzi behar duzu

56
00:03:02,190 --> 00:03:04,320
bost edo sei edo zazpi kode lerro.

57
00:03:04,320 --> 00:03:07,200
Orain besterik egin daiteke, kode lerro bakar bat ere, bakar bat funtzio-deian.

58
00:03:07,200 --> 00:03:11,790
Benetan stuff ari zarenean eta asko errazten du.

59
00:03:11,790 --> 00:03:15,950
Eta cool kids guztiak erabiliz. Horren arabera, nik esan nahi dut.

60
00:03:15,950 --> 00:03:19,270
Nire azken proiektua, iaz, eta horrek news.whrb.org da,

61
00:03:19,270 --> 00:03:22,530
den irrati katea da, blog hau sortu dut

62
00:03:22,530 --> 00:03:29,750
antolatzen ditu, eta horrek erakusten dugun egin eta horien fitxategiak MP3 guztiak.

63
00:03:29,750 --> 00:03:32,070
Iragana ikuskizunen bidez araka dezakezu,

64
00:03:32,070 --> 00:03:34,130
eta hori guztia egin jQuery erabiliz. Esan dezakezu

65
00:03:34,130 --> 00:03:37,340
delako, animazio horiek guztiak, funtsean.

66
00:03:37,340 --> 00:03:42,360
Beraz galtzen duzu - zaren Bidalketa berri bat sortzean,

67
00:03:42,360 --> 00:03:45,980
slideDowns txiki horiek ikusten duzu; hori guztia egin jQuery erabiliz.

68
00:03:45,980 --> 00:03:49,140
Eta iraungitze hori -, beraz, gauza mota hori guztia egin jQuery erabiliz,

69
00:03:49,140 --> 00:03:52,720
eta ez duzu etengabe Berritu orria gune nabigatzeko.

70
00:03:52,720 --> 00:03:57,220
Beste cool gauza hori egin jQuery erabiliz aurkezpen hau.

71
00:03:57,220 --> 00:03:59,700
Honen iturburu irekiko gauza izeneko scrolldeck dut erabiltzen,

72
00:03:59,700 --> 00:04:03,250
duen norbait jQuery gainean idatzi.

73
00:04:03,250 --> 00:04:04,870
Benetan jatorrian badute, hori ikusi ahal izango duzu

74
00:04:04,870 --> 00:04:07,830
dolarraren ikurra hau erabiltzen ari dira; dolarraren seinaleak

75
00:04:07,830 --> 00:04:12,110
jQuery dira erabiltzen funtzio bat jQuery funtzio bat ekarri dute.

76
00:04:12,110 --> 00:04:15,020
Beraz Wrapper bat ari dira definitzeko jQuery gainean

77
00:04:15,020 --> 00:04:18,570
ahalbidetzen duen aurkezpen bat egin dezakezu horrela,

78
00:04:18,570 --> 00:04:21,200
ikusi eta hemen, jatorrizko fitxategi jQuery ari dira barne dezakezu,

79
00:04:21,200 --> 00:04:24,120
hau da, zer egiten dute besteak beste, izango dituzu nahi izanez jQuery erabili ahal

80
00:04:24,120 --> 00:04:30,450
zure webgune propioa.

81
00:04:30,450 --> 00:04:32,790
>> Hori ukitzea, nola instalatu duzu?

82
00:04:32,790 --> 00:04:36,150
Bakarrik joan zaitezke eta jQuery.com deskargatzeko fitxategia,

83
00:04:36,150 --> 00:04:38,320
gehitu web direktorioa bat eta sartu.

84
00:04:38,320 --> 00:04:42,200
Beraz, goian, zure fitxategia HTML etiketa buruan

85
00:04:42,200 --> 00:04:45,400
HTML fitxategi nagusia, besterik ez dute kode-lerro

86
00:04:45,400 --> 00:04:49,490
bertsio zuzena zein bertsio jQuery egiteko erabiltzen ari bazara ere.

87
00:04:49,490 --> 00:04:51,340
Deskargatu ahal izango duzu jQuery.com joanda,

88
00:04:51,340 --> 00:04:55,130
sakatu "deskargatu jQuery", eta got duzu. Kito.

89
00:04:55,130 --> 00:04:58,880
Eta benetan, zer itxura begirada bat hartu ahal izango dugu.

90
00:04:58,880 --> 00:05:01,080
Deskargatu hemen klik egiten baduzu, hau jQuery da.

91
00:05:01,080 --> 00:05:05,260
Bakar handi Javascript fitxategi duzun gauza guztiak magia egiten da.

92
00:05:05,260 --> 00:05:09,270
Hau minified bertsioa, eta hori ezin da irakurri guztietan dago.

93
00:05:09,270 --> 00:05:13,180
Dezakezu ere, garapen bertsio begiratzea, hau da, irakurgarri

94
00:05:13,180 --> 00:05:15,370
baina oraindik ere oso, oso luzea.

95
00:05:15,370 --> 00:05:17,980
Hor gauza asko da.

96
00:05:17,980 --> 00:05:20,240
Dezakezu ere, Google-en ospatu den bertsio lotzeko.

97
00:05:20,240 --> 00:05:23,820
Beraz, hori besterik ez duzu Google konfiantza eman ahal izateko egingo.

98
00:05:23,820 --> 00:05:29,310
Bakoitzean bertsioa, uneoro eskuragarri ematen dute.

99
00:05:29,310 --> 00:05:31,530
Beraz, seguruenik dezakezu Google oinarritzea da antolatzailea dezakezu.

100
00:05:31,530 --> 00:05:33,270
Edo jQuery en azken bertsioa egin dezakezu lotzeko.

101
00:05:33,270 --> 00:05:36,400
URL bat dela beti, azken bertsiora eguneratu dute.

102
00:05:36,400 --> 00:05:40,850
JQuery-Azkenengo da, eta ez dago bat duten arazoa da,

103
00:05:40,850 --> 00:05:44,350
hau da, gero eguneratu jQuery eta aurreko funtzionalitatea batzuk

104
00:05:44,350 --> 00:05:47,250
bihurtzen zuten retrograded edo zaharkitua,

105
00:05:47,250 --> 00:05:49,620
Agian ez da - hasteko ez dira onartzen gehiago izan daiteke.

106
00:05:49,620 --> 00:05:52,940
Beraz, bada, web gune bat bertsio 1.8.2 erabiliz idazterakoan,

107
00:05:52,940 --> 00:05:55,000
denbora bertsioaren arabera 2,7 ateratzen

108
00:05:55,000 --> 00:05:57,000
funtzioak idatzitako batzuk ez dute jada.

109
00:05:57,000 --> 00:05:59,930
Beraz, hobe da besterik deskargatu 32 kB fitxategia,

110
00:05:59,930 --> 00:06:04,100
jarri zure web orrian, eta lan hura betirako izango duzu.

111
00:06:04,100 --> 00:06:07,450
>> Aurrera joan eta hasteko jQuery benetako funtzionaltasuna buruz hitz egiten ari naiz.

112
00:06:07,450 --> 00:06:13,090
Lehenengo gauza Selectors da. Hau da, zer jQuery hasieran pentsatua ematen.

113
00:06:13,090 --> 00:06:15,500
Eta dokumentazioa klik egin dezakezu ikusteko

114
00:06:15,500 --> 00:06:18,690
Selectors egon estaltzen noa dokumentazioa zehatza.

115
00:06:18,690 --> 00:06:24,120
Selectors atzean ideia da orri batean elementu HTML hauta dezakezu.

116
00:06:24,120 --> 00:06:28,790
Orrian elementu izan identifikazioak eta eskolak eta beste identifikatzeko alderdi horiek.

117
00:06:28,790 --> 00:06:30,500
Han ere - aginduak ezberdinetan they're.

118
00:06:30,500 --> 00:06:32,570
Aldiz ari dira, bata bestearen barruan habiaratuta batzuk.

119
00:06:32,570 --> 00:06:38,120
JQuery ahalbidetzen simple kontsultak berreskuratzeko orriaren elementuak eraikitzeko aukera ematen dizu.

120
00:06:38,120 --> 00:06:41,890
Ondoren, elementu horiek jQuery funtzioak erabiliz manipulatzen dezakezu,

121
00:06:41,890 --> 00:06:43,990
horrek manipulazio atala dugu beranduago iritsi da.

122
00:06:43,990 --> 00:06:46,040
HTML, CSS aldatu aldatu ahal izango dira,

123
00:06:46,040 --> 00:06:50,500
dezakezu ere animatu eta funtzioak gertakari jakin batzuk aktibatzeko gehitzeko.

124
00:06:50,500 --> 00:06:52,710
Beraz, adibidez, zerbait, bertan klik eginez gero, zerbait gertatuko nahi duzun,

125
00:06:52,710 --> 00:06:55,210
jQuery erabiliz, baita dezakezu.

126
00:06:55,210 --> 00:06:57,380
Eta badira moduak hautatzeko elementu kopurua handi bat.

127
00:06:57,380 --> 00:07:00,310
Gehienak inoiz ez dut erabili, baina badira oinarrizko direnak,

128
00:07:00,310 --> 00:07:02,340
dira, nahiko garrantzitsua da.

129
00:07:02,340 --> 00:07:05,750
Elementu hautatzaileak, adibidez, bazara, besterik gabe, ezer hautatuta

130
00:07:05,750 --> 00:07:10,640
duten div bat da - izan dut kodea diapositiba aurkezpen hori irekita.

131
00:07:10,640 --> 00:07:13,450
Beraz, adibidez, hemen lehen diapositiba da.

132
00:07:13,450 --> 00:07:17,430
Hemen div dugu. Benetan dugu hautatu baduzu divs guztiak orrian,

133
00:07:17,430 --> 00:07:22,300
besterik ez ditu eman divs duen fitxategi horretan dauden guztiak sorta bat.

134
00:07:22,300 --> 00:07:27,040
ID hautatzaileak aukera ematen jakin batean ID ezer hautatu duzu.

135
00:07:27,040 --> 00:07:32,230
Beraz, bada, hau da, adibidez, gauza hau NAN "zer" du

136
00:07:32,230 --> 00:07:37,160
eta hau egin dugu galtzen # ordez zer identifikazio batzuen bidez,

137
00:07:37,160 --> 00:07:42,920
besterik ez litzateke itzuliko array bat duen elementu bakar bat du, eta hori orriaren elementu dagoela.

138
00:07:42,920 --> 00:07:45,490
Era berean, ezin dugu konbinatu Selectors modu horretan edukitzea

139
00:07:45,490 --> 00:07:48,260
bakarrik aukeratu gauza identifikazioak direla divs batera.

140
00:07:48,260 --> 00:07:51,810
Beraz, bai. Bakarrik aukeratu divs duten ID hori.

141
00:07:51,810 --> 00:07:55,260
Klase erabili besterik ez duzu puntu bat, CSS gauza bera da.

142
00:07:55,260 --> 00:07:57,500
Ondorengoa ere balio du; hala bada, klase batzuk egin behar duzu

143
00:07:57,500 --> 00:08:00,170
eta habiaratuta ditu bere baitan elementu - beraz, adibidez,

144
00:08:00,170 --> 00:08:03,260
klase batzuetan ez da bat eta aingura Etiketa behar beste orri bat lotu du,

145
00:08:03,260 --> 00:08:08,510
sintaxia erabil dezakezu esteka berreskuratzeko.

146
00:08:08,510 --> 00:08:12,420
Ere hauta dezakezu gauza bat baino gehiago aldi berean; besterik koma bitartez banandu arabera,

147
00:08:12,420 --> 00:08:17,360
erabili hautatzailea edozein gustatuko litzaidake, eta guztiek aukeratu ahal izango duzu aldi berean, array bakar bat ere.

148
00:08:17,360 --> 00:08:19,650
Eta gero ere ez hautatzaile, beraz divs guztiak hautatu ahal izango duzu

149
00:08:19,650 --> 00:08:24,210
ez duten partida klase batzuk.

150
00:08:24,210 --> 00:08:28,790
Eta hori da, besterik gabe, lagungarria modu sarrera bat lortzeko nola aukeraketa honetan lan egiten du.

151
00:08:28,790 --> 00:08:32,270
Bigarren batean hormigoizko adibide batzuk erakusten dut.

152
00:08:32,270 --> 00:08:35,480
>> Aurreratua Selectors dira - hauek dira adibide batzuk.

153
00:08:35,480 --> 00:08:38,840
Badira horien dozenaka, baina nahi duzun irudia, etiketa guztiak hautatu nahi badituzu

154
00:08:38,840 --> 00:08:42,799
elementu batzuk barruan eta, ondoren, egin besterik ez duzu: irudia.

155
00:08:42,799 --> 00:08:45,340
Nahi duzu, nahiz eta elementu hautatzeko, adibidez, badaude, horietako 20 bada,

156
00:08:45,340 --> 00:08:48,290
0, 2, 4, 6 eta abar hautatu nahi baduzu,

157
00:08:48,290 --> 00:08:51,630
egiten duzu: nahiz eta, edo baita ere egin dezakezu: bakoitiak.

158
00:08:51,630 --> 00:08:55,470
Hauek dira sasi Selectors, eta horrek esan nahi du benetan duten konputatu

159
00:08:55,470 --> 00:09:00,960
bakoitzean beste elementu bat, baizik eta, besterik gabe, joan eta horiek guztiak hautatuz baino.

160
00:09:00,960 --> 00:09:05,510
Ere egin dezakezu - elementu bakoitza ere izan dezake berariazko atributuak.

161
00:09:05,510 --> 00:09:10,580
Beraz, adibidez, class = zentro ere bada atributu bat.

162
00:09:10,580 --> 00:09:16,500
Aingura etiketa hau, href, hipertestu erreferentzia, atributu bat ere bada.

163
00:09:16,500 --> 00:09:21,150
Oro har, benetan da - Beraz, zerbait jakin bati, edo, besterik gabe, loturak hautatu ahal izango duzu.

164
00:09:21,150 --> 00:09:25,410
Ezer aukeratu dezakezu atributua edozein litzaidake gustatuko batera.

165
00:09:25,410 --> 00:09:27,470
Eta gero, baita ere, atributua dauka.

166
00:09:27,470 --> 00:09:30,420
, Adibidez bada, nahi sarrerako elementu guztiak hautatzeko

167
00:09:30,420 --> 00:09:32,700
duten hitza "pass" horietako izen gisa,

168
00:09:32,700 --> 00:09:37,560
Orri bat sarrera bloke badu

169
00:09:37,560 --> 00:09:41,050
deitzen duten "pasahitza," hori horrela hautatzen baduzu, ezin izango nuke.

170
00:09:41,050 --> 00:09:43,020
Eta badira beste asko. Aurrera dezakezu eta dokumentazioa begiratu

171
00:09:43,020 --> 00:09:46,950
eta ikusi nola funtzionatzen adibide zehatzak.

172
00:09:46,950 --> 00:09:48,840
>> Hurrengo gauza DOM manipulazioa da.

173
00:09:48,840 --> 00:09:52,500
Hautatu dugu elementu ondoren, nahi benetan egiten gauza haiekin egingo dugu.

174
00:09:52,500 --> 00:09:55,500
Orain arte ez dugu hori guztietan begiratzen du, baina dokumentazioa begiratzen baduzu,

175
00:09:55,500 --> 00:09:57,950
ez da benetan asko izan dugu.

176
00:09:57,950 --> 00:10:02,900
Puntu honetan, aurkezpen honetan elementu aukeratu behar dugu

177
00:10:02,900 --> 00:10:04,890
manipulatzeko eta jQuery erabiltzen dituelako.

178
00:10:04,890 --> 00:10:08,290
Honetan ezartzen duelako jQuery erabiliz, jQuery liburutegian sartzeko aukera dugu,

179
00:10:08,290 --> 00:10:13,580
eta funtzioak horiek erabili ahal izango dugu kode hau epean.

180
00:10:13,580 --> 00:10:16,200
Ko erabilgarria gauza daiteke ez duzula ezagutzen kontsola da.

181
00:10:16,200 --> 00:10:19,340
Eta, Google Chrome, zer erabiltzen dut. Alt komando J sakatu dezakezu

182
00:10:19,340 --> 00:10:21,720
edo ALT kontrol J kontsola ireki.

183
00:10:21,720 --> 00:10:26,130
Firefox-en komando shift K edo kontrol shift K. uste dut

184
00:10:26,130 --> 00:10:28,880
Safari aldatu ezarpen batzuk joan behar duzu.

185
00:10:28,880 --> 00:10:35,460
Badago lotura bat egin behar izanez gero, gustatuko litzaidake, baina Chrome edo Firefox lortzean gomendatzen dut.

186
00:10:35,460 --> 00:10:37,750
Hargatik ireki kontsola, behera da hemen.

187
00:10:37,750 --> 00:10:41,170
Funtsean, besterik ezer egin nahi duzun aukera ematen du.

188
00:10:41,170 --> 00:10:45,100
Beraz, sor dezakezu aldakorreko izeneko x idatzi,

189
00:10:45,100 --> 00:10:49,200
x = 5, utzi zer x + 2 da, ikus-en.

190
00:10:49,200 --> 00:10:57,670
Zuk egin CS antzeko zerbait + Ikus dezagun, x + 45, duten CS50 izango da.

191
00:10:57,670 --> 00:11:00,530
Bakarrik egin ahal izango duzu Javascript batzuk tipikoa stuff.

192
00:11:00,530 --> 00:11:02,730
Baina baita ere egin dezakezu jQuery hemen.

193
00:11:02,730 --> 00:11:06,200
>> Hargatik hau lehen alderdi begiratu hemen.

194
00:11:06,200 --> 00:11:09,500
HTML deitzen zaio, eta horrek kate bat da, aldagai bat sortu behar dugu.

195
00:11:09,500 --> 00:11:15,890
Paragrafoan etiketa bat du, eta, hori izeneko testu batzuk.

196
00:11:15,890 --> 00:11:19,420
Beraz HTML dugu hau, beste testu batzuk ere, paragrafo etiketak.

197
00:11:19,420 --> 00:11:21,800
Orain benetan nahi dugu gehitzeko orria.

198
00:11:21,800 --> 00:11:28,310
Ezarri dut, beraz, paragrafo honek HTML kodea, titulu hau, hori append IDa.

199
00:11:28,310 --> 00:11:32,320
Hautatu dugu append ID bada, eta, ondoren, hari eransteko

200
00:11:32,320 --> 00:11:34,560
HTML aldagai sortu dut,

201
00:11:34,560 --> 00:11:40,370
HTML gehituko zaie amaieran, eskuinera paragrafoan etiketa hau ondoren.

202
00:11:40,370 --> 00:11:43,730
Beraz, ez dugu badu - paragrafo hau hautatu dugu,

203
00:11:43,730 --> 00:11:47,590
eta deitzen dugu aldagai HTML gehitu dut funtzio erantsi du,

204
00:11:47,590 --> 00:11:50,960
Testu berriak gehituko zaie bertan orrian.

205
00:11:50,960 --> 00:11:54,970
Era berean, gunearen aurretik, eta horrek esan nahi du aurretik joan da, elementu horren hasieran.

206
00:11:54,970 --> 00:11:58,290
Beraz, hasieran eta gero at testu berri batzuk.

207
00:11:58,290 --> 00:12:01,660
Aurrera dezaket eta freskatu stuff hau besterik ez dut egin kentzeko.

208
00:12:01,660 --> 00:12:05,280
Baina hori nola itxi erabili dezakezu adibide bat eta metodo eransteko

209
00:12:05,280 --> 00:12:08,910
orrian gauzak manipulatzeko, gehitu HTML batzuk.

210
00:12:08,910 --> 00:12:11,080
>> Alda dezakezu klaseak.

211
00:12:11,080 --> 00:12:14,970
Itzuli estilo fitxategi honetan, Nik sortutako klase hau irabazi du

212
00:12:14,970 --> 00:12:19,990
testu kolore gorri, hondoko kolorea, eta testu itzal bat dauka.

213
00:12:19,990 --> 00:12:23,810
Izugarri dirudi, baina, egia esan, ezin dut -

214
00:12:23,810 --> 00:12:26,410
paragrafo honetan klasea ID dagokio.

215
00:12:26,410 --> 00:12:29,860
Beraz, irabazi du klasean gehitu ahal izango dut.

216
00:12:29,860 --> 00:12:31,870
Hau exekutatu ahal izango dut kontsolan,

217
00:12:31,870 --> 00:12:35,480
eta klase gehituko zaie, eta gaur egun izugarri ikusten da, espero bezala.

218
00:12:35,480 --> 00:12:39,680
CSS automatikoki klase duzun aplikatzen -

219
00:12:39,680 --> 00:12:42,680
ez dago klase bat CSS bada, automatikoki aplikatuko

220
00:12:42,680 --> 00:12:44,680
aldatu duzu elementu bat klasea bada.

221
00:12:44,680 --> 00:12:49,230
Orduan, besterik gabe, ezin dugu kendu kendu klasea erabiliz.

222
00:12:49,230 --> 00:12:53,690
Beraz, bada, gorria edo nabarmendutako bezalako klase batzuk aurrez definitutako duzu,

223
00:12:53,690 --> 00:12:55,990
eta, ondoren, horiek aplikatzeko elementuak nahi baduzu,

224
00:12:55,990 --> 00:12:58,230
ez duzu CSS bakoitzean Sorozabal guztiak egiteko.

225
00:12:58,230 --> 00:13:01,510
Besterik gehi klasea elementu bat, eta, ondoren, automatikoki bihurtuko -

226
00:13:01,510 --> 00:13:05,580
automatikoki begiratu klasea dela egokia.

227
00:13:05,580 --> 00:13:07,900
Era berean, ezin dugu kendu gauzak; beraz divs guztiak hautatu dut

228
00:13:07,900 --> 00:13:10,830
orrian eta ezabatu.

229
00:13:10,830 --> 00:13:13,990
Zer da duen itxura da?

230
00:13:13,990 --> 00:13:16,170
Ezer ez egiteko itxurarik da joan, beraz, ez da benetan, deus ezker.

231
00:13:16,170 --> 00:13:18,170
Nire aurkezpena desagertuko da.

232
00:13:18,170 --> 00:13:21,290
Freskatu ahal izango dut eta eraman atzera, zorionez,

233
00:13:21,290 --> 00:13:24,420
da besterik ez delako behin exekutatzen

234
00:13:24,420 --> 00:13:29,460
baina hori kendu adibide bat, nahi eta erabat suntsitu orria off elementu bat bada.

235
00:13:29,460 --> 00:13:33,180
>> Ere egin dezakezu gainidatzi, eta paragrafo tags guztiak hautatzeko orrian noa

236
00:13:33,180 --> 00:13:36,850
, eta horien barruan, eta edozein dela ere ordeztu testu horiek dira

237
00:13:36,850 --> 00:13:39,690
besterik hitza "probak." rekin

238
00:13:39,690 --> 00:13:46,520
Hori eginez gero, paragrafo bakoitzean ordezkatu dituzu orrian probak honekin.

239
00:13:46,520 --> 00:13:49,150
Yep. Guztiak ari dira probak ordezkatzen du.

240
00:13:49,150 --> 00:13:53,270
Beraz, testua sartzeko eta berridazketa adibide bat.

241
00:13:53,270 --> 00:13:57,490
Ere egin ditzakezu informazioa eskuratzeko, eta hau da benetan sarrera kaxak cool.

242
00:13:57,490 --> 00:14:00,470
Zuk sarrera kutxa jendeak gauzak idazten hartuz gero,

243
00:14:00,470 --> 00:14:03,880
Jendeak zerbait idazten sartu,

244
00:14:03,880 --> 00:14:09,030
Hemen sarrera, testu-mota etiketa edozein sarrera hautatu ditugu.

245
00:14:09,030 --> 00:14:13,800
Kasu horretan, ez bakarrik sarrera batean Aurkezpen-kutxa da,

246
00:14:13,800 --> 00:14:17,260
beraz, besterik ez dugu hautatu lehenengoa, eta gero Val funtzioa deitzen dugun horren gainean.

247
00:14:17,260 --> 00:14:19,570
Duten balioa itzultzen du, eta sarrera kutxa bat,

248
00:14:19,570 --> 00:14:24,330
balioa da, besterik gabe, edozein delarik ere gertatzen da barruan egon.

249
00:14:24,330 --> 00:14:31,880
Horretarako dugu, bada, besterik ez da itzultzen katea stuff.

250
00:14:31,880 --> 00:14:36,860
Eta deitu badugu berriro ere gauza gehiago idatzi ondoren, txandaka gauza gehiago sartu da.

251
00:14:36,860 --> 00:14:40,760
Bat modu handi bat sarrerako kutxa elementuak sartzeko da, eta, ondoren, egiaztatu,

252
00:14:40,760 --> 00:14:45,060
hau da baliozko helbide elektronikoa, hau da baliozko data, adibidez.

253
00:14:45,060 --> 00:14:49,600
Bakarrik eskuratu ahal izango duzu gauzak berehala jendea bezala idazten,

254
00:14:49,600 --> 00:14:54,830
eta, ondoren, egiaztatu da ala ez da baliozko, bidal itzuli zerbitzari bat, ezer nahi zurekin egin.

255
00:14:54,830 --> 00:14:57,720
Eta hori nola kaxak horiek barruan sartzen da duzu.

256
00:14:57,720 --> 00:15:00,090
>> Ere alda ditzakezu CSS zuzenean, eta, beraz ordez eransteko

257
00:15:00,090 --> 00:15:02,510
klase bat du aurrez definitutako propietate batzuk,

258
00:15:02,510 --> 00:15:08,120
besterik gehi ditzakezu edozein dela CSS ezer nahi duzun.

259
00:15:08,120 --> 00:15:10,350
Hargatik hautatu gorputza, aurkezpen osoa da,

260
00:15:10,350 --> 00:15:14,370
eta kolore jabetza definitzen zer koloreak testua da.

261
00:15:14,370 --> 00:15:19,420
Aldatzen badugu, gorria, orria testu guztiak izango dira gorria piztu.

262
00:15:19,420 --> 00:15:26,310
Zerbait egin ahal izango dugu atzeko planoaren kolorea urdin bezala,

263
00:15:26,310 --> 00:15:30,680
hara joaten gara; ederra da.

264
00:15:30,680 --> 00:15:33,840
Ezer honekin nahi duzuna egin dezakezu.

265
00:15:33,840 --> 00:15:39,250
CSS jabetza erabiliz, benetan dezakezu alda ezer edozein unetan begira.

266
00:15:39,250 --> 00:15:41,630
Hurrengo gauza ondorio da.

267
00:15:41,630 --> 00:15:45,710
Efektuak dira, funtsean CSS aldatuz gauza bera,

268
00:15:45,710 --> 00:15:48,870
baina benetan ematen dute aparteko animazio batzuk ere.

269
00:15:48,870 --> 00:15:53,380
Beraz, horren ordez, edo erakusten ezkutatzen zerbait aldatu edo kolore,

270
00:15:53,380 --> 00:15:56,130
benetan egin dezakezu alaiak.

271
00:15:56,130 --> 00:16:00,760
Hemen dokumentazioa da, nahi duzun itxura bat hartu ahal izateko zabala dokumentazioa bada.

272
00:16:00,760 --> 00:16:04,760
Baina nagusiak direnak estaltzeko noa.

273
00:16:04,760 --> 00:16:12,030
Badira ikuskizun eta ezkutatzeko propietateak.

274
00:16:12,030 --> 00:16:14,510
Erakutsi / ezkutatu ID benetan osoa kutxa honi dagokio,

275
00:16:14,510 --> 00:16:18,190
beraz, ezkutatzen dut bada, besterik ez da desagertzen.

276
00:16:18,190 --> 00:16:24,210
Eta erakutsi ahal izango dut berriro nahi dut itzuli egin eta gero.

277
00:16:24,210 --> 00:16:26,340
Eta itzuli da. Ez da benetan desagertzen

278
00:16:26,340 --> 00:16:30,670
Ez nuen benetan kendu orritik, ezarri dut ikuspena jabetza CSS ezkutuko

279
00:16:30,670 --> 00:16:34,030
beraz, ezin duzu ikusi jada.

280
00:16:34,030 --> 00:16:39,250
Ez da, gainera, mugitu gora eta behera irristatu; ahalbidetzen duen efektu hori izan behar duzu.

281
00:16:39,250 --> 00:16:47,050
Sortu irristatzen da desagertuko, eta desagertu ondoren

282
00:16:47,050 --> 00:16:53,210
mugitu dezakezu behera itzuli dadin. Eta, orain, itzuli da.

283
00:16:53,210 --> 00:16:57,650
Ez da hau, gainera, iraungitze efektua, eta horrek - iraungitze ID lauki hau dagokio.

284
00:16:57,650 --> 00:17:01,200
Desagertzen dut bada, eta, ondoren, poliki-poliki joango da desagertzen.

285
00:17:01,200 --> 00:17:04,490
Era berean, ezin dut desagertzen da, eta itzuli egingo da.

286
00:17:04,490 --> 00:17:08,930
Era berean, ezin duzu egiteko: urtzea, hau da, iraungitze funtzioa partida.

287
00:17:08,930 --> 00:17:12,589
Izan desagertzen edozein partida opakutasun nahi duzun dezakezu.

288
00:17:12,589 --> 00:17:16,869
Beraz desagertzen gero, poliki-poliki, .5, bihurtu erdia ikusgai dituzu.

289
00:17:16,869 --> 00:17:22,630
Egiteko joan .1 dut, eta itzuli 1 erabat ikusgai egin eta berriro.

290
00:17:22,630 --> 00:17:24,760
Hori besterik animazioa beste ahal izango duzu.

291
00:17:24,760 --> 00:17:26,750
>> Badira ere toggle ondorioak.

292
00:17:26,750 --> 00:17:33,410
Beraz, toggle identifikazio, eta horrek koadro hau dagokio aukeratu dut,

293
00:17:33,410 --> 00:17:38,970
eta div horretan txandakatu deitu dezakezu; da ikusgai badago bihurtu ikusezina izango da,

294
00:17:38,970 --> 00:17:42,320
da ikusezina bada ikusgai bihurtuko da berriro.

295
00:17:42,320 --> 00:17:44,440
Deitzen dut toggle funtzio hau birritan, lehenengoa izan zen

296
00:17:44,440 --> 00:17:48,380
ezkutatzeko gauza bera, bigarren deia ikuskizun baten antzekoa izan zen.

297
00:17:48,380 --> 00:17:53,510
Eta, gainera, ezin duzu egiteko hau iraungitze toggle batera,

298
00:17:53,510 --> 00:17:55,730
den gauza bera, desagertueta benetan salbu du.

299
00:17:55,730 --> 00:17:59,410
Eta diapositiba gauza bera aldatzeko.

300
00:17:59,410 --> 00:18:01,460
Daude kateatuta efektu baita, eta horrek esan nahi du

301
00:18:01,460 --> 00:18:05,520
aukeratu duzu elementu bat izanez gero, eta, besterik gabe, animazio-metodoak sorta bat deitu da,

302
00:18:05,520 --> 00:18:07,400
nahi duzun itzali da, nahi izanez gero, ondoren, mugitu behera,

303
00:18:07,400 --> 00:18:11,040
eta, gero, ezkutatu, eta gero desagertzen, haiekin egingo du segidan.

304
00:18:11,040 --> 00:18:24,920
Beraz, desagertu egin zen, atzera - arrazoiren batengatik, ezkutatu ez zuen gertatuko.

305
00:18:24,920 --> 00:18:30,030
Dezagun proba ezazu. Bai, beraz, kanpo desagertu egiten da eta, ondoren, kanpoan slid da.

306
00:18:30,030 --> 00:18:32,230
Daude eta askorekin gehiago. Animatu funtzioa erabil dezakezu

307
00:18:32,230 --> 00:18:35,370
Zeure animazioak sortzeko, eta hori nahiko konplexua da,

308
00:18:35,370 --> 00:18:38,790
baina ematen du extensibility infinitua baita.

309
00:18:38,790 --> 00:18:40,630
Edozein animazio mota nahi duzun egin dezakezu.

310
00:18:40,630 --> 00:18:44,230
Ere erabili dezakezu ilara ilaran animazioak anitz sortu aldi berean.

311
00:18:44,230 --> 00:18:47,340
Beraz, zerbait orrian zehar hegan egin nahi baduzu,

312
00:18:47,340 --> 00:18:49,860
beheraino ezkerretik eskuinera goitik diapositiba, hau egin ahal izango duzu,

313
00:18:49,860 --> 00:18:55,240
eta besterik ez dute ekintza bat joan ondoren, beste mordo bat.

314
00:18:55,240 --> 00:18:57,490
>> Hurrengo gauza hitz egin dugu ekitaldi bat da.

315
00:18:57,490 --> 00:19:02,090
Ekitaldi ahalbidetzen duzu - orain arte, besterik ez dugu egin dira gauzak idazten kontsolan sartu

316
00:19:02,090 --> 00:19:04,870
eta hori, modu batean hau gerta dadin, hau da,

317
00:19:04,870 --> 00:19:08,020
baina beti uneko orrialdean, ez duzu gai izango

318
00:19:08,020 --> 00:19:10,020
egin erabiltzaile mota gauza kontsola batean.

319
00:19:10,020 --> 00:19:12,050
Gauzak automatikoki gertatuko nahi duzu.

320
00:19:12,050 --> 00:19:18,060
Hori dela eta, gertakari hori zenbait gertaera jakin batzuk gertatzen aktibatzeko erabili behar duzu.

321
00:19:18,060 --> 00:19:21,340
Osoa xehetasunak dokumentazioa kontsulta dezakezu.

322
00:19:21,340 --> 00:19:24,030
Beraz, ikus dezagun. Ezkutatzeko edo erakusteko kutxa nahi dugu,

323
00:19:24,030 --> 00:19:29,340
baina orain botoi honetan ez du ezer egin nuen, ez delako ezartzea da oraindik.

324
00:19:29,340 --> 00:19:35,420
Izateko benetako HTML orrira noa.

325
00:19:35,420 --> 00:19:38,560
Hemen diapositiba da. Ez dago diapositiba for div bat da.

326
00:19:38,560 --> 00:19:41,230
Diapositiba klase ditu.

327
00:19:41,230 --> 00:19:46,890
Testu da. Orain, ez dago kutxa honetan eta kutxa botoia da.

328
00:19:46,890 --> 00:19:52,900
Nola egin dugu hau benetan desagertzen?

329
00:19:52,900 --> 00:19:58,250
Lehenik eta behin, ikus dezagun idatzi funtzio bat egiten duen kutxa ID desagertu.

330
00:19:58,250 --> 00:20:01,820
Hau funtion sintaxia da, dezagun, besterik gabe deitzen hideTheBox.

331
00:20:01,820 --> 00:20:06,130
Ez du argumenturik hartzen, ez dago argumentuak hartu behar delako.

332
00:20:06,130 --> 00:20:08,950
Kutxa ID hautatu ahal izango dugu.

333
00:20:08,950 --> 00:20:15,020
JQuery hautatu erabiliz, beraz, kutxa ID aukeratu ahal izango dugu,

334
00:20:15,020 --> 00:20:17,700
eta, gero, besterik gabe, egin desagertuko.

335
00:20:17,700 --> 00:20:20,690
Dezagun out desagertzen da.

336
00:20:20,690 --> 00:20:27,390
Ran dugu funtzio hori bada benetako kontsolan,

337
00:20:27,390 --> 00:20:33,380
funtzio hau definitu genezake; hideTheBox deitu ahal izango dugu, eta lan egiten du.

338
00:20:33,380 --> 00:20:36,650
Baina gerta botoia sakatzen da benetan nahi dugu.

339
00:20:36,650 --> 00:20:40,950
Horretarako, ekitaldi bat erabili behar dugu.

340
00:20:40,950 --> 00:20:45,500
Gertaera bat lotu ahal izateko zenbait botoi edo ekintza batzuk gertatzeko,

341
00:20:45,500 --> 00:20:50,040
elementu ekitaldia egingo aktibatu hautatu behar dugu -

342
00:20:50,040 --> 00:20:52,650
edo gertaera bat aktibatu egingo da, barkatu.

343
00:20:52,650 --> 00:20:57,220
>> Beraz, lehenik eta behin, utzi hautatu kutxa botoia ID

344
00:20:57,220 --> 00:20:59,610
dituen botoia da, eta, orain, botoi hori delako,

345
00:20:59,610 --> 00:21:02,750
animazio bat sortu nahi denean, bertan klik egin nahi dugu.

346
00:21:02,750 --> 00:21:05,040
Beraz, egin klik funtzio hau.

347
00:21:05,040 --> 00:21:08,470
Behar du, funtzio beste lotu ahalbidetzen ditu.

348
00:21:08,470 --> 00:21:12,320
Funtzio honek beste funtzio bat hartzen du argumentu gisa

349
00:21:12,320 --> 00:21:14,310
hideTheBox funtzioa ahal izango dugu,

350
00:21:14,310 --> 00:21:20,950
eta, betiere, botoi honetan klik egitean, funtzio automatikoki exekutatu.

351
00:21:20,950 --> 00:21:24,850
Beraz, hau gordetzeko dugun honetan, bada, freskatu dut lan egingo du,

352
00:21:24,850 --> 00:21:33,460
eta - ko bigarren, sentitzen dut.

353
00:21:33,460 --> 00:21:44,770
Demagun hau konpontzeko me benetan azkar.

354
00:21:44,770 --> 00:21:50,680
Ongi da. Ez dago goaz. Beraz, orain koadroan desagertzen botoia sakatu dugu.

355
00:21:50,680 --> 00:21:55,470
Era berean, ezin dugu hau aldatu besterik fadeToggle,

356
00:21:55,470 --> 00:22:00,020
aldatzeko zerbait ezkutatzeko edo erakusteko koadroan,

357
00:22:00,020 --> 00:22:03,850
eta hau izango da, halaber, lan gehiegi, freskatu badugu.

358
00:22:03,850 --> 00:22:08,550
Ezkutatu egin ahal dugu, baita ere erakutsi ahal izango dugu, eta hori lan egiten jarraituko du.

359
00:22:08,550 --> 00:22:12,210
Beste gauza bat egin ahal izango dugu, ez dugu benetan izan hideTheBox funtzio hau definitzeko

360
00:22:12,210 --> 00:22:15,050
deitu aurretik dugu klik funtzioa.

361
00:22:15,050 --> 00:22:17,640
Beraz ordez funtzioa definitu eta hideTheBox deitzen,

362
00:22:17,640 --> 00:22:20,310
bakarrik ari gara deia egiteko gauza hau sakatzen bada.

363
00:22:20,310 --> 00:22:22,310
Beraz definitzen anonimoki ahal izango dugu hemen,

364
00:22:22,310 --> 00:22:25,070
duen ezaugarri bat Javascript duela da.

365
00:22:25,070 --> 00:22:29,720
Funtzio bat defini dezakezu, normalean, funtzio hideTheBox esango genuke

366
00:22:29,720 --> 00:22:34,490
argumentuak, baina horren ordez, besterik gabe, esan dezakegu funtzionatu ez argumentuak,

367
00:22:34,490 --> 00:22:36,870
hasteko kizkur giltza funtzioa definitu,

368
00:22:36,870 --> 00:22:40,780
itxi kizkur giltza dela, eta, gero, besterik gabe, funtzioa definitu hemen,

369
00:22:40,780 --> 00:22:45,130
parentesi lehen eta azken parentesi barruan

370
00:22:45,130 --> 00:22:47,860
Klik duten funtzioaren argumentuak dagozkie.

371
00:22:47,860 --> 00:22:53,320
Ari garen funtzio honetan, beraz, pasatzen, kode-lerro hau kopiatu ahal izango dugu hemen,

372
00:22:53,320 --> 00:22:55,450
eta hori zehatza gauza bera egingo du.

373
00:22:55,450 --> 00:22:57,290
Eta orain, ez dugu hau ausazko fadeTheBox funtzioa

374
00:22:57,290 --> 00:22:59,960
hori inguruan eserita ez itxurazko arrazoirik.

375
00:22:59,960 --> 00:23:02,070
Funtzioa definitu zen anonimoki, ez du izenik.

376
00:23:02,070 --> 00:23:08,060
Bakarrik izango da exekutatu klik kutxa botoia dugu.

377
00:23:08,060 --> 00:23:12,180
Beraz, beste behin ere freskagarri bat, denbora gehiago, eta oraindik ere ikusten duten lan dezakezu.

378
00:23:12,180 --> 00:23:16,700
Eta hori nola gertakari sortuko duzu.

379
00:23:16,700 --> 00:23:19,190
>> Badira ekitaldi ezberdinak ahal dugun erabili asko.

380
00:23:19,190 --> 00:23:23,540
Atzera joateko kontsola erabiliz soilik erakutsiko dizu nola lan horiek noa.

381
00:23:23,540 --> 00:23:28,210
Horietako bakoitzaren identifikazioak kutxa bakoitzari dagozkio.

382
00:23:28,210 --> 00:23:33,020
Lauki hau click ID da, beraz, hau da ID gakoa da, eta hau saguaren ID da.

383
00:23:33,020 --> 00:23:36,120
Gauza bat gehiago da, ez dagoela ekintza honen funtzioa da; baino gehiago idazten denbora guztietan,

384
00:23:36,120 --> 00:23:41,610
Benetan joan nintzen aurretik, eta ekintza honen funtzioa definitu behera hemen.

385
00:23:41,610 --> 00:23:46,860
HideTheBox funtzioa gauza bera egiten du.

386
00:23:46,860 --> 00:23:51,340
Lauki hau eta bai hura desagertueta edo bertan desagertueta sartu lortzen da

387
00:23:51,340 --> 00:23:54,110
Eta horregatik erabiltzeko gai izango gara hemen.

388
00:23:54,110 --> 00:24:00,350
Beraz, egin klik ID hau dugu klik eginez gero, kutxa desagertu edo berriro egin nahi dugu.

389
00:24:00,350 --> 00:24:03,610
Botoia gauza bera azken diapositiba dugula izan da.

390
00:24:03,610 --> 00:24:07,450
Orain ondoren deitzen dugun honetan, ezin dugu sakatu eta kutxa desagertu egingo da,

391
00:24:07,450 --> 00:24:10,160
ondoren, egin klik berriro eta kutxa izango da berriro agertuko.

392
00:24:10,160 --> 00:24:12,480
Hori nahiko erraza da. Klik bikoitza gauza bera egiten du,

393
00:24:12,480 --> 00:24:15,660
eskatzen ezik ezazu klik bikoitza.

394
00:24:15,660 --> 00:24:19,030
Beraz, klik egiten baduzu, behin eta egin klik berriro, ez da ezer gertatuko,

395
00:24:19,030 --> 00:24:21,140
baina bikoitza baduzu sakatu azkar, desagertzen joango da.

396
00:24:21,140 --> 00:24:23,310
Bikoitz klik egiten baduzu, berriz ere, itzuli egingo da.

397
00:24:23,310 --> 00:24:25,250
Beraz, hori nahiko erraza da.

398
00:24:25,250 --> 00:24:31,170
Teklatu sarrera bitxi mota da, ez dut uste adibide honetan benetan lan egiten

399
00:24:31,170 --> 00:24:37,670
gakoa behera, tekla eta tekla sakatu eta beste funtsezko ekintza delako

400
00:24:37,670 --> 00:24:47,190
aktibatzeko zer elementu ditu lotu duzun axola gabe.

401
00:24:47,190 --> 00:24:51,410
Adibidez, nahiz eta gako lotuak I behera gorputza, edo beste zerbait erabat,

402
00:24:51,410 --> 00:24:55,950
orduan oraindik litzateke aktibatzeko Gaia ez - ez da partida.

403
00:24:55,950 --> 00:25:00,190
Nik ez dut hau egin behar da klik eginez, eta sakatu tekla bat ezer desager dadin.

404
00:25:00,190 --> 00:25:04,470
Ditu aktibatuta egongo litzateke edozein elementu egun naiz sartu du

405
00:25:04,470 --> 00:25:06,880
Beraz, horiek ez dira benetan adibide honetan lan

406
00:25:06,880 --> 00:25:13,180
ez delako ez ni aitortu sarrera sartzen teklatu sarrera div sartu.

407
00:25:13,180 --> 00:25:15,740
>> Baina saguaren ekintzak begiratuz gero,

408
00:25:15,740 --> 00:25:19,620
lehenengoa, flotatzen ari da, eta hau CSS erabiliz egin daiteke.

409
00:25:19,620 --> 00:25:24,280
Erabiltzen duzun CSS bada, sor dezakezu, beraz, zerbait gainetik pasatzean bada,

410
00:25:24,280 --> 00:25:28,940
ondoren, bere estilo aldaketak.

411
00:25:28,940 --> 00:25:32,170
JQuery erabiliz, baina beste gauza estiloak alda dezakezu baita.

412
00:25:32,170 --> 00:25:37,120
Beraz, adibidez, ekintza deitzeko div honen gainean pasatzean galtzen goaz.

413
00:25:37,120 --> 00:25:39,660
Horrek esan nahi du bere gainean dugu pasatzean gero, kutxa desagertu egingo da.

414
00:25:39,660 --> 00:25:42,430
Mugitu dugu kanpoan bada, kutxa izango da berriro agertuko.

415
00:25:42,430 --> 00:25:45,090
Deitzen dugun hori bada, eta haren gainean flotatzen, kutxa ez da desagertu,

416
00:25:45,090 --> 00:25:47,050
eta ahalik eta azkarren mugitu dugu kanpoan, atzera dator.

417
00:25:47,050 --> 00:25:49,750
Deitu badugu gainetik pasatzean funtzio hau saguaren ID gainean,

418
00:25:49,750 --> 00:25:54,380
horrek lauki hau dagokio, eta gero kutxa gainean dugu pasatzean bada,

419
00:25:54,380 --> 00:26:00,440
ondoren, kutxa izango da benetan desagertzen - funky da baloia oraintxe, baina -

420
00:26:00,440 --> 00:26:06,310
mugitu dugu kanpoan bada, agertuko ditu. Oraintxe atzeraka da arrazoiren batengatik.

421
00:26:06,310 --> 00:26:12,720
Sagua sartu eta sagua mugitu funtzio hauek oso antzekoa da, baina apur bat desberdina da.

422
00:26:12,720 --> 00:26:16,470
Mouse idatzi bakarrik aktibatzen denean sagua koadroan, espero bezala sartzen da.

423
00:26:16,470 --> 00:26:19,210
Beraz, sartu mugituko zara, bada, desagertzen joango da.

424
00:26:19,210 --> 00:26:23,210
Baina, ez da berriro agertuko denean urrundu duzu; dute atzera mugitu da kalera da itzuli beharko duzu.

425
00:26:23,210 --> 00:26:25,590
Ez da, gainera, sagua mugitu funtzioa, hau da, aktibatzeko

426
00:26:25,590 --> 00:26:29,300
betiere, sagu are kutxa presente.

427
00:26:29,300 --> 00:26:32,430
Beraz, besterik ez da joan mantentzeko, eta ateratzen lausotzen.

428
00:26:32,430 --> 00:26:35,660
Eta benetan ari da saioa hasten - da bezala lausotzen hasi dela dirudi, eta,

429
00:26:35,660 --> 00:26:39,140
baina benetan da asko gehiago, hori baino ekintza hasten,

430
00:26:39,140 --> 00:26:43,550
beraz, urrundu besterik ez duzu gorde horietako mila bezala saioa hasi delako joan.

431
00:26:43,550 --> 00:26:46,620
Agian ez, mila. Agian bost.

432
00:26:46,620 --> 00:26:50,200
Hori baino gehiago erregistroak ditu.

433
00:26:50,200 --> 00:26:53,280
Puntua da, sagua ekintza guztiak daude, eta horietako asko.

434
00:26:53,280 --> 00:26:55,480
Irakur dezakezu, beste bai, baina guztiak dira desberdinak,

435
00:26:55,480 --> 00:26:57,700
eta bietatik bat jaso behar duzun dezakezu

436
00:26:57,700 --> 00:27:02,130
edozein xede berezietarako egin saiatzen ari bazara.

437
00:27:02,130 --> 00:27:05,060
>> Hurrengo gauza, hitz egingo dut AJAX da.

438
00:27:05,060 --> 00:27:09,340
AJAX, ez dugu estaltzen Javascript sakonera askoz ere aurten ez dakit,

439
00:27:09,340 --> 00:27:11,770
beraz, besterik ez naiz AJAX buruz hitz egiteko, oro har, minutu bat egingo da.

440
00:27:11,770 --> 00:27:15,210
AJAX Asynchronous JavaScript and XML dago.

441
00:27:15,210 --> 00:27:19,030
Funtsean da, adibidez, Facebook-en Oraindik duzu eta bultzada duzun jakinarazpena,

442
00:27:19,030 --> 00:27:23,060
hori AJAX da zure nabigatzailean delako exekutatzen.

443
00:27:23,060 --> 00:27:25,800
Behin segundo pare zure nabigatzailean da benetan

444
00:27:25,800 --> 00:27:29,420
Facebook-en zerbitzariak, joan horiek eskatuz, ezer egin berria duzu, niretzat,

445
00:27:29,420 --> 00:27:31,980
eta, ondoren, atzera dator behar duzu.

446
00:27:31,980 --> 00:27:36,320
Horrek aukera ematen die eskaerak bidaltzeko zerbitzari

447
00:27:36,320 --> 00:27:38,660
benetan orria kargatu beharrik gabe.

448
00:27:38,660 --> 00:27:42,040
Beraz, normalean, zaren besterik ez bada PHP eta datu-base bat erabiliz,

449
00:27:42,040 --> 00:27:45,480
orria freskatu behar duzu berria informazioa lortu aurretik zerbitzaritik.

450
00:27:45,480 --> 00:27:48,770
Baina AJAX erabilita, eta informazio berria dezakezu tira, etengabe,

451
00:27:48,770 --> 00:27:52,250
edo da tira, botoia edo horrelako ezer klik.

452
00:27:52,250 --> 00:27:56,140
Honetan, beraz, eskaerak bidaltzeko aukera ematen digu orria berritu gabe,

453
00:27:56,140 --> 00:27:58,130
eta bai GET edo POST eskaerak dezakegu.

454
00:27:58,130 --> 00:28:05,370
>> GET eskaerak dira, adibidez, izanez gero Google.com in

455
00:28:05,370 --> 00:28:10,900
eta zer q = test. Hori emanez, kontsulta-proba bat.

456
00:28:10,900 --> 00:28:15,890
Eta, hori lortzeko, eskaera bat egin da parametro horietan duelako URL bera sartu igaroz.

457
00:28:15,890 --> 00:28:19,250
POST eskaera bat balitz bezala, haiei bidaltzen ari zaren mezua bidez.

458
00:28:19,250 --> 00:28:22,500
Jarri naiz gutun batean eta ontziratu off haiekin da,

459
00:28:22,500 --> 00:28:25,140
baina ez dute benetan ikusiko edukia. Oraindik ez dute URL ikusgai.

460
00:28:25,140 --> 00:28:31,040
Ezin duzu zuzenean idatzi zuen; bidal ia isilpean duzu.

461
00:28:31,040 --> 00:28:33,880
Da post bat da.

462
00:28:33,880 --> 00:28:38,660
Baina jQuery erabiliz, egin GET eta eskaerak argitaratzeko dezakezu

463
00:28:38,660 --> 00:28:42,740
askoz ere erraz normalean besterik lautada Ikusteko Javascript-a erabiliz baino.

464
00:28:42,740 --> 00:28:50,140
APIak kontsulta dezakezu eskaerak erabiliz, eta, gainera, ezin duzu saioa hasteko informazioa egiaztatzeko.

465
00:28:50,140 --> 00:28:54,400
Hurrengo orrian, hau sortu dut, eta hori eskatu dio, "Zer da bazkaltzeko?"

466
00:28:54,400 --> 00:28:58,230
Harvard elikagaien API erabiliz, beraz, tira dezagun sortu duten.

467
00:28:58,230 --> 00:29:01,840
Hau nola erabili jQuery dezakezu GET eskaera bat egin nahi API baten adibidea da

468
00:29:01,840 --> 00:29:04,200
eta informazioa lortzeko back from.

469
00:29:04,200 --> 00:29:07,090
Beraz, menua ikusi ahal izateko, gaur egun nahi dugu,

470
00:29:07,090 --> 00:29:10,560
eta zer bazkaltzeko da ikusi nahi dugu.

471
00:29:10,560 --> 00:29:16,500
Hemen URL jQuery eskaera Talde bat sortu nahi da.

472
00:29:16,500 --> 00:29:18,600
eta $ erabili behar dituzu. lortzeko funtzioa.

473
00:29:18,600 --> 00:29:22,290
Lehen argumentua URL da, beraz, zehatz-mehatz zer neurketako zaren.

474
00:29:22,290 --> 00:29:27,200
Ondoren, hurrengo argumentua funtzio bat exekutatzen denean GET eskaera osatu da.

475
00:29:27,200 --> 00:29:29,980
Beraz off bidaltzeko eskaera batzuk zerbitzariak, itxaron atzera etorri behar.

476
00:29:29,980 --> 00:29:33,770
Noiz etorriko du atzera, ekintza batzuk hartu datu hori atzera zerbitzariak tik duzu.

477
00:29:33,770 --> 00:29:37,520
Goazen aurrera eta hau bai kodea.

478
00:29:37,520 --> 00:29:42,110
Ez nuen kode hau bai, nahita.

479
00:29:42,110 --> 00:29:46,660
Hemen TODO da. Lehenik eta behin, utzi erabiltzen gertaera loteslea

480
00:29:46,660 --> 00:29:50,820
beraz, orduan botoi hau sakatzen da, off bidaliko dugu eskaera bat.

481
00:29:50,820 --> 00:29:53,410
Noiz eta, hori lortzeko eskaera itzuliko da hainbat datu,

482
00:29:53,410 --> 00:29:57,290
idatzi honetan bazkari info ID div sartu dugu.

483
00:29:57,290 --> 00:30:02,860
Lehenik eta behin, utzi hautatu elikagaien botoia IDa.

484
00:30:02,860 --> 00:30:07,320
Denean, bertan klik egin, zerbait egin nahi dugu.

485
00:30:07,320 --> 00:30:11,930
Dezagun, besterik gabe, egin da fuction anonimo bat, orain arte bezala.

486
00:30:11,930 --> 00:30:15,550
Kizkur giltza horiek bildu daitezke,

487
00:30:15,550 --> 00:30:18,530
eta noiz botoi hau sakatzen da, GET eskaera bat bidali nahi dugu

488
00:30:18,530 --> 00:30:20,750
zer bazkaltzeko da egiaztatzeko.

489
00:30:20,750 --> 00:30:24,970
Horretarako, aski izango dugu $ idatzi. Lortzeko.

490
00:30:24,970 --> 00:30:28,850
JQuery funtzioa hau da, dolarraren ikurra erabiliz.

491
00:30:28,850 --> 00:30:31,430
Argumentuak pare bat hartzen du. Lehenengoa URL da,

492
00:30:31,430 --> 00:30:34,450
bigarrena atzeradei funtzioa, funtzioa deitzen da

493
00:30:34,450 --> 00:30:37,740
denean, eskaera hori benetan itzultzen.

494
00:30:37,740 --> 00:30:39,890
Dezagun, besterik gabe, eraikitzeko URL lehen.

495
00:30:39,890 --> 00:30:44,650
Lor dezakegu API batetik David idatzi du.

496
00:30:44,650 --> 00:30:51,360
Hemen, ikus dela food.cs50.net/api/1.3/menus ahal izango dugu,

497
00:30:51,360 --> 00:30:54,140
eta, ondoren, parametroak litzateke gustatuko izenak besterik ez duzu gainditu.

498
00:30:54,140 --> 00:30:57,760
Beraz, parametro-1 balioa 1 da.

499
00:30:57,760 --> 00:31:00,910
Itxura data estandarrak bezala da, hasiera data, itxura, gaur egun,

500
00:31:00,910 --> 00:31:03,110
ez baduzu ezer sartu, eta, era berean, amaiera data lehenetsiak

501
00:31:03,910 --> 00:31:05,930
gaur egun ez baduzu ezer sartu.

502
00:31:05,930 --> 00:31:10,790
Hori da, zer nahi dugun. Besterik lortu, gaur egun, informazioa nahi dugun.

503
00:31:10,790 --> 00:31:12,950
>> Formatua du JSON izan nahi dugu.

504
00:31:12,950 --> 00:31:15,570
Hori besterik arbitrarioa; edozein nahi duzun erabil dezakezu.

505
00:31:15,570 --> 00:31:18,950
CSV erabili ahal izango duzu, baina JSON Javascript Object idazkera.

506
00:31:18,950 --> 00:31:24,150
Oso erraza da JavaScript zer esan nahi duen ulertu ahal izateko,

507
00:31:24,150 --> 00:31:27,110
eta inprimatu ahal izango dugu, errazago horrela.

508
00:31:27,110 --> 00:31:30,490
Hargatik eskatu JSON, eta dezagun eskaera bazkaria.

509
00:31:30,490 --> 00:31:37,660
Beraz, otordu = bazkaria. Just sortu idazteko URL horretan, atzera egingo dugu hemen.

510
00:31:37,660 --> 00:31:41,290
Ez menuak. Lehenengo parametroa irteera = JSON da

511
00:31:41,290 --> 00:31:44,640
hori delako da zer nahi dugun, eta parametroak banatzeko duzu 'eta'.

512
00:31:44,640 --> 00:31:48,940
Bigarren parametroa - Ez dut gogoratzen.

513
00:31:48,940 --> 00:31:52,170
Bazkaria. Eta bazkari = lunch nahi dugu.

514
00:31:52,170 --> 00:31:57,390
URL hau probatu ahal izango duzu idatzi zure nabigatzailean eta bertara joanda.

515
00:31:57,390 --> 00:32:03,120
Emango dizu irteera batzuk. Besterik ez da bat gauza mordo duten bazkaria da.

516
00:32:03,120 --> 00:32:10,410
Da hau itsusi formatuan da. Inprimatu gure orria aldera hobea formatuan nahi dugu.

517
00:32:10,410 --> 00:32:12,580
URL zuzena da, beraz, orain behar dugu funtzio bat idazteko

518
00:32:12,580 --> 00:32:18,300
atzera deitu behar den eskaera behar bezala.

519
00:32:18,300 --> 00:32:20,430
Funtzio honek benetan hartu argudio bat. Datuak izango da.

520
00:32:20,430 --> 00:32:25,650
Datu da, zer bueltatzen lortzeko eskaera lortzeko eskaera egin ondoren.

521
00:32:25,650 --> 00:32:28,860
Kizkur giltza egin ahal izango dugu; hemen anonimoak funtzioa idatzi dugu

522
00:32:28,860 --> 00:32:33,900
hori exekutatzen du, datuak erabiliz, informazioa lortu dugu atzera.

523
00:32:33,900 --> 00:32:37,840
Datuak Beraz, idatzitako URL honetan,

524
00:32:37,840 --> 00:32:41,540
hau da, datuak behar da itxura du. Kate handi hau izango da joan.

525
00:32:41,540 --> 00:32:48,610
Baina gauza ona da, Javascript da analizatu ahal JSON.parse funtzioa erabiliz.

526
00:32:48,610 --> 00:32:54,950
Hargatik sortu izeneko analisi datuak aldagai berri bat.

527
00:32:54,950 --> 00:32:57,060
Eta analisi datuak objektuen array bat da.

528
00:32:57,060 --> 00:33:04,200
Objektu bakoitzak, hala nola informazio badu - Beno, utz ditzagun.

529
00:33:04,200 --> 00:33:08,980
Data bat, bazkari bat, kategoria, errezeta, hau beste gauza guztiak ditu.

530
00:33:08,980 --> 00:33:10,860
Hargatik, besterik inprimatu bakoitzaren izena.

531
00:33:10,860 --> 00:33:13,790
Dezagun gauzak array osoan lortu dugu atzera bertatik zehar batetik bestera joateko,

532
00:33:13,790 --> 00:33:17,570
eta besterik inprimatu ko bakoitzean - inprimatu bakoitzaren izena.

533
00:33:17,570 --> 00:33:22,670
Hau da, begizta da.

534
00:33:22,670 --> 00:33:26,030
>> Ikusteko Javascript-a hau lagungarria sintaxia non aldagai bat eta begizta array bat baino gehiago sortzeko aukera ematen dizu,

535
00:33:26,030 --> 00:33:30,150
var, eta besterik ez da i iterator, beraz ordez var i = 0 egin behar izan du,

536
00:33:30,150 --> 00:33:40,290
luzera baino txikiagoa izan zen, i, i + +, besterik gabe, egin dezakezu var i datuak analizatu ziren.

537
00:33:40,290 --> 00:33:47,060
Adibide honetan, analizatu datuak (i) izango da, gaur egungo elementu dagozkie

538
00:33:47,060 --> 00:33:49,850
array, benetako xedea.

539
00:33:49,850 --> 00:33:51,720
Eta izena lortzeko atera nahi dugu.

540
00:33:51,720 --> 00:33:54,170
Hargatik, besterik gabe, egin izena.

541
00:33:54,170 --> 00:33:57,000
Eta azken gauza da, jQuery batzuk berriro goaz.

542
00:33:57,000 --> 00:34:02,660
Benetan gehitu div da, hau bazkari info div hori da gaur egun hutsik.

543
00:34:02,660 --> 00:34:05,430
Hargatik hautatu duten.

544
00:34:05,430 --> 00:34:13,870
JQuery eta aukeratu bazkari info div NAN edo bazkari info ID erabiliko dugu, barkatu.

545
00:34:13,870 --> 00:34:16,580
To honetan erantsi nahi dugu.

546
00:34:16,580 --> 00:34:21,030
Proba egin dugu bada, adibidez, besterik ez litzateke Gainidaztea bakarrean aldi bakoitzean.

547
00:34:21,030 --> 00:34:29,190
Beraz, ezin dugu hau eransteko.

548
00:34:29,190 --> 00:34:31,889
Array elementu egungo izena, lortuko dugu irten,

549
00:34:31,889 --> 00:34:38,159
, eta erantsi egingo dugu bazkari info ID div amaieran.

550
00:34:38,159 --> 00:34:40,120
Eta gero, begiratu besterik garbiagoa izan dadin,

551
00:34:40,120 --> 00:34:51,550
Era berean, erantsi dugu line break bat da, beraz, ez da dena on-line.

552
00:34:51,550 --> 00:34:55,280
Beraz Dena ondo badago, hori ona izan behar du -

553
00:34:55,280 --> 00:34:57,220
lehenik eta behin, betiere, botoi honetan klik egitean,

554
00:34:57,220 --> 00:35:00,070
bidali beharko da GET eskaera bat URL hau.

555
00:35:00,070 --> 00:35:02,500
Noiz datuak bueltatzen da, batetik, eta analizatu egingo da,

556
00:35:02,500 --> 00:35:06,950
piztu, JSON, array osoa datuak ordezkari begizta baino gehiago sartu,

557
00:35:06,950 --> 00:35:10,310
eta, gero, erantsi izena eta lerro haustura bat

558
00:35:10,310 --> 00:35:16,500
honetan bazkari info ID izan zen aurrez hutsik lerro bakoitzean.

559
00:35:16,500 --> 00:35:18,910
Beraz, atzera joan orrialde honetan, freskatu egingo dugu,

560
00:35:18,910 --> 00:35:23,690
klik, jakin - ez du lan. Hori Penagarria.

561
00:35:23,690 --> 00:35:25,830
Eta hau da, non arazketa dator sartu

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

563
00:35:30,070 --> 00:35:57,210
Hori da interesgarria.

564
00:35:57,210 --> 00:35:59,720
Guztiak eskubidea, ondo, baino, denbora hori egiteko, besterik ez naiz joan

565
00:35:59,720 --> 00:36:07,070
tira gora egin fitxategia izan dut, eta horrek amaitu bertsioa da.

566
00:36:07,070 --> 00:36:13,710
Ez dakit zer diferentzia da, baina ezin dugu sortu hau ireki ordez.

567
00:36:13,710 --> 00:36:19,740
Eta joan AJAX dugu, eta hau behar bezala funtzionatuko dute.

568
00:36:19,740 --> 00:36:21,730
Hau da, zer bazkaria izan zen, gaur egun,

569
00:36:21,730 --> 00:36:24,870
ordena zehatzik gabe, bere inguruan komatxo, beraz, ez da politena da.

570
00:36:24,870 --> 00:36:27,090
Baina, jakina, ziren badituzu egiteko azken proiektua da,

571
00:36:27,090 --> 00:36:30,120
egiteko hobeto begiratu nahi duzun.

572
00:36:30,120 --> 00:36:32,530
Baina besterik ez nola GET eskaera egin duzu adibide sinple bat da.

573
00:36:32,530 --> 00:36:34,580
Eta benetako kodea begiratuz gero, asmatzen ari naiz, nahiko ziur nago

574
00:36:34,580 --> 00:36:39,690
oraindik nahiko askoz berdinak.

575
00:36:39,690 --> 00:37:04,990
Oh, bihurtzeko kate bat ahaztu zait, kito.

576
00:37:04,990 --> 00:37:07,920
Ez, oraindik ez da lanean ari. Nolanahi ere, hemen benetako kodea amaitu da

577
00:37:07,920 --> 00:37:10,300
zer behar duen itxura eman,

578
00:37:10,300 --> 00:37:16,400
eta zer inplementatu dut gauza bera egiten du.

579
00:37:16,400 --> 00:37:22,760
Noiz botoia sakatu on duzu, lortu JSON automatikoki analizatu datuak erabiltzen du.

580
00:37:22,760 --> 00:37:29,190
Datu hartzen du berriro, eta, oro har, array bidez begiztak

581
00:37:29,190 --> 00:37:32,770
eta kanpo grabatuak - edozein dela bazkaltzeko da gaur egun, bere izena,

582
00:37:32,770 --> 00:37:38,020
eta eransten lerro bakoitzaren ondoren etenaldia lerro bat.

583
00:37:38,020 --> 00:37:41,100
Hori nola GET funtzioa erabili behar dituzu.

584
00:37:41,100 --> 00:37:44,040
>> Ere erabili dezakezu POST, horrek ez nuen denbora

585
00:37:44,040 --> 00:37:47,940
gora idatzi ahal izateko adibide bat, baina dokumentazioa ahal izango dugu.

586
00:37:47,940 --> 00:37:53,220
Jquery.post begiratuz gero,

587
00:37:53,220 --> 00:37:55,510
ikusten dela, ia gauza bera egin dezakezu.

588
00:37:55,510 --> 00:38:01,650
URL bat behar duzu, baina horren ordez parametroak erabiliz pasatzea -

589
00:38:01,650 --> 00:38:03,990
besterik ipintzeko URL bera katean,

590
00:38:03,990 --> 00:38:06,300
, datuen aldagai hau gainditu behar duzu

591
00:38:06,300 --> 00:38:11,990
hori da, funtsean, array bat, hiztegi bat mapak balio duten parametroak.

592
00:38:11,990 --> 00:38:17,690
Pasatzen duzu, eta haiek bidaltzen POST bat erabiliz.

593
00:38:17,690 --> 00:38:20,790
Eta behin, orduan arrakasta funtzioa eduki ahal izango duzu

594
00:38:20,790 --> 00:38:23,930
duten exekutatzen direnean datuak bueltatzen.

595
00:38:23,930 --> 00:38:26,430
Bestela, zehazki, ez da gauza bera. Beraz POST erabiliz,

596
00:38:26,430 --> 00:38:29,970
nahi POST erabili ahal izatea, adibidez, zuk sarrera inprimaki bat bada

597
00:38:29,970 --> 00:38:35,780
pertsonen sarrera pasahitzak utzi du, eta pasahitzak horiek bidali

598
00:38:35,780 --> 00:38:41,850
Zure back-end gidoia, datu-basearen erabiltzaileak duten ala ez da baliozkoa edo ez ikusteko.

599
00:38:41,850 --> 00:38:46,700
Egin dezakezu guztiak jQuery ordez erabiliz orrialde freskatzeko guztiak edukitzea.

600
00:38:46,700 --> 00:38:52,160
Hori nola inplementatu blog erakutsi duten dizut lehenago hasi nintzen.

601
00:38:52,160 --> 00:38:59,530
Amaiera atariko genuen joan eta saioa, saioa,

602
00:38:59,530 --> 00:39:02,600
Saioa amaitu ez du funtzionatzen.

603
00:39:02,600 --> 00:39:13,360
Beno, goazen ireki besterik ez dit sortu leiho berri batean.

604
00:39:13,360 --> 00:39:16,580
Hemen ez duzu bat da, eta zerbait ausazko idatzi zen dut.

605
00:39:16,580 --> 00:39:18,590
Ez du lan, baina ikusi egin ez dugula dezakezu

606
00:39:18,590 --> 00:39:20,840
benetan izan orrialde freskatzeko guztiak.

607
00:39:20,840 --> 00:39:24,610
Kodea, nahi duzu begiratzen bada,

608
00:39:24,610 --> 00:39:37,460
guztien eskura dago hemen.

609
00:39:37,460 --> 00:39:45,680
Kodea da, beraz, iaz idatzi dut noizbait.

610
00:39:45,680 --> 00:39:47,790
Hemen ikus daiteke, POST eskaera bat bidaltzen ari gara.

611
00:39:47,790 --> 00:39:50,400
Izeneko fitxategia atzeko muturrean Erabiltzailea daukat,

612
00:39:50,400 --> 00:39:53,860
egiaztatzen duen pasahitza da baliozko bada.

613
00:39:53,860 --> 00:39:56,000
Parametro batean igaro duzu, eta kartografiatu dira

614
00:39:56,000 --> 00:40:00,030
sarrera duten sarrerako kutxa hau da, gaur egun.

615
00:40:00,030 --> 00:40:04,110
Eta noiz datuak bueltatzen dugu egiaztatu.

616
00:40:04,110 --> 00:40:07,680
Datu faltsua bada, ondoren, pasahitza okerra da esaten dugu, irristatu du behera,

617
00:40:07,680 --> 00:40:09,580
eta besterik egin ondoren desagertuko da.

618
00:40:09,580 --> 00:40:12,320
Bestela, admin orria kargatu dugu.

619
00:40:12,320 --> 00:40:15,080
Eta hori guztia egin JSON erabiliz.

620
00:40:15,080 --> 00:40:18,510
Kode-lerro honetan, besterik gabe dezakezu pasatzeko datuak atzera amaieran,

621
00:40:18,510 --> 00:40:21,020
egiaztatu da ala ez da zuzena, behar bezala egiaztatu den ala ez duzu saioa hasi,

622
00:40:21,020 --> 00:40:24,200
eta benetan erantzuteko, pertsona berbideratu zuzena orria

623
00:40:24,200 --> 00:40:29,760
edo ez saioa uzteko, eta horiek kontatzea izan dutela Pasahitz okerra.

624
00:40:29,760 --> 00:40:33,040
Beraz, nola jQuery POST erabil daiteke adibide bat

625
00:40:33,040 --> 00:40:37,010
POST eskaera bat bidaltzeko zure atzera amaieran,

626
00:40:37,010 --> 00:40:42,400
Norbaitek bai saioa hasi behar bezala egiaztatuz.

627
00:40:42,400 --> 00:40:44,820
>> Ondo da, hori adibide nuen, eta gauzak estaltzeko nahi izan dut, beraz.

628
00:40:44,820 --> 00:40:47,110
Horiek nagusien jQuery gauza egiteko aukera ematen duena egiteko dira:

629
00:40:47,110 --> 00:40:52,640
hautatu elementuak, horiek aldatzeko DOM manipulazioa erabiliz,

630
00:40:52,640 --> 00:40:56,340
efektuak gehitu ahal izango dituzu, gauzak aktibatzeko gertakari jakin batzuetan,

631
00:40:56,340 --> 00:41:00,430
eta, gainera, AJAX eskaerak egin baitituzte eta oso erraz.

632
00:41:00,430 --> 00:41:02,840
Beraz, eskerrik asko edo datozen ikusteko,

633
00:41:02,840 --> 00:41:06,230
eta edozein zalantza izanez gero, besterik gabe, let me know. Bai?

634
00:41:06,230 --> 00:41:12,730
[Ikasleentzako] Itzuli duzunean erakutsi, JSON izan duzu komatxo POST eskaera egin ondoren,

635
00:41:12,730 --> 00:41:15,170
eta besterik ez nintzen zer egin zuen galdetzen.

636
00:41:15,170 --> 00:41:20,070
>> Bai, ikusten dut. , Galdetu zion, hori adibidea erakutsi dut,

637
00:41:20,070 --> 00:41:25,790
ez zen komatxo JSON hitzaren inguruan -

638
00:41:25,790 --> 00:41:31,690
Dut tira da berriro - post funtzioaren inguruan.

639
00:41:31,690 --> 00:41:43,320
Besterik ez naiz hura tiraka sortu erakusteko.

640
00:41:43,320 --> 00:41:46,890
Beraz, hemen POST eskaera hau da, eta ez komatxo JSON hau.

641
00:41:46,890 --> 00:41:50,280
Hori besterik ez da definitzen zer irteera behar izan gara zain.

642
00:41:50,280 --> 00:41:54,070
Hala bada JSON igaroko dugu, datu mota espero bezala,

643
00:41:54,070 --> 00:41:56,070
ez da baldintza bat, baina pasatzen badugu ere,

644
00:41:56,070 --> 00:41:58,590
ondoren, datuak automatikoki JSON gisa analizatu.

645
00:41:58,590 --> 00:42:00,600
Beraz, ez dugu analisi du JSON funtzioa deitzen da eta,

646
00:42:00,600 --> 00:42:02,620
besterik ez da gertatuko automatikoki.

647
00:42:02,620 --> 00:42:05,150
Eta hartu duzu POST dokumentazioa begirada bat izanez gero,

648
00:42:05,150 --> 00:42:09,850
hau ez dago datu-mota aldagai, zerbitzariak espero datu mota da.

649
00:42:09,850 --> 00:42:12,660
Lehenetsi bat adimentsuak etxebizitza hori okerra izan daiteke,

650
00:42:12,660 --> 00:42:15,520
beraz, hutsik utzi dezakezu, baina datu-mota da

651
00:42:15,520 --> 00:42:21,680
ari zaren, erabiltzen da ala ez da JSON edo XML edo beste zerbait kodeketa da.

652
00:42:21,680 --> 00:42:25,280
>> Beste edozein galdera?

653
00:42:25,280 --> 00:42:27,300
Guztiak eskubidea. Duzu, beste edozein galdera baldin bada, sentitzen free me elektronikoetan

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

655
00:42:30,830 --> 00:42:34,860
eta diapositibak eta kodea eskuragarri konektatuta egon behar du polita laster.

656
00:42:34,860 --> 00:42:42,810
Zure proiektuak azken Zorte ona, espero jQuery erabiltzen dituzu.

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