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

2
00:00:00,127 --> 00:00:01,210
ديفيد جيه مالان: حسنا.

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
تطوير، وبالتالي فإن
الجانب ثابت من things--

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
ولكن قبل أن يغوص في، أي بأثر رجعي
أسئلة حول الحوسبة السحابية

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
عملية الاشتراك
شيء يستغرق بضع دقائق.

19
00:00:49,680 --> 00:00:51,221
ونحن سوف تتيح لها أن تفعل ذلك في الخلفية.

20
00:00:51,221 --> 00:00:56,860
المضي قدما، إذا كنت تستطيع،
لهذا URL here-- 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
وانها سوف تعطي كل واحد منكم
حساب في ما يسمى السحابة

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
سواء داخل الحرم الجامعي وخارجه الآن، و
انها محل ما مر التاريخ

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-- ككل
مجموعة من الأجهزة الظاهرية

39
00:01:52,760 --> 00:01:56,500
انهم ختم بطريقة ما يصل إلى
وهم لخدمة الفرد

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
هي تقنية جديدة نوعا ما
دعا الحاويات.

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
كونه التشغيل
نظام وبرنامج مراقبة الأجهزة الافتراضية

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
الفرق مع هذا أحدث
التكنولوجيا، والحاويات،

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
لذلك وهذا ما يسمى
الحاويات من الطبيعة

61
00:02:59,420 --> 00:03:02,920
عن طريق تقنية تسمى عامل الميناء،
الذي يأتي كثيرا إلى جانبها.

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-- الأعمال،
جامعة هارفارد، الخميس، كل ما تريد.

76
00:03:47,050 --> 00:03:48,800
أنت لا تحتاج إلى وصف.

77
00:03:48,800 --> 00:03:52,380
يمكنك ترك الأمر سرا، إلا إذا
لديك بالفعل حفنة من مساحات العمل.

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
ولكن مجرد وضع علامة لي أكثر إذا كنت مثلي
لنلقي نظرة على أي شيء أو تقديم المشورة.

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
هكذا اتضح أن يمكنني
الذهاب على بلدي قليلا ماك هنا،

103
00:04:58,310 --> 00:05:01,650
فتح برنامج بسيط يسمى
برنامج TextEdit، أو على ويندوز أستطع

104
00:05:01,650 --> 00:05:04,480
شيء مفتوح دعا NOTEPAD.EXE.

105
00:05:04,480 --> 00:05:08,260
وأنا لا يمكن ببساطة أن تفعل شيئا
مثل this-- "مرحبا، العالم".

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 لكن أتش تي أم أل أو. HTM.

112
00:05:30,070 --> 00:05:32,050
وأنت لا فقط
اكتب الكلمات في الملف.

113
00:05:32,050 --> 00:05:35,280
لديك فعلا لاستخدام الأشياء تسمى
علامات أو بصورة أعم، شيء

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
مهلا، متصفح، هنا يأتي
صفحة ويب مكتوب في HTML.

118
00:05:45,730 --> 00:05:51,850
وهذين الأمرين يقول معا، مهلا،
متصفح، ما يلي هو في الواقع HTML.

119
00:05:51,850 --> 00:05:55,790
مهلا، متصفح، هنا يأتي
الرأس أو الجزء العلوي من الصفحة الخاصة بي.

120
00:05:55,790 --> 00:05:59,900
مهلا، المتصفح، داخل الجزء العلوي من
صفحتي، وضع العنوان الذي هو، "مرحبا،

121
00:05:59,900 --> 00:06:01,610
العالم."

122
00:06:01,610 --> 00:06:08,370
مهلا، المتصفح، بعد رئيس بلدي
الصفحة، وهنا يأتي جسد صفحتي.

123
00:06:08,370 --> 00:06:12,170
و، مهلا، المتصفح، والجسم من بلدي
الصفحة يجب أن يقول أيضا: "مرحبا العالم".

124
00:06:12,170 --> 00:06:15,500
فما هي تفاصيل البارزة هنا؟

125
00:06:15,500 --> 00:06:17,960
هذا هو ما هو عموما
ودعا إعلان وثيقة من نوع،

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
هذه هي الطريقة الرسمية
القول، مهلا، المتصفح،

129
00:06:23,760 --> 00:06:28,030
أنا باستخدام HTML الإصدار 5 التي
خرج بعض الشيء مؤخرا.

130
00:06:28,030 --> 00:06:31,380
انها التعويذة السحرية التي بعض
البشر بشعور الفقراء من تصميم

131
00:06:31,380 --> 00:06:33,640
قررت وضع في
أعلى جدا من الملف.

132
00:06:33,640 --> 00:06:35,473
على الرغم من انها
غامضة قليلا، وهذا كل شيء

133
00:06:35,473 --> 00:06:38,250
ذلك means-- مهلا، متصفح، هنا
يأتي مع الإصدار 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-- قوس الأيسر

138
00:06:49,890 --> 00:06:51,040
وقوس الصحيح.

139
00:06:51,040 --> 00:06:52,490
ولاحظ التماثل هنا.

140
00:06:52,490 --> 00:06:57,340
والتماثل، أعني، تماما كما كنت
يكون هذا بداية الوسم هنا أو علامة مفتوحة

141
00:06:57,340 --> 00:07:01,560
اذا صح التعبير، إلى هنا ولدي
علامة انهاء أو علامة نهاية هذا

142
00:07:01,560 --> 00:07:06,460
تختلف فقط من حيث أنه لديه هذا
خفض في بداية الكلمة

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

144
00:07:07,360 --> 00:07:09,360
ويمكن ان يخطر لك
هذا كما كنت عرضا

145
00:07:09,360 --> 00:07:12,280
اقتراح من قبل، مهلا،
متصفح، هنا يأتي بعض HTML.

146
00:07:12,280 --> 00:07:16,060
وعلى العكس، مهلا، متصفح، وهذا
ذلك لبدء HTML-- ونهاية.

147
00:07:16,060 --> 00:07:18,440
>> وفي الوقت نفسه مهلا، متصفح، هنا
ويأتي على رأس الصفحة الخاصة بي.

148
00:07:18,440 --> 00:07:20,140
مهلا، المتصفح، هذا كل شيء على الرأس.

149
00:07:20,140 --> 00:07:22,240
مهلا، متصفح، هنا
جسد صفحتي.

150
00:07:22,240 --> 00:07:24,020
مهلا، المتصفح، هذا كل شيء للجسم.

151
00:07:24,020 --> 00:07:26,940
وداخل هذا هو بعض
النص التعسفي في الوقت الراهن.

152
00:07:26,940 --> 00:07:30,520
وداخل الرأس، وفي الوقت نفسه،
هو بعض تعسفية ولكن المعلمة،

153
00:07:30,520 --> 00:07:34,410
إذا جاز التعبير، والنص الذي يقول: عنوان
صفحتي يكون "مرحبا، العالم".

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
والجسد هو الشجاعة الصفحة،
كل شيء في هذا المستطيل الكبير

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
أنا ذاهب إلى المضي قدما و
فوق حفظ أو حفظ ملف.

162
00:07:54,400 --> 00:07:58,580
وانا ذاهب لإنقاذ
هذا كما hello.html،

163
00:07:58,580 --> 00:08:00,870
وأنا ذاهب لمجرد
وضعه على سطح المكتب.

164
00:08:00,870 --> 00:08:03,520
وانا ذاهب للذهاب
قدما وانقر حفظ.

165
00:08:03,520 --> 00:08:05,806
وnotice-- بلدي ماك في
ويصرخ في وجهي الأقل.

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
والآن أنا ذاهب للذهاب الى سطح المكتب
حيث لدي هذا الملف فجأة.

170
00:08:14,686 --> 00:08:16,060
وانا ذاهب الى انقر نقرا مزدوجا فوقه.

171
00:08:16,060 --> 00:08:18,268
وستلاحظ أنه بحلول
افتراضيا، فتحت كروم يصل.

172
00:08:18,268 --> 00:08:19,996
ذلك لأن هذا
المتصفح الافتراضي.

173
00:08:19,996 --> 00:08:21,370
وتقول فقط، "مرحبا، العالم".

174
00:08:21,370 --> 00:08:23,078
لكنه يقول "مرحبا،
العالم "في مكانين.

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
وأي مكان آخر لا يبدو
يقول: "مرحبا، العالم"؟

179
00:08:30,690 --> 00:08:31,470
>> الحضور: لسان.

180
00:08:31,470 --> 00:08:33,100
>> ديفيد جيه مالان: نعم، علامة التبويب نفسه.

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
انها فقط في علامة التبويب هنا.

184
00:08:37,710 --> 00:08:40,320
ويمكنني سحب هذا التبويب
خارج حتى لا نخلط بين.

185
00:08:40,320 --> 00:08:43,360
هذا هو مجرد علامة تبويب واحدة الآن،
وبالفعل نرى "مرحبا، العالم"

186
00:08:43,360 --> 00:08:45,970
هنا و"مرحبا، العالم" إلى هنا.

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-- يصيح، اسمحوا
لي أن نعود إلى ملف نصي.

193
00:08:59,760 --> 00:09:02,400
انا ذاهب الى بلدي
ملف نصي، وانا ذاهب

194
00:09:02,400 --> 00:09:06,320
لتغيير هذا ويقولون
"مرحبا، عالم ديزني".

195
00:09:06,320 --> 00:09:07,970
حفظ.

196
00:09:07,970 --> 00:09:10,919
وأعود إلى بلدي
المتصفح وانقر فوق تحديث.

197
00:09:10,919 --> 00:09:12,710
والآن، وبطبيعة الحال،
وتقول "عالم ديزني".

198
00:09:12,710 --> 00:09:15,500
وانا ذاهب لتكبير مصطنع
في غضون ذلك فمن السهل أن نرى.

199
00:09:15,500 --> 00:09:19,012
وحتى الآن، للأسف، أنا نوع من تريد
ل-- في الواقع، وهذا هو ميزة ماك.

200
00:09:19,012 --> 00:09:21,720
أريد أن النقر على عالم ديزني
وتذهب إلى مكان ما مثل 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
حسنا، أستطيع أن أقول فقط،
"مرحبا، 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
ولكن هذا أيضا، لا يمكن النقر عليها.

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
أنا بحاجة إلى استخدام علامات أو علامات
لغة لقول الحقيقة

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
وانا ذاهب الى القول، مهلا،
المتصفح، بدء تشغيل مرساة هنا،

216
00:10:00,980 --> 00:10:02,650
وصلة إذا جاز التعبير.

217
00:10:02,650 --> 00:10:07,500
وفرط إشارة، الوجهة
لذلك مرساة، يجب أن يكون هذا العنوان.

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
ثم هنا انا ذاهب
يقول: "عالم ديزني".

223
00:10:21,160 --> 00:10:26,890
والآن انا بحاجة الى بعض symmetry--
قوس مفتوح، / أ، أغلقت قوس.

224
00:10:26,890 --> 00:10:28,090
>> وذلك ما قد تعرفت؟

225
00:10:28,090 --> 00:10:30,100
لقد كان لدينا عدد قليل من علامات بالفعل.

226
00:10:30,100 --> 00:10:32,410
HTML، رئيس، عنوان، الجسم،
كلها علامات، إذا جاز التعبير،

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
هذا ما سوف ندعو
في 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،
وكانت قيمة هذا العنوان الكامل.

236
00:10:53,790 --> 00:10:57,890
وما سمة تفعله هو عليه
يؤثر على سلوك علامة.

237
00:10:57,890 --> 00:11:01,010
وفي هذه الحالة، نحن بحاجة إلى التأثير
سلوك العلامة مرساة،

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
و، فويلا، لدينا الآن
بدايات صفحة على شبكة الإنترنت المشروعة.

243
00:11:14,580 --> 00:11:18,420
سوبر بسيطة، ولكن إذا كنت تحوم فوق
إشعار this-- في أسفل الزاوية اليسرى،

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
وإذا كنت فوق ذلك، في الواقع هذا
يخفق لي بعيدا إلى 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
كما وجدت ملف محلي في ما يبدو
بلدي المستخدمين directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
لجون Harvard-- / سطح المكتب.

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
للأسف، لا أحد منكم يستطيع زيارة
هذا، لأنه إذا قمت بكتابة هذا العنوان،

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
ما أقوله هو أن تفعل، وعلى ما يبدو
ليكون هذا هو الحال علامة مرساة ل

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
لاحظ، إذا أنا تحوم فوق الجزء السفلي الأيسر،
انا ذاهب لا يزال في الواقع إلى 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
مع واحدة من هذه الرسائل المزيفة
من مثل باي بال البنك الذي تتعامل معه،

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
أو قراءة خاطفة
القارئ من فوق

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
ومحاولة لخداع المستخدم
إلى زيارة موقع الويب الخاص بك.

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
حتى "مرحبا، عالم ديزني".

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
لذلك يشعر عربات التي تجرها الدواب في بعض الطريق.

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
لذلك تبين أننا بحاجة
أكثر من ذلك بقليل العلامات،

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.

324
00:15:08,710 --> 00:15:12,830
وفقط من أجل المتعة، وأنا
الذهاب الى الاستيلاء على هذه الصورة.

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 = الإقتباس
هذا العنوان، السوبر الطويل.

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
مثل بداية الوسم علامة نهاية.

333
00:15:40,630 --> 00:15:43,840
لذلك يشعر غريب قليلا ل
لي غويا للقيام بذلك،

334
00:15:43,840 --> 00:15:45,390
أن يكون علامة على مقربة الصورة.

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
يمكنني نوع من وقت واحد
فتح وإغلاق نفس العلامة،

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
>> لذلك أنا ذاهب لإنقاذ هذا والعودة
إلى بلادي "مرحبا، العالم" صفحة وتحديث.

344
00:16:06,020 --> 00:16:09,880
وانها قليلا خارج نطاق السيطرة،
لأن هذه الصورة هي في الواقع

345
00:16:09,880 --> 00:16:12,210
كبير قليلا، ولكن هذا ما يرام.

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
حسنا، لقد نوع من علمك كل
من HTML بمعنى ما، على الأقل

354
00:16:30,030 --> 00:16:33,531
من الناحية النظرية، لأن كل HTML هي غير
هذه tags-- علامات مفتوحة، والعلامات مغلقة،

355
00:16:33,531 --> 00:16:35,280
والصفات التي
تعديل سلوكهم.

356
00:16:35,280 --> 00:16:38,380
وعلى ما يبدو، كل
العلامة يمكن أن يكون صفر أو واحد

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
أو كنت مجرد جوجل حول لتعليمي
في 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
قليلا من الوقت دروس في لي
لمثل نصف ساعة، ساعة،

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
إذا text-- غامضة ولكن هذه البساطة
أفكار بدء التفكير

369
00:17:13,450 --> 00:17:15,960
وإغلاق الفكر، وحفظ
كل شيء متوازنة بشكل جيد،

370
00:17:15,960 --> 00:17:19,150
أبحث عن شيء ما، تعديل
سلوك تلك العلامة، وهذا هو حقا كل

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
انها قبيحة، ولكن notice--
وسوف تكبير إشعار

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
هناك علامة لم أكن
الحديث عن yet-- علامة التعريف.

386
00:17:59,832 --> 00:18:01,540
انها مجرد نوع من
معلومات أساسية.

387
00:18:01,540 --> 00:18:04,210
كما أنه يساعد مع كبار المسئولين الاقتصاديين، أو
تطوير محرك البحث،

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
وهناك باقات من الآخر
علامات ليس لدينا تحدث عن بعد.

391
00:18:11,570 --> 00:18:13,750
ولكن شعبة واحدة ل
تقسيم الصفحة.

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
وبعد ذلك الكثير من عناصر div أنا
ترى، ما يسمى من الدرجة الاولى،

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
واسمحوا لي أن أعود إلى الصفحة ستانفورد.

409
00:18:49,830 --> 00:18:53,330
ما هو الشكل الذي يتحدثون
حول، هل تعتقد؟

410
00:18:53,330 --> 00:18:54,485
ما يقفز في لك؟

411
00:18:54,485 --> 00:18:54,970
>> الحضور: مربع البحث.

412
00:18:54,970 --> 00:18:55,845
>> ديفيد جيه مالان: نعم.

413
00:18:55,845 --> 00:18:58,410
حتى تصل في اعلى اليمين
هنا هو هذا مربع البحث.

414
00:18:58,410 --> 00:19:02,441
وهذه هي الطريقة التي نفذت it-- ل
العلامة التي حرفيا شكل قوس مفتوح.

415
00:19:02,441 --> 00:19:03,940
ثم دعونا البحث عن شيء ما.

416
00:19:03,940 --> 00:19:09,220
دعونا بحث عن الأصدقاء
من 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
ذهبت إلى عنوان مختلف.

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
ولكن هذا النموذج هنا يتم تنفيذ بحتة
عن طريق هذه العلامات هنا، هذه العلامات.

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
وبالتالي فإن الهدف من ذلك هو عدم التفاف
عقولنا حول كل من هذه العلامات

430
00:19:45,394 --> 00:19:46,060
ولكن لمجرد رؤيته.

431
00:19:46,060 --> 00:19:48,300
انها مجرد فتح وإغلاق
العلامات وتبحث الامور.

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
>> الحضور: [غير مسموع]

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

436
00:19:51,925 --> 00:19:53,550
ديفيد جيه مالان: هذا سؤال جيد.

437
00:19:53,550 --> 00:19:54,660
هذا اصعب قليلا لنرى.

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
ويمكننا أن نحاول أن نستنتج
بقدر من الصفحة.

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
هل تعتقد غوغل
الشفرة المصدرية لطيف حقا.

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
وهذا هو ما يسمى جافا سكريبت.

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
انا ذاهب الى استخدام القيادة
F، مفتوحة 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
حسنا، أنت تعرف ما،
يمكننا تنظيف هذا.

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 الإلكتروني نحن فقط
نظرت، وأنها يمكن أن

464
00:21:04,700 --> 00:21:08,340
تحليل أو قراءة و
نحللها وإعادة صياغة

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
لقد الملونة، ولكن
انها نفس النص المحدد

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
لاحظ أن جوجل يبدو أن لديها
لdivs-- هذا واحد وهذا واحد.

474
00:21:32,420 --> 00:21:33,310
أنا يمكن توسيع ذلك.

475
00:21:33,310 --> 00:21:35,370
هناك مجموعة كاملة من عناصر div أخرى.

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
لماذا هو جوجل محرجة
نفسها مجرد ارسال

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
لماذا جوجل لا يمارسون الشيء نفسه؟

488
00:22:08,463 --> 00:22:11,409
>> الحضور: [غير مسموع]

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

490
00:22:12,305 --> 00:22:13,180
ديفيد جيه مالان: جيد.

491
00:22:13,180 --> 00:22:14,270
عادل جدا.

492
00:22:14,270 --> 00:22:16,650
لم يكن لديهم بعض
شخص في جوجل يدويا

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 أتش تي أم أل
التعليمات البرمجية في هذا قذرة، على ما يبدو

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
>> الحضور: [غير مسموع]

505
00:22:52,570 --> 00:22:53,528
>> ديفيد جيه مالان: أسرع؟

506
00:22:53,528 --> 00:22:54,040
لماذا؟

507
00:22:54,040 --> 00:22:55,680
وماذا أقول لكم، ليديا؟

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
الحضور: [غير مسموع]

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

512
00:23:00,522 --> 00:23:02,230
ديفيد جيه مالان: هناك
لا توجد مساحة للقراءة.

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
أو بطريقة أو بأخرى تحت
غطاء محرك السيارة، التي تتطلب ذاكرة.

518
00:23:13,250 --> 00:23:15,740
وباعتبارها aside-- وسنقوم
نتحدث أكثر عن هذا tomorrow--

519
00:23:15,740 --> 00:23:19,930
كل حرف على لوحة المفاتيح
عادة ما يتطلب 8 بت أو بايت واحد.

520
00:23:19,930 --> 00:23:23,360
لذلك النمط من 8 أصفار أو
منها، أو فقط 1 بايت، ونحن

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
كم بايت إضافية لها أن
مهندس البرمجيات فقط يكلف جوجل

529
00:23:48,890 --> 00:23:51,310
من خلال ضرب له أو لها مساحة شريط مرة واحدة؟

530
00:23:51,310 --> 00:23:52,692
>> الحضور: [غير مسموع]

531
00:23:52,692 --> 00:23:54,150
ديفيد جيه مالان: ليس تماما بهذا السوء.

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
الحضور: 8000000000 غيغابايت.

535
00:23:59,120 --> 00:24:00,370
ديفيد جيه مالان: غير 8000000000.

536
00:24:00,370 --> 00:24:01,240
8000000000 بايت.

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
وحتى في الحالات مثل جوجل،
التي منحت، هي الحالات القصوى،

544
00:24:16,150 --> 00:24:21,450
وهناك غيرها من القضايا التي تنشأ فقط
من خلال اتخاذ قرارات معقولة جدا

545
00:24:21,450 --> 00:24:25,744
أو اتخاذ إجراءات الإنسان بسيطة جدا،
لأنه يترك أثر مضاعف.

546
00:24:25,744 --> 00:24:27,660
ذلك أحد الأسباب
وهذا يبدو ومضغوط جدا

547
00:24:27,660 --> 00:24:30,660
تماما كما 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
أو ميكروثانية، ولكن أن يصل
أكثر من هذا العدد الكبير من المستخدمين، أو على الأرجح،

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
>> ذلك الشيء مضحك، على الرغم من، في نهاية المطاف،
أو ربما شيء يبعث على الاطمئنان،

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
يمكننا أن أسلب هذه الصفحة
بطرق أكثر إثارة للاهتمام.

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
شيء يساوي الاقتباس
نهاية الاقتباس "شيء".

601
00:27:05,760 --> 00:27:08,810
في عالم المغلق، الذي كان
المصممة من قبل بعض الناس مختلفة،

602
00:27:08,810 --> 00:27:11,020
قرروا، في حياتهم
العالم، أزواج الرئيسية ذات القيمة

603
00:27:11,020 --> 00:27:13,920
ستكون كلمة القولون شيء.

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
ديفيد جيه مالان: نعم،
تغيير لون الخلفية.

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-- هذا هو الشيء الوحيد
تحت شريط العنوان really--

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
لماذا هو الأخضر لا
تتخلل راء ميكي؟

623
00:27:53,305 --> 00:27:54,180
الحضور: [غير مسموع]

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

625
00:27:56,880 --> 00:27:57,880
ديفيد جيه مالان: بالضبط.

626
00:27:57,880 --> 00:28:01,750
وتبين أن الصور، جميلة
كثيرا عن الصور التي قد نستخدمها،

627
00:28:01,750 --> 00:28:03,670
كلها rectangles-- من المستطيلات.

628
00:28:03,670 --> 00:28:07,710
حتى لو ميكي لديه بعض المنحنيات
لنفسه ولديه خلفية،

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
في واقع الأمر، لم أستطع
فتح ميكي ماوس هنا

634
00:28:16,100 --> 00:28:18,590
في برنامج يسمى فوتوشوب
أو شيئا من هذا القبيل

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
ولذا فإنني سوف أقول مفتوحة قوية و
إغلاق قوية وثم إعادة تحميل.

645
00:28:48,310 --> 00:28:50,320
وانها قليلا من الصعب
لنرى على العرض

646
00:28:50,320 --> 00:28:53,250
ولكن ربما حقا الآن
يقفز عليك أكثر قليلا.

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
دعونا say-- فعلا، وانت تعرف ما،
دعونا محاذاته محاذاة النص، المركز.

654
00:29:16,952 --> 00:29:19,410
ومرة أخرى، وأنا أعلم هذا فقط
لأن أحدهم يدرس لي

655
00:29:19,410 --> 00:29:21,118
أو كنت قد بحثت عنه في
اشارة على الانترنت.

656
00:29:21,118 --> 00:29:22,450
لذلك اسمحوا لي أن يوفر هذا.

657
00:29:22,450 --> 00:29:25,070
و، آه، الآن لدي
تركز الصورة هناك.

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
مهلا، المتصفح، وجعل
كلمة "حقا" جريئة.

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
ذلك مرة أخرى سحابة 9 غير
هذه الخدمة القائمة على السحابة

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
على غرار ذلك في روح
لنظام التشغيل ماك وويندوز.

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
إذا كنت قد استخدمت من أي وقت مضى مايكروسوفت
كلمة أو المفكرة أو برنامج TextEdit،

696
00:31:11,620 --> 00:31:14,100
هذا هو كلامي التحرير
ملفات ستذهب.

697
00:31:14,100 --> 00:31:16,540
وثم الأكثر غامضة
سمة من سمات هذه البيئة

698
00:31:16,540 --> 00:31:20,100
أننا لن حقا بحاجة إلى استخدام غير
أسفل يسمى هنا نافذة الطرفية.

699
00:31:20,100 --> 00:31:23,390
إذا كنت قد استخدمت DOS من
الأمس، وهذا هو لينكس

700
00:31:23,390 --> 00:31:25,450
أو ما يعادلها لينكس من 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
إلى ملف جديد للحظة واحدة.

710
00:31:48,690 --> 00:31:51,740
والتي سوف اعطيكم جديدة
علامة التبويب هنا في الوسط.

711
00:31:51,740 --> 00:31:54,250
وأنا just-- ودعونا
والمضي قدما في القيام بذلك.

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
والتبويب سوف يكون لا يزال مفتوحا.

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
التي ربما لديك في علامة تبويب أخرى.

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 ل
شيء من اختيارك،

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
يجب فتح علامة تبويب جديدة من شأنها أن أقول
لك ما URL يمكنك زيارة ملفك في،

730
00:32:53,610 --> 00:32:56,380
ولكن قد يستغرق لحظة ل
الإقتباس "بدء أباتشي"، والتي

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
إذا أبدأ في الكتابة
قوس مفتوح 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
ولكن ندرك أنه في نهاية المطاف
فإنه يوفر لك ضربات المفاتيح.

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
لكتابة عدد أقل من ضربات المفاتيح ل
إنجاز نفس الشيء.

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
يمكنك النقر على زر تشغيل حتى أعلى.

751
00:33:57,360 --> 00:33:59,910
ثم في الجزء السفلي
نافذة، عليك أن تكون على علم

752
00:33:59,910 --> 00:34:04,290
في ما URL يمكنك زيارة صفحة الويب الخاصة بك.

753
00:34:04,290 --> 00:34:08,790
الألغام، على سبيل المثال، هو في
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
وهكذا دواليك.

755
00:34:11,480 --> 00:34:14,580
كل الحق، لذلك، دعونا me-- أي أسئلة؟

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
ولكن فقط حتى أن الناس يتصارع
مع واحد على الأقل إلى القيام،

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
ويمكنك بالتأكيد استخدام جوجل.

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
وذلك من حيث العلامات،
اسمحوا لي أن إعادة استخدام هذا هنا.

766
00:34:45,090 --> 00:34:48,280
>> في الواقع، اسمحوا لي أن أطرح
في شكل النص.

767
00:34:48,280 --> 00:35:02,380
دعنا نقول أن من بين العلامات أننا ربما
استخدام هنا بعض العلامات أكثر من هنا.

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
العلامة الفقرة، العلامة مرساة.

771
00:35:12,220 --> 00:35:15,250
دعونا نقول لكم تريد
تقديم شيء أكبر،

772
00:35:15,250 --> 00:35:19,480
لذلك قد like--
علامة الامتداد يمكن أن تساعد.

773
00:35:19,480 --> 00:35:23,010
حسنا، قد تحتاج بعض المساعدة
لأنه في لحظة فقط.

774
00:35:23,010 --> 00:35:24,830
لقد رأينا شعبة.

775
00:35:24,830 --> 00:35:26,170
سترى هناك جدول.

776
00:35:26,170 --> 00:35:27,928
هناك شيء يسمى آر، ت.

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

778
00:35:30,736 --> 00:35:32,860
ال، ت.

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
هناك التركيز، أو بالأحرى م.

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
إذا جاز التعبير، لجوجل نفسها.

797
00:36:16,450 --> 00:36:19,700
سنستخدم جوجل كما النهاية الخلفية وترك
منهم القيام بالعمل الشاق، والبحث،

798
00:36:19,700 --> 00:36:22,760
ولكننا سوف إعادة الواجهة الأمامية
غوغل ونموذج البحث

799
00:36:22,760 --> 00:36:24,520
أن لديهم على الصفحة الرئيسية الخاصة بهم.

800
00:36:24,520 --> 00:36:27,050
ولذا فإننا سوف أعود ل
هذه العلامات في مجرد لحظة.

801
00:36:27,050 --> 00:36:30,270
>> لذلك كان هذا ما كنت
اقترح منذ قليل.

802
00:36:30,270 --> 00:36:33,940
يمكننا أن نضيف التنميق ل
الصفحة داخل هذه العلامة أسلوب،

803
00:36:33,940 --> 00:36:36,950
ويمكننا أن أسلب الخلفية
لون، ومحاذاة النص،

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
سوف تجد أن هذا
يصبح غير عملي قليلا،

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
الآن أنا ذاهب إلى أن نسخ و
لصق الكثير من التعليمات البرمجية مكررة

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
مهلا، نحن لا تستخدم
خلفية خضراء بعد الآن.

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
انها مملة.

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
نضع بين هذه الأصفر اثنين
العلامات، وهذه العلامات النمط،

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
دعا العلامة الارتباط، التي
وفظيعة، واسمه فظيعة،

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
الحضور: وأ.

847
00:38:32,130 --> 00:38:34,870
ديفيد جيه مالان: إن لذلك، أو مرساة
العلامة، التي ذهبت إلى ديزني قبل.

848
00:38:34,870 --> 00:38:39,090
العلامة الارتباط هنا يقول
this-- تصل إلى ملف يسمى

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
هذا يعني فقط، مهلا، المتصفح، انتقل
تجد 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
لصق في تلك lines--
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
اسمحوا لي أن المضي قدما، وفي
متصفحي، في كروم، وأنا

876
00:40:10,153 --> 00:40:12,900
الذهاب لفتح تلك الخاصة
علامة التبويب الشبكة كما كان من قبل،

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
الحضور: [غير مسموع]

882
00:40:24,100 --> 00:40:24,770
ديفيد جيه مالان: ليست وجد.

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
أنا مساء تسمية ذلك.

886
00:40:29,230 --> 00:40:30,430
خطأ مطبعي بسيط.

887
00:40:30,430 --> 00:40:33,816
ولكن أنا اتلقى مفهومة الآن
404، لأن الخادم يقول، مهلا،

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، وأتش تي أم أل،

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
ويمكنك حتى تجاوز تلك
الأساليب مع الملفات الأنماط بعد أخرى

897
00:40:53,790 --> 00:40:54,700
إن أردت.

898
00:40:54,700 --> 00:40:57,780
ليست جدت أنه، على الرغم من، في هذه الحالة،
لأنه بطبيعة الحال، أنا مساء تسمية ذلك.

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
لذا، فيكتوريا، أردت
جعل بعض النص أكبر، أليس كذلك؟

906
00:41:20,400 --> 00:41:24,555
كل الحق، حتى نتمكن من
لا تجعل النص أكبر.

907
00:41:24,555 --> 00:41:26,860
وسنقوم كل نتف من
مشكلة واحدة فقط لحلها.

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
>> الحضور: [غير مسموع]

919
00:41:56,270 --> 00:42:02,251
>> ديفيد جيه مالان: موافق، والنص الموقف
على جوانب مختلفة من الصفحة؟

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
>> الحضور: [غير مسموع]

923
00:42:05,784 --> 00:42:06,700
ديفيد جيه مالان: هو كذلك.

924
00:42:06,700 --> 00:42:08,720
لذلك GIF هو مجرد
تنسيق ملف مختلف.

925
00:42:08,720 --> 00:42:12,830
كنا فقط، ما، ل
بابوا نيو غينيا أو جي بي جي على الأرجح؟

926
00:42:12,830 --> 00:42:14,480
كنا جي بي جي.

927
00:42:14,480 --> 00:42:16,780
إذا كنت غريبة، وهي مفرطة
الإجابة على سؤالك

928
00:42:16,780 --> 00:42:19,404
ويستخدم جي بي جي عموما ل
الصور، لأنها تدعم

929
00:42:19,404 --> 00:42:21,500
الملايين من الألوان أو ألوان 24 بت.

930
00:42:21,500 --> 00:42:26,930
ويستخدم اف عموما ل، مثل،
ميم إنترنت هذه الرسوم المتحركة days--،

931
00:42:26,930 --> 00:42:28,810
صور متحركة الرسوم المتحركة مثل.

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
وبعد ذلك هناك بابوا نيو غينيا، التي تدعم
الشفافية والمزيد من الألوان

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
أي ما يعادل إضافة بابوا نيو غينيا أو جي بي جي.

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
دعونا نخرج بشيء
أرسلنا فيكتوريا القيام به هنا.

944
00:42:57,288 --> 00:42:59,209
>> الحضور: إضافة أزرار للنموذج.

945
00:42:59,209 --> 00:43:00,000
ديفيد جيه مالان: موافق.

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
بحيث سوف تكون سغ] الكمال
مباشرة بعد هذا التحدي.

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
يشعر الويب مخيب جدا
إذا كان هذا هو كل ما يمكننا القيام به.

953
00:43:16,516 --> 00:43:18,140
الحضور: تغيير لون النص.

954
00:43:18,140 --> 00:43:19,500
ديفيد جيه مالان: تغيير ماذا؟

955
00:43:19,500 --> 00:43:20,666
الحضور: لون النص.

956
00:43:20,666 --> 00:43:22,311
ديفيد جيه مالان: تغيير لون النص.

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
فنحن نرحب بك لاستخدام جوجل.

962
00:43:30,450 --> 00:43:33,130
كنت موضع ترحيب أن يسألني، و
سوف تهمس تلميحا في أذنك.

963
00:43:33,130 --> 00:43:35,171
فنحن نرحب بك للبحث
أكثر على أكتاف الآخرين.

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
باستخدام جوجل، والحدس، أو أي
الوسائل الأخرى المتاحة لك.

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
لا تقلق إذا كنت تريد
للحفاظ على ترقيع،

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
اسمحوا لي أن نمضي قدما وانتزاع
بعض النصوص اللاتينية عام

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
حتى لافتة، في
بلدي hello.html، أنا فقط

985
00:44:57,840 --> 00:45:01,645
لصق ثلاثة لا معنى لها
الفقرات اللاتينية

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
انا ذاهب الى وجود صلة
العلامة التي تشير إلى ملف

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
>> لذلك، كما كان من قبل، ولدي
القدرة في هذا الملف المغلق

994
00:45:28,940 --> 00:45:31,569
لتجاوز الواقع الافتراضي
جماليات صفحة على شبكة الإنترنت،

995
00:45:31,569 --> 00:45:33,860
وجماليات الافتراضي،
وبطبيعة الحال، هي مملة جدا.

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
>> الحضور: العلامة ع؟

1014
00:46:26,444 --> 00:46:27,360
ديفيد جيه مالان: 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
لكن ع tag-- أستطيع الغوص في قليلا
أعمق، إذا جاز التعبير، إلى الفقرة

1019
00:46:36,760 --> 00:46:37,350
العلامات.

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
إلى أي بطاقة يطابق هذا
محدد، محدد فقط

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
ودعونا جعلها أكثر
معقولة again-- 24 نقطة.

1026
00:46:55,222 --> 00:46:56,930
وتعلم ماذا،
فقط لحسن التدبير،

1027
00:46:56,930 --> 00:46:59,810
دعونا نجعل من لون
فقط الأحمر في الوقت الراهن.

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
القفز على المستخدم.

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
لذلك دعونا نتخلص من اللون الأحمر،
لأن هذا هو مجرد نوع من مبتذل،

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
اسمحوا لي أن نمضي قدما والقول، وهذا
الفقرة رقم تعريف فريد من "لأول مرة".

1040
00:47:43,280 --> 00:47:45,000
أنا يمكن أن نسمي هذا ما أريد.

1041
00:47:45,000 --> 00:47:46,874
أنا يمكن أن نسمي هذا "فو"
أو أي كلمة أخرى،

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
بدلا من أن تقول، وتطبيق
ما يلي إلى العلامة ص،

1047
00:48:02,330 --> 00:48:04,890
ويمكنني أن أقول following--
تطبيق ما يلي،

1048
00:48:04,890 --> 00:48:11,000
أو حدد، عنصر HTML
يحتوي على معرف فريد من "لأول مرة".

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
لقد أدلى به للتو كل من بلدي
علامات الفقرة 12 نقطة،

1056
00:48:30,200 --> 00:48:34,350
ولكن هذا الآن شلالات و
يتجاوز ذلك لأية عناصر

1057
00:48:34,350 --> 00:48:38,800
في الصفحة، أي العلامة في الصفحة التي
معرف فريد هو قوسي اقتبس "لأول مرة".

1058
00:48:38,800 --> 00:48:41,720
والهاشتاج في هذا السياق
يعني فقط "معرف فريد".

1059
00:48:41,720 --> 00:48:43,750
أنا لا وضعها في ملف HTML.

1060
00:48:43,750 --> 00:48:46,880
أنا، هنا، نقول فقط
الإقتباس "لأول مرة".

1061
00:48:46,880 --> 00:48:48,470
>> لذلك اسمحوا لي تحميل.

1062
00:48:48,470 --> 00:48:49,919
والآن أرى، آه، حسنا.

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 واحدة فقط.

1070
00:49:09,010 --> 00:49:15,110
بدلا من ذلك، دعونا say-- دعونا
أيضا القيام بما يلي.

1071
00:49:15,110 --> 00:49:18,810
الطبقة = "استيراد".

1072
00:49:18,810 --> 00:49:23,970
في حين يستخدم معرف لفريد
تحديد شيء واحد، علامة واحدة،

1073
00:49:23,970 --> 00:49:30,190
في صفحة الويب الخاصة بك، والمقصود فئة أن تكون
استخدامها على أي عدد من العناصر أو العلامات

1074
00:49:30,190 --> 00:49:30,950
على صفحة الويب الخاصة بك.

1075
00:49:30,950 --> 00:49:31,710
لذلك فمن قابلة لإعادة الاستخدام.

1076
00:49:31,710 --> 00:49:33,090
معرف ليست قابلة لإعادة الاستخدام.

1077
00:49:33,090 --> 00:49:34,450
وهناك فئة غير قابلة لإعادة الاستخدام.

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
حتى أنه الآن في بلدي الأنماط، إذا أنا
بدلا من ذلك قل ".important" - كما تعلمون،

1086
00:50:02,300 --> 00:50:07,110
كل ما هو مهم، وأنا
الذهاب الى جعل الخط لون، red--

1087
00:50:07,110 --> 00:50:09,930
أو بالأحرى لا FONT-اللون، اللون فقط.

1088
00:50:09,930 --> 00:50:12,930
هناك تناقضات
في CSS للأسف.

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
مع الطبقات، لديك إعادة استخدام.

1095
00:50:30,110 --> 00:50:33,800
ولكن في كلتا الحالتين، لاحظ
نوع من مبدأ حسن التصميم

1096
00:50:33,800 --> 00:50:39,072
حيث أنا يؤخذ من كل من
جماليات إلى ملف styles.css بلدي.

1097
00:50:39,072 --> 00:50:40,280
لذلك ليس هناك فوضى هنا.

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 هو كل شيء عن نوع
من العلامات، حرفيا، والكلمات

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
>> وذلك في إجابة على سؤال فيكتوريا،
يمكننا أن نجعل النص اكبر في هذا الطريق.

1108
00:51:14,760 --> 00:51:18,380
هناك العديد من الطرق الأخرى، ولكن
خط tag-- فتح قوس "الخط" -

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
لتطوير المواقع ل
على شبكة الإنترنت، وذلك لأن مايكروسوفت

1118
00:51:38,900 --> 00:51:44,220
وجوجل وموزيلا و
غالبا ما يختلف آخرون عن كيفية

1119
00:51:44,220 --> 00:51:47,480
تفسير مواصفات مثل HTML.

1120
00:51:47,480 --> 00:51:52,490
>> هناك كتاب القواعد لHTML التي
يقول عادة ما تعنيه كل علامة.

1121
00:51:52,490 --> 00:51:55,690
لكن في بعض الأحيان انها تترك لل
تقدير التنفيذ، و

1122
00:51:55,690 --> 00:51:57,290
تقدير مايكروسوفت وجوجل.

1123
00:51:57,290 --> 00:52:00,000
وهكذا لن تضطر في كثير من الأحيان
ترى على موقع على شبكة الانترنت شيء

1124
00:52:00,000 --> 00:52:04,954
تبدو مختلفة على جهاز الكمبيوتر
من يفعل على جهاز ماكنتوش،

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
ولكن بعض نسبة من المستخدمين قد
لا تزال تستخدم انترنت اكسبلورر 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
وإذا ذهبنا ل-- دعونا نرى ويكيبيديا
ونرى كيف ما يصل إلى تاريخ هذا المخطط هو

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
الكروم هو في حصتها في السوق 42٪، تليها
قبل شركة آي إي إلى حد كبير في ضبط الشركات

1146
00:53:11,170 --> 00:53:14,490
أو ضبط جهاز الكمبيوتر، وبطبيعة الحال،
يليه فايرفوكس،

1147
00:53:14,490 --> 00:53:17,440
ثم فعلت سفاري، ثم أوبرا لا
جعل الخريطة هنا لسبب ما،

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
ولكن أكثر تعقيدا من أن أعرف،
دعونا نرى ما اذا كان ويكيبيديا أيضا

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
أي.

1155
00:53:40,680 --> 00:53:42,030
حتى هذا لا يكفي.

1156
00:53:42,030 --> 00:53:44,854
إحصاءات المتصفح.

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
حصة سوق المتصفحات.

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-- كروم
48، والكروم 47، والكروم 31، والكروم 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
أو أنه قد يعني
التنسيق هو تماما.

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
أو أننا لن دعم كب كيك
على الروبوت نظام التشغيل لأجهزة الروبوت،

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
هذا هو في الواقع أحد الأسباب
لماذا هذا العدد الكبير من الشركات والمتداول خارج

1186
00:54:57,878 --> 00:55:01,440
التحديثات التلقائية ونوع من إجبار
أحدث إصدارات البرامج علينا.

1187
00:55:01,440 --> 00:55:04,010
وحتى الشركات
مثل أبل سوف فرز لل

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
إصدارات أدنى من البرمجيات.

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
دعونا ضرب قبالة حقيقية سريعة بعض
تلك الرصاصات أخرى، إذا الفضوليين.

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--
التي كنت قد رأيت على جوجل

1203
00:55:51,040 --> 00:55:54,430
أو تذكر من earlier--
محاذاة النص الصحيح.

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-- جوجل.

1215
00:56:23,656 --> 00:56:25,780
ودعونا نلقي نظرة على
كيف جوجل يعمل فعلا.

1216
00:56:25,780 --> 00:56:26,821
ولكن انا ذاهب للقيام بذلك.

1217
00:56:26,821 --> 00:56:31,930
أولا اسمحوا لي أن نفعل ذلك in-- صحيح،
اسمحوا لي أن أذهب إلى Google أولا.

1218
00:56:31,930 --> 00:56:34,530
انا ذاهب لدينا للذهاب
في إعدادات جوجل،

1219
00:56:34,530 --> 00:56:40,660
لأنني أريد أن تعطيل
شيء يسمى نتائج فورية.

1220
00:56:40,660 --> 00:56:43,580
>> لذلك كنت قد لاحظت في
جوجل هذه days-- اسمحوا لي أن أعود

1221
00:56:43,580 --> 00:56:44,850
وهذا بدوره على.

1222
00:56:44,850 --> 00:56:47,900
حتى لو كنت بدء البحث
"قطط" من هذا القبيل،

1223
00:56:47,900 --> 00:56:50,120
لاحظت أن لا تفعل سوى
أحصل على صناعة السيارات في استكمال ما يصل

1224
00:56:50,120 --> 00:56:54,520
أعلى، وفجأة، الصفحة نفسها
يبدو أن تتغير بسرعة جدا كذلك،

1225
00:56:54,520 --> 00:56:58,750
وهذا هو Google باستخدام لغة
ودعا جافا سكريبت تحاول أن تكون مفيدة.

1226
00:56:58,750 --> 00:57:01,540
ولكن للأسف، هو نوع
من عبث مناقشتنا

1227
00:57:01,540 --> 00:57:04,010
ما يحدث في الواقع
تحت غطاء محرك السيارة هنا.

1228
00:57:04,010 --> 00:57:09,070
لذلك أنا مجرد نوع من بسرعة
إيقاف نتائج فورية.

1229
00:57:09,070 --> 00:57:11,510
وانا ذاهب الى انقر فوق حفظ.

1230
00:57:11,510 --> 00:57:13,930
والآن أنا ذاهب لفتح
أن شريط أدوات التشخيص بأنني

1231
00:57:13,930 --> 00:57:16,150
الحفاظ افتتاح تحت علامة التبويب الشبكة.

1232
00:57:16,150 --> 00:57:17,720
لذلك دعونا نفعل هذا.

1233
00:57:17,720 --> 00:57:21,960
السماح me-- whoops--
انتقل هذا قليلا.

1234
00:57:21,960 --> 00:57:24,410
واسمحوا لي أن البحث عن "القطط".

1235
00:57:24,410 --> 00:57:26,790
>> والآن notice-- في الواقع،
هذه فرصة جيدة

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
أ- تي إس ماذا الأسفل
من هذه الشاشة، يا علامة التبويب الشبكة،

1242
00:57:48,600 --> 00:57:53,320
أقترح يحدث كل
مرة كنت اكتب الرسالة؟

1243
00:57:53,320 --> 00:57:57,700
وللأسف، فإن الضفدع جدا
اشغال اليوم أو النفل

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--.

1248
00:58:06,580 --> 00:58:13,280
في كل مرة كنت اكتب بريد إلكتروني، ج أ T--
لذلك من الواضح صف جديد وتبقي الظهور.

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
ديفيد جيه مالان: بحث، أو
أكثر بشكل عام، طلب 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
>> الحضور: [غير مسموع]

1256
00:58:30,502 --> 00:58:33,210
ديفيد جيه مالان: نعم، انها تعطي
لي هذه النتائج الإكمال التلقائي.

1257
00:58:33,210 --> 00:58:35,190
مثل، أين هذه
نتائج البحث تأتي من؟

1258
00:58:35,190 --> 00:58:38,120
حسنا، في كل مرة كنت اكتب
بريد إلكتروني، وجوجل ترسل المزيد

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
لذلك هذا هو القول حرفيا كل
حرف تكتبه في جوجل

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
ثم مجموعة كاملة من الاشياء.

1273
00:59:27,100 --> 00:59:29,620
دعونا نرى هذا الواقع الآن
في علامة التبويب المتصفح نفسه.

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
حتى عندما كنت كتبته في
عبارة "القطط" وضرب أدخل،

1281
00:59:44,910 --> 00:59:48,460
يبدو أرسلت جوجل
إدخال النص الخاص بي إلى هذا الرابط

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
>> ذلك في أي وقت قمت بكتابة مدخلات
في نموذج على شبكة الإنترنت

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
ذلك في الواقع، واسمحوا لي من خلال التدقيق هذه.

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
وأنا ذاهب لمجرد ترك
أنها this-- / بحث؟ ف = القطط.

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
ما زلنا نعود في مجمله مجموعة من القطط.

1307
01:00:57,950 --> 01:01:00,340
حتى غوغل مربي الحيوانات
من هذا في هذه الأيام.

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
ونحن في طريقنا لهذه الكلمة "يا جوجل".

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
اسمحوا لي في التكبير.

1325
01:01:45,690 --> 01:01:50,620
تشكيل action-- وكما ذكرت لفترة وجيزة
earlier-- 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
الحضور: [غير مسموع]

1338
01:02:27,480 --> 01:02:28,450
ديفيد جيه مالان: نعم، مثل ماذا؟

1339
01:02:28,450 --> 01:02:29,270
الحضور: كلمات المرور.

1340
01:02:29,270 --> 01:02:31,936
ديفيد جيه مالان: نعم، لذلك قمت بتسجيل الدخول
في لالفيسبوك أو بعض المواقع.

1341
01:02:31,936 --> 01:02:34,395
هذا إدخال المستخدم من
نموذج مربع نص،

1342
01:02:34,395 --> 01:02:37,020
ولكن ربما كنت لا ترغب في ذلك
تظهر في عنوان المتصفح.

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-- تريد، ببساطة أكثر، ماذا لو
الحجرة الخاصة بك، وغيرها الخاص كبيرة،

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
لتحميل صورة على موقع فليكر
أو الفيسبوك أو wherever--

1351
01:02:59,180 --> 01:03:03,010
وهذا هو الإدخال المستخدم، على الرغم من
انها اكثر قليلا interesting-- كيف

1352
01:03:03,010 --> 01:03:05,530
أقوم الالزام صورة في شريط العنوان؟

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
انا ذاهب الى أذكر بلدي
المدخلات "ف" ل "الاستعلام".

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
ثم أنا ذاهب لآخر مساهمة
لا حاجة الى اسم، كما سنقوم قريبا

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
وتلاحظ أنا حاليا
في هذا URL Cloud9.

1377
01:04:06,510 --> 01:04:09,240
ولكن لحظة وفوق هذا،
أين كنت آمل سوف ينتهي؟

1378
01:04:09,240 --> 01:04:10,160
>> الحضور: جوجل.

1379
01:04:10,160 --> 01:04:11,118
>> ديفيد جيه مالان: جوجل.

1380
01:04:11,118 --> 01:04:12,740
لذلك دعونا انقر فوق إرسال.

1381
01:04:12,740 --> 01:04:15,200
وبالفعل لقد إعادة تنفيذها جوجل.

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
أنا ذاهب لالتوابل هذا الأمر قليلا.

1388
01:04:22,610 --> 01:04:23,860
لم أذكر هذا في وقت سابق.

1389
01:04:23,860 --> 01:04:27,860
هناك علامات مثل H1، على العنوان 1،
العنوان الأكثر أهمية في الصفحة.

1390
01:04:27,860 --> 01:04:30,570
"بلدي جوجل،" سأتصل هذا.

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
انها تبدو أكثر مثل جوجل بالفعل.

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
أو يمكنك أكثر حرفيا نقول فقط،
أعطني كسر خط here-- العلامة ر.

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
فما هي الوجبات الجاهزة مقنعة هنا؟

1407
01:05:10,780 --> 01:05:13,600
احدا-- لم يكن قفزة هائلة ل
إدخال عدد قليل من أكثر العلامات،

1408
01:05:13,600 --> 01:05:15,370
مثل علامة نموذج في العلامة الإدخال.

1409
01:05:15,370 --> 01:05:17,120
ولكن الأهم من
هو، كل ما تفعلونه

1410
01:05:17,120 --> 01:05:20,610
والاستفادة من فهمنا
من HTTP وحقيقة

1411
01:05:20,610 --> 01:05:24,900
أن أشكال تغير في نهاية المطاف
ما هو في عنوان المتصفح،

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
حتى إذا كنت ترغب في العبث، كنت
يمكن أن تأخذ بالتأكيد من هناك.

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
يذهب إلى هذا العنوان، ونأمل
سترى بلادي النص اللاتيني.

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 نفسه على
الهاتف الخاص بك، إذا كنت تستطيع.

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
الحضور: [غير مسموع]

1448
01:07:42,467 --> 01:07:43,550
ديفيد جيه مالان: أنا آسف؟

1449
01:07:43,550 --> 01:07:45,390
الحضور: [غير مسموع]

1450
01:07:45,390 --> 01:07:47,710
ديفيد جيه مالان: مجرد كلمات لاتينية.

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
>> الجمهور: نعم.

1454
01:07:49,875 --> 01:07:50,790
ديفيد جيه مالان: نعم.

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
لذلك، ونأمل، إذا كنت الوصول
ذلك، يجب أن يبدو غير قابل للقراءة تقريبا.

1459
01:07:57,504 --> 01:07:59,920
انها لا أزال في-- أعني، انها
غير قابل للقراءة بسبب اللاتينية.

1460
01:07:59,920 --> 01:08:01,920
لكنه أيضا غير قابل للقراءة
ما سبب آخر؟

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
ديفيد جيه مالان: انها سوبر، سوبر صغيرة.

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
هل يمكن أن قرصة فقط و
التكبير، وهي قابلة للتطبيق،

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
على سطح المكتب أو الكمبيوتر المحمول،
الآن هذا النص هو ضعف كبير.

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 وميزات مربي الحيوانات
أننا لن ندخل في تفاصيل كثيرة،

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
>> هل يمكن أن يكون حتى مربي الحيوانات لا يزال.

1485
01:08:57,080 --> 01:09:00,140
إذا كنت قد أي وقت مضى زار
صفحة الويب التي، على سطح المكتب،

1486
01:09:00,140 --> 01:09:04,404
لديه قائمة كبيرة ربما خارج ل
الجانب، وبعد ذلك كل من المحتوى

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
يمكنك ان تطلب من المبرمجين الخاص بك،
مهلا، فريق، في أي وقت

1495
01:09:28,340 --> 01:09:34,450
ترى طلب HTTP من الروبوت
جهاز، جهاز مايكروسوفت، جوجل

1496
01:09:34,450 --> 01:09:39,930
جهاز، جهاز أبل، واستخدام هذه
حجم الخط واستخدام تخطيط القائمة هذا،

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
اي فون، الروبوت الهاتف، جهاز كمبيوتر محمول،
سطح المكتب زيارة خادم الشركة؟

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
>> ديفيد جيه مالان: نعم، رأس HTTP.

1504
01:09:57,740 --> 01:10:01,714
وذلك في كل طلب HTTP قادمة من
عملائها لأجهزتهم

1505
01:10:01,714 --> 01:10:03,880
تشمل، داخل تلك الظاهري
المغلف، مجموعة كاملة

1506
01:10:03,880 --> 01:10:08,260
رؤوس HTTP، واحدة منها هي
المتصفح ونظام التشغيل

1507
01:10:08,260 --> 01:10:10,290
حتى إذا كنت تهتم ل
هذا المستوى من التفاصيل.

1508
01:10:10,290 --> 01:10:13,790
الآن، انها سلسلة أبحث خفي، ولكن
هناك وجود البرامج التي سوف فقط

1509
01:10:13,790 --> 01:10:18,530
تبسيط ذلك، ويمكنك أن تسأل فقط
في البرمجة code-- PHP، جافا، C ++،

1510
01:10:18,530 --> 01:10:23,650
whatever-- ما هو الهاتف this--
ما الجهاز هو هذا العضو تستخدمه؟

1511
01:10:23,650 --> 01:10:27,501
وبعد ذلك يمكنك أن تقول، وتبين لهم هذا
نسخة من الموقع اذا كان الهاتف.

1512
01:10:27,501 --> 01:10:30,250
تبين لهم هذا الإصدار من
الموقع اذا كان جهاز كمبيوتر محمول أو كمبيوتر سطح المكتب.

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
وانا ذاهب لإضافة علامة
أن تقول أنك رأيت في Google من قبل.

1518
01:10:41,370 --> 01:10:42,770
انها تسمى بينية.

1519
01:10:42,770 --> 01:10:45,520
وأنا لم أذكر هذا واحد، لذلك
انا ذاهب الى نسخ هنا.

1520
01:10:45,520 --> 01:10:50,552
اسم ميتا = "إطار العرض" ثم
المحتوى = "العرض = عرض الجهاز، intital

1521
01:10:50,552 --> 01:11:02,060
نطاق = 1 "وهذا كل شيء.

1522
01:11:02,060 --> 01:11:06,230
>> لذلك قد يكون كذلك
مثل التعويذة السحرية.

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
>> الحضور: [غير مسموع]

1535
01:11:45,067 --> 01:11:45,900
ديفيد جيه مالان: نعم.

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
وأنا لا يمكن بالتأكيد تجاوز هذا
مع مزيد من 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
جافا سكريبت، كما سنناقش
غدا، 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
لدينا لمواكبة، ل
سبيل المثال، الهجوم المستمر

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
اليوم ليس برمجة الويب، في
حد ذاته، لأن معظم كل شيء فعلناه

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
في جافا سكريبت، الذي هو
والبرمجة الفعلية

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
فنحن نرحب بك لاستخدام
لهم العبث به.

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-- اسمحوا لي أن إرم
حتى هذا 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
الكثير من اهتمام societally
والمناقشات المتعلقة بالأمن

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
ولكن، وإلا، فنحن نرحب بك
لخلع في أي لحظة،

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