1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Seminar] [Oqfsa JavaScript: Għaliex u Kif]

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

3
00:00:04,000 --> 00:00:06,960
[Dan huwa CS50.] [CS50.TV]

4
00:00:06,960 --> 00:00:10,630
>> Hi, kulħadd. Merħba lill-Oqfsa seminar JavaScript.

5
00:00:10,630 --> 00:00:14,910
Jisimni Kevin, u llum jien ser tkun jitkellem dwar oqfsa JavaScript,

6
00:00:14,910 --> 00:00:20,400
u l-għan ta 'dan is-seminar huwa ma inti tikseb għal, per eżempju, kaptan qafas partikolari per se

7
00:00:20,400 --> 00:00:23,810
imma li jagħtuk introduzzjoni wiesgħa lil koppja ta 'oqfsa

8
00:00:23,810 --> 00:00:27,150
u juru għaliex aħna qatt tixtieq li tuża qafas.

9
00:00:27,150 --> 00:00:31,060
>> Qabel I tagħmel dan, I ser jipprovdu sfond ftit fil JavaScript,

10
00:00:31,060 --> 00:00:33,750
u allura aħna ser teħodha minn hemm.

11
00:00:33,750 --> 00:00:36,270
Aħna ser tibda billi timplimenta lista għall-do.

12
00:00:36,270 --> 00:00:39,330
Hawn lista kompitu tagħna għal-lum.

13
00:00:39,330 --> 00:00:41,990
Huwa tip ta 'umoristiċi. Għandna biex jimplimentaw lista għall-do fl JavaScript.

14
00:00:41,990 --> 00:00:45,110
Dan huwa dak li għaddej biex look like, b'tali mod li l-ewwel għan tagħna.

15
00:00:45,110 --> 00:00:47,160
Aħna mhux se jużaw qafas biex tagħmel dan.

16
00:00:47,160 --> 00:00:51,930
Aħna ser kodiċi JavaScript u jiksbu l-lista għall-do jaħdmu.

17
00:00:51,930 --> 00:00:54,370
Imbagħad aħna qed tmur biex itejbu d-disinn mingħajr l-użu ta 'qafas.

18
00:00:54,370 --> 00:00:57,190
Aħna qed tmur biex jiddiskutu affarijiet varji nistgħu nagħmlu mal biss JavaScript waħdu

19
00:00:57,190 --> 00:01:00,650
jagħmlu tagħna għall-do lista ta 'ftit mfassla aktar tajjeb.

20
00:01:00,650 --> 00:01:02,490
Imbagħad aħna qed tmur biex tarmi f'xi jQuery,

21
00:01:02,490 --> 00:01:05,030
u allura aħna qed tmur biex tħares lejn l-istess għall-do lista,

22
00:01:05,030 --> 00:01:07,170
biss implimentati oqfsa differenti, u aħna ser jiddiskutu

23
00:01:07,170 --> 00:01:09,280
 l-vantaġġi u liżvantaġġi tul it-triq.

24
00:01:09,280 --> 00:01:12,040
>> Nibdew implimentazzjoni ta 'dik għall-do lista.

25
00:01:12,040 --> 00:01:14,270
Ejja ngħidu aħna qed tingħata din HTML.

26
00:01:14,270 --> 00:01:16,620
Jien ser jagħmlu dan iżgħar ftit.

27
00:01:16,620 --> 00:01:19,300
Kif tistgħu taraw, I jkollhom header ftit li tgħid Todo

28
00:01:19,300 --> 00:01:21,740
u ftit kaxxa fejn I tista 'tidħol deskrizzjoni ta' todo

29
00:01:21,740 --> 00:01:26,990
u mbagħad buttuna punt ġdid, hekk ejja tipprova tidħol todo ġdid għal din il-lista.

30
00:01:26,990 --> 00:01:31,000
Agħti oqfsa seminar JavaScript,

31
00:01:31,000 --> 00:01:33,090
u jien hit punt ġdid.

32
00:01:33,090 --> 00:01:35,730
I nikseb dan allert JavaScript li tgħid jimplimentaw me.

33
00:01:35,730 --> 00:01:37,560
Imxejna ltqajna biex jimplimentawh.

34
00:01:37,560 --> 00:01:41,490
Ejja jiċċekkjaw il-kodiċi għal dan, kemm il-HTML u l-JavaScript.

35
00:01:41,490 --> 00:01:43,260
Hawn HTML tagħna.

36
00:01:43,260 --> 00:01:45,500
Kif tistgħu taraw hawn, hawn ftit Todos tagħna header.

37
00:01:45,500 --> 00:01:47,620
Dan kien li ħaġa kuraġġużi fil-quċċata,

38
00:01:47,620 --> 00:01:50,690
u allura għandna l-kaxxa input mal-placeholder,

39
00:01:50,690 --> 00:01:59,460
u allura hemm attribut ċerti din il-buttuna li jitlob dan addTodo funzjoni.

40
00:01:59,460 --> 00:02:05,460
Ħadd ma trid raden dak li ikklikkja fuq hija li tfisser?

41
00:02:05,460 --> 00:02:07,390
[Student rispons inaudible]

42
00:02:07,390 --> 00:02:09,289
Tajba, il-click fuq hija tip simili avveniment,

43
00:02:09,289 --> 00:02:12,120
bħall tikklikkja l-ġurdien huwa biss avveniment, u dak li aħna qed tagħmel

44
00:02:12,120 --> 00:02:16,890
huwa aħna qed irbit l-każ ta 'tikklikkja din il-buttuna biex tesegwixxi dik il-funzjoni.

45
00:02:16,890 --> 00:02:21,700
AddTodo hija din handler avveniment għall tikklikkja li buttuna.

46
00:02:21,700 --> 00:02:25,010
>> Kif tistgħu taraw, meta I ikklikkja l-buttuna punt ġdid

47
00:02:25,010 --> 00:02:29,940
l-avveniment ikklikkja fuq gets sparati, u din il-funzjoni gets imsejħa.

48
00:02:29,940 --> 00:02:33,170
Ejja nħarsu lejn il-funzjoni.

49
00:02:33,170 --> 00:02:36,260
Kif tistgħu taraw, hawnhekk kodiċi JavaScript tiegħi s'issa.

50
00:02:36,260 --> 00:02:41,280
What Għandi fil-quċċata hija struttura data globali għall tiegħi għall-do lista.

51
00:02:41,280 --> 00:02:44,060
Jidher qisu firxa. Huwa biss firxa vojta.

52
00:02:44,060 --> 00:02:47,100
U mbagħad I għandhom il-funzjoni addTodo li rajna qabel,

53
00:02:47,100 --> 00:02:50,740
u l-unika linja tal-kodiċi fil hemm din it-twissija.

54
00:02:50,740 --> 00:02:55,730
Hija allerti jimplimentaw me, u mbagħad I għandhom 2 kompiti fil-idejn.

55
00:02:55,730 --> 00:02:58,790
I ikollhom iżidu l todo li dik l-istruttura globali data,

56
00:02:58,790 --> 00:03:01,860
u mbagħad nixtieq li tiġbed l-lista għall-do.

57
00:03:01,860 --> 00:03:06,360
Xejn wisq fancy għadha biss, iżda JavaScript inti jistgħu ma jkunux familjari ma ',

58
00:03:06,360 --> 00:03:12,370
hekk jien ser jmorru bil-mod u tirrevedi l-fundamenti tal JavaScript b'dak il-mod.

59
00:03:12,370 --> 00:03:15,490
>> Ejja tagħti dan sparatura.

60
00:03:15,490 --> 00:03:21,130
Ejja ngħidu l-utent jidħol xi ħaġa f'din il-kaxxa.

61
00:03:21,130 --> 00:03:23,360
I biss ittajpjat xi ħaġa fil hawn, test.

62
00:03:23,360 --> 00:03:27,620
Kif nista sort ta 'aċċess li permezz test JavaScript?

63
00:03:27,620 --> 00:03:32,500
Ftakar li JavaScript, waħda mill-karatteristiċi fundamentali tagħha hija li jagħtina

64
00:03:32,500 --> 00:03:34,670
dan l-aċċess programmatiku għall-DOM.

65
00:03:34,670 --> 00:03:40,670
Dan jippermetti li aċċess għall-elementi u l-proprjetajiet tagħhom ta 'dan HTML attwali.

66
00:03:40,670 --> 00:03:43,430
Il-mod kif nagħmlu li bil-għadam bare JavaScript

67
00:03:43,430 --> 00:03:51,360
huwa nistgħu attwalment jużaw funzjoni fl JavaScript imsejħa getElementByID.

68
00:03:51,360 --> 00:03:55,140
I tixtieq li taħżen-test thats ittajpjat hemm f'xi varjabbli,

69
00:03:55,140 --> 00:03:58,350
hekk jien se ngħid varjabbli ġdida msejħa new_todo,

70
00:03:58,350 --> 00:04:01,980
u jien se tikseb dak l-element.

71
00:04:01,980 --> 00:04:06,330
Din hija funzjoni,. GetElementByID.

72
00:04:06,330 --> 00:04:11,580
U issa jien jkollna element mill ID, so I bżonn l-ID ta 'dak kaxxa ta' test,

73
00:04:11,580 --> 00:04:15,860
hekk stajt tatha l new_todo_description ID.

74
00:04:15,860 --> 00:04:18,399
Thats kif jien ser tikseb element.

75
00:04:18,399 --> 00:04:23,880
C'est argument tiegħi li din il-funzjoni, li jiġi speċifikat liema ID tikseb.

76
00:04:23,880 --> 00:04:28,110
U hekk dan huwa element HTML, u li għandha proprjetajiet.

77
00:04:28,110 --> 00:04:30,650
Inti stajt tidher dawn. Huma qed attributi.

78
00:04:30,650 --> 00:04:37,090
L-attribut tal-element test li taħżen input l-utent huwa valur msejjaħ.

79
00:04:37,090 --> 00:04:40,860
I salvat il-valur ta 'dak kaxxa ta' test issa f'dan varjabbli imsejħa new_todo.

80
00:04:40,860 --> 00:04:45,040
Issa I jkollhom aċċess programmatiku għal din varjabbli, li huwa tip ta 'kessaħ

81
00:04:45,040 --> 00:04:49,200
għaliex issa dak I tista 'tagħmel huwa I jistgħu jżidu mal tiegħi għall-do lista.

82
00:04:49,200 --> 00:04:52,870
>> Il-mod kif aħna se tagħmel dan fi JavaScript u tinkwetax jekk int familjari ma 'dan,

83
00:04:52,870 --> 00:04:57,010
iżda biss jmorru permezz ta 'dan huwa todos.push

84
00:04:57,010 --> 00:05:00,130
minħabba li l-isem tal-istruttura tiegħi data globali up hawn,

85
00:05:00,130 --> 00:05:04,450
u jien ser timbotta new_todo.

86
00:05:04,450 --> 00:05:09,120
Dan huwa kbir għaliex issa I jkollhom miżjud lill tiegħi JavaScript

87
00:05:09,120 --> 00:05:11,280
rappreżentazzjoni ta 'dik għall-do lista.

88
00:05:11,280 --> 00:05:15,170
Imma issa kif nista 'nikseb lura lill-HTML?

89
00:05:15,170 --> 00:05:18,560
I jkollhom isibu mod biex issolvi ta timbotta lura.

90
00:05:18,560 --> 00:05:21,830
Fi kliem ieħor, I tip ta 'jkollhom ifasslu dan.

91
00:05:21,830 --> 00:05:26,060
Dak li aħna qed tmur biex tagħmel hu li aħna qed tmur biex jiġbed l-lista għall-do.

92
00:05:26,060 --> 00:05:29,270
I bżonn jaġġornaw HTML oħra fuq dik il-paġna,

93
00:05:29,270 --> 00:05:32,040
u kif tista 'tara, stajt ħalla dan il-kontenitur ftit hawn,

94
00:05:32,040 --> 00:05:36,840
dan divider tal-paġna li huwa ID Todos,

95
00:05:36,840 --> 00:05:40,870
u jien ser tpoġġi l-lista għall-do hemmhekk.

96
00:05:40,870 --> 00:05:47,240
Ewwel Jien ser ċar it out għaliex, ngħidu aħna, kien hemm biex tagħmel-lista antika hemmhekk.

97
00:05:47,240 --> 00:05:49,560
Jien jkollna dan l-element mill ID darb'oħra,

98
00:05:49,560 --> 00:05:54,530
u jien aċċess għall-HTML ġewwa ta 'dak l-element,

99
00:05:54,530 --> 00:05:58,010
u jien ser ċara li.

100
00:05:58,010 --> 00:06:05,510
Jekk aħna xellug dan il-kodiċi hu, aħna'd tara xejn vojt hemm,

101
00:06:05,510 --> 00:06:10,410
u issa nixtieq li jibdew tirrendi ġdid għall-do lista tiegħi.

102
00:06:10,410 --> 00:06:12,870
Jien bażikament ser imsaħ out my għall-do lista.

103
00:06:12,870 --> 00:06:18,180
>> Issa l-ġewwa HTML ġewwa ta 'dak Todos div hija kompletament ċara,

104
00:06:18,180 --> 00:06:20,060
u issa I bżonn biex tibda żżid lista tiegħi.

105
00:06:20,060 --> 00:06:23,890
L-ewwel ħaġa nixtieq li żżid lura hija l-lista tag unordered,

106
00:06:23,890 --> 00:06:33,890
li bażikament tindika li dan huwa l-bidu ta 'lista unordered.

107
00:06:33,890 --> 00:06:39,770
Issa għal kull element fil Todos firxa tiegħi nixtieq li ipprintjaha ġewwa ta 'dak HTML.

108
00:06:39,770 --> 00:06:43,710
Irrid li tehmeż fuq il-qiegħ ta 'din il-lista.

109
00:06:43,710 --> 00:06:49,040
Eżatt bħal fil-C, I jistgħu jużaw għall-loop, u jien ser tibda fil-bidu tal-lista tiegħi

110
00:06:49,040 --> 00:06:54,140
fil element 0, u jien se jmorru it-triq kollha għat-tul tal-lista.

111
00:06:54,140 --> 00:07:01,100
Aħna tista 'attwalment tikseb it-tul ta' firxa fl JavaScript użu tal-proprjetà tul.

112
00:07:01,100 --> 00:07:03,420
Bażikament jien ser tagħmel xi ħaġa simili ħafna ġewwa tal here

113
00:07:03,420 --> 00:07:05,600
li jistampa dan l-element.

114
00:07:05,600 --> 00:07:12,970
I tista 'terġa aċċess għall-div Todos, il-proprjetà HTML ġewwa minn dan,

115
00:07:12,970 --> 00:07:17,560
u jien ser żid fuq dan il-punt lista l-ġdida, u li għaddej biex tkun imdawra

116
00:07:17,560 --> 00:07:25,390
din tag Li, u jien ser concatenate mal-operatur +,

117
00:07:25,390 --> 00:07:28,040
u dak l-element ith ta Todos firxa tiegħi,

118
00:07:28,040 --> 00:07:32,380
u mbagħad jien ser tagħlaq dik tag.

119
00:07:32,380 --> 00:07:36,240
Issa għal kull element aħna ser żid dħul lista ġdida.

120
00:07:36,240 --> 00:07:48,700
U allura kollha għandna bżonn verament tagħmel huwa qrib off li tag.

121
00:07:48,700 --> 00:07:52,820
I biss ħtieġa li jagħlaq li unordered tag lista.

122
00:07:52,820 --> 00:07:55,490
>> Do you tikseb jħossu għal kif din taħdem?

123
00:07:55,490 --> 00:07:57,700
Dan jiftaħ l-lista sħiħa.

124
00:07:57,700 --> 00:08:01,080
Dan iżid elementi individwali mil-lista Todos mal-lista,

125
00:08:01,080 --> 00:08:05,470
u mbagħad li jagħlaq il-lista kollha, u dan huwa funzjoni addTodo tiegħi.

126
00:08:05,470 --> 00:08:09,590
I bażikament tibda billi jkollna l-todo mill-kaxxa test.

127
00:08:09,590 --> 00:08:18,950
Inżid ngħid li l-firxa Todos, u mbagħad I terġa 'tirrendi l-lista għall-do.

128
00:08:18,950 --> 00:08:21,520
Now I tista 'żżid oġġetti li lista tiegħi.

129
00:08:21,520 --> 00:08:24,620
Dan huwa tip ta 'eċċitanti għaliex fi ftit ftit linji tal-kodiċi

130
00:08:24,620 --> 00:08:28,240
konna bażikament għamel lista għall-do fejn nistgħu żid oġġetti.

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

132
00:08:30,050 --> 00:08:34,480
Dak it-tip ta 'introduzzjoni bażika għall-JavaScript.

133
00:08:34,480 --> 00:08:36,179
Tinkwetax wisq dwar l-sintassi għal issa,

134
00:08:36,179 --> 00:08:38,130
iżda jaħsbu dwar dan kunċettwalment.

135
00:08:38,130 --> 00:08:40,539
Kellna xi HTML.

136
00:08:40,539 --> 00:08:45,310
Kellna kaxxa ta 'test fuq il-paġna li l-utenti bażikament jitħallew input oġġett għall-do iżżid.

137
00:08:45,310 --> 00:08:49,210
U allura aħna użati JavaScript li jġibu li todo minn dik kaxxa ta 'test.

138
00:08:49,210 --> 00:08:52,830
Aħna maħżuna li ġewwa firxa JavaScript, li hi bażikament simili

139
00:08:52,830 --> 00:08:56,010
rappreżentazzjoni programmatika tagħna ta 'dak għall-do lista,

140
00:08:56,010 --> 00:08:59,060
u allura aħna stampat it out.

141
00:08:59,060 --> 00:09:02,690
Dan huwa todos.js.

142
00:09:02,690 --> 00:09:07,620
>> Dan huwa tip ta 'kessaħ, imma kif nistgħu jieħdu din ulterjuri?

143
00:09:07,620 --> 00:09:11,350
Ukoll, kif tistgħu taraw, dan mhux bħal komplet għall-do lista.

144
00:09:11,350 --> 00:09:15,100
Per eżempju, I ma jista 'trade mark xi wieħed minn dawn l-oġġetti bħala kompluta,

145
00:09:15,100 --> 00:09:19,920
simili jekk jien ridt li reprioritize-oġġetti jew tħassar oġġetti.

146
00:09:19,920 --> 00:09:23,150
Dan huwa okay, iżda nistgħu nieħdu din ulterjuri.

147
00:09:23,150 --> 00:09:29,280
Jien mhux ser jitkellmu wisq dwar jżid karatteristiċi żejda,

148
00:09:29,280 --> 00:09:32,800
iżda nistgħu jieħdu dik aktar.

149
00:09:32,800 --> 00:09:35,970
Ejja nitkellmu dwar żżid waħda aktar karatteristika għal dan għall-do lista,

150
00:09:35,970 --> 00:09:40,370
li se tkun tkun tista 'tiċċekkja individwu għall-do partita

151
00:09:40,370 --> 00:09:44,780
u li hija tiġi maqtugħa, hekk bażikament tgħid I ghamilt dan.

152
00:09:44,780 --> 00:09:50,240
Ejja nħarsu lejn xi kodiċi li jista 'tlesti dan.

153
00:09:50,240 --> 00:09:52,740
Avviż dak I ghamilt fil-quċċata hija stajt miżjud

154
00:09:52,740 --> 00:09:57,620
firxa globali ġdida msejħa komplet.

155
00:09:57,620 --> 00:10:02,890
Jien bażikament jużaw dan biex jaħżnu jekk l-oġġetti fuq il-lista għall-do

156
00:10:02,890 --> 00:10:06,560
huma kompluti jew le.

157
00:10:06,560 --> 00:10:08,470
Dan huwa mod wieħed biex tagħmel dan.

158
00:10:08,470 --> 00:10:13,750
Jekk I tħares lejn l-implimentazzjoni ta 'dan, il-wiri,

159
00:10:13,750 --> 00:10:21,120
bażikament jekk I tidħol todo u I-istampa din il-buttuna toggle

160
00:10:21,120 --> 00:10:25,040
jaqsam out, hekk kull punt fuq din il-lista għandha jew kompleta

161
00:10:25,040 --> 00:10:31,050
jew stat mhux kompluta, u jien jużaw firxa ieħor biex jirrappreżenta dak.

162
00:10:31,050 --> 00:10:33,730
>> Bażikament għal kull todo f'dak Todos firxa

163
00:10:33,730 --> 00:10:37,110
hemm xi oġġett fil-firxa kompleta li bażikament jindika

164
00:10:37,110 --> 00:10:39,060
jekk dan huwiex komplut jew le.

165
00:10:39,060 --> 00:10:41,640
I kellna li jagħmlu bidliet pretty minimi li dan il-kodiċi,

166
00:10:41,640 --> 00:10:44,470
Allura hawnhekk funzjoni addTodo tagħna.

167
00:10:44,470 --> 00:10:48,530
Avviż li hawn jien timbuttah fuq il-firxa,

168
00:10:48,530 --> 00:10:51,300
u mbagħad jien imbuttar 0 għal dak array kompluta,

169
00:10:51,300 --> 00:10:57,090
bażikament b'mod parallel ma 'dik push todo ġdid li jgħidu

170
00:10:57,090 --> 00:11:00,430
Jien żżid din il-partita, u huwa flimkien ma 'dan il-valur,

171
00:11:00,430 --> 00:11:02,810
li jfisser li huwa inkomplet.

172
00:11:02,810 --> 00:11:04,970
U allura jien redrawing-lista għall-do.

173
00:11:04,970 --> 00:11:09,220
Issa, avviż stajt miżjud dan funzjoni drawTodoList.

174
00:11:09,220 --> 00:11:11,760
Din tieħu ħafna tal-kodiċi kellna qabel,

175
00:11:11,760 --> 00:11:15,320
bażikament ikklerja barra il-kaxxa u mbagħad jiġbed l-ġdid għall-do lista.

176
00:11:15,320 --> 00:11:19,620
Iżda tinnota li ġewwa ta 'dan għal loop aħna qed tagħmel ftit aktar issa.

177
00:11:19,620 --> 00:11:25,000
Aħna bażikament verifika jekk l-oġġett li jikkorrispondi għall-todo ith hawn

178
00:11:25,000 --> 00:11:30,220
hija kompleta, u aħna qed iġib ruħu b'mod differenti f'dawn iċ-ċirkostanzi 2.

179
00:11:30,220 --> 00:11:32,790
Jekk huwa komplet, aħna qed żżid din tag del,

180
00:11:32,790 --> 00:11:35,360
li hi bażikament l-mod tista 'tikseb li strajk permezz effett

181
00:11:35,360 --> 00:11:38,190
jaqsmu l-lista għall-do jekk huwa komplet,

182
00:11:38,190 --> 00:11:42,200
u jekk mhuwiex, aħna mhux qed ikun inkluż.

183
00:11:42,200 --> 00:11:45,030
U hekk dan it-tip ta jieħu ħsieb ta 'dan,

184
00:11:45,030 --> 00:11:49,140
>> u li mod wieħed biex dan jintlaħaq.

185
00:11:49,140 --> 00:11:53,420
U allura avviż meta l-utent klikks wieħed minn dawn

186
00:11:53,420 --> 00:11:56,780
aħna toggle l-istatus tlestija ta 'dan.

187
00:11:56,780 --> 00:12:02,170
Meta l-utent klikks, aħna ser ireġġgħu lura jekk huwa kienx kompletat jew le,

188
00:12:02,170 --> 00:12:04,540
u allura aħna ser tiġbed dan.

189
00:12:04,540 --> 00:12:06,190
Dan it-tip ta 'xogħlijiet.

190
00:12:06,190 --> 00:12:09,860
Għandna dawn il-funzjonijiet li jwettqu l-kompiti tagħhom stess,

191
00:12:09,860 --> 00:12:11,730
u dan huwa okay.

192
00:12:11,730 --> 00:12:14,110
Hemm xi ħaġa li stajna nagħmlu aħjar dwar dan, għalkemm?

193
00:12:14,110 --> 00:12:18,700
Avviż għandna dawn 2 arrays globali.

194
00:12:18,700 --> 00:12:23,550
Jekk dan kien C, u kellna 2 arrays li tip ta 'rappreżentat

195
00:12:23,550 --> 00:12:25,800
data li kienet tip ta 'relatati b'xi mod

196
00:12:25,800 --> 00:12:30,140
dak li nużaw fil C jikkombinaw dawn l-oqsma 2

197
00:12:30,140 --> 00:12:35,420
fis xi ħaġa li tiġbor kemm biċċiet ta 'informazzjoni?

198
00:12:35,420 --> 00:12:37,600
Kulmin tixtieq li tagħmel suġġeriment?

199
00:12:37,600 --> 00:12:39,450
[Student rispons inaudible]

200
00:12:39,450 --> 00:12:42,340
>> Eżattament, hekk aħna jistgħu jużaw xi tip ta 'Struct,

201
00:12:42,340 --> 00:12:44,960
u jekk taħseb lura għal, per eżempju, pset 3,

202
00:12:44,960 --> 00:12:47,350
ftakar kellna dizzjunarju, u mbagħad kellna jekk il-kelma

203
00:12:47,350 --> 00:12:50,230
kienet fid-dizzjunarju, u dak kollu li l-informazzjoni kienet jitqiegħdu flimkien

204
00:12:50,230 --> 00:12:52,420
ġewwa ta 'xi struttura data.

205
00:12:52,420 --> 00:12:56,390
Ħaġa waħda I tista 'tagħmel ma' dan il-kodiċi sabiex jiġi evitat li dawn 2 arrays differenti

206
00:12:56,390 --> 00:13:01,760
għal biċċiet simili ta 'l-informazzjoni hija I jistgħu jinġabru flimkien ġo oġġett JavaScript.

207
00:13:01,760 --> 00:13:07,150
Ejja tagħti ħarsa lejn dak.

208
00:13:07,150 --> 00:13:11,740
Avviż I biss jkollhom firxa waħda fil-quċċata issa

209
00:13:11,740 --> 00:13:17,650
u dak I ghamilt hija u dan huwa biss il sintassi JavaScript għal tip ta '

210
00:13:17,650 --> 00:13:21,350
ħolqien ta 'verżjoni litterali ta' oġġett,

211
00:13:21,350 --> 00:13:24,670
u avviż hemm 2 proprjetajiet, hekk aħna l-todo,

212
00:13:24,670 --> 00:13:29,660
u huwa miżmum flimkien ma 'jekk huwa komplut jew mhux komplut.

213
00:13:29,660 --> 00:13:31,000
Dan huwa kodiċi simili ħafna.

214
00:13:31,000 --> 00:13:35,310
Aħna qed tuża l-JavaScript oġġetti.

215
00:13:35,310 --> 00:13:38,600
Dan it-tip ta 'affarijiet titjieb.

216
00:13:38,600 --> 00:13:43,850
Bħal issa, dawn l-oqsma kollha ta 'informazzjoni relatata huma miżmuma flimkien.

217
00:13:43,850 --> 00:13:46,410
Meta immorru ipprintjaha, nistgħu aċċess l-oqsma.

218
00:13:46,410 --> 00:13:49,060
>> Avviż kif aħna qed tagħmel Todos [i]. Kompluta

219
00:13:49,060 --> 00:13:52,880
minflok verifika tal-firxa sħiħa separatament,

220
00:13:52,880 --> 00:13:56,560
u avviż meta aħna rridu nġibu l-sekwenza għall-do aħna jkollna l-proprjetà għall-do

221
00:13:56,560 --> 00:13:58,750
ta 'dak todo, sabiex dan it-tip ta' jagħmel sens għaliex

222
00:13:58,750 --> 00:14:01,660
kull oġġett għandu dawn il-proprjetajiet intrinsiċi dwar dan.

223
00:14:01,660 --> 00:14:05,650
Hija għandha todo, u għandu jekk huwa sħiħa jew le.

224
00:14:05,650 --> 00:14:11,540
Mhux wisq bidliet hemm funzjonalment, biss miżjud ftit aktar għall-kodiċi.

225
00:14:11,540 --> 00:14:13,430
Dan huwa titjib fuq xi fronti, id-dritt?

226
00:14:13,430 --> 00:14:16,030
I mean, aħna fatturati id-disinn daqsxejn.

227
00:14:16,030 --> 00:14:20,350
Issa għandna oġġetti li bażikament jiġbru fihom din id-data.

228
00:14:20,350 --> 00:14:27,130
Hemm xi ħaġa aktar stajna nagħmlu minn hawn f'termini ta 'JavaScript?

229
00:14:27,130 --> 00:14:31,810
Bħal avviż li dan il-kodiċi dritt hawn

230
00:14:31,810 --> 00:14:34,760
biex jinkiseb il-HTML ġewwa ta 'div

231
00:14:34,760 --> 00:14:40,520
huwa xi ftit, I raden, twil.

232
00:14:40,520 --> 00:14:45,100
Hemm document.getElementById ("Todos"). InnerHTML.

233
00:14:45,100 --> 00:14:48,400
Ħaġa waħda nistgħu nagħmlu biex jagħmlu dan il-kodiċi tfittex ftit aktar familjari

234
00:14:48,400 --> 00:14:51,450
so I ma jkollhom iżommu scrolling xellug u lemin, quddiem u lura,

235
00:14:51,450 --> 00:14:58,480
huwa I tista 'tuża librerija bħal jQuery.

236
00:14:58,480 --> 00:15:02,710
>> Ejja check out Seminar 2,

237
00:15:02,710 --> 00:15:05,880
u dan huwa l-istess kodiċi, iżda dan isir ma jQuery.

238
00:15:05,880 --> 00:15:08,790
Inti jista 'ma jkunx wisq familjari ma jQuery,

239
00:15:08,790 --> 00:15:11,510
iżda biss jafu li jQuery huwa tip ta 'librerija għall JavaScript

240
00:15:11,510 --> 00:15:15,910
li jagħmilha aktar faċli li tagħmel affarijiet simili elementi individwali ta 'aċċess ta' l-DOM.

241
00:15:15,910 --> 00:15:21,280
Hawnhekk minflok qal document.getElementById ("Todos"). InnerHTML

242
00:15:21,280 --> 00:15:25,210
I jistgħu jużaw il-mod ferm aktar nodfa fil jQuery,

243
00:15:25,210 --> 00:15:28,490
li huwa biss għall-użu seletturi.

244
00:15:28,490 --> 00:15:31,300
Kif tistgħu taraw, dan il-kodiċi ma jiksbu aktar nadifa ftit,

245
00:15:31,300 --> 00:15:35,770
simili ħafna funzjonalment, iżda li l-idea.

246
00:15:35,770 --> 00:15:37,980
Rajna ftit affarijiet s'issa,

247
00:15:37,980 --> 00:15:42,010
hekk bdejna bil implimentazzjoni JavaScript biss prima.

248
00:15:42,010 --> 00:15:45,370
Aħna miżjud karatteristiċi ġodda u wera kif nistgħu ntejbu ma

249
00:15:45,370 --> 00:15:49,090
biss dak li għandna fl JavaScript.

250
00:15:49,090 --> 00:15:53,300
>> Ħadd ma tara l-ebda diffikultajiet ma dan id-disinn?

251
00:15:53,300 --> 00:16:01,090
Jiġifieri, I raden-jew mhux neċessarjament diffikultajiet imma ejja ngħidu

252
00:16:01,090 --> 00:16:04,830
aħna ma kinux jagħmlu proġett lista għall-do, u għada aħna iddeċieda

253
00:16:04,830 --> 00:16:10,320
ridna li tagħmel lista tal-grocer jew proġett lista tax-xiri.

254
00:16:10,320 --> 00:16:14,150
A lott ta 'dawn il-karatteristiċi huma simili ħafna.

255
00:16:14,150 --> 00:16:19,080
A lott ta 'l-affarijiet li rridu li toħroġ JavaScript huma komuni ħafna,

256
00:16:19,080 --> 00:16:23,820
u dan jenfasizza l-ħtieġa għal xi tip ta 'mod ta'

257
00:16:23,820 --> 00:16:25,670
jagħmlu dan aktar faċli li tagħmel.

258
00:16:25,670 --> 00:16:30,400
I kellhom jibnu kollha ta 'dan HTML aċċess, dan kollu aċċess DOM,

259
00:16:30,400 --> 00:16:35,530
bħal jien ser jirrappreżentaw il-lista għall-do ma 'dan il-mudell.

260
00:16:35,530 --> 00:16:39,130
U tinnota jien responsabbli bħala l-iżviluppatur JavaScript

261
00:16:39,130 --> 00:16:42,890
għaż-żamma tal-HTML u JavaScript li għandi fil sync.

262
00:16:42,890 --> 00:16:48,040
Xejn awtomatikament li r-rappreżentanza JavaScript

263
00:16:48,040 --> 00:16:51,590
jew il-lista għall-do nikseb imbuttat biex HTML.

264
00:16:51,590 --> 00:16:54,000
Xejn infurzati li ħlief għalija.

265
00:16:54,000 --> 00:16:56,880
I kellu jikteb l-tlug għall-do lista funzjoni.

266
00:16:56,880 --> 00:17:01,650
U li jista 'ma jkunx-I mean, huwa raġonevoli li tagħmel dan,

267
00:17:01,650 --> 00:17:03,670
iżda jista 'jkun tedious kultant.

268
00:17:03,670 --> 00:17:08,190
Jekk għandek proġett akbar, li jista 'jkun diffiċli.

269
00:17:08,190 --> 00:17:10,720
>> Oqfsa, wieħed mill-għanijiet ta 'oqfsa

270
00:17:10,720 --> 00:17:14,060
huwa li jissimplifika dak il-proċess u tip ta 'fattur out

271
00:17:14,060 --> 00:17:16,950
dawn komuni-I raden inti tista 'mudelli jgħidu-disinn

272
00:17:16,950 --> 00:17:20,700
li n-nies ġeneralment ikollhom xi tip ta 'mod ta jirrappreżentaw data,

273
00:17:20,700 --> 00:17:25,599
jekk thats lista ħbieb, jekk thats informazzjoni mappa

274
00:17:25,599 --> 00:17:27,280
jew xi ħaġa jew lista għall-do.

275
00:17:27,280 --> 00:17:30,660
Xi nies ikollhom ġeneralment mod ta jirrappreżentaw informazzjoni,

276
00:17:30,660 --> 00:17:33,650
u ġeneralment għandhom bżonn li jżommu dik it-tip ta 'informazzjoni fil sync

277
00:17:33,650 --> 00:17:36,520
bejn dak l-utent jara f'xi tip ta 'ħsieb,

278
00:17:36,520 --> 00:17:39,850
jitkellem f'termini ta 'bħall-fehma mudell kontrollur li inti raw fil-lecture,

279
00:17:39,850 --> 00:17:45,400
u mbagħad il-mudell, li f'dan il-każ huwa dan array JavaScript.

280
00:17:45,400 --> 00:17:49,020
Oqfsa tagħtina mod biex issolvi din il-problema.

281
00:17:49,020 --> 00:17:53,080
Issa ejja tagħti ħarsa lejn l-implimentazzjoni ta 'dan għall-do lista

282
00:17:53,080 --> 00:18:02,360
f'qafas imsejjaħ angularjs.

283
00:18:02,360 --> 00:18:04,650
Dan huwa minnu. Avviż taqbel fuq slide.

284
00:18:04,650 --> 00:18:07,330
I ma jkollhom tiskrollja lejn ix-xellug u lemin.

285
00:18:07,330 --> 00:18:10,460
Li probabbilment mhijiex raġuni kbir biex jirrakkomandaw użu ta 'qafas,

286
00:18:10,460 --> 00:18:20,120
imma avviż jien qatt aċċess elementi HTML individwali hawn?

287
00:18:20,120 --> 00:18:22,400
Am I qatt jmorru fil-DOM?

288
00:18:22,400 --> 00:18:26,120
Inti tara xi document.getElementById jew xi ħaġa bħal dik?

289
00:18:26,120 --> 00:18:29,870
Le, li marret.

290
00:18:29,870 --> 00:18:35,590
>> Angolari jgħinna iżommu l-DOM u JavaScript rappreżentazzjoni tagħna ta 'xi ħaġa

291
00:18:35,590 --> 00:18:40,430
tip ta 'fil-sinkronizzazzjoni, hekk jekk mhuwiex fil-fajl JS,

292
00:18:40,430 --> 00:18:46,790
jekk ikun hemm l-ebda mod ta 'jkollna programmatically kollha li l-kontenut HTML

293
00:18:46,790 --> 00:18:51,800
mill-JavaScript kif aħna jżommu din sync?

294
00:18:51,800 --> 00:18:58,160
Jekk mhuwiex fil-. Fajl JS, huwa ltqajna biex tkun fil HTML, id-dritt?

295
00:18:58,160 --> 00:19:01,910
Din hija l-verżjoni l-ġdida tal-fajl HTML,

296
00:19:01,910 --> 00:19:04,660
u avviż konna miżjud ħafna hawn.

297
00:19:04,660 --> 00:19:11,110
Avviż hemm dawn l-attributi ġodda li jgħidu ng click u ng jirrepetu.

298
00:19:11,110 --> 00:19:15,650
Approċċ angolari biex isolvi din il-problema tad-diffikultajiet fid-disinn

299
00:19:15,650 --> 00:19:19,130
huwa li bażikament jagħmlu HTML ferm aktar b'saħħitha.

300
00:19:19,130 --> 00:19:24,420
Angolari huwa mod li tippermetti li inti tagħmel HTML kemmxejn aktar espressiva.

301
00:19:24,420 --> 00:19:30,520
Per eżempju, nista 'ngħid li jien ser jorbtu jew torbot din il-kaxxa test

302
00:19:30,520 --> 00:19:35,080
għal varjabbli fi ħdan angolari kodiċi JavaScript tiegħi.

303
00:19:35,080 --> 00:19:37,030
Dan ng-mudell ma dan.

304
00:19:37,030 --> 00:19:41,550
Li bażikament tgħid li l-ġewwa ta 'din il-kaxxa test partita,

305
00:19:41,550 --> 00:19:45,000
biss jassoċjaw li bl-new_todo_description varjabbli

306
00:19:45,000 --> 00:19:47,870
fi ħdan il-kodiċi JavaScript.

307
00:19:47,870 --> 00:19:51,600
Dak qawwija ħafna minħabba I ma jkollhom imorru espliċitament

308
00:19:51,600 --> 00:19:53,310
l-DOM biex tikseb dik l-informazzjoni.

309
00:19:53,310 --> 00:19:56,250
I ma jkollhom jgħidu document.getElementById.

310
00:19:56,250 --> 00:19:58,750
I ma jkollhom jużaw jQueries bħal aċċess DOM.

311
00:19:58,750 --> 00:20:03,280
I tista 'jassoċja ma' varjabbli, u mbagħad meta nibdel dak il-varjabbli

312
00:20:03,280 --> 00:20:07,400
fi JavaScript huwa miżmum fil sync ma 'l-HTML,

313
00:20:07,400 --> 00:20:11,640
b'tali mod li tissimplifika l-proċess ta 'wara li jmorru quddiem u lura bejn it-tnejn.

314
00:20:11,640 --> 00:20:18,260
Does li jagħmel sens?

315
00:20:18,260 --> 00:20:22,060
>> U avviż hemm l-ebda kodiċi ta 'aċċess HTML.

316
00:20:22,060 --> 00:20:27,760
Imxejna biss magħmula HTML aktar qawwija,

317
00:20:27,760 --> 00:20:32,070
u issa, per eżempju, nistgħu nagħmlu affarijiet bħal dan,

318
00:20:32,070 --> 00:20:38,610
bħal meta tikklikkja fuq dan, sejħa din il-funzjoni fl-ambitu ta todos.js,

319
00:20:38,610 --> 00:20:43,410
u stajna nagħmlu dan qabel, iżda hemm affarijiet oħra, bħal dan ng-mudell,

320
00:20:43,410 --> 00:20:47,020
u avviż dan ng jirrepetu.

321
00:20:47,020 --> 00:20:51,520
What do you think dan ma?

322
00:20:51,520 --> 00:20:54,390
Hawn lista tagħna unordered minn qabel.

323
00:20:54,390 --> 00:20:56,470
Għandna l-tags UL,

324
00:20:56,470 --> 00:21:03,710
imma jien qatt tirrendi din il-lista ġewwa tal-kodiċi JavaScript?

325
00:21:03,710 --> 00:21:09,280
Jien qatt ma espliċitament tirrendi dik il-lista.

326
00:21:09,280 --> 00:21:11,580
Kif taħdem din?

327
00:21:11,580 --> 00:21:16,410
Ukoll, il-mod angolari accomplishes dan huwa dan jissejjaħ ripetitur.

328
00:21:16,410 --> 00:21:22,760
Bażikament dan jgħid li nixtieq li jistampaw dan HTML

329
00:21:22,760 --> 00:21:26,240
għal kull ġewwa todo ta Todos firxa tiegħi.

330
00:21:26,240 --> 00:21:31,850
Ġewwa tal todos.jr hemm firxa Todos dritt hawn,

331
00:21:31,850 --> 00:21:37,910
u dan se jgħidlek go angolari permezz ta 'dak array, u għal kull element tara

332
00:21:37,910 --> 00:21:41,390
Nixtieq li jistampaw dan HTML.

333
00:21:41,390 --> 00:21:44,620
Dan huwa tip ta 'biża minħabba I tista' biss tagħmel dan

334
00:21:44,620 --> 00:21:47,760
mingħajr ma jkollhom jiktbu għal loop,

335
00:21:47,760 --> 00:21:52,250
li għal lista għall-do li kien biss 30 linji ta 'kodiċi

336
00:21:52,250 --> 00:21:54,700
jista 'ma jkunx l-aktar ħaġa ta' benefiċċju,

337
00:21:54,700 --> 00:22:01,240
imma jekk għandek proġett kbir, dan jista 'jiksbu konvenjenti ħafna.

338
00:22:01,240 --> 00:22:06,100
>> Din hija soluzzjoni waħda għal din il-problema, jagħmlu HTML aktar qawwija,

339
00:22:06,100 --> 00:22:10,820
u li jippermetti li jżommu JavaScript u HTML fil sync.

340
00:22:10,820 --> 00:22:13,220
Hemm modi oħra possibbli biex tissolva din il-problema,

341
00:22:13,220 --> 00:22:15,320
u mhux kull qafas ma dan.

342
00:22:15,320 --> 00:22:17,720
Mhux kull qafas xogħlijiet dawn il-linji.

343
00:22:17,720 --> 00:22:19,490
Xi oqfsa għandhom approċċi differenti,

344
00:22:19,490 --> 00:22:23,310
u inti tista 'ssib li inti tgawdi kodifikazzjoni qafas wieħed fuq l-ieħor.

345
00:22:23,310 --> 00:22:26,160
Ejja nħarsu lejn wieħed aktar.

346
00:22:26,160 --> 00:22:30,060
Din hija l-lista għall-do kodifikata up f'qafas imsejjaħ Sinsla.

347
00:22:30,060 --> 00:22:33,250
Jien se jmorru permezz ta 'dan malajr.

348
00:22:33,250 --> 00:22:38,300
I ser tibda bil-HTML qabel immorru hemmhekk.

349
00:22:38,300 --> 00:22:40,290
Tieni waħda.

350
00:22:40,290 --> 00:22:43,950
Tibda bl-HTML, kif tinnota, HTML tagħna huwa simili ħafna

351
00:22:43,950 --> 00:22:50,000
li dak li kien qabel, u għalhekk mhux wisq ġdida dwar dak il-front.

352
00:22:50,000 --> 00:22:55,410
Iżda fajl JS tagħna huwa xi ftit differenti.

353
00:22:55,410 --> 00:23:00,360
Sinsla tip ta ikollu din l-idea, jew jibni fuq l-idea

354
00:23:00,360 --> 00:23:04,750
li ħafna ta 'dak li nagħmlu ma', Jiġifieri, proġetti JavaScript tagħna

355
00:23:04,750 --> 00:23:09,110
huwa jaħsbu dwar mudelli u kollezzjonijiet ta 'dawn il-mudelli.

356
00:23:09,110 --> 00:23:12,510
Dan jista 'jkun, per eżempju, ritratt u kollezzjonijiet ta' ritratti,

357
00:23:12,510 --> 00:23:16,230
jew l-idea ta 'ħabib u kollezzjonijiet ta' ħbieb.

358
00:23:16,230 --> 00:23:20,700
U oftentimes meta aħna qed programmazzjoni applikazzjonijiet JavaScript

359
00:23:20,700 --> 00:23:25,340
aħna ser issolvi ta 'jirrappreżentaw il-idea ta' ġbir ta 'ħbieb

360
00:23:25,340 --> 00:23:29,500
b'xi fl JavaScript, u ​​Sinsla jagħtina dan is-saff

361
00:23:29,500 --> 00:23:33,040
fuq quċċata ta 'arrays eżistenti JavaScript u l-oġġetti

362
00:23:33,040 --> 00:23:38,300
biex tagħmel affarijiet aktar qawwija ma 'dik aktar faċilment.

363
00:23:38,300 --> 00:23:41,870
>> Hawnhekk stajt definit mudell għall-do,

364
00:23:41,870 --> 00:23:44,630
u inti ma għandekx għalfejn tinkwieta wisq dwar il-sintassi,

365
00:23:44,630 --> 00:23:48,730
iżda tinnota li dak wieħed mill-proprjetajiet ta 'dan?

366
00:23:48,730 --> 00:23:53,190
Hija għandha kamp default.

367
00:23:53,190 --> 00:23:56,640
Sinsla tippermetti lili biex tispeċifika diġà off BAT

368
00:23:56,640 --> 00:24:00,190
kwalunkwe ġdid għall-do I li joħolqu se jkollhom dawn nuqqasijiet.

369
00:24:00,190 --> 00:24:04,100
Issa nista 'customize dan, iżda jkunu jistgħu jispeċifikaw l-nuqqasijiet

370
00:24:04,100 --> 00:24:07,220
huwa sbieħ, u huwa tip ta 'konvenjenti għaliex din m'hijiex xi ħaġa li huwa simili

371
00:24:07,220 --> 00:24:10,430
inerenti fl JavaScript, u ​​issa I ma jkollhom espliċitament

372
00:24:10,430 --> 00:24:12,430
jgħidu li l-Todos huma inkompleti.

373
00:24:12,430 --> 00:24:19,190
Nista 'ngħid dritt off BAT li Todos ser ikunu mmarkati bħala mhux kompluta.

374
00:24:19,190 --> 00:24:21,300
Avviż allura dak li huwa dan?

375
00:24:21,300 --> 00:24:25,520
Issa I jkollhom lista għall-do, u li l-ġbir.

376
00:24:25,520 --> 00:24:30,960
Avviż tal-qasam assoċjati ma li tgħid mudell todo.

377
00:24:30,960 --> 00:24:33,390
Dan huwa tiegħi mod ta 'javżak Sinsla li

378
00:24:33,390 --> 00:24:37,350
Jien ser tkun ħsieb dwar ġabra ta 'dawn Todos individwali.

379
00:24:37,350 --> 00:24:42,140
Dan huwa bażikament l-istruttura tal-mudell għall-programm tiegħi.

380
00:24:42,140 --> 00:24:44,980
Hawn irrid niċċara din l-idea ta 'ġbir,

381
00:24:44,980 --> 00:24:48,960
u bażikament l-oġġetti li jinsabu f'dak ġbir huma kollha ser ikunu dawn Todos,

382
00:24:48,960 --> 00:24:51,910
u li huwa ħafna naturali f'dan is-sens

383
00:24:51,910 --> 00:24:59,890
minħabba I do jkollhom Todos, u jien lilhom fil-ġbir.

384
00:24:59,890 --> 00:25:02,940
>> Ejja nħarsu lejn ftit aktar ta 'dan.

385
00:25:02,940 --> 00:25:05,900
Hawnhekk hija fehma Sinsla.

386
00:25:05,900 --> 00:25:08,890
Il-ħaġa oħra li Sinsla tgħid huwa li

387
00:25:08,890 --> 00:25:14,660
ħafna mill-mudelli li int taħseb dwar jew saħansitra kollezzjonijiet

388
00:25:14,660 --> 00:25:19,150
ser jeħtieġ li jkollhom xi mod qed jintwerew.

389
00:25:19,150 --> 00:25:21,900
Għandna bżonn li tirrendi dak għall-do lista,

390
00:25:21,900 --> 00:25:25,460
u ma kienx ikun sbieħ jekk nistgħu jipprovdu għal kull mudell

391
00:25:25,460 --> 00:25:28,390
jew jassoċjaw ma 'kull mudell din il-fehma

392
00:25:28,390 --> 00:25:34,020
li jippermetti li I raden jgħaqqdu l-tnejn flimkien?

393
00:25:34,020 --> 00:25:38,320
Billi qabel kellna li jużaw għal loop li jmur permezz

394
00:25:38,320 --> 00:25:41,130
kull todo fil-lista tagħna u mbagħad ipprintjaha hawn

395
00:25:41,130 --> 00:25:44,650
nistgħu bażikament jgħaqqdu ma 'dan il-mudell.

396
00:25:44,650 --> 00:25:47,550
Dan huwa ħsieb għall-do.

397
00:25:47,550 --> 00:25:50,550
Dan huwa assoċjat mal-todo sibna qabel.

398
00:25:50,550 --> 00:25:54,940
Issa kull todo huwa displayable jew renderable

399
00:25:54,940 --> 00:25:56,960
minn dan għall-do fehma.

400
00:25:56,960 --> 00:25:59,440
Avviż xi wħud mill-oqsma.

401
00:25:59,440 --> 00:26:05,880
What do you think dan huwa tagName, tagName: li?

402
00:26:05,880 --> 00:26:09,790
Ftakar minn qabel meta ridna li tirrendi todo

403
00:26:09,790 --> 00:26:16,700
rridu naraw li par espliċitament Todos tagħna ma 'dan tag li.

404
00:26:16,700 --> 00:26:21,080
Issa aħna qed tgħid li fejn dan todo qed tmur tgħix

405
00:26:21,080 --> 00:26:25,250
se tkun ġewwa ta 'tag li.

406
00:26:25,250 --> 00:26:31,440
U issa aħna qed wkoll jassoċjaw avvenimenti Todos tagħna.

407
00:26:31,440 --> 00:26:34,320
>> Kull todo għandha dan l-avveniment wieħed.

408
00:26:34,320 --> 00:26:38,480
Jekk tikklikkja pjuttost l-buttuna toggle, dan huwa dak li jien qal hemm,

409
00:26:38,480 --> 00:26:43,080
allura bażikament timmarka l-todo bħala l-oppost ta 'dak li kien qabel

410
00:26:43,080 --> 00:26:45,890
u mbagħad jerġa 'jagħmlu l-applikazzjoni.

411
00:26:45,890 --> 00:26:47,810
Dan huwa tip ta 'simili għall-kodiċi qabel.

412
00:26:47,810 --> 00:26:50,730
Ftakar meta aħna mmarkati bħala jew l-oppost or-

413
00:26:50,730 --> 00:26:52,410
u allura aħna mill-ġdid mogħtija lilha.

414
00:26:52,410 --> 00:26:57,750
Imma issa dan l-avveniment avviż użat biex tkun xi ħaġa li kienet fil-HTML.

415
00:26:57,750 --> 00:26:59,640
Kien hemm seduta.

416
00:26:59,640 --> 00:27:01,410
Il-buttuna kellu ikklikkja fuq.

417
00:27:01,410 --> 00:27:05,310
Meta inti ikklikkja l-buttuna, hija tip ta 'ma l-għalf li

418
00:27:05,310 --> 00:27:07,210
stabbilit li todo ma tkunx kompluta.

419
00:27:07,210 --> 00:27:11,180
Hawnhekk konna assoċjati dak l-avveniment ta 'tikklikkja li buttuna toggle

420
00:27:11,180 --> 00:27:15,830
u l-irriversjar jekk huwa fuq jew off ma 'din il-fehma.

421
00:27:15,830 --> 00:27:20,480
>> Dan huwa mod sabiħ ta 'twaqqif ta dan l-avveniment b'tali mod li huwa ħafna sewwa marbut

422
00:27:20,480 --> 00:27:26,980
din l-opinjoni, u għalhekk avviż dan wieħed aktar.

423
00:27:26,980 --> 00:27:31,050
Għandi dan il-metodu jirrendi, u aħna ma jkollhom jgħaddu d-dettalji.

424
00:27:31,050 --> 00:27:33,650
Huwa tip ta 'simili għal dak li kellna qabel,

425
00:27:33,650 --> 00:27:36,070
imma avviż jien ma looping permezz xejn.

426
00:27:36,070 --> 00:27:40,700
Jien ma istampar li tag ul thats tip ta 'tgħid jien ser jistampaw l-elementi kollha.

427
00:27:40,700 --> 00:27:46,610
Jien jipprovdi l-funzjonalità għal tirrendi dan wieħed għall-do oġġett.

428
00:27:46,610 --> 00:27:49,400
Dan huwa kunċett qawwija ħafna għaliex bażikament

429
00:27:49,400 --> 00:27:53,600
tagħna għall-do lista tikkonsisti dawn Todos, u jekk nistgħu bażikament tispeċifika

430
00:27:53,600 --> 00:27:56,890
il-mod li tirrendi wieħed minn dawk Todos

431
00:27:56,890 --> 00:28:04,230
allura jista 'jkollna sinsla qawwija tagħna per se jagħtu kull tas-Todos

432
00:28:04,230 --> 00:28:07,760
billi ċċempel-metodu jirrendi fuq il-Todos individwali.

433
00:28:07,760 --> 00:28:14,180
Dan huwa kunċett li huwa utli hawn.

434
00:28:14,180 --> 00:28:18,160
Issa mistoqsija tajba li jistaqsu huwa kif dan huwa applikazzjoni li jitqegħdu flimkien?

435
00:28:18,160 --> 00:28:21,200
Għaliex għandna l-ħila li tirrendi todo waħda,

436
00:28:21,200 --> 00:28:23,860
imma kif nistgħu jiksbu l-idea ta 'Todos multipli?

437
00:28:23,860 --> 00:28:25,100
>> Ejja tagħti ħarsa lejn dak.

438
00:28:25,100 --> 00:28:27,100
Din hija l-aħħar parti.

439
00:28:27,100 --> 00:28:29,740
Avviż għandna lista ħsieb għall-do hawn,

440
00:28:29,740 --> 00:28:34,440
u tinnota huwa wkoll għan.

441
00:28:34,440 --> 00:28:36,970
U li jmorru fuq ftit affarijiet,

442
00:28:36,970 --> 00:28:45,280
dan il-metodu initialize se jissejħu meta aħna ewwel joħolqu din il-lista għall-do.

443
00:28:45,280 --> 00:28:52,630
Kif tistgħu taraw, huwa simili ħolqien tal-lista għall-do u jassoċjah ma 'din il-fehma.

444
00:28:52,630 --> 00:28:57,860
U mbagħad I miżjuda l-funzjonijiet hawn hekk bażikament meta inti żid oġġett-

445
00:28:57,860 --> 00:29:01,440
dan huwa simili għall-metodu addItem rajna qabel-

446
00:29:01,440 --> 00:29:07,430
Jien ser toħloq oġġett ġdid todo, u tinnota jien attwalment sejħa

447
00:29:07,430 --> 00:29:13,080
dan il-metodu ġdid todo, għalhekk dan huwa pprovdut mill Sinsla,

448
00:29:13,080 --> 00:29:16,010
u I jistgħu jgħaddu fil-proprjetajiet tiegħi hawn.

449
00:29:16,010 --> 00:29:23,710
U issa kull todo li I joħolqu jużaw dan se tikseb dak funzjonalità li rajna qabel.

450
00:29:23,710 --> 00:29:28,140
Avviż jien ikklerjar l-kaxxa tat-test qabel ma 'ftit żgħira dettall

451
00:29:28,140 --> 00:29:32,900
u mbagħad jien żżid dan il-ġbir.

452
00:29:32,900 --> 00:29:37,630
>> Dan kważi jidher stramb għaliex qabel aħna biss kellha tagħmel dan todos.push,

453
00:29:37,630 --> 00:29:43,310
u mbagħad konna isir, u dan jista 'jidher aktar ikkumplikati għall dan il-proġett partikolari,

454
00:29:43,310 --> 00:29:46,980
u inti tista 'ssib li Sinsla jew saħansitra angolari jew kwalunkwe qafas ieħor

455
00:29:46,980 --> 00:29:50,790
ma suit proġett partikolari tiegħek, iżda naħseb li huwa importanti li wieħed jaħseb dwar

456
00:29:50,790 --> 00:29:54,100
dak li dan ifisser fuq skala akbar għal proġetti akbar,

457
00:29:54,100 --> 00:29:56,610
għaliex jekk kellna proġett akbar fejn konna jirrappreżentaw

458
00:29:56,610 --> 00:30:00,860
xi ġbir verament komplessi, xi ħaġa aktar profonda minn sempliċiment lista għall-do,

459
00:30:00,860 --> 00:30:04,490
ejja ngħidu lista ħbieb jew xi ħaġa bħal dik, dan jista 'jidħol fil handy

460
00:30:04,490 --> 00:30:09,620
għaliex aħna tista 'torganizza kodiċi tagħna b'mod verament konvenjenti,

461
00:30:09,620 --> 00:30:12,550
b'mod li jagħmilha aktar faċli għal xi ħadd ieħor

462
00:30:12,550 --> 00:30:16,820
li riedu li jtellgħu proġett li tibni fuq.

463
00:30:16,820 --> 00:30:21,450
Tista 'tara li dan jipprovdi ħafna ta' struttura.

464
00:30:21,450 --> 00:30:26,580
U allura jien ssejjaħ tirrendi fuq dan addItem.

465
00:30:26,580 --> 00:30:31,050
Tirrendi, kif tistgħu taraw, u inti ma għandekx biex taqbadha dan sintassi sħiħa,

466
00:30:31,050 --> 00:30:37,790
imma bażikament għal kull mudell li għaddej li jsejħu l-metodu jirrendi individwali.

467
00:30:37,790 --> 00:30:41,500
Li tip ta 'fejn dan jiġi minn.

468
00:30:41,500 --> 00:30:44,140
Ejja biss jispeċifika dwar kif jista tirrendi l Todos individwali,

469
00:30:44,140 --> 00:30:47,310
u mbagħad ejja kolla flimkien bħala unità waħda.

470
00:30:47,310 --> 00:30:49,810
Iżda dan jipprovdi mod ta 'estrazzjoni,

471
00:30:49,810 --> 00:30:55,470
minħabba I tista 'tibdel il-mod I tiddeċiedi li tirrendi l-Todos individwali,

472
00:30:55,470 --> 00:30:57,940
u jien ma jkollhom li tbiddel kwalunkwe ta 'dan il-kodiċi.

473
00:30:57,940 --> 00:31:00,700
Dak it-tip ta 'kessaħ.

474
00:31:00,700 --> 00:31:08,540
>> Ħadd ma jkollu xi mistoqsijiet dwar oqfsa JavaScript?

475
00:31:08,540 --> 00:31:14,310
[Kwistjoni inaudible Student]

476
00:31:14,310 --> 00:31:16,050
Oh, żgur, li l-kwistjoni kbira.

477
00:31:16,050 --> 00:31:19,080
Il-mistoqsija kienet kif għamlet I tinkludi l-oqfsa?

478
00:31:19,080 --> 00:31:22,970
Oqfsa JavaScript Ħafna huma bażikament biss fajls JS

479
00:31:22,970 --> 00:31:25,740
li inti tista 'tinkludi fil-quċċata tal-kodiċi tiegħek.

480
00:31:25,740 --> 00:31:29,830
Avviż fil-porzjon kap ta HTML tiegħi I jkollhom dawn tags iskript,

481
00:31:29,830 --> 00:31:34,250
u l-tag iskrittura finali huwa l-kodiċi li konna bil-miktub.

482
00:31:34,250 --> 00:31:38,820
U allura l-kodiċijiet qafas 3 huma biss wkoll tags iskrittura.

483
00:31:38,820 --> 00:31:42,110
Jien jinkluduhom minn dak li sejjaħ CDN,

484
00:31:42,110 --> 00:31:46,200
li tippermetti lili biex tiksbu mingħand xi ħadd ieħor f'dan il-punt

485
00:31:46,200 --> 00:31:57,930
iżda kull qafas għandu din tista 'pretty ħafna ssib il-kontenut

486
00:31:57,930 --> 00:32:03,540
għal JavaScript librerija partikolari disponibbli fuq xi CDN jew xi ħaġa bħal dik,

487
00:32:03,540 --> 00:32:05,570
u allura inti tista 'tinkludi dawn tags iskrittura.

488
00:32:05,570 --> 00:32:07,600
Does li jagħmel sens?

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

490
00:32:09,500 --> 00:32:11,730
>> Dawk huma 2 approċċi differenti.

491
00:32:11,730 --> 00:32:14,640
Dawn mhumiex l-uniċi avviċinamenti biex isolvu din il-problema.

492
00:32:14,640 --> 00:32:17,080
Hemm affarijiet differenti ħafna li

493
00:32:17,080 --> 00:32:19,490
xi ħadd jista 'jagħmel, u hemm oqfsa ħafna hemmhekk.

494
00:32:19,490 --> 00:32:23,300
Angolari u Sinsla ma jgħidux l-istorja kollha.

495
00:32:23,300 --> 00:32:26,370
Xorti tajba ma 'proġetti finali tiegħek, u nirringrazzjak ħafna.

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