1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
დევიდ ჯ Malan ყველა უფლება.

3
00:00:01,210 --> 00:00:02,160
ჩვენ დავბრუნდით.

4
00:00:02,160 --> 00:00:05,810
ასე რომ, მიზანი ამ დასკვნით სხდომაზე
დანერგვა რამდენიმე ცნებები

5
00:00:05,810 --> 00:00:09,290
არამედ, რათა ყველას ეძლევა
სახის მონაკვეთი თქვენი თითების

6
00:00:09,290 --> 00:00:11,270
და რეალურად რაღაც
პატარა პრაქტიკული.

7
00:00:11,270 --> 00:00:13,897
მიზანი არ არის, რომ გახდეს
ჩვენთვის ყველა ვებ დეველოპერები

8
00:00:13,897 --> 00:00:16,230
ნებისმიერი საშუალებით, მაგრამ რეალურად მხოლოდ
გადმოგცეთ გემოვნების ზოგიერთი

9
00:00:16,230 --> 00:00:21,750
ფუნდამენტური აშენებს რა
გადადის ვებ პროგრამირების და დღეს ვებ

10
00:00:21,750 --> 00:00:23,980
განვითარების, ისე
სტატიკური მხარეს რამ

11
00:00:23,980 --> 00:00:26,660
ლოგიკას არ ექვემდებარება, არ პროგრამირების
ენის, მხოლოდ სტატიკური შიგთავსი.

12
00:00:26,660 --> 00:00:29,660
და ეს საშუალებას გვაძლევს
რეალურად ნახოთ, თუ რას სერვერზე არის,

13
00:00:29,660 --> 00:00:34,140
თუ რა არის HTML ფაილი არის, თუ რა
ეს არის HTTP რეალურად ემსახურება.

14
00:00:34,140 --> 00:00:38,600
მაგრამ, სანამ ჩვენ ჩაყვინთვის, ნებისმიერი რეტროსპექტივა
კითხვები cloud computing

15
00:00:38,600 --> 00:00:43,922
ან უსაფრთხოების ან არაფერი შორის?

16
00:00:43,922 --> 00:00:44,890
>> არ არის?

17
00:00:44,890 --> 00:00:47,181
ყველა უფლება, კარგად, მოდით
ამისათვის, მხოლოდ იმ შემთხვევაში,

18
00:00:47,181 --> 00:00:49,680
ხელმოწერის პროცესში up for
რაღაც რამდენიმე წუთში.

19
00:00:49,680 --> 00:00:51,221
ჩვენ ნება მას ამის გაკეთება ფონზე.

20
00:00:51,221 --> 00:00:56,860
წავიდეთ წინ, თუ შეიძლება,
ამ URL აქ c9.io.

21
00:00:56,860 --> 00:01:02,810
ეს არის მესამე მხარის service--
პლატფორმა მომსახურება, თუ will--

22
00:01:02,810 --> 00:01:05,190
რომ აპირებს გიწვევთ
იწერთ ანგარიში,

23
00:01:05,190 --> 00:01:08,650
და ის აპირებს, რათა თითოეული თქვენგანის
ანგარიშის ე.წ. cloud

24
00:01:08,650 --> 00:01:11,330
სხვისი ინფრასტრუქტურა,
კომპანია მოუწოდა Cloud9.

25
00:01:11,330 --> 00:01:13,350
მაგრამ რა ლამაზი
ეს არის, რომ ისინი მოგცემთ

26
00:01:13,350 --> 00:01:15,990
დაახლოების თაობაზე
ნამდვილი სამყაროს განვითარების

27
00:01:15,990 --> 00:01:18,530
გარემოს, თუმცა ამ
ღრუბელი და ბრაუზერში,

28
00:01:18,530 --> 00:01:21,175
და ჩვენ გამოიყენოს ეს რეალურად
ექსპერიმენტი ცოტა დღეს.

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
და მაშინ წავიდეთ წინ და უბრალოდ ნავიგაცია
თქვენი გზა რეგისტრაციის პროცესს

31
00:01:30,260 --> 00:01:32,630
თუ შეიძლება.

32
00:01:32,630 --> 00:01:36,080
ასე რომ, ჩვენ არ უნდა გამოიყენოს ეს კლასში
ვასწავლი ყველა ჩვენი სტუდენტები,

33
00:01:36,080 --> 00:01:39,140
როგორც კამპუსში და off ახლა, და
ის შეცვალა, რასაც ისტორიულად

34
00:01:39,140 --> 00:01:41,390
სხვაგვარად ჩამოსატვირთი პროგრამა.

35
00:01:41,390 --> 00:01:44,620
ასე რომ, თუ რას ხელმისაწვდომობის
ერთ-ერთი ასეთი ვირტუალური მანქანები,

36
00:01:44,620 --> 00:01:46,460
არსებითად, რომ მე აღწერილი ადრე.

37
00:01:46,460 --> 00:01:50,260
ასე რომ, ეს კომპანია Cloud9 ალბათ
იჯარის მესამე party-- მართლაც

38
00:01:50,260 --> 00:01:52,760
ამ შემთხვევაში, Google-- მთელი
bunch ვირტუალური მანქანები

39
00:01:52,760 --> 00:01:56,500
რომ ისინი როგორღაც chop შევიდა
ილუზია ინდივიდუალური სერვერები

40
00:01:56,500 --> 00:01:58,610
რომ თითოეულ ჩვენგანს აქვს სრული კონტროლი.

41
00:01:58,610 --> 00:02:01,640
ეს არ არის საკმაოდ ზუსტი ვთქვა,
რომ ისინი ვირტუალური მანქანები,

42
00:02:01,640 --> 00:02:04,550
თუმცა, იმის გამო, თუ რა
Cloud9 რეალურად იყენებს

43
00:02:04,550 --> 00:02:07,570
არის გარკვეულწილად ახალი ტექნოლოგია
მოუწოდა containerization.

44
00:02:07,570 --> 00:02:13,150
და ნება მომეცით დაიბრუნოს ამ სურათს
აქ ხატავს ამ სურათს.

45
00:02:13,150 --> 00:02:16,540
>> კონტეინერი არის, თუ
თქვენ გავიხსენოთ სურათი

46
00:02:16,540 --> 00:02:19,900
ადრე, ცოტა მსუბუქია
წონა, ვიდრე ვირტუალური მანქანა.

47
00:02:19,900 --> 00:02:22,090
სინამდვილეში, ხოლო ბოლო
დრო ჩვენ ვისაუბრეთ არსებობს

48
00:02:22,090 --> 00:02:25,170
რომ ოპერაციული
სისტემა და hypervisor

49
00:02:25,170 --> 00:02:28,260
და მაშინ, სტუმარი ოპერაციული სისტემის, სასტუმრო
ოპერაციული სისტემა, სტუმარი ოპერაციული

50
00:02:28,260 --> 00:02:30,940
სისტემა, თავზე თქვენი
ფიზიკური ტექნიკა,

51
00:02:30,940 --> 00:02:33,740
სხვაობა ეს ახალი
ტექნოლოგია, containerization,

52
00:02:33,740 --> 00:02:37,290
არის, რომ ისინი როგორმე გაუზიაროს
იგივე ოპერაციული სისტემა.

53
00:02:37,290 --> 00:02:39,970
მაგრამ ისინი მაინც შექმნა
ილუზია ყველას

54
00:02:39,970 --> 00:02:44,590
რომელსაც თავისი ექსკლუზიური
ადმინისტრაციული უფლება და ფაილი

55
00:02:44,590 --> 00:02:45,400
სერვერზე.

56
00:02:45,400 --> 00:02:48,230
მაგრამ იქ ნაკლები პროგრამული უზრუნველყოფა
შორის თქვენ და ტექნიკა.

57
00:02:48,230 --> 00:02:52,260
შედეგად, რომელიც არის,
თეორიულად, უმაღლესი შესრულებით,

58
00:02:52,260 --> 00:02:55,470
რადგან თქვენ იყენებთ ან
გაყვანაა ნაკლები რესურსები

59
00:02:55,470 --> 00:02:57,360
რომ ე.წ. ვირტუალიზაციის ფენას.

60
00:02:57,360 --> 00:02:59,420
ასე რომ, ეს არის ე.წ.
containerization ბუნებით

61
00:02:59,420 --> 00:03:02,920
გზით ტექნოლოგია მოუწოდა Docker,
რომელიც ძალიან შემოდის.

62
00:03:02,920 --> 00:03:05,086
და ეს არის ის, რომ
ინჟინრები თქვენი კომპანიის

63
00:03:05,086 --> 00:03:08,610
შეიძლება სახის ერთგვარი დაიწყოს საუბარი
შესახებ კი, თუ ისინი არ უკვე,

64
00:03:08,610 --> 00:03:11,590
მიუხედავად იმისა, რომ იქ ნამდვილად არ
მიზეზი ხტომა ნებისმიერ bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> ასე რომ თქვა, რა
თქვენ ალბათ ხედავთ ახლა

66
00:03:15,410 --> 00:03:22,670
არის ეკრანზე, რომ გამოიყურება ცოტა მოსწონს ეს.

67
00:03:22,670 --> 00:03:23,170
კარგი.

68
00:03:23,170 --> 00:03:25,260
და უბრალოდ მირეკავენ მეტი თუ არა.

69
00:03:25,260 --> 00:03:27,440
და თუ so-- მე მოვა მეტი თუ არა.

70
00:03:27,440 --> 00:03:30,244
წავიდეთ წინ და დააჭირეთ, რომ დიდი
პლუს, რათა შეიქმნას სამუშაო გარემოს,

71
00:03:30,244 --> 00:03:31,660
და დაინახავთ ეკრანზე მოსწონს ეს.

72
00:03:31,660 --> 00:03:35,020
შეგიძლიათ დარეკოთ სამუშაო გარემოს
ასახელებს არაფერი გინდათ ახლა.

73
00:03:35,020 --> 00:03:38,660
და მხოლოდ რეალურად სიმარტივის,
წასვლა and-- ასევე, ზოგიერთ თქვენგანს

74
00:03:38,660 --> 00:03:39,660
უკვე გვაქვს სამუშაო.

75
00:03:39,660 --> 00:03:47,050
ეძახით რასაც თქვენ want-- ბიზნესი,
Harvard, ხუთშაბათი, რაც გსურთ.

76
00:03:47,050 --> 00:03:48,800
თქვენ არ გჭირდებათ აღწერილობა.

77
00:03:48,800 --> 00:03:52,380
თქვენ შეგიძლიათ დატოვეთ შეტყობინების, თუ თქვენ
უკვე გაქვთ bunch of სამუშაო მაგიდაზე.

78
00:03:52,380 --> 00:03:55,280
თუ თქვენ იძულებული გახდა, მიიღოს ის საჯარო,
რომ ჯარიმა დღევანდელი მიზნებისათვის.

79
00:03:55,280 --> 00:03:56,750
აქ, ძალიან, არის ერთ-ერთი upsells.

80
00:03:56,750 --> 00:03:59,939
თქვენ ერთი შეტყობინების სამუშაო გარემოს
იყოს. მაგრამ თუ გსურთ მეტი,

81
00:03:59,939 --> 00:04:00,980
თქვენ უნდა გადაიხადოს მეტი.

82
00:04:00,980 --> 00:04:02,870
წინააღმდეგ შემთხვევაში, მათ აიძულებს თქვენ
რათა თქვენი მუშაობა საჯარო.

83
00:04:02,870 --> 00:04:05,600
მაგრამ ეს ჯარიმა, რადგან ისინი ასევე
მიზანში ამ დროს ღია თემებში

84
00:04:05,600 --> 00:04:07,700
ხელი შეუწყოს ადამიანებს,
რეალურად თანამშრომლობა.

85
00:04:07,700 --> 00:04:10,699
>> და ბოლოს, რაც მთავარია,
თუმცა, მას შემდეგ, რაც თქვენ აირჩიეთ სახელი

86
00:04:10,699 --> 00:04:17,140
და შემდეგ თქვენ კერძო ან საჯარო,
დააწკაპუნეთ HTML5, დიდი ფორთოხლის ხატი

87
00:04:17,140 --> 00:04:22,430
მარცხნიდან მეორე და
შემდეგ დააჭირეთ შექმნა სამუშაო გარემოს.

88
00:04:22,430 --> 00:04:24,580
და ის, სავარაუდოდ
ერთი წუთი ან ასე რომ,

89
00:04:24,580 --> 00:04:26,540
მაგრამ თქვენ მაშინ აქვს
გარემო, ერთხელ თქვენ

90
00:04:26,540 --> 00:04:30,544
გავაკეთოთ, რომ, რომელიც გამოიყურება თქვენში
რა მაქვს ეკრანზე აქ არის.

91
00:04:30,544 --> 00:04:33,210
მაგრამ, კიდევ ერთხელ, შესაძლოა, ერთ წუთში
ან მეტი, რათა ამ ეკრანზე

92
00:04:33,210 --> 00:04:34,770
ერთხელ თქვენ დააწკაპებთ შექმნა სამუშაო გარემოს.

93
00:04:34,770 --> 00:04:37,936
მაგრამ მხოლოდ დროშა მე მეტი თუ გსურთ me
უნდა შევხედოთ და არაფერს ვურჩევ.

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
კარგი.

96
00:04:40,690 --> 00:04:42,390
ამიტომ, მე ვაპირებ, რომ ფონზე ახლა.

97
00:04:42,390 --> 00:04:44,260
დამირეკეთ მეტი, თუ თქვენ, როგორც ჩანს
გაქვთ რაიმე ტექნიკური სირთულეების.

98
00:04:44,260 --> 00:04:46,210
მაგრამ, ერთხელ, რომ შესაძლოა,
ცოტა რომ გახსნა.

99
00:04:46,210 --> 00:04:49,570
და მოდით წავიდეთ წინ და ვისაუბროთ რა
ეს ფაქტიურად იმას ნიშნავს, რომ ვებ გვერდზე,

100
00:04:49,570 --> 00:04:52,780
რა HTML არის, და როგორ ყველა ამ
ახლა აერთიანებს, როგორც ჩვენ ვიწყებთ

101
00:04:52,780 --> 00:04:54,730
რეალურად გამოიყენოს ზოგიერთი ტექნოლოგია.

102
00:04:54,730 --> 00:04:58,310
გამოდის, რომ მე არ შემიძლია
გაგრძელდება ჩემი პატარა Mac აქ,

103
00:04:58,310 --> 00:05:01,650
გახსნა მარტივი პროგრამა, ე.წ.
TextEdit, ან Windows შემეძლო

104
00:05:01,650 --> 00:05:04,480
ღია რაღაც მოუწოდა Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
და მე ვერ უბრალოდ, რომ რამე
მოსწონს ეს "hello, world".

106
00:05:08,260 --> 00:05:12,020
და მაშინ მე ვერ გადარჩენა ეს
hello.txt ასე რომ არ არსებობს ჯადოსნური არსებობს.

107
00:05:12,020 --> 00:05:15,200
ეს არაფერ შუაშია ვებ
პროგრამირების, არაფერ შუაშია HTML.

108
00:05:15,200 --> 00:05:16,790
მხოლოდ შექმნით უბრალო ტექსტური ფაილი.

109
00:05:16,790 --> 00:05:20,600
მაგრამ აღმოჩნდება, რომ ვებ
გვერდი ფაქტიურად მხოლოდ, რომ.

110
00:05:20,600 --> 00:05:24,020
ეს არის მარტივი ტექსტური ფაილი, რომელიც შეიცავს ტექსტს
რომ თქვენ შეიძლება აკრიფეთ თქვენს კლავიატურაზე,

111
00:05:24,020 --> 00:05:30,070
მაგრამ ეს, როგორც წესი, მაგრამ არა ყოველთვის
მთავრდება არ .txt მაგრამ .html ან .htm.

112
00:05:30,070 --> 00:05:32,050
და თქვენ არა მხოლოდ
აკრიფოთ სიტყვა ფაილი.

113
00:05:32,050 --> 00:05:35,280
თქვენ რეალურად უნდა გამოვიყენოთ რამ მოუწოდა
tags ან, უფრო ზოგადად, რაღაც

114
00:05:35,280 --> 00:05:37,190
მოუწოდა მარკირების ენა.

115
00:05:37,190 --> 00:05:40,510
>> ამიტომ, მე ვაპირებ, რომ ძალიან სწრაფად აკრიფოთ
და შემდეგ ახსნას შემდეგ.

116
00:05:40,510 --> 00:05:42,290
მე ვაპირებ პირველი
ჩაწერეთ ეს, რომელშიც ნათქვამია,

117
00:05:42,290 --> 00:05:45,730
hey, ბრაუზერი, აქ მოდის
ვებ გვერდზე დაწერილი HTML.

118
00:05:45,730 --> 00:05:51,850
და ეს ორი რამ ერთად ამბობენ, hey,
ბრაუზერი, შემდეგ მართლაც HTML.

119
00:05:51,850 --> 00:05:55,790
Hey, ბრაუზერი, აქ მოდის
ხელმძღვანელი ან ზედა ჩემს გვერდზე.

120
00:05:55,790 --> 00:05:59,900
Hey, ბრაუზერი, შიგნით ზევით
ჩემი გვერდი, დააყენოს სათაური რომ არის, "hello,

121
00:05:59,900 --> 00:06:01,610
მსოფლიოში. "

122
00:06:01,610 --> 00:06:08,370
Hey, ბრაუზერი, შემდეგ უფროსი ჩემი
გვერდი, აქ ჩნდება სხეულის ჩემს გვერდზე.

123
00:06:08,370 --> 00:06:12,170
ხოლო, hey, ბრაუზერი, ორგანოს ჩემი
გვერდი უნდა ითქვას, "Hello World".

124
00:06:12,170 --> 00:06:15,500
ასე რომ, რა არის salient დეტალები აქ?

125
00:06:15,500 --> 00:06:17,960
ეს არის ის, რაც ზოგადად
ე.წ. doc ტიპის დეკლარაცია,

126
00:06:17,960 --> 00:06:20,190
და, სიმართლე გითხრათ, ეს არის პატარა
ძნელია გვემახსოვრება ეს პირველ რიგში.

127
00:06:20,190 --> 00:06:21,481
თქვენ უბრალოდ სახის ასლი პასტა მას.

128
00:06:21,481 --> 00:06:23,760
ეს არის ფორმალური გზა
ამბობდა, hey, ბრაუზერი,

129
00:06:23,760 --> 00:06:28,030
მე გამოყენებით HTML ვერსია 5, რომელიც
გამოვიდა გარკვეულწილად ცოტა ხნის წინ.

130
00:06:28,030 --> 00:06:31,380
ეს ჯადოსნური incantation, რომ ზოგიერთი
ადამიანებს ცუდი გრძნობა დიზაინი

131
00:06:31,380 --> 00:06:33,640
გადავწყვიტეთ, რომ იმ
ძალიან ზევით ფაილი.

132
00:06:33,640 --> 00:06:35,473
მიუხედავად იმისა, რომ ეს არის
ცოტა arcane, რომ ყველა

133
00:06:35,473 --> 00:06:38,250
ეს ნიშნავს hey, ბრაუზერი, აქ
გააჩნია მობილური -5 HTML.

134
00:06:38,250 --> 00:06:41,741
>> დანარჩენი ამ უკვე ჩვენთან
გარკვეული დრო, ისტორიულად,

135
00:06:41,741 --> 00:06:44,740
მაგრამ ეს უკვე ვითარდება, და ეს
ალბათ უკვე მიღების ცოტა მარტივი.

136
00:06:44,740 --> 00:06:47,320
შეამჩნია რამდენიმე მახასიათებლები
რა მე გაამახვილა ყურადღება.

137
00:06:47,320 --> 00:06:49,890
არსებობს ასეთი რამ დახრილი
brackets-- მარცხენა bracket

138
00:06:49,890 --> 00:06:51,040
და უფლება bracket.

139
00:06:51,040 --> 00:06:52,490
და შეამჩნია სიმეტრია.

140
00:06:52,490 --> 00:06:57,340
და სიმეტრია, ვგულისხმობ, როგორც მე
აქვს ამ დაწყების tag აქ ან ღია tag

141
00:06:57,340 --> 00:07:01,560
თუ თქვენ, აქ ქვემოთ მაქვს
ჭდის ან ბოლოს tag, რომ

142
00:07:01,560 --> 00:07:06,460
სხვადასხვა მხოლოდ იმდენად, რამდენადაც მას ამ
slash დასაწყისში სიტყვა

143
00:07:06,460 --> 00:07:07,360
HTML.

144
00:07:07,360 --> 00:07:09,360
და შეგიძლიათ წარმოიდგინოთ,
ეს, როგორც მე casually

145
00:07:09,360 --> 00:07:12,280
სთავაზობდა ადრე, hey,
ბრაუზერი, აქ მოდის ზოგიერთი HTML.

146
00:07:12,280 --> 00:07:16,060
და, პირიქით, hey, ბრაუზერი, რომელიც არის
მას HTML-- დაწყების და დასრულების.

147
00:07:16,060 --> 00:07:18,440
>> ამასობაში hey, ბრაუზერი, აქ
მოდის უფროსი ჩემს გვერდზე.

148
00:07:18,440 --> 00:07:20,140
Hey, ბრაუზერი, რომ ის ხელმძღვანელი.

149
00:07:20,140 --> 00:07:22,240
Hey, ბრაუზერი, აქ არის
სხეულის ჩემს გვერდზე.

150
00:07:22,240 --> 00:07:24,020
Hey, ბრაუზერის, რომ ეს ორგანო.

151
00:07:24,020 --> 00:07:26,940
და შიგნით რომ გარკვეული
თვითნებური ტექსტი ახლა.

152
00:07:26,940 --> 00:07:30,520
და შიგნით ხელმძღვანელი იმავდროულად,
არის რამდენიმე თვითნებური მაგრამ tagged,

153
00:07:30,520 --> 00:07:34,410
ასე ვთქვათ, ტექსტი, რომელიც ამბობს, სათაური
ჩემი გვერდი უნდა იყოს "hello, world".

154
00:07:34,410 --> 00:07:37,470
ახლა, ახლა თქვენ შეგიძლიათ
ვივარაუდოთ, რომ ბრაუზერები

155
00:07:37,470 --> 00:07:41,762
აქვს only-- ან, უფრო სწორად, ვებ გვერდები
მხოლოდ ორი parts-- ხელმძღვანელი და სხეულის.

156
00:07:41,762 --> 00:07:44,220
და ხელმძღვანელი ზოგადად მხოლოდ
როგორიცაა მენიუ ბარი, პერსონალის

157
00:07:44,220 --> 00:07:45,510
უბრალოდ ძალიან დაბრუნება.

158
00:07:45,510 --> 00:07:48,910
და სხეულის guts გვერდზე,
ყველაფერი, რომ დიდი მართკუთხედი

159
00:07:48,910 --> 00:07:50,239
რომ ავსებს ეკრანზე.

160
00:07:50,239 --> 00:07:51,780
ამიტომ, მე ვაპირებ წავიდეთ წინ და ამის გაკეთება.

161
00:07:51,780 --> 00:07:54,400
მე ვაპირებ წავიდეთ წინ და
დააჭირეთ Save ფაილის შენახვა.

162
00:07:54,400 --> 00:07:58,580
და მე ვაპირებ გადარჩენა
ეს, როგორც hello.html,

163
00:07:58,580 --> 00:08:00,870
და მე უბრალოდ აპირებს
ამას ჩემს desktop.

164
00:08:00,870 --> 00:08:03,520
და მე ვაპირებ წასვლა
წინ და დააჭირეთ Save.

165
00:08:03,520 --> 00:08:05,806
და შეამჩნია ჩემი Mac ზე
ნაკლებად ყვირილი at me.

166
00:08:05,806 --> 00:08:07,180
დარწმუნებული ხართ, რომ გსურთ ამის გაკეთება?

167
00:08:07,180 --> 00:08:08,710
და მე ვაპირებ ვთქვა, დიახ, გამოიყენოთ HTML.

168
00:08:08,710 --> 00:08:10,400
მე უკეთ ვიცი, ამ შემთხვევაში.

169
00:08:10,400 --> 00:08:14,686
და ახლა მე ვაპირებ წასვლა ჩემი desktop
სადაც მე ამ ფაილის მოულოდნელად.

170
00:08:14,686 --> 00:08:16,060
და მე ვაპირებ, რომ ორმაგი დაწკაპეთ იგი.

171
00:08:16,060 --> 00:08:18,268
და თქვენ შეამჩნევთ, რომ,
ძირითადად, Chrome გახსნეს.

172
00:08:18,268 --> 00:08:19,996
სწორედ იმიტომ, რომ ის
ჩემი ბრაუზერი.

173
00:08:19,996 --> 00:08:21,370
და ეს უბრალოდ ამბობს, "hello, world".

174
00:08:21,370 --> 00:08:23,078
მაგრამ ის ამბობს, "hello,
მსოფლიოში "ორ ადგილას.

175
00:08:23,078 --> 00:08:23,979
ყურადღება მიაქციეთ, ზედა მარცხენა.

176
00:08:23,979 --> 00:08:25,020
საკმაოდ რთული მენატრება, რომ.

177
00:08:25,020 --> 00:08:26,180
ეს არის დიდი და თამამი.

178
00:08:26,180 --> 00:08:30,690
და სად არ ჩანს
ამბობენ, "hello, world"?

179
00:08:30,690 --> 00:08:31,470
>> აუდიტორია: tab.

180
00:08:31,470 --> 00:08:33,100
>> დევიდ ჯ Malan: ჰო, tab თავად.

181
00:08:33,100 --> 00:08:35,159
ასე რომ, როდესაც მე ვუთხარი ხელმძღვანელი
გვერდი ყველაფერი top--

182
00:08:35,159 --> 00:08:36,367
და მართლაც ამ სათაურით.

183
00:08:36,367 --> 00:08:37,710
ეს მხოლოდ tab აქ.

184
00:08:37,710 --> 00:08:40,320
და შემიძლია დახევის ეს tab
გარეთ ისე, რომ არ აღრეული.

185
00:08:40,320 --> 00:08:43,360
ეს არის მხოლოდ ერთი tab ახლა,
და მართლაც, ჩვენ ვხედავთ, "hello, world"

186
00:08:43,360 --> 00:08:45,970
აქ და "hello, world" ქვემოთ აქ.

187
00:08:45,970 --> 00:08:47,160
ასე რომ, საკმაოდ მარტივია.

188
00:08:47,160 --> 00:08:49,050
მაგრამ ეს ასევე არის საკმაოდ მარტივია.

189
00:08:49,050 --> 00:08:50,440
და, ფაქტობრივად, მე მიახლოება.

190
00:08:50,440 --> 00:08:53,272
მე შეიძლება შეიცვალოს შრიფტის ზომა
გადიდებისათვის ხელმისაწვდომობა.

191
00:08:53,272 --> 00:08:56,830
მაგრამ მოდით ახლა, რომ რამე
ცოტა უფრო საინტერესო.

192
00:08:56,830 --> 00:08:59,760
>> მე ვაპირებ go-- Whoops, ნება
მე დავუბრუნდეთ ჩემი ტექსტური ფაილი.

193
00:08:59,760 --> 00:09:02,400
მე ვაპირებ უკან ჩემი
ტექსტური ფაილი, და მე ვაპირებ

194
00:09:02,400 --> 00:09:06,320
შეცვალოს ეს და ამბობენ,
"Hello, Disney World".

195
00:09:06,320 --> 00:09:07,970
გადარჩენა.

196
00:09:07,970 --> 00:09:10,919
და დაბრუნდეს ჩემი
ბრაუზერი და დააწკაპუნეთ Reload.

197
00:09:10,919 --> 00:09:12,710
და ახლა, რა თქმა უნდა,
ამბობს "Disney World".

198
00:09:12,710 --> 00:09:15,500
და მე ვაპირებ ხელოვნურად მასშტაბის
მხოლოდ ასე უფრო ადვილია ვხედავ.

199
00:09:15,500 --> 00:09:19,012
ასე რომ, ახლა, სამწუხაროდ, მე ასეთი მინდა
რომელთა მიზანია რეალურად, ეს არის Mac ფუნქცია.

200
00:09:19,012 --> 00:09:21,720
მინდა დააჭირეთ Disney World
და წავიდეთ სადმე, როგორიცაა disney.com,

201
00:09:21,720 --> 00:09:23,290
მაგრამ, რომ არ მუშაობს.

202
00:09:23,290 --> 00:09:26,850
ასე რომ, ძირითადი იდეა ვებგვერდი
ჰიპერბმულებს, კავშირები, რომ სხვაგან.

203
00:09:26,850 --> 00:09:28,390
ასე რომ, როგორ შემიძლია ამის გაკეთება?

204
00:09:28,390 --> 00:09:34,690
ისე, მე შეიძლება, უბრალოდ ამბობენ,
"Hello, http://www.disney.com".

205
00:09:34,690 --> 00:09:36,110
შენახვა.

206
00:09:36,110 --> 00:09:37,620
განაახლეთ.

207
00:09:37,620 --> 00:09:39,400
მაგრამ ეს ძალიან, არ clickable.

208
00:09:39,400 --> 00:09:42,930
და რა ლამაზი აქ, მიუხედავად იმისა, რომ
ეს არ არის ფუნქციური ჯერჯერობით,

209
00:09:42,930 --> 00:09:45,930
ის არის, რომ, როგორც ჩანს,
ბრაუზერის ფაქტიურად მარტო

210
00:09:45,930 --> 00:09:46,950
რა ვუთხრა მას ამის გაკეთება.

211
00:09:46,950 --> 00:09:50,110
ასე რომ, თუ მე უბრალოდ აკრიფეთ URL, როგორც ეს,
ის უბრალოდ აპირებს ეჩვენებინა URL.

212
00:09:50,110 --> 00:09:54,270
მე უნდა გამოვიყენოთ tags და markup
ენის რეალურად ვუთხრა

213
00:09:54,270 --> 00:09:55,621
ბრაუზერის კიდევ უფრო მეტი.

214
00:09:55,621 --> 00:09:57,870
ამიტომ, მე ვაპირებ წავიდეთ წინ და
წაშლა ამ მომენტში.

215
00:09:57,870 --> 00:10:00,980
და მე ვაპირებ ვთქვა, hey,
ბრაუზერი, დაიწყოს წამყვანმა აქ,

216
00:10:00,980 --> 00:10:02,650
ლინკები, ასე ვთქვათ.

217
00:10:02,650 --> 00:10:07,500
და ჰიპერ მითითება, დანიშნულების
რომ წამყვანმა, უნდა იყოს ამ URL.

218
00:10:07,500 --> 00:10:08,750
და შეამჩნია ჩემი შეთავაზებები.

219
00:10:08,750 --> 00:10:11,590
მე შეიძლება გამოიყენოს ერთჯერადი შეთავაზებები, ძალიან,
მაგრამ თქვენ უნდა იყოს თანმიმდევრული,

220
00:10:11,590 --> 00:10:14,270
და მე საერთოდ უბრალოდ გამოიყენოთ
ორმაგი შეთავაზებები შენარჩუნება ეს მარტივი.

221
00:10:14,270 --> 00:10:16,820
ყურადღება მიაქციეთ, მე ვაპირებ, რომ დახუროს აქვს.

222
00:10:16,820 --> 00:10:21,160
და მერე აქ მე ვაპირებ
ამბობენ, "Disney World".

223
00:10:21,160 --> 00:10:26,890
და ახლა მე უნდა გარკვეული symmetry--
ღია bracket, / a, დახურული ფრჩხილი.

224
00:10:26,890 --> 00:10:28,090
>> ასე რომ, რა არ გავაცანი?

225
00:10:28,090 --> 00:10:30,100
ჩვენ გვქონდა რამდენიმე tags უკვე.

226
00:10:30,100 --> 00:10:32,410
HTML, ხელმძღვანელი, სახელწოდება, Body,
ყველა tags, ასე ვთქვათ,

227
00:10:32,410 --> 00:10:34,280
ღია და დახურული კოლეგებთან.

228
00:10:34,280 --> 00:10:36,530
მაგრამ შეამჩნია, რომ ეს არის ერთგვარი
ფუნდამენტურად განსხვავებული.

229
00:10:36,530 --> 00:10:39,140
ეს არის ის, რაც ჩვენ მოვუწოდებთ
in HTML ატრიბუტი.

230
00:10:39,140 --> 00:10:41,451
და ატრიბუტი
მხოლოდ ძირითადი ღირებულება წყვილი.

231
00:10:41,451 --> 00:10:43,950
ეს არის საერთო რამ
კომპიუტერული science-- ძირითადი ღირებულება წყვილი.

232
00:10:43,950 --> 00:10:45,770
ეს არის ერთგვარი ინსტრუმენტი ვაჭრობა.

233
00:10:45,770 --> 00:10:47,040
გასაღები და მნიშვნელობა.

234
00:10:47,040 --> 00:10:49,390
სიტყვა და შემდეგ რამდენიმე
სხვა სიტყვა ან სიტყვები.

235
00:10:49,390 --> 00:10:53,790
და ამ შემთხვევაში, გასაღები არის href,
და მნიშვნელობა, რომ სრული URL.

236
00:10:53,790 --> 00:10:57,890
და რა ატრიბუტი არ არის ის
გავლენას ახდენს ქცევის აქვს.

237
00:10:57,890 --> 00:11:01,010
და ამ შემთხვევაში, ჩვენ უნდა გავლენა მოახდინოს
ქცევის წამყვანმა tag,

238
00:11:01,010 --> 00:11:04,140
იმიტომ, რომ ჩვენ უნდა წამყვანმა
ეს ბმული სადღაც.

239
00:11:04,140 --> 00:11:06,960
და როგორ გავაკეთოთ, რომ
გზით ატრიბუტი.

240
00:11:06,960 --> 00:11:08,970
>> ამიტომ, მე ვაპირებ წავიდეთ წინ
და გადარჩენა ფაილი არის.

241
00:11:08,970 --> 00:11:11,300
დავუბრუნდეთ ჩემს ბრაუზერში და განახლება.

242
00:11:11,300 --> 00:11:14,580
და, voila, ჩვენ ახლა აქვს
დასაწყისი ლეგიტიმური ვებ-გვერდზე.

243
00:11:14,580 --> 00:11:18,420
სუპერ მარტივია, მაგრამ თუ hover
ამას ცნობა, ქვედა მარცხენა კუთხეში,

244
00:11:18,420 --> 00:11:19,830
ეს სუპერ პატარა.

245
00:11:19,830 --> 00:11:21,730
მაგრამ თქვენ ხედავთ www.disney.com.

246
00:11:21,730 --> 00:11:27,076
და თუ მე დაწკაპეთ იგი, მართლაც, ეს
აცლის me მოშორებით disney.com.

247
00:11:27,076 --> 00:11:29,380
ახლა, საინტერესო რამ
აქ არის ის, რომ არ არის

248
00:11:29,380 --> 00:11:33,940
best-- ყველაზე გაყიდვადი URL, მაგრამ
ეს ჯარიმა, რადგან ეს ფაილი არ

249
00:11:33,940 --> 00:11:35,360
არსებობს მსოფლიო აბლაბუდა.

250
00:11:35,360 --> 00:11:39,740
ის არსებობს, როგორც ადგილობრივი ფაილი, როგორც ჩანს,
ჩემი მომხმარებელი დირექტორიაში / jharvard--

251
00:11:39,740 --> 00:11:41,890
ჯონ ჰარვარდის / desktop.

252
00:11:41,890 --> 00:11:42,634
მაგრამ მას აქვს URL.

253
00:11:42,634 --> 00:11:43,800
ეს რაღაც უნდა იყოს ადგილობრივი.

254
00:11:43,800 --> 00:11:47,050
სამწუხაროდ, არც ერთი შეგიძლიათ ეწვევა
ეს იმიტომ, რომ, თუ თქვენ ჩაწერეთ ეს URL,

255
00:11:47,050 --> 00:11:49,980
ნეტავ ვეუბნებოდი თქვენს ბრაუზერში,
ვეძებოთ ფაილი სახელად hello.html

256
00:11:49,980 --> 00:11:50,772
თქვენს ხისტ დისკზე.

257
00:11:50,772 --> 00:11:53,271
და, რა თქმა უნდა, თუ თქვენ
უკვე შემდეგ გასწვრივ ხელით,

258
00:11:53,271 --> 00:11:54,530
ის არ აპირებს იქ.

259
00:11:54,530 --> 00:11:55,190
>> ასე რომ, ჯარიმა.

260
00:11:55,190 --> 00:11:57,815
ჩვენ ჯერ კიდევ გზა, საბოლოო ჯამში,
მიიღოს ამ ფაილის შევიდა ინტერნეტში,

261
00:11:57,815 --> 00:12:01,180
მაგრამ მოდით აჯავრებენ გარდა რამდენიმე
უსაფრთხოების თვალსაზრისით რასაც ჩვენ მხოლოდ

262
00:12:01,180 --> 00:12:04,850
დაინახა და უსიამოვნოა ის ადრინდელ
დისკუსია ამ დილით.

263
00:12:04,850 --> 00:12:08,200
გამოდის, რომ იმ შემთხვევაში, თუ
ბრაუზერის ფაქტიურად აკეთებს

264
00:12:08,200 --> 00:12:12,560
რა ვუთხრა, რომ ამის გაკეთება, და როგორც ჩანს
უნდა იყოს საქმე, რომ წამყვანმა tag არის

265
00:12:12,560 --> 00:12:17,380
გავლენას ახდენს ღირებულება
ეს ატრიბუტი მოუწოდა href

266
00:12:17,380 --> 00:12:20,810
მაგრამ იგი აჩვენებს ამ
ტექსტი, ეს, როგორც ჩანს,

267
00:12:20,810 --> 00:12:26,520
ნიშნავს იმას, რომ მე შეეძლო URL
ორივეგან და შემდეგ განაახლეთ

268
00:12:26,520 --> 00:12:29,100
და ახლა ვხედავთ URL და წასვლა URL.

269
00:12:29,100 --> 00:12:32,680
ყურადღება მიაქციეთ, თუ hover ქვედა მარცხენა,
მე მართლაც აპირებს ჯერ კიდევ disney.com.

270
00:12:32,680 --> 00:12:38,340
>> ასე რომ, თუ თქვენ ოდესმე ყოფილა
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
ერთ-ერთ იმ ყალბ წერილებს
საწყისი როგორიცაა PayPal თქვენს ბანკში,

272
00:12:42,820 --> 00:12:46,470
თქვენ ალბათ მიღებული ბმულები შიგნით
ელ, რომ თქვენ კითხულობთ, რომ

273
00:12:46,470 --> 00:12:49,970
ეუბნება, რომ დააწკაპუნეთ აქ წასვლა ადასტურებენ
თქვენი პაროლი, ან დაადასტუროს თქვენი დაბადების

274
00:12:49,970 --> 00:12:53,840
სოციალური და რაღაც სოციალურად
საინჟინრო თქვენ გამჟღავნება

275
00:12:53,840 --> 00:12:54,920
ინფორმაცია.

276
00:12:54,920 --> 00:12:57,625
ისე, მე შეიძლება სახის მიიღოს
უპირატესობა ამ, ვერ მე?

277
00:12:57,625 --> 00:13:01,240
მე შეიძლება ითქვას,
როგორიცაა, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
და ნაცვლად disney.com, მე
შეიძლება წავიდეს, ისევე, badguy.com.

279
00:13:11,340 --> 00:13:12,850
განაახლეთ.

280
00:13:12,850 --> 00:13:16,620
და რამდენად ადვილი არის სულელი,
განსაკუთრებით არასამთავრობო ტექნიკური მკითხველს

281
00:13:16,620 --> 00:13:20,649
ან cursorily კითხულობს
მკითხველს, ვიდრე დააჭირეთ

282
00:13:20,649 --> 00:13:23,940
ლინკი მსგავსი, რომელიც თუ მე დააწკაპუნეთ it--
მე რეალურად არ მინდა წასვლა badguy.com.

283
00:13:23,940 --> 00:13:25,398
მე არ ვიცი, რა არის რეალურად არსებობს.

284
00:13:25,398 --> 00:13:30,080
ასე რომ, paypal.com, შეტყობინება,
რასაც ის ამბობს, რომ ის აპირებს,

285
00:13:30,080 --> 00:13:33,210
მაგრამ, რა თქმა უნდა, თუ გავითვალისწინებთ ქვემოთ
სუპერ დაბალი, ეს ცოტა ბუნდოვანი,

286
00:13:33,210 --> 00:13:34,230
მაგრამ ის ამბობს badguy.com.

287
00:13:34,230 --> 00:13:38,644
ეს არის ერთადერთი გეტყვით ახლავე
რომ მე ვაპირებ, რომ არასწორი ადგილი.

288
00:13:38,644 --> 00:13:41,560
და როდესაც ვთქვი ადრე, რომ ბანკები
ნამდვილად არ უნდა წაახალისოს ან მატარებელი

289
00:13:41,560 --> 00:13:44,510
მომხმარებლის დაწკაპვით ბმულები, ეს
არის მხოლოდ ერთი გამოვლინება გახდა.

290
00:13:44,510 --> 00:13:45,430
და ეს რომ მარტივი.

291
00:13:45,430 --> 00:13:48,120
თქვენ ახლა მოწინააღმდეგის თუ
თქვენ რაღაც მოსწონს ეს

292
00:13:48,120 --> 00:13:51,000
და ცდილობენ Trick შესახებ
შევიდა გამოჩენის თქვენს საიტზე.

293
00:13:51,000 --> 00:13:53,320
მაგრამ ახლა, ჩვენ გავაგრძელებთ
რამ ლამაზი და სუფთა.

294
00:13:53,320 --> 00:13:55,640
ჩვენ ვაპირებთ, რომ წავიდეთ წინ
გადახვევა და ეს ცვლილებები.

295
00:13:55,640 --> 00:13:56,530
განაახლეთ გვერდი.

296
00:13:56,530 --> 00:13:57,740
და მე დაბრუნდეს disney.com.

297
00:13:57,740 --> 00:14:00,660
>> მოდით ვნახოთ, თუ ჩვენ არ შეგვიძლია გაღიზიანება
ამ გარდა ცოტა მეტი.

298
00:14:00,660 --> 00:14:04,160
ასე რომ, "hello, Disney World".

299
00:14:04,160 --> 00:14:05,950
მე ვაპირებ ვთქვა ქვემოთ აქ.

300
00:14:05,950 --> 00:14:08,220
იქნებ მე ვაპირებ გარკვეული ოთახი.

301
00:14:08,220 --> 00:14:12,730
"ჩვენ ვიმედოვნებთ, რომ თქვენ ისარგებლოს თქვენი ყოფნის!"

302
00:14:12,730 --> 00:14:13,830
გადარჩენა.

303
00:14:13,830 --> 00:14:15,850
განაახლეთ.

304
00:14:15,850 --> 00:14:19,010
ეს არ rea--, რომ არ არის
რა მე განკუთვნილი, არა?

305
00:14:19,010 --> 00:14:21,870
ვგულისხმობ, თუ მე ვმკურნალობ ტექსტი
ფაილი, როგორიცაა სიტყვა პროცესორი,

306
00:14:21,870 --> 00:14:24,894
რა იმედი მაქვს მოხდება აქ?

307
00:14:24,894 --> 00:14:27,060
ჰო, მე იგრძნონ
უნდა იყოს ხაზის შესვენების აქ,

308
00:14:27,060 --> 00:14:28,799
ასე რომ გრძნობს buggy რამდენიმე გზა.

309
00:14:28,799 --> 00:14:31,090
მაგრამ ეს, ფაქტობრივად, განზრახ,
იმიტომ, რომ ისევე, როგორც ადრე,

310
00:14:31,090 --> 00:14:33,381
ბრაუზერის მხოლოდ აპირებს
რა გითხრათ, ეს უნდა გააკეთოს.

311
00:14:33,381 --> 00:14:34,806
მე არ უთხრა, რომ დაარღვიოს ხაზები.

312
00:14:34,806 --> 00:14:37,930
მე არ უთხრეს, რომ ეს ქვევით, მაშინაც კი,
მიუხედავად იმისა, რომ, ინტუიციურად, ვგრძნობ, ისევე როგორც მე.

313
00:14:37,930 --> 00:14:39,805
გამოდის, რომ ჩვენ გვჭირდება
ცოტა მეტი markup,

314
00:14:39,805 --> 00:14:41,390
და მე ვაპირებ დაფიქსირება ამ ასეთია.

315
00:14:41,390 --> 00:14:46,160
მე ვაპირებ, რომ შესავალში ეს პირველი მიესალმები
ერთად რასაც პუნქტი აქვს.

316
00:14:46,160 --> 00:14:48,920
და შემდეგ მე ვაპირებ წავიდეთ წინ
და გადაიტანოთ ეს სხვა სასჯელი

317
00:14:48,920 --> 00:14:54,370
სხვა პუნქტი აქვს, მიუხედავად იმისა,
ისინი სუპერ მოკლე პუნქტები.

318
00:14:54,370 --> 00:14:55,930
ახლა მე ვაპირებ გადარჩენა.

319
00:14:55,930 --> 00:14:57,160
განაახლეთ.

320
00:14:57,160 --> 00:14:59,070
და ახლა ჩვენ გვაქვს, რომ
სივრცეში, და ჩვენ ერთგვარი

321
00:14:59,070 --> 00:15:01,680
აქვს სემანტიკა
ორი ცალკეული პუნქტები.

322
00:15:01,680 --> 00:15:05,290
>> ეს არის ყველა კარგი და კეთილი, მაგრამ ეს
კარგი იქნება, რომ დაამატოთ გამოსახულება ამ გვერდზე,

323
00:15:05,290 --> 00:15:08,710
ამიტომ მე ვაპირებ მოსაძებნად
ბაბილინა Google Images.

324
00:15:08,710 --> 00:15:12,830
და უბრალოდ for fun, მე
აპირებს დაიბრუნოს ეს იმიჯი.

325
00:15:12,830 --> 00:15:15,350
მე ვაპირებ წავიდეთ წინ არის და
დაიბრუნოს URL ეს სურათი,

326
00:15:15,350 --> 00:15:16,510
მიუხედავად იმისა, რომ არსებობს სხვადასხვა
გზა ამის გაკეთება.

327
00:15:16,510 --> 00:15:18,520
ახლა, მე უბრალოდ აპირებს კოპირება URL.

328
00:15:18,520 --> 00:15:24,770
მე ვაპირებ დავუბრუნდეთ ჩემს ტექსტი
ფაილი, და მე ვაპირებ ვთქვა აქ,

329
00:15:24,770 --> 00:15:31,160
img src = გაცემა unquote
რომ URL, სუპერ ხანგრძლივი.

330
00:15:31,160 --> 00:15:34,580
და მაშინ ცნება
სურათი არის ცოტა განსხვავებული.

331
00:15:34,580 --> 00:15:38,640
იქ ნამდვილად არ ცნება ამოსავალი
იმიჯი და დამთავრებული იმიჯი,

332
00:15:38,640 --> 00:15:40,630
როგორც დამწყებ tag მოეღოს აქვს.

333
00:15:40,630 --> 00:15:43,840
ასე რომ, ის გრძნობს, ცოტა უცნაურია, რომ
me სემანტიკურად ამის გაკეთება,

334
00:15:43,840 --> 00:15:45,390
ახლო-image აქვს.

335
00:15:45,390 --> 00:15:46,780
ეს არ არის არასწორი.

336
00:15:46,780 --> 00:15:48,840
ეს შესანიშნავად სწორი,
და ეს წახალისება,

337
00:15:48,840 --> 00:15:50,870
მაგრამ იქ სტენოგრამის ნოტაცია.

338
00:15:50,870 --> 00:15:53,780
მე შემიძლია სახის ერთდროულად
გახსნას და დახუროს იგივე tag,

339
00:15:53,780 --> 00:15:55,510
და რომ გახდის ბრაუზერის ბედნიერი.

340
00:15:55,510 --> 00:15:56,950
ასე რომ, ეს მხოლოდ პატარა
უფრო ლაკონური რამ

341
00:15:56,950 --> 00:15:59,408
რომ კონცეპტუალურად ნამდვილად არ
აზრი, რომ დაიწყება და დასრულდება.

342
00:15:59,408 --> 00:16:01,190
ისინი უბრალოდ არ არსებობს, ან არ არის.

343
00:16:01,190 --> 00:16:06,020
>> ამიტომ, მე ვაპირებ გადარჩენა ამ და დაბრუნდეს
ჩემს "hello, world" გვერდზე და განახლება.

344
00:16:06,020 --> 00:16:09,880
და ეს არის პატარა კონტროლიდან,
იმიტომ, რომ სურათი არის რეალურად

345
00:16:09,880 --> 00:16:12,210
პატარა დიდი, მაგრამ ეს OK.

346
00:16:12,210 --> 00:16:13,710
მე ვერ შეცვლის მას ამ პროგრამაში.

347
00:16:13,710 --> 00:16:14,900
და იცით, რა.

348
00:16:14,900 --> 00:16:17,350
მხოლოდ იმის დემონსტრირება, მე
აპირებს რეალურად ამბობენ

349
00:16:17,350 --> 00:16:21,760
სიგანე ამ რამ უნდა
მხოლოდ 200 პიქსელი, 200 წერტილი.

350
00:16:21,760 --> 00:16:24,360
ნება მომეცით წავიდეთ წინ და შენახვა
და განახლება, და ახლა გვერდი

351
00:16:24,360 --> 00:16:25,690
გამოიყურება უფრო გონივრული.

352
00:16:25,690 --> 00:16:27,260
მაგრამ შეამჩნია ნიმუში.

353
00:16:27,260 --> 00:16:30,030
ისე, მე სახის ასწავლა ყველა
of HTML გარკვეული აზრით, მინიმუმ

354
00:16:30,030 --> 00:16:33,531
კონცეპტუალურად, რადგან ყველა HTML არის
ამ tags-- ღია tags, დახურული tags,

355
00:16:33,531 --> 00:16:35,280
და ატრიბუტები, რომ
ცვლილებები მათი საქციელი.

356
00:16:35,280 --> 00:16:38,380
და, როგორც ჩანს, ყოველ
tag შეიძლება ნულოვანი ან ერთი

357
00:16:38,380 --> 00:16:43,005
ორი ან მეტი ატრიბუტები, თითოეული
რომელიც აკეთებს რაღაც ცოტა განსხვავებული.

358
00:16:43,005 --> 00:16:44,380
ახლა, როგორ თქვენ იცით, რა არსებობს?

359
00:16:44,380 --> 00:16:46,800
თქვენ უბრალოდ მოვუსმინოთ ვინმე
ისევე, როგორც მე გეტყვით, რა არსებობს,

360
00:16:46,800 --> 00:16:50,860
ან უბრალოდ Google გარშემო tutorial
HTML, და ეს ნამდვილად არის ეს მარტივია.

361
00:16:50,860 --> 00:16:54,030
>> მართლაც, როდესაც მე ვიყავი ბაკალავრიატის
წლის წინ და შეიტყო, HTML,

362
00:16:54,030 --> 00:16:56,530
ერთ-ერთი ჩემი მათემატიკის სწავლების
თანაშემწეები უბრალოდ გაატარა

363
00:16:56,530 --> 00:16:59,600
ცოტა დრო ვასწავლი me
მოსწონს ნახევარი საათი, საათი,

364
00:16:59,600 --> 00:17:00,660
და მერე იყო ჩემი გზა.

365
00:17:00,660 --> 00:17:03,300
მე ჩემს გზა მიღების
ყველაზე მახინჯი ვებ ოდესმე,

366
00:17:03,300 --> 00:17:05,549
რომელიც, როგორც ჩანს, მე არ
მართლაც ვითარდებოდა მიღმა.

367
00:17:05,549 --> 00:17:09,849
მაგრამ საქმე ისაა, რომ, კიდევ
მესმის, რომ ეს მარტივი იდეები

368
00:17:09,849 --> 00:17:13,450
თუ arcane text--, თუმცა ეს მარტივი
იდეების დაწყებული აზრის

369
00:17:13,450 --> 00:17:15,960
და დახურვის აზრის, შენახვა
ყველაფერი კარგად დაბალანსებული,

370
00:17:15,960 --> 00:17:19,150
ეძებს რაღაც up, შეცვლის
ქცევის იმ tag, რომ მართლაც ყველა

371
00:17:19,150 --> 00:17:20,079
ეს არის და ეს.

372
00:17:20,079 --> 00:17:28,140
და სინამდვილეში, თუ ჩვენ ახლა წასვლა
რაღაც Google.com-- ფაქტობრივად,

373
00:17:28,140 --> 00:17:31,920
მოდით წავიდეთ ადგილი ცოტა მეტი
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
და მე ვაპირებ წასვლა ნახვა,
დეველოპერი, წყარო.

375
00:17:37,800 --> 00:17:41,400
ეს მახინჯი, მაგრამ შეამჩნია
და მე მიუახლოვდით ცნობა

376
00:17:41,400 --> 00:17:43,432
რაღაცები, რომ ნაცნობი უკვე.

377
00:17:43,432 --> 00:17:45,140
არსებობს ეს აქ,
რომელიც ბრაუზერში.

378
00:17:45,140 --> 00:17:46,800
აქ ჩნდება HTML5.

379
00:17:46,800 --> 00:17:47,634
არსებობს HTML.

380
00:17:47,634 --> 00:17:49,550
როგორც ჩანს, არ არის
ატრიბუტი, რომელიც მე არ

381
00:17:49,550 --> 00:17:51,540
გამოყენება, რომელიც განსაზღვრავს
ენის გვერდზე,

382
00:17:51,540 --> 00:17:54,380
და ეს შეიძლება დაეხმაროს ავტომატური
თარგმანი და პერსონალის იგრძნობა.

383
00:17:54,380 --> 00:17:55,546
აი ხელმძღვანელი გვერდზე.

384
00:17:55,546 --> 00:17:57,790
აი ტიტული სტენფორდის გვერდზე.

385
00:17:57,790 --> 00:17:59,832
არსებობს tag მე არ
ვისაუბროთ ყოლა Meta tag.

386
00:17:59,832 --> 00:18:01,540
ეს მხოლოდ ერთგვარი
ინფორმაცია.

387
00:18:01,540 --> 00:18:04,210
იგი ეხმარება SEO, ან
ძებნა ძრავის ოპტიმიზაცია,

388
00:18:04,210 --> 00:18:06,320
ან Google ძიების შედეგები ან მოსწონს.

389
00:18:06,320 --> 00:18:09,029
მაგრამ თუ ჩვენ ვეძებთ, შენარჩუნება
ეძებს, აქ არის ორგანო აქვს.

390
00:18:09,029 --> 00:18:11,570
და იქ bunches სხვა
tags ჩვენ არ ისაუბრა არავის გაუკეთებია.

391
00:18:11,570 --> 00:18:13,750
მაგრამ Div არის ერთ ერთი
სამმართველოს გვერდზე.

392
00:18:13,750 --> 00:18:16,680
ეს იგივეა, უხილავი მართკუთხედი
თუ სახის გვინდა სულიერად

393
00:18:16,680 --> 00:18:20,160
დაყოს თქვენი გვერდი შევიდა
სხვადასხვა ერთეული ხაზზე.

394
00:18:20,160 --> 00:18:22,650
და შემდეგ უამრავი divs I
ვხედავ, რაღაც მოუწოდა კლასი,

395
00:18:22,650 --> 00:18:24,440
მაგრამ ჩვენ დავბრუნდებით რომ.

396
00:18:24,440 --> 00:18:26,200
>> ეს არის interesting-- ფორმები.

397
00:18:26,200 --> 00:18:27,730
ფორმები მთელი ვებ.

398
00:18:27,730 --> 00:18:30,310
ნებისმიერი საძიებო ყუთი თქვენ
ოდესმე გამოიყენება ფორმაა.

399
00:18:30,310 --> 00:18:31,490
და, ასე, მოდით რეალურად ვხედავ.

400
00:18:31,490 --> 00:18:32,790
ფორმა.

401
00:18:32,790 --> 00:18:33,910
აქცია.

402
00:18:33,910 --> 00:18:37,660
აქცია ამ ფორმით, რასაც
ისტორიული მიზეზების გამო, ის არის, რომ URL.

403
00:18:37,660 --> 00:18:38,840
მეთოდი "პოსტი".

404
00:18:38,840 --> 00:18:44,060
გამოდის, რომ HTTP მოთხოვნა შეგიძლიათ გამოიყენოთ
ზმნა "მისაღებად," როგორც ჩვენ ვნახეთ ადრე,

405
00:18:44,060 --> 00:18:45,070
ან "პოსტი".

406
00:18:45,070 --> 00:18:47,030
და ვხედავ განსხვავებას
ამ მომენტში.

407
00:18:47,030 --> 00:18:48,363
მოდით რეალურად ვხედავ, რა არის ეს.

408
00:18:48,363 --> 00:18:49,830
ნება მომეცით დაბრუნდეს Stanford გვერდზე.

409
00:18:49,830 --> 00:18:53,330
რა ფორმით გველაპარაკებიან
შესახებ, როგორ ფიქრობთ?

410
00:18:53,330 --> 00:18:54,485
რა გადასვლა out at თქვენ?

411
00:18:54,485 --> 00:18:54,970
>> აუდიტორია: ძებნა ყუთი.

412
00:18:54,970 --> 00:18:55,845
>> დევიდ ჯ Malan: ჰო.

413
00:18:55,845 --> 00:18:58,410
ასე რომ, ზედა მარჯვენა
აქ არის ამ ძებნის ყუთში.

414
00:18:58,410 --> 00:19:02,441
და რომ ის, თუ როგორ ხორციელდება it--
tag ფაქტიურად არის ღია bracket ფორმა.

415
00:19:02,441 --> 00:19:03,940
და მაშინ მოდით მოძებნოთ რამე.

416
00:19:03,940 --> 00:19:09,220
მოდით ძიება buddy
of mine-- "ნიკა Parlante".

417
00:19:09,220 --> 00:19:11,380
შევა.

418
00:19:11,380 --> 00:19:13,750
და რა თქმა უნდა, ის წავიდა
ოდნავ განსხვავებული URL.

419
00:19:13,750 --> 00:19:15,140
ნება მომეცით დაბრუნდეს აქ.

420
00:19:15,140 --> 00:19:18,960
მოდით ძიება "კურსები".

421
00:19:18,960 --> 00:19:19,460
ჯანდაბა.

422
00:19:19,460 --> 00:19:20,484
წავიდა სხვადასხვა URL.

423
00:19:20,484 --> 00:19:23,400
ასე რომ, სტენფორდის დასძინა ჯადოსნური
რომ ისინი არ იღებენ ჩემთვის URL

424
00:19:23,400 --> 00:19:25,820
რომ დავინახეთ,
აქცია ატრიბუტი არსებობს.

425
00:19:25,820 --> 00:19:32,480
მაგრამ ეს ფორმა აქ ხორციელდება წმინდა
გზა ამ markup აქ, ამ tags.

426
00:19:32,480 --> 00:19:35,710
ფაქტობრივად, აქ არის შეყვანის
გაცნობის ძებნა, რომელიც გსურთ.

427
00:19:35,710 --> 00:19:38,940
აქ არის შეყვანის
სხვა ტიპის ძიება.

428
00:19:38,940 --> 00:19:41,960
აქ არის შეყვანის სიმებიანი თავად.

429
00:19:41,960 --> 00:19:45,394
და ასე რომ მიზანი არ გადაიტანოთ
ჩვენს გონებაში გარშემო ყველა ამ tags

430
00:19:45,394 --> 00:19:46,060
არამედ იმიტომ, რომ ვხედავ.

431
00:19:46,060 --> 00:19:48,300
უბრალოდ გახსნის და დახურვის
tags და ეძებს რამ მდე.

432
00:19:48,300 --> 00:19:48,560
ჰო?

433
00:19:48,560 --> 00:19:48,920
ვიქტორია?

434
00:19:48,920 --> 00:19:49,795
>> აუდიტორია: [INAUDIBLE]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
დევიდ ჯ Malan: ეს კარგი კითხვაა.

437
00:19:53,550 --> 00:19:54,660
ეს არის პატარა trickier ვხედავ.

438
00:19:54,660 --> 00:19:56,300
მიადევნე თვალი დაბრუნებას, რომ
საკითხი მხოლოდ რამდენიმე წუთში

439
00:19:56,300 --> 00:19:59,000
შევხედოთ რაღაც მოუწოდა
CSS, ან კასკადური სტილების,

440
00:19:59,000 --> 00:20:02,500
და ჩვენ შეგვიძლია ცდილობენ infer
იმდენი გვერდზე.

441
00:20:02,500 --> 00:20:08,090
ასე რომ, თუ ჩვენ ახლა შევხედოთ google.com,
ვნახოთ, რა მათი გვერდზე ჰგავს.

442
00:20:08,090 --> 00:20:09,840
თქვენ they're--, რომ მიმზიდველი დღეს.

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
კარგი.

445
00:20:12,990 --> 00:20:13,690
ყველაფერი შესრულებულია.

446
00:20:13,690 --> 00:20:15,260
ყველა უფლება, ასე წყარო.

447
00:20:15,260 --> 00:20:19,590
თქვენ ფიქრობთ, Google აქვს
მართლაც ლამაზი კოდის.

448
00:20:19,590 --> 00:20:24,970
ასე რომ, როგორც ჩანს, რა ხდება აქ?

449
00:20:24,970 --> 00:20:27,880
და სინამდვილეში, ეს არ არის კიდევ HTML.

450
00:20:27,880 --> 00:20:30,930
ეს არის რაღაც მოუწოდა JavaScript.

451
00:20:30,930 --> 00:20:32,344
და მოდით შენარჩუნებას აპირებს და აპირებს.

452
00:20:32,344 --> 00:20:34,010
მე კი არ ვიცი სად გვერდზე იწყება.

453
00:20:34,010 --> 00:20:37,240
მე ვაპირებ გამოიყენოთ Command
F, ღია bracket HTML.

454
00:20:37,240 --> 00:20:38,200
ყველა უფლება, ეს არის.

455
00:20:38,200 --> 00:20:44,150
აღმოვაჩინე გვერდის დასაწყისში და
არსებობს იმდენად პერსონალის აქ.

456
00:20:44,150 --> 00:20:45,310
>> რა არის რეალურად ხდება?

457
00:20:45,310 --> 00:20:47,460
ისე, თქვენ იცით, რა,
ჩვენ შეგვიძლია გაწმენდა ამ up.

458
00:20:47,460 --> 00:20:52,109
თუ მე ნაცვლად წასვლა ეს შეამოწმოს
პანელი, ეს განსაკუთრებული სადიაგნოსტიკო ინსტრუმენტი,

459
00:20:52,109 --> 00:20:54,150
და წასვლა არ ქსელის,
სადაც ჩვენ ვაპირებთ შენარჩუნება დღეს,

460
00:20:54,150 --> 00:20:56,420
მაგრამ თუ მე ელემენტები,
რა არის მართლაც ლამაზი

461
00:20:56,420 --> 00:20:59,990
ის არის, რომ ბრაუზერი აქვს ბევრი
ბევრად უკეთესი თვალში, ვიდრე მე.

462
00:20:59,990 --> 00:21:02,670
და ბრაუზერის წაიკითხოს
რომ ხმაური ვებ გვერდზე,

463
00:21:02,670 --> 00:21:04,700
რომ HTML mail ჩვენ უბრალოდ
შევხედე, და მას შეუძლია

464
00:21:04,700 --> 00:21:08,340
გარჩევის იგი ან წაკითხული და
გაანალიზება და reformat იგი

465
00:21:08,340 --> 00:21:09,910
ლამაზი ადამიანის მეგობრული გზით.

466
00:21:09,910 --> 00:21:11,740
ასე რომ, ის, რაც მე ახლა ვხედავთ
ამ ეკრანზე აქ

467
00:21:11,740 --> 00:21:15,470
ელემენტები, ზუსტად იგივე შინაარსის,
მაგრამ ისინი დაზუსტებისათვის ყველაფერი,

468
00:21:15,470 --> 00:21:18,140
ისინი colorized, მაგრამ
ეს ზუსტად იგივე ტექსტი

469
00:21:18,140 --> 00:21:19,620
რომ მე გადმოწერილი სერვერზე.

470
00:21:19,620 --> 00:21:23,630
>> და რა ლამაზი ახლა არის მე ვხედავ
ამ ორგანოს, instance-- ცნობა,

471
00:21:23,630 --> 00:21:26,480
გვერდზე მაინც შედგება
მხოლოდ ერთი ხელმძღვანელი და სხეულის,

472
00:21:26,480 --> 00:21:28,660
და შემიძლია იერარქიულად ჩაყვინთვის აქ.

473
00:21:28,660 --> 00:21:32,420
გაითვალისწინეთ, რომ Google, როგორც ჩანს,
to divs-- ამ ერთი და ეს ერთი.

474
00:21:32,420 --> 00:21:33,310
შემიძლია გაფართოებას, რომ.

475
00:21:33,310 --> 00:21:35,370
არსებობს მთელი bunch სხვა divs.

476
00:21:35,370 --> 00:21:36,900
ასე რომ, ეს ცოტა რთული.

477
00:21:36,900 --> 00:21:37,400
მაგრამ მოიცადე.

478
00:21:37,400 --> 00:21:40,970
ეს, როგორც ჩანს, იმდენად უფრო
იკითხება, შედარებით, ვიდრე ეს.

479
00:21:40,970 --> 00:21:43,840
რატომ არის Google უხერხულ
თავად მხოლოდ გაგზავნის

480
00:21:43,840 --> 00:21:50,400
ეს დიდი სასადილო კოდი ზოგიერთი
ერთგვარი უბრალოდ უნდა განახორციელოს რაიმე

481
00:21:50,400 --> 00:21:53,640
რომელიც ძალიან მარტივია ერთი შეხედვით?

482
00:21:53,640 --> 00:21:55,270
მსგავსად, რატომ არ დაამატოთ მეტი ფართები?

483
00:21:55,270 --> 00:21:56,811
რატომ არ დააჭიროთ, როგორც მე?

484
00:21:56,811 --> 00:21:59,110
ნახეთ, რა კარგი ვიყავი
წერა ვებ გვერდზე.

485
00:21:59,110 --> 00:22:00,680
მე დააჭიროთ ასე გატაცებით.

486
00:22:00,680 --> 00:22:03,760
მე დაზუსტებისათვის ასე რომ ყველაფერი
იმდენად ლამაზი და იკითხება.

487
00:22:03,760 --> 00:22:08,463
რატომ Google არ პრაქტიკაში იგივე?

488
00:22:08,463 --> 00:22:11,409
>> აუდიტორია: [INAUDIBLE]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
დევიდ ჯ Malan: კარგი.

491
00:22:13,180 --> 00:22:14,270
ძალიან სამართლიანი.

492
00:22:14,270 --> 00:22:16,650
მათ არ აქვთ გარკვეული
პირის Google ხელით

493
00:22:16,650 --> 00:22:18,160
განახლებაზე მთავარი გვერდი აღარაა.

494
00:22:18,160 --> 00:22:20,010
ეს არ არის 1999 მთელი მსოფლიოს მასშტაბით.

495
00:22:20,010 --> 00:22:21,140
ასე, რომ მათ პროგრამული უზრუნველყოფა.

496
00:22:21,140 --> 00:22:25,397
მათ აქვთ სხვა ინსტრუმენტი, რომელიც
წარმოქმნის დინამიურად ისინი HTML.

497
00:22:25,397 --> 00:22:27,480
რა თქმა უნდა, რომ კოდი თავად
დაიწერა ადამიანები,

498
00:22:27,480 --> 00:22:30,220
მაგრამ რეალობა ის არის,
ეს საკმაოდ სამართლიანი ვთქვა,

499
00:22:30,220 --> 00:22:33,340
ბრაუზერის თქმა უნდა, არ
მაინტერესებს, რამდენად რთული კოდი არის.

500
00:22:33,340 --> 00:22:35,940
მაგრამ არსებობს კიდევ უფრო
მყარი ტექნიკური მიზეზი

501
00:22:35,940 --> 00:22:42,580
რომ Google ავრცელებს მათი HTML
კოდი ასეთ დაუდევარი, როგორც ჩანს,

502
00:22:42,580 --> 00:22:48,350
აბსოლუტური გზა ყველა შეფუთული ერთად
ძალიან ცოტა way-- ძალიან ცოტა

503
00:22:48,350 --> 00:22:51,274
გზა გაფორმებით, როგორც მე.

504
00:22:51,274 --> 00:22:52,570
>> აუდიტორია: [INAUDIBLE]

505
00:22:52,570 --> 00:22:53,528
>> დევიდ ჯ Malan: Faster?

506
00:22:53,528 --> 00:22:54,040
რატომ?

507
00:22:54,040 --> 00:22:55,680
და რა ვთქვა, Lydia?

508
00:22:55,680 --> 00:22:56,240
უფრო სწრაფად?

509
00:22:56,240 --> 00:22:57,281
რატომ უფრო სწრაფად?

510
00:22:57,281 --> 00:22:58,156
აუდიტორია: [INAUDIBLE]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
დევიდ ჯ Malan: არსებობს
არსებობს სივრცე წაიკითხა.

513
00:23:02,230 --> 00:23:02,730
ჰო.

514
00:23:02,730 --> 00:23:04,560
ასე რომ, ვფიქრობ იმაზე, თუ რა სივრცე.

515
00:23:04,560 --> 00:23:08,394
ასე რომ, თითოეული ხასიათი კლავიატურაზე იღებს
გარკვეული სივრცე წარმოადგენს,

516
00:23:08,394 --> 00:23:10,560
ან ფიზიკური, როგორც ეს
იკავებს, რომ ბევრი სივრცე,

517
00:23:10,560 --> 00:23:13,250
ან როგორღაც ქვეშ
hood, რომელიც მოითხოვს, მეხსიერება.

518
00:23:13,250 --> 00:23:15,740
და როგორც განზე და ჩვენ
გაიგო მეტი ამ tomorrow--

519
00:23:15,740 --> 00:23:19,930
ყოველ ხასიათი კლავიატურაზე
როგორც წესი, მოითხოვს, 8 ბიტი, და ერთი ბაიტი.

520
00:23:19,930 --> 00:23:23,360
ასე რომ, ნიმუში 8 zeros და
პირობა, ან უბრალოდ 1 byte, როგორც ჩვენ

521
00:23:23,360 --> 00:23:24,720
ადამიანები, როგორც წესი, ამბობენ.

522
00:23:24,720 --> 00:23:27,690
ასე რომ, პატარა, მაგრამ
ეს ჯერ კიდევ არასამთავრობო ნულოვანი.

523
00:23:27,690 --> 00:23:29,940
ეს არის კიდევ გარკვეული თანხის სივრცეში.

524
00:23:29,940 --> 00:23:36,082
ასე რომ, თუ ინჟინერი ან Google ჰიტები
სივრცეში ბარი მხოლოდ ერთხელ, და ვარაუდობენ,

525
00:23:36,082 --> 00:23:38,540
Google-- ეს სუპერ popular--
ვარაუდობენ, რომ მილიარდი ადამიანი

526
00:23:38,540 --> 00:23:40,780
ეწვევა მათი მთავარი გვერდი დღეს,
ან რაღაც რაოდენობის ხალხი

527
00:23:40,780 --> 00:23:43,290
ეწვევა სახლში გვერდზე
მილიარდი ჯერ დღეში,

528
00:23:43,290 --> 00:23:48,890
რამდენი დამატებითი bytes აქვს, რომ
პროგრამული უზრუნველყოფის ინჟინერი მხოლოდ ღირს Google

529
00:23:48,890 --> 00:23:51,310
დარტყმის მისი სივრცეში ბარი ერთხელ?

530
00:23:51,310 --> 00:23:52,692
>> აუდიტორია: [INAUDIBLE]

531
00:23:52,692 --> 00:23:54,150
დევიდ ჯ Malan: არ არის, რომ ცუდი.

532
00:23:54,150 --> 00:23:57,070
მხოლოდ ერთი ბაიტი ჯერ მილიარდი.

533
00:23:57,070 --> 00:23:57,871
ასე რომ, a--

534
00:23:57,871 --> 00:23:59,120
აუდიტორია: 8 მილიარდი გიგაბაიტი.

535
00:23:59,120 --> 00:24:00,370
დევიდ ჯ Malan: არ 8 მლრდ.

536
00:24:00,370 --> 00:24:01,240
8 მილიარდ ბაიტს.

537
00:24:01,240 --> 00:24:02,410
მაგრამ 1 გბ.

538
00:24:02,410 --> 00:24:04,080
1 გბ იქნება ერთეული ზომის.

539
00:24:04,080 --> 00:24:08,240
თუ იგი აკეთებს ორი
ფართები, 2 გბ.

540
00:24:08,240 --> 00:24:09,030
სამი გბ.

541
00:24:09,030 --> 00:24:09,530
არა?

542
00:24:09,530 --> 00:24:11,860
ეს სასწორები ძვირად.

543
00:24:11,860 --> 00:24:16,150
ასე რომ, იმ შემთხვევაში, როგორიცაა Google,
რომელიც, მიანიჭა, რომლებიც უკიდურეს შემთხვევაში,

544
00:24:16,150 --> 00:24:21,450
არსებობს სხვა საკითხები, რომლებიც წარმოიქმნება მხოლოდ
მიერ მიღების ძალიან გონივრული გადაწყვეტილებები

545
00:24:21,450 --> 00:24:25,744
ან მიღების ძალიან მარტივია ადამიანის ქმედებები,
იმიტომ, რომ მას ამ magnified ეფექტი.

546
00:24:25,744 --> 00:24:27,660
ასე რომ, ერთ-ერთი მიზეზი
ეს გამოიყურება ასე შეკუმშული

547
00:24:27,660 --> 00:24:30,660
ზუსტად ისე, როგორც Victoria said-- ეს იყო
მხოლოდ გამომუშავებული კომპიუტერი მაინც.

548
00:24:30,660 --> 00:24:31,900
ასე რომ, არ არის დიდი გარიგება.

549
00:24:31,900 --> 00:24:33,309
მოდით ბრაუზერის გაერკვნენ ის.

550
00:24:33,309 --> 00:24:35,350
მაგრამ ეს ასევე განზრახ
არ გვაქვს ბევრი სივრცე,

551
00:24:35,350 --> 00:24:36,766
რადგან სივრცე არ არის საჭირო.

552
00:24:36,766 --> 00:24:38,250
და სივრცეში რეალურად ღირს ფული.

553
00:24:38,250 --> 00:24:40,670
>> ეს არც ღირს დროის,
მხოლოდ იმიტომ, რომ დააყენებს

554
00:24:40,670 --> 00:24:44,670
რომ ბევრად უფრო მონაცემების გარეთ
google.com ს შტაბ-ბინაში მხოლოდ

555
00:24:44,670 --> 00:24:47,710
აქვს გარკვეული თანხა
დროს, მაშინაც კი, თუ ის მილიწამებში

556
00:24:47,710 --> 00:24:51,190
ან microseconds, მაგრამ დასძენს მდე
მეტი ამდენი მომხმარებლებს, ან უფრო სავარაუდოა,

557
00:24:51,190 --> 00:24:52,270
ეს, ალბათ, ღირს ფული.

558
00:24:52,270 --> 00:24:54,690
Google ალბათ აკავშირებს
ვინმეს მსოფლიოში, ერთ-ერთი

559
00:24:54,690 --> 00:24:56,398
იმ სწვდება
რაოდენობა, და თუ მათ აქვთ

560
00:24:56,398 --> 00:24:59,880
გარკვეული სახის ფინანსური ურთიერთობები
რომლის დროსაც მათი მონაცემებით ღირს ფული,

561
00:24:59,880 --> 00:25:01,730
ისინი შეიძლება ასევე
მინიმუმამდე რამდენად მონაცემები

562
00:25:01,730 --> 00:25:04,530
ისინი იფურთხება გარეთ
მათი ინტერნეტით.

563
00:25:04,530 --> 00:25:07,630
>> ასე რომ, სასაცილო რამ, თუმცა, საბოლოო ჯამში,
ან იქნებ reassuring რამ,

564
00:25:07,630 --> 00:25:11,030
ის არის, რომ მიუხედავად იმისა, რომ ეს გამოიყურება საშინლად
აბსოლუტური, ბოლოს დღეს,

565
00:25:11,030 --> 00:25:16,750
ეს ჯერ კიდევ ზუსტი იმავე პრინციპებს,
ეს ძალიან მარტივია გვერდი აქ არის HTML

566
00:25:16,750 --> 00:25:17,390
გვერდზე.

567
00:25:17,390 --> 00:25:20,610
ასე რომ მხოლოდ შეჯამება და ასე რომ თქვენ
აქვს კანონიკური ვერსია თუ არ იყო

568
00:25:20,610 --> 00:25:25,900
შემდეგ ერთად არჩევანი აქ, აქ
შეიძლება იყოს ყველაზე მარტივი ვებ გვერდები,

569
00:25:25,900 --> 00:25:28,240
ასე რომ, რაღაც თამაში, ალბათ, მოგვიანებით.

570
00:25:28,240 --> 00:25:30,790
>> ისე, მოდით გააცნობს
რამდენიმე სხვა იდეები არის.

571
00:25:30,790 --> 00:25:33,420
ჩვენ შესახებ დანერგვა
რაღაც მოუწოდა სტილი აქვს.

572
00:25:33,420 --> 00:25:38,110
ჩვენ შეგვიძლია stylize ამ გვერდზე
უფრო საინტერესო გზები.

573
00:25:38,110 --> 00:25:40,860
ასე რომ, ხოლო HTML ელ
ყველაფერი არის მარკირების

574
00:25:40,860 --> 00:25:44,470
მონაცემები, ერთგვარი სასურველი, რომ
ბრაუზერის როგორ სტრუქტურირებაზე მონაცემები,

575
00:25:44,470 --> 00:25:48,110
სად უნდა დააყენოს იგი, CSS, ან
კასკადური სტილების,

576
00:25:48,110 --> 00:25:52,640
მეორე ენის, რომ
ზოგადად იღებს ერთობლივი ერთად HTML

577
00:25:52,640 --> 00:25:55,670
როგორც ჩვენ see-- მაგრამ ჩვენ შეგვიძლია გაწმენდა
რომ წელს ერთი წუთით, რომელიც იღებს

578
00:25:55,670 --> 00:25:59,850
ეს საბოლოო მილის, და ეს stylizes იგი.

579
00:25:59,850 --> 00:26:02,460
იგი იღებს ფერები მხოლოდ უფლება,
შრიფტის ზომის მხოლოდ უფლება,

580
00:26:02,460 --> 00:26:03,860
წესი მხოლოდ უფლება.

581
00:26:03,860 --> 00:26:06,510
ეს ყველაფერი ესთეტიკის
და გაფორმებით, არ

582
00:26:06,510 --> 00:26:08,330
ფუნდამენტური მონაცემები თავისთავად.

583
00:26:08,330 --> 00:26:11,390
და მარტივი გზა, რათა ნახოთ
ეს, ალბათ, მაგალითად.

584
00:26:11,390 --> 00:26:15,320
ამიტომ, მე ვაპირებ წასვლა მეტი
ჩემი უბრალო ტექსტური ფაილი.

585
00:26:15,320 --> 00:26:17,970
და რაღაც მომენტში, მე
ფეხით ჩვენს მეშვეობით პროცესში

586
00:26:17,970 --> 00:26:19,360
ამით საკუთარ თავს.

587
00:26:19,360 --> 00:26:23,310
>> მე ვაპირებ დავუბრუნდე ჩემს ფაილი
აქ და განაახლეთ გვერდი მხოლოდ

588
00:26:23,310 --> 00:26:25,800
იმის დასადასტურებლად, თუ რას ჰგავს.

589
00:26:25,800 --> 00:26:27,190
ეს არის ის, სადაც ჩვენ ვართ ახლა.

590
00:26:27,190 --> 00:26:31,170
ვგრძნობ, როგორიცაა ბავშვები სარგებლობენ
გარკვეული ფერი ამ ვებ-გვერდზე.

591
00:26:31,170 --> 00:26:34,480
ამიტომ, მე ვაპირებ წასვლა აქ
შევიდა ხელმძღვანელი გვერდზე.

592
00:26:34,480 --> 00:26:38,130
და მე ვაპირებ ამის გაკეთება სტილი, / სტილი.

593
00:26:38,130 --> 00:26:44,060
და შემდეგ შიგნით ამ, მე ვაპირებ
ვუთხრა ორგანოს ჩემი page--

594
00:26:44,060 --> 00:26:46,870
და ეს გაფორმებით არის,
ერთი შეხედვით, ალბათ, ცოტა

595
00:26:46,870 --> 00:26:49,400
უცნაურია, მაგრამ ჩვეულებრივი.

596
00:26:49,400 --> 00:26:55,010
მე ვაპირებ ვთქვა, რომ იმ ფონზე,
ფერი ამ გვერდზე უნდა იყოს მწვანე.

597
00:26:55,010 --> 00:26:57,960
და ეს არის, სამწუხაროდ,
ერთგვარი არ არის საუკეთესო დიზაინი.

598
00:26:57,960 --> 00:27:00,710
გაითვალისწინეთ, რომ ადრე
მსოფლიოში HTML,

599
00:27:00,710 --> 00:27:03,190
მე ვთქვი, რომ ატრიბუტები
არის ეს ძირითადი ღირებულება წყვილი.

600
00:27:03,190 --> 00:27:05,760
რაღაც შეადგენს გაცემა
unquote "რაღაც".

601
00:27:05,760 --> 00:27:08,810
მსოფლიოში CSS, რომელიც
შექმნილია რამდენიმე განსხვავებული ადამიანი,

602
00:27:08,810 --> 00:27:11,020
მათ გადაწყვიტეს, რომ მათი
მსოფლიოში, ძირითადი ღირებულების წყვილი

603
00:27:11,020 --> 00:27:13,920
იქნება სიტყვა colon რაღაც.

604
00:27:13,920 --> 00:27:15,220
ასე რომ, ეს იგივე იდეა, თუმცა.

605
00:27:15,220 --> 00:27:18,620
ეს ასოცირების მნიშვნელობა
არის გარკვეული, რომ როგორმე

606
00:27:18,620 --> 00:27:20,330
გავლენას ახდენს ქცევის ამ გვერდზე.

607
00:27:20,330 --> 00:27:21,901
>> და თქვენ ალბათ ვხვდები.

608
00:27:21,901 --> 00:27:24,150
რა არის ეს, ალბათ აპირებს
უნდა გავაკეთოთ თუნდაც თქვენ არასდროს

609
00:27:24,150 --> 00:27:27,867
ჩანს HTML და CSS ადრე?

610
00:27:27,867 --> 00:27:29,450
აუდიტორია: ფონის ფერის შეცვლა.

611
00:27:29,450 --> 00:27:30,560
დევიდ ჯ Malan: ჰო,
შეცვლა ფონის ფერი.

612
00:27:30,560 --> 00:27:33,280
და კონკრეტულად
ფონის ფერი ორგანო.

613
00:27:33,280 --> 00:27:36,290
მაგრამ იმდენად, რამდენადაც
სხეულის ახლა არის ვებ

614
00:27:36,290 --> 00:27:38,870
page-- ეს არის ერთადერთი
ქვემოთ სათაური ბარი ნამდვილად

615
00:27:38,870 --> 00:27:40,870
ეს, ალბათ, აპირებს
გავლენას ახდენს იგივე.

616
00:27:40,870 --> 00:27:41,430
ასე რომ, ვნახოთ.

617
00:27:41,430 --> 00:27:42,490
გადავარჩინოთ ეს.

618
00:27:42,490 --> 00:27:44,310
აქ და განაახლეთ.

619
00:27:44,310 --> 00:27:46,140
ეს არის საკმაოდ იყოს.

620
00:27:46,140 --> 00:27:48,070
და რა ხდება
აქ არის გვერდითი ეფექტი.

621
00:27:48,070 --> 00:27:49,850
მე უბრალოდ აირჩია ეს სურათი შემთხვევით.

622
00:27:49,850 --> 00:27:53,305
რატომ არის მწვანე არ
რომლითაც გაჯერებულია უკან Mickey?

623
00:27:53,305 --> 00:27:54,180
აუდიტორია: [INAUDIBLE]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
დევიდ ჯ Malan: ზუსტად.

626
00:27:57,880 --> 00:28:01,750
გამოდის, რომ გამოსახულება, საკმაოდ
ბევრი ყველა გამოსახულებები, რომ ჩვენ შეიძლება გამოვიყენოთ,

627
00:28:01,750 --> 00:28:03,670
ყველა მართკუთხედის ოთხკუთხედს.

628
00:28:03,670 --> 00:28:07,710
მაშინაც კი, თუ Mickey აქვს მოსახვევებში
თავად და აქვს ფონზე,

629
00:28:07,710 --> 00:28:09,330
ამ ფონზე უნდა იყოს რაღაც.

630
00:28:09,330 --> 00:28:10,280
ეს უნდა იყოს თეთრი.

631
00:28:10,280 --> 00:28:11,910
ეს უნდა იყოს შავი ან რაღაც.

632
00:28:11,910 --> 00:28:13,650
ეს შეიძლება იყოს გამჭვირვალე.

633
00:28:13,650 --> 00:28:16,100
და სინამდვილეში, მე ვერ
გახსნა Mickey Mouse აქ

634
00:28:16,100 --> 00:28:18,590
ამ პროგრამის მოუწოდა Photoshop
ან რამე მსგავსი

635
00:28:18,590 --> 00:28:21,176
და შეცვალოს ყველა რომ თეთრი
ფონზე გამჭვირვალე,

636
00:28:21,176 --> 00:28:22,550
ასე რომ, მწვანე ბრწყინავს მეშვეობით.

637
00:28:22,550 --> 00:28:25,980
მაგრამ ეს არის ის, რაც მე უნდა
ვთხოვო თავს ან გრაფიკოსი

638
00:28:25,980 --> 00:28:28,130
და დიზაინერი, ჩემი
კომპანია, მაგალითად,

639
00:28:28,130 --> 00:28:31,490
ამის გაკეთება, განსაკუთრებით მას შემდეგ, რაც მე უბრალოდ
ნასესხები ეს ერთი ინტერნეტში.

640
00:28:31,490 --> 00:28:33,030
მაგრამ ეს რატომ ხდება ეს.

641
00:28:33,030 --> 00:28:34,980
>> ასე რომ, რა შეიძლება ჩვენ გვინდა გავაკეთოთ?

642
00:28:34,980 --> 00:28:41,040
ასევე, ჩვენ ალბათ მინდა ვთქვა, რომ ჩვენ
იმედი მაქვს, რომ თქვენ ისარგებლოს თქვენი ყოფნის.

643
00:28:41,040 --> 00:28:44,150
და აქცენტი, მინდა
იმისათვის, რომ ეს ძლიერი,

644
00:28:44,150 --> 00:28:48,310
და ასე რომ მე ვთქვა ღია ძლიერი და
close ძლიერი და შემდეგ განაახლეთ.

645
00:28:48,310 --> 00:28:50,320
და ეს ცოტა რთულია
ნახე პროექტორი

646
00:28:50,320 --> 00:28:53,250
მაგრამ, ალბათ, ნამდვილად არის
გადასვლა out at თქვენ ცოტა მეტი.

647
00:28:53,250 --> 00:28:56,180
ასე რომ თქვენ შეგიძლიათ კურსივით ამ
გზა, თამამი მოსაპირკეთებელი ამ გზით.

648
00:28:56,180 --> 00:28:57,500
ჩვენ შეგვიძლია შევცვალოთ ფერები.

649
00:28:57,500 --> 00:29:01,610
სინამდვილეში, უბრალოდ ჩათვლით, მე ვარ
ვაპირებ წავიდეთ წინ და ამის გაკეთება.

650
00:29:01,610 --> 00:29:05,120
მე ნამდვილად არ მინდა, როგორ ჩემი
აბზაცში ამ მჭიდრო ერთად,

651
00:29:05,120 --> 00:29:06,870
ასე რომ, შესაძლოა რაიმე ამის მსგავსი.

652
00:29:06,870 --> 00:29:13,310
მე ვაპირებ ვუთხრა ბრაუზერის,
შეცვლა პუნქტი აქვს აქვს,

653
00:29:13,310 --> 00:29:16,952
ვთქვათ რეალურად, თქვენ იცით, რა,
მოდით უერთდებიან text-align, ცენტრი.

654
00:29:16,952 --> 00:29:19,410
ისევ და ისევ, მე ვიცი, ეს მხოლოდ
იმიტომ, რომ ვიღაცას ისწავლება ეს ჩემთვის

655
00:29:19,410 --> 00:29:21,118
და მე ვუყურებ მას up
ონლაინ მითითება.

656
00:29:21,118 --> 00:29:22,450
ნება მომეცით გადარჩენა ეს.

657
00:29:22,450 --> 00:29:25,070
და, ah, ახლა მე
ორიენტირებული იმიჯი არსებობს.

658
00:29:25,070 --> 00:29:28,490
და სინამდვილეში, თქვენ იცით, რა, თუ
მე გადაადგილება ჩემი გამოსახულების პუნქტის

659
00:29:28,490 --> 00:29:34,510
tag-- ისე მესამე პუნქტში,
მიუხედავად იმისა, რომ ეს არ არის ტექსტი.

660
00:29:34,510 --> 00:29:36,917
გადავარჩინოთ, რომ და განაახლეთ.

661
00:29:36,917 --> 00:29:40,000
ახლა გვერდი იწყება გამოიყურებოდეს სახის
of-- ვგულისხმობ, ის ჯერ კიდევ საკმაოდ მახინჯი,

662
00:29:40,000 --> 00:29:43,180
მაგრამ მაინც ეს ჰგავს გავატარე
ორი წუთის ნაცვლად ერთი წუთით

663
00:29:43,180 --> 00:29:43,950
რაც მას.

664
00:29:43,950 --> 00:29:47,200
>> ასე რომ, თანდათან, შეგვიძლია
ეს ესთეტიკური ცვლილებები ახლა გვერდი?

665
00:29:47,200 --> 00:29:50,860
მე ნამდვილად არ შეცვლილა მონაცემები
გვერდზე გარდა დასძინა სიტყვა ნამდვილად.

666
00:29:50,860 --> 00:29:52,650
მე დასძინა მეტადატის, თუ გნებავთ.

667
00:29:52,650 --> 00:29:54,830
Hey, ბრაუზერი, რათა
სიტყვა "ნამდვილად" თამამი.

668
00:29:54,830 --> 00:29:56,940
მაგრამ მონაცემები არ არის ძლიერი.

669
00:29:56,940 --> 00:29:57,830
სწორედ მეტადატის.

670
00:29:57,830 --> 00:29:59,410
მონაცემები "ნამდვილად".

671
00:29:59,410 --> 00:30:02,200
ასე რომ, ჩვენ ჯერ კიდევ აქვს გარკვეული
იგივე ცნებები, როგორც ადრე.

672
00:30:02,200 --> 00:30:05,990
ახლა, რა თქმა უნდა, ეს არ არის ინტერნეტში,
ასე რომ, მე ვაპირებ, რომ ერთი საბოლოო ნაბიჯი აქ.

673
00:30:05,990 --> 00:30:10,300
>> მე ვაპირებ წასვლა hello.html
და უბრალოდ ხაზი გავუსვა და გადააკოპირეთ ეს.

674
00:30:10,300 --> 00:30:12,285
და ახლა მე ვაპირებ
წასვლას Cloud9, რომელიც

675
00:30:12,285 --> 00:30:13,910
მე ფეხით თქვენ მეშვეობით რაღაც მომენტში.

676
00:30:13,910 --> 00:30:17,080
და შანსები თქვენ მალე, თუ
არა უკვე, ეკრანზე მოსწონს ეს.

677
00:30:17,080 --> 00:30:21,080
და ნება მომეცით უბრალოდ მოგცემთ სწრაფად
ტური რა Cloud9 რეალურად არის.

678
00:30:21,080 --> 00:30:26,590
ასე რომ კიდევ ერთხელ cloud 9
ამ Cloud დაფუძნებული მომსახურება

679
00:30:26,590 --> 00:30:30,580
რომელიც გაძლევთ და მე ილუზია
რომ ჩვენი საკუთარი ვირტუალური მანქანა

680
00:30:30,580 --> 00:30:33,090
ღრუბელი, ტექნიკურად
კონტეინერის ღრუბელი,

681
00:30:33,090 --> 00:30:35,160
რომ ჩვენ გვაქვს სრული
ადმინისტრაციული პრივილეგიები.

682
00:30:35,160 --> 00:30:37,130
ამ თეორიის მიხედვით, არც ერთ
სხვაგან მსოფლიოში აქვს

683
00:30:37,130 --> 00:30:39,152
ხელმისაწვდომობის ეკრანზე ვარ
ეძებს ახლავე,

684
00:30:39,152 --> 00:30:40,860
გარდა იქნებ ადამიანი
რომელიც აწარმოებს საიტი,

685
00:30:40,860 --> 00:30:43,470
იმიტომ, რომ ტექნიკურად მათ აქვთ
ფიზიკური ხელმისაწვდომობის და სხვ.

686
00:30:43,470 --> 00:30:44,740
>> ასე რომ, რა ჩვენ ვხედავთ ამ გარემოს?

687
00:30:44,740 --> 00:30:46,230
მე ვაპირებ დააშორებს,
იმიტომ, რომ ეს პატარა პატარა.

688
00:30:46,230 --> 00:30:48,104
და ნება მომეცით აღვნიშნო მეტი
აქ მხოლოდ ერთი წუთით.

689
00:30:48,104 --> 00:30:53,210
მარცხენა მხარეს ჩემი და თქვენი
ეკრანზე, არსებობს ფაილი ბრაუზერში მარცხენა.

690
00:30:53,210 --> 00:30:55,362
ასე რომ, მსგავსი სულისკვეთებით
to Mac OS და Windows.

691
00:30:55,362 --> 00:30:57,070
ეს არის ყველა
ფაილი ჩემს ანგარიშზე.

692
00:30:57,070 --> 00:30:59,250
და იყოს, თუ თქვენი
ანგარიში, როგორიც ჩემია,

693
00:30:59,250 --> 00:31:05,090
დაინახავთ და მალე ვხედავ
helloworld.html და readme.md.

694
00:31:05,090 --> 00:31:07,950
მეტი აქ უფლება, ეს არის
სადაც ჩემი ტექსტური ფაილი ვაპირებთ წასვლა.

695
00:31:07,950 --> 00:31:11,620
თუ თქვენ ოდესმე გამოიყენება Microsoft
სიტყვა ან Notepad ან TextEdit,

696
00:31:11,620 --> 00:31:14,100
ეს არის სიტყვა, ჩემი რედაქტირების
ფაილი აპირებს წავიდეს.

697
00:31:14,100 --> 00:31:16,540
და შემდეგ ყველაზე arcane
თვისება ამ გარემოში

698
00:31:16,540 --> 00:31:20,100
რომ ჩვენ ნამდვილად არ უნდა გამოვიყენოთ არის
ქვემოთ აქ მოუწოდა Terminal ფანჯარა.

699
00:31:20,100 --> 00:31:23,390
თუ თქვენ უკვე გამოიყენება DOS ეხლა
წარსულის, ეს არის Linux

700
00:31:23,390 --> 00:31:25,450
ან Linux ეკვივალენტს DOS.

701
00:31:25,450 --> 00:31:28,190
ეს არის ტექსტური interface--
არ მაუსის დაწკაპუნებით, არ გადმოიყვანა.

702
00:31:28,190 --> 00:31:30,770
ყველა შეგიძლიათ გააკეთოთ აკრიფოთ
ბრძანებები, მაგრამ იმ ბრძანებები

703
00:31:30,770 --> 00:31:34,400
შეგიძლიათ შექმნათ ფაილი ნაბიჯი ფაილი, ღია
საიტები ახლოს, დირექტორიები,

704
00:31:34,400 --> 00:31:35,740
ამის ნებისმიერი რაოდენობის რამ.

705
00:31:35,740 --> 00:31:38,060
მაგრამ ახლა, ჩვენ უბრალოდ
მოვახერხოთ დრო აქ.

706
00:31:38,060 --> 00:31:39,050
>> ასე რომ, მოდით ეს.

707
00:31:39,050 --> 00:31:41,008
თუ თქვენ ამ
გარემო, რომელიც თქვენ უნდა

708
00:31:41,008 --> 00:31:45,900
იქნება, თუ ის, სამუშაო
უკვე, წავიდეთ წინ და მერე

709
00:31:45,900 --> 00:31:48,690
ფაილი, New მომენტში.

710
00:31:48,690 --> 00:31:51,740
და რომ მოგცემთ ახალი
tab უფლება აქ შუა.

711
00:31:51,740 --> 00:31:54,250
და მე უბრალოდ და მოდით
წავიდეთ წინ და ამის გაკეთება.

712
00:31:54,250 --> 00:31:59,910
მოდით წავიდეთ წინ და ახლა არ ფაილი, შენახვა
და წავიდეთ წინ და მას hello.html,

713
00:31:59,910 --> 00:32:02,740
არ უნდა აგვერიოს
helloworld.html, რომელიც

714
00:32:02,740 --> 00:32:06,910
მოვიდა თქვენი ახალი უფასო ანგარიში,
რომელიც არის მხოლოდ ნიმუში ფაილი.

715
00:32:06,910 --> 00:32:11,020
თქვენ ნახავთ, რომ მოულოდნელად გამოჩნდება,
სავარაუდოდ, მარცხენა მხარეს,

716
00:32:11,020 --> 00:32:12,810
და tab მაინც იყოს ღია.

717
00:32:12,810 --> 00:32:21,300
და ნება მომეცით გარწმუნებთ ახლა ხელახლა
ეს ფაილი ან რამდენიმე ვარიანტი შესახებ.

718
00:32:21,300 --> 00:32:24,607
და თუ ვერ საკმაოდ დანახვა
ეკრანზე, ეს იდენტურია სლაიდები

719
00:32:24,607 --> 00:32:26,190
რომ თქვენ ალბათ სხვა tab.

720
00:32:26,190 --> 00:32:29,296
>> მოკლედ, თქვენი პირველი ვებ გვერდი,
გადარჩენა მას, და მერე რაღაც მომენტში,

721
00:32:29,296 --> 00:32:31,170
მე გაჩვენებთ, თუ როგორ
შეიძლება რეალურად ნახოთ ეს.

722
00:32:31,170 --> 00:32:32,970
მაგრამ შეიცვალოს მინიმუმ ერთი რამ.

723
00:32:32,970 --> 00:32:35,400
შეცვლა HelloWorld to
რაღაც საკუთარი არჩევანი,

724
00:32:35,400 --> 00:32:39,821
ასე რომ თქვენ დარწმუნებული ვარ, რომ ეს არის თქვენი
ფაილი და არა უბრალოდ შეიქმნა.

725
00:32:39,821 --> 00:32:40,320
კარგი.

726
00:32:40,320 --> 00:32:43,804
და როდესაც თქვენ ready-- არსებობს
rush-- როდესაც თქვენ მზად,

727
00:32:43,804 --> 00:32:46,220
წავიდეთ წინ და შენახვა ფაილი
ერთხელ თქვენ გააკეთა ეს ცვლილებები.

728
00:32:46,220 --> 00:32:49,540
და თუ თქვენ დააჭირეთ
აწარმოებს ღილაკს ზედა, ამ

729
00:32:49,540 --> 00:32:53,610
უნდა გახსნას ახალი tab, რომელიც გითხრათ
თქვენ რა URL შეგიძლიათ თქვენი ფაილი,

730
00:32:53,610 --> 00:32:56,380
მაგრამ ეს შეიძლება მიიღოს მომენტში
შეთავაზება unquote "დაიწყოს Apache", რომელიც

731
00:32:56,380 --> 00:32:58,820
არის სახელი სერვერზე.

732
00:32:58,820 --> 00:33:02,430
ასე რომ, ფრთხილად უნდა გააკეთოს ზუსტად
რა არის ფაილი საბოლოოდ.

733
00:33:02,430 --> 00:33:04,610
ასე რომ, ახლა, მე გასადიდებლად.

734
00:33:04,610 --> 00:33:07,780
თუ დავიწყო აკრეფით
ღია bracket HTML, ცნობა

735
00:33:07,780 --> 00:33:09,650
ის რითაც მე დასრულდება ჩემი აზრის.

736
00:33:09,650 --> 00:33:13,750
და თუ მე დასრულდა ჩემი აზრის,
ავტომატურად მაძლევს დახურვის ტეგი.

737
00:33:13,750 --> 00:33:17,190
მაგრამ მოლოდინი მაშინ მე მოხვდა
შეიყვანეთ და შემდეგ გადაადგილება შიგნით არსებობს

738
00:33:17,190 --> 00:33:21,180
და უხელმძღვანელებს შიგნით და
შემდეგ გავაკეთო სხეულის შიგნით.

739
00:33:21,180 --> 00:33:24,430
და ეს ცოტა უცნაურია, პირველ რიგში,
რადგან ის აკეთებს სამუშაოს,

740
00:33:24,430 --> 00:33:27,110
მაგრამ გვესმის, რომ საბოლოო ჯამში,
ეს დაზოგავს თქვენს keystrokes.

741
00:33:27,110 --> 00:33:30,500
და სინამდვილეში, ძალიან გავრცელებული თვისება
პროგრამირების გარემოში ამ დღეებში

742
00:33:30,500 --> 00:33:33,260
როგორც ვებ განვითარების მოსწონს
ამ და ფაქტობრივი პროგრამირების,

743
00:33:33,260 --> 00:33:36,960
რომელიც ჩვენ ვსაუბრობთ იმაზე, ხვალ,
არის ამ ავტოდასრულება თვისებები,

744
00:33:36,960 --> 00:33:39,710
რამ, რომ საშუალებას მისცემს
პროგრამისტი ან დიზაინერი

745
00:33:39,710 --> 00:33:42,010
აკრიფოთ ნაკლები keystrokes to
შესრულებისკენ იგივე.

746
00:33:42,010 --> 00:33:43,176
ზოგჯერ კარგია, თუმცა.

747
00:33:43,176 --> 00:33:44,560
ზოგჯერ უბრალოდ შემაშფოთებელი.

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
და კიდევ ერთხელ, ერთხელ თქვენ ჩაიწერება
სლაიდ ან რამდენიმე ვარიანტი მისი,

750
00:33:54,010 --> 00:33:57,360
თქვენ შეგიძლიათ დააჭიროთ Run ღილაკს ზედა.

751
00:33:57,360 --> 00:33:59,910
და შემდეგ ქვედა
window, თქვენ უნდა ეცნობოს

752
00:33:59,910 --> 00:34:04,290
რა URL შეგიძლიათ თქვენი ვებ-გვერდზე.

753
00:34:04,290 --> 00:34:08,790
Mine, მაგალითად, არის
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
და ასე შემდეგ.

755
00:34:11,480 --> 00:34:14,580
ყველა უფლება, ასე რომ, ნება მომეცით რაიმე შეკითხვა?

756
00:34:14,580 --> 00:34:19,460
რაიმე სხვა შეკითხვები მხოლოდ მისაღებად
ეს სამუშაო, სანამ ჩვენ დაამატოთ თვისებები?

757
00:34:19,460 --> 00:34:21,692
და ნება მომეცით შესთავაზოს, უბრალოდ
მიიღოს ეგ comfortable--

758
00:34:21,692 --> 00:34:24,400
იმიტომ, რომ ეს არის ერთ ერთი რამ, რომ მხოლოდ
ასლი პასტა ბრმად, რასაც მე ვაკეთებ.

759
00:34:24,400 --> 00:34:27,177
მაგრამ ასე რომ ეგ ჭიდაობა
მინიმუმ ერთი to-do,

760
00:34:27,177 --> 00:34:28,510
მე ვაპირებ ჩართოთ ზოგიერთი მუსიკა.

761
00:34:28,510 --> 00:34:32,630
მე ვაპირებ შესთავაზოს სია
რამ შეიძლება პოტენციურად დაამატოთ.

762
00:34:32,630 --> 00:34:34,086
და თქვენ რა თქმა უნდა გამოიყენოს Google.

763
00:34:34,086 --> 00:34:36,210
და რატომ არ ჩვენ უბრალოდ
ვთავაზობ, რომ თქვენ ცდილობენ მოგვარება

764
00:34:36,210 --> 00:34:38,710
მინიმუმ ერთი კონკრეტული პრობლემა აქ.

765
00:34:38,710 --> 00:34:45,090
ამიტომ თვალსაზრისით tags,
მიადევნე თვალი reuse ეს აქ.

766
00:34:45,090 --> 00:34:48,280
>> ფაქტობრივად, ნება მიბოძეთ
ეს ტექსტური სახით.

767
00:34:48,280 --> 00:35:02,380
მოდით ვთქვათ, რომ მათ შორის tags ჩვენ შეგვიძლია
გამოყენება აქ არის გარკვეული tags აქ.

768
00:35:02,380 --> 00:35:06,090
ჩვენ ვნახეთ პუნქტი აქვს.

769
00:35:06,090 --> 00:35:07,850
ახლა ის აპირებს ავტოდასრულება.

770
00:35:07,850 --> 00:35:12,220
ე მუხლის მე tag, წამყვანმა აქვს.

771
00:35:12,220 --> 00:35:15,250
მოდით ვთქვათ გსურთ
რათა რაღაც უფრო დიდი,

772
00:35:15,250 --> 00:35:19,480
ასე რომ თქვენ შეიძლება მოსწონს
მალები tag შეიძლება დაეხმაროს.

773
00:35:19,480 --> 00:35:23,010
ისე, თქვენ შეიძლება უნდა გარკვეული დახმარება
რომ რაღაც მომენტში.

774
00:35:23,010 --> 00:35:24,830
ჩვენ ვნახეთ div.

775
00:35:24,830 --> 00:35:26,170
დაინახავთ, რომ იქ მაგიდასთან.

776
00:35:26,170 --> 00:35:27,928
რაღაც მოუწოდა tr, td.

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
ე, td.

779
00:35:32,860 --> 00:35:34,770
დაბრუნებას, რომ ამ მომენტში.

780
00:35:34,770 --> 00:35:36,590
რა შეიძლება იყოს მოსახერხებელი?

781
00:35:36,590 --> 00:35:38,310
არსებობს ძლიერი.

782
00:35:38,310 --> 00:35:43,640
იქ აქცენტი, უფრო სწორად em.

783
00:35:43,640 --> 00:35:50,110
There's-- სხვა რა
შეიძლება თქვენ მიეცით აქ?

784
00:35:50,110 --> 00:35:51,930
ისე, ჩვენ მიიღოს
შევხედოთ, რომ ერთად.

785
00:35:51,930 --> 00:35:53,230
ფორმა, რომელიც ჩვენ ვნახეთ.

786
00:35:53,230 --> 00:35:54,130
არსებობს ფორმა.

787
00:35:54,130 --> 00:35:56,500
იქ შემავალი და რამდენიმე სხვა.

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
ყველა უფლება, ასე რომ, მოდით ეს.

790
00:36:00,090 --> 00:36:02,330
პასუხის გაცემა ვიქტორია
კითხვაზე, ნება მომეცით პირველი

791
00:36:02,330 --> 00:36:05,020
უბრალოდ დარწმუნდით, რომ ყველას
შეუძლია მიიღოს მათი მიესალმები სამუშაო.

792
00:36:05,020 --> 00:36:06,900
მაშინ ნება მომეცით წარმოგიდგინოთ
რამდენიმე სხვა იდეები.

793
00:36:06,900 --> 00:36:09,209
მაშინ ჩვენ ნება ეგ გადაჭრა
ზოგიერთი პრობლემა საკუთარი.

794
00:36:09,209 --> 00:36:11,500
მაშინ ჩვენ რეალურად დაბრუნდება
რომ ცნება ფორმა,

795
00:36:11,500 --> 00:36:14,950
და ჩვენ, ფაქტობრივად, ხელახლა განხორციელება
ერთად წინა ბოლომდე ინტერფეისი,

796
00:36:14,950 --> 00:36:16,450
ასე ვთქვათ, for Google თავად.

797
00:36:16,450 --> 00:36:19,700
ჩვენ ვიყენებთ Google უკან ბოლომდე და მოდით
მათ ამის გაკეთება შრომა, ძიება,

798
00:36:19,700 --> 00:36:22,760
მაგრამ ჩვენ ხელახლა ფრონტზე ბოლომდე
Google და ძებნის ფორმა

799
00:36:22,760 --> 00:36:24,520
რომ მათ აქვთ საკუთარი ვებ-გვერდი.

800
00:36:24,520 --> 00:36:27,050
ასე რომ, ჩვენ დავბრუნდებით
ეს tags რაღაც მომენტში.

801
00:36:27,050 --> 00:36:30,270
>> ასე რომ, ეს იყო ის, რაც მე
შემოთავაზებული მხოლოდ ერთი წუთით წინ.

802
00:36:30,270 --> 00:36:33,940
ჩვენ შეგვიძლია დავამატოთ სტილიზაცია, რომ
გვერდი შიგნით ამ სტილის tag,

803
00:36:33,940 --> 00:36:36,950
და ჩვენ შეგვიძლია stylize ფონზე
ფერი, ტექსტი განვიხილეთ,

804
00:36:36,950 --> 00:36:39,000
არის თუ არა ეს ცენტრი ან მარცხნივ ან მარჯვნივ.

805
00:36:39,000 --> 00:36:41,630
მაგრამ ძალიან სწრაფად თქვენ ამას
იპოვოს და ვებ დიზაინერი

806
00:36:41,630 --> 00:36:44,060
ნახავთ, რომ ეს
ხდება პატარა unwieldy,

807
00:36:44,060 --> 00:36:48,330
იმიტომ, რომ თქვენ აკეთებს რა
მოუწოდა შერევით შინაარსი

808
00:36:48,330 --> 00:36:50,120
პრეზენტაციას შესახებ.

809
00:36:50,120 --> 00:36:53,756
თქვენ შერევას თქვენი მონაცემები
და ესთეტიკას შესახებ.

810
00:36:53,756 --> 00:36:56,380
და სინამდვილეში, თუ გავითვალისწინებთ,
რა მოხდება, მეტი time--

811
00:36:56,380 --> 00:36:58,350
ეს არის ძალიან პატარა
ვებ გვერდზე, რა თქმა უნდა.

812
00:36:58,350 --> 00:37:01,590
მაგრამ თუ მე დაამატოთ შინაარსის ამ გვერდზე
და მე დაამატოთ სტილი ამ გვერდზე,

813
00:37:01,590 --> 00:37:04,650
გვერდზე ძალიან სწრაფად იღებს
აღარ და აღარ და აღარ.

814
00:37:04,650 --> 00:37:07,510
და ვარაუდობენ, რომ მინდა
მეორე ვებ გვერდზე, რომელიც

815
00:37:07,510 --> 00:37:09,010
იზიარებს ზოგიერთი ატრიბუტები.

816
00:37:09,010 --> 00:37:12,350
დავუშვათ, რომ ჩემი მეორე ვებ გვერდზე ჩემი
site-- ასევე, მინდა ყველაფერი ცენტრი,

817
00:37:12,350 --> 00:37:14,960
და მე მინდა, ყველაფერი
მწვანე ფონზე.

818
00:37:14,960 --> 00:37:17,940
მე საკმაოდ ბევრი აპირებს უნდა
დააკოპირეთ და ჩასვით ზოგიერთი ხაზები

819
00:37:17,940 --> 00:37:20,730
შევიდა, რომ მეორე ფაილი, რომელიც თავს კარგად გრძნობს.

820
00:37:20,730 --> 00:37:22,030
ეს იქნება ამ პრობლემის მოსაგვარებლად.

821
00:37:22,030 --> 00:37:26,060
>> მაგრამ რა, თუ მე მინდა მესამე გვერდზე
ან 30 გვერდზე ან მე -40 გვერდზე?

822
00:37:26,060 --> 00:37:28,730
ახლა მე ვაპირებ იყოს გადაწერა და
pasting ბევრი დუბლიკატი კოდი

823
00:37:28,730 --> 00:37:30,430
სხვადასხვა ფაილი.

824
00:37:30,430 --> 00:37:32,600
ასე რომ, ვფიქრობ, რომ
მე გადაწყვიტოს და მე განუცხადა,

825
00:37:32,600 --> 00:37:34,780
hey, ჩვენ არ იყენებთ
მწვანე ფონზე მთელი მსოფლიოს მასშტაბით.

826
00:37:34,780 --> 00:37:36,380
ჩვენ ვაპირებთ, რომ დაიწყოს გამოყენებით ფორთოხალი.

827
00:37:36,380 --> 00:37:38,690
რა უნდა შეიცვალოს?

828
00:37:38,690 --> 00:37:42,900
ისე, თქვენ უნდა შეცვალოს, რომ სტილი
მწვანე ნარინჯისფერი რამდენი ადგილებში?

829
00:37:42,900 --> 00:37:44,920
ისევე როგორც 30 ან 40 ადგილებში.

830
00:37:44,920 --> 00:37:45,900
ეს არის tedious.

831
00:37:45,900 --> 00:37:47,039
ეს მიდრეკილება შეცდომა.

832
00:37:47,039 --> 00:37:49,580
არსებობს მთელი რიგი მიზეზების გამო
სადაც თქვენ არ მინდა, რომ გამოიწვიოს

833
00:37:49,580 --> 00:37:51,840
რომ სახის ტკივილი თავს.

834
00:37:51,840 --> 00:37:54,760
და ასე იქნება, არ იქნება ლამაზი
თუ შეიძლება, რაც მე

835
00:37:54,760 --> 00:37:58,240
ბოლო შორის ამ ორი ყვითელი
tags, ამ სტილის tags,

836
00:37:58,240 --> 00:38:04,050
ფაქტორის, და ამით ყველა ჩემი
სტილიზაცია ერთ ცენტრალური ფაილი

837
00:38:04,050 --> 00:38:08,470
რომ ყველა 30 ან 40 ჩემი სხვა ფაილი
სესხება ან როგორღაც მითითებას,

838
00:38:08,470 --> 00:38:11,640
არ არის განსხვავებით ქსელის
დიაგრამების ვაკეთებდით ადრე?

839
00:38:11,640 --> 00:38:15,030
>> ასე რომ, თუ მე აქ ვარ,
აპირებს რეალურად შესთავაზოს

840
00:38:15,030 --> 00:38:17,880
რომ შევცვალოთ
სტილი აქვს რაღაც

841
00:38:17,880 --> 00:38:21,620
მოუწოდა ბმული tag, რომელიც
არის horribly, horribly დაასახელა,

842
00:38:21,620 --> 00:38:24,370
იმიტომ, რომ თქვენ არ გამოიყენოს
ბმული ტეგი რა

843
00:38:24,370 --> 00:38:26,380
ჩვენ, ადამიანები, ვიცი როგორც ბმული ამ ვებ-გვერდზე.

844
00:38:26,380 --> 00:38:29,750
ის, რომ თქვენ გამოიყენოთ, რომელიც აქვს?

845
00:38:29,750 --> 00:38:31,464
როგორ შევქმნათ ბმული ამ ვებ გვერდზე?

846
00:38:31,464 --> 00:38:32,130
აუდიტორია: a.

847
00:38:32,130 --> 00:38:34,870
დევიდ ჯ Malan: a, ან წამყვანმა
tag, რომ წავიდა Disney ადრე.

848
00:38:34,870 --> 00:38:39,090
ბმული tag აქ ამბობს,
ამას ბმული ფაილი სახელად

849
00:38:39,090 --> 00:38:44,350
styles.css, ურთიერთობა, რომელიც
იქნება, რომ ეს ჩემი სტილების.

850
00:38:44,350 --> 00:38:48,290
ასე რომ, ეს არის ერთ-ერთი S ს
CSS-- კასკადური სტილების.

851
00:38:48,290 --> 00:38:50,490
სტილი sheet-- ორი S ს CSS.

852
00:38:50,490 --> 00:38:52,550
კასკადური სტილის ფურცელი.

853
00:38:52,550 --> 00:38:58,640
ეს მხოლოდ იმას ნიშნავს, hey, ბრაუზერი, წასვლა
მოვძებნოთ styles.css ადგილობრივ სერვერზე

854
00:38:58,640 --> 00:39:01,870
და გამოიყენოს იგი როგორც თქვენი სტილების,
რაც იმას ნიშნავს, შიგნით რომ ფაილი

855
00:39:01,870 --> 00:39:05,310
იქნება ყველა
stylizations, რომ ჩვენ უბრალოდ გაკეთდეს.

856
00:39:05,310 --> 00:39:07,396
და მერე რა, რომ ფაილი
შეიძლება გამოიყურებოდეს ეს.

857
00:39:07,396 --> 00:39:10,020
და მე უბრალოდ ეს არის სწრაფი
მაგალითად, იმიტომ, რომ ჩვენ არ უნდა

858
00:39:10,020 --> 00:39:12,000
მისაღებად ძალიან ბევრი სარეველა აქ.

859
00:39:12,000 --> 00:39:17,840
მაგრამ თუ მე გადააკოპირეთ ეს, რაც მე სთავაზობდა
ის არის, რომ პროგრამისტი შექმნათ ახალი ფაილი,

860
00:39:17,840 --> 00:39:24,450
ჩასვით იმ ხაზები
whoops-- ჩასვით იმ ხაზები,

861
00:39:24,450 --> 00:39:32,270
გადარჩენა, როგორც styles.css, და შემდეგ,
სხვა ფაილის წაშლა ყველა იმ

862
00:39:32,270 --> 00:39:35,450
და შეცვალოს იგი ნაცვლად
ეს რგოლი აქვს.

863
00:39:35,450 --> 00:39:43,090
ასე რომ, თუ მე ბმული href = "styles.css",
ურთიერთობა უნდა იყოს "სტილების"

864
00:39:43,090 --> 00:39:44,170
ჭდის.

865
00:39:44,170 --> 00:39:45,250
შეინახე.

866
00:39:45,250 --> 00:39:47,000
დაბრუნდეს ჩემი HelloWorld.

867
00:39:47,000 --> 00:39:48,690
განაახლეთ.

868
00:39:48,690 --> 00:39:51,290
>> ფაქტიურად არაფერი მომხდარა.

869
00:39:51,290 --> 00:39:54,710
ეს კარგია, რადგან ეს
იმას ნიშნავს, რომ პრაქტიკულად ყველა სამუშაო.

870
00:39:54,710 --> 00:39:58,860
იმის დასამტკიცებლად, რომ ისევე, ვფიქრობ, რომ
ტექსტის არასწორი ფრაგმენტი და მოვუწოდებ ამ "styles.css"

871
00:39:58,860 --> 00:40:03,080
კაპიტალის S, რომელიც არის
არასწორი და შემდეგ განაახლეთ.

872
00:40:03,080 --> 00:40:05,470
ახლა თქვენ ხედავთ, რომ ეს უბრალოდ არ მუშაობს.

873
00:40:05,470 --> 00:40:06,362
ახლა, რატომ?

874
00:40:06,362 --> 00:40:08,070
ისე, მოდით გამოვიყენოთ
ტექნიკა ადრე.

875
00:40:08,070 --> 00:40:10,153
ნება მომეცით წავიდეთ წინ და,
ჩემს ბრაუზერში, Chrome, მე ვარ

876
00:40:10,153 --> 00:40:12,900
ვაპირებ გახსნას, რომ სპეციალური
ქსელის tab, როგორც ადრე,

877
00:40:12,900 --> 00:40:15,560
და ნება მომეცით განაახლეთ გვერდი.

878
00:40:15,560 --> 00:40:19,341
რას არ უკვირს ახლა?

879
00:40:19,341 --> 00:40:20,840
ან იქნებ თქვენ უკვირს მას.

880
00:40:20,840 --> 00:40:23,225
ასეა თუ ისე, რას ხედავთ ახლა?

881
00:40:23,225 --> 00:40:24,100
აუდიტორია: [INAUDIBLE]

882
00:40:24,100 --> 00:40:24,770
დევიდ ჯ Malan: ეს არ არის ნაპოვნი.

883
00:40:24,770 --> 00:40:25,680
რატომ არ არის ნაპოვნი?

884
00:40:25,680 --> 00:40:28,480
ისე, Styles.css-- კაპიტალი
S-- არ არსებობს.

885
00:40:28,480 --> 00:40:29,230
მე misnamed იგი.

886
00:40:29,230 --> 00:40:30,430
მარტივი typo.

887
00:40:30,430 --> 00:40:33,816
მაგრამ მე მისაღებად გასაგები მიზეზების ახლა
404, იმიტომ, რომ სერვერზე ამბობდა, hey,

888
00:40:33,816 --> 00:40:34,440
ეს არ არის ნაპოვნი.

889
00:40:34,440 --> 00:40:36,300
ფაქტიურად, მე არ ვიცი,
სადაც ეს ფაილი.

890
00:40:36,300 --> 00:40:38,880
ასე რომ, როგორც შედეგი, ბრაუზერის
აჩვენებს, თუ რა შეუძლია,

891
00:40:38,880 --> 00:40:42,860
ნედლეული შინაარსი გვერდზე,
რომელიც იყო 200, HTML,

892
00:40:42,860 --> 00:40:45,390
მაგრამ სტილიზაცია არ შეუძლია
დაემატოს შემდეგ.

893
00:40:45,390 --> 00:40:47,120
და ეს არის ის, რაც იგულისხმება კასკადური.

894
00:40:47,120 --> 00:40:49,070
შეგიძლიათ სახის დაამატოთ ეს
შემდეგ, და ეს ერთგვარი

895
00:40:49,070 --> 00:40:50,874
აღადგენს ესთეტიკის ვებ-გვერდზე.

896
00:40:50,874 --> 00:40:53,790
და თქვენ კი override იმ
სტილის კიდევ სხვა სტილების ფაილი

897
00:40:53,790 --> 00:40:54,700
თუ გინდა.

898
00:40:54,700 --> 00:40:57,780
ეს არ არის ნაპოვნი, თუმცა, ამ შემთხვევაში,
იმის გამო, რომ, რა თქმა უნდა, მე misnamed იგი.

899
00:40:57,780 --> 00:41:00,330
ასე რომ, მე უნდა დააფიქსიროს, რომ პირველი.

900
00:41:00,330 --> 00:41:04,667
>> მოდით წავიდეთ წინ და
შესთავაზოს შემდეგ.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
მოდით წავიდეთ წინ და ამის გაკეთება.

903
00:41:11,140 --> 00:41:14,220
დაწყებული ალბათ
თქვენი HelloWorld ფაილი,

904
00:41:14,220 --> 00:41:17,740
ნება მომეცით მოიწვიოს რამდენიმე
მხატვრული წინადადებები.

905
00:41:17,740 --> 00:41:20,400
ასე რომ, Victoria, თქვენ სურდა
რამდენიმე ტექსტი უფრო დიდი, არა?

906
00:41:20,400 --> 00:41:24,555
ყველა უფლება, ასე რომ ჩვენ შეგვიძლია
არ მიიღოს ტექსტი დიდია.

907
00:41:24,555 --> 00:41:26,860
და ჩვენ თითოეულ pluck off
მხოლოდ ერთი პრობლემის გადაჭრა.

908
00:41:26,860 --> 00:41:30,867
ჩადება ტექსტი დიდია.

909
00:41:30,867 --> 00:41:32,700
მე არ ვაპირებ შეწუხება
წერა ამ, როდესაც ჩვენ

910
00:41:32,700 --> 00:41:35,600
აქვს ტყვია ტექნოლოგია სწორედ აქ.

911
00:41:35,600 --> 00:41:39,970
ასე რომ, გარკვეული პრობლემები.

912
00:41:39,970 --> 00:41:44,670
ასე რომ, ჩვენ ვაპირებთ, რომ ცდილობენ
რათა ტექსტი დიდია.

913
00:41:44,670 --> 00:41:45,170
კარგი.

914
00:41:45,170 --> 00:41:48,360
რა იქნებოდა ვინმეს შესთავაზოს?

915
00:41:48,360 --> 00:41:50,332
რა შეიძლება ჩვენ გვინდა
უნდა გავაკეთოთ, რომ ვებ გვერდზე?

916
00:41:50,332 --> 00:41:52,040
მოდით ამუშავება
მოკლე სიაში რამ

917
00:41:52,040 --> 00:41:55,366
და შემდეგ დელეგატი
ჯგუფი გაერკვნენ ამ გარეთ.

918
00:41:55,366 --> 00:41:56,270
>> აუდიტორია: [INAUDIBLE]

919
00:41:56,270 --> 00:42:02,251
>> დევიდ ჯ Malan: OK, პოზიცია ტექსტი
სხვადასხვა მხარეს გვერდზე?

920
00:42:02,251 --> 00:42:02,750
კარგი.

921
00:42:02,750 --> 00:42:04,620
კიდევ რაღაც.

922
00:42:04,620 --> 00:42:05,784
>> აუდიტორია: [INAUDIBLE]

923
00:42:05,784 --> 00:42:06,700
დევიდ ჯ Malan: ეს არის.

924
00:42:06,700 --> 00:42:08,720
ასე რომ, gif მხოლოდ
სხვადასხვა ფორმატში.

925
00:42:08,720 --> 00:42:12,830
ჩვენ უბრალოდ გამოიყენება, რაც,
png ან jpg ალბათ?

926
00:42:12,830 --> 00:42:14,480
ჩვენ გამოიყენება jpg.

927
00:42:14,480 --> 00:42:16,780
თუ გაინტერესებთ, გადამეტებული
პასუხი თქვენს კითხვაზე

928
00:42:16,780 --> 00:42:19,404
არის jpg ზოგადად გამოიყენება
ფოტოები, იმიტომ, რომ ის მხარს უჭერს

929
00:42:19,404 --> 00:42:21,500
მილიონობით ფერის ან 24-bit ფერი.

930
00:42:21,500 --> 00:42:26,930
Gif ზოგადად გამოიყენება, როგორც,
ინტერნეტ memes ამ დღეებში ანიმაცია,

931
00:42:26,930 --> 00:42:28,810
როგორიცაა ანიმაციური GIFs.

932
00:42:28,810 --> 00:42:32,320
მაგრამ ეს ხდება გამოიყენოს მცირე ფერი
პალიტრა, მხოლოდ 256 შესაძლო ფერები,

933
00:42:32,320 --> 00:42:35,230
მაგრამ იგი მხარს უჭერს
გამჭვირვალობისა და ანიმაცია.

934
00:42:35,230 --> 00:42:40,330
და შემდეგ იქ png, რომელიც მხარს უჭერს
გამჭვირვალობისა და მეტი ფერები

935
00:42:40,330 --> 00:42:41,300
მაგრამ არა ანიმაცია.

936
00:42:41,300 --> 00:42:42,133
ასე რომ, ეს ვაჭრობის საგანი.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
ასე დასძინა gif, თუმცა,
იქნება ფუნქციურად

939
00:42:46,060 --> 00:42:48,396
ექვივალენტურია დასძინა png ან jpg.

940
00:42:48,396 --> 00:42:49,110
ჰო.

941
00:42:49,110 --> 00:42:50,550
სურათის წყარო უდრის.

942
00:42:50,550 --> 00:42:51,590
ასე რომ რაღაც.

943
00:42:51,590 --> 00:42:57,288
მოდით ამუშავება, რომ
ჩვენ გაგზავნილი Victoria გავაკეთოთ აქ.

944
00:42:57,288 --> 00:42:59,209
>> აუდიტორია: დამატება ღილაკების ფორმა.

945
00:42:59,209 --> 00:43:00,000
დევიდ ჯ Malan: OK.

946
00:43:00,000 --> 00:43:02,179
ასე რომ დაამატოთ ღილაკების ფორმა.

947
00:43:02,179 --> 00:43:03,470
და ჩვენ ყველაფერს გავაკეთებთ, რომ ერთ-ერთად.

948
00:43:03,470 --> 00:43:07,220
ასე რომ, უნდა იყოს სრულყოფილი segue
მას შემდეგ, რაც ამ გამოწვევას.

949
00:43:07,220 --> 00:43:10,357
რაიმე სხვა?

950
00:43:10,357 --> 00:43:11,440
რა შეიძლება გსურთ ამის გაკეთება?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
ვებ გრძნობს ძალიან underwhelming
თუ ეს ყველაფერი შეგვიძლია.

953
00:43:16,516 --> 00:43:18,140
აუდიტორია: შეცვლა ფერი ტექსტი.

954
00:43:18,140 --> 00:43:19,500
დევიდ ჯ Malan: შეცვლა რა?

955
00:43:19,500 --> 00:43:20,666
აუდიტორია: ფერი ტექსტი.

956
00:43:20,666 --> 00:43:22,311
დევიდ ჯ Malan: შეცვლა ფერი ტექსტი.

957
00:43:22,311 --> 00:43:22,810
კარგი.

958
00:43:22,810 --> 00:43:23,790
ასე რომ, მოდით გავაკეთოთ ეს.

959
00:43:23,790 --> 00:43:27,209
მხოლოდ ერთხელ ისე, რომ თქვენ არა, უბრალოდ
მიერ მოყვანილი, აკეთებს ზუსტად რასაც მე ვაკეთებ,

960
00:43:27,209 --> 00:43:29,500
მე ვაპირებ ჩართოთ მუსიკა
შესაძლოა, ხუთ წუთში აქ.

961
00:43:29,500 --> 00:43:30,450
მობრძანდით, რათა გამოიყენოთ Google.

962
00:43:30,450 --> 00:43:33,130
მობრძანდით, მკითხავთ, და
მე ჩუმად მინიშნება თქვენს ყურში.

963
00:43:33,130 --> 00:43:35,171
მობრძანდით, გამოიყურება
მეტი სხვისი shoulders.

964
00:43:35,171 --> 00:43:37,340
მაგრამ გადაჭრა მხოლოდ ერთი ასეთი პრობლემები.

965
00:43:37,340 --> 00:43:40,190
მაგრამ ჩვენ ყველაფერს გავაკეთებთ, რომ ბოლო ერთი,
აყალიბებს ერთი, თუ შესაძლებელი იქნებოდა, ერთად.

966
00:43:40,190 --> 00:43:42,790
ასე რომ, ხუთ წუთში გადაწყვეტს
ერთი ასეთი პრობლემა

967
00:43:42,790 --> 00:43:46,780
Google- ის გამოყენებით, ინტუიცია, ან
სხვა საშუალებებით ხელმისაწვდომი.

968
00:43:46,780 --> 00:43:48,630
>> [მუსიკის დაკვრა]

969
00:43:48,630 --> 00:43:49,130
კარგი.

970
00:43:49,130 --> 00:43:50,838
არ აწუხებს, თუ გსურთ
შენარჩუნება tinkering,

971
00:43:50,838 --> 00:43:53,880
მაგრამ მე გააფუჭებს რამდენიმე
ეს პასუხი.

972
00:43:53,880 --> 00:43:57,986
ასე რომ, პირველი წინადადება
ვიქტორია იყო, რათა ტექსტი დიდია.

973
00:43:57,986 --> 00:43:59,360
ასე რომ, არსებობს რამდენიმე გზა ამის გაკეთება.

974
00:43:59,360 --> 00:44:01,530
მე გაკეთებული აღდგენილია
ჩემი ეკრანზე ამ ზომის,

975
00:44:01,530 --> 00:44:04,310
მიუხედავად იმისა, რომ მე მიახლოება
ხელოვნურად მხოლოდ ვხედავ რამ.

976
00:44:04,310 --> 00:44:07,470
და მოდით ეს.

977
00:44:07,470 --> 00:44:11,380
ნება მომეცით წავიდეთ წინ და დაიბრუნოს
ზოგიერთი generic ლათინური ტექსტი

978
00:44:11,380 --> 00:44:19,540
უბრალოდ, ასე რომ, ჩვენ გვაქვს რაღაც მუშაობა.

979
00:44:19,540 --> 00:44:20,715
ასე რომ მე მხოლოდ ერთი წუთით.

980
00:44:20,715 --> 00:44:21,840
მე სამი პუნქტებში.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
კარგი.

983
00:44:53,930 --> 00:44:55,560
ეს იქნება უკეთესი მაგალითი.

984
00:44:55,560 --> 00:44:57,840
ასე რომ, საინტერესო, in
ჩემი hello.html, უბრალოდ

985
00:44:57,840 --> 00:45:01,645
გაკრული სამი nonsensical
ლათინური პუნქტები

986
00:45:01,645 --> 00:45:03,270
უბრალოდ, ასე რომ ჩვენ გვაქვს რაიმე ტექსტი მუშაობა.

987
00:45:03,270 --> 00:45:06,720
და ვიქტორია მიზანი იყო
რათა ზოგიერთი ტექსტი დიდია.

988
00:45:06,720 --> 00:45:09,879
ასე რომ, მე, როგორც ადრე, წავიდეს აქ.

989
00:45:09,879 --> 00:45:11,170
და ნება მომეცით ამის გაკეთება სწორი გზა.

990
00:45:11,170 --> 00:45:13,253
მე ვაპირებ აქვს ბმული
tag, რომელიც მიუთითებს, რომ ფაილი

991
00:45:13,253 --> 00:45:20,560
სახელწოდებით "styles.css," ურთიერთობა
რომლის კიდევ ერთხელ "სტილების".

992
00:45:20,560 --> 00:45:25,221
და შემდეგ მე ვაპირებ გადარჩენა, რომ
და ქმნის ამ "styles.css".

993
00:45:25,221 --> 00:45:28,940
>> ასე რომ, როგორც ადრე, მაქვს
უნარი ამ CSS ფაილი

994
00:45:28,940 --> 00:45:31,569
რეალურად override ნაგულისხმევი
ესთეტიკის ვებ გვერდზე,

995
00:45:31,569 --> 00:45:33,860
და default ესთეტიკის,
რა თქმა უნდა, საკმაოდ მოსაწყენი.

996
00:45:33,860 --> 00:45:36,943
ეს არის ერთგვარი ნორმალური შრიფტის ზომა, შავი
ტექსტი, თეთრ ფონზე, და სხვ.

997
00:45:36,943 --> 00:45:39,440
ასე რომ, ვფიქრობ, მე მინდა, რომ
ეს ტექსტი დიდია.

998
00:45:39,440 --> 00:45:40,460
მე ვერ გავაკეთებ რამდენიმე რამ.

999
00:45:40,460 --> 00:45:43,750
ჩემი styles.css ფაილი, მე
შეიძლება ითქვას, იცით, რა,

1000
00:45:43,750 --> 00:45:46,950
ვრცელდება შემდეგი
სხეულის ჩემს გვერდზე.

1001
00:45:46,950 --> 00:45:51,390
წავიდეთ წინ და მიიღოს
შრიფტის ზომა 24 ქულა,

1002
00:45:51,390 --> 00:45:54,130
რომელიც არის მთელი რიგი მე შეიძლება
გამოყენება Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
ნება მომეცით დაბრუნდეს ჩემი ვებ
გვერდი აქ და განაახლეთ,

1004
00:45:57,620 --> 00:45:59,640
და თქვენ ხედავთ, რომ
ეს უკვე გაცილებით დიდია.

1005
00:45:59,640 --> 00:46:02,223
და ჩვენ შეგვიძლია პატარა გიჟები,
ისევე, როგორც ჩვენ შეგვიძლია წლის desktop--

1006
00:46:02,223 --> 00:46:03,670
რათა ის 96 ქულა.

1007
00:46:03,670 --> 00:46:04,950
განაახლეთ.

1008
00:46:04,950 --> 00:46:07,610
და ის მიღების პატარა
უზარმაზარია ამ ეტაპზე.

1009
00:46:07,610 --> 00:46:09,500
>> მაგრამ შეიძლება იყოს უფრო ზუსტი.

1010
00:46:09,500 --> 00:46:14,530
გამოყენების ნაცვლად, ამ
სტილების ორგანოს ჩემი გვერდი,

1011
00:46:14,530 --> 00:46:21,740
რა შეიძლება მე გამოიყენოს ეს ნაცვლად,
სხვა რა აქვს, რომ შესაძლოა, ჯერ კიდევ

1012
00:46:21,740 --> 00:46:25,445
ფუნქცია იგივე გზა?

1013
00:46:25,445 --> 00:46:26,444
>> აუდიტორია: p tag?

1014
00:46:26,444 --> 00:46:27,360
დევიდ ჯ Malan: P აქვს.

1015
00:46:27,360 --> 00:46:29,350
ამიტომ ხელმძღვანელი არ იქნება
სწორი, იმიტომ, ხელმძღვანელი,

1016
00:46:29,350 --> 00:46:31,300
თქვენ შეგიძლიათ რეალურად არ
კონტროლი ესთეტიკას.

1017
00:46:31,300 --> 00:46:32,700
არსებობს ან ტექსტი იქნება თუ არა.

1018
00:46:32,700 --> 00:46:36,760
მაგრამ p tag-- შემიძლია ჩაყვინთვის პატარა
ღრმა, ასე ვთქვათ, პირველი პუნქტის

1019
00:46:36,760 --> 00:46:37,350
tags.

1020
00:46:37,350 --> 00:46:41,600
და მიუხედავად იმისა, რომ არსებობს სამი,
რომ შესანიშნავად ჯარიმა, რადგან CSS,

1021
00:46:41,600 --> 00:46:44,900
როდესაც მე, უბრალოდ, ვამბობთ "ჟ", ამ
ნიშნავს გამოიყენონ შემდეგი

1022
00:46:44,900 --> 00:46:48,300
ნებისმიერი tag, რომელიც შეესაბამება ამ
selector, არჩევის მხოლოდ

1023
00:46:48,300 --> 00:46:49,430
რომ სახელი აქვს.

1024
00:46:49,430 --> 00:46:52,350
ასე რომ, სადაც ხედავთ
"ჟ", ვრცელდება შრიფტის ზომა,

1025
00:46:52,350 --> 00:46:55,222
და მოდით, რათა ის უფრო
გონივრული ერთხელ 24 წერტილი.

1026
00:46:55,222 --> 00:46:56,930
და იცით რა,
მხოლოდ კარგი ღონისძიება,

1027
00:46:56,930 --> 00:46:59,810
მოდით ფერი
red მხოლოდ მომენტში.

1028
00:46:59,810 --> 00:47:03,740
და ახლა თუ მე განაახლეთ, ახლა ჩვენ
სამი მახინჯი პუნქტები.

1029
00:47:03,740 --> 00:47:07,180
>> მაგრამ ახლა ვფიქრობ, რომ მე ერთგვარი
of-- მინდა პირველი პუნქტის

1030
00:47:07,180 --> 00:47:08,210
გადმოხტა at შესახებ.

1031
00:47:08,210 --> 00:47:11,150
მე არ მინდა, რომ მხოლოდ გაზრდის
შრიფტის ზომა ყველაფერი.

1032
00:47:11,150 --> 00:47:16,105
ასე რომ, მე რეალურად მინდა იდენტიფიცირება და
გამოირჩეოდნენ შორის ამ პუნქტებში.

1033
00:47:16,105 --> 00:47:18,730
მოდით დავაღწიოთ წითელი,
იმიტომ, რომ ის უბრალოდ სახის tacky,

1034
00:47:18,730 --> 00:47:23,885
და მოდით წავიდეთ წინ და მიიღოს
შრიფტის ზომა 12-პუნქტიანი ჩვეულებრივ,

1035
00:47:23,885 --> 00:47:26,260
ასე რომ, ჩვენ უკან რაღაც
ცოტა უფრო გონივრულად.

1036
00:47:26,260 --> 00:47:29,190
და ახლა მინდა, რომ გაიზარდოს
შრიფტის ზომა პირველი პუნქტით.

1037
00:47:29,190 --> 00:47:31,440
მე შემიძლია ამის გაკეთება რამდენიმე
გზები, მაგრამ ერთი გზა, რომ

1038
00:47:31,440 --> 00:47:37,180
ალბათ ყველაზე სასწავლო ზე
მომენტში არის ამის შემდეგ.

1039
00:47:37,180 --> 00:47:43,280
ნება მომეცით წავიდეთ წინ და აცხადებენ, რომ ეს
პუნქტის აქვს უნიკალური ID "პირველი".

1040
00:47:43,280 --> 00:47:45,000
მე ვერ ვუწოდებ ამ არაფერი მინდა.

1041
00:47:45,000 --> 00:47:46,874
მე ვერ ვუწოდებ ამ "foo"
ან ნებისმიერი სხვა სიტყვა,

1042
00:47:46,874 --> 00:47:49,290
მაგრამ მე ვაპირებ მისცეს მას
სემანტიკურად მნიშვნელოვანი სახელი

1043
00:47:49,290 --> 00:47:50,320
როგორიცაა "პირველი".

1044
00:47:50,320 --> 00:47:54,790
ეს არის უნიკალური იდენტიფიკატორი,
პირადობის, ჩემი პირველი პუნქტის შესაბამისად.

1045
00:47:54,790 --> 00:47:59,360
>> რა შემიძლია გავაკეთო ჩემს სტილების
არის ცოტა უფრო ზუსტი.

1046
00:47:59,360 --> 00:48:02,330
იმის ნაცვლად, რომ, ვრცელდება
შემდეგ, რათა p tag,

1047
00:48:02,330 --> 00:48:04,890
შემიძლია ვთქვა, რომ ასეთია
ვრცელდება შემდეგ,

1048
00:48:04,890 --> 00:48:11,000
ან აირჩიეთ, HTML ელემენტი
რომ აქვს უნიკალური ID "პირველი".

1049
00:48:11,000 --> 00:48:12,350
რა მინდა უნდა მიმართონ მას?

1050
00:48:12,350 --> 00:48:15,250
შრიფტის ზომა 24 პუნქტი.

1051
00:48:15,250 --> 00:48:16,640
ასე რომ, მე მაქვს ორი სელექციონერები ახლა.

1052
00:48:16,640 --> 00:48:19,690
ერთი ხდის ყველა
მე-12-პუნქტიანი.

1053
00:48:19,690 --> 00:48:24,960
მაგრამ ეს ერთი, განსაკუთრებით მას შემდეგ, რაც საქმე
second-- საქმე ბოლო წელს ფაილი

1054
00:48:24,960 --> 00:48:27,090
ეს კასკადური ეფექტი.

1055
00:48:27,090 --> 00:48:30,200
მე, უბრალოდ, ყველა ჩემი
პუნქტის tags 12-წერტილი,

1056
00:48:30,200 --> 00:48:34,350
მაგრამ ეს ახლა კასკადები და
გადაფარავს, რომ ნებისმიერი ელემენტები

1057
00:48:34,350 --> 00:48:38,800
ამ გვერდზე, ნებისმიერი ტეგით გვერდზე, რომლის
უნიკალური ID გაცემა unquote "პირველი".

1058
00:48:38,800 --> 00:48:41,720
და hashtag ამ კონტექსტში
უბრალოდ ნიშნავს "უნიკალური იდენტიფიკატორი".

1059
00:48:41,720 --> 00:48:43,750
მე არ დააყენოს ის HTML ფაილი.

1060
00:48:43,750 --> 00:48:46,880
მე, მეტი აქ, უბრალოდ, ვამბობთ,
პასუხის unquote "პირველი".

1061
00:48:46,880 --> 00:48:48,470
>> ნება მომეცით, განაახლეთ.

1062
00:48:48,470 --> 00:48:49,919
და ახლა მე ვხედავ, ah, OK.

1063
00:48:49,919 --> 00:48:51,710
ვგულისხმობ, ეს არ არის, რომ
საკმაოდ, მაგრამ ეს ერთგვარი

1064
00:48:51,710 --> 00:48:53,600
მოსწონს წინასიტყვაობა, რომ
წიგნი ან რამე მაგდაგვარს,

1065
00:48:53,600 --> 00:48:55,100
სადაც პირველი პუნქტით მეტია.

1066
00:48:55,100 --> 00:48:57,933
შეიძლება იყოს კიდევ უფრო ზუსტი ერთად
მხოლოდ პირველი ასო, მაგრამ მაინც

1067
00:48:57,933 --> 00:48:59,110
მე ახორციელებს უფრო კონტროლი.

1068
00:48:59,110 --> 00:49:04,760
ახლა maybe-- იქნებ მე მინდა ამის გაკეთება,
ზოგჯერ სხვადსხვა მიზეზის გამო,

1069
00:49:04,760 --> 00:49:09,010
და მე არ მინდა, რომ ეს
ვრცელდება მხოლოდ ერთ HTML tag.

1070
00:49:09,010 --> 00:49:15,110
იმის ნაცვლად, ვთქვათ მოდით
ასევე ამის შემდეგ.

1071
00:49:15,110 --> 00:49:18,810
Class = "იმპორტი".

1072
00:49:18,810 --> 00:49:23,970
ხოლო ID გამოიყენება ცალსახად
იდენტიფიცირება ერთი რამ, tag,

1073
00:49:23,970 --> 00:49:30,190
თქვენს ვებ გვერდზე, კლასი ნიშნავს, რომ
გამოიყენება ნებისმიერი რაოდენობის ელემენტები და tags

1074
00:49:30,190 --> 00:49:30,950
თქვენს ვებ გვერდზე.

1075
00:49:30,950 --> 00:49:31,710
ასე რომ, ეს reusable.

1076
00:49:31,710 --> 00:49:33,090
პირადობის არ არის reusable.

1077
00:49:33,090 --> 00:49:34,450
კლასი არის reusable.

1078
00:49:34,450 --> 00:49:37,830
>> და იცით რა, სხვადსხვა
ფილოსოფიური reasons--

1079
00:49:37,830 --> 00:49:40,180
მე არ დასრულდება ჩემი
thought-- მე ვაპირებ ვთქვა

1080
00:49:40,180 --> 00:49:44,300
რომ პირველი პუნქტით და
მეორე პუნქტი მნიშვნელოვანია.

1081
00:49:44,300 --> 00:49:48,600
ამიტომ, მე ვაპირებ, რომ ვრცელდება კლასის მოუწოდა
"მნიშვნელოვანია", რომ, თუ მე გადარჩენა ჩემი ფაილი

1082
00:49:48,600 --> 00:49:51,510
და განახლება, არ
ფუნქციური გავლენა ამჟამად.

1083
00:49:51,510 --> 00:49:53,780
მაგრამ მე დასძინა, ზოგიერთი
მეტამონაცემები ფაილი,

1084
00:49:53,780 --> 00:49:56,610
ერთგვარი რაღაც ცალკე
საწყისი ძირითადი მონაცემები ფაილი,

1085
00:49:56,610 --> 00:50:02,300
ასე რომ, ახლა ჩემი სტილების, თუ მე
ნაცვლად ამბობენ, ".მნიშვნელოვანი" - თქვენ იცით,

1086
00:50:02,300 --> 00:50:07,110
არაფერი, რომ მნიშვნელოვანია, მე
ვაპირებთ, რათა font-ფერი, red--

1087
00:50:07,110 --> 00:50:09,930
უფრო სწორად არ font-ფერი, უბრალოდ ფერი.

1088
00:50:09,930 --> 00:50:12,930
არსებობს შეუსაბამობები
სოციალურ მეცნიერებათა ცენტრის სამწუხაროდ.

1089
00:50:12,930 --> 00:50:14,120
და ჩატვირთვა.

1090
00:50:14,120 --> 00:50:17,640
ახლა შეამჩნია პირველი
ორი პუნქტის წითელი

1091
00:50:17,640 --> 00:50:20,880
მაგრამ არა მესამე, იმიტომ, რომ მე მხოლოდ
გამოყენებული კლასს "მნიშვნელოვანი"

1092
00:50:20,880 --> 00:50:25,020
პირველი ორი იმ რამ.

1093
00:50:25,020 --> 00:50:28,030
>> ასე რომ, პირადობის მოწმობები, თქვენ გაქვთ შესაძლებლობა
მიუთითოთ ძალიან ზუსტად.

1094
00:50:28,030 --> 00:50:30,110
კლასების, თქვენ უნდა reusability.

1095
00:50:30,110 --> 00:50:33,800
მაგრამ ორივე შემთხვევაში, შეამჩნია
ერთგვარი კარგი დიზაინის პრინციპი

1096
00:50:33,800 --> 00:50:39,072
სადაც მე factored გარეთ ყველა
ესთეტიკის ჩემი styles.css ფაილი.

1097
00:50:39,072 --> 00:50:40,280
ასე რომ არ არსებობს messiness აქ.

1098
00:50:40,280 --> 00:50:44,490
იქ არის ნახსენები წითელი ან
თამამი წინაშე და შრიფტის ზომა ამ ფაილის.

1099
00:50:44,490 --> 00:50:49,430
პირიქით, მაქვს სემანტიკურად,
მნიშვნელოვნად ხასიათდება ჩემი მონაცემები, როგორც,

1100
00:50:49,430 --> 00:50:51,240
აქ არის რამდენიმე მნიშვნელოვანი მონაცემები.

1101
00:50:51,240 --> 00:50:52,800
აქ არის კიდევ რამდენიმე მნიშვნელოვანი მონაცემები.

1102
00:50:52,800 --> 00:50:56,500
უფრო მეტიც, აქ არის
"პირველი" ჩემი მნიშვნელოვანი მონაცემები.

1103
00:50:56,500 --> 00:51:01,050
ასე რომ, HTML ყველაფერი არის ერთგვარი
of tagging, ფაქტიურად, სიტყვა

1104
00:51:01,050 --> 00:51:05,270
და მე და აშენებს თქვენს
გვერდი ამ პატარა მინიშნებები, თუ

1105
00:51:05,270 --> 00:51:07,640
იქნება, რომ თქვენ შეგიძლიათ
რატომღაც ბერკეტები გამოყენებით

1106
00:51:07,640 --> 00:51:10,880
სხვა ტექნიკას, როგორიცაა CSS ამ გზით.

1107
00:51:10,880 --> 00:51:14,760
>> ასე რომ, პასუხი Victoria კითხვაზე,
ჩვენ შეგვიძლია ტექსტი დიდია, რომ გზა.

1108
00:51:14,760 --> 00:51:18,380
არსებობს უამრავი სხვა გზა, მაგრამ
შრიფტის tag-- ღია bracket "font" -

1109
00:51:18,380 --> 00:51:19,770
რეალურად რამდენიმე წლის.

1110
00:51:19,770 --> 00:51:21,410
და ეს არის პრობლემა,
ძალიან, ეყრდნობოდა მხოლოდ

1111
00:51:21,410 --> 00:51:23,485
ონლაინ resources--
ისინი, როგორც წესი, მოძველებულია.

1112
00:51:23,485 --> 00:51:26,110
და მართლაც, რომ უკვე მოძველებულია,
იმიტომ, რომ მსოფლიო მიხვდა,

1113
00:51:26,110 --> 00:51:28,970
რას ნიშნავს "font-size = 7" ნიშნავს?

1114
00:51:28,970 --> 00:51:29,670
ეს არ არის.

1115
00:51:29,670 --> 00:51:32,770
ასე რომ, მრავალი წლის განმავლობაში და
ამ day-- ერთ მხარეს

1116
00:51:32,770 --> 00:51:36,060
აღნიშნავს, აქ არის ის, რომ, ფაქტობრივად,
წარმოუდგენლად მტკივნეული მაინც ზოგჯერ

1117
00:51:36,060 --> 00:51:38,900
განავითაროს საიტები
ინტერნეტში, რადგან Microsoft

1118
00:51:38,900 --> 00:51:44,220
და Google და Mozilla და
სხვები ხშირად არ ვეთანხმები, თუ როგორ

1119
00:51:44,220 --> 00:51:47,480
ინტერპრეტაცია დაზუსტება HTML.

1120
00:51:47,480 --> 00:51:52,490
>> არსებობს rulebook for HTML, რომ
ზოგადად ამბობს, რაც თითოეული tag ნიშნავს.

1121
00:51:52,490 --> 00:51:55,690
მაგრამ ზოგჯერ ეს არ ნიშნავს, რომ
განხორციელების შეხედულებისამებრ,

1122
00:51:55,690 --> 00:51:57,290
Microsoft- ის შეხედულებისამებრ და Google.

1123
00:51:57,290 --> 00:52:00,000
და ასე რომ თქვენ ძალიან ხშირად
ნახე ნახვა რაღაც

1124
00:52:00,000 --> 00:52:04,954
გამოიყურება სხვადასხვა კომპიუტერი
ვიდრე ეს იმას on Mac,

1125
00:52:04,954 --> 00:52:06,995
და ეს მართლაც იმიტომ,
ბოლოს დღეს,

1126
00:52:06,995 --> 00:52:08,891
მათ არ შეამოწმოთ ეს
ასევე ორივე პლატფორმების.

1127
00:52:08,891 --> 00:52:11,390
მაგრამ ასევე იმის გამო, გონივრული,
ჭკვიანი ხალხი არ ვეთანხმები

1128
00:52:11,390 --> 00:52:14,970
და კომპანიების არ ვეთანხმები, და ასე
ერთ-ერთი გამოწვევაა პროგრამირების

1129
00:52:14,970 --> 00:52:16,980
ვებ და პროექტირება
რამ ვებგვერდი

1130
00:52:16,980 --> 00:52:21,700
წერილობით თქვენი ვებ გზა
რომელიც მუშაობს ყველა ბრაუზერში.

1131
00:52:21,700 --> 00:52:23,410
მაგრამ მაშინაც კი, რომ დაუსაბუთებელი, უფლება?

1132
00:52:23,410 --> 00:52:27,807
არსებობს ძალიან ბევრი ვერსიები ამდენი
ბრაუზერები არსებობს, რომ რაღაც მომენტში,

1133
00:52:27,807 --> 00:52:30,890
თქვენ ასევე უნდა მიიღოს გადაწყვეტილება ზარი
და თქვენ უნდა გადაწყვიტოს, როგორც კომპანია,

1134
00:52:30,890 --> 00:52:33,082
განსაკუთრებით ელექტრონული კომერციის სტილის
საიტები, სადაც თქვენ

1135
00:52:33,082 --> 00:52:36,290
ცდილობს გამოიყენოს უახლესი და უდიდესი
ტექნოლოგიები, რათა ძალიან კარგი შესახებ

1136
00:52:36,290 --> 00:52:37,110
გამოცდილება.

1137
00:52:37,110 --> 00:52:41,019
მაგრამ გარკვეული პროცენტული თქვენი მომხმარებლების შეიძლება
კვლავ გამოყენებით Internet Explorer 6 ან 7

1138
00:52:41,019 --> 00:52:43,810
ან 8, განსაკუთრებით დამოკიდებულია
ქვეყანა, რომ ისინი მოდის.

1139
00:52:43,810 --> 00:52:46,760
>> ასე რომ, ძალიან ხშირად
კონსულტაცია არის რაღაც

1140
00:52:46,760 --> 00:52:50,920
როგორიცაა "ბრაუზერში სტატისტიკა."

1141
00:52:50,920 --> 00:52:56,560
და თუ ჩვენ წასვლა ვნახოთ Wikipedia
და ვხედავ, როგორ up-to-date ეს სქემა არის

1142
00:52:56,560 --> 00:52:59,320
თუ არსებობს ერთი.

1143
00:52:59,320 --> 00:53:02,420
ასე რომ, აქ თქვენ შეგიძლიათ ნახოთ
სადაც ბრაუზერები რეალურად

1144
00:53:02,420 --> 00:53:06,160
არიან, შესაბამისად 2015 წლის,
შესაბამისად, აშშ-ს მთავრობა.

1145
00:53:06,160 --> 00:53:11,170
Chrome არის 42% საბაზრო წილი, რასაც
მიერ IE დიდწილად კორპორატიული პარამეტრები

1146
00:53:11,170 --> 00:53:14,490
ან PC პარამეტრები, რა თქმა უნდა,
მოჰყვა Firefox,

1147
00:53:14,490 --> 00:53:17,440
მაშინ Safari, მაშინ Opera არ
საქართველოს რუკა აქ რატომღაც,

1148
00:53:17,440 --> 00:53:18,210
და შემდეგ სხვა.

1149
00:53:18,210 --> 00:53:19,500
იქნებ ის ქვეშ სხვა.

1150
00:53:19,500 --> 00:53:27,700
მაგრამ უფრო პრობლემატურია, ვიდრე, რომ არის
ვნახოთ, თუ Wikipedia ასევე აქვს

1151
00:53:27,700 --> 00:53:35,194
ვერსიებს ბრაუზერები version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> წამო ბრაუზერის სტატისტიკა.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
მიუხედავად იმისა, რომ ეს არ არის საკმარისი.

1156
00:53:42,030 --> 00:53:44,854
Browser სტატისტიკა.

1157
00:53:44,854 --> 00:53:45,353
ჩემი ვერსია.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
ეს არ იქნება სწორი.

1160
00:53:50,540 --> 00:53:53,414
ვნახოთ, ვერსიები.

1161
00:53:53,414 --> 00:53:54,830
Browser წილი.

1162
00:53:54,830 --> 00:53:57,110
მოდით ვნახოთ, თუ ეს საქმე.

1163
00:53:57,110 --> 00:53:57,610
კარგი.

1164
00:53:57,610 --> 00:54:00,010
ახლა ეს ხდება
ცოტა უფრო სასარგებლოა.

1165
00:54:00,010 --> 00:54:04,870
ასე რომ, აქ, შეამჩნია, რომ ჩვენ გვაქვს ყველა
სხვადასხვა ვერსიებს ბრაუზერები.

1166
00:54:04,870 --> 00:54:09,887
და, ღმერთო ჩემო, თუ look-- Chrome
48, Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
ვგულისხმობ, ბრაუზერები უფრო განახლებული,
და ხანდახან ზოგიერთი იმ ცვლილებებს

1168
00:54:12,970 --> 00:54:16,430
არის მნიშვნელოვანი
თვალსაზრისით ფუნქციონირება.

1169
00:54:16,430 --> 00:54:20,630
ასე რომ, რაღაც ეტაპზე,
პროდუქტის მენეჯერები და ინჟინრები

1170
00:54:20,630 --> 00:54:23,620
უნდა მიიღოს decision-- თქვენ
იცით, რა, მხოლოდ 1% მსოფლიოს

1171
00:54:23,620 --> 00:54:24,740
კვლავ გამოყენებით IE 7.

1172
00:54:24,740 --> 00:54:25,490
ჯოჯოხეთი მათთან.

1173
00:54:25,490 --> 00:54:27,470
ჩვენ უბრალოდ არ აპირებს
მხარს ვუჭერთ, რომ ბრაუზერში.

1174
00:54:27,470 --> 00:54:28,740
და რას ნიშნავს ეს, რომ არ შეიძლება?

1175
00:54:28,740 --> 00:54:31,170
ეს იმას ნიშნავს, რომ ღილაკები
არ მუშაობს თქვენს ვებ გვერდზე,

1176
00:54:31,170 --> 00:54:33,050
ან ის შეიძლება ნიშნავდეს
გაფორმებით სრულიად off.

1177
00:54:33,050 --> 00:54:35,091
ან თქვენ შეიძლება უნდა მიიღოს
რომ იგივე გადაწყვეტილება ზარის

1178
00:54:35,091 --> 00:54:39,089
მობილური ამ დღეებში, სადაც, ჩვენ
არ აპირებს მხარი დაუჭიროს IOS 5 აღარ.

1179
00:54:39,089 --> 00:54:40,380
ასე რომ, ადამიანი უბრალოდ უნდა განახლება.

1180
00:54:40,380 --> 00:54:45,850
და ჩვენ არ ვაპირებთ, რომ მხარს ვუჭერთ Cupcake
on Android OS Android მოწყობილობები,

1181
00:54:45,850 --> 00:54:48,629
იმიტომ, რომ world-- როგორც
ტექნიკური მსოფლიოს სურს წინსვლა,

1182
00:54:48,629 --> 00:54:51,170
ეს ერთგვარი სურს გადაიტანეთ
მსოფლიოში ისე, რომ ისინი არ

1183
00:54:51,170 --> 00:54:53,295
უნდა გავაგრძელოთ, რათა იყოს
უკან თავსებადი, რათა მათ

1184
00:54:53,295 --> 00:54:54,920
შეგვიძლია შემოგთავაზოთ ახალი და კარგი თვისებები.

1185
00:54:54,920 --> 00:54:57,878
ეს არის ერთ-ერთი მიზეზი,
რატომ ამდენი კომპანიები მოძრავი out

1186
00:54:57,878 --> 00:55:01,440
ავტომატური განახლება და ერთგვარი იძულება
უახლესი ვერსიები პროგრამული უზრუნველყოფა ჩვენთვის.

1187
00:55:01,440 --> 00:55:04,010
და მაშინაც კი, კომპანიები
როგორიცაა Apple იქნება დასალაგებლად

1188
00:55:04,010 --> 00:55:07,280
აიძულოს თქვენ თითქმის ან აიძულოს
თქვენ თვალსაზრისით საბაზრო ძალები

1189
00:55:07,280 --> 00:55:11,164
ყიდვა ახალი ტელეფონი, რადგან ისინი უბრალოდ
არ განაახლოთ თქვენი ძველი ტელეფონი აღარ.

1190
00:55:11,164 --> 00:55:13,330
ასე, რომ თქვენ გამოტოვებთ წლის
უახლესი და ყველაზე დიდი თვისებები,

1191
00:55:13,330 --> 00:55:17,520
იმიტომ, რომ ეს ძვირადღირებული, როგორც
კომპანიის შენარჩუნება ძველი, ალბათ,

1192
00:55:17,520 --> 00:55:19,330
inferior ვერსიები პროგრამული უზრუნველყოფა.

1193
00:55:19,330 --> 00:55:23,660
მაგრამ წმინდა ეფექტი არის, რომ
ჩვენ ასევე განიცდიან ამ ისევე.

1194
00:55:23,660 --> 00:55:26,550
>> მოდით შევხედოთ მხოლოდ
რამდენიმე საბოლოო რამ აქ.

1195
00:55:26,550 --> 00:55:29,740
მოდით დაარტყა off რეალური სწრაფად ზოგიერთი
იმ სხვა ტყვიები, თუ აინტერესებს.

1196
00:55:29,740 --> 00:55:33,440
ასე რომ, თუ თქვენ ცდილობენ,
მაგალითად, პოზიცია

1197
00:55:33,440 --> 00:55:36,420
ტექსტის სხვადასხვა მხარეს
გვერდი, მე ვაპირებ, რომ ერთი სწრაფი გზა,

1198
00:55:36,420 --> 00:55:38,360
მაგრამ არსებობს სხვადასხვა
გზები ამით.

1199
00:55:38,360 --> 00:55:42,610
ნება მომეცით წავიდეთ წინ და eliminate--
გაამარტივებს ამ ასეთია.

1200
00:55:42,610 --> 00:55:45,330
ნება მომეცით დაბრუნდეს ჩემი
მარტივი, მარტივი პუნქტებში.

1201
00:55:45,330 --> 00:55:47,760
ნება მომეცით დაბრუნდეს ჩემი styles.css.

1202
00:55:47,760 --> 00:55:51,040
და მე უბრალოდ აპირებს გამოიყენოს simple--
რომელიც თქვენ შეიძლება არ ჩანს Google

1203
00:55:51,040 --> 00:55:54,430
ან გავიხსენოთ ადრე
text-align უფლება.

1204
00:55:54,430 --> 00:55:56,220
და ამ გვერდის გადატვირთვა.

1205
00:55:56,220 --> 00:55:58,470
ახლა ყველაფერი, როგორც ჩანს,
უნდა იყოს მარჯვენა მიუერთდა,

1206
00:55:58,470 --> 00:56:00,770
როგორც თქვენ შეიძლება ნახოთ ოვერჰედის აქ.

1207
00:56:00,770 --> 00:56:04,470
>> ჩვენ შეგვიძლია, რათა ის გამოიყურება ცოტა მეტი
წიგნის მსგავსი, და შეიძლება ითქვას, "გაამართლოს"

1208
00:56:04,470 --> 00:56:05,640
და ჩატვირთვა.

1209
00:56:05,640 --> 00:56:09,870
ახლა ეს არის ლამაზი და მოედანზე ორივე
მხარეს, რომელიც სახის ლამაზი.

1210
00:56:09,870 --> 00:56:12,220
კიდევ ერთი გოლი, რომ ჩვენ გვქონდა აქ
იყო ცვლილება ფერი ტექსტი.

1211
00:56:12,220 --> 00:56:13,650
ამიტომ, ჩვენ ვნახეთ, რომ ჩემი წითელი ტექსტი.

1212
00:56:13,650 --> 00:56:15,630
და ახლა დაამატოთ ღილაკების ფორმა.

1213
00:56:15,630 --> 00:56:19,390
რატომ არ ვცდილობთ, რომ ზუსტად ეს?

1214
00:56:19,390 --> 00:56:23,656
მაგრამ პირველი ნება მომეცით წასვლა საიტი, რომელიც
ყველაზე მეტად ჩვენს გამოიყენოთ ყოველ day-- Google.

1215
00:56:23,656 --> 00:56:25,780
და მოდით შევხედოთ
როგორ Google რეალურად მუშაობს.

1216
00:56:25,780 --> 00:56:26,821
მაგრამ მე ვაპირებ ამის გაკეთება.

1217
00:56:26,821 --> 00:56:31,930
პირველი ნება მომეცით ამის გაკეთება შიგნით yep,
ნება მომეცით წასვლა Google პირველი.

1218
00:56:31,930 --> 00:56:34,530
მე ვაპირებ უნდა წავიდეს
Google- ის პარამეტრები,

1219
00:56:34,530 --> 00:56:40,660
იმიტომ, რომ მე მინდა გამორთოთ
რაღაც მოუწოდა მყისიერი შედეგი.

1220
00:56:40,660 --> 00:56:43,580
>> ასე რომ თქვენ შეიძლება არ შენიშნა
Google ამ დღეებში ნება მომეცით დაბრუნდეს

1221
00:56:43,580 --> 00:56:44,850
და იქაური ეს.

1222
00:56:44,850 --> 00:56:47,900
ასე რომ თუ დავიწყებ ძებნას
for "კატა", როგორც ეს,

1223
00:56:47,900 --> 00:56:50,120
შეამჩნია, რომ არა მარტო
მივიღებ ავტოდასრულება up

1224
00:56:50,120 --> 00:56:54,520
დაბრუნება, უეცრად, გვერდზე თავად
როგორც ჩანს, შეცვალოს საკმაოდ სწრაფად, ასევე,

1225
00:56:54,520 --> 00:56:58,750
და რომ Google გამოყენებით ენა
მოუწოდა JavaScript ცდილობს იყოს სასარგებლო.

1226
00:56:58,750 --> 00:57:01,540
მაგრამ, სამწუხაროდ, ეს ერთგვარი
of ერევა ჩვენი დისკუსია

1227
00:57:01,540 --> 00:57:04,010
რა ხდება რეალურად
ქვეშ hood აქ.

1228
00:57:04,010 --> 00:57:09,070
ასე რომ, მე მხოლოდ სახის სწრაფად
გამორთეთ მყისიერი შედეგი.

1229
00:57:09,070 --> 00:57:11,510
და მე ვაპირებ დააჭირეთ Save.

1230
00:57:11,510 --> 00:57:13,930
და ახლა მე ვაპირებ გახსნა
რომ დიაგნოსტიკური პანელი, რომელიც მე

1231
00:57:13,930 --> 00:57:16,150
შენარჩუნება გახსნის ფარგლებში ქსელის tab.

1232
00:57:16,150 --> 00:57:17,720
ასე რომ, მოდით ეს.

1233
00:57:17,720 --> 00:57:21,960
ნება მომეცით whoops--
გადახვევა ქვემოთ ცოტა.

1234
00:57:21,960 --> 00:57:24,410
და ნება მომეცით მოძებნოთ "კატა".

1235
00:57:24,410 --> 00:57:26,790
>> და ახლა შეამჩნია, ფაქტობრივად,
ეს არის კარგი შესაძლებლობა,

1236
00:57:26,790 --> 00:57:28,840
განიხილოს ერთი წუთით.

1237
00:57:28,840 --> 00:57:32,460
ყურადღება მიაქციეთ იმ მომენტში მე type-- შეჩერება.

1238
00:57:32,460 --> 00:57:35,250
შეწყვიტე.

1239
00:57:35,250 --> 00:57:35,790
კარგი.

1240
00:57:35,790 --> 00:57:40,870
ყურადღება მიაქციეთ მომენტში მე აკრიფოთ წერილი
C, უყუროთ ბოლოში ეკრანზე.

1241
00:57:40,870 --> 00:57:48,600
A- თ S. რას ბოლოში
ამ ეკრანზე, ჩემი ქსელი tab,

1242
00:57:48,600 --> 00:57:53,320
ვარაუდობენ, ხდება ყოველ
ჯერზე მე აკრიფოთ წერილი?

1243
00:57:53,320 --> 00:57:57,700
სამწუხაროდ, ბაყაყი ძალიან
გადატანის დღეს ან SHAMROCK

1244
00:57:57,700 --> 00:58:00,339
ან რასაც ის არის.

1245
00:58:00,339 --> 00:58:01,880
რა ხდებოდა ყოველ ჯერზე მე აკრეფილი?

1246
00:58:01,880 --> 00:58:04,230
და ნება მომეცით გარკვევა
ბუფერული და აკრიფოთ ისევ.

1247
00:58:04,230 --> 00:58:06,580
So-- whoops.

1248
00:58:06,580 --> 00:58:13,280
ყოველ ჯერზე მე აკრიფოთ წერილი, C- A- ტ
ასე რომ, ახალი ზედიზედ აშკარად ინარჩუნებს გამოჩენა.

1249
00:58:13,280 --> 00:58:16,530
რას თითოეული იმ სტრიქონების წარმოადგენს,
საფუძველზე, რაც ჩვენ ვნახეთ და

1250
00:58:16,530 --> 00:58:17,339
დღემდე?

1251
00:58:17,339 --> 00:58:18,130
აუდიტორია: ძიება?

1252
00:58:18,130 --> 00:58:21,770
დევიდ ჯ Malan: ძებნა, ან
უფრო generically, HTTP მოთხოვნის

1253
00:58:21,770 --> 00:58:23,125
ჩემი ბრაუზერზე სერვერზე.

1254
00:58:23,125 --> 00:58:29,090
ისე, რატომ არის ჩემი ბრაუზერის მიღების HTTP
მოითხოვოს ყოველ ჯერზე მე აკრიფოთ წერილი?

1255
00:58:29,090 --> 00:58:30,502
>> აუდიტორია: [INAUDIBLE]

1256
00:58:30,502 --> 00:58:33,210
დევიდ ჯ Malan: ჰო, ის მიცემის
ჩემთვის ეს განცხადება სრული შედეგები.

1257
00:58:33,210 --> 00:58:35,190
ისევე, სად ეს
ძებნის შედეგები მოდის?

1258
00:58:35,190 --> 00:58:38,120
ისე, ყოველ ჯერზე მე აკრიფოთ
წერილი, Google პოლკები

1259
00:58:38,120 --> 00:58:40,460
და უფრო და უფრო
სიტყვა მე ბეჭდვის.

1260
00:58:40,460 --> 00:58:41,040
რატომ?

1261
00:58:41,040 --> 00:58:44,540
იმის გამო, რომ მათ სურთ, რომ მომეცი
უკეთესი და უკეთესი, უკეთესი წინადადება,

1262
00:58:44,540 --> 00:58:48,880
სიაში წინადადებები, რა სიტყვა
ვცდილობ რეალურად სრული.

1263
00:58:48,880 --> 00:58:53,030
ასე რომ, ეს არის, რომ ფაქტიურად ყოველ
ხასიათი თქვენ ჩაწერეთ შევიდა Google

1264
00:58:53,030 --> 00:58:56,900
მიმდინარეობს გაგზავნილი, საბოლოოდ
ნაყარი, არამედ ზოგჯერ ერთი

1265
00:58:56,900 --> 00:59:00,620
იმ დროს, რათა განახორციელონ
ეს განცხადება სრული ფუნქციები, როდესაც

1266
00:59:00,620 --> 00:59:03,000
მონაცემები, რა თქმა უნდა, ინტერნეტში.

1267
00:59:03,000 --> 00:59:08,780
>> ახლა, მოდით, შევხედოთ, თუ რეალურად რა
ხდება, როდესაც მე დააწკაპუნეთ Google ძებნა.

1268
00:59:08,780 --> 00:59:10,420
და მაშინ ჩვენ ბერკეტები ამ თავს.

1269
00:59:10,420 --> 00:59:15,320
ასე რომ, თუ მე გადახვევა ქვემოთ ახლა ძალიან
პირველი მოთხოვნა, რომ მოხდა.

1270
00:59:15,320 --> 00:59:17,130
შეამჩნია შემდეგ.

1271
00:59:17,130 --> 00:59:25,550
იყო გამოგზავნილი საკმაოდ ხანგრძლივი ამას URL
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
და შემდეგ მთელი bunch of პერსონალი.

1273
00:59:27,100 --> 00:59:29,620
ვნახოთ ეს რეალურად ახლა
ბრაუზერის tab თავად.

1274
00:59:29,620 --> 00:59:31,310
მოდით, თავი დაეღწია პანელი აქ.

1275
00:59:31,310 --> 00:59:33,140
აი გვერდზე ძებნის შედეგები.

1276
00:59:33,140 --> 00:59:34,790
და შეამჩნია აქ URL.

1277
00:59:34,790 --> 00:59:37,430
ახლა, თქვენ ალბათ შეუძლია გამოიცნოს
რა ხდება აქ ნაწილი.

1278
00:59:37,430 --> 00:59:39,090
ასე რომ, პირველ რიგში, განმარტება.

1279
00:59:39,090 --> 00:59:42,570
როგორც ჩანს, ეს არის დანიშნულების
სადაც სახით არის წარმოდგენილი.

1280
00:59:42,570 --> 00:59:44,910
ასე რომ, როდესაც მე აკრეფილი
სიტყვა "კატები" და Enter,

1281
00:59:44,910 --> 00:59:48,460
როგორც ჩანს, Google გაგზავნილი
ჩემი ტექსტის შეყვანა ამ URL

1282
00:59:48,460 --> 00:59:50,770
რომ მე ხაზგასმით
იქ, ხაზი ძებნა.

1283
00:59:50,770 --> 00:59:56,530
გამოდის, URL, არაფერი რომ
მას შემდეგ, რაც კითხვის ნიშნის არის,

1284
00:59:56,530 --> 01:00:01,270
როგორც ჩვენ შენარჩუნება ამბობდა, საკვანძო ღირებულება წყვილი
რომ იყო აკრეფილი შევიდა ფორმა ან როგორღაც

1285
01:00:01,270 --> 01:00:04,500
გადამდები
ბრაუზერი სერვერზე.

1286
01:00:04,500 --> 01:00:07,180
>> ასე რომ, ნებისმიერ დროს თქვენ აკრიფოთ input
ფორმა ინტერნეტში

1287
01:00:07,180 --> 01:00:10,000
და ეს იგზავნება როგორც ჩვენ
ვსაუბრობდით, მეშვეობით მისაღებად,

1288
01:00:10,000 --> 01:00:12,400
ერთ-ერთი ასეთი ვირტუალური
კონვერტები, შინაარსი

1289
01:00:12,400 --> 01:00:15,510
რომ envelope-- დიახ, შენარჩუნება
მიღების ფუნქციონირებს ფიზიკურად

1290
01:00:15,510 --> 01:00:19,010
შევიდა კონვერტში კლასში
დღეს, მაგრამ ტექნოლოგიურად

1291
01:00:19,010 --> 01:00:21,110
ეს რეალურად დააყენა URL.

1292
01:00:21,110 --> 01:00:22,940
ასე რომ, ფაქტობრივად, ნება მომეცით sift მეშვეობით.

1293
01:00:22,940 --> 01:00:25,010
სად ხედავთ მომხმარებლის შეყვანის?

1294
01:00:25,010 --> 01:00:27,490
სად ხედავთ რაღაც
, რომ მე აკრეფილი აქ?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
ჰო, ისე, "კატა".

1297
01:00:33,491 --> 01:00:33,990
არა?

1298
01:00:33,990 --> 01:00:36,380
ნება მომეცით, გამოიხადოს ეს
რაღაც მარტივი.

1299
01:00:36,380 --> 01:00:39,917
მე ვაპირებ წაშლა ყველაფერი
ამ URL, რომ მე არ მესმის,

1300
01:00:39,917 --> 01:00:42,250
და მე უბრალოდ აპირებს დატოვოს
მას, როგორც ამას / ძიება? q = კატა.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
ჩვენ დავინახავთ, სადაც q
მოდის ამ მომენტში,

1303
01:00:47,890 --> 01:00:51,220
მაგრამ რომ იგრძნობა მინიმალური
რაოდენობის ინფორმაცია, რომ მე იმ პირობით.

1304
01:00:51,220 --> 01:00:53,050
და ახლა მე ვაპირებ დააჭიროთ.

1305
01:00:53,050 --> 01:00:55,520
და შენიშნავს, რომ ჯერ კიდევ მუშაობს.

1306
01:00:55,520 --> 01:00:57,950
ჩვენ ჯერ კიდევ დავუბრუნდეთ მთელი bunch of cats.

1307
01:00:57,950 --> 01:01:00,340
ასე რომ, Google არის fancier
ვიდრე ეს ამ დღეებში.

1308
01:01:00,340 --> 01:01:01,934
ეს არის 2016 წლის, არა 1999 წელს.

1309
01:01:01,934 --> 01:01:04,600
ასე რომ, არსებობს სხვა ნივთები, რომ ჩემი
ბრაუზერის აგზავნის სერვერზე.

1310
01:01:04,600 --> 01:01:07,100
მაგრამ ეს არის მინიმალურად
ყველა რომ აუცილებელია.

1311
01:01:07,100 --> 01:01:08,380
>> რა ხდება?

1312
01:01:08,380 --> 01:01:14,320
ისე, პირველი ნება მომეცით წავიდეთ წინ და წავიდეთ
უკან Cloud9 და ნება მომეცით წავიდეთ წინ

1313
01:01:14,320 --> 01:01:15,620
და დახუროს ჩემი ჩანართები ადრე.

1314
01:01:15,620 --> 01:01:18,230
და მე ამ ჩემს
ფლობდეს მხოლოდ ერთი წუთით.

1315
01:01:18,230 --> 01:01:20,730
მე ვაპირებ წავიდეთ წინ
და შექმნას ახალი ფაილი.

1316
01:01:20,730 --> 01:01:23,739
და მე ვაპირებ გადარჩენა, როგორც google.html.

1317
01:01:23,739 --> 01:01:26,280
და მე ვაპირებ ძალიან quickly--
მე ვაპირებ, რომ მოიპაროს, ფაქტობრივად,

1318
01:01:26,280 --> 01:01:28,510
ზოგიერთი ამ ტექსტის მხოლოდ დროისა.

1319
01:01:28,510 --> 01:01:30,610
მე ვაპირებ ჩავსვა აქ.

1320
01:01:30,610 --> 01:01:33,850
მე არ ვაპირებ შეწუხება
ნებისმიერი სტილიზაცია ამ დროს.

1321
01:01:33,850 --> 01:01:38,340
ჩვენ ვაპირებთ, რომ მოვუწოდო ამ "ჩემი Google".

1322
01:01:38,340 --> 01:01:41,230
და მე ვაპირებ, თავი დაეღწია
ყველაფერი ორგანიზმში.

1323
01:01:41,230 --> 01:01:42,740
და მე ვაპირებ ამის შემდეგ.

1324
01:01:42,740 --> 01:01:45,690
ნება მომეცით zoom.

1325
01:01:45,690 --> 01:01:50,620
ფორმა action-- და როგორც მე მოკლედ აღნიშნული
ადრე whoops-- როგორც მე მოკლედ

1326
01:01:50,620 --> 01:01:54,130
ზემოთ აღინიშნა, ქმედება
ფორმა, სადაც თქვენ გაგზავნას მონაცემები.

1327
01:01:54,130 --> 01:01:56,620
ასე რომ, google.com/search.

1328
01:01:56,620 --> 01:01:59,390
და მეთოდი მინდა
შეიძლება იყოს ერთი ორი რამ.

1329
01:01:59,390 --> 01:02:02,870
ეს შეიძლება იყოს "მიიღოს", როგორც ჩვენ შენარჩუნება
განხილვისას, ან ეს შეიძლება იყოს "პოსტი".

1330
01:02:02,870 --> 01:02:05,340
ახლა, ფუნდამენტური
განსხვავება ის არის, თუ თქვენ იყენებთ "მიიღოს"

1331
01:02:05,340 --> 01:02:09,590
ყველა ინფორმაცია, რომ
მომხმარებლის უზრუნველყოფს იღებს გაგზავნილი URL.

1332
01:02:09,590 --> 01:02:13,530
>> ეს არის დიდი რამ, როგორიცაა ძიება
ძრავები და რამდენიმე სხვა პროგრამები,

1333
01:02:13,530 --> 01:02:17,080
მაგრამ, რა გარემოებები
არ მინდა შეავსოთ ფორმა

1334
01:02:17,080 --> 01:02:21,620
და ინფორმაცია დასრულდება მდე
URL, ისევე, როგორც თქვენი ბრაუზერის სამისამართო?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
რა სახის ფორმები ამის you--

1337
01:02:26,605 --> 01:02:27,480
აუდიტორია: [INAUDIBLE]

1338
01:02:27,480 --> 01:02:28,450
დევიდ ჯ Malan: ჰო, მსგავსი იმისა, რაც?

1339
01:02:28,450 --> 01:02:29,270
აუდიტორია: პაროლები.

1340
01:02:29,270 --> 01:02:31,936
დევიდ ჯ Malan: ჰო, ასე რომ თქვენ შეხვიდეთ
in Facebook ან რამდენიმე ვებგვერდზე.

1341
01:02:31,936 --> 01:02:34,395
სწორედ შესახებ შეიტანენ
ფორმა, ტექსტური ყუთი,

1342
01:02:34,395 --> 01:02:37,020
მაგრამ თქვენ ალბათ არ მინდა, რომ
აჩვენებს up ბრაუზერის URL.

1343
01:02:37,020 --> 01:02:38,121
რატომ?

1344
01:02:38,121 --> 01:02:40,870
ვგულისხმობ, იქნებ არსებობს გარკვეული
უსაფრთხოების თვალსაზრისით ქსელში,

1345
01:02:40,870 --> 01:02:44,830
მაგრამ more-- მინდა, უფრო მარტივად, რა, თუ
თქვენი roommate, თქვენი მნიშვნელოვანი სხვა,

1346
01:02:44,830 --> 01:02:47,710
თქვენი ბავშვებისათვის, თქვენი მეუღლე გამოიყურება
თქვენი ბრაუზერის ისტორია?

1347
01:02:47,710 --> 01:02:50,762
არსებობს თქვენი პაროლი უფლება
იქ ბრაუზერის ისტორიაში.

1348
01:02:50,762 --> 01:02:52,220
რომ არ იგრძნონ კარგი დიზაინი.

1349
01:02:52,220 --> 01:02:54,500
ან კიდევ უფრო ტექნიკურად,
ვარაუდობენ, რომ თქვენ ცდილობთ

1350
01:02:54,500 --> 01:02:59,180
ატვირთეთ ფოტო Flickr
ან Facebook ან wherever--

1351
01:02:59,180 --> 01:03:03,010
რომელიც არის მომხმარებლის input, მიუხედავად იმისა, რომ
ეს ცოტა უფრო interesting-- როგორ

1352
01:03:03,010 --> 01:03:05,530
შემიძლია cram იმიჯი URL ბარი?

1353
01:03:05,530 --> 01:03:06,730
თქვენ სახის ერთგვარი არ შეუძლია.

1354
01:03:06,730 --> 01:03:07,396
თქვენ სახის შეუძლია.

1355
01:03:07,396 --> 01:03:10,210
მაგრამ, სინამდვილეში, მე მძიმე დაპრესილი
წარმოსადგენია აკეთებს, რომ.

1356
01:03:10,210 --> 01:03:13,470
ასე რომ, მე უნდა კიდევ ერთი მეთოდი
ფოტოების ატვირთვა ნახვა,

1357
01:03:13,470 --> 01:03:15,657
და რომ სხვა მეთოდი ეწოდება "პოსტი".

1358
01:03:15,657 --> 01:03:18,740
მაგრამ ახლა, ჩვენ უბრალოდ ვსაუბრობთ
"მიიღოს", რომელიც არის მარტივი ორი.

1359
01:03:18,740 --> 01:03:21,100
ეს მხოლოდ აყენებს ყველა
მომხმარებლის შეყვანის URL.

1360
01:03:21,100 --> 01:03:22,830
>> ასე რომ, აქ სახით მე შექმნაში.

1361
01:03:22,830 --> 01:03:24,070
მინდა შეყვანა.

1362
01:03:24,070 --> 01:03:24,820
და იცით რა?

1363
01:03:24,820 --> 01:03:26,111
მე ვაპირებ მიიღოს ვხვდები აქ.

1364
01:03:26,111 --> 01:03:31,600
მე ვაპირებ, რომ გავიხსენოთ, ჩემი
input "q" for "შეკითხვაზე".

1365
01:03:31,600 --> 01:03:34,970
და მე ვფიქრობ, რომ ეს არის ერთ-ერთი
ორიგინალური დიზაინის, შესაძლოა, 1999 წელს.

1366
01:03:34,970 --> 01:03:39,560
და მაშინ ტიპის ამ შეყვანის
უბრალოდ აპირებს იყოს "ტექსტი".

1367
01:03:39,560 --> 01:03:43,040
და შემდეგ მე ვაპირებ, რომ კიდევ ერთი input
რომელიც არ უნდა სახელი, როგორც ჩვენ მალე

1368
01:03:43,040 --> 01:03:45,120
ვხედავ, ტიპის, რომელიც "წარუდგენს."

1369
01:03:45,120 --> 01:03:47,070
და ამ აპირებს
მომეცი სპეციალური ღილაკი.

1370
01:03:47,070 --> 01:03:48,320
და ეს არის ის.

1371
01:03:48,320 --> 01:03:50,790
>> ნება მომეცით წავიდეთ წინ და შეინახოთ ეს ფაილი.

1372
01:03:50,790 --> 01:03:54,910
მე ვაპირებ დავუბრუნდე ჩემს
ბრაუზერის და გადადით google.html.

1373
01:03:54,910 --> 01:03:56,140
შევა.

1374
01:03:56,140 --> 01:03:59,680
და ეს არის ერთგვარი იშვიათი
რბილად რომ ვთქვათ.

1375
01:03:59,680 --> 01:04:03,110
მაგრამ ნება მომეცით წავიდეთ წინ
და ძიება "კატა".

1376
01:04:03,110 --> 01:04:06,510
და შენიშნავს, მე ვარ ამჟამად
ამ Cloud9 URL.

1377
01:04:06,510 --> 01:04:09,240
მაგრამ ამ მომენტში მე დააჭირეთ,
სად იმედი მაქვს, თქვენ დასრულდება up?

1378
01:04:09,240 --> 01:04:10,160
>> აუდიტორია: Google.

1379
01:04:10,160 --> 01:04:11,118
>> დევიდ ჯ Malan: Google.

1380
01:04:11,118 --> 01:04:12,740
მოდით დაწკაპეთ წარუდგინოს.

1381
01:04:12,740 --> 01:04:15,200
და მართლაც მე ხელახლა განხორციელდება Google.

1382
01:04:15,200 --> 01:04:15,700
არა?

1383
01:04:15,700 --> 01:04:16,480
ეს არის მარტივი.

1384
01:04:16,480 --> 01:04:17,120
ეს მსუბუქია.

1385
01:04:17,120 --> 01:04:20,350
ვგულისხმობ, ჩემი კოდი აშკარად უკეთესია, ვიდრე
მათი, საწყისი სასადილო ჩვენ ვნახეთ ადრე.

1386
01:04:20,350 --> 01:04:21,100
და იცით რა?

1387
01:04:21,100 --> 01:04:22,610
მე ვაპირებ spice ამ ცოტა.

1388
01:04:22,610 --> 01:04:23,860
მე არ უხსენებია ეს ადრე.

1389
01:04:23,860 --> 01:04:27,860
არსებობს tags როგორიცაა H1, სასაქონლო 1,
ყველაზე მნიშვნელოვანი სათაურს ამ გვერდზე.

1390
01:04:27,860 --> 01:04:30,570
"ჩემი Google," მე მოვუწოდებ ამ.

1391
01:04:30,570 --> 01:04:31,940
მიადევნე თვალი განაახლეთ.

1392
01:04:31,940 --> 01:04:33,772
ის ეძებს ცოტა უკეთესი უკვე.

1393
01:04:33,772 --> 01:04:34,980
და, ფაქტობრივად, იცით, რა?

1394
01:04:34,980 --> 01:04:36,430
მე already-- მე ცრუობს.

1395
01:04:36,430 --> 01:04:40,200
მე ვუთხარი, რომ არ აპირებს სტილი ეს,
მაგრამ მე ვაპირებ სტილი ამ, როგორც ადრე.

1396
01:04:40,200 --> 01:04:46,860
და ჩემი სხეული იქნება,
ვთქვათ, ტექსტის გასწორება ცენტრი.

1397
01:04:46,860 --> 01:04:48,800
ის ეძებს უფრო მოსწონს Google უკვე.

1398
01:04:48,800 --> 01:04:51,090
>> მე უნდა ხაზი შესვენება, თუმცა,
რომ ღილაკს.

1399
01:04:51,090 --> 01:04:52,798
და აღმოჩნდება, თქვენ
შეგიძლიათ გამოიყენოთ პუნქტები,

1400
01:04:52,798 --> 01:04:57,320
ან შეგიძლიათ უფრო სიტყვასიტყვით უბრალოდ, ვამბობთ,
მომეცი ხაზის შესვენების აქ ბანკ აქვს.

1401
01:04:57,320 --> 01:04:59,319
და თუ მე განაახლეთ ეს, ახლა მიდის იქ.

1402
01:04:59,319 --> 01:05:01,610
ეს არის პატარა მახინჯი, ასე რომ მე
შეიძლება ამის მრავალი ხაზის წყვეტები,

1403
01:05:01,610 --> 01:05:03,310
მაგრამ მოდით არ მიიღოთ ძალიან ხარბ აქ.

1404
01:05:03,310 --> 01:05:06,430
ასე რომ, ახლა ვნახოთ, თუ ეს მუშაობს "ძაღლები".

1405
01:05:06,430 --> 01:05:08,640
როგორც ჩანს, მუშაობა "ძაღლი", ისევე.

1406
01:05:08,640 --> 01:05:10,780
რა არის მყარი takeaway აქ?

1407
01:05:10,780 --> 01:05:13,600
One-- არ იყო დიდი ნახტომი
წარმოგიდგინოთ კიდევ რამდენიმე tags,

1408
01:05:13,600 --> 01:05:15,370
როგორიცაა ფორმა აქვს შეყვანის tag.

1409
01:05:15,370 --> 01:05:17,120
მაგრამ უფრო ფუნდამენტურად
არის, რომ ყველა ვაკეთებთ

1410
01:05:17,120 --> 01:05:20,610
მივიჩნევთ, ჩვენი აზრით,
of HTTP და ის ფაქტი,

1411
01:05:20,610 --> 01:05:24,900
რომ ფორმები საბოლოოდ შეცვალოს
რა არის ამ URL ბრაუზერი,

1412
01:05:24,900 --> 01:05:28,540
და ასე, აქედან გამომდინარე, ჩვენ შეგვიძლია
მექანიკურად შეყვანის სერვერზე

1413
01:05:28,540 --> 01:05:33,600
მიერ მიღების HTML ფორმა და იცის
რომ სერვერზე ესმის HTTP,

1414
01:05:33,600 --> 01:05:36,890
ისევე, როგორც ჩვენი სხეულის ესმის, ისევე,
შერყევისკენ ჩემი მხრივ, რომ იგივე ოქმი,

1415
01:05:36,890 --> 01:05:40,920
და ამიტომ ჩვენ დავუბრუნდეთ პასუხი
რომ ჩვენ საბოლოოდ ველოდოთ.

1416
01:05:40,920 --> 01:05:44,050
>> მოდით ცდილობენ, რომ ერთი
ბოლო რამ ახლა მობილური,

1417
01:05:44,050 --> 01:05:47,052
და მე make-- დავძენ
ეს კოდი სლაიდები.

1418
01:05:47,052 --> 01:05:49,760
ასე რომ, თუ გსურთ Tinker, თქვენ
რა თქმა უნდა, მას იქ.

1419
01:05:49,760 --> 01:05:51,551
მაგრამ მე ვაპირებ წასვლა
წინ და ერთი რამ.

1420
01:05:51,551 --> 01:05:54,120
მე ვაპირებ წავიდეთ წინ და
გახსენით ჩემი ინდექსი page--

1421
01:05:54,120 --> 01:05:59,030
ჩემი მიესალმები გვერდზე, როგორც ადრე, რომელიც
აქვს ბევრი ეს ცრუ-ლათინური ტექსტი,

1422
01:05:59,030 --> 01:06:05,470
და უაზრო ლათინური ტექსტი, და has--
როგორც ჩანს, ეს ამ შრიფტის ზომა.

1423
01:06:05,470 --> 01:06:07,850
მაგრამ ნება მომეცით წავიდეთ წინ და ამის გაკეთება.

1424
01:06:07,850 --> 01:06:09,300
მე ვაპირებ წასვლას Cloud9.

1425
01:06:09,300 --> 01:06:10,380
და თქვენ არ უნდა გავაკეთოთ ეს ნაბიჯი.

1426
01:06:10,380 --> 01:06:11,420
მე უბრალოდ ამას თავს.

1427
01:06:11,420 --> 01:06:12,890
მე ვაპირებ დააჭირეთ გაზიარება.

1428
01:06:12,890 --> 01:06:15,170
და ეს არის ფუნქცია
მარტო Cloud9, რომლის

1429
01:06:15,170 --> 01:06:17,710
მე შემიძლია ჩემი გარემო საჯარო.

1430
01:06:17,710 --> 01:06:20,240
>> და მხოლოდ გულისთვის
დემონსტრირება, ნება მომეცით ამის გაკეთება.

1431
01:06:20,240 --> 01:06:22,870
მე ვაპირებ, რომ ჩემი განცხადება საჯარო.

1432
01:06:22,870 --> 01:06:25,230
გაითვალისწინეთ ის აფრთხილებდა მე ვარ
მე დარწმუნებული ვარ, მე მინდა ამის გაკეთება,

1433
01:06:25,230 --> 01:06:28,438
იმიტომ, რომ ეს ხდება, რათა ყველას
მსოფლიოში, თუ არა ისინი აქ და ახლა

1434
01:06:28,438 --> 01:06:33,560
ან თვალს ვიდეო მოგვიანებით
ინტერნეტ ნახოს რა მე ვერ ვხედავ.

1435
01:06:33,560 --> 01:06:34,440
მაგრამ ეს კარგია.

1436
01:06:34,440 --> 01:06:37,870
მე ვაპირებ ვთქვა "შესრულებულია".

1437
01:06:37,870 --> 01:06:42,080
და ნება მომეცით გარწმუნებთ, თუ მე
ამ correctly-- მიადევნე თვალი შეამოწმოთ იგი.

1438
01:06:42,080 --> 01:06:45,590
წავიდეთ წინ, თუ არ mind--
ბრაუზერში თქვენს კომპიუტერში,

1439
01:06:45,590 --> 01:06:49,900
გადადით ამ URL, და იმედია
თქვენ ნახავთ ჩემი ლათინური ტექსტი.

1440
01:06:49,900 --> 01:06:52,820
და იყოს ნათელი, ეს
გაშვებული არა ჩემს ლეპტოპში.

1441
01:06:52,820 --> 01:06:53,610
ეს არის მოცული.

1442
01:06:53,610 --> 01:06:58,120
ეს არის ის Cloud9, ფაქტიურად, მაგრამ
მე გააკეთა ჩემი სამუშაო საჯარო

1443
01:06:58,120 --> 01:07:03,450
ისე, რომ არავის ინტერნეტში
შეგიძლიათ თქვათ ჩემი ლათინური მთავარი გვერდი.

1444
01:07:03,450 --> 01:07:07,209
>> წასვლა იგივე URL on
თქვენი ტელეფონი, თუ შეიძლება.

1445
01:07:07,209 --> 01:07:09,750
თუ ეს ყველაფერს დაგიჯდებათ, თუმცა, თქვენ
შეგიძლიათ უბრალოდ გამოიყურებოდეს მეტი მხრის.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
აუდიტორია: [INAUDIBLE]

1448
01:07:42,467 --> 01:07:43,550
დევიდ ჯ Malan: მე ბოდიში?

1449
01:07:43,550 --> 01:07:45,390
აუდიტორია: [INAUDIBLE]

1450
01:07:45,390 --> 01:07:47,710
დევიდ ჯ Malan: Just ლათინური სიტყვა.

1451
01:07:47,710 --> 01:07:48,210
სულ ეს არის.

1452
01:07:48,210 --> 01:07:49,250
მაგრამ ის, რაც თქვენ უნდა დაინახოს.

1453
01:07:49,250 --> 01:07:49,875
>> აუდიტორია: Yeah.

1454
01:07:49,875 --> 01:07:50,790
დევიდ ჯ Malan: ჰო.

1455
01:07:50,790 --> 01:07:51,300
ჰო.

1456
01:07:51,300 --> 01:07:51,540
კარგი.

1457
01:07:51,540 --> 01:07:53,530
ასე რომ, შეგიძლიათ გამართავს თქვენი
ტელეფონი მხოლოდ ერთი წუთით?

1458
01:07:53,530 --> 01:07:57,504
ასე რომ, იმედია, თუ თქვენ წვდომის
ის, იგი უნდა გამოიყურებოდეს თითქმის unreadable.

1459
01:07:57,504 --> 01:07:59,920
ეს still-- ვგულისხმობ, ეს
unreadable გამო ლათინური.

1460
01:07:59,920 --> 01:08:01,920
მაგრამ ეს ასევე unreadable
რა სხვა მიზეზი?

1461
01:08:01,920 --> 01:08:03,775
მსგავსად, თუ რა მოსწონთ თქვენ შესახებ?

1462
01:08:03,775 --> 01:08:04,650
აუდიტორია: ეს არის პატარა.

1463
01:08:04,650 --> 01:08:06,420
დევიდ ჯ Malan: ეს არის სუპერ, სუპერ პატარა.

1464
01:08:06,420 --> 01:08:07,920
ასე როგორ შეიძლება მოვაგვაროთ ეს პრობლემა?

1465
01:08:07,920 --> 01:08:09,730
ეს არის სუპერ, სუპერ პატარა
ვიქტორია ტელეფონი

1466
01:08:09,730 --> 01:08:11,400
და, თუ თქვენ გამოყვანილია
ის თავს, ალბათ,

1467
01:08:11,400 --> 01:08:14,660
პატარა თქვენი ტელეფონი, ასევე, თუ თქვენ
აქვს ხელმისაწვდომობის პარამეტრები ჩართულია.

1468
01:08:14,660 --> 01:08:15,530
რა არის ეს?

1469
01:08:15,530 --> 01:08:18,497
თქვენ შეიძლება მხოლოდ pinch და
zoom, რომელიც ადეკვატური,

1470
01:08:18,497 --> 01:08:20,330
მაგრამ შემდეგ თქვენ მხოლოდ
რამდენიმე სიტყვა იმ დროს.

1471
01:08:20,330 --> 01:08:20,859
ასე რომ, დაველოდოთ წუთში.

1472
01:08:20,859 --> 01:08:21,720
მე ვიცი, როგორ დაფიქსირება ამ.

1473
01:08:21,720 --> 01:08:22,219
არა?

1474
01:08:22,219 --> 01:08:26,130
მე ვერ გამოიყენებს CSS, და მე ვერ შეცვლის
შრიფტის ზომა 12 პუნქტიანი 24-წერტილი.

1475
01:08:26,130 --> 01:08:29,020
მაგრამ გვერდითი ეფექტი, რომ
რა თქმა უნდა, იქნება ახლა,

1476
01:08:29,020 --> 01:08:32,630
on desktop ან ლეპტოპი,
ახლა ტექსტი ორჯერ დიდი.

1477
01:08:32,630 --> 01:08:35,810
და ისე, რომ სახის იყოს ლამაზი
განასხვავოს მოწყობილობები,

1478
01:08:35,810 --> 01:08:37,840
და აღმოჩნდება, რომ არსებობს
გზები აკეთებს, რომ.

1479
01:08:37,840 --> 01:08:39,590
არსებობს რამდენიმე
სხვადასხვა გზით, ფაქტობრივად,

1480
01:08:39,590 --> 01:08:44,189
რომლის დროსაც გამოყენებით CSS და fancier თვისებები
რომ ჩვენ არ წასვლას დიდი დეტალურად,

1481
01:08:44,189 --> 01:08:46,960
შეგიძლიათ არსებითად შეკითხვის
ბრაუზერი და ამბობენ,

1482
01:08:46,960 --> 01:08:51,550
თუ თქვენს ეკრანზე არის პატარა, ვიდრე ეს
ბევრი პიქსელი, გამოიყენოთ ეს შრიფტის ზომა.

1483
01:08:51,550 --> 01:08:55,180
თუ თქვენს ეკრანზე მეტია, ვიდრე ეს
ბევრი პიქსელი, გამოიყენოთ ეს სხვა შრიფტის ზომა.

1484
01:08:55,180 --> 01:08:57,080
>> თქვენ შეიძლება კიდევ fancier მაინც.

1485
01:08:57,080 --> 01:09:00,140
თუ თქვენ ოდესმე ეწვია
ვებ გვერდზე, რომ, კომპიუტერში,

1486
01:09:00,140 --> 01:09:04,404
აქვს დიდი მენიუ იქნებ off რომ
მხარეს, და შემდეგ ყველა შინაარსი

1487
01:09:04,404 --> 01:09:07,029
არის იმ მხარეს, რომელიც menu--
ეს ერთგვარი საერთო პარადიგმის.

1488
01:09:07,029 --> 01:09:09,670
მენიუ მარცხენა, შინაარსი
მარჯვნივ, ან პირიქით.

1489
01:09:09,670 --> 01:09:13,569
ნამდვილად არ იმუშავებს მასალა, როდესაც თქვენი
ეკრანზე მხოლოდ ამ ბევრი პიქსელი ფართო.

1490
01:09:13,569 --> 01:09:16,233
ასე რომ, უფრო გავრცელებული მასალა არის,
თქვენი მენიუ იქნება მოულოდნელად მისაღებად

1491
01:09:16,233 --> 01:09:18,399
დაინგრა, და თქვენ უნდა
დააჭირეთ ღილაკს დანახვა,

1492
01:09:18,399 --> 01:09:22,404
ან ნახვა დააყენებს მენიუ
ზემოთ და ამით შინაარსი ქვემოთ.

1493
01:09:22,404 --> 01:09:24,779
და შეგიძლიათ განახორციელოს ეს
რამ მრავალი გზები, ძალიან.

1494
01:09:24,779 --> 01:09:28,340
შეგიძლიათ თქვენი პროგრამისტების,
hey, გუნდი, ნებისმიერ დროს

1495
01:09:28,340 --> 01:09:34,450
ხედავთ HTTP მოთხოვნის საწყისი Android
მოწყობილობა, Microsoft მოწყობილობა, Google

1496
01:09:34,450 --> 01:09:39,930
მოწყობილობა, Apple მოწყობილობა, გამოიყენოთ ეს
შრიფტის ზომა და გამოიყენოთ ეს მენიუ განლაგება,

1497
01:09:39,930 --> 01:09:42,670
ანდა გამოიყენოთ ეს ძირითადად უფრო დიდი განლაგებას.

1498
01:09:42,670 --> 01:09:45,410
>> ახლა გამოყენებით, რაც
ძირითადი ტექნიკა დღეს

1499
01:09:45,410 --> 01:09:48,529
შეიძლება ითქვას, რომ ინჟინრები გამოიყენოთ
უნდა იცოდეს თუ არა ეს

1500
01:09:48,529 --> 01:09:53,660
iPhone, Android ტელეფონი, ლეპტოპი,
დესკტოპის გამოჩენის კომპანიის სერვერზე?

1501
01:09:53,660 --> 01:09:55,310
სადაც ისინი რომ ეს ინფორმაცია?

1502
01:09:55,310 --> 01:09:56,080
>> აუდიტორია: თავით?

1503
01:09:56,080 --> 01:09:57,740
>> დევიდ ჯ Malan: ჰო, HTTP header.

1504
01:09:57,740 --> 01:10:01,714
ასე რომ, ყოველ HTTP მოთხოვნის მოდის
მათი მომხმარებელს მათი სერვერები

1505
01:10:01,714 --> 01:10:03,880
მოიცავს, შიგნით რომ ვირტუალური
კონვერტში, მთელი bunch

1506
01:10:03,880 --> 01:10:08,260
of HTTP headers, რომელთაგან ერთ-ერთი
ბრაუზერის და ოპერაციული სისტემა

1507
01:10:08,260 --> 01:10:10,290
მაშინაც კი, თუ თქვენ მზრუნველობას
რომ დონეზე დეტალურად.

1508
01:10:10,290 --> 01:10:13,790
ახლა, ეს არის cryptic ეძებს სიმებიანი, მაგრამ
არსებობს პროგრამული უზრუნველყოფა, რომელიც მხოლოდ

1509
01:10:13,790 --> 01:10:18,530
გამარტივება, და თქვენ შეგიძლიათ უბრალოდ ითხოვენ
პროგრამირებაში code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- რა ტელეფონი არის ამ
რა მოწყობილობის ამ მომხმარებლის გამოყენებით?

1511
01:10:23,650 --> 01:10:27,501
და მაშინ შეიძლება ითქვას, ვაჩვენოთ ეს
ვერსია ნახვა, თუ ის ტელეფონში.

1512
01:10:27,501 --> 01:10:30,250
ვაჩვენოთ ამ ვერსია
ნახვა, თუ ის ლეპტოპი ან desktop.

1513
01:10:30,250 --> 01:10:32,316
მაგრამ თქვენ კი არ უნდა
სერვერული სირთულის.

1514
01:10:32,316 --> 01:10:33,940
თქვენ შეგიძლიათ ამის გაკეთება კი მარტივი რამ.

1515
01:10:33,940 --> 01:10:34,815
>> მე ვაპირებ ამის გაკეთება.

1516
01:10:34,815 --> 01:10:38,995
მე ვაპირებ წავიდეთ წინ შევიდა
ჩემი Cloud9 გარემო,

1517
01:10:38,995 --> 01:10:41,370
და მე ვაპირებ, რომ დაამატოთ tag
რომ ვნახე Google ადრე.

1518
01:10:41,370 --> 01:10:42,770
ეს მოუწოდა metatag.

1519
01:10:42,770 --> 01:10:45,520
და არ მახსოვს, ეს ერთი, ასე რომ,
მე ვაპირებ transcribe აქ.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "ხედის ფანჯრის" და შემდეგ
content = "width = მოწყობილობა სიგანე, intital

1521
01:10:50,552 --> 01:11:02,060
მასშტაბის = 1 "და ეს არის.

1522
01:11:02,060 --> 01:11:06,230
>> ასე რომ, ეს შეიძლება ასევე იყოს
მოსწონს ჯადოსნური incantation.

1523
01:11:06,230 --> 01:11:11,300
ეს არ არის ყველა, რომ ნათელი, მაგრამ ეს
რაღაც უნდა გავაკეთოთ ხედის,

1524
01:11:11,300 --> 01:11:15,070
და ხედის მხოლოდ ორგანოს
ვებ გვერდზე, მართკუთხა რეგიონში, რომელიც

1525
01:11:15,070 --> 01:11:16,690
განსაზღვრავს ყველაზე გვერდზე.

1526
01:11:16,690 --> 01:11:19,060
და ეს უბრალოდ ვეუბნებოდი
ბრაუზერი, იცით, რა?

1527
01:11:19,060 --> 01:11:22,589
ჩადება სიგანე ამ გვერდზე
ეფექტურად ტოლია მოწყობილობა სიგანე.

1528
01:11:22,589 --> 01:11:25,380
სხვა სიტყვებით, არ ვივარაუდოთ, რომ
თქვენ ერთგვარი შეუზღუდავი სივრცე.

1529
01:11:25,380 --> 01:11:29,920
ვივარაუდოთ, თქვენ მხოლოდ უნდა იმდენი
სივრცე, როგორც მოწყობილობის თავად არის დიდი.

1530
01:11:29,920 --> 01:11:34,454
ასე რომ, ახლა, თუ განაახლეთ ეს
ჩემს ბრაუზერში, მე ვერ ვხედავ ცვლილება.

1531
01:11:34,454 --> 01:11:37,370
მაგრამ თუ მე ამ correctly-- და
მიადევნე თვალი გადაკვეთა ჩემი fingers-- თუ ყველა

1532
01:11:37,370 --> 01:11:42,920
განაახლეთ თქვენი ტელეფონები, თქვენ
ვხედავ მყარი ცვლილება?

1533
01:11:42,920 --> 01:11:43,620
ჰო, ისაა, რომ

1534
01:11:43,620 --> 01:11:45,067
>> აუდიტორია: [INAUDIBLE]

1535
01:11:45,067 --> 01:11:45,900
დევიდ ჯ Malan: დიახ.

1536
01:11:45,900 --> 01:11:46,400
კარგი.

1537
01:11:46,400 --> 01:11:47,850
ასე რომ, ალბათ, უფრო იკითხება ახლა?

1538
01:11:47,850 --> 01:11:53,070
ჯერ კიდევ პატარა, უნდა იყოს სამართლიანი, მაგრამ არა
იმდენად პატარა, რომ თავისუფლად შეიძლება უმართავი.

1539
01:11:53,070 --> 01:11:56,920
და მე ნამდვილად override ამ
უფრო CSS ან სერვერის მხარეს,

1540
01:11:56,920 --> 01:12:00,120
მაგრამ სულ უფრო და უფრო, რაც თქვენ
ხედავს უფრო და უფრო მეტი ფუნქციები

1541
01:12:00,120 --> 01:12:02,900
დაემატა
კლიენტის მხარის environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, როგორც ჩვენ განვიხილავთ
ხვალ, CSS და HTML-- ასე

1543
01:12:06,530 --> 01:12:09,190
რომ ყველა ამ შეკითხვებს
შეიძლება გაკეთდეს კლიენტის

1544
01:12:09,190 --> 01:12:11,910
ისე, რომ ადარდებს
სერვერზე ბევრი ნაკლებად და არა

1545
01:12:11,910 --> 01:12:14,530
უნდა შეინარჩუნოს ერთად,
მაგალითად, მუდმივი onslaught

1546
01:12:14,530 --> 01:12:17,210
ახალი ოპერაციული სისტემა
ვერსიით, ახალი ბრაუზერი ვერსიები.

1547
01:12:17,210 --> 01:12:20,190
თქვენ არ შეგიძლიათ უბრალოდ ბრაუზერი
ვთხოვთ მოწყობილობა, რამდენად დიდი ხარ,

1548
01:12:20,190 --> 01:12:22,890
და შემდეგ გარკვეულწილად ლოგიკური
გადაწყვეტილებების საფუძველზე, რომ.

1549
01:12:22,890 --> 01:12:25,140
მაგრამ ჩვენ უფრო მეტი შესაძლებლობები
ლოგიკური გადაწყვეტილებების

1550
01:12:25,140 --> 01:12:27,223
ხვალ კონტექსტში
პროგრამირების ენაზე.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> ასე რომ, ნებისმიერი კითხვები, მაშინ,
ვებ განვითარება?

1553
01:12:32,760 --> 01:12:36,130
დღეს არ არის ვებ პროგრამირების, თითო
se, მას შემდეგ, რაც ყველაფერი გავაკეთეთ

1554
01:12:36,130 --> 01:12:38,370
ძალიან ესთეტიკური, თუ გნებავთ.

1555
01:12:38,370 --> 01:12:41,750
არ არსებობს გადაწყვეტილების მიღების
კოდი, რომელიც ჩვენ არ წერია,

1556
01:12:41,750 --> 01:12:44,990
და ამიტომაც HTML არის მარკირების
ენა, არ არის პროგრამირების ენა.

1557
01:12:44,990 --> 01:12:47,140
მაგრამ ხვალ ჩვენ მიიღოს
სწრაფი, საბოლოო ჯამში,

1558
01:12:47,140 --> 01:12:49,340
at JavaScript, რომელიც
ფაქტობრივი პროგრამირების

1559
01:12:49,340 --> 01:12:54,220
ენის, რომელიც საშუალებას გვაძლევს გავაკეთოთ უფრო მეტი.

1560
01:12:54,220 --> 01:12:56,800
>> ნებისმიერი კითხვები?

1561
01:12:56,800 --> 01:13:00,480
ასევე, ნება მომეცით შესთავაზოს ორ
შესაძლებლობები სურვილისამებრ დავალებას.

1562
01:13:00,480 --> 01:13:02,900
ერთი არის ამ Cloud9
ანგარიშებზე არ იწურება.

1563
01:13:02,900 --> 01:13:04,669
მობრძანდით, გამოიყენოთ
მათ Tinker ერთად.

1564
01:13:04,669 --> 01:13:05,960
ეს არის უფასო დონის მომსახურება.

1565
01:13:05,960 --> 01:13:08,754
გააცნობიეროს, რომ, თუ, როდესაც შექმნა
თქვენი სამუშაო გარემოს, თქვენ გახადა საჯარო,

1566
01:13:08,754 --> 01:13:11,670
რომ არ ნიშნავს, რომ ვინმეს
ინტერნეტ ხედავთ, რა თქვენ აკრეფით.

1567
01:13:11,670 --> 01:13:15,104
ასე რომ, შესაძლოა, უბრალოდ მიგვაჩნია,
არა მუცელზე თავს

1568
01:13:15,104 --> 01:13:18,020
თუ თქვენ აყენებს თქვენი პირველი ვებ
გვერდი არსებობს საჯაროდ შემთხვევით,

1569
01:13:18,020 --> 01:13:20,134
მაგრამ არავინ არ აპირებს
ვიცი, რომ შევხედოთ იქ მაინც.

1570
01:13:20,134 --> 01:13:23,760
>> და two-- მიადევნე თვალი toss
ამ URL, ისევე,

1571
01:13:23,760 --> 01:13:28,250
მით უმეტეს, თუ თქვენ მოვიდა დღეს
ცოტა ნაკლებად კომფორტული, ვიდრე სხვები,

1572
01:13:28,250 --> 01:13:30,430
იცით რა ყველა ამ პერსონალის ნიშნავს.

1573
01:13:30,430 --> 01:13:36,780
გააცნობიეროს, რომ ბევრად უფრო ამ ვიდეო,
რომელიც ორივე კარგი გზა იძინებს

1574
01:13:36,780 --> 01:13:39,380
და სიცილი, ხოლო
ამით, ასევე აქვს

1575
01:13:39,380 --> 01:13:44,300
ბევრი საზოგადოებისთვის საინტერესო
და უსაფრთხოების შესაბამისი დისკუსიები

1576
01:13:44,300 --> 01:13:47,370
მასში ჯონ ოლივერ,
თუმცა კომიკოსი.

1577
01:13:47,370 --> 01:13:55,456
>> მაგრამ თუ არ არსებობს დამატებითი შეკითხვები,
რომ მოაქვს მიღება.

1578
01:13:55,456 --> 01:13:56,830
ასე რომ, რატომ არ ჩართოთ მუსიკა.

1579
01:13:56,830 --> 01:13:58,610
არ უნდა იყოს სასმელი
და საჭმლის გარეთ.

1580
01:13:58,610 --> 01:14:00,220
მოხარული ვარ, რომ შეხვდნენ, როგორც
სანამ ეგ მინდა,

1581
01:14:00,220 --> 01:14:01,600
კითხვებზე პასუხის გაცემა კიდევ ერთი-ერთზე.

1582
01:14:01,600 --> 01:14:03,330
მაგრამ, წინააღმდეგ შემთხვევაში, თქვენ მივესალმებით
მიიღოს off ნებისმიერ წერტილში,

1583
01:14:03,330 --> 01:14:05,740
და ჩვენ დავინახავთ, თქვენ კვლავ
ხვალ დილით ცოტა მეტი.

1584
01:14:05,740 --> 01:14:07,290
ყველა უფლება წყალობით.

1585
01:14:07,290 --> 01:14:10,428