1
00:00:00,000 --> 00:00:01,390

2
00:00:01,390 --> 00:00:04,890
>> [השמעת מוסיקה]

3
00:00:04,890 --> 00:00:10,955

4
00:00:10,955 --> 00:00:12,580
DAVID J מלאן: בסדר, ברוך שובכם.

5
00:00:12,580 --> 00:00:13,600
זה CS50.

6
00:00:13,600 --> 00:00:15,540
זהו סופו של שבוע שבע.

7
00:00:15,540 --> 00:00:18,180
וזה הסוף של נבלות ש
ציד מהבעיה להגדיר ארבעה

8
00:00:18,180 --> 00:00:19,220
שאולי אתה זוכר.

9
00:00:19,220 --> 00:00:21,650
אחרי שהתאוששתי כל
אלה תמונות JPEG של צוות,

10
00:00:21,650 --> 00:00:24,820
הותקפתם, אם תרצה,
לצלם את עצמך עם כמה שיותר

11
00:00:24,820 --> 00:00:25,981
של אנשים אלה שאתה יכול.

12
00:00:25,981 --> 00:00:28,480
יש לנו חבורה של הגשות כל
בשבועות האחרונים,

13
00:00:28,480 --> 00:00:32,980
אכן, לא מעט ממש לפני שעת הצהריים
היום, שחלקם הם אלה כאן,

14
00:00:32,980 --> 00:00:37,670
תפס כאן in-- נראה like-- אננברג
אולם בשעתי עבודה, אחד כאן

15
00:00:37,670 --> 00:00:39,530
בואל בית עם ניק.

16
00:00:39,530 --> 00:00:41,750
הנה רמון שנתפס בטלפון.

17
00:00:41,750 --> 00:00:43,870
זה היה בצהריים CS50.

18
00:00:43,870 --> 00:00:46,840
זה היה ג'ייסון Skyping עם
כיתה יותר יצירתי,

19
00:00:46,840 --> 00:00:48,280
שהתקשרתי אליו בדרך זו.

20
00:00:48,280 --> 00:00:49,690
אנחנו לא יודעים מה זה היה.

21
00:00:49,690 --> 00:00:51,940
>> [שחוק]

22
00:00:51,940 --> 00:00:54,570
>> DAVID J מלאן: אבל
זה שווה ג'יגה.

23
00:00:54,570 --> 00:00:56,960
הנה צ'אנג, ש
ממש רציתי לרדת מהבמה

24
00:00:56,960 --> 00:01:00,480
כדי להימנע מלהצטלם אחד
היום, אך נתפס סופו של דבר.

25
00:01:00,480 --> 00:01:02,050
הנה ניק.

26
00:01:02,050 --> 00:01:03,480
הנה ניק.

27
00:01:03,480 --> 00:01:04,080
הנה ניק.

28
00:01:04,080 --> 00:01:05,090

29
00:01:05,090 --> 00:01:07,670
והנה אליסון על ידי השדות.

30
00:01:07,670 --> 00:01:11,840
וZamyla אפילו נמצא
בתחרות סלוניים.

31
00:01:11,840 --> 00:01:14,100
אז אנו נעבור
תמונות אלה, להבין

32
00:01:14,100 --> 00:01:16,690
שהגיש ביותר
, והגמול המוקדמים

33
00:01:16,690 --> 00:01:20,662
פרס מדהים אחד, כ
הבטיח במפרט.

34
00:01:20,662 --> 00:01:23,120
ואנו גם מעקב על
החלל שהיה מעורב.

35
00:01:23,120 --> 00:01:26,860
>> כמה announcements-- כך ארוחת צהריים
הוא, שוב, ביום שישי הקרוב בשעה 1:15 בערב.

36
00:01:26,860 --> 00:01:30,420
אם ברצונך להצטרף אלינו,
הוסף ליומן בכתובת URL שכאן.

37
00:01:30,420 --> 00:01:33,730
ג'ייסון מופיע שוב כאן מאחד
מהסעיפים כמה שנים

38
00:01:33,730 --> 00:01:35,510
בחזרה, שקרה
ליפול על ליל כל הקדושים.

39
00:01:35,510 --> 00:01:38,950
ואכן, הוא התלבש כ
דלעת אותה שנה הספציפית.

40
00:01:38,950 --> 00:01:42,700
אם אתם צופים בסעיף זה
של משנת 2011 סעיפו

41
00:01:42,700 --> 00:01:46,480
שמונה, אם אתם סקרנים,
בCS50.tv, אני חושב ש

42
00:01:46,480 --> 00:01:49,730
זה היה השנה שבה
משאבת האוויר שלו עבדה.

43
00:01:49,730 --> 00:01:52,490
>> אם לאחר מכן לצפות ב
סעיף דומה בשנת 2012,

44
00:01:52,490 --> 00:01:55,620
תראה ג'ייסון זו רוח נמוכה,
הואיל והתביעה כבר לא תפקדה,

45
00:01:55,620 --> 00:01:58,060
וזה רק כדי לומר
ביום שישי הקרוב, אם היית

46
00:01:58,060 --> 00:02:02,720
רוצה לגלף דלעת עם לדייבן
וגייב ואחרים, הוסף ליומן לראשי

47
00:02:02,720 --> 00:02:04,480
בכתובת cs50.harvard.edu.

48
00:02:04,480 --> 00:02:06,200
זה מבטיח להיות כיף גדול.

49
00:02:06,200 --> 00:02:08,660
להתפלל, שאומרים לנו, יש מגולף
דלעת כל חייו.

50
00:02:08,660 --> 00:02:11,930
גבריאל מברזיל מעולם לא
מגולף דלעת לליל כל הקדושים.

51
00:02:11,930 --> 00:02:14,700
אז כדי להיות שם איתם כמו שהוא לומד.

52
00:02:14,700 --> 00:02:16,830
>> סמינרים, meanwhile--
כך תוכל ללמוד בקרוב

53
00:02:16,830 --> 00:02:20,650
על מה הציפיות שלנו הן ל
פרויקט הגמר, אשר במהותו

54
00:02:20,650 --> 00:02:23,150
יהיה מסתכם
תכנון ויישום

55
00:02:23,150 --> 00:02:26,440
ביותר בכל פרויקט של עניין ל
אתה, אם כי בכפוף לאישור

56
00:02:26,440 --> 00:02:28,490
והכוונה מעמיתי ההוראה שלך.

57
00:02:28,490 --> 00:02:32,110
לקראת סוף
סמסטר, אנחנו מציגים מספר

58
00:02:32,110 --> 00:02:35,610
סמינרים, שהם שיעורי חובה
בראשותו של עמיתי ההוראה והרווארד

59
00:02:35,610 --> 00:02:38,570
צוות, חברים של הקורס על פני
קמפוס, בנושאים שונים ש

60
00:02:38,570 --> 00:02:41,470
הם משיקים לי
תכנית הלימודים הבסיסית של הקורס

61
00:02:41,470 --> 00:02:45,590
אבל בכל זאת ישים, כיף, ו
שונה לפרויקטי גמר פוטנציאליים.

62
00:02:45,590 --> 00:02:49,530
>> לדוגמא, ראשון, אם תרצה
כדי להירשם, ראש לאותה כתובת יש.

63
00:02:49,530 --> 00:02:53,010
וזה ההרכב ל
הסמינרים של שנה זו בלבד.

64
00:02:53,010 --> 00:02:56,060
אבל מבינים שיש לנו עשרות
סמינרים משנים האחרונות, שכולן

65
00:02:56,060 --> 00:02:59,774
מקושרים בתפריט הסמינרים
אפשרות של אתר האינטרנט של הקורס.

66
00:02:59,774 --> 00:03:02,190
אז אם אתה חושב על
הולך מעבר לאזור הנוחות שלך

67
00:03:02,190 --> 00:03:05,060
או להרים כמה מיומנויות חדשות,
למשל, תכנות iPhone

68
00:03:05,060 --> 00:03:08,100
אפליקציות עם סוויפט, שפה חדשה
מבית Apple או Objective-C

69
00:03:08,100 --> 00:03:11,230
או לאנדרואיד או [תכנות? רמיזה?]
נורות, או כל אחד מהנושאים

70
00:03:11,230 --> 00:03:15,490
עד כאן ולבדוק יותר, בשל
את דף ההרשמה.

71
00:03:15,490 --> 00:03:19,730
>> אז התחלנו והגענו למסקנה ב
יום שני עם מסתכל על HTTP.

72
00:03:19,730 --> 00:03:22,675
אז HTTP refresher-- מהיר,
Hypertext Transfer Protocol.

73
00:03:22,675 --> 00:03:24,045
אבל מה זה באמת אומר?

74
00:03:24,045 --> 00:03:26,805

75
00:03:26,805 --> 00:03:27,930
מה זה באמת אומר?

76
00:03:27,930 --> 00:03:30,665

77
00:03:30,665 --> 00:03:31,290
האם זה יד?

78
00:03:31,290 --> 00:03:33,074

79
00:03:33,074 --> 00:03:34,740
אני יודע שאתה פשוט מגרד את הראש שלך.

80
00:03:34,740 --> 00:03:36,400
אבל אתה רוצה להציע מה הוא HTTP?

81
00:03:36,400 --> 00:03:37,792

82
00:03:37,792 --> 00:03:40,576
>> מחשבים איך: קהל
לתקשר עם [לא ברור].

83
00:03:40,576 --> 00:03:41,517

84
00:03:41,517 --> 00:03:43,100
DAVID J מלאן: החמצתי את החלק האחרון.

85
00:03:43,100 --> 00:03:45,774
איך מחשבים לתקשר with--

86
00:03:45,774 --> 00:03:47,325
>> שרתי אינטרנט: קהל.

87
00:03:47,325 --> 00:03:50,450
DAVID J מלאן: Good-- עם אינטרנט
שרתים, ובאופן ספציפי, שרתי אינטרנט.

88
00:03:50,450 --> 00:03:53,533
מכיוון שזוכר, יש חבורה של
שירותים באינטרנט, שחלקם

89
00:03:53,533 --> 00:03:57,349
אתה משתמש כנראה יומי בין הצ'אט
והודעה, צ'אט, ואינטרנט, ודואר אלקטרוני,

90
00:03:57,349 --> 00:03:57,890
וכמו.

91
00:03:57,890 --> 00:04:00,900
וHTTP הוא רק
פרוטוקול שדפדפני אינטרנט

92
00:04:00,900 --> 00:04:03,750
לדבר כאשר מתקשרים עם
שרתי אינטרנט, ולהיפך.

93
00:04:03,750 --> 00:04:05,580
והאנלוגי ב
עולם אנושי יכול להיות,

94
00:04:05,580 --> 00:04:08,730
אני מושיט את ידיי כדי ללחוץ את חלק
אדם ושל אחרים שהוא או היא

95
00:04:08,730 --> 00:04:11,970
מכיר על ידי הרחבת
שלו או את ידה גם כן.

96
00:04:11,970 --> 00:04:13,970
אז זה רק פרוטוקול,
סט של מוסכמות.

97
00:04:13,970 --> 00:04:15,630
>> ומה באמת הן אמנות אלו?

98
00:04:15,630 --> 00:04:18,640
ובכן, זה פשוט מסתכם ב
שליחת הודעות קדימה ואחורה,

99
00:04:18,640 --> 00:04:19,770
כפי שאנו מתוארים כאן.

100
00:04:19,770 --> 00:04:22,520
ויש כמה דרכים ב
שבו אתה יכול לשלוח הודעות אלה.

101
00:04:22,520 --> 00:04:24,360
ואולי ביותר
הנפוץ ידוע כגט.

102
00:04:24,360 --> 00:04:26,510
ואנו רואים ניגוד
לזה לפני זמן רב.

103
00:04:26,510 --> 00:04:30,010
>> אבל בקשה לקבל מדפדפן
רק לשרת נראה כך.

104
00:04:30,010 --> 00:04:32,960
זה חבורה של טקסט שהוא מעמיד
בתוך מעטפה וירטואלית.

105
00:04:32,960 --> 00:04:35,854
בצד החיצוני של מעטפה ש
ללכת כמה חתיכות של פרטים.

106
00:04:35,854 --> 00:04:37,770
מה צריך ללכת על
מעטפה, כביכול,

107
00:04:37,770 --> 00:04:41,820
על מנת לקבל את בקשה כמו
זה ממני אל שרת אינטרנט?

108
00:04:41,820 --> 00:04:42,320
כן.

109
00:04:42,320 --> 00:04:43,270
>> קהל: כתובת ה- IP שלך.

110
00:04:43,270 --> 00:04:45,890
>> DAVID J מלאן: כתובת ה- IP שלי
בשדה 'מאת, אם אפשר לומר כך,

111
00:04:45,890 --> 00:04:49,490
וכמובן,
כתובת ה- IP של הנמען.

112
00:04:49,490 --> 00:04:52,710
אבל במקרה של מנות אינטרנט,
אנחנו צריכים קצת יותר פירוט

113
00:04:52,710 --> 00:04:55,254
זה לא מספיק רק ל
לשלוח מעטפה לשרת,

114
00:04:55,254 --> 00:04:57,670
כי השרת שעלול להיות
האזנה לסוגים שונים

115
00:04:57,670 --> 00:04:59,180
של תעבורת אינטרנט.

116
00:04:59,180 --> 00:05:01,370
אז מה עוד צריכים
מלבד IP של הנמען?

117
00:05:01,370 --> 00:05:02,723

118
00:05:02,723 --> 00:05:03,222
כן?

119
00:05:03,222 --> 00:05:04,241
>> קהל: האם זה TCP?

120
00:05:04,241 --> 00:05:05,074
DAVID J מלאן: טוב.

121
00:05:05,074 --> 00:05:06,470
TCP--

122
00:05:06,470 --> 00:05:07,340
>> קהל: כתובת.

123
00:05:07,340 --> 00:05:09,340
>> DAVID J מלאן: כתובת,
או יציאה, כפי שהוא נקרא.

124
00:05:09,340 --> 00:05:11,010
, אבל מספר יציאת TCP קרוב.

125
00:05:11,010 --> 00:05:12,220
ויש חבורה של אלה.

126
00:05:12,220 --> 00:05:14,310
אבל אין ספק שרוב
מוכר צריך סופו של דבר

127
00:05:14,310 --> 00:05:17,590
להיות 80, שהוא ברירת המחדל
אחד המשמש לתעבורת אינטרנט.

128
00:05:17,590 --> 00:05:20,040
ועוד מוכר
בקרוב יהיו 443,

129
00:05:20,040 --> 00:05:24,280
המשמש לאינטרנט מאובטח
תנועה, כתובות אתרים המתחילים ב- https.

130
00:05:24,280 --> 00:05:26,650
>> אז זה מה שהולך
בתוך המעטפה ש.

131
00:05:26,650 --> 00:05:29,780
ולקבל / רק אומר, לתת לי
שלי דף האינטרנט המוגדר כברירת מחדל.

132
00:05:29,780 --> 00:05:32,700
תן לי את השורש הקשה
לנהוג בשרת האינטרנט.

133
00:05:32,700 --> 00:05:36,050
ואני מקווה ש, האינטרנט
שרת יגיב ב, על אישור

134
00:05:36,050 --> 00:05:39,630
והמספר 200, שהוא רק
כנס ואמר, כן, כל

135
00:05:39,630 --> 00:05:40,470
אכן על אישור.

136
00:05:40,470 --> 00:05:41,680
הנה הדף.

137
00:05:41,680 --> 00:05:45,510
הסוג של דף האינטרנט הולך
להיות טקסט, אבל באופן יותר ספציפי, HTML,

138
00:05:45,510 --> 00:05:47,010
שאנחנו עומדים לצלול בחזרה ל.

139
00:05:47,010 --> 00:05:49,877
ונקודת נקודת הנקודה רק
אמצעים, כאן הוא HTML.

140
00:05:49,877 --> 00:05:51,710
וזה שבו אנו
להרים את הסיפור היום,

141
00:05:51,710 --> 00:05:55,740
בעצם כתיבת HTML,
HyperText Markup Language, ש

142
00:05:55,740 --> 00:05:57,727
היא השפה שבה
דפי אינטרנט נכתבים.

143
00:05:57,727 --> 00:05:59,060
זה לא שפת תכנות.

144
00:05:59,060 --> 00:06:01,270
אין פונקציות
או לולאות או תנאים.

145
00:06:01,270 --> 00:06:03,800
זו שפת סימון,
כמו גם לראות היום שוב,

146
00:06:03,800 --> 00:06:07,240
שמאפשר לך לציין
כיצד לבנות ולסגנן

147
00:06:07,240 --> 00:06:09,300
מבחינה אסתטית דף אינטרנט.

148
00:06:09,300 --> 00:06:11,470
>> אז זה היה אחד
ורק דף שאנחנו באמת

149
00:06:11,470 --> 00:06:13,930
הסתכל, גם אם לרגע, ביום שני.

150
00:06:13,930 --> 00:06:16,250
ושים לב כמה
מאפיינים בולטים.

151
00:06:16,250 --> 00:06:20,170
יש הרבה של זווית פתוחה
הסוגר וסוגר זווית קרוב.

152
00:06:20,170 --> 00:06:23,160
בין הזווית אלה
סוגריים מציין את מילות.

153
00:06:23,160 --> 00:06:25,660
ואנחנו הולכים להתחיל
קוראים תגי המילים האלה.

154
00:06:25,660 --> 00:06:28,800
ראש הסוגר כל כך פתוח
וראש הסוגר סגור

155
00:06:28,800 --> 00:06:33,620
הם התגים הפתוחים וסגורים,
או תגי ההתחלה וסיום

156
00:06:33,620 --> 00:06:37,660
בהתאמה, של אלמנט HTML,
כפי שאנו קוראים לזה, בשם הראש.

157
00:06:37,660 --> 00:06:41,760
ואת אותו הז'רגון חל
לגוף ב- HTML וכן הלאה.

158
00:06:41,760 --> 00:06:43,970
>> ומה שיפה הוא
HTML-- ואכן, אנחנו

159
00:06:43,970 --> 00:06:47,187
מבלה זמן מועט מאוד על זה,
כי אתה בעיקר רק להבין

160
00:06:47,187 --> 00:06:49,770
מה תכונות שיש לו בעת
באמת יש להם בעיה קונקרטית

161
00:06:49,770 --> 00:06:52,820
לsolve-- תמצא ש
דפדפן הוא די טיפש.

162
00:06:52,820 --> 00:06:56,450
זה רק הולך do-- לא שונה
computer-- מה שאתה אומר לו לעשות.

163
00:06:56,450 --> 00:06:59,279
וכך, כאשר יש לך פתוח
התושבת HTML בחלקו העליון

164
00:06:59,279 --> 00:07:01,320
יש, שבעצם
רק אומר, היי, דפדפן,

165
00:07:01,320 --> 00:07:04,090
הנה מגיע לדף אינטרנט כתוב ב- HTML.

166
00:07:04,090 --> 00:07:06,130
>> כאשר הוא רואה את הסוגר פתוח
ראש, זה רק אומר ש,

167
00:07:06,130 --> 00:07:10,350
היי, דפדפן, הנה מגיע הראש, או
החלק העליון של דף האינטרנט שלי.

168
00:07:10,350 --> 00:07:14,192
כאשר הוא רואה את הסוגר סגור
ראש, זה רק אומר ש, היי,

169
00:07:14,192 --> 00:07:15,150
זהו זה לראש.

170
00:07:15,150 --> 00:07:16,420
המתנה למשהו אחר.

171
00:07:16,420 --> 00:07:18,878
וזה משהו אחר הוא
ככל הנראה הולך להיות הגוף.

172
00:07:18,878 --> 00:07:22,630
וכאשר אין לך תג, כמו
יש לך רק שלום, פסיק, עולם,

173
00:07:22,630 --> 00:07:26,610
זה פשוט הולך להיות טקסט גלם ש
סופו של דבר מוצג במסך.

174
00:07:26,610 --> 00:07:29,220
>> עכשיו, תוכל להבחין מדי
הכניסה כאן.

175
00:07:29,220 --> 00:07:32,160
אתה בטח יכול להסיק
איך אנחנו stylizing זה.

176
00:07:32,160 --> 00:07:34,850
בכל פעם שאני פותח את תג,
כביכול, אני להגביה.

177
00:07:34,850 --> 00:07:38,540
ובכל פעם אני סוגר
תג, אני לבטל את כניסת ההפסקה,

178
00:07:38,540 --> 00:07:40,690
דומה ברוחן לסוגריים מסולסלים.

179
00:07:40,690 --> 00:07:43,470
ומעבר לזה, אני סוג
של הפעלת שיקול הדעת שלי.

180
00:07:43,470 --> 00:07:48,380
שים לב שלא טרח להכות
הזן בתוך שתג הכותרת.

181
00:07:48,380 --> 00:07:48,990
למה?

182
00:07:48,990 --> 00:07:51,920
ובכן, אני פשוט החלטתי שזה נראה
שואב קטן לי, האדם,

183
00:07:51,920 --> 00:07:53,181
פשוט לא טורח לעשות את זה.

184
00:07:53,181 --> 00:07:54,930
אז שוב, יש כמה
פסק דין קורא רק

185
00:07:54,930 --> 00:07:57,670
כמו שיש ב- C או כל שפה.

186
00:07:57,670 --> 00:08:04,110
>> אבל שים לב גם שכניסה זו
משאיל את עצמו למודל המנטלי,

187
00:08:04,110 --> 00:08:05,670
לא מעל לסבך אותו.

188
00:08:05,670 --> 00:08:07,020
אבל עץ, נכון?

189
00:08:07,020 --> 00:08:09,290
אם אתה חושב על אינטרנט
הדף, שנכתב ככל הנראה

190
00:08:09,290 --> 00:08:12,050
כמו זה, כ
יפה מסוכסך ככה,

191
00:08:12,050 --> 00:08:17,390
אתה כמעט יכול לחשוב על הסוגר הפתוח
תג הסוגר סגור HTML הוא תיחום

192
00:08:17,390 --> 00:08:21,380
השורש של צומת, עץ משפחה
צומת סגנון בסגנון של העצים

193
00:08:21,380 --> 00:08:22,900
הסתכלנו ביום שישי האחרון.

194
00:08:22,900 --> 00:08:27,630
>> ואכן, יש לנו בצד הימין כאן
מה אנחנו קוראים לDOM, D-O-M, מסמך

195
00:08:27,630 --> 00:08:31,680
מודל אובייקטים, דרך מפוארת לומר
עץ שמייצג HTML ש.

196
00:08:31,680 --> 00:08:36,140
ושימו לב ש- HTML יש, אנחנו אומרים,
כמו עץ ​​משפחה, שני ילדים.

197
00:08:36,140 --> 00:08:37,659
משמאל ראש.

198
00:08:37,659 --> 00:08:39,179
מימין גוף.

199
00:08:39,179 --> 00:08:44,220
>> ורק כתרגיל מחשבה מטופש,
הראש, כמובן, יש לו ילדים כמה

200
00:08:44,220 --> 00:08:46,070
על פי מבנה זה?

201
00:08:46,070 --> 00:08:48,200
אז רק אחד, title--
וזו הסיבה שיש לנו

202
00:08:48,200 --> 00:08:50,580
החץ הולך מהראש לכותרת.

203
00:08:50,580 --> 00:08:55,110
אז זה כאילו אותו אדם ב
היה לי עץ משפחה רק צאצאים אחד.

204
00:08:55,110 --> 00:08:58,230
ולאחר מכן ניתן כותרת עצמה
ניתן לומר שיש ילד יותר.

205
00:08:58,230 --> 00:09:01,780
>> נזכיר כי היה לי HTML
שלום, פסיק, עולם תחתיו.

206
00:09:01,780 --> 00:09:06,090
ואני פשוט שציירתי אותו בתוך
סגלגל במקום מלבן פשוט

207
00:09:06,090 --> 00:09:10,559
להעביר סמנטי שלמרות ש
זה צומת בעץ, אם אפשר לומר כך,

208
00:09:10,559 --> 00:09:12,100
זה סוג של שונה במהותו.

209
00:09:12,100 --> 00:09:12,800
זה לא תג.

210
00:09:12,800 --> 00:09:14,780
או יותר כמו שצריך, זה לא אלמנט.

211
00:09:14,780 --> 00:09:16,590
זה פשוט צומת טקסט, אם תרצה.

212
00:09:16,590 --> 00:09:18,990
אבל אלה הם לחלוטין
מוסכמות אנושיות שרירותיות.

213
00:09:18,990 --> 00:09:23,180
זה רק עכשיו הדרך שלי
המייצג את מה שאני ככולל

214
00:09:23,180 --> 00:09:24,340
קורא את המסמך.

215
00:09:24,340 --> 00:09:27,750
>> ואגב זה, דבר ב
בפינה השמאלית העליונה סופר,

216
00:09:27,750 --> 00:09:32,080
doc סימן קריאת הסוגר פתוח
הסוג HTML, זה נראה כמו תג,

217
00:09:32,080 --> 00:09:35,560
אבל זה מקרה הפינה המטופש שבי
כי הוא פשוט שם, להעתיק ולהדביק

218
00:09:35,560 --> 00:09:38,460
כדי לציין את הדפדפנים
זו גרסת HTML 5.

219
00:09:38,460 --> 00:09:41,540
העולם משתנה כל זמן מה
השורה הראשונה של קוד בדף צריכה להיות.

220
00:09:41,540 --> 00:09:43,820
זה רק אומר גרסה 5.

221
00:09:43,820 --> 00:09:45,950
כך שזה לא ממש
נראה כמו האחרים.

222
00:09:45,950 --> 00:09:48,120
>> בסדר, אז עם זה
אמר, לך עכשיו תוכל להעריך

223
00:09:48,120 --> 00:09:50,767
זה די טיפש
מישהו קעקוע קיבל.

224
00:09:50,767 --> 00:09:51,990
>> [שחוק]

225
00:09:51,990 --> 00:09:54,210
>> DAVID J מלאן: בסדר,
ועכשיו בואו למעשה צלילה

226
00:09:54,210 --> 00:09:55,710
לעושה משהו עם זה.

227
00:09:55,710 --> 00:09:58,610
אתה זוכר שפעם האחרונה
פתחתי את מכשיר CS50

228
00:09:58,610 --> 00:10:01,650
ועשיתי משהו כ
פשוט כמו gedit פתיחה.

229
00:10:01,650 --> 00:10:05,190
ואני שמרתי את הקובץ גם ב
desktop-- שלי לשום מקום special--

230
00:10:05,190 --> 00:10:05,870
כhello.html.

231
00:10:05,870 --> 00:10:07,100

232
00:10:07,100 --> 00:10:10,984
>> אז תן לי לעשות את זה
again-- hello.html הזן.

233
00:10:10,984 --> 00:10:13,900
ועכשיו בקובץ זה, אני הולך
קדימה, לשכפל את מה שאנחנו פשוט

234
00:10:13,900 --> 00:10:18,850
html סוג doc saw-- אז אני הולך ל
לעשות הסוגר סגור html הסוגר הפתוח.

235
00:10:18,850 --> 00:10:21,890
ואז אני הולך למנע
לפתוח ולסגור את התגית.

236
00:10:21,890 --> 00:10:22,390
למה?

237
00:10:22,390 --> 00:10:23,598
רק כדי שאני לא אשכח מאוחר יותר.

238
00:10:23,598 --> 00:10:26,850
זה רק אימון טוב, כמו פתיחה
וסגירת סוגריים מסולסלים בבת אחת.

239
00:10:26,850 --> 00:10:28,900
>> ואז מה קרה בהמשך?

240
00:10:28,900 --> 00:10:30,582
אתה יכול לחשוב על הקעקוע.

241
00:10:30,582 --> 00:10:31,450
>> קהל: הראש.

242
00:10:31,450 --> 00:10:32,500
>> DAVID J מלאן: הראש.

243
00:10:32,500 --> 00:10:36,020
ואז כאן, אני
הייתה הכותרת, אני חושב.

244
00:10:36,020 --> 00:10:39,886
והכותרת הייתה באופן שרירותי,
שלום, כותרת קרובה העולם.

245
00:10:39,886 --> 00:10:42,760
ואז כאן, הגוף, של
course-- אז אנחנו סוגרים את תג הגוף.

246
00:10:42,760 --> 00:10:45,660
וredundantly אז פשוט מעט,
היה לי את אותו הדבר כאן.

247
00:10:45,660 --> 00:10:47,150
>> אז אני טוען שמדובר בדף אינטרנט.

248
00:10:47,150 --> 00:10:49,050
זה משהו ש
עכשיו תוכל לחיות באינטרנט,

249
00:10:49,050 --> 00:10:51,925
אף על פי שכמובן, זה פשוטו כמשמעו
חי על שולחן העבודה שלי עכשיו.

250
00:10:51,925 --> 00:10:55,837
אבל אכן, אם אני למזער gedit,
אני אראה על שולחן העבודה שלי על הסמל שלו.

251
00:10:55,837 --> 00:10:58,420
למרות שמדובר במכשיר,
אתה יכול לעשות את זה ב- Mac OS

252
00:10:58,420 --> 00:11:01,580
ללא TextEdit או
Windows עם פנקס רשימות אפילו.

253
00:11:01,580 --> 00:11:06,115
>> ואם אני הולך קדימה ולחץ לחיצה כפולה
כי גם, וselect-- טוב, בואו

254
00:11:06,115 --> 00:11:07,990
לא לבחור את זה כי
Chrome לא פותח.

255
00:11:07,990 --> 00:11:09,281
בואו נלך קדימה, לפתוח Chrome.

256
00:11:09,281 --> 00:11:10,160

257
00:11:10,160 --> 00:11:14,040
ולאחר מכן לעשות פיקוד-O לפתוח
ולנווט לשולחן העבודה שלי

258
00:11:14,040 --> 00:11:15,320
ולפתוח את הקובץ.

259
00:11:15,320 --> 00:11:20,120
כך דפדפן מפרש
HTML, מלמעלה למטה, מהשמאל לימין.

260
00:11:20,120 --> 00:11:21,314
היי, כאן זה הדפדפן HTML.

261
00:11:21,314 --> 00:11:21,980
הנה הראש.

262
00:11:21,980 --> 00:11:23,250
הנה הכותרת.

263
00:11:23,250 --> 00:11:24,090
הנה הגוף.

264
00:11:24,090 --> 00:11:26,620
ואכן, כך
זה הופך אותו דף האינטרנט.

265
00:11:26,620 --> 00:11:27,800
>> אבל שים לב את כתובת האתר.

266
00:11:27,800 --> 00:11:32,430
אף אחד מכם יכול למשוך את ספציפי הזה
דף על המחשבים הניידים שלך עכשיו,

267
00:11:32,430 --> 00:11:34,910
אפילו בתוכך
מכשיר דרך כתובת אתר ש,

268
00:11:34,910 --> 00:11:40,130
בגלל file: // מציין זה בעצם
במערכת הקבצים שלי, הכונן הקשיח שלי,

269
00:11:40,130 --> 00:11:40,990
לא שלך.

270
00:11:40,990 --> 00:11:42,440
אז זה לא כל כך שימושי.

271
00:11:42,440 --> 00:11:44,940
>> בואו עכשיו לצאת אל עבר
באמצעות שרת אינטרנט אמיתי.

272
00:11:44,940 --> 00:11:48,309
ומתברר Appliance CS50
הוא יותר מאשר רק סביבה שבה

273
00:11:48,309 --> 00:11:51,100
אתה יכול לכתוב קוד C ולקמפל
ולהפעיל אותו כמו שאתה כבר עושה.

274
00:11:51,100 --> 00:11:55,500
כמו כן, הוגדר על ידי
צוות לייצג אינטרנט טיפוסי

275
00:11:55,500 --> 00:11:58,290
שרת זה באינטרנט,
אחד שאתה עלול לשלם ל

276
00:11:58,290 --> 00:12:00,210
או אחד שהוא בענן שנקרא.

277
00:12:00,210 --> 00:12:02,600
>> וזה פועל
קוד פתוח חופשי סטנדרטי

278
00:12:02,600 --> 00:12:06,160
תוכנה, למשל, משהו
Apache נקרא, שהוא אולי

279
00:12:06,160 --> 00:12:08,700
עדיין הפופולרי ביותר באינטרנט
תוכנת שרת בעולם

280
00:12:08,700 --> 00:12:11,030
שאלפי אתרי אינטרנט משתמשים כיום.

281
00:12:11,030 --> 00:12:13,420
וזה גם אפילו יש
תוכנות כמו MySQL,

282
00:12:13,420 --> 00:12:16,240
שבו הוא שרת מסד הנתונים
שסופו של הדבר יגיע ל,

283
00:12:16,240 --> 00:12:18,330
וזה רק כדי לומר
אני יכול להתחיל טיפול ב

284
00:12:18,330 --> 00:12:22,040
המכשיר שלי כשרת לכל דבר מלאה
שאני לא משלם על מקום אחר.

285
00:12:22,040 --> 00:12:25,980
רק הוא חי על המחשב הנייד שלי ל
מטרות פיתוח ונוחות.

286
00:12:25,980 --> 00:12:27,870
>> אז בואו נלך קדימה ו
לנצל את זה.

287
00:12:27,870 --> 00:12:30,120
אני הולך קדימה,
לפתוח את חלון מסוף.

288
00:12:30,120 --> 00:12:33,030
ואני הולך קדימה ו
move-- למעשה, ראשון שאני

289
00:12:33,030 --> 00:12:34,860
הולך לנווט לשולחן העבודה שלי.

290
00:12:34,860 --> 00:12:36,400
אם אני עושה ls, יש hello.html.

291
00:12:36,400 --> 00:12:37,022

292
00:12:37,022 --> 00:12:38,730
ואני מתכוון ללכת
קדימה ולהתחיל להשתמש

293
00:12:38,730 --> 00:12:40,800
ספרייה חדשה יש לנו
לא בשימוש לפני היום.

294
00:12:40,800 --> 00:12:46,840
>> hello.html-- אני הולך לעבור
ל../vhosts לhosts-- הווירטואלי

295
00:12:46,840 --> 00:12:50,940
עוד על כך בfuture-- ולאחר מכן
לספרייה בשם localhost,

296
00:12:50,940 --> 00:12:54,420
אשר הוא הכינוי שניתן לכמעט
כל מחשב, בין אם זה מק, PC,

297
00:12:54,420 --> 00:12:57,560
או לינוקס במחשב, ולאחר מכן
במיוחד לספרייה שאנחנו,

298
00:12:57,560 --> 00:13:01,260
צוות כבר יצר בשבילך כש
הוריד את המכשיר שנקרא

299
00:13:01,260 --> 00:13:01,760
ציבור.

300
00:13:01,760 --> 00:13:04,551
וכפי שהשם מרמז, כל דבר
שמתי בתיקייה זו, בתורה,

301
00:13:04,551 --> 00:13:07,790
הולך להיות עכשיו
, לפחות לציבור אנשים

302
00:13:07,790 --> 00:13:10,030
שיש להם ישיר
חיבור למחשב שלי.

303
00:13:10,030 --> 00:13:13,160
>> אז עכשיו תן לי ללכת קדימה ו
לעשות cd לאותה ספרייה

304
00:13:13,160 --> 00:13:15,490
כך שאני יכול לראות מה יש
קורה וls הסוג.

305
00:13:15,490 --> 00:13:17,630
ואכן, זה
דבר היחיד שם.

306
00:13:17,630 --> 00:13:23,250
אני טוען עכשיו כי יש לי לשים את זה
להגיש hello.html בתוך ספרייה

307
00:13:23,250 --> 00:13:26,940
נקרא בתוך הציבור של ספרייה
localhost נקרא בתוך ספרייה

308
00:13:26,940 --> 00:13:29,810
vhosts נקרא, ש
הודות לצוות CS50

309
00:13:29,810 --> 00:13:34,390
כבר מוגדר מראש להיות
השורש של שרת האינטרנט שלך,

310
00:13:34,390 --> 00:13:36,900
עכשיו אני יכול בתקווה לעשות את זה.

311
00:13:36,900 --> 00:13:38,390
>> אני הולך לפתוח את הכרטיסייה חדשה.

312
00:13:38,390 --> 00:13:40,090
ואני מתכוון ללכת לא לקובץ: //.

313
00:13:40,090 --> 00:13:44,520
אני הולך להשתמש בפועל
http / localhost, ש

314
00:13:44,520 --> 00:13:47,470
שוב, הוא הכינוי
לשרת שלי.

315
00:13:47,470 --> 00:13:51,085
ואז אני הולך למה ש
שם קובץ, רק שיהיה ברור?

316
00:13:51,085 --> 00:13:52,680

317
00:13:52,680 --> 00:13:54,320
איפה הוא כנראה הסיפור הזה הולך?

318
00:13:54,320 --> 00:13:56,066

319
00:13:56,066 --> 00:13:56,565
hello.html.

320
00:13:56,565 --> 00:13:58,350

321
00:13:58,350 --> 00:14:04,270
>> אז במילים אחרות, אני רוצה את זה עכשיו
הוא המחשב שלי, המכשיר שלי,

322
00:14:04,270 --> 00:14:05,660
כאילו זה שרת בפועל.

323
00:14:05,660 --> 00:14:07,490
הכינוי שלה הוא localhost.

324
00:14:07,490 --> 00:14:10,210
אבל לחשוב על localhost כמו כמו
Facebook.com google.com, לא משנה מה.

325
00:14:10,210 --> 00:14:11,600
זה רק השם המקומי שלי.

326
00:14:11,600 --> 00:14:14,810
ואז הסופיים שאני רוצה זה ב
שורש של הכונן הקשיח, אם אפשר לומר כך,

327
00:14:14,810 --> 00:14:17,729
או השורש של שרת האינטרנט,
ergo הקו הנטוי ולאחר מכן

328
00:14:17,729 --> 00:14:18,770
שם קובץ hello.html.

329
00:14:18,770 --> 00:14:19,880

330
00:14:19,880 --> 00:14:21,930
>> תן לי להקטין את תצוגה ולחץ על Enter.

331
00:14:21,930 --> 00:14:24,266
ואכן, יש עכשיו דף האינטרנט שלי.

332
00:14:24,266 --> 00:14:25,390
אז זה קצת שונה.

333
00:14:25,390 --> 00:14:26,880
וזה בדיוק כמו שהן משעממות.

334
00:14:26,880 --> 00:14:27,904
זוהי הגרסה הישנה.

335
00:14:27,904 --> 00:14:29,070
תן לי לכווץ את הגופן בחזרה.

336
00:14:29,070 --> 00:14:29,745
זה ישן.

337
00:14:29,745 --> 00:14:30,890
זה חדש.

338
00:14:30,890 --> 00:14:35,430
אבל מה שקורה ביסוד
עכשיו הוא שHTTP נמצא בשימוש.

339
00:14:35,430 --> 00:14:39,344
>> בואו נעשה את זה קצת יותר ברור או,
אם תרצה, קצת יותר מסובך.

340
00:14:39,344 --> 00:14:41,760
תן לי ללכת לפינה הימנית התחתונה
יד בפינה של המכשיר שלי.

341
00:14:41,760 --> 00:14:44,000
ושים לב שכל זה
זמן, יש כבר מספר.

342
00:14:44,000 --> 00:14:47,330
כלומר הכתובת הייחודית
של מכשיר CS50 שלך.

343
00:14:47,330 --> 00:14:50,800
זה כתובת פרטית,
כפי שמשתמע מ172.16,

344
00:14:50,800 --> 00:14:53,860
שרק אומר לך רק מבחינה פיזית
יכול לגשת לשרת אינטרנט זה.

345
00:14:53,860 --> 00:14:56,340
והכל firewalled
יפה מוגן משאר

346
00:14:56,340 --> 00:14:58,130
של העולם בגלל זה בעניין.

347
00:14:58,130 --> 00:15:01,920
>> ועכשיו שמתי לב למרות שאם אני הולך ל
כתובת זו, לא במכשיר שלי,

348
00:15:01,920 --> 00:15:04,340
אבל ב- Mac OS-- אני הולך
לחזור לכאן.

349
00:15:04,340 --> 00:15:05,930
זה Mac שלי עכשיו.

350
00:15:05,930 --> 00:15:08,460
ועכשיו אני הולך לפתוח
גרסה זו של Chrome כאן.

351
00:15:08,460 --> 00:15:17,370
ואני הולך ללכת http: //172.16.25
/ ואני שוכח 133 rest--.

352
00:15:17,370 --> 00:15:25,210
>> אז אני הולך לבקר מ- Mac שלי
שכתובת ה- IP /hello.html הזן.

353
00:15:25,210 --> 00:15:29,850
ועכשיו אני רואה מMac שלי
שAppliance CS50 שלי, שזה

354
00:15:29,850 --> 00:15:32,600
כתובת ה- IP היא ש
מספר, אכן מתנהג

355
00:15:32,600 --> 00:15:34,320
כמו שרת אינטרנט באינטרנט.

356
00:15:34,320 --> 00:15:36,944
זה לא חייב נחמד קל
זוכר את השם כמו Facebook.com,

357
00:15:36,944 --> 00:15:40,370
אבל זה באמצעות HTTP
ככל הנראה, למרות שChrome

358
00:15:40,370 --> 00:15:43,560
הוא סוג של פישוט העולם
בשבילנו, אבל לא מראה לנו HTTP.

359
00:15:43,560 --> 00:15:46,210
אבל זה אכן בדיוק את זה.

360
00:15:46,210 --> 00:15:48,470
Chrome הוא רק חוסך כמה
הקשות בימים אלה.

361
00:15:48,470 --> 00:15:50,530
וזה מה שאנחנו רואים עכשיו.

362
00:15:50,530 --> 00:15:51,890
>> אז זה בסדר גמור וטוב.

363
00:15:51,890 --> 00:15:53,740
אבל זה דף די משעמם.

364
00:15:53,740 --> 00:15:56,230
תן לי ללכת ולעשות משהו
קצת שונה עכשיו.

365
00:15:56,230 --> 00:15:57,910
אז תן לי לחזור לgedit.

366
00:15:57,910 --> 00:16:00,580
ובמקום שלום,
העולם, בואו נשים את תמונה.

367
00:16:00,580 --> 00:16:05,880
ואני טענו מbefore-- תנו לי ללכת
לציבור בספריית localhost שלי.

368
00:16:05,880 --> 00:16:10,580
ותן לי ללכת קדימה ולהעתיק
כל חבורה של קבצים מהיום

369
00:16:10,580 --> 00:16:15,633
מתיקיית Dropbox שלי לכאן.

370
00:16:15,633 --> 00:16:19,470

371
00:16:19,470 --> 00:16:21,680
>> עכשיו, אם אני מקליד ls, נראה
בכל הקבצים הללו

372
00:16:21,680 --> 00:16:24,940
כי אני כבר מופץ על ידי
אתר כמובן מראש של היום,

373
00:16:24,940 --> 00:16:26,830
אחד מהם הוא עדיין hello.html.

374
00:16:26,830 --> 00:16:27,830
אז יש שאחד.

375
00:16:27,830 --> 00:16:30,730
וזוכר הטיפשי הזה
מcat.jpg time-- האחרון.

376
00:16:30,730 --> 00:16:34,550
אז תן לי לנסות להטביע
cat.jpg בתוך דף האינטרנט שלי.

377
00:16:34,550 --> 00:16:37,690
>> אני הולך קדימה
ולעשות cat.jpg, לחסוך.

378
00:16:37,690 --> 00:16:38,950
תן לי לחזור ל- Chrome.

379
00:16:38,950 --> 00:16:41,140
ותן לי להתקרב
גופן ועכשיו לטעון מחדש.

380
00:16:41,140 --> 00:16:43,090

381
00:16:43,090 --> 00:16:45,030
אופס, איפה שמתי את זה?

382
00:16:45,030 --> 00:16:48,210

383
00:16:48,210 --> 00:16:51,520
Standby-- עדיין יש לי את הישן
גרסה מהפתוחה שולחן העבודה שלי.

384
00:16:51,520 --> 00:16:56,020
אז תן לי להיכנס לvhost שלי, שלי
localhost, הציבור שלי, וhello.html.

385
00:16:56,020 --> 00:16:57,320

386
00:16:57,320 --> 00:17:00,670
אז עכשיו תן לי ללכת קדימה ו
אומר cat.jpg הפנימי של הגוף

387
00:17:00,670 --> 00:17:02,830
שבו אני רוצה שזה יהיה
מוצג וטען מחדש.

388
00:17:02,830 --> 00:17:04,560
כמובן, זה לא נכון.

389
00:17:04,560 --> 00:17:08,050
>> אז אני צריך לומר לדפדפן קטן
יותר במכוון את מה שאני רוצה לעשות את זה.

390
00:17:08,050 --> 00:17:10,210
כל שעליך לעשות הוא להקליד את השם
ברור שלא מספיק.

391
00:17:10,210 --> 00:17:15,134
אז זוכר שהיה עוד
תג, תמונה, img בקיצור.

392
00:17:15,134 --> 00:17:17,550
זה רק בגלל שבני אדם
לא אוהב את המילים מלאה הסוג.

393
00:17:17,550 --> 00:17:19,050
ואז אנחנו יכולים לעשות מקור = "cat.jpg".

394
00:17:19,050 --> 00:17:21,470

395
00:17:21,470 --> 00:17:23,550
>> ועכשיו אני הולך לעשות
דבר אחד שונה כאן.

396
00:17:23,550 --> 00:17:25,390
למרות שכל
התגים שלנו עד כה יש לי

397
00:17:25,390 --> 00:17:28,086
היה רעיון שלו,
תג התחלה ותג סיום,

398
00:17:28,086 --> 00:17:30,210
שלא ממש
תחושה לתמונה, נכון?

399
00:17:30,210 --> 00:17:32,430
תמונה היא גם שם או לא שם.

400
00:17:32,430 --> 00:17:36,650
וכך בני האדם הגיעו
עם אמנה פשוטה.

401
00:17:36,650 --> 00:17:40,310
כי כאשר יש לך תג יכול גם
תתחיל ותסתיים באותו time--

402
00:17:40,310 --> 00:17:43,790
זה יכול להיות ריק, כך לspeak-- רק
לשים הקו הנטוי בתוך התג

403
00:17:43,790 --> 00:17:44,710
ממש בסוף.

404
00:17:44,710 --> 00:17:45,776

405
00:17:45,776 --> 00:17:47,150
עכשיו תנו לי לחזור לדפדפן שלי.

406
00:17:47,150 --> 00:17:50,377
הכה רענן לעזאזל, משהו לא בסדר.

407
00:17:50,377 --> 00:17:52,460
בטח כבר ראה את זה
מדי פעם באינטרנט,

408
00:17:52,460 --> 00:17:53,600
גם אם זה לא היה באשמתך.

409
00:17:53,600 --> 00:17:54,766
זו לא אשמתו של שרת האינטרנט.

410
00:17:54,766 --> 00:17:56,240
מה שירי הלל נראה זה כדי לציין?

411
00:17:56,240 --> 00:17:57,450

412
00:17:57,450 --> 00:17:58,009
הוא שבור.

413
00:17:58,009 --> 00:17:59,300
זה המקום שבי התמונה שייכת.

414
00:17:59,300 --> 00:17:59,700
כן?

415
00:17:59,700 --> 00:18:01,560
>> קהל: אבל זה לא
יש להם גישה לתמונה.

416
00:18:01,560 --> 00:18:03,070
>> DAVID J מלאן: זה לא
יש להם גישה לתמונה.

417
00:18:03,070 --> 00:18:05,230
גרוע ש, או אפילו, אולי
זה אפילו לא קיים.

418
00:18:05,230 --> 00:18:06,729
בואו תראו אם אנחנו לא יכולים לאבחן את זה.

419
00:18:06,729 --> 00:18:09,390
זוכר מהפעם האחרונה שאם
בChrome, במכשיר,

420
00:18:09,390 --> 00:18:11,870
או גם על מק או למחשב,
אתה הולך לתפריט Developer

421
00:18:11,870 --> 00:18:14,650
וללכת לכלים למפתחים
אפשרות, שכנראה שיש לך

422
00:18:14,650 --> 00:18:16,850
לא השתמש בהרבה או אי פעם.

423
00:18:16,850 --> 00:18:20,780
ואם אני הולך לרשת
וטען מחדש את הדף,

424
00:18:20,780 --> 00:18:24,110
בואו בעצם מסתכל על HTTP
בקשות שנעשות.

425
00:18:24,110 --> 00:18:28,400
>> זה נראה כמו hello.html הוא
אכן על אישור, ומכאן 200.

426
00:18:28,400 --> 00:18:30,630
אבל cat.jpg הוא 403.

427
00:18:30,630 --> 00:18:31,650
אז זה לא 404.

428
00:18:31,650 --> 00:18:33,490
קובץ קיים כנראה.

429
00:18:33,490 --> 00:18:35,250
403 פירושו אסורים.

430
00:18:35,250 --> 00:18:37,790
אז זה קצת מבלבל.

431
00:18:37,790 --> 00:18:42,340
אני הולך לחזור
לחלון המסוף שלי.

432
00:18:42,340 --> 00:18:43,700
תן לי להתקרב לכאן.

433
00:18:43,700 --> 00:18:44,750
ותן לי לעשות ls.

434
00:18:44,750 --> 00:18:46,430
יש את אותם קבצים.

435
00:18:46,430 --> 00:18:49,410
>> עכשיו תן לי לעשות ls-l,
שיש לך כנראה

436
00:18:49,410 --> 00:18:53,350
השתמש בעבר כדי להסתכל קובץ
גדלים אולי או חותמות זמן.

437
00:18:53,350 --> 00:18:55,590
ואנחנו רואים חבורה של כל
מידע מכריע.

438
00:18:55,590 --> 00:18:57,040
אבל שים לב כמה פרטים.

439
00:18:57,040 --> 00:19:01,660
הנה hello.html בזה
שורה כאן והנה cat.jpg.

440
00:19:01,660 --> 00:19:02,934

441
00:19:02,934 --> 00:19:05,850
וזה פשוט להיות המכשיר
ידידותי למשתמש על ידי הדגשת JPEG של

442
00:19:05,850 --> 00:19:07,380
בסגול כמו זה.

443
00:19:07,380 --> 00:19:11,470
אבל מה עוד שונה ליד
גודל קובץ ואת שם הקובץ?

444
00:19:11,470 --> 00:19:13,438

445
00:19:13,438 --> 00:19:14,754
>> קהל: [לא ברור].

446
00:19:14,754 --> 00:19:16,920
DAVID J מלאן: כן, יש
עוד שני של כאן R.

447
00:19:16,920 --> 00:19:20,170
שים לב מה hello.html יש קורה.

448
00:19:20,170 --> 00:19:24,050
אז מתברר ששמו של
הציבור בספרייה זו הוא חשוב.

449
00:19:24,050 --> 00:19:26,400
שום דבר במדריך זה
אמור להיות ציבורי.

450
00:19:26,400 --> 00:19:28,790
אבל זה לא מספיק
רק כדי לשחרר קבצים לשם.

451
00:19:28,790 --> 00:19:31,480
אתה גם צריך לשנות
המצב של הקבצים,

452
00:19:31,480 --> 00:19:35,180
לשנות את ההרשאות של
הקובץ באופן יזום לא

453
00:19:35,180 --> 00:19:37,650
להיות הגדרת ברירת המחדל,
וזה שרק אני יכול לקרוא

454
00:19:37,650 --> 00:19:39,220
ולכתוב את זה, לי להיות הבעלים.

455
00:19:39,220 --> 00:19:43,540
אני רוצה את כל כולם לעולם
להיות מסוגל לקרוא את התיק שלי, אם אפשר לומר כך.

456
00:19:43,540 --> 00:19:44,950
קראו רק אומר לצפות בו.

457
00:19:44,950 --> 00:19:49,780
>> ואכן, כפי שתראה בבעיה
להגדיר שבע, זה מה שאומר של R אלה.

458
00:19:49,780 --> 00:19:53,160
הממוצע של שני R אלה לאפשר לכולם
בעולם גם אחר לקרוא אותו,

459
00:19:53,160 --> 00:19:55,300
במיוחד עכשיו ש
זה בספרייה זו.

460
00:19:55,300 --> 00:19:59,620
אז הדרך הפשוטה לתקן את זה היא
ללכת להפקודה ולעשות chmod לשינוי

461
00:19:59,620 --> 00:20:05,580
מצב ולאחר מכן לעשות r +, לגמרי,
כולם, כל, בתוספת r לקריאה,

462
00:20:05,580 --> 00:20:07,944
ולאחר מכן cat.jpg הזן.

463
00:20:07,944 --> 00:20:10,360
לא קורים כלום, ש
בדרך כלל פירוש דבר טוב.

464
00:20:10,360 --> 00:20:13,850
אז ls-l again-- עכשיו
בואו נסתכל על cat.jpg.

465
00:20:13,850 --> 00:20:15,750
והרשאה זו
נראה שהשתנה.

466
00:20:15,750 --> 00:20:18,670
במאמר מוסגר, אם אתה עושה
טעות ואתה, למשל,

467
00:20:18,670 --> 00:20:23,210
פשוט עשה your-- אני לא יודע-- מאמר
בפומבי נגיש על ידי תאונה,

468
00:20:23,210 --> 00:20:25,480
אתה יכול לעשות את ההפך, chmod-R.

469
00:20:25,480 --> 00:20:25,909

470
00:20:25,909 --> 00:20:28,200
למרות שלמען אמת, לא צריך את זה
להיות בספרייה הציבורית

471
00:20:28,200 --> 00:20:29,760
בכל מקרה אם זה הדאגה.

472
00:20:29,760 --> 00:20:32,475
>> אז עכשיו בואו נחזור ל
הדפדפן שלי ורענן.

473
00:20:32,475 --> 00:20:32,904

474
00:20:32,904 --> 00:20:34,820
ואני הולך לחץ
מכסחי השדים הקטנים

475
00:20:34,820 --> 00:20:38,030
סמל כדי לנקות את החלק הזה של
מסך כדי שנוכל לראות בקשות חדשות.

476
00:20:38,030 --> 00:20:40,630
ואכן, כאן הוא
חתול התעצבן מקודם.

477
00:20:40,630 --> 00:20:43,010
אבל יותר חשוב,
מבחינה טכנית, יש

478
00:20:43,010 --> 00:20:45,565
המספר 200, ש
משמעות הדבר היא שיש לנו זה בסדר.

479
00:20:45,565 --> 00:20:47,190
בסדר, אז זה בסדר גמור וטוב.

480
00:20:47,190 --> 00:20:48,940
אבל אנחנו לא עושים
הטוב ביותר של אתרים,

481
00:20:48,940 --> 00:20:51,967
ולא אנחנו הולכים לנסות קשה מדי
להפוך את המפואר של אתרי אינטרנט היום.

482
00:20:51,967 --> 00:20:54,550
אבל בואו לפחות לעשות משהו
סופר מוכר לפני מקשקש

483
00:20:54,550 --> 00:20:56,030
את כמה תגים אחרים.

484
00:20:56,030 --> 00:20:58,470
אז נניח שאני לא רק רוצה חתול כאן.

485
00:20:58,470 --> 00:21:02,530
נניח שאני באמת רוצה את זה
חתול לקשר למשהו.

486
00:21:02,530 --> 00:21:07,210
>> אני יכול, למשל
לעשות משהו כזה.

487
00:21:07,210 --> 00:21:08,580

488
00:21:08,580 --> 00:21:12,890
לhref עוגן ל
equals-- התייחסות היפר

489
00:21:12,890 --> 00:21:17,440
ולמה שלא נעשיתי משהו
כמו www.google.com קרוב

490
00:21:17,440 --> 00:21:19,540
לצטט קרוב הסוגר.

491
00:21:19,540 --> 00:21:22,000
ועכשיו לחפש את חתולים.

492
00:21:22,000 --> 00:21:23,520
תג עוגן קרוב.

493
00:21:23,520 --> 00:21:26,760
אז זה יש רק סוג אחד
פרט מיסודה של חדש.

494
00:21:26,760 --> 00:21:28,190
התג כמובן, שונה.

495
00:21:28,190 --> 00:21:31,770
זה שם לעוגן
התייחסות href או היפר.

496
00:21:31,770 --> 00:21:35,269
>> אבל יותר חשוב, יש
תכונה תחבירית זה כאן.

497
00:21:35,269 --> 00:21:37,810
זה מה שנתחיל לקרוא
לא תג, אבל תכונה.

498
00:21:37,810 --> 00:21:40,830
ומאפיין הוא משהו ש
משנה את ההתנהגות של תג.

499
00:21:40,830 --> 00:21:45,400
ותכונה, href, אמצעי זה
לשנות את ההתנהגות של עוגן זה

500
00:21:45,400 --> 00:21:48,430
כך שכאשר הוא לחץ,
זה הולך לכתובת אתר זו כאן.

501
00:21:48,430 --> 00:21:50,330
וכמובן, ה- URL שהוא גוגל.

502
00:21:50,330 --> 00:21:53,951
>> בינתיים, מה זה
טקסט כאן הולך להיות?

503
00:21:53,951 --> 00:21:55,950
ובכן, זה הולך להיות
מה האדם באמת

504
00:21:55,950 --> 00:21:58,470
רואה כמסומן בקו התחתון
קישור, פשוט כמו ש.

505
00:21:58,470 --> 00:21:59,220
אז בואו ננסה את זה.

506
00:21:59,220 --> 00:21:59,980
תן לי לשמור אותו.

507
00:21:59,980 --> 00:22:01,650
אני עדיין בhello.html.

508
00:22:01,650 --> 00:22:05,360
אבל בגרסאות מקוונות, אתה תראה
שמות קבצים בפועל אנחנו מוכנים מראש.

509
00:22:05,360 --> 00:22:06,805
תן לי ללכת קדימה וטען מחדש.

510
00:22:06,805 --> 00:22:08,680
ועכשיו זה מאוד
דף משעמם עדיין.

511
00:22:08,680 --> 00:22:10,910
אבל אם אני מרחף מעל there--
וזה קצת קטן,

512
00:22:10,910 --> 00:22:13,576
but-- אתה יכול לראות בתחתית
פינה השמאלית של המסך שלך,

513
00:22:13,576 --> 00:22:15,242
זה אכן הולך ל- google.com.

514
00:22:15,242 --> 00:22:19,280
ואם אני לוחץ על זה, זה יהיה
להקציף אותי בדרך לGoogle בפועל.

515
00:22:19,280 --> 00:22:22,610
>> אבל שים לב כאן הזדמנות ל
ניצול, בדיוק כמו בצד.

516
00:22:22,610 --> 00:22:25,150
ואנחנו נחזור לאחרים
נושאי ביטחון לפני זמן רב.

517
00:22:25,150 --> 00:22:29,290
כי יש דיכוטומיה זו
בין לאן אתה הולך ומה אתה אומר,

518
00:22:29,290 --> 00:22:34,722
אתה יכול לעשות משהו כזה
זה-- http://www.google.com.

519
00:22:34,722 --> 00:22:37,134
אישור, ועכשיו אם אני לטעון מחדש
אחרי שהציל אותו דף,

520
00:22:37,134 --> 00:22:38,800
זה נראה כאילו אני הולך לגוגל.

521
00:22:38,800 --> 00:22:40,966
אבל אין שום סיבה שאני
צריך ללכת לגוגל, נכון?

522
00:22:40,966 --> 00:22:47,460
אני ממש יכול ללכת למשהו כמו
badguy.com, לטעון מחדש את הדף לכאן.

523
00:22:47,460 --> 00:22:49,750
ושימו לב, זה עדיין נראה כמו גוגל.

524
00:22:49,750 --> 00:22:52,020
ורק אם אני חד
מספיק לרחף מעל כאן

525
00:22:52,020 --> 00:22:54,770
אני רואה את זה גם הולך
ללכת למקום אחר.

526
00:22:54,770 --> 00:22:57,400
>> אז אם אי פעם קיבלו
דואר אלקטרוני, במיוחד

527
00:22:57,400 --> 00:22:59,610
אחד מPaypal, או
לכאורה מPaypal

528
00:22:59,610 --> 00:23:01,830
מבקש ממך להתחבר
לחשבון שלך, זה

529
00:23:01,830 --> 00:23:06,380
לכן אסור לך
אי פעם תלחצו על קישורים בהודעות דואר אלקטרוני,

530
00:23:06,380 --> 00:23:07,930
בכנות, כל קישורים בהודעות דוא"ל.

531
00:23:07,930 --> 00:23:10,380
אם אתה יודע שיש לך בפועל
כסף בPaypal או בנק

532
00:23:10,380 --> 00:23:14,250
של אמריקה או פידליטי או כל
אתר, הקלד אותו באופן ידני ב.

533
00:23:14,250 --> 00:23:17,530
כי תראה כמה זה קל ל
טריק מישהו להצגה מה ש

534
00:23:17,530 --> 00:23:18,526
נראה כמו קישור.

535
00:23:18,526 --> 00:23:20,400
אבל זה באמת יכול
ללכת באופן מוחלט בכל מקום.

536
00:23:20,400 --> 00:23:23,301
>> ויש הרבה יותר
איומים מזה.

537
00:23:23,301 --> 00:23:25,300
למעשה, זה קצת
של משיק עכשיו, אבל אחד

538
00:23:25,300 --> 00:23:28,430
סרטים הטובים ביותר שאי פעם ראיתי
שמאז נסגר,

539
00:23:28,430 --> 00:23:34,060
הוא אנשי מישהו הוביל
to-- אז זה אפשר לומר,

540
00:23:34,060 --> 00:23:37,660
לחץ כאן כדי להיכנס לשלך
חשבון, חשבון בנק.

541
00:23:37,660 --> 00:23:40,985
וזה היה בנק של המערב.

542
00:23:40,985 --> 00:23:43,030

543
00:23:43,030 --> 00:23:44,250
>> אז מישהו קנה את זה.

544
00:23:44,250 --> 00:23:47,090
וזה קצת יותר קל לראות
זה בגופן מונו במרווחים מוגדל

545
00:23:47,090 --> 00:23:49,190
במקרן 30 מטר.

546
00:23:49,190 --> 00:23:51,720
אבל כאשר זה גופן קטן ב
דואר אלקטרוני שאתה מקבל,

547
00:23:51,720 --> 00:23:54,690
זה נראה כמו bankofthewest.com,
לא bankofthevvest.com,

548
00:23:54,690 --> 00:23:58,230
שמישהו שילם 10 דולרים כדי לקנות.

549
00:23:58,230 --> 00:24:00,840
ואז זה הוביל אותם ל
מקבילה של כמה אתר רע.

550
00:24:00,840 --> 00:24:05,540
>> ותראה too-- בעצם אנחנו יכולים לעשות
זה-- אם אני הולך לאתר בפועל,

551
00:24:05,540 --> 00:24:10,335
bankofthewest.com, שוב,
זוכר מהפעם האחרונה

552
00:24:10,335 --> 00:24:13,210
כי אם זה דף האינטרנט שלהם ו
אתה סקרן לדעת איך זה עובד,

553
00:24:13,210 --> 00:24:15,610
אתה בהחלט יכול ללכת ל
כלי הפיתוח של הכרום.

554
00:24:15,610 --> 00:24:18,890
ואתה יכול לראות את כל
HTML מעוצב יפה שם.

555
00:24:18,890 --> 00:24:20,890
>> אבל יותר לעניין,
אתה cam-- בואו נסגור

556
00:24:20,890 --> 00:24:24,760
זה-- אתה יכול ללכת לצפייה
מפתחי צג מקור.

557
00:24:24,760 --> 00:24:25,770

558
00:24:25,770 --> 00:24:28,350
למה אני לא פשוט להעתיק
כל זה ואז אני

559
00:24:28,350 --> 00:24:31,630
יכול להיכנס לחלון gedit הקטן שלי
כאן ולהפוך את דף האינטרנט שלי.

560
00:24:31,630 --> 00:24:33,210
שמור את זה בhello.html.

561
00:24:33,210 --> 00:24:36,770
וכנראה שזה הולך לשבור,
כי זה לא זה קל בדרך כלל.

562
00:24:36,770 --> 00:24:41,590
אבל עכשיו אם אני לטעון מחדש את הדף שלי ב
שלי CS50 Appliance והרענן פגע,

563
00:24:41,590 --> 00:24:42,990
אישור, שברו כמה דברים.

564
00:24:42,990 --> 00:24:45,750
אבל אני די קרוב שיש
אתר האינטרנט הבנקאי שלי, נכון?

565
00:24:45,750 --> 00:24:46,570
כל זה HTML--

566
00:24:46,570 --> 00:24:47,370
>> [שחוק]

567
00:24:47,370 --> 00:24:49,210
>> DAVID J מלאן: --I
לא actually-- ואתה

568
00:24:49,210 --> 00:24:52,210
יודע שיש מישהו שם בחוץ ש
היה למעשה לחץ על קישורים אלה גם.

569
00:24:52,210 --> 00:24:54,864
אז ברור, שברו כמה דברים.

570
00:24:54,864 --> 00:24:56,780
אבל זה הולך להוביל
אותנו לדיון,

571
00:24:56,780 --> 00:25:00,810
שלא לצורך עכשיו, על מה
CSS, גיליונות סגנון מדורג, הם,

572
00:25:00,810 --> 00:25:03,410
ואיך אתה בעצם
להוריד את קבצי HTML האחרים

573
00:25:03,410 --> 00:25:06,140
ו- JPEG קבצי קבצי GIF ש
האתר עשוי להיות שימוש.

574
00:25:06,140 --> 00:25:07,960
אבל כל זה הוא מטרות משנה.

575
00:25:07,960 --> 00:25:11,110
אבל זה באמת מסתכם ל
היוריסטיקה מאוד פשוטה אלה.

576
00:25:11,110 --> 00:25:14,450
>> אז עכשיו בואו פשוט לרחף באמצעות
כמה דוגמאות אחרות של HTML

577
00:25:14,450 --> 00:25:16,680
רק כדי לתת לך תחושה
מה עוד אתה יכול לעשות.

578
00:25:16,680 --> 00:25:18,670
לדוגמא, זה list.html.

579
00:25:18,670 --> 00:25:23,240
נניח שאני רוצה לעשות בדף אינטרנט
עם רשימה של בתים בארבעה.

580
00:25:23,240 --> 00:25:28,960
אני יכול להשתמש בתג ul ללא מסודר
רשימה ולאחר מכן ילד פריט הרשימה

581
00:25:28,960 --> 00:25:33,760
ולאחר מכן לחזר over-- או רשימה,
rather-- הבתים בשאלה.

582
00:25:33,760 --> 00:25:36,080
>> ואם אני פותח את זה, בואו נעשיתי את זה.

583
00:25:36,080 --> 00:25:40,670
בואו נלך שלא hello.html,
אבל לlist.html.

584
00:25:40,670 --> 00:25:42,160
לעזאזל.

585
00:25:42,160 --> 00:25:43,000
כיצד אוכל לתקן את זה?

586
00:25:43,000 --> 00:25:45,679

587
00:25:45,679 --> 00:25:47,220
זה אותו הנושא כמו קודם, נכון?

588
00:25:47,220 --> 00:25:52,510
אז תן לי לעשות oops-- chmod--
chmod + R של list.html.

589
00:25:52,510 --> 00:25:54,610

590
00:25:54,610 --> 00:25:59,610
ועכשיו אם אני חוזר לדפדפן שלי
ולחץ על רענן, זה מה שיש.

591
00:25:59,610 --> 00:26:02,360
אז אם אי פעם רציתי לעשות
רשימה עם תבליטים, אתה יכול לעשות את זה.

592
00:26:02,360 --> 00:26:06,210
אם אתה רוצה להיות סופר מפואר ולעשות
רשימה מסודרת, לא רשימה לא מסודרת,

593
00:26:06,210 --> 00:26:10,170
לשנות אותם לol, לטעון מחדש את הדף, ו
עכשיו הדפדפן ימנה את זה בשבילך.

594
00:26:10,170 --> 00:26:11,241
>> מה עוד אנחנו יכולים לעשות?

595
00:26:11,241 --> 00:26:13,990
ובכן, כמה others-- אם
יש לך סעיפים של text-- ארוכים

596
00:26:13,990 --> 00:26:15,698
לדוגמא, ייתכן ש
טקסט לטיני כמו זה--

597
00:26:15,698 --> 00:26:20,730
ואתה רוצה את זה בסעיפים נפרדים,
p פתוח, עמ 'הקרוב לתג פסקה.

598
00:26:20,730 --> 00:26:22,010
ולעשות את זה שוב ושוב.

599
00:26:22,010 --> 00:26:26,600
ואם אני עכשיו פותח את הקובץ הזה,
paragraphs.html, גם, זה

600
00:26:26,600 --> 00:26:27,570
הוא מתחיל להיות מעצבן.

601
00:26:27,570 --> 00:26:34,320
אז עכשיו בואו פשוט נחזור לשלי
הפקודה, chmod כוכב r R + .html--

602
00:26:34,320 --> 00:26:36,099
כרטיס פראי קטן ונחמד כביכול.

603
00:26:36,099 --> 00:26:37,890
זה צריך לתקן את כל
הבעיות האלה בשבילי.

604
00:26:37,890 --> 00:26:38,990
בואו לטעון מחדש.

605
00:26:38,990 --> 00:26:40,500
יש שלושה סעיפים.

606
00:26:40,500 --> 00:26:42,930
>> ועכשיו בואו נלך קדימה
ולפתוח את אחד אחר.

607
00:26:42,930 --> 00:26:44,310
מה דעתך על שולחן?

608
00:26:44,310 --> 00:26:46,440
תוכל להבחין מראה שולחן
קצת יותר מורכב.

609
00:26:46,440 --> 00:26:49,110
אבל זה אותו דבר idea--
תג פתוח, תג פתוח,

610
00:26:49,110 --> 00:26:51,360
תג פתוח, פתוח, פתוח, קרוב, תג פתוח.

611
00:26:51,360 --> 00:26:54,410
ואלה קורים לעמוד ל
שולחן, שגבולה הוא, ככל הנראה,

612
00:26:54,410 --> 00:26:58,500
הולך להיות עובי 1-- מה
ששורה בטבלה means--, שולחן

613
00:26:58,500 --> 00:27:00,320
הנתונים, מה שאומר שתא.

614
00:27:00,320 --> 00:27:03,840
ואם אני חוזר לדפדפן שלי
כאן וללכת לtable.html,

615
00:27:03,840 --> 00:27:05,840
אתה יכול לראות משהו
כמו זה, מחריד.

616
00:27:05,840 --> 00:27:07,840
אבל עוד נגיע לנקודה
שבו אנחנו יכולים למעשה

617
00:27:07,840 --> 00:27:09,260
לעשות דברים יפים יותר מזה.

618
00:27:09,260 --> 00:27:10,530
>> אז תן לי לקבוע לעת עתה.

619
00:27:10,530 --> 00:27:11,870
יש צרורות של תגיות נוספות.

620
00:27:11,870 --> 00:27:15,225
ו- HTML נפלא להרים
כי, בכנות, כל מה שאתה צריך לעשות

621
00:27:15,225 --> 00:27:17,600
הוא מסתכל על דפי אינטרנט קיימים
עם שאתה מכיר.

622
00:27:17,600 --> 00:27:20,340
ואתם כמו, אה, ככה
הם עשו מבחינה אסתטית זה.

623
00:27:20,340 --> 00:27:23,159
>> או שאתה יכול לחפש כל מקוון
משאב כיצד HTML עובד,

624
00:27:23,159 --> 00:27:25,700
ותראה שיש
כל אוצר המילים של תגים אחרים.

625
00:27:25,700 --> 00:27:30,110
אבל עם המודל המנטלי הפשוט
לבד כי כמעט כל תג שאתה פותח

626
00:27:30,110 --> 00:27:33,620
צריך להיות סגור, זה באמת
אין בכך כדי ללמד את עצמך

627
00:27:33,620 --> 00:27:36,950
HTML מבין אחרי
רעיונות בסיסיים אלה של תגיות

628
00:27:36,950 --> 00:27:40,520
ותכונות ו- formedness גם
שאנחנו מדברים עליהם,

629
00:27:40,520 --> 00:27:44,697
דבר סגירה שאנו עשויים לפתוח
כדי שלא לבלבל את דפדפן.

630
00:27:44,697 --> 00:27:46,780
אז בואו עכשיו לקחת את זה ל
רמה מעניינת יותר

631
00:27:46,780 --> 00:27:48,100
על ידי הולך בפועל.

632
00:27:48,100 --> 00:27:51,095
ובואו נלך ל- Mac שלי
כאן, ל- google.com.

633
00:27:51,095 --> 00:27:52,280

634
00:27:52,280 --> 00:27:54,020
ועכשיו notice-- בואו נעשיתי את זה.

635
00:27:54,020 --> 00:27:57,280
אני גונג ללכת ל
הגדרות, הגדרות חיפוש.

636
00:27:57,280 --> 00:28:01,070
אני רוצה לכבות את הרגע הזה מעצבן
דבר תוצאות שבו באופן מיידי

637
00:28:01,070 --> 00:28:02,450
מתחיל להגיב להקלדה שלך.

638
00:28:02,450 --> 00:28:05,300
בואו לעשות בית ספר ישן זה כל כך
אנו רואים ממש מה קורה.

639
00:28:05,300 --> 00:28:08,260
>> אז אני הולך להציל אותי
הגדרות גוגל כאן.

640
00:28:08,260 --> 00:28:11,160
ועכשיו notice-- אני הולך
מחפש משהו כמו חתולים.

641
00:28:11,160 --> 00:28:14,500
וזה עדיין עושה אוטומטי
מלא כאן, אבל על סמך דברים

642
00:28:14,500 --> 00:28:15,970
אנשים שהקלדתם בעבר.

643
00:28:15,970 --> 00:28:17,490
אבל שים לב מה הולך לקרות.

644
00:28:17,490 --> 00:28:20,272
>> ב- URL ברגע
זה, רק על google.com.

645
00:28:20,272 --> 00:28:22,650
מבחינה טכנית, זה קו נטוי.

646
00:28:22,650 --> 00:28:25,910
גוגל פשוט מצילה אופי
ולא מראה לנו ש.

647
00:28:25,910 --> 00:28:30,400
הם מראים לנו https, רק
להיות סופר מרגיע שאנחנו

648
00:28:30,400 --> 00:28:32,850
בדף מאובטח או מוצפן.

649
00:28:32,850 --> 00:28:35,690
>> אז תן לי ללכת קדימה ולחפש את חתולים.

650
00:28:35,690 --> 00:28:37,670
עכשיו זה הגיע ממש
במהירות עצומה.

651
00:28:37,670 --> 00:28:39,470
תסתכל על האורך של כתובת אתר זו.

652
00:28:39,470 --> 00:28:43,070
אבל מתברר שרוב החומר הזה
בכתובת האתר הוא למעשה די חסר תועלת.

653
00:28:43,070 --> 00:28:45,320
אני הולך להתחיל מחיקה
דברים שאני לא מבין.

654
00:28:45,320 --> 00:28:46,560

655
00:28:46,560 --> 00:28:47,360
אני רואה חתולים.

656
00:28:47,360 --> 00:28:48,470
אני מבין חתולים.

657
00:28:48,470 --> 00:28:50,380
אני לא יודע למה חתולים הם שם שוב.

658
00:28:50,380 --> 00:28:52,620
אני באמת לא יודע
מה זה השטויות האלה.

659
00:28:52,620 --> 00:28:56,030
אז אני פשוט הולך לשמור
הדגשה ומחיקה של חומר

660
00:28:56,030 --> 00:28:59,905
שאני לא מבין,
זיקוק את כתובת האתר לרק זה.

661
00:28:59,905 --> 00:29:00,920

662
00:29:00,920 --> 00:29:02,270
>> עכשיו תנו לי ללכת להיכנס שוב.

663
00:29:02,270 --> 00:29:03,814
זה נראה כמו גוגל עדיין עובדת.

664
00:29:03,814 --> 00:29:06,980
אז מסיבה כלשהי, הם מוסיפים
הרבה דברים לברירת המחדל של כתובת האתר שלהם.

665
00:29:06,980 --> 00:29:09,000
אבל זה לא תמיד נדרש.

666
00:29:09,000 --> 00:29:10,340
אז מה הוא נחמד על זה?

667
00:29:10,340 --> 00:29:13,630
ובכן, תן לי ללכת קדימה ו
לפתוח את המפקח של Chrome.

668
00:29:13,630 --> 00:29:15,960
יש קיצור עכבר קטן על זה.

669
00:29:15,960 --> 00:29:17,360
>> עבור לכרטיסיית הרשת.

670
00:29:17,360 --> 00:29:19,340
ועכשיו תנו לי לטעון מחדש את
דף זה עוד פעם אחת.

671
00:29:19,340 --> 00:29:20,280
ואני מחזיק Shift.

672
00:29:20,280 --> 00:29:22,520
במאמר מוסגר, דפדפנים
נוטה מטמון או לשמור

673
00:29:22,520 --> 00:29:24,697
מידע רק למען היעילות.

674
00:29:24,697 --> 00:29:27,280
אבל בדרך כלל, Shift אחזקות ו
טעינה מחדש יאלץ את הכל

675
00:29:27,280 --> 00:29:28,994
להתחיל מחדש מההתחלה.

676
00:29:28,994 --> 00:29:30,410
וזה מה שאני רוצה לעשות כאן.

677
00:29:30,410 --> 00:29:33,550
>> ושים לב כל אלה
שורות שפשוט הופיעו.

678
00:29:33,550 --> 00:29:37,920
מתברר כי בכל אינטרנט נתון
דף, שאולי יש רק קובץ אחד

679
00:29:37,920 --> 00:29:43,500
involved-- hello.html-- או ש
יכול להיות 52, כמו במקרה זה.

680
00:29:43,500 --> 00:29:45,820
כשאני מבקר google.com,
ככל הנראה, הדפדפן שלי

681
00:29:45,820 --> 00:29:49,650
בעיטות מחוץ 52 בקשות HTTP נפרדות.

682
00:29:49,650 --> 00:29:50,520
מדוע זה כך?

683
00:29:50,520 --> 00:29:53,380
>> ובכן, להסתכל על מה שיש בפנים
למעלה למעלה אינטרנט זה.

684
00:29:53,380 --> 00:29:55,620
יש לא רק טקסט,
אבל יש תמונות בפועל

685
00:29:55,620 --> 00:29:57,130
חתולים על צד הימין.

686
00:29:57,130 --> 00:29:59,110
יש לוגו צבעוני עד כאן בצד השמאל.

687
00:29:59,110 --> 00:30:01,750
יש את כל הסמלים האלה
למיקרופון וכן הלאה.

688
00:30:01,750 --> 00:30:05,130
יש הרבה חתיכות, בנייה
בלוקים, חלקים מאפס, אם תרצה,

689
00:30:05,130 --> 00:30:06,250
לדף אינטרנט זה.

690
00:30:06,250 --> 00:30:10,310
ומה הדפדפן עושה על
מקבל את הקובץ הראשון, ש

691
00:30:10,310 --> 00:30:16,180
היא שורה זו כאן, במהותו היא
iterating מעל HTML

692
00:30:16,180 --> 00:30:19,880
למטה, משמאל לימין, מחפש
דברים כמו תגי תמונה או תגים אחרים

693
00:30:19,880 --> 00:30:23,160
הלהזכיר קבצים אחרים ו
כאשר הוא רואה אותם, הולך ומביא אותם

694
00:30:23,160 --> 00:30:26,050
דרך HTTP, כל קיימא
מטפורה מעטפה,

695
00:30:26,050 --> 00:30:29,670
ויציג אותן ב
מיקום מתאים בדף האינטרנט.

696
00:30:29,670 --> 00:30:33,370
>> אבל שים לב כאן אם אני מתמקד ב
החתולים לזרוק, החיפוש הראשון,

697
00:30:33,370 --> 00:30:37,090
שם לב שאכן זה באמצעות HTTP 1.1.

698
00:30:37,090 --> 00:30:41,690
ולרוע מזל, גוגל
Chrome עכשיו בגרסה 39

699
00:30:41,690 --> 00:30:45,110
הוא סוג של דברים רידוד ו
לא מראה לנו את הכותרות בפועל.

700
00:30:45,110 --> 00:30:49,680
אבל מה נשלח אכן הוא בקשה
ללא לקצץ, אבל / חיפוש? q = חתולים.

701
00:30:49,680 --> 00:30:52,830

702
00:30:52,830 --> 00:30:54,340
>> עכשיו, למה זה חשוב?

703
00:30:54,340 --> 00:30:57,110
ובכן, אני הולך להניח
מזה שאם אתה Google

704
00:30:57,110 --> 00:31:01,520
תומך בשאילתות של טופס זה, למה
אני לא ליישם חיפוש שלי

705
00:31:01,520 --> 00:31:06,420
מנוע לCS50, אבל רק מול
הסוף, פשוט ממשק המשתמש הגרפי.

706
00:31:06,420 --> 00:31:09,610
ואנחנו למיקור חוץ הקצה האחורי,
החיפוש בפועל תוצאות ל- Google.

707
00:31:09,610 --> 00:31:10,510
>> אז איך אני יכול לעשות את זה?

708
00:31:10,510 --> 00:31:13,820
ובכן, תן לי ללכת לgedit כאן.

709
00:31:13,820 --> 00:31:19,180
ותן לי ללכת קדימה ולפתוח
עד, נניח, קובץ חדש.

710
00:31:19,180 --> 00:31:22,280
ואני הולך להציל את זה
באופן זמני כחיפוש 0.html.

711
00:31:22,280 --> 00:31:25,111

712
00:31:25,111 --> 00:31:27,860
ולאחר מכן סופו של דבר, אנחנו נצום
מוכן מראש בקוצר רוח לאחד אני.

713
00:31:27,860 --> 00:31:30,190
>> ואני הולך
להלהיב במהירות סוג doc

714
00:31:30,190 --> 00:31:33,840
html הסוגר פתוח html
html הסוגר קרוב.

715
00:31:33,840 --> 00:31:38,390
אז אני הולך לעשות את הראש
CS50 כותרת פתוחה קרוב הראש

716
00:31:38,390 --> 00:31:40,150
חפש במקום החיפוש של Google.

717
00:31:40,150 --> 00:31:43,480
כאן אני הולך יש לי
הגוף, במורד קרוב כאן גוף.

718
00:31:43,480 --> 00:31:45,835
ועכשיו אני צריך CS50 חיפוש.

719
00:31:45,835 --> 00:31:47,710
ובעצם, בואו
לבנות באופן הדרגתי זה.

720
00:31:47,710 --> 00:31:51,043
אני הולך קדימה, לסגור את זה ו
למעשה לשים אותו בספרייה הציבורית שלי.

721
00:31:51,043 --> 00:31:52,730
אז תן לי רק רגע אחד.

722
00:31:52,730 --> 00:31:55,390
חיפוש 0.html-- אני הולך
באופן זמני קוראים לזה search.html.

723
00:31:55,390 --> 00:31:56,600

724
00:31:56,600 --> 00:31:59,750
אני הולך chmod זה search.html r +.

725
00:31:59,750 --> 00:32:01,072

726
00:32:01,072 --> 00:32:02,280
ועכשיו אני הולך לפתוח אותו.

727
00:32:02,280 --> 00:32:03,224

728
00:32:03,224 --> 00:32:04,390
טוב, אז זה היה מהיר.

729
00:32:04,390 --> 00:32:06,800
אבל המטרה הייתה פשוט
כדי לקבל אותנו לנקודה

730
00:32:06,800 --> 00:32:09,630
שיש טקסט זה
להגיש search.html נקרא.

731
00:32:09,630 --> 00:32:10,940

732
00:32:10,940 --> 00:32:12,790
אז לא הרבה להסתכל עדיין.

733
00:32:12,790 --> 00:32:16,970
ואכן, אם אני הולך לדפדפן שלי, ו
ללכת לsearch.html, שכל מה שזה.

734
00:32:16,970 --> 00:32:17,720
אבל אתה יודע מה?

735
00:32:17,720 --> 00:32:19,000
אני יכול להיות קצת יותר מסובך.

736
00:32:19,000 --> 00:32:22,710
קראתי בספר שיש
תג כותרת בשם H1.

737
00:32:22,710 --> 00:32:26,100
ואני הולך קדימה ו
משתמש שh1 לפתוח ולסגור H1.

738
00:32:26,100 --> 00:32:27,220
טען מחדש את הדף.

739
00:32:27,220 --> 00:32:29,600
ועכשיו זה גדול יותר ונועז יותר,
לא כל כך מעניין,

740
00:32:29,600 --> 00:32:32,399
אבל לפחות זה מבחינה מבנית
יותר מעניין.

741
00:32:32,399 --> 00:32:33,940
אבל עכשיו הרשה לי להציג תג אחר.

742
00:32:33,940 --> 00:32:36,500
מתברר שיש תג טופס.

743
00:32:36,500 --> 00:32:38,400
ותנו לי לסגור את התג ש.

744
00:32:38,400 --> 00:32:40,830
ומתברר של שם
תג קלט ש

745
00:32:40,830 --> 00:32:44,600
יש לו תכונה שנקראת סוג, ש
הוא סוג הנתונים של השדה,

746
00:32:44,600 --> 00:32:45,200
אם תרצה.

747
00:32:45,200 --> 00:32:47,050
והוא הולך להיות מהסוג text.

748
00:32:47,050 --> 00:32:52,200
וערך שלה הולך
להיות CS50 חיפוש.

749
00:32:52,200 --> 00:32:53,850
תג לסגור.

750
00:32:53,850 --> 00:32:57,100
ויש הולך להיות שום רעיון
פתיחה וסגירה עם תגים נפרדים.

751
00:32:57,100 --> 00:33:00,300
>> תן לי לחזור לכאן ו
לראות מה קורה, טען מחדש.

752
00:33:00,300 --> 00:33:01,380
קבלה מעניינת.

753
00:33:01,380 --> 00:33:02,950
זה נראה כאילו זה שדה טקסט.

754
00:33:02,950 --> 00:33:04,080

755
00:33:04,080 --> 00:33:06,999
ובעצם, אני לא רוצה
לשים ערך שם עדיין.

756
00:33:06,999 --> 00:33:10,040
תן לי לחזור לכאן ומקבל למעשה
להיפטר מערך זה לשמור את זה פשוט.

757
00:33:10,040 --> 00:33:12,939
במקום ערך, מה שאני רוצה
לתת את הדבר הזה היה שם.

758
00:33:12,939 --> 00:33:15,230
ואני לא יודע מה זה,
אז אני אחזור לזה.

759
00:33:15,230 --> 00:33:18,270
>> אבל מתחת לזה, אני רוצה
לעשות input type = submit.

760
00:33:18,270 --> 00:33:19,840

761
00:33:19,840 --> 00:33:22,120
וערך זה יהיה CS50 חיפוש.

762
00:33:22,120 --> 00:33:24,850
ואנחנו תראו למה אני
עבר את הערך הזה.

763
00:33:24,850 --> 00:33:28,900
כשטענתי מחדש, אני נראה עכשיו יש לי
ראשיתו של החיפוש שלי

764
00:33:28,900 --> 00:33:30,820
מנוע, סופר מחריד,
למרות שלמען אמת, זה

765
00:33:30,820 --> 00:33:34,260
לא לזרוק רחוק ממה ש
דף ברירת המחדל של גוגל נראה כמו.

766
00:33:34,260 --> 00:33:37,950
>> אם אני הולך כאן עכשיו, אני יכול להקליד ב
חתולים ובתקווה לחצו על חיפוש.

767
00:33:37,950 --> 00:33:40,380
אבל אני לא עשיתי די עדיין,
כי לא יושם,

768
00:33:40,380 --> 00:33:41,045
כמובן, מסד הנתונים.

769
00:33:41,045 --> 00:33:42,940
אני לא זחלתי
אינטרנט על תוצאות חיפוש.

770
00:33:42,940 --> 00:33:44,840
אז אני צריך להעביר למיקור חוץ ל- Google.

771
00:33:44,840 --> 00:33:46,290
אז איך אני עושה את זה?

772
00:33:46,290 --> 00:33:49,170
>> ובכן, קודם כל אני
צריך להוסיף ופעולה

773
00:33:49,170 --> 00:33:58,460
מייחס לתג הטופס שלי ש
הוא http://www.google.com/search.

774
00:33:58,460 --> 00:34:01,180
ואני יודע שרק מצורך
להסיק מלהסתכל מקרוב

775
00:34:01,180 --> 00:34:02,505
בכתובת האתר שלהם.

776
00:34:02,505 --> 00:34:03,380
ועכשיו תיקח את ניחוש.

777
00:34:03,380 --> 00:34:09,090
מה צריך כנראה שדה טקסט זה
ייקרא, המבוסס על מאיפה באנו

778
00:34:09,090 --> 00:34:09,754
מקודם?

779
00:34:09,754 --> 00:34:11,896

780
00:34:11,896 --> 00:34:13,290
>> קהל:? Q.

781
00:34:13,290 --> 00:34:14,370
>> DAVID J מלאן:? Q.

782
00:34:14,370 --> 00:34:17,800
ואנחנו לא באמת צריכים שאלה
לסמן מתברר, אבל q הוא אכן זה,

783
00:34:17,800 --> 00:34:20,489
q לשאילתא ככל הנראה על ידי
ברירת מחדל, רק בגלל שזה

784
00:34:20,489 --> 00:34:23,060
מה לארי וסרגיי
באתי עם לפני שנים.

785
00:34:23,060 --> 00:34:24,739
אז עכשיו תן לי לטעון מחדש את הדף.

786
00:34:24,739 --> 00:34:26,409
זה לא נראה כל כך שונה.

787
00:34:26,409 --> 00:34:28,120
אבל עכשיו תראה מה קורה.

788
00:34:28,120 --> 00:34:32,360
>> אם אני מקליד בחתולים ולחצו
CS50 חיפוש ולהרפות,

789
00:34:32,360 --> 00:34:35,770
שמתי לב שאני מקבל לקחתי מ
משם ל- Google בפועל.

790
00:34:35,770 --> 00:34:38,150
עכשיו, גוגל להיות קצת
מעצבן שבהם

791
00:34:38,150 --> 00:34:41,877
צירוף פרמטר נוסף,
אם תרצה, לכתובת האתר.

792
00:34:41,877 --> 00:34:43,960
זה כל מה שקורה
באופן אוטומטי בצד של גוגל.

793
00:34:43,960 --> 00:34:48,730
>> החלק החשוב הוא שאני נראה
הוא זה שיצר בקשה זו כאן.

794
00:34:48,730 --> 00:34:50,179
ואכן, זה מה שקורה.

795
00:34:50,179 --> 00:34:53,040
כאשר יש לך HTML ש
נראה כך, זה

796
00:34:53,040 --> 00:34:57,620
הוא סוג של סימון מפתחי האינטרנט
על כך שאמר, להמשיך וליצור צורה

797
00:34:57,620 --> 00:34:59,990
כי כאשר הוא הגיש,
זה הולך ללכת לכתובת אתר זו.

798
00:34:59,990 --> 00:35:03,430
וכאשר את כתובת האתר סיפקה
ערכים עבור דברים כמו q,

799
00:35:03,430 --> 00:35:05,440
אל תלכו רק לכתובת אתר זו.

800
00:35:05,440 --> 00:35:08,210
למעשה, עבור לשאלה
סימן ולאחר מכן q = חתולים.

801
00:35:08,210 --> 00:35:09,590

802
00:35:09,590 --> 00:35:13,060
צרף את הפרמטר,
פרמטר כמו שHTTP.

803
00:35:13,060 --> 00:35:15,590
>> ורק כדי להיות סופר מדויק,
מה שמשתמע here--

804
00:35:15,590 --> 00:35:18,130
אבל אני אהיה יותר explicit-- הוא
כי השיטה שאני רוצה להשתמש

805
00:35:18,130 --> 00:35:22,270
הוא לקבל, במקום משהו כמו
פוסט, שבו אנו סופו של דבר יראו.

806
00:35:22,270 --> 00:35:27,710
אז בקיצור, פשוט על ידי הבנה
HTML ובאמצעות כמה תגים פשוטים למדי,

807
00:35:27,710 --> 00:35:30,610
כעת אנו יכולים להתחיל ליצור
משתמש הקצה הקדמי שלנו

808
00:35:30,610 --> 00:35:32,850
ממשק עם חיפוש
מנוע מאחוריו.

809
00:35:32,850 --> 00:35:34,800
>> אבל זה כמובן, הוא די מחריד.

810
00:35:34,800 --> 00:35:37,259
אז תנו לי למעשה לפתוח את
גרסה קצת יותר טובה.

811
00:35:37,259 --> 00:35:39,800
זה אחד שהכנתי ב
מראש שיש כמה הערות.

812
00:35:39,800 --> 00:35:41,900
אבל תראה לי ש
פחות או יותר מחדש את זה.

813
00:35:41,900 --> 00:35:44,150
אז זה כבר זמין באינטרנט.

814
00:35:44,150 --> 00:35:48,050
ואני לא יקרה למנע
ללכת ל- https רק כדי לשמור את זה פשוט.

815
00:35:48,050 --> 00:35:50,610
>> ועכשיו בואו אפתח את
הגרסה הבאה של זה.

816
00:35:50,610 --> 00:35:52,510
האם גרסת 1 במקום 0.

817
00:35:52,510 --> 00:35:55,315
מה קופץ עליך כמו מעט
שונה בדוגמא זו?

818
00:35:55,315 --> 00:35:59,480

819
00:35:59,480 --> 00:36:00,440
>> קהל: [לא ברור].

820
00:36:00,440 --> 00:36:03,020
>> כן, יש ליישר למרכז הטקסט הזה.

821
00:36:03,020 --> 00:36:04,590
זה קצת מוזר כאן.

822
00:36:04,590 --> 00:36:06,150
אבל זה אכן חדש.

823
00:36:06,150 --> 00:36:07,800
ואולי לנחש מה הולך לקרות.

824
00:36:07,800 --> 00:36:11,730
אם אני הולך לדפדפן שלי עכשיו
ולבקר בחיפוש-1.html,

825
00:36:11,730 --> 00:36:13,090
זה כמעט אותו דבר.

826
00:36:13,090 --> 00:36:15,705
אבל זה צעד אחד קרוב יותר ל
להיות קצת יותר יפה.

827
00:36:15,705 --> 00:36:19,150
זה עדיין מכוער, אבל יפה שב
לפחות כל מה שהוא מרוכז כעת.

828
00:36:19,150 --> 00:36:23,470
>> אז מתברר מה שאני משתמש
היא שפה אחרת לגמרי שנקראה

829
00:36:23,470 --> 00:36:25,680
CSS, גיליונות סגנון מדורג.

830
00:36:25,680 --> 00:36:28,310
ו- CSS, בכנות, הוא סוג
של, לדעתי האישית,

831
00:36:28,310 --> 00:36:29,775
שפה להחריד נועדה.

832
00:36:29,775 --> 00:36:33,110
זה מאוד מעצבן שיש לזכור
כל הפרטים השונים.

833
00:36:33,110 --> 00:36:38,479
אבל זה מה שstylizes
האינטרנט ברחבי העולם כולו היום.

834
00:36:38,479 --> 00:36:39,270
אני נעלב מישהו.

835
00:36:39,270 --> 00:36:39,769
בְּסֵדֶר.

836
00:36:39,769 --> 00:36:43,180
אז בואו נחזור לכאן ותראו את
איך אנחנו בעצם משתמשים בזה.

837
00:36:43,180 --> 00:36:45,940
ומתברר, לפחות זה
למעשה שפה די פשוטה.

838
00:36:45,940 --> 00:36:49,470
זה רק זוגות ערך מפתח, תכונות
וערכים, תכונות וערכים.

839
00:36:49,470 --> 00:36:52,080
ואכן, הנה אחד
נכס כזה וערך.

840
00:36:52,080 --> 00:36:55,890
>> כל שעליך לעשות על ידי שימוש בסגנון
מייחס בתג הגוף שלי

841
00:36:55,890 --> 00:37:00,360
ונותן לו ערך של
מילת מעי גס ועוד מילה,

842
00:37:00,360 --> 00:37:03,730
או רכוש וערך,
אני יכול להשפיע על האסתטיקה

843
00:37:03,730 --> 00:37:06,210
של דף האינטרנט, לא
בהכרח המבנה עדיין,

844
00:37:06,210 --> 00:37:07,550
אבל האסתטיקה שלו.

845
00:37:07,550 --> 00:37:10,960
ורק על ידי Googling מסביב, אני מבין
שגיליונות CSS הסגנון, מדורג,

846
00:37:10,960 --> 00:37:14,170
תומך בתכונה שנקראת
יישור טקסט, ערך שיכול

847
00:37:14,170 --> 00:37:16,980
להיות שמאלה, ימינה, או במרכז, למשל.

848
00:37:16,980 --> 00:37:19,990
>> אז עכשיו כשאני רענן
דף זה, מה קבל

849
00:37:19,990 --> 00:37:22,730
היה דף מרוכז,
אבל עדיין די מכוער.

850
00:37:22,730 --> 00:37:25,770
בואו נלך קדימה, לפתוח
עד הגרסה 2 של חיפוש.

851
00:37:25,770 --> 00:37:28,570
ועכשיו שמתי לב שעשיתי קצת יותר.

852
00:37:28,570 --> 00:37:33,760
שים לב שעד כאן בתוך הראש
תג, לא יכול להיות יותר מ הכותרת.

853
00:37:33,760 --> 00:37:35,400
למעשה, יש תג בסגנון.

854
00:37:35,400 --> 00:37:38,630
וזה המקום שבו רק מקבל
CSS קצת מבולגן ראייה לפעמים.

855
00:37:38,630 --> 00:37:41,971
>> שים לב שיש לי כנראה משהו
כי מבחינה מבנית נראה שונה מאוד.

856
00:37:41,971 --> 00:37:44,095
אבל כאן הוא שמו של
התג אני רוצה מסוגנן.

857
00:37:44,095 --> 00:37:47,570
כאן הם החברים שלנו הישנים מתולתל
פלטה וסד מתולתל סגור.

858
00:37:47,570 --> 00:37:50,290
ואז כאן הוא ש
רכוש וערך שלה.

859
00:37:50,290 --> 00:37:56,300
>> אם אני לטעון קובץ זה, search2.html,
התוצאה הסופית היא זהה.

860
00:37:56,300 --> 00:37:59,300
אבל זה צעד בדרך לעיצוב טוב יותר.

861
00:37:59,300 --> 00:38:04,560
הבא בחשבון את CSS זה, יש לי
לא ערבב את זה עם HTML שלי.

862
00:38:04,560 --> 00:38:07,560
ואכן, כפי שנראה, שיכולתי
שימוש חוזר בתכונות וערכים אלה.

863
00:38:07,560 --> 00:38:10,420
אם אני רוצה להפוך את הצרורות
חלקים של דף האינטרנט שלי במרכז,

864
00:38:10,420 --> 00:38:13,630
אני לא צריך להקליד style = text-align
מרכז בכל המקום.

865
00:38:13,630 --> 00:38:16,580
אני יכול לשים במקום אחד
אולי, כמו בחלק העליון.

866
00:38:16,580 --> 00:38:18,210
>> אבל גם זה לא העיצוב הטוב ביותר.

867
00:38:18,210 --> 00:38:21,720
, אחד מהדברים שאתה תלמד בעובדה
כפי שאתה מבלה יותר ויותר זמן עם

868
00:38:21,720 --> 00:38:25,730
תכנות האינטרנט הוא שככל שאתה יכול
modularize דברים ודברים גורם החוצה

869
00:38:25,730 --> 00:38:30,610
כמו קבצי .h תנו לנו דברים גורם החוצה,
רוצה helpers.c תנו לנו דברים גורם החוצה

870
00:38:30,610 --> 00:38:31,880
לפני כמה psets.

871
00:38:31,880 --> 00:38:34,200
בדומה לכך, אולי אנחנו
רוצה להשיג את זה.

872
00:38:34,200 --> 00:38:37,920
>> אז שם לב בגרסה
שלוש search.html לי

873
00:38:37,920 --> 00:38:40,610
ניקה את ראש
הדף ופשוט לשים

874
00:38:40,610 --> 00:38:43,320
בזה, תג קישור, ש
בניגוד לשם,

875
00:38:43,320 --> 00:38:44,700
לא נותן לך קישור.

876
00:38:44,700 --> 00:38:49,150
הוא מקשר לקובץ אחר בדרך של
href שערכו במקרה זה,

877
00:38:49,150 --> 00:38:51,586
הוא חיפוש 3.css

878
00:38:51,586 --> 00:38:52,960
אז אני מבין שאנחנו הולכים במהירות.

879
00:38:52,960 --> 00:38:54,600
אבל כל מה שאני עושה הוא סוג
של העברת דברים מסביב.

880
00:38:54,600 --> 00:38:55,760
תן לי חיפוש 3.css הפתוח.

881
00:38:55,760 --> 00:38:57,114

882
00:38:57,114 --> 00:38:58,530
זה מה שיש, שום דבר לא באמת לזה.

883
00:38:58,530 --> 00:39:02,270
אני פשוט להעתיק ולהדביק אותו לתוך חדש
להגיש, ממש כמו שאנחנו בחשבון דברים החוצה

884
00:39:02,270 --> 00:39:03,509
לקבצים אחרים לפני.

885
00:39:03,509 --> 00:39:05,300
וresult--
underwhelming-- לחלוטין

886
00:39:05,300 --> 00:39:06,730
הולך להיות בדיוק אותו הדבר.

887
00:39:06,730 --> 00:39:10,490
אבל אנחנו עוברים toward-- לא, זה לא.

888
00:39:10,490 --> 00:39:11,930
אה, אני יודע למה.

889
00:39:11,930 --> 00:39:13,790
>> אז זה נראה לי באג.

890
00:39:13,790 --> 00:39:15,010
וזה במובן מסוים.

891
00:39:15,010 --> 00:39:17,730
אבל הרשית לי לפתוח את הכרטיסייה שלי לרשת.

892
00:39:17,730 --> 00:39:19,660
תן לי לטעון מחדש את הדף.

893
00:39:19,660 --> 00:39:23,315
אה, למה CSS לא מיושם?

894
00:39:23,315 --> 00:39:26,920
ובכן, קובץ CSS, דומה, יש
להיות עולם קריא, אם אפשר לומר כך.

895
00:39:26,920 --> 00:39:28,440
וגם הוא אסור כיום.

896
00:39:28,440 --> 00:39:33,760
אז תן לי לעשות + r chmod
כוכב נקודה CSS-- whoops--

897
00:39:33,760 --> 00:39:37,067
אנחנו CSS נקודה הוא פשוט
סיומת קובץ עבור קבצי CSS.

898
00:39:37,067 --> 00:39:38,900
עכשיו תנו לי לחזור ל
הדפדפן שלי ורענן.

899
00:39:38,900 --> 00:39:40,910
אישור, קצת יותר טוב.

900
00:39:40,910 --> 00:39:42,282
>> עכשיו תנו לי לעשות דבר אחד אחרון.

901
00:39:42,282 --> 00:39:42,990
בחיפוש-4.html.

902
00:39:42,990 --> 00:39:44,550

903
00:39:44,550 --> 00:39:48,220
יש לי גרסה שאני רק חשבתי
היה בדרך קרירה, אם כי דרך עוד

904
00:39:48,220 --> 00:39:48,980
מסובך.

905
00:39:48,980 --> 00:39:50,690
בואו נסתכל על התוצאה ראשונה.

906
00:39:50,690 --> 00:39:52,290
סגור את זה כדי לתת לנו יותר מקום.

907
00:39:52,290 --> 00:39:54,275
שינוי זה כדי לחפש-4, הזן.

908
00:39:54,275 --> 00:39:55,430

909
00:39:55,430 --> 00:39:57,200
>> ועכשיו חבורה של דברים שבורות.

910
00:39:57,200 --> 00:39:59,910
אני הולך לחזור
לספרייה שלי כאן.

911
00:39:59,910 --> 00:40:04,190
ועכשיו אני רק הולך לעשות
chmod של r + על file--

912
00:40:04,190 --> 00:40:07,450
כי אני יודע שזה exists-- נקרא
logo.gif, שהוא תמונה.

913
00:40:07,450 --> 00:40:08,590
ועכשיו לטעון מחדש.

914
00:40:08,590 --> 00:40:11,040
וwow-- אז עכשיו אני
די קרוב, בכנות,

915
00:40:11,040 --> 00:40:15,860
לאהוב 1999 הגרסה של Google, ו
בכנות, את הגרסה 2014 של Google,

916
00:40:15,860 --> 00:40:16,360
נכון?

917
00:40:16,360 --> 00:40:21,920
>> אז עכשיו זה הולך לאתר שלהם,
סופו של דבר, אם אני מחפש חתולים.

918
00:40:21,920 --> 00:40:23,900
ואכן זה הוא.

919
00:40:23,900 --> 00:40:26,410
אבל מה עשיתי באופן שונה
בגרסה זו 4?

920
00:40:26,410 --> 00:40:28,020
אז לא להתעכב יותר מדי על זה כאן.

921
00:40:28,020 --> 00:40:30,100
אתה רואה את זה בבעיה
להגדיר שבע סופו של דבר.

922
00:40:30,100 --> 00:40:31,350
אבל שימו לב שעשיתי כמה דברים.

923
00:40:31,350 --> 00:40:33,690
>> הצגתי div
תג, שהוא אגף,

924
00:40:33,690 --> 00:40:35,450
דומה ברוחן לתג פסקה.

925
00:40:35,450 --> 00:40:38,220
אבל החלוקה היא בדיוק כמו, הנה
אזור בלתי נראה מלבני

926
00:40:38,220 --> 00:40:39,150
של המסך.

927
00:40:39,150 --> 00:40:41,680
בואו אתן לזה ייחודי
מזהה, כותרת תחתונה, רק

928
00:40:41,680 --> 00:40:44,700
כדי שנוכל לדבר על
זה ב- HTML שלנו במקום אחר.

929
00:40:44,700 --> 00:40:47,952
הנה div אחר של הדף
שמזהה הולך להיות תוכן.

930
00:40:47,952 --> 00:40:49,160
זה התוכן של הדף.

931
00:40:49,160 --> 00:40:51,090
וכאן הוא הכותרת של הדף.

932
00:40:51,090 --> 00:40:54,960
>> במילים אחרות, לי
במהות ב- HTML הנני נפשי

933
00:40:54,960 --> 00:40:57,700
צפייה בדף אינטרנט זה כ
שלושה מרכיבים, כותרת

934
00:40:57,700 --> 00:41:01,200
עד כאן עם המלבן הבלתי נראה הזה,
התוכן באמצע, ולאחר מכן

935
00:41:01,200 --> 00:41:04,800
התחתונה למטה, אפילו
למרות שאנחנו לא רואים את הדברים האלה.

936
00:41:04,800 --> 00:41:09,940
כי אני רוצה בראש שלי
דף כאן, או בקובץ .css,

937
00:41:09,940 --> 00:41:11,460
אני יכול להשתמש בתחביר זה.

938
00:41:11,460 --> 00:41:13,070
>> הכותרת היא לא תג.

939
00:41:13,070 --> 00:41:17,060
זה מזהה כך מתברר
כי על ידי ביצוע #header,

940
00:41:17,060 --> 00:41:20,840
עכשיו אני יכול ליישם אחד או יותר
נכסים לכותרת.

941
00:41:20,840 --> 00:41:24,130
אני יכול לעשות את אותו תוכן,
את אותו הדבר עבור תוכן כאן.

942
00:41:24,130 --> 00:41:27,230
>> כך למשל, בכותרת התחתונה, הודעה
כל המאפיינים האלה אני מוסיף.

943
00:41:27,230 --> 00:41:30,660
ואני יודע שהם קיימים רק על ידי קריאה
על התיעוד של CSS.

944
00:41:30,660 --> 00:41:33,450
גודל גופן הולך להיות smaller--
אז כמה גודל גופן יחסי.

945
00:41:33,450 --> 00:41:34,741
המשקל עומד להיות נועז.

946
00:41:34,741 --> 00:41:37,340
Margin-- פיקסלים כמה
סביב it-- הוא 20 פיקסלים.

947
00:41:37,340 --> 00:41:38,590
וזה הולך להיות מרוכז.

948
00:41:38,590 --> 00:41:40,256
>> אבל עכשיו, הדף נראה כך.

949
00:41:40,256 --> 00:41:42,840
אם אני לא מרוצה מ
העותק שלי ממש שם,

950
00:41:42,840 --> 00:41:46,560
אני יכול לעשות משהו כמו צבע אדום.

951
00:41:46,560 --> 00:41:50,570
ואז אני יכול לשמור את זה, טען,
ועכשיו אני כבר מסוגנן תחתונה.

952
00:41:50,570 --> 00:41:54,130
אז זה רק רמז לכח
של מה שאתה יכול לעשות בדף אינטרנט

953
00:41:54,130 --> 00:41:55,510
להציל את המצב.

954
00:41:55,510 --> 00:41:59,080
>> ואפילו יותר מגניב מזה, אם אתה רוצה
לחטט באתרים בפועל,

955
00:41:59,080 --> 00:42:00,810
אתה לא יכול לשנות לצמיתות אותם.

956
00:42:00,810 --> 00:42:03,640
אבל אם אני פותח את
המפקח של הכרום שוב

957
00:42:03,640 --> 00:42:07,610
ואני הולך לא לצד שמאל
כאן, מה שמראה HTML של פייסבוק,

958
00:42:07,610 --> 00:42:11,380
אך מראה בצד הימין
צד כל של CSS שלה,

959
00:42:11,380 --> 00:42:13,789
אתה יכול גם ו
לשנות דברים במהירות ההבזק.

960
00:42:13,789 --> 00:42:15,080
אז תן לי ללכת קדימה ולעשות את זה.

961
00:42:15,080 --> 00:42:18,670
>> תן לי ללכת קדימה ושליטה
לחץ על מילה אקראית זה כאן,

962
00:42:18,670 --> 00:42:21,230
לחתום, ולחץ על בדיקת רכיב.

963
00:42:21,230 --> 00:42:25,130
Chrome מאוד נוח קופץ ל
תג h1 שפייסבוק משתמש.

964
00:42:25,130 --> 00:42:27,290
ושים לב כאן פייסבוק
יש סוג של עצלות

965
00:42:27,290 --> 00:42:29,960
מקודד קשה גודל גופן כרכוש כאן.

966
00:42:29,960 --> 00:42:33,530
>> אז הדבר מגניב אף הוא
כי אם אני באמת הולך כאן

967
00:42:33,530 --> 00:42:39,560
ואומר, אה, פייסבוק, אני לא אוהב את זה
64 פיקסלים, כעת אנו יכולים לשנות את פייסבוק.

968
00:42:39,560 --> 00:42:42,590
כמובן, אנו משנים אותו רק
לי באופן אישי ברגע.

969
00:42:42,590 --> 00:42:45,150
אבל זה רק עוד
כלי בארגז הכלים שלנו

970
00:42:45,150 --> 00:42:48,360
זה הולך כדי לאפשר לנו לצבוט
ולהבין וגם לאבחן

971
00:42:48,360 --> 00:42:49,729
סוגיות בדפי האינטרנט שלנו.

972
00:42:49,729 --> 00:42:52,270
ואנחנו באופן דומה יכולים לעבור על
כאן, שזה אותו הדבר.

973
00:42:52,270 --> 00:42:55,830
אם אתה באמת רוצה להשיג מפואר, אני
אומר, עכשיו אתה באמת יכול להשתנות הדף

974
00:42:55,830 --> 00:42:57,380
ולעשות דברים מטורפים.

975
00:42:57,380 --> 00:42:59,870
>> אז למה זה כל שימושי?

976
00:42:59,870 --> 00:43:02,330
ובכן, בסופו, אנחנו
הולך רוצה להיות

977
00:43:02,330 --> 00:43:07,110
תוכל ליצור דפי אינטרנט ה
מונעים על ידי הקצוות האחוריים שלנו,

978
00:43:07,110 --> 00:43:10,520
לא רק על ידי Google ו
מיקור חוץ בחזרה סופו של הדבר.

979
00:43:10,520 --> 00:43:13,510
אנחנו באמת רוצים
ערך, למשל,

980
00:43:13,510 --> 00:43:18,830
הפעולה של מנוע החיפוש שלנו
מייחס ללכת לא למישהו אחר,

981
00:43:18,830 --> 00:43:24,270
אבל למשהו כמו search.php,
שם search.php הוא על השרת שלנו,

982
00:43:24,270 --> 00:43:25,670
לא על דבר אחר של מישהו.

983
00:43:25,670 --> 00:43:30,316
>> וכך להגיע לשם, אנחנו באמת
צריך להכניס שפה חדשה.

984
00:43:30,316 --> 00:43:33,190
אז כבר יש לנו הסתכלנו על חדש אחד
שפה כאן, או שתיים באמת, HTML

985
00:43:33,190 --> 00:43:33,700
ו- CSS.

986
00:43:33,700 --> 00:43:36,330
אבל הם באמת רק
שפות מבניות ואסתטיות.

987
00:43:36,330 --> 00:43:38,360
הם לא תכנות
שפות כשלעצמה.

988
00:43:38,360 --> 00:43:41,160
וזה בערך כל מה רשמי
זמן כפי שאנו מבלים עליהם.

989
00:43:41,160 --> 00:43:44,910
כי אנחנו מתחילים עכשיו
המעבר ל- PHP.

990
00:43:44,910 --> 00:43:48,160
>> אז PHP היא בפועל
שפת תכנות.

991
00:43:48,160 --> 00:43:50,750
זו שפת scripting
במובן שזה

992
00:43:50,750 --> 00:43:52,855
אמור להיות משקל קל יותר
מ משהו כמו ג

993
00:43:52,855 --> 00:43:56,082
וזה לשון פירשה,
מה שאומר שזה לא הידור.

994
00:43:56,082 --> 00:43:58,790
אז בקיצור, מה זה אומר
כאשר השתמשנו בשפה כמו C

995
00:43:58,790 --> 00:44:00,290
והיינו צריכים לעבד אותו?

996
00:44:00,290 --> 00:44:02,120
מה זה אומר ל
לקמפל קוד מקור C?

997
00:44:02,120 --> 00:44:03,864

998
00:44:03,864 --> 00:44:04,780
קהל: [לא ברור].

999
00:44:04,780 --> 00:44:06,184
DAVID J מלאן: תגיד את זה שוב?

1000
00:44:06,184 --> 00:44:07,100
קהל: [לא ברור].

1001
00:44:07,100 --> 00:44:07,962

1002
00:44:07,962 --> 00:44:08,920
DAVID J מלאן: מושלם.

1003
00:44:08,920 --> 00:44:10,180
זה הופך אותו לינארי.

1004
00:44:10,180 --> 00:44:14,200
זה הופך אותו לאפסים ואחדים
מקוד המקור כמו-אנגלית בפועל.

1005
00:44:14,200 --> 00:44:16,424
ואז אנחנו יכולים למעשה
לרוץ אלה אפסים ואחדים

1006
00:44:16,424 --> 00:44:18,840
ידי העביר אותם דרך
מעבד על ידי לחיצה כפולה על סמל

1007
00:44:18,840 --> 00:44:19,980
או מפעיל הפקודה.

1008
00:44:19,980 --> 00:44:23,770
>> PHP ו- Python ו- Ruby
ו- Perl ו- JavaScript

1009
00:44:23,770 --> 00:44:26,250
וצרורות של אחרים
שפות מתפרשות

1010
00:44:26,250 --> 00:44:29,290
שפות, כלומר
אתה לא לעבד אותם.

1011
00:44:29,290 --> 00:44:34,220
במקום זאת, אתה מאכיל אותם כקלט ל
תכנית בשם פרשן.

1012
00:44:34,220 --> 00:44:36,640
ומתורגמן ש,
שמישהו אחר כתב,

1013
00:44:36,640 --> 00:44:40,930
קורא עליון קוד המקור שלך לתחתית,
משמאל לימין ורק מפרש

1014
00:44:40,930 --> 00:44:43,000
אלה קווים ועושים את מה שאתה אומר.

1015
00:44:43,000 --> 00:44:45,360
>> אז אם אתם נתקלים ב
שורה שאומרת הדפסה,

1016
00:44:45,360 --> 00:44:48,660
זה לא בהכרח להמיר הדפסה
לאפסים ואחדים המקבילים.

1017
00:44:48,660 --> 00:44:51,910
הוא פשוט פרשן זה כמו
מצב אם גדול שאומר,

1018
00:44:51,910 --> 00:44:56,110
אם ההוראה של מתכנת היא
הדפסה, בצע את הפעולות הבאות.

1019
00:44:56,110 --> 00:44:58,170
אז הוא מפרש את זה פשוט
על ידי סוג של חשיבה

1020
00:44:58,170 --> 00:44:59,800
דרך מה שאתה אומר לו לעשות.

1021
00:44:59,800 --> 00:45:01,320
>> וPHP היא אחת מהשפות אלה.

1022
00:45:01,320 --> 00:45:05,310
ולפני שנות PHP תוכנן
בדיוק לתכנות אינטרנט.

1023
00:45:05,310 --> 00:45:08,160
וזה היה בתחילה
שפה מלוכלכת מאוד מרושלת.

1024
00:45:08,160 --> 00:45:10,940
ואכן, יש עצום
כמות קוד PHP הרע שם בחוץ.

1025
00:45:10,940 --> 00:45:13,520
אבל השפה עצמה
התבגר לאורך השנים,

1026
00:45:13,520 --> 00:45:16,200
עד כדי כך שעכשיו זה
למעשה שלב הבא נפלא

1027
00:45:16,200 --> 00:45:19,970
מבחינה פדגוגית מC כי זה
כך הארור מוכר לכל דבר

1028
00:45:19,970 --> 00:45:22,380
שראית בשבועות האחרונים רק.

1029
00:45:22,380 --> 00:45:25,724
>> ההבדל ראשוני אחד שנראה
הוא שאין פונקציה העיקרית יותר.

1030
00:45:25,724 --> 00:45:28,890
כאשר אתה מפעיל את כתיבת קוד, זה פשוט
הולך לקבל להורג לא משנה מה,

1031
00:45:28,890 --> 00:45:30,220
כפי שנראה ברגע.

1032
00:45:30,220 --> 00:45:33,320
בינתיים, הנה מה ש
משתנה נראה כמו ב- PHP.

1033
00:45:33,320 --> 00:45:35,840
זה קצת שונה,
אבל רק בקושי.

1034
00:45:35,840 --> 00:45:39,380
>> ב- PHP, אין הקלדה חזקה.

1035
00:45:39,380 --> 00:45:41,430
יש להקליד שבוע,
שרק אומר שיש

1036
00:45:41,430 --> 00:45:44,030
סוגי נתונים כמו מחרוזות
ומספרים ודברים אחרים.

1037
00:45:44,030 --> 00:45:47,030
אבל אתה לא טורח לציין
מה שהם יותר.

1038
00:45:47,030 --> 00:45:48,980
PHP יגלה את זה בשבילך.

1039
00:45:48,980 --> 00:45:52,030
סימן הדולר הוא רק החלטה
שאנשי PHP עשו שנים

1040
00:45:52,030 --> 00:45:54,890
לפני כזה שמשתנה כל בPHP
רק מתחיל עם סימן דולר.

1041
00:45:54,890 --> 00:45:58,130
זה בעצם סוג של שימושי שב
זה קופץ עליך קצת יותר.

1042
00:45:58,130 --> 00:46:01,315
>> אבל אחרי זה, זה
הוא מצב ב- PHP.

1043
00:46:01,315 --> 00:46:03,140

1044
00:46:03,140 --> 00:46:04,730
מה שונה לעומת C?

1045
00:46:04,730 --> 00:46:07,180

1046
00:46:07,180 --> 00:46:09,600
טריק question-- שום דבר,
וזה ממש ממש נחמד.

1047
00:46:09,600 --> 00:46:12,140
ביטויים בוליאני בPHP-- את אותו הדבר.

1048
00:46:12,140 --> 00:46:19,354
ביטויים בוליאני עם ומול
או, מתגים, לולאות, לולאות, loops-- אישור,

1049
00:46:19,354 --> 00:46:20,270
זה שונה.

1050
00:46:20,270 --> 00:46:22,660
>> אז מתברר שיש
כמה תכונות אחרות ב- PHP.

1051
00:46:22,660 --> 00:46:25,243
אחד מהם הוא למעשה זה,
וזה נפלא נוח.

1052
00:46:25,243 --> 00:46:29,250
אם מספרי $ הוא מערך שיש לך
הצהיר בעבר בתכנית,

1053
00:46:29,250 --> 00:46:33,350
יש לך דמיון זה עבור כל מבנה
שבמקום לעשות את כל זה

1054
00:46:33,350 --> 00:46:37,020
אני מעצבן שווה 0, אני הוא
פחות מזה, [? I ++?],

1055
00:46:37,020 --> 00:46:40,320
עבור כל מספרים כמספר, שבו כל
ערכי דולר סימן אלה הוא רק

1056
00:46:40,320 --> 00:46:42,790
משתנה, וזה האחרון
אתה יכול לחשוב על כמוני

1057
00:46:42,790 --> 00:46:44,290
אפשר לקרוא לזה מה שאתה רוצה.

1058
00:46:44,290 --> 00:46:45,770
אני קראתי לזה מספר.

1059
00:46:45,770 --> 00:46:48,825
זה הולך לחזר על
המערך נקרא מספרים.

1060
00:46:48,825 --> 00:46:51,200
ועל כל איטרציה, זה
הולך לעדכן באופן אוטומטי

1061
00:46:51,200 --> 00:46:54,340
בשבילך מספר סימן דולר
משתנה, כך שאתה כל הזמן

1062
00:46:54,340 --> 00:46:58,210
יש להם גישה למשתנה שאתה רוצה
מבלי לעשות כל הסוגר מרובע

1063
00:46:58,210 --> 00:47:00,980
סימון או אינדקס למערך.

1064
00:47:00,980 --> 00:47:04,950
>> מעבר לכך, יש לנו אפילו דברים כמו
מערכים, שנראה כמעט אותו הדבר,

1065
00:47:04,950 --> 00:47:08,210
מלבד זה נפוץ מאוד, שכן אנו
לראות, שניהם ב- PHP ו- JavaScript

1066
00:47:08,210 --> 00:47:10,750
מראש לאתחל מערך
משתמש בסוגריים מרובעים.

1067
00:47:10,750 --> 00:47:12,040
C משתמשת בסוגריים מסולסלים.

1068
00:47:12,040 --> 00:47:15,330
למרות שאז זה קצת שונה,
אנו לא באמת משתמשים בטריק שהרבה.

1069
00:47:15,330 --> 00:47:20,090
>> אבל אפילו בעצמה חזקה יותר,
PHP יש מערכים אסוציאטיביים,

1070
00:47:20,090 --> 00:47:23,100
אשר היא דרך מפוארת
לומר שולחנות חשיש.

1071
00:47:23,100 --> 00:47:31,610
למעשה, אם אתה רוצה להצהיר על חשיש
שולחן ב- PHP, שלא כמו בC-- כמה

1072
00:47:31,610 --> 00:47:34,775
שורות קוד זה לקח ל
למעשה ליישם טבלת חשיש בC?

1073
00:47:34,775 --> 00:47:38,310
או כמה שורות של קוד זה
לוקח ליישם טבלת חשיש בC?

1074
00:47:38,310 --> 00:47:39,820
אז זה כנראה הרבה, נכון?

1075
00:47:39,820 --> 00:47:41,680
זה כמה עשרות, אולי 100 או 200.

1076
00:47:41,680 --> 00:47:42,980
זה לא טריוויאלי.

1077
00:47:42,980 --> 00:47:45,420
או שזה עומד להיות, כ
בקרוב תוכל לראות, לא טריוויאלי

1078
00:47:45,420 --> 00:47:48,080
ליישם טבלת חשיש
[לא ברור] וגם לנסות.

1079
00:47:48,080 --> 00:47:50,580
אבל בPHP-- ולמען אמת, אני
כנראה שלא צריך להגיד לך את זה

1080
00:47:50,580 --> 00:47:53,630
עד Monday-- ב- PHP, אם
אתה רוצה שולחן, נעשה.

1081
00:47:53,630 --> 00:47:56,431
זה חשיש table-- כך
עם שורה אחת של קוד.

1082
00:47:56,431 --> 00:47:56,930
ו

1083
00:47:56,930 --> 00:47:58,810
>> הרבה שפות לעשות את זה.

1084
00:47:58,810 --> 00:48:00,190
להשתעשע עם pset חמש.

1085
00:48:00,190 --> 00:48:01,980
כל כך הרבה שפות לעשות את זה.

1086
00:48:01,980 --> 00:48:03,050

1087
00:48:03,050 --> 00:48:06,140
הם נותנים לך הפשטות הללו
שאנשים אחרים, מתכנתים אחרים,

1088
00:48:06,140 --> 00:48:09,870
יצר עבורכם, כך ש
אתה יכול לעמוד על כתפיהם

1089
00:48:09,870 --> 00:48:13,290
ולהתחיל להשתמש ברעיונות שהם סופר
, כמו משכנע שולחנות חשיש ועצים

1090
00:48:13,290 --> 00:48:14,140
ומנסה.

1091
00:48:14,140 --> 00:48:17,790
אבל אין לך בהכרח ל
ליישם את הדברים האלה בעצמך.

1092
00:48:17,790 --> 00:48:20,850
>> וכך בסופו, מה ש
אנחנו הולכים להשתמש PHP ל

1093
00:48:20,850 --> 00:48:23,580
בפוטנציאל בכתיבת תוכניות
של שורת הפקודה שנקרא.

1094
00:48:23,580 --> 00:48:26,600
אנחנו יכולים לשחזר כל תכנית
שכתבנו בסמסטר הזה עד כה,

1095
00:48:26,600 --> 00:48:30,410
למעט אולי בריחה אשר משתמשת SPL,
שהוא ספציפי ל- C באותו הרגע.

1096
00:48:30,410 --> 00:48:33,100
אבל כל בעיה אחרת שנקבעה,
בהחלט מריו וקיסר

1097
00:48:33,100 --> 00:48:35,300
וVigenere ו
[? לפצח?] ואילך, אנחנו

1098
00:48:35,300 --> 00:48:39,520
יכול מחדש ליישם ב- PHP, ו
כנראה קצת יותר בקלות.

1099
00:48:39,520 --> 00:48:43,050
>> אבל מה אנחנו הולכים סופו של דבר
להשתמש PHP להוא תכנות אינטרנט.

1100
00:48:43,050 --> 00:48:46,420
ואנחנו הולכים להציג הבאים
שבוע מודל המנטלי, הפרדיגמה שנקראת

1101
00:48:46,420 --> 00:48:49,610
MVC, בקר להציג מודל,
שאם עשית תכנות

1102
00:48:49,610 --> 00:48:51,610
לפני בפייתון או
רובי או במקום אחר, אתה

1103
00:48:51,610 --> 00:48:54,112
אולי יודע על קבוצה זו עם
מסילות ושל ג'אנגו וכדומה.

1104
00:48:54,112 --> 00:48:55,820
אבל אם אתה חדש
גם זה, תראה

1105
00:48:55,820 --> 00:48:59,652
שזה בעצם מאוד טבעי
הארכת הפירוק לגורמים

1106
00:48:59,652 --> 00:49:01,360
והסוג של עיצוב
קוד שיש לנו

1107
00:49:01,360 --> 00:49:04,670
עושה בג אנחנו הולכים עכשיו
ליישם חלק מאותם שיעורים לPHP

1108
00:49:04,670 --> 00:49:07,190
כך שסופו של דבר, אנחנו
יישום אתרים שלנו.

1109
00:49:07,190 --> 00:49:09,080
ואם אתה סוג של
מהופנט או נדהם

1110
00:49:09,080 --> 00:49:10,954
שאנחנו הולכים לעשות
כל כך מהר,

1111
00:49:10,954 --> 00:49:13,410
להבין שכמעט בכל
סמסטר, כמעט 90%

1112
00:49:13,410 --> 00:49:16,560
של CS50 תלמידים, כוללים אלה
שמעולם לא תכנת לפני,

1113
00:49:16,560 --> 00:49:20,329
בסופו של דבר מה שעושה פרויקט גמר ש
מבוססים על תכנות אינטרנט.

1114
00:49:20,329 --> 00:49:23,120
וכך תוכל לראות כי התשואות
הם עשירים בשבועות קרובים.

1115
00:49:23,120 --> 00:49:24,965
אז אנו רואים אותך אז ביום שני.

1116
00:49:24,965 --> 00:49:27,260

1117
00:49:27,260 --> 00:49:30,120
>> 1 SPEAKER: ועכשיו, עמוק
מחשבות על ידי בדייבן פארנהאם.

1118
00:49:30,120 --> 00:49:34,055

1119
00:49:34,055 --> 00:49:34,780
שולחנות חשיש.

1120
00:49:34,780 --> 00:49:37,180

1121
00:49:37,180 --> 00:49:38,402
>> [שחוק]

1122
00:49:38,402 --> 00:49:38,902