1
00:00:00,000 --> 00:00:07,440

2
00:00:07,440 --> 00:00:08,180
>> TOMAS REIMERS: Hi, ყველას.

3
00:00:08,180 --> 00:00:09,250
ჩემი სახელის Tomas Reimers.

4
00:00:09,250 --> 00:00:10,500
>> MIKE RIZZO: მე Mike რიცოს.

5
00:00:10,500 --> 00:00:12,990
>> TOMAS REIMERS: ჩვენ ვართ ორი CS50s TS.

6
00:00:12,990 --> 00:00:18,910
და დღეს ჩვენ წამყვანი სემინარი
JavaScript და CSS ვებ apps.

7
00:00:18,910 --> 00:00:22,140
თუ გსურთ დაიცვას გასწვრივ,
ლინკი არის სწორი იქ.

8
00:00:22,140 --> 00:00:25,190
და გსურთ განათავსოთ up
კომპიუტერი მოკლედ?

9
00:00:25,190 --> 00:00:27,460
>> აქ არის ბმული.

10
00:00:27,460 --> 00:00:30,390
ეს პატარა საიტი, რომელიც აქვს კავშირები
ყველა რესურსი, ჩვენ ვაპირებთ, რომ იყოს

11
00:00:30,390 --> 00:00:36,490
მიუთითებს დღეს და ასევე აქვს უამრავი
სასარგებლო ინფორმაცია წერილობითი ჩვენს მიერ

12
00:00:36,490 --> 00:00:39,680
დაწვრილებით სიღრმისეული როდესაც თქვენ დაბრუნდეს,
და თქვენ ცდილობთ მახსოვს რა

13
00:00:39,680 --> 00:00:42,166
ზუსტად არ ვამბობთ, რა იყო თქვენ
ვსაუბრობთ, et cetera.

14
00:00:42,166 --> 00:00:43,870
>> MIKE RIZZO ყველა უფლება.

15
00:00:43,870 --> 00:00:44,890
ასე რომ დავიწყოთ.

16
00:00:44,890 --> 00:00:45,700
>> TOMAS REIMERS: ასე გსურთ დაიწყოს?

17
00:00:45,700 --> 00:00:45,970
OK.

18
00:00:45,970 --> 00:00:47,170
>> MIKE RIZZO: ჰო.

19
00:00:47,170 --> 00:00:51,730
ასე რომ, ჩვენ პირველი სასურველი იწყება ფართო
მიმოხილვა შესახებ ინტერნეტში და

20
00:00:51,730 --> 00:00:54,240
ფაილის ტიპები, როდესაც დიზაინის საიტებზე.

21
00:00:54,240 --> 00:00:57,550
მიუხედავად იმისა, რომ ამ წარმოდგენის ჩვენ გვინდა
შეღწევას შევიდა JavaScript ბევრი ბევრი

22
00:00:57,550 --> 00:01:00,320
მოგვიანებით, გვინდოდა დაიწყება off ერთად
უბრალოდ, სახის, როგორც ჩიტის თვალის ხედი

23
00:01:00,320 --> 00:01:03,270
რა საიტზე და როგორ
ვიფიქროთ იმაზე, დიზაინი

24
00:01:03,270 --> 00:01:04,800
ნახვა დასაწყისია.

25
00:01:04,800 --> 00:01:08,370
>> ასე, რომ თქვენ ბიჭები, ამ ეტაპზე - ეს
მიმდინარეობს პარასკევს ღამით - უნდა ჰქონდეს

26
00:01:08,370 --> 00:01:11,000
წარმოდგენილი თქვენი CS50 ფინანსთა
პრობლემა ადგენს.

27
00:01:11,000 --> 00:01:15,260
იმედია, რომ იყო კარგი გემოვნება
რა ვებ პროგრამირების შეიძლება იყოს.

28
00:01:15,260 --> 00:01:18,261
მაგრამ აქ ჩვენ გვინდა, სახის, მისცეს
კიდევ ერთი გემოვნების, ასევე.

29
00:01:18,261 --> 00:01:23,190
>> TOMAS REIMERS: ასე რომ მხოლოდ recap რა
ხდება, როდესაც თქვენ ჩაწერეთ URL to

30
00:01:23,190 --> 00:01:26,650
თქვენს ბრაუზერში, რომ URL იღებს
აიხედა კომპიუტერი.

31
00:01:26,650 --> 00:01:28,590
და თქვენი კომპიუტერის უკავშირდება
სხვა კომპიუტერზე,

32
00:01:28,590 --> 00:01:29,890
რომელიც მასპინძლობს, რომელიც ნახვა.

33
00:01:29,890 --> 00:01:33,150
OK, ასე რომ, როდესაც მიდიხარ google.com, თქვენ
დაკავშირებული ერთი Google-ის

34
00:01:33,150 --> 00:01:36,496
კომპიუტერი, რომელსაც აქვს
ფაილი google.com.

35
00:01:36,496 --> 00:01:38,750
>> რის შემდეგაც იგი მოგთხოვთ კონკრეტული ფაილი.

36
00:01:38,750 --> 00:01:40,020
ასე რომ, თუ წასვლა -

37
00:01:40,020 --> 00:01:41,550
მე არ ვიცი -

38
00:01:41,550 --> 00:01:48,170
example.com / index.html ან / test.html,
თქვენ აპირებს მოითხოვოს

39
00:01:48,170 --> 00:01:49,340
რომ კონკრეტული ფაილი.

40
00:01:49,340 --> 00:01:52,780
და სერვერზე აპირებს
დაბრუნება თქვენ.

41
00:01:52,780 --> 00:01:54,910
>> მაშინ, ერთხელ თქვენ გავლა რომ ფაილი -

42
00:01:54,910 --> 00:01:57,750

43
00:01:57,750 --> 00:01:59,950
ერთხელ თქვენ კომპიუტერში იღებს, რომ
ფაილი - ის დაწყებას აპირებს

44
00:01:59,950 --> 00:02:00,820
ავაშენოთ ვებ გვერდზე.

45
00:02:00,820 --> 00:02:03,020
ახლა მას აქვს HTML ფაილი,
რომელიც არის ერთგვარი მოსწონს

46
00:02:03,020 --> 00:02:05,170
სტრუქტურა ვებ გვერდზე.

47
00:02:05,170 --> 00:02:08,620
HTML ფაილი შეიძლება ასევე მითითებას
CSS ფაილი, რომელიც განსაზღვრავს

48
00:02:08,620 --> 00:02:09,889
სტილი ვებ გვერდზე.

49
00:02:09,889 --> 00:02:12,970
>> JavaScript ფაილი, რომელიც განსაზღვრავს
ურთიერთქმედება ვებ გვერდზე.

50
00:02:12,970 --> 00:02:15,200
ფაილები, რომლებიც მხოლოდ images.

51
00:02:15,200 --> 00:02:19,450
და შესაძლოა ბმული სხვა HTML ფაილი,
რომელიც შეგიძლიათ შემდეგ ეწვევა.

52
00:02:19,450 --> 00:02:22,656

53
00:02:22,656 --> 00:02:24,380
>> MIKE RIZZO: OK, დიდი.

54
00:02:24,380 --> 00:02:28,980
ასე, რომ თქვენ ბიჭები ყველა, ალბათ,
painstakingly შექმნას ადგილობრივი მასპინძელი

55
00:02:28,980 --> 00:02:30,810
თქვენი ვირტუალური მანქანა.

56
00:02:30,810 --> 00:02:35,650
და რომ მხოლოდ, სახის, ადგილობრივი
domain, რომ თქვენი კომპიუტერი მასპინძლობს მხოლოდ

57
00:02:35,650 --> 00:02:38,760
თქვენ თქვენი IP მისამართი.

58
00:02:38,760 --> 00:02:43,300
>> ასე რომ, რომ, მაშინ თქვენ შეგიძლიათ დაამატოთ
ეს თქვენი საკუთარი ვებ გვერდები.

59
00:02:43,300 --> 00:02:47,655
ვგულისხმობ, CS50 ფინანსთა, თქვენ უნდა ჰქონდეს
დამატება ზოგიერთი HTML გვერდებს, რომლებიც,

60
00:02:47,655 --> 00:02:49,410
სახის, გახვეული PHP გადატანა.

61
00:02:49,410 --> 00:02:54,690
მაგრამ საბოლოო ჯამში, რა თქვენი PHP გვერდები
იყო outputting იყო HTML.

62
00:02:54,690 --> 00:02:58,210
>> მაგრამ ფიქრობდა თავში თავიდანვე
საქართველოს pset, ჩვენ გვქონდა მითითებული

63
00:02:58,210 --> 00:03:00,890
ნებართვების ყველაფერი, არა?

64
00:03:00,890 --> 00:03:07,270
ასე რომ, ეს უბრალოდ ძირითადად საშუალებას გვაძლევს ვიცი
, რომელიც შეიძლება წაიკითხოთ, დაწეროთ, და, შესაძლოა,

65
00:03:07,270 --> 00:03:08,730
შეასრულოს თითოეული ფაილი.

66
00:03:08,730 --> 00:03:11,870
ამიტომ, ჩვენ ვაპირებთ, რომ გავაკეთოთ სწრაფი - hm?

67
00:03:11,870 --> 00:03:15,660
>> TOMAS REIMERS: ამიტომ, ჩვენ ვაპირებთ
გავაკეთოთ სწრაფი დემო.

68
00:03:15,660 --> 00:03:19,560
ასე რომ მხოლოდ შეგახსენოთ, როდესაც თქვენ
დაკავშირება Google-ის კომპიუტერი -

69
00:03:19,560 --> 00:03:20,690
ვინც -

70
00:03:20,690 --> 00:03:24,060
და მოითხოვოთ ფაილი, კომპიუტერის პირველი
უნდა დავრწმუნდეთ, თქვენ უფლებამოსილი

71
00:03:24,060 --> 00:03:28,790
რეალურად ნახოთ, რომ ფაილი ან წაიკითხა, რომ
ფაილი რადგან ვერ ჰკითხეთ

72
00:03:28,790 --> 00:03:30,430
ნებისმიერი ფაილი, რომელიც კომპიუტერს, არა?

73
00:03:30,430 --> 00:03:32,260
ეს იქნება უსაფრთხოების საშიშროება.

74
00:03:32,260 --> 00:03:37,020
>> ასე რომ ფაილი სისტემები ვიყენებთ, როგორც
ამ CS50 ელექტრო მოწყობილობების, სამი

75
00:03:37,020 --> 00:03:39,200
ზოგადად ადამიანები, რომლებიც შეიძლება ჰქონდეს
უფლებები რაღაც.

76
00:03:39,200 --> 00:03:41,610
პირველი არის ის ფაქტობრივი
მფლობელი თქმით ფაილი.

77
00:03:41,610 --> 00:03:43,820
მეორე ჯგუფი, რომელიც
ფაილი ეკუთვნის.

78
00:03:43,820 --> 00:03:46,090
ჩვენ არ ვაპირებთ ფოკუსირება
ძალიან ბევრი რომ.

79
00:03:46,090 --> 00:03:50,010
და ბოლო ისაა, სახის, როგორიცაა
მსოფლიოს, ისევე როგორც ყველას, ვინც არის

80
00:03:50,010 --> 00:03:54,130
არ არის დამახასიათებელი, რომ ფაილი და არ
გაქვთ რაიმე საკუთრების უფლების მას.

81
00:03:54,130 --> 00:04:05,650
>> ასე რომ, თუ ჩვენ მფლობელი, კომპანია,
და შემდეგ მთელს მსოფლიოში.

82
00:04:05,650 --> 00:04:10,510
და შემდეგ, თითოეული ამ ჯგუფების, თქვენ
შეიძლება ჰქონდეს ერთი სამი უფლებები,

83
00:04:10,510 --> 00:04:13,010
OK, ან მრავალჯერადი მათ.

84
00:04:13,010 --> 00:04:15,070
თქვენ შეგიძლიათ წაკითხული უფლებები.

85
00:04:15,070 --> 00:04:16,560
თქვენ შეგიძლიათ უფლება აქვს უფლებები.

86
00:04:16,560 --> 00:04:18,880
და თქვენ შეგიძლიათ შეასრულოს უფლებები.

87
00:04:18,880 --> 00:04:22,060
>> ასე თვალსაზრისით ფაქტობრივი ფაილის ტიპები, წაკითხული
ნებართვა არის, როგორიც რეალურად კითხულობს

88
00:04:22,060 --> 00:04:23,250
შინაარსი ფაილი.

89
00:04:23,250 --> 00:04:24,730
მარჯვენა ნებართვა წერილობით
აღნიშნულ ფაილი.

90
00:04:24,730 --> 00:04:28,370
შეასრულოს ნებართვის გაშვებული
ფაილი, როგორც თქვენ, როდესაც თქვენ აწარმოებს ერთი

91
00:04:28,370 --> 00:04:29,620
თქვენი CS50 პროექტები.

92
00:04:29,620 --> 00:04:32,190

93
00:04:32,190 --> 00:04:38,820
>> ასე რომ, როდესაც ჩვენ ფიქრი ფაილი
ისევე როგორც მაშინ, როცა ჩვენ უნდა წაიკითხონ HTML

94
00:04:38,820 --> 00:04:41,790
ფაილი, რომელიც უნდა იყოს მსოფლიოში
იკითხება, არა?

95
00:04:41,790 --> 00:04:44,420
სავარაუდოდ, ასევე მფლობელს სურს
შეძლებენ შეცვალონ რომ ფაილი.

96
00:04:44,420 --> 00:04:46,610
ასე რომ, მფლობელი სჭირდება
წაკითხვის და ჩაწერის უფლებები.

97
00:04:46,610 --> 00:04:48,710
ისინი ნამდვილად არ უნდა შეასრულოს.

98
00:04:48,710 --> 00:04:50,950
>> Group, ჩვენ ვაპირებთ მკურნალობა
ისევე, როგორც მსოფლიოს ახლა.

99
00:04:50,950 --> 00:04:54,610
ასე რომ, ისინი უნდა წაკითხული უფლებები.

100
00:04:54,610 --> 00:04:57,310
მაგრამ მათ არ სჭირდებათ ჩაწერის
ან შეასრულოს უფლებები.

101
00:04:57,310 --> 00:05:01,920
და ახლა, თუ ჩვენ ვფიქრობთ უკან ყოფილი
Psets, რაც ჩვენ გვესმის, არის ასეთი

102
00:05:01,920 --> 00:05:03,360
საქართველოს ჰგავს ორობითი, არა?

103
00:05:03,360 --> 00:05:04,210
1 დგას დიახ.

104
00:05:04,210 --> 00:05:05,040
0 no.

105
00:05:05,040 --> 00:05:06,870
და ჩვენ შეგვიძლია რეალურად თარგმნოს
ამ ორობითი.

106
00:05:06,870 --> 00:05:10,478
>> ასე რომ 110 ორობითი იქნება 6.

107
00:05:10,478 --> 00:05:13,270
100 იქნება 4.

108
00:05:13,270 --> 00:05:14,690
იგივე მსოფლიოში.

109
00:05:14,690 --> 00:05:20,846
ასე, რომ ნომერი, თქვენ მიიღებს, რომ
ნებართვების ეს იქნება 644.

110
00:05:20,846 --> 00:05:24,400
>> MIKE RIZZO: თუ ფიქრობთ თავში
როდესაც თქვენ chmoded რაღაც, მე მჯერა

111
00:05:24,400 --> 00:05:28,980
მათ პრობლემა მითითებული
მაგალითი, სადაც შეგიძლიათ გააკეთოთ

112
00:05:28,980 --> 00:05:36,470
რაღაც chmod 644
და შემდეგ ფაილის სახელი.

113
00:05:36,470 --> 00:05:39,980
644 მაშინ, თქვენ შეგიძლიათ ნახოთ პირდაპირ
სადაც რომ მოდის.

114
00:05:39,980 --> 00:05:42,840
ასე რომ, იმედია, რომ აკეთებს, რომ
ცოტა უფრო ნათელი.

115
00:05:42,840 --> 00:05:45,600
>> და შემდეგ თქვენ ბიჭი სიწმინდე -

116
00:05:45,600 --> 00:05:48,200
oh yeah, აქ ეს არის, კიდევ ერთხელ.

117
00:05:48,200 --> 00:05:53,260
ასე რომ 600 მაშინ იქნებოდა მხოლოდ მაგალითი
ჩვენ დათმო აქ, სადაც მფლობელს

118
00:05:53,260 --> 00:05:56,360
წავიკითხე და მარჯვენა უფლებები, ხოლო ჯგუფის
და მსოფლიო არ აქვს უფლებები

119
00:05:56,360 --> 00:05:58,145
წვდომის ფაილი.

120
00:05:58,145 --> 00:06:01,500
>> TOMAS REIMERS: და მაშინ ჩვენ სწრაფი
სიაში საერთო უფლებები.

121
00:06:01,500 --> 00:06:05,250
ასე რომ, კატალოგები, გნებავთ
რეალურად chmod 711.

122
00:06:05,250 --> 00:06:08,930
სწრაფი განზე - ერთი დირექტორია აქვს
შემსრულებელი ნებართვა ნიშნავს შეძლებს

123
00:06:08,930 --> 00:06:11,680
გახსნა დირექტორია.

124
00:06:11,680 --> 00:06:15,280
Images, CSS, JavaScript, HTML საჭიროებების
644, რადგან, ძირითადად, მსოფლიოში

125
00:06:15,280 --> 00:06:16,400
საჭიროებების წაკითხვის უფლებები.

126
00:06:16,400 --> 00:06:20,960
>> და PHP, რომელიც თქვენ ბიჭები მინახავს
მიუხედავად იმისა, რომ ჩვენ არ ვსაუბრობთ

127
00:06:20,960 --> 00:06:24,880
მკაცრად, როგორც წესი, chmoded ერთად
ნებართვის 600 იმიტომ, რომ ის აწარმოებს

128
00:06:24,880 --> 00:06:26,540
უფლებების მფლობელი.

129
00:06:26,540 --> 00:06:27,790
მინიმუმ ელექტრო მოწყობილობების.

130
00:06:27,790 --> 00:06:30,200

131
00:06:30,200 --> 00:06:36,870
>> MIKE RIZZO: ასე რომ, თუ თქვენ არ კონკრეტულად
დააკონკრეტა, თუ რა ტიპის ფაილი

132
00:06:36,870 --> 00:06:39,480
გსურთ რეალურად შექმნის
ეს პრეზენტაცია -

133
00:06:39,480 --> 00:06:43,490
ჩვენ გვქონდა პრობლემა, რადგან
ყველაფერი არ chmoded სწორად -

134
00:06:43,490 --> 00:06:47,550
თქვენ აპირებთ მისაღებად, სახის,
აკრძალული შეცდომა, რომ ნახვა

135
00:06:47,550 --> 00:06:49,700
ფაქტობრივად არ გაქვთ
წვდომის რასაც ფაილი

136
00:06:49,700 --> 00:06:51,370
გსურთ, რომ შედიხართ.

137
00:06:51,370 --> 00:06:54,780
და რა თქმა უნდა, შეიძლება დაფიქსირდა -
როგორც პრობლემა კომპლექტი - ით იცვლება

138
00:06:54,780 --> 00:06:56,405
უფლებები სათანადოდ.

139
00:06:56,405 --> 00:06:59,620
>> TOMAS REIMERS: და ბოლო კომენტარი
სწრაფად ადგილობრივი განვითარება - ჩვენ

140
00:06:59,620 --> 00:07:02,000
მოიტანა ეს ყველაფერი, მაგრამ ჩვენ უბრალოდ მინდოდა
რათა ის ისევ -

141
00:07:02,000 --> 00:07:06,230
თუ თქვენ ითხოვენ სერვერზე - ისე ადგილობრივი მასპინძელი,
მაგალითად,. com ან რასაც -

142
00:07:06,230 --> 00:07:09,170
და თქვენ არ დააკონკრეტა კონკრეტული ფაილი,
ფაილი, რომელიც თქვენს კომპიუტერში აპირებს

143
00:07:09,170 --> 00:07:11,540
ითხოვენ ეწოდება index.html.

144
00:07:11,540 --> 00:07:12,790
ან, თუ ეს არ არსებობს, index.php.

145
00:07:12,790 --> 00:07:15,560

146
00:07:15,560 --> 00:07:16,350
>> ზემოთ.

147
00:07:16,350 --> 00:07:19,560
ასე რომ მხოლოდ recap ყველაფერი,
იმედია, რომ ჩვენ დაფარული

148
00:07:19,560 --> 00:07:22,800
განყოფილების და ლექცია,
და ამ დრომდე CS50.

149
00:07:22,800 --> 00:07:26,110
და ახლა ჩვენ ვაპირებთ დავიწყოთ საუბარი
შესახებ კონკრეტულად ბიბლიოთეკები.

150
00:07:26,110 --> 00:07:30,270
JavaScript და CSS ბიბლიოთეკები
ვებ apps.

151
00:07:30,270 --> 00:07:36,350
>> ასე რომ, ერთი სწრაფი მიზეზი, რის გამოც ჩვენ
ბიბლიოთეკების პროგრამირების -

152
00:07:36,350 --> 00:07:39,000
არსებობს უამრავი პრობლემები
პროგრამირება, რომელიც შენარჩუნება popping up

153
00:07:39,000 --> 00:07:40,570
ისევ და ისევ, და ისევ, და ისევ.

154
00:07:40,570 --> 00:07:43,870
თქვენ შეამჩნევთ, რომ ბევრი საიტები
გვჭირდება უნარი აქვს drop down

155
00:07:43,870 --> 00:07:49,100
მენიუები, მაგალითად, ან გვჭირდება უნარი
აქვს ძალიან სტანდარტული ღილაკს

156
00:07:49,100 --> 00:07:51,400
სტილი, რომელიც არ შეიძლება იყოს
მარტივი რამ.

157
00:07:51,400 --> 00:07:54,670
ახლა, რომ თქვენ დაიწყოს შეღწევას HTML, თქვენ
გააცნობიეროს, რომ ღილაკები შეიძლება რეალურად

158
00:07:54,670 --> 00:07:57,720
გამოიყურებოდეს ნამდვილად მახინჯი თუ
არ არაფერი.

159
00:07:57,720 --> 00:08:00,830
>> ასე რომ, ბევრი ადამიანი არ წერია
მოუწოდა ბიბლიოთეკები.

160
00:08:00,830 --> 00:08:02,990
და ამ კონტექსტში, ისინი
ასევე მოუწოდა ფარგლებში.

161
00:08:02,990 --> 00:08:04,790
ჩვენ ვაპირებთ გამოვიყენოთ
ორი interchangeably.

162
00:08:04,790 --> 00:08:07,360
და რასაც ისინი, ისინი, ძირითადად,
premade ცალი კოდი -

163
00:08:07,360 --> 00:08:09,130
ან CSS ან JavaScript -

164
00:08:09,130 --> 00:08:13,240
რომ წართმევას ბევრი
გუნდის გაქვთ კოდირების.

165
00:08:13,240 --> 00:08:17,290
>> ასე რომ, ისინი წინასწარ განსაზღვროს bunch of კლასების ან
წინასწარ განსაზღვროს bunch of ფუნქციები

166
00:08:17,290 --> 00:08:20,110
JavaScript-ის საქმე, რომელიც
შეგიძლიათ დარეკოთ შემდეგ.

167
00:08:20,110 --> 00:08:22,690
და მაშინ, სახის, მიიღოს
ხელმისაწვდომობის ეს კოდი გარეშე

168
00:08:22,690 --> 00:08:23,710
რომელსაც არაფერი.

169
00:08:23,710 --> 00:08:27,750
მაგალითი ბიბლიოთეკა cs50.h.
ეს იყო ბიბლიოთეკა მივეცით თქვენ უკან

170
00:08:27,750 --> 00:08:32,090
კვირაში ერთი, რომელიც საშუალებას გაძლევთ ამის გაკეთება
რამ, როგორიცაა, რომ GetInt და GetString

171
00:08:32,090 --> 00:08:35,237
გარეშე წერა
ნებისმიერი კოდი თავს.

172
00:08:35,237 --> 00:08:36,179
>> MIKE RIZZO ყველა უფლება.

173
00:08:36,179 --> 00:08:40,299
ასე რომ აქ, ისევე, როგორც ჩვენ უნდა მოეცვა
ჩვენს c ფაილი სხვადასხვა

174
00:08:40,299 --> 00:08:46,570
ბიბლიოთეკების, ჩვენ ასევე უნდა შეიცავდეს
ჩვენი HTML ფაილები სხვადასხვა ბიბლიოთეკებში.

175
00:08:46,570 --> 00:08:50,310
მაგალითად, თუ გვინდოდა არის
კონკრეტული JavaScript ბიბლიოთეკა აქ,

176
00:08:50,310 --> 00:08:52,850
ალბათ, ერთი, რომ ჩვენ წერილობითი
საკუთარ თავს, როგორც ეს ადგილობრივად უმასპინძლა

177
00:08:52,850 --> 00:08:56,000
ე.წ. script.js, ჩვენ უბრალოდ
გამოიყენოს ეს notation.

178
00:08:56,000 --> 00:08:59,500
>> ამიტომ, ჩვენ უნდა script type შეადგენს
JavaScript წყაროს შეადგენს

179
00:08:59,500 --> 00:09:01,260
JavaScript.js.

180
00:09:01,260 --> 00:09:05,190
და თუ ფიქრობთ დაბრუნება თქვენი CS50
ფინანსთა პრობლემა მითითებული, თუ ვუყურებ

181
00:09:05,190 --> 00:09:09,190
header.php in თარგები საქაღალდეში,
თქვენ უნდა მინახავს

182
00:09:09,190 --> 00:09:10,970
ზოგიერთი შედის.

183
00:09:10,970 --> 00:09:13,250
ასე რომ, ეს პირველი - სკრიპტები -

184
00:09:13,250 --> 00:09:16,080
არის მათ შორის JavaScript ბიბლიოთეკა.

185
00:09:16,080 --> 00:09:18,760
მათ შორის CSS ბიბლიოთეკა
ცოტა განსხვავებული.

186
00:09:18,760 --> 00:09:21,430
>> აქ, ნაცვლად სცენარი
საკვანძო გჭირდებათ ლინკი აქვს.

187
00:09:21,430 --> 00:09:27,110
და შემდეგ, ტექსტი CSS ტიპის
არის პატარა სხვადასხვა.

188
00:09:27,110 --> 00:09:29,270
თქვენ ყოველთვის არ უნდა შეიცავდეს
rel style sheet.

189
00:09:29,270 --> 00:09:30,970
მაგრამ მე ვფიქრობ, რომ, ზოგადად,
კარგი პრაქტიკა.

190
00:09:30,970 --> 00:09:35,810
>> და მაშინ საბოლოოდ, HREF, რომელიც თქვენ
ალბათ დაინახა თქვენს ATAGs განთავსების აკავშირებს

191
00:09:35,810 --> 00:09:39,440
სხვადასხვა კავშირები მხოლოდ კონკრეტული
ბმული სად შეიძლება ვიპოვოთ, რომ.

192
00:09:39,440 --> 00:09:42,250
მაგალითად, თუ გვინდოდა უკავშირებენ
სხვადასხვა ბიბლიოთეკა - მოდით უბრალოდ, ვამბობთ -

193
00:09:42,250 --> 00:09:49,330
რომ ცხოვრობდა styles.css.

194
00:09:49,330 --> 00:09:54,030
და გვინდოდა უკავშირებენ, რომ ეს არის ის,
უმასპინძლა ინტერნეტში, ჩვენ რომ კოპირება.

195
00:09:54,030 --> 00:09:58,834
და შემდეგ ჩასვით იგი რასაც
ჩვენ აქ ნაცვლად.

196
00:09:58,834 --> 00:10:01,340
>> TOMAS REIMERS: OK, იმედია
ბიჭები არიან უკვე ნაცნობი

197
00:10:01,340 --> 00:10:02,410
როგორ დაუკავშირონ CSS.

198
00:10:02,410 --> 00:10:04,000
თქვენ უნდა გაეკეთებინათ, რომ
უკანასკნელი brown კომპლექტი.

199
00:10:04,000 --> 00:10:07,110
JavaScript, ზოგიერთი თქვენგანი ალბათ
აქვს გარკვეული გამოცდილება.

200
00:10:07,110 --> 00:10:07,980
ზოგიერთ თქვენგანს არ შეუძლია.

201
00:10:07,980 --> 00:10:12,190
>> ასე რომ ახლა, ვიცით, რომ JavaScript ფაილის
ძალიან ჰგავს CSS ფაილი

202
00:10:12,190 --> 00:10:15,640
გრძნობა, რომ თქვენ შეიძლება დაუკავშირონ მას ან
რომ თქვენ შეიძლება შეიცავდეს ეს იძულებით.

203
00:10:15,640 --> 00:10:17,360
და ეს საშუალებას გაძლევთ script რამ.

204
00:10:17,360 --> 00:10:21,820
და ჩვენ ვაპირებთ ფეხით თქვენ მეშვეობით
ცოტა JavaScript მოგვიანებით.

205
00:10:21,820 --> 00:10:23,560
>> ასე გამოყენებით ბიბლიოთეკა -

206
00:10:23,560 --> 00:10:26,150
ერთხელ თქვენ შედის, ეს, როგორც
მარტივია, სიტყვასიტყვით მოუწოდებდა

207
00:10:26,150 --> 00:10:29,640
ფუნქციები და დასძინა,
კლასი სახელები მას.

208
00:10:29,640 --> 00:10:32,220
ბოლო რამ გვინდა, რომ გაიგო
დაახლოებით თვალსაზრისით ბიბლიოთეკა -

209
00:10:32,220 --> 00:10:34,180
და ეს უფრო ტექნიკური შენიშვნა -

210
00:10:34,180 --> 00:10:35,860
არის ღია ლიცენზირებას.

211
00:10:35,860 --> 00:10:41,550
ასე რომ, როდესაც თქვენ ამ ფაქტობრივი ბიბლიოთეკები,
თქვენ შეიძლება ფიქრი

212
00:10:41,550 --> 00:10:47,630
შეკითხვები მინდა არის ის, OK, რომ მე უბრალოდ
გამოყენებით სხვისი კოდი, განსაკუთრებით

213
00:10:47,630 --> 00:10:51,970
იმიტომ, რომ რაღაც ჩვენ ძალიან ბევრი
გითხარით, რომ არ გააკეთებს, ამ თქმა უნდა.

214
00:10:51,970 --> 00:10:55,790
>> ასე რომ, იმ შემთხვევაში, თუ ღია ლიცენზირების,
ბევრი დეველოპერები -

215
00:10:55,790 --> 00:10:57,540
ერთხელ ისინი წერილობითი ბიბლიოთეკა,
რომელიც, მათი აზრით, შეიძლება იყოს

216
00:10:57,540 --> 00:10:59,450
გამოსადეგი სხვა ადამიანების -

217
00:10:59,450 --> 00:11:02,420
აქვეყნებს ინტერნეტში
და მისცეს მას ლიცენზია.

218
00:11:02,420 --> 00:11:06,620
და ლიცენზიის ძირითადად ამბობს მე ვარ საკუთარი სურვილით
გაცემის ნებართვა სხვა

219
00:11:06,620 --> 00:11:11,250
ადამიანი უნდა გამოიყენოს ეს ნაჭერი პროგრამული უზრუნველყოფა
შემდეგი სახის

220
00:11:11,250 --> 00:11:13,230
დებულებებში.

221
00:11:13,230 --> 00:11:16,100
>> ჩვენ შედის ბმული კარგი საიტი
დაგეხმაროთ იმის გაგებაში, ლიცენზიების

222
00:11:16,100 --> 00:11:17,720
თუ თქვენ აწარმოებს მათ.

223
00:11:17,720 --> 00:11:21,680
საერთო დებულებები რამ, როგორიცაა
თქვენ მივესალმებით გამოიყენოს ჩემს ბიბლიოთეკაში ისე

224
00:11:21,680 --> 00:11:23,000
სანამ თქვენ მომეცი საკრედიტო.

225
00:11:23,000 --> 00:11:25,670
მობრძანდით, ჩემი ბიბლიოთეკა
ამდენი ხანი, როდესაც ის არღვევს

226
00:11:25,670 --> 00:11:26,790
თქვენ არ ადანაშაულებენ ჩემთვის.

227
00:11:26,790 --> 00:11:30,310
მობრძანდით, ჩემი ბიბლიოთეკის ისე დიდი ხნის
თქვენ არ გამოიყენოს იგი, რათა ფული

228
00:11:30,310 --> 00:11:31,910
თავს.

229
00:11:31,910 --> 00:11:34,130
ეს არის სახის საერთო
დებულებებში.

230
00:11:34,130 --> 00:11:37,780
>> ამ CS50 საბოლოო პროექტი, მათ
არ უნდა იყოს სუპერ შესაბამისი იმიტომ,

231
00:11:37,780 --> 00:11:41,440
პროექტების, რომ თქვენ ბიჭები იყენებენ
ალბათ, უფრო სწორად, სახის, ცნობილია.

232
00:11:41,440 --> 00:11:44,170
მაგრამ როდესაც თქვენ რეალურად წავიდეთ out შევიდა
მსოფლიოში და დაიწყოს გამოყენებით ბიბლიოთეკა, რომელიც

233
00:11:44,170 --> 00:11:48,100
შეიძლება იყოს ან არ იყოს, ასევე ხორციელდება
ზოგიერთი უფრო პოპულარული პირობა ჩვენ

234
00:11:48,100 --> 00:11:49,780
იქნება გადის.

235
00:11:49,780 --> 00:11:53,310
კარგია, უნდა შეეძლოს იმის გაგება,
ამ ლიცენზიების და

236
00:11:53,310 --> 00:11:54,560
მესმის, რას ნიშნავს.

237
00:11:54,560 --> 00:11:58,120

238
00:11:58,120 --> 00:11:58,586
და ბრუნდება.

239
00:11:58,586 --> 00:12:00,960
>> MIKE RIZZO: OK.

240
00:12:00,960 --> 00:12:04,850
ასე რომ, ახლა მოძრავი გადატანა მაგალითები
ფაქტობრივი CSS.

241
00:12:04,850 --> 00:12:07,770
ამ ეტაპზე ჯერჯერობით, ალბათ
არ შეექმნა ამ.

242
00:12:07,770 --> 00:12:10,300
მაგრამ თქვენ შეიძლება არ შეექმნა ის
თქვენს ყოველდღიურ ცხოვრებაში, სადაც რაღაც

243
00:12:10,300 --> 00:12:13,160
რომ გამოიყურება ერთი გზა ერთი ბრაუზერი
შეიძლება არ გამოიყურებოდეს იგივე

244
00:12:13,160 --> 00:12:14,880
გზა სხვა ბრაუზერში.

245
00:12:14,880 --> 00:12:17,400
>> ეს ჰქვია browser browser
თავსებადობა.

246
00:12:17,400 --> 00:12:20,780
და უფრო ის სულ უფრო და
უფრო პრობლემური, განსაკუთრებით

247
00:12:20,780 --> 00:12:25,260
ბრაუზერები უფრო და უფრო მეტი თავისუფლება
განახორციელოს რამ, როგორც მათ სურთ.

248
00:12:25,260 --> 00:12:28,440
ასე რომ გადავლახოთ, რომ იქ რეალურად არის
დიდი ბიბლიოთეკა მოუწოდა Normalize.CSS.

249
00:12:28,440 --> 00:12:32,236

250
00:12:32,236 --> 00:12:33,770
>> TOMAS REIMERS: ჩვენ შედის ბმული.

251
00:12:33,770 --> 00:12:36,210
ამ ეტაპზე, ეს სასარგებლოა, თუ
თქვენ გაქვთ თქვენი ლეპტოპი არსებობს

252
00:12:36,210 --> 00:12:38,740
ეძებს საიტზე.

253
00:12:38,740 --> 00:12:42,580
და ჩვენ ვაძლევთ ამ თქვენ უფლება
ახლა მხოლოდ იმიტომ CS50 საბოლოო

254
00:12:42,580 --> 00:12:44,370
პროექტი რეალურად აპირებს
გთხოვთ, განახორციელოს იგი

255
00:12:44,370 --> 00:12:45,860
ასეთივე გზით ბრაუზერები.

256
00:12:45,860 --> 00:12:49,250
>> ასე რომ მხოლოდ შენარჩუნება უკან თქვენი
არეში, ეს არის მშვენიერი ბიბლიოთეკა

257
00:12:49,250 --> 00:12:51,170
რადგან ეს, ერთგვარი,
standardize რამ.

258
00:12:51,170 --> 00:12:54,230
In Firefox, რაღაც შეიძლება ნახოთ
როგორც ერთი pixel მარცხენა.

259
00:12:54,230 --> 00:12:58,390
და შემდეგ Chrome შეიძლება გადაწყვიტოს, რომ, ფაქტობრივად,
რასაც თქვენ იმას ნიშნავდა, იყო 10 pixels

260
00:12:58,390 --> 00:12:59,380
მარცხნივ.

261
00:12:59,380 --> 00:13:01,030
და გსურთ standardize ამ.

262
00:13:01,030 --> 00:13:05,360
ნორმალიზება რეალურად გავაკეთოთ კარგი
სამუშაოს მიღების დარწმუნებული ვარ, რომ თქვენი საიტი

263
00:13:05,360 --> 00:13:08,070
გამოიყურება იგივე ბრაუზერებს შორის.

264
00:13:08,070 --> 00:13:10,660
>> MIKE RIZZO: ასე რომ, თუ გვინდოდა უბრალოდ
დააჭირეთ ბმულს მართლაც სწრაფად და შოუ

265
00:13:10,660 --> 00:13:13,140
თქვენ რა, რომ ჰგავს, თქვენ
შეგიძლიათ გადმოწეროთ გამოყენებით

266
00:13:13,140 --> 00:13:14,670
გიგანტური ჩამოტვირთვა ღილაკს.

267
00:13:14,670 --> 00:13:18,520
ან მე გარწმუნებთ, რომ უფრო მეტი შესახებ
დაწკაპვით ამ ბმულს ქვედა

268
00:13:18,520 --> 00:13:19,310
მარჯვენა კუთხეში.

269
00:13:19,310 --> 00:13:22,420
>> TOMAS REIMERS: და თუ თქვენ ნამდვილად
დააჭირეთ Read More უფლება არსებობს -

270
00:13:22,420 --> 00:13:24,340
დააწკაპუნეთ წყაროს GitHub -

271
00:13:24,340 --> 00:13:31,720
თქვენ რეალურად ვხედავ ღია
ლიცენზია LICENSE.md უფლება არსებობს.

272
00:13:31,720 --> 00:13:35,740
და დაინახავთ აქ არის
ძალიან პოპულარული MIT ლიცენზია.

273
00:13:35,740 --> 00:13:38,940
ისევ და ისევ, თუ წაიკითხავთ მეშვეობით ტექსტი,
თქვენ გექნებათ საპოვნელად საიტზე

274
00:13:38,940 --> 00:13:42,550
ჩვენ დამოწმებული ადრე და შეძლებს
მესმის გარეშე წაკითხვის

275
00:13:42,550 --> 00:13:45,920
მეშვეობით იურიდიული jargon.

276
00:13:45,920 --> 00:13:46,850
>> MIKE RIZZO: OK, დიდი.

277
00:13:46,850 --> 00:13:47,940
ასე რომ დარეგულირდება.

278
00:13:47,940 --> 00:13:49,190
ჩვენ გვინდოდა, რომ გადმოგცეთ
რომ ნამდვილად სწრაფად.

279
00:13:49,190 --> 00:13:50,030
Oh, გაქვთ შეკითხვა?

280
00:13:50,030 --> 00:13:53,013
>> აუდიტორია: ასე რომ, როდესაც თქვენ გადმოწეროთ, თქვენ
უბრალოდ მიჰყევით რომ კოდი, რომ მათ აქვთ

281
00:13:53,013 --> 00:13:54,098
ფარგლებში Download ღილაკი?

282
00:13:54,098 --> 00:13:55,860
>> TOMAS REIMERS: დიახ, ასე
როდესაც თქვენ ჩამოტვირთვა -

283
00:13:55,860 --> 00:13:58,130
>> MIKE RIZZO: Oh, რომ დიდი წერტილი.

284
00:13:58,130 --> 00:14:00,700
ასე რომ კითხვა იყო, თუ როგორ გავაკეთოთ
ჩვენ რეალურად გადმოწეროთ?

285
00:14:00,700 --> 00:14:03,260
ასე რომ, თუ ჩვენ დააჭირეთ ბმულს, ჩვენ ვხედავთ
რომ რეალურად pops up

286
00:14:03,260 --> 00:14:05,030
წყაროს კოდი.

287
00:14:05,030 --> 00:14:08,550
ასე რომ, ამის გაკეთება, რა შეგვეძლო
არ არის უბრალოდ დააჭირეთ Save As.

288
00:14:08,550 --> 00:14:10,830
შენახვა როგორც და რომ უნდა
გამოიტანს ფაილი.

289
00:14:10,830 --> 00:14:14,160
და მაშინ ჩვენ შეგიძლიათ შეინახოთ
მას, როგორც normalize.CSS.

290
00:14:14,160 --> 00:14:15,810
და მერე ნეტავ უნდა დაუკავშირონ ეს -

291
00:14:15,810 --> 00:14:18,660
>> TOMAS REIMERS: იგივე გზა თქვენ
ლინკი ნებისმიერი სხვა ფაილი.

292
00:14:18,660 --> 00:14:22,250
და კიდევ თქვენ დაუკავშირონ ის, რა დიდი
შესახებ ნორმალიზება არის ის რეალურად

293
00:14:22,250 --> 00:14:25,920
იზრუნოს ყველა მძიმე
მუშაობა თავისთავად.

294
00:14:25,920 --> 00:14:27,730
რაც იმას ნიშნავს, რომ თქვენ არ გაქვთ
დაამატოთ ნებისმიერი კლასები.

295
00:14:27,730 --> 00:14:29,690
>> თქვენ არ გაქვთ არაფერი უცნაური.

296
00:14:29,690 --> 00:14:34,590
ეს იქნება ნორმალიზება გარეშე
აკეთებს არაფერს შემდგომი.

297
00:14:34,590 --> 00:14:36,083
დიახ, თქვენ უნდა შეიცავდეს იგი.

298
00:14:36,083 --> 00:14:38,990

299
00:14:38,990 --> 00:14:40,240
Google Chrome არ პასუხობს.

300
00:14:40,240 --> 00:14:43,270

301
00:14:43,270 --> 00:14:44,860
>> უბრალოდ სწრაფი განზე -

302
00:14:44,860 --> 00:14:46,800
შევნიშნე, ჩვენ გადახტა ეს.

303
00:14:46,800 --> 00:14:49,010
დანარჩენი ამ პრეზენტაცია
იქნება სწრაფი მიმოხილვა.

304
00:14:49,010 --> 00:14:50,380
გამოკითხვის ბიბლიოთეკები.

305
00:14:50,380 --> 00:14:52,710
>> ძირითადად, რასაც ისინი.

306
00:14:52,710 --> 00:14:53,350
რას აკეთებს.

307
00:14:53,350 --> 00:14:54,060
როგორ ისინი, როგორც სასარგებლოს.

308
00:14:54,060 --> 00:14:56,540
როგორ შეიძლება განახორციელებენ მათ.

309
00:14:56,540 --> 00:14:59,730
თუ გსურთ დაიწყება ეძებს მათ,
შემდეგ ერთად და კითხულობს მეშვეობით

310
00:14:59,730 --> 00:15:01,990
მათ, მინდა მაღალ წაახალისოს რომ.

311
00:15:01,990 --> 00:15:07,620
>> გარდა ამისა, თქვენ მივესალმებით, ასევე,
დაიწყება ჩამოტვირთვის მათ და მათ შორის,

312
00:15:07,620 --> 00:15:11,400
მათ დანახვაზე უბრალოდ ვხედავ, რაც მათ
ჰგავს თუ რას აკეთებს, თუ თქვენ გაქვთ

313
00:15:11,400 --> 00:15:12,270
თქვენი ლეპტოპი წინაშე.

314
00:15:12,270 --> 00:15:14,650
თუ არა, თქვენ მივესალმებით, რომ შევინარჩუნოთ
გვისმენს გაიგო.

315
00:15:14,650 --> 00:15:15,500
ჩვენ ვაპირებთ, რომ შევინარჩუნოთ საუბარი.

316
00:15:15,500 --> 00:15:18,680
და ჩვენ გვაქვს დრო დასასრულს, იმედია
ჩვენ რეალურად შეღწევას გიჩვენებთ

317
00:15:18,680 --> 00:15:20,946
რა ზოგიერთი ბიბლიოთეკების
ჰგავს.

318
00:15:20,946 --> 00:15:22,320
>> MIKE RIZZO: Cool.

319
00:15:22,320 --> 00:15:25,466
ყველა უფლება, ასე რომ, ახლა ვისაუბროთ
შესახებ ფონტის გასაოცარია.

320
00:15:25,466 --> 00:15:30,480
>> TOMAS REIMERS: ასე ფონტის Awesome არის
მართლაც სისუფთავე site, განსაკუთრებით მათთვის,

321
00:15:30,480 --> 00:15:32,450
ჩვენგანი, ვინც ნაკლებად მხატვრულად
ნიჭიერი.

322
00:15:32,450 --> 00:15:36,330

323
00:15:36,330 --> 00:15:38,880
იგნორირება სახელი ფონტის გასაოცარია, რომ ეს აძლევს
თქვენ bunch of ხატები, რომლებიც

324
00:15:38,880 --> 00:15:41,050
ძალიან სასარგებლო.

325
00:15:41,050 --> 00:15:45,950
ასე რომ, ბევრი ჯერ თქვენ განახორციელოს
icon შეგიძლიათ მოსწონს ლამაზი x ისე

326
00:15:45,950 --> 00:15:47,170
რომ თქვენ შეგიძლიათ დახუროთ რაღაც.

327
00:15:47,170 --> 00:15:49,910
>> ან შეგიძლიათ რაიმე სახის შესწორება ღილაკს
ფანქარი ხატვის მოსწონს

328
00:15:49,910 --> 00:15:50,940
ყველას აქვს.

329
00:15:50,940 --> 00:15:53,850
და ეს მაშინ, როცა იცით, რომ
ხატვის იმ ხატები შეიძლება

330
00:15:53,850 --> 00:15:55,510
ძალიან tedious და რთული.

331
00:15:55,510 --> 00:15:59,160
ფონტის Awesome - თუ თქვენ ნამდვილად
წასვლა საიტი -

332
00:15:59,160 --> 00:16:02,892
გაძლევთ უამრავი ხატები ქვეშ
ხატები ზედა.

333
00:16:02,892 --> 00:16:06,980
ჰო, უბრალოდ ზედა.

334
00:16:06,980 --> 00:16:09,030
ეს მოგცემთ ბევრი
ხატები უფასოდ.

335
00:16:09,030 --> 00:16:15,210
>> ასე რომ, აქ თქვენ ხედავთ, ჩვენ რამ, როგორიცაა,
ვარსკვლავი, ბარები, lightning bolt,

336
00:16:15,210 --> 00:16:19,750
კალენდარი, bug, წიგნი, et cetera.

337
00:16:19,750 --> 00:16:21,110
ეს შეიძლება იყოს ძალიან სასარგებლო.

338
00:16:21,110 --> 00:16:24,290
ისე, როგორც შენ მოიცავს ეს მოიცავს
სიტყვასიტყვით CSS ფაილი.

339
00:16:24,290 --> 00:16:29,760
და შემდეგ თქვენ შედის CSS ფაილი,
რა შეგიძლიათ გააკეთოთ თქვენ შექმნით

340
00:16:29,760 --> 00:16:33,430
tag მოუწოდა I. ეს satands for
ხატი კლასის FA

341
00:16:33,430 --> 00:16:34,460
იდგა ფონტის გასაოცარია.

342
00:16:34,460 --> 00:16:36,330
და შემდეგ, რაც კლასის თქვენ გსურთ.

343
00:16:36,330 --> 00:16:41,220
>> ასე რომ, თუ მინდოდა ხატი ამ პლუს
მოედანზე სწორედ აქ, მე მისცემდა

344
00:16:41,220 --> 00:16:43,290
ეს კლასი FA.

345
00:16:43,290 --> 00:16:46,230
და შემდეგ FA დეფისი plus დეფისი მოედანზე.

346
00:16:46,230 --> 00:16:50,325

347
00:16:50,325 --> 00:16:53,710
>> MIKE RIZZO: Cool, OK.

348
00:16:53,710 --> 00:16:56,980
>> TOMAS REIMERS: და მაშინ, ბოლო CSS
ბიბლიოთეკა ჩვენ გვინდა მეშვეობით ვართ

349
00:16:56,980 --> 00:16:59,950
ცდილობს შეინარჩუნოს ის მინიმალური on CSS
ბიბლიოთეკების, რადგან ჩვენ ვაცნობიერებთ

350
00:16:59,950 --> 00:17:03,660
სათაური ამ პრეზენტაცია
არის JavaScript ბიბლიოთეკა.

351
00:17:03,660 --> 00:17:07,089
მაგრამ გვეგონა, რომ ჩვენ შეიძლება ასევე
წარმოგიდგინოთ სხვა ბიბლიოთეკების

352
00:17:07,089 --> 00:17:09,569
მაშინ, როცა ჩვენ ვსაუბრობთ ბიბლიოთეკები.

353
00:17:09,569 --> 00:17:11,400
>> ეს Google Web ფონტები.

354
00:17:11,400 --> 00:17:17,040
და რა Google Web ფონტები საშუალებას გაძლევთ
უნდა გააკეთოთ დაამატოთ შრიფტები თქვენი ვებ საიტი,

355
00:17:17,040 --> 00:17:22,079
რომელიც ნამდვილად მარტივი გზა, რათა ეს
ლამაზი და ზღვარის თქვენი კომპლექტი

356
00:17:22,079 --> 00:17:24,460
ეხლა ყველას ის არის, თუ მას აქვს
ლამაზი შრიფტი თუ მას აქვს ლამაზი

357
00:17:24,460 --> 00:17:27,790
კოლექცია შრიფტები.

358
00:17:27,790 --> 00:17:31,410
Google Web ფონტები არის ლამაზი განსხვავებით სხვა
ბიბლიოთეკების იმ გაგებით, რომ ის

359
00:17:31,410 --> 00:17:33,490
ნამდვილად მართვადი ინსტალაცია.

360
00:17:33,490 --> 00:17:38,680
>> ასე რომ, თუ ამ ბმულზე, ეს
google.com / შრიფტები, მე მჯერა.

361
00:17:38,680 --> 00:17:41,100
თუ თქვენ დაიცვას, თქვენ
შეგიძლიათ აირჩიოთ თქვენი შრიფტით.

362
00:17:41,100 --> 00:17:44,410
თქვენ შეგიძლიათ აირჩიოთ მარცხენა დან
სისქე, ირიბი, et cetera.

363
00:17:44,410 --> 00:17:48,970
და მაშინ, ერთხელ თქვენ მიერ არჩეული ერთი,
თქვენ შეგიძლიათ დააჭიროთ სწრაფი გამოყენება.

364
00:17:48,970 --> 00:17:49,820
უფლება არსებობს.

365
00:17:49,820 --> 00:17:51,590
ქვედა მარჯვენა ყუთში.

366
00:17:51,590 --> 00:17:54,380

367
00:17:54,380 --> 00:17:56,700
>> და შემდეგ, გადაფურცლეთ ქვემოთ.

368
00:17:56,700 --> 00:17:59,600

369
00:17:59,600 --> 00:18:02,650
პირველ რიგში, მათ მოგცემთ CSS, რომ
თქვენ უნდა რეალურად უკავშირებენ მას.

370
00:18:02,650 --> 00:18:03,330
ეს უფლება არსებობს.

371
00:18:03,330 --> 00:18:05,170
შეგიძლიათ უბრალოდ დააკოპირეთ და ჩასვით რომ სისტემაში

372
00:18:05,170 --> 00:18:07,250
და ლამაზი რამ შესახებ ეს არის
თქვენ არ რეალურად კი უნდა

373
00:18:07,250 --> 00:18:08,340
ატვირთოთ ფაილი.

374
00:18:08,340 --> 00:18:11,170
>> რა არის ის აპირებს არის ის აპირებს
ბმული Google-ის მობილური იგი.

375
00:18:11,170 --> 00:18:14,130
ასე რომ თავში რას ნიშნავს ეს.

376
00:18:14,130 --> 00:18:18,270
ეს ნიშნავს, რომ როდესაც მომხმარებელი
ჩამოტვირთვების თქვენი ფაილი -

377
00:18:18,270 --> 00:18:22,300
იწერს თქვენს HTML გვერდი - თქვენი HTML
გვერდი აპირებს მითითებას ამ ფაილის.

378
00:18:22,300 --> 00:18:26,790
>> ასე რომ, თქვენს კომპიუტერში ხდება ვხედავთ,
ოჰ, ეს უმასპინძლა google.com საკმაოდ

379
00:18:26,790 --> 00:18:28,170
ვიდრე theirsite.com.

380
00:18:28,170 --> 00:18:30,370
ნება მომეცით წავიდეთ ვთხოვთ Google რომ ფაილი.

381
00:18:30,370 --> 00:18:32,800
და შემდეგ, ის აპირებს არის
თითქმის, თითქოს

382
00:18:32,800 --> 00:18:35,584
ნაწილი თქვენი საკუთარი საიტი.

383
00:18:35,584 --> 00:18:36,540
>> TOMAS REIMERS: Cool.

384
00:18:36,540 --> 00:18:40,980
და კიდევ არის ის, რომ შემდეგ
მოიცავს იგი თქვენს CSS, ეს გაძლევთ

385
00:18:40,980 --> 00:18:41,830
ფაქტობრივი ონლაინ.

386
00:18:41,830 --> 00:18:45,188
ასე, რომ თქვენ მითითებული ქონების შრიფტის ოჯახი
ტოლი სახელი თქვენი შრიფტით.

387
00:18:45,188 --> 00:18:47,936

388
00:18:47,936 --> 00:18:50,440
>> MIKE RIZZO: OK.

389
00:18:50,440 --> 00:18:52,220
ასე რომ, ჩვენ მხოლოდ დასრულდა CSS.

390
00:18:52,220 --> 00:18:57,230
და ზოგიერთ თქვენგანს შეიძლება ფიქრი, ასევე,
ჩვენ გვქონდა CSS on CS50 ფინანსთა.

391
00:18:57,230 --> 00:19:00,390
მაგრამ CSS ბიბლიოთეკა ჩატვირთვის.

392
00:19:00,390 --> 00:19:05,190
ჩვენ რეალურად არის ჩატვირთვის პატარა
მოგვიანებით ქვეშ JavaScript რადგან

393
00:19:05,190 --> 00:19:09,660
ჩატვირთვის CSS ბიბლიოთეკა ასევე გააჩნია
ბევრი JavaScript, რომ

394
00:19:09,660 --> 00:19:12,060
ჩატვირთვის ან Twitter -
რომელმაც ჩატვირთვის -

395
00:19:12,060 --> 00:19:15,426
იყენებს მართოთ ყველა მათი CSS.

396
00:19:15,426 --> 00:19:19,592
>> TOMAS REIMERS: ვინმეს აქვს რაიმე
შეკითხვები ჯერჯერობით ცენტრის შესახებ ზოგადად?

397
00:19:19,592 --> 00:19:20,723
ჩვენ კარგი?

398
00:19:20,723 --> 00:19:21,216
გასაოცარია.

399
00:19:21,216 --> 00:19:22,495
>> MIKE RIZZO: გასაოცარია.

400
00:19:22,495 --> 00:19:25,136
>> TOMAS REIMERS: So მოძრავი
რომ JavaScript.

401
00:19:25,136 --> 00:19:27,900
>> MIKE RIZZO: ასე გვინდოდა გაიგო
შესახებ jQuery უნდა დაიწყოს.

402
00:19:27,900 --> 00:19:30,780
უკვე არავის სმენია jQuery
ადრე ან გამოიყენება იგი?

403
00:19:30,780 --> 00:19:32,180
ჰო, რამდენიმე?

404
00:19:32,180 --> 00:19:36,000
ასე რომ, თუ თქვენ უბრალოდ მუშაობა შექმნილი
JavaScript, თქვენ აღმოჩნდეთ

405
00:19:36,000 --> 00:19:41,000
აკრეფით ბევრი გრძელი სელექციონერები ბევრი.

406
00:19:41,000 --> 00:19:44,400
ასე რომ, რა jQuery არ არის ის უზრუნველყოფს
ლამაზი გადატანა JavaScript

407
00:19:44,400 --> 00:19:48,180
ენა, რომელიც საშუალებას გაძლევთ მარტივად აირჩიეთ
და მანიპულირება სხვადასხვა ელემენტები

408
00:19:48,180 --> 00:19:52,470
დოკუმენტის შიგნით ობიექტი მოდელი
ვებ გვერდი ან DOM, რომელიც ვფიქრობ

409
00:19:52,470 --> 00:19:54,290
თქვენ ბიჭები არ გამიგია in
ლექცია ამ ეტაპზე.

410
00:19:54,290 --> 00:19:57,550
>> TOMAS REIMERS: თუ თქვენ არ გამიგია
, ან თუ თქვენ არ უყურებს ლექცია

411
00:19:57,550 --> 00:20:01,870
არ არის, Document Object Model არის
ძირითადად, თუ როგორ არის წარმოდგენილი.

412
00:20:01,870 --> 00:20:05,290
ასე რომ HTML სახის ჰგავს ხე
როდესაც თქვენ ნამდვილად დახატე out.

413
00:20:05,290 --> 00:20:06,850
თქვენ გაქვთ HTML ელემენტს თავზე.

414
00:20:06,850 --> 00:20:07,560
თქვენ გაქვთ ხელმძღვანელი და სხეულის.

415
00:20:07,560 --> 00:20:09,500
>> და შემდეგ, რომ თქვენ
აქვს ყველაფერი.

416
00:20:09,500 --> 00:20:10,660
რომ მოიხსენიებენ როგორც DOM -

417
00:20:10,660 --> 00:20:12,120
დოკუმენტის ობიექტური მოდელი.

418
00:20:12,120 --> 00:20:16,090
ასე რომ მოდელი, რომელიც წარმოადგენს ობიექტების
დოკუმენტში არის ადვილი გზა, რომ ვიფიქროთ

419
00:20:16,090 --> 00:20:18,560
ამის შესახებ.

420
00:20:18,560 --> 00:20:22,520
და ერთ ერთი დიდი რამ შესახებ jQuery
ეს მართლაც რაც traversing

421
00:20:22,520 --> 00:20:26,460
რომ და მანიპულირების ელემენტების ფარგლებში
რომ წარმოუდგენლად მარტივი.

422
00:20:26,460 --> 00:20:30,300
>> იმდენად მარტივია, ფაქტობრივად, რომ უმრავლესობა
JavaScript ბიბლიოთეკები თუ არა

423
00:20:30,300 --> 00:20:34,200
უმრავლესობა, დიდი უმრავლესობა, ვინც
თქვენ ნახავთ რეალურად საჭიროებს jQuery ასე

424
00:20:34,200 --> 00:20:37,530
რომ შეიძლება აწარმოებს საკუთარ თავს, უბრალოდ,
რადგან თუ არ აქვს jQuery, თქვენ

425
00:20:37,530 --> 00:20:40,540
რომ დაგვრჩა ბევრი დრო ცდილობს
გაერკვნენ, თუ როგორ აირჩიოთ გარკვეული

426
00:20:40,540 --> 00:20:43,660
ელემენტები და როგორ უნდა გავაკეთოთ სხვა რამ.

427
00:20:43,660 --> 00:20:47,950
და სხვა დიდი რამ შესახებ jQuery
არის, რომ ეს ჯვარი ბრაუზერის თავსებადი.

428
00:20:47,950 --> 00:20:51,550
>> ასე მახსოვს, როდესაც ჩვენ ვთქვით, რომ
არა ყველა ბრაუზერები განხორციელება

429
00:20:51,550 --> 00:20:53,100
ყველაფერი იგივე გზა?

430
00:20:53,100 --> 00:20:55,120
ეს არის ნამდვილი კი JavaScript.

431
00:20:55,120 --> 00:20:58,220
და ერთ ერთი დიდი რამ შესახებ jQuery
არის ის, რომ აღმოაჩინოს

432
00:20:58,220 --> 00:21:00,300
ბრაუზერი და აღმოაჩინოს
შესაბამისი მეთოდი.

433
00:21:00,300 --> 00:21:03,420
>> ასე რომ, თუ თქვენ უნდა აირჩიოთ ელემენტს,
Internet Explorer შეიძლება ითქვას, რომ თქვენ

434
00:21:03,420 --> 00:21:05,770
უნდა გავაკეთოთ ამ გზით.

435
00:21:05,770 --> 00:21:08,300
Firefox შეიძლება ითქვას, რომ სწორი
გზა არის ამ გზით.

436
00:21:08,300 --> 00:21:09,710
jQuery არ აღელვებს.

437
00:21:09,710 --> 00:21:12,550
როდესაც თქვენ ვუთხრა jQuery აირჩიოთ
ელემენტის ის გაერკვნენ, თუ როგორ ეს

438
00:21:12,550 --> 00:21:16,290
უნდა გავაკეთოთ ის ფარგლებში ბრაუზერის
პროფაილი ამჟამად, და მერე

439
00:21:16,290 --> 00:21:18,584
რომ გზა.

440
00:21:18,584 --> 00:21:22,650
>> MIKE RIZZO: მოდით არ საუბრობენ
გამოყენება jQuery ცოტა.

441
00:21:22,650 --> 00:21:27,670
ისევე როგორც PHP, jQuery აქვს კონკრეტული
სიმპათიისა დოლარის ნიშანი.

442
00:21:27,670 --> 00:21:30,880
ასე რომ, თქვენ ნახავთ, რომ ნებისმიერი jQuery -

443
00:21:30,880 --> 00:21:32,060
კარგად, არა ყველა.

444
00:21:32,060 --> 00:21:35,210
შეგიძლიათ ზოგჯერ შეცვლის დოლარი
მოაწეროს სიტყვა jQuery.

445
00:21:35,210 --> 00:21:38,980
მაგრამ ზოგადად, მხოლოდ იმიტომ, რომ
მოკლე, როდესაც ხედავთ jQuery მიმდინარეობს

446
00:21:38,980 --> 00:21:41,420
გამოიყენება ეს იქნება დოლარის ნიშანი.

447
00:21:41,420 --> 00:21:47,030
>> ასე რომ, აქ ჩვენ უბრალოდ გვიჩვენებს დასაწყისში
არჩევის განთავსების ელემენტს DOM.

448
00:21:47,030 --> 00:21:52,850
აქ, ჩვენ გვაქვს დოლარის ნიშანი მოჰყვა
ღია ფრჩხილებში და შემდეგ quotes.

449
00:21:52,850 --> 00:21:56,130
და შიგნით შეთავაზებები წავიდეთ ჩვენი სელექციონერები
სხვადასხვა ელემენტებს.

450
00:21:56,130 --> 00:21:59,810
ისევე, CSS, გვჭირდებოდა სელექციონერები to
შეძლებს სტილი სხვადასხვა ელემენტები

451
00:21:59,810 --> 00:22:00,840
შიგნით გვერდზე.

452
00:22:00,840 --> 00:22:06,555
იმ სხვადასხვა სელექციონერები თარგმნა
ზუსტად შევიდა jQuery და JavaScript,

453
00:22:06,555 --> 00:22:07,820
ყველაზე ნაწილი.

454
00:22:07,820 --> 00:22:10,120
>> ასე რომ აქ გვაქვს dot foo.

455
00:22:10,120 --> 00:22:14,780
ასე რომ, თუ გავიხსენოთ ლექცია,
the dot მხოლოდ იმას ნიშნავს კლასი.

456
00:22:14,780 --> 00:22:18,850
ასე რომ ჩვენ შერჩევის ელემენტს
კლასი foo.

457
00:22:18,850 --> 00:22:22,670
ასე რომ, თუ მე წავიდეთ წინ და ქმნის ჩვენი
JavaScript კონსოლი აქ მართლაც სწრაფად

458
00:22:22,670 --> 00:22:26,830
უბრალოდ დემონსტრირება, თუ უბრალოდ აკრიფოთ
დოლარის ნიშანი, ჩვენ ვხედავთ, რომ ზოგიერთი

459
00:22:26,830 --> 00:22:28,090
ფუნქცია, რომელიც მოდის up.

460
00:22:28,090 --> 00:22:29,420
და ეს მხოლოდ განსაზღვრული jQuery.

461
00:22:29,420 --> 00:22:32,120
>> TOMAS REIMERS: მათთვის,
უცნობ, კონსოლი არის ინსტრუმენტი

462
00:22:32,120 --> 00:22:35,430
ფარგლებში Chrome, რომელიც საშუალებას გაძლევთ,
ძირითადად, აწარმოებს JavaScript შესახებ

463
00:22:35,430 --> 00:22:36,450
მიმდინარე გვერდზე.

464
00:22:36,450 --> 00:22:39,420
ეს ნახავთ ძალიან სასარგებლო, როდესაც
თქვენ რეალურად გამართვის და თქვენ

465
00:22:39,420 --> 00:22:42,400
უნდა იყოს, რა არის მიმდინარე
ღირებულება ზოგიერთი გლობალური ცვლადი ან რა

466
00:22:42,400 --> 00:22:43,910
არის რაღაც?

467
00:22:43,910 --> 00:22:47,620
ეს არის სახის მოსწონს GDB გარდა
რომ თქვენ შეგიძლიათ რეალურად

468
00:22:47,620 --> 00:22:51,600
მანიპულირება ელემენტების გვერდი
ეს ბევრად უფრო ადვილია მოდის.

469
00:22:51,600 --> 00:22:55,080
და ასევე ის არ, ძირითადად, გადაამოწმოთ
ერთად სანამ ეს იმას არაფერი.

470
00:22:55,080 --> 00:22:58,660
>> ასე რომ, მაშინ, როდესაც, GDB შეიძლება იყოს, როგორიცაა, თქვენ
ნამდვილად გსურთ აწარმოებს შემდეგი ნაბიჯი?

471
00:22:58,660 --> 00:22:59,830
კონსოლი არის რეალური.

472
00:22:59,830 --> 00:23:03,690
ასე რომ, როგორც ვებ გვერდზე გაწევის და
აკეთებს რასაც ის აკეთებს,

473
00:23:03,690 --> 00:23:05,720
საბჭოს ასევე გაშვებული ერთად იგი.

474
00:23:05,720 --> 00:23:08,330
და თქვენ შეგიძლიათ განათავსოთ impute კოდი შევიდა
რომ კონსოლი, რომელიც

475
00:23:08,330 --> 00:23:09,260
აწარმოებს გვერდზე.

476
00:23:09,260 --> 00:23:12,190
>> MIKE RIZZO: So შესვლის კონსოლი,
ვფიქრობ, უნდა მოკლედ

477
00:23:12,190 --> 00:23:13,750
ვთქვათ, თუ როგორ უნდა გავაკეთოთ, რომ.

478
00:23:13,750 --> 00:23:17,850
ბოლო პრობლემა, რომ თქვენ შეიძლება ჰქონდეს
მეორადი Chrome-ს შეამოწმოს ელემენტს

479
00:23:17,850 --> 00:23:20,440
ფუნქციების ან დეტალური წყარო -

480
00:23:20,440 --> 00:23:23,870
და ის ხელმისაწვდომია მხოლოდ უფლება
დაწკაპვით ან კონკრეტული

481
00:23:23,870 --> 00:23:28,430
ელემენტს და აკეთებს ან შეამოწმოს
ელემენტის ან დეტალური წყარო.

482
00:23:28,430 --> 00:23:31,190
ჩვენ ასევე შეგვიძლია შედიხართ JavaScript
console პირდაპირ

483
00:23:31,190 --> 00:23:33,630
არჩევის შეამოწმოს ელემენტს.

484
00:23:33,630 --> 00:23:37,930
ასე რომ მაშინ უბრალოდ მოხვდა console
შორს მარჯვენა მხარეს.

485
00:23:37,930 --> 00:23:41,900
>> გარდა ამისა, თქვენ შეიძლება ასევე წავიდა
ზედა მარჯვენა კუთხეში,

486
00:23:41,900 --> 00:23:46,820
რომელიც შეწყვიტა ამ ეკრანზე, სადაც
მას აქვს სამი ჰორიზონტალური ბარები.

487
00:23:46,820 --> 00:23:52,010
და თქვენ ქვევით ინსტრუმენტები და
მაშინ JavaScript კონსოლი

488
00:23:52,010 --> 00:23:53,240
აქ სადაც შეგიძლიათ ნახოთ -

489
00:23:53,240 --> 00:23:54,370
მინიმუმ Windows -

490
00:23:54,370 --> 00:23:59,680
მალსახმობი არის კონტროლის Shift J. ასე შემდეგ
თუ გვინდოდა აირჩიოთ ელემენტს

491
00:23:59,680 --> 00:24:06,060
ამ გვერდზე, ისევე, როგორც მე აჩვენა
ადრე, ჩვენ დოლარის ნიშანი ღია parens

492
00:24:06,060 --> 00:24:08,180
და შემდეგ მოჰყავს.

493
00:24:08,180 --> 00:24:11,750
>> საინტერესო ის არის, ზოგადად,
ერთჯერადი შეთავაზებები და ორმაგი შეთავაზებები

494
00:24:11,750 --> 00:24:12,370
საცვლელი.

495
00:24:12,370 --> 00:24:16,050
ასე რომ, ბევრი ადამიანი უბრალოდ გამოიყენოთ ერთი
quotes იმიტომ, რომ ისინი უფრო სწრაფად აკრიფოთ

496
00:24:16,050 --> 00:24:19,780
გარდა ორმაგი შეთავაზებები იმიტომ, რომ თქვენ არ
უნდა გეჭიროთ Shift.

497
00:24:19,780 --> 00:24:21,770
ასე რომ მე უბრალოდ, რომ ახლა.

498
00:24:21,770 --> 00:24:24,510
>> ასე რომ, მე უნდა აირჩიოთ რაიმე
კლასის.

499
00:24:24,510 --> 00:24:27,200
კონტეინერი, მხოლოდ იმიტომ, რომ მე ვიცი, რომ
ის, რაც ჩვენს

500
00:24:27,200 --> 00:24:28,740
ვებ გვერდი ახლა.

501
00:24:28,740 --> 00:24:29,520
მე და დააჭიროთ.

502
00:24:29,520 --> 00:24:31,670
და ვხედავთ, რომ ავტორმა იგი.

503
00:24:31,670 --> 00:24:34,990
ასე რომ, ეს გვიჩვენებს, რომ
დაბრუნდა, რომ ობიექტი.

504
00:24:34,990 --> 00:24:36,620
ასე რომ, ძირითადი შერჩევა.

505
00:24:36,620 --> 00:24:40,080
თუ გვინდოდა, რომ რეალურად მართვას,
თქვენ უნდა მოვუწოდებთ რაღაც

506
00:24:40,080 --> 00:24:43,925
რომ შერჩევა, რომელიც
მივიღებთ შემდეგ.

507
00:24:43,925 --> 00:24:49,030
>> TOMAS REIMERS: ასე რომ უბრალოდ უნდა შევხედოთ, რომ
უფრო სიღრმისეული, ეს არის სხვადასხვა

508
00:24:49,030 --> 00:24:52,245
მეტი ფუნქცია ზარები ჩვენ მივიღეთ in C.
სახელი ფუნქცია აქ არის

509
00:24:52,245 --> 00:24:52,580
ცოტა უცნაურია.

510
00:24:52,580 --> 00:24:55,640
ის დოლარის ნიშანი.

511
00:24:55,640 --> 00:24:57,010
უბრალოდ სახელით ფუნქცია.

512
00:24:57,010 --> 00:24:58,810
არაფერია განსაკუთრებული ამის შესახებ.

513
00:24:58,810 --> 00:25:00,450
>> ჩვენ ღია ფრჩხილებში.

514
00:25:00,450 --> 00:25:03,880
მაშინ, ჩვენ გვაქვს ჩვენი ერთი არგუმენტი, რომელიც
ამ შემთხვევაში ხდება იყოს სიმებიანი,

515
00:25:03,880 --> 00:25:05,680
რომელიც selector მას.

516
00:25:05,680 --> 00:25:08,130
და მაშინ, ჩვენ გვაქვს ჩვენი
დახურული ფრჩხილებში.

517
00:25:08,130 --> 00:25:09,960
ეს არის ის.

518
00:25:09,960 --> 00:25:11,500
>> ეს არ არის, რომ განსხვავებულია.

519
00:25:11,500 --> 00:25:12,900
მიუხედავად იმისა, რომ იგი არ გამოიყურება ძალიან უცნაურია.

520
00:25:12,900 --> 00:25:17,220
და რომ შეიძლება იყოს, სახის, sticking
წერტილი უამრავი ადამიანი.

521
00:25:17,220 --> 00:25:21,460
>> MIKE RIZZO: ასე რომ, ანალოგიურად, თუ გვინდოდა
აირჩიოთ ელემენტს, რომელსაც გააჩნია ID,

522
00:25:21,460 --> 00:25:23,470
ახლა ჩვენ გვინდა აირჩიეთ by
ID ნაცვლად კლასის.

523
00:25:23,470 --> 00:25:28,080
ეს იქნებოდა მსგავსი რამ, სადაც ჩვენ
უბრალოდ მკვეთრი ნიშანი პირადობის მოწმობა.

524
00:25:28,080 --> 00:25:33,576
ასე რომ ჩვენ შერჩევის აქ
ელემენტები, რომლებსაც აქვთ ID ბარი.

525
00:25:33,576 --> 00:25:35,400
>> TOMAS REIMERS: ეს ვრცელდება.

526
00:25:35,400 --> 00:25:36,450
რომ CSS ვრცელდება.

527
00:25:36,450 --> 00:25:42,260
ისევე, CSS, შეგიძლიათ აირჩიოთ ყველა
კავშირები, რომლებიც კლასის foo.

528
00:25:42,260 --> 00:25:43,420
აქ, ეს იგივე.

529
00:25:43,420 --> 00:25:52,750
>> თქვენ შეიძლება a.foo, რომელიც შეარჩევს
ყველა კავშირები კლასის foo.

530
00:25:52,750 --> 00:25:58,860
თქვენ შეიძლება მკვეთრი ბარი, რომელიც იქნება
აირჩიეთ კავშირი ID ბარი და ა.შ.

531
00:25:58,860 --> 00:25:59,770
და სხვ.

532
00:25:59,770 --> 00:26:02,120
ნებისმიერი CSS selector არის სწორი
jQuery selector.

533
00:26:02,120 --> 00:26:03,370
>> MIKE RIZZO: ჰო.

534
00:26:03,370 --> 00:26:07,996

535
00:26:07,996 --> 00:26:11,460
OK, ასე რომ, ახლა მოდით შეღწევას ცოტა
მანიპულირება, რომ ჩვენ შეგვიძლია გავაკეთოთ

536
00:26:11,460 --> 00:26:12,870
ჩვენი jQuery.

537
00:26:12,870 --> 00:26:19,280
ასე jQuery აქვს კონკრეტული ტიპის
ნოტაცია, სადაც ჩვენ მხოლოდ გამოიყენოს

538
00:26:19,280 --> 00:26:20,170
dot დასასრულს.

539
00:26:20,170 --> 00:26:23,340
და შეგიძლიათ წარმოიდგინოთ, ეს როგორც
C როგორ გვქონდა სხვადასხვა structs.

540
00:26:23,340 --> 00:26:27,110
და წავიდეთ იმ structs, თქვენ ამას
გამოყენება dot შეღწევას მათ.

541
00:26:27,110 --> 00:26:28,480
>> ეს არის, სახის, მსგავსი რამ.

542
00:26:28,480 --> 00:26:33,570
მხოლოდ ახლა ჩვენ ფუნქციების ფარგლებში
ამორჩევა რომ ჩვენ შეგვიძლია მოვუწოდებთ მას.

543
00:26:33,570 --> 00:26:38,640
ასე რომ, აქ, პირველი მაგალითი
თქვენ ხედავთ არის CSS selector.

544
00:26:38,640 --> 00:26:45,290
და ძირითადად, რა, რომ არ არის ის
ვრცელდება პირველ ელემენტს CSS ამ

545
00:26:45,290 --> 00:26:46,230
ის, რომ თქვენ შერჩევა -

546
00:26:46,230 --> 00:26:47,720
ამ ელემენტს, რომ თქვენ არჩეული -

547
00:26:47,720 --> 00:26:49,290
ღირებულების, რომ.

548
00:26:49,290 --> 00:26:55,390
>> TOMAS REIMERS: ასე ადვილი თარგმანი
რომ იქნება, თუ jQuery, ძირითადად,

549
00:26:55,390 --> 00:26:57,790
უბრალოდ აიღო foo.

550
00:26:57,790 --> 00:27:05,480
და შემდეგ CSS განაცხადა,
ფერი წითელი და მჭიდრო.

551
00:27:05,480 --> 00:27:06,670
ეს იგივე იდეა.

552
00:27:06,670 --> 00:27:08,800
რასაც ის გაკეთდეს არის ის არჩეული
ყველა foo ელემენტებს.

553
00:27:08,800 --> 00:27:10,170
და მაშინ ის გამოიყენება.

554
00:27:10,170 --> 00:27:15,884
სახის, ქონების ფერი
უდრის წითელი.

555
00:27:15,884 --> 00:27:21,070
>> MIKE RIZZO: ანალოგიურად, ჩვენ შეგვიძლია ასევე შეცვალოს
ფაქტობრივი შინაარსი რა არის

556
00:27:21,070 --> 00:27:24,870
აჩვენებს HTML გვერდზე, რომელიც
მართლაც მაგარი, რადგან ეს ნიშნავს, რომ თქვენი

557
00:27:24,870 --> 00:27:28,095
ვებ გვერდები შეიძლება იყოს მთლიანად დინამიური
და არ უნდა იყოს სტატიკური

558
00:27:28,095 --> 00:27:31,660
რომ თქვენ ამობეჭდოთ გამოყენებით PHP
ძალიან დასაწყისში

559
00:27:31,660 --> 00:27:33,320
გვერდზე მიმდინარეობს დატვირთული.

560
00:27:33,320 --> 00:27:36,810
ასე რომ აქ, თუ გვინდოდა შეცვალოს
ფაქტობრივი HTML გვერდზე, ჩვენ გვინდა ახლა

561
00:27:36,810 --> 00:27:43,550
მოვუწოდებთ HTML ფუნქცია, რომელიც მაშინ მხოლოდ
ჩანართები რასაც ჩვენ დააკონკრეტა შევიდა

562
00:27:43,550 --> 00:27:45,390
რომ ელემენტს, რომ ჩვენ შერჩეული.

563
00:27:45,390 --> 00:27:49,810
ასე რომ აქ ჩვენ შერჩევით ელემენტს
class foo და შემდეგ განაცხადა, რომ ეს HTML

564
00:27:49,810 --> 00:27:52,200
ეს არის მიესალმები მსოფლიოში.

565
00:27:52,200 --> 00:27:55,600
>> TOMAS REIMERS: და როცა ფიქრობთ
რა არის სასარგებლო განაცხადი

566
00:27:55,600 --> 00:28:00,800
ამ, ამ CSS ერთი, პირველი, რაც
თქვენ შეგიძლიათ დაიწყოთ ფიქრი

567
00:28:00,800 --> 00:28:03,070
თვალსაზრისით კი drop down მენიუები.

568
00:28:03,070 --> 00:28:08,350
თქვენ შეიძლება დაიწყოს გავაკეთოთ რამ, როგორიცაა, როდესაც
მომხმარებლის hovers მეტი ზედა ნაწილი

569
00:28:08,350 --> 00:28:11,970
საქართველოს drop down, გინდათ
ქვედა ნაწილი ჩანს.

570
00:28:11,970 --> 00:28:12,540
უფლება?

571
00:28:12,540 --> 00:28:15,610
>> ასე რომ, CSS, ჩვენ თვისებები
რათა რაღაც ჩანს.

572
00:28:15,610 --> 00:28:19,330
რამ, როგორიცაა ჩვენების colon none
რაც ნიშნავს, რომ უხილავი.

573
00:28:19,330 --> 00:28:21,190
გამოტანის ბლოკი გახდის ჩანს.

574
00:28:21,190 --> 00:28:25,860
ან თუნდაც, თუ გსურთ წავიდეთ მარტივი, თქვენ
აქვს რამ, როგორიცაა ხილვადობა შეადგენს

575
00:28:25,860 --> 00:28:27,520
ჩანს, და ხილვადობის შეადგენს იმალება.

576
00:28:27,520 --> 00:28:30,330

577
00:28:30,330 --> 00:28:34,780
>> და თქვენ შეიძლება დაიწყოს განახორციელოს რამ
როგორიცაა drop down მენიუები უფლება

578
00:28:34,780 --> 00:28:38,410
მას შემდეგ, რაც თქვენ მეშვეობით იდეა, თუ როგორ
შეგიძლიათ გაერკვნენ, როდესაც ეს ხსნის,

579
00:28:38,410 --> 00:28:39,850
რაც ჩვენ კიდევ ერთი ძალიან მოკლედ.

580
00:28:39,850 --> 00:28:42,160
მაგრამ ჩვენ შეგვიძლია დავიწყოთ ვხედავთ
განცხადებები ამ.

581
00:28:42,160 --> 00:28:45,540
მსგავსი გრძნობა, თუ თქვენ ცდილობენ
და განხორციელების, ასე ვთქვათ, სტატისტიკა

582
00:28:45,540 --> 00:28:48,620
ძრავა და გინდათ პატარა
სიტყვის ბუშტი ამუშავება, როდესაც თქვენ

583
00:28:48,620 --> 00:28:52,880
მიიღო ახალი გაგზავნა, ერთხელ თქვენ
ახალი შეტყობინება, შეგიძლიათ ცოტა

584
00:28:52,880 --> 00:28:55,890
სიტყვის ბუშტი ამუშავება შეცვლის
HTML გვერდზე, არა?

585
00:28:55,890 --> 00:29:00,540
დასძინა, რომ ზედმეტი სიტყვის ბუშტი
ერთად დამატებით ტექსტი არ არსებობს.

586
00:29:00,540 --> 00:29:01,140
ჰო?

587
00:29:01,140 --> 00:29:07,750
>> აუდიტორია: ასე რომ თქვენ ხმა ამ ფარგლებში
HTML კოდი სახის მოსწონს

588
00:29:07,750 --> 00:29:10,534
[INAUDIBLE]?

589
00:29:10,534 --> 00:29:12,940
>> MIKE RIZZO: Right.

590
00:29:12,940 --> 00:29:16,190
ჰო, ჩვენ კიდევ, რომ
ცოტა.

591
00:29:16,190 --> 00:29:18,810
Yeah, ეს მსგავსია
ცოტა PHP.

592
00:29:18,810 --> 00:29:21,240
არ არის ზუსტად მსგავსია.

593
00:29:21,240 --> 00:29:24,730
>> კარგი განსხვავება, რომ არის ის, რაც ამ
რეალურად რედაქტირების როდესაც ჩვენ რედაქტირება

594
00:29:24,730 --> 00:29:28,480
გვერდზე, რადგან ეს არ იქნება
რედაქტირება ფაქტობრივი ფაილი, რომელიც მიმდინარეობს

595
00:29:28,480 --> 00:29:31,380
ინახება სერვერზე, რადგან მსოფლიოში
არ უნდა ნებართვა

596
00:29:31,380 --> 00:29:32,610
შეასწოროთ თქვენი ფაილი.

597
00:29:32,610 --> 00:29:36,080
ეს მხოლოდ რედაქტირების რა გვერდზე
და რაც ნაჩვენები ფარგლებში

598
00:29:36,080 --> 00:29:36,950
ბრაუზერში.

599
00:29:36,950 --> 00:29:40,340
ასე რომ, თუ თქვენ განაახლეთ გვერდი შემდეგ,
ამბობენ, წაშლის რაღაც როგორც ჩვენ

600
00:29:40,340 --> 00:29:44,730
იხილეთ შეგვიძლია ამოიღონ ზარი,
რომ რამ მაშინ ჩნდებიან.

601
00:29:44,730 --> 00:29:48,590
>> TOMAS REIMERS: ასე რომ ერთი გზა ვიფიქროთ
ეს არის, თუ მე თქვენს კომპიუტერში და

602
00:29:48,590 --> 00:29:50,170
მაიკ არის, სახის, სერვერზე.

603
00:29:50,170 --> 00:29:53,850
რა მოხდება მე ვაპირებ
ვთხოვთ Mike, hey, შემიძლია ჰქონდეს ასლი

604
00:29:53,850 --> 00:29:54,630
ამ ვებ გვერდი?

605
00:29:54,630 --> 00:29:56,190
და მაშინ მომეცი ასლი.

606
00:29:56,190 --> 00:29:57,430
>> არა, ეს არ არის ორიგინალური რამ.

607
00:29:57,430 --> 00:29:58,620
უბრალოდ ასლი.

608
00:29:58,620 --> 00:30:00,450
და მაშინ იქნება, როგორიც, oh,
არსებობს JavaScript აქ.

609
00:30:00,450 --> 00:30:02,450
ცხადია, მე უნდა შეცვალონ
გვერდი უნდა იყოს მოსწონს ეს.

610
00:30:02,450 --> 00:30:04,250
და მე რედაქტირების თქვენი ასლი.

611
00:30:04,250 --> 00:30:05,920
>> მაგრამ ეს არ განხორციელება
ფაქტობრივი ასლი.

612
00:30:05,920 --> 00:30:08,480
და თუ მე ვკითხე ერთხელ
ამოცნობა გვერდზე, -

613
00:30:08,480 --> 00:30:10,060
hey, შეიძლება რომ მქონდეს კიდევ ერთი სუფთა ასლი -

614
00:30:10,060 --> 00:30:11,440
ის აპირებს მომეცი
სხვა სუფთა ასლი.

615
00:30:11,440 --> 00:30:14,240
და შემდეგ, მე ვაპირებ გავაკეთოთ იგივე
როგორიცაა, oh, ეს გაერთიანებული შტაბის აქ რომ ამბობს

616
00:30:14,240 --> 00:30:14,866
შეცვალონ ეს.

617
00:30:14,866 --> 00:30:17,460
და მე ვაპირებ შენარჩუნება აკეთებს, რომ.

618
00:30:17,460 --> 00:30:20,930
>> MIKE RIZZO: ასე რომ მართლაც მაგარი რამ
რომ შეგიძლიათ გააკეთოთ jQuery არის

619
00:30:20,930 --> 00:30:24,350
რეალურად დაამატოთ სხვადასხვა სახის
საქართველოს animations თქვენს გვერდზე.

620
00:30:24,350 --> 00:30:27,440
მე არ ვიცი, თუ ოდესმე მინახავს, ​​სადაც
თქვენ ცდილობთ შეავსოთ ფორმა

621
00:30:27,440 --> 00:30:31,250
ონლაინ და თქვენ არ შეავსოთ
რამ სწორად.

622
00:30:31,250 --> 00:30:33,440
ასე რომ ცოტა რამ სლაიდები ქვემოთ
ზედა და ამბობს,

623
00:30:33,440 --> 00:30:34,820
არ კეთდება ეს სწორად.

624
00:30:34,820 --> 00:30:36,260
გთხოვთ კიდევ ცადოთ.

625
00:30:36,260 --> 00:30:37,890
და მაშინ, შესაძლოა, თუნდაც უბრალოდ ლღობას up.

626
00:30:37,890 --> 00:30:40,710
>> თურმე jQuery ააშენა ფუნქციები
რომ ყველა რომ

627
00:30:40,710 --> 00:30:44,180
ანიმაცია ნამდვილად, ნამდვილად არ არის ადვილი.

628
00:30:44,180 --> 00:30:46,750
ასე არ არის პირველი fade
out ფუნქცია, რომელიც

629
00:30:46,750 --> 00:30:47,710
შეგიძლიათ დარეკოთ რაღაც.

630
00:30:47,710 --> 00:30:55,650
და ეს გზა შეცვალოს CSS of
რომ ელემენტს ანიმაციური გზა.

631
00:30:55,650 --> 00:30:58,480
ისე სჭირდება, რასაც ელემენტს
თქვენ ეძახით ქრებოდა გარეთ.

632
00:30:58,480 --> 00:31:03,990
და შემდეგ, ნელა იცვლება მისი opacity
სანამ იგი მიდის სრულიად გამჭვირვალე.

633
00:31:03,990 --> 00:31:07,330
>> TOMAS REIMERS: სხვა პოპულარული
არის ლღობას ქვემოთ, რომელიც

634
00:31:07,330 --> 00:31:08,800
რაღაც გამოჩნდება მოცურების მას.

635
00:31:08,800 --> 00:31:12,840
ასე რომ, იმ შემთხვევაში, თუ drop მენიუში,
ერთხელ, როდესაც გავიგეთ, თუ როგორ უნდა აღმოაჩინოს

636
00:31:12,840 --> 00:31:15,310
როდესაც ეს უკვე hovered მეტი,
თქვენ შეიძლება უბრალოდ ვუთხრა ამ ბოლოში

637
00:31:15,310 --> 00:31:16,910
ნაწილი ლღობას ქვემოთ არის.

638
00:31:16,910 --> 00:31:19,270
და შემდეგ, როგორც ჩანს
მოცურების ქვემოთ.

639
00:31:19,270 --> 00:31:22,042

640
00:31:22,042 --> 00:31:26,590
>> MIKE RIZZO: და მაშინ, თუ თქვენ უბრალოდ უნდა
ზოგიერთი ტიპის ანიმაცია გათვალისწინებით, რომ

641
00:31:26,590 --> 00:31:29,080
jQuery სულაც არ უზრუნველყოფს.

642
00:31:29,080 --> 00:31:32,690
მაგალითად, ვთქვათ, jQuery
ამჯამად გთავაზობთ slide

643
00:31:32,690 --> 00:31:33,750
ქვემოთ და slide up.

644
00:31:33,750 --> 00:31:36,740
ისე, მოდით ვთქვათ, თქვენ სურდა ლღობას
რაღაც მარცხენა ან from

645
00:31:36,740 --> 00:31:39,880
უფლება სახის მოსწონს CS50
მთავარ გვერდზე აკეთებს, როდესაც

646
00:31:39,880 --> 00:31:42,080
მიდიხარ ახალი პანელი.

647
00:31:42,080 --> 00:31:45,030
თქვენ მაშინ ალბათ უნდა
განახორციელოს იგი საკუთარ თავს გამოყენებით

648
00:31:45,030 --> 00:31:49,310
animate ფუნქციის ფარგლებში jQuery.

649
00:31:49,310 --> 00:31:51,350
>> ასე რომ, მსგავსი, უბრალოდ animate.

650
00:31:51,350 --> 00:31:55,850
და შემდეგ, მას სჭირდება
ლექსიკონი სხვადასხვა ღირებულებების

651
00:31:55,850 --> 00:31:57,340
რომ თქვენ უნდა გაიაროს.

652
00:31:57,340 --> 00:32:06,960
ასე რომ აქ, თუ გვინდოდა animate
ელემენტის foo ისეთი, რომ მისი სიგანე ან

653
00:32:06,960 --> 00:32:10,880
აფართოებს და კონტრაქტების 80 პიქსელი,
დამოკიდებულია რა ის ამჟამად არის.

654
00:32:10,880 --> 00:32:14,100
ჩვენ უბრალოდ გაივლის, რომ როგორც
არგუმენტი მასში.

655
00:32:14,100 --> 00:32:18,060
>> Animate ასევე გვაქვს სხვა არგუმენტები
რომ თქვენ ვერ გაივლის მას, მაგალითად,

656
00:32:18,060 --> 00:32:21,150
სიჩქარე ანიმაცია
რომ გსურთ მისცეს მას.

657
00:32:21,150 --> 00:32:26,220
და გავაკეთოთ, რომ, მე, უბრალოდ, ვამბობთ
სწრაფად Google jQuery animate.

658
00:32:26,220 --> 00:32:31,710
და შემდეგ, აღზრდა ამ გვერდზე, თქვენ შეგიძლიათ
ნახე ის მიიღო bunch სხვადასხვა

659
00:32:31,710 --> 00:32:33,560
თვისებები, რომ თქვენ ვერ გაივლის მას.

660
00:32:33,560 --> 00:32:35,990
>> და მე მოგიწოდებთ თქვენ - როცა მოვა
მასშტაბით რაღაც, რომ თქვენ არ

661
00:32:35,990 --> 00:32:40,390
ვიცი, ან უბრალოდ გსურთ გაიგოთ უფრო მეტი
განსაკუთრებული მეთოდი, რომელიც შეგიძლიათ დარეკოთ

662
00:32:40,390 --> 00:32:41,270
რაღაც -

663
00:32:41,270 --> 00:32:44,440
მხოლოდ Google იგი. jQuery არის ძალიან
კარგად არის დოკუმენტირებული.

664
00:32:44,440 --> 00:32:49,140
და ხშირად ჯერ არსებობს ბევრი
მაგალითები, რომ მათ თქვენთვის.

665
00:32:49,140 --> 00:32:52,470
თუ ჩვენ გადახვევა down -

666
00:32:52,470 --> 00:32:53,720
გზა down -

667
00:32:53,720 --> 00:32:57,660

668
00:32:57,660 --> 00:32:59,190
რომ ჩვენ შეგვიძლია გამოვიყენოთ, ისევე.

669
00:32:59,190 --> 00:33:02,480
>> ერთხელ, როდესაც დეველოპერი რეალურად მიდის
მეშვეობით უბედურება წერა

670
00:33:02,480 --> 00:33:05,810
ბიბლიოთეკა, ისინი, როგორც წესი მინდა
ვინმე გამოიყენოს იგი.

671
00:33:05,810 --> 00:33:09,400
ასე რომ, ერთად აპირებს
იყოს დოკუმენტაცია.

672
00:33:09,400 --> 00:33:12,270
და რომ დოკუმენტაცია შეიძლება ჩვეულებრივ
ი პროექტის გვერდი, რომელიც

673
00:33:12,270 --> 00:33:14,970
რატომ მივეცით, რომ ორიგინალური საიტზე
დასაწყისში, რომელიც აკავშირებს თქვენ

674
00:33:14,970 --> 00:33:18,080
პროექტის გვერდები ასე რომ თქვენ შეგიძლიათ
ვხედავთ, რომ დოკუმენტაცია.

675
00:33:18,080 --> 00:33:22,670
>> როგორც წესი, პროექტის გვერდი შემთხვევაში
of [INAUDIBLE], ეს გითხარით

676
00:33:22,670 --> 00:33:23,940
სახელები კლასები.

677
00:33:23,940 --> 00:33:27,250
იმ შემთხვევაში, JavaScript, ეს აძლევს
თქვენ სახელით ფუნქციები.

678
00:33:27,250 --> 00:33:35,310
სხვათა შორის, თუ ჩვენ გადახვევა მდე დაბრუნება,
სწრაფი მინიშნება on ფუნქციები

679
00:33:35,310 --> 00:33:39,080
როდესაც ხედავთ ფუნქცია ხორციელდება
ისევე, როგორც ამ მძიმე

680
00:33:39,080 --> 00:33:43,800
ფრჩხილებში ცენტრიდან, ანუ
რომ ეს ნივთი სურვილისამებრ.

681
00:33:43,800 --> 00:33:44,750
უბრალოდ ხელმძღვანელები up.

682
00:33:44,750 --> 00:33:47,350
მე მინახავს ბევრი კითხვა
ამის შესახებ.

683
00:33:47,350 --> 00:33:50,370
>> ასე რომ აქ ჩვენ ვხედავთ, რომ
animate იღებს თვისებები

684
00:33:50,370 --> 00:33:51,800
როგორც აუცილებელი არგუმენტი.

685
00:33:51,800 --> 00:33:54,870
და ყველაფერი ნებაყოფლობითია.

686
00:33:54,870 --> 00:33:56,136
მინიშნება -

687
00:33:56,136 --> 00:33:58,090
შეგიძლიათ წარმოიდგინოთ, რომ ამ სახის
საქართველოს, ისევე როგორც კაცი გვერდებზე.

688
00:33:58,090 --> 00:34:04,275
Man გვერდები დოკუმენტაცია C და
ბევრი სხვა რამ, ისევე.

689
00:34:04,275 --> 00:34:11,020
>> MIKE RIZZO: ასე რომ, ჩვენ ვისწავლეთ
შეცვლის სხვადასხვა CSS გვერდზე,

690
00:34:11,020 --> 00:34:14,040
animate, და ამოიღონ დაამატოთ HTML.

691
00:34:14,040 --> 00:34:16,889
მაგრამ ერთი ნამდვილად ყველაზე ძლიერი
რამ JavaScript

692
00:34:16,889 --> 00:34:18,270
და განსაკუთრებით jQuery -

693
00:34:18,270 --> 00:34:22,570
რა გაძლევთ ამის გაკეთება არის უპასუხოს
სხვადასხვა ელემენტები, რომ მოხდეს.

694
00:34:22,570 --> 00:34:25,380
მაგალითად, აქ ჩვენ გვაქვს
ღონისძიება დამმუშავებლის.

695
00:34:25,380 --> 00:34:28,210
და რომ მხოლოდ იმას ნიშნავს, როცა ამ
მოვლენა ხდება, ჩვენ გაუმკლავდეს მას

696
00:34:28,210 --> 00:34:29,280
გარკვეული გზა.

697
00:34:29,280 --> 00:34:35,159
>> ასე რომ აქ, generic jQuery ღონისძიება
დამმუშავებლის არის dot შესახებ.

698
00:34:35,159 --> 00:34:42,949
და მაშინ, პირველი, რაც თქვენ
არის რა ღონისძიება უნდა

699
00:34:42,949 --> 00:34:43,810
მოსმენის ამისთვის.

700
00:34:43,810 --> 00:34:45,610
ასე რომ აქ, ის დაჭერით რომ
ჩვენ ველოდებით.

701
00:34:45,610 --> 00:34:49,250
>> TOMAS REIMERS: გარდა ამისა, თქვენ უნდა
on hover, რომელიც არის ძალიან პოპულარული ერთი.

702
00:34:49,250 --> 00:34:52,000
ასე რომ, უკან ჩემი drop მენიუში იდეა.

703
00:34:52,000 --> 00:34:54,239
თქვენ უნდა დაბრუნება ერთი hover.

704
00:34:54,239 --> 00:34:56,096
და მაშინ ვერ შეცვლის.

705
00:34:56,096 --> 00:34:56,830
>> MIKE RIZZO: Right.

706
00:34:56,830 --> 00:35:01,680
და მაშინ, როცა ეს მოხდება, უბრალოდ
ახორციელებს ამ ფუნქციის, რომ მისცეს მას

707
00:35:01,680 --> 00:35:05,080
როგორც არგუმენტი და რომ
ეს შეტყობინებები მიესალმები ან hi.

708
00:35:05,080 --> 00:35:08,900
>> TOMAS REIMERS: ასე რომ, იმ შემთხვევაში,
JavaScript, ეს არის ადგილი, ჩვენ უნდა

709
00:35:08,900 --> 00:35:12,970
ამოიღონ თავი C. ჩვენ შეგვიძლია რეალურად
მიიღოს ფუნქციების არგუმენტები.

710
00:35:12,970 --> 00:35:15,940
და არსებობს უამრავი მართლაც
რთული გზა ამის გაკეთება.

711
00:35:15,940 --> 00:35:17,940
ჩვენ ვაპირებთ, რათა ხელი შეუწყოს ერთი გზა,
რომელიც შეგიძლიათ განსაზღვროს

712
00:35:17,940 --> 00:35:19,270
ფუნქციონირებს უფლება არსებობს.

713
00:35:19,270 --> 00:35:22,540
>> ასე რომ, როდესაც თქვენ ითხოვს ფუნქცია
პარამეტრი, თქვენ ძირითადად მხოლოდ

714
00:35:22,540 --> 00:35:24,500
აპირებს განსაზღვრავს ფუნქცია
ადგილზე.

715
00:35:24,500 --> 00:35:27,090
და გზა თქვენ განსაზღვრავს ფუნქცია
in JavaScript თქვენ

716
00:35:27,090 --> 00:35:28,820
სიტყვასიტყვით ამბობენ ფუნქცია.

717
00:35:28,820 --> 00:35:30,130
მაშინ, როგორც წესი, სახელი
ფუნქცია.

718
00:35:30,130 --> 00:35:32,510
მაგრამ ჩვენ არასდროს მითითებას
ამ ფუნქციის ერთხელ.

719
00:35:32,510 --> 00:35:34,040
ასე რომ, რაც მას დავტოვებთ nameless.

720
00:35:34,040 --> 00:35:40,440
>> მაშინ ფრჩხილებში, მაშინ curly
აფრთხილებს, ხოლო შემდეგ კოდი ფარგლებში, რომ.

721
00:35:40,440 --> 00:35:42,540
ასე რომ, ჩვენ გვესმის ამ can
იყოს ცოტა დამაბნეველი.

722
00:35:42,540 --> 00:35:45,180
ასე რომ, ჩვენ მოგაწვდით ზოგად ფორმა
რა ღონისძიება დამმუშავებლის ჰგავს

723
00:35:45,180 --> 00:35:47,790
ქვემოთ, რომელიც მოვლენები.

724
00:35:47,790 --> 00:35:50,598
და შემდეგ, თქვენი კოდი შიგნით რომ.

725
00:35:50,598 --> 00:35:52,478
>> MIKE RIZZO: არსებობს რაიმე
შეკითხვები ამ?

726
00:35:52,478 --> 00:35:54,818
ეს შეიძლება იყოს პატარა დამაბნეველი
პირველად ხედავთ მას.

727
00:35:54,818 --> 00:35:57,550
>> TOMAS REIMERS თქვენ ნამდვილად გინდათ
გახსენით ფაილი და აჩვენებს მათ

728
00:35:57,550 --> 00:35:58,155
jQuery წუთას?

729
00:35:58,155 --> 00:35:59,853
>> MIKE RIZZO: ჰო, მოდით, რომ.

730
00:35:59,853 --> 00:36:00,256
OK.

731
00:36:00,256 --> 00:36:02,490
>> TOMAS REIMERS: ასე რომ, ახლა ჩვენ
ელექტრო.

732
00:36:02,490 --> 00:36:07,730
და რაც ჩვენ გავაკეთეთ არის ჩვენ მიღებული
თავისუფლების შექმნაში ორივე index.html

733
00:36:07,730 --> 00:36:10,100
ფაილი, რომელიც უერთდება
JavaScript ფაილი.

734
00:36:10,100 --> 00:36:12,880
და შეგვიძლია ქმნის -

735
00:36:12,880 --> 00:36:15,170
yeah.

736
00:36:15,170 --> 00:36:16,630
ისე, ეს იმას ორი რამ.

737
00:36:16,630 --> 00:36:18,350
>> პირველი არის ის, ბმულები
JavaScript ფაილი.

738
00:36:18,350 --> 00:36:21,250
და ჩვენ დავინახავთ, რომ აქ.

739
00:36:21,250 --> 00:36:25,340
ჩვენ ვხედავთ, რომ უფროსი
HTML დოკუმენტი, განსაკუთრებით.

740
00:36:25,340 --> 00:36:28,260
ასე რომ, თქვენ ნახავთ, რომ
ჩვენ, პრაქტიკულად, ვთქვათ SRC,

741
00:36:28,260 --> 00:36:29,590
რომელიც დგას წყარო.

742
00:36:29,590 --> 00:36:30,630
და ეს URL.

743
00:36:30,630 --> 00:36:32,700
>> ასე რომ, აქ თქვენ შეგიძლიათ თქვათ ჩვენ
შედის jQuery.

744
00:36:32,700 --> 00:36:34,290
და ჩვენ ასევე შედის სკრიპტები.

745
00:36:34,290 --> 00:36:40,630
სხვა გზა არ არის, JavaScript
რომ თქვენ შეიძლება შეიცავდეს inline script

746
00:36:40,630 --> 00:36:44,600
tag როგორც ჩვენ გვაქვს ბოლოში, სადაც იგი
ამბობს, რომ სცენარი ტიპის text JavaScript.

747
00:36:44,600 --> 00:36:46,960
>> ასე რომ, ჩვენ ვამბობთ, მოვუსმინოთ, ჩვენ
დაახლოებით მოიცავს სცენარი.

748
00:36:46,960 --> 00:36:51,890
და ტიპის, რომ სკრიპტი
JavaScript, რომელიც ტიპის ტექსტი.

749
00:36:51,890 --> 00:36:52,550
ძალიან მარტივია.

750
00:36:52,550 --> 00:36:56,490
>> MIKE RIZZO: ასე რომ, ეს, სახის, იღებს
თქვენს კითხვაზე, თუ როგორ არის

751
00:36:56,490 --> 00:37:02,340
JavaScript ჩვენს ფაილი რადგან, როდესაც ჩვენ
რომ PHP, ჩვენ რაღაც მოსწონს ეს.

752
00:37:02,340 --> 00:37:07,570
და შემდეგ, ჩვენი PHP ფუნქციები -
ვთქვათ აქციების გაკეთება

753
00:37:07,570 --> 00:37:09,150
რაღაც, რომ -

754
00:37:09,150 --> 00:37:10,490
მიდის იქ.

755
00:37:10,490 --> 00:37:13,860
თუმცა, ახლა ჩვენ სკრიპტი tags
რომ ვაძლევთ, რაც რეალურად

756
00:37:13,860 --> 00:37:19,470
ნაწილი HTML თავად, რადგან ეს არ არის
faking მყოფი HTML ფაილი, როგორც ეს

757
00:37:19,470 --> 00:37:25,070
არის PHP რადგან თუ რეალურად წავიდეს
და შევხედოთ წყაროს გვერდზე,

758
00:37:25,070 --> 00:37:28,430
თქვენ ნახავთ ამ სკრიპტის tags იქ
ერთად JavaScript უკავშირდება

759
00:37:28,430 --> 00:37:29,800
მათ რომ.

760
00:37:29,800 --> 00:37:31,760
>> ასე რომ, თუ გვინდოდა
დაწერა რამდენიმე JavaScript -

761
00:37:31,760 --> 00:37:37,110
მოდით უბრალოდ, ვამბობთ ჩვენ გვინდოდა, რომ შეიცვალოს სხეულის
რადგან ახლა მე არ მაქვს

762
00:37:37,110 --> 00:37:40,020
ნებისმიერი სხვა tags რომ მე ნამდვილად
რედაქტირება გარდა ორგანო.

763
00:37:40,020 --> 00:37:42,450
მოდით უბრალოდ, ვამბობთ მინდოდა
შეცვლა CSS რომ.

764
00:37:42,450 --> 00:37:46,190
ამიტომ ჩვენ წავიდეთ წინ და ცვლილება
ფერი მას წითელი.

765
00:37:46,190 --> 00:37:47,380
>> ასე რომ, მე ფაილის შენახვა.

766
00:37:47,380 --> 00:37:52,700
მოდით დავუბრუნდეთ ჩვენს ვებ გვერდზე, განახლება,
და ის ავტომატურად

767
00:37:52,700 --> 00:37:55,920
რადგან ეს არ ჩანს, როგორც ეს დაელოდა
ვინაიდან ჩვენ არ უსმენს

768
00:37:55,920 --> 00:37:59,450
ღონისძიება ან რამე მსგავსი.

769
00:37:59,450 --> 00:38:02,800
>> TOMAS REIMERS: ასე რომ, თუ ჩვენ დავუბრუნდებით, რომ
ფაილის კერძოდ - HTML

770
00:38:02,800 --> 00:38:04,710
ფაილი - თუ რას აპირებს
რომ არის ჩვენ -

771
00:38:04,710 --> 00:38:06,810
გვახსოვდეს, რომ ეს არის დატვირთული,
სახის, ქრონოლოგიურად.

772
00:38:06,810 --> 00:38:09,910
ასე რომ, ჩვენ პირველი ხელმძღვანელი.
ეს ტვირთავს ეს ორი ფაილი.

773
00:38:09,910 --> 00:38:10,800
მაშინ ჩვენ წავიდეთ ორგანო.

774
00:38:10,800 --> 00:38:11,640
და ჩვენ ვხედავთ მიესალმები მსოფლიოში.

775
00:38:11,640 --> 00:38:13,030
ასე რომ, ჩვენ გაუწიოს მიესალმები მსოფლიოში.

776
00:38:13,030 --> 00:38:15,240
>> და მაშინ ბოლო რამ ჩვენ
არის ჩვენ სცენარი აქვს.

777
00:38:15,240 --> 00:38:20,880
ასე რომ გადის სკრიპტი tag იმიტომ, რომ ეს
არ ვეუბნებით, რომ უნდა ველოდოთ არაფერი.

778
00:38:20,880 --> 00:38:24,700
და ეს ყველაზე ძირითადი
გზა აწარმოებს JavaScript.

779
00:38:24,700 --> 00:38:29,200
>> რომ განაცხადა, შეგიძლიათ დააყენა script
tag წელს header მხოლოდ

780
00:38:29,200 --> 00:38:31,240
რათა ნახოთ ამ ეტაპზე?

781
00:38:31,240 --> 00:38:34,450

782
00:38:34,450 --> 00:38:35,700
და აწარმოებს, რომ.

783
00:38:35,700 --> 00:38:38,880

784
00:38:38,880 --> 00:38:41,070
ჩვენ ვაპირებთ, რომ შეამჩნია, რომ
არ შეცვალოს ფერი.

785
00:38:41,070 --> 00:38:44,210
და ეს არის ერთ ერთი პრობლემა
JavaScript არის, რომ ყველაფერი დატვირთული

786
00:38:44,210 --> 00:38:45,930
ქრონოლოგიური თანმიმდევრობით.

787
00:38:45,930 --> 00:38:49,750
>> ასე რომ, იმ დროს, რომ კოდი
გადიოდა, შევარჩიეთ -

788
00:38:49,750 --> 00:38:52,530
დავუბრუნდეთ -

789
00:38:52,530 --> 00:38:53,670
ორგანოს აქვს.

790
00:38:53,670 --> 00:38:57,560
სხეულის tag ჯერ არ არსებობს, რადგან
JavaScript შეესაბამება HTML.

791
00:38:57,560 --> 00:39:01,790
ასე რომ, ბრაუზერის ჰგავს აირჩიეთ ორგანო.

792
00:39:01,790 --> 00:39:02,760
არ არსებობს ასეთი რამ არავის გაუკეთებია.

793
00:39:02,760 --> 00:39:03,600
ასე რომ ჩვენ შეგვიძლია იგნორირება, რომ.

794
00:39:03,600 --> 00:39:05,330
და ჩვენ შენარჩუნებას აპირებს.

795
00:39:05,330 --> 00:39:07,200
>> და მაშინ ჩვენ განსაზღვროს ორგანოს აქვს.

796
00:39:07,200 --> 00:39:09,670
მაგრამ ეს არასოდეს იღებს განახლება.

797
00:39:09,670 --> 00:39:12,560
ასე რომ, როდესაც თქვენ განხორციელების script
tags, დარწმუნდით განათავსებს

798
00:39:12,560 --> 00:39:15,502
მას შემდეგ, რაც ორგანოს აქვს.

799
00:39:15,502 --> 00:39:16,820
შემდეგი slide.

800
00:39:16,820 --> 00:39:17,830
>> MIKE RIZZO: OK.

801
00:39:17,830 --> 00:39:19,330
ასე რომ, ჩვენ შეიცვალა რაღაც.

802
00:39:19,330 --> 00:39:21,910
მაგრამ ეს არ ჰგავს ეს გამოეხმაურა
ჩვენს ყველა, რადგან ეს მხოლოდ სახის

803
00:39:21,910 --> 00:39:24,150
ეს გააკეთა, როგორც კი დატვირთული გვერდზე.

804
00:39:24,150 --> 00:39:27,700
ახლა, ნაცვლად აკეთებს, რატომ
არ დავუმატებთ ღონისძიება დამმუშავებლის.

805
00:39:27,700 --> 00:39:31,020
>> მოდით გავაკეთოთ რამე
სხეულის ერთხელ.

806
00:39:31,020 --> 00:39:33,490
და ვთქვათ, ჩვენ ამის შესახებ -

807
00:39:33,490 --> 00:39:34,500
დააწკაპუნეთ.

808
00:39:34,500 --> 00:39:35,750
ჩვენ დაამატოთ ფუნქცია.

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> TOMAS REIMERS: მოდით ცვლილება
ის ფერი წითელი ერთხელ.

811
00:39:39,690 --> 00:39:40,000
რატომ არა?

812
00:39:40,000 --> 00:39:41,680
>> MIKE RIZZO: ჰო, მოდით ცვლილება
მისი ფერი, წითელი ერთხელ.

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
ყველა უფლება.

815
00:39:46,900 --> 00:39:48,480
მოდით განაახლეთ გვერდი.

816
00:39:48,480 --> 00:39:49,530
OK, ჩვენ ვხედავთ -

817
00:39:49,530 --> 00:39:52,290
როგორც მოსალოდნელი იყო, ეს არ იქცევა წითელი არავის გაუკეთებია.

818
00:39:52,290 --> 00:39:53,610
მაგრამ მაშინ ჩვენ შეგვიძლია წავიდეთ წინ და დაწკაპეთ იგი.

819
00:39:53,610 --> 00:39:54,270
>> TOMAS REIMERS: და იგი იქაური წითელი.

820
00:39:54,270 --> 00:39:56,090
>> MIKE RIZZO: ეს სულაც
იქაური წითელი როგორც მოსალოდნელია.

821
00:39:56,090 --> 00:39:59,010
>> TOMAS REIMERS: და ჩვენ ვხედავთ, თუ როგორ
ჩვენ შეგვიძლია დავიწყოთ აშენება ძალიან ძირითადი

822
00:39:59,010 --> 00:40:00,170
ურთიერთქმედება.

823
00:40:00,170 --> 00:40:03,850
სხვა რამ, ჩვენ დაგვჭირდება რომ გააკეთოთ, არის,
თუ ჩვენ არ გვინდა, რომ სხეულის

824
00:40:03,850 --> 00:40:07,230
ფერი წითელი, მოდით მიიღოს HTML
ფონის ფერი წითელი.

825
00:40:07,230 --> 00:40:08,480
უბრალოდ, ასე რომ ეს იგივე CSS.

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> და როცა ჩვენ მას ვცვლით, ვხედავთ ამ
ძალიან დრამატული ეფექტი იცვლება

828
00:40:23,320 --> 00:40:25,510
მთელი გვერდი.

829
00:40:25,510 --> 00:40:29,100
ასე რომ კიდევ ერთხელ, თუ თქვენ ახორციელებს რამ,
თქვენ შეგიძლიათ ერთი კომპონენტი

830
00:40:29,100 --> 00:40:30,150
რომელიც ნიშნავს, რომ დაწკაპავთ.

831
00:40:30,150 --> 00:40:32,710
ვთქვათ Exit ღილაკს და
მთელი სხვა კომპონენტი,

832
00:40:32,710 --> 00:40:33,830
რომელიც გულისხმობს რეაგირება.

833
00:40:33,830 --> 00:40:35,755
ასე რომ თქვენ ამოიღონ window
როცა ეს მოხდება.

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> MIKE RIZZO: OK.

836
00:40:40,700 --> 00:40:42,200
ისევე, როგორც მაგალითად -

837
00:40:42,200 --> 00:40:44,400
თქვენ ვერ ვხედავ ამ ადრე -

838
00:40:44,400 --> 00:40:47,500
მე მხოლოდ ნახოთ თუ რა იგი გამოიყურება
მომწონს, როდესაც ჩვენ დასამალი რაღაც.

839
00:40:47,500 --> 00:40:52,220
ასე რომ მე წავიდეთ წინ და არ ლღობას up.

840
00:40:52,220 --> 00:40:54,440
>> TOMAS REIMERS გსურთ გადაიტანოთ რომ
პუნქტის ტიპის, სანამ ჩვენ ამის გაკეთება?

841
00:40:54,440 --> 00:40:55,132
>> MIKE RIZZO: OK.

842
00:40:55,132 --> 00:40:59,135
ჰო, რატომ არ გავაკეთოთ, რომ მხოლოდ ასე
ჩვენ შეგიძლიათ აირჩიოთ ის ცოტა მეტი.

843
00:40:59,135 --> 00:41:00,490
>> TOMAS REIMERS: და მოდით
მისთვის კლასის.

844
00:41:00,490 --> 00:41:01,740
>> MIKE RIZZO: ჰო.

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
OK, ასე რომ ვნახოთ.

847
00:41:09,920 --> 00:41:14,820
იმის ნაცვლად, რომ შერჩევის ფაქტობრივი სხეულის
ახლა, მე უბრალოდ აირჩიეთ ყველაფერი

848
00:41:14,820 --> 00:41:18,780
კლასი hello, რომელიც აქ
მხოლოდ ერთი რამ.

849
00:41:18,780 --> 00:41:20,900
ასე რომ, ჩვენ არ უნდა
ფიქრი, რომ.

850
00:41:20,900 --> 00:41:23,080
>> ასე რომ მე ამოცნობა იგი.

851
00:41:23,080 --> 00:41:24,230
მე წავიდეთ წინ და დაწკაპეთ იგი.

852
00:41:24,230 --> 00:41:27,890
და ეს, ერთგვარი, გააკეთა უცნაური slide
up რამ, რაც არ გამოიყურება, რომ

853
00:41:27,890 --> 00:41:29,580
მიმზიდველი.

854
00:41:29,580 --> 00:41:31,060
საერთოდ, ისინი არ გამოიყურება საკმაოდ ლამაზი.

855
00:41:31,060 --> 00:41:32,720
ვფიქრობ, ეს - გარკვეული
მიზეზი - არა.

856
00:41:32,720 --> 00:41:36,640
მე უბრალოდ fade out ასე
თქვენ შეგიძლიათ შეხედოთ, რომ ძალიან.

857
00:41:36,640 --> 00:41:38,100
ბევრად გავალამაზოთ.

858
00:41:38,100 --> 00:41:41,150
>> და მაშინ, თუ მე ქმნის JavaScript
ნუგეშია ისევ და ჩვენ გვინდა, რომ რა

859
00:41:41,150 --> 00:41:43,900
ეს ჰგავს, როდესაც ჩვენ ქრებოდა ის სისტემაში

860
00:41:43,900 --> 00:41:46,920
ახლა, მე მხოლოდ მოვუწოდებთ ქრებოდა წელს იგი.

861
00:41:46,920 --> 00:41:48,830
და ეს fades უკან შემოსული

862
00:41:48,830 --> 00:41:56,150
>> ანალოგიურად, ჩვენ შეგვიძლია რეალურად ასევე გაივლის
არგუმენტი ქრებოდა ან ქრებოდა,

863
00:41:56,150 --> 00:41:57,640
რომელიც, სახის, სიჩქარე იგი.

864
00:41:57,640 --> 00:42:02,220
მოდით წავიდეთ წინ და ვთქვათ, ჩვენ გვინდა
მას წასვლა ნელა ქრებოდა შემოსული

865
00:42:02,220 --> 00:42:04,250
ასე რომ, ვფიქრობ, ეს ჯერ კიდევ ჩანდა
საკმაოდ სწრაფი.

866
00:42:04,250 --> 00:42:06,180
მაგრამ ეს იყო ნელი, ვიდრე ადრე.

867
00:42:06,180 --> 00:42:10,340
>> TOMAS REIMERS: თუ თქვენ გსურთ იპოვოთ
მეტი ეს ყველაფერი, კიდევ ერთხელ,

868
00:42:10,340 --> 00:42:13,410
უბრალოდ წასვლა jQuery დოკუმენტაცია,
რომელიც ჩვენ მოცემული, და წაიკითხეთ

869
00:42:13,410 --> 00:42:13,735
ამ გზით.

870
00:42:13,735 --> 00:42:15,790
ისინი დოკუმენტურად მათი ფუნქციები
წარმოუდგენლად კარგად.

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> MIKE RIZZO: OK.

873
00:42:19,570 --> 00:42:21,560
ამიტომ ვფიქრობ, მოდით დავუბრუნდეთ ამ.

874
00:42:21,560 --> 00:42:23,490
და ჩვენ შეგვიძლია ვისაუბროთ ჩვენი ბოლო გვერდი.

875
00:42:23,490 --> 00:42:24,690
ისე, ჩვენ შეგვიძლია დასრულდება ჩატვირთვის.

876
00:42:24,690 --> 00:42:27,140
და მაშინ ჩვენ გახსნა ეს
გარკვეული კითხვები.

877
00:42:27,140 --> 00:42:30,180
და თუ ბიჭები რაიმე იდეები,
გსურთ ცდილობენ გადაყარეთ up და ვნახავთ

878
00:42:30,180 --> 00:42:34,150
თუ ჩვენ შეგვიძლია განახორციელებენ მათ
JavaScript სწრაფად.

879
00:42:34,150 --> 00:42:37,890
>> ასე რომ, მართლაც სწრაფად ჩატვირთვის შესახებ, რომელიც
ავტომატურად შედის

880
00:42:37,890 --> 00:42:41,700
უკანასკნელი პრობლემა მითითებული CSS საქაღალდე
და რეალურად უკავშირდება თქვენს

881
00:42:41,700 --> 00:42:43,190
header.php.

882
00:42:43,190 --> 00:42:46,740
ასე რომ თქვენ შეიძლება არ დასძინა, კლასების, რომ
განისაზღვრება ფარგლებში ჩატვირთვის მას.

883
00:42:46,740 --> 00:42:50,490
და ეს იქნებოდა ავტომატურად ე.წ.
იმ რამ, შესაბამისად.

884
00:42:50,490 --> 00:42:54,550
>> TOMAS REIMERS: So ჩატვირთვის არის ძალიან
ჯადოსნური რამ განვითარებული ხალხის მიერ

885
00:42:54,550 --> 00:42:55,340
at Twitter.

886
00:42:55,340 --> 00:42:57,230
და რას ნიშნავდა არ იყო -

887
00:42:57,230 --> 00:43:00,740
ადრე საიტებზე მართლაც იმისთვის, რომ
გამოიყურება ლამაზი, განსაკუთრებით მაშინ, როდესაც ჩვენ გვქონდა

888
00:43:00,740 --> 00:43:02,200
ბევრი საერთო კომპონენტები.

889
00:43:02,200 --> 00:43:04,770
ასე რომ, ბევრი ღილაკების
ვებ ჩანდა იგივე.

890
00:43:04,770 --> 00:43:08,960
>> ბევრი ტექსტი სფეროებში შეიძლება მოხდეს
უკეთ, ვიდრე სტანდარტული ტექსტი

891
00:43:08,960 --> 00:43:13,620
ველი თქვენ ალბათ იცით ნამდვილად
ძველი საიტებზე ან მართლაც ცუდად გააკეთა

892
00:43:13,620 --> 00:43:18,210
საიტებზე, რომელიც მხოლოდ ჰგავს ლიტერატურული
ტექსტური ყუთები ყოველგვარი სახით ტექსტი

893
00:43:18,210 --> 00:43:21,190
shadow ან რაიმე სახის ლამაზი მონახაზი.

894
00:43:21,190 --> 00:43:24,540
ასე რომ, რა ჩატვირთვის გააკეთა, მისი თქმით, ისევე,
ჩვენ გვაქვს ბევრი საერთო სტილის.

895
00:43:24,540 --> 00:43:28,210
რატომ არ გვაქვს ერთი საერთო CSS
და საერთო JavaScript როგორც

896
00:43:28,210 --> 00:43:32,210
ასევე, რაც შეიძლება სტილი, როგორც არის და რაც
შეგიძლიათ მისცეს ხალხს რამ, როგორიცაა drop

897
00:43:32,210 --> 00:43:34,610
ქვემოთ მენიუები, რომელსაც შეუძლია მისცეს ხალხს
რამ, როგორიცაა modals.

898
00:43:34,610 --> 00:43:38,580
>> მოდალური არის ის, რაც pops მეტი გვერდი
როდესაც ის მკაცრად რომ ვთქვათ

899
00:43:38,580 --> 00:43:41,090
ის, რაც აფერხებს შემდგომი
ურთიერთქმედების, სანამ

900
00:43:41,090 --> 00:43:43,110
ურთიერთქმედება იგი.

901
00:43:43,110 --> 00:43:45,820
რაღაც ეს, დარწმუნებული ხართ
გსურთ წაშალოთ ეს საგანი?

902
00:43:45,820 --> 00:43:49,100
თქვენ არ შეგიძლიათ ნამდვილად არაფერი
სანამ თქვენ ამბობთ არა.

903
00:43:49,100 --> 00:43:52,720
>> დასჭირდა ყველა და ეს შეფუთული ის
ერთად და აღნიშნა, რომ აქ ჩვენ მივდივართ.

904
00:43:52,720 --> 00:43:54,630
ადამიანი შეგვიძლია ახლა გამოვიყენოთ ეს.

905
00:43:54,630 --> 00:43:56,830
და ნახავთ, რომ მეტი
at getbootstrap.com.

906
00:43:56,830 --> 00:44:00,480
იგი ავტომატურად შედის
თქვენი ბოლო პრობლემა კომპლექტი.

907
00:44:00,480 --> 00:44:04,160
და თქვენ მეტი მივესალმებით
გამოიყენოს ეს თქვენი საბოლოო პროექტი.

908
00:44:04,160 --> 00:44:06,950
და თუ გვინდა, რომ დაიცვას, რომ
ბმული მიიღოს ჩატვირთვის.

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> თქვენ ნახავთ, აქ არის
ჩატვირთვის CSS საიტზე.

911
00:44:15,700 --> 00:44:16,860
დაინახავთ ჩატვირთვის.

912
00:44:16,860 --> 00:44:20,450
და თუ გადახვევა ქვემოთ, თქვენ ნახავთ
როგორ უნდა გადმოწეროთ, თუ როგორ უნდა

913
00:44:20,450 --> 00:44:21,900
დააინსტალიროთ, et cetera.

914
00:44:21,900 --> 00:44:24,700
>> MIKE RIZZO: თქვენ ასევე შეგიძლიათ,
საინტერესოა, სახის მას

915
00:44:24,700 --> 00:44:27,770
იყოს რაც სახის თემები
რომ გსურთ.

916
00:44:27,770 --> 00:44:31,270
მე ვიცი, რომ რაღაც გავაკეთე ჩემი
საბოლოო პროექტი, როდესაც მე მივიღე კლასი

917
00:44:31,270 --> 00:44:32,050
იყო Customize იგი.

918
00:44:32,050 --> 00:44:34,540
სხვადასხვა მობილური ჩატვირთვის რომ
ჰქონდა სხვადასხვა ფერი სქემა და

919
00:44:34,540 --> 00:44:36,700
სხვადასხვა ფორმებს ზოგიერთი
სხვადასხვა რამ.

920
00:44:36,700 --> 00:44:38,250
ასე რომ, მე მოგიწოდებთ თქვენ უნდა ითამაშოს, რომ.

921
00:44:38,250 --> 00:44:39,440
ეს არის სახის fun უნდა გააკეთოს.

922
00:44:39,440 --> 00:44:43,230
>> TOMAS REIMERS: ვეძებთ მასშტაბით ყველაზე
ერთხელ, ეს ძალიან ჰგავს Font

923
00:44:43,230 --> 00:44:44,970
გასაოცარია საიტზე.

924
00:44:44,970 --> 00:44:47,810
ბევრი დოკუმენტაცია დაიწყება
როგორც ჩანს, მსგავსი, როდესაც თქვენ

925
00:44:47,810 --> 00:44:48,940
ჩანს საკმარისი იქნება.

926
00:44:48,940 --> 00:44:51,260
ასე რომ, აქ ჩვენ გვაქვს CSS
კომპონენტი ამ.

927
00:44:51,260 --> 00:44:53,540
და თქვენ ნახავთ, თუ როგორ
შეგიძლიათ სტილი რამ.

928
00:44:53,540 --> 00:44:56,780
ასე რომ, თუ თქვენ დააჭირეთ მაგიდები, მაგალითად,
თქვენ შეგიძლიათ მომენტალურად მიიღოს

929
00:44:56,780 --> 00:45:01,710
მაგიდა საკმაოდ უბრალოდ დასძინა
კლასი მაგიდა მას.

930
00:45:01,710 --> 00:45:03,150
>> იგივე რამ ღილაკებით.

931
00:45:03,150 --> 00:45:12,140
თუ თქვენ უბრალოდ დაამატოთ კლასის BTN და BTN
რა ან BTN პირველადი, თქვენ შეგიძლიათ

932
00:45:12,140 --> 00:45:16,240
კიდევ ერთი ასეთი ღილაკები
ამ წინასწარ დამზადებული სტილის.

933
00:45:16,240 --> 00:45:18,570
ხოლო შემდეგ, თუ თქვენ ვეძებთ
უფრო რთული, ვიდრე უბრალოდ

934
00:45:18,570 --> 00:45:24,100
restyling რა w უკვე გაქვთ, დასრულდა
JavaScript tab მასშტაბით ყველაზე ჩვენ

935
00:45:24,100 --> 00:45:25,120
გაქვთ bunch of კომპონენტები.

936
00:45:25,120 --> 00:45:30,410
>> ასე რომ აქ გვაქვს გადასვლები, modals,
dropdowns, ჩანართების და მინიშნებები.

937
00:45:30,410 --> 00:45:35,530
Tooltip არის ის, რაც pops up, თქვენი
მაუსის როდესაც თქვენ hover რაღაც.

938
00:45:35,530 --> 00:45:40,280
Popovers, ცვლილებები, ღილები, დასაკეც
აკორდეონებისა არის რა

939
00:45:40,280 --> 00:45:41,190
ისინი, როგორც წესი ეწოდება.

940
00:45:41,190 --> 00:45:43,045
კარუსელები, რომელიც flip
მეშვეობით, როგორიცაა images.

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> ასე რომ, ეს არის კომპონენტების
საქართველოს ჩატვირთვის.

943
00:45:54,840 --> 00:45:57,620
მე მოგიწოდებთ, რომ
მაღალი წავიდეთ შევხედოთ მათ.

944
00:45:57,620 --> 00:46:01,780
არსებობს JavaScript კომპონენტი
და CSS კომპონენტი.

945
00:46:01,780 --> 00:46:03,880
მოგერიდებათ მათი გამოყენება, როგორც თქვენ.

946
00:46:03,880 --> 00:46:06,730
ჩვენ არ ვაპირებთ წასვლა ძალიან ბევრი მათ
რადგან ვგრძნობთ დოკუმენტაცია

947
00:46:06,730 --> 00:46:09,360
მართლაც კარგად გაკეთდეს.

948
00:46:09,360 --> 00:46:10,540
და yeah.

949
00:46:10,540 --> 00:46:14,500
გაქვთ რაიმე შეკითხვები, რომ?

950
00:46:14,500 --> 00:46:19,430
>> MIKE RIZZO: ასე რომ, როგორც მართლაც სწრაფი
მხარეს, დიზაინი ამ ვებ გვერდზე, რომელიც

951
00:46:19,430 --> 00:46:21,830
ჩვენ სწრაფად დააყენა ერთად
ამ პრეზენტაცია

952
00:46:21,830 --> 00:46:24,290
რეალურად გაკეთდეს გამოყენებით ჩატვირთვის.

953
00:46:24,290 --> 00:46:27,810
როგორც ხედავთ, როდესაც ჩვენ დააწკაპუნეთ ამ
სხვადასხვა ჩანართი, ჩვენ არასოდეს რეალურად

954
00:46:27,810 --> 00:46:30,750
რის გამოც მიმდინარე index.html გვერდზე.

955
00:46:30,750 --> 00:46:36,400
ასე რომ, რაც გვაქვს, არის სხვადასხვა divs
ამ index.html.

956
00:46:36,400 --> 00:46:39,610
და მაშინ, როდესაც ჩვენ დააწკაპუნეთ სხვადასხვა
tab, უბრალოდ იცვლება

957
00:46:39,610 --> 00:46:41,590
რომელიც ერთი მაჩვენებელი.

958
00:46:41,590 --> 00:46:47,390
>> ასე რომ, შესაბამისად პოზიციები, მათ შორის,
ცვლის HTML გვერდზე ისე, რომ

959
00:46:47,390 --> 00:46:52,330
მიმდინარე tab აღინიშნება, როგორც აქტიური ისე,
როგორც ჩანს განსხვავებულად და გამოიყურება

960
00:46:52,330 --> 00:46:52,820
მართლაც ლამაზი.

961
00:46:52,820 --> 00:46:57,260
>> TOMAS REIMERS: ასე რომ, ყველაფერი კეთდება
ჩვენს გარეშე წერა თითქმის ნებისმიერი CSS.

962
00:46:57,260 --> 00:47:01,440
ჩვენ ასევე ვხედავთ header მასშტაბით ყველაზე,
რომელიც ფერები ჩვენს მიერ.

963
00:47:01,440 --> 00:47:04,800
მაგრამ ფაქტობრივი აყენებს მას
გვერდის თავზე და მიღების

964
00:47:04,800 --> 00:47:06,660
ეს გადახვევა იყო ჩატვირთვის.

965
00:47:06,660 --> 00:47:09,720
და შემდეგ კი კიდევ ერთი ბიბლიოთეკა - ეს
არ არის ერთი ჩვენ ვისაუბრეთ, მაგრამ ერთი

966
00:47:09,720 --> 00:47:11,580
თქვენ შეგიძლიათ Google, თუ გნებავთ.

967
00:47:11,580 --> 00:47:15,130
ეს ჰქვია prettify.js.

968
00:47:15,130 --> 00:47:20,650
და ეს სინტაქსი ხაზი გავუსვა თქვენი კოდი
თქვენ გამოყენებით, როგორც CSS და JavaScript.

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> ბოლო რაც ჩვენ გვინდა, რომ ვისაუბროთ
სანამ ჩვენ გაათავისუფლოს თქვენ out შევიდა

971
00:47:27,070 --> 00:47:30,620
მსოფლიო შევხედოთ ბიბლიოთეკების გაერკვნენ
როგორ უნდა გამოიყენოთ ისინი და, იმედია,

972
00:47:30,620 --> 00:47:34,640
წაკითხვის დოკუმენტაცია და იპოვოს ის, რაც თქვენ
საჭიროება როგორ მოვძებნოთ ბიბლიოთეკები.

973
00:47:34,640 --> 00:47:37,000
ასე რომ, პირველი არის ჩვენ უბრალოდ
აპირებს დააყენებს Google.

974
00:47:37,000 --> 00:47:37,810
ტურიზმი Google.

975
00:47:37,810 --> 00:47:41,150
>> ეს არის ის სიტყვასიტყვით რას ვაკეთებთ, როცა
უნდა გავაკეთოთ რაღაც ჩვენ Google.

976
00:47:41,150 --> 00:47:44,730
არსებობს JavaScript ბიბლიოთეკა,
საშუალებას იძლევა ჩემთვის მანიპულირება დრო

977
00:47:44,730 --> 00:47:45,400
სასარგებლო გზა?

978
00:47:45,400 --> 00:47:49,510
ასე რომ, თუ მე ვიცი, რომ ზოგიერთი პროფაილი შექმნაში
ანგარიშის აქ, და ეს არის

979
00:47:49,510 --> 00:47:53,010
მიმდინარე დრო, როგორ შემიძლია გამოთვლა
განსხვავება, რომ გარეშე

980
00:47:53,010 --> 00:47:55,020
გამოვთვალოთ იგი თავს?

981
00:47:55,020 --> 00:47:59,630
ასე რომ, ეს არის რეალურად საერთო რამ,
JavaScript დროს ბიბლიოთეკა.

982
00:47:59,630 --> 00:48:02,440
და აქ ჩვენ Moment.js--
ყველაზე პოპულარული ერთი.

983
00:48:02,440 --> 00:48:06,530
>> იმ შემთხვევაში, თუ ჩვენ გვჭირდება ბიბლიოთეკა მანიპულირება
რაღაც ფერი შეძლებს

984
00:48:06,530 --> 00:48:08,650
გენერირება bunch of შემთხვევითი ფერები -

985
00:48:08,650 --> 00:48:10,660
შესაძლოა, გენერირება
სტილი ან რაღაც -

986
00:48:10,660 --> 00:48:13,480
ჩვენ შეგვიძლია Google რაღაც
JavaScript ფერი ბიბლიოთეკაში.

987
00:48:13,480 --> 00:48:15,620
და დარწმუნებული ვარ, ჩვენ რომ პოპ up ერთად
ათასი და ერთი მათგანი.

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
მობრძანდით წაკითხვის მათ.

990
00:48:21,410 --> 00:48:24,610
>> ასე რომ საუკეთესო რამ - როდესაც თქვენ მათ -
ვაპირებთ გაიმართება ერთი

991
00:48:24,610 --> 00:48:25,920
საიტები რომელიც მასპინძელი კოდი.

992
00:48:25,920 --> 00:48:26,960
ისინი რამდენიმე პოპულარული პირობა.

993
00:48:26,960 --> 00:48:30,870
ყველაზე პოპულარული, მიერ
ჯერჯერობით, არის github.com.

994
00:48:30,870 --> 00:48:35,300
და თუ წასვლა GitHub სინამდვილეში
სადაც ნორმალიზება გაიმართა.

995
00:48:35,300 --> 00:48:36,950
ასე რომ, თუ გვინდა დავუბრუნდეთ, რომ ერთი.

996
00:48:36,950 --> 00:48:38,135
ვაჩვენოთ, რომ.

997
00:48:38,135 --> 00:48:40,516
>> MIKE RIZZO: და რომ სინამდვილეში, სადაც
ეს მასპინძლობს ძალიან, თუ თქვენ შენიშნა.

998
00:48:40,516 --> 00:48:41,000
>> TOMAS REIMERS: ჰო.

999
00:48:41,000 --> 00:48:49,078
ასე რომ, თუ მიდიხარ მეტი ნორმალიზება
და წასვლა GitHub.

1000
00:48:49,078 --> 00:48:51,936
იყო ეს?

1001
00:48:51,936 --> 00:48:54,620
>> MIKE RIZZO: ეს პატარა კატა რამ
არის GitHub სიმბოლო.

1002
00:48:54,620 --> 00:48:56,330
>> TOMAS REIMERS: Oh.

1003
00:48:56,330 --> 00:49:02,180
ასე GitHub იყენებს მეთოდი ეწოდება
Git შესანახად კოდი.

1004
00:49:02,180 --> 00:49:05,150
თქვენ არ ვიცი რა, რომ არის ან
ეს frightens თქვენ, რომ ჯარიმა.

1005
00:49:05,150 --> 00:49:16,100
თქვენ არ ვიცი, რა Git არის
რადგან GitHub აქვს Download ღილაკს

1006
00:49:16,100 --> 00:49:17,200
ბოლოში უფლება.

1007
00:49:17,200 --> 00:49:21,350
>> სხვა სასარგებლო რამ ვიცი
შესახებ GitHub არის საუკეთესო პროდუქცია

1008
00:49:21,350 --> 00:49:23,200
ექნება წაიკითხა ჩემთვის.

1009
00:49:23,200 --> 00:49:25,400
და თუ არ აქვს ნახვა,
წაკითხვის me ისაუბრებს, თუ როგორ

1010
00:49:25,400 --> 00:49:28,310
დააინსტალიროთ, თუ როგორ გამოიყენოთ ის, თუ რას
აკეთებს, et cetera, et cetera, et cetera.

1011
00:49:28,310 --> 00:49:31,033
ის, რაც ჩვენ, ძირითადად, იყო
ფეხით თქვენ მეშვეობით.

1012
00:49:31,033 --> 00:49:32,326
>> MIKE RIZZO: ინტერნეტის ტოვებს.

1013
00:49:32,326 --> 00:49:34,020
>> TOMAS REIMERS: ეს ჯარიმა.

1014
00:49:34,020 --> 00:49:36,980
ბოლო ორი რამ გვინდოდა
ლაპარაკი -

1015
00:49:36,980 --> 00:49:38,750
ჩვენ ვისაუბრეთ Git -

1016
00:49:38,750 --> 00:49:40,290
არის troubleshooting.

1017
00:49:40,290 --> 00:49:43,020
და ეს ერთი არ არის, როგორც შესაბამისი
საბოლოო პროდუქტი, როგორც ეს არის

1018
00:49:43,020 --> 00:49:44,870
როდესაც თქვენ დატოვონ 50.

1019
00:49:44,870 --> 00:49:48,310
და როდესაც თქვენ გადაეყარონ პროდუქცია
ახორციელებს ბიბლიოთეკების ან ახორციელებს

1020
00:49:48,310 --> 00:49:50,230
საკუთარი პროექტი, თქვენ აპირებს
რომ გაქვთ შეკითხვები ან თქვენ

1021
00:49:50,230 --> 00:49:51,660
აპირებს გამოიყურებოდეს შეკითხვებზე.

1022
00:49:51,660 --> 00:49:53,060
>> ერთხელ, Google მას.

1023
00:49:53,060 --> 00:49:54,630
ეს არის ის სიტყვასიტყვით რას ვაკეთებთ.

1024
00:49:54,630 --> 00:49:56,400
ეს აპირებს გასწავლოთ სულელური.

1025
00:49:56,400 --> 00:49:58,310
მაგრამ ფაქტიურად, ჩვენ Google იგი.

1026
00:49:58,310 --> 00:50:01,810
და ისევ, ერთი პირველი რამ,
თქვენ, როგორც წესი, გადაეყარონ არის

1027
00:50:01,810 --> 00:50:06,550
stackoverflow.com, რომელიც არის შესანიშნავი
კითხვა და პასუხი არ ჩანდა.

1028
00:50:06,550 --> 00:50:10,530
>> ეს მშვენიერი ორივე, რადგან თქვენ შეგიძლიათ
პოსტი კითხვები და ვეძებოთ

1029
00:50:10,530 --> 00:50:12,760
პასუხი არამედ იმიტომ,
მას უკვე აქვს ბევრი

1030
00:50:12,760 --> 00:50:14,590
წინასწარ დასახლებულ content არსებობს.

1031
00:50:14,590 --> 00:50:18,510
ასე რომ, როგორც წესი, როდესაც თქვენ Google პროგრამირების
კითხვა ფარგლებში პირველი

1032
00:50:18,510 --> 00:50:22,620
რამდენიმე ჰიტები თქვენ უკვე აწარმოებს
იგი დროს თქვენი პრობლემა კომპლექტი.

1033
00:50:22,620 --> 00:50:27,840
>> და შემდეგ, ბოლო მართლაც მოკლე რამ
არის JSFIDDLE, რაც - დღეს ჩვენ

1034
00:50:27,840 --> 00:50:32,110
აკეთებს ბევრი მუშაობა
JavaScript HTML CSS.

1035
00:50:32,110 --> 00:50:39,820
JSFIDDLE არის web app, რომლებიც ძირითადად
გაძლევთ საშუალებას მიიღოს თქვენი HTML, თქვენი

1036
00:50:39,820 --> 00:50:42,820
JavaScript ქვედა მარცხენა და
თქვენი CSS ზედა მარჯვენა.

1037
00:50:42,820 --> 00:50:47,840
და მაშინ მას შეუძლია შექმნას სწრაფი გაწევა
ეს და ვნახავთ, როგორ ურთიერთქმედებს.

1038
00:50:47,840 --> 00:50:50,500
ეს არის ძალიან სასარგებლო, როდესაც ადამიანი ცდილობს
გავაკეთოთ მტკიცებულება კონცეფციის მოსწონს

1039
00:50:50,500 --> 00:50:52,910
ეს არის, თუ როგორ
გავაკეთოთ ჩამოსაშლელი მენიუ.

1040
00:50:52,910 --> 00:50:54,980
იქნებ სწრაფი uncover ან რასაც.

1041
00:50:54,980 --> 00:50:56,560
>> MIKE RIZZO: მოდით წავიდეთ
წინ და დააჭირეთ.

1042
00:50:56,560 --> 00:50:57,820
სწრაფი შენიშვნა -

1043
00:50:57,820 --> 00:51:00,430
ხოლო, სანამ ჩვენ ვიყავით
აკეთებს დაჭერით.

1044
00:51:00,430 --> 00:51:04,380
თურმე JCorey Korea ასევე აქვს ჩაშენებული
in click ღონისძიება დამმუშავებლის, რომ

1045
00:51:04,380 --> 00:51:07,020
იყენებს მხოლოდ იმიტომ, რომ გათვლით თქვენ
აპირებს გვინდა ბევრი რამ,

1046
00:51:07,020 --> 00:51:08,410
როდესაც გსურთ დააწკაპუნეთ რაღაც.

1047
00:51:08,410 --> 00:51:09,690
>> მსგავსად ამისა, მას ასევე აქვს hover.

1048
00:51:09,690 --> 00:51:12,850
მაგრამ მიიღოს სრული ფარგლებს
მათთვის, შევხედოთ jQuery

1049
00:51:12,850 --> 00:51:15,320
დოკუმენტაცია და ამის გაკეთება.

1050
00:51:15,320 --> 00:51:18,760
მე რაღაც სულელური აქ.

1051
00:51:18,760 --> 00:51:21,490
>> TOMAS REIMERS: ასე რომ მე ნამდვილად სწრაფი
პროგრამის უფლება აქ, რომელიც ამბობს,

1052
00:51:21,490 --> 00:51:22,640
ღილაკს დაჭერით.

1053
00:51:22,640 --> 00:51:23,890
მაშინ ჩვენ გვაქვს ამისთვის loop.

1054
00:51:23,890 --> 00:51:26,810
განთავსების i ნაკლებია, ვიდრე 404.

1055
00:51:26,810 --> 00:51:29,530
უბრალოდ აპირებს პოპ up
ამ საგანგაშო სიგნალი შეტყობინებები.

1056
00:51:29,530 --> 00:51:33,425
>> MIKE RIZZO: და რა იყო
კოდი 404 იდგა in HTML?

1057
00:51:33,425 --> 00:51:34,145
ვინმეს გახსოვთ?

1058
00:51:34,145 --> 00:51:35,450
არ არის ნაპოვნი, მარჯვნივ.

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
Chrome ასევე დასძინა, ეს neat
რამ, სადაც შეგიძლიათ -

1061
00:51:40,885 --> 00:51:43,430
>> TOMAS REIMERS: იმის გამო, რომ ადამიანს მოსწონს
Mike დაიწყო ამით ბევრი და

1062
00:51:43,430 --> 00:51:47,230
შემაშფოთებელი მომხმარებლებს, რომელიც საშუალებას იძლევა
ნახავთ ინფორმაცია.

1063
00:51:47,230 --> 00:51:48,286
>> MIKE RIZZO: ჰო.

1064
00:51:48,286 --> 00:51:50,690
>> TOMAS REIMERS: გვაქვს რაიმე შეკითხვები
ამ, დაახლოებით JavaScript

1065
00:51:50,690 --> 00:51:53,420
ბიბლიოთეკების, მოძიებაში ბიბლიოთეკების, ან
რა ვებ განვითარების გამოიყურება

1066
00:51:53,420 --> 00:51:55,400
ისევე როგორც რეალურ ცხოვრებაში?

1067
00:51:55,400 --> 00:51:56,880
ჩვენ გაშვებული up წინააღმდეგ დრო.

1068
00:51:56,880 --> 00:52:00,400
ასე რომ, მე არ ვარ დარწმუნებული, რომ ჩვენ ვაპირებთ
გვაქვს დრო, რათა განახორციელოს

1069
00:52:00,400 --> 00:52:02,290
თუ ეს მართლაც სწრაფი.

1070
00:52:02,290 --> 00:52:04,580
ჩვენ კარგი?

1071
00:52:04,580 --> 00:52:08,110
>> MIKE RIZZO: Anything თქვენ ბიჭები სურს
ვხედავ მართლაც სწრაფი, როგორიცაა, ორი

1072
00:52:08,110 --> 00:52:09,556
წუთის ან ნაკლები?

1073
00:52:09,556 --> 00:52:10,870
>> TOMAS REIMERS: Anything
ჩვენ შეგვიძლია გარკვევა?

1074
00:52:10,870 --> 00:52:12,500
როგორ დავწეროთ in -

1075
00:52:12,500 --> 00:52:13,260
>> აუდიტორია: [INAUDIBLE]?

1076
00:52:13,260 --> 00:52:16,070
>> MIKE RIZZO: დიახ, ასე that's -

1077
00:52:16,070 --> 00:52:18,065
>> TOMAS REIMERS: თქვენ შეგიძლიათ უბრალოდ მოხვდა
Control-U ვებგვერდზე.

1078
00:52:18,065 --> 00:52:19,275
>> MIKE RIZZO: Oh, მე არ ვიცი, რომ.

1079
00:52:19,275 --> 00:52:22,290
>> TOMAS REIMERS: ვფიქრობ, yeah.

1080
00:52:22,290 --> 00:52:23,300
Control-U. ჰო.

1081
00:52:23,300 --> 00:52:25,970
>> MIKE RIZZO: Oh, ასე რომ
კოდი ვებგვერდზე.

1082
00:52:25,970 --> 00:52:29,580
მაგრამ თუ თქვენ ნამდვილად გინდათ ჩამოტვირთოთ ჩვენი
ფაილი და ყველაფერი, ის გაიმართა

1083
00:52:29,580 --> 00:52:32,650
on github.com

1084
00:52:32,650 --> 00:52:34,850
>> TOMAS REIMERS: სლეში ჩემი სახელი -

1085
00:52:34,850 --> 00:52:38,504
Tomas Reimers - slash
CS50 დეფისი სემინარი.

1086
00:52:38,504 --> 00:52:40,710
>> MIKE RIZZO: თქვენ შეგიძლიათ
ყველაფერი არსებობს.

1087
00:52:40,710 --> 00:52:42,310
>> TOMAS REIMERS: ეს არის ის, რაც GitHub
ჰგავს, სხვათა შორის.

1088
00:52:42,310 --> 00:52:44,910
ასე რომ კიდევ ერთხელ, როდესაც ხედავთ ღია
პროექტი, როგორც წესი, ისინი ყველაფერს წაკითხული

1089
00:52:44,910 --> 00:52:45,950
მე, რომ შეგიძლიათ წაიკითხოთ.

1090
00:52:45,950 --> 00:52:50,200
და თუ დაბრუნდეს, თქვენ შეამჩნევთ, რომ
თქვენ გაქვთ download zip, რომელიც

1091
00:52:50,200 --> 00:52:52,130
საშუალებას მოგცემთ ჩამოტვირთოთ წყარო
კოდი უნდა შეიცავდეს

1092
00:52:52,130 --> 00:52:53,666
პროდუქტის თქვენი რამ.

1093
00:52:53,666 --> 00:52:56,890
>> MIKE RIZZO: ჰო, და თუ ჩვენ უბრალოდ დააჭირეთ
წლის index.html მართლაც სწრაფად -

1094
00:52:56,890 --> 00:52:59,180
>> TOMAS REIMERS თქვენ დაინახავთ აქ
კოდის ჩვენი ნახვა.

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> MIKE RIZZO: ასევე, დამავიწყდა დააყენებს უფლება
ადრე ერთად დიდი მაგიდა ეს

1097
00:53:06,070 --> 00:53:09,860
შედის, მაგრამ არსებობს ასევე მაგიდა
საქართველოს chmods, რომ ჩვენ ჩართული

1098
00:53:09,860 --> 00:53:13,210
მხოლოდ თქვენი სიწმინდე.

1099
00:53:13,210 --> 00:53:16,940
მაგრამ თუ ჩვენ გადახვევა ყველა გზა ქვემოთ
ბოლოში, ჩვენ არ რეალურად ძალიან

1100
00:53:16,940 --> 00:53:21,160
ბევრი ერთად JavaScript
პერსონალის ყველა ამ.

1101
00:53:21,160 --> 00:53:26,610
ეს მხოლოდ ყველაფერი
კიდევ გვქონდა.

1102
00:53:26,610 --> 00:53:28,730
>> ასე რომ, დიდი მადლობა ბიჭებს მომავალი
და უსმენდა.

1103
00:53:28,730 --> 00:53:29,830
ჩვენ ვიმედოვნებთ რომ ეს იყო ნამდვილად გამოსადეგი.

1104
00:53:29,830 --> 00:53:33,020
თუ თქვენ გაქვთ რაიმე JavaScript დაკავშირებული
შეკითხვები, ან უბრალოდ მინდა ვისაუბრო

1105
00:53:33,020 --> 00:53:36,240
რა მოსწონს სხვა რა მაგარი რამ
შეგიძლიათ გააკეთოთ JavaScript, ჩვენ მინდა მიყვარს

1106
00:53:36,240 --> 00:53:37,186
გაიგო თქვენ.

1107
00:53:37,186 --> 00:53:40,010
>> TOMAS REIMERS: თუ თქვენ გაქვთ შეკითხვა
თქვენი პროექტის ან თუ ეს შეიძლება იყოს

1108
00:53:40,010 --> 00:53:42,740
შესაბამისი, ჩვენ ალბათ გამყარებაში გარშემო
ცოტა შემდეგ.

1109
00:53:42,740 --> 00:53:44,640
მაგრამ, გარდა ამისა, აქვს
კარგი კვირის.

1110
00:53:44,640 --> 00:53:45,845
>> MIKE RIZZO: Yeah, სარგებლობენ.

1111
00:53:45,845 --> 00:53:46,120
იხილეთ თქვენ ბიჭები.

1112
00:53:46,120 --> 00:53:47,370
>> TOMAS REIMERS: იხილეთ ya.

1113
00:53:47,370 --> 00:53:47,926