1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Mintegia] [a aktibatu egiturak: zergatik eta nola]

2
00:00:02,000 --> 00:00:04,000
[Kevin Schmid] [Harvard Unibertsitateko]

3
00:00:04,000 --> 00:00:06,960
[Hau da CS50.] [CS50.TV]

4
00:00:06,960 --> 00:00:10,630
>> Hi, denek. Ongi etorri JavaScript Framework-mintegia.

5
00:00:10,630 --> 00:00:14,910
Nire izena Kevin da, eta, gaur egun, a aktibatu marko buruz hitz egiten ari naiz,

6
00:00:14,910 --> 00:00:20,400
eta mintegi honen helburua da, ez duzu lortu nahi da, hots, berez esparru jakin bat menderatzea

7
00:00:20,400 --> 00:00:23,810
baina emateko zabal sarrera bat marko pare bat

8
00:00:23,810 --> 00:00:27,150
erakutsi eta zergatik, inoiz nahi genuke esparru bat erabili.

9
00:00:27,150 --> 00:00:31,060
>> Egiten dut, hori baino lehen, Javascript atzealde apur bat ematen dut,

10
00:00:31,060 --> 00:00:33,750
eta gero hartuko dugu bertatik.

11
00:00:33,750 --> 00:00:36,270
To-do zerrenda bat ezarriz hasiko gara.

12
00:00:36,270 --> 00:00:39,330
Hemen gure zeregin gaur zerrenda.

13
00:00:39,330 --> 00:00:41,990
Dibertigarria mota da. Ikusteko Javascript-a zerrendan egiteko martxan jarri behar dugu.

14
00:00:41,990 --> 00:00:45,110
Hau da, zer itxura ari da gertatzen, beraz, gure lehen helburua da.

15
00:00:45,110 --> 00:00:47,160
Ez dugu esparru bat erabili egin behar.

16
00:00:47,160 --> 00:00:51,930
Javascript-a aktibatu behar kodea ari gara joan eta iritsi-do zerrenda lanera.

17
00:00:51,930 --> 00:00:54,370
Ondoren, diseinua hobetzeko esparru bat erabili gabe goaz.

18
00:00:54,370 --> 00:00:57,190
Hainbat gauza besterik Javascript bakarrik egin ahal dugu eztabaidatzeko goaz

19
00:00:57,190 --> 00:01:00,650
gure egiteko Egitekoen zerrenda apur bat gehiago ondo diseinatutako.

20
00:01:00,650 --> 00:01:02,490
Ondoren jQuery batzuk bota dugu,

21
00:01:02,490 --> 00:01:05,030
eta, ondoren, bera begiratu egitekoen zerrenda goaz,

22
00:01:05,030 --> 00:01:07,170
besterik marko ezberdinak ezarri dira, eta eztabaidatu dugu

23
00:01:07,170 --> 00:01:09,280
 pros eta txarrez modu batera.

24
00:01:09,280 --> 00:01:12,040
>> Dezagun hasteko diren gauzen zerrenda ezarriz.

25
00:01:12,040 --> 00:01:14,270
Demagun gaude emandako HTML honetan.

26
00:01:14,270 --> 00:01:16,620
Hau apur bat txikiagoak egin nahi dut.

27
00:01:16,620 --> 00:01:19,300
Ikusten duzun bezala, pixka bat goiburua dioen Todo daukat

28
00:01:19,300 --> 00:01:21,740
eta apur bat kutxa non todo baten deskribapena idatzi ahal dut

29
00:01:21,740 --> 00:01:26,990
eta, ondoren, elementu berri botoia, beraz todo berri bat sartu da zerrenda honetako saiatu horrek.

30
00:01:26,990 --> 00:01:31,000
Ikusteko Javascript-a eman marko mintegia,

31
00:01:31,000 --> 00:01:33,090
eta elementu berri hit naiz.

32
00:01:33,090 --> 00:01:35,730
Ikusteko Javascript-a alerta hau dioen ezartzea niri zait.

33
00:01:35,730 --> 00:01:37,560
Lortu dugu jartzera.

34
00:01:37,560 --> 00:01:41,490
Dezagun begiratu hau kodea, bai HTML eta Javascript-a da.

35
00:01:41,490 --> 00:01:43,260
Hemen gure erakutsiko da.

36
00:01:43,260 --> 00:01:45,500
Hemen ikusi ahal izango da, hemen gure Todos goiburua da.

37
00:01:45,500 --> 00:01:47,620
Lodia duten gauza zen goialdean,

38
00:01:47,620 --> 00:01:50,690
eta, ondoren, sarrera kutxa ditugu biltegian batera,

39
00:01:50,690 --> 00:01:59,460
eta orduan botoi honek funtzioa addTodo honetan deiak ezaugarri jakin bat da.

40
00:01:59,460 --> 00:02:05,460
Ez du inor zer esan nahi klik da signifying asmatzen?

41
00:02:05,460 --> 00:02:07,390
[Ikasleentzako erantzuna inaudible]

42
00:02:07,390 --> 00:02:09,289
Ona, egin klik da Ordena ekitaldi bat bezala,

43
00:02:09,289 --> 00:02:12,120
saguaren klik eginez, ekitaldi bat besterik ez da, eta zer egiten ari garen bezalako

44
00:02:12,120 --> 00:02:16,890
botoian klik funtzioa exekutatu ekitaldi aurkitzen gara tying.

45
00:02:16,890 --> 00:02:21,700
AddTodo botoia sakatuz kudeatzailea ekitaldi hau.

46
00:02:21,700 --> 00:02:25,010
>> Ikusten duzun bezala, noiz elementu berriaren botoia sakatu dut

47
00:02:25,010 --> 00:02:29,940
Egin klik gertaera lortzen duena, eta funtzio hori deitu zaio.

48
00:02:29,940 --> 00:02:33,170
Dezagun funtzioa begiratu.

49
00:02:33,170 --> 00:02:36,260
Ikusten duzun bezala, hemen nire JavaScript kodea da orain arte.

50
00:02:36,260 --> 00:02:41,280
Zer dute goialdean dut nire egitekoen zerrendaren datuak global egitura da.

51
00:02:41,280 --> 00:02:44,060
Itxura array bat bezalakoa da. Besterik ez da hutsik array bat.

52
00:02:44,060 --> 00:02:47,100
Eta, ondoren, addTodo funtzioa ikusi dugu lehenago izan nuen,

53
00:02:47,100 --> 00:02:50,740
eta kode-lerro hor bakarrik alerta da.

54
00:02:50,740 --> 00:02:55,730
Ezartzeko me abisatzen du, eta, ondoren, 2 esku zeregin daukat.

55
00:02:55,730 --> 00:02:58,790
Todo gehitzeko globalak datuak egitura daukat,

56
00:02:58,790 --> 00:03:01,860
eta, ondoren, kanpora marrazteko to-do zerrendan nahi dut.

57
00:03:01,860 --> 00:03:06,360
Ezer ez da gehiegi zeren gura zaren huraxe besterik gabe, baina a aktibatu izan Ohituta ekin ahal izango duzu,

58
00:03:06,360 --> 00:03:12,370
beraz, motela joan eta Javascript oinarriak horrela berrikusi dut.

59
00:03:12,370 --> 00:03:15,490
>> Dezagun hau eman tiro bat.

60
00:03:15,490 --> 00:03:21,130
Demagun erabiltzaileak koadro honetan zerbait sartzen da.

61
00:03:21,130 --> 00:03:23,360
Ondo idatzi dut hemen, testu zerbait.

62
00:03:23,360 --> 00:03:27,620
Nola ordenatzeko sarbidea testua Javascript bidez dut?

63
00:03:27,620 --> 00:03:32,500
Ikusteko Javascript-a gogoratzen da, eta bere ezaugarri nagusietako bat da, ematen digu

64
00:03:32,500 --> 00:03:34,670
to DOM sarbidea egitasmo hau.

65
00:03:34,670 --> 00:03:40,670
Elementuak eta beren propietate honen benetako HTML sartzeko digu.

66
00:03:40,670 --> 00:03:43,430
Modu biluzi hezurrak JavaScript-rekin egin dugun

67
00:03:43,430 --> 00:03:51,360
Egia esan, ezin dugu erabili deitzen getElementByID JavaScript funtzio bat.

68
00:03:51,360 --> 00:03:55,140
Testu hori ez dago idatzitako aldagai batzuetan gorde nahi dut,

69
00:03:55,140 --> 00:03:58,350
deiturikoa new_todo aldagai berri bat esan nahi dut,

70
00:03:58,350 --> 00:04:01,980
eta elementu hori lortu nahi dut.

71
00:04:01,980 --> 00:04:06,330
Honen funtzioa da. GetElementByID.

72
00:04:06,330 --> 00:04:11,580
Eta orain, elementu bat dut lortzean ID arabera, beraz, testu-koadro bat NAN behar dut,

73
00:04:11,580 --> 00:04:15,860
beraz, eman dut ID new_todo_description du.

74
00:04:15,860 --> 00:04:18,399
Hori nola elementu bat eskuratu behar dut.

75
00:04:18,399 --> 00:04:23,880
Hori da nire funtzio honen argumentua, zein identifikazio iritsi zehazteko.

76
00:04:23,880 --> 00:04:28,110
Eta, beraz, HTML elementu bat da, eta ezaugarriak ditu.

77
00:04:28,110 --> 00:04:30,650
Ikusten dituzun horiek. Atributuak dira.

78
00:04:30,650 --> 00:04:37,090
Testu elementu erabiltzailearen sarrera gordetzen atributua deitzen da balioa.

79
00:04:37,090 --> 00:04:40,860
Testu-koadro horren balioa gorde dut egun new_todo aldagai honetan.

80
00:04:40,860 --> 00:04:45,040
Orain programazioko aldagai honen sarbidea izan dut, hau da, mota cool du

81
00:04:45,040 --> 00:04:49,200
Orain, zer egin dezaket delako gehitzeko, nire egitekoen zerrenda.

82
00:04:49,200 --> 00:04:52,870
>> Modu honetan egingo dugu gogoeta-eta, ez kezkatu, zauden honekin ezagutzen bada,

83
00:04:52,870 --> 00:04:57,010
baina besterik ez da igaro da todos.push

84
00:04:57,010 --> 00:05:00,130
nire datuak global egitura baten izena da hemen, zeren,

85
00:05:00,130 --> 00:05:04,450
eta new_todo bultza noa.

86
00:05:04,450 --> 00:05:09,120
Hau da, gaur egun handia delako, gehitu dut nire a aktibatu

87
00:05:09,120 --> 00:05:11,280
duten gauzen zerrenda ordezkaritza.

88
00:05:11,280 --> 00:05:15,170
Baina orain, nola lortuko dut itzuli HTML?

89
00:05:15,170 --> 00:05:18,560
Modu bat bultzatzen du atzera ordenatzeko aurkitu behar dut.

90
00:05:18,560 --> 00:05:21,830
Beste era batera esanda, ez dute mota horretako dut marrazteko.

91
00:05:21,830 --> 00:05:26,060
Zer egin dugu da-do zerrenda marraztu dugu.

92
00:05:26,060 --> 00:05:29,270
HTML beste eguneratzeko orrialde horretan behar dut,

93
00:05:29,270 --> 00:05:32,040
eta Ikusten duzun bezala, utzi dut pixka edukiontzi hau hemen,

94
00:05:32,040 --> 00:05:36,840
Orrialdearen bere identifikazio da todos de banatzailean honetan,

95
00:05:36,840 --> 00:05:40,870
eta egitekoen zerrendan jarri ez noa.

96
00:05:40,870 --> 00:05:47,240
Lehen garbitu behar dira, esan, izan ere, ez zen zahar bat egitekoen zerrenda ez noa.

97
00:05:47,240 --> 00:05:49,560
Elementu nago lortzean ID berriz,

98
00:05:49,560 --> 00:05:54,530
eta elementu horren HTML barne dut sartzean,

99
00:05:54,530 --> 00:05:58,010
eta argi dut.

100
00:05:58,010 --> 00:06:05,510
Utzi dugu kode hau bada ere, huts bat deus ez ikusi genuen,

101
00:06:05,510 --> 00:06:10,410
eta, orain, nire egitekoen zerrenda bihurtzean hasi nahi dut.

102
00:06:10,410 --> 00:06:12,870
Funtsean naiz out garbitu nire egitekoen zerrenda egingo da.

103
00:06:12,870 --> 00:06:18,180
>> Orain todos div horren barruko HTML barruan dago guztiz argi,

104
00:06:18,180 --> 00:06:20,060
eta, orain, nire zerrenda gehituz hasi beharko dut.

105
00:06:20,060 --> 00:06:23,890
Lehenik eta behin, atzera gehitu nahi dut Ordenatu gabeko zerrenda etiketa da,

106
00:06:23,890 --> 00:06:33,890
eta horrek adierazten du, batez ere, hori Ordenatu gabeko zerrenda bat hasiera da.

107
00:06:33,890 --> 00:06:39,770
Orain nire todos array elementu bakoitzerako inprimatu nahi HTML horren barruan nahi dut.

108
00:06:39,770 --> 00:06:43,710
It erantsi on zerrenda honetan hondoan nahi dut.

109
00:06:43,710 --> 00:06:49,040
Just C bezala, bat erabili ahal izango dut begizta, eta nire zerrenda hasieran hasiko naiz

110
00:06:49,040 --> 00:06:54,140
elementu 0, eta zerrendaren luzera modu guztiak joan naiz.

111
00:06:54,140 --> 00:07:01,100
Benetan gaitezke luzera jabetza erabiliz Javascript-en array baten luzera.

112
00:07:01,100 --> 00:07:03,420
Funtsean, oso antzeko zerbait egin hemen barruan noa

113
00:07:03,420 --> 00:07:05,600
inprimatzeko elementua.

114
00:07:05,600 --> 00:07:12,970
Berriz ere ezin dut sartu todos div da, horren barne HTML jabetza,

115
00:07:12,970 --> 00:07:17,560
eta honi zerrendako elementu berria gehitu dut, eta hori izango inguratuta joan

116
00:07:17,560 --> 00:07:25,390
li Etiketa honek, eta + operadorea batera kateatu dut,

117
00:07:25,390 --> 00:07:28,040
eta nire todos array elementu Ith da,

118
00:07:28,040 --> 00:07:32,380
eta, gero, etiketa hori itxi nahi dut.

119
00:07:32,380 --> 00:07:36,240
Orain bakoitzeko elementu berri bat gehitu zerrendara sarrera dugu.

120
00:07:36,240 --> 00:07:48,700
Eta, ondoren, guztiak benetan behar dugu, itxi egin da off etiketa.

121
00:07:48,700 --> 00:07:52,820
Behar dut off ixteko duten Ordenatu gabeko zerrenda etiketa.

122
00:07:52,820 --> 00:07:55,490
>> Ez nola lan egiten duen for sentitzen duzu?

123
00:07:55,490 --> 00:07:57,700
Hau guztia zerrenda bat irekitzen da.

124
00:07:57,700 --> 00:08:01,080
Hau gehitzen banakako elementuak todos zerrendatik zerrendara,

125
00:08:01,080 --> 00:08:05,470
eta, ondoren, hori guztia zerrenda ixten du, eta hau da nire addTodo funtzioa.

126
00:08:05,470 --> 00:08:09,590
Testu koadroan todo lortzean arabera, funtsean, I hasi.

127
00:08:09,590 --> 00:08:18,950
A todos array gehitu dut, eta, ondoren, I egitekoen zerrenda berriro errendatu.

128
00:08:18,950 --> 00:08:21,520
Orain elementuak gehitu ahal izango ditut nire zerrendan.

129
00:08:21,520 --> 00:08:24,620
Hau da, mota horretako zirraragarria besterik kodea gutxi lerro bat delako

130
00:08:24,620 --> 00:08:28,240
funtsean dugu egin egitekoen zerrenda non elementuak gehitu ahal izango dugu.

131
00:08:28,240 --> 00:08:30,050
Great.

132
00:08:30,050 --> 00:08:34,480
Ikusteko Javascript-a duten sarrera oinarrizko mota da.

133
00:08:34,480 --> 00:08:36,179
Ez kezkatu gehiegi oraingoz sintaxia buruz,

134
00:08:36,179 --> 00:08:38,130
baina hau kontzeptualki pentsatu.

135
00:08:38,130 --> 00:08:40,539
HTML batzuk izan dugu.

136
00:08:40,539 --> 00:08:45,310
Testu-kutxa bat izan genuen orria funtsean onartzen sarrera egiteko elementu bat erabiltzaile dela gehitu du.

137
00:08:45,310 --> 00:08:49,210
Ikusteko Javascript-a eta, ondoren, erabili dugu todo hori lortu testu-koadro horretan.

138
00:08:49,210 --> 00:08:52,830
Ikusteko Javascript-a array baten barruan, hau da, funtsean bezala gordetzen dugu

139
00:08:52,830 --> 00:08:56,010
gure ordezkaritza programazioko egitekoen zerrenda,

140
00:08:56,010 --> 00:08:59,060
eta gero inprimatutako dugu.

141
00:08:59,060 --> 00:09:02,690
Hau todos.js da.

142
00:09:02,690 --> 00:09:07,620
>> Hau cool mota da, baina gehiago nahi izanez gero, nola egin dezakegu hori hartu dugu?

143
00:09:07,620 --> 00:09:11,350
Beno, Ikusten duzun bezala, hau ez da osoa egiteko zerrenda bezala.

144
00:09:11,350 --> 00:09:15,100
Adibidez, ezin dut osatu gabe gisa markatzeko, elementu horiek edozein

145
00:09:15,100 --> 00:09:19,920
gustatzen nahi nuen elementuak reprioritize edo elementuak ezabatzeko bada.

146
00:09:19,920 --> 00:09:23,150
Hau da, ados, baina gehiago hartu ahal izango dugu.

147
00:09:23,150 --> 00:09:29,280
Ez dut gehiegi hitz egiteko aparteko ezaugarriak gehituz buruz hitz egingo,

148
00:09:29,280 --> 00:09:32,800
baina gehiago hartu ahal izan genuen.

149
00:09:32,800 --> 00:09:35,970
Dezagun bat gehiago gehituz Ezaugarri honen egitekoen zerrenda buruz hitz egin,

150
00:09:35,970 --> 00:09:40,370
eta hori izango izateaz gai indibidual bat egiteko elementua egiaztatzeko joan

151
00:09:40,370 --> 00:09:44,780
dute eta berau zeharkatzen dira, beraz, funtsean, egin dut hau esaten.

152
00:09:44,780 --> 00:09:50,240
Dezagun kodea duten zenbait betetzeko izan begiratu.

153
00:09:50,240 --> 00:09:52,740
Nabarituko zer goialdean Nik egin da gehitu dut

154
00:09:52,740 --> 00:09:57,620
global berri bat izeneko array osoa.

155
00:09:57,620 --> 00:10:02,890
Funtsean dut hau erabiliz gordetzeko on-do zerrenda elementuak ala ez

156
00:10:02,890 --> 00:10:06,560
osoak edo ez.

157
00:10:06,560 --> 00:10:08,470
Hau da, modu honetan egin behar da.

158
00:10:08,470 --> 00:10:13,750
Hau ezartzeko, bistaratzea nintzen begiratuz gero,

159
00:10:13,750 --> 00:10:21,120
funtsean sartu naiz todo bat izanez gero, eta txandakatze botoi hau sakatu dut

160
00:10:21,120 --> 00:10:25,040
out zeharkatzen du eta, beraz, zerrenda honetan elementu bakoitza du bai osoa

161
00:10:25,040 --> 00:10:31,050
edo osatu egoera, eta beste array naiz erabiliz adierazten duten.

162
00:10:31,050 --> 00:10:33,730
>> Funtsean todos array horretan todo bakoitzeko

163
00:10:33,730 --> 00:10:37,110
Elementu bat ez da array osoa funtsean adierazten

164
00:10:37,110 --> 00:10:39,060
duten ala ez da osoa, edo ez.

165
00:10:39,060 --> 00:10:41,640
Izan dut nahiko gutxieneko aldaketak egiteko kode hau,

166
00:10:41,640 --> 00:10:44,470
beraz, hemen gure addTodo funtzioa da.

167
00:10:44,470 --> 00:10:48,530
Nabarituko dela hemen nago bultzaka array gainean,

168
00:10:48,530 --> 00:10:51,300
eta, gero 0 bat naiz bultzaka array osoa duten,

169
00:10:51,300 --> 00:10:57,090
funtsean, hori todo berriak push esan paraleloan

170
00:10:57,090 --> 00:11:00,430
Elementu hau naiz gehituz, eta bere balioa hau batera,

171
00:11:00,430 --> 00:11:02,810
horrek esan nahi du hori osatu gabe dago.

172
00:11:02,810 --> 00:11:04,970
Eta, ondoren, to-do zerrenda dut marraztea.

173
00:11:04,970 --> 00:11:09,220
Orain, nabarituko gehitu dut drawTodoList funtzio hau.

174
00:11:09,220 --> 00:11:11,760
Hau baino lehenago izan genuen asko hartzen du,

175
00:11:11,760 --> 00:11:15,320
funtsean, garbitu izarrekin kutxa eta ondoren zozketa berria egitekoen zerrenda.

176
00:11:15,320 --> 00:11:19,620
Baina konturatu honen barruan begizta txiki bat ari gara egiten, orain gehiago.

177
00:11:19,620 --> 00:11:25,000
Funtsean ari gara elementua Ith todo dagokion ala ez, hemen egiaztapena

178
00:11:25,000 --> 00:11:30,220
osatu da, eta modu ezberdinean ari gara Portaera 2 zirkunstantzia hauetan.

179
00:11:30,220 --> 00:11:32,790
Da osoa izanez gero, del Etiketa honek ari gara gehituz,

180
00:11:32,790 --> 00:11:35,360
hau da, funtsean, modu greba hori eskuratu ahal izango duzu efektuaren bidez

181
00:11:35,360 --> 00:11:38,190
out zeharkatu-do zerrenda osoa da, bada,

182
00:11:38,190 --> 00:11:42,200
eta ez bada, ez gara bertan, besteak beste.

183
00:11:42,200 --> 00:11:45,030
Eta, beraz, horrelako dela zaintzen du,

184
00:11:45,030 --> 00:11:49,140
>> eta hori, modu batean hori bideratzeko da.

185
00:11:49,140 --> 00:11:53,420
Eta gero, nabarituko da erabiltzaileak sakatzen horietako bat

186
00:11:53,420 --> 00:11:56,780
da egoera amaitzeko ezkutatu dugu.

187
00:11:56,780 --> 00:12:02,170
Erabiltzaile clicks, buelta bai burutu edo ez dugu,

188
00:12:02,170 --> 00:12:04,540
eta gero marraztu dugu.

189
00:12:04,540 --> 00:12:06,190
Obra mota hau.

190
00:12:06,190 --> 00:12:09,860
Funtzio hauek egiten dituzten beren zereginak behar dugu,

191
00:12:09,860 --> 00:12:11,730
eta hori ongi dago.

192
00:12:11,730 --> 00:12:14,110
Ba al dago ezer hobeto egin genezake horri buruz, nahiz eta?

193
00:12:14,110 --> 00:12:18,700
Iragarki hauek 2 global array dugu.

194
00:12:18,700 --> 00:12:23,550
C hau izan zen gero, eta 2 array mota hori irudikatzen izan dugu

195
00:12:23,550 --> 00:12:25,800
datu zen Ordena nolabait lotuta dauden

196
00:12:25,800 --> 00:12:30,140
zer litzateke erabili C dugu 2 eremu hauek konbinatu

197
00:12:30,140 --> 00:12:35,420
zerbait encapsulates informazio pieza biak sartu?

198
00:12:35,420 --> 00:12:37,600
Inor nahi iradokizun bat egin nahi?

199
00:12:37,600 --> 00:12:39,450
[Ikasleentzako erantzuna inaudible]

200
00:12:39,450 --> 00:12:42,340
>> Zehazki, beraz, egitura mota batzuk erabili izan dugu,

201
00:12:42,340 --> 00:12:44,960
eta uste itzuliz gero, esateko, pset 3,

202
00:12:44,960 --> 00:12:47,350
hiztegi gogoan izan dugu, eta gero genituen hitza den ala ez

203
00:12:47,350 --> 00:12:50,230
hiztegian zen, eta informazio hori guztia bildu

204
00:12:50,230 --> 00:12:52,420
Datuen egitura batzuen barruan.

205
00:12:52,420 --> 00:12:56,390
Gauza kodea honekin egin dezaket horiek 2 array ezberdinak edukitzea saihesteko

206
00:12:56,390 --> 00:13:01,760
Informazio piezak antzekoa da, horiek konbinatu ahal izango dut Javascript objektu batean.

207
00:13:01,760 --> 00:13:07,150
Ikus dezagun hori begirada bat.

208
00:13:07,150 --> 00:13:11,740
Ohartu besterik ez dut bat array goialdean orain

209
00:13:11,740 --> 00:13:17,650
eta zer egin dut da-eta, hau da Ordena sintaxia JavaScript

210
00:13:17,650 --> 00:13:21,350
Objektu baten bertsio literal bat sortzeko,

211
00:13:21,350 --> 00:13:24,670
eta nabarituko daude 2 propietate, beraz todo dugu,

212
00:13:24,670 --> 00:13:29,660
eta bere elkarrekin mantendu da osoa edo osatu dituzten ala ez.

213
00:13:29,660 --> 00:13:31,000
Hau oso antzeko kodea da.

214
00:13:31,000 --> 00:13:35,310
Ikusteko Javascript-a objektuak ari gara erabiltzen.

215
00:13:35,310 --> 00:13:38,600
Gauzak hobetzen mota hau.

216
00:13:38,600 --> 00:13:43,850
Orain bezala, informazio erlazionatutako eremu horiek guztiak mantentzen dira elkarrekin.

217
00:13:43,850 --> 00:13:46,410
Noiz inprimatu nahi dugu, eremu horretan sartzeko aukera izango dugu.

218
00:13:46,410 --> 00:13:49,060
>> Ohartu todos [i] ari gara egiten. Osoa

219
00:13:49,060 --> 00:13:52,880
ordez osoa array bereizita egiaztatzen du,

220
00:13:52,880 --> 00:13:56,560
eta konturatu zenean egiteko kate egiteko jabetza ari gara, pixkanaka lortu nahi dugu:

221
00:13:56,560 --> 00:13:58,750
todo hori, beraz, mota honetako zentzua duelako

222
00:13:58,750 --> 00:14:01,660
elementu bakoitza du buruz berezko propietate horiek.

223
00:14:01,660 --> 00:14:05,650
Todo bat du, eta ala ez da osoa, edo ez dauka.

224
00:14:05,650 --> 00:14:11,540
Ez gehiegi aldaketak ez funtzionalki, besterik gehitu kodearen gehiago.

225
00:14:11,540 --> 00:14:13,430
Honek fronte batzuk hobekuntza bat da, ezta?

226
00:14:13,430 --> 00:14:16,030
Esan nahi dut, factored diseinua dugu pixka bat.

227
00:14:16,030 --> 00:14:20,350
Orain, funtsean, objektu enkapsulatu datu hau dugu.

228
00:14:20,350 --> 00:14:27,130
Ba al dago ezer gehiago hemendik aurrera egin dezakegu Javascript dagokionez?

229
00:14:27,130 --> 00:14:31,810
Gustatzen oharra kode hau hemen dagoela

230
00:14:31,810 --> 00:14:34,760
div baten HTML barne lortzean

231
00:14:34,760 --> 00:14:40,520
da apur bat, nik asmatu, luzea.

232
00:14:40,520 --> 00:14:45,100
Ez document.getElementByID ("todos"). InnerHTML.

233
00:14:45,100 --> 00:14:48,400
Gauza bat egin kode hau begiratu apur bat atseginagoa egiteko genezake

234
00:14:48,400 --> 00:14:51,450
beraz, ez nuke izan scrolling ezkerreko eta eskuineko mantentzeko, atzera eta aurrera,

235
00:14:51,450 --> 00:14:58,480
da jQuery bezalako liburutegi bat erabili izan dut.

236
00:14:58,480 --> 00:15:02,710
>> Dezagun begiratu Mintegia 2,

237
00:15:02,710 --> 00:15:05,880
eta hori bera da, baina jQuery egiten.

238
00:15:05,880 --> 00:15:08,790
Baliteke jQuery gehiegi ezagutzen,

239
00:15:08,790 --> 00:15:11,510
baina ezagutzen duten jQuery Javascript liburutegia moduko da

240
00:15:11,510 --> 00:15:15,910
egiten duen sarbide banakako DOM elementuak bezala gauzak errazago egiteko.

241
00:15:15,910 --> 00:15:21,280
Hemen ordez document.getElementByID esaten ("todos"). InnerHTML

242
00:15:21,280 --> 00:15:25,210
Askoz garbiagoa modu erabili ahal izango dut jQuery hasieran,

243
00:15:25,210 --> 00:15:28,490
hau da, besterik gabe, Selectors erabiltzeko.

244
00:15:28,490 --> 00:15:31,300
Ikusten duzun bezala, kode hau garbiagoa apur bat lortu zuen,

245
00:15:31,300 --> 00:15:35,770
oso antzekoa da funtzionalki, baina ideia.

246
00:15:35,770 --> 00:15:37,980
Ikusi dugu gauza pare bat, orain arte,

247
00:15:37,980 --> 00:15:42,010
Ikusteko Javascript-a, beraz, hasi besterik gordinik ezarpena dugu.

248
00:15:42,010 --> 00:15:45,370
Ezaugarri berriak gehitu ditugu, eta erakutsi nola hobetu ahal izango dugu

249
00:15:45,370 --> 00:15:49,090
besterik zer izan Ikusteko Javascript-a dugu.

250
00:15:49,090 --> 00:15:53,300
>> Ez du inor ikusten diseinua dituzten zailtasunak?

251
00:15:53,300 --> 00:16:01,090
Hots, asmatzeko-edo ez dut zailtasun derrigorrez baina esan dezagun

252
00:16:01,090 --> 00:16:04,830
ez ginen egiteko zerrenda proiektua egiten ari da, eta bihar erabaki dugu

253
00:16:04,830 --> 00:16:10,320
Ultramarinos zerrenda bat edo erosketa zerrenda proiektua egin nahi izan dugu.

254
00:16:10,320 --> 00:16:14,150
Ezaugarri horietako asko oso antzekoak dira.

255
00:16:14,150 --> 00:16:19,080
Gauzak ateratzeko a aktibatu nahi dugu, asko dira oso arruntak,

256
00:16:19,080 --> 00:16:23,820
eta, modu honetan, nolabaiteko beharra azpimarratzen

257
00:16:23,820 --> 00:16:25,670
hau errazagoa egiten hartzeko.

258
00:16:25,670 --> 00:16:30,400
Eraikitzeko hau HTML sarbide guztiak nuen, DOM sarbide hori guztia,

259
00:16:30,400 --> 00:16:35,530
naiz-do zerrenda adierazteko eredu hau duten bezala joan.

260
00:16:35,530 --> 00:16:39,130
Ikusteko Javascript-a eta nabarituko sustatzailearen gisa arduraduna naiz

261
00:16:39,130 --> 00:16:42,890
HTML eta Javascript sinkronizatuta dagoela daukat mantentzeko.

262
00:16:42,890 --> 00:16:48,040
Ezer ez da automatikoki egin Javascript ordezkaritza duten

263
00:16:48,040 --> 00:16:51,590
edo egiteko zerrenda lortzeko bultzatu nahi HTML.

264
00:16:51,590 --> 00:16:54,000
Ezer ez ezik, hori niretzat behartuta.

265
00:16:54,000 --> 00:16:56,880
Zozketa egiteko zerrenda funtzioa idatzi behar nuen.

266
00:16:56,880 --> 00:17:01,650
Eta hori, agian, ez dira-esan nahi dut, arrazoizkoa da hori egiteko,

267
00:17:01,650 --> 00:17:03,670
baina aspergarria izan daiteke batzuetan.

268
00:17:03,670 --> 00:17:08,190
Daukazula handiagoa proiektu bat bada, hori zaila izan daiteke.

269
00:17:08,190 --> 00:17:10,720
>> Esparruak, esparru, helburu bat

270
00:17:10,720 --> 00:17:14,060
da prozesu hori, eta ordenatu faktorea errazteko out

271
00:17:14,060 --> 00:17:16,950
horiek komun-dizut esan-diseinua ereduak asmatzen

272
00:17:16,950 --> 00:17:20,700
jendeak, oro har, datuak ordezkari modu bat,

273
00:17:20,700 --> 00:17:25,599
duten ala ez, lagunen zerrenda bat da, ala ez da informazioa mapan

274
00:17:25,599 --> 00:17:27,280
edo zerbait edo egiteko zerrenda bat.

275
00:17:27,280 --> 00:17:30,660
Pertsona batzuk, oro har, informazio ordezkari modu bat,

276
00:17:30,660 --> 00:17:33,650
eta, oro har, behar dute informazio hori ordenatu mantentzeko sinkronizatuta

277
00:17:33,650 --> 00:17:36,520
zer erabiltzaileari ikuspegi-mota batzuk ikusten dituen bitartean,

278
00:17:36,520 --> 00:17:39,850
terminoetan eredu ikuspegi kontroladore hitzaldia dela ikusi duzun bezala hitz egin,

279
00:17:39,850 --> 00:17:45,400
eta ondoren, eredua, kasu honetan, a aktibatu array hau.

280
00:17:45,400 --> 00:17:49,020
Marko ematen digu modu bat, arazo hori konpontzeko.

281
00:17:49,020 --> 00:17:53,080
Orain begirada bat honi ezartzeko at egitekoen zerrenda

282
00:17:53,080 --> 00:18:02,360
izeneko angularjs esparru batean.

283
00:18:02,360 --> 00:18:04,650
Hau da. Iragarki egokitzen diapositiba bat da.

284
00:18:04,650 --> 00:18:07,330
Ez dut nahi ezkerreko eta eskuineko mugitzeko.

285
00:18:07,330 --> 00:18:10,460
Hori da, ziurrenik, ez da handia arrazoia esparru bat erabiltzea gomendatzen da,

286
00:18:10,460 --> 00:18:20,120
baina oharra am banakako HTML elementuak sartzen ez dut inoiz hemen?

287
00:18:20,120 --> 00:18:22,400
Am DOM sartu inoiz dut?

288
00:18:22,400 --> 00:18:26,120
Ez document.getElementByID edo zerbait bezala ikusten duzu?

289
00:18:26,120 --> 00:18:29,870
Ez, hori da joan.

290
00:18:29,870 --> 00:18:35,590
>> Angeluen laguntzen DOM eta gure Javascript zerbait ordezkaritza mantentzeko gurekin

291
00:18:35,590 --> 00:18:40,430
sync-mota, beraz, ez da js fitxategi batean,

292
00:18:40,430 --> 00:18:46,790
ez programazioaren HTML edukia duten guztiak modurik ez badago

293
00:18:46,790 --> 00:18:51,800
Ikusteko Javascript-a-tik nola mantenduz hau dugu itzala?

294
00:18:51,800 --> 00:18:58,160
Ez bada ere. Js fitxategi batean, nik lortu HTML izango da, ezta?

295
00:18:58,160 --> 00:19:01,910
Hau HTML fitxategi bertsio berria da,

296
00:19:01,910 --> 00:19:04,660
eta nabarituko gehitu ditugu asko hemen.

297
00:19:04,660 --> 00:19:11,110
Ez da nabarituko horiek atributuak esan ng-click-ng eta errepikatu.

298
00:19:11,110 --> 00:19:15,650
Angeluen en diseinu zailtasunak arazo hau konpontzeko hurbilketa

299
00:19:15,650 --> 00:19:19,130
da, funtsean, egiteko HTML askoz indartsuagoa.

300
00:19:19,130 --> 00:19:24,420
Angeluen egin HTML zertxobait gehiago adierazkorra duzun aukera modu bat da.

301
00:19:24,420 --> 00:19:30,520
Esate baterako, esan dut edo lotzeko lotu, testu-koadro honetan joan ahal izango dut

302
00:19:30,520 --> 00:19:35,080
nire a aktibatu Angeluen kodea aldagai baten barruan.

303
00:19:35,080 --> 00:19:37,030
Hau ng-eredua besterik ez dagoela.

304
00:19:37,030 --> 00:19:41,550
Funtsean dio elementua testu kutxa honen barruan,

305
00:19:41,550 --> 00:19:45,000
besterik erlazionatuko duten aldagaiak new_todo_description batera

306
00:19:45,000 --> 00:19:47,870
Ikusteko Javascript-a kodearen barruan.

307
00:19:47,870 --> 00:19:51,600
Hori da, oso indartsua ez dudalako izatea esplizituki joan

308
00:19:51,600 --> 00:19:53,310
DOM informazio hori lortzeko.

309
00:19:53,310 --> 00:19:56,250
Ez daukat document.getElementByID esateko.

310
00:19:56,250 --> 00:19:58,750
Ez daukat DOM sarbidea jQueries bezala erabiltzeko.

311
00:19:58,750 --> 00:20:03,280
Erlazionatu ahal dut aldagai bat, eta, orduan, aldagai hori aldatu dut

312
00:20:03,280 --> 00:20:07,400
Ikusteko Javascript-a barruan HTML batekin sinkronizatuta mantendu,

313
00:20:07,400 --> 00:20:11,640
beraz, atzera eta aurrera joan, bien artean erabakitako prozesua errazten du.

314
00:20:11,640 --> 00:20:18,260
Ez duela zentzurik?

315
00:20:18,260 --> 00:20:22,060
>> Eta konturatu ez dago HTML sarrera kodea da.

316
00:20:22,060 --> 00:20:27,760
Besterik ez dugu egin HTML ahaltsuagoa

317
00:20:27,760 --> 00:20:32,070
eta, gaur egun, adibidez, gauza egin dezakegu hau, adibidez,

318
00:20:32,070 --> 00:20:38,610
gustatzen klik honi, funtzio hori deitu todos.js esparruan,

319
00:20:38,610 --> 00:20:43,410
eta hori egin dugu ahal izan baino lehen, baina badira beste gauza batzuk, hau ng-eredu bezala,

320
00:20:43,410 --> 00:20:47,020
eta iragarki hau ng-errepikatu.

321
00:20:47,020 --> 00:20:51,520
Zer egin hori dela uste duzu?

322
00:20:51,520 --> 00:20:54,390
Hemen, gure aurretik Ordenatu gabeko zerrenda da.

323
00:20:54,390 --> 00:20:56,470
Ul tags ditugu,

324
00:20:56,470 --> 00:21:03,710
baina ni zerrenda horretan inoiz I bihurtzean Javascript kodearen barruan?

325
00:21:03,710 --> 00:21:09,280
Ez dut inoiz esplizituki zerrenda bihurtzean.

326
00:21:09,280 --> 00:21:11,580
Nola egiten du lan?

327
00:21:11,580 --> 00:21:16,410
Beno, modu angeluarra da accomplishes hau da hau deitzen da, errepikagailu bat.

328
00:21:16,410 --> 00:21:22,760
Funtsean hau dio nahi dut HTML hau inprimatzea

329
00:21:22,760 --> 00:21:26,240
nire todos array barruan todo bakoitzeko.

330
00:21:26,240 --> 00:21:31,850
Todos.jr barruan dago todos array bat da hemen,

331
00:21:31,850 --> 00:21:37,910
eta hau Angeluen go esango array bidez, eta elementu bakoitzerako duzun ikusi

332
00:21:37,910 --> 00:21:41,390
HTML inprimatu nahi dut.

333
00:21:41,390 --> 00:21:44,620
Hau awesome mota bat da, ezin dut besterik ez delako egin

334
00:21:44,620 --> 00:21:47,760
idazteko begizta behar izan gabe,

335
00:21:47,760 --> 00:21:52,250
eta, beraz, egitekoen zerrenda izan zen 30 soilik kode lerro

336
00:21:52,250 --> 00:21:54,700
ezin izango da gehien onuragarria dela,

337
00:21:54,700 --> 00:22:01,240
baina badaukazu handi proiektu bat bada, hau oso erosoa lortu liteke.

338
00:22:01,240 --> 00:22:06,100
>> Hau da arazo honen konponbidea da, indartsua HTML gehiago eginez,

339
00:22:06,100 --> 00:22:10,820
eta aukera ematen duen Javascript eta HTML mantentzeko gurekin sinkronizatuta.

340
00:22:10,820 --> 00:22:13,220
Badira beste modu posible arazoa konpontzeko,

341
00:22:13,220 --> 00:22:15,320
eta ez esparru guztietan du honek.

342
00:22:15,320 --> 00:22:17,720
Ez esparru guztietan lerro hauek batera lan egiten du.

343
00:22:17,720 --> 00:22:19,490
Marko batzuk hainbat ikuspegi,

344
00:22:19,490 --> 00:22:23,310
aurkitu eta gustuko duzun beste bat baino gehiago esparru duzula ahal izango duzu.

345
00:22:23,310 --> 00:22:26,160
Dezagun bat gehiago begiratu.

346
00:22:26,160 --> 00:22:30,060
Honen bidez sortu izeneko Enbor sarea esparru batean dauden gauzen zerrenda da.

347
00:22:30,060 --> 00:22:33,250
Honen bidez joan azkar noa.

348
00:22:33,250 --> 00:22:38,300
HTML dut hasiko gara ez aurretik.

349
00:22:38,300 --> 00:22:40,290
Bigarrena.

350
00:22:40,290 --> 00:22:43,950
HTML hasita, nabarituko duzun bezala, gure HTML oso antzekoa da

351
00:22:43,950 --> 00:22:50,000
zer baino lehen, eta, beraz, ez da gehiegi berriaren aurrean izan zen hori.

352
00:22:50,000 --> 00:22:55,410
Baina gure js fitxategi apur bat desberdina da.

353
00:22:55,410 --> 00:23:00,360
Bizkarrezurra moduko ideia hau, edo ideia eraikitzen

354
00:23:00,360 --> 00:23:04,750
Honekin zer egiten dugu asko, esateko, gure Javascript-proiektuak

355
00:23:04,750 --> 00:23:09,110
da-ereduak eta eredu horiek bildumak pentsatzen.

356
00:23:09,110 --> 00:23:12,510
Hau da, adibidez, izan liteke argazki bat eta argazki bildumak,

357
00:23:12,510 --> 00:23:16,230
edo lagun bat eta bilduma lagunak ideia.

358
00:23:16,230 --> 00:23:20,700
Eta oftentimes denean Javascript aplikazio ari gara programatzen

359
00:23:20,700 --> 00:23:25,340
ordenatzeko irudikatzeko lagunen bilduma bat izatearen ideia dugu

360
00:23:25,340 --> 00:23:29,500
Ikusteko Javascript-a nolabait, eta Enbor sarea ematen digu geruza hau

361
00:23:29,500 --> 00:23:33,040
Ikusteko Javascript-a en array existitzen diren eta objektuak gainean

362
00:23:33,040 --> 00:23:38,300
ahaltsuagoa Gauzak horrela, erraz.

363
00:23:38,300 --> 00:23:41,870
>> Hemen definitu dut egiteko eredu bat,

364
00:23:41,870 --> 00:23:44,630
eta ez duzu gehiegi kezkatu sintaxia buruz,

365
00:23:44,630 --> 00:23:48,730
baina konturatu zer da hau propietate bat?

366
00:23:48,730 --> 00:23:53,190
Eremu lehenetsi ditu.

367
00:23:53,190 --> 00:23:56,640
Bizkarrezurra zehazteko aukera ematen du dagoeneko me to bat itzali

368
00:23:56,640 --> 00:24:00,190
berriak egiteko sortu duten I lehenetsiak hauek izan behar.

369
00:24:00,190 --> 00:24:04,100
Azken hau pertsonalizatu ahal izango dut, baina baloia gai lehenetsiak zehazteko

370
00:24:04,100 --> 00:24:07,220
atsegina da, eta erosoa mota da, hau da, ez delako zerbait hori bezalako

371
00:24:07,220 --> 00:24:10,430
Ikusteko Javascript-a berezkoa, eta orain ez daukat Esplizituki

372
00:24:10,430 --> 00:24:12,430
esan todos direla osorik.

373
00:24:12,430 --> 00:24:19,190
Eskuinera bat itzali esan dezaket todos diren osatu gabe gisa markatu du.

374
00:24:19,190 --> 00:24:21,300
Ohartu ondoren, zer da hau?

375
00:24:21,300 --> 00:24:25,520
Orain gauzen zerrenda bat daukat, eta hori bilduma bat da.

376
00:24:25,520 --> 00:24:30,960
Iragarki dioen eredua todo lotutako eremua.

377
00:24:30,960 --> 00:24:33,390
Hau nire Enbor sarea kontatzeko duten modu bat da

378
00:24:33,390 --> 00:24:37,350
Horien banakako todos bilduma bat buruz pentsatzen dut.

379
00:24:37,350 --> 00:24:42,140
Hau da, funtsean, nire programaren egitura eredua.

380
00:24:42,140 --> 00:24:44,980
Hemen bilduma baten ideia hori daukat,

381
00:24:44,980 --> 00:24:48,960
eta, batez ere, bilduma horretan jasotako elementuak dira guztiak Todos hauek izango dira,

382
00:24:48,960 --> 00:24:51,910
eta hori oso natural zentzu honetan

383
00:24:51,910 --> 00:24:59,890
egin delako daukat todos, eta nik bilduma batean.

384
00:24:59,890 --> 00:25:02,940
>> Dezagun pixka bat gehiago, hau begiratu.

385
00:25:02,940 --> 00:25:05,900
Hemen Enbor sarea ikuspegi bat da.

386
00:25:05,900 --> 00:25:08,890
Beste gauza Enbor sarea dela esaten da

387
00:25:08,890 --> 00:25:14,660
bat, modelo asko ari zaren edo are bildumak pentsatzen

388
00:25:14,660 --> 00:25:19,150
ari dira, erakutsitako modu batzuk izan behar du.

389
00:25:19,150 --> 00:25:21,900
Duten gauzen zerrenda errendatu behar dugu,

390
00:25:21,900 --> 00:25:25,460
eta ez litzateke polita izango da, ezin dugu eredu bakoitzean bada ematen

391
00:25:25,460 --> 00:25:28,390
edo eredu bakoitzean erlazionatzeko ikuspegi honen

392
00:25:28,390 --> 00:25:34,020
hori ematen digu konektatu bi elkarrekin asmatzen dut?

393
00:25:34,020 --> 00:25:38,320
Baino lehen, ordea, bat erabili begizta zela exekutatu bidez izan dugu

394
00:25:38,320 --> 00:25:41,130
egunero gure zerrendan todo, eta gero inprimatu hemen

395
00:25:41,130 --> 00:25:44,650
funtsean, ezin dugu konektatu eredu honekin.

396
00:25:44,650 --> 00:25:47,550
Hau egiteko ikuspegi bat da.

397
00:25:47,550 --> 00:25:50,550
Hau da todo lehenago aurkitu dugu lotutako.

398
00:25:50,550 --> 00:25:54,940
Orain todo bakoitza Ikus edo renderable

399
00:25:54,940 --> 00:25:56,960
hau egiteko ikuspegia.

400
00:25:56,960 --> 00:25:59,440
Iragarki eremu batzuk.

401
00:25:59,440 --> 00:26:05,880
Zer egin tagName hau dela uste duzu, tagName: li?

402
00:26:05,880 --> 00:26:09,790
Dugunean nahi izan aurretik gogoratu todo bat errendatu

403
00:26:09,790 --> 00:26:16,700
dute esplizituki parekatu gure todos li etiketa honekin nahi dugu.

404
00:26:16,700 --> 00:26:21,080
Orain, non que todo hori bizitzen joan gara esaten

405
00:26:21,080 --> 00:26:25,250
da, li-etiketa baten barruan izango da.

406
00:26:25,250 --> 00:26:31,440
Eta gaur egun ere ari gara gure todos gertakariak lotzen.

407
00:26:31,440 --> 00:26:34,320
>> Todo bakoitzak gertaera hau.

408
00:26:34,320 --> 00:26:38,480
Klik nahiko askoz bada txandakatzeko botoia, hori zer ari naiz esaten,

409
00:26:38,480 --> 00:26:43,080
ondoren, funtsean, markatu baino lehen zer zen kontrakoa da todo el

410
00:26:43,080 --> 00:26:45,890
eta berriro errendatu aplikazioa.

411
00:26:45,890 --> 00:26:47,810
Honek mota kodea aurretik antzekoa da.

412
00:26:47,810 --> 00:26:50,730
Gogoratu denean markatu dugu, bai kontrakoa edo jo-

413
00:26:50,730 --> 00:26:52,410
dugu, eta, ondoren, berriro errendatuko da.

414
00:26:52,410 --> 00:26:57,750
Baina orain konturatzen erabiltzen zerbait HTML zen izan gertaera honetara.

415
00:26:57,750 --> 00:26:59,640
Ez zen eserita.

416
00:26:59,640 --> 00:27:01,410
Botoia klikatu izan da.

417
00:27:01,410 --> 00:27:05,310
Botoia sakatzen duzunean, egiten du nolako gauzak behar

418
00:27:05,310 --> 00:27:07,210
sortu todo hori osatu gabe egongo da.

419
00:27:07,210 --> 00:27:11,180
Hemen lotutako dugu txandakatzeko botoia klik gertaera

420
00:27:11,180 --> 00:27:15,830
Eta ala ez, edo desaktibatzeko ikuspegi honekin alderantzizkoa.

421
00:27:15,830 --> 00:27:20,480
>> Hau konfiguratzeko gertaera hau modu polit bat da, beraz, oso ondo lotuta da

422
00:27:20,480 --> 00:27:26,980
ikuspegi honetan, eta beraz, nabarituko hau gehiago.

423
00:27:26,980 --> 00:27:31,050
Errendatu metodo hau aukeratu dut, eta ez dugu xehetasunak bidez joan.

424
00:27:31,050 --> 00:27:33,650
Zer nolako aurretik izan genuen antzekoa da,

425
00:27:33,650 --> 00:27:36,070
nabarituko, baina ez dut ezer begizta bidez.

426
00:27:36,070 --> 00:27:40,700
Ez dut hori ul etiketa duten elementu guztiak inprima noa esaten moduko da inprimatzeko.

427
00:27:40,700 --> 00:27:46,610
Funtzionalitatea eskaintzen dut hau egiteko elementua emateko.

428
00:27:46,610 --> 00:27:49,400
Hau oso indartsua kontzeptu bat da, funtsean, delako

429
00:27:49,400 --> 00:27:53,600
Gure egitekoen zerrenda Todos horiek guztiak osatzen dute, eta ezin dugu funtsean bada zehaztu

430
00:27:53,600 --> 00:27:56,890
modu todos horietako bat errendatu

431
00:27:56,890 --> 00:28:04,230
ondoren, gure per se bizkarrezurra indartsua izan dezakegu errendatu todos guztiak

432
00:28:04,230 --> 00:28:07,760
banakako todos on metodoa Errendatu deituz.

433
00:28:07,760 --> 00:28:14,180
Hau kontzeptu bat da, erabilgarria da hemen.

434
00:28:14,180 --> 00:28:18,160
Ona galdera galdetu nola aplikazioa ari bildu?

435
00:28:18,160 --> 00:28:21,200
Dugu gaitasuna todo bat eskaintzea delako,

436
00:28:21,200 --> 00:28:23,860
baina nola todos hainbat ideia hartu behar dugu?

437
00:28:23,860 --> 00:28:25,100
>> Ikus dezagun hori begirada bat.

438
00:28:25,100 --> 00:28:27,100
Honen azken zatia da.

439
00:28:27,100 --> 00:28:29,740
Iragarki bat egiteko zerrenda ikusi dugu hemen,

440
00:28:29,740 --> 00:28:34,440
eta baita ere nabarituko da ikuspegi bat.

441
00:28:34,440 --> 00:28:36,970
Eta gauza pare bat baino gehiago joan,

442
00:28:36,970 --> 00:28:45,280
Hasieratu metodo honi deitzen den lehen sortu dugun to-do zerrenda honetan.

443
00:28:45,280 --> 00:28:52,630
Ikusten duzun bezala, da egitekoen zerrenda sortzen du eta lotzen ikuspegi honekin bezala.

444
00:28:52,630 --> 00:28:57,860
Eta gero, funtzioak gehitu dut hemen, beraz, funtsean, noiz bat gehitu duzun elementua-

445
00:28:57,860 --> 00:29:01,440
hau da addItem metodoa antzeko aurretik, ikusi genuen

446
00:29:01,440 --> 00:29:07,430
A todo objektu berriak sortzen, eta konturatu naiz benetan deituz dut

447
00:29:07,430 --> 00:29:13,080
berri honen todo metodoa, beraz, hau da Enbor sarea emandako,

448
00:29:13,080 --> 00:29:16,010
eta nire ezaugarri ezin dut pasatzen hemen.

449
00:29:16,010 --> 00:29:23,710
Eta orain, todo egunero sortzen dut hau erabiliz funtzionalitate aurretik ikusi dugun jasoko.

450
00:29:23,710 --> 00:29:28,140
Iragarki nago kentzeagatik kutxan-txiki bat, aurretik Xehetasun-

451
00:29:28,140 --> 00:29:32,900
eta, ondoren, bilduma hau naiz gehituz.

452
00:29:32,900 --> 00:29:37,630
>> Hori ia badirudi arraroa besterik ez dugu izan aurretik todos.push egin delako,

453
00:29:37,630 --> 00:29:43,310
eta, ondoren, egin genuen, eta hau bereziki proiektu konplikatua iruditu,

454
00:29:43,310 --> 00:29:46,980
eta Enbor sarea duten edo are angeluarra edo beste edozein esparru aurkitu ahal izango duzu

455
00:29:46,980 --> 00:29:50,790
ez da egokitzen zure proiektua, baina garrantzitsua dela uste dut pentsatzen

456
00:29:50,790 --> 00:29:54,100
Zer da hau proiektu handiago eskala handiago bat esan nahi du,

457
00:29:54,100 --> 00:29:56,610
izan dugu, proiektu handiago bat non ordezkari ginen bada delako

458
00:29:56,610 --> 00:30:00,860
benetan konplexua bilketa, besterik gabe, zerbait egiteko zerrenda bat baino sakonago,

459
00:30:00,860 --> 00:30:04,490
esan dezagun bat lagunen zerrenda edo horrelako zerbait, eta hau ezin handy etorriko

460
00:30:04,490 --> 00:30:09,620
gure kodea delako antolatu ahal izan dugu, oso erosoa da,

461
00:30:09,620 --> 00:30:12,550
horrela errazagoa norbaitek jarriko litzateke

462
00:30:12,550 --> 00:30:16,820
nahi duten jasotzeko proiektu bat eraikitzeko gainean.

463
00:30:16,820 --> 00:30:21,450
Ikus hau egitura asko eskaintzen dezakezu.

464
00:30:21,450 --> 00:30:26,580
Eta, ondoren, addItem honetan errendatu dut deituz.

465
00:30:26,580 --> 00:30:31,050
Presentazioa, Ikusten duzun bezala, eta ez duzu full sintaxia hau ulertzea,

466
00:30:31,050 --> 00:30:37,790
baina, batez ere, eredu bakoitzaren banakako errendatze metodoa deitu behar da joan.

467
00:30:37,790 --> 00:30:41,500
Hori da, non sort hau nondik datorren.

468
00:30:41,500 --> 00:30:44,140
Dezagun, besterik gabe, nola banakako todos errendatzeko,

469
00:30:44,140 --> 00:30:47,310
eta, ondoren, kola dezagun elkarrekin osoan bezala.

470
00:30:47,310 --> 00:30:49,810
Baina hau abstrakzioa modu bat eskaintzen du,

471
00:30:49,810 --> 00:30:55,470
modu banakako todos errendatzeko erabaki dut aldatu baitezake,

472
00:30:55,470 --> 00:30:57,940
eta ez nuke izan kode hau edozein aldatzeko.

473
00:30:57,940 --> 00:31:00,700
Hori mota cool.

474
00:31:00,700 --> 00:31:08,540
>> Ez du inor izan Javascript marko buruzko edozein galdera?

475
00:31:08,540 --> 00:31:14,310
[Ikaslearen galdera inaudible]

476
00:31:14,310 --> 00:31:16,050
Oh, ziur, galdera handi bat da.

477
00:31:16,050 --> 00:31:19,080
, Galdetu zion nola esparruak ere hartzen dut?

478
00:31:19,080 --> 00:31:22,970
Ikusteko Javascript-a gehien esparruak daude, batez ere, besterik gabe, JS fitxategiak

479
00:31:22,970 --> 00:31:25,740
dezakezu zure kodea goialdean sartzeko.

480
00:31:25,740 --> 00:31:29,830
Nire HTML zati buruan nabarituko script etiketa horiek guztiak izan dut,

481
00:31:29,830 --> 00:31:34,250
eta azken script etiketa kodea dugun idatzia da.

482
00:31:34,250 --> 00:31:38,820
Eta, ondoren, 3 esparru kodeak besterik ez dira, gainera, script etiketa.

483
00:31:38,820 --> 00:31:42,110
Horietako naiz barne zer deitu CDN batetik,

484
00:31:42,110 --> 00:31:46,200
horri esker, lortu zidan norbaitek puntu honetan

485
00:31:46,200 --> 00:31:57,930
baina esparru guztietan du honek-dezakezu nahiko askoz aurkituko edukia

486
00:31:57,930 --> 00:32:03,540
JavaScript liburutegi jakin CDN batzuk edo zerbait bezala eskuragarri egiteko,

487
00:32:03,540 --> 00:32:05,570
eta, ondoren, script etiketa hauek erabil ditzakezu.

488
00:32:05,570 --> 00:32:07,600
Ez duela zentzurik?

489
00:32:07,600 --> 00:32:09,500
Cool.

490
00:32:09,500 --> 00:32:11,730
>> 2 horiek hainbat ikuspegi daude.

491
00:32:11,730 --> 00:32:14,640
Horiek ez dira arazo hau konpontzeko, ikuspegi bakarra.

492
00:32:14,640 --> 00:32:17,080
Badira hainbat gauza

493
00:32:17,080 --> 00:32:19,490
norbaitek, egin dezake eta asko dira bertan esparruak.

494
00:32:19,490 --> 00:32:23,300
Angeluen eta Enbor sarea ez osoa istorioa kontatzeko.

495
00:32:23,300 --> 00:32:26,370
Zorte on zure azken proiektuak, eta eskerrik asko eta asko.

496
00:32:31,960 --> 00:32:35,000
[CS50.TV]