1
00:00:00,000 --> 00:00:02,700
[Powered by Google Translate] [Aste 9, Continúa]

2
00:00:02,700 --> 00:00:05,160
[David J. Malan - Harvard Unibertsitatea]

3
00:00:05,160 --> 00:00:07,020
[Hau CS50 da. - CS50.TV]

4
00:00:07,940 --> 00:00:13,340
>> Hau CS50 da. 9 aste bukaera da. Eskerrik asko.

5
00:00:13,340 --> 00:00:15,310
Azkenik. Astea 9. Dut.

6
00:00:15,310 --> 00:00:18,590
Gaur egun, gure web programazio buruzko elkarrizketa jarraituko dugu

7
00:00:18,590 --> 00:00:21,660
azken proiektua norabidean begi bat, ez duzu web-oinarritutako zerbait egin behar delako

8
00:00:21,660 --> 00:00:25,610
proiektuak behin betiko, baina baita azken proiektu edo CS50 ondoren

9
00:00:25,610 --> 00:00:29,000
hau da, zalantzarik gabe, norabide software modernoa egingo da.

10
00:00:29,000 --> 00:00:31,770
Eta, hala ere, ez da gauza erraza benetan.

11
00:00:31,770 --> 00:00:35,040
Izan ere, gauza gogorrena egin diseinuaren alderdi bat da.

12
00:00:35,040 --> 00:00:38,600
>> Esate baterako, diseinua benetan esan nahi dugu erabiltzaile-interfazea lortu

13
00:00:38,600 --> 00:00:40,420
edo erabiltzailearen esperientzia.

14
00:00:40,420 --> 00:00:43,200
I daresay - eta arazoa azken multzo bat ezagutzen dugun

15
00:00:43,200 --> 00:00:45,960
batzuk aired zure gripes software pieza batzuei buruzko

16
00:00:45,960 --> 00:00:49,000
edo hardware infuriates duzu, bai campus edo off

17
00:00:49,000 --> 00:00:51,930
gune asko daude, ez dago hardware asko daude,

18
00:00:51,930 --> 00:00:53,900
mota horretako sucks.

19
00:00:53,900 --> 00:00:58,730
Baina errealitatea da gauza erraza oraindik erabili egiten dira, hala ere indartsu

20
00:00:58,730 --> 00:01:00,550
erronka oso zaila da.

21
00:01:00,550 --> 00:01:03,680
Beraz, gaur egun Joseph eta Tommy me hemen sartzeko eskatu I

22
00:01:03,680 --> 00:01:06,680
horrela, elkarrizketa bat izan dezakegu, bai buruzko diseinu

23
00:01:06,680 --> 00:01:09,090
eta pentsamendu prozesu mota zure burua zeharkatzen hasi behar

24
00:01:09,090 --> 00:01:12,040
azken proiektuak diseinatzeko, zure etorkizuneko Musikal.

25
00:01:12,040 --> 00:01:15,040
Eta gero, Tommy laguntza ezartzeko xehetasun batzuk bilatuko dugu.

26
00:01:15,040 --> 00:01:18,440
Nola egin dezaket ikuspegi batzuk paper edo zure kontuan

27
00:01:18,440 --> 00:01:20,760
ondoren exekutatu ditzakezun programazioaren

28
00:01:20,760 --> 00:01:24,030
teknologia eta teknika batzuk erabiliz besterik ez dugu buruz hitz egiten hasi,

29
00:01:24,030 --> 00:01:29,080
Ikusteko Javascript-a hain zuzen ere eta gauza berriagoak diren, hots, AJAX, JavaScript asinkronoak.

30
00:01:29,080 --> 00:01:32,950
Horrek aukera ematen du, erabiltzailearen interfaze bat dinamika gehiago sortu beharko duzu

31
00:01:32,950 --> 00:01:35,780
pixkanaka zerbitzari batetik gero eta datu gehiago eskuratzean.

32
00:01:35,780 --> 00:01:38,560
Beraz, mozkinak horietako batzuk ikusiko ditugu, baita gaur egun ere.

33
00:01:38,560 --> 00:01:41,800
Bat alde batera utzita, informatika baitute interesa izanez gero

34
00:01:41,800 --> 00:01:45,010
edo informatika minoring, jakin eguerdian ostiral honetan

35
00:01:45,010 --> 00:01:48,750
Maxwell Dworkin 221 pizza ekitaldi bat izango da

36
00:01:48,750 --> 00:01:50,780
non ikasi pixka bat gehiago dezakezu informatikako buruz.

37
00:01:50,780 --> 00:01:54,860
Zure atea out gaur egun On jasotzeko CS gida ofiziala Harvard ahal izango duzu.

38
00:01:54,860 --> 00:01:57,290
Jarriko dugu, trash latak kanpo gerriaren altueran

39
00:01:57,290 --> 00:01:59,750
beraz, hau hartzen eta ikasten CS buruz pixka bat gehiago nahi izanez gero,

40
00:01:59,750 --> 00:02:02,480
egongo aste 0 zen bezala.

41
00:02:02,480 --> 00:02:06,500
Era berean, bada, gurekin ostiral honetan CS50 lunch 1:15 etan nahi duzun,

42
00:02:06,500 --> 00:02:09,800
buru behar cs50.net/lunch.

43
00:02:09,800 --> 00:02:13,260
ADO gehiagorik gabe, ematen dizut irakaskuntza fellow Joseph Ong.

44
00:02:13,260 --> 00:02:19,190
Hi. [Txalo]

45
00:02:19,190 --> 00:02:20,770
Eskerrik asko.

46
00:02:20,770 --> 00:02:24,780
Lehen denbora diseinua buruz ikasi dut klase bat hemen izeneko CS179 zen.

47
00:02:24,780 --> 00:02:28,040
>> Garai hartan, irakasleak esan zigun buruzko istorioa beste irakasle

48
00:02:28,040 --> 00:02:31,640
zuten hotel batean joan eta txorrotak erabiltzen den.

49
00:02:31,640 --> 00:02:35,630
Can Edozeinek tell me zer 2 Ezkerraldean gasaren eta eskuinera do?

50
00:02:35,630 --> 00:02:39,080
[Ikasleak] beroa eta hotza. >> Beroa eta hotza. Good.

51
00:02:39,080 --> 00:02:41,430
Zer espero duzu, normalean, ezta?

52
00:02:41,430 --> 00:02:46,960
Txorrota erabiliz ondoren irakasle honek dutxa bat hartu nahi du, eta hau erabili ahal izateko hasten du.

53
00:02:46,960 --> 00:02:51,310
Ezkerraldean pentsatzen zuen, eta eskuineko aldeetan beroa eta hotza dira, eskuinera?

54
00:02:51,310 --> 00:02:55,470
Baina edozein tell me zer horiek benetan egiten?

55
00:02:55,470 --> 00:02:58,060
Eskuak Any?

56
00:02:58,060 --> 00:03:01,740
[Inaudible ikaslearen erantzuna] >> One suggestion da?

57
00:03:01,740 --> 00:03:05,860
[Inaudible ikaslearen erantzuna] Tenperatura >>?

58
00:03:05,860 --> 00:03:10,460
Beraz, horietako bat tenperatura eta beste kontrolak kontrolatzen? >> [Ikasleak] Ura presioa.

59
00:03:10,460 --> 00:03:12,350
Uraren presioa. Good.

60
00:03:12,350 --> 00:03:15,100
Irakasle hau sartu ibiltzen da, eta, beroa eta hotza dira kontrolatzeko pentsatzen,

61
00:03:15,100 --> 00:03:21,470
ko eskubidea, beroa, modu guztiak pentsatzen du bihurtzen

62
00:03:21,470 --> 00:03:23,560
nahi du, dutxa bero bat hartu duelako.

63
00:03:23,560 --> 00:03:28,100
Beno, horiek ez benetan dator, eta, beraz, ez da oso dibertigarria esperientzia hori lortzen zuen

64
00:03:28,100 --> 00:03:31,110
dutxa hotza, eta denok dakigu zer sentitzen duten bezala.

65
00:03:31,110 --> 00:03:33,620
Honek, diseinu-akats baten adibide bat da.

66
00:03:33,620 --> 00:03:37,040
Zer bere esperantza txorrota, esan nahi dut

67
00:03:37,040 --> 00:03:39,420
ez datoz bat zer izan zen dutxa,

68
00:03:39,420 --> 00:03:41,780
zion zorigaiztoko mota da.

69
00:03:41,780 --> 00:03:44,990
Beraz, diseinu flaw bizitza errealean gertatzen den adibide bat da.

70
00:03:44,990 --> 00:03:48,020
Baina beste batzuk era guztietako ikusiko dugu baita.

71
00:03:48,020 --> 00:03:50,390
Ziurrenera, ez dugu MBTA sistema zaleek.

72
00:03:50,390 --> 00:03:55,560
Metro sistema benetan London, dio, "Botoi hau ez da erabiltzen."

73
00:03:55,560 --> 00:04:00,220
Zergatik ez dago ere? Zergatik zaindu dugu, nahiz eta?

74
00:04:00,220 --> 00:04:02,810
Txikitan, teknologiako adituentzat bat da etxean nintzen,

75
00:04:02,810 --> 00:04:05,050
betiere, ordenagailua kraska litzateke, nire ama me etorriko litzateke,

76
00:04:05,050 --> 00:04:07,060
me pantaila hau erakusten eta me galdetuz zer gertatu zen.

77
00:04:07,060 --> 00:04:09,210
>> Hala eta guztiz ere, ez dakit zer, horrek esan nahi du.

78
00:04:11,890 --> 00:04:14,700
[Barreak] Zer da?

79
00:04:16,950 --> 00:04:18,019
[Barreak]

80
00:04:18,720 --> 00:04:23,050
Batzuetan sentitzen dugu software garatzaileei bezala besterik ez dira trolling gurekin.

81
00:04:23,050 --> 00:04:28,460
Erabiltzaile gisa, atsegin dugu "Zer gertatzen da? Norbaitek esango digu."

82
00:04:28,460 --> 00:04:32,140
Horrek guztiak dator diseinu arazo bat behera.

83
00:04:32,140 --> 00:04:34,650
Diseinua, ikusiko dugun bezala, ez da guztiz estetika buruz,

84
00:04:34,650 --> 00:04:37,230
ez da gauzak nola begiratzen.

85
00:04:37,230 --> 00:04:41,720
Hemen ikusten dugu hori, pop-up Hemen pasatxo benetan itxura pretty nice.

86
00:04:41,720 --> 00:04:45,290
Itzal bat du atzealdean, gaindiko radiuses egingo du.

87
00:04:45,290 --> 00:04:47,550
Pretty mota da.

88
00:04:47,550 --> 00:04:51,480
Ez da oso ondo diseinatuta, oso lagungarri ez delako.

89
00:04:51,480 --> 00:04:54,920
Txiki datorren pop-up sortu ez du benetan ematen dit edozein informazio

90
00:04:54,920 --> 00:04:58,450
zer ari den gertatzen, ez tell me ezer erabiltzailea

91
00:04:58,450 --> 00:05:01,400
error hori nola berreskuratu.

92
00:05:01,400 --> 00:05:05,190
Gauza diseinua ez dela pentsatu nahi dugu.

93
00:05:05,190 --> 00:05:06,670
Lehenik eta behin, ez da estetika.

94
00:05:06,670 --> 00:05:10,800
Ere ez da zure aplikazioa Relleno funtzionalitatea alferrikako tona.

95
00:05:10,800 --> 00:05:14,890
Oraindik Thai jatetxe bat bada, ez ziurrenik zuk ez, aldi berean, dentista bat izan nahi.

96
00:05:14,890 --> 00:05:17,720
Eta Facebook galderak, ez jende askok erabili zuen

97
00:05:17,720 --> 00:05:21,130
eta ez zen benetan zer eraikitzen ziren ardatza.

98
00:05:21,130 --> 00:05:24,200
Eta beraz, nice da, pentsatzeko, eta ez hainbeste gauza kantitatea

99
00:05:24,200 --> 00:05:26,390
ari zaren, zure aplikazioa, baina kalitatea jarriz

100
00:05:26,390 --> 00:05:28,910
eta nola erabiltzaile-esperientzia hobea egiten ari zaren

101
00:05:28,910 --> 00:05:32,540
benetan zer dagoeneko baduzu gainean hobetzeko.

102
00:05:32,540 --> 00:05:37,040
>> Hitz batean, diseinua kontatzen digu zer eraiki behar dugu.

103
00:05:37,040 --> 00:05:41,950
Esate baterako, zerbait utzi gauzak bilatzeko gaitu bada eraikitzen ari gara,

104
00:05:41,950 --> 00:05:45,970
Google bezala, esate baterako, behar gauzak egiteko modu batean

105
00:05:45,970 --> 00:05:48,950
behar duten erabiltzaileak clicks asko hartu nahi dutena,

106
00:05:48,950 --> 00:05:52,580
ala ez dugu modu bat, adibidez,, Google Instant edo osaketa automatikotik batera

107
00:05:52,580 --> 00:05:54,970
gure emaitzak lortzeko aukera ematen dizu gurekin azkarrago?

108
00:05:54,970 --> 00:05:58,740
Ingeniaritza dakar, Tommy erakutsi bezala, benetan eraikitzen.

109
00:05:58,740 --> 00:06:01,890
Diseinu mota asko daude.

110
00:06:01,890 --> 00:06:06,070
Esate baterako, ari zaren zerbait eraikitzen bada zerbait zabaldu

111
00:06:06,070 --> 00:06:09,770
Hirugarren Munduko herrialde non dago, ez da hainbeste elektrizitate edo hainbeste teknologia,

112
00:06:09,770 --> 00:06:11,440
zer ari zaren eraikitzeko diseinatu behar duzun

113
00:06:11,440 --> 00:06:14,210
modu erraz jendea bertan aukera ematen du.

114
00:06:14,210 --> 00:06:18,290
Baina zer gertatzen da diseinu bestelako erabakiak mota agian han egon

115
00:06:18,290 --> 00:06:21,850
edo antzeko zerbait parte hartzen duten izan daiteke?

116
00:06:23,690 --> 00:06:25,660
Bai. Esku bat ikusten dut.

117
00:06:25,660 --> 00:06:37,200
[Inaudible ikasleak-erantzun] Eskuin >>. Hain zuzen ere. Irisgarritasuna gauza bat da.

118
00:06:37,200 --> 00:06:40,870
Jende asko ez pentsatu, "Zein da nire erabiltzaile buruz?"

119
00:06:40,870 --> 00:06:43,160
espektro bai muturren bezala.

120
00:06:43,160 --> 00:06:47,770
Duten erabiltzaileek ezintasunen bat izan dezake, naiz ez dut pentsatzen dut

121
00:06:47,770 --> 00:06:50,590
eta besterik ez dut, erabiltzaile orokorra diseinatu pentsatzen.

122
00:06:50,590 --> 00:06:52,630
Internet da guztiek eskura gaur egun,

123
00:06:52,630 --> 00:06:54,870
eta behar duten pertsonei behar baita diseinatzen.

124
00:06:54,870 --> 00:06:58,620
Zer diseinu bestelako erabakiak mota egin dezakezu?

125
00:06:58,620 --> 00:07:00,690
Bai. >> [Ikasleak] kostua.

126
00:07:00,690 --> 00:07:02,680
Kostua. Oso ona.

127
00:07:02,680 --> 00:07:08,060
Gure diseinu erabakiak oinarritzeko genuke beste gauza bat kostua.

128
00:07:08,060 --> 00:07:13,130
Oraindik dugun enpresa bat bada, zerbait ez du hartzen duen kostua askoz ere ekoizteko eraiki nahi duzun

129
00:07:13,130 --> 00:07:17,720
baina, batez ere kostu handia saldu edo irabazi asmorik gabeko zenbait lor daiteke.

130
00:07:17,720 --> 00:07:21,540
>> Hauek diseinu mota desberdin guztiak dira, baina zerbait eraikitzen ari gara Interneten

131
00:07:21,540 --> 00:07:25,120
edo zerbait seguruenik ez du kostua askoz eraikitzeko orain eraikitzen ari gara,

132
00:07:25,120 --> 00:07:28,630
Internet aplikazio bezala ez duzu askoz hiriburua bota da

133
00:07:28,630 --> 00:07:30,900
benetan funtzionatzen duen zerbait egiteko

134
00:07:30,900 --> 00:07:33,490
zer gehiago kezkatuta gaude eta erabiltzailearen esperientzia da.

135
00:07:33,490 --> 00:07:36,390
Erabiltzaile zentratutako diseinua deitzen diogu.

136
00:07:36,390 --> 00:07:41,550
Funtsean erabiltzaile zentratutako diseinua dakar zuek! Zure erabiltzaile oinetakoak.

137
00:07:41,550 --> 00:07:44,870
Norbait seinaleak zer naiz eraikitzen bada,

138
00:07:44,870 --> 00:07:48,250
jakina, haiekin nire aplikazio jakin etorri kontuan helburu batekin,

139
00:07:48,250 --> 00:07:50,280
Zeregin bat osatu nahi dute.

140
00:07:50,280 --> 00:07:53,650
Eta zure lana ez da bakarrik zeregin hori bete dezaten

141
00:07:53,650 --> 00:07:57,930
baina zeregin hori osatzeko modu eraginkorra da, intuitiboa laguntzeko,

142
00:07:57,930 --> 00:08:01,900
eta, pertsona batzuk han esan, eskuragarri.

143
00:08:01,900 --> 00:08:03,750
Zer eraginkortasuna esan nahi du?

144
00:08:03,750 --> 00:08:08,050
Eraginkortasuna zein azkar esan nahi du nire erabiltzailea ez nire interfaze zeregin bete.

145
00:08:08,050 --> 00:08:11,650
Does klik asko leku batetik bestera joateko?

146
00:08:11,650 --> 00:08:14,630
Lapurtera al da? Zereginak errepikakor asko egin behar dute?

147
00:08:14,630 --> 00:08:17,140
Prozesu hori egin nahi dugu, ahalik eta eraginkor gisa

148
00:08:17,140 --> 00:08:20,070
beraz, ez dute gauza mota horiek egiteko.

149
00:08:20,070 --> 00:08:24,230
Intuitiveness dagokionez, hau da, esate baterako, erabiltzaile batek begiratuko nire interfaze

150
00:08:24,230 --> 00:08:27,240
da erraza leku batetik leku horiek lortzeko?

151
00:08:27,240 --> 00:08:30,390
Horiek irudikatu zer egin klik nire interfazean dute erraza da

152
00:08:30,390 --> 00:08:33,770
horiek lortu nahi dituzten helburu edo zereginen lortzeko?

153
00:08:33,770 --> 00:08:37,520
>> Eta, azkenik, pertsona bat han esan bezala, irisgarritasuna oso garrantzitsua da.

154
00:08:37,520 --> 00:08:39,640
[Isilean] dator ikuspegi bezalako gauzak irisgarritasuna,

155
00:08:39,640 --> 00:08:42,740
nola diseinatu benetan zerbait norbait da itsu?

156
00:08:42,740 --> 00:08:46,460
Oh. Duten pertsonak ezin guztiak ikusi, pantaila irakurgailuak izeneko zerbait egin behar dugu.

157
00:08:46,460 --> 00:08:49,070
Zer egin behar duzu zure web modu bat eraiki behar duzu

158
00:08:49,070 --> 00:08:52,020
, adibidez, zer dugu deitu, bereziki teknologia -

159
00:08:52,020 --> 00:08:53,590
Gauza asko daude gaur egun.

160
00:08:53,590 --> 00:08:55,660
Ez dira pantaila izeneko JAWS irakurleak uste dut.

161
00:08:55,660 --> 00:08:58,410
Gauza horiek asko fidatu zer deitzen dugun area arauak

162
00:08:58,410 --> 00:09:02,010
irakur erabiltzaileari zer den orrian.

163
00:09:02,010 --> 00:09:05,480
Dutenek ezin da ikusi nahi izanez gero, ziurtatu behar duzu, pantaila irakurgailuak horiek

164
00:09:05,480 --> 00:09:09,130
benetan hautatzeko edukia orrian, eta benetan zure erabiltzaile erakusteko,

165
00:09:09,130 --> 00:09:13,630
ezin baduzu ikusi, gutxienez, oraindik dezakezu edukia ulertzen orrian.

166
00:09:13,630 --> 00:09:16,190
Bai. Ongi da.

167
00:09:16,190 --> 00:09:23,410
Nahikoa da diseinu ona buruz hitz egiten. Dezagun diseinu txarra buruz hitz egin.

168
00:09:23,410 --> 00:09:25,220
Hauek dira hori ez da egin behar duzu gauzak.

169
00:09:25,220 --> 00:09:27,890
Can Edozeinek tell me beren Craigslist esperientziei buruz

170
00:09:27,890 --> 00:09:32,190
eta zer uste dute ez da beraz, diseinua honi buruz?

171
00:09:33,690 --> 00:09:36,430
Bai. >> [Ikasleen] ez da gehiegi hitz bat area uste dut.

172
00:09:36,430 --> 00:09:39,350
Hitz gehiegi, ezta? Guztiz jasanezinak.

173
00:09:39,350 --> 00:09:42,400
Orrialde hau, eta zu gauza sorta oso bat, hemen sortu agurtu

174
00:09:42,400 --> 00:09:43,860
agian ez baita axola.

175
00:09:43,860 --> 00:09:47,010
Esate baterako, bizi egoera hori ez da gutun honekin hasi.

176
00:09:47,010 --> 00:09:48,690
Demagun bizi Texas edo zerbait.

177
00:09:48,690 --> 00:09:53,790
>> Orri behera modu guztiak dira kokapena joan behar duzu.

178
00:09:53,790 --> 00:10:00,320
Boston from nago, eta, beraz, utzi begiratu Massachusetts me. Non dago Massachusetts?

179
00:10:00,320 --> 00:10:03,270
Oh, hemen da. Oh, Boston da. Ongi da.

180
00:10:03,270 --> 00:10:09,070
Dezagun Boston begiratu. [Barreak]

181
00:10:09,070 --> 00:10:12,250
Pretty jasanezinak, ezta?

182
00:10:12,250 --> 00:10:16,400
Han gauza baldar. [Barreak]

183
00:10:17,320 --> 00:10:19,470
Demagun bila nabil nonbait bizitzeko.

184
00:10:19,470 --> 00:10:24,130
Zenbat pertsona izan dira benetan erabiltzen Craigslist? Zu tona.

185
00:10:24,130 --> 00:10:30,960
Modu honetan, baina dezagun begiratu nahiko txarra daude.

186
00:10:35,130 --> 00:10:38,970
Zer da img eta pic arteko aldea? Can Edozeinek tell me?

187
00:10:41,350 --> 00:10:42,830
Ez dago benetan diferentzia ez da.

188
00:10:42,830 --> 00:10:47,710
Zehazki gauza bera esan nahi dute, baina hainbat arrazoiren batengatik horien etiketa dute.

189
00:10:48,980 --> 00:10:53,560
Ditu klik egiten baduzu irudia orrian, ez da ezer gertatzen.

190
00:10:53,560 --> 00:10:57,490
I actually sakatu Bilatu zerbait gertatuko berriro.

191
00:10:57,490 --> 00:11:02,430
Zer hobe baten diseinua egin ahal izango da erabakia bertan izan daiteke?

192
00:11:03,820 --> 00:11:08,030
Dut iragazkiak klik eginez bada, ziurrenik nahi dut ekintza jakin iragazi

193
00:11:08,030 --> 00:11:09,970
edo kategoria jakin hori.

194
00:11:09,970 --> 00:11:14,450
Beraz, Search sakatu berriro izan ordez, besterik gabe, automatikoki izan nuen egin iragazteko

195
00:11:14,450 --> 00:11:17,060
sort Google estilo non egiten dute berehala.

196
00:11:17,060 --> 00:11:20,440
[Malan] Baina ez eratzen dugu ikusi dugun bezala, beraz, orain arte horiek fisikoki aurkeztu beharreko

197
00:11:20,440 --> 00:11:23,170
sakatuz Sartu gutxienez edo botoi bat sakatuz?

198
00:11:23,170 --> 00:11:26,830
Ikusi duzun bezala, beraz, orain arte, benetan Bidali gauza horiek egin klik.

199
00:11:26,830 --> 00:11:30,090
>> Baina Tommy bigarren bat erakutsiko dizu, egia esan, ez duzu modu

200
00:11:30,090 --> 00:11:33,010
hala nola, egin klik gauza automatikoki bidal daiteke

201
00:11:33,010 --> 00:11:38,840
AJAX eskaera bat deitu dugu, eta datuak eskuratu eta emaitzak berehala iragazi.

202
00:11:38,840 --> 00:11:41,340
Interfaze honekin oker diren gauzak tona daude.

203
00:11:41,340 --> 00:11:43,530
[Malan] bilatu Cambridge duzu?

204
00:11:43,530 --> 00:11:47,030
Hemen zerbait pixka bat ezohiko non Cambridge buruz zaintzen

205
00:11:47,030 --> 00:11:54,790
eta oraindik WESTFORD, Spring Hill, West Newton eta atsegin ari zaren lortzean.

206
00:11:54,790 --> 00:11:57,930
Seguruenik, ez da aproposa. >> Seguruenik, ez da aproposa.

207
00:11:57,930 --> 00:12:03,900
Nola erabiltzailearen esperientzia hobea egiteko orrian zehatz honetan gai izango naiz?

208
00:12:03,900 --> 00:12:07,340
Bai. >> [Ikasleak] jarraibideak.

209
00:12:07,340 --> 00:12:09,500
Ongi da. Zer nolako zentzua jarraibideak?

210
00:12:09,500 --> 00:12:14,630
[Ikasleak] Esate baterako, lehenengo aldiz duten erabiltzaileek ez dakite zer Craigslist gauza bat

211
00:12:14,630 --> 00:12:17,320
edo ez dakit zer egin behar zu.

212
00:12:17,320 --> 00:12:20,150
Eskuin. Beraz, zer Craigslist orrialde hau da azaltzeko oso garrantzitsua da.

213
00:12:20,150 --> 00:12:23,490
Erabiltzaile kontatu ahal izango dugu benetan zer orrialde hau da, benetan.

214
00:12:23,490 --> 00:12:27,090
Dut besterik ez bada bisitatzen, kokaleku sorta oso bat ikusten dut. Ez dakite zer egiten duten esan nahi.

215
00:12:27,090 --> 00:12:29,730
Baina are garrantzitsuagoa dena, interfaze honetara begira,

216
00:12:29,730 --> 00:12:35,530
gogoratu behera korritzeko gauza tona bereziki komunitate bat aurkitu nahi izan nuen

217
00:12:35,530 --> 00:12:37,560
actually dut honi buruz zaintzen ditu.

218
00:12:37,560 --> 00:12:39,820
Zer da hori egin izan dut modu azkar? Bai.

219
00:12:39,820 --> 00:12:43,290
[Ikasleak] zatituta ekialdean, mendebaldean eskualde sartu. >> Ados.

220
00:12:43,290 --> 00:12:47,460
Kategoria zehazteko azkarrago me laguntzeko zatitzea izan dut sartu

221
00:12:47,460 --> 00:12:49,820
kokapen jakin hori nola lortu.

222
00:12:49,820 --> 00:12:54,510
[Ikasleak] Jarri goitibeherako zerrendan. >> Right. Ongi da.

223
00:12:54,510 --> 00:12:58,240
Goitibeherako menu bat erabili dugu gauza finko bat izan dut delako

224
00:12:58,240 --> 00:13:00,100
eta erakutsi izan dugu goitibeherako menu batean.

225
00:13:00,100 --> 00:13:02,240
Horrela, ez du hartzen hainbeste espazio pantailan.

226
00:13:02,240 --> 00:13:05,630
Hala ere, hori baino hobeto, zer egin dezakegu?

227
00:13:05,630 --> 00:13:09,220
Bai. >> [Inaudible ikaslearen erantzuna] >> berriro esan duzu hori? >> [Ikasleak] Search box.

228
00:13:09,220 --> 00:13:11,260
Bai, bilaketa-koadro bat. Hori handia da.

229
00:13:11,260 --> 00:13:16,430
Zer da benetan egin ahal izango dugu, atzera begiratzen dugu diapositibak, bilaketa-kutxa.

230
00:13:16,430 --> 00:13:21,520
Autocomplete. Oso erraz egiten diren badakiela emaitzak bidez bilaketa-multzo batean.

231
00:13:21,520 --> 00:13:25,980
I BO idazten bada, show me haiei barruan BO duten emaitza guztiak.

232
00:13:25,980 --> 00:13:29,030
Horrela, oso erraz aurkitu ahal izango dut joan nahi dut, bereziki

233
00:13:29,030 --> 00:13:32,390
ordez hau benetan big zerrenda bidez joan beharrik.

234
00:13:32,390 --> 00:13:37,450
>> Hauek dira benetan baxua zintzilik fruta mota guztietako norbait Craigslist ezartzeko

235
00:13:37,450 --> 00:13:42,500
benetan egiten asko bere erabiltzaile jakin hobeto web esperientzia egiteko.

236
00:13:42,500 --> 00:13:46,370
Ongi da. Nahikoa da webgune txarra buruz hitz egiten.

237
00:13:46,370 --> 00:13:49,410
Dezagun Facebook buruz hitz egiteko.

238
00:13:50,880 --> 00:13:54,390
Noiz Facebook atera zen, eta, bereziki, Facebook, argazkiak,

239
00:13:54,390 --> 00:13:57,870
beste zerbitzu batzuen zehazki egin duten gauza asko gertatu ziren.

240
00:13:57,870 --> 00:14:00,740
Zure argazkiak antolatu dute bilduma.

241
00:14:00,740 --> 00:14:03,360
Zer egin ahal izango duzu, antolatu ahal izango duzu, multzo baita.

242
00:14:03,360 --> 00:14:06,070
Dataren arabera antolatu dezakezu. Bereziki gauza horiek guztiak egin ahal izango duzu.

243
00:14:06,070 --> 00:14:11,710
Baina ez edonork jakin zer egin behar Facebook argazkiak kaleratu zen lehertu egin?

244
00:14:11,710 --> 00:14:15,080
Bai. >> [Ikasleak] Tags. >> Tags. Hain zuzen ere.

245
00:14:15,080 --> 00:14:21,300
Milo, hemen ditugu gure txakur CS50 bandana duten maskota da.

246
00:14:21,300 --> 00:14:24,810
Dugula erdian ezaugarri etiketatzeko honetan ikus dezakezu.

247
00:14:24,810 --> 00:14:28,240
Eta zer egin Facebook argazkiak hain interesgarria erabilgarritasuna ikuspegitik

248
00:14:28,240 --> 00:14:34,130
da, benetan dela onartzen da honen bidez pertsona beren lagunak inplikatzeko eta euren argazkiak.

249
00:14:34,130 --> 00:14:37,680
Facebook, bere web-orria da, bereziki gizarte geroztik,

250
00:14:37,680 --> 00:14:40,750
gizarte-giro moduko hau eraikitzen da.

251
00:14:40,750 --> 00:14:42,620
Argazki esperientzia hobetu askoz gehiago

252
00:14:42,620 --> 00:14:46,390
izan ere, benetan delako hasteko esanez, "horiek pertsonen arteko konexioak dira,

253
00:14:46,390 --> 00:14:49,220
eta horiek zaintzeko benetan zuri buruzko argazkiak dira. "

254
00:14:49,220 --> 00:14:52,200
Taldea ere sort narcissism.

255
00:14:52,200 --> 00:14:54,980
Pertsonak gustuko argazkiak eta gauzak horrela dira egunean.

256
00:14:54,980 --> 00:14:58,510
Ez den bitartean,, giza ezaugarri ona izan behar da,

257
00:14:58,510 --> 00:15:01,910
aldi berean, diseinu ona erabakiak oinarritutako

258
00:15:01,910 --> 00:15:04,860
pertsona delako benetan Horrelako gauzak zaintzeko.

259
00:15:04,860 --> 00:15:07,190
Beraz, Facebook argazkiak.

260
00:15:07,190 --> 00:15:09,800
>> Baina dezagun hitz Facebook, oro har.

261
00:15:09,800 --> 00:15:13,400
Ziur naiz jende asko hemen Facebook buruzko iritziak,

262
00:15:13,400 --> 00:15:16,430
bai diseinu erabakiak onak eta txarrak diseinu erabakiak.

263
00:15:16,430 --> 00:15:20,270
Hargatik Vent edo zoriontsu izan.

264
00:15:23,480 --> 00:15:26,450
Goazen. Guztiak erabiltzen Facebook ezagutzen dut.

265
00:15:26,450 --> 00:15:30,970
Norbaitek zerbait txarra esan edo zerbait buruz esan izan du. Bai.

266
00:15:30,970 --> 00:15:35,060
[Ikasleak] news feed, ez dut benetan axola buruz gauza asko.

267
00:15:35,060 --> 00:15:37,740
News feed ez du agian zaintzeko buruzko gauzak asko erakutsi.

268
00:15:37,740 --> 00:15:41,660
Facebook-en lagun ez duzu 2 edo 3 urte bete behar duzu

269
00:15:41,660 --> 00:15:43,860
eta beren Berri emaitzak leihoa ikusten duzu zure news feed

270
00:15:43,860 --> 00:15:45,870
eta ez duzu benetan axola.

271
00:15:45,870 --> 00:15:48,700
Facebook benetan hobeto egiteko ahalegina egin du,

272
00:15:48,700 --> 00:15:53,150
eta benetan haiekin emaitza push saiatu news feed goiko berandu

273
00:15:53,150 --> 00:15:58,300
beraz, gauzak benetan ikusi duzu zuk edo zure lagunen itxi garrantzitsuak diren lagunak.

274
00:15:58,300 --> 00:16:01,110
Beste ezer? Bai.

275
00:16:01,110 --> 00:16:06,400
[Inaudible ikaslearen erantzuna] >> berriro esan duzu hori?

276
00:16:06,400 --> 00:16:10,140
[Ikasleak] iragarkiak nahiko unobtrusive dira. Zer zentzu >>?

277
00:16:10,140 --> 00:16:16,370
[Inaudible ikaslearen erantzuna] ez dute pantailan argia, bannerrak bezala.

278
00:16:16,370 --> 00:16:17,760
Ongi da. Hori ona da.

279
00:16:17,760 --> 00:16:25,030
'90s, Gogoratzen duzu Internet badu - >> [Malan] han izan nintzen. >> Han izan zen. [Barreak]

280
00:16:25,030 --> 00:16:29,210
Keinukaria GIFs jatorri, sparkly gauza gogoratu ditzakezu,

281
00:16:29,210 --> 00:16:31,570
GeoCities style sort gauzak.

282
00:16:31,570 --> 00:16:34,080
Hori ez da benetan ona diseinu adibide bat

283
00:16:34,080 --> 00:16:36,690
benetan delako edukia distracting.

284
00:16:36,690 --> 00:16:39,590
Atzeko plano gisa GIFs animaziozko bat izatea erabiltzen Yale arte web

285
00:16:39,590 --> 00:16:41,800
eta ezin duzu ezer irakurri orrian

286
00:16:41,800 --> 00:16:44,870
baina uste dut norbait benetan hitz egin zuen, eta gaur egun pixka bat desberdina da.

287
00:16:44,870 --> 00:16:48,940
[Malan] askoz hobea da orain. >> Askoz hobea da gaur egun, ikusi dezakezu bezala. >> [Malan] Oh yeah.

288
00:16:48,940 --> 00:16:56,020
Just great, just - Bai. Ongi da.

289
00:16:56,020 --> 00:17:00,560
>> Taldea zure web orrialdean ere, seguru asko, oso minimalista eta oso ulergarria egiten da

290
00:17:00,560 --> 00:17:05,690
Oso logikoa da, modu bat-fluxua orrian gauzak, beraz, eta ez beste bakoitza modu lortu.

291
00:17:05,690 --> 00:17:11,849
Zer beste gauza mota dira Facebook buruz ona edo Facebook buruz txarra?

292
00:17:11,849 --> 00:17:15,730
Dezagun diseinu-elkarrizketa bat besterik ez hemen.

293
00:17:19,470 --> 00:17:21,339
Oh. Non? Bai.

294
00:17:21,339 --> 00:17:25,640
[Ikasleen] Timeline sistema berriak aukera ematen die bere iragana pertsonaren profila bilaketa.

295
00:17:25,640 --> 00:17:28,119
Ooh, Timeline.

296
00:17:28,119 --> 00:17:30,280
Timeline gauza handia da aukera dago stalk zure lagunak dituelako

297
00:17:30,280 --> 00:17:33,300
itzuli ziren eskola altua dute.

298
00:17:35,160 --> 00:17:38,060
Timeline ona da, eduki asko azkarrago bidez iragazi duzulako aukera dago,

299
00:17:38,060 --> 00:17:41,500
gauzak bestela izango litzateke hartu duzu benetan luze bat aurkitzeko aukera dago

300
00:17:41,500 --> 00:17:45,840
besterik ez sortu korritu eta behera, gora, gora, gora, gora, gora, denboran atzera joan.

301
00:17:45,840 --> 00:17:48,910
Baina orduan ere ez da txar baten ordena erabiltzailearen esperientzia dagokionez.

302
00:17:48,910 --> 00:17:51,190
Zer egin liteke hori?

303
00:17:51,190 --> 00:17:56,780
Big hitza, P-R batekin hasten da. >> [Ikasleak] Privacy. >> Privacy, ezta?

304
00:17:56,780 --> 00:17:59,970
Pribatutasuna erabiltzailearen esperientzia arazoa handi bat da.

305
00:17:59,970 --> 00:18:07,190
Facebook gehien gorroto dut gauza bat da. [Barreak]

306
00:18:07,190 --> 00:18:09,000
[Malan] bezala egin behar dut orain.

307
00:18:09,000 --> 00:18:11,380
David ez da konturatzen hau benetan atzo arte gertatu.

308
00:18:11,380 --> 00:18:14,560
Beraz, orain denbora guztietan zion chat dut ezagutzen dut, baina me jaramonik ez daki.

309
00:18:14,560 --> 00:18:16,880
[Malan] parte awkward zen benetan nintzen hura ez ikusi egin zaio,

310
00:18:16,880 --> 00:18:21,040
eta ez nekien zion jaramonik ez zen I bazekielako. [Barreak]

311
00:18:21,040 --> 00:18:24,030
Pribatutasuna arazoren bat erraldoia da.

312
00:18:24,030 --> 00:18:28,670
Can Edozeinek tell me zer Facebook pribatutasun buruz txarra izan daiteke

313
00:18:28,670 --> 00:18:32,270
Izan ere, gauza hau atsegin dute ez dutela gain?

314
00:18:32,270 --> 00:18:37,240
Zer da Facebook pribatutasun aldean bereziki gogorra al da?

315
00:18:37,240 --> 00:18:40,340
Sort hori galdera bat da liderra.

316
00:18:41,680 --> 00:18:43,930
Bai. >> [Ikasleak] Ezkutatu zure argazkiak zenbait pertsona.

317
00:18:43,930 --> 00:18:46,170
Eskuin. Zehazki, pertsona batzuk zure argazkiak ezkutatzeko.

318
00:18:46,170 --> 00:18:51,290
Txiki hau, apur botoia dute eskubidea goiko uzten argazki bat pribatutasuna txandakatzeko.

319
00:18:51,290 --> 00:18:56,360
Haien pribatutasun aukerak menuak mota desberdinen artean oso desberdina da.

320
00:18:56,360 --> 00:18:59,510
>> Ahaztuak dut asko hobeto buruz duela gutxi, baina kasua izan

321
00:18:59,510 --> 00:19:04,870
bakoitzean nahi duzun zure lagunak argazkiak ikusteko saihesteko,

322
00:19:04,870 --> 00:19:08,280
bezala 5 urratseko prozesua oso zaila bidez joan nahi duzun,

323
00:19:08,280 --> 00:19:11,150
utzi egin klik esteka honetan me, berriro sakatu me utzi, berriro sakatu me utzi,

324
00:19:11,150 --> 00:19:13,420
utzi duen pertsona ezin ikusi nire argazkiak zehaztu.

325
00:19:13,420 --> 00:19:17,250
Hori ez da bereziki Facebook-en parte on

326
00:19:17,250 --> 00:19:20,530
erabiltzailearen esperientzia askoz benetan delako askatasuna emanez

327
00:19:20,530 --> 00:19:22,460
jendeak ikusi ahal kontrolatzeko.

328
00:19:22,460 --> 00:19:25,550
Hau erabiltzaile-kontrol eta askatasuna deitzen diogu.

329
00:19:25,550 --> 00:19:31,090
Ez bazara dezazun zure erabiltzaile do modu eraginkorra da eta intuitiboa da,

330
00:19:31,090 --> 00:19:34,570
gero, zure erabiltzaile-esperientzia ez da benetan handia duten guztiak.

331
00:19:34,570 --> 00:19:38,200
 Nahi al duzu guys Facebook buruzko ezer esan behar?

332
00:19:38,700 --> 00:19:41,420
Nola biratu I off hau?

333
00:19:41,420 --> 00:19:46,290
[Ong] desaktibatu honetan ezin duzu, eta hori Facebook zati handi erabilgarritasuna flaw da.

334
00:19:46,290 --> 00:19:49,410
Ezaugarri honek horretan begiratu dut benetan atzo

335
00:19:49,410 --> 00:19:53,940
bai da ezin duzula egin edo lurperatuta nonbait oso, oso sakona

336
00:19:53,940 --> 00:19:58,050
Facebook recesses ez delako irudikatu funtzionalitate hau desgaitzeko.

337
00:19:58,050 --> 00:20:00,400
[Malan] Baina batzuetan erabaki horiek ez dira begi-bistakoa

338
00:20:00,400 --> 00:20:03,890
you guys eman delako feedback erabilgarria asko CS50 hainbat aplikazio

339
00:20:03,890 --> 00:20:05,710
eta webgune ikastaro erabiltzen duen.

340
00:20:05,710 --> 00:20:10,260
Ez dugu inplementatu eskaerak eta iradokizunak horiek guztiak.

341
00:20:10,260 --> 00:20:14,550
>> Horren zati bat, hainbeste eskaerak lortzeko denboraren funtzio bat dela,

342
00:20:14,550 --> 00:20:17,070
baina batzuetan besterik ez dugu erabaki kontziente bat, hala nola

343
00:20:17,070 --> 00:20:19,830
"Eskerrik asko iradokizun, baina ados ez".

344
00:20:19,830 --> 00:20:24,350
Beraz, nola egin erabakitzeko benetan zer egin behar duzu zure erabiltzaile uste zerbait egin behar baduzu

345
00:20:24,350 --> 00:20:28,110
nahiz eta ez duzu nahitaez?

346
00:20:28,110 --> 00:20:32,360
Benetan zure erabiltzaileek esaten dutena entzuten arteko oreka fin bat da

347
00:20:32,360 --> 00:20:35,840
eta, benetan, lerro moduko bat izatea non esaten da,

348
00:20:35,840 --> 00:20:37,750
"Ez dugu erabiltzaile horiek esaten dutena egin behar du."

349
00:20:37,750 --> 00:20:42,520
Eta, batez ere, ez zen Henry Ford aurrekontu honen batzen nahiko ongi uste dut.

350
00:20:42,520 --> 00:20:47,130
"Nuen jendeak eskatu bada, zer nahi, esan zuten azkarrago zaldiak nahi dute."

351
00:20:47,130 --> 00:20:51,840
Ezin inor ordenatzeko tease gain aurrekontua benetan esan nahi du?

352
00:20:51,840 --> 00:20:56,060
Ez da besterik gabe erabiltzaile jakin zer nahi duten,

353
00:20:56,060 --> 00:20:59,180
baina gehiago da

354
00:20:59,180 --> 00:21:02,720
[Ikasleen] ez dakite zer da posible.

355
00:21:02,720 --> 00:21:06,140
Zati batean, ez dakite zer den posible.

356
00:21:07,880 --> 00:21:11,440
Tease gain, pixka bat gehiago. Zer esan nahi duzu?

357
00:21:11,440 --> 00:21:21,340
[Inaudible ikaslearen erantzuna]

358
00:21:21,340 --> 00:21:25,770
Hori ona da. Zer uste dut hemen esan nahi saiatzen ari gara, jendeak jakin zer nahi duten.

359
00:21:25,770 --> 00:21:28,050
Azkarrago zaldiak nahi dute.

360
00:21:28,050 --> 00:21:29,840
Zer nahi dute azkarrago mugitzeko gaitasuna da,

361
00:21:29,840 --> 00:21:32,310
baina ez dute benetan ertain ezagutzen horren bidez lortu duten.

362
00:21:32,310 --> 00:21:36,330
Noiz zure erabiltzaile duzu, eta zure erabiltzaile kontatzeko zerbait

363
00:21:36,330 --> 00:21:39,700
eta esango dute, "ezaugarri horiek eta ezaugarri horiek eta ezaugarri horiek nahi dugu"

364
00:21:39,700 --> 00:21:42,650
ez duzu nahi derrigorrez pentsatu, "aurrera me

365
00:21:42,650 --> 00:21:44,720
"Ezartzeko, eta zer esan esplizituki dute,"

366
00:21:44,720 --> 00:21:48,610
baina zer pentsatu nahi duzu, "Zer da ideiak sort eskuratu dut?"

367
00:21:48,610 --> 00:21:50,450
Zer nahi dute benetan?

368
00:21:50,450 --> 00:21:55,560
>> Eta hortik aurrera zer egin dezakezu eskaerak horiek betetzen dituen zerbait diseinatzea da

369
00:21:55,560 --> 00:22:00,340
baina ez derrigorrez erabiltzaileari, espero pozik dira.

370
00:22:00,340 --> 00:22:03,830
Beraz, proiektu final antzeko zerbait, termino oso errealak,

371
00:22:03,830 --> 00:22:07,900
heuristiko bat erabilgarria orduan zerbait egiten, hobeto,

372
00:22:07,900 --> 00:22:10,630
batez ere, diseinatzaile harrokeria hau berari buruz

373
00:22:10,630 --> 00:22:14,360
horren bidez jakin sort zer da onena, sarrera iraun dezake zure erabiltzaile

374
00:22:14,360 --> 00:22:16,580
baina nola egiten feedback hori lortzeko benetan?

375
00:22:16,580 --> 00:22:21,610
Azken proiektuak, zehazki, zer emaitza ekoizten optimoa hemen?

376
00:22:21,610 --> 00:22:25,030
Zer emaitzak optimoa sortzen ditu, eta horren gainean joango naiz segundo bat

377
00:22:25,030 --> 00:22:29,190
eta, ondoren, garatzen, probatzen eta ondoren errepikatzean prozesu hau.

378
00:22:29,190 --> 00:22:32,020
Zer esan nahi probak izan ohi da zerbait diseinatzea

379
00:22:32,020 --> 00:22:36,970
dela uste duzu, nahiko ona da, hala nola, "hain handia diseinatzaile naiz. Edonork hau maite du."

380
00:22:36,970 --> 00:22:41,600
Eta, ondoren, jarri duzu eta jendeak ez benetan nahi arrazoi batzuk.

381
00:22:41,600 --> 00:22:46,820
Zer egin behar duzun gauza pertsona bezala zatiak hartu behar duzu

382
00:22:46,820 --> 00:22:49,180
eta revamp gauza jendeak ez dut gogoko.

383
00:22:49,180 --> 00:22:53,080
Soinuak prozesu oso begi-bistakoa den bezala, baina prozesu hau etengabe errepikatzean

384
00:22:53,080 --> 00:22:55,980
Jadanik eraikitako gainean laguntzen duen prozesu bat da

385
00:22:55,980 --> 00:22:59,730
ez bakarrik birfin zure diseinua gaitasunak, baina, aldi berean, diseinu hobetzeko laguntzen

386
00:22:59,730 --> 00:23:03,790
beraz, benetan eskertzen zure produktua are gehiago egin baino lehenago.

387
00:23:03,790 --> 00:23:07,390
>> Dut zer benetan egin dezakezu adibide zehatzak.

388
00:23:07,390 --> 00:23:11,390
Produktu baten azken adibide bat sort bezala, dezagun KAYAK begiratu.

389
00:23:11,390 --> 00:23:14,970
KAYAK atera da oso, oso ezaguna izan zen.

390
00:23:14,970 --> 00:23:18,760
Ezin edonork asmatzen zergatik?

391
00:23:18,760 --> 00:23:20,950
Zer dira gauza mota honi buruz nahi duzu erabiltzen bada

392
00:23:20,950 --> 00:23:23,990
edo zer ez duzun gustatzen gauzak ordenatzen dira?

393
00:23:23,990 --> 00:23:31,590
Bai. >> [Inaudible ikaslearen erantzuna] >> Ados.

394
00:23:31,590 --> 00:23:34,730
Zati bat da, erabiltzaileak kontsulta bat gehiago hedapen dezazun

395
00:23:34,730 --> 00:23:38,150
bat oso murriztaileak bezala baino, "hasiera data jaso behar duzu

396
00:23:38,150 --> 00:23:39,810
"Eta zure amaiera data jaso behar duzu."

397
00:23:39,810 --> 00:23:44,910
Izan ere, horri buruz malgua izango duzu aukera ematen du, eta ematen du barruti horretan hegaldi guztiak.

398
00:23:44,910 --> 00:23:46,730
Beste ezer?

399
00:23:46,730 --> 00:23:50,530
[Ikasleak] prezioan kuotak ere.

400
00:23:50,530 --> 00:23:53,330
Sartzen prezioan tasak egiten dute.

401
00:23:53,330 --> 00:23:56,720
Zergak eta gauzak benetan joan zuzenean prezio horretan goiko ezkerreko

402
00:23:56,720 --> 00:24:00,710
beraz, ez zaude pentsatzen benetan ari zaren bat $ 240 hegaldi ordaindu sartu tricked

403
00:24:00,710 --> 00:24:03,280
benetan da $ 330.

404
00:24:03,280 --> 00:24:06,200
Beste ezer? Bai.

405
00:24:06,200 --> 00:24:10,140
[Inaudible ikaslearen erantzuna]

406
00:24:10,140 --> 00:24:14,610
Ez nago ziur benetan utzi egiten duzu.

407
00:24:14,610 --> 00:24:18,310
Oker dezake.

408
00:24:18,310 --> 00:24:23,360
Hori da gauza bat interesgarria izan daiteke, pisu gehiago jarri nahi duzun jakin iragazkiak

409
00:24:23,360 --> 00:24:27,000
beraz, bultzatzen dute goiko iragazkiak zerikusia duten emaitzak.

410
00:24:27,000 --> 00:24:31,920
Baina edozein tell me zer da hau ezkerraldean berezia?

411
00:24:31,920 --> 00:24:39,540
Nola ez begiratu tradizionalki nahi izanez gero, Interneteko zerbitzu bat hegaldi bat aurretik?

412
00:24:41,600 --> 00:24:44,650
>> Bai. >> [Inaudible ikaslearen erantzuna] >> Ezin esan -

413
00:24:44,650 --> 00:24:47,530
[Ikasleen] airline bakoitzak. >> Bai. Airline bakoitzak bere webgunea du.

414
00:24:47,530 --> 00:24:50,110
Honek gauzak sendotu. Eta?

415
00:24:50,110 --> 00:24:52,190
[Ikasleen] Badakizu zehazki zer denbora utziz zaren.

416
00:24:52,190 --> 00:24:54,460
Dakit zehazki zer denbora utziz ari zaren ez duzu,

417
00:24:54,460 --> 00:24:59,380
baina, bereziki, iragazkiak lotuta daude.

418
00:25:00,710 --> 00:25:03,540
Tira me KAYAK.

419
00:25:11,490 --> 00:25:14,020
Oh Jainkoa, pop-ups. Bad user esperientzia.

420
00:25:14,020 --> 00:25:17,230
Zer gertatzen da graduatzailea hau mugitzeko I?

421
00:25:17,230 --> 00:25:21,010
[Ikasleak] Eguneratze automatik. >> [Ong] Automatic eguneratzeak.

422
00:25:21,010 --> 00:25:23,440
Zerbait hori oso garrantzitsua da.

423
00:25:23,440 --> 00:25:25,380
Horren aurretik, betiere hegaldi bat begiratu nahi duzun,

424
00:25:25,380 --> 00:25:28,410
zure sarrera kokapena, zure irteera kokapena, sakatu Search jarri izan duzu,

425
00:25:28,410 --> 00:25:31,190
prozesatu eta emaitzak erakusteko.

426
00:25:31,190 --> 00:25:34,120
Nahi duzun zure kontsulta aldatu nahi izanez gero, sakatu bi aldiz nahi duzun,

427
00:25:34,120 --> 00:25:39,770
hutsetik kontsulta berri bat sartu da, eta ondoren egin behin eta berriro.

428
00:25:39,770 --> 00:25:43,910
Honen antzeko zerbait buruz gauza polita da, oso [ulertezina] gauza erabiltzen du erdi-erdian.

429
00:25:43,910 --> 00:25:46,230
Honen antzeko zerbait egin nahi duzu bakoitzean, eskaera bat off filmatzen

430
00:25:46,230 --> 00:25:48,420
eta itzultzen du emaitzak berehala.

431
00:25:48,420 --> 00:25:51,680
Berehalako feedback moduko zerbait egin KAYAK itzeleko popular

432
00:25:51,680 --> 00:25:55,910
da oso erraza delako me besterik ez aldatu nire kontsulta

433
00:25:55,910 --> 00:25:58,890
eta irudikatu barruti jakin baten inguruan dauden gauzak

434
00:25:58,890 --> 00:26:01,950
atzera eta aurrera joan, atzera eta aurrera, atzera eta aurrera ibili beharrik izan gabe.

435
00:26:01,950 --> 00:26:05,200
Horiek zure web diseinatzen ari zaren pentsatu nahi duzun gauza mota guztiak dira.

436
00:26:05,200 --> 00:26:08,930
Nola eraginkorra oso egin dut nire erabiltzaile bidez edozein izanda ere lanean ari dira

437
00:26:08,930 --> 00:26:13,010
eta bere balizko helburu lortzeko azkar ahalik eta?

438
00:26:13,010 --> 00:26:16,430
[Malan] Eta Jose puntu lehenago erabiltzaile ez du zertan zer nahi duten jakitea,

439
00:26:16,430 --> 00:26:18,640
oinarritutako duzuna guys HTML buruz jakin

440
00:26:18,640 --> 00:26:22,780
eta kontrol-laukiak, irrati-botoiak, hautatu menuak, sarrera eremuak eta atsegin duzu,

441
00:26:22,780 --> 00:26:26,140
nola Irteeran denbora hegaldi bat aukeratzea ideia ezartzeko duzu?

442
00:26:26,140 --> 00:26:30,030
>> UI hainbat mekanismo horiek zein erabili nahi duzun?

443
00:26:30,030 --> 00:26:34,100
HTML zenbatekoa irakasten izan zen aurretik besterik ez badakizu

444
00:26:34,100 --> 00:26:39,070
eta badakizu inputak dira, irrati-botoiak, kontrol-laukiak, jaitsiera-gorabeherak, eta sarrera-koadroa,

445
00:26:39,070 --> 00:26:43,320
zer egingo zenuke zure natural aukera datak biltzea izan da?

446
00:26:43,320 --> 00:26:48,670
[Ikasleak] Input. >> Input. Edo agian drop-down datak, ezta?

447
00:26:48,670 --> 00:26:53,170
Beraz, UI hau atsegin mekanismo konplexuagoa ezkerraldean ditzakezun ezartzea,

448
00:26:53,170 --> 00:26:55,500
prozesu hau askoz ere intuitiboagoa dezakezu graduatzailea

449
00:26:55,500 --> 00:27:01,020
denbora etengabeko delako, eta jendea, oro har, ez du uste zatiak diskretuen dagokienez.

450
00:27:01,020 --> 00:27:04,950
Guztiak eskubidea. Azken gauza.

451
00:27:04,950 --> 00:27:07,370
Ten erabilgarritasuna heuristics.

452
00:27:07,370 --> 00:27:10,820
Hitz egin dugu gauza guztiak ziurrenik kategoria horietako bat pean erori.

453
00:27:10,820 --> 00:27:14,420
Esteka horretan, argitaratu egingo da online guneak joaten bazara,

454
00:27:14,420 --> 00:27:18,900
benetan ahal izango duzu, diseinatu zure gune gisa, mantendu heuristics hauek kontuan

455
00:27:18,900 --> 00:27:21,330
eta thumb arau horiek.

456
00:27:21,330 --> 00:27:26,610
Zure proiektuak, zer egin duzu iradokitzen dut zure aplikazioa hobea diseinatzeko

457
00:27:26,610 --> 00:27:28,850
da lehen paper prototyping egin.

458
00:27:28,850 --> 00:27:32,150
Zure eskaera buruz ari zaren pentsatzen, oso azkar zirriborroa zer itxura bezala nahi duzun

459
00:27:32,150 --> 00:27:36,230
eta ziurtatu kaxak guztiak modu bat da, erabiltzaileak erabili oso intuitiboa antolatuta

460
00:27:36,230 --> 00:27:39,820
eta, are gehiago erakutsi paper prototipoak horiek zure lagunei eta foku talde hasteko.

461
00:27:39,820 --> 00:27:44,230
Eginzazu 2 edo 3 pertsona elkartu eta eskatu besterik ez paper prototipoak horiek sakatu,

462
00:27:44,230 --> 00:27:47,650
eta horien berri pantailetan benetan dute ulertzen zer ari den gertatzen.

463
00:27:47,650 --> 00:27:50,680
>> Zer egin nahi duzu ataza bat emateko, motibatzea zeregin horretan,

464
00:27:50,680 --> 00:27:53,270
eta emateko aplikazioa eta dezagun erabiltzen.

465
00:27:53,270 --> 00:27:56,530
Ez haratago argibideak emateko.

466
00:27:56,530 --> 00:28:00,920
Benetan utzi zure aplikazioarekin elkarreragin horiek aukera ematen dizu ikusteko modu bat nahi duzu

467
00:28:00,920 --> 00:28:03,870
nola erabili zuten ziren ez baduzu, haien ondoan zutik.

468
00:28:03,870 --> 00:28:05,250
Eta hori oso garrantzitsua da.

469
00:28:05,250 --> 00:28:08,780
Hau ikuspegi asko emango dizu eta pertsonak dira, bereziki inguruan gauza lortzean

470
00:28:08,780 --> 00:28:10,560
modu bat, baina ez dut nahi horiek?

471
00:28:10,560 --> 00:28:14,680
Erabiltzen ari UI mekanismo jakin dute pantaila

472
00:28:14,680 --> 00:28:17,490
modu batean hacky mota da?

473
00:28:17,490 --> 00:28:22,020
Ez nuen egin nahi ditu, era horretan.

474
00:28:22,020 --> 00:28:23,940
Eta behin egiten ari, zer egin nahi duzu?

475
00:28:23,940 --> 00:28:26,010
Zure diseinua arroka, ezta?

476
00:28:26,010 --> 00:28:29,600
Zer egin nahi duzun da, garatu eta, ondoren, egin prozesu hori berriro nahi duzun.

477
00:28:29,600 --> 00:28:32,110
Beraz, erakutsi lagunei duzun garatutako behin, probatu,

478
00:28:32,110 --> 00:28:36,630
garatzea, probatu, garatu, probatu, batetik bestera joateko, eta aurrera.

479
00:28:36,630 --> 00:28:39,720
Diseinu oso-etorriko prozesu Zentzu honetan.

480
00:28:39,720 --> 00:28:43,280
Benetan zerbait eraikitzeko eta, ondoren, konturatzen gauza

481
00:28:43,280 --> 00:28:46,520
ez duzula aurretik konturatu eta atzera bueltatu eta horretatik aurrera hobetzeko.

482
00:28:46,520 --> 00:28:50,890
Orain, garapen parte gisa, zer da Tommy erakusteko break ondoren

483
00:28:50,890 --> 00:28:53,220
eta nola osaketa automatikotik antzeko zerbait ezartzeko ahal izango duzu agian

484
00:28:53,220 --> 00:28:56,610
modu bat da, nahiko erraza da.

485
00:28:57,440 --> 00:28:59,550
[Malan] bezala Tommy du hemen, galdera bat ondoren.

486
00:28:59,550 --> 00:29:03,780
A goiztiarrena webgune asko, eta Joseph esan 1990eko hamarkadako estilo web,

487
00:29:03,780 --> 00:29:07,640
inplementazio non nahi duzun Irteeran denbora bat aukeratu nahi izanez gero, eta amaiera-ordua bat izan zen,

488
00:29:07,640 --> 00:29:10,380
Egia, eguna eta gaur egun, nahiz eta webgune batzuk

489
00:29:10,380 --> 00:29:13,220
Horretarako ordubete hautatzeko bat goitibeherako

490
00:29:13,220 --> 00:29:15,910
minutu hautatzeko goitibeherako, agian AM aukeratzen duzu, PM,

491
00:29:15,910 --> 00:29:17,440
eta, ondoren, 3 gehiago aldiz egin duzu.

492
00:29:17,440 --> 00:29:19,920
Eta beraz, 6 clicks eta agian scrolling batzuk

493
00:29:19,920 --> 00:29:24,000
benetan, zure erabiltzaile-data eta / edo denbora-bitartea Zentzu honetan nolabaiteko ematen.

494
00:29:24,000 --> 00:29:27,920
>> Beraz, behin betiko hoberenak ez diren eta oraindik, beraz, orain arte ikusi dugu espresiboa gaitasunik ez

495
00:29:27,920 --> 00:29:30,330
edozein hizkuntza begiratu dugu zerbait sexier

496
00:29:30,330 --> 00:29:32,620
hasiera-ordua eta amaiera-ordua graduatzailea hau atsegin dute.

497
00:29:32,620 --> 00:29:36,290
Baina uste itzuliz gero hitz Scratch gara aste 0

498
00:29:36,290 --> 00:29:39,080
han ere ez ziren widgets bakarrik egin zenbait gauza.

499
00:29:39,080 --> 00:29:42,700
Besterik ez duzu benetan izan loops eta egoerak eta antzekoak bezalako oinarri horiek.

500
00:29:42,700 --> 00:29:46,910
Besterik ez oso abstraktuan pentsatzen gaur egun, HTML partikularren independentea mota Beraz,

501
00:29:46,910 --> 00:29:51,260
zer da benetan hau hasiera-ordua eta amaiera-ordua graduatzailea antzeko zerbait gertatzen da?

502
00:29:51,260 --> 00:29:54,960
Noiz dut nire sagua eta egin klik azenarioa txiki ikurra duten I Ezkerraldean

503
00:29:54,960 --> 00:29:59,220
eta hasi arrastatuz, programazioaren, zer da inplementatzeko gai izan nahi duzun

504
00:29:59,220 --> 00:30:01,000
gertatzen?

505
00:30:01,000 --> 00:30:04,920
Zein da galdera, zer adierazpen boolearrak ez eskatu gai izan nahi duzu?

506
00:30:04,920 --> 00:30:06,930
Zer da benetan gertatzen ari da? Sammy?

507
00:30:06,930 --> 00:30:10,080
[Ikasleen] Non kurtsorearen posizioa? >> Good. Non kurtsorearen posizioa da?

508
00:30:10,080 --> 00:30:11,970
Hau zen zerbait atzera adierazteko Scratch behar dugu,

509
00:30:11,970 --> 00:30:14,690
kokapena edo are kolore edo antzeko oinarritzen zen ala ez.

510
00:30:14,690 --> 00:30:18,410
Gogoratzen al duzu inoiz dezake, beraz, labur-labur, astelehena, ez ziren gauza horiek guztiak deitu gertaerak

511
00:30:18,410 --> 00:30:22,370
Web munduan, eta beraz, ez da OnClick eta onkeypress bezalako gauzak

512
00:30:22,370 --> 00:30:25,960
eta onkeyup eta onmouseover eta onmouseout.

513
00:30:25,960 --> 00:30:29,130
Beraz, gauza horiek ere izan ditugu hartu konturatzen webean ematen

514
00:30:29,130 --> 00:30:32,190
Facebook eta Gmail bezalako guneak, nahiz eta ideia ez duzu

515
00:30:32,190 --> 00:30:34,890
nola, seguru asko, nahi duzun ezartzeko ere bezalako ezer hitzaldia

516
00:30:34,890 --> 00:30:38,570
edo Arazoa Ezarri 7, konturatzen, horien zehatza oinarriak

517
00:30:38,570 --> 00:30:41,090
HTTP eta parametro eta GET eta POST,

518
00:30:41,090 --> 00:30:44,010
HTML oinarrizko inputak ditudan dugu, beraz, oso urrun begiratu

519
00:30:44,010 --> 00:30:47,690
eta programazioko mekanismoak une batean Tommy hori buruz aurkeztu

520
00:30:47,690 --> 00:30:51,300
zeure burua adierazteko bezala egin aste 0 hasten zara

521
00:30:51,300 --> 00:30:53,800
Oso eta intuizioa, arrastatu eta jaregiten.

522
00:30:53,800 --> 00:30:58,950
>> Beraz, esan, Tommy MacWilliam, eta batzuk Gurekin puzzle pieza berriak Web.

523
00:30:58,950 --> 00:31:03,450
Guztiak eskubidea. Nire izena Tommy eta JavaScript buruz hitz egiten dut.

524
00:31:03,450 --> 00:31:07,150
Just disclaimer: I am iritzia JavaScript onena programazio hizkuntza

525
00:31:07,150 --> 00:31:09,010
mundu osoa.

526
00:31:09,010 --> 00:31:11,940
Nirekin ados ez duten pertsonak asko daude, baina besterik ez amazing da.

527
00:31:11,940 --> 00:31:16,330
Behin atzera joan C, C klase bat edo beste hizkuntza batzuk idazteko bada,

528
00:31:16,330 --> 00:31:19,780
besterik ez, behe-mailako xehetasun guztiak duzu benetan frustrating bogged to get sartu da

529
00:31:19,780 --> 00:31:23,050
Beraz, inoiz zaren gogaikarriak C idatzi triste sentitzen,

530
00:31:23,050 --> 00:31:25,130
bakarrik, JavaScript batzuk idatzi. Nirvana da.

531
00:31:25,130 --> 00:31:27,980
Sentitzen askoz hobea izango duzu zure egun txarra.

532
00:31:27,980 --> 00:31:31,900
JavaScript magia asko bat dator bere gauzak manipulatzeko gaitasuna

533
00:31:31,900 --> 00:31:33,730
dagoeneko orrian.

534
00:31:33,730 --> 00:31:38,520
Gure scripts PHP idatzi dugu, zerbitzariak exekutatu ziren,

535
00:31:38,520 --> 00:31:42,270
eta, azkenik, PHP script ziurrenik bistaratu HTML batzuk.

536
00:31:42,270 --> 00:31:45,860
HTML zen bezeroari bidaliko da, eta, ondoren, hori izan da.

537
00:31:45,860 --> 00:31:50,180
PHP nahi botoi bat gehitzeko orri bat bada, esate baterako, ezin benetan egin dela.

538
00:31:50,180 --> 00:31:54,350
Osoa berria HTML fitxategia errendatu, eta bidali nabigatzailea litzateke.

539
00:31:54,350 --> 00:31:57,840
Ikusteko Javascript-a gauza garela eguneratu ahal izango dira, dagoeneko, berriz, orrian badakigu,

540
00:31:57,840 --> 00:32:00,840
eta honen baita askoz ere berehalako iritzia eman ahal izango dugu,

541
00:32:00,840 --> 00:32:06,150
Benetan hobetzen erabiltzaileari gure web orrian esperientzia.

542
00:32:06,150 --> 00:32:09,330
JavaScript selectors Just laburpena azkar bat.

543
00:32:09,330 --> 00:32:11,590
HTML orri bat deskargatu dugu ezagutzen dugu,

544
00:32:11,590 --> 00:32:13,890
DOM en irudikatzen den joan.

545
00:32:13,890 --> 00:32:19,340
>> DOM gogoan besterik ez Zuhaitz handi hau, non elementu handi horren hierarkia zerikusia duten da.

546
00:32:19,340 --> 00:32:21,810
Datu-base batekin lan egin dugu pset 7

547
00:32:21,810 --> 00:32:26,280
nola egin jakin behar dugu lehen gauza bat da datu-basea kontsultatzeko.

548
00:32:26,280 --> 00:32:29,060
Erabiltzaile handi horren taula ditugu, eta, batzuetan, esan nahi dugu,

549
00:32:29,060 --> 00:32:33,260
"Nahi dut soilik bat egiten duten erabiltzaile horiek baldintza batzuk batzuk."

550
00:32:33,260 --> 00:32:36,020
Era berean, DOM dugu da neurketako modu bat behar dugu.

551
00:32:36,020 --> 00:32:39,490
Esaten nolabait behar dugu, "itxura hau botoiak guztiak nahi dut

552
00:32:39,490 --> 00:32:41,860
"Edo orrian irudi guztiak."

553
00:32:41,860 --> 00:32:44,330
Eta selectors hauek onartzea egiten digu.

554
00:32:44,330 --> 00:32:45,690
Beraz, azkar laburpena.

555
00:32:45,690 --> 00:32:50,770
Hau lehen hemen, hau # aurkeztu, zer da hori hautatu? Does Edozeinek gogoratzen?

556
00:32:50,770 --> 00:32:54,880
[Inaudible ikaslearen erantzuna] >> Bai, zehazki.

557
00:32:54,880 --> 00:32:59,510
Elementu bat hautatu aurkeztu ID bat orrialdean.

558
00:32:59,510 --> 00:33:03,470
Eta, beraz, hash tag dioen hautatzaileak hori IDak batera lan egingo da.

559
00:33:03,470 --> 00:33:07,630
Nola bigarren buruz, hau zentratua, zer egingo du hautatu?

560
00:33:11,360 --> 00:33:15,180
Bai. >> [Ikasleak] Class. >> Zehazki. Hau da, gaur egun klase aukeratzeko.

561
00:33:15,180 --> 00:33:18,840
ID arteko ezberdintasuna eta klase Hemen ID bakarra izan behar da, oro har,

562
00:33:18,840 --> 00:33:20,820
edozein espazio barruan baino gehiago ari zara bilatzen.

563
00:33:20,820 --> 00:33:23,080
Beraz, bada zinen web orri oso bat bilatzen,

564
00:33:23,080 --> 00:33:27,740
behar duzula soilik 1 elementu batzuk ID, eta, beraz, aurkeztu kasu honetan.

565
00:33:27,740 --> 00:33:31,330
Klase batera, beste alde batetik, elementu 1 baino gehiago izan dezakegu orri berean

566
00:33:31,330 --> 00:33:33,130
klase berean.

567
00:33:33,130 --> 00:33:36,580
Hau oso erabilgarria izan daiteke orrian zentratua guztia hautatu nahi dut esaten

568
00:33:36,580 --> 00:33:38,450
baino 1 gauza.

569
00:33:38,450 --> 00:33:40,310
>> Eta, azkenik, azken bat hemen pixka bat zailagoa da,

570
00:33:40,310 --> 00:33:43,890
baina zer da hau DOM, aukeratu?

571
00:33:46,650 --> 00:33:48,810
[Inaudible ikaslearen erantzuna] >> Zer da hori?

572
00:33:48,810 --> 00:33:53,250
[Ikasleak] Anything Etiketa bat. >> 2 zati izan dugu hemen.

573
00:33:53,250 --> 00:33:58,070
Bigarren zatian tags horiek input etiketa bat hautatu nahi dut esan,

574
00:33:58,070 --> 00:34:00,730
beraz edozein elementu sarrera tag bat da.

575
00:34:00,730 --> 00:34:03,080
Baina ez dut nahi hautatu input guztiak

576
00:34:03,080 --> 00:34:05,170
submit botoi bat antzeko zerbait sarrera bat izan baitezake

577
00:34:05,170 --> 00:34:08,409
eta sarrera bat testu-koadro bat antzeko zerbait izan daiteke.

578
00:34:08,409 --> 00:34:11,909
Beraz, hauek karratu parentesi artean esaten dut nahi bakarrik I elementu horiek hautatzeko

579
00:34:11,909 --> 00:34:14,110
mota testuaren dira.

580
00:34:14,110 --> 00:34:17,400
Somewhere nire tag HTML mota izeneko atributu bat daukat,

581
00:34:17,400 --> 00:34:19,750
eta atributu horren balioa testua izan behar du.

582
00:34:19,750 --> 00:34:21,340
Beraz, lehen zati honetan nola hemen?

583
00:34:21,340 --> 00:34:25,489
Hautatzaileak hau lehen hitza inprimakia da, gero espazio bat daukat, eta, ondoren, sarrerako zati honetan.

584
00:34:25,489 --> 00:34:29,620
Zer esan nahi du horretarako, inprimaki aurrean ipintzeko?

585
00:34:33,409 --> 00:34:35,860
Hau da, funtsean, gure kontsulta egingo mugatzeko.

586
00:34:35,860 --> 00:34:38,510
Orrian input batzuk ditugu kasuan izan daiteke

587
00:34:38,510 --> 00:34:41,080
ez direla ondorengo formulario bat.

588
00:34:41,080 --> 00:34:46,150
Zer da hau? Egingo da, hau esan nahi dut soilik sarrera tags nonbait haien gainean

589
00:34:46,150 --> 00:34:49,030
formulario bat elementu gurasoa batzuk.

590
00:34:49,030 --> 00:34:52,100
Eta beraz, modu honetan kontsulta hierarkiko hauek egin ahal izango dugu

591
00:34:52,100 --> 00:34:55,000
beraz, ez dugu guztia eman hautatzaileak bat datozen aukeratzeko.

592
00:34:55,000 --> 00:35:00,760
Muga, esparrua kontsulta horren beste zerbait mota dugu.

593
00:35:00,760 --> 00:35:04,000
Beraz, gaur egun ezagutzen dugun orrian nola elementuak hautatzeko,

594
00:35:04,000 --> 00:35:06,780
dezagun pixka bat AJAX buruz hitz egin.

595
00:35:06,780 --> 00:35:12,270
AJAX JavaScript eta XML asinkronoak dago oraindik oso modan akronimoa da.

596
00:35:12,270 --> 00:35:15,640
Beraz, zerbait gertatzen da XML nolabait datuak irudikatzeko.

597
00:35:15,640 --> 00:35:20,920
>> Hori ospea galdu mota duela gutxi, eta, beraz, AJAX X ez da denbora guztian.

598
00:35:20,920 --> 00:35:26,220
Funtsean, zer aukera ematen AJAX egin gurekin HTTP eskaerak egin da

599
00:35:26,220 --> 00:35:28,620
JavaScript testuinguruan.

600
00:35:28,620 --> 00:35:32,310
Oraindik gure web nabigatzailea dugu, eta orri ingurukoa nabigatzen ari gara eta esteka batean klik gara,

601
00:35:32,310 --> 00:35:37,790
zer da gure nabigatzailean egingo da edozein dela ere link dugu sakatu HTTP eskaera bat egiteko.

602
00:35:37,790 --> 00:35:41,670
Baina hori ez da beti ideal hori balitz, orduan delako gisa David zen esaten,

603
00:35:41,670 --> 00:35:45,220
izan dugu beti erabiltzaile sakatu Bidali botoia edo egin klik esteka bat egiteko

604
00:35:45,220 --> 00:35:50,380
ezer gertatuko den HTTP eskaera bat inplikatzeko.

605
00:35:50,380 --> 00:35:54,160
Beraz, AJAX eskaera horiek egin ahal izango dugu JavaScript izenean.

606
00:35:54,160 --> 00:35:57,020
Horrek esan nahi du, betiere, erabiltzaileak orri edo ezer gertatzen elkarreraginean,

607
00:35:57,020 --> 00:36:01,780
benetan PHP fitxategi batzuen programazioko eskaera bat egin ahal izango dugu, gure web-orrian

608
00:36:01,780 --> 00:36:06,280
edo beste ezer eta fitxategi hori spits izarrekin datuak berreskuratzeko.

609
00:36:06,280 --> 00:36:09,860
Dezagun AJAX adibide bat begirada bat.

610
00:36:09,860 --> 00:36:16,140
Hau da gure CS50 Ogasun Orrialdearen espero duten batzuk ezagunak.

611
00:36:16,140 --> 00:36:21,790
Orri honen HTML begiratzen badiogu, hemen ikusten ditudan gauza batzuk gehitu

612
00:36:21,790 --> 00:36:23,820
eta horietako batek eman dut inprimaki honetan ID bat.

613
00:36:23,820 --> 00:36:26,480
Esan dut id = "inprimaki-aurrekontua".

614
00:36:26,480 --> 00:36:31,910
Hau egin dut besterik ez delako, hau pixka bat errazagoa hautatu DOM, joan

615
00:36:31,910 --> 00:36:35,090
dut, oso erraza da kontsulta bat egin.

616
00:36:35,090 --> 00:36:38,960
Zer da hemen egin nahi dut CS50 Ogasun arazo batzuk konpondu nahi dut.

617
00:36:38,960 --> 00:36:41,550
Beraz, bada, joan finance.cs50.net dugu,

618
00:36:41,550 --> 00:36:45,700
Aurrekontu bat lortu nahi dut, aldi bakoitzean Get Quote botoia sakatu behar dut,

619
00:36:45,700 --> 00:36:48,960
Get Quote botoia, ondoren, beste orrialde osoa hartzen du me.

620
00:36:48,960 --> 00:36:52,400
Eta nahi dut aurrekontua beste, 'Atzera' botoia sakatu behar dut, eta, ondoren, idatzi dut,

621
00:36:52,400 --> 00:36:54,480
Aurrekontu bat lortu dut, eta Atzera botoia sakatu dut.

622
00:36:54,480 --> 00:36:56,840
Benetan ez da erabiltzaile esperientzia onena.

623
00:36:56,840 --> 00:37:01,570
Zeini benetan erabili gune motela hori bada stock prezioak lortzeko?

624
00:37:01,570 --> 00:37:05,630
Beraz, zer AJAX egin nahi dugu, aparteko orri bat joan urrats hori kendu da

625
00:37:05,630 --> 00:37:08,410
ordena emaitzak ikusteko.

626
00:37:08,410 --> 00:37:11,240
>> Benetan ari gara bakarrik eskatzen da, oso prezio txikian,

627
00:37:11,240 --> 00:37:14,240
eta hori datu zenbatekoa benetan txiki bat.

628
00:37:14,240 --> 00:37:17,400
Beraz, ez dago niretzat beste orri osoa HTML joan beharra,

629
00:37:17,400 --> 00:37:20,670
HTML batch berri osoa deskargatu, agian zenbait irudi gehiago deskargatzeko,

630
00:37:20,670 --> 00:37:24,410
batzuen CSS fitxategiak oso erraza da galdera horri erantzuteko

631
00:37:24,410 --> 00:37:27,810
zenbat stock kostua honek.

632
00:37:27,810 --> 00:37:31,000
AJAX egiteko asko errazagoa dezakegu.

633
00:37:31,000 --> 00:37:36,400
Behera ikusten dugu hemen nago I izeneko quote.js JavaScript fitxategi batean lotzen dituen.

634
00:37:36,400 --> 00:37:40,140
Dezagun benetan ireki fitxategi hori. Ez dago han.

635
00:37:42,610 --> 00:37:45,860
Nire JavaScript fitxategi guztiak HTML kokatuko

636
00:37:45,860 --> 00:37:47,630
beraz, web arakatzailea sar daitezke.

637
00:37:47,630 --> 00:37:50,330
Ondoren, bereizi bat direktorioa hemen JavaScript dugu,

638
00:37:50,330 --> 00:37:54,340
eta, orain, hemen quote.js da.

639
00:37:54,340 --> 00:38:00,930
Fitxategi honen goialdean dio hemen orri osoa itxaron kargatu behar nahi dut

640
00:38:00,930 --> 00:38:04,830
dut ezer egin saiatu aurretik. Zergatik da beharrezkoa?

641
00:38:04,830 --> 00:38:08,650
Bihurtzen da hemen egin behar dut hurrengo gauza Irteeran elementu baten bila

642
00:38:08,650 --> 00:38:10,810
hautatzaileak batzuk etortzeko.

643
00:38:10,810 --> 00:38:15,600
Ikusteko Javascript-a hau da, inoiz bada exekutatu elementu honen orrian kargatu aurretik,

644
00:38:15,600 --> 00:38:17,820
ondoren, egiten saiatzen naiz guztia ez da lanera joan

645
00:38:17,820 --> 00:38:20,580
naiz zerbait ez da oraindik aukeratu saiatuko delako.

646
00:38:20,580 --> 00:38:23,780
Beraz, goiko sortu line dio dena kargatu arte itxaron nahi dut

647
00:38:23,780 --> 00:38:28,030
beraz, bermatuta edozein elementu bila nabil gaude dira benetan orrian.

648
00:38:29,730 --> 00:38:34,310
Honek dolarraren ikurra izeneko liburutegia jQuery erabiltzen dut hemen esan nahi du.

649
00:38:34,310 --> 00:38:38,570
JQuery Liburutegi hau selectors hauek besterik ez dugu begiratu erabiltzeko aukera ematen digu.

650
00:38:38,570 --> 00:38:44,010
$ Esanez gero in pasatzen argumentu gisa # Inprimaki-aurrekontua,

651
00:38:44,010 --> 00:38:47,910
Dut orain modu bat hautatzen da, besterik ez dugun begirada bat hartu.

652
00:38:47,910 --> 00:38:52,290
Orain dela memoria inprimaki nolabait ordezkaritza bat daukat.

653
00:38:52,290 --> 00:38:56,760
>> Objektu honen On orain, inprimakia ordezkaritza honetan,

654
00:38:56,760 --> 00:38:58,890
Izeneko funtzio bat erabiltzen dut.

655
00:38:58,890 --> 00:39:02,710
Zein da funtzio hau ez da gertaera kudeatzailea bat erantsi da.

656
00:39:02,710 --> 00:39:06,310
Ari garen gertaera entzun submit gertaera da.

657
00:39:06,310 --> 00:39:08,890
Beraz, user clicks Bidali botoia edo prentsak Sartu

658
00:39:08,890 --> 00:39:11,730
gertaera hau da sua.

659
00:39:11,730 --> 00:39:16,390
Honetan sartu Pribatutasun By, gaur egun ezin dut Inprimaki portaera lehenetsia gainidatzi.

660
00:39:16,390 --> 00:39:19,770
Ikusteko Javascript-a hori gabe, inprimakia bidaltzeko edozein PHP fitxategia

661
00:39:19,770 --> 00:39:22,110
ekintza atributu hori erabili dugu.

662
00:39:22,110 --> 00:39:25,440
Baina, horren ordez, gaur egun dut, esaten itxaron, itxaron, itxaron, ez dut benetan hori egin nahi.

663
00:39:25,440 --> 00:39:31,140
Joan aurretik eta saiatu PHP fitxategi batzuk aurkeztu gertatuko nahi dut.

664
00:39:31,140 --> 00:39:32,870
Orain zer egin nahi dut?

665
00:39:32,870 --> 00:39:39,270
Puntu honetan AJAX erabili, nolabait, zer da salda prezioa kargatu nahi dut.

666
00:39:39,270 --> 00:39:44,170
Lehenik eta behin, jakin behar dut zer stock erabiltzaileari begira.

667
00:39:44,170 --> 00:39:46,760
Naiz dela I hautatzaileak bat erabiltzeko egiteko.

668
00:39:46,760 --> 00:39:49,020
Hirugarren hautatzaileak begiratu aurretik dugu.

669
00:39:49,020 --> 00:39:54,460
Dio hasiko inprimaki elementu hau forma-quote ID bat nahi dut.

670
00:39:54,460 --> 00:39:58,440
Ondoren, nonbait, formulario horren barruan ez du sarrera-elementu bat izan

671
00:39:58,440 --> 00:40:01,270
sinbolo-izen bat dauka.

672
00:40:01,270 --> 00:40:05,460
Atzera begiratzen dugu gure HTML bada, izan dugun sarrera bat ikusi genuen [name = ikurra].

673
00:40:05,460 --> 00:40:12,380
Horrek esan nahi du, hori testu-koadroan hautatu erabiltzaileak idazten da sartu.

674
00:40:12,380 --> 00:40:13,870
Hori polita da. Testu-koadroan ditugu.

675
00:40:13,870 --> 00:40:17,360
Orain barruan jakin behar dugu.

676
00:40:17,360 --> 00:40:20,290
Metodo hau deitu ahal dugun hemen egiteko. Val,

677
00:40:20,290 --> 00:40:23,240
eta hau dio ezagutzen dut zer testu-koadroan duzu.

678
00:40:23,240 --> 00:40:28,160
Esango dizu zer da testu-kutxa horretan idatzitako erabiltzaile nahi dut.

679
00:40:28,160 --> 00:40:34,440
Izeneko kate bat sinboloa da, edozein erabiltzaileak idatzitako sartu berdina dugu orain

680
00:40:34,440 --> 00:40:39,820
Hori polita da. Kate hori erabili ahal izango dugu, gaur egun, gure eskaera egiteko.

681
00:40:39,820 --> 00:40:42,450
Funtzio berri bat da hemen, hau $

682
00:40:42,450 --> 00:40:44,900
ari izan ezik, ez da aukera elementu joan

683
00:40:44,900 --> 00:40:48,910
deituz funtzio gurekin jQuery by goaz.

684
00:40:48,910 --> 00:40:54,810
AJAX funtzioa hau da, zer benetan HTTP eskaera hau egiteko.

685
00:40:54,810 --> 00:40:57,000
Beraz, kontatzeko gauza gutxi izan dugu.

686
00:40:57,000 --> 00:41:01,410
Funtzio hau esan behar dugu lehen gauza bat da, non eskaera joan nahi dut.

687
00:41:01,410 --> 00:41:08,910
Nire proiektua Somewhere izeneko quote.php direktorioa HTML fitxategi hau behar dut barruan.

688
00:41:08,910 --> 00:41:15,150
Fitxategi honetan sartu ahal izango dut, ikusi dugu hau atsegin dute, localhost / quote.php I joan bada.

689
00:41:15,150 --> 00:41:20,450
>> Nire JavaScript orri horretako eskaera bat egin nahi izan dut.

690
00:41:20,450 --> 00:41:22,920
Zer mota eskaera orain?

691
00:41:22,920 --> 00:41:27,210
Aurretik metodoa = "post" atributua ikusi dugu,

692
00:41:27,210 --> 00:41:29,270
eta horrek esan nahi du POST eskaera bat egin da,

693
00:41:29,270 --> 00:41:32,630
beraz, ez da ezer URLa jarri behar, baizik eta GET eskaera bat baino

694
00:41:32,630 --> 00:41:36,860
zein besterik ez da tiro besterik ez dugu accessed orria web nabigatzailearen bidez, esate baterako.

695
00:41:36,860 --> 00:41:41,260
Orain esan dugu HTTP POST eskaera bat egin nahi dut

696
00:41:41,260 --> 00:41:44,840
quote.php dago orri bat.

697
00:41:44,840 --> 00:41:51,490
Inprimakia aurkeztu dugu, gogoratu formulario horren barruan elementu sarrera eskuratu ahal izan genuen

698
00:41:51,490 --> 00:41:54,430
hori $ Bi_dali aldagaia.

699
00:41:54,430 --> 00:41:58,710
Istorioa Orain arte ez dugu benetan edozein datu batera bidaltzen oraindik.

700
00:41:58,710 --> 00:42:00,640
Besterik ez dugu esan AJAX eskaera bat egiten ari gara

701
00:42:00,640 --> 00:42:03,200
eta hemen egiten ari garen eskaera mota.

702
00:42:03,200 --> 00:42:07,090
Orain benetan datu batzuk orrialde behar dugu.

703
00:42:07,090 --> 00:42:10,930
Izeneko datuak jabetza hori erabili egin daiteke.

704
00:42:10,930 --> 00:42:14,950
Elkartze-array bat jabetza honen balioa da benetan.

705
00:42:14,950 --> 00:42:19,390
Horren arrazoia da 1 datu-pieza baino gehiago bidali digu.

706
00:42:19,390 --> 00:42:24,750
Hori zergatik kizkur giltza horiek hemen beste giltza kizkur horiek barruan habiaratu dugu.

707
00:42:24,750 --> 00:42:29,680
Elkartze-array horiek gakoak dira gauza bera izango

708
00:42:29,680 --> 00:42:32,630
Izen horiek gure inprimaki elementu atributu gisa.

709
00:42:32,630 --> 00:42:35,740
Horrek esan nahi du, sinboloa gako bat zehar dut mezu gero,

710
00:42:35,740 --> 00:42:41,870
horrek esan nahi du nire PHP $ Bi_dali [sinboloa] datuak honetan sartu ahal izango da

711
00:42:41,870 --> 00:42:44,640
formulario bat aurretik genuen bezala egin dugu.

712
00:42:44,640 --> 00:42:47,090
Eta orain benetako datuak bidali nahi dugu

713
00:42:47,090 --> 00:42:50,790
elkartze-array honen barruan balio izango du.

714
00:42:50,790 --> 00:42:54,070
>> Testu hau gorde dugu izeneko aldagaia sinbolo bat,

715
00:42:54,070 --> 00:42:57,380
eta, beraz, batera ari gara bidaltzeko gaur egun sinbolo gako bat

716
00:42:57,380 --> 00:43:01,380
eta edozein erabiltzaileak idatzitako sartu balio bat

717
00:43:01,380 --> 00:43:06,270
Orain HTTP eskaera hau egin dugu, gure PHP fitxategia exekutatu.

718
00:43:06,270 --> 00:43:11,480
eta datu batzuk bidaltzeko bezeroaren eskaera hau egin dute.

719
00:43:11,480 --> 00:43:15,220
Orain, edozein zerbitzariak esan digu erantzun behar dugu.

720
00:43:15,220 --> 00:43:20,180
Dugun azken jabetza hemen izeneko arrakasta.

721
00:43:20,180 --> 00:43:24,240
Arrakastaren gakoa honen balioa da benetan funtzio bat izango da.

722
00:43:24,240 --> 00:43:26,910
eta hau JavaScript egin dezakezu gauza benetan cool bat da.

723
00:43:26,910 --> 00:43:31,720
Ez bakarrik ints edo array duzu elkartze-array baten barruan balio gisa,

724
00:43:31,720 --> 00:43:34,170
funtzio bat ere izan dezakegu.

725
00:43:34,170 --> 00:43:36,380
Beraz, arrakasta esanez, hau da nire gakoa.

726
00:43:36,380 --> 00:43:38,830
Colon A dio balioa dator,

727
00:43:38,830 --> 00:43:41,810
eta, gaur egun, honen balioa, funtzio bat da, benetan.

728
00:43:41,810 --> 00:43:44,460
Beraz, ez dugu behar Funtzio hau berez izen bat eman.

729
00:43:44,460 --> 00:43:48,820
Bakarrik esan dezakegu, hau da, funtzio batzuk izango. Argumentu 1 hartzen da.

730
00:43:48,820 --> 00:43:51,190
Funtzio hau argumentua izango da

731
00:43:51,190 --> 00:43:54,460
edozein zerbitzariak bidali digu atzera eskaera.

732
00:43:54,460 --> 00:43:57,750
Just gure arakatzailearen eskaera bat egiten duenean, zerbitzariak bidaltzen zerbait itzuli

733
00:43:57,750 --> 00:43:59,060
eta nabigatzaileak erakusten du,

734
00:43:59,060 --> 00:44:03,030
AJAX testuinguruan eskaera bat egin besterik ez dugu, zerbitzariak bidalitako zerbait itzuli

735
00:44:03,030 --> 00:44:07,110
eta orain dela kate gisa irudikatzen dugu.

736
00:44:07,110 --> 00:44:11,280
Kate hori duen besterik ez nuke hori erakutsi orrian.

737
00:44:11,280 --> 00:44:14,040
Naiz dela I azkena hautatzaileak egiteko.

738
00:44:14,040 --> 00:44:17,570
ID prezioa elementu aukeratu nahi dut.

739
00:44:17,570 --> 00:44:20,710
Huts bat besterik ez da div orrian sortu dudan,

740
00:44:20,710 --> 00:44:26,640
, eta edozein zerbitzariak bidali digu atzera div duten edukiak ezarri nahi dut.

741
00:44:26,640 --> 00:44:30,280
Benetan Nik aldaketa quote.php pixka bat.

742
00:44:30,280 --> 00:44:33,460
>> Beharrean render deituz eta orri batzuk bihurtzean baino,

743
00:44:33,460 --> 00:44:38,100
quote.php besterik ez da inprimatu salda balioa kate gisa.

744
00:44:38,100 --> 00:44:41,880
Beraz, benetan orria bisitatu, besterik ez litzateke ikusiko duzu katea txikia

745
00:44:41,880 --> 00:44:45,030
edozein stock prezioa da.

746
00:44:45,030 --> 00:44:50,170
One azken gauza hemen egin behar dugu besterik ez da ziurtatu funtzio hau faltsua itzultzen.

747
00:44:50,170 --> 00:44:53,560
Zer da hau dio naiz event handler baten barruan gertatzen bada,

748
00:44:53,560 --> 00:44:57,300
event handler itzultzen faltsua egia itzuli ordez,

749
00:44:57,300 --> 00:45:01,510
horrek esan nahi du, ez, ez dut nahi jatorrizko gertaera sua.

750
00:45:01,510 --> 00:45:05,270
Kasu honetan, ez dugu Ikusteko Javascript-a ez bada edozein eta formulario bat aurkeztu dugu,

751
00:45:05,270 --> 00:45:08,280
gure web nabigatzailea da, esan nahi du "datu horiek batera bidali dut,"

752
00:45:08,280 --> 00:45:10,130
eta beste orri batean bidal ari dira.

753
00:45:10,130 --> 00:45:14,360
Ari gara AJAX erabiltzen delako gaur egun, ez da beharrezkoa erabiltzaileak beste orri batean bidaltzeko.

754
00:45:14,360 --> 00:45:17,920
Ari gara emaitzak erakutsi ditu orri berean.

755
00:45:17,920 --> 00:45:21,460
Ez benetan ez dugu nahi edozein lekutan horiek, eta orri berean jarraitu nahi dut.

756
00:45:21,460 --> 00:45:27,060
Beraz, faltsuak itzuli, inprimakia ez du gaituen ziurtatzeko dugu.

757
00:45:27,060 --> 00:45:31,170
Ikus dezagun zer den hori benetan itxura begirada bat.

758
00:45:31,170 --> 00:45:34,180
Gure aurrekontua itxura bera.

759
00:45:34,180 --> 00:45:37,240
Tira me inspector behera hemen zer egingo dugu ikus ahal izateko.

760
00:45:37,240 --> 00:45:40,270
Egin erraldoi apur bat gutxiago.

761
00:45:40,270 --> 00:45:44,590
Gogoratu ireki dugu Network fitxan, hau da, non HTTP eskaeren guztiak ikusi ahal izango dugu

762
00:45:44,590 --> 00:45:47,570
orrian gertatzen diren.

763
00:45:47,570 --> 00:45:52,890
>> Sinbolo bat idatzi aapl me eta egin klik Talde Quote utzi.

764
00:45:52,890 --> 00:45:56,720
Orain Apple-kuota bat dolar zenbaki batzuk prezioa ikusi genuen.

765
00:45:56,720 --> 00:46:00,410
orrian agertu zen,, baina URL ez da aldatu guztietan.

766
00:46:00,410 --> 00:46:04,570
Izan ere, hemen da HTTP eskaera besterik ez dugu.

767
00:46:04,570 --> 00:46:09,980
POST eskaera bat egin dugu quote.php. Hori zentzua.

768
00:46:09,980 --> 00:46:12,800
Hau da, zerbitzariak bidali digu atzera.

769
00:46:12,800 --> 00:46:16,320
Jada ez da HTML dokumentu erraldoi honen irudi eta horrelako gauzak,

770
00:46:16,320 --> 00:46:20,920
testu lerro bat besterik ez da, eta, ondoren, bistaratuko besterik ez dugu testu-lerroa.

771
00:46:20,920 --> 00:46:26,290
Joaten gara goiburuak itzuliz gero eta ikusi zer HTTP eskaera honen barruan benetan bidaliko dugu,

772
00:46:26,290 --> 00:46:33,950
ikus dezakegu hemen, sinboloa eta aapl balioa gako bat batera bidaliko dugun,

773
00:46:33,950 --> 00:46:36,430
hau da, erabiltzaileak idatzi sartu

774
00:46:36,430 --> 00:46:39,230
Hau atsegina da, baina oraindik apur bat gogaikarriak.

775
00:46:39,230 --> 00:46:42,490
Stock quote egin klik botoi honetan.

776
00:46:42,490 --> 00:46:45,880
Lanpetuta pertsona gara eta ez dugu denbora botoiak sakatu.

777
00:46:45,880 --> 00:46:49,910
Google konturatu apur bat duela, berriz, Google Instant jarri du martxan.

778
00:46:49,910 --> 00:46:53,590
Zer da Google Instant ez da ari zaren idazten gisa hasten besterik ez da zuretzat emaitzak bistaratzeko

779
00:46:53,590 --> 00:46:56,520
beraz, ez duzu are Search klik eginez kezkatu.

780
00:46:56,520 --> 00:46:58,730
Egia esan, fun-istorio bat zerikusia.

781
00:46:58,730 --> 00:47:01,100
Google Instant atera ondoren, jendea, bezalakoak ziren: "Tira, hau da, super amazing."

782
00:47:01,100 --> 00:47:02,540
"Hau da, beraz, cool".

783
00:47:02,540 --> 00:47:05,950
Eta ikaslea behera Stanford duten 19 izan zen, garai hartan

784
00:47:05,950 --> 00:47:09,000
egin YouTube Instant izeneko gune honetan.

785
00:47:09,000 --> 00:47:13,170
YouTube Instant guztiak ez da modu eraginkorrean bilatzeko YouTube berehala.

786
00:47:13,170 --> 00:47:17,020
Beraz, baizik eta YouTube.com hit Search joan beharrik baino,

787
00:47:17,020 --> 00:47:21,650
YouTube Instant zerbait sartu idazten hasi nuen CS50 bezala,

788
00:47:21,650 --> 00:47:25,320
Hemen ikus genezake dela Internet konexio motela saiatu

789
00:47:25,320 --> 00:47:28,500
populatu emaitza horiek bizi.

790
00:47:28,500 --> 00:47:35,590
Benetan egin ahal izango dugu, gure quote.js fitxategia aldatzeko oso sinple bat egiteko.

791
00:47:35,590 --> 00:47:40,900
Oraintxe gertaera hau eransten ari gara inprimakia aurkeztu.

792
00:47:40,900 --> 00:47:43,760
Ez dugu benetan nahi erabiltzaileari aurkezteko inprimaki hori gehiago egiteko,

793
00:47:43,760 --> 00:47:48,570
beraz ordez su gertaera hau erabiltzaileak tekla bat sakatzen den bakoitzean.

794
00:47:48,570 --> 00:47:53,200
Let lehen aldatzen diren gertaera keyup submit egiteko.

795
00:47:53,200 --> 00:47:55,740
Horrek esan nahi du, baizik eta inprimakia bidaltzeko zain baino,

796
00:47:55,740 --> 00:47:58,490
aldi bakoitzean tekla sakatzen da, zerbait gertatuko da.

797
00:47:58,490 --> 00:48:02,030
Jada ez da erantzule egiten eta ez du zentzurik keyup gertaera hau erantsi Inprimaki osoa.

798
00:48:02,030 --> 00:48:05,080
Benetan dugu bakarrik bilaketa-kutxa horri buruzko zaintzeko.

799
00:48:05,080 --> 00:48:09,320
>> Gaur egun, hau aldatu ahal izango ahal izango dugu, eta ez forma-aurrekontua baino hautatzeko,

800
00:48:09,320 --> 00:48:14,220
inprimaki-aurrekontua eta sarrera bat izan dugu (idatzi = text), edo esatea (izendatu = sinboloa) genezake

801
00:48:14,220 --> 00:48:16,420
edozein dela ere nahi dugu.

802
00:48:16,420 --> 00:48:18,650
Gaur egun, azken gauza bat egin behar dugu.

803
00:48:18,650 --> 00:48:21,190
Gogoratu behera hemen bueltan faltsua esan genuen

804
00:48:21,190 --> 00:48:24,370
ez dugu nahi default gertaera su esan genuen.

805
00:48:24,370 --> 00:48:26,390
Baina besterik ez da gertatzen den desgaitu dugu orain,

806
00:48:26,390 --> 00:48:29,660
ez da edozein izanda ere idazten erakusteko nabigatzailean gehiago

807
00:48:29,660 --> 00:48:33,000
testu-kutxa batean idazten portaera lehenetsia izango lukeelako.

808
00:48:33,000 --> 00:48:38,660
Nahi jada ez dugu, beraz suntsitu itzulera hau faltsua jaramonik ez egiteko.

809
00:48:38,660 --> 00:48:44,800
Gorde dugu bada, eta orria birkargatu, orain aapl hasten naiz idazten

810
00:48:44,800 --> 00:48:50,160
beheko hemen prezioa stock automatikoki osatzea dela ikusi duzu.

811
00:48:50,160 --> 00:48:53,150
Beraz, hemen CS50 Ogasun Instant da.

812
00:48:53,150 --> 00:48:55,860
Buruzko istorio dibertigarria Actually YouTube Instant

813
00:48:55,860 --> 00:48:59,420
ikasleari besterik ez da mota horretako idatzi zuen 1-gau proiektu gisa,

814
00:48:59,420 --> 00:49:03,800
eta hurrengo egunean izan zen lan bat eskaintzen YouTube CEO.

815
00:49:03,800 --> 00:49:10,610
Beraz, hori bezain erraza da, CS50 ikasle, azken proiektuak YouTube at lanpostu bat lor daiteke.

816
00:49:10,610 --> 00:49:14,720
Horrelako zerbait azken proiektuaren ideia benetan cool bat da, ezta?

817
00:49:14,720 --> 00:49:18,170
Integratu nahi dugun batzuk existitzen den funtzionalitatea izan genuen.

818
00:49:18,170 --> 00:49:20,330
Erabiltzailearen esperientzia hobetzen dugu pixka bat,

819
00:49:20,330 --> 00:49:24,340
eta bat-batean zerbait YouTube Instant bilatzen asko errazago bat izan daiteke

820
00:49:24,340 --> 00:49:27,290
baino YouTube erregularra bilatzean.

821
00:49:27,290 --> 00:49:30,790
Beraz, AJAX Hitz batean.

822
00:49:30,790 --> 00:49:34,860
>> Joseph zen erakusten duen adibiderik, autocompletes asko ikusi dugu,

823
00:49:34,860 --> 00:49:39,250
eta autocompletes dira benetan, benetan erabilgarria izan dugu ez delako gogoratu

824
00:49:39,250 --> 00:49:41,770
Adibidez, ez baduzu, ez ahaztu Apple prezioa stock

825
00:49:41,770 --> 00:49:45,110
eta ezagutzen dugu aa zerbait, baizik eta, besterik gabe, niri esatea baino,

826
00:49:45,110 --> 00:49:48,740
"Gauza hau share hainbeste diru hori balio du,"

827
00:49:48,740 --> 00:49:52,540
Mota gustatuko litzaidake zer stock aa ezagutzeko.

828
00:49:52,540 --> 00:49:58,340
Egin dezakegu benetan nicely Bootstrap liburutegia jadanik

829
00:49:58,340 --> 00:50:01,380
CS50 Ogasun barruan.

830
00:50:01,380 --> 00:50:09,390
Zatoz bada hemen JavaScript etiketa eta joan Typeahead

831
00:50:09,390 --> 00:50:13,730
polit bat besterik ez da plugin norbait dagoeneko Gurekin idatzi

832
00:50:13,730 --> 00:50:16,980
eta erraz erabili ahal izango dugu hau atsegin funtzionalitatea.

833
00:50:16,980 --> 00:50:21,410
Idatzi bat A eta hemen A. batez hasten diren estatu batzuetan zerrenda bat da

834
00:50:21,410 --> 00:50:25,360
Demagun hau benetan cool uste dut, eta denbora honetan, besteak beste, me nire orrian.

835
00:50:25,360 --> 00:50:28,300
Bihurtzen da, hau da, benetan, oso sinplea.

836
00:50:28,300 --> 00:50:32,810
Dezagun salto baino gehiago hemen quote3.js.

837
00:50:34,890 --> 00:50:37,380
Nire fitxategia itxura apur bat ezberdinak.

838
00:50:37,380 --> 00:50:39,700
Down hemen nire AJAX stuff guztiak berdina da.

839
00:50:39,700 --> 00:50:43,170
Stock datuak kargatu nahi dut, beste orri batean joan beharrik gabe.

840
00:50:43,170 --> 00:50:46,220
Baina orain, plugin hau erabili nahi dut.

841
00:50:46,220 --> 00:50:51,020
Bootstrap dokumentazioa, zer egin dezaket adibide handiak ditu.

842
00:50:51,020 --> 00:50:54,350
Esan nahi dut, "Hemen sarrera osaketa automatikotik nahi dut"

843
00:50:54,350 --> 00:50:56,640
eta deitzen typeahead funtzio hau deitu noa,

844
00:50:56,640 --> 00:50:59,730
eta hori Gurekin Typeahead stuff guztiak kudeatzeko.

845
00:50:59,730 --> 00:51:02,090
Zerrenda abiarazi du, gure iragazketa egingo da.

846
00:51:02,090 --> 00:51:06,680
Jakin behar duen gauza bakarra da zer datuak autocompleting ari gara.

847
00:51:06,680 --> 00:51:10,480
Beraz, gako hau aurkitu dut, dokumentazioa irakurri eta adibideak begira.

848
00:51:10,480 --> 00:51:14,150
Ematen dut bada source gakoa, gako honen balioa

849
00:51:14,150 --> 00:51:17,770
zenbait gauza array nahi osaketa automatikotik I da.

850
00:51:17,770 --> 00:51:20,180
Aldagai hau beste fitxategi zen.

851
00:51:20,180 --> 00:51:23,400
Ireki dut symbols.js.

852
00:51:23,400 --> 00:51:27,980
>> Symbols.js hau kateak duten array hau da, benetan, benetan big

853
00:51:27,980 --> 00:51:32,080
NASDAQ, sinboloak stock horiek guztiak.

854
00:51:32,080 --> 00:51:42,190
Itzuli nahi dut, beraz jharvard HTML, ostalari birtual, globalhost, html, txantiloi joateko bada,

855
00:51:42,190 --> 00:51:45,820
quote_form.

856
00:51:45,820 --> 00:51:50,910
Den geroztik izeneko quote3.js, let me Hemen nago barne JavaScript fitxategia aldatzeko.

857
00:51:50,910 --> 00:51:55,110
Orain quote3.js behar dut, beraz, hori JavaScript fitxategi ezberdin kargatu noa,

858
00:51:55,110 --> 00:51:57,910
bat du Bootstrap osaketa automatikotik hori.

859
00:51:57,910 --> 00:52:04,430
Orain atzera salto egin dut nabigatzailea, orrialde hori berriz kargatu, eta aa idazten hasi naiz,

860
00:52:04,430 --> 00:52:06,880
ez da nire automatikoki osatu '. Eta benetan izan zen bezala hori bezain erraza da.

861
00:52:06,880 --> 00:52:11,400
1 kode lerro besterik esan izan nuen, "Hemen gauzak nahi osaketa automatikotik dut"

862
00:52:11,400 --> 00:52:16,590
eta bat-batean, benetan, benetan nice funtzionalitate hau daukat ahalegin asko ez guztiak oso bat.

863
00:52:16,590 --> 00:52:19,810
Ari zaren webgune eta, batez ere, gauzak frontend aldean garatuz,

864
00:52:19,810 --> 00:52:21,840
kasu honetan asko aurkituko duzu.

865
00:52:21,840 --> 00:52:25,700
Daude asko, asko, benetan cool liburutegi asko daude

866
00:52:25,700 --> 00:52:30,190
osatzen duten gauza erraza egin hau atsegin super da.

867
00:52:30,190 --> 00:52:37,230
Ezin edonork, besterik gabe, sinbolo handi zerrenda honetan autocompleting desabantaila edozein deritzozu?

868
00:52:37,230 --> 00:52:41,580
Zer izan daiteke zerbait hori ez da onena hurbilketa honekin?

869
00:52:42,790 --> 00:52:45,960
Bai. >> [Ikasleak] Denbora [inaudible] asko

870
00:52:45,960 --> 00:52:50,420
Bai. Oraintxe JavaScript fitxategi handi hau ari gara deskargatu eta sinbolo asko.

871
00:52:50,420 --> 00:52:54,360
Eta horrela dugu stuff tona bat izanez gero, hau Could mota handitzeko ez bakarrik bilatzen latentzia

872
00:52:54,360 --> 00:52:56,600
baina, aldi berean, uneko fitxategia deskargatzean.

873
00:52:56,600 --> 00:52:58,670
Great. Beste ezer?

874
00:53:01,950 --> 00:53:05,280
Oraintxe garrantzia benetako zentzua ez da.

875
00:53:05,280 --> 00:53:08,190
A, erakusten duten enpresak sortu hemen dut idazten baduzu

876
00:53:08,190 --> 00:53:11,220
agian ez enpresa gehien A. batekin hasten

877
00:53:11,220 --> 00:53:17,130
>> Apple I lortu baino lehen, zenbait karaktere gehiago iraun dezake zer bilatzen dut aurkitu.

878
00:53:17,130 --> 00:53:20,420
Osaketa automatikotik honek ez du garrantzi Zentzu honetan.

879
00:53:20,420 --> 00:53:24,400
Besterik ez da, esan du "Anything datorren erakutsi dut".

880
00:53:24,400 --> 00:53:30,510
Ordez, nolabait integratu garrantzia batzuk nire bilaketak nuke.

881
00:53:30,510 --> 00:53:36,440
Joaten naiz bada, hemen Yahoo! Finance finance.yahoo.com

882
00:53:36,440 --> 00:53:42,100
Saiatzen naiz, Yahoo! Finance orrian sinbolo bat sartu nahi izanez gero

883
00:53:42,100 --> 00:53:52,310
eta GOOG idazten hasi nintzen, gauza zerrenda nice hau daukat.

884
00:53:52,310 --> 00:53:57,100
Bistan denez, Yahoo! Finance antzeko zerbait egiten gehiago clever Hemen ikusten da.

885
00:53:57,100 --> 00:53:59,790
Garrantzia dute, eta informazio osagarria ere badute

886
00:53:59,790 --> 00:54:01,430
salda izena bezalakoa.

887
00:54:01,430 --> 00:54:05,850
Zerbait ez dut benetan nire stock sinboloen zerrenda.

888
00:54:05,850 --> 00:54:09,520
Nahi dut, eta beraz, hartu dut.

889
00:54:09,520 --> 00:54:11,790
Dezagun hori zenbait gauza egiteko.

890
00:54:11,790 --> 00:54:15,580
Dezagun lehen ireki inspector orri hau

891
00:54:15,580 --> 00:54:18,100
Orri hau ikusi dugu hori ez da birkargatzen delako,

892
00:54:18,100 --> 00:54:21,960
beraz, ziurrenik, AJAX erabiliz nolabait kargatzen bere datuak.

893
00:54:21,960 --> 00:54:23,920
Jakin ahal izango dugu zer datuak kargatzen da.

894
00:54:23,920 --> 00:54:28,390
Sarea fitxa hau I klik egiten baduzu, eskaerak tiro behar diren guztiak dira izango.

895
00:54:28,390 --> 00:54:34,020
Orain goo dut idazten gero, ikusi besterik ez da HTTP eskaera berri bat eskuratu ahal izango dugu.

896
00:54:34,020 --> 00:54:37,490
Hau da, ziurrenik, non datu hori datozen.

897
00:54:37,490 --> 00:54:41,990
Sure nahikoa, URL horretan, apur bat Harritzeko izeneko I begiratuz gero,

898
00:54:41,990 --> 00:54:46,930
hori da, zehatz-mehatz non Yahoo off bidaliz bere datuak ikusi ahal izango dugu.

899
00:54:46,930 --> 00:54:53,400
>> Nik sortutako izeneko suggest.php fitxategi ezberdin batean espirituz lookup funtzioa oso antzekoa.

900
00:54:53,400 --> 00:54:57,730
Funtsean, Yahoo URL-kontsulta bat egiteko, datu batzuk lortu,

901
00:54:57,730 --> 00:54:59,750
eta bidaltzen du atzera me.

902
00:54:59,750 --> 00:55:02,570
Orain, big, sinboloen zerrenda handia erabiliz ordez,

903
00:55:02,570 --> 00:55:05,280
Yahoo garrantzia nice gauza erabili ahal izango dut,

904
00:55:05,280 --> 00:55:08,150
eta nik ez dut hori masiboa JavaScript fitxategia deskargatzeko.

905
00:55:08,150 --> 00:55:12,040
Besterik ez naiz benetan garrantzitsuak stock sinboloak behera tira.

906
00:55:12,040 --> 00:55:13,960
Dezagun horretan jauzi.

907
00:55:13,960 --> 00:55:17,360
Html Beraz, js. Gaur egun gara quote4.

908
00:55:17,360 --> 00:55:22,120
Orain ez da gehiago ari gara JavaScript fitxategi zerrenda handi hori erabiliz.

909
00:55:22,120 --> 00:55:24,430
Baina diseinu arazo mota txiki bat dago hemen.

910
00:55:24,430 --> 00:55:28,200
AJAX bat dela asinkronoak esan dugu.

911
00:55:28,200 --> 00:55:31,000
Zer esan nahi duen denean AJAX eskaera bat egin dut,

912
00:55:31,000 --> 00:55:36,490
beraz, hementxe on line 8, hau da, non da nire AJAX eskaera benetan tiro.

913
00:55:36,490 --> 00:55:40,370
Demagun kodea batzuk behera hemen daukat hori stuff batzuk egin behar

914
00:55:40,370 --> 00:55:43,930
erabiltzaileak edo aldaketa-orrian zerbait nahi ohartaraztea.

915
00:55:43,930 --> 00:55:49,830
Zer gertatuko da nabigatzailea ez da eskaera hau itxaron jarraitu behar

916
00:55:49,830 --> 00:55:53,480
behera eta lerro hau sakatuz aurretik.

917
00:55:53,480 --> 00:55:55,900
Hori asinkronoak parte.

918
00:55:55,900 --> 00:55:58,400
Eskaera hau egin eta esan, "bakoitzean amaitzeko,

919
00:55:58,400 --> 00:56:03,080
"Itzuli eta esan nuen arrakasta barruan deitu deitu funtzio hori."

920
00:56:03,080 --> 00:56:07,300
Horrek esan nahi du, ezin dugu deskargatu stock guztiak aldez aurretik.

921
00:56:07,300 --> 00:56:10,300
Eskaera egiteko eta zerbait itzuli arte itxaron behar dugu.

922
00:56:10,300 --> 00:56:13,330
Horrek esan nahi du horren aurretik, nahikoa izan dugu Bootstrap dira,

923
00:56:13,330 --> 00:56:15,580
"Hemen gauza zerrenda nahi dut 'automatikoki osatu' on."

924
00:56:15,580 --> 00:56:18,950
Ez da gehiago egin ahal izango dugu, jada ez dugu ezagutzen ez delako

925
00:56:18,950 --> 00:56:21,780
zer nahi benetan automatikoki osatu 'on dugu.

926
00:56:21,780 --> 00:56:25,190
Zorionez, Bootstrap hau pentsatu dira han guys smart delako,

927
00:56:25,190 --> 00:56:30,160
eta benetan eman gaituzte plugin honen Typeahead kargatu beste modu bat.

928
00:56:30,160 --> 00:56:35,630
Aurretik, source jabetza honen balioa gauza array big osaketa automatikotik hau izan zen.

929
00:56:35,630 --> 00:56:39,580
>> Orain source jabetza funtzio bat da, benetan,

930
00:56:39,580 --> 00:56:44,580
eta funtzio honen helburua da irudikatu osaketa automatikotik gauzak dira.

931
00:56:44,580 --> 00:56:48,730
Dela irudikatu da, Yahoo! Finance eskatu

932
00:56:48,730 --> 00:56:51,750
osaketa automatikotik gauza onenak dira.

933
00:56:51,750 --> 00:56:54,500
Naiz dela I AJAX oso antzeko eskaera egiteko.

934
00:56:54,500 --> 00:56:59,010
Orri hau eskatzeko suggest.php noa.

935
00:56:59,010 --> 00:57:01,360
Sinboloak zehar oraindik ere bidali nahi dut.

936
00:57:01,360 --> 00:57:05,570
Eta orain, nire arrakasta, Bootstrap dokumentazioa esan zidan

937
00:57:05,570 --> 00:57:09,130
gauza zerrenda horretan populatu,

938
00:57:09,130 --> 00:57:14,370
guztiak egin behar dut array honetan pasatuko Atzeradei funtzioa.

939
00:57:14,370 --> 00:57:15,660
Baina minutu bat itxaron.

940
00:57:15,660 --> 00:57:20,240
Hau suposatzen da, bada, array bat izango da, eta AJAX da me bidali testua,

941
00:57:20,240 --> 00:57:22,720
Nola da posible?

942
00:57:22,720 --> 00:57:27,910
Izeneko JSON datuak trukatzeko modu berri bat aurkezten du.

943
00:57:27,910 --> 00:57:33,000
Kasu honetan ez dugu atzera kate sinple bat bidaltzen.

944
00:57:33,000 --> 00:57:37,670
Orain stock sinboloak zerrenda hau konplexuagoa ari gara aurre.

945
00:57:37,670 --> 00:57:41,730
Stock ikur horiek ere enpresaren izena edo uneko prezioetan bezalako gauzak.

946
00:57:41,730 --> 00:57:47,550
Just kate luzea ez den edozein modu aurreikus formateatuta handi bat erabiliz

947
00:57:47,550 --> 00:57:51,970
ez dago datu hau lortzeko modurik onena Yahoo zerbitzaria me izango

948
00:57:51,970 --> 00:57:54,540
modu erraz ulertu ahal izango dut.

949
00:57:54,540 --> 00:58:01,280
JSON elkartze-array nola sortu dugu JavaScript abantaila hartzen duten teknologia da.

950
00:58:01,280 --> 00:58:04,510
Hau JavaScript array elkartze bezala asko begiratzen,

951
00:58:04,510 --> 00:58:06,600
eta hain zuzen ere, delako da.

952
00:58:06,600 --> 00:58:09,710
JSON JavaScript Object Idazkeraren dago.

953
00:58:09,710 --> 00:58:15,020
Hau da, funtsean, bat formatu adostutako datuak transferitzeko atzera eta aurrera.

954
00:58:15,020 --> 00:58:18,280
Hemen hau JSON objektu edo JSON elkartze-array

955
00:58:18,280 --> 00:58:21,010
me bidaliz ikastaro bati buruzko datu batzuk.

956
00:58:21,010 --> 00:58:25,110
>> Array honen gakoak ikastaro bezalako gauza cs50 balio du,

957
00:58:25,110 --> 00:58:29,140
eta behera array bat da, balio bat daukat hemen ikus ahal izango dugu.

958
00:58:29,140 --> 00:58:32,730
Ez dut kateak out parse bezalako gauzak egin eta koma bilatzeko

959
00:58:32,730 --> 00:58:35,330
eta gauzak horrela egin crazy.

960
00:58:35,330 --> 00:58:38,820
JSON formatu honetan deklaratu delako,

961
00:58:38,820 --> 00:58:43,510
JavaScript eta jQuery jada funtzioak kate bat bihurtzeko

962
00:58:43,510 --> 00:58:48,140
JSON honetan itxura bat JavaScript benetako elkartze-array

963
00:58:48,140 --> 00:58:50,440
batera lan egin ahal izango dugu.

964
00:58:50,440 --> 00:58:56,660
Egiten ez dituen fitxategia, suggest.php esaten bezain erraza da,

965
00:58:56,660 --> 00:58:59,040
me back, besterik gabe, testu-kate bat bidaliz,

966
00:58:59,040 --> 00:59:01,950
baina bidaliz me back JSON joan ezagutzen dut.

967
00:59:01,950 --> 00:59:06,760
Horrek esan nahi du JSON hori JavaScript array elkartze bihur daitezke.

968
00:59:06,760 --> 00:59:10,830
Eta beraz, jQuery, gustatzen egin didazu nuke.

969
00:59:10,830 --> 00:59:13,990
Horrek esan nahi du, hau erantzun-parametroa hemen,

970
00:59:13,990 --> 00:59:16,070
hau ez da gehiago kate bat besterik ez da.

971
00:59:16,070 --> 00:59:19,860
Dugu jQuery kontatu delako hemen dator JSON batzuk,

972
00:59:19,860 --> 00:59:22,950
jQuery smart nahikoa esatea izango da, "JSON nahi duzu?"

973
00:59:22,950 --> 00:59:26,890
Elkartze-array batean hori bihurtzeko noa. "

974
00:59:26,890 --> 00:59:32,100
Dezagun benetan Network fitxa begirada bat hartu dugu quote4.js behin.

975
00:59:32,100 --> 00:59:35,400
Hau aldatu dugu, eta orria birkargatu.

976
00:59:37,150 --> 00:59:41,250
Orain, bat-batean berriro idatzi dut.

977
00:59:41,250 --> 00:59:45,600
Pare bat suggest.php eskaerak egin dut, baina, orain, erantzun hau,

978
00:59:45,600 --> 00:59:48,670
baizik eta kate besterik ez baino, JSON da.

979
00:59:48,670 --> 00:59:52,580
Beraz, giltza irekia kizkur, esaten dut "Hona hemen elkartze-array bat dator".

980
00:59:52,580 --> 00:59:56,830
>> Elkartze-array honen gako lehen eta bakarra deritzo sinboloak,

981
00:59:56,830 --> 01:00:00,240
eta, ondoren, dagokion sinbolo guztiak array bat da

982
01:00:00,240 --> 01:00:04,820
Orain datozen Yahoo! Finance, ez hori erraldoi zerrenda.

983
01:00:06,110 --> 01:00:10,630
Hori horrela, besterik gabe, ezin dut populatu automatikoki osatu 'plugin

984
01:00:10,630 --> 01:00:14,280
batzuk dagoeneko aurretik zehaztutako fitxategi lokal bat ez datozen datuak

985
01:00:14,280 --> 01:00:17,490
baina beste zerbait.

986
01:00:17,490 --> 01:00:21,160
Bihurtzen da benetan aprobetxatu ahal izango dugun izeneko JSONP teknologia

987
01:00:21,160 --> 01:00:27,420
edo JSON tarte betegarri batera, eta middleman suggest.php hau saihesteko.

988
01:00:27,420 --> 01:00:34,010
Baina egiten ordez, utzi ordez, hau nola are gehiago hobetu ahal izango dut begirada bat hartu.

989
01:00:34,010 --> 01:00:36,040
Gustatzen I Bootstrap en Typeahead. Benetan polita da.

990
01:00:36,040 --> 01:00:39,570
Baina JavaScript ona ari gara eta mota egin nahi dugu geure burua,

991
01:00:39,570 --> 01:00:43,870
agian, plugin hau zer egiten ari izan begirada bat hartu.

992
01:00:43,870 --> 01:00:46,500
Dezagun jada ez erabili Typeahead gauza,

993
01:00:46,500 --> 01:00:50,550
dezagun saiatu hau proposatutako izakinen zerrenda geure buruari egiteko.

994
01:00:50,550 --> 01:00:53,790
Hemen quote6.php Era berean hasiko dugu.

995
01:00:53,790 --> 01:00:58,050
Aldi bakoitzean norbait mota zerbait, AJAX eskaera bat egin nahi dugu.

996
01:00:58,050 --> 01:01:01,590
Hau da gure jatorrizko CS50 Ogasun Instant antzekoa da.

997
01:01:01,590 --> 01:01:05,020
Baizik eta eskaera bat egiten quote.php baino,

998
01:01:05,020 --> 01:01:08,530
eskaera bat egiten ari gara orain fitxategi hori bera aurretik, suggest.php honetan

999
01:01:08,530 --> 01:01:12,460
besterik ez da Yahoo! Finance datuak tira.

1000
01:01:12,460 --> 01:01:19,480
>> Berriz ere, oraindik ari gara JSON espero da, baina gaur egun ez dago geroztik Typeahead Gurekin lan hau egiteko,

1001
01:01:19,480 --> 01:01:24,850
ere egin beharko dugu, egungo testu koadroan barruan balioa dela batera bidaltzeko.

1002
01:01:24,850 --> 01:01:28,120
Orain zer Yahoo! Finance galdetu jakin dugu,

1003
01:01:28,120 --> 01:01:34,160
eta, beraz, orain hemen eskaera behin osatzen exekutatu nahi dugun funtzioa.

1004
01:01:34,160 --> 01:01:36,520
Ez dugu plugin zerrenda egin digu,

1005
01:01:36,520 --> 01:01:40,630
beraz, hemen da non benetan ari gara, iradokizun zerrenda bat eraikitzeko.

1006
01:01:40,630 --> 01:01:44,850
Horretarako, askoz PHP HTML-kate handi horiek concatenated dugu

1007
01:01:44,850 --> 01:01:48,170
gero inprimatutako dugu, zehatza gauza bera egin ahal izango dugu JavaScript.

1008
01:01:48,170 --> 01:01:51,850
Lehenengo izeneko iradokizunak kate honetan hasiko dugu,

1009
01:01:51,850 --> 01:01:54,590
eta kate hori HTML batzuk eduki.

1010
01:01:54,590 --> 01:01:58,320
Gauzen zerrenda bat egin nahi dugu, beraz, zerrenda etiketa honekin hasiko dugu,

1011
01:01:58,320 --> 01:02:03,340
eta gaur egun baino gehiago batetik bestera joateko atzera itzuli ziren gurekin sinbolo dugu.

1012
01:02:03,340 --> 01:02:06,500
Gogoratu, dugu esan delako dataType: 'JSON', hau da, ez da kate bat.

1013
01:02:06,500 --> 01:02:09,500
Hau da, dagoeneko Gurekin array bat. Hori da benetan cool.

1014
01:02:09,500 --> 01:02:13,790
Besterik gabe, esan ahal izango dugu, "Zerrendako elementu bat erantsi nahi dut."

1015
01:02:13,790 --> 01:02:16,000
Bat elementu baten barruan jarriko dugu horren alde,

1016
01:02:16,000 --> 01:02:19,030
emango dugu iradokizun klase bat badakigu zer da, beraz,

1017
01:02:19,030 --> 01:02:23,880
eta, orain, hemen lortu dugun Yahoo! Finance sinboloa da.

1018
01:02:23,880 --> 01:02:27,230
>> Behin ahaztuak dugu atzera sinbolo bakoitzeko elementu bat sortu dugu,

1019
01:02:27,230 --> 01:02:30,100
off zerrenda itxi nahi dugu.

1020
01:02:30,100 --> 01:02:33,040
Beraz, gaur egun, iradokizunak HTML fragment txiki honetan adierazten

1021
01:02:33,040 --> 01:02:37,860
orrian jarri da bilatzen ari gara gauzak zerrenda izango da.

1022
01:02:37,860 --> 01:02:41,070
Dezagun benetan jartzen orrian.

1023
01:02:41,070 --> 01:02:46,390
Dudan benetan hutsik div beste sortu eta eman dut iradokizunak ID egin.

1024
01:02:46,390 --> 01:02:52,520
Much bezala, div, edukiak stock datuak prezioa erakutsi dugu,

1025
01:02:52,520 --> 01:02:58,600
oraintxe nahi dugu edozein kate hau da div honen edukia ezartzeko

1026
01:02:58,600 --> 01:03:00,290
biltzen dituen ikur horiek.

1027
01:03:00,290 --> 01:03:07,650
HTML metodo hau erabiliz, iradokizun-aldagaia, katea, HTML-kate bat da.

1028
01:03:07,650 --> 01:03:13,490
HTML hartzen duten eta deitu iradokizunak div barruan jarri nahi dut.

1029
01:03:13,490 --> 01:03:15,680
Besterik ez dugu erantsiko zerbait DOM da orain.

1030
01:03:15,680 --> 01:03:20,360
DOM, elementu berri batzuk gehitu ditugu, gaur egun dugun orrian erakutsi.

1031
01:03:20,360 --> 01:03:22,540
Dezagun zer itxura ikus-en.

1032
01:03:22,540 --> 01:03:29,110
Quote6 dugu kargatu bada, eta, gaur egun, itzuliko gara,

1033
01:03:29,110 --> 01:03:34,480
aapl idazten hasi naiz, jada ez dugu Bootstrap hori automatikoki osatu ',

1034
01:03:34,480 --> 01:03:38,470
baina gaur egun zerrenda hau egin dugu.

1035
01:03:38,470 --> 01:03:43,230
Bootstrap Typeahead baino apur uglier da, esate baterako,

1036
01:03:43,230 --> 01:03:45,580
baina beste gauza baimendu egin du.

1037
01:03:45,580 --> 01:03:48,660
Bootstrap plugin hori bilatzen dugu,

1038
01:03:48,660 --> 01:03:52,590
dugunean autocompleted, 'automatikoki osatu' balio bat izan zen aapl ikusi genuen.

1039
01:03:52,590 --> 01:03:54,820
Hori agian ez da hain lagungarria.

1040
01:03:54,820 --> 01:03:59,100
Erabiltzaile gisa, agian ez dut berehala onartu stock sinbolo guztiak.

1041
01:03:59,100 --> 01:04:02,370
Zer ziurrenik naiz gehiago litekeena ezagutzen dira enpresaren benetako izenak.

1042
01:04:02,370 --> 01:04:05,310
Beraz, ez litzateke benetan lagungarria izan beharrean baino aapl esaten

1043
01:04:05,310 --> 01:04:07,970
hau esan zuen, eta antzeko zerbait Apple Inc.

1044
01:04:07,970 --> 01:04:12,240
Dugu ijetzitako Horregatik geure burua, benetan erraz egin ahal dugu.

1045
01:04:12,240 --> 01:04:17,630
Dezagun ireki gure azken aurrekontua fitxategia hemen, beraz quote7.

1046
01:04:17,630 --> 01:04:23,200
>> Gauza bera. Beste PHP fitxategi egingo digu itzultzeko sinbolo bakarrik baino gehiago sortu dut.

1047
01:04:23,200 --> 01:04:25,550
Horrez gain, ematen diguten konpainiaren izenak.

1048
01:04:25,550 --> 01:04:28,150
Eta, beraz, gauza bera egiten ari gara. AJAX eskaera bat egiten ari gara.

1049
01:04:28,150 --> 01:04:32,370
Behin eskaera burutu du, funtzio hau exekutatu hemen dugu,

1050
01:04:32,370 --> 01:04:36,520
eta funtzio hori kate handi bat eraikitzeko elementu.

1051
01:04:36,520 --> 01:04:39,520
Baina hemen diferentzia zerrendak horien balioa ez da jada sinboloa besterik ez da,

1052
01:04:39,520 --> 01:04:45,370
Orain da izena.

1053
01:04:45,370 --> 01:04:47,070
Beraz, txiki bat arazo izan ditugu.

1054
01:04:47,070 --> 01:04:51,590
Gure lookup erabiltzen dugu, nolabait gainditu behar dugu sinboloa.

1055
01:04:51,590 --> 01:04:54,950
Ezin dugu gainditu lookup Microsoft Corporation antzeko zerbait.

1056
01:04:54,950 --> 01:04:57,900
It MSFT gainditu behar dugu.

1057
01:04:57,900 --> 01:05:01,640
HTML idazten ari gara, inkorporatu atributuen eder asko ditugu.

1058
01:05:01,640 --> 01:05:05,440
A href edo klase bat lotuta egon litekeen.

1059
01:05:05,440 --> 01:05:08,230
Baina zer gertatzen da benetan behar dugu gaur egun esteka hauetako bakoitzak

1060
01:05:08,230 --> 01:05:11,120
lotutako stock sinboloa.

1061
01:05:11,120 --> 01:05:14,240
Ez-eraikitako atributua HTML stock sinboloa,

1062
01:05:14,240 --> 01:05:21,010
baina, zorionez, HTML5 esker, gure atributuak sortzeko edozein izanda ere nahi dugu.

1063
01:05:21,010 --> 01:05:24,620
Datu-sinboloa esanez, atributua berria sartu dut

1064
01:05:24,620 --> 01:05:29,350
cuyo nombre egin dut, eta hori ongi dago datu honekin prefaced I delako.

1065
01:05:29,350 --> 01:05:34,270
Dago sinboloa barruan gordetzeko salda ari gara orain.

1066
01:05:34,270 --> 01:05:39,590
Zer esan nahi du da, nahiz eta enpresaren izena balioa bistaratzeko ari gara

1067
01:05:39,590 --> 01:05:43,380
gure automatikoki osatu 'barruan, oraindik ari gara sinboloa gogoratuz

1068
01:05:43,380 --> 01:05:47,110
hori enpresa bakoitzaren lotutako.

1069
01:05:47,110 --> 01:05:50,350
Horrela ari gara egiten elementu honen beraren barruan dago.

1070
01:05:50,350 --> 01:05:52,930
Beraz, horrek esan nahi du aldaketa gehiago egin behar dugu.

1071
01:05:52,930 --> 01:05:57,090
Noiz egin klik dugu, benetan aprobetxatzen sinboloa atributua behar dugu

1072
01:05:57,090 --> 01:06:00,220
baino bere balioa.

1073
01:06:00,220 --> 01:06:05,010
Dugu back up bada, gertaera kudeatzailea bat erantsi dugu iradokizunak.

1074
01:06:05,010 --> 01:06:09,280
Bakoitzean iradokizunak horietako bat sakatuta, zerbait egin nahi dut.

1075
01:06:09,280 --> 01:06:13,160
Sarrerako kutxa balioa aldatu egin nahi dut.

1076
01:06:13,160 --> 01:06:16,100
Orain, hau val funtzio bera ezarri nahi dut.

1077
01:06:16,100 --> 01:06:21,060
>> Beraz, argumenturik gabe val funtzio hau itzultzen du dagoeneko testu-koadroan,

1078
01:06:21,060 --> 01:06:27,070
baina ematen baduzu kate bat, kate hori hartu eta testu-kutxan jarri dute.

1079
01:06:27,070 --> 01:06:28,980
Bere testu-koadroan naiz hautatzeko modu berean.

1080
01:06:28,980 --> 01:06:31,230
Forma-quote izena sinboloa da barrutik.

1081
01:06:31,230 --> 01:06:37,540
Orain bidaltzen dut atributuaren balioa datu-sinboloa.

1082
01:06:37,540 --> 01:06:41,560
Gauza berria da, $ (hau).

1083
01:06:41,560 --> 01:06:46,850
Zer da hau erreferentziatzen sakatu elementua da.

1084
01:06:46,850 --> 01:06:50,880
Hemen ikus dezakegu ari ez garela klik gertaera bat erantsiz

1085
01:06:50,880 --> 01:06:54,690
iradokizun klase bat elementu bakoitzari banan-banan.

1086
01:06:54,690 --> 01:06:57,140
Izan ere, pixka bat hurbiltzen ari gara modu ezberdina du.

1087
01:06:57,140 --> 01:07:01,700
Horren ordez, esaten ari garen, betiere ezer iradokizunak div honen barruan,

1088
01:07:01,700 --> 01:07:04,080
gogoan besterik ez da zerrenda hori edukiontzi

1089
01:07:04,080 --> 01:07:10,150
div honen barruan zerbait klikatu bada, eta iradokizun klase bat du,

1090
01:07:10,150 --> 01:07:13,000
Gertaera hau sua nahi dut.

1091
01:07:13,000 --> 01:07:17,490
Funtsean event handler horretan bertan berrerabili ahal izango dugu zer egin dezakegun, horrek esan nahi du

1092
01:07:17,490 --> 01:07:20,000
zerrendan gauza guztiak.

1093
01:07:20,000 --> 01:07:22,080
Beraz, ez dugu lehen elementu bat gertaera kudeatzailea izan

1094
01:07:22,080 --> 01:07:24,550
eta bigarren elementu ekitaldi ezberdinak kudeatzailea.

1095
01:07:24,550 --> 01:07:29,880
Ordez, esan ahal izango dugu, "event handler bera nire zerrenda guztia eskatu nahi dut."

1096
01:07:29,880 --> 01:07:34,420
Baina nolabait ezagutzen den elementu sakatu behar dugu.

1097
01:07:34,420 --> 01:07:38,450
Hau keyword "hau" adierazten du besterik gabe.

1098
01:07:38,450 --> 01:07:42,360
Objektu izan zen, besterik gabe, erabiltzaileak klik egindakoan.

1099
01:07:42,360 --> 01:07:47,680
Besterik ez dut 3. Esteka klik egin baduzu, hau 3 link horren elementu adierazten du,

1100
01:07:47,680 --> 01:07:51,670
Horrek esan nahi du, bere atributua, datu-sinboloa I lor daiteke,

1101
01:07:51,670 --> 01:07:57,760
ezagutzen dugun sakatu besterik ez dut enpresaren lotutako sinboloa den eduki du.

1102
01:07:57,760 --> 01:08:04,550
Salto egin dugu atzera bada gure finantza-orria,

1103
01:08:04,550 --> 01:08:08,580
gaur egun, behin msft antzeko zerbait idazten hasi naiz ikusi ahal izango dugu,

1104
01:08:08,580 --> 01:08:11,220
ez da gehiago ari gara stock sinboloak eskuratzen

1105
01:08:11,220 --> 01:08:13,720
benetako enpresa eskuratzen ari gara orain.

1106
01:08:13,720 --> 01:08:20,410
Baina egin klik enpresa horietako bat dut,

1107
01:08:20,410 --> 01:08:25,180
ikus benetan ari garen testu-koadroan populating ez dugu enpresaren izena

1108
01:08:25,180 --> 01:08:29,850
baina edozein dela ere datuak atributu horien barruan gordetzen dira.

1109
01:08:29,850 --> 01:08:32,880
Eta, beraz, I actually ikuskatu izanez gero, elementu horiek bat eskuineko klik eginez

1110
01:08:32,880 --> 01:08:36,200
eta Inspect Element klik eginez, benetan ahal izango dugu zer itxura duen ikusteko.

1111
01:08:36,200 --> 01:08:40,290
>> Gogoratu hau zerbait barruan sortu dugun hori begizta da

1112
01:08:40,290 --> 01:08:42,649
sortu ziren eraikitzen HTML katea.

1113
01:08:42,649 --> 01:08:47,870
Dugu hemen ikus ahal izango du, datu-sinboloa MSFT, handia da balioa du.

1114
01:08:47,870 --> 01:08:49,189
Hau da, zer espero genuen.

1115
01:08:49,189 --> 01:08:53,170
Sinboloa da, eta hori, nola erabili behar dugun balioa lortu dugu

1116
01:08:53,170 --> 01:08:56,140
testu-koadro honen barruan.

1117
01:08:56,140 --> 01:08:58,850
Hori da aurrekontua inprimaki nahikoa aspergarria mota delako.

1118
01:08:58,850 --> 01:09:02,990
Dezagun gure zorroa orria azkar Osagarri batzuk besterik ez.

1119
01:09:02,990 --> 01:09:08,109
Nik CS50 Ogasun pixka bat erabili baduzu eta salerosketa stocken asko hasten zarenean,

1120
01:09:08,109 --> 01:09:11,300
azkenean, taula hau pretty big iritsi da,

1121
01:09:11,300 --> 01:09:13,850
eta stock ticker, jakina, nahi duzu.

1122
01:09:13,850 --> 01:09:20,350
Taula da benetan, benetan handia denean, erabilgarria da erabiltzailearentzat bilatu saiatzeko.

1123
01:09:20,350 --> 01:09:23,290
Bilaketa-kutxa hasten badut Disney antzeko zerbait idazten Inside

1124
01:09:23,290 --> 01:09:26,359
, eta nire Mickey Mouse stock bila, ikus dezakegu taula hori iragazteko

1125
01:09:26,359 --> 01:09:28,189
zer idatzi besterik ez dut sartu

1126
01:09:28,189 --> 01:09:31,640
Funtzionaltasun honek itxura super zaila da, baina benetan, benetan erraza da

1127
01:09:31,640 --> 01:09:33,859
jQuery eta JavaScript-rekin.

1128
01:09:33,859 --> 01:09:39,189
Fitxategi honek portfolio.php izeneko portfolio.js JavaScript fitxategi bat barne hartzen ditu.

1129
01:09:39,189 --> 01:09:41,130
Ikus dezagun begirada bat.

1130
01:09:41,130 --> 01:09:44,890
Html Beraz, js, zorroa.

1131
01:09:44,890 --> 01:09:49,210
Hemen mahai gainean bilatzen ari gara egiten.

1132
01:09:49,210 --> 01:09:52,750
Lehenik eta behin, egin behar dut event handler bat erantsi da testu-kutxa

1133
01:09:52,750 --> 01:09:55,760
ezagutzen dugun nahi dugun gure iragazteko funtzioa su delako

1134
01:09:55,760 --> 01:09:59,800
aldi bakoitzean, erabiltzaileak prentsak zerbait Search botoiak denbora izan dugu ez delako.

1135
01:09:59,800 --> 01:10:03,000
Egin behar dugun lehenengo gauza da irudikatu zer erabiltzaileak bilatzen da,

1136
01:10:03,000 --> 01:10:04,780
besterik ez dugu aurretik egin bezala.

1137
01:10:04,780 --> 01:10:11,320
Hitz hori elementu uneko erabiltzaileak elkarreraginean egiten dio erreferentzia.

1138
01:10:11,320 --> 01:10:14,070
>> Erabiltzaileak bilaketa-koadroan erlazionatzerakoan,

1139
01:10:14,070 --> 01:10:17,020
$ Bilaketa-kutxa hau adierazten du,

1140
01:10:17,020 --> 01:10:21,820
beraz this.val ematen digu zer Gaur egun, erabiltzaileak idazten bilaketa-kutxa barruan.

1141
01:10:22,810 --> 01:10:27,320
Beraz, orain zer egin nahi dugun baino gehiago batetik bestera joateko errenkadetan nahi dugu

1142
01:10:27,320 --> 01:10:29,240
gure taula barruan.

1143
01:10:29,240 --> 01:10:35,630
Gure taulan errenkada guztiak hautatzeko, mahai hori taula zorroa ID bat eman dut,

1144
01:10:35,630 --> 01:10:39,060
eta errenkada bakoitzeko TR elementu bat irudikatzen da,

1145
01:10:39,060 --> 01:10:42,080
beraz, hautatzaileak hori me big array bat itzuli du

1146
01:10:42,080 --> 01:10:44,370
nire taula errenkada guztiak.

1147
01:10:44,370 --> 01:10:47,010
Orain baino gehiago batetik bestera joateko array hori nahi dut.

1148
01:10:47,010 --> 01:10:52,390
Baduzu, ezin izan dut loop, baina jQuery benetan polita eskaintzen digu izeneko funtzioa "bakoitzean."

1149
01:10:52,390 --> 01:10:55,220
Zer ez da bakoitzaren argumentu bat hartzen du,

1150
01:10:55,220 --> 01:10:57,090
eta argumentu horrek funtzio bat da.

1151
01:10:57,090 --> 01:11:02,760
Zer egin egingo da funtzio hori zerrenda honen barruan elementu guztietan aplikatuko da.

1152
01:11:02,760 --> 01:11:05,550
Funtzio honek argumentu bat da, e hartzen du,

1153
01:11:05,550 --> 01:11:10,090
funtzio hau exekutatu, e hau da lehenengo errenkadan ordezkatu behar,

1154
01:11:10,090 --> 01:11:12,070
bigarren ilaran, eta, ondoren, hirugarren errenkadan.

1155
01:11:12,070 --> 01:11:15,150
Modu honetan, gauza bera da bat exekutatzen ari loop

1156
01:11:15,150 --> 01:11:21,360
eta, ondoren, zure barruan indizea loop oinarritutako uneko elementu kalkulatzen.

1157
01:11:21,360 --> 01:11:24,750
Iterazio bakoitzean, elementu horiek taula bakoitzean,

1158
01:11:24,750 --> 01:11:30,560
- Errenkadan barruan zelula testu elementu testua bada egiaztatu nahi dut

1159
01:11:30,560 --> 01:11:33,130
datorrenean zer ari naiz bilatzen.

1160
01:11:33,130 --> 01:11:36,390
Komando big kate luzea da nola egin nuen.

1161
01:11:36,390 --> 01:11:40,900
Lehenik eta behin, berriro ere, hau da, gaur egun aipatzen da funtzio berri baten barruan delako

1162
01:11:40,900 --> 01:11:45,020
taulako errenkada uneko hau da gaur egun.

1163
01:11:45,020 --> 01:11:47,340
Taula uneko errenkada hartu nahi dut,

1164
01:11:47,340 --> 01:11:49,950
eta bere seme-alaba guztiak lortu nahi dut.

1165
01:11:49,950 --> 01:11:51,940
Gogoratu, DOM zuhaitz hierarkiko bat da,

1166
01:11:51,940 --> 01:11:54,200
horrek esan nahi du elementu duten seme-alaben kopurua.

1167
01:11:54,200 --> 01:12:00,180
>> Me itzultzeko. Seme-alabak funtzioa elementu guztiak array bat itzuli egingo

1168
01:12:00,180 --> 01:12:03,240
duten seme-alabak dira, kasu honetan, taulako errenkada bat.

1169
01:12:03,240 --> 01:12:07,150
Hau besterik ez da, besterik gabe, errenkadan barruan zelulak.

1170
01:12:07,150 --> 01:12:09,230
Lehen gelaxkan bilatu nahi dut.

1171
01:12:09,230 --> 01:12:13,090
Array horretan lehenengo elementua eman me. Lehenengo funtzioa dio.

1172
01:12:13,090 --> 01:12:17,070
Ondoren, testu-funtzioa dio me zehazki zer barruan pilak

1173
01:12:17,070 --> 01:12:19,530
testua bilatu nahi dut geroztik.

1174
01:12:19,530 --> 01:12:21,040
Azkenik, dezagun bihurtu minuskula

1175
01:12:21,040 --> 01:12:23,940
beraz, testu kasu minuskulak bereizten kontsultak egin ahal izango dugu.

1176
01:12:23,940 --> 01:12:29,990
Azkenik, mahai baten barruan kate hori bilatzen ari gara kate badu ikusi nahi dugu.

1177
01:12:29,990 --> 01:12:32,980
JavaScript funtzio indexOf ez hori bakarrik.

1178
01:12:32,980 --> 01:12:37,060
Kontatzen digu kate honen kate beste badu ala ez.

1179
01:12:37,060 --> 01:12:40,150
Egia da zelula hori du zer ari naiz bilatzen badu,

1180
01:12:40,150 --> 01:12:42,140
ziur dela erakutsi nahi dut.

1181
01:12:42,140 --> 01:12:45,330
Show metodoa, esan du "Erakutsi elementu."

1182
01:12:45,330 --> 01:12:50,350
Hau ez bada kasua, eta gero esan nahi du edozein dela ere, ez da jasotako dut bilatzen

1183
01:12:50,350 --> 01:12:53,550
Lerro horren barruan, eta ezkutatu nahi dut, beraz, erabiltzailea da.

1184
01:12:53,550 --> 01:12:59,240
Hori dela nice iragazteko efektua lortzen da, non jada ez taula osoa ikusiko dugu.

1185
01:12:59,240 --> 01:13:01,480
Zu nola ticker hau ondo egiteko interesa baduzu,

1186
01:13:01,480 --> 01:13:04,180
source online bidal dugu. Baina oso sinplea da.

1187
01:13:04,180 --> 01:13:09,860
JQuery animazioak eta manipulatzeko CSS propietate horiek metodo awesome ditu.

1188
01:13:09,860 --> 01:13:11,020
Beraz, hori da niretzat.

1189
01:13:11,020 --> 01:13:15,560
>> Zer ondoren aurretik datza? Egun batzuk bezala ikusi ahal izango dituzu, azken proiektu proposamena dela.

1190
01:13:15,560 --> 01:13:17,730
Proiektuak behin betiko proposamena galdera batzuk eskatuko dizu,

1191
01:13:17,730 --> 01:13:19,420
baina, horien artean, hiru mugarri izango da

1192
01:13:19,420 --> 01:13:22,840
bat "ona" mugarria, mugarri bat hobea, eta bat onena.

1193
01:13:22,840 --> 01:13:25,870
Ideia benetan duzu guys laguntzeko ezarri zure itxaropenak

1194
01:13:25,870 --> 01:13:29,160
beraz, gutxi da zure proiektuaren azken irteera pozik izango duzu

1195
01:13:29,160 --> 01:13:32,060
eta "ona" izango da hain urruti dagokienez.

1196
01:13:32,060 --> 01:13:34,540
Baina orduan, apur bat lortu ahal izango duzu, zerbait lortzeko interesa hobeto

1197
01:13:34,540 --> 01:13:37,680
edo zerbait onena ere, dugu push duten norabidean baita ordenatzeko.

1198
01:13:37,680 --> 01:13:40,660
CS50 Hack-a-thon, berriz, aste batzuk.

1199
01:13:40,660 --> 01:13:44,340
Normalean, hau egiten dugu loteria oinarri oinarria delako interes

1200
01:13:44,340 --> 01:13:47,680
baina odds dira ehun batzuk shuttle autobus bat hartu dugu Harvard Square

1201
01:13:47,680 --> 01:13:51,540
behera Kendall Square non Microsoft egokiekin "NERD" deitzen instalazioak eder bat -

1202
01:13:51,540 --> 01:13:53,830
New England Ikerketa eta Garapen Zentroa.

1203
01:13:53,830 --> 01:13:56,380
8 ak aldera iritsi gara janari batzuk izan dugu.

1204
01:13:56,380 --> 01:13:58,160
1 a.m. inguruan zenbait elikagai gehiago izan dugu.

1205
01:13:58,160 --> 01:14:02,150
5 inguru am Oraindik bada esna zuzenduko dugu edo IHOP hartu zaitu campusean.

1206
01:14:02,150 --> 01:14:04,380
Helburua ez da proiektu final murgiltzea

1207
01:14:04,380 --> 01:14:06,190
ikaskideen eta langileen ondoan.

1208
01:14:06,190 --> 01:14:08,280
Ondoren, egun batzuk geroago, CS50 azoka da,

1209
01:14:08,280 --> 01:14:10,990
benetan ekarri den aukera bat izan duzu guys zure lana erakusteko

1210
01:14:10,990 --> 01:14:12,700
eta lorpenen seihilekoan

1211
01:14:12,700 --> 01:14:15,610
sorbaldak igurtziz, berriz, elkarren artean, eta zer denek zuten zentzu bat eskuratzerakoan.

1212
01:14:15,610 --> 01:14:17,850
Esan, asko, Tommy eta Joseph esker,

1213
01:14:17,850 --> 01:14:19,960
eta ikusiko dugu astelehena.

1214
01:14:19,960 --> 01:14:24,070
 [Txalo]