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

2
00:00:07,440 --> 00:00:08,180
>> תומס Reimers: היי, כולם.

3
00:00:08,180 --> 00:00:09,250
שמי תומס Reimers.

4
00:00:09,250 --> 00:00:10,500
>> מייק ריזו: ואני מייק ריזו.

5
00:00:10,500 --> 00:00:12,990
>> תומס Reimers: אנחנו שתיים מTS CS50s.

6
00:00:12,990 --> 00:00:18,910
והיום אנחנו מובילים את הסמינר על
JavaScript ו-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
>> מייק ריזו: בסדר.

15
00:00:43,870 --> 00:00:44,890
אז בואו נתחיל.

16
00:00:44,890 --> 00:00:45,700
>> תומס Reimers: אז אתה רוצה להתחיל?

17
00:00:45,700 --> 00:00:45,970
על אישור.

18
00:00:45,970 --> 00:00:47,170
>> מייק ריזו: כן.

19
00:00:47,170 --> 00:00:51,730
אז רצינו קודם להתחיל עם רחב
מבט על האינטרנט ו

20
00:00:51,730 --> 00:00:54,240
סוגי קבצים בעת עיצוב אתרי אינטרנט.

21
00:00:54,240 --> 00:00:57,550
בעוד מצגת זו אנו רוצים
להיכנס לתוך JavaScript הרבה הרבה

22
00:00:57,550 --> 00:01:00,320
בשלב מאוחר יותר, אנחנו רוצים להתחיל עם
פשוט, סוג של, כמו ממעוף ציפור

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
>> תומס Reimers: אז רק כדי לסכם את מה
קורה, בעת הקלדת כתובת האתר שלך כדי

30
00:01:23,190 --> 00:01:26,650
דפדפן האינטרנט שלך, כתובת האתר שמקבלת
הרים את מבטו במחשב.

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
אוקיי, אז כשאתה הולך ל-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
>> קבצי JavaScript, המגדיר
אינטראקציה עם דף האינטרנט.

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
>> מייק ריזו: אוקיי, נהדר.

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
>> תומס Reimers: אז אנחנו הולכים
לעשות הדגמה מהירה.

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
בסדר, או מרובה שלהם.

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
>> מייק ריזו: ואם אתם חושבים לחזור
כאשר אתה chmoded משהו, אני מאמין

111
00:05:24,400 --> 00:05:28,980
הם נתנו בבעיה להגדיר את
דוגמא שבו אתה יכול לעשות

112
00:05:28,980 --> 00:05:36,470
משהו כמו chmod 644
ולאחר מכן את שם קובץ.

113
00:05:36,470 --> 00:05:39,980
644 אז, עכשיו אתה יכול לראות באופן ישיר
מהיכן זה בא.

114
00:05:39,980 --> 00:05:42,840
אז אני מקווה שעושה את זה
קצת יותר ברור.

115
00:05:42,840 --> 00:05:45,600
>> ולאחר מכן לבהירות שלך הבחור -

116
00:05:45,600 --> 00:05:48,200
אה, כן, הנה זה שוב.

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
>> תומס Reimers: ואז יש לנו מהיר
רשימת הרשאות משותפות.

121
00:06:01,500 --> 00:06:05,250
אז ספריות, אתה רוצה
לchmod למעשה 711.

122
00:06:05,250 --> 00:06:08,930
מהיר בצד - לספרייה יש
משמעות אישור הפעלה כדי שתוכל

123
00:06:08,930 --> 00:06:11,680
כדי לפתוח את הספרייה.

124
00:06:11,680 --> 00:06:15,280
תמונות, CSS, JavaScript, HTML צרכי
644 כי, בעצם, העולם

125
00:06:15,280 --> 00:06:16,400
צרכי הרשאות קריאה.

126
00:06:16,400 --> 00:06:20,960
>> ו-PHP, שאתם ראיתם
למרות שאנחנו לא מדברים על זה

127
00:06:20,960 --> 00:06:24,880
בהחלט הוא chmoded בדרך כלל עם
רשות 600 כי זה לרוץ עם

128
00:06:24,880 --> 00:06:26,540
ההרשאות של הבעלים.

129
00:06:26,540 --> 00:06:27,790
לפחות על המכשיר.

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

131
00:06:30,200 --> 00:06:36,870
>> מייק ריזו: אז אם אתה לא במיוחד
תציין איזה סוג של קובץ

132
00:06:36,870 --> 00:06:39,480
אתה רוצה בהקמה בפועל
את המצגת הזו -

133
00:06:39,480 --> 00:06:43,490
היו לנו בעיה עם זה, כי
כל מה שלא היה chmoded כראוי -

134
00:06:43,490 --> 00:06:47,550
אתה הולך לקבל, סוג של,
אסורה שגיאה שהאתר

135
00:06:47,550 --> 00:06:49,700
לא ממש יש להם הרשאה
כדי לגשת לכל קובץ

136
00:06:49,700 --> 00:06:51,370
אתה רוצה את זה כדי לגשת.

137
00:06:51,370 --> 00:06:54,780
וכמובן, שיכול להיות קבוע -
כמו בבעיה מוגדרת - ידי שינוי

138
00:06:54,780 --> 00:06:56,405
הרשאות כראוי.

139
00:06:56,405 --> 00:06:59,620
>> תומס Reimers: וההערה האחרונה ל
פיתוח מקומי במהירות הוא - אנחנו

140
00:06:59,620 --> 00:07:02,000
העליתי את הנושא הזה, אבל אנחנו פשוט רצינו
להעלות את זה שוב -

141
00:07:02,000 --> 00:07:06,230
אם אתה שואל על שרת - מארח כל כך מקומי,
לדוגמא, com או משהו כזה. -

142
00:07:06,230 --> 00:07:09,170
ולא יציין קובץ ספציפי,
את הקובץ שבמחשב שלך הולך

143
00:07:09,170 --> 00:07:11,540
לבקש נקרא index.html.

144
00:07:11,540 --> 00:07:12,790
או אם זה לא קיים, index.php.

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

146
00:07:15,560 --> 00:07:16,350
>> מגניב.

147
00:07:16,350 --> 00:07:19,560
אז זה רק לסכם מכל דבר,
בתקווה, שאנחנו כבר כיסינו ב

148
00:07:19,560 --> 00:07:22,800
סעיף, והרצאה,
ועד כה בCS50.

149
00:07:22,800 --> 00:07:26,110
ועכשיו אנחנו הולכים להתחיל לדבר
באופן ספציפי על ספריות.

150
00:07:26,110 --> 00:07:30,270
ספריות JavaScript ו-CSS
ליישומי אינטרנט.

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
ומה שהם הוא שהם בעצם
חתיכות תערובת של עוגיות של קוד -

163
00:08:07,360 --> 00:08:09,130
או CSS או JavaScript -

164
00:08:09,130 --> 00:08:13,240
שתיקח משם הרבה
צוות שיש לך בקידוד.

165
00:08:13,240 --> 00:08:17,290
>> אז הם מראש מגדירים את חבורה של כיתות או
מראש מגדיר את חבורה של פונקציות עבור

166
00:08:17,290 --> 00:08:20,110
המקרה של JavaScript, אשר
אתה יכול לקרוא בהמשך.

167
00:08:20,110 --> 00:08:22,690
ואז אתה יכול, פחות או יותר, תקבל
גישה לקוד הזה בלי

168
00:08:22,690 --> 00:08:23,710
אצטרך לעשות דבר.

169
00:08:23,710 --> 00:08:27,750
דוגמא לספרייה הייתה CS50.H.
זה היה ספרייה שנתנו לך בחזרה

170
00:08:27,750 --> 00:08:32,090
בשבוע אחד, מה שאיפשר לך לעשות
דברים כמו שGetInt וGetString

171
00:08:32,090 --> 00:08:35,237
ללא צורך בכתיבה
כל קוד בעצמך.

172
00:08:35,237 --> 00:08:36,179
>> מייק ריזו: בסדר.

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
לדוגמא, אם אנחנו רוצים לכלול
ספריית JavaScript ספציפית כאן,

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
>> אז יש לנו שווים סוג התסריט
JavaScript מקור שווים

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

180
00:09:01,260 --> 00:09:05,190
ואם אתם חושבים לחזור לCS50
בעיה האוצר לקבוע, אם נראה ב

181
00:09:05,190 --> 00:09:09,190
header.php בתיקיית התבניות,
היית צריך לראות את

182
00:09:09,190 --> 00:09:10,970
כמה מאלה שנכללו.

183
00:09:10,970 --> 00:09:13,250
אז קודם כל זה אחד - התסריטים -

184
00:09:13,250 --> 00:09:16,080
הוא כולל ספריית JavaScript.

185
00:09:16,080 --> 00:09:18,760
כולל ספריית CSS הוא
קצת שונה.

186
00:09:18,760 --> 00:09:21,430
>> כאן, במקום את התסריט
לתייג אותך צריך קישור התג.

187
00:09:21,430 --> 00:09:27,110
ולאחר מכן, את סוג CSS הטקסט
הוא קצת שונה.

188
00:09:27,110 --> 00:09:29,270
אתה לא תמיד צריך לכלול
גיליון סגנונות rel.

189
00:09:29,270 --> 00:09:30,970
אבל אני חושב שזה, בדרך כלל,
אימון טוב.

190
00:09:30,970 --> 00:09:35,810
>> ולבסוף, HREF, שבו אתה
כנראה ראיתי בATAGs לקישור

191
00:09:35,810 --> 00:09:39,440
בקישורים שונים רק מציין
הקישור של איפה למצוא את זה.

192
00:09:39,440 --> 00:09:42,250
לדוגמא, אם אנחנו רוצים לקשר
ספרייה אחרת - בואו רק נאמר -

193
00:09:42,250 --> 00:09:49,330
שחי בstyles.css.

194
00:09:49,330 --> 00:09:54,030
ואנחנו רוצים לקשר כי בזה
המתארח באינטרנט, היינו להעתיק את זה.

195
00:09:54,030 --> 00:09:58,834
ואז להדביק אותו בכל מה
יש לנו ממש כאן במקום.

196
00:09:58,834 --> 00:10:01,340
>> תומס Reimers: בסדר, אני מקווה שאתה
החבר 'ה כבר מכיר

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
JavaScript, חלק מכם אולי
יש לו קצת ניסיון עם.

200
00:10:07,110 --> 00:10:07,980
חלק מכם אולי לא.

201
00:10:07,980 --> 00:10:12,190
>> אז לעת עתה, יודע שקובץ JavaScript
דומה מאוד לקובץ CSS ב

202
00:10:12,190 --> 00:10:15,640
המובן שאתה יכול לקשר אליו או
כי אתה יכול לכלול אותו באופן פנימי.

203
00:10:15,640 --> 00:10:17,360
וזה מאפשר לך דברים תסריט.

204
00:10:17,360 --> 00:10:21,820
ואנחנו הולכים לך ללכת דרך
קצת JavaScript בהמשך.

205
00:10:21,820 --> 00:10:23,560
>> אז שימוש בספרייה -

206
00:10:23,560 --> 00:10:26,150
לאחר שכללת אותו, זה כמו
פשוט כמו, פשוטו כמשמעו, קוראים

207
00:10:26,150 --> 00:10:29,640
פונקציות או הוספה
שמות בכיתה אליה.

208
00:10:29,640 --> 00:10:32,220
הדבר האחרון שאנחנו רוצים לדבר
על במונחים של ספרייה -

209
00:10:32,220 --> 00:10:34,180
וזה יותר מהערה טכנית -

210
00:10:34,180 --> 00:10:35,860
הוא רישוי קוד פתוח.

211
00:10:35,860 --> 00:10:41,550
לכן, כאשר אתה מוצא את הספריות בפועל אלה,
ייתכן שאתה חושב על

212
00:10:41,550 --> 00:10:47,630
שאלות כמו האם זה בסדר שאני פשוט
שימוש בקוד של מישהו אחר, במיוחד

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
>> מייק ריזו: אישור.

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
>> תומס Reimers: אנחנו כללנו את הקישור.

251
00:12:33,770 --> 00:12:36,210
בשלב זה, זה מועיל אם
יש לך המחשב הנייד שלך שם

252
00:12:36,210 --> 00:12:38,740
מחפש באתר.

253
00:12:38,740 --> 00:12:42,580
ואנחנו נותנים לך את זה נכון
עכשיו פשוט משום סופי CS50

254
00:12:42,580 --> 00:12:44,370
פרויקט הוא בעצם הולך
אבקש ממך ליישם אותה

255
00:12:44,370 --> 00:12:45,860
באופן דומה ובאמצעות דפדפנים.

256
00:12:45,860 --> 00:12:49,250
>> אז רק כדי לשמור בחלק האחורי שלך
ראש, זה הוא ספרייה נפלאה

257
00:12:49,250 --> 00:12:51,170
כי זה יהיה, בערך,
לתקן דברים.

258
00:12:51,170 --> 00:12:54,230
ב-Firefox, משהו עשוי להראות
כפיקסל אחד מהשמאל.

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
>> מייק ריזו: אז אם אנחנו רוצים רק
לחץ על הקישור באמת במהירות ובמופע

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
>> תומס Reimers: ואם אתה באמת
לחץ על קראו עוד ממש שם -

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
>> מייק ריזו: אוקיי, נהדר.

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
>> תומס Reimers: כן, ולכן
בעת ההורדה -

283
00:13:55,860 --> 00:13:58,130
>> מייק ריזו: אה, זה נקודה גדולה.

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
>> תומס Reimers: באותו אופן שאתה
לקשר בכל קובץ אחר.

292
00:14:18,660 --> 00:14:22,250
וברגע שאתה מקשר בזה, מה זה נהדר
על לנרמל זה יהיה ממש

293
00:14:22,250 --> 00:14:25,920
לטפל בכל הקשה
עובד על ידי עצמו.

294
00:14:25,920 --> 00:14:27,730
כלומר, אין לך
להוסיף בכל שיעורים.

295
00:14:27,730 --> 00:14:29,690
>> אתה לא צריך לעשות שום דבר מוזר.

296
00:14:29,690 --> 00:14:34,590
זה יהיה לנרמל בלעדיך
עושה שום דבר נוסף.

297
00:14:34,590 --> 00:14:36,083
כן, אתה צריך לכלול אותו.

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

299
00:14:38,990 --> 00:14:40,240
Google Chrome אינו מגיב.

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

301
00:14:43,270 --> 00:14:44,860
>> רק בצד מהיר -

302
00:14:44,860 --> 00:14:46,800
שמתי לב שקפצנו לתוך זה.

303
00:14:46,800 --> 00:14:49,010
שאר מצגת זו היא
הולך להיות סקירה מהירה.

304
00:14:49,010 --> 00:14:50,380
סקר של ספריות.

305
00:14:50,380 --> 00:14:52,710
>> בעיקרון, מה שהם.

306
00:14:52,710 --> 00:14:53,350
מה שהם עושים.

307
00:14:53,350 --> 00:14:54,060
איך הם שימושיים.

308
00:14:54,060 --> 00:14:56,540
כיצד תוכל ליישם אותם.

309
00:14:56,540 --> 00:14:59,730
אם אתה רוצה להתחיל להסתכל עליהם,
הבא יחד, וקריאה דרך

310
00:14:59,730 --> 00:15:01,990
אותם, אני מאוד לעודד את זה.

311
00:15:01,990 --> 00:15:07,620
>> לחלופין, אתה מוזמן גם
להתחיל להוריד אותם ובכלל זה

312
00:15:07,620 --> 00:15:11,400
שלהם במראה רק כדי לראות את מה שהם
נראה או מה עושה להם אם יש לך

313
00:15:11,400 --> 00:15:12,270
המחשב הנייד שלך לפניך.

314
00:15:12,270 --> 00:15:14,650
אם לא, אתה מוזמן לשמור
מקשיב לנו לדבר.

315
00:15:14,650 --> 00:15:15,500
אנחנו הולכים להמשיך לדבר.

316
00:15:15,500 --> 00:15:18,680
ויש לנו זמן בסוף, בתקווה
אנחנו בעצם נוכל להיכנס מראים לך

317
00:15:18,680 --> 00:15:20,946
מה כמה ספריות אלה
נראה.

318
00:15:20,946 --> 00:15:22,320
>> מייק ריזו: מגניב.

319
00:15:22,320 --> 00:15:25,466
בסדר, אז עכשיו בואו נדבר
על גופן מדהים.

320
00:15:25,466 --> 00:15:30,480
>> תומס Reimers: מדהים כל כך גופן הוא
אתר ממש גדול, במיוחד עבור אלה

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
תג נקרא satands זה I. עבור
סמל עם הכיתה 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
>> מייק ריזו: מגניב, בסדר.

348
00:16:53,710 --> 00:16:56,980
>> תומס Reimers: ואז, CSS האחרון
ספרייה שאנחנו רוצים לעבור אותנו

349
00:16:56,980 --> 00:16:59,950
מנסה לשמור את זה מינימאלי על CSS
ספריות משום שאנו מבינים

350
00:16:59,950 --> 00:17:03,660
כותרת של מצגת זו
היא JavaScript ספריות.

351
00:17:03,660 --> 00:17:07,089
אבל אנחנו חשבנו שאנחנו יכולים גם כן
להכיר לך את הספריות האחרות

352
00:17:07,089 --> 00:17:09,569
בזמן שאנחנו מדברים על ספריות.

353
00:17:09,569 --> 00:17:11,400
>> זה אינטרנט גופני גוגל.

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
>> תומס Reimers: מגניב.

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
>> מייק ריזו: אישור.

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 הייתה bootstrap.

392
00:19:00,390 --> 00:19:05,190
אנחנו בעצם כוללים המגף קטן
מאוחר יותר תחת JavaScript כי עם

393
00:19:05,190 --> 00:19:09,660
ספריית המגף CSS מגיעה גם
עם הרבה JavaScript כי

394
00:19:09,660 --> 00:19:12,060
Bootstrap או טוויטר -
שעשה את המגף -

395
00:19:12,060 --> 00:19:15,426
משתמש בו כדי לנהל את כולם ב-CSS.

396
00:19:15,426 --> 00:19:19,592
>> תומס Reimers: האם מישהו יש לי
שאלות עד כה על 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
>> מייק ריזו: מדהים.

400
00:19:22,495 --> 00:19:25,136
>> תומס Reimers: אז נע
על JavaScript.

401
00:19:25,136 --> 00:19:27,900
>> מייק ריזו: אז אנחנו רוצים לדבר
על jQuery מלכתחילה.

402
00:19:27,900 --> 00:19:30,780
האם מישהו שמע על jQuery
לפני או השתמש בו?

403
00:19:30,780 --> 00:19:32,180
כן, כמה?

404
00:19:32,180 --> 00:19:36,000
אז אם אתה רק לעבוד עם ילידים
JavaScript, אתה תמצא את עצמך

405
00:19:36,000 --> 00:19:41,000
הקלדה הרבה סלקטורים ארוכים הרבה.

406
00:19:41,000 --> 00:19:44,400
אז מה jQuery עושה הוא שהוא מספק
עטיפה יפה לJavaScript

407
00:19:44,400 --> 00:19:48,180
שפה שמאפשרת לך לבחור בקלות
ולתפעל אלמנטים שונים

408
00:19:48,180 --> 00:19:52,470
בתוך מודל אובייקט המסמך של
דף אינטרנט או DOM, שאני חושב

409
00:19:52,470 --> 00:19:54,290
אתם שמעתם ב
להרצות בנקודה זו.

410
00:19:54,290 --> 00:19:57,550
>> תומס Reimers: אם עדיין לא שמע על
זה או הרצאה אם ​​לא צפתה

411
00:19:57,550 --> 00:20:01,870
עדיין, סוג Document Object Model הוא
בעצם איך דברים מיוצגים.

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
סוג Document Object Model.

418
00:20:12,120 --> 00:20:16,090
אז מודל המייצג את האובייקטים ב
המסמך הוא דרך קלה לחשוב

419
00:20:16,090 --> 00:20:18,560
בקשר לזה.

420
00:20:18,560 --> 00:20:22,520
ואחד הדברים הגדולים על jQuery
האם זה באמת עושה חוצים

421
00:20:22,520 --> 00:20:26,460
ושאלמנטי מניפולציה בתוך
כל כך פשוט שלא ייאמן.

422
00:20:26,460 --> 00:20:30,300
>> כל כך פשוט, למעשה, כי הרוב המכריע של
JavaScript ספריות או אם לא

423
00:20:30,300 --> 00:20:34,200
הרוב, הגדול רוב אלה
תראה בעצם דורש jQuery כך

424
00:20:34,200 --> 00:20:37,530
שהם יכולים להפעיל את עצמם פשוט
כי אם לא היה לך jQuery, אתה

425
00:20:37,530 --> 00:20:40,540
יהיה לבזבז הרבה זמן בניסיון
להבין איך לבחור מסוים

426
00:20:40,540 --> 00:20:43,660
אלמנטים ואיך לעשות דברים אחרים.

427
00:20:43,660 --> 00:20:47,950
והדבר גדול השני על jQuery
הוא שזה דפדפן תואם.

428
00:20:47,950 --> 00:20:51,550
>> אז זוכר בחזרה כאשר אנו אמרו כי
לא כל הדפדפנים ליישם

429
00:20:51,550 --> 00:20:53,100
דברים באותה הדרך?

430
00:20:53,100 --> 00:20:55,120
הדבר נכון גם ב-JavaScript.

431
00:20:55,120 --> 00:20:58,220
ואחד הדברים הגדולים על jQuery
הוא שזה יאתר

432
00:20:58,220 --> 00:21:00,300
דפדפן ולזהות את
שיטה מתאימה.

433
00:21:00,300 --> 00:21:03,420
>> אז אם אתה צריך לבחור אלמנט,
Internet Explorer יכול להגיד שאתה

434
00:21:03,420 --> 00:21:05,770
אמור לעשות את זה בדרך.

435
00:21:05,770 --> 00:21:08,300
Firefox יכול להגיד נכון
דרך היא בדרך זו.

436
00:21:08,300 --> 00:21:09,710
לא אכפת jQuery.

437
00:21:09,710 --> 00:21:12,550
כשאתה אומר jQuery כדי לבחור
אלמנט זה יהיה להבין איך זה

438
00:21:12,550 --> 00:21:16,290
אמור לעשות את זה בתוך הדפדפן
משתמש הוא כיום ב, ואז לעשות

439
00:21:16,290 --> 00:21:18,584
את זה ככה.

440
00:21:18,584 --> 00:21:22,650
>> מייק ריזו: אז בוא לא נדבר על
שימוש jQuery קצת.

441
00:21:22,650 --> 00:21:27,670
בדיוק כמו PHP, יש jQuery בפרט
חיבה לסימן הדולר.

442
00:21:27,670 --> 00:21:30,880
אז אתה תמצא כי כל jQuery -

443
00:21:30,880 --> 00:21:32,060
טוב, לא כולם.

444
00:21:32,060 --> 00:21:35,210
לפעמים אתה יכול להחליף את הדולר
לחתום עם המילה jQuery.

445
00:21:35,210 --> 00:21:38,980
אבל בדרך כלל, רק בגלל שזה
קצר יותר, בכל פעם שאתה רואה להיות jQuery

446
00:21:38,980 --> 00:21:41,420
השתמשתי בו אהיה עם סימן דולר.

447
00:21:41,420 --> 00:21:47,030
>> אז הנה אנחנו רק מראים תחילת
בורר עבור רכיב בDOM.

448
00:21:47,030 --> 00:21:52,850
הנה, יש לנו את סימן הדולר ואחרי
בסוגריים פתוחים ולאחר מכן מרכאות.

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
אלה סלקטורים שונים לתרגם
בדיוק לתוך jQuery ו-JavaScript,

453
00:22:06,555 --> 00:22:07,820
על פי רוב.

454
00:22:07,820 --> 00:22:10,120
>> אז הנה יש לנו foo נקודה.

455
00:22:10,120 --> 00:22:14,780
אז אם אתה זוכר מהרצאה,
הנקודה רק אומרת בכיתה.

456
00:22:14,780 --> 00:22:18,850
אז אנחנו בחירת אלמנט
עם foo כיתה.

457
00:22:18,850 --> 00:22:22,670
אז אם אני הולך קדימה, לפתוח אותנו
JavaScript קונסולה כאן ממש מהר

458
00:22:22,670 --> 00:22:26,830
רק להוכיח את זה, אם אני פשוט הקלד את
סימן דולר, אנו רואים שזה כמה

459
00:22:26,830 --> 00:22:28,090
פונקציה שמגיעה למעלה.

460
00:22:28,090 --> 00:22:29,420
וזה רק שהוגדר על ידי jQuery.

461
00:22:29,420 --> 00:22:32,120
>> תומס Reimers: לאלו מכם
לא מוכר, הקונסולה היא כלי

462
00:22:32,120 --> 00:22:35,430
בתוך Chrome, אשר מאפשר לך,
בעצם, להפעיל JavaScript על

463
00:22:35,430 --> 00:22:36,450
דף הנוכחי.

464
00:22:36,450 --> 00:22:39,420
זה תמצא שימושי להפליא כש
אתה בעצם באגים ואתה

465
00:22:39,420 --> 00:22:42,400
צריך להיות כמו, מהו הנוכחי
ערך של כמה משתנה גלובלי או מה

466
00:22:42,400 --> 00:22:43,910
הוא משהו אחר?

467
00:22:43,910 --> 00:22:47,620
זה כמו סוג של GDB עם היוצא מן הכלל
כי למעשה אתה יכול

468
00:22:47,620 --> 00:22:51,600
לתפעל אלמנטים בעמוד עם
זה בצורה הרבה יותר קלה.

469
00:22:51,600 --> 00:22:55,080
וגם זה לא, בעצם, לבדוק
באיתך לפני שהיא עושה משהו.

470
00:22:55,080 --> 00:22:58,660
>> אז אילו, GDB יכול להיות כמו, אתה
בטוח שאתה רוצה להפעיל את השלב הבא?

471
00:22:58,660 --> 00:22:59,830
הקונסולה זה באמיתי.

472
00:22:59,830 --> 00:23:03,690
אז כמו דף האינטרנט הוא טיוח ו
עושה כל מה שהוא עושה,

473
00:23:03,690 --> 00:23:05,720
המועצה של גם פועלים לצד זה.

474
00:23:05,720 --> 00:23:08,330
ואתה יכול לשים את קוד לזקוף ל
קונסולה ש, אשר יהיה

475
00:23:08,330 --> 00:23:09,260
ניתן לרוץ על הדף.

476
00:23:09,260 --> 00:23:12,190
>> מייק ריזו: אז להיכנס למסוף,
אני מניח שאני צריך לזמן קצר

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
אנחנו גם יכולים לגשת לJavaScript
קונסולה ישירות על ידי

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
ואתה יורד לכלים ו
אז קונסולת JavaScript

488
00:23:52,010 --> 00:23:53,240
כאן שבו ניתן לראות -

489
00:23:53,240 --> 00:23:54,370
לפחות ב-Windows -

490
00:23:54,370 --> 00:23:59,680
הקיצור הוא בקרת Shift ג'אז
אם אנחנו רוצים לבחור אלמנט

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
ואני מכה על Enter.

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
>> תומס Reimers: אז רק כדי להסתכל על זה
יותר לעומק, זה לא שונה

508
00:24:49,030 --> 00:24:52,245
משיחות הפונקציה שעשינו בג
שם הפונקציה כאן הוא

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
>> מייק ריזו: אז באופן דומה, אם אנחנו רוצים
כדי לבחור אלמנט שיש לו תעודת זהות,

522
00:25:21,460 --> 00:25:23,470
עכשיו אנחנו רוצים לבחור לפי
מזהה במקום בכיתה.

523
00:25:23,470 --> 00:25:28,080
זה יהיה דבר דומה שבו אנו
פשוט לעשות את השלט החד לזיהוי.

524
00:25:28,080 --> 00:25:33,576
אז אנחנו בחירה כאן כל
אלמנטים שיש להם בר זיהוי.

525
00:25:33,576 --> 00:25:35,400
>> תומס Reimers: וזה מרחיב.

526
00:25:35,400 --> 00:25:36,450
CSS המשתרע.

527
00:25:36,450 --> 00:25:42,260
בדיוק כמו ב-CSS, אתה יכול לבחור את כל
קישורים, שיש לי foo הכיתה.

528
00:25:42,260 --> 00:25:43,420
הנה, זה אותו הדבר.

529
00:25:43,420 --> 00:25:52,750
>> אתה יכול לעשות את a.foo, אשר היה לבחור
כל הקישורים עם foo הכיתה.

530
00:25:52,750 --> 00:25:58,860
אתה יכול לעשות את הבר חד, אשר היו
בחר את הקישור עם בר זיהוי וכך

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
>> מייק ריזו: כן.

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

535
00:26:07,996 --> 00:26:11,460
אוקיי, אז עכשיו בואו נכנסנו קצת
של מניפולציה שאנחנו יכולים לעשות עם

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 איך היו לנו structs שונה.

540
00:26:23,340 --> 00:26:27,110
ולהיכנס לstructs אלה, שהיית
אשתמש בנקודה כדי להיכנס אליהם.

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
>> תומס Reimers: אז תרגום קל של
שיהיה אם jQuery, בעצם,

549
00:26:55,390 --> 00:26:57,790
פשוט לקחתי את foo.

550
00:26:57,790 --> 00:27:05,480
ולאחר מכן ב-CSS, אמר,
צבע האדום וקרוב.

551
00:27:05,480 --> 00:27:06,670
זה אותו הרעיון.

552
00:27:06,670 --> 00:27:08,800
מה עושה את זה הוא זה שנבחר
כל אלמנטי foo.

553
00:27:08,800 --> 00:27:10,170
ואז זה מיושם.

554
00:27:10,170 --> 00:27:15,884
סוג של, צבע המאפיין
שווה אדום.

555
00:27:15,884 --> 00:27:21,070
>> מייק ריזו: באופן דומה, אנחנו יכולים גם לשנות
התוכן הממשי של מה שהוא

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
אז הנה אנחנו בחירת אלמנט עם
foo כיתה ולאחר מכן אומר שזה HTML

564
00:27:49,810 --> 00:27:52,200
עכשיו זה שלום עולם.

565
00:27:52,200 --> 00:27:55,600
>> תומס Reimers: וכאשר אתה חושב על
מה הם יישומים שימושיים של

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
אתה יכול להתחיל לעשות דברים כמו, כאשר
משתמש מרחף מעל החלק העליון

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
>> מייק ריזו: נכון.

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
>> תומס Reimers: אז דרך אחת לחשוב על
זה אם אני המחשב ו

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
ואז זה יהיה כמו, אה, להיות
יש JavaScript כאן.

609
00:30:00,450 --> 00:30:02,450
ברור, אני צריך לערוך את
דף להיות כזה.

610
00:30:02,450 --> 00:30:04,250
ואני עורך את העותק.

611
00:30:04,250 --> 00:30:05,920
>> אבל זה לא ביצוע
העותק בפועל.

612
00:30:05,920 --> 00:30:08,480
ואם הייתי שואל אותו שוב
לרענן את הדף, -

613
00:30:08,480 --> 00:30:10,060
היי, אני יכול לקבל עותק נקי אחר -

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
>> מייק ריזו: אז דבר ממש מגניב
שאתה יכול לעשות עם 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
>> תומס Reimers: פופולרי אחד האחר
הוא להחליק במורד, אשר תהפוך

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
>> מייק ריזו: ואז, אם רק יש לך
איזה סוג של אנימציה בחשבון כי

641
00:31:26,590 --> 00:31:29,080
jQuery אינו מספק בהכרח.

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
הנפשת פונקציה בתוך jQuery.

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
אז הנה, אם אנחנו רוצים להנפיש
foo האלמנט כזה שרוחבו או

653
00:32:06,960 --> 00:32:10,880
מתרחב או חוזים ל80 פיקסלים,
תלוי מה שהוא כרגע.

654
00:32:10,880 --> 00:32:14,100
אנחנו אעבור את זה רק כ
הוויכוח בתוכה.

655
00:32:14,100 --> 00:32:18,060
>> הנפשת יש גם כמה טיעונים אחרים
שאתה יכול להעביר אותו, למשל,

656
00:32:18,060 --> 00:32:21,150
המהירות של האנימציה
שאתה רוצה לתת אותו.

657
00:32:21,150 --> 00:32:26,220
וכדי לעשות את זה, הייתי אומר פשוט
מהירות Google 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
רק בגוגל. jQuery היא מאוד
מתועד היטב.

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
במקרה של JavaScript, זה נותן לי
שלך את השם של הפונקציות.

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
דפי אדם הם תיעוד של C ו
להרבה דברים אחרים, גם כן.

689
00:34:04,275 --> 00:34:11,020
>> מייק ריזו: אז אנחנו כבר למדנו איך
לשנות CSS שונה בעמוד,

690
00:34:11,020 --> 00:34:14,040
הנפש שלו, ולהסיר להוסיף HTML.

691
00:34:14,040 --> 00:34:16,889
אבל אחד החזק באמת ביותר
דברים על JavaScript

692
00:34:16,889 --> 00:34:18,270
ובמיוחד jQuery -

693
00:34:18,270 --> 00:34:22,570
מה שמאפשר לך לעשות הוא להגיב
אלמנטים שונים לזה לקרות.

694
00:34:22,570 --> 00:34:25,380
לדוגמא, יש לנו כאן
מטפל באירועים.

695
00:34:25,380 --> 00:34:28,210
וזה רק אומר שכל פעם שזה
אירוע שקורה, אנחנו מטפלים בזה ב

696
00:34:28,210 --> 00:34:29,280
בצורה מסוימת.

697
00:34:29,280 --> 00:34:35,159
>> אז הנה, אירוע 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
>> תומס Reimers: לחלופין, יש לך
בריחוף, שהוא מאוד פופולרי.

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
>> מייק ריזו: נכון.

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
>> תומס Reimers: אז במקרה של
JavaScript, זה הוא מקום שאנחנו צריכים

709
00:35:08,900 --> 00:35:12,970
להסיר את עצמנו מC. אנו יכולים למעשה
לקחת פונקציות כמו ויכוחים.

710
00:35:12,970 --> 00:35:15,940
ויש הרבה באמת
דרכים מורכבות לעשות את זה.

711
00:35:15,940 --> 00:35:17,940
אנחנו הולכים לקדם בדרך זו,
אשר הוא שאתה יכול להגדיר את

712
00:35:17,940 --> 00:35:19,270
לתפקד ממש שם.

713
00:35:19,270 --> 00:35:22,540
>> לכן, כאשר אתה מבקש בפונקציה כ
פרמטר, אתה בעצם רק

714
00:35:22,540 --> 00:35:24,500
הולך להגדיר את הפונקציה
במקום.

715
00:35:24,500 --> 00:35:27,090
והדרך בה אתה מגדיר את פונקציה
בJavaScript הוא

716
00:35:27,090 --> 00:35:28,820
פשוטו כמשמעו, אומר פונקציה.

717
00:35:28,820 --> 00:35:30,130
ואז, בדרך כלל, את שמו
של הפונקציה.

718
00:35:30,130 --> 00:35:32,510
אבל אנחנו לא הולכים להתייחס
פונקציה זו שוב.

719
00:35:32,510 --> 00:35:34,040
אז אנחנו משאירים אותו חסר שם.

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
אז אנחנו נותנים לכם את הצורה הכללית של
מה מטפל אירוע נראה כמו

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
>> מייק ריזו: האם יש
שאלות על זה?

726
00:35:52,478 --> 00:35:54,818
זה יכול להיות קצת מבלבל
בפעם הראשונה שאתה רואה אותו.

727
00:35:54,818 --> 00:35:57,550
>> תומס Reimers: אתה באמת רוצה
לפתוח את הקובץ ולהראות להם כמה

728
00:35:57,550 --> 00:35:58,155
jQuery עכשיו?

729
00:35:58,155 --> 00:35:59,853
>> מייק ריזו: כן, בואו נעשה את זה.

730
00:35:59,853 --> 00:36:00,256
על אישור.

731
00:36:00,256 --> 00:36:02,490
>> תומס Reimers: אז עכשיו אנחנו
במכשיר.

732
00:36:02,490 --> 00:36:07,730
ומה שעשינו זה לקחת את
חירות של יצירת שני index.html

733
00:36:07,730 --> 00:36:10,100
קובץ, אשר מקשר אל
קובץ JavaScript.

734
00:36:10,100 --> 00:36:12,880
ואנחנו יכולים לפתוח את -

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

736
00:36:15,170 --> 00:36:16,630
ובכן, זה עושה שני דברים.

737
00:36:16,630 --> 00:36:18,350
>> הראשון הוא שהוא מקשר ל
קובץ JavaScript.

738
00:36:18,350 --> 00:36:21,250
ואנחנו תראו את זה כאן.

739
00:36:21,250 --> 00:36:25,340
אנו רואים כי בראש
מסמך ה-HTML, במיוחד.

740
00:36:25,340 --> 00:36:28,260
אז אתה תראה שם כי
אנחנו, בעצם, אומרים SRC,

741
00:36:28,260 --> 00:36:29,590
אשר מייצג מקור.

742
00:36:29,590 --> 00:36:30,630
וזה כתובת האתר.

743
00:36:30,630 --> 00:36:32,700
>> אז הנה אתה יכול להגיד שיש לנו
כלל jQuery.

744
00:36:32,700 --> 00:36:34,290
ואנחנו כבר כללנו גם תסריטים.

745
00:36:34,290 --> 00:36:40,630
הדרך אחרת כדי לכלול JavaScript היא
כי אתה יכול לכלול תסריט מוטבע

746
00:36:40,630 --> 00:36:44,600
תג שיש לנו בחלק התחתון שבו
אומר סוג התסריט הוא טקסט ב-JavaScript.

747
00:36:44,600 --> 00:36:46,960
>> אז אנחנו אומרים, תשמעו, אנחנו
כ לכלול תסריט.

748
00:36:46,960 --> 00:36:51,890
וסוג שהתסריט הוא
JavaScript, שהוא סוג של טקסט.

749
00:36:51,890 --> 00:36:52,550
פשוט מאוד.

750
00:36:52,550 --> 00:36:56,490
>> מייק ריזו: אז זה, סוג של, מקבל
השאלה שלך על איך אנחנו כוללים

751
00:36:56,490 --> 00:37:02,340
JavaScript בקבצים שלנו, כי כאשר אנחנו
היה PHP, אנחנו עושים משהו כזה.

752
00:37:02,340 --> 00:37:07,570
ואז, יש לנו פונקציות PHP -
נניח מניות לעשות

753
00:37:07,570 --> 00:37:09,150
משהו עם זה -

754
00:37:09,150 --> 00:37:10,490
נכנס לשם.

755
00:37:10,490 --> 00:37:13,860
עם זאת, עכשיו יש לנו את תגים הסקריפט
כי אנחנו נותנים לו, שהם למעשה

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
תראה תגי תסריט אלה לשם
עם JavaScript הקשורים

759
00:37:28,430 --> 00:37:29,800
אותם בזה.

760
00:37:29,800 --> 00:37:31,760
>> אז, אם אנחנו רוצים
לכתוב כמה JavaScript -

761
00:37:31,760 --> 00:37:37,110
בואו רק נאמרתי שאנחנו רוצים לשנות את הגוף
כי כרגע אין לי

762
00:37:37,110 --> 00:37:40,020
כל תגים אחרים שאני באמת יכול
לערוך מלבד גוף.

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
>> תומס Reimers: אז אם אנחנו חוזרים לזה
להגיש בפרט - HTML

770
00:38:02,800 --> 00:38:04,710
קובץ - מה אתה הולך
לראות הוא שיש לנו -

771
00:38:04,710 --> 00:38:06,810
לזכור שזו נטענת,
סוג של, באופן כרונולוגי.

772
00:38:06,810 --> 00:38:09,910
אז יש לנו קודם את הראש.
הוא טוען שני קבצים אלה.

773
00:38:09,910 --> 00:38:10,800
ואז אנחנו הולכים לגוף.

774
00:38:10,800 --> 00:38:11,640
ואנחנו רואים את שלום עולם.

775
00:38:11,640 --> 00:38:13,030
אז אנחנו הופכים את שלום העולם.

776
00:38:13,030 --> 00:38:15,240
>> ואז הדבר האחרון שיש לנו
הוא שיש לנו תג סקריפט.

777
00:38:15,240 --> 00:38:20,880
אז הוא מפעיל את תג סקריפט כי זה
לא אומר לו לחכות לשום דבר.

778
00:38:20,880 --> 00:38:24,700
וזה בסיסי ביותר
דרך להפעיל JavaScript.

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
וזו אחת הבעיות של
JavaScript היא שהדברים טעונים

786
00:38:44,210 --> 00:38:45,930
באופן כרונולוגי.

787
00:38:45,930 --> 00:38:49,750
>> אז בזמן שהקוד ש
רצתי, בחרנו -

788
00:38:49,750 --> 00:38:52,530
לחזור -

789
00:38:52,530 --> 00:38:53,670
תג הגוף.

790
00:38:53,670 --> 00:38:57,560
תג הגוף עדיין לא קיים, כי
JavaScript היא בקו אחד עם ה-HTML.

791
00:38:57,560 --> 00:39:01,790
אז הדפדפן הוא כמו גוף נבחרים.

792
00:39:01,790 --> 00:39:02,760
אין דבר כזה עדיין.

793
00:39:02,760 --> 00:39:03,600
אז אנחנו יכולים להתעלם מזה.

794
00:39:03,600 --> 00:39:05,330
ואנחנו ממשיכים הלאה.

795
00:39:05,330 --> 00:39:07,200
>> ולאחר מכן אנו מגדירים את תג גוף.

796
00:39:07,200 --> 00:39:09,670
אבל זה אף פעם לא מתעדכן.

797
00:39:09,670 --> 00:39:12,560
לכן, כאשר אתה מיישם תסריט
תגים, הקפד למקם

798
00:39:12,560 --> 00:39:15,502
לאחר תג הגוף.

799
00:39:15,502 --> 00:39:16,820
השקופית הבאה.

800
00:39:16,820 --> 00:39:17,830
>> מייק ריזו: אישור.

801
00:39:17,830 --> 00:39:19,330
אז שינינו משהו.

802
00:39:19,330 --> 00:39:21,910
אבל זה לא נראה כמו שהוא הגיב
שלנו בכלל כי זה פשוט סוג של

803
00:39:21,910 --> 00:39:24,150
עשיתי את זה ברגע שהוא העמיס את הדף.

804
00:39:24,150 --> 00:39:27,700
אז עכשיו, במקום לעשות את זה, למה
לא נוסיף מטפל באירועים.

805
00:39:27,700 --> 00:39:31,020
>> אז בואו נעשה משהו
לגוף שוב.

806
00:39:31,020 --> 00:39:33,490
ונניח שאנחנו עושים את זה על -

807
00:39:33,490 --> 00:39:34,500
לחץ.

808
00:39:34,500 --> 00:39:35,750
אנו נוסיף פונקציה.

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> השינוי בואו: תומס Reimers
זה צבע לאדום שוב.

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
בסדר, אנחנו רואים -

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
>> תומס Reimers: וזה הופך לאדום.

820
00:39:54,270 --> 00:39:56,090
>> מייק ריזו: והיא עושה
להאדים כצפוי.

821
00:39:56,090 --> 00:39:59,010
>> תומס Reimers: ואנחנו יכולים לראות איך
אנחנו יכולים להתחיל לבנות בסיסיים מאוד

822
00:39:59,010 --> 00:40:00,170
אינטראקציה.

823
00:40:00,170 --> 00:40:03,850
דברים אחרים שאולי רוצים לעשות זה,
אם אנחנו לא רוצים להפוך את הגוף

824
00:40:03,850 --> 00:40:07,230
צבע אדום, בואו נעשה את ה-HTML
אדום צבע רקע.

825
00:40:07,230 --> 00:40:08,480
פשוט כל כך זה אותו הדבר ב-CSS.

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> וכאשר אנחנו משנים את זה, אנחנו יכולים לראות את זה
השפעה דרמטית מאוד של שינוי

828
00:40:23,320 --> 00:40:25,510
עמוד שלם.

829
00:40:25,510 --> 00:40:29,100
אז שוב, אם אתה מיישם את הדברים,
אתה יכול להיות מרכיב אחד

830
00:40:29,100 --> 00:40:30,150
שנועד ללחוץ עליהן.

831
00:40:30,150 --> 00:40:32,710
בואו נגיד שלחצן יציאה ו
רכיב אחר כולו,

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
>> מייק ריזו: אישור.

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
>> תומס Reimers: רוצה לעטוף את זה ב
סוג פסקה לפני שאנחנו עושים את זה?

841
00:40:54,440 --> 00:40:55,132
>> מייק ריזו: אישור.

842
00:40:55,132 --> 00:40:59,135
כן, למה אנחנו לא עושים את זה פשוט כל כך
אנחנו יכולים לבחור אותו קצת יותר.

843
00:40:59,135 --> 00:41:00,490
>> תומס Reimers: ובוא
נותן לו בכיתה.

844
00:41:00,490 --> 00:41:01,740
>> מייק ריזו: כן.

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
אוקיי, אז בואו נראה.

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
>> ואז, אם אני פותח את JavaScript
לנחם שוב ואנחנו רוצים לראות מה

859
00:41:41,150 --> 00:41:43,900
זה נראה כאשר אנחנו לדעוך אותו פנימה

860
00:41:43,900 --> 00:41:46,920
עכשיו, אני רק קורא לדעוך בזה.

861
00:41:46,920 --> 00:41:48,830
וזה נמוג חזרה פנימה

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
>> תומס Reimers: ואם אתה רוצה למצוא
נוסף על דברים אלה, שוב,

868
00:42:10,340 --> 00:42:13,410
פשוט ללכת לתיעוד jQuery,
שאנחנו נותנים לך, ולקרוא

869
00:42:13,410 --> 00:42:13,735
באמצעות אלה.

870
00:42:13,735 --> 00:42:15,790
הם מתעדים את תפקידם
מאוד טוב.

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> מייק ריזו: אישור.

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
אם אנחנו יכולים ליישם אותם עם
JavaScript במהירות.

879
00:42:34,150 --> 00:42:37,890
>> אז באמת במהירות על המגף, אשר
נכלל באופן אוטומטי ב

880
00:42:37,890 --> 00:42:41,700
הבעיה האחרונה שלך להגדיר בתיקייה ב-CSS
ובעצם קשור בך

881
00:42:41,700 --> 00:42:43,190
header.php.

882
00:42:43,190 --> 00:42:46,740
אז אתה יכולת להוסיף שיעורים ש
מוגדרים בתוך המגף אליו.

883
00:42:46,740 --> 00:42:50,490
וזה היה מנוסח באופן אוטומטי
אלה דברים בהתאם.

884
00:42:50,490 --> 00:42:54,550
>> תומס Reimers: אז המגף הוא מאוד
דבר קסום שפותח על ידי האנשים

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
וקבוצה משותפת של JavaScript כ

896
00:43:28,210 --> 00:43:32,210
כן, מה שיכול לעצב אותו כמו שהוא, ואשר
יכול לתת לאנשים דברים כמו טיפה

897
00:43:32,210 --> 00:43:34,610
את התפריטים, שיכול לתת לאנשים
דברים כמו modals.

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
>> אתה רואה כאן הוא
Bootstrap אתר ב-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
>> מייק ריזו: ואתה גם יכול,
מעניין מספיק, להתאים אותו ל

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
>> תומס Reimers: מחפש לרוחב החלק העליון
שוב, זה מאוד דומה לגופן

923
00:44:43,230 --> 00:44:44,970
אתר מדהים.

924
00:44:44,970 --> 00:44:47,810
הרבה תיעוד יתחיל
להיראות דומה כאשר יש לך

925
00:44:47,810 --> 00:44:48,940
ראה מספיק מזה.

926
00:44:48,940 --> 00:44:51,260
אז הנה יש לנו את ה-CSS
מרכיב זה.

927
00:44:51,260 --> 00:44:53,540
ואתם תראו איך זה
יכול לעצב את הדברים.

928
00:44:53,540 --> 00:44:56,780
אז אם אתה לוחץ על שולחנות, למשל,
אתה יכול מייד להפוך את

929
00:44:56,780 --> 00:45:01,710
שולחן די פשוט על ידי הוספה
השולחן בכיתה אליה.

930
00:45:01,710 --> 00:45:03,150
>> אותו דברים לכפתורים.

931
00:45:03,150 --> 00:45:12,140
אם אתה פשוט להוסיף את BTN הכיתה וBTN
ברירת מחדל או עיקרי BTN, שאתה יכול

932
00:45:12,140 --> 00:45:16,240
תקבל כל אחד מהכפתורים האלה
עם סגנונות שהוכנו מראש, אלה.

933
00:45:16,240 --> 00:45:18,570
ואז, אם אתה מחפש
משהו יותר מורכב מאשר פשוט

934
00:45:18,570 --> 00:45:24,100
restyling מה w כבר יש, על על
הכרטיסייה של JavaScript ברחבי העליון

935
00:45:24,100 --> 00:45:25,120
יש חבורה של רכיבים.

936
00:45:25,120 --> 00:45:30,410
>> אז הנה יש לנו מעברים, modals,
dropdowns, כרטיסיות, ובטיפים.

937
00:45:30,410 --> 00:45:35,530
Tooltip הוא מה שצץ תחתיך
עכבר כאשר אתם מרחפים על משהו.

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
יש מרכיב JavaScript
ורכיב ה-CSS.

945
00:46:01,780 --> 00:46:03,880
אל תהסס להשתמש בהם כרצונך.

946
00:46:03,880 --> 00:46:06,730
אנחנו לא מתכוונים ללכת יותר מדי לתוכם
כי אנחנו מרגישים את התיעוד

947
00:46:06,730 --> 00:46:09,360
נעשה ממש טוב.

948
00:46:09,360 --> 00:46:10,540
וכן.

949
00:46:10,540 --> 00:46:14,500
האם יש לך שאלות בקשר לזה?

950
00:46:14,500 --> 00:46:19,430
>> מייק ריזו: אז כפי שהם באמת מהירים
צד, את העיצוב של דף אינטרנט זה, כי

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
אז מה יש לנו הוא אלמנטים מסוג div שונים
בתוך index.html זה.

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
>> תומס Reimers: אז זה הכל נעשה
בלעדינו כותבים כמעט כל 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 ו-JavaScript.

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
האם יש ספריית JavaScript ש
מאפשר לי לטפל זמן ב

977
00:47:44,730 --> 00:47:45,400
דרך יעילה?

978
00:47:45,400 --> 00:47:49,510
אז אם אני יודע שחלק ביצירת המשתמש
חשבון כאן, ואת זה הוא

979
00:47:49,510 --> 00:47:53,010
שעה נוכחית, איך אני יכול לחשב את
הבדל עם זה מבלי

980
00:47:53,010 --> 00:47:55,020
לחשב את זה בעצמי?

981
00:47:55,020 --> 00:47:59,630
אז זה בעצם דבר שכיח,
ספריית JavaScript זמן.

982
00:47:59,630 --> 00:48:02,440
וכאן אנו Moment.js--
אחד הפופולריים ביותר.

983
00:48:02,440 --> 00:48:06,530
>> אם אנחנו צריכים ספרייה כדי לתפעל
משהו כמו צבע כדי להיות מסוגל

984
00:48:06,530 --> 00:48:08,650
ליצור חבורה של צבעים אקראיים -

985
00:48:08,650 --> 00:48:10,660
אולי, כדי ליצור
סגנון או משהו -

986
00:48:10,660 --> 00:48:13,480
אנחנו יכולים בגוגל משהו כמו
ספריית JavaScript צבע.

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
>> מייק ריזו: וזה למעשה שם
זו מתארחת מדי, אם שמת לב.

998
00:48:40,516 --> 00:48:41,000
>> תומס Reimers: כן.

999
00:48:41,000 --> 00:48:49,078
אז אם אתה הולך על לנרמל
וללכת לGitHub.

1000
00:48:49,078 --> 00:48:51,936
היה זה?

1001
00:48:51,936 --> 00:48:54,620
>> מייק ריזו: דבר חתול קטן זה
הוא סמל GitHub.

1002
00:48:54,620 --> 00:48:56,330
>> תומס Reimers: אוה.

1003
00:48:56,330 --> 00:49:02,180
אז GitHub משתמש בשיטה הנקראת
Git לקוד חנות.

1004
00:49:02,180 --> 00:49:05,150
האם אתה לא יודע מה זה או
זה מפחיד אותך, וזה בסדר.

1005
00:49:05,150 --> 00:49:16,100
אתה לא צריך לדעת מה הוא Git
בגלל 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
>> מייק ריזו: הפסקת העישון של האינטרנט.

1013
00:49:32,326 --> 00:49:34,020
>> תומס Reimers: זה בסדר גמור.

1014
00:49:34,020 --> 00:49:36,980
שני הדברים האחרונים שאנחנו רוצים
לדבר על -

1015
00:49:36,980 --> 00:49:38,750
שדיברנו על Git -

1016
00:49:38,750 --> 00:49:40,290
הוא פתרון בעיות.

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
עשה הרבה עבודה עם
JavaScript HTML CSS.

1035
00:50:32,110 --> 00:50:39,820
JSFIDDLE הוא יישום אינטרנט, אשר בעצם
מאפשר לך לקחת-HTML שלך, שלך

1036
00:50:39,820 --> 00:50:42,820
JavaScript שמאלי תחתון, ו
ימין CSS העליון.

1037
00:50:42,820 --> 00:50:47,840
ואז זה יכול ליצור לדקלם מהיר
שלו ולראות איך זה מתקשר.

1038
00:50:47,840 --> 00:50:50,500
זה מאוד שימושי כאשר אנשים מנסים
לעשות הוכחה של מושג כמו

1039
00:50:50,500 --> 00:50:52,910
זה איך שהיית
לעשות תפריט נפתחת.

1040
00:50:52,910 --> 00:50:54,980
אולי לחשוף מהיר או משהו כזה.

1041
00:50:54,980 --> 00:50:56,560
>> מייק ריזו: אז בואו נלך
קדימה, לחץ על זה.

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
אבל כדי לקבל את מלוא היקפה של
אלה, מסתכלים על jQuery

1049
00:51:12,850 --> 00:51:15,320
תיעוד ולעשות את זה.

1050
00:51:15,320 --> 00:51:18,760
אני עשיתי משהו טיפשי כאן.

1051
00:51:18,760 --> 00:51:21,490
>> תומס Reimers: אז יש לי באמת מהיר
תכנית ממש כאן, שאומר

1052
00:51:21,490 --> 00:51:22,640
לחצן בלחיצה.

1053
00:51:22,640 --> 00:51:23,890
אז יש לנו ללולאה.

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
>> מייק ריזו: ומה היה
קוד 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
>> תומס Reimers: בגלל אנשים כמו
מייק התחיל לעשות את זה הרבה ו

1062
00:51:43,430 --> 00:51:47,230
משתמשים מעצבנים, המאפשר
לך לראות את מידע.

1063
00:51:47,230 --> 00:51:48,286
>> מייק ריזו: כן.

1064
00:51:48,286 --> 00:51:50,690
>> תומס Reimers: האם יש לנו כל שאלות
על זה, על JavaScript

1065
00:51:50,690 --> 00:51:53,420
ספריות, למצוא ספריות, או
נראה מה התפתחות האינטרנט

1066
00:51:53,420 --> 00:51:55,400
כמו בעולם האמיתי?

1067
00:51:55,400 --> 00:51:56,880
אנחנו פועלים נגד זמן.

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
>> מייק ריזו: כל דבר שאתם רוצים
כדי לראות באמת מהיר ב, כמו, שני

1072
00:52:08,110 --> 00:52:09,556
דקות או פחות?

1073
00:52:09,556 --> 00:52:10,870
>> תומס Reimers: כל דבר
אנחנו יכולים להבהיר?

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
>> מייק ריזו: כן, אז זהו זה -

1077
00:52:16,070 --> 00:52:18,065
>> תומס Reimers: אתה יכול רק להכות
Control-U באתר.

1078
00:52:18,065 --> 00:52:19,275
>> מייק ריזו: הו, אני לא יודע את זה.

1079
00:52:19,275 --> 00:52:22,290
>> תומס Reimers: אני חושב, כן.

1080
00:52:22,290 --> 00:52:23,300
בקרה-U. כן.

1081
00:52:23,300 --> 00:52:25,970
>> מייק ריזו: אה, אז זה
קוד לאתר האינטרנט.

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
>> תומס Reimers: לקצץ את השם שלי -

1085
00:52:34,850 --> 00:52:38,504
תומס Reimers - לוכסן
סמינר מקף CS50.

1086
00:52:38,504 --> 00:52:40,710
>> מייק ריזו: ואתה יכול
למצוא כל מה שיש.

1087
00:52:40,710 --> 00:52:42,310
>> תומס Reimers: זה מה שGitHub
נראה, דרך אגב.

1088
00:52:42,310 --> 00:52:44,910
אז שוב, כשאתה רואה את קוד פתוח
פרויקט, בדרך כלל, הם יהיו קריאה

1089
00:52:44,910 --> 00:52:45,950
אותי לשם, כי אתה יכול לקרוא.

1090
00:52:45,950 --> 00:52:50,200
ואם אתה הולך אחורה, תוכל להבחין כי
יש לך את הרוכסן להורדה, שיהיה

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
>> מייק ריזו: כן, ואם אנחנו פשוט לחצו
על index.html ממש מהר -

1094
00:52:56,890 --> 00:52:59,180
>> תומס Reimers: תראה הנה
קוד מקור של האתר שלנו.

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> מייק ריזו: כמו כן, שכחתי לדחוף תקין
לפני כן עם השולחן הגדול זה

1097
00:53:06,070 --> 00:53:09,860
כלל, אבל יש גם שולחן
של chmods שכללנו

1098
00:53:09,860 --> 00:53:13,210
רק לבהירות שלך.

1099
00:53:13,210 --> 00:53:16,940
אבל אם אנחנו לגלול את כל הדרך למטה עד
תחתון, אנחנו לא באמת לעשות מאוד

1100
00:53:16,940 --> 00:53:21,160
הרבה עם JavaScript
דברים בכלל עם זה.

1101
00:53:21,160 --> 00:53:26,610
זה אך ורק מכל מה
אחר שהיו לנו.

1102
00:53:26,610 --> 00:53:28,730
>> אז תודה שבאתם
ומקשיב.

1103
00:53:28,730 --> 00:53:29,830
אנחנו מקווים שזה היה ממש מועיל.

1104
00:53:29,830 --> 00:53:33,020
אם יש לך JavaScript קשור
שאלות או סתם רוצה לדבר על

1105
00:53:33,020 --> 00:53:36,240
מה עוד כמו מה דברים מגניבים אחרים
אתה יכול לעשות עם JavaScript, נשמח

1106
00:53:36,240 --> 00:53:37,186
לדבר איתך.

1107
00:53:37,186 --> 00:53:40,010
>> תומס Reimers: אם יש לך שאלה
על הפרויקט שלך, או אם זה יכול להיות

1108
00:53:40,010 --> 00:53:42,740
רלוונטי, אנחנו בטח להישאר בסביבה
קצת אחרי זה.

1109
00:53:42,740 --> 00:53:44,640
אבל חוץ מזה, יש לי
סוף שבוע טוב.

1110
00:53:44,640 --> 00:53:45,845
>> מייק ריזו: כן, ליהנות.

1111
00:53:45,845 --> 00:53:46,120
להתראות חבר 'ה.

1112
00:53:46,120 --> 00:53:47,370
>> תומס Reimers: נתראה.

1113
00:53:47,370 --> 00:53:47,926