1
00:00:00,000 --> 00:00:11,470

2
00:00:11,470 --> 00:00:12,764
>> ลำโพง 1: ทั้งหมดขวายินดีต้อนรับกลับ

3
00:00:12,764 --> 00:00:14,140
นี่คือ CS50

4
00:00:14,140 --> 00:00:16,800
และนี่คือจุดเริ่มต้นของสัปดาห์ที่เก้า

5
00:00:16,800 --> 00:00:19,960
และนี่คือจุดเริ่มต้นของส่วนที่เหลือของ
เวลาใน CS50 ของคุณที่เรา

6
00:00:19,960 --> 00:00:23,170
การเปลี่ยนแปลงในขณะนี้ในที่สุดไปยังเว็บ
ทุกแง่มุมของการเรียนการสอนที่คุณจะ

7
00:00:23,170 --> 00:00:26,200
พบว่าจำนวนมากจากปัจจัยพื้นฐานที่
เราได้รับการส่งออกเป็นเวลาหลายสัปดาห์

8
00:00:26,200 --> 00:00:29,270
ยังคงกลับมาเยี่ยมชม
หรือหลอกหลอน, เรา

9
00:00:29,270 --> 00:00:33,440
แต่ตอนนี้คุณจะพบว่ามันเป็น
ลำดับความสำคัญง่ายต่อการ

10
00:00:33,440 --> 00:00:36,540
บรรลุผลงานบางอย่างและ
แก้ปัญหาบางอย่าง -

11
00:00:36,540 --> 00:00:41,050
มากดังนั้นแม้ว่าคุณจะคิดว่า
ชุดปัญหาบางอย่างที่เป็นความสนุกสนานของพวกเขาใน

12
00:00:41,050 --> 00:00:44,200
ทางของตัวเองผมคิดว่าคุณจะพบ
ที่ตั้ง 7 p, p ตั้ง 8 แล้ว

13
00:00:44,200 --> 00:00:47,990
ในที่สุดโครงการสุดท้ายจะเป็น
ทั้งหมดทำให้พอใจมากขึ้นเพราะคุณจะ

14
00:00:47,990 --> 00:00:51,830
พบว่าเราเริ่มที่จะได้รับอยู่
ขณะนี้สิ่งที่ต้องการการจัดการหน่วยความจำและ

15
00:00:51,830 --> 00:00:54,190
ตัวชี้และสิ่งที่เกิดขึ้น
เมื่ออยู่ภายใต้ฝากระโปรง

16
00:00:54,190 --> 00:00:57,310
และอีกครั้งใจตลอด
ภาคการศึกษาที่ได้รับการฝังรากลึกนี้

17
00:00:57,310 --> 00:00:58,030
และฝังรากลึก

18
00:00:58,030 --> 00:01:00,530
และตอนนี้เรากำลังจัดเรียงของขึ้น
ที่นี่ที่ยืนอยู่บน

19
00:01:00,530 --> 00:01:01,930
ไหล่ของสัปดาห์ที่ผ่านมา

20
00:01:01,930 --> 00:01:05,360
>> ตอนนี้จำได้จากครั้งสุดท้ายที่เรา
พูดคุยเกี่ยวกับวิธีการที่อินเทอร์เน็ตทำงาน

21
00:01:05,360 --> 00:01:08,120
และนี่อาจจะเป็น
เปลือก แต่จำไว้ว่า

22
00:01:08,120 --> 00:01:12,960
คอมพิวเตอร์ในโลกที่ทุกคนมี IP
อยู่ แต่ที่บิตของ

23
00:01:12,960 --> 00:01:14,570
เปลือกยังคง

24
00:01:14,570 --> 00:01:18,180
และที่อยู่เหล่านั้นจะถูกใช้เพื่อไม่ซ้ำกัน
เครื่องระบุว่า

25
00:01:18,180 --> 00:01:22,010
เมื่อคุณส่งข้อมูลหรือแพ็กเก็ต,
เพื่อที่จะพูดพวกเขาสามารถมีต้นกำเนิด

26
00:01:22,010 --> 00:01:24,000
ที่อยู่และที่อยู่ปลายทาง

27
00:01:24,000 --> 00:01:27,830
และบรรดาผู้ที่อยู่ IP เดียวกันสามารถใช้
ทั้งที่ดีและยังมีความชั่วร้าย

28
00:01:27,830 --> 00:01:29,270
เพื่อติดตามคุณตัวอย่างเช่น

29
00:01:29,270 --> 00:01:32,200
ในความเป็นจริงท่านทุกคนที่มีแล็ปท็อป
เปิดในขณะนี้หรือโทรศัพท์ของคุณใน

30
00:01:32,200 --> 00:01:35,070
กระเป๋ามีที่อยู่ IP
บนเครือข่ายของฮาร์วาร์

31
00:01:35,070 --> 00:01:39,120
และมันก็ไม่ใช่สิ่งที่ยากที่จะ
มีความสัมพันธ์ที่ใครและสถานที่ที่คุณ

32
00:01:39,120 --> 00:01:40,180
วันนี้

33
00:01:40,180 --> 00:01:42,090
แต่เพิ่มเติมว่าบางที
ในอนาคต

34
00:01:42,090 --> 00:01:46,510
>> ตอนนี้ฉันคิดว่าฉันต้องการกลับมาบางส่วน
ความทรงจำของ [? เพิ่ม?] และให้คุณ

35
00:01:46,510 --> 00:01:49,360
คลิปจากการแสดงที่คุณอื่น
อาจพบที่คุ้นเคย

36
00:01:49,360 --> 00:01:52,710
ถ้าเราสามารถไฟสลัว
สำหรับเพียงไม่กี่วินาที

37
00:01:52,710 --> 00:01:53,960
Numb3rs แสดง

38
00:01:53,960 --> 00:01:57,510

39
00:01:57,510 --> 00:02:00,540
>> ลำโพงที่ 2: มันเป็น 32 บิตที่อยู่ IPP4

40
00:02:00,540 --> 00:02:01,610
>> ลำโพงที่ 3: ไอพีพีในขณะที่อินเทอร์เน็ต

41
00:02:01,610 --> 00:02:02,968
>> 2 SPEAKER: เครือข่ายส่วนตัว

42
00:02:02,968 --> 00:02:04,960
ไปยังเครือข่ายส่วนตัวของ Amita

43
00:02:04,960 --> 00:02:16,930

44
00:02:16,930 --> 00:02:19,602
เธอเป็นคนที่น่าตื่นตาตื่นใจเพื่อ

45
00:02:19,602 --> 00:02:21,030
>> ลำโพงที่ 3: Come on, ชาร์ลี

46
00:02:21,030 --> 00:02:21,490
>> 2 SPEAKER: มัน

47
00:02:21,490 --> 00:02:22,470
ที่อยู่ IP กระจก

48
00:02:22,470 --> 00:02:27,680
เธอให้เราดูสิ่งที่
ที่เธอทำในเวลาจริง

49
00:02:27,680 --> 00:02:30,930
>> ลำโพง 1: ตกลงดังนั้นสิ่งไม่กี่
ผิดกับภาพนี้

50
00:02:30,930 --> 00:02:32,920
ดังนั้นหนึ่งและหนึ่งนี้เป็นที่ยอมรับ
นี้เป็นจริง

51
00:02:32,920 --> 00:02:34,400
ไม่ได้ที่อยู่ IP ที่ถูกต้อง

52
00:02:34,400 --> 00:02:38,190
ที่อยู่ IP ที่ถูกต้องจะต้องมีตัวเลข
ของฟอร์ม w.x.y.z ที่แต่ละ

53
00:02:38,190 --> 00:02:40,000
จดหมายเหล่านั้นคือ 0-255

54
00:02:40,000 --> 00:02:42,330
แต่ที่ดีเพราะเช่นเดียวกับ
ภาพยนตร์ที่พวกเขาหมายเลขโทรศัพท์ปลอม

55
00:02:42,330 --> 00:02:43,520
พวกเขาปลอมที่อยู่ IP

56
00:02:43,520 --> 00:02:45,230
คุณไม่ตีเซิร์ฟเวอร์จริงจริง

57
00:02:45,230 --> 00:02:46,760
>> แต่ใจคุณนี้เป็นเบราว์เซอร์

58
00:02:46,760 --> 00:02:50,760
และเบราว์เซอร์ไม่ได้เริ่มต้นการแสดงผล
รหัสคอมพิวเตอร์เช่นนี้

59
00:02:50,760 --> 00:02:54,230
และถ้าเรามองลึกเพียงเล็กน้อยแจ้งให้ทราบ
ว่าภาษาที่พวกเขากำลังเห็น

60
00:02:54,230 --> 00:02:57,040
บนหน้าจอที่เรียกว่าภาษาคือ
วัตถุประสงค์ C ซึ่งเป็นภาษาใน

61
00:02:57,040 --> 00:02:59,520
ซึ่งปพลิเคชัน iPhone จะเขียน
โดยเฉพาะอย่างยิ่งคนที่เกี่ยวข้องกับ

62
00:02:59,520 --> 00:03:03,540
ดินสอสีตามที่คุณสามารถดูได้จาก
รหัสแหล่งที่มาที่นี่

63
00:03:03,540 --> 00:03:06,600

64
00:03:06,600 --> 00:03:07,560
>> ตกลงฉันคิดว่านี้เป็นเรื่องตลก

65
00:03:07,560 --> 00:03:12,240
ดังนั้นโค้ดที่มีอย่างแน่นอน
อะไรจะทำอย่างไรกับสิ่งนี้

66
00:03:12,240 --> 00:03:13,940
โดยเฉพาะอย่างยิ่งตอนที่เป็นเรื่องของ

67
00:03:13,940 --> 00:03:17,590
ดังนั้นเรื่องตลกคือการจัดเรียงของที่ folks
สำหรับการนี​​้ได้รับ

68
00:03:17,590 --> 00:03:20,220
แต่เรื่องนี้ไม่ได้เป็นสิ่งที่ยากที่จะได้รับ
เหล่านี้รายละเอียดทางเทคนิคที่เหมาะสม

69
00:03:20,220 --> 00:03:21,980
และฉันจะขอแนะนำให้คุณ

70
00:03:21,980 --> 00:03:25,530
และที่จริง, 50 เป็นอย่างดีอาจจะเสีย
จำนวนมากของรายการโทรทัศน์และภาพยนตร์หรือคุณ

71
00:03:25,530 --> 00:03:27,320
เพราะคุณจะพบว่ามันเป็นเพียง
เป็นไปไม่ได้ในสิ่งที่พวกเขากำลัง

72
00:03:27,320 --> 00:03:28,630
ทำบนหน้าจอ

73
00:03:28,630 --> 00:03:31,750
แต่อันที่จริงนี้เป็นรหัสที่คุณ
อาจจะเห็นมันในการประยุกต์ใช้ iPhone

74
00:03:31,750 --> 00:03:33,640
หรือโปรแกรม Mac OS

75
00:03:33,640 --> 00:03:35,685
แต่ก็มีสิ่งที่ทุก
จะทำอย่างไรกับการรักษาความปลอดภัย

76
00:03:35,685 --> 00:03:38,610
ดังนั้นให้ตาออกสำหรับ
กิจกรรมสนุก ๆ อย่างเช่นว่า

77
00:03:38,610 --> 00:03:42,720
>> แต่วันนี้เราจะเริ่มต้นที่จะดำน้ำในจริงๆ
ลึก ๆ ที่หลากหลายทั้งของภาษา

78
00:03:42,720 --> 00:03:45,410
แน่นอนหนึ่งในการเสริมสร้าง
คบจากส่วนหนึ่งของนี้

79
00:03:45,410 --> 00:03:51,815
แน่นอนไม่ได้ที่จะเรียนรู้วิธีการเขียนโปรแกรม
ใน PHP ไม่ได้ที่จะเรียนรู้ SQL ต่อ se ไม่ได้

80
00:03:51,815 --> 00:03:58,100
ที่จะเรียนรู้ JavaScript ต่อ se แต่
ที่จะสอนตัวเองว่าจะสอน

81
00:03:58,100 --> 00:04:02,030
ภาษาตัวเองใหม่เพราะอันที่จริง
เราจะเริ่มต้นที่จะใช้ในขณะนี้

82
00:04:02,030 --> 00:04:06,020
ล้อการฝึกอบรมออกไปดังนั้นหลังจาก
ในตอนท้ายของหลักสูตรคุณไม่ได้คาดหวัง 20

83
00:04:06,020 --> 00:04:08,890
ข้อกำหนดหน้าจะบอกคุณว่า
จะใช้โปรแกรมบางอย่าง

84
00:04:08,890 --> 00:04:12,970
คุณมีส่วนผสมที่เพียงพอในของคุณ
จิตใจและเครื่องมือเพียงพอในเครื่องมือของคุณ

85
00:04:12,970 --> 00:04:15,750
ชุดที่จะเริ่มต้นสร้าง
การแก้ปัญหาที่สนใจของ

86
00:04:15,750 --> 00:04:19,130
คุณสำหรับบางกลุ่มนักเรียนสำหรับบางคน
สิ่งที่โครงการวิจัยหรือจริงๆ

87
00:04:19,130 --> 00:04:20,140
ที่สนใจของคุณ

88
00:04:20,140 --> 00:04:24,150
>> ดังนั้นในช่วงท้ายที่จำได้ว่านี่คือ
ภาพที่เราวาดมันเป็นครั้งสุดท้าย

89
00:04:24,150 --> 00:04:27,620
และนี่คือสองคอมพิวเตอร์ไคลเอนต์และ
ตัดการพูดคุยกับอีกคนหนึ่ง

90
00:04:27,620 --> 00:04:31,130
และพิธีสารภาษาเพื่อที่จะ
พูดว่าสิ่งเหล่านี้เกิดขึ้นคอมพิวเตอร์สองเครื่อง

91
00:04:31,130 --> 00:04:33,220
จะพูดจะเรียกว่า HTTP

92
00:04:33,220 --> 00:04:37,730
และนี่เป็นเพียงโปรโตคอลที่ใช้โดย
คอมพิวเตอร์ในการถ่ายโอนข้อมูลผ่าน

93
00:04:37,730 --> 00:04:38,710
เว็บทั่วโลก

94
00:04:38,710 --> 00:04:41,770
เว็บของหลักสูตรที่เป็นเพียงหนึ่งในบริการ
ที่ทำงานบนด้านบนของ

95
00:04:41,770 --> 00:04:43,000
ที่เรียกว่าอินเทอร์เน็ต

96
00:04:43,000 --> 00:04:48,660
บริการอื่น ๆ อะไรที่มีอยู่บน
ด้านบนของอินเทอร์เน็ตวันนี้?

97
00:04:48,660 --> 00:04:51,600
บางโปรโตคอลอื่น ๆ หรือ - สิ่งที่?

98
00:04:51,600 --> 00:04:52,300
>> ผู้ชม: FTP

99
00:04:52,300 --> 00:04:52,790
>> 1 SPEAKER: FTP

100
00:04:52,790 --> 00:04:54,630
ดังนั้นเซิร์ฟเวอร์ File Transfer Protocol เป็นอีกหนึ่ง

101
00:04:54,630 --> 00:04:56,050
ส่วนใหญ่ของคุณอาจจะไม่ได้ใช้มัน

102
00:04:56,050 --> 00:04:58,830
แต่ส่วนมากของคุณอาจจะได้ใช้
สิ่งที่ต้องการ Gchat หรือโต้ตอบแบบทันที

103
00:04:58,830 --> 00:05:00,970
ส่งข้อความมากกว่าปกติ
อีเมล์อย่างแน่นอน

104
00:05:00,970 --> 00:05:04,470
และผู้ที่มากเกินไปนี้เป็นบริการที่ทำงานบน
ด้านบนของอินเทอร์เน็ตเพราะที่

105
00:05:04,470 --> 00:05:08,180
ในตอนท้ายของวันที่อินเทอร์เน็ตของตัวเอง
จริงๆเพียงแค่ได้รับข้อมูลจากจุด A ไป

106
00:05:08,180 --> 00:05:12,480
จุดบีและมันใช้จำนวน
อนุภาคตัวเองหนึ่งของพวกเขาหรือสอง

107
00:05:12,480 --> 00:05:17,340
ของพวกเขามากที่สุดโดยทั่วไปเรียกว่า TCP / IP,
ซึ่งก็คือการบอกว่าคอมพิวเตอร์เครื่องหนึ่ง

108
00:05:17,340 --> 00:05:19,960
อินเทอร์เน็ตสามารถจริงจะทำ
สิ่งที่แตกต่าง, อีเมล์,

109
00:05:19,960 --> 00:05:20,980
เว็บและและอื่น ๆ

110
00:05:20,980 --> 00:05:22,220
Google ไม่มากนี้

111
00:05:22,220 --> 00:05:26,310
ดังนั้นวิธีที่บริการเหล่านี้จะไม่ซ้ำกัน
ระบุไม่ที่เราพูดในคอมพิวเตอร์

112
00:05:26,310 --> 00:05:29,080
ที่อาจจะทำจริง
หลายสิ่งที่?

113
00:05:29,080 --> 00:05:29,860
>> หมายเลขพอร์ต

114
00:05:29,860 --> 00:05:34,180
และเหล่านี้เป็นเพียงมนุษย์โดยพลการ
การประชุมเช่น 80 เป็นเว็บ, 443

115
00:05:34,180 --> 00:05:36,580
เว็บการเข้ารหัสเป็น 25 อีเมล์

116
00:05:36,580 --> 00:05:38,230
และมีพวงของผู้อื่น

117
00:05:38,230 --> 00:05:41,860
และตัวเลขเหล่านี้จะรวมเพียง
แพ็คเก็ตเหล่านั้นของข้อมูลเหล่านั้น

118
00:05:41,860 --> 00:05:46,230
ซองจดหมายเสมือนจริง
ที่มีการร้องขอหรือการตอบสนอง

119
00:05:46,230 --> 00:05:51,300
>> ดังนั้นเมื่อคุณได้รับกลับมาจากการตอบสนอง
เว็บปกติคุณไม่เห็นใด ๆ

120
00:05:51,300 --> 00:05:54,780
ตัวเลขใด ๆ ในแง่ของการ
รหัสสถานะของการตอบสนอง

121
00:05:54,780 --> 00:05:56,770
คุณไม่เห็นจริง
งานภายในของ

122
00:05:56,770 --> 00:05:58,090
แพ็คเก็ตที่จะกลับมา

123
00:05:58,090 --> 00:05:59,860
แต่ 200 ไม่แน่นอนหมายถึงตกลง

124
00:05:59,860 --> 00:06:01,530
และนั่นหมายความว่าทั้งหมดเป็นอย่างดี

125
00:06:01,530 --> 00:06:02,870
คุณอาจได้เห็นพวงของเหล่านี้

126
00:06:02,870 --> 00:06:05,710
ซึ่งอาจเป็นที่พบมากที่สุด
คุณเคยเห็นบนเว็บ

127
00:06:05,710 --> 00:06:05,980
>> 404

128
00:06:05,980 --> 00:06:07,330
มันก็หมายความว่าไม่พบไฟล์

129
00:06:07,330 --> 00:06:08,270
มันหมายถึงคนที่เมาขึ้น

130
00:06:08,270 --> 00:06:11,450
ที่คุณทำโดย mistyping URL หรือคนที่
อื่นได้โดยการให้คุณ

131
00:06:11,450 --> 00:06:15,100
URL ที่ไม่ถูกต้องหรือพวกเขาถูกลบ
ไฟล์และพิมพ์ URL ยังคงเป็น

132
00:06:15,100 --> 00:06:16,130
ถูกใช้โดยคน

133
00:06:16,130 --> 00:06:19,670
ดังนั้นจำนวนของเหตุผลที่สามารถอธิบายได้ว่า
ทำไมไฟล์ไม่พบ

134
00:06:19,670 --> 00:06:22,990
และคุณจะเห็นในช่วงสองสามสัปดาห์ที่จะมา
เหล่านี้รหัสข้อผิดพลาดอื่น ๆ และคุณจะ

135
00:06:22,990 --> 00:06:24,195
ใช้ประโยชน์จากบางส่วนของพวกเขา

136
00:06:24,195 --> 00:06:25,760
ที่เลวร้ายที่สุดคือ 500

137
00:06:25,760 --> 00:06:29,820
ถ้าคุณได้รับข้อผิดพลาด 500 ในรหัสที่คุณได้
เขียนคิดว่าการจัดเรียงของ

138
00:06:29,820 --> 00:06:33,290
อนาล็อกจากความผิดพลาดใน seg
โลกของการเขียนโปรแกรมเว็บ

139
00:06:33,290 --> 00:06:34,560
มันไม่ได้ค่อนข้างเป็นหายนะ

140
00:06:34,560 --> 00:06:36,660
แต่มันก็หมายความว่าอยู่ที่ไหนสักแห่ง
คุณเมาขึ้น

141
00:06:36,660 --> 00:06:38,260
ดังนั้นหวังว่าจะมีผู้ที่

142
00:06:38,260 --> 00:06:39,910
>> แต่ขอดูว่าเราสามารถ
ดูเหล่านี้ในบริบท

143
00:06:39,910 --> 00:06:43,460
ผมขอไปที่เบราว์เซอร์ที่นี่
และทำต่อไปนี้

144
00:06:43,460 --> 00:06:45,710
ดังนั้นนี่คือ Chrome ที่เกิดขึ้น
จะติดตั้งในเครื่อง

145
00:06:45,710 --> 00:06:49,410
แต่เบราว์เซอร์วันนี้มีมากที่สุดในทุก
บางฟังก์ชันการทำงานเทียบเท่า

146
00:06:49,410 --> 00:06:52,610
ฉันจะขึ้นไปเมนู Chrome ของ
และไปที่ Tools และฉันจะไป

147
00:06:52,610 --> 00:06:53,990
ไปที่เครื่องมือการพัฒนา

148
00:06:53,990 --> 00:06:57,040
และคุณจะเห็นว่าแผงเล็ก ๆ น้อย ๆ
เปิดในด้านล่างของหน้าต่าง

149
00:06:57,040 --> 00:07:00,190
ทางลัดอื่นที่จะซื่อสัตย์ที่ฉัน
มักจะใช้ตัวเองคือการคลิกขวาที่

150
00:07:00,190 --> 00:07:04,370
หรือการควบคุมการคลิกที่ใดก็ได้บนเว็บ
หน้าและเพียงแค่ไปที่ตรวจสอบองค์ประกอบ

151
00:07:04,370 --> 00:07:07,440
และที่จะไม่เพียง แต่เปิด
นี้สำหรับคุณ

152
00:07:07,440 --> 00:07:10,230
นอกจากนี้ยังจะเปิดเฉพาะ
ส่วนองค์ประกอบบน

153
00:07:10,230 --> 00:07:11,430
ทางด้านซ้ายมือ

154
00:07:11,430 --> 00:07:12,460
>> ดังนั้นเราจึงไม่แน่นอนเห็น Google

155
00:07:12,460 --> 00:07:13,930
พวกเขาเปลี่ยนโลโก้ของพวกเขาในวันนี้

156
00:07:13,930 --> 00:07:20,200
แต่ถ้าฉันเลื่อนลงมาขึ้นที่นี่แจ้งให้ทราบล่วงหน้า
ว่าภายใต้องค์ประกอบที่คุณเห็น

157
00:07:20,200 --> 00:07:23,460
สิ่งที่เรียกว่า HTML, Hypertext Markup
ภาษานี้เป็นภาษา

158
00:07:23,460 --> 00:07:26,000
ที่นี้และหน้าเว็บ
จริงๆจะเขียนค่ะ

159
00:07:26,000 --> 00:07:28,950
แต่การจัดรูปแบบจริง
เราให้มากยิ่งขึ้น readably

160
00:07:28,950 --> 00:07:29,970
กว่าที่มันเป็นปกติ

161
00:07:29,970 --> 00:07:34,810
ในความเป็นจริงถ้าผมซูมออกและฉันแทน
เพียงแค่คลิกขวาที่ควบคุมหรือคลิกที่

162
00:07:34,810 --> 00:07:39,630
คลิกที่เพจและจากนั้นไปดู
แหล่งที่มาของหน้านี้เป็นอักษรอะไร

163
00:07:39,630 --> 00:07:42,150
Google ได้ส่งลงไปยังเบราว์เซอร์ของฉัน

164
00:07:42,150 --> 00:07:46,480
>> ดังนั้นบางคนหรือบุคคลที่อ้าง
Google.com โดยใช้รหัสแหล่งที่มานี้

165
00:07:46,480 --> 00:07:47,790
ส่วนใหญ่นี้ไม่ได้เป็น HTML

166
00:07:47,790 --> 00:07:49,340
เป็นจริงภาษาที่เรียกว่า
JavaScript ซึ่ง

167
00:07:49,340 --> 00:07:50,880
เราจะมาถึงในวันพุธที่

168
00:07:50,880 --> 00:07:55,580
แต่สิ่งที่ Chrome และสิ่งที่ทุกเบราว์เซอร์
สามารถทำเพื่อเราชนิดของเห็นคือ

169
00:07:55,580 --> 00:07:59,610
ที่ผ่านมาทั้งหมดจากการรบกวนของ
ไวยากรณ์บ้าและ Reinsert พื้นที่สีขาว

170
00:07:59,610 --> 00:08:02,940
สำหรับเราและเน้นไวยากรณ์แม้กระทั่ง
หรือ colorize สิ่งสำหรับเรา

171
00:08:02,940 --> 00:08:06,470
ดังนั้นคุณจะพบว่าเหล่านี้ที่เรียกว่า
เครื่องมือสำหรับนักพัฒนาที่สร้างขึ้นในเบราว์เซอร์

172
00:08:06,470 --> 00:08:10,830
จะทำให้ชีวิตของคุณให้มากขึ้น
เพราะคุณสามารถสำรวจผ่านเมนูนี้

173
00:08:10,830 --> 00:08:13,940
อินเตอร์เฟซที่ตรงกับสิ่งที่อยู่ภายใต้
รหัสแหล่งที่มาสำหรับ

174
00:08:13,940 --> 00:08:15,750
หน้าบนอินเทอร์เน็ตใด ๆ

175
00:08:15,750 --> 00:08:19,070
และแน่นอนนี้เป็นหนึ่งในที่สุด
วิธีที่มีประสิทธิภาพในการเรียนรู้วิธีการทำ

176
00:08:19,070 --> 00:08:22,860
สิ่งใหม่อย่างน้อยถ้าหน้า
จะไม่ให้เป็นที่ซับซ้อนจะเอาชนะคือ

177
00:08:22,860 --> 00:08:26,700
ที่จะเริ่มต้น poking รอบมัน HTML มอง
ที่เรียกว่าเอสเอซึ่งเราจะมา

178
00:08:26,700 --> 00:08:30,310
เพื่อบิตเป็นอย่างดีที่จะได้รับ
ความเข้าใจในการเขียนโปรแกรมว่า

179
00:08:30,310 --> 00:08:33,480
โดยเฉพาะอย่างยิ่งการดำเนินการบางอย่าง
คุณลักษณะของหน้า

180
00:08:33,480 --> 00:08:36,530
>> แต่ในทางเทคนิคที่เหมาะสมน่าสนใจ
ตอนนี้มันเป็นไปได้นี้

181
00:08:36,530 --> 00:08:39,429
ถ้าฉันไปที่แท็บเครือข่าย,
ตอนนี้ขอล้างนี้

182
00:08:39,429 --> 00:08:43,429
ฉันจะคลิกน้อย
ข้ามสัญลักษณ์ที่นี่แล้ว

183
00:08:43,429 --> 00:08:45,630
ไปยังเว็บไซต์อื่น

184
00:08:45,630 --> 00:08:48,430
และฉันก็จะพิมพ์
ใน Facebook.com

185
00:08:48,430 --> 00:08:51,940
ไม่มี HTTP, HTTPS ไม่มีรายละเอียดไม่มี

186
00:08:51,940 --> 00:08:53,850
ให้เห็นจริงว่าเกิดอะไรขึ้นที่นี่

187
00:08:53,850 --> 00:08:55,030
>> เข้าไป

188
00:08:55,030 --> 00:08:58,480
ตอนนี้สังเกตเห็นทั้งกลุ่มของสิ่งที่เพียงแค่
ปรากฏอยู่ในแผงด้านล่างนี้ใน

189
00:08:58,480 --> 00:09:00,285
นอกเหนือไปจากหน้าเว็บ
ปรากฏในด้านบน

190
00:09:00,285 --> 00:09:04,890
ฉันจะเลื่อนกลับขึ้นไป
แท็บเครือข่ายที่นี่และฉันจะไป

191
00:09:04,890 --> 00:09:06,080
คลิกที่แถวแรก

192
00:09:06,080 --> 00:09:10,580
ว่าเครื่องมือนี้จะเปิดเผยให้เรา
เป็นหนึ่งในการร้องขอ HTTP ทุก

193
00:09:10,580 --> 00:09:13,550
ที่รวดเร็วเพียงแค่เดินกลับ
มาระหว่างเบราว์เซอร์ของฉัน

194
00:09:13,550 --> 00:09:14,930
และเซิร์ฟเวอร์ของ Facebook

195
00:09:14,930 --> 00:09:17,830
และเพื่อให้ทุกคนหนึ่งในแถวเหล่านั้น
แสดงให้เห็นถึงการร้องขอดังกล่าวหรือ

196
00:09:17,830 --> 00:09:20,970
การตอบสนองอย่างใดอย่างหนึ่งหรือมากกว่า
ซองจดหมายเหล่านั้นเสมือน

197
00:09:20,970 --> 00:09:24,080
หรือลวกก็เหมือนคน
เหมือนคนลูกค้าใน

198
00:09:24,080 --> 00:09:26,710
ร้านอาหาร, ถามหาบางสิ่งบางอย่าง
อีกครั้งและอีกครั้งและอีกครั้ง

199
00:09:26,710 --> 00:09:29,400
และบริกรให้นำ
มันกลับมาในเวลาหนึ่ง

200
00:09:29,400 --> 00:09:33,850
>> ดังนั้นตอนนี้ถ้าซูมฉันเกี่ยวกับเรื่องนี้แจ้งให้ทราบล่วงหน้า
และจะเป็นเรียงลำดับของสิ่ง

201
00:09:33,850 --> 00:09:36,600
ว่าคุณยินดีที่จะและเป็นกำลังใจให้
ที่จะเล่นกับตัวคุณเองเพราะเรา

202
00:09:36,600 --> 00:09:38,150
จะไม่ผ่านทุกอย่าง
ในรายละเอียดมาก

203
00:09:38,150 --> 00:09:40,070
แต่สังเกตเห็นมี
แท็บย่อยไม่กี่ที่นี่ -

204
00:09:40,070 --> 00:09:43,700
ส่วนหัวตัวอย่างการตอบสนอง
คุกกี้, เวลาและ

205
00:09:43,700 --> 00:09:48,280
ฉันแค่จะไปดูที่ส่วนหัว
สำหรับตอนนี้เพราะเหล่านี้มีน้อย

206
00:09:48,280 --> 00:09:53,600
ส่วนผสมภายในของซองจดหมายที่
ช่วยให้ข้อมูลที่ได้รับไปและกลับจากสถานที่

207
00:09:53,600 --> 00:09:57,590
>> ดังนั้นครั้งแรกให้ฉันคลิกที่นี้ดู
แหล่งที่มาต่อไปการขอรับส่วนหัว

208
00:09:57,590 --> 00:10:01,910
มีการร้องขอก็คือเบราว์เซอร์ของฉัน
โครเมี่ยมในกรณีนี้ส่งภายใน

209
00:10:01,910 --> 00:10:02,910
ซองจดหมายที่เสมือน

210
00:10:02,910 --> 00:10:04,800
คุณจะจำสัปดาห์ที่แล้วผม
พิมพ์ด้วยตนเองในขณะที่

211
00:10:04,800 --> 00:10:06,380
ทำท่าจะเบราว์เซอร์

212
00:10:06,380 --> 00:10:09,980
จากนั้นก็จะนึกถึงเซิร์ฟเวอร์ว่ามันเป็น
กำลังมองหาโฮสต์ที่เรียกว่า

213
00:10:09,980 --> 00:10:10,835
Facebook.com

214
00:10:10,835 --> 00:10:13,630
แล้วมีบิตเป็นความลับมากขึ้น
ข้อมูลที่เราจะโบก

215
00:10:13,630 --> 00:10:14,830
มือของเราตอนนี้

216
00:10:14,830 --> 00:10:18,640
>> แต่ถ้าผมเริ่มเลื่อนลงมาในขณะนี้
หน้าต่างนี้ให้ฉันไป

217
00:10:18,640 --> 00:10:19,980
ส่วนหัวของการตอบสนอง

218
00:10:19,980 --> 00:10:23,270
นี่เป็นสิ่งที่อยู่ในเสมือน
ซองจดหมายที่กลับมาจาก

219
00:10:23,270 --> 00:10:24,095
Facebook.com

220
00:10:24,095 --> 00:10:27,390
และถ้าฉันคลิกดูที่มาเพียงแค่
เพื่อดูข้อความดิบของมัน

221
00:10:27,390 --> 00:10:28,400
สังเกตเห็นบางสิ่ง

222
00:10:28,400 --> 00:10:32,130
หนึ่ง, Facebook ยังพูดเดียวกัน
โปรโตคอล 1.1 รุ่นดังกล่าว

223
00:10:32,130 --> 00:10:33,390
เพื่อที่ว่าดี

224
00:10:33,390 --> 00:10:36,820
แต่รหัสสถานะ 301,
ย้ายอย่างถาวร

225
00:10:36,820 --> 00:10:38,880
>> ดีที่ไม่ห่า Facebook go?

226
00:10:38,880 --> 00:10:40,430
นี้คือสิ่งที่พยายามที่จะถ่ายทอดให้กับเรา?

227
00:10:40,430 --> 00:10:44,310
ดีสังเกตเห็นลงที่นี่มีอีก
ส่วนหัวเรียกว่าที่อยู่

228
00:10:44,310 --> 00:10:51,050
ดังนั้น Facebook เป็นเหตุผลที่บอกฉันว่าพวกเขา
ย้ายถาวร URL ที่

229
00:10:51,050 --> 00:10:53,580
ถัดจากที่อยู่?

230
00:10:53,580 --> 00:10:54,962
ฉันลืม www

231
00:10:54,962 --> 00:10:56,250
>> เพื่อให้เป็นทางเลือกของฉัน

232
00:10:56,250 --> 00:11:00,450
ในความเป็นจริงส่วนใหญ่ของเราแทบจะไม่อาจจะ
พิมพ์ www.whatever.com วันนี้

233
00:11:00,450 --> 00:11:03,390
แต่มันกลับกลายเป็นผู้ดูแลระบบ,
เช่น Facebook ของสามารถ

234
00:11:03,390 --> 00:11:06,800
กำหนดค่าเซิร์ฟเวอร์ของพวกเขาในลักษณะที่
ที่ทั้ง Facebook.com ทำงานหรือ

235
00:11:06,800 --> 00:11:12,450
www.Facebook.com ทำงานหรือจริงๆ
คำนำหน้าใด ๆ ดังกล่าวในด้านหน้าของพวกเขา

236
00:11:12,450 --> 00:11:13,210
ชื่อโดเมน

237
00:11:13,210 --> 00:11:14,500
ดังนั้นพวกเขาจึงได้ทำที่สำหรับเรา

238
00:11:14,500 --> 00:11:16,910
และพวกเขาจะเปลี่ยนเส้นทางไปเราอาจจะ
สำหรับเทคนิคบางอย่าง

239
00:11:16,910 --> 00:11:18,100
บางเหตุผลทางการตลาด

240
00:11:18,100 --> 00:11:21,570
พวกเขาเพียงต้องการ canonicalize
เมื่อ www.Facebook.com

241
00:11:21,570 --> 00:11:24,040
>> แต่ที่ไม่ค่อนข้างมัน

242
00:11:24,040 --> 00:11:28,560
ถ้าผมเลื่อนลงมาที่นี่ให้
ดูสิ่งที่เกิดขึ้น

243
00:11:28,560 --> 00:11:30,810
นี้จะบอกฉันว่าเรา
ย้ายถาวร

244
00:11:30,810 --> 00:11:33,450
http://www.Facebook.com

245
00:11:33,450 --> 00:11:36,620
ดังนั้นให้ดูที่การร้องขอที่สอง
ที่เบราว์เซอร์ของฉันส่ง

246
00:11:36,620 --> 00:11:40,070
แต่น่าเสียดายที่ดูเหมือนว่า Facebook
ได้ย้ายอีกครั้งเพราะที่สอง

247
00:11:40,070 --> 00:11:44,420
ร้องขอโดยการเลือก URL ที่แทน
กล่าวว่าเกินไปย้าย

248
00:11:44,420 --> 00:11:45,010
อย่างถาวร

249
00:11:45,010 --> 00:11:48,140
และแจ้งให้เราเลื่อนลงมาที่นี่
ไปยังส่วนหัวของการตอบสนอง

250
00:11:48,140 --> 00:11:51,530
Facebook ได้หายไปไหนตอนนี้

251
00:11:51,530 --> 00:11:52,680
>> ดังนั้น HTTPS

252
00:11:52,680 --> 00:11:56,130
ดังนั้นตอนนี้ Facebook ได้เริ่มต้น
แสงโดยเฉพาะอย่างยิ่งในปัจจุบัน

253
00:11:56,130 --> 00:11:59,750
เหตุการณ์ที่เกิดขึ้นในช่วงหลายเดือนที่ผ่านมาโดยเฉพาะอย่างยิ่งและ
คู่ยังอยู่ในปีที่ผ่านมา

254
00:11:59,750 --> 00:12:03,670
บังคับให้ผู้ใช้ทั้งหมดของพวกเขาในที่ดี
วิธีการใช้ HTTPS ซึ่งเป็นอะไรที่

255
00:12:03,670 --> 00:12:06,210
การรักษาความปลอดภัยถึงแม้จะไม่ทั้งหมดปลอดภัย

256
00:12:06,210 --> 00:12:10,000
และดังนั้นตอนนี้หน้าของฉันเบราว์เซอร์ของฉันคือ
จะไปขอ URL ที่สามนี้

257
00:12:10,000 --> 00:12:14,710
และตอนนี้ในที่สุดเราได้รับ
ที่มองไม่เห็นเป็นอย่างอื่น 200 ตกลง

258
00:12:14,710 --> 00:12:18,830
>> ดังนั้นสิ่งที่ในโลกหรือทั้งหมดของ
เหล่านี้แถวอื่น ๆ ลงที่นี่

259
00:12:18,830 --> 00:12:22,630
ฉันพิมพ์ตัวอักษรสิ่งหนึ่งที่ฉันและ
เบราว์เซอร์ดูเหมือนว่าจะได้รับการร้องขอเช่น

260
00:12:22,630 --> 00:12:23,840
20 บางสิ่งที่แปลก

261
00:12:23,840 --> 00:12:24,640
ว่าคืออะไร?

262
00:12:24,640 --> 00:12:25,810
>> ผู้ชม: คริ?

263
00:12:25,810 --> 00:12:28,460
>> 1 SPEAKER: สคริปต์ไฟล์อื่น ๆ ดังนั้น
เขียนในภาษาที่เรียกว่า

264
00:12:28,460 --> 00:12:30,780
JavaScript ซึ่งอีกครั้งเราจะ
ดูบิตของเมื่อวันพุธที่

265
00:12:30,780 --> 00:12:32,760
อะไร?

266
00:12:32,760 --> 00:12:33,390
สไตล์ชีท

267
00:12:33,390 --> 00:12:36,350
ดังนั้นบางสิ่งบางอย่างในภาษาที่เรียกว่า
CSS, ที่เราจะเห็นในบิต

268
00:12:36,350 --> 00:12:40,690
gifs, และ JPEG, และ, PNG และภาพ
และไฟล์ภาพยนตร์ - สิ่งที่หน้าเว็บ

269
00:12:40,690 --> 00:12:43,280
ได้มีโอกาสมากที่สุดในการ
รูปแบบของไฟล์

270
00:12:43,280 --> 00:12:46,750
และดังนั้นสิ่งที่เราเห็นทางด้านซ้าย
มือข้างขวามีไฟล์ทั้งหมดของ

271
00:12:46,750 --> 00:12:50,280
ที่ Chrome มีการดาวน์โหลด
ซ้ำถ้าคุณจะเพื่อ

272
00:12:50,280 --> 00:12:52,430
แต่งทั้งหมดของหน้า

273
00:12:52,430 --> 00:12:56,210
>> ดังนั้นสิ่งที่เราเห็นสักครู่ที่ผ่านมากับ Google
ถ้าฉันคลิกที่องค์ประกอบ

274
00:12:56,210 --> 00:13:00,470
แท็บนี้แน่ใจว่าเป็น HTML,
ภาษาที่ประกอบด้วยหน้านี้

275
00:13:00,470 --> 00:13:01,890
แต่มีพวงของสิ่งอื่น ๆ ของ

276
00:13:01,890 --> 00:13:02,640
มีโลโก้ของ

277
00:13:02,640 --> 00:13:04,680
มีผู้สีฟ้า ish ของ
ไอคอนที่นั่น

278
00:13:04,680 --> 00:13:07,610
และมีองค์ประกอบอื่น ๆ ยังคงที่
หน้าเว็บที่ตัวเองอาจจะมี

279
00:13:07,610 --> 00:13:08,610
แฟ้มที่แยกต่างหาก

280
00:13:08,610 --> 00:13:11,860
>> ดังนั้นสิ่งที่ดีเกี่ยวกับเบราว์เซอร์ที่เป็น
มันมีลักษณะที่ภาษาที่เรากำลังจะไป

281
00:13:11,860 --> 00:13:14,690
ที่จะเริ่มต้นเขียนหรือคุณได้แล้ว
เริ่มต้นในการเขียน P ชุด 7, ตัวเลข

282
00:13:14,690 --> 00:13:17,970
ออกที่ไฟล์เหล่านั้นมีชีวิตอยู่และ
ไปและคว้าพวกเขาเช่นกัน

283
00:13:17,970 --> 00:13:21,010
และฉันไม่สามารถเน้นพอแม้
แม้ว่าบางส่วนของนี้อาจมีลักษณะบิต

284
00:13:21,010 --> 00:13:24,820
ความลับหรือครอบงำได้อย่างรวดเร็วก่อน
เรียนรู้วิธีการเขียนโปรแกรม

285
00:13:24,820 --> 00:13:28,500
โปรแกรมสำหรับเว็บที่เป็น
อันล้ำค่าที่จะเข้าใจวิธีการเหล่านี้

286
00:13:28,500 --> 00:13:29,410
การทำงานของเครื่องมือเล็ก ๆ น้อย ๆ

287
00:13:29,410 --> 00:13:33,830
เหล่านี้เป็นประเภทเช่น GDB เหมือนเครื่องมือ
แต่ง่ายมากที่สุดที่จะใช้ -

288
00:13:33,830 --> 00:13:37,690
และจริงๆช่วยให้คุณตาเป็นสิ่งที่
เราได้รับการได้รับสำหรับ

289
00:13:37,690 --> 00:13:39,170
ค่อนข้างบางเวลาในขณะนี้

290
00:13:39,170 --> 00:13:42,270
>> ดังนั้นเราจึงสามารถที่ตอนนี้ทำด้วย
ข้อมูลนี้

291
00:13:42,270 --> 00:13:44,875
ดีขอจริงมาดูที่
แนวคิดพื้นฐาน HTML

292
00:13:44,875 --> 00:13:49,025
และเราจะเลื่อนในขณะที่เรามีอยู่แล้วไป
ส่วนสัปดาห์นี้ในการแก้ไขปัญหา

293
00:13:49,025 --> 00:13:53,260
ตั้ง 7 สเปคบางส่วนของอื่น ๆ
รายการของภาษาเหล่านี้

294
00:13:53,260 --> 00:13:57,020
แต่ให้ดูว่าเราไม่สามารถวาดภาพ
ภาพของสิ่งที่คุณควรเข้าใจ

295
00:13:57,020 --> 00:13:57,940
ทั้งหมดในที่นี้

296
00:13:57,940 --> 00:14:02,280
>> ดังนั้น HTML, ภาษา Hypertext Markup,
ไม่ได้เป็นภาษาโปรแกรม

297
00:14:02,280 --> 00:14:03,520
ที่ไม่อะไรจริงๆหมายถึงอะไร

298
00:14:03,520 --> 00:14:05,690
ดังนั้น HTML ที่มีลักษณะเช่นนี้

299
00:14:05,690 --> 00:14:06,810
และบางส่วนของคุณรู้อยู่แล้วว่านี้

300
00:14:06,810 --> 00:14:08,130
พวกคุณบางคนได้รับการทำ
นี้บางครั้ง

301
00:14:08,130 --> 00:14:10,270
แต่ให้ดูว่าเราไม่สามารถกรอก
ในช่องว่างบางส่วนเช่นกัน

302
00:14:10,270 --> 00:14:11,760
ดังนั้นสังเกตเห็นสองสิ่งที่นี่

303
00:14:11,760 --> 00:14:13,030
หนึ่งก็เพียงข้อความ

304
00:14:13,030 --> 00:14:15,960
ดังนั้นจึงเป็นเช่นเดียวกับรหัสแหล่งที่มาใน
C หรือบางภาษาอื่น ๆ

305
00:14:15,960 --> 00:14:17,750
>> ขอให้สังเกตว่าดูเหมือนว่า
จะเป็นรูปแบบที่นี่

306
00:14:17,750 --> 00:14:20,870
มีรอยหยัก แ​​ต่ในทางเทคนิค
เยื้องเป็นมนุษย์เพียง

307
00:14:20,870 --> 00:14:21,205
การประชุม

308
00:14:21,205 --> 00:14:24,980
เบราว์เซอร์ไม่ดูแลถ้ามีใหม่
เส้นและแท็บเหมือนที่เราเห็นมี

309
00:14:24,980 --> 00:14:27,410
แต่สังเกตเห็นว่ามี
symmetries ที่นี่

310
00:14:27,410 --> 00:14:31,180
มีสิ่งที่ฉันจะโทรห​​าที่ด้านบนของ
ไฟล์นี้แท็กเปิดหรือเริ่มต้น

311
00:14:31,180 --> 00:14:33,030
แท็กที่เรียกว่า HTML

312
00:14:33,030 --> 00:14:36,800
แล้วลงมาด้านล่างเรียงรายไปอย่างสมบูรณ์แบบ
ขึ้นเหมือนที่เราทำกับวงเล็บปีกกา,

313
00:14:36,800 --> 00:14:40,910
เรากำลังมองหาวงเล็บเปิดไปข้างหน้า
เฉือน, HTML, วงเล็บปิด

314
00:14:40,910 --> 00:14:44,610
เพื่อที่ว่าใกล้ที่สอดคล้องกัน
แท็กหรือสิ้นสุดสำหรับสิ่งที่

315
00:14:44,610 --> 00:14:47,990
>> ร่วมกันทุกอย่างที่อยู่ภายใน
ที่เรียกว่าแท็กเปิดและแท็กปิด

316
00:14:47,990 --> 00:14:50,440
เขียนสิ่งที่เราจะเรียกองค์ประกอบ

317
00:14:50,440 --> 00:14:53,910
และเราจะเห็นในเวลาเพียงสักครู่ก็
ชอบโหนดในต้นไม้

318
00:14:53,910 --> 00:14:57,470
เพราะถ้าคุณคิดเกี่ยวกับในขณะนี้
เยื้องที่ส่อให้เห็นว่าที่นี่คุณ

319
00:14:57,470 --> 00:15:00,780
ชนิดของมีเช่นปู่ย่าตายาย
โหนดที่เรียกว่า HTML

320
00:15:00,780 --> 00:15:06,870
เด็กกี่คนที่คุณอาจจะบอกว่าตาม
ในภาพนี้มีองค์ประกอบ HTML?

321
00:15:06,870 --> 00:15:07,720
>> ดังนั้นอาจจะสอง

322
00:15:07,720 --> 00:15:10,240
เป็นองค์ประกอบหนึ่งที่หัวเห็นได้ชัดว่า

323
00:15:10,240 --> 00:15:11,710
และเป็นองค์ประกอบหนึ่งของร่างกาย

324
00:15:11,710 --> 00:15:12,555
และทำไมเด็กสองคน?

325
00:15:12,555 --> 00:15:15,840
ดีฉันเพียงแค่ชนิดของการอนุมานว่าถ้า
ฉันมีแท็กหัวเปิดแล้ว

326
00:15:15,840 --> 00:15:17,820
ปิดแท็กหัวว่าองค์ประกอบ

327
00:15:17,820 --> 00:15:21,200
แล้วถ้ามีอีกตัวเปิดของ
แท็กและแท็กร่างกายใกล้ที่เช่น

328
00:15:21,200 --> 00:15:22,340
เป็นอีกหนึ่งปัจจัย

329
00:15:22,340 --> 00:15:26,000
ดังนั้นในแง่ที่ว่าถ้าผมชนิดของการหมุน
ภาพบนด้านข้างที่เป็น

330
00:15:26,000 --> 00:15:29,910
เหมือนมีแท็ก html แล้ว
แท็กหัวและจากนั้นแท็กร่างกายและ

331
00:15:29,910 --> 00:15:34,290
แล้วบางส่วนข้อความ hello โลกห้อย
ออกจากแท็กร่างกายตัวเอง

332
00:15:34,290 --> 00:15:36,620
>> ดังนั้นเราจึงสามารถวาดภาพที่ว่า
อาจมีลักษณะเช่นนี้

333
00:15:36,620 --> 00:15:38,020
รูปร่างโดยพล

334
00:15:38,020 --> 00:15:40,870
แต่สังเกตเห็นว่าฉันใช้การเรียงลำดับของ
วงรีที่ด้านบนจะเป็นตัวแทนของ

335
00:15:40,870 --> 00:15:41,860
เอกสารเอง

336
00:15:41,860 --> 00:15:45,980
มันจะเปิดออกจะมีสิ่งอื่น ๆ
ภายในหน้าเว็บที่ฉันไม่ได้

337
00:15:45,980 --> 00:15:46,940
วาดที่นี่

338
00:15:46,940 --> 00:15:50,800
ดังนั้นเรากำลังจะได้แขวน HTML
ออกจากโหนดโหนดเอกสารที่เรียกว่า

339
00:15:50,800 --> 00:15:53,730
และแล้วเราก็มีหัวและ
ร่างกายและชื่อแจ้งให้ทราบล่วงหน้า

340
00:15:53,730 --> 00:15:55,360
ซึ่งเป็นที่ซ้อนกันต่อไป

341
00:15:55,360 --> 00:15:58,650
ผมไม่ได้รำคาญสายการวางเพิ่มเติม
แบ่งภายในของแท็กชื่อ

342
00:15:58,650 --> 00:16:02,710
มันก็รู้สึกเหมือนว่ามันจะได้รับ
น้อยเกินไป verbose

343
00:16:02,710 --> 00:16:07,000
ดังนั้นผมจึงทิ้งมันไว้ในหนึ่งบรรทัดที่นั่นด้วย
ชื่อเปิด hello โลก, ชื่อใกล้

344
00:16:07,000 --> 00:16:09,380
และแล้วเราก็มีข้อความบางส่วน
ห้อยออกไปจากที่นี่

345
00:16:09,380 --> 00:16:12,200
>> ดังนั้นภาพยนตร์เรื่องนี้จะกลับมา
เราเมื่อเราดำน้ำใน JavaScript

346
00:16:12,200 --> 00:16:15,110
ความเข้าใจและความที่ว่าเมื่อคุณ
เขียน HTML เช่นนี้สิ่งที่

347
00:16:15,110 --> 00:16:16,250
เป็นเบราว์เซอร์ทำอะไร

348
00:16:16,250 --> 00:16:19,290
ดีเราจะได้ไม่ต้องกังวลเกี่ยวกับ
วิธีการก็ทำเช่นนี้หรือกับสิ่งที่

349
00:16:19,290 --> 00:16:23,090
อัลกอริทึม แต่ในตอนท้ายของวันที่
เมื่อเบราว์เซอร์ได้รับ HTML เช่น

350
00:16:23,090 --> 00:16:27,510
ว่าจาก Facebook หรือ Google มันจะแยกวิเคราะห์
มันจึงจะพูดจะอ่านมัน

351
00:16:27,510 --> 00:16:31,160
กับสิ่งที่ชอบ fread บนลง
ล่างซ้ายไปขวาและเป็นมัน

352
00:16:31,160 --> 00:16:36,300
ตระหนัก, OH, แท็กเปิดและปิดแล้ว
แท็กก็จะเริ่ม malloc เพื่อที่จะพูด,

353
00:16:36,300 --> 00:16:37,800
โหนดในต้นไม้

354
00:16:37,800 --> 00:16:41,130
และเมื่อคุณพบในขณะที่เราได้บอกเป็นนัย ๆ
ที่นี่กับเยื้อง,

355
00:16:41,130 --> 00:16:45,400
โหนดเด็กมัน mallocs โหนดที่
และติดอยู่ที่ต้นไม้

356
00:16:45,400 --> 00:16:49,150
>> ดังนั้นโครงสร้างต้นไม้ต้นไม้ไบนารี
ternary ต้นไม้และต้นไม้ใหญ่ที่

357
00:16:49,150 --> 00:16:53,380
เราชำเลืองมองหรือสองสัปดาห์ที่ผ่านมาแจ้งให้ทราบล่วงหน้า
ว่าหลักการเดียวกันคือ

358
00:16:53,380 --> 00:16:54,220
กลับมาที่เรา

359
00:16:54,220 --> 00:16:57,590
และใครก็ตามที่นำมาใช้ Chrome สิ่งที่
ทีมไม่ว่าน่าจะมี

360
00:16:57,590 --> 00:17:00,800
ที่จะใช้ชนิดของโครงสร้างบางส่วน
ภายใต้ฝากระโปรง

361
00:17:00,800 --> 00:17:05,329
และบอกว่าตัวเองน่าจะเป็นใน
ภาษาเช่น C หรือ C + +, หรือลดลง

362
00:17:05,329 --> 00:17:08,540
ภาษาในระดับที่เราจะ
ตอนนี้ใช้อยู่บนเว็บ

363
00:17:08,540 --> 00:17:11,200
>> ดังนั้นตอนนี้อาจจะนี้จะ
ทำให้รู้สึกมากขึ้น

364
00:17:11,200 --> 00:17:15,420
รอยสักที่เกิดขึ้นจริงจากผู้ชายคนหนึ่งที่อาจจะบาง
เสียใจมันในที่สุดชนิดของ

365
00:17:15,420 --> 00:17:17,359
ตกลงทั้งหมดขวาดังนั้นจำนวนมากของอารมณ์ขันเว็บ

366
00:17:17,359 --> 00:17:18,599
มันไม่ได้เกิดขึ้นจริง
ให้ดีกว่าวันนี้

367
00:17:18,599 --> 00:17:19,560
ดังนั้นเราจะเดินหน้าต่อไป

368
00:17:19,560 --> 00:17:20,180
ทั้งหมดขวา

369
00:17:20,180 --> 00:17:22,760
>> ดังนั้นลองมาดูในขณะนี้
ที่ไม่กี่ตัวอย่าง

370
00:17:22,760 --> 00:17:24,660
ที่ง่ายที่สุดที่เป็นไปได้
สิ่งนี้อาจจะมี

371
00:17:24,660 --> 00:17:29,170
ฉันจะไปข้างหน้าและเปิดขึ้นใน
gedit ไฟล์ที่เรียกว่า hello.php

372
00:17:29,170 --> 00:17:31,730

373
00:17:31,730 --> 00:17:36,330
และภายในของที่นี่ฉันจะไปได้อย่างรวดเร็ว
เพียงแค่ทำเช่นนี้ printf อ้าง

374
00:17:36,330 --> 00:17:38,590
ไม่ได้นำมาอ้าง, "Hello World."

375
00:17:38,590 --> 00:17:42,460
>> ดังนั้นแจ้งให้ทราบและฉันจะทำเครื่องหมาย n ของฉัน
ฉันไม่ได้ใส่ใจที่จะประกาศหลัก

376
00:17:42,460 --> 00:17:45,310
มันจะเปิดออกใน PHP, และจำนวนมากของ
ภาษาคุณไม่จำเป็นต้องเป็นหลัก

377
00:17:45,310 --> 00:17:46,090
ฟังก์ชั่นต่อ

378
00:17:46,090 --> 00:17:47,720
คุณก็สามารถเริ่มต้นการเขียน
โปรแกรมของคุณ

379
00:17:47,720 --> 00:17:51,210
ตอนนี้เมื่อฉันบันทึกไฟล์นี้สังเกตเห็นฉัน
จะต้องทำต่อไปนี้

380
00:17:51,210 --> 00:17:55,360
ฉันไม่ได้จะใช้ทำและฉันไม่ได้
จะใช้เสียงดังกราวเพราะ PHP ซึ่งแตกต่างจาก

381
00:17:55,360 --> 00:17:57,400
ซีไม่ได้เป็นภาษาที่รวบรวม

382
00:17:57,400 --> 00:18:01,400
มันเป็นสิ่งที่เรียกว่าการตีความ
ภาษาซึ่งหมายความว่าคุณสามารถเรียกใช้มัน

383
00:18:01,400 --> 00:18:04,650
เป็น input ผ่านโปรแกรมอื่น
เรียกว่าล่าม

384
00:18:04,650 --> 00:18:08,150
และโปรแกรมที่อ่านมันบนลง
ด้านล่างซ้ายไปขวาและไม่

385
00:18:08,150 --> 00:18:09,290
สิ่งที่คุณบอกให้ทำ

386
00:18:09,290 --> 00:18:12,920
>> ดังนั้นในกรณีนี้ที่นี่ฉันมี
หนึ่งบรรทัดที่ระบุว่า printf

387
00:18:12,920 --> 00:18:17,990
ดังนั้นเมื่อฉันใช้รหัสแหล่งที่มานี้
hello.php แต่โปรแกรมที่

388
00:18:17,990 --> 00:18:22,830
เกิดขึ้นในทำเลที่สะดวกจะเรียกว่า PHP,
PHP โปรแกรมที่จะอ่าน

389
00:18:22,830 --> 00:18:26,120
ไฟล์นี้บนลงล่างซ้ายไปขวา
และมันจะทำสิ่งที่ฉัน

390
00:18:26,120 --> 00:18:30,110
บอกให้ทำ - รันโค้ดและถ้า
มันก็ไม่ได้รับรู้บางสิ่งบางอย่างเพียง

391
00:18:30,110 --> 00:18:31,320
มันคายออก

392
00:18:31,320 --> 00:18:34,940
ดังนั้นฉันจะไปข้างหน้าและ
ทำงานของ PHP hello.php

393
00:18:34,940 --> 00:18:37,110
เข้าไป

394
00:18:37,110 --> 00:18:39,690
>> และที่ไม่มากสิ่งที่ผมตั้งใจ

395
00:18:39,690 --> 00:18:40,530
ดีที่เป็นเหตุผลว่าทำไม?

396
00:18:40,530 --> 00:18:43,910
ดี PHP เป็นภาษาที่เป็นจริง
ออกแบบมาเพื่อเป็นธรรม

397
00:18:43,910 --> 00:18:46,150
พันกับเว็บ

398
00:18:46,150 --> 00:18:50,460
เมื่อทำหน้าเว็บที่มีภาษานี้
PHP, ในขณะที่เราจะเห็นทันทีที่เราจะ

399
00:18:50,460 --> 00:18:54,560
ต้องการที่จะทำสิ่งที่ต้องการพิมพ์
บรรทัดเช่นนี้

400
00:18:54,560 --> 00:18:55,940
>> ดังนั้นฉันจะทำเช่นนี้

401
00:18:55,940 --> 00:19:00,810
วงเล็บเปิดเครื่องหมายคำถาม, PHP และ
ตอนนี้ฉันเพิ่งจะเยื้องเพียงเพื่อให้

402
00:19:00,810 --> 00:19:01,960
สิ่งที่ดี

403
00:19:01,960 --> 00:19:04,910
และตอนนี้ฉันจะทำคำถาม
ทำเครื่องหมายวงเล็บปิด

404
00:19:04,910 --> 00:19:06,270
จึงมีบิตของความไม่สมมาตรของที่นี่

405
00:19:06,270 --> 00:19:07,490
คุณไม่ทำเช่นนี้

406
00:19:07,490 --> 00:19:10,530
และคุณไม่ได้ทำเครื่องหมายทับดังนั้น
PHP เป็นแตกต่างกันเล็กน้อย

407
00:19:10,530 --> 00:19:14,610
>> แต่ตอนนี้ถ้าผมวิ่งโปรแกรมนี้
PHP hello.php ตอนนี้ฉัน

408
00:19:14,610 --> 00:19:16,090
ได้รับจริงของ Hello World

409
00:19:16,090 --> 00:19:17,750
และเราจะเห็นว่าทำไมนี้มีคุณค่า

410
00:19:17,750 --> 00:19:20,960
หนึ่งก็ช่วยให้ผมระบุ
ซุปเปอร์อย่างชัดเจนนี้

411
00:19:20,960 --> 00:19:22,480
รหัสดำเนินการนี​​้

412
00:19:22,480 --> 00:19:25,480
และที่แน่นอนสิ่งเหล่านี้
ป้ายบ่งบอกถึงความพิเศษที่นี่

413
00:19:25,480 --> 00:19:30,330
>> แต่มันก็หมายความว่าถ้าฉันเพียงแค่ทำ
บางสิ่งบางอย่างเหมือนที่ผมมุ่งมั่นกว่าที่นี่ว่า

414
00:19:30,330 --> 00:19:34,000
ซึ่งหมายความว่าตัวอักษรที่จะเพียงแค่
สามารถพิมพ์ออกมาโดยไม่จำเป็นต้อง

415
00:19:34,000 --> 00:19:36,850
จริงเรียก printf หรือพิมพ์
หรือฟังก์ชั่นที่คล้ายกัน

416
00:19:36,850 --> 00:19:39,445
ดังนั้นเราจะกลับมาที่
ในเวลาเพียงสักครู่

417
00:19:39,445 --> 00:19:40,470
>> อันดับแรกให้ทำเช่นนี้

418
00:19:40,470 --> 00:19:43,950
ภายในของเครื่องเรามี
ไดเรกทอรีที่เรียกว่า vhosts สำหรับเสมือน

419
00:19:43,950 --> 00:19:47,000
เจ้าภาพเฉือนเจ้าภาพท้องถิ่นเฉือนสาธารณะ

420
00:19:47,000 --> 00:19:50,240
ดังนั้นจึงเป็นบิต verbose แต่เรื่องยาว
สั้นเครื่องจะถูกออกแบบมาไม่ได้

421
00:19:50,240 --> 00:19:53,770
เพียงเพื่อที่จะสนับสนุน C. นอกจากนี้ยังเป็น
ออกแบบมาเพื่อรองรับ PHP

422
00:19:53,770 --> 00:19:57,440
แต่มันได้รับการออกแบบยังเป็นเว็บ
เซิร์ฟเวอร์และเซิร์ฟเวอร์ฐานข้อมูล

423
00:19:57,440 --> 00:20:00,230
และมันได้รับการออกแบบและการกำหนดค่าอย่างแท้จริง
จะเตือนความทรงจำใด ๆ

424
00:20:00,230 --> 00:20:04,230
เว็บของ บริษัท โฮสติ้งที่เชิงพาณิชย์
คุณอาจจ่าย $ 5 ต่อเดือนสำหรับ,

425
00:20:04,230 --> 00:20:05,040
$ 100 เดือนสำหรับ

426
00:20:05,040 --> 00:20:08,200
บริการใดที่เป็นก็กำหนดค่า
จะคล้ายกันมากกับ

427
00:20:08,200 --> 00:20:10,170
โลกเซิร์ฟเวอร์จริงการผลิต

428
00:20:10,170 --> 00:20:13,485
>> และสิ่งที่หมายถึงคือการที่ทำงานบน
เครื่องใช้ไฟฟ้าเป็นซอฟต์แวร์เว็บเซิร์ฟเวอร์

429
00:20:13,485 --> 00:20:15,060
มันเกิดขึ้นจะเรียกว่าอาปาเช่

430
00:20:15,060 --> 00:20:17,790
มันเป็นเพียงฟรีและเปิดแหล่งที่มา,
และเป็นที่นิยมมาก

431
00:20:17,790 --> 00:20:23,260
และเราได้กำหนดค่า Apache จะรู้ว่า
ว่าถ้าผมเข้าเยี่ยมชม URL บางอย่างด้วย

432
00:20:23,260 --> 00:20:28,060
เบราว์เซอร์ Chrome หรือด้านในของใด ๆ
เครื่องใช้ที่จะมองเข้าไปในไดเรกทอรีนี้

433
00:20:28,060 --> 00:20:31,030
สำหรับไฟล์ที่
ผู้ใช้จะขอ

434
00:20:31,030 --> 00:20:32,790
>> ในคำอื่น ๆ ให้ฉัน
ไปข้างหน้าและทำเช่นนี้

435
00:20:32,790 --> 00:20:36,890
ภายในไดเรกทอรีสาธารณะของฉันฉันไป
ไปข้างหน้าและสร้างไฟล์

436
00:20:36,890 --> 00:20:39,580
เรียกว่า index.html

437
00:20:39,580 --> 00:20:41,000
ที่ทำให้ผมแท็บที่นี่

438
00:20:41,000 --> 00:20:44,210
และฉันจะไปอย่างรวดเร็ว
และไปข้างหน้าและโพล่งออก

439
00:20:44,210 --> 00:20:45,010
โปรแกรมนี้ที่นี่

440
00:20:45,010 --> 00:20:48,410
doctype HTML ซึ่งสำหรับตอนนี้เพียงแค่
สมมติว่าคุณต้องพิมพ์

441
00:20:48,410 --> 00:20:53,490
มันเป็นเพียงแท็กเป็นความลับที่ไม่
อย่างแท้จริงแท็กที่ระบุว่า

442
00:20:53,490 --> 00:20:55,050
ที่นี่บาง HTM​​L มา

443
00:20:55,050 --> 00:20:57,400
>> ฉันจะไปข้างหน้าและสร้าง
สิ่งที่เราเห็นสักครู่ที่ผ่านมา

444
00:20:57,400 --> 00:20:58,650
ที่นี่ส่วนหัวของหน้าของ

445
00:20:58,650 --> 00:21:01,170
ภายในเป็นหัวหน้า -

446
00:21:01,170 --> 00:21:01,890
ดังนั้นชื่อ

447
00:21:01,890 --> 00:21:04,340
ดังนั้นเราจะบอกว่า Hello World,

448
00:21:04,340 --> 00:21:06,570
แล้วลงที่นี่คือแท็กร่างกาย

449
00:21:06,570 --> 00:21:08,580
ผมขอปิดแท็กร่างกาย

450
00:21:08,580 --> 00:21:12,280
จากนั้นในที่นี่ฉันยังจะพูดว่า
เพียงเพื่อความชัดเจน hello โลก

451
00:21:12,280 --> 00:21:14,770
>> ดังนั้นนี่คือเนื้อหาที่ง่ายที่สุด
หน้าเว็บไปได้ที่คุณ

452
00:21:14,770 --> 00:21:15,770
สามารถทำที่ถูกต้อง

453
00:21:15,770 --> 00:21:17,030
มันเป็นเรื่องที่ถูกต้อง syntactically

454
00:21:17,030 --> 00:21:18,620
ทุกอย่างที่เปิดเป็นปิด

455
00:21:18,620 --> 00:21:20,910
ทุกอย่างเป็นอย่างดีใน
เรียกขานและเว้า ๆ แหว่ง ๆ

456
00:21:20,910 --> 00:21:23,600
ดังนั้นเรามาดูวิธีการที่ฉันตอนนี้
สามารถเข้าถึงไฟล์นี้

457
00:21:23,600 --> 00:21:25,540
>> ดีให้ฉันไปที่ Chrome ที่นี่

458
00:21:25,540 --> 00:21:35,050
และแจ้งให้เราไปที่
http://localhost/index.html

459
00:21:35,050 --> 00:21:36,200
ดังนั้นโฮสต์ท้องถิ่นคืออะไร

460
00:21:36,200 --> 00:21:39,400
ดีที่สุดเครื่องคอมพิวเตอร์ใด ๆ ในโลก,
Linux, Mac OS, Windows, มีชื่อเล่น

461
00:21:39,400 --> 00:21:40,680
เรียกว่าโฮสต์ท้องถิ่น

462
00:21:40,680 --> 00:21:42,900
ดังนั้นหากคุณเคยต้องการที่จะพูดคุย
ไปยังเครื่องคอมพิวเตอร์ของคุณเอง -

463
00:21:42,900 --> 00:21:45,140
แม้จะแปลกอัตโนมัติ -

464
00:21:45,140 --> 00:21:47,080
คุณเรียกตัวเองโฮสต์ท้องถิ่น

465
00:21:47,080 --> 00:21:50,390
ไม่ว่าสิ่งที่คอมพิวเตอร์ของคุณเป็นจริง
เรียกว่าไม่ว่าจะเป็นของ David MacBook

466
00:21:50,390 --> 00:21:52,490
อากาศหรือบางสิ่งบางอย่างมากขึ้น
verbose เช่นเดียวกับที่

467
00:21:52,490 --> 00:21:57,760
>> ดังนั้น URL นี้จะเห็นได้ชัดว่าจะใช้
HTTP ในการพูดคุยกับโฮสต์ท้องถิ่น,

468
00:21:57,760 --> 00:22:00,800
คอมพิวเตอร์เครื่องเดียวกันเครื่องใช้ไฟฟ้าและ
มันจะขอเพียงใช้เวลา

469
00:22:00,800 --> 00:22:02,570
เดาสิ่งที่ไฟล์?

470
00:22:02,570 --> 00:22:04,460
index.html

471
00:22:04,460 --> 00:22:08,650
ดังนั้นเครื่องใช้ไฟฟ้าที่ได้รับการกำหนดค่าใน
เลื่อนไปรู้ว่าถ้าฉันขอ

472
00:22:08,650 --> 00:22:13,460
สำหรับสิ่งที่ต้องการ index.html มองหา
ในโฟลเดอร์ที่เรียกว่า vhosts ใน

473
00:22:13,460 --> 00:22:17,950
โฟลเดอร์ที่เรียกว่า localhost, ในโฟลเดอร์
เรียกว่าอยู่ในนั้นประชาชน

474
00:22:17,950 --> 00:22:20,400
นั่นคือสิ่งที่ทุกคนสาธารณะของฉัน
ไฟล์ที่เป็นไปได้

475
00:22:20,400 --> 00:22:22,610
ดังนั้นตอนนี้ฉันจะไปกด Enter

476
00:22:22,610 --> 00:22:27,100
>> และเหี้ยมีต้องห้ามที่เป็น
ข้อความหรือที่เรียกว่า 403

477
00:22:27,100 --> 00:22:28,490
รหัสตัวเลขสำหรับมัน

478
00:22:28,490 --> 00:22:30,130
ดังนั้นมีอะไรผิดปกติอะไรที่นี่?

479
00:22:30,130 --> 00:22:33,210
ดีก็ไม่เพียงพอที่จะเพียงแค่ใส่
ในแฟ้มของโฟลเดอร์ของฉัน

480
00:22:33,210 --> 00:22:35,790
ฉันจำเป็นต้องทำจริงดังต่อไปนี้

481
00:22:35,790 --> 00:22:40,210
>> ให้ฉันไปลงในไดเรกทอรี vhosts ของฉันเป็น
localhost เข้าไปในที่สาธารณะและปล่อยให้

482
00:22:40,210 --> 00:22:41,680
ฉันทำรีบ l ls

483
00:22:41,680 --> 00:22:44,510
และมีสิ่งอื่น ๆ ไม่กี่คน
ที่นี่สำหรับวัตถุประสงค์ของว​​ันนี้

484
00:22:44,510 --> 00:22:50,540
แต่สังเกตเห็นบนด้านซ้ายมือถัดจาก
เพื่อ index.html เราจะเห็นเพียงหนึ่ง RW

485
00:22:50,540 --> 00:22:53,560
และในอดีตที่ผ่านมาสิ่งที่
ได้ RW ยืน?

486
00:22:53,560 --> 00:22:54,240
>> แค่อ่านหรือเขียน

487
00:22:54,240 --> 00:22:58,000
ข้อเท็จจริงที่ว่ามันพูดว่า RW ด้านซ้าย
หมายความว่าฉันเป็นเจ้าของไฟล์นี้, สามารถ

488
00:22:58,000 --> 00:22:59,020
อ่านหรือเขียนมัน

489
00:22:59,020 --> 00:23:05,010
แต่ฉันต้องการที่จะให้ทุกคนใน
โลกอ่านนี้แม้ว่าจะไม่ได้เขียนมัน

490
00:23:05,010 --> 00:23:09,650
ดังนั้นฉันจะเปลี่ยนรูปแบบของการ
ไฟล์ chmod ทั้งหมดบวก r ที่จะให้

491
00:23:09,650 --> 00:23:13,910
ทุกคนอ่านได้รับอนุญาตใน
ไฟล์ที่เรียกว่า index.html

492
00:23:13,910 --> 00:23:18,040
>> และถ้าฉันอีกครั้งในขณะนี้ l ls รีบแจ้งให้ทราบล่วงหน้า
ที่มากกว่าที่นี่บางมากขึ้น

493
00:23:18,040 --> 00:23:19,160
ของ R ได้โผล่ขึ้นมา

494
00:23:19,160 --> 00:23:21,090
และสำหรับตอนนี้สเปคไป
มีรายละเอียดเพิ่มเติม

495
00:23:21,090 --> 00:23:24,450
สำหรับ P ชุดที่ 7 ที่เพียงแค่หมายความว่าทุกคน
ขณะนี้คุณสามารถอ่านไฟล์นี้

496
00:23:24,450 --> 00:23:27,790
ถ้าฉันกลับไปที่เบราว์เซอร์ของฉัน
ในขณะนี้และโหลด, voila

497
00:23:27,790 --> 00:23:28,750
สวัสดีชาวโลก

498
00:23:28,750 --> 00:23:32,260
>> และฉันยังสามารถเปิดเครื่องมือ Chrome ของฉัน
และดูเช่นเดียวกับ Google และ

499
00:23:32,260 --> 00:23:34,590
facebook ว่ามี HTML ของฉัน
การจัดรูปแบบเล็ก ๆ น้อย ๆ

500
00:23:34,590 --> 00:23:35,930
ที่แตกต่างกันและ colorized

501
00:23:35,930 --> 00:23:40,450
ถ้าฉันไปที่แท็บเครือข่ายและโหลด
หน้าแจ้งให้ทราบว่ามีการรับ

502
00:23:40,450 --> 00:23:42,900
ขอให้ Chrome จะส่ง
ไปยังเครื่องใช้ไฟฟ้า

503
00:23:42,900 --> 00:23:46,020
มี 2​​00 ที่
ไฟล์โดยเฉพาะ

504
00:23:46,020 --> 00:23:49,340
ดังนั้นในระยะสั้นนี้เป็นวิธีการทั้งหมดเหล่านี้
ชิ้นส่วนต่างๆจะมาร่วมกัน

505
00:23:49,340 --> 00:23:53,530
มันเกิดขึ้นเพียงเพื่อที่เว็บเซิร์ฟเวอร์
ที่เรากำลังใช้ตอนนี้ไม่ได้เป็นระยะไกล

506
00:23:53,530 --> 00:23:54,210
เช่น Facebook

507
00:23:54,210 --> 00:23:58,330
มันเป็นตัวอักษรบนคอมพิวเตอร์เครื่องเดียวกัน,
ซึ่งมีการตกลงอย่างสมบูรณ์แบบ

508
00:23:58,330 --> 00:24:00,590
>> ดังนั้นสิ่งที่มากกว่าที่เราสามารถทำได้ในหน้าเว็บหรือไม่

509
00:24:00,590 --> 00:24:03,110
ดีก็ให้สายลมผ่าน
คู่ของสิ่งเหล่านี้

510
00:24:03,110 --> 00:24:07,860
แต่ให้ฉันไปข้างหน้าและเปิดใหม่อีกครั้ง
Gedit ด้วย index.html

511
00:24:07,860 --> 00:24:13,980
และแจ้งให้เราไปข้างหน้าและกล่าวทักทาย CS50,
บันทึกแฟ้มนี้ให้กลับไปที่

512
00:24:13,980 --> 00:24:16,260
เบราว์เซอร์เปลี่ยนแปลงจริงๆ underwhelming

513
00:24:16,260 --> 00:24:19,130
>> แต่สิ่งที่ถ้าเราต้องการจริง
เชื่อมโยงไปยังสิ่งที่อยู่ตอนนี้

514
00:24:19,130 --> 00:24:23,480
ดังนั้นมันจึงกลับกลายเป็นว่าเราสามารถมี
การเชื่อมโยงใน HTML ที่เป็นเพียงป้าย

515
00:24:23,480 --> 00:24:24,140
ตัวเอง

516
00:24:24,140 --> 00:24:27,320
มันเกิดขึ้นที่จะเรียกว่า
แท็กสมอ href เท่ากับ

517
00:24:27,320 --> 00:24:33,190
https://www.cs50.net, www.cs50.net
อ้างปิดวงเล็บปิด

518
00:24:33,190 --> 00:24:35,230
และตอนนี้เรามาดูสิ่ง
อื่นมาต่อไป

519
00:24:35,230 --> 00:24:36,500
>> ผมเคยเปิดแท็ก

520
00:24:36,500 --> 00:24:38,990
ตอนนี้ผมต้องการที่จะให้มัน
วลีเช่น CS50

521
00:24:38,990 --> 00:24:40,600
ผมขอปิดแท็ก

522
00:24:40,600 --> 00:24:42,010
และสังเกตเห็นบางสิ่ง

523
00:24:42,010 --> 00:24:45,270
ถึงแม้ว่าจะมีสิ่งนี้เป็นความลับอะไร
ที่นี่ผมยังไม่ได้ซ้ำแล้วซ้ำอีกเมื่อคุณ

524
00:24:45,270 --> 00:24:46,010
ปิดแท็ก

525
00:24:46,010 --> 00:24:48,230
คุณเพียงแค่ปิดแท็ก
ที่มีชื่อเพียงอย่างเดียว

526
00:24:48,230 --> 00:24:50,940
และนี่คือสิ่งที่เรียกว่า
แอตทริบิวต์ที่มีค่า

527
00:24:50,940 --> 00:24:56,070
คุณสมบัติเพียงแค่การปรับเปลี่ยนพฤติกรรม
จากภายในแท็กบางส่วนของหน้า

528
00:24:56,070 --> 00:24:59,150
>> ดังนั้นนี้จะระบุว่ามากเกินไป
อ้างอิงวิธีที่จินตนาการของบอกว่า

529
00:24:59,150 --> 00:25:03,660
URL สำหรับสมอนี้สำหรับเรื่องนี้
การเชื่อมโยงควรจะ CS50.net

530
00:25:03,660 --> 00:25:07,440
และข้อความที่เราต้องการแสดง
ผู้ใช้ไม่ได้เป็นว่า URL ดิบ แต่

531
00:25:07,440 --> 00:25:08,730
CS50 คำ

532
00:25:08,730 --> 00:25:13,710
>> ดังนั้นถ้าตอนนี้ผมโหลดให้ฉันขยายสำหรับ
ความคมชัดให้ฉันโหลดหน้า,

533
00:25:13,710 --> 00:25:16,460
สังเกตเห็นว่าเรามีนี้โรงเรียนเก่า
ขีดเส้นใต้สีน้ำเงินลิงค์

534
00:25:16,460 --> 00:25:20,000
และถ้าฉันเลื่อนเมาส์ไปที่มันและมันจะ
จะยากที่จะเห็นในด้านล่างซ้าย

535
00:25:20,000 --> 00:25:23,690
มุมมือของหน้าจอแจ้งให้ทราบ
ที่มันบอกว่า URL ที่

536
00:25:23,690 --> 00:25:24,430
ฉันจะไป

537
00:25:24,430 --> 00:25:27,940
และถ้าฉันคลิกที่นั่น voila,
ตอนนี้ฉันกำลังทำหน้าเว็บ

538
00:25:27,940 --> 00:25:30,140
และเราได้นำตัวเอง
ที่หน้าบ้าน

539
00:25:30,140 --> 00:25:32,670
>> แต่สังเกตเห็นสิ่งศักยภาพ
นี้ให้เรา

540
00:25:32,670 --> 00:25:34,890
การรักษาความปลอดภัยเป็นอย่างมาก
ในสมัย​​วันนี้

541
00:25:34,890 --> 00:25:41,210
ถ้าฉันแทนพูดอะไรเช่น
นี้และฉันแทนไปพูดให้

542
00:25:41,210 --> 00:25:42,460
เห็น fakeCS50.net

543
00:25:42,460 --> 00:25:44,660

544
00:25:44,660 --> 00:25:46,360
โหลดหน้านี้

545
00:25:46,360 --> 00:25:50,180
>> OK เพื่อแจ้งให้ทราบว่ายังดูเหมือนว่าฉัน
ไป CS50 เว้นแต่ตาชาญฉลาด

546
00:25:50,180 --> 00:25:51,560
จะสังเกตเห็นฉันจะปลอม CS50

547
00:25:51,560 --> 00:25:54,550
ฉันคาดเดาโดเมนนี้ไม่ได้ถ่าย

548
00:25:54,550 --> 00:25:55,960
ตกลงดังนั้นจึงไม่สามารถใช้ได้

549
00:25:55,960 --> 00:25:56,600
เพื่อที่ว่าดี

550
00:25:56,600 --> 00:25:57,900
ไม่มีใครจริงมีโดเมนที่

551
00:25:57,900 --> 00:26:00,380
>> แต่เราอยากให้เล็ก ๆ น้อย ๆ ที่เป็นอันตราย
เนื่องจากว่าเป็นชนิดของโง่

552
00:26:00,380 --> 00:26:02,240
เกิดอะไรขึ้นถ้าเราเปลี่ยนนี้เพื่อ Paypal

553
00:26:02,240 --> 00:26:09,960
และสิ่งที่ถ้าเราเรียกสิ่งนี้เช่น
www.paypal.badguy.com,

554
00:26:09,960 --> 00:26:12,070
สิ่งที่โดเมนคือ

555
00:26:12,070 --> 00:26:13,700
ที่อาจมีอยู่

556
00:26:13,700 --> 00:26:16,260
ดังนั้นตอนนี้ให้ฉันโหลดหน้าเว็บใหม่

557
00:26:16,260 --> 00:26:22,890
และที่นี่เรามีการเรียงลำดับของฟิชชิ่ง
โจมตี P-H-I-S-H-I-N-G ซึ่งเป็น

558
00:26:22,890 --> 00:26:26,760
คำโง่ที่กำหนดสำหรับการโจมตีว่า
พยายามที่จะข้อมูลปลาหรือดีกว่า

559
00:26:26,760 --> 00:26:30,450
แต่เงินออกจากคนโดยหลอกล่อ
พวกเขาเข้าไปในการให้ข้อมูลว่า

560
00:26:30,450 --> 00:26:31,990
พวกเขาอาจจะไม่เป็นอย่างอื่นทำ

561
00:26:31,990 --> 00:26:33,500
นี้ดูเหมือน Legit ทั้งหมดใช่มั้ย?

562
00:26:33,500 --> 00:26:34,930
ฉันจะต้องมีการเชื่อมโยงที่นี่เพื่อ Paypal.com

563
00:26:34,930 --> 00:26:37,700

564
00:26:37,700 --> 00:26:40,430
ในความเป็นธรรมถ้าฉันบ้าเซ็กส์มันขึ้นกับบางคน
กราฟิกที่เราสามารถทำให้มันดู

565
00:26:40,430 --> 00:26:41,310
มากขึ้นเช่น PayPal

566
00:26:41,310 --> 00:26:41,510
ใช่ไหม?

567
00:26:41,510 --> 00:26:43,815
เพราะมันเป็นกัน
ฉันจะไปที่ Paypal.com

568
00:26:43,815 --> 00:26:47,110
และเราได้เห็นเพียงวิธีที่ฉันสามารถ
ดูทั้งหมดของ HTM​​L ของพวกเขา

569
00:26:47,110 --> 00:26:50,560
ฉันสามารถคัดลอกและสร้าง
ความงามของ Paypal แทนที่จะไป

570
00:26:50,560 --> 00:26:51,490
โรงเรียนเก่าที่นี่

571
00:26:51,490 --> 00:26:55,010
แต่สังเกตเห็นแน่นอนและมันก็เล็ก ๆ น้อย ๆ
ขนาดเล็กยังคงมีเพียงในด้านล่าง

572
00:26:55,010 --> 00:26:59,190
มุมซ้ายมือในเช่น 10 จุด
ตัวอักษรที่คุณเห็นในสิ่งที่คุณพิมพ์ URL

573
00:26:59,190 --> 00:27:01,310
จริงที่เกิดขึ้นจะนำไปสู่​​การ

574
00:27:01,310 --> 00:27:06,580
>> และดังนั้นถ้าคุณเคยได้บอกว่าสแปม
ไปข้างหน้าและคุณบัญชี

575
00:27:06,580 --> 00:27:07,420
ได้รับการโจมตี

576
00:27:07,420 --> 00:27:10,615
กรุณาคลิกที่ลิงค์นี้และแจ้งให้เราทราบ
รหัสผ่านของคุณเพื่อให้เราสามารถให้แน่ใจว่าคุณกำลัง

577
00:27:10,615 --> 00:27:13,010
คุณไม่เคยทำอย่างนั้น

578
00:27:13,010 --> 00:27:14,180
สิ่งเหล่านี้ควรจะไปโดยไม่บอก

579
00:27:14,180 --> 00:27:17,670
แต่มันก็สนุกอย่างน่าพิศวงและ
ที่น่าเศร้าว่าทุกปีนี้ดูเหมือนว่าจะ

580
00:27:17,670 --> 00:27:19,660
เกิดขึ้นกับบางคนที่ไม่ใช่ศูนย์
ผู้คนจำนวนมาก

581
00:27:19,660 --> 00:27:21,400
>> และนั่นคือความงาม
ของการโจมตีฟิชชิ่ง

582
00:27:21,400 --> 00:27:23,160
คุณสามารถส่งออกล้านอีเมล

583
00:27:23,160 --> 00:27:27,720
และแม้ว่า 0.01% จากคนจริง
คลิกที่ Paypal และให้คุณของคุณ

584
00:27:27,720 --> 00:27:31,040
รหัสผ่านที่ยังคงเป็นจำนวนที่ไม่ใช่ศูนย์
ของคนที่ได้เพียงแค่ให้

585
00:27:31,040 --> 00:27:32,200
คุณเงินของพวกเขา

586
00:27:32,200 --> 00:27:36,170
และการส่งอีเมล์ของหลักสูตรที่ค่อนข้าง
ที่ง่ายและยิ่งฟรี

587
00:27:36,170 --> 00:27:36,970
วันนี้

588
00:27:36,970 --> 00:27:40,410
>> ดังนั้นเรื่องยาวสั้นน่าพิศวง
ความคิดที่สวยงามใช่มั้ย?

589
00:27:40,410 --> 00:27:44,620
ปีที่ผ่านมานี้เป็นที่เก่าแก่ที่สุด
เว็บที่ทำให้เว็บของ

590
00:27:44,620 --> 00:27:46,330
เชื่อมโยงหลายมิติในหมู่ทรัพยากร

591
00:27:46,330 --> 00:27:49,520
แต่อย่างรวดเร็วก็อาจจะ
ใช้เพื่อวัตถุประสงค์ที่ไม่ดี

592
00:27:49,520 --> 00:27:54,100
และอีเมล์, พอเพียงที่จะพูดเหล่านี้
วันที่มีการฝังตัว HTML ภายใน

593
00:27:54,100 --> 00:27:55,410
>> ดีให้ฉันเพียงแค่สิ่งหนึ่งที่อื่น ๆ

594
00:27:55,410 --> 00:27:58,640
และเราจะเลื่อนไปยังส่วนใหญ่ใน
ปัญหาตั้งเจ็ดเพื่อให้คุณสามารถ

595
00:27:58,640 --> 00:28:00,000
สำรวจรายการ

596
00:28:00,000 --> 00:28:01,990
แต่ให้ฉันไปข้างหน้าและ
ทำในสิ่งที่ไม่กี่ที่นี่

597
00:28:01,990 --> 00:28:04,840
ฉันจะไปในและประกาศ
สิ่งที่เรียกว่า div หรือ

598
00:28:04,840 --> 00:28:06,080
ส่วนของหน้า

599
00:28:06,080 --> 00:28:07,770
ผมขอปิดแท็ก div ที่

600
00:28:07,770 --> 00:28:11,460
>> และฉันจะพูดขึ้น
ที่นี่ด้านบนของหน้า

601
00:28:11,460 --> 00:28:14,940
แล้วด้านล่างนี้ฉันจะทำ
บางอย่างเช่น div อื่นปิดนี้

602
00:28:14,940 --> 00:28:17,800
แท็กและด้านล่างของหน้าทำ

603
00:28:17,800 --> 00:28:18,840
และให้บันทึกไว้

604
00:28:18,840 --> 00:28:21,040
>> ดังนั้นตอนนี้ให้กลับไปที่ไฟล์ของฉัน

605
00:28:21,040 --> 00:28:22,120
มาก underwhelming

606
00:28:22,120 --> 00:28:25,520
แต่สิ่งที่ส่วนที่ใช้สำหรับ,
ภายใต้ฝากระโปรงเป็นก็จริง

607
00:28:25,520 --> 00:28:26,920
องค์ประกอบโครงสร้างดี

608
00:28:26,920 --> 00:28:30,300
แต่ไม่ได้มีความงามใด ๆ เท่าที่
เราสามารถมองเห็นอื่น ๆ กว่าเห็นได้ชัด,

609
00:28:30,300 --> 00:28:31,890
วางสิ่งบนเส้นใหม่

610
00:28:31,890 --> 00:28:36,290
>> แต่แจ้งให้ทราบล่วงหน้าเช่นกันเพียงแค่กดปุ่ม
ใส่ไม่ตัดมันในรูปแบบ HTML เช่นนั้น

611
00:28:36,290 --> 00:28:39,840
ไม่ใน C. คุณอาจจะคิดว่านั่นคือ
จะใส่ช่องว่างขนาดใหญ่ระหว่างดี

612
00:28:39,840 --> 00:28:41,300
ด้านบนและด้านล่างของหน้า

613
00:28:41,300 --> 00:28:43,420
แต่มันก็ไม่สนใจ

614
00:28:43,420 --> 00:28:48,040
พื้นที่สีขาวจะถูกละเว้นเป็นหลักใน
หน้าเว็บอื่น ๆ กว่าครั้งแรกมาก

615
00:28:48,040 --> 00:28:51,530
ตัวละครแถบพื้นที่หรือกลับสายการบิน,
ที่คุณกดปุ่มบนแป้นพิมพ์

616
00:28:51,530 --> 00:28:55,370
ถ้าคุณต้องการขึ้นบรรทัดคุณ
ต้องระบุด้วยตัวคุณเอง

617
00:28:55,370 --> 00:28:59,080
>> ดังนั้นฉันจะทำบางสิ่ง
ที่นี่เพื่อแสดงสิ่งที่เกิดขึ้น

618
00:28:59,080 --> 00:29:02,700
ฉันจะเพิ่มคุณลักษณะที่
ที่มีอยู่และอีกครั้งในแบบที่คุณเรียนรู้

619
00:29:02,700 --> 00:29:07,110
แอตทริบิวต์ที่มีอยู่สิ่งที่แท็กอยู่
จริงๆอ้างอิงออนไลน์

620
00:29:07,110 --> 00:29:09,750
HTML ที่เป็นประเภทของภาษา - มัน
ไม่ได้เขียนโปรแกรมภาษา

621
00:29:09,750 --> 00:29:12,460
มันเป็นภาษามาร์กอัป - ว่าหลังจากที่
ครึ่งชั่วโมงดีบางทีชั่วโมง

622
00:29:12,460 --> 00:29:15,930
มันแน่นอนคุณจะเข้าใจมากที่สุด
แนวโน้มความคิดพื้นฐาน

623
00:29:15,930 --> 00:29:20,350
แล้วค้นหาของ Google ที่อยู่ห่างออกไปทั้งหมด
แท็กไปได้ว่าคุณอาจจะมี

624
00:29:20,350 --> 00:29:21,170
สนใจ

625
00:29:21,170 --> 00:29:24,290
และต่อข้อมูลจำเพาะที่ค่อนข้าง
ยินดีต้อนรับและเป็นกำลังใจให้ที่นี่

626
00:29:24,290 --> 00:29:26,120
>> ดังนั้นตอนนี้ให้ฉันไปข้างหน้าและ
ทำอะไรเช่นนี้

627
00:29:26,120 --> 00:29:28,690
background-color

628
00:29:28,690 --> 00:29:32,060
และตอนนี้ฉันกำลังจะไปทำอะไรบางอย่าง
เช่นสีแดง, สีอัฒภาค

629
00:29:32,060 --> 00:29:33,970
และคุณสามารถทำเช่นนี้ใน
วิธีการที่แตกต่างกันไม่กี่

630
00:29:33,970 --> 00:29:36,770
ฉันก็เป็นเพียงชนิดของการพิมพ์เป็นซุปเปอร์
อย่างชัดเจนที่สุดเท่าที่ทำได้

631
00:29:36,770 --> 00:29:41,960
>> แต่ปรากฎว่าค่านี้ที่นี่คือ
สิ่งที่เรียกว่า CSS, Cascading สไตล์

632
00:29:41,960 --> 00:29:43,700
แผ่นซึ่งเป็นอีกหนึ่ง
ภาษาทั้งหมด

633
00:29:43,700 --> 00:29:46,770
วินาทีมีอะไรจะทำอย่างไรกับ
แท็กเปิดและแท็กปิด

634
00:29:46,770 --> 00:29:48,230
แต่ก็มีจะทำอย่างไรกับคุณสมบัติ

635
00:29:48,230 --> 00:29:52,660
>> และคุณสมบัติที่มีค่าคีย์เพียง
คู่ซึ่งก็หมายความว่าคำบาง

636
00:29:52,660 --> 00:29:54,680
ลำไส้ใหญ่แล้วบางส่วนคำอื่น ๆ

637
00:29:54,680 --> 00:29:57,940
และถ้าคุณมีหลายคนหรือเพียงแค่
ที่นี่คุณสามารถจบด้วย

638
00:29:57,940 --> 00:29:59,390
อัฒภาคเพียงเพื่อความชัดเจน

639
00:29:59,390 --> 00:30:01,370
แต่ที่มากเกินไปจะทำงานที่นี่

640
00:30:01,370 --> 00:30:02,500
>> ตอนนี้เป็นสิ่งที่จะทำอย่างไร

641
00:30:02,500 --> 00:30:03,610
คุณอาจจะสามารถคาดเดา

642
00:30:03,610 --> 00:30:05,930
ให้ฉันไปข้างหน้าและโหลดหน้านี้

643
00:30:05,930 --> 00:30:07,300
และตอนนี้ก็มาพร้อมจริงๆ

644
00:30:07,300 --> 00:30:09,150
ดังนั้นด้านบนของหน้าของฉันเป็นสีแดง

645
00:30:09,150 --> 00:30:12,380
แต่สิ่งที่สำคัญที่นี่เป็นที่ที่ผมกล่าวถึง
ก่อนหน้านี้ div ที่ช่วยให้คุณ

646
00:30:12,380 --> 00:30:13,220
ส่วนของหน้า

647
00:30:13,220 --> 00:30:14,410
และที่จริงสิ่งที่มันไม่

648
00:30:14,410 --> 00:30:17,920
มันเป็นหลักแบ่งเป็นหน้า
สี่เหลี่ยมผืนผ้าที่คุณสามารถแล้ว

649
00:30:17,920 --> 00:30:18,720
จัดการ

650
00:30:18,720 --> 00:30:22,330
>> และความคิดของรูปสี่เหลี่ยมนี้เป็นชนิดของ
ที่น่าสนใจในการที่ถ้าคุณคิดว่า

651
00:30:22,330 --> 00:30:26,410
มากที่สุดเว็บไซต์ใด ๆ อาจมี
โครงสร้างมันบาง

652
00:30:26,410 --> 00:30:29,620
ส่วนใหญ่ของคุณอาจไม่ค่อยเห็น
หน้าแรกของ Facebook หากคุณกำลังเข้า

653
00:30:29,620 --> 00:30:30,440
ในทุกเวลา

654
00:30:30,440 --> 00:30:33,920
>> แต่ในหน้าแรกของ Facebook, มี
บางชนิด div ด้านบน

655
00:30:33,920 --> 00:30:36,140
และมันอาจจะไม่ง่ายเหมือน
เป็นหนึ่ง div แต่มี

656
00:30:36,140 --> 00:30:37,560
ภูมิภาคสี่เหลี่ยมมี

657
00:30:37,560 --> 00:30:40,290
ส่วนที่เหลือของหน้าเป็นเหมือน
div ใหญ่เหมือน

658
00:30:40,290 --> 00:30:41,910
ภูมิภาคเป็นรูปสี่เหลี่ยมผืนผ้าขนาดใหญ่

659
00:30:41,910 --> 00:30:44,540
ดังนั้นเรื่องยาวสั้นเพียงแค่มี
เหล่านี้การก่อสร้างตึกเล็ก ๆ น้อย ๆ

660
00:30:44,540 --> 00:30:49,250
ความสามารถในการจำลองสิ่งที่เป็นสี่เหลี่ยม
ไม่ว่าจะกว้างหรือแคบคุณยังสามารถ

661
00:30:49,250 --> 00:30:53,680
ทำให้คอลัมน์ที่อาจช่วยให้คุณสามารถ
ออกวางหน้าจริงๆ แต่คุณ

662
00:30:53,680 --> 00:30:54,100
ต้องการ

663
00:30:54,100 --> 00:30:56,170
เรากำลังจริงๆเพียงแค่รอยขีดข่วน
พื้นผิวที่นี่

664
00:30:56,170 --> 00:30:59,820
>> อันที่จริงถ้าผมทำอย่างหนึ่งอย่างใดอย่างหนึ่งอื่น ๆ
ให้ฉันไปข้างหน้าและทำสไตล์

665
00:30:59,820 --> 00:31:05,410
background-color เราจะทำอะไรบางอย่าง
เช่นสีฟ้าคำพูดที่ใกล้ชิด

666
00:31:05,410 --> 00:31:06,620
ลองโหลดนี้

667
00:31:06,620 --> 00:31:08,260
ดังนั้นตอนนี้มันได้รับความไม่สวยงามเท่า

668
00:31:08,260 --> 00:31:11,520
แต่ตอนนี้ฉันชนิดของสามารถแสดง
P ฉันตั้งห้าทักษะขวา?

669
00:31:11,520 --> 00:31:12,690
สีแดง

670
00:31:12,690 --> 00:31:15,640
มันทำให้ฉันนึกถึง RGB, สีแดง
อเนกประสงค์ฟ้าเขียว

671
00:31:15,640 --> 00:31:19,330
ดีก็จะเปิดออกในการเขียนโปรแกรมเว็บ
หรือการออกแบบเว็บซึ่งเป็นนี้เราได้

672
00:31:19,330 --> 00:31:21,650
โปรแกรมไม่ได้สิ่งใด
ต่อ se คุณสามารถจริง

673
00:31:21,650 --> 00:31:22,880
มีรหัสเลขฐานสิบหก

674
00:31:22,880 --> 00:31:26,480
บางสิ่งบางอย่างบางสิ่งบางอย่างดังนั้นบางสิ่งบางอย่าง
บางสิ่งบางอย่างบางสิ่งบางอย่างบางสิ่งบางอย่าง

675
00:31:26,480 --> 00:31:30,650
ดังนั้นคุณจึงสามารถมีหกสิบหก
ตัวอักษรหรือสามในบางกรณี,

676
00:31:30,650 --> 00:31:33,480
และแต่ละของบรรดาเครื่องหมายคำถาม
จะต้องมีหลักเลขฐานสิบหก

677
00:31:33,480 --> 00:31:34,985
ศูนย์ f ที่ถึง

678
00:31:34,985 --> 00:31:41,000
>> ถ้าผมต้องการที่จะมีจำนวนมากของสีแดงและ
สีเขียวและไม่มีสีฟ้า, สีอะไร

679
00:31:41,000 --> 00:31:43,740
ตรงข้ามของศูนย์เมื่อใช้ฐานสิบหก?

680
00:31:43,740 --> 00:31:44,480
มันเป็น F

681
00:31:44,480 --> 00:31:51,130
ดังนั้นผมจึงสามารถทำ ff, ศูนย์ศูนย์ศูนย์ศูนย์
บันทึกนี้และตอนนี้ลงมาที่นี่

682
00:31:51,130 --> 00:31:52,700
และฉันไม่จริงเห็นการเปลี่ยนแปลง

683
00:31:52,700 --> 00:31:56,230
อ้างไม่ได้นำมาอ้างว่า "สีแดง" เห็นได้ชัดคือ
ความหมายเหมือนกันสำหรับสีแดง,

684
00:31:56,230 --> 00:31:57,610
สีเขียว, สีฟ้าไม่

685
00:31:57,610 --> 00:31:59,960
ในขณะเดียวกันเราจงใจเปลี่ยน
อันนี้จะเป็นสิ่งที่

686
00:31:59,960 --> 00:32:01,210
สุ่มเช่น ABCDF

687
00:32:01,210 --> 00:32:03,790

688
00:32:03,790 --> 00:32:05,860
>> เรามาดูสิ่งที่เป็น

689
00:32:05,860 --> 00:32:08,530
มันเป็นสีฟ้าดีจริงๆ
จริงสีฟ้าอ่อน

690
00:32:08,530 --> 00:32:11,820
ขวาทั้งหมดดังนั้นเหล่านี้เป็นเพียงตอนนี้
รวมสุ่มค่อนข้าง

691
00:32:11,820 --> 00:32:12,210
อักขระ

692
00:32:12,210 --> 00:32:13,410
ดังนั้นเราจะไม่ได้รับจมลงในที่นี่

693
00:32:13,410 --> 00:32:15,930
แต่อีกครั้งนี้พูดถึงความแม่นยำ
ที่คุณสามารถเริ่มต้น

694
00:32:15,930 --> 00:32:19,090
ใช้ - แม้ว่าคุณกำลังจมมาก
โดยสุนทรียศาสตร์

695
00:32:19,090 --> 00:32:21,750
ในความเป็นจริงถ้าคุณต้องการที่จะเป็น
สร้างความประทับใจให้ฉันไปข้างหน้าและการเปลี่ยนแปลง

696
00:32:21,750 --> 00:32:23,500
ขนาดตัวอักษรตัวอย่างเช่น

697
00:32:23,500 --> 00:32:25,960
และสังเกตเห็นอัฒภาคซึ่ง
เป็นสิ่งที่จำเป็นมี

698
00:32:25,960 --> 00:32:29,570
>> ขนาดตัวอักษรเราสามารถเป็นเพียงแค่ไร้สาระ
ที่นี่, 96 จุด

699
00:32:29,570 --> 00:32:31,280
บันทึกว่า

700
00:32:31,280 --> 00:32:33,670
ว้าวที่ขนาดตัวอักษรใหญ่

701
00:32:33,670 --> 00:32:35,490
ขวาทั้งหมดดังนั้นจึงเป็นเรื่องง่ายมาก

702
00:32:35,490 --> 00:32:38,260
และที่จริงคุณจะเห็นเป็นหลัก
หน้าเว็บแรกที่ผมทำ

703
00:32:38,260 --> 00:32:40,060
ปีที่ผ่านมาเมื่อฉันแรก
ได้เรียนรู้สิ่งนี้

704
00:32:40,060 --> 00:32:42,190
มันเป็นเรื่องง่ายมากที่จะทำให้มาก
สิ่งที่น่าเกลียดอย่างรวดเร็ว

705
00:32:42,190 --> 00:32:46,115
>> และถ้าคุณคุ้นเคยกับ Wayback
เครื่อง archive.org คุณ

706
00:32:46,115 --> 00:32:48,210
สามารถหาทั้งหมดของฉันน่าเกลียด
หน้าเว็บปริญญาตรี

707
00:32:48,210 --> 00:32:50,090
มีใคร Kermit กบที่อยู่ด้านหน้า

708
00:32:50,090 --> 00:32:53,150
ฉันก็ผ่านขั้นตอนที่ฉันคิดว่า
มันเย็นที่จะใช้พื้นหลังของ

709
00:32:53,150 --> 00:32:56,320
ผ้าม่านสีแดงเมื่อผมได้เรียนรู้วิธีการที่คุณ
สามารถภาพกระเบื้องอีกครั้งและอีกครั้งและ

710
00:32:56,320 --> 00:32:59,540
อีกครั้งเพื่อเติมหน้าด้วย
ผ้าม่านสีแดงขนาดใหญ่ไม่มีรสนิยมที่ดี

711
00:32:59,540 --> 00:33:03,120
แล้วบนนี้เป็นไอคอน
ที่คุณต้องคลิกเข้าไปในบ้านของฉัน

712
00:33:03,120 --> 00:33:04,960
หน้าเพราะนั่นคือ
มากในสมัย

713
00:33:04,960 --> 00:33:08,870
>> แล้วโปรแกรมแรกที่ฉันเคยเขียน
ไม่ได้อยู่ใน PHP แต่ในภาษา

714
00:33:08,870 --> 00:33:12,260
ที่เรียกว่าเพิร์ล, เขียนหนังสือของผู้เข้าพักที่
เป็นสิ่งที่เย็นจริงๆว่า

715
00:33:12,260 --> 00:33:14,250
ผู้คนจำนวนมากคาดหวังให้คุณ
จะมีในหน้าแรก

716
00:33:14,250 --> 00:33:17,510
เมื่อคุณได้รับไปยังหน้าเว็บที่พวกเขาต้องการ
ลงชื่อเข้าใช้และบอกว่าคุณเป็นใคร

717
00:33:17,510 --> 00:33:18,720
และเหตุผลที่คุณกำลังมี

718
00:33:18,720 --> 00:33:21,320
นี้เป็นอย่างมากปี 1990 การออกแบบเว็บสไตล์

719
00:33:21,320 --> 00:33:24,130
>> แต่วันนี้แน่นอนเราได้
มาไกลมาก

720
00:33:24,130 --> 00:33:27,560
และคุณจะเห็นในส่วนและแม้กระทั่ง
ในปัญหาที่กำหนดเจ็ดโดย

721
00:33:27,560 --> 00:33:31,570
ใช้ประโยชน์จากห้องสมุดวันนี้
มันง่ายมากที่จะทำให้

722
00:33:31,570 --> 00:33:33,400
สิ่งที่สวยได้อย่างรวดเร็ว

723
00:33:33,400 --> 00:33:36,550
จริงๆที่นี่เราเพียงแค่รอยขีดข่วน
พื้นผิวของสิ่งที่คุณสามารถทำได้

724
00:33:36,550 --> 00:33:37,400
stylistically

725
00:33:37,400 --> 00:33:41,660
>> และในความเป็นจริงแล้วให้ผมเน้น
ว่าเรื่องนี้มีอยู่แล้วได้รับน่าเกลียดไม่ได้

726
00:33:41,660 --> 00:33:46,030
เพียงแค่สกอร์ แต่ในแง่
ของรูปแบบของรหัสของฉันหรือ

727
00:33:46,030 --> 00:33:47,260
การออกแบบของรหัสของฉัน

728
00:33:47,260 --> 00:33:52,350
ฉันได้เซ็งแซ่ปัจจุบัน HTML ซึ่ง
แท็กเปิดจะมีสีเขียวด้วย

729
00:33:52,350 --> 00:33:55,160
CSS คุณสมบัติซึ่ง
มีทั้งหมด legit

730
00:33:55,160 --> 00:33:57,200
นี้เป็นจริงที่ภาษา
มีต้นกำเนิดของมัน

731
00:33:57,200 --> 00:34:01,030
>> แต่ในความสนใจของการออกแบบที่สะอาด,
เหมือนเราเริ่มต้นสิ่งที่แฟ

732
00:34:01,030 --> 00:34:05,370
ออกจากไฟล์ C เป็น. ไฟล์ชั่วโมงให้
ฉันจริงชนิดของการปฏิบัติที่

733
00:34:05,370 --> 00:34:07,990
หลักการและเริ่มต้นทำ
นี้แทน

734
00:34:07,990 --> 00:34:13,280
ให้ฉันใส่แท็กสไตล์ขึ้นที่นี่ซึ่ง
ยังมีอยู่ในรูปแบบ HTML, และแจ้งให้เรา

735
00:34:13,280 --> 00:34:15,330
ระบุดังต่อไปนี้

736
00:34:15,330 --> 00:34:16,360
ผมขอลบรายการนี​​้

737
00:34:16,360 --> 00:34:18,110
สีพื้นหลังจะเป็นสีแดง

738
00:34:18,110 --> 00:34:19,800
ฉันจะลบรายการนี​​้อย่างสิ้นเชิง

739
00:34:19,800 --> 00:34:22,580
ฉันจะได้รับการกำจัดของสไตล์
แอตทริบิวต์และฉันจะไม่ซ้ำกัน

740
00:34:22,580 --> 00:34:24,620
ระบุ div นี้ด้วยคำว่า -

741
00:34:24,620 --> 00:34:28,750
โดยพลการ แต่มีเหตุผลอ้าง
ไม่ได้นำมาอ้าง "ด้านบน." และบัตรประจำตัวเป็นพิเศษ

742
00:34:28,750 --> 00:34:32,530
แอตทริบิวต์ที่ไม่ซ้ำกันกำหนด
องค์ประกอบ HTML บาง

743
00:34:32,530 --> 00:34:33,850
ที่มีรหัสว่า

744
00:34:33,850 --> 00:34:37,969
>> ถ้าผมต้องการสุกใสขึ้นที่นี่ใน
หัวในหน้าของฉัน, ภายในของ

745
00:34:37,969 --> 00:34:41,730
แท็กสไตล์สังเกตเห็นว่า
ฉันจะทำบนกัญชา

746
00:34:41,730 --> 00:34:45,300
แล้วผมจะสามารถนำคู่ของหยิก
วงเล็บที่ชวนให้นึกถึงของ C แล้วให้

747
00:34:45,300 --> 00:34:47,130
ฉันวางใน stylization ว่า

748
00:34:47,130 --> 00:34:49,929
และแจ้งให้เราไปข้างหน้าคาดว่าจะอยู่ที่นี่และ
ที่ฉันจะมีนี้

749
00:34:49,929 --> 00:34:53,380
ให้ฉันยังสร้างหนึ่ง
สำหรับ div ด้านล่าง

750
00:34:53,380 --> 00:34:58,010
ผมขอคว้ารหัสนี้น่าเกลียดจากลง
ที่นี่วางไว้ในที่นี่และฉันจะ

751
00:34:58,010 --> 00:35:00,770
เล็ก ๆ น้อย ๆ ทางทวารหนั​​กในขณะนี้และสุกใส
โดยเพียงแค่ใส่สิ่งที่พวกเขาเอง

752
00:35:00,770 --> 00:35:02,540
บรรทัดที่ลงท้ายด้วยเครื่องหมายอัฒภาค

753
00:35:02,540 --> 00:35:04,430
ให้ฉันได้รับการกำจัดของแท็กสไตล์

754
00:35:04,430 --> 00:35:05,320
>> แต่ฉันยังไม่ได้ทำ

755
00:35:05,320 --> 00:35:07,406
ฉันต้องทำสิ่งหนึ่งที่อื่น ๆ

756
00:35:07,406 --> 00:35:10,070
อ้าง ID เท่ากับอ้างไม่ได้นำมาอ้าง, "ก้น"
หรืออะไรก็ตาม id ที่ฉันต้องการ

757
00:35:10,070 --> 00:35:11,740
ให้องค์ประกอบที่

758
00:35:11,740 --> 00:35:13,420
ตอนนี้ให้ฉันกลับไปกว่าที่นี่

759
00:35:13,420 --> 00:35:14,360
และนี่คือเลวร้าย

760
00:35:14,360 --> 00:35:15,805
ฉันไม่สามารถจัดการกับ 96 จุด

761
00:35:15,805 --> 00:35:16,960
ขอทำ 24 จุด

762
00:35:16,960 --> 00:35:18,320
หรือคุณอาจจะแม่นยำมากขึ้น

763
00:35:18,320 --> 00:35:21,800
จริงๆคุณสามารถใช้พิกเซล, px ดังนั้น
ที่คุณจริงๆได้รับเมล็ดปลีกย่อย

764
00:35:21,800 --> 00:35:23,220
ควบคุมหน้าของคุณ

765
00:35:23,220 --> 00:35:26,860
>> เช่นกันที่ไม่จำเป็นต้อง
สิ่งที่ดีที่สุดถ้ามีผู้ใช้สำหรับ

766
00:35:26,860 --> 00:35:29,650
เหตุผลการเข้าถึงต้องการ
จะสามารถเพิ่มขนาด

767
00:35:29,650 --> 00:35:32,650
ดังนั้นทราบว่ามีวิธีการทำ
สิ่งที่ไม่จำเป็น

768
00:35:32,650 --> 00:35:34,230
ทุกอย่างยากรหัส

769
00:35:34,230 --> 00:35:37,220
>> ขวาทั้งหมดดังนั้นจึงใหญ่กว่า 24 จุด,
กว่าสิ่งที่เริ่มต้นคือ

770
00:35:37,220 --> 00:35:38,630
แต่ตอนนี้มันทำความสะอาดเพียงเล็กน้อย

771
00:35:38,630 --> 00:35:40,230
และแจ้งให้เราใช้เวลานี้อีกขั้นหนึ่ง

772
00:35:40,230 --> 00:35:47,220
เช่นเดียวกับความคิดของไฟล์ส่วนหัว,
สังเกตเห็นเราเป็นหนึ่งในขั้นตอนที่ใกล้ชิดกับ

773
00:35:47,220 --> 00:35:52,000
ฉันมีออกมาเอาเรื่อง แต่ยังเหลืออยู่,
ด้านในของหน้าเหล่านั้น CSS กฎของฉัน

774
00:35:52,000 --> 00:35:56,200
ทำไมฉันอาจต้องการที่จะใช้เวลานี้ในขั้นตอนเดียว
ต่อไปนี้ลบออกไปโดยสิ้นเชิงและ

775
00:35:56,200 --> 00:35:59,860
วางไว้ในแฟ้มแยกต่างหาก?

776
00:35:59,860 --> 00:36:01,070
>> ดังนั้นผมจึงสามารถนำมาใช้มันใช่มั้ย?

777
00:36:01,070 --> 00:36:03,155
นี่เป็นเพียงชนิดของสัญชาตญาณ
ตอนนี้

778
00:36:03,155 --> 00:36:06,340
ก่อนที่ผมอ้างว่ามันเป็นเพียงแค่
ได้รับน่าเกลียดที่มีสไตล์

779
00:36:06,340 --> 00:36:08,480
คุณสมบัติภายในของ
divs ตัวเอง

780
00:36:08,480 --> 00:36:09,750
แต่แค่คิดว่าผ่าน

781
00:36:09,750 --> 00:36:13,560
เป็นหน้าของคุณได้รับอีกต่อไปและอีกต่อไปถ้า
คุณใส่ที่นี่และที่นี่และ

782
00:36:13,560 --> 00:36:18,350
ที่นี่และที่นี่ทุกคนที่แตกต่างกันเหล่านี้
สีและขนาดตัวอักษรและอื่น ๆ เช่น

783
00:36:18,350 --> 00:36:22,550
คุณลักษณะหน้าของคุณเป็นอย่างมากได้อย่างรวดเร็ว
จะกลายเป็นไม่สามารถจัดการได้สำหรับคุณ

784
00:36:22,550 --> 00:36:24,570
>> ถ้ามีคนมาขึ้นอยู่กับคุณและ
พูดว่าโอ้คุณรู้ว่าสิ่งที่?

785
00:36:24,570 --> 00:36:28,070
ฉันจริงๆต้องการที่จะเปลี่ยนขนาดตัวอักษร
สองจุดเพิ่มเติมคุณ

786
00:36:28,070 --> 00:36:31,275
อาจจะต้องไปหาและแทนที่
จำนวนมากของบรรทัดของรหัส

787
00:36:31,275 --> 00:36:35,170
มันเป็นเรื่องที่น่าสนใจมากขึ้นเพื่อรวบรวม
ทุกความงามดังกล่าวที่นี่

788
00:36:35,170 --> 00:36:38,850
แต่ถ้าคุณต้องการที่จะนำมาใช้นั้น
สุนทรียภาพในเว็บเพจได้หลายหน้าทั้งหมด

789
00:36:38,850 --> 00:36:41,100
น่าสนใจมากขึ้นไปสำหรับ
เช่นสร้างไฟล์

790
00:36:41,100 --> 00:36:45,290
เรียกว่ามีเนื้อหาเหล​​่านั้น

791
00:36:45,290 --> 00:36:46,680
>> และแจ้งให้เราทำเช่นนี้

792
00:36:46,680 --> 00:36:51,150

793
00:36:51,150 --> 00:36:51,920
บันทึกไฟล์นี้

794
00:36:51,920 --> 00:36:55,580
ผมพูด Styles.css, พล,
แต่การชุมนุม

795
00:36:55,580 --> 00:36:58,770
ฉันจะใส่มันในบ้านของจอห์นฮาร์วาร์
ไดเรกทอรีตอนนี้สำหรับความเรียบง่าย

796
00:36:58,770 --> 00:37:03,880
และสิ่งที่ฉันสามารถทำได้ในหน้าเว็บของฉันคือการได้รับ
กำจัดของแท็กสไตล์รวมกัน

797
00:37:03,880 --> 00:37:08,270
และค่อนข้าง unintuitively ใช้การเชื่อมโยง
แท็กที่ไม่ได้ให้คุณเชื่อมโยงใน

798
00:37:08,270 --> 00:37:13,140
เชื่อมโยงหลายมิติความรู้สึกคลิกได้ แต่
ที่ฉันพูดที่ลิงค์เท่ากับ

799
00:37:13,140 --> 00:37:15,120
Styles.css

800
00:37:15,120 --> 00:37:20,050
และความสัมพันธ์ที่องค์ประกอบนี้
ได้กับหน้าเว็บที่จะทำหน้าที่เป็น

801
00:37:20,050 --> 00:37:21,280
แผ่นสไตล์

802
00:37:21,280 --> 00:37:22,670
>> ดังนั้นผมจึงไม่ทราบว่าวิธีการนี​​้

803
00:37:22,670 --> 00:37:25,950
หนึ่งที่คุณเพิ่งอ่านคู่มือการใช้งาน,
หรือคุณ Google รอบและคุณ

804
00:37:25,950 --> 00:37:27,000
มองไปที่ทรัพยากรต่างๆ

805
00:37:27,000 --> 00:37:30,520
ผมหมายถึงที่แท้จริงคือวิธีที่คุณได้รับ
เทคนิคเช่นนี้และให้สอดคล้อง

806
00:37:30,520 --> 00:37:34,720
กับความคิดของตัวเองการเรียนการสอนใหม่นี้
ภาษาอีกครั้งคุณจะพบว่า

807
00:37:34,720 --> 00:37:38,830
มีเพียงจำนวน จำกัด ของสิ่งที่
ภาษาที่เมื่อคุณได้รับใด ๆ

808
00:37:38,830 --> 00:37:41,310
พวกเขาคุณจะพบว่าจะได้รับ
ได้เร็วขึ้นและเร็วขึ้นในการเขียน

809
00:37:41,310 --> 00:37:44,180
อันที่จริงการเรียนรู้การเขียนโปรแกรมใหม่
ภาษามากเร็วกว่าใหม่

810
00:37:44,180 --> 00:37:47,380
ภาษาที่พูดเพราะสิ่งเหล่านี้
มีขนาดเล็กมากและอื่น ๆ อีกมากมาย

811
00:37:47,380 --> 00:37:48,820
ที่กำหนดไว้ได้อย่างแม่นยำ

812
00:37:48,820 --> 00:37:51,590
>> แต่ผมได้เน้นบิต
ความผิดปกติของที่นี่

813
00:37:51,590 --> 00:37:57,750
ผมได้เน้นว่าทำไมเรื่องนี้
ทับที่นี่?

814
00:37:57,750 --> 00:37:59,420
เพราะผมต้องปิดแท็ก

815
00:37:59,420 --> 00:38:00,530
ฉันควรจะปิดแท็ก

816
00:38:00,530 --> 00:38:02,750
และคุณจะพบทรัพยากรที่นับไม่ถ้วน
ออนไลน์ที่ทำไม่ได้

817
00:38:02,750 --> 00:38:04,080
ใกล้ป้ายจำเป็น

818
00:38:04,080 --> 00:38:08,770
และแนบเนียนมันไม่ใช่อย่างเคร่งครัด
ที่จำเป็นสำหรับการทางเทคนิคและมี

819
00:38:08,770 --> 00:38:11,950
เหตุผลของความเป็นจริงเป็นเพียงเบราว์เซอร์
ค่อนข้างใจกว้างของความผิดพลาดในเว็บ

820
00:38:11,950 --> 00:38:14,360
หน้าดีขึ้นหรือแย่ลง
แต่ส่วนใหญ่ที่เลวร้ายยิ่ง

821
00:38:14,360 --> 00:38:18,830
>> ดังนั้นนี่เป็นเพียงวิธีทำความสะอาดของ
พูดอะไรบางอย่างโง่เช่นนี้

822
00:38:18,830 --> 00:38:22,330
ที่ถ้าคุณต้องการที่จะเปิดแท็กที่ลิงค์
แต่ปิดมันมีจริงๆไม่มีความคิด

823
00:38:22,330 --> 00:38:23,720
ของเนื้อหาสำหรับแท็กที่ลิงค์

824
00:38:23,720 --> 00:38:26,000
มันก็หมายความว่าโหลดนี้
ยื่นมาวางไว้ที่นี่

825
00:38:26,000 --> 00:38:30,610
มันเหมือนกับคมรวมไว้ใน C. คุณสามารถ
เปิดและปิดแท็กทั้งหมดในครั้งเดียว

826
00:38:30,610 --> 00:38:31,660
ภายในแท็กเดียวกัน

827
00:38:31,660 --> 00:38:33,520
และมีตัวอย่างอื่น ๆ ของแบบนี้

828
00:38:33,520 --> 00:38:37,280
นี้ไม่ได้เป็นวิธีการทำเช่นนี้ แต่
BR แท็กสำหรับการแบ่งบรรทัดถ้าฉัน

829
00:38:37,280 --> 00:38:41,780
อยากจะประสบความสำเร็จในสิ่งที่ฉันเป็น
ก่อนที่จะพยายามที่จะโดยการกดปุ่ม Enter ถ้า

830
00:38:41,780 --> 00:38:45,380
ผมพูดอย่างชัดเจนเส้น break เส้น break
เส้น break แบ่งบรรทัดและ

831
00:38:45,380 --> 00:38:49,100
แล้วโหลดหน้านี้ตอนนี้คุณจะสังเกตเห็น
ด้านล่างของหน้านั่นคือ

832
00:38:49,100 --> 00:38:51,940
แน่นอนไกลมากลงไปใน
ด้านล่างของหน้า

833
00:38:51,940 --> 00:38:55,840
แต่ถึงแม้ที่สามารถทำได้มากขึ้น
หมดจดกับ CSS และมีอัตรากำไรขั้นต้น

834
00:38:55,840 --> 00:38:58,120
และด้วยความงามอื่น ๆ เช่น
เทคนิคการ

835
00:38:58,120 --> 00:38:59,940
>> ดังนั้นสำหรับตอนนี้คบนี้

836
00:38:59,940 --> 00:39:02,320
ในรูปแบบ HTML เรามีเหล่านี้
สิ่งที่เรียกว่าแท็ก

837
00:39:02,320 --> 00:39:04,830
ใน CSS, เรามีสิ่งเหล่านี้
คุณสมบัติที่เรียกว่า

838
00:39:04,830 --> 00:39:08,700
เราสามารถ comingle เหล่านี้สองภาษา
โดยใช้แอตทริบิวต์สไตล์

839
00:39:08,700 --> 00:39:14,240
หรือแท็กสไตล์หรือที่ดีที่สุดยังอริ่ง
มันออกมาพร้อมกันในขณะที่เราทำ

840
00:39:14,240 --> 00:39:17,270
ในปัญหาตั้ง 7

841
00:39:17,270 --> 00:39:23,820
คำถามแล้วเกี่ยวกับ
พื้นฐานความคิดที่นี่?

842
00:39:23,820 --> 00:39:24,740
>> ผู้ชม: ฉันมีคำถาม

843
00:39:24,740 --> 00:39:25,630
>> 1 SPEAKER: โอ้ขอโทษ

844
00:39:25,630 --> 00:39:28,880
>> ผู้ชม: ทำไมมันไม่ได้เป็นสี -

845
00:39:28,880 --> 00:39:31,410
>> 1 SPEAKER: โอ้, ในแท็บอื่น ๆ ?

846
00:39:31,410 --> 00:39:32,232
นี้ที่นี่?

847
00:39:32,232 --> 00:39:33,482
>> ผู้ชม: ไม่มีก็เช่น -

848
00:39:33,482 --> 00:39:35,330

849
00:39:35,330 --> 00:39:39,480
>> ลำโพง 1: โอ้ที่เพราะ
ผมถูกเลอะเทอะ

850
00:39:39,480 --> 00:39:41,350
ฉันใส่ไฟล์ในสถานที่ที่ไม่ถูกต้อง

851
00:39:41,350 --> 00:39:47,840
ดังนั้นถ้าฉันใส่จริงได้ที่นี่และฉัน
chmod มันทั้งหมด + R สำหรับ Styles.css และ

852
00:39:47,840 --> 00:39:52,050
ตอนนี้โหลดหน้าตอนนี้เรา
ได้รับ stylization กลับ

853
00:39:52,050 --> 00:39:54,530
และเนื่องจากขนาดตัวอักษรเป็น
ที่แตกต่างกันเราไม่เห็นค่อนข้างมาก

854
00:39:54,530 --> 00:39:55,010
พื้นที่สีขาว

855
00:39:55,010 --> 00:39:58,240
เราแทนดูว่ามีอะไร
เริ่มต้นเป็นแทน

856
00:39:58,240 --> 00:40:00,050
เป็นคำถามที่ดี

857
00:40:00,050 --> 00:40:00,846
ใช่?

858
00:40:00,846 --> 00:40:02,630
>> ผู้ชม: ทำไมคือการเชื่อมโยง
แท็กที่อยู่ภายในส่วนหัว?

859
00:40:02,630 --> 00:40:06,270
>> 1 ลำโพงคือการเชื่อมโยงทำไม
ภายในแท็กของส่วนหัว -

860
00:40:06,270 --> 00:40:07,650
คำตอบสั้น ๆ เพียงเพราะ

861
00:40:07,650 --> 00:40:08,930
นั่นคือสิ่งที่มีการตัดสินใจ

862
00:40:08,930 --> 00:40:10,720
นั่นคือสิ่งที่แท็กการเชื่อมโยงไปเมื่อ
คุณมีสิ่งที่เรียกว่า

863
00:40:10,720 --> 00:40:13,650
แผ่นลักษณะภายนอก

864
00:40:13,650 --> 00:40:16,430
คำถามอื่น ๆ ?

865
00:40:16,430 --> 00:40:17,770
>> ทั้งหมดที่ถูกต้องดีให้ทำเช่นนี้

866
00:40:17,770 --> 00:40:20,500
เรามีความสนุกมากไปข้างหน้าของเราในวันนี้

867
00:40:20,500 --> 00:40:22,480
นั่นเป็นเพียงรอยขีดข่วน
พื้นผิวของ CSS

868
00:40:22,480 --> 00:40:23,010
ให้ทำเช่นนี้

869
00:40:23,010 --> 00:40:25,980
ขอใช้เวลาหยุดพักห้านาทีนี่
เพราะต่ออีเมลของฉันให้แขวนใน

870
00:40:25,980 --> 00:40:27,200
มีจนถึง 02:30-ish วันนี้

871
00:40:27,200 --> 00:40:28,540
แต่ถ้าคุณจะต้อง
ออกที่ดี

872
00:40:28,540 --> 00:40:30,380
แต่เราจะเคลื่อนไปข้างหน้าหลังจากที่
หยุดพักห้านาที

873
00:40:30,380 --> 00:40:35,930
และเราจะได้เรียนรู้บางสิ่งบางอย่างเล็ก ๆ น้อย ๆ
เกี่ยวกับ PHP, MySQL, และอื่น ๆ

874
00:40:35,930 --> 00:40:44,520
>> ทั้งหมดขวาดังนั้นลองตอนนี้ที่จะผูก
บางส่วนของความคิดเหล่านี้เข้าด้วยกันและทำให้

875
00:40:44,520 --> 00:40:46,180
บอกเครื่องมือค้นหาของเราเอง

876
00:40:46,180 --> 00:40:48,570
ผมสังเกตเห็นค่อนข้างอยากรู้อยากเห็น
ดังต่อไปนี้

877
00:40:48,570 --> 00:40:52,610
เมื่อคุณอยู่ใน Google.com คุณ
โดยปกติแล้วที่ URL เช่นนี้ที่นี่

878
00:40:52,610 --> 00:40:54,870
ที่ไม่มีอะไรหลังจากที่ดอทคอม

879
00:40:54,870 --> 00:40:59,760
แต่ถ้าฉันจะค้นหาบางสิ่งบางอย่างโง่เช่น
แมวและกด Enter เราจะได้รับ - ไม่ได้

880
00:40:59,760 --> 00:41:01,300
โง่ แต่คุณรู้ว่า

881
00:41:01,300 --> 00:41:05,410
>> OK เพื่อให้สังเกตเห็นที่ด้านบนของหน้า,
ตอนนี้ URL ได้แน่นอนการเปลี่ยนแปลง

882
00:41:05,410 --> 00:41:07,190
และนี่คือสิ่งที่ไม่
ใหม่ใด ๆ ของเรา

883
00:41:07,190 --> 00:41:09,290
คุณคลิกที่การเชื่อมโยงและสิ่งที่
ที่เกิดขึ้นบนเว็บ

884
00:41:09,290 --> 00:41:11,420
แต่สิ่งที่น่าสนใจที่นี่
เป็นดังต่อไปนี้

885
00:41:11,420 --> 00:41:14,500
มีเป็นจำนวนมากทั้งจากความยุ่งเหยิง แต่ให้
ฉันทิ้งสิ่งที่ฉันทำไม่ได้

886
00:41:14,500 --> 00:41:16,600
ค่อนข้างเข้าใจหรือไม่
จริงๆมองที่เกี่ยวข้อง

887
00:41:16,600 --> 00:41:18,490
>> ให้ฉันได้รับการกำจัดนี้

888
00:41:18,490 --> 00:41:20,030
ให้ฉันได้รับการกำจัดนี้

889
00:41:20,030 --> 00:41:22,630
และแจ้งให้เราเพียงกำจัด
จากทั้งหมดนี้

890
00:41:22,630 --> 00:41:28,840
และตอนนี้สังเกตเห็นว่าแมวเป็นใน URL
ตามด้วยคิวแล้วเท่ากับ

891
00:41:28,840 --> 00:41:29,710
ลงชื่อเข้าด้านหน้าของมัน

892
00:41:29,710 --> 00:41:32,110
ดังนั้นมันจะเปิดออกนี้เป็นวิธีการ
วิธีการทำงานเมื่อมันมาถึง

893
00:41:32,110 --> 00:41:33,360
เพื่อ input และ output

894
00:41:33,360 --> 00:41:37,510
>> เราได้พูดคุยเกี่ยวกับความยาว
กล่องดำใช่มั้ย?

895
00:41:37,510 --> 00:41:41,650
ดังนั้นถ้านี้เป็นฟังก์ชั่นการใช้งาน
ที่นี่เป็นกล่องสีดำมันจะเข้า

896
00:41:41,650 --> 00:41:45,290
และผลิตออกดีหมายถึง
โดยที่คุณป้อนอินพุตให้กับ

897
00:41:45,290 --> 00:41:49,270
เว็บไซต์จะโดยวิธีการบ่อย ๆ ของ URL ของ

898
00:41:49,270 --> 00:41:52,850
คุณเพียงแค่ใส่เครื่องหมายคำถาม
แล้วที่สำคัญเท่ากับค่า

899
00:41:52,850 --> 00:41:56,740
และแล้วบางทีเครื่องหมายและจากนั้น
กุญแจอีกดอกหนึ่งเท่ากับค่าแล้วบางที

900
00:41:56,740 --> 00:41:58,810
เครื่องหมายอื่นสำคัญเท่ากับค่า

901
00:41:58,810 --> 00:42:03,030
นั่นเป็นวิธีที่คุณผ่านในคีย์และ
ค่าคู่ของปัจจัยการผลิต

902
00:42:03,030 --> 00:42:07,050
>> ดังนั้นถ้าฉันกด Enter ตอนนี้คืออะไร
ที่น่าสนใจเกี่ยวกับ Google ที่มีทั้งหมด

903
00:42:07,050 --> 00:42:10,420
ความยุ่งเหยิงฉันลบที่ไม่ปรากฏ
จะจำเป็นอย่างเคร่งครัด

904
00:42:10,420 --> 00:42:15,120
ทั้งหมดที่ฉันต้องส่งให้กับ Google เป็นคำถาม
เครื่องหมาย Q เท่ากับแมวจะได้รับการ

905
00:42:15,120 --> 00:42:16,160
กลับแมวบาง

906
00:42:16,160 --> 00:42:20,160
ดีในความหมายของที่นั้น
คือถ้าผมดึงขึ้น Gedit, ผมได้เริ่มต้น

907
00:42:20,160 --> 00:42:24,360
การทำเครื่องมือค้นหาของฉันเองที่นี่
ในไฟล์ที่เรียกว่า seach0.html

908
00:42:24,360 --> 00:42:26,750
>> และแจ้งให้เราไปข้างหน้าและลบ
หนึ่งบรรทัดมากกว่าที่คุณ

909
00:42:26,750 --> 00:42:27,910
ไม่ควรเข้ามาดู

910
00:42:27,910 --> 00:42:31,070
และตอนนี้ให้ฉันไปลงในเบราว์เซอร์ของตัวเอง
จึงไม่ไปที่ Google และไปที่

911
00:42:31,070 --> 00:42:34,900
http://localhost

912
00:42:34,900 --> 00:42:36,220
และที่จะได้รับในทาง

913
00:42:36,220 --> 00:42:43,240
ดังนั้นเราจะต้องบอกลา
ที่ตอนนี้ย้ายมากกว่านี้ที่นี่

914
00:42:43,240 --> 00:42:46,270
โอ้ตอนนี้เรากำลังจะมีการ
บอกลาไปยังแฟ้มนั้น

915
00:42:46,270 --> 00:42:51,700
>> เมื่อใดก็ตามที่คุณมีไฟล์ที่เรียกว่า
index.html หรือ index.php ใน

916
00:42:51,700 --> 00:42:54,980
ไดเรกทอรีถ้าเว็บเซิร์ฟเวอร์คือ
การกำหนดค่าในวิธีนี้สิ่งที่คุณจะ

917
00:42:54,980 --> 00:42:59,600
ดูตามค่าเริ่มต้นเป็นเนื้อหาของการที่
ไฟล์มากกว่ารายการของ

918
00:42:59,600 --> 00:43:02,330
ไดเรกทอรีที่ผมต้องการที่นี่

919
00:43:02,330 --> 00:43:03,750
เพิ่มเติมเกี่ยวกับเรื่องนี้ในสเปค

920
00:43:03,750 --> 00:43:04,610
คุณไม่ได้เห็นว่า

921
00:43:04,610 --> 00:43:06,360
>> ดังนั้นนี่คือสิ่งที่ฉันต้องการจริง

922
00:43:06,360 --> 00:43:08,810
แต่ช่วงเวลาที่ผ่านมานั่นคือ
ไฟล์ในโฟลเดอร์นี้เรียกว่า

923
00:43:08,810 --> 00:43:11,290
index.html index.php และ

924
00:43:11,290 --> 00:43:13,380
และเพื่อให้เว็บเซิร์ฟเวอร์คือ
แสดงให้ฉันไฟล์เหล่านั้น

925
00:43:13,380 --> 00:43:15,900
แต่ฉันต้องการไดเรกทอรีนี้
รายการที่นี่

926
00:43:15,900 --> 00:43:18,340
>> ดังนั้นฉันจะไปลง
วินาทีและไป search0

927
00:43:18,340 --> 00:43:21,770
และผมก็เรียกร้องว่านี้มันเป็นไปได้
จุดเริ่มต้นของการแข่งขันของตัวเองของฉัน

928
00:43:21,770 --> 00:43:22,490
เครื่องมือค้นหา

929
00:43:22,490 --> 00:43:27,630
และการทำเช่นนี้ฉันจะไปใน
นี่เป็น CSS และเปิดขึ้นด้วย

930
00:43:27,630 --> 00:43:30,190
Gedit การค้นหา 0

931
00:43:30,190 --> 00:43:32,280
แต่น่าเสียดายที่มี
ไม่มากเกิดขึ้นที่นี่

932
00:43:32,280 --> 00:43:35,690
ทั้งหมดที่ฉันไม่ได้ใช้แท็กมุ่งหน้าไปที่
เกิดขึ้นจะเรียกว่า h1 ซึ่ง

933
00:43:35,690 --> 00:43:38,180
หลักหมายถึงใหญ่และ
ตัวหนาและว่ามันเป็น

934
00:43:38,180 --> 00:43:40,810
แต่หมายถึงการที่เราสามารถ
ปัจจัยการผลิตให้ผ่านทางเหล่านี้

935
00:43:40,810 --> 00:43:42,180
สิ่งที่เรียกว่ารูปแบบ

936
00:43:42,180 --> 00:43:46,040
>> เพื่อให้ฉันไปข้างหน้าและเปิดและปิด,
preemptively แท็กรูปแบบที่มี

937
00:43:46,040 --> 00:43:48,060
และแจ้งให้เราไปข้างหน้าและทำ
บางอย่างเช่นนี้

938
00:43:48,060 --> 00:43:51,430
ประเภทขาเข้าเท่ากับข้อความ

939
00:43:51,430 --> 00:43:56,320
และจากนั้นให้ปิดแท็กภายใน
วงเล็บตัวเอง

940
00:43:56,320 --> 00:43:58,800
ฉันไม่ต้องการที่จะเริ่มต้นฟิลด์ข้อความ
และหยุดฟิลด์ข้อความ

941
00:43:58,800 --> 00:44:01,080
มันก็จะอยู่ที่นั่นหรือไม่

942
00:44:01,080 --> 00:44:06,210
>> แล้วด้านล่างที่ให้ทำ
ประเภทอินพุตเท่ากับส่ง

943
00:44:06,210 --> 00:44:06,870
บันทึกงานนี้

944
00:44:06,870 --> 00:44:08,630
และตอนนี้ขอเพียงแค่ทำ
ตรวจสอบสติรวดเร็ว

945
00:44:08,630 --> 00:44:09,820
ลองโหลด

946
00:44:09,820 --> 00:44:10,890
>> ตกลงดังนั้นมันไม่ได้เลวร้าย

947
00:44:10,890 --> 00:44:13,260
มันไม่ใช่สไตล์ของ Google
แต่มันสวยใกล้

948
00:44:13,260 --> 00:44:13,920
มีช่องข้อความว่า

949
00:44:13,920 --> 00:44:17,190
ฉันสามารถพิมพ์สิ่งบางอย่างในการกด Enter,
แต่ยังไม่มีอะไรเกิดขึ้น

950
00:44:17,190 --> 00:44:21,090
และที่ว่าเพราะผมไม่ได้ระบุ
การกระทำแบบนี้เพื่อที่จะพูด

951
00:44:21,090 --> 00:44:23,860
ดังนั้นถ้าฉันกลับไปที่องค์ประกอบรูป
มันจะเปิดออกและฉันรู้เพียงแค่นี้

952
00:44:23,860 --> 00:44:27,460
จากที่มีการอ่านเอกสารที่
แท็กรูปแบบการใช้แอตทริบิวต์

953
00:44:27,460 --> 00:44:31,880
ที่เรียกว่าการกระทำนั้นคือ URL
ของเว็บไซต์ที่คุณ

954
00:44:31,880 --> 00:44:34,790
ต้องการส่งรูปแบบ

955
00:44:34,790 --> 00:44:37,610
>> ฉันไม่คิดว่าเรามีเวลาที่จะ
ใช้ปลายด้านหลังทั้งหมดสำหรับ

956
00:44:37,610 --> 00:44:38,570
เครื่องมือค้นหาวันนี้

957
00:44:38,570 --> 00:44:41,900
ดังนั้นเราเพียงแค่จะพูดมั้ย,
ไปที่ google.com / ค้นหา

958
00:44:41,900 --> 00:44:43,450
และตอนนี้ให้ฉันปิดคำพูดของฉัน

959
00:44:43,450 --> 00:44:46,070
และแจ้งให้เราต่อไประบุว่า
วิธีการที่จะใช้เป็นไป

960
00:44:46,070 --> 00:44:47,120
จะเรียกว่าได้รับ

961
00:44:47,120 --> 00:44:50,650
>> เรื่องยาวสั้นมีสองวิธีที่
อย่างน้อยที่คุณสามารถส่งข้อมูล

962
00:44:50,650 --> 00:44:51,880
จากเบราว์เซอร์ไปยังเซิร์ฟเวอร์

963
00:44:51,880 --> 00:44:55,340
หนึ่งคือการได้รับและเพื่อวัตถุประสงค์ของว​​ันนี้
ที่เพียงแค่หมายความว่าใน URL

964
00:44:55,340 --> 00:44:58,730
คุณจะเห็นว่าเครื่องหมายคำถาม
เท่ากับป้ายและเครื่องหมายที่

965
00:44:58,730 --> 00:44:59,780
ที่เราเห็นก่อนหน้านี้

966
00:44:59,780 --> 00:45:02,890
หรือมีทางเลือกที่เรียกว่าโพสต์ของ

967
00:45:02,890 --> 00:45:06,490
สำหรับตอนนี้รู้ว่าโพสต์มักจะใช้
เมื่อคุณต้องการอัปโหลดไฟล์เช่น

968
00:45:06,490 --> 00:45:09,820
ภาพและอื่น ๆ หรือเมื่อคุณต้องการ
ส่งข้อมูลบัตรเครดิตหรือ

969
00:45:09,820 --> 00:45:13,810
รหัสผ่านอะไรที่มันไม่ได้
ทำให้รู้สึกจริงๆ, แนวคิดหรือ

970
00:45:13,810 --> 00:45:18,020
การรักษาความปลอดภัยที่ชาญฉลาดที่จะจบลงใน URL ของ
เบราว์เซอร์ที่พ่อแม่ของคุณสอดแนม,

971
00:45:18,020 --> 00:45:21,520
เพื่อนร่วมห้องหรือหรือทุกคนสามารถเข้าถึง
ไปยังเครื่องคอมพิวเตอร์ของคุณอาจจะเห็น

972
00:45:21,520 --> 00:45:23,110
>> ดังนั้นขอบันทึกว่าที่นี่

973
00:45:23,110 --> 00:45:24,480
และฉันต้องทำสิ่งหนึ่งที่อื่น ๆ

974
00:45:24,480 --> 00:45:27,250
มันไม่พอเพียงเพื่อ
พูดให้ฉันฟิลด์ข้อความ

975
00:45:27,250 --> 00:45:29,850
ฉันมีที่จะให้ข้อมูลว่า
ค่าชื่อ

976
00:45:29,850 --> 00:45:34,500
เพื่อให้ฉันยืมเลือกของ Google
ชื่อคิวและระบุที่สองที่

977
00:45:34,500 --> 00:45:38,150
แอตทริบิวต์ฉันไม่จริงๆดูแลเกี่ยวกับ
ชื่อของปุ่ม Submit

978
00:45:38,150 --> 00:45:40,890
ทั้งหมดที่ฉันดูแลเกี่ยวกับการส่ง
สิ่งที่ผู้ใช้ชนิดค่ะ

979
00:45:40,890 --> 00:45:41,940
>> และตอนนี้เป็นชนิดของน่าเกลียด

980
00:45:41,940 --> 00:45:42,820
มันก็พูดว่าส่ง

981
00:45:42,820 --> 00:45:46,350
มันจะเปิดออกและฉันรู้ว่านี้จาก
เอกสารที่จริงผมสามารถพูดได้

982
00:45:46,350 --> 00:45:51,710
มูลค่าเท่ากับอ้างไม่ได้นำมาอ้าง "CS50
ข้อความค้นหา "อ้างใกล้ชิด

983
00:45:51,710 --> 00:45:53,030
แล้วให้โหลดอีกครั้ง

984
00:45:53,030 --> 00:45:57,020
ดังนั้นผมจึงให้กดปุ่มคำสั่ง R-หรือ
ควบคุม R-บนแป้นพิมพ์ของฉันที่จะโหลด

985
00:45:57,020 --> 00:45:58,605
>> ตอนนี้เรามีน่าสนใจมากขึ้น
เครื่องมือค้นหา

986
00:45:58,605 --> 00:46:00,340
มันไม่ได้ค่อนข้างมีลักษณะเหมือน
Google ยังแม้ว่า

987
00:46:00,340 --> 00:46:04,100
ดังนั้นขอไปข้างหน้าในที่นี่และ
ทำเส้นแบ่งเล็ก ๆ น้อย ๆ

988
00:46:04,100 --> 00:46:06,066
>> ตกลงดังนั้นตอนนี้เรามี Google

989
00:46:06,066 --> 00:46:08,260
จริงเราเกือบจะมี Google

990
00:46:08,260 --> 00:46:10,460
ดังนั้นตอนนี้สิ่งที่จะเกิดขึ้น?

991
00:46:10,460 --> 00:46:12,220
ฉันจะพิมพ์ในบางสิ่งบางอย่าง
เหมือนแมว

992
00:46:12,220 --> 00:46:16,570
และเบราว์เซอร์จะแยก
รูปแบบที่ฉันกำหนดว่า

993
00:46:16,570 --> 00:46:19,470
และก็จะส่ง
ของผู้ใช้ไปยัง URL ที่

994
00:46:19,470 --> 00:46:23,420
ดังนั้นเวลานี้สำหรับเหตุผลที่อยากรู้อยากเห็นบางอย่าง
ผมได้รับข้อมูลเพิ่มเติมเกี่ยวกับหุ้น

995
00:46:23,420 --> 00:46:24,410
กว่าแมวที่เกิดขึ้นจริงเกี่ยวกับ

996
00:46:24,410 --> 00:46:30,580
แต่ที่ดีเพราะเรายังคงแจ้งให้ทราบล่วงหน้า
สิ้นสุดวันที่ขึ้นที่นี่ Q เท่ากับแมว

997
00:46:30,580 --> 00:46:35,200
>> เรื่องยาวดังนั้นระยะสั้นดูเหมือนว่าเป็นธรรม
เล็กน้อยเพื่อได้รับข้อมูลจากผู้ใช้

998
00:46:35,200 --> 00:46:38,190
และเป็นธรรมมีพวงของ
ประเภทอื่น ๆ ของเขตข้อมูลฟอร์ม

999
00:46:38,190 --> 00:46:41,510
มีกล่องกาเครื่องหมายและเล็ก ๆ น้อย ๆ ร่วมกัน
ปุ่มพิเศษและ

1000
00:46:41,510 --> 00:46:42,960
เมนูแบบเลื่อนลงและอื่น ๆ

1001
00:46:42,960 --> 00:46:46,160
แต่ทั้งหมดของเหล่านี้จะเป็นที่ค่อนข้าง
ดำเนินการได้อย่างง่ายดายเช่น

1002
00:46:46,160 --> 00:46:48,040
ช่องข้อความนี้

1003
00:46:48,040 --> 00:46:52,050
และในที่สุดเราก็จะต้องทำ
ว่าคนจะฟังในที่อื่น ๆ

1004
00:46:52,050 --> 00:46:56,490
จุดสิ้นสุดของเส้นเพื่อให้ได้รับว่า
ข้อมูลการประมวลผลอย่างใดและ

1005
00:46:56,490 --> 00:46:58,440
ให้เรากลับแมวของเรา

1006
00:46:58,440 --> 00:47:00,840
>> ลองดูที่เล็กน้อย
อื่น ๆ ที่เกี่ยวข้องเช่น

1007
00:47:00,840 --> 00:47:06,020
ให้ฉันไปลงในไดเรกทอรี vhost ของฉัน
เป็นโฮสต์ท้องถิ่นประชาชนและสถานที่ที่ผม

1008
00:47:06,020 --> 00:47:06,980
ใส่รหัสแหล่งที่มาของวันนี้

1009
00:47:06,980 --> 00:47:09,800
ทั้งหมดนี้จะอยู่ในหลักสูตร
เว็บไซต์สำหรับคุณที่จะจรจัดกับ

1010
00:47:09,800 --> 00:47:15,420
และถ้าเราไปลง froshims ให้ฉันเปิด
ไฟล์นี้ในขณะนี้ froshim0.php,

1011
00:47:15,420 --> 00:47:18,460
หนึ่งนี้เป็นเพียงเล็กน้อย verbose เพิ่มเติมดังนั้น
เราจะไม่เขียนนี้จากรอยขีดข่วน

1012
00:47:18,460 --> 00:47:21,970
เพียง แต่สังเกตเห็นในขณะนี้ค่อนข้างไม่กี่
ลักษณะที่คุ้นเคย

1013
00:47:21,970 --> 00:47:24,550
>> หนึ่งแท็กรูปแบบการดำเนินการที่แตกต่างกัน

1014
00:47:24,550 --> 00:47:25,670
มันไม่ใช่ URL แบบเต็ม

1015
00:47:25,670 --> 00:47:29,930
ตอนนี้ก็เห็นได้ชัดว่าไฟล์ที่เรียกว่า
register0.php เพราะในช่วงเวลา,

1016
00:47:29,930 --> 00:47:32,660
ฉันจะสอนตัวเองเล็ก ๆ น้อย ๆ
บางสิ่งบางอย่างเกี่ยวกับ PHP การเขียนโปรแกรม

1017
00:47:32,660 --> 00:47:37,360
ภาษาเพราะ PHP สามารถนำมาใช้เพื่อ
ใช้สิ่งที่ Google นำมาใช้เป็น

1018
00:47:37,360 --> 00:47:39,650
ปลายด้านหลังของเครื่องมือค้นหาของพวกเขา

1019
00:47:39,650 --> 00:47:42,890
>> Google ในความเป็นจริงอาจจะใช้
บางหลามบาง C + + และ

1020
00:47:42,890 --> 00:47:44,230
ที่อัดแน่นของภาษาอื่น ๆ

1021
00:47:44,230 --> 00:47:48,230
แต่แน่นอนว่าเราสามารถใช้การค้นหา
ผลโดยใช้ PHP ถ้าเราต้องการ

1022
00:47:48,230 --> 00:47:49,610
แต่ตอนนี้เราจะให้มันง่าย

1023
00:47:49,610 --> 00:47:53,320
และนี้เป็นจริงที่ชวนให้นึกถึงหนึ่ง
จากเว็บไซต์แรกและเว็บไซต์มากอื่น ๆ

1024
00:47:53,320 --> 00:47:54,490
ปีที่ผ่านมาทำ

1025
00:47:54,490 --> 00:47:58,160
>> กลับในวันที่ฉันคุณลงทะเบียนสำหรับ
ภายในการกีฬาเป็นครั้งแรกโดย

1026
00:47:58,160 --> 00:48:00,880
กรอกชิ้นส่วนของกระดาษเดิน
หลาข้ามและทิ้งมันลงไปใน

1027
00:48:00,880 --> 00:48:04,890
กล่องจดหมายของ Proctor ใน
Wigglesworth, และนั่นก็คือวิธีการที่คุณ

1028
00:48:04,890 --> 00:48:05,460
ลงทะเบียน

1029
00:48:05,460 --> 00:48:09,650
และเพื่อให้โครงการของฉันหลังจาก CS50,
คือการใส่ที่ซึ่งทำให้สมบูรณ์แบบ

1030
00:48:09,650 --> 00:48:13,460
ความรู้สึกลงบนเว็บซึ่งไม่
เช่นเดียวกับในสมัย​​นั้นก็เป็นที่เป็นตอนนี้

1031
00:48:13,460 --> 00:48:17,510
แต่ทั้งหมดที่เราต้องทำคือการสร้าง,
หลักแบบ HTML

1032
00:48:17,510 --> 00:48:19,640
>> และรูปแบบที่ดู
เกรี้ยวกราดเช่นนี้

1033
00:48:19,640 --> 00:48:22,480
ผมมีอินพุทสำหรับ
ชื่อน้องใหม่ของ

1034
00:48:22,480 --> 00:48:27,780
ผมมีกล่องกาเครื่องหมายอีกหรือ
หรือไม่พวกเขาต้องการที่จะเป็นกัปตันสิ่งที่

1035
00:48:27,780 --> 00:48:30,400
เพศของพวกเขาและ
สิ่งหอพักของพวกเขา

1036
00:48:30,400 --> 00:48:33,370
แล้วฉันรหัสยากในสิ่งที่
เช่น Apley ศาลและ Canaday,

1037
00:48:33,370 --> 00:48:34,880
สีเทาและอื่น ๆ

1038
00:48:34,880 --> 00:48:36,300
>> ดังนั้นอีกครั้ง, แท็กใหม่

1039
00:48:36,300 --> 00:48:39,820
ไม่ได้เห็นเหล่านี้ก่อนที่ใหม่
คุณสมบัติ แต่สามารถเข้าถึงได้อย่างเป็นธรรม

1040
00:48:39,820 --> 00:48:42,360
เมื่อคุณดูตัวอย่างคุณชนิดสามารถ
จากความคิดที่ว่ายืมและให้ลดลง

1041
00:48:42,360 --> 00:48:43,820
ลงเมนูอะไรมากที่สุด

1042
00:48:43,820 --> 00:48:46,350
แต่สิ่งที่สำคัญคือว่าแต่ละ
สิ่งเหล่านี้มีชื่อ

1043
00:48:46,350 --> 00:48:49,720
และที่ด้านล่างของแบบฟอร์มนี้มี
ส่งปุ่มที่มีป้าย

1044
00:48:49,720 --> 00:48:51,510
หรือมูลค่าเป็นลงทะเบียน

1045
00:48:51,510 --> 00:48:52,670
>> ดังนั้นขอให้ไปที่หน้านี้

1046
00:48:52,670 --> 00:48:55,050
ให้ฉันกลับไป
รายการไดเรกทอรี

1047
00:48:55,050 --> 00:48:59,410
ให้ฉันไปเป็น froshims,
และไป froshim0.php

1048
00:48:59,410 --> 00:49:01,150
ดังนั้นจึงเป็นเรื่องน่าเกลียดเป็นธรรม

1049
00:49:01,150 --> 00:49:03,950
แน่นอนดังนั้นฉันสามารถ Stylize นี้
กับ CSS บางอย่างผมสามารถทำบางอย่าง

1050
00:49:03,950 --> 00:49:06,890
กราฟิกอาจจะเพิ่มสีบางสี
และทำให้เรื่องนี้สวย

1051
00:49:06,890 --> 00:49:10,530
แต่หน้าที่ผมยืนยันว่านี้
เป็นจริงที่สมบูรณ์แบบสวย

1052
00:49:10,530 --> 00:49:15,190
>> แต่น่าเสียดายที่เมื่อผมกรอกออกนี้
เดวิด, กัปตัน, ชายเราจะเลือก

1053
00:49:15,190 --> 00:49:20,510
สมมติว่าแมตทิวส์, สมัคร,
ทั้งหมดที่เกิดขึ้นนี้

1054
00:49:20,510 --> 00:49:21,910
แต่สังเกตเห็นคู่ของคบ

1055
00:49:21,910 --> 00:49:27,130
หนึ่งในสิ่งที่ไฟล์เหล่านั้นกลับมา
ผลลัพธ์ที่เห็นได้ชัด?

1056
00:49:27,130 --> 00:49:29,470
ดังนั้นจึงเป็นจริง register0.php

1057
00:49:29,470 --> 00:49:34,570
ดังนั้นความจริงที่เราเห็นการกระทำที่
ค่าสักครู่ที่ผ่านมาสำหรับ register0 นี้

1058
00:49:34,570 --> 00:49:37,500
ยืนยันว่าเราแน่นอนสิ้นสุดวันที่
ขึ้นที่ไฟล์นั้น

1059
00:49:37,500 --> 00:49:39,040
>> ตอนนี้เป็นเพียงข้อความที่น่าเกลียด

1060
00:49:39,040 --> 00:49:42,810
แต่สังเกตเห็นว่าข้อความนี้คือ
ที่มาจากโฮสต์ท้องถิ่น,

1061
00:49:42,810 --> 00:49:44,170
ซึ่งเป็นจากเครื่อง

1062
00:49:44,170 --> 00:49:46,350
คิดว่าเครื่องใช้ในขณะนี้เป็นเพียงแค่
เว็บเซิร์ฟเวอร์ที่อาจจะมีใน

1063
00:49:46,350 --> 00:49:46,910
ศูนย์วิทยาศาสตร์

1064
00:49:46,910 --> 00:49:48,060
มันอาจจะเป็นบนเว็บที่เกิดขึ้นจริง

1065
00:49:48,060 --> 00:49:49,850
ดังนั้นจึงเป็นเรื่องที่สาธารณชนสามารถเข้าถึง

1066
00:49:49,850 --> 00:49:55,480
>> ดังนั้นเห็นได้ชัดว่ามีวิธีการผ่านบางส่วนของ
ปัจจัยการผลิตในรูปแบบของเขตข้อมูลไปยังเซิร์ฟเวอร์

1067
00:49:55,480 --> 00:49:56,840
เพื่อที่จะสามารถทำอะไรกับพวกเขา

1068
00:49:56,840 --> 00:49:59,020
แต่น่าเสียดายที่ register0
คือโง่สวย

1069
00:49:59,020 --> 00:50:01,870
ทั้งหมดมันไม่สามารถพิมพ์ออกมามากมาย
ที่มีลักษณะเช่นนี้

1070
00:50:01,870 --> 00:50:04,790
และยังไม่ได้อาร์เรย์ใน
ความรู้สึกที่ว่าเรารู้ว่ามัน

1071
00:50:04,790 --> 00:50:08,760
จะเปิดออก PHP ที่และมาก
ภาษามีไม่เพียง แต่ตัวเลข

1072
00:50:08,760 --> 00:50:12,350
อาร์เรย์ที่มีการจัดทำดัชนีดัชนีเป็นครั้งแรก
ศูนย์แล้วหนึ่งแล้วสองจุดแล้ว

1073
00:50:12,350 --> 00:50:13,780
จุดจุด n ลบ 1

1074
00:50:13,780 --> 00:50:16,400
>> นี่คือสิ่งที่เรียกว่า
อาเรย์

1075
00:50:16,400 --> 00:50:21,150
อาเรย์ซึ่งเป็นหนึ่งใน
คุณสามารถเก็บค่าคีย์คู่ที่

1076
00:50:21,150 --> 00:50:23,160
ที่สำคัญคือไม่จำเป็นต้องเป็นจำนวนมาก

1077
00:50:23,160 --> 00:50:25,580
ในความเป็นจริงมันอาจจะเป็นสตริงคำ

1078
00:50:25,580 --> 00:50:28,230
และเพื่อให้สามารถดำเนินการ
ภายใต้กระโปรงหน้ารถก็จะเปิดออก,

1079
00:50:28,230 --> 00:50:31,896
โดยใช้โครงสร้างข้อมูลที่เรียกว่า?

1080
00:50:31,896 --> 00:50:33,600
คิดว่าบางสิ่งบางอย่างที่น่าทึ่ง
เป็นเรื่องที่จะเกิดขึ้น -

1081
00:50:33,600 --> 00:50:34,840
ตารางแฮช

1082
00:50:34,840 --> 00:50:38,955
>> ดังนั้นตารางแฮช, การเรียกคืนบรรดาของคุณ
ที่ไม่ได้สำหรับการตั้งค่า P ​​6 หรือแม้กระทั่งจำ

1083
00:50:38,955 --> 00:50:44,110
อย่างน้อยแม้ว่าคุณจะไม่ลอง,
ตารางแฮชในการใช้งานของเราถูกใช้ในการ

1084
00:50:44,110 --> 00:50:45,090
เพียงแค่เก็บคำศัพท์

1085
00:50:45,090 --> 00:50:47,980
แต่จริงๆคุณถูกจัดเก็บ
คีย์และค่า

1086
00:50:47,980 --> 00:50:51,940
ถ้าคุณใช้ตารางแฮชสำหรับ P
ตั้ง 6 พจนานุกรม, กุญแจคือ

1087
00:50:51,940 --> 00:50:56,890
คำตัวเองและคุณค่า
ได้อย่างมีประสิทธิภาพจริงหรือเท็จ

1088
00:50:56,890 --> 00:51:00,190
ใช่ที่นี่หรือโดยปริยาย
ไม่มีไม่ได้ที่นี่

1089
00:51:00,190 --> 00:51:02,140
>> ดีเราสามารถพูดคุยความคิดที่ว่า

1090
00:51:02,140 --> 00:51:06,230
และเราสามารถใช้ข้อมูลที่คล้ายกันมาก
โครงสร้างการจัดเก็บไม่ได้สตริง

1091
00:51:06,230 --> 00:51:10,180
ตัวเองอยู่คนเดียวในตารางแฮชของคุณ แต่
คิดว่าในทุกหนึ่งของกัญชาของคุณ

1092
00:51:10,180 --> 00:51:11,130
โหนดของตาราง

1093
00:51:11,130 --> 00:51:14,210
และคุณยังสามารถทำเช่นนี้ในลอง
มากกว่าเพียงแค่มีบูล

1094
00:51:14,210 --> 00:51:15,350
คุณอาจมีบางสิ่งบางอย่างอื่น

1095
00:51:15,350 --> 00:51:19,590
เกิดอะไรขึ้นถ้าสำคัญไม่ได้ Maxwell สำหรับ
เช่นอ้างไม่ได้นำมาอ้าง แต่ "ชื่อ" หรือ

1096
00:51:19,590 --> 00:51:22,900
อ้างไม่ได้นำมาอ้าง "กัปตัน." และภายในของ
โครงสร้างข้อมูลของคุณ C คุณใส่

1097
00:51:22,900 --> 00:51:26,170
ค่าบูลีนไม่เพียง แต่ค่า
เช่นอ้างไม่ได้นำมาอ้าง "เดวิด" หรือ

1098
00:51:26,170 --> 00:51:28,690
"M" หรือ "แมตทิวส์" และอื่น ๆ

1099
00:51:28,690 --> 00:51:33,170
>> ดังนั้นผู้ที่โครงสร้างข้อมูลเดียวกันกับที่เราใช้
เห็นได้ชัดว่ามีอยู่ในภาษาอื่น ๆ

1100
00:51:33,170 --> 00:51:37,650
และฉันเถียงพวกเขากำลังจริงมาก
ง่ายมากที่จะเข้าถึงที่นี่

1101
00:51:37,650 --> 00:51:40,300
Let 's ในความเป็นจริงจะดู
ขณะที่ไวยากรณ์บางอย่างเช่น

1102
00:51:40,300 --> 00:51:43,120
>> ฉันจะไปลงในไดเรกทอรี PHP

1103
00:51:43,120 --> 00:51:48,390
และฉันจะเปิดขึ้นดีกว่า
รุ่นของสวัสดี-0 ก่อน

1104
00:51:48,390 --> 00:51:50,270
ขอให้สังเกตว่าทั้งหมดที่ผมทำก็คือ
เพิ่มความคิดเห็นบางส่วน

1105
00:51:50,270 --> 00:51:52,530
ดังนั้นเราจึงสามารถกำจัดสิ่งที่ทำให้ไขว้เขวว่า

1106
00:51:52,530 --> 00:51:57,610
>> และโปรแกรมนี้ไม่แน่นอนพิมพ์
สวัสดีเพราะผมได้ระบุไว้ระหว่าง

1107
00:51:57,610 --> 00:52:01,420
แท็กที่ฉันต้องการที่จะรันโค้ดที่

1108
00:52:01,420 --> 00:52:03,380
ตอนนี้เราจะเห็นในขณะนี้
ทำไมนี้จะเป็นประโยชน์

1109
00:52:03,380 --> 00:52:05,630
แต่ขอเปิดตัวอย่างหนึ่งที่อื่น ๆ ที่นี่

1110
00:52:05,630 --> 00:52:10,430
ให้ฉันไปข้างหน้าและเปิดขึ้นพูด
Gedit เงื่อนไขหนึ่ง

1111
00:52:10,430 --> 00:52:12,970
>> นี้เป็นวิธีที่กลับมาในเวลาในขณะนี้

1112
00:52:12,970 --> 00:52:16,320
แต่สัปดาห์ที่ผ่านมาผมคิดว่าในหนึ่งสัปดาห์หรือ
สัปดาห์ที่สองเรามีตัวอย่างที่เรียกว่า

1113
00:52:16,320 --> 00:52:18,470
conditions1.c

1114
00:52:18,470 --> 00:52:22,050
และฉันตัดสินใจที่จะ reimplement มันใน PHP,
เพียงแค่ชนิดของการเน้นว่า

1115
00:52:22,050 --> 00:52:26,500
PHP, syntactically เป็นเหมือนกันเกือบ
เพื่อ C. นี้ไม่ได้เป็นก้าวกระโดดที่ยิ่งใหญ่

1116
00:52:26,500 --> 00:52:27,840
จากสัปดาห์นี้

1117
00:52:27,840 --> 00:52:31,230
>> ให้สังเกตที่ด้านบนของโปรแกรมนี้ซึ่ง
เริ่มต้นขึ้นก่อนที่จะมีบาง

1118
00:52:31,230 --> 00:52:34,260
ความคิดเห็นที่ฉันจะได้รับการกำจัด
เป็นสิ่งที่ทำให้ไขว้เขว

1119
00:52:34,260 --> 00:52:37,410
ขอให้สังเกตว่าฉันใน PHP
โหมดในแฟ้มนี้

1120
00:52:37,410 --> 00:52:40,160
ดังนั้นรหัสนี้เราจะเห็น
จะได้รับการดำเนินการ

1121
00:52:40,160 --> 00:52:42,670
ขอให้สังเกตว่ามี ReadLine,
ซึ่งอาจเป็น

1122
00:52:42,670 --> 00:52:46,230
อะนาล็อกใน PHP ของ GetString

1123
00:52:46,230 --> 00:52:47,390
สังเกตเห็นว่ามันแตกต่างกันเล็กน้อย

1124
00:52:47,390 --> 00:52:51,410
จริงๆคุณระบุพรอมต์เพื่อ
ฟังก์ชันที่เรียกว่าเส้นอ่านและที่ว่า

1125
00:52:51,410 --> 00:52:52,180
ผู้ใช้มองเห็นสิ่ง

1126
00:52:52,180 --> 00:52:53,520
ดังนั้นคุณจึงไม่ต้อง printf ด้วยตนเอง

1127
00:52:53,520 --> 00:52:54,860
แต่นั่นไม่ใช่เรื่องใหญ่

1128
00:52:54,860 --> 00:52:59,150
ฉันจะเก็บภายในของ $ n,
กลับค่านี้ดังนั้นสิ่งที่

1129
00:52:59,150 --> 00:53:00,490
ประเภทผู้ใช้ในการเป็น int ของพวกเขา

1130
00:53:00,490 --> 00:53:01,660
และนี่คืออยากรู้อยากเห็นอีก

1131
00:53:01,660 --> 00:53:05,810
มันจะเปิดออกใน PHP, ตัวแปรใด ๆ
เพียงแค่จะต้องมีคำนำหน้า

1132
00:53:05,810 --> 00:53:06,970
ที่มีเครื่องหมายดอลลาร์

1133
00:53:06,970 --> 00:53:08,110
มันเป็นเรื่องเล็ก ๆ น้อย ๆ ที่น่ารำคาญ

1134
00:53:08,110 --> 00:53:10,870
แต่สังเกตเห็นสิ่งที่ฉันยังไม่ได้ทำใน PHP

1135
00:53:10,870 --> 00:53:13,980
สิ่งที่หายไปจากมือซ้าย
ด้านข้างของเครื่องหมายเท่ากับ?

1136
00:53:13,980 --> 00:53:15,430
>> กล่าวถึงประเภทไม่มี

1137
00:53:15,430 --> 00:53:19,400
ดังนั้นนี่คือความแตกต่างจากซีให้ดีขึ้น
หรือแย่กว่านั้นคือ PHP เป็นหลวม

1138
00:53:19,400 --> 00:53:20,550
ภาษาพิมพ์

1139
00:53:20,550 --> 00:53:22,010
มันจะมีตัวเลข

1140
00:53:22,010 --> 00:53:23,240
มันจะมีสตริง

1141
00:53:23,240 --> 00:53:24,015
มันจะมีบูลีน

1142
00:53:24,015 --> 00:53:26,220
และมันจะมีไม่กี่
ชนิดข้อมูลอื่น ๆ

1143
00:53:26,220 --> 00:53:30,570
แต่คุณโปรแกรมเมอร์ที่มักจะ
ไม่ต้องดูแลเกี่ยวกับพวกเขา

1144
00:53:30,570 --> 00:53:34,010
กลับหัวกลับหางของเรื่องนี้ก็คือว่ามันทำให้
มันง่ายขึ้นเล็กน้อยในการเขียนโปรแกรม

1145
00:53:34,010 --> 00:53:35,380
คุณสามารถคิดน้อยน้อย

1146
00:53:35,380 --> 00:53:39,840
ข้อเสียคือมันยังเปิดคุณถึง
ข้อบกพร่องที่อาจเกิดขึ้นถ้าคุณตั้งใจ

1147
00:53:39,840 --> 00:53:43,080
รักษาจำนวนเป็นสตริงสตริง
เป็นตัวเลขที่อาจเกิดขึ้น แต่แม้

1148
00:53:43,080 --> 00:53:46,150
แล้ว, PHP, และจำนวนมากของภาษา,
มีใจกว้างสวย

1149
00:53:46,150 --> 00:53:49,050
พวกเขาจะใช้สิ่งที่เรียกว่า
หล่อโดยปริยาย

1150
00:53:49,050 --> 00:53:55,220
และถ้าคุณพยายามที่จะใช้ในบริบท n
ของสถ​​านการณ์ที่เป็นตัวเลขก็จะ

1151
00:53:55,220 --> 00:53:58,040
แปลงสิ่งที่นี่เป็นไปได้
สตริงเพราะถ้าผู้ใช้

1152
00:53:58,040 --> 00:54:01,570
บางสิ่งบางอย่างในและคุณได้รับผลที่ตามมา,
เช่นเดียวกับการ ReadLine หรือรับสาย,

1153
00:54:01,570 --> 00:54:02,910
ที่จะกลับสตริง

1154
00:54:02,910 --> 00:54:07,360
>> แต่แจ้งให้ทราบล่วงหน้าเส้นคู่ต่อมาผม
ตรวจสอบว่า n มีค่ามากกว่าศูนย์

1155
00:54:07,360 --> 00:54:13,370
ดังนั้น PHP เป็นไปโดยปริยายโยนของฉัน
"สตริง" 123 หรือสิ่งที่ผู้ใช้

1156
00:54:13,370 --> 00:54:14,860
ในประเภทเป็น int

1157
00:54:14,860 --> 00:54:18,730
ดังนั้นในระยะสั้นสิ่งที่เพิ่งทำงาน
มากขึ้นอย่างสังหรณ์ใจ

1158
00:54:18,730 --> 00:54:23,410
ดังนั้นตอนนี้เราเริ่มที่จะผ่อนคลายไม่กี่ของ
สิ่งที่เราเคยทำมาแล้วในอดีตที่ผ่านมา

1159
00:54:23,410 --> 00:54:24,780
>> จำนวนมากของสิ่งนี้คือ
เดียวกันแม้ว่า

1160
00:54:24,780 --> 00:54:26,340
ยังคงได้เท่ากับเท่ากับ

1161
00:54:26,340 --> 00:54:30,350
ในฐานะที่เป็น PHP กันยังได้เท่ากับเท่ากับ
เท่ากับ แต่เพิ่มเติมว่าบางทีใน

1162
00:54:30,350 --> 00:54:30,850
ในอนาคต

1163
00:54:30,850 --> 00:54:31,150
นั่นคือ

1164
00:54:31,150 --> 00:54:35,660
สะกดผิด แต่สองเท่ากับสัญญาณหมายเดียวกัน
สิ่งที่เป็นก่อนเพื่อเปรียบเทียบ

1165
00:54:35,660 --> 00:54:37,060
printf หมายถึงสิ่งเดียวกับก่อนที่จะ

1166
00:54:37,060 --> 00:54:39,160
เครื่องหมายทับขวา n หมายความเดียวกัน
สิ่งที่เป็นมาก่อน

1167
00:54:39,160 --> 00:54:40,390
>> ดังนั้นฉันจะใช้โปรแกรมนี้

1168
00:54:40,390 --> 00:54:44,400
ดีที่ก่อนถ้าผมทำ PHP,
conditions1.php และประเภทใน

1169
00:54:44,400 --> 00:54:46,560
หมายเลขเช่น 123

1170
00:54:46,560 --> 00:54:47,720
นั่นเป็นจำนวนบวก

1171
00:54:47,720 --> 00:54:49,510
ถ้าฉันพิมพ์ 0 ผมรับ 0

1172
00:54:49,510 --> 00:54:53,700
และถ้าฉันพิมพ์ใน 123 ลบฉันได้รับ
กลับเป็นจำนวนลบซึ่งเป็นเพียง

1173
00:54:53,700 --> 00:54:59,050
ที่จะพูดว่า syntactically, PHP
เป็นซุปเปอร์ซุปเปอร์ที่คล้ายกัน

1174
00:54:59,050 --> 00:55:03,250
>> ดังนั้นนี่คือเหตุผลที่ในขณะนี้มีประโยชน์
ในบริบทเว็บหรือไม่

1175
00:55:03,250 --> 00:55:06,710
ดีขอกลับไป froshims นี้
เช่นที่มองดู

1176
00:55:06,710 --> 00:55:08,600
อีกครั้งเช่นนี้ที่นี่

1177
00:55:08,600 --> 00:55:11,580
และให้จริงดึงขึ้นหน้าเว็บ
อีกครั้งซึ่งมองเช่นนี้

1178
00:55:11,580 --> 00:55:14,930
สิ่งที่เราสามารถทำอะไรกับ
ข้อมูลที่ส่งมา?

1179
00:55:14,930 --> 00:55:18,770
>> ดีให้ฉันเปิดขึ้นใหม่
รุ่นนี้

1180
00:55:18,770 --> 00:55:20,920
และคุณจะเห็นว่าปัญหา
สเปคชุดที่คุณเดิน

1181
00:55:20,920 --> 00:55:22,850
ผ่านไม่กี่เหล่านี้

1182
00:55:22,850 --> 00:55:29,610
แทนที่จะเริ่มต้นด้วยศูนย์
ให้ดูที่ froshims3,

1183
00:55:29,610 --> 00:55:31,410
ซึ่งไม่บิตเพิ่มเติม

1184
00:55:31,410 --> 00:55:34,780
>> สังเกตเห็นเป็นครั้งแรกจริงให้เปิด
สิ่งที่เป็น 0, ดังนั้นคุณจะเห็น

1185
00:55:34,780 --> 00:55:37,170
สิ่งลงทะเบียนเป็น 0

1186
00:55:37,170 --> 00:55:40,040
สังเกตเห็นอะไรไม่ลงทะเบียน 0

1187
00:55:40,040 --> 00:55:41,730
หนึ่งผมมีความเห็นที่ด้านบน

1188
00:55:41,730 --> 00:55:43,900
ลบเหล่านั้นและมุ่งเน้นเฉพาะในนี้

1189
00:55:43,900 --> 00:55:48,730
มากที่สุดของเนื้อหาของ register0.php
จะเห็นได้ชัดว่าสิ่งที่ภาษา?

1190
00:55:48,730 --> 00:55:49,980
เพียง PHP ดิบ

1191
00:55:49,980 --> 00:55:53,430
>> ดังนั้นแจ้งให้ทราบล่วงหน้าไฟล์นี้ไม่ได้เริ่มต้น
กับที่ขณะวงเล็บเปิด,

1192
00:55:53,430 --> 00:55:54,970
เครื่องหมายคำถาม, PHP

1193
00:55:54,970 --> 00:55:59,800
PHP ไม่ช่วยให้คุณสามารถผสม
รหัส PHP กับแท็ก HTML

1194
00:55:59,800 --> 00:56:04,130
แต่ฉันทำที่นี่ภายใน
ของหน้ากว่าที่นี่

1195
00:56:04,130 --> 00:56:08,180
>> ตอนนี้อีกครั้งคุณเพียงต้องการรู้เรื่องนี้จาก
ต้องดูที่คู่มือการใช้งาน print_r,

1196
00:56:08,180 --> 00:56:13,410
มันจะเปิดออกเป็น print_recursive
_recursive และนี้เป็นเพียงที่มีประโยชน์

1197
00:56:13,410 --> 00:56:16,780
ฟังก์ชันอรรถประโยชน์ที่เพิ่งพิมพ์ออก,
ซ้ำสิ่งที่คุณมอบให้

1198
00:56:16,780 --> 00:56:18,760
หากคุณมอบให้อาร์เรย์
มันจะพิมพ์อาร์เรย์

1199
00:56:18,760 --> 00:56:20,180
หากคุณมอบให้เป็นจำนวนมาก,
มันจะพิมพ์จำนวน

1200
00:56:20,180 --> 00:56:21,570
มือมันสตริงก็จะ
พิมพ์สตริง

1201
00:56:21,570 --> 00:56:24,500
หากคุณมอบให้ตารางแฮชมัน
จะพิมพ์ออกตารางแฮช

1202
00:56:24,500 --> 00:56:26,730
คุณไม่ต้องเขียนทั้งหมด
ของรหัสที่ตัวเอง

1203
00:56:26,730 --> 00:56:29,490
>> ตอนนี้สังเกตเห็นว่าผมเข้ามา
โหมด PHP กว่าที่นี่

1204
00:56:29,490 --> 00:56:32,070
ผมออกจากโหมด PHP กว่าที่นี่

1205
00:56:32,070 --> 00:56:35,950
ดังนั้นเมื่อเว็บเซิร์ฟเวอร์อ่านไฟล์นี้
บนลงล่างซ้ายไปขวาเพราะ

1206
00:56:35,950 --> 00:56:40,750
มันก็สิ้นสุดลงในชื่อไฟล์ที่เรียกว่า. PHP,
อะไรก็ตามที่ไม่ได้อยู่ภายในของแท็ก PHP เป็น

1207
00:56:40,750 --> 00:56:42,820
เพียงแค่จะถ่มน้ำลาย
ออกเช่นดิบ HTML

1208
00:56:42,820 --> 00:56:43,630
ไม่มีเรื่องใหญ่

1209
00:56:43,630 --> 00:56:49,280
แต่ทันทีที่เว็บเซิร์ฟเวอร์สังเกตเห็น
นี้มันจะกล่าวว่าฉันไม่ควร

1210
00:56:49,280 --> 00:56:51,850
คายตัวอักษร print_r การโพสต์

1211
00:56:51,850 --> 00:56:54,910
ฉันควรจะดำเนินการดังต่อไปนี้
บรรทัดของรหัส

1212
00:56:54,910 --> 00:56:59,850
>> ดังนั้นคำถามสุดท้ายแล้วของไฟล์นี้
คือดีห่าคือสิ่งนี้

1213
00:56:59,850 --> 00:57:00,530
ลองเดา

1214
00:57:00,530 --> 00:57:04,230
อะไรคือสิ่งที่ $ _POST อาจจะ?

1215
00:57:04,230 --> 00:57:07,070
>> ผู้ชม: [ได้ยิน]

1216
00:57:07,070 --> 00:57:08,830
>> 1 SPEAKER: ใช่ข้อมูลที่โพสต์

1217
00:57:08,830 --> 00:57:11,350
จำได้ขอเลื่อนกลับมาอยู่ใน
เวลารอสักครู่

1218
00:57:11,350 --> 00:57:13,165
froshim0 อีกครั้งมองเช่นนี้

1219
00:57:13,165 --> 00:57:15,640
ส่วนใหญ่สุดของที่นี่คือ HTML เพียง

1220
00:57:15,640 --> 00:57:18,410
อีกครั้ง, แท็กบางอย่างที่คุณไม่ได้
เห็นยังหรือที่

1221
00:57:18,410 --> 00:57:19,360
คุณคุ้นเคย

1222
00:57:19,360 --> 00:57:21,990
แต่สิ่งที่น่าสนใจคือการนี​​้

1223
00:57:21,990 --> 00:57:27,270
หนึ่งบรรทัดนี้คือสิ่งที่เชื่อมโยงจริงๆ
ไปยังแฟ้ม register0.php ของเรา

1224
00:57:27,270 --> 00:57:29,200
ผมส่งทางไปรษณีย์วิธี

1225
00:57:29,200 --> 00:57:33,130
และนั่นหมายความว่าพารามิเตอร์
ประเภทผู้ใช้ในไม่ได้

1226
00:57:33,130 --> 00:57:35,150
จะจบลงที่

1227
00:57:35,150 --> 00:57:36,175
>> พวกเขาจะไม่
แสดงขึ้นใน URL

1228
00:57:36,175 --> 00:57:39,020
พวกเขายังจะถูกส่งจาก
ลูกค้าจากเบราว์เซอร์เพื่อ

1229
00:57:39,020 --> 00:57:42,080
เซิร์ฟเวอร์ แต่เพียงผ่านทางอื่น ๆ บาง
กลไกที่เราจะสละมือของเรา

1230
00:57:42,080 --> 00:57:44,330
ที่สำหรับวันนี้ แต่ยังไม่ได้อยู่ใน URL

1231
00:57:44,330 --> 00:57:47,630
แต่สังเกตเห็นความสัมพันธ์ตอนนี้กับ
โพสต์ซึ่งตามการประชุมคือ

1232
00:57:47,630 --> 00:57:49,160
ที่นี่เป็นตัวพิมพ์เล็ก

1233
00:57:49,160 --> 00:57:54,090
>> แต่ถ้าฉันเปิด register0.php,
ผมเห็นได้ชัดว่าการพิมพ์นี้

1234
00:57:54,090 --> 00:57:56,450
ดังนั้นนี้เป็นชนิดของแปลก
ตั้งชื่อการประชุม

1235
00:57:56,450 --> 00:58:01,430
แต่สิ่งที่ดีใน PHP คือว่าเมื่อ
โดยใช้ PHP ในบริบทเว็บไม่ได้

1236
00:58:01,430 --> 00:58:04,480
บรรทัดคำสั่งเช่นผมสักครู่ที่ผ่านมา
เมื่อคุณจริงใช้ในเว็บ

1237
00:58:04,480 --> 00:58:10,580
หน้าในไดเรกทอรี vhost ที่เราเป็น,
โดยอัตโนมัติ PHP จะกรอกนี้

1238
00:58:10,580 --> 00:58:15,560
สิ่งซึ่งเป็นอาเรย์,
เพื่อที่จะพูด, ตารางแฮชด้​​วย

1239
00:58:15,560 --> 00:58:17,290
ทุกสิ่งที่ผู้ใช้พิมพ์นิ้ว

1240
00:58:17,290 --> 00:58:22,000
>> ในระยะสั้น $ _POST ในตัวพิมพ์ใหญ่ทั้งหมดคือ
ตัวแปรทั่วโลกว่า PHP เพียง

1241
00:58:22,000 --> 00:58:25,050
อย่างน่าอัศจรรย์สร้างสำหรับคุณเมื่อ
โดยใช้ PHP ในบริบทเว็บ

1242
00:58:25,050 --> 00:58:29,160
และมันทำให้ภายในของมันทั้งหมดของ
ชื่อของพารามิเตอร์ในรูปแบบที่

1243
00:58:29,160 --> 00:58:33,200
ถูกส่งไปยังแฟ้มนี้และทั้งหมดของ
ค่าที่ผู้ใช้พิมพ์นิ้ว

1244
00:58:33,200 --> 00:58:37,790
ดังนั้นจึงร่วมมือกันเพื่อช่วยให้คุณสิ่งที่ผู้ใช้
พิมพ์ในรูปแบบที่

1245
00:58:37,790 --> 00:58:42,210
>> ดังนั้นก่อนที่เราได้ออกโง่จริงๆ
เพียงแค่ที่เห็นนี้เพราะทั้งหมดที่ผมทำ

1246
00:58:42,210 --> 00:58:44,400
ได้รับการพิมพ์ซ้ำแถวนี้

1247
00:58:44,400 --> 00:58:46,060
ที่สำคัญคือชื่อที่มีค่าเป็นเดวิด

1248
00:58:46,060 --> 00:58:46,980
ที่สำคัญคือกัปตัน

1249
00:58:46,980 --> 00:58:47,970
ค่าที่อยู่ใน

1250
00:58:47,970 --> 00:58:52,300
และลูกศรคู่และมุม
วงเล็บมีนี้เป็นเพียงพล

1251
00:58:52,300 --> 00:58:53,270
นี้ไม่ได้เป็นรหัส

1252
00:58:53,270 --> 00:58:57,690
นี้เป็นเพียงวิธีการของ PHP ของคุณแสดง
ค่าของคีย์บางอย่างเป็นสิ่งที่

1253
00:58:57,690 --> 00:59:03,000
>> แต่ตอนนี้ให้ฉันเสนอว่าใน
froshIMs3 ก็เหมือนกันเกือบ

1254
00:59:03,000 --> 00:59:04,950
ยกเว้นว่ามันจะส่งไฟล์นี้

1255
00:59:04,950 --> 00:59:08,570
และอีกครั้งที่เราจะเพียงแค่ชนิดของ
เหลือบนี้เพียงเพื่อให้เห็นบางส่วน

1256
00:59:08,570 --> 00:59:12,040
ไวยากรณ์ แต่แจ้งให้ทราบว่า
ไฟล์นี้จะ

1257
00:59:12,040 --> 00:59:14,930
ลองเดาตามเพียงแค่บนเส้นของ
รหัสซึ่งอาจมีลักษณะเหมือน

1258
00:59:14,930 --> 00:59:17,410
กรีกที่พอเหมาะ,
เป็นที่เห็นได้ชัดว่ากำลังทำอะไรอยู่

1259
00:59:17,410 --> 00:59:20,580

1260
00:59:20,580 --> 00:59:23,110
>> ไฟล์นี้มีความเกี่ยวข้องอย่างใด
จดหมายอีเมล

1261
00:59:23,110 --> 00:59:24,770
ดังนั้นโปรแกรมนี้ทำอะไร

1262
00:59:24,770 --> 00:59:28,740
ในรุ่นนี้ถ้าผมจริง
กรอกแบบฟอร์มนี้ - และแจ้งให้เราไปที่

1263
00:59:28,740 --> 00:59:30,760
froshIMs3 ไม่ froshIMs0 -

1264
00:59:30,760 --> 00:59:33,280

1265
00:59:33,280 --> 00:59:34,540
รูปแบบที่มีลักษณะเดียวกัน

1266
00:59:34,540 --> 00:59:37,980
เดวิด, กัปตัน, ชาย, หอพัก, แมตทิวส์

1267
00:59:37,980 --> 00:59:42,980
แต่ถ้าผมส่งนี้แฟ้มนี้อยู่
จะไป register3.php

1268
00:59:42,980 --> 00:59:46,330
>> และฉันเรียกร้องโดยดูที่มัน
รหัสที่มามันจะ

1269
00:59:46,330 --> 00:59:47,650
อย่างใดที่เกี่ยวข้องกับการส่งอีเมล์

1270
00:59:47,650 --> 00:59:49,620
ให้ฉันไปข้างหน้าและเปิดนี้
ในหน้าต่างที่ใหญ่กว่าดังนั้นเราจึง

1271
00:59:49,620 --> 00:59:51,030
สามารถมองเห็นได้มากขึ้นอย่างหมดจด

1272
00:59:51,030 --> 00:59:57,220
เรากำลังอยู่ใน vhosts โฮสต์ท้องถิ่น,
สาธารณะ froshims

1273
00:59:57,220 --> 00:59:58,680
ฉันจะเปิดขึ้นที่แตกต่างกัน
โปรแกรมเพียงเพื่อให้เรา

1274
00:59:58,680 --> 01:00:00,160
สามารถดูรายละเอียดเพิ่มเติมได้ในครั้งเดียว

1275
01:00:00,160 --> 01:00:03,100
>> ดังนั้นตอนนี้ที่นี่สังเกตเห็นบางสิ่ง

1276
01:00:03,100 --> 01:00:06,530
ที่ด้านบนของไฟล์ที่เปิดให้บริการ
วงเล็บเครื่องหมายคำถาม, PHP

1277
01:00:06,530 --> 01:00:08,920
แล้วมีพวงของความเห็นของ A,
ซึ่งเราสามารถละเว้นคือ

1278
01:00:08,920 --> 01:00:10,450
น่าทึ่งสำหรับตอนนี้

1279
01:00:10,450 --> 01:00:11,300
>> ตอนนี้มีแบบนี้

1280
01:00:11,300 --> 01:00:14,200
มันจะเปิดออก PHP มีจำนวนมาก
ของรหัสที่เรียกว่าจำเป็นต้องมี

1281
01:00:14,200 --> 01:00:19,110
มันคล้ายกันมากในจิตวิญญาณไปที่ C ของ
รวมถึงกัญชารวมถึงซึ่ง

1282
01:00:19,110 --> 01:00:21,980
เป็นหลักคว้าเนื้อหาของบางอย่าง
ไฟล์อื่น ๆ และเพียง plops พวกเขาที่นี่,

1283
01:00:21,980 --> 01:00:22,930
เพื่อให้คุณสามารถใช้พวกเขา

1284
01:00:22,930 --> 01:00:27,060
ในกรณีนี้เครื่องจะมี
ที่ติดตั้ง, ห้องสมุดฟรีและ

1285
01:00:27,060 --> 01:00:29,900
ห้องสมุดโอเพนซอร์สที่เรียกว่า PHP
จดหมายที่ทุกคนสามารถ

1286
01:00:29,900 --> 01:00:30,770
ดาวน์โหลดจากอินเทอร์เน็ต

1287
01:00:30,770 --> 01:00:32,000
เราแค่ทำมันสำหรับคุณ

1288
01:00:32,000 --> 01:00:36,130
และนั่นหมายความว่าตอนนี้ผมมีอีเมล
ฟังก์ชั่นการกำจัดของฉัน

1289
01:00:36,130 --> 01:00:38,170
>> ตอนนี้สังเกตเห็นบางสิ่ง

1290
01:00:38,170 --> 01:00:41,120
ฉันจะตรวจสอบ
ส่งฟอร์มของ

1291
01:00:41,120 --> 01:00:45,980
ผลัดกันออก PHP หนึ่งมีเครื่องหมายตกใจ
คะแนนสำหรับผู้ประกอบการไม่ได้เช่นเดียวกับ

1292
01:00:45,980 --> 01:00:49,810
C. แต่ PHP ยังมีฟังก์ชั่น
เรียกว่าว่างเปล่า

1293
01:00:49,810 --> 01:00:53,920
>> ว่างเปล่าเพียงแค่ผลตอบแทนจริงถ้าค่า
ของสิ่งที่คุณมอบให้ใน

1294
01:00:53,920 --> 01:00:57,190
วงเล็บว่างเปล่าเช่น
ผู้ใช้ไม่ได้พิมพ์อะไรเลยค่ะ

1295
01:00:57,190 --> 01:01:02,680
ดังนั้นนี่คือคำพูดและแจ้งให้ทราบล่วงหน้า
ไวยากรณ์มากที่ชวนให้นึกถึงของ C ถ้า

1296
01:01:02,680 --> 01:01:07,730
ที่สำคัญชื่อดังนั้นฟิลด์ชื่อในรูปแบบ,
ซึ่งถูกส่งผ่านทางไปรษณีย์โดย

1297
01:01:07,730 --> 01:01:13,010
ผู้ใช้ไม่ได้เป็นที่ว่างเปล่าของพวกเขาและ
เพศไม่ได้เป็นที่ว่างเปล่าในรูปแบบที่เป็น

1298
01:01:13,010 --> 01:01:15,980
ดีและหอพักของพวกเขาไม่ได้เป็นที่ว่างเปล่า -

1299
01:01:15,980 --> 01:01:19,980
แต่สังเกตเห็นฉันไม่สนใจเกี่ยวกับกัปตัน
เรามีแล้วสิ่งที่จะทำอย่างไร

1300
01:01:19,980 --> 01:01:21,990
>> ฉันจะดำเนินการ
บรรทัดของรหัสนี้

1301
01:01:21,990 --> 01:01:24,100
และคุณสามารถคิดของชนิดของนี้
เช่น malloc แต่มันเล็ก ๆ น้อย ๆ ของ

1302
01:01:24,100 --> 01:01:24,800
นักเล่นกว่านั้น

1303
01:01:24,800 --> 01:01:29,200
แต่ตอนนี้ให้ฉันพิเศษ
struct ประเภท PHP จดหมาย

1304
01:01:29,200 --> 01:01:31,410
แต่ไม่สนใจคำหลักใหม่สำหรับวันนี้

1305
01:01:31,410 --> 01:01:35,670
>> ตอนนี้ฉันจะเรียกฟังก์ชันที่เรียกว่า
IsSMTP ซึ่งพูดว่าให้ใช้ SMTP

1306
01:01:35,670 --> 01:01:39,380
นี่คือพอร์ต 25 เช่นเดียวกับวิดีโอ
สัปดาห์ที่ผ่านมาเมื่อสิ่งที่ถูกขว้างปา

1307
01:01:39,380 --> 01:01:40,710
อีเมลเป็นไฟร์วอลล์

1308
01:01:40,710 --> 01:01:42,440
พอร์ต 25 เป็น SMTP

1309
01:01:42,440 --> 01:01:44,410
SMTP หมายถึงการใช้เซิร์ฟเวอร์อีเมล

1310
01:01:44,410 --> 01:01:46,215
เป็นที่หนึ่งที่เราสามารถใช้ฮาร์วาร์
SMTP.fas.harvard.edu

1311
01:01:46,215 --> 01:01:48,850

1312
01:01:48,850 --> 01:01:51,590
>> เราสามารถตั้งค่าจากที่อยู่
จะเป็นจอห์นฮาร์วาร์

1313
01:01:51,590 --> 01:01:55,090
ถ้าฉันเลื่อนลงต่อไปฉันสามารถตั้งค่า
ที่อยู่ของผู้รับเพียง

1314
01:01:55,090 --> 01:01:56,840
โดยพลการจะเป็นจอห์น
ฮาร์วาร์เป็นอย่างดีของ

1315
01:01:56,840 --> 01:01:59,210
ดังนั้นเขาจะได้รับการส่งอีเมลตัวเอง

1316
01:01:59,210 --> 01:02:01,600
>> ตอนนี้ฉันสามารถจัดวางวัตถุ
จะต้องลงทะเบียน

1317
01:02:01,600 --> 01:02:03,700
และฉันสามารถตั้งค่าร่างกาย
ของอีเมลดังต่อไปนี้

1318
01:02:03,700 --> 01:02:06,500
บรรทัดนี้ดูเล็กน้อยคลุมเครือมากขึ้น
แต่เพียงเพราะมีจำนวนมาก

1319
01:02:06,500 --> 01:02:07,450
ของข้อมูลที่อยู่ในนั้น

1320
01:02:07,450 --> 01:02:10,670
หนึ่งมีผู้ประกอบการจุดของ

1321
01:02:10,670 --> 01:02:14,510
ใครสักคนต้องรู้อยู่แล้วว่าสิ่งที่
ผู้ประกอบการที่จุดใด

1322
01:02:14,510 --> 01:02:15,436
มันเชื่อมโยงกัน

1323
01:02:15,436 --> 01:02:19,240
ดังนั้นหากคุณต้องการที่จะใช้สตริงใน PHP,
และผนวกมันหรือย่อหน้ามันไป

1324
01:02:19,240 --> 01:02:23,500
สตริงใน PHP อื่นขอบคุณพระเจ้าที่คุณ
ไม่ต้องใช้ strcopy และ malloc,

1325
01:02:23,500 --> 01:02:25,490
และทุกที่อีกต่อไป

1326
01:02:25,490 --> 01:02:28,765
>> ถ้าคุณต้องการ concatenate สองสตริง,
ใส่ใจเกี่ยวกับหน่วยความจำที่

1327
01:02:28,765 --> 01:02:30,850
ปล่อยให้ร่างของ PHP ที่ออกมาให้คุณ

1328
01:02:30,850 --> 01:02:35,200
อะไร PHP จะทำอย่างไรกับผู้ประกอบการที่จุด
นี่เป็นเพียงการทำให้ประโยคใหญ่ออก

1329
01:02:35,200 --> 01:02:37,900
จากบรรทัดนี้บรรทัดนี้
บรรทัดนี้บรรทัดนี้

1330
01:02:37,900 --> 01:02:40,460
และตอนนี้แจ้งให้ทราบก็จะ
ที่จะเสียบค่า

1331
01:02:40,460 --> 01:02:43,680
ดังนั้นอีเมลที่จอห์นฮาร์วาร์ที่เกิดขึ้น
ที่จะได้รับเป็นตัวอักษรที่จะพูด

1332
01:02:43,680 --> 01:02:49,450
ชื่อลำไส้ใหญ่อะไรบางอย่างที่มากกว่านั้นเรา
ปิดสตริงและ concatenate เมื่อ

1333
01:02:49,450 --> 01:02:52,220
สิ่งที่ผู้ใช้พิมพ์
ในแล้วขึ้นบรรทัดใหม่

1334
01:02:52,220 --> 01:02:54,570
>> จากนั้นในบรรทัดถัดไปของจอห์นฮาร์วาร์
อีเมล์ก็จะพูด

1335
01:02:54,570 --> 01:02:55,910
กัปตันหรือไม่ก็

1336
01:02:55,910 --> 01:02:57,810
มันจะบอกเพศ
ชายหรือหญิง

1337
01:02:57,810 --> 01:02:59,680
หอพักจะเป็นแมตทิวส์
ในกรณีของฉัน

1338
01:02:59,680 --> 01:03:03,400
และแจ้งให้ทราบแล้วอัฒภาคคุ้นเคย
ที่ท้ายมาก

1339
01:03:03,400 --> 01:03:07,830
แล้วแจ้งให้ทราบล่วงหน้าลดลงที่นี่ค่อนข้าง
ยังคงเป็นความลับ แต่อีกครั้งต่อไป

1340
01:03:07,830 --> 01:03:12,730
รูปแบบที่จะกลายเป็นความคุ้นเคยมากกว่า
หลังจากที่ P ตั้ง 7 ถ้าการส่งจดหมาย

1341
01:03:12,730 --> 01:03:16,610
กลับเท็จแล้วไปข้างหน้าและตาย

1342
01:03:16,610 --> 01:03:19,610
>> ดังนั้น PHP มีฟังก์ชันที่เรียกว่าตาย,
ซึ่งตัวอักษรเพียงแค่ฆ่า

1343
01:03:19,610 --> 01:03:22,830
เว็บไซต์และเพียงแค่พิมพ์ออกสิ่งที่
ที่คุณบอกมัน - มันกำลังจะตาย

1344
01:03:22,830 --> 01:03:24,280
คำเพื่อที่จะพูด

1345
01:03:24,280 --> 01:03:28,310
และในกรณีที่จะพิมพ์
สิ่งที่ข้อมูลผิดพลาดคือ

1346
01:03:28,310 --> 01:03:29,860
สิ่งที่เกิดขึ้นไปผิด

1347
01:03:29,860 --> 01:03:34,490
ดังนั้นเรื่องยาวสั้นที่นี่สิ่งที่เรามี
เป็นตัวอย่างเมื่อผู้ใช้ที่

1348
01:03:34,490 --> 01:03:39,150
ส่งแบบฟอร์ม, froshim0,
froshims3.php มันไปเพื่อ

1349
01:03:39,150 --> 01:03:40,760
register3.php

1350
01:03:40,760 --> 01:03:45,290
แต่ register3.php แล้วรายได้
ในการดำเนินการทั้งหมดของสายเหล่านี้

1351
01:03:45,290 --> 01:03:46,620
>> ดังนั้นจึงเป็นสิ่งที่ได้ใช้เวลาไม่กี่ของที่นี่

1352
01:03:46,620 --> 01:03:50,380
หนึ่งก็เห็นได้ชัดว่าค่อนข้างง่าย
โปรแกรมการส่งอีเมล,

1353
01:03:50,380 --> 01:03:50,830
ซึ่งเป็นสิ่งที่ดี

1354
01:03:50,830 --> 01:03:53,500
เมื่อผู้ใช้ลงทะเบียนสำหรับเว็บไซต์ของคุณใน
กรณีนี้เมื่อพวกเขาลงทะเบียนสำหรับคุณ

1355
01:03:53,500 --> 01:03:56,220
กีฬาที่คุณสามารถส่งอีเมลครั้งแรก
Proctor หรือจอห์น

1356
01:03:56,220 --> 01:03:57,650
ฮาวาร์ดในกรณีนี้

1357
01:03:57,650 --> 01:04:01,630
>> แต่มันก็หมายความว่าคุณสามารถทำสิ่งที่?

1358
01:04:01,630 --> 01:04:03,970
ส่งอีเมลจากทุกคนให้กับทุกคน

1359
01:04:03,970 --> 01:04:05,430
และนี้เป็นจริงมาก

1360
01:04:05,430 --> 01:04:08,580
นี้ไม่ได้ทำตามอย่างง่ายดายถ้า
คุณกำลังใช้ในการใช้ Gmail

1361
01:04:08,580 --> 01:04:11,310
แต่ถ้าคุณเคยใช้ Eudora หรือ
Outlook คุณสวยมากสามารถบอกได้

1362
01:04:11,310 --> 01:04:13,720
เซิร์ฟเวอร์อีเมลที่คุณมี
ทุกคนที่คุณต้องการ

1363
01:04:13,720 --> 01:04:16,450
และนี่คือที่ฉันจำเป็นต้องใส่
หมวกที่และพูดว่าไม่ทำเช่นนี้

1364
01:04:16,450 --> 01:04:21,140
แต่นี้เป็นเครื่องพิสูจน์ถึงเพียงวิธีการที่ง่าย
ก็คือการดำเนินการโจมตีฟิชชิ่งและ

1365
01:04:21,140 --> 01:04:24,310
ส่งอีเมลที่ไม่ระบุและ
สแปมมากขึ้นโดยทั่วไป

1366
01:04:24,310 --> 01:04:27,330
และมันจริงๆเดือดลงไป
ความจริงที่ว่าสิ่งที่คุณต้องเป็นบางส่วน

1367
01:04:27,330 --> 01:04:28,500
โปรแกรมการเข้าถึง

1368
01:04:28,500 --> 01:04:31,940
>> เช่นกันการเผชิญหน้าสนิทของฉันด้วย
คณะกรรมการการโฆษณา, ป​​ีแรกของตัวเอง

1369
01:04:31,940 --> 01:04:34,320
ก็คือตอนที่ผมค้นพบเย็นนี้
หลอกลวงว่าว้าวววคุณสามารถ

1370
01:04:34,320 --> 01:04:36,850
ส่งอีเมลจากทุกคน

1371
01:04:36,850 --> 01:04:39,770
และเพื่อให้เราได้มีบางคนโง่
อาร์กิวเมนต์ตัวอักษรในแมตทิวส์,

1372
01:04:39,770 --> 01:04:40,790
ท่ามกลางกลุ่ม Proctor ของฉัน

1373
01:04:40,790 --> 01:04:42,470
ฉันจำไม่ได้ว่า
ว่าปัญหาคือ

1374
01:04:42,470 --> 01:04:44,970
แต่ผมอยากจะลองใส่
จบไปนี้การอภิปรายโง่

1375
01:04:44,970 --> 01:04:48,580
>> ดังนั้นผมจึงตัดสินใจว่าผมเพียงแค่จะส่งอีเมล
ให้กับกลุ่ม Proctor ฉันจะแกล้งทำเป็น

1376
01:04:48,580 --> 01:04:52,000
คนที่แต่งตัวประหลาดอื่น ๆ ที่มีที่มีความเห็นผม
ไม่เห็นด้วยและมีเขาโอนอ่อนไป

1377
01:04:52,000 --> 01:04:54,680
สิ่งที่เป็นความคิดของฉันใน
นี้โดยเฉพาะอย่างยิ่งการอภิปราย

1378
01:04:54,680 --> 01:04:59,320
และดังนั้นผมจึงปลอมอีเมลโดยใช้นี้
เทคนิคในทำนองเดียวกันนี้

1379
01:04:59,320 --> 01:05:01,256
แต่มันก็เป็นจริงได้ง่ายขึ้น
ในช่วงเวลานั้น

1380
01:05:01,256 --> 01:05:02,435
กดส่ง

1381
01:05:02,435 --> 01:05:06,660
เขาเป็นคนที่ไม่พอใจหรือจะ
ได้รับคณะกรรมการการโฆษณา

1382
01:05:06,660 --> 01:05:10,280
>> และฉันถูกจับได้อย่างรวดเร็วภายใน
เพราะวินาทีที่คุณรู้ว่าผมลงชื่อ

1383
01:05:10,280 --> 01:05:11,420
อีเมลล์ในวิธีการบางอย่าง

1384
01:05:11,420 --> 01:05:14,200
และแม้ว่าฉันจะทำมันด้วยตนเองในขนาดใหญ่
ส่วน 15 ปีต่อมาเพราะผมเป็น

1385
01:05:14,200 --> 01:05:15,080
เลือดออกตามที่

1386
01:05:15,080 --> 01:05:16,960
ฉันไม่ได้มีลายเซ็น
ในอีเมลของฉันตอนนี้

1387
01:05:16,960 --> 01:05:20,440
แต่ในปี 1995 ฉันเพิ่งมี SIG,
ลายเซ็นในอีเมลของฉัน

1388
01:05:20,440 --> 01:05:24,630
ดังนั้นจึงทราบว่าเรียนนี้คือ
กลุ่ม Proctor ผมยอมรับความคิดของฉัน

1389
01:05:24,630 --> 01:05:31,240
และเห็นด้วยกับท่านที่ลงนามเช่นนั้นและ
ดังนั้นบรรทัดใหม่บรรทัดใหม่ DJM

1390
01:05:31,240 --> 01:05:36,220
>> ดังนั้นไม่ทำอย่างนั้นหรือโดยทั่วไปใช้
ใช้ประโยชน์จากเทคนิคนี้

1391
01:05:36,220 --> 01:05:39,950
แต่เมื่อการทำเว็บไซต์เช่นสำหรับ
โครงการสุดท้ายของคุณเมื่อมีการ

1392
01:05:39,950 --> 01:05:43,460
เว็บไซต์สำหรับผู้ประกอบการบางสิ่งบางอย่าง,
นี้เป็นวิธีการ, ในทางปฏิบัติคุณสามารถ

1393
01:05:43,460 --> 01:05:47,000
บริการอื่น ๆ ที่ใช้ประโยชน์บนอินเทอร์เน็ต
เช่นจดหมายแล้วจริง

1394
01:05:47,000 --> 01:05:49,440
ส่งสิ่งที่ใช้รหัส

1395
01:05:49,440 --> 01:05:51,240
>> ดังนั้นวิธีที่เราสามารถปรับปรุงนี้

1396
01:05:51,240 --> 01:05:54,370
ดีแรกลองมาอย่างรวดเร็วของ
บางส่วนของสิ่งที่คุณจะเห็น

1397
01:05:54,370 --> 01:05:56,170
และจากนั้นจะดูที่
สองสามตัวอย่าง

1398
01:05:56,170 --> 01:05:59,500
ดังนั้นหนึ่งในการสร้างความมั่นใจเพราะ
เรากำลังบินผ่าน PHP

1399
01:05:59,500 --> 01:06:02,470
และฉันรู้ว่าในบางจุดที่คุณจะต้อง
ที่จริงเริ่มต้นการเขียนนี้ถ้าคุณ

1400
01:06:02,470 --> 01:06:03,460
ยังไม่ได้

1401
01:06:03,460 --> 01:06:06,220
ตระหนักดีว่าหนึ่งหลักคือชนิด
ของออกไปนอกหน้าต่างด้วย PHP

1402
01:06:06,220 --> 01:06:09,420
หากคุณต้องการที่จะเขียนรหัสที่ได้รับ
ดำเนินการที่คุณเพิ่งเริ่มเขียนมันใน

1403
01:06:09,420 --> 01:06:13,970
ไฟล์ที่เรียกว่า. PHP ตราบเท่าที่
คุณมีวงเล็บเปิด

1404
01:06:13,970 --> 01:06:15,620
คำถามแท็กเครื่องหมาย PHP

1405
01:06:15,620 --> 01:06:19,730
>> แต่สังเกตเห็นเหล่านี้
เงื่อนไขใน PHP

1406
01:06:19,730 --> 01:06:22,610
สังเกตนี้เป็นสไลด์เดียวกันแน่นอน
เรามีในหนึ่งสัปดาห์เมื่อเรามี

1407
01:06:22,610 --> 01:06:25,670
เงื่อนไขในเงื่อนไข C. ใน
PHP เป็นโครงสร้างและ

1408
01:06:25,670 --> 01:06:27,140
syntactically เดียวกัน

1409
01:06:27,140 --> 01:06:30,290
เพียงแตกต่างจริงคือถ้าคุณมี
ตัวแปรที่เกี่ยวข้องกับการที่คุณมีนั้น

1410
01:06:30,290 --> 01:06:31,600
สัญญาณดอลลาร์

1411
01:06:31,600 --> 01:06:33,970
>> ในขณะที่การแสดงออกของบูลีน
ลักษณะเช่นนี้

1412
01:06:33,970 --> 01:06:35,725
หรือไอเอ็นจีหรือและไอเอ็นจีร่วมกัน

1413
01:06:35,725 --> 01:06:37,780
สวิทช์มีลักษณะตรงเดียวกัน

1414
01:06:37,780 --> 01:06:42,180
มีอะไรดีใน PHP, ในขณะที่ C,
สวิทช์จะต้องมีกรณีเมื่อ

1415
01:06:42,180 --> 01:06:46,380
วิทยาการเช่น ints หรือตัวอักษรใน PHP
งบกรณีของคุณสามารถจริงจะ

1416
01:06:46,380 --> 01:06:48,430
เมื่อทั้งสตริงซึ่งเป็น
ชนิดของดีจริง

1417
01:06:48,430 --> 01:06:49,480
ช่วยให้คุณประหยัดเวลา

1418
01:06:49,480 --> 01:06:50,820
ไม่สามารถดำเนินการได้ใน C.

1419
01:06:50,820 --> 01:06:52,880
>> ที่นี่สำหรับวงใน PHP

1420
01:06:52,880 --> 01:06:53,740
มันเหมือนกัน

1421
01:06:53,740 --> 01:06:55,400
อาจจะมีบางสัญญาณดอลลาร์
สำหรับตัวแปร

1422
01:06:55,400 --> 01:06:57,530
คุณไม่ได้พูดถึงว่า
เป็นสิ่งที่ int

1423
01:06:57,530 --> 01:07:00,580
คุณเพียงแค่ประกาศว่าด้วยเครื่องหมายดอลลาร์
และชื่อของตัวแปร

1424
01:07:00,580 --> 01:07:01,430
แต่สำหรับวงเหมือนกัน

1425
01:07:01,430 --> 01:07:02,760
ห่วงขณะเดียวกัน

1426
01:07:02,760 --> 01:07:04,870
ทำในขณะที่ห่วงเหมือนกัน

1427
01:07:04,870 --> 01:07:06,170
>> นี้จะแตกต่างกันเล็กน้อย

1428
01:07:06,170 --> 01:07:12,410
ดังนั้นด้วย PHP, กับอาร์เรย์คุณสามารถ
ประกาศอาร์เรย์แบบคงที่ในขณะที่ C,

1429
01:07:12,410 --> 01:07:14,420
แต่คุณใช้วงเล็บ

1430
01:07:14,420 --> 01:07:17,060
ใน C คุณจะใช้วงเล็บปีกกา,
ถ้าคุณได้รู้ว่า

1431
01:07:17,060 --> 01:07:20,910
แต่นี้เป็นจริงที่พบบ่อยมากใน PHP
เพื่อประกาศอาร์เรย์ในกรณีนี้,

1432
01:07:20,910 --> 01:07:23,640
ของตัวเลขและเรียก
ตัวเลขตัวแปร

1433
01:07:23,640 --> 01:07:25,300
>> ตัวแปรตัวเองมีลักษณะเช่นนี้

1434
01:07:25,300 --> 01:07:28,710
นี่คือสตริงอ้างอิงไม่ได้นำมาอ้างว่า "สวัสดี
โลก. "คุณสามารถมีเครื่องหมายทับขวา n

1435
01:07:28,710 --> 01:07:30,950
ฉันก็ทำไม่ได้ในกรณีนี้

1436
01:07:30,950 --> 01:07:32,640
>> ตอนนี้สร้างที่น่าสนใจ

1437
01:07:32,640 --> 01:07:33,700
C ไม่ได้นี้

1438
01:07:33,700 --> 01:07:34,700
แต่เรื่องนี้เป็นซุปเปอร์ประโยชน์

1439
01:07:34,700 --> 01:07:38,160
และคุณจะเห็นในชุดนี้ P 7
ข้อมูลจำเพาะ - สำหรับสร้างแต่ละ

1440
01:07:38,160 --> 01:07:41,800
ถ้าคุณต้องการที่จะย้ำไปทั่ว
องค์ประกอบอาร์เรย์คุณไม่ได้มี

1441
01:07:41,800 --> 01:07:45,500
ที่จะจัดการกับ $ i และ $ n,
และ + + และทั้งหมดที่

1442
01:07:45,500 --> 01:07:47,640
คุณอักษรสามารถพูดใน PHP นี้ -

1443
01:07:47,640 --> 01:07:51,890
สำหรับตัวเลขแต่ละจำนวนดังนั้น
ฉันสมมติว่าตัวเลข $

1444
01:07:51,890 --> 01:07:53,380
เป็นอาร์เรย์ของตัวเลข

1445
01:07:53,380 --> 01:07:56,460
และเมื่อฉันพูดสำหรับตัวเลขแต่ละ
เป็นจำนวนนี้เป็นไป

1446
01:07:56,460 --> 01:08:00,505
โดยอัตโนมัติในขณะที่ห่วงของฉันรัน,
ปรับปรุงแต่ละย้ำค่า

1447
01:08:00,505 --> 01:08:03,260
ภายในของจำนวนเครื่องหมายดอลลาร์ -

1448
01:08:03,260 --> 01:08:07,730
อีกครั้งและอีกครั้งและอีกครั้งที่เดิน
สำหรับฉันกว่าอาร์เรย์ที่

1449
01:08:07,730 --> 01:08:08,735
ดังนั้นมันก็ช่วยเรารหัส

1450
01:08:08,735 --> 01:08:12,250
อัฒภาคไม่มี + + + 's, ไม่มีของฉัน,
ไม่มีของ n, ก็แค่

1451
01:08:12,250 --> 01:08:13,700
>> PHP แต่ยังมีนี้

1452
01:08:13,700 --> 01:08:14,830
และนี่คือซุปเปอร์ที่มีประสิทธิภาพ

1453
01:08:14,830 --> 01:08:17,410
และคุณจะได้ใช้มือนี้
เมื่อใน P ตั้ง 7

1454
01:08:17,410 --> 01:08:21,990
และอาเรย์ที่มีการประกาศยัง
ที่มีวงเล็บ

1455
01:08:21,990 --> 01:08:23,569
แต่สังเกตเห็นไวยากรณ์ในขณะนี้

1456
01:08:23,569 --> 01:08:26,880
มันชวนให้นึกถึงสิ่งที่เราเห็น
กับ print_r สักครู่ที่ผ่านมา

1457
01:08:26,880 --> 01:08:31,810
วิธีการหลายคีย์ที่ตรวจสอบสุขภาพจิตดีเล็ก ๆ น้อย ๆ
ไม่อาร์เรย์นี้ดูเหมือนจะมี

1458
01:08:31,810 --> 01:08:32,689
>> ดังนั้นจึงมีสอง

1459
01:08:32,689 --> 01:08:33,830
และที่ผมเรียกนี้อาร์เรย์

1460
01:08:33,830 --> 01:08:36,760
แต่ถ้ามันจะช่วยให้คุณสามารถคิด
ของตารางแฮชเช่นนี้หรือเป็น

1461
01:08:36,760 --> 01:08:37,930
อาเรย์

1462
01:08:37,930 --> 01:08:39,580
แต่มันเป็นเพียงที่แตกต่างกัน
ประเภทของอาร์เรย์

1463
01:08:39,580 --> 01:08:41,080
และอีกครั้งภาษาที่แตกต่างกัน
มีเหล่านี้

1464
01:08:41,080 --> 01:08:43,810
เราจะเห็นสิ่งที่คล้ายกัน
ใน JavaScript เช่นกัน

1465
01:08:43,810 --> 01:08:44,609
มีสองปุ่มอะไร

1466
01:08:44,609 --> 01:08:48,390
หนึ่งคือไม่ได้นำมาอ้างอ้าง "สัญลักษณ์" หนึ่งคือ
อ้างไม่ได้นำมาอ้าง "ราคา". และกุญแจเหล่านั้น

1467
01:08:48,390 --> 01:08:49,250
แต่ละคนมีคุณค่า

1468
01:08:49,250 --> 01:08:54,420
ในกรณีนี้ค่าที่เป็นสัญลักษณ์ FB สำหรับ
มูลค่า Facebook ราคาและเป็น 49, 26,

1469
01:08:54,420 --> 01:08:56,899
ซึ่งเป็นหุ้นของ Facebook
ราคา ณ วันนี้

1470
01:08:56,899 --> 01:09:00,170
>> ดังนั้นจะเป็นประโยชน์เกี่ยวกับสิ่งที่
อาเรย์

1471
01:09:00,170 --> 01:09:02,620
ฉันจะได้มีตัวเลข
อาร์เรย์การจัดทำดัชนีที่มีเพียงแค่

1472
01:09:02,620 --> 01:09:04,120
วงเล็บง่าย

1473
01:09:04,120 --> 01:09:09,380
และฉันจะมีเครื่องหมายดอลลาร์
อ้างเท่ากับเพียงแค่นี้

1474
01:09:09,380 --> 01:09:10,529
ให้ฉันทำมันจริง

1475
01:09:10,529 --> 01:09:14,796
สมมติว่าฉันแทนการประกาศเพียง
อาร์เรย์เช่นว่านี้

1476
01:09:14,796 --> 01:09:17,590
นั่นคือการที่ถูกต้องสมบูรณ์,
syntactically

1477
01:09:17,590 --> 01:09:20,569
มันไม่สูญเสียข้อมูลใด ๆ
ต่อ SE

1478
01:09:20,569 --> 01:09:24,760
ผมก็ยังเห็นว่าเป็นสัญลักษณ์ FB,
และบอกว่าเป็นราคาที่ 49, 26

1479
01:09:24,760 --> 01:09:28,939
เพื่อให้มีการเชื่อมโยงว่าทำไม
อาร์เรย์ที่น่าสนใจ?

1480
01:09:28,939 --> 01:09:30,189
>> ผู้ชม: คุณไม่ต้องจำ
ที่คุณใส่สิ่งที่

1481
01:09:30,189 --> 01:09:32,050

1482
01:09:32,050 --> 01:09:34,130
>> 1 SPEAKER: ว่าคุณไม่ได้มี
จำที่คุณใส่สิ่งที่

1483
01:09:34,130 --> 01:09:37,670
คุณจะได้ไม่ต้องมีกฎเกณฑ์จำ
สัญลักษณ์หุ้นที่อยู่ในวงเล็บเป็นศูนย์

1484
01:09:37,670 --> 01:09:41,479
และราคาหุ้นที่อยู่ในวงเล็บหนึ่ง
ซึ่งเป็นสิ่งที่อันตรายโดยเฉพาะอย่างยิ่งถ้าคุณ

1485
01:09:41,479 --> 01:09:43,220
เปลี่ยนสิ่งในที่สุด

1486
01:09:43,220 --> 01:09:46,399
มันมากดีกว่าที่จะเชื่อมโยง
สิ่งที่เราจะเรียก metadata

1487
01:09:46,399 --> 01:09:48,340
กับข้อมูลที่แท้จริงของคุณ

1488
01:09:48,340 --> 01:09:52,399
ฉันเถียงว่าสิ่งที่เราสนใจจริงๆ
เกี่ยวกับที่นี่ FB และ 49, 26 คือ

1489
01:09:52,399 --> 01:09:57,020
สัญลักษณ์และราคาเป็นข้อมูล
ที่อธิบายถึงข้อมูลที่เรา

1490
01:09:57,020 --> 01:09:58,180
จริงเกี่ยวกับการดูแล

1491
01:09:58,180 --> 01:10:01,910
แต่นี้เป็นเพียงมาก
ง่ายต่อการเข้าถึง

1492
01:10:01,910 --> 01:10:04,090
>> ขณะนี้เป็นสิ่งที่อยู่นอกเหนือ
ราคาที่เราจ่าย?

1493
01:10:04,090 --> 01:10:06,600
เราได้รับการทำเช่นนี้
ใน CS50 สัปดาห์ที่ผ่านมา

1494
01:10:06,600 --> 01:10:10,740
คุณลักษณะนี้จะต้องมาเสียค่าใช้จ่ายในบาง

1495
01:10:10,740 --> 01:10:11,350
หน่วยความจำ

1496
01:10:11,350 --> 01:10:13,830
ดังนั้นคุณไม่ได้เพียงแค่การจัดเก็บ 32 บิต
จำนวนเต็มเช่น

1497
01:10:13,830 --> 01:10:17,980
คุณเก็บสัญลักษณ์ / 0 อาจจะเป็น

1498
01:10:17,980 --> 01:10:19,160
ดังนั้นคุณกำลังใช้หน่วยความจำมาก

1499
01:10:19,160 --> 01:10:22,540
>> และประสิทธิภาพการทำงานของสิ่งที่
กำลังมองหาบางสิ่งบางอย่างขึ้นมาใน

1500
01:10:22,540 --> 01:10:24,822
อาเรย์อาจจะเป็น?

1501
01:10:24,822 --> 01:10:26,590
มันอาจจะช้าลง

1502
01:10:26,590 --> 01:10:29,670
เข้าถึงโดยสุ่มเป็นสิ่งที่ดีโดยเฉพาะอย่างยิ่ง
เมื่อคุณสามารถทำค้นหาแบบไบนารี

1503
01:10:29,670 --> 01:10:33,380
แต่ถ้าคุณกำลังมองหาจริงไม่ได้
สำหรับตัวเลข แต่สำหรับสายนี้

1504
01:10:33,380 --> 01:10:37,630
อย่างแท้จริงจะดำเนินการภายใต้
เครื่องดูดควันอาจเป็นตารางแฮชที่

1505
01:10:37,630 --> 01:10:42,950
ที่คุณใช้อย่างใดอย่างหนึ่งตารางแฮช
กับการผูกมัดแยก

1506
01:10:42,950 --> 01:10:46,040
หรือคุณลองใช้จริง
เก็บค่า

1507
01:10:46,040 --> 01:10:50,550
ดังนั้นบางทีคุณสามารถทำได้ตลอดเวลา แต่
คุณยังคงต้องมองไปที่ S-Y-M-B-O-L,

1508
01:10:50,550 --> 01:10:54,510
ที่อาจเกิดขึ้นแทนเพียงแค่ 32
บิตที่จะมองหาบางสิ่งบางอย่างขึ้น

1509
01:10:54,510 --> 01:10:58,430
ดังนั้นอีกครั้งที่ความคิดเดียวกันมา
กลับจะเกิดขึ้นอีกในบริบทนี้

1510
01:10:58,430 --> 01:11:02,120
>> แต่อีกครั้ง PHP ตอนนี้มีบางซุปเปอร์
globals ว่ามันกลายเป็น

1511
01:11:02,120 --> 01:11:02,900
เชื่อมโยงอาร์เรย์

1512
01:11:02,900 --> 01:11:05,590
เราเห็นช่วงเวลาหนึ่งที่ผ่านมา $ _POST

1513
01:11:05,590 --> 01:11:08,400
และที่ซูเปอร์ทั่วโลก
มีคีย์และค่า

1514
01:11:08,400 --> 01:11:10,550
โดยเฉพาะกุญแจ
บรรทัดขึ้นกับสิ่งที่?

1515
01:11:10,550 --> 01:11:14,520
กุญแจที่ไหนใน $ _POST มาจากไหน?

1516
01:11:14,520 --> 01:11:15,380
เพียงเพื่อปะยางรถ?

1517
01:11:15,380 --> 01:11:16,480
>> ผู้ชม: ชื่อ

1518
01:11:16,480 --> 01:11:17,900
>> ลำโพง 1: ชื่อที่?

1519
01:11:17,900 --> 01:11:19,860
>> ผู้ชม: [ได้ยิน]

1520
01:11:19,860 --> 01:11:20,750
>> 1 SPEAKER: ชื่อคือแอตทริบิวต์

1521
01:11:20,750 --> 01:11:23,480
ที่ดีที่พวกเขาทำ
เดิมมาจากไหน?

1522
01:11:23,480 --> 01:11:24,120
รูปแบบ

1523
01:11:24,120 --> 01:11:30,140
ดังนั้นถ้าหน้า HTML มีแท็กรูปแบบ,
ภายในซึ่งปัจจัยการผลิตบางอย่างเช่น

1524
01:11:30,140 --> 01:11:34,760
ตรวจสอบกล่องกล่องข้อความหล่นลง
เมนูแต่ละที่มีชื่อเหล่านั้น

1525
01:11:34,760 --> 01:11:40,260
ชื่อท้ายเป็นคีย์ใน $ _POST และ
ตรงไปตรงมาสำหรับเรื่องที่ $ _GET

1526
01:11:40,260 --> 01:11:42,130
หากวิธีการคือการได้รับความคิดเดียวกัน

1527
01:11:42,130 --> 01:11:43,830
มันเป็นเพียงที่แตกต่างกันในซูเปอร์ทั่วโลก

1528
01:11:43,830 --> 01:11:47,620
และคุณค่าของหลักสูตรมาจาก
สิ่งที่ผู้ใช้พิมพ์ลงในที่ของเขาหรือ

1529
01:11:47,620 --> 01:11:48,890
เบราว์เซอร์ของเธอ

1530
01:11:48,890 --> 01:11:49,830
>> แต่มีคนอื่น ๆ ไม่กี่คน

1531
01:11:49,830 --> 01:11:52,140
มีคุกกี้ซึ่งเราจะใช้อะไร
จะกลับมาในที่สุด

1532
01:11:52,140 --> 01:11:56,050
แต่ผู้ที่เป็นสิ่งที่คุณรู้ว่า
เว็บที่ใช้สำหรับบางคนที่ดีหรือความชั่วร้าย

1533
01:11:56,050 --> 01:11:57,420
แต่เราจะกลับมาที่

1534
01:11:57,420 --> 01:12:01,720
Server และเซสชั่นและผู้ที่สอง
มีบางสาธารณูปโภคพิเศษ

1535
01:12:01,720 --> 01:12:03,940
>> แต่ขอให้มาดูที่นี้

1536
01:12:03,940 --> 01:12:13,330
ให้ฉันไปข้างหน้าและเปิดตัวอย่าง
เรียกว่า mvc0.php ดังนั้น MVC

1537
01:12:13,330 --> 01:12:14,900
ยืนต่อไปนี้

1538
01:12:14,900 --> 01:12:19,390
และเราแนะนำก่อนหน้านี้กว่าคือ
ทั่วไปจริงๆที่จะรับคุณออกแบบ

1539
01:12:19,390 --> 01:12:22,180
ปัญหาชุดที่ 7 และโครงการสุดท้าย
ในการเรียงลำดับของอุตสาหกรรม

1540
01:12:22,180 --> 01:12:23,670
วิธีมาตรฐานและวิธีทำความสะอาด

1541
01:12:23,670 --> 01:12:24,820
มันเป็นเรื่องการออกแบบที่ดี

1542
01:12:24,820 --> 01:12:29,090
>> ดังนั้นคุณจะดูและคุณจะ
ประสบการณ์ใน P ชุด 7 กระบวนทัศน์การจัดเรียง

1543
01:12:29,090 --> 01:12:32,260
ความคิดของการเขียนโปรแกรมที่มีลักษณะ
บางสิ่งบางอย่างเล็ก ๆ น้อย ๆ เช่นนี้

1544
01:12:32,260 --> 01:12:35,570
สำหรับรุ่น M, C เป็น Controller,
V ดู

1545
01:12:35,570 --> 01:12:39,690
เรื่องยาวสั้น MVC เป็นเพียงแค่ชนิด
ของวิธีการ, วิธีการทำ

1546
01:12:39,690 --> 01:12:43,360
เว็บไซต์โดยเฉพาะอย่างยิ่ง whereby คุณ
ใส่ทั้งหมดของวลีของคุณโง่ -

1547
01:12:43,360 --> 01:12:44,970
ตรรกะทางธุรกิจ -

1548
01:12:44,970 --> 01:12:49,710
ทั้งหมดของทรัพย์สินทางปัญญาของคุณใน
สิ่งที่เรียกว่าตัวควบคุมแฟ้ม

1549
01:12:49,710 --> 01:12:54,840
เช่น index.php หรือเราจะเห็น
quote.php หรือ buy.php

1550
01:12:54,840 --> 01:12:59,570
>> ในบริบทของปัญหาชุดที่ 7 ของคุณ
รูปแบบที่มักจะมีข้อมูลของคุณ

1551
01:12:59,570 --> 01:13:03,860
อะไรที่เกี่ยวข้องกับฐานข้อมูลที่เราจะ
ในที่สุดก็เห็นและมุมมองของคุณ

1552
01:13:03,860 --> 01:13:07,510
มีความงามของคุณ
เว็บไซต์, HTML, CSS

1553
01:13:07,510 --> 01:13:10,420
ดังนั้นเราจึงได้เห็นแล้วใน C เล็ก ๆ น้อย ๆ
บิตโดยใช้. ไฟล์ชั่วโมง

1554
01:13:10,420 --> 01:13:15,010
จริงๆเราเห็นว่ามันสักครู่ที่ผ่านมากับ CSS,
โดยแฟ stylization วินาที

1555
01:13:15,010 --> 01:13:16,520
สิ่งที่ออกมาจาก HTML ของเรา

1556
01:13:16,520 --> 01:13:20,730
>> ดังนั้น MVC เป็นจริงเพียงเกี่ยวกับการวาด
บรรทัดในทรายแล้วพูดว่า

1557
01:13:20,730 --> 01:13:25,400
รหัสการเขียนโปรแกรมที่น่าสนใจสำหรับคุณ
เว็บไซต์เป็นในสิ่งที่เราจะเรียก

1558
01:13:25,400 --> 01:13:26,400
ตัวควบคุม

1559
01:13:26,400 --> 01:13:29,280
สิ่งที่เกี่ยวข้องกับฐานข้อมูลโดยทั่วไป
จะจบลงในรูปแบบ

1560
01:13:29,280 --> 01:13:33,070
แต่คุณจะเห็นในชุดที่ 7 ปัญหาเรา
รวม C และ M เพื่อให้มันง่าย

1561
01:13:33,070 --> 01:13:37,630
แต่มุมมองที่เป็นที่ทั้งหมดของ HTM​​L ของคุณ
และความงามที่มักจะไป

1562
01:13:37,630 --> 01:13:39,160
>> ดังนั้นสิ่งนี้หมายความว่าในแง่จริง?

1563
01:13:39,160 --> 01:13:45,980
ดีให้ฉันไปเป็นของเรา MVC
ไดเรกทอรีดังต่อไปนี้

1564
01:13:45,980 --> 01:13:48,880
และคุณจะเห็นมากกว่านี้
ไปเที่ยวผ่านใน spec

1565
01:13:48,880 --> 01:13:53,200
ดังนั้นใน mvc0 ผมอ้างว่าเป็นเช่น,
0 รุ่นของเว็บไซต์ CS50 ของ

1566
01:13:53,200 --> 01:13:56,670
>> ทั้งหมดที่เรามีเป็นบาง HTM​​L เช่น
แท็ก h1 ใหญ่เห็นได้ชัดว่า

1567
01:13:56,670 --> 01:13:57,800
แล้วรายการที่มีสัญลักษณ์

1568
01:13:57,800 --> 01:13:59,860
ฉันไม่เคยเห็นรายการที่มีสัญลักษณ์
ก่อน แต่ไม่มีเรื่องใหญ่

1569
01:13:59,860 --> 01:14:01,590
Let 's รวดเร็วดูรหัสที่มา

1570
01:14:01,590 --> 01:14:06,610
กลับกลายเป็นรายการเรียงลำดับด้วยกระสุน
ยูวงเล็บเปิดกับหนึ่งหรือเป็น

1571
01:14:06,610 --> 01:14:09,065
มากขึ้นในรายการหลี่

1572
01:14:09,065 --> 01:14:10,650
ดังนั้นแจ้งให้ทราบที่นี่เป็นแท็กสมอ

1573
01:14:10,650 --> 01:14:12,130
เราเห็นว่าช่วงเวลาที่ผ่านมา

1574
01:14:12,130 --> 01:14:13,810
>> ดังนั้นนี่คือวิธีที่ผมใช้
หน้านี้

1575
01:14:13,810 --> 01:14:18,460
ฉันมีสองเชื่อมโยงสองรายการหนึ่ง
UL สำหรับรายการเรียงลำดับและสิ้นสุด

1576
01:14:18,460 --> 01:14:22,700
ผลสกอร์นี้มาก
เว็บไซต์สวย 0 รุ่นที่นี่

1577
01:14:22,700 --> 01:14:26,840
แต่สิ่งที่น่าสนใจในขณะนี้คือวิธีนี้
จะดำเนินการภายใต้ประทุน

1578
01:14:26,840 --> 01:14:33,590
>> ให้ฉันไปเป็น Gedit และเปิดขึ้นนี้
ตัวอย่างแรกมากที่จะวาดภาพ

1579
01:14:33,590 --> 01:14:37,070
และเราจะดูที่สิ่งที่สมบูรณ์
ที่อาจเกิดขึ้นในที่นี่

1580
01:14:37,070 --> 01:14:43,260
ตอนนี้ถ้าฉันไปเป็น localhost ประชาชน
MVC แจ้งให้ทราบไม่กี่ไฟล์

1581
01:14:43,260 --> 01:14:45,780
ฉันจะเรียกเหล่านี้สำหรับ
ขณะควบคุมทั้งหมด

1582
01:14:45,780 --> 01:14:48,640
แต่ที่บิตของการทำผิดกฎเกี่ยวเนื่องจาก
คุณจะเห็นทุกอย่างผสมปนเป

1583
01:14:48,640 --> 01:14:49,620
ภายในของพวกเขา

1584
01:14:49,620 --> 01:14:52,330
>> และแจ้งให้เราเข้าไปข้างในจาก index.php

1585
01:14:52,330 --> 01:14:54,700
และเราจะเห็นตัวอักษร HTML เดียวกัน

1586
01:14:54,700 --> 01:14:57,970
ดังนั้นแม้ว่าไฟล์นี้จบลงด้วยการ
. PHP, มันไม่ได้หมายความว่ามันจะ

1587
01:14:57,970 --> 01:14:59,500
มีโค้ด PHP

1588
01:14:59,500 --> 01:15:02,290
มันก็สามารถเป็น HTML ดิบแม้ว่า
ที่ชนิดของโง่

1589
01:15:02,290 --> 01:15:07,650
แต่สังเกตเห็นว่าไม่มีวงเล็บเปิด PHP
แท็กยกเว้นนี้ซึ่งตรงไปตรงมา

1590
01:15:07,650 --> 01:15:09,160
เป็นเพียงมีเพื่อทำหน้าที่เป็นความคิดเห็น

1591
01:15:09,160 --> 01:15:12,080
แต่ที่ทำงานไม่ได้
แม้ที่ที่น่าสนใจ

1592
01:15:12,080 --> 01:15:12,960
>> แต่สังเกตเห็นนี้

1593
01:15:12,960 --> 01:15:15,400
มีอะไรที่น่าสนใจในขณะนี้คืออะไร
การเปลี่ยนแปลงในหน้านี้

1594
01:15:15,400 --> 01:15:16,650
ให้ฉันคลิกที่การบรรยาย

1595
01:15:16,650 --> 01:15:18,560
และสังเกตเห็น URL ที่เป็นเรื่องเกี่ยวกับการเปลี่ยนแปลง

1596
01:15:18,560 --> 01:15:20,930
ตอนนี้ฉันที่ lectures.php

1597
01:15:20,930 --> 01:15:22,630
ให้ฉันคลิกศูนย์

1598
01:15:22,630 --> 01:15:27,200
ตอนนี้ฉันที่ week0.php และตอนนี้ให้
ฉันเปิดไฟล์เหล่านี้ใน Gedit

1599
01:15:27,200 --> 01:15:30,120
ดัชนีไม่เพียง แต่ให้
ฉันเปิดการบรรยาย

1600
01:15:30,120 --> 01:15:33,900
และแจ้งให้เรากำจัดความเห็น
จะให้ความสำคัญในส่วนนี้เท่านั้น

1601
01:15:33,900 --> 01:15:37,680
>> และตอนนี้ให้ฉันเปิดขึ้นเพียงหนึ่ง,
week0.php ทิ้งความเห็น,

1602
01:15:37,680 --> 01:15:39,910
เพียงแค่การทำความสะอาดนี้

1603
01:15:39,910 --> 01:15:41,720
และตอนนี้สังเกตเห็นดังต่อไปนี้

1604
01:15:41,720 --> 01:15:47,340
คิดจริงๆการจัดเรียงของอย่างรอบคอบเกี่ยวกับ
การออกแบบและการขอให้เส้นมัน

1605
01:15:47,340 --> 01:15:52,013
ขึ้นเดียวกันสิ่งที่สามารถทำได้
ที่นี่ดีกว่าคุณคิดว่า?

1606
01:15:52,013 --> 01:15:56,450

1607
01:15:56,450 --> 01:15:57,780
>> จะไม่ได้ทำให้ใครคนหนึ่งสัปดาห์?

1608
01:15:57,780 --> 01:15:58,480
วิธีการเกี่ยวกับเรื่องนี้

1609
01:15:58,480 --> 01:16:00,450
ดังนั้นนี่คือวิธีที่ผมทำหนึ่งสัปดาห์

1610
01:16:00,450 --> 01:16:08,290
ผมก็ขึ้นไปยังแฟ้มใหม่วางบันทึก
week1.php และจากนั้นฉันไปที่นี่

1611
01:16:08,290 --> 01:16:09,875
และฉันเปลี่ยนหนึ่ง -

1612
01:16:09,875 --> 01:16:11,646
สิ่งที่เป็นที่หนึ่งถึงวันศุกร์

1613
01:16:11,646 --> 01:16:14,430

1614
01:16:14,430 --> 01:16:15,810
ผมเปลี่ยนศูนย์หนึ่ง

1615
01:16:15,810 --> 01:16:17,150
ผมเปลี่ยนไปนี้หนึ่ง

1616
01:16:17,150 --> 01:16:20,350
>> ตกลงดังนั้นตอนนี้มองไปที่ไฟล์ของฉัน

1617
01:16:20,350 --> 01:16:22,100
จะมีอะไรที่ต้องทำแตกต่างกัน?

1618
01:16:22,100 --> 01:16:25,310
ซึ่งเป็นโอกาสที่อาจ?

1619
01:16:25,310 --> 01:16:28,330
ดังนั้นจึงมีโอกาสที่จะเริ่มต้นอะไร
แฟสิ่งนี้ออก

1620
01:16:28,330 --> 01:16:32,950
ผมขอเปิดเป็นสปอยเลอร์สำหรับ
สิ่งที่คุณจะเห็นในชุด P 7

1621
01:16:32,950 --> 01:16:38,750
ถ้าผมเปิดตอนนี้ index.php ในรุ่น
ห้านี้มีลักษณะ

1622
01:16:38,750 --> 01:16:40,730
คลุมเครือมากขึ้นเป็นที่ยอมรับ

1623
01:16:40,730 --> 01:16:43,710
>> แต่ตอนนี้คือสิ่งที่ผมจะโทรห​​า
ตัวควบคุมที่ควบคุม

1624
01:16:43,710 --> 01:16:44,770
ตรรกะในหน้าของฉัน

1625
01:16:44,770 --> 01:16:48,510
และทุกชนิดที่คุณสามารถสร้าง,
สังหรณ์ใจบางทีสิ่งที่เกิดขึ้น

1626
01:16:48,510 --> 01:16:50,630
ในบรรทัดแรกที่เป็น
เล็ก ๆ น้อย ๆ เป็นความลับ

1627
01:16:50,630 --> 01:16:54,040
แต่สังเกตเห็นว่าผมต้องชอบด้วย
คมชัดรวมถึงไฟล์ที่เรียกว่า

1628
01:16:54,040 --> 01:16:55,930
helpers.php

1629
01:16:55,930 --> 01:16:59,980
แล้วฉันโทรชัด
ฟังก์ชั่นที่เรียกว่าการแสดงผลผ่านใน

1630
01:16:59,980 --> 01:17:00,850
สองอาร์กิวเมนต์

1631
01:17:00,850 --> 01:17:02,440
>> หนึ่งคือการอ้างไม่ได้นำมาอ้างส่วนหัว,

1632
01:17:02,440 --> 01:17:04,800
และอื่น ๆ เป็นสิ่งที่ชนิดของ
ชนิดข้อมูลนี้เป็นเบส

1633
01:17:04,800 --> 01:17:07,180
เมื่อไวยากรณ์ของเราก่อนหน้านี้?

1634
01:17:07,180 --> 01:17:08,160
มันเป็นอาร์เรย์ที่เกี่ยวข้อง

1635
01:17:08,160 --> 01:17:11,730
โดยเฉพาะมันผ่านในชื่อ
กับเมตาดาต้าที่เตือนบางอย่าง

1636
01:17:11,730 --> 01:17:13,430
ฉันว่ามันคืออะไรและค่าของมัน

1637
01:17:13,430 --> 01:17:16,340
แล้วฉันจะดูยากรหัส
UL ดังนั้นบางดิบ HTML

1638
01:17:16,340 --> 01:17:20,020
แต่แล้วฉันกลับมาอยู่ในโหมด PHP
เรียกฟังก์ชั่นการแสดงผล

1639
01:17:20,020 --> 01:17:24,390
ดังนั้นแม้ว่าคุณจะไม่เคยใช้ HTML หรือ PHP
ก่อนและแม้ว่าจะมีลักษณะนี้

1640
01:17:24,390 --> 01:17:27,480
น่ากลัวนี้คือเหตุผลที่อาจจะ
การออกแบบที่ดีกว่า

1641
01:17:27,480 --> 01:17:31,310
ดีกว่าสิ่งที่เกี่ยวกับมัน
ขึ้นอยู่กับข้อสรุป?

1642
01:17:31,310 --> 01:17:32,130
>> ผู้ชม: [ได้ยิน]

1643
01:17:32,130 --> 01:17:35,750
>> 1 SPEAKER: น้อยซ้ำซ้อนในการที่
ไม่มีแท็กมากขึ้นไม่ได้

1644
01:17:35,750 --> 01:17:38,410
หัวแท็กแท็กร่างกายไม่มีอะไรมาก
ในไฟล์ด่าทุก

1645
01:17:38,410 --> 01:17:41,860
แต่ผมเอาเรื่องออก
commonalities และน่าจะทำให้พวกเขา

1646
01:17:41,860 --> 01:17:45,150
เป็นไฟล์ที่เกี่ยวข้องอย่างใด
ส่วนหัว

1647
01:17:45,150 --> 01:17:48,500
และสิ่งเดียวกันสำหรับร่างกายใกล้
แท็กแท็กปิด

1648
01:17:48,500 --> 01:17:52,165
ที่อาจลงที่นี่ภายใน
จากที่ไหนสักแห่งที่ส่วนท้าย

1649
01:17:52,165 --> 01:17:57,050
และคุณจะเห็นในชุดว่า 7
ทัวร์เล็ก ๆ น้อย ๆ ผ่านทางนี้

1650
01:17:57,050 --> 01:17:58,070
>> ดังนั้นสิ่งที่อยู่ข้างหน้า?

1651
01:17:58,070 --> 01:18:03,390
สิ่งหนึ่งที่เรามีความสามารถไม่ได้
สำหรับยังเป็นจริงเก็บข้อมูล

1652
01:18:03,390 --> 01:18:06,110
ดังนั้นสิ่งที่เราจะเริ่มเห็น
วันพุธที่เช่นเป็นที่ของคุณ

1653
01:18:06,110 --> 01:18:08,450
เพื่อนเก่า Excel หรือตัวเลข
ช่วยให้คุณสามารถจัดเก็บจำนวนมาก

1654
01:18:08,450 --> 01:18:10,060
ข้อมูลในแถวและคอลัมน์

1655
01:18:10,060 --> 01:18:12,570
ผลัดกันออกคุณสามารถทำในสิ่งที่
ที่เรียกว่าฐานข้อมูล, โปรแกรม

1656
01:18:12,570 --> 01:18:16,620
ความคลั่งไคล้และมันจะเปิดออกหลังจากนั้น
เราจะสามารถเก็บสิ่งที่ต้องการ

1657
01:18:16,620 --> 01:18:20,550
นี้ซึ่งคุณจะเห็นอีกครั้งในชุด P
7 มัดทั้งชื่อผู้ใช้และ

1658
01:18:20,550 --> 01:18:23,690
รหัสผ่านที่หลังซึ่งเป็น
จริงเข้ารหัสเหมือนพวกเขา

1659
01:18:23,690 --> 01:18:25,550
อยู่ในรุ่นแฮ็กเกอร์ P ชุด 2

1660
01:18:25,550 --> 01:18:29,600
และในที่สุดคุณจะดำเนินการนี​​้,
เว็บไซต์ eTrade เหมือนของคุณเองว่า

1661
01:18:29,600 --> 01:18:32,220
ดำเนินการเรียก CS50 การเงิน

1662
01:18:32,220 --> 01:18:36,000
>> สุดท้ายตั้งแต่คุณเคยพักที่นี่มาสายมาก
วันนี้หากคุณกลับมาเพื่อเป็นส่วนหนึ่งนี้

1663
01:18:36,000 --> 01:18:41,120
ของมหาวิทยาลัยที่ 04:00 วันนี้เราจะ
ให้คุณไม่ได้แนะนำเท่านั้นที่ SCES

1664
01:18:41,120 --> 01:18:44,200
ให้คำปรึกษาแฟร์ที่ 16:00 ใน
Maxwell-ดวอร์คิเราจะให้คุณบาง

1665
01:18:44,200 --> 01:18:47,470
ดรีม Americone, เชอร์รี่การ์เซีย,
ช็อคโกแลตฟัดจ์บราวนี่ช็อคโกแลต

1666
01:18:47,470 --> 01:18:50,840
คุกกี้ชิปและเมื่อคุณ Google
ลิงอ้วนคุณจะได้รับนี้

1667
01:18:50,840 --> 01:18:53,620
ดังนั้นทั้งหมดที่รอท่านอยู่ที่ 04:00
PM ใน Maxwell-ดวอร์คิ

1668
01:18:53,620 --> 01:18:56,736
ดูคุณในวันพุธเช่นกัน

1669
01:18:56,736 --> 01:18:59,960
>> ลำโพง 2: ตอนต่อไป
CS50, RJ นอนค่ะ

1670
01:18:59,960 --> 01:19:03,656

1671
01:19:03,656 --> 01:19:04,906
>> RJ: ส่วนของฉัน!

1672
01:19:04,906 --> 01:19:07,727

1673
01:19:07,727 --> 01:19:08,977
Ha!

1674
01:19:08,977 --> 01:19:12,056

1675
01:19:12,056 --> 01:19:13,306
โอ้

1676
01:19:13,306 --> 01:19:16,374