1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:10,960
[השמעת מוסיקה]

3
00:00:10,960 --> 00:00:12,960
רוג'ר ZURAWICKI: היי, שלי
שם הוא רוג'ר Zurawicki,

4
00:00:12,960 --> 00:00:16,410
ואני יהיה כיסוי
סמינר CS50 המטאור.

5
00:00:16,410 --> 00:00:21,520
מטאור הוא מסגרת חדשה
מוקדש לסוג החדש של אינטרנט,

6
00:00:21,520 --> 00:00:25,220
לא PHP עושה בקשות
הלוך ושוב סוג

7
00:00:25,220 --> 00:00:29,070
של אינטרנט שראינו בסט PHPP,
אבל JavaScript הדינמי יותר

8
00:00:29,070 --> 00:00:31,370
חלקיו של האינטרנט.

9
00:00:31,370 --> 00:00:36,260
דברים מטאור יכול לעשות
כולל עדכון חי

10
00:00:36,260 --> 00:00:42,380
ובתקשורת באופן מיידי
בין המשתמשים של אותו האתר.

11
00:00:42,380 --> 00:00:46,420
>> לסמינר זה, יש לנו
הקוד התארח בGitHub שלי.

12
00:00:46,420 --> 00:00:49,690
אתה יכול ללכת לכתובת אתר זו ולהוריד אותו.

13
00:00:49,690 --> 00:00:53,085
אם אתה יודע איך להשתמש Git,
אתה יכול לשכפל את המאגר.

14
00:00:53,085 --> 00:00:55,460
אם אתה לא יודע איך להשתמש
Git או לא השתמש GitHub,

15
00:00:55,460 --> 00:00:57,030
זה בסדר לגמרי.

16
00:00:57,030 --> 00:01:00,480
אני אראה לך ממש מהר
איך אנחנו יכולים ללכת לGitHub,

17
00:01:00,480 --> 00:01:03,604
ויש אפשרות ל
להוריד zip ממש שם.

18
00:01:03,604 --> 00:01:06,770
ברגע שאתה מוריד בספרייה זו, אתה
יכול להתחיל לשחק עם הקוד שלנו.

19
00:01:06,770 --> 00:01:10,200

20
00:01:10,200 --> 00:01:13,190
>> מידע נוסף על מטאור
ניתן למצוא בmeteor.com.

21
00:01:13,190 --> 00:01:16,580
בתיקיית הסמינר, אני ממש
יש לי כמה פרויקטי מטאור אנו יכולים להשתמש.

22
00:01:16,580 --> 00:01:20,380

23
00:01:20,380 --> 00:01:26,400
אחת מהתיקיות שיש לנו בנו
פרויקט סמינר הוא האפליקציה todos.

24
00:01:26,400 --> 00:01:28,780
אז אם אני נכנסתי לזה אני,
מותקן מטאור.

25
00:01:28,780 --> 00:01:35,690
אז כדי להפעיל אותו, אני רק צריך להקליד
מטאור, והמטאור יתקינו.

26
00:01:35,690 --> 00:01:38,310
כפי שניתן לראות, יש לנו ל
לוודא שמותקנים מטאור.

27
00:01:38,310 --> 00:01:40,562
אז אני פשוט הולך ל
להפעיל אותו עוד פעם אחת

28
00:01:40,562 --> 00:01:42,520
לוודא כי מטאור
מותקן כראוי.

29
00:01:42,520 --> 00:01:46,370

30
00:01:46,370 --> 00:01:48,450
>> אמנם יש לי מטאור
התקנה, אני יכול להראות לך

31
00:01:48,450 --> 00:01:53,760
כמה הדגמות חיות של אתרי מטאור
הולך לחיות עכשיו באינטרנט.

32
00:01:53,760 --> 00:01:57,990
יש לי הדגמה של האפליקציה שלנו.

33
00:01:57,990 --> 00:02:00,740
אתה יכול לגשת אליו בכתובת הבאה.

34
00:02:00,740 --> 00:02:06,350
זוהי האפליקציה לעשות את זה אנחנו
יש בספריית הסמינר שלנו.

35
00:02:06,350 --> 00:02:09,940
כתובת האתר לכך היא
rozu-rabbit.meteor.com.

36
00:02:09,940 --> 00:02:14,782
אתה תראה שמטאור יהיה ממש
לארח פרויקטי המטאור שלך בחינם.

37
00:02:14,782 --> 00:02:17,490
ובסופו של הסמינר,
תוכל גם לעשות את זה.

38
00:02:17,490 --> 00:02:20,550

39
00:02:20,550 --> 00:02:22,160
>> זוהי אפליקציה לעשות רשימה.

40
00:02:22,160 --> 00:02:27,740
ואתה יכול להיכנס, ליצור
חשבונות, ולהוסיף משימות.

41
00:02:27,740 --> 00:02:30,020
אתה יכול ליצור חשבון כמו כל כך.

42
00:02:30,020 --> 00:02:33,050

43
00:02:33,050 --> 00:02:35,850
ועכשיו, ברגע שיש לך
חשבון, אתה יכול להוסיף משימות.

44
00:02:35,850 --> 00:02:42,780
לדוגמא, אני אחת מהמשימות
אולי צריך ללכת לאסוף את הכביסה שלי.

45
00:02:42,780 --> 00:02:45,160
ואם אתה על זה
באינטרנט אתר, עליך

46
00:02:45,160 --> 00:02:49,790
ממש לראות משימה זו על
המחשב שלך בזמן אמת.

47
00:02:49,790 --> 00:02:53,760
>> אני יכול להראות לך הדגמה מהירה
של זה על ידי rozu ארנב פתיחה

48
00:02:53,760 --> 00:02:56,700
בכרטיסייה אחרת עם אותה כתובת האתר.

49
00:02:56,700 --> 00:03:00,360
ואנחנו רואים שאותם נתונים עולה.

50
00:03:00,360 --> 00:03:02,240
כמו כן, אנו יכולים להפעיל אותו ב
בדפדפן אחר.

51
00:03:02,240 --> 00:03:03,420
אומר שאני מפעיל אותו בספארי.

52
00:03:03,420 --> 00:03:04,720
בדרך זו אנחנו לא מחובר.

53
00:03:04,720 --> 00:03:07,750

54
00:03:07,750 --> 00:03:11,060
אז יש לנו את אותו המטאור
אפליקציה, וברגע שהוא טוען,

55
00:03:11,060 --> 00:03:13,910
אנחנו תראו את אותם נתונים
שעשינו בראשון.

56
00:03:13,910 --> 00:03:16,710
כפי שניתן לראות, אני לא מחובר כאן.

57
00:03:16,710 --> 00:03:20,000
וכאשר נתוני בדיקות קהל,
הוא מעדכן על כל הדפדפנים

58
00:03:20,000 --> 00:03:20,910
בו-זמנית.

59
00:03:20,910 --> 00:03:23,740
זהו אחד באמת
תכונות מגניבים על מטאור.

60
00:03:23,740 --> 00:03:27,700
כמעט ללא עבודה, אתה
יש אפליקציה עדכון חי

61
00:03:27,700 --> 00:03:31,240
כי שינויים בכל
המכשירים שלך בבת אחת.

62
00:03:31,240 --> 00:03:36,690
>> אם אני בודק את תיבת הסימון כאן
בלעשות רשימה שלי, תהיה לנו,

63
00:03:36,690 --> 00:03:41,230
בדפדפן Chrome האחר שלי,
הפריט בדק את.

64
00:03:41,230 --> 00:03:42,605
וזה קורה באופן מיידי.

65
00:03:42,605 --> 00:03:46,340

66
00:03:46,340 --> 00:03:47,280
בְּסֵדֶר.

67
00:03:47,280 --> 00:03:52,730
אז זה נראה כמו מטאור
ההתקנה מוכנה עכשיו.

68
00:03:52,730 --> 00:03:57,000
אז עכשיו בואו נחזור ל
האפליקציה todos ולהפעיל באופן מקומי זה.

69
00:03:57,000 --> 00:04:01,599
>> אם יש לך פרויקט מטאור, שאתה יכול
רק להפעיל אותו עם מטאור הפקודה.

70
00:04:01,599 --> 00:04:03,640
ברגע שאתה עושה את זה, מטאור
יעשה קצת הכנה

71
00:04:03,640 --> 00:04:06,120
כדי לוודא שכל של
הקוד שלך הוא בבדיקה.

72
00:04:06,120 --> 00:04:12,440
ואז זה יגיד לך ש
פרויקט מוכן להגשה.

73
00:04:12,440 --> 00:04:17,750
ייתכן שאצטרך לאפשרך
חומת אש, אם המחשב שלך חוסמת אותך.

74
00:04:17,750 --> 00:04:22,440
>> אז מה המטאור אומר לי
עכשיו הוא שבאתר זה

75
00:04:22,440 --> 00:04:26,100
מקומי למחשב שלי, אני יכול לראות
מה הוא פרויקט המטאור הזה.

76
00:04:26,100 --> 00:04:29,290
שימו לב שעכשיו, האפליקציה שלי היא
אינו נגיש לאינטרנט.

77
00:04:29,290 --> 00:04:35,170
נלמדים כיצד להביא המטאור שלך
אפליקציה לאתר בשידור חי קצת יותר מאוחר.

78
00:04:35,170 --> 00:04:40,510
אז אני פשוט הולך להעתיק את זה
כתובת אתר החברה ותיכנס לGoogle Chrome.

79
00:04:40,510 --> 00:04:42,600
>> ואת זה הוא לעשות
רשימה מהדוגמא.

80
00:04:42,600 --> 00:04:46,080
אתה יכול לראות שהם מיושמים
עוד כמה תכונות כאן.

81
00:04:46,080 --> 00:04:49,210
יש לנו כרטיסיות שונות, אנחנו
יש את אותן תכונות חשבון,

82
00:04:49,210 --> 00:04:52,141
ואנחנו יכולים להוסיף רשימות חדשות.

83
00:04:52,141 --> 00:04:54,140
עכשיו, אחד באמת
תכונה מגניב על מטאור

84
00:04:54,140 --> 00:04:57,450
הוא שלא רק יכול זה
לעבוד על דפדפן האינטרנט שלך,

85
00:04:57,450 --> 00:05:00,030
אבל אתה יכול גם ליצור
האם iPhone ו- Android

86
00:05:00,030 --> 00:05:02,990
יישומים באמצעות כלי שנקרא PhoneGap.

87
00:05:02,990 --> 00:05:06,740
>> אז כמה פרויקטים יבואו
מראש הגדיר להפעלה

88
00:05:06,740 --> 00:05:08,700
על iOS, כמו אפליקציה todos זה.

89
00:05:08,700 --> 00:05:14,780
אז כל מה שאני צריך לעשות כדי להפעיל אותו בiOS
הוא סוג מטאור, לרוץ, ולאחר מכן iOS.

90
00:05:14,780 --> 00:05:17,540
וכשאני עושה את זה, מטאור
יכין את החבילה שוב.

91
00:05:17,540 --> 00:05:21,670
ואז, ברגע שהוא מוכן, זה יהיה
לטעון סימולטור iOS על הפקודה שלי.

92
00:05:21,670 --> 00:05:24,745
הערה אתה יכול רק להריץ יישומי iOS
אם יש לך מחשב מק.

93
00:05:24,745 --> 00:05:27,650

94
00:05:27,650 --> 00:05:30,730
אתה יכול להריץ היישומים שלך ב
אנדרואיד על כל הפלטפורמות.

95
00:05:30,730 --> 00:05:34,070

96
00:05:34,070 --> 00:05:38,290
>> אז עכשיו אתה יכול לראות שה- iPhone שלי
סימולטור עלה על המסך שלי.

97
00:05:38,290 --> 00:05:40,370
וברגע,
זה יהיה לטעון באפליקציה.

98
00:05:40,370 --> 00:05:46,070

99
00:05:46,070 --> 00:05:48,490
אם אנחנו עושים את זה רק קצת
קטן יותר כך שיתאימו למסך,

100
00:05:48,490 --> 00:05:50,780
אנו רואים שיש לנו האפליקציה באייפון שלנו.

101
00:05:50,780 --> 00:05:53,220
ורק כדי שלא
מתבלבל, בואו נעשה

102
00:05:53,220 --> 00:05:59,790
בטוח שאנחנו משדרים על אותו
אתר, המארח המקומי 3000.

103
00:05:59,790 --> 00:06:03,490
>> אז כאן היא דוגמא
של האפליקציה המטאור יש לי,

104
00:06:03,490 --> 00:06:08,770
האפליקציה todos, פועלת הן ב
טלפון ובדפדפן אינטרנט.

105
00:06:08,770 --> 00:06:10,770
וכאשר אני משנה דברים
בדפדפן האינטרנט,

106
00:06:10,770 --> 00:06:12,675
זה עובר מייד לטלפון.

107
00:06:12,675 --> 00:06:16,500
ואני יכול למחוק משהו בטלפון,
והוא משתנה בדפדפן האינטרנט.

108
00:06:16,500 --> 00:06:21,050
>> עכשיו, בדרך כלל כדי ליצור יליד
אפליקציה לטלפון עבור iOS או אנדרואיד,

109
00:06:21,050 --> 00:06:26,090
אתה צריך לדעת גם Java או
שימושים מטאור אובייקטיביים ג הטכנולוגיה

110
00:06:26,090 --> 00:06:29,240
כדי לאפשר JavaScript כדי לפעול כ
האפליקציה שלך נקראת PhoneGap.

111
00:06:29,240 --> 00:06:31,320
מה האפליקציה שלך במהות
הוא הוא דפדפן אינטרנט.

112
00:06:31,320 --> 00:06:34,500
ומטאור מטפל בכל
החלקים מסובכים המעורבים

113
00:06:34,500 --> 00:06:39,820
להבאת שדפדפן האינטרנט ל
iPhone או מכשיר אנדרואיד.

114
00:06:39,820 --> 00:06:42,210
ניתן לראות כי
ממשק משתמש הוא חלק,

115
00:06:42,210 --> 00:06:45,290
וזה נראה ומרגיש מאוד
בדומה לאפליקציה מקורית.

116
00:06:45,290 --> 00:06:48,620
שים לב שאם אני הולך לבית
מסך עכשיו, אני גם מקבל סמל.

117
00:06:48,620 --> 00:06:50,880
זה לא אתר כמו
שתמצא בספארי.

118
00:06:50,880 --> 00:06:51,860
זוהי אפליקציה משלה.

119
00:06:51,860 --> 00:06:54,130
אתה יכול להתקין ו
למחוק אותו, אם תרצה.

120
00:06:54,130 --> 00:06:59,500

121
00:06:59,500 --> 00:07:04,436
>> אנחנו יכולים להראות לך בקצרה מה הקוד
לשל todos סוג זה אפליקציה נראית.

122
00:07:04,436 --> 00:07:08,260
אם אתה מסתכל בתיקיית todos,
אתה תראה שיש תיקיות רבות.

123
00:07:08,260 --> 00:07:11,440
אבל במהלך
הסמינר, אנחנו

124
00:07:11,440 --> 00:07:14,780
להבין מה כל תיקייה משמשת ל.

125
00:07:14,780 --> 00:07:17,830
בואו נלך למסוף כדי ש
ניתן לראות את הקבצים קצת יותר טוב.

126
00:07:17,830 --> 00:07:20,410
>> אני הולך ללחוץ בקרה
C כדי לעצור את השרת,

127
00:07:20,410 --> 00:07:22,770
ועכשיו אני שוב באפליקצית todos.

128
00:07:22,770 --> 00:07:26,660
יש לי תיקיות שונות כאן, כמו
תיקיית הלקוח, תיקיית השרת.

129
00:07:26,660 --> 00:07:30,500
ותיקיות אלה פשוט אומר ש
הכל בתיקיית הלקוח

130
00:07:30,500 --> 00:07:32,630
מקבל להורג בדפדפן האינטרנט שלך.

131
00:07:32,630 --> 00:07:35,530
כל מה שבתיקיית שרת
מקבל להורג בשרת.

132
00:07:35,530 --> 00:07:38,100
>> מה שאני רוצה להצביע
מתוך זה מה שהיה לנו

133
00:07:38,100 --> 00:07:42,140
כאשר היו לנו ריצת הטלפון שלנו ו
דפדפן האינטרנט שלנו, אלה היו לקוחות.

134
00:07:42,140 --> 00:07:45,730
אבל מה שפועל ב
מסוף, זה השרת.

135
00:07:45,730 --> 00:07:48,710
יש לנו תיקיות אחרות, כמו
lib, שהוא קוד ספרייה,

136
00:07:48,710 --> 00:07:51,050
כמו העוזר שלך
פונקציות, שבו אתה יכול

137
00:07:51,050 --> 00:07:53,710
להשתמש הן בלקוח והשרת.

138
00:07:53,710 --> 00:07:55,820
ואז יש לך ציבורי
תיקייה ומשאבים

139
00:07:55,820 --> 00:07:59,310
תיקייה דרושה להשגת
התמונות שלך וCSS האחר נטענים.

140
00:07:59,310 --> 00:08:02,630

141
00:08:02,630 --> 00:08:09,360
>> אם התקין את המטאור, אנו
תמשיך עם ההדרכה למטאור.

142
00:08:09,360 --> 00:08:12,790
אתה יכול ללכת לכתובת אתר זו,
meteor.com/install,

143
00:08:12,790 --> 00:08:17,990
כדי לקבל את שורת הפקודה שאני
הראיתי לך שמתקין מטאור.

144
00:08:17,990 --> 00:08:20,240
אנו נעבור הראשונים
כמה צעדים כדי לקבל טוב יותר

145
00:08:20,240 --> 00:08:22,760
מרגיש לגבי אופן התקנת מטאור.

146
00:08:22,760 --> 00:08:28,000
>> אבל קודם, אני חושב שזה חשוב ש
אנו בודקים קצת JavaScript.

147
00:08:28,000 --> 00:08:32,360
כדי להראות לך כמה דוגמאות לאופן ש
ידע C שלנו יכול להיות מתורגם

148
00:08:32,360 --> 00:08:34,950
לJavaScript, יש לי
יצר כמה דוגמאות.

149
00:08:34,950 --> 00:08:36,940
הם נמצאים בספריית js.

150
00:08:36,940 --> 00:08:41,750
אז אם בסמינרי תיקייה שב
תראה, יש תיקייה בשם js.

151
00:08:41,750 --> 00:08:44,540
וכאן, יש לנו כמה דוגמאות.

152
00:08:44,540 --> 00:08:50,120
>> בואו לפתוח את הראשון
דוגמא ותראה מהר מאוד.

153
00:08:50,120 --> 00:08:53,980
מה שאנו רואים הוא סטנדרטי שלך
שלום פקודת העולם.

154
00:08:53,980 --> 00:08:56,520
אתה מבחין בC ש
יש לא מעט קווים.

155
00:08:56,520 --> 00:09:00,490
וכפי שתלמידי CS50 יודעים,
אנחנו צריכים פונקציה העיקרית,

156
00:09:00,490 --> 00:09:05,730
ואנחנו צריכים לכלול את התקן
I / O ספרייה כדי לקרוא printf.

157
00:09:05,730 --> 00:09:09,320
>> בואו נסתכל על איך JavaScript משווה.

158
00:09:09,320 --> 00:09:11,560
אני הולך לפתוח ex1.js.

159
00:09:11,560 --> 00:09:14,650
תגובות החוצה היא מה ש
C קוד ייראה,

160
00:09:14,650 --> 00:09:17,550
והקו למטה הוא כל
אתה צריך להפעיל בצומת.

161
00:09:17,550 --> 00:09:20,452
אתה לא צריך פונקציה העיקרית, אתה
לא צריך לכלול את כל קבצים,

162
00:09:20,452 --> 00:09:21,660
ואתה לא צריך לחזור.

163
00:09:21,660 --> 00:09:23,810
אתה פשוט קורא console.log.

164
00:09:23,810 --> 00:09:26,370
זו מקבילה של printf שלך.

165
00:09:26,370 --> 00:09:29,310
>> וזה לוקח אותו
טיעוני printf היית.

166
00:09:29,310 --> 00:09:33,870
וכדי להפעיל אותו,
במקום פועל להפוך את EX1,

167
00:09:33,870 --> 00:09:38,930
היית קורא רק ex1.js. צומת

168
00:09:38,930 --> 00:09:41,830
אתה כותב צומת ולאחר מכן
קובץ, והוא מקבל לרוץ.

169
00:09:41,830 --> 00:09:43,580
זה לא מגיע הידור.

170
00:09:43,580 --> 00:09:45,970
JavaScript היא שפה פירשה.

171
00:09:45,970 --> 00:09:49,150
כך שזה לא צריך להיות
הידור לפני זה לרוץ.

172
00:09:49,150 --> 00:09:53,450
אם אני רוצה לרוץ ex1.c,
אני צריך לעשות את זה קודם,

173
00:09:53,450 --> 00:09:59,160
ואז אני יכול להפעיל את קובץ ההפעלה
כדי לקבל את אותו הפלט.

174
00:09:59,160 --> 00:10:02,460
>> בואו לכסות במהירות כמה
מושגי JavaScript אחרים.

175
00:10:02,460 --> 00:10:04,490
בואו נסתכל על דוגמא שתי.

176
00:10:04,490 --> 00:10:14,690
בex2.js, בex2.c, אנחנו יכולים
רואה שיש לנו כמה קוד.

177
00:10:14,690 --> 00:10:16,550
תן לי ללכת במהירות ל
עורך טקסט טוב יותר

178
00:10:16,550 --> 00:10:18,400
זה ייראה אלה
קווים חדשים קצת יותר טובים.

179
00:10:18,400 --> 00:10:21,760

180
00:10:21,760 --> 00:10:22,380
בְּסֵדֶר.

181
00:10:22,380 --> 00:10:24,190
כאן יש לנו דוגמא 2.c.

182
00:10:24,190 --> 00:10:27,360
כאן יש לנו סוגים שונים
שאנחנו מדפיסים את.

183
00:10:27,360 --> 00:10:30,880
וכמו שאנחנו יודעים, printf לוקח
טיעוני אחוזים שונים

184
00:10:30,880 --> 00:10:34,050
כדי לגשת לחלקים שונים של נתונים.

185
00:10:34,050 --> 00:10:36,840
אם אנחנו רוצים להדפיס
מחרוזת, אנחנו קוראים% s.

186
00:10:36,840 --> 00:10:40,390
אם אנחנו רוצים לקרוא לצפים
מספר נקודה, אנחנו נקראים f%.

187
00:10:40,390 --> 00:10:45,810
ואין דרך קלה לקרוא
בוליאני על ידי ערך האמת או שקר שלה.

188
00:10:45,810 --> 00:10:50,760
אבל אם אתה משתמש ב% d, אתה יכול לקבל
0 או 1 לכוזב ואמיתי.

189
00:10:50,760 --> 00:10:53,270
>> JavaScript הוא קצת יותר נחמד לנו.

190
00:10:53,270 --> 00:10:57,740
ב- JavaScript, בואו נסתכל על כמה
הבדלים יש לנו בקובץ זה.

191
00:10:57,740 --> 00:11:05,790
ראשית, אתה שם לב שיש לנו ב- C ל
לאתחל כל משתנה עם סוג.

192
00:11:05,790 --> 00:11:06,940
S הוא כוכב char.

193
00:11:06,940 --> 00:11:08,930
זה מחרוזת, וזה
לא יכול להיות בכל סוג אחר.

194
00:11:08,930 --> 00:11:10,450
N הוא לצוף.

195
00:11:10,450 --> 00:11:11,780
B הוא בול.

196
00:11:11,780 --> 00:11:14,220
>> אבל בJavaScript,
ישנם סוגים דינמיים.

197
00:11:14,220 --> 00:11:16,400
זה אומר שאתה לא
צריך להגיד JavaScript

198
00:11:16,400 --> 00:11:17,860
מה סוגי המשתנים שלך יהיו.

199
00:11:17,860 --> 00:11:22,730
אתה פשוט אומר לvar משתנה, שם
של משתנה, ולאחר מכן הערך שלה.

200
00:11:22,730 --> 00:11:24,690
אז var יכול להיות כל דבר באמת.

201
00:11:24,690 --> 00:11:25,640
זה יכול להיות מחרוזת.

202
00:11:25,640 --> 00:11:27,300
זה יכול להיות מספר נקודה צפה.

203
00:11:27,300 --> 00:11:28,560
זה יכול להיות אופי.

204
00:11:28,560 --> 00:11:31,250
זה יכול להיות בוליאנית.

205
00:11:31,250 --> 00:11:34,380
ויומן קונסולה עובד קצת אחר.

206
00:11:34,380 --> 00:11:37,340
אם ברצונך להדפיס
מספר, אתה קורא% d.

207
00:11:37,340 --> 00:11:41,740
אבל רוב הערכים יכולים להיות
מודפס כמחרוזות בסדר גמור.

208
00:11:41,740 --> 00:11:46,220
>> בואו נריץ את זה בצומת
כדי לראות מה יקרה.

209
00:11:46,220 --> 00:11:51,880
אני יכול לקרוא ex2.js צומת,
ואנחנו מקבלים printf

210
00:11:51,880 --> 00:11:56,870
עם CS50 הערכים, N כ
מספר הנקודה צפה,

211
00:11:56,870 --> 00:12:00,620
ואז B כבוליאנית
מומר למחרוזת אמיתית.

212
00:12:00,620 --> 00:12:03,830
מה לגבי אם עשינו דוגמא 2.ג?

213
00:12:03,830 --> 00:12:09,630
ובכן, עדיין יש לנו כמה
יותר הטרדות עם printf.

214
00:12:09,630 --> 00:12:13,110
שימו לב שהנקודה צפה
מספר צריך להיות מעוצב בצורה נכונה,

215
00:12:13,110 --> 00:12:18,120
וכי בוליאנית לא יכולה פשוט
יוצג כאמת או שקר.

216
00:12:18,120 --> 00:12:18,620
בְּסֵדֶר.

217
00:12:18,620 --> 00:12:22,680
עכשיו בואו נסתכל על דוגמא שלוש.

218
00:12:22,680 --> 00:12:26,470
בדוגמא שלוש, אנחנו מראים
איך היית להשתמש ללולאה.

219
00:12:26,470 --> 00:12:27,630
למעשה, זה מאוד פשוט.

220
00:12:27,630 --> 00:12:31,430
אחד הדברים נחמדים על
JavaScript הוא שהיא מבוססת C.

221
00:12:31,430 --> 00:12:33,920
זה אומר שהרבה
קוד ייראה דומה מאוד

222
00:12:33,920 --> 00:12:36,490
ומרגיש מאוד דומה.

223
00:12:36,490 --> 00:12:39,220
ללולאה, דבר היחיד ש
שבאמת השתנה כאן

224
00:12:39,220 --> 00:12:41,840
הוא במקום i int, יש לנו var i.

225
00:12:41,840 --> 00:12:45,470
אנחנו עדיין יכולים להקצות אותו למעריכים
אפס, לבדוק שזה פחות מחמישה,

226
00:12:45,470 --> 00:12:49,390
ולהגדיל אותו על ידי אחד
עם מפעיל ++.

227
00:12:49,390 --> 00:12:56,286
אנו קוראים console.log על i, וש
ידפיס לנו מספר עם כל שורה.

228
00:12:56,286 --> 00:12:58,410
בואו להפעיל אותו ממש מהר
כדי לראות מה זה פלטי.

229
00:12:58,410 --> 00:13:02,320

230
00:13:02,320 --> 00:13:03,880
אנחנו מקבלים מספר חדש בכל שורה.

231
00:13:03,880 --> 00:13:06,920
עוד דבר שאני רוצה אותך
לשים לב עם console.log

232
00:13:06,920 --> 00:13:09,960
הוא שאתה לא צריך לכתוב
n הלוכסן האחורי לקו החדש.

233
00:13:09,960 --> 00:13:12,480
Console.log ידפיס
הכל בשורה הנפרדת.

234
00:13:12,480 --> 00:13:14,585
זה תכונה נחמדה
כי JavaScript נותן לנו.

235
00:13:14,585 --> 00:13:18,440

236
00:13:18,440 --> 00:13:22,600
>> עכשיו בואו לפתוח את דוגמא ארבע.

237
00:13:22,600 --> 00:13:28,710
בדוגמא ארבע, ראשון בC,
אנו קוראים כמה פונקציות.

238
00:13:28,710 --> 00:13:33,290
שימו לב שיש לנו להכריז על
פונקציות לפני שנשתמש בם בעיקריות.

239
00:13:33,290 --> 00:13:37,250
אם היו לנו וראשון עיקריים
לאחר מכן להוסיף ולאחר מכן גבוה, לעשות,

240
00:13:37,250 --> 00:13:39,540
צלצול, או GCC היה
תן לנו שגיאה אומרת

241
00:13:39,540 --> 00:13:41,060
שזה לא יודע מה גבוה הוא.

242
00:13:41,060 --> 00:13:42,780
הוא לא יודע מה הוא תוספת.

243
00:13:42,780 --> 00:13:46,480
אז בC, אתה צריך להיות בררן לגבי
הסדר שבו אתה קורא פונקציות שלך.

244
00:13:46,480 --> 00:13:49,220

245
00:13:49,220 --> 00:13:51,310
>> בואו נסתכל על איך אתה יכול
לעשות את זה ב- JavaScript.

246
00:13:51,310 --> 00:13:56,060
יש לנו קבצים שונים כי יש
כמה דרכים שונות לעשות זאת.

247
00:13:56,060 --> 00:13:58,950
דרך אחת היא פחות או יותר
תרגום ישיר.

248
00:13:58,950 --> 00:14:02,180
בגלל הפונקציות בC
לחזור סוגים, וJavaScript

249
00:14:02,180 --> 00:14:05,210
לא ממש יודע או טיפול
על איזה סוג אתה חוזר,

250
00:14:05,210 --> 00:14:06,300
אתה לא כותב סוג.

251
00:14:06,300 --> 00:14:08,100
במקום זאת, אתה רק צריך
לכתוב פונקציה,

252
00:14:08,100 --> 00:14:11,180
וכל מה שהוא די
כמעט כמו לפני.

253
00:14:11,180 --> 00:14:14,630
>> כאשר יש לך משתנה, כמו ב
להוסיף, אנחנו רק צריכים לכתוב x ו- y.

254
00:14:14,630 --> 00:14:16,060
אנחנו לא צריכים לומר x הוא int.

255
00:14:16,060 --> 00:14:18,940
אנחנו לא צריכים לומר y הוא int.

256
00:14:18,940 --> 00:14:21,030
אנחנו חוזרים עם אותו התחביר.

257
00:14:21,030 --> 00:14:24,230
לגבוה, אנו מצהירים את זה עם
לתפקד במקום חלל.

258
00:14:24,230 --> 00:14:26,110
שים לב שאם
זה חלל או שאינו מבוטל,

259
00:14:26,110 --> 00:14:28,380
זה עדיין כל את אותו התפקיד.

260
00:14:28,380 --> 00:14:32,440
ואנחנו פשוט לא לשים
שום דבר בסוגריים,

261
00:14:32,440 --> 00:14:34,690
וזה נראה דומה מאוד לקוד C.

262
00:14:34,690 --> 00:14:37,460
ולהלן, אנו יכולים לקרוא לזה בהמשך.

263
00:14:37,460 --> 00:14:42,730
>> אם נתבונן בדוגמא 4 ב, אנו מבחינים
כי אני כבר השתנה כמה דברים.

264
00:14:42,730 --> 00:14:45,340
הדבר היחיד שאני כבר השתנה
באמת אף הוא הצו.

265
00:14:45,340 --> 00:14:47,340
יש לנו את אותו
פונקציות, אבל עכשיו הם

266
00:14:47,340 --> 00:14:52,200
הוכרז לאחר שהם רגילים ב
console.log וגבוה על קווים 18, 19.

267
00:14:52,200 --> 00:14:54,740
אם עשה את זה ב- C,
לעשות היה זורק שגיאה.

268
00:14:54,740 --> 00:14:56,070
הנה, זה עובד בסדר גמור.

269
00:14:56,070 --> 00:15:01,935
ואני יכול להראות לך את זה על ידי
קורא צומת בדוגמה 4 ב.

270
00:15:01,935 --> 00:15:05,350

271
00:15:05,350 --> 00:15:10,130
>> דרך נוספת שאנחנו יכולים לקרוא לפונקציות
הוא על ידי שמירה מתפקד כמשתנים.

272
00:15:10,130 --> 00:15:13,790
כמו שאמרתי, משתנה
יכול להיות כל סוג.

273
00:15:13,790 --> 00:15:16,720
אחד מהסוגים משתנים
יכול להיות הוא פונקציה.

274
00:15:16,720 --> 00:15:19,800
אז אם אתה מסתכל על דוגמא
ג 4, מה שהשתניתי

275
00:15:19,800 --> 00:15:24,320
כאן הוא var להוסיף במקום תוספת פונקציה.

276
00:15:24,320 --> 00:15:26,807
ועכשיו תוסיף שווה פונקציה.

277
00:15:26,807 --> 00:15:28,140
פונקציה זו כאן היא אנונימי.

278
00:15:28,140 --> 00:15:33,346
אין לה שם, כך שזה רק
פונקציה ולאחר מכן הסוגריים.

279
00:15:33,346 --> 00:15:35,220
התחביר לאחר ש
לא משנה, אבל אתה

280
00:15:35,220 --> 00:15:38,300
צריך לזכור ש
יש לך משתנה שאתה

281
00:15:38,300 --> 00:15:42,940
אחסון הפונקציה לתוספת, ו
משתנה שאתה אחסון לגבוה.

282
00:15:42,940 --> 00:15:47,620
>> בגלל להוסיף ועכשיו גבוהים משתנה
ולא פונקציות, משהו משתנה.

283
00:15:47,620 --> 00:15:50,190
מדובר בבאג נפוץ שאני רואה ב
הרבה JavaScripts של אנשים,

284
00:15:50,190 --> 00:15:52,410
ומשהו שכדאי לזכור.

285
00:15:52,410 --> 00:15:54,365
כאשר אני מפעיל את זה, בואו לראות מה קורה.

286
00:15:54,365 --> 00:15:57,410

287
00:15:57,410 --> 00:15:58,230
אני מקבל הודעת שגיאה.

288
00:15:58,230 --> 00:16:01,000
זה אומר שלא הוגדר בשלב זה.

289
00:16:01,000 --> 00:16:03,520
אז זה אומר שזה
לא יודע מה להוסיף הוא.

290
00:16:03,520 --> 00:16:06,010
>> כי עכשיו להוסיף לא
פונקציה, להוסיף הוא משתנה.

291
00:16:06,010 --> 00:16:10,100
ואתה לא ממש נתת
להוסיף ערך אך כאשר אתה השתמשת בו.

292
00:16:10,100 --> 00:16:14,460
זה מביא אותנו לדוגמא 4d, שבו אם
אתה רוצה להשתמש במשתנים כמו פונקציות,

293
00:16:14,460 --> 00:16:17,210
אתה רק צריך לוודא שהם
לקבל את הערך לפני שהם רגילים.

294
00:16:17,210 --> 00:16:20,200

295
00:16:20,200 --> 00:16:23,420
>> בואו נעבור לדוגמה חמש לאחר מכן.

296
00:16:23,420 --> 00:16:27,390
הנה, אנחנו מדברים על
structs ב.ג בC, structs

297
00:16:27,390 --> 00:16:30,320
יש מבנה קבוע להם את זה
כי אתה צריך להכריז עליהם

298
00:16:30,320 --> 00:16:33,050
לפני שאתה משתמש בו, ו
אתה אומר שיש לי תלמיד,

299
00:16:33,050 --> 00:16:36,645
ויש כל תלמיד בדיוק
שם אחד, שנה אחת, מין אחד.

300
00:16:36,645 --> 00:16:37,770
זה חייב לקבל את כולם.

301
00:16:37,770 --> 00:16:42,280
זה לא יכול להיות כל ערכים אחרים,
והם צריכים להיות סוגים ספציפיים.

302
00:16:42,280 --> 00:16:47,540
>> אז אנחנו יכולים לאתחל
struct בתחביר זה נחמד

303
00:16:47,540 --> 00:16:49,470
כי הוא יודע את הסדר.

304
00:16:49,470 --> 00:16:51,460
אז הוא יודע שרוג'ר הוא שם.

305
00:16:51,460 --> 00:16:54,060
הוא יודע ש2016 הוא
שנה וM הוא מין

306
00:16:54,060 --> 00:16:58,200
בגלל שאמרנו לו את זה
רשימה היא סטודנט struct.

307
00:16:58,200 --> 00:17:01,607
ואז אתה יכול להדפיס
זה, הגישה s.name.

308
00:17:01,607 --> 00:17:03,690
בואו לראות איך הייתי
להמיר את זה לJavaScript.

309
00:17:03,690 --> 00:17:06,400

310
00:17:06,400 --> 00:17:09,790
שים לב שזה הוא עכשיו
משתנה, ואין שום סוג.

311
00:17:09,790 --> 00:17:10,920
זה פשוט var שוב.

312
00:17:10,920 --> 00:17:14,480
כי זה לא משנה אם
הסוג של משתנה זה הוא מצביע,

313
00:17:14,480 --> 00:17:17,440
זה struct, או כל דבר אחר.

314
00:17:17,440 --> 00:17:19,650
יש לנו תחביר מעט שונה.

315
00:17:19,650 --> 00:17:21,890
תחביר זה הוא תחביר האובייקט.

316
00:17:21,890 --> 00:17:24,400
>> אולי ראה אותו בJSON.

317
00:17:24,400 --> 00:17:27,780
JSON עומד למעשה ל
סימון אובייקט JavaScript.

318
00:17:27,780 --> 00:17:31,240
זה איך אתה מגדיר
אובייקטים ב- JavaScript.

319
00:17:31,240 --> 00:17:34,500
יש לנו מפתח, שהוא
הערך, כמו שם.

320
00:17:34,500 --> 00:17:37,680
ואנחנו נותנים לו ערכים ב
הצד האחר של המעי הגס.

321
00:17:37,680 --> 00:17:41,850
ועוד דבר אחד שכדאי לזכור הוא שאתה
לא צריך להיות שם, ושנה

322
00:17:41,850 --> 00:17:42,980
ומין לאובייקט.

323
00:17:42,980 --> 00:17:44,570
אובייקט לא יכול להיות ערכים.

324
00:17:44,570 --> 00:17:46,920
זה יכול להיות רב ככל שאתה רוצה.

325
00:17:46,920 --> 00:17:50,375
>> אנחנו יכולים להשתמש בחפצים אלה רק
אותו אופן בו היינו להשתמש struct, s.name.

326
00:17:50,375 --> 00:17:53,810

327
00:17:53,810 --> 00:17:57,080
אנחנו יכולים להפעיל אותו ממש מהר
על ידי ביצוע דוגמא 5.c. צומת

328
00:17:57,080 --> 00:18:00,320

329
00:18:00,320 --> 00:18:02,520
אנחנו לא באמת יכולים להפעיל קובץ C בצומת.

330
00:18:02,520 --> 00:18:03,654
הוא לא יודע מה הוא C.

331
00:18:03,654 --> 00:18:04,695
הוא יודע רק JavaScript.

332
00:18:04,695 --> 00:18:09,865
כאשר אנו מפעילים ex5.js, אנחנו מקבלים
הערך, שבו אנו צפויים.

333
00:18:09,865 --> 00:18:13,490

334
00:18:13,490 --> 00:18:15,980
>> בואו נעבור לדוגמה שש.

335
00:18:15,980 --> 00:18:18,930
כאן אני רק רוצה לדבר קצת
קצת יותר על מערכי JavaScript

336
00:18:18,930 --> 00:18:20,930
בגלל שהם קצת
שונה ממה שאתה

337
00:18:20,930 --> 00:18:26,940
נהגתי בג מערכים המסומנים,
לא עם סוגריים כמו ב- C,

338
00:18:26,940 --> 00:18:28,640
עם סוגריים המסולסלים, אבל סוגריים.

339
00:18:28,640 --> 00:18:32,150
אתה יכול להיות מערך ריק,
כמו עיבוד בקו ארבעה.

340
00:18:32,150 --> 00:18:34,680
אתה יכול לקבל מערכים
עם ערכים מרובים.

341
00:18:34,680 --> 00:18:39,790
ואתה ניגש אליהם
בדיוק באותה הצורה בג

342
00:18:39,790 --> 00:18:42,990
>> עד קו שבעה, הכל
נראה די פשוט.

343
00:18:42,990 --> 00:18:45,390
הבדל קטין אחד הוא כאן בקו 10.

344
00:18:45,390 --> 00:18:48,620
הדרך שאתה מקבל באורך של
מערך הוא רק על ידי קורא .length.

345
00:18:48,620 --> 00:18:50,620
מערך באמת יכול להיות
יתייחס אליה כמו אובייקט,

346
00:18:50,620 --> 00:18:54,960
ויש לו אובייקט זה רכוש אורך
שאתה קורא כדי לקבל את אורכו.

347
00:18:54,960 --> 00:18:57,350
שימו לב שזה שונה
בC כי בC

348
00:18:57,350 --> 00:19:01,600
צריך לדעת את האורך של
האובייקט שלך לפני זמן.

349
00:19:01,600 --> 00:19:04,700
>> אז עוד דבר נחמד על מערכים
הוא שאתה יכול להיות מסוגים שונים.

350
00:19:04,700 --> 00:19:07,470
אם יש לך מערך בC, שם
הם מערכים של ערך מסוים,

351
00:19:07,470 --> 00:19:11,900
או מצביע struct
או [לא ברור] צף או.

352
00:19:11,900 --> 00:19:13,700
הנה, אתה יכול לקבל ערכים שונים.

353
00:19:13,700 --> 00:19:17,560
היה לי מספר נקודה צפה ראשון,
אז בוליאנית, אז מספר שלם אחר.

354
00:19:17,560 --> 00:19:19,670
ולמעשה, הם יכולים לשנות את הסוגים מדי.

355
00:19:19,670 --> 00:19:21,220
תסתכל על קו 16.

356
00:19:21,220 --> 00:19:26,760
מערך דו משתנה מלהיות
מספר, מספר שלם, למחרוזת.

357
00:19:26,760 --> 00:19:30,920
>> עוד דבר נחמד על מערכים הוא כאן
בקו 19, שיש להם גודל אינסופי.

358
00:19:30,920 --> 00:19:35,900
אתה פשוט יכול להגיד שאני רוצה מאית
אלמנט להיות המחרוזת חוקית.

359
00:19:35,900 --> 00:19:38,510
וזה לא נראה לעשות
תחושה כי המערך רק

360
00:19:38,510 --> 00:19:41,080
יש מקום לשלושה אלמנטים,
כך הסוף צריך להיות שתיים.

361
00:19:41,080 --> 00:19:44,800
אבל כאשר אתה עושה את זה, בוא
לראות מה מערך שלושה הופכים.

362
00:19:44,800 --> 00:19:47,460
היינו רץ במהירות זו
עם six.js. דוגמא צומת

363
00:19:47,460 --> 00:19:49,990

364
00:19:49,990 --> 00:19:52,180
אנחנו מקבלים את זה באמת ארוך
מערך, ומה שקורה

365
00:19:52,180 --> 00:19:55,100
הוא יש לנו כמה האלמנטים הראשונים
ולאחר מכן חבורה של חסר

366
00:19:55,100 --> 00:19:56,580
עד שנגיע המחרוזת שלנו.

367
00:19:56,580 --> 00:19:58,580
JavaScript ממלא ב
כפי שנדרש מערך.

368
00:19:58,580 --> 00:20:01,790

369
00:20:01,790 --> 00:20:05,420
>> בואו לבסוף ללכת לדוגמא האחרונה שלנו.

370
00:20:05,420 --> 00:20:08,180
כאן יש לנו רשימה
תלמידים שונים.

371
00:20:08,180 --> 00:20:11,350
אני רוצה לדבר קצת
קצת על כמה היבטים נחמדים

372
00:20:11,350 --> 00:20:14,240
של לולאות ב- JavaScript.

373
00:20:14,240 --> 00:20:17,500
בC, ללולאות מוגבלות סוג של.

374
00:20:17,500 --> 00:20:21,490
יש להם מבנה קבוע, שבו אתה
יש לי משתנה, יש לך מצב,

375
00:20:21,490 --> 00:20:23,850
ואז אתה עושה משהו
בסוף הלולאה.

376
00:20:23,850 --> 00:20:27,560
וכמובן שזה עובד בJavaScript,
כפי שראינו בדוגמאות הקודמות.

377
00:20:27,560 --> 00:20:31,030
אבל יש לנו גם דרכים יותר נחמדות
לעשות את זה ב- JavaScript.

378
00:20:31,030 --> 00:20:33,870
זה נקרא לולאת foreach.

379
00:20:33,870 --> 00:20:36,580
>> מצטער, בואו נחזור
לדוגמא שבע כאן.

380
00:20:36,580 --> 00:20:39,320
כמו כן, אנו יכולים לומר בסעיף הוא רשימה.

381
00:20:39,320 --> 00:20:43,250
אז תן לי כל i או
כל מדד ברשימה ש.

382
00:20:43,250 --> 00:20:46,255
אז אנחנו יכולים לקבל את התלמיד
רק על ידי קורא קטע של i.

383
00:20:46,255 --> 00:20:50,690
אז את כל הקוד של i הגדרה
שווה לאפס ועושה אני בטוח ש

384
00:20:50,690 --> 00:20:54,420
הוא פחות מהאורך ו
הוספה לאחד אני כל זמן, זה

385
00:20:54,420 --> 00:21:00,220
דואג לך ולא
יפה עם foreach לולאה זה.

386
00:21:00,220 --> 00:21:02,830
>> לא רק לעשות לולאות foreach
לעבוד ברשימות או מערכים,

387
00:21:02,830 --> 00:21:06,130
הם גם עובדים באובייקטים,
שהוא גם נחמד.

388
00:21:06,130 --> 00:21:10,240
אתה יכול לקבל את שמו של
כל רכוש רק על ידי לקיחה

389
00:21:10,240 --> 00:21:15,030
מילון או אובייקט, כמו סטודנט,
ולאחר מכן רק אומר לי כל מקש.

390
00:21:15,030 --> 00:21:18,920
מפתח יהיה אלה
תכונות, שם או בבית.

391
00:21:18,920 --> 00:21:22,870
אז מה הולך לקרות כאן הוא ש
אנחנו להדפיס תחילה את השם ולאחר מכן

392
00:21:22,870 --> 00:21:24,920
ביתו של כל תלמיד.

393
00:21:24,920 --> 00:21:29,170
>> אני יכול להפעיל את זה בצומת
מהר מאוד להראות לך.

394
00:21:29,170 --> 00:21:35,510
אנחנו מקבלים ראשון בסגנון C ללולאה, שבו
אנחנו מקבלים כל אובייקט מודפס החוצה.

395
00:21:35,510 --> 00:21:38,910
ולאחר מכן יש לנו את JavaScript
סגנון, שבו רק אתה יכול

396
00:21:38,910 --> 00:21:41,510
להדפיס את כל מפתח
ומעריך בנפרד.

397
00:21:41,510 --> 00:21:45,560

398
00:21:45,560 --> 00:21:47,050
>> בְּסֵדֶר.

399
00:21:47,050 --> 00:21:52,850
עכשיו שאנחנו כבר כיסינו Node.js, אני חושב ש
אנחנו מוכנים להתחיל עם מטאור.

400
00:21:52,850 --> 00:21:56,070
כמו שאמרתי, המטאור עשה עבודה נהדרת
כתיבה כמה דוגמאות מוכנות מראש

401
00:21:56,070 --> 00:22:00,600
בשבילך, כי אתה יכול לחקור דרך
מדריך זה או בתיקיית הסמינר.

402
00:22:00,600 --> 00:22:03,750
אבל כאן אני רוצה
תתחיל יותר מאפס.

403
00:22:03,750 --> 00:22:06,810
>> בואו ליצור פשוט לעשות יישום.

404
00:22:06,810 --> 00:22:14,140
זהו סוג של הבסיס של מה של
לעשות יישום הראיתי לך קודם לכן הוא.

405
00:22:14,140 --> 00:22:16,990
במדריך זה, אתה
יראה שיש

406
00:22:16,990 --> 00:22:20,180
מטאור הפקודה ליצור ל
ליצור פרויקט מטאור חדש.

407
00:22:20,180 --> 00:22:24,510
אתה צריך לקרוא לזה במטרה
כדי להפעיל פרויקטי מטאור כי זה

408
00:22:24,510 --> 00:22:27,470
יהיה להפעיל את הפקודות
כדי ליצור את המטאור

409
00:22:27,470 --> 00:22:31,100
קבצים דרושים לפרויקט שלך.

410
00:22:31,100 --> 00:22:35,920
>> אם אתה נכנסת למסוף, אנחנו יכולים
להיכנס לתיקייה בשם צעד אחד.

411
00:22:35,920 --> 00:22:41,240
צעד אחד לא מתאים עם
הצעד הראשון בהדרכה.

412
00:22:41,240 --> 00:22:44,020
הודעה יש תיקיות, צעד
אחד, צעד שני, כל הדרך עד לחמש.

413
00:22:44,020 --> 00:22:47,835
וכל אחד מהם מתאים
לצעד זה של מורה.

414
00:22:47,835 --> 00:22:50,960

415
00:22:50,960 --> 00:22:52,780
אני הולך לפתוח אותו
בעורך הטקסט שלי כאן

416
00:22:52,780 --> 00:22:56,280
כדי שנוכל לראות קצת ממה שיצר.

417
00:22:56,280 --> 00:22:58,530
אנו שמים לב שיש
ארבעה חלקים עיקריים.

418
00:22:58,530 --> 00:23:01,170
יש ספריית מטאור, .meteor.

419
00:23:01,170 --> 00:23:03,180
וכי אתה בדרך כלל
לא צריך לגעת.

420
00:23:03,180 --> 00:23:05,070
המטאור דואג ל
תיקייה ש, וזה פשוט

421
00:23:05,070 --> 00:23:08,640
מוודא כי
פרויקט יפעל בצורה נכונה.

422
00:23:08,640 --> 00:23:14,580
>> יש לנו גם שלושה קבצים, קובץ HTML,
קובץ JavaScript, וקובץ CSS.

423
00:23:14,580 --> 00:23:18,670
בואו נתחיל ראשון עם קובץ HTML.

424
00:23:18,670 --> 00:23:21,310
במבט הראשון, זה נראה
כמו מסמך HTML רגיל.

425
00:23:21,310 --> 00:23:23,490
אבל שים לב שיש
כמה הבדלים.

426
00:23:23,490 --> 00:23:26,520
אחת, זה לא ממש
מסמך HTML מלא.

427
00:23:26,520 --> 00:23:28,640
אנחנו חסרים תגי HTML.

428
00:23:28,640 --> 00:23:29,700
זה נורמלי.

429
00:23:29,700 --> 00:23:33,560
במטאור, אתה לא צפוי
כדי ליצור אלה תגי HTML.

430
00:23:33,560 --> 00:23:35,260
שזה נעשה בשבילך.

431
00:23:35,260 --> 00:23:38,380
אתה רוצה begin-- אם אתה
רוצה ליצור אתר אינטרנט,

432
00:23:38,380 --> 00:23:40,430
אתה פשוט צריך להתחיל
עם תג הראש,

433
00:23:40,430 --> 00:23:43,510
להגדיר את זה, ולאחר מכן
להגדיר את תג הגוף.

434
00:23:43,510 --> 00:23:48,940
>> אבל אם תשימו לב בזה
קובץ HTML, יש לנו תג חדש.

435
00:23:48,940 --> 00:23:50,350
יש לנו את תג התבנית.

436
00:23:50,350 --> 00:23:52,050
זה לא HTML רגיל.

437
00:23:52,050 --> 00:23:55,300
זוהי גרסה מיוחדת של HTML
שהמטאור מעמיד לרשותך.

438
00:23:55,300 --> 00:23:57,660
זה נקרא ברים חלל.

439
00:23:57,660 --> 00:24:00,980
אתה יכול להגדיר תבניות קטנים
מודולים, כמו סוג של פונקציות עזר,

440
00:24:00,980 --> 00:24:03,660
בC שלך או קוד JavaScript.

441
00:24:03,660 --> 00:24:06,020
תבנית היית זה
יש שם נקרא משימה.

442
00:24:06,020 --> 00:24:10,520
ואתה יכול לראות ממש כאן, על קו
13 שאתה יכול לקרוא בתבניות אלה.

443
00:24:10,520 --> 00:24:14,380
ומה המטאור יהיה לעשות הוא פשוט
למלא משימות אלה עבורך.

444
00:24:14,380 --> 00:24:17,540

445
00:24:17,540 --> 00:24:22,580
>> דבר נוסף שאתה עשוי להבחין הוא
קצת שונה הוא זה כל פונקציה.

446
00:24:22,580 --> 00:24:26,130
כל ייקחו משתנה
משימות וסוג של לעבור את זה

447
00:24:26,130 --> 00:24:28,810
בכך שאנו foreach הלולאה
ראה בדוגמא שבע.

448
00:24:28,810 --> 00:24:34,200
כל זה יכול לקחת מילון
או רשימה, אובייקט או רשימה,

449
00:24:34,200 --> 00:24:38,820
וזה יהיה רק ​​לעבור את כל
ערכים כמו לולאת foreach הייתם.

450
00:24:38,820 --> 00:24:44,110
אז אם יש לנו חבורה של משימות, זה
יקרא את התבנית על כל משימה.

451
00:24:44,110 --> 00:24:49,590
>> בואו להפעיל את פרויקט המטאור
רק כדי לראות שזה קורה.

452
00:24:49,590 --> 00:24:53,260
אני מנהל את פרויקט המטאור עם
רק מטאור או מטאור לרוץ.

453
00:24:53,260 --> 00:24:56,690
ועכשיו מטאור פשוט יצטרך
להכין במהירות את הפרויקט,

454
00:24:56,690 --> 00:25:03,320
להתחיל את מסד הנתונים כנדרש,
ולאחר מכן לפרסם את האפליקציה באופן מקומי.

455
00:25:03,320 --> 00:25:07,200
אנחנו יכולים ללכת לדפדפן האינטרנט שלנו עכשיו.

456
00:25:07,200 --> 00:25:10,215
ואנו רואים אנו ש
יש אפליקציה פשוטה מאוד.

457
00:25:10,215 --> 00:25:22,190

458
00:25:22,190 --> 00:25:29,130
אז מה שראינו הופיע היה למעשה
הצעד אחד, קובץ צעד אחד.

459
00:25:29,130 --> 00:25:33,260
>> בואו נעבור לשלב שתי רק בגלל
אני חושב שזה משרת את אותה המטרה.

460
00:25:33,260 --> 00:25:36,500
אני רק הולך לשנות
לצעד שתי הספרייה

461
00:25:36,500 --> 00:25:39,550
ולהפעיל מטאור שוב כדי שנוכל לראות
התבנית אנחנו רק עבדנו עם.

462
00:25:39,550 --> 00:25:43,560

463
00:25:43,560 --> 00:25:45,730
כן, שאלה?

464
00:25:45,730 --> 00:25:49,724
>> קהל: רשות אם אנחנו מקבלים
הכחיש, הוא that-- מה זה

465
00:25:49,724 --> 00:25:50,390
קראת לזה?

466
00:25:50,390 --> 00:25:52,154

467
00:25:52,154 --> 00:25:54,070
רוג'ר ZURAWICKI: אם
אתה מפעיל ריצת מטאור,

468
00:25:54,070 --> 00:25:57,280
ויש לך הרשאה
הכחיש, חלק מהקבצים שלך

469
00:25:57,280 --> 00:25:59,070
ייתכן שאין לי סט הרשות תקין.

470
00:25:59,070 --> 00:26:03,970
אז אתה צריך לבדוק בי
ההרשאות כבויות.

471
00:26:03,970 --> 00:26:06,030
הם יכולים להיות כבויים ב
פרויקט המטאור שלך,

472
00:26:06,030 --> 00:26:08,550
או שהם יכולים להיות כבויים ב
מטאור קבצים עצמם.

473
00:26:08,550 --> 00:26:13,742
>> קהל: אם אני הורדתי את זה רק עכשיו
מGitHub שלך, אז מה אני צריך לעשות

474
00:26:13,742 --> 00:26:16,110
[לא ברור]?

475
00:26:16,110 --> 00:26:20,110
>> רוג'ר ZURAWICKI: אם אתה רוצה
כדי לוודא שאתה יכול לגשת אליו,

476
00:26:20,110 --> 00:26:21,450
יש פקודה שאתה יכול לרוץ.

477
00:26:21,450 --> 00:26:26,590
תן לי לכתוב את זה במהירות
כדי שאנשים אחרים יכולים לראות את זה.

478
00:26:26,590 --> 00:26:30,670
אני הולך לפתוח כרטיסייה חדשה כאן
ולהיכנס לתיקיית הסמינר שלי.

479
00:26:30,670 --> 00:26:33,500

480
00:26:33,500 --> 00:26:36,490
Chmod הוא פקודה
כדי לשנות הרשאות,

481
00:26:36,490 --> 00:26:40,060
ואתה יכול לומר לr לעשות את זה
באופן רקורסיבי עבור כל קובץ.

482
00:26:40,060 --> 00:26:46,040
והרשאות, אתה יכול לנסות את 0755
לוודא שיש לך גישה מלאה,

483
00:26:46,040 --> 00:26:47,820
וכולם יכולים לקרוא.

484
00:26:47,820 --> 00:26:50,100
ואם אתה רק לרוץ
פקודה זו, זה יעשה

485
00:26:50,100 --> 00:26:55,800
בטוח הרשאות ב
לבדוק את כל הספרייה.

486
00:26:55,800 --> 00:26:59,160
פועל ls-l יכול להראות לך
הרשאות בפירוט רב יותר.

487
00:26:59,160 --> 00:27:01,290
זה נראה בסדר.

488
00:27:01,290 --> 00:27:03,900
>> מה שחשוב ביותר הוא
שיש לך את כל שלוש

489
00:27:03,900 --> 00:27:06,610
rwx לכל הקבצים ב
ספריית הסמינר.

490
00:27:06,610 --> 00:27:09,415

491
00:27:09,415 --> 00:27:11,330
האם זה יפתור את הבעיה?

492
00:27:11,330 --> 00:27:13,735
>> קהל: זה אומר חסר
אופרנטית [לא ברור].

493
00:27:13,735 --> 00:27:17,980

494
00:27:17,980 --> 00:27:18,740
[לא ברור]

495
00:27:18,740 --> 00:27:20,490
רוג'ר ZURAWICKI: אתה
צריך לוודא שאתה

496
00:27:20,490 --> 00:27:23,022
יש נקודה בסוף הפקודה שלך.

497
00:27:23,022 --> 00:27:23,938
קהל: [לא ברור].

498
00:27:23,938 --> 00:27:36,395

499
00:27:36,395 --> 00:27:37,520
רוג'ר ZURAWICKI: בסדר.

500
00:27:37,520 --> 00:27:42,220
תן לנו לחזור במהירות ל
מארח מקומי, האפליקציה שיש לנו.

501
00:27:42,220 --> 00:27:46,640
ואתה תראה שיש לנו
כמה משימות כאן, כצפוי.

502
00:27:46,640 --> 00:27:49,330

503
00:27:49,330 --> 00:27:51,990
יש לנו חבורה של CSS, ש
אתה לא צריך לדאוג.

504
00:27:51,990 --> 00:27:53,740
ההדרכה המטאור
רק נותן לך את זה

505
00:27:53,740 --> 00:27:58,010
כדי להפוך אותך לעשות מבט הרשימה
קצת יותר נחמד מ- HTML רגיל.

506
00:27:58,010 --> 00:28:02,290
ויש לנו את קובץ JavaScript, ש
אני אלך לפרטים נוספים קצת מאוחר יותר,

507
00:28:02,290 --> 00:28:04,272
אבל זה פשוט מספק את המשימות הללו.

508
00:28:04,272 --> 00:28:04,980
זוהי משימה אחת.

509
00:28:04,980 --> 00:28:05,740
זוהי משימה שתיים.

510
00:28:05,740 --> 00:28:06,590
זוהי משימה שלוש.

511
00:28:06,590 --> 00:28:09,720
אז זה נתונים המטאור של מקבלים.

512
00:28:09,720 --> 00:28:15,590
>> אחד הדברים מגניבים על המטאור הוא
כי שינויים יכולים לקרות באופן אוטומטי.

513
00:28:15,590 --> 00:28:18,990
אם אני רוצה לשנות את
שם המשימה הראשונה,

514
00:28:18,990 --> 00:28:22,490
אז זה הייתי אומר שזו לא
משימה אחת, ואני שומרים אותו,

515
00:28:22,490 --> 00:28:26,370
אז כשאני הולך לאינטרנט
דפדפן, אתה יכול לרענן אותו,

516
00:28:26,370 --> 00:28:30,861
וזה באופן אוטומטי אומר
זה לא משימה אחת.

517
00:28:30,861 --> 00:28:32,860
אתה יכול לעשות את אותו דבר
בכל אחד מהקבצים הללו.

518
00:28:32,860 --> 00:28:37,940
לעשות שינוי, במקום לעשות
רשימה, תהיה לי את זה שלי כדי לעשות את הרשימה.

519
00:28:37,940 --> 00:28:40,980
>> ועוד דבר אחד שאתה פשוט שם לב,
שאני אפילו לא צריך לרענן.

520
00:28:40,980 --> 00:28:43,960
הרעיון של מרענן הוא סוג
של פתר לך עם מטאור.

521
00:28:43,960 --> 00:28:48,970
בכל פעם שהוא מזהה את השינויים בקובץ,
זה יהיה לטעון את השינויים עבורכם.

522
00:28:48,970 --> 00:28:53,110
זה עובד על כל הקבצים, אם
זה HTML, CSS, או JavaScript.

523
00:28:53,110 --> 00:28:57,990
כדי להראות לך מה יישום זה ייראה
כמו בלי CSS, אני יכול להסיר את כל זה.

524
00:28:57,990 --> 00:29:04,720
וכאשר זה מחדש, עכשיו יש לך
לא יפה-מחפש לעשות רשימה כ.

525
00:29:04,720 --> 00:29:06,370
בואו נשים את התוכן שיחזור.

526
00:29:06,370 --> 00:29:11,343
ובוודאי מספיק, זה
מרענן, וCSS שלנו הוא חזרה.

527
00:29:11,343 --> 00:29:11,843
גדול.

528
00:29:11,843 --> 00:29:15,700

529
00:29:15,700 --> 00:29:20,010
>> כעת אנו יכולים לעבור עם ההדרכה.

530
00:29:20,010 --> 00:29:23,360
בואו נדבר על צעד שני, תבניות.

531
00:29:23,360 --> 00:29:27,140
זה מה שאנחנו פשוט ראינו
עם המשימות השונות.

532
00:29:27,140 --> 00:29:31,550
המטאור יסביר לכם מה
תבניות וכיצד ההיגיון הזה עובד.

533
00:29:31,550 --> 00:29:34,760
אבל בואו רק להסתכל על הקוד ל
לראות אם אנחנו יכולים הגיוניים לצאת מזה.

534
00:29:34,760 --> 00:29:38,030

535
00:29:38,030 --> 00:29:41,460
>> ביישומים פשוטים מאוד,
כמו מה שיש לנו בפשוט

536
00:29:41,460 --> 00:29:44,550
לעשות, צעד אחד, צעד שני, צעד
שלוש, ארבעה צעד, צעד חמש,

537
00:29:44,550 --> 00:29:45,700
אין לנו כל תיקיות.

538
00:29:45,700 --> 00:29:47,533
אין לנו השרת
תיקייה שציינתי.

539
00:29:47,533 --> 00:29:50,510
אין לנו לקוח
תיקייה שהוזכרה.

540
00:29:50,510 --> 00:29:52,290
אז המטאור יפעל את כל הקבצים.

541
00:29:52,290 --> 00:29:55,210
זה יהיה להפעיל אותו גם ב
הלקוח, שניהם בשרת.

542
00:29:55,210 --> 00:29:58,840
>> ואם אתה רוצה חלקים של JavaScript שלך
קוד לרוץ רק על הלקוח,

543
00:29:58,840 --> 00:30:02,350
הם צריכים לוודא שיש לך
אם הצהרה, כמו סוג של מה ש

544
00:30:02,350 --> 00:30:04,890
יש לנו בקובץ JavaScript שלנו כאן.

545
00:30:04,890 --> 00:30:08,010
אז מטאור, רק אם
זה לקוח, אז אני

546
00:30:08,010 --> 00:30:12,355
רוצה להגדיר תבנית
משימות נקראות עוזר.

547
00:30:12,355 --> 00:30:15,050

548
00:30:15,050 --> 00:30:19,260
מה הקוד הזה באמת
עושים זה אומר שיש

549
00:30:19,260 --> 00:30:21,800
תבנית אובייקט נקרא
המטאור שמספק.

550
00:30:21,800 --> 00:30:23,270
ואנחנו הולכים להוסיף עוזר.

551
00:30:23,270 --> 00:30:27,680
עוזרים הם משימות אלה,
את הדברים האלה כמו המשימות.

552
00:30:27,680 --> 00:30:33,890
>> אתה תראה שאם אחזור ל
קובץ HTML, שקראנו כל משימות.

553
00:30:33,890 --> 00:30:35,750
משימות אינה מוגדרות בHTML.

554
00:30:35,750 --> 00:30:37,770
הוא מוגדר ב- JavaScript.

555
00:30:37,770 --> 00:30:42,610
ומטאור צריך לדעת מה הוא משימות
כאשר אנו נכנסים לJavaScript כאן.

556
00:30:42,610 --> 00:30:45,550
משימות היא עוזר זה.

557
00:30:45,550 --> 00:30:49,830
עוזר, אתה יכול לחשוב על
זה כמשתנה תבנית.

558
00:30:49,830 --> 00:30:51,000
ומה משימות עושה?

559
00:30:51,000 --> 00:30:53,580
ובכן, זה מחזיר את רשימת הערכים.

560
00:30:53,580 --> 00:30:56,750
כי זה רשימה,
אנחנו יכולים לקרוא כל אחד בזה.

561
00:30:56,750 --> 00:30:58,590
אז זאת הסיבה שאנחנו קוראים כל במשימות.

562
00:30:58,590 --> 00:30:59,730
ועכשיו יש לנו משימה.

563
00:30:59,730 --> 00:31:02,850

564
00:31:02,850 --> 00:31:03,990
>> מה משימה עושה?

565
00:31:03,990 --> 00:31:07,740
ובכן, יש לו חץ זה
כאן אחרי הסוגריים המסולסלים.

566
00:31:07,740 --> 00:31:09,130
זה אומר שמשימתה תבנית.

567
00:31:09,130 --> 00:31:11,100
זה לא עוזר,
כמו מה שראינו.

568
00:31:11,100 --> 00:31:12,872
זה תבנית שהגדרנו.

569
00:31:12,872 --> 00:31:14,080
ושבו הגדרנו אותו?

570
00:31:14,080 --> 00:31:16,950
אנחנו כבר הגדרנו אותו מתחת לכאן.

571
00:31:16,950 --> 00:31:21,160
>> כל תבנית זו עושה היא לדקלם
פריט רשימה, והוא קורא טקסט.

572
00:31:21,160 --> 00:31:24,160
עכשיו, טקסט שנראה כ
עוזר, אבל אני אראה לך

573
00:31:24,160 --> 00:31:26,610
שזה בעצם עדיין
חבר נתונים של משימות.

574
00:31:26,610 --> 00:31:29,230

575
00:31:29,230 --> 00:31:33,670
כשאתה מתקשר כל, זה הולך ל
מבנה נתונים קצת.

576
00:31:33,670 --> 00:31:39,130
כמו foreach הלולאה, זה עכשיו פשוט נראה
באלמנט הראשון באובייקט שלנו.

577
00:31:39,130 --> 00:31:41,850
אנו רואים טקסט שהוא
מוגדר כאן באובייקט שלנו.

578
00:31:41,850 --> 00:31:45,350
אז המטאור הוא חכם כדי לדעת ש
על הטקסט הזה שאנחנו מדברים,

579
00:31:45,350 --> 00:31:47,630
לא עוזר שנקרא טקסט.

580
00:31:47,630 --> 00:31:52,120
זה פשוט מקבל את הערך של זה
טקסט כאן ומציג אותו כHTML,

581
00:31:52,120 --> 00:31:55,475
וזה נתונים איך הולך
מJavaScript כדי HTML.

582
00:31:55,475 --> 00:32:03,320

583
00:32:03,320 --> 00:32:07,030
>> נע על אף, בדוגמא זו
אנחנו מקודדים קשים ערכים אלה.

584
00:32:07,030 --> 00:32:10,440
המטאור עושה שני באמת
דברים נחמדים עבורנו.

585
00:32:10,440 --> 00:32:15,050
מלבד הרענון החי ש
הראתה, גם היא המנהלת בבסיס הנתונים שלנו.

586
00:32:15,050 --> 00:32:18,750
אם היית צריך לעבוד עם PHP,
אתה צריך להגדיר את phpMyAdmin.

587
00:32:18,750 --> 00:32:21,320
אתה צריך לוודא שלך
שולחנות היו כל סימון.

588
00:32:21,320 --> 00:32:24,760
אתה צריך לעשות הרבה עבודה לעשות
הנתונים שלך בטוח היה מעוצבים בצורה נכונה,

589
00:32:24,760 --> 00:32:27,880
ו- PHP יכול לתקשר איתו.

590
00:32:27,880 --> 00:32:30,170
>> עכשיו, מטאור משתמש פרדיגמה חדשה.

591
00:32:30,170 --> 00:32:32,310
זוהי דרך מודרנית יותר
טיפול במסד נתונים.

592
00:32:32,310 --> 00:32:34,580
זה טכנולוגיה המכונה MongoDB.

593
00:32:34,580 --> 00:32:38,740
בדיוק כמו ב- JavaScript, ראה שזה
לא משנה מה היו סוגי נתונים.

594
00:32:38,740 --> 00:32:39,640
הכל היה var.

595
00:32:39,640 --> 00:32:40,570
זה לא היה charstar.

596
00:32:40,570 --> 00:32:40,930
זה לא היה int.

597
00:32:40,930 --> 00:32:41,970
זה לא היה struct.

598
00:32:41,970 --> 00:32:44,210
זה היה רק ​​var זה, var ש.

599
00:32:44,210 --> 00:32:46,320
>> MongoDB עובד סוג של אותה הדרך.

600
00:32:46,320 --> 00:32:48,160
אתה לא צריך להגדיר השולחנות שלך.

601
00:32:48,160 --> 00:32:50,860
אתה לא צריך להגיד שולחן
יש לו שם, שבו יש int.

602
00:32:50,860 --> 00:32:54,710
יש לו, אני לא יודע,
דולר, אשר הוא עשרוני.

603
00:32:54,710 --> 00:32:58,360
זה פשוט JavaScript אובייקטים אלה,
כל VARs אלה, במהות.

604
00:32:58,360 --> 00:33:02,780
וזה באמת חזק
דרך לאב טיפוס האפליקציה שלך.

605
00:33:02,780 --> 00:33:06,190
וזו הסיבה שמטאור
מנצל זאת.

606
00:33:06,190 --> 00:33:11,080
>> אם אנחנו הולכים לשלב שלישי,
בואו לראות מה השתנה.

607
00:33:11,080 --> 00:33:15,480
אם אנחנו מסתכלים על HTML todos, לא הרבה.

608
00:33:15,480 --> 00:33:17,170
CSS לא השתנה בכלל.

609
00:33:17,170 --> 00:33:22,420
אבל השינוי הקטן שאנו רואים ב- HTML
הוא שינינו כמה משימות מוגדרת.

610
00:33:22,420 --> 00:33:23,800
משימות היא כעת פונקציה.

611
00:33:23,800 --> 00:33:25,800
זה אומר שכל
זמן אנחנו רוצים להגיע משימות,

612
00:33:25,800 --> 00:33:27,480
אנחנו הולכים לרוץ בפונקציה זו.

613
00:33:27,480 --> 00:33:29,230
זה לא יחזור
פונקציה כערך.

614
00:33:29,230 --> 00:33:33,710
>> המטאור הוא חכם לרוץ למעשה
פונקציה כדי לראות מה אנחנו יוצאים.

615
00:33:33,710 --> 00:33:36,650
וזה מחזיר את הדבר הזה שנקרא משימות.

616
00:33:36,650 --> 00:33:40,650
אנחנו הגדרנו משימות בשורה אחת,
וזה אוסף Mongo.

617
00:33:40,650 --> 00:33:43,170
Mongo מתייחס ל
מסד נתוני המטאור משתמש,

618
00:33:43,170 --> 00:33:48,420
וזה חדש רק אומר בואו נעשה
אוסף חדש, קורא לזה משימות.

619
00:33:48,420 --> 00:33:53,540
בMySQL, זה יהיה שווה ערך ל
מחפש משימות הטבלה בשם.

620
00:33:53,540 --> 00:33:56,350
יש Mongo אוספים, לא שולחנות.

621
00:33:56,350 --> 00:34:00,100
אז זה פשוט נראה למשימות.

622
00:34:00,100 --> 00:34:04,820
>> עכשיו, תבנית בנו
עוזר בתבנית, כל

623
00:34:04,820 --> 00:34:08,380
אנחנו צריכים לעשות כדי לקבל את כל
משימות היא פונקציה זו, מוצאת

624
00:34:08,380 --> 00:34:11,710
וסד ריק.

625
00:34:11,710 --> 00:34:14,150
זה יותר מיוחד לתחביר Mongo.

626
00:34:14,150 --> 00:34:16,159
יש הרבה
תיעוד מקוון לאיך

627
00:34:16,159 --> 00:34:19,360
אתה יכול לייעל ו
באמת שימושי שאילתות Mongo.

628
00:34:19,360 --> 00:34:25,560
אבל משהו כזה הוא טוב
מספיק רק למצוא את כל הנתונים.

629
00:34:25,560 --> 00:34:30,100
>> עכשיו, אחד הנושאים שאתה עשוי לראות
הוא שאנחנו אף פעם לא באמת להוסיף נתונים.

630
00:34:30,100 --> 00:34:35,020
אז מה קורה כאשר אנחנו
למעשה לרוץ צעד שלושה?

631
00:34:35,020 --> 00:34:37,550
בואו נלך במהירות ל
השלב שלישי ולהפעיל מטאור.

632
00:34:37,550 --> 00:34:42,870

633
00:34:42,870 --> 00:34:45,650
שים לב שיש לי עוד מטאור
פרויקט פועל במקום אחר,

634
00:34:45,650 --> 00:34:49,110
כך המטאור לא אוהב את זה.

635
00:34:49,110 --> 00:34:52,810
אני רק הולך להיסגר במהירות ל
המטאור האחר עם הבקרה C,

636
00:34:52,810 --> 00:34:55,780
ללכת לצעד שלושה,
ולהפעיל מטאור שוב.

637
00:34:55,780 --> 00:35:01,070

638
00:35:01,070 --> 00:35:03,180
שים לב, זה מתחיל
MongoDB כי MongoDB

639
00:35:03,180 --> 00:35:06,370
הוא חלק מכל פרויקט מטאור.

640
00:35:06,370 --> 00:35:09,190
>> אז זה אומר שיש לי שגיאות יישום.

641
00:35:09,190 --> 00:35:10,590
זה תכונה נחמדה יש ​​מטאור.

642
00:35:10,590 --> 00:35:13,700
זה גורם לך בטוח
HTML אומת גם.

643
00:35:13,700 --> 00:35:17,710
בואו נסתכל במהירות במה זה יכול להיות.

644
00:35:17,710 --> 00:35:26,110
נראה שיש לי בטעות
העתיק את קוד HTML לא בסדר.

645
00:35:26,110 --> 00:35:30,610
אם אני שומר אותו עכשיו, מטאור
באופן אוטומטי מחדש את השרת,

646
00:35:30,610 --> 00:35:34,650
ועכשיו את האפליקציה פועלת כצפוי.

647
00:35:34,650 --> 00:35:39,220
שים לב כדי לתקן את זה, אתה יכול פשוט להפעיל
את אותו קובץ HTML מצעד שני,

648
00:35:39,220 --> 00:35:40,380
להעתיק אותו לצעד שלוש.

649
00:35:40,380 --> 00:35:43,290

650
00:35:43,290 --> 00:35:45,917
>> אנחנו יכולים לחזור למארח המקומי שלנו.

651
00:35:45,917 --> 00:35:47,500
ועכשיו אנו רואים שיש לנו שלנו כדי לעשות את הרשימה.

652
00:35:47,500 --> 00:35:50,070
גדול, אבל זה ריק.

653
00:35:50,070 --> 00:35:54,210
למעשה אין לנו שום
משימות בבסיס הנתונים שלנו Mongo.

654
00:35:54,210 --> 00:35:57,930
אז בואו נדבר על
כמה דרכים שאנחנו יכולים לעשות את זה.

655
00:35:57,930 --> 00:36:03,240
אם נחזור למסוף, אנחנו
יכול לסגור אותו ולהפעיל את המטאור Mongo.

656
00:36:03,240 --> 00:36:05,320
>> אם אתה מכיר
עם איך מטאור עובד,

657
00:36:05,320 --> 00:36:14,100
זה בעצם נותן לך גישה
לMongoDB המלא למטאור.

658
00:36:14,100 --> 00:36:17,570
שים לב שיש לך להיות מפעיל
המטאור ראשון שזה יעבוד.

659
00:36:17,570 --> 00:36:23,840
אז אם אני מפעיל את זה בלשונית חדשה, אני
יכול לחזור לאותה הספרייה.

660
00:36:23,840 --> 00:36:29,040

661
00:36:29,040 --> 00:36:32,570
ועכשיו המטאור עובד בסדר גמור.

662
00:36:32,570 --> 00:36:33,600
זוהי הפקודה.

663
00:36:33,600 --> 00:36:36,350

664
00:36:36,350 --> 00:36:38,790
תנו לי לעשות את זה קצת
גדול יותר כדי שנוכל לראות.

665
00:36:38,790 --> 00:36:41,550
זה נראה קצת שונה מ
מה שאתה יכול להשתמש בהם כדי לך

666
00:36:41,550 --> 00:36:42,869
באמת לא צריך להשתמש Mongo.

667
00:36:42,869 --> 00:36:45,410
הנקודה שלי כאן היא כל
כך שאתה יכול להשתמש ב- JavaScript.

668
00:36:45,410 --> 00:36:48,250
אבל אם אתם סקרנים,
API Mongo לא

669
00:36:48,250 --> 00:36:50,730
להשתמש ב- SQL, שפת שאילתות מובנית.

670
00:36:50,730 --> 00:36:55,570
היא משתמשת בשפה משלו ש
נראה הרבה כמו JavaScript.

671
00:36:55,570 --> 00:37:00,520
מהר מאוד, אנחנו יכולים למצוא את
השולחן באמצעות db.tasks.

672
00:37:00,520 --> 00:37:08,940
וזה אומר לי
מתברר אם אנחנו רצים למצוא,

673
00:37:08,940 --> 00:37:13,450
סוג של דומה למה שהיו לנו עם
מטאור, אנחנו יכולים לטעון את כל האלמנטים.

674
00:37:13,450 --> 00:37:17,330
הבעיה היא, שאנחנו לא
למעשה יש כל משימות מוגדרות.

675
00:37:17,330 --> 00:37:20,600
כך שזה לא יכול לקבל אותם.

676
00:37:20,600 --> 00:37:22,130
>> אנחנו יכולים להכניס, אם כי.

677
00:37:22,130 --> 00:37:25,170
אז אנחנו יכולים לרוץ הוספה
עם הוספת פקודה.

678
00:37:25,170 --> 00:37:29,140
ואנחנו רק נותנים לי
אובייקט, ואנחנו רק

679
00:37:29,140 --> 00:37:31,840
לוודא את הפורמט הוא מה שאנחנו מצפים.

680
00:37:31,840 --> 00:37:35,030
אם נראו בשלב שני,
ראינו שכל משימה

681
00:37:35,030 --> 00:37:39,590
היה אובייקט עם טקסט
כמפתח וכל מה ש

682
00:37:39,590 --> 00:37:41,640
לעשות הפריט שלך היה כמשתנה.

683
00:37:41,640 --> 00:37:44,680
אז אנחנו יכולים לעשות כאן משהו.

684
00:37:44,680 --> 00:37:50,160
>> אנחנו יכולים לקבל את זה להכניס משימה
בשמי מMongo לבוא.

685
00:37:50,160 --> 00:37:52,570
ואנחנו לחצו על Enter, והיא פועלת.

686
00:37:52,570 --> 00:37:56,900
אנחנו יכולים לרוץ למצוא שוב, ואנחנו
רואה שיש כאן אובייקט.

687
00:37:56,900 --> 00:38:01,810
Mongo מקצה לו תעודת זהות, שבו אתה
לא באמת צריך לדאוג.

688
00:38:01,810 --> 00:38:06,690
מה שחשוב לך הוא נתונים
אתה מכניס, הוא נתונים שאתה יוצא.

689
00:38:06,690 --> 00:38:10,500
>> בואו נחזור לאתר שלנו,
והיי, המשימה שלנו עמוסה.

690
00:38:10,500 --> 00:38:13,987
ואתה יכול לראות ש
כי המטאור הוא מאוד חכם

691
00:38:13,987 --> 00:38:16,570
ותמיד מרענן בשבילך, אני
לא צריך לגעת בדף.

692
00:38:16,570 --> 00:38:19,160
זה באופן אוטומטי טעון.

693
00:38:19,160 --> 00:38:23,520
>> בואו נרוץ קצת קוד ב
JavaScript אף לעשות את זה.

694
00:38:23,520 --> 00:38:26,120
כמו שיש לנו צומת בגב
בסופו של לבצע את JavaScript,

695
00:38:26,120 --> 00:38:29,280
אנחנו יכולים גם להפעיל JavaScript
ישירות בדפדפנים שלנו.

696
00:38:29,280 --> 00:38:31,970
אתה יכול לעשות זאת על ידי תכונה
נקרא בדיקת רכיב.

697
00:38:31,970 --> 00:38:34,210
אם אני לחץ לחיצה ימנית על
סעיף של הדף,

698
00:38:34,210 --> 00:38:36,730
יש אפשרות
נקרא בדיקת רכיב.

699
00:38:36,730 --> 00:38:38,840
אם אתה מפעיל
דפדפן כמו ספארי, אתה

700
00:38:38,840 --> 00:38:45,430
ייתכן שיצטרך להפעיל המפתח שלך
כלים לפני שאתה מקבל בתכונה זו.

701
00:38:45,430 --> 00:38:46,930
>> מה אכפת לנו הוא הקונסולה.

702
00:38:46,930 --> 00:38:48,930
אז אנחנו פשוט נלך ל
קונסולה בתחתית.

703
00:38:48,930 --> 00:38:52,110

704
00:38:52,110 --> 00:38:55,970
עכשיו אנחנו יכולים להפעיל את כל JavaScript
כאן, כמו JavaScript

705
00:38:55,970 --> 00:38:58,860
קבצים שהראיתי בדוגמא js.

706
00:38:58,860 --> 00:39:02,040
אבל עכשיו בואו נסתכל על משימות.

707
00:39:02,040 --> 00:39:04,955
אנחנו יכולים להריץ את הפקודה שלנו.

708
00:39:04,955 --> 00:39:07,830
ואני מקווה שאני אהיה מסוגל לעשות
זה קצת יותר גדול כדי שנוכל לראות את כל.

709
00:39:07,830 --> 00:39:14,390

710
00:39:14,390 --> 00:39:18,450
>> אם נריץ tasks.find, ואתה
תראה שזה בדיוק את אותו הקוד

711
00:39:18,450 --> 00:39:24,840
ששימושי קובץ JavaScript
בשלב שלושה, task.find זה.

712
00:39:24,840 --> 00:39:29,100
אנחנו יכולים לרוץ את אותו הדבר, ו
עכשיו אנחנו מקבלים כמה דברים מוזרים.

713
00:39:29,100 --> 00:39:31,050
איך אנחנו בעצם מקבלים את הנתונים?

714
00:39:31,050 --> 00:39:34,860
ובכן, יש לנו כדי להפעיל את זה
הפקודה נקראת להביא.

715
00:39:34,860 --> 00:39:37,150
>> זה מאוד שימושי לאיתור באגים.

716
00:39:37,150 --> 00:39:41,000
מה שאתה מקבל כאן הוא
סמן, ואת זה הוא

717
00:39:41,000 --> 00:39:44,890
דרך נחמדה יש ​​מטאור
הנתונים מקסימים מותאמים.

718
00:39:44,890 --> 00:39:48,270
יש סמן מכיל את כל התכונות ל
עדכון חי ולרענן את הדף

719
00:39:48,270 --> 00:39:49,650
כאשר משהו השתנה.

720
00:39:49,650 --> 00:39:51,280
אבל זה לא יקבל אותנו נתונים.

721
00:39:51,280 --> 00:39:52,720
אנחנו יכולים לקבל את הנתונים באמצעות להביא.

722
00:39:52,720 --> 00:39:56,880
ואתה רואה שיש לנו אובייקט, ו
זה בדיוק כמו מה שהיה לנו בMongo,

723
00:39:56,880 --> 00:40:00,040
עם תעודת זהות ואת הטקסט שאנחנו מכניסים.

724
00:40:00,040 --> 00:40:04,200
>> אז איך אנחנו להכניס את הפריט במטאור?

725
00:40:04,200 --> 00:40:07,250
ובכן, רק שיש לנו משימות.

726
00:40:07,250 --> 00:40:09,990
ואז אנחנו יכולים לרוץ
אותו פקודת Insert,

727
00:40:09,990 --> 00:40:17,520
נותן מילון או אובייקט
עם אותו הפורמט, הטקסט

728
00:40:17,520 --> 00:40:22,340
ואז אני מהמסוף לבוא.

729
00:40:22,340 --> 00:40:27,240
תסתכל מעל כי כש
לעשות את זה, זה מראה על האתר

730
00:40:27,240 --> 00:40:29,660
באופן אוטומטי.

731
00:40:29,660 --> 00:40:33,291
>> שימו לב שאתה יכול לשים כל דבר
אתה רוצה בסעיפים אלו.

732
00:40:33,291 --> 00:40:35,040
זה לא חייב
יש מבנה קבוע.

733
00:40:35,040 --> 00:40:39,790
יש לי יכולים שווה ל
מספר שלוש וb שווה ל- false.

734
00:40:39,790 --> 00:40:41,600
וזה עובד.

735
00:40:41,600 --> 00:40:46,000
אני אפילו יכול לבחור שלא
כולל טקסט בכל.

736
00:40:46,000 --> 00:40:48,320
זה פשוט לא מומלץ
אף כי אז מטאור

737
00:40:48,320 --> 00:40:50,920
לא יודע מה להציג.

738
00:40:50,920 --> 00:40:53,110
אבל בכל מקרה, אנחנו
לקבל תעודת זהות, וזה

739
00:40:53,110 --> 00:40:54,785
זיהוי של האובייקט שאתה יכול להשתמש.

740
00:40:54,785 --> 00:41:01,120

741
00:41:01,120 --> 00:41:03,280
>> ככל שאנו ממשיכים עם
צעד ארבעה וצעד חמש,

742
00:41:03,280 --> 00:41:06,870
ההדרכה תיראה לכם דרכים ש
אתה יכול ליצור רכיבי ממשק משתמש באמצעות

743
00:41:06,870 --> 00:41:13,130
HTML אתה יודע ל
ליצור משימות שונות.

744
00:41:13,130 --> 00:41:15,440
בואו נסתכל על צעד ארבעה ממש מהר.

745
00:41:15,440 --> 00:41:18,290
אנחנו אראה שהוספנו
סעיף על אירועים.

746
00:41:18,290 --> 00:41:20,874
תבניות יכולות להיות
עוזרים, שיקבלו אותנו נתונים.

747
00:41:20,874 --> 00:41:22,040
אבל זה גם יכול לקרוא לאירועים.

748
00:41:22,040 --> 00:41:25,300
וזה מקום שבי דברים
הופך להיות שימושי, משום שאירועים

749
00:41:25,300 --> 00:41:28,590
הם מה שקורה כאשר אתה לוחץ על
דברים שונים באתר שלך.

750
00:41:28,590 --> 00:41:33,790
>> כאן, הקוד שלנו הוא לספר
לנו להוסיף את האירוע הזה.

751
00:41:33,790 --> 00:41:38,860
הוסף אותו בעת ששלחת
משהו עם המשימה החדשה בכיתה.

752
00:41:38,860 --> 00:41:41,910
מה יש לכם כאן הוא בורר CSS.

753
00:41:41,910 --> 00:41:45,870
אז זה פשוט נראה לHTML
אלמנטים שיש משימה החדשה בכיתה.

754
00:41:45,870 --> 00:41:47,940
וזה נראה לאירוע, כמו שליחה.

755
00:41:47,940 --> 00:41:51,050
אירועים אחרים כוללים
לחץ, לרחף, לחץ לחיצה כפולה,

756
00:41:51,050 --> 00:41:54,450
דומה למה שאתה מקבל ב- HTML הרגיל.

757
00:41:54,450 --> 00:41:56,770
>> מה אתה נותן לו כאן הוא כעת פונקציה.

758
00:41:56,770 --> 00:42:01,210
ואתה יכול להיות שלך
קוד בפונקציה ש.

759
00:42:01,210 --> 00:42:06,360
פונקציה זו היא מה שסופו של דבר מקבל
נקרא כאשר אתה שולח משימה חדשה זו.

760
00:42:06,360 --> 00:42:12,170
בואו נסתכל על HTML רק כדי ש
להבין מה היא משימה חדשה זו.

761
00:42:12,170 --> 00:42:15,570
הוספנו טופס כאן
עם משימה חדשה בכיתה.

762
00:42:15,570 --> 00:42:19,880
ויש לה קלט שלוקח טקסט.

763
00:42:19,880 --> 00:42:22,605
וזה מקום שבנו
יוסיף המשימות החדשות שלנו.

764
00:42:22,605 --> 00:42:25,520

765
00:42:25,520 --> 00:42:29,780
>> בואו לרוץ צעד ארבעה ב
אתר אינטרנט כדי לראות איך זה נראה.

766
00:42:29,780 --> 00:42:32,710
אנחנו יכולים להפסיק את הראשון
של MongoDB היו לנו

767
00:42:32,710 --> 00:42:35,300
מהקודם שלנו
דוגמא עם הבקרה ג

768
00:42:35,300 --> 00:42:37,690
ובואו לשנות אותו ל
הצעד ארבע ספרייה.

769
00:42:37,690 --> 00:42:41,000

770
00:42:41,000 --> 00:42:42,920
אנו נפעיל מטאור שוב
כדי להפעיל את השרת.

771
00:42:42,920 --> 00:42:46,850

772
00:42:46,850 --> 00:42:50,510
ולמרבה הצער, לא היה לי מטאור
פועל במסוף אחר.

773
00:42:50,510 --> 00:42:53,080
אז אני פשוט הולך ל
לוודא שזה סגור.

774
00:42:53,080 --> 00:43:01,805
בואו להפסיק את זה ושינוי
לחלק ארבעה, צעד ארבעה.

775
00:43:01,805 --> 00:43:02,305
OK.

776
00:43:02,305 --> 00:43:11,220

777
00:43:11,220 --> 00:43:13,250
>> עכשיו קוד המטאור שלנו פועל.

778
00:43:13,250 --> 00:43:19,480
ואתה יכול לראות שזה מעודכן, ללא
שלנו אפילו שיש לרענן את הדף.

779
00:43:19,480 --> 00:43:24,410
מה השתנה כאן הוא עכשיו
כי אין לנו כל משימות,

780
00:43:24,410 --> 00:43:29,530
אבל יש לנו טופס כאן, זה
תיבת טקסט, להוסיף המשימות החדשות שלנו.

781
00:43:29,530 --> 00:43:31,550
ואנחנו יכולים להקליד המשימה שלנו כאן.

782
00:43:31,550 --> 00:43:34,564
אני מהעמוד HTML לבוא.

783
00:43:34,564 --> 00:43:36,105
כאשר אני לוחץ על Enter, זה יש להגיש.

784
00:43:36,105 --> 00:43:39,180

785
00:43:39,180 --> 00:43:44,540
>> אנחנו יכולים לראות את מה שקורה כ
שהוגדר על ידי קוד JavaScript.

786
00:43:44,540 --> 00:43:49,930
מה פונקציה זו עשתה היה
לקחת את הטקסט מהטופס,

787
00:43:49,930 --> 00:43:53,680
ואז פשוט נקרא tasks.insert,
כמו שעשינו בקונסולה.

788
00:43:53,680 --> 00:43:56,410
הם גם בחרו להוסיף תאריך createdAt.

789
00:43:56,410 --> 00:43:59,840
כך שהיית
ציין את השעה הנוכחית.

790
00:43:59,840 --> 00:44:03,220
אחרי זה, זה מנקה את הטופס על ידי ביצוע
בטוח הערך הוא המחרוזת הריקה.

791
00:44:03,220 --> 00:44:06,550
>> ולאחר מכן הוא קורא לחזור שווא ל
לוודא ששום דבר אחר לא קורה.

792
00:44:06,550 --> 00:44:10,350
כשאתה חוזר משווא
אירוע טופס, שעוצר את הביצוע.

793
00:44:10,350 --> 00:44:14,520
אומר שיש צורת פעולה,
כמו להגיש לדף PHP.

794
00:44:14,520 --> 00:44:16,980
אם אתה לא חזר
שקר, שהיית חוזר אמיתי.

795
00:44:16,980 --> 00:44:18,500
זה היה בסופו של דבר עושה את הבקשה.

796
00:44:18,500 --> 00:44:20,590
מיירט שווא זה ו
מפסיק את זה ממש שם.

797
00:44:20,590 --> 00:44:23,510

798
00:44:23,510 --> 00:44:28,610
>> אז זה היה קצת הדגמה על
איך מטאור עובד, ויש לנו

799
00:44:28,610 --> 00:44:30,980
היה הבא ההדרכה לזמן מה.

800
00:44:30,980 --> 00:44:33,560
ואתה יכול בבקשה מרגיש
חופשי להמשיך לעשות את זה.

801
00:44:33,560 --> 00:44:37,760
יש שפע של משאבים,
וההדרכה היא למעשה רק

802
00:44:37,760 --> 00:44:40,400
טוב מאוד על הסברה
מה קורה.

803
00:44:40,400 --> 00:44:44,362
אני רוצה להראות לך עכשיו, ב
כמה דקות שנשארנו לנו,

804
00:44:44,362 --> 00:44:46,320
מה הם כמה מ
תכונות קרירה של מטאור,

805
00:44:46,320 --> 00:44:48,772
ומה הם חלק מ
חבילות שימושיות יותר.

806
00:44:48,772 --> 00:44:51,730
אחד הדברים הגדולים על מטאור
הוא שיש לך מערכת חבילה.

807
00:44:51,730 --> 00:44:55,620
אתה יכול בקלות לשלב קוד
כי אלפי רבים של מפתחים

808
00:44:55,620 --> 00:44:58,840
כתבתי ברחבי העולם
לפרויקט המטאור שלך.

809
00:44:58,840 --> 00:45:02,410
אחת דוגמאות לכך היא מה שאפשר
לעשות בשלב תשעה של ההדרכה, שבו

810
00:45:02,410 --> 00:45:07,435
אתה מנסה להוסיף חשבונות
לפרויקט המטאור שלך.

811
00:45:07,435 --> 00:45:10,010

812
00:45:10,010 --> 00:45:13,690
אם יש לנו PHP CS50
פרויקט, שהיינו לי

813
00:45:13,690 --> 00:45:17,810
להסתמך על המסגרת
או הקוד שלנו כדי להפוך את

814
00:45:17,810 --> 00:45:20,820
בטוח שאנחנו באופן מאובטח להתמודד
סיסמאות ושמות משתמש

815
00:45:20,820 --> 00:45:23,120
ואחסון בבסיס הנתונים
ואת כל זה.

816
00:45:23,120 --> 00:45:25,670
>> מתברר שיש כמה מטאור
חבילות לעשות את זה בשבילך,

817
00:45:25,670 --> 00:45:29,160
וכדי לעשות את זה מאוד בקלות.

818
00:45:29,160 --> 00:45:31,950
מה אנחנו יכולים לעשות הוא להוסיף כמה חבילות.

819
00:45:31,950 --> 00:45:37,450
אז בואו לעשות את הדבר נכון ש
עכשיו בקונסולה שלנו.

820
00:45:37,450 --> 00:45:42,460
אני הולך לעזוב את הפרויקט ו
עכשיו נכנס לפשוט-todos.

821
00:45:42,460 --> 00:45:47,450

822
00:45:47,450 --> 00:45:50,050
עכשיו, פשוט-todos הוא
הפרויקט ש

823
00:45:50,050 --> 00:45:53,500
יהיה לאחר שנעשה
עם צעד 11 או 12 צעד,

824
00:45:53,500 --> 00:45:55,250
בסופו של מדריך זה.

825
00:45:55,250 --> 00:45:58,642
ובואו נסתכל על זה במהירות כדי לראות
מה הן התכונות השונות שיש לנו.

826
00:45:58,642 --> 00:46:01,610
בואו רק לוודא שהוא פועל.

827
00:46:01,610 --> 00:46:04,400
לפעמים זה לוקח זמן
כדי לרענן, אבל הנה זה.

828
00:46:04,400 --> 00:46:09,710
>> יש לנו אפשרותנו להסתיר
משימות מלאים, ואנחנו יכולים להיכנס.

829
00:46:09,710 --> 00:46:11,770
וזה נעשה ב
חבילת המטאור.

830
00:46:11,770 --> 00:46:12,270
זה נהדר.

831
00:46:12,270 --> 00:46:14,910
עכשיו יש לנו שם משתמש
וסימן סיסמא ב.

832
00:46:14,910 --> 00:46:19,170
אבל מה אם אנחנו רוצים להוסיף
סוג אחר של מנגנון התחברות?

833
00:46:19,170 --> 00:46:22,560
בואו נגיד שאני רציתי להיכנס
עם חשבון המטאור שלי.

834
00:46:22,560 --> 00:46:27,270
אני הולך לרוץ תוספת מטאור, וזה
הוא התחביר להוספת חבילות.

835
00:46:27,270 --> 00:46:32,160
אני יכול לומר חשבונות, וaccounts.meteor.

836
00:46:32,160 --> 00:46:35,720
זה הולך למצוא עכשיו
החבילה ולטעון אותו.

837
00:46:35,720 --> 00:46:40,480
אתה יכול לראות שיש לי לא
מצאתי שם החבילה הנכונה.

838
00:46:40,480 --> 00:46:42,820
>> אז איך אתה לברר על חבילות?

839
00:46:42,820 --> 00:46:46,380
ובכן יש אתר אינטרנט גדול, שנעשה
זמין על ידי אנשי המטאור,

840
00:46:46,380 --> 00:46:47,780
נקרא atmospherejs.com.

841
00:46:47,780 --> 00:46:52,520
Atmospherejs, מילה אחת, נקודה
com, הוא מאגר גדול

842
00:46:52,520 --> 00:46:57,660
למציאת כל המטאור
חבילות במאגר.

843
00:46:57,660 --> 00:47:05,140
אני יכול לחפש חשבונות, ולאחר מכן
זה יראו לי את כל הדברים הרלוונטיים,

844
00:47:05,140 --> 00:47:07,320
כל החבילות עם שמו של החשבון.

845
00:47:07,320 --> 00:47:10,180

846
00:47:10,180 --> 00:47:13,270
>> בעוד שנטען, אנחנו יכולים לנסות
הוספה כמה חבילות אחרות.

847
00:47:13,270 --> 00:47:19,380
אולי חבילת המטאור לא עובדת
עכשיו, אבל אני יכול להוסיף פייסבוק.

848
00:47:19,380 --> 00:47:22,860

849
00:47:22,860 --> 00:47:27,190
אני יכול להוסיף את החשבון ולאחר מכן
להפעיל את פרויקט המטאור שוב.

850
00:47:27,190 --> 00:47:33,260

851
00:47:33,260 --> 00:47:36,900
ברגע שזה מתחיל, בואו לראות
מה השתנה באתר.

852
00:47:36,900 --> 00:47:40,010

853
00:47:40,010 --> 00:47:44,580
אתה יכול see-- אני עלול
צריך לרענן אותו כאן.

854
00:47:44,580 --> 00:47:47,320
>> יש לי לחצן ל
להגדיר התחברות פייסבוק.

855
00:47:47,320 --> 00:47:49,765
והנה, יש לי כל
הוראות המטאור

856
00:47:49,765 --> 00:47:52,960
הכין עבורך ל
הגדרת יישום Facebook.

857
00:47:52,960 --> 00:47:58,990
ואתה יכול להשתמש בזה
מידע להוסיף זיהוי שלך.

858
00:47:58,990 --> 00:48:04,130
ברגע שזה נעשה, יהיה לך
התחברות פייסבוק עובדת באפליקציה שלך.

859
00:48:04,130 --> 00:48:08,559
>> אני רק הולך לקבל
מזהה יישום וסוד,

860
00:48:08,559 --> 00:48:10,100
רק כדי להראות לך איך זה יכול לעבוד.

861
00:48:10,100 --> 00:48:16,000

862
00:48:16,000 --> 00:48:20,360
אתה צריך חשבון בפייסבוק
כדי להשתמש באפשרויות מפתחי פייסבוק.

863
00:48:20,360 --> 00:48:31,160

864
00:48:31,160 --> 00:48:35,290
תן לי רק למצוא במהירות
מפתחות מטאור שנחוצים.

865
00:48:35,290 --> 00:48:46,994

866
00:48:46,994 --> 00:48:49,160
יש לי פרויקט מטאור אחר
כי אני הולך להשתמש,

867
00:48:49,160 --> 00:48:55,590
ואני רק הולך לקחת
המפתחות מקובץ ש.

868
00:48:55,590 --> 00:49:14,410

869
00:49:14,410 --> 00:49:20,930
>> וברגע שאני מוצא את זה, אני רק נוכל
כדי להעתיק את המפתחות האלה לפייסבוק שלי.

870
00:49:20,930 --> 00:49:23,489
אז הנה הוא מפתח.

871
00:49:23,489 --> 00:49:24,280
וזה סוד.

872
00:49:24,280 --> 00:49:26,071
אתה לא צריך להיות
שיתוף זה עם אנשים.

873
00:49:26,071 --> 00:49:28,870

874
00:49:28,870 --> 00:49:30,910
ואז אתה נותן את זה בסוד את האפליקציה שלך.

875
00:49:30,910 --> 00:49:33,560
וזה כל כך פייסבוק
מכיר אותך אתה.

876
00:49:33,560 --> 00:49:37,630

877
00:49:37,630 --> 00:49:39,080
ולך לשמור את התצורה.

878
00:49:39,080 --> 00:49:45,160

879
00:49:45,160 --> 00:49:48,640
>> אני חושב שבתהליך
הפסיק האפליקציה המטאור שלי.

880
00:49:48,640 --> 00:49:52,290
אז אני רק רוצה לעשות
בטוח שזה עדיין שם.

881
00:49:52,290 --> 00:49:54,962

882
00:49:54,962 --> 00:49:58,610
OK, בואו נוודא שרת המטאור שלנו
פועל כך בדף האינטרנט בו פועל.

883
00:49:58,610 --> 00:50:02,440
שים לב אם אנחנו עוצרים המטאור
שרת, הדף הוא עדיין שם.

884
00:50:02,440 --> 00:50:04,700
זה פשוט לא יעדכן יותר.

885
00:50:04,700 --> 00:50:10,290
שרת המטאור הוא הכרחי
לוודא הדף הוא חי.

886
00:50:10,290 --> 00:50:14,050
>> OK, אני כבר הגשתי אותו, ועכשיו
אני יכול להיכנס עם פייסבוק.

887
00:50:14,050 --> 00:50:17,400
עכשיו זה רק עניין של
נתקל עד פופ פייסבוק

888
00:50:17,400 --> 00:50:21,710
ולשים בחשבון שלך
מידע ורישום ב.

889
00:50:21,710 --> 00:50:24,520

890
00:50:24,520 --> 00:50:27,930
ברגע שאתה עושה את זה, אולי פייסבוק
לנדנד לך על כמה ביטחון יותר.

891
00:50:27,930 --> 00:50:29,810
אז אנחנו פשוט נפסיק שם.

892
00:50:29,810 --> 00:50:34,110
הנקודה היא שכשתסיים
עם זה, יהיה לך התחברות פייסבוק.

893
00:50:34,110 --> 00:50:37,850
>> יש מטאור חבורה של
חבילות אחרות גם כן.

894
00:50:37,850 --> 00:50:39,200
אתה יכול להיכנס ל- Google+.

895
00:50:39,200 --> 00:50:40,500
אתה יכול להתחבר עם GitHub.

896
00:50:40,500 --> 00:50:42,170
אתה יכול להתחבר עם טוויטר.

897
00:50:42,170 --> 00:50:44,870
או אם אתה חיפוש,
למצוא שפע של דברים אחרים

898
00:50:44,870 --> 00:50:49,170
כמו Meetup, LinkedIn,
ומפתחי מטאור.

899
00:50:49,170 --> 00:50:53,100
אז מפתחי מטאור היו
חבילה שחיפשתי.

900
00:50:53,100 --> 00:50:56,170
מטאור להוסיף חשבונות-מטאור-מפתח.

901
00:50:56,170 --> 00:51:06,192

902
00:51:06,192 --> 00:51:07,900
בינתיים, אני
גם רוצה להמליץ

903
00:51:07,900 --> 00:51:11,340
כמה חבילות אחרות לפרויקטים שלך.

904
00:51:11,340 --> 00:51:14,670
זה יכול להיות שימושי ל
כולל חבילת jQuery.

905
00:51:14,670 --> 00:51:17,909
זה מאפשר לך להשתמש ב
jQuery בלקוחות שלך.

906
00:51:17,909 --> 00:51:21,200
אתה פשוט יכול לעשות את זה עם שורה אחת, ו
מטאור יהיה לוודא שאתה מעודכן

907
00:51:21,200 --> 00:51:21,825
על jQuery.

908
00:51:21,825 --> 00:51:24,330

909
00:51:24,330 --> 00:51:27,450
אני גם ממליץ יוסטון: admin.

910
00:51:27,450 --> 00:51:31,550
>> זה כמו סוג של phpMyAdmin
סוג של כלי לMongoDB שלך.

911
00:51:31,550 --> 00:51:33,890
זה מאפשר לך לערוך
הנתונים שלך די בקלות

912
00:51:33,890 --> 00:51:37,950
מבלי ללכת לפגז Mongo,
כמו שעשיתי לפני כן בסמינר.

913
00:51:37,950 --> 00:51:43,160

914
00:51:43,160 --> 00:51:47,101
אז עכשיו שזה פועל, בואו נרוץ
מטאור שוב ולראות מה אנחנו יכולים לעשות.

915
00:51:47,101 --> 00:51:56,240

916
00:51:56,240 --> 00:52:00,720
>> אתה שם לב שהוספת כמה חבילות
אולי יש להם להציג כמה אזהרות.

917
00:52:00,720 --> 00:52:02,720
אתה לא צריך לדאוג
על זה עם יוסטון.

918
00:52:02,720 --> 00:52:06,040

919
00:52:06,040 --> 00:52:10,810
אז עכשיו אנחנו יכולים להיות האופציה
כדי להגדיר את תצורת מנהל מטאור.

920
00:52:10,810 --> 00:52:15,080
והם נותנים לך כיוונים
אם אתה רוצה להגדיר את זה.

921
00:52:15,080 --> 00:52:17,750

922
00:52:17,750 --> 00:52:20,440
>> כמו כן, אנו יכולים כעת ללכת ל/ admin.

923
00:52:20,440 --> 00:52:23,280
זה הוא הביא לך
על ידי חבילת יוסטון.

924
00:52:23,280 --> 00:52:27,470
ואת זה הוא ממשק ניהול מטאור.

925
00:52:27,470 --> 00:52:30,660
אתה פשוט ליצור
חשבון מנהל, כמו כל כך.

926
00:52:30,660 --> 00:52:38,150
ואם אתה לרענן את הדף, אתה עלול
יש לי כמה אוספים להופיע.

927
00:52:38,150 --> 00:52:40,980

928
00:52:40,980 --> 00:52:43,460
>> זה כלי מאוד שימושי,
ואני מאוד ממליץ עליו.

929
00:52:43,460 --> 00:52:46,717

930
00:52:46,717 --> 00:52:49,050
אתה יכול לראות את זה כי
יוסטון הייתה נותנת כמה טעויות,

931
00:52:49,050 --> 00:52:52,330
אין לנו כל אוספים
להופיע עכשיו.

932
00:52:52,330 --> 00:52:56,800
הדרך היית להשתמש יוסטון היא
כדי לוודא שפונקציה זו מקבלת

933
00:52:56,800 --> 00:52:58,860
נקרא בפשוט-todos שלך.

934
00:52:58,860 --> 00:53:01,370
אז יוסטון אינה
יודע מה הן המשימות שלי.

935
00:53:01,370 --> 00:53:04,490
>> הקמנו Mongo
משימות נקראות אוסף.

936
00:53:04,490 --> 00:53:11,390
בואו נלך לפשוט-todos ורק
לוודא כי בJavaScript,

937
00:53:11,390 --> 00:53:16,295
יש לנו משימות הוסיפו לאוספים שלנו.

938
00:53:16,295 --> 00:53:19,340

939
00:53:19,340 --> 00:53:25,670
עכשיו אנחנו כבר הצילו, וזה בונה
היישום, מרענן.

940
00:53:25,670 --> 00:53:26,750
ובואו נראה.

941
00:53:26,750 --> 00:53:29,090
עכשיו יש לנו כמה משימות.

942
00:53:29,090 --> 00:53:32,630
ואנחנו יכולים להוסיף כמה משימות חדשות.

943
00:53:32,630 --> 00:53:35,840
אבל אם אנחנו רוצים להוסיף משימות,
בואו נעשה את זה עם האפליקציה עצמה.

944
00:53:35,840 --> 00:53:39,660

945
00:53:39,660 --> 00:53:41,050
>> עכשיו אנחנו יכולים להוסיף קצת נתונים.

946
00:53:41,050 --> 00:53:53,410
היי, זו משימה.

947
00:53:53,410 --> 00:53:57,080
זה נראה קצת מוזר ש
אנחנו לא רואים את כל משימות.

948
00:53:57,080 --> 00:54:00,290

949
00:54:00,290 --> 00:54:05,260
אנחנו אולי נרצה לבדוק אם יש לנו כל
טעויות פה, או אולי במקום אחר.

950
00:54:05,260 --> 00:54:08,810

951
00:54:08,810 --> 00:54:20,260
אם נלך למנהל, שנראה לי מוזר.

952
00:54:20,260 --> 00:54:24,080
אם אתה מושך את המאגר
אחרי הסמינר,

953
00:54:24,080 --> 00:54:27,580
אני אדאג ש
פשוט-todos עובד עם יוסטון.

954
00:54:27,580 --> 00:54:30,370
למרבה הצער, זה לא נראה ל
להיות עובד ברגע זה ממש.

955
00:54:30,370 --> 00:54:34,810

956
00:54:34,810 --> 00:54:37,640
>> האם יש שאלות?

957
00:54:37,640 --> 00:54:41,800
יוסטון בדרך כלל היא
כלי שעובד טוב מאוד.

958
00:54:41,800 --> 00:54:44,510
יוסטון במיוחד היא קצת
buggier מהאחרים,

959
00:54:44,510 --> 00:54:49,470
אבל אני ממליץ עליו כאשר הוא עובד.

960
00:54:49,470 --> 00:54:50,080
כן.

961
00:54:50,080 --> 00:54:52,395
>> קהל: מה אתה יכול לעשות
עם חבילת פייסבוק

962
00:54:52,395 --> 00:54:54,270
פעם במשתמש מחובר
עם הפייסבוק שלהם?

963
00:54:54,270 --> 00:54:55,978
>> רוג'ר ZURAWICKI: ברגע ש
המשתמש של מחובר,

964
00:54:55,978 --> 00:54:59,540
ניתן לבצע שיחות לAPI פייסבוק.

965
00:54:59,540 --> 00:55:02,890
הרבה שנמצאת יותר ב
איך פייסבוק פותח API שלהם.

966
00:55:02,890 --> 00:55:05,120
מטאור, לוודא שאתה
יש קשר.

967
00:55:05,120 --> 00:55:09,300
אבל כל מה שאחרי זה הוא עניין
ללמוד כיצד להשתמש ב- API פייסבוק.

968
00:55:09,300 --> 00:55:10,216
קהל: [לא ברור].

969
00:55:10,216 --> 00:55:17,756

970
00:55:17,756 --> 00:55:18,880
רוג'ר ZURAWICKI: בסדר.

971
00:55:18,880 --> 00:55:21,670
תודה רבה לך על
סמינר CS50 זה במטאור.

972
00:55:21,670 --> 00:55:24,060
אם יש לך שאלות,
אתה יכול לשלוח לי

973
00:55:24,060 --> 00:55:28,319
בכתובת הדוא"ל שלי
המפורטים להלן הסמינר.

974
00:55:28,319 --> 00:55:30,110
ואני אהיה שמח
לענות על השאלות שלך.

975
00:55:30,110 --> 00:55:33,020
גם אני אהיה ב
CS50 האקאתון צריך

976
00:55:33,020 --> 00:55:35,550
אתה צריך עזרה עם פרויקטי המטאור שלך.

977
00:55:35,550 --> 00:55:37,650
תודה על צפייה.

978
00:55:37,650 --> 00:55:38,816