1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [სემინარი] [JavaScript ჩარჩო: რატომ და როგორ?]

2
00:00:02,000 --> 00:00:04,000
[Kevin შმიდი] [ჰარვარდის უნივერსიტეტი]

3
00:00:04,000 --> 00:00:06,960
[ეს არის CS50.] [CS50.TV]

4
00:00:06,960 --> 00:00:10,630
>> Hi, ყველასთვის. კეთილი JavaScript ჩარჩო სემინარს.

5
00:00:10,630 --> 00:00:14,910
ჩემი სახელი Kevin და დღეს მე ვაპირებ ვისაუბრებთ JavaScript ფარგლებში,

6
00:00:14,910 --> 00:00:20,400
და მიზანი ამ სემინარზე არ არის მისაღებად თქვენ უნდა, ვთქვათ, დაეუფლონ კონკრეტულ ფარგლებში თავისთავად

7
00:00:20,400 --> 00:00:23,810
მაგრამ გადმოგცეთ ფართო შესავალი რამოდენიმე ფარგლებში

8
00:00:23,810 --> 00:00:27,150
და აჩვენებს ამიტომ ჩვენ ოდესმე გვინდა გამოვიყენოთ ფარგლებში.

9
00:00:27,150 --> 00:00:31,060
>> სანამ ამის გაკეთება, მე უზრუნველყოფს მცირე ფონზე JavaScript,

10
00:00:31,060 --> 00:00:33,750
და მაშინ ჩვენ მას იქ.

11
00:00:33,750 --> 00:00:36,270
ჩვენ ვაპირებთ დავიწყოთ განხორციელებით დავალებები.

12
00:00:36,270 --> 00:00:39,330
აი ჩვენი ამოცანა სია დღეს.

13
00:00:39,330 --> 00:00:41,990
ეს არის სახის მხიარული. ჩვენ უნდა განვახორციელოთ დავალებები in JavaScript.

14
00:00:41,990 --> 00:00:45,110
ეს არის ის, რაც ხდება ასე, ისე, რომ ჩვენი პირველი მიზანია.

15
00:00:45,110 --> 00:00:47,160
ჩვენ არ ვაპირებთ გამოვიყენოთ ფარგლებში გაგვაჩნია.

16
00:00:47,160 --> 00:00:51,930
ჩვენ ვაპირებთ კოდი JavaScript და მიიღეთ დავალებების სია მუშაობა.

17
00:00:51,930 --> 00:00:54,370
მაშინ ჩვენ ვაპირებთ გასაუმჯობესებლად დიზაინი გამოყენების გარეშე ფარგლებში.

18
00:00:54,370 --> 00:00:57,190
ჩვენ ვაპირებთ განვიხილოთ სხვადასხვა ნივთები შეგვიძლია მხოლოდ JavaScript მარტო

19
00:00:57,190 --> 00:01:00,650
იმისათვის, რომ ჩვენი დავალებები უფრო მოფიქრებული.

20
00:01:00,650 --> 00:01:02,490
მაშინ ჩვენ ვაპირებთ იმისათვის, რომ ზოგიერთ jQuery,

21
00:01:02,490 --> 00:01:05,030
და მაშინ ჩვენ ვაპირებთ შევხედოთ იგივე დავალებები,

22
00:01:05,030 --> 00:01:07,170
უბრალოდ განხორციელდა სხვადასხვა ჩარჩოების და ჩვენ განვიხილავთ

23
00:01:07,170 --> 00:01:09,280
 დადებითი და Cons გზაზე.

24
00:01:09,280 --> 00:01:12,040
>> დავიწყოთ ახორციელებს, რომ დავალებები.

25
00:01:12,040 --> 00:01:14,270
ვთქვათ ჩვენ, ამ HTML.

26
00:01:14,270 --> 00:01:16,620
მე ვაპირებ, რომ ეს პატარა პატარა.

27
00:01:16,620 --> 00:01:19,300
როგორც ხედავთ, მაქვს პატარა თავით, რომელიც ამბობს, Todo

28
00:01:19,300 --> 00:01:21,740
და პატარა ყუთი სად შეიძლება შევა აღწერილობა Todo

29
00:01:21,740 --> 00:01:26,990
და შემდეგ ახალი პუნქტის ღილაკს, მოდით შევძლოთ არაკონტროლირებად ახალი Todo ამ სიას.

30
00:01:26,990 --> 00:01:31,000
მიეცით JavaScript ფარგლებში სემინარი,

31
00:01:31,000 --> 00:01:33,090
და მე მოხვდა ახალი პუნქტის.

32
00:01:33,090 --> 00:01:35,730
მივიღებ ამ JavaScript მზადყოფნაში, რომელიც ამბობს, განახორციელოს მე.

33
00:01:35,730 --> 00:01:37,560
გვაქვს ამის შესრულება.

34
00:01:37,560 --> 00:01:41,490
მოდით შეამოწმეთ კოდი ამ ორივე HTML და JavaScript.

35
00:01:41,490 --> 00:01:43,260
აი ჩვენი HTML.

36
00:01:43,260 --> 00:01:45,500
როგორც ხედავთ აქ, აქ არის ჩვენი პატარა Todos მა.

37
00:01:45,500 --> 00:01:47,620
ეს იყო, რომ თამამი რამ ზედა,

38
00:01:47,620 --> 00:01:50,690
და მაშინ ჩვენ გვაქვს შეტანის ყუთი placeholder,

39
00:01:50,690 --> 00:01:59,460
და მერე იქ გარკვეული ატრიბუტია ამ ღილაკს რომ მოუწოდებს ამ ფუნქციის addTodo.

40
00:01:59,460 --> 00:02:05,460
ვინმეს აქვს სურთ რას, რომ დაჭერით არის ფიქსირდება?

41
00:02:05,460 --> 00:02:07,390
[სტუდენტური inaudible საპასუხოდ]

42
00:02:07,390 --> 00:02:09,289
კარგი, მე დაჭერით არის ერთგვარი, როგორიც ღონისძიება,

43
00:02:09,289 --> 00:02:12,120
ისევე როგორც დაწკაპვა მხოლოდ მოვლენა, და იმას თუ რას ვაკეთებთ

44
00:02:12,120 --> 00:02:16,890
არის ჩვენ ჩვევების შემთხვევაში ამ ღილაკს, რათა შესრულდეს, რომ ფუნქცია.

45
00:02:16,890 --> 00:02:21,700
AddTodo არის ამ ღონისძიების კურატორმა for დაჭერით რომ ღილაკს.

46
00:02:21,700 --> 00:02:25,010
>> როგორც ხედავთ, როდესაც მე დააწკაპუნეთ ახალი პუნქტის ღილაკს

47
00:02:25,010 --> 00:02:29,940
on დაჭერით ღონისძიება იღებს მოქმედებს, და ამ ფუნქციას იღებს მოუწოდა.

48
00:02:29,940 --> 00:02:33,170
მოდით შევხედოთ ფუნქციას.

49
00:02:33,170 --> 00:02:36,260
როგორც ხედავთ, აქ არის ჩემი JavaScript კოდი ჯერჯერობით.

50
00:02:36,260 --> 00:02:41,280
რა ზედა არის გლობალური მონაცემთა სტრუქტურის ჩემი დავალებები.

51
00:02:41,280 --> 00:02:44,060
როგორც ჩანს მასივი. უბრალოდ ცარიელი მასივი.

52
00:02:44,060 --> 00:02:47,100
და მაშინ მე მაქვს addTodo ფუნქცია, რომელიც ჩვენ ვნახეთ, ადრე,

53
00:02:47,100 --> 00:02:50,740
და მხოლოდ ხაზი კოდი იქ არის ეს მზადყოფნაშია მოყვანილი.

54
00:02:50,740 --> 00:02:55,730
ეს შეტყობინებები განხორციელება ჩემთვის, შემდეგ კი მაქვს 2 ამოცანების ხელთ.

55
00:02:55,730 --> 00:02:58,790
მე უნდა დაემატოს Todo რომ გლობალური მონაცემთა სტრუქტურის,

56
00:02:58,790 --> 00:03:01,860
ხოლო შემდეგ მინდა შევაჩერო გარეთ დავალებები.

57
00:03:01,860 --> 00:03:06,360
არაფერი ძალიან მიეცით უბრალოდ არ არის, მაგრამ JavaScript შეიძლება უცხო ერთად,

58
00:03:06,360 --> 00:03:12,370
ასე რომ მე ვაპირებ წასვლა ნელი და განიხილოს საფუძვლები JavaScript, რომ გზა.

59
00:03:12,370 --> 00:03:15,490
>> მოდით მივცეთ ამ გოლით.

60
00:03:15,490 --> 00:03:21,130
ვთქვათ შესატანი რაღაც ამ ყუთში.

61
00:03:21,130 --> 00:03:23,360
უბრალოდ აკრეფილი რაღაც აქ, ტექსტი.

62
00:03:23,360 --> 00:03:27,620
როგორ შემიძლია დასალაგებლად მისასვლელი რომ ტექსტის მეშვეობით JavaScript?

63
00:03:27,620 --> 00:03:32,500
გახსოვდეთ, რომ JavaScript, ერთ ერთი ფუნდამენტური თვისებები არის ის, რომ ეს გვაძლევს

64
00:03:32,500 --> 00:03:34,670
ამ პროგრამული ხელმისაწვდომობის DOM.

65
00:03:34,670 --> 00:03:40,670
ეს საშუალებას გვაძლევს, რათა შეამოწმონ ელემენტები და მათი თვისებების ამ ფაქტობრივი HTML.

66
00:03:40,670 --> 00:03:43,430
ჩვენ გავაკეთოთ, რომ შიშველი ძვლები JavaScript

67
00:03:43,430 --> 00:03:51,360
ჩვენ შეიძლება რეალურად გამოიყენოთ ფუნქცია JavaScript მოუწოდა getElementByID.

68
00:03:51,360 --> 00:03:55,140
მინდა შესანახად ტექსტი რომ აკრეფილი იქ რამდენიმე ცვლადი,

69
00:03:55,140 --> 00:03:58,350
ასე რომ მე ვაპირებ ვთქვა ახალი ცვლადში new_todo,

70
00:03:58,350 --> 00:04:01,980
და მე ვაპირებ მიიღოს, რომ ელემენტს.

71
00:04:01,980 --> 00:04:06,330
ეს არის ფუნქცია,. GetElementByID.

72
00:04:06,330 --> 00:04:11,580
ახლა კი მე მისაღებად ელემენტს ით, ამიტომ გვჭირდება ID, რომ ტექსტში ყუთი,

73
00:04:11,580 --> 00:04:15,860
ასე რომ მე თუ გავითვალისწინებთ, რომ ეს ID new_todo_description.

74
00:04:15,860 --> 00:04:18,399
ასე მე ვაპირებ მისაღებად ელემენტს.

75
00:04:18,399 --> 00:04:23,880
ეს არის ჩემი არგუმენტი ამ ფუნქციის დაზუსტება, რომელიც ID მისაღებად.

76
00:04:23,880 --> 00:04:28,110
ასე რომ, ეს არის ის ელემენტი, HTML, და მას აქვს თვისებები.

77
00:04:28,110 --> 00:04:30,650
ვნახე ეს. ისინი ატრიბუტები.

78
00:04:30,650 --> 00:04:37,090
ატრიბუტია ტექსტი ელემენტს, რომელიც ინახავს მომხმარებლის შეტანის ეწოდება ღირებულება.

79
00:04:37,090 --> 00:04:40,860
მე გადაარჩინა ღირებულება, რომ ტექსტში ყუთი ახლა ამ ცვლადში new_todo.

80
00:04:40,860 --> 00:04:45,040
ახლა პროგრამული შესვლის ცვლადი, რომელიც სახის cool

81
00:04:45,040 --> 00:04:49,200
რადგან ახლა შემიძლია გააკეთოთ შემიძლია დაამატოთ ეს ჩემი დავალებები.

82
00:04:49,200 --> 00:04:52,870
>> ჩვენ ყველაფერს გააკეთებს ამის JavaScript-და არ ინერვიულოთ თუ თქვენ უცხო ერთად ამ,

83
00:04:52,870 --> 00:04:57,010
მაგრამ გადის ეს todos.push

84
00:04:57,010 --> 00:05:00,130
რადგან ეს სახელი ჩემს გლობალური მონაცემთა სტრუქტურის აქ,

85
00:05:00,130 --> 00:05:04,450
და მე ვაპირებ დააყენებს new_todo.

86
00:05:04,450 --> 00:05:09,120
ეს არის დიდი, რადგან ახლა მე დასძინა, რომ ეს ჩემს JavaScript

87
00:05:09,120 --> 00:05:11,280
წარმომადგენლობა, რომ დავალებები.

88
00:05:11,280 --> 00:05:15,170
მაგრამ ახლა როგორ მივიღებ უკან HTML?

89
00:05:15,170 --> 00:05:18,560
მე უნდა იპოვოს სახის დააყენებს უკან.

90
00:05:18,560 --> 00:05:21,830
სხვა სიტყვებით, I ტიპის უნდა მიაპყროს ამ.

91
00:05:21,830 --> 00:05:26,060
რა ჩვენ ვაპირებთ ამის გაკეთებას, ჩვენ ვაპირებთ, შემუშავდეს დავალებები.

92
00:05:26,060 --> 00:05:29,270
მე უნდა განახლდეს სხვა HTML შესახებ, რომ გვერდზე,

93
00:05:29,270 --> 00:05:32,040
და როგორც ხედავთ, მე დაუტოვებიათ ამ პატარა კონტეინერი აქ,

94
00:05:32,040 --> 00:05:36,840
ამ divider გვერდზე, რომლის ID არის Todos,

95
00:05:36,840 --> 00:05:40,870
და მე ვაპირებ დააყენოს დავალებების სია არსებობს.

96
00:05:40,870 --> 00:05:47,240
პირველი მე ვაპირებ გარკვევა ეს იმის გამო, ვთქვათ, იყო ძველი დავალებები არსებობს.

97
00:05:47,240 --> 00:05:49,560
მე მისაღებად, რომ ელემენტს ით ისევ,

98
00:05:49,560 --> 00:05:54,530
და მე წვდომის შიდა HTML იმ ელემენტს,

99
00:05:54,530 --> 00:05:58,010
და მე ვაპირებ მიანიშნა, რომ.

100
00:05:58,010 --> 00:06:05,510
თუ ჩვენ არ ეს კოდი როგორც არის, ჩვენ მინდა ვხედავ ცარიელი არაფერი არსებობს,

101
00:06:05,510 --> 00:06:10,410
და ახლა მინდა, რომ დაიწყოს გაწევის ჩემი ახალი დავალებები.

102
00:06:10,410 --> 00:06:12,870
მე ძირითადად აპირებს wipe out ჩემი დავალებები.

103
00:06:12,870 --> 00:06:18,180
>> ახლა შიდა HTML შიგნით რომ Todos div სრულიად ნათელია,

104
00:06:18,180 --> 00:06:20,060
და ახლა უნდა დაიწყოს დასძინა ჩემს სიაში.

105
00:06:20,060 --> 00:06:23,890
პირველი, რაც მინდა დავამატო, უკან არის უწესრიგო სია tag,

106
00:06:23,890 --> 00:06:33,890
რომლებიც ძირითადად აღნიშნავს, რომ ეს არის დაწყების უწესრიგო სია.

107
00:06:33,890 --> 00:06:39,770
ახლა ყველა ელემენტის ჩემს Todos მასივი მინდა ბეჭდვა ის შიგნით რომ HTML.

108
00:06:39,770 --> 00:06:43,710
მინდა დამატება ის რომ ბოლოში ამ სიაში.

109
00:06:43,710 --> 00:06:49,040
ისევე, როგორც C, შემიძლია for ციკლი, და მე ვაპირებ, რომ დაიწყოს დასაწყისში ჩემი სია

110
00:06:49,040 --> 00:06:54,140
ზე ელემენტს 0, და მე ვაპირებ წავიდეთ ყველა გზა ხანგრძლივობა სიაში.

111
00:06:54,140 --> 00:07:01,100
ჩვენ შეგვიძლია რეალურად მიიღონ ხანგრძლივობა როდის JavaScript გამოყენება სიგრძის ქონება.

112
00:07:01,100 --> 00:07:03,420
ძირითადად მე ვაპირებ, რომ რამე ძალიან ჰგავს შიგნით აქ

113
00:07:03,420 --> 00:07:05,600
ბეჭდვა, რომ ელემენტს.

114
00:07:05,600 --> 00:07:12,970
შემიძლია კვლავ წვდომის Todos div, შიდა HTML ქონებას რომ,

115
00:07:12,970 --> 00:07:17,560
და მე ვაპირებ დამატების შესახებ ამ ახალი სიის ელემენტი, და რომ იქნება გარშემორტყმული

116
00:07:17,560 --> 00:07:25,390
ამ li tag, და მე ვაპირებ concatenate ერთად + ოპერატორი,

117
00:07:25,390 --> 00:07:28,040
და ეს შ ელემენტის ჩემი Todos მასივი,

118
00:07:28,040 --> 00:07:32,380
და შემდეგ მე ვაპირებ ახლოს რომ აქვს.

119
00:07:32,380 --> 00:07:36,240
ახლა ყველა ელემენტის ჩვენ დავამატებთ ახალ სიაში ჩანაწერი.

120
00:07:36,240 --> 00:07:48,700
და მაშინ რიგში, ჩვენ ნამდვილად უნდა დახუროს off რომ აქვს.

121
00:07:48,700 --> 00:07:52,820
მე უბრალოდ უნდა დახუროს off, რომ უწესრიგო სია აქვს.

122
00:07:52,820 --> 00:07:55,490
>> იღებთ ფიქრობს, როგორ მუშაობს?

123
00:07:55,490 --> 00:07:57,700
ეს ხსნის სრული სია.

124
00:07:57,700 --> 00:08:01,080
ეს დასძენს ინდივიდუალური ელემენტების Todos სია სია,

125
00:08:01,080 --> 00:08:05,470
და მაშინ, რომ იხურება მთელი სია, და ეს არის ჩემი addTodo ფუნქცია.

126
00:08:05,470 --> 00:08:09,590
მე ძირითადად დაიწყოს მიღების Todo ეხლა ტექსტში ყუთი.

127
00:08:09,590 --> 00:08:18,950
დავამატო რომ Todos მასივი, და მერე ხელახლა გაწევა დავალებები.

128
00:08:18,950 --> 00:08:21,520
ახლა კი შეგიძლიათ ნივთები ჩემს სიაში.

129
00:08:21,520 --> 00:08:24,620
ეს არის ერთგვარი მღელვარე, რადგან სულ რამდენიმე ხაზი კოდი

130
00:08:24,620 --> 00:08:28,240
ჩვენ ძირითადად გააკეთა დავალებები, სადაც შეგვიძლია დაამატოთ საკითხი.

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

132
00:08:30,050 --> 00:08:34,480
სწორედ ასეთი ძირითადი შესავალი JavaScript.

133
00:08:34,480 --> 00:08:36,179
არ ინერვიულოთ ძალიან ბევრი შესახებ სინტაქსი არის,

134
00:08:36,179 --> 00:08:38,130
მაგრამ ამაზე კონცეპტუალურად.

135
00:08:38,130 --> 00:08:40,539
ჩვენ გვქონდა HTML.

136
00:08:40,539 --> 00:08:45,310
ჩვენ გვქონდა ტექსტში ყუთი გვერდზე რომ ძირითადად საშუალებას შეტანის დავალებების ელემენტის დამატება.

137
00:08:45,310 --> 00:08:49,210
და მაშინ ჩვენ JavaScript მოიტანონ, რომ Todo, რომ ტექსტში ყუთი.

138
00:08:49,210 --> 00:08:52,830
ჩვენ შენახული, რომ შიგნით JavaScript მასივი, რომელიც ძირითადად მოსწონს

139
00:08:52,830 --> 00:08:56,010
პროგრამული წარმომადგენლობა, რომ დავალებები,

140
00:08:56,010 --> 00:08:59,060
და მერე იბეჭდება ის.

141
00:08:59,060 --> 00:09:02,690
ეს არის todos.js.

142
00:09:02,690 --> 00:09:07,620
>> ეს არის ერთგვარი ზემოთ, მაგრამ როგორ შეგვიძლია ეს კიდევ უფრო?

143
00:09:07,620 --> 00:09:11,350
ისე, როგორც ხედავთ, ეს არ მოსწონს სრული დავალებები.

144
00:09:11,350 --> 00:09:15,100
მაგალითად, მე ვერ აღსანიშნავად რომელიმე ამ საკითხი, როგორც არასრულყოფილი,

145
00:09:15,100 --> 00:09:19,920
მიყვარს თუ მინდოდა reprioritize ნივთები ან წაშლა საკითხი.

146
00:09:19,920 --> 00:09:23,150
ეს არის კარგი, მაგრამ ჩვენ ეს კიდევ უფრო.

147
00:09:23,150 --> 00:09:29,280
მე არ ვაპირებ გაიგო ძალიან ბევრი შესახებ და დასძინა, დამატებით თვისებები,

148
00:09:29,280 --> 00:09:32,800
მაგრამ ვერ მიიღოს, რომ შემდგომი.

149
00:09:32,800 --> 00:09:35,970
ვისაუბროთ იმაზე დასძინა კიდევ ერთი ფუნქცია ამ დავალებების სია,

150
00:09:35,970 --> 00:09:40,370
რაც უნდა, რათა შეამოწმოს ინდივიდუალური დავალებების პუნქტის

151
00:09:40,370 --> 00:09:44,780
და არ იყოს გადმოკვეთა out, ასე რომ ძირითადად ამბობდა მე ვაკეთებ ამას.

152
00:09:44,780 --> 00:09:50,240
მოდით შევხედოთ ზოგიერთი კოდი, რომელიც შეიძლებოდა მიზნის მისაღწევად, რომ.

153
00:09:50,240 --> 00:09:52,740
გავითვალისწინოთ, რა მე გაკეთდეს ზედა არის მე დასძინა

154
00:09:52,740 --> 00:09:57,620
ახალი გლობალური მასივი მოუწოდა სრული.

155
00:09:57,620 --> 00:10:02,890
მე ძირითადად გამოყენებისას შესანახად თუ არა ნივთები დავალებების სია

156
00:10:02,890 --> 00:10:06,560
არის სრული თუ არა.

157
00:10:06,560 --> 00:10:08,470
ეს არის ერთი გზა ამის გაკეთება.

158
00:10:08,470 --> 00:10:13,750
თუ გავითვალისწინებთ განხორციელების, ჩვენების,

159
00:10:13,750 --> 00:10:21,120
ძირითადად, თუ მე შევა Todo და მე დააჭიროთ ამ გადართვა ღილაკს

160
00:10:21,120 --> 00:10:25,040
იგი გადაკვეთს out, ასე რომ ყველა პუნქტის ამ სიაში აქვს ან სრული

161
00:10:25,040 --> 00:10:31,050
ან არასრული სახელმწიფო და მე გამოყენებით მორიგი მასივი იმას რომ.

162
00:10:31,050 --> 00:10:33,730
>> ძირითადად ყოველი Todo ამ Todos მასივი

163
00:10:33,730 --> 00:10:37,110
არსებობს პუნქტის სრული მასივი, რომელიც ძირითადად მიუთითებს

164
00:10:37,110 --> 00:10:39,060
თუ არა, რომ არის სრული თუ არა.

165
00:10:39,060 --> 00:10:41,640
მე მქონდა, რათა საკმაოდ მინიმალური ცვლილებები ამ კოდექსით,

166
00:10:41,640 --> 00:10:44,470
ასე რომ აქ ჩვენი addTodo ფუნქცია.

167
00:10:44,470 --> 00:10:48,530
გავითვალისწინოთ რომ აქ ვარ ზრდის ეს onto მასივი,

168
00:10:48,530 --> 00:10:51,300
და მაშინ მე უბიძგებს 0 რომ სრული მასივი,

169
00:10:51,300 --> 00:10:57,090
ძირითადად პარალელურად, რომ ახალი Todo ბიძგი ვთქვა

170
00:10:57,090 --> 00:11:00,430
მე დასძინა ამ ელემენტის, და ეს ერთად ამ მნიშვნელობის,

171
00:11:00,430 --> 00:11:02,810
რაც იმას ნიშნავს, რომ ეს არასრული.

172
00:11:02,810 --> 00:11:04,970
და მაშინ მე redrawing დავალებები.

173
00:11:04,970 --> 00:11:09,220
Now, შეამჩნევთ, მე დასძინა ამ drawTodoList ფუნქცია.

174
00:11:09,220 --> 00:11:11,760
ეს იღებს a lot of the კოდი, რომ ჩვენ გვქონდა ადრე,

175
00:11:11,760 --> 00:11:15,320
, ძირითადად, კლავიშს გამოყავს out box და შემდეგ ამახვილებს new to-გასაკეთებელ სამუშაოთა ნუსხაში.

176
00:11:15,320 --> 00:11:19,620
მაგრამ, შეამჩნევთ, რომ შიგნით of ამ for loop ვაკეთებთ a little უფრო მეტი ახლა.

177
00:11:19,620 --> 00:11:25,000
ჩვენ ძალიან, ძირითადად, შემოწმების თუ არა item შესაბამისი to შ Todo აქ

178
00:11:25,000 --> 00:11:30,220
არის სრული, და სხვა მრავალი ლოკაცია behaving განსხვავებულად in ამ 2 გარემოებათა მიუხედავად.

179
00:11:30,220 --> 00:11:32,790
იმ შემთხვევაში, თუ it არის ის, სრული, გვსურს სხვებისათვის თან იქვე დასძინა, ამ del tag,

180
00:11:32,790 --> 00:11:35,360
, რომელიც ძირითადად გზით თქვენ შეგიძლიათ მიიღონ, რომ strike through effect

181
00:11:35,360 --> 00:11:38,190
გადახაზვის to-გასაკეთებელ სამუშაოთა ნუსხაში ​​შემთხვევაში, თუ იგი არის ის, სრული,

182
00:11:38,190 --> 00:11:42,200
, და თუ მას მაინც არ არის, ჩვენ არა ვართ მათ შორის, იგი.

183
00:11:42,200 --> 00:11:45,030
და, ამგვარად,, რომ kind of ზრუნავს ამაზე,

184
00:11:45,030 --> 00:11:49,140
>> და, რომ არის ერთ ერთი საშუალებაა, რათა მიზნის მისაღწევად.

185
00:11:49,140 --> 00:11:53,420
და მაშინ შეამჩნევთ, მაშინ, როდესაც მომხმარებელი იმოქმედებს ერთი ასეთი

186
00:11:53,420 --> 00:11:56,780
ჩვენ გადართვის დასრულების status of იგი.

187
00:11:56,780 --> 00:12:02,170
როდესაც მომხმარებელი დაწკაპუნებით, ჩვენ თვალსაჩინოს გავხდით, რევერსი: თუ არა იგი ბმული, რომლითაც ამ დასრულებული თუ, არ,

188
00:12:02,170 --> 00:12:04,540
და შემდეგ ჩვენ თვალსაჩინოს გავხდით, მეთოდით გადასინჯვის იგი.

189
00:12:04,540 --> 00:12:06,190
ეს kind of სამუშაოების დროს.

190
00:12:06,190 --> 00:12:09,860
ჩვენ გვყავს ამ ფუნქციების, რომ განახორციელოს out მათი საკუთარი ამოცანები,

191
00:12:09,860 --> 00:12:11,730
და ეს არის okay.

192
00:12:11,730 --> 00:12:14,110
Is there ყველაფერი, რასაც ჩვენ შეეძლო ამის გაკეთება უკეთესი about ეს, თუმცა?

193
00:12:14,110 --> 00:12:18,700
როგორც შენიშნეთ, რომ ჩვენ გვაქვს ამ 2 გლობალურ მასივები.

194
00:12:18,700 --> 00:12:23,550
იმ შემთხვევაში, თუ ეს გახდა იმის C, და ჩვენ ჰქონდა 2 მასივები, რომ kind of წარმოდგენილია

195
00:12:23,550 --> 00:12:25,800
მონაცემები, რომ იყო sort of თან დაკავშირებული in ზოგიერთ გზა

196
00:12:25,800 --> 00:12:30,140
, თუ რა იქნებოდა ჩვენ ვიყენებთ in C-დან დააკავშიროთ ამ 2 fields

197
00:12:30,140 --> 00:12:35,420
შევიდა რაღაც, რომ encapsulates ორივე საჯარიმო დარტყმები of ინფორმაცია?

198
00:12:35,420 --> 00:12:37,600
Anybody გვინდა, რომ გააკეთოს წინადადების გამოგზავნის?

199
00:12:37,600 --> 00:12:39,450
[სტუდენტური inaudible საპასუხოდ]

200
00:12:39,450 --> 00:12:42,340
>> თუ ზუსტად, ასე რომ,, რომლის გამოყენება შეიძლებოდა გამოიყენოთ ზოგიერთი kind of struct,

201
00:12:42,340 --> 00:12:44,960
და თუ თქვენ ვფიქრობ, რომ back to, ვთქვათ, pset 3,

202
00:12:44,960 --> 00:12:47,350
გვახსოვდეს,, რომ ჩვენ გვქონდა ლექსიკონში, და შემდეგ, რომ ჩვენ გვქონდა თუ არა word

203
00:12:47,350 --> 00:12:50,230
იყო პირველითგან ლექსიკონში, და ყველა, რომ information იყო დააყენა ერთად

204
00:12:50,230 --> 00:12:52,420
შიგნით of გარკვეული მონაცემების სტრუქტურა.

205
00:12:52,420 --> 00:12:56,390
One, რაც შემიძლია გავაკეთოთ ერთად ეს კოდი, რათა თავიდან ავიცილოთ, რომელსაც გააჩნია these 2 სხვადასხვა მასივები

206
00:12:56,390 --> 00:13:01,760
, ის მსგავს საჯარიმო დარტყმები of information არის მე შემიძლია დააკავშიროთ მათ into გაგაჩნია JavaScript-ის object.

207
00:13:01,760 --> 00:13:07,150
მოდით, ყველამ ერთად მიიღოს look at, რომ.

208
00:13:07,150 --> 00:13:11,740
როგორც შენიშნეთ I მხოლოდ და მხოლოდ გვაქვს ერთი array at top ახლა უკვე

209
00:13:11,740 --> 00:13:17,650
და რა მე გაკეთდეს is-და ეს არის just გაგაჩნია JavaScript-ის syntax for sort of

210
00:13:17,650 --> 00:13:21,350
ქმნის ლიტერატურული მობილური of object,

211
00:13:21,350 --> 00:13:24,670
და შეამჩნია არსებობს 2 properties, ასე რომ,, რომ ჩვენ გვაქვს Todo,

212
00:13:24,670 --> 00:13:29,660
და ეს ინახებოდა ერთად, რამდენად მიზანშეწონილია complete ან არასრული.

213
00:13:29,660 --> 00:13:31,000
ეს არის ძალიან ანალოგიური კოდი.

214
00:13:31,000 --> 00:13:35,310
ჩვენ ძალიან გამოყენებით გაგაჩნია JavaScript-ის ობიექტები.

215
00:13:35,310 --> 00:13:38,600
ეს kind of აუმჯობესებს things.

216
00:13:38,600 --> 00:13:43,850
Like კი ახლა, ყველა ამ fields of მასთან დაკავშირებული სხვა ინფორმაციის, რომელშიც ინახება ერთად რედაქტირება.

217
00:13:43,850 --> 00:13:46,410
როდესაც ჩვენ go to ბეჭდვა it out, ჩვენ შეგვიძლია წვდომისათვის სფეროებში.

218
00:13:46,410 --> 00:13:49,060
>> როგორც შენიშნეთ, რა არის ჩვენი ვაკეთებთ Todos [i]. Complete

219
00:13:49,060 --> 00:13:52,880
ნაცვლად იმისა, of შემოწმების წინაშე სრული array ცალკე,

220
00:13:52,880 --> 00:13:56,560
და შეამჩნია როდესაც ჩვენ გვინდა, რომ მიიღოთ to-ამის გაკეთება string გვსურს სხვებისათვის საყრელად to-ამის გაკეთება საკუთრების

221
00:13:56,560 --> 00:13:58,750
of, რომ Todo, ასე რომ ეს kind of ხდის sense იმიტომ, რომ

222
00:13:58,750 --> 00:14:01,660
ყოველ item ვიზიტორების these intrinsic properties ამის შესახებ.

223
00:14:01,660 --> 00:14:05,650
მას აქვს Todo, და მას აქვს, რამდენად მიზანშეწონილია complete ან არ.

224
00:14:05,650 --> 00:14:11,540
Not too many ცვლილებების ჩვენება there ფუნქციურად just დასძინა, ზოგიერთი უფრო მეტი იმ კოდი.

225
00:14:11,540 --> 00:14:13,430
ეს არის გაუმჯობესების on ზოგიერთი ფრონტზე, უფლება?

226
00:14:13,430 --> 00:14:16,030
I ნიშნავს იმას,, ჩვენ factored out design bit.

227
00:14:16,030 --> 00:14:20,350
ახლა ჩვენ გვაქვს objects to, ძირითადად, encapsulate ამ მონაცემთა.

228
00:14:20,350 --> 00:14:27,130
Is there არაფერი უფრო მეტი, რომლის გამოყენება შეიძლებოდა ამის გაკეთება from აქ in terms of გაგაჩნია JavaScript-ის?

229
00:14:27,130 --> 00:14:31,810
Like notice, რომ ეს კოდი უფლება აქ

230
00:14:31,810 --> 00:14:34,760
ის მიღების &, რომ მათი შიდა HTML of div

231
00:14:34,760 --> 00:14:40,520
არის a little, I გამოიცნოს,, long.

232
00:14:40,520 --> 00:14:45,100
აქ არის document.getElementByID ("Todos"). InnerHTML.

233
00:14:45,100 --> 00:14:48,400
ერთი რამ,, რომლის გამოყენება შეიძლებოდა გავაკეთოთ, რათა გააკეთოს ეს კოდი გამოიყურებოდეს a little მეგობრულად

234
00:14:48,400 --> 00:14:51,450
ასე რომ მე აღარ ექნებოდათ იმისათვის, რომ შევინარჩუნოთ სკროლის მარცხენა და მარჯვენა, უკან და მეოთხე,

235
00:14:51,450 --> 00:14:58,480
არის I შეეძლო ესარგებლა library, როგორიც არის jQuery.

236
00:14:58,480 --> 00:15:02,710
>> მოდით, ყველამ ერთად სანახავად out სემინარი 2,

237
00:15:02,710 --> 00:15:05,880
და ეს არის იგივე კოდექსი, მაგრამ ეს კეთდება with jQuery.

238
00:15:05,880 --> 00:15:08,790
თქვენ შეიძლება არ გქონდეთ too ნაცნობი with jQuery,

239
00:15:08,790 --> 00:15:11,510
, არამედ სამართლიანი ვიცით, რომ jQuery არის sort of ბიბლიოთეკა ამისთვის გაგაჩნია JavaScript-ის

240
00:15:11,510 --> 00:15:15,910
, რომ იღებს მას უფრო ადვილია, უნდა გააკეთოს, რამ, როგორიცაა ხელმისაწვდომობის ინდივიდუალურ ელემენტებს, of DOM.

241
00:15:15,910 --> 00:15:21,280
Here ნაცვლად იმისა, of ამბობდა, document.getElementByID ("Todos"). InnerHTML

242
00:15:21,280 --> 00:15:25,210
I შეგიძლიათ გამოიყენოთ much cleaner way in jQuery,

243
00:15:25,210 --> 00:15:28,490
, რომელიც არის მხოლოდ იმისათვის, რომ გამოიყენოთ სელექციონერები.

244
00:15:28,490 --> 00:15:31,300
როგორც ხედავთ, ეს კოდი საერთოდ მიიღოთ a little cleaner,

245
00:15:31,300 --> 00:15:35,770
ძალიან მსგავსია ფუნქციურად, მაგრამ, რომ არის ის,, იდეა მისაღებია.

246
00:15:35,770 --> 00:15:37,980
ჩვენ ვნახეთ & couple of things, ასე რომ შორს,

247
00:15:37,980 --> 00:15:42,010
ასე რომ, ჩვენ დაიწყო, with just raw გაგაჩნია JavaScript-ის განხორციელება უკვე დაიწყო.

248
00:15:42,010 --> 00:15:45,370
ჩვენ დასძინა, new თვისებები და გვიჩვენა, თუ როგორ ჩვენ მას შეუძლია, გააუმჯობესოს it with

249
00:15:45,370 --> 00:15:49,090
უბრალოდ, რა, რომ ჩვენ გვაქვს in JavaScript.

250
00:15:49,090 --> 00:15:53,300
>> ვინმეს აქვს იხ. ნებისმიერი სირთულე with ამ design?

251
00:15:53,300 --> 00:16:01,090
რომელშიც ბასტრიკინი აღნიშნავს, I გამოიცნოს,-or არ ემთხვეოდეს სირთულეები, მაგრამ ნება-ის ფეხბურთელი ვთქვა,

252
00:16:01,090 --> 00:16:04,830
ჩვენ კი კომპენსაციას არ ვაკეთებთ to-გასაკეთებელ სამუშაოთა ნუსხაში ​​პროექტის ფარგლებში, და ხვალ ჩვენ გადავწყვიტეთ,

253
00:16:04,830 --> 00:16:10,320
გვინდოდა, რათა სასურსათო სიაში ან shopping ლენტა პროექტის ფარგლებში.

254
00:16:10,320 --> 00:16:14,150
ბევრი ამ features are ძალიან მსგავსი იყო.

255
00:16:14,150 --> 00:16:19,080
Lot of things ჩვენ გვინდა, რომ მისაღებად out of გაგაჩნია JavaScript-ის are ძალიან საერთო,

256
00:16:19,080 --> 00:16:23,820
და ეს ხაზგასმით ავლენს, მოთხოვნილება გარკვეული kind of way of

257
00:16:23,820 --> 00:16:25,670
მიღების ამ უფრო ადვილია, უნდა გააკეთოს.

258
00:16:25,670 --> 00:16:30,400
მე მქონდა, რომ აშენდეს up ყველა of ამ HTML ხელმისაწვდომობის, ყველა ამ DOM წვდომის,

259
00:16:30,400 --> 00:16:35,530
ისევე, როგორც მე ვაპირებ, რათა წარმოადგინოს to-გასაკეთებელ სამუშაოთა ნუსხაში ​​with ამ მოდელის.

260
00:16:35,530 --> 00:16:39,130
და შეამჩნია I ვარ, პასუხისმგებელი, როგორც გაგაჩნია JavaScript-ის developer

261
00:16:39,130 --> 00:16:42,890
for ინახავდა მოქალაქე HTML და გაგაჩნია JavaScript-ის, რომ მე გვყავს in sync.

262
00:16:42,890 --> 00:16:48,040
Nothing ავტომატურად გააკეთა, რომ გაგაჩნია JavaScript-ის წარმომადგენლობის

263
00:16:48,040 --> 00:16:51,590
ან იმ to-do ლენტა get უბიძგა out to HTML.

264
00:16:51,590 --> 00:16:54,000
Nothing აღასრულებენ,, რომ გარდა for me.

265
00:16:54,000 --> 00:16:56,880
მე მქონდა რომ ჩაწეროს draw to-do ლენტა ფუნქცია.

266
00:16:56,880 --> 00:17:01,650
და, რომ შესაძლოა არ იყოს-I ნიშნავს იმას,, ის არის გონივრულ to გავაკეთოთ, რომ,

267
00:17:01,650 --> 00:17:03,670
მაგრამ ეს შეიძლება იყოს tedious ზოგჯერ.

268
00:17:03,670 --> 00:17:08,190
თუ თქვენ გაქვთ უფრო დიდი პროექტი, რომელიც, შეიძლება იყოს რთულია.

269
00:17:08,190 --> 00:17:10,720
>> ფორმატების გათვალისწინებით, one of the მიზნებისათვის of ჩარჩოსთან

270
00:17:10,720 --> 00:17:14,060
არის ის, რომ გაამარტივოს, რომ პროცესი და sort of factor out

271
00:17:14,060 --> 00:17:16,950
ამ საერთო-I გამოიცნოს, თქვენ შეიძლება ითქვას,-design შაბლონებს

272
00:17:16,950 --> 00:17:20,700
, რომ ადამიანები, ზოგადად აქვს გარკვეული kind of way of გვერდია წარმოადგენს მონაცემები, შესაბამისად,

273
00:17:20,700 --> 00:17:25,599
თუ არა, რომ არის ის, friends ფაილების საკუთარი სია, თუ არა, რომ არის ის, map information

274
00:17:25,599 --> 00:17:27,280
ან რაღაც ან to-do საქმიანობათა სიაში შედის.

275
00:17:27,280 --> 00:17:30,660
ზოგიერთი ადამიანი გვყავს ზოგადად way of გვერდია წარმოადგენს information,

276
00:17:30,660 --> 00:17:33,650
და ისინი ზოგადად გვჭირდება იმისათვის, რომ შევინარჩუნოთ იმას, რომ ინფორმაციის sort of in sync

277
00:17:33,650 --> 00:17:36,520
შორის, თუ რა, ასევე მომხმარებლის ხედავს, in ზოგიერთი kind of view,

278
00:17:36,520 --> 00:17:39,850
რომ ვთქვათ in terms of, როგორიც არის the model view controller, რომ თქვენ დაინახა, in lecture,

279
00:17:39,850 --> 00:17:45,400
გამო, მერე კი მოდელზე, რომლებიც ამ შემთხვევაში არის ამ გაგაჩნია JavaScript-ის მასივი.

280
00:17:45,400 --> 00:17:49,020
ჩარჩოსთან მისცეს us way, რათა გადაჭრას, რომ პრობლემის მიმართ.

281
00:17:49,020 --> 00:17:53,080
ახლა ნება-ის ფეხბურთელი მიიღოს look at განხორციელების of ამ to-გასაკეთებელ სამუშაოთა ნუსხაში

282
00:17:53,080 --> 00:18:02,360
in a ჩარჩო მოუწოდა angularjs.

283
00:18:02,360 --> 00:18:04,650
ეს არის იგი. როგორც შენიშნეთ ეს შეესაბამება on a slide.

284
00:18:04,650 --> 00:18:07,330
მე არ მაქვს to გადახვევა to მარცხენა და მარჯვენა.

285
00:18:07,330 --> 00:18:10,460
That, ალბათ, რომელიც არ არის great მიზეზი იმისთვის, რომ რეკომენდაცია განცხადება გამოყენებით ჩარჩო,

286
00:18:10,460 --> 00:18:20,120
, მაგრამ notice ვარ მე ever წვდომის ინდივიდუალურ HTML ელემენტებს, აქ?

287
00:18:20,120 --> 00:18:22,400
სული მაქვს, I ever აპირებს წუთზე ის DOM?

288
00:18:22,400 --> 00:18:26,120
უჭერთ თუ არა ვხედავთ რაიმე document.getElementByID ან რამე მაგდაგვარს, რომ?

289
00:18:26,120 --> 00:18:29,870
No, ეს არის ის, ლიდერობის შენარჩუნებისთვის შეცვალა.

290
00:18:29,870 --> 00:18:35,590
>> Angular ეხმარება us შენარჩუნება DOM და ჩვენი გაგაჩნია JavaScript-ის წარმომადგენლობის of something

291
00:18:35,590 --> 00:18:40,430
kind of in sync, ასე რომ, შემთხვევაში, თუ იგი არის ის, არ შედის, js file,

292
00:18:40,430 --> 00:18:46,790
იმ შემთხვევაში, თუ there არ არის გზა of პროგრამულად საყრელად to ყველა, რომ HTML content

293
00:18:46,790 --> 00:18:51,800
from the გაგაჩნია JavaScript-ის თუ როგორ ვართ ჩვენ, შენახვა ამ in sync?

294
00:18:51,800 --> 00:18:58,160
იმ შემთხვევაში, თუ ეს არ არის in the. Js ფაილი, ის ის მიიღო, რომ იყოს in HTML, უფლება?

295
00:18:58,160 --> 00:19:01,910
ეს არის ახალი მობილური of the HTML file,

296
00:19:01,910 --> 00:19:04,660
და შეამჩნია ჩვენ 've დასძინა, a lot აქ.

297
00:19:04,660 --> 00:19:11,110
როგორც შენიშნეთ there არის ის, these new თვისებებია, რომლითაც რესპოდენტებმა, რომ ვთქვა, ng-click და ng-განმეორებით.

298
00:19:11,110 --> 00:19:15,650
Angular-ის ფეხბურთელი მიდგომა, რათა გადაჭრის ამ პრობლემის გამოსწორება of სირთულეები, in design

299
00:19:15,650 --> 00:19:19,130
არის ის, რომ, ძირითადად, გააკეთოს HTML much უფრო მძლავრი.

300
00:19:19,130 --> 00:19:24,420
Angular არის way of რომლებმაც მისცეს საშუალება, გაძლევთ, რათა HTML გარკვეულწილად უფრო ექსპრესიული,.

301
00:19:24,420 --> 00:19:30,520
For მაგალითად, შემიძლია ვთქვა, რომ მე ვაპირებ რომ გვაკავშირებს ან, სავალდებულოა ამ ტექსტის მიმართ box

302
00:19:30,520 --> 00:19:35,080
to ცვლადი ფარგლებში ჩემი Angular გაგაჩნია JavaScript-ის კოდი.

303
00:19:35,080 --> 00:19:37,030
ეს ng-model does უბრალოდ, რომ.

304
00:19:37,030 --> 00:19:41,550
That, ძირითადად, ამბობს, რომ & item შიგნით of ამ ტექსტის მიმართ box,

305
00:19:41,550 --> 00:19:45,000
just ასოცირებას, რომ with ცვლადი new_todo_description

306
00:19:45,000 --> 00:19:47,870
ფარგლებში გაგაჩნია JavaScript-ის კოდი.

307
00:19:47,870 --> 00:19:51,600
ეს არის ის, ძალიან ძლიერი იმიტომ, რომ მე არ გაქვთ to არსებითათ go to

308
00:19:51,600 --> 00:19:53,310
the DOM to მიიღონ, რომ information.

309
00:19:53,310 --> 00:19:56,250
მე არ მაქვს to ვთქვა, document.getElementByID.

310
00:19:56,250 --> 00:19:58,750
მე არ მაქვს to გამოიყენოთ jQueries, როგორიც არის DOM ხელმისაწვდომობის.

311
00:19:58,750 --> 00:20:03,280
მე შემიძლია გაიგივებას ცვლადი, და შემდეგ მაშინ, როდესაც მე შეცვალოთ, რომ variable

312
00:20:03,280 --> 00:20:07,400
ფარგლებში გაგაჩნია JavaScript-ის · პროფილი · პირადი ინახებოდა in sync ერთად HTML,

313
00:20:07,400 --> 00:20:11,640
, ასე რომ, რომელიც აადვილებს პროცესის of მქონე to go უკან და მეოთხე შორის ორი.

314
00:20:11,640 --> 00:20:18,260
აქვს თუ არა, რომ მიიღოს sense?

315
00:20:18,260 --> 00:20:22,060
>> და შეამჩნია იქ არ არის HTML ხელმისაწვდომობის კოდი.

316
00:20:22,060 --> 00:20:27,760
ჩვენ 've მხოლოდ გააკეთა HTML უფრო ძლიერი,

317
00:20:27,760 --> 00:20:32,070
და ახლა, for მაგალითი, ჩვენ არ შეუძლია გააკეთოს რამ, როგორიცაა ამ,

318
00:20:32,070 --> 00:20:38,610
მოეწონა, როცა you ღილაკის ამ, დარეკეთ ამ ფუნქციის იმ უფლებამოსილების ფარგლებში of todos.js,

319
00:20:38,610 --> 00:20:43,410
და ჩვენ შეეძლო ამის გაკეთება რომ მანამ, სანამ, მაგრამ არსებობს სხვა რამ,, ისევე, როგორც ამ ng-მოდელი,

320
00:20:43,410 --> 00:20:47,020
და შეამჩნია ამ ng-განმეორებით.

321
00:20:47,020 --> 00:20:51,520
რას მოვიგებ ფიქრობთ, ამ does?

322
00:20:51,520 --> 00:20:54,390
აქ არის ის, ჩვენი უწესრიგო სია from ეს ადრე იყო.

323
00:20:54,390 --> 00:20:56,470
ჩვენ გვყავს ul tags,

324
00:20:56,470 --> 00:21:03,710
, მაგრამ ვარ მე ever გაწევის, რომ ლენტა შიგნით of the გაგაჩნია JavaScript-ის კოდი?

325
00:21:03,710 --> 00:21:09,280
მე არ ever არსებითათ გაწევის, რომ საქმიანობათა სიაში შედის.

326
00:21:09,280 --> 00:21:11,580
როგორ does this მუშაობს?

327
00:21:11,580 --> 00:21:16,410
Well, way Angular ახორციელებს ამ არის ეს ეწოდება repeater.

328
00:21:16,410 --> 00:21:22,760
ძირითადად ეს ნათქვამია, რომ მე მინდა, რომ ბეჭდვა ამ HTML

329
00:21:22,760 --> 00:21:26,240
სრული გამოყენება ყოველი Todo შიგნით of my Todos მასივი.

330
00:21:26,240 --> 00:21:31,850
Inside of todos.jr there არის Todos array უფლება აქ,

331
00:21:31,850 --> 00:21:37,910
და ეს will tell Angular go მეშვეობით, რომ array, და სრული გამოყენება ყოველი ელემენტს თქვენ თვითონაც ხომ ხედავთ

332
00:21:37,910 --> 00:21:41,390
მე მინდა გაძლევთ ამობეჭდოთ ამ HTML.

333
00:21:41,390 --> 00:21:44,620
ეს არის kind of awesome იმიტომ, რომ მე შეგიძლიათ მხოლოდ ამის გაკეთება ამ

334
00:21:44,620 --> 00:21:47,760
გარეშე გადასვლის წერენ for loop,

335
00:21:47,760 --> 00:21:52,250
, რომელიც ძალიან დიდი to-do ლენტა, რომ იყო მხოლოდ 30 lines of კოდი

336
00:21:52,250 --> 00:21:54,700
შეიძლება არ იქნებოდა ყველაზე ბენეფიციალურ რამ არ ვთქვა,

337
00:21:54,700 --> 00:22:01,240
, მაგრამ, თუ თქვენ გაქვთ მრავალსართულიანი შენობის დიდი პროექტი, ამ შეიძლება მიიღოს ძალიან მოსახერხებელია.

338
00:22:01,240 --> 00:22:06,100
>> ეს არის ერთ ერთი გადაწყვეტა to ამ პრობლემის გამოსწორება, მიღების HTML უფრო ძლიერი,

339
00:22:06,100 --> 00:22:10,820
და, რომ საშუალებას აძლევს us იმისათვის, რომ შევინარჩუნოთ გაგაჩნია JavaScript-ის და HTML in sync.

340
00:22:10,820 --> 00:22:13,220
არსებობს სხვა შესაძლო გზები, რათა გადაჭრას ამ პრობლემის გამოსწორება,

341
00:22:13,220 --> 00:22:15,320
და არა ყოველ ჩარჩო does this.

342
00:22:15,320 --> 00:22:17,720
Not ყოველ ჩარჩო მუშაობს along ამ ხაზების.

343
00:22:17,720 --> 00:22:19,490
Some ჩარჩოსთან გვაქვს სხვადასხვა მიდგომების,

344
00:22:19,490 --> 00:22:23,310
და თქვენ შეიძლება აღმოაჩინოთ,, რომ თქვენ სარგებლობენ პროგრამირებაშიც in one ჩარჩო over the სხვა.

345
00:22:23,310 --> 00:22:26,160
მოდით შევხედოთ one more.

346
00:22:26,160 --> 00:22:30,060
ეს არის იმ to-გასაკეთებელ სამუშაოთა ნუსხაში ​​კოდირებული up in ჩარჩო მოუწოდა მთავარი საყრდენია.

347
00:22:30,060 --> 00:22:33,250
მე ვაპირებ to go მეშვეობით ამ სწრაფად.

348
00:22:33,250 --> 00:22:38,300
დავიწყებ with პირველი HTML ადრე ჩვენ იქ გადადითო.

349
00:22:38,300 --> 00:22:40,290
One მეორე.

350
00:22:40,290 --> 00:22:43,950
და იწყება იმ HTML,, როგორც თქვენ შეამჩნევთ,, ჩვენი HTML არის ძალიან მსგავსია

351
00:22:43,950 --> 00:22:50,000
to, თუ რა ეს იყო ადრე, ასე რომ, არ არის ძალიან ბევრი new on, რომელიც front.

352
00:22:50,000 --> 00:22:55,410
თუმცა ჩვენ ის js ფაილი არის a little განსხვავებული.

353
00:22:55,410 --> 00:23:00,360
მთავარი საყრდენია kind of ვიზიტორების ამ იდეას, ან აშენებს on the იდეა,

354
00:23:00,360 --> 00:23:04,750
, რომ a lot of, თუ რას ვაკეთებთ with, ვთქვათ, ჩვენი გაგაჩნია JavaScript-ის პროექტების

355
00:23:04,750 --> 00:23:09,110
არის ვიფიქროთ იმაზე, models და კოლექციების of ამ მოდელების.

356
00:23:09,110 --> 00:23:12,510
ეს შეიძლება იყოს, მაგალითად, ფოტო, კინო და კოლექციების of photos,

357
00:23:12,510 --> 00:23:16,230
ან იდეა, of friend და კოლექციების of friends.

358
00:23:16,230 --> 00:23:20,700
And oftentimes, როდესაც გვსურს სხვებისათვის დაპროგრამების გაგაჩნია JavaScript-ის applications

359
00:23:20,700 --> 00:23:25,340
ჩვენ თვალსაჩინოს გავხდით, დაალაგოთ ძიების შედეგად of წარმოადგენს იდეა, of, რომელსაც აქვს საქართველოში collection of friends

360
00:23:25,340 --> 00:23:29,500
მოახერხა და როგორღაც in გაგაჩნია JavaScript-ის, და მთავარი საყრდენია აძლევს us ამ ფენას

361
00:23:29,500 --> 00:23:33,040
on დაბრუნება of გაგაჩნია JavaScript-ის-ის ფეხბურთელი არსებული მასივები და ობიექტების

362
00:23:33,040 --> 00:23:38,300
უნდა გააკეთოს, უფრო მძლავრი რამ ერთად, რომ სულ უფრო ადვილად.

363
00:23:38,300 --> 00:23:41,870
>> Here I 've განისაზღვრება, to-do მოდელი,

364
00:23:41,870 --> 00:23:44,630
კარტები გაქვთ და არ ინერვიულოთ too ბევრი შესახებ სინტაქსის,

365
00:23:44,630 --> 00:23:48,730
, მაგრამ შეამჩნია რომ ის, რაც არის ერთ ერთი განსაკუთრებული properties of გაუკეთებდით ამ მასალას?

366
00:23:48,730 --> 00:23:53,190
მას აქვს მართებული: გსურთ ნაგულისხმევი მინდვრიდან.

367
00:23:53,190 --> 00:23:56,640
მთავარი საყრდენია საშუალებას აძლევს ჩემს, რომ ხელოვნურად მიუთითოთ უკვე off bat

368
00:23:56,640 --> 00:24:00,190
ნებისმიერი new to-გავაკეთოთ, რომ I შექმნათ აპირებს იმ დოკუმენტალური აქვს ეს ნაგულისხმევი პასუხები.

369
00:24:00,190 --> 00:24:04,100
ახლა მე შეგიძლიათ Customize ამ, მაგრამ მიმდინარეობს შეუძლია, რომ ხელოვნურად მიუთითოთ ნაგულისხმევი პასუხები

370
00:24:04,100 --> 00:24:07,220
არის nice, და ეს არის სახის of მოსახერხებელია, რადგან ეს არ არის რაღაც ეს არის ის,, როგორიც არის

371
00:24:07,220 --> 00:24:10,430
, რომლებიც თან ახლავს გაგაჩნია JavaScript-ის, და ახლა მე არ მაქვს to არსებითათ

372
00:24:10,430 --> 00:24:12,430
ვთქვა, რომ Todos are არასრული.

373
00:24:12,430 --> 00:24:19,190
მე შემიძლია ვთქვა, უფლება off bat, რომ Todos ვაპირებთ, რომ ძალიან არ იქნება მონიშნული როგორც არასრული.

374
00:24:19,190 --> 00:24:21,300
როგორც შენიშნეთ შემდეგ კი, თუ რა არის გაუკეთებდით ამ მასალას?

375
00:24:21,300 --> 00:24:25,520
Now I have a to-გასაკეთებელ სამუშაოთა ნუსხაში, და რომ არის ის, კოლექციის შექმნის საშუალებას.

376
00:24:25,520 --> 00:24:30,960
როგორც შენიშნეთ საველე ასოცირდება, რომელიც ამბობს, model Todo.

377
00:24:30,960 --> 00:24:33,390
ეს არის my way of ვეუბნებოდი, ძალას, რომლითაც

378
00:24:33,390 --> 00:24:37,350
მე ვაპირებ to იქნეს, რომ ამაზე დავფიქრდეთ collection of these ინდივიდუალურ Todos.

379
00:24:37,350 --> 00:24:42,140
ეს არის, ძირითადად, the model სტრუქტურის for my პროგრამა.

380
00:24:42,140 --> 00:24:44,980
Here I გვყავს ეს იდეა, of შეგროვების,

381
00:24:44,980 --> 00:24:48,960
და ძირითადად ნივთები შეიცავდა in, რომ collection ისინი ყველა შემთხვევაში აპირებს, რომ იყოს these Todos,

382
00:24:48,960 --> 00:24:51,910
და, რომ არის ძალიან ბუნებრივი in ამ sense

383
00:24:51,910 --> 00:24:59,890
იმიტომ, რომ მე ამის გაკეთება გვყავს Todos, და მე აქვს მათ in a კოლექციის შექმნის საშუალებას.

384
00:24:59,890 --> 00:25:02,940
>> მოდით შევხედოთ a little უფრო მეტი of ამ.

385
00:25:02,940 --> 00:25:05,900
Here არის მთავარი საყრდენია view.

386
00:25:05,900 --> 00:25:08,890
მეორე, რაც, რომ მთავარი საყრდენია ამბობს, არის ის, რომ

387
00:25:08,890 --> 00:25:14,660
a lot of the მოდელები, რომ you წერა ვარგა შესახებ, ან მაშინაც კი, კოლექციების

388
00:25:14,660 --> 00:25:19,150
ვაპირებთ, რომ ძალიან გვჭირდება, რომ გვქონდეს ზოგიერთ გზა of მიმდინარეობს ნაჩვენები.

389
00:25:19,150 --> 00:25:21,900
ჩვენ გვჭირდება to render, რომ პროფილაქტიკა უნდა-do ფაილების საკუთარი სია,

390
00:25:21,900 --> 00:25:25,460
და ჩემი სურვილი იქნებოდა არა იგი be nice, თუ ჩვენ შეუძლია, წარმოადგინოს, თითოეული model

391
00:25:25,460 --> 00:25:28,390
ან ასოცირებას ამასთან თითოეული model ამ view

392
00:25:28,390 --> 00:25:34,020
, რომელიც საშუალებას აძლევს us to I გამოიცნოს, დააკავშირებს ორი ერთად?

393
00:25:34,020 --> 00:25:38,320
მაშინ, როდესაც ადრე ჩვენ-ს ქონდა to გამოიყენოთ for loop, რომ იქნებოდა აწარმოებს მეშვეობით

394
00:25:38,320 --> 00:25:41,130
ყოველ Todo in ჩვენს სიაში და შემდეგ ბეჭდვა it out აქ

395
00:25:41,130 --> 00:25:44,650
ჩვენ შეგვიძლია, ძირითადად, დაკავშირება იგი with ამ მოდელის.

396
00:25:44,650 --> 00:25:47,550
ეს არის to-do view.

397
00:25:47,550 --> 00:25:50,550
ეს რომელიც ასოცირდება ასევე სრულიად Todo, ჩვენ აღმოვაჩინეთ ადრე.

398
00:25:50,550 --> 00:25:54,940
Now ყოველ Todo არის displayable ან renderable

399
00:25:54,940 --> 00:25:56,960
by this to-ამის გაკეთება view.

400
00:25:56,960 --> 00:25:59,440
როგორც შენიშნეთ some of სფეროებში.

401
00:25:59,440 --> 00:26:05,880
რას მოვიგებ ფიქრობთ, ამ tagName არის, tagName: li?

402
00:26:05,880 --> 00:26:09,790
დამახსოვრება წლამდე, როდესაც ჩვენ სურდა to render Todo

403
00:26:09,790 --> 00:26:16,700
ჩვენ მოგვიწევდა არსებითათ დააწყვილოთ ჩვენი Todos with ამ li ტეგით.

404
00:26:16,700 --> 00:26:21,080
Now გვსურს სხვებისათვის სიტყვებზე დაყრდნობით, რომ, სადაც ეს Todo არის ვაპირებთ ვიცხოვროთ

405
00:26:21,080 --> 00:26:25,250
აპირებს იმ დოკუმენტალური იყოს შიგნით of li ტეგით.

406
00:26:25,250 --> 00:26:31,440
და აწ ჩვენ ასევე ასოცირებით მოვლენების with ჩვენი Todos.

407
00:26:31,440 --> 00:26:34,320
>> Every Todo ვიზიტორების this one მოვლენაა.

408
00:26:34,320 --> 00:26:38,480
თუ თქვენ დააჭირეთ საკმაოდ ბევრი toggle ღილაკს,, რომ არის ის, რაც მე დიდი ამბობდა, there,

409
00:26:38,480 --> 00:26:43,080
შემდეგ კი, ძირითადად, აღსანიშნავად the Todo, როგორც საპირისპირო of, თუ რა ეს იყო ადრე

410
00:26:43,080 --> 00:26:45,890
და შემდეგ ხელახლა-გავუწიოთ განაცხადი.

411
00:26:45,890 --> 00:26:47,810
ეს არის kind of იმდენად მსგავსია, კოდი ეს ადრე იყო.

412
00:26:47,810 --> 00:26:50,730
დამახსოვრება, როდესაც ჩვენ marked მას, როგორც ან საერთოდ საპირისპირო or-

413
00:26:50,730 --> 00:26:52,410
და შემდეგ ჩვენ ხელახლა-გაწეულ იქნა იგი.

414
00:26:52,410 --> 00:26:57,750
, მაგრამ შეამჩნია ახლა უკვე ამ ღონისძიების გამოყენებული, რათა იყოს რაღაც, რომ იყო in HTML.

415
00:26:57,750 --> 00:26:59,640
It იჯდა there.

416
00:26:59,640 --> 00:27:01,410
გამოსახულებიან ღილაკს-ს ქონდა on click.

417
00:27:01,410 --> 00:27:05,310
როდესაც თქვენ დააჭირეთ ღილაკს, it kind of does stuff to

418
00:27:05,310 --> 00:27:07,210
მითითებული up, რომ Todo, რომ იყოს არასრული.

419
00:27:07,210 --> 00:27:11,180
Here we 've ასოცირდება, რომ event of დაწკაპვით, რომ toggle button

420
00:27:11,180 --> 00:27:15,830
and უკან შემობრუნება აქვთ განზრახული, რამდენად მიზანშეწონილია on ან off ერთად ამ view.

421
00:27:15,830 --> 00:27:20,480
>> ეს არის a nice way of ადგენს რეგიონის up ამ ღონისძიების ისე, რომ იგი არის ის, ძალიან მჭიდროდ გამოხატავთ თანხმობას

422
00:27:20,480 --> 00:27:26,980
to this view, და ასე შემდეგ შეამჩნევთ, this one more.

423
00:27:26,980 --> 00:27:31,050
I გვაქვს ეს render მეთოდით, არიან და ჩვენ არ უნდა გაიაროს, იმ დეტალებზე.

424
00:27:31,050 --> 00:27:33,650
ეს არის სახის of მსგავსია იმისა, რაც, რომ ჩვენ გვქონდა ადრე,

425
00:27:33,650 --> 00:27:36,070
, მაგრამ შეამჩნია მე არ looping through არაფერს.

426
00:27:36,070 --> 00:27:40,700
მე არ ოფსეტური ბეჭდვის, რომ ul tag ეს არის ის, sort of ამბობდა, მე ვაპირებ to ბეჭდვა ყველა of ელემენტებს.

427
00:27:40,700 --> 00:27:46,610
მე დიდი, რომელიც უზრუნველყოფს ფუნქციონალობას გაწევის გარკვეული this one to-ამის გაკეთება item.

428
00:27:46,610 --> 00:27:49,400
ეს არის ძალიან ძლიერი concept იმიტომ, რომ, ძირითადად,

429
00:27:49,400 --> 00:27:53,600
ჩვენი to-გასაკეთებელ სამუშაოთა ნუსხაში ​​შედგება of ყველა ამ Todos, და იმ შემთხვევაში, თუ ჩვენ შეგვიძლია, ძირითადად, დააკონკრეტა,

430
00:27:53,600 --> 00:27:56,890
way to render ერთი იმ Todos

431
00:27:56,890 --> 00:28:04,230
, მაშინ ჩვენ შეგვიძლია გვაქვს ჩვენი მძლავრი მთავარი საყრდენია per se გაუწიოს ყველა of Todos

432
00:28:04,230 --> 00:28:07,760
ზე დარეკვით render მეთოდი on the ინდივიდუალურ Todos.

433
00:28:07,760 --> 00:28:14,180
ეს არის კონცეფციას, რომ არის სასარგებლო აქ.

434
00:28:14,180 --> 00:28:18,160
ახლა კი კარგი კითხვა აგრეთვე ვთხოვო არის, თუ როგორ არის ამ განაცხადის მიმდინარეობს-მა გაიტანა ერთად?

435
00:28:18,160 --> 00:28:21,200
იმის გამო, რომ, რომ ჩვენ გვაქვს უნარი to render one Todo,

436
00:28:21,200 --> 00:28:23,860
მაგრამ, თუ როგორ, ჩვენ რას წარმოდგენა შეგექმნათ of მრავალჯერადი Todos?

437
00:28:23,860 --> 00:28:25,100
>> მოდით, ყველამ ერთად მიიღოს look at, რომ.

438
00:28:25,100 --> 00:28:27,100
ეს არის ბოლო ნაწილი.

439
00:28:27,100 --> 00:28:29,740
როგორც შენიშნეთ, რომ ჩვენ გვაქვს to-do ლენტა view აქ,

440
00:28:29,740 --> 00:28:34,440
და შეამჩნია ეს ასევე view.

441
00:28:34,440 --> 00:28:36,970
და დაახლოებოდა over couple of რამ,

442
00:28:36,970 --> 00:28:45,280
ამ initialize მეთოდი დაერქმევა, როდესაც ჩვენ პირველი შექმნა ამ to-do საქმიანობათა სიაში შედის.

443
00:28:45,280 --> 00:28:52,630
როგორც ხედავთ, ის არის, როგორიც არის ქმნის to-ამის გაკეთება სიაში და ასოცირებით with ამ view.

444
00:28:52,630 --> 00:28:57,860
And შემდეგ კი I დასძინა, ფუნქციების აქ ასე, ძირითადად,, როდესაც თქვენ დაამატოთ item-

445
00:28:57,860 --> 00:29:01,440
ამ არის მსგავსი to addItem მეთოდი დავინახეთ, before-

446
00:29:01,440 --> 00:29:07,430
მე ვაპირებ, რომელიც მის შესაქმნელად new Todo object, და შეამჩნია მე დიდი, ფაქტობრივად, დარეკვისას

447
00:29:07,430 --> 00:29:13,080
ამ new Todo მეთოდი, ასე რომ ეს არის იმ პირობით by ხერხემალი,

448
00:29:13,080 --> 00:29:16,010
and I შეგიძლიათ გადასცეთ in my properties აქ.

449
00:29:16,010 --> 00:29:23,710
და აწ ყოველ Todo, რომ შევქმნა გამოყენებით ეს ხელს მიიღონ, რომ ფუნქციონალობას, რომ ჩვენ დაინახა, ეს ადრე იყო.

450
00:29:23,710 --> 00:29:28,140
როგორც შენიშნეთ მე დიდი გაწმენდით out text box before-a small little დეტალურად-

451
00:29:28,140 --> 00:29:32,900
და შემდეგ მე დიდი თან იქვე დასძინა, ამ კოლექციის შექმნის საშუალებას.

452
00:29:32,900 --> 00:29:37,630
>> ეს ს ცოტა დააკლდა,, როგორც ჩანს, weird იმიტომ, რომ ადრე ჩვენ just-ს ქონდა to გავაკეთოთ, რომ todos.push,

453
00:29:37,630 --> 00:29:43,310
და შემდეგ ჩვენ გაკეთებულ იქნა მოდელი, და ეს შეუძლია, როგორც ჩანს უფრო რთული for this კერძოდ პროექტის ფარგლებში,

454
00:29:43,310 --> 00:29:46,980
და თქვენ შეიძლება აღმოაჩინოთ, რომ მთავარი საყრდენია ან მაშინაც კი, Angular ან ნებისმიერი სხვა ჩარჩო

455
00:29:46,980 --> 00:29:50,790
ს ჯერ არ ვარიანტს თქვენს კერძოდ პროექტის, მაგრამ მე ვფიქრობ, რომ ეს მნიშვნელოვანია, რათა ვიფიქროთ იმაზე,

456
00:29:50,790 --> 00:29:54,100
, თუ რა ეს იმას ნიშნავს, on a უფრო ფართო მასშტაბით for უფრო დიდი პროექტებს,

457
00:29:54,100 --> 00:29:56,610
იმიტომ, რომ თუ, რომ ჩვენ გვქონდა უფრო დიდი პროექტი, სადაც ჩვენ განმავლობაში იყვნენ

458
00:29:56,610 --> 00:30:00,860
რამდენიმე მართლაც complex შეგროვების, რაღაც უფრო სიღრმისეულსა მეტია, ვიდრე უბრალოდ to-ამის გაკეთება ფაილების საკუთარი სია,

459
00:30:00,860 --> 00:30:04,490
ასე ვთქვათ მეგობრების სიაში ან რამე მაგდაგვარს იმაში, რომ ეს შეეძლო მოსვლა in handy

460
00:30:04,490 --> 00:30:09,620
იმიტომ, რომ ჩვენ შეეძლო ორგანიზება ჩვენი კოდი in a ნამდვილად მოსახერხებელი გზა,

461
00:30:09,620 --> 00:30:12,550
in a იმგვარად, რომ გახდიდა მას უფრო ადვილია, for somebody else

462
00:30:12,550 --> 00:30:16,820
, ვისაც სურდა უნდა შეარჩიო up ერთი პროექტი განხორციელდა, ავაშენოთ upon.

463
00:30:16,820 --> 00:30:21,450
თქვენ შეგიძლიათ ხედავენ, რომ ეს უზრუნველყოფს a lot of სტრუქტურა.

464
00:30:21,450 --> 00:30:26,580
და მაშინ მე დიდი დარეკვისას გამოიტანოს on ამ addItem.

465
00:30:26,580 --> 00:30:31,050
გვერდის გენერირება,, როგორც თქვენ შეგიძლიათ იხილონ და თუ თქვენ ჩვენგან არ აქვს to ხელი მოკიდეთ ჩანგალს ამ full სინტაქსის,

466
00:30:31,050 --> 00:30:37,790
, მაგრამ, ძირითადად,, თითოეული model ეს სურვილი რამდენად მოვუწოდებთ ინდივიდუალურ render მეთოდის გამოყენებით.

467
00:30:37,790 --> 00:30:41,500
ეს არის ის, sort of, სადაც ეს რაც შეეხება, ის.

468
00:30:41,500 --> 00:30:44,140
მოდით, უბრალოდ დააკონკრეტა,, თუ როგორ უნდა გავუწიოთ ინდივიდუალურ Todos,

469
00:30:44,140 --> 00:30:47,310
და შემდეგ მოდი ყველა ერთად წებო მათ ერთად, როგორც მთელი.

470
00:30:47,310 --> 00:30:49,810
, მაგრამ ეს ის უზრუნველყოფს way of აბსტრაქცია,

471
00:30:49,810 --> 00:30:55,470
იმიტომ, რომ მე შეიძლება შეიცვალოს გზა მე გადაწყვიტოს, to render ინდივიდუალურ Todos,

472
00:30:55,470 --> 00:30:57,940
and I არ მოუწევდა შეცვალოთ ნებისმიერი of ამ კოდი.

473
00:30:57,940 --> 00:31:00,700
ეს არის ის, kind of cool.

474
00:31:00,700 --> 00:31:08,540
>> ვინმეს აქვს გაქვთ რაიმე შეკითხვები გაგაჩნია JavaScript-ის ჩარჩოსთან?

475
00:31:08,540 --> 00:31:14,310
[Student inaudible კითხვაზე]

476
00:31:14,310 --> 00:31:16,050
Oh, ვარ დარწმუნებული,, ეს არის ის, great question.

477
00:31:16,050 --> 00:31:19,080
კითხვაზე იყო, თუ როგორ, ვფიქრობთ, ავტორმა შეიცავდეს ჩარჩოსთან?

478
00:31:19,080 --> 00:31:22,970
ყველაზე პოპულარულები გაგაჩნია JavaScript-ის ჩარჩოსთან are ძირითადად, მხოლოდ js files

479
00:31:22,970 --> 00:31:25,740
, რომ თქვენ შეგიძლიათ შეიცავდეს at დაბრუნება of თქვენი კოდი.

480
00:31:25,740 --> 00:31:29,830
როგორც შენიშნეთ in head სამგზავრო ულუფა of my HTML მე მაქვს ყველა ამ script tags,

481
00:31:29,830 --> 00:31:34,250
და მათი საბოლოო script tag არის კოდი, რომ ჩვენ 've დაწერილი.

482
00:31:34,250 --> 00:31:38,820
და მაშინ 3 ჩარჩო კოდები are just ასევე script tags.

483
00:31:38,820 --> 00:31:42,110
მე დიდი მათ შორის, მათ თავი შეიკავონ, თუ რა ის მოუწოდა CDN,

484
00:31:42,110 --> 00:31:46,200
, რომელიც საშუალებას იძლევა me, რომ მიიღოთ it from somebody else ამ ეტაპზე ამ

485
00:31:46,200 --> 00:31:57,930
მაგრამ ყოველ ჩარჩო ვიზიტორების ამ-you შეგიძლიათ საკმაოდ ბევრი იპოვოს content

486
00:31:57,930 --> 00:32:03,540
for a კერძოდ გაგაჩნია JavaScript-ის library არ არის შესაძლებელი on ზოგიერთი CDN ან რამე მაგდაგვარს, რომ,

487
00:32:03,540 --> 00:32:05,570
და შემდეგ თქვენ შეიძლება შეიცავდეს these script tags.

488
00:32:05,570 --> 00:32:07,600
აქვს თუ არა, რომ მიიღოს sense?

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

490
00:32:09,500 --> 00:32:11,730
>> Those are 2 სხვადასხვა მიდგომები.

491
00:32:11,730 --> 00:32:14,640
Those are არ არის ერთადერთი მიდგომები to გადაჭრის ეს პრობლემა.

492
00:32:14,640 --> 00:32:17,080
არსებობს ბევრი სხვადასხვა რამ, რომ

493
00:32:17,080 --> 00:32:19,490
somebody შეეძლო ამის გაკეთება, და არ არსებობს არის ასევე უამრავი ჩარჩოსთან out არსებობს.

494
00:32:19,490 --> 00:32:23,300
კუთხოვანი and მთავარი საყრდენია იმიტომ არ ვამბობ, მთელი ამბავი.

495
00:32:23,300 --> 00:32:26,370
Good luck with თქვენი საბოლოო პროექტებს, და დიდი მადლობა გითხრათ very much.

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