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

2
00:00:00,127 --> 00:00:01,210
DAVID J. مالان: بسیار خوب.

3
00:00:01,210 --> 00:00:02,160
ما برگشتیم.

4
00:00:02,160 --> 00:00:05,810
بنابراین، هدف از این جلسه نهایی
است که به معرفی چند مفهوم بیشتر

5
00:00:05,810 --> 00:00:09,290
بلکه همه فرصت می دهد
به نوع کشش انگشتان دست خود را

6
00:00:09,290 --> 00:00:11,270
و در واقع انجام کاری
کمی دست است.

7
00:00:11,270 --> 00:00:13,897
هدف این است که به نوبه خود
همه ما را به توسعه دهندگان وب

8
00:00:13,897 --> 00:00:16,230
به هر وسیله، اما واقعا فقط
به شما یک طعم و مزه برخی را

9
00:00:16,230 --> 00:00:21,750
از ساختار اساسی از آنچه
می رود به برنامه نویسی وب و وب امروز

10
00:00:21,750 --> 00:00:23,980
توسعه، به طوری که
سمت استاتیک چیز

11
00:00:23,980 --> 00:00:26,660
هیچ منطق، بدون برنامه نویسی
زبان، فقط محتوای استاتیک می باشد.

12
00:00:26,660 --> 00:00:29,660
و آن را به ما فرصت می دهد
در واقع دیدن آنچه که یک وب سرور است،

13
00:00:29,660 --> 00:00:34,140
ببینید چه چیزی یک فایل HTML است، چه ببینید
آن است HTTP است که در واقع در خدمت.

14
00:00:34,140 --> 00:00:38,600
اما قبل از ما شیرجه رفتن در، هر گذشته نگر
سوال در مورد محاسبات ابری

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
برو جلو، اگر شما می توانید،
به c9.io. این URL here--

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
به عنوان یک عامل
سیستم و یک Hypervisor

49
00:02:25,170 --> 00:02:28,260
و پس از آن سیستم عامل مهمان، خوش آمدید
سیستم عامل، عامل مهمان

50
00:02:28,260 --> 00:02:30,940
سیستم، در بالای خود را
سخت افزار فیزیکی،

51
00:02:30,940 --> 00:02:33,740
تفاوت با این جدیدتر
فن آوری، کانتینری،

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
هر چند قطعا هیچ وجود دارد
دلیلی برای پرش بر روی هر هو و جنجال.

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
اما معمولا اما نه همیشه
به پایان می رسد در کلیپ برد چند منظوره، اما اچ و یا از پسوند 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
این چیزی است که به طور کلی
نام اعلام DOC نوع

126
00:06:17,960 --> 00:06:20,190
و صادقانه بگویم، آن را کمی
سخت به حفظ این در ابتدا.

127
00:06:20,190 --> 00:06:21,481
شما فقط نوع از کپی-پیست کنید آن را.

128
00:06:21,481 --> 00:06:23,760
این راه رسمی است
گفت، هی، مرورگر،

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
من دارم به جلو بروید و
روی Save کلیک کنید، ذخیره فایل.

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
و من قصد دارم به
جلو و روی Save کلیک کنید.

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
>> DAVID J. مالان: آره، تب خود.

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
بنابراین در حال حاضر، متاسفانه، من نوع می خواهید
to-- در واقع، که یکی از ویژگی های مک است.

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
و بیش از حد مرجع، مقصد
که لنگر، باید این URL باشد.

218
00:10:07,500 --> 00:10:08,750
و متوجه به نقل از من.

219
00:10:08,750 --> 00:10:11,590
من می توانم از نقل قول تکی استفاده کنید، بیش از حد،
اما شما باید سازگار باشد،

220
00:10:11,590 --> 00:10:14,270
و من می به طور کلی فقط با استفاده از
به نقل از دو به نگه داشتن آن ساده.

221
00:10:14,270 --> 00:10:16,820
توجه داشته باشید من قصد دارم برای بستن تگ.

222
00:10:16,820 --> 00:10:21,160
و سپس در اینجا من قصد دارم
می گویند، "دیزنی جهانی."

223
00:10:21,160 --> 00:10:26,890
و در حال حاضر من نیاز به برخی symmetry--
براکت باز، / A، براکت بسته.

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
و در این مورد، کلید عکاس هنگام عکسبرداری است،
و ارزش که URL کامل است.

236
00:10:53,790 --> 00:10:57,890
و چه مشخصه آن است
رفتار یک تگ تاثیر می گذارد.

237
00:10:57,890 --> 00:11:01,010
و در این مورد، ما نیاز به تحت تاثیر قرار
رفتار برچسب Anchor،

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-- آدرس اینترنتی عرضه در بازار است، اما
که خوب چرا که این فایل را نمی کند

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
متاسفانه هیچ یک از شما می توانید ببینید
این، چرا که اگر شما این URL را تایپ کنید،

255
00:11:47,050 --> 00:11:49,980
شما می شود گفتن مرورگر خود را،
برای مثال با نام hello.html فایل به نام نگاه

256
00:11:49,980 --> 00:11:50,772
بر روی هارد دیسک خود را.

257
00:11:50,772 --> 00:11:53,271
و، البته، مگر اینکه شما
شده است به دنبال همراه دستی،

258
00:11:53,271 --> 00:11:54,530
آن را به وجود داشته باشد.

259
00:11:54,530 --> 00:11:55,190
>> به طوری که خوب است.

260
00:11:55,190 --> 00:11:57,815
ما هنوز نیاز به یک راه، در نهایت،
برای دریافت این فایل به وب،

261
00:11:57,815 --> 00:12:01,180
اما اجازه دهید کسی را دست انداختن از هم جدا چند
پیامدهای امنیتی از آنچه که ما فقط

262
00:12:01,180 --> 00:12:04,850
دیدم و کراوات آن را به قبل از آن
بحث از این صبح است.

263
00:12:04,850 --> 00:12:08,200
معلوم است که، اگر یک
مرورگر به معنای واقعی کلمه فقط می کند

264
00:12:08,200 --> 00:12:12,560
آنچه که من آن را به انجام، و به نظر می رسد
را به صورت را که تگ است

265
00:12:12,560 --> 00:12:17,380
تحت تاثیر ارزش
این ویژگی به نام عکاس هنگام عکسبرداری

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 را ببینید و به آدرس اینترنتی.

269
00:12:29,100 --> 00:12:32,680
توجه، اگر من بر پایین سمت چپ شناور،
من در واقع رفتن هنوز هم به disney.com.

270
00:12:32,680 --> 00:12:38,340
>> بنابراین اگر شما تا کنون شده
phished-- P-H-من-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
بنابراین من قصد دارم برای رفتن به نگاه
میکی موس در تصاویر گوگل.

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 = نقل قول را تمام کردن
که URL، فوق العاده طولانی است.

330
00:15:31,160 --> 00:15:34,580
و پس از آن مفهوم
تصویر کمی متفاوت است.

331
00:15:34,580 --> 00:15:38,640
واقعا هیچ مفهوم شروع وجود دارد
یک تصویر و پایان دادن به یک تصویر،

332
00:15:38,640 --> 00:15:40,630
مانند یک شروع تگ یک تگ پایانی.

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
کمی بزرگ است، اما این OK.

346
00:16:12,210 --> 00:16:13,710
من می توانم آن را در یک برنامه تغییر اندازه.

347
00:16:13,710 --> 00:16:14,900
یا شما می دانید چه.

348
00:16:14,900 --> 00:16:17,350
فقط برای نشان دادن، من
رفتن به واقع می گویند

349
00:16:17,350 --> 00:16:21,760
که عرض این چیزی که باید
تنها 200 پیکسل، 200 نقطه است.

350
00:16:21,760 --> 00:16:24,360
اجازه دهید من جلو بروید و صرفه جویی
و مجدد، و در حال حاضر صفحه

351
00:16:24,360 --> 00:16:25,690
به نظر می رسد کمی معقول تر است.

352
00:16:25,690 --> 00:16:27,260
اما متوجه الگوی.

353
00:16:27,260 --> 00:16:30,030
خب، من از تدریس کرده ام شما همه
از 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
اما نکته این است که، هنگامی که شما
درک این ideas-- ساده

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
آن را با SEO کمک می کند، و یا
بهینه سازی موتور جستجو،

388
00:18:04,210 --> 00:18:06,320
یا نتایج گوگل جستجو و یا مانند آن.

389
00:18:06,320 --> 00:18:09,029
اما اگر ما به دنبال حفظ، نگه داشتن
به دنبال، در اینجا تگ body است.

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
>> DAVID J. مالان: آره.

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
رفت و به یک URL متفاوت است.

423
00:19:20,484 --> 00:19:23,400
بنابراین، در استنفورد اضافه کردن برخی از سحر و جادو
که آنها در حال من به URL گرفتن نیست

424
00:19:23,400 --> 00:19:25,820
که ما در دیدم
عمل نسبت وجود دارد.

425
00:19:25,820 --> 00:19:32,480
اما این نوع در اینجا صرفا اجرا
از طریق این نشانه گذاری در اینجا، از این دستورات.

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
DAVID J. مالان: این سوال خوبی است.

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
DAVID J. مالان: خوب.

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
که گوگل توزیع HTML خود
کد امنیتی را در چنین درهم و برهم، به ظاهر

502
00:22:42,580 --> 00:22:48,350
راه قریب به اتفاق همه با هم بسته بندی شده
با راه را بسیار کم بسیار کم

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
>> DAVID J. مالان: سریع تر؟

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
DAVID J. مالان: وجود دارد
هیچ فضای به خواندن.

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
بنابراین اگر یک مهندس یا گوگل بازدید
نوار فضا فقط یک بار، و فرض

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
DAVID J. مالان: نه کاملا که بد است.

532
00:23:54,150 --> 00:23:57,070
فقط یک بار بایت یک میلیارد.

533
00:23:57,070 --> 00:23:57,871
بنابراین a--

534
00:23:57,871 --> 00:23:59,120
مخاطبان: 8 میلیارد گیگابایت.

535
00:23:59,120 --> 00:24:00,370
DAVID J. مالان: نه 8 میلیارد.

536
00:24:00,370 --> 00:24:01,240
8 میلیارد بایت است.

537
00:24:01,240 --> 00:24:02,410
اما 1 گیگابایت.

538
00:24:02,410 --> 00:24:04,080
1 گیگابایت خواهد بود واحد اندازه گیری.

539
00:24:04,080 --> 00:24:08,240
اگر او می کند دو
فاصله، 2 گیگابایت.

540
00:24:08,240 --> 00:24:09,030
سه گیگابایت.

541
00:24:09,030 --> 00:24:09,530
درست؟

542
00:24:09,530 --> 00:24:11,860
مقیاس آن گران.

543
00:24:11,860 --> 00:24:16,150
و به این ترتیب در موارد مانند گوگل،
که، داده، موارد شدید هستند،

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
گوگل احتمالا به متصل
شخص دیگری در جهان، یک

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-- اما ما می توانیم تمیز
که در یک moment-- که طول می کشد

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
در جهان از CSS، که بود
طراحی شده توسط برخی افراد مختلف،

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
DAVID J. مالان: آره،
تغییر رنگ پس زمینه.

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
DAVID J. مالان: دقیقا.

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
اجازه دهید می گویند در واقع، شما می دانید چه،
اجازه دهید تراز آن تراز متن، مرکز.

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
اگر شما تا کنون استفاده می مایکروسافت
کلمه یا Notepad یا 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
تگ پاراگراف، برچسب Anchor.

771
00:35:12,220 --> 00:35:15,250
بیایید می گویند شما می خواهید
چیزی بزرگتر،

772
00:35:15,250 --> 00:35:19,480
بنابراین شما ممکن است like--
تگ span می تواند کمک کند.

773
00:35:19,480 --> 00:35:23,010
خوب، شما ممکن است برخی به کمک نیاز
که در یک لحظه.

774
00:35:23,010 --> 00:35:24,830
ما DIV دیده می شود.

775
00:35:24,830 --> 00:35:26,170
شما خواهید دید که جدول وجود دارد.

776
00:35:26,170 --> 00:35:27,928
چیزی وجود دارد به نام TR، TD.

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

778
00:35:30,736 --> 00:35:32,860
هفتم، TD.

779
00:35:32,860 --> 00:35:34,770
دوباره به که در یک لحظه.

780
00:35:34,770 --> 00:35:36,590
چه چیز دیگری ممکن دستی؟

781
00:35:36,590 --> 00:35:38,310
قوی وجود دارد.

782
00:35:38,310 --> 00:35:43,640
تاکید وجود دارد، و یا به جای اونا.

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
مخاطبان: The یک.

847
00:38:32,130 --> 00:38:34,870
DAVID J. مالان: The یک یا لنگر
برچسب، که قبل از به دیزنی رفت.

848
00:38:34,870 --> 00:38:39,090
برچسب لینک در اینجا می گوید
this-- لینک به یک فایل به نام

849
00:38:39,090 --> 00:38:44,350
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
این فقط به این معنی، هی، مرورگر،
پیدا 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
ذخیره آن به عنوان CSS قرار، و سپس، در
فایل دیگر، حذف همه که

862
00:39:32,270 --> 00:39:35,450
و به جای جایگزین کردن آن
با این تگ لینک.

863
00:39:35,450 --> 00:39:43,090
به طوری که اگر من پیوند عکاس هنگام عکسبرداری = "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
برای اثبات به همان اندازه، گمان می کنم یک
تایپی، و من این "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
DAVID J. مالان: این یافت نشد.

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
محتوای خام صفحه،
که از HTML 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
>> DAVID J. مالان: OK، متن موقعیت
در طرف های مختلف از صفحه؟

920
00:42:02,251 --> 00:42:02,750
خیلی خوب.

921
00:42:02,750 --> 00:42:04,620
یک چیز دیگر.

922
00:42:04,620 --> 00:42:05,784
>> مخاطبان: [نامفهوم]

923
00:42:05,784 --> 00:42:06,700
DAVID J. مالان: این است که.

924
00:42:06,700 --> 00:42:08,720
بنابراین یک GIF فقط یک
فرمت فایل های مختلف.

925
00:42:08,720 --> 00:42:12,830
ما فقط استفاده می شود، چه، یک
PNG یا JPG احتمالا؟

926
00:42:12,830 --> 00:42:14,480
ما JPG استفاده می شود.

927
00:42:14,480 --> 00:42:16,780
اگر شما کنجکاو، یک بیش از حد هستید
پاسخ به سوال شما

928
00:42:16,780 --> 00:42:19,404
یک JPG به طور کلی برای استفاده
عکس ها، به دلیل آن پشتیبانی

929
00:42:19,404 --> 00:42:21,500
میلیون ها رنگ و یا رنگ 24 بیتی.

930
00:42:21,500 --> 00:42:26,930
یک GIF به طور کلی برای، مانند استفاده می شود،
الگوهای رفتاری به اینترنت این انیمیشن ها days--،

931
00:42:26,930 --> 00:42:28,810
تصاویر GIF انیمیشن می باشد.

932
00:42:28,810 --> 00:42:32,320
اما آن اتفاق می افتد به استفاده از رنگ های کوچکتر
پالت، تنها 256 رنگ ممکن است،

933
00:42:32,320 --> 00:42:35,230
اما آن را پشتیبانی
شفافیت و انیمیشن.

934
00:42:35,230 --> 00:42:40,330
و پس از آن وجود دارد PNG، است که پشتیبانی از
شفافیت و رنگ های بیشتر

935
00:42:40,330 --> 00:42:41,300
اما انیمیشن است.

936
00:42:41,300 --> 00:42:42,133
پس از آن یک تجارت کردن است.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
بنابراین اضافه کردن یک تصویر gif، هر چند،
می شود عملکرد

939
00:42:46,060 --> 00:42:48,396
معادل با اضافه کردن یک PNG یا JPG باشد.

940
00:42:48,396 --> 00:42:49,110
آره

941
00:42:49,110 --> 00:42:50,550
منبع تصویر برابر است.

942
00:42:50,550 --> 00:42:51,590
بنابراین چیز دیگری است.

943
00:42:51,590 --> 00:42:57,288
بیایید آمد تا با چیزی که
ما به Victoria ارسال به اینجا.

944
00:42:57,288 --> 00:42:59,209
>> مخاطبان: اضافه کردن دکمه یک فرم است.

945
00:42:59,209 --> 00:43:00,000
DAVID J. مالان: OK.

946
00:43:00,000 --> 00:43:02,179
بنابراین دکمه برای یک فرم اضافه کنید.

947
00:43:02,179 --> 00:43:03,470
و ما که هم انجام دهد.

948
00:43:03,470 --> 00:43:07,220
به طوری که خواهید بود یک SEGUE کامل
درست بعد از این چالش است.

949
00:43:07,220 --> 00:43:10,357
چیز دیگری مد نظر دارید؟

950
00:43:10,357 --> 00:43:11,440
چه چیزی ممکن است دوست دارید کاری انجام دهید؟

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
وب احساس بسیار underwhelming
اگر این است که می توانیم انجام.

953
00:43:16,516 --> 00:43:18,140
مخاطبان: تغییر رنگ متن.

954
00:43:18,140 --> 00:43:19,500
DAVID J. مالان: تغییر چه؟

955
00:43:19,500 --> 00:43:20,666
مخاطبان: رنگ متن.

956
00:43:20,666 --> 00:43:22,311
DAVID J. مالان: تغییر رنگ متن.

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
به نام "CSS قرار،" رابطه
از آن است که دوباره "شیوه."

992
00:45:20,560 --> 00:45:25,221
و سپس من قصد دارم به صرفه جویی که
و باز کردن این "CSS قرار."

993
00:45:25,221 --> 00:45:28,940
>> بنابراین، به عنوان قبل از، من
توانایی در این فایل CSS

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
در فایل 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
که است که تعداد ممکن
استفاده در مایکروسافت ورد.

1003
00:45:54,130 --> 00:45:57,620
به من اجازه رفتن به وب من
صفحه در اینجا و بازنگری،

1004
00:45:57,620 --> 00:45:59,640
و شما می توانید ببینید که
آن در حال حاضر بسیار بزرگتر است.

1005
00:45:59,640 --> 00:46:02,223
و ما می توانیم کمی دیوانه،
درست مثل ما می توانیم در desktop--

1006
00:46:02,223 --> 00:46:03,670
آن 96 نقطه است.

1007
00:46:03,670 --> 00:46:04,950
بازنگری.

1008
00:46:04,950 --> 00:46:07,610
و آن را کمی
گنده در این نقطه.

1009
00:46:07,610 --> 00:46:09,500
>> اما من می تواند کمی دقیق تر است.

1010
00:46:09,500 --> 00:46:14,530
به جای استفاده از این
شیوه به بدن از صفحه من،

1011
00:46:14,530 --> 00:46:21,740
چه چیز دیگری ممکن است من آن اعمال می شود به جای آن،
چه تگ های دیگر که ممکن است هنوز

1012
00:46:21,740 --> 00:46:25,445
تابع در همان راه؟

1013
00:46:25,445 --> 00:46:26,444
>> مخاطبان: تگ P؟

1014
00:46:26,444 --> 00:46:27,360
DAVID J. مالان: تگ P.

1015
00:46:27,360 --> 00:46:29,350
بنابراین رئیس می شود
درست است، چون سر،

1016
00:46:29,350 --> 00:46:31,300
شما در واقع می تواند
کنترل از زیبایی شناسی.

1017
00:46:31,300 --> 00:46:32,700
یا به متن وجود دارد وجود دارد یا نه.

1018
00:46:32,700 --> 00:46:36,760
اما P tag-- من می توانم در یک شیرجه رفتن
عمیق تر، پس به صحبت می کنند، به پاراگراف

1019
00:46:36,760 --> 00:46:37,350
برچسب ها.

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
اجازه بدهید به جلو و می گویند، این
بند یک ID منحصر به فرد از "اول است."

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
من می توانم شرح زیر است می گویند
اعمال زیر،

1048
00:48:04,890 --> 00:48:11,000
یا انتخاب کنید، عنصر HTML
که دارای یک ID منحصر به فرد از "اول است."

1049
00:48:11,000 --> 00:48:12,350
چه من می خواهم به درخواست به آن؟

1050
00:48:12,350 --> 00:48:15,250
اندازه فونت از 24 نقطه.

1051
00:48:15,250 --> 00:48:16,640
بنابراین من دو انتخابگرهای در حال حاضر.

1052
00:48:16,640 --> 00:48:19,690
یکی باعث می شود همه از
پاراگراف 12 نقطه.

1053
00:48:19,690 --> 00:48:24,960
اما این یکی، به ویژه از آن می آید
second-- آن گذشته در file--

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
و در حال حاضر من می بینم، آه، OK.

1063
00:48:49,919 --> 00:48:51,710
منظور من، آن را که نمی
زیبا، اما آن را به نوعی

1064
00:48:51,710 --> 00:48:53,600
مانند مقدمهای برای
کتاب و یا چیزی شبیه به آن،

1065
00:48:53,600 --> 00:48:55,100
که در آن بند اول بزرگتر است.

1066
00:48:55,100 --> 00:48:57,933
می تواند حتی دقیق تر با
فقط از حروف اول، اما حداقل

1067
00:48:57,933 --> 00:48:59,110
من کنترل بیشتری اعمال است.

1068
00:48:59,110 --> 00:49:04,760
حالا maybe-- شاید من می خواهم به انجام این کار
گاهی اوقات به هر دلیلی،

1069
00:49:04,760 --> 00:49:09,010
و بنابراین من این را نمی خواهم به
اعمال فقط به یک تگ HTML.

1070
00:49:09,010 --> 00:49:15,110
در عوض، اجازه دهید می گویند اجازه دهید
همچنین موارد زیر را انجام.

1071
00:49:15,110 --> 00:49:18,810
کلاس = "واردات."

1072
00:49:18,810 --> 00:49:23,970
در حالی که یک ID منحصر به فرد استفاده می شود برای
شناسایی یک چیز، یک برچسب،

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
یک ID است قابل استفاده مجدد است.

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
و یا به جای فونت رنگ نیست، فقط رنگ است.

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
که در آن من عامل از همه از
زیبایی شناسی به فایل CSS قرار من.

1097
00:50:39,072 --> 00:50:40,280
بنابراین هیچ messiness اینجا وجود دارد.

1098
00:50:40,280 --> 00:50:44,490
هیچ اشاره ای به رنگ قرمز وجود دارد و یا
جسورانه روبرو و یا اندازه فونت در این پرونده.

1099
00:50:44,490 --> 00:50:49,430
نه من معنایی،
معنی داده من مشخص به عنوان،

1100
00:50:49,430 --> 00:50:51,240
در اینجا برخی از اطلاعات مهم است.

1101
00:50:51,240 --> 00:50:52,800
در اینجا برخی از داده ها مهم تر است.

1102
00:50:52,800 --> 00:50:56,500
علاوه بر این، در اینجا است که
"اولین" از اطلاعات مهم است.

1103
00:50:56,500 --> 00:51:01,050
بنابراین HTML غیر فعال است همه چیز در مورد مرتب کردن بر اساس
از برچسب زدن، به معنای واقعی کلمه، کلمات

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
در معدنی-- آنلاین
آنها تمایل به قدیمی باشند.

1112
00:51:23,485 --> 00:51:26,110
و در واقع، که دانسته شده است،
چرا که جهان متوجه شدم،

1113
00:51:26,110 --> 00:51:28,970
"اندازه فونت = 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
و اگر ما به to-- اجازه دهید ویکیپدیا
و ببینید که چگونه تا به تاریخ این نمودار این است

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
اما مشکل بیشتر از آن is--
بیایید ببینید که اگر ویکیپدیا همچنین دارای

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
هنوز هم با استفاده از اینترنت اکسپلورر 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
به من اجازه رفتن به 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-- بله،
اجازه دهید من به سایت گوگل بروید اول.

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
و این که گوگل با استفاده از یک زبان
نام جاوا اسکریپت تلاش می شود مفید است.

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
A- تی S. چه پایین
این صفحه نمایش، تب شبکه من،

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
هر بار که من تایپ یک نامه، C- A- 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
DAVID J. مالان: جستجو، و یا
عام تر، یک درخواست 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
DAVID J. مالان: آره، آن دادن
من این نتایج خودکار کامل.

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
>> در حال حاضر، اجازه دهید نگاهی به آنچه که در واقع
اتفاقی می افتد جستجو در گوگل کلیک کنید.

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
ظاهرا Google ارسال
ورود متن من به این URL

1282
00:59:48,460 --> 00:59:50,770
که من مشخص کردم
وجود دارد، بریده بریده جستجو.

1283
00:59:50,770 --> 00:59:56,530
معلوم است، در یک URL، هر چیزی را که
می افتد بعد از یک علامت سوال است،

1284
00:59:56,530 --> 01:00:01,270
همانطور که ما در حفظ و گفت، یک جفت کلید-مقدار
که به شکل و یا به نحوی تایپ شد

1285
01:00:01,270 --> 01:00:04,500
منتقل شده از
مرورگر به سرور.

1286
01:00:04,500 --> 01:00:07,180
>> بنابراین هر زمان که شما نوع ورودی
را به یک فرم در وب

1287
01:00:07,180 --> 01:00:10,000
و آن را ارسال که ما کرده ایم
است بحث در مورد، از طریق یک GET،

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
آن را در واقع در آدرس اینترنتی قرار داده است.

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-- / جستجو؟ Q = گربه.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
ما که در آن Q را ببینید
می آید از در یک لحظه،

1303
01:00:47,890 --> 01:00:51,220
اما احساس می کند مانند حداقل
میزان اطلاعاتی که من ارائه شده است.

1304
01:00:51,220 --> 01:00:53,050
و در حال حاضر من قصد دارم به آمار را وارد کنید.

1305
01:00:53,050 --> 01:00:55,520
و متوجه آن هنوز هم کار می کند.

1306
01:00:55,520 --> 01:00:57,950
ما هنوز پشت یک دسته کامل از گربه.

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
DAVID J. مالان: آره، مثل چی؟

1339
01:02:28,450 --> 01:02:29,270
مخاطبان: کلمه عبور.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. مالان: آره، بنابراین شما ورود
در به فیس بوک یا برخی از وب سایت.

1341
01:02:31,936 --> 01:02:34,395
که ورودی کاربر را از این
یک فرم، یک جعبه متن،

1342
01:02:34,395 --> 01:02:37,020
اما شما احتمالا آن را می خواهم
نشان دادن تا در URL مرورگر.

1343
01:02:37,020 --> 01:02:38,121
چرا؟

1344
01:02:38,121 --> 01:02:40,870
منظور من، شاید برخی از وجود دارد
پیامدهای امنیتی در شبکه،

1345
01:02:40,870 --> 01:02:44,830
اما more-- دوست دارید، به سادگی بیشتر، چه می شود اگر
هم اتاقی خود را، مهم دیگر خود را،

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
یک تصویر در نوار URL خودرا برای امتحان اماده کنم؟

1353
01:03:05,530 --> 01:03:06,730
شما نوع مرتب کردن بر اساس نمی تواند.

1354
01:03:06,730 --> 01:03:07,396
شما می توانید نوع.

1355
01:03:07,396 --> 01:03:10,210
اما، واقعا، من سخت تحت فشار هستم
تصور کنید انجام این کار.

1356
01:03:10,210 --> 01:03:13,470
بنابراین من نیاز روش دیگری برای
آپلود عکس ها به یک وب سایت،

1357
01:03:13,470 --> 01:03:15,657
و روش دیگر است به نام "پست."

1358
01:03:15,657 --> 01:03:18,740
اما در حال حاضر، ما فقط صحبت در مورد
"دریافت" است که ساده تر از این دو.

1359
01:03:18,740 --> 01:03:21,100
این فقط قرار می دهد تمام
ورودی کاربر به URL.

1360
01:03:21,100 --> 01:03:22,830
>> بنابراین در اینجا به شکل من ایجاد شده است.

1361
01:03:22,830 --> 01:03:24,070
من می خواهم یک ورودی.

1362
01:03:24,070 --> 01:03:24,820
و شما می دانید چه؟

1363
01:03:24,820 --> 01:03:26,111
من قصد دارم به یک حدس است.

1364
01:03:26,111 --> 01:03:31,600
من قصد دارم به یاد من
ورودی "Q" برای "پرس و جو."

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
>> DAVID J. مالان: گوگل.

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-- تگ BR می دهد.

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
One-- بود یک جهش بزرگ به
معرفی چند تگ بیشتر،

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
که اشکال در نهایت تغییر دهد
چه چیزی در URL از مرورگر،

1412
01:05:24,900 --> 01:05:28,540
و بنابراین، ما می توانیم
مکانیکی فراهم ورودی به یک سرور

1413
01:05:28,540 --> 01:05:33,600
با ساخت یک فرم HTML و دانستن
که سرور HTTP را می فهمد،

1414
01:05:33,600 --> 01:05:36,890
درست مثل بدن ما درک، مانند،
تکان دادن دست من، که همان پروتکل،

1415
01:05:36,890 --> 01:05:40,920
و بنابراین ما به عقب بر گردیم پاسخ
که ما در نهایت انتظار می رود.

1416
01:05:40,920 --> 01:05:44,050
>> پس بیایید سعی به انجام یک
آخرین چیزی که در حال حاضر با تلفن همراه،

1417
01:05:44,050 --> 01:05:47,052
و من make-- من اضافه کردن
این کد را به اسلاید.

1418
01:05:47,052 --> 01:05:49,760
بنابراین اگر شما می خواهم به سرهم بندی کردن، شما می
قطعا می توانید آن را از وجود دارد.

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
اما این OK.

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
DAVID J. مالان: ببخشید؟

1449
01:07:43,550 --> 01:07:45,390
مخاطبان: [نامفهوم]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. مالان: فقط کلمات لاتین.

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
DAVID J. مالان: آره.

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
آن still-- من، آن را
خواندن به دلیل لاتین.

1460
01:07:59,920 --> 01:08:01,920
اما آن را نیز خواندن
به چه دلیل است؟

1461
01:08:01,920 --> 01:08:03,775
مانند، چه شما displeases در مورد این؟

1462
01:08:03,775 --> 01:08:04,650
مخاطبان: این کوچک.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. مالان: این فوق العاده، فوق العاده کوچک است.

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
و شما می توانید این پیاده سازی
همه چیز در راه های متعدد، TOO.

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
>> DAVID J. مالان: آره، هدر 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
و من قصد دارم به اضافه کردن یک تگ
که شما در گوگل دیدم قبل از.

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
DAVID J. مالان: بله.

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
امروز برنامه نویسی وب، در نمی
SE، از همه چیز که ما انجام دادیم

1554
01:12:36,130 --> 01:12:38,370
بسیار زیبایی بود، اگر شما خواهد شد.

1555
01:12:38,370 --> 01:12:41,750
هیچ تصمیم گیری در آن وجود دارد
کد است که ما نوشته شده است،

1556
01:12:41,750 --> 01:12:44,990
و به همین دلیل HTML نشانه گذاری است
زبان، یک زبان برنامه نویسی.

1557
01:12:44,990 --> 01:12:47,140
اما فردا ما را
یک نگاه سریع، در نهایت،

1558
01:12:47,140 --> 01:12:49,340
در جاوا اسکریپت، که است که
برنامه نویسی واقعی

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
یکی is-- این از 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
بسیاری از شهروندان مهم هستند جالب
و بحث امنیتی مرتبط

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