1
00:00:00,000 --> 00:00:10,632

2
00:00:10,632 --> 00:00:12,340
אליסון BUCHHOLTZ-AU:
כל כולם תקין.

3
00:00:12,340 --> 00:00:13,520
ברוכים השבים לסעיף.

4
00:00:13,520 --> 00:00:15,315
זה קטע הלפני אחרון שלנו.

5
00:00:15,315 --> 00:00:16,542
זה כל כך עצוב.

6
00:00:16,542 --> 00:00:19,500
אני לא יודע מה אני הולך לעשות
בלי לראות אתכם בכל יום שני.

7
00:00:19,500 --> 00:00:20,970
אני מניח שאנחנו צריכים פשוט-
אולי אנחנו יכולים רק

8
00:00:20,970 --> 00:00:22,710
נפגש כאן ויש לי ארוחת ערב או משהו.

9
00:00:22,710 --> 00:00:23,270
אֲנִי לֹא יוֹדֵעַ.

10
00:00:23,270 --> 00:00:24,370
אני אביא אוכל במקום.

11
00:00:24,370 --> 00:00:26,290
אנחנו פשוט לדבר.

12
00:00:26,290 --> 00:00:29,900
אבל כן, בשבוע הבא יהיה
להיות החלק האחרון שלנו.

13
00:00:29,900 --> 00:00:32,390
>> בהקשר זה, יש לך חידון בשבוע הבא.

14
00:00:32,390 --> 00:00:35,660
אני יודע שכחתי לעשות, כמו,
הודעה מראש של שבועיים בשבוע שעבר,

15
00:00:35,660 --> 00:00:39,140
אבל אני מקווה שאתם
ידעתי שהיא יבוא זה.

16
00:00:39,140 --> 00:00:42,880
אני מקווה שזה הוא אחד מאחרוני
מבחני אמצע סמסטר בשבילכם לסמסטר.

17
00:00:42,880 --> 00:00:46,950
אבל זה הולך לכסות את כל
חומר שעברנו על.

18
00:00:46,950 --> 00:00:50,811
אז זה לא כמו שאתה יכול פשוט לשכוח
כארבע לולאות או משתנה.

19
00:00:50,811 --> 00:00:52,560
מכיוון שלמדנו
אלה בהתחלה,

20
00:00:52,560 --> 00:00:55,870
אלה הם כמובן
משחק הוגן לחידון שלך.

21
00:00:55,870 --> 00:01:00,150
>> זה הולך להיות באותה תבנית, אותה
אורך, כך שאתה כבר רגיל לזה.

22
00:01:00,150 --> 00:01:02,330
יש הולך להיות
קידוד על ידי בעיות יד,

23
00:01:02,330 --> 00:01:06,270
אולי כמה שווא אמיתי,
אולי קצת תשובה קצרה.

24
00:01:06,270 --> 00:01:08,090
אז אתה צריך להיות
להכיר את הפורמט,

25
00:01:08,090 --> 00:01:10,940
במיוחד אם אתה לוקח
הבדיקות בפועל.

26
00:01:10,940 --> 00:01:13,950
אבל כמו שאני אומר כאן, זה
מצטבר, אבל אנחנו בהחלט

27
00:01:13,950 --> 00:01:17,410
הולכים להיות התמקדות ב
דברים משבוע ואילך שש.

28
00:01:17,410 --> 00:01:24,050
אז, אנחנו כנראה לא הולכים
לשאול אותך על כמה בתים

29
00:01:24,050 --> 00:01:26,180
בכל אחד מסוגים או
אלה מיני דברים,

30
00:01:26,180 --> 00:01:29,730
אבל אנחנו כנראה הולכים להיות
מתעניין בדברים כמו רשימות מקושרות,

31
00:01:29,730 --> 00:01:32,750
או מבני נתונים שונים,
או אלגוריתמים שונים

32
00:01:32,750 --> 00:01:33,960
שדברנו עליו.

33
00:01:33,960 --> 00:01:38,990
כדי לוודא שאתה באמת
על אלה, ואם אתה

34
00:01:38,990 --> 00:01:41,590
צריך משאבים,
כאן המון משאבים.

35
00:01:41,590 --> 00:01:44,790
אני רק נתתי לך סוג
של רשימה מהירה שם.

36
00:01:44,790 --> 00:01:48,330
>> בשבוע הבא יהיה חידון
תסקור בתקופה זו.

37
00:01:48,330 --> 00:01:52,290
אז אם יש לך שאלות
או נושאים ספציפיים,

38
00:01:52,290 --> 00:01:56,180
דברים ספציפיים על החידון ש
היית רוצה לעבור על, בבקשה

39
00:01:56,180 --> 00:02:01,780
לשלוח לי אותם מבעוד מועד ולכן אני יכול
סוג של הכנת חומר של.

40
00:02:01,780 --> 00:02:06,310
ובנוסף לזה
סקירת סעיף, אנחנו

41
00:02:06,310 --> 00:02:09,616
גם מחזיק כמובן-רחב
לסקור כמו שעשינו בפעם האחרונה.

42
00:02:09,616 --> 00:02:11,490
וזה הולך להיות
על ידי אותם האנשים.

43
00:02:11,490 --> 00:02:13,030
אני לא יודע אם זה
עושה את זה יותר גרוע יותר טוב או,

44
00:02:13,030 --> 00:02:15,670
אבל זה הולך להיות לי,
חנה, Davan, וגייב שוב.

45
00:02:15,670 --> 00:02:18,630
אז אם אתה רוצה לבוא לראות
כולנו להתלוצץ אחד עם השני

46
00:02:18,630 --> 00:02:21,270
ולך ללכת דרך חידון
ביקורתם, אתה בהחלט צריך

47
00:02:21,270 --> 00:02:22,600
תגיע לכך ביום שני הבא גם.

48
00:02:22,600 --> 00:02:26,210
אז פשוט יש לך ריבת יום שני
ארז של ביקורת חידון, וזה טוב

49
00:02:26,210 --> 00:02:29,840
כי אז יש לך ביום שלישי
לעבד דרך כל דבר.

50
00:02:29,840 --> 00:02:32,230
>> אבל בהחלט לעשות לבדוק
את המשאבים הללו.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net הוא רחוק, אני
חושב, אחד השימושי ביותר,

52
00:02:36,030 --> 00:02:37,990
בעיקר כי יש לו
הרבה דוגמאות קוד,

53
00:02:37,990 --> 00:02:40,490
יש לו את כל כוח הנקודות
עם כל ההערות על זה,

54
00:02:40,490 --> 00:02:44,510
שהם באמת מה שאני מצייר ביותר
חומרי הסעיף מ.

55
00:02:44,510 --> 00:02:47,480
אם יש משהו שבעבר
חלקים שאני יכול להיות שלחתי

56
00:02:47,480 --> 00:02:49,920
שייתכן שאין לך
קיבל, רק תודיע לי.

57
00:02:49,920 --> 00:02:52,520
כמו הקוד לדוגמא בשבוע שעבר,
אם מישהו לא מקבל את זה,

58
00:02:52,520 --> 00:02:55,930
רק שלח לי או לבוא לדבר איתי,
ואני אוודא שאתה מקבל את זה.

59
00:02:55,930 --> 00:03:02,000
>> אז עם זה, היום אנחנו הולכים
להיות מדברים על JavaScript.

60
00:03:02,000 --> 00:03:04,690
אז הנה אנחנו טומי, שהייתי
מדבר רק אליך אתמול בלילה.

61
00:03:04,690 --> 00:03:06,670
אני אוהב את טומי.

62
00:03:06,670 --> 00:03:09,040
JavaScript הוא אהוב עליו
שפה, כמו שהוא אומר כאן.

63
00:03:09,040 --> 00:03:14,050
הם ינסו ויגידו לך שזה
לא הכי טוב, והם יהיו בסדר.

64
00:03:14,050 --> 00:03:16,510
אז טומי הוא אמן JavaScript.

65
00:03:16,510 --> 00:03:19,850
אני לא ממש בו
רמה, אבל זה היה כמוני,

66
00:03:19,850 --> 00:03:22,900
"טומי, איך אני מלמד
הילדים האלה JavaScript? "

67
00:03:22,900 --> 00:03:26,700
אז יש לי כמה עצות, כל כך
אני מקווה שהם יסתדרו.

68
00:03:26,700 --> 00:03:31,140
>> אז כמה דברים שכדאי לדעת הוא ש
JavaScript היא סקריפטים בצד הלקוח

69
00:03:31,140 --> 00:03:35,560
שפה, כך בעוד PHP היא משהו
שנחשבים יותר בצד שרת,

70
00:03:35,560 --> 00:03:39,280
זה היה להעלות לשרת,
לוקט והוצא להורג שם.

71
00:03:39,280 --> 00:03:42,871
אחד זה מבוצע
במחשב שלך.

72
00:03:42,871 --> 00:03:43,370
בסדר?

73
00:03:43,370 --> 00:03:46,960
אז אתה טוען כמה דף JavaScript,
והוא מבצע במחשב שלך.

74
00:03:46,960 --> 00:03:49,910
התחביר הוא מאוד דומה ל- C ו- PHP.

75
00:03:49,910 --> 00:03:52,490
אנחנו הולכים לעבור
כמה דוגמאות של JavaScript,

76
00:03:52,490 --> 00:03:56,740
ואתה הולך לראות ש
דרך בה אנו מדברים על משתנים, לולאות,

77
00:03:56,740 --> 00:03:58,910
ותנאים כולם דומים מאוד.

78
00:03:58,910 --> 00:04:00,500
בסדר?

79
00:04:00,500 --> 00:04:04,490
העובדה שהם כל כך דומים היא
כנראה הולך למעוד כמה מכם

80
00:04:04,490 --> 00:04:08,529
עד, ובמקרים מסוימים, רק בגלל ש
אתה לשלב קצת C

81
00:04:08,529 --> 00:04:09,570
שבו לא צריך להיות.

82
00:04:09,570 --> 00:04:14,130
אולי אתה מנסה להקליד משהו
כאשר זה לא צריך להיות מודפס.

83
00:04:14,130 --> 00:04:16,540
>> ועל זה, דבר אחד
יודע הוא כי JavaScript

84
00:04:16,540 --> 00:04:19,360
הוא הדפיס באופן דינמי
שפה, כמו PHP.

85
00:04:19,360 --> 00:04:21,410
אז אם אתם זוכרים
מסעיף בשבוע שעבר,

86
00:04:21,410 --> 00:04:23,680
כשהיינו סוג של עושה
הקורס המזורז PHP שלנו,

87
00:04:23,680 --> 00:04:28,860
ראינו כיצד מיתר אחד יכול להיות
הפך לאחד int, וכן הלאה.

88
00:04:28,860 --> 00:04:31,650

89
00:04:31,650 --> 00:04:34,850
הסוג של המשתנים שלך
נקבעים בזמן הריצה,

90
00:04:34,850 --> 00:04:38,180
ולכן הם עשויים להשתנות על פני
במהלך התכנית,

91
00:04:38,180 --> 00:04:43,109
ובאותו אופן שאנחנו לא
באמת להכריז סוגים למשתני PHP,

92
00:04:43,109 --> 00:04:45,900
אנחנו הולכים לעשות את אותו הדבר
דבר כאן, שבו אנחנו לא באמת

93
00:04:45,900 --> 00:04:49,740
שליטה הסוגים של המשתנים שלנו,
כביכול, כמו שאנחנו עושים בג

94
00:04:49,740 --> 00:04:52,200
>> ואז דבר אחד
זה די מגניב הוא

95
00:04:52,200 --> 00:04:54,090
כי אתה יכול שגיאה
לבדוק באמצעות הקונסולה,

96
00:04:54,090 --> 00:04:57,240
עם הפונקציה הגדולה הזה
console.log, ש

97
00:04:57,240 --> 00:05:00,930
מאפשר לך להדפיס את שונה
משתנים או חפצים שנוסיף ל

98
00:05:00,930 --> 00:05:01,750
לדבר עליו.

99
00:05:01,750 --> 00:05:05,720
בדיוק כמו בשבוע שעבר כשהייתי
כמו, "להשתמש בפונקציה זו," עם מזבלה

100
00:05:05,720 --> 00:05:10,490
מpset שלך זה הוא פונקציה
ברצונך להשתמש, console.log.

101
00:05:10,490 --> 00:05:12,860
הייתי כל כך מופתע כמה
סטודנטים בשעתי עבודה

102
00:05:12,860 --> 00:05:14,530
לא ידע על תפקוד המזבלה.

103
00:05:14,530 --> 00:05:19,010
ואני הייתי כמו, "חבר'ה, רצון זה
להפוך את החיים שלך הרבה יותר קלים. "

104
00:05:19,010 --> 00:05:22,960
>> בסדר, אז זה היה סוג של
רק דבר קצר, כמו תמיד,

105
00:05:22,960 --> 00:05:24,000
יש לנו דוגמאות.

106
00:05:24,000 --> 00:05:25,600
אני יודע שאתם אוהבים אותם.

107
00:05:25,600 --> 00:05:30,930
אז הנה דוגמא של מאוד
JavaScript פשוט להגיש כאן.

108
00:05:30,930 --> 00:05:34,000
אז זה רק הולך ליצור
מוקפץ זה שאומר,

109
00:05:34,000 --> 00:05:36,336
"Hello world," כאשר אתה
להיכנס לדף, אבל בואו

110
00:05:36,336 --> 00:05:37,960
לנסות ולעבור את זה קצת.

111
00:05:37,960 --> 00:05:43,440
אז ברור שזה רק
כמו index.html הרגיל שלך.

112
00:05:43,440 --> 00:05:50,280
אז, רק התבנית הרגילה שלנו כאן,
ויש לנו HTML, יש לנו הראש שלנו,

113
00:05:50,280 --> 00:05:55,580
ובדיוק כמו עם CSS, איך אנחנו
כלל כמה קבצים בחוץ, נכון?

114
00:05:55,580 --> 00:05:59,260
יש לנו כמה סוג תסריט
טקסט שהוא JavaScript.

115
00:05:59,260 --> 00:06:02,680
והמקור הוא hello.js,
שהוא כאן למטה.

116
00:06:02,680 --> 00:06:05,630
זה כל הקובץ של hello.js.

117
00:06:05,630 --> 00:06:09,080
ולאחר מכן יש לנו כמה
כותרת וכמה גוף HTML

118
00:06:09,080 --> 00:06:11,050
שלא באמת אכפת לנו.

119
00:06:11,050 --> 00:06:15,970
>> מה שקורה הוא, כאשר אנו לטעון את הדף הזה,
היא מתבצעת אוטומטית התסריט הזה.

120
00:06:15,970 --> 00:06:16,470
בסדר?

121
00:06:16,470 --> 00:06:18,790
אז JavaScript יהיה
לבצע באופן אוטומטי.

122
00:06:18,790 --> 00:06:22,860
אז מה זה הולך לעשות, זה הולך
ללכת מייד ולבצע את זה.

123
00:06:22,860 --> 00:06:24,110
וזה הולך לומר, "התראה.

124
00:06:24,110 --> 00:06:25,190
שלום עולם. "

125
00:06:25,190 --> 00:06:30,840
שהתראה היא הפונקציה ש
למעשה יוצר תיבה זו.

126
00:06:30,840 --> 00:06:31,540
בסדר?

127
00:06:31,540 --> 00:06:33,390
אז זה סוג של כל להקיף.

128
00:06:33,390 --> 00:06:36,700
אין שום דבר נוסף שהיו לנו
לעשות חוץ מזה רק התראה,

129
00:06:36,700 --> 00:06:40,000
ולאחר מכן כל מה שרצינו
בתוך תיבת ההתראה שלנו.

130
00:06:40,000 --> 00:06:40,500
בסדר?

131
00:06:40,500 --> 00:06:45,080
אז זה פשוט סופר פשוט
דוגמא למה שיכול לעשות JavaScript.

132
00:06:45,080 --> 00:06:48,110

133
00:06:48,110 --> 00:06:50,070
>> אחד ממש מגניב
דברים, כפי שנראה,

134
00:06:50,070 --> 00:06:55,150
הוא שמאפשר לך JavaScript
כדי לתפעל דפי האינטרנט שלך,

135
00:06:55,150 --> 00:06:57,720
מבלי
טען מחדש אותם בכל פעם.

136
00:06:57,720 --> 00:07:01,830
אז אם אתה want-- למשל, אם
אתה מרחף מעל משהו,

137
00:07:01,830 --> 00:07:04,300
אם אתם אי פעם יש לי
ראה כמו ברים תפריט,

138
00:07:04,300 --> 00:07:07,360
או כאשר תרחף מעל חלק
נושא, תפריט נפתח מופיע,

139
00:07:07,360 --> 00:07:08,670
זה בגלל JavaScript.

140
00:07:08,670 --> 00:07:09,170
בסדר?

141
00:07:09,170 --> 00:07:12,670
אז אתה לא לטעון מחדש את כל
דף כדי לקבל תפריט זה להופיע,

142
00:07:12,670 --> 00:07:17,240
אתה רק מחפש קצת ספציפי
פעולה שהמשתמש לקח,

143
00:07:17,240 --> 00:07:21,800
אשר נקראים אירועים שנקבל
ל, וברגע שאתה רואה את זה, אתה אומר,

144
00:07:21,800 --> 00:07:25,960
"בסדר, לערוך משהו על זה
דף ולגרום לזה להיראות שונה,

145
00:07:25,960 --> 00:07:28,270
אבל לערוך רק הדברים ספציפיים האלה.

146
00:07:28,270 --> 00:07:29,690
אל לטעון מחדש את כל העניין. "

147
00:07:29,690 --> 00:07:33,110
אז זה בעצם הוא הרבה יותר נחמד, ו
אתה לא צריך לטעון מחדש את הדפים שלך,

148
00:07:33,110 --> 00:07:34,510
וזה ממש מגניב.

149
00:07:34,510 --> 00:07:38,270
>> הצהרות אז משתנים,
כך סוג של שאתה יכול לראות,

150
00:07:38,270 --> 00:07:40,530
שמתי על גבי כאן, הקליד באופן רופף.

151
00:07:40,530 --> 00:07:42,570
אז זה דומה מאוד PHP.

152
00:07:42,570 --> 00:07:48,770
אנחנו לא צריכים לספר לי
JavaScript איזה סוג אנחנו

153
00:07:48,770 --> 00:07:50,740
מצפה כל אחד מהמשתנים הללו להיות.

154
00:07:50,740 --> 00:07:52,560
הם יכולים להיות כל מה שאנחנו רוצים סוגים.

155
00:07:52,560 --> 00:07:57,480
אז אתה שם לב במקרה זה, אנו מצהירים
שלהם מאוד פשוט, רק עם "var"

156
00:07:57,480 --> 00:08:00,990
ואז מה שאנחנו רוצים
השם המשתנה שלנו להיות.

157
00:08:00,990 --> 00:08:05,680
דבר אחד לציין הוא שכאשר אתה
לשים var מול שם משתנה,

158
00:08:05,680 --> 00:08:07,520
שלו באופן מקומי טווחים זה.

159
00:08:07,520 --> 00:08:09,320
בסדר?

160
00:08:09,320 --> 00:08:14,025
זה סביר לחלוטין בשבילך
ללגמרי פשוט למחוק את var

161
00:08:14,025 --> 00:08:18,970
ורק צריך s שווה CS50, ו
זה יהיה רק ​​משתנה גלובלי.

162
00:08:18,970 --> 00:08:19,580
בסדר?

163
00:08:19,580 --> 00:08:22,490
אז אתה יכול לאתחל אותו בשני הדרכים,
רק תלוי איך אתה רוצה את זה.

164
00:08:22,490 --> 00:08:24,448
אז אם אתה מאתחל
זה בתוך פונקציה,

165
00:08:24,448 --> 00:08:28,070
ואתה רוצה שמשתנה ל
להישאר scoped בתוך הפונקציה ש,

166
00:08:28,070 --> 00:08:31,620
אתה הולך רוצה לעשות
משהו כמו var שם משתנה,

167
00:08:31,620 --> 00:08:34,270
לעומת אם אתה רוצה את זה
בעולם scoped, אתה

168
00:08:34,270 --> 00:08:36,240
רק יכול לעשות את השם של
משתנה ולאחר מכן

169
00:08:36,240 --> 00:08:38,270
מה שאתה רוצה זה שנקבע שווה ל.

170
00:08:38,270 --> 00:08:40,230
בסדר?

171
00:08:40,230 --> 00:08:45,580
>> זה מסוג הדברים מגניבים כאן למטה,
כי אם אנו מבחינים משתנים

172
00:08:45,580 --> 00:08:47,590
ב מתחיל כאמת.

173
00:08:47,590 --> 00:08:51,280
ומה זה יכול does--
מישהו יגיד לי מה זה עושה?

174
00:08:51,280 --> 00:08:54,190

175
00:08:54,190 --> 00:08:55,890
אז יש לנו כמה דרוך.

176
00:08:55,890 --> 00:09:00,156
מה היית סוג של b
להיות בהתחלה?

177
00:09:00,156 --> 00:09:00,905
קהל: בוליאנית.

178
00:09:00,905 --> 00:09:01,330
אליסון BUCHHOLTZ-AU: בוליאני.

179
00:09:01,330 --> 00:09:01,940
Right.

180
00:09:01,940 --> 00:09:07,260
ואז אנחנו להקצות מחדש ב
למחרוזת זו, נכון?

181
00:09:07,260 --> 00:09:11,170
אז כאן, איזה סוג של b להיות?

182
00:09:11,170 --> 00:09:12,480
זה יהיה מחרוזת, נכון?

183
00:09:12,480 --> 00:09:14,900
אז מה חשוב
הודעה היא כי בג, ש

184
00:09:14,900 --> 00:09:17,330
יכול כמעט אף פעם לא עושה
משהו כזה.

185
00:09:17,330 --> 00:09:22,000
היינו צריך שיהיה לי משתנה,
להפיל אותו למשהו אחר,

186
00:09:22,000 --> 00:09:27,185
אולי לעשות קצת פונקציה עם שני
i, ללכת מתשלום למספר שלם.

187
00:09:27,185 --> 00:09:31,063
אבל אם אנו מבחינים כאן, b
מאוד בקלות משנה להקליד.

188
00:09:31,063 --> 00:09:33,760
>> קהל: המתן, כל כך פשוט שאתה יכול
להיות כמו, "לעשות ב שלם?"

189
00:09:33,760 --> 00:09:34,360
>> אליסון BUCHHOLTZ-AU: כן.

190
00:09:34,360 --> 00:09:36,185
אתה פשוט יכול להקצות מחדש ב למספר שלם.

191
00:09:36,185 --> 00:09:36,910
>> קהל: באמת?

192
00:09:36,910 --> 00:09:38,035
>> אליסון BUCHHOLTZ-AU: כן.

193
00:09:38,035 --> 00:09:39,810
ואז זה יהיה int.

194
00:09:39,810 --> 00:09:43,820
אז המשתנים שלך יכולים להשתנות עם
במהלך התכנית מדי.

195
00:09:43,820 --> 00:09:46,410
הם לא הוקלדו בקפדנות.

196
00:09:46,410 --> 00:09:49,180
הוא הדפיס באופן רופף מאוד.

197
00:09:49,180 --> 00:09:50,820
בסדר?

198
00:09:50,820 --> 00:09:54,820
בעיקרון המשתנים שלך יכולים לעשות מה ש
הם רוצים, כפי שאנו סוג של ראו עם PHP.

199
00:09:54,820 --> 00:09:59,430
הם יכולים לעשות כמה דברים מטורפים, כל כך
זה חשוב להיות די זהיר.

200
00:09:59,430 --> 00:10:01,200
שם המשתנים שלך היטב.

201
00:10:01,200 --> 00:10:03,450
אם לא, פתאום
אתה הולך להיות כמו,

202
00:10:03,450 --> 00:10:05,783
"חכה, אני חשבתי שזה היה
מחרוזת, ועכשיו זה int,

203
00:10:05,783 --> 00:10:08,170
ואני לא ממש בטוח
מה קורה כאן. "

204
00:10:08,170 --> 00:10:12,410
אז זה רק דוגמא פשוטה של
מראה באיזו קלות משתנה יכול

205
00:10:12,410 --> 00:10:15,890
לשנות את סוגה ב
במהלך תכנית.

206
00:10:15,890 --> 00:10:16,870
>> OK.

207
00:10:16,870 --> 00:10:19,200
אז זה צריך להיראות
סופר, סופר מוכר.

208
00:10:19,200 --> 00:10:21,510
אז אלה הם הלולאות שלנו ב- JavaScript.

209
00:10:21,510 --> 00:10:27,780
הם בדיוק אותו הדבר, פרט ל
במקום ארבעה int i שווה לאפס,

210
00:10:27,780 --> 00:10:30,470
אנחנו רק יכולים לומר שאני var שווה אפס.

211
00:10:30,470 --> 00:10:34,100
ואז תהיה לנו אותו הסוג שלנו
מצב, אותו סוג של עדכון,

212
00:10:34,100 --> 00:10:36,090
אני פלוס פלוס עובד בסדר גמור.

213
00:10:36,090 --> 00:10:39,800
אז ארבע הם אותו הדבר,
whiles הוא אותו הדבר,

214
00:10:39,800 --> 00:10:41,440
ולעשות whiles הם בדיוק אותו הדבר.

215
00:10:41,440 --> 00:10:44,070
אותו סוג של תבנית כללית.

216
00:10:44,070 --> 00:10:48,840
אנו מבחינים, ארבעה, סוגריים,
סוגריים, זה מכיל אותו הדבר.

217
00:10:48,840 --> 00:10:51,470
כמו כן תהיה נקודה-פסיק
כשנגיע לדוגמא קוד.

218
00:10:51,470 --> 00:10:55,250
אתה תראה שזה די
הרבה יותר כמו ג.

219
00:10:55,250 --> 00:10:59,770
>> להצהרות פונקציה,
שוב, דומה מאוד.

220
00:10:59,770 --> 00:11:05,100
יש לנו כמה פונקציה שרק
אומר שזה תפקיד, ולאחר מכן

221
00:11:05,100 --> 00:11:07,660
שמו שלנו
פונקציה, והתשומות.

222
00:11:07,660 --> 00:11:11,590
ושוב אם אנחנו שמים לב, אנחנו
אין לי סוגים כאן בכלל.

223
00:11:11,590 --> 00:11:12,090
נכון?

224
00:11:12,090 --> 00:11:18,150
אין לנו דבר ואמר כי אלה
צריך להיות ints או זוגות, או צף.

225
00:11:18,150 --> 00:11:19,530
הם יכולים להיות מה שהם רוצים.

226
00:11:19,530 --> 00:11:23,560
מה שחשוב הוא לשים לב ש
אנחנו צריכים לכתוב פונקציה מראש

227
00:11:23,560 --> 00:11:26,430
כדי לאפשר JavaScript יודע ש
זה הוא למעשה פונקציה.

228
00:11:26,430 --> 00:11:29,820
>> אז זה רק חלק סכום פשוט
פונקציה המחזירה x או y,

229
00:11:29,820 --> 00:11:33,800
ואז מה גם מגניב
הוא שאתה באמת יכול

230
00:11:33,800 --> 00:11:35,950
להקצות פונקציה למשתנה.

231
00:11:35,950 --> 00:11:41,770
אז במקרה הזה, סכום הוא עכשיו
פונקציה שעושה בפועל סכום.

232
00:11:41,770 --> 00:11:47,740
אז אם אתה שם לב לכאן, יש לנו
פונקציה, שמו של פונקציה, תשומות.

233
00:11:47,740 --> 00:11:48,860
נכון?

234
00:11:48,860 --> 00:11:52,120
הנה רק שיש לנו פונקציה ותשומות.

235
00:11:52,120 --> 00:11:54,310
אז זה נקרא פונקציה אנונימית.

236
00:11:54,310 --> 00:11:59,265
וזה משהו שצריכה להיות חדש
למרביתכם, אם לא כולכם.

237
00:11:59,265 --> 00:12:01,140
אז בעצם מה ש
פירוש הדבר הוא כי אנחנו לא

238
00:12:01,140 --> 00:12:03,050
צריך שם שלנו
פונקציה במקרה זה.

239
00:12:03,050 --> 00:12:06,260
אנחנו רק יכולים לומר, "בסדר, אני הולך
יש פונקציה זו שמבצעת, כאן

240
00:12:06,260 --> 00:12:08,550
הן התשומות שלה, והנה
מה זה הולך לעשות. "

241
00:12:08,550 --> 00:12:12,540
ובמיוחד כאשר אתה מקצה
פונקציה לכמה משתנה

242
00:12:12,540 --> 00:12:14,950
שאתה הולך לתפעל,
אתה לא בהכרח

243
00:12:14,950 --> 00:12:17,116
צריך שם זה בגלל ש
אתה הולך להיות בהתייחסו

244
00:12:17,116 --> 00:12:20,990
לה על ידי משתנה זה
שם, לא על ידי מה ש

245
00:12:20,990 --> 00:12:22,840
הפונקציה נקראת למעשה.

246
00:12:22,840 --> 00:12:23,550
בסדר?

247
00:12:23,550 --> 00:12:27,810
>> אז אם אנחנו רואים כאן, אנחנו
יש לי כמה סכום משתנה עכשיו

248
00:12:27,810 --> 00:12:30,920
כי הוא שווה
סכום של שלושה וחמש.

249
00:12:30,920 --> 00:12:33,070
ואנחנו היינו מקבלים את זה.

250
00:12:33,070 --> 00:12:36,750
וזה היה חלק התראה פשוט,
שלוש ועוד חמש שווים למספר.

251
00:12:36,750 --> 00:12:43,950
תוספת זו פשוט לשרשר
מה התשובה שלנו הייתה על המחרוזת.

252
00:12:43,950 --> 00:12:47,420
גם מגניב, בתוספת יכולה לשרשר מחרוזות.

253
00:12:47,420 --> 00:12:53,510
>> לJavaScript, כמו עם PHP,
HTML, CSS וכפי שאמרנו,

254
00:12:53,510 --> 00:12:56,450
הרבה ממנו אנחנו סוג אתה לקחת
גלגלי עזר מכאן

255
00:12:56,450 --> 00:13:02,030
ויש לכם הרבה ידע
איך באמת מבין את הדברים האלה.

256
00:13:02,030 --> 00:13:04,280
הם קצת שונים,
אבל הם לא כל כך זרים

257
00:13:04,280 --> 00:13:09,460
ושאתה לא יכול לגגל את דברים או
נראה אותם באינטרנט עם בתי ספר W3.

258
00:13:09,460 --> 00:13:12,755
ואנחנו באמת מצפים לך
בחורים ל, סוג של, ניסוי

259
00:13:12,755 --> 00:13:14,400
וללמוד בעצמך.

260
00:13:14,400 --> 00:13:19,490
אז, אני יודע שזה אולי נראה קצת
פחות יסודי מאשר כמה הדברים ג

261
00:13:19,490 --> 00:13:21,936
אנחנו עושים, אבל זה בעצם לסיבה.

262
00:13:21,936 --> 00:13:25,060

263
00:13:25,060 --> 00:13:28,470
אבל אני מקווה שזה לא יותר מדי
שונה, וזה לא מכריע.

264
00:13:28,470 --> 00:13:31,940
>> אז מערכים ב- JavaScript,
שוב מאוד, דומה מאוד.

265
00:13:31,940 --> 00:13:32,460
נכון?

266
00:13:32,460 --> 00:13:36,520
יש לנו כמה מערך משתנה
זה שווה לסוגריים ריקים,

267
00:13:36,520 --> 00:13:40,340
וזה רק מערך ריק.

268
00:13:40,340 --> 00:13:43,420
זה נקרא לעתים קרובות
סימון מערך מילולי.

269
00:13:43,420 --> 00:13:45,280
זה רק דבר אחד שאנחנו קוראים לזה.

270
00:13:45,280 --> 00:13:51,380
אם אנו רואים מערך דו כאן, יש לנו כמה
מערך מילולי שיש לו שלושה אלמנטים,

271
00:13:51,380 --> 00:13:51,910
נכון?

272
00:13:51,910 --> 00:13:54,640
ולאחר מכן יש לנו כמה
אלמנט שלישי var זה

273
00:13:54,640 --> 00:13:58,060
כמה משתנים זה רק
הולך להחזיק מחרוזת זו, JS.

274
00:13:58,060 --> 00:14:01,760

275
00:14:01,760 --> 00:14:06,170
>> אלמנטים, טובים לשים לב,
מופרדים על ידי פסיקים,

276
00:14:06,170 --> 00:14:07,740
בדיוק כמו שהיינו מצפה.

277
00:14:07,740 --> 00:14:14,630
ואתה גם יכול לגשת אלה, כפי שעשינו
בC, עם סימון מדד זה, נכון?

278
00:14:14,630 --> 00:14:16,950
שונה כל כך מPHP
עכשיו, אנחנו הולכים אחורה

279
00:14:16,950 --> 00:14:20,180
רק סוג של בהתייחסו
לדברים במדד.

280
00:14:20,180 --> 00:14:22,189
בדיוק כמו C, זה גם אפס מדד.

281
00:14:22,189 --> 00:14:25,230
אני מרגיש כמו שזה יהיה ממש אכזרי
אם הם פתאום הפכו JavaScript אחד

282
00:14:25,230 --> 00:14:30,630
מדד, והיה לך ללגמרי
לחשוב מחדש איך אתה חושב על מערכים.

283
00:14:30,630 --> 00:14:36,140
>> דבר מגניב אחת הוא שבמקום
שיש לdo-- אם אתה אי פעם

284
00:14:36,140 --> 00:14:39,240
רציתי את אורכו של מערך,
אולי אתה לחזר דרכו

285
00:14:39,240 --> 00:14:43,430
עד שתמצא כמה סוף, או
היית יודע בדיוק מה זה.

286
00:14:43,430 --> 00:14:49,310
בגלל JavaScript הוא מאוד רופף יותר
דרכים מאשר רק סוג, כפי שאנו רואים כאן,

287
00:14:49,310 --> 00:14:53,310
אנחנו יכולים רק לעשות מערך זה
גדול יותר, כי אנחנו מחליטים.

288
00:14:53,310 --> 00:14:56,177
אם אנו מבחינים מערך שלושה
יש שלושה דברים כדי להתחיל,

289
00:14:56,177 --> 00:14:58,510
אבל אז פתאום,
אנחנו כמו, "אוי, רק צוחקים.

290
00:14:58,510 --> 00:15:01,370
אנחנו בעצם הולכים
כדי לעשות את זה 101 דברים. "

291
00:15:01,370 --> 00:15:05,300
אז אם אי פעם אתה רוצה לדעת
אורך בפועל של המערך שלך,

292
00:15:05,300 --> 00:15:06,680
אתה עושה את זה ככה.

293
00:15:06,680 --> 00:15:10,470
ואנחנו הולכים לראות הרבה
של סימון זה בדוגמאות,

294
00:15:10,470 --> 00:15:12,730
אבל עם JavaScript
זה בדרך כלל מה ש

295
00:15:12,730 --> 00:15:16,410
אובייקט על זה שאתה מדבר
dot כל סוג של פונקציה

296
00:15:16,410 --> 00:15:17,740
אתה רוצה להחיל את זה.

297
00:15:17,740 --> 00:15:18,240
בסדר?

298
00:15:18,240 --> 00:15:20,520
>> אז במקרה הזה, שלנו
אובייקט הוא מערך דו,

299
00:15:20,520 --> 00:15:23,470
ואנחנו אומרים שאנחנו רוצים
אורכו של מערך דו.

300
00:15:23,470 --> 00:15:25,716
אז זה רק קורא כמו אורך על זה.

301
00:15:25,716 --> 00:15:27,090
ושיחזור האורך שלך.

302
00:15:27,090 --> 00:15:32,610

303
00:15:32,610 --> 00:15:36,790
גם משהו שיש לשים לב
שאם אנו מבחינים המערכים שלנו,

304
00:15:36,790 --> 00:15:39,830
שלא כמו C, אין להם
להיות כל מאותו הסוג.

305
00:15:39,830 --> 00:15:41,670
זה הרבה יותר כמו PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript הוא בעצם בדיוק כמו
להתיך מעניין זה של C ו- PHP.

307
00:15:45,905 --> 00:15:50,020

308
00:15:50,020 --> 00:15:52,170
כך תהיה לנו להיכנס לזה.

309
00:15:52,170 --> 00:15:56,750
לעת עתה, בואו פשוט להניח
שהמערכים שלך הם בעצם

310
00:15:56,750 --> 00:16:00,640
כמו מערכי C, שב
הם אפס באינדקס.

311
00:16:00,640 --> 00:16:04,120
אוקיי, אז זה הכל.

312
00:16:04,120 --> 00:16:08,850
אתה יכול גם פשוט להאריך
מערך לכל מדד שאתה רוצה.

313
00:16:08,850 --> 00:16:14,260
אילו זה היה כנראה צינוק
אשמה עליך או לתת לך איזו שגיאה,

314
00:16:14,260 --> 00:16:15,970
JavaScript היא כמו, "לא, זה בסדר גמור.

315
00:16:15,970 --> 00:16:16,620
יש לי את זה.

316
00:16:16,620 --> 00:16:19,460
אנחנו פשוט נלך ישר
שבו אתה רוצה. "

317
00:16:19,460 --> 00:16:24,310
>> אוקיי, אז אובייקטים חשובים מאוד.

318
00:16:24,310 --> 00:16:29,720
אתם יהיו באמצעות הרבה מאלה
בסט P שלך, אם אני זוכר נכון.

319
00:16:29,720 --> 00:16:34,780
אז הדבר שמדובר ב
בדומה בC הם structs.

320
00:16:34,780 --> 00:16:39,290
אז אתה יכול לחשוב על-- כאשר
אנחנו הולכים לדוגמה תקין

321
00:16:39,290 --> 00:16:41,810
אחרי זה אני חושב שזה
להפוך sense-- הרבה יותר

322
00:16:41,810 --> 00:16:45,830
אבל אנחנו בעצם להשתמש בחפצים ל
לארגן מידע הקשורות לקורסים.

323
00:16:45,830 --> 00:16:47,780
כשדיברנו על
structs בC, אנו לעתים קרובות

324
00:16:47,780 --> 00:16:53,405
לדבר על סטודנט שהיה לו איזה שם,
ID, בית, אתה יודע, ריכוז.

325
00:16:53,405 --> 00:16:56,030
וזה סוג של אותו הדבר
שאנו משתמשים בחפצים לכאן.

326
00:16:56,030 --> 00:16:59,300
זה פשוט לארגן
מידע דומה.

327
00:16:59,300 --> 00:17:03,620
>> גם אתה יכול לחשוב על אלה כיותר
בדומה לאסוציאטיביים מערכים ב- PHP.

328
00:17:03,620 --> 00:17:10,010
אז זה יהיה סוג של הדבר
שבו יש לנו כמה מפתח עם ערך כלשהו,

329
00:17:10,010 --> 00:17:12,859
מאוד דומה ל- PHP.

330
00:17:12,859 --> 00:17:15,780
אז אתה יכול לאתחל כמה
אובייקט ריק, כפי שאנו רואים כאן,

331
00:17:15,780 --> 00:17:17,390
רק עם סוגריים מסולסלים.

332
00:17:17,390 --> 00:17:19,160
מערכים אז הם בסוגריים מרובעים.

333
00:17:19,160 --> 00:17:21,220
אובייקטים ריקים סוגריים מסולסלים.

334
00:17:21,220 --> 00:17:24,020
הבחנה טובה שיש.

335
00:17:24,020 --> 00:17:27,319
ואלה הם רק שני שונים
דרכים להגדיר מאפיינים.

336
00:17:27,319 --> 00:17:31,460
אז זה סוג של
הרבה יותר מאופן שבו

337
00:17:31,460 --> 00:17:35,220
דומה ל- PHP, עם שלנו
מערכים אסוציאטיביים, עם המפתח שלנו,

338
00:17:35,220 --> 00:17:39,910
וערך שלנו, ואילו
זה אחד is-- תמצאו

339
00:17:39,910 --> 00:17:41,920
רואה את זה הרבה יותר ב- JavaScript.

340
00:17:41,920 --> 00:17:43,550
זו נוטה להיות האמנה.

341
00:17:43,550 --> 00:17:47,660
ובאותה הדרך שעשינו
מערך דו אורך נקודה, שזה אומר,

342
00:17:47,660 --> 00:17:51,580
"בסדר, תן לי את זה
תכונה של אובייקט זה. "

343
00:17:51,580 --> 00:17:52,110
נכון?

344
00:17:52,110 --> 00:17:55,660
אז באותה צורה שזה היה כמו, "תן לי
אורך התכונה של מערך דו, "

345
00:17:55,660 --> 00:17:59,970
זה אומר, "תן לי קצת
רכושו של האובייקט הריק שלנו. "

346
00:17:59,970 --> 00:18:02,890
או במקרה הזה, אנחנו
הקצאה אותו הערך כלשהו כאן.

347
00:18:02,890 --> 00:18:06,200
אבל אתה יכול גם לגשת אליו בדרך זו.

348
00:18:06,200 --> 00:18:09,090
>> ואז כאן זה רק
מראה שתי התראות שונות.

349
00:18:09,090 --> 00:18:12,320
אז זה היה מראה התראות
יהיה אותו הדבר,

350
00:18:12,320 --> 00:18:17,150
זה רק שתי דרכים שונות
גישה לאלמנט שאנחנו רוצים.

351
00:18:17,150 --> 00:18:19,552
האם זה הגיוני לכולם?

352
00:18:19,552 --> 00:18:21,510
אני מרגיש כמו זה
כנראה הגיוני יותר,

353
00:18:21,510 --> 00:18:23,270
רק בגלל שאנחנו באים משל PHP.

354
00:18:23,270 --> 00:18:26,400
אבל כפי שאנו עושים יותר דוגמאות, זה
הוא, פשוטו כמשמעו, בדיוק אותו הדבר.

355
00:18:26,400 --> 00:18:28,170
הרבה מזה הוא פשוט לשנות בתחביר.

356
00:18:28,170 --> 00:18:30,710

357
00:18:30,710 --> 00:18:33,030
>> אוקיי, אז דוגמאות.

358
00:18:33,030 --> 00:18:34,180
אני אוהב את דוגמאות.

359
00:18:34,180 --> 00:18:40,070
אז הנה כמה CS50
משתנה שהוא אובייקט,

360
00:18:40,070 --> 00:18:42,160
ואנו מאחסנים את כל זה
מידע על זה.

361
00:18:42,160 --> 00:18:46,680
אז יש לנו כמובן, מורה,
TFS, psets, והדביק.

362
00:18:46,680 --> 00:18:51,840
אז אנו מבחינים אלה הם כמעט
כל סוגים שונים של.

363
00:18:51,840 --> 00:18:52,340
נכון?

364
00:18:52,340 --> 00:18:56,230
אז אובייקטים יכולים לאחסן
תכונות מסוגים שונים.

365
00:18:56,230 --> 00:19:01,220
אנו יכולים לחשוב על זה-- זה מאוד
בדומה למערך האסוציאטיבי שלנו ב- PHP.

366
00:19:01,220 --> 00:19:07,470
אז מפתח, ערך, מפתח, ערך,
מפתח, ערך, כך הלאה וכך הלאה.

367
00:19:07,470 --> 00:19:11,230
מה גם מעניין באותה הדרך
שיכול להיות לנו מערכים בתוך מערכים,

368
00:19:11,230 --> 00:19:14,690
אנחנו יכולים להיות גם אובייקטים בתוך
אובייקטים, או מערכים בתוך אובייקטים.

369
00:19:14,690 --> 00:19:18,410
אתה אף פעם לא באמת מוגבל ל
רק אחד מדברים.

370
00:19:18,410 --> 00:19:24,220
אנחנו יכולים לקבל מאוד Inceptionesque, רק
להמשיך במחילת הארנב שם.

371
00:19:24,220 --> 00:19:26,080
>> אז אם אנחנו שמים לב, אנחנו
יש איזה קורס ש

372
00:19:26,080 --> 00:19:31,120
הוא מחרוזת, מדריך זה מחרוזת,
ומערך, int, ובוליאני.

373
00:19:31,120 --> 00:19:36,110
אז כל הדברים השונים הללו.

374
00:19:36,110 --> 00:19:39,600
>> בסדר, אז, יש לנו עוד אחד.

375
00:19:39,600 --> 00:19:42,930
אז במקרה הזה, יש לנו
מערך של אובייקטים.

376
00:19:42,930 --> 00:19:45,320
אז בדיוק כמו אובייקט
יכול להיות מערך בזה.

377
00:19:45,320 --> 00:19:47,210
ניתן גם יש לנו מערך של אובייקטים.

378
00:19:47,210 --> 00:19:51,250
זה יכול להיות שימושי ל
לחשוב על סוג דומה ל

379
00:19:51,250 --> 00:19:54,260
איך היה לנו חשיש
שולחן, היו לנו מערך

380
00:19:54,260 --> 00:19:56,220
של כל אלה שונים
סוגים של structs ש

381
00:19:56,220 --> 00:19:59,070
היו מצביע לשונה
צמתים ומה לא.

382
00:19:59,070 --> 00:20:01,420
אבל במקרה הזה, אנחנו
יש מערך של אובייקטים.

383
00:20:01,420 --> 00:20:04,890
אז זה כמו מערך
מערכים של אסוציאטיביים.

384
00:20:04,890 --> 00:20:09,430
אז יש לנו כמה אלמנט ראשון היה
להיות האובייקט עם השם ג'יימס

385
00:20:09,430 --> 00:20:11,340
ולשכן ינתרופ.

386
00:20:11,340 --> 00:20:14,780
>> אתם אולי זוכרים
משהו דומה מאוד לזה

387
00:20:14,780 --> 00:20:21,710
עם pset האחרון שלך, שבו אם אתה
משך משהו מבסיס הנתונים שלך,

388
00:20:21,710 --> 00:20:24,480
הסוג הראשון של
דבר במערך שלך היה

389
00:20:24,480 --> 00:20:27,110
כל המידע על
המשתמש הראשון שפגש אותו,

390
00:20:27,110 --> 00:20:30,765
ואז אתה צריך מדד של
כדי לקבל המניות שלהם או המטמון שלהם

391
00:20:30,765 --> 00:20:32,110
או מה שלא.

392
00:20:32,110 --> 00:20:34,620
אז זה מאוד דומה
דבר, רק שינוי קטן

393
00:20:34,620 --> 00:20:39,570
בתחביר, שינוי קצת ב
המילים שאנחנו משתמשים כדי לתאר אותם.

394
00:20:39,570 --> 00:20:45,960
>> אז אם אנחנו רוצים, כל אחד יכול להגיד לי
שלי מה התראה זו תעשה כאן?

395
00:20:45,960 --> 00:20:48,780
או מה זה קצת
הקוד יעשה לנו?

396
00:20:48,780 --> 00:20:50,992

397
00:20:50,992 --> 00:20:52,616
קהל: זה ייתן לך את כל שמות.

398
00:20:52,616 --> 00:20:54,900
אליסון BUCHHOLTZ-AU: נכון, אז זה
היה להתריע רק עם כל השמות

399
00:20:54,900 --> 00:20:57,960
כי זה יעבור
קוטג 'i, כך שזה הייתי מתחיל באפס.

400
00:20:57,960 --> 00:21:01,330
אז זה הייתי אומר, על אישור שאנחנו מחפשים
באובייקט ראשון זה, ש

401
00:21:01,330 --> 00:21:03,210
הוא החריץ הראשון במערך שלנו.

402
00:21:03,210 --> 00:21:06,900
וזה אומר, "תן לי את
לייחס, את שמו של אובייקט ש. "

403
00:21:06,900 --> 00:21:09,030
אז אנחנו הולכים כאן, היינו
סריקה, היינו מוצא שם,

404
00:21:09,030 --> 00:21:11,340
והיינו להדפיס את
ג'יימס, מולי, וקרל.

405
00:21:11,340 --> 00:21:14,410

406
00:21:14,410 --> 00:21:15,799
כל שאלות עד כה?

407
00:21:15,799 --> 00:21:17,590
למרבה הצער JavaScript
אתה הולך להיות

408
00:21:17,590 --> 00:21:20,950
עושה הרבה מסתכל למעלה עליך
שלו, להבין את התחביר,

409
00:21:20,950 --> 00:21:21,910
מתמודד עם זה.

410
00:21:21,910 --> 00:21:25,870
אבל כמובן שאני תמיד כאן,
שעתי עבודה הן תמיד כאן.

411
00:21:25,870 --> 00:21:28,260
יכול להיות שאני בימים שלישי בשבוע.

412
00:21:28,260 --> 00:21:31,050
אז אם אתה שם, אתה יכול
בואו לבקר אותי השבוע.

413
00:21:31,050 --> 00:21:32,470
זה יהיה נהדר.

414
00:21:32,470 --> 00:21:36,260
>> אוקיי, אז DOM הוא דגם המסמך-אובייקט.

415
00:21:36,260 --> 00:21:38,900
אז זה רק דרך
שאנחנו אוהבים לחשוב

416
00:21:38,900 --> 00:21:45,720
על איך HTML וכל מה ששלנו
בתוכו מאורגן.

417
00:21:45,720 --> 00:21:49,930
זה מאוד משהו ש
כנראה לבוא בחידון שלך.

418
00:21:49,930 --> 00:21:58,150
אני יודע השנה שלי, זה היה כאילו הנה
קובץ HTML, למלא את DOM לזה.

419
00:21:58,150 --> 00:21:59,770
ואתה פשוט למלא בדברים קטנים.

420
00:21:59,770 --> 00:22:01,500
אלה צריכים להיות נקודות קלים בתקווה.

421
00:22:01,500 --> 00:22:03,450
אני מקווה שאתה see--

422
00:22:03,450 --> 00:22:04,590
>> קהל: [לא ברור]

423
00:22:04,590 --> 00:22:06,660
>> אליסון BUCHHOLTZ-AU: אז
אתה רואה את העץ הזה כאן?

424
00:22:06,660 --> 00:22:07,200
>> קהל: כן.

425
00:22:07,200 --> 00:22:08,949
>> אליסון BUCHHOLTZ-AU:
אז הם ישאלו את השימוש

426
00:22:08,949 --> 00:22:11,750
למלא במה שקורה מתחת לגוף.

427
00:22:11,750 --> 00:22:15,770
אולי מתחת לגוף, יש לנו כמה
או שיש לנו כמה סעיפים divs,

428
00:22:15,770 --> 00:22:19,160
ואנו מבקשים מכם למלא ב
עץ דומה מאוד לזה.

429
00:22:19,160 --> 00:22:21,440
אז יהיה לנו ללכת דרכו.

430
00:22:21,440 --> 00:22:26,120
אז המסמך-האובייקט
מודל הוא רק דרך

431
00:22:26,120 --> 00:22:31,240
מבנה וחושב
על HTML שלנו בצורה גרפית.

432
00:22:31,240 --> 00:22:33,860

433
00:22:33,860 --> 00:22:35,840
וגם כאשר אנו מקבלים
ליותר JavaScript,

434
00:22:35,840 --> 00:22:37,640
זה הולך להיות
דרך שאנחנו באמת

435
00:22:37,640 --> 00:22:39,990
לתפעל שונה
אלמנטים בדף.

436
00:22:39,990 --> 00:22:43,980
אנחנו צריכים דרך לגשת לכל
הדברים בHTML שלנו,

437
00:22:43,980 --> 00:22:48,050
ואז זה נותן לנו מאוד
דרך סטנדרטית בטון

438
00:22:48,050 --> 00:22:51,010
בדפי אינטרנט שונים לעשות את זה.

439
00:22:51,010 --> 00:22:53,440
>> אז אם אנחנו פשוט ללכת דרך
זה כאן, כמובן

440
00:22:53,440 --> 00:22:56,790
המסמך שלנו הוא כמו כל הקובץ שלנו.

441
00:22:56,790 --> 00:22:59,350
כי ברור שהגיוני
שזה הדבר הגבוה ביותר,

442
00:22:59,350 --> 00:23:03,520
ולאחר מכן יש לנו HTML בפועל שלנו,
אשר תואם לתג זה כאן.

443
00:23:03,520 --> 00:23:08,480
גם אם אתה בכניסת התגים שלך
כראוי, לאחר מכן יצירת עץ DOM זה

444
00:23:08,480 --> 00:23:10,530
הופך להיות סופר פשוט.

445
00:23:10,530 --> 00:23:12,400
אז יש לנו כמה ראש כאן.

446
00:23:12,400 --> 00:23:15,780
יש לנו כמה גוף ש
אנו רואים נובעים משל HTML,

447
00:23:15,780 --> 00:23:18,530
וזו הסיבה שיש לנו בראש ובגוף.

448
00:23:18,530 --> 00:23:22,880
בתוך הראש, יש לנו כמה
תג כותרת, תג כותרת סוף,

449
00:23:22,880 --> 00:23:24,570
כך שאנחנו יודעים שמגיע אחרי הראש.

450
00:23:24,570 --> 00:23:28,040
ובתוך תג הכותרת שלנו,
יש לנו שלום, עולם.

451
00:23:28,040 --> 00:23:28,740
בסדר?

452
00:23:28,740 --> 00:23:31,311
אז זה יד שמאל סניף כל זה.

453
00:23:31,311 --> 00:23:34,060
ולאחר מכן לסניף יד ימין
כאן, אנו רואים שיש לנו HTML,

454
00:23:34,060 --> 00:23:38,680
אישור שעשינו חלק ראש זה,
אנחנו מסתכלים רק על גוף,

455
00:23:38,680 --> 00:23:40,670
אז יש לנו כמה אזור גוף.

456
00:23:40,670 --> 00:23:44,350
ובתוך כך, רק
דבר שיש לנו הוא שלום, עולם.

457
00:23:44,350 --> 00:23:45,090
בסדר?

458
00:23:45,090 --> 00:23:54,130
אם היו לנו דברים כמו
כמה p הסוגר ולאחר מכן

459
00:23:54,130 --> 00:23:57,500
שלום, עולם, ולאחר מכן עוד
p הסוגר של שלום, עולם,

460
00:23:57,500 --> 00:24:00,080
תהיה לנו שתי בועות
יורד מכאן.

461
00:24:00,080 --> 00:24:05,550
בגלל שהם שניהם מתחת לגוף, אבל
הם סעיפים נפרדים מקרה זה.

462
00:24:05,550 --> 00:24:11,520
יש בהחלט בפועל
על שבחידונים קודמים,

463
00:24:11,520 --> 00:24:14,570
כמו גם שפע באינטרנט על זה.

464
00:24:14,570 --> 00:24:18,260
אישור אז, זה רק מאפשר לי
לנו לראות הכל יפה

465
00:24:18,260 --> 00:24:20,810
ולתפעל דברים
מאוד שיטתי.

466
00:24:20,810 --> 00:24:21,340
בסדר?

467
00:24:21,340 --> 00:24:23,640
אנחנו יודעים בדיוק איך
לעבור דרך העץ הזה,

468
00:24:23,640 --> 00:24:26,910
כך אנחנו יודעים מה אנחנו רוצים לגשת.

469
00:24:26,910 --> 00:24:31,690
>> אישור אז זו הסיבה שאנחנו רוצים
יש סוג זה של מודל,

470
00:24:31,690 --> 00:24:35,190
כדי שנוכל להשתמש בדברים כאלה,
ואנחנו מבינים את מה שהם אומר,

471
00:24:35,190 --> 00:24:38,370
והם סטנדרטיים
בכל הדברים שאנחנו עושים.

472
00:24:38,370 --> 00:24:45,900
אז כותרת dot המסמך היא פשוט
הכותרת של our-- כל אלה

473
00:24:45,900 --> 00:24:48,960
הם מסבירים את עצמו יפה,
אני אוהב לחשוב.

474
00:24:48,960 --> 00:24:51,660
שלוש אז הראשון
דוגמאות רק אומרים,

475
00:24:51,660 --> 00:24:54,770
"בסדר, רק תן לי
כותרת של דף האינטרנט הזה. "

476
00:24:54,770 --> 00:24:58,030
אז זה ייתן לך את מה ש
מתאים לכותרת.

477
00:24:58,030 --> 00:25:01,880
>> גוף מסמך הנקודה הוא הולך לתת לך
כל מה שבתוך תגי הגוף האלה.

478
00:25:01,880 --> 00:25:03,240
כך שאתה יכול לתפעל את זה.

479
00:25:03,240 --> 00:25:07,820
ונקודת גוף dot מסמך
להיכנס HTML הוא אחד מאוד מגניב,

480
00:25:07,820 --> 00:25:11,660
ואולי הוא לא כמו סופר
אבל HTML אינטואיטיבי, הפנימי

481
00:25:11,660 --> 00:25:13,740
מתאים לזכות זו כאן.

482
00:25:13,740 --> 00:25:17,410
אז אם אתה אי פעם רוצה
לתפעל את הטקסט בדף,

483
00:25:17,410 --> 00:25:22,700
בדרך כלל אתה הולך לעשות
משהו עם HTML הפנימי dot הגוף.

484
00:25:22,700 --> 00:25:23,820
בסדר?

485
00:25:23,820 --> 00:25:31,341
אז HTML הפנימי נוטה להתייחס ל
מה הוא בעצם בין תגים אלה.

486
00:25:31,341 --> 00:25:31,840
בסדר?

487
00:25:31,840 --> 00:25:33,020
ולאחר מכן פונקציות שימושיות.

488
00:25:33,020 --> 00:25:40,390
אז אם אתם רוצים לקבל
כל אחד מאלה, כל אלמנט,

489
00:25:40,390 --> 00:25:43,140
יש לנו כמה עיד, כיתה
שם, או תג שם.

490
00:25:43,140 --> 00:25:47,100
זה דומה מאוד ל
דברים שעשינו עם CSS, נכון?

491
00:25:47,100 --> 00:25:51,360
איפה יש לנו כמה בוררים ש
מתאים לאו תג, כיתה

492
00:25:51,360 --> 00:25:53,800
שאנחנו נותנים להם, או זיהוי.

493
00:25:53,800 --> 00:25:55,310
זה מאוד באותה הדרך.

494
00:25:55,310 --> 00:26:00,720
אם יש לך משהו ש
יש כמה סוג של כלב,

495
00:26:00,720 --> 00:26:05,800
ואתה אומר את האלמנטים לפי שם תג,
ואתה שם את הכלב במצטער there-- או,

496
00:26:05,800 --> 00:26:06,610
שם מחלקה.

497
00:26:06,610 --> 00:26:07,770
אתה יכול לשים את נקודה שביש.

498
00:26:07,770 --> 00:26:11,780
זה הולך להחזיר את כל אלה
אלמנטים לך שיש לו סוג.

499
00:26:11,780 --> 00:26:13,880
כך שאתה יכול לתפעל רק את אלה.

500
00:26:13,880 --> 00:26:18,430
באותו אופן, אולי אתה פשוט
רוצה לתפעל כמה כותרת, כך

501
00:26:18,430 --> 00:26:20,980
כמה כותרת h1, כמו שעשינו.

502
00:26:20,980 --> 00:26:24,900
אתה יכול לעשות את האלמנטים לפי תגית
שם, כי h1 הוא תג שם.

503
00:26:24,900 --> 00:26:29,270
ובאותו אופן, אם אתה רוצה לקבל
דבר ייחודי מסוים, אתה יכול לעשות תג גט.

504
00:26:29,270 --> 00:26:31,100
קבל אלמנט לפי תעודת זהות.

505
00:26:31,100 --> 00:26:32,710
והם באמת המון אלה.

506
00:26:32,710 --> 00:26:36,300
אלה הם רק כמו שלוש של הרבה מאוד.

507
00:26:36,300 --> 00:26:39,600
אז אם אתם גולשים באינטרנט, כפי ש
אני הולך לעודד

508
00:26:39,600 --> 00:26:45,342
לך לעשות, ולעשות קצת
מחקר בעצמך,

509
00:26:45,342 --> 00:26:48,450
אני בהחלט ממליץ
מסתכל לתוך כל אלה.

510
00:26:48,450 --> 00:26:50,880
הם יכולים להיות סופר
שימושי, במיוחד כאשר

511
00:26:50,880 --> 00:26:57,180
אתה רוצה לתפעל פשוט סוג של
דברים מאוד ספציפיים מבלי

512
00:26:57,180 --> 00:27:00,390
לעבור ולנסות
כדי לנתח את הכל.

513
00:27:00,390 --> 00:27:03,540
>> אוקיי, אז הדבר האחרון ש
הוא JavaScript אירועים.

514
00:27:03,540 --> 00:27:10,730
לכן, כאשר אני מדבר קודם לכן
על הולך על אתר,

515
00:27:10,730 --> 00:27:14,340
וכאשר תרחף מעל משהו,
או העכבר מרחף מעל משהו,

516
00:27:14,340 --> 00:27:15,420
משהו אחר קורה.

517
00:27:15,420 --> 00:27:17,900
זה מה שאנחנו רוצים
חושב על כאירוע.

518
00:27:17,900 --> 00:27:23,970
אז מה יש לנו כוח ש
להיות שימושי כאן הוא onclick.

519
00:27:23,970 --> 00:27:29,140
אז שלי היה בריחוף, ש, אני
די בטוח, הוא רק על לרחף.

520
00:27:29,140 --> 00:27:31,300
גם טון של אלה
שאתה יכול לחפש.

521
00:27:31,300 --> 00:27:34,340
יש כל רשימה באינטרנט
של הדברים השונים

522
00:27:34,340 --> 00:27:37,130
כי אתה יכול להאזין ל.

523
00:27:37,130 --> 00:27:41,220
>> אבל אירועי JavaScript הם
בעצם רק מגיב לדברים

524
00:27:41,220 --> 00:27:42,430
שהמשתמשים שלך עושים.

525
00:27:42,430 --> 00:27:42,930
נכון?

526
00:27:42,930 --> 00:27:45,220
אז המשתמש שלך עושה
משהו, זה אירוע,

527
00:27:45,220 --> 00:27:48,340
וJavaScript יגיב
עם זאת אתה רוצה שזה.

528
00:27:48,340 --> 00:27:49,770
הוא יגיב בהתאם.

529
00:27:49,770 --> 00:27:54,630
אז במקרה הזה, יש לנו
כמה onload חלון נקודה.

530
00:27:54,630 --> 00:27:57,170
אז מה זה אומר הוא, "לחכות
עד טעון של החלון. "

531
00:27:57,170 --> 00:27:57,780
בסדר?

532
00:27:57,780 --> 00:28:02,102
לכן, כאשר הכל הטעון, onload,
אז אתה יכול לבצע את התפקיד הזה.

533
00:28:02,102 --> 00:28:03,810
לכן, כאשר הכל
עמוס, אתה הולך

534
00:28:03,810 --> 00:28:07,760
יש איזה כפתור חיפוש
שמקבל אלמנט לפי תעודת זהות,

535
00:28:07,760 --> 00:28:13,740
והיא מדפיסה מה ש
אלמנט הוא כלחצן חיפוש.

536
00:28:13,740 --> 00:28:17,050
ולאחר מכן יש לנו משתנים זה,
אנחנו אומרים, "בסדר, onclick".

537
00:28:17,050 --> 00:28:20,390
לכן, כאשר אנו שומעים קליק
על כפתור החיפוש,

538
00:28:20,390 --> 00:28:23,990
תפעיל פונקציה זו, שהיא
התראה, אתה לוחץ על כפתור החיפוש.

539
00:28:23,990 --> 00:28:28,910
>> אז מה קורה is-- זה נחמד
ייצוג גרפי קטן כאן.

540
00:28:28,910 --> 00:28:31,480
אז המון המסמך שלנו,
זה onload שלנו,

541
00:28:31,480 --> 00:28:34,340
אנו מוצאים החיפוש שלנו
כפתור, שהוא זה.

542
00:28:34,340 --> 00:28:36,570
אנחנו מחפשים כפתור החיפוש שלנו.

543
00:28:36,570 --> 00:28:40,790
ולאחר מכן כאשר כפתור החיפוש הוא
לחץ, זה מתאים לכאן.

544
00:28:40,790 --> 00:28:41,980
Onclick.

545
00:28:41,980 --> 00:28:47,300
ואז סוף סוף להתריע המשתמשים שלנו,
אשר היא השורה האחרונה זה כאן.

546
00:28:47,300 --> 00:28:48,250
בסדר?

547
00:28:48,250 --> 00:28:52,960
אז כל אחד מארבעת שלבים אלה רק
מתאים לארבע התיבות

548
00:28:52,960 --> 00:28:55,031
שם למטה בתחתית.

549
00:28:55,031 --> 00:28:56,405
האם זה הגיוני לכולם?

550
00:28:56,405 --> 00:29:01,120

551
00:29:01,120 --> 00:29:05,200
>> ואז דבר אחד שאני פשוט הולך
להזכיר מאוד, לזמן קצר מאוד, אני ש

552
00:29:05,200 --> 00:29:08,660
ממליץ לך בחורים ל
ללכת לחפש יותר להוא

553
00:29:08,660 --> 00:29:13,210
jQuery, הנמצא במרחק ספרייה
שנבנה על גבי JavaScript.

554
00:29:13,210 --> 00:29:16,480
זה סופר שימושי, כ
עם רוב הספריות.

555
00:29:16,480 --> 00:29:18,320
יש הרבה פונקציות.

556
00:29:18,320 --> 00:29:21,930
אז אם יש משהו שאי פעם
אתה רוצה לעשות בJavaScript,

557
00:29:21,930 --> 00:29:24,880
האינסטינקט הראשון שלך
לא צריך להיות לחשוב

558
00:29:24,880 --> 00:29:27,340
של, צריכה "מה פונקציה
אני קוד? "זה צריך להיות,

559
00:29:27,340 --> 00:29:29,560
"תן לי לראות מישהו זה
כבר עשה את זה בשבילי. "

560
00:29:29,560 --> 00:29:32,800
בגלל תשע פעמים מתוך עשר,
מישהו כבר עשה את זה,

561
00:29:32,800 --> 00:29:35,760
והם כנראה עשו את זה טוב יותר.

562
00:29:35,760 --> 00:29:39,990
אנשים מבלים הרבה זמן לעשות את אלה,
וJavaScript משמש באופן נרחב,

563
00:29:39,990 --> 00:29:42,810
כדי שאנשים כל הזמן
מנסה לעשות את זה טוב יותר.

564
00:29:42,810 --> 00:29:47,110
וjQuery יש הרבה פונקציות
שכנראה יהיה שימושי עבורך

565
00:29:47,110 --> 00:29:50,470
בפרויקט הגמר שלך אם אתה
עושה שום דבר עם עיצוב אתרים.

566
00:29:50,470 --> 00:29:53,480
כמו שאני אוהב לומר, עבודה "
חכם, לא קשה. "

567
00:29:53,480 --> 00:29:57,130
אם אתם עושים את זה, זה יהיה נהדר.

568
00:29:57,130 --> 00:30:00,330
כשאנחנו בהאקאתון אני לא
רוצה שתהיה כל לחוץ.

569
00:30:00,330 --> 00:30:03,600
אני רוצה שתהיי כמו, "יש לי
זה. יש לי jQuery של הגב שלי.

570
00:30:03,600 --> 00:30:05,790
אני לא צריך לכתוב את הפונקציות האלה. "

571
00:30:05,790 --> 00:30:07,636
>> אז רק שני דברים ל
זוכר, אני הולך

572
00:30:07,636 --> 00:30:10,220
לתת לכם להיראות יותר
לjQuery בעצמך.

573
00:30:10,220 --> 00:30:13,070
כל מה שאני הולך להגיד זה
עושה כמה דברים די מדהים

574
00:30:13,070 --> 00:30:15,220
ויכול להפוך את החיים שלך
הרבה יותר קל.

575
00:30:15,220 --> 00:30:17,150
אבל מה שאתה רוצה
יש לי הוא כל מה שקובץ

576
00:30:17,150 --> 00:30:21,020
שאתה הולך להיות באמצעות בזה,
אתה הולך רוצה שתי שורות אלה.

577
00:30:21,020 --> 00:30:25,630
אתה הולך רוצה
תסריט של js נקודת jQuery JS.

578
00:30:25,630 --> 00:30:28,500
ובעצם המקור שלך
הוא הולך להיות חלק URL.

579
00:30:28,500 --> 00:30:35,870
אם גוגל jQuery, Google
למעשה מארח לך את כל הקבצים.

580
00:30:35,870 --> 00:30:38,950
אז אתה בהחלט רוצה
קלט שURL במקום.

581
00:30:38,950 --> 00:30:41,130
אני פשוט לשים את זה כאן
לשם הפשטות.

582
00:30:41,130 --> 00:30:45,180
כל זה אומר הוא שבו ל
למצוא ספריית jQuery.

583
00:30:45,180 --> 00:30:48,600
זה מסיבי, כך שאתה לא רוצה
לארח אותו על המחשב שלך

584
00:30:48,600 --> 00:30:53,390
אם אתה יכול להימנע מכך, וזו הסיבה שאנחנו
נוטה רק כדי לשים את כתובת האתר של גוגל ש

585
00:30:53,390 --> 00:30:55,880
מארח את כל הקבצים האלה בשבילך.

586
00:30:55,880 --> 00:30:56,380
בסדר?

587
00:30:56,380 --> 00:30:58,850
אתה בגוגל, אני מבטיח
זה יהיה שם.

588
00:30:58,850 --> 00:31:01,200
>> ואז כל מה ש
JavaScript קובץ שאתה

589
00:31:01,200 --> 00:31:07,150
באמצעות, אז זה רק חלק חיצוני
JavaScript קובץ שאתה משתמש.

590
00:31:07,150 --> 00:31:11,570
באותו אופן שאנחנו מקושרים לCSS שלנו
קבצים, זה אותו דבר.

591
00:31:11,570 --> 00:31:15,480
זה רק קישורים לקובץ
שבו JavaScript שלך הוא.

592
00:31:15,480 --> 00:31:18,970
ויש לי כמה דוגמאות
עם JavaScript פשוט.

593
00:31:18,970 --> 00:31:20,220
אז אנחנו הולכים דרכו.

594
00:31:20,220 --> 00:31:27,230
ולאחר מכן במדד שלך JavaScript,
שהוא JavaScript שלך להגיש כאן,

595
00:31:27,230 --> 00:31:30,900
זה סוג של המעטפת
שיש לך לjQuery.

596
00:31:30,900 --> 00:31:33,860
אתה כמעט 99.9
אחוז מזמן הולך

597
00:31:33,860 --> 00:31:36,800
יש את זה בקובץ index.js שלך.

598
00:31:36,800 --> 00:31:40,010
כי מה זה אומר הוא,
"לא מבצע שום דבר

599
00:31:40,010 --> 00:31:43,480
עד המסמך שלך הוא בעצם
מוכן, "וזה בדיוק מה שאתה רוצה.

600
00:31:43,480 --> 00:31:46,600
כי אם המסמך שלך לא מוכן,
וjQuery מתחיל לעשות דברים,

601
00:31:46,600 --> 00:31:48,020
זה פשוט בלגן.

602
00:31:48,020 --> 00:31:50,480
אז אתה תמיד רוצה להיות עטיפה זו.

603
00:31:50,480 --> 00:31:55,760
ולאחר מכן לדברים שנכנסו לשם, אני
אעזוב למעיין בו 'החבר' שלך.

604
00:31:55,760 --> 00:32:04,610
>> אוקיי, אז האם יש שאלות הנכונות
עכשיו על JavaScript באופן כללי?

605
00:32:04,610 --> 00:32:07,420
או מודל DOM?

606
00:32:07,420 --> 00:32:10,780
אם לא, יש לנו כמה מגניב
דוגמאות שאנחנו יכולים לעבור,

607
00:32:10,780 --> 00:32:13,120
כי אתם יכולים לעזור לי קוד.

608
00:32:13,120 --> 00:32:15,877
אבל אני גם הולך להיות
, ואם סופר נחמדים לך

609
00:32:15,877 --> 00:32:17,960
לא רוצה להגיד שום דבר
לאלה, וזה בסדר.

610
00:32:17,960 --> 00:32:20,510
אני גם יכול רק לתת לך דוגמאות.

611
00:32:20,510 --> 00:32:24,581
אבל שום דבר ב
PowerPoint לפני שאנחנו עוברים?

612
00:32:24,581 --> 00:32:25,080
מגניב.

613
00:32:25,080 --> 00:32:26,990
>> אני מרגיש כאילו אתם צריכים אנרגיה.

614
00:32:26,990 --> 00:32:31,516
אז אני חושב שאנחנו הולכים להתחיל
עם הדוגמא של הצד הראשון שלי.

615
00:32:31,516 --> 00:32:33,390
יש לנו שלוש דוגמאות,
יש לך את הבחירה שלך.

616
00:32:33,390 --> 00:32:37,720
אז יש לנו שעון, לאן אנחנו הולכים
ליישם שעון בפועל זה

617
00:32:37,720 --> 00:32:41,430
הולך לעדכן ככל שהזמן עובר.

618
00:32:41,430 --> 00:32:43,310
יש לנו פונקצית טוויטר הגדולה הזה.

619
00:32:43,310 --> 00:32:44,560
זה-- אתה יודע מה, להחזיק מעמד.

620
00:32:44,560 --> 00:32:47,220
אנחנו הולכים לעשות את זה ללכת משם.

621
00:32:47,220 --> 00:32:47,950
Bam.

622
00:32:47,950 --> 00:32:49,060
OK.

623
00:32:49,060 --> 00:32:56,132
>> יש לנו פונקצית טוויטר הגדולה הזה
כאן, that-- אני יודע, נכון?

624
00:32:56,132 --> 00:32:57,090
זה הולך להיות גדול.

625
00:32:57,090 --> 00:32:58,350
האם אתם מתרגשים?

626
00:32:58,350 --> 00:33:01,170
כי הוא הולך לספור את המספר
תווים שנשארו לך,

627
00:33:01,170 --> 00:33:04,520
כך שאם אני מקליד עכשיו,
ברור שזה עדיין אומר 140,

628
00:33:04,520 --> 00:33:06,190
אבל אנחנו יודעים שזה לא המקרה.

629
00:33:06,190 --> 00:33:08,570
ולאחר מכן עם האחרון שלנו
כאן, לחץ כאן כדי לחגוג.

630
00:33:08,570 --> 00:33:12,150
מה יקרה כאשר
אנו לחצו, רקע של

631
00:33:12,150 --> 00:33:13,340
הולך לשנות את הצבעים.

632
00:33:13,340 --> 00:33:17,060
אז יש לכם האפשרויות שלך
איזה מהם אתה רוצה לעשות קודם.

633
00:33:17,060 --> 00:33:19,800
אני מבטיח שאני אקח את זה קל מאוד עליך.

634
00:33:19,800 --> 00:33:22,680
אני מרגיש כמו כל סוג
רק מפתח מאוד נמוך היום.

635
00:33:22,680 --> 00:33:25,540
אז אני אלווה אותך דרך איך
אנו ליישם את כל אלה.

636
00:33:25,540 --> 00:33:28,520
אם אתה רוצה לצלצל
ב, זה נהדר, אבל אני

637
00:33:28,520 --> 00:33:30,020
מרגיש כמו כולם קצת עייפים.

638
00:33:30,020 --> 00:33:32,970
אז רק אני אלווה אותך
באמצעות דוגמאות אלה.

639
00:33:32,970 --> 00:33:35,015
האם יש לנו משהו ש
אנחנו רוצים לעשות קודם?

640
00:33:35,015 --> 00:33:38,140

641
00:33:38,140 --> 00:33:39,475
כל אחד?

642
00:33:39,475 --> 00:33:41,350
לא בחירה?

643
00:33:41,350 --> 00:33:41,867
OK.

644
00:33:41,867 --> 00:33:42,450
אתה יודע מה?

645
00:33:42,450 --> 00:33:43,290
אנחנו בצד.

646
00:33:43,290 --> 00:33:48,380
אני מרגיש כאילו אתם צריכים little--
כך, אנחנו נעשה את אחד המסיבה ראשונה.

647
00:33:48,380 --> 00:33:48,880
OK.

648
00:33:48,880 --> 00:33:51,470

649
00:33:51,470 --> 00:33:56,930
>> אז מה יש לנו here-- זה
לא אמור להיות שם.

650
00:33:56,930 --> 00:33:57,910
עכשיו זה טוב.

651
00:33:57,910 --> 00:33:59,810
OK.

652
00:33:59,810 --> 00:34:03,110
אז מה יש לנו כאן הוא
רק דף HTML פשוט

653
00:34:03,110 --> 00:34:07,840
כי אתם צריכים להיות כל סופר
מכיר משני psets האחרון שלך.

654
00:34:07,840 --> 00:34:10,212
יש לנו סוג doc שלנו כאן.

655
00:34:10,212 --> 00:34:10,920
יכול כולם לראות?

656
00:34:10,920 --> 00:34:11,420
OK.

657
00:34:11,420 --> 00:34:12,560
מגניב.

658
00:34:12,560 --> 00:34:13,900
יש לנו HTML שלנו ברור.

659
00:34:13,900 --> 00:34:18,360
יש לנו כמה כותרות שהן
צמוד לגיליון סגנון ש

660
00:34:18,360 --> 00:34:21,420
פשוט עשה הגופן שלי נחמד וגדול ונועז.

661
00:34:21,420 --> 00:34:23,489
אז אל תדאגו בקשר לזה.

662
00:34:23,489 --> 00:34:26,437
>> יש לנו כמה גוף עם
רקע זיהוי, בסדר?

663
00:34:26,437 --> 00:34:28,520
כי אנחנו הולכים להיות
לשנות את הרקע.

664
00:34:28,520 --> 00:34:31,964
לכן, כאשר אנו משנים את
רקע של הגוף שלנו,

665
00:34:31,964 --> 00:34:35,965
אנחנו זוכרים מלפני שבועיים
כאשר עם דפי אינטרנט שאנו עוסקים.

666
00:34:35,965 --> 00:34:36,840
אז טוב שיש את זה.

667
00:34:36,840 --> 00:34:39,270
ויש לנו כמה שווה זיהוי צד.

668
00:34:39,270 --> 00:34:43,909
קילו נ"צ h זה רק אומר ש
זה הולך ללכת לאותו הדף.

669
00:34:43,909 --> 00:34:47,120
ולחץ כאן למסיבה,
ולכן כאשר אנו לוחצים עליו,

670
00:34:47,120 --> 00:34:48,940
זה צריך לשנות צבעים, לשמחתי.

671
00:34:48,940 --> 00:34:54,322
>> ולאחר מכן יש לנו כמה תסריט כאן ש
הוא פשוט קשור לjs נקודת מפלגה זו

672
00:34:54,322 --> 00:34:58,100
קובץ, כי הוא ריק, כי
לא עשינו שום דבר עדיין.

673
00:34:58,100 --> 00:35:00,450
וזה כל כך עצוב.

674
00:35:00,450 --> 00:35:06,100
אבל בקרוב מאוד, זה ישתנה
צבעים, וזה יהיו מדהים.

675
00:35:06,100 --> 00:35:10,520
>> אז רק אני הולך ללוות אותך חבר '
דרך כיצד נוכל להתקרב זה.

676
00:35:10,520 --> 00:35:14,030
כך שהדבר הראשון ש
אנו עשויים רוצים לעשות,

677
00:35:14,030 --> 00:35:18,050
אם אנו משנים את הרקע של
הגוף, הדבר הראשון שאנחנו אולי נרצה

678
00:35:18,050 --> 00:35:22,730
לעשות הוא בעצם לתפוס
מה הוא הגוף, נכון?

679
00:35:22,730 --> 00:35:27,690
אז אנחנו רוצים שנהיה לי סכום,
רקע, ואם תשימו לב,

680
00:35:27,690 --> 00:35:29,567
אני פשוט באופן אוטומטי פשוט להתחיל להקליד.

681
00:35:29,567 --> 00:35:32,400
אין שום דבר מיוחד ש
צריך לעשות לקבצי JavaScript שלנו.

682
00:35:32,400 --> 00:35:35,820
אני יכול להתחיל הצהרה על משתנה,
והכרזה על פונקציות אקראיות.

683
00:35:35,820 --> 00:35:38,110
וזה הרבה יותר בצורה חופשית.

684
00:35:38,110 --> 00:35:41,930
זה כמו עם C, נתנו כל מה שאתה
הכללים קשים אלה, ואתה גדל,

685
00:35:41,930 --> 00:35:43,220
כך שאנחנו כמו ", ללכת הלאה.

686
00:35:43,220 --> 00:35:44,000
להיות חופשי.

687
00:35:44,000 --> 00:35:44,870
תעשה מה שאתה רוצה. "

688
00:35:44,870 --> 00:35:46,280
וזה מה שJavaScript.

689
00:35:46,280 --> 00:35:48,390
אז יש לנו קצת רקע כאן.

690
00:35:48,390 --> 00:35:55,900
עם מודל DOM שלנו, אנחנו יודעים שאנחנו
יכול לעשות נקודת המסמך לקבל אלמנט,

691
00:35:55,900 --> 00:36:00,290
ואם אנו מבחינים כאן,
הגוף שלנו יש זיהוי.

692
00:36:00,290 --> 00:36:00,930
נכון?

693
00:36:00,930 --> 00:36:06,310
כדי שנוכל לקבל מסמך על ידי
Id, והנה אחת פשוט.

694
00:36:06,310 --> 00:36:08,295
מה הזהות שלנו שאנחנו רוצים כאן?

695
00:36:08,295 --> 00:36:09,170
קהל: רקע.

696
00:36:09,170 --> 00:36:11,280
אליסון BUCHHOLTZ-AU: רקע.

697
00:36:11,280 --> 00:36:12,230
מושלם.

698
00:36:12,230 --> 00:36:14,250
ונקודה-פסיק בסוף.

699
00:36:14,250 --> 00:36:15,610
שלא נעלם עדיין.

700
00:36:15,610 --> 00:36:17,330
אתה עדיין צריך פסיק שלך.

701
00:36:17,330 --> 00:36:17,830
OK.

702
00:36:17,830 --> 00:36:19,690
אז זה הראשון שלנו.

703
00:36:19,690 --> 00:36:23,880
וכאשר אנו לחצו משהו, אנחנו
רוצה שמשהו יקרה, נכון?

704
00:36:23,880 --> 00:36:28,270
אז אולי רוצים קצת משתנים
שמחכה לקליק.

705
00:36:28,270 --> 00:36:32,410
מה שאנחנו הולכים לעשות הוא שאנחנו הולכים
להפוך את הקישור שלנו דומה יותר ללחץ.

706
00:36:32,410 --> 00:36:43,140
אז אנחנו הולכים לקבל קצת לחצן ש
שווה לתעד dot לקבל אלמנט לפי תעודת זהות.

707
00:36:43,140 --> 00:36:48,670
ואם אני מדבר על לדבר
לחץ על קישור או לחץ כאן למסיבה

708
00:36:48,670 --> 00:36:51,850
קישור, מה שעלול זיהוי שלי להיות כאן?

709
00:36:51,850 --> 00:36:52,590
מפלגה.

710
00:36:52,590 --> 00:36:55,200
נכון.

711
00:36:55,200 --> 00:36:56,500
אישור לא רע עד כה.

712
00:36:56,500 --> 00:36:59,060
כולם מקבלים את מה שאנחנו עושים?

713
00:36:59,060 --> 00:37:02,100
>> אוקיי, אז עכשיו יש לנו שלנו
לחצן, ואנחנו רוצים

714
00:37:02,100 --> 00:37:04,140
דברים ישתנו כאשר אנו לוחצים על זה.

715
00:37:04,140 --> 00:37:08,750
אז אם אנחנו זוכרים מPowerPoint שלנו,
דבר פשוט מאוד שאנחנו יכולים לעשות

716
00:37:08,750 --> 00:37:12,140
היא נקודת לחץ רק onclick, נכון?

717
00:37:12,140 --> 00:37:14,750

718
00:37:14,750 --> 00:37:18,730
וזה הולך להיות שווה כמה פונקציה.

719
00:37:18,730 --> 00:37:20,620
זוהי פונקציה אנונימית.

720
00:37:20,620 --> 00:37:24,620
וזה רק as-- בעצם אני
הולך לעשות קצת יותר גדול זה.

721
00:37:24,620 --> 00:37:27,330
>> אז מה בדיוק עשיתי
כאן אני אומר, בסדר,

722
00:37:27,330 --> 00:37:31,810
כאשר אנו לחצו על הכפתור שלנו, שהוא
קישור זה שאנחנו רק מכונים,

723
00:37:31,810 --> 00:37:34,270
אנחנו הולכים לבצע
פונקציה אנונימית זה.

724
00:37:34,270 --> 00:37:35,845
אנחנו לא צריכים שום תשומות.

725
00:37:35,845 --> 00:37:37,220
לא אכפת לנו מה אומר המשתמשים.

726
00:37:37,220 --> 00:37:38,800
כאשר הם לוחצים על זה, אנחנו
הולך לעשות מה שאנחנו רוצים,

727
00:37:38,800 --> 00:37:40,660
אשר הוא לשנות את צבע הרקע.

728
00:37:40,660 --> 00:37:42,640
בסדר?

729
00:37:42,640 --> 00:37:47,224
אז בגלל זה אין לנו כל תשומות,
רק שיש לנו פונקציה אנונימית זה.

730
00:37:47,224 --> 00:37:49,390
ועכשיו אנחנו ממש הולכים
לכתוב פונקציה זו.

731
00:37:49,390 --> 00:37:55,040
>> אז יש כמה דרכים ש
יכול ליצור צבע אקראי.

732
00:37:55,040 --> 00:37:59,010
הדרך שעשיתי את זה היה ל
ליצור שלושה מספרים אקראיים

733
00:37:59,010 --> 00:38:01,910
ולהמיר אותם לRGB משולש.

734
00:38:01,910 --> 00:38:06,130
אז זה רק מראה לך כמה מגניב
דברים שאם אתה אוהב את, "הו,

735
00:38:06,130 --> 00:38:08,464
אני צריך ליצור אקראי
מספר. "אם אתה בגוגל זה,

736
00:38:08,464 --> 00:38:09,630
זה מה שהיית מוצא.

737
00:38:09,630 --> 00:38:17,580
>> אז יש לנו שלוש שונים
דברים, var, לא אדום שוב, ירוק.

738
00:38:17,580 --> 00:38:18,080
נכון?

739
00:38:18,080 --> 00:38:20,740
אז אלה הם שלוש
דברים שמרכיבים את צבע.

740
00:38:20,740 --> 00:38:22,220
כחול, אדום וירוק.

741
00:38:22,220 --> 00:38:22,960
מגניב.

742
00:38:22,960 --> 00:38:27,050
ומה אנחנו יכולים לעשות הוא שאנחנו יודעים
שזה צריך להיות בין 255,

743
00:38:27,050 --> 00:38:30,140
ואם אתה נראה קצת
מחולל מספרים אקראי,

744
00:38:30,140 --> 00:38:36,000
אתה יכול לקבל משהו כמו מתמטיקה
נקודה אקראית, שאם אתה מסתכל על זה

745
00:38:36,000 --> 00:38:39,230
חוזר לחלק המספר
בין אפס ואחד.

746
00:38:39,230 --> 00:38:39,980
בסדר?

747
00:38:39,980 --> 00:38:44,470
ומה לעשות מספרים שלנו
המשולשים RGB ללכת בין?

748
00:38:44,470 --> 00:38:47,240
אפס ומה?

749
00:38:47,240 --> 00:38:49,000
מה שהם יכולים ללכת עד?

750
00:38:49,000 --> 00:38:49,950
255.

751
00:38:49,950 --> 00:38:53,320
אז אם המתמטיקה נקודה אקראית
הולך בין אפס ואחד,

752
00:38:53,320 --> 00:38:56,365
איך יתכן שעלינו להמיר את זה?

753
00:38:56,365 --> 00:38:56,990
קהל: זמן?

754
00:38:56,990 --> 00:38:57,830
אליסון BUCHHOLTZ-AU: כן, בדיוק.

755
00:38:57,830 --> 00:38:58,677
אז בפעם היא 255.

756
00:38:58,677 --> 00:39:00,888
>> קהל: [לא ברור]
זה כמו [לא ברור].

757
00:39:00,888 --> 00:39:02,471
אליסון BUCHHOLTZ-AU: המתמטיקה נקודה אקראית.

758
00:39:02,471 --> 00:39:03,096
קהל: מגניב.

759
00:39:03,096 --> 00:39:04,580
אליסון BUCHHOLTZ-AU: כן.

760
00:39:04,580 --> 00:39:06,300
JavaScript רק דואג לך.

761
00:39:06,300 --> 00:39:07,580
OK.

762
00:39:07,580 --> 00:39:09,360
אז אנחנו יכולים לעשות את זה בשביל כל אלה.

763
00:39:09,360 --> 00:39:10,540
נכון?

764
00:39:10,540 --> 00:39:16,480
מתמטיקה dot זמנים אקראיים 255.

765
00:39:16,480 --> 00:39:17,740
העתק ש.

766
00:39:17,740 --> 00:39:18,820
מגניב.

767
00:39:18,820 --> 00:39:23,350
אז העניין הוא, רשאי זה
לא תחזור שלם.

768
00:39:23,350 --> 00:39:24,080
נכון?

769
00:39:24,080 --> 00:39:26,450
אולי אנחנו קצת מספר
בין אפס ואחד,

770
00:39:26,450 --> 00:39:32,150
וזה גורם לו להיות מעט
את, וRGBs שלנו לא יכול להיות צף.

771
00:39:32,150 --> 00:39:33,360
הם צריכים להיות ints.

772
00:39:33,360 --> 00:39:37,610
אז אם אתה ניסית את זה, זה כנראה הייתי
יש לי כמה התנהגות בלתי יציבה.

773
00:39:37,610 --> 00:39:38,810
זה יהיה קצת מסריח.

774
00:39:38,810 --> 00:39:43,200
אז מה שאנחנו עושים הוא שאנחנו רוצים לעשות
בטוח כי אלה מעוגלים,

775
00:39:43,200 --> 00:39:45,400
ואתה יכול לעגל. כך או כך

776
00:39:45,400 --> 00:39:47,110
אני מעוגל עם רצפה.

777
00:39:47,110 --> 00:39:49,680
אז אני תמיד הקפדתי
שזה מעוגל כלפי מטה.

778
00:39:49,680 --> 00:39:54,440
אבל הולך הנחה של כמה זה פשוט
היה רק ​​כדי לקבל מספר אקראי,

779
00:39:54,440 --> 00:39:57,920
איך אתה חושב שאנחנו
אולי רצפת מספר זה?

780
00:39:57,920 --> 00:40:00,720
זה דומה מאוד.

781
00:40:00,720 --> 00:40:02,810
רעיון כל?

782
00:40:02,810 --> 00:40:06,450
אז אם אקראי הייתה רק נקודה במתמטיקה
אקראי, כך אתה חושב שאנחנו היינו עושים רצפה?

783
00:40:06,450 --> 00:40:09,670
רצפת dot מתמטיקה.

784
00:40:09,670 --> 00:40:11,340
ואתה גם יכול לעשות תקרת נקודת מתמטיקה.

785
00:40:11,340 --> 00:40:14,030
עגול הוא סוג של דו-משמעי
כי אתה לא

786
00:40:14,030 --> 00:40:16,110
יודע אם לעגל כלפי מעלה או מטה בסיבוב.

787
00:40:16,110 --> 00:40:20,797
אז בדרך כלל אנחנו עושים תמיד במתמטיקה
רצפת נקודה, תקרת נקודת מתמטיקה.

788
00:40:20,797 --> 00:40:21,380
אבל honestly--

789
00:40:21,380 --> 00:40:22,780
>> קהל: האם עגול קומה למטה?

790
00:40:22,780 --> 00:40:24,740
>> אליסון BUCHHOLTZ-AU: קומת סיבובים למטה.

791
00:40:24,740 --> 00:40:26,990
וזה רק בחירה על החלק שלי.

792
00:40:26,990 --> 00:40:32,370
>> אז עכשיו יש לנו שלושת המספרים שלנו
כי כבר נוצר באופן אקראי,

793
00:40:32,370 --> 00:40:36,610
ומה אנחנו הולכים לעשות עכשיו הוא שאנחנו
רק הולך לשנות את הרקע.

794
00:40:36,610 --> 00:40:37,310
בסדר?

795
00:40:37,310 --> 00:40:41,490
אז יש לנו כבר
רקע סוג של מאוחסן

796
00:40:41,490 --> 00:40:43,280
ברכיב זה נקרא רקע.

797
00:40:43,280 --> 00:40:47,300
אז מה שתבחין בו, אם
אתה שחקת עם זה,

798
00:40:47,300 --> 00:40:50,460
אנחנו רוצים לשנות את הסגנון.

799
00:40:50,460 --> 00:40:53,812
וזה סוג של משהו ש
היית Google ולהבין,

800
00:40:53,812 --> 00:40:55,020
אוהב איך לשנות את הצבע.

801
00:40:55,020 --> 00:40:59,210
>> אבל את האופן גישה לצבע זה הוא
רקע dot dot רקע הסגנון.

802
00:40:59,210 --> 00:41:03,490
אז זה אומר שניתן
אובייקט זה, רקע,

803
00:41:03,490 --> 00:41:06,920
אשר מתייחס לזה
אלמנט זיהוי שם למעלה,

804
00:41:06,920 --> 00:41:10,690
אנחנו הולכים להסתכל על
סגנון בתוך הסגנון,

805
00:41:10,690 --> 00:41:13,280
אנחנו הולכים להסתכל על הרקע.

806
00:41:13,280 --> 00:41:14,270
בסדר?

807
00:41:14,270 --> 00:41:17,630
ואם אתה רוצה ללכת ולחפש את זה,
זה יכול לעשות קצת יותר הגיוני,

808
00:41:17,630 --> 00:41:21,930
אבל זה בעצם רק אומר,
"תן לי תכונה מאוד הספציפית הזה

809
00:41:21,930 --> 00:41:25,770
ממה שהגדרתי קודם לכן. "

810
00:41:25,770 --> 00:41:32,340
אז מה אנו משנים אותו להוא
כמה RGB, משום שזה הגיוני.

811
00:41:32,340 --> 00:41:34,780
אנו משתמשים RGB משלש, נכון?

812
00:41:34,780 --> 00:41:41,530
ואנחנו have-- אני רוצה לעשות אני בטוח ש
לקבל את המספר הנכון של ציטוטים לכאן.

813
00:41:41,530 --> 00:41:43,940
אז מה שאנחנו עושים הוא שיש לנו
RGB, ואנחנו הולכים

814
00:41:43,940 --> 00:41:46,800
to-- זה כמו
שרשור, שהוא אדום.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
ואז אנחנו רוצים קצת פסיק.

817
00:41:52,610 --> 00:41:59,925
ואז אנחנו רוצים בתוספת ירוקה,
אז כמה פסיק, וחלק כחול.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> אז פלוסים אלה רק
מתכוון כמו שרשור.

820
00:42:14,120 --> 00:42:19,810
אז זה רק יצירת זו
מחרוזת שקורה בתוך RGB.

821
00:42:19,810 --> 00:42:20,310
בסדר?

822
00:42:20,310 --> 00:42:23,200

823
00:42:23,200 --> 00:42:26,684
>> קהל: [לא ברור] בתוספת לאחר מכן
הירוק בתוספת אז האדום.

824
00:42:26,684 --> 00:42:30,163
>> אליסון BUCHHOLTZ-AU: כן,
כי אני פישלתי ש.

825
00:42:30,163 --> 00:42:30,890
הקנס של אחד ש.

826
00:42:30,890 --> 00:42:32,110
אה, להחזיק מעמד.

827
00:42:32,110 --> 00:42:32,610
מס '

828
00:42:32,610 --> 00:42:36,770
כי אני צריך לוודא ש
כי יש לי את כל אלה תקין.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
אז אני אסביר במזכרת uno.

831
00:42:43,950 --> 00:42:47,040
ירוק, כחול, מושלם.

832
00:42:47,040 --> 00:42:47,971
עכשיו אני עושה.

833
00:42:47,971 --> 00:42:48,470
אני מאמין.

834
00:42:48,470 --> 00:42:51,570

835
00:42:51,570 --> 00:42:52,530
>> OK.

836
00:42:52,530 --> 00:42:58,085
אז מה זה, הוא רקע ש
הולך להיות מוגדר כ מחרוזת.

837
00:42:58,085 --> 00:42:58,585
נכון?

838
00:42:58,585 --> 00:42:59,710
וזה מה שיש לנו כאן.

839
00:42:59,710 --> 00:43:05,870
זה הולך להיות קצת פסיק 255 RGB
255 אפס פסיק, או מה שאתה מספר

840
00:43:05,870 --> 00:43:06,512
יש שם.

841
00:43:06,512 --> 00:43:08,220
אז אנחנו עושים כאן,
יש לנו כמה מחרוזת.

842
00:43:08,220 --> 00:43:11,910
ומה שאנחנו רוצים לעשות, הוא שאנחנו
סוג של יצירת באופן דינמי

843
00:43:11,910 --> 00:43:14,010
כי כאשר אנו למעשה להפעיל את התכנית.

844
00:43:14,010 --> 00:43:16,570
אז זה קצת מחרוזת.

845
00:43:16,570 --> 00:43:20,290
בנוסף משרשר אותו עם
הערך יש אדום ש,

846
00:43:20,290 --> 00:43:23,320
שמשרשר אותו עם
פסיק, שמשרשר אותו

847
00:43:23,320 --> 00:43:26,090
עם מה שירוק הוא, ו
כן הלאה, וכן הלאה.

848
00:43:26,090 --> 00:43:26,660
בסדר?

849
00:43:26,660 --> 00:43:32,210
עד הסוף, שהוא
סגירת סוגריים של RGB זה כאן.

850
00:43:32,210 --> 00:43:32,800
בסדר?

851
00:43:32,800 --> 00:43:37,230
>> אז מה זה הולך
ליצור איזה פקודה באמת

852
00:43:37,230 --> 00:43:42,770
כלומר RGB של שלושה מספרים
רקע שמוגדר כעת.

853
00:43:42,770 --> 00:43:43,940
בסדר?

854
00:43:43,940 --> 00:43:46,510
אז בואו לראות אם זה עובד.

855
00:43:46,510 --> 00:43:49,720
אני מקווה שהיא עושה, כי אם זה
לא, אני הולך להיות ממש עצוב.

856
00:43:49,720 --> 00:43:50,250
הו לא.

857
00:43:50,250 --> 00:43:52,710
OK, להחזיק מעמד.

858
00:43:52,710 --> 00:43:56,730
בהחלט רקע
רקע dot סגנון נקודה.

859
00:43:56,730 --> 00:43:59,569
אני בהחלט חסר
משהו פשוט קטן.

860
00:43:59,569 --> 00:44:00,610
האם אתם לא שונאים את זה?

861
00:44:00,610 --> 00:44:04,020
כשזה רק טעות קטנה קטנה?

862
00:44:04,020 --> 00:44:04,990
רקע הקב"ה.

863
00:44:04,990 --> 00:44:08,391

864
00:44:08,391 --> 00:44:08,890
RGB.

865
00:44:08,890 --> 00:44:09,765
>> קהל: [לא ברור]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
אליסון BUCHHOLTZ-AU: מס '

868
00:44:12,770 --> 00:44:14,050
ניסיתי את זה לפני השיעור.

869
00:44:14,050 --> 00:44:16,570
יש לי כל מה שעשיתי לפני
כיתה במקרה הייתי כמו,

870
00:44:16,570 --> 00:44:17,970
"רגע, מה עשיתי לא בסדר?"

871
00:44:17,970 --> 00:44:23,190
כי אני היה כמו, "אני כנראה יהיה
בלגן הזה עד שבשלב מסוים. "

872
00:44:23,190 --> 00:44:24,150
תוספת ירוקה.

873
00:44:24,150 --> 00:44:26,250
הכל נראה כאילו זה
בשרשור בצורה נכונה.

874
00:44:26,250 --> 00:44:29,620

875
00:44:29,620 --> 00:44:30,520
OK.

876
00:44:30,520 --> 00:44:31,870
>> קהל: [לא ברור]

877
00:44:31,870 --> 00:44:33,810
>> אליסון BUCHHOLTZ-AU: אה, הנה לך.

878
00:44:33,810 --> 00:44:35,520
זה מה שאני צריך.

879
00:44:35,520 --> 00:44:36,805
תראה את זה.

880
00:44:36,805 --> 00:44:40,090
טיפאני להציל.

881
00:44:40,090 --> 00:44:40,590
מושלם.

882
00:44:40,590 --> 00:44:41,090
OK.

883
00:44:41,090 --> 00:44:43,834
עכשיו בואו תראו אם זה עובד.

884
00:44:43,834 --> 00:44:44,816
אוי אלוהים.

885
00:44:44,816 --> 00:44:45,641
OK.

886
00:44:45,641 --> 00:44:46,140
תחזיק חזק.

887
00:44:46,140 --> 00:44:48,280
>> קהל: שטח לאחר התוספת השנייה.

888
00:44:48,280 --> 00:44:50,310
>> אליסון BUCHHOLTZ-AU: איזה מהם?

889
00:44:50,310 --> 00:44:52,910
אה רגע, תחזיק מעמד.

890
00:44:52,910 --> 00:44:54,870
ללבוש חלל?

891
00:44:54,870 --> 00:44:57,209
>> קהל: בתוספת שנייה ב
שרשור הירוק.

892
00:44:57,209 --> 00:44:58,250
אליסון BUCHHOLTZ-AU: אה.

893
00:44:58,250 --> 00:44:59,570
קהל: אין חלל
לאחר התוספת, כן.

894
00:44:59,570 --> 00:45:00,790
אליסון BUCHHOLTZ-AU: אתה
לא צריך את זה, but--

895
00:45:00,790 --> 00:45:01,190
קהל: הו, אתה לא יודע?

896
00:45:01,190 --> 00:45:01,910
אליסון BUCHHOLTZ-AU: זה נראה די.

897
00:45:01,910 --> 00:45:02,530
קהל: OK.

898
00:45:02,530 --> 00:45:03,030
OK.

899
00:45:03,030 --> 00:45:05,170
>> אליסון BUCHHOLTZ AU:
בואו אראה אם ​​זה עובד.

900
00:45:05,170 --> 00:45:05,670
OK.

901
00:45:05,670 --> 00:45:07,836
ברור שאני נכשלתי ב
בהדגמה זו, שמזכירה לי

902
00:45:07,836 --> 00:45:12,810
הרצאת השבוע האחר,
אבל אני יודע שזה יעבוד.

903
00:45:12,810 --> 00:45:15,860
אני יודע שזה יעבוד.

904
00:45:15,860 --> 00:45:16,580
כל כך קרוב.

905
00:45:16,580 --> 00:45:22,330
אלא אם כן אני שנמחק בטעות
התסריט שלי על זה.

906
00:45:22,330 --> 00:45:24,035
לא, זה JS נקודת המפלגה.

907
00:45:24,035 --> 00:45:25,776
אישור להחזיק מעמד.

908
00:45:25,776 --> 00:45:28,650
אני הולך להעתיק את זה, ואני גם
רק הולך למחוק את כל מה,

909
00:45:28,650 --> 00:45:30,108
כי היה לי עבודה זה קודם לכן.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> אני מבטיח שזה עובד.

912
00:45:33,770 --> 00:45:36,160
אם לא, אני אראה לך מה הוא טומי.

913
00:45:36,160 --> 00:45:38,890
ויש.

914
00:45:38,890 --> 00:45:42,380
>> קהל: אתה מתייחס מפלגה
נקודת CSS, וזה js נקודת מפלגה.

915
00:45:42,380 --> 00:45:45,940
>> אליסון BUCHHOLTZ-AU: אה, כן
כאן הוא js נקודת המפלגה.

916
00:45:45,940 --> 00:45:49,187
OK, מה עשיתי שונה?

917
00:45:49,187 --> 00:45:50,520
OK, נראים אם זה עובד עכשיו.

918
00:45:50,520 --> 00:45:54,180

919
00:45:54,180 --> 00:45:54,980
Bam.

920
00:45:54,980 --> 00:46:02,110
אז, אני לא יודע מה עשיתי באופן שונה,
אבל זה מה שצריך לקרות.

921
00:46:02,110 --> 00:46:03,230
די מגניב.

922
00:46:03,230 --> 00:46:06,650
אני לוחץ על זה, כמו, לנצח.

923
00:46:06,650 --> 00:46:11,185
אבל אנחנו יכולים לנסות ולראות את מה שעשיתי
אחרת שהיה לי זה אחד.

924
00:46:11,185 --> 00:46:14,560
אני לא יודע בקשר אליכם, אבל זה
נראה בעצם מה שאני רק כתבתי.

925
00:46:14,560 --> 00:46:17,950
היה כנראה חסר
פסיק במקום זה הדבר שלי.

926
00:46:17,950 --> 00:46:22,064
למעשה אחרי, אני חושב שאני היה חסר
פסיק ממש כאן בעצם.

927
00:46:22,064 --> 00:46:24,230
אבל אני לא יכול לראות את זה כי
זה היה מחוץ למסך.

928
00:46:24,230 --> 00:46:29,040
>> אבל אם אנחנו שמים לב, זה די
הרבה בדיוק מה שאני פשוט כתבתי.

929
00:46:29,040 --> 00:46:33,010
אני חושב שכנראה החלק הקשה ביותר על
זה רק סוג של דבר זה נכון

930
00:46:33,010 --> 00:46:36,830
כאן, הבנה
מה הוא עושה שם.

931
00:46:36,830 --> 00:46:42,230
אלה מיני דברים שאתה לומד
באמת רק על ידי Googling ובכנות

932
00:46:42,230 --> 00:46:42,880
רק מנסה.

933
00:46:42,880 --> 00:46:46,770
אם אתה חושב שיש כמה
לייחס, כנראה שיש.

934
00:46:46,770 --> 00:46:48,382
אז לנסות את זה.

935
00:46:48,382 --> 00:46:49,090
ראה מה קורה.

936
00:46:49,090 --> 00:46:53,000
כפי שאמרתי, יש הרבה
ניסויים עם JavaScript,

937
00:46:53,000 --> 00:46:56,810
ו- PHP, וכל מה ש
דברים, וCSS במיוחד.

938
00:46:56,810 --> 00:47:00,046
זה נכון רק ב
דרך להבין את זה.

939
00:47:00,046 --> 00:47:07,100
>> אוקיי, אז אחרי הפיאסקו שעם מפלגה
js נקודה, יש לנו שתי אפשרויות אחרות.

940
00:47:07,100 --> 00:47:10,650
יש לנו שעון או טוויטר.

941
00:47:10,650 --> 00:47:12,190
הם שניהם מעניינים.

942
00:47:12,190 --> 00:47:17,720
אולי לא ממש כיף כמו מסיבה,
שהיה לי strobing קצת קריר

943
00:47:17,720 --> 00:47:19,595
דבר בסוף.

944
00:47:19,595 --> 00:47:21,714
האם יש לך חבר 'כל העדפה?

945
00:47:21,714 --> 00:47:22,380
קהל: שעון?

946
00:47:22,380 --> 00:47:22,950
אליסון BUCHHOLTZ-AU: שעון?

947
00:47:22,950 --> 00:47:23,450
OK.

948
00:47:23,450 --> 00:47:25,390
מגניב.

949
00:47:25,390 --> 00:47:30,460
>> אז שוב, יש לנו שלנו
קובץ JavaScript ריק.

950
00:47:30,460 --> 00:47:35,800
וכפי שאנו רואים כאן, אנחנו
יש לי כמה HTML פשוט מאוד.

951
00:47:35,800 --> 00:47:40,010
יש לנו גיליון הסגנון שלנו, שרק
פורמטים מה זה אמור להיראות.

952
00:47:40,010 --> 00:47:42,860
יש לנו div שלנו עם
זיהוי של שעון, ש

953
00:47:42,860 --> 00:47:44,420
רק אומר, "זה צריך להיות שעון."

954
00:47:44,420 --> 00:47:47,650
ויש לנו הקישור שלנו
לקובץ JavaScript שלנו

955
00:47:47,650 --> 00:47:51,400
שבעצם הולך
ליצור השעון שלנו בשבילנו.

956
00:47:51,400 --> 00:47:56,060
כי הדבר מגניב, הוא שאתה יכול
להגדיר JavaScript כדי לרענן באופן אוטומטי

957
00:47:56,060 --> 00:47:56,963
עצמו.

958
00:47:56,963 --> 00:47:57,810
בסדר?

959
00:47:57,810 --> 00:48:01,580
אז במקום לחכות ל
משתמשים להכות רענן בדף

960
00:48:01,580 --> 00:48:03,840
כך שאתה יכול לקבל
זמן מעודכן, JavaScript

961
00:48:03,840 --> 00:48:06,760
יכול לעדכן אותו אבל הוא אוהב.

962
00:48:06,760 --> 00:48:12,082
>> אז, כמו עם האחרון שלנו, אנחנו רוצים
כדי לגשת הרקע שלנו, נכון?

963
00:48:12,082 --> 00:48:14,790
אז מה אתה חושב שאולי יהיה
דבר ראשון שאנחנו רוצים לעשות כאן?

964
00:48:14,790 --> 00:48:19,538
אם אנחנו הולכים מסוג של
סוג זה של הפרדיגמה כאן?

965
00:48:19,538 --> 00:48:22,200
אנחנו כנראה רוצים
לגשת השעון שלנו, נכון?

966
00:48:22,200 --> 00:48:24,724
אז, יש לנו כמה var
שעון, שequals--

967
00:48:24,724 --> 00:48:26,140
מה אנחנו חושבים שזה הולך להיות?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
מסמך dot גם לקבל אלמנט by-- אני
אוהב Sublime-- זיהוי והזהות שלנו היא שעון.

970
00:48:42,670 --> 00:48:43,585
פסיק.

971
00:48:43,585 --> 00:48:45,710
יש לוודא כדי לקבל
אלה פסיק הפעם,

972
00:48:45,710 --> 00:48:47,835
כי אני מרגיש כמו ש
היה הבעיה בפעם האחרונה.

973
00:48:47,835 --> 00:48:55,980
אישור אז, כמו שאני רק אומר בניסיון
יש JavaScript לרענן את עצמו,

974
00:48:55,980 --> 00:48:59,655
יש פונקציה הגדולה הזה, אני
יודע שזה בא בשנה שעברה בהישג יד,

975
00:48:59,655 --> 00:49:02,780
אני לא בטוח שמדובר בהישג יד לזה
pset, אבל זה נקרא מרווח שנקבע.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
וזה ממש ממש
מגניב אם אתם עושים כל דבר

978
00:49:08,200 --> 00:49:11,460
עם זמן או מקבל
מידע מעודכן.

979
00:49:11,460 --> 00:49:13,700
באתר אינטרנט עבור סופי
פרויקט, זה כנראה

980
00:49:13,700 --> 00:49:16,240
פונקציה שאתה רוצה
תקבל סופר מכיר.

981
00:49:16,240 --> 00:49:19,730
אז מה הגדרת מרווח עושה את זה כי
אנחנו הולכים לתת לו פונקציה,

982
00:49:19,730 --> 00:49:21,830
וכמה פעמים שהוא צריך
לקרוא לפונקציה זו.

983
00:49:21,830 --> 00:49:22,430
בסדר?

984
00:49:22,430 --> 00:49:26,890
>> אז במקרה הזה, אנחנו פשוט הולכים ל
ליצור כמה פונקציה אנונימית שוב,

985
00:49:26,890 --> 00:49:31,530
OK, כי הוא הולך לקבל
התאריך שלנו, והזמן שלנו,

986
00:49:31,530 --> 00:49:33,780
ולאחר מכן לעדכן דברים ולהציג אותו.

987
00:49:33,780 --> 00:49:35,130
אז אנחנו נדאג לזה.

988
00:49:35,130 --> 00:49:39,120
אנחנו נהיה כמו ליצור שעון כאן.

989
00:49:39,120 --> 00:49:41,750
אבל מה שאנחנו צריכים הוא איך
לעתים קרובות כדי לרענן אותו.

990
00:49:41,750 --> 00:49:43,930
אז במקרה הזה, זה רק אלפיות שנייה.

991
00:49:43,930 --> 00:49:46,877
אז אנחנו פשוט הולכים ל
לעשות 100 אלפיות שנייה.

992
00:49:46,877 --> 00:49:48,210
כמובן, שרירותי לחלוטין.

993
00:49:48,210 --> 00:49:50,600
אם אתה רוצה את זה כדי לעדכן
הרבה יותר לאט, אתה יכול.

994
00:49:50,600 --> 00:49:53,300
אנחנו יכולים להתעסק
עם מרווח הסט,

995
00:49:53,300 --> 00:49:57,240
כמה גדול המרווח שלנו הוא אחרי שאנחנו מקבלים
שעון עובד, שאני מקווה שאני

996
00:49:57,240 --> 00:49:59,660
להגיע ל.

997
00:49:59,660 --> 00:50:04,110
אז זה רק אומר, "בסדר, שיחה
פונקציה זו כל 100 אלפיות שנייה. "

998
00:50:04,110 --> 00:50:04,805
בסדר?

999
00:50:04,805 --> 00:50:07,280
זה כל מה שהיא עושה.

1000
00:50:07,280 --> 00:50:12,290
>> אז מה אנחנו רוצים הפונקציה שלנו ל
לעשות הוא שאנחנו רוצים שכמה תאריך

1001
00:50:12,290 --> 00:50:14,200
וכמה זמן זה מה ש
אנחנו הולכים להיות.

1002
00:50:14,200 --> 00:50:19,740
אז אנחנו יכולים להתחיל עימנו
תאריך שווה משהו,

1003
00:50:19,740 --> 00:50:22,708
והזמן שלנו שווה משהו
כי אנחנו לא יודעים עדיין.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
או בעצם, אנחנו רק צריכים מועד, משום ש
תאריך הולך לכלול כל דבר.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
שוב, אם אתה רק גוגל שום דבר על
מה שאתה רוצה לעשות, אם אתה כותב, "בסדר,

1008
00:50:40,010 --> 00:50:41,980
אני רוצה לקבל את הזמן
באמצעות JavaScript, "זה

1009
00:50:41,980 --> 00:50:45,890
אתן לך את זה נהדר
פונקציה שנקראת מועד גט.

1010
00:50:45,890 --> 00:50:48,664
פשוטו כמשמעו, את רוב הדברים
שאתה רוצה לעשות,

1011
00:50:48,664 --> 00:50:50,830
JavaScript הולך להיות
זה כבר נעשה בשבילך.

1012
00:50:50,830 --> 00:50:55,770
אז זה ממש כמו חדש
תאריך לקבל, שהוא creating--

1013
00:50:55,770 --> 00:50:58,600
או מועד חדש, rather--
אשר הניב

1014
00:50:58,600 --> 00:51:03,690
כמה אובייקט שמייצג את תאריך.

1015
00:51:03,690 --> 00:51:08,200
>> ומה אנחנו הולכים לעשות כאן הוא
זה is-- אני הולך לכתוב את זה,

1016
00:51:08,200 --> 00:51:10,820
ולאחר מכן להסביר מה היא עושה.

1017
00:51:10,820 --> 00:51:12,560
אז אני לוודא שאני מקבל את זה.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> אוקיי, אז מה פונקציה זו
עושה, הוא שאנחנו פשוט

1020
00:51:23,440 --> 00:51:30,680
יצירת HTML זה בעצם
הולך בתוך זיהוי div של שעון.

1021
00:51:30,680 --> 00:51:34,610
אז מה זה הולך לעשות
רק לייצר כמה מחרוזת, בסדר?

1022
00:51:34,610 --> 00:51:38,510
כי אז הוא הולך להיות
הושתלו HTML שלנו.

1023
00:51:38,510 --> 00:51:42,130
בעיקרון מה שהוא הולך לעשות הוא
מה we-- מה אני אראה לך

1024
00:51:42,130 --> 00:51:49,070
הוא שכל מה שאנחנו אומרים הוא HTML,
אנחנו הולכים להחליף את הטקסט הזה כאן

1025
00:51:49,070 --> 00:51:51,090
עם כל מה שHTML הוא.

1026
00:51:51,090 --> 00:51:56,390
אז זה הולך כדי לאפשר
לנו לשנות את נקודת השעון שלנו

1027
00:51:56,390 --> 00:52:00,940
HTML מלהיות רק את הטקסט של זה
צריך להיות שעון, כדי להראות ל

1028
00:52:00,940 --> 00:52:05,630
המספרים ודברים שאכפת לנו
על, ולמעשה להיות שעה.

1029
00:52:05,630 --> 00:52:09,810
>> אז מה אנחנו הולכים לעשות הוא אנחנו
הולך להתחיל לייצר HTML זה.

1030
00:52:09,810 --> 00:52:16,520
אז באותה הדרך שהשתמשנו בי
לעשות תוספת שווה למספרים שלמים,

1031
00:52:16,520 --> 00:52:20,461
עכשיו אתה יכול לעשות את זה עבור מחרוזות,
מלבד זה הולך לשרשר אותם.

1032
00:52:20,461 --> 00:52:20,960
נכון?

1033
00:52:20,960 --> 00:52:26,070
כפי שראינו עם js dot הצד, זה פשוט
משרשר את כל הדברים האלה ביחד.

1034
00:52:26,070 --> 00:52:31,970
אז אתה יכול לשרשר פיסות שונות של
HTML ממשתנים, או חתיכות של מחרוזות

1035
00:52:31,970 --> 00:52:33,750
שאתה כותב את
את עצמך, וזה רק

1036
00:52:33,750 --> 00:52:38,650
באמת מאפשר לך באופן דינמי
לייצר HTML, וזה די מגניב.

1037
00:52:38,650 --> 00:52:42,040
אז אם יש לך משהו
מאוד ידידותי ספציפי,

1038
00:52:42,040 --> 00:52:44,130
זה יכול לאפשר לך לעשות את זה.

1039
00:52:44,130 --> 00:52:47,550
>> אז יש לנו HTML, לאני הולך
לנסות ולוודא שאני מקבל את זה.

1040
00:52:47,550 --> 00:52:49,890
אז אנחנו הולכים לעשות קצת כותרת h1.

1041
00:52:49,890 --> 00:52:53,610
אז מה חשוב להבין כאן
הוא שזה בעצם רק HTML.

1042
00:52:53,610 --> 00:52:54,460
נכון?

1043
00:52:54,460 --> 00:52:56,610
אנו כותבים בפועל
קוד HTML לכאן, זה

1044
00:52:56,610 --> 00:53:01,090
לא רק מחרוזת בנורמלית
דרך שהיינו חושב על זה.

1045
00:53:01,090 --> 00:53:02,930
אז יש לנו כמה HTML.

1046
00:53:02,930 --> 00:53:04,940
זה נחשב מחרוזת כאן אף.

1047
00:53:04,940 --> 00:53:10,380
ואנחנו עושים את תאריך dot--
רוצה לקבל השעות שלנו.

1048
00:53:10,380 --> 00:53:12,910
שוב, אם היית מסתכל
עד שום דבר על תאריך,

1049
00:53:12,910 --> 00:53:16,160
זה יגיד לך כל אלה הם
התכונות יש תאריך זה.

1050
00:53:16,160 --> 00:53:17,670
והנה מה שאתה יכול להשתמש בו.

1051
00:53:17,670 --> 00:53:20,620
אז כנראה יש לו דברים כמו
לקבל שעות, ולקבל דקות,

1052
00:53:20,620 --> 00:53:24,669
ולקבל שניות, ולקבל אלפיות שנייה,
ומי יודע מה עוד יש להם.

1053
00:53:24,669 --> 00:53:27,210
אבל אם אתה מסתכל לתוך
תיעוד, הכול יהיה שם.

1054
00:53:27,210 --> 00:53:31,980
>> אז יש לנו לקבל שעות,
ואז היינו רוצה

1055
00:53:31,980 --> 00:53:35,614
ללשרשר שwith-- אני
הולך לעבור את זה כאן.

1056
00:53:35,614 --> 00:53:38,780
אז אם אנחנו מייצרים עכשיו, אנחנו
למעשה יצירת הזמן, נכון?

1057
00:53:38,780 --> 00:53:43,590
יש לנו שעות, ואז מה
בין שעות ודקות?

1058
00:53:43,590 --> 00:53:45,080
יש לך נקודה-פסיק, נכון?

1059
00:53:45,080 --> 00:53:48,010
אז אנחנו רוצים לעשות קצת פסיק כאן.

1060
00:53:48,010 --> 00:53:51,780
ולאחר מכן אנחנו רוצים להגיע שלנו
דקות, כך באותה הדרך

1061
00:53:51,780 --> 00:53:56,450
שיש לנו נקודת מועד לקבל שעות,
איך אנחנו יכולים לקבל דקותינו?

1062
00:53:56,450 --> 00:54:01,542
זה ממש תאריך dot לקבל
דקות, שבו אני סוג של אוהב.

1063
00:54:01,542 --> 00:54:03,250
זה כמו, "אוי, איך
אני מקבל דקות שלי? "

1064
00:54:03,250 --> 00:54:05,850
אני רק מקבל דקות שלי.

1065
00:54:05,850 --> 00:54:07,500
>> OK.

1066
00:54:07,500 --> 00:54:10,990
ולאחר מכן יש לנו מעי גס אחר כאן.

1067
00:54:10,990 --> 00:54:16,350
ואז אם אנחנו רוצים להגיע שלנו
שניות, איך ייתכן שאנחנו מקבלים השניה שלנו?

1068
00:54:16,350 --> 00:54:17,400
תאריך dot לקבל שניות.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
אני חושב שזה די מגניב.

1071
00:54:21,590 --> 00:54:23,589
ומה שחשוב לי
מבין, הוא שאנחנו גם

1072
00:54:23,589 --> 00:54:31,730
צריך לסגור תג HTML שלנו כאן, משום ש
זה עדיין צריך להיות HTML תקף, כך h1.

1073
00:54:31,730 --> 00:54:33,481
מגניב.

1074
00:54:33,481 --> 00:54:43,110
>> אז אחרי ש, אנחנו יכולים לעשות שעון
HTML הפנימי הנקודה שווה ל- HTML.

1075
00:54:43,110 --> 00:54:43,930
בסדר?

1076
00:54:43,930 --> 00:54:46,470
אז זוכר איך אמרתי
HTML הפנימי בעצם

1077
00:54:46,470 --> 00:54:50,610
לוקח את כל מה שבין
שני תגים שדיברנו עליו

1078
00:54:50,610 --> 00:54:54,470
ומוסיף או מטפלים ב
מה הוא שם?

1079
00:54:54,470 --> 00:54:58,290
אז מה זה עושה, אם
אנחנו חוזרים לשעון שלנו,

1080
00:54:58,290 --> 00:55:04,180
הוא שהשעון מתייחס ל
כל מה שבdiv הזה.

1081
00:55:04,180 --> 00:55:09,770
זהו HTML הפנימי
של div שעון זיהוי זה.

1082
00:55:09,770 --> 00:55:13,930
וכך זה הולך לשנות את זה ל
HTML שאנחנו פשוט נוצרו,

1083
00:55:13,930 --> 00:55:16,750
אשר, אשר, בתקווה,
אני מקווה, אני מקווה,

1084
00:55:16,750 --> 00:55:21,026
יציג את הזמן עכשיו.

1085
00:55:21,026 --> 00:55:23,960
נצטרך לראות.

1086
00:55:23,960 --> 00:55:25,170
כמובן.

1087
00:55:25,170 --> 00:55:26,860
כל כך הרבה בעיות טכניות.

1088
00:55:26,860 --> 00:55:31,480
פשוט- של אליסון אני
את הבחורים היום את המשחק שלי.

1089
00:55:31,480 --> 00:55:34,136
OK, זה עובד.

1090
00:55:34,136 --> 00:55:35,760
שעון נקודות HTML הפנימי.

1091
00:55:35,760 --> 00:55:42,097
זה היה HTML באמת?

1092
00:55:42,097 --> 00:55:43,180
כמו כן זה מה שקורה.

1093
00:55:43,180 --> 00:55:48,750
כאשר אתה לא יכול לראות משהו, אתה
רק להסתכל על קוד המקור שלך.

1094
00:55:48,750 --> 00:55:49,250
OK.

1095
00:55:49,250 --> 00:55:51,912

1096
00:55:51,912 --> 00:55:54,870
האם אתה רוצה לדעת עבודה מגניב סביב
שאנחנו הולכים לעשות כאן?

1097
00:55:54,870 --> 00:55:55,740
>> קהל: אתה יכול לעשות אותיות גדולות?

1098
00:55:55,740 --> 00:55:56,580
האותיות גדולות?

1099
00:55:56,580 --> 00:55:58,996
כי אתה צריך לקבל שעות,
ולאחר מכן לקבל דקות.

1100
00:55:58,996 --> 00:56:02,590
>> אליסון BUCHHOLTZ-AU: זה
הוא לקבל שעות וget-- הו.

1101
00:56:02,590 --> 00:56:04,945
אתה are-- כוכב זהב.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
זה כל בדיקה, בחורים.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
אני מבטיח שזה עובד לפני השיעור.

1106
00:56:17,330 --> 00:56:22,590
>> בסדר, אבל זה משהו מגניב לדעת
כי אתה יכול also-- אם לפעמים

1107
00:56:22,590 --> 00:56:26,560
הקבצים החיצוניים שלך הם
מקבל קצת משוגע,

1108
00:56:26,560 --> 00:56:30,960
אתה גם יכול פשוט לשים אותם ישר
כאן, אשר נוטה לתקן דברים.

1109
00:56:30,960 --> 00:56:35,840
מלבד זה הוא כמו ממש מכוער.

1110
00:56:35,840 --> 00:56:38,050
כמובן לפרמט הכל.

1111
00:56:38,050 --> 00:56:41,425
לוודא שזה כל די.

1112
00:56:41,425 --> 00:56:41,925
OK.

1113
00:56:41,925 --> 00:56:47,200

1114
00:56:47,200 --> 00:56:50,621
>> אני רוצה לעשות את כל ההדגמות מגניבים,
והם פשוט לא עובדים.

1115
00:56:50,621 --> 00:56:51,555
OK.

1116
00:56:51,555 --> 00:56:53,890
שעון var סקריפט.

1117
00:56:53,890 --> 00:57:00,350
בכל מקרה, מה שחשוב זה
כי זו הדרך הכללית

1118
00:57:00,350 --> 00:57:01,870
שבו היית לעצב JavaScript.

1119
00:57:01,870 --> 00:57:04,490
כפי שניתן לראות, זה יכול להיות
מאוד בררן לפעמים,

1120
00:57:04,490 --> 00:57:08,780
גם כשזה היה ממש
עובד לפני שתי שניות.

1121
00:57:08,780 --> 00:57:11,820
או לפני לא שניים,
אבל מאוד, מאוד לאחרונה.

1122
00:57:11,820 --> 00:57:16,070
>> אז כדי להראות לך מה זה אמור להיראות,
וכדי להראות לך שאני לא משוגע,

1123
00:57:16,070 --> 00:57:19,730
וכל מה שהוא בדיוק
אותו דבר, זה מה שזה אמור להיראות.

1124
00:57:19,730 --> 00:57:27,410
אתה פשוט הולך לעשות את חלק עליון זה
כאן, ואם אתה רואה מקור של דף,

1125
00:57:27,410 --> 00:57:32,160
אם תשים לב, הוא עשה כמה
דברים מטורפים, אני פשוט זה.

1126
00:57:32,160 --> 00:57:35,710
כמו כן, אשראי לטומי
McWilliam, שבאמת

1127
00:57:35,710 --> 00:57:38,810
עזר לי ליצור דוגמאות אלה,
וזו הסיבה שאני יודע שהם עובדים.

1128
00:57:38,810 --> 00:57:41,560
בגלל טומי הוא אמן JavaScript.

1129
00:57:41,560 --> 00:57:43,180
אבל אם אנחנו שמים לב, יש לנו כמה סט.

1130
00:57:43,180 --> 00:57:45,170
יש לנו פונקצית השעון שלנו כאן.

1131
00:57:45,170 --> 00:57:48,450
כל זה JavaScript ש
רק שכתבנו, או חלק ממנו.

1132
00:57:48,450 --> 00:57:51,470
אנחנו פשוט כתבנו את זה כאן.

1133
00:57:51,470 --> 00:57:54,260
ויש לו נוסף
פונקציה שרק מרפדת אותו

1134
00:57:54,260 --> 00:57:57,790
על ידי הצבת אפס לפני
מכתב או לפני מספר אם זה

1135
00:57:57,790 --> 00:57:59,412
רק אחד מהם.

1136
00:57:59,412 --> 00:58:02,120
אז אם אתה שם לב, זה די
הרבה בדיוק מה שאנחנו פשוט כתבנו.

1137
00:58:02,120 --> 00:58:06,230
יש לך כמה שעון משתנה ש
יש האלמנט שלנו, לקבל את האלמנט לפי תעודת זהות,

1138
00:58:06,230 --> 00:58:07,252
אשר הוא שעון.

1139
00:58:07,252 --> 00:58:08,960
יש לנו מרווח הסט שלנו
פונקציה, זה

1140
00:58:08,960 --> 00:58:12,670
פונקציה אנונימית
שמבצע את כל זה.

1141
00:58:12,670 --> 00:58:16,940
כמה יש לנו החל מחרוזת של
HTML שלאחר מכן באופן דינמי

1142
00:58:16,940 --> 00:58:20,750
ליצור על ידי שיש כמה
כותרת h1, שרשור

1143
00:58:20,750 --> 00:58:23,950
עם לקבל את השעות, בתוספת
המעי הגס שלנו, בתוספת מקבלת

1144
00:58:23,950 --> 00:58:26,860
דקות, ועוד
מעי גס, בתוספת שניותינו,

1145
00:58:26,860 --> 00:58:29,330
ולבסוף HTML מסתיים עבורו.

1146
00:58:29,330 --> 00:58:34,210
ואז אנחנו לעדכן השעון שלנו
dot HTML הפנימי ל- HTML,

1147
00:58:34,210 --> 00:58:37,640
ואנו מעדכנים את כל 100 אלפיות השניה.

1148
00:58:37,640 --> 00:58:39,060
בסדר?

1149
00:58:39,060 --> 00:58:42,470
>> ראה אני מבטיח שאני לא משוגע.

1150
00:58:42,470 --> 00:58:43,440
אֲנִי לֹא יוֹדֵעַ.

1151
00:58:43,440 --> 00:58:47,160
אני לא יודע למה זה לא אוהב אותי.

1152
00:58:47,160 --> 00:58:54,030
אני מרגיש כמו נראה אותו הדבר,
אבל כנראה שזה שונא אותי.

1153
00:58:54,030 --> 00:58:59,600
>> אז בואו לראות אם עגול שלושה הולך טובים יותר.

1154
00:58:59,600 --> 00:59:00,970
אנחנו עומדים לראות.

1155
00:59:00,970 --> 00:59:02,910
אני לא בטוח איך זה הולך.

1156
00:59:02,910 --> 00:59:06,700
האם כולם לפחות מקבלים
חסרונות, כמו רק הנושא הכללי

1157
00:59:06,700 --> 00:59:08,480
של JavaScript, אף?

1158
00:59:08,480 --> 00:59:15,660
אני מקווה שזה שימושי לפחות, יותר
מ מראה שזה קצת קטנוני.

1159
00:59:15,660 --> 00:59:21,190
אבל סט הבעיה שלך יהיה מאוד כיף.

1160
00:59:21,190 --> 00:59:22,590
זה הולך להיות גדול.

1161
00:59:22,590 --> 00:59:24,820
זה לא יהיה די משעמם כמו
כמו זה, אני לא חושב ש.

1162
00:59:24,820 --> 00:59:28,100
אתה באמת תגיע ל
לראות דברים ממש מגניבים.

1163
00:59:28,100 --> 00:59:31,734
>> אז אחרון אחרון חביב,
אנו ננסה אחד טוויטר.

1164
00:59:31,734 --> 00:59:32,900
אני ממש פוחד עכשיו, בחורים.

1165
00:59:32,900 --> 00:59:35,762
אני לא יודע איך זה הולך.

1166
00:59:35,762 --> 00:59:39,930
אבל רק כדי לתת לך קצת
יותר טעם, וזה בעצם

1167
00:59:39,930 --> 00:59:44,190
מחרוזות מניפולציות ו
תשומות, מה אנחנו הולכים לעשות

1168
00:59:44,190 --> 00:59:50,960
כלומר, אם אנו מבחינים כאן עם HTML--
זה אחד יש קצת more--

1169
00:59:50,960 --> 00:59:57,200
יש לנו כמה אזור טקסט, ש
מתאים לאזור טקסט זה כאן.

1170
00:59:57,200 --> 00:59:58,030
בסדר?

1171
00:59:58,030 --> 01:00:00,420
ושיש זיהוי של טקסט.

1172
01:00:00,420 --> 01:00:04,520
אנחנו עצבנו מחדש את זה קצת
עם כמה רוחב וגובה

1173
01:00:04,520 --> 01:00:07,310
שאנחנו כבר נקבעו מראש,
ויש לנו H1,

1174
01:00:07,310 --> 01:00:11,260
שרק הוא הכותרת אחד שלנו ש
מייצג הדמויות שלנו עזבו.

1175
01:00:11,260 --> 01:00:14,570
נתנו לו כמה זיהוי של
תווים שנותרו,

1176
01:00:14,570 --> 01:00:18,660
ולאחר מכן יש לנו כמה תסריט
כאן, שאני באמת

1177
01:00:18,660 --> 01:00:20,790
מקווה זמן של שלישי
הקסם כאן, בחורים.

1178
01:00:20,790 --> 01:00:26,750
>> אז מה אנחנו רוצים לעשות,
באותה רוח כללית

1179
01:00:26,750 --> 01:00:31,480
שעשינו עם js dot השעון
ונקודת צד js כפי ששמו לב,

1180
01:00:31,480 --> 01:00:35,980
הוא אנחנו כבר נכתבנו על ידי תופסים למעשה
הדברים שאכפת לנו, נכון?

1181
01:00:35,980 --> 01:00:42,330
אז במקרה הזה, יש שני
דברים שאכפת לנו, בסדר?

1182
01:00:42,330 --> 01:00:47,199
דבר אחד שאנחנו בעצם סוג של
מסתכל לתוך ציור ונתונים מ,

1183
01:00:47,199 --> 01:00:48,990
ודבר אחד ש
אנחנו באמת משנים.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
אז יש HTML שלנו.

1186
01:00:53,730 --> 01:01:00,370
אם זה דף האינטרנט שלנו כאן, מה
נתונים שאנחנו מסתכלים?

1187
01:01:00,370 --> 01:01:03,860
זה הולך להיות מה ש
הטקסט בתיבות שלנו, נכון?

1188
01:01:03,860 --> 01:01:05,310
אז כל מה שאני מקליד בכאן.

1189
01:01:05,310 --> 01:01:08,150
זה מה שאני רוצה לדעת, או
זה מה שאני רוצה להסתכל.

1190
01:01:08,150 --> 01:01:10,690
ומה הולך להיות
שינוי בדף האינטרנט שלנו?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
התווים שנותרו.

1193
01:01:14,880 --> 01:01:19,550
אז באותה הדרך, אנחנו רוצים
להתחיל על ידי אתחול משתנים

1194
01:01:19,550 --> 01:01:22,030
כי למעשה להחזיק אלמנטים אלה.

1195
01:01:22,030 --> 01:01:22,890
בסדר?

1196
01:01:22,890 --> 01:01:29,930
אז אם יש לנו כמה var
זה אזור הטקסט שלנו,

1197
01:01:29,930 --> 01:01:33,681
ויש לנו כמה var שנותר.

1198
01:01:33,681 --> 01:01:34,180
נכון?

1199
01:01:34,180 --> 01:01:36,190
אז אלה הולכים
להחזיק שני הדברים האלה.

1200
01:01:36,190 --> 01:01:42,370
אז אותו דבר,
מסמך dot-- אישור, אני

1201
01:01:42,370 --> 01:01:45,920
הולך כדי לוודא שזה הוא
הולך לעבוד הפעם.

1202
01:01:45,920 --> 01:01:49,620
אני מאוד נחוש בדעתו.

1203
01:01:49,620 --> 01:01:53,310
אוקיי, אז אם אנחנו רוצים
אזור טקסט, על פי

1204
01:01:53,310 --> 01:01:55,710
לHTML שלנו, מה שמזהה?

1205
01:01:55,710 --> 01:01:56,420
מה הזהות שלנו?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
זה פשוט הולך להיות טקסט כי
זה יוצר אזור הטקסט שלנו, אישור,

1208
01:02:05,540 --> 01:02:10,320
והזהות שלנו הוא טקסט, אז זה
איך אנחנו יכולים לתפוס את מה שנמצא שם.

1209
01:02:10,320 --> 01:02:12,130
OK, פסיק.

1210
01:02:12,130 --> 01:02:13,940
אני הולך להיות סופר
מדויק על זה,

1211
01:02:13,940 --> 01:02:16,300
כי אני רוצה שזה יעבוד הפעם.

1212
01:02:16,300 --> 01:02:22,120
OK, לעשות את אותו הדבר,
לקבל אלמנט לפי תעודת זהות.

1213
01:02:22,120 --> 01:02:25,970
אני באמת תוהה מה יש
גרם לשניים האחרים לבלגן.

1214
01:02:25,970 --> 01:02:29,750
OK, אז בזה,
מה שאנחנו רוצים לגשת?

1215
01:02:29,750 --> 01:02:30,760
מה הזהות שלנו כאן?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
יש לנו זיהוי אחר ב
HTML שלנו, מה זה?

1218
01:02:36,261 --> 01:02:37,552
קהל: תווים שנותר.

1219
01:02:37,552 --> 01:02:39,343
אליסון BUCHHOLTZ-AU:
תווים שנותרו.

1220
01:02:39,343 --> 01:02:43,360

1221
01:02:43,360 --> 01:02:44,330
>> OK.

1222
01:02:44,330 --> 01:02:46,010
מגניב.

1223
01:02:46,010 --> 01:02:49,800
אז אני פשוט הולך ל
כותב את זה ממש מהר.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
אני רק הולך לכתוב את זה בשנייה.

1226
01:02:55,330 --> 01:02:56,190
אז אזור טקסט.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
מה שמעניין הוא B function-- שם
המון פונקציות שלא רק

1229
01:03:06,180 --> 01:03:09,690
מתאים לשלך
עכבר, אבל המקלדת שלך.

1230
01:03:09,690 --> 01:03:10,190
בסדר?

1231
01:03:10,190 --> 01:03:16,540
אז אתה יכול לומר מתי על מקש כלשהו הוא
לחצתי, אתה יכול לעשות דברים כאלה.

1232
01:03:16,540 --> 01:03:20,450
אז זה שבו אנו משתמשים
נקרא על מפתח עד ש

1233
01:03:20,450 --> 01:03:25,320
אומר, "אם שלחצת על מקש כלשהו ב
המקלדת שלך, כאשר המשתמש הרים

1234
01:03:25,320 --> 01:03:28,064
האצבע שלהם את הכפתור ש,
והמפתח הפך מגוהץ,

1235
01:03:28,064 --> 01:03:29,480
אז אנחנו הולכים לעשות משהו. "

1236
01:03:29,480 --> 01:03:29,980
בסדר?

1237
01:03:29,980 --> 01:03:31,370
אז זה הגיוני, נכון?

1238
01:03:31,370 --> 01:03:33,540
מכיוון שלכל דמות
אנחנו מקלידים, אנחנו הולכים

1239
01:03:33,540 --> 01:03:36,550
צריך להרים את האצבעות שלנו מ
שלו, ולכן כאשר המפתח עולה,

1240
01:03:36,550 --> 01:03:40,980
אנחנו יכולים לדעת להפחה
הדמויות שלנו שנותרו.

1241
01:03:40,980 --> 01:03:44,440
>> אז יש לנו קצת על מפתח
עד, ובאותו אופן,

1242
01:03:44,440 --> 01:03:47,480
אנחנו הולכים להגיד,
"אישור, כאשר אנחנו עושים את זה, אנחנו

1243
01:03:47,480 --> 01:03:55,110
הולכים ליצור כמה פונקציה ש
הוא הולך לקחת את הדואר, "במקרה זה,

1244
01:03:55,110 --> 01:03:58,800
ומה שאנחנו רוצים לעשות הוא
לחשב את הכמות שנותרה.

1245
01:03:58,800 --> 01:04:02,510
אוקיי, אז בואו נתחיל
על ידי יצירת משתנה.

1246
01:04:02,510 --> 01:04:05,830
אז יש לנו כמה r משתנה,
זה הולך לייצג

1247
01:04:05,830 --> 01:04:07,720
כמה תווים שנשארנו לנו.

1248
01:04:07,720 --> 01:04:08,890
בסדר?

1249
01:04:08,890 --> 01:04:14,540
אנחנו יודעים שאנחנו מתחילים עם
140, ואם אנחנו רוצים לדעת,

1250
01:04:14,540 --> 01:04:18,360
נניח, את אורכו של זה
מחרוזת שהייתה קלט,

1251
01:04:18,360 --> 01:04:20,860
יש לעשות לכם מושג
איך אנחנו יכולים לעשות את זה?

1252
01:04:20,860 --> 01:04:23,900
רק מבוסס על הנחה של המובן מאליו
דברים, כמו אם אנחנו רוצים שעות,

1253
01:04:23,900 --> 01:04:25,870
היינו מקבל שעות.

1254
01:04:25,870 --> 01:04:28,860
אנו יודעים כי המטרה שלנו היא
אזור טקסט, אבל הייתה לך חבר '

1255
01:04:28,860 --> 01:04:33,050
לחשוב על מה שעלול לבוא אחריו?

1256
01:04:33,050 --> 01:04:35,280
רעיונות?

1257
01:04:35,280 --> 01:04:41,730
>> אז סוג של זה אחד פחות
אינטואיטיבי, אבל זה אורך dot ערך.

1258
01:04:41,730 --> 01:04:44,700
אז פשוט לתת לי קצת
תכונת ערך ש

1259
01:04:44,700 --> 01:04:46,500
הוא למעשה אורך מחרוזת זו.

1260
01:04:46,500 --> 01:04:50,340
אז זה הולך לומר, "בסדר, אני מחפש
במחרוזת כל זה בתוך אזור טקסט,

1261
01:04:50,340 --> 01:04:52,730
ואני הולך לספר לי
לך כמה זמן זה ".

1262
01:04:52,730 --> 01:04:55,500
כי אם אנו זוכרים מחרוזות
הם באמת רק מערכים,

1263
01:04:55,500 --> 01:04:58,110
אז אנחנו פשוט יכולים לקחת את האורך שלהם.

1264
01:04:58,110 --> 01:05:01,860
אז יש לנו את זה.

1265
01:05:01,860 --> 01:05:04,058
מגניב.

1266
01:05:04,058 --> 01:05:09,360
>> אז מה שאנחנו רוצים לעשות הם
לא רוצה לאפשר למשתמש

1267
01:05:09,360 --> 01:05:12,340
לכניסה יותר מ
140 תווים, נכון?

1268
01:05:12,340 --> 01:05:15,610
כי אם אנחנו אומרים כמו, "אוי, אתה
רק צריכים את זה הרבה שנותר, "

1269
01:05:15,610 --> 01:05:20,522
ואז לתת להם לעשות את זה
בכל מקרה, אנחנו כבר משקרים.

1270
01:05:20,522 --> 01:05:22,230
וזה עוד
דבר שJavaScript

1271
01:05:22,230 --> 01:05:24,530
יכול להיות ממש טוב
ל, היא אימות משתמשים

1272
01:05:24,530 --> 01:05:29,062
ולוודא כי
משתמשים מתאים בתוך כל כללים

1273
01:05:29,062 --> 01:05:30,270
שסיפקת להם.

1274
01:05:30,270 --> 01:05:36,020
אז אם אתה רוצה לעשות דברים כמו מה שהופך את
בטוח כתובת הדוא"ל שלהם קלט מישהו,

1275
01:05:36,020 --> 01:05:40,242
או לוודא כי כאשר הם
להזין את שתי סיסמאות, הם מתאימים.

1276
01:05:40,242 --> 01:05:41,200
JavaScript יכול לעשות את זה.

1277
01:05:41,200 --> 01:05:44,010
היית עושה משהו כמו, "כאשר
הטופס נשלח, "או כמו,

1278
01:05:44,010 --> 01:05:48,170
"כאשר לחצן שלח טופס הוא
לחץ, לבדוק את כל הדברים האלה. "

1279
01:05:48,170 --> 01:05:49,670
ואנחנו יכולים לעשות את זה JavaScript.

1280
01:05:49,670 --> 01:05:52,680
אז זה בדיוק מה ש
אנחנו הולכים לעשות כאן.

1281
01:05:52,680 --> 01:05:57,810
>> אז מה יכול להיות דרך כדי לבדוק אם
הם עברו על 140 תווים?

1282
01:05:57,810 --> 01:06:03,310
מה יקרה ל
הערך של r שלנו אם הם מנסים?

1283
01:06:03,310 --> 01:06:04,760
זה הולך להיות שלילי, נכון?

1284
01:06:04,760 --> 01:06:07,380
או שזה הולך להיות פחות
או שווה לאפס.

1285
01:06:07,380 --> 01:06:13,690
כדי שנוכל להשתמש אם זה
בדיוק כמו כל דבר אחר.

1286
01:06:13,690 --> 01:06:14,270
בסדר?

1287
01:06:14,270 --> 01:06:20,480
ויש לנו כמה dot אזור הטקסט
ערך, ומה שאנחנו עושים כאן

1288
01:06:20,480 --> 01:06:29,940
הוא אנחנו רק cutting-- מה זה?

1289
01:06:29,940 --> 01:06:30,900
מצטער.

1290
01:06:30,900 --> 01:06:32,732
אחד זה, אנחנו רק רוצים לחזור שווא.

1291
01:06:32,732 --> 01:06:34,030
אני התבלבלתי.

1292
01:06:34,030 --> 01:06:36,560
כל מותשים מדברים לא עובדים.

1293
01:06:36,560 --> 01:06:40,010
OK, אנחנו רק רוצים
בתמורת שווא, ואז אנחנו

1294
01:06:40,010 --> 01:06:44,160
רוצה להציג את
נותר תווים, נכון?

1295
01:06:44,160 --> 01:06:48,720
אז עם השעון, שעשינו
משהו עם HTML הפנימי, נכון?

1296
01:06:48,720 --> 01:06:52,070
שבו אנחנו מגדירים את זה שווה לכמה
משתנה, אז מה אנו עלולים לעשות כאן?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
מה אנו משנים את HTML הפנימי של?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> קהל: נותר?

1301
01:07:03,780 --> 01:07:05,738
>> אליסון BUCHHOLTZ-AU:
אנחנו משנים שנותרו.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
בסדר, ומה לעשות ש
רוצה להגדיר את זה שווה ל?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
זה הולך להיות r, כי
צריך להיות הדמויות שלנו שנותרו.

1306
01:07:18,437 --> 01:07:19,600
בסדר?

1307
01:07:19,600 --> 01:07:26,060
אז אני ממש עצבני, כדי לראות אם
זה עובד עכשיו, אבל נראה.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
תשאיר את זה.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
זה ממש מהר.

1312
01:07:37,700 --> 01:07:38,970
[לא ברור] על אישור.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
שוב, אני פשוט הולך להראות לכם.

1315
01:07:45,990 --> 01:07:49,430
מסיבה כלשהי,
שלי מחליט לא לעבוד,

1316
01:07:49,430 --> 01:07:53,354
אבל מה אני אראה לך הוא שזה
is-- הו הייתי אמור לשים את זה ב.

1317
01:07:53,354 --> 01:07:57,470
OK, אנו מבחינים אותו הסוג של
דבר כאן, מקבל את אזור הטקסט.

1318
01:07:57,470 --> 01:08:01,070
>> כמו כן, אם אתה מבחין בבחור, אם יש
אי פעם משהו שאתה רוצה לעשות,

1319
01:08:01,070 --> 01:08:04,080
ואתה לא יודע איך לעשות את
זה, פשוט לחץ על צג מקור דף,

1320
01:08:04,080 --> 01:08:06,632
והם הולכים לספר לכם.

1321
01:08:06,632 --> 01:08:07,840
לפעמים זה יהיה מוצפן.

1322
01:08:07,840 --> 01:08:11,147
לpset שלך, אנו מצפינים את הכל,
כך שזה רק נראה כמו ג'יבריש.

1323
01:08:11,147 --> 01:08:13,480
אבל אם יש אי פעם באמת
אתר מגניב שאתה אוהב,

1324
01:08:13,480 --> 01:08:17,729
אם אתה רק לחץ על צג מקור דף,
זה הולך לספר לכם איך לעשות את זה.

1325
01:08:17,729 --> 01:08:20,770
אז שוב, לעבוד בצורה חכמה, לא קשה יותר.

1326
01:08:20,770 --> 01:08:24,250
וכפי שאתה רואה כאן, כל
הדברים האלה הם אותו הדבר.

1327
01:08:24,250 --> 01:08:31,930
זה כאן פשוט לוקח קצת מחרוזת
כי, אני שוכח בדיוק מה זה עושה.

1328
01:08:31,930 --> 01:08:36,980
אבל זה כמובן לוקח קצת מחרוזת
של הערך מאפס עד עשר,

1329
01:08:36,980 --> 01:08:41,540
ומחזיר שקר מה צריך להפסיק
מהמשתמש מזין יותר,

1330
01:08:41,540 --> 01:08:46,040
ואז ברור שמעדכן
HTML הפנימי שם.

1331
01:08:46,040 --> 01:08:47,410
>> מגניב.

1332
01:08:47,410 --> 01:08:53,000
aways לקחת כל כך גדול מהיום,
ניסוי, מסתכל על קוד המקור

1333
01:08:53,000 --> 01:08:58,359
כי זה הולך לעזור לך הרבה,
וכולם, לפעמים JavaScript

1334
01:08:58,359 --> 01:09:03,200
יכול להיות קשה לעבוד איתו ולא
תמיד עובד כמו שאתה מצפה שזה,

1335
01:09:03,200 --> 01:09:05,700
אבל פשוט להמשיך לנסות
כי אני מבטיח שזה יהיה.

1336
01:09:05,700 --> 01:09:08,376
אני מבטיח שכל דוגמאות האלה
עבדו לפני השיעור.

1337
01:09:08,376 --> 01:09:09,750
אני לא מבין מה קרה.

1338
01:09:09,750 --> 01:09:13,069
יש לי ממש את אותם דברים.

1339
01:09:13,069 --> 01:09:17,660
>> עוד דבר אחד שאני רוצה רק
להראות לכם שיכול להיות סופר שימושי

1340
01:09:17,660 --> 01:09:21,630
הוא in-- מה עבד קודם?

1341
01:09:21,630 --> 01:09:23,935
יש לנו צד לעבודה, לא?

1342
01:09:23,935 --> 01:09:26,569
אני חושב שכן.

1343
01:09:26,569 --> 01:09:27,069
כן.

1344
01:09:27,069 --> 01:09:27,630
אנחנו עשינו.

1345
01:09:27,630 --> 01:09:28,250
מדהים.

1346
01:09:28,250 --> 01:09:31,189
אוקיי, אז דבר אחד ש
אתם צריכים לדעת

1347
01:09:31,189 --> 01:09:33,340
הוא יומן הקונסולה שאני מדבר עליהם.

1348
01:09:33,340 --> 01:09:37,040
אז לנחם את יומן נקודה של שלום.

1349
01:09:37,040 --> 01:09:40,430
אז זה סוג של
שווה ערך JavaScript של printf.

1350
01:09:40,430 --> 01:09:42,810
אז אם אתה אי פעם רוצה
לבדוק המשתנים שלך

1351
01:09:42,810 --> 01:09:49,649
או לראות מה קורה שם, מה ש
אתה יכול לעשות הוא, אם אנחנו בודקים אלמנט,

1352
01:09:49,649 --> 01:09:51,899
זה מה שאתה רוצה ללכת
ל, ואתה הולך לנחם,

1353
01:09:51,899 --> 01:09:53,770
אתה תראה שזה מודפס שלום.

1354
01:09:53,770 --> 01:09:55,750
>> אז יכול לנו את זה
הדפסה כל מה שרצינו.

1355
01:09:55,750 --> 01:10:04,170
אם אנחנו רוצים אותה כדי להדפיס רקע
רקע dot סגנון dot,

1356
01:10:04,170 --> 01:10:08,454
אנחנו צריכים להיות מסוגלים לראות
RGB משולש שעולה.

1357
01:10:08,454 --> 01:10:11,140
או לא.

1358
01:10:11,140 --> 01:10:13,520
אני שוכח איך בדיוק אתה
להדפיס משתנה כמו ש,

1359
01:10:13,520 --> 01:10:17,249
אבל אתה צריך להיות מסוגל
להדפיס את דברים כמו ש.

1360
01:10:17,249 --> 01:10:19,040
זה יהיה מאוד שימושי
לpset כאשר

1361
01:10:19,040 --> 01:10:23,330
אתה מנסה לתמרן
קואורדינטות או מה לא.

1362
01:10:23,330 --> 01:10:25,270
אז הם גם לשנות חתיכה בכיתה זו.

1363
01:10:25,270 --> 01:10:30,750
זה שונה מהשנים האחרונות, כך
פשוט להיות נחמד לTFS שלך, או TFS

1364
01:10:30,750 --> 01:10:36,350
בשעתי עבודה ולא, בגלל שאנחנו
סוג של למידה יחד עם אתם.

1365
01:10:36,350 --> 01:10:41,230
אבל יומן הקונסולה היה סופר, סופר
מועיל עבור JavaScript בשנה שעברה.

1366
01:10:41,230 --> 01:10:42,740
כל כך אוהב אותו.

1367
01:10:42,740 --> 01:10:43,780
למד כיצד להשתמש בו.

1368
01:10:43,780 --> 01:10:49,026
זה קל יותר לשימוש מאשר GDB, כך ש
צריך להיות לפחות נקודה בתוספת.

1369
01:10:49,026 --> 01:10:50,650
אבל תודה לכם נושאים איתי.

1370
01:10:50,650 --> 01:10:53,400
אני מצטער ש
דוגמאות מסיבה כלשהי

1371
01:10:53,400 --> 01:10:55,410
פשוט לא רוצה
לשתף פעולה עם לי, אבל אני

1372
01:10:55,410 --> 01:11:01,010
מקווה שזה עזר לך סוג של
קצת יותר באזור של JavaScript.

1373
01:11:01,010 --> 01:11:04,980
ולשלוח לי את כל השאלות שלך ל
בשבוע הבא כדי שאוכל להיות סופר לתיקון,

1374
01:11:04,980 --> 01:11:09,420
ואני אביא ממתקים ואפילו נוספים
ממתקים, כי זה היה מגוחך.

1375
01:11:09,420 --> 01:11:14,000
אבל אתם נהדרים,
ויש לי שבוע מדהים.

1376
01:11:14,000 --> 01:11:15,584