1
00:00:00,000 --> 00:00:03,840
>> [Musika jotzen]

2
00:00:03,840 --> 00:00:05,770

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD: Beraz, orain, zahar gaude
web programazioa pros, ezta?

4
00:00:08,690 --> 00:00:12,140
Eta zuk zenbait estaltzen dugu
bideoak banakako hizkuntzetan.

5
00:00:12,140 --> 00:00:14,690
Eta orain egin dezagun beste bat gehiago, Javascript utzi.

6
00:00:14,690 --> 00:00:17,370
>> Lehen albiste ona, JavaScript
programazio modernoa da

7
00:00:17,370 --> 00:00:21,410
Hizkuntza PHP zeinen antzekoak
sintaxia da C-tik dator,

8
00:00:21,410 --> 00:00:22,830
beraz, leku ona hasiko da.

9
00:00:22,830 --> 00:00:25,880
Gisa PHP bezain zaharra, inguru ditu, baita,
ondoren 20 urte inguru izan dira.

10
00:00:25,880 --> 00:00:28,600
Inguruan asmatu zen
PHP bezala, aldi berean.

11
00:00:28,600 --> 00:00:32,240
Eta Ikusteko Javascript-a da, benetan polita
erabiltzailearen esperientzia funtsezkoa

12
00:00:32,240 --> 00:00:32,740
Web la.

13
00:00:32,740 --> 00:00:34,448
Izan ere, badira
Hiru hizkuntzatan dudala

14
00:00:34,448 --> 00:00:38,480
nolakoa litzateke osatzen
Erabiltzaile elkarreraginean esperientzia

15
00:00:38,480 --> 00:00:42,650
webgunearekin, itsatsi,
css, eta Javascript.

16
00:00:42,650 --> 00:00:46,030
Eta beraz, gaur egungo eztabaida bat utzi
Javascript buruz pixka.

17
00:00:46,030 --> 00:00:50,301
>> Albiste txarrak, nahiz eta, batez Javascript da
arau asko ezartzen dela berez,

18
00:00:50,301 --> 00:00:51,300
eta, ondoren, horiek hausten da.

19
00:00:51,300 --> 00:00:54,010
Eta Ikusteko Javascript-a benetan izan
motatako ikasteko erronka,

20
00:00:54,010 --> 00:00:57,000
da C ez bezala, zeren eta
PHP, horrek oso egituratuta daude

21
00:00:57,000 --> 00:01:00,270
eta arau oso zorrotzak
gauzak nola lan egin ahal izango da.

22
00:01:00,270 --> 00:01:03,690
Javascript ditu mota
ahaztuak beraz, malgua

23
00:01:03,690 --> 00:01:06,650
Hori, agian, gauzak ez dira joan
lan modu horiek espero dugu,

24
00:01:06,650 --> 00:01:09,830
eta, agian, ez dugu benetan ezin ikasi
Gure lehen programazio hizkuntza

25
00:01:09,830 --> 00:01:10,769
Javascript gisa.

26
00:01:10,769 --> 00:01:12,810
Beraz, agian ez duelako
ezarri arauak,

27
00:01:12,810 --> 00:01:15,754
Eta ez du benetan
kodeketa ohitura onak betearazteko.

28
00:01:15,754 --> 00:01:18,170
Baina orain nik zorionez garatutako
kodeketaren ohitura onak,

29
00:01:18,170 --> 00:01:21,470
eta beraz, saiakera hasi gaitezke
gutxi Javascript sartu pixka bat.

30
00:01:21,470 --> 00:01:25,750
>> Ikusteko Javascript-a, inaugurazio antzekoa idazteko
a dot C luzapeneko C fitxategi bat ireki

31
00:01:25,750 --> 00:01:29,770
edo PHP dot PHP luzapena duen fitxategi bat,
Egin behar dugun guztia da ireki fitxategia

32
00:01:29,770 --> 00:01:31,764
dot js fitxategi-luzapena.

33
00:01:31,764 --> 00:01:34,430
Ez dugu behar berezirik izan
dugun bezala mugatzaileak PHP egin.

34
00:01:34,430 --> 00:01:36,750
Angelu moduko hori
parentesi galdera ikurra PHP

35
00:01:36,750 --> 00:01:40,300
erabiltzen ari gara hori, bidea
Gure nabigatzailean esango dugu, daukaguna da

36
00:01:40,300 --> 00:01:43,502
Ikusteko Javascript-a barne dago
html etiketa bat da,

37
00:01:43,502 --> 00:01:46,210
eta ikusiko dugu pixka bat
nola egiten den une batean.

38
00:01:46,210 --> 00:01:48,210
>> Horri esker, beste gauza
Javascript ezberdinak,

39
00:01:48,210 --> 00:01:50,580
nahiz eta, bezero alboko exekutatzen dela.

40
00:01:50,580 --> 00:01:53,430
Beraz, PHP gogoratzen
ezin izan dugu inoiz benetan ikusi

41
00:01:53,430 --> 00:01:57,041
PHP web orri bat azpimarratzen du.

42
00:01:57,041 --> 00:01:59,040
Inoiz ikusitako badiogu
orriaren iturburua, bakarrik genuke

43
00:01:59,040 --> 00:02:02,830
ikusi html zela
PHP sortutako.

44
00:02:02,830 --> 00:02:04,900
Baina JavaScript exekutatzen bezero aldean.

45
00:02:04,900 --> 00:02:06,710
Zure JavaScript zure ordenagailuan exekutatzen.

46
00:02:06,710 --> 00:02:09,050
Eta horregatik egin dezakezu
Gauzak gustatzen blokeatzaileak gehitu.

47
00:02:09,050 --> 00:02:09,550
Eskuin?

48
00:02:09,550 --> 00:02:12,704
Ad blokeatzen arabera egin ohi
Javascript guztia hil

49
00:02:12,704 --> 00:02:14,370
hori bereziki web exekutatzen.

50
00:02:14,370 --> 00:02:19,000
Eta hori izan lukeelako
Zure makina bezero alboko exekutatu,

51
00:02:19,000 --> 00:02:21,910
Besterik ezin duzu gelditu du
Erabat martxan Javascript.

52
00:02:21,910 --> 00:02:27,030
Hori ere esan nahi denean erabiltzen duzula
Web orri bat da, besteak beste JavaScript,

53
00:02:27,030 --> 00:02:32,450
Javascript iturburu bidali behar duzu
Zure http erantzunaren barnean kodea

54
00:02:32,450 --> 00:02:34,159
bezeroari direnean hala eskatzen.

55
00:02:34,159 --> 00:02:35,950
Eta beraz, agian ez duzu
Ikusteko Javascript-a erabili nahi

56
00:02:35,950 --> 00:02:38,395
Gauzak benetan sentikorra egin
Informazio pasatuz bezala

57
00:02:38,395 --> 00:02:41,020
buruz erabiltzaileen pasahitzak kopiak eta
dagozkio, benetan ari dira delako

58
00:02:41,020 --> 00:02:45,610
iturburu-kode guztiek jasoko,
bat sortzen da, eta ez bakarrik itsatsi du,

59
00:02:45,610 --> 00:02:49,030
esate baterako, demagun PHP kasua izango litzateke.

60
00:02:49,030 --> 00:02:51,620
>> Beraz, nola ez, besteak dugu JavaScript
Gure itsatsi in hasteko?

61
00:02:51,620 --> 00:02:54,520
Beno, CSS antzekoa, benetan,
nola egiten dugu hemen moduko da.

62
00:02:54,520 --> 00:02:56,190
CSS estilo tags dugu.

63
00:02:56,190 --> 00:03:00,760
Eta estilo etiketa horien barruan,
CSS estilo orri defini dezakegu.

64
00:03:00,760 --> 00:03:03,450
Antzera JavaScript
ahal ireki dugu script etiketa,

65
00:03:03,450 --> 00:03:06,660
beste html etiketa ez genuen
buruz hitz egin gure itsatsi bideo batean,

66
00:03:06,660 --> 00:03:09,720
eta idatzi JavaScript
gidoi etiketa horiek artean.

67
00:03:09,720 --> 00:03:13,960
Era berean, ordea, CSS bezala, dugu
lotu beharko lirateke urtean CSS fitxategiak kanpo

68
00:03:13,960 --> 00:03:15,900
eta tira, gure programa, era horretan sartu.

69
00:03:15,900 --> 00:03:18,280
CSS batera, era berean, ezin dugu onartu
Barkatu, Ikusteko Javascript-a

70
00:03:18,280 --> 00:03:23,240
dugu iturria ere ezarri dezakezu
Script etiketa atributua

71
00:03:23,240 --> 00:03:25,720
Ikusteko Javascript-a esteka
bereizita, beraz, ez duzu

72
00:03:25,720 --> 00:03:27,680
idazteko dute
gidoi tags artean, dugu

73
00:03:27,680 --> 00:03:29,600
lotu ahal erabiliz
Script etiketa hori baita.

74
00:03:29,600 --> 00:03:33,230
Eta besterik CSS non kasuan gertatzen den moduan
zela, seguruenik, gomendatzen dugu

75
00:03:33,230 --> 00:03:36,090
zure interes onena emateko idatzi
Zure CSS kasuan aparteko fitxategi batean

76
00:03:36,090 --> 00:03:38,500
aldatu behar duzu,
era berean, egin gomendatzen dugu

77
00:03:38,500 --> 00:03:40,720
Zure idatzi duzula
Fitxategi desberdinetan JavaScript

78
00:03:40,720 --> 00:03:45,460
eta erabili script etiketa iturburua
iratxekitzerik zure Javascript lotzeko

79
00:03:45,460 --> 00:03:49,520
Zure itsatsi, zure web orrian sartu.

80
00:03:49,520 --> 00:03:52,610
>> Aldagai Beraz JavaScript, dizkizugu
hasteko hemen sintaxia buruz hitz egiten.

81
00:03:52,610 --> 00:03:53,600
Eta gu joango bidez
Azkar mota hau,

82
00:03:53,600 --> 00:03:56,640
dudan dugu delako hau PHP, beraz,
hau guztia izan behar du nahiko ezaguna.

83
00:03:56,640 --> 00:03:59,490
Beraz Javascript aldagai daude
oso antzeko aldagaiak PHP.

84
00:03:59,490 --> 00:04:03,270
Ez dago motaren espezifikatzailea, eta
aldagai bat aurkeztu duzu,

85
00:04:03,270 --> 00:04:05,070
egiten zeinua duzu var hitzarekin batera.

86
00:04:05,070 --> 00:04:07,750
PHP zerbait egin nahi dugu
Hau atsegin, dolarraren ikurra x.

87
00:04:07,750 --> 00:04:09,950
Hori nola adieraziko dugu
aldakorra da, baina ez dugu

88
00:04:09,950 --> 00:04:12,060
ez motaren aipatu
aldagaiaren batere.

89
00:04:12,060 --> 00:04:15,124
Antzeko zerbait esan genezake
dolarraren ikurra x berdin 44 PHP.

90
00:04:15,124 --> 00:04:17,040
Egiten genuen badu
Ikusteko Javascript-a ere gauza bera,

91
00:04:17,040 --> 00:04:19,589
esan var x berdin 44 genuke.

92
00:04:19,589 --> 00:04:22,780
Beraz var gure bidea moduko da
aldagai bat sartuz.

93
00:04:22,780 --> 00:04:26,850
Hori da, agian, pixka bat intuitiboagoa
besterik dolarraren ikurra aldakorra baino.

94
00:04:26,850 --> 00:04:29,080
>> Berriz ere, ez dago geroztik ez
datu-motak, hau egin ahal izan genuen

95
00:04:29,080 --> 00:04:34,490
datu-mota edozein, kateak,
beste ezer guztiak var litzateke.

96
00:04:34,490 --> 00:04:37,260
Baldintzazkoak, guztiok gure
C eta PHP-tik lagun zahar

97
00:04:37,260 --> 00:04:41,640
eskuragarri daude oraindik, beraz, badugu,
bestela, bada, bestela, aldatu eta galdera

98
00:04:41,640 --> 00:04:42,240
marka colon.

99
00:04:42,240 --> 00:04:45,890
Switch bezain malgua gainerako
PHP izan zen, baina horiek guztiak ari zarela

100
00:04:45,890 --> 00:04:46,930
honezkero ezagutzen.

101
00:04:46,930 --> 00:04:49,900
Eta, era berean, begiztak dira
bitartean faboritoak zaharra,

102
00:04:49,900 --> 00:04:52,700
egin bitartean, eta oraindik gurekin eskuragarri.

103
00:04:52,700 --> 00:04:55,880
Beraz, dagoeneko asko ezagutzen dugu
Oinarrizko Javascript oinarriak moduko

104
00:04:55,880 --> 00:05:01,800
besterik nahiko pixka bat izatea indarrez
ezagutza orain C eta PHP inguru.

105
00:05:01,800 --> 00:05:03,670
>> Zer JavaScript funtzio buruz?

106
00:05:03,670 --> 00:05:08,199
Beno, funtzio guztietan PHP antzekoak
Funtzio hitzarekin batera aurkeztu.

107
00:05:08,199 --> 00:05:10,740
Funtzio esan duzu, eta, ondoren,
Zure funtzioa zehazten hasiko.

108
00:05:10,740 --> 00:05:12,531
Zer da apur bat desberdinak
Javascript buruz,

109
00:05:12,531 --> 00:05:15,700
nahiz izan gaitasuna da
zer funtzio anonimo esaten.

110
00:05:15,700 --> 00:05:18,880
Beraz, funtzio defini dezakezu
ez dutela izenik.

111
00:05:18,880 --> 00:05:21,222
Hau zerbait duguna
benetan ez dute ikusi aurretik.

112
00:05:21,222 --> 00:05:23,430
Benetan izango dugu kontzeptua erabili
funtzio anonimoak

113
00:05:23,430 --> 00:05:27,880
Pixka bat beranduago honetan
bideo, bertan egingo delako

114
00:05:27,880 --> 00:05:31,530
Testuinguru zentzu pixka bat gehiago egiteko
denean ikusiko dugu egoera jakin batean

115
00:05:31,530 --> 00:05:33,120
Hemen dudala landutako ditudan.

116
00:05:33,120 --> 00:05:35,710
Baina utzi itxura bat hartu nahiko luke
zer Javascript sinple batean

117
00:05:35,710 --> 00:05:37,850
Funtzio agian itxura.

118
00:05:37,850 --> 00:05:40,610
>> Beraz, aurrera joan dut eta
ireki zuen nire CS50 IDE

119
00:05:40,610 --> 00:05:43,690
eta dagoeneko exekutatu Nik Apache
Nire zerbitzari exekutatzen hasteko.

120
00:05:43,690 --> 00:05:46,800
Eta fitxategi hori daukat
ireki Home.html deitzen.

121
00:05:46,800 --> 00:05:48,330
Eta pixka bat mapan handiago dut hemen.

122
00:05:48,330 --> 00:05:52,090
Eta, batez ere, ikusi ahal izango duzu
Home.html besterik botoiak mordo bat da.

123
00:05:52,090 --> 00:05:55,291
Eta goialdean aldarrikatzen ari naiz hemen
hori Javascript atala da

124
00:05:55,291 --> 00:05:55,790
materialak.

125
00:05:55,790 --> 00:05:59,490
Beraz, ez dago botoiak mordo bat, hemen,
baina zer botoiak horiek benetan egiten dute?

126
00:05:59,490 --> 00:06:03,662
>> Beno, buru izango gorako dugu nire IED den,
eta izan Home.html ireki dut hemen.

127
00:06:03,662 --> 00:06:05,620
Lehen urteetan,
Hemen da non lotzen natzaio

128
00:06:05,620 --> 00:06:07,500
Nire Javascript iturburu fitxategiak guztietan.

129
00:06:07,500 --> 00:06:08,000
Eskuin?

130
00:06:08,000 --> 00:06:12,440
Beraz anonymous.js, clock.js daukat,
Source atributua erabiltzen ari naiz

131
00:06:12,440 --> 00:06:14,440
gidoi etiketa fitxategi batean lotzeko.

132
00:06:14,440 --> 00:06:18,660
Beraz, ez dut idatzizko edozein
Javascript fitxategi hau zuzenean sartu,

133
00:06:18,660 --> 00:06:21,790
baina ez dut bota guztiek
Javascript I bereizita idatzi dut.

134
00:06:21,790 --> 00:06:24,540
Eta behera joan gara hemen, hau
guztiak begiratu behar zertxobait ezagutzen

135
00:06:24,540 --> 00:06:27,090
sintaxia berriak pixka batekin.

136
00:06:27,090 --> 00:06:32,655
Hemen ditugu goiburua etiketa
funtzio eta ondoren botoi bat.

137
00:06:32,655 --> 00:06:35,530
Sarrera bat duten mota botoi bat daukat,
eta itxuraz balio duena dut,

138
00:06:35,530 --> 00:06:38,130
Batzuk deitzera noa
funtzionatu alerta data.

139
00:06:38,130 --> 00:06:41,792
Eta hau da, nola sort nahastu ahal izango dugu
Ikusteko Javascript-a eta itsatsi pixka bat.

140
00:06:41,792 --> 00:06:44,500
Benetan jokatu dute nahiko nicely
elkarrekin, eta, beraz, itxuraz denean

141
00:06:44,500 --> 00:06:48,730
I klik botoi honetan, noa
Funtzio alerta data batzuk deitzeko.

142
00:06:48,730 --> 00:06:53,660
Eta, era berean izan jokabideak definitu dut
Beste botoiak guztientzat dagoela

143
00:06:53,660 --> 00:06:56,440
home.html orrialde horretan daude,
bertan itzuli jarraituko dugu

144
00:06:56,440 --> 00:06:59,172
Bideo honetan zehar egiteko.

145
00:06:59,172 --> 00:07:00,880
Baina goazen atzera eman
Hemen eta begirada bat

146
00:07:00,880 --> 00:07:03,850
clock.js at, hau da,
Javascript fitxategi hori I

147
00:07:03,850 --> 00:07:07,370
idatzi zuen lehenengo funtzioa honek baduela
Begirada bat hartu goaz.

148
00:07:07,370 --> 00:07:11,630
Ikusten duzun bezala, nire Javascript hasten naiz
keyword funtzioa hauekin funtziona,

149
00:07:11,630 --> 00:07:14,560
eta nik bat hau eman dut
izena, deitzen alerta data.

150
00:07:14,560 --> 00:07:18,710
Han barruan, itxuraz sortu dut bat
Momentuko data izeneko tokiko aldagai berria.

151
00:07:18,710 --> 00:07:21,500
Eta ez dut esleitzeko joan
data berri bat berdina.

152
00:07:21,500 --> 00:07:24,430
Eta ezin asko sartu ditugu
Zehatz-mehatz zer data bat jartzea,

153
00:07:24,430 --> 00:07:27,060
eta benetan Javascript da hain
Ezin big garela seguru

154
00:07:27,060 --> 00:07:28,330
estaltzeko bideo bat dena.

155
00:07:28,330 --> 00:07:32,220
Baina nahikoa da, hau da esateko
datu bat me itzultzeko duten

156
00:07:32,220 --> 00:07:35,470
uneko data eta denbora encapsulates.

157
00:07:35,470 --> 00:07:39,100
Dut hori gordetzeko naiz aldagai bat naiz in
itxuraz uneko data ohartarazi egingo.

158
00:07:39,100 --> 00:07:41,300
>> Beno, zer ez, alerta
Momentuko data itxura?

159
00:07:41,300 --> 00:07:46,460
Ikus dezagun fitxategia bera begirada bat
Atzera nabigatzailea leihoan.

160
00:07:46,460 --> 00:07:49,551
Beraz, berriro ere, hau botoia dela I
Izan ere, funtzio izeneko horri lotuta.

161
00:07:49,551 --> 00:07:51,800
Eta hori sakatu nuen han eta
begira zer egin, egiten dutenean.

162
00:07:51,800 --> 00:07:56,140
Kutxa moduko hau esanez altxatzeko idatz ezazu
me uneko ordua da, itxuraz

163
00:07:56,140 --> 00:07:59,370
da azaroaren 4an
Goizean 10:43:43.

164
00:07:59,370 --> 00:08:02,345
Eta berriro sakatu dut, gaur egun, bada
segundo gutxi batzuk geroago, ezta?

165
00:08:02,345 --> 00:08:03,720
Beraz, funtzio hau guztia egiten du.

166
00:08:03,720 --> 00:08:07,670
Noiz egin klik botoi honetan dut,
azalduko alerta mezu bat niretzat.

167
00:08:07,670 --> 00:08:13,806

168
00:08:13,806 --> 00:08:15,690
Beraz, ez da benetan ez
too funtzio askoz

169
00:08:15,690 --> 00:08:19,110
PHP ezberdina da,
sintaxia berriak pixka bat besterik ez

170
00:08:19,110 --> 00:08:22,500
JavaScript batera lanean dator.

171
00:08:22,500 --> 00:08:24,650
>> Ikusteko Javascript-a Arrayak
nahiko erraza.

172
00:08:24,650 --> 00:08:27,200
Array bat aldarrikatu, erabili duzu
karratu parentesi sintaxia

173
00:08:27,200 --> 00:08:30,090
PHP ezagutzen ari garela.

174
00:08:30,090 --> 00:08:33,432
Eta PHP antzekoa, dugu
halaber, datu-motak nahastu daiteke.

175
00:08:33,432 --> 00:08:35,140
Beraz, array honetan, bai
array horiek litzateke

176
00:08:35,140 --> 00:08:36,960
izan guztiz zilegia Javascript.

177
00:08:36,960 --> 00:08:42,500
One duten zenbaki osoen da dena, eta bat
da nahasten datu-mota ezberdinak.

178
00:08:42,500 --> 00:08:45,020
>> Zer da zerbait oso desberdina
Ikusteko Javascript-a ere, nahiz eta?

179
00:08:45,020 --> 00:08:47,020
Hori objektu baten nozioa da.

180
00:08:47,020 --> 00:08:50,240
Beraz, agian zuk Nik entzuna
objektu bideratutako programazioa.

181
00:08:50,240 --> 00:08:53,370
Guk ez dugu asko egin CS50,
baina apur bat egingo dugu

182
00:08:53,370 --> 00:08:55,670
Hemen JavaScripten testuinguru batean.

183
00:08:55,670 --> 00:08:59,100
Orain Javascript gaitasuna behar du
objektu bideratutako programazio bat bezala erabili

184
00:08:59,100 --> 00:09:02,615
hizkuntza, baina ez da berez
esklusiboki objektu bat orientatuta

185
00:09:02,615 --> 00:09:03,490
programazio hizkuntza.

186
00:09:03,490 --> 00:09:05,281
Eta hau berriro dator
zergatik esan nion, hura itzuli

187
00:09:05,281 --> 00:09:10,610
Oso erronka ikasten egon daiteke
JavaScript zure lehenengo programazioa

188
00:09:10,610 --> 00:09:13,890
hizkuntza, ez duelako
benetan egokitzen paradigma jakin bat.

189
00:09:13,890 --> 00:09:16,430
>> C bestetik da
programazio lengoaia funtzionala.

190
00:09:16,430 --> 00:09:22,270
Nahi badugu, funtzio dira
big boss gizon moduko, ezta?

191
00:09:22,270 --> 00:09:24,410
Manatzen dute zer
beste guztia gertatzen.

192
00:09:24,410 --> 00:09:26,600
Aldagai aldatu nahi dugu,
funtzio deitzen duguna.

193
00:09:26,600 --> 00:09:28,220
Gauza egin dugu funtzio bat.

194
00:09:28,220 --> 00:09:31,250
Objektuak ordez, batean
bideratutako hizkuntza objektu,

195
00:09:31,250 --> 00:09:35,937
objektu moduko izar bihurtu eta
funtzio bigarren mailako moduko bihurtu.

196
00:09:35,937 --> 00:09:38,270
Baina zer objektu bat, da zer
Objektu baten ideia hau da?

197
00:09:38,270 --> 00:09:40,880
Beno, laguntzen bada, uste
Horri buruz lehen ordenatu zen

198
00:09:40,880 --> 00:09:44,540
C egitura edo egitura bat bezala
aurretik garela ikasi dut.

199
00:09:44,540 --> 00:09:47,430
C, egitura bat dauka
eremu zenbaki bat,

200
00:09:47,430 --> 00:09:51,174
eta, agian, ez dugu orain agian hasteko
deitu eremuak propietate horiek.

201
00:09:51,174 --> 00:09:53,590
Baina propietate inoiz benetan
beren stand, ezta?

202
00:09:53,590 --> 00:09:56,410
Egitura bat definitu dut auto bat bada
hau ondoko bi hauek bezalako

203
00:09:56,410 --> 00:10:00,750
eremuak edo propietate, baten bat
Autoaren ikasturterako zenbaki oso

204
00:10:00,750 --> 00:10:04,290
eta beste 10 karaktere bat
autoaren eredua katea,

205
00:10:04,290 --> 00:10:07,150
I honen antzeko zerbait esan daiteke,
Aldagai berri bat deklaratu ahal izango dut

206
00:10:07,150 --> 00:10:10,080
mota eta egitura auto Herbie of.

207
00:10:10,080 --> 00:10:13,730
Baina zerbait esan dezaket
atsegin herbie.year berdinen 1,963,

208
00:10:13,730 --> 00:10:15,850
eta herbie.model berdinen Beetle.

209
00:10:15,850 --> 00:10:17,000
Ondo da.

210
00:10:17,000 --> 00:10:19,680
Eremuak naiz erabiliz
egituraren testuinguruan,

211
00:10:19,680 --> 00:10:22,290
Baina inoiz ez dut besterik
honen antzeko zerbait esaten.

212
00:10:22,290 --> 00:10:22,790
Eskuin?

213
00:10:22,790 --> 00:10:26,836
Ezin dut arlo izena erabili
egitura independentea.

214
00:10:26,836 --> 00:10:28,210
Funtsezko gauza bat sort da.

215
00:10:28,210 --> 00:10:32,990
>> Beraz eremuak izateaz
C egiturak oinarrizkoak

216
00:10:32,990 --> 00:10:39,050
oso propietate izateaz antzekoak dira
Ikusteko Javascript-a objektuak funtsezkoa.

217
00:10:39,050 --> 00:10:42,080
Baina zerk
bereziki interesgarria

218
00:10:42,080 --> 00:10:46,230
da objektu hori ere izan daiteke zer
metodoak deitzen dira, eta bertan dira benetan

219
00:10:46,230 --> 00:10:50,730
besterik landutako funtzio hitz bat dagoela
Objektu berezko baita.

220
00:10:50,730 --> 00:10:55,340
Beraz, funtzio bat baino ezin izan duten
Objektu baten testuinguruan deitzen.

221
00:10:55,340 --> 00:10:59,200
Dela definitzen objektu bat bakarra
Funtzio honek bere barruan,

222
00:10:59,200 --> 00:11:02,020
pentsatzen baduzu
Eta egitura, funtzioa

223
00:11:02,020 --> 00:11:05,720
horiek definituz barruan definitzen da
egituraren giltza kizkur.

224
00:11:05,720 --> 00:11:07,980
Beraz, soilik zerbait esan nahi du
egiturari.

225
00:11:07,980 --> 00:11:10,960
Eta hori da, zer egiten ari garen moduko
Hemen objektuak eta metodoak.

226
00:11:10,960 --> 00:11:13,580
Funtsean ari garen bezala
funtzioa definitu duten

227
00:11:13,580 --> 00:11:16,670
zentzurik batean
Objektu jakin, eta, beraz, ez dugu

228
00:11:16,670 --> 00:11:19,440
deitu objektuaren metodo bat dela.

229
00:11:19,440 --> 00:11:23,180
Eta inoiz ez diegu
funtzioa independienteak,

230
00:11:23,180 --> 00:11:29,260
besterik ez bezala, ezin dugu urteko edo modelo esan
C. struct independienteak

231
00:11:29,260 --> 00:11:32,300
>> Programazio Beraz funtzionalak
paradigmak honelako itxura.

232
00:11:32,300 --> 00:11:35,450
Funtzio eta orduan pasatzen duzu
Objektu parametro bezala ere.

233
00:11:35,450 --> 00:11:38,650
Objektu bideratutako programazio batean
hizkuntzetan, hau moduko lortzen

234
00:11:38,650 --> 00:11:43,464
iraulita, eta ez dugu pentsatu litzateke
hau gustatzen zait, object.function.

235
00:11:43,464 --> 00:11:45,380
Beraz moduko dot hori da
operadorea berriro ulertuta

236
00:11:45,380 --> 00:11:49,540
Jabetza nolabaiteko dela
edo objektu beraren ezaugarririk.

237
00:11:49,540 --> 00:11:53,240
Baina hau zer objektu bat da
bideratutako programazio hizkuntza

238
00:11:53,240 --> 00:11:57,150
funtzio bat egiteko egin liteke
metodo bat deitzeko, berriro ere, eta

239
00:11:57,150 --> 00:12:00,260
Hitz berezi bat besterik ez da funtzio bat egiteko
objektu bat berezkoa.

240
00:12:00,260 --> 00:12:03,440
Hau da, zer dela
sintaxia agian itxura.

241
00:12:03,440 --> 00:12:09,360
Eta beraz, batzuk ikusteko hasiko dugu
honek JavaScript testuinguru batean.

242
00:12:09,360 --> 00:12:12,470
>> Ere egin dezakezu objektu bat pentsatu
Sort elkarte-sorta bat bezala,

243
00:12:12,470 --> 00:12:14,160
bertan PHP ezagutzen ari gara.

244
00:12:14,160 --> 00:12:17,720
Gogoratu elkarte array ahalbidetzen
gako bikote izateko aukera eman digu, ordez

245
00:12:17,720 --> 00:12:23,040
indizeak 0, bat, bi, hiru izatea,
eta erabili ditut atsegin dugu C-tik

246
00:12:23,040 --> 00:12:23,940
arrayak.

247
00:12:23,940 --> 00:12:27,472
Elkarte multzo mapa dezakezu
hitzak, hala nola, PHP bideoan ikusten den bezala,

248
00:12:27,472 --> 00:12:29,180
buruz hitz egin genuen
pizzak toppings.

249
00:12:29,180 --> 00:12:31,180
Eta beraz, array bat izan dugu
pizzak deitzen, eta guk

250
00:12:31,180 --> 00:12:36,670
Izan gazta gako bat izan zen, eta $ 8.99 izan zen
balio, eta, ondoren, pepperoni gako bat izan zen,

251
00:12:36,670 --> 00:12:39,190
$ 9.99 balio bat zegoen, eta abar.

252
00:12:39,190 --> 00:12:43,300
Eta, beraz, ezin dugu, halaber, bat pentsatzen
oposiziorako Sort elkartze bat antzekoa

253
00:12:43,300 --> 00:12:43,840
array.

254
00:12:43,840 --> 00:12:47,020
Eta beraz, sintaxia hau hemen
Objektu berri bat sortuko da

255
00:12:47,020 --> 00:12:50,950
Herbie bi deitu
horren barruan propietate.

256
00:12:50,950 --> 00:12:57,310
Urtea, hau da, 1963ko balioa esleitzen,
eta eredua da, eta katea esleitutako

257
00:12:57,310 --> 00:12:58,140
Beetle.

258
00:12:58,140 --> 00:13:01,770
>> Eta hemen nabarituko erabiliz naiz
Ikusteko Javascript-a Komatxo.

259
00:13:01,770 --> 00:13:05,570
Bakar edo bikoitza komatxo erabil dezakezu
denean kateak aipatzen dituzu.

260
00:13:05,570 --> 00:13:07,772
Besterik ez da conventionally
kasu horretan gehien aldiz

261
00:13:07,772 --> 00:13:10,230
JavaScript idazten ari zarenean,
Komatxo erabili besterik ez duzu.

262
00:13:10,230 --> 00:13:15,050
Baina komatxo hemen erabili izan dut, eta
primeran ondo egongo litzateke, baita.

263
00:13:15,050 --> 00:13:17,470
>> Beraz, gogoratu ere nola
PHP nozio hau izan genuen

264
00:13:17,470 --> 00:13:22,730
begizta bakoitzaren gaituen ahalbidetuko luke
zehar batetik bestera joateko gako balio guztia

265
00:13:22,730 --> 00:13:25,270
elkartze bat bikote
array, garelako

266
00:13:25,270 --> 00:13:29,050
ez den batetik bestera joateko gaitasun hori
0 bitartez, bat, bi, hiru, lau,

267
00:13:29,050 --> 00:13:30,710
eta abar?

268
00:13:30,710 --> 00:13:35,010
Ikusteko Javascript-a oso antzeko zerbait du,
baina ez da izeneko begizta bakoitzeko bat,

269
00:13:35,010 --> 00:13:38,960
deitzen baten begiztak egiteko.

270
00:13:38,960 --> 00:13:42,890
Beraz, esan nuen niretzat bada like
honek, var objektuaren funtsezko egiteko,

271
00:13:42,890 --> 00:13:48,670
Ordena esanez antzekoa da
Zerbait bakoitzak zerbait bezala da.

272
00:13:48,670 --> 00:13:53,850
Baina guztiak egiten ari naiz hemen da errepikatzean
Nire objektu gakoetako guztietan zehar.

273
00:13:53,850 --> 00:13:56,070
Eta kizkur-barrutik
giltza han, nuke

274
00:13:56,070 --> 00:14:03,410
objektu karratu parentesi gako erabiltzeko erreferentzia
gakoan hartan balioa emateko.

275
00:14:03,410 --> 00:14:05,400
>> Bestela, ez da
are hurbilketa bat.

276
00:14:05,400 --> 00:14:10,880
Besterik ez dut bakarrik kezkatzen bada
balioak, objektuaren gako esan dezaket,

277
00:14:10,880 --> 00:14:12,360
eta besterik gabe erabili gakoa barruan.

278
00:14:12,360 --> 00:14:17,240
Beraz var objektuaren funtsezko egiteko, daukat
objektu karratu parentesi erabili

279
00:14:17,240 --> 00:14:19,340
begizta barruan gakoa.

280
00:14:19,340 --> 00:14:24,580
Var objektuaren gako egiteko, ahal dudan
besterik gako erabiltzeko begizta barruan,

281
00:14:24,580 --> 00:14:29,040
Zehazki, besterik ez naizelako
balioak ez buruz hitz egiten.

282
00:14:29,040 --> 00:14:32,630
>> Hargatik hartu agian en bat
aldea begiratu

283
00:14:32,630 --> 00:14:35,670
besterik azkar zuk erakutsi
lau arteko aldea

284
00:14:35,670 --> 00:14:40,730
eta alde batera oso zehatz bat
array, horrek hemen dugu, astean array.

285
00:14:40,730 --> 00:14:43,616
Beraz, array berri bat aurkitu behar dut
bete dudala zazpi kateak,

286
00:14:43,616 --> 00:14:46,240
Astelehena, asteartea, asteazkena,
Osteguna, ostirala, larunbata, igandea.

287
00:14:46,240 --> 00:14:50,530
Eta orain batetik bestera joateko nahi dut
array honen bidez,

288
00:14:50,530 --> 00:14:53,090
Informazio zenbait inprimatzeko.

289
00:14:53,090 --> 00:14:58,780
A erabili badut begizta batean
Informazio inprimatu,

290
00:14:58,780 --> 00:15:00,710
zer uste duzu lortu noa?

291
00:15:00,710 --> 00:15:01,710
Beno, utzi ditzagun.

292
00:15:01,710 --> 00:15:05,300
Eta gainetik salto egin aurretik dugu
Nire nabigatzailean leiho den,

293
00:15:05,300 --> 00:15:08,090
besterik ez ezagutu
console.log bat sort da

294
00:15:08,090 --> 00:15:10,630
Ikusteko Javascript-a inprimatu F bat egiteko modu.

295
00:15:10,630 --> 00:15:12,040
Baina zer kontsola da?

296
00:15:12,040 --> 00:15:14,940
Beno, hori zer ari gara
Begirada bat hartu oraintxe at joateko.

297
00:15:14,940 --> 00:15:16,850
>> Ados, beraz, hemen gara hemen
Nire nabigatzailearen leiho,

298
00:15:16,850 --> 00:15:19,410
eta nik ireki noa
Nire garapen tresnak eman.

299
00:15:19,410 --> 00:15:22,290
Berriz ere, besterik ez naiz F12 kolpatzeko dut
ireki garapen tresnak.

300
00:15:22,290 --> 00:15:25,670
Eta hemen nabarituko dela
goi kontsola aukeratu dut.

301
00:15:25,670 --> 00:15:28,480
Beraz, hau nozioa da
sustatzailearen kontsola bat,

302
00:15:28,480 --> 00:15:30,500
eta gurekin baimendu egingo da
Informazio inprimatu,

303
00:15:30,500 --> 00:15:33,000
Sort terminal bezala, baina
Pixka bat ikusiko duzu, geroago,

304
00:15:33,000 --> 00:15:37,720
Era berean, informazioa idatz dezakegu ere
gure web orria elkarreragin.

305
00:15:37,720 --> 00:15:42,320
Pixka bat handiago hemen noa,
eta botako nago orain, klik egin ezazu proba batean.

306
00:15:42,320 --> 00:15:45,230
Eta lau test-- ere ez naiz gonna
agertuko zaizu kodea du oraintxe,

307
00:15:45,230 --> 00:15:47,479
baina lortuko duzu baduzu
deskargatu kodea duten

308
00:15:47,479 --> 00:15:50,380
da video-- honekin lotutako
Hori besterik ez begizta da

309
00:15:50,380 --> 00:15:52,610
ikusi besterik ez dugu bat
Bigarren Duela diapositiba.

310
00:15:52,610 --> 00:15:54,810
>> Beraz gonna click naiz
botoia, eta hemen baino gehiago,

311
00:15:54,810 --> 00:15:58,440
hemen zer du inprimatutako batean
kontsola, 0, bat, bi, hiru, lau, bost,

312
00:15:58,440 --> 00:15:58,940
Sei.

313
00:15:58,940 --> 00:16:02,490
Ez nuen informazioa inprimatu
array kokapen horien barruan,

314
00:16:02,490 --> 00:16:05,180
a erabiltzen dudalako begizta batean.

315
00:16:05,180 --> 00:16:10,670
Eta begizta gorputzaren barruan, I
besterik inprimatutako gakoa ez-giltza aurka.

316
00:16:10,670 --> 00:16:18,600
Baina bada orain argi dut nire kontsola, eta I
proba proba lau aldatzeko, eta

317
00:16:18,600 --> 00:16:22,500
Begizta erabiltzen dut esango dut
ordez, eta inprimatzeko gakoa,

318
00:16:22,500 --> 00:16:28,079
Hori klik badut, orain ez dut lortzen
Nire objektu baten barruan benetako elementu

319
00:16:28,079 --> 00:16:29,120
edo kasu honetan nire array.

320
00:16:29,120 --> 00:16:31,760
Nire aste egunetan sorta.

321
00:16:31,760 --> 00:16:33,480
Inprimatutakoak dut astelehenean,
Asteartea, asteazkena.

322
00:16:33,480 --> 00:16:36,930
Beraz, hori arteko aldea
begizta batean, bistaratzen out for

323
00:16:36,930 --> 00:16:43,410
besterik gakoak gako erabili besterik ez bada
Begizta gorputzaren barruan,

324
00:16:43,410 --> 00:16:46,850
eta amaitzen da, eta bertan grabatuak for a
balioekin egindako besterik erabiltzen baduzu

325
00:16:46,850 --> 00:16:48,870
begizta gorputzaren barruan gakoa.

326
00:16:48,870 --> 00:16:52,380
>> Ondo da, nola ez, orain hasten gara
kateak kateatu eta agian nahastu sortu

327
00:16:52,380 --> 00:16:57,220
Interpolazio aldagai batzuk
atsegin PHP egin ahal izan dugu?

328
00:16:57,220 --> 00:16:59,410
Beno, nahiko ezagunak gaude
hau PHP from.

329
00:16:59,410 --> 00:17:04,109
Hau da, nola egin nahi dugun erabiliz
dot operadorea kateak kateatu.

330
00:17:04,109 --> 00:17:06,260
Ikusteko Javascript-a ere, nahiz eta,
benetan zerbait erabili dugu

331
00:17:06,260 --> 00:17:09,290
gehi operadorea, izeneko
da, agian, nahiz eta pixka bat gehiago

332
00:17:09,290 --> 00:17:10,470
intuitiboa da, ezta?

333
00:17:10,470 --> 00:17:12,609
Mordo bat gehitzen ari gara
kateak elkarrekin.

334
00:17:12,609 --> 00:17:14,520
Beraz, dezagun burua atzera
behin eta ikusi zer hau

335
00:17:14,520 --> 00:17:18,693
dugu inprimatu nahi baduzu inprimatu egingo
Aste lerrotan informazio guztia.

336
00:17:18,693 --> 00:17:20,859
Guztiak eskubidea, hemen azpian hain
kate lotuz azpian,

337
00:17:20,859 --> 00:17:24,822
Bi aukera daukat, katea eraikin
V1 eta gero kate eraikin V2.

338
00:17:24,822 --> 00:17:26,530
Eta ikusiko dugu zergatik dugu
V2 behar bigarren batean.

339
00:17:26,530 --> 00:17:28,610
Baina botako dut, klik egin ezazu
katea eraikin V1, que

340
00:17:28,610 --> 00:17:30,360
Kodea ginen da
besterik begirada bat hartu,

341
00:17:30,360 --> 00:17:32,980
pluses guztiekin console.log du.

342
00:17:32,980 --> 00:17:35,910
Ikusi grabatuak hau bada Dezagun
zer espero dugun bezala.

343
00:17:35,910 --> 00:17:39,939
>> Astelehena Asteartea kopurua 01 da,
Asteartea asteko eguna kopurua 11 da.

344
00:17:39,939 --> 00:17:41,730
Beno, zer nintzen saiatzen
Han izan zaitez egin

345
00:17:41,730 --> 00:17:46,280
inprimatu da astelehenetik egun kopurua da
Bat, asteartea, egun bi zenbakia.

346
00:17:46,280 --> 00:17:50,140
Baina badirudi naiz bezalako
Beti inprimatzeko bat.

347
00:17:50,140 --> 00:17:51,260
Beno, zergatik da hori?

348
00:17:51,260 --> 00:17:55,600
Beno, bihurtzen da, beste itxura hartu
kode txiki honetan hemen.

349
00:17:55,600 --> 00:18:00,160
Iragarki gehi erabiltzen ari garela
bi testuinguru desberdinetan operadorea.

350
00:18:00,160 --> 00:18:03,221
>> Eta beraz, hemen non agian gauzak
dugun motatako esaten duena,

351
00:18:03,221 --> 00:18:03,970
oh, beraz, handia da.

352
00:18:03,970 --> 00:18:05,910
Guk ez dugu datu-motak aurre jada.

353
00:18:05,910 --> 00:18:08,220
Baina hemen non, hain zuzen,
Datu mota galtzen dugula

354
00:18:08,220 --> 00:18:10,960
Egia esan, pixka bat izan daiteke
guretzat arazo bat.

355
00:18:10,960 --> 00:18:16,260
Orain plus operadorea erabiltzen ari den
kateak kateatu eta zenbakiak gehitu

356
00:18:16,260 --> 00:18:19,550
elkarrekin, Javascript ditu
bere onena asmatzeko egiteko

357
00:18:19,550 --> 00:18:22,030
zer niretzat egin nahi nuen.

358
00:18:22,030 --> 00:18:23,900
Eta, kasu honetan, okerreko igarri egiten da.

359
00:18:23,900 --> 00:18:29,340
Besterik ez da kateatu egun, zein izango litzateke
0, bat, bi, hiru, lau, bost edo sei,

360
00:18:29,340 --> 00:18:32,060
eta ondoren kateatu besterik ez da
Hori eta gero, inork kateatzen.

361
00:18:32,060 --> 00:18:35,020
Ez da benetan gehi elkarrekin.

362
00:18:35,020 --> 00:18:37,320
Eta, beraz, hizkuntza horiek,
PHP eta JavaScript,

363
00:18:37,320 --> 00:18:39,196
Hori laburpenak kanpoan
mota kontzeptua, hau da,

364
00:18:39,196 --> 00:18:40,820
ez duzu egin aurre jada.

365
00:18:40,820 --> 00:18:43,600
Oraindik kanpaia azpian mota dute.

366
00:18:43,600 --> 00:18:46,780
Eta, ahal dugun egoeretan
Hau atsegin, onura Izan ere, hori

367
00:18:46,780 --> 00:18:49,240
zerbait esaten
Agian hau, adibidez, horiek

368
00:18:49,240 --> 00:18:53,210
JavaScript kontatzea, por
horrela, tratatu honetan zenbaki oso bat bezala,

369
00:18:53,210 --> 00:18:57,100
ez kate bat bezala tratatzen da, nahiz eta
kateak elkarrekin nahastuz ari gara, nahiz eta

370
00:18:57,100 --> 00:18:58,940
eta osoko zenbakiak hemen.

371
00:18:58,940 --> 00:19:02,204
>> Besterik gauza horiek bat
hain handia testuinguruan omen da

372
00:19:02,204 --> 00:19:04,120
ez dugula izan
mota aurre jada,

373
00:19:04,120 --> 00:19:05,828
baina batzuetan dituzu
egoera bat sartu exekutatu

374
00:19:05,828 --> 00:19:09,110
zehazki hau bezalako non hori, hain zuzen,
Ez duzu mota gaineko kontrola

375
00:19:09,110 --> 00:19:11,220
ahal izango duzu backfire
Oraindik ez baduzu, kontuz ibili.

376
00:19:11,220 --> 00:19:18,285
Eta orain atzera irekiko dugu IDE baino gehiago bada, ez naiz
Berriro garbitzeko nire kontsola joan,

377
00:19:18,285 --> 00:19:20,660
eta naiz kate klik noa
Eraikin bi bertsio, eta horrek

378
00:19:20,660 --> 00:19:23,052
Hor analizatu int funtzio hori erabili dut.

379
00:19:23,052 --> 00:19:25,260
Orain inprimatzeko da
Informazio hori espero dut.

380
00:19:25,260 --> 00:19:29,330
Astelehena egun kopuru bat, asteartean
Egun bi zenbaki, eta abar.

381
00:19:29,330 --> 00:19:31,170
>> Hargatik berriro hitz egin funtzioak.

382
00:19:31,170 --> 00:19:34,790
Anonimoari buruz hitz egingo dugu agindu dut
funtzioak, eta orain dela testuingurua

383
00:19:34,790 --> 00:19:36,360
azkenean iritsi.

384
00:19:36,360 --> 00:19:39,980
Beraz, horrela egin dugu aurretik, hitz egin berriro utzi
bigarren bat besterik ez da array buruz.

385
00:19:39,980 --> 00:19:42,120
Beraz, multzo berezi bat dira
Objektu baten kasuan.

386
00:19:42,120 --> 00:19:45,180
Izan ere, dena ere
Ikusteko Javascript-a da, benetan objektu bat.

387
00:19:45,180 --> 00:19:47,190
Beraz, funtzio bat
Objektu baten kasu berezia,

388
00:19:47,190 --> 00:19:49,770
Osoko zenbaki berezi bat dira
Objektu baten kasuan,

389
00:19:49,770 --> 00:19:52,152
Baina multzo zehazki
metodo zenbaki bat.

390
00:19:52,152 --> 00:19:55,110
Gogoratu objektu delako,
propietate eta metodo eduki ahal izango dute.

391
00:19:55,110 --> 00:19:58,600
Metodo zenbaki bat dutela
objektu horiek aplika daiteke.

392
00:19:58,600 --> 00:20:01,197
Badira izeneko metodo bat da
tamaina, array.size,

393
00:20:01,197 --> 00:20:03,030
hau da itzuliko
zuk espero dezake

394
00:20:03,030 --> 00:20:05,120
Zure array elementu kopurua da.

395
00:20:05,120 --> 00:20:08,480
array.pop, Sort nahi
Gure off leihoa nozioa

396
00:20:08,480 --> 00:20:11,110
pila bat, gogoratzen baduzu
Gure pilak bideo,

397
00:20:11,110 --> 00:20:13,810
array azken elementua kentzen.

398
00:20:13,810 --> 00:20:17,110
array.push elementu berri bat gehitzen
array baten amaiera emateko.

399
00:20:17,110 --> 00:20:20,910
array.shift Sort da
DQ bezala, egindako Splices da

400
00:20:20,910 --> 00:20:23,610
array baten lehen elementua.

401
00:20:23,610 --> 00:20:27,549
>> Baina ez da beste berezia
array baten metodoa mapa izeneko.

402
00:20:27,549 --> 00:20:29,340
Eta honen moduko da
kontzeptu interesgarria.

403
00:20:29,340 --> 00:20:30,930
Beraz, zer mapa baten ideia da?

404
00:20:30,930 --> 00:20:33,880
Benetan ikusiko dituzu hau
beste hainbat hizkuntzatan,

405
00:20:33,880 --> 00:20:38,550
eta ez gara bati buruz hitz egiten
kartografoek moduko mapa hemen,

406
00:20:38,550 --> 00:20:41,480
dugu mapping funtzio bati buruz hitz egiten ari.

407
00:20:41,480 --> 00:20:44,110
Testuinguru horretan ari gara
Hemen buruz hitz egiten, mapa batean

408
00:20:44,110 --> 00:20:47,950
Eragiketa dugu berezi bat da
ahal array bat burutzeko

409
00:20:47,950 --> 00:20:51,630
funtzio jakin bat aplikatzeko
array duten elementu guztietan.

410
00:20:51,630 --> 00:20:55,190
eta orain ere ez genuke esan
Kasu honetan, beharbada array.map,

411
00:20:55,190 --> 00:21:00,330
eta, horren barruan, pasatzen ari garen
Maparen sartu nahi dugun funtzioa da

412
00:21:00,330 --> 00:21:02,430
elementu bakoitza aplikatu behar.

413
00:21:02,430 --> 00:21:07,299
Beraz ordenatzeko erabiliz analogoa da
begizta bat baino gehiago batetik bestera elementu guztietan

414
00:21:07,299 --> 00:21:09,340
eta aplikatu jakin baten
elementu guztietan funtzionatzeko,

415
00:21:09,340 --> 00:21:14,830
besterik Javascript ha honetan eraiki
aplikatu beharreko mapping baten ideia.

416
00:21:14,830 --> 00:21:19,700
Eta horrek testuinguru handi bat da
funtzio anonimoa buruz hitz egiteko.

417
00:21:19,700 --> 00:21:22,370
>> Beraz, demagun daukagu
zenbaki osoen array honetan.

418
00:21:22,370 --> 00:21:25,370
Honez Nums izendatu zuten, eta nik lortu bost
bertan gauzak, bat, bi, hiru, lau,

419
00:21:25,370 --> 00:21:26,410
bost.

420
00:21:26,410 --> 00:21:30,620
Orain zenbait mapa nahi dut
funtzio array honen gainean.

421
00:21:30,620 --> 00:21:34,337
Funtzio bat aplikatu izan nahi dut
array elementu guztietara.

422
00:21:34,337 --> 00:21:37,420
Beno, esan dezagun zer duten nahi dut
ez da besterik bikoiztu elementu guztiak.

423
00:21:37,420 --> 00:21:42,520
Zer egin nezakeen besterik begizta bat erabiltzen da
Ba var I funtzioak 0, baino txikiagoa da I

424
00:21:42,520 --> 00:21:47,390
edo berdina 4 dut plus, plus, eta
orduan bikoiztu zenbaki bakarra behin.

425
00:21:47,390 --> 00:21:49,580
Baina, era berean, honen antzeko zerbait egin ahal izango dut.

426
00:21:49,580 --> 00:21:53,420
Esan dezaket Nums zen lehen
bat bi hiru lau bost,

427
00:21:53,420 --> 00:21:58,310
orain, ordea, zuk nahi nuke
mapping aplikatu array honen gainean

428
00:21:58,310 --> 00:22:00,400
non zuk nahi nuke
Zenbaki bakoitzean bikoizteko.

429
00:22:00,400 --> 00:22:02,540
Eta hori da hain zuzen
Zer ari da gertatzen.

430
00:22:02,540 --> 00:22:06,870
Baina konturatu zer pasatzen ari naiz
argudioa mapa gisa ere.

431
00:22:06,870 --> 00:22:09,080
Hau funtzio anonimoa da.

432
00:22:09,080 --> 00:22:11,140
Eta konturatu ez dut eman
Funtzio honek izen bat,

433
00:22:11,140 --> 00:22:13,290
Nik bakarrik ematen da parametro zerrenda bat.

434
00:22:13,290 --> 00:22:16,370
Eta beraz, honen adibidea da
funtzio anonimoak.

435
00:22:16,370 --> 00:22:21,270
>> Dugu, oro har, ez litzateke inoiz deitu honetan
Funtzio mapa testuinguruan kanpo.

436
00:22:21,270 --> 00:22:24,110
Honela definitu ari gara, parametro gisa
, mapa eta beraz, ez dugu benetan

437
00:22:24,110 --> 00:22:27,910
izen bat eduki behar da, bada behar
hori zaintzen duen gauza bakarra mapa

438
00:22:27,910 --> 00:22:30,339
eta, baina eskuineko definitu zuen
maparen barruan dago.

439
00:22:30,339 --> 00:22:31,880
Eta, beraz, hau da funtzio anonimo bat da.

440
00:22:31,880 --> 00:22:34,680
Ez gara gai izan da
hau aldez aurretik egin behar.

441
00:22:34,680 --> 00:22:38,400
Funtzio batzuk mapa
parametro bat onartu du, num,

442
00:22:38,400 --> 00:22:41,890
eta zer funtzio egiten duen
itzultzen num aldiz 2.

443
00:22:41,890 --> 00:22:45,330
Eta beraz, honen ondoren
mapping kontuan hartuta,

444
00:22:45,330 --> 00:22:50,090
hau da, orain Nums zer begiradak
bezala, bi, lau, sei, zortzi, 10.

445
00:22:50,090 --> 00:22:52,090
Eta aterako baino gehiago ditugu nire
Arakatzailearen leiho eta besterik

446
00:22:52,090 --> 00:22:55,240
honetan begirada bat hartu
benetan azkar asko.

447
00:22:55,240 --> 00:22:58,000
>> Beraz, beste botoi bat daukat hemen
nire etxeko orria ere bikoitza deitzen.

448
00:22:58,000 --> 00:23:03,570
Eta noiz klik bikoitza nuen, eta hura kontatzen
Niri inork baino lehen, bi, hiru, lau,

449
00:23:03,570 --> 00:23:07,250
bi, lau, sei, zortzi, 10 bost ondoren.

450
00:23:07,250 --> 00:23:11,930
Eta atzera joan nintzen gero, egin klik bikoitza
berriro, bi, lau, sei, zortzi, 10.

451
00:23:11,930 --> 00:23:17,400
Eta gero, ondoren, lau,
zortzi, 12, 16, eta gero 20.

452
00:23:17,400 --> 00:23:20,440
Eta zer egiten ari naiz funtzio honetan?

453
00:23:20,440 --> 00:23:25,210
Beno, ez dugu aterako bada pasatxo IDE den, eta
Tira dut nire funtzioa anonimoak, hemen

454
00:23:25,210 --> 00:23:28,780
zazpi line 13 bitartez, naiz
Pixka fancy lan bat egiten hemen,

455
00:23:28,780 --> 00:23:32,240
baina besterik ez naiz inprimatzeko
Zer da gaur egun array.

456
00:23:32,240 --> 00:23:36,580
Ondoren on line 16, 17,
eta 18, ez da nire mapa da.

457
00:23:36,580 --> 00:23:40,930
Hau da, non bikoiztea hau aplikatuz naiz
elementu bakar behin funtzioa.

458
00:23:40,930 --> 00:23:43,530
Eta gero, apur bat beherago,
Ez da gauza bera naiz egiten

459
00:23:43,530 --> 00:23:46,640
Aurretik egiten ari nintzen, orain ez dut izan ezik
array-aren edukia inprimatzeko

460
00:23:46,640 --> 00:23:48,167
gero.

461
00:23:48,167 --> 00:23:50,500
Baina egin dut hemen guztia da
besterik funtzio anonimoa erabili

462
00:23:50,500 --> 00:23:53,640
array bat osoa zeharkatuz mapa.

463
00:23:53,640 --> 00:23:58,466
>> Beraz, gaia handi bat buruz hitz egin ahal izateko
Javascript gertaera baten ideia da.

464
00:23:58,466 --> 00:24:01,590
Gertaera bat bakarrik gertatzen den zerbait da
Erabiltzaile batek zure web elkarreraginean denean

465
00:24:01,590 --> 00:24:04,715
orrialdea, beraz, agian, zerbait klik egiten,
edo, agian, orrialde kargatzeko amaitu da,

466
00:24:04,715 --> 00:24:07,200
edo, agian, zuk mugitu dute
Beren zerbait gainetik sagua,

467
00:24:07,200 --> 00:24:09,290
edo zerbait idatzi dut dute
Sarrera-eremu batean.

468
00:24:09,290 --> 00:24:14,260
Gauza horiek guztiak ekintzarik
direla gure web orrian gertatzen.

469
00:24:14,260 --> 00:24:17,460
Eta Ikusteko Javascript-a dauka
Zerbait onartzeko gaitasuna

470
00:24:17,460 --> 00:24:21,760
gertaera kudeatzailea bat, izeneko
administratzaile-funtzio bat da,

471
00:24:21,760 --> 00:24:23,329
html ekitaldi bat erantzuten.

472
00:24:23,329 --> 00:24:24,620
Eta zer da callback funtzio bat?

473
00:24:24,620 --> 00:24:27,328
Beno, oro har, besterik gabe, beste
funtzio anonimo baten izendatzeko.

474
00:24:27,328 --> 00:24:30,170
Funtzio bat da hori
Gertaera baten bidez erantzun die.

475
00:24:30,170 --> 00:24:34,130
Eta hau da, non etortzen gara
funtzio jakin loteslea ideia

476
00:24:34,130 --> 00:24:38,060
html atributu jakin bati.

477
00:24:38,060 --> 00:24:41,420
Html elementu gehienek
Atributu baten laguntza

478
00:24:41,420 --> 00:24:45,170
egin ez dugula buruz hitz itsatsi batean
Bideo click on antzeko zerbait

479
00:24:45,170 --> 00:24:50,540
edo pasatzean edo karga,
Ekitaldi horien guztien

480
00:24:50,540 --> 00:24:53,120
duzun hori gero funtzio idatzi ahal
gertakari horiek akordio hori

481
00:24:53,120 --> 00:24:56,090
k gertaera horiek
zure web orrian gertatzeko.

482
00:24:56,090 --> 00:24:59,170
>> Eta, beraz, agian, zure itsatsi
honen antzeko zerbait dirudi.

483
00:24:59,170 --> 00:25:02,240
Eta bi botoiak daukat hemen,
botoi bat eta bi botoi,

484
00:25:02,240 --> 00:25:04,620
eta hemen gaur egun ez daukat
definitzen ez da ezer,

485
00:25:04,620 --> 00:25:11,170
baina hau da, non on atributua
click itxuraz nire itsatsi etiketa parte.

486
00:25:11,170 --> 00:25:15,220
Beraz, itxuraz denean zer da definitu dut
gertatzen atributu horren barruan,

487
00:25:15,220 --> 00:25:18,590
Honez Javascript batzuk izango
Hori gertatuz gero erantzuten funtzioa

488
00:25:18,590 --> 00:25:24,360
lanei of zentzuzkoa
botoi bat edo bi botoi.

489
00:25:24,360 --> 00:25:28,580
>> Zer da cool mota buruz hau da dugu
gertaera kudeatzaile orokor bat ere idatzi daiteke.

490
00:25:28,580 --> 00:25:32,370
Eta gertaera kudeatzailea egingo
Ekitaldia objektu bat sortzeko.

491
00:25:32,370 --> 00:25:37,000
Eta gertaera objektuaren esango digu
bi botoiak bertan sakatu.

492
00:25:37,000 --> 00:25:38,064
Orain nola lan egiten duten?

493
00:25:38,064 --> 00:25:39,730
Beno, agian zerbait itxura da.

494
00:25:39,730 --> 00:25:44,860
Beraz, lehen definitu beharko dugu gure botoiak
callback erantzunez dute

495
00:25:44,860 --> 00:25:47,470
funtzio hori deitu egingo
botoia klik egiten denean,

496
00:25:47,470 --> 00:25:49,520
Gertaera alerta izen deitu dugu.

497
00:25:49,520 --> 00:25:53,320
Eta bi kasuetan garela nabarituko
Gertaera parametro hori igaroz.

498
00:25:53,320 --> 00:25:55,460
Beraz, funtzio hau deitu dugu
edo horrelakorik denean

499
00:25:55,460 --> 00:26:00,330
da gertaera gertatzen abiaraziak,
nik gertaera objektu honek sortzen joan

500
00:26:00,330 --> 00:26:03,300
eta bat pasa da
parametro izena ohartaraztea.

501
00:26:03,300 --> 00:26:07,270
Eta gertaera objektu dela
Informazio edukiko joan

502
00:26:07,270 --> 00:26:09,800
botoia buruzko sakatu.

503
00:26:09,800 --> 00:26:11,580
Eta nola ez, egin du?

504
00:26:11,580 --> 00:26:13,654
Beno, agian zerbait itxura da.

505
00:26:13,654 --> 00:26:15,570
Beraz, nire bereiziak orain
Javascript fitxategia, I might

506
00:26:15,570 --> 00:26:17,420
hau aurkitu dute
Funtzio alerta izena, eta bertan

507
00:26:17,420 --> 00:26:19,500
Berriro gertaera parametroa onartzen.

508
00:26:19,500 --> 00:26:24,640
Eta gero, hemen da non detektatzeko naiz
bertan botoia aktibatzen,

509
00:26:24,640 --> 00:26:28,100
var trigger berdinen gertaera
dot source elementu.

510
00:26:28,100 --> 00:26:33,150
Zer izan da hori sortu iturburua
izan zen pasa gertaera objektu hau?

511
00:26:33,150 --> 00:26:36,390
Botoi bat izan zen edo ez zen bi botoi?

512
00:26:36,390 --> 00:26:40,710
>> Eta gero, hara guztiak egiten ari naiz da
trigger.innerhtml inprimatzeko.

513
00:26:40,710 --> 00:26:43,860
Beno, kasu honetan, honetan
Testuinguru, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
besterik ez da zer da botoia idatzirik.

515
00:26:45,940 --> 00:26:48,830
Beraz, zerbait gertatzen salto badugu
bigarren bat back, que iba

516
00:26:48,830 --> 00:26:51,670
izan zer da botoi etiketa horiek artean.

517
00:26:51,670 --> 00:26:54,150
Botoi bat edo bi botoi izango da.

518
00:26:54,150 --> 00:26:57,320
Eta dezagun begirada bat
nola gertaera kudeatzailea hau litzateke

519
00:26:57,320 --> 00:27:01,080
begiratu martxan praktikan bagenu.

520
00:27:01,080 --> 00:27:03,850
>> Beraz, lehenik eta behin, duzun
ireki zuen events.js,

521
00:27:03,850 --> 00:27:06,517
bertan Javascript-fitxategia non dagoen
Funtzio hau definitu dut.

522
00:27:06,517 --> 00:27:08,558
Eta ikusiko duzunez, da
nahiko askoz zehazki zer

523
00:27:08,558 --> 00:27:10,230
Hilabete osoa ikusi besterik ez duela bigarren ditugu.

524
00:27:10,230 --> 00:27:14,890
Eta baino gehiago joango den
Hasiera orrira dugu hemen erabiltzen dut.

525
00:27:14,890 --> 00:27:17,660
Eta izan dut hemen botoi
Bat eta bi botoia.

526
00:27:17,660 --> 00:27:19,820
Eta egingo sakatu nuen botoia batetik.

527
00:27:19,820 --> 00:27:23,930
Botoi bat sakatu duzu, nahi izanez gero
hementxe alerta ere ikus daitezke.

528
00:27:23,930 --> 00:27:25,810
ONDO DA.

529
00:27:25,810 --> 00:27:28,980
Egin klik bi botoi buruzkoa, zure
bi botoi bat sakatu du.

530
00:27:28,980 --> 00:27:32,150
>> Beraz, bi botoiak dute
funtzio bera deia, ezta?

531
00:27:32,150 --> 00:27:35,840
Alerta name ziren biak
Ekitaldia, baina ekitaldi objektu hau

532
00:27:35,840 --> 00:27:41,900
noiz egin klik dugu sortu lortzen
egiten digun bertan botoia zen bertan klik.

533
00:27:41,900 --> 00:27:44,650
Ez dugu bi bereizi idazteko
izatea funtzio edo akordio

534
00:27:44,650 --> 00:27:46,470
Edozein informazio gehigarri pasatzeko.

535
00:27:46,470 --> 00:27:48,220
Besterik ari gara konfiantza
zer Javascript will

536
00:27:48,220 --> 00:27:53,772
Gurekin egin, hau da, hori sortzeko
Gertaera gure izenean objektu moduko.

537
00:27:53,772 --> 00:27:56,730
Askoz Javascript baino askoz gehiago
zer bideo honetan dugu estaltzen,

538
00:27:56,730 --> 00:27:58,521
baina beharrik horiek
fundamental lortu behar

539
00:27:58,521 --> 00:28:00,690
Modu luzean nahiko
dena ikasteko egingo

540
00:28:00,690 --> 00:28:04,030
honi buruz jakin behar
Hizkuntza interesgarria.

541
00:28:04,030 --> 00:28:05,000
Naiz Doug Lloyd.

542
00:28:05,000 --> 00:28:07,010
Hau CS50 da.

543
00:28:07,010 --> 00:28:09,181