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

2
00:00:07,440 --> 00:00:08,180
>> TOMAS رایمرز: سلام، همه.

3
00:00:08,180 --> 00:00:09,250
نام من را توماس رایمرز.

4
00:00:09,250 --> 00:00:10,500
>> MIKE ریزو: و من مایک ریزو هستم.

5
00:00:10,500 --> 00:00:12,990
>> TOMAS رایمرز: ما دو CS50s TS.

6
00:00:12,990 --> 00:00:18,910
و امروز ما در حال پیشرو در سمینار
جاوا اسکریپت و CSS برای برنامه های وب است.

7
00:00:18,910 --> 00:00:22,140
اگر شما می خواهید به دنبال همراه،
لینک راست بیش از وجود دارد.

8
00:00:22,140 --> 00:00:25,190
و آیا شما می خواهید آن را قرار داده تا
در به طور خلاصه به کامپیوتر؟

9
00:00:25,190 --> 00:00:27,460
>> این لینک وجود دارد.

10
00:00:27,460 --> 00:00:30,390
این یک سایت کوچک است که لینک به این
تمام منابع ما در حال رفتن به

11
00:00:30,390 --> 00:00:36,490
شما اشاره امروز و همچنین دارای بسیاری از
اطلاعات مفید توسط ما به نوشته

12
00:00:36,490 --> 00:00:39,680
ادامه مطلب در عمق زمانی که شما به پشت،
و شما در حال تلاش برای به یاد داشته باشید آنچه که

13
00:00:39,680 --> 00:00:42,166
دقیقا ما می گویند، چیزی که شما بودند
صحبت کردن در مورد، و غیره.

14
00:00:42,166 --> 00:00:43,870
>> MIKE ریزو: بسیار خوب.

15
00:00:43,870 --> 00:00:44,890
بنابراین اجازه دهید آغاز خواهد شد.

16
00:00:44,890 --> 00:00:45,700
>> TOMAS رایمرز: بنابراین شما می خواهید را شروع کنم؟

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

18
00:00:45,970 --> 00:00:47,170
>> MIKE ریزو: آره.

19
00:00:47,170 --> 00:00:51,730
بنابراین ما برای اولین بار می خواست تا با گسترده شروع
مرور کلی در مورد اینترنت و

20
00:00:51,730 --> 00:00:54,240
انواع فایل در هنگام طراحی وب سایت.

21
00:00:54,240 --> 00:00:57,550
در حالی که این مقاله ما نمی خواهیم به
را به به جاوا اسکریپت زیادی از حد

22
00:00:57,550 --> 00:01:00,320
بعد از آن، ما می خواستیم برای شروع کردن با
فقط، نوع، مانند چشم پرنده

23
00:01:00,320 --> 00:01:03,270
از آنچه که به یک وب سایت است و چگونه
در مورد طراحی یک فکر می کنم

24
00:01:03,270 --> 00:01:04,800
وب سایت برای شروع.

25
00:01:04,800 --> 00:01:08,370
>> پس شما بچه ها، در این نقطه - با آن
که شب جمعه - باید

26
00:01:08,370 --> 00:01:11,000
ارائه امور مالی CS50 شما
مشکل مجموعه.

27
00:01:11,000 --> 00:01:15,260
امیدوارم، که طعم و مزه خوب بود
از آنچه برنامه نویسی تحت وب می باشد.

28
00:01:15,260 --> 00:01:18,261
اما در اینجا ما می خواهیم به، نوع، را
شما یکی دیگر از طعم و مزه، به عنوان خوب.

29
00:01:18,261 --> 00:01:23,190
>> TOMAS رایمرز: پس فقط به روکش چه
اتفاق می افتد، زمانی که شما در URL خود را به نوع

30
00:01:23,190 --> 00:01:26,650
مرورگر وب خود، که URL می شود
تا در کامپیوتر نگاه کرد.

31
00:01:26,650 --> 00:01:28,590
و کامپیوتر شما متصل
به یک کامپیوتر دیگر،

32
00:01:28,590 --> 00:01:29,890
که میزبان است که وب سایت.

33
00:01:29,890 --> 00:01:33,150
OK، بنابراین زمانی که شما به google.com بروید، شما
متصل به یکی از گوگل

34
00:01:33,150 --> 00:01:36,496
کامپیوتر، که دارای
فایل برای google.com.

35
00:01:36,496 --> 00:01:38,750
>> سپس برای یک فایل خاص می پرسد.

36
00:01:38,750 --> 00:01:40,020
بنابراین اگر شما به -

37
00:01:40,020 --> 00:01:41,550
من نمی دانم -

38
00:01:41,550 --> 00:01:48,170
example.com / index.html به یا / test.html،
شما به درخواست

39
00:01:48,170 --> 00:01:49,340
که فایل خاص.

40
00:01:49,340 --> 00:01:52,780
و وب سرور در حال انجام
به بازگشت آن را به شما.

41
00:01:52,780 --> 00:01:54,910
>> سپس، هنگامی که شما از طریق آن فایل بروید -

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

43
00:01:57,750 --> 00:01:59,950
هنگامی که شما کامپیوتر می شود که
فایل - آن را به شروع

44
00:01:59,950 --> 00:02:00,820
برای ساخت یک صفحه وب است.

45
00:02:00,820 --> 00:02:03,020
بنابراین در حال حاضر از آن است که فایل HTML،
است که نوع مانند

46
00:02:03,020 --> 00:02:05,170
ساختار صفحه وب.

47
00:02:05,170 --> 00:02:08,620
همچنین می تواند فایل HTML مرجع
فایل های CSS، که تعریف

48
00:02:08,620 --> 00:02:09,889
سبک صفحه وب.

49
00:02:09,889 --> 00:02:12,970
>> فایل های جاوا اسکریپت، تعریف می کند
تعامل با صفحه وب.

50
00:02:12,970 --> 00:02:15,200
فایل های عکس، که فقط تصاویر می باشد.

51
00:02:15,200 --> 00:02:19,450
و احتمالا به دیگر فایل های HTML پیوند دارند،
که بعد از آن شما می توانید ببینید.

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

53
00:02:22,656 --> 00:02:24,380
>> MIKE ریزو: OK، بزرگ است.

54
00:02:24,380 --> 00:02:28,980
پس شما بچه ها همه، شاید،
دقیق و پر زحمت راه اندازی میزبان های محلی خود را

55
00:02:28,980 --> 00:02:30,810
در ماشین مجازی خود را.

56
00:02:30,810 --> 00:02:35,650
و این فقط، نوع، است محلی
دامنه است که کامپیوتر شما را تنها میزبان

57
00:02:35,650 --> 00:02:38,760
برای شما در آدرس IP خود را.

58
00:02:38,760 --> 00:02:43,300
>> پس در آن، پس از آن شما می توانید اضافه کنید
آن صفحات وب خود را.

59
00:02:43,300 --> 00:02:47,655
منظور من، در CS50 مالی، شما باید
اضافه شده است برخی از صفحات HTML، که،

60
00:02:47,655 --> 00:02:49,410
مرتب کردن بر اساس، پیچیده در لفاف بسته بندی PHP.

61
00:02:49,410 --> 00:02:54,690
ولی در نهایت، آنچه که صفحات PHP شما
خروجی شدند HTML بود.

62
00:02:54,690 --> 00:02:58,210
>> اما فکر بازگشت به ابتدا
از PSET، ما تا به حال به راه

63
00:02:58,210 --> 00:03:00,890
مجوز برای همه چیز، درست است؟

64
00:03:00,890 --> 00:03:07,270
پس این تنها اساسا اجازه می دهد تا به ما اطلاع
که می تواند خواندن، نوشتن، و احتمالا

65
00:03:07,270 --> 00:03:08,730
اجرای هر یک از فایل های.

66
00:03:08,730 --> 00:03:11,870
بنابراین ما قصد داریم برای انجام سریع - HM؟

67
00:03:11,870 --> 00:03:15,660
>> TOMAS رایمرز: بنابراین ما در حال
برای انجام یک دمو سریع است.

68
00:03:15,660 --> 00:03:19,560
پس فقط به شما یادآوری، زمانی که شما
اتصال به کامپیوتر گوگل -

69
00:03:19,560 --> 00:03:20,690
هر کس -

70
00:03:20,690 --> 00:03:24,060
و از آنها بخواهید برای یک فایل، اولین کامپیوتر
نیاز به مطمئن شوید که شما مجاز هستید

71
00:03:24,060 --> 00:03:28,790
در واقع مشاهده آن فایل و یا خوانده است که
فایل زیرا شما نه تنها می توانید بپرسید

72
00:03:28,790 --> 00:03:30,430
برای هر فایل بر روی آن کامپیوتر، درست است؟

73
00:03:30,430 --> 00:03:32,260
این امر می تواند یک خطر امنیتی است.

74
00:03:32,260 --> 00:03:37,020
>> بنابراین فایل ها بر روی سیستم استفاده می کنیم، مانند
این دستگاه CS50، سه

75
00:03:37,020 --> 00:03:39,200
مردم به طور کلی که می تواند داشته باشد
مجوز را به چیزی.

76
00:03:39,200 --> 00:03:41,610
اول این است که واقعی است
مالک فایل است.

77
00:03:41,610 --> 00:03:43,820
دوم این گروه است که
فایل متعلق به.

78
00:03:43,820 --> 00:03:46,090
ما قصد داریم به تمرکز
بیش از حد بر روی آن.

79
00:03:46,090 --> 00:03:50,010
و آخرین چیزی است، نوع، مانند
جهان و یا مانند هر کس دیگری که در

80
00:03:50,010 --> 00:03:54,130
به آن فایل خاص نیست و نمی
هر گونه حقوق مالکیت بیش از آن.

81
00:03:54,130 --> 00:04:05,650
>> بنابراین اگر ما مالک، گروه،
و پس از آن جهان است.

82
00:04:05,650 --> 00:04:10,510
و پس از آن، برای هر یک از این گروه ها، به شما
می تواند یکی از سه مجوز داشته باشد،

83
00:04:10,510 --> 00:04:13,010
OK، یا چند از آنها.

84
00:04:13,010 --> 00:04:15,070
شما می توانید مجوز خواندن دارند.

85
00:04:15,070 --> 00:04:16,560
شما می توانید مجوزهای دسترسی مناسب داشته باشد.

86
00:04:16,560 --> 00:04:18,880
و شما می توانید اجازه اجرا هستند.

87
00:04:18,880 --> 00:04:22,060
>> بنابراین از نظر انواع فایل واقعی، به عنوان خوانده شده
اجازه مثل در واقع خواندن

88
00:04:22,060 --> 00:04:23,250
محتویات فایل.

89
00:04:23,250 --> 00:04:24,730
اجازه حق نوشتن
به گفت فایل.

90
00:04:24,730 --> 00:04:28,370
اجازه اجرا در حال اجرا است
فایل مثل شما کار زمانی که شما اجرا شود یکی از

91
00:04:28,370 --> 00:04:29,620
پروژه های CS50 شما.

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

93
00:04:32,190 --> 00:04:38,820
>> بنابراین، هنگامی که ما در حال فکر کردن در مورد فایل ها
مانند زمانی که ما نیاز به خواندن HTML

94
00:04:38,820 --> 00:04:41,790
فایل، که نیاز به جهان
قابل خواندن است، درست است؟

95
00:04:41,790 --> 00:04:44,420
احتمالا، همچنین مالک می خواهد
برای اینکه قادر به ویرایش آن فایل.

96
00:04:44,420 --> 00:04:46,610
بنابراین، مالک نیاز به رفتن به
خواندن و نوشتن مجوز.

97
00:04:46,610 --> 00:04:48,710
آنها واقعا نیاز را اجرا کند.

98
00:04:48,710 --> 00:04:50,950
>> گروه، ما قصد داریم به درمان
همان جهان در حال حاضر.

99
00:04:50,950 --> 00:04:54,610
به طوری که آنها نیاز به اجازه خواندن.

100
00:04:54,610 --> 00:04:57,310
اما آنها نوشتن نیاز ندارد
و یا اجازه اجرا هستند.

101
00:04:57,310 --> 00:05:01,920
و در حال حاضر، اگر ما فکر می کنم به سابق
PSETs، آنچه که ما متوجه این نوع است

102
00:05:01,920 --> 00:05:03,360
مانند باینری نگاه کنید، درست است؟

103
00:05:03,360 --> 00:05:04,210
1 مخفف بله.

104
00:05:04,210 --> 00:05:05,040
0 برای هیچ.

105
00:05:05,040 --> 00:05:06,870
و ما در واقع می تواند ترجمه
این به باینری.

106
00:05:06,870 --> 00:05:10,478
>> پس 110 در دودویی خواهد بود 6.

107
00:05:10,478 --> 00:05:13,270
100 خواهد بود 4.

108
00:05:13,270 --> 00:05:14,690
همین کار را با جهان است.

109
00:05:14,690 --> 00:05:20,846
پس شماره شما می توانید برای دریافت
مجوز برای این خواهد بود 644.

110
00:05:20,846 --> 00:05:24,400
>> MIKE ریزو: و اگر شما فکر می کنم به
هنگامی که شما چیزی می کنند، به اعتقاد من

111
00:05:24,400 --> 00:05:28,980
آنها در مشکل به مجموعه
نمونه ای از جایی که شما می توانید انجام دهید

112
00:05:28,980 --> 00:05:36,470
چیزی شبیه به سطح دسترسی 644
و سپس نام فایل.

113
00:05:36,470 --> 00:05:39,980
644 پس از آن، شما هم اکنون می توانید به طور مستقیم ببینید
که در آن است که از در می آید.

114
00:05:39,980 --> 00:05:42,840
پس امیدوارم که باعث می شود که
کمی روشن تر است.

115
00:05:42,840 --> 00:05:45,600
>> و پس از آن برای وضوح پسر شما است -

116
00:05:45,600 --> 00:05:48,200
اوه بله، در اینجا این است دوباره.

117
00:05:48,200 --> 00:05:53,260
بنابراین 600 پس از آن فقط می تواند به عنوان مثال
ما داد تا اینجا که در آن مالک است

118
00:05:53,260 --> 00:05:56,360
مجوز خواندن و درست در حالی که گروه
و جهان هیچ مجوز ندارد

119
00:05:56,360 --> 00:05:58,145
برای دسترسی به فایل.

120
00:05:58,145 --> 00:06:01,500
>> TOMAS رایمرز: و پس از آن ما باید یک سریع
لیستی از مجوز رایج است.

121
00:06:01,500 --> 00:06:05,250
بنابراین دایرکتوری، شما می خواهید
در واقع سطح دسترسی 711.

122
00:06:05,250 --> 00:06:08,930
سریع به کنار - برای یک پوشه به
مجوز اجرایی به این معنی که قادر

123
00:06:08,930 --> 00:06:11,680
برای باز کردن پوشه.

124
00:06:11,680 --> 00:06:15,280
تصاویر، CSS، جاوا اسکریپت، نیازهای HTML
644 چرا که، اساسا، جهان

125
00:06:15,280 --> 00:06:16,400
نیاز به عنوان خوانده شده مجوز.

126
00:06:16,400 --> 00:06:20,960
>> و PHP که شما بچه ها را دیده اند،
اگر چه ما در مورد آن نمی شود صحبت کردن

127
00:06:20,960 --> 00:06:24,880
به شدت به طور معمول با می کنند
اجازه 600 به دلیل آن را با اجرا

128
00:06:24,880 --> 00:06:26,540
مجوز از مالک.

129
00:06:26,540 --> 00:06:27,790
حداقل در دستگاه.

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

131
00:06:30,200 --> 00:06:36,870
>> MIKE ریزو: بنابراین اگر شما نمی کنند به طور خاص
مشخص کنید که چه نوع از فایل

132
00:06:36,870 --> 00:06:39,480
شما در واقع راه خواهید
این ارائه -

133
00:06:39,480 --> 00:06:43,490
ما یک مشکل با این حال به دلیل
همه چیز به درستی می کنند نه -

134
00:06:43,490 --> 00:06:47,550
شما در حال رفتن به دریافت، نوع،
خطا ممنوع است که وب سایت

135
00:06:47,550 --> 00:06:49,700
در واقع اجازه نمی دارند
برای دسترسی به هر فایل

136
00:06:49,700 --> 00:06:51,370
شما می خواهید به آن دسترسی داشته باشید.

137
00:06:51,370 --> 00:06:54,780
و البته، که می تواند ثابت -
همانطور که در مشکل تنظیم - با تغییر

138
00:06:54,780 --> 00:06:56,405
مجوز مناسب.

139
00:06:56,405 --> 00:06:59,620
>> TOMAS رایمرز: و آخرین نظر
توسعه به سرعت محلی است - ما

140
00:06:59,620 --> 00:07:02,000
این به ارمغان آورد، اما ما فقط می خواستم
آن را دوباره -

141
00:07:02,000 --> 00:07:06,230
اگر شما برای یک سرور بپرسید - میزبان تا محلی،
به عنوان مثال، کام و یا هر چیز دیگری. -

142
00:07:06,230 --> 00:07:09,170
و شما به یک فایل خاص، مشخص نیست،
فایل که کامپیوتر شما در حال رفتن

143
00:07:09,170 --> 00:07:11,540
برای به نام index.html را بپرسید.

144
00:07:11,540 --> 00:07:12,790
یا اگر که وجود ندارد، اضافه کردن به مسیر.

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

146
00:07:15,560 --> 00:07:16,350
>> دانلود.

147
00:07:16,350 --> 00:07:19,560
به طوری که فقط یک روکش از همه چیز،
امیدوارم، که ما در تحت پوشش

148
00:07:19,560 --> 00:07:22,800
بخش، و سخنرانی،
و تا کنون در CS50.

149
00:07:22,800 --> 00:07:26,110
و در حال حاضر ما در حال رفتن به شروع به صحبت کردن
در مورد به طور خاص کتابخانه ها.

150
00:07:26,110 --> 00:07:30,270
جاوا اسکریپت و CSS کتابخانه
برای برنامه های وب است.

151
00:07:30,270 --> 00:07:36,350
>> بنابراین یکی از دلایل سریع به همین دلیل ما
کتابخانه ها است برنامه نویسی -

152
00:07:36,350 --> 00:07:39,000
در بسیاری از مشکلات در آن وجود دارد
برنامه نویسی، که حفظ ظاهر

153
00:07:39,000 --> 00:07:40,570
دوباره و دوباره، و دوباره.

154
00:07:40,570 --> 00:07:43,870
شما ممکن است متوجه است که بسیاری از وب سایت
باید توانایی داشته کشویی

155
00:07:43,870 --> 00:07:49,100
منو ها، به عنوان مثال، و یا نیاز به توانایی
به یک دکمه بسیار استاندارد

156
00:07:49,100 --> 00:07:51,400
سبک، که ممکن است
ساده ترین چیزی که.

157
00:07:51,400 --> 00:07:54,670
حالا که شما شروع به HTML، شما
تحقق بخشیدن به آن دکمه ها می تواند در واقع

158
00:07:54,670 --> 00:07:57,720
نگاه کنید واقعا زشت است اگر شما
هیچ چیز را نمی کنند.

159
00:07:57,720 --> 00:08:00,830
>> بنابراین بسیاری از مردم نوشته شده است
کتابخانه نامیده می شود.

160
00:08:00,830 --> 00:08:02,990
و در این زمینه، آنها
همچنین چارچوب نامیده می شود.

161
00:08:02,990 --> 00:08:04,790
ما قصد داریم با استفاده از
دو به جای یکدیگر.

162
00:08:04,790 --> 00:08:07,360
و چیزی که آنها می باشد این است که آنها اساسا
قطعات premade کد -

163
00:08:07,360 --> 00:08:09,130
یا CSS یا جاوا اسکریپت -

164
00:08:09,130 --> 00:08:13,240
که به دور بسیاری از
تیم شما در برنامه نویسی داشته باشد.

165
00:08:13,240 --> 00:08:17,290
>> به طوری که آنها از پیش تعریف یک دسته از کلاس ها و یا
قبل از تعریف یک دسته از توابع برای

166
00:08:17,290 --> 00:08:20,110
مورد جاوا اسکریپت، که
شما می توانید بعد از آن تماس بگیرید.

167
00:08:20,110 --> 00:08:22,690
و سپس شما می توانید، نوع، دریافت
دسترسی به این کد بدون

168
00:08:22,690 --> 00:08:23,710
نیاز به هیچ چیز.

169
00:08:23,710 --> 00:08:27,750
نمونه ای از کتابخانه CS50.H. بود
این کتابخانه ما به شما به عقب بود

170
00:08:27,750 --> 00:08:32,090
در هفته اول، اجازه داده است که شما را به انجام
مانند آن GetInt و GetString

171
00:08:32,090 --> 00:08:35,237
بدون نیاز به ارسال
هر کد خودتان.

172
00:08:35,237 --> 00:08:36,179
>> MIKE ریزو: بسیار خوب.

173
00:08:36,179 --> 00:08:40,299
بنابراین در اینجا، درست مثل ما تا به حال عبارتند از
در ج ما فایل های مختلف

174
00:08:40,299 --> 00:08:46,570
کتابخانه ها، ما هم باید در شامل
HTML ما فایل های کتابخانه های مختلف.

175
00:08:46,570 --> 00:08:50,310
به عنوان مثال، اگر ما می خواستیم که شامل
یک کتابخانه خاص جاوا اسکریپت در اینجا،

176
00:08:50,310 --> 00:08:52,850
شاید، یکی است که ما نوشته شده است
خودمان را به عنوان آن را به صورت محلی میزبانی

177
00:08:52,850 --> 00:08:56,000
نام script.js، ما فقط
استفاده از این نماد.

178
00:08:56,000 --> 00:08:59,500
>> بنابراین ما باید از نوع اسکریپت برابر
جاوا اسکریپت منبع برابر

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

180
00:09:01,260 --> 00:09:05,190
و اگر شما فکر می کنم به CS50 شما
مشکل مالی تعیین می کنند، اگر شما در نگاه

181
00:09:05,190 --> 00:09:09,190
header.php را در پوشه قالب ها،
شما باید دیده اند

182
00:09:09,190 --> 00:09:10,970
برخی از این گنجانده شده است.

183
00:09:10,970 --> 00:09:13,250
پس این یکی از اولین - اسکریپت -

184
00:09:13,250 --> 00:09:16,080
است از جمله یک کتابخانه جاوا اسکریپت.

185
00:09:16,080 --> 00:09:18,760
از جمله یک کتابخانه CSS است
کمی متفاوت است.

186
00:09:18,760 --> 00:09:21,430
>> در اینجا، به جای اسکریپت
برچسب شما نیاز به تگ لینک.

187
00:09:21,430 --> 00:09:27,110
و پس از آن، نوع متن CSS
است کمی متفاوت است.

188
00:09:27,110 --> 00:09:29,270
شما همیشه باید شامل
سبک نگارش ورق.

189
00:09:29,270 --> 00:09:30,970
اما من فکر می کنم، به طور کلی،
تمرین خوبی است.

190
00:09:30,970 --> 00:09:35,810
>> و سپس در نهایت، HREF، که به شما
احتمالا در ATAGs خود را برای ایجاد ارتباط بین دیدم

191
00:09:35,810 --> 00:09:39,440
در لینک های مختلف فقط مشخص
لینک های که در آن برای پیدا کردن که.

192
00:09:39,440 --> 00:09:42,250
به عنوان مثال، اگر ما می خواستیم به لینک
کتابخانه های مختلف - اجازه دهید فقط می گویند -

193
00:09:42,250 --> 00:09:49,330
که در CSS قرار زندگی می کردند.

194
00:09:49,330 --> 00:09:54,030
و ما می خواستیم برای پیوند دارند که در این
میزبانی در وب، ما را کپی کنید که.

195
00:09:54,030 --> 00:09:58,834
و سپس آن را در هر پیست کنید
ما در اینجا به جای.

196
00:09:58,834 --> 00:10:01,340
>> TOMAS رایمرز: OK، امیدوارم شما
بچه ها در حال حاضر آشنا

197
00:10:01,340 --> 00:10:02,410
با توجه به پیوند CSS.

198
00:10:02,410 --> 00:10:04,000
شما تا به حال به انجام این کار در
آخرین مجموعه قهوه ای خود را.

199
00:10:04,000 --> 00:10:07,110
جاوا اسکریپت، برخی از شما شاید
برخی از تجربه با.

200
00:10:07,110 --> 00:10:07,980
برخی از شما ممکن نیست.

201
00:10:07,980 --> 00:10:12,190
>> بنابراین در حال حاضر، می دانم که یک فایل جاوا اسکریپت
بسیار بسیار شبیه به یک فایل CSS در

202
00:10:12,190 --> 00:10:15,640
به این معنا که شما می توانید به آن پیوند دارند و یا
که شما می توانید آن را در داخل باشد.

203
00:10:15,640 --> 00:10:17,360
و آن را به شما اجازه می دهد تا به چیزهایی اسکریپت.

204
00:10:17,360 --> 00:10:21,820
و ما قصد داریم تا شما را از طریق راه رفتن
کمی از جاوا اسکریپت بعد.

205
00:10:21,820 --> 00:10:23,560
>> بنابراین با استفاده از یک کتابخانه -

206
00:10:23,560 --> 00:10:26,150
یک بار که شما آن را گنجانده ام، آن را به عنوان
ساده به عنوان به معنای واقعی کلمه فراخوانی

207
00:10:26,150 --> 00:10:29,640
توابع و یا اضافه کردن
نام کلاس به آن.

208
00:10:29,640 --> 00:10:32,220
آخرین چیزی که ما می خواهیم به بحث
مورد از نظر کتابخانه -

209
00:10:32,220 --> 00:10:34,180
و این بیشتر از یک یادداشت فنی است -

210
00:10:34,180 --> 00:10:35,860
مجوز منبع باز است.

211
00:10:35,860 --> 00:10:41,550
بنابراین، هنگامی که شما در پیدا کردن این کتابخانه واقعی،
شما ممکن است فکر از

212
00:10:41,550 --> 00:10:47,630
سوال این است آن را OK که من فقط هستم
با استفاده از کد شخص دیگری، به خصوص

213
00:10:47,630 --> 00:10:51,970
چرا که چیزی که ما بسیار است
به شما گفتم که در این دوره نمی کنند.

214
00:10:51,970 --> 00:10:55,790
>> بنابراین در مورد صدور مجوز منبع باز،
بسیاری از توسعه دهندگان -

215
00:10:55,790 --> 00:10:57,540
زمانی که آنها یک کتابخانه نوشته شده است،
که به آن فکر می کنم می تواند

216
00:10:57,540 --> 00:10:59,450
به افراد دیگر مفید -

217
00:10:59,450 --> 00:11:02,420
آن را به وب منتشر
و آن را مجوز بدهد.

218
00:11:02,420 --> 00:11:06,620
و مجوز اساسا می گوید من بدین وسیله هستم
اعطای مجوز به دیگر

219
00:11:06,620 --> 00:11:11,250
مردم را به استفاده از این قطعه از نرم افزار
با مرتب کردن بر اساس زیر

220
00:11:11,250 --> 00:11:13,230
مقررات.

221
00:11:13,230 --> 00:11:16,100
>> ما شامل یک لینک به یک سایت خوب برای
کمک به شما را در درک مجوز در

222
00:11:16,100 --> 00:11:17,720
مورد شما را به آنها اجرا شود.

223
00:11:17,720 --> 00:11:21,680
مقررات مشترک چیزهایی مانند است
شما خوش آمدید برای استفاده از کتابخانه من هستی تا

224
00:11:21,680 --> 00:11:23,000
زمانی که شما اعتباری به من بدهید.

225
00:11:23,000 --> 00:11:25,670
شما خوش آمدید برای استفاده از کتابخانه من هستی
تا زمانی که زمانی که آن را می شکند

226
00:11:25,670 --> 00:11:26,790
شما من را سرزنش نیست.

227
00:11:26,790 --> 00:11:30,310
شما خوش آمدید برای استفاده از کتابخانه من تا زمانی هستیم
که شما از آن استفاده نمی به پول

228
00:11:30,310 --> 00:11:31,910
برای خودتان.

229
00:11:31,910 --> 00:11:34,130
این نوع از رایج است
مقررات.

230
00:11:34,130 --> 00:11:37,780
>> برای این پروژه نهایی CS50، آنها
نباید فوق العاده مربوط به این دلیل

231
00:11:37,780 --> 00:11:41,440
پروژه هایی که شما بچه ها استفاده کنید
احتمالا نه، نوع، شناخته شده است.

232
00:11:41,440 --> 00:11:44,170
اما هنگامی که شما در واقع از رفتن به
جهان و شروع به استفاده از کتابخانه، که

233
00:11:44,170 --> 00:11:48,100
ممکن است یا ممکن است و همچنین اجرا نشده است
برخی از آنهایی که محبوب تر ما

234
00:11:48,100 --> 00:11:49,780
رفتن به رفتن را از طریق.

235
00:11:49,780 --> 00:11:53,310
این خوب است که قادر به درک
این مجوزها و به

236
00:11:53,310 --> 00:11:54,560
درک معنی آنها.

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

238
00:11:58,120 --> 00:11:58,586
و می گردم.

239
00:11:58,586 --> 00:12:00,960
>> MIKE ریزو: OK.

240
00:12:00,960 --> 00:12:04,850
بنابراین در حال حاضر بر روی نمونه های در حال حرکت
از CSS واقعی.

241
00:12:04,850 --> 00:12:07,770
در این مرحله تا کنون، شما ممکن است
این مواجه نشده است.

242
00:12:07,770 --> 00:12:10,300
اما شما ممکن است آن را در مواجه
زندگی روزمره خود را در جایی چیزی

243
00:12:10,300 --> 00:12:13,160
که به نظر می رسد یکی از راه در یک مرورگر
ممکن است نگاه همان

244
00:12:13,160 --> 00:12:14,880
راه در یک مرورگر دیگر.

245
00:12:14,880 --> 00:12:17,400
>> این مرورگر مرورگر به نام
سازگاری.

246
00:12:17,400 --> 00:12:20,780
و به طور فزاینده آن را تبدیل شدن بیشتر و
بیشتر از یک مشکل، به خصوص به عنوان

247
00:12:20,780 --> 00:12:25,260
مرورگر را از آزادی های بیشتر و بیشتر
برای پیاده سازی چیزهایی که آنها می خواهند.

248
00:12:25,260 --> 00:12:28,440
بنابراین برای غلبه بر آن، در واقع وجود دارد
یک کتابخانه بزرگ به نام Normalize.CSS.

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

250
00:12:32,236 --> 00:12:33,770
>> TOMAS رایمرز: ما شامل لینک کنید.

251
00:12:33,770 --> 00:12:36,210
در این مرحله، آن را مفید اگر
شما باید لپ تاپ خود را در وجود دارد

252
00:12:36,210 --> 00:12:38,740
به دنبال در محل.

253
00:12:38,740 --> 00:12:42,580
و ما در حال دادن این به شما راست
در حال حاضر تنها به دلیل نهایی CS50

254
00:12:42,580 --> 00:12:44,370
پروژه در واقع رفتن به
از شما می خواهم برای پیاده سازی آن

255
00:12:44,370 --> 00:12:45,860
به همین ترتیب و از طریق مرورگر.

256
00:12:45,860 --> 00:12:49,250
>> پس فقط به در پشت خود نگه دارید
سر، این یک کتابخانه فوق العاده است

257
00:12:49,250 --> 00:12:51,170
به دلیل این که، نوع،
استاندارد چیز.

258
00:12:51,170 --> 00:12:54,230
در فایرفاکس، چیزی ممکن است نشان دهد
به عنوان یک پیکسل به سمت چپ.

259
00:12:54,230 --> 00:12:58,390
و پس از آن کروم در واقع ممکن است تصمیم بگیرد که
10 پیکسل آنچه شما به معنای شد

260
00:12:58,390 --> 00:12:59,380
به سمت چپ.

261
00:12:59,380 --> 00:13:01,030
و شما می خواهید برای استاندارد این.

262
00:13:01,030 --> 00:13:05,360
عادی در واقع انجام یک واقعا خوب خواهد شد
کار مطمئن شوید که سایت شما

263
00:13:05,360 --> 00:13:08,070
به نظر می رسد همان در سراسر مرورگرها.

264
00:13:08,070 --> 00:13:10,660
>> MIKE ریزو: بنابراین اگر ما می خواستیم فقط
لینک واقعا به سرعت و به نمایش کلیک کنید.

265
00:13:10,660 --> 00:13:13,140
شما چه که به نظر می رسد، شما
می توانید آن را با استفاده از دانلود

266
00:13:13,140 --> 00:13:14,670
غول دانلود کلیک کنید.

267
00:13:14,670 --> 00:13:18,520
یا من شما را تشویق به خواندن بیشتر در مورد آن
با کلیک روی این لینک در کمتر

268
00:13:18,520 --> 00:13:19,310
گوشه سمت راست.

269
00:13:19,310 --> 00:13:22,420
>> TOMAS رایمرز: و اگر شما در واقع
ادامه مطلب کلیک سمت راست وجود دارد -

270
00:13:22,420 --> 00:13:24,340
با کلیک بر روی منبع در GitHub -

271
00:13:24,340 --> 00:13:31,720
در واقع شما می خواهید منبع باز را ببینید
مجوز LICENSE.md سمت راست وجود دارد.

272
00:13:31,720 --> 00:13:35,740
و شما در اینجا خواهید دید است
مجوز MIT بسیار محبوب است.

273
00:13:35,740 --> 00:13:38,940
باز هم، اگر شما را از طریق خواندن متن،
شما قادر خواهید بود برای پیدا کردن آن در سایت

274
00:13:38,940 --> 00:13:42,550
ما قبل از ارجاع شود و قادر به
درک آن را بدون نیاز به به عنوان خوانده شده

275
00:13:42,550 --> 00:13:45,920
از طریق اصطلاحات مخصوص یک صنف قانونی است.

276
00:13:45,920 --> 00:13:46,850
>> MIKE ریزو: OK، بزرگ است.

277
00:13:46,850 --> 00:13:47,940
به طوری که عادی است.

278
00:13:47,940 --> 00:13:49,190
ما می خواستیم به شما بدهد
که واقعا به سرعت.

279
00:13:49,190 --> 00:13:50,030
اوه، یک سوال؟

280
00:13:50,030 --> 00:13:53,013
>> رسید بنابراین، هنگامی که شما آن را دانلود کنید، شما
درست است که کد است که آنها به دنبال

281
00:13:53,013 --> 00:13:54,098
زیر دکمه دانلود؟

282
00:13:54,098 --> 00:13:55,860
>> TOMAS رایمرز: بله، تا
زمانی که شما دانلود -

283
00:13:55,860 --> 00:13:58,130
>> MIKE ریزو: اوه، که یک نقطه بزرگ است.

284
00:13:58,130 --> 00:14:00,700
بنابراین سوال این بود که چگونه انجام
ما در واقع آن را دانلود کنید؟

285
00:14:00,700 --> 00:14:03,260
بنابراین اگر ما روی لینک کلیک کنید، مشاهده می کنیم
که در واقع بالا میآید

286
00:14:03,260 --> 00:14:05,030
در کد منبع.

287
00:14:05,030 --> 00:14:08,550
بنابراین برای انجام این کار، آنچه که ما می تواند
انجام دهید فقط کلیک کنید ذخیره به عنوان.

288
00:14:08,550 --> 00:14:10,830
به عنوان ذخیره و که باید
مطرح کردن یک فایل.

289
00:14:10,830 --> 00:14:14,160
و پس از آن ما می توانید انتخاب کنید برای نجات
آن را به عنوان normalize.CSS.

290
00:14:14,160 --> 00:14:15,810
و پس از آن شما می خواهم که به آن پیوند در -

291
00:14:15,810 --> 00:14:18,660
>> TOMAS رایمرز: به همان شیوه شما
پیوند در هر فایل دیگر.

292
00:14:18,660 --> 00:14:22,250
و هنگامی که شما به آن پیوند در، چه بزرگ
در مورد عادی آن است که در واقع

293
00:14:22,250 --> 00:14:25,920
مراقبت از تمام سخت
کار به خودی خود.

294
00:14:25,920 --> 00:14:27,730
به این معنی که شما لازم نیست
برای اضافه کردن هر کلاس.

295
00:14:27,730 --> 00:14:29,690
>> شما لازم نیست برای انجام هر چیزی عجیب و غریب.

296
00:14:29,690 --> 00:14:34,590
آن را بدون شما عادی
انجام هر کاری بیشتر است.

297
00:14:34,590 --> 00:14:36,083
بله، شما باید به آن باشد.

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

299
00:14:38,990 --> 00:14:40,240
گوگل کروم پاسخ نمی دهد.

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

301
00:14:43,270 --> 00:14:44,860
>> فقط سریع به کنار -

302
00:14:44,860 --> 00:14:46,800
من متوجه شدم ما در این شروع به پریدن کرد.

303
00:14:46,800 --> 00:14:49,010
بقیه این مقاله
برای رفتن به یک دید کلی.

304
00:14:49,010 --> 00:14:50,380
بررسی کتابخانههای.

305
00:14:50,380 --> 00:14:52,710
>> در واقع، آنچه را که آنها می باشد.

306
00:14:52,710 --> 00:14:53,350
آنچه انجام می دهند.

307
00:14:53,350 --> 00:14:54,060
چگونه آنها مفید است.

308
00:14:54,060 --> 00:14:56,540
چگونه ممکن است شما آنها را اجرا می کنند.

309
00:14:56,540 --> 00:14:59,730
اگر می خواهید شروع به نگاه کردن به آنها،
همراه، و خواندن از طریق

310
00:14:59,730 --> 00:15:01,990
آنها را، من به شدت به تشویق که.

311
00:15:01,990 --> 00:15:07,620
>> متناوبا، شما به قابلی نیز
شروع به دانلود آنها و از جمله

312
00:15:07,620 --> 00:15:11,400
آنها را در یک چشم فقط برای دیدن آنچه که آنها
شبیه و یا آنچه انجام می دهند اگر شما

313
00:15:11,400 --> 00:15:12,270
لپ تاپ خود را در مقابل شما.

314
00:15:12,270 --> 00:15:14,650
اگر نه، شما خوش آمد برای حفظ هستید
گوش دادن به صحبت کردن با ما.

315
00:15:14,650 --> 00:15:15,500
ما قصد داریم به صحبت.

316
00:15:15,500 --> 00:15:18,680
و ما هم در پایان، امیدوارم
ما در واقع شما را به شما نشان می کنید

317
00:15:18,680 --> 00:15:20,946
برخی از این کتابخانه ها
شبیه.

318
00:15:20,946 --> 00:15:22,320
>> MIKE ریزو: دانلود.

319
00:15:22,320 --> 00:15:25,466
همه حق است، پس به صحبت
در مورد فونت بسیار معروف.

320
00:15:25,466 --> 00:15:30,480
>> TOMAS رایمرز: تا فونت بسیار معروف است
سایت واقعا شسته و رفته، به خصوص برای کسانی

321
00:15:30,480 --> 00:15:32,450
از ما که کمتر هنری است
با استعداد.

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

323
00:15:36,330 --> 00:15:38,880
نادیده گرفتن نام فونت بسیار معروف، آن را می دهد
شما یک دسته از آیکون ها، که می

324
00:15:38,880 --> 00:15:41,050
بسیار مفید است.

325
00:15:41,050 --> 00:15:45,950
بنابراین بسیاری از اوقات شما پیاده سازی
آیکون شما ممکن است مانند یک زیبا X بنابراین می خواهم

326
00:15:45,950 --> 00:15:47,170
که شما می توانید چیزی را ببندید.

327
00:15:47,170 --> 00:15:49,910
>> یا شما ممکن است به نوعی از دکمه ویرایش می خواهید
با طراحی مداد مانند

328
00:15:49,910 --> 00:15:50,940
هر کس دیگری است.

329
00:15:50,940 --> 00:15:53,850
و این زمانی که شما یاد بگیرند که
طراحی آن آیکون ها را می توان به

330
00:15:53,850 --> 00:15:55,510
بسیار خسته کننده و دشوار است.

331
00:15:55,510 --> 00:15:59,160
فونت بسیار معروف - اگر شما در واقع
رفتن به سایت -

332
00:15:59,160 --> 00:16:02,892
به شما می دهد تعداد زیادی از آیکون های زیر
آیکون در بالای صفحه.

333
00:16:02,892 --> 00:16:06,980
بله، فقط بالا.

334
00:16:06,980 --> 00:16:09,030
این به شما مقدار زیادی را
از آیکون به صورت رایگان.

335
00:16:09,030 --> 00:16:15,210
>> شما اینجا ما باید چیزهایی مانند
ستاره، کافه ها، صاعقه،

336
00:16:15,210 --> 00:16:19,750
تقویم، اشکال، کتاب، و غیره.

337
00:16:19,750 --> 00:16:21,110
این می تواند بسیار مفید باشد.

338
00:16:21,110 --> 00:16:24,290
راه شما شامل این است که شما شامل
به معنای واقعی کلمه در فایل CSS.

339
00:16:24,290 --> 00:16:29,760
و بعد از اینکه شما را گنجانده ام فایل CSS،
آنچه شما میتوانید انجام دهید این است که شما ایجاد یک

340
00:16:29,760 --> 00:16:33,430
برچسب به نام I. satands برای
آیکون با کلاس FA

341
00:16:33,430 --> 00:16:34,460
ایستاده برای فونت بسیار معروف.

342
00:16:34,460 --> 00:16:36,330
و پس از آن، هر آنچه که کلاس شما می خواهید.

343
00:16:36,330 --> 00:16:41,220
>> پس اگر من می خواستم یک آیکون از این به علاوه
میدان حق در اینجا، من را

344
00:16:41,220 --> 00:16:43,290
آن کلاس FA.

345
00:16:43,290 --> 00:16:46,230
و پس از آن خط تیره FA علاوه مربع خط تیره.

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

347
00:16:50,325 --> 00:16:53,710
>> MIKE ریزو: دانلود، OK.

348
00:16:53,710 --> 00:16:56,980
>> TOMAS رایمرز: و پس از آن، آخرین CSS
کتابخانه ما می خواهیم به نفوذ کنه ما

349
00:16:56,980 --> 00:16:59,950
تلاش برای نگه داشتن آن حداقل در CSS
کتابخانه ها چون ما تحقق بخشیدن به

350
00:16:59,950 --> 00:17:03,660
عنوان این مقاله
کتابخانه جاوا اسکریپت می باشد.

351
00:17:03,660 --> 00:17:07,089
اما ما فکر می کردند که ممکن است ما و همچنین
شما به کتابخانه های دیگر معرفی

352
00:17:07,089 --> 00:17:09,569
در حالی که ما در مورد کتابخانه ها صحبت می کردند.

353
00:17:09,569 --> 00:17:11,400
>> این فونت های گوگل است.

354
00:17:11,400 --> 00:17:17,040
و آنچه در گوگل فونت وب سایت شما اجازه می دهد تا
برای انجام این کار اضافه کردن فونت به وب سایت شما،

355
00:17:17,040 --> 00:17:22,079
است که راه واقعا آسان به آن را
زیبا و برای تشخیص مجموعه شما

356
00:17:22,079 --> 00:17:24,460
از هر کس دیگری است اگر آن را تا
یک فونت خوب و یا اگر آن را خوب

357
00:17:24,460 --> 00:17:27,790
مجموعه ای از فونت.

358
00:17:27,790 --> 00:17:31,410
فونت های گوگل به خوبی بر خلاف دیگر است
کتابخانه ها به این معنا که آن را

359
00:17:31,410 --> 00:17:33,490
نصب و راه اندازی واقعا هدایت.

360
00:17:33,490 --> 00:17:38,680
>> بنابراین اگر شما به دنبال لینک، آن را
google.com / فونت، به اعتقاد من.

361
00:17:38,680 --> 00:17:41,100
اگر شما به دنبال آن، شما
می توانید فونت خود را انتخاب کنید.

362
00:17:41,100 --> 00:17:44,410
شما می توانید در سمت چپ از را انتخاب کنید
ضخامت، کج، و غیره.

363
00:17:44,410 --> 00:17:48,970
و پس از آن، هنگامی که شما انتخاب کرده ایم یک،
شما می توانید با کلیک بر روی استفاده سریع است.

364
00:17:48,970 --> 00:17:49,820
راست وجود دارد.

365
00:17:49,820 --> 00:17:51,590
پایین سمت راست کادر.

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

367
00:17:54,380 --> 00:17:56,700
>> و سپس، پایین.

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

369
00:17:59,600 --> 00:18:02,650
اول از همه، به شما CSS را که
شما نیاز دارید که در واقع به آن لینک کنید.

370
00:18:02,650 --> 00:18:03,330
این حق وجود دارد.

371
00:18:03,330 --> 00:18:05,170
شما فقط می توانید کپی کنید و که وارد

372
00:18:05,170 --> 00:18:07,250
و چیز خوب در مورد این یکی است
شما در واقع نه حتی نیاز به

373
00:18:07,250 --> 00:18:08,340
فایل دانلود کنید.

374
00:18:08,340 --> 00:18:11,170
>> چه آن را انجام دهید این است آن را
برای پیوند به نسخه گوگل از آن.

375
00:18:11,170 --> 00:18:14,130
بنابراین به چه معنا است.

376
00:18:14,130 --> 00:18:18,270
این بدان معناست که هنگامی که یک کاربر
دانلود فایل های شما -

377
00:18:18,270 --> 00:18:22,300
دریافت صفحه HTML خود - HTML شما
صفحه در حال رفتن به مرجع این فایل.

378
00:18:22,300 --> 00:18:26,790
>> بنابراین پس از آن، کامپیوتر شما رفتن برای دیدن،
آه، آن را در google.com میزبانی و نه

379
00:18:26,790 --> 00:18:28,170
از در theirsite.com.

380
00:18:28,170 --> 00:18:30,370
اجازه بدهید من به درخواست گوگل برای آن فایل.

381
00:18:30,370 --> 00:18:32,800
و سپس، آن را شامل
آن را تقریبا به عنوان اگر آن را داشتند

382
00:18:32,800 --> 00:18:35,584
بخشی از سایت خود ارسال کنید.

383
00:18:35,584 --> 00:18:36,540
>> TOMAS رایمرز: دانلود.

384
00:18:36,540 --> 00:18:40,980
و هنگامی که شما را شامل است که، پس از آن به
آن را در CSS خود، آن را به شما می دهد

385
00:18:40,980 --> 00:18:41,830
خط واقعی.

386
00:18:41,830 --> 00:18:45,188
پس به شما در تنظیم خانواده فونت اموال
به نام فونت خود را برابر است.

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

388
00:18:47,936 --> 00:18:50,440
>> MIKE ریزو: OK.

389
00:18:50,440 --> 00:18:52,220
بنابراین ما فقط با CSS به پایان رسید.

390
00:18:52,220 --> 00:18:57,230
و برخی از شما ممکن است فکر کردن، خوب،
ما برخی از CSS در CS50 مالی بود.

391
00:18:57,230 --> 00:19:00,390
اما کتابخانه های CSS خود راه انداز بود.

392
00:19:00,390 --> 00:19:05,190
ما در واقع شامل راه انداز کمی
بعد از آن تحت جاوا اسکریپت چرا که با

393
00:19:05,190 --> 00:19:09,660
کتابخانه خود راه انداز CSS نیز می آید
با تعداد زیادی از جاوا اسکریپت است که

394
00:19:09,660 --> 00:19:12,060
خود راه انداز یا توییتر -
که خود راه انداز ساخته شده -

395
00:19:12,060 --> 00:19:15,426
با استفاده از برای مدیریت تمام CSS است.

396
00:19:15,426 --> 00:19:19,592
>> TOMAS رایمرز: آیا هر کسی هر گونه
سوالات تا کنون در مورد CSS به طور کلی؟

397
00:19:19,592 --> 00:19:20,723
ما خوب است؟

398
00:19:20,723 --> 00:19:21,216
بسیار معروف.

399
00:19:21,216 --> 00:19:22,495
>> MIKE ریزو: عالی.

400
00:19:22,495 --> 00:19:25,136
>> TOMAS رایمرز: بنابراین در حال حرکت
به جاوا اسکریپت.

401
00:19:25,136 --> 00:19:27,900
>> MIKE ریزو: بنابراین ما می خواست به صحبت
در مورد جی کوئری برای شروع با.

402
00:19:27,900 --> 00:19:30,780
تا کسی از jQuery شنیده
قبل از و یا استفاده از آن؟

403
00:19:30,780 --> 00:19:32,180
بله، یک زن و شوهر؟

404
00:19:32,180 --> 00:19:36,000
بنابراین اگر شما فقط با مادری کار
جاوا اسکریپت، شما به خودتان پیدا کنید

405
00:19:36,000 --> 00:19:41,000
تایپ کردن بسیاری از انتخاب های بلند زیادی.

406
00:19:41,000 --> 00:19:44,400
پس چه jQuery را انجام می دهد آن را فراهم می
یک پوشش زیبا برای جاوا اسکریپت

407
00:19:44,400 --> 00:19:48,180
زبان است که اجازه می دهد تا شما به راحتی انتخاب کنید
و دستکاری عناصر مختلف

408
00:19:48,180 --> 00:19:52,470
در مدل شیء سند از
صفحه وب یا DOM، که من فکر می کنم

409
00:19:52,470 --> 00:19:54,290
شما بچه ها از در شنیده
سخنرانی در این نقطه است.

410
00:19:54,290 --> 00:19:57,550
>> TOMAS رایمرز: اگر شما از آن چیزی نمی دانند
آن و یا سخنرانی اگر شما تماشا

411
00:19:57,550 --> 00:20:01,870
در عین حال، مدل شیء سند است
اساسا چگونه همه چیز نشان داده است.

412
00:20:01,870 --> 00:20:05,290
بنابراین HTML نوعی به نظر می رسد مثل یک درخت
زمانی که به آن جلب شده است.

413
00:20:05,290 --> 00:20:06,850
شما از این عنصر HTML در بالای صفحه.

414
00:20:06,850 --> 00:20:07,560
شما باید سر و بدن.

415
00:20:07,560 --> 00:20:09,500
>> و پس از آن، که در آن شما
باید هر چیز دیگری.

416
00:20:09,500 --> 00:20:10,660
که به عنوان DOM اشاره -

417
00:20:10,660 --> 00:20:12,120
سند مدل شیء.

418
00:20:12,120 --> 00:20:16,090
بنابراین یک مدل که نشان دهنده اشیاء در
سند یک راه آسان برای فکر است

419
00:20:16,090 --> 00:20:18,560
در مورد آن.

420
00:20:18,560 --> 00:20:22,520
و یکی از نکته مهم در مورد جی کوئری
است که واقعا باعث می شود تراورس

421
00:20:22,520 --> 00:20:26,460
که عناصر و دستکاری در
که فوق العاده ساده است.

422
00:20:26,460 --> 00:20:30,300
>> بسیار ساده است، در واقع، که اکثر
جاوا اسکریپت کتابخانه و یا اگر نه

423
00:20:30,300 --> 00:20:34,200
اکثریت، اکثریت بزرگ از آنهایی که
شما خواهید دید که در واقع نیاز به جی کوئری به طوری

424
00:20:34,200 --> 00:20:37,530
که آنها می توانند خود را به سادگی اجرا
چرا که اگر شما به jQuery را نداشته باشند، شما

425
00:20:37,530 --> 00:20:40,540
یک مقدار زیادی از اتلاف وقت در تلاش برای
چطور به انتخاب خاص

426
00:20:40,540 --> 00:20:43,660
عناصر و چگونه به انجام کارهای دیگر.

427
00:20:43,660 --> 00:20:47,950
و نکته مهم دیگر در مورد جی کوئری
این است که این مرورگر سازگار عبور است.

428
00:20:47,950 --> 00:20:51,550
>> بنابراین به یاد داشته باشید که پشت ما گفت که
لزوما همه مرورگرها اجرا

429
00:20:51,550 --> 00:20:53,100
همه چیز به همان روش؟

430
00:20:53,100 --> 00:20:55,120
این حتی در جاوا اسکریپت درست است.

431
00:20:55,120 --> 00:20:58,220
و یکی از کارهای بسیار خوبی را در مورد جی کوئری
است که آن را تشخیص خواهد شد

432
00:20:58,220 --> 00:21:00,300
مرورگر و تشخیص
روش مناسب است.

433
00:21:00,300 --> 00:21:03,420
>> بنابراین اگر شما نیاز به انتخاب یک عنصر،
اینترنت اکسپلورر ممکن است بگویند شما

434
00:21:03,420 --> 00:21:05,770
قرار است به را در این راه.

435
00:21:05,770 --> 00:21:08,300
فایرفاکس ممکن است درست می گویند
راه این راه است.

436
00:21:08,300 --> 00:21:09,710
جی کوئری مراقبت می کند.

437
00:21:09,710 --> 00:21:12,550
هنگامی که شما از jQuery را به انتخاب
عنصر آن را به شکل از چگونه آن را

438
00:21:12,550 --> 00:21:16,290
قرار است این کار را انجام در مرورگر
کاربر در حال حاضر در، و پس از آن انجام

439
00:21:16,290 --> 00:21:18,584
این جوری.

440
00:21:18,584 --> 00:21:22,650
>> MIKE ریزو: بنابراین اجازه دهید در مورد بحث نیست
استفاده از jQuery یک کمی.

441
00:21:22,650 --> 00:21:27,670
درست مانند PHP، جی کوئری دارای خاص
علاقه برای علامت دلار.

442
00:21:27,670 --> 00:21:30,880
بنابراین شما باید دریابید که هر جی کوئری -

443
00:21:30,880 --> 00:21:32,060
خوب، نه همه.

444
00:21:32,060 --> 00:21:35,210
شما گاهی اوقات می تواند جایگزین دلار
ثبت نام با کلمه از jQuery.

445
00:21:35,210 --> 00:21:38,980
اما به طور کلی، فقط به خاطر این
کوتاه تر، هر زمان که شما می بینید از jQuery بودن

446
00:21:38,980 --> 00:21:41,420
مورد استفاده آن را با یک علامت دلار باشد.

447
00:21:41,420 --> 00:21:47,030
>> بنابراین در اینجا ما فقط نشان دادن یک آغاز
انتخاب برای یک عنصر در DOM.

448
00:21:47,030 --> 00:21:52,850
در اینجا، ما باید علامت دلار به دنبال
پرانتز باز و سپس به نقل از.

449
00:21:52,850 --> 00:21:56,130
و در نقل به انتخاب ما
برای عناصر مختلف.

450
00:21:56,130 --> 00:21:59,810
درست مانند CSS، ما انتخاب را به مورد نیاز
قادر به سبک عناصر مختلف

451
00:21:59,810 --> 00:22:00,840
در صفحه.

452
00:22:00,840 --> 00:22:06,555
کسانی که انتخاب های مختلف ترجمه
دقیقا به جی کوئری و جاوا اسکریپت،

453
00:22:06,555 --> 00:22:07,820
در بیشتر قسمت ها.

454
00:22:07,820 --> 00:22:10,120
>> بنابراین در اینجا ما باید یک نقطه تولی.

455
00:22:10,120 --> 00:22:14,780
بنابراین اگر شما از سخنرانی به یاد می آورند،
نقطه فقط بدان معناست که کلاس.

456
00:22:14,780 --> 00:22:18,850
بنابراین ما در حال انتخاب عنصر
با کلاس تولی.

457
00:22:18,850 --> 00:22:22,670
بنابراین اگر من به جلو و باز کردن ما
جاوا اسکریپت کنسول در اینجا واقعا به سرعت

458
00:22:22,670 --> 00:22:26,830
فقط آن را نشان می دهد، اگر من فقط نوع
علامت دلار، ما می بینیم که این برخی از

459
00:22:26,830 --> 00:22:28,090
تابعی که بالا می آید.

460
00:22:28,090 --> 00:22:29,420
و آن را فقط توسط جی کوئری تعریف شده است.

461
00:22:29,420 --> 00:22:32,120
>> TOMAS رایمرز: برای کسانی از شما
نا آشنا، کنسول یک ابزار است

462
00:22:32,120 --> 00:22:35,430
در کروم، که اجازه می دهد تا شما را به،
در واقع، اجرای جاوا اسکریپت را در

463
00:22:35,430 --> 00:22:36,450
صفحه جاری.

464
00:22:36,450 --> 00:22:39,420
این شما را به طرزی باورنکردنی زمانی مفید است که
شما در واقع اشکال زدایی و شما

465
00:22:39,420 --> 00:22:42,400
نیاز به مانند، آنچه که در حال حاضر
ارزش برخی از متغیر جهانی و یا چه

466
00:22:42,400 --> 00:22:43,910
چیز دیگری است؟

467
00:22:43,910 --> 00:22:47,620
این نوع مانند GDB به جز
که شما در واقع می تواند

468
00:22:47,620 --> 00:22:51,600
دستکاری عناصر در صفحه با
آن را در مد بسیار ساده تر است.

469
00:22:51,600 --> 00:22:55,080
و همچنین آن را ندارد، در واقع، چک
در با شما قبل از آن را ندارد هر چیزی.

470
00:22:55,080 --> 00:22:58,660
>> بنابراین در حالی که، GDB ممکن است مانند، شما
مطمئن هستید که می خواهید برای اجرای گام بعدی؟

471
00:22:58,660 --> 00:22:59,830
این کنسول در واقعی است.

472
00:22:59,830 --> 00:23:03,690
بنابراین به عنوان صفحه وب است ارائه و
انجام هر آنچه که آن را انجام می دهند،

473
00:23:03,690 --> 00:23:05,720
شورا همچنین در کنار آن در حال اجرا.

474
00:23:05,720 --> 00:23:08,330
و شما می توانید کد دادن به قرار
که کنسول، که

475
00:23:08,330 --> 00:23:09,260
در صفحه اجرا شود.

476
00:23:09,260 --> 00:23:12,190
>> MIKE ریزو: پس برای ورود به کنسول،
من حدس می زنم من باید به طور خلاصه

477
00:23:12,190 --> 00:23:13,750
که چگونه به انجام این کار.

478
00:23:13,750 --> 00:23:17,850
در مشکلات گذشته که ممکن است شما
استفاده کروم عنصر بازرسی

479
00:23:17,850 --> 00:23:20,440
توابع و یا مشاهده منبع صفحه -

480
00:23:20,440 --> 00:23:23,870
و کسانی که تنها با راست قابل دسترسی هستند
کلیک کردن بر روی صفحه و یا خاص

481
00:23:23,870 --> 00:23:28,430
عنصر و انجام هر دو بازرسی
عنصر و یا مشاهده منبع صفحه.

482
00:23:28,430 --> 00:23:31,190
ما همچنین می توانیم جاوا اسکریپت دسترسی
کنسول به طور مستقیم توسط

483
00:23:31,190 --> 00:23:33,630
انتخاب بازرسی عنصر.

484
00:23:33,630 --> 00:23:37,930
کنسول پس شما فقط آمار
در سمت راست.

485
00:23:37,930 --> 00:23:41,900
>> متناوبا، شما همچنین می توانم از بین رفته اند
به گوشه سمت راست بالا،

486
00:23:41,900 --> 00:23:46,820
که خاموش در این صفحه نمایش را کاهش دهد که در آن
از آن است که سه میله افقی.

487
00:23:46,820 --> 00:23:52,010
و شما را به پایین به ابزار و
پس از جاوا اسکریپت کنسول

488
00:23:52,010 --> 00:23:53,240
در اینجا که در آن می توانید ببینید -

489
00:23:53,240 --> 00:23:54,370
حداقل در ویندوز -

490
00:23:54,370 --> 00:23:59,680
میانبر است کنترل دنده J. بعد
اگر ما می خواستیم برای انتخاب یک عنصر

491
00:23:59,680 --> 00:24:06,060
در این صفحه، درست مثل من نشان داد
قبل از، ما علامت دلار parens باز

492
00:24:06,060 --> 00:24:08,180
و پس از آن به نقل از.

493
00:24:08,180 --> 00:24:11,750
>> چیزی که جالب است، به طور کلی،
نقل قول تکی و نقل از دو برابر است

494
00:24:11,750 --> 00:24:12,370
تعویض.

495
00:24:12,370 --> 00:24:16,050
بنابراین بسیاری از مردم فقط تنها استفاده
نقل قول این دلیل که آنها سریع تر به تایپ کنید

496
00:24:16,050 --> 00:24:19,780
از نقل قول ها دو به خاطر شما نیست
باید با نگه داشتن shift.

497
00:24:19,780 --> 00:24:21,770
بنابراین من فقط انجام این کار در حال حاضر.

498
00:24:21,770 --> 00:24:24,510
>> بنابراین من می خواهم چیزی را انتخاب کنید
با کلاس.

499
00:24:24,510 --> 00:24:27,200
کانتینر، فقط به خاطر اینکه من می دانم که
چیزی است که در ما

500
00:24:27,200 --> 00:24:28,740
صفحه وب در حال حاضر.

501
00:24:28,740 --> 00:24:29,520
و من آمار را وارد کنید.

502
00:24:29,520 --> 00:24:31,670
و ما می توانید ببینید که در آن انتخاب شده است.

503
00:24:31,670 --> 00:24:34,990
پس از آن نشان می دهد تا که آن
که شی بازگشت.

504
00:24:34,990 --> 00:24:36,620
به طوری که یک انتخاب عمومی است.

505
00:24:36,620 --> 00:24:40,080
اگر ما می خواستیم به واقع آن را دستکاری،
شما را مجبور به چیزی تماس بگیرید

506
00:24:40,080 --> 00:24:43,925
در که انتخاب، که
ما را به بعد دریافت کنید.

507
00:24:43,925 --> 00:24:49,030
>> TOMAS رایمرز: پس فقط به آن نگاه کنید
بیشتر در عمق، این است که هیچ تفاوتی ندارد

508
00:24:49,030 --> 00:24:52,245
از فراخوانی تابع ما در C. ساخته شده
نام تابع در اینجا یک

509
00:24:52,245 --> 00:24:52,580
کمی عجیب و غریب.

510
00:24:52,580 --> 00:24:55,640
این علامت دلار است.

511
00:24:55,640 --> 00:24:57,010
این فقط یک نام یک تابع.

512
00:24:57,010 --> 00:24:58,810
هیچ چیز خاصی در مورد آن وجود دارد.

513
00:24:58,810 --> 00:25:00,450
>> ما باید پرانتز باز.

514
00:25:00,450 --> 00:25:03,880
پس از آن، ما باید ما یک آرگومان، که
در این مورد اتفاق می افتد که یک رشته،

515
00:25:03,880 --> 00:25:05,680
که یک انتخابگر برای آن است.

516
00:25:05,680 --> 00:25:08,130
و پس از آن، ما باید ما
پرانتز بسته.

517
00:25:08,130 --> 00:25:09,960
همین.

518
00:25:09,960 --> 00:25:11,500
>> این است که بسیار متفاوت است.

519
00:25:11,500 --> 00:25:12,900
هر چند، آن را به نگاه بسیار عجیب و غریب.

520
00:25:12,900 --> 00:25:17,220
و است که می تواند، نوع، چسبیدن
اشاره برای بسیاری از مردم است.

521
00:25:17,220 --> 00:25:21,460
>> MIKE ریزو: بنابراین به طور مشابه، اگر ما می خواستیم
برای انتخاب یک عنصر است که دارای یک ID،

522
00:25:21,460 --> 00:25:23,470
در حال حاضر ما می خواهیم به انتخاب های
ID به جای کلاس.

523
00:25:23,470 --> 00:25:28,080
این امر می تواند چیزی مشابه که در آن ما
فقط علامت های برش و برش ID.

524
00:25:28,080 --> 00:25:33,576
بنابراین ما در حال انتخاب در اینجا تمام
عناصر که دارای نوار ID.

525
00:25:33,576 --> 00:25:35,400
>> TOMAS رایمرز: و این گسترش می یابد.

526
00:25:35,400 --> 00:25:36,450
این CSS گسترش می یابد.

527
00:25:36,450 --> 00:25:42,260
درست مانند CSS، شما می توانید همه را انتخاب کنید
پیوند ها، که تولی کلاس.

528
00:25:42,260 --> 00:25:43,420
در اینجا، این همان چیزی است.

529
00:25:43,420 --> 00:25:52,750
>> شما می توانید a.foo انجام دهید، که می تواند انتخاب کنید
همه از لینک های با تولی کلاس.

530
00:25:52,750 --> 00:25:58,860
شما می توانید یک نوار تیز انجام دهد، که می
لینک با نوار ID و غیره را انتخاب کنید

531
00:25:58,860 --> 00:25:59,770
و غیره.

532
00:25:59,770 --> 00:26:02,120
هر گونه انتخاب CSS معتبر است
انتخاب از jQuery.

533
00:26:02,120 --> 00:26:03,370
>> MIKE ریزو: آره.

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

535
00:26:07,996 --> 00:26:11,460
OK، بنابراین در حال حاضر اجازه دهید به کمی کنید
دستکاری که ما می توانیم با انجام

536
00:26:11,460 --> 00:26:12,870
ما از jQuery.

537
00:26:12,870 --> 00:26:19,280
پس از jQuery دارای یک نوع خاص
از نماد های که در آن ما فقط استفاده از

538
00:26:19,280 --> 00:26:20,170
یک نقطه در پایان.

539
00:26:20,170 --> 00:26:23,340
و شما می توانید از این مثل در فکر می کنم
C چگونه ما تا به حال ساختار متفاوت است.

540
00:26:23,340 --> 00:26:27,110
و برای رفتن به آن ساختار، شما را
استفاده از یک نقطه به آنها را دریافت کنید.

541
00:26:27,110 --> 00:26:28,480
>> این، نوع، چیزی مشابه.

542
00:26:28,480 --> 00:26:33,570
فقط در حال حاضر ما باید توابع در این
انتخاب که ما می توانیم بر روی آن تماس بگیرید.

543
00:26:33,570 --> 00:26:38,640
بنابراین در اینجا، به عنوان مثال اولین
شما می توانید ببینید یک انتخابگر CSS است.

544
00:26:38,640 --> 00:26:45,290
و در واقع، آنچه که انجام می دهد آن است
این عنصر برای اولین بار از CSS به این امر

545
00:26:45,290 --> 00:26:46,230
چیزی که شما انتخاب -

546
00:26:46,230 --> 00:26:47,720
این عنصر که شما انتخاب -

547
00:26:47,720 --> 00:26:49,290
با ارزش است.

548
00:26:49,290 --> 00:26:55,390
>> TOMAS رایمرز: بنابراین ترجمه ای آسان از
خواهد بود که اگر از jQuery، در واقع،

549
00:26:55,390 --> 00:26:57,790
فقط تولی و جو در زمان.

550
00:26:57,790 --> 00:27:05,480
و پس از آن در CSS گفت،
رنگ قرمز و نزدیک است.

551
00:27:05,480 --> 00:27:06,670
این همان ایده است.

552
00:27:06,670 --> 00:27:08,800
چه آن را انجام داده است آن را انتخاب
تمام عناصر غذایی

553
00:27:08,800 --> 00:27:10,170
و پس از آن استفاده شود.

554
00:27:10,170 --> 00:27:15,884
مرتب کردن بر اساس، رنگ املاک
به رنگ قرمز برابر است.

555
00:27:15,884 --> 00:27:21,070
>> MIKE ریزو: به همین ترتیب، ما نیز می توانید تغییر دهید.
محتویات واقعی از آنچه است

556
00:27:21,070 --> 00:27:24,870
نشان دادن در HTML از صفحه، که
واقعا سرد است این یعنی شما

557
00:27:24,870 --> 00:27:28,095
صفحات وب هم اکنون می توانید به طور کامل پویا
و لازم نیست به شخص

558
00:27:28,095 --> 00:27:31,660
که شما نسخه قابل چاپ کردن با استفاده از PHP
در آغاز از

559
00:27:31,660 --> 00:27:33,320
صفحه در حال لود می شود.

560
00:27:33,320 --> 00:27:36,810
بنابراین در اینجا، اگر ما می خواستیم برای تغییر
HTML واقعی از صفحه، ما در حال حاضر

561
00:27:36,810 --> 00:27:43,550
تابع HTML، تماس بگیرید که پس از آن فقط
درج هر آنچه که ما را مشخص کنید

562
00:27:43,550 --> 00:27:45,390
که عنصر که ما انتخاب شده است.

563
00:27:45,390 --> 00:27:49,810
بنابراین در اینجا ما در حال انتخاب عنصر با
تولی کلاس و پس از آن گفت: آن را به HTML

564
00:27:49,810 --> 00:27:52,200
آن را در حال حاضر سلام جهان است.

565
00:27:52,200 --> 00:27:55,600
>> TOMAS رایمرز: و هنگامی که شما فکر می کنم در مورد
آنچه که برنامه های کاربردی مفید است

566
00:27:55,600 --> 00:28:00,800
این، این یکی CSS، اولین چیزی که
شما می توانید شروع به فکر کردن در مورد

567
00:28:00,800 --> 00:28:03,070
از نظر حتی منوهای کشویی.

568
00:28:03,070 --> 00:28:08,350
شما می توانید شروع به انجام کارهای مانند، هنگامی که
یک کاربر hovers بیش از بخش بالا

569
00:28:08,350 --> 00:28:11,970
از پایین قطره، می خواهید مطمئن
قسمت پایین قابل مشاهده است.

570
00:28:11,970 --> 00:28:12,540
درست است؟

571
00:28:12,540 --> 00:28:15,610
>> بنابراین در CSS، ما باید خواص
را به چیزی قابل مشاهده است.

572
00:28:15,610 --> 00:28:19,330
چیزهایی که مثل هیچ کدام روده بزرگ صفحه نمایش
آن را نامرئی می کند.

573
00:28:19,330 --> 00:28:21,190
نمایش بلوک آن را قابل رویت کند.

574
00:28:21,190 --> 00:28:25,860
و یا حتی اگر شما می خواهید برای رفتن ساده تر، شما
که چیزهایی مثل برابر دید

575
00:28:25,860 --> 00:28:27,520
قابل مشاهده است، و دید برابر پنهان است.

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

577
00:28:30,330 --> 00:28:34,780
>> و شما می توانید شروع به پیاده سازی همه چیز
مانند کشویی سمت راست منوها

578
00:28:34,780 --> 00:28:38,410
پس شما را از طریق ایده چگونه از دریافت
می تواند شما را کشف کردن در زمانی که این باز می شود،

579
00:28:38,410 --> 00:28:39,850
که ما آن را از طریق به طور خیلی خلاصه می شود.

580
00:28:39,850 --> 00:28:42,160
اما ما می توانیم شروع به دیدن
برنامه های کاربردی از این.

581
00:28:42,160 --> 00:28:45,540
در مفهوم مشابه، اگر شما را امتحان کنید
و اجرا، اجازه دهید بگویم، یک چت

582
00:28:45,540 --> 00:28:48,620
موتور و می خواهید مطمئن کمی
حباب سخنرانی می آیند تا هر زمان که شما کرده اید

583
00:28:48,620 --> 00:28:52,880
یک پیام جدید، هنگامی که شما از
پیام جدید، شما می توانید کمی را

584
00:28:52,880 --> 00:28:55,890
حباب سخنرانی تا با تغییر آمده
HTML صفحه، درست است؟

585
00:28:55,890 --> 00:29:00,540
با اضافه کردن که حباب سخنرانی فوق العاده
با متن های اضافی در آن وجود دارد.

586
00:29:00,540 --> 00:29:01,140
آره؟

587
00:29:01,140 --> 00:29:07,750
>> رسید بنابراین شما می توانید این را در درون جاسازی
کد HTML را در نوعی،

588
00:29:07,750 --> 00:29:10,534
[نامفهوم]؟

589
00:29:10,534 --> 00:29:12,940
>> MIKE ریزو: راست.

590
00:29:12,940 --> 00:29:16,190
بله، ما به شما دریافت کنید که به
در کمی.

591
00:29:16,190 --> 00:29:18,810
آره، آن را مشابه است
کمی به PHP.

592
00:29:18,810 --> 00:29:21,240
هنوز دقیقا مشابه است.

593
00:29:21,240 --> 00:29:24,730
>> تمایز خوبی برای آن چیزی است که این
است که در واقع در حال ویرایش زمانی که ما ویرایش کنید

594
00:29:24,730 --> 00:29:28,480
صفحه دلیل آن را نمی شود
ویرایش فایل های واقعی است که در حال

595
00:29:28,480 --> 00:29:31,380
نگه داشته و بر روی سرور به دلیل جهان
باید اجازه ندارد

596
00:29:31,380 --> 00:29:32,610
برای ویرایش فایل های خود را.

597
00:29:32,610 --> 00:29:36,080
این است تنها ویرایش آنچه که بر روی صفحه
و آنچه که در درون نمایش داده می شود

598
00:29:36,080 --> 00:29:36,950
مرورگر.

599
00:29:36,950 --> 00:29:40,340
بنابراین اگر شما به بارگذاری مجدد صفحه پس از،
می گویند، پاک کردن چیزی به ما

600
00:29:40,340 --> 00:29:44,730
ببینید ما می توانیم با تماس حذف را انجام دهید،
چیزی که پس از آن ظهور.

601
00:29:44,730 --> 00:29:48,590
>> TOMAS رایمرز: بنابراین یک راه برای فکر کردن در مورد
این است اگر من کامپیوتر شما هستم و

602
00:29:48,590 --> 00:29:50,170
مایک است، مرتب از، سرور.

603
00:29:50,170 --> 00:29:53,850
چه اتفاقی خواهد افتاد این است که من قصد دارم به
درخواست مایک، هی، می توانید یک کپی از من

604
00:29:53,850 --> 00:29:54,630
این صفحه وب؟

605
00:29:54,630 --> 00:29:56,190
و او به من یک کپی از آن را به من بدهید.

606
00:29:56,190 --> 00:29:57,430
>> نه، این چیزی که اصلی نیست.

607
00:29:57,430 --> 00:29:58,620
این فقط یک نسخه است.

608
00:29:58,620 --> 00:30:00,450
و سپس آن را می خواهم، آه، لازم است
در اینجا جاوا اسکریپت وجود دارد.

609
00:30:00,450 --> 00:30:02,450
واضح است، من باید ویرایش کنید
صفحه اینگونه باشد.

610
00:30:02,450 --> 00:30:04,250
و من ویرایش کپی کنید.

611
00:30:04,250 --> 00:30:05,920
>> اما این تاثیر نمی
کپی واقعی.

612
00:30:05,920 --> 00:30:08,480
و اگر من به او بخواهید دوباره
تازه کردن صفحه، -

613
00:30:08,480 --> 00:30:10,060
با سلام، می توانم دیگری کپی تمیز -

614
00:30:10,060 --> 00:30:11,440
او به من می دهد
یکی دیگر از نسخه تمیز.

615
00:30:11,440 --> 00:30:14,240
و پس از آن، من قصد دارم همین کار را
مانند، آه، این JS در اینجا است که می گوید:

616
00:30:14,240 --> 00:30:14,866
ویرایش این.

617
00:30:14,866 --> 00:30:17,460
و من قصد دارم به ادامه دهیم.

618
00:30:17,460 --> 00:30:20,930
>> MIKE ریزو: بنابراین چیزی که واقعا سرد
که شما می توانید با jQuery است

619
00:30:20,930 --> 00:30:24,350
در واقع اضافه کردن انواع مختلف
از انیمیشن ها را به صفحه خود.

620
00:30:24,350 --> 00:30:27,440
من نمی دانم اگر شما تا کنون دیده ام که در آن
شما در تلاش برای پر کردن یک فرم

621
00:30:27,440 --> 00:30:31,250
آنلاین و شما را پر نمی کردن
چیزهایی که به درستی.

622
00:30:31,250 --> 00:30:33,440
بنابراین چیزی که کمی اسلاید کردن
در بالا و شما می گوید

623
00:30:33,440 --> 00:30:34,820
این به درستی انجام داده است.

624
00:30:34,820 --> 00:30:36,260
لطفا دوباره امتحان کنید.

625
00:30:36,260 --> 00:30:37,890
و پس از آن، ممکن است حتی فقط اسلاید کردن.

626
00:30:37,890 --> 00:30:40,710
>> معلوم است jQuery را در توابع ساخته شده است
که همه از آن

627
00:30:40,710 --> 00:30:44,180
انیمیشن واقعا، واقعا آسان است.

628
00:30:44,180 --> 00:30:46,750
بنابراین برای اولین بار وجود دارد محو شدن
تابع است، که

629
00:30:46,750 --> 00:30:47,710
شما می توانید بر روی چیزی تماس بگیرید.

630
00:30:47,710 --> 00:30:55,650
و این راه را برای تغییر CSS از است
آن عنصر را به یک روش متحرک.

631
00:30:55,650 --> 00:30:58,480
بنابراین به هر عنصر
شما نام آن را محو کرد.

632
00:30:58,480 --> 00:31:03,990
و سپس، به آرامی کدورت آن تغییر
تا زمانی که می رود کاملا شفاف است.

633
00:31:03,990 --> 00:31:07,330
>> TOMAS رایمرز: دیگر یکی از محبوب
است گوشی را به پایین، که باعث می شود

634
00:31:07,330 --> 00:31:08,800
چیزی کشویی آن را به نظر می رسد.

635
00:31:08,800 --> 00:31:12,840
بنابراین در صورت منو کشویی،
دوباره، زمانی که ما آموخته است که چگونه تشخیص

636
00:31:12,840 --> 00:31:15,310
در زمانی که این شده است نورانی،
شما فقط می تواند بگوید که این پایین

637
00:31:15,310 --> 00:31:16,910
قسمت پایین اسلاید در حال حاضر.

638
00:31:16,910 --> 00:31:19,270
و پس از آن، به نظر می رسد
توسط کشویی پایین.

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

640
00:31:22,042 --> 00:31:26,590
>> MIKE ریزو: و پس از آن، اگر شما فقط باید
برخی از انواع انیمیشن در نظر داشته باشید که

641
00:31:26,590 --> 00:31:29,080
جی کوئری لزوما ارائه نمی دهد.

642
00:31:29,080 --> 00:31:32,690
به عنوان مثال، اجازه دهید بگویم از jQuery
شما را با یک اسلاید ارائه

643
00:31:32,690 --> 00:31:33,750
پایین و اسلاید کردن.

644
00:31:33,750 --> 00:31:36,740
خوب، اجازه دهید به شما می گویند می خواستم به اسلاید
چیزی در سمت چپ و یا در از

645
00:31:36,740 --> 00:31:39,880
نوع درست مانند CS50
صفحه اصلی می کند هر زمان که

646
00:31:39,880 --> 00:31:42,080
شما را به یک صفحه جدید است.

647
00:31:42,080 --> 00:31:45,030
بعد از آن شما احتمالا به
خودتان را به پیاده سازی آن با استفاده از

648
00:31:45,030 --> 00:31:49,310
تحریک و تشجیع کردن تابع در جی کوئری.

649
00:31:49,310 --> 00:31:51,350
>> بنابراین به طور مشابه، شما فقط تحریک و تشجیع کردن.

650
00:31:51,350 --> 00:31:55,850
و سپس، در آن طول می کشد
فرهنگ از ارزش های مختلف

651
00:31:55,850 --> 00:31:57,340
که شما قرار است منتقل می کند.

652
00:31:57,340 --> 00:32:06,960
بنابراین در اینجا، اگر ما می خواستیم به تحریک و تشجیع کردن
عنصر تولی به طوری که عرض آن یا

653
00:32:06,960 --> 00:32:10,880
انبساط و انقباض به 80 پیکسل،
با توجه به آنچه در حال حاضر است.

654
00:32:10,880 --> 00:32:14,100
ما فقط دور شود که به عنوان
این بحث در درون آن.

655
00:32:14,100 --> 00:32:18,060
>> روح نیز به برخی از استدلال های دیگر
که شما می توانید از آن عبور کند، به عنوان مثال،

656
00:32:18,060 --> 00:32:21,150
سرعت انیمیشن
که شما می خواهید به آن بدهید.

657
00:32:21,150 --> 00:32:26,220
و برای انجام این کار، من فقط می گویند
سرعت گوگل از jQuery تحریک و تشجیع کردن.

658
00:32:26,220 --> 00:32:31,710
و سپس، پرورش این صفحه، شما می توانید
دیدن آن را به یک دسته از مختلف

659
00:32:31,710 --> 00:32:33,560
خواص است که شما می توانید آن را منتقل می کند.

660
00:32:33,560 --> 00:32:35,990
>> و من شما را تشویق - هر زمان که شما می آیند
در سراسر چیزی است که شما انجام نمی

661
00:32:35,990 --> 00:32:40,390
می دانیم و یا فقط می خواهم برای کسب اطلاعات بیشتر در مورد
روش خاص است که شما می توانید تماس بگیرید

662
00:32:40,390 --> 00:32:41,270
بر روی چیزی -

663
00:32:41,270 --> 00:32:44,440
فقط آن را گوگل. جی کوئری بسیار
به خوبی مستند شده است.

664
00:32:44,440 --> 00:32:49,140
و اغلب اوقات در بسیاری از وجود دارد
نمونه هایی که آنها را برای شما فراهم می کند.

665
00:32:49,140 --> 00:32:52,470
اگر ما پایین -

666
00:32:52,470 --> 00:32:53,720
راه را به پایین -

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

668
00:32:57,660 --> 00:32:59,190
که ما می توانید استفاده کنید، و همچنین.

669
00:32:59,190 --> 00:33:02,480
>> باز هم، زمانی که یک توسعه دهنده در واقع می رود
از طریق مشکل نوشتن

670
00:33:02,480 --> 00:33:05,810
کتابخانه، آنها به طور معمول می خواهید
کسی از آن استفاده کنید.

671
00:33:05,810 --> 00:33:09,400
بنابراین در کنار رفتن به
یک اسناد و مدارک.

672
00:33:09,400 --> 00:33:12,270
و این اسناد معمولا می تواند
بر روی صفحه پروژه، که

673
00:33:12,270 --> 00:33:14,970
به همین دلیل ما به شما است که سایت اصلی در داد
در آغاز، که به شما لینک به

674
00:33:14,970 --> 00:33:18,080
صفحه پروژه بنابراین شما می توانید
که اسناد را ببینید.

675
00:33:18,080 --> 00:33:22,670
>> به طور معمول، صفحه پروژه در مورد
از [نامفهوم]، آن را به شما گفت:

676
00:33:22,670 --> 00:33:23,940
نام کلاس.

677
00:33:23,940 --> 00:33:27,250
در مورد جاوا اسکریپت، آن را می دهد
شما به نام از توابع.

678
00:33:27,250 --> 00:33:35,310
به هر حال، اگر ما رفته تا به بالا،
یک نکته سریع در توابع است

679
00:33:35,310 --> 00:33:39,080
هر زمان که شما یک تابع اجرا را مشاهده کنید
مثل این با سخت

680
00:33:39,080 --> 00:33:43,800
براکت در وسط، که به معنی
که اموال اختیاری است.

681
00:33:43,800 --> 00:33:44,750
فقط یک سر.

682
00:33:44,750 --> 00:33:47,350
من دیده ام بسیاری از سوالات
در مورد آن.

683
00:33:47,350 --> 00:33:50,370
>> بنابراین در اینجا ما می توانید ببینید که
تحریک و تشجیع کردن خواص طول می کشد

684
00:33:50,370 --> 00:33:51,800
به عنوان یک استدلال لازم است.

685
00:33:51,800 --> 00:33:54,870
و هر چیز دیگری اختیاری است.

686
00:33:54,870 --> 00:33:56,136
توجه داشته باشید جانبی -

687
00:33:56,136 --> 00:33:58,090
شما می توانید از این فکر می کنم، مرتب
از، مانند صفحات مرد.

688
00:33:58,090 --> 00:34:04,275
صفحات man مستندات C و
برای بسیاری از مسائل دیگر، و همچنین.

689
00:34:04,275 --> 00:34:11,020
>> MIKE ریزو: پس ما یاد گرفته ایم به
تغییر CSS های مختلف در صفحه،

690
00:34:11,020 --> 00:34:14,040
تحریک و تشجیع کردن آن، و حذف اضافه HTML.

691
00:34:14,040 --> 00:34:16,889
اما یکی از واقعا قدرتمند ترین
همه چیز در مورد جاوا اسکریپت

692
00:34:16,889 --> 00:34:18,270
و به خصوص جی کوئری -

693
00:34:18,270 --> 00:34:22,570
آنچه در آن به شما اجازه انجام است در پاسخ به
عناصر مختلف که اتفاق می افتد.

694
00:34:22,570 --> 00:34:25,380
به عنوان مثال، در اینجا ما
یک event handler.

695
00:34:25,380 --> 00:34:28,210
و این فقط به این معنی است که هر زمان این
رویداد اتفاق می افتد، ما آن را اداره کند در یک

696
00:34:28,210 --> 00:34:29,280
راه خاص.

697
00:34:29,280 --> 00:34:35,159
>> بنابراین در اینجا، این رویداد عمومی از jQuery
کنترل نقطه در است.

698
00:34:35,159 --> 00:34:42,949
و پس از آن، اولین چیزی که به شما ارائه شده
چیزی است که رویداد آن را باید

699
00:34:42,949 --> 00:34:43,810
گوش دادن به.

700
00:34:43,810 --> 00:34:45,610
بنابراین در اینجا، آن را کلیک که
ما منتظر این هستیم.

701
00:34:45,610 --> 00:34:49,250
>> TOMAS رایمرز: روش دیگر، شما
در شناور است، که بسیار محبوب است.

702
00:34:49,250 --> 00:34:52,000
پس برگشت به قطره من پایین ایده منو.

703
00:34:52,000 --> 00:34:54,239
شما می توانید یکی از بالا در شناور داشته باشد.

704
00:34:54,239 --> 00:34:56,096
و سپس شما می توانید تغییر دهید.

705
00:34:56,096 --> 00:34:56,830
>> MIKE ریزو: راست.

706
00:34:56,830 --> 00:35:01,680
و پس از آن، وقتی که اتفاق می افتد، آن را فقط
این تابع است که ما آن را اجرا

707
00:35:01,680 --> 00:35:05,080
به عنوان آرگومان و
آن هشدار سلام یا سلام.

708
00:35:05,080 --> 00:35:08,900
>> TOMAS رایمرز: بنابراین در مورد
جاوا اسکریپت، این یک محل ما به آن نیاز داریم

709
00:35:08,900 --> 00:35:12,970
حذف خود از C. ما می توانیم در واقع
را تابع را به عنوان آرگومان.

710
00:35:12,970 --> 00:35:15,940
و در بسیاری از واقعا وجود دارد
شیوه های پیچیده ای برای انجام این کار.

711
00:35:15,940 --> 00:35:17,940
ما قصد داریم برای ترویج یک راه،
است که شما می توانید تعریف

712
00:35:17,940 --> 00:35:19,270
تابع سمت راست وجود دارد.

713
00:35:19,270 --> 00:35:22,540
>> بنابراین، هنگامی که شما برای یک تابع به عنوان درخواست
یک پارامتر، شما اساسا هستید

714
00:35:22,540 --> 00:35:24,500
رفتن به تعریف تابع
در نقطه ای.

715
00:35:24,500 --> 00:35:27,090
و در راه یک تابع تعریف می کنید
در جاوا اسکریپت شما می باشد

716
00:35:27,090 --> 00:35:28,820
به معنای واقعی کلمه می گویند تابع.

717
00:35:28,820 --> 00:35:30,130
سپس، معمولا، نام
از تابع.

718
00:35:30,130 --> 00:35:32,510
اما ما هرگز به مرجع
این تابع دوباره.

719
00:35:32,510 --> 00:35:34,040
بنابراین ما آن را ترک بی نام.

720
00:35:34,040 --> 00:35:40,440
>> سپس پرانتز، سپس مجعد
پرانتز، و پس از آن کد است که در آن.

721
00:35:40,440 --> 00:35:42,540
بنابراین ما درک می کنیم این می تواند
است کمی گیج کننده است.

722
00:35:42,540 --> 00:35:45,180
پس ما شما را به صورت عمومی را
آنچه که یک event handler به نظر می رسد

723
00:35:45,180 --> 00:35:47,790
در زیر، که در وقایع.

724
00:35:47,790 --> 00:35:50,598
و پس از آن، کد خود را در داخل آن است.

725
00:35:50,598 --> 00:35:52,478
>> MIKE ریزو: آیا وجود دارد
سوال در مورد این؟

726
00:35:52,478 --> 00:35:54,818
این می تواند کمی گیج کننده است
اولین بار که شما آن را ببینید.

727
00:35:54,818 --> 00:35:57,550
>> TOMAS رایمرز: در واقع شما می خواهید
باز کردن یک فایل و آنها را نشان می دهد برخی از

728
00:35:57,550 --> 00:35:58,155
جی کوئری در حال حاضر؟

729
00:35:58,155 --> 00:35:59,853
>> MIKE ریزو: آره، اجازه انجام این کار.

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

731
00:36:00,256 --> 00:36:02,490
>> TOMAS رایمرز: بنابراین در حال حاضر ما
در دستگاه.

732
00:36:02,490 --> 00:36:07,730
و کاری که ما انجام داده ایم این است که ما گرفته ایم
آزادی از ایجاد هر دو میکنید

733
00:36:07,730 --> 00:36:10,100
فایل، که در پیوند به
یک فایل جاوا اسکریپت.

734
00:36:10,100 --> 00:36:12,880
و می تواند باز ما -

735
00:36:12,880 --> 00:36:15,170
آره.

736
00:36:15,170 --> 00:36:16,630
خوب، آن را نشانی از دو چیز است.

737
00:36:16,630 --> 00:36:18,350
>> برای اولین بار است آن را به هم پیوند
فایل جاوا اسکریپت.

738
00:36:18,350 --> 00:36:21,250
و ما در اینجا می بینیم که.

739
00:36:21,250 --> 00:36:25,340
ما می بینیم که در سر
سند HTML، به خصوص.

740
00:36:25,340 --> 00:36:28,260
بنابراین شما وجود دارد را مشاهده خواهید کرد که
ما، در واقع، می گویند SRC،

741
00:36:28,260 --> 00:36:29,590
که مخفف منبع.

742
00:36:29,590 --> 00:36:30,630
و این URL است.

743
00:36:30,630 --> 00:36:32,700
>> بنابراین در اینجا شما می توانید می گویند که ما کرده ایم
شامل از jQuery.

744
00:36:32,700 --> 00:36:34,290
و ما همچنین شامل اسکریپت.

745
00:36:34,290 --> 00:36:40,630
راه دیگر برای عبارتند از جاوا اسکریپت است
که شما می توانید اسکریپت های درون خطی عبارتند از

746
00:36:40,630 --> 00:36:44,600
برچسب که ما در پایین دارند که در آن
می گوید: نوع اسکریپت متن جاوا اسکریپت است.

747
00:36:44,600 --> 00:36:46,960
>> بنابراین ما گفتن، گوش دادن، ما هستیم
در مورد که شامل یک اسکریپت.

748
00:36:46,960 --> 00:36:51,890
و نوع که اسکریپت است
جاوا اسکریپت است، که یک نوع از متن.

749
00:36:51,890 --> 00:36:52,550
بسیار ساده است.

750
00:36:52,550 --> 00:36:56,490
>> MIKE ریزو: پس از این، نوع، می شود به
سوال خود را در مورد چگونه ما عبارتند از:

751
00:36:56,490 --> 00:37:02,340
جاوا اسکریپت در فایل های ما است چرا که وقتی ما
بود PHP، ما چیزی شبیه به این.

752
00:37:02,340 --> 00:37:07,570
و پس از آن، توابع PHP ما -
اجازه دهید بگویم سهام انجام

753
00:37:07,570 --> 00:37:09,150
چیزی که با آن -

754
00:37:09,150 --> 00:37:10,490
می رود در آن وجود دارد.

755
00:37:10,490 --> 00:37:13,860
با این حال، در حال حاضر ما تگ script
که ما آن را، که در واقع

756
00:37:13,860 --> 00:37:19,470
بخشی از HTML خود را به خاطر آن نیست
تقلید می کنی که یک فایل HTML مانند آن را

757
00:37:19,470 --> 00:37:25,070
در PHP، چرا که اگر شما در واقع در بروید
و در منبع صفحه نگاه کنید،

758
00:37:25,070 --> 00:37:28,430
شما از این دستورات اسکریپت در آن وجود دارد را ببینید
با جاوا اسکریپت مرتبط با

759
00:37:28,430 --> 00:37:29,800
آنها در آن.

760
00:37:29,800 --> 00:37:31,760
>> پس، اگر ما به خواست
ارسال برخی از جاوا اسکریپت -

761
00:37:31,760 --> 00:37:37,110
اجازه دهید فقط می گویند که ما به تغییر بدن می خواستم
چون در حال حاضر من لازم نیست

762
00:37:37,110 --> 00:37:40,020
هر برچسب دیگر که من واقعا می تواند در
ویرایش علاوه بر بدن است.

763
00:37:40,020 --> 00:37:42,450
اجازه دهید فقط می گویند من می خواستم
تغییر CSS از آن.

764
00:37:42,450 --> 00:37:46,190
بنابراین ما میام جلو و تغییر
رنگ آن به قرمز.

765
00:37:46,190 --> 00:37:47,380
>> بنابراین من فایل را ذخیره کنید.

766
00:37:47,380 --> 00:37:52,700
اجازه بازگشت به صفحه وب ما، تازه کردن،
و آن را به طور خودکار

767
00:37:52,700 --> 00:37:55,920
به دلیل آن به نظر نمی رسد مانند آن را منتظر
در همه به خاطر ما شدند گوش دادن نیست

768
00:37:55,920 --> 00:37:59,450
برای یک رویداد و یا چیزی شبیه به آن.

769
00:37:59,450 --> 00:38:02,800
>> TOMAS رایمرز: بنابراین اگر ما به عقب که
فایل به طور خاص - HTML

770
00:38:02,800 --> 00:38:04,710
فایل - آنچه که شما در حال رفتن
برای دیدن است که ما -

771
00:38:04,710 --> 00:38:06,810
به یاد داشته باشید این است که بارگذاری می شود،
مرتب کردن بر اساس، به ترتیب زمانی.

772
00:38:06,810 --> 00:38:09,910
بنابراین ما باید اول سر.
آن را بار این دو فایل.

773
00:38:09,910 --> 00:38:10,800
سپس ما به بدن.

774
00:38:10,800 --> 00:38:11,640
و ما سلام جهان را ببینید.

775
00:38:11,640 --> 00:38:13,030
بنابراین ما سلام جهان میشوند.

776
00:38:13,030 --> 00:38:15,240
>> و سپس آخرین چیزی که ما باید
است ما باید از تگ اسکریپت.

777
00:38:15,240 --> 00:38:20,880
پس از آن اجرا می شود که برچسب اسکریپت، زیرا این
آن را به گفتن نیست که برای هر چیزی صبر کنید.

778
00:38:20,880 --> 00:38:24,700
و این اساسی ترین
راه برای اجرای جاوا اسکریپت.

779
00:38:24,700 --> 00:38:29,200
>> با که گفت، می تواند به شما قرار داده و اسکریپت
برچسب در هدر فقط

780
00:38:29,200 --> 00:38:31,240
این نقطه را نشان می دهد؟

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

782
00:38:34,450 --> 00:38:35,700
و اجرای آن.

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

784
00:38:38,880 --> 00:38:41,070
ما قصد داریم به توجه است که آن را
آیا رنگ را تغییر دهید.

785
00:38:41,070 --> 00:38:44,210
و این یکی از مشکلات است
جاوا اسکریپت است که همه چیز لود شده است

786
00:38:44,210 --> 00:38:45,930
در یک ترتیب زمانی.

787
00:38:45,930 --> 00:38:49,750
>> بنابراین در زمانی که آن کد
در حال اجرا، ما انتخاب -

788
00:38:49,750 --> 00:38:52,530
بازگشت -

789
00:38:52,530 --> 00:38:53,670
برچسب بدن است.

790
00:38:53,670 --> 00:38:57,560
برچسب بدن هنوز وجود ندارد چون
جاوا اسکریپت در راستای HTML است.

791
00:38:57,560 --> 00:39:01,790
بنابراین مرورگر است مانند بدن را انتخاب کنید.

792
00:39:01,790 --> 00:39:02,760
چیزی هنوز وجود دارد.

793
00:39:02,760 --> 00:39:03,600
بنابراین می توان نادیده گرفت که.

794
00:39:03,600 --> 00:39:05,330
و ما ادامه دهم.

795
00:39:05,330 --> 00:39:07,200
>> و سپس تگ body تعریف می کنیم.

796
00:39:07,200 --> 00:39:09,670
اما این هرگز به روز می شود.

797
00:39:09,670 --> 00:39:12,560
بنابراین، هنگامی که شما در حال اجرای اسکریپت
برچسب ها، مطمئن شوید که شما در محل

798
00:39:12,560 --> 00:39:15,502
بعد از تگ body.

799
00:39:15,502 --> 00:39:16,820
اسلاید بعدی.

800
00:39:16,820 --> 00:39:17,830
>> MIKE ریزو: OK.

801
00:39:17,830 --> 00:39:19,330
بنابراین ما چیزی تغییر کرده است.

802
00:39:19,330 --> 00:39:21,910
اما به نظر نمی آید مانند آن را به پاسخ
ما در همه دلیل آن را فقط به نوع

803
00:39:21,910 --> 00:39:24,150
آن را به عنوان به زودی آن را به عنوان لود شده در صفحه انجام داد.

804
00:39:24,150 --> 00:39:27,700
بنابراین در حال حاضر، به جای انجام این کار، به همین دلیل
ما نه یک event handler را اضافه کنید.

805
00:39:27,700 --> 00:39:31,020
>> بنابراین اجازه دهید کاری انجام دهد
به بدن دوباره.

806
00:39:31,020 --> 00:39:33,490
و اجازه دهید می گویند ما این کار را در -

807
00:39:33,490 --> 00:39:34,500
کلیک کنید.

808
00:39:34,500 --> 00:39:35,750
ما یک تابع را اضافه کنید.

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> تغییر بگذارید: TOMAS رایمرز
آن رنگ به قرمز خواهد کرد.

811
00:39:39,690 --> 00:39:40,000
چرا که نه؟

812
00:39:40,000 --> 00:39:41,680
>> تغییر آره، اجازه دهید: MIKE ریزو
رنگ آن به قرمز دوباره.

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
بسیار خوب.

815
00:39:46,900 --> 00:39:48,480
بنابراین اجازه دهید صفحه را مجدد بارگذاری.

816
00:39:48,480 --> 00:39:49,530
OK، ما می بینیم -

817
00:39:49,530 --> 00:39:52,290
به عنوان انتظار می رود، آن را روشن نکنید قرمز است.

818
00:39:52,290 --> 00:39:53,610
اما پس از آن ما می توانید پیش بروید و آن را کلیک کنید.

819
00:39:53,610 --> 00:39:54,270
>> TOMAS رایمرز: و آن به رنگ قرمز تبدیل شود.

820
00:39:54,270 --> 00:39:56,090
>> MIKE ریزو: و آن
قرمز به عنوان انتظار می رود.

821
00:39:56,090 --> 00:39:59,010
>> TOMAS رایمرز: و ما می توانید ببینید که چگونه
ما می توانیم شروع به ساخت بسیار اساسی

822
00:39:59,010 --> 00:40:00,170
تعامل.

823
00:40:00,170 --> 00:40:03,850
چیزهای دیگری است که ممکن است بخواهید برای انجام شده است،
اگر ما نمی خواهیم به بدن

824
00:40:03,850 --> 00:40:07,230
رنگ قرمز، اجازه دهید HTML
پس زمینه قرمز رنگ.

825
00:40:07,230 --> 00:40:08,480
فقط پس از آن همان CSS است.

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> و هنگامی که ما آن را تغییر دهید، ما می توانیم این را ببینید
اثر بسیار چشمگیر تغییر

828
00:40:23,320 --> 00:40:25,510
کل صفحه.

829
00:40:25,510 --> 00:40:29,100
بنابراین دوباره، اگر شما در حال اجرا همه چیز،
شما می توانید یک جزء

830
00:40:29,100 --> 00:40:30,150
که به معنای به در می شود کلیک.

831
00:40:30,150 --> 00:40:32,710
بیایید می گویند دکمه خروج و
جزء دیگر کل،

832
00:40:32,710 --> 00:40:33,830
است که به منظور پاسخ دهند.

833
00:40:33,830 --> 00:40:35,755
بنابراین شما می توانید یک پنجره را حذف
وقتی که اتفاق می افتد.

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> MIKE ریزو: OK.

836
00:40:40,700 --> 00:40:42,200
فقط به عنوان مثال -

837
00:40:42,200 --> 00:40:44,400
شما می کنید به این پیش از آن -

838
00:40:44,400 --> 00:40:47,500
من فقط به شما نشان می دهد آنچه در آن به نظر می رسد
مثل وقتی که ما چیزی مخفی.

839
00:40:47,500 --> 00:40:52,220
پس من میام جلو و اسلاید کردن.

840
00:40:52,220 --> 00:40:54,440
>> TOMAS رایمرز: می خواهم به بسته بندی است که در یک
نوع پاراگراف قبل از ما انجام این کار؟

841
00:40:54,440 --> 00:40:55,132
>> MIKE ریزو: OK.

842
00:40:55,132 --> 00:40:59,135
آره، چرا ما نه انجام این کار فقط تا
ما می توانید آن را کمی بیشتر را انتخاب کنید.

843
00:40:59,135 --> 00:41:00,490
>> TOMAS رایمرز: و اجازه دهید
آن یک کلاس می دهد.

844
00:41:00,490 --> 00:41:01,740
>> MIKE ریزو: آره.

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
OK، بنابراین اجازه دهید را ببینید.

847
00:41:09,920 --> 00:41:14,820
به جای انتخاب بدن واقعی
در حال حاضر، من فقط همه چیز را با انتخاب

848
00:41:14,820 --> 00:41:18,780
کلاس سلام، که ما در اینجا
فقط یک چیز را داشته باشد.

849
00:41:18,780 --> 00:41:20,900
بنابراین ما باید به ندارد
در مورد آن نگران باشید.

850
00:41:20,900 --> 00:41:23,080
>> پس من آن را تازه کردن.

851
00:41:23,080 --> 00:41:24,230
من میام جلو و آن را کلیک کنید.

852
00:41:24,230 --> 00:41:27,890
و این، نوع، انجام یک اسلاید عجیب و غریب
تا چیزی است که به نظر نمی آید که

853
00:41:27,890 --> 00:41:29,580
جذاب.

854
00:41:29,580 --> 00:41:31,060
به طور کلی، آنها را نگاه بسیار خوب.

855
00:41:31,060 --> 00:41:32,720
من حدس می زنم، این - برای برخی از
دلیل - نداشت.

856
00:41:32,720 --> 00:41:36,640
من فقط می توانم در یک محو شدن از تا
شما می توانید در آن بیش از حد است.

857
00:41:36,640 --> 00:41:38,100
بسیار بهتر است.

858
00:41:38,100 --> 00:41:41,150
>> و پس از آن، اگر باز کنم تا جاوا اسکریپت
دوباره کنسول و ما می خواهیم ببینیم که چه چیزی

859
00:41:41,150 --> 00:41:43,900
آن را مانند زمانی که ما آن را محو شوید به نظر می رسد

860
00:41:43,900 --> 00:41:46,920
در حال حاضر، من فقط تماس بگیرید محو در بر روی آن.

861
00:41:46,920 --> 00:41:48,830
و آن را محو پشت شوید.

862
00:41:48,830 --> 00:41:56,150
>> به طور مشابه، ما در واقع می تواند عبور
استدلال به محو شدن یا محو شدن از،

863
00:41:56,150 --> 00:41:57,640
است که، نوع، سرعت آن.

864
00:41:57,640 --> 00:42:02,220
بنابراین اجازه دهید پیش بروید و می گویند ما می خواهیم
آن را به آرامی پیش بروید محو شوید

865
00:42:02,220 --> 00:42:04,250
بنابراین من حدس می زنم آن را هنوز هم به نظر می رسید
بسیار سریع است.

866
00:42:04,250 --> 00:42:06,180
اما آن را آهسته تر از قبل بود.

867
00:42:06,180 --> 00:42:10,340
>> TOMAS رایمرز: و اگر شما می خواهید برای پیدا کردن
اطلاعات بیشتر در مورد این چیزها، دوباره،

868
00:42:10,340 --> 00:42:13,410
فقط به مستندات jQuery مراجعه
که ما آن را به شما داده ام، و به عنوان خوانده شده

869
00:42:13,410 --> 00:42:13,735
از طریق این.

870
00:42:13,735 --> 00:42:15,790
آنها عملکرد خود را مستند
فوق العاده است.

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> MIKE ریزو: OK.

873
00:42:19,570 --> 00:42:21,560
بنابراین من حدس می زنم اجازه بازگشت به این.

874
00:42:21,560 --> 00:42:23,490
و ما می توانیم در مورد آخرین صفحه ما صحبت کنید.

875
00:42:23,490 --> 00:42:24,690
خب، ما می توانیم با بوت استرپ به پایان برساند.

876
00:42:24,690 --> 00:42:27,140
و بعد ما آن را تا باز
برای برخی از سوالات.

877
00:42:27,140 --> 00:42:30,180
و اگر شما هر گونه ایده هایی که
شما می خواهم که سعی کنید به پرتاب کنید و ببینید

878
00:42:30,180 --> 00:42:34,150
اگر ما می توانیم آنها را با پیاده سازی
جاوا اسکریپت سرعت.

879
00:42:34,150 --> 00:42:37,890
>> پس در واقع به سرعت در مورد بوت استرپ، که
به طور خودکار در شامل شد

880
00:42:37,890 --> 00:42:41,700
آخرین مشکل شما را در پوشه CSS
و در واقع به در در ارتباط شما

881
00:42:41,700 --> 00:42:43,190
header.php را.

882
00:42:43,190 --> 00:42:46,740
بنابراین شما می توانید از کلاس های اضافه شده اند که
در داخل خود راه انداز به آن تعریف شده است.

883
00:42:46,740 --> 00:42:50,490
و آن را به طور خودکار مدل دهید
کسانی که همه چیز درآمده است.

884
00:42:50,490 --> 00:42:54,550
>> TOMAS رایمرز: پس بوت استرپ است بسیار
چیزی جادویی توسعه یافته توسط مردم

885
00:42:54,550 --> 00:42:55,340
در توییتر.

886
00:42:55,340 --> 00:42:57,230
و آن را به انجام به معنای شد -

887
00:42:57,230 --> 00:43:00,740
قبل از وب سایت ها واقعا سخت بزنه.
خوب نگاه کنید، به ویژه هنگامی که ما تا به حال

888
00:43:00,740 --> 00:43:02,200
بسیاری از قطعات مشترک هستند.

889
00:43:02,200 --> 00:43:04,770
بنابراین بسیاری از دکمه های
وب همان نگاه کرد.

890
00:43:04,770 --> 00:43:08,960
>> بسیاری از رشته های متن را می توان به ساخته شده
نگاه بهتر از متن استاندارد

891
00:43:08,960 --> 00:43:13,620
درست است که شما احتمالا از واقعا می دانیم
وب سایت های قدیمی و یا واقعا ضعیف ساخته شده

892
00:43:13,620 --> 00:43:18,210
وب سایت ها، که درست مثل تحت اللفظی نگاه
جعبه های متن بدون هر نوع متن

893
00:43:18,210 --> 00:43:21,190
سایه و یا هر نوع طرح خوب.

894
00:43:21,190 --> 00:43:24,540
پس چه راه انداز بود آن را گفت، خوب،
ما بسیاری از سبک های رایج است.

895
00:43:24,540 --> 00:43:28,210
چرا ما را از یک مجموعه مشترک از CSS
و یک مجموعه مشترک از جاوا اسکریپت به عنوان

896
00:43:28,210 --> 00:43:32,210
نیز، که می توانید آن را سبک به عنوان است و که
می تواند به مردم چیزهایی مانند قطره را

897
00:43:32,210 --> 00:43:34,610
پایین منوها، که می تواند مردم را
چیزهایی مانند افعال modal.

898
00:43:34,610 --> 00:43:38,580
>> مودال همان چیزی است که بالا میآید که در صفحه بعد
هر زمان که آن را صرفا صحبت کردن

899
00:43:38,580 --> 00:43:41,090
چیزی که مهار بیشتر
تعامل تا زمانی که شما

900
00:43:41,090 --> 00:43:43,110
با آن تعامل داشته باشند.

901
00:43:43,110 --> 00:43:45,820
چیزی شبیه به این است، آیا شما مطمئن
شما می خواهید این چیزی را حذف کنید؟

902
00:43:45,820 --> 00:43:49,100
شما واقعا نمی توانید هیچ چیز دیگر
تا زمانی که شما می گویند بله یا نه.

903
00:43:49,100 --> 00:43:52,720
>> این همه در این زمان و آن را بسته بندی شده
با هم و گفت، شروع می کنیم.

904
00:43:52,720 --> 00:43:54,630
مردم هم اکنون می توانید این استفاده کنید.

905
00:43:54,630 --> 00:43:56,830
و شما می توانید آن را بر روی پیدا کردن
در getbootstrap.com.

906
00:43:56,830 --> 00:44:00,480
این به طور خودکار در شامل شد
آخرین مشکل شما تنظیم شده است.

907
00:44:00,480 --> 00:44:04,160
و شما بیش از خوش آمد به هستی
استفاده از آن در پروژه نهایی خود را.

908
00:44:04,160 --> 00:44:06,950
و اگر شما می خواهید به دنبال که
لینک به دریافت راه انداز.

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> شما در اینجا خواهید دید است
بوت استرپ سایت CSS.

911
00:44:15,700 --> 00:44:16,860
شما بوت استرپ را ببینید.

912
00:44:16,860 --> 00:44:20,450
و اگر شما پایین، شما خواهید دید
چگونه آن را دانلود کنید، چگونه به

913
00:44:20,450 --> 00:44:21,900
آن را نصب کنید، و غیره.

914
00:44:21,900 --> 00:44:24,700
>> MIKE ریزو: و شما نیز می توانید،
اندازه کافی جالب توجه، آن را سفارشی به

915
00:44:24,700 --> 00:44:27,770
تواند هر نوع از تم
که شما می خواهید.

916
00:44:27,770 --> 00:44:31,270
من می دانم که چیزی هست که من برای انجام این من
پروژه نهایی وقتی که من از کلاس در زمان

917
00:44:31,270 --> 00:44:32,050
آن را سفارشی شده است.

918
00:44:32,050 --> 00:44:34,540
نسخه دیگری از خود راه انداز که
تا به حال یک طرح رنگ مختلف و

919
00:44:34,540 --> 00:44:36,700
شکل های مختلف از برخی از
همه چیز متفاوت است.

920
00:44:36,700 --> 00:44:38,250
بنابراین من شما را تشویق به بازی با آن.

921
00:44:38,250 --> 00:44:39,440
این نوع از سرگرم کننده برای انجام است.

922
00:44:39,440 --> 00:44:43,230
>> TOMAS رایمرز: به دنبال در بالا
دوباره، آن را بسیار شبیه به فونت

923
00:44:43,230 --> 00:44:44,970
سایت بسیار معروف.

924
00:44:44,970 --> 00:44:47,810
بسیاری از اسناد و مدارک شروع خواهد شد
به نظر می رسد مشابه زمانی که شما

925
00:44:47,810 --> 00:44:48,940
دیده می شود به اندازه کافی از آن را.

926
00:44:48,940 --> 00:44:51,260
بنابراین در اینجا ما باید CSS
بخشی از این.

927
00:44:51,260 --> 00:44:53,540
و شما خواهید دید که چگونه آن را
می تواند چیزهای سبک.

928
00:44:53,540 --> 00:44:56,780
بنابراین اگر شما در جدول کلیک کنید، برای مثال،
شما فورا می توانید یک را

929
00:44:56,780 --> 00:45:01,710
جدول بسیار به سادگی با اضافه کردن
جدول کلاس به آن.

930
00:45:01,710 --> 00:45:03,150
>> همه چیز یکسان برای دکمه ها.

931
00:45:03,150 --> 00:45:12,140
اگر شما به سادگی اضافه کردن BTN کلاس و BTN
به طور پیش فرض و یا اولیه BTN، شما می توانید

932
00:45:12,140 --> 00:45:16,240
دریافت هر یک از این دکمه ها
با این سبک های از پیش ساخته شده.

933
00:45:16,240 --> 00:45:18,570
و سپس، اگر شما به دنبال برای
چیزی پیچیده تر از سادگی

934
00:45:18,570 --> 00:45:24,100
restyling چه عرض در حال حاضر، بیش از در
برگه جاوا اسکریپت در سراسر ما بالا

935
00:45:24,100 --> 00:45:25,120
یک دسته از اجزا هستند.

936
00:45:25,120 --> 00:45:30,410
>> بنابراین در اینجا ما انتقال، افعال modal،
دراپ، زبانه ها، و نکات راهنمای ابزار.

937
00:45:30,410 --> 00:45:35,530
دوست همان چیزی است که بالا میآید زیر خود را
موس زمانی که شما در چیزی شناور.

938
00:45:35,530 --> 00:45:40,280
Popovers، هشدار، دکمه ها، پیش ساخته
گارمون چیزی است که

939
00:45:40,280 --> 00:45:41,190
آنها معمولا به نام.

940
00:45:41,190 --> 00:45:43,045
چرخ و فلک، که تلنگر
از طریق تصاویر مانند.

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> بنابراین کسانی که از اجزای
از خود راه انداز.

943
00:45:54,840 --> 00:45:57,620
من می خواهم شما را به تشویق
بسیار به آنها نگاه.

944
00:45:57,620 --> 00:46:01,780
یک جزء جاوا اسکریپت وجود دارد
و یک جزء CSS.

945
00:46:01,780 --> 00:46:03,880
در صورت تمایل به استفاده از آنها را به عنوان شما خواهد شد.

946
00:46:03,880 --> 00:46:06,730
ما قصد داریم به رفتن بیش از حد به آنها
چرا که ما احساس می کنیم اسناد و مدارک

947
00:46:06,730 --> 00:46:09,360
است که واقعا به خوبی انجام می شود.

948
00:46:09,360 --> 00:46:10,540
و آره.

949
00:46:10,540 --> 00:46:14,500
آیا شما هر گونه سوال در مورد آن؟

950
00:46:14,500 --> 00:46:19,430
>> MIKE ریزو: بنابراین به عنوان یک واقعا سریع
طرف، در طراحی این صفحه وب که

951
00:46:19,430 --> 00:46:21,830
ما به سرعت در کنار هم قرار داده برای
این ارائه است

952
00:46:21,830 --> 00:46:24,290
در واقع با استفاده از بوت استرپ انجام می شود.

953
00:46:24,290 --> 00:46:27,810
همانطور که می بینید، زمانی که ما بر روی این کلیک کنید
زبانه های مختلف، ما در واقع هرگز هستید

954
00:46:27,810 --> 00:46:30,750
خروج از این صفحه index.html را در حال حاضر.

955
00:46:30,750 --> 00:46:36,400
بنابراین آنچه که ما را divs متفاوت است
در این میکنید.

956
00:46:36,400 --> 00:46:39,610
و پس از آن، هر زمان که ما با کلیک مختلف
تب، آن را فقط در حال تغییر

957
00:46:39,610 --> 00:46:41,590
که نشان یکی است.

958
00:46:41,590 --> 00:46:47,390
>> پس از آن درآمده است آن ها را در،
تغییر HTML صفحه به طوری که

959
00:46:47,390 --> 00:46:52,330
برگه فعلی به عنوان فعال مشخص شده تا
به نظر می رسد متفاوت است و به نظر می رسد

960
00:46:52,330 --> 00:46:52,820
واقعا زیباست.

961
00:46:52,820 --> 00:46:57,260
>> TOMAS رایمرز: به طوری که تمام انجام شد
بدون ما نوشتن تقریبا هر CSS.

962
00:46:57,260 --> 00:47:01,440
ما همچنین یک ضربه سر در بالا مشاهده می کنید،
که در آن رنگ شده توسط ما می باشد.

963
00:47:01,440 --> 00:47:04,800
اما واقعی قرار دادن آن در
بالای صفحه و ساخت

964
00:47:04,800 --> 00:47:06,660
رفته خود راه انداز بود.

965
00:47:06,660 --> 00:47:09,720
و پس از آن حتی برای کتابخانه های دیگر - در این
یکی از ما در مورد صحبت کردیم اما یکی نیست

966
00:47:09,720 --> 00:47:11,580
شما می توانید گوگل اگر شما می خواهید.

967
00:47:11,580 --> 00:47:15,130
این prettify.js نامیده می شود.

968
00:47:15,130 --> 00:47:20,650
و آن را به نحو برجسته خواهد کرد کد شما
برای شما با استفاده از هر دو CSS و جاوا اسکریپت.

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> آخرین چیزی که ما می خواهیم به بحث در مورد
قبل از اینکه ما را رها را به

971
00:47:27,070 --> 00:47:30,620
جهان در کتابخانه نگاه کنید به شکل از
چگونگی استفاده از آنها و به، امیدوارم،

972
00:47:30,620 --> 00:47:34,640
خواندن اسناد و پیدا کردن آنچه شما
نیاز است که چگونه برای پیدا کردن کتابخانه ها.

973
00:47:34,640 --> 00:47:37,000
بنابراین برای اولین بار است که ما فقط می
رفتن به فشار گوگل.

974
00:47:37,000 --> 00:47:37,810
برو گوگل.

975
00:47:37,810 --> 00:47:41,150
>> که به معنای واقعی کلمه چه کار می کنیم زمانی که ما
نیاز به انجام کاری که ما گوگل است.

976
00:47:41,150 --> 00:47:44,730
آیا یک کتابخانه جاوا اسکریپت وجود دارد که
من اجازه می دهد برای دستکاری زمان در

977
00:47:44,730 --> 00:47:45,400
راه مفید است؟

978
00:47:45,400 --> 00:47:49,510
پس اگر من می دانم که برخی از کاربر ایجاد
یک حساب کاربری در اینجا، و این است که

979
00:47:49,510 --> 00:47:53,010
زمان کنونی، چگونه می تواند محاسبه I
تفاوت با که بدون نیاز به

980
00:47:53,010 --> 00:47:55,020
محاسبه آن خودم؟

981
00:47:55,020 --> 00:47:59,630
بنابراین این در واقع یک چیز مشترک،
کتابخانه جاوا اسکریپت است.

982
00:47:59,630 --> 00:48:02,440
و در اینجا ما Moment.js--
یکی از محبوب ترین.

983
00:48:02,440 --> 00:48:06,530
>> اگر ما نیاز به یک کتابخانه برای دستکاری
چیزی شبیه به رنگ قادر به

984
00:48:06,530 --> 00:48:08,650
تولید یک دسته از رنگ های تصادفی -

985
00:48:08,650 --> 00:48:10,660
احتمالا، برای تولید یک
سبک و یا چیزی -

986
00:48:10,660 --> 00:48:13,480
ما می تواند چیزی شبیه به گوگل
کتابخانه جاوا اسکریپت رنگ.

987
00:48:13,480 --> 00:48:15,620
و من مطمئن هستم که ما با پاپ تا هستم
هزار و یک از آنها.

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
می توانید از آنها را بخوانید.

990
00:48:21,410 --> 00:48:24,610
>> بنابراین ترین چیز - هنگامی که شما آنها را پیدا کنید -
در حال رفتن بر روی یکی از میزبانی

991
00:48:24,610 --> 00:48:25,920
سایت های که کد میزبان.

992
00:48:25,920 --> 00:48:26,960
آنها چند آنهایی که محبوب هستند.

993
00:48:26,960 --> 00:48:30,870
محبوب ترین، توسط
دور github.com است.

994
00:48:30,870 --> 00:48:35,300
و اگر شما به GitHub به آن را در واقع
که در آن عادی شده بود.

995
00:48:35,300 --> 00:48:36,950
بنابراین اگر شما می خواهید برای رفتن به آن یکی.

996
00:48:36,950 --> 00:48:38,135
به آنها نشان بده که.

997
00:48:38,135 --> 00:48:40,516
>> MIKE ریزو: و این در واقع که در آن
این میزبانی بیش از حد، اگر شما متوجه است.

998
00:48:40,516 --> 00:48:41,000
>> TOMAS رایمرز: آره.

999
00:48:41,000 --> 00:48:49,078
بنابراین اگر شما به بیش از برای عادی
و به GitHub.

1000
00:48:49,078 --> 00:48:51,936
بود این است که؟

1001
00:48:51,936 --> 00:48:54,620
>> MIKE ریزو: که کمی چیزی گربه
نماد GitHub است.

1002
00:48:54,620 --> 00:48:56,330
>> TOMAS رایمرز: اوه.

1003
00:48:56,330 --> 00:49:02,180
بنابراین GitHub با استفاده از یک روش به نام
دستگاه گوارش به کد فروشگاه.

1004
00:49:02,180 --> 00:49:05,150
آیا شما نمی دانید که چه چیزی است و یا
آن را به شما وحشت، که خوب است.

1005
00:49:05,150 --> 00:49:16,100
شما لازم نیست بدانید که چه دستگاه گوارش است
به دلیل GitHub دارای یک دکمه دانلود

1006
00:49:16,100 --> 00:49:17,200
در سمت راست پایین.

1007
00:49:17,200 --> 00:49:21,350
>> نکته مفید دیگر می دانم
در مورد GitHub ترین محصولات است

1008
00:49:21,350 --> 00:49:23,200
خواهد شد که من به عنوان خوانده شده.

1009
00:49:23,200 --> 00:49:25,400
و اگر آنها را به یک وب سایت را نداشته باشند،
خوانده شده از من در مورد چگونه شما صحبت می کنید

1010
00:49:25,400 --> 00:49:28,310
نصب آن، چگونگی استفاده از آن، آنچه در آن
می کند، و غیره، و غیره، و غیره.

1011
00:49:28,310 --> 00:49:31,033
چیزی که ما اساسا شده است
راه رفتن شما را از طریق.

1012
00:49:31,033 --> 00:49:32,326
>> MIKE ریزو: ترک اینترنت.

1013
00:49:32,326 --> 00:49:34,020
>> TOMAS رایمرز: این خوب است.

1014
00:49:34,020 --> 00:49:36,980
دو چیز به ما می خواستیم
به بحث در مورد -

1015
00:49:36,980 --> 00:49:38,750
ما در مورد دستگاه گوارش صحبت کردم -

1016
00:49:38,750 --> 00:49:40,290
عیب یابی است.

1017
00:49:40,290 --> 00:49:43,020
و این یکی است به عنوان مربوط به نه
محصول نهایی آن را به عنوان است

1018
00:49:43,020 --> 00:49:44,870
هنگامی که شما را ترک 50.

1019
00:49:44,870 --> 00:49:48,310
و هنگامی که شما به محصولات اجرا
پیاده سازی کتابخانه ها و یا اجرای

1020
00:49:48,310 --> 00:49:50,230
پروژه خود را، شما
به سوالی دارید و یا شما

1021
00:49:50,230 --> 00:49:51,660
برای رفتن به سوالات نگاه کنید.

1022
00:49:51,660 --> 00:49:53,060
>> باز هم، آن را به گوگل.

1023
00:49:53,060 --> 00:49:54,630
که به معنای واقعی کلمه چه کار می کنیم.

1024
00:49:54,630 --> 00:49:56,400
این است که به نظر شما احمقانه باشد.

1025
00:49:56,400 --> 00:49:58,310
اما به معنای واقعی کلمه، ما آن را گوگل.

1026
00:49:58,310 --> 00:50:01,810
و دوباره، یکی از چیزهایی که برای اولین بار از
شما معمولا به است اجرا

1027
00:50:01,810 --> 00:50:06,550
stackoverflow.com، که فوق العاده
سوال و چشم پاسخ است.

1028
00:50:06,550 --> 00:50:10,530
>> این فوق العاده هر دو به دلیل شما می توانید
پرسش های ارسال و برای نگاه

1029
00:50:10,530 --> 00:50:12,760
پاسخ بلکه به دلیل
آن را در حال حاضر بسیاری از

1030
00:50:12,760 --> 00:50:14,590
پیش جمعیت محتوا وجود دارد.

1031
00:50:14,590 --> 00:50:18,510
بنابراین معمولا زمانی که شما یک برنامه نویسی گوگل
سوال در اولین

1032
00:50:18,510 --> 00:50:22,620
زن و شوهر بازدید شما ممکن است در حال حاضر اجرا
به آن در مجموعه مشکل شما.

1033
00:50:22,620 --> 00:50:27,840
>> و پس از آن، آخرین چیزی که واقعا کوتاه
امروز ما ام - JSFIDDLE، که است

1034
00:50:27,840 --> 00:50:32,110
انجام شده است مقدار زیادی از کار با
جاوا اسکریپت HTML CSS.

1035
00:50:32,110 --> 00:50:39,820
JSFIDDLE یک برنامه وب است، که اساسا
اجازه می دهد تا شما را به HTML شما، شما

1036
00:50:39,820 --> 00:50:42,820
جاوا اسکریپت پایین سمت چپ، و
خود را بالا سمت راست CSS.

1037
00:50:42,820 --> 00:50:47,840
و سپس آن را می تواند ایجاد سریع ارائه
از آن کنید و ببینید که چگونه آن تعامل است.

1038
00:50:47,840 --> 00:50:50,500
این بسیار مفید است که مردم در حال تلاش
برای انجام یک اثبات مفهوم مانند

1039
00:50:50,500 --> 00:50:52,910
این است که چگونه شما را
انجام یک منوی کشویی.

1040
00:50:52,910 --> 00:50:54,980
شاید یک کشف سریع و یا هر چیز دیگری.

1041
00:50:54,980 --> 00:50:56,560
>> MIKE ریزو: پس اجازه دهید به
جلو و کلیک بر روی این.

1042
00:50:56,560 --> 00:50:57,820
توجه داشته باشید سریع -

1043
00:50:57,820 --> 00:51:00,430
در حالی که، قبل از ما بودند
انجام در، کلیک کنید.

1044
00:51:00,430 --> 00:51:04,380
معلوم است JCorey کره نیز ساخته شده است
در کلیک رویداد کنترل است که آن را

1045
00:51:04,380 --> 00:51:07,020
با استفاده از فقط به خاطر اینکه آن را به چهره شما
رفتن به می خواهید برای انجام بسیاری از مسائل

1046
00:51:07,020 --> 00:51:08,410
زمانی که می خواهید کلیک کنید چیزی.

1047
00:51:08,410 --> 00:51:09,690
>> به طور مشابه، آن را نیز تا به یک شناور.

1048
00:51:09,690 --> 00:51:12,850
اما برای به دست آوردن دامنه کامل از
کسانی که در جی کوئری نگاه

1049
00:51:12,850 --> 00:51:15,320
اسناد و آن را انجام دهد.

1050
00:51:15,320 --> 00:51:18,760
من چیزی احمقانه بود اینجا.

1051
00:51:18,760 --> 00:51:21,490
>> TOMAS رایمرز: پس من واقعا سریع
برنامه حق در اینجا، که می گوید:

1052
00:51:21,490 --> 00:51:22,640
دکمه را بر روی کلیک کنید.

1053
00:51:22,640 --> 00:51:23,890
بعد از آن ما باید یک حلقه for.

1054
00:51:23,890 --> 00:51:26,810
برای من کمتر از 404 است.

1055
00:51:26,810 --> 00:51:29,530
این فقط به ظاهر
این پیام هشدار.

1056
00:51:29,530 --> 00:51:33,425
>> MIKE ریزو: و آنچه بود
کد 404 برای در HTML ایستاده بود؟

1057
00:51:33,425 --> 00:51:34,145
آیا کسی به یاد داشته باشید؟

1058
00:51:34,145 --> 00:51:35,450
یافت نشده، درست است.

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
کروم نیز اضافه شده است این شسته و رفته
چیزی که در آن شما می توانید -

1061
00:51:40,885 --> 00:51:43,430
>> TOMAS رایمرز: از آنجا که مردم مانند
مایک شروع به این کار بسیاری و

1062
00:51:43,430 --> 00:51:47,230
کاربران آزار دهنده است، که اجازه می دهد
شما را به دیدن اطلاعات.

1063
00:51:47,230 --> 00:51:48,286
>> MIKE ریزو: آره.

1064
00:51:48,286 --> 00:51:50,690
>> TOMAS رایمرز: آیا ما هر گونه سوال
در این مورد، در مورد جاوا اسکریپت

1065
00:51:50,690 --> 00:51:53,420
کتابخانه ها، پیدا کردن کتابخانه ها، یا
به نظر می رسد آنچه توسعه وب

1066
00:51:53,420 --> 00:51:55,400
مثل در دنیای واقعی؟

1067
00:51:55,400 --> 00:51:56,880
ما در حال اجرا در برابر زمان.

1068
00:51:56,880 --> 00:52:00,400
بنابراین من مطمئن هستم که ما در حال رفتن نیستم
زمان پیاده سازی به

1069
00:52:00,400 --> 00:52:02,290
مگر اینکه آن را واقعا سریع است.

1070
00:52:02,290 --> 00:52:04,580
آیا ما خوب است؟

1071
00:52:04,580 --> 00:52:08,110
>> MIKE ریزو: هر چیزی که بچه ها می خواهم
برای دیدن واقعا در مثل، سریع دو

1072
00:52:08,110 --> 00:52:09,556
دقیقه یا کمتر؟

1073
00:52:09,556 --> 00:52:10,870
>> TOMAS رایمرز: هر چیزی.
ما می توانیم روشن؟

1074
00:52:10,870 --> 00:52:12,500
چگونه برای نوشتن در -

1075
00:52:12,500 --> 00:52:13,260
>> یک مدعو: [نامفهوم]؟

1076
00:52:13,260 --> 00:52:16,070
>> MIKE ریزو: بله، تا that's -

1077
00:52:16,070 --> 00:52:18,065
>> TOMAS رایمرز: شما فقط می توانید آمار
کنترل-U در وب سایت.

1078
00:52:18,065 --> 00:52:19,275
>> MIKE ریزو: آه، من می دانم که نیست.

1079
00:52:19,275 --> 00:52:22,290
>> TOMAS رایمرز: من فکر می کنم، آره.

1080
00:52:22,290 --> 00:52:23,300
کنترل-U. آره.

1081
00:52:23,300 --> 00:52:25,970
>> MIKE ریزو: اوه، به طوری که
کد برای وب سایت.

1082
00:52:25,970 --> 00:52:29,580
اما اگر شما واقعا می خواهید برای دانلود ما
فایل ها و همه چیز، آن است که به میزبانی

1083
00:52:29,580 --> 00:52:32,650
در github.com

1084
00:52:32,650 --> 00:52:34,850
>> TOMAS رایمرز: بریده بریده نام من -

1085
00:52:34,850 --> 00:52:38,504
توماس رایمرز - علامت ممیز
سمینار خط CS50.

1086
00:52:38,504 --> 00:52:40,710
>> MIKE ریزو: و شما می توانید
پیدا کردن همه چیز وجود دارد.

1087
00:52:40,710 --> 00:52:42,310
>> TOMAS رایمرز: این چیزی است که GitHub
به نظر می رسد، به هر حال.

1088
00:52:42,310 --> 00:52:44,910
پس دوباره، هنگامی که شما یک منبع باز را ببینید
پروژه، به طور معمول، آنها خواهید بود به عنوان خوانده شده

1089
00:52:44,910 --> 00:52:45,950
من وجود دارد که شما می توانید بخوانید.

1090
00:52:45,950 --> 00:52:50,200
و اگر شما برگردید، شما باید توجه کنید که
شما باید دانلود فایل های فشرده، که

1091
00:52:50,200 --> 00:52:52,130
اجازه می دهد تا به شما دانلود منبع
کد شامل

1092
00:52:52,130 --> 00:52:53,666
محصول در چیزی که خود شما.

1093
00:52:53,666 --> 00:52:56,890
>> MIKE ریزو: آره، و اگر ما فقط کلیک کنید
در index.html را واقعا به سرعت -

1094
00:52:56,890 --> 00:52:59,180
>> TOMAS رایمرز: شما در اینجا خواهید دید است
کد منبع برای وب سایت ما.

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> MIKE ریزو: همچنین، من را فراموش کرده به فشار راست
قبل از با جدول بزرگ آن را

1097
00:53:06,070 --> 00:53:09,860
شامل، اما نیز وجود دارد یک جدول
از chmods که ما شامل

1098
00:53:09,860 --> 00:53:13,210
فقط برای وضوح خود را.

1099
00:53:13,210 --> 00:53:16,940
اما اگر ما حرکت تمام راه را به
پایین، ما در واقع نمی بسیار

1100
00:53:16,940 --> 00:53:21,160
بسیار با جاوا اسکریپت
مسائل در تمام این.

1101
00:53:21,160 --> 00:53:26,610
این به طور انحصاری از همه چیز
چیز دیگری که ما تا به حال.

1102
00:53:26,610 --> 00:53:28,730
>> بنابراین با تشکر از شما بچه ها برای آینده
و گوش دادن.

1103
00:53:28,730 --> 00:53:29,830
ما امیدواریم که این واقعا مفید بود.

1104
00:53:29,830 --> 00:53:33,020
اگر شما هر گونه جاوا اسکریپت مرتبط
سوال یا فقط می خواهم به بحث در مورد

1105
00:53:33,020 --> 00:53:36,240
چه چیز دیگری مانند آنچه دیگر کارهای جالب
شما می توانید با جاوا اسکریپت انجام دهید، ما دوست

1106
00:53:36,240 --> 00:53:37,186
با شما صحبت کنم.

1107
00:53:37,186 --> 00:53:40,010
>> TOMAS رایمرز: اگر شما یک سوال
در مورد پروژه خود را و یا اگر این می تواند

1108
00:53:40,010 --> 00:53:42,740
مربوطه، ما احتمالا در اطراف چوب
کمی بعد از این.

1109
00:53:42,740 --> 00:53:44,640
اما دیگر از آن، باید
آخر هفته خوب است.

1110
00:53:44,640 --> 00:53:45,845
>> MIKE ریزو: آره، لذت ببرید.

1111
00:53:45,845 --> 00:53:46,120
شما بچه ها را ببینید.

1112
00:53:46,120 --> 00:53:47,370
>> TOMAS رایمرز: مشاهده بله.

1113
00:53:47,370 --> 00:53:47,926